@charset "utf-8";
@import url(base.css);

.pd_1200{max-width: 1200px;margin: 0 auto;box-sizing: border-box;}
.header{width: 100%;height: 80px;background: #131416;position: fixed;top: 0;left: 0;z-index: 10;}
.headercon{width: 100%;}
.headerleft{float: left;}
.headerleft a{float: left;margin-right: 12px;margin-top: 26px;}
.headerleft a img{display: block;max-width: 100%;}
.headerleft span{float: left;font-size: 20px;color: #E2E2E2;font-weight: bold;margin-top: 27px;}
.headeright{float: right;}
.headeright ul li{float: left;margin-right: 40px;}
.headeright ul li:last-child{margin-right: 0;}
.headeright ul li a{display: block;font-size: 14px;color: #fff;position: relative;line-height: 80px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.headeright ul li a::before{content: '';width: 0%;height: 2px;background: #11A7F0;position: absolute;bottom: 0;left: 0;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.headeright ul li:hover a{color: #11A7F0;}
.headeright ul li:hover a:before{width: 100%;}
.headeright ul li.active a{color: #11A7F0;}
.headeright ul li.active a:before{width: 100%;}
.banner{width: 100%;margin-top: 80px;}
.bannercon{width: 100%;}
.bannercon ul li{width: 100%;}
.bannercon ul li img{display: block;width: 100%;}
.bannerconter{position: absolute;top: 50%;left: 0;width: 100%;transform: translateY(-50%);}
.bannertext{width: 100%;}
.bannertext h4{font-size: 44px;color: #1C1D1E;font-weight: 300;margin-bottom: 10px;}
.bannertext p{font-size: 18px;color: #737677;font-weight: 400;margin-bottom: 8px;}
.bannertext p:last-child{margin-bottom: 0;}
.bannertext a{display: block;width: 150px;height: 38px;background: #11A7F0;font-size: 14px;color: #fff;text-align: center;
line-height: 36px;border: 1px solid #9DDEFE;box-sizing: border-box;margin-top: 80px;}
.bannercon .bannerpages{bottom: 12px !important;}
.bannercon .swiper-pagination-bullet{width: 56px;height: 6px;background: rgba(255,255,255,0.2);opacity: 1;border-radius: 0;position: relative;}
.bannercon .swiper-pagination-bullet:after{content: "";display: block;width: 0;height: 6px;position: absolute;background-color: #fff;top: 0;left: 0;}
.bannercon .swiper-pagination-bullet-active:after{transition: width 3.5s;width: 100%;}
.overview{width: 100%;background: #fff;padding: 60px 0;box-sizing: border-box;}
.overviewcon{width: 100%;}
.title{width: 100%;margin-bottom: 40px;}
.title h4{font-size: 22px;font-weight: 400;color: #2A2D2D;position: relative;padding-left: 24px;box-sizing: border-box;}
.title h4::before{content: '';width: 8px;height: 24px;background: #11A7F0;position: absolute;top: 3px;left: 0;}
.overviewtext{width: 100%;}
.overviewtext p{font-size: 16px;font-weight: 400;line-height: 32px;color: #4E5153;text-indent: 2em;}
.conter{width: 100%;}
.first{width: 100%;background: #fff;padding-top: 88px;box-sizing: border-box;}
.firstup{width: 100%;}
.firstupcon{width: 100%;}
.boxtitle{width: 100%;margin-bottom: 45px;}
.boxtitle h4{font-size: 24px;color: #121313;font-weight: 400;text-align: center;}
.boxtitle h5{font-size: 12px;color: #A0A0A0;font-weight: 400;text-align: center;}
.firstupcon .title{margin-bottom: 32px;}
.firstbut{width: 100%;}
.firstbutcon{width: 100%;}
.firstbutcon ul li{float: left;width: 25%;background: rgba(255,255,255,0.75);padding: 110px 20px;box-sizing: border-box;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.firstbutcon ul li:nth-child(2n){background: rgba(255,255,255,0.5);}
.firstbutcon ul li img{display: block;width: 56px;height: 56px;margin: 0 auto 24px;}
.firstbutcon ul li h5{font-size: 22px;color: #0E1112;font-weight: 400;text-align: center;margin-bottom: 32px;}
.firstbutcon ul li h6{font-size: 16px;color: #3C4040;font-weight: 400;text-align: center;margin-bottom: 18px;}
.firstbutcon ul li p{font-size: 14px;color: #878A8B;font-weight: 400;text-align: center;line-height: 30px;
padding: 0 40px;box-sizing: border-box;}
.firstbutcon ul li:hover{background: #fff;}
.second{width: 100%;background: #fff;padding-top: 100px;box-sizing: border-box;}
.secondup{width: 100%;}
.secondupcon{width: 100%;}
.secondbut{width: 100%;}
.secondbutcon{width: 100%;}
.secondbutcon ul li{float: left;width: 50%;background: rgba(255,255,255,0.75);padding: 48px 60px 57px 60px;box-sizing: border-box;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.secondbutcon ul li:nth-child(2n){background: rgba(255,255,255,0.6);}
.secondbutcon ul li img{display: block;width: 96px;height: 96px;margin: 0 auto 16px;}
.secondbutcon ul li h5{font-size: 22px;color: #0E1112;font-weight: 400;text-align: center;margin-bottom: 24px;}
.secondbutcon ul li .secondtext{text-align: center;position: relative;margin-bottom: 24px;}
.secondbutcon ul li .secondtext:before{content: '';width: 100%;height: 1px;border-bottom: 1px dashed #B1B6BA;box-sizing: border-box;
position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.secondbutcon ul li .secondtext h6{display: inline-block;background: #fff;border-radius: 25px;border: 1px solid #B1B6BA;
padding: 4px 16px;font-size: 18px;color: #393A3D;line-height:18px;box-sizing: border-box;font-weight: 400;position: relative;z-index: 1;}
.secondbox{width: 100%;border: 1px solid #B1B6BA;background: rgba(255,255,255,0.4);border-radius: 20px;padding: 20px 20px;box-sizing: border-box;}
.secondbox p{width: 100%;}
.secondbox p i{float: left;width: 25px;height: 25px;background: url(../images/b3.png) center no-repeat;margin-right: 10px;margin-top: 2px;}
.secondbox p span{float: left;width: calc(100% - 35px);font-size: 16px;color: #3C4040;font-weight: 400;line-height: 32px;}
.secondboxlast{margin-top: 16px;}
.secondboxlast p i{background: url(../images/b4.png) center no-repeat;}
.secondbutcon ul li:hover{background: #fff;}
.third{width: 100%;background: #fff;padding-top: 100px;box-sizing: border-box;}
.thirdup{width: 100%;}
.thirdupcon{width: 100%;}
.thirdbut{width: 100%;}
.thirdbutcon{width: 100%;}
.thirdbutleft{float: left;width: 260px;background: #fff;}
.thirdbutleft ul li{width: 100%;height: 150px;border-bottom: 1px solid #E2E3E7;box-sizing: border-box;cursor: pointer;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.thirdbutleft ul li:last-child{border-bottom: 0;}
.thirdbutleft ul li a{display: block;width: 100%;padding: 40px 10px 10px 10px;box-sizing: border-box;}
.thirdicon{width: 32px;height: 32px;position: relative;overflow: hidden;margin: 0 auto 16px;}
.thirdicon img{display: block;width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.thirdicon .thirdimged{top: -100%;opacity: 0;}
.thirdbutleft ul li h4{text-align: center;font-weight: 400;font-size: 22px;color: #2A2D2D;}
.thirdbutleft ul li.active{background: #11A7F0;}
.thirdbutleft ul li.active .thirdicon .thirdimg{opacity: 0;top: -100%;}
.thirdbutleft ul li.active .thirdicon .thirdimged{opacity: 1;top: 50%;}
.thirdbutleft ul li.active h4{color: #fff;}
.thirdbutright{float: right;width: calc(100% - 260px);}
.thirdlist{width: 100%;display: none;}
.thirdlist:first-child{display: block;}
.thirdlist ul li{width: 100%;background: rgba(255,255,255,0.6);padding: 10px 90px;box-sizing: border-box;height: 250px;
justify-content: space-between;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.thirdlist ul li:nth-child(2n){background: rgba(255,255,255,0.75);}
.thirdtext{flex: 1;}
.thirdtext p{font-size: 16px;color: #4E5153;font-weight: 400;line-height: 40px;max-width: 460px;}
.thirdbutimgs{width: 180px;}
.thirdbutimgs img{display: block;width: 100%;}
.thirdlist ul li:hover{background: #fff;}
.fourth{width: 100%;background: #fff;padding-top: 100px;box-sizing: border-box;}
.fourthup{width: 100%;}
.fourthupcon{width: 100%;}
.fourthbut{width: 100%;}
.fourthbutcon{width: 100%;}
.fourthbutcon ul li{float: left;width: 50%;background: rgba(255,255,255,0.9);padding: 78px 100px;box-sizing: border-box;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.fourthbutcon ul li:nth-child(2){background: rgba(255,255,255,0.75);}
.fourthbutcon ul li:nth-child(3){background: rgba(255,255,255,0.75);}
.fourthbutcon ul li img{display: block;width: 128px;height: 128px;margin: 0 auto 18px;}
.fourthbutcon ul li h5{font-size: 22px;color: #0E1112;font-weight: 400;text-align: center;margin-bottom: 24px;}
.fourthbutcon ul li h6{font-size: 16px;color: #3C4040;font-weight: 400;text-align: center;margin-bottom: 18px;}
.fourthbutcon ul li p{font-size: 14px;color: #878A8B;font-weight: 400;text-align: center;line-height: 30px;}
.fourthbutcon ul li:hover{background: #fff;}
.fifth{width: 100%;background: #fff;padding-top: 100px;box-sizing: border-box;}
.fifthcon{width: 100%;}
.fifthcon .boxtitle{margin-bottom: 100px;}
.fifthlist{width: 100%;margin-bottom: 60px;}
.fifthlist:last-child{margin-bottom: 0;}
.fifthlist .title{margin-bottom: 32px;}
.fifthimg{width: 100%;border: 1px solid rgba(174,182,186,0.75);box-sizing: border-box;padding: 70px 134px;}
.fifthimg img{display: block;width: 100%;}
.fifthimged{padding: 80px 100px;}
.sixth{width: 100%;background: #fff;padding-top: 100px;box-sizing: border-box;}
.sixthcon{width: 100%;}
.sixthtext{width: 100%;margin-bottom: 40px;}
.sixthtext p{text-indent: 2em;font-size: 22px;color: #7B8082;font-weight: 400;line-height: 46px;}
.sixthlast{width: 100%;}
.sixthlast p{font-size: 22px;color: #7B8082;font-weight: 400;line-height: 46px;margin-bottom: 24px;}
.sixthlast ul li{width: 100%;margin-bottom: 16px;}
.sixthlast ul li:last-child{margin-bottom: 0;}
.sixthlast ul li input{display: block;width: 100%;border: 1px solid #AEB6BA;box-sizing: border-box;
outline: none;padding: 0 44px;font-size: 22px;color: #333;height: 80px;
transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;border-radius: 2px;}
.sixthlast ul li input:focus{border-color: #11A7F0;}
.sixthlast ul li input[type='text']::-webkit-input-placeholder {color: #878A8B;}
.sixthlast ul li input[type='text']:-moz-placeholder { color: #878A8B;}
.sixthlast ul li input[type='text']::-moz-placeholder { color: #878A8B;}
.sixthlast ul li input[type='text']:-ms-input-placeholder {color: #878A8B;}
.sixthlast ul li button{display: block;width: 100%;border: 0;box-sizing: border-box;margin-top: 32px;
outline: none;font-size: 22px;color: #fff;background: #11A7F0;height: 80px;border-radius: 2px;}
.seventh{width: 100%;background: #fff;padding: 100px 0;box-sizing: border-box;}
.seventhcon{width: 100%;}
.seventhcon .boxtitle{margin-bottom: 100px;}
.seventhbox{width: 100%;}
.seventhleft{float: left;width: 48%;margin-right: 4%;}
.seventhleft img{display: block;width: 100%;height: 100%;object-fit: cover;}
.seventhright{float: right;width: 48%;}
.seventhright h5{font-size: 22px;color: #2A2D2D;font-weight: 400;margin-bottom: 24px;}
.seventhright h6{font-size: 16px;color: #A8A0A0;font-weight: 400;margin-bottom: 30px;line-height: 40px;text-indent: 2em;}
.seventhright p{font-size: 18px;color: #3C4040;font-weight: 400;margin-bottom: 40px;}
.seventhright p span{display: inline-block;margin-right: 32px;}
.seventhright p span i{display: inline-block;width: 24px;height: 24px;background: url(../images/f2.png) center no-repeat;
vertical-align: -6px;margin-right: 6px;}
.seventhright p span:last-child{margin-right: 0;}
.seventhright b{display: block;font-weight: 500;max-width: 160px;}
.seventhright b img{display: block;max-width: 100%;}
.footer{width: 100%;}
.footercon{width: 100%;border-top: 1px solid #AEB6BA;padding: 56px 0;box-sizing: border-box;}
.footercon p{font-size: 16px;color: #A8A0A0;font-weight: 400;margin-bottom: 24px;text-align: center;}
.footercon p a{color: #A8A0A0;}
.footercon p:last-child{margin-bottom: 0;}
.footercon p span{display: inline-block;margin-right: 32px;}
.footercon p span:last-child{margin-right: 0;}
.ce{position: fixed;bottom: 100px;right: 20px;z-index: 10;}
.ceup{position: absolute; top: -42px;width: 50px;left: 7px;z-index: -1;}
.ceup img{display: block;max-width: 100%;}
.cebut{z-index: 1;width: 66px;padding: 25px 0 12px;background: #11A7F0;border-radius: 30px 30px 4px 4px;box-sizing: border-box;}
.cebut ul li{width: 100%;position: relative;display: flex;flex-direction: column;align-items: center;margin-top: 12px;}
.cebut ul li:first-child{margin-top: 0;}
.cebut ul li a{width: 100%;display: flex;flex-direction: column;align-items: center;}
.cebut ul li::after{position: absolute;content: "";top: 100%;width: 48px;height: 1px;opacity: .4;border: 1px solid #fff;box-sizing: border-box;}
.ceimgs{width: 34px;height: 34px;background: transparent;display: flex;align-items: center;justify-content: center;border-radius: 50%;margin-bottom: 4px;}
.ceimgs img{display: block;width: 18px;}
.cebut ul li p{font-size: 12px;font-weight: 500;color: #fff;line-height: 12px;margin-bottom: 12px;}
.cehide{background: #fff;display: none;color: #3d3d3d;top: 50%;right: 80px;transform: translateY(-50%);box-sizing: border-box;flex-direction: column;
height: 64px;justify-content: center;width: 160px;font-size: 14px;padding-left: 12px;border-radius: 4px;position: absolute;
box-shadow: 0 6px 16px 0 rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12),0 9px 28px 8px rgba(0,0,0,.05);}
.cetext{font-weight: 500;font-size: 14px;color: rgba(0,0,0,.85);margin-bottom: 6px;}
.cetextsaill{font-weight: 400;color: rgba(0,0,0,.45);font-size: 12px;}
.cejiao{position: absolute;top: 24px;left: 160px;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 6px solid #fff;width: 0;height: 0;}
.cebut ul li:hover .ceimgs{background: #00a2a3;}
.cebut ul li:hover .cehide{display: flex;}
.cebut ul li:last-child::after{display: none;}
.cebut ul li a img{display: block;width: 18px;}
.nav{width: 100%;height: 60px;background: #131416;z-index: 100;padding: 0 14px;box-sizing: border-box;display: none;
position: fixed;top: 0;left: 0;}
.navleft{float: left;width: 80px;height: 60px;display: flex;align-items: center;}
.navleft a{display: block;font-size: 0;width: 100%;}
.navleft a img{width: 100%;display: block;}
.navright{float: right;margin-top: 20px;}
.navright>span{width: 24px;height: 2px;display: block;margin-bottom: 7px;transition:.3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;
 background: #11A7F0;}
.navright.active span:nth-child(2){margin-left:6px;-webkit-transition: all 0.3s;transition: all 0.3s;}
.navright.active span:nth-child(3){margin-left:2px;-webkit-transition: all 0.5s;transition: all 0.5s;}
.mobile{width: 100%;height: 100%;position: fixed;top: 0;right: -100%;z-index: 3000;}
.mobilebj{width: 100%;height: 100%;position: fixed;top: 0;right: -100%;background: rgba(0,0,0,0.5);}
.mobilebox{width: 60%;height: 100%;position: absolute;top: 0;right: -50%;background: #004098;}
.mobilebox .close{width: 100%;height: 60px;position: relative;}
.mobilebox .close i{float: right;width: 20px;height: 20px;background: url(../images/menu-close.svg) no-repeat;background-size: 100% 100%;margin: 20px;}
.mobilelist>ul>.on>a i{transform: rotate(90deg);}
.mobilelist{width: 100%;height: 100%;}
.mobilelist>ul>li{width: 100%;border-bottom: 1px solid #0b56b9;}
.mobilelist>ul>li:first-child{border-top: 1px solid #0b56b9;}
.mobilelist>ul>li:last-child{border-bottom: 0;}
.mobilelist>ul>li>a{display: block;font-size: 14px;color: #fff;padding: 9px 15px;box-sizing: border-box;background: #0063eb;position: relative;}
/* -------------响应式-------------- */
@media screen and (max-width: 1470px) {
	.first,.second,.third,.fourth,.fifth,.sixth,.seventh{padding-top: 80px;}
	.seventh{padding-bottom: 80px;}
	.fifthcon .boxtitle,.seventhcon .boxtitle{margin-bottom: 80px;}
}
@media screen and (max-width: 1370px) {
	.first,.second,.third,.fourth,.fifth,.sixth,.seventh{padding-top: 60px;}
	.seventh{padding-bottom: 60px;}
	.fifthcon .boxtitle,.seventhcon .boxtitle{margin-bottom: 60px;}
}
@media screen and (max-width: 1210px) {
	.pd_1200{max-width: 100%;padding: 0 4%;}
	.bannertext h4{font-size: 24px;}
	.bannertext p{font-size: 14px;}
	.overview{padding: 40px 0;}
	.first,.second,.third,.fourth,.fifth,.sixth,.seventh{padding-top: 40px;}
	.seventh{padding-bottom: 40px;}
	.footercon{padding: 40px 0;}
	.fifthcon .boxtitle,.seventhcon .boxtitle{margin-bottom: 40px;}
	.title{margin-bottom: 24px;}
}
@media screen and (max-width: 1080px) {
	.header{display: none;}
	.nav{display: block;}
	.banner{margin-top: 60px;}
}
@media screen and (max-width: 980px) {
	.firstbutcon ul{display: block;}
	.firstbutcon ul li{float: none;width: 100%;padding: 40px 20px;}
	.secondbutcon ul{display: block;}
	.secondbutcon ul li{float: none;width: 100%;padding: 40px 20px;}
	.thirdlist ul li{padding: 10px 40px;}
	.thirdtext p{font-size: 14px;max-width: 520px;}
	.fourthbutcon ul{display: block;}
	.fourthbutcon ul li{float: none;width: 100%;padding: 40px 20px;}
	.sixthtext p,.sixthlast p{font-size: 16px;line-height: 32px;}
	.sixthlast ul li input{height: 60px;padding: 0 22px;font-size: 16px;}
	.sixthlast ul li button{height: 60px;font-size: 16px;}
	.seventhbox{display: block;}
	.seventhleft{float: none;width: 100%;margin-right: 0;}
	.seventhright{float: none;width: 100%;padding-top: 20px;box-sizing: border-box;}
}
@media screen and (max-width: 680px) {
	.bannercon ul li img{height: 220px;object-fit: cover;}
	.bannertext a{margin-top: 20px;}
	.bannercon .swiper-pagination-bullet{width: 30px;height: 2px;}
	.bannercon .swiper-pagination-bullet:after{height: 2px;}
	.firstbutcon ul li{padding: 20px;}
	.firstbutcon ul li p{padding: 0;}
	.thirdbutleft{float: none;width: 100%;}
	.thirdbutleft ul li{float: left;width: 50%;height: auto;}
	.thirdbutleft ul li a{padding: 10px;}
	.thirdbutleft ul li h4{font-size: 16px;}
	.thirdbutright{float: none;width: 100%;}
	.thirdlist ul li{height: auto;display: block;padding: 12px;}
	.thirdbutimgs{margin: 12px auto 0;}
	.thirdtext p{max-width: 100%;line-height: 30px;}
	.fourthbutcon ul li{padding: 20px;}
	.fifthlist{margin-bottom: 24px;}
	.fifthimg{padding: 0;border: 0;}
	.boxtitle{margin-bottom: 24px;}
	.sixthlast ul li input{height: 40px;padding: 0 14px;font-size: 16px;}
	.sixthlast ul li button{height: 40px;font-size: 16px;}
	.footercon{padding: 20px 0;}
	.footercon p{font-size: 12px;margin-bottom: 10px;}
}