@charset "utf-8";
.wow {
    visibility: hidden;
}
/* =====================内页样式======================== */
/* 分页 */
.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(38px,0.46rem);height: max(38px,0.46rem);border: 1px solid #e1e1e1;margin: 0 max(3px,0.05rem);font-size: max(14px,0.16rem);color: #555;transition: all .4s ease;border-radius: 50%;background-color: #fff;display: flex;align-items: center;justify-content: center;line-height: 1;}
.paging-menu a.next{transform: rotateY(180deg);}
.paging-menu a:hover, .paging-menu a.active, .paging a.on{border-color: #eb711e;background-color: #eb711e;color: #fff;}
.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: #eb711e;}
.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: #eb711e;color: #fff;border-color: #eb711e;}
.paging-hint span{color: #eb711e;}
@media all and (max-width:1000px){.paging-skip{width: 100%;margin-left: 0;justify-content: center;margin-top: 8px;}}

/* 搜索页面 */
.search-view .contain{width: 14rem;max-width: 92%;}
.search-view .pagesNav-list .item{background: #fff;}
.search-form input{width: 100%;height: max(60px,0.84rem);border-bottom: 1px solid #e7e7e7;background: transparent;}
.search-form input::-webkit-input-placeholder{color: inherit;}
.search-form input:focus{border-color: #eb711e;}
.search-form .btn{user-select: none;cursor: pointer;position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: max(70px,0.95rem);height: 65%;border-radius: 40px;}
.search-form .btn:hover{background: #c45307;}
.search-view .proItem-desc{padding-bottom: max(20px,0.4rem);}
.search-view .downItem-con{padding: 0.35rem 0.4rem;}
.search-view .downItem-con .btn{width: max(100px,1.34rem);height: max(38px,0.48rem);}
.search-view .downItem-con .btn i{height: max(17px, 0.27rem);width: max(18px, 0.28rem);}
.search-view .solItem-img img{height: max(220px,4.4rem);}

/* 隐私页面 */
.privacy-view .contain{width: 13.4rem;max-width: 92%;}
.privacy-con{background: #fff;padding: 0.8rem 0.4rem 0.4rem;}
.privacy-con h1,.privacy-con h2,.privacy-con h3,.privacy-con h4,.privacy-con h5,.privacy-con h6{color: #eb711e;font-weight: 700;font-size: max(15px,0.17rem);}

/* 网站地图 */
.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: #eb711e;}
.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: #eb711e;}
.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;}
}

/* 内页公共 */
/* .pagesBread{animation: banText 1s ease both;} */
.pagesBread .item{margin-left: 30px;}
.pagesBread .item::before{content: "\e80b";font-family: 'icon';color: #333;font-size: 10px;position: absolute;left: -15px;top: 50%;transform: translate(-50%,-50%) rotate(180deg);}
.pagesBread .item:first-child{margin-left: 20px;}
.pagesBread .item:first-child::before{content: "\e757";font-size: inherit;left: -20px;transform: translate(0,-55%);color: inherit;}
.pagesBread .item:hover{color: #eb711e;}
.pagesNav-list{margin: -0.22rem 0 0 -0.22rem;}
.pagesNav-list .item{background: #fafafa;border-radius: 40px;width: max(100px,1.54rem);height: max(40px,0.54rem);margin: 0.22rem 0 0 0.22rem;}
.pagesNav-list .item:hover,.pagesNav-list .item.active{background: #eb711e !important;color: #fff !important;box-shadow: 7.08px 10.903px 45.5px 4.5px rgba(0, 0, 0, 0.26);}








/* 新闻-列表 */
.newsShow-flex{background: #fff;}
.newsShow-img{width: 50%;}
.newsShow-img img{width: 100%;height: max(350px,5.8rem);}
.newsShow-img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(to bottom,transparent 40%,rgba(0,0,0,.8) 100%);}
.newsShow-img:hover img{transform: scale(1.08);}
.newsShow-con{width: 50%;padding: 0 0.6rem 0 0.4rem;display: flex;flex-direction: column;justify-content: center;}
.newsShow-con:hover .title{color: #eb711e;}
.newsItem{background: #fff;}
.newsItem-con{padding: 0.35rem 0.6rem 0.4rem 0.35rem;}
.newsItem-img img{width: 100%;height: 3rem;}
.newsItem:hover .newsItem-con .title{color: #eb711e;}
.newsItem:hover .newsItem-img img{transform: scale(1.1);}

/* 新闻-详情 */
.newsDet-head{justify-content: space-between;align-items: flex-start;}
.newsDet-title{width: 68%;}
.newsDet-back .btn{width: max(34px,0.44rem);height: max(34px,0.44rem);border-radius: 50%;margin-right: 8px;}
.newsDet-back:hover .btn{background: #000;}
.newsDet-foot{justify-content: space-between;align-items: flex-start;}
.newsDet-edit{width: 68%;border-top: 1px solid #e0e0e0;}
.newsDet-hot{width: 29%;background: #fff;padding: 0.34rem 0.3rem 0.4rem;}
.newsDet-hot-item .img img{width: 100%;height: 2.7rem;}
.newsDet-hot-item:hover .title{color: #eb711e;}
.newsDet-hot-item:hover .img img{transform: scale(1.08);}

/* 视频中心 */
.videoTop{background: #fff;padding: max(25px,0.45rem) max(10px,0.15rem) max(10px,0.15rem);}
.videoShow{justify-content: space-between;}
.videoShow-left{width: calc(67% - 0.2rem);}
.videoShow-right{width: calc(33% - 0.2rem);}
.videoBtn{color: #000;width: max(34px,0.45rem);height: max(28px,0.38rem);background: #fff;transition: all .4s ease;}
.videoShow-item{user-select: none;cursor: pointer;}
.videoShow-item .img img{width: 100%;height: 2.65rem;}
.videoShow-item .con{position: absolute;left: 0;bottom: 0;width: 100%;align-items: center;padding: 0.15rem;}
.videoShow-item .title{flex: 1;padding-left: 0.15rem;transition: all .4s ease;}
.videoShow-item:hover .img img{transform: scale(1.08);}
.videoShow-left .videoShow-item .img img{height: 5.7rem;}
.videoShow-right .videoShow-item:nth-child(2){margin-top: 0.4rem;}
.videoList-item{user-select: none;cursor: pointer;}
.videoList-item .img img{width: 100%;height: 3.2rem;}
.videoList-item .title,.videoList-item .date{transition: all .4s ease;}
.videoList-item .videoBtn{position: absolute;left: 0.15rem;bottom: 0.15rem;}
.videoList-item:hover .img img{transform: scale(1.08);}

.videoShow-item:hover .videoBtn,.videoList-item:hover .videoBtn{background: #eb711e;color: #fff;}
.videoShow-item:hover .title,.videoList-item:hover .title,.videoList-item:hover .date{color: #eb711e;}


/* 加入我们-列表 */
.joinItem{height: 100%;background: #fff;padding: 0.35rem;position: relative;transition: all .4s ease;}
.joinItem-top{justify-content: space-between;align-items: flex-start;}
.joinItem-top .title{transition: all .4s ease;}
.joinItem-top .text span{display: block;}
.joinItem-top .text span:nth-child(2){margin-left: max(10px,0.2rem);}
.joinItem-top .num{align-items: center;}
.joinItem:hover .joinItem-top .title{color: #eb711e;}
 
/* 加入我们-详情 */
.joinDet-head{justify-content: space-between;}
.joinDet-head .num{align-items: center;}
.joinDet-head .newsDet-back{justify-content: flex-end;}
.joinDet-main{background: #fff;padding: 0.28rem 0.35rem 0.6rem;justify-content: space-between;}
.joinDet-edit{width: 48%;}
.joinDet-edit .text h1,.joinDet-edit .text h2,.joinDet-edit .text h3,.joinDet-edit .text h4,.joinDet-edit .text h5,.joinDet-edit .text h6{color: #333;font-weight: 500;line-height: inherit;}
.joinDet-contact{margin-top: 10px;}
.joinDet-contact .title{height: max(46px,0.7rem);display: flex;align-items: center;}
.joinDet-contact li:nth-child(1){margin-top: 0;}
.joinDet-contact .list{margin-top: -0.24rem;}
.joinDet-contact .item{margin: 0.24rem 0 0 0.24rem;width: max(200px,2.6rem);height: max(46px,0.7rem);align-items: center;justify-content: center;border-radius: 40px;background: #fafafa;}
.joinDet-contact li:nth-child(2) .item{justify-content: space-between;padding: 0 max(12px,0.24rem);}
.joinDet-contact .item i{display: flex;align-items: center;justify-content: center;width: max(20px,0.3rem);height: max(20px,0.3rem);}
.joinDet-contact .item i img{max-height: 100%;}
.joinDet-contact .item:hover{color: #eb711e;}
.joinDet-fl{background: #fff;padding: 0.35rem 0.4rem 1.1rem;margin-top: 10px;}
.joinDet-fl-list{justify-content: space-between;}
.joinDet-fl-list li{flex-direction: column;animation: flAni 2s linear infinite alternate;}
.joinDet-fl-list li:nth-child(2),.joinDet-fl-list li:nth-child(4){animation-delay: -0.6s;}
.joinDet-fl-list li:nth-child(5),.joinDet-fl-list li:nth-child(8){animation-delay: -1.4s;}
.joinDet-fl-list li:nth-child(3),.joinDet-fl-list li:nth-child(6){animation-delay: -1s;}
.joinDet-fl-list .ico{height: max(24px,0.5rem);}
.joinDet-fl-list .ico img{max-height: 100%;}
.joinDet-fl-list .title{transition: all .4s ease;}
.joinDet-fl-list li:hover .title{color: #eb711e;}

@keyframes flAni {0%{transform: translateY(-7px);}100%{transform: translateY(5px);}}



/* 安全方案-列表 */
.solNav-list{margin-left: min(-15px,-0.36rem);}
.solNav-item{flex: 1; margin-left: max(15px,0.36rem);height: max(44px,0.6rem);border-radius: 40px;background: #fff;padding: 0 max(15px,0.23rem);align-items: center;justify-content: space-between;}
.solNav-item .ico{width: max(20px,0.37rem);height: max(24px,0.43rem);position: relative;}
.solNav-item .ico img{max-height: 100%;transition: all .4s ease;}
.solNav-item .ico .h{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;}
.solNav-item:hover,.solNav-item.active{background: #eb711e;box-shadow: 0.07rem 0.1rem 0.45rem 4.5px rgba(0, 0, 0, 0.26);}
.solNav-item:hover .ico .s,.solNav-item.active .ico .s{opacity: 0;}
.solNav-item:hover .ico .h,.solNav-item.active .ico .h{opacity: 1;}
.solNav-item:hover .title,.solNav-item.active .title{color: #fff;}
.solItem{background: #fff;}
.solItem-con{width: 50%;flex-direction: column;justify-content: center;padding: 0 0.9rem 0 0.45rem;}
.solItem-con .title{transition: all .4s ease;}
.solItem-img{width: 50%;}
.solItem-img img{width: 100%;height: 5rem;}
.solItem:hover .solItem-img img{transform: scale(1.08);}
.solItem:hover .solItem-con .title{color: #eb711e;}

/* 安全方案-详情 */
.solDet-show-bg img{width: 100%;animation: imgScale 4s linear backwards;}
@keyframes imgScale {0%{transform: scale(1.1);}100%{transform: scale(1);}}
.solDet-show-con{position: relative;z-index: 2;}
.solDet-show-con .comTitle{justify-content: space-between;}
.solDet-show-con .comTitle .title{width: 30%;}
.solDet-show-con .comTitle .text{width: 56%;}
.solDet-show-down{z-index: 3;position: absolute;left: var(--widDb);bottom: 40px;width: 1px;height: 6.4rem;}
.solDet-show-down .box{animation: h100 2s linear infinite; position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.4) 100%);}
.solDet-show-down .box i{position: absolute;top: calc(100% + 3px);left: -3px;display: block;width: 9px;height: 19px;background: url('../images/pages/solDet-show-icon.png') no-repeat center/100% auto;}
.solDet-intro-con{width: 50%;flex-direction: column;justify-content: center;background: #fff;padding: 0 0.4rem;}
.solDet-intro-img{width: 50%;}
.solDet-intro-img img{width: 100%;height: 4.8rem;transition: all 2s linear;}
.solDet-intro-img:hover img{transform: scale(1.1);}
.solDet-xq-item{flex-direction: column;justify-content: center;padding: 0 0.4rem;border: 1px solid #e2e2e2;height: max(200px,3.5rem);position: relative;}
.solDet-xq-item::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: max(2px,0.04rem);opacity: 0;transition: all .4s ease;background: #eb711e;}
.solDet-xq-item:hover::after{opacity: 1;}
.solDet-design-item{border: 1px solid #f3f3f3;}
.solDet-design-img{width: 50%;}
.solDet-design-img img{width: 100%;height: 4.8rem;transition: all 2s linear;}
.solDet-design-img:hover img{transform: scale(1.1);}
.solDet-design-con{width: 50%; flex-direction: column;justify-content: center;padding: 0 0.35rem 0 0.55rem;}
.solDet-design-con .page{font-size: 1.5rem;-webkit-text-stroke: 1px #eb711e;color: transparent;line-height: 1;}
.solDet-design-item:nth-child(2n) .solDet-design-img{display: none;}
.solDet-design-item:nth-child(2n) .solDet-design-con{width: 100%; padding: 0.3rem 0.4rem;background: url('../images/pages/solDet-desgin-bg.jpg') no-repeat center/cover; flex-direction: row-reverse;justify-content: space-between;align-items: center;}
.solDet-design-item:nth-child(2n) .solDet-design-con .text{width: 48%;}
.solDet-design-item:nth-child(4n+3){flex-direction: row-reverse;}
.solDet-pj-swp .swiper-slide{height: auto;}
.solDet-pj-slide{height: 100%;background: #fff;padding: 0.6rem 1.4rem 0.6rem 0.4rem;}
.solDet-pj-left{width: 23%;position: relative;}
.solDet-pj-left .logo{width: max(50px,0.96rem);height: max(22px,0.43rem);}
.solDet-pj-left .logo img{max-height: 100%;}
.solDet-pj-left .btm{align-items: center;}
.solDet-pj-left .img{width: max(26px,0.56rem);height: max(26px,0.56rem);border-radius: 50%;overflow: hidden;margin-right: max(12px,0.22rem);}
.solDet-pj-left .img img{width: 100%;height: 100%;overflow: hidden;}
.solDet-pj-left .desc{flex: 1;}
.solDet-pj-left::after{content: "";position: absolute;left: 100%;top: 50%;transform: translateY(-50%);width: 2px;height: 100%;background: linear-gradient(to bottom,transparent 0%,#f8f8f8 20%,#f8f8f8 80%,transparent 100%);}
.solDet-pj-text{width: 77%;padding-left: 1rem;}
.solDet-pro .proItem-desc{padding-bottom: 1rem;}



/* 联系我们 */
.ctaMsg{background: url('../images/pages/ctaMsg-bg.jpg') no-repeat center/cover;}
.ctaMsg-main-box{justify-content: center;}
.ctaMsg-main{width: 9.4rem;}
.ctaMsg-top{background: linear-gradient(to bottom,#fff 50%,rgba(255,255,255,.5) 100%);padding: 0.4rem;border: 1px solid #fff;box-shadow: 0.1rem 0.12rem 1.45rem 0.14rem rgba(0, 0, 0, 0.06);}
.ctaMsg-form{justify-content: space-between;}
.ctaMsg-form-item{width: 31%;}
.ctaMsg-form-item.w50{width: 49%;}
.ctaMsg-form-item.w100{width: 100%;}
.ctaMsg-form-item input{width: 100%;height: max(40px,0.54rem);border: 1px solid #d7d7d7;padding: 0 max(12px,0.2rem);color: #666;}
.ctaMsg-form-item input:focus{border-color: #eb711e;}
.ctaMsg-form-item input::-webkit-input-placeholder{color: inherit;}
.ctaMsg-form-item textarea{width: 100%;height: max(110px,1.65rem);border: 1px solid #d7d7d7;padding: max(12px,0.2rem);color: #666;}
.ctaMsg-form-item textarea::-webkit-input-placeholder{color: inherit;}
.ctaMsg-form-item textarea:focus{border-color: #eb711e;}
.ctaMsg-select .customSelect-name{border-color: #d7d7d7;height: max(40px,0.54rem);padding: 0 max(12px,0.2rem);border-radius: max(6px,0.12rem);font-size: max(12px,0.14rem);color: #666;}
.ctaMsg-select .customSelect-name::after{color: #eb711e;}
.ctaMsg-select .customSelect-name.noRadius{border-color: #eb711e;}
.ctaMsg-select .customSelect-drop .scroll{max-height: 184px;}
.ctaMsg-select .customSelect-drop .select{height: 46px;color: #666;}
.ctaMsg-radio{margin-left: -0.66rem;}
.ctaMsg-radio .item{margin: max(10px,0.14rem) 0 0 0.66rem;align-items: center;user-select: none;cursor: pointer;}
.ctaMsg-radio .item i{width: max(16px,0.2rem);height: max(16px,0.2rem);background: #eee;color: transparent;margin-right: max(6px,0.08rem);font-size: max(11px,0.13rem);}
.ctaMsg-radio .item.active i{background: #eb711e;color: #fff;}
.ctaMsg-form-item .ctaMsg-code input{width: max(130px,2.1rem);}
.ctaMsg-form-item .ctaMsg-code .img{height: max(40px,0.54rem);width: max(80px,1.2rem); border: 1px solid #d7d7d7;user-select: none;cursor: pointer;margin-left: 8px;}
.ctaMsg-form-item .ctaMsg-code .img img{width: 100%;}
.ctaMsg-submit{user-select: none;cursor: pointer;height: max(40px,0.54rem);border-radius: 40px;padding: 0 max(15px,0.25rem);align-items: center;justify-content: space-between;width: max(100px,1.5rem);}
.ctaMsg-submit i{display: block;font-size: max(16px,0.22rem);transition: transform .4s ease;}
.ctaMsg-submit:hover i{transform: translate(3px,-3px);}
.ctaMsg-btm{justify-content: space-between;}
.ctaMsg-btm-item{width: calc(50% - 0.12rem);height: max(48px,0.7rem);justify-content: space-between;border-radius: 40px;align-items: center;padding: 0 max(15px,0.24rem);background: #fff;}
.ctaMsg-btm-item .left{align-items: center;}
.ctaMsg-btm-item .ico{width: max(20px,0.34rem);margin-right: max(6px,0.08rem);}
.ctaMsg-btm-item .ico img{transition: all .4s ease;}
.ctaMsg-btm-item .ico .h{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;}
.ctaMsg-btm-item:hover{background: #eb711e;}
.ctaMsg-btm-item:hover .ico .s{opacity: 0;}
.ctaMsg-btm-item:hover .ico .h{opacity: 1;}
.ctaMsg-btm-item:hover .title,.ctaMsg-btm-item:hover .text{color: #fff;}
.ctaAddress{border-bottom: 1px solid #d7d7d7;position: relative;}
.ctaAddress::after{content: "";position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);width: 5.4rem;height: 1px;background: #eb711e;}

.ctaAddress-foot{padding-top: 4.7rem;}
.ctaAddress-swp-box{justify-content: center;background: linear-gradient(to bottom,transparent 30%,#fafafa 50%);position: relative;z-index: 10;}
.ctaAddress-swp{width: 5.4rem;}
.ctaAddress-swp .swiper-container{overflow: visible;}
.ctaAddress-slide{background: #fff;padding: 0.4rem;user-select: none;cursor: pointer;}
.ctaAddress-slide .title{align-items: center;}
.ctaAddress-slide .title i{display: block;margin-right: max(6px,0.08rem);}
.swiper-slide-active .ctaAddress-slide{background: #eb711e;transform: translateY(min(-15px,-0.3rem));}
.swiper-slide-active .ctaAddress-slide .title-big,.swiper-slide-active .ctaAddress-slide .title,.swiper-slide-active .ctaAddress-slide .text{color: #fff;}
.ctaAddress-pagination{user-select: none;display: flex;justify-content: center;}
.ctaAddress-pagination .swiper-pagination-bullet{margin: 0 3px;width: max(20px,0.26rem);height: max(20px,0.26rem);opacity: 1;background: transparent;border: 1px solid transparent;display: flex;align-items: center;justify-content: center;transition: all .4s ease;}
.ctaAddress-pagination .swiper-pagination-bullet::after{content: "";display: block;width: max(8px,0.12rem);height: max(8px,0.12rem);border-radius: 50%;background: #eb711e;}
.ctaAddress-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{border-color: #eb711e;}
.ctaAddress-map{position: absolute;left: 50%;top: 1rem;transform: translateX(-50%);overflow: hidden;height: 5.5rem;}
.ctaAddress-map .box{position: relative;}
.ctaAddress-map .map{width: 100vw;height: 100vw;position: relative;z-index: 2;cursor: grab;}

/* 课程报名表 */
.registration-view .ctaMsg-form-item input,.registration-view .ctaMsg-select .customSelect-name,.registration-view .ctaMsg-form-item textarea{background: #f7f7f7;}

/* 安全服务-列表 */
.serItem{height: 100%;background: #fff;}
.serItem-show{padding: 0.4rem;flex-direction: column;position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: all .4s ease;}
.serItem-show .ico{flex: 1;width: 100%;}
.serItem-show .ico img{max-width: max(40px,0.8rem);max-height: max(35px,0.7rem);}
.serItem-hide{position: relative;z-index: 2;opacity: 0;transition: all .5s ease;}
.serItem-hide .hide-con{padding: 0.4rem;background: linear-gradient(to bottom,#e4e4e4,#f2f2f2);}
.serItem-hide .hide-con .title{transition:all .4s ease;}
.serItem-hide .more{background: #fff;border-radius: 40px;padding: max(3px,0.05rem) max(3px,0.05rem) max(3px,0.05rem) max(15px,0.23rem);align-items: center;}
.serItem-hide .more span{transition: all .4s ease;color: #333;}
.serItem-hide .more i{margin-left: max(10px,0.2rem); transition: all .4s ease;transform: rotate(45deg); width: max(34px,0.44rem);height: max(34px,0.44rem);font-size: max(16px,0.2rem); display: flex;align-items: center;justify-content: center;background: #eb711e;color: #fff;border-radius: 50%;}
.serItem-hide .more:hover{background: #eb711e;}
.serItem-hide .more:hover span{color: #fff;}
.serItem-hide .more:hover i{background: #fff;color: #eb711e;}
.serItem-hide .hide-img img{width: 100%;height: 2.2rem;}
.serItem:hover .serItem-hide{opacity: 1;}
.serItem:hover .serItem-hide .hide-con .title{color:#eb711e;}

/* 安全服务-详情 */
.serDet-intro-flex{background: #fff;align-items: center;justify-content: space-between;}
.serDet-intro-img{width: 57%;overflow: hidden;}
.serDet-intro-img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(to right,transparent 40%,#fff 95%);z-index: 2;}
.serDet-intro-img img{width: 100%;height: 6.1rem;transition: all 1s linear;}
.serDet-intro-img:hover img{transform: scale(1.05);}
.serDet-intro-con{width: 43%;padding-right: 1.15rem;}
.serDet-intro .newsDet-back-box{justify-content: flex-end;}
.serDet-obj-list ul{margin: -0.6rem 0 0 -0.26rem;}
.serDet-obj-list li{margin: 0.6rem 0 0 0.26rem;width: calc(100% / 5 - 0.26rem);height: 3rem;background: #fafafa;flex-direction: column;border-radius: 50%;}
.serDet-obj-list .line{pointer-events: none; width: 110%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;}
.serDet-obj-list .line img{width: 100%;animation: rotateAni 10s linear infinite;}
.serDet-obj-list .ico{width: max(40px,1.1rem);height: max(34px,0.9rem);}
.serDet-obj-list .ico img{max-height: 100%;transition: all .4s ease;}
.serDet-obj-list .ico .h{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;}
.serDet-obj-list li:hover{background: #eb711e;}
.serDet-obj-list li:hover .line{opacity: 1;}
.serDet-obj-list li:hover .ico .s{opacity: 0;}
.serDet-obj-list li:hover .ico .h{opacity: 1;}
.serDet-obj-list li:hover .title{color: #fff;}
@keyframes rotateAni{0%{transform: rotate(0);}100%{transform: rotate(360deg);}}
.serDet-course-img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.serDet-course-img img{width: 100%;height: 100%;transition: all .4s ease;}
.serDet-course-img .h{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;}
.serDet-course-con{position: relative;z-index: 5;padding: 0.38rem 0.38rem 0.46rem;}
.serDet-course-con .more1{position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 40px;align-items: center;justify-content: center;background: #fafafa;transition: all .4s ease;}
.serDet-course-con .more1 i{display: block;width: max(16px,0.22rem);margin-right: max(16px,0.22rem);}
.serDet-course-con .more2{opacity: 0; transition: all .4s ease; background: #fff;border-radius: 40px;padding: max(3px,0.05rem) max(3px,0.05rem) max(3px,0.05rem) max(15px,0.23rem);align-items: center;}
.serDet-course-con .more2 span{transition: all .4s ease;color: #333;}
.serDet-course-con .more2 i{margin-left: max(10px,0.2rem); transition: all .4s ease;transform: rotate(45deg); width: max(34px,0.44rem);height: max(34px,0.44rem);font-size: max(16px,0.2rem); display: flex;align-items: center;justify-content: center;background: #eb711e;color: #fff;border-radius: 50%;}
.serDet-course-item:hover .serDet-course-img .s{opacity: 0;}
.serDet-course-item:hover .serDet-course-img .h{opacity: 1;}
.serDet-course-item:hover .serDet-course-con .title{color: #fff;}
.serDet-course-item:hover .serDet-course-con .more1{opacity: 0;}
.serDet-course-item:hover .serDet-course-con .more2{opacity: 1;}

/* 公司简介 */
.abFZ{padding-bottom: 4.7rem;}
.abFZ-bg{position: absolute;left: 0;bottom: 0;width: 100%;}
.abFZ-bg img{width: 100%;}
.abFZ-con{position: relative;z-index: 5;}
.abFZ-con .contain{flex-direction: column;}
.abFZ-year{width: 3.29rem;}
.abFZ-year .swiper-container{overflow: visible;}
.abFZ-year-slide{flex-direction: column;user-select: none;cursor: pointer;}
.abFZ-year-slide .year{transition: all .6s ease;height: max(36px,0.5rem);align-items: flex-end;line-height: 1;}
.abFZ-year-slide .line{transition: all .6s ease;height: 0.29rem;width: 100%;background: url('../images/pages/abFZ-line1.png') no-repeat center/100% auto;transition: all .4s ease;}
.swiper-slide-active .abFZ-year-slide .year{color: #eb711e;font-size: max(26px,0.48rem);font-weight: 700;}
.swiper-slide-active .abFZ-year-slide .line{background-image: url('../images/pages/abFZ-line4.png');}
.abFZ-desc{width: 9.3rem;}
.abFZ-desc .swiper-slide{padding: 0 1rem;}
.abWH-list{margin-left: -0.38rem;display: flex;}
.abWH-item{margin-left: 0.38rem;flex: 1;user-select: none;cursor: pointer;transition: flex .8s;}
.abWH-img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .3);transition: all .6s ease;}
.abWH-img img{max-width: unset;height: 6.5rem;}
.abWH-show,.abWH-hide{position: absolute;left: 0;top: 0;width: 100%;height: 100%;flex-direction: column;transition: all .6s ease .2s;}
.abWH-hide{z-index: 5;width: 10.9rem;opacity: 0;transition: all .6s ease;}
.abWH-hide .ico{background: rgba(255, 255, 255, .1);backdrop-filter: blur(10px); width: max(50px,1rem);height: max(50px,1rem);border-radius: 50%;border: 2px solid rgba(255, 255, 255, .45);transition: all .5s ease;}
.abWH-hide .ico img{max-width: 55%;max-height: 55%;}
.abWH-hide .ico:hover{border-color: #eb711e;background: #eb711e;}
.abWH-hide .ico{opacity:0;transform:translateY(40px); transition:all .6s ease .3s;}
.abWH-hide .text{opacity:0;transform:translateY(40px);transition:all .6s ease .2s;}
.abWH-hide .title{opacity:0;transform:translateY(40px);transition:all .6s ease .1s;}
.abWH-item.active{flex: 5;}
.abWH-item.active .abWH-img::after{background: rgba(0, 0, 0, .2);}
.abWH-item.active .abWH-show{opacity: 0;transition: all .3s ease;}
.abWH-item.active .abWH-hide{opacity: 1;transition: all .6s ease .1s;}
.abWH-item.active .abWH-hide .ico,.abWH-item.active .abWH-hide .text,.abWH-item.active .abWH-hide .title{opacity:1;transform:translateY(0);}
.abWH-item.active .abWH-hide .ico{transition-delay:.3s;}
.abWH-item.active .abWH-hide .text{transition-delay:.4s;}
.abWH-item.active .abWH-hide .title{transition-delay:.5s;}
.abHZ{background: #f8f8f8 url('../images/pages/abHZ-bg.png') no-repeat center/cover;}
.abHZ-swp:first-child{margin-top: 0;}
.abHZ-swp:first-child,.abHZ-swp:last-child{pointer-events: none;}
.abHZ-swp{margin-top: 8px;}
.abHZ-swp:nth-child(2n){transform: rotate(180deg);}
.abHZ-swp:nth-child(2n) .swiper-slide{transform: rotate(-180deg);}
.abHZ-swp .swiper-wrapper{transition-timing-function: linear;}
.abHZ-slide{height: 8.4vw;background: rgba(255, 255, 255, .2);box-shadow: 0 0 10px rgba(255, 255, 255, .6) inset;}
.abHZ-slide img{max-width: 70%;max-height: 60%;}
.abHZ-slide:hover{background: #fff;}
.abHZ-desc{position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 5;background: linear-gradient(to right,#f8f8f8 85%,transparent 100%);}
.abHZ-desc .box{width: 100%;height: 100%;padding: 0.5rem var(--widDb);}
.abHZ-desc .num{align-items: flex-start;}
.abHZ-desc .num span{line-height: 1;}
.abHZ-desc .num p{margin-left: max(5px,0.1rem);}
.abHonor-main{border-top: 1px solid #d9d9d9;}
.abHonor-left{width: 35%;border-right: 1px solid #d9d9d9;padding: 0.35rem 0.45rem 0.5rem var(--widDb);}
.abHonor-menu .item{user-select: none;cursor: pointer;width: max(100px,1.54rem);height: max(40px,0.54rem);border-radius: 40px;background: #fff;transition: none;}
.abHonor-menu .item:hover{color: #eb711e;}
.abHonor-menu .item.active,.abHonor-menu .item.active:hover{background: #eb711e;color: #fff;box-shadow: 0.07rem 0.1rem 0.45rem 4.5px rgba(0, 0, 0, 0.2);}
.abHonor-right{width: 65%;padding: 0.38rem calc(var(--widDb) - 0.38rem) 0.38rem 0.38rem;}
.abHonor-drop-item{display: none;}
.abHonor-drop-item:first-child{display: block;}
.abHonor-list{height: 8rem;overflow-y: auto;padding-right: 0.38rem;}
.abHonor-item{background: #fff;padding: 0.6rem 0.2rem 0.25rem;user-select: none;cursor: pointer;}
.abHonor-item::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #d2d6d9 url('../images/pages/abHonor-item-bg.png') no-repeat center/cover;opacity: 0;transition: all .6s ease;}
.abHonor-item>div{position: relative;z-index: 2;}
.abHonor-item .img-box{height: 3.3rem;}
.abHonor-item .img{border: 1px solid #fff;background: linear-gradient(to bottom,#fff 30%,#f4f5f5 100%);padding: max(3px,0.05rem);}
.abHonor-item .img img{max-width: 2.7rem;max-height: 2.3rem;}
.abHonor-item:hover::after{opacity: 1;}
.abHonor-list::-webkit-scrollbar{width: 4px;height: 4px}
.abHonor-list::-webkit-scrollbar-thumb{background: #eb711e}
.abHonor-list::-webkit-scrollbar-track{background: #e3e3e3}
@-moz-document url-prefix(){
    .abHonor-list{scrollbar-color: #eb711e #e3e3e3;scrollbar-width:thin}
    .abHonor-list{scrollbar-face-color: #eb711e;scrollbar-shadow-color: #eb711e;scrollbar-arrow-color: #000;scrollbar-track-color: #e3e3e3}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
    .abHonor-list{scrollbar-color:#eb711e #e3e3e3;scrollbar-width:thin}
    .abHonor-list{scrollbar-face-color: #eb711e;scrollbar-shadow-color: #eb711e;scrollbar-arrow-color: #000;scrollbar-track-color: #e3e3e3}
}
.abIntro .pagesBread{opacity: 0;transition: all .6s ease;}
.abIntro-con{background: url('../images/pages/abIntro-bg.png') no-repeat center/cover;}
.abIntro-con .contain{height: calc(100vh - max(64px,0.7rem));}
.abIntro-flex{justify-content: space-between;align-items: flex-start;opacity: 0;transition: all 1s ease;transform: translateY(60px);}
.abIntro-num{width: 36%;}
.abIntro-num .item{flex-direction: column;}
.abIntro-num .num{align-items: flex-start;}
.abIntro-num .num span{line-height: .8;}
.abIntro-num .num p{margin-left: max(5px,0.1rem);}
.abIntro-num li{width: 50%;height: 1.55rem;align-items: flex-start;}
.abIntro-num li:nth-child(2n){border-left: 1px solid #eb711e;}
.abIntro-num li:nth-child(n+3){border-top: 1px solid #eb711e;}
.abIntro-num li:nth-child(2){justify-content: flex-end;}
.abIntro-num li:nth-child(3){align-items: flex-end;}
.abIntro-num li:nth-child(4){justify-content: flex-end;align-items: flex-end;}
.abIntro-desc{width: 58%;}
.abIntro-video{position: absolute;left: 0;bottom: max(20px,0.55rem);width: 100%;opacity: 0;transition: all 1s ease .2s;transform: translateY(60px);}
.abIntro-video .btn{background: linear-gradient(to bottom,#c7c5ba,#d4d1c5); user-select: none;cursor: pointer;border-radius: 40px;width: max(120px,2rem);height: max(44px,0.7rem);position: relative;}
.abIntro-video .btn::before{transition: all .4s ease; width: calc(100% + max(12px,0.18rem));height: calc(100% + max(12px,0.18rem)); content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);border: 1px dashed #fff;border-radius: 50px;}
.abIntro-video .btn::after{background: linear-gradient(to bottom,#df7a35,#f68a41); content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: inherit;transition: all .4s ease;opacity: 0;}
.abIntro-video .btn span,.abIntro-video .btn i{position: relative;z-index: 2;}
.abIntro-video .btn i{display: block;font-size: max(16px,0.24rem);margin-right: max(18px,0.48rem);}
.abIntro-video .btn:hover::before{border-color: #eb711e;}
.abIntro-video .btn:hover::after{opacity: 1;}
.about-foot{position: relative;margin-top: 300vh;z-index: 2;}
.abIntro{height: 300vh;position: fixed;left: 0;top: max(64px,0.7rem);width: 100%;}
.abIntro-sticky{position: relative;top: 0;overflow: hidden;}
.abIntro-mask{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;}
.abIntro-mask .mask1{z-index: 1; position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.abIntro-mask .mask1 p{width: 100%;height: 100%;background: #eee;}
.abIntro-mask .mask2{z-index: 2;height: 100%;width: 100%;position: absolute;left: 0;top: 0;}
.abIntro-mask .mask2 p{opacity: 0;height: 100%;width: 100%;position: absolute;top: 100%;left: 0;background: linear-gradient(#eb711e 30%,rgba(254,219,0,0) 100%);}
.abIntro-mask .zoom{transform-origin: 15% 60%;position: relative;z-index: 3;}
.abIntro-mask .logo{z-index: 3; position: relative;transform-origin: 15% 60%;}
.abIntro-mask .logo img{width: 100vw;height: calc(100vh - max(64px,0.7rem));position: relative;z-index: 2;}
.abIntro-mask .line{z-index: 4; width: max(100%,208vh);z-index: 3;position: absolute;left: 50%;top: 47%;transform:translate(-50%,-50%)}
.abIntro-mask .line img{width: 100%;}
.abIntro-mask .text{z-index: 5;position: absolute;left: 35%;top: 46%;display: flex;}
.abIntro-mask .text p{display: flex;opacity: 0;}
.abIntro-mask .text span{display: block;animation: spanAni .7s ease both;opacity: 0;}
.abIntro-mask.active .mask1 p{opacity: 0;transition: opacity 1.6s ease .3s;}
.abIntro-mask.active .mask2 p{top: 0;opacity: 1; transition: top 1.5s cubic-bezier(.38,0,0,1),opacity 1s cubic-bezier(.38,0,0,1);}
.abIntro-mask.active .text p{opacity: 1;transition: all 0s .1s ease;}

.abIntro.active .pagesBread{opacity: 1;}
.abIntro.active .abIntro-flex{opacity: 1;transform: translateY(0);}
.abIntro.active .abIntro-video{opacity: 1;transform: translateY(0);}

@keyframes spanAni {0%{opacity: 0;transform: translateX(25px);}100%{opacity: 1;transform: translateX(0);}}

/* 支持中心-产品手册 */
.downFilter{background: #fff;padding: 0.4rem 0.4rem 0.5rem;overflow: visible;}
.downFilter-top{align-items: center;}
.downFilter-title{align-items: center;}
.downFilter-title .ico{width: max(16px,0.23rem);margin-right: max(10px,0.15rem);}
.downFilter-form{margin-left: max(12px,0.22rem);}
.downFilter-form input{width: max(250px,4.2rem);height: max(40px,0.54rem);border-radius: 40px;background: #f7f7f7;padding: 0 max(12px,0.3rem);border: 1px solid transparent;}
.downFilter-form input::-webkit-input-placeholder{color: inherit;}
.downFilter-form input:focus{border-color: #eb711e;}
.downFilter-form .btn{user-select: none;cursor: pointer;position: absolute;right: 0;top: 0;width: max(50px,0.66rem);height: 100%;}
.downFilter-form .btn:hover{color: #eb711e;}
.downFilter-select-group{margin-left: -8px;}
.downFilter-select{margin: 8px 0 0 8px;width: max(140px,1.7rem);}
.downFilter-select .customSelect-name{font-size: max(12px, 0.14rem);height: max(40px,0.46rem);background: #f7f7f7;border-radius: 40px;padding: 0 max(12px,0.15rem);border-color: transparent;}
.downFilter-select .customSelect-name.noRadius{border-color: #eb711e;}
.downFilter-select .customSelect-name::after{color: #eb711e;font-size: max(12px,0.14rem);right: max(10px,0.14rem);}
.downItem{background: url('../images/pages/downList-item-bg1.jpg') no-repeat center/cover;}
.downItem-img img{width: 100%;}
.downItem-con{position: absolute;left: 0;bottom: 0;width: 100%;z-index: 2;padding: 0.45rem 0.4rem;}
.downItem-con .label span{border: 1px solid #ccc;display: block;padding: max(4px,0.06rem) max(8px,0.12rem);border-radius: 40px;width:fit-content}
.downItem-con .btn{transition: all .4s ease; width: max(110px,1.54rem);height: max(40px,0.54rem);user-select: none;cursor: pointer;border-radius: 40px;background: #fff;}
.downItem-con .btn i{height: max(18px,0.31rem);width: max(20px,0.34rem); margin-right: max(8px,0.13rem);}
.downItem-con .btn:hover{background: #ddd;}
.downItem-con .btn:nth-child(2){margin-left: 8px;}
.downItem:hover{background-image: url('../images/pages/downList-item-bg2.jpg');}
.downItem:hover .downItem-con .label span{border-color: #fff;color: #fff;}
.downItem:hover .downItem-con .title,.downItem:hover .downItem-con .date{color: #fff;}

/* 支持中心-接线图 */
.diagram-view .downItem-img{background: #fff;border-radius: max(6px,0.12rem);width: 2.1rem;margin: 0.3rem auto 0;box-shadow: 0px 0px 30.03px 2.97px rgba(0, 0, 0, 0.04);overflow: hidden;}
.diagram-view .downItem-con{position: relative;bottom: auto;padding-top: 0.1rem;}

/* 支持中心-CAD数据 */
.cadItem{background: #fff;height: 100%;padding: 0.45rem 0.4rem;position: relative;transition: all .4s ease;}
.cadItem .label span{border: 1px solid #ccc;display: block;padding: max(4px,0.06rem) max(8px,0.12rem);border-radius: 40px;}
.cadItem .btn{transition: all .4s ease; width: max(110px,1.54rem);height: max(40px,0.54rem);user-select: none;cursor: pointer;border-radius: 40px;background: #fafafa;}
.cadItem .btn i{height: max(18px,0.31rem);width: max(20px,0.34rem); margin-right: max(8px,0.13rem);}
.cadItem .btn:hover{background: #eee;}
.cadItem .btn:nth-child(2){margin-left: 8px;}
.cadItem .circle,.joinItem .circle{width: max(30px,0.7rem);height: max(30px,0.7rem);border-radius: 50%;opacity: 0;position: absolute;bottom: 0;right: 0;transition: all .36s;transform: translate(50%,50%);}
.joinItem .circle{width: max(50px,1rem);height: max(50px,1rem);}
.cadItem .circle:after,.joinItem .circle:after{content: "";width: 200%;height: 200%;border-radius: 50%;border-width: 2px;border-color: rgba(235,113,30,0.5);border-style: solid;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)}
.cadItem .circle:before,.joinItem .circle:before{content: "";width: 250%;height: 250%;border-radius: 50%;border-width: 2px;border-color: rgba(235,113,30,0.3);border-style: solid;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)}
.cadItem:hover,.joinItem:hover{box-shadow: 0 0 0.4rem rgba(0,0,0,0.1);}
.cadItem:hover .circle,.joinItem:hover .circle{opacity: 1}
.cadItem:hover .circle:before,.cadItem:hover .circle::after,.joinItem:hover .circle:before,.joinItem:hover .circle::after{animation: kusan 2s infinite linear;}
.cadItem:hover .circle::after,.joinItem:hover .circle::after{animation-delay: -1s;}
/* .proDet-gn-slide:hover .circle:after{animation: kusan2 1.5s infinite ease;-webkit-animation: kusan2 1.5s infinite linear} */
@keyframes kusan {0% {width: 100%;height: 100%}100% {width: 300%;height: 300%}}
@keyframes kusan2 {0% {width: 100%;height: 100%}100% {width: 130%;height: 130%}}

/* 支持中心-产品选型 */
.selFilter{background: #fff;padding: 0.7rem 0.8rem 0.4rem;overflow: visible;}
.selFilter-top li{align-items: center;display: flex;}
.selFilter-top li .title{width: max(80px,0.9rem);}
.selFilter-select{flex: 1}
.selFilter-select .customSelect-name{height: max(40px,0.5rem);background: #fafafa;font-size: max(12px, 0.14rem);border-radius: max(6px,0.12rem);border-color: #ccc;padding: 0 max(12px,0.22rem);color: #666;}
.selFilter-select .customSelect-name::after{color: #eb711e;font-size: max(12px,0.14rem);right: max(10px,0.22rem);}
.selFilter-select .customSelect-name.noRadius{border-color: #eb711e;}
.selFilter-top input{flex: 1;height: max(40px,0.5rem);background: #fafafa;font-size: max(12px, 0.14rem);border-radius: max(6px,0.12rem);border: 1px solid #ccc;padding: 0 max(12px,0.22rem);color: #666;}
.selFilter-top input:focus{border-color: #eb711e;}
.selFilter-top input::-webkit-input-placeholder{color: inherit;}
.selFilter-images{align-items: center;}
.selFilter-images .images-title{width: max(80px, 0.9rem);}
.selFilter-images .images-list{flex: 1;}
.selFilter-images .images-item .img{background: #fafafa;}
.selFilter-images .images-item .img img{width: 100%;}
.selFilter-images .images-item .btn{opacity: 0;position: absolute;right: 7px;bottom: 7px;width: max(20px,0.3rem);height: max(20px,0.3rem);border-radius: 50%;}
.selFilter-images .images-item .title{transition:all .4s ease;}
.selFilter-images .images-item:hover .img img{transform: scale(1.1);}
.selFilter-images .images-item:hover .btn{opacity: 1;}
.selFilter-images .images-item:hover .title{color:#eb711e;}
.selTable{background: #fff;padding: 10px;}
.selTable-con{overflow-x: auto;width: 100%;padding-bottom: 4px;}
.selTable-con::-webkit-scrollbar {width: 2px;height: 6px}
.selTable ul{display: flex;position: relative;}
.selTable li{transition: all .4s ease; background: #fff; min-width: 2.2rem;min-height: max(50px,0.7rem); padding: 0.15rem 0.1rem;border-top: 1px solid #ccc;border-left: 1px solid #ccc; display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;}
.selTable ul:hover li{background: #eee;}
.selTable ul:nth-child(2) li{border-top-color: transparent;}
.selTable li:first-child{border-left-color: transparent;position: sticky;left: 0;top: 0;}
.selTable li:last-child{position: sticky;right: 0;top: 0;min-width: 50px;white-space: nowrap;}
.selTable ul:nth-child(1) li{border-color: transparent;color: #fff;background: #eb711e;}
.selTable-checkBox{user-select: none;cursor: pointer;border-radius: 4px;border: 1px solid #ccc;width: 20px;height: 20px;font-size: 10px;background: #f7f7f7;color: transparent;}
.selTable-checkBox.active{color: #eb711e;}

/* 登录注册-账户登录 */
.login-view{background: url('../images/pages/login-bg.jpg') no-repeat center/cover;text-align: left;height: calc(100vh - max(64px,0.7rem));}
.login-flex{width: max(800px,10.8rem); background: rgba(255, 255, 255, .84);backdrop-filter: blur(10px);}
.login-left{width: 53%;padding: 0.4rem;}
.login-link{margin-left: -0.38rem;}
.login-link .item{margin: 0.2rem 0 0 0.38rem;width: 1.2rem;height: 1.2rem;border-radius: 50%;background: rgba(255, 255, 255, .29);flex-direction: column;}
.login-link .ico{height: max(16px,0.26rem);}
.login-link .ico img{max-height: 100%;}
.login-link .item:hover{background: #fff;}
.login-right{width: 47%;background: #fff;padding: 0.5rem 0.4rem 0.4rem;}
.login-nav .item{align-items: center;border-bottom: max(2px,0.03rem) solid transparent;transition: all .4s ease;}
.login-nav .item:nth-child(2){margin-left: max(20px,0.38rem);}
.login-nav .ico{height: max(14px,0.23rem);margin-right: max(6px,0.08rem);}
.login-nav .ico img{height: 100%;transition: all .4s ease;}
.login-nav .ico .h{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;}
.login-nav .item.active{border-color: #eb711e;}
.login-nav .item.active .ico .s{opacity: 0;}
.login-nav .item.active .ico .h{opacity: 1;}
.login-nav .item.active .title{color: #eb711e;}
.login-form{width: 94%;}
.login-form-item input{width: 100%; height: max(40px,0.52rem);background: #f7f7f7;padding: 0 max(12px,0.2rem);}
.login-form-item input::-webkit-input-placeholder{color: #999;}
.login-form-item textarea{background: #f7f7f7;width: 100%;height: max(110px,2rem);padding: max(12px, 0.2rem);}
.login-form-item textarea::-webkit-input-placeholder{color: #999;}
.login-form-item .login-code{justify-content: space-between;}
.login-form-item .login-code input{flex: 1;}
.login-form-item .login-code .btn{width: max(100px,1.54rem);margin-left: 8px; user-select: none;cursor: pointer;background: #f7f7f7;transition: all .4s ease;}
.login-form-item .login-code .btn:hover{background: #eb711e !important;color: #fff;}
.login-select{width: max(110px,1.6rem);margin-right: 8px;}
.login-select.w100{width: 100%;}
.login-select .customSelect-name{color: #666; background: #fff;height: max(40px, 0.52rem);border-color: transparent; border-radius: max(6px, 0.12rem);font-size: max(12px, 0.14rem);}
.login-select .customSelect-name::after{color: #eb711e;font-size: inherit;}
.login-select .customSelect-name.noRadius{border-color: #eb711e;}
.login-form-item .login-select-box input{flex: 1;}
.login-forget .btn{text-decoration: underline;}
.login-forget .btn:hover{color: #000;}
.login-menu{align-items: center;justify-content: space-between;width: 94%;}
.login-submit{width: max(90px,1.46rem);height: max(40px,0.52rem);border-radius: 40px;user-select: none;cursor: pointer;}
.login-submit:hover{background: #c05106;}
.login-register{align-items: center;width: max(90px,1.46rem);height: max(40px,0.52rem);border-radius: 40px;justify-content: center;transition: all .4s ease;background: #f7f7f7;}
.login-register i{transition: transform .4s ease; display: block;font-size: max(10px,0.12rem);transform: rotate(180deg);margin-left: max(8px,0.14rem);}
.login-register:hover{background: #eb711e;color: #fff;}
.login-register:hover i{transform: translateX(3px) rotate(180deg);}
.login-tips{
    cursor: pointer;
}
.login-tips i{width: 17px;height: 17px;margin-top: -2px; user-select: none;cursor: pointer;color: transparent;font-size: 10px;border-radius: 4px;background: #fff;border: 1px solid #ededed;margin-right: 8px;}
.login-tips i.active,.login-tips.active i{border-color: #eb711e;background: #eb711e;color: #fff;}
.login-tips p{flex: 1;}
.login-tips p a{color: #eb711e;}
.login-tips p a:hover{text-decoration: underline;}



/* 登录注册-注册 */
.register-view .contain{width: max(500px,7.3rem);}
.register-view  .login-form-item input,.register-view .login-form-item textarea{background: #fff;}
.register-view .login-form-item .login-code .btn{background: #fff;}
.register-head,.register-btm{justify-content: space-between;align-items: center;}
.register-btm .newsDet-back{margin-top: 0;}
.register-btm .newsDet-back:hover .btn{background: #c05106;}

/* 个人中心-资料下载 */
.down2Head{justify-content: space-between;align-items: flex-start;border-bottom: 2px solid #ececec;}
.down2Head .comTitle{margin-right: 0.36rem;}
.down2Head .pagesNav{width: 8.3rem;margin-top: 0;}
.down2Head .pagesNav-list{flex-wrap: wrap;justify-content: flex-start;}
.down2Head .pagesNav-list .item{background: #fff;}
.down2Head.pagesNav-list .item:hover,.down2Head-left .pagesNav-list .item.active{background: #eb711e;color: #fff;}
.down2Head .downFilter-form input{background: #fff;}

/* 个人中心-主页 */
.accIntro{background: #ffff;padding: 0.4rem;}
.accIntro-top{align-items: center;justify-content: space-between;}
.accIntro-setting{background: #fafafa;border-radius: 40px;padding: max(8px,0.14rem) max(14px,0.22rem);}
.accIntro-setting i{display: block;width: max(15px,0.25rem);margin-right: max(10px,0.18rem);}
.accIntro-setting:hover{background: #ebebeb;}
.accIntro-item{padding: 0.48rem 0.1rem 0.32rem; height: 100%;background: #fafafa;flex-direction: column;align-items: center;text-align: center;}
.accIntro-item .ico{height: max(20px,0.28rem);}
.accIntro-item .ico img{max-height: 100%;}
.accIntro-item:hover{background: #ebebeb;}
.accPro{background: #fff;padding: 0.4rem 0 0.4rem 0.4rem;}
.accPro-top{align-items: center;}
.accPro-num{border-radius: 40px; padding: max(8px, 0.15rem) max(20px, 0.36rem) max(8px, 0.15rem) max(10px, 0.18rem); align-items: center;margin-left: max(10px,0.16rem);border-radius: 40px;background: #fafafa;}
.accPro-num i{display: block;width: max(20px,0.33rem);margin-right: max(14px,0.36rem);}
.accPro-close{z-index: 2; user-select: none;cursor: pointer;width: 26px;height: 26px;position: absolute;right: max(8px,0.16rem);top: max(8px, 0.16rem);opacity: 0;}
.accPro-close:hover{transform: rotate(90deg);}
.accPro-con .img{background: url('../images/pages/accPro-item-bg.png') no-repeat center/cover;}
.accPro-con .img img{width: 100%;}
.accPro-con .img:hover img{transform: scale(1.08);}
.accPro-slide:hover .accPro-close{opacity: 1;}

/* 个人中心-我的收藏 */
.collHead{justify-content: space-between;align-items: flex-end;border-bottom: 1px solid #e0e0e0;}
.collHead-right{align-items: flex-end;}
.collHead-close .item{background: #fff;border-radius: 40px;padding: max(8px,0.15rem) max(14px,0.23rem);margin-left: 8px;}
.collHead-close .item i{display: block;margin-right: max(10px,0.2rem);width: max(14px,0.24rem);}
.collHead-close .item:hover{background: #ebebeb;}
.collHead .downFilter-form input{background: #fff;}
.collItem{margin-top: 22px;}
.collItem-flex{background: #fff;align-items: center;justify-content: space-between;padding: 0.4rem;}
.collItem-img{width: 34%;background: url('../images/pages/accPro-item-bg.png') no-repeat center/cover;}
.collItem-img img{width: 100%;}
.collItem-img:hover img{transform: scale(1.1);}
.collItem-con{width: 66%;padding: 0 2rem 0 0.4rem;}
.collItem-con .title:hover{color: #eb711e;}
.collItem-menu{position: absolute;right: 0.3rem;top:    50%;transform: translateY(-50%);}
.collItem-menu .item:first-child{margin-top: 0;}
.collItem-menu .item{align-items: center;}
.collItem-menu .item::after{content: "";position: absolute;right: 0;top: 0;width: max(40px,0.6rem);height: 100%;background: #fafafa;transition: all .4s ease;border-radius: max(10px,0.22rem);}
.collItem-menu .item i{position: relative;z-index: 2; width: max(40px,0.6rem);height: max(40px,0.6rem);}
.collItem-menu .item i img{max-width: 48%;max-height: 48%;}
.collItem-menu .item span{position: relative;z-index: 2; transition: all .4s ease;display: block;opacity: 0;width: max(70px,1.1rem);padding-left: max(14px,0.22rem);}
.collItem-menu .item:hover::after{width: 100%;}
.collItem-menu .item:hover span{opacity: 1;transition-delay: .1s;}

/* 产品-列表 */
.proFilter{background: #fff;padding: 0.5rem 0.4rem;overflow: visible;}
.proFilter-top{justify-content: space-between;align-items: center;}
.proFilter .downFilter-form input{background: #fff;border-color: #d7d7d7;width: 6.5rem;}
.proFilter .downFilter-form input:focus{border-color: #eb711e;}
.proSelect-group{margin-left: -8px;}
.proSelect{margin: 8px 0 0 8px;width: calc(100% / 7 - 8px);}
.proSelect .customSelect-name{padding-left: max(28px,0.45rem); color: #333; background: #fafafa;height: max(40px, 0.46rem);border-color: #d7d7d7; border-radius: 40px;font-size: max(12px, 0.14rem);}
.proSelect .customSelect-name::after{color: #eb711e;font-size: inherit;}
.proSelect .customSelect-name.noRadius{border-color: #eb711e;}
.proSelect .customSelect-ico{position: absolute;left: max(8px,0.16rem);top: 50%;transform: translateY(-50%);width: max(16px,0.25rem);height: max(14px,0.23rem);align-items: center;pointer-events: none;z-index: 2;}
.proSelect .customSelect-ico img{max-height: 100%;}
.proFlex{justify-content: space-between;align-items: flex-start;}
.proLeft{width: 26%;position: sticky;top: max(90px,1rem);}
.proNav{background: #fff;}
.proNav .item{align-items: center;padding: 0 0.1rem 0 0.35rem;height: max(50px,0.8rem);border-top: 1px solid #ededed;}
.proNav .item:first-child{border-top: unset;}
.proNav .item:hover,.proNav .item.active{background: #eb711e;color: #fff;border-color: transparent;}
.proRight{width: 71%;}
.proItem-img{background: url('../images/pages/proList-item-bg.png') no-repeat center/cover;}
.proItem-img img{width: 100%;}
.proItem-desc{background: #fff;padding: 0.3rem 0.15rem 1.25rem;}
.proItem-btn{z-index: 2;position: absolute;left: 0;bottom: 0.4rem;width: 100%;justify-content: center;}
.proItem-btn .btn-item{width: max(110px,1.54rem);height: max(40px,0.54rem);border-radius: 40px;background: #fafafa;}
.proItem-btn .btn-item:nth-child(2){margin-left: max(8px,0.14rem);}
.proItem-btn .ico{width: max(20px,0.28rem);height: max(18px,0.26rem);margin-right: max(10px,0.16rem);}
.proItem-btn .ico img{max-height: 100%;transition: .4s ease;}
.proItem-btn .ico .h{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);opacity: 0;}
.proItem-btn .name span:nth-child(1){display: block;}
.proItem-btn .name span:nth-child(2){display: none;}
.proItem-compare:hover,.proItem-btn .btn-item.active{background: #eb711e;}
.proItem-compare:hover .ico .s,.proItem-btn .btn-item.active .ico .s{opacity: 0;}
.proItem-compare:hover .ico .h,.proItem-btn .btn-item.active .ico .h{opacity: 1;}
.proItem-compare:hover .name,.proItem-btn .btn-item.active .name{color: #fff;}
.proItem-btn .btn-item.active .name span:nth-child(1){display: none;}
.proItem-btn .btn-item.active .name span:nth-child(2){display: block;}
.proItem:hover .proItem-img img{transform: scale(1.08);}
.proItem:hover .proItem-desc .title{color: #eb711e;}

.proDB{pointer-events: none; position: fixed;left: 0;bottom: 0;width: 100%;z-index: 999;transition: all .4s ease;transform: translateY(100%);}
.proDB.show{transform: translateY(0);}
.proDB-flex{background: #fff;transform: translateY(0); transition: all .4s ease; box-shadow: 0 0 max(15px,0.3rem) rgba(0, 0, 0, .1);pointer-events: all;}
.proDB-flex.active{transform: translateY(calc(100% - max(46px, 0.54rem)));}
.proDB-flex.active .proDB-num .btn{transform: rotate(0);}
.proDB-con{padding: 0.14rem 0.24rem 0.2rem;border-right: 1px solid #e3e3e3;width: 87%;}
.proDB-num{align-items: center;}
.proDB-num .title{align-items: center;}
.proDB-num .title span{font-size: max(12px,0.14rem);display: flex;align-items: center;justify-content: center; margin-left: 8px;width: max(16px,0.2rem);height: max(16px, 0.2rem);border-radius: 50%;background: #eb711e;color: #fff;}
.proDB-num .btn{transform: rotate(180deg);width: 30px;height: 30px;margin-left: max(8px,0.14rem);user-select: none;cursor: pointer;}
.proDB-item{height: 100%;padding: 5px;background: #fafafa;}
.proDB-item2{background: #fafafa;padding: max(10px,0.2rem) max(10px, 0.2rem) max(10px, 0.2rem) max(15px,0.25rem);}
.proDB-item2 .title{flex: 1;padding-right: 10px;}
.proDB-item2 .close{user-select: none;cursor: pointer;width: 24px;height: 24px;}
.proDB-item2 .close:hover{color: #eb711e;transform: rotate(90deg);}
.proDB-item .item-link{justify-content: space-between;align-items: center;}
.proDB-item .img{width: 46%;background: url('../images/pages/proList-item-bg.png') no-repeat center/cover;}
.proDB-item .img img{width: 100%;}
.proDB-item .desc{width: 54%;padding-left: 0.25rem;}
.proDB-item .item-close{width: 30px;height: 30px;user-select: none;cursor: pointer;position: absolute;right: 0;top: 0;}
.proDB-item .item-close:hover{transform: rotate(90deg);color: #eb711e;}
.proDB-menu{width: 13%;padding: 0.22rem;flex-direction: column;justify-content: center;align-items: center;}
.proDB-menu .item{height: max(38px,0.54rem);background: #fafafa;border-radius: 40px;width: 100%;}
.proDB-menu .item.down{width: 66%;}
.proDB-menu .item:nth-child(2){margin-top: max(10px,0.22rem);}
.proDB-menu .item i{width: max(20px,0.28rem);height: max(18px,0.26rem);margin-right: max(10px,0.16rem);}
.proDB-menu .item i img{max-height: 100%;transition: all .4s ease;}
.proDB-menu .item i .h{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;}
.proDB-menu .item:hover{background: #eb711e;color: #fff;}
.proDB-menu .item:hover i .s{opacity: 0;}
.proDB-menu .item:hover i .h{opacity: 1;}






/* 产品-详情-安全光栅 */
.proDet-show{background: url('../images/pages/proDet-show-bg.jpg') no-repeat center/cover;}
.proDet-show-head{border-bottom: 1px solid #d7d7d7;padding: 12px 0;}
.proDet-show-head .contain{justify-content: space-between;align-items: center;}
.proDet-show-main .contain{justify-content: space-between;align-items: center;}
/* .proDet-show-img{width: 39%;} */
.proDet-show-img img{height: 6.8rem;}
.proDet-show-con{width: 51%;}
.proDet-show-con .list{margin-left: -8px;}
.proDet-show-con .item{margin: 8px 0 0 8px;width: max(40px,0.85rem);height: max(40px, 0.85rem);border-radius: 50%;background: #fff;box-shadow: max(5px,0.1rem) max(6px,0.12rem) max(16px,0.31rem) 3.15px rgba(0, 0, 0, 0.06);}
.proDet-show-con .item img{max-width: 50%;max-height: 50%;}
.proDet-menu{border-bottom: 1px solid #d7d7d7;overflow: hidden;}
.proDet-menu .contain{justify-content: space-between;align-items: center;}
.proDet-view .proDet-menu .contain{animation: banText 1s ease both;}
@keyframes banText {0%{transform: translateY(40px);opacity: 0;}100%{transform: translateY(0);opacity: 1;}}
.proDet-nav .item{height: max(40px,0.78rem);margin-left: 0.65rem;position: relative;}
.proDet-nav .item::after{content: "";position: absolute;left: 0;bottom: 6px;width: 100%;height: 2px;background: #eb711e;opacity: 0;transition: all .4s ease;}
.proDet-nav .item:first-child{margin-left: 0;}
.proDet-nav .item:hover,.proDet-nav .item.active{color: #eb711e;}
.proDet-nav .item.active::after{opacity: 1;}

.proDet-gn .item{background: #fff;border-radius: 40px;width: max(110px,1.55rem);height: max(40px,0.55rem);}
.proDet-gn .item i{height: max(18px,0.26rem);margin-right: max(8px,0.12rem);}
.proDet-gn .item i img{max-height: 100%;transition: all .4s ease;}
.proDet-gn .item i .h{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;}
.proDet-gn .item:nth-child(2){margin-left: 8px;}
.proDet-gn .item:hover{background: #eb711e;color: #fff;}
.proDet-gn .item:hover i .s{opacity: 0;}
.proDet-gn .item:hover i .h{opacity: 1;}
.proDet-td-list li{padding-top: max(34px,0.65rem);position: relative;}
.proDet-td-list .ico{z-index: 2; position: absolute;left: 50%;top: 0;transform: translateX(-50%);width: max(40px,0.77rem);height: max(40px,0.77rem);display: flex;align-items: flex-end;justify-content: center;transition: all .4s ease;}
.proDet-td-list .ico img{max-height: 100%;}
.proDet-td-list .desc{background: #fff;padding: 0.4rem 0.15rem 0.2rem;min-height: max(180px,2.1rem);border-bottom: max(2px,0.04rem) solid transparent;transition: all .4s ease;}
.proDet-td-list li:hover .ico{transform: translate(-50%,-10px);}
.proDet-td-list li:hover .desc{border-color: #eb711e;}
.proDet-module-edit table{width: 100%;text-align: center;}
.proDet-module-edit table td{border: 1px solid #ccc;padding: max(10px,0.15rem) max(10px, 0.4rem);height: max(50px,0.7rem);}
.proDet-module-edit table tr:first-child td{background: #f1f1f1;font-size: max(15px,0.17rem);color: #000;}
.proDet-module-edit h3{font-size: max(18px,0.27rem);color: #000;}
.proDet-module-edit.tableLeft table{text-align: left;}

/* 产品-详情-安全门 */
.proDet-model{border: 1px solid #ccc;padding: 0.45rem 0.5rem 0.6rem;}
.proDet-model-list .uli.ml20.uli8 li{width: auto;flex: auto;}
.proDet-model-list li{display: flex;flex-direction: column;}
.proDet-model-list .top{height: max(50px,0.74rem);background: #fafafa;padding: 0 max(5px,0.1rem);display: flex;align-items: center;justify-content: center;}
.proDet-model-list .btm{flex: 1; padding: 0.2rem 0.1rem 0.15rem; border: 1px solid #ccc;flex-direction: column;align-items: center;}
.proDet-model-list .btm-title i{display: block;width: max(20px,0.3rem);height: max(20px,0.3rem);border-radius: max(4px,0.07rem);border: 1px solid #ccc;}
.proDet-model-list .btm-text{flex: 1; margin-top: max(10px,0.15rem);display: flex;flex-direction: column;justify-content: center;}
.proDet-zj-list li{background: #fff;margin-top: 8px;align-items: center;padding: 8px;}
.proDet-zj-title{width: 35%;padding: 0 0.4rem;}
.proDet-zj-img{width: 65%;justify-content: space-between;}
.proDet-zj-img .item{width: calc(50% - 4px);background: #fafafa;}
.proDet-zj-img .item img{width: 100%;}
.proDet-zj-img .item p{position: absolute;left: 0;bottom: max(8px,0.14rem);width: 100%;text-align: center;}
.prompt-con{padding: 1.5rem 0.3rem 2.1rem; background: url('../images/pages/prompt-bg2.jpg') no-repeat center/cover;flex-direction: column;}
.prompt-con .ico{width: max(40px,1.1rem);}
.prompt-con .btn{width: max(90px,1.38rem);height: max(36px,0.54rem);border-radius: 40px;}
.prompt-con .btn:hover{background: #c7570b;}
.proDet-view .prompt-con{padding: 1rem 0.3rem 1.2rem;}
.proDet-install-list{display: none;}
.proDet-install-list .img{background: #fff;}
.proDet-install-list .img img{width: 100%;}
.proDet-install-con.active .prompt-con{display: none;}
.proDet-install-con.active .proDet-install-list{display: block;}

/* 技术参数 */
.params-show{background: linear-gradient(to bottom,#e4e4e4 84%,transparent 86%);}
.params-show-img{text-align: center;}
.params-show-img img{height: 6.8rem;}
.params-con .table table{width: 100%;}
.params-con .table table tr:nth-child(n+3){display: none;}
.params-con .table table td{border: 1px solid #dbdbdb;padding: 10px max(15px,0.38rem);background: #f1f1f1;}
.params-con .table table td:last-child{background: transparent;}
.params-con .more-box{background: #e9e9e9;padding: 8px 0;}
.params-con .more{padding: 0 max(14px,0.28rem);height: max(38px,0.54rem);border-radius: 40px;}
.params-con .more:hover{background: #c7570b;}
.params-con .tips{display: none;color: #b81c22;}
.params-con.active .table table tr:nth-child(n+3){display: table-row;}
.params-con.active .more-box{display: none;}
.params-con.active .tips{display: block;}

/* 产品-尺寸图 */
.sizeFlex{margin-left: -8px;}
.sizeLeft{margin-left: 8px;width: calc(28% - 8px);background: #fff;padding: 0.25rem 0.4rem 0.4rem;}
.sizeCenter{margin-left: 8px;width: calc(26% - 8px);display: flex;flex-direction: column;justify-content: space-between;}
.sizeCenter .item{background: #fff;padding: 0.3rem 0.35rem 0.4rem;min-height: calc(50% - 4px);}
.sizeRight{margin-left: 8px;width: calc(45% - 8px);background: #fff;}
.sizeRight .img img{width: 100%;}
.sizeRight .btn{position: absolute;right: 8px;bottom: 8px; height: max(38px,0.54rem);border-radius: 40px;background: #fafafa;padding: 0 max(14px,0.2rem);}
.sizeRight .btn i{display: block;width: max(20px,0.34rem);margin-right: max(8px,0.14rem);}
.sizeRight .btn:hover{background: #eee;}
.size-view .downItem-img{background: #fff;border-radius: max(6px,0.12rem);width: 3.2rem;margin: 0.3rem auto 0;box-shadow: 0px 0px 30.03px 2.97px rgba(0, 0, 0, 0.04);overflow: hidden;}
.size-view .downItem-con{position: relative;bottom: auto;padding-top: 0.3rem;}

/* 产品-产品证书 */
.certSlide{transition: all .6s ease;padding: 1.1rem 0 0.7rem;background: url('../images/pages/honor-item-bg.jpg') no-repeat center/cover;}
.certSlide .img-box{height: 3.1rem;}
.certSlide .img{ border: 1px solid #fff;background: linear-gradient(to bottom,#fff 30%,#f4f5f5 100%);padding: max(3px,0.05rem);}
.certSlide .img img{max-width: 4.8rem;max-height: 2.9rem;}
.certSlide:hover{transform: scale(1.05);}
.certBtn .btn{user-select: none;cursor: pointer;width: max(44px,0.58rem);height: max(44px,0.58rem);border-radius: 50%;background: #fff;}
.certBtn .btn.next{transform: rotate(180deg);margin-left: 16px;}
.certBtn .btn:hover{background: #eb711e;color: #fff;}

/* 产品-接线图 */
.wiring-show{display: none;}
.wiring-con.active .prompt-con{display: none;}
.wiring-con.active .wiring-show{display: block;}

/* 产品-资料下载 */
.proDown-view .pagesNav-list .item{background: #fff;}
.proDown-view .pagesNav-list .item:hover,.proDown-view .pagesNav-list .item.active{background: #eb711e;}

/* 产品-应用场景 */
.scene-item .img{transition: all .4s ease;}
.scene-item .img img{width: 100%;height: 3.3rem;transition: all .6s ease;}
.scene-item .title{transition: all .4s ease;}
.scene-item:hover .img{box-shadow: 0 0 0.3rem rgba(0,0,0,0.1);}
.scene-item:hover .img img{transform: scale(1.1);}
.scene-item:hover .title{color: #eb711e;}


/* 登陆注册-产品对比 */
.compare-head{padding-bottom: 20px;justify-content: space-between;align-items: flex-start;border-bottom: 1px solid #e0e0e0;}
.compare-head-right .downFilter-form input{background: #fff;}
.compare-head-btn .item{margin-left: 8px;height: max(40px,0.54rem);border-radius: 40px;background: #fff;padding: 0 max(15px,0.3rem) 0 max(14px,0.23rem);}
.compare-head-btn .item i{height: max(18px,0.25rem);margin-right: max(10px,0.2rem);}
.compare-head-btn .item i img{max-height: 100%;transition: all .4s ease;}
.compare-head-btn .item i .h{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;}
.compare-head-btn .item:hover{background: #eb711e;color: #fff;}
.compare-head-btn .item:hover i .s{opacity: 0;}
.compare-head-btn .item:hover i .h{opacity: 1;}
.compare-diff{justify-content: flex-end;}
.compare-diff .item{margin-left: 8px; user-select: none;cursor: pointer;border-radius: 40px;background: #fff;height: max(34px,0.4rem);padding: 0 max(12px,0.16rem);}
.compare-diff .item:first-child{margin-left: 0;}
.compare-diff .item i{width: 15px;height: 15px;border-radius: 4px;background: #ececec;border: 1px solid #ccc;color: transparent;font-size: 10px;margin-right: max(10px,0.22rem);}
.compare-diff .item i::before{display: block;transform: scale(.8);}
.compare-diff .item.active{color: #eb711e;box-shadow: 0px 0px 40.04px 3.96px rgba(0, 0, 0, 0.05);}
.compare-diff .item.active i{border-color: #eb711e;background: #eb711e;color: #fff;}
.compare-main{margin-top: 14px;}
.compare-flex{border: 1px solid #d1d1d1;}
.compare-next{z-index: 2;user-select: none;cursor: pointer; width: 40px;height: 40px;border-radius: 50%;background: #ccc;color: #fff;position: absolute;left: calc(13.5% + 20px);top: 1.9rem;transform: translateY(-50%);}
.compare-next.next{left: auto;right: 20px;transform: translateY(-50%) rotate(180deg);}
.compare-next:hover{background: #eb711e;}
.compare-left{width: 13.5%;background: #f1f1f1;}
.compare-left-title{align-items: center;border-right: 1px solid #e0e0e0;padding-left: max(20px,0.4rem);}
.compare-left-table table td{padding: max(10px,0.16rem) 0 max(10px,0.16rem) max(20px,0.4rem);}
.compare-left-table table,.compare-right-table table{width: 100%;}
.compare-left-table table td,.compare-right-table table td{border-top: 1px solid #e0e0e0;border-right: 1px solid #e0e0e0;height: max(50px,0.7rem);}
.compare-right{background: #f7f7f7;width: 86.5%;}
.compare-right-table table td{padding: max(10px,0.16rem) max(20px,0.4rem);}
.compare-right-table table tr.active td{color: #eb711e;}

/* .compare-flex{width: 2000px;}
.compare-left{width: 216px;}
.compare-flex,.compare-flex .swiper-container{overflow: visible;} */
.compare-pro{border-right: 1px solid #e0e0e0;}
.compare-pro-link{padding: 0.9rem 0 0.3rem;}
.compare-pro-link .img{text-align: center;}
.compare-pro-link .img img{width: 80%;}
.compare-pro-link .title{position: absolute;left: 0;top: 0.35rem;width: 100%;z-index: 2;}
.compare-pro-close{font-size: max(10px,0.12rem); z-index: 3;position: absolute;right: 8px;top: 8px;width: max(22px,0.25rem);height: max(22px,0.25rem);border-radius: 50%;background: #ccc;user-select: none;cursor: pointer;}
.compare-pro-close:hover{background: #eb711e;transform: rotate(90deg);}
.compare-pro-collect{z-index: 4; position: absolute;right: 8px;bottom: 8px;}
.compare-pro-collect .btn{user-select: none;cursor: pointer;width: max(20px,0.25rem);}
.compare-pro-collect .btn img{transition: all .2s ease;}
.compare-pro-collect .btn .h{position: absolute;left: 0;top: 0;opacity: 0;}
.compare-pro-collect .text{box-shadow: -4.999px -0.087px 20.02px 1.98px rgba(0, 0, 0, 0.07);opacity: 0;pointer-events: none; position: absolute;right: 0;bottom: calc(100% + max(8px,0.1rem)); transition: all .4s ease;justify-content: space-between;padding: 0 max(10px,0.15rem); align-items: center;width: max(100px,1.3rem);height: max(38px,0.5rem);border-radius: 40px;background: #eaf5ee;border: 1px solid rgba(0, 153, 4, .16);}
.compare-pro-collect .text i{display: block;width: max(18px,0.25rem);}
.compare-pro-collect.active .btn .s{opacity: 0;}
.compare-pro-collect.active .btn .h{opacity: 1;}
.compare-pro-collect.active .text{animation: collectAni 3s linear both;}
@keyframes collectAni {0%{opacity: 0;}20%{opacity: 1;}70%{opacity: 1;}100%{opacity: 0;}}
.compare-add-show{flex-direction: column;background: #ececec;user-select: none;cursor: pointer;}
.compare-add-show .ico{width: max(20px,0.36rem);}
.compare-add-show:hover{background: #ddd;}
.compare-add .compare-left-table{font-size: 0;}

.compPop-box{display: none; position: fixed;z-index: 99999;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .35);}
.compPop{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #fff;width: var(--wid);padding: 0.36rem 0.16rem 0.36rem 0.36rem;overflow: visible;}
.compPop-close{user-select: none;cursor: pointer; position: absolute;left: calc(100% - 4px);bottom: calc(100% - 4px);width: max(20px,0.3rem);height: max(20px,0.3rem);background: url('../images/pages/compPop-close.png') no-repeat center/100% auto;}
.compPop-close:hover{opacity: .6;transform: rotate(90deg);}
.compPop-flex{justify-content: space-between;align-items: flex-start;}
.compPop-left{width: 24.5%;}
.compPop-left-top{min-height: 55vh;}
.compPop-left-top,.compPop-left-btm{background: #f7f7f7;padding: 0.36rem 0 0.36rem 0.36rem;overflow: visible;}
.compPop-select{width: 3rem;}
.compPop-select .customSelect-name{background: #fff;border-radius: 40px;height: max(40px,0.46rem);font-size: max(12px,0.14rem);padding: 0 max(12px,0.16rem);}
.compPop-select .customSelect-name.noRadius{border-color: #eb711e;}
.compPop-select .customSelect-name::after{color: #eb711e;font-size: inherit;}
.compPop-left-btm{display: flex;flex-direction: column;align-items: flex-start;}
.compPop-num{background: #fff;border-radius: 40px;align-items: center;padding: 0 max(14px,0.23rem) 0 max(12px,0.18rem);height: max(40px,0.62rem);}
.compPop-num .num{margin-right: max(20px,0.5rem);width: max(20px,0.33rem);}
.compPop-num .num span{position: absolute;left: 70%;bottom: 60%;font-size: max(10px,0.12rem);width: max(16px,0.2rem);height: max(16px,0.2rem); display: flex;align-items: center;justify-content: center;border-radius: 50%;border: 2px solid #eb711e;background: #fff;}
.compPop-submit{height: max(40px,0.62rem);padding: 0 max(20px,0.35rem);border-radius: 40px;user-select: none;cursor: pointer;}
.compPop-submit:hover{background: #c05106;}
.compPop-right{width: 73.5%;}
.compPop-list{padding-right: 0.2rem;max-height: 82.5vh;overflow-y: auto;}
.compPop-list::-webkit-scrollbar{width: 4px;height: 4px}
.compPop-item{border: 1px solid transparent;user-select: none;cursor: pointer;background: #f7f7f7;}
.compPop-item .img{background: url('../images/pages/proList-item-bg.png') no-repeat center/cover;}
.compPop-item .img img{width: 100%;}
.compPop-item .desc{padding: 0.3rem 0.24rem;}
.compPop-item .close{transition: all .2s ease; position: absolute;right: 8px;top: 8px;z-index: 2; width: max(20px,0.25rem);height: max(20px,0.25rem);background: url('../images/pages/compPop-item-close1.png') no-repeat center/100% auto;user-select: none;cursor: pointer;}
.compPop-item:hover,.compPop-item.active{border-color: #eb711e;}
.compPop-item.active .close{background-image: url('../images/pages/compPop-item-close2.png');}








/* -------------------------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){
    
    .pagesNav{overflow-x: auto;padding:10px 0;}
    .pagesNav-list{white-space:nowrap;}
    .pagesNav-list .item{padding:0 10px;overflow:visible;}
    .pagesNav-list .item:hover, .pagesNav-list .item.active{box-shadow: none;transform: none;}
    .newsShow-img{width: 100%;}
    .newsShow-img img{height: 240px;}
    .newsShow-con{width: 100%;padding: 20px 15px 30px;}
    .newsItem-con{padding: 20px 15px;}
    .newsItem-img img{height: 200px;}
    .newsDet-head{padding-top: 40px;}
    .newsDet-title{width: 100%;}
    .newsDet-back{margin-top: 20px;}
    .newsDet-foot{margin-top: 30px;}
    .newsDet-edit{width: 100%;}
    .newsDet-hot{width: 100%;margin-top: 30px;padding: 25px 15px;}
    .newsDet-hot-item .img img{height: 200px;}
    .videoShow-left{width: 100%;}
    .videoShow-right{width: 100%;margin-top: 0.4rem;}
    .videoShow-item .img img{height: 175px;}
    .videoShow-item .con{padding: 12px;}
    .videoShow-item .title{padding-left: 10px;}
    .videoList-item .videoBtn{left: 12px;bottom: 12px;}
    .videoList-item .img img{height: 210px;}
    .joinItem{padding: 25px 15px;}
    .joinItem-top .num{width: 100%;margin-top: 15px;}
    .joinItem-top .num span,.joinDet-head .num span{font-size: 26px;}
    .joinDet-head .right{width: 100%;margin-top: 10px;}
    .joinDet-head .newsDet-back{justify-content: flex-start;}
    .joinDet-main{padding: 25px 15px;}
    .joinDet-edit{width: 100%;}
    .joinDet-contact .list{margin-left: -0.24rem;}
    .joinDet-fl{padding: 25px 15px 35px;}
    .joinDet-fl-list{justify-content: flex-start;}
    .joinDet-fl-list li{width: 25%;}
    .joinDet-fl-list li:nth-child(n+5){margin-top: 20px;}
    .solNav{overflow-x: auto;padding: 10px 0;}
    .solNav-item{flex: none;flex-wrap: nowrap;}
    .solNav-item:hover, .solNav-item.active{box-shadow:none;}
    .solNav-item .ico{margin-right: 30px;}
    .solItem{flex-direction: column-reverse;}
    .solItem-con{width: 100%;padding: 20px 15px 30px;}
    .solItem-img{width: 100%;}
    .solItem-img img{height: 220px;}
    .solDet-show-con .comTitle .title{width: 100%;}
    .solDet-show-con .comTitle .text{width: 100%;margin-top: 10px;}
    .solDet-intro-flex{flex-direction: column-reverse;}
    .solDet-intro-img{width: 100%;}
    .solDet-intro-con{width: 100%;padding: 20px 15px 30px;}
    .solDet-intro-img img{height: 200px;}
    .solDet-xq-list li{position: sticky;top: 90px;width: 100%;}
    .solDet-xq-item{background: #fff;}
    .solDet-design-item{flex-direction: column !important;}
    .solDet-design-img{width: 100%;}
    .solDet-design-img img{height: 200px;}
    .solDet-design-con{width: 100%;padding: 15px 15px 25px;}
    .solDet-design-con .page{font-size: 34px;}
    .solDet-design-item:nth-child(2n) .solDet-design-con{padding: 15px 15px 25px;flex-direction: row;}
    .solDet-design-item:nth-child(2n) .solDet-design-con .text{width: 100%;}
    .solDet-pj-slide{padding: 15px;}
    .solDet-pj-left{width: 100%;}
    .solDet-pj-left::after{display: none;}
    .solDet-pj-text{width: 100%;margin-top: 20px;padding-left: 0;}
    .solDet-pro .proItem-desc{padding-bottom: 60px;}
    .ctaMsg-main{width: 100%;}
    .ctaMsg-form-item{width: 100% !important;margin-top: 20px;}
    .ctaMsg-top{padding: 0 15px 20px;}
    .ctaMsg-btm{margin-top: 0;}
    .ctaMsg-btm-item{width: 100%;margin-top: 15px;}
    .ctaAddress-foot{padding-top: 5.8rem;}
    .ctaAddress-swp{width: 92%;}
    .ctaAddress::after{width: 92%;}
    .serItem-show,.serItem-hide .hide-con{padding: 25px 15px;}
    .serItem-hide{opacity: 1;}
    .serItem-hide .hide-img img{height: 200px;}
    .serItem-show .ico img{max-width: 60px;max-height: 55px;}
    .serDet-intro .newsDet-back-box{justify-content: flex-start;}
    .serDet-intro-img{width: 100%;}
    .serDet-intro-img::after{background: linear-gradient(to bottom,transparent 40%,#fff 95%);}
    .serDet-intro-con{width: 100%;padding: 10px 15px 25px;}
    .serDet-obj-list li{width: calc(100% / 3 - 0.26rem);height: 108px;}
    
    .serDet-obj-list .title{font-size: 14px;}
    .serDet-course-con .more-box{margin-top: 40px;}
    .about-foot{margin-top: 0;}
    .abIntro{height: auto;position: relative;top: auto;}
    .abIntro-sticky{position: relative;top: auto;}
    .abIntro-flex{opacity: 1;transform: none;}
    .abIntro-video{opacity: 1;transform: none;}
    .abIntro-mask{display: none;}
    .abIntro-num{width: 100%;}
    .abIntro-desc{width: 100%;margin-top: 50px;height: 225px;overflow-y: auto;}
    .abIntro-num li{height: 80px;}
    .abIntro-num .num span{font-size: 26px;}
    .abIntro-con .contain{height: auto;position: relative;z-index: 2;opacity: 1;}
    .abIntro-con{padding-bottom: 120px;position: relative;}
    .abIntro-con::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.5) 100%);}
    .abIntro-video{bottom: auto;top: calc(100% + 30px);}
    .abFZ-year{width: 130px;}
    .abFZ-desc{width: 92%;}
    .abFZ-desc .swiper-slide{padding: 0;}
    .abFZ-bg img{transform: scale(1.5);transform-origin: center bottom;}
    .abWH-list{flex-wrap: wrap;margin: 0;}
    .abWH-item{flex: none;margin: 15px 0 0;width: 100%;}
    .abWH-img img{width: 100%;height: 220px;transition: all 1s linear;}
    .abWH-item:hover .abWH-img img{transform: scale(1.05);}
    .abWH-show{display: none;}
    .abWH-hide{width: 100%;opacity: 1;}
    .abWH-hide .ico,.abWH-hide .text,.abWH-hide .title{opacity:1;transform:none;}
    .abHZ-desc{position: relative;transform: none;top: 0;padding: 40px 4% 20px;background: transparent;}
    .abHZ-slide{height: 50px;}
    .abHonor-left{padding: 20px 4%;width: 100%;}
    .abHonor-menu{display: flex;}
    .abHonor-menu .item{margin-left: 10px;}
    .abHonor-menu .item:first-child{margin-left: 0;}
    .abHonor-right{width: 100%;padding: 20px 4% 40px;}
    .abHonor-list{height: 500px;}
    .abHonor-item .img-box{height: 360px;}
    .abHonor-item .img img{max-width: 290px;max-height: 250px;}
    .downFilter{padding: 20px 15px;}
    .downFilter-title{width: 100%;}
    .downFilter-form{margin: 10px 0 0;}
    .downFilter-select{width: calc(100% / 2 - 8px);}
    .downItem-con{padding: 20px 15px;}
    .diagram-view .downItem-img{width: 150px;margin-top: 30px;}
    .selFilter{padding: 25px 15px;}
    .selFilter-images{align-items: flex-start;}
    .selFilter-images .images-title{margin-top: 5px;}
    .selFilter-images .images-list{flex: none;width: 100%;margin-top: 10px;}
    .selFilter-images .images-list .uli.ml16.uli5 li{width: calc(100%/2 - max(8px,0.16rem));margin-top: 15px;}
    .selTable ul{width:210%;}
    .selTable li{min-width: 100px;}
    .login-flex{width: 92%;}
    .login-left{width: 100%;padding: 20px 15px;display: none;}
    .login-right{width: 100%;padding: 25px 15px;}
    .register-view .contain{width: 92%;}
    .login-form{width: 100%;}
    .down2Head{display: block;}
    .down2Head .pagesNav{width: 100%;margin-top: 20px;}
    .down2Head .downFilter-form{margin-top: 30px;}
    .accIntro-list .uli.ml34.uli6 li{width: calc(100%/2 - max(14px, 0.34rem));}
    .accIntro-item{padding: 30px 5px 20px;}
    .accPro{padding: 0.4rem;}
    .accPro-num{margin: 12px 0 0;}
    .collHead-close .item{margin: 20px 0 0;}
    .collHead .downFilter-form{margin-top: 30px;}
    .collItem{margin-top: 15px;}
    .collItem-img{width: 100%;}
    .collItem-con{width: 100%;padding: 15px 0 80px;}
    .collItem-menu{right: auto;left: 0;top: auto;bottom: 15px;transform: none;display: flex;width: 100%;}
    .collItem-menu .item{margin: 0 0 0 15px;}
    .collItem-menu .item span{display: none;}
    .proFilter{padding: 25px 15px;}
    .proSelect{width: calc(100% / 2 - 8px);}
    .proLeft{position: relative;top: auto;width: 100%;}
    .proRight{width: 100%;margin-top: 30px;}
    .proItem-desc{padding: 20px 15px 80px;}
    .proItem-btn{bottom: 15px;}
    .proDet-show-head{border-bottom: unset;}
    .proDet-show-head .newsDet-back{margin-top: 0;}
    .proDet-show-img{margin: 0 auto;}
    .proDet-show-img img{height: 300px;}
    .proDet-show-con{width: 100%;padding-bottom: 40px;}
    .proDet-nav{overflow-x: auto;white-space: nowrap;flex-wrap: nowrap;}
    .proDet-gn{margin: 20px auto 0;}
    .proDet-menu .contain{padding-bottom: 15px;}
    .proDet-td-list .desc{padding: 30px 15px 15px;min-height: 160px;}
    .proDet-module-edit{overflow-x: auto;}
    .proDet-module-edit table{width: 200%;}
    .proDet-model{padding: 15px 15px 25px;}
    .proDet-model-list .uli.ml20.uli8 li {width: calc(100%/2 - max(8px, 0.2rem));margin-top: 14px;flex: none;}
    .proDet-model-list .btm{padding: 15px 5px;}
    .proDet-zj-title{width: 100%;padding: 0 0 10px;}
    .proDet-zj-img{width: 100%;}
    .proDet-zj-img .item p{font-size: 12px;}
    .sizeFlex{margin: 0;}
    .sizeLeft{width: 100%;margin: 15px 0 0;padding: 20px 15px;}
    .sizeCenter{width: 100%;margin: 0;}
    .sizeCenter .item{margin: 15px 0 0;padding: 20px 15px;min-height: 140px;}
    .sizeRight{width: 100%;margin: 15px 0 0;}
    .size-view .downItem-img{width: 220px;margin: 30px auto 0;}
    .size-view .downItem-con{padding-top: 20px;}
    .certSlide .img-box{height: 260px;}
    .certSlide .img img {max-width: 300px;max-height: 190px;}
    .certBtn{display: none;}
    .scene-item .img img{height: 220px;}
    .proDB-flex{position: relative;}
    .proDB-con{width: 100%;padding: 10px;}
    .proDB-menu{width: auto;flex-direction: row;padding: 5px 10px;position: absolute;right: 0;top: 0;}
    .proDB-menu .item{width: 34px;height: 34px;}
    .proDB-menu .item.down{width: auto;}
    .proDB-menu .item:nth-child(2){margin: 0 0 0 15px;}
    .proDB-menu .item i{margin-right:5px;}
    .proDB-list ul{overflow-x: auto;flex-wrap: nowrap;}
    .proDB-list li{min-width: 280px !important;width: 280px !important;}
    .proDB-item .item-link{flex-wrap: nowrap;overflow: visible;}
    .proDB-item .item-close{width: 24px;height: 24px;font-size: 10px;}
    .compare-head-right{width: 100%;}
    .compare-head-right .downFilter-form{margin: 20px 0 0;}
    .compare-head-btn .item{margin: 15px 0 0;}
    .compare-head-btn .item:nth-child(2){margin-left: 8px;}
    .compare-head{padding-bottom: 15px;}
    .compare-diff{justify-content: flex-start;}
    .compare-left{width: 30%;}
    .compare-right{width: 70%;}
    .compare-left-title{padding: 0 10px;}
    .compare-left-table table td{padding: 10px;}
    .compare-pro-link .img img{width: 100%;}
    .compare-next{top: 95px;left: 5px;font-size: 10px;width: 26px;height: 26px;}
    .compare-next.next{right: 5px;}
    .compare-pro-link{padding: 40px 0 20px;}
    .compare-pro-link .title{top: 25px;}
    .compare-pro-close{top: 4px;right: 4px;}
    .compPop-left{width: 100%;}
    .compPop-left-top, .compPop-left-btm{padding: 15px;}
    .compPop-left-top{min-height: auto;}
    .compPop-close{left: auto;right: 0;bottom: calc(100% + 4px);}
    .compPop-select-group{justify-content: space-between;display: flex;flex-wrap: wrap;}
    .compPop-select{width: 48%;}
    .compPop-left-btm{flex-direction: row;justify-content: space-between;}
    .compPop-submit{margin-top: 0;}
    .compPop-right{width: 100%;margin-top: 20px;}
    .compPop-list{max-height: 320px;}
    .compPop-item .desc{padding: 15px;}
    .abHonor-item{padding: 30px 15px 25px;}
    .abHonor-item::after{background-position:center bottom;background-size:100% auto;}
}