@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: 40px;height: 40px;margin: 4px 7px;font-size: 15px;color: #222;transition: all .4s ease;border-radius: 6px;background-color: #efefef;display: flex;align-items: center;justify-content: center;}
.paging-menu a.next{transform: rotate(180deg);}
.paging-menu a i{font-size: 10px;color: #818181;font-weight: 700;}
.paging-menu a:hover, .paging-menu a.active, .paging a.on{border-color: #1531bc;background-color: #1531bc;color: #fff;}
.paging-menu a:hover i, .paging-menu a.active i, .paging a.on i{color: #fff;}
.paging-skip{margin-left: 8px;align-items: center;}
.paging-hint{font-size: 14px;color: #999;font-weight: 300;margin: 0 8px;}
.paging-hint:first-of-type{margin: 0;}
.paging-skip input{width: 54px;text-align: center;height: 38px;border: 1px solid #e1e1e1;font-size: 14px;color: #666;border-radius: 3px;transition: all .4s ease;}
.paging-skip input:focus{border-color: #1531bc;}
.paging-skip button{color: #555;font-size: 14px;padding: 0 18px;border: 1px solid #e1e1e1;transition: all .4s ease;height: 38px;background: #fff;cursor: pointer;border-radius: 3px;}
.paging-skip button:hover{background-color: #1531bc;color: #fff;border-color: #1531bc;}
.paging-hint span{color: #1531bc;}
@media all and (max-width:1000px){.paging-menu a{margin: 4px;width: 34px;height: 34px;font-size: 12px;}.paging-skip{width: 100%;margin-left: 0;justify-content: center;}}
/* 搜索页面 */
.search{width: 100%;}
.search-result{font-size: 14px;color: #1531bc;line-height: 1.1;}
.search-result span{margin-left: 6px;}
.search-info{width: 100%;line-height: 1.1;color: #333;}
.search-info span{color: #1531bc;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: #1531bc !important;}
.search-link:hover h2{color: #1531bc;}
/* 隐私协议 */
.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: #1531bc;}
.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: #1531bc;}
.webmap-list>ul>li>.menu{font-weight: 700;border-bottom: 1px solid #e1e1e1;font-size: max(16px,0.2rem);width: 100%;padding-bottom: max(12px,0.2rem);line-height: 1;}
.webmap-list>ul>li>.drop{margin-top: max(10px,0.2rem);}
.webmap-list>ul>li>.drop a{line-height: 1.28;padding: max(4px,0.06rem) 0;font-size: max(15px,0.18rem);}
.webmap-list>ul>li>.drop .drop a{padding-left: max(12px,0.18rem);font-size: max(14px,0.16rem);}
.webmap-list>ul>li>.drop .drop a::before{content: "";position: absolute;width: 4px;height: 4px;border-radius: 50%;background: #afafaf;left: 0;top: 0.14rem;}
@media all and (max-width: 1000px){
    .webmap-list>ul>li>.drop .drop a::before{top: 0.2rem;}
    .webmap-list>ul{margin: -14px 0 0;}.webmap-list>ul>li{width: 100%;margin: 14px 0 0;}.webmap-list>ul>li>.drop .drop a::before{top: 11px;}
}
/* 内页公共 */
.pagesBan-bg img{width: 100%;}
.pagesBan-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.pagesBan-con .contain{height: 100%;flex-direction: column;justify-content: flex-end;}
.pagesBan-con .title{animation: banText 1s ease both;}
.pagesBan-con .text{width: max(450px,5.7rem);max-width: 100%;animation: banText 1s ease both;}
@keyframes banText {0%{opacity: 0;transform: translateY(0.4rem);}    100%{opacity: 1;transform: translateY(0);}    }
/* 新闻-列表 */
.newsShow{justify-content: space-between;}
.newsShow-img{width: 62.5%;background: #666;}
.newsShow-img .img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;transition: all .8s linear;opacity: 0;}
.newsShow-img .img img{width: 100%;height: 5.4rem;transform: scale(1.2);transition: all 3s linear 1s;}
.newsShow-img .img:first-child{position: relative;}
.newsShow-img .img.active{opacity: 1;z-index: 2;}
.newsShow-img .img.active img{transform: scale(1);transition-delay: 0s;}
.newsShow-list{width: 33%;}
.newsShow-item{height: calc(100% / 3);padding: 0 0.4rem;flex-direction: column;justify-content: center;}
.newsShow-item::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #eaeaea;transition: all .4s ease;}
.newsShow-item.active{background: #1531bc;}
.newsShow-item.active::after{opacity: 0;}
.newsShow-item.active .title,.newsShow-item.active .date{color: #fff;}
.newsSelect{width: max(200px,2.7rem);margin-right: max(10px,0.18rem);}
.newsSearch{flex: 1;}
.newsSearch .btn{user-select: none;cursor: pointer;width: max(50px,0.82rem);height: 100%;position: absolute;right: 0;top: 0;}
.newsSearch .btn:hover{color: #1531bc;}
.newsSearch input,.newsSelect .customSelect-name{width: 100%; border-radius: max(5px,0.1rem);color: #777; height: max(42px,0.64rem);background: #fff;border: 1px solid #e7eaf0;padding: 0 max(12px,0.28rem);}
.newsSearch input::-webkit-input-placeholder{color: inherit;}
.newsSelect .customSelect-name{padding: 0 max(12px,0.22rem);}
.newsSelect .customSelect-name.active{border-color: #1531bc;color: #1531bc;}
.newsSelect .customSelect-name.active::before{color: #1531bc;}
.newsSelect .customSelect-name::after{font-size: 10px;font-weight: 700;}
.newsSelect .customSelect-name,.newsSelect .customSelect-drop>div{font-size: max(13px,0.15rem);}
.newsSelect .customSelect-drop>div{height: max(40px,0.5rem);}
.newsSelect .customSelect-drop{max-height: max(160px,2rem);}

/* 案例-详情 */
.caseDet-head{justify-content: space-between;align-items: center;border-bottom: max(2px,0.04rem) solid #1531bc;}
.caseDet-back{align-items: center;}
.caseDet-back i{display: block;margin-right: max(8px,0.12rem);font-size: max(13px,0.15rem);}
.caseDet-back span{transition: transform .4s ease;}
.caseDet-back:hover{color: #1531bc;}
.caseDet-back:hover span{transform: translateX(-4px);}
#toShare{display: flex;}
#toShare a{display: flex;color: #fff;font-size: max(13px,0.15rem);background: #bac2ec; width: max(32px,0.36rem);height: max(32px,0.36rem);margin-left: 10px;border-radius: 50%;align-items: center;justify-content: center;transition: all .4s ease;}
#toShare a>img{max-width: 22px;}
#toShare a:first-child{margin: 0;}
#toShare a:hover{background: #1531bc;border-color: #1531bc;color: #fff;}
#toShare .icon-wechat{position: relative;}
#toShare .icon-wechat .wechat-qrcode{display: none;border: 1px solid #eee;position:absolute;z-index:9;top:-205px;left:-84px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px rgba(0, 0, 0, .1);transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms; }
#toShare .icon-wechat .wechat-qrcode.bottom {top:40px;left:-84px;}
#toShare .icon-wechat .wechat-qrcode.bottom:after {display:none;}
#toShare .icon-wechat .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px; background-color:#f3f3f3; margin:0;padding:0;color: #777; }
#toShare .icon-wechat .wechat-qrcode .qrcode{width:105px; margin:10px auto;}
#toShare .icon-wechat .wechat-qrcode .qrcode table{margin:0!important;}
#toShare .icon-wechat .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0;}
#toShare .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}
#toShare .icon-wechat:hover .wechat-qrcode{display: block;}
.caseDet-btm{padding: 0 2.3rem;}
.caseDet-edit .img img{width: 100%;}
.caseDet-edit img{pointer-events: none;}

.caseDet-menu{align-items: center;justify-content: space-between;border-top: 1px solid #e9e9e8;}
.caseDet-page{align-items: center;}
.caseDet-page i,.caseDet-list i{display: block;font-size: max(12px,0.14rem);}
.caseDet-page:hover span,.caseDet-list:hover span{color: #1531bc;}
.caseDet-list{align-items: flex-start;}
.caseDet-list i{display: block;margin-right: max(8px,0.12rem);transition: all .4s ease;}
.caseDet-list:hover i{transform: rotate(180deg);}
.caseDet-page i{display: block;margin-right: max(12px,0.18rem);}
.caseDet-page.next{flex-direction: row-reverse;}
.caseDet-page.next i{transform: rotate(180deg);margin: 0 0 0 max(12px,0.18rem);}
.caseDet-page:hover span{transform: translateX(-5px);}
.caseDet-page.next:hover span{transform: translateX(5px);}
.caseDet-pro-swp .swiper-slide{height: auto;}
.caseDet-pro-slide{height: 100%;background: #fff;padding: 0.25rem 0.25rem 0.85rem;}
.caseDet-pro-slide .img{height: 2.8rem;}
.caseDet-pro-slide .img img{max-height: 90%;max-width: 80%;}
.caseDet-pro-slide .comMore2:nth-child(2){margin-left: max(15px,0.38rem);}
/* 案例-列表 */
.caseIntro .contain{padding: 0 2.6rem;}
.caseNav-swp .swiper-container{overflow: visible;}
.caseNav-swp .swiper-wrapper{margin: -10px 0 0 -10px;flex-wrap: wrap;width: calc(100% + 10px);}
.caseNav-swp .swiper-slide{margin: 10px 0 0 10px;width: calc(100% / 6 - 10px);}
.caseNav-slide{background: #f6f8fb;border: 2px solid #f6f8fb;height: max(80px,1.35rem);}
.caseNav-slide .ico{width: max(32px,0.47rem);height: max(30px,0.4rem);margin-right: max(12px,0.22rem);}
.caseNav-slide .ico img{transition: all .4s ease;max-height: 100%;}
.caseNav-slide .ico .h{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;}
.caseNav-slide .title{width: max(90px,1.2rem);text-align: left;}
.caseNav-slide.active{border-color: #1531bc;}
.caseNav-slide:hover .ico .s,.caseNav-slide.active .ico .s{opacity: 0;}
.caseNav-slide:hover .ico .h,.caseNav-slide.active .ico .h{opacity: 1;}
.caseNav-slide:hover .title,.caseNav-slide.active .title{color: #1531bc;}
.caseNav-menu{display: none;}
.caseNav-pagination{position: relative;width: 5.5rem;height: 2px;background: #f6f8fb;}
.caseNav-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background: #000;}
.caseNav-btn .btn{user-select: none;cursor: pointer;margin-left: 0.6rem; width: max(32px,0.38rem);height: max(32px,0.38rem);border-radius: 50%;background: #ccc;font-size: max(10px,0.12rem);}
.caseNav-btn .btn.next{transform: rotate(180deg);margin-left: max(8px,0.12rem);}
.caseNav-btn .btn:hover{background: #1531bc;}
.caseClass-bg img{width: 100%;height: 7.7rem;}
.caseClass-bg::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .2);}
.caseClass-con{z-index: 3;position: absolute;left: 0.45rem;bottom: 0.45rem;background: rgba(0, 0, 0, .5);padding: 0.35rem 0.4rem 0.4rem;}
.caseClass-con .desc{margin-left: 0.5rem;width: max(250px,3.5rem);}
.caseClass-con .comMore{width: max(180px,2.2rem);height: max(44px,0.5rem);}
.caseClass-con .comMore:hover{border-color: #fff;;color: #1531bc;}
.caseClass-con .comMore:hover::after{width: 100%;background: #fff;}
.caseClass-menu{transition: all .5s ease; transform: translateX(calc(100% - max(50px,0.8rem)));padding-right: 0.4rem; position: absolute;right: 0;top: 0;height: 100%;align-items: center;z-index: 5;}
.caseClass-menu::after{transition: all .6s ease; content: "";position: absolute;right: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(to right,transparent 0%,#000 60%);}
.caseClass-menu>div{position: relative;z-index: 2;}
.caseClass-menu .btn{ user-select: none;cursor: pointer;transition: all .4s ease;height: 100%;display: flex;align-items: center;}
.caseClass-menu .btn.next{transform: rotate(180deg);opacity: 0;}
.caseClass-menu .btn i{display: block;animation: classBtn 1.2s linear infinite -0.2s;}
.caseClass-menu .btn i:nth-child(2){animation-delay: 0s;margin-left: -5px;}
.caseClass-menu .list{margin: 0 20px;display: flex;flex-direction: column;align-items: center;opacity: 0;transition: all .4s ease;max-height: 100%;overflow-y: auto;}
.caseClass-menu .item{height: max(46px,0.64rem);padding: 0 max(20px,0.32rem);user-select: none;cursor: pointer;}
.caseClass-menu .item:first-child{margin-top: 0;}
.caseClass-menu .item.active{background: #fff;color: #1531bc;}
.caseClass-menu.active{transform: translateX(0);}
.caseClass-menu.active .btn.prev{opacity: 0;}
.caseClass-menu.active .btn.next{opacity: 1;}
.caseClass-menu.active .list{opacity: 1;}
@keyframes classBtn{0%{opacity: 0;transform: translateX(70%);}50%{opacity: 1;transform: translateX(0%);}100%{opacity: 0;transform: translateX(-50%);}}
.casePro-show{background: #fff;padding: 0.6rem;align-items: center;justify-content: space-between;}
.casePro-show-img{width: 49%;height: 4.1rem;}
.casePro-show-img img{max-height: 90%;max-width: 80%;}
.casePro-show-con{width: 44%;}
.casePro-show-con .comMore:nth-child(1){width: max(120px,1.86rem);}
.casePro-show-con .comMore:nth-child(2){width: max(140px,2.2rem);margin-left: max(10px,0.18rem);}
/* 产品-列表 */
.proFlex{justify-content: space-between;align-items: flex-start;}
.proLeft{width: max(300px,3.5rem);margin-right: 0.55rem;position: sticky;top: max(40px,0.6rem);}
.proNav-item:first-child{margin-top: 0;}
.proNav-menu1 .title,.proNav-menu2 .title{flex: 1;padding-right: 10px;}
.proNav-menu1 .btn{width: 24px;user-select: none;cursor: pointer;}
.proNav-menu1 .btn i{display: block;border: 7px solid transparent;transform: translateX(50%); border-left-color: #6b6b6b;transition: all .4s ease;}
.proNav-menu1.active .btn i{transform: translateY(40%) rotate(90deg);border-left-color: #1531bc;}
.proNav-drop1{display: none;}
.proNav-menu2{padding-left: 0.15rem;}
.proNav-menu2.active .title{color: #1531bc;font-family: 'M';}
.proNav-menu2 .btn{width: 24px;user-select: none;cursor: pointer;transition: all .4s ease;position: relative;}
.proNav-menu2 .btn::before,.proNav-menu2 .btn::after{transition: all .4s ease; content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #696969;width: 10px;height: 2px;}
.proNav-menu2 .btn::after{width: 2px;height: 10px;}
.proNav-menu2.active .btn{transform: rotate(180deg);}
.proNav-menu2.active .btn::after{opacity: 0;}
.proNav-drop2{display: none;}
.proNav-drop2 .item{padding-left: 0.2rem;}
.proNav-drop2 .item span{position: relative;}
.proNav-drop2 .item span::after{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background: #1531bc;opacity: 0;transition: all .4s ease;}
.proNav-drop2 .item.active{color: #1531bc;}
.proNav-drop2 .item.active span::after{opacity: 1;}
.proRight{flex: 1;}
.proItem{height: 100%;}
.proItem-img{height: 2.8rem;background: #f6f8fb}
.proItem-img img{max-width: 70%;max-height: 80%;}
.proItem-img:hover img{transform: scale(1.2);}
.proItem-con .comMore2:nth-child(2){margin-left: max(15px,0.38rem);}
/* 加入我们 */
.joinSearch input{width: 100%;height: max(42px,0.66rem);background: #fff;border: 1px solid #e7eaf0;padding: 0 max(12px,0.28rem);}
.joinSearch input::-webkit-input-placeholder{color: inherit;}
.joinSearch .btn{user-select: none;cursor: pointer;width: max(50px,0.8rem);height: 100%;position: absolute;right: 0;top: 0;}
.joinSearch .btn:hover{color: #1531bc;}
.joinFlex{justify-content: space-between;align-items: flex-start;}
.joinLeft{width: max(280px,3.8rem);margin-right: 0.2rem;}
.joinLeft-title{border-bottom: 1px solid #e2e5e9;width: 85%;}
.joinNav-module:first-child{margin-top: 0;}
.joinNav-item{user-select: none;cursor: pointer;}
.joinNav-item .icon{border: 2px solid #bfbfbf;color: transparent;font-size: 10px;font-weight: 700;margin-right: max(12px,0.18rem);width: max(18px,0.22rem);height: max(18px,0.22rem);}
.joinNav-item .text{display: flex;flex: 1;padding-top: max(1px,0.02rem);}
.joinNav-item.active .icon{background: #1531bc;border-color: #1531bc;color: #fff;}
.joinRight{flex: 1;}
.joinResult{margin-left: -10px;}
.joinResult .item{padding: max(8px,0.14rem) max(12px,0.2rem); display: none;align-items: center;justify-content: center;border-radius: 5px;border: 1px solid #e9edf1;background: #fff;margin: 16px 0 0 10px;}
.joinResult .item a{display: block;margin-left: max(12px,0.16rem);font-size: max(10px,0.12rem);transition: all .4s ease;}
.joinResult .item a:hover{color: #1531bc;transform: rotate(180deg);}
.joinResult .item.active{display: flex;}
.joinInfo-item{padding: 0 0.6rem 0.45rem; background: #fff;border: 1px solid #fff;transition: all .2s ease;}
.joinInfo-menu{align-items: center;padding: 0.38rem 0 0.26rem;user-select: none;cursor: pointer;}
.joinInfo-menu .desc{flex: 1;padding-right: 15px;}
.joinInfo-menu .btn{font-size: max(10px,0.12rem);color: #cacaca;font-weight: 700;transform: rotate(180deg);transition: all .2s ease;}
.joinInfo-item.active{border-color: #1531bc;}
.joinInfo-item.active .joinInfo-menu .btn{transform: rotate(0);color: #1531bc;}
.joinInfo-drop{max-height: max(90px,1.15rem);overflow: hidden;}
.joinInfo-edit h1,.joinInfo-edit h2,.joinInfo-edit h3,.joinInfo-edit h4,.joinInfo-edit h5,.joinInfo-edit h6{font-size: max(15px,0.18rem);font-family: 'SB';color: #222;margin-bottom: max(8px,0.16rem);}
.joinInfo-drop .comMore{width: max(120px,3.2rem);height: max(42px,0.54rem);}
.joinInfo-drop .comMore:nth-child(2){margin-left: max(10px,0.2rem);}
.joinInfo-item.active .joinInfo-drop{max-height: unset;}
.join-view .paging-menu a{background-color: #fff;}
.join-view .paging-menu a:hover,.join-view .paging-menu a.active,.join-view .paging a.on{background: #1531bc;}
.joinPop-box{display: none; z-index: 99999;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);}
.joinPop{width: max(450px,6.5rem);max-width: 92%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #fff;padding: 0.8rem 1.1rem;}
.joinPop-close{position: absolute;right: 0.25rem;top: 0.2rem;user-select: none;cursor: pointer;width: max(22px,0.26rem);height: max(22px,0.26rem);border-radius: 50%;border: 1px solid #000;font-size: max(10px,0.12rem);}
.joinPop-close:hover{border-color: #1531bc;background: #1531bc;color: #fff;transform: rotate(180deg);}
.joinPop-con .comPop-form{margin: 0;}
.joinPop-con .comPop-form-item{margin: max(8px,0.14rem) 0 0;width: 100%;}
/* 全球经销商 */
.gloIntro-desc{justify-content: space-between;}
.gloIntro-desc .text-box{width: max(500px,6.5rem);max-width: 100%;}
.gloIntro-num{border: 1px solid #e6e7f0;}
.gloIntro-num li{border-left: 1px solid #e6e7f0;padding: 0.5rem 0.3rem 0.5rem 0.7rem;width: 25%;}
.gloIntro-num li:first-child{border: unset;}
.gloIntro-num .num{align-items: flex-end;}
.gloIntro-num .num span{display: block;margin-right: max(4px,0.08rem);line-height: .8;}
.gloPro-head{justify-content: space-between;align-items: center;}
.gloPro-menu .item{width: max(130px,1.92rem);height: max(44px,0.52rem);margin-left: max(10px,0.16rem);background: #f6f8fb;user-select: none;cursor: pointer;}
.gloPro-menu .item:first-child{margin-left: 0;}
.gloPro-menu .item:hover{color: #1531bc;}
.gloPro-menu .item.active,.gloPro-menu .item.active:hover{color: #fff;background: #1531bc;}
.gloPro-drop{display: none;}
.gloPro-drop:first-child{display: block;}
.gloPro-drop .caseClass-menu{transform: translateX(0);}
.gloPro-drop .caseClass-menu .btn{display: none;}
.gloPro-drop .caseClass-menu .list{opacity: 1;margin: 0;}
.gloSup{background: linear-gradient(to bottom,#fff 0%,#f6f8fb 50%);}
.gloSup-list{display: flex;margin-left: -0.26rem;}
.gloSup-item{margin-left: 0.26rem;width: 2.8rem;background: #fff;transition: background .4s ease;position: relative;user-select: none;cursor: pointer;}
.gloSup-item .ico{height: max(36px,0.66rem);}
.gloSup-item .ico img{max-height: 100%;}
.gloSup-show{height: max(350px,4.1rem);flex-direction: column;justify-content: flex-start;padding: 1.1rem 0.35rem 0;transition: all .4s ease .3s;}
.gloSup-show .page{position: absolute;left: 50%;bottom: 0.3rem;transform: translateX(-50%);color: #e6e6e6;}
.gloSup-hide{opacity: 0;transform: translateX(0.3rem); z-index: 2;position: absolute;left: 0;top: 0;width: 100%;height: 100%;align-items: center;padding: 0 0.66rem;transition: all .4s ease;}
.gloSup-hide .ico{margin-right: 0.44rem;}
.gloSup-hide .desc{flex: 1;}
.gloSup-hide .text{color: rgba(255, 255, 255, .8);}
.gloSup-item.active{width: calc(100% - 0.26rem * 4 - 2.8rem * 3);background: #1531bc;}
.gloSup-item.active .gloSup-show{opacity: 0;transition-delay: 0s;}
.gloSup-item.active .gloSup-hide{opacity: 1;transition-delay: .3s;transform: translateY(0);}
.gloSys-gallery-more{justify-content: space-between;align-items: flex-end;}
.gloSys-gallery-con{width: 31%;padding-bottom: 0.3rem;}
.gloSys-gallery-con .gallery-dot{width: 0.64rem;height: 0.44rem;background: url('../images/pages/gloSys-icon.png') no-repeat center/100% auto;}
.gloSys-gallery-img{width: 65%;border-top-left-radius: 1.25rem;}
.gloSys-gallery-img img{width: 100%;height: 5.1rem;}
.gloSys-thumbs-click .line{height: max(2px,0.04rem);border-radius: 10px;background: #e5e5e5;position: relative;}
.gloSys-thumbs-click .line i{position: absolute;left: 0;top: 0;width: 0;height: 100%;border-radius: 10px;background: #1531bc;transition: all .4s ease;}
.gloSys-thumbs-click.active i{width: 100%;transition: all 5s linear;}
.gloSys-thumbs-click.active .title,.gloSys-thumbs-click:hover .title{color: #1531bc;}
.gloJoin-flex{justify-content: space-between;align-items: flex-start;}
.gloJoin-img{width: 43%;display: flex;justify-content: center;align-items: flex-end;}
.gloJoin-img img{max-width: 80%;}
.gloJoin-list{width: 53%;justify-content: space-between;align-items: flex-start;}
.gloJoin-list li{width: 48%;align-items: center;}
.gloJoin-list .ico{width: max(20px,0.32rem);margin-right: max(12px,0.22rem);}
.gloJoin-list .desc{flex: 1;}
.gloJoin-list .date{width: 100%;padding-left: max(32px,0.54rem);}
.gloJoin-list .link span{text-decoration: underline;transition: all .4s ease;}
.gloJoin-list .link span:hover{color: #1531bc;}
.gloJoin .comMore::after{transition: all .8s ease;}
.gloHZ-item{border-bottom: 2px solid #f2f4f8;align-items: flex-start;justify-content: space-between;}
.gloHZ-con{width: 35%;}
.gloHZ-menu{align-items: center;}
.gloHZ-menu .title{flex: 1;padding-right: 10px;}
.gloHZ-menu .btn{width: max(10px,0.14rem);height: max(10px,0.14rem);}
.gloHZ-menu .btn::before,.gloHZ-menu .btn::after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #111;transition: all .4s ease;width: 100%;height: max(2px,0.03rem);}
.gloHZ-menu .btn::after{width: max(2px,0.03rem);height: 100%;}
.gloHZ-drop{align-items: flex-start;justify-content: space-between;width: 90%;}
.gloHZ-drop .ico{width: 17%;}
.gloHZ-drop .text{width: 70%;opacity: 0;}
.gloHZ-item.active .gloHZ-menu .btn{transform: rotate(180deg);}
.gloHZ-item.active .gloHZ-menu .btn::before,.gloHZ-item.active .gloHZ-menu .btn::after{background: #1531bc;}
.gloHZ-item.active .gloHZ-menu .btn::after{opacity: 0;}
.gloHZ-item.active .gloHZ-drop .text{opacity: 1;}
.gloHZ-img{width: 57.5%;clip-path: inset(0% 100% 0% 0% round 0.14rem);transition: all .1s linear;}
.gloHZ-img .img{transition: all .1s linear;}
.gloHZ-img img{width: 100%;height: 2.8rem;transition: all .3s linear;}
.gloHZ-item:hover .gloHZ-img img{transform: scale(1.03);}
/* 关于我们 */
.abIntro-top{background: url('../images/pages/abIntro-bg.jpg') no-repeat center/cover;}
.abIntro-flex{justify-content: space-between;}
.abIntro-img{width: 53%;margin-left: -0.65rem;display: flex;align-items: flex-end}
.abIntro-con{width: 49.5%;}
.abIntro-num li{width: 25%;display: flex;justify-content: center;border-left: 1px solid #2d49cf;padding: 0.76rem 0 0.5rem;}
.abIntro-num .num{align-items: flex-end;}
.abIntro-num .num span{line-height: .8;}
.abIntro-num .num span.mr{display: block;margin-right: max(3px,0.05rem);}
.abIntro-num .text{color: rgba(255, 255, 255, .8);width: max(180px,2.1rem);}
.abFZ{padding-left: var(--widDb);}
.abFZ .pagesTitle{position: sticky;top: 0;background: #fff;padding: 0.3rem 0 0.1rem;z-index: 10;}
.abFZ-flex{align-items: flex-start;}
.abFZ-year{padding: 0.1rem 0.4rem 1rem 0;position: sticky;top: max(70px,1.1rem);}
.abFZ-year .text{line-height: 1;writing-mode: tb-rl;transform: rotate(180deg);}
.abFZ-year .text p{display: none;}
.abFZ-year .text p.active{display: block;}
.abFZ-year .line{position: absolute;right: 0;top: 0;width: 1px;height: 100%;}
.abFZ-year .line::after{content: "";position: absolute;left: 50%;top: 0;transform: translate(-50%,-50%);width: max(8px,0.12rem);height: max(8px,0.12rem);border-radius: 50%;background: #1531bc;}
.abFZ-year .line .i-box{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #f1f2f6;overflow: hidden;}
.abFZ-year .line i{position: absolute;left: 0;top: 0;width: 100%;height: 50%;background: #1531bc;}
.abFZ-img{width: 7.95rem;position: relative;position: sticky;top: max(70px,1.1rem);z-index: 20;}
.abFZ-img .box{transform: translateY(-200px);}
.abFZ-img .img{position: absolute;left: 0;top: 0;width: 100%;opacity: 0;transition: all .8s linear;}
.abFZ-img .img:first-child{position: relative;}
.abFZ-img .img.active{opacity: 1;z-index: 10;}
.abFZ-desc{flex: 1;padding: 0 0 4rem 1rem;}
.abFZ-desc li{opacity: .15;transition: all .4s linear;padding-bottom: 0.5rem;}
.abFZ-desc .top{height: max(100px,1.5rem);align-items: center;justify-content: space-between;padding-top: 0.5rem;position: relative;}
.abFZ-desc .title{color: #000;transition: all .4s ease;z-index: 2;position: relative;flex: 1;line-height: 1;}
.abFZ-desc .year{color: #dee0f3;}
.abFZ-desc .text{margin-top: 0;padding-top: max(12px,0.28rem);border-top: 1px solid #f1f2f6;width: 90%;transition: all .3s ease;}
.abFZ-desc li.active{opacity: 1;}
.abFZ-desc li.active .title{font-size: max(24px,0.5rem);color: #1531bc;}
.abFZ-desc li .text{font-size: max(14px,0.17rem);line-height: max(22px,0.26rem);}
.abData-num-box{justify-content: space-between;}
.abData-num{width: 48%;border: 1px solid #2d49cf;}
.abData-num li{width: 50%;padding: 0.56rem 0 0.4rem 0.6rem;border-bottom: 1px solid #2d49cf;}
.abData-num li:nth-child(2n+1){border-right: 1px solid #2d49cf;}
.abData-num li:nth-child(n+3){border-bottom: unset;}
.abData-num .num{align-items: flex-end;}
.abData-num .num span{line-height: .8;}
.abData-num .num span.mr{display: block;margin-right: max(3px,0.05rem);}
.abData-num .text{width: max(220px,2.6rem);}
.abData-logo .swiper-wrapper {transition-timing-function: linear;}
.abData-logo-slide{height: max(40px,0.62rem);}
.abData-logo-slide img{max-width: 50%;max-height: 100%;}

.abJoin-bg img{width: 100%;}
.abJoin-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 0 0.6rem;align-items: center;}
.abJoin-con .box{width: max(400px,5.6rem);max-width: 100%;}
.abJoin-con .comMore{padding: 0 max(20px,0.45rem);}
.abCta-flex{justify-content: space-between;align-items: flex-start;}
.abCta-left{width: 71%;}
.abCta-left-bg img{width: 100%;}
.abCta-left-list{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.abCta-left-list li{position: absolute;white-space: nowrap;user-select: none;cursor: pointer;}
.abCta-menu{flex-direction: column;position: absolute;left: 50%;top: min(-3px,-0.04rem);transform: translateX(-50%);}
.abCta-menu .dot{position: relative;}
.abCta-menu .dot i{display: block;position: relative;z-index: 2;width: max(6px,0.08rem);height: max(6px,0.08rem);border-radius: 50%;background: #1531bc;}
.abCta-menu .dot::before,.abCta-menu .dot::after{animation: dotAni 2s linear infinite; content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border-radius: 50%;background: rgba(21, 49, 188, .4);}
.abCta-menu .dot::after{animation-delay: -1s;}
@keyframes dotAni {0%{opacity: 0;transform: scale(1);}50%{opacity: 1;transform: scale(2.5);}100%{opacity: 0;transform: scale(4);}}
.abCta-drop{position: absolute;left: 50%;bottom: 50%;pointer-events: none;}
.abCta-drop .line-box{position: relative;}
.abCta-drop .line1{width: 1px;height: 1.5rem;display: flex;align-items: flex-end;}
.abCta-drop .line2{position: absolute;left: 0;bottom: 100%;width: 2rem;height: 1px;}
.abCta-drop .line1 i{display: block;width: 100%;height: 0;border-left: 1px dashed #1531bc;}
.abCta-drop .line2 i{display: block;width: 0;height: 100%;border-bottom: 1px dashed #1531bc;}
.abCta-drop .con{z-index: 5; position: absolute;left: 2rem;top: -0.5rem;opacity: 0;padding: 0.24rem;background: #fff;box-shadow: 0px max(10px,0.2rem) max(15px,0.32rem) 2.8px rgba(21, 49, 188, 0.12);}
.abCta-drop .desc{align-items: center;flex-wrap: nowrap;padding: 0 0 max(6px,0.12rem);background: transparent;}
.abCta-drop .text{color: #222;}
.abCta-drop .logo{width: max(14px,0.16rem);margin-right: max(6px,0.08rem);}
.abCta-drop .img img{width: 3rem;height: 1.5rem;}
.abCta-left-list li.active .abCta-drop{pointer-events: all;}
.abCta-left-list li.active .abCta-drop .line1 i{height: 100%;transition: all .4s ease;}
.abCta-left-list li.active .abCta-drop .line2 i{width: 100%;transition: all .4s ease .38s;}
.abCta-left-list li.active .abCta-drop .con{opacity: 1;transition: all .6s linear .8s;}
.abCta-left-list li.Los{left: 16%;top: 41%;}
.abCta-left-list li.Netherlands{left: 50%;top: 31%;}
.abCta-left-list li.India{left: 72%;top: 50%;}
.abCta-left-list li.Myanmar{left: 76%;top: 52%;}
.abCta-left-list li.Shenzhen{left: 79%;top: 51%;}
.abCta-left-list li.India .abCta-menu{flex-direction: row-reverse;left: auto;right: min(-3px,-0.04rem);top: 50%;transform: translateY(-50%);}
.abCta-left-list li.India .abCta-menu .title{margin: 0 max(12px,0.22rem);}
.abCta-left-list li.Shenzhen .abCta-menu{flex-direction: row;left: min(-3px,-0.04rem);top: 50%;transform: translateY(-50%);}
.abCta-left-list li.Shenzhen .abCta-menu .title{margin: 0 0 0 max(12px,0.22rem);}
.abCta-left-list li.Shenzhen .abCta-drop .line2,.abCta-left-list li.Myanmar .abCta-drop .line2{left: auto;right: 100%;display: flex;justify-content: flex-end;}
.abCta-left-list li.Shenzhen .abCta-drop .con,.abCta-left-list li.Myanmar .abCta-drop .con{left: auto;right: 2rem;}
.abCta-right{width: 22.5%;}
.abCta-right-list{border: 1px solid #f3f3f3;}
.abCta-right-list li{align-items: center;height: max(120px,1.45rem);padding: 0 0.1rem 0 0.4rem;border-top: 1px solid #f3f3f3;}
.abCta-right-list li:first-child{border: unset;}
.abCta-right-list .ico{width: max(20px,0.32rem);margin-right: max(12px,0.3rem);}
.abCta-right-list .desc{flex: 1;}
/* oem、odm */
.oemIntro-logo{pointer-events: none;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 1.15rem;z-index: 5;}
.oemIntro-item{width: 55%;clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);border-radius: max(8px,0.15rem) 0 0 max(8px,0.15rem);}
.oemIntro-bg img{width: 100%;height: 5.9rem;}
.oemIntro-bg::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .2);}
.oemIntro-con{padding: 0 1.6rem 0 0.85rem; z-index: 2;position: absolute;left: 0;top: 0;width: 100%;height: 100%;flex-direction: column;justify-content: center;}
.oemIntro-con .name{line-height: .8;}
.oemIntro-item:nth-child(2){position: absolute;right: 0;top: 0;clip-path: polygon(20% 0%, 100% 0%, 100% 100%, 0% 100%);border-radius: 0 max(8px,0.15rem) max(8px,0.15rem) 0;}
.oemIntro-item:nth-child(2)  .oemIntro-con{padding: 0 0.5rem 0 2.4rem;}
.oemIntro-item.active .oemIntro-con{background: #1531bc;}
.oemIntro-btm{text-align: left;}
.oemIntro-btm .num-box{margin-right: max(15px,0.42rem);}
.oemIntro-btm .num{align-items: center;}
.oemIntro-btm .num span{display: block;margin-right: max(3px,0.05rem);line-height: .8;}
.oemIntro-btm .title{margin-left: 2px;}
.oemWhy{background: linear-gradient(to bottom,transparent 0%,#f4f7fa 30%);}
.oemWhy-item{height: 100%;background: #fff;padding: 0.66rem 0.75rem;flex-direction: column;justify-content: space-between;position: relative;}
.oemWhy-top .text{width: max(300px,4.6rem);max-width: 100%;}
.oemWhy-btm{justify-content: space-between;align-items: flex-end;}
.oemWhy-btm .num{align-items: flex-end;}
.oemWhy-btm .num span{display: block;line-height: .8;margin-right: max(3px,0.05rem);}
.oemWhy-btm .ico{height: 0.92rem;}
.oemWhy-btm .ico img{max-height: 100%;}
.oemWhy-img{z-index: 2;position: absolute;left: 0;top: 0;width: 100%;height: 100%;pointer-events: none;opacity: 0;transition: all .6s ease;}
.oemWhy-img img{transform: scale(1.2);transition: all .6s ease;width: 100%;height: 100%;}
.oemWhy-item:hover .oemWhy-img{opacity: 1;}
.oemWhy-item:hover .oemWhy-img img{transform: scale(1);}
.oemZZ-head .contain{align-items: center;justify-content: space-between;}
.oemZZ-menu .item{user-select: none;cursor: pointer;padding: max(8px,0.14rem) max(15px,0.22rem);background: #f6f8fb;margin-left: max(12px,0.16rem);min-width: 1.95rem;}
.oemZZ-menu .item:first-child{margin-left: 0;}
.oemZZ-menu .item:hover{color: #1531bc;}
.oemZZ-menu .item.active,.oemZZ-menu .item.active:hover{background: #1531bc;color: #fff;}
.oemZZ-drop{display: none;}
.oemZZ-drop:first-child{display: block;}
.teamHJ-swp{padding-right: 1.56vw}
.teamHJ-swp .swiper-slide{width: 14.5vw;transition: all .6s ease;}
.teamHJ-swp .swiper-slide.hover{width: 9.1vw;}
.teamHJ-swp .swiper-slide.prev{width: 15vw;}
.teamHJ-swp .swiper-slide.active{width: calc(100% - 9.1vw * 3.5 - 15vw * 2 - 1.25vw * 5);}
.teamHJ-swp .swiper-slide.prev2{width: 15vw;}
.teamHJ-swp .swiper-slide.active2{width: calc(100% - 9.1vw * 3.5 - 15vw * 2 - 1.25vw * 5);}
/* .teamHJ-swp .swiper-slide.prev2{width: 17vw;}
.teamHJ-swp .swiper-slide.active2{width: calc(100% - 9.1vw * 4 - 17vw * 1 - 1.25vw * 5);} */
.teamHJ-slide{height: 31vw;align-items: center;position: relative;}
.teamHJ-slide .box{width: 100%;position: relative;transition: all .6s ease;overflow: visible;user-select: none;cursor: pointer;}
.teamHJ-slide .box::after{content: "";position: absolute;left: 100%;top: 0;width: 1.25vw;height: 100%;}
.teamHJ-slide .img{width: 100%;position: relative;}
.teamHJ-slide .img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(to bottom,transparent 60%,rgba(0,0,0,.8) 100%);transition: all .6s ease;opacity: 0;}
.teamHJ-slide .img img{width: 100%;border-radius: 0.15rem;}
.teamHJ-slide .title{position: absolute;z-index: 2;left: 0;bottom: 0;width: 100%;padding: 0.32rem 0.4rem;opacity: 0;pointer-events: none;transition: all .6s ease;}
.teamHJ-swp .swiper-slide.active .teamHJ-slide .img::after{opacity: 1;}
.teamHJ-swp .swiper-slide.active .teamHJ-slide .title{opacity: 1;transition-delay: .2s;}
.teamHJ-swp .swiper-slide:last-child .teamHJ-slide .box::after{width: 50vw;}
.oemCate .pagesTitle{align-items: center;justify-content: space-between;}
.oemCate .pagesTitle .text{width: max(400px,5.5rem);}
.oemCate-info{background: #fff;}
.oemCate-top{border-bottom: 1px solid #f4f4f4;}
.oemCate-top,.oemCate-btm{padding: 0.38rem 0.45rem 0.45rem;}
.oemCate-nav .item{user-select: none;cursor: pointer;margin-left: max(20px,0.48rem);}
.oemCate-nav .item:first-child{margin-left: 0;}
.oemCate-nav .item::after{content: "";position: absolute;left: 50%;bottom: 0;width: 0;transform: translateX(-50%);height: max(2px,0.03rem);background: #1531bc;transition: all .4s ease;}
.oemCate-nav .item:hover,.oemCate-nav .item.active{color: #1531bc;}
.oemCate-nav .item.active::after{width: 100%;}
.oemCate-flex{align-items: center;}
.oemCate-left{width: max(180px,2.2rem);align-items: center;}
.oemCate-left .page{width: max(20px,0.24rem);height: max(20px,0.24rem);border-radius: 50%;padding-top: 1px;background: #222;margin-right: max(8px,0.12rem);}
.oemCate-select .item{align-items: center;user-select: none;cursor: pointer;margin-left: max(15px,0.28rem);}
.oemCate-select .item:first-child{margin-left: 0;}
.oemCate-select .item i{width: max(12px,0.14rem);height: max(12px,0.14rem);font-size: 10px;border: 1px solid #e6e6e6;color: transparent;margin-right: max(8px,0.1rem);}
.oemCate-select .item i::before{display: block;transform: scale(.8);}
.oemCate-select .item.active i{background: #1531bc;border-color: #1531bc;color: #fff;}
.oemCate-form{align-items: center;}
.oemCate-form input{width: max(100px,1.5rem);height: max(36px,0.42rem);background: #fbfbfb;border: 1px solid #e6e6e6;padding: 0 max(12px,0.22rem);}
.oemCate-form input::-webkit-input-placeholder{color: #dfdfdf;}
.oemCate-form p{flex: 1;padding-left: max(10px,0.14rem);}
.oemCate-btm .comMore-box{justify-content: space-between;}
.oemCate-btm .comMore{width: 49.2%;}
.oemSer{background: url('../images/pages/oemSer-bg.jpg') no-repeat center/cover;}
.oemSer-flex{justify-content: space-between;align-items: flex-end;}
.oemSer-page .ico{width: 1.9rem;height: 1.5rem;position: relative;}
.oemSer-page .ico img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;transition: all .6s ease;max-height: 100%;max-width: 80%;}
.oemSer-page .ico img.active{z-index: 2;opacity: 1;}
.oemSer-page .num{font-size: 3.5rem;line-height: 1;margin-top: max(12px,0.3rem);height: 3.5rem;}
.oemSer-page .num p{transition: all .5s ease;will-change: transform;}
.oemSer-list{width: 58%;}
.oemSer-item{border-bottom: 1px solid rgba(255, 255, 255, .2);}
.oemSer-menu{user-select: none;cursor: pointer;align-items: center;justify-content: space-between;}
.oemSer-menu .title{flex: 1;padding-right: 15px;}
.oemSer-menu .btn{width: max(32px,0.36rem);height: max(32px,0.36rem);border-radius: 50%;background: rgba(255, 255, 255, .2);transform: rotate(180deg);}
.oemSer-menu.active .btn{background: #fff;color: #1531bc;transform: rotate(0);}
.oemSer-drop{width: 90%;display: none;}
.oemSer-item:first-child .oemSer-drop{display: block;}
.oemPro-head{justify-content: space-between;align-items: center;}
.oemPro-btn{user-select: none;cursor: pointer;z-index: 2;width: max(40px,0.48rem);height: max(40px,0.48rem);border-radius: 50%;background: rgba(0, 0, 0, .2);}
.oemPro-btn.next{transform:rotate(180deg);margin-left: max(10px,0.14rem);}
.oemPro-btn:hover{background: #1531bc;}
.oemPro-bg{transition: all .6s ease;transform: scale(.8);}
.oemPro-bg img{width: 100%;height: 6.3rem;}
.oemPro-swp{width: 100%;}
.oemPro-swp .swiper-slide{height: auto;}
.oemPro-slide{padding-top: 0.5rem;height: 100%;}
.oemPro-pj{padding: 0.75rem 0.7rem 0.4rem;flex-direction: column; background: #fff;position: relative;overflow: visible;height: 100%;}
.oemPro-swp .swiper-container{overflow: visible;}
.oemPro-pj .img{position: absolute;left: 50%;top: 0;transform: translate(-50%,-50%);background: #fff;border-radius: 50%;padding: 0.1rem;}
.oemPro-pj .img img{width: 0.88rem;height: 0.88rem;border-radius: 50%;}
.oemPro-pj .ico{display: flex;}
.oemPro-pj .ico i{display: block;margin-left: 3px;width: max(12px,0.17rem);height: max(12px,0.17rem);background: url('../images/pages/oemPro-pj.png') no-repeat center/100% auto;}
.oemPro-pj .ico i:first-child{margin-left: 0;}
.oemPro-pj .text{text-align: left;}
.oemPro-desc{padding: 0 1.5rem;opacity: 0;transition: all .6s ease;}
/* 产品-详情 */
.proDet-intro{height: 350vh;background: #000;position: absolute;left: 0;top: 0;width: 100%;z-index: 10;transition: all .6s linear;}
.proDet-view.show .proDet-intro{opacity: 0;pointer-events: none;}
.proDet-view.show .proDet-group{opacity: 1;pointer-events: auto;transition-delay: .3s;}
.proDet-intro-sticky{position: sticky;top: 0;overflow: hidden;height: 100vh;}
.proDet-intro-top .img-box{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.proDet-intro-top .img{position: absolute;left: 0;top: 50%;z-index: 2;}
.proDet-intro-top .img2{left: 100%;}
.proDet-intro-top .img img{transform: translate(-50%,-50%);height: 3.16rem;max-width: unset;width: auto;}
.proDet-intro-top .img1 img{opacity: .4;}
.proDet-intro-top .title{font-size: 1.82rem;line-height: .9;}
.proDet-intro-top .title p{overflow: hidden;}
.proDet-intro-top .title p span{display: block;animation: introText 1.1s ease both;}
@keyframes introText {
    0%{opacity: 0;transform: translateY(100%);}
    100%{opacity: 1;transform: translateY(0);}
}
.proDet-group{padding-top: 200vh;opacity: 1;pointer-events: auto;transition: all .4s ease;}
.proDet-video-sticky-box{height: 300vh;position: relative;}
.proDet-video-sticky{position: sticky;overflow: hidden;top: 0;height: 100vh;}
.proDet-video-flex{width: 14rem;margin: 0 auto;}
.proDet-video-bg img{width: 100%;}
.proDet-video-con{position: absolute;left: 0;bottom: 0.5rem;width: 100%;flex-direction: column;}
.proDet-video-con .comMore{width: max(170px,2.32rem);}
.proDet-video-con .comMore::after{width: 100%;}
.proDet-video-con .comMore i{transform: rotate(0);font-size: max(16px,0.25rem);}
.proDet-video-con .comMore:hover{color: #1531bc;}
.proDet-video-con .comMore:hover::after{background: #fff;border-color: #fff;}
.proDet-video-list{width: 12.8rem;margin: 0.5rem auto 0;}
.proDet-video-list li{width: 25%;display: flex;flex-direction: column;align-items: center;text-align: center;padding: 0.5rem 0.4rem 0;}
.proDet-video-list .ico{width: max(30px,0.7rem);height: max(30px,0.7rem);background: #edeff2;}
.proDet-video-list .ico img{max-width: 70%;max-height: 60%;}
.proDet-module1-list .uli.ml24.uli2 li:first-child{width: calc(100%/1 - max(10px,0.24rem));}
.proDet-module1-bg img{width: 100%;height: 7.2rem;}
.proDet-module1-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;padding: 0.48rem 0.5rem 0;}
.proDet-module1-con .text{width: max(250px,3.8rem);}
.proDet-module1-list .uli.ml24.uli2 li:first-child .proDet-module1-con{padding-top: 0.58rem;}
.proDet-module1-list .uli.ml24.uli2 li:first-child .proDet-module1-con .text{width: max(380px,5rem);max-width: 100%;}
.proDet-module2-bg img{width: 100%;height: 7.2rem;}
.proDet-module2-bg::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(to right,#000 10%,transparent 80%);}
.proDet-module2-con{z-index: 2;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.proDet-module2-con .contain-1200{height: 100%;flex-direction: column;justify-content: center;}
.proDet-module2-desc .text{width: max(380px,5.2rem);max-width: 100%;}
.proDet-module2-num li{margin-left: 0.7rem;}
.proDet-module2-num li:first-child{margin-left: 0;}
.proDet-module4-bg img{width: 100%;height: 4.3rem;transition: all .6s ease;}
.proDet-module4-show{position: absolute;z-index: 2;left: 0;top: 0;width: 100%;height: 100%;padding: 0.34rem;transition: all .2s ease .2s;}
.proDet-module4-show .title{width: 70%;}
.proDet-module4-hide{z-index: 3;position: absolute;left: 0;top: 0;width: 100%;height: 100%;flex-direction: column;background: rgba(0, 0, 0, .58);padding: 0 1.1rem;opacity: 0;transform: scale(.5);transition: all .6s ease;}
.proDet-module4-item:hover .proDet-module4-bg img{transform: scale(1.2);}
.proDet-module4-item:hover .proDet-module4-show{opacity: 0;transition-delay: 0s;}
.proDet-module4-item:hover .proDet-module4-hide{opacity: 1;transform: scale(1);}
.proDet-params-flex{justify-content: space-between;align-items: center;}
.proDet-params-con{width: 48%;}
.proDet-params-table table{width: 100%;}
.proDet-params-table table td{padding: 0.08rem 0.1rem 0.08rem 0;}
.proDet-params-table table td:nth-child(2n){font-size: max(16px,0.2rem);color: #111;font-family: 'SB';}
.proDet-params-con .comMore{width: max(130px,2.3rem);}
.proDet-params-con .comMore i{transform: rotate(0);}
.proDet-params-con .comMore:nth-child(2){margin-left: max(10px,0.2rem);}
.proDet-params-desc p{color: #1531bc;display: inline;}
.proDet-params-desc a{color: #1531bc;text-decoration: underline;transition: all .4s ease;}
.proDet-params-desc a:hover{color: #000;}
.proDet-params-swp{width: 47%;}
.proDet-params-bg{pointer-events: none;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 4.79rem;}
.proDet-params-slide{height: 5.15rem;}
.proDet-params-slide img{max-height: 100%;}
.proDet-params-pagination{user-select: none;}
.proDet-params-pagination .swiper-pagination-bullet{width: 8px;height: 8px;background: #dfdfdf;opacity: 1;position: relative;margin: 0 14px !important;transition: all .4s ease;}
.proDet-params-pagination .swiper-pagination-bullet i{position: absolute;width: 20px;height: 20px;margin: -10px 0 0 -10px;top: 50%;left: 50%;opacity: 0;transition: all .4s ease;border-radius: 50%;border: 3px solid #dfdfdf;}
.proDet-params-pagination .swiper-pagination-bullet svg{position: absolute;z-index: 2;left: 50%;top: 50%;margin: -10px 0 0 -10px;width: 20px;height: 20px;transform: rotate(-90deg);opacity: 0;transition: all .4s ease;}
.proDet-params-pagination .swiper-pagination-bullet svg circle{stroke-dasharray:100,100;stroke-dashoffset:100;}
.proDet-params-pagination .swiper-pagination-bullet-active{background: transparent;}
.proDet-params-pagination .swiper-pagination-bullet-active i{opacity: 1;}
.proDet-params-pagination .swiper-pagination-bullet-active svg{opacity: 1;}
.proDet-params-pagination .swiper-pagination-bullet-active svg circle{animation: bulletRun 6s linear both;}
.proDet-params-pagination .swiper-pagination-bullet-active.oneBullet svg circle{animation: bulletRun 5s linear both;}
@keyframes bulletRun{0%{stroke-dashoffset:100;}100%{stroke-dashoffset:0;}}
.proDet-case-swp-box{justify-content: center;display: flex;}
.proDet-case-swp{width: 7.5rem;}
.proDet-case-swp .swiper-container{overflow: visible;}
.proDet-case-img img{width: 100%;height: 4.2rem;}
.proDet-case-slide:hover .proDet-case-img img{transform: scale(1.2);}
.proDet-case .oemPro-btn{top: 2.1rem;position: absolute;left: 0;transform: translateY(-50%);z-index: 2;}
.proDet-case .oemPro-btn.next{left: auto;right: 0;transform: translateY(-50%) rotate(180deg);margin-left: 0;}

.proDet-nav-item{align-items: flex-start;justify-content: space-between;border-bottom: 1px solid #1531bc;user-select: none;cursor: pointer;}
.proDet-nav-item:first-child{border-top: 1px solid #1531bc;}
.proDet-nav-left{width: 67%;transition: all .3s ease;}
.proDet-nav-right{width: 33%;display: none;}
.proDet-nav-menu{flex-direction: column;align-items: flex-start;width: 70%;padding-right: 5px;}
.proDet-nav-menu .item:first-child{margin-top: 0;}
.proDet-nav-menu .item.active{color: #1531bc;}
.proDet-nav-drop-box{width: 30%;}
.proDet-nav-drop{display: none;}
.proDet-nav-drop:first-child{display: block;}
.proDet-nav-drop .item:first-child{margin-top: 0;}
.proDet-nav-drop .item:hover{color: #1531bc;text-decoration: underline;}
.proDet-nav-more{position: absolute;right: 0;top: calc(50% - max(6px,0.07rem));transform: rotate(45deg);}
.proDet-nav-item.active .proDet-nav-left{font-size: max(24px,0.6rem);}
.proDet-nav-item.active .proDet-nav-more{opacity: 0;}

/* 新增 */
.about-view .gloSup-item{width: 3.1rem;}
.about-view .gloSup-item.active {width: calc(100% - 0.26rem * 3 - 3.1rem * 2);}
.about-view .gloSup-hide{padding: 0 0.2rem 0 0.6rem;}
.about-view .gloSup-hide .ico{margin-right: 0.35rem;}
.gloSup-hide .list{justify-content: space-between;}
.gloSup-hide .list li{width: 49.9%;position: relative;padding-left: max(18px,0.3rem);}
.gloSup-hide .list li::after{content: "";position: absolute;left: 0;top: 0;width: max(12px,0.18rem);height: max(11px,0.18rem);background: url('../images/pages/abSer-dot.png') no-repeat center/100% auto;}
.about-view .gloSup{background: #f6f8fb;}
.abSer-flex{padding: 0 0.7rem 0 0.9rem; justify-content: space-between;background: #f6f8fb;}
.abSer-con{flex-direction: column;justify-content: center;padding: 0.4rem 0;width: 42%;}
.abSer-con .comMore{width: max(230px,2.8rem);}
.abSer-num{justify-content: space-between;}
.abSer-num .num{align-items: flex-end;}
.abSer-num .num span{line-height: .8;display: block;}
.abSer-num .num span.mr{margin-right: max(3px,0.05rem);}
.abSer-img{width: 52%;justify-content: center;align-items: flex-end;}

/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px){
    /* 1600 × (900) */
}
@media all and (max-width:1590px){
    /* 1440 × (700)  */
    .oemPro-desc{padding: 0 1rem;}
}
@media all and (max-width:1430px){
    /* 1360 */
}
@media all and (max-width:1350px){
    /* 1280 */
}
@media all and (max-width:1270px){
    /* 1152 × (700) */
}
/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px){
    /* 1024 横屏 */
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px){
    /* 移动终端 360 适配 */
    .newsShow-img{width: 100%;}
    .newsShow-img .img img{height: 185px;}
    .newsShow-list{width: 100%;margin-top: 15px;}
    .newsShow-item{padding: 20px 15px;}
    .newsSelect{width: 180px;}
    .newsSearch{flex: unset;width: 100%;margin-top: 10px;}
    
    .pagesBan-bg img{height: 200px;}
    .caseDet-body .Header{background: transparent;}
    .caseDet-body .Container{margin-top: 0;}
    .caseDet-info{padding-top: 90px;}
    .caseDet-btm{padding: 0;}
    .caseDet-menu{padding-top: 12px;}
    .caseDet-pro-slide{padding: 20px 20px 50px;}
    .caseDet-pro-slide .img{height: 200px;}
    .caseIntro .contain{padding: 0;}
    .caseIntro .title{line-height: 1.4;}
    .caseNav-slide .title{line-height: 1.3;}
    .caseNav-btn{display: none;}
    .caseNav-pagination{width: 200px;}
    .caseClass-menu{display: none;}
    .caseClass-bg img{height: 250px;}
    .caseClass-con{left: 2%;width: 96%;padding: 20px 15px;}
    .caseClass-con .title{font-size: 20px;}
    .caseClass-con .desc{width: 100%;margin: 8px 0 0;}
    .caseClass-con .comMore-box{margin-top: 25px;}
    .casePro-show{padding: 20px 20px 50px;}
    .casePro-show-img{width: 100%;height: 200px;}
    .casePro-show-con{width: 100%;}
    .casePro-show-con .comMore-box{margin-top: 20px;}
    .casePro-list .uli.ml34{margin: -15px 0 0;}
    .casePro-list .uli.ml34.uli3 li{margin: 15px 0 0;width: 100%;}
    .proLeft{width: 100%;position: relative;top: auto;margin-right: 0;}
    .proNav-menu2{padding-left: 10px;}
    .proNav-drop2 .item{padding-left: 20px;font-size: 12px;}
    .proRight{width: 100%;margin-top: 40px;}
    .proList .uli.ml66{margin: -40px 0 0;}
    .proList .uli.ml66.uli2 li{margin: 40px 0 0;width: 100%;}
    .proItem-img{height: 180px;}
    .proNav-menu1 .btn i{border-width: 5px;}
    .proNav-menu2 .btn::before{width: 8px;}
    .proNav-menu2 .btn::after{height: 8px;}
    .proNav-item{margin-top: 15px;}
    .joinRight{flex: unset;width: 100%;margin-top: 35px;}
    .joinInfo-item{padding: 0 15px 25px;}
    .joinInfo-menu{padding: 25px 0 15px;}
    .joinInfo-drop{max-height: 65px;}
    .joinPop{padding: 50px 15px 30px;width: 92%;}
    .joinPop-close{top: 10px;right: 12px;}
    .joinPop .comMore-box{margin-top: 20px;}
    .gloIntro-num li{width: 100%;border-left: unset;border-top: 1px solid #e6e7f0;padding: 25px 30px 25px 15px;}
    .gloIntro-num .num span{font-size: 40px;}
    .gloPro-menu{width: 100%;margin-top: 20px;flex-wrap: nowrap;white-space: nowrap;overflow-x: auto;}
    .gloPro-menu .item{width: auto;padding: 0 20px;overflow: visible;}
    .gloSup-list{display: block;margin: 0;}
    .gloSup-item{margin: 20px 0 0;width: 100%;}
    .gloSup-item .ico{height: 38px;}
    .gloSup-show{height: 280px;padding: 65px 30px 0;transition-delay: .1s;}
    .gloSup-show .title{margin-top: 20px;}
    .gloSup-show .page{bottom: 15px;}
    .gloSup-hide{flex-direction: column;justify-content: center;align-items: flex-start;}
    .gloSup-hide .desc{flex: unset;width: 100%;margin-top: 10px;}
    .gloSup-item:hover{background: #1531bc;}
    .gloSup-item:hover .gloSup-show{opacity: 0;transition-delay: 0s;}
    .gloSup-item:hover .gloSup-hide{opacity: 1;transition-delay: .1s;transform: translateY(0);}
    .gloSys-gallery-con{width: 100%;padding-bottom: 20px;}
    .gloSys-gallery-img{width: 100%;}
    .gloSys-gallery-con .gallery-dot{width: 30px;height: 24px;}
    .gloJoin{overflow: hidden;}
    .gloHZ-list{margin-top: 5px;}
    .gloHZ-item{padding: 15px 0;}
    .gloHZ-con{width: 100%;}
    .gloHZ-menu{padding-bottom: 15px;}
    .gloHZ-drop{width: 100%;}
    .gloHZ-drop .ico{width: 12%;}
    .gloHZ-drop .text{opacity: 1;width: 82%;}
    .gloHZ-img{width: 100%;clip-path: inset(0% 0% 0% 0% round 0.14rem);}
    .gloHZ-img img{height: 120px;}
    .gloJoin-flex{margin-top: 0;}
    .gloJoin-img{display: none;}
    .gloJoin-list{width: 100%;}
    .gloJoin-list li{width: 100%;}
    .gloJoin .comMore-box{margin-top: 30px;}
    .abIntro-img{display: none;}
    .abIntro-con{width: 100%;}
    .abIntro-num li{width: 100%;border-left: unset;border-top: 1px solid #2d49cf;justify-content: flex-start;padding: 25px 0;}
    .abIntro-num .num span{font-size: 40px;line-height: 1;}
    .abIntro-num .text{margin-top: 10px;}
    .abFZ{padding: 40px 4%;}
    .abFZ-year{display: none;}
    .abFZ-desc{flex: unset;padding: 0;width: 100%;}
    .abFZ-desc li{opacity: 1;}
    .abFZ-desc .top{height: 70px;}
    .abFZ-desc .title{color: #1531bc;font-size: 18px;}
    .abFZ-img{display: none;}
    .abData-num{width: 100%;}
    .abData-num li{width: 100%;border-left: unset !important;border-right: unset !important;padding: 25px 15px;}
    .abData-num .text{margin-top: 10px;}
    .abData-num .num span{font-size: 40px;line-height: 1;}
    
    .abJoin-con{position: relative;height: auto;padding: 15px 0 0;}
    .abCta-left{width: 100%;}
    .abCta-menu .title{display: none;}
    .abCta-drop .con{padding: 6px;}
    .abCta-drop .text{font-size: 10px;}
    .abCta-drop .text span{font-size: inherit;}
    .abCta-drop .img img{width: 190px;height: 95px;}
    .abCta-drop .logo{width: 10px;}
    .abCta-left-list li.India .abCta-drop .line2{left: auto;right: 100%;display: flex;justify-content: flex-end;}
    .abCta-left-list li.India .abCta-drop .con{left: auto;right: 2rem;}
    .abCta-right{width: 100%;margin-top: 25px;}
    .abCta-right-list li{height: 110px;}
    .abCta-right-list .ico{width: 24px;margin-right: 18px;}
    .oemIntro-list{border-radius: 8px;overflow: hidden;}
    .oemIntro-item{width: 100%;clip-path: unset !important;border-radius: 0;}
    .oemIntro-item:nth-child(2){width: 100%;position: relative;}
    .oemIntro-logo{display: none;}
    .oemIntro-bg img{height: 300px;}
    .oemIntro-bg::after{background: rgba(0, 0, 0, .4);}
    .oemIntro-con{padding: 0 15px !important;}
    .oemIntro-con .text{line-height: 1.6;font-size: 14px;}
    .oemIntro-btm{flex-wrap: wrap;align-items: flex-start;justify-content: flex-start;}
    .oemIntro-btm .num-box{margin: 0 10px 0 0;}
    .oemIntro-btm .desc{width: 100%;font-size: 13px;line-height: 1.5;}
    .oemIntro-btm .title{margin-top: 10px;}
    .oemIntro-btm .num span{font-size: 40px;}
    .oemWhy-list .uli.ml40{margin: -15px 0 0;}
    .oemWhy-list .uli.ml40.uli2 li{margin: 15px 0 0;width: 100%;}
    .oemWhy-item{padding: 30px 15px;}
    .oemWhy-btm{margin-top: 40px;}
    .oemWhy-btm .ico{height: 40px;}
    .oemWhy-btm .text{margin-top: 8px;}
    .oemZZ-menu{width: 100%;margin-top: 15px;justify-content: space-between;}
    .oemZZ-menu .item{margin-left: 0;font-size: 13px;}
    .teamHJ-swp .swiper-slide{height: auto !important;}
    .teamHJ-slide{height: auto;}
    .teamHJ-swp{padding: 0 4%;}
    .teamHJ-slide .title{font-size: 12px;opacity: 1;}
    .teamHJ-slide .img::after{opacity: 1;}
    .oemCate .pagesTitle .text{margin-top: 10px;width: 100%;}
    .oemCate-left{width: 100%;}
    .oemCate-right{width: 100%;margin-top: 10px;}
    .oemCate-top, .oemCate-btm{padding: 25px 15px;}
    .oemCate-select{margin-top: -5px;}
    .oemCate-select .item{margin: 10px 0 0;width: 50%;}
    .oemCate-select .item:last-child{width: 100%;}
    .oemCate-top .oemCate-flex{padding-top: 20px;}
    .oemCate-form input{width: 160px;}
    .oemCate-form p{flex: unset;width: 100%;padding: 10px 0 0;}
    .oemCate-btm .comMore{width: 100%;margin-top: 20px;}
    .oemCate-btm .comMore:nth-child(2){margin-top: 15px;}
    .oemSer-page{display: none;}
    .oemSer-list{width: 100%;}
    .oemSer-menu .btn{width: 26px;height: 26px;font-size: 12px;}
    .oemSer-item{padding-bottom: 12px;}
    .oemPro-swp-box{margin-top: 50px;}
    .oemPro-swp{width: 100%;}
    .oemPro-btn{display: none;}
    .oemPro-pj{position: relative;right: auto;top: auto;transform: none !important;width: 100%;padding: 40px 0;}
    .oemPro-pj .img img{width: 60px;height: 60px;}
    .oemPro-bg img{height: 240px;}
    .oemPro-pj .img{padding: 4px;}
    .oemPro-pj .text{text-align: center;}
    .oemPro-desc{padding: 0;margin: 0 0 15px;}
    .oemPro-slide{display: flex;flex-direction: column-reverse;}
    .oemPro .pages-pagination{margin-top: 30px;}
    .proDet-intro{height: auto;position: relative;}
    .proDet-intro-sticky{position: relative;height: auto;padding: 40px 0;}
    .proDet-intro-top{flex-direction: column;flex-wrap: wrap;}
    .proDet-intro-top .img-box{position: relative;height: auto;width: 100%;margin-top: 40px;}
    .proDet-intro-top .img1{display: none;}
    .proDet-intro-top .img2{position: relative;left: auto;top: auto;transform: none;}
    .proDet-intro-top .img img{transform: none;height: 150px;}
    .proDet-intro-top .title{font-size: 40px;}
    .proDet-group{padding-top: 0;}
    .proDet-video-sticky-box{height: auto;}
    .proDet-video-sticky{position: relative;height: auto;}
    .proDet-video-flex{width: 92%;}
    .proDet-video-bg img{height: 250px;}
    .proDet-video-con{bottom: 30px;}
    .proDet-video-list{width: 92%;}
    .proDet-video-list li{width: 100%;padding: 40px 40px 0;}
    .proDet-video-list li:first-child{padding-top: 20px;}
    .proDet-video-list .ico{width: 48px;height: 48px;}
    .proDet-video-list .title{font-size: 16px;margin-top: 20px;}
    .proDet-module1-list .uli.ml24{margin: -15px 0 0;}
    .proDet-module1-list .uli.ml24.uli2 li{margin: 15px 0 0;width: 100% !important;}
    .proDet-module1-item{display: flex;flex-direction: column-reverse;}
    .proDet-module1-con{position: relative;height: auto;background: #000;padding: 25px 15px 0;}
    .proDet-module1-con .text{width: 100% !important;font-size: 14px;line-height: 1.5;}
    .proDet-module2-desc .text{width: 100%;}
    .proDet-module2{display: flex;flex-direction: column-reverse;width: 92%;margin: 0 auto;border-radius: 8px;overflow: hidden;}
    .proDet-module2-con{position: relative;height: auto;background: #000;padding: 25px 15px 15px;}
    .proDet-module2-bg::after{background: linear-gradient(to bottom,#000 0%,transparent 40%);}
    .proDet-module4-list .uli.ml40{margin: -15px 0 0;}
    .proDet-module4-list .uli.ml40.uli2 li{margin: 15px 0 0;width: 100%;}
    .proDet-module4-bg img{height: 240px;}
    .proDet-module4-show{padding: 20px 15px;}
    .proDet-module4-show .title{width: 100%;}
    .proDet-params-flex{flex-direction: column-reverse;margin-top: 20px;}
    .proDet-params-swp{width: 100%;}
    .proDet-params-slide{height: 220px;}
    .proDet-params-con{width: 100%;margin-top: 25px;}
    .proDet-params-table{font-size: 12px;}
    .proDet-params-table table td:nth-child(2n){font-size: 12px;}
    .proDet-case-swp-box{display: block;}
    .proDet-case-swp{width: 100%;}
    .proDet-case-img img{height: 190px;}
    .proDet-nav-right{width: 100%;margin-top: 15px;}
    .proDet-nav-item{padding: 15px 0;}
    .proDet-nav-left{width: 100%;}
    .abFZ-desc .text{font-size: 14px;line-height: 20px;width: 100%;}
    .abFZ-desc .year{font-size: 14px;}
    .caseNav-swp .swiper-slide{width: calc(50% - 10px);}
    .about-view .gloSup-item{width: 100%;margin: 20px 0 0;}
    .about-view .gloSup-show{height: 380px;}
    .gloSup-hide .list li{width: 100%;}
    .abCta{overflow: hidden;}
    .gloSup-hide .list li::after{top: 2px;}
    .teamHJ-slide .img img{height: 130px;}
    .abSer-flex{padding: 20px 15px 0;}
    .abSer-con{width: 100%;}
    .abSer-img{width: 100%;margin-top: 30px;}
    .abSer-num{justify-content: flex-start;margin-top: 0;}
    .abSer-num li{width: 50%;margin-top: 20px;}
    .abSer-num li:last-child{width: 100%;}
}
/* --------------------图片-iPad-调整---------------------- */
@media all and (min-width: 720px) and (max-width: 1000px){}