/*@font-face{ font-family: fontR; src: url('../fonts/SourceHanSansCN-Regular.otf');}*/
html,body{padding: 0;margin: 0;font-family:fontR,"微软雅黑";font-size: 16px;color: #333;overflow-x:auto;min-width: 1200px;}
.wrap{width: 1200px;margin: 0 auto;}
ul{padding: 0;margin: 0;}
ul li{list-style: none;}
.fl{float: left;}
.fr{float: right;}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;text-decoration: none;}
img{max-width: 100%;border: 0;outline: none;}
input:focus,button:focus{outline: none;}
.ovh{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ovh2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ovh3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.bgf5f5f5{background: #f5f5f5;}
.clearfix{*zoom:1;} 
.clearfix:after{content:""; display:block; clear:both; font-size:0; line-height:0;}

/**导航菜单**/
header{position: fixed;top: 0;width: 100%;z-index: 9999;}
.on-fixed header{background: #fff;}
header .logo{height: 100px;position: relative;display: block;line-height: 100px;}
header .logo img{max-height: 100%;vertical-align: middle;}
header .rightDiv{text-align: right;height: 100px;}
header .rightDiv ul{display: inline-block;}
header .rightDiv ul li{float: left;margin:0 45px;}
header .rightDiv ul li>a{color: #333333;line-height: 100px;padding: 0 10px;position: relative;display: block;}
header .rightDiv ul li.on>a,header .rightDiv ul li:hover>a{color: #00a0d2;}
header .rightDiv ul li.on>a:after{content: "";width: 100%;height: 2px;background: #00a0d2;position: absolute;left: 0;bottom: 24px;}
header .rightDiv ul li .downloadDiv{position: absolute;left: 0;width: 100%;background: rgba(102,102,102,.6);line-height: 50px;color: #fff;text-align: center;font-size: 14px;display: none;}
header .rightDiv ul li .downloadDiv .twoMenu{margin-left: 400px;}
header .rightDiv ul li .downloadDiv a{display: inline-block;color: #fff;margin: 0 20px;}
header .rightDiv ul li .downloadDiv a:hover{color: #00A0D2;}
header .rightDiv ul li:hover .downloadDiv{display: block;}
header .rightDiv ul li.has-sub:hover>a:before{content: "";width:17px;height: 6px;background: url(../img/sj.png) no-repeat center center;position: absolute;left: 50%;margin-left: -9.5px;bottom:0;}
header .rightDiv .otherDiv{padding-top:33px;}
header .rightDiv .otherDiv a{color: #fff;width: 54px;line-height: 34px;background: #00a0d2;border-radius: 5px;display: block;text-align: center;float: left;margin-left: 11px;}
header .rightDiv .otherDiv a:hover{opacity: .8;}

.memberHeader{background: #393d49;}
.memberHeader .rightDiv{text-align: left;}
.memberHeader .rightDiv ul li{margin:0 0 0 100px;}
.memberHeader .rightDiv ul.fr li{margin:0 0 0 20px;}
.memberHeader .rightDiv ul li>a{color: #fff;}

#fp-nav.right {right: 25px; }
#fp-nav ul li{cursor: pointer;width: 26px;height: 26px;margin: 24px 0;}
#fp-nav ul li a{ display: block; width: 26px;height: 26px;position: relative;background: url(../img/yuan.png) no-repeat center center;background-size: 100%;}
#fp-nav ul li a.active { background: url(../img/yuan_.png) no-repeat center center;background-size: 100%;}
#fp-nav ul li a span{background: none;}

.nextBtn{position: fixed;right: 20.5px;bottom: 107px;z-index: 11;text-align: center;color: #333;cursor: pointer;}
.nextBtn img{margin-top: 17px;}
.on-last .nextBtn{display: none;}

/****底部***/
.footerDiv{position: absolute;left: 0;width: 100%;height: auto;z-index: 111;bottom: 40px;font-size: 14px;line-height: 2;}
.footerDiv .leftDiv{color: #666666;margin-top: 15px;}
.footerDiv .rightDiv{color: #999;}
.footerDiv .rightDiv p{margin: 0;}
.footer{background: #000d1d;color: #fff;padding: 50px 0 20px;}
.footer .hdDiv .flDiv{width: 220px;text-align: center;}
.footer .hdDiv .flDiv b{font-size: 30px;line-height: 1;}
.footer .hdDiv .flDiv span{display: block;font-size: 14px;margin-top: 16px;}
.footer .hdDiv .fcDiv{width: 720px;margin-left: 94px;}
.footer .hdDiv .fcDiv .navDiv{overflow: hidden;}
.footer .hdDiv .fcDiv .navDiv a{display: block;float: left;color: #fff;margin-right: 110px;}
.footer .hdDiv .fcDiv .navDiv a:hover{opacity: .8;}
.footer .hdDiv .fcDiv p{text-align: center;margin: 60px 0 0;font-size: 14px;}
.footer .hdDiv .frDiv{width: 98px;text-align: center;margin-top: -25px;}
.footer .hdDiv .frDiv span{font-size: 14px;}
.footer .bdDiv{margin-top: 40px;text-align: center;font-size: 14px;}


/********************************* 首页 **********************************/

.section1{position:relative;}
.section1 .jtImg{position: absolute;left: 50%;margin-left: -23.5px;bottom: 42px;z-index: 1;}
.fp-slidesNav{text-align: center;width: 100%;left: 0;margin-left: 0!important;}
.fp-slidesNav ul{max-width: 1200px;margin: 0 auto!important;text-align: left;margin-left: 0;}
.fp-slidesNav.bottom{bottom: 42px;}
.fp-slidesNav ul li{width: 40px;height: 5px;}
.fp-slidesNav ul li a span,.fp-slidesNav ul li:hover a span{width: 40px;height: 5px;background: #fff;opacity: .5;border-radius: 0;margin: -2px 0 0 -2px;}
.fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span{width: 40px;height: 5px;background: #00a0d2;margin: -2px 0 0 -2px;border-radius: 0;}

.index-title{text-align: center;}
.index-title span{font-size: 26px;color: #333;display: block;}
.index-title small{font-size: 14px;color: #999999;display: block;text-transform: uppercase;}

.section2{background: url(../img/i-bg1.jpg) no-repeat center center;background-size: cover;}
.section2 .bdDiv{margin-top: 20px;}
.section2 .bdDiv ul{margin: 0 -20px;}
.section2 .bdDiv ul li{width: 50%;margin-top: 20px;float: left;}
.section2 .bdDiv ul li a{display: block;margin: 0 20px;background: #fff;padding: 55px 25px;overflow: hidden;}
.section2 .bdDiv ul li a .imgDiv{width: 113px;height: 113px;}
.section2 .bdDiv ul li a .imgDiv .hImg{display: none;}
.section2 .bdDiv ul li a .textDiv{width: 387px;color: #333;}
.section2 .bdDiv ul li a .textDiv span{display: block;font-size: 22px;}
.section2 .bdDiv ul li a .textDiv p{display: block;margin-top: 20px;line-height: 1.6;}
.section2 .bdDiv ul li a:hover{background: #00a0d2;}
.section2 .bdDiv ul li a:hover .imgDiv .dImg{display: none;}
.section2 .bdDiv ul li a:hover .imgDiv .hImg{display: block;}
.section2 .bdDiv ul li a:hover .textDiv{color: #fff;}

.section3{background: url(../img/i-bg2.jpg) no-repeat center center;background-size: cover;}
.section3 .index-title span,.section3 .index-title small{color: #fff;}
.section3 .bdDiv{margin-top: 38px;position: relative;}
.device .arrow-left {background: url(../img/left.png) no-repeat left top;position: absolute;left: 0px;top: 50%;margin-top: -36.5px;width: 45px;height: 73px;}
.device .arrow-right {background: url(../img/right.png) no-repeat left bottom;position: absolute;right: 0px;top: 50%;margin-top: -36.5px;width: 45px;height: 73px;}
.device .swiper-container {width: 980px;height: 450px;padding: 30px 0;}
.device .swiper-slide {height: 100%;opacity: 0.4;-webkit-transition: 300ms;-moz-transition: 300ms;-ms-transition: 300ms;-o-transition: 300ms;transition: 300ms;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);background: #fff;box-shadow: 0px 0px 10px rgba(0,0,0,.46);}
.device .swiper-slide-visible {opacity: 1;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.device .swiper-slide-active {top: 0;opacity: 1;-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);z-index: 1;position: relative;}
.device .swiper-slide .textDiv{padding: 30px;}
.device .swiper-slide .textDiv span{display: block;font-size: 19px;color: #333;}
.device .swiper-slide .textDiv .line{width: 32px;height: 2px;background: #099bc3;margin: 20px 0;}
.device .swiper-slide .textDiv p{display: block;font-size: 13px;color: #999999;}

.section4{background: url(../img/i-bg1.jpg) no-repeat center center;background-size: cover;}
.section4 .bdDiv{margin-top: 36px;position: relative;}
.section4 .swiper-container {width: 100%;height: 440px;}
.section4 .swiper-slide {background: #fff;padding: 40px 0;}
.section4 .swiper-slide ul li{float: left;width: 20%;text-align: center;margin: 19px 0;}
.section4 .swiper-slide ul li .imgDiv{margin: 0 10px;height: 64px;line-height: 64px;}
.section4 .swiper-slide ul li .imgDiv img{vertical-align: middle;max-height: 100%;}
.section4 .pagination {position: absolute;left: 0;text-align: center;bottom: 50px;width: 100%;}
.section4 .swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 10px;background: #c9edff;margin: 0 5px;cursor: pointer;}
.section4 .swiper-active-switch {background: #00a0d2;}

.main{margin: 100px 0;min-height: 756px;}
.breadcrumbDiv{font-size: 14px;color: #666;padding: 18px 0 50px;}
.breadcrumbDiv a{color: #666;}

.mLeftDiv{width: 240px;text-align: center;background: #fff;}
.mLeftDiv span{display: block;font-size: 24px;color: #fff;background: #00a0d2;line-height: 50px;}
.mLeftDiv ul li>a{display: block;font-size: 14px;line-height: 50px;color: #000;}
.mLeftDiv ul li.active>a{border-bottom: 2px solid #00A0D2;}
.mLeftDiv ul li .downloadDiv{display: none;}
.mLeftDiv ul li .downloadDiv a{display: block;line-height: 40px;color: #666;font-size: 14px;}
.mLeftDiv ul li .downloadDiv a.on{color: #00A0D2;}
.mRightDiv{width: 910px;background: #fff;}
.mRightDiv .hd{border-bottom: 2px solid #00A0D2;padding: 46px 40px 0;font-size: 24px;color: #00A0D2;height: 54px;}
.mRightDiv .bd{padding: 40px;}
.mRightDiv .bd .textDiv p{margin: 0;line-height: 2.2;}
.mRightDiv .bd .textDiv p.m20{margin-bottom: 40px;}
.mRightDiv .bd .textDiv .p{border: 1px solid #eee;border-radius: 3px;padding: 20px;background: #fdfdfd;margin: 5px 0 20px;font-size: 14px;}

.aboutDiv .mRightDiv .textDiv{padding: 70px 40px 40px;font-size: 16px;color: #666666;line-height: 36px;text-indent: 2em;}
.aboutDiv .mRightDiv .textDiv p{margin: 0 0 20px;}

.serviceDiv .bd{padding: 15px;}
.serviceDiv .bd ul{overflow: hidden;}
.serviceDiv .bd ul li{width: 244px;height: 90px;float: left;margin: 0 24px 10px;}
.serviceDiv .bd ul li a{display: block;padding: 12px 19px;overflow: hidden;border-radius: 5px;}
.serviceDiv .bd ul li .imgDiv{width: 67px;height: 67px;line-height: 67px;overflow: hidden;}
.serviceDiv .bd ul li .imgDiv img{vertical-align: middle;max-height: 100%;max-width: 100%;}
.serviceDiv .bd ul li .imgDiv .xzImg{display: none;}
.serviceDiv .bd ul li a:hover{background: #00a0d2;}
.serviceDiv .bd ul li a:hover .imgDiv .pImg{display: none;}
.serviceDiv .bd ul li a:hover .imgDiv .xzImg{display: block;}
.serviceDiv .bd ul li .textDiv{width: 114px;color: #333;padding-top: 20px;}
.serviceDiv .bd ul li .textDiv p{display: none;}
.serviceDiv .bd ul li a:hover .textDiv{color: #fff;padding-top: 0;}
.serviceDiv .bd ul li a:hover .textDiv p{display: block;margin-top: 12px;}

.memberDiv1 .hdDiv{margin-bottom: 20px;background: #fff;border: 1px solid #d2d2d2;text-align:  center;font-size: 0;}
.memberDiv1 .hdDiv ul{overflow: hidden;display: inline-block;}
.memberDiv1 .hdDiv ul li{width: 200px;float: left;overflow: hidden;margin: 0 45px;}
.memberDiv1 .hdDiv ul li a{display: block;padding: 36px 0 30px;}
.memberDiv1 .hdDiv ul li img{float: left;}
.memberDiv1 .hdDiv ul li .textDiv{padding-left: 65px;line-height: 45px;text-align: left;color: #333;font-size: 16px;}
.memberDiv1 .hdDiv ul li.active a{border-bottom: 1px solid #00A0D2;}
.memberDiv1 .bdDiv{border: 1px solid #d2d2d2;}
.memberDiv1 .bdDiv .hd{line-height: 80px;background: #e5e5e5;color: #333333;font-size: 20px;padding: 0 50px;border-bottom: 1px solid #d2d2d2;}
.memberDiv1 .bdDiv .bd{background: #fff;}
.memberDiv1 .bdDiv .bd ul li{overflow: hidden;}
.memberDiv1 .bdDiv .bd ul li .d1{width: 186px;background: #e5e5e5;float: left;border-right: 1px solid #D2D2D2;text-align: center;padding: 35px 0;}
.memberDiv1 .bdDiv .bd ul li .d2{width: 895px;float: left;padding: 35px 0 35px 116px;color: #999;}

.memberDiv2{border: 1px solid #d2d2d2;}
.memberDiv2 .hdDiv{background: #e5e5e5;border-bottom: 1px solid #d2d2d2;}
.memberDiv2 .hdDiv ul{overflow: hidden;}
.memberDiv2 .hdDiv ul li{float: left;}
.memberDiv2 .hdDiv a{display: block;font-size: 18px;line-height: 50px;margin: 0 70px 0 25px;color: #333;padding: 0 5px;}
.memberDiv2 .hdDiv a:hover{color: #00A0D2;}
.memberDiv2 .hdDiv li.active a{border-bottom: 1px solid #00A0D2;color: #00a0d2;}
.memberDiv2 .bdDiv{background: #fff;}
.memberDiv2 .bdDiv .hd{border-bottom: 1px solid #d2d2d2;color: #666;line-height: 38px;padding: 0 30px;}
.memberDiv2 .bdDiv .bd{padding: 26px;}
.memberDiv2 .bdDiv .bd p{margin: 0 0 20px;color: #666666;line-height: 2;}
.memberDiv2 .bdDiv .bd a{display: block;width: 120px;line-height: 34px;background: #00A0D2;color: #fff;border-radius: 2px;color: #fff;text-align: center;}
.memberDiv2 .bdDiv .bd a:hover{opacity: .8;}

.loginRegDiv{background: url(../img/login-bg.jpg) no-repeat center center;background-size: cover;width: 100%;height: 100%;}
.loginRegDiv .rowDiv{padding: 102px 0 184px;position: relative;}
.loginRegDiv .rowDiv .imgDiv{width: 543px;float: left;height: 794px;line-height: 794px;}
.loginRegDiv .rowDiv .imgDiv img{vertical-align: middle;}
.loginRegDiv .rowDiv .formDiv{width: 500px;float: right;}
.loginRegDiv .rowDiv .formDiv .hd{background: #ebfbff;text-align: center;padding: 17px 0 25px;}
.loginRegDiv .rowDiv .formDiv .hd p{margin: 0;margin-top: 10px;}
.loginRegDiv .rowDiv .formDiv .bd{background: #fff;padding: 40px 30px 30px;}
.loginRegDiv .rowDiv .formDiv .bd form .inputDiv{margin-bottom: 20px;}
.loginRegDiv .rowDiv .formDiv .bd form input[type="text"],.loginRegDiv .rowDiv .formDiv .bd form input[type="password"]{width: 392px;line-height: 36px;border: 1px solid #d2d2d2;padding: 0 10px 0 36px;font-size: 16px;height: 38px;}
.loginRegDiv .rowDiv .formDiv .bd form input.mail{background: url(../img/l-icon1.png) no-repeat 10px center;}
.loginRegDiv .rowDiv .formDiv .bd form input.pwd{background: url(../img/l-icon2.png) no-repeat 10px center;}
.loginRegDiv .rowDiv .formDiv .bd form input.name{background: url(../img/l-icon3.png) no-repeat 10px center;}
.loginRegDiv .rowDiv .formDiv .bd form input.addr{background: url(../img/l-icon4.png) no-repeat 10px center;}
.loginRegDiv .rowDiv .formDiv .bd form input.username{background: url(../img/l-icon5.png) no-repeat 10px center;}
.loginRegDiv .rowDiv .formDiv .bd form input.tel{background: url(../img/l-icon6.png) no-repeat 10px center;}
.loginRegDiv .rowDiv .formDiv .bd form .remeberDiv{overflow: hidden;line-height: 24px;}
.loginRegDiv .rowDiv .formDiv .bd form .remeberDiv span{color: #666;font-size: 14px;}
.chooseBtn { display: none;}
.choose-label {width: 47px;height: 16px;display: inline-block;border-radius: 20px;position: relative;overflow: hidden;padding: 3px;margin-bottom: 0;border: 1px solid #D2D2D2;}
.choose-label:before {content: '';position: absolute;left: 3px;width: 16px;height: 16px;display: inline-block;border-radius: 20px;background-color: #d2d2d2;z-index: 20;-webkit-transition: all 0.5s;transition: all 0.5s;}
.chooseBtn:checked + label.choose-label:before {left: 35px;background: #fff;}
.chooseBtn:checked + label.choose-label {background-color: #00A0D2;border: 1px solid #00A0D2;}
.loginRegDiv .rowDiv .formDiv.loginDiv{margin-top: 200px;}
.loginRegDiv .rowDiv .formDiv .bd form button{display: block;width: 100%;line-height: 38px;background: #00A0D2;color: #fff;border-radius: 3px;border: 0;font-size: 16px;margin: 20px 0 36px;cursor: pointer;}
.loginRegDiv .rowDiv .formDiv .bd form button:hover{opacity: .8;}
.loginRegDiv .rowDiv .formDiv .bd form .forDiv {font-size: 14px;line-height: 24px;}
.loginRegDiv .rowDiv .formDiv .bd form .forDiv .findPwd a{color: #666;}
.loginRegDiv .rowDiv .formDiv .bd form .forDiv .signDiv a{color: #00A0D2;}
.loginRegDiv .rowDiv .formDiv .bd form .forDiv .signDiv a:hover{text-decoration: underline;}
.loginRegDiv .rowDiv .formDiv .bd form .selectDiv{margin-bottom: 20px;overflow: hidden;}
.loginRegDiv .rowDiv .formDiv .bd form .selectDiv select{width: 140px;padding: 0 10px;height: 38px;border: 1px solid #D2D2D2;display: block;}
.loginRegDiv .rowDiv .formDiv .bd form .selectDiv select.mr10{margin-right: 6px;}
.loginRegDiv .rowDiv .formDiv .bd form .forDiv .agreeDiv a{color: #1a83ff;}
.loginRegDiv .rowDiv .formDiv .bd form .forDiv .agreeDiv a:hover{text-decoration: underline;}
.loginRegDiv .rowDiv .formDiv .bd form .forDiv .agreeDiv input{width: 16px;height: 16px;position: relative;top: 2px;}