@charset "utf-8";
@font-face {
    font-family: dinproblack;
    src: url('../font/dinproblack.otf')
}
@font-face {
    font-family: dinproregular;
    src: url('../font/dinproregular.otf')
}
@font-face {
    font-family: dincondbold;
    src: url('../font/dincondbold.otf')
}
@font-face {
    font-family: markproextraLight;
    src: url('../font/markproextraLight.otf')
}
* { padding: 0; margin: 0; outline: 0; text-decoration: none; list-style: none;box-sizing: border-box;}
html,body{font-size: 14px;font-family:"Microsoft YaHei","PingFang SC";background: #fff;color: #333;}
input,textarea,select{font-family:"Microsoft YaHei","PingFang SC";font-size: 14px;}
img,input,textarea{ border: none; }
h1,h2,h3,h4,h5{font-weight: normal;font-size: 14px;line-height: 1.6;}
table{width: 100%;border-collapse: collapse;}
audio,canvas,video{ display: inline-block; *display: inline; *zoom: 1;}
html.hide{overflow: hidden;}
body.hide{overflow: hidden;}
a{color: #333;}
.fl{ float: left;}
.fr{float: right;}
.clear:after{ content: ''; display: table; clear: both; }
p{line-height: 1.6;}
.des-justify p{text-align: justify;}
.img100 img{vertical-align: bottom;width: 100%;}
.middle-box{display: table; height: 100%;  width:100%; margin:0 auto; position:relative; table-layout: fixed;}
.middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%;}
.pc-show{display: block;}
.wap-show{display: none;}
.position-full{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.relative{position: relative;}
.text-center{text-align: center;}
.overhide{overflow: hidden;}
.w1200{width: 1200px;max-width: 92%;margin: 0 auto;}
.w1400{width: 1400px;max-width: 92%;margin: 0 auto;}
.w1520{width: 1520px;max-width: 92%;margin: 0 auto;}
ul{font-size: 0;}
ul li{font-size: 14px;display: inline-block;vertical-align: top;}
ul li:last-child{margin-right: 0;}
.BMap_Marker img{width: 100%;vertical-align: bottom;}
.scrollBar::-webkit-scrollbar {width: 8px;height: 8px;}
.scrollBar::-webkit-scrollbar-thumb:hover { border: 1px solid #636363;background-color: #929292;}
.scrollBar::-webkit-scrollbar-thumb {background-color: #cfcfd2;border-radius: 8px;background-clip: padding-box;min-height: 28px;}
.scrollBar::-webkit-scrollbar-track-piece {background: #f3f3f3;}
.search_box .text::-webkit-input-placeholder{color:#fff;}
.search_box .text:-moz-placeholder{color:#fff;}
.search_box .text::-moz-placeholder{color:#fff;}
.search_box .text:-ms-input-placeholder{color:#fff;}
.edit *{font-weight: revert;list-style: revert;}
.mg-bt10{margin-bottom: 10px;}
.mg-bt15{margin-bottom: 15px;}
.mg-bt20{margin-bottom: 20px;}
.mg-bt25{margin-bottom: 25px;}
.mg-bt30{margin-bottom: 30px;}
.mg-bt40{margin-bottom: 40px;}
.mg-bt50{margin-bottom: 50px;}
.mg-bt60{margin-bottom: 60px;}
.mg-bt70{margin-bottom: 70px;}
.mg-bt80{margin-bottom: 80px;}
.des16 p{font-size: 16px;}
.des18 p{font-size: 18px;}
.line20 p{line-height: 2;}
.line18 p{line-height: 1.8;}
.des-fff *{color: #fff;}
.title-fff *{color: #fff;}
.imgmax img{max-width: 100%;vertical-align: bottom;}
.swiper-pagination-bullet{vertical-align: middle;opacity: 1;}
/*header s*/
.header{background: rgba(255,255,255,0.9);position: fixed;z-index: 999;transition: all .4s;left: 0;width: 100%;top:0;}
.header > .w1200{height: 130px;transition: all .4s;}
.logo{position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);}
.logo img{display: block;vertical-align: bottom;height: 92px;transition: all .4s;}
.nav-box ul{white-space: nowrap;}
.nav li:nth-child(1),
.nav li:nth-child(2),
.nav li:nth-child(3){margin-right: 15px;}
.nav li:nth-child(4){margin-right: 229px;}
.nav-yi{display: inline-block;font-size: 16px;line-height: 130px;transition: all .4s;padding: 0 9px;position: relative;}
.nav-yi:after{content: "";position: absolute;width: 70px;height: 42px;background: url("../images/888.png") no-repeat center;background-size: cover;left: 50%;top:50%;transition: all .4s;opacity: 0;transform: scale(0.5);margin-left: -35px;margin-top: -21px;}
.nav li.active .nav-yi{color: #192886;}
.nav li.active .nav-yi:after{opacity: 1;transform: scale(1);}
.nav-er{position: absolute;left: 0;width: 100%;background: rgba(27,40,134,.3);display: none;}
.nav-er a{display: inline-block;line-height: 60px;font-size: 16px;color: #fff;padding: 0 35px;transition: all .4s;}
/*.nav-er .w1200{font-size: 0;}*/
.nav-er a.active{background: #192886;}
.nav-er a:hover{background: #192886;}
.header-area{position: absolute;right: 5%;
    /*top:50%;transform: translateY(-50%);*/
    top:10px;transition: all .4s;
}
.header-area-item{display: inline-block;vertical-align: middle;}
.language{position: relative;z-index: 9;cursor: pointer;padding-right: 25px;}
.language img{width: 18px;display: inline-block;vertical-align: middle;}
.language:before{content: "";position: absolute;left: -18px;height: 10px;top:50%;margin-top: -5px;border-left: 1px solid #aaaaaa;transition: all .4s;}
.language-val{background: #e7e7e7;color: #8c8c8c;font-size: 12px;padding: 0 5px;position: absolute;left: 10px;top:10px;white-space: nowrap;transition: all .4s;}
.language .i{position: absolute;right: 0;top:50%;margin-top: -3px; width: 11px;height: 7px;background: url("../images/xia22x14.png") no-repeat center;background-size: 100% 100%;transition: all .4s;}
.language.active .i{transform: rotate(180deg);}
.language-box{position: absolute;top:100%;background: #fff;width: 80px;;left: 50%;margin-left: -40px;display: none;box-shadow: 0 0 2px #ddd;margin-top: 10px;}
.language-box a{display: block;text-align: center;line-height: 24px;transition: all .4s;font-size: 13px;}
.language-box a:hover{background: #192886;color: #fff;}
.jtgw{color: #4f4f4f;margin-right: 32px;transition: all .4s;}
.jtgw:hover{color: #192886;}
.menu-handler{width: 30px; height: 32px; cursor: pointer; position: absolute;right:3%;top:14px; transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); display: none; }
.menu-handler .burger{height: 2px; background: #192886; display: block;width: 20px; position: absolute; z-index: 5; left: 5px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center;-o-transform-origin: center; -ms-transform-origin: center;border-radius: 2px;-webkit-border-radius: 2px;top: 8px;transition:all .4s;}
.menu-handler .burger-2{top: 15px; }
.menu-handler .burger-3{top: 22px;}
.menu-handler.active .burger-1{top:15px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2{-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3{top: 15px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
.is-scroll .header{box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.06);}
.is-scroll .header > .w1200{height: 90px;}
.is-scroll .nav-yi{line-height: 90px;}
.is-scroll .logo img{height: 64px;}
.is-scroll .header-area{top:5px;}
/*header e*/
/*footer s*/
.footer{background: #efefef;}
.footer-top{border-bottom: 1px solid #fff;padding: 30px 0;}
.footer-bot{border-top: 1px solid #c8c8c8;padding-top: 60px;}
.footer-l h3{font-size: 24px;}
.des747474 p{color: #747474;}
.f-list li{margin-right: 38px;}
.f-list img{display: inline-block;vertical-align: middle;width: 23px;margin-right: 5px;}
.f-list span{display: inline-block;vertical-align: middle;font-size: 16px;color: #252525;}
.mg-bt5{margin-bottom: 5px;}
.beian span,.beian a{display: inline-block;color: #7a7a7a;}
.beian{padding: 15px 0;}
.footer-tel{padding: 20px 0;}
.footer-tel p{font-size: 16px;}
.footer-tel span{color: #192886; font-size: 30px;}
.footer-r{position: absolute;right: 0;bottom:0;}

.footer-share a{position: relative;width: 34px;transition: all .4s; height: 34px;margin-right: 10px;background-color: #ababab;display: inline-block;border-radius: 100%;}
.footer-share a:last-child{margin-right: 0;}
.share-hide{position: absolute;width: 120px;left: 50%;margin-left: -60px;bottom:40px;height: 0;overflow: hidden;transition: all .4s;}
.share-hide img{width: 120px;height: 120px;border:1px solid #9f9f9f;}
.footer-share a:hover{background-color: #192886;}
.footer-share a:hover .share-hide{height: 120px;}
.footer-share a.active .share-hide{height: 120px;}
.dl-page{float: left;display: flex;width: 33%;justify-content: space-between;}
/*.dl-page dl{width: 32%;margin-right: 2%;}*/
.dl-page dl:last-child{margin-right: 0;}
.dl-page:nth-child(2){float: right;}
.footer-dl dt{margin-bottom: 20px;font-size: 18px;}
.footer-dl a{color: #5e5e5e;transition: all .4s;}
.footer-dl dd{margin-bottom: 5px;}
.footer-fdlta{padding-top: 20px;margin-bottom: 10px;}
.footer-logo{position: absolute;top:0;left: 50%;transform: translateX(-50%);height: 148.5px;}
/*footer e*/
/*index s*/
.banner .img100 img{height: 100vh;object-fit: cover;}
.banner-des{margin-bottom: 5%;}
.banner-des h2{font-size: 60px;line-height: 1;}
.banner-des h3{font-size: 42px;margin: 10px 0;}
.banner-des span{font-size: 18px;color: #4c4c4c;text-transform: uppercase;}
.bannerDot{position: absolute;z-index: 9;width: 100%;left: 0;bottom:50px;}
.bannerDot .swiper-pagination-bullet{vertical-align: middle;opacity: 1;width: 28px;height: 2px;background: #a1a1a1;margin-right: 15px;}
.bannerDot .swiper-pagination-bullet:last-child{margin-right: 0;}
.bannerDot .swiper-pagination-bullet-active{width: 52px;background: #192886;}
.padding-tb90{padding: 90px 0;}
.title36 h2{font-size: 36px;}
.des-6f6f6f p{color: #6f6f6f;}
.about-left{width: 41%;padding-top: 130px;}
.about-right{width:47.2%;}
.ljts{display: inline-block;transition: all .4s;}
.ljts *{display: inline-block;vertical-align: middle;}
.ljts span{color: #646464;margin-right: 5px;}
.ljts .i{width: 16px;height: 16px;border-radius: 100%;transition: all .4s;background: #e03132;position: relative;}
.ljts .i:before{width: 8px;height: 2px;top:50%;margin-top: -1px;background: #fff;position: absolute;content: "";left: 50%;margin-left: -4px;}
.ljts .i:after{height: 8px;width: 2px;left:50%;margin-left: -1px;background: #fff;position: absolute;content: "";top: 50%;margin-top: -4px;}
.ljts:hover{color: #192886;}
.ljts:hover .i{background-color: #192886;transform: rotate(180deg);}
.shipin{cursor: pointer;}
.sptc{position: fixed;z-index: 99999;background: rgba(0,0,0,0.5);left: 0;right: 0;top: 0;bottom:0;display: none;}
.video_t{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);width: 1200px;max-width: 92%;}
.video_t a{position: absolute;width: 38px;height: 38px;right: -19px;top:-19px;z-index:9;}
.video_t a img{width: 100%;vertical-align: bottom;}
.video_t video{width: 100%;vertical-align: bottom;}
@media (max-width:760px) {
    .video_t a{width: 24px;height: 24px;right: 0;top:-30px;}
}
.about-right{border-radius: 10px;overflow: hidden;}
.play86{display: inline-block;vertical-align: middle;width: 86px;height: 86px;background: url("../images/play173.png") no-repeat center;background-size: 100% 100%;transition: all .4s;}
.page-type{font-size: 0;}
.page-type a{display: inline-block;vertical-align: middle; font-size: 16px;background: #9d9d9d;color: #fff;line-height: 34px;padding: 0 20px;transition: all .4s;margin-right: 15px;}
.page-type a:last-child{margin-right: 0;}
.page-type a.active{background: #192886;}
.page-type a:hover{background: #192886;}
.about-page-type{position: absolute;left: 0;top:50px;z-index:5;}

.weare-serv-ul{margin: 0 auto;display: flex;align-items: center; justify-content: space-between;flex-wrap: wrap;width: 86%;}
.weare-serv-li{text-align: center;position: relative;}
.weare-serv-li-p{font-size: 20px;color: #192886;}
.weare-serv-li-num{position: relative;display: inline-block;}
.weare-serv-li-num .i{font-size: 28px;color: #192886;position: absolute;right: 0;top:0;font-family: dinproregular;font-weight: bold;}
.weare-serv-li-num p{font-size: 70px;color: #192886; font-family: dinproblack;display: inline-block;line-height: normal;font-weight: bold;}
.weare-serv-li-num span{color: #192886;display: inline-block;font-size: 18px;}
.weare-serv-li:before{content: "";position: absolute;right: -50%;height: 80px;top:50%;margin-top: -40px;border-right: 2px solid #d9e2eb;display: none;}
.div454{width: 2px;height: 80px;background: #d9e2eb;}
.weare-serv-li:nth-child(2):before{right: -110%;}
.weare-serv-li:nth-child(3):before{right: -80%;}
.weare-serv-li:nth-child(4n):before{display: none;}
.weare-serv-li:last-child:before{display: none;}
.weare-serv-ul li:last-child{display: none;}
.weare-serv-li:nth-child(5) .i{right: -18px;}
.mg-bt120{margin-bottom: 120px;}
.zhidian{min-height: 620px;display: flex;align-items: center;justify-content: center;}
.title48 h2{font-size: 48px;}
.ljts-fff span{color: #fff;}
.zhidian1 .ljts span{margin-right: 0;display: block;margin-top: 6px;}
.zhidian-des{width: 450px;max-width: 100%;margin: 0 auto;}
.title48-dh h2{display: inline-block;position: relative;padding:20px 80px 40px;line-height: 1;}
.title48-dh h2 span{position: absolute;line-height: 1;}
.title48-dh h2 span:first-child{top:0;left: 0;}
.title48-dh h2 span:last-child{;bottom:0;right: 0;}
.type-page2 a{font-size: 20px;transition: all .4s;margin-right: 70px;position: relative;padding-bottom: 20px;display: inline-block;vertical-align: top;}
.type-page2 a:last-child{margin-right: 0;}
.type-page2 a:after{position: absolute;content: "";bottom:0;left: 50%;transform: translateX(-50%);opacity: 0;width: 0;transition: all .4s;border-bottom: 1px solid #192886;}
.type-page2 a.active{color: #192886;}
.type-page2 a.active:after{width: 100%;opacity: 1;}
.type-page2 a:hover{color: #192886;}
.type-page2 a:hover:after{width: 100%;opacity: 1;}
.btn80 div{display: inline-block;vertical-align: middle;width: 40px;height: 40px;cursor: pointer;transition: all .4s;border:1px solid #ccc;}
.btn801{background: url("../images/801.png") no-repeat center;background-size: cover;}
.btn802{background: url("../images/802.png") no-repeat center;background-size: cover;}
.btn801:hover{background: #e03132 url("../images/803.png") no-repeat center;background-size: cover;border-color: #e03132;}
.btn802:hover{background: #e03132 url("../images/804.png") no-repeat center;background-size: cover;border-color: #e03132;}
.probtn .btn801{margin-right: 12px;}
.probtn{position: absolute;right: 0;top:0;}
.pros{display: none;}
.pros.active{display: block;}
.pro-style{display: block;border-top: 1px solid transparent;}
.pro-wrap{padding-bottom: 80px;}
.pro-style-inner{padding: 32px 45px 20px;transition: all .4s;position: relative;background: #f5f5f5;border-radius: 5px;}
.title24 h3{font-size: 24px;}
.pro-tip{text-align: center;background: #192886;font-size: 18px;color: #fff;line-height: 28px;width: 70px;}
.pro-style .img100 img{width: auto;max-width: 100%;}
.pro-ljts{text-align: right;}
.pro-wrap{margin: 16px;}

.zhidian2-warp{width: 36%;}
.nes-type{position: absolute;top:0;left: 0;}
.news-left{padding-top: 150px;width: 40%;}
.title30 h2{font-size: 30px;}
.date1{color: #707070;font-size: 12px;}
.des-707070 p{color: #707070;}
.news-left .des16{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news-right{width: 48%;}
.news-right li{display: block;margin-bottom: 20px;}
.news-right li:last-child{margin-bottom: 0;}
.news-right li a{display: block;position: relative;}
.news-img{width: 247px;height: 160px;}
.news-des{position: absolute;left: 280px;top:10px;right: 0;}
.des-title20 h3{font-size: 20px;}
.news-right h3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news-right a:hover h3{color: #192886;}
.padding-tb150{padding: 150px 0;}
/*index e*/
/*2.1关于我们 s*/
.ban100 img{height: 100vh;object-fit: cover;}
.ban-des h2{font-size: 58px;color: #fff;line-height: 1.4;}
.ban-des span{font-size: 18px;color: #fff;text-transform: uppercase;display: block;font-family: markproextraLight;}
.padding-t90{padding-top: 90px;}
.padding-b90{padding-bottom: 90px;}
.des-464545 p{color: #626262;}
.gsjj-l .des16 p:first-child{color: #333;font-weight: bold;}
.gsjj-l .des16 p:last-child{color: #454545;font-weight: normal;}
.gsjj-l{width: 43%;}
.gsjj-r{width: 50%;}
.radius10{border-radius: 10px;}
.team li{width: 49%;margin-right: 2%;margin-bottom: 60px;}
.team li:nth-child(2n){margin-right: 0;}
.des-title30 h3{font-size: 30px;}
/*2.1关于我们 e*/
/*2.2-1新闻资讯 s*/
.des-title20 h3{font-size: 20px;}
.des-707070 p{color: #626262;}
.xw li{width: 32.2%;margin-right: 1.7%;margin-bottom: 80px;}
.xw li:nth-child(3n){margin-right: 0;}
.xw-bot h3{line-height: 1.6em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 3.2em;}
.xw-bot p{line-height: 1.6em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 3.2em;}
.xw-img img{object-fit: cover;}
.xw li a:hover h3{color: #192886;}
.page{text-align: center;font-size: 0;}
.page a{line-height: 40px;border:1px solid #e9e9e9;color: #a09f9f;display: inline-block;min-width: 40px;text-align: center; margin: 0 6px;transition: all .4s;}
.pages.active{border-color: #192886;color: #192886;}
.page a:hover{border-color: #192886;color: #192886;}
.pages{font-size: 18px;}
.page .page-btn{width: 88px;font-size: 14px;}
.page .page-btn:hover{background: #192886;color: #fff;}
/*2.2-1新闻资讯 e*/
/*2.2-2新闻资讯详情 s*/
.ban600 img{height: 600px;object-fit: cover;}
.xwxq-top h1{font-size: 30px;}
.xwxq-top{border-bottom: 1px dashed #aaa;}
.edit{width: 1000px;max-width: 100%;margin: 0 auto;padding: 50px 0;}
.edit img{margin: 0 auto !important;max-width: 100%;height: auto !important;display: block !important;}
.xwxq-fy{border-top: 1px solid #cfcfcf;padding-top: 12px;}
.btn48{width: 24px;height: 24px;cursor: pointer;transition: all .4s;border-radius: 100%;display: inline-block;vertical-align: middle;}
.btn481{background: #cfcfcf url("../images/481.png") no-repeat center;background-size: cover;}
.btn482{background: #cfcfcf url("../images/482.png") no-repeat center;background-size: cover;}
.xwxq-fy-page{max-width: 50%;}
.xwxq-fy-page.fl{padding-right: 80px;}
.xwxq-fy-page.fr{padding-left: 80px;}
.xwxq-fy-page.fr{text-align: right;}
.xwxq-fy-page p{display: block;color: #818080;transition: all .4s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.xwxq-fy-page a:hover p{color: #333;}
.xwxq-fy-page a:hover .btn48{background-color: #e03233;}
.fh{position: absolute;left: 50%;transform: translateX(-50%);bottom:5px;}
.fh *{display: inline-block;vertical-align: middle;}
.fh .i{width: 20px;height: 16px;background: url("../images/back.png") no-repeat center;background-size: 100% 100%;}
.fh span{font-size: 16px;color: #6e6b6b;margin-left: 10px;}
/*2.2-2新闻资讯详情 e*/
/*2.3发展历程 s*/
.des-title24 h3{font-size: 24px;}
.title-424242 h3{color: #424242;}
.his-dot{width: 14px;height: 14px;border:1px solid #595959;border-radius: 100%;margin-left: 20px; position: relative;background: #fff;}
.his-dot .i{width: 6px;height: 6px;background: #595959;border-radius: 100%;position: absolute;top:50%;left: 50%;margin: -3px 0 0 -3px;}
.zindex5{z-index: 5;}
.preview:after{position: absolute;left: 0;width: 100%;content: "";border-top: 1px dashed #a1a1a1;bottom:7px;}
.preview .swiper-slide{width: 25%;cursor: pointer;}
.preview .swiper-slide.active-nav h3{color: #192886;}
.preview .swiper-slide.active-nav .his-dot{border-color: #192886;}
.preview .swiper-slide.active-nav .his-dot .i{background: #192886;}
.preview .swiper-slide:hover h3{color: #192886;}
.preview .swiper-slide:hover .his-dot{border-color: #192886;}
.preview .swiper-slide:hover .his-dot .i{background: #192886;}
.preview-warp{padding: 0 10px;}
.view-right{width: 49.5%;}
.view-left{width: 47%;}
.des-bt20 p{margin-bottom: 20px;}
.des-bt20 p:last-child{margin-bottom: 0;}
/*2.3发展历程 e*/
/*3.1产品中心 s*/
.cp-img .img100{margin-right: 420px; max-width: 100%;}
.cp-con{padding-left: 380px;}
.cp-page:nth-child(odd){background: #f4f4f4;}
.cp-page > .w1520{min-height:500px;}
.title-616161 h3{color: #616161;}
.colors{display: inline-block;width: 22px;height: 22px;border-radius: 100%;overflow: hidden;margin-right: 5px;}
.colors:last-child{margin-right: 0;}
.cp-r{position: absolute;width: 420px;right: 0;top: 20%;z-index: 9;}
.cp-item{display: none;}
.cp-item.active{display: block;}
.cp-left{position: absolute;top:4%;left: 0;z-index: 9;width: 380px;}
.cpfl{width: 166px;max-width: 100%;}
.cpfl a{display: block;border:1px solid #dadada;position: relative;border-radius: 10px;overflow: hidden;padding-left: 8px;transition: all .4s;background: #e9e9e9;margin-bottom: 15px;}
.cpfl a img{display: inline-block;vertical-align: middle;width: 27px;margin-right: 15px;}
.cpfl a span{display: inline-block;vertical-align: middle;line-height: 46px;font-size: 20px;}
.cpfl a .i{width: 54px;height: 54px;top:50%;margin-top: -27px;right: -100%;transition: all .4s; background: #fff url("../images/108.png") no-repeat center;background-size: cover;border-radius: 100%;position: absolute;}
.cpfl a:last-child{margin-bottom: 0;}
.cpfl a.active{background: #192886;color: #fff;}
.cpfl a.active img{filter: brightness(6);}
.cpfl a.active .i{right: -14px;}
.cpfl a:hover{background: #192886;color: #fff;}
.cpfl a:hover img{filter: brightness(6);}
.cpfl a:hover .i{right: -14px;}
.cp-dot span{font-size: 18px;color: #2b2b2b;}
.cp-dot span.swiper-pagination-current{font-size: 36px;color: #192886;}
.cp-page .cp-dot{width: auto; position: absolute;z-index: 9;right: 0;bottom:0;left: auto;}
/*3.1产品中心 e*/

/*3.2产品中心详情 s*/
.cpxq-nav{position: fixed;top:130px;width: 100%;left: 0;background: rgba(27,40,134,0.3);height: 58px;transition: all .4s;z-index: 30;}
.is-scroll .cpxq-nav{top:90px;}
.cpxq-nav-l p{line-height: 58px;}
.cpxq-nav-r{font-size: 0;display: flex;}
.cpxq-nav-r a{color: #fff;font-size: 16px;height: 58px; align-items: center;justify-content: center;padding: 0 10px; text-align: center;display: flex;transition: all .4s;}
.cpxq-nav-r a.active{background: #192886;}
.cpxq-nav-r a:hover{background: #192886;}
.nav-er .w1200{font-size: 0;}
.title42 h2{font-size: 42px;}
.td-page{position: relative;}
.td-title sup{font-size: 16px;}
.bio{height: 89px;}
.title-4c4c4c h2{color: #4c4c4c;}
.des-4c4c4c p{color: #4c4c4c;}
.cpxx-list{display: flex;flex-wrap: wrap;}
.cpxx-list li{position: relative; width: 47%;border-bottom: 1px solid #c2c2c2;padding: 12px 0;margin-right: 6%;}
.cpxx-list li:nth-child(2n){margin-right: 0;}
.cpxx-name{position: absolute;top:12px;left: 0;}
.cpxx-con{min-height: 25px;margin-left: 140px;}
li:nth-child(odd) .cpxx-con{margin-left: 70px;}
.sycj-r{width: 63.2%;}
.sycj-bot{display: flex;justify-content: space-between;align-items: center;}
.sycjDot .swiper-pagination-bullet{height: 3px;width: 33px;background: #fff;opacity: 1;border-radius: 0;margin-right: 7px;}
.sycjDot .swiper-pagination-bullet-active{background: #2234b6;}
.sycjDot .swiper-pagination-bullet:last-child{margin-right: 0;}
.sycjBtn{font-size: 0;border-radius: 10px;overflow: hidden;}
.sycjBtn div{display: inline-block;width: 56px;line-height: 34px;cursor: pointer; background-color: #5f5f5f;transition: all .4s;}
.sycjBtn1{background: url("../images/btn561.png") no-repeat center;background-size: cover;}
.sycjBtn2{background: url("../images/btn562.png") no-repeat center;background-size: cover;}
.sycjBtn div:hover{background-color: #192886;}
.sycj-l{width: 30%;padding-top: 13%;}
.sycj-l .des18{width: 325px;max-width: 100%;}
.sycj-l li{display: none;}
.sycj-l li.active{display: block;}
/*3.2产品中心详情 e*/
/*4.1护脊技术 s*/
.ban-des h3{font-size: 36px;color: #fff;}
.huji-left{width: 53%;padding-top: 60px;}
.des-464545 p{color: #626262;}
.huji-right{width: 46%;}
.des1180{width: 1180px;max-width: 100%;margin: 0 auto;}
.dty{width: 1000px;max-width: 100%;margin: 0 auto;}
/*4.1护脊技术 e*/
/*5.1减重力技术3 s*/
.bgf5{background: #f5f5f5;}
.title-3e3e3e h3{color: #3e3e3e;}
.swx-l{width: 50%;}
.swx-r{width: 43%;}
/*5.1减重力技术3 e*/
/*6.1荣耀集锦-案例 s*/
.ny-nav{text-align: center;font-size: 0;}
.ny-nav a{font-size: 16px;display: inline-block;vertical-align: middle;width: 164px;line-height: 48px;background: #c7c7c7;color: #fff;transition: all .4s;margin-right: 15px;}
.ny-nav a:last-child{margin-right: 0;}
.ny-nav a.active{background: #192886;}
.ny-nav a:hover{background: #192886;}
.anli li{background: #efefef;transition: all .4s;width: 32.2%;margin-right: 1.7%;margin-bottom: 50px;}
.anli li:nth-child(3n){margin-right: 0;}
.anli-bot{padding:20px 35px;height: 154px;position: relative;}
.jia56{display: inline-block;width: 28px;height: 28px;border-radius: 100%;background: #e03132 url("../images/jia56.png") no-repeat center;background-size: cover;transition: all .4s;}
.anli-bot .jia56{position: absolute;right: 35px;bottom:20px;}
.anli li:hover{box-shadow: 0 0 16px 0 rgba(86, 86, 86, 0.39);}
.anli li:hover .jia56{background-color: #192886;}
.anli li .img100 img{object-fit: cover;}
/*6.1荣耀集锦-案例 e*/
/*6.3荣耀集锦-荣誉 s*/
.ry li{text-align: center;width: 28.2%;margin-bottom: 60px;margin-right: 7.7%;cursor: pointer;}
.ry li:nth-child(3n){margin-right: 0;}
.ry li .img100{background: #e9e9e9;display: flex;align-items: center;justify-content: center;}
.ry li .img100 img{max-width: 100%;max-height: 100%;width: auto;vertical-align: bottom;}
.fixed-style{position: fixed;z-index: 9999;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,4,30,0.9);display: none;}
.gor{width: 870px;max-width: 92%;margin: 0 auto;height: 80vh;background: #fff;position: relative;}
.gor-warp{position: absolute;top:60px;right: 60px;bottom:60px;left: 60px;text-align: center;display: flex;justify-content: center;align-items: center;}
.gor-warp img{max-width: 100%;max-height: 100%;}
.des-575757 p{color: #626262;}
.gor-name{bottom:30px;left: 0;width: 100%;position: absolute;}
.gb40{position: absolute;width: 40px;height: 40px;right: 15px;top: 15px;cursor: pointer;background: url("../images/bg80.png") no-repeat center;background-size: cover;z-index: 9;}
/*6.3荣耀集锦-荣誉 e*/
/*7.1反内圈联盟 s*/
.xxd-img{width: 63.8%;}
.xxd-con{width: 30%;}
.xxd-con .des16{width: 400px;max-width: 100%;}
.ldys{display: flex;flex-wrap: wrap;}
.ldys li{width: 15%;margin-right: 6.25%; background: rgba(255,255,255,0.8);padding: 45px 30px;text-align: center;margin-bottom: 30px;transition: all .4s;}
.ldys li:nth-child(5n){margin-right: 0;}
.des-title22 h3{font-size: 22px;}
.ldys-num{margin: 0 auto 20px;width: 84px;border-radius: 100%;border:1px solid #192886;height: 84px;position: relative;transition: all .4s;}
.ldys-num div{position: absolute;top:5px;right: 5px;bottom:5px;left: 5px;border-radius: 100%;background: #192886;display: flex;align-items: center;justify-content: center;font-size: 36px;color: #fff;font-family: dincondbold;transition: all .4s;}
.ldys li:hover{background: rgba(255,255,255,1);}
.ldys li:hover .ldys-num{border-color: #e02f37;}
.ldys li:hover .ldys-num div{background: #e02f37;}
.ldys li p{width: 140px;max-width: 100%;margin: 0 auto;}
.jmtj{display: flex;flex-wrap: wrap;}
.jmtj li{background: url("../images/jmtj1.png") no-repeat center;background-size: 100% 100%;transition: all .4s;width: 29%;padding: 15px 18px;min-height: 144px;margin-right: 6.5%;margin-bottom: 50px;}
.jmtj li:nth-child(3n){margin-right: 0;}
.ldys-num2{width: 45px;border-radius: 100%;border:1px solid #192886;height: 45px;transition: all .4s;position: absolute;top:0;left: 0;}
.ldys-num2 div{position: absolute;top:3px;right: 3px;bottom:3px;left: 3px;border-radius: 100%;background: #192886;display: flex;align-items: center;justify-content: center;font-size: 24px;color: #fff;font-family: dincondbold;transition: all .4s;}
.jmtj-con{margin-left: 70px;padding-top: 5px;}
.jmtj li:hover{background: url("../images/jmtj2.png") no-repeat center;background-size: 100% 100%;}
.jmtj li *{transition: all .4s;}
.jmtj li:hover h3{color: #fff;}
.jmtj li:hover p{color: #fff;}
.jmtj li:hover .ldys-num2{border-color: #fff;}
.jmtj li:hover .ldys-num2 div{background: #fff;color: #e02f37;}
.jmlc-img{width: 60.8%;}
.jmlc-list{width: 35%;}
.jmlc-title{display: flex;align-items: center;}
.ldys-num3{width: 60px;border-radius: 10px;border:1px solid #192886;height: 60px;transition: all .4s;position: relative;margin-right: 18px;}
.ldys-num3 div{position: absolute;top:5px;right: 5px;bottom:5px;left: 5px;border-radius: 10px;background: #192886;display: flex;align-items: center;justify-content: center;font-size: 24px;color: #fff;font-family: dincondbold;transition: all .4s;}
.i34x18{width: 17px;height: 9px;background: url("../images/xia34x18.png") no-repeat center;background-size: 100% 100%;display: block;margin: 20px 22px;}
.jmlc-list li{display: block;}
.jmlc-list li:last-child .i34x18{display: none;}
.jm-sr{border:1px solid #d6d6d6;border-radius: 10px;}
.jm-sr .text{display: block;height: 40px;text-indent: 20px;width: 100%;border-radius: 10px;}
.jm-sr select{display: block;height: 40px;text-indent: 20px;width: 100%;border-radius: 10px;border:none;}
.jm-sr-name{font-size: 16px;color: #6b6b6b;}
.jm-input-page{width: 23%;margin-right: 2%;float: left;}
.jm-input-page .text::-webkit-input-placeholder{color:#c8c8c8;}
.jm-input-page .text:-moz-placeholder{color:#c8c8c8;}
.jm-input-page .text::-moz-placeholder{color:#c8c8c8;}
.jm-input-page .text:-ms-input-placeholder{color:#c8c8c8;}
.cyjm-l{margin-right: 120px;}
.wyjm{position: absolute;width: 120px;line-height: 42px;background: #e02f37;border-radius: 10px;color: #fff;text-align: center;right: 0;bottom:0;transition: all .4s;}
.wyjm:hover{background: #192886;}
.des-787878 p{color: #787878;}
.tiyan-left{width: 32.6%;}
.tiyan-left li{display: block;background: #f5f5f5;border-radius: 10px;padding: 25px 0;margin-bottom: 45px;cursor: pointer;box-shadow: 0 0 7px 0 rgba(188, 188, 188, 0.5);}
.biao{position: absolute;top:6px;left: 0;height: 61px;filter: grayscale(1);opacity: 0.6;transition: all .4s;}
.dianxg{margin-left: 110px;}
.tiyan-name{display: flex;align-items: center;}
.tiyan-name img{height: 25px;margin-left: 10px;filter: grayscale(1);opacity: 0.6;transition: all .4s;}
.tiyan-left li.active img{filter: grayscale(0);opacity: 1;}
.tiyan-left li.active h3{color: #192886;}
.tiyan-left li:hover img{filter: grayscale(0);opacity: 1;}
.tiyan-left li:hover h3{color: #192886;}
.tiyan-right{width: 58%;background: #f5f5f5;position: absolute;height: 100%;right: 0;float: none;top:0;}
.tiyan-right .map{position: absolute;width: 100%;height: 100%;left: 0;top:0;}
.map{height: 500px;}
/*7.1反内圈联盟 e*/
/*8.1联系我们 s*/
.des-787878 p{color: #787878;}
.lxfs-img{padding: 5px; border-radius: 100%;background: #ececec;display: inline-block;}
.lxfs-img .img100{background: #000000;border-radius: 100%;transition: all .4s;}
.lxfs img{width: 46px;}
.des-title18 h3{font-size: 18px;}
.title-bold h3{font-weight: bold;}
.lxfs li{width: 20%;padding-right: 10px;}
.lxfs li:hover .lxfs-img .img100{background: #192886;}
.des-616161 p{color: #626262;}
.jxs-wrap li{padding: 20px 0;display: block; border-bottom: 1px dashed #bbb;cursor: pointer;}
.jxs-l{width: 34%;border:1px solid #e6e6e6;padding: 30px;padding-right: 15px;}
.jxs-l img{height: 19px;position: absolute;top:5px;left: 0;filter: grayscale(1);opacity: 0.6;transition: all .4s;}
.jxslg-con{margin-left: 32px;}
.jxs-wrap li:hover img{filter: grayscale(0);opacity: 1;}
.jxs-wrap li:hover h3{color: #192886;}
.jxs-wrap{height: 610px;overflow: auto;padding-right: 15px;}
.jxs-r{width: 62%;position: absolute;top:0;right: 0;height: 100%;}
.jxs-wrap li.active img{filter: grayscale(0);opacity: 1;}
.jxs-wrap li.active h3{color: #192886;}
/*8.1联系我们 e*/
/*8.4联系我们 招聘 s*/

.job-top{background: #192886;}
.col-5{font-size: 0;display: flex;flex-wrap: wrap;}
.col-5 span{display: inline-block;text-align: center;line-height: 30px; font-size: 16px;color: #222;width: 18%;padding: 18px 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/*.col-5 span:nth-child(4){width: 25%;}*/
.col-5 span:nth-child(1){width: 28%;text-align: left;padding-left: 20px;}
.job-top span{color: #fff;}
.job-top span:nth-child(1){justify-content: flex-start;}
.job-list{border:1px solid #dfdfdf;}
.job-list li{display: block;border-top: 1px solid #dfdfdf;}
.job-list li:nth-child(odd){background:#f7f7f7;}
.job-con{padding: 30px 50px 50px;display: none;background: #fff;}
.job-con p{min-height: 1.6em;}
.jrwm{display: inline-block;padding: 12px 32px;background: #192886;color: #fff;font-size: 18px;border-radius: 5px;}
.col-5 .i{width: 30px;height: 30px;border:1px solid #192886;border-radius: 100%;display: inline-block;vertical-align: middle;cursor: pointer;position: relative;}
.col-5 .i:after{content: "";position: absolute;width: 18px;height: 2px;background: #192886;top:50%;margin-top: -1px;transition: all .4s;left: 50%;margin-left: -9px;}
.col-5 .i:before{content: "";position: absolute;height: 18px;width: 2px;background: #192886;top:50%;margin-top: -9px;transition: all .4s;left: 50%;margin-left: -1px;}
.job-list li.active .i:before{opacity: 0;}
.job-list li.active span{border: none;white-space: normal;}
.job-list li:last-child .col-5 span{border-bottom: none;}
.job-list .col-5 span{border-right:1px solid #dfdfdf;}
.job-list .col-5 span:last-child{border-right:none;}
.job-control{cursor: pointer;}
/*8.4联系我们 招聘 e*/
.maodian{position: absolute;left: 0;top:-90px;}
.w1622{width: 1622px;max-width: 92%;margin: 0 auto;}
.imgdddd img{height: 727px;vertical-align: bottom;}
.jmlc2 li{width: 20%;position: relative;z-index: 9;margin-bottom: 1.1%;}
.jmlc2 li h3{width: 168px;max-width: 100%;margin: 0 auto;}
.jmlc2 .ldys-num{margin: 0 auto;border-color: #fff;}
.jmlc2 .ldys-num div{background: #fff;color: #192886;}
.i333{position: absolute;width: 100%;top:50%;border-top: 1px dashed #fff;left: 50%;z-index: -1;}
.i444{width: 6px;height: 10px;position: absolute; background: url("../images/12x22.png") no-repeat center;background-size: 100% 100%;right: -3px;top:50%;margin-top: -5px;}
.jmlc2 .des-title22{position: absolute;top:100%;left: 0;text-align: center;width: 100%;margin-top: 25px;}
li:last-child .i333{display: none;}
li:last-child .i444{display: none;}
.title-cl2{position: absolute;top:50%;margin-top: -180px; left: 0;}
.about-n{display: none;}
.about-n.active{display: block;}

.previewBtn div{position: absolute;z-index: 9;width: 48px;height: 48px;top:50%;margin-top: -24px;cursor: pointer;display: none;}
.previewBtn1{left: -5px;background: url("../images/801.png") no-repeat center;background-size: cover;}
.previewBtn2{right: -5px;background: url("../images/802.png") no-repeat center;background-size: cover;}

/*20240415 s*/
.location8{width: 14px;display: block;}
.jxsbox li{position: relative;width: 47%;margin-bottom: 35px; margin-right: 6%;}
.jxsbox li:nth-child(2n){margin-right: 0;}
.jxsbox li:hover h3{color: #1b2886;}
.jxs-img{width: 43%;}
.jxs-con{position: absolute;right: 0;width: 52%;top:10%;height: 100%;}
.jxsbtn1{margin-right: 10px;}
.jxsbtn{position: absolute;right: 0;bottom:0;}
.btn80 div.swiper-button-disabled{pointer-events: none;cursor: default;opacity: 0.5;}
.jxs-img img{object-fit: cover;}
@media (max-width:1500px){
    .jxs-con{top:5px;}
}
@media (max-width:800px){
    .jxsbox li{width: 100%;margin-right: 0;}
}
@media (max-width:760px){
    .des-title18 h3{font-size: 15px;}
    .mg-bt10{margin-bottom: 5px;}
    .jxs-con{top:0;}
    .location8{display: none;}
    .jxsbox li{margin-bottom: 15px;}
    .jxsbox li p{font-size: 12px;}
}
/*20240415 e*/

.imgscale .img100{overflow: hidden;}
.imgscale .img100 img{transition: all .4s;}
.imgscale:hover .img100 img{transform: scale(1.1);}
.background-cover{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.slideUp,.swiper-slide-active .banner-des{
    animation:slideUp 1s both ease-out;-webkit-animation:slideUp 1s both ease-out;
}
@keyframes slideUp{
    0%{opacity:0;-webkit-transform: translateY(60px);transform: translateY(60px);}
    100%{opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
}
.slideLeft{
    animation:slideLeft 1s both ease-out;-webkit-animation:slideLeft 1s both ease-out;
}
@keyframes slideLeft{
    0%{opacity:0;-webkit-transform: translateX(-60px);transform: translateX(-60px);}
    100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
}
.slideRight{
    animation:slideRight 1s both ease-out;-webkit-animation:slideRight 1s both ease-out;
}
@keyframes slideRight{
    0%{opacity:0;-webkit-transform: translateX(60px);transform: translateX(60px);}
    100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
}
.tobig{
    animation:tobig 1s both ease-out;-webkit-animation:tobig 1s both ease-out;
}
@keyframes tobig{
    0%{opacity:0;-webkit-transform: scale(0);transform: scale(0);}
    100%{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
}

