@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, .paging-skip, .paging-hint{display: flex;flex-wrap: wrap;}
.paging-menu a{width: max(34px,0.44rem);height: max(34px,0.44rem);margin: 0 max(3px,0.05rem);font-size: max(12px,0.15rem);color: #969ca0;transition: all .4s ease;border-radius: 3px;display: flex;align-items: center;justify-content: center;line-height: 1;}
.paging-menu a.prev,.paging-menu a.next{width: auto;margin: 0 max(15px,0.28rem);}
.paging-menu a:hover, .paging-menu a.active, .paging a.on{border-color: #0cade6;background-color: #0cade6;color: #fff;}
.paging-menu a.prev:hover,.paging-menu a.next:hover{background: transparent;color: #0cade6;}
.paging-skip{margin-left: 8px;align-items: center;}
.paging-hint{font-size: max(14px,0.16rem);color: #999;font-weight: 300;margin: 0 8px;}
.paging-hint:first-of-type{margin: 0;}
.paging-skip input{width: max(48px,0.54rem);text-align: center;height: max(38px,0.46rem);border: 1px solid #e1e1e1;font-size: max(14px,0.16rem);color: #666;border-radius: 3px;transition: all .4s ease;padding: 0 max(6px,0.12rem);}
.paging-skip input:focus{border-color: #0cade6;}
.paging-skip button{color: #555;font-size: max(14px,0.16rem);padding: 0 max(14px,0.18rem);border: 1px solid #e1e1e1;transition: all .4s ease;height: max(38px,0.46rem);background: #fff;cursor: pointer;border-radius: 3px;}
.paging-skip button:hover{background-color: #0cade6;color: #fff;border-color: #0cade6;}
.paging-hint span{color: #0cade6;}
@media all and (max-width:1000px){.paging-skip{width: 100%;margin-left: 0;justify-content: center;margin-top: 8px;}}
/* 搜索页面 */
.search{width: 100%;}
.search-result{font-size: 14px;color: #0cade6;line-height: 1.1;}
.search-result span{margin-left: 6px;}
.search-info{width: 100%;line-height: 1.1;color: #333;}
.search-info span{color: #0cade6;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: #0cade6 !important;}
.search-link:hover h2{color: #0cade6;}
/* 隐私协议 */
.privacy{width: 100%;}
.privacy-title{width: 100%;color: #333;line-height: 1.1;}
.privacy-content{width: 100%;color: #666;}
.privacy-content h6{color: #333;line-height: inherit;}
/* 网站地图 */
.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: #0cade6;}
.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: #0cade6;}
.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;}
}
/* 内页公共 */
.pagesBan-bg img{width: 100%;min-height: 300px;}
.pagesBan-bg.HA img{min-height: unset;}
.pagesBan-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.pagesBan-con .contain{height: 100%;flex-direction: column;animation: banText 1s ease both;}
.pagesBan-con .text,.pagesBan-con .label{color: rgba(255, 255, 255, .5);}
.pagesBan-con .text .coh{background-image: linear-gradient(to right, #1acaed, #0cade6);background-clip: text;color: transparent;}
.pagesBan-con .btn{padding: 0.05rem 0 0 0.05rem; user-select: none;cursor: pointer;width: max(44px,0.72rem);height: max(44px,0.72rem);border-radius: 50%;background: rgba(0, 150, 224, .85);}
.pagesBan-con .btn:hover{background: rgba(0, 150, 224, 1);transform: scale(.95);}
.pagesBan-con .btn:active{transform: translateY(5px) scale(.95);}
@keyframes banText {0%{opacity: 0;transform: translateY(0.4rem);}100%{opacity: 1;transform: translateY(0);}}
.pagesBread{background: #f7f9fa;}
.pagesBread-list .item{margin-left: max(30px,0.4rem);}
.pagesBread-list .item::before{content: "/";position: absolute;left: min(-16px,-0.21rem);top: 0;color: #969ca0;}
.pagesBread-list .item:first-child{margin-left: 0;}
.pagesBread-list .item:first-child::before{display: none;}
.pagesBread-list .item:hover,.pagesBread-list .item:last-child{color: #364047;}
.pagesTop .pagesBread{position: absolute;left: 0;bottom: 0;width: 100%;z-index: 3;background: transparent;}
.pagesTop .pagesBread-list .item{color: #fff;}
.pagesTop .pagesBread-list .item::before{color: #fff;}
.pagesNav{background: #fff;border-bottom: 1px solid #dae0e3;}
.pagesNav-list .item{height: max(48px,0.8rem);padding: 0 0.25rem;margin: 0 0.35rem;}
.pagesNav-list .item::after{content: "";position: absolute;left: 50%;bottom: -1px;width: 0;height: 2px;background: #0cade6;transform: translateX(-50%);transition: all .4s ease;}
.pagesNav-list .item:hover,.pagesNav-list .item.active{color: #0cade6;}
.pagesNav-list .item.active::after{width: 100%;}
/* 新闻-列表 */
.newsShow-slide{background: #fff;}
.newsShow-img{width: 50%;}
.newsShow-img img{width: 100%;height: 4rem;}
.newsShow-con{width: 50%;padding:  0 0.7rem;display: flex;flex-direction: column;justify-content: center;}
.newsShow-con>div{width: 100%;}
.newsShow-con .top{align-items: center;}
.newsShow-con .date{margin-left: 0.25rem;}
.newsShow-con .more{align-items: center;}
.newsShow-con .more span{position: relative;}
.newsShow-con .more span::after{content: "";position: absolute;left: 0;bottom: -2px;width: 0;height: 1px;background: #0cade6;transition: all .4s ease}
.newsShow-con .more i{display: block;font-size: max(10px,0.12rem);margin-left: max(6px,0.08rem);transform: rotate(180deg);transition: transform .4s ease;}
.newsShow-con .more:hover span::after{width: 100%;}
.newsShow-con .more:hover i{transform: translateX(3px) rotate(180deg);}
.newsShow-slide:hover .newsShow-img img{transform: scale(1.1);}
.newsShow-slide:hover .newsShow-con .title{color: #0cade6;}
.newsShow-btn{z-index: 5;position: absolute;right: 0.7rem;bottom: 0.4rem;}
.newsShow-btn .btn{width: max(34px,0.44rem);height: max(34px,0.44rem);border: 1px solid #e1e3e4;color: #e1e3e4;user-select: none;cursor: pointer;}
.newsShow-btn .btn.next{transform: rotate(180deg);margin-left: 10px;}
.newsShow-btn .btn:hover{border-color: #0cade6;background: #0cade6;color: #fff;}
.newsShow .com-pagination{z-index: 5;position: absolute;left: 0;bottom: max(10px,0.24rem);width: 50%;}
.newsShow .com-pagination .swiper-pagination-bullet{width: max(20px,0.3rem);}
.newsForm input{width: max(240px,3.75rem);height: max(38px,0.44rem);padding-left: max(40px,0.56rem);}
.newsForm input::-webkit-input-placeholder{color: #969ca0;}
.newsForm .ico{position: absolute;left: 0;top: 0;width: max(40px,0.56rem);height: 100%;}
.newsForm .btn{user-select: none;cursor: pointer;margin-left: max(12px,0.24rem);width: max(90px,1.4rem);}
.newsForm .btn:hover{background: #0076b0;}
.newsItem{height: 100%;background: #fff;position: relative;border-radius: max(6px, 0.12rem);overflow: hidden;box-shadow: 0 10px 30px rgba(0, 0, 0, .1);}
.newsItem-label{display: none; background: #00afeb;z-index: 2;position: absolute;right: max(8px,0.1rem);top: max(8px,0.1rem);padding: max(3px,0.04rem) max(8px,0.1rem);}
.newsItem-img img{width: 100%;height: 2.8rem;}
.newsItem-con{padding: 0.2rem 0.25rem;}
.newsItem-con .more{align-items: center;border-top: 1px solid #dae0e3;position: relative;}
.newsItem-con .more span{position: relative;}
.newsItem-con .more span::after{content: "";position: absolute;left: 0;bottom: -2px;width: 0;height: 1px;background: #0cade6;transition: all .4s ease}
.newsItem-con .more i{display: block;font-size: max(10px,0.12rem);margin-left: max(6px,0.08rem);transform: rotate(180deg);transition: transform .4s ease;}
.newsItem-con .more:hover{color: #0cade6;}
.newsItem-con .more:hover span::after{width: 100%;}
.newsItem-con .more:hover i{transform: translateX(3px) rotate(180deg);}
.newsItem:hover .newsItem-img img{transform: scale(1.1);}
.newsItem:hover .newsItem-con .title{color: #0cade6;}
/* 新闻-详情 */
.newsDet-flex{justify-content: space-between;align-items: flex-start;}
.newsDet-left{width: 72%;}
.newsDet-head{border-bottom: 1px solid #e3e8ea;}
.newsDet-right{position: sticky;top: max(90px,1.1rem);background: #f7f9fa;padding: 0.35rem;width: 20%;}
.newsDet-item:first-child{margin-top: 0;}
.newsDet-item:hover .text{color: #0cade6;}
#toShare a{display: flex;color: #9a9fa3;font-size: max(16px,0.18rem);width: max(36px,0.44rem);height: max(36px,0.44rem);margin-left: max(12px,0.14rem);background: #fff; border-radius: 50%;align-items: center;justify-content: center;transition: all .4s ease;}
#toShare a>img{max-width: 22px;}
#toShare a:first-child{margin: 0;}
#toShare a:hover{background: #0cade6;color: #fff;}
#toShare .icon-wechat{position: relative;}
#toShare .icon-wechat .wechat-qrcode{display: none;border: 1px solid #eee;position:absolute;z-index:9;top:-205px;left:-84px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px rgba(0, 0, 0, .1);transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms; }
#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:105px; margin:10px auto;}
#toShare .icon-wechat .wechat-qrcode .qrcode table{margin:0!important;}
#toShare .icon-wechat .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0;}
#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;}
.newsDet-back{width: 100%;height: max(40px,0.54rem);}
.newsDet-back i{display: block;margin-right: max(8px,0.1rem);transition: margin .4s ease;font-size: max(14px,0.16rem);}
.newsDet-back:hover i{margin-right: max(12px,0.16rem);}
/* 案例-详情 */
.case-view .newsItem-con .more{border-top: unset;}
.caseDet-show{background: #fff;align-items: center;}
.caseDet-show-swp{width: 66%;}
.caseDet-show-slide img{width: 100%;height: 6.5rem;}
.caseDet-show .com-pagination{z-index: 5;position: absolute;left: 0;bottom: max(10px,0.24rem);width: 100%;}
.caseDet-show .com-pagination .swiper-pagination-bullet{width: max(30px,0.48rem);margin: 0 max(4px,0.06rem);}
.caseDet-show-next{user-select: none;cursor: pointer;z-index: 5;position: absolute;left: 0.24rem;top: 50%;transform: translateY(-50%);width: max(36px,0.44rem);height: max(36px,0.44rem);border: 1px solid #fff;}
.caseDet-show-next.next{left: auto;right: 0.24rem;transform: rotate(180deg);}
.caseDet-show-next:hover{background: #fff;color: #0cade6;}
.caseDet-show-con{width: 34%;padding: 0 0.6rem;}
.caseDet-show-category{border-top: 1px solid #e3e8ea;border-bottom: 1px solid #e3e8ea;}
.caseDet-show .comMore{padding: max(8px,0.12rem) max(15px,0.24rem);}
.caseDet-edit{background: #fff;padding: 1rem 1.5rem 1rem 1rem;}
.caseDet-back-box .newsDet-back{width: max(140px,1.7rem);}
/* 解决方案-列表 */
.solution-view .banner-bg img{height: auto;}
#sol14 .banner-item:nth-child(1){left: 29%;top: 72%;}
#sol14 .banner-item:nth-child(2){left: 50%;top: 50%;}
#sol14 .banner-item:nth-child(3){left: 69%;top: 66%;}
#sol15 .banner-item:nth-child(1){left: 27%;top: 36%;}
#sol15 .banner-item:nth-child(2){left: 42.5%;top: 69%;}
#sol15 .banner-item:nth-child(3){left: 50%;top: 44%;}
#sol15 .banner-item:nth-child(4){left: 66.5%;top: 61%;}
#sol16 .banner-item:nth-child(1){left: 39%;top: 59%;}
#sol16 .banner-item:nth-child(2){left: 68%;top: 60%;}
#sol17 .banner-item:nth-child(1){left: 63%;top: 50%;}
#sol18 .banner-item:nth-child(1){left: 38%;top: 46%;}
.solution-desc{position: absolute;left: 0;top: 1.4rem;width: 100%;}
.solution-desc .text{color: rgba(255, 255, 255, .7);}
/* 解决方案-详情 */
.solDet-app{background: #1d1e1f;}
.solDet-app .contain{width: 12.3rem;}
.solDet-app-menu .item{user-select: none;cursor: pointer;color: rgba(255, 255, 255, .35);margin-left: 0.45rem;}
.solDet-app-menu .item:first-child{margin-left: 0;}
.solDet-app-menu .item::after{content: "";position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);width: 0;height: 2px;background: #0cade6;transition: all .4s ease;}
.solDet-app-menu .item:hover,.solDet-app-menu .item.active{color: #fff;}
.solDet-app-menu .item.active::after{width: 100%;}
.solDet-app-drop-item{display: none;}
.solDet-app-drop-item:first-child{display: block;}
.solDet-app-swp .swiper-container{overflow: visible;}
.solDet-app-list{justify-content: space-between;}
.solDet-app-item{width: calc(50% - 2px);}
.solDet-app-item .img img{width: 100%;height: 5.4rem;}
.solDet-app-item .img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;background: rgba(29, 30, 31, .85);height: 100%;transition: all .6s ease;}
.solDet-app-item .desc{opacity: 0; z-index: 2;position: absolute;left: 0;bottom: 0;width: 100%;padding: 0.45rem 0.2rem 0.45rem 0.55rem;background-color: rgba(29, 30, 31, .4);}
.solDet-app-item .text{color: rgba(255, 255, 255, .75);}
/*.solDet-app-desc{position: absolute;left: 0;bottom: 0.55rem;width: 100%;z-index: 2;}*/
.solDet-app-desc .text{color: rgba(255, 255, 255, .35);}
.swiper-slide-active .solDet-app-item .img::after{opacity: 0;}
.swiper-slide-active .solDet-app-item .desc,.swiper-slide-active .solDet-app-desc{opacity: 1;}
.solDet-app-btn{position: absolute; user-select: none;cursor: pointer; z-index: 2;left: -1.7rem;top: 2.8rem;transform: translateY(-50%); width: max(40px,0.6rem);height: max(40px,0.6rem);border-radius: 50%;color: rgba(255, 255, 255, .5);}
.solDet-app-btn.next{left: auto;right: -1.7rem;transform: translateY(-50%) rotate(180deg);}
.solDet-app-btn:hover{background: rgba(255, 255, 255, .1);color: #fff;}
.solDet-service-flex{justify-content: space-between;align-items: flex-start;}
.solDet-service-left{width: 38%;height: 100vh;position: sticky;top: max(66px,0.8rem);}
.solDet-service-nav{position: relative;}
.solDet-service-nav .list{padding-left: 0.6rem;}
.solDet-service-nav .list li{user-select: none;cursor: pointer;flex-direction: column;align-items: flex-start;}
.solDet-service-nav .list li:first-child{margin-left: 0;}
.solDet-service-nav .list .title{opacity: .6;transition: none;}
.solDet-service-nav .list .text{display: none;}
.solDet-service-nav .list li:hover .title,.solDet-service-nav .list li.active .title{opacity: 1;}
.solDet-service-nav .list li.active .text{display: block;}
.solDet-service-nav .line{position: absolute;left: 0;top: 0;width: max(2px,0.03rem);height: 100%;background: #e6e7e8;z-index: 2;overflow: hidden;}
.solDet-service-nav .line i{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 50%;}
.solDet-service-right{width: 56%;}
.solDet-service-right .list li{margin-top: 0.35rem;}
.solDet-service-right .list li:first-child{margin-top: 0;}
.solDet-service-right .list li img{width: 100%;height: 6.4rem;}
.solDet-hot-head{justify-content: space-between;align-items: center;}
.solDet-hot-more{align-items: center;}
.solDet-hot-more span,.solDet-hot-more i{transition: all .4s ease;display: block;}
.solDet-hot-more i{transform: rotate(180deg);font-size: max(10px,0.12rem);margin-left: max(6px,0.08rem);font-weight: 700;}
.solDet-hot-more:hover span{transform: translateX(-4px);}
.solDet-hot-more:hover i{transform: translateX(4px) rotate(180deg);}
.solDet-hot .newsItem-con{padding: 0.26rem 0 0;}
/* 产品-列表 */
.proBan-bg img{width: 100%;}
.proBan-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.proBan-con .contain{height: 100%;flex-direction: column;justify-content: center;}
.proBan-con .top-box{align-items: center;}
.proBan-con .top2{margin-left: max(8px,0.14rem);border-radius: 40px;padding: max(4px,0.06rem) max(15px,0.2rem);background: linear-gradient(to right,#1cc9ec,#0097e0);}
.proBan-con .text{letter-spacing: max(1px,0.03rem);}
.proBan .com-pagination{z-index: 5;position: absolute;left: 0;bottom: max(10px,0.35rem);width: 100%;}
.proNav{border-bottom: 1px solid #e3e8ea;}
.proNav-slide{height: max(120px,2.3rem);flex-direction: column;user-select: none;cursor: pointer;position: relative;}
.proNav-slide .ico{height: max(40px,0.52rem);}
.proNav-slide .ico img{max-height: 100%;transition: all .4s ease;}
.proNav-slide::after{content: "";position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);width: max(60px,1.4rem);height: 2px;background: #0cade6;opacity: 0;transition: all .4s ease;}
.proNav .swiper-slide.active .proNav-slide::after{opacity: 1;}
.proNav-slide:hover .title{color: #0cade6;}
.proNav-slide:hover .ico img{transform: scale(1.1);}
.proNav-btn{user-select: none;cursor: pointer;width: 40px;height: 40px;position: absolute;z-index: 2;left: -10px;top: 50%;transform: translateY(-50%);color: #b6babd;}
.proNav-btn.next{left: auto;right: -10px;transform: translateY(-50%) rotate(180deg);}
.proNav-btn:hover{color: #0cade6;}
.proHead{justify-content: space-between;align-items: flex-end;border-bottom: 1px solid #e3e8ea;padding-bottom: 0.34rem;}
.proMenu .item{height: max(50px,0.9rem);margin-left: max(20px,0.45rem);user-select: none;cursor: pointer;height: auto;}
.proMenu .item:first-child{margin-left: 0;}
.proMenu .item::after{content: "";position: absolute;left: 0;bottom: -0.34rem;width: 100%;height: 2px;background: #00afeb;opacity: 0;transition: all .4s ease;}
.proMenu .item:hover,.proMenu .item.active{color: #00afeb;}
.proMenu .item.active::after{opacity: 1;}
.proSwp{display: none;width: calc(100% + 0.2rem);margin-left: -0.1rem;}
.proSwp:first-child{display: block;}
.proSwp .swiper-slide{padding: 0.4rem 0.1rem;}
.proSlide{padding: 0.3rem 0.35rem 0.45rem;}
.proSlide .label{position: absolute;left: 0.35rem;top: 0.3rem;padding: max(3px,0.04rem) max(5px,0.09rem);}
.proSlide .img-box{height: 4rem;}
.proSlide .img{position: relative;z-index: 2;transition: all .6s ease;max-width: 70%;max-height: 80%;}
.proSlide .bg{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 3.96rem;}
.proSlide .more{align-items: center;justify-content: center;}
.proSlide .more i{margin-left: max(6px,0.08rem);transform: rotate(180deg);font-size: max(10px,0.12rem);}
.proSlide .more:hover span{transform: translateX(-5px);}
.proSlide .more:hover i{transform: translateX(5px) rotate(180deg);}
.proSlide:hover{box-shadow: 0px 0px 0.4rem 0px rgba(10, 15, 18, 0.1);}
.proSlide:hover .img{transform: scale(1.1);}
.proNext{user-select: none;cursor: pointer;z-index: 2;color: #ddd;width: 40px;height: 40px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.proNext.next{left: auto;right: 0;transform: translateY(-50%) rotate(180deg);}
.proNext:hover{color: #00afeb;}
/* 产品-详情 */
.proDet-view .pagesBread{background: transparent;padding-bottom: 0;}
.proDet-ban-bg img{width: 100%;}
.proDet-hot-item{width: calc(100% / 3);}
.proDet-hot .proSlide{height: 100%;}
/* .proDet-hot .proSlide .bg{opacity: .05;}
.proDet-hot .proSlide .text{color: rgba(255, 255, 255, .35);}
.proDet-hot .proSlide .more{color: rgba(255, 255, 255, .75);}
.proDet-hot .proSlide .more:hover{color: #fff;}
.proDet-hot .proSlide:hover{background: rgba(255, 255, 255, .03);} */
.proDet-menu .item{user-select: none;cursor: pointer;padding: 0 0.12rem 0.08rem;margin-left: 1rem;border-bottom: 2px solid transparent;}
.proDet-menu .item:first-child{margin-left: 0;}
.proDet-menu .item:hover,.proDet-menu .item.active{color: #0cade6;}
.proDet-menu .item.active{border-color: #0cade6;}
.proDet-show-flex{justify-content: space-between;align-items: flex-start;}
.proDet-show-left{width: 50%;flex-direction: column;align-items: center;}
.proDet-gallery{width: 6.3rem;}
.proDet-gallery-more{height: 5.5rem;}
.proDet-gallery-more img{max-width: 70%;max-height: 80%;}
.proDet-thumbs{width: 4rem;}
.proDet-thumbs-click{height: 0.9rem;border: 1px solid transparent;}
.proDet-thumbs-click img{opacity: .5;max-width: 70%;max-height: 80%;} 
.proDet-thumbs-click:hover img,.proDet-thumbs-click.active img{opacity: 1;}
.proDet-thumbs-click.active{border-color: #0cade6;}
.proDet-show-right{width: 45%;padding-top: 0.5rem;}
.proDet-show-right .label span{padding: max(3px,0.05rem) max(8px,0.1rem);}
.proDet-show-right .list{border-top: 1px solid #e3e8eb;}
.proDet-show-right .list li{position: relative;margin-top: max(8px,0.14rem);padding-left: max(12px,0.16rem);}
.proDet-show-right .list li::after{content: "";position: absolute;left: 0;top: max(7px,0.08rem);width: 4px;height: 4px;border-radius: 50%;background: #686f75;}
.proDet-show-link{margin-right: max(8px,0.16rem);width: max(90px,1.4rem);background: #e1251b;}
.proDet-show-link:nth-child(2){background: #ff4a00;}
.proDet-show-link span,.proDet-show-link i{position: relative;z-index: 2;display: block;transition: transform .4s ease;}
.proDet-show-link i{display: block;width: max(16px,0.22rem);margin-right: max(8px,0.1rem);}
.proDet-show-link:hover i{transform: translateX(-2px);}
.proDet-show-link:hover span{transform: translateX(2px);}



/* 联系我们 */
.ctaIntro-flex{justify-content: space-between;align-items: flex-start;}
.ctaIntro-img{width: 45%;}
.ctaIntro-img img{width: 100%;}
.ctaIntro-con{width: 45%;}
.ctaIntro-list li{border-bottom: 1px solid #e3e8ea;}
.ctaIntro-list .text p:nth-child(2){color: #c6c8ca;}
.ctaIntro-btm{align-items: center;}
.ctaIntro-btm .comMore i{transform: rotate(0);width: max(11px,0.13rem);}
.ctaIntro-btm .comMore:hover i{transform: translateX(4px);}
.ctaMsg .contain{width: 10.8rem;}
.ctaMsg-list{justify-content: space-between;}
.ctaMsg-item{width: 46%;position: relative;}
.ctaMsg-item .comSelect{width: 100%;}
.ctaMsg-item.w100{width: 100%;}
.ctaMsg-item::after{content: "";position: absolute;left: 0;top: max(20px,0.3rem);width: 4px;height: 4px;border-radius: 50%;background: #868c91;}
.ctaMsg-item input{width: 100%;height: max(44px,0.62rem);border-bottom: 1px solid #b7bbbd;padding-left: 12px;}
.ctaMsg-item input::-webkit-input-placeholder{color: #9b9ea1;}
.ctaMsg-item input:focus{border-color: #333;}
.ctaMsg-item textarea{width: 100%;height: max(100px,1.1rem);border-bottom: 1px solid #b7bbbd;padding: max(12px,0.21rem) 12px;}
.ctaMsg-item textarea::-webkit-input-placeholder{color: #9b9ea1;}
.ctaMsg-item textarea:focus{border-color: #333;}
.ctaMsg-item.code-box input{width: calc(100% - max(120px,2.15rem));}
.ctaMsg-item.code-box .code{user-select: none;cursor: pointer;position: absolute;right: 0;bottom: 0;width: max(100px,1.6rem);}
.ctaMsg .comMore i{transform: rotate(0);}
.ctaMsg .comMore:hover i{transform: translateX(4px);}
/* 社会责任 */
.shzr-item{justify-content: space-between;align-items: center;}
.shzr-con{width: 43%;}
.shzr-img{width: 45%;}
.shzr-item:nth-child(2n){flex-direction: row-reverse;}
/* 服务保障 */
.serIntro-item{height: max(200px,2.9rem);background: #fff;flex-direction: column;}
.serIntro-item .ico{height: max(34px,0.48rem);}
.serIntro-item .ico img{max-height: 100%;}
.serIntro-item .page{position: absolute;right: 0;bottom: 0; padding: 0 max(8px,0.1rem) max(4px,0.06rem) 0; justify-content: flex-end;align-items: flex-end;width: max(50px,0.64rem);height: max(50px,0.62rem);background: url('../images/pages/serIntro-dot.png') no-repeat right bottom/100% auto;}
.serCta-bg img{width: 100%;}
.serCta-con{position: absolute;left: 55%;bottom: 0;height: 4rem;flex-direction: column;justify-content: center;}
.serCta-con .phone{align-items: center;}
.serCta-con .phone i{display: flex;width: max(20px,0.31rem);margin-right: max(8px,0.12rem);align-items: center;}
.serCta-con .more{align-items: center;}
.serCta-con .more:nth-child(2){margin-left: 0.7rem;}
.serCta-con .more i{font-size: max(10px,0.12rem);transform: rotate(180deg);margin-left: max(6px,0.08rem);font-weight: 700;}
.serCta-con .more:hover span{transform: translateX(-4px);}
.serCta-con .more:hover i{transform: translateX(4px) rotate(180deg);}
.serList-con{width: 50%;flex-direction: column;justify-content: center;background: #f7f9fa;padding: 0 0.85rem;}
.serList-img{width: 50%;}
.serList-img img{width: 100%;height: max(350px,5.5rem);}
.serList-item:nth-child(2n){flex-direction: row-reverse;}
/* 加入我们 */
.joinZW .contain{width: 12rem;}
.joinZW-select{justify-content: space-between;}
.joinZW-select .comSelect{width: 47%;}
.joinZW-item{margin-top: 10px;background: #fff;}
.joinZW-item:first-child{margin-top: 0;}
.joinZW-menu{user-select: none;cursor: pointer;padding: 0.26rem 0.3rem;position: relative;}
.joinZW-menu .title{width: 41%;}
.joinZW-menu .text{width: 59%;}
.joinZW-menu .text span{display: block;margin: 0 0.35rem;}
.joinZW-menu .btn{width: max(12px,0.14rem);height: max(12px,0.14rem);position: absolute;right: 0.3rem;top: 50%;transform: translateY(-50%);}
.joinZW-menu .btn::before,.joinZW-menu .btn::after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 2px;height: 100%;background: #9a9fa3;transition: all .4s ease;}
.joinZW-menu .btn::after{width: 100%;height: 2px;}
.joinZW-menu.active{background: #0cade6;}
.joinZW-menu.active .title,.joinZW-menu.active .text{color: #fff;}
.joinZW-menu.active .btn::before,.joinZW-menu.active .btn::after{transform: translate(-50%,-50%) rotate(180deg);background: #fff;}
.joinZW-menu.active .btn::before{opacity: 0;}
.joinZW-drop{padding: 0.45rem 0.9rem 0.7rem;display: none;}
.joinZW-drop .edit h1,.joinZW-drop .edit h2,.joinZW-drop .edit h3,.joinZW-drop .edit h4,.joinZW-drop .edit h5,.joinZW-drop .edit h6,.joinZW-drop .edit strong,.joinZW-drop .edit b{font-family: 'M';color: #364047;font-weight: 500;}
.joinZW-drop .edit h1,.joinZW-drop .edit h2,.joinZW-drop .edit h3,.joinZW-drop .edit h4,.joinZW-drop .edit h5,.joinZW-drop .edit h6{margin-bottom: max(5px,0.1rem);}
.joinZW-drop .more{user-select: none;cursor: pointer;align-items: center;}
.joinZW-drop .more i{display: flex;width: max(14px,0.17rem);margin-left: max(8px,0.12rem);align-items: center;}
.joinZW-drop .more:hover span{text-decoration: underline;}
.joinFL-flex{justify-content: space-between;align-items: flex-start;}
.joinFL-desc{width: 32%;position: sticky;top: max(66px,0.8rem);}
.joinFL-list{width: 62.5%;}
.joinFL-list li{position: relative;user-select: none;cursor: pointer;}
.joinFL-img img{width: 100%;height: max(180px,3rem);transform: scale(1.1);}
.joinFL-img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .6);}
.joinFL-con{z-index: 2;position: absolute;left: 0;top: 0;width: 100%;height: 100%;flex-direction: column;justify-content: space-between;padding: 0.4rem;background: #f0f2f3;}
.joinFL-con .ico{height: max(40px,0.72rem);}
.joinFL-con .ico img{max-height: 100%;transition: all .4s ease;}
.joinFL-con .ico .h{position: absolute;left: 0;top: 0;opacity: 0;}
.joinFL-list li:hover .joinFL-img img{transform: scale(1);}
.joinFL-list li:hover .joinFL-con{background: transparent;}
.joinFL-list li:hover .joinFL-con .ico .s{opacity: 0;}
.joinFL-list li:hover .joinFL-con .ico .h{opacity: 1;}
.joinFL-list li:hover .joinFL-con .title{color: #fff;}
.joinFL-list li:hover .joinFL-con .text{color: rgba(255, 255, 255, .75);}
.join-view .indNews-slide .text{color: rgba(54, 64, 71, .35);}
.join-view .indNews-btn{color: rgba(0, 0, 0, .4);}
.join-view .indNews-btn:hover{color: #0cade6;}


/* 招商加盟 */
.ageYS-item{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.ageYS-item:first-child{margin-top: 0;}
.ageYS-img{width: 62%;}
.ageYS-img img{width: 100%;height: 5.7rem;}
.ageYS-con{background: #fff;align-items: center;width: 34%;position: relative;}
/* .ageYS-con::after{content: "";position: absolute;left: 0.8rem;top: 0;width: 2rem;height: 1px;background: #0cade6;} */
.ageYS-con .desc{width: 100%;position: relative;z-index: 2;}
.ageYS-con .ico{position: absolute;right: -0.3rem;top: 1.4rem;transform: translateY(-50%);width: 1.7rem;height: 1.7rem;}
.ageYS-con .ico img{max-height: 100%;}
.ageYS-item:nth-child(2n){flex-direction: row-reverse;}
.ageSup{background: #f7f9fa url('../images/pages/ageSup-bg.jpg') no-repeat center bottom/100% auto;}
.ageSup-flex{justify-content: space-between;align-items: center;}
.ageSup-nav-line{position: absolute;left: max(2px,0.03rem);top: 0;width: 1px;height: 100%;border-left: 1px dashed #dadee0;}
.ageSup-nav-line::before,.ageSup-nav-line::after{content: "";position: absolute;left: 50%;top: 0;transform: translate(-50%,-50%);border: 2px solid #ced7db;width: max(12px,0.15rem);height: max(12px,0.15rem);background: #fff;border-radius: 50%;}
.ageSup-nav-line::after{top: 100%;}
.ageSup-nav-list{padding: 0.85rem 0;}
.ageSup-nav-list li:first-child{margin-top: 0;}
.ageSup-nav-list li{user-select: none;cursor: pointer;align-items: center;position: relative;z-index: 2;padding-left: max(20px,0.35rem);}
.ageSup-nav-list .dot{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: max(5px,0.08rem);height: max(5px,0.08rem);border-radius: 50%;background: #ced7db;}
.ageSup-nav-list .dot i{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 50%;background: #0cade6;transform: scale(0);opacity: 0;transition: all .4s ease;}
.ageSup-nav-list .dot i::after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: max(10px,0.14rem);height: max(10px,0.14rem);border-radius: 50%;border: 1px solid #0cade6;}
.ageSup-nav-list .ico{width: max(15px,0.25rem);height: max(15px,0.25rem);display: flex;align-items: center;justify-content: center;margin-right: max(8px,0.12rem);}
.ageSup-nav-list li.active .dot i{transform: scale(1);opacity: 1;}
.ageSup-nav-list li.active .title{color: #0cade6;}
.ageSup-list{width: 69%;}
.ageSup-item{display: none;align-items: center;justify-content: space-between;}
.ageSup-item.active{display: flex;}
.ageSup-img{width: 5.82rem;height: 5.82rem;animation: supImg 1s ease both;}
.ageSup-img img{width: 100%;height: 100%;border-radius: 50%;}
.ageSup-img::after{animation: circleAni 20s linear infinite; content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 6.57rem;height: 6.57rem;background: url('../images/pages/ageSup-circle.png') no-repeat center/100% auto;}
@keyframes circleAni{0%{transform: translate(-50%,-50%) rotate(0);}100%{transform: translate(-50%,-50%) rotate(360deg);}}
@keyframes supImg {0%{opacity: 0;transform: translateX(-0.3rem);}100%{opacity: 1;transform: translateX(0);}}
@keyframes supCon {0%{opacity: 0;transform: translateX(0.3rem);}100%{opacity: 1;transform: translateX(0);}}
.ageSup-con{width: 3.6rem;animation: supCon 1s ease both;}
.ageSup-con .top{align-items: center;justify-content: space-between;}
.ageSup-con .text{border-top: 1px solid #dadee0;}
.ageCta-bg img{width: 100%;}
.ageCta-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.ageCta-con .contain{height: 100%;flex-direction: column;justify-content: center;}
.ageCta-con .ctaMsg-list{width: 7.2rem;}
.ageCta-con .ctaMsg-item input{background: transparent;}
/* .ageCta-con .ctaMsg-item::after{background: #fff;}
.ageCta-con .ctaMsg-item input{background: transparent;border-color: #fff;}
.ageCta-con .ctaMsg-item input::-webkit-input-placeholder{color: #fff;}
.ageCta-con .comSelect .customSelect-name{color: #fff;border-color: #fff;}
.ageCta-con .comSelect .isSelect label{color: #fff;}
.ageCta-con .comSelect .customSelect-name::after{color: #fff;} */
/* 关于我们 */
.abIntro-sticky{position: sticky;top: 0;width: 100%;overflow: hidden;}
.abIntro-bg img{width: 100%;height: 100vh;}
.abIntro-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding-top: 2.4rem;}
.abIntro-con .text{width: max(500px,7.6rem);}
.abIntro-logo{z-index: 10;pointer-events: none;position: absolute;left: 0;top: -2px;width: 100%;height: calc(100% + 4px);}
.abIntro-logo img{width: 100%;height: 100%;}
.abIntro2-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.abIntro2-bg img{width: 100%;height: 100%;}
.abIntro2-con{position: relative;z-index: 2;}
.abIntro2-desc{width: 7.3rem;}
.abData{background: url('../images/pages/abData-bg.jpg') no-repeat center/cover;}
.abData .contain{width: 12.5rem;}
.abData-list ul{justify-content: center;margin: -0.9rem 0 0 -1.1rem;}
.abData-list li{margin: 0.9rem 0 0 1.1rem;width: calc(100% / 3 - 1.1rem);}
.abData-item{height: 100%;padding: 0.15rem 0;flex-direction: column;}
.abData-item::before,.abData-item::after{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: max(14px,0.34rem);height: max(45px,1.1rem);background: url('../images/pages/abData-dot.png') no-repeat center/100% auto;}
.abData-item::after{left: auto;right: 0;transform: translateY(-50%) rotate(180deg);}
.abData-item .num span{line-height: 1;}
.abData-item .num p{margin-left: max(3px,0.05rem);}
.abWH-bg{background: #999;}
.abWH-bg .item{position: absolute;left: 0;top: 0;width: 100%;transition: all 1s linear;opacity: 0;pointer-events: none;}
.abWH-bg .item:first-child{position: relative;}
.abWH-bg .item.active{z-index: 2;opacity: 1;pointer-events: all;}
.abWH-bg .item img{width: 100%;height: 9.2rem;}
.abWH-con{position: absolute;left: 0;top: 0;width: 100%;z-index: 10;padding-top: 3rem;}
.abWH-swp{width: 4.8rem;margin: 0 auto;}
.abWH-swp .swiper-container{overflow: visible;}
.abWH-slide{flex-direction: column;padding-bottom: 0.3rem;}
.abWH-slide .title{width: 2.6rem;height: 2.6rem;border-radius: 50%;border: 1px solid #fff;transition: all .6s ease;user-select: none;cursor: pointer;}
.abWH-slide .text{opacity: 0;transform: translateY(0.3rem);transition: all 1s ease;color: #fff;}
.swiper-slide-active .abWH-slide .title{border-color: #0cade6;background: #0cade6;}
.swiper-slide-active .abWH-slide .text{opacity: 1;transform: translateY(0);transition-delay: .2s;}
.abHistory .comTitle{z-index: 10;pointer-events: none;left: var(--widDb);top: 1.2rem;position: absolute;}
.abHistory-left{width: 36%;height: calc(100vh - max(64px,0.78rem));border-right: 1px solid #ddd;position: sticky;top: max(64px,0.78rem);}
.abHistory-swp{height: 100%;}
.abHistory-swp .swiper-container{height: 100%;}
.abHistory-frame{pointer-events: none; z-index: 2; justify-content: flex-end; position: absolute;left: 0;top: 50%;transform: translateY(-50%); width: 100%;height: 20%;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.abHistory-frame .box{width: 3.6rem;height: 100%;position: relative;}
.abHistory-frame .ico{position: absolute;left: 0;top: 50%;transform: translateY(-50%) rotate(180deg);font-weight: 700;}
.abHistory-frame .line{position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 2px;height: max(20px,0.32rem);}
.abHistory-slide{height: 100%;align-items: center;text-align: center;user-select: none;cursor: pointer;justify-content: flex-end;}
.abHistory-slide .text{color: #cfcfd1;align-items: flex-end;width: 3.6rem;justify-content: center;padding-left: 0.3rem;}
.abHistory-slide .text p{line-height: 1.05;}
.abHistory-slide .text span{display: block;margin-left: max(4px,0.08rem);opacity: 0;transition: opacity .4s ease;font-size: max(14px,0.2rem);}
.swiper-slide-active .abHistory-slide .text{color: #333;font-size: max(24px,0.36rem);}
.swiper-slide-active .abHistory-slide .text p{font-family: 'M';font-weight: 500;}
.swiper-slide-active .abHistory-slide .text span{opacity: 1;}
.abHistory-right{width: 55%;padding: 1.2rem 1rem 1rem 1.4rem;}
.abHistory-right .box{height: 100%;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center;}
.abHistory-list{display: none;padding-right: 0.5rem;width: 100%;transition: all .6s ease;}
.abHistory-list.active{display: block;}
.abHistory-list::-webkit-scrollbar{width: 3px;height: 2px}
.abHistory-list::-webkit-scrollbar-thumb{background: #bbb}
.abHistory-list::-webkit-scrollbar-track{background: transparent}
@-moz-document url-prefix(){
    .abHistory-list{scrollbar-color: #bbb transparent;scrollbar-width:thin}
    .abHistory-list{scrollbar-face-color: #bbb;scrollbar-shadow-color: #bbb;scrollbar-arrow-color: #000;scrollbar-track-color: transparent}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
    .abHistory-list{scrollbar-color:#bbb transparent;scrollbar-width:thin}
    .abHistory-list{scrollbar-face-color: #bbb;scrollbar-shadow-color: #bbb;scrollbar-arrow-color: #000;scrollbar-track-color: transparent}
}
.abHistory-list li{margin-top: 0.4rem;}
.abHistory-list li:first-child{margin-top: 0;}
.abHistory-list .img{margin-bottom: 0.4rem;width: 3rem;}
.abHonor-nav{border-bottom: 1px solid #dae0e3;}
.abHonor-nav .item{padding: 0 0.14rem 0.14rem;margin-left: 0.3rem;}
.abHonor-nav .item:first-child{margin-left: 0;}
.abHonor-nav .item::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 2px;background: #0cade6;opacity: 0;transition: all .4s ease;}
.abHonor-nav .item:hover,.abHonor-nav .item.active{color: #0cade6;}
.abHonor-nav .item.active::after{opacity: 1;}
.abHonor-item{background: #fff;height: 100%;padding: 0 0.3rem;}
.abHonor-item .img{height: 3.4rem;}
.abHonor-item .img img{max-width: 80%;max-height: 70%;}
.abHonor-item .btn{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);opacity: 0;width: max(40px,0.66rem);height: max(40px,0.66rem);background: url('../images/pages/abHonor-btn.png') no-repeat center/100% auto;}
.abHonor-item .title{padding: 10px 0;border-top: 1px solid #e3e8ea;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;min-height: max(60px,0.9rem);}
.abHonor-item:hover{box-shadow: 0 10px 30px rgba(0, 0, 0, .1);}
.abHonor-item:hover .img{opacity: .2;}
.abHonor-item:hover .btn{opacity: 1;transform: translate(-50%,-50%);}
/* 品牌故事 */
.storyHZ{background: url('../images/pages/storyHZ-bg.jpg') no-repeat center/cover;}
.storyHZ .contain{width: 12.3rem;}
.storyHZ-con{height: 5rem;}
.storyHZ-img{width: 2.96rem;}
.storyHZ-list{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.storyHZ-list li{position: absolute;}
.storyHZ-list .logo-box{position: relative; width: 1.3rem;height: 1.3rem;border-radius: 50%;background: #fff;transform-style: preserve-3d;transition: all .6s ease;box-shadow: 0px 0.18rem 0.48rem 0px rgba(8, 84, 118, 0.06);}
.storyHZ-list .logo{position: absolute;left: 0;top: 0;width: 100%;height: 100%;backface-visibility: hidden;}
.storyHZ-list .logo img{max-width: 70%;max-height: 70%;}
.storyHZ-list .logo:nth-child(2){transform: rotateY(180deg);}
.storyHZ-list li:hover .logo-box{transform:rotateY(180deg);}
.storyHZ-list li:nth-child(1) .logo-box{width: 1.5rem;height: 1.5rem;}
.storyHZ-list li:nth-child(3) .logo-box,.storyHZ-list li:nth-child(8) .logo-box{width: 1.7rem;height: 1.7rem;}
.storyHZ-list li:nth-child(6) .logo-box{width: 1.1rem;height: 1.1rem;}
.storyHZ-list li:nth-child(1){position: absolute;left: 0%;top: 61%;}
.storyHZ-list li:nth-child(2){position: absolute;left: 11%;top: 35%;}
.storyHZ-list li:nth-child(3){position: absolute;left: 21%;top: 2%;}
.storyHZ-list li:nth-child(4){position: absolute;left: 28%;top: 60%;}
.storyHZ-list li:nth-child(5){position: absolute;left: 69%;top: -3%;}
.storyHZ-list li:nth-child(6){position: absolute;left: 69%;top: 37%;}
.storyHZ-list li:nth-child(7){position: absolute;left: 60%;top: 71%;}
.storyHZ-list li:nth-child(8){position: absolute;left: 83%;top: 43%;}
.storyDZ{height: 9.2rem;}
.storyDZ .contain{height: 100%;flex-direction: column;}
.storyDZ .text{letter-spacing: max(2px,0.06rem);}
.storyRD{background: url('../images/pages/storyRD-bg.jpg') no-repeat center/cover;}
.storyRD-flex{justify-content: space-between;align-items: center;}
.storyRD-desc{width: 37%;}
.storyRD-img{width: 47%;}
.storyLang{background: #1d1e1f;}
.storyLang .contain{width: 12.6rem;}
.storyLang-img{width: 34%;}
.storyLang-img img{width: 100%;height: 4.9rem;}
.storyLang-con{color: rgba(255, 255, 255, .36); width: 66%;background: #262829;padding: 0 0.2rem 0 1rem;display: flex;flex-wrap: wrap;flex-direction: column;justify-content: center;}
.storyLang-con .text2{margin-top: max(3px,0.06rem);}

/* 案例-列表 */
.caseFilter-row{border-bottom: 1px solid #e1e6e9;align-items: flex-start;}
.caseFilter-title{width: max(70px,0.96rem);}
.caseFilter-right{width: calc(100% - max(70px,0.96rem));align-items: flex-start;}
.caseFilter-title{padding-top: max(2px,0.03rem);}
.caseFilter-all,.caseFilter-result .btn{user-select: none;cursor: pointer;padding: max(3px,0.04rem) max(7px,0.09rem);}
.caseFilter-list{flex: 1;margin-top: min(-10px,-0.15rem);padding-top: max(1px,0.02rem);}
.caseFilter-list .item{user-select: none;cursor: pointer;align-items: center;margin: max(10px,0.15rem) 0 0 max(15px,0.42rem);}
.caseFilter-list .item i{position: relative;display: block;border: 1px solid #dae0e3;background: #fff;width: max(14px,0.16rem);height: max(14px,0.16rem);font-size: max(12px,0.14rem);position: relative;margin-right: max(8px,0.1rem);overflow: visible;}
.caseFilter-list .item i::before{opacity: 0; display: block;position: absolute;left: 0;bottom: 0px;background-image: linear-gradient(to right, #1acaed, #0cade6);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.caseFilter-list .item span{color: rgba(54, 64, 71, .85);}
.caseFilter-list .item.active i::before{opacity: 1;}
.caseFilter-result{align-items: center;}
.caseFilter-result .text{margin: -10px 0 0 0;display: flex;flex-wrap: wrap;color: rgba(54, 64, 71, .6);padding-right: max(4px,0.06rem);}
.caseFilter-result .text span{display: block;margin: 10px 12px 0 0;}







/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px){
    /* 1600 × (900) */
}
@media all and (max-width:1590px){
    /* 1440 × (700)  */
}
@media all and (max-width:1430px){
    /* 1360 */
}
@media all and (max-width:1350px){
    /* 1280 */
}
@media all and (max-width:1270px){
    /* 1152 × (700) */
}
/* --------------------平板(横屏1024)---------------------- */
@media all and (max-width:1100px){}
/* --------------------平板(竖屏768)----------------------- */
@media all and (max-width:1000px){}
/* --------------------手机端(360)------------------------- */
@media all and (max-width:720px){
    .pagesBan-con .text, .pagesBan-con .label{opacity: 1;}
    .pagesNav .contain{overflow-x: auto;}
    .pagesNav-list{justify-content: flex-start;white-space: nowrap;flex-wrap: nowrap;}
    .newsShow-img{width: 100%;}
    .newsShow-img img{height: 52vw;}
    .newsShow-con{width: 100%;padding: 15px 15px 25px;}
    .newsShow-btn{display: none;}
    .newsShow .com-pagination{width: 100%;bottom: auto;top: 43vw;}
    .newsItem-img img{height: 52vw;}
    .newsItem-con{padding: 15px;}
    .newsDet-left{width: 100%;}
    .newsDet-right{width: 100%;margin-top: 30px;position: relative;top: auto;padding: 20px 15px;}
    .caseDet-con{padding-top: 40px;}
    .caseDet-show-swp{width: 100%;}
    .caseDet-show-con{width: 100%;padding: 15px 15px 30px;}
    .caseDet-show-slide img{height: 220px;}
    .caseDet-show-next{display: none;}
    .caseDet-edit{padding: 20px 15px;}
    .solution-desc{top: 15px;}
    .solution-view .banner-bg img{height: 250px;}
    .solDet-app .contain{width: 92%;}
    .solDet-app-item .img img{height: 180px;}
    .solDet-app-item .desc{padding: 10px;}
    .solDet-app-item .title{font-size: 14px;}
    .solDet-app-item .text{font-size: 12px;}
    .solDet-service-left{width: 100%;padding-top: 0;position: relative;top: 0;display: none;}
    .solDet-service-right{width: 100%;}
    .solDet-service-right .list li{margin-top: 25px;}
    .solDet-service-right .list li img{height: 250px;}
    .proNav-btn{display: none;}
    .proBan-con .top2{font-size: 10px;}
    .proHead{padding-bottom: 15px;align-items: flex-start;}
    .proMenu{width: calc(100% - 120px);flex-wrap: nowrap;white-space: nowrap;justify-content: flex-start;overflow-x: auto;}
    .proMenu .item{padding-bottom: 10px;}
    .proMenu .item::after{bottom: 0;}
    .proNext{display: none;}
    .pro-module{padding-top: 50px;}
    .proDet-gallery{width: 100%;}
    .proDet-show-left{width: 100%;}
    .proDet-gallery-more{height: 280px;}
    .proDet-thumbs{width: 80%;}
    .proDet-thumbs-click{height: 60px;}
    .proDet-show-right{width: 100%;padding-top: 40px;}
    .proDet-show-right .title{font-size: 24px;}
    .proDet-hot-item{width: 100%;}
    .ctaIntro-img{width: 100%;}
    .ctaIntro-con{width: 100%;margin-top: 20px;}
    .ctaMsg .contain{width: 92%;}
    .ctaMsg-item{width: 100%;}
    .shzr-item{flex-direction: column !important;}
    .shzr-img{width: 100%;margin-top: 10px;}
    .shzr-con{width: 100%;}
    .shzr-con .title{line-height: 1.3;}
    .serCta-flex{flex-direction: column-reverse;display: flex;background: #f2f4f5;margin-top: 20px;}
    .serCta-con{position: relative;left: auto;bottom: auto;height: auto;padding: 20px 15px;}
    .serList-item{flex-direction: column-reverse !important;margin-top: 20px;}
    .serList-item:first-child{margin-top: 0;}
    .serList-img{width: 100%;}
    .serList-con{width: 100%;padding: 20px 15px;}
    .serList-img img{height: 250px;}
    .joinZW-select .comSelect{width: 100%;}
    .joinZW-select .comSelect:nth-child(2){margin-top: 10px;}
    .joinZW-menu{padding: 15px;}
    .joinZW-menu .title{width: 100%;font-size: 16px;}
    .joinZW-menu .text{width: 100%;margin-top: 10px;}
    .joinZW-menu .btn{top: 20px;transform: none;}
    .joinZW-drop{padding: 25px 15px;}
    .joinFL-desc{position: relative;top: auto;width: 100%;}
    .joinFL-list{width: 100%;margin-top: 20px;}
    .ageYS-img{width: 100%;}
    .ageYS-con{width: 100%;position: relative;right: auto;width: 100%;height: auto;padding: 20px 15px 30px;background: #f3f3f3;}
    .ageYS-con::after{left: 0;width: 30px;display: none;}
    .ageYS-img img{height: 210px;}
    .ageSup-nav{width: 100%;}
    .ageSup-nav-line{display: none;}
    .ageSup-nav-list{display: flex;white-space: nowrap;overflow-x: auto;padding: 5px 0;}
    .ageSup-nav-list li{flex-wrap: nowrap;padding: 15px 0 0;margin: 0 0 0 25px;}
    .ageSup-nav-list li:first-child{margin-left: 0;}
    .ageSup-nav-list .dot{left: 50%;top: 5px;transform: translateX(-50%);}
    .ageSup-list{width: 100%;margin-top: 60px;}
    .ageSup-item{flex-direction: column;align-items: center;}
    .ageSup-img{width: 240px;height: 240px;}
    .ageSup-img::after{width: 280px;height: 280px;}
    .ageSup-con{width: 100%;margin-top: 50px;}
    .ageCta-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
    .ageCta-bg img{width: 100%;height: 100%;object-position: 0% center;}
    .ageCta-con{position: relative;z-index: 2;padding: 40px 0;}
    .ageCta-con .ctaMsg-list{width: 100%;}
    .ageCta-con .comMore-box{justify-content: center;}
    .abHistory{padding: 40px 4%;}
    .abHistory .comTitle{position: relative;left: auto;top: auto;}
    .abHistory-left{width: 100%;height: auto;border: unset;position: relative;top: auto;}
    .abHistory-swp{margin-top: 20px;}
    .abHistory-frame{display: none;}
    .abHistory-slide .text p{line-height: .9;}
    .abHistory-slide{justify-content: center;height: 30px;}
    .abHistory-right{width: 100%;padding: 0;margin-top: 30px;}
    .abHistory-list{padding-right: 5px;}
    .abIntro-sticky{position: relative;}
    .abIntro-logo{display: none;}
    .abIntro-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
    .abIntro-bg img{height: 100%;}
    .abIntro-con{position: relative;height: auto;padding: 40px 0;}
    .abIntro-con .text{width: 100%;}
    .abData .contain{width: 92%;}
    .abData-list ul{margin: -30px 0 0 -15px;}
    .abData-list li{margin: 30px 0 0 15px;width: calc(100% / 2 - 15px);}
    .abData-item .num span{font-size: 34px;}
    .abData-item .text{font-size: 12px;}
    .abWH-slide .title{width: 100px;height: 100px;}
    .abWH-bg .item img{height: 400px;}
    .abHistory-slide .text{width: 100%;}
    .abHistory-list .img{width: 150px;}
    .abHonor-nav .item{padding: 0 12px 10px;}
    .abHonor-list .uli.ml20.uli4 li {width: calc(100%/2 - max(8px,0.2rem));}
    .abHonor-item .img{height: 180px;}
    .abHonor-item .img img{max-width: 90%;}
    .storyDZ .title{font-size: 28px;}
    .storyRD-desc{width: 100%;}
    .storyRD-img{width: 100%;margin-top: 15px;}
    .storyLang .contain{width: 92%;}
    .storyLang-img{width: 100%;}
    .storyLang-img img{height: 250px;}
    .storyLang-con{width: 100%;padding: 25px 15px;}
    .storyLang-con .text2{width: 100%;margin-top: 5px;}
    .solution-view .banner-item{margin-top: 25px;}
    #sol15 .banner-item:nth-child(1) {left: 16%;top: 42%;}
    #sol16 .banner-item:nth-child(1) {left: 25%;top: 50%;}
    .proSlide .img-box{height: 180px;}
    .proSlide .img{max-width: 80%;}
    .proSlide .title{font-size: 14px;}
    .proSlide .text{font-size: 13px;}
    .proSlide{padding: 12px 8px;}
    .solDet-app-menu{justify-content: flex-start;white-space: nowrap;overflow-x: auto;}
    .solDet-app-swp .com-pagination{margin-top: 80px;}
    .joinFL-img img{transform: scale(1);}
    .joinFL-con{background: transparent;}
    .joinFL-con .ico .s{opacity: 0;}
    .joinFL-con .ico .h{opacity: 1;}
    .joinFL-con .title{color: #fff;}
    .joinFL-con .text{color: rgba(255, 255, 255, .75);}
    .serIntro-list .uli.ml30.uli3 li {width: calc(100%/2 - max(12px,0.3rem));}
    .serIntro-item{height: 180px;padding-bottom: 15px;}
    .serIntro-item .ico{height: 30px;}
    .serIntro-item .page{width: 40px;height: 40px;font-size: 12px;padding: 0 4px 3px 0;}
    .abIntro2-desc{width: 100%;}
    .abIntro2-bg img{object-position: left center;}
    .caseFilter-row{padding: 15px 0;}
    .caseFilter-title{width: 100%;}
    .caseFilter-right{width: 100%;margin-top: 10px;}
    .caseFilter-list{padding-top: 2px;}
    .caseFilter-result{margin-top: 15px;}
    .caseFilter-result .title{margin-top: 10px;}
    .caseFilter-result .text{margin-top: 0;}
    .caseFilter-result .btn{margin-top: 10px;}
    .proNav-slide{height: 100px;}
    .proNav-slide .ico{height: 34px;}
    .proNav-slide .title{font-size: 10px;}
    
}