/* banner */
.banner{width: 100%;}
.banner .wrap{display: block;width: 100%;height: 0;padding-bottom: calc(100vh - 4rem);}
.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 .control{position: absolute;left: 0;bottom: 1.67rem;width: 100%;z-index: 2;}
.banner .control .line{flex: 1;overflow: hidden;height: 1px;background: rgba(255, 255, 255, 0.35);}
.banner .control .w1500{flex-shrink: 0;}
.banner .swiper-pagination{position: static;flex-shrink: 0;}
.banner .swiper-pagination .swiper-pagination-bullet{width: 24px;height: 24px;margin: 0 0.27rem;background: none;opacity: 1;overflow: hidden;position: relative;}
.banner .swiper-pagination .swiper-pagination-bullet::before{content: "";width: 8px;height: 8px;background: #fff;border-radius: 50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.banner .swiper-pagination .swiper-pagination-bullet svg{z-index: -1;position: absolute;left: 0;right: 0;top: 0;bottom: 0;fill: transparent;stroke-width: 1px;stroke: #fff;stroke-dasharray: 70;stroke-dashoffset: -70;}
.banner .swiper-pagination .swiper-pagination-bullet-active svg{animation: svgAni 2s linear forwards;}
.banner .pageState{color: #fff;margin: 0 0.27rem;font-family: "Poppins-Regular";}
.banner .btn{filter: brightness(0) invert(1);margin: 0 4px;cursor: pointer;}
@keyframes svgAni{to{stroke-dashoffset: 0;}}


/* isect1 */
.isect1{background: url(../images/isect1_bg.png) no-repeat center top;background-size: cover;padding-bottom: 2.33rem;}
.isect1 .titleStyle .moreStyle{display: none;}
.isect1 .titleStyle .moreStyle.show{display: flex;}
.isect1 .outerContainer{padding-bottom: 1rem;}
.isect1 .contRight{width: 32.2%;border-radius: 5px;background: #FFFFFF;box-shadow: 0px 0px 1rem 0px rgba(216, 229, 237, 0.8);box-sizing: border-box;padding: 0.2rem 1rem 1rem;height: 15.93rem;}
/* .isect1 .contRight .box{width: 100%;height: 100%;padding-right: 1rem;overflow: auto;} */
.isect1 .contRight li{border-bottom: 1px dashed #D4DDE8;}
.isect1 .contRight li:last-child{border: none;}
.isect1 .contRight li .wrap{display: block;padding: 0.8rem 0;}
.isect1 .contRight li .tit{color: #3D3D3D;line-height: 1rem;margin-bottom: 0.5rem;font-weight: normal;height: 2rem;}
.isect1 .contRight li .wrap:hover .tit{color: var(--primary-color);}
.isect1 .contLeft{width: 66.4%;box-sizing: border-box;padding-left: 9.13rem;position: relative;}
.isect1 .contLeft .picScroll{width: 20.33rem;position: absolute;left: 0;bottom: 0;border-radius: 5px 5px 0 5px;}
.isect1 .contLeft .picScroll .wrap{display: block;height: 0;padding-bottom: 14rem;}
.isect1 .contLeft .picScroll .wrap:hover .bgStyle{transform: scale(1.1);}
.isect1 .contLeft .picScroll .swiper-pagination{bottom: 0.67rem;}
.isect1 .contLeft .picScroll .swiper-pagination .swiper-pagination-bullet{width: 0.27rem;height: 0.27rem;opacity: 1;background: #fff;margin: 0 0.2rem;}
.isect1 .contLeft .picScroll .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: var(--primary-color);}
.isect1 .contLeft .textScroll{width: 100%;box-sizing: border-box;padding: 2.87rem 1.33rem 2.57rem 12.4rem;min-height: 15.93rem;background: url(../images/isect1_bg1.jpg) no-repeat right bottom;background-size: cover;color: #fff;border-radius: 5px;}
.isect1 .contLeft .textScroll .tit{line-height: 1.13rem;height: 3.4rem;}
.isect1 .contLeft .textScroll .desc{line-height: 0.93rem;opacity: 0.9;margin: 0.7rem 0 1.87rem;}
.isect1 .contLeft .textScroll a:hover .tit{opacity: 0.8;}

/* isect2 */
.isect2{background: url(../images/isect2_bg.jpg) no-repeat center top;background-size: cover;}
.isect2 .container .swiper-slide{background: #fff;border-radius: 5px;overflow: hidden;}
.isect2 .container .swiper-slide::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url(../images/isect2_bg1.jpg) no-repeat center;background-size: cover;opacity: 0;}
.isect2 .container .wrap{display: block;padding: 1.5rem 1rem;}
.isect2 .container .date{display: inline-flex;}
.isect2 .container .date span{line-height: 1.5rem;color: #3D3D3D;font-family: "Poppins-Medium";}
.isect2 .container .date em{line-height: 0.8rem;color: #999999;font-family: "Poppins-Regular";margin-top: 0.17rem;margin-left: 3px;}
.isect2 .container .tit{line-height: 1.07rem;height: 2.13rem;margin: 0.23rem 0 0.57rem;}
.isect2 .container .desc{line-height: 0.93rem;color: #888888;height: 1.87rem;}
.isect2 .container .swiper-slide:hover::before{opacity: 1;}
.isect2 .container .swiper-slide:hover .date span,
.isect2 .container .swiper-slide:hover .date em,
.isect2 .container .swiper-slide:hover .tit,
.isect2 .container .swiper-slide:hover .desc{color: #fff;}

/* bgWrap */
.bgWrap{background: url(../images/isect3_bg.png) no-repeat center top;background-size: cover;}

/* isect3 */
.isect3 > .w1500{padding-top: 1.93rem;box-sizing: border-box;min-height: 26.07rem;display: flex;justify-content: flex-end;}
.isect3 .isect3_1{width: 44.66%;box-sizing: border-box;padding: 1.67rem 4rem 1.67rem 1.67rem;background: var(--active-color);border-radius: 5px;height: 23.53rem;position: absolute;left: 0;top: 0;}
/* .isect3 .isect3_1 .wrap{width: 100%;height: 100%;padding-right: 4rem;overflow: auto;} */
.isect3 .titleStyle{margin-bottom: 1rem;}
.isect3 .isect3_1 ul li{border-bottom: 1px dashed rgba(255, 255, 255, 0.5);}
.isect3 .isect3_1 ul li:last-child{border: none;}
.isect3 .isect3_1 ul .wrap{display: block;padding: 0.67rem 0;}
.isect3 .isect3_1 ul .tit{line-height: 1rem;margin-bottom: 0.2rem;color: #fff;height: 2rem;}
.isect3 .isect3_1 ul .wrap:hover .tit{opacity: 0.8;}
.isect3 .isect3_2{width: 60%;box-sizing: border-box;z-index: 2;background: #fff url(../images/isect3_bg1.png) no-repeat right bottom;background-size: cover;border-radius: 10px;border-top: 0.27rem solid var(--primary-color);padding: 1.67rem;}
.isect3 .isect3_2 ul li{border-bottom: 1px dashed #D4DDE8;}
.isect3 .isect3_2 ul .wrap{padding: 0.67rem 0;}
.isect3 .isect3_2 ul .pic{width: 7.33rem;height: 0;padding-bottom: 4.33rem;border-radius: 5px;margin-right: 1rem;flex-shrink: 0;}
.isect3 .isect3_2 ul .right{flex: 1;overflow: hidden;}
.isect3 .isect3_2 ul .info{line-height: 0.87rem;color: #888888;margin-bottom: 0.17rem;align-items: center;}
.isect3 .isect3_2 ul .info span{color: var(--primary-color);}
.isect3 .isect3_2 ul .info .line{width: 1px;height: 0.43rem;background: currentColor;margin: 0 0.23rem;}
.isect3 .isect3_2 ul .tit{color: #3D3D3D;line-height: 1.4;}
.isect3 .isect3_2 ul .wrap:hover .tit{color: var(--primary-color);}

/* isect4 */
.isect4 .content{justify-content: space-between;}
.isect4 .content .pic{width: 66.66%;padding-bottom: 23.33rem;border-radius: 10px;}
.isect4 .content .pic:hover .bgStyle{transform: scale(1.1);}
.isect4 .content ul{width: 26.66%;}
.isect4 .content ul li a{padding: 0.57rem 0;border-bottom: 1px dashed #D4DDE8;}
.isect4 .content ul li a::after{content: "";width: 100%;height: 1px;background: var(--primary-color);position: absolute;left: 0;bottom: -1px;transform-origin: left center;transform: scale(0,1);transition: 0.6s;}
.isect4 .content ul li a .icon{flex-shrink: 0;width: 1.33rem;}
.isect4 .content ul li a .arr{flex-shrink: 0;width: 0.9rem;filter: brightness(0) invert(0.5);}
.isect4 .content ul li a .tit{flex: 1;overflow: hidden;box-sizing: border-box;padding: 0 0.6rem;}
.isect4 .content ul li a .ch{color: #3D3D3D;line-height: 1.07rem;}
.isect4 .content ul li a .en{color: #888888;line-height: 1;font-family: "Poppins-Regular";}
.isect4 .content ul li a:hover::after{transform: scale(1);}
.isect4 .content ul li a:hover .tit .ch{color: var(--primary-color);}
.isect4 .content ul li a:hover .arr{filter: brightness(1) invert(0);}
.isect4 .content .text{position: absolute;right: 0;bottom: 1.67rem;width: 47.26%;box-sizing: border-box;padding: 1.8rem 1.67rem;background: url(../images/isect4_bg.jpg) no-repeat center;background-size: cover;max-height: 12.67rem;overflow: auto;border-radius: 5px;}
.isect4 .content .text .title{margin-bottom: 0.5rem;line-height: 1.6rem;color: #fff;}
.isect4 .content .text .title .arr{filter: brightness(0) invert(1);}
.isect4 .content .text .desc{color: rgba(255, 255, 255, 0.9);line-height: 0.93rem;}

/* isect5 */
.isect5 .container{height: 8.33rem;border-radius: 10px;}
.isect5 .container .wrap{display: block;height: 0;padding-bottom: 8.33rem;}


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

}
@media screen and (max-width: 1480px){
/* .isect1 .contRight li .wrap{padding: 0.6rem 0;}
.isect1 .contRight li .tit{margin-bottom: 0.1rem;} */
}

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

@media screen and (max-width: 1200px){
.isect1 .contLeft .picScroll{width: 16rem;}
.isect1 .contLeft .textScroll{padding: 2.87rem 1.33rem 2.57rem 8rem;}
}

@media screen and (max-width: 1024px){
.banner .wrap{padding-bottom: 40.625%;}

.isect1 .outerContainer .content{flex-wrap: wrap;}
.isect1 .contLeft,
.isect1 .contRight{width: 100%;}
.isect1 .contRight{margin-top: 1rem;height: auto;}
}

@media screen and (max-width: 760px){
.banner .control{bottom: 0.5rem;}
.banner .swiper-pagination .swiper-pagination-bullet{margin: 0;transform: scale(0.8);}

.isect1{padding-bottom: 1rem;}
.isect1 .titleStyle .moreStyle{display: none;}
.isect1 .titleStyle .left{width: 100%;justify-content: space-between;}
.isect1 .contLeft{padding-left: 0;}
.isect1 .contLeft .picScroll{position: relative;width: 100%;border-radius: 5px 5px 0 0;}
.isect1 .contLeft .picScroll .wrap{padding-bottom: 68.8%;}
.isect1 .contLeft .textScroll{padding: 0.8rem;min-height: auto;border-radius: 0 0 5px 5px;}
.isect1 .contLeft .textScroll .desc{margin: 0.4rem 0 0.8rem;}
.isect1 .contRight li .tit{height: auto;}

.isect3 > .w1500{padding-top: 0;flex-wrap: wrap;min-height: auto;}
.isect3 .isect3_1{width: 100%;position: relative;min-height: auto;height: auto;padding: 1rem;}
.isect3 .isect3_1 .wrap{padding-right: 0;}
.isect3 .isect3_1 ul .tit{height: auto;}
.isect3 .isect3_2{width: 100%;margin-top: 1rem;padding: 1rem;}
.isect3 .isect3_2 ul .pic{width: 5.67rem;padding-bottom: 3.33rem;margin-right: 0.5rem;}


.isect4 .content{display: block;}
.isect4 .content .pic{width: 100%;padding-bottom: 70%;}
.isect4 .content ul{width: 100%;margin: 0.5rem 0 1rem;}
.isect4 .content .text{width: 100%;position: relative;bottom: 0;padding: 1rem;}

.isect5{padding: 1rem 0;}
.isect5 .container{height: 3rem;}
.isect5 .container .wrap{padding-bottom: 3rem;}
}

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