@charset "utf-8";
@font-face { font-family: 'Helvetica-SemiBold'; src: url("/lib/fonts/SemiBold.otf"); }
@font-face { font-family: 'Helvetica-Heavy'; src: url("/lib/fonts/思源宋体_Heavy.ttf"); }
@font-face { font-family: 'Helvetica-Bold'; src: url("/lib/fonts/Bold1.woff"); }

a.zb-more.al {
    display: flex;
}
a.zb-more.la {
    display: flex;
    justify-content: end;
}

.more-box .zb-more{display:none}
.more-box .zb-more.on{display:flex}
.row1,.row2,.row3,.row4,.row5,.row6,.row7,.row8{  overflow: hidden;  text-overflow: ellipsis;  display: -webkit-box;  -webkit-box-orient: vertical;}
.row1 {  -webkit-line-clamp: 1;}
.row2 {  -webkit-line-clamp: 2;}
.row3 {  -webkit-line-clamp: 3;}
.row4 {  -webkit-line-clamp: 4;}
.row5 {  -webkit-line-clamp: 5;}
.row6 {  -webkit-line-clamp: 6;}
.row7 {  -webkit-line-clamp: 7;}
.row8 {  -webkit-line-clamp: 8;}

.meiti-ban .item::before{/* background-image: url(/lib/images/home/m3-item-bg2.png); */}


