.banner{position: relative;overflow: hidden;width: 100%;}
.banner .wrap{display: block;width: 100%;height: 0;position: relative;overflow: hidden;padding-bottom: 42%;}
.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;}


.isect1{padding: 2.83rem 0 2.33rem;}
.isect1_1{width: 31.125%;padding-top: 1rem;}
.isect1_2{width: 66.125%;}
.isect1_2 .container{position: relative;overflow: hidden;}
.isect1_2 .container a{display: block;height: 0;padding-bottom: 20.63rem;position: relative;overflow: hidden;}
.isect1_2 .container a::before{content: "";width: 100%;height: 5.6rem;position: absolute;left: 0;bottom: 0;z-index: 2;background-image: linear-gradient(to bottom, rgba(0,0,0,0) , #000000);}
.isect1_2 .container a h4{position: absolute;left: 0;bottom: 1.5rem;z-index: 3;width: 100%;box-sizing: border-box;padding: 0 1.5rem;color: #FFFFFF;line-height: 0.83rem;}

/* isect2 */
.isect2{padding-bottom: 2.3rem;align-items: flex-start;}
.isect2 .item{width: 31.75%;}
.isect2 .titleStyle{margin-bottom: 1rem;}


/* isect3 */
.isect3{padding-bottom: 1.9rem;}
.isect3 .titleStyle{margin-bottom: 1.3rem;}
.isect3 .container{position: relative;overflow: hidden;}
.isect3 .container a{width: 100%;box-sizing: border-box;padding: 0 0.5rem 0 0.66rem;background: #F8F8F8;height: 2.66rem;color: #1D1D1D;}
.isect3 .container .arr{flex-shrink: 0;margin-left: 0.9rem;}
.isect3 .container h4{flex: 1;overflow: hidden;line-height: 0.83rem;max-height: 1.66rem;overflow: hidden;}
.isect3 .container a:hover{background: #00685D;color: #fff;}
.isect3 .container a:hover .arr{filter: brightness(0) invert(1);}



@media screen and (max-width: 1480px){
.isect3 .container a{padding: 0 0.4rem;}
.isect3 .container .arr{margin-left: 0.5rem;}

}

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

}


@media screen and (max-width: 1024px){
.isect1{padding: 1rem 0;}
.isect1_1,.isect1_2{width: 100%;}
.isect1_1{margin-bottom: 1rem;padding-top: 0;}
.isect2{flex-wrap: wrap;padding-bottom: 1rem;}
.isect2 .item{width: 100%;margin-bottom: 1rem;}
.isect2 .item:last-child{margin-bottom: 0;}
.isect3{padding-bottom: 1rem;}
}

@media screen and (max-width: 760px){
.isect1_2 .container a{padding-bottom: 58.5%;}
.isect1_2 .container a h4{bottom: .5rem;padding: 0 0.5rem;}
.isect3 .titleStyle{margin-bottom: 0.5rem;}

}

@media screen and (max-width: 468px){
.listStyle1 a{padding: 0.3rem 0;}
.listStyle1 .date{margin-right: 0.5rem;}
.listStyle2 h4{padding-left: 1rem;}
}