/* newbanner */
.newbanner{
    background-color: rgb(0, 152, 68);
    background: -webkit-linear-gradient(top, rgba(138, 212, 197, 1), rgba(255, 255, 255, 1));
    background: -o-linear-gradient(top,  rgba(138, 212, 197, 1), rgba(255, 255, 255, 1));
    background: -moz-linear-gradient(top,  rgba(138, 212, 197, 1), rgba(255, 255, 255, 1));
    background: linear-gradient(to top,  rgba(138, 212, 197, 1), rgba(255, 255, 255, 1));
}
.wrap_mode01{padding: 40px 0 36px;overflow: hidden; margin-bottom: 36px;}
.mode01{display: flex;position: relative;padding-bottom: 6px;}
/* .mode01::before{content: "";display: block;width: 150%;height: 100%;background: #006a68;position: absolute;left: 150px;top: -40px;} */
.mode01 .lf{width: 64.625%;overflow: hidden;position: relative;background:#fff;}
.mode01 .rt{width: 35.375%;box-sizing: border-box;
    /* padding: 14px 2.6vw; */
    position: relative;
    background: #fff;
}
/* .index_01a1{
    box-shadow: 0 2px 14px rgba(0,0,0,0.08);
} */
.index_01a1 ul{margin: 0 0 0 0;;overflow: hidden;}
.index_01a1 li{height: 100%;}
.index_01a1 .item{margin: 0 0 0; }
.index_01a1 .img{ }     
.index_01a1_dots{position: absolute;bottom: 25px;line-height: 1.333;color: #fff;font-size: 18px;z-index: 1;left: 50%;transform: translateX(-50%);}   
.index_01a1_dots .swiper-pagination-bullet{box-shadow: none;margin: 0 10px;background: none;opacity: 1;outline: none;width: auto;height: auto;transition: all 0.2s ease-in-out;}
.index_01a1_dots .swiper-pagination-bullet.swiper-pagination-bullet-active{font-weight: bold;color: #00af9b; }
.index_01a2{height: 100%;}
.index_01a2 ul {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 100%;
  }
  
  .index_01a2 li {
    position: relative;
    border-right: 10px solid #fff;
    border-bottom: 1px solid #97cbbe;
    display: flex; /* 启用 Flexbox */
    align-items: center; /* 垂直居中 */
    justify-content: center; /* 水平居中 */
    height: 100%; 
  }
 
.index_01a2 li.on {
    position: relative;
    background: #57c1aa;
    border-right: 10px solid #007071;
}
.index_01a2 li::before{
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 8px solid #fff;
    position: absolute;
    right: -14px;
    top: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: all 0.2s ease-in-out;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.index_01a2 li.on::before{
    opacity: 1;
}
.index_01a2 .date{text-align: right; margin-top: 6px;}

.index_01a2 .item{ position: relative;z-index: 2;padding: 0px 50px;}
/* .index_01a2 .line{height: 1px;position:relative;background: #97cbbe;}
.index_01a2 .line:after{ content: ""; position: absolute; left: 0; bottom: -1px; width: 0; height: 1px; transition: .5s;} */
.index_01a2 li:last-child .line{display:none;}

.index_01a2 li:last-child .item{border-bottom: none;}
.index_01a2 .title{position: relative;overflow: visible;} 
.index_01a2 .title::before{content: "";display: block;width: 0px;height: 0px;
    border-top: 10px solid transparent;border-bottom: 10px solid transparent;
    border-right: 12px solid #006a68;;position: absolute;left: -0px;top: 50%;
    transform: translateX(0%);margin-top: -10px;opacity: 0;transition: all 0.2s ease-in-out;
    display: none;
}
.index_01a2 .title a{color: #464646;} 
.index_01a2 .title a:hover{color: #006a68;} 
.index_01a2 li:hover .title a{color: #006a68;} 
.index_01a2 .date{color: #464646;} 
.index_01a2 .on .title::before{opacity: 1;transform: translateX(-100%);left: -0.8vw;} 
.index_01a2 .item:hover,.index_01a2 .item
.index_01a2 li.on,.index_01a2 li:hover{background: #57c1aa;}
.index_01a2 li.on .title a,
.index_01a2 li:hover .title a,
.index_01a2 li:hover .date,
.index_01a2 li.on .date
{color: #fff;}
@media(min-width: 1024px){
    .mode03svg li:hover .img1svg::before{ animation: rotate360 8s linear infinite; -webkit-animation: rotate360 8s linear infinite; }
    .index_01a2 ul li:hover .line{background:transparent;}
    .index_01a2 ul li:hover .line:after{ width: 100%; background: #006a68}
}
@media screen  and (max-width:996px){

    .mode01{display: block;}
    .mode01 .rt{display: none;}
    .mode01 .lf{width: 100%;}
    .index_01a1 .img{height: 0;padding-bottom: 56.38%;background-size: cover !important;}
}

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

    .wrap_mode01{padding: 20px 0 10px;margin-bottom: 20px;}
    .mode01::before{top: -16px;}
    .index_title .title a{margin: 0 6px;}
    .index_title .title a.on{font-size: 18px;}
    .index_01a1_dots { bottom: 20px; width: 100%;text-align: center;}
}
@media screen and (max-width:479px){
    .index_01a1_dots { bottom: 10px; }
}



/* newbanner end*/