.dots{z-index: 50; display: flex;}
.dots span{width: 0.4rem; height: 0.4rem; background-position: center; background-repeat: no-repeat; background-size: 100%; display: flex; background-color: transparent; transition: all ease .3s;  align-items: center; justify-content: center; opacity: 1;}
.dots span.active{opacity: 1; background-image: url(/lib/images/ba_d_on.png); }
.dots span.active::after{display: none;}
.dots span::after{content: ''; width: 0.16rem; height: 0.16rem; border-radius: 50%; content: ''; display: block; border: 2px solid #fff; transition: all ease .3s;}
.banner_box{position: relative;}
.banner_box .dots span::after{display: none;}
.banner_box .dots span{background-image: url(/lib/images/ba_d_on.png); opacity: 0.6; margin: 6px auto;}
.banner_box .dots span.active{opacity: 1;}
.banner_box .dots{position: absolute; right: 1.35rem; bottom: 1.7rem; z-index: 60; padding: 20px 0; padding-left: 6px; display: block;}
.banner_box .dots::after{position: absolute; left: 0; top: 0; height: 100%; width: 1px; content: ''; display: block; background: linear-gradient(
    to bottom,
    transparent 0%,
    rgba(255, 255, 255, 0.4) 40%, /* 开始变得不透明 */
    rgba(255, 255, 255, 0.4) 60%, /* 结束不透明区域 */
    transparent 100%
  );}
.banner_box .arrow1{opacity: 0.5; cursor: pointer;}
.banner_box .arrow1:hover{opacity: 1;}

.zb-tit{text-align: center; position: relative; padding-top: 0.14rem; line-height: 1; margin-bottom: 0.8rem;}
.zb-tit .en{font-size: 0.3rem;position: absolute;z-index: 4;color: #2158a0;opacity: 0.1;left: 50%;transform: translateX(-50%);top: 0;line-height: 1;text-transform: uppercase;font-family: 'Helvetica-SemiBold';}
.zb-tit .t{font-size: 0.48rem;position: relative;/* z-index: 90; */font-family: 'Helvetica-SemiBold';}

.zb-tit .zb-more{position: absolute;right: 0;bottom: 0;display: flex;align-items: center;font-size: 0.14rem;display: none;}

.zb-tit .zb-more .icon-jt{width: 0.18rem; height: 0.18rem; font-size: 0.2rem; border-radius: 50%; border: 1px solid #2158a0; font-size: 0.08rem; display: flex; align-items: center; justify-content: center; transform: rotate(180deg); color: #ff962f; margin-left: 0.08rem;}
.zb-tit .sp{color: #2158a0;}

.imgW{position: relative; overflow: hidden; transition: all ease .3s;}
.imgW .img{display: block; width: 100%; height: 100%; object-fit: cover; transition: all ease .3s;}
.zb-time .p1{font-family: 'Helvetica-Bold';font-weight: 600;}

.zb-main{padding: 0.55rem 0 0.56rem; overflow: hidden;}
.item:hover .img{transform: scale(1.05);}




.zb-main1{background-position: 96% bottom; background-repeat: no-repeat; background-size:3rem; background-image: url(/lib/images/home/m1-bg.png);}
.zb-m1-box{display: flex; align-items: flex-start;}
.zb-m1-box .le{width: 9.25rem; position: relative;}
.zb-m1-box .imgW{width: 100%; height: 5.8rem;}
.news-banner{margin-top: 0.2rem; position: relative; z-index: 5;}
.news-banner .a{position: relative; color: #fff;}
.news-banner .div{font-size: 0.24rem; background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5)); position: absolute; width: 100%; left: 0; bottom: 0; padding: 0.2rem 0; padding-left: 0.35rem; }
.news-banner .name{max-width: 70%;}
.news-banner .zb-time {margin-bottom: 0.1rem;}

.zb-m1-ri{flex: 1; margin-left: 0.3rem; height: 6rem;}
.zb-m1-ri .div{flex: 1; }
.zb-m1-ri .item{display: flex; position: relative; padding: 0.23rem 0; padding-right: 0.9rem; border-bottom: 1px solid #ddd;}
.zb-m1-ri .imgW{width: 0px; height: 0px; }
.zb-m1-ri .intro{color: #989898; font-size: 0.14rem; margin-bottom: 0.1rem; display: none;}
.zb-m1-ri .name{font-size: 0.18rem; color: #333;}
.zb-m1-ri .zb-time{position: absolute; right: 0; top: 50%; transform: translateY(-50%); color: #1e569d; font-size: 0.16rem;}

.zb-main1 .dots{position: absolute; right: 0.2rem; bottom: 0.1rem; }

.zb-time-line{border-top: 1px solid #2158a0; width: 0.9rem; text-align: center; position: relative;margin-bottom: 0.6rem;}
.zb-time-line::after, .zb-time-line::before{content: ''; display: block; position: absolute; width: 1px; height: 80%; top: 0; background: linear-gradient(to bottom, #2158a0, rgba(0,0,0,0));}
.zb-time-line::before{left: 0;}
.zb-time-line::after{right: 0;}

.zb-main2 .zb-time-line{margin-bottom: 0;}
.zb-main2{background-color: #f6f6f6;background-image: url(/lib/images/home/m2-bg.jpg); background-position: center bottom; background-repeat: no-repeat; background-size: cover;}
.xuezi-ban{margin: 0 -0.15rem; width: 100%; height: 0; overflow: hidden;}
.xuezi-ban .arrow-box{left: 4rem; top: -1.1rem; display: none;}
.xuezi-ban.on .arrow-box{display: flex;}
.xuezi-ban0 .arrow-box{top: -0.55rem;}
.xuezi-ban.on{height: auto; margin-top: -0.55rem; overflow: visible;}
.xuezi-ban .item{padding:0 0.2rem 0.3rem; position: relative; border-radius: 0 0.2rem 0 0; background-color: #fff; display: block; transition: all ease .3s; margin: 0.3rem 0.15rem 0;}
.xuezi-ban .item::after{content: ''; display: block; width: 0px; height: 4px; background-color: #1e569d;transition: all ease .3s; position: absolute; left: 0; bottom: 0;}
.xuezi-ban .imgW{height: 2.12rem;}
.xuezi-ban .p1{font-size: 0.46rem; color: #2158a0;}
.xuezi-ban .p2{color: #989898; font-size: 0.12rem; text-align: center; }
.xuezi-ban .name{line-height: 0.3rem; font-size: 0.18rem; height: 0.9rem; margin-bottom: 0.2rem; margin-top: 0.3rem;}
.xuezi-ban .item:hover::after{width: 100%;}
.xuezi-ban .item:hover{transform: translateY(-0.14rem); box-shadow: 0 0 0.14rem #a5c9f5;}
.zb-main2 .zb-tit{text-align: left;}
.zb-main2 .zb-tit .en{left: 0; transform: translateX(0);}
.zb-m2-tabs{display: flex; align-items: center; position: absolute; right: 1rem; bottom: -0.15rem;}
.zb-m2-tabs .tab-btn{height: 0.4rem; padding: 0 0.35rem; border: 1px solid #2158a0; color: #2158a0; border-radius: 0.4rem; display: flex; align-items: center; justify-content: center; font-size: 0.18rem; margin-left: 0.2rem; cursor: pointer;}
.zb-m2-tabs .tab-btn.on{background: linear-gradient(to bottom, #1460a5, #1a80d1); color: #fff; font-weight: bold;}
.arrow-box{display: flex; position: absolute; left: 3.3rem; top: 0.25rem; align-items: center;}
.arrow{width: 0.36rem; height: 0.36rem; border-radius: 50%; padding-right: 2px; display: flex; align-items: center; justify-content: center; border: 1px solid #ff962f; color: #ff962f; cursor: pointer;}
.arrow .icon{font-size:0.16rem}
.arrow:hover{background-color: #ff962f; color: #fff;}
.arrow.next{transform: rotate(180deg);}
.zb-main2 .zb-box{position: relative;}
.zb-main2 .arrow-box::before{width: 1.3rem; height: 1px; background: linear-gradient(to right, #fff, #ff962f); content: ''; display: block;}
.zb-main2 .arrow{margin-left: 0.1rem;}


.zb-main3{background-color: #2158a0; background-position: center bottom; background-size: 100%; background-image: url(/lib/images/home/m3-bg.png);}
.meiti-ban{margin: 0 -0.15rem;position: relative;top: -22px;}

.meiti-ban .item{display: flex; align-items: flex-end; position: relative; font-size: 0.18rem; padding: 0.35rem 0.55rem 1rem; position: relative; min-height: 3.62rem;}
.meiti-ban .lab{color: #2158a0; font-size: 0.14rem; text-align: right; margin-bottom: 0.3rem;}
.meiti-ban .name{line-height: 1.8;}
.meiti-ban .zb-time-line{padding:0.1rem 0 0.35rem; margin-bottom: 0; color: #1e569d; font-size: 0.12rem; margin-right: 0.45rem; min-width: 1rem;}
.meiti-ban .zb-time .p1{font-size: 0.46rem;}

.meiti-ban .zb-time-line::after, .meiti-ban .zb-time-line::before{height: 100%;}
.zb-main3 .zb-tit *{color: #fff;}
.zb-main3 .zb-more .icon-jt{border-color: #297cc9;}
.meiti-ban .dots{align-items: center; justify-content: center; display: flex;}
.meiti-ban .dots span::after{background-color: #fff; opacity: 0.5;}
.zb-main3 .zb-more{position: static; margin: 0 auto; display: inline-flex;}
.zb-main3 .zb-tit .t{display: block; margin-bottom: 0.5rem;}

.zb-main3 .line{display: none;}
.zb-main3 .line1::after{animation-name: widthAni;animation-delay: 0s !important;}
.zb-main3 .line1::before{animation-name: heightAni;animation-delay: 0.5s !important;}
.zb-main3 .line2::after{animation-name: widthAni2;animation-delay: 1s !important;}
.zb-main3 .line2::before{animation-name: heightAni2;animation-delay: 1.5s !important;}
.zb-main3 .line::after,.zb-main3 .line::before{
  content: ''; display: block; position: absolute; background-color: #adbfd8;
  animation-duration: 0.5s; /* 动画持续时间 */
  animation-timing-function: linear; /* 线性过渡效果，使得动画速度一致 */
  animation-fill-mode: forwards; /* 保留最后一帧 */
  
}
@keyframes widthAni {
    0% {right: calc(100% - 0.4rem);}
    100% {right: 0.4rem;}
}
@keyframes heightAni {
    0% { bottom: calc(100% - 0.75rem); }
    100% { bottom: 0.4rem; }
}

@keyframes widthAni2 {
    0% {left: calc(100% - 0.4rem);}
    100% {left: 0.4rem;}
}
@keyframes heightAni2 {
    0% { top: calc(100% - 0.75rem); }
    100% { top: 0.75rem; }
}

.zb-main3 .line1::after{top: 0.75rem; left:0.4rem; height: 1px;}
.zb-main3 .line1::before{top: 0.75rem; right:0.4rem; width: 1px;}
.zb-main3 .line2::after{bottom: 0.4rem;  right:0.4rem; height: 1px;}
.zb-main3 .line2::before{left:0.4rem; bottom: 0.4rem; width: 1px;}
.zb-main3 .swiper-slide:hover .line{display: block;}


.meiti-ban .item::before{content: '';display: block; width: 100%; height: 100%; z-index: 1; position: absolute;background-position: center bottom; background-repeat: no-repeat; background-size: 100% 100%; left: 0; bottom: 0;}
.meiti-ban .item>div{z-index: 20;}
.meiti-ban .item .div{position: relative; z-index: 20;}

.meiti-ban .item::after{content: '';display: block;width: 91%;height: 77%;z-index: 0;position: absolute;left: 50%;top: 54.5%;transform: translate(-50%,-50%);background-color: #fff;}

.meiti-ban .swiper-slide-active .item::before{display: none;}
.meiti-ban .swiper-slide:hover .item::before{ background-image: url(/lib/images/home/m3-item-bg1.png); background-size: 91% 77%; display: block; background-position: center 71%;}
.meiti-ban .swiper-slide-next .item::before{transform: rotateY(180deg);}

.school-news-ban{position: relative;}
.zb-main4{background-image: url(/lib/images/home/m4-bg.jpg); background-position: center bottom; background-repeat: no-repeat; background-size: cover;}
.zb-main4 .item{display: block;}
.zb-main4 .imgW{position: relative; z-index: 1; padding-bottom: 65%;}
.zb-main4 .imgW .img{position: absolute;}
.zb-main4 .div{position: relative; z-index: 4; padding: 0.4rem 0;}
.zb-main4 .zb-time{position: absolute; text-align: center; width: 0.9rem; height: 0.9rem; left: 0.2rem; top: -0.55rem; color: #fff; line-height: 1; background-image: url(/lib/images/home/time1.png); background-size: 100%; background-repeat: no-repeat; background-position: center;}
.zb-main4 .name{margin-bottom: 0.15rem; font-size: 0.18rem;}
.zb-main4 .intro{color: #898989;}
/* .zb-main4 .swiper-slide.swiper-slide-active .item{width: 6.9rem;}
.zb-main4 .swiper-slide .item{width: 4rem;}
.zb-main4 .swiper-slide-next .item{margin-left: 2rem;}
.zb-main4 .swiper-slide-next+.swiper-slide .item{margin-left: 1rem;} */


.zb-main4 .swiper-slide{width: calc(1566px * 0.92 * 0.28);}
.zb-main4 .swiper-slide.swiper-slide-active{width: calc(1566px * 0.92 * 0.48);}

.zb-main4 .zb-time .p1{font-size: 0.35rem; padding: 0.06rem 0 0.06rem;}
.zb-main4 .zb-time .p2{font-size: 0.16rem;}
.zb-main4 .arrow-box{right: 0; bottom: 1.4rem; top: auto; left: auto; z-index: 90;}
.zb-main4 .dots{margin: 0 0.1rem;}
.zb-main4 .dots span{width: 0.24rem; height: 0.24rem;}
.zb-main4 .dots span::after{background-color: #ffefe0; border: none;}
.zb-main4 .dots span.active::after{background-color: #ff962f; display: block;}
.zb-main4 .arrow{background-color: #ffefe0; border: none;}
.zb-main4 .arrow:hover{background-color: #ff962f;}

.zb-main5{background-color: #f7f9fa; padding: 0.5rem 0 0.6rem; background-image: url(/lib/images/home/m5-bg.jpg); background-position: center bottom; background-repeat: no-repeat; background-size: cover;}
.zb-main5 .zb-m5{width: 48%;}
.zb-tit.text-le{text-align: left;}
.zb-tit.text-le .en{transform: translateX(0); left: 0;}

.zb-m5-list1 .item{height: 1.2rem; line-height: 1; border-bottom: 1px solid #ededed; display: flex; align-items: center; padding-right: 0.18rem; position: relative;}
.zb-m5-list1 .item::after{content: ''; display: block; width: 0.8rem; height: 0.25rem; position: absolute; right: 0; bottom: 100%; background-position: center bottom; background-repeat: no-repeat; background-size: 100% 100%;}
.zb-m5-list1 .item:first-child{border-top: none;}
.zb-m5-list1 .zb-time .p1{font-size: 0.4rem; padding-bottom: 0.1rem;}
.zb-m5-list1 .zb-time .p2{font-size: 0.12rem; color: #999;}
.zb-m5-list1 .item:hover + .item{border-top: none;}
.zb-m5-list1 .zb-time{width: 0.8rem; margin-right: 0.4rem; text-align: center;}
.zb-m5-list1 .item:hover, .zb-m5-list1 .item.on{border: none; color: #fff; background: linear-gradient(to bottom, #1561a6, #1a80d0)}
.zb-m5-list1 .item:hover .zb-time .p1,.zb-m5-list1 .item:hover .zb-time .p2,.zb-m5-list1 .item.on .zb-time .p1,.zb-m5-list1 .item.on .zb-time .p2{color: #fff; }
.zb-m5-list1 .item:hover::after,.zb-m5-list1 .item.on::after{background-image: url(/lib/images/home/icon1.png);}
.zb-m5-list1 .item .name{line-height: 1.8; font-size: 0.2rem;}
.zb-m5-list1 .item.on + .item{border-top: none;}


.zb-m5-item2{display: flex; align-items: center; width: 100%;box-shadow: 0px 0px 10px #dde5ef; padding: 0.25rem 0.16rem; background-color: #fff; padding-right: 0.35rem;}
.zb-m5-item2 .name{font-size: 0.2rem; line-height: 1.8;}
.zb-m5-item2 .imgW{width: 2.75rem; min-width: 2.75rem; height: 1.8rem; margin-right: 0.35rem;}
.zb-m5-item2 .img{position: absolute;}
.zb-m5-item2 .zb-time{padding-left: 0.3rem; background-position: 0 center; background-repeat: no-repeat; color: #bababa; font-size: 0.14rem; margin-top: 0.2rem; background-image: url(/lib/images/home/time2.png);}
.zb-m5-item2:hover .imgW .img{transform: scale(1.05);}
.zb-m5-ban{position: relative; margin: -10px; margin-bottom: 0.1rem !important;}
.zb-m5-ban .swiper-slide{padding: 10px;}
.zb-m5-ban .dots{position: absolute; right: 0; bottom: 0.35rem; padding: 0 0.35rem; z-index: 90;}
.zb-m5-ban .dots span{width: 0.16rem; height: 0.16rem; background-image: none; margin: 0 0.05rem; border-radius: 50%; background-color: #d5e2f0;}
.zb-m5-ban .dots span::after{display: none;}
.zb-m5-ban .dots span.active{background-color: #1661ad;}

.zb-m5-item3{display: flex; align-items: center; border-bottom: 1px solid #e4e6e7; height: 0.7rem;}
.zb-m5-item3 .name{ padding-left: 0.46rem; position: relative;}
.zb-m5-item3 .name::before{content: ''; display: block; width: 0.46rem; height: 0.2rem; background-size: 0.2rem; background-repeat: no-repeat; background-position: center; background-image: url(/lib/images/home/icon2.png); position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.zb-m5-item3 .zb-time{color: #bababa;}
.zb-m5-item3:hover .name::before{background-image: url(/lib/images/home/icon3.png);}


.zb-main6{padding: 0.4rem 0 0.7rem; background-image: url(/lib/images/home/m6-bg.jpg); background-position: center bottom; background-repeat: no-repeat; background-size: cover;}
.zb-main6 .zb-tit, .zb-main6 .zb-tit .sp{color: #fff;}
.zb-main6 .zb-tit .en{color: #fff; opacity: 0.1;}
.zb-m6-list{position: relative;display: flex;width: 88%;margin: 0 auto;}

.zb-m6-list .item{display: block; position: relative; position: absolute;}
.zb-m6-list .item .icon{width: 0.5rem; height: 0.48rem; background-position: center; background-repeat: no-repeat; background-size: 100%; background-color: rgba(0,0,0,0.5); border-radius: 0 0 50% 50%; position: absolute; top: 0; right: 0.2rem;}
.zb-m6-list .item .imgW{width: 100%; height: 100%;}
.zb-m6-list .item0{width: 25%;height: 3.2rem;position: relative !important;}

.zb-m6-list .item1,.zb-m6-list .item2{width: 25%;height: 3.2rem;position: relative;left: 50%;}

.zb-m6-list .item2{position: absolute;left: 50%;bottom: 0;}
.zb-m6-list .item3{left: 25%;top: 0;width: 25%;height: 3.2rem;}


.zb-m6-list .item4,.zb-m6-list .item5{right: 0; height: 50%; width: 25%;}
.zb-m6-list .item4{top: 0;}
.zb-m6-list .item5{bottom: 0;}
.zb-m6-list .item0 .icon{background-image: url(/lib/images/home/jz-icon1.png);}
.zb-m6-list .item1 .icon{background-image: url(/lib/images/home/jz-icon2.png);}
.zb-m6-list .item2 .icon{background-image: url(/lib/images/home/jz-icon3.png);}
.zb-m6-list .item3 .icon{background-image: url(/lib/images/home/jz-icon4.png);}
.zb-m6-list .item4 .icon{background-image: url(/lib/images/home/jz-icon5.png);}
.zb-m6-list .item5 .icon{background-image: url(/lib/images/home/jz-icon6.png);}
.zb-m6-list .item4 .name,.zb-m6-list .item5 .name{font-family: 'Helvetica-Heavy'; font-size: 0.35rem; width: 0.5rem; left: auto; right: 0.2rem; text-align: center; bottom: auto; top: 0.5rem;}
.zb-m6-list .item4 .name::after,.zb-m6-list .item5 .name::after{display: none;}

.zb-m6-list .item::after{background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6));content: ''; display: block; position: absolute; bottom: 0; height: 100%; z-index: 2; width: 100%; }
.zb-m6-list .item:hover .name::after{width: 0.8rem;}
.zb-m6-list .name{position: absolute; left: 0.3rem; right: 0.3rem; bottom: 0.2rem; color: #fff; z-index: 5; font-size: 0.18rem; font-weight: bold;}
.zb-m6-list .name::after{background-color: #ff9630; width: 0.3rem; height: 4px; display: block; content: ''; margin-top: 0.1rem; transition: all ease .3s;}

.zb-main7{background-image: url(/lib/images/home/m7-bg.png); background-position: center bottom; background-repeat: no-repeat; background-size: 100%; padding-bottom: 1.3rem; padding-top: 0.5rem;}
.zb-main7 .zb-more{position: static; margin: 0 auto; display: inline-flex;}
.zb-main7 .zb-tit .t{display: block; margin-bottom: 0.2rem;}
.zb-m7-list{text-align: center;}
.zb-m7-list .item{transition: all ease .3s;}
.zb-m7-list .item:nth-child(1) .imgW{background-image: url(/lib/images/home/m7-1.png);}
.zb-m7-list .item:nth-child(2) .imgW{background-image: url(/lib/images/home/m7-2.png);}
.zb-m7-list .item:nth-child(3) .imgW{background-image: url(/lib/images/home/m7-3.png);}
.zb-m7-list .item:nth-child(4) .imgW{background-image: url(/lib/images/home/m7-4.png);}
.zb-m7-list .item:nth-child(5) .imgW{background-image: url(/lib/images/home/m7-5.png);}
.zb-m7-list .item:nth-child(6) .imgW{background-image: url(/lib/images/home/m7-6.png);}
.zb-m7-list .item:nth-child(7) .imgW{background-image: url(/lib/images/home/m7-7.png);}
.zb-m7-list .item:nth-child(8) .imgW{background-image: url(/lib/images/home/m7-8.png);}

.zb-m7-list .item:nth-child(1) .imgW::after,.zb-m7-list .item:nth-child(1) .imgW::before{animation-delay: 0.1s;}
.zb-m7-list .item:nth-child(2) .imgW::after,.zb-m7-list .item:nth-child(2) .imgW::before{animation-delay: 0.6s;}
.zb-m7-list .item:nth-child(3) .imgW::after,.zb-m7-list .item:nth-child(3) .imgW::before{animation-delay: 0.4s;}
.zb-m7-list .item:nth-child(4) .imgW::after,.zb-m7-list .item:nth-child(4) .imgW::before{animation-delay: 0.2s;}
.zb-m7-list .item:nth-child(5) .imgW::after,.zb-m7-list .item:nth-child(5) .imgW::before{animation-delay: 0.5s;}
.zb-m7-list .item:nth-child(6) .imgW::after,.zb-m7-list .item:nth-child(6) .imgW::before{animation-delay: 0.3s;}
.zb-m7-list .item:nth-child(7) .imgW::after,.zb-m7-list .item:nth-child(7) .imgW::before{animation-delay: 0.7s;}
.zb-m7-list .item .name,.zb-m7-list .item .imgW{transition: all ease .3s;}
.zb-m7-list .item:hover .name,.zb-m7-list .item:hover .imgW{transform: translateY(-0.1rem);}
.zb-m7-list .item:hover .icon{transform: rotateY(360deg);}
.zb-m7-list .item .icon{transition: all ease 1.5s;}

.zb-m7-list .imgW{width: 1.2rem; height: 1.2rem;  display: block; margin: 0 auto 0.16rem ; position: relative; background-position: center; background-repeat: no-repeat; background-size: 100%; display: flex; align-items: center; justify-content: center; color: #fff; padding-bottom: 0.34rem;}
.zb-m7-list .imgW::before,
.zb-m7-list .imgW::after
{
  width: 87%; height: 87%; bottom: 8%; background-position: center bottom; background-repeat: no-repeat; content: ''; display: block;position: absolute; background-size: 100% 100%;left:6%;
  animation-name: slide;
    animation-duration: 5s; /* 动画持续时间 */
    animation-timing-function: linear; /* 线性过渡效果，使得动画速度一致 */
    animation-iteration-count: infinite; /* 动画循环播放 */
}
.zb-m7-list .imgW::before{background-image: url(/lib/images/home/sb1.png); animation-duration: 10s;}
.zb-m7-list .imgW::after{background-image: url(/lib/images/home/sb2.png);}
.zb-m7-list .icon{font-size: 0.3rem;}
.zb-m7-list .item:nth-child(6) .icon{font-size: 0.32rem;}
.zb-m7-list .item:nth-child(7) .icon{font-size: 0.36rem;}
.zb-m7-list .imgW svg{width: 0.4rem; height: 0.4rem; fill: #fff;}
.zb-m7-list .item:nth-child(5) .imgW .icon {
  width: 0.3rem;
  height: 0.3rem;
  vertical-align: -0.15em;
  fill: #ffffff;
  overflow: hidden;
}
@keyframes slide {
  0% {
    transform:rotate(4deg); /* 初始位置 */
  }
  50% {
    transform:rotate(-4deg); /* 中间位置，向右移动200px */
  }
  100% {
    transform:rotate(4deg); /* 回到初始位置 */
  }
}

.zb-m8-ban{position: relative;}
.zb-m8-ban .arrow-box{display: flex; align-items: center; z-index: 550; bottom: 0.3rem; top: auto;justify-content: center; left: 50%; transform: translateX(-50%);}
.zb-m8-ban .dot{padding: 0 0.1rem;}
.zb-m8-ban .dot span{width: 0.13rem; height: 0.13rem; border-radius: 50%; background-color: #fff; box-shadow: 0 0 10px #ccc; opacity: 1; margin: 0 4px;}
.zb-m8-ban .dot span.active{background-color: #ff9630;}

.zb-main .zb-box{overflow: hidden;}
/* .zb-main8 .zb-box{max-width: 1;} */
/* .zb-main8 .zb-box{max-width: 850px;} */
.zb-main8{padding-top: 0; margin-top: -0.48rem;}
.zb-m8-ban .item1{display: flex;  position: relative; left: 50%; transform: translateX(-50%); transition: all ease .3s;}
 /* transform: rotate(-180deg); */
.zb-m8-ban .imgW2{position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform-origin: center bottom; transform: rotate(-180deg);}
.zb-m8-ban .imgW{padding-bottom: 120%; width: 100%;}
.zb-m8-ban .img{position: absolute;}
.zb-m8-ban{overflow: hidden; margin: 0rem;}
.zb-m8-ban .swiper-slide{padding-bottom: 1rem; overflow: visible;}
.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right{opacity: 0 !important;}
.zb-m8-ban .imgW2::after{content: ''; display: block; width: 102%; height: 100%; position: absolute; left: -1%; top: 0;background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 80%, rgba(255,255,255,0.8)); z-index: 5;}
.zb-m8-ban .imgW2{overflow: visible;}
.zb-main8 .arrow1{background-position: center; width: 0.36rem; height: 0.36rem; background-repeat: no-repeat; background-size: 100%; background-image: url(/lib/images/home/ri-2.png); cursor: pointer;}
.zb-main8 .arrow1.prev{transform: rotate(180deg);}
.zb-m8-ban .swiper-slide .imgW1{padding-bottom: 123%;}


.banner_box{position: relative;}
.banner_box .a{display: block; position: relative;}
.banner_box .a::after{content: ''; position: absolute; width: 100%; left: 0; height: 100%; background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0) 50%, rgba(0,0,0,0)); top: 0px;}
.banner_box .arrow1{background-position: center; width: 0.36rem; height: 0.36rem; background-repeat: no-repeat; background-size: 100%; background-image: url(/lib/images/home/ri-1.png); cursor: pointer; display: block; position: absolute; z-index: 50; right: 0.2rem; top: 50%;}
.banner_box .arrow1.prev{transform: rotate(180deg); right: auto; left: 0.2rem;}
.banner_box .imgBox{transform: scale(1.2); height: 100%;}
.banner_box .swiper-slide-active{z-index: 9999;}
.banner_box .swiper-slide .a{display: block; overflow: hidden; height: 100%;}
.banner_box .swiper-slide-active .imgBox{
  animation-duration: 5s; /* 动画持续时间 */
  animation-timing-function: linear; /* 线性过渡效果，使得动画速度一致 */
  animation-fill-mode: forwards; /* 保留最后一帧 */
  animation-name: banBig;
}

#huaban{position: absolute; left: 50%; bottom: 0.2rem; transform: translateX(-50%); width: 210px;height: 210px; z-index: 98;}
#huaban::after{content: '';display: block;width: 100%;height: 100%;left: 0;top: 0;background-image: url(/lib/images/ba_d.png);background-position: center;background-size: 16%;background-repeat: no-repeat;}
#huaban .icon-jiantou_xiangxia{color: #fff; font-size: 0.2rem; left: 50%; bottom: 20%; opacity: 0.5; position: absolute; animation: moveUpDown 2s ease-in-out infinite;}
#huaban.on .animate-svg{animation: banSvgAni 5.3s linear infinite;}
#huaban:hover{background-image: url(/lib/images/ba_d_on.png);content: '';background-position: center;background-size: 16%;background-repeat: no-repeat;cursor: pointer;}


.animate-svg {
  
  stroke: #FFFFFF;
  stroke-width: 4;
  stroke-miterlimit: 10;
  stroke-dasharray: 1276;
  stroke-dashoffset: 1276;
  
}
@keyframes moveUpDown {
  0%, 100% {
    transform: translateX(-50%) translateY(0);
  }
  50% {
    transform: translateX(-50%) translateY(-10px); /* 上下移动的距离 */
  }
}
@keyframes banSvgAni {
  0% {
    stroke-dashoffset: 1276;
  }

  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes banBig {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}

.ban-svg.ban-svg1{ opacity:0.5;}
.ban-svg {position: absolute;; transform: scale(0.9); width: 100%; height: 100%;}

.ban-svg .small {
  transform: scale(0.9);
}
.ban-svg path {
  stroke: #FFFFFF;fill: none;
}
.ban-svg svg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}


.flex-1{flex: 1;}
.flex-bect{display: flex; align-items: center; justify-content: space-between;}
.flex-be{display: flex; align-items: stretch; justify-content: space-between;}
/* 视频弹窗 */ 




@media(min-width: 1920px){
  html{font-size: 100px !important;}
}
@media(min-width: 1360px){
  

  
}
@media(min-width: 998px){
  .zb-main4 .swiper-slide-active .intro{display: none;}
  .zb-main4 .swiper-slide-active .name{margin-left: 1.5rem; font-size: 0.26rem; font-weight: bold;}
  .zb-main4 .swiper-slide-active .zb-time{left: 0.36rem;}
  
  .zb-m1-ri .item.on::after{position: absolute; display: block; left: -100px; top: 0; width: 70vw; height: 100%; box-shadow: 0 0 10px #e7e7e7; content: '';}
  .zb-m1-ri .item.on{padding-right: 0; border-bottom: none;}
  /* .zb-m1-ri .on ~ .item{border-bottom: none;} */
  .zb-m1-ri .item.on.have .imgW{width: 1.26rem; height: 0.86rem; margin-right: 0.35rem;}
  .zb-m1-ri .item.on .intro{display: block;}
  .zb-m1-ri .item.on .name{margin-bottom: 0.1rem; -webkit-line-clamp: 2;}
  .zb-m1-ri .item.on .zb-time{position: static; transform: translateY(0);}
  .zb-m8-ban .swiper-slide-active{margin-right: -78px !important;}
  .zb-m8-ban .swiper-slide-next{margin-right: -70px !important;}
  .zb-m8-ban .swiper-slide-prev .item1{transform: translateX(-56%);}
  .zb-m8-ban .swiper-slide.prev1 .item1{transform: translateX(-64%);}
  .banner_box{height: 100vh;}
  .banner_box .banner{height: 100%;}
}
@media(max-width: 1566px){
  .zb-main4 .swiper-slide.swiper-slide-active{width: calc((100vw - 60px) * 0.92 * 0.44);}
  .zb-main4 .swiper-slide{width: calc((100vw - 60px)* 0.92 * 0.28);}
}
@media(max-width: 1024px){
 .meiti-ban .item{background-image: url(/lib/images/home/m3-item-bg1.png);background-repeat: no-repeat;background-size: cover;}
  
  .meiti-ban .item::before{display: none !important;}
  #huaban{display: none;}
  .banner_box .dots{width: auto; padding: 0; top: auto; transform: translate(0); bottom: 20px; display: flex; align-items: center; justify-content: center; left: 0; right: auto; width: 100%;}
  .banner_box .dots::after{display: none;}
  .banner_box .dots span{margin: 0 3px; width: 16px; height: 16px;}
  
}
@media(max-width: 998px){
  .zb-main4 .arrow-box{position: static; justify-content: center;}
  .zb-main5 .zb-m5{width: 100%; margin-bottom: 0.4rem;}
  .zb-main5 .zb-box{display: block;}
  .zb-tit.text-le{margin-bottom: 0.3rem;}
  .zb-tit .t{font-size: 0.32rem;}
  .zb-tit.text-le .en{font-size: 0.26rem;}
  .zb-m5-list1 .zb-time{margin-right: 0.2rem;}
  .zb-m5-ban .dots{position: static; justify-content: center; padding: 0.2rem 0;}
  .zb-m5-item2 .imgW{width: 1.6rem; min-width: 1.6rem; height: 1rem; margin-right: 0.1rem;}
  .zb-m5-item2 .zb-time{padding-left: 0px; background-image: none; margin-top: 0.1rem;}
  .zb-m6-list{display: flex; flex-wrap: wrap;}
  .zb-m6-list .item{left: auto !important; top: auto !important;}
.zb-m6-list .item0{width: 100%;height: 3.2rem;position: relative !important;}

  .zb-m6-list .item1,.zb-m6-list .item2,.zb-m6-list .item3{width: 50%;position: relative;}
  .zb-m6-list .item1,.zb-m6-list .item2{height: 2.3rem;}
 .zb-m6-list .item3{height: 3.2rem;width: 100%;}
 
  .zb-m6-list .item4{height: 2rem; width:50%; right:0; bottom: 2rem;}
  .zb-m6-list .item5{height: 2rem; width:50%; right:0; bottom: 0;}
  .zb-m6-list .item4 .name, .zb-m6-list .item5 .name{font-size: 0.2rem; width: 0.35rem; right: 0.1rem; top: 0.4rem;}
  .zb-m6-list .item .icon{width: 0.35rem; height: 0.35rem;right: 0.1rem;}
  .zb-m6-list .name{left: 0.1rem;}
  /* .zb-m7-list .icon{width: 1rem; height: 1rem;} */
  .zb-m1-box .le,.zb-m1-ri{width: 100%;}
  .zb-m1-ri{margin: 0.2rem 0 0; height: auto;}
  .zb-m1-box{display: block;}
  .zb-m1-ri .item.on::after{display: none;}
  .zb-m1-box .le .imgW{padding-bottom: 60%; height: auto;}
  .zb-m1-box .le .imgW .img{position: absolute;}
  .xuezi-ban.on{margin-top: 0;}
  .zb-m2-tabs{position: static; margin-top: 0.3rem;}
  .zb-m2-tabs .tab-btn{margin-left: 0; margin-right: 0.2rem;}
  .xuezi-ban .arrow-box{position: static; justify-content: center; margin-top: 0.2rem;}
  .xuezi-ban .item{margin: 0; padding: 0.16rem;}
  .xuezi-ban{margin: 0;}
  .zb-main2 .arrow-box::before{display: none;}
  .zb-main8{padding-bottom: 0.3rem; margin-top: 0;}
  .zb-main7{padding-bottom: 0.3rem;}
/*  .zb-m8-ban .swiper-slide{padding: 0.8rem 0; overflow: visible;}
  .zb-m8-ban .item1{transform: translate(0,0); position: static;}
  .zb-m8-ban .swiper-slide-active{ z-index: 9000;} */
  
  .zb-m8-ban .swiper-slide{padding: 0.8rem 0 1.2rem; overflow: visible;}
  .zb-m8-ban .item1{transform: translate(0,0); position: static;}
  .zb-m8-ban .swiper-slide-active .item1{transform: scale(1.4);}
  .zb-m8-ban .swiper-slide-next .item1,.zb-m8-ban .swiper-slide-prev .item1{transform: scale(1.2);}
} 

@media(max-width: 800px){
  .zb-m7-list{flex-wrap: wrap;}
  .zb-m7-list .item{width: 25%; margin-bottom: 0.2rem;}
  .zb-main7{background-image: none;}
  .zb-tit{margin-bottom: 0.3rem;}
  .zb-tit .en{font-size: 0.24rem;}
  .zb-main3 .zb-tit .t{font-size: 0.32rem;}
  .zb-main2 .zb-tit .zb-more{top: 0.3rem; bottom: auto;}
  .zb-main{padding-top: 0.3rem; padding-bottom: 0.3rem;}
  .zb-m7-list .imgW{width: 1rem; height: 1rem;}
  .zb-m7-list .icon{font-size: 0.26rem;}
  .dots span{width: 0.3rem; height: 0.3rem;}
  .dots span::after,.zb-m5-ban .dots span{width: 0.1rem; height: 0.1rem;}
  .news-banner .div{padding: 0.16rem;}
  .zb-m2-tabs .tab-btn{margin-right: 0.1rem;}
  .zb-main3 .zb-more{position: absolute;}
  .meiti-ban .item::after{display: none;}
  .zb-main3 .line,.zb-main4 .arrow{display: none !important;}
  .meiti-ban .item{padding: 0.3rem; align-items: center; min-height: 0px; height: 2.4rem;}
  .meiti-ban .zb-time-line{margin-right: 0.2rem;}
  .meiti-ban .dots{margin-top: 0.2rem;}
  .zb-main4 .div{padding-bottom: 0.2rem;}
  
  .zb-tit{text-align: left; padding-top: 0.1rem;}
  .zb-tit .en{left: 0; transform: translateX(0); font-size: 0.2rem;}
  .zb-tit .t{font-size: 0.28rem;}
  .zb-m5-item2 .name{line-height: 1.6;}
  .zb-main7 .zb-more{position: absolute;}
  
  
  
  .zb-tit .zb-more{font-size: 0.16rem;}
  .news-banner .div,.zb-m1-ri .zb-time,.zb-m1-ri .name,.zb-m5-item3 .name,.xuezi-ban .name,.zb-m6-list .name,.zb-main4 .name,.zb-m5-list1 .item .name{font-size: 0.18rem; line-height: 1.6;}
  .xuezi-ban .p2,.zb-m5-item2 .zb-time,.zb-m5-item3 .zb-time{font-size: 0.16rem;}
  .zb-m5-list1 .zb-time .p1{font-size: 0.3rem;}
  
}