/* banner */
.banner{position: relative;overflow: hidden;width: 100%;}
.banner .wrap{display: block;width: 100%;padding-bottom: 44.8%;position: relative;overflow: hidden;}
.banner .wrap em{transition: all 0.5s linear;opacity: 0;-webkit-transform: scale(1.1);transform: scale(1.1);}
.banner .swiper-slide-active a em,.banner .swiper-slide-duplicate-active a em{transition: 0.5s linear; transform: scale(1,1);opacity: 1;}
.banner .swiper-slide .video video {position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.banner .swiper-slide .video::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000;opacity: 0.3;z-index: 3;}
.banner .mouse{width: 0.73rem;height: 1.33rem;position: absolute;bottom: 1.67rem;left: 50%;transform: translateX(-50%);z-index: 3;background: url(../images/icon_mouse.svg) no-repeat center;background-size: 100%;}
.banner .mouse .line{width: 2px;height: 0.33rem;position: absolute;left: 50%;top: 0.23rem;transform: translateX(-50%);overflow: hidden;}
.banner .mouse .line::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;border-radius: 2px;background: #3D3D3D;    animation: screen-arrow 1.5s infinite ease;}
.banner .paginationStyle.swiper-pagination{padding: 0 0.7rem;height: 1.53rem;background: rgba(255,255,255,0.53);border-radius: 2.57rem;}
/* 标题 */
.iTitle{text-align: center;margin-bottom: 1.33rem;color: #787878;line-height: 1.36;}
.iTitle .ch{line-height: 1.38;color: #000000;margin-bottom: 0.33rem;}

/* 产品中心 */
.isect1{background: url(../images/isect1_bg.jpg) no-repeat center top;background-size: cover;}
.isect1 .tabs{padding: 0 1.73rem;position: relative;}
.isect1 .tabs .btn{position: absolute;top: 0;right: 0;height: 100%;cursor: pointer;}
.isect1 .tabs .btn img{filter: brightness(0) invert(0.5);}
.isect1 .tabs .btn:hover img{filter: brightness(1) invert(0);}
.isect1 .tabs .btn.prev{right: auto;left: 0;}
.isect1 .tabs .btn.prev img{transform: rotateZ(180deg);}
.isect1 .tabs .swiper-slide{width: auto;}
.isect1 .tabs a{min-width: 6.7rem;height: 2.27rem;box-sizing: border-box;background: #FFFFFF;border: 1px solid #E8E8E8;border-radius: 2.27rem;color: #000000;line-height: 1.1;font-weight: bold;text-align: center;padding: 0 0.67rem;}
.isect1 .tabs .ani-btn:hover:after, 
.isect1 .tabs .active .ani-btn:after{transform: translate(-50%,-50%) scale(18);}
.isect1 .content{width: 100%;padding: 1.33rem 1rem 0;margin-left: -1rem;}
.isect1 .content dl{margin-bottom: 1.33rem;display: flex;}
.isect1 .content .prodBox{margin-right: 2.91%;}
.isect1 .content .prodBox:nth-child(3n){margin-right: 0;}
.isect1 .moreBtn{margin: 0 auto;}

/* 应用领域 */
.isect2 .container em{display: block;height: 0;padding-bottom: 25.33rem;}
.isect2 .tabs{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;display: flex;}
.isect2 .tabs li{flex: 1;height: 100%;border-left: 1px solid rgba(216, 216, 216, 0.8);}
.isect2 .tabs li:first-child{border: none;}
.isect2 .tabs li a{display: block;height: 100%;position: relative;color: #fff;text-align: center;}
.isect2 .tabs li .tit{position: absolute;left: 0;bottom: 17%;width: 100%;}
.isect2 .tabs li .icon{width: 4rem;height: 4rem;box-sizing: border-box;border: 1px solid #FFFFFF;border-radius: 50%;position: absolute;left: 50%;top: 32%;transform: translateX(-50%);}
.isect2 .tabs li .icon img{height: 43.3%;filter: brightness(0) invert(1);}
.isect2 .tabs li.active a{background: rgba(0, 100, 178, 0.34);backdrop-filter: blur(10px);}
.isect2 .tabs li.active a .icon{background: #FFFFFF;}
.isect2 .tabs li.active a .icon img{filter: brightness(1) invert(0);}

/* 新闻中心 */
.isect3{margin-left: 13.54%;}
.isect3 .iTitle{margin: 0 0 2.5rem;}
.isect3 .iTitle .ch{margin-bottom: 0;}
.isect3 .iTitle .moreBtn{margin: 0;}
.isect3 .content{display: flex;position: relative;}
.isect3 .content .tabs{flex-shrink: 0;margin-right: 2.3rem;width: 6.7rem;padding-bottom: 9rem;}
.isect3 .content .tabs li{margin-bottom: 1rem;}
.isect3 .content .tabs li a{display: block;width: 100%;background: #F8F8F8;border-radius: 1rem;color: #000000;font-weight: bold;text-align: center;line-height: 2.27rem;}
.isect3 .btnWrap{position: absolute;left: 0;bottom: 3rem;}
.isect3 .btnWrap2{display: none;}
.isect3 .btnStyle{position: static;margin-top: 1rem;}
.isect3 .container{flex: 1;padding-left: 1rem;margin-left: -1rem;}
.isect3 .container .innerSwiper{width: 100%;padding: 0 0 3rem 1rem;margin-left: -1rem;}
.isect3 .container .swiper-slide{width: auto;}
.isect3 .container .wrap{display: block;width: 20.33rem;background: #F8F8F8;}
.isect3 .container .pic{padding-bottom: 57.7%;}
.isect3 .container .text{padding: 1.33rem;color: #000000;}
.isect3 .container .text .tit{line-height: 1.4;}
.isect3 .container .text .desc{line-height: 0.87rem;height: 1.73rem;overflow: hidden;margin: 0.5rem 0 1.27rem;}
.isect3 .container .more .icon{height: 0.3rem;margin-left: 0.3rem;filter: brightness(0) invert(0.5);}
.isect3 .container .wrap:hover{background: #F8F8F8;box-shadow: 0 0 28px 0 rgba(0,0,0,0.10);}
.isect3 .container .wrap:hover .text .tit,
.isect3 .container .wrap:hover .more{color: #0064B2;}
.isect3 .container .wrap:hover .more .icon{filter: brightness(1) invert(0);}

/* 关于我们 */
.isect4 .top{height: 26rem;box-sizing: border-box;padding-top: 3.33rem;background: url(../images/isect4_bg.jpg) no-repeat center top;background-size: cover;color: #fff;text-align: center;}
.isect4 .top .title{line-height: 1;}
.isect4 .top .desc{max-width: 30.07rem;margin: 1.23rem auto 9rem;}
.isect4 .moreBtn{margin: 0 0.5rem;border: 1px solid #0064B2;background: rgba(255, 255, 255, 0.62);}


/* 品牌代理 */
.isect5 {padding-bottom: 3.33rem;}
.isect5 .iTitle{margin-bottom: 0;}
.isect5 .container{padding: 2.67rem 1rem 2.8rem;width: 100%;margin-left: -1rem;}
.isect5 .container .wrap{display: block;height: 0;padding-bottom: 66.8%;background: #FFFFFF;}
.isect5 .container .wrap span{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.isect5 .container .wrap span img{max-width: 100%;max-height: 100%;}
.isect5 .container .wrap:hover{box-shadow: 0 0 0.93rem rgba(0,0,0,0.10);}
.isect5 .container .paginationStyle.swiper-pagination{bottom: 0;left: 50%;right: auto;transform: translateX(-50%);}


@media screen and (max-width: 1620px){
.isect3 .container .wrap{width: 18rem;}

}
@media screen and (max-width: 1480px){

}

@media screen and (max-width: 1300px){
}
@media screen and (max-width: 1200px){
   

}

@media screen and (max-width: 1024px){
.isect2 .tabs{flex-wrap: wrap;}
.isect2 .tabs li{flex: 33.33%;height: 50%;box-sizing: border-box;border-top: 1px solid rgba(216, 216, 216, 0.8);}
.isect2 .tabs li .icon{width: 2rem;height: 2rem;top: 20%;}
.isect2 .tabs li:nth-child(3n+1){border-left: none;}


}

@media screen and (max-width: 760px){
.banner .paginationStyle.swiper-pagination{bottom: 0;height: 1.2rem;}
.banner .mouse{bottom: 0.5rem;display: none;}
.banner .btnStyle{display: none;}

.isect1 .tabs a{min-width: 4.8rem;height: 1.6rem;}
.isect1 .content dl{flex-wrap: wrap;}
.isect1 .content dl dd{width: 100% !important;margin-bottom: 0.5rem;}
.isect1 .content .prodBox{margin-right: 0;}

.isect2 .container em{padding-bottom: 20rem;}

.isect3{width: 90%;margin: 0 auto;}
.isect3 .iTitle{width: 100%;margin-bottom: 1rem;}
.isect3 .content .tabs{width: 5rem;margin-right: 1rem;display: none;}
.isect3 .content .tabs li{margin-bottom: 0.5rem;}
.isect3 .content .tabs li a{line-height: 1.6rem;}
.isect3 .btnStyle{margin-top: 0.5rem;display: none;}
.isect3 .container .text{padding: 0.8rem;}
.isect3 .container .wrap{width: 100%;}
.isect3 .container .innerSwiper{padding: 0 0 2rem;margin-left: 0;}
.isect3 .container .wrap:hover{box-shadow: none;}

.isect4 .top{padding: 2rem 0;height: auto;}
.isect4 .top .desc{margin: 1rem 0 5rem;}


.isect5{padding-bottom: 2rem;}
.isect5 .container{padding: 1rem 1rem 2rem;}
.isect5 .container .wrap{box-shadow: 0 0 10px rgba(0,0,0,0.10);}


}

@media screen and (max-width: 468px){
}