@charset "utf-8";
/* =====================内页样式======================== */
/* 分页 */
.paging{width: 100%;text-align: center;user-select: none;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.paging-menu{display: flex;flex-wrap: wrap;}
.paging-menu a{width: max(32px,0.44rem);height: max(32px,0.44rem);margin: 3px max(2px,0.05rem);font-size: max(12px,0.14rem);line-height: 1;color: #333;transition: all .4s ease;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.paging-menu a.next, .paging-menu a.last{transform: rotateY(180deg);}
.paging-menu a i{font-size: max(12px,0.14rem);}
.paging-menu a:hover, .paging-menu a.active, .paging a.on{border-color: #002a9b;background-color: #002a9b;color: #fff;}

/* 搜索页面 */
.search{width: 100%;}
.search-result{font-size: 14px;color: #002a9b;line-height: 1.1;}
.search-result span{margin-left: 6px;}
.search-info{width: 100%;line-height: 1.1;color: #333;}
.search-info span{color: #002a9b;font-weight: 700;flex: 1;}
.search-list{width: 100%;}
.search-link{display: block;width: 100%;border: 1px solid #eee;background: #f6f8f9;padding: max(20px,0.4rem) max(15px,0.26rem);margin-top: max(12px,0.18rem);}
.search-link:first-child{margin-top: 0;}
.search-link h2{color: #333;line-height: 1.1;font-weight: 700;transition: all .4s ease;}
.search-link p{width: 100%;color: #666;}
.search-link .highlightRow span{color: #002a9b !important;}
.search-link:hover h2{color: #002a9b;}

/* 隐私协议 */
.privacy{width: 100%;}
.privacy-title{width: 100%;color: #333;line-height: 1.1;}
.privacy-content{width: 100%;color: #666;}

/* 网站地图 */
.webmap{width: 100%;}
.webmap-title{width: 100%;color: #333;line-height: 1;position: relative;padding-bottom: max(14px,0.24rem);}
.webmap-title::after{content: "";position: absolute;width: max(36px,0.6rem);left: 0;right: 0;margin: 0 auto;bottom: 0;height: max(2px,0.04rem);background: #002a9b;}
.webmap-list{width: 100%;}
.webmap-list>ul{margin: -0.4rem 0 0 -0.4rem;display: flex;flex-wrap: wrap;}
.webmap-list>ul>li{width: calc(20% - 0.4rem);margin: 0.4rem 0 0 0.4rem;color: #333;}
.webmap-list>ul>li ul, .webmap-list>ul>li li{width: 100%;}
.webmap-list>ul>li a{display: block;transition: color .4s ease;position: relative;}
.webmap-list>ul>li a:hover{color: #002a9b;}
.webmap-list>ul>li>.menu{font-weight: 700;border-bottom: 1px solid #e1e1e1;font-size: max(16px,0.2rem);width: 100%;padding-bottom: max(12px,0.2rem);line-height: 1;}
.webmap-list>ul>li>.drop{margin-top: max(10px,0.2rem);}
.webmap-list>ul>li>.drop a{line-height: 1.28;padding: max(4px,0.06rem) 0;font-size: max(15px,0.18rem);}
.webmap-list>ul>li>.drop .drop a{padding-left: max(12px,0.18rem);font-size: max(14px,0.16rem);}
.webmap-list>ul>li>.drop .drop a::before{content: "";position: absolute;width: 4px;height: 4px;border-radius: 50%;background: #afafaf;left: 0;top: 0.14rem;}
@media all and (max-width: 1000px){
    .webmap-list>ul>li>.drop .drop a::before{top: 0.2rem;}
    .webmap-list>ul{margin: -14px 0 0;}.webmap-list>ul>li{width: 100%;margin: 14px 0 0;}.webmap-list>ul>li>.drop .drop a::before{top: 11px;}
}

.sonBan{width: 100%;overflow: hidden;position: relative;}
.sonBan img.bg{width: 100%;min-height: 280px;transform: scale(1.06);animation: sonBanImg 2s ease both;}
.sonBan-cont{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 4;transform: translate3d(0,0,10px);}
@keyframes sonBanImg{0%{transform: scale(1.06);}100%{transform: scale(1);}}
.sonBan-cont{width: 100%;position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: flex;align-items: center;z-index: 4;color: #fff;text-align: center;}
.sonBan-cont .title, .sonBan-cont .text{opacity: 0;}
.sonBan-cont .title{animation: sonBanUp 1s ease both .2s;}
.sonBan-cont .text{animation: sonBanUp 1s ease both .3s;max-width: 9.46rem;margin-left: auto;margin-right: auto;}
@keyframes sonBanUp{0%{opacity: 0;transform: translateY(max(24px,0.6rem));filter: blur(6px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}
.sonBan-place{position: absolute;width: 100%;z-index: 4;transform: translate3d(0,0,8px);left: 0;bottom: 0.28rem;}
.sonBan-place .contain{justify-content: flex-end;align-items: center;}
.sonBan-place a{display: flex;align-items: center;transition: color .4s ease;}
.sonBan-place a::before{content: "\e80b";font-family: "icon";font-size: 12px;transform: rotate(180deg);margin: 0 5px;color: #fff;}
.sonBan-place a:first-child::before{display: none;}
.sonBan-place a:hover{color: rgba(255,255,255,0.7);}

.sonMenu{width: 100%;background: #fff;}
.sonMenu-title{width: 100%;color: #002a9b;user-select: none;cursor: pointer;display: none;}
.sonMenu-title i{margin-left: 8px;transform: rotate(180deg);}
.sonMenu-more{width: 100%;}
.sonMenu-more a{height: max(36px,0.68rem);display: flex;align-items: center;margin-right: max(14px,0.54rem);transition: color .4s ease;}
.sonMenu-more a:last-child{margin-right: 0;}
.sonMenu-more a:hover, .sonMenu-more a.active{color: #002a9b;}

.sonMore{display: flex;align-items: center;height: max(36px,0.44rem);position: relative;padding-right: max(8px,0.12rem);line-height: 1;}
.sonMore::before{content: "";position: absolute;width: max(36px,0.44rem);height: 100%;border-radius: max(18px,0.22rem);background: #002a9b;transition: width .4s ease,box-shadow .4s ease;}
.sonMore i, .sonMore span{position: relative;z-index: 4;transition: transform .4s ease, color .4s ease;}
.sonMore i{font-size: max(14px,0.16rem);width: max(36px,0.44rem);display: flex;align-items: center;justify-content: center;transform: rotate(45deg);color: #fff;}
.sonMore span{font-size: max(14px,0.16px);margin-left: max(14px,0.2rem);color: #737373;}
.sonMore.white span{color: #fff;}
.sonMore:hover::before{width: 100%;box-shadow: 0 max(2px,0.04rem) max(8px,0.16rem) rgba(0, 42, 155, 0.5);}
.sonMore:hover i{transform: rotate(90deg);}
.sonMore:hover span{transform: translateX(min(-8px,-0.12rem));color: #fff;}

.swiper-pagination-bullet{width: max(6px,0.1rem);height: max(6px,0.1rem);background: #dae0eb;opacity: 1;margin: 0 max(8px,0.14rem) !important;position: relative;}
.swiper-pagination-bullet::before{content: "";position: absolute;width: max(16px,0.22rem);height: max(16px,0.22rem);border-radius: 50%;border: 1px solid #002a9b;top: 50%;left: 50%;margin: min(-8px,-0.11rem) 0 0 min(-8px,-0.11rem);transform: scale(0);transition: transform .4s ease;opacity: 0;}
.swiper-pagination-bullet-active {opacity: 1;background: #002a9b;}
.swiper-pagination-bullet-active::before{transform: scale(1);opacity: 1;}

/* 案例-列表 */
.case{background: #ebeef4;}
.case-list{width: 100%;}
.case-list ul{margin: min(-14px,-0.3rem) 0 0 min(-14px,-0.4rem);}
.case-list li{width: calc(100%/3 - max(14px,0.4rem));margin: max(14px,0.3rem) 0 0 max(14px,0.4rem);}
.case-link{display: block;width: 100%;background: #fff;height: 100%;padding: max(14px,0.3rem);transition: background .4s ease;}
.case-link-img{width: 100%;overflow: hidden;}
.case-link-img img{width: 100%;height: 3.35rem;transition: transform .6s ease;}
.case-link-cont{width: 100%;padding: max(18px,0.38rem) 0 max(10px,0.24rem);}
.case-link-cont .title{line-height: 1.14;}
.case-link:hover{background: #002a9b;}
.case-link:hover .case-link-img img{transform: scale(1.04);}
.case-link:hover .title{color: #fff;}
.case-link:hover .text{color: #fff;}
.case-link-more{display: none;}

/* 产品-列表 */
.pro{background: #ebeef4;}
.pro-list{width: 100%;}
.pro-list ul{margin: min(-14px,-0.3rem) 0 0 min(-14px,-0.3rem);}
.pro-list li{width: calc(100%/2 - max(14px,0.3rem));margin: max(14px,0.3rem) 0 0 max(14px,0.3rem);}
.pro-link{width: 100%;flex-direction: row-reverse;height: 100%;margin-top: max(14px,0.3rem);background: #fff;padding: max(20px,0.8rem) max(16px,0.4rem) max(20px,0.8rem) max(16px,0.54rem);transition: box-shadow .4s ease;}
.pro-link:first-child{margin-top: 0;}
.pro-link-wrap{flex-direction: column-reverse;}
.pro-link:hover{box-shadow: 0 max(4px,0.1rem) max(10px,0.3rem) rgba(0, 0, 0, 0.1);}
.pro-link-img{width: 3.1rem;height: 2.52rem;display: flex;align-items: center;justify-content: center;}
.pro-link-img img{max-height: 100%;transition: transform .4s ease;}
.pro-link-img:hover img{transform: scale(1.02);}
.pro-link-cont{width: calc(100% - 3.1rem);padding-right: max(20px,0.3rem);}
.pro-link-cont .title{line-height: 1.14;position: relative;}
.pro-link-cont .title a{position: relative;transition: color .4s ease;}
.pro-link-cont .title span{position: absolute;left: calc(100% + 6px);top: min(-4px,0.12rem);z-index: 4;font-size: max(12px,0.14rem);color: #737373;height: max(20px,0.28rem);border-radius: max(3px,0.05rem);border: 1px solid #666;padding: 0 max(4px,0.08rem);line-height: 1;display: flex;align-items: center;transition: all .4s ease;}
.pro-link-cont .title a:hover{color: #002a9b;}
.pro-link-cont .title a:hover span{color: #002a9b;border-color: #002a9b;}
.pro-link-btn a{width: max(120px,1.6rem);height: max(34px,0.46rem);border-radius: max(17px,0.23rem);margin-right: max(4px,0.1rem);background: #002a9b;display: flex;align-items: center;font-size: max(12px,0.16rem);color: #fff;justify-content: center;line-height: 1;transition: box-shadow .4s ease;}
.pro-link-btn a:last-child{margin-right: 0;}
.pro-link-btn a:hover{box-shadow: 0 max(2px,0.04rem) max(8px,0.16rem) rgba(0, 42, 155, 0.5);}
.pro-list li.two .pro-link{height: auto;}
.pro-list li.first .pro-link{flex-direction: row;flex-direction: column;justify-content: space-between;}
.pro-list li.first .pro-link-cont{width: 100%;padding-right: 0;}
.pro-list li.first .pro-link-img{width: 100%;height: 3.84rem;padding: max(24px,0.4rem) 0;}

/* 下载中心 */
.dowm{background: #fff;}
.dowm-head{width: 100%;justify-content: center;}
.dowm-head .isForm-select{width: max(280px,3.65rem);}
.dowm-head .customSelect-name, .dowm-head .customSelect input, .dowm-head .isForm-select label{height: max(40px,0.6rem);line-height: 1;}
.dowm-head .customSelect-name{border: 2px solid #ebeef4;border-radius: max(20px,0.3rem);padding: 0 max(16px,0.3rem) 0 max(30px,0.6rem);font-size: max(14px,0.16rem);color: #737373;}
.dowm-head .isForm-select label{width: max(30px,0.6rem);justify-content: flex-end;color: #002a9b;display: flex !important;padding-right: max(6px,0.08rem);font-size: max(18px,0.24rem);}
.dowm-head .customSelect-name::after{right: max(14px,0.3rem);color: #737373;}
.dowm-head .customSelect-drop {border-radius: max(20px,0.3rem);box-shadow: 0 2px 6px 0px #ebeef4;border-color: #ebeef4;}
.dowm-head .customSelect-drop>div {height: max(36px,0.5rem);font-size: max(14px,0.16rem);color: #737373;padding: 0 max(16px,0.3rem) 0 max(30px,0.6rem);position: relative;}
.dowm-head .customSelect-drop>div::after{background: #ebeef4;}
.dowm-head .customSelect-drop>div:hover, .dowm-head .customSelect-drop>div.active {color: #002a9b;}
.dowm-head .customSelect-name.noRadius {border-color: #b7cafc;}
.dowm-search{width: max(280px,3.65rem);margin-left: max(16px,0.22rem);position: relative;}
.dowm-search input{width: 100%;height: max(40px,0.6rem);border-radius: max(20px,0.3rem);padding: 0 max(40px,0.68rem) 0 max(16px,0.22rem);font-size: max(14px,0.16rem);color: #737373;border: 2px solid #ebeef4;background: #fff;transition: border .4s ease;}
.dowm-search button{width: max(40px,0.68rem);position: absolute;right: 0;top: 0;z-index: 4;height: 100%;display: flex;align-items: center;justify-content: center;font-size: max(16px,0.20rem);cursor: pointer;color: #737373;transition: color .4s ease;}
.dowm-search input:focus{border-color: #b7cafc;}
.dowm-search button:hover{color: #002a9b;}
.dowm-list{width: 100%;}
.dowm-list li{width: 100%;user-select: none;}
.dowm-list li:nth-child(2n) .dowm-link{background: #ebeef4;}
.dowm-link{width: 100%;justify-content: space-between;align-items: center;padding: max(14px,0.24rem) max(20px,0.48rem) max(14px,0.24rem) max(20px,0.3rem);}
.dowm-link .main{display: flex;color: #0b0b0b;width: calc(100% - max(340px,5rem));}
.dowm-link .main .title{line-height: 1.14;}
.dowm-link .main .ico{margin: -0.06rem max(10px,0.22rem) 0 0;}
.dowm-link .other{width: max(340px,5rem);justify-content: flex-end;align-items: center;}
.dowm-link .other .text{color: #8f8f8f;margin-left: max(12px,0.16rem);}
.dowm-link .other .text:first-of-type{margin-left: 0;}
.dowm-link .other .ico{width: max(30px,0.4rem);height: max(30px,0.4rem);font-size: max(12px,0.16rem);border-radius: 50%;background: #002a9b;color: #fff;line-height: 1;margin-left: max(18px,0.58rem);}
.dowm-link:hover .main{color: #002a9b;}

/* 联系我们 */
.rel{width: 100%;}
.relLx{background: #ebeef4;}
.relLx .contain{width: 100%;padding-left: var(--widDb);align-items: center;}
.relLx-img{width: 9.61rem;}
.relLx-img img{width: 100%;}
.relLx-cont{width: calc(100% - 9.61rem);padding: max(20px,0.4rem) max(40px,0.8rem) max(20px,0.4rem) 0;}
.relLx-list{max-width: 604px;}
.relLx-list li{width: 100%;align-items: center;}
.relLx-list li:first-child{margin-top: 0;}
.relLx-list li .ico{width: max(44px,0.6rem);height: max(44px,0.6rem);border-radius: 50%;background: #bcc7e2;}
.relLx-list li .ico i{width: max(36px,0.46rem);height: max(36px,0.46rem);border-radius: 50%;background: #002a9b;display: flex;align-items: center;justify-content: center;}
.relLx-list li .ico i img{max-width: max(16px,0.22rem);max-height: max(16px,0.22rem);}
.relLx-list li .cont{width: calc(100% - max(44px,0.6rem));padding-left: max(12px,0.26rem);}
.relLx-list li .cont a{text-decoration: underline;transition: color .4s ease;}
.relLx-list li .cont a:hover{color: #002a9b;}
.relGs{background: #fff;}
.relGs-list{width: 100%;}
.relGs-list ul{margin: min(-16px,-0.48rem) 0 0 min(-14px,-0.4rem);}
.relGs-list li{width: calc(50% - max(14px,0.4rem));margin: max(16px,0.48rem) 0 0 max(14px,0.4rem);}
.relGs-link{display: block;width: 100%;height: 100%;background: #ebeef4;transition: box-shadow .4s ease;}
.relGs-link:hover{box-shadow: 0 max(4px,0.08rem) max(10px,0.18rem) rgba(0, 42, 155, 0.16);}
.relGs-link-img{width: 100%;overflow: hidden;}
.relGs-link-img img{width: 100%;height: 3.25rem;transition:transform .6s ease}
.relGs-link-cont{width: 100%;padding: max(24px,0.48rem) max(18px,0.5rem);}
.relGs-link-cont .address{align-items: center;}
.relGs-link-cont .address i{font-weight: 400;margin-right: max(8px,0.14rem);}
.relGs-link-cont .text{max-width: 486px;}
.relGs-link:hover .relGs-link-img img{transform:scale(1.04)}
.relJs{background: #002a9b;}
.relJs img.bg{width: 100%;position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.relJs .contain{position: relative;z-index: 4;}
.relJs-img{width: 100%;position: relative;}
.relJs-img img{width: 100%;}
.relJs-cont{width: max(360px,6rem);color: #fff;}
.relJs-cont .link a{text-decoration: underline;}
.relDt{background: #ebeef4;display: flex;flex-wrap: wrap;align-items: center;}
.relDt-map, .relDt-form{width: 50%;}
.relDt-map{height: max(700px,9.2rem);}
.relDt-map #map{width: 100%;height: 100%;}
.relDt-map #map .amap-logo,.relDt-map #map .amap-copyright{display: none !important;}
.relDt-dot{width: 60px;height: 60px;background: #002a9b;border-radius: 50%;display: block;position: relative;}
.relDt-dot i{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 4;background: url("../images/pages/rel4_1.png") no-repeat center/38px auto;}
.relDt-dot::before,.relDt-dot::after {content: "";display: block;width: 100%;height: 100%;border-radius: 50%;position: absolute;box-shadow: 0 0 16px #002a9b inset;top: 0;left: 0;animation: relDtRing 1.5s linear infinite;opacity: 0;}
.relDt-dot::before {animation-delay: .6s;}
.relDt-dot::after {animation-delay: 0s;}
@keyframes relDtRing{0%{opacity:0;transform:scale(.1)}5%{opacity:1}to{opacity:0;transform:scale(2.4)}}
.relDt-form{padding: max(20px,0.5rem) max(24px,0.7rem);}
.relDt-form-list{width: 100%;margin-top: max(10px,0.20rem);}
.relDt-form-list li{width: 100%;margin-top: max(12px,0.2rem);}
.relDt-form-list li.btn{margin-top: max(14px,0.24rem);}
.relDt-form-list li input, .relDt-form-list li textarea{height: max(34px,0.4rem);border-bottom: 2px solid #bfbfc8;font-size: max(14px,0.16rem);color: #0b0b0b;width: 100%;background: transparent;transition: border .4s ease;}
.relDt-form-list li input:focus, .relDt-form-list li textarea:focus{border-color: #0b0b0b;}
.relDt-form-list li textarea{height: max(60px,0.75rem);padding: 10px 0;}
.relDt-form-list li input::-webkit-input-placeholder{color: #c2c2c2}
.relDt-form-list li input:-moz-placeholder{color: #c2c2c2}
.relDt-form-list li input::-moz-placeholder{color: #c2c2c2}
.relDt-form-list li input:-ms-input-placeholder{color: #c2c2c2}
.relDt-form-list li textarea::-webkit-input-placeholder{color: #c2c2c2}
.relDt-form-list li textarea:-moz-placeholder{color: #c2c2c2}
.relDt-form-list li textarea::-moz-placeholder{color: #c2c2c2}
.relDt-form-list li textarea:-ms-input-placeholder{color: #c2c2c2}
.relDt-form-list li .code{position: relative;}
.relDt-form-list li .code input{padding-right: max(124px,1.6rem);}
.relDt-form-list li .code p{position: absolute;right: 0;top: min(8px,-0.16rem);width: max(104px,1.34rem);height: 100%;user-select: none;cursor: pointer;}
.relDt-form-list li .code p img{width: 100%;height: 100%;}
.relDt-form-list li button{width: max(132px,1.8rem);height: max(36px,0.48rem);border-radius: max(18px,0.24rem);background: #002a9b;color: #fff;font-size: max(14px,0.16rem);cursor: pointer;transition: all .4s ease;}
.relDt-form-list li button:hover{box-shadow: 0 max(2px,0.04rem) max(8px,0.16rem) rgba(0, 42, 155, 0.5);}

/* 新闻-列表 */
.news{background: #ebeef4;}
.newsMa{width: 100%;}
.newsMa-img{width: 7.9rem;}
.newsMa-img a{display: block;width: 100%;overflow: hidden;}
.newsMa-img a img{width: 100%;height: max(352px,5.05rem);transition: transform .6s ease;}
.newsMa-img a:hover img{transform: scale(1.04);}
.newsMa-cont{width: calc(100% - 7.9rem);background: #fff;position: relative;}
.newsMa-cont-info{width: 100%;padding: max(24px,0.78rem) max(20px,0.6rem) max(24px,0.9rem) max(20px,0.66rem);}
.newsMa-cont-info .title a{transition: color .4s ease;}
.newsMa-cont-info .title a:hover{color: #002a9b;}
.newsMa-cont .swiper-pagination{font-size: 0;bottom: max(16px,0.54rem);left: auto;right: max(20px,0.6rem);}
.newsMa-cont-info .title,.newsMa-cont-info .time,.newsMa-cont-info .text,.newsMa-cont-info .link{opacity: 0;}
.swiper-slide-active .newsMa-cont-info .title{animation: newsMaUp 1s ease both .4s;}
.swiper-slide-active .newsMa-cont-info .time{animation: newsMaUp 1s ease both .5s;}
.swiper-slide-active .newsMa-cont-info .text{animation: newsMaUp 1s ease both .6s;}
.swiper-slide-active .newsMa-cont-info .link{animation: newsMaUp 1s ease both .7s;}
@keyframes newsMaUp{0%{opacity: 0;transform: translateY(max(18px,0.4rem));filter: blur(6px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}
.newsLb{width: 100%;}
.newsLb-list{width: 100%;}
.newsLb-list ul{margin: min(-14px,-0.4rem) 0 0 min(-14px,-0.4rem);}
.newsLb-list li{width: calc(100%/3 - 0.4rem);margin: max(14px,0.4rem) 0 0 max(14px,0.4rem);}
.newsLb-link{display: block;width: 100%;}
.newsLb-link .img{width: 100%;overflow: hidden;}
.newsLb-link .img img{width: 100%;height: 3.2rem;transition: transform .6s ease;}
.newsLb-link .cont{width: 100%;position: relative;padding: max(20px,0.4rem) max(16px,0.48rem) 0;z-index: 4;background: #fff;}
.newsLb-link .cont::before{content: "";position: absolute;width: 100%;height: max(40px,0.78rem);left: 0;bottom: 0;background: #fff;transition: all .6s ease;}
.newsLb-link .cont .time, .newsLb-link .cont .title, .newsLb-link .cont .btn{position: relative;z-index: 4;transform: translate3d(0,0,4px);}
.newsLb-link .cont .btn{height: max(40px,0.78rem);align-items: center;justify-content: space-between;border-top: 2px solid #ebeef4;transition: border .4s ease;}
.newsLb-link .cont .btn span{font-size: max(14px,0.16rem);color: #737373;transition: color .4s ease;}
.newsLb-link .cont .btn i{width: max(28px,0.40rem);height: max(28px,0.40rem);border-radius: 50%;border: 1px solid #002a9b;font-size: max(14px,0.16rem);color: #002a9b;line-height: 1;transform: rotate(45deg);transition: all .4s ease;}
.newsLb-link:hover .img img{transform: scale(1.06);}
.newsLb-link:hover .cont::before{background: #002a9b;height: 100%;}
.newsLb-link:hover .cont .time{color: #fff;}
.newsLb-link:hover .cont .title{color: #fff;}
.newsLb-link:hover .cont .btn{border-color: rgba(255,255,255,0.2);}
.newsLb-link:hover .cont .btn span{color: #fff;}
.newsLb-link:hover .cont .btn i{border-color: #fff;color: #fff;transform: rotate(90deg);}

/* 新闻-详情 */
.newsxq{background: #ebeef4;}
.newsxqMa{width: 100%;}
.newsxqMa-head{width: 10.8rem;text-align: center;margin: 0 auto;}
.newsxqMa-head .title{line-height: 1.14;}
.newsxqMa-more{width: 100%;background: #fff;}
.newsxqMa-more-limit{width: 10.8rem;margin: 0 auto;}
.newsxqMa-content{width: 100%;color: #4c4c4c;}
.newsxqMa-content img, .newsxqMa-content video{height: auto !important;}
.newsxqMa-other{width: 100%;justify-content: space-between;align-items: center;border-top: 1px solid #ebeef4;}
.newsxqMa-share{align-items: center;}
/* -- */
.newsxqMa-share #toShare .icon-wechat{position: relative;}
.newsxqMa-share #toShare .icon-wechat .wechat-qrcode{display: none;border: 1px solid #ebeef4;position:absolute;z-index:9;top:-160px;left:50%;margin-left: -62px;width:124px;height:148px;text-align:center;background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,0,0,0.1);transition:all 300ms;}
.newsxqMa-share #toShare .icon-wechat .wechat-qrcode.bottom {top:40px;left:-84px;}
.newsxqMa-share #toShare .icon-wechat .wechat-qrcode.bottom:after {display:none;}
.newsxqMa-share #toShare .icon-wechat .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px; background-color:#f3f3f3; margin:0;padding:0;color: #777; }
.newsxqMa-share #toShare .icon-wechat .wechat-qrcode .qrcode{width:100px; margin:10px auto;}
.newsxqMa-share #toShare .icon-wechat .wechat-qrcode .qrcode table{margin:0!important;}
.newsxqMa-share #toShare .icon-wechat .wechat-qrcode .help{display: none;}
.newsxqMa-share #toShare .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}
.newsxqMa-share #toShare .icon-wechat:hover .wechat-qrcode{display: block;}
/* -- */
.newsxqMa-share #toShare{display: flex;margin-left: max(10px,0.18rem);}
.newsxqMa-share #toShare a{display: flex;align-items: center;justify-content: center;position: relative;margin-right: max(6px,0.1rem);width: max(30px,0.4rem);height: max(30px,0.4rem);border-radius: 50%;background: #000;transition: opacity .4s ease;line-height: 1;}
.newsxqMa-share #toShare a i{font-size: max(14px,0.18rem);color: #fff;}
.newsxqMa-share #toShare a.icon-facebook{background: #3c5a9a;}
.newsxqMa-share #toShare a.icon-twitter{background: #1ba2f5;}
.newsxqMa-share #toShare a.icon-linkedin{background: #0274b3;}
.newsxqMa-share #toShare a:last-child{margin-right: 0;}
.newsxqMa-share #toShare a:hover{opacity: 0.7;}
.newsxqMa-back{align-items: center;}
.newsxqMa-back i{margin-right: max(6px,0.12rem);font-size: max(16px,0.22rem);}
.newsxqMa-back:hover{color: #002a9b;}
.newsxqMa-btn{width: 100%;justify-content: space-between;}
.newsxqMa-btn a{width: calc(50% - max(8px,0.2rem));background: #ebeef4;padding: max(24px,0.38rem) max(18px,0.28rem);border-radius: max(8px,0.2rem);transition: box-shadow .4s ease;}
.newsxqMa-btn a:hover .hint{color: #0b0b0b;}
.newsxqMa-btn a:hover .title{color: #002a9b;}
.newsxqMa-btn a:hover{box-shadow: 0 max(2px,0.04rem) max(8px,0.16rem) rgba(0, 42, 155, 0.2);}

/* 服务支持 */
.serve{width: 100%;}
.serveTitle .title{line-height: 1.14;}
.serveDt{background: #ebeef4;}
.serveDt-map{max-width: 1460px;margin-left: auto;margin-right: auto;position: relative;}
.serveDt-map img.bg{width: 100%;}
.serveDt-map svg {position: absolute;width: 100%;height: 100%;top: 4px;left: 0;z-index: 2;}
.serveDt-data{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 4;transform: translate3d(0,0,10px);}
.serveDt-data .dot{position: absolute;width: 1px;height: 1px;text-align: center;z-index: 6;}
.serveDt-data .dot i{width: 8px;height: 8px;border-radius: 50%;background: #002a9b;position: absolute;top: 0;left: 50%;margin-left: -4px;}
.serveDt-data .dot i::before,.serveDt-data .dot i::after{content: "";display: block;width: 20px;height: 20px;background: rgba(0, 42, 155, 0.8);border-radius: 50%;position: absolute;top: 50%;left: 50%;margin: -10px 0 0 -10px;animation: serveDtRing 1.5s linear infinite;opacity: 0;}
.serveDt-data .dot i::before {animation-delay: .6s;}
.serveDt-data .dot i::after {animation-delay: 0s;}
@keyframes serveDtRing{0%{opacity:0;transform:scale(0)}5%{opacity:1}to{opacity:0;transform:scale(1.1)}}
.serveDt-data .dot p{position: absolute;left: 50%;top: 18px;margin: 0 auto;transform: translateX(-50%);background: #fff;width: 88px;color: #666;font-size: 12px;line-height: 1;height: 24px;border-radius: 12px;display: flex;align-items: center;justify-content: center;}
.serveDt-data .dot.top p{bottom: calc(100% + 10px);top: auto;}
.serveDt-data .dot.main i{background: #c81e09;}
.serveDt-data .dot.main i::before,.serveDt-data .dot.main i::after{background: rgba(200, 30, 9, 0.5);}
.serveDt-data .dot.dot1{top: 22.6%;left: 10.9%;}
.serveDt-data .dot.dot2{top: 30.5%;left: 5.1%;}
.serveDt-data .dot.dot3{top: 35.2%;left: 31.8%;}
.serveDt-data .dot.dot4{top: 42.5%;left: 21%;}
.serveDt-data .dot.dot5{top: 44.2%;left: 18.5%;}
.serveDt-data .dot.dot6{top: 28%;left: 37.4%;}
.serveDt-data .dot.dot7{top: 31%;left: 37.8%;}
.serveDt-data .dot.dot8{top: 32.5%;left: 38.8%;}
.serveDt-data .dot.dot9{top: 34.5%;left: 38.6%;}
.serveDt-data .dot.dot10{top: 35.9%;left: 39%;}
.serveDt-data .dot.dot11{top: 32.2%;left: 44%;}
.serveDt-data .dot.dot12{top: 41.8%;left: 37.15%;}
.serveDt-data .dot.dot13{top: 28.4%;left: 76%;}
.serveSj{background: #222;}
.serveSj-img{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.serveSj-img img{width: 100%;height: 100%;}
.serveSj-img::before{content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 4;transform: translate3d(0,0,10px);background: rgba(0, 0, 0, 0.4);}
.serveSj .contain{position: relative;z-index: 6;transform: translate3d(0,0,10px);}
.serveSj-list{width: 100%;}
.serveSj-list li{flex: 1;color: #fff;border: 1px solid rgba(255,255,255,0.2);border-left: none;text-align: center;padding: max(20px,0.9rem) max(20px,0.5rem) max(24px,1rem);}
.serveSj-list li:first-child{border-left: 1px solid rgba(255,255,255,0.2);}
.serveSj-list li .ico{width: max(40px,0.7rem);height: max(40px,0.7rem);border-radius: 50%;background: #fff;margin: 0 auto;}
.serveSj-list li .ico img{max-width: max(22px,0.41rem);max-height: max(22px,0.41rem);}
.serveSp{background: #fff;}
.serveSp .contain{width: calc(var(--wid) + max(24px,0.54rem)*2);}
.serveSp-loop{width: 100%;position: relative;}
.serveSp-loop::before, .serveSp-loop::after{content: "";position: absolute;width: max(24px,0.54rem);background: #fff;z-index: 4;transform: translate3d(0,0,10px);top: -2px;height: 100%;}
.serveSp-loop::before{left: 0;}
.serveSp-loop::after{right: 0;}
.serveSp-loop .swiper-pagination{position: relative;font-size: 0;bottom: 0;}
.serveSp-loop .swiper-container{border-top: 1px solid #d1d1d1;border-bottom: 1px solid #d1d1d1;}
.serveSp-loop .swiper-slide{height: auto;}
.serveSp-link{display: block;width: 100%;padding: max(28px,0.6rem) max(24px,0.54rem);height: 100%;cursor: pointer;border-right: 1px solid #d1d1d1;}
.serveSp-link-img{width: 100%;overflow: hidden;position: relative;}
.serveSp-link-img img{width: 100%;height: 2.53rem;transition: transform .6s ease;}
.serveSp-link-img .ico{width: max(36px,0.56rem);height: max(36px,0.56rem);margin: min(-18px,-0.28rem) 0 0 min(-18px,-0.28rem);position: absolute;left: 50%;top: 50%;background: #fff;border-radius: 50%;line-height: 1;font-size: max(14px,0.20rem);padding-left: max(2px,0.04rem);color: #002a9b;transform: translate3d(0,0,4px);}
.serveSp-link-img .ico i{position: relative;z-index: 4;}
.serveSp-link-img .ico::before,.serveSp-link-img .ico::after {content: "";display: block;width: 100%;height: 100%;border: 1px solid #fff;border-radius: 50%;position: absolute;top: 0;left: 0;animation: serveSpRing 1.5s linear infinite;opacity: 0;}
.serveSp-link-img .ico::before {animation-delay: .4s;}
.serveSp-link-img .ico::after {animation-delay: 0s;}
@keyframes serveSpRing{0%{opacity:0;transform:scale(.1)}5%{opacity:1}to{opacity:0;transform:scale(1.8)}}
.serveSp-link-cont{width: 100%;position: relative;padding: max(20px,0.38rem) 0 max(30px,0.52rem);height: calc(100% - 2.53rem);}
.serveSp-link-cont .other{position: absolute;left: 0;bottom: 0;}
.serveSp-link:hover .serveSp-link-img img{transform: scale(1.04);}
.serveSp-link:hover .serveSp-link-cont .title{color: #002a9b;}
.serveXz{background: #fff;}
.serveXz img.bg{width: 100%;min-height: 200px;}
.serveXz-cont{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 6;transform: translate3d(0,0,10px);background: rgba(0, 0, 0, 0.3);display: flex;align-items: center;color: #fff;}
.serveXz-cont .link a{height: max(34px,0.4rem);border-radius: max(17px,0.2rem);background: #002a9b;padding: 0 max(16px,0.3rem);transition: all .4s ease;line-height: 1;}
.serveXz-cont .link a:hover{box-shadow: 0 0 max(8px,0.16rem) rgba(255, 255, 255, 0.5);background: #fff;color: #002a9b;}

/* 产品-详情 */
.proxq{width: 100%;position: relative;}
.proxqMa{background: #fff;overflow: visible;height: 100vh;}
.proxqMa-sticky{position: sticky;background: linear-gradient(to bottom,#ebeef4,#fff);width: 100%;top: max(70px,0.88rem);left: 0;overflow: hidden;height: calc(100vh - max(70px,0.88rem));}
.proxqMa .sonBan-place{bottom: auto;top: max(20px,.34rem);z-index: 20;}
.proxqMa .sonBan-place .contain{justify-content: flex-start;}
.proxqMa .sonBan-place a::before {color: #737373;}
.proxqMa .sonBan-place a:hover{color: #002a9b;}
.proxqMa-loop{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.proxqMa-loop-title{top: 5%;font-family: "fmB";font-size: 4rem;line-height: 1;position: absolute;text-shadow: 0 13px 32px rgba(0, 0, 0, 0.02);background: linear-gradient(to bottom, #fff 50%, transparent);left: 50%;transform: translateX(-50%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;white-space: nowrap;}
.proxqMa-loop-imgs{width: 100%;text-align: center;position: absolute;top: 22%;left: 50%;transform: translateX(-50%);z-index: 12;}
.proxqMa-loop-imgs .swiper-container{width: 7.92rem;}
.proxqMa-loop-imgs .swiper-pagination{position: relative;font-size: 0;bottom: 0;opacity: 0;transition: opacity .4s ease;}
.proxqMa-loop-imgs .shade{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 4;transform: translate3d(0,0,10px);}
.proxqMa-loop-imgs .img{width: 100%;height: 5.8rem;margin: 0 auto;}
.proxqMa-loop-imgs .img img{max-height: 100%;}
.proxqMa-loop-imgs.on .shade{pointer-events: none;}
.proxqMa-loop-imgs.on .swiper-pagination{opacity: 1;}
.proxqMa-cont{width: 100%;position: absolute;height: 100%;display: flex;align-items: center;opacity: 0;left: 0;top: 100%;}
.proxqMa-cont-limit{width: 6.2rem;background: linear-gradient(to bottom,#fff 80%,transparent);padding: max(24px,0.5rem) max(18px,0.36rem);}
.proxqMa-cont-list{width: 100%;border-top: 1px solid #f6f7fa;}
.proxqMa-cont-list ul{margin: -14px 0 0 -10px;}
.proxqMa-cont-list li{width: calc(100%/4 - 10px);margin: 14px 0 0 10px;text-align: center;}
.proxqMa-cont-list li .ico{width: max(40px,0.7rem);height: max(40px,0.7rem);background: #ebeef4;border-radius: 50%;margin: 0 auto;}
.proxqMa-cont-list li .ico img{max-width: max(20px,0.34rem);max-height: max(20px,0.34rem);}
.proxqMa-cont-link a{padding: 0 max(16px,0.28rem);height: max(34px,0.46rem);border-radius: max(17px,0.23rem);background: #002a9b;display: flex;align-items: center;font-size: max(12px,0.16rem);color: #fff;line-height: 1;transition: box-shadow .4s ease;}
.proxqMa-cont-link a:hover{box-shadow: 0 max(2px,0.04rem) max(8px,0.16rem) rgba(0, 42, 155, 0.5);}
/* == */
@media all and (min-width:1000px){
    .proxqMa{height: 150vh;}
    .proxqMa-loop-imgs{transition: all 1.5s cubic-bezier(0.22, 0.61, 0.36, 1);}
    .proxqMa.anim .proxqMa-loop-imgs .shade{pointer-events: none;}
    .proxqMa.anim .proxqMa-loop-imgs .swiper-pagination{opacity: 1;}
    .proxqMa.anim .proxqMa-loop-imgs{left: 71%;top: 14%;}
    .proxqMa-cont{transition: all 1.5s cubic-bezier(0.22, 0.61, 0.36, 1);}
    .proxqMa.anim .proxqMa-cont{opacity: 1;top: 0;}
    .proxqMa-loop-title{transition: all 1.5s cubic-bezier(0.22, 0.61, 0.36, 1);}
    .proxqMa.anim .proxqMa-loop-title{opacity: 0;font-size: 8rem;top: -14%;}
}
/* == */
.proxqCs{background: #fff;}
.proxqCs .items{width: 100%;position: relative;display: flex;align-items: center;min-height: max(400px,7.6rem);padding: max(40px,0.8rem) 0;background: #f5f7fa;}
.proxqCs .items img.bg{width: 100%;position: absolute;height: 100%;top: 0;left: 0;}
.proxqCs .items .contain{position: relative;align-items: center;z-index: 4;}
.proxqCs-wrap{width: 100%;justify-content: space-between;align-items: center;}
.proxqCs-wrap .img{width: 7.94rem;}
.proxqCs-wrap .img img{max-height: 6.44rem;}
.proxqCs-wrap .cont{width: 6.7rem;}
.proxqCs-wrap .cont .title{line-height: 1.2;}
.proxqCs-wrap .cont .line{width: max(36px,0.74rem);height: max(3px,0.08rem);background: #002a9b;}
.proxqCs-wrap.white .cont .line{background: #fff;}
.proxqCs .items:nth-child(2n+1) .proxqCs-wrap{flex-direction: row-reverse;}
.proxqCs .items:nth-child(2n+1) .proxqCs-wrap .img{text-align: right;}
.proxqYy{background: #fff;}
.proxqYy-wrap{position: relative;width: 100%;}
.proxqYy-loop{width: 7.5rem;margin-left: auto;margin-right: auto;}
.proxqYy-loop .swiper-container{overflow: visible;}
.proxqYy-loop .swiper-pagination{position: relative;font-size: 0;bottom: 0;display: none;}
.proxqYy-info{display: block;width: 100%;text-align: center;}
.proxqYy-info .img{width: 100%;}
.proxqYy-info .img img{width: 100%;height: 4.2rem;}
.proxqYy-info .cont{padding: max(16px,0.28rem) max(16px,22px) 0 max(16px,22px);}
.proxqYy-btn{position: absolute;width: max(36px,0.5rem);height: max(36px,0.5rem);top: calc(4.2rem/2 - max(18px,0.25rem));font-size: max(14px,0.18rem);border-radius: 50%;background: #002a9b;color: #fff;line-height: 1;cursor: pointer;transition: all .4s ease;user-select: none;z-index: 10;}
.proxqYy-btn.prev{left: min(-42px,-0.72rem);}
.proxqYy-btn.next{right: min(-42px,-0.72rem);transform: rotateY(180deg);}
.proxqYy-btn:hover{box-shadow: 0 max(2px,0.04rem) max(8px,0.16rem) rgba(255, 255, 255, 0.5);background: #fff;color: #002a9b;}
.proxqTj{background: #ebeef4;}
.proxqBd{background: #000;}
.proxqBd img.bg{position: absolute;width: 1000%;height: 100%;top: 0;left: 0;}
.proxqBd .contain{position: relative;z-index: 4;}
.proxqBd .relDt-form-list{margin-top: max(2px,0.5rem);}
.proxqBd .relDt-form-list ul{margin: min(-14px,-0.24rem) 0 0 min(-20px,-0.66rem);}
.proxqBd .relDt-form-list li{width: calc(100%/3 - max(20px,0.66rem));margin: max(14px,0.24rem) 0 0 max(20px,0.66rem);}
.proxqBd .relDt-form-list li.long{width: calc(100% - max(20px,0.66rem));}
.proxqBd .relDt-form-list li.btn {margin-top: max(18px,0.4rem);justify-content: center;display: flex;}
.proxqBd .relDt-form-list li input, .proxqBd .relDt-form-list li textarea{color: #fff;border-color: rgba(255, 255, 255, 0.5);}
.proxqBd .relDt-form-list li input::-webkit-input-placeholder{color: rgba(255, 255, 255, 0.5)}
.proxqBd .relDt-form-list li input:-moz-placeholder{color: rgba(255, 255, 255, 0.5)}
.proxqBd .relDt-form-list li input::-moz-placeholder{color: rgba(255, 255, 255, 0.5)}
.proxqBd .relDt-form-list li input:-ms-input-placeholder{color: rgba(255, 255, 255, 0.5)}
.proxqBd .relDt-form-list li textarea::-webkit-input-placeholder{color: rgba(255, 255, 255, 0.5)}
.proxqBd .relDt-form-list li textarea:-moz-placeholder{color: rgba(255, 255, 255, 0.5)}
.proxqBd .relDt-form-list li textarea::-moz-placeholder{color: rgba(255, 255, 255, 0.5)}
.proxqBd .relDt-form-list li textarea:-ms-input-placeholder{color: rgba(255, 255, 255, 0.5)}
.proxqBd .relDt-form-list li input:focus, .proxqBd .relDt-form-list li textarea:focus{border-color: #fff;}
.proxqBd .relDt-form-list li button:hover{box-shadow: 0 max(2px,0.04rem) max(8px,0.16rem) rgba(255, 255, 255, 0.5);background: #fff;color: #002a9b;}
.proxqBd .relDt-form-list li textarea {height: max(60px,0.94rem);}

/* 关于我们 */
.abo{width: 100%;}
.aboBan{background: #fff;overflow: visible;}
.aboBan-main{width: 100%;height: 100vh;position: sticky;bottom: 0;left: 0;}
.aboBan-main-bg{width: 100%;height: 100vh;position: sticky;top: 0;z-index: 1;background: #fff;}
.aboBan-main-bg img{width: 100%;height: 100%;}
.aboBan-main-cont{position: sticky;width: 100%;height: 100vh;margin-top: -100vh;top: 0;left: 0;z-index: 2;display: flex;align-items: center;color: #fff;text-align: center}
.aboBan-main-cont .head{width: 8.2rem;margin-left: auto;margin-right: auto;}
.aboBan-main-cont .title, .aboBan-main-cont .text{opacity: 0;}
.aboBan-main-cont .title{animation: aboBanUp 1s ease both .2s;}
.aboBan-main-cont .text{animation: aboBanUp 1s ease both .3s;}
@keyframes aboBanUp{0%{opacity: 0;transform: translateY(max(24px,0.8rem));filter: blur(6px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}
.aboBan-main-cont .scroll{position: absolute;color: #fff;flex-direction: column;align-items: center;bottom: max(20px,0.26rem);left: 0;right: 0;margin: 0 auto;}
.aboBan-main-cont .scroll i{width: 20px;height: max(24px,0.26rem);animation: aboBanScroll 2s forwards linear infinite;margin: max(6px,0.12rem) auto 0;background: url("../images/pages/aboBanico.svg") no-repeat center/auto 100%;}
@keyframes aboBanScroll {0%{transform: translateY(0);}50%{transform: translateY(5px);}100%{transform: translateY(0);}}
.aboBan-main-img{position: sticky;width: 100%;height: 100vh;top: 0;left: 0;margin-top: -100vh;}
.aboBan-main-img img{position: absolute;width: 100%;height: 100%;transform: scale(16);}
.aboBan-main-img img.h{opacity: 0;}
.aboBan-main-img img.s{opacity: 0;}
.aboBan-shade{width: 100%;opacity: 0;height: 2rem;margin-top: -64vh;background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);position: sticky;top: calc(100vh - 2rem);z-index: 6;transition: opacity .4s ease;}
.aboBan-info{width: 100%;background: #fff;position: relative;z-index: 5;opacity: 0;}
.aboBan-info-cont{width: 14.1rem;margin: 0 auto;}
.aboBan-info-number{width: 100%;}
.aboBan-info-number ul{margin: min(-20px,-0.36rem) 0 0 min(-20px,-0.36rem);}
.aboBan-info-number li{width: calc(100%/4 - max(20px,0.36rem));margin: max(20px,0.36rem) 0 0 max(20px,0.36rem);border-top: 2px solid #c8ccd7;padding-top: max(18px,0.28rem);}
.aboBan-logo{display: none;width: 100%;}
.aboBan-logo img{width: 100%;}
/* -- */
.aboBan-main-cont .head,.aboBan-main-cont .scroll{transition: all .6s ease;}
.aboBan.start .aboBan-main-cont .head{transform: translateY(min(-20px,-0.4rem));opacity: 0;}
.aboBan.start .aboBan-main-cont .scroll{transform: translateY(min(-20px,-0.4rem));opacity: 0;}
.aboBan.start .aboBan-main-img{z-index: 3;}
.aboBan.start .aboBan-info{opacity: 1;}
.aboBan-shade.on{opacity: 1;}
/* -- */
.aboWh{background: #051142;z-index: 2;}
.aboWh-imgs{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.aboWh-imgs img{width: 100%;height: 100%;}
.aboWh .contain{position: relative;z-index: 4;}
.aboWh-list{width: 100%;border: 1px solid rgba(255,255,255,0.3);overflow: hidden;}
.aboWh-list ul{flex-wrap: nowrap;}
.aboWh-list li{width: max(160px,2.6rem);height: max(200px,4.52rem);position: relative;overflow: hidden;color: #fff;}
.aboWh-list li.active{width: calc(100% - max(160px,2.6rem)*3);}
.aboWh-list li::before{content: "";position: absolute;width: 1px;height: 100%;background: rgba(255,255,255,0.3);top: 0;left: 0;}
.aboWh-list li:first-child::before{display: none;}
.aboWh-before{position: absolute;padding: max(30px,0.54rem) max(16px,0.3rem);transition: all .4s ease;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.aboWh-before .ico{width: max(40px,0.7rem);height: max(40px,0.7rem);border-radius: 50%;background: #fff;}
.aboWh-before .ico img{max-width: max(24px,0.48rem);max-height: max(24px,0.48rem);}
.aboWh-after{position: absolute;width: 100%;top: 0;left: 0;height: 100%;padding: max(20px,0.36rem) max(16px,0.3rem);opacity: 0;display: flex;flex-wrap: wrap;align-items: center;}
.aboWh-after .img{width: auto;height: 100%;}
.aboWh-after .img img{height: 100%;}
.aboWh-after .cont{flex: 1;padding-left: max(24px,0.66rem);}
.aboWh-list li.active .aboWh-before{opacity: 0;}
.aboWh-list li.active .aboWh-after{opacity: 1;transition: all .4s ease .4s;}
.aboLs{background: #fff;overflow: visible;height: auto;padding: max(60px,1.3rem) 0;padding-left: var(--widDb);align-items: flex-start;}
.aboLs-title{display: none;width: 100%;}
.aboLs-year{width: 1.9rem;position: sticky;left: 0;top: calc(100vh/2 - 5.8rem/2 + max(70px,0.88rem)/2);}
.aboLs-year .num{writing-mode: vertical-lr;writing-mode: tb-lr;white-space: nowrap;line-height: 0.76;transform-origin: center;transform: rotate(-180deg);}
.aboLs-year .line{position: absolute;width: max(6px,0.1rem);overflow: hidden;height: 100%;top: 0;right: 0;background: url("../images/pages/aboLsDot.png") repeat-y left top/100% auto;}
.aboLs-year .line i{position: absolute;width: 100%;height: 0;background: #002a9b;top: 0;left: 0;transition: height 1s cubic-bezier(0.22, 0.61, 0.36, 1)}
.aboLs-list{width: 6.1rem;padding: 0 max(32px,1rem) 0 max(24px,0.86rem);}
.aboLs-list li{width: 100%;margin-top: max(24px,0.96rem);}
.aboLs-list li:first-child{margin-top: 0;}
.aboLs-imgs{width: calc(100% - 1.9rem - 6.1rem);position: sticky;right: 0;top: calc(100vh/2 - 5.75rem/2 + max(70px,0.88rem)/2);}
.aboLs-imgs img{width: 100%;height: 5.75rem;}
.aboLs-imgs::before, .aboLs-imgs::after{content: "";position: absolute;width: 6.1rem;height: calc((100vh - max(70px,0.88rem) - 5.75rem)/2);background: linear-gradient(to bottom,#fff 60%,transparent);bottom: 100%;right: 100%;}
.aboLs-imgs::after{bottom: auto;top: calc(100% - 4rem);height: calc((100vh - max(70px,0.88rem) - 5.75rem)/2 + 4rem);background: linear-gradient(to top,#fff 24%,transparent);pointer-events: none;transition: opacity .4s ease;}
.aboLs-imgs.end::after{opacity: 0;}
.aboYs{background: #fff;;z-index: 2;}
.aboYs-imgs{width: 100%;}
.aboYs-imgs img{width: 100%;height: max(400px,9rem);}
.aboYs-wrap{position: absolute;width: 100%;height: 100%;display: flex;align-items: center;z-index: 4;transform: translate3d(0,0,10px);top: 0;left: 0;}
.aboYs-cont{width: 7.2rem;padding: max(34px,0.94rem) max(20px,0.66rem);background: #002a9b;color: #fff;}
.aboYs-btn>div{width: max(34px,0.6rem);height: max(34px,0.6rem);border: 2px solid rgba(255,255,255,0.2);border-radius: 50%;line-height: 1;font-size: max(15px,0.21rem);margin-right: max(8px,0.15rem);cursor: pointer;transition: all .4s ease;}
.aboYs-btn>div:last-child{margin-right: 0;}
.aboYs-btn>div.next{transform: rotateY(180deg);}
.aboYs-btn>div:hover{box-shadow: 0 max(2px,0.04rem) max(8px,0.16rem) rgba(255, 255, 255, 0.5);background: #fff;color: #002a9b;}
.aboRy{background: #fff;}
.aboRy .contain{width: calc(var(--wid) + max(20px,0.6rem));}
.aboRy-loop{width: 100%;}
.aboRy-loop .swiper-container{padding: max(30px,0.74rem) max(10px,0.3rem) max(24px,0.6rem);}
.aboRy-loop .swiper-slide{height: auto;}
.aboRy-link{display: flex;flex-wrap: wrap;flex-direction: row-reverse;padding: max(20px,0.36rem) max(16px,0.32rem);height: 100%;box-shadow: 0px 0px max(20px,0.4rem) 0px rgba(0, 0, 0, 0.06);width: 100%;background: #fff url("../images/pages/aboRyBg.jpg") no-repeat right top/auto 100%;}
.aboRy-link .img{width: 1.93rem;height: 2.55rem;position: relative;}
.aboRy-link .img img{max-height: 100%;transition: transform .6s ease;}
.aboRy-link .cont{width: calc(100% - 1.93rem);padding-right: max(18px,0.28rem);display: flex;flex-direction: column;justify-content: space-between;}
.aboRy-link .cont .title{line-height: 1.14;}
.aboRy-link .cont .click{position: relative;}
.aboRy-link .cont .click i{font-weight: 400;margin-right: max(4px,0.1rem);}
.aboRy-link .cont .click::after{content: "";position: absolute;width: 0;right: 0;height: 1px;background: #002a9b;bottom: 0;transition: width .4s ease;}
.aboRy-link:hover .img img{transform: scale(1.02);}
.aboRy-link:hover .click::after{width: 100%;right: auto;left: 0;}
.aboRy-control{width: 100%;align-items: center;padding: 0 max(10px,0.3rem);justify-content: center;}
.aboRy-control .swiper-pagination{position: relative;font-size: 0;bottom: 0;width: 13.085rem;background: #bfbfc8;height: 2px;}
.aboRy-control .swiper-pagination span{background: #002a9b;}
.aboRy-control .prev, .aboRy-control .next{width: max(24px,0.46rem);font-size: max(14px,0.18rem);color: #002a9b;cursor: pointer;}
.aboRy-control .next{transform: rotateY(180deg);}


/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px){
    /* 1600 × (900) */
    .aboBan-shade {margin-top: -63vh;}
}

@media all and (max-width:1590px){
    /* 1440 × (700)  */
    .proxqMa-cont-limit {width: 6.6rem;}
    .proxqMa-cont-list li .text{font-size: 13px;}
    .aboBan-shade {margin-top: -66vh;}
    .sonMenu-more a {height: max(36px,0.75rem);}
}

@media all and (max-width:1430px){
    /* 1360 */
    .aboBan-shade {margin-top: -64vh;}
    .proxqMa-cont-limit {width: 6.7rem;}
    .pro-link {padding: max(20px,0.8rem) max(16px,0.4rem) max(20px,0.8rem) max(16px,0.44rem);}
}

@media all and (max-width:1350px){
    /* 1280 */
    .proxqMa-cont-limit {width: 6.8rem;}
    .proxqMa-cont-list li .text{font-size: 12px;}
}

@media all and (max-width:1270px){
    /* 1152 × (700) */
    .pro-link {padding: max(20px,0.6rem) max(16px,0.3rem);}
    .pro-link-cont {width: calc(100% - 2.9rem);}
    .pro-link-img {width: 2.9rem;height: 2.52rem;}
    .proxqBd .relDt-form-list li {width: calc(100%/2 - max(20px,0.66rem));}
    .proxqMa-cont-limit {width: 7.4rem;}
    .proxqMa-loop-imgs .swiper-container{width: 7.6rem;}
    .aboBan-shade {margin-top: -61vh;}
}

/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px){
    /* 1024 横屏 */
    .pro-link-cont {width: calc(100% - 2.5rem);}
    .pro-link-img {width: 2.5rem;height: 2.52rem;}
    .proxqMa{height: auto;}
    .proxqMa-sticky {position: relative;top: 0;height: auto;padding: 60px 0;}
    .proxqMa-loop{position: relative;}
    .proxqMa-loop-imgs {position: relative;top: 0;left:0;transform: none;z-index: 12;}
    .proxqMa-loop-imgs .shade{display: none;}
    .proxqMa-loop-imgs .swiper-pagination{opacity: 1;margin-top: 20px;}
    .proxqMa-cont{position: relative;top: 0;opacity: 1;text-align: center;}
    .proxqMa-cont-limit{width: 100%;margin-top: 60px;}
    .proxqMa-cont-link{justify-content: center;}
    .proxqMa-loop-title{top: -16%;font-size: 8rem;}
    .proxqMa-loop-imgs .swiper-container {width: 100%;}
    .aboBan-main{position: relative;height: auto;}
    .aboBan-shade{display: none;}
    .aboBan-main-bg {height: auto;}
    .aboBan-main-img{display: none;}
    .aboBan-main-cont {position: absolute;height: 100%;margin-top: 0;}
    .aboBan-info-cont{width: 100%;}
    .aboBan-main-bg img{min-height: 300px;}
    .aboLs-year{display: none;}
    .aboLs-imgs{display: none;}
    .aboLs-list{width: 100%;padding: 0;margin-top: 40px;}
    .aboLs-list li{padding: 40px;background: #ebeef4;margin-top: 20px;}
    .aboLs-title{display: block;}
    .aboLs{padding-left: 4%;padding-right: 4%;}
    .aboBan-logo{display: block;padding: 80px 20% 40px;}
    .aboBan-info{opacity: 1;}
}

/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px){
    /* 移动终端 360 适配 */
    .sonBan-cont .text{max-width: 100%;}
    .sonMenu{position: sticky;top: 60px;z-index: 10;}
    .sonMenu-title{display: flex;height: 42px;font-size: 14px;border-bottom: 1px solid #ebeef4;}
    .sonMenu-title.active i{transform: rotate(0);}
    .sonMenu-more{padding: 10px 0;display: none;position: absolute;top: 100%;left: 0;background: #fff;box-shadow: 0 2px 4px rgba(0,0,0,0.08);}
    .sonMenu-more a{width: 100%;height: 32px;margin-right: 0;padding: 0 4%;}
    .case-list ul {margin: -14px 0 0;}
    .case-list li {width: 100%;margin: 14px 0 0;}
    .case-link-img img{min-height: 231px;height: auto;}
    .pro-list ul {margin: -14px 0 0;}
    .pro-list li {width: 100%;margin: 14px 0 0;}
    .pro-link{flex-direction: row;padding: 20px 16px;}
    .pro-link-img{width: 100%;height: 200px;padding: 10px 20px 30px;}
    .pro-link-cont {width: 100%;padding: 0;}
    .pro-link-cont .title a{display: flex;flex-direction: column;align-items: flex-start;}
    .pro-link-cont .title a b{width: 100%;}
    .pro-link-cont .title span{position: static;margin-top: 4px;}
    .pro-link-wrap {flex-direction: column;}
    .pro-list li.first .pro-link-img {height: 200px;padding: 10px 20px 30px;margin-top: 0;}
    .pro-link-btn{margin-top: 14px;}
    .dowm-search {width: calc(100% - 136px);margin-left: 6px;}
    .dowm-head .customSelect-name{padding-left: 36px;border-width: 1px;}
    .dowm-head .isForm-select label{width: 36px;}
    .dowm-head .isForm-select {width: 130px;}
    .dowm-head .customSelect-drop>div{padding-left: 36px;}
    .dowm-link .main{width: 100%;}
    .dowm-link .other{width: 100%;justify-content: flex-start;margin-top: 4px;}
    .dowm-link .main .ico {font-size: 18px;margin: -3px 6px 0 0;}
    .dowm-search input{border-width: 1px;}
    .relLx .contain{padding: 0 4%;}
    .relLx-cont{width: 100%;padding: 36px 0 24px;}
    .relLx-list li .cont .text{font-size: 12px;line-height: 16px;}
    .relLx-list li{margin-top: 12px;}
    .relLx-img{width: 100%;}
    .relGs-list ul {margin: -14px 0 0;}
    .relGs-list li {width: 100%;margin: 14px 0 0;}
    .relGs-link-img img{height: auto;min-height: 140px;}
    .relJs-cont {width: 100%;}
    .relJs-img{margin-top: 20px;}
    .relDt-map, .relDt-form{width: 100%;}
    .relDt-map{height: 300px;}
    .relDt-dot {width: 30px;height: 30px;}
    .relDt-dot i{background-size: 20px auto;}
    .relDt-form{padding: 30px 4% 40px;}
    .relDt-form-list li input, .relDt-form-list li textarea{border-width: 1px;}
    .relLx-list {max-width: 100%;}
    .newsMa-img{width: 100%;}
    .newsMa-img a img{height: 212px;}
    .newsMa-cont{width: 100%;}
    .newsMa-cont-info{padding: 24px 16px 54px;}
    .newsMa-cont .swiper-pagination{width: 100%;right: 0;bottom: 24px;}
    .newsLb-list ul {margin: -14px 0 0;}
    .newsLb-list li {width: 100%;margin: 14px 0 0;}
    .newsLb-link .img img {height: 212px;}
    .newsLb-link .cont .btn{border-width: 1px;}
    .newsxqMa-head{width: 100%;}
    .newsxqMa-more{padding: 20px 14px;}
    .newsxqMa-more-limit{width: 100%;}
    .newsxqMa-btn a{width: 100%;margin-top: 12px;padding: 18px 16px;}
    .newsxqMa-btn a:first-child{margin-top: 0;}
    .serveDt-map svg{top: 2px;}
    .serveDt-data .dot i {width: 4px;height: 4px;margin-left: -2px;}
    .serveDt-data .dot i::before, .serveDt-data .dot i::after {width: 12px;height: 12px;margin: -6px 0 0 -6px;}
    .serveDt-data .dot p {top: 10px; width: 60px;font-size: 8px;height: 16px;border-radius: 8px;}
    .serveDt-data .dot.top p {bottom: calc(100% + 6px);}
    .serveSj-list li{width: 50%;flex: none;padding: 20px 16px;}
    .serveSj-list li:nth-child(2n+1){border-left: 1px solid rgba(255,255,255,0.2);}
    .serveSj-list li:nth-child(n+3){border-top: none;}
    .serveSp-loop::before, .serveSp-loop::after{display: none;}
    .serveSp .contain{width: 92%;}
    .serveSp-link{padding: 20px 8px;border-right: none;}
    .serveSp-link-img img{height: 178px;}
    .serveSp-link-cont {height: calc(100% - 178px);}
    .proxqMa-loop-title {font-size: 7.5rem;}
    .proxqMa-sticky {padding: 40px 0;}
    .proxqMa-cont-limit {margin-top: 20px;padding: 24px 16px 0;}
    .proxqMa-cont-list ul {margin: -12px 0 0 -4px;}
    .proxqMa-cont-list li {width: calc(100%/3 - 4px);margin: 12px 0 0 4px;}
    .proxqCs-wrap{flex-direction: row !important;}
    .proxqCs-wrap .img{width: 100%;text-align: center !important;}
    .proxqCs-wrap .cont{width: 100%;margin-top: 20px;}
    .proxqCs-wrap .img img{max-height: none;}
    .proxqYy-btn{display: none;}
    .proxqYy-loop {width: 100%;}
    .proxqYy-loop .swiper-container {overflow: hidden;}
    .proxqYy-loop .swiper-pagination{display: block;margin-top: 20px;}
    .proxqYy-info .img img{height: 186px;}
    .proxqBd .relDt-form-list ul {margin: -12px 0 0;}
    .proxqBd .relDt-form-list li {width: 100% !important;margin: 12px 0 0;}
    .aboBan-main-cont .head{width: 100%;}
    .aboBan-main-cont .scroll{display: none;}
    .aboBan-info-number ul {margin: -16px 0 0 -16px;}
    .aboBan-info-number li {width: calc(100%/2 - 16px);margin: 16px 0 0 16px;padding-top: 14px;}
    .aboBan-info-number li .text{font-size: 12px;}
    .aboWh-list li{width: 100% !important;}
    .aboWh-list ul {flex-wrap: wrap;}
    .aboWh-list li::before {width: 100%;height: 1px;}
    .aboWh-after .cont {padding-left: 20px;}
    .aboWh-before{display: none;}
    .aboWh-list li:nth-child(2n) .aboWh-after{flex-direction: row-reverse;}
    .aboWh-list li:nth-child(2n) .aboWh-after .cont {padding-right: 20px;padding-left: 0;}
    .aboWh-after{opacity: 1;}
    .aboLs{padding: 36px 4% 28px;}
    .aboYs-wrap{position: relative;}
    .aboYs-wrap .contain{width: 100%;}
    .aboYs-cont{width: 100%;padding: 24px 4% 28px;}
    .aboYs-imgs img{height: 200px;}
    .aboRy-control .swiper-pagination{width: calc(100% - 100px);}
    .aboRy .contain {width: 100%;}
    .aboRy-loop .swiper-container {padding: 30px 4% 24px;}
    .aboRy-link .img {width: 100px;height: 140px;}
    .aboRy-link .cont {width: calc(100% - 100px);padding-right: 16px;}
    .aboRy-link .cont .text{font-size: 12px;line-height: 18px;}
    .aboBan-logo {padding: 36px 12% 0;}
    .aboLs-list li {margin-top: 14px;padding: 20px 16px;}
    .aboLs-list {margin-top: 28px;}
}