@charset "utf-8";
@font-face {
	font-family:'HelveticaNeueLTPro';
	src:url('../font/HelveticaNeueLTPro-ThEx.otf'),url('../font/HelveticaNeueLTPro-ThEx.otf') format('embedded-opentype')
}
.gn-banner-case {background:url(../images/banner-case.jpg) center center no-repeat}
.section-caseMenuDiv {border-bottom:solid #e5e5e5 1px;width:100%;height:99px}
.caseMenuDiv {width:1200px;margin:0 auto;float:none;position:static}
.caseMenuDiv .f-caseMenuLine {position:absolute;background:#2f82ff;width:90px;height:4px!important;left:55px;top:96px;*display:inline;_zoom:1}
.caseMenuDiv .caseMobiConTitle {display:inline-block;float:right;vertical-align:middle;position:static;line-height:66px;width:auto;padding-left:0;height:auto}
.caseMenuWrap {height:66px;padding:34px 55px 0 55px;position:relative}
.caseMenu {height:65px;width:90px;line-height:66px;margin-right:28px;font-size:16px;color:#333;display:inline-block;*display:inline;zoom:1;float:none}
.caseMenu-click {text-align:center;color:#2f82ff}
.caseMenu .casePCMenuTip,.caseMenu .caseMobiMenuTip {display:inline-block;float:none}
.webCase {margin-top:0}
.webCase {width:1200px;margin:0 auto;padding:40px 0 0 0}
.caseConList {padding:0}
.caseConList .caseForm {width:518px;margin-right:70px;height:441px}
.caseContent {padding:0 45px}
.caseConMiddle {padding:0;width:1200px}
.caseConList .caseForm .bgPanel {height:100%;width:100%;margin:0}
.caseConList .casePic {height:100%;width:100%}
.caseConList .casePic img {height:100%;width:100%;margin:0}
.caseConList .f-imgView {width:520px;height:322px;position:relative;border-radius:6px 6px 0 0;box-shadow:0 0 5px 0 rgba(0,0,0,0.1);transform-origin:center center;transition:transform .3s}
.caseConList .f-imgView:hover {transform:scale(1.02,1.02)}
.caseConList .caseText {padding:0}
.caseConList .caseText a {display:inline;font-size:16px;color:#333;font-weight:normal;margin:0}
.caseConList .caseText-title {text-align:center;padding-top:40px;width:100%;line-height:1}
.caseConList .caseText-desc {padding-top:18px;font-size:13px;margin:0;padding-bottom:20px;text-align:center;color:#b1b1b1;line-height:1}
.caseMobiContent {padding:0}
.caseMobiContent-mobiIframe .caseForm {width:220px;padding:0 18px;margin-right:44px;height:585px;overflow:hidden}
.caseMobiContent-mobiIframe .pagenation_case {padding-top:0}
.caseMobiContent-mobiIframe {padding:0;width:100%}
.caseMobiIframe {height:1885px;*height:1885px}
.caseMobiContent-mobiIframe .caseText {padding:0 15px;height:auto}
.caseMobiContent-mobiIframe .caseText-title {padding-top:16px}
.caseMobiContent-mobiIframe .caseText a {display:inline;font-size:16px;font-weight:normal;color:#333}
.caseMobiContent-mobiIframe .grayContent {margin:0;padding-top:18px;height:70px;color:#b1b1b1}
.caseMobiContent .casePic {background-image:none;height:395px}
.caseMobiContent-mobiIframe .caseForm {transform-origin:center center;transition:transform .3s}
.caseMobiContent-mobiIframe .caseForm:hover {transform:scale(1.05,1.05)}
.caseMobiContent-mobiIframe .f-listWrap-mobiCase {width:1120px;margin:0 auto;padding-top:20px}
.caseMobiContent-mobiIframe .f-list-mobicase {margin-left:-40px;width:1400px;overflow:hidden;padding-top:10px;margin-top:-10px}
.caseMobiContent-mobiIframe .f-list-mobicase .f-item {width:auto;margin:0 40px;float:left}
.gn-caseForm .f-phone-template {position:absolute;left:-2px;top:0;width:260px;height:470px;background:url(../images/home_ico.png) -880px -689px no-repeat;z-index:-1}
.div_opacity {float:none}
.caseMobiContent .casePic .casePicLink {position:absolute;top:40px;left:10px;width:198px;height:354px;border:0}
.caseMobiContent-mobiIframe .caseText {margin-top:64px}
.caseMobiContent .caseImg {width:100%;height:100%}
.gn-slider {width:100%;margin:0 auto;overflow:hidden;position:relative;left:0;top:0}
.webCase .gn-slider .f-slider-wrap {width:3000px}
.webCase .gn-slider .f-slider-item {width:1200px}
.gn-slider .f-slider-wrap {width:200%;position:relative;left:0;transition:left .3s;overflow:hidden}
.gn-slider .f-slider-item {width:50%;float:left;vertical-align:top;display:block}
.fkIcon-preview {display:inline-block;vertical-align:middle;height:24px;width:24px;background:url(../images/home_ico.png) -274px -14px no-repeat;margin-right:3px}
.pagenation-frist,.pagenation-last,.casePagenation-first,.casePagenation-last {display:inline-block}
.pageNext_case .nextHide_case,.pagePrev_case .prevHide_case {width:100%;height:100%}
.pageNext_case .nextHide_case .san,.pagePrev_case .prevHide_case .san {display:none}
.pagenation-frist,.pagenation-last,.pageNext_blog,.pageNo_blog,.pagePrev_blog,.pagePrev_case,.pageNext_case,.pageNo_case,.casePagenation-first,.casePagenation-last {display:inline-block;width:28px;height:28px;border-radius:50%;vertical-align:middle;line-height:28px;*display:inline;*zoom:1;margin:0 7px}
.pageNo_case,.pageNo_case a,.pageNo_case span {display:inline-block;width:28px;height:28px;margin:0;color:#666;border-radius:50%;vertical-align:middle;*display:inline;_zoom:1;*zoom:1}
.pageNo_case {margin:0 8px}
.pageNo_case a:hover,.pageNo_case span:hover {color:#fff;background:#2f82ff;border-radius:50%}
.pagenation-frist a,.pagenation-last a {display:block;height:28px;width:28px}
.pageNext_case .nextHide_case,.pagePrev_case .prevHide_case {border:0}
.pagenation-first a,.pagenation-last a,.casePagenation-first a,.casePagenation-last a {width:28px;height:28px;display:block;border:0}
.pagePrev_case,.pageNext_case,.casePagenation-first,.casePagenation-last,.pagenation-frist,.pagenation-last,.pageNext_blog,.pagePrev_blog {background:url(../images/home_ico.png) no-repeat -214px -50px;font-size:0}
.pageNo_blog a {background:transparent}
.icon-pg-first:hover {background-position:-241px -50px}
.icon-pg-prev:hover {background-position:-235px -104px}
.icon-pg-next:hover {background-position:-234px -133px}
.icon-pg-last:hover {background-position:-239px -76px}
.icon-pg-first-disable:hover {background-position:-214px -50px}
.icon-pg-prev,.icon-pg-prev-disable:hover {background-position:-211px -104px}
.icon-pg-next,.icon-pg-next-disable:hover {background-position:-210px -133px}
.icon-pg-last,.icon-pg-last-disable:hover {background-position:-212px -76px}
.pageNo_case span,.pageNo_blog:hover {background:#2f82ff;color:#fff;text-align:center;font-size:14px;line-height:28px;vertical-align:middle}
.pagePrev_case a.prevShow_case,.pageNext_case a.nextShow_case {display:inline-block;width:100%;height:100%;border:0}
.pageNo_blog {font-size:0}
.pagePrev_case a .san,.pageNext_case a .san,.pageNext_case a .text,.pagePrev_case a .text {display:none}
.pageNext_case a.nextShow_case:hover,.pagePrev_case a.prevShow_case:hover {background:0}
.gn-index-caseForm {width:220px;padding:0 18px;margin-right:44px;height:585px;overflow:hidden;position:relative}
.gn-index-caseForm .f-phone-template {z-index:0}
.gn-index-caseForm .f-screen {position:absolute;width:198px;height:354px;width:200px;height:356px;left:27px;top:40px;overflow:hidden}
.gn-index-caseForm .f-screen-link {display:block;width:100%;height:100%}
.gn-index-caseForm .f-screen-img {width:100%;height:auto;min-height:100%}
.gn-index-caseForm .f-screenMask {height:100%;background:#000;opacity:0;filter:alpha(opacity=0);position:absolute;left:0;top:0;width:100%;overflow:hidden}
.gn-index-caseForm .f-qrCode {width:134px;height:134px;position:absolute;left:50%;margin-left:-75px;border:8px solid #fff;border-radius:3px;overflow:hidden;outline:0;background:#fff}
.gn-index-caseForm .f-qrCode .f-qrCodeImg {width:134px;height:134px;outline:0}
.gn-index-caseForm .f-btn-preview {display:block;height:38px;width:110px;border-radius:19px;line-height:36px;margin:0 auto;padding:0;background:#2f82ff;text-align:center;color:#fff;position:absolute;left:50%;margin-left:-55px;top:250px;font-size:14px}
.gn-index-caseForm .f-btn-preview .f-txt,.gn-index-caseForm .f-btn-preview .fkIcon-preview {display:inline-block;vertical-align:middle;line-height:1}
.gn-index-caseForm .f-screen-contentWrap {position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;overflow:hidden}
.gn-index-screen .f-qrCodeImg {width:134px;height:134px}
.gn-index-screenHover .f-screenMask,.gn-index-screenUnHover .f-screenMask {opacity:0;filter:alpha(opacity=0)}
.gn-index-screenHover .f-screenMask {transition:opacity .3s}
.gn-index-screenHover .f-qrCode,.gn-index-screenUnHover .f-qrCode {top:-151px}
.gn-index-screenHover .f-qrCode {transition:top .3s}
.gn-index-screenHover .f-btn-preview,.gn-index-screenUnHover .f-btn-preview {filter:alpha(opacity=0);opacity:0}
.gn-index-screenHover .f-btn-preview {transition:opacity .3s}
.gn-index-screenHover:hover .f-screenMask {filter:alpha(opacity=60);opacity:.6;transform:scale(1)}
.gn-index-screenHover:hover .f-btn-preview {filter:alpha(opacity=100);opacity:1;transform:scale(0.953)}
.gn-index-screenHover:hover .f-qrCode {top:75px}
.gn-index-mobiArea {width:220px;height:452px;position:relative}
.gn-index-mobiPlaceholder {width:220px;height:452px;position:absolute;left:50%;top:50%;margin-left:-110px;margin-top:-226px}
.gn-index-mobiPlaceholder .gn-index-caseForm {position:absolute;left:-16px;height:470px}
.gn-index-mobiAreaHover .gn-index-mobiPlaceholder {transform-origin:center center;transition:transform .3s}
.gn-index-mobiAreaHover:hover .gn-index-mobiPlaceholder {transform:scale(1.05,1.05)}
.gn-caseForm {width:220px;height:583px}
.gn-caseForm .f-link {color:#333}
.gn-caseForm .f-caseTtitle {padding-top:26px;font-size:16px;font-weight:1;color:#333}
.gn-caseForm .f-caseProp {margin:0;padding-top:12px;height:70px;color:#b1b1b1;font-size:14px;width:105%}
.gn-caseForm .f-caseInfo {padding:0 0 0 15px}
.gn-index-body {color:#333;font-family:微软雅黑}
.gn-index-wrap {width:1200px;margin:0 auto}
.gn-banner-index {height:660px;background:#3e83fa;position:relative}
.gn-index-sliderPanel .gn-banner-xcx .f-button-wrap {margin-top:-40px}
.gn-banner-xcx .f-buttonComponent {width:228px;height:72px;position:relative;z-index:3}
.gn-banner-xcx .f-buttonComponent {background:rgba(0,0,0,0.01)}
.gn-banner-xcx .f-btn {width:228px;height:70px;text-align:center;line-height:70px;border-radius:35px;border:#fff solid 1px;border:rgba(255,255,255,0.6) solid 1px;font-size:20px;color:#fff;transition:background .3s}
.gn-banner-xcx .f-buttonComponent .f-codeWrap {position:absolute;right:-255px;top:0;width:240px;height:240px;background-color:rgba(255,255,255,.15);border:solid #fff 1px;border:solid rgba(255,255,255,.1) 1px;box-sizing:border-box;border-radius:3px;transform-origin:top center;transform:scale(1,0);transition:all .3s}
.gn-banner-xcx .f-buttonComponent .f-code {width:220px;height:220px;position:relative;left:50%;top:50%;margin-left:-110px;margin-top:-110px;z-index:1}
.gn-banner-xcx .f-buttonComponent .f-feelArea {width:290px;height:290px;position:absolute;left:50%;top:50%;margin-left:-145px;margin-top:-145px}
.gn-banner-xcx-fixIE .f-buttonComponent .f-codeWrap {overflow:hidden;height:0;border:0}
.gn-banner-xcx .f-buttonComponent-hover .f-codeWrap {transform:scale(1,1)}
.gn-banner-xcx-fixIE .f-buttonComponent-hover .f-codeWrap {height:240px;overflow:visible;border:#fff 1px solid;border:1px solid rgba(255,255,255,.1)}
.gn-banner-xcx-fixIE .f-buttonComponent-hover .f-codeWrap-bg {display:block;position:absolute;background:#fff;left:0;top:0;width:100%;height:100%}
.gn-banner-xcx-fixIE .f-buttonComponent-hover .f-codeWrap-bg {filter:alpha(opacity=15);opacity:.15}
.f-banner-responsive .f-button-wrap {padding-top:272px!important}
.f-banner-responsive .f-btn {width:198px;height:46px;line-height:46px;margin:0 auto}
.gn-numberBar {color:#333}
.gn-numberBar .f-siteServiceNum {display:inline-block}
.gn-numberBar .f-numberWrap {padding:50px 0;text-align:center}
.gn-numberBar .f-numberList {text-align:center;font-size:0;display:inline-block}
.gn-numberBar .f-numberItem {padding:0 108px;border-left:solid #ebebeb 1px;padding-top:12px;display:inline-block;*display:inline;*zoom:1;float:none;font-family:HelveticaNeueLTPro,微软雅黑;text-align:left}
.gn-numberBar .f-numberItem:first-child {border-left:none;padding-left:0}
.gn-numberBar .f-numberItem-siteServ {width:228px;padding-right:0}
.gn-numberBar .f-numberItem-safeRun {padding-left:0;padding-right:0;width:376px}
.gn-numberBar .f-numberItem-cover {padding-left:0;padding-right:0;width:376px}
.gn-numberBar .f-numberItem-safeRun .f-numberContenWrap,.gn-numberBar .f-numberItem-cover .f-numberContenWrap {padding-left:138px}
.gn-numberBar .f-numberItem-day {width:208px;padding-left:0;padding-right:0}
.gn-numberBar .f-numberItem-day .f-numberContenWrap {padding-left:128px}
.gn-numberBar .f-numberDesc {padding-top:30px;font-size:16px}
.gn-numberBar .f-num {font-size:40px;line-height:1}
.gn-numberBar .f-num,.gn-numberBar .f-numberDesc {vertical-align:top}
.gn-numberBar .f-char {font-size:14px;margin-left:10px;line-height:1}
.gn-numberBar .f-char,.gn-numberBar .f-numberDesc {color:#666}
.gn-numberBar .f-numberItem-spec1 {padding-right:40px;padding-left:0}
.gn-numberBar .f-numberItem-spec2 {padding-right:0}
.gn-index-main {height:1005px;background:#fbfbfb;}
.gn-index-main .f-title {padding-bottom:36px}
.gn-index-header {padding-top:77px;padding-bottom:70px;text-align:center}
.gn-index-header .f-hd-title {font-size:40px;font-weight:300;color:#333;}
.gn-index-header .f-hd-subDesc {font-size:16px;margin:0;padding-top:30px;color:#999}
.gn-index-header .f-hd-title,.gn-index-header .f-hd-subDesc {line-height:1}
.gn-index-main .f-main-list {text-align:center;width:120%}
.gn-index-main .f-main-item {display:inline-block;margin:0 69px 110px 69px;margin:0 122px 110px 46px;width:146px;*display:inline;_zoom:1;position:relative;height:207px}
.gn-infoBlockWrap .gn-infoBlock {width:146px;height:146px;transform-origin:center center;position:relative;_overflow:visible}
.gn-infoBlockWrap .f-bg {width:146px;height:146px;background:#27c9f8;background:linear-gradient(145deg,#06e5f8,#3eb5f8);position:absolute;z-index:0;left:0;top:0;border-radius:73px;transition:all .3s;transform-origin:center center;overflow:visible}
.gn-infoBlockWrap .f-infoBlock-normal .f-bg {background:transparent}
.gn-infoBlockWrap .f-infoIcon {background:url(../images/home_ico.png) no-repeat -890px -1191px;width:90px;height:70px;position:absolute;left:50%;top:50%;margin-left:-45px;margin-top:-35px;transition:opacity .3s}
.gn-infoBlockWrap .f-infoIcon-listedBrand {background-position:-895px -1300px}
.gn-infoBlockWrap .f-infoIcon-funcRich {background-position:-886px -1402px}
.gn-infoBlockWrap .f-infoIcon-oneKey {background-position:-899px -1500px}
.gn-infoBlockWrap .f-infoIcon-model {background-position:-1004px -1497px}
.gn-infoBlockWrap .f-infoIcon-site3to1 {background-position:-1008px -1401px}
.gn-infoBlockWrap .f-infoIcon-easeMaintain {background-position:-1009px -1298px}
.gn-infoBlockWrap .f-infoIcon-superSevice {background-position:-1009px -1194px}
.gn-casePc-formWrap .f-winBg {width:536px;height:352px;position:absolute;left:-7px;top:0;z-index:0;background:url(../images/home_ico.png) no-repeat -893px -15px}
.gn-casePc-formWrap .f-win {position:absolute;left:0;top:20px;width:100%;height:314px;overflow:hidden}
.gn-casePc-formWrap .f-winMask {position:absolute;z-index:1;width:100%;height:100%;border-radius:6px 6px 0 0;background:#000}
.gn-casePc-formWrap .f-link-preview {width:120px;height:46px;border-radius:23px;margin:100px auto;cursor:pointer;overflow:hidden;position:absolute;left:50%;top:50%;margin-left:-32px;margin-top:-32px;line-height:46px;text-align:center;color:#fff;transform-origin:center center;font-size:16px}
.gn-casePc-formWrap .f-link-previewBg {position:absolute;left:0;top:0;width:100%;height:64px;z-index:0;background:#fff;opacity:.4;filter:alpha(opacity=40)}
.gn-casePc-formWrap .f-icon-preview {display:inline-block;height:24px;width:24px;background:url(../images/home_ico.png) -274px -14px no-repeat;z-index:1;font-size:14px;vertical-align:middle}
.gn-casePc-formWrap .f-txt {vertical-align:middle}
.gn-casePc-formWrap {width:518px;height:334px;position:relative}
.gn-casePc-formWrap .f-casePc-form {width:518px;height:334px;position:absolute;left:50%;top:50%;margin-left:-259px;margin-top:-167px}
.gn-casePc-formWrap .f-casePc-form .f-win-img {width:100%;height:auto}
.gn-casePc-formWrapUnHover .f-winMask,.gn-casePc-formWrapHover .f-winMask {opacity:0;filter:alpha(opacity=0)}
.gn-casePc-formWrapHover .f-winMask {transition:opacity .3s}
.f-index-model .f-item:hover .f-winMask,.gn-casePc-formWrapHover:hover .f-winMask {opacity:.6;filter:alpha(opacity=60)}
.f-index-model .f-item:hover .f-link-preview,.gn-casePc-formWrapHover:hover .f-link-preview {transform:scale(0.9804,0.9804) translateZ(0)}
.gn-casePc-formWrapHover {transition:transform .3s;transform:translateZ(0)}
.f-index-model .f-item:hover .gn-casePc-formWrapHover,.gn-casePc-formWrapHover:hover {transform:scale(1.02,1.02) translateZ(0)}
.gn-index-caseForm {width:220px;padding:0 18px;margin-right:44px;height:585px;overflow:hidden;position:relative}
.gn-index-caseForm .f-phone-template {z-index:0}
.gn-index-caseForm .f-screen {position:absolute;width:198px;height:354px;width:200px;height:356px;left:27px;top:40px;overflow:hidden}
.gn-index-caseForm .f-screen-link {display:block;width:100%;height:100%}
.gn-index-caseForm .f-screen-img {width:100%;height:auto;min-height:100%}
.gn-index-caseForm .f-screenMask {height:100%;background:#000;opacity:0;filter:alpha(opacity=0);position:absolute;left:0;top:0;width:100%;overflow:hidden}
.gn-index-caseForm .f-qrCode {width:134px;height:134px;position:absolute;left:50%;margin-left:-75px;border:8px solid #fff;border-radius:3px;overflow:hidden;outline:0;background:#fff}
.gn-index-caseForm .f-qrCode .f-qrCodeImg {width:134px;height:134px;outline:0}
.gn-index-caseForm .f-btn {display:block;height:38px;width:110px;border-radius:19px;line-height:36px;margin:0 auto;padding:0;background:#398afc;border:solid #398afc 1px;text-align:center;color:#fff;position:absolute;left:50%;margin-left:-55px;top:250px;font-size:14px;transform:scale(0.953)}
.gn-index-caseForm .f-btn-free {line-height:38px}
.gn-index-caseForm .f-btn-preview {background:transparent;border-radius:#fff;border:solid #fff 1px;box-sizing:border-box;top:297px;line-height:35px}
.gn-index-caseForm .f-btn-preview .f-txt,.gn-index-caseForm .f-btn-preview .fkIcon-preview {display:inline-block;vertical-align:middle;line-height:1}
.gn-index-caseForm .f-screen-contentWrap {position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;overflow:hidden}
.gn-index-screen .f-qrCodeImg {width:134px;height:134px}
.gn-index-screenHover .f-screenMask,.gn-index-screenUnHover .f-screenMask {opacity:0;filter:alpha(opacity=0)}
.gn-index-screenHover .f-screenMask {transition:opacity .3s}
.gn-index-screenHover .f-qrCode,.gn-index-screenUnHover .f-qrCode {top:-151px}
.gn-index-screenHover .f-qrCode {transition:top .3s}
.gn-index-screenHover .f-btn-preview,.gn-index-screenHover .f-btn-free,.gn-index-screenUnHover .f-btn-preview,.gn-index-screenUnHover .f-btn-free {filter:alpha(opacity=0);opacity:0}
.gn-index-screenHover .f-btn {transition:opacity .3s}
.gn-index-screenHover:hover .f-screenMask {filter:alpha(opacity=60);opacity:.6;transform:scale(1)}
.gn-index-screenHover:hover .f-btn-preview,.gn-index-screenHover:hover .f-btn-free,.gn-index-screenHover:hover .f-btn {filter:alpha(opacity=100);opacity:1}
.gn-index-screenHover:hover .f-qrCode {top:75px}
.gn-index-mobiArea {width:220px;height:452px;position:relative}
.gn-index-mobiPlaceholder {width:220px;height:452px;position:absolute;left:50%;top:50%;margin-left:-110px;margin-top:-226px}
.gn-index-mobiPlaceholder .gn-index-caseForm {position:absolute;left:-16px;height:470px}
.gn-index-mobiAreaHover .gn-index-mobiPlaceholder {transform-origin:center center;transition:transform .3s}
.gn-index-mobiAreaHover:hover .gn-index-mobiPlaceholder {transform:scale(1.05,1.05)}
.gn-caseForm {width:220px;height:583px}
.gn-caseForm .f-link {color:#333}
.gn-caseForm .f-caseTtitle {padding-top:26px;font-size:16px;font-weight:1;color:#333}
.gn-caseForm .f-caseProp {margin:0;padding-top:12px;height:70px;color:#b1b1b1;font-size:14px;width:105%}
.gn-caseForm .f-caseInfo {padding:0 0 0 15px}
.gn_service_qrimg_site {background:url(../images/service_jz.png) no-repeat!important}
.f-main-itemHover .gn-infoBlockWrap:hover .f-infoBlock-fasico .f-bg {height:159px;width:236px;left:-45px;top:-13px;border-radius:20px 20px 0 0/20px 20px 0 0;background-color:#06e5f8;background:linear-gradient(90deg,#3eb5f8,#06e5f8)}
.f-main-itemHover .gn-infoBlockWrap-listedBrand:hover .f-infoBlock-fasico .f-bg {background-color:#64aaf2;background:linear-gradient(90deg,#64edea,#64aaf2)}
.f-main-itemHover .gn-infoBlockWrap-funcRich:hover .f-infoBlock-fasico .f-bg {background-color:#f8788b;background:linear-gradient(90deg,#f8c84c,#f8788b)}
.f-main-itemHover .gn-infoBlockWrap-oneKey:hover .f-infoBlock-fasico .f-bg {background-color:#f65589;background:linear-gradient(90deg,#f26768,#f65589)}
.f-main-itemHover .gn-infoBlockWrap-model:hover .f-infoBlock-fasico .f-bg {background-color:#c467ff;background:linear-gradient(90deg,#fe80fb,#c467ff)}
.f-main-itemHover .gn-infoBlockWrap-site3to1:hover .f-infoBlock-fasico .f-bg {background-color:#38cf7a;background:linear-gradient(90deg,#32dab7,#38cf7a)}
.f-main-itemHover .gn-infoBlockWrap-easeMaintain:hover .f-infoBlock-fasico .f-bg {background-color:#b376ff;background:linear-gradient(90deg,#44aaf8,#b376ff)}
.f-main-itemHover .gn-infoBlockWrap-superSevice:hover .f-infoBlock-fasico .f-bg {background-color:#6cbaf8;background:linear-gradient(90deg,#7ee1f9,#6cbaf8)}
.f-main-itemHover .gn-infoBlockWrap:hover .f-infoBlock-normal .f-bg {height:159px;width:236px;left:-45px;top:0;bottom:-13px;background:#fff;border-radius:0 0 20px 20px/ 0 0 20px 20px}
.gn-infoBlockWrap {position:relative;width:146px;height:146px}
.gn-infoBlockWrap .f-wrapBg {position:absolute;width:100%;height:100%;border-radius:0;transition:all .3s;overflow:visible}
.f-main-itemHover .gn-infoBlockWrap:hover .f-wrapBg {width:236px;height:318px;box-shadow:0 0 10px 0 rgba(0,0,0,0.15);left:-45px;top:-13px;border-radius:20px}
.gn-infoBlockWrap .f-infoWrap {position:absolute;top:0;z-index:2;text-align:center;width:238px;left:-45px;transition:all .3s;opacity:0;filter:alpha(opacity=0)}
.f-infoBlock-fasico .f-infoWrap {top:-13px;text-align:center}
.gn-infoBlockWrap-listedBrand .f-bg {background-color:#64aaf2;background:linear-gradient(145deg,#64edea,#64aaf2)}
.gn-infoBlockWrap-listedBrand:hover .f-infoBlock-fasico .f-bg {background:linear-gradient(90deg,#64edea,#64aaf2)}
.gn-infoBlockWrap-funcRich .f-bg {background-color:#f8788b;background:linear-gradient(145deg,#f8c84c,#f8788b)}
.gn-infoBlockWrap-funcRich:hover .f-infoBlock-fasico .f-bg {background:linear-gradient(90deg,#f8c84c,#f8788b)}
.gn-infoBlockWrap-oneKey .f-bg {background-color:#f65589;background:linear-gradient(145deg,#f26768,#f65589)}
.gn-infoBlockWrap-oneKey:hover .f-infoBlock-fasico .f-bg {background:linear-gradient(90deg,#f26768,#f65589)}
.gn-infoBlockWrap-model .f-bg {background-color:#c467ff;background:linear-gradient(145deg,#fe80fb,#c467ff)}
.gn-infoBlockWrap-model:hover .f-infoBlock-fasico .f-bg {background:linear-gradient(90deg,#fe80fb,#c467ff)}
.gn-infoBlockWrap-site3to1 .f-bg {background-color:#38cf7a;background:linear-gradient(145deg,#32dab7,#38cf7a)}
.gn-infoBlockWrap-site3to1:hover .f-infoBlock-fasico .f-bg {background:linear-gradient(90deg,#32dab7,#38cf7a)}
.gn-infoBlockWrap-easeMaintain .f-bg {background-color:#b376ff;background:linear-gradient(145deg,#44aaf8,#b376ff)}
.gn-infoBlockWrap-easeMaintain:hover .f-infoBlock-fasico .f-bg {background:linear-gradient(90deg,#44aaf8,#b376ff)}
.gn-infoBlockWrap-superSevice .f-bg {background-color:#6cbaf8;background:linear-gradient(145deg,#7ee1f9,#6cbaf8)}
.gn-infoBlockWrap-superSevice:hover .f-infoBlock-fasico .f-bg {background:linear-gradient(90deg,#7ee1f9,#6cbaf8)}
.gn-infoBlock .f-info-title {font-size:16px;padding-top:45px;padding-bottom:25px;line-height:1}
.gn-infoBlock .f-info-desc {font-size:13px;padding:0 10px;line-height:1.8;margin-top:-7px}
.gn-infoBlock .f-button {background:#fff;display:inline-block;width:100px;height:30px;line-height:30px;border-radius:15px;z-index:3;color:#2f82ff}
.f-infoBlock-fasico .f-info-title {font-size:16px;padding-top:35px;padding-bottom:18px;line-height:1}
.f-infoBlock-fasico .f-info-desc {font-size:13px;padding:0 10px;line-height:1.8;margin-top:-7px;padding-bottom:16px}
.f-infoBlock-fasico .f-button.raised {background:transparent;color:#fff;display:block;margin:0 auto;width:100px;height:30px;line-height:30px;border-radius:15px;z-index:3;font-size:12px}
.f-infoBlock-fasico-mulLine .f-info-title {padding-top:35px;padding-bottom:10px}
.f-infoBlock-fasico-mulLine .f-info-desc {font-size:13px;padding:0 10px;line-height:1.8;margin-top:-7px;padding-bottom:10px}
.f-infoBlock-fasico .f-button.raised:hover {background-color:#fff;color:#666}
.f-infoBlock-fasico .f-button.raised:hover .anim {display:none}
.f-infoBlock-normal .f-info-title {color:#333}
.f-infoBlock-normal .f-info-desc {color:#666}
.f-infoBlock-fasico .f-info-title,.f-infoBlock-fasico .f-info-desc {color:#fff}
.f-main-itemHover .gn-infoBlockWrap:hover .f-infoIcon {opacity:0;filter:alpha(opacity=0)}
.f-main-itemHover .gn-infoBlockWrap:hover .f-infoWrap {opacity:1;filter:alpha(opacity=100)}
.f-infoBlock-name {padding-top:45px;transition:opacity .1s;opacity:1;text-align:center;font-size:16px;color:#333;line-height:1;position:absolute;top:146px;width:100%;left:0}
.f-main-itemHover:hover .f-infoBlock-name {opacity:0;filter:alpha(opacity=0)}
.gn-index-tabs {padding-top:68px;margin-bottom:-2px;font-size:0;display:inline-block;*display:inline;*zoom:1;position:relative}
.gn-index-tabs .f-tab {padding-bottom:15px;width:70px;margin-left:70px;color:#333;font-size:18px;padding:0 12px 15px 12px;line-height:1;width:auto;cursor:pointer}
.gn-index-tabs .f-tab-first,.gn-index-tabs .f-tab:first-child {margin-left:0}
.gn-index-tabs .f-tab-activeLine {position:absolute;height:2px;background:#4975e5;display:block;width:0}
.gn-index-tabs .f-tabLink {color:#333;display:block}
.gn-index-sliderPanel {position:relative;width:100%;height:600px;overflow:hidden}
.gn-index-sliderPanel .f-sldList {position:absolute;left:0;top:0;height:100%;width:100%;overflow:hidden}
.gn-index-sliderPanel .f-sldList .f-sldItem {height:100%;width:100%;float:left;text-align:left;position:relative}
.gn-index-sliderPanel .f-sldList-2 {width:200%}
.gn-index-sliderPanel .f-sldList-3 {width:300%}
.gn-index-sliderPanel .f-sldList-4 {width:400%}
.gn-index-sliderPanel .f-sldList-2 .f-sldItem {width:50%}
.gn-index-sliderPanel .f-sldList-3 .f-sldItem {width:33.3333333333%}
.gn-index-sliderPanel .f-sldList-4 .f-sldItem {width:25%}
.gn-index-sliderPanel .f-sldImg {width:100%;height:100%;display:block}
.gn-index-guestWinSld-sliderPanel .f-sldList-3 .f-sldItem {width:740px}
.gn-banner-index .gn-index-sliderPanel {height:100%}
.gn-index-focus {position:absolute;left:50%;top:607px;width:150px;height:20px;margin-left:-75px}
.gn-index-focus .f-focusList {font-size:0;text-align:center}
.gn-index-focus .f-focusItem:first-child {margin-left:0}
.gn-index-focus .f-focusItem {width:10px;height:10px;border-radius:16px;background:rgba(255,255,255,0.5);display:inline-block;*display:inline;*zoom:1;margin-left:16px;transform-origin:center center;transition:width .3s;cursor:pointer}
.gn-index-focus .f-focusItem-active {width:20px;background:#fff}
.gn-banner-index .f-button-wrap {width:1200px;margin:0 auto;position:relative;padding-top:400px;display:block}
.gn-banner-index .f-button-wrap:active {background:transparent}
.gn-banner-index .f-button {width:220px;height:70px;border:solid #fff 1px;border-radius:35px;line-height:70px;text-align:center;font-size:35px;z-index:3;color:#fff;vertical-align:middle;font-weight:normal;display:block}
.set_4_button2 {position:relative;font-weight:400;text-align:center;width:auto;line-height:50px;height:50px;font-size:21px;overflow:hidden;position:relative;z-index:0;cursor:pointer;color:#fff;border-radius:35px;border:solid #fff 1px;width:220px;text-align:center}
.set_4_button2.raised {-moz-transition:all .1s;-o-transition:all .1s;-webkit-transition:all .1s;transition:all .1s}
.f-index-btn {background-color:#1168e3}
.f-three-btn {background:#fff;color:#8a67fc;border:0;margin-top:100px;}
.anim {-moz-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);position:absolute;top:50%;left:50%;z-index:-1}
.anim:before {position:relative;content:'';display:block;margin-top:100%}
.anim:after {content:'';position:absolute;top:0;bottom:0;left:0;right:0;border-radius:50%}
.hoverable .anim {-moz-animation:anim-out .75s;-webkit-animation:anim-out .75s;animation:anim-out .75s}
.hoverable .anim:after {-moz-animation:anim-out-pseudo .75s;-webkit-animation:anim-out-pseudo .75s;animation:anim-out-pseudo .75s}
.hoverable .anim,.hoverable .anim:after {animation-iteration-count:infinite;animation-duration:1.3s}
@-webkit-keyframes anim-in {0% {width:0}
100% {width:100%}
}
@-moz-keyframes anim-in {0% {width:0}
100% {width:100%}
}
@-ms-keyframes anim-in {0% {width:0}
100% {width:100%}
}
@keyframes anim-in {0% {width:0}
100% {width:100%}
}
@-webkit-keyframes anim-in-pseudo {0% {background:rgba(0,0,0,0.25)}
100% {background:transparent}
}
@-moz-keyframes anim-in-pseudo {0% {background:rgba(0,0,0,0.25)}
100% {background:transparent}
}
@-ms-keyframes anim-in-pseudo {0% {background:rgba(0,0,0,0.25)}
100% {background:transparent}
}
@keyframes anim-in-pseudo {0% {background:rgba(0,0,0,0.25)}
100% {background:transparent}
}
@-webkit-keyframes anim-out {0% {width:0}
100% {width:100%}
}
@-moz-keyframes anim-out {0% {width:0}
100% {width:100%}
}
@-ms-keyframes anim-out {0% {width:0}
100% {width:100%}
}
@keyframes anim-out {0% {width:0}
100% {width:100%}
}
@-webkit-keyframes anim-out-pseudo {0% {background:rgba(0,0,0,0.25)}
100% {background:transparent}
}
@-moz-keyframes anim-out-pseudo {0% {background:rgba(0,0,0,0.25)}
100% {background:transparent}
}
@-ms-keyframes anim-out-pseudo {0% {background:rgba(0,0,0,0.25)}
100% {background:transparent}
}
@keyframes anim-out-pseudo {0% {background:rgba(0,0,0,0.25)}
100% {background:transparent}
}
.f-index-model {background:#fff;min-height:1357px}
.f-index-model .gn-index-sliderPanel .f-sldList-2 {width:3000px}
.f-index-model .gn-index-sliderPanel .f-sldItem {width:1200px}
.f-index-model .gn-index-header {padding-bottom:0}
.f-index-model .f-listWrap {width:1150px;margin:0 auto}
.gn-index-header .jz_tab_nav {border-bottom:1px solid #e4e5e9}

.jz_index_introduce .jz_tab_nav {text-align:center;margin:55px auto 0;width:1200px;position:relative}
.jz_index_introduce .jz_tab_nav_item {display:inline-block;color:#333;margin-left:70px;font-size:18px;line-height:34px;cursor:pointer}
.jz_index_introduce .tab_select_line {position:absolute;bottom:0;width:72px;height:2px;background-color:#2f82ff;transition:all .3s;left:0}
.jz_index_introduce .jz_tab_nav .first {margin-left:0}
.jz_index_introduce .jz_tab--current {color:#2f82ff}
.jz_index_model {position:relative;z-index:2;background:#f5f8fc;text-align:center;padding-top:65px;background:url(../images/model_bag.png) no-repeat}
.jz_index_model .jz_tab_nav {border-bottom:1px solid #e4e5e9}
.jz_index_model .jz_tab_nav_item {margin-left:173px}
.jz_index_model .jz_tab_nav .jz_tab_nav_content {width:696px;padding-bottom:13px}
.jz_index_model .jz_tab_nav_item:first-child {margin-left:0}
.jz_index_introduce.jz_tab_nav .jz_tab_nav_content {width:500px;display:inline-block;position:relative}
.jz_index_introduce .honor_nav_split {border-top:1px solid #e4e5e9;width:1200px;margin:0 auto}

.gn-modelPreForm {padding:0;float:left;transition:transform .3s ease,box-shadow .3s ease}
.gn-modelPreForm .f-modelPreInnerForm {width:356px;height:231px;position:relative;transition:transform .2s ease-out}
.gn-modelPreForm .f-pcModelImg {width:100%}
.gn-modelPreForm .f-pcModelUrl {position:absolute;display:block;line-height:34px;text-align:center;height:34px;color:#fff;font-size:14px;border-radius:20px;top:91px;z-index:2}
.gn-websiteWin {width:356px;height:236px;background:url(../images/home_ico.png) no-repeat -893px -388px;padding:6px;position:absolute;left:-6px;top:-6px}
.gn-modelPreForm .gn_pcModel {overflow:auto;position:relative;width:inherit;height:216px;left:0;top:15px;border:0;}
.gn-modelPreForm .gn_pcModel_wrap {overflow:hidden;width:100%;height:100%;}
.gn-modelPreForm .f-reg {display:none;width:106px;background-color:#fd6040;left:66px}
.gn-modelPreForm .f-show {display:none;width:88px;background-color:#2f82ff;left:192px}
.gn-modelPreForm .f-pcModulePic {display:none;position:absolute;width:100%;height:100%;background-color:#000;opacity:.7;top:0;border-top-left-radius:6px;border-top-right-radius:6px}
.gn-modelPreForm .f-modelPreInnerForm:hover .f-reg {display:block}
.gn-modelPreForm .f-modelPreInnerForm:hover .f-show {display:block}
.f-mobiModelInnerForm .f-reg,.f-mobiModelInnerForm .f-show {font-size:14px}
.gn-modelPreForm .f-modelPreInnerForm:hover .f-pcModulePic {display:block}
.gn-modelPreForm .f-modelPreInnerForm:hover .f-qrCode {top:65px}
.gn-modelPreForm .f-modelPreInnerForm:hover .f-mobiModulePic {border-radius:7px}

.gn-modelPreForm:hover {transform:translate(0,-10px)}
.gn-modelPreForm.rollImg {width:366px;height:250px;margin-left:48px;margin-bottom:88px}
.gn-modelPreForm.rollImg .f-pcModulePic {display:none;position:absolute;width:100%;height:100%;background-color:#000;opacity:0;top:0;border-top-left-radius:6px;border-top-right-radius:6px}
.gn-modelPreForm.rollImg .model_mask .f-modelPreInnerForm:hover .f-modelBtn {width:100%;height:58px;margin-top:20px;position:relative;background:#fff;box-shadow:0 0 7px 0 rgba(0,0,0,0.11)}
.gn-modelPreForm.rollImg .f-modelPreInnerForm:hover .f-modelBtn {width:100%;height:58px;margin-top:16px;position:relative;background:#fff;box-shadow:0 0 7px 0 rgba(0,0,0,0.11)}
.gn-modelPreForm.rollImg .f-modelBtn .f-pcModelUrl {top:12px}
.gn-modelPreForm.rollImg .model_mask .f-modelPreInnerForm:hover .f-mobiModulePic {border-radius:0}
.gn-modelPreForm.rollImg .f-pcModelName {width:356px;height:60px;line-height:60px;font-size:15px;text-align:center}
.f-mobiModelName {font-size:15px;text-align:center}
.gn-modelPreForm.rollImg .f-reg {display:none;width:116px;background-color:#fd6040;left:60px}
.gn-modelPreForm.rollImg .f-show {display:none;width:96px;background-color:#2f82ff;float:right;right:60px}
.gn-modelPreForm .f-reg:hover {background-color:#fd705b}
.gn-modelPreForm .f-show:hover {background-color:#2b89fb}

.f-index-model .f-list {margin-left:-65px;overflow:hidden;width:1500px;padding-top:90px}
.f-index-model .f-list-mobi .f-item {width:220px;height:530px;margin:0 40px}
.f-index-model .f-list-mobi {margin-left:-40px;width:110%;width:1400px;overflow:hidden;padding-top:90px}
.f-index-model .f-mobiListWrap {width:1120px;margin:0 auto}
.f-index-model .gn-index-sliderPanel {height:995px;padding-bottom:110px}

.f-index-helper {background:#fbfbfb;height:920px}
.f-index-helper .gn-index-sliderPanel {width:1200px;height:680px}
.f-index-helper .gn-index-sliderPanel .f-sldList-2 {width:3000px}
.f-index-helper .gn-index-sliderPanel .f-sldList-2 .f-sldItem {width:1200px}
.f-index-helper .f-tab {padding-left:0;padding-right:0;padding-bottom:0;height:33px}
.f-index-helper .f-tab-active,.f-index-helper .f-tab-active .f-tabLink {color:#4975e5}
.f-index-helper .f-tabLink {padding-bottom:15px}
.f-helpItem .f-time {text-align:right;float:left;margin-right:30px}
.f-helpItem .f-hot {display:inline-block;*display:inline;_zoom:1;width:25px;height:25px;background:url(../images/hot.gif);vertical-align:middle;margin-right:10px}
.f-helpItem .f-txt {vertical-align:middle}
.f-helpItem .f-info {float:left}
.f-helpItem .f-time-md,.f-helpItem .f-info-title {font-size:25px;line-height:1;font-weight:normal;height:36px;overflow:hidden}
.f-helpItem .f-info-title {font-size:18px;width:355px;text-overflow:ellipsis;white-space:nowrap}
.f-helpItem .f-info-title .f-a {color:#333}
.f-helpItem .f-info-title .f-a:hover {color:#2f82ff}
.f-helpItem .f-time {width:80px;margin-left:-20px}
.f-helpItem .f-time-y,.f-helpItem .f-info-intro {font-size:14px;color:#999;margin:0;line-height:1.8;height:50px;overflow:hidden}
.f-helpItem .f-info {width:355px;text-align:left}
.f-helpItem {margin:0 93px;float:left;width:456px;margin-bottom:60px}
.f-helpListWrap {width:1100px;text-align:center;margin-left:auto;margin-right:auto}
.f-helpList {margin-top:90px;margin-left:-93px;text-align:center;width:1500px}
.f-index-guest {background:#fff;height:900px}
.f-index-guest .f-slide-sec {margin-top:40px;position:relative}
.f-index-guest .gn-index-header {padding-bottom:0}
.f-index-guest .f-slider-wrap {position:absolute;width:1024px;top:0;left:50%;margin-left:-512px;min-height:60px}
.f-index-guest .f-slider-bg {height:276px;position:absolute;left:0;top:114px;width:100%;background:url(../images/index_guest_bg.jpg) no-repeat center center}
.f-index-guest .f-btn-enterWrap {text-align:center}
.f-index-guest .f-btn-enter {width:184px;height:54px;text-align:center;color:#333;border:solid #e0e0e0 1px;border-radius:28px;margin:0 auto;font-size:16px;line-height:54px;background:#fff;margin:0 auto;display:block;border-color:#2f82ff;color:#2f82ff;transition:background-color .3s}
.f-index-guest .f-btn-enter:hover {background-color:#2f82ff;color:#fff}
.f-index-guest .f-title {font-size:18px;color:#333;padding-top:60px;padding-bottom:42px;line-height:1;text-align:center}
.f-index-guest .f-desc {font-size:14px;color:#999;height:67px;text-align:center;line-height:1.8;margin-top:-5px}
.f-index-guest .f-siteInfoWrap {text-align:center}
.f-index-guest .f-slider-winWrap {width:740px;margin:0 auto}
.f-index-guest .f-slider-picWin {height:424px;box-shadow:0 6px 20px 0 rgba(0,0,0,0.1);position:relative;background:#fff}
.f-index-guest .f-winTopBar,.f-index-guest .f-winBottomBar {width:100%;background:#f9f9f9}
.f-index-guest .f-winTopBar {height:45px}
.f-index-guest .f-winContent {height:380px}
.f-index-guest .f-winContent .gn-index-sliderPanel {height:100%}
.f-winTopBar .f-dotList {padding-top:17px;padding-left:20px;font-size:0}
.f-winTopBar .f-dotItem {width:10px;height:10px;display:inline-block;*display:inline;_zoom:1;margin-right:8px;background:#ddd;border-radius:50%}
.f-index-guest .f-winBottomBar {height:38px;bottom:0;top:auto}
.f-index-guest .f-btn-left,.f-index-guest .f-btn-right {width:82px;height:82px;border-radius:50%;background:url(../images/home_ico.png) no-repeat 0 -754px;position:absolute;left:0;top:200px;cursor:pointer}
.f-index-guest .f-btn-right {right:0;left:auto;background-position:-116px -754px}
.f-index-guest .f-btn-left:hover {background-position:0 -873px}
.f-index-guest .f-btn-right:hover {background-position:-116px -873px}
.f-index-guest .f-slider-txtWin .gn-index-sliderPanel {height:244px}

.jz_index_introduce {background:#fbfbfb;position:relative;z-index:1;overflow:hidden}
.jz_index_introduce .jz_tab_nav {margin-top:74px;padding-bottom:8px}
.introduce_content {width:1200px;height:300px;margin:60px auto 80px;color:#666;font-size:15px;line-height:2;box-shadow:0 0 15px 0 rgba(47,48,57,0.13);border-radius:10px;overflow:hidden;position:relative;transition:height .3s;background:url(../images/introbg.png) no-repeat right bottom}
.introduce_content::before {content:'';position:absolute;left:0;top:0;width:139px;height:135px;border-bottom-right-radius:100%;background:#f4f8fe}
.jz_index_introduce .tab_select_line {left:391.438px;width:72px;overflow:hidden}
.introduce_content_list {position:relative;left:0;width:300%;overflow:hidden;transition:left .3s}
.introduceItem {width:1080px;padding:48px 60px 57px;float:left}
.introduceItem dl {font-size:0;margin-bottom:10px}
.introduceItem dt {position:relative;display:inline-block;width:120px;box-sizing:border-box;padding-left:18px;font-size:16px;font-weight:bold;color:#333;vertical-align:top}
.introduceItem dt::before {content:"";display:inline-block;position:absolute;left:0;top:12px;width:7px;height:7px;background:#4975e5;border-radius:50%}
.introduceItem dd {display:inline-block;font-size:15px;width:960px;vertical-align:top}

.gn-banner-index .f-sldItem {overflow:hidden}
.gn-banner-index .f-bWrap {position:absolute;left:50%;top:50%;width:1920px;height:660px;margin-left:-960px;margin-top:-330px}
.gn-banner-index .f-bWrap .f-img {width:100%;height:100%}
.gn-idxBnr-animate {position:absolute;left:50%;top:50%;width:1920px;height:600px;margin-left:-960px;margin-top:-300px;background:#3e83fa;z-index:0}
.gn-idxBnr-animate-static {background-image:url(../images/static.jpg)}
.gn-idxBnr-animate * {visibility:hidden}
.gn-idxBnr-animate.init *,.gn-idxBnr-animate-static * {visibility:visible}
.gn-idxBnr-animate .f-title {width:495px;height:72px;margin:95px auto;background:url(../images/bnr1_txt.png) no-repeat;position:relative;z-index:5}
.gn-idxBnr-animate .f-wrap {position:absolute;left:0;top:0;width:100%;height:100%}
.gn-idxBnr-animate .f-bgImg {width:100%;height:100%}
.gn-idxBnr-animate .f-panel,.gn-idxBnr-animate .f-sidePanel,.gn-idxBnr-animate .f-sidePanel-yellowCircle,.gn-idxBnr-animate .f-sidePanel-pinkCircle,.gn-idxBnr-animate .f-bPanel,.gn-idxBnr-animate .f-mPanel,.gn-idxBnr-animate .f-sPanel,.gn-idxBnr-animate .f-sPanel .f-circle {position:absolute}
.gn-idxBnr-animate .f-panel {background:url(../images/ani_panel.png) no-repeat;width:881px;height:552px;position:absolute;left:50%;top:74%;transform-origin:center center;margin-left:-440px;margin-top:-276px}
.gn-idxBnr-animate .f-sidePanel {background:url(../images/ani_sidePanel.png) no-repeat 40px 6px;width:230px;height:252px;left:76px;top:40px}
.gn-idxBnr-animate .f-sidePanel-yellowWrap,.gn-idxBnr-animate .f-sidePanel-pinkWrap,.gn-idxBnr-animate .f-sidePanel-yellowWrap .f-circle,.gn-idxBnr-animate .f-sidePanel-pinkWrap .f-circle,.gn-idxBnr-animate .f-sidePanel-yellowWrap .f-shadow,.gn-idxBnr-animate .f-sidePanel-pinkWrap .f-shadow {width:40px;height:50px;position:absolute;z-index:1}
.gn-idxBnr-animate .f-sidePanel-pinkWrap {left:48px;top:100px}
.gn-idxBnr-animate .f-sidePanel-yellowWrap {left:136px;top:90px}
.gn-idxBnr-animate .f-sidePanel-yellowWrap .f-circle {background:url(../images/ani_yellowCircle.png) no-repeat;z-index:2}
.gn-idxBnr-animate .f-sidePanel-pinkWrap .f-circle {background:url(../images/ani_pinkCircle.png) no-repeat;z-index:2}
.gn-idxBnr-animate .f-sidePanel-yellowWrap .f-shadow {background:url(../images/ani_yellowCircleShadow.png) no-repeat;left:4px;top:1px}
.gn-idxBnr-animate .f-sidePanel-pinkWrap .f-shadow {background:url(../images/ani_pinkCircleShadow.png) no-repeat;top:-7px;left:-3px}
.gn-idxBnr-animate .f-bPanel {width:477px;height:277px;background:url(../images/ani_bRect.png) no-repeat 20px 14px;left:341px;top:122px}
.gn-idxBnr-animate .f-mPanel {width:273px;height:252px;background:url(../images/ani_mRect.png) no-repeat;left:191px;top:195px}
.gn-idxBnr-animate .f-sPanel {width:273px;height:160px;background:url(../images/ani_sRect.png) no-repeat;left:406px;top:296px}
.gn-idxBnr-animate .f-sPanel-2 {left:334px;top:353px;background:url(../images/ani_sRect2.png) no-repeat 34px 19px}
.gn-idxBnr-animate .f-bPanel .f-circle,.gn-idxBnr-animate .f-bPanel .f-mountain {position:absolute}
.gn-idxBnr-animate .f-bPanel .f-circle {width:48px;height:30px;background:url(../images/ani_bRect_circle.png) no-repeat;left:127px;top:32px}
.gn-idxBnr-animate .f-bPanel .f-mountain {width:313px;height:180px;background:url(../images/ani_bRect_m.png) no-repeat;left:54px;top:45px}
.gn-idxBnr-animate .f-sPanel .f-circle {width:62px;height:50px;background:url(../images/ani_sRect_circle.png) no-repeat;left:48px;top:27px}
.gn-idxBnr-animate .f-mPanel .f-barWrap {position:relative;left:0;top:8px}
.gn-idxBnr-animate .f-mPanel .f-bar {width:66px;height:36px;position:absolute;background:url(../images/ani_sRect_bar2.png) no-repeat -14px -12px;left:114px;top:48px;overflow:hidden;transform-origin:left bottom}
.gn-idxBnr-animate .f-mPanel .f-bar1 {left:127px;top:59px}
.gn-idxBnr-animate .f-mPanel .f-bar2 {top:72px;left:108px}
.gn-idxBnr-animate .f-mPanel .f-bar3 {top:85px;left:91px}
.gn-idxBnr-animate .f-mPanel .f-bar4 {top:99px;left:73px}
.gn-idxBnr-animate .f-mPanel .f-bar5 {left:53px;top:115px}
.gn-idxBnr-animate .f-mPanel .f-bigBar {width:115px;height:60px;background:url(../images/ani_mRect_line1.png) no-repeat -13px -8px}
.gn-idxBnr-animate .f-sPanel .f-line1 {background:url(../images/ani_sRect_bar1.png) no-repeat -3px -6px;width:114px;height:58px;position:absolute;left:111px;top:54px}
.gn-idxBnr-animate .f-sPanel .f-line2 {background:url(../images/ani_sRect_bar2.png) no-repeat -14px -12px;width:66px;height:36px;position:absolute;left:98px;top:67px}
.gn-idxBnr-animate .f-sidePanel-pinkWrap .f-line,.gn-idxBnr-animate .f-sidePanel-yellowWrap .f-line {position:absolute;left:42px;top:-45px;z-index:3;background:url(../images/ani_pinkCircle_line.png) no-repeat -12px -6px;width:71px;height:51px}
.gn-idxBnr-animate .f-sidePanel-yellowWrap .f-line {background:url(../images/ani_yellowCircle_line.png) no-repeat 0 0;left:-70px;top:28px;width:73px;height:64px}
.gn-idxBnr-animate .f-panelList {background:url(../images/ani_panel_list.png) no-repeat 0 0;position:absolute;left:257px;top:60px;width:170px;height:109px}
.gn-idxBnr-animate .f-panel {opacity:0;transition:opacity .3s;transform-origin:center center}
.gn-idxBnr-animate-static .f-panel,.gn-idxBnr-animate-static .f-bPanel,.gn-idxBnr-animate-static .f-mPanel,.gn-idxBnr-animate-static .f-sPanel,.gn-idxBnr-animate.static .f-bPanel,.gn-idxBnr-animate.static .f-mPanel,.gn-idxBnr-animate.static .f-sPanel {opacity:1}
.gn-idxBnr-animate.init .f-panel {opacity:1}
.gn-idxBnr-animate.init .f-bPanel,.gn-idxBnr-animate.init .f-mPanel,.gn-idxBnr-animate.init .f-sPanel {opacity:0}
.gn-idxBnr-animate.start .f-sidePanel,.gn-idxBnr-animate.start .f-sidePanel-pinkWrap .f-circle,.gn-idxBnr-animate.start .f-sidePanel-yellowWrap .f-circle {animation-duration:1.5s;animation-timing-function:linear;animation-direction:alternate;animation-iteration-count:infinite}
.gn-idxBnr-animate.start .f-sidePanel-pinkWrap .f-circle,.gn-idxBnr-animate.start .f-sidePanel-yellowWrap .f-circle {animation-name:sidePanelCircle}
.gn-idxBnr-animate.start .f-sidePanel {animation-name:sidePanel}
.gn-idxBnr-animate.start .f-bPanel,.gn-idxBnr-animate.start .f-mPanel,.gn-idxBnr-animate.start .f-sPanel,.gn-idxBnr-animate.start .f-bPanel .f-mountain,.gn-idxBnr-animate.start .f-bPanel .f-circle {animation-fill-mode:forwards;animation-iteration-count:1;animation-duration:1s}
.gn-idxBnr-animate.start .f-bPanel {animation-name:bPanel}
.gn-idxBnr-animate.start .f-mPanel {animation-name:mPanel}
.gn-idxBnr-animate.start .f-bPanel .f-mountain,.gn-idxBnr-animate.start .f-bPanel .f-circle {animation-timing-function:ease-in;animation-name:bPanelMountain}
.gn-idxBnr-animate.start .f-bPanel .f-circle {animation-timing-function:linear}
.gn-idxBnr-animate.start .f-sPanel {animation-name:mPanel;animation-timing-function:ease-in;transform-origin:left top;transform:translate(-146px,118px);animation-duration:.85s}
.gn-idxBnr-animate.start .f-sPanel-2 {animation-delay:.15s}
.gn-idxBnr-animate.start .f-mPanel .f-bar3,.gn-idxBnr-animate.start .f-mPanel .f-bar4,.gn-idxBnr-animate.start .f-mPanel .f-bar5,.gn-idxBnr-animate.start .f-mPanel .f-bar2,.gn-idxBnr-animate.start .f-mPanel .f-bar1 {animation-name:mPanelBar1;animation-timing-function:linear;animation-duration:1s;animation-iteration-count:1;animation-fill-mode:forwards;transform-origin:0 0;transform:translate(-98px,72px) scale(0,0)}
.gn-idxBnr-animate.start .f-mPanel .f-bar2 {animation-name:mPanelBar2;animation-delay:.2s;animation-duration:.8s}
.gn-idxBnr-animate.start .f-mPanel .f-bar3 {animation-name:mPanelBar3;animation-delay:.4s;animation-duration:.6s}
.gn-idxBnr-animate.start .f-mPanel .f-bar4 {animation-name:mPanelBar4;animation-delay:.6s;animation-duration:.4s}
.gn-idxBnr-animate.start .f-mPanel .f-bar5 {animation-name:mPanelBar5;animation-delay:.8s;animation-duration:.2s}
.gn-idxBnr-animate.start .f-sPanel .f-circle,.gn-idxBnr-animate.start .f-sPanel .f-line {animation-duration:1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:forwards;animation-name:sPanelCircle}
.gn-idxBnr-animate.start .f-sPanel .f-line {animation-name:sPanelLine;transform-origin:0 0;transition-timing-function:linear}
.gn-idxBnr-animate.start .f-sidePanel-pinkWrap .f-line {animation-duration:1s;animation-timing-function:ease-in;animation-duration:1s;animation-iteration-count:1;animation-fill-mode:forwards;animation-name:sidePanelBar1;transform-origin:0 100%}
.gn-idxBnr-animate.start .f-sidePanel-yellowWrap .f-line {animation-duration:1s;animation-timing-function:ease-in;animation-iteration-count:1;animation-fill-mode:forwards;animation-name:sidePanelBar1;transform-origin:100% 20%}
.gn-idxBnr-animate.start .f-panelList {animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;animation-fill-mode:forwards;animation-name:panelList}
.gn-index-main,.f-index-model,.f-index-helper,.f-index-guest,.gn-footer {position:relative;z-index:10;padding-top:2px;margin-top:-2px;min-width:1200px;text-align: center;}
.webHead {position:fixed;top:0;left:0;height:70px;z-index:99}
.gn-banner-index {position:fixed;top:70px;z-index:0;width:100%}
.gn-index-body {padding-top:731px;min-width:1200px;overflow:hidden}
.gn-numberBar {position:relative;z-index:12;background:#fff;padding-bottom:1;box-shadow:0 6px 16px 0 rgb(102 102 102 / 9%)}
.gn-numberBar,.gn-banner-index {width:100%;min-width:1200px}
.webHead,.gn-banner-index {_position:absolute;_left:0;_top:expression(eval(document.documentElement.scrollTop))}
.gn-banner-index {_top:expression(eval(document.documentElement.scrollTop+71))}
.gn_regGuide {position:absolute;position:fixed;z-index:299;width:100%;height:100%;left:0;top:0;zoom:100%;_position:absolute;_left:0;_top:expression(eval(document.documentElement.scrollTop))}
.gn_regGuide_close {box-sizing:border-box;color:#fff;border-radius:50%;text-align:center;height:42px;width:42px;line-height:42px;font-size:0;top:30px;right:95px;position:absolute;z-index:499;cursor:pointer;background:url(/image/v2/close.png?v=201806291725)}
.gn_regGuide_mask {position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50);z-index:299}
.gn_regGuide_popup {position:absolute;left:60px;top:0;bottom:0;right:60px;box-sizing:border-box;z-index:399;margin:auto;background:url(../images/loading_2b.gif) center center no-repeat}
.gn_regGuide_pageIframe {width:100%;height:100%;position:relative}
@keyframes sidePanelCircle {0% {transform:translate(0,0)}
100% {transform:translate(14px,0)}
}
@keyframes sidePanel {0% {transform:translate(0,-20px)}
100% {transform:translate(0,0)}
}
@keyframes bPanel {0% {transform:translate(263px,-236px);opacity:0}
100% {transform:translate(0,0);opacity:1}
}
@keyframes mPanel {0% {transform:translate(-146px,118px);opacity:0}
100% {transform:translate(0,0);opacity:1}
}
@keyframes bPanelMountain {0% {transform:translate(85px,-45px)}
100% {transform:translate(0,0)}
}
@keyframes mPanelBar1 {0% {transform:translate(-74px,56px) scale(0,0)}
100% {transform:translate(0,0) scale(1,1)}
}
@keyframes mPanelBar2 {0% {transform:translate(-55px,43px) scale(0,0)}
100% {transform:translate(0,0) scale(1,1)}
}
@keyframes mPanelBar3 {0% {transform:translate(-38px,30px) scale(0,0)}
100% {transform:translate(0,0) scale(1,1)}
}
@keyframes mPanelBar4 {0% {transform:translate(-20px,16px) scale(0,0)}
100% {transform:translate(0,0) scale(1,1)}
}
@keyframes mPanelBar5 {0% {transform:translate(0,0) scale(0,0)}
100% {transform:translate(0,0) scale(1,1)}
}
@keyframes sPanelCircle {0% {transform:translate(-25px,19px)}
100% {transform:translate(0,0)}
}
@keyframes sPanelLine {0% {transform:translate(-12px,9px) scale(0,0)}
100% {transform:translate(0,0) scale(1,1)}
}
@keyframes sidePanelBar1 {from {transform:scale(0,0)}
to {transform:scale(1,1)}
}
@keyframes panelList {from {opacity:.2}
to {opacity:1}
}
.button--nina {box-sizing:border-box;background:#7986cb;color:#fff;overflow:hidden;-webkit-transition:background-color .3s;transition:background-color .3s}
.button--nina>span {display:inline-block;opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s}
.button--nina::before {content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s}
.button--nina:hover {background-color:rgba(255,255,255,.8)}
.button--nina:hover::before {opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
.button--nina:hover>span {opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.button--nina:hover>span:nth-child(1) {-webkit-transition-delay:.045s;transition-delay:.045s}
.button--nina:hover>span:nth-child(2) {-webkit-transition-delay:.09s;transition-delay:.09s}
.button--nina:hover>span:nth-child(3) {-webkit-transition-delay:.135s;transition-delay:.135s}
.button--nina:hover>span:nth-child(4) {-webkit-transition-delay:.18s;transition-delay:.18s}

.jz_main_btn {position:relative;display:inline-block;width:184px;height:54px;border:1px solid #2f82ff;color:#2f82ff;border-radius:40px;text-align:center;line-height:54px;font-size:16px;margin-bottom:77px;margin-top:20px}
.button--nina {box-sizing:border-box;background:transparent;overflow:hidden;-webkit-transition:background-color .3s;transition:background-color .3s}
.button--nina::before {content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s}
.button--nina:hover {background:#2f82ff;color:#fff}