@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.5rem);height: max(32px,0.5rem);padding-top: 2px;margin: 3px max(2px,0.05rem);font-size: max(13px,0.16rem);color: #59545d;background: #fff;box-shadow: 0px 0px max(9px,0.19rem) 0 rgba(85, 98, 151, 0.1);transition: all .4s ease;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.paging-menu a.prev, .paging-menu a.next{font-weight: 700;font-size: max(12px,0.15rem);}
.paging-menu a.next, .paging-menu a.last{transform: rotateY(180deg);}
.paging-menu a:hover, .paging-menu a.active, .paging a.on{border-color: #0068b7;background-color: #0068b7;color: #fff;}
/* 搜索页面 */
.search{width: 100%;}
.search-result{font-size: 14px;color: #0068b7;line-height: 1.1;}
.search-result span{margin-left: 6px;}
.search-info{width: 100%;line-height: 1.1;color: #333;}
.search-info span{color: #0068b7;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: #0068b7 !important;}
.search-link:hover h2{color: #0068b7;}
/* 隐私协议 */
.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: #0068b7;}
.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: #0068b7;}
.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;;border-bottom-left-radius: 3rem;border-bottom-right-radius: 3rem;position: relative;z-index: 99;transform: translate3d(0,0,20px);}
.sonBan img.bg{width: 100%;min-height: 240px;transform: matrix(1.1, 0, 0, 1.1, 0, 0);animation: sonBanImgRun 3s ease both .2s;}
.sonBan-cont{position: absolute;padding-bottom: max(20px,1rem);width: 100%;height: 100%;background: rgba(0, 0, 0, 0.12);top: 0;left: 0;z-index: 4;transform: translate(0,0,0px);display: flex;flex-direction: column;justify-content: flex-end;}
.sonBan-cont .title{opacity: 0;animation: sonBanDown 1.4s ease both .4s;}
@keyframes sonBanDown{0%{opacity: 0;transform: translateY(max(30px,1rem));filter: blur(6px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}
@keyframes sonBanImgRun{0%{transform: matrix(1.1, 0, 0, 1.1, 0, 0);}100%{transform: matrix(1, 0, 0, 1, 0, 0);}}
.sonBtn{height: max(36px,0.5rem);border-radius: max(18px,0.25rem);padding: 0 max(14px,0.28rem);color: #fff;font-size: max(13px,0.14rem);border: 2px solid #fff;line-height: 1;display: flex;align-items: center;transition: all .4s ease;}
.sonBtn i{transform: rotate(180deg);margin-left: max(8px,0.12rem);font-size: max(14px,0.16rem);transition: transform .4s ease;}
.sonBtn:hover{background: #fff;color: #0068b7;box-shadow: 0 0 max(10px,0.16rem) rgba(255,255,255,0.5);}
.sonBtn:hover i{transform: rotate(180deg) translateX(min(-2px,-0.04rem));}
.sonBtn.bg{background: #0068b7;border-color: #0068b7;}
.sonBtn.bg:hover{background: #fff;color: #0068b7;box-shadow: 0 0 max(10px,0.16rem) rgba(0,104,183,0.5);}
.swiper-pagination-bullet{width: max(6px,0.1rem);height: max(6px,0.1rem);background: #e1e1e1;opacity: 1;margin: 0 max(8px,0.14rem) !important;position: relative;transition: background .4s ease;}
.swiper-pagination-bullet::before{content: "";position: absolute;width: max(16px,0.22rem);height: max(16px,0.22rem);border-radius: 50%;border: 1px solid #0068b7;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: #0068b7;}
.swiper-pagination-bullet-active::before{transform: scale(1);opacity: 1;}
/* 案例-列表 */
.case{width: 100%;}
.caseMa{width: 100%;}
.caseMa-wrap{width: 100%;}
.caseMa-imgs{width: 100%;overflow: hidden;}
.caseMa-imgs .swiper-slide{height: auto;}
.caseMa-imgs a{display: block;overflow: hidden;width: 100%;height: 100%;}
.caseMa-imgs a img{width: 100%;height: 5.8rem;transition: all .6s ease;min-height: 200px;}
.caseMa-imgs a:hover img{transform: scale(1.04);}
.caseMa-card{width: 100%;position: relative;z-index: 4;padding: 0 max(24px,0.84rem);margin-top: min(-40px,-1.18rem);transform: translate3d(0,0,10px);}
.caseMa-info{width: 9.82rem;background: #fff;position: relative;padding: max(24px,0.5rem) max(30px,0.68rem);box-shadow: 1px max(10px,0.22rem) max(14px,0.28rem) max(3px,0.07rem) rgba(62, 58, 57, 0.05);}
.caseMa-info .swiper-container{overflow: visible;}
.caseMa-info .swiper-slide{height: auto;}
.caseMa-info-cont{width: 100%;position: relative;height: 100%;padding-right: 2.38rem;}
.caseMa-info-cont .link{position: absolute;right: 0;bottom: 0;}
.caseMa-info-cont .addr{color: #9f9f9f;}
.caseMa-info-cont .title h2{position: relative;padding-bottom: max(6px,0.14rem);max-width: 100%;}
.caseMa-info-cont .title h2::after{content: "";position: absolute;width: 100%;height: max(2px,0.03rem);background: #0068b7;left: 0;bottom: 0;}
.caseMa-info-cont .title a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display: block;}
.caseMa-btn{position: absolute;width: auto;top: max(24px,0.5rem);right: max(30px,0.68rem);z-index: 4;}
.caseMa-btn>div{width: max(32px,0.38rem);height: max(32px,0.38rem);font-size: max(14px,0.16rem);margin-right: max(8px,0.18rem);line-height: 1;font-weight: 700;border-radius: 50%;border: 2px solid #505050;cursor: pointer;transition: all .4s ease;}
.caseMa-btn>div.next{transform: rotateY(180deg);margin-right: 0;}
.caseMa-btn>div:hover{background: #0068b7;color: #fff;border-color: #0068b7;}
.caseLb{width: 100%;}
.caseLb-list{width: 100%;}
.caseLb-list ul{margin: min(-24px,-0.74rem) 0 0 min(-14px,-0.3rem);}
.caseLb-list li{width: calc(100%/3 - max(14px,0.3rem));margin: max(24px,0.74rem) 0 0 max(14px,0.3rem);}
.caseLb-link{width: 100%;display: block;height: 100%;}
.caseLb-link .img{width: 100%;}
.caseLb-link .img img{width: 100%;height: 3.2rem;transition: transform .6s ease;}
.caseLb-link .cont .hint{color: #bfbfbf;}
.caseLb-link .cont .title{transition: color .4s ease;}
.caseLb-link:hover .img img{transform: scale(1.04);}
.caseLb-link:hover .title{color: #0068b7;}
/* 案例-详情 */
.casexq{width: 100%;}
.casexqHd{background: #f8fafb;}
.casexqHd-back a{position: relative;color: #30343c;transition: color .4s ease;}
.casexqHd-back a::after{content: "";position: absolute;width: 100%;height: 1px;left: 0;bottom: 0;background: #74777c;transition: background .4s ease;}
.casexqHd-back a:hover{color: #0068b7;}
.casexqHd-back a:hover::after{background-color: #0068b7;}
.casexqHd-cont{width: 100%;justify-content: space-between;align-items: center;}
.casexqHd-cont .title{width: 10rem;line-height: 1.1;}
.casexqHd-btn{width: auto;}
.casexqHd-btn>a{width: max(32px,0.38rem);height: max(32px,0.38rem);font-size: max(14px,0.16rem);margin-right: max(8px,0.18rem);line-height: 1;font-weight: 700;border-radius: 50%;border: 2px solid #505050;cursor: pointer;transition: all .4s ease;}
.casexqHd-btn>a.next{transform: rotateY(180deg);margin-right: 0;}
.casexqHd-btn>a:hover{background: #0068b7;color: #fff;border-color: #0068b7;}
.casexqJs{background: #03192a;}
.casexqJs-head{width: 100%;align-items: center;color: #fff;justify-content: space-between;}
.casexqJs-head .text{width: 4.98rem;}
.casexqJs-list{width: 100%;position: relative;padding-left: max(60px,1.54rem);color: #fff;}
.casexqJs-list::before{content: "";position: absolute;height: 100%;width: 300vh;left: 0;top: 0;background: #0068b7;}
.casexqJs-list ul{position: relative;z-index: 4;}
.casexqJs-list li{width: 100%;display: flex;flex-wrap: wrap;padding: max(18px,0.48rem) 0;justify-content: space-between;position: relative;}
.casexqJs-list li::after{content: "";position: absolute;width: 100%;height: 1px;left: 0;bottom: 0;background: rgb(33,125,194);width: 300vh;}
.casexqJs-list li .num{width: 1.7rem;}
.casexqJs-list li .ico{width: max(36px,0.62rem);height: max(36px,0.62rem);text-align: center;}
.casexqJs-list li .ico img{max-width: 100%;max-height: 100%;}
.casexqJs-list li .cont{width: 4.98rem;}
.casexqTp{background: #fff;}
.casexqTp .contain{width: 100%;padding: 0 max(16px,0.2rem) 0 var(--widDb);}
.casexqTp-loop{width: 100%;}
.casexqTp-loop .swiper-slide{height: auto;}
.casexqTp-loop .img{width: 100%;height: 100%;}
.casexqTp-loop .img img{width: 100%;height: 6.5rem;}
.casexqTp-loop .swiper-pagination{position: relative;bottom: 0;}
.casexqNr{background: #fff;}
.casexqNr .contain{border-top: 1px solid #e9e9e8;}
.casexqNr-info{width: 100%;}
.casexqNr-info .title{width: 5.22rem;padding-right: max(30px,0.6rem);position: relative;padding-left: max(16px,0.24rem);}
.casexqNr-info .title::before{content: "";position: absolute;width: max(6px,0.14rem);height: max(6px,0.14rem);border-radius: 50%;left: 0;background: #0068b7;top: 0.32em;}
.casexqNr-info .cont{width: calc(100% - 5.22rem);}
/* 新闻-列表 */
.news{width: 100%;background: #f4f7f9;position: relative;}
.news::before{content: "";position: absolute;width: 100%;height: 3.6rem;top: -3rem;background: #f4f7f9;left: 0;pointer-events: none;}
.news .contain{position: relative;z-index: 4;}
.newsMa{width: 100%;}
.newsMa-link{width: 100%;background: #fff;}
.newsMa-link-img{width: 9.31rem;}
.newsMa-link-img img{width: 100%;height: 4.93rem;transition: all .6s ease;}
.newsMa-link-img:hover img{transform: scale(1.04);}
.newsMa-link-cont{width: calc(100% - 9.31rem);padding: max(24px,0.54rem) max(20px,0.58rem);position: relative;}
.newsMa-link-cont .link{position: absolute;bottom: max(24px,0.54rem);left: max(20px,0.58rem);}
.newsMa-link-cont .time{color: #ccc;align-items: flex-end;}
.newsMa-link-cont .time .day{border-bottom: max(2px,0.03rem) solid #0068b7;padding-left: 4px;padding-right: 4px;}
.newsMa-link-cont .time .data{padding-bottom: 0.25rem;margin-left: max(8px,0.12rem);}
.newsMa-link-cont .title a{display: block;transition: color .4s ease;}
.newsMa-link-cont .title a:hover{color: #0068b7;}
.newsLb{width: 100%;}
.newsLb-list{width: 100%;}
.newsLb-list ul{margin: min(-14px,-0.3rem) 0 0 min(-14px,-0.3rem);}
.newsLb-list li{width: calc(100%/3 - max(14px,0.3rem));margin: max(14px,0.3rem) 0 0 max(14px,0.3rem);}
.newsLb-link{display: block;width: 100%;height: 100%;padding: max(24px,0.48rem) max(18px,0.38rem);background: #fff url("../images/index/indxwic.png") no-repeat right -0.2rem bottom -0.2rem/3.58rem auto;overflow: hidden;transition: background .4s ease;}
.newsLb-link .tags span{padding: 0 12px;height: 24px;border-radius: 12px;color: #0068b7;border: 1px solid #0068b7;display: flex;align-items: center;line-height: 1;margin-right: max(6px,0.12rem);transition: all .4s ease;}
.newsLb-link .tags span:last-child{margin-right: 0;}
.newsLb-link .title{transition: color .4s ease;}
.newsLb-link .link{align-items: center;transition: color .4s ease;}
.newsLb-link .link i{transform: rotate(180deg);margin-left: max(8px,0.12rem);font-size: max(14px,0.16rem);transition: transform .4s ease;}
.newsLb-link .time{align-items: center;justify-content: space-between;}
.newsLb-link .time .data{color: #818487;transition: color .4s ease;}
.newsLb-link .time .day{transition: color .4s ease;}
.newsLb-link:hover{background-color: #0068b7;background-image: url("../images/index/indxwicH.png");}
.newsLb-link:hover .tags span{border-color: #fff;color: #fff;}
.newsLb-link:hover .title{color: #fff;}
.newsLb-link:hover .link{color: #fff;}
.newsLb-link:hover .time .data{color: #fff;}
.newsLb-link:hover .time .day{color: #fff;}
/* 新闻-详情 */
.newsxq{background: linear-gradient(to bottom,#f6f9fa,#fff);}
.newsxq-wrap{width: calc(100% - max(280px,4.02rem));padding-right: max(30px,0.58rem);}
.newsxq-head{width: 100%;}
.newsxq-head .text{width: 100%;}
.newsxq-head .time{color: #adadad;align-items: center;}
.newsxq-head .time i{margin-right: max(6px,0.1rem);font-size: max(14px,0.16rem);}
/* -- */
.newsxq-head .share a{width: max(32px,0.4rem);height: max(32px,0.4rem);line-height: 1;border-radius: 50%;border: 1px solid #d2d4d6;display: flex;align-items: center;justify-content: center;color: #343840;font-size: max(14px,0.16rem);margin-right: max(6px,0.14rem);transition: all .4s ease;}
.newsxq-head .share a:last-child{margin-right: 0;}
.newsxq-head .share a:hover{border-color: #0068b7;color: #fff;background: #0068b7;}
/* -- */
#toShare .icon-wechat{position: relative;}
#toShare .icon-wechat .wechat-qrcode{display: none;border: 1px solid #efeeee;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;}
#toShare .icon-wechat .wechat-qrcode.bottom {top:40px;left:-84px;}
#toShare .icon-wechat .wechat-qrcode.bottom:after {display:none;}
#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; }
#toShare .icon-wechat .wechat-qrcode .qrcode{width:100px; margin:10px auto;}
#toShare .icon-wechat .wechat-qrcode .qrcode table{margin:0!important;}
#toShare .icon-wechat .wechat-qrcode .help{display: none;}
#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}
#toShare .icon-wechat:hover .wechat-qrcode{display: block;}
/* -- */
.newsxq-content{width: 100%;margin-top: max(18px,0.32rem);}
.newsxq-content *{line-height: inherit;}
.newsxq-content img{height: auto !important;}
.newsxq-back{width: 100%;margin-top: max(16px,0.3rem);justify-content: center;}
.newsxq-back a{height: max(36px,0.44rem);padding: 0 max(16px,0.24rem);border-radius: max(18px,0.22rem);border: 2px solid #0068b7;line-height: 1;color: #0068b7;transition: all .4s ease;}
.newsxq-back a span{margin-left: max(6px,0.12rem);}
.newsxq-back a:hover{background: #0068b7;color: #fff;box-shadow: 0 0 max(12px,0.2rem) rgba(0,104,183,0.3);}
.newsxq-btn{width: 100%;justify-content: space-between;margin-top: max(20px,0.38rem);}
.newsxq-btn a{width: calc(50% - max(5px,0.1rem));padding: max(16px,0.32rem) max(14px,0.3rem);background: #f7f9fa;display: block;transition: background .4s ease;}
.newsxq-btn a .hint, .newsxq-btn a .name{transition: color .4s ease;}
.newsxq-btn a:hover{background: #0068b7;}
.newsxq-btn a:hover .hint, .newsxq-btn a:hover .name{color: #fff;}
.newsxq-side{width: max(280px,4.02rem);padding-left: max(30px,0.58rem);position: relative;}
.newsxq-side::before{content: "";position: absolute;width: 1px;height: 200vh;top: -50vh;left: 0;background: #f4f8fb;}
.newsxq-side-title{width: 100%;padding-bottom: max(16px,0.2rem);border-bottom: 1px solid #f1f1f1;}
.newsxq-side-main{display: block;width: 100%;margin-top: max(14px,0.24rem);}
.newsxq-side-main .img{width: 100%;overflow: hidden;}
.newsxq-side-main .img img{width: 100%;transition: all .6s ease;}
.newsxq-side-main .time{color: #adadad;}
.newsxq-side-main .title{transition: color .4s ease;margin-top: max(12px,0.18rem);}
.newsxq-side-main:hover .img img{transform: scale(1.04);}
.newsxq-side-main:hover .title{color: #0068b7;}
.newsxq-side-list{width: 100%;margin-top: max(14px,0.20rem);}
.newsxq-side-list a.link{width: 100%;display: block;padding: max(14px,0.24rem) 0;border-top: 1px solid #f1f4f8;}
.newsxq-side-list a.link:last-child{border-bottom: 1px solid #f1f4f8;}
.newsxq-side-list a.link .time{color: #adadad;}
.newsxq-side-list a.link .title{transition: color .4s ease;}
.newsxq-side-list a.link:hover .title{color: #0068b7;}
/* 售后 */
.sale{width: 100%;background: #fff;}
.sale .contain{width: 100%;}
.saleCl{width: 6rem;padding-right: max(24px,0.58rem);position: relative;background: #f8fafc;padding-left: var(--widDb);}
.saleCl::before, .saleCl::after{content: "";position: absolute;width: 100%;background: #f8fafc;right: 0;pointer-events: none;}
.saleCl::before{height: 6rem;top: -5rem;}
.saleCl::after{bottom: -2rem;height: 3rem;}
.saleCl-title{position: relative;z-index: 4;}
.saleCl-menu{position: relative;z-index: 4;}
.saleCl-menu a{height: max(38px,0.56rem);margin-top: max(4px,0.08rem);align-items: center;padding: 0 max(16px,0.2rem) 0 max(20px,0.38rem);position: relative;transition: all .4s ease;overflow: hidden;border-top-left-radius: 0;border-bottom-left-radius: 0;}
.saleCl-menu a:first-child{margin-top: 0;}
.saleCl-menu a::before{content: "";position: absolute;width: max(2px,0.03rem);height: 100%;left: 0;top: 0;background: #0068b7;opacity: 0;transition: opacity .4s ease;}
.saleCl-menu a:hover{color: #0068b7;}
.saleCl-menu a.active{color: #333;background: #fff;}
.saleCl-menu a.active::before{opacity: 1;}
.saleMa{width: calc(100% - 6rem);padding-left: max(32px,1.16rem);padding-right: var(--widDb);}
.saleMa-content{width: 100%;}
.saleMa-content *{padding-left: max(16px,0.3rem);}
.saleMa-content img{height: auto !important;padding: 0 !important;}
.saleMa-content h6{font-size: 1.3em;color: #333;line-height: 1.4;position: relative;}
.saleMa-content h6::before{content: "";position: absolute;width: max(6px,0.12rem);height: max(6px,0.12rem);border-radius: 50%;left: 0;background: #0068b7;top: 0.45em;}
/* 联系我们 */
.rel{width: 100%;background: #f8f8f8;position: relative;}
.rel::before{content: "";position: absolute;width: 100%;height: 3.6rem;top: -3rem;background: #f8f8f8;left: 0;pointer-events: none;}
.relNr{width: 100%;}
.relNr-info{width: 100%;background: #fff;align-items: center;}
.relNr-img{width: 7.13rem;}
.relNr-img img{width: 100%;height: 100%;}
.relNr-cont{width: calc(100% - 7.13rem);padding: max(18px,0.24rem) max(20px,0.58rem);}
.relNr-cont-list{width: 100%;}
.relNr-cont-list li{width: 100%;margin-top: max(12px,0.2rem);display: flex;}
.relNr-cont-list li:first-child{margin-top: 0;}
.relNr-cont-list li .ico{width: max(26px,0.44rem);padding-top: 1px;}
.relNr-cont-list li .ico i{line-height: 1;}
.relNr-cont-list li .text{width: calc(100% - max(26px,0.44rem));}
.relBd{width: 100%;overflow: visible;}
.relBd-form{width: 100%;}
.relBd-form ul{margin: min(-14px,-0.36rem) 0 0 min(-20px,-0.6rem);}
.relBd-form li{width: calc(50% - max(20px,0.6rem));margin: max(14px,0.36rem) 0 0 max(20px,0.6rem);position: relative;}
.relBd-form li.long{width: calc(100% - max(20px,0.6rem));}
.relBd-form li input, .relBd-form li textarea{background: #fff;font-size: max(13px,0.15rem);padding: 0 max(14px,0.22rem) 0 max(120px,1.54rem);border: 1px solid #eff3f7;height: max(40px,0.5rem);border-radius: max(20px,0.25rem);display: block;width: 100%;transition: border .4s ease;}
.relBd-form li .hint{position: absolute;top: 0;left: 0;height: max(40px,0.5rem);padding-left: max(14px,0.28rem);font-size: max(13px,0.15rem);display: flex;align-items: center;width: max(120px,1.54rem);}
.relBd-form li .hint em{color: #bf1414;width: max(12px,0.26rem);font-style: normal;}
.relBd-form li textarea{height: max(80px,1.1rem);padding: max(10px,0.14rem) max(14px,0.22rem) 0 max(120px,1.54rem);}
.relBd-form li input:focus, .relBd-form li textarea:focus{border-color: rgba(0,104,183,0.5);}
.relBd-form li.long.mix{display: flex;justify-content: space-between;flex-wrap: wrap;}
.relBd-code{position: relative;width: calc(50% - max(10px,0.3rem));border-radius: max(20px, 0.25rem);overflow: hidden;}
.relBd-form li .relBd-code .input{width: 100%;}
.relBd-form li .relBd-code .input input{padding: 0 max(120px,1.4rem) 0 max(14px,0.22rem);}
.relBd-form li .relBd-code-auth{height: 74%;margin: 0;width: max(80px,0.96rem);position: absolute;right: 14px;top: 13%;z-index: 4;cursor: pointer;user-select: none;border-radius: max(4px,0.08rem);overflow: hidden;}
.relBd-form li .relBd-code-auth img{width: 100%;height: 100%;}
.relBd-form li:nth-child(2) input{padding-left: max(164px,2rem);}
.relBd-form li:nth-child(2) .hint{width: max(164px,2rem);}
.relBd-form li button{height: max(36px,0.5rem);border-radius: max(18px,0.25rem);cursor: pointer;padding: 0 max(36px,0.66rem);color: #fff;font-size: max(13px,0.15rem);border: 2px solid #0068b7;background: #0068b7;line-height: 1;display: flex;align-items: center;transition: all .4s ease;}
.relBd-form li button:hover{background: #fff;color: #0068b7;box-shadow: 0 0 max(12px,0.2rem) rgba(0,104,183,0.5);}
/* 产品-列表 */
.pro{width: 100%;background: #f5f6fb;}
.pro .contain{width: 100%;}
/* 侧栏 */
.slideBox{width: 5rem;background: #f9f9f9;padding-right: max(10px,0.20rem);position: relative;padding-left: calc((100vw - 16rem)/2);}
.slideBox::before, .slideBox::after, .proLb::before{content: "";position: absolute;width: 100%;background: #f9f9f9;right: 0;pointer-events: none;}
.slideBox::before, .proLb::before{height: 6rem;top: -5rem;}
.slideBox::after{bottom: -2rem;height: 3rem;}
.slideList{width: 100%;position: relative;z-index:6}
.slideList ul{display: block;width: 100%;}
.slideList ul li{width: 100%;position: relative;margin-top: max(4px,0.08rem);}
.slideList>ul>li:first-child{margin-top: 0;}
.slideList ul li .menu{position: relative;width: 100%;}
.slideList ul li .menu a{height: max(38px,0.56rem);font-size: max(14px,0.16rem);display: flex;color: #333;align-items: center;padding: 0 max(16px,0.2rem) 0 max(16px,0.3rem);position: relative;transition: all .4s ease;overflow: hidden;border-top-right-radius: max(8px,0.20rem);border-bottom-right-radius: max(8px,0.20rem);}
.slideList>ul>li>.menu>a::before{content: "";position: absolute;width: max(2px,0.03rem);height: 100%;left: 0;top: 0;background: #0068b7;opacity: 0;transition: opacity .4s ease;}
.slideList ul li .menu i{display: flex;font-size: max(14px,0.16rem);color: #333;position: absolute;width: max(20px,0.4rem);height: 100%;top: 0;right: max(4px,0.1rem);transform: rotateX(180deg);align-items: center;justify-content: center;font-style: normal;transition: color .4s ease;cursor: pointer;line-height: 1;z-index: 4;}
.slideList ul li .menu i::before{content: "\e727";font-family: "icon";font-size: inherit;}
.slideList ul li li .menu a{font-size: max(12px,0.14rem);color: #666;height: max(32px,0.44rem);}
.slideList ul li li li .menu a{font-size: 12px;height: max(30px,0.36rem);padding: 0 max(16px,0.28rem);}
.slideList ul li .menu.click:hover a{color: #0068b7;}
.slideList ul li .menu.click:hover i{color: #0068b7;}
.slideList ul li .drop{width: 100%;display: none;}
.slideList ul li .menu a:hover {color: #0068b7;}
.slideList ul li .menu i:hover{color: #0068b7;}
.slideList ul li.active>.menu a{color: #0068b7;}
.slideList>ul>li.active>.menu>a{background: #fff;color: #333;}
.slideList>ul>li.active>.menu>a::before{opacity: 1;}
.slideList ul li .drop.show{display: block;}
.slideList ul li.on>.menu a{color: #0068b7;}
.slideList ul li.on>.menu i{transform: rotateX(0);}
.slideList>ul>li.on>.menu>a{background: #fff;color: #333;}
.slideList>ul>li.on>.menu>a::before{opacity: 1;}
.slideClick, .slideShade, .slideClose{display: none;}
.slideShade{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,.5);top: 0;left: 0;z-index: 991;}
/* -- */
.proLb{width: calc(100% - 5rem);padding-left: max(28px,0.54rem);padding-right: calc((100vw - 16rem)/2);position: relative;}
.proLb::before{left: auto;right: 0;background: #f5f6fb;}
.proLb-head{width: 100%;}
.proLb-head .title, .proLb-head .text, .proLb-list{padding-left: max(24px, 0.48rem);position: relative;}
.proLb-head .title{background: url("../images/pages/pro2.png") no-repeat left center/max(18px, 0.32rem);}
.proLb-list{width: 100%;}
.proLb-list ul{margin: min(-14px,-0.2rem) 0 0 min(-12px,-0.18rem);}
.proLb-list li{width: calc(100%/3 - max(12px,0.18rem));margin: max(14px,0.2rem) 0 0 max(12px,0.18rem);}
.proLb-link{display: block;width: 100%;height: 100%;padding: max(14px,0.24rem) max(16px,0.3rem) max(16px,0.3rem);position: relative;border: 1px solid rgba(235, 235, 235,0.5);background: rgba(255,255,255,0.5);transition: all .4s ease;}
.proLb-link .num{width: max(28px,0.34rem);height: max(28px,0.34rem);border-radius: 50%;border: 1px solid #222;line-height: 1;transition: all .4s ease;}
.proLb-link .img{width: 100%;position: relative;height: 3.1rem;padding: max(20px,0.36rem) 0;}
.proLb-link .img img{max-height: 100%;transition: all .6s ease;}
.proLb-link .img i{width: max(32px,0.44rem);height: max(32px,0.44rem);transform: rotate(180deg) scale(0);opacity: 0;position: absolute;;top: 50%;left: 50%;margin: min(-16px,-0.22rem) 0 0 min(-16px,-0.22rem);border-radius: 50%;background: #0068b7;line-height: 1;transition: all .4s ease;color: #fff;font-size: max(14px,0.16rem);}
.proLb-link .cont .title{transition: color .4s ease;}
.proLb-link:hover{box-shadow: 0 0 max(20px,0.52rem) max(3px,0.06rem) rgba(0, 104, 183, 0.09);background: #fff;}
.proLb-link:hover .img img{transform: scale(1.04);}
.proLb-link:hover .img i{opacity: 1;transform: rotate(180deg) scale(1);}
.proLb-link:hover .cont .title{color: #0068b7;}
.proLb-link:hover .num{border-color: #0068b7;background: #0068b7;color: #fff;}
.proLb-link:hover{z-index: 4;}
/* 产品-详情 */
.proxq{width: 100%;}
.proxqJs{background: #eef4f9 url("../images/pages/proxq1.jpg") no-repeat center/cover;}
.proxqJs-wrap{width: 100%;}
.proxqJs-wrap .contain{align-items: center;flex-direction: row-reverse;}
.proxqJs-imgs{width: 7rem;background: #fff;padding: max(24px,0.48rem) max(20px,0.3rem);}
.proxqJs-imgs .gallery{max-width: 560px;margin: 0 auto;}
.proxqJs-imgs .gallery .gallery-more{display: flex;align-items: center;justify-content: center;width: 100%;height: 2.2rem;}
.proxqJs-imgs .gallery .gallery-more img{max-height: 100%;}
.proxqJs-imgs .thumbs{max-width: 320px;padding: 0 40px;margin: max(24px,0.5rem) auto 0;position: relative;user-select: none;}
.proxqJs-imgs .thumbs .thumbs-click{width: 100%;height: 52px;border-radius: max(4px,0.1rem);padding: 4px;border: 1px solid #fff;opacity: 0.5;transition: all .4s ease;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.proxqJs-imgs .thumbs .thumbs-click img{max-height: 100%;}
.proxqJs-imgs .thumbs .thumbs-click:hover, .proxqJs-imgs .thumbs .thumbs-click.active{border-color: #0068b7;opacity: 1;}
.proxqJs-imgs .thumbs .thumbs-btn{position: absolute;width: 30px;height: 100%;top: 0;transition: color .4s ease;cursor: pointer;display: flex;align-items: center;font-size: 14px;color: #a9a9a9;line-height: 1;}
.proxqJs-imgs .thumbs .thumbs-btn.prev{left: 0;}
.proxqJs-imgs .thumbs .thumbs-btn.next{right: 0;transform: rotate(180deg);}
.proxqJs-imgs .thumbs .thumbs-btn:hover{color: #0068b7;}
.proxqJs-info{width: calc(100% - 7rem);padding-right: max(40px,1.3rem);}
.proxqJs-title{width: 100%;}
.proxqJs-title .line{width: max(28px,0.5rem);height: max(2px,0.03rem);background: #0068b7;}
.proxqJs-title .sonBtn{padding: 0 max(16px,0.36rem);font-size: max(13px,0.16rem);}
.proxqJs-title .sonBtn i{transform: rotate(0);margin: 0 max(8px,0.12rem) 0 0;font-size: max(14px,0.18rem);}
.proxqTitle{width: 100%;position: relative;z-index: 4;transform: translate3d(0,0,10px);}
.proxqTitle .title{color: #30343c;}
.proxqTd{background: #fff;}
.proxqTd-list{width: 100%;}
.proxqTd-list ul{margin: min(-14px,-0.26rem) 0 0 min(-14px,-0.32rem);}
.proxqTd-list li{width: calc(100%/3 - max(14px,0.32rem));margin: max(14px,0.26rem) 0 0 max(14px,0.32rem);}
.proxqTd-link{display: block;width: 100%;height: 100%;background: #f7f8f9;padding: max(24px,0.54rem) max(18px,0.36rem);}
.proxqTd-link .num{width: max(24px,0.28rem);height: max(24px,0.28rem);background: #919ba2;line-height: 1;color: #fff;border-radius: 50%;transition: all .4s ease;}
.proxqTd-link .title{color: #03192a;}
.proxqTd-link:hover .num{background: #0068b7;}
.proxqCs{background: #fff;}
.proxqCs-table{width: 100%;}
.proxqCs-table table{width: 100%;border: 1px solid #dde7ee;border-width:1px 0px 0px 1px;}
.proxqCs-table td{border: solid #dde7ee;border-width:0px 1px 1px 0px;padding: max(8px,0.16rem) max(6px,0.16rem);text-align: center;}
.proxqCs-table td:first-child{white-space: nowrap;}
.proxqCs-table td p{text-align: left;}
.proxqTz{background: #fff;}
.proxqTz-imgs{width: 100%;padding: max(20px,0.68rem);text-align: center;box-shadow: 0px max(10px,0.22rem) max(20px,0.54rem) max(12px,0.26rem) rgba(201, 201, 201, 0.23);}
.proxqTj{background: #f4f8fa;}
.proxqTj-loop{width: 100%;position: relative;z-index: 4;transform: translate3d(0,0,10px);}
.proxqTj-loop .swiper-container{overflow: visible;}
.proxqTj-control{width: 100%;align-items: center;justify-content: space-between;}
.proxqTj-control .swiper-pagination{width: calc(100% - 1.4rem);background: #e7e9ee;height: max(2px,0.03rem);position: relative;border-radius: max(2px,0.03rem);overflow: hidden;}
.proxqTj-control .swiper-pagination span{background: #0068b7;border-radius: max(2px,0.03rem);}
.proxqTj-btn>div{width: max(32px,0.38rem);height: max(32px,0.38rem);font-size: max(14px,0.16rem);margin-right: max(8px,0.18rem);line-height: 1;font-weight: 700;border-radius: 50%;border: 2px solid #505050;cursor: pointer;transition: all .4s ease;}
.proxqTj-btn>div.next{transform: rotateY(180deg);margin-right: 0;}
.proxqTj-btn>div:hover{background: #0068b7;color: #fff;border-color: #0068b7;}
.proxqTj-hint{position: absolute;top: 8.4%;right: 0;font-size: 2.09rem;color: #ecf1f6;width: 100%;overflow: hidden;white-space: nowrap;line-height: 1;}
.proxqTj-hint .text{display: inline-block;animation: 30s linear infinite proxqTjRun;white-space: nowrap;}
.proxqTj-hint .text span{display: inline-block;width: max(40px,1.2rem);}
@keyframes proxqTjRun{0%{transform: translate(0,0)}100%{transform: translate(-100%)}}
/* 方案-列表 */
.solu{width: 100%;}
.solu-list{width: 100%;}
.solu-list ul{margin: min(-14px,-0.3rem) 0 0 min(-14px,-0.28rem);}
.solu-list li{width: calc(100%/3 - max(14px,0.28rem));margin: max(14px,0.3rem) 0 0 max(14px,0.28rem);}
.solu-link{display: block;background: #f5f8fa;width: 100%;height: 100%;}
.solu-link .cont{width: 100%;padding: max(24px,0.6rem) max(20px,0.48rem) max(20px,0.38rem);}
.solu-link .cont .title{transition: color .4s ease;}
.solu-link .cont .text{padding-left: max(12px,0.22rem);position: relative;}
.solu-link .cont .text::before{content: "";position: absolute;width: max(4px,0.06rem);height: max(4px,0.06rem);border-radius: 50%;background: #818181;left: 0;top: calc(0.5em + max(1px,0.015rem));}
.solu-link .cont .link p{width: max(34px,0.44rem);height: max(34px,0.44rem);border-radius: 50%;background: #fff;color: #0068b7;line-height: 1;transform: rotate(180deg);transition: all .4s ease;}
.solu-link .img{width: 100%;overflow: hidden;}
.solu-link .img img{width: 100%;height: 2.9rem;transition: all .6s ease;}
.solu-link:hover .cont .title{color: #0068b7;}
.solu-link:hover .cont .link p{background: #0068b7;color: #fff;}
.solu-link:hover .img img{transform: scale(1.04);}
/* 方案-详情 */
.soluxq{width: 100%;}
.soluxqAl{background: #fff;}
.soluxqAl-head{width: 100%;}
.soluxqAl-head .contain{justify-content: space-between;align-items: flex-end;}
.soluxqAl-head-main{width: auto;}
.soluxqAl-head-text{width: 4.9rem;}
.soluxqAl-loop{width: 100%;}
.soluxqAl-loop .swiper-container{width: 4rem;overflow: visible;}
.soluxqAl-link{width: 100%;display: block;position: relative;overflow: hidden;height: 2.86rem;}
.soluxqAl-link img.bg{width: 100%;height: 100%;}
.soluxqAl-link-cont{position: absolute;z-index: 2;opacity: 0;padding: 0 max(16px,0.24rem) max(16px,0.24rem);width: 100%;height: 100%;color: #fff;background: linear-gradient(to bottom,transparent,rgba(0,0,0,0.8));top: 0;left: 0;transform: translate3d(0,0,10px);display: flex;flex-direction: column;justify-content: flex-end;}
.soluxqAl-link-cont .title{padding-right: max(28px,0.5rem);position: relative;}
.soluxqAl-link-cont .title::after{content: "\e79b";font-family: "icon";top: 0;right: 0;font-size: max(14px,0.2rem);display: flex;align-items: center;justify-content: flex-start;transform: rotateY(180deg);position: absolute;width: max(20px,0.4rem);height: 100%;text-align: right;display: flex}
.swiper-slide-active .soluxqAl-link-cont{animation: soluxqAlOp 1s ease both .5s;}
.swiper-slide-active .soluxqAl-link-cont .title{animation: soluxqAlDown 1s ease both .6s;}
@keyframes soluxqAlOp{0%{opacity: 0;}100%{opacity: 1;}}
@keyframes soluxqAlDown{0%{opacity: 0;transform: translateY(max(30px,1rem));filter: blur(6px);}100%{opacity: 1;transform: translateY(0);filter: blur(0);}}
.soluxqAl-loop .swiper-slide{transform-style: preserve-3d;perspective: 4.46rem;}
.soluxqAl-btn{width: 100%;justify-content: center;}
.soluxqAl-btn>div{width: max(32px,0.38rem);height: max(32px,0.38rem);font-size: max(14px,0.16rem);margin-right: max(8px,0.18rem);line-height: 1;font-weight: 700;border-radius: 50%;border: 2px solid #505050;cursor: pointer;transition: all .4s ease;}
.soluxqAl-btn>div.next{transform: rotateY(180deg);margin-right: 0;}
.soluxqAl-btn>div:hover{background: #0068b7;color: #fff;border-color: #0068b7;}
.soluxqMa{background: #fff;}
.soluxqMa-info{width: 100%;position: relative;}
.soluxqMa-info img{width: 100%;height:5.1rem}
.soluxqMa-info .cont{position: absolute;z-index: 4;padding: max(40px,0.8rem);top: 0;left: 0;transform: translate3d(0,0,10px);width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;background: linear-gradient(to right,rgba(0,0,0,0.7),rgba(0,0,0,0.1));}
.soluxqMa-info .cont .text{max-width: 9rem;}
.soluxqMa-info .cont .link .sonBtn{padding: 0 max(16px,0.28rem);font-size: max(13px,0.16rem);}
.soluxqMa-info .cont .link .sonBtn i{transform: rotate(0);margin: 0 max(8px,0.12rem) 0 0;font-size: max(14px,0.19rem);}
.soluxqMa-info .cont .link .sonBtn:hover{border-color: #fff;box-shadow: 0 0 max(10px,0.16rem) rgba(255,255,255,0.5);}
.soluxqSy{background: #f4f6f8;}
.soluxqSy .soluxqTitle{max-width: 11.4rem;}
.soluxqSy-list{width: 100%;}
.soluxqSy-list ul{margin: min(-14px,-0.3rem) 0 0 min(-14px,-0.3rem);}
.soluxqSy-list li{width: calc(100%/3 - max(14px,0.3rem));margin: max(14px,0.3rem) 0 0 max(14px,0.3rem);}
.soluxqSy-link{display: block;min-height: 3.24rem;width: 100%;height: 100%;background: #fafbfc;position: relative;;text-align: center;padding: max(28px,0.6rem) max(20px,0.48rem);}
.soluxqSy-link::before{content: "";opacity: 0;position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: #0068b7 url("../images/pages/soluxq2sd.png") no-repeat center/cover;transition: opacity .4s ease;}
.soluxqSy-link .ico{width: 41px;position: relative;margin: 0 auto;text-align: center;position: relative;z-index: 2;}
.soluxqSy-link .ico img{transition: opacity .4s ease;}
.soluxqSy-link .ico img.h{position: absolute;left: 0;right: 0;margin: 0 auto;top: 0;opacity: 0;}
.soluxqSy-link .name{transition: color .4s ease;color: #0b3056;position: relative;z-index: 2;}
.soluxqSy-link .text{text-align: left;transition: color .4s ease;position: relative;z-index: 2;}
.soluxqSy-link:hover::before{opacity: 1;}
.soluxqSy-link:hover .ico img.s{opacity: 0;}
.soluxqSy-link:hover .ico img.h{opacity: 1;}
.soluxqSy-link:hover .name{color: #fff;}
.soluxqSy-link:hover .text{color: #fff;}
.soluxqXg{background: #fff;}
.soluxqXg-wrap{width: 100%;position: relative;align-items: flex-start;}
.soluxqXg-main{width: 7.02rem;margin-top: max(40px,1rem);position: relative;z-index: 4;left: 0;}
.soluxqXg-main .cont{position: absolute;width: 100%;text-align: center;top: max(30px,0.8rem);left: 0;color: #fff;}
.soluxqXg-main .cont .title{max-width: 3.16rem;margin: 0 auto;}
.soluxqXg-main img{width: 100%;height: 6.33rem;}
.soluxqXg-info{width: calc(100% - 7.02rem);padding: max(40px,1.16rem) max(30px,0.7rem) max(40px,1.4rem);overflow: visible;border-top-left-radius: 0;border-bottom-left-radius: 0;background: #323840;color: rgba(255,255,255,0.7);position: relative;}
.soluxqXg-info .shade{content: "";position: absolute;width: 1.58rem;height: 100%;right: 100%;background: #323840;top: 0;border-top-right-radius: 0;border-bottom-right-radius: 0;}
.soluxqXg-info .cont{width: 100%;position: relative;z-index: 4;}
.soluxqXg-info .cont h6{color: #fff;font-size: 1.73em;}
.soluxqJs{background: #fff;overflow: visible;}
.soluxqJs .soluxqTitle{position: sticky;left: 0;top: calc(max(70px,0.9rem) + max(20px,0.4rem));}
.soluxqJs-wrap{width: 100%;flex-direction: row-reverse;justify-content: space-between;align-items: flex-start;margin-top: max(22px,0.56rem);}
.soluxqJs-title{color: #041d2c;width: 4.64rem;position: sticky;right: 0;top: calc(max(70px,0.9rem) + max(20px,0.4rem) + max(22px,0.56rem) + max(18px,0.4rem));}
.soluxqJs-list{width: 7.02rem;}
.soluxqJs-list li{width: 100%;transform-origin: top center;margin-top: max(16px,0.4rem);position: sticky;right: 0;top: calc(max(70px,0.9rem) + max(20px,0.4rem) + max(22px,0.56rem) + max(18px,0.4rem));}
.soluxqJs-list li:first-child{margin-top: 0;}
.soluxqJs-link{width: 100%;min-height: 2.8rem;background: #fff;border: 1px solid #edf1f4;padding: max(20px,0.4rem);transition: background .6s ease, border .4s ease;position: relative;}
.soluxqJs-link .num{transition: color .4s ease;position: absolute;right: max(20px,0.4rem);bottom: max(20px,0.4rem);}
.soluxqJs-link .cont{width: 4.76rem;}
.soluxqJs-link .cont .title{transition: color .4s ease;}
.soluxqJs-link .cont .text{transition: all .4s ease;}
.soluxqJs-list li.active .soluxqJs-link{background: #0068b7;border-color: #0068b7;}
.soluxqJs-list li.active .soluxqJs-link .num{color: #fff;}
.soluxqJs-list li.active .soluxqJs-link .title{color: #fff;}
.soluxqJs-list li.active .soluxqJs-link .text{color: #fff;}
/* 关于我们 */
.abo{width: 100%;}
.aboRy{background: #fff url("../images/pages/abo3bg.jpg") no-repeat center/cover;}
.aboRy-loop{width: 100%;}
.aboRy-link{width: 100%;height: 4rem;}
.aboRy-loop .swiper-slide:nth-child(2n+1) .aboRy-link{padding-top: 1rem;}
.aboRy-link-a{display: block;width: 100%;position: relative;max-width: 3.18rem;margin: 0 auto;}
.aboRy-link-a .text, .aboRy-link-a .img{position: relative;z-index: 4;}
.aboRy-link-a .text{padding: 0 max(24px,0.3rem);min-height: max(32px,0.4rem);width: 100%;text-align: center;max-width: 2.8rem;margin: 0 auto;}
.aboRy-link-a .text::before, .aboRy-link-a .text::after{content: "";position: absolute;width: max(14px,0.2rem);height: max(32px,0.36rem);left: 0;top: 50%;margin-top: min(-16px,-0.18rem);background: url("../images/pages/abo3B1.png") no-repeat center/100% auto;}
.aboRy-link-a .text::after{left: auto;right: 0;transform: rotateY(180deg);}
.aboRy-link-a .img{width: 100%;text-align: center;}
.aboRy-link-a .img img{max-width: 2rem;max-height: 2rem;}
.aboRy-link-a .img i{position: absolute;width: max(34px,0.44rem);height: max(34px,0.44rem);border-radius: 50%;background: #0068b7;color: #fff;line-height: 1;font-size: max(16px,0.2rem);top: 50%;left: 50%;margin: min(-17px,-0.22rem) 0 0 min(-17px,-0.22rem);transition: all .4s ease;display: flex;align-items: center;justify-content: center;opacity: 0;transform: scale(0);}
.aboRy-link-a:hover .img i{opacity: 1;transform: scale(1);}
.aboRy-link-a::after{width: 100%;content: "";pointer-events: none;height: 1.06rem;position: absolute;bottom: -0.8rem;left: 0;background: url("../images/pages/abo3B2.png") no-repeat center bottom/100% auto;}
.aboRy-control{width: 100%;align-items: center;justify-content: space-between;}
.aboRy-control .swiper-pagination{width: calc(100% - 1.4rem);background: #e7e9ee;height: max(2px,0.03rem);position: relative;border-radius: max(2px,0.03rem);overflow: hidden;}
.aboRy-control .swiper-pagination span{background: #0068b7;border-radius: max(2px,0.03rem);}
.aboRy-btn>div{width: max(32px,0.38rem);height: max(32px,0.38rem);font-size: max(14px,0.16rem);margin-right: max(8px,0.18rem);line-height: 1;font-weight: 700;border-radius: 50%;border: 2px solid #505050;cursor: pointer;transition: all .4s ease;}
.aboRy-btn>div.next{transform: rotateY(180deg);margin-right: 0;}
.aboRy-btn>div:hover{background: #0068b7;color: #fff;border-color: #0068b7;}
.aboJs{background: #fff url("../images/pages/abo1.png") no-repeat right top 0.54rem/4.23rem auto;}
.aboJs-wrap{width: 100%;align-items: center;}
.aboJs-info{width: 100%;}
.aboJs-num{width: 100%;border-top: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;}
.aboJs-num ul{justify-content: space-between;}
.aboLs{width: 100%;}
.aboLs img.bg{width: 100%;position: absolute;top: 0;left: 0;height: 100%;}
.aboLs .contain{position: relative;z-index: 4;}
.aboLs-wrap{width: 100%;position: relative;}
.aboLs-main{width: 7.4rem;margin-left: auto;margin-right: auto;position: relative;color: #fff;padding: 0 max(40px,1.1rem);}
.aboLs-main::before{content: "";position: absolute;width: 300vw;height: 1px;top: calc(1.3rem + max(9px,0.16rem));left: -100vw;background: rgba(235, 235, 235,0.2);}
.aboLs-main-info{width: 100%;text-align: center;}
.aboLs-main-info .year{font-size: 1rem;line-height: 1;height: 1.3rem;transform: scale(0);transition: all 1.6s ease;}
.aboLs-main-info .dot{width: max(18px,0.32rem);height: max(18px,0.32rem);background: #0068b7;border-radius: 50%;margin: 0 auto;position: relative;transform: scale(0);transition: all 1s ease;}
.aboLs-main-info .dot::after{content: "";position: absolute;width: max(10px,0.16rem);height: max(10px,0.16rem);background: #fff;border-radius: 50%;top: 50%;left: 50%;margin: min(-5px,-0.08rem) 0 0 min(-5px,-0.08rem);}
.aboLs-main-info .text{min-height: 2.1rem;opacity: 0;}
.aboLs-main .btn{position: absolute;top: calc(1.3rem - max(4px,0.14rem));border: 2px solid #fff;width: max(28px,0.6rem);height: max(28px,0.6rem);border-radius: 50%;line-height: 1;color: #0068b7;background: #fff;font-size: max(14px,0.18rem);cursor: pointer;transition: all .4s ease;}
.aboLs-main .btn.prev{left: 0;}
.aboLs-main .btn.next{right: 0;transform: rotate(180deg);}
.aboLs-main .btn:hover{background: #0068b7;color: #fff;}
.aboLs-main .swiper-slide-active .aboLs-main-info .year{transform: scale(1);}
.aboLs-main .swiper-slide-active .aboLs-main-info .dot{transform: scale(1);}
.aboLs-main .swiper-slide-active .aboLs-main-info .text{opacity: 1;transition: all 1s ease 0.4s;}
.aboLs-dot{position: absolute;width: max(80px,1.8rem);overflow: hidden;color: #fff;top: calc(1.3rem - max(4px,0.07rem));user-select: none;}
.aboLs-dot-left{left: 0;}
.aboLs-dot-right{right: 0;}
.aboLs-dotline{font-size: 0;white-space: nowrap;position: relative;left: 0;}
.aboLs-dotck{font-size: max(20px,0.4rem);line-height: max(24px,0.44rem);width: max(80px,1.8rem);position: relative;display: inline-block;text-align: center;cursor: pointer;}
.aboLs-dotck::before{content: "";position: absolute;width: max(8px,0.14rem);left: 0;height: max(8px,0.14rem);border-radius: 50%;border: 2px solid #fff;top: 50%;margin-top: min(-3px,-0.06rem);}
.aboLs-dot-left .aboLs-dotline{left: max(80px,1.8rem);}
.aboLs-dot-right .aboLs-dotline{left: min(-80px,-1.8rem);}
.aboWh{width: 100%;padding-left: calc(var(--widDb)/2);overflow: visible;}
.aboWh .contain{width: 100%;}
.aboWh-wrap{padding: max(30px,0.5rem) var(--widDb) max(30px,0.5rem) max(30px,0.5rem); position: relative; width: 100%;justify-content: space-between;background: #013281 url("../images/pages/abo4bg.jpg") no-repeat center/cover;}
.aboWh-info{flex: 1;padding-top: max(6px,0.16rem); display: flex;flex-direction: column;justify-content: space-between;}
.aboWh-info .num{width: max(36px,0.84rem);height: max(36px,0.84rem);border-radius: 50%;line-height: 1;border: 1px solid rgba(255,255,255,0.2);color: #fff;}
.aboWh-list{width: 9.8rem;position: relative;}
.aboWh-list li{width: 100%;border-top: 1px solid rgba(255,255,255,0.2);display: flex;flex-wrap: wrap;color: #fff;padding: max(16px,0.24rem) 0 max(24px,0.6rem);justify-content: space-between;position: relative;}
.aboWh-list li .text{width: 4.5rem;opacity: 0.5;transition: opacity .4s ease;}
.aboWh-list li .img{display: none;width: 100%;overflow: hidden;}
.aboWh-list li .img img{width: 100%;}
.aboWh-list li:hover .text{opacity: 1;}
.aboWh-hover{position: absolute;width: 1.04rem;height: 1.04rem;border-radius: 50%;overflow: hidden;pointer-events: none;top: 20%;transform: translate(-50%,-50%);left: 12%;opacity: 0;transition: opacity .6s ease;}
.aboWh-hover.active{opacity: 1;}
.aboWh-hover img{width: 100%;height: 100%;display: none;}
.aboWh-hover img.active{display: block;}
.aboHb{width: 100%;}
.aboHb-head{width: 100%;justify-content: space-between;border-bottom: 1px solid #ededed;}
.aboHb-head .text{color: #30343c;width: 6.8rem;}
.aboHb-list{width: 100%;}
.aboHb-list ul{margin: min(-8px,-0.2rem) 0 0 min(-8px,-0.2rem);}
.aboHb-list li{width: calc(100%/5 - max(8px,0.2rem));margin: max(8px,0.2rem) 0 0 max(8px,0.2rem);}
.aboHb-link{display: flex;width: 100%;align-items: center;justify-content: center;height: 1.2rem;padding: max(6px,0.16rem);transition: box-shadow .4s ease;border-radius: max(4px,0.1rem);}
.aboHb-link img{max-width: 100%;max-height: 100%;}
.aboHb-link:hover{box-shadow: 0 0 max(8px,0.16rem) rgba(0, 104, 183, 0.12);}
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px){
    /* 1600 × (900) */
}
@media all and (max-width:1590px){
    /* 1440 × (700)  */
    .saleMa-content h6::before{top: 0.35em;}
    .saleCl{width: 5.5rem;}
    .saleMa {width: calc(100% - 5.5rem);}
}
@media all and (max-width:1430px){
    /* 1360 */
}
@media all and (max-width:1350px){
    /* 1280 */
}
@media all and (max-width:1270px){
    /* 1152 × (700) */
    .newsMa-link-cont {padding: max(20px,0.4rem) max(20px,0.58rem);}
    .newsMa-link-cont .link {bottom: max(20px,0.4rem);}
    .saleCl{width: 5.6rem;}
    .saleMa {width: calc(100% - 5.6rem);}
}
/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px){
    /* 1024 横屏 */
    .sonBan-cont{text-align: center;}
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px){
    /* 移动终端 360 适配 */
    .sonBan-cont .title{font-size: 38px;}
    .sonBan {border-bottom-left-radius: 50px;border-bottom-right-radius: 50px;}
    .caseMa-card {padding: 0 10px;margin-top: -32px;}
    .caseMa-info{width: 100%;padding: 20px 14px;}
    .caseMa-info-cont {padding-right: 0;}
    .caseMa-info-cont .link{position: relative;margin-top: 24px;}
    .caseMa-btn{top: auto;right: 14px;bottom: 20px;}
    .caseLb-list ul{margin: -20px 0 0;}
    .caseLb-list li {width: 100%;margin: 20px 0 0;}
    .caseLb-link .img img{height: 200px;}
    .casexqHd-cont .title{width: 100%;}
    .casexqHd-btn{width: 100%;margin-top: 20px;}
    .casexqHd{padding-bottom: 28px;}
    .casexqJs-head .text{width: 100%;margin-top: 8px;}
    .casexqJs-list {padding-left: 16px;}
    .casexqJs-list li .num{width: 30px;}
    .casexqJs-list li .ico{width: 30px;height: 30px;}
    .casexqJs-list li .cont{width: calc(100% - 60px);padding-left: 24px;}
    .casexqTp .contain{padding: 0 6px 0 4%;}
    .casexqNr-info .title{width: 100%;padding-right: 0;}
    .casexqNr-info .cont{width: 100%;margin-top: 16px;}
    .casexqNr-info .title::before{top: 7px;}
    .newsMa-link-img{width: 100%;}
    .newsMa-link-img img{height: auto;}
    .newsMa-link-cont{width: 100%;padding: 24px 16px;}
    .newsMa-link-cont .link{position: relative;bottom: 0;left: 0;margin-top: 16px;}
    .newsMa-link-cont .time .data {padding-bottom: 11px;font-size: 12px;line-height: 14px;}
    .newsLb-list ul{margin: -14px 0 0;}
    .newsLb-list li{width: 100%;margin: 14px 0 0;}
    .newsxq-wrap{width: 100%;padding-right: 0;}
    .newsxq-btn a{width: 100%;margin-top: 12px;}
    .newsxq-btn a:first-child{margin-top: 0;}
    .newsxq-side{width: 100%;padding-left: 0;margin-top: 30px;}
    .newsxq-side::before{display: none;}
    .saleCl{width: 100%;padding-right: 0;padding: 0 4% 18px;}
    .saleCl::after{display: none;}
    .saleMa{width: 100%;padding: 20px 4% 0;}
    .saleMa-content h6::before {top: 8px;}
    .relNr-img {width: 100%;}
    .relNr-cont{width: 100%;padding: 20px 16px;}
    .relBd-form ul {margin: -14px 0 0;}
    .relBd-form li{width: 100%;margin: 14px 0 0;}
    .relBd-form li.long{width: 100%;}
    .relBd-form li .hint{position: relative;height: auto;margin-bottom: 4px;padding-left: 8px;}
    .relBd-form li input{padding: 0 20px !important;}
    .relBd-form li textarea{padding: 14px 20px !important;}
    .relBd-code{width: 100%;}
    .relBd-form li .relBd-code .input input {padding: 0 120px 0 20px !important;}
    .relBd-form li button{margin: 20px auto 0;}
    .slideBox::before, .slideBox::after{display: none;}
    .proLb{width: 100%;padding: 36px 4% 0;}
    .pro{padding-top: 10px;}
    .proLb::before{background: #fff;top: -6.2rem;}
    .proLb-list{padding-left: 0;}
    .proLb-list ul{margin: -14px 0 0;}
    .proLb-list li{width: 100%;margin: 14px 0 0;}
    .proLb-link .img{height: 200px;}
    .slideClick{position: sticky;z-index: 10;background: #fff;font-size: 16px;color: #0068b7;box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.1);display: flex;width: 100%;height: 46px;align-items: center;justify-content: center;left: 0;top: 60px;}
    .slideClose{display: flex;width: 36px;height: 40px;font-size: 14px;color: #000;position: absolute;top: 60px;right: 0;align-items: center;justify-content: center;}
    .slideClose::after{content: "\e7db";font-family: "icon";font-size: inherit;}
    .slideBox{position: fixed;left: -282px;top: 0;z-index: 992;height: 100%;padding-top: 100px;width: 280px;}
    .slideList{height: calc(100vh - 130px);overflow-y: auto;padding: 0;}
    .proxqJs-wrap .contain{flex-direction: row;}
    .proxqJs-imgs{width: 100%;padding: 20px 16px;}
    .proxqJs-imgs .gallery .gallery-more {height: 180px;}
    .proxqJs-info{width: 100%;margin-top: 24px;padding: 0;}
    .proxqTd-list ul{margin: -14px 0 0;}
    .proxqTd-list li{width: 100%;margin: 14px 0 0;}
    .proxqCs-table{overflow-x: auto;}
    .proxqCs-table table{width: 1200px;}
    .proxqTj .proLb-link:hover{box-shadow: none;}
    .proxqTj-loop .swiper-container {overflow: hidden;}
    .proxqTj-hint {top: 8%;}
    .proxqTj-control .swiper-pagination {width: calc(100% - 88px);}
    .solu-list ul{margin: -14px 0 0;}
    .solu-list li{width: 100%;margin: 14px 0 0;}
    .solu-link .img img{height: auto;}
    .solu-link .cont{padding: 20px 16px 18px;}
    .solu-link .cont .title{height: auto;max-height: 44px;}
    .solu-link .cont .text{height: auto;max-height: 72px;}
    .soluxqAl-head-main {width: 100%;}
    .soluxqAl-head-text {width: 100%;margin-top: 12px;}
    .soluxqAl-loop{padding: 0 4%;margin-top: 24px;}
    .soluxqAl-loop .swiper-container{width: 100%;overflow: hidden;}
    .soluxqAl-link{transform: none !important;height: 237px;}
    .soluxqAl-link-cont {background: linear-gradient(to bottom,transparent 70%,rgba(0,0,0,0.8));}
    .soluxqMa-info img{height: auto;}
    .soluxqMa-info .cont{padding: 20px 16px 24px;position: relative;background: #f4f6f8;}
    .soluxqMa-info .cont .title {color: #333;}
    .soluxqMa-info .cont .text {max-width: 100%;color: #666;}
    .soluxqSy-list ul{margin: -14px 0 0;}
    .soluxqSy-list li{width: 100%;margin: 14px 0 0;}
    .soluxqXg-main {width: 100%;margin-top: 0;}
    .soluxqXg-main img{height: auto;}
    .soluxqXg-main .cont .title {max-width: 80%;}
    .soluxqXg-info .shade{display: none;}
    .soluxqXg-info{width: 100%;border-radius: 8px;margin-top: 16px;padding: 28px 16px;}
    .soluxqXg-info .cont h6{font-size: 18px;}
    .soluxqJs .soluxqTitle{position: relative;top: 0;}
    .soluxqJs-wrap{flex-direction: row;}
    .soluxqJs-title{position: relative;top: 0;width: 100%;line-height: 1.24;}
    .soluxqJs-list {width: 100%;margin-top: 20px;}
    .soluxqJs-list li{position: relative;top: 0;margin-top: 12px;}
    .soluxqJs-link{padding: 14px 12px;min-height: auto;}
    .soluxqJs-link .num{font-size: 20px;right: auto;bottom: auto;top: 14px;left: 12px;}
    .soluxqJs-link .cont{width: 100%;padding-left: 36px;}
    .aboRy-link{height: 306px;padding-top: 0 !important;}
    .aboRy-link-a {max-width: 318px;}
    .aboRy-link-a .text {max-width: 220px;}
    .aboRy-link-a .img {height: 190px;display: flex;align-items: flex-end;justify-content: center;}
    .aboRy-control .swiper-pagination {width: calc(100% - 88px);}
    .aboRy-link-a .img img {max-width: 100%;max-height: 100%;}
    .aboRy-link-a::after {height: 106px;bottom: -80px;}
    .aboJs-num ul{justify-content: flex-start;margin-top: -14px;}
    .aboJs-num li{width: 100%;margin-top: 14px;}
    .aboLs-dot{display: none;}
    .aboLs-main{width: 100%;}
    .aboLs-main-info .text{min-height: 170px;}
    .aboWh-info{width: 100%;position: relative;left: auto;top: auto;padding-top: 0;}
    .aboWh-info .num{display: none;}
    .aboWh-list{margin-top: 24px;width: 100%;}
    .aboWh-hover{display: none;}
    .aboWh-list li .img{display: block;border-radius: 8px;}
    .aboWh-list li .title{width: 100%;margin-top: 16px;}
    .aboWh-list li .text{width: 100%;margin-top: 8px;opacity: 0.8;}
    .aboWh-list li:last-child{padding-bottom: 10px;}
    .aboHb-head .text{width: 100%;margin-top: 6px;}
    .aboHb-list li {width: calc(100%/3 - max(8px,0.2rem));}
    .aboHb-link{height: 54px;}
}