/* banner */
.banner{width: 100%;}
.banner .wrap{display: block;width: 100%;height: 28.67rem;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 .btnStyle{position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;}
.banner .btnStyle.prev{left: 2.6%;}
.banner .btnStyle.next{right: 2.6%;}
.banner .control{position: absolute;left: 0;bottom: 1.33rem;width: 100%;z-index: 2;}
.banner .swiper-pagination{position: relative;left: 0;transform: translateX(0);padding: 0.4rem 0.9rem;background: rgba(255, 255, 255, 0.2);border-radius: 1.67rem;}
.banner .swiper-pagination .swiper-pagination-bullet{position: relative;width: 24px;height: 24px;margin: 0 0.3rem 0 0;background: none;opacity: 1;}
.banner .swiper-pagination .swiper-pagination-bullet::before{content: "";width: 6px;height: 6px;position: absolute;left: 9px;top: 9px;background: #ffffff;border-radius: 50%;}
.banner .swiper-pagination .swiper-pagination-bullet em{display: block;width: 100%;height: 100%;transform: scale(0.25);transition: 1s;background: #ffffff;border-radius: 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: #ffffff;stroke-dasharray: 70;stroke-dashoffset: -70;}
.banner .swiper-pagination .swiper-pagination-bullet-active{opacity: 1;}
.banner .swiper-pagination .swiper-pagination-bullet-active em{background-color: rgba(255,255,255,0);transform: scale(1);}
.banner .swiper-pagination .swiper-pagination-bullet-active svg{animation: svgAni 5s linear forwards;}

/* 标题 */
.iTitle{margin-bottom: 0.83rem;}
.iTitle .title .name{line-height: 0.93rem;color: #1A1F35;margin-bottom: 0.37rem;}
.iTitle .title .name span{color: #D81F37;}
.iTitle .title .tit{color: #1A1F35;line-height: 1.25;}
.iTitle.white .title .name,
.iTitle.white .title .name span,
.iTitle.white .title .tit{color: #fff;}

/* isect1 */
.isect1{padding: 3.33rem 0 3.9rem;background: url(../images/isect1_bg.png) no-repeat center top;background-size: cover;}
.isect1 .top{padding: 1.67rem 0 0.83rem;}
.isect1 .top .btnWrap{display: none;}
.isect1 .top .btnWrap.show{display: flex;}
.isect1 .top .btnWrap .btnStyle{margin-left: 0.67rem;}
.isect1 .top .btnWrap .btnStyle:first-child{margin-left: 0;}
.isect1 .tabs{display: flex;}
.isect1 .tabs li{padding-right: 1.33rem;color: #767676;line-height: 0.93rem;position: relative;}
.isect1 .tabs li::before{content: "";width: 1px;height: 0.5rem;background: #B2B2B2;position: absolute;right: 0.67rem;top: 50%;transform: translateY(-50%);}
.isect1 .tabs li:last-child{padding-right: 0;}
.isect1 .tabs li:last-child::before{display: none;}
.isect1 .tabs li.active a{color: #D81F37;}

/* isect2 */
.isect2{margin: 4rem 0;}
.isect2 .content{position: relative;box-sizing: border-box;padding-right: 10.66%;}
.isect2 .container{position: relative;}
.isect2 .container .wrap{display: block;height: 0;padding-bottom: 56.71%;}
.isect2 .container .text{position: absolute;left: 0;top: 5.83rem;color: #fff;width: 100%;box-sizing: border-box;padding: 0 2.33rem;}
.isect2 .container .text .tit{line-height: 1.4;}
.isect2 .container .text .desc{max-width: 18.67rem;line-height: 1.07rem;height: 3.21rem;margin: 0.7rem 0 2rem;}
.isect2 .container .iTitle{position: absolute;left: 2.33rem;top: 2.33rem;z-index: 3;padding-bottom: 0.9rem;border-bottom: 1px solid rgba(255, 255, 255, 0.3);width: calc(100% - 4.17rem);}
.isect2 .container .swiper-slide-active .text{top: 9.27rem;}
.isect2 .container .btnStyle{position: absolute;bottom: 1.33rem;z-index: 3;}
.isect2 .container .btnStyle.prev{left: 2.33rem;}
.isect2 .container .btnStyle.next{right: 2.33rem;}
.isect2 .container .swiper-pagination{position: absolute;bottom: 1.33rem;height: 1.87rem;z-index: 2;}
.isect2 .container .swiper-pagination::before{content: "";width: 100%;height: 1px;background: #FFFFFF;opacity: 0.3;position: absolute;left: 0;top: 50%;}
.isect2 .container .swiper-pagination .swiper-pagination-bullet{width: 8px;height: 8px;border: 1px solid #FFFFFF;border-radius: 50%;opacity: 1;margin: 0 0.8rem;background: none;position: relative;color: #fff;}
.isect2 .container .swiper-pagination .swiper-pagination-bullet i{display: block;width: 100%;height: 100%;position: relative;opacity: 0;}
.isect2 .container .swiper-pagination .swiper-pagination-bullet i::before{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: currentColor;border-radius: 50%;animation: aniDot 3s linear infinite;}
.isect2 .container .swiper-pagination .swiper-pagination-bullet i::after{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: currentColor;border-radius: 50%;animation: aniDot 3s linear 1s infinite;}
.isect2 .container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active i{opacity: 1;}
@keyframes aniDot{
	0%{opacity: 1;transform: scale(1);}
	100%{opacity: 0;transform: scale(2.5);}
}

/* isect3 */
.isect3{padding: 4rem 0;background: url(../images/isect3_bg.png) no-repeat center;background-size: cover;}
.isect3 .container{height: 9.33rem;padding: 0.83rem 0 1.67rem;width: 100%;}
.isect3 .container .swiper-slide{height: 4.66rem;}
.isect3 .container .wrap{width: 100%;height: 100%;box-sizing: border-box;border: 1px solid #DDE9ED;background: #FFFFFF;}
.isect3 .container .wrap::before{content: "";width: 100%;height: 3px;background: #D81F37;position: absolute;left: 0;top: 0;transform: scale(0,1);transform-origin: left center;}
.isect3 .container .wrap img{max-width: 90%;max-height: 90%;}
.isect3 .container .wrap:hover{box-shadow: 0px 0px 0.67rem 0px rgba(0, 0, 0, 0.15);}
.isect3 .container .wrap:hover::before{transform: scale(1);}
.isect3 .container .swiper-pagination{bottom: 0;}
.isect3 .container .swiper-pagination .swiper-pagination-bullet{width: 1rem;height: 4px;background: #2E3760;border-radius: 0;opacity: 0.2;margin: 0 5px;transition: 0.3s;}
.isect3 .container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 1.83rem;opacity: 1;}

/* isect4 */
.iesct4{padding: 4.4rem 0 0;background: url(../images/isect4_bg1.jpg) no-repeat center top;background-size: cover;color: #fff;}
.iesct4 .desc{max-width: 24.33rem;line-height: 1.07rem;}
.iesct4 .moreStyle{margin: 2.5rem 0 5.33rem;}
.iesct4 .dataList{display: flex;border-right: 1px solid rgba(255, 255, 255, 0.3);}
.iesct4 .dataList li{flex: 1;box-sizing: border-box;border: 1px solid rgba(255, 255, 255, 0.3);padding: 0.9rem 1.33rem 1.17rem;border-right: none;position: relative;}
.iesct4 .dataList li *{position: relative;z-index: 2;}
.iesct4 .dataList li::before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url(../images/data_bg.svg) no-repeat center;background-size: cover;opacity: 0;}
.iesct4 .dataList li .num span{font-family: "Poppins-Bold";margin-right: 8px;}
.iesct4 .dataList li .icon{filter: brightness(0) invert(1);height: 1.6rem;}
.iesct4 .dataList li:hover::before{opacity: 1;}


/* isect5 */
.isect5{padding: 4rem 0;background: url(../images/isect5_bg.jpg) no-repeat right bottom;background-size: cover;}
.isect5 .content{padding-top: 0.83rem;}
.isect5 .contLeft{width: 41.66%;}
.isect5 .contLeft .wrap{display: block;}
.isect5 .contLeft .pic{padding-bottom: 11.67rem;}
.isect5 .contLeft .text{padding: 1.27rem 1.27rem 2.53rem;background: #F8F9FB;position: relative;line-height: 0.93rem;color: #767676;}
.isect5 .contLeft .text::before{content: "";width: 100%;height: 4px;background: #D81F37;position: absolute;left: 0;bottom: 0;}
.isect5 .text .date{padding-left: 0.73rem;background: url(../images/icon_rl.svg) no-repeat left center;}
.isect5 .text .tit{color: #1A1F35;margin: 0.23rem 0 0.67rem;}
.isect5 .text .desc{line-height: 1.07rem;height: 2.13rem;}
.isect5 .contRight{width: 50%;border-top: 1px solid #DFDFDF;border-bottom: 1px solid #DFDFDF;padding: 0.67rem 0;}
.isect5 .contRight li{margin-bottom: 2rem;}
.isect5 .contRight li:nth-child(3){margin-bottom: 0;}
.isect5 .contRight .wrap{display: block;color: #767676;line-height: 0.93rem;}
.isect5 a:hover .text .tit,
.isect5 .text:hover .tit{color: #D81F37;}

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

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

}

@media screen and (max-width: 1300px){
.banner .wrap{padding-bottom: 50%;height: 0;}

}


@media screen and (max-width: 1024px){
.isect2 .container .swiper-slide-active .text{top: 7.8rem;}
.isect2 .container .text .desc{margin: 0.5rem 0 1rem;}
.isect2 .container .wrap{display: block;height: auto;padding: 8rem 0 4rem;}
.isect2 .container .text,
.isect2 .container .swiper-slide-active .text{position: relative;top: 0;}

.iesct4 .dataList li{padding: 0.5rem;}
.iesct4 .dataList li .icon{height: 1.2rem;}

}

@media screen and (max-width: 760px){
.banner .control{bottom: 0.5rem;}
.banner .swiper-pagination{padding: 0;}
.banner .btnStyle{display: none;}
.banner .swiper-pagination .swiper-pagination-bullet-active em{transform: scale(0.5);}

.iTitle{margin-bottom: 0.5rem;}
.iTitle .title .name{margin-bottom: 0;}

.isect1{padding: 2rem 0;}
.isect1 .top{padding: 0 0 0.4rem;}
.isect1 .tabs li{padding-right: 0.8rem;}
.isect1 .tabs li::before{right: 0.4rem;}

.isect2{margin: 2rem 0;}
.isect2 .content{padding-right: 0;overflow: hidden;}
.isect2 .container .iTitle{left: 1rem;width: calc(100% - 2rem);}
.isect2 .container .text{padding: 0 1rem;}
.isect2 .container .wrap{padding: 6rem 0 4rem;}
.isect2 .container .swiper-pagination{bottom: 0.3rem;}
.isect2 .container .swiper-pagination .swiper-pagination-bullet{margin: 0 0.3rem;}
.isect2 .container .btnStyle{bottom: 0.65rem;}
.isect2 .container .btnStyle.prev{left: 1rem;}
.isect2 .container .btnStyle.next{right: 1rem;}

.isect3{padding: 2rem 0;}
.isect3 .container{padding: 0 0 1rem;}

.iesct4{padding: 2rem 0 0;}
.iesct4 .moreStyle{margin: 1rem 0 2rem;}
.iesct4 .dataList{flex-wrap: wrap;}
.iesct4 .dataList li{flex: 50%;}

.isect5{padding: 2rem 0;}
.isect5 .content{flex-wrap: wrap;}
.isect5 .contLeft,
.isect5 .contRight{width: 100%;}
.isect5 .contLeft .pic{padding-bottom: 56%;}
.isect5 .contLeft .text{padding: 0.5rem 0.5rem 0.8rem;}
.isect5 .text .tit{margin: 0 0 0.2rem;}
.isect5 .text .desc{line-height: 0.8rem;height: auto;}
.isect5 .contRight li{margin-bottom: 1rem;}


}

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