@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.4rem);height: max(34px,0.4rem);border: 1px solid transparent;margin: 0 3px;font-size: max(12px,0.14rem);color: #66788c;transition: all .4s ease;border-radius: 50%;display: flex;align-items: center;justify-content: center;line-height: 1;}
.paging-menu a.prev,.paging-menu a.next{border-color: #c1cdd9;}
.paging-menu a i{font-size: 10px;}
.paging-menu a.next{transform: rotateY(180deg);}
.paging-menu a:hover, .paging-menu a.active, .paging a.on{color: #009fb9;}
.paging-menu a.next:hover{border-color: #009fb9;color: #009fb9;}
.paging-skip{margin-left: max(10px,0.2rem);align-items: center;}
.paging-skip .text{font-size: max(12px,0.14rem);color: #66788c;}
.paging-skip .form{display: flex;align-items: center;}
.paging-skip .form input{margin: 0 max(10px,0.2rem) 0 max(5px,0.1rem);width: max(70px,0.8rem);height: max(34px,0.4rem);border: 1px solid #c2cdd9;font-size: max(12px,0.14rem);color: #66788c;transition: all .4s ease;text-align: center;border-radius: 40px;}
.paging-skip .form input:focus{border-color: #009fb9;}
.paging-skip .form .btn{user-select: none;cursor: pointer; border-radius: 50%; width: max(34px,0.4rem);height: max(34px,0.4rem);background: #009fb9;color: #fff;font-size: max(12px,0.14rem);transition: all .4s ease;}
.paging-skip .form .btn:hover{background: #028aa0;}



@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: #009fb9;line-height: 1.1;}
.search-result span{margin-left: 6px;}
.search-info{width: 100%;line-height: 1.1;color: #333;}
.search-info span{color: #009fb9;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: #009fb9 !important;}
.search-link:hover h2{color: #009fb9;}
/* 隐私协议 */
.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: #009fb9;}
.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: #009fb9;}
.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;}
}
/* 内页公共 */
.pagesCta{border-radius: 0 0 2rem 2rem;overflow: hidden;}
.pagesCta-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.pagesCta-bg img{width: 100%;height: 100%;}
.pagesCta-con{position: relative;z-index: 2;}
.pagesCta-con .contain{flex-direction: column;}
/* 加入我们 */
.join-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.join-bg img{width: 100%;height: 100%;}
.join-con{position: relative;z-index: 2;}
.join-nav .item{width: max(110px,1.8rem);height: max(40px,0.54rem);margin-left: max(15px,0.2rem);}
.join-nav .item:first-child{margin-left: 0;}
.join-nav .item span{position: relative;z-index: 2;}
.join-nav .item::before,.join-nav .item::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 40px;border: 1px solid #009fb9;background: #fff;transition: all .4s ease;}
.join-nav .item::after{opacity: 0;border: unset;background: linear-gradient(135deg, #00dbff, #009fb9);}
.join-nav .item.active{color: #fff;}
.join-nav .item.active::before{opacity: 0;}
.join-nav .item.active::after{opacity: 1;}
.join-item{height: 100%;padding: 0.24rem 0.3rem 0.2rem;border: 1px solid rgba(255, 255, 255, .3);background: rgba(0, 159, 185, .3);backdrop-filter: blur(20px);}
.join-item .ico{height: max(24px,0.33rem);}
.join-item .ico img{max-height: 100%;}
/* 新闻-列表 */
.newsShow-flex{justify-content: space-between;align-items: flex-start;}
.newsShow-left{width: 48%;}
.newsShow-left .img img{width: 100%;height: max(420px,4.86rem);}
.newsShow-left .con{padding: 0 0.3rem 0.55rem;display: flex;flex-direction: column;justify-content: flex-end; position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(to top,rgba(36,45,52,.9) 0%,transparent 80%);}
.newsShow-left .con>div{width: 100%;}
.newsShow-left .label{margin: -10px 0 0 -10px;position: absolute;left: 0.3rem;top: 0.5rem;}
.newsShow-left .label span{padding: max(4px,0.05rem) max(11px,0.14rem);border-radius: 30px;margin: 10px 0 0 10px;}
.newsShow-left .title{transition: all .4s ease;}
.newsShow-left:hover .img img{transform: scale(1.1);}
.newsShow-left:hover .title{text-decoration: underline;color:#009fb9}
.newsShow-right{width: 49%;}
.newsShow-right-item:first-child{margin-top: 0;}
.newsShow-right-item{align-items: center;justify-content: space-between;}
.newsShow-right-item .img{width: 36%;}
.newsShow-right-item .img img{width: 100%;height: max(120px,1.5rem);}
.newsShow-right-item .con{width: 60%;}
.newsShow-right-item .label{margin: -10px 0 0 -10px;}
.newsShow-right-item .label span{margin: 10px 0 0 10px; border: 1px solid #cacaca;border-radius: 30px;padding: max(3px,0.04rem) max(7px,0.08rem);color: #2e2e2e;background: transparent;}
.newsShow-right-item:hover .img img{transform: scale(1.1);}
.newsShow-right-item:hover .title{color: #009fb9;text-decoration: underline;}
.newsNav .item{min-width: max(90px,1.36rem);height: max(34px,0.46rem);margin-left: max(10px,0.2rem);color: #3c5164;padding: 0 max(15px,0.2rem);}
.newsNav .item:first-child{margin-left: 0;}
.newsNav .item span{position: relative;z-index: 2;}
.newsNav .item::before,.newsNav .item::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 40px;border: 1px solid #c0ccd8;transition: all .4s ease;}
.newsNav .item::after{opacity: 0;border: unset;background: linear-gradient(135deg, #00dbff, #009fb9);}
.newsNav .item:hover,.newsNav .item.active{color: #fff;}
.newsNav .item:hover::before,.newsNav .item.active::before{opacity: 0;}
.newsNav .item:hover::after,.newsNav .item.active::after{opacity: 1;}
.newsItem{height: 100%;display: flex;flex-direction: column;}
.newsItem-img .img img{width: 100%;height: 2.7rem;}
.newsItem-img .img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 159, 185, .5);opacity: 0;transition: all .5s ease;}
.newsItem-img .btn{z-index: 2;position: absolute;left: 50%;transform: translate(-50%,0%) rotate(180deg);opacity: 0; top: 50%;width: max(34px,0.4rem);height: max(34px,0.4rem);border-radius: 50%;border: max(2px,0.03rem) solid #fff;}
.newsItem-con{padding: 0.3rem 0.3rem 0.45rem;background: #eef1f4;flex: 1;}
.newsItem-con::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 0 0 max(8px,0.20rem) max(8px,0.20rem);border: 1px solid #009fb9;border-top: unset;opacity: 0;transition: all .4s ease;pointer-events: none;}
.newsItem-con .label{margin: -10px 0 0 -10px;}
.newsItem-con .label span{margin: 10px 0 0 10px; border: 1px solid #cacaca;border-radius: 30px;padding: max(3px,0.04rem) max(7px,0.08rem);color: #2e2e2e;background: transparent;}
.newsItem:hover{box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);transform: translateY(-10px);}
.newsItem:hover .newsItem-img .img::after{opacity: 1;}
.newsItem:hover .newsItem-img .btn{opacity: 1;transform: translate(-50%,-50%) rotate(180deg);}
.newsItem:hover .newsItem-con{background: #fff;}
.newsItem:hover .newsItem-con .title{color: #009fb9;}
.newsItem:hover .newsItem-con::after{opacity: 1;}
/* 案例-列表 */

.caseSelect-group{position: relative;z-index: 100;}
.caseSelect{position: relative;margin-left: max(10px,0.2rem);z-index: 5;}
.caseSelect:first-child{margin-left: 0;}
.caseSelect-menu{user-select: none;cursor: pointer;height: max(40px,0.46rem);z-index: 2; border-radius: max(22px,0.25rem);border: 1px solid #c0ccd8;align-items: center;padding: 0 max(15px,0.25rem);position: relative;background: #fff;}
.caseSelect-menu span{display: block;min-width: max(140px,1.8rem);padding-right: 15px;}
.caseSelect-menu i{display: block;transform: rotate(180deg);font-size: 10px;color: #66788c;transition: all .4s ease;}
.caseSelect-menu.active{border-color: #009fb9;color: #009fb9;}
.caseSelect-menu.active i{transform: rotate(0);color: #009fb9;}
.caseSelect-drop{display: none; position: absolute;left: 0;top: 50%;width: 100%;background: #fff;padding: max(20px,0.23rem) 0 10px;border: 1px solid #009fb9;border-top: unset;border-radius: 0 0 max(22px,0.25rem) max(22px,0.25rem);}
.caseSelect-drop .list{max-height: max(240px,2.76rem);overflow-y: auto;}
.caseSelect-drop .item{padding: max(6px,0.09rem) 5px max(6px,0.09rem) max(15px,0.25rem);}
.caseSelect-drop .item:hover{color: #009fb9;}
/* 探索-列表 */
.blog-head{justify-content: space-between;align-items: center;}
.blog-form input{width: max(220px,3.08rem);height: max(34px,0.46rem);border-radius: 40px;padding-left: max(14px,0.22rem);border: 1px solid #009fb9;}
.blog-form input::-webkit-input-placeholder{color: #3c5164;}
.blog-form input:focus{border-color: #00dbff;}
.blog-form .btn{position: absolute;right: max(4px,0.06rem);top: 50%;transform: translateY(-50%);padding-bottom: max(3px,0.05rem); width: max(50px,0.84rem);height: calc(100% - max(8px,0.12rem));border-radius: 40px;user-select: none;cursor: pointer;overflow: hidden;}
.blog-form .btn span{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: block;opacity: 0;transition: all .6s ease;}
.blog-form .btn i{position: relative;z-index: 2;width: max(14px,0.18rem);height: max(16px,0.21rem);display: block;background: url('../images/pages/blog-icon.png') no-repeat center/100% auto;}
.blog-form .btn:hover span{opacity: 1;}
/* 视频-列表 */
.video-right .blog-form{margin-left: max(10px,0.2rem);}
.video-btn{padding-left: max(2px,0.04rem); user-select: none;cursor: pointer;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: max(40px,0.65rem);height: max(30px,0.4rem);background: rgba(0, 0, 0, .5);z-index: 5;}
.video-btn span{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;transition: all .6s ease;}
.video-btn i{position: relative;z-index: 2;}
.videoPlay:hover .video-btn span,.video-btn:hover span{opacity: 1;}
/* .newsItem.videoPlay .newsItem-img .img::after{display: none;}
.newsItem.videoPlay .newsItem-con{padding: 20px 0 max(10px,0.26rem);background: transparent;}
.newsItem.videoPlay .newsItem-con::after{display: none;}
.newsItem.videoPlay:hover{transform: none;box-shadow: unset;} */
/* 新闻-详情 */
.newsDet-intro{justify-content: space-between;}
.newsDet-intro-con{width: 50%;flex-direction: column;justify-content: space-between;}
.newsDet-intro-con .label span{border-radius: 40px;padding: max(4px,0.05rem) max(12px,0.15rem);}
.newsDet-intro-con .text{margin-left: -12px;}
.newsDet-intro-con .text span{display: block;margin: 12px 0 0 12px;border-radius: 40px;background: #e5f6f8;padding: max(8px,0.11rem) max(10px,0.14rem);}
.newsDet-intro-img{width: 47%;}
.newsDet-intro-img img{width: 100%;height: max(260px,4rem);}
.newsDet-menu{justify-content: space-between;align-items: center;background: #e5f6f8;border-top: 2px solid #bfc9cf;padding: 0.26rem 0.35rem;}
#toShare{display: flex;}
#toShare a{display: flex;color: #fff;font-size: max(16px,0.2rem);position: relative; width: max(34px,0.4rem);height: max(34px,0.4rem);margin-left: 15px;border-radius: 50%;overflow: hidden; align-items: center;justify-content: center;transition: all .4s ease;}
#toShare a span{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;transition: all .6s ease;}
#toShare a i{position: relative;z-index: 2;}
#toShare a>img{max-width: 22px;}
#toShare a:first-child{margin: 0;}
#toShare a:hover span{opacity: 1;}
#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-contact{align-items: center;}
.newsDet-contact .title{margin-right: max(10px,0.2rem);}
.newsDet-contact .comMore{padding: max(8px,0.12rem) max(22px,0.41rem);}
.newsDet-edit h1,.newsDet-edit h2,.newsDet-edit h3,.newsDet-edit h4{font-size: max(18px,0.32rem);font-family: 'fms';}
.newsDet-hot{background: linear-gradient(to bottom,#d7edf1,#fff);}
.newsDet-hot-head{justify-content: space-between;align-items: center;}
.newsDet-hot-btn .btn{user-select: none;cursor: pointer;width: max(35px,0.45rem);height: max(35px,0.45rem);}
.newsDet-hot-btn .btn::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 50%;border: 1px solid #009fb9;transition: all .4s ease;}
.newsDet-hot-btn .btn span{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 50%;z-index: 2;opacity: 0;}
.newsDet-hot-btn .btn i{position: relative;z-index: 4;}
.newsDet-hot-btn .btn.next{transform: rotate(180deg);margin-left: 14px;}
.newsDet-hot-btn .btn:hover{color: #fff;}
.newsDet-hot-btn .btn:hover::before{opacity: 0;}
.newsDet-hot-btn .btn:hover span{opacity: 1;}
.newsDet-hot-swp{width: calc(100% + 0.3rem);margin-left: -0.15rem;}
.newsDet-hot-swp .swiper-slide{padding: 0.55rem 0.15rem;height: auto;}
.newsDet-hot-swp .newsItem:hover{transform: translateY(-0.1rem);box-shadow: 0px 0.1rem 0.2rem 0px rgba(0, 0, 0, 0.1);}
/* 案例-详情 */
.caseDet-faq .faq-list li{padding: 0 0 0.08rem;}
.caseDet-faq .faq-list li:first-child{border-top: unset;}
.caseDet-faq .faq-list li:last-child{border-bottom: unset;}
/* 探索-详情 */
.blogDet-flex{justify-content: space-between;align-items: flex-start;}
.blogDet-left{width: 24%;position: sticky;top: max(100px,1.1rem);}
.blogDet-nav{max-height: 80vh;overflow-y: auto;}
.blogDet-nav .item{user-select: none;cursor: pointer;}
.blogDet-nav .item:hover,.blogDet-nav .item.active{color: #009fb9;}
.blogDet-right{width: 70%;}
/* 常见问题 */
.faqBan-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.faqBan-bg img{width: 100%;height: 100%;}
.faqBan-con{position: relative;z-index: 2;}
.faqBan-con .contain{width: 8rem;}
.faqBan-con .title,.faqBan-con .text{animation: banTop 1s ease both .1s;}
.faqBan-form{animation: banTop 1s ease both .2s;}
.faqBan-form{width: 100%;}
.faqBan-form input{width: 100%;background: transparent; height: max(40px,0.58rem);border-radius: 40px;border: 1px solid rgba(255, 255, 255, .7);padding: 0 max(14px,0.2rem);}
.faqBan-form input::-webkit-input-placeholder{color: rgba(255, 255, 255, .5);}
.faqBan-form input:focus{border-color: #fff;}
.faqBan-form .btn{user-select: none;cursor: pointer;position: absolute;}
.faqBan-form .btn{position: absolute;right: max(4px,0.06rem);top: 50%;transform: translateY(-50%);padding-bottom: max(3px,0.05rem); width: max(70px,1rem);height: calc(100% - max(8px,0.12rem));border-radius: 40px;user-select: none;cursor: pointer;overflow: hidden;}
.faqBan-form .btn span{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: block;opacity: 0;transition: all .6s ease;}
.faqBan-form .btn i{position: relative;z-index: 2;width: max(14px,0.2rem);}
.faqBan-form .btn:hover span{opacity: 1;}
.faqNav{border-bottom: 1px solid #d9e1e8;}
.faqNav-list .item{height: max(40px,0.7rem);margin-left: 0.75rem;color: #3c5164;}
.faqNav-list .item:first-child{margin-left: 0;}
.faqNav-list .item:hover,.faqNav-list .item.active{color: #009fb9;}
.faq-title{padding-left: max(14px,0.2rem);}
.faq-title::after{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: max(3px,0.06rem);height: max(16px,0.22rem);background: #009fb9;}
.faq-list li{border-bottom: 1px solid #dfe5eb;padding: 0 0.2rem 0.08rem;}
/* .faq-list li:first-child{border-top: 1px solid #dfe5eb;} */
.faq-menu{user-select: none;cursor: pointer;justify-content: space-between;align-items: flex-start;}
.faq-menu .title{width: 85%;}
.faq-menu .btn{color: #66788c;transform: rotate(180deg);}
.faq-menu.active .btn{color: #009fb9;transform: rotate(0);}
.faq-drop{display: none;width: 95%;font-size: max(14px,0.18rem);line-height: 1.5;padding-bottom: 0.2rem;}
/* 联系我们 */
.ctaBan-bg{position: absolute;left: 0%;top: 0%;width: 100%;height: 100%;}
.ctaBan-bg img{width: 100%;height: 100%;}
.ctaBan-con{position: relative;z-index: 2;}
.ctaBan-con .contain{flex-direction: column;}
.ctaBan-con .text{width: max(600px,8.4rem);}
.ctaIntro-flex{justify-content: space-between;align-items: flex-start;}
.ctaIntro-con{width: 43%;}
.ctaIntro-list li{align-items: flex-start;}
.ctaIntro-list .ico{width: max(40px,0.58rem);height: max(40px,0.58rem);border-radius: 50%;margin-right: 10px;}
.ctaIntro-list .desc{flex: 1;padding-top: max(5px,0.08rem);}
.ctaIntro-media{align-items: flex-end;}
.ctaIntro-code{width: max(100px,1.36rem);margin-right: max(15px,0.35rem);box-shadow: 0px 0px max(10px,0.21rem) 0px rgba(0, 159, 185, 0.23);}
.ctaIntro-code img{width: 100%;}
.ctaIntro-media .Footer-code{width: auto;margin-bottom: max(8px,0.1rem);}
.ctaIntro-msg{width: 50%;border: max(1px,0.02rem) solid #009fb9;padding: 0.35rem 0.3rem 0.4rem;}
.ctaMap{width: 100%;height: 31vw;}
.amap-icon{display: none !important;}
.amap-info-content{padding: 16px 40px 16px 20px;color: #333;line-height: 1.5;}
.amap-info-content h4{color: #009fb9;font-weight: 700; font-size: 16px;margin-bottom: 5px;}
/* 资料下载 */
.downItem{background: #eef1f4;border: 1px solid transparent;position: relative;}
.downItem .box{padding: 0.32rem 0.5rem max(70px,1.1rem) 0.3rem;}
.downItem .ico{border-radius: 50%;background: #f7fafc;width: max(40px,0.6rem);height: max(40px,0.6rem);}
.downItem .ico img{max-width: 48%;}
.downItem .btn{width: max(130px,1.7rem);height: max(38px,0.5rem);position: absolute;left: 0.3rem;bottom: 0.4rem;}
.downItem .btn::before,.downItem .btn::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 40px;transition: all .6s ease;border: 1px solid #009fb9;}
.downItem .btn::after{background: linear-gradient(135deg, #00dbff, #009fb9);opacity: 0;border: unset;}
.downItem .btn span,.downItem .btn i{position: relative;z-index: 2;}
.downItem .btn i{display: block;margin-left: max(12px,0.2rem);width: max(15px,0.2rem);height: max(14px,0.18rem);background: url('../images/pages/down-btn.png') no-repeat center/100% auto;transition: all .6s ease;}
.downItem:hover{transform: translateY(-10px);background: #fff;border-color: #009fb9;}
.downItem:hover .ico{background: #f7fafc;}
.downItem .btn:hover{color: #fff;}
.downItem .btn:hover::before{opacity: 0;}
.downItem .btn:hover::after{opacity: 1;}
.downItem .btn:hover i{background-image: url('../images/pages/down-btn2.png');}
/* 关于我们 */
.abBan-bg img{width: 100%;height: 100vh;}
.abBan-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.abBan-con .contain-1280{height: 100%;flex-direction: column;}
.abBan-con .comTitle{padding: 0 0.4rem;}
.abBan-list{justify-content: space-between;width: 100%;}
.abIntro-flex{justify-content: space-between;align-items: center;}
.abIntro-con{width: 45%;}
.abIntro-img{width: 49%;}
.abIntro-img .img img{width: 100%;height: max(330px,4.5rem);}
.abIntro-img .btn{padding-left: max(3px,0.06rem); position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: max(60px,1rem);height: max(40px,0.6rem);background: rgba(0, 0, 0, .5);user-select: none;cursor: pointer;transition: all .4s ease;}
.abIntro-img .btn span{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;transition: all .4s ease;}
.abIntro-img .btn i{position: relative;z-index: 2;}
.abIntro-img .btn:hover{background: transparent;}
.abIntro-img .btn:hover span{opacity: 1;}
.abWH{background: linear-gradient(to bottom,#f2f9fb,#d6edf1);}
.abWH-list{padding: 0 0.7rem;}
.abWH-list .ico{height: max(36px,0.6rem);}
.abWH-list .ico img{max-height: 100%;}
.abFZ-head{justify-content: space-between;align-items: flex-end;}
.abFZ-btn{margin-bottom: max(5px,0.08rem);}
.abFZ-btn .btn{width: max(35px,0.45rem);height: max(35px,0.45rem);user-select: none;cursor: pointer;}
.abFZ-btn .btn::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 50%;border: 1px solid #009fb9;transition: all .4s ease;}
.abFZ-btn .btn span{position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 50%;opacity: 0;}
.abFZ-btn .btn i{display: block;position: relative;z-index: 2;}
.abFZ-btn .btn.next{transform: rotate(180deg);margin-left: 14px;}
.abFZ-btn .btn:hover{color: #fff;}
.abFZ-btn .btn:hover span{opacity: 1;}
.abFZ-swp{padding-left: 0.7rem;}
.abFZ-swp .swiper-container{overflow: visible;}
.abFZ-slide .text{padding-right: 0.4rem;}
.abFZ-slide .line{justify-content: space-between;align-items: flex-end;padding: 0 0.22rem 0 2px;}
.abFZ-slide .line span{display: block;width: 1px;height: max(6px,0.12rem);background: #009fb9;}
.abFZ-slide .line span:nth-child(1){height: max(25px,0.5rem);background: linear-gradient(to bottom,transparent 0%,#009fb9 100%);}
.abFZ-before{position: absolute;right: 100%;top: max(50px,0.75rem);}
.abFZ-before .line{flex-wrap: nowrap;}
.abFZ-before .line span{display: block;width: 1px;height: max(6px,0.12rem);background: #009fb9;margin-right: 0.22rem;}
.abWhy{overflow: visible;}
.abWhy-flex{align-items: flex-start;transform-origin: center top;}
.abWhy-left{width: 50%;position: sticky;top: 0;}
.abWhy-left-bg img{width: 100%;height: 100vh;}
.abWhy-left-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 1.3rem 0.2rem 0 var(--widDb);}
.abWhy-right{width: 50%;position: relative;}
.abWhy-right-bg{position: relative;}
.abWhy-right-bg img{width: 100%;height: 100vh;position: sticky;top: 0;}
.abWhy-right-bg::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .3);}
.abWhy-right-con{position: absolute;left: 0;top: 0;width: 100%;z-index: 2;padding: 1.3rem 0 0 1.4rem;}
.abWhy-right-list{color: #fff;width: 4.7rem;}
.abWhy-right-list li{border-top: 1px solid rgba(255, 255, 255, .2);}
.abWhy-right-list li:first-child{padding-top: 0;border-top: unset;}
.abWhy-left-con,.abWhy-right-con{opacity: 0;transition: all .6s ease;}
.abWhy.active .abWhy-left-con,.abWhy.active .abWhy-right-con{opacity: 1;}
.abMap-img{display: block;}
.abMap-img img{width: 10.8rem;}
.abHonor-menu{justify-content: center;}
.abHonor-menu-con .list{background: #f2f2f2;padding: max(4px,0.06rem);border-radius: 40px;position: relative;}
.abHonor-menu-con .item{padding: max(10px,0.15rem) max(15px,0.35rem);user-select: none;cursor: pointer;position: relative;z-index: 2;}
.abHonor-menu-con .item span{display: block;transition: all .4s ease;}
.abHonor-menu-con .item span:nth-child(2){position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;opacity: 0;}
.abHonor-menu-con .item.active span:nth-child(1){opacity: 0;}
.abHonor-menu-con .item.active span:nth-child(2){opacity: 1;}
.abHonor-menu-con .line{z-index: 1;border-radius: 40px;transition: all .4s ease; position: absolute;left: max(4px,0.06rem);top: 50%;transform: translateY(-50%);background: #fff;box-shadow: 0px 0px max(8px,0.14rem) rgba(217, 217, 218, 1);}
.abHonor-drop{height: 0;overflow: hidden;visibility: hidden;}
.abHonor-drop.active{height: auto;visibility: visible;}
.abHonor-swp{width: 3.1rem;margin: 0 auto;}
.abHonor-swp .swiper-container{overflow: visible;height: 4.5rem;}
.abHonor-swp .swiper-slide{height: auto;}
.abHonor-swp .swiper-wrapper{align-items: center;}
.abHonor-slide{height: 100%;flex-direction: column;}
.abHonor-slide .img{width: 70%;transition: all .6s ease;}
.abHonor-slide .img img{width: 100%;}
.abHonor-slide .title{padding: 0 10px;}
.swiper-slide-active .abHonor-slide .img{width: 100%;}
.abHonor-pagination{user-select: none;}
.abHonor-pagination .swiper-pagination-bullet{width: max(8px,0.12rem);height: max(8px,0.12rem);opacity: 1;margin: 0 max(6px,0.12rem);background: #ccecf1;}
.abHonor-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #009fb9;}
/* 核心技术 */
.techBan-bg img{width: 100%;height: 100vh;}
.techBan-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.techBan-con .contain{height: 100%;align-items: center;padding-bottom: 0.7rem;}
.techBan-flex{align-items: center;justify-content: space-between;width: 100%;}
.techBan-desc{width: 42%;animation: banLeft 1s ease both .1s;}
.techBan-img{width: 50%;animation: banRight 1s ease both .1s;}
.techBan-img img{width: 100%;height: 4.2rem;}
.techBan-img iframe{width: 100%;display: none;height: 4.22rem;}
@keyframes banLeft {0%{opacity: 0;transform: translateX(-100px);}100%{opacity: 1;transform: translateX(0);}}
@keyframes banRight {0%{opacity: 0;transform: translateX(100px);}100%{opacity: 1;transform: translateX(0);}}
@keyframes banTop {0%{opacity: 0;transform: translateY(40px);}100%{opacity: 1;transform: translateX(0);}}
@keyframes banIn {0%{opacity: 0;}100%{opacity: 1;;}}
.techBan.solDet-ban .techBan-desc{width: 45%;}
.techBan.solDet-ban .techBan-img{height: 5.45rem;display: flex;align-items: center;justify-content: center;}
.techBan.solDet-ban .techBan-img img{width: auto;height: auto;max-width: 80%;max-height: 80%;}
.techBan-img.hasVideo img{display: none;}
.techBan-img.hasVideo iframe{display: block;}
.techBan-tips{position: absolute;left: 0;bottom: 1.3rem;width: 100%;}
.techBan-list{justify-content: center;position: absolute;left: 0;bottom: 0.5rem;width: 100%;}
.techBan-list li{position: relative;margin-left: max(30px,0.6rem);}
.techBan-list li::after{content: "";position: absolute;left: min(-15px,-0.3rem);top: 50%;transform: translate(-50%,-50%);width: max(10px,0.18rem);height: max(10px,0.18rem);border-radius: 50%;border: max(3px,0.05rem) solid #009fb9;}
.techBan-list li:first-child{margin-left: 0;}
.techBan-list li:first-child::after{display: none;}
.techBan-btm{animation: banIn 1s ease both .4s;position: absolute;left: 0;bottom: max(10px,0.5rem);width: 100%;text-align: center;height: 1.02rem;display: flex;justify-content: center;}
.techBan-btm img{max-height: 100%;}
.techNav{background: #fff;border-bottom: 1px solid #d9e1e8;}
.techNav-list .item{height: max(44px,0.7rem);margin-left: max(0.75rem);color: #3c5164;transition: all .4s ease;}
.techNav-list .item:first-child{margin-left: 0;}
.techNav-list .item:hover,.techNav-list .item.active{color: #009fb9;}
.techIntro-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: none;}
.techIntro-bg img{width: 100%;height: 100%;}
.techIntro-main{position: relative;z-index: 2;}
.techIntro-flex{justify-content: space-between;}
.techIntro-con{width: 43%;flex-direction: column;justify-content: center;}
.techIntro-con .title,.techIntro-con .text{padding-left: max(15px,0.25rem);}
.techIntro-con .title::after{content: "";position: absolute;left: 0;top: max(0px,0.08rem);;width: max(3px,0.06rem);height: max(15px,0.4rem);background: linear-gradient(to bottom,#009fb9,#00dafe);}
.techIntro-img{width: 49%;}
.techIntro-img .img img{width: 100%;height: 4.5rem;}
.techIntro-img .btn{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);user-select: none;cursor: pointer;background: rgba(0, 0, 0, .5);padding-left: max(3px,0.06rem);width: max(60px,1rem);height: max(34px,0.6rem);}
.techIntro-img .btn span{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;}
.techIntro-img .btn i{position: relative;z-index: 2;}
.techIntro-img .btn:hover span{opacity: 1;}
/* .techIntro.bg{background: linear-gradient(60deg, rgb(2,28,36) 0%, rgb(0,159,185) 100%);} */
.techIntro.bg .techIntro-bg{display: block;}
.techIntro.bg .techIntro-con .title,.techIntro.bg .techIntro-con .text{color: #fff;}
.techCJ{background: linear-gradient(to bottom,#d7edf1,#fff);}
.techCJ-swp-box{justify-content: center;}
.techCJ-swp{width: 6.2rem;}
.techCJ-swp .swiper-slide{width: 5.1rem;transition: all .6s ease;height: auto;user-select: none;cursor: pointer;transform: scale(.9);}
.techCJ-swp .swiper-slide.swiper-slide-active{width: 100%;transform: scale(1);}
.techCJ-swp .swiper-container{overflow: visible;height: 5.4rem;}
.techCJ-swp .swiper-wrapper{align-items: center;}
.techCJ-page{overflow: hidden;width: max(40px,0.66rem);height: max(40px,0.66rem); z-index: 5;position: absolute;left: 50%;top: 0;transform: translate(-50%,-50%);border-radius: 50%;background: linear-gradient(135deg,rgba(0,159,185,.5) 0%,rgba(0,159,185,1) 100%);}
.techCJ-page::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 4;background: rgba(0, 0, 0, .3);transition: all .6s ease;}
.techCJ-con::after{pointer-events: none; content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 3;background: rgba(0, 0, 0, .3);transition: all .6s ease;}
.techCJ-img img{width: 100%;transition: all .6s ease;}
.techCJ-img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(to bottom,transparent 50%,rgba(0,159,185,.9) 100%);}
.techCJ-desc{transition: all 0.6s ease;z-index: 2; position: absolute;left: 0;bottom: 0;width: 100%;transform: translateY(calc(100% - max(50px,1.3rem)));padding: 0.4rem 0.22rem;}
.techCJ-desc .title-box{align-items: center;}
.techCJ-desc .ico{width: max(40px,0.6rem);height: max(40px,0.6rem);border-radius: 50%;border: max(1px,0.02rem) solid #fff;margin-right: max(8px,0.1rem);}
.techCJ-desc .ico img{max-width: 65%;max-height: 65%;}
.techCJ-desc .title{flex: 1;}
.techCJ-desc .text{opacity: 0;transform: translateY(30px);transition: all .6s ease;width: 5.76rem;margin-top: 8px;}
.swiper-slide-active .techCJ-slide{width: 100%;}
.swiper-slide-active .techCJ-page::after,.swiper-slide-active .techCJ-con::after{opacity: 0;}
.swiper-slide-active .techCJ-desc{transform: translateY(0);transition-delay: 0s;}
.swiper-slide-active .techCJ-desc .text{opacity: 1;transform: translateY(0);transition-delay: .2s;}
.techCJ-btn{z-index: 10;position: absolute;left: -0.7rem;top: 50%;transform: translateY(-50%);user-select: none;cursor: pointer;}
.techCJ-btn.next{left: auto;right: -0.7rem;transform: translateY(-50%) rotate(180deg);}
.techCJ-btn:hover{color: #009fb9;}
.techGN-list li{align-items: center;justify-content: space-between;}
.techGN-img{width: 49%;}
.techGN-img img{width: 100%;height: 4.5rem;}
.techGN-con{width: 47%;}
.techGN-con .title-box{align-items: center;}
.techGN-con .ico{width: max(40px,0.9rem);height: max(40px,0.9rem);border-radius: 50%;margin-right: max(10px,0.17rem);}
.techGN-con .ico img{max-width: 55%;max-height: 55%;}
.techGN-con .title{flex: 1;}
.techGN-list li:first-child{margin-top: 0;}
.techGN-list li:nth-child(2n){flex-direction: row-reverse;}
/* 解决方案-列表 */
.solution-view .comTitle .text{padding: 0 2.8rem;}
.solIntro-item{height: 100%;min-height: max(150px,3.2rem);padding: 0.35rem;background: #eef1f4;border: 1px solid transparent;}
.solIntro-item .ico{height: max(34px,0.6rem);}
.solIntro-item .ico img{max-height: 100%;}
.solIntro-item .btm{align-items: flex-end;justify-content: space-between;}
.solIntro-item .desc{flex: 1;}
.solIntro-item .text{padding-right: 0.4rem;}
.solIntro-item .btn{width: max(25px,0.36rem);height: max(25px,0.36rem);margin-bottom: max(2px,0.04rem);}
.solIntro-item .btn span{position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 50%;}
.solIntro-item .btn i{display: block;position: relative;z-index: 2;transform: rotate(180deg);}
.solIntro-item:hover{transform: translateY(-10px);border-color: #009fb9;box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);background: #fff;}
.solIntro-item:hover .title{color: #009fb9;}
.solIntro-item:hover .btn span{transform: scale(1.4);}
/* 解决方案-详情 */
.solDet-view .comTitle .text{padding: 0 2.8rem;}
.solDet-intro{background: linear-gradient(to bottom,#fff,#d7edf1);}
.solDet-intro-flex{justify-content: space-between;align-items: flex-start;}
.solDet-intro-list{width: 48%;}
.solDet-intro-list li:first-child{margin-top: 0;}
.solDet-intro-list li{background: #fff;border: 1px solid transparent;padding: 0 0.3rem 0.1rem;}
.solDet-intro-menu{padding: 0.28rem 0 0.14rem;align-items: center;user-select: none;cursor: pointer;}
.solDet-intro-menu .title{flex: 1;padding-right: 10px;}
.solDet-intro-menu .btn{transform: rotate(180deg);}
.solDet-intro-list li:hover,.solDet-intro-list li.active{border-color: #009fb9;}
.solDet-intro-list li.active{box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);}
.solDet-intro-list li.active .solDet-intro-menu .title,.solDet-intro-list li.active .solDet-intro-menu .btn{color: #009fb9;}
.solDet-intro-list li.active .solDet-intro-menu .btn{transform: rotate(0);}
.solDet-intro-drop{display: none;width: 90%;padding-bottom: 0.24rem;}
.solDet-intro-img{width: 49%;}
.solDet-intro-img .item{position: absolute;left: 0;top: 0;width: 100%;opacity: 0;transition: all .8s linear;overflow: hidden;}
.solDet-intro-img .item img{width: 100%;height: 4.5rem;transform: scale(1.1);transition: all 2s linear .8s;}
.solDet-intro-img .item:first-child{position: relative;}
.solDet-intro-img .item.active{opacity: 1;z-index: 2;}
.solDet-intro-img .item.active img{transform: scale(1);transition-delay: 0s;}
.solDet-pro-menu{margin-left: min(-10px,-0.2rem);}
.solDet-pro-menu .item{margin-left: max(10px,0.2rem);flex: 1;user-select: none;cursor: pointer;padding: max(8px,0.15rem) 0;border-bottom: max(2px,0.05rem) solid #d9dfe2;}
.solDet-pro-menu .item.active{border-color: #009fb9;color: #009fb9;}
.solDet-pro-drop{height: 0;overflow: hidden;visibility: hidden;}
.solDet-pro-drop.active{height: auto;visibility: visible;}
.solDet-pro-nav .list{background: #f2f2f2;padding: max(4px,0.06rem);border-radius: 40px;overflow: auto;}
.solDet-pro-nav .line{display: none;position: absolute;left: max(4px,0.06rem);top: 50%;transform: translateY(-50%); width: max(120px,2rem);height: max(38px,0.48rem);border-radius: 40px;background: #fff;box-shadow: 0px 0px 10px 0px rgba(217, 217, 218, 1);}
.solDet-pro-nav .item{transition: all .4s ease;border-radius: 40px; position: relative;z-index: 2;user-select: none;cursor: pointer;width: max(120px,2rem);height: max(38px,0.48rem);display: flex;align-items: center;justify-content: center;}
.solDet-pro-nav .item span{transition: all .4s ease;}
.solDet-pro-nav .item span:nth-child(2){position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;text-align: center;background-image: linear-gradient(to right, #009fb9, #00dbff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;opacity: 0;}
.solDet-pro-nav .item.active{background: #fff;}
.solDet-pro-nav .item.active span:nth-child(1),.solDet-pro-nav .item:hover span:nth-child(1){opacity: 0;}
.solDet-pro-nav .item.active span:nth-child(2),.solDet-pro-nav .item:hover span:nth-child(2){opacity: 1;}
.solDet-pro-flex{justify-content: space-between;align-items: center;}
.solDet-pro-con{width: 41%;}
.solDet-pro-desc .text{width: 92%;}
.solDet-pro-more .btn{align-items: center;}
.solDet-pro-more .btn span{display: block;position: relative;}
.solDet-pro-more .btn span::after{content: "";position: absolute;right: 0;bottom: 0;width: 0;height: 2px;background: linear-gradient(to right, #009fb9, #00dbff);transition: all .5s ease;}
.solDet-pro-more .btn i{color: #00dbff; display: block;transform: rotate(180deg);margin-left: max(8px,0.14rem);font-size: max(12px,0.14rem);transition: all .4s ease;}
.solDet-pro-more .btn:hover span::after{width: 100%;right: auto;left: 0;}
.solDet-pro-list li{margin-top: 0.2rem; width: 46%;display: flex;align-items: flex-start;}
.solDet-pro-list li:nth-child(2n){width: 54%;}
.solDet-pro-list .ico{width: max(24px,0.4rem);height: max(20px,0.3rem);margin: 0 max(10px,0.18rem) 0 0;display: flex;align-items: center;justify-content: flex-start;}
.solDet-pro-list .ico img{max-height: 100%;}
.solDet-pro-list .title{flex: 1;padding-top: max(2px,0.04rem);}
.solDet-pro-img{width: 58%;}
.solDet-other{background: linear-gradient(60deg, rgb(214,237,241) 0%, rgb(242,250,251) 100%);}
.solDet-other-swp .swiper-container{overflow: visible;}
.solDet-other-swp .swiper-slide{opacity: .3;transition: opacity .6s ease;height: auto;}
.solDet-other-swp .swiper-slide.swiper-slide-active,.solDet-other-swp .swiper-slide.swiper-slide-next,.solDet-other-swp .swiper-slide.next2{opacity: 1;}
.solDet-other-swp .solIntro-item{background: #fff;padding: 0.28rem;}
.solDet-other-menu{justify-content: space-between;align-items: flex-end;}
.solDet-other-pagination{user-select: none;}
.solDet-other-pagination .swiper-pagination-bullet{background: #009fb9;opacity: .3;margin-left: max(8px,0.12rem);width: max(8px,0.12rem);height: max(8px,0.12rem);}
.solDet-other-pagination .swiper-pagination-bullet:first-child{margin-left: 0;}
.solDet-other-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;}
.solDet-other-btn .btn{user-select: none;cursor: pointer;width: max(38px,0.45rem);height: max(38px,0.45rem);position: relative;}
.solDet-other-btn .btn::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 50%;border: 1px solid #009fb9;}
.solDet-other-btn .btn span{border-radius: 50%; position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;}
.solDet-other-btn .btn i{display: block;position: relative;z-index: 2;}
.solDet-other-btn .btn.next{margin-left: 14px;}
.solDet-other-btn .btn.next i{transform: rotate(180deg);}
.solDet-other-btn .btn:hover{color: #fff;}
.solDet-other-btn .btn:hover span{opacity: 1;}
.solDet-faq .faq-list li:first-child{border-top: unset;}
.solDet-msg{background: linear-gradient(180deg, rgb(214,237,241) 0%, rgb(255,255,255) 100%);border-radius: 0 0 1rem 1rem;overflow: hidden;}
.solDet-msg-flex{justify-content: space-between;align-items: flex-start;}
.solDet-msg-left{width: 43%;}
.solDet-msg-left .comTitle{width: 88%;}
.solDet-msg-can .list li{position: relative;margin-top: max(10px,0.16rem);padding-left: max(24px,0.38rem);}
.solDet-msg-can .list li::after{content: "";position: absolute;left: 0;top: -1px;width: max(16px,0.23rem);height: max(16px,0.23rem);background: url('../images/pages/solDet-msg-dot1.png') no-repeat center/100% auto;}
.solDet-msg-iso{position: relative;}
.solDet-msg-iso::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: max(1px,0.02rem);background: linear-gradient(to right,#37e1fe,#009fb9);}
.solDet-msg-iso .list li{width: 26%;margin-top: max(12px,0.24rem);position: relative;padding-left: max(18px,0.28rem);}
.solDet-msg-iso .list li:nth-child(3n+2){width: 33%;}
.solDet-msg-iso .list li:nth-child(3n+1){width: 41%;}
.solDet-msg-iso .list li::after{content: "";position: absolute;left: 0;top: 0;width: max(12px,0.15rem);height: max(12px,0.15rem);background: url('../images/pages/solDet-msg-dot2.png') no-repeat center/100% auto;}
.solDet-msg-right{width: 47%;}
/* 产品-一级 */
.proA-what{background: linear-gradient(0deg, rgb(214,237,241) 0%, rgb(255,255,255) 100%);}
.proA-what .comTitle .text{padding: 0 1.5rem;}
.proA-what-list ul{justify-content: center;}
.proA-what-item{user-select: none;cursor: pointer;transition: all .4s ease;}
.proA-what-con{flex-direction: column;height: max(150px,2.4rem);position: relative;z-index: 2;}
.proA-what-con .ico{width: max(70px,1.5rem);height: max(40px,0.95rem);}
.proA-what-con .ico img{max-height: 100%;}
.proA-what-con .title{position: relative;}
.proA-what-con .title span{transition: all .4s ease;}
.proA-what-con .title span:nth-child(2){position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;text-align: center;background-image: linear-gradient(to left, #009fb9, #00dbff);-webkit-background-clip: text;-webkit-text-fill-color: transparent;opacity: 0;}
.proA-what-bg{position: absolute;left: 50%;top: 50%;width: 100%;height: 100%;transform: translate(-50%,-50%);transition: all .4s ease;}
.proA-what-bg .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: all .4s ease;overflow: hidden;}
.proA-what-bg .bg1{background: linear-gradient(-45deg,#1fcfec,transparent,#1fcfec);padding: 1px;}
.proA-what-bg .bg span{display: block;width: 100%;height: 100%;background: #fff;border-radius: inherit;}
.proA-what-bg .bg2{background: linear-gradient(135deg,#009fb9,#00dafe);padding: 2px;opacity: 0;}
.proA-what-item:hover{transform: translateY(-0.1rem);}
.proA-what-item:hover .proA-what-bg{width: 105%; height: 105%;}
.proA-what-item:hover .proA-what-bg .bg1{opacity: 0;}
.proA-what-item:hover .proA-what-bg .bg2{opacity: 1;box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);}
.proA-what-item:hover .proA-what-con .title span:nth-child(1){opacity: 0;}
.proA-what-item:hover .proA-what-con .title span:nth-child(2){opacity: 1;}
.proA-data-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.proA-data-bg img{width: 100%;height: 100%;}
.proA-data-list{justify-content: space-between;position: relative;z-index: 2;padding: 1.4rem 1.1rem;}
/* 产品-二级 */
.proB-view .comTitle .text{padding: 0 1.5rem;}
.proB-intro{background: linear-gradient(0deg, rgb(214,237,241) 0%, rgb(255,255,255) 100%);}
.proB-intro-flex{justify-content: space-between;align-items: flex-start;}
.proB-intro-menu{width: 10%;}
.proB-intro-menu .line{position: absolute;right: 0;top: 0;width: max(2px,0.05rem);height: 100%;background: #bee6ed;overflow: hidden;border-radius: 20px;}
.proB-intro-menu .line i{border-radius: 20px; display: block;position: absolute;left: 0;top: 0;width: 100%;height: 0;transition: all .3s ease;}
.proB-intro-menu .list{width: 70%;}
.proB-intro-menu .list .item:first-child{margin-top: 0;}
.proB-intro-menu .list .item{user-select: none;cursor: pointer;}
.proB-intro-menu .list .menu-title{transition: all .4s ease;}
.proB-intro-menu .list .item:hover .menu-title,.proB-intro-menu .list .item.active .menu-title{color: #009fb9;}
.proB-intro-menu .menu-con{display: none;}
.proB-intro-drop-box{width: 85%;}
.proB-intro-drop{display: none;}
.proB-intro-drop:first-child{display: block;}
.proB-intro-drop .drop-flex{justify-content: space-between;align-items: center;}
.proB-intro-img{width: 55%;}
.proB-intro-img img{width: 100%;height: 4.5rem;}
.proB-intro-con{width: 41%;}
.proB-intro-desc .title span{background-image: linear-gradient(135deg, #00dbff, #009fb9);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.proB-intro-list{justify-content: space-between;}
.proB-intro-list li{width: 46%;align-items: center;}
.proB-intro-list .ico{width: max(18px,0.26rem);margin-right: max(10px,0.16rem);}
.proB-intro-list .title{flex: 1;}
.proB-other-item{margin-top: 12px;}
.proB-other-item:first-child{margin-top: 0;}
.proB-other-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.proB-other-bg img{width: 100%;height: 100%;transition: all .6s ease;}
.proB-other-item:hover .proB-other-bg img{transform: scale(1.04);}
.proB-other-con{padding: 0.6rem 0.45rem;position: relative;z-index: 2;}
.proB-other-con .label{padding-left: max(10px,0.18rem);}
.proB-other-con .label::after{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: max(6px,0.08rem);height: max(6px,0.08rem);border-radius: 50%;background: #fff;}
.proB-other-con .title,.proB-other-con .text{width: max(400px,6.5rem);}
/* 产品-三级 */
.proC-item{padding: 0 0.3rem 0.4rem; height: 100%;border: 1px solid transparent;box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.2);}
.proC-item .img{height: 3.1rem;}
.proC-item .img img{max-width: 95%;max-height: 100%;}
.proC-item .label{margin-left: min(-8px,-0.12rem);}
.proC-item .label span{padding: max(6px,0.09rem) max(14px,0.2rem); display: block;margin: max(8px,0.12rem) 0 0 max(8px,0.12rem);background: #f8e8e5;color: #bb1900;border-radius: 40px;}
.proC-item .label span.new{background: linear-gradient(135deg, #00dbff, #009fb9);color: #fff;font-style: italic;text-transform: uppercase;}
.proC-item:hover{border-color: #009fb9;transform: translateY(-10px);}
/* 产品-详情 */
.techBan-swp{width: 49%;animation: banRight 1s ease .1s;}
.techBan-slide{height: 5.5rem;background: rgba(255, 255, 255, .5);box-shadow: 0px 0px max(20px,0.6rem) 0px rgba(0, 189, 220, 0.004);}
.techBan-slide img{max-height: 100%;}
.techBan-menu{z-index: 2;position: absolute;left: 0;bottom: max(10px,0.25rem);width: 100%;}
.techBan-btn{user-select: none;cursor: pointer;width: max(20px,0.25rem);height: max(20px,0.25rem);}
.techBan-btn.next{transform: rotate(180deg);}
.techBan-btn:hover{color: #009fb9;}
.techBan-pagination{user-select: none;margin: 2px max(5px,0.1rem) 0;}
.techBan-pagination .swiper-pagination-bullet{width: max(8px,0.12rem);height: max(8px,0.12rem);border-radius: 50%;background: rgba(255, 255, 255, .5);opacity: 1;margin: 0 max(4px,0.06rem);}
.techBan-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #009fb9;}
.proDet-view .comTitle{padding: 0 2.5rem;}
.proDet-view .solDet-intro-img .btn{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 2;background: rgba(0, 0, 0, .5);width: max(50px,1rem);height: max(30px,0.6rem);user-select: none;cursor: pointer;}
.proDet-view .solDet-intro-img .btn span{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;}
.proDet-view .solDet-intro-img .btn i{position: relative;z-index: 2;}
.proDet-view .solDet-intro-img .btn:hover span{opacity: 1;}
.proDet-high{background: linear-gradient(0deg, rgb(214,237,241) 0%, rgb(255,255,255) 100%);}
.proDet-high-item{align-items: center;justify-content: space-between;}
.proDet-high-img{width: 49%;}
.proDet-high-img img{width: 100%;transition: all 1s linear;}
.proDet-high-img:hover img{transform: scale(1.05);}
.proDet-high-con{width: 43%;}
.proDet-high-con .title-big{padding-left: max(14px,0.28rem);}
.proDet-high-con .title-big::after{content: "";position: absolute;left: 0;top: 48%;transform: translateY(-50%);width: max(2px,0.05rem);height: 85%;background: linear-gradient(to bottom,#009fb9,#00dafe);}
.proDet-high-con .list1 li{position: relative;padding-left: max(20px,0.42rem);margin-top: max(10px,0.24rem);}
.proDet-high-con .list1 li::after{content: "";position: absolute;left: 0;top: 1px;width: max(14px,0.23rem);height: max(14px,0.23rem);background: url('../images/pages/proDet-high-dot.png') no-repeat center/100% auto;}
.proDet-high-item:first-child{margin-top: 0;}
.proDet-high-item:nth-child(2n){flex-direction: row-reverse;}
.proDet-high-item .list2 li{display: flex;align-items: flex-start;margin-top: max(10px,0.24rem);}
.proDet-high-item .list2 .ico{justify-content: center;width: max(30px,0.48rem);height: max(30px,0.48rem);margin-right: max(10px,0.32rem);display: flex;flex-wrap: wrap;}
.proDet-high-item .list2 .ico img{max-height: 100%;}
.proDet-high-item .list2 .desc{flex: 1;}
.proDet-app-img{width: 10.5rem;height: 4.76rem;margin: 0 auto;}
.proDet-app-img img{max-height: 100%;}
/* 应用-一级 */
.appA-tech{background-image: linear-gradient(0deg, rgb(214,237,241) 0%, rgb(255,255,255) 100%);}
.appA-tech-list{width: 97.3%;margin: 0 auto;}
.appA-tech-item{user-select: none;cursor: pointer;}
.appA-tech-bg{position: absolute;left: 50%;top: 0;transform: translateX(-50%);width: 100%;height: 100%;background: linear-gradient( 90deg, rgb(255,255,255) 0%, rgba(255,255,255,0.6) 100%);box-shadow: 0px 0px 20px 0px rgba(3, 160, 186, 0.1);opacity: .8;}
.appA-tech-bg span{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(to bottom,#00dbfe,#00a0bb);opacity: 0;}
.appA-tech-con{position: relative;z-index: 2;padding: 0.35rem 1rem 0.35rem 0.8rem;align-items: center;}
.appA-tech-con .page{width: 11%;color: #c0c0c0;}
.appA-tech-con .title-box{width: 33%;align-items: center;}
.appA-tech-con .ico{width: max(22px,0.41rem);margin-right: max(12px,0.4rem);}
.appA-tech-con .ico img{transition: all .5s ease;}
.appA-tech-con .ico .h{position: absolute;left: 0;top: 0;opacity: 0;}
.appA-tech-con .title{flex: 1;}
.appA-tech-con .text{width: 56%;}
.appA-tech-item:hover .appA-tech-bg{box-shadow: none;width: 103%;opacity: 1;}
.appA-tech-item:hover .appA-tech-bg span{opacity: 1;}
.appA-tech-item:hover .appA-tech-con{transform: translateX(-0.2rem);}
.appA-tech-item:hover .appA-tech-con .page,.appA-tech-item:hover .appA-tech-con .title,.appA-tech-item:hover .appA-tech-con .text{color: #fff;}
.appA-tech-item:hover .appA-tech-con .ico .s{opacity: 0;}
.appA-tech-item:hover .appA-tech-con .ico .h{opacity: 1;}
.appA-gn-item{align-items: flex-start;justify-content: space-between;}
.appA-gn-item:nth-child(2n){flex-direction: row-reverse;}
.appA-gn-img{width: 64%;}
.appA-gn-img img{width: 100%;height: 4.9rem;transition: all 1s linear;}
.appA-gn-img:hover img{transform: scale(1.1);}
.appA-gn-con{width: 32%;}
.appA-gn-desc .label{padding-left: max(14px,0.22rem);}
.appA-gn-desc .label::after{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: max(6px,0.1rem);height: max(6px,0.1rem);border-radius: 50%;background: #009fb9;}
.appA-gn-ico{padding-top: 4px;}
.appA-gn-ico li{width: calc(100% / 3);flex-direction: column;justify-content: flex-start;margin-top: max(12px,0.24rem);}
.appA-gn-ico .ico{height: max(30px,0.5rem);}
.appA-gn-ico .ico img{max-height: 100%;}
.appA-gn-item:nth-child(1){margin-top: 0;}
.appA-gn-item:nth-child(1) .appA-gn-ico li{width: 25%;}
/* 应用-二级 */
.appB-view .proB-other{background: linear-gradient(180deg, rgb(214,237,241) 0%, rgb(255,255,255) 100%);}
.appB-view .comTitle{padding: 0 1.5rem;}
.appB-intro-top{justify-content: space-between;align-items: center;}
.appB-intro-con{width: 51.5%;position: relative;}
.appB-intro-con .bg{position: absolute;left: 0;top: 0;width: 130%;height: 100%;}
.appB-intro-con .bg span{display: block;width: 100%;height: 100%;background: linear-gradient(30deg, rgb(2,28,36) 0%, rgb(0,159,185) 100%);}
.appB-intro-con .desc{height: 6.4rem;flex-direction: column;justify-content: center;padding: 0 1.2rem 0 var(--widDb);position: relative;z-index: 2;}
.appB-intro-con .title-box{align-items: center;}
.appB-intro-con .title-box::after{content: "";position: absolute;left: 0;bottom: 0;width: max(60px,1.6rem);height: max(2px,0.04rem);background: #ffff;}
.appB-intro-con .ico{margin-right: max(12px,0.3rem);}
.appB-intro-con .ico img{max-width: max(40px,0.8rem);max-height: max(30px,0.6rem);}
.appB-intro-img{width: 48.5%;position: relative;z-index: 3;}
.appB-intro-img img{width: 100%;height: 5.3rem;}
.appB-intro-btm .btm-left{width: 50%;}
.appB-intro-btm .btm-right{width: 50%;}
.appB-intro-btm .btm-right .faq-list li:first-child .faq-menu{padding-top: 0;}
.appB-intro-btm .btm-right .faq-menu .btn{color: #009fb9;}
.appB-intro-item:nth-child(2) .appB-intro-top{flex-direction: row-reverse;}
.appB-intro-item:nth-child(2) .appB-intro-con .bg{left: auto;right: 0;}
/* 代加工&合规产品 */
.oemYS-item{padding: 0.6rem 0.4rem 0.9rem; height: 100%;border: 1px solid #009fb9;box-shadow: 0px 0px max(10px,0.3rem) 0px rgba(0, 162, 187, 0.2);background: #fff;}
.oemYS-item:hover{transform: translateY(-10px);}
.oemYS-item .item{align-items: center;}
.oemYS-item .img{width: max(25px,0.5rem);height: max(8px,0.15rem);margin-right: max(8px,0.12rem);}
.oemYS-item .img img{width: 100%;height: 100%;display: block;}
.oemYS-item .text{flex: 1;line-height: 1.1;}
.oemGlo{background: linear-gradient(0deg, rgb(214,237,241) 0%, rgb(242,250,251) 100%);border-radius: 0 0 1rem 1rem;}
.oemGlo-flex{justify-content: space-between;align-items: flex-start;}
.oemGlo-list{width: 46%;}
.oemGlo-item{padding: 0.26rem 0.12rem 0.26rem 0.22rem;align-items: center;border-bottom: 1px solid rgba(0, 159, 185, .2);}
.oemGlo-item .ico{width: max(18px,0.38rem);margin-right: max(12px,0.2rem);}
.oemGlo-item .title{flex: 1;padding-right: 10px;}
.oemGlo-item .btn{transform: rotate(180deg);color: #66788c;}
.oemGlo-item:hover .title,.oemGlo-item:hover .btn{color: #009fb9;}
.oemGlo-list2{width: 50%;margin-left: -0.3rem;}
.oemGlo-item2{margin-left: 0.3rem;width: calc(100% / 3 - 0.3rem);align-items: center;height: max(50px,0.9rem);justify-content: space-between;border-bottom: 1px solid #b8e4eb;}
.oemGlo-item2 span{flex: 1;padding-right: 5px;}
.oemGlo-item2 i{color: #66788c;display: block;transform: rotate(180deg);font-size: max(14px,0.16rem);}
.oemGlo-item2:hover span,.oemGlo-item2:hover i{color: #009fb9;}
.oemGlo-img{width: 49%;}
.oemGlo-img img{width: 100%;height: 4.5rem;transition: all 1s linear;}
.oemGlo-img:hover img{transform: scale(1.1);}
.oemReady-line{flex-direction: column;}
.oemReady-line span{display: block;width: 100%;height: 1px;background: #e8e8e8;}
.oemReady-line i{display: block;width: 1px;height: 0.6rem;background: #e8e8e8;}
.oemReady-flex{justify-content: space-between;align-items: flex-start;}
.oemReady-img{width: 48.5%;}
.oemReady-img img{width: 100%;height: 5.6rem;transition: all 1s linear;}
.oemReady-img:hover img{transform: scale(1.1);}
.oemReady-list{width: 48.5%;height: 5.6rem;overflow-y: auto;padding-right: 16px;}
.oemReady-item{margin-top: 10px;background: #f0f9f9;align-items: flex-start;padding: 0.15rem 0.18rem;user-select: none;cursor: pointer;}
.oemReady-item:first-child{margin-top: 0;}
.oemReady-item .ico{width: max(36px,0.56rem);height: max(36px,0.56rem);background: #d7edf1;margin-right: max(12px,0.22rem);}
.oemReady-item .ico span{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;}
.oemReady-item .ico img{position: relative;z-index: 2;transition: all .4s ease;max-width: 50%;max-height: 50%;}
.oemReady-item .ico .h{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;}
.oemReady-item .desc{flex: 1;padding-top: max(8px,0.14rem);}
.oemReady-item .text{display: none;width: 85%;padding-bottom: max(10px,0.2rem);}
.oemReady-item.active .ico span{opacity: 1;}
.oemReady-item.active .ico .s{opacity: 0;}
.oemReady-item.active .ico .h{opacity: 1;}
.oemReady-item.active .title{color: #009fb9;}
.oemReady-module:nth-child(2n) .oemReady-flex{flex-direction: row-reverse;}

.case-view,.video-view{overflow: visible;}



/* -------------------------PC端--------------------------- */
@media all and (max-width:1800px){
    /* 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){
    .pt100{padding-top: 50px;}
    .pb100{padding-bottom: 50px;}
    .pt120{padding-top: 60px;}
    .pb120,.pb130{padding-bottom: 60px;}

    .msg-hide .solDet-msg-left .comTitle .text,.msg-hide .solDet-msg-can,.msg-hide .solDet-msg-iso{display: none;}
    
    .join-item{padding: 25px 15px;}
    .join-item .title{margin-top: 15px;}
    .case-view,.video-view{overflow: visible;}
    .ctaBan-con .text{width: 100%;}
    .ctaBan-con .text br{display: none;}
    .newsNav-box{overflow-x: auto;}
    .newsNav{flex-wrap: nowrap;white-space: nowrap;justify-content: flex-start;}
    .newsNav .item{min-width: unset;}
    .newsShow{padding-top: 40px;}
    .newsShow-left{width: 100%;}
    .newsShow-left .img img{height: 240px;}
    .newsShow-left .con{padding: 20px 15px;}
    .newsShow-left .label{left: 15px;top: 20px;}
    .newsShow-left .label,.newsShow-right-item .label,.newsItem-con .label{margin: -8px 0 0 -8px;}
    .newsShow-left .label span,.newsShow-right-item .label span,.newsItem-con .label span{margin: 8px 0 0 8px;padding: 2px 7px;font-size: 11px;}
    .newsShow-right{width: 100%;}
    .newsShow-right-item{margin-top: 25px !important;align-items: flex-start;}
    .newsShow-right-item .text{font-size: 12px;}
    .newsShow-right-item .img img{height: 120px;}
    .newsItem-img .img img{height: 190px;}
    .newsItem-con{padding: 15px 15px 25px;}
    .caseSelect-group{display: block;}
    .caseSelect{margin: 10px 0 0;z-index: 2;}
    .caseSelect:hover{z-index: 100;position: relative;}
    .caseSelect:first-child{margin: 0;}
    .caseSelect-menu span{flex: 1;}
    .blog-head .title{width: 100%;margin-bottom: 10px;}
    .video-right{display: block;}
    .video-right .blog-form{margin: 15px 0 0;}
    .newsDet-intro{flex-direction: column-reverse;}
    .newsDet-intro-img{width: 100%;}
    .newsDet-intro-img img{height: 230px;}
    .newsDet-intro-con{width: 100%;margin-top: 20px;}
    .newsDet-menu{padding: 20px 15px;flex-direction: column;align-items: center;}
    .newsDet-contact{margin-top: 20px;flex-direction: column;align-items: center;text-align: center;}
    .newsDet-contact .comMore-box{margin-top: 15px;}
    .newsDet-hot{padding-bottom: 20px;}
    .faqBan-con .contain{width: 92%;}
    .faq-list li{padding: 0 0 5px;}
    .faq-menu{padding: 15px 0 10px;}
    .faq-drop{width: 100%;}
    .blogDet-left{width: 100%;position: relative;top: auto;display: none;}
    .blogDet-nav .item{text-decoration: underline;}
    .blogDet-right{width: 100%;margin-top: 10px;}
    .ctaIntro-con{width: 100%;}
    .ctaIntro-msg{width: 100%;margin-top: 30px;padding: 20px 15px;}
    .ctaMap{height: 300px;}
    .downItem .box{padding: 20px 15px 80px 15px;}
    .downItem .btn{margin-top: 20px;left: 15px;bottom: 20px;}
    .abBan-con .comTitle{padding: 0;}
    .abBan-con .comTitle .text{padding: 0 !important;}
    .abBan-list{justify-content: flex-start;}
    .abBan-list li{width: calc(100% / 3);}
    .abBan-list li:nth-child(n+4){margin-top: 30px;width: 50%;}
    .abBan-list .num{font-size: 22px;}
    .abBan-list .text{font-size: 11px;font-family: 'fmr';;line-height: 1.2;}
    .abIntro-flex{flex-direction: column-reverse;}
    .abIntro-img{width: 100%;}
    .abIntro-img .img img{height: 230px;}
    .abIntro-con{width: 100%;margin-top: 20px;}
    .abWH-list{padding: 0;}
    .abWH-list li{display: flex;flex-direction: column;align-items: center;text-align: center;padding: 0 20px;}
    .abMap-img img{width: 100%;}
    .abFZ-btn .btn{display: none;}
    .abFZ-slide .text{padding-right: 20px;}
    .abFZ-before{top: 44px;}
    .abFZ-before .line span{margin-right: 20px;}
    .abWhy-left-con, .abWhy-right-con{opacity: 1;}
    .abWhy-left{position: relative;width: 100%;}
    .abWhy-left-bg img{height: 200px;}
    .abWhy-right{width: 100%;}
    .abWhy-right-con{padding: 30px 4%;}
    .abWhy-right-list{width: 100%;}
    .abWhy-right-list li{padding: 20px 0;}
    .abHonor-menu-con{width: 100%;}
    .abHonor-menu-con .line{display: none;}
    .abHonor-menu-con .list{flex-wrap: nowrap;overflow-x: auto;}
    .abHonor-menu-con .item{border-radius: 40px;font-size: 11px;width: calc(100% / 3);line-height: 1.3;padding: 5px 0;}
    .abHonor-menu-con .item.active{background: #fff;box-shadow: 0px 0px max(8px,0.14rem) rgba(217, 217, 218, 1);}
    .abHonor-menu-con .item span{padding: 0 10px;}
    .abHonor-swp{width: 150px;}
    .abHonor-swp .swiper-container{height: 226px;}
    .abHonor-slide .title{font-size: 12px;}
    .techBan-bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
    .techBan-bg img{height: 100%;}
    .techBan-con{position: relative;height: auto;z-index: 2;}
    .techBan-con .contain{padding: 40px 0;}
    .techBan-flex{flex-direction: column-reverse;}
    .techBan-img{width: 100%;}
    .techBan-img img,.techBan-img iframe{height: 51.8vw;}
    .techBan-desc{width: 100%;margin-top: 30px;}
    .techBan-desc .comMore-box{justify-content: center;}
    .techBan-tips{position: relative;left: auto;bottom: auto;margin-top: 30px;}
    .techBan-list{position: relative;left: auto;bottom: auto;flex-direction: column;align-items: center;text-align: center;}
    .techBan-list li{margin: 10px 0 0 !important;}
    .techBan-list li::after{display: none;}
    .techBan-btm{position: relative;bottom: auto;margin-top: 30px;height: auto;}
    .techBan-btm img{width: 100%;height: auto;}
    .techBan.solDet-ban .techBan-con .contain{padding-top: 20px;}
    .techBan.solDet-ban .techBan-img{height: 250px;}
    .techBan.solDet-ban .techBan-desc{width: 100%;}
    .techNav .contain{overflow-x: auto;}
    .techNav-list{flex-wrap: nowrap;white-space: nowrap;justify-content: flex-start;}
    .techIntro-flex{flex-direction: column-reverse;}
    .techIntro-img{width: 100%;}
    .techIntro-img .img img{height: 210px;}
    .techIntro-con{width: 100%;margin-top: 20px;}
    .techCJ-swp{width: 100%;}
    .techCJ-swp .swiper-slide{width: 80vw;}
    .techCJ-btn{display: none;}
    .techCJ-swp .swiper-container{height: 300px;}
    .techCJ-desc{padding: 20px 15px;}
    .techCJ-desc .text{width: 88vw;}
    .techGN-list li{flex-direction: column !important;border-radius: 11px;overflow: hidden;}
    .techGN-img{width: 100%;border-radius: 0;}
    .techGN-img img{height: 210px;}
    .techGN-con{width: 100%;padding: 20px 15px 30px;background: #f1f1f1;}
    .solution-view .comTitle .text{padding: 0;}
    .solIntro-item{padding: 20px 15px;}
    .solIntro-item .btm{margin-top: 40px;}
    .solDet-view .comTitle .text{padding: 0;}
    .solDet-intro-list{width: 100%;}
    .solDet-intro-list li{padding: 0 15px 5px;border-radius: 12px;margin-top: 14px;}
    .solDet-intro-menu{padding: 15px 0 10px;}
    .solDet-intro-drop{width: 100%;padding-bottom: 20px;}
    .solDet-intro-img{width: 100%;margin-top: 20px;display: none;}
    .solDet-intro-img .item img{height: 220px;}
    .solDet-pro-menu .item{margin-left: 15px;}
    .solDet-pro-nav{justify-content: flex-start;}
    .solDet-pro-nav .list-box{margin: 0 auto;max-width: 100%;}
    .solDet-pro-nav .list{flex-wrap: nowrap;white-space: nowrap;overflow-x: auto;}
    .solDet-pro-nav .line{display: none;}
    .solDet-pro-nav .item{width: auto;padding: 0 20px;border-radius: 40px;}
    .solDet-pro-nav .item.active{background: #fff;box-shadow: 0px 0px 10px 0px rgba(217, 217, 218, 1);}
    .solDet-pro-flex{flex-direction: column-reverse;}
    .solDet-pro-img{width: 100%;}
    .solDet-pro-con{width: 100%;margin-top: 20px;}
    .solDet-pro-desc .title{line-height: 1.4;}
    .solDet-pro-list li{width: 100% !important;margin-top: 16px;}
    .solDet-other-swp .solIntro-item{padding: 20px 15px;}
    .solDet-other-menu{justify-content: center;}
    .solDet-other-btn{display: none;}
    .solDet-msg-left{width: 100%;}
    .solDet-msg-can .list li::after{top: 1px;}
    .solDet-msg-iso .list li{width: 50% !important;}
    .solDet-msg-right{width: 100%;margin-top: 20px;}
    .solDet-msg-iso .list li::after{top: 2px;}
    .proA-what .comTitle .text{padding: 0;}
    .proA-what-list ul{justify-content: flex-start;}
    .proA-what-list .uli.ml30.uli5 li {width: calc(100%/2 - max(12px,0.3rem));}
    .proA-what-con .title{margin-top: 20px;}
    .proA-data-list{padding: 30px 10px;}
    .proA-data-list li{width: 37%;}
    .proA-data-list li:nth-child(2){width: 26%;}
    .proA-data-list li:nth-child(n+4){margin-top: 25px;width: 50%;}
    .proA-data-list .num{font-size: 20px;}
    .proA-data-list .text{font-size: 11px;line-height: 1.3;}
    .proA-data-list .text br{display: none;}
    .proB-view .comTitle .text{padding: 0;}
    .proB-intro-menu{width: 100%;}
    .proB-intro-menu .line{display: none;}
    .proB-intro-menu .list{width: 100%;}
    .proB-intro-menu .item{margin-top: 0;padding: 14px 0;border-bottom: 1px solid #aaa;}
    .proB-intro-menu .item:first-child{border-top: 1px solid #999;}
    .proB-intro-menu .menu-title{align-items: center;}
    .proB-intro-menu .item .menu-title span{flex: 1;padding-right: 10px;}
    .proB-intro-menu .item.active .menu-title span{font-family: 'fms';color: #000;}
    .proB-intro-menu .item.active .menu-title i::before{content: "\e870";}
    .proB-intro-menu .menu-con{padding: 20px 0;}
    .proB-intro-drop-box{width: 100%;margin-top: 30px;display: none;}
    .proB-intro-img{width: 100%;}
    .proB-intro-img img{height: 220px;}
    .proB-intro-con{width: 100%;margin-top: 20px;}
    .proB-other-con{padding: 20px 15px;}
    .proB-other-con .title, .proB-other-con .text{width: 100%;}
    .proC-item{padding: 0 15px 25px;}
    .proC-item .img{height: 230px;}
    .techBan-swp{width: 100%;}
    .techBan-slide{height: 250px;}
    .techBan-pagination{margin-top: 0;}
    .techBan-btn{display: none;}
    .proDet-high-item{flex-direction: column !important;}
    .proDet-high-img{width: 100%;}
    .proDet-high-con{width: 100%;margin-top: 20px;}
    .proDet-high-con .list1 li::after{top: 3px;}
    .proDet-app-img{width: 100%;height: 200px;}
    .appA-tech-item{margin-top: 15px;}
    .appA-tech-con{padding: 20px 15px;}
    .appA-tech-con .page{width: 15%;}
    .appA-tech-con .title-box{width: 85%;}
    .appA-tech-con .text{width: 85%;margin-top: 10px;margin-left: 15%;}
    .appA-gn-item{flex-direction: column !important;}
    .appA-gn-img{width: 100%;}
    .appA-gn-img img{height: 175px;}
    .appA-gn-con{width: 100%;margin-top: 15px;}
    .appA-gn-ico .title{font-size: 13px;}
    .appB-view .comTitle{padding: 0;}
    .appB-intro-top{flex-direction: column-reverse !important;}
    .appB-intro-img{width: 100%;}
    .appB-intro-img img{height: 220px;}
    .appB-intro-con{width: 100%;}
    .appB-intro-con .desc{height: auto;padding: 20px 4% 30px;}
    .appB-intro-con .bg{width: 100%;}
    .appB-intro-btm .btm-left{width: 100%;}
    .appB-intro-btm .btm-right{width: 100%;margin-top: 15px;}
    .oemGlo-list{width: 100%;}
    .oemGlo-item{padding: 15px;}
    .oemGlo-img{width: 100%;margin-top: 30px;}
    .oemGlo-img img{height: 210px;}
    .oemReady-flex{flex-direction: column-reverse !important;}
    .oemReady-list{width: 100%;height: 300px;}
    .oemReady-item{padding: 15px;}
    .oemReady-item .text{width: 100%;}
    .oemReady-img{width: 100%;margin-top: 25px;}
    .oemReady-img img{height: 260px;}
    .oemReady .comMore2{display: block;}
    .oemReady .comMore2 span{display: inline;}
    .oemReady .comMore2 i{display: inline;font-family: "黑体", "SimHei", "\9ED1\4F53",Arial !important;font-weight: 900;font-size: 15px;}
    .oemReady .comMore2 i::before{content: ">";}
    .oemGlo-list2{width: 100%;justify-content: space-between;margin: 0;}
    .oemGlo-item2{width: 47%;margin: 0;}
    .proDet-view .comTitle{padding: 0;}
    .proDet-view .solDet-intro-flex{flex-direction: column-reverse;}
    .proDet-view .solDet-intro-img{margin-top: 0;}
    .proDet-view .solDet-intro-list{margin-top: 20px;}
    .proDet-app .comTitle .text{text-align: left;}
    .proDet-view .solDet-intro-img{display: block;}
}