.swiper-wrapper,
.swiper-slide{height: auto;}

/* banner */
.banner .wrap{display: block;width: 100%;height: 0;padding-bottom: 47.9%;}
.banner .wrap em{transition: all 0.5s linear;-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-pagination{width: 6px;position: absolute;top: 50%;transform: translateY(-50%);right: 1.83rem;left: auto;bottom: auto;flex-direction: column;}
.banner .swiper-pagination .swiper-pagination-bullet{width: 100%;height: 0.57rem;background: #fff;opacity: 1;margin: 4px 0;border-radius: 0;clip-path: polygon(0% 0%, 100% 5px, 100% 100%,0 calc(100% - 5px));transition: 0.3s;}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{height: 2.33rem;}

/* 鏍囬 */
.iTitle{margin-bottom: 1.67rem;}
.iTitle .title{color: #3D3D3D;padding-left: 0.83rem;line-height: 1.87rem;}
.iTitle .title::before{content: "";width: 4px;height: 1.2rem;position: absolute;left: 0;top: 50%;transform: translateY(-50%);background: var(--primary-color);}
.iTitle.white .title{color: #fff;}
.iTitle.white .title::before{background: #fff;}

/* isect1 */
.isect1{background: url(../images/isect1_bg.jpg) no-repeat center top;background-size: cover;}
.isect1 .contLeft{width: 65.68%;}
.isect1 .contLeft .container{width: 53.85%;}
.isect1 .contLeft .container .wrap{display: block;background: #FFFFFF;}
.isect1 .contLeft .container .pic{padding-bottom: 9.7rem;}
.isect1 .contLeft .container .text{padding: 0.53rem 0.9rem 0.7rem;background: #FFFFFF;border: 1px solid #E2E2E2;}
.isect1 .contLeft .container .text .title{color: #333333;line-height: 1.27rem;padding-bottom: 5px;border-bottom: 1px solid #E2E2E2;}
.isect1 .contLeft .container .text .desc{color: #78726E;line-height: 0.87rem;height: 1.73rem;margin: 0.33rem 0 0.57rem;}
.isect1 .contLeft .container .wrap:hover .text .title{color: var(--active-color);}
.isect1 .contLeft .container .swiper-pagination{bottom: 7.13rem;left: auto;width: auto;right: 0.53rem;}
.isect1 .contLeft .container .swiper-pagination .swiper-pagination-bullet{width: 0.57rem;height:0.2rem;background: #fff;opacity: 0.6;margin: 0;border-radius: 0;clip-path: polygon(5px 0%, 100% 0, calc(100% - 5px) 100%,0 100%);transition: 0.3s;}
.isect1 .contLeft .container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 1rem;opacity: 1;}
.isect1 .contLeft ul{width: 44.24%;}
.isect1 .contLeft ul li{margin-top: 0.7rem;background: #FFFFFF;border: 1px solid #E2E2E2;}
.isect1 .contLeft ul li:first-child{margin-top: 0;}
.isect1 .contLeft ul li::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url(../images/news_bg.jpg) no-repeat center;background-size: cover;opacity: 0;}
.isect1 .contLeft ul .wrap{display: block;padding: 0.53rem 0.67rem 0.53rem 0.9rem;}
.isect1 .contLeft ul .wrap .title{line-height: 0.87rem;color: #3D3D3D;height: 1.73rem;margin: 0.2rem 0 0.57rem;}
.isect1 .contLeft ul li:hover{border-color: transparent;}
.isect1 .contLeft ul li:hover::before{opacity: 1;}
.isect1 .contLeft ul li:hover .dateStyle,
.isect1 .contLeft ul li:hover .title,
.isect1 .contLeft ul li:hover .desc,
.isect1 .contLeft ul li:hover .moreStyle{color: #fff;}
.isect1 .contLeft ul li:hover .moreStyle .icon,
.isect1 .contLeft ul li:hover .dateStyle .icon{filter: brightness(0) invert(1);}
.isect1 .contRight{width: 32.18%;}
.isect1 .contRight ul{padding: 0.53rem 0.8rem 0.63rem;background: #FFFFFF;border: 1px solid #E2E2E2;}
.isect1 .contRight ul li{border-top: 1px solid #E2E2E2;}
.isect1 .contRight ul li:first-child{border: none;}
.isect1 .contRight ul li a{padding: 1.02rem 0;}
.isect1 .contRight ul li .date{flex-direction: column;color: #999999;line-height: 0.8rem;white-space: nowrap;flex-shrink: 0;padding-right: 0.6rem;margin-right: 0.67rem;flex-shrink: 0;}
.isect1 .contRight ul li .date::before{content: "";width: 1px;height: 1.4rem;background: #D8D8D8;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.isect1 .contRight ul li .date em{display: block;color: #3D3D3D;font-family: "Barlow-Medium";}
.isect1 .contRight ul li .title{color: #3D3D3D;line-height: 0.87rem;max-height: 1.73rem;flex: 1;}
.isect1 .contRight ul li:hover .date,
.isect1 .contRight ul li:hover .date em,
.isect1 .contRight ul li:hover .title{color: var(--primary-color);}


/* isect2 */
.isect2{padding-top: 4.23rem;}
.isect2::before{content: "";width: 100%;height: 11.87rem;position: absolute;left: 0;top: 0;background: url(../images/isect2_bg.jpg) no-repeat center;background-size: cover;}
.isect2 .iTitle{margin-bottom: 1.33rem;}
.isect2 .container{width: 100%;padding: 0 0.5rem 4.23rem;margin-left: -0.5rem;height: 13.2rem;}
.isect2 .container .wrap{display: block;margin-top: 0.63rem;background: #F3F4F6;}
.isect2 .container .pic{padding-bottom: 60.52%;}
.isect2 .container .text{padding: 1.1rem 0.83rem 1.2rem;position: relative;}
.isect2 .container .text::before{content: "";width: 100%;height: 3px;background: #027CDF;position: absolute;left: 0;bottom: 0;transform: scale(0, 1);}
.isect2 .container .date{color: #313131;line-height: 0.83rem;height: 0.83rem;margin-bottom: 0.43rem;}
.isect2 .container .title{color: #313131;line-height: 1.03rem;text-align: center;height: 2.07rem;overflow: hidden;}
.isect2 .container .learnMore{position: absolute;left: 50%;bottom: 0.9rem;transform: translateX(-50%);opacity: 0;}
.isect2 .container .wrap:hover{background: #FFFFFF;box-shadow: 0px 4px 0.5rem 0px rgba(0, 0, 0, 0.1);margin-top: 0;}
.isect2 .container .wrap:hover .text::before{transform: scale(1);}
.isect2 .container .wrap:hover .text{padding-bottom: 2.73rem;}
.isect2 .container .wrap:hover .text .learnMore{opacity: 1;}
.isect2 .container .wrap:hover .text .date{justify-content: center;}

/* isect3 */
.isect3{background: url(../images/isect3_bg.jpg) no-repeat center;background-size: cover;}
.isect3 .container .wrap{display: block;height: 21rem;box-sizing: border-box;padding: 3.1rem 2.53rem;color: #FFFFFF;line-height: 0.93rem;}
.isect3 .container .wrap .text{max-width: 19.5rem;}
.isect3 .container .wrap .videoIcon{position: absolute;right: 2rem;bottom: 2rem;z-index: 3;width: 4rem;display: none;}
.isect3 .container .wrap.videoWrap .videoIcon{display: block;}
.isect3 .container .date{width: 4.83rem;height: 1.2rem;box-sizing: border-box;border: 1px solid #fff;border-radius: 0.67rem;}
.isect3 .container .date img{margin-right: 6px;filter: brightness(0) invert(1);}
.isect3 .container .title{line-height: 1.47rem;margin: 0.8rem 0;}
.isect3 .container .line{width: 100%;height: 1px;margin-bottom: 0.7rem;background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 2%, rgba(255, 255, 255, 0) 99%);}
.isect3 .container .wrap:hover .title{color: var(--active-color);}
.isect3 .container .btnWrap{position: absolute;left: 2.53rem;bottom: 2rem;z-index: 2;}
.isect3 .container .wrap:hover .bgStyle{transform: scale(1.05);}

/* isect4 */
.isect4 li{width: 25%;}
.isect4 li.li1,
.isect4 li.li4{width: 50%;}
.isect4 li .wrap{display: block;height: 0;padding-bottom: 88.54%;color: #FFFFFF;}
.isect4 li .text{position: absolute;left: 0;bottom: 1.43rem;width: 100%;box-sizing: border-box;padding: 0 9.9%;}
.isect4 li .text .title{line-height: 1.38;}
.isect4 li .text .desc{line-height: 0.93rem;margin: 5px 0 1.53rem;}
.isect4 li .label{position: absolute;left: 2rem;top: 1.33rem;}
.isect4 li .wrap:hover .bgStyle{transform: scale(1.05);}
.isect4 li.li2 .wrap{background-image: url(../images/isect4_bg1.jpg);color: #888888;}
.isect4 li.li2 .wrap .title{color: #000000;}
.isect4 li.li2 .learnMore{color: #fff;}
.isect4 li.li2 .learnMore::after{transform: translate(-50%,-50%) scale(10);transition: 1s ease-in-out;}
.isect4 li.li2 .learnMore img{filter: brightness(0) invert(1);}
.isect4 li.li3 .wrap{background-image: url(../images/isect4_bg2.jpg);}
.isect4 li.li4 .wrap{padding-bottom: 44.27%;}

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

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

}

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


@media screen and (max-width: 1024px){
.isect4 li .text .desc{margin: 0 0 0.5rem;}
.isect4 li .label{left: 9.9%;}
}

@media screen and (max-width: 760px){
.iTitle{margin-bottom: 0.6rem;}
.iTitle .title{line-height: 1.4rem;padding-left: 0.5rem;}
.iTitle .title::before{height: 0.8rem;}

.banner .swiper-pagination{right: 5%;}
.banner .swiper-pagination .swiper-pagination-bullet{margin: 0;}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{height: 1.2rem;}

.isect1 .contLeft,
.isect1 .contRight,
.isect1 .contLeft .container,
.isect1 .contLeft ul{width: 100%;}
.isect1 .contLeft ul,
.isect1 .contLeft ul li{margin-top: 0.5rem;}
.isect1 .contLeft .container .pic{padding-bottom: 51.41%;}
.isect1 .contRight{margin-top: 1rem;}
.isect1 .contRight ul li a{padding: 0.8rem 0;}

.isect2{padding: 2rem 0;}
.isect2 .iTitle{margin-bottom: 0.6rem;}
.isect2 .container{padding: 0;height: auto;margin-left: 0;}
.isect2 .container .wrap{margin: 0;}
.isect2 .container .learnMore{position: relative;left: 0;bottom: 0;transform: translate(0);margin: 0.5rem auto 0;opacity: 1;}
.isect2 .container .learnMore{border-color: var(--active-color)!important;color: #fff!important;transition: 0.5s ease-in-out;}
.isect2 .container .learnMore::after{transform: translate(-50%,-50%) scale(10);transition: 1s ease-in-out;}
.isect2 .container .learnMore img{filter: brightness(0) invert(1);}
.isect2 .container .date{justify-content: center;}
.isect2 .container .text,
.isect2 .container .wrap:hover .text{padding: 0.6rem;}

.isect3 .container .wrap{height: auto;padding: 1.5rem 0.6rem 4rem;}
.isect3 .container .wrap .bgStyle::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, 0.3);}
.isect3 .container .wrap .videoIcon{width: 1.5rem;right: 1rem;bottom: 1rem;}
.isect3 .container .title{line-height: 1.4;margin: 0.6rem 0 0.4rem;font-size: 0.66rem;-webkit-line-clamp: 2;}
.isect3 .container .line{margin-bottom: 0.4rem;}
.isect3 .container .btnWrap{left: 0.6rem;bottom: 1rem;}

.isect4 li{width: 50%;}
.isect4 li.li1, .isect4 li.li4{width: 100%;}
.isect4 li .text{bottom: 0.5rem;padding: 0 0.5rem;}
.isect4 li .label{left: 0.5rem;display: none;}
.isect4 li .text .learnMore{display: none;}
.isect3 .container .date{height: 1rem;}

}

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