/* banner */
.banner{position: relative;overflow: hidden;width: 100%;}
.banner .wrap{display: block;width: 100%;height: 0;padding-bottom: calc(90vh - 2.93rem);position: relative;overflow: hidden;}
.banner .wrap em{transition: all 0.5s linear;opacity: 0;-webkit-transform: scale(1.1);transform: scale(1.1);}
.banner .wrap .text{position: absolute;left: 50%;top: 25%;transform: translateX(-50%);}
.banner .wrap .text .title{line-height: 1.25;color: #FFFFFF;margin-bottom: 1.33rem;}
.banner .wrap .text .title,
.banner .wrap .text .readMore{transform: translateY(2rem);opacity: 0;}
.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-active .text .title,
.banner .swiper-slide-active .text .readMore{transform: translateY(0);opacity: 1;}
.banner .swiper-slide-active .text .title{transition-delay: 0.6s;}
.banner .swiper-slide-active .text .readMore{transition-delay: 0.9s;}
.banner .control{position: absolute;left: 50%;bottom: 1.33rem;transform: translateX(-50%);z-index: 2;align-items: center;}
.banner .control .swiper-pagination{width: auto;position: relative;left: 0;bottom: 0;margin: 0 1rem;color: rgba(255, 255, 255, 0.4);}
.banner .control .swiper-pagination .swiper-pagination-current{color: #fff;}
.banner .control .btn{cursor: pointer;}



/* isect1 */
.isect1 .list li{width: 19%;margin: 0 1.25% 1.25% 0;}
.isect1 .list li:nth-child(5n){margin-right: 0;}
.isect1 .list .wrap{display: block;background: #F6F6F6;text-align: center;}
.isect1 .list .wrap::before{content: "";width: 100%;height: 2px;background: var(--primary-color);position: absolute;left: 0;bottom: 0;transform-origin: left center;transform: scale(0,1);opacity: 0;}
.isect1 .list .pic{padding: 0.67rem;height: 5rem;}
.isect1 .list .pic img{max-width: 80%;max-height: 80%;}
.isect1 .list .title{line-height:1.07rem;padding: 0 0.67rem 1.13rem;}
.isect1 .list .title .tit{width: 100%;}
.isect1 .list .wrap:hover{background: #FFFFFF;box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.2);color: var(--primary-color);}
.isect1 .list .wrap:hover::before{transform: scale(1);opacity: 1;}

/* isect2 */
.isect2{padding: 3.33rem 0 6.6rem;background: url(../images/isect2_bg.jpg) no-repeat center top;background-size: cover;}
.isect2 .textScroll{width: 34.88%;}
.isect2 .textScroll .wrap{display: block;}
.isect2 .textScroll .title{line-height: 1.2;}
.isect2 .textScroll .desc{line-height: 1.07rem;height: 3.2rem;margin: 0.27rem 0 1.33rem;} 
.isect2 .textScroll .wrap:hover .title{color: var(--primary-color);}
.isect2 .picScroll{width: 59.3%;}
.isect2 .picScroll .pic{width: 100%;height: 10.77rem;}
.isect2 .picScroll .pic img{max-width: 90%;max-height: 100%;}
.isect2 .picScroll .btnStyle{position: absolute;top: 50%;transform: translateY(-50%);}
.isect2 .picScroll .btnStyle.prev{left: 0;}
.isect2 .picScroll .btnStyle.next{right: 0;}

/* isect3 */
.isect3 .btnStyle{position: absolute;top: 50%;transform: translateY(-50%);}
.isect3 .btnStyle.prev{left: 5%;}
.isect3 .btnStyle.next{right: 5%;}
.isect3 .picScroll .wrap{height: 0;padding-bottom: 23.33rem;display: block;}
.isect3 .picScroll .wrap .bgStyle::after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, 0.3);}
.isect3 .picScroll .wrap .text{position: absolute;left: 50%;top: 3.33rem;transform: translateX(-50%);color: #fff;justify-content: space-between;}
.isect3 .picScroll .wrap .text .right{width: 58.1%;}
.isect3 .picScroll .wrap .text .right .desc{line-height: 1.07rem;height: 3.2rem;margin-bottom: 1.33rem;}
.isect3 .picScroll .wrap .text .title{max-width: 38%;line-height: 1.2;}
.isect3 .pageState{position: absolute;left: 5.2%;top: 1.5rem;color: rgba(255, 255, 255, 0.4);z-index: 3;display: flex;line-height: 1.33rem;}
.isect3 .pageState em{margin: 0 0.5em;}
.isect3 .pageState .cur{color: #fff;}
.isect3 .thumbnail{width: 94.8%;position: absolute;right: 0;bottom: 1.33rem;z-index: 3;}
.isect3 .thumbnail .swiper-slide{width: 6.4rem;}
.isect3 .thumbnail .wrap{height: 0;padding-bottom: 36.45%;cursor: pointer;}
.isect3 .thumbnail .wrap .bgStyle::after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, 0.2);}
.isect3 .thumbnail .tit{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;box-sizing: border-box;padding: 0 0.5rem;text-align: center;color: #fff;line-height: 0.7rem;}
.isect3 .thumbnail .wrap::after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;box-sizing: border-box;border: 4px solid #fff;opacity: 0;}
.isect3 .thumbnail .active .wrap::after{opacity: 1;}

/* isect4 */
.isect4{padding: 3.33rem 0 13.9rem;background: url(../images/isect4_bg.jpg) no-repeat center top;background-size: cover;}
.isect4 .title{line-height: 1.2;text-align: center;}
.isect4 .desc{max-width: 40rem;margin: 0.27rem auto 1.33rem;}
.isect4 .readMore{margin: 0 auto;}
.isect4 .dataList{justify-content: space-between;margin: 1.33rem auto 0.9rem;}
.isect4 .dataList li{width: 23%;border-top: 1px solid rgba(0, 0, 0, 0.2);line-height: 0.8rem;}
.isect4 .dataList li .wrap{padding: 0.67rem 0 0.53rem;}
.isect4 .dataList li .wrap::before{content: "";width: 100%;height: 1px;background: var(--primary-color);position: absolute;left: 0;top: -1px;}
.isect4 .dataList li .data{line-height: 1.25;}
.isect4 .videoBtn{width: 2rem;height: 2rem;margin: 0 auto;background: rgba(255, 255, 255, 0.8);border-radius: 50%;cursor: pointer;color: #fff;}
.isect4 .videoBtn img{height: 40%;position: relative;z-index: 3;}
.isect4 .videoBtn::before{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: currentColor;border-radius: 50%;animation: aniDot 3s linear infinite;}
.isect4 .videoBtn::after{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: currentColor;border-radius: 50%;animation: aniDot 3s linear 1s infinite;}
@keyframes aniDot{
	0%{opacity: 1;transform: scale(1);}
	100%{opacity: 0;transform: scale(1.6);}
}


/* isect5 */
.isect5{padding: 3.33rem 0 1.57rem;}
.isect5 .iTitle{margin-bottom: 1.33rem;}
.isect5 .top{margin-bottom: 0.67rem;justify-content: space-between;}
.isect5 .top .left{width: 34.88%;line-height: 1.07rem;}
.isect5 .dataList{width: 58.1%;padding-top: 0.67rem;border-top: 1px solid #CCCCCC;}
.isect5 .dataList li{flex: 1;line-height: 0.93rem;}
.isect5 .dataList li .data{line-height: 1.25;}
.isect5 .btm{justify-content: space-between;}
.isect5 .btm .left{width: 8.17rem;flex-shrink: 0;margin-right: 2.5rem;}
.isect5 .tabs{margin-bottom: 3.33rem;border-left: 1px solid #DDDDDD;}
.isect5 .tabs li{margin-bottom: 0.4rem;}
.isect5 .tabs li:last-child{margin-bottom: 0;}
.isect5 .tabs li a{display: block;line-height: 0.8rem;padding-left: 0.67rem;position: relative;}
.isect5 .tabs li a::before{content: "";width: 2px;height: 100%;position: absolute;left: -1px;top: 0;background: var(--primary-color);transform: scale(1, 0);opacity: 0;}
.isect5 .tabs li.active a{color: #222;}
.isect5 .tabs li.active a::before{transform: scale(1);opacity: 1;}
.isect5 .btm .right{flex: 1;}
.isect5 .btm .right .item{display: none;}


/* isect6 */
.isect6{background: #EEEEEE;}
.isect6 .content .swiper-pagination{left: 0;bottom: -1.4rem;width: 100%;}
.isect6 .content .swiper-pagination .swiper-pagination-bullet{width: 2rem;height: 2px;background: #CCCCCC;margin: 0 0.2rem;border-radius: 0;opacity: 1;transition: 0.3s;}
.isect6 .content .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #222222;}
.isect6 .content .yh{position: absolute;right: 1.33rem;bottom: -0.8rem;width: 2.13rem;}
.isect6 .container{background: #FFFFFF;backdrop-filter: blur(90px);}
.isect6 .container .pic{width: 41.86%;padding-bottom: 13.33rem;}
.isect6 .container .right{width: 58.14%;box-sizing: border-box;padding: 1.33rem 1.33rem 1rem;}
.isect6 .container .top{padding-bottom: 1.33rem;border-bottom: 1px solid #DDDDDD;display: none;}
.isect6 .container .top .logo{height: 2rem;}
.isect6 .container .desc{line-height: 1.07rem;height: 3.2rem;margin: 0 0 1.9rem;}
.isect6 .container .btm{align-items: center;display: none;}
.isect6 .container .btm .tx{width: 1.6rem;height: 1.6rem;object-fit: cover;margin-right: 0.67rem;align-items: center;line-height: 0.93rem;flex-shrink: 0;}
.isect6 .container .btm .info{flex: 1;overflow: hidden;}
.isect6 .container .btm .name{line-height: 1.07rem;}
.isect6 .btnStyle{position: absolute;top: 50%;transform: translateY(-50%);z-index: 3;}
.isect6 .btnStyle.prev{left: 0;}
.isect6 .btnStyle.next{right: 0;}

/* isect7 */
.isect7{height: 23.33rem;box-sizing: border-box;padding: 3.33rem 0 0;background: url(../images/isect7_bg.jpg) no-repeat center top;background-size: cover;}
.isect7 > .w1720{justify-content: space-between;}
.isect7 .iTitle{flex-shrink: 0;}
.isect7 .right{flex: 1;overflow: hidden;max-width: 26.67rem;color: #fff;}
.isect7 .title{line-height: 1.2;}
.isect7 .desc{line-height: 1.07rem;margin: 0.53rem 0 1.33rem;}

/* isect8 */
.isect8 .iTitle{margin-bottom: 0;}
.isect8 .container{padding: 2rem 0 1.4rem 5.2%;}
.isect8 .container .swiper-pagination{left: 0;bottom: 0;width: 100%;}
.isect8 .container .swiper-pagination .swiper-pagination-bullet{width: 2rem;height: 2px;background: #CCCCCC;margin: 0 0.2rem;border-radius: 0;opacity: 1;transition: 0.3s;}
.isect8 .container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #222222;}
.isect8 .container .swiper-slide{width: auto;}
.isect8 .container .wrap{padding: 0.67rem;background: #fff;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2);width: 31.33rem;box-sizing: border-box;}
.isect8 .container .pic{width: 40%;flex-shrink: 0;margin-right: 0.67rem;padding-bottom: 7rem;}
.isect8 .container .text{flex: 1;overflow: hidden;}
.isect8 .container .date{line-height: 0.93rem;}
.isect8 .container .tit{line-height: 1.07rem;height: 2.13rem;margin: 0.13rem 0 0.4rem;}
.isect8 .container .desc{line-height: 0.8rem;height: 1.6rem;margin-bottom: 0.73rem;}
.isect8 .container .label span{padding: 0 0.4rem;background: #F2F2F2;border-radius: 1rem;line-height: 1.07rem;}
.isect8 .container .wrap:hover .tit{color: var(--primary-color);}

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

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

}

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


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




}

@media screen and (max-width: 760px){
.banner .text .readMore{display: none;}
.banner .wrap .text .title{margin-bottom: 0;font-size: 0.8rem;}
.banner .control{bottom: 0.5rem;}
.banner .control .swiper-pagination{margin: 0 0.5rem;}



.isect1 .list li{width: 32%;margin: 0 2% 2% 0;}
.isect1 .list li:nth-child(5n){margin-right: 2%;}
.isect1 .list li:nth-child(3n){margin-right: 0;}
.isect1 .list .pic{height: 3rem;padding: 0.33rem;}
.isect1 .list .pic img{max-width: 90%;max-height: 90%;}
.isect1 .list .title{padding: 0 5px 0.5rem;}

.isect2{padding: 2rem 0;}
.isect2 .content{flex-wrap: wrap;}
.isect2 .textScroll,
.isect2 .picScroll{width: 100%;}
.isect2 .textScroll .desc{line-height: 0.8rem;height: 2.4rem;margin-bottom: 0.6rem;}
.isect2 .picScroll{margin-top: 1rem;}
.isect2 .picScroll .pic{height: 5rem;}

.isect3 .picScroll .wrap{padding-bottom: 17rem;}
.isect3 .picScroll .wrap .text{flex-wrap: wrap;}
.isect3 .picScroll .wrap .text .title{width: 100%;max-width: 100%;}
.isect3 .picScroll .wrap .text .right{width: 100%;margin-top: 0.5rem;}
.isect3 .picScroll .wrap .text .right .desc{line-height: 1.6;margin-bottom: 0.8rem;height: auto;}
.isect3 .thumbnail{bottom: 0.5rem;}
.isect3 .btnStyle{display: none;}

.isect4{padding: 2rem 0 10rem;}
.isect4 .desc{margin-bottom: 0.6rem;}
.isect4 .dataList{flex-wrap: wrap;}
.isect4 .dataList li{width: 100%;margin-bottom: 1rem;}
.isect4 .dataList li .wrap{padding: 0.3rem 0 0;}

.isect5{padding: 2rem 0 1.6rem;}
.isect5 .top{flex-wrap: wrap;}
.isect5 .top .left,
.isect5 .dataList{width: 100%;}
.isect5 .dataList{margin-top: 1rem;}
.isect5 .dataList li{flex: inherit; }
.isect5 .dataList li .c{line-height: 1.4;}
.isect5 .btm{flex-wrap: wrap;}
.isect5 .btm .left,
.isect5 .btm .right{width: 100%;flex: inherit;}
.isect5 .tabs{margin: 0.5rem 0 1rem;}
.isect5 .btm .right{margin-top: 1rem;}


.isect6 .container .wrap{flex-wrap: wrap;}
.isect6 .container .pic,
.isect6 .container .right{width: 100%;}
.isect6 .container .pic{padding-bottom: 55.55%;}
.isect6 .container .right{padding: 0.8rem;}
.isect6 .container .top{padding-bottom: 0.8rem;}
.isect6 .container .top .logo{height: 1.5rem;}
.isect6 .container .desc{line-height: 1.6;height: auto;margin-bottom: 1rem;}
.isect6 .container .btm .tx{margin-right: 0.4rem;}
.isect6 .content .yh{right: 0.8rem;width: 1.5rem;bottom: -0.4rem;}
.isect6 .content .swiper-pagination{bottom: -0.5rem;}

.isect7{height: auto;padding: 2rem 0 10rem;}
.isect7 > .w1720{display: block;}
.isect7 .desc{line-height: 1.6;}

.isect8 .container{padding: 1rem 0 1rem 5%;}
.isect8 .container .wrap{width: 100%;display: block;}
.isect8 .container .pic{width: 100%;height: 0;padding-bottom: 58.33%;}
.isect8 .container .text{padding-top: 0.5rem;}
.isect8 .container .tit{line-height: 0.9rem;height: 1.8rem;}

}

@media screen and (max-width: 468px){
.isect1 .list{justify-content: space-between;}
.isect1 .list li{width: 49%;margin-right: 0;}
.isect1 .list li:nth-child(5n),
.isect1 .list li:nth-child(8n){margin-right: 0;}
}