@charset "utf-8";
.row1,.row2,.row3,.row4,.row5,.row6,.row7,.row8{  display: -webkit-box;
  /* 3. 限定显示行数 */
  -webkit-line-clamp: 2;
  /* 4. 排列方向：垂直 */
  -webkit-box-orient: vertical;
  /* 5. 超出部分隐藏 */
  overflow: hidden;
  /* 6. 文本溢出显示省略号（兜底） */
  text-overflow: ellipsis;
  /* 可选：防止文字换行时被截断（优化体验） */
  word-break: break-all;}
.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;}
.flex-1{flex: 1;}


.padd{background-position: center; background-size: cover;}
.home-tit .en{font-size: 80px; display: flex; align-items: flex-end; justify-content: center; line-height: 0.8; font-weight: bold; position: relative;
    
    font-family: Arial,-apple-system,BlinkMacSystemFont,"PingFang SC";
}
.home-tit .en,.home-tit .en b{
  background: linear-gradient(-150deg, rgba(40, 238, 138, 0.12), rgba(5, 134, 96, 0.12));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.home-tit{display: flex; align-items: center;justify-content: center; margin-top: 40px; position: relative; margin-bottom: 60px;}
.home-tit .more{ position: absolute; right: 0; background-image: url(../images/more.png); line-height: 24px; background-repeat: no-repeat; color: #0c9a68; font-size: 14px; margin-right: -10px;}
.home-tit .tit-box{position: relative;}
.home-tit .en b{font-size: 110px; margin-right: -15px;}
.more,.m5-w2 .more{background-position: right center; padding-right: 40px; transition: all ease .3s;}
.more:hover,.m5-w2 .more:hover{padding-right: 45px; background-position: right center;}
.home-tit .t{
  font-size: 48px; font-weight: bold; position: absolute; right: 0; bottom: 0; white-space: nowrap;
  background: linear-gradient(-150deg, rgba(40, 238, 138, 1), rgba(5, 134, 96, 1));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.home-tit .en::after,.home-tit .en::before{content: ''; display: block; position: absolute; background-position: center; background-repeat: no-repeat; background-size: 96%;}
.home-tit .en::after{left: 0; top: 0; transform: translate(-50%, -50%); width: 65px; height: 65px;  background-image: url(../images/t-icon2.png);}
.home-tit .en::before{right: 0; bottom: 20px; transform: translateX(50%); width: 80px; height: 80px; background-image: url(../images/t-icon1.png);}

.home-main1{background-image: url(../images/home-bg1.jpg); padding: 35px 0 75px;}
.home-main1 .m1-w{width: calc(50% - 14px); margin: 0;}
.m1-ban .item{display: block;}
.m1-ban .imgW{position: relative; padding-bottom: 72%;}
.m1-ban .img{position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.m1-ban .name{font-size: 18px; font-weight: bold; margin-right: 200px; margin-left: 20px;}
.m1-ban .div{position: absolute; bottom: 0; left: 0; background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.8)); right: 0; color: #fff; padding: 0 0 16px;}
.m1-ban .time{}
.home-main1 .ban-dots1{ position: absolute; right: 20px; bottom: 20px; z-index: 98; left: auto; width: auto;}

.ban-dots1 span{width: 12px;height: 12px;position: relative;z-index: 1;background: none;opacity: 1; margin: 0 10px !important; transition: .3s;}
.ban-dots1 span::before,.ban-dots1 span::after{top: 50%;left: 50%;transform: translate(-50%, -50%); transition: .5s;}
.ban-dots1 span::before{content: "";position: absolute;background: url(../images/ban-icon.png) center no-repeat;background-size: cover;opacity: 0; width: 40px; height: 40px;}
.home-main2 .ban-dots1 span::after{background-color: #0c9a68;}
.ban-dots1 span:after{content: "";position: absolute;width: 100%;height: 100%;background-color: #fff; border-radius: 50%;}
.ban-dots1 span.active{margin: 0 16px !important;}
.ban-dots1 span.active:first-child{margin: 0 16px 0 0 !important;}
.ban-dots1 span.active:last-child{margin: 0 0 0 16px !important;}
.home-main2 .ban-dots1 span::before{background-image: url(../images/ban-icon2.png)}
.ban-dots1 span.active::before{ opacity: 1}
.ban-dots1 span.active::after{ opacity: 0}
.m1-box{display: flex; align-items: center; justify-content: space-between;}
.m1-box .m1-w2{position: relative; padding-right: 10px;}
.m1-box .m1-w2::after{width: 70%; right: 0; top: -10px; bottom: -10px; background: linear-gradient(to right, #0a9466, #24e084); content: ''; display: block; position: absolute; z-index: 0;}
.m1-list{background-color: #fff; border: 1px solid #a5f2cd; padding: 16px 30px; position: relative; z-index: 4;}
.m1-list .time{width: 76px; border: 1px solid #0c9a68; text-align: center; font-weight: bold; font-size: 30px; color: #0c9a68; display: none;}
.m1-list .bt{background-color: #0c9a68; color: #fff; font-size: 12px; font-weight: normal; display: block; line-height: 26px;}
.m1-list .intro{color: #959595; font-size: 14px; display: none; line-height: 23px; min-height: 46px;}
.m1-list .top{align-items: center;flex: 1; padding-right: 20px;}
.m1-list .item{padding: 14px 0; display: flex; align-items: center; justify-content: space-between; font-size: 18px; border-bottom: 1px solid #eeeeee;}
.m1-list .time2{font-family: DIN; font-weight: bold; color: #0c9a68;}
.m1-list .name{-webkit-line-clamp: 1; }
.m1-list .item::before{content: ''; display: block; width: 7px; height: 7px; border-radius: 50%; background-color: #0c9a68; margin-right: 8px;}
.m1-list .item:last-child{border-bottom: none;}
.m1-list .item.active{display: block; border-bottom-color: #0c9a68;}
.m1-list .active .time2{display: none;}
.m1-list .active .time{display: block;}
.m1-list .active .intro{display: -webkit-box;}
.m1-list .active .name{font-size: 20px; font-weight: bold;  -webkit-line-clamp: 2; width: calc(100% - 86px);}
.m1-list .active .top{ margin-bottom: 16px; padding-right: 0;}
.m1-list .active::before{display: none;}

.m2-ban{margin: 0 -20px;}
.m2-ban .item{width: calc(100% - 4px); margin: 0 auto; height: 309px; background-image: url(../images/item-bg.png); background-position: center; background-size: 100% 100%; display: block; padding: 1px 40px;}
.m2-ban .item *{transition: .3s;}
.m2-ban .name{font-weight: bold; font-size: 18px; line-height: 1.8;}
.m2-ban .intro{color: #959595; margin-top: 20px;}
.m2-ban .time{text-align: center; width: 100px; margin-left: 30px; border-bottom: 1px solid #0c9a68; font-size: 36px; font-weight: bold; color: #0c9a68; line-height: 1; margin-bottom: 30px; position: relative; padding-top: 10px; margin-top: 5%;}
.m2-ban .time::after,.m2-ban .time::before{content: ''; display: block; width: 1px; height: 100%; background: linear-gradient(to bottom, rgba(12,154,104,0),  #0c9a68); position: absolute; top: 0;}
.m2-ban .time::after{left: 0;}
.m2-ban .time::before{right: 0;}
.m2-ban .bt{font-size: 14px; padding: 8px 0;}
.m2-ban .item:hover{background-image:  url(../images/item-bg-on.png);}
.m2-ban .item:hover *{color: #fff;}
.m2-ban .item:hover .time{border-bottom-color: #fff;}
.m2-ban .item:hover .time::after,.m2-ban .item:hover .time::before{background: linear-gradient(to bottom, rgba(255,255,255,0),  #ffffff);}
.home-main2 .dots{display: flex; align-items: center; justify-content: center; margin-top: 100px;}

.home-main2{background-image: url(../images/home-bg3.jpg); padding: 55px 0 75px;}
.home-tit.ff .t,.home-main5 .home-tit .t{color: #fff;
  -webkit-text-fill-color:#fff; width: 100%; text-align: center;
}
.home-tit.ff .en{color: #22a175;
  -webkit-text-fill-color:unset; background: none;
}
.home-tit.ff .en::before{    background-image: url(../images/t-icon3.png);}
.home-main5 .home-tit .en{color: #28a88f;}
.home-tit.ff .en::after,.home-main5 .home-tit .en::after{background: linear-gradient(145deg, rgba(255,255,255, 0.3), rgba(255,255,255, 0.0) 76%, rgba(255,255,255,0)); border-radius: 50%;}
.home-tit.ff .more{color: #fff; background-image: url(../images/more1.png);}


.home-main3{background-image: url(../images/home-bg2.jpg); padding: 30px 0 100px;}
.m3-ban{margin: 0 -25px; position: relative;}
.m3-ban .time{position: absolute; bottom: 20px;}
.m3-ban .item{display: block; background-color: #fff; border-bottom: 3px solid transparent; margin: 0 25px;}
.m3-ban .imgW{position: relative; padding-bottom: 70%;}
.m3-ban .img{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.m3-ban .name{margin: 0 auto; width: calc(100% - 40px); font-weight: bold; font-size: 18px;}
.m3-ban .item:hover{border-bottom-color: #0c9a68;}
.m3-ban .div{box-shadow: 0 0 20px rgba(18,172,111,0.16); padding: 25px 0;}
.m3-ban .arrow{width: 62px; height: 62px; background-position: center; background-repeat: no-repeat; background-size: 96%; position: absolute; top: 50%; transform: translateY(-50%); display: block; cursor: pointer; z-index: 98;}
.m3-ban .arrow.prev{ background-image: url(../images/arrow-le.png); left: 25px;}
.m3-ban .arrow.next{ background-image: url(../images/arrow-ri.png); right: 25px;}



.home-main4{background-image: url(../images/home-bg4.jpg); padding: 40px 0 75px;}
.m4-ban .imgW{position: relative; padding-bottom: 64%;}
.m4-ban .img{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.m4-ban .name{font-size: 36px; font-weight: bold; text-align: center; color: #fff;}
.m4-ban{display: flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap;}
.m4-ban .item{width: 33.333%; position: relative;}
.m4-ban .div{position: absolute; left: 0; right: 0; bottom: 0; padding: 30px 0;}
.m4-ban .item:nth-child(1) .div{background: linear-gradient(to bottom, rgba(72,29,255, 0), #481dff);}
.m4-ban .item:nth-child(2) .div{background: linear-gradient(to bottom, rgba(174,1,255, 0), #ae01ff);}
.m4-ban .item:nth-child(3) .div{background: linear-gradient(to bottom, rgba(14,169,131, 0), #0ea983);}
.m4-ban .item:nth-child(4) .div{background: linear-gradient(to bottom, rgba(240,117,27, 0), #f0751b);}
.m4-ban .item:nth-child(5) .div{background: linear-gradient(to bottom, rgba(228,60,60, 0), #e43c3c);}
.m4-ban .item:nth-child(6) .div{background: linear-gradient(to bottom, rgba(36,103,255, 0), #2467ff);}

.imgW .img{object-fit: cover;}
.home-main5{background-color: #edf9f3; position: relative;}
.home-main5::before{position: absolute; width: 48%; height: 100%; left: 0; top: 0; background-position: center; background-size: cover; background-image: url(../images/home-bg5.jpg); content: ''; display: block;}
.home-main5 .home-tit{margin-bottom: 20px;}
.m5-w2 .more{position: absolute; right: 0; top: 36px; background-image: url(../images/more.png); line-height: 24px; background-position: right center; padding-right: 30px; background-repeat: no-repeat; color: #0c9a68; font-size: 14px;}
.m5-box{position: relative1; z-index: 10; display: flex; align-items: stretch; justify-content: space-between;}
.m5-w2{width: 45%; position: relative; padding-top: 50px; display: flex; align-items: center;}
.home-list5{width: 100%;}
.m5-w1{width: 48%; padding: 10px 0 40px; margin-left: 2%;}
.m5-ban .imgW{padding-bottom: 61%;}
.m5-ban .img{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.m5-ban .icon-time{position: absolute; left: 0; bottom: 12px;}
.m5-ban .name{font-size: 18px; margin-top: 16px; line-height: 1.6; font-weight: bold; padding-right: 160px;}
.m5-ban .item{color: #fff;}

.m5-ban .swiper-slide{opacity: 0 !important;}
.m5-ban .swiper-slide-active{opacity: 1 !important;}
.home-main5 .arrow{width: 60px; height: 44px; display: flex; align-items: center; justify-content: center; position: relative; cursor: pointer;}
.home-main5 .arrow::after,.home-main5 .arrow::before{content: ''; display: block; border: 14px solid transparent; position: absolute; left: calc(50% - 10px); top: 50%; transform: translate(-50%, -50%);}
.home-main5 .arrow.prev::before{border-right-color: #0c9a68;}
.home-main5 .arrow.prev::after{border-right-color: #edf9f3; margin-left: 4px;}
.home-main5 .arrow.prev{background-color: #edf9f3;}

.home-main5 .arrow.next::before{border-left-color: #fff;}
.home-main5 .arrow.next::after{border-left-color: #0c9a68; margin-left: -4px;}
.home-main5 .arrow.next{background-color: #0c9a68;}
.home-main5 .arrow.next::after,.home-main5 .arrow.next::before{left: calc(50% + 10px)}
.home-main5 .arrow-box{position: absolute; left: 48%; transform: translateX(-50%); display: flex; bottom: 16px; z-index: 98;}
/* .home-list5{padding-top: 30px;} */
.home-list5 .item{display: flex; align-items: center; justify-content: space-between; height: 98px; border-bottom: 1px solid #dae2e5}
.home-list5 .name{font-size: 18px; width: calc(100% - 120px);}
.home-list5 .time{font-family: DIN; font-size: 36px; font-weight: bold; width: 100px; text-align: center; color: #0c9a68;}
.home-list5 .time .bt{font-size: 12px;}
.home-main5 .home-tit{position: static}
.home-main5 .home-tit .more{display: none;}

.icon-time{position: relative;}
.icon-rd{display: block; width: 47px; height: 47px; background-position: center; background-repeat: no-repeat; background-size: 99%; position: absolute; left: 100%; top: 50%;  background-image: url(../images/time-icon.png);transform: translate(-14px, -50%);}
.icon-rd::before{content: ''; display: block; position: absolute; top: 0; right: 0; width: 100%; height: 100%;  border-radius: 50%;  animation: rotate 4s linear infinite; border: 1PX dashed #0b9f65; }
@keyframes rotate {
  0% {
    transform: rotate(0deg); /* 开始角度 */
  }
  100% {
    transform: rotate(360deg); /* 结束角度（一圈） */
  }
}
.icon-time{font-size: 18px; background: rgba(45,99,66,0.6); width: 140px; line-height: 28px; text-align: center; font-family: DIN; position: relative; margin-bottom: 20px; color: #fff;}
.item .imgW{overflow: hidden; position: relative;}
.item .img{transition: .3s;}
.item:hover .img{transform: scale(1.1);}


@keyframes sca {
    0% {
        transform: scale(1.06);
    }
    100% {
        transform: scale(1);
    }
}

.banner_box{padding-top: 100px;}
.banner{ overflow: hidden; height: calc(100vh - 100px); transition: .3s;}
.banner .a{ display: block; position: relative; z-index: 1; overflow: hidden; height: 100%; }
.banner .imgBox{ overflow: hidden; width: 100%; transform: scale(1); height: 100%;}
.banner .imgBox .img{ height: 100%; transition: 0s; transform: scale(1); }
.banner .imgBox .img video{ opacity: .9;}
.banner .bottom{ position: absolute; right: 0; bottom: 50px; left: 0;}
.banner .bottom .wp{ justify-content: center}
.banner .dots{display: flex;justify-content: center;}
.banner .dots span{width: 16px;height: 16px;position: relative;z-index: 1;background: none;opacity: 1; margin: 0 10px !important}
.banner .dots span::before{width: 60px; height: 60px;}
.banner .swiper-slide-active .img{animation: sca 5.5s linear 0s normal both;}

.banner .banner-pro.ani{-webkit-animation-name: anil;animation-name: anil;-webkit-animation-duration: 6s;animation-duration: 6s;-webkit-animation-timing-function: linear;animation-timing-function: linear;width: 100%;}
.banner .banner-pro {position: absolute;left: 0;bottom: 0;height: auto;width: 0;border-top: .03rem solid #6bffb3;z-index: 9;}
.banner .ban-dots1 span.active{margin: 0 30px !important;}
.banner .ban-dots1 span.active:first-child{margin: 0 30px 0 0 !important;}
.banner .ban-dots1 span.active:last-child{margin: 0 0 0 30px !important;}

.home-main1 .home-tit{margin-bottom: 50px;}
.home-main2 .home-tit{margin-bottom: 77px;}
.home-main3 .home-tit{margin-bottom: 95px;}
.home-main4 .home-tit{margin-bottom: 60px;}
.ban-dots2{display: none;}

@-webkit-keyframes anil{0%{width:0}100%{width:100%}}
@keyframes anil{0%{width:0}100%{width:100%}}

.home-main1 .home-tit .en b{margin-right: -4px;}
.home-main2 .home-tit .en b{margin-right: -9px;}
.home-main3 .home-tit .en b,.home-main4 .home-tit .en b{margin-right: -13px;}
.home-main3 .home-tit .t{padding-left: 10px;}
.home-main4 .home-tit .t{padding-right: 60px;}
.home-main4 .home-tit .en b{margin-right: -9px;}
.home-main5 .home-tit .en b{margin-right: -14px;}
.home-main2 .home-tit .t{padding-right: 60px;}

@media(max-width: 1460px){
  .banner_box{padding-top: 90px;}
  .banner{ height: calc(100vh - 90px);}
  .m1-list .active .name{font-size: 18px;}
  .m1-list .active .top{margin-bottom: 8px;}
  .m1-list .time{font-size: 24px;}
  .m1-list .item{padding: 13px 0;}
  .m1-list .item{font-size: 16px;}
  .m1-list .item::before{width: 4px; height: 4px; margin-right: 4px;}
  .m1-box .m1-w2::after{top: -4px; bottom: -4px;}
  .m1-box .m1-w2{padding-right: 4px;}
  .home-tit{margin-bottom: 40px !important;}
  .home-tit .en{font-size: 60px;}
  .home-tit .t{font-size: 36px;}
  .home-tit .en::before{width: 60px; height: 60px;}
  .home-tit .en::after{width: 45px; height: 45px;}
  .home-tit .en b{font-size: 85px;}
  .padd{padding-top: 30px !important; padding-bottom: 50px !important;}
  .m2-ban .dots{margin-top: 80px;}
  .m3-ban .item{margin: 0 18px;}
  .m3-ban{margin: 0 -9px;}
  .m3-ban .arrow{width: 50px; height: 50px;}
  .m4-ban .name{font-size: 32px;}
  .home-main2 .dots{margin-top: 60px;}
} 
@media(max-width: 1200px){
  .banner_box{padding-top: 60px;}
  .banner{ height: calc(100vh - 60px);} 
  .m2-ban .item{width: calc(100% - 0px);}
  .m2-ban{margin: 0 -10px;}
  .m2-ban .name{line-height: 1.6; font-size: 16px;}
  .m2-ban .time{font-size: 28px;}
  .m2-ban .bt{padding-top: 2px;}
  .m4-ban .name{font-size: 26px;}
  .m5-box{display: block;}
  .m5-w{width: 100%;}
  
  .home-main5.padd{padding-top: 0 !important;}
  .home-main5::before{display: none;}
  .m5-w1{background-position: center; background-image: url(../images/home-bg5.jpg); background-size: cover; margin: 0 -15px; width: calc(100% + 30px); padding: 30px 15px 40px;}
  .home-main5 .home-tit{position: relative;}
  .m5-ban .name{padding: 0 0;}
  .arrow{display: none !important;}
  .ban-dots2{display: flex; align-items: center; justify-content: center; margin-top: 30px;}
  .home-main3 .ban-dots1 span::before{background-image: url(../images/ban-icon2.png) !important; background-size: 98% !important; background-position: center !important; background-repeat: no-repeat;}
  .home-list5 .time{font-size: 28px;}
  .home-main3 .ban-dots1 span:after{background-color: #0c9a68;}
  .home-main5 .home-tit .more{display: block;}
  .m5-w2 .more{display: none;}
  
  .home-tit .en::after, .home-tit .en::before{display: none;}
  .home-tit{margin-top: 0 !important; margin-bottom: 30px !important;}
  .home-tit .en{font-size: 45px; display: none;}
  .home-tit .en b{font-size: 56px; margin-right: -8px;}
  .home-tit .t{font-size: 26px; position: static;}
  .home-tit{justify-content: flex-start;}
  .home-tit .more{background-size: 20px; padding-right: 26px;}
  .m5-w2{padding-top: 20px;}
} 
@media(max-width: 980px){
    .banner{ height: 60vw}
    .banner .dots span{margin: 0 5px !important;}
    .banner .dots span::after{width: 10px; height: 10px;}
    .banner .ban-dots1 span::before{width: 30px; height: 30px;}
    .banner .ban-dots1 span.active{margin-left: 16px !important; margin-right: 16px !important;}
    .banner .ban-dots1 span.active:first-child{margin-right: 16px !important;}
    .banner .ban-dots1 span.active:last-child{margin-left: 16px !important;}
    .banner .bottom{bottom: 30px;}
    
    .home-main1 .m1-w{width: 100%;}
    .m1-box{display: block;}
    .m1-box .m1-w2::after{display: none;}
    .home-main1 .m1-w{padding-right: 0;}
    .m3-ban .arrow{width: 36px; height: 36px;}
    .m3-ban .item{margin: 0 10px;}
    .m3-ban{margin: 0 -5px;}
    .m3-ban .div{padding: 16px 0;}
    .m3-ban .name{font-size: 16px;}
    
    .padd{padding: 40px 0;}
    .m2-ban .dots{margin-top: 40px;}
    .m4-ban .item{width: 50%;}
    .m4-ban .name{font-size: 20px;}
    .m4-ban .div{padding: 20px 0;}
    .home-list5 .time{font-size: 22px; width: 80px;}
    .home-list5 .name{width: calc(100% - 80px); font-size: 16px;}
    .m1-list .active .name{font-size: 16px;}
    .home-tit .t{font-size: 20px;}
    .icon-time{font-size: 16px;}
    .home-list5 .item{height: 80px;}
    .home-list5 .item:last-child{border-bottom: none;}
    .home-main5.padd{padding-bottom: 20px !important;}
} 
@media(max-width: 600px){
   .m4-ban .name{font-size: 16px;}
   .home-tit{margin-bottom: 20px !important;}
   #footer .tit{font-size: 18px}
   #footer{font-size: 16px;}
}