@charset "UTF-8";
::-moz-selection{background:#b9e9ff}
::selection{background:#b9e9ff}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
ul, ol, ol li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
a{outline:none;text-decoration:none;color: #333;}
a:hover,a:active{outline:none;text-decoration: none;color: #ff9600;}
:after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.fl{float:left !important;}
.fr{float:right !important;}
.ac{text-align:center;}
.al{text-align:left;}
.ar{text-align:right;}
.clear{clear: both;}
.maxW{max-width:100%;}
.re{position:relative;}
.oh{overflow:hidden !important;}
.hide{display:none;}
.clearfix:after,.clearfix:before{ display: table; content: " ";line-height:0;}
.clearfix:after{clear: both;visibility:hidden;}
* html .clearfix { zoom: 1; } /* IE6 */ 
*:first-child+html .clearfix { zoom: 1; } /* IE7 */ 
img{vertical-align:middle;max-width:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img{margin:0;padding:0;-webkit-text-size-adjust:none;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,var{font-style:normal;font-weight:normal;}
body{font-family:'Microsoft Yahei',Arial,sans-serif;font-size: 14px;line-height:1.6em;color:#333;}
input[type='checkbox']{vertical-align:text-top;vertical-align:baseline\9;}
table{border-collapse:collapse;border-spacing:0;}
:after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.wrapper{width: 1000px;margin: 0 auto;}
.round-row .col{float: left;display:block;}
.round-row .col-5{width: 5%;}
.round-row .col-10{width: 10%;}
.round-row .col-15{width: 15%;}
.round-row .col-25{width: 25%;}
.round-row .col-20{width: 20%;}
.round-row .col-30{width: 30%;}
.round-row .col-33{width: 33.333%;}
.round-row .col-40{width: 40%;}
.round-row .col-50{width: 50%;}
.round-row .col-60{width: 60%;}
.round-row .col-65{width: 65%;}
.round-row .col-70{width: 70%;}
.round-row .col-80{width: 80%;}
.round-row .col-85{width: 85%;}
.round-row .col-100{width: 100%;}
.round-row:before,.round-row:after{display:table;line-height:0;content:"";}
.round-row:after{clear: both;visibility:hidden;}
.mt15{margin-top: 15px;}
/*btn*/
.moreBtn{border: 2px solid #9c9c9c;color: #848585;text-align: center;font-size: 16px;height: 40px;line-height: 36px;width: 230px;border-radius: 25px;display: inline-block;}
.moreBtn:hover{color: #333;border: 2px solid #333;}
.moreBox-white{border: 2px solid #9acfeb;color: #9acfeb;text-align: center;font-size: 16px;height: 40px;line-height: 36px;width: 230px;border-radius: 25px;display: inline-block;}
.moreBox-white:hover{color: #fff;border: 2px solid #fff;}
.menu{ height:326px; position:fixed;top:50%; right:10px; z-index:998; width:100%;width: 80px;margin-top: -163px;}
.menu li{text-align: center;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;width: 55px;height: 55px;font-size: 12px;margin-left: 0;margin-bottom: 15px;/*animation:roudBefore 0.5s 1 ease;*/-webkit-font-smoothing:antialiased;font-smoothing:antialiased;background: none; border: 2px solid #fff;box-shadow: 0 0 6px 1px #909192 ;text-shadow: -2px 1px 3px #4a4a4a;}
.menu li.small-s{width: 20px;height: 20px;margin-left: 20px;}
.menu li a{ color:#fff; text-decoration:none; text-align:center; display:block;padding-top: 14px;}
.menu li.active{ background:#7dc015;color: #fff;animation:roudAfter 1s 1 ease; width: 55px;height: 55px;font-size: 12px;margin-left: 0;border:2px solid #fff;box-shadow: 0 0 6px 1px #909192 ;}

@keyframes roudBefore {
	0% { opacity: 1; transform: translate(0,0); }
	100% { opacity: 0; transform: translate(0,75px); }
}
@keyframes roudAfter {
	0% { opacity: 0; -webkit-transform: scale(0, 0) ; transform: scale(0, 0);}
	100% { opacity: 1; -webkit-transform: scale(1, 1,); transform: scale(1, 1); }
}
#fullPage-nav{display: none;}
.topNav{position: absolute;top:0;width: 100%;z-index: 1400;height: 78px;background: #fff;}   
.topNav .logo-img{float: left;padding-top: 5px;}
.topNav .navCon{float: right;height: 78px;line-height: 78px;}
.topNav .navCon a{display: inline-block;color: #333;font-size: 18px;width: 100px;text-align: center;}
.topNav .navCon a.curr{background: #dadcdd;color: #000;}
.page1{background: url(../images/page1-bg2.png) no-repeat center bottom #0a76c2;}
/*.page2{background: url(../images/page2-bg.jpg) no-repeat center bottom #6c6c6c;}*/
.page2{background: #ecedee;}
.page3{background: url(../images/page4-bg.jpg) no-repeat center bottom #7e7e7f;}
#output {opacity: 0.3;width: 100%;height: 100%;-webkit-transition: all 400ms ease-in-out;-ms-transition: all 400ms ease-in-out;-o-transition: all 400ms ease-in-out;-moz-transition: all 400ms ease-in-out;transition: all 400ms ease-in-out;}
.MRcode{width: 1322px;margin-top:285px;position: absolute;height: 690px;left: 50%;margin-left: -661px;z-index: 1300;}
.MRcode .midCen{width: 326px;margin: 0 auto;position: relative;height: 326px;}
.MRcode .midCen .p1-a{position: absolute;z-index: 1;}
.MRcode .midCen .p1-b{position: absolute;z-index: 2;top:15px;left: 15px;}
.MRcode .midCen .p1-c{position: absolute;z-index: 3;top:25px;left: 25px;}
.MRcode .lineCon .te-name{position: absolute;-webkit-filter:opacity(30%); filter: opacity(30%);}
.MRcode .lineCon .te-name .txt{background: #fff;display:inline-block;padding:0 20px;-webkit-border-radius:40px;-moz-border-radius: 20px;border-radius: 20px;color: #0672b6;font-size: 24px;border:2px solid #fff; height: 47px;line-height: 40px;}
.MRcode .lineCon .te-name .txt a{display: block;color:#0672b6;}
.MRcode .lineCon .te-name:hover{-webkit-filter:opacity(100%);filter: opacity(100%);}
.MRcode .lineCon .a1{left: 197px;top: -75px;width: 375px;height: 155px;}
.MRcode .lineCon .te-name.a1 .txt{position: absolute;top:-12px;}
.MRcode .lineCon .te-name.a1 .line-img{width: 275px;height: 116px;position: absolute;top: 30px;left: 54px;}
.MRcode .lineCon .a2{left: 686px;top: -80px;width: 210px;height: 108px;}
.MRcode .lineCon .te-name.a2 .txt{position: absolute;top:-12px;left: 15px;}
.MRcode .lineCon .te-name.a2 .line-img{width: 44px;height: 76px;position: absolute;top: 30px;left: 54px;}
.MRcode .lineCon .a3{right: 217px;top: -30px;width: 344px;height: 166px;}
.MRcode .lineCon .te-name.a3 .txt{position: absolute;top:-17px;right: -44px;}
.MRcode .lineCon .te-name.a3 .line-img{width: 282px;height: 123px;position: absolute;top: 30px;left: 54px;}
.MRcode .lineCon .a4{right: 87px;top: 185px;width: 476px;height: 88px;}
.MRcode .lineCon .te-name.a4 .txt{position: absolute;top:74px;right: -20px;width: 156px;text-align: center;}
.MRcode .lineCon .te-name.a4 .line-img{width: 288px;height: 62px;position: absolute;top: 30px;left: 54px;}
.MRcode .lineCon .a5{right: 323px;bottom: 107px;width: 300px;height: 320px;}
.MRcode .lineCon .te-name.a5 .txt{position: absolute;bottom:-17px;right: -70px;width: 156px;text-align: center;}
.MRcode .lineCon .te-name.a5 .line-img{width: 242px;height: 260px;position: absolute;top: 30px;left: 54px;}
.MRcode .lineCon .a6{right: 510px;bottom: 257px;width: 250px;height: 139px;}
.MRcode .lineCon .te-name.a6 .txt{position: absolute;bottom:-19px;right:54px;}
.MRcode .lineCon .te-name.a6 .line-img{width: 60px;height: 81px;position: absolute;top: 30px;left: 54px;}
.MRcode .lineCon .a7{left: 231px;bottom: 109px;width:312px;height:321px;}
.MRcode .lineCon .te-name.a7 .txt{position: absolute;bottom:-19px;right: 125px;}
.MRcode .lineCon .te-name.a7 .line-img{width: 277px;height: 263px;position: absolute;top: 30px;left: 54px;}
.MRcode .lineCon .a8{left: -22px;bottom: 388px;width:548px;height:166px;}
.MRcode .lineCon .te-name.a8 .txt{position: absolute;bottom:-32px;left: -13px;width: 156px;text-align: center;}
.MRcode .lineCon .te-name.a8 .line-img{width: 476px;height: 121px;position: absolute;top: 30px;left: 54px;}
.MRcode .lineCon .te-name.filAna{-webkit-filter:opacity(100%);filter: opacity(100%); -webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
.MRcode .lineCon .te-name.filAna .txt{border:2px solid #fff;background: #0e7dc6;}
.MRcode .lineCon .te-name.filAna .txt a{color: #fff;}
.MRcode .lineCon .te-name .txt .aft{display: none;}
.pos-reW{position: relative;height: 650px;}
.pos-abW{position: absolute;height: 650px;margin-left: -500px;left: 50%;top:20%;z-index: 100;}
.two-title{text-align: center;position: absolute;width: 100%;top:115px;height: 100px;z-index: 100;}
.txtInfo{width: 665px;height: 230px;}
.txtInfo .s-name{width: 150px;height: 150px;border-radius: 100%;background: transparent;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7Fffffff,endColorstr=#7Fffffff); background: rgba(255,255,255,.5); text-align: center;color: #fff;font-size: 21px;padding-top: 40px;}
.txtInfo .s-name span{display: block;font-size: 15px;margin-top: 10px;}
.txtInfo .txt{color: #fff;width: 300px;position: absolute;top:40px;left:140px;}
.txtInfo .txt .tit-line{font-size: 18px;border-bottom: 1px solid #fff;padding:0 10px 10px 27px;}
.txtInfo .txt .con{font-size: 12px;margin-top: 10px;padding-left: 27px;padding-right: 10px;}
.txtInfo .txt .con a{color: #78cdfb;text-decoration: underline;float: right;}
.txtInfo.posInfo-a{position: absolute;left: -25%;top:10%;width: 500px;}
.txtInfo.posInfo-b{position: absolute;right: -30%;top:10%;width: 500px;}
.txtInfo.posInfo-c{position: absolute;left:-25%;bottom:-10%;width: 500px;}
.txtInfo.posInfo-d{position: absolute;left:26%;bottom:-10%;width: 500px;}
.txtInfo.posInfo-e{position: absolute;right:-30%;bottom:-10%;width: 500px;}
.txtInfo.posInfo-g{position: absolute;right:26%;top:10%;width: 500px;}
/*.txtInfo.posInfo-c{width: 500px;}
.txtInfo.posInfo-d{width: 500px;}
.txtInfo.posInfo-e{width: 500px;}*/
.txtInfo.posInfo-c .txt{width: 300px;}
.txtInfo.posInfo-d .txt{width: 300px;}
.txtInfo.posInfo-e .txt{width: 300px;}
.page1 .txtInfo .s-name{opacity: 0;filter: alpha(opacity=0);filter: alpha(opacity=100)\9}
.page1 .txtInfo .txt{opacity: 0;filter: alpha(opacity=0);filter: alpha(opacity=100)\9}
.page1 .txtInfo.posInfo-b .s-name,.page1 .txtInfo.posInfo-b .txt{animation-delay: 0.4s;}
.page1 .txtInfo.posInfo-c .s-name,.page1 .txtInfo.posInfo-c .txt{animation-delay: 0.8s;}
.three-title{text-align: center;position: absolute;width: 100%;top:40px;height: 100px;}
.arrow-up{margin-left: 16px;}
.listWarp{width: 1000px;margin: 0 auto;}
.listWarp .info{width: 320px;float: left;margin-left: 10px;}
.listWarp .info .tm{margin-top: 20px;text-align: center;}
.listWarp .info .tm h4{font-size:24px;color: #333;font-weight: bold;padding: 15px 0;}
.listWarp .info .tm p{font-size: 20px;color: #666;font-weight: 200;}
.listWarp .item{background: transparent;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2ffffff,endColorstr=#B2ffffff); background: rgba(255,255,255,.7);border-radius: 10px; padding: 30px 15px;display: block;height: 425px;}
.listWarp .info:first-child{margin-left: 0;}
.listWarp .item:hover{color: #333;z-index:1;transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in; -o-transition:all 0.2s ease-in; -webkit-transition:all 0.2s ease-in;-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-ms-transform: scale(1.08);-o-transform: scale(1.05);transform: scale(1.08);}
.listWarp .item p{margin-top: 5px;font-size: 13px;}
.page2 .listWarp .info{opacity: 0;filter: alpha(opacity=0);filter: alpha(opacity=100)\9;}
.page2 .listWarp .info.info-b{animation-delay:0.5s;}
.page2 .listWarp .info.info-c{animation-delay:0.8s;}
.page2 .listWarp .info.info-d{animation-delay:1.1s;}
.moreBox{text-align: center;position: absolute;bottom: 50px;width: 100%;}
.page2 .moreBox{animation-delay: 1.8s;opacity: 0;filter: alpha(opacity=0);filter: alpha(opacity=100)\9;}
.four-title{text-align: center;position: absolute;width: 100%;top:40px;height: 100px;}
.brandList{width: 1000px;position: absolute;top:22%;left: 50%;margin-left: -500px;}
.brandList ul li{background: transparent;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2ffffff,endColorstr=#B2ffffff); background: rgba(255,255,255,.7);width: 240px;float: left;text-align: center;height: 130px;padding-top: 37px;margin: 0 4px 8px 4px;opacity: 0;filter: alpha(opacity=0);filter: alpha(opacity=100)\9;}
.index-bottom{width: 100%;position: absolute;bottom: 0;}
.bottom-con{background: #051d2c;color: #606263;}
.bottom-con .link{padding: 30px 0 15px 0;}
.bottom-con .link a{color: #fff;margin-left: 60px;}
.bottom-con .sevr-ph{padding-left: 60px;color: #fff;margin-top: 25px;}
.bottom-con .copyright{border-top: 1px solid #363636;margin-top: 35px;padding: 25px 0;text-align: center;}
.page3 .index-bottom{animation-delay: 1.2s;opacity: 0;filter: alpha(opacity=0);filter: alpha(opacity=100)\9;}
/*new20171012*/
.new-poBg{position: absolute;top:100px;z-index: 100;background: url(../images/index-page-bgnew.png) no-repeat center bottom;text-align: center;width: 100%;background-size: contain;}
.new-info{font-size: 16px;color: #fff;width:450px;text-align: left;position: absolute;left: 50%;top:100px;margin-left: -500px;}
.new-info h1{font-size: 48px;margin-bottom: 35px;}
.moreBtn-w{text-align: center;position: absolute;bottom: 50px;width: 100%;z-index: 100;}