/* svg */
/* .home11 .item .ico{display:inline-block;height:85px;transition:all 0.3s ease-out 0s;display: none;}
.home11 .item .ico img{max-height:100%;} 
        .home11 .item .svg {
            display: inline-block;
            height: 100px;
            width: 100px;
        }

        .home11 .item .svg svg {
            width: 100%;
            height: 100%;
        }

        .home11 .svgc01 .st0 {
            fill: none;
            stroke: #006f72;
            stroke-width: 1;
            stroke-miterlimit: 10;
        }

        .home11 .svgc01 .st1 {
            fill: none;
            stroke: #006f72;
            stroke-width: 1;
            stroke-linecap: round;
            stroke-miterlimit: 10;
        }
       

        .home11 .item:hover .st0 {
            fill: none;
            stroke: #fff;
            stroke-width: 1;
            stroke-miterlimit: 10;
        }

        .home11 .item:hover .st1 {
            fill: none;
            stroke: #fff;
            stroke-width: 1;
            stroke-linecap: round;
            stroke-miterlimit: 10;
        } */

/* svg */



.pop_box_bg{position:absolute;right:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index: -1;cursor: pointer;}
.pop_box{position:fixed;right:0;top:0;width:100%;height:100%;z-index:99999;display: none;}
.pop_box.on{display: block;}
.pop_box_bg .close{width: 40px;height: 40px;position: absolute;right: 6%;top: 10%;background: url(../images/close.png) center/contain;}
.pop_box  img{width: 150px;height: 150px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
 
 

.channel_title{text-align: center;padding: 60px 0 30px;margin-bottom: 13px;/* background: url(../images/title_bg.png) no-repeat center;background-size: auto 100%; */}
.channel_title a{color: rgb(0, 93, 117);line-height: 1;font-weight: bold; letter-spacing: 1px;}
.wrap_mode03 .channel_title{padding: 40px 0 30px;}
     
.wrap_mode01{padding: 66px 0 0px;overflow: hidden;}
.mode01{display: flex;position: relative;padding-bottom: 6px;box-shadow: 0 2px 14px rgba(0,0,0,0.09);}
/* .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;box-shadow: 0 0px 10px rgba(0,0,0,0.08);}
.mode01 .rt{width: 35.375%;box-sizing: border-box;padding: 14px 2.6vw;position: relative;border-bottom: 7px solid #006a68;
    background: #f0f8f7;
    /* background: url(../images/mode1_rt_bg.png) no-repeat center right rgb(239, 248, 239); */
}
.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;}  
.index_01a2 .item{ position: relative;z-index: 2;padding: 0 10px;}
.index_01a2 .line{height: 1px;position:relative;background: #9d9d9d;margin-top: 10px;}
.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;}

@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}
}

.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;}
.index_01a2 .title a{color: #464646;font-weight: bold;} 
.index_01a2 .title a:hover{color: #006a68;} 
.index_01a2 li:hover .title a{color: #006a68;} 
.index_01a2 .date{color: #464646;margin: 0.6vw 0 0;} 
.index_01a2 .on .title::before{opacity: 1;transform: translateX(-100%);left: -0.8vw;} 

.wrap_mode02{}
.mode02{display: flex;justify-content: space-between;}
.mode02 .lf{width: 64.625%;}
.mode02 .rt{width: 31.375%;} 

.index_title{display: block;position: relative;height: 56px;border-bottom: 1px solid #005d75;}
.index_title .title{position: absolute;left: 0;bottom: -4px;line-height: 56px;display: flex;white-space: nowrap;overflow-x: auto;width: calc(100% - 55px);}
.index_title .title a{margin: 0 25px;position: relative;display: inline-block;color: #2a2a2a;} 
.index_title .title a:first-child{margin-left: 0;} 
.index_title .title a.on{color: rgb(0, 93, 117);font-weight: bold;font-size: 24px;}
.index_title .title a.on::before{content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0px;height: 7px;background: #00af9b;}
.index_title .more a{height: 1.5em;position: absolute;right: 0px;bottom: 6px;;text-align: center;line-height: 1.5;color: #464646;}
.index_title .more a.off{display: none;}
.index_title .more a:hover{color: #007071;}
.box{margin: 35px 0 0;}
.box.off{display: none;}

.index_02a{display: flex;margin: 0 -8px;}
.index_02a li{width: 50%;margin-bottom: 29px;}
.index_02a li .item{display: block;margin: 0 8px;position: relative;overflow: hidden;}
.index_02a li .item::before{content: "";display: block;width: 100%;height: 200px;background-image: -moz-linear-gradient( 90deg, rgb(0,93,117) 0%, rgba(0,93,117,0.47) 31%, rgba(128,174,186,0.34) 39%, rgba(255,255,255,0.11) 53%);background-image: -webkit-linear-gradient( 90deg, rgb(0,93,117) 0%, rgba(0,93,117,0.47) 31%, rgba(128,174,186,0.34) 39%, rgba(255,255,255,0.11) 53%);background-image: -ms-linear-gradient( 90deg, rgb(0,93,117) 0%, rgba(0,93,117,0.47) 31%, rgba(128,174,186,0.34) 39%, rgba(255,255,255,0.11) 53%);position: absolute;left: 0;bottom: 0;z-index: 1;}
.index_02a li .item .img{padding-bottom: 56.27%;}
.index_02a li .item .title{color: #fff;box-sizing: border-box;padding: 0 24px;bottom: 12px;} 
.index_02b{}   
.index_02b li{display: flex;align-items: center;margin-bottom: 22px;}   
.index_02b li .title{box-sizing: border-box;padding-left: 14px;flex: 1;overflow: hidden;position: relative;}   
.index_02b li .title::before{content: "";display: block;width: 6px;height: 6px;border-radius: 50%;background: #00af9b;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.index_02b li .date{margin-left: 10px;}   

.index_02c{margin-top: -15px;}
.index_02c li{box-sizing: border-box;padding: 18px 7px;display: flex;align-items: center;margin-bottom: -7px;position: relative;}
.index_02c li .date{
    background: #d9eeec;
    width: 80px;
    height: 80px;
    text-align: center;
    color: #006a68;
    margin-right: 25px;
    box-sizing: border-box;
    padding: 15px 0;
    transition: all .3s;
    -ms-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
}
.index_02c li .date .day{font-weight: bold;}
.index_02c li .date .month{font-weight: 100;margin-top: 10px;}
.index_02c li .title{ flex: 1;overflow: hidden;}
.index_02c li:hover{background: rgb(232, 245, 244);}
.index_02c li:hover .date{color: #fff;background-color: #74d2c7;}
.index_02c li .listinfoa{ flex-basis: 100%;}

.index_02c li .listinfoa{
    position: relative;
    display: block;
    margin-left: 16px;
    margin-top: 3px;
    color: #666;
    display:-webkit-box;
    overflow:hidden;
    text-overflow:ellipsis;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
    }
.index_02c li .listinfoa02{
    bottom:0;
}
@media screen  and (max-width:1640px){
    .index_02c li .listinfoa{font-size: 12px; }
}

.index_03a {
    width: 550px;
    float: left;
     box-shadow: 0 0 14px rgba(0,0,0,0.08);
}

.index_03a .img {
    padding-bottom: 56.25%;
}

.index_03a .bottom {
    padding: 20px 36px 18px;
    background: #fff;
    overflow: hidden;
    transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;

}

.index_03a .title {
    position: relative;
    margin: 0 0 16px;
    color: #3a3a3a;
    font-weight: bold;
}
.hotboxs{
    /* position:absolute;
    bottom: 8px;
    right: 0;
    z-index: 2; */
    position: relative;
    top: -3px;
    display:inline-block;
    font-weight: normal;
    margin-left: 10px;
    font-size: 10px;
    color: #fff;
    padding: 0 4px;
    text-align: center;
    line-height: 16px;
    height: 16px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    background:#006336;
    background: -webkit-linear-gradient(left, #006336 , #73bb2a);
    background: -o-linear-gradient(right, #006336, #73bb2a);
    background: -moz-linear-gradient(right, #006336, #73bb2a);
    background: linear-gradient(to right, #006336 , #73bb2a);
}
.index_03a .info {
    /* margin: 0 0 35px; */
    margin: 0 0 24px;
    color: #707070;
}

.index_03a .time {
    color: #707070;
    /* float: right; */
    margin: 0 0 10px 0px;
}

.index_03a .tip {
    color: #707070;
    float: left;
}

.index_03a .tip span,
.index_03a .time span {
    color: #37988f;
}

.index_03b {
    margin: 0 0 0 585px;
}

.index_03b ul {
    margin: 0 0 -20px -20px;
}
.mode04 .index_03b ul{
    margin: 0;
}
.index_03b li {
    width: 50%;
}

.index_03b .item {
    margin: 0 0 18px 20px;
    background: #fff;
    padding: 28px 32px 22px 26px;
    position: relative;
    transition: all ease-in-out .3s;
    -ms-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;
    -webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;
    box-shadow: 0 0 14px rgba(0,0,0,0.08);
}

.index_03b .time_box {
    margin-top: 2px;
    width: 65px;
    float: left;
    position: relative;
    border-bottom: 1px solid #37988f;
    padding: 0 0 27px;
    z-index: 2;
    color: #37988f;
}

.index_03b .day {
    /* color: #232323; */
    margin: 0 0 0 0;
}

.index_03b .month {
    /* color: #707070; */
    margin: 0 0 0 0;
}

.index_03b .info_box {
    margin: 0 0 0 95px;
    padding: 0 0 0 0;
    position: relative;
    z-index: 2;
}

.index_03b .title {
    margin: 0 0 11px;
    position: relative;
    color: #363636;
    font-weight: bold;
}

.index_03b .info {
    margin: 0 0 0;
    color: #707070;
}
.index_03b li:nth-child(3) .time_box,.index_03b li:nth-child(4) .time_box{color: #bca34a;border-bottom: 1px solid #bca34a;}
.index_03b li:nth-child(5) .time_box,.index_03b li:nth-child(6) .time_box{color: #60b9aa;border-bottom: 1px solid #60b9aa;}

.index_03b li:nth-child(3) .time_box,
.index_03b li:nth-child(4) .time_box {
     color: #b2b2b2;
    border-bottom: 1px solid #b2b2b2;
    color: #bca34a;
    border-bottom: 1px solid #bca34a;
}

.index_03b li:nth-child(5) .time_box,
.index_03b li:nth-child(6) .time_box {
     color: #b2b2b2;
    border-bottom: 1px solid #b2b2b2;
    color: #60b9aa;
    border-bottom: 1px solid #60b9aa;
}
@media screen and (min-width:1024px) {
    .index_03a:hover .bottom {
        background:#37988f;
  /* background: -webkit-linear-gradient(left, #006336 , #73bb2a);
  background: -o-linear-gradient(right, #006336, #73bb2a);
  background: -moz-linear-gradient(right, #006336, #73bb2a);
  background: linear-gradient(to right, #006336 , #73bb2a); */
  }

  .index_03a:hover .title,
  .index_03a:hover .tip span,
  .index_03a:hover .time span {
      color: #fff;
  }

  .index_03a:hover .info {
      color: rgba(255, 255, 255, .6);
  }

  .index_03a:hover .time,
  .index_03a:hover .tip {
      color: rgba(255, 255, 255, .8);
  }

  /* .index_03b .item:hover{background: #37988f;} */
  .index_03b .item:hover .title,
  .index_03b .item:hover .day,
  .index_03b .item:hover .month {
      color: #fff;
  }

  .index_03b .item:hover .info {
      color: rgba(255, 255, 255, .6);
  }

  .index_03b .item:hover .month {
      color: rgba(255, 255, 255, .8);
  }

  .index_03b .item:hover .time_box {
      border-color: #fff;
  }

  .index_03b .item::before {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      height: 5px;
      transition: all ease-in-out .3s;
      -ms-transition: all ease-in-out .3s;
      -moz-transition: all ease-in-out .3s;
      -webkit-transition: all ease-in-out .3s;
      -o-transition: all ease-in-out .3s;
      background: #37988f;
  }

  .index_03b li:nth-child(3) .item::before,
  .index_03b li:nth-child(4) .item::before {
      background: #bca34a;
  }

  .index_03b li:nth-child(5) .item::before,
  .index_03b li:nth-child(6) .item::before {
      background: #60b9aa;
  }

  .index_03b .item:hover::before {
      height: 100%;
       background:#37988f;
/* background: -webkit-linear-gradient(left, #006336 , #73bb2a);
background: -o-linear-gradient(right, #006336, #73bb2a);
background: -moz-linear-gradient(right, #006336, #73bb2a);
background: linear-gradient(to right, #006336 , #73bb2a); */
  }
  .index_03b li:nth-child(3) .item:hover::before,
  .index_03b li:nth-child(4) .item:hover::before {
     background:#bca34a;
/* background: -webkit-linear-gradient(left, #006336 , #73bb2a);
background: -o-linear-gradient(right, #006336, #73bb2a);
background: -moz-linear-gradient(right, #006336, #73bb2a);
background: linear-gradient(to right, #006336 , #73bb2a); */
  }

  .index_03b li:nth-child(5) .item:hover::before,
  .index_03b li:nth-child(6) .item:hover::before {
     background:#60b9aa;
/* background: -webkit-linear-gradient(left, #006336 , #73bb2a);
background: -o-linear-gradient(right, #006336, #73bb2a);
background: -moz-linear-gradient(right, #006336, #73bb2a);
background: linear-gradient(to right, #006336 , #73bb2a); */
  }
  .index_03b .item:hover .time,
  .index_03b .item:hover .title,
  .index_03b .item:hover .tip {
      color: #fff;
  }

  .index_03b .item:hover .info {
      color: rgba(255, 255, 255, .6);
  }
}
@media screen and (max-width:1640px) {
    .index_03a {
        width: 470px;
        float: left;
    }
    .index_03b {
        margin: 0 0 0 505px;
    }
    /* .index_03a .bottom {
        padding: 22px 28px;
    } */
    .index_03b .item {
        margin: 0 0 16px 20px;
        padding: 20px 26px 16px 26px;
    }
    
    .index_03a .info {
        margin: 0 0 22px;
    }
    .index_03a .title {
        margin: 0 0 16px;
    }
    /* .index_03b .item {
        padding: 24px 24px 20px;
    } */

    .index_03b .time_box {
        width: 50px;
        padding: 0 0 12px;
    }

    .index_03b .info_box {
        margin: 0 0 0 70px;
    }

    .channel_title{text-align: center;padding: 36px 0 24px;margin-bottom: 8px;}
    .wrap_mode03  .channel_title{padding: 18px 0 18px;}

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

    .index_03a {
        width: 430px;
        float: left;
    }
    .index_03b {
        margin: 0 0 0 460px;
    }
    
    
    .index_03a .time{margin: 0 0 13px 0px;}

}
@media screen and (max-width:1320px) {
    .index_03b .item {
        padding: 18px 22px 14px;
    }
    .index_03a .bottom{ padding: 24px 36px 22px;}
}
@media screen and (max-width:992px) {

    .index_03b .item {
        padding: 16px 12px 12px;
    }

    .index_03b .title {
        margin: 0 0 4px;
    }

    .index_03a {
        width: 300px;
    }

    .index_03b {
        margin: 0 0 0 320px;
    }



}

@media screen and (max-width: 767px) {
    .index_03a{
        width: auto;
        float: none;
    }

    .index_03a .bottom {
        padding: 12px 20px;
    }

    .index_03a .title {
        margin: 0 0 10px;
        font-weight: normal;
    }

    .index_03a .info {
        margin: 0 0 12px;
    }

    .index_03b {
        margin: 10px 0 0;
    }

    .index_03b .item {
        padding: 20px 12px 12px;
        box-shadow: 0 0 0px rgba(0,0,0,0.0);
    }
.index_03a .bottom{ box-shadow: 0 0 0px rgba(0,0,0,0.0);}
    .index_03b .time_box {
        padding: 0 0 10px;
        width: 55px;
        display: none;
    }

    .index_03b .info_box {
        margin: 0;
    }

    .index_03b .title {
        padding: 0 0 0 20px;
        position: relative;
        line-height: 1.5em;
        height: auto;
        font-weight: normal;
    }

    .index_03b .title::before {
        content: "";display: block;width: 6px;height: 6px;border-radius: 50%;background: #00af9b;position: absolute;left: 6px;top: 9px;
        /* background: url(../images/mob_dot.png) center no-repeat;
        background-size: 100% auto; */
    }



    .index_03b .info {
        display: none;
    }

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

    .index_03a {
        overflow: hidden;
        margin: 0 0 15px;
    }

    .index_03a .img {
        width: 50%;
        padding-bottom: 29.5%;
        float: left;
    }

    .index_03a .bottom {
        padding: 0 14px;
        background: transparent;
    }

    .index_03a .title {
        font-size: 16px;
        line-height: 1.5em;
        height: auto;
        -webkit-line-clamp: initial;
        margin-bottom: 0;
    }

    .index_03a .time {
        display: none;
    }

    .index_03a .tip,
    .index_03a .info {
        display: none;
    }

    .index_03a .time {
        margin: 0;
        font-size: 12px;
        line-height: 1.4em;
    }

    .index_03b {
        margin: 0px 0 0;
    }

    .index_03b ul {
        margin-bottom: -15px;
    }

    .index_03b li {
        width: 100%;
    }

    .index_03b .item::before {
        height: 2px;
    }

    .index_03b .item {
        padding: 10px;
        margin-bottom: 6px;
        padding: 3px 0;
        background: transparent;
    }

    .index_03b .title {
        margin: 0;
        line-height: 1.5em;
        height: auto;
    }

    .index_03b .time_box {
        width: auto;
        white-space: nowrap;
        padding: 12px 4px 6px;
        margin: 0 10px 0 0;
    }

    .index_03b .day,
    .index_03b .month {
        line-height: 20px;
        display: inline-block;
    }

    .index_03b .day::after {
        content: ' /';
    }

}

/* svg */
/* .mode03svg{display: flex;flex-wrap: wrap;}   */
/* .mode03svg{height: 310px;} */
.index_svg_ins{display: flex;flex-wrap: wrap; width: 82%; margin: 0 auto;gap: 40px; column-gap: 20px; 
    justify-content: center; 
    /* align-items: center;  */
 }
.mode03svg li{position: relative; flex:1;} 
/* .mode03svg li::before{content: "";display: block;width: 1px;height: 100%;background: #fff;position: absolute;right: 0;top: 0;z-index: 0;} */
.mode03svg .item{margin: 0 0;position: relative;height: 100%;/* z-index: 2; */}
.mode03svg .imgsvgid {text-align:center;}
.mode03svg .imgsvgid .box{min-height: 200px;}
.mode03svg .img1svg{
    position: relative;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    transition:all ease-in-out .3s;
    -ms-transition:all ease-in-out .3s;
    -moz-transition:all ease-in-out .3s;
    -webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s
}

.mode03svg li .item{margin:0 auto 10px;text-align:center; position:relative;top:0; overflow: hidden;
    transition:all ease-in-out .3s;-ms-transition:all ease-in-out .3s;-moz-transition:all ease-in-out .3s;
    -webkit-transition:all ease-in-out .3s;-o-transition:all ease-in-out .3s}
.mode03svg .imgsvgid .title1{margin-top: 24px;color: #464646;}
.mode03svg li:hover .item{top:-20px}
.mode03svg li:hover .img1svg{
    width: 110px;
    height: 110px;
}

.mode03svg li .img1svg svg{position: relative;z-index: 1;margin-top: 6px;}
.mode03svg li .img1svg:before{content: "";position: absolute;top:0;right:0;bottom:0;left:0;
    border: #006a68 2px dashed;border-radius: 50%;-webkit-animation: play 25s linear infinite;
    -moz-animation:play 25s linear infinite;animation:play 25s linear infinite;z-index: -1;}
.mode03svg li:hover .img1svg:before{animation:play 25s linear infinite;}
.circle{position: absolute; width: 86%;height: 86%;
    top: 50%;left:50%;z-index: 1;opacity: 0.3;transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);}
.circle span {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50%;
	background: rgb(0, 175, 155,0.2);
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
	/* -webkit-animation: circleScale 4s linear infinite;
	-moz-animation: circleScale 4s linear infinite;
	-ms-animation: circleScale 4s linear infinite;
	animation: circleScale 4s linear infinite; */
	transition:.5s
}
.circle span:nth-of-type(2) {
  animation-delay: 1.33s;
}
.circle span:nth-of-type(3) {
  animation-delay: 2.66s;
}

@keyframes circleScale {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  20% {
	   opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
  }
}

@-webkit-keyframes play{
    0%{-webkit-transform:rotate(0deg)}
    100%{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes play{
    0%{-webkit-transform:rotate(0deg)}
    100%{-webkit-transform:rotate(360deg)}
}
@-webkit-keyframes play1{
    0%{-webkit-transform:rotate(0deg)}
    100%{-webkit-transform:rotate(-360deg)}
}
@-moz-keyframes play1{
    0%{-webkit-transform:rotate(0deg)}
    100%{-webkit-transform:rotate(-360deg)}
}
@keyframes play1{
    0%{-webkit-transform:rotate(0deg)}
    100%{-webkit-transform:rotate(-360deg)}
}
/* .mode03svg .icon01 {
    fill: none;
    stroke: #006f72;
    stroke-width: 1.5;
    stroke-linecap: round;
}
.mode03svg .icon02 {
    fill: none;
    stroke: #006f72;
    stroke-width: 0.5;
    stroke-linecap: round;
}
.mode03svg .icon03 {
    fill: none;
    stroke: #006f72;
    stroke-width: 1.6;
    stroke-linecap: round;
} */
.imgsvgid .cls-1 {
    fill: none;
    stroke: #006f72;
    stroke-width: 1.4;
    stroke-linecap: round;
}
.imgsvgid .cls-2 {
    fill: none;
    stroke: #006f72;
    stroke-width: 0.8;
    stroke-linecap: round;
}
.imgsvgid .cls-3 {
    fill: none;
    stroke: #006f72;
    stroke-width: 1.2;
    stroke-linecap: round;
}
.imgsvgid .cls-4 {
    fill: none;
    stroke: #006f72;
    stroke-width: 0.6;
    stroke-linecap: round;
}
.imgsvgid .cls-5 {
    fill: none;
    stroke: #006f72;
    stroke-width: 2;
    stroke-linecap: round;
}
.imgsvgid .cls-6 {
    fill: none;
    stroke: #006f72;
    stroke-width: 0.4;
    stroke-linecap: round;
}
@keyframes iconMove {
    0% {
        stroke-dasharray: 0, 800px;
    }
    100% {
        stroke-dasharray: 800, 0;
    }
}
/* .icon {
    stroke-dasharray: 250;
    stroke-dashoffset: 250;
    transition: stroke-dashoffset 1s linear;
}

.icon:hover {
    stroke-dashoffset: 0;
} */
/* @keyframes iconMove {
    0% { stroke-dasharray: 0, 250; }
    100% { stroke-dasharray: 250, 0; }
} */

/* .mode03svg .icon:hover {
    animation: iconMove 8s;

} */
.index_svg_ins li:hover .icon{
    /* animation: iconMove 8s ease-in-out; */
    animation: iconMove 8s;

}

/* .mode03svg .img1svg:hover .icon .icon01{
    stroke: #fff;
    stroke-width: 1;
      
}
.mode03svg li:hover .icon .icon01{
    stroke: #fff;
    stroke-width: 1;
      
}

.mode03svg .img1svg:hover .icon .icon02{
    stroke: #fff;
    stroke-width: 0.3;
      
}
.mode03svg li:hover .icon .icon02{
    stroke: #fff;
    stroke-width: 0.3;
      
}
.mode03svg .img1svg:hover .icon .icon03{
    stroke: #fff;
    stroke-width: 1.6;
      
}
.mode03svg li:hover .icon .icon03{
    stroke: #fff;
    stroke-width: 1.6;
      
} */
.index_svg_ins li:hover .circle{ opacity: 1;}
.index_svg_ins li:hover .circle span{background: rgb(0, 175, 155,1);}

.index_svg_ins .item :hover .cls-1{
    stroke: #fff;
    stroke-width: 1.3;
      
}
.index_svg_ins .item :hover .cls-2{
    stroke: #fff;
    stroke-width: 1;
      
}
.index_svg_ins .item :hover .cls-3{
    stroke: #fff;
    stroke-width: 1.5;
      
}
.index_svg_ins .item :hover .cls-4{
    stroke: #fff;
    stroke-width: 0.8;
      
}
.index_svg_ins .item :hover .cls-5{
    stroke: #fff;
    stroke-width: 2;
      
}
.index_svg_ins .item :hover .icon .cls-6{
    stroke: #fff;
    stroke-width: 0.4;
      
}
/* .mode03svg .img1svg:hover {
    background: #00af9b;
} */
/* @media(min-width: 1024px){
    .mode03svg li:hover .circle{ opacity: 1;}


} */


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

    .mode03svg{height: 270px;}
    .index_svg_ins{width: 100%; margin: 0 auto;gap: 30px; column-gap: 20px; }
    .mode03svg .img1svg{
        position: relative;
        width: 80px;
        height: 80px;
    }
    .mode03svg li:hover .img1svg{
        width: 90px;
        height: 90px;
    }
    .channel_title{text-align: center;padding: 26px 0 20px;margin-bottom: 10px;}

}
@media screen and (max-width: 992px){
    .wrap_mode03::before{}
    .mode03svg .imgsvgid .title1{margin-top: 16px;}
    .mode03svg{height: auto;}
    .index_svg_ins{width: 100%; margin: 0 auto;gap: 8px; column-gap: 10px; }
    .mode03svg .imgsvgid .box {
        min-height: 0;
    }
}
/* svg */




.wrap_mode03{
    /* padding: 38px 0 130px; */
    padding: 0px 0 60px;
    position: relative;}
/* .wrap_mode03 >img{position: absolute;display: block;width: 100%;bottom: 0;left: 0;z-index: -1;} */
.wrap_mode03::before{content: "";display: block;width: 100%;height: 110%;background: url(../images/mode3_bg.png) no-repeat center bottom;background-size: 100% auto;position: absolute;left: 0;bottom: 0;z-index: -1;}
.mode03{position: relative;margin: 38px 0 0;background: url(../images/img4.png) no-repeat center;background-size: cover;}
.mode03 li::after{content: "";display: block;width: 100%;height: 50%;position: absolute;left: 0;bottom: 0;background-image: -moz-linear-gradient( 90deg, rgb(0,93,117) 0%, rgba(255,255,255,0) 100%);background-image: -webkit-linear-gradient( 90deg, rgb(0,93,117) 0%, rgba(255,255,255,0) 100%);background-image: -ms-linear-gradient( 90deg, rgb(0,93,117) 0%, rgba(255,255,255,0) 100%);z-index: 1;}   

/* .mode03 >img{display: block;} */
.index_03{display: flex;flex-wrap: wrap;min-height: 20.5vw;}  
.index_03 li{width: 20%;position: relative;} 
.index_03 li::before{content: "";display: block;width: 1px;height: 100%;background: #fff;position: absolute;right: 0;top: 0;z-index: 0;}
.index_03 .item{margin: 0 0;position: relative;height: 100%;z-index: 2;}
.index_03 .img{padding-bottom: 0%;height: 100%;}
/* .index_03 .box{position: absolute;top: 50%;transform: translateY(-50%);text-align: center;color: #fff;width: 100%;letter-spacing: 8px;} */
.index_03 .box{width: 100%;height: 100%;margin: 0;display: flex;flex-direction: column;justify-content: end;align-items: flex-start;box-sizing: border-box;padding: 25px 30px; }
.index_03 .img1{width: 23.5%; }
.index_03 .img1 img{max-width: 60px; }
.index_03 .title1{color: #fff;line-height: 1.6;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;margin-top: 5px; display: block;}
.index_03 .cover_box{position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: rgba(0, 152, 68,0.851);padding: 30px 20px;opacity: 0;display: flex;align-items: center;justify-content: center;text-align: center;}
.index_03 .cover_box >div{width: 100%;}
.index_03 .cover_box img{width: 33%;display: inline-block;max-width: 85px;}
.index_03 .title2{color: #fff;line-height: 1.6;}
.index_03 .jt{display: inline-block;width: 1em;height: 1em;text-align: center;line-height: 1em;background: rgba(255, 255, 255,0.878);border-radius: 50%;margin-top: 20%;}
.index_03 .jt span{color: #006a68;display: block;}
.index_03 .item:hover .box{opacity: 0;}
.index_03 .item:hover .cover_box{animation:index21 .4s;-webkit-animation:index21 .4s;opacity: 1;} 
  

.wrap_mode04{padding: 30px 0 0;position: relative;background: #fafdfb;}
.wrap_mode04  .channel_title {background: url(../images/title_bg2.png) no-repeat center; }
.wrap_mode04  .channel_title a {color: #fff;}
.wrap_mode04 .mode4_bg{position: absolute;left: 50%;top: 0;transform: translate(-50%,-18%);}
.mode04{margin: 40px 0 0;}
.mode04 .index_04{display: flex;flex-wrap: wrap;margin: 0 -5px;}
.mode04 .index_04 li{width: 33.3%;margin-bottom: 10px;}
.mode04 .index_04 li a{display: block;margin: 0 5px;box-shadow: 3.716px 3.346px 9.2px 0.8px rgba(29, 20, 10, 0.09);position: relative;}
.mode04 .index_04 li a .img{padding-bottom: 38.63%;}
.mode04 .index_04 li a .title{box-sizing: border-box;color: #fff;font-weight: ;padding: 0 40px;bottom: 25px;}

.wrap_mode05{background: url(../images/mode5_bg.png) no-repeat center top #fafdfb;padding: 60px 0 118px;}
.mode05{margin: 53px 0 0;}
.index_05{display: flex;justify-content: space-between;} 
.index_05 li{width: auto;}
.index_05 .item{margin: 0 0 0;text-align: center;}
.index_05 .img_centered{width: 5.7vw;height: 5.7vw;margin: 0 auto;}
.index_05 .title{margin: 0 0 0;color: #171717;font-family: 黑体;}
.index_05 .item:hover .title{color: #088b42;}
.index_05 .tip{margin: 22px 0;position: relative;display: block;color: #088b42;position: relative; line-height: 1.2;}
.index_05 .tip span{font-family: 'Bahnschrift';}
.index_05 .swiper-pagination{bottom: 0;width: auto;left: 50%;transform: translateX(-50%);padding: 0 45px;}
.index_05 .swiper-pagination::before{content: '';display: block;background: #007072;width: 100%;height: 1px;left: 50%;top: 50%;transform:translateX(-50%) translateY(-50%);position: absolute;z-index: -1;}
.index_05 .swiper-pagination-bullet{background: #fff;opacity: 1;border: 1px solid #37988f;height: 8px;margin: 0 8px;width: 22px;border-radius: 20px;z-index: 2;}
.index_05 .swiper-pagination-bullet-active{background: #46a599;}

.wrap_mode06{background: #fafdfb;padding: 40px 0 60px;}
.wrap_mode06 .channel_title{margin-bottom: 20px;}
.public_footer{max-width: initial !important;}

.aside{
    position: fixed;
    transition: all .5s ease-out;
    cursor: pointer;
    z-index: 10;
    border-radius: 8px;
    background:#c2e4e1;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
    box-sizing: border-box;
    padding: 20px 5px;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
}
.aside .logo{display: block;margin: 0 auto; max-width: 38px;}
.aside .side_menu{ color: #006a68;position: relative;z-index: 2; margin: 20px 0  0;}
.aside .side_menu li{box-sizing: border-box;margin: 15px 0;  }
.aside .side_menu li{transition: all ease-in-out .3s;-ms-transition: all ease-in-out .3s;
    -moz-transition: all ease-in-out .3s;-webkit-transition: all ease-in-out .3s;
    -o-transition: all ease-in-out .3s;position: relative; position: relative;box-sizing: 
    border-box;box-sizing: border-box;padding: 4px 2px;}
    .aside .side_menu li:first-child{min-height: 56px;}
    .asidetxt{position:absolute;left: 24px;top: 4px;}
    .asidetxt span{display:block;text-align:center;}
.aside .side_menu li a{color: #464646;line-height: 1.5;display: block;}
.aside .side_menu li a img{display: inline-block;width: 1.1em;margin-right: 5px;vertical-align: middle;}
.aside .side_menu li a img:nth-of-type(2){display: none; }
.aside .side_menu li:hover{border-radius: 8px;background-color: rgba(116, 179, 177,1);}
.aside .side_menu li:hover a{color: #fff;}
.aside .side_menu li:hover a img:nth-of-type(1){display: none; }
.aside .side_menu li:hover a img:nth-of-type(2){display: inline-block; }
.aside .side_menu li a span{}

.aside.on {left: calc(100% - 14rem);z-index: 11;}



@media screen  and (max-width:1820px){
    .index_02c li{padding: 16px 7px;}
}
@media screen  and (max-width:1720px){
    .index_02c li .date{width: 75px;height: 75px;padding: 12px 0;}
}
@media screen  and (max-width:1640px){
    .aside .side_menu li:first-child{min-height: 46px;}
    .mode03svg .imgsvgid .title1{margin-top: 18px;}
    .mode03svg .img1svg{
        position: relative;
        width: 86px;
        height: 86px;
    }

    .mode03svg li:hover .img1svg{
        width: 96px;
        height: 96px;
    }

    .index_01a2 .date{margin: 0.2vw 0 0;line-height: 1em;}
    
    .mode01 .rt{padding-top: 6px;padding-bottom: 6px;}
    .index_svg_ins{width: 96%;}
    .aside .logo{max-width: 30px;}
    .aside{width: 86px;  padding: 16px 3px;}
    .aside .side_menu li a{font-size: 13px;}
    .wrap_mode01{ padding: 50px 0 0px;}
    .aside .side_menu{margin-top: 10px;}
    .wrap_mode03{    padding: 0px 0 50px;}
    .mode03svg .imgsvgid .box {
        min-height: 177px;
    }

}
@media screen  and (max-width:1620px){
    .index_02c li .date{width: 72px;height: 72px;}
    .index_02c li .date .month{margin-top: 6px;}
    .index_title .title a.on{font-size: 22px;}
}
@media screen  and (max-width:1520px){
    .index_02c li{margin-top: -8px;}
    .index_02c li .date{width: 70px;height: 68px;}
    .index_02c li .date .month{margin-top: 5px;}
    .index_01a2 .title a{font-size: 16px;}
}
@media screen  and (max-width:1420px){
    .mode03svg .imgsvgid .title1{margin-top: 18px;}
    .aside .side_menu li a img{width:1.1em;}
    .index_02c li{padding: 14px 6px;}
    .aside .logo{max-width: 28px;}
    .aside{width: 80px;  padding: 16px 2px 10px;}
    .aside .side_menu li a{font-size: 12px;}
    .aside .side_menu li{margin: 10px 0;}

    .mode03svg .img1svg{
        position: relative;
        width: 76px;
        height: 76px;
    }

    .mode03svg li:hover .img1svg{
        width: 86px;
        height: 86px;
    }
    .mode03svg .imgsvgid .box {
        min-height: 166px;
    }

}
@media screen  and (max-width:1340px){
    .aside .side_menu li:first-child{min-height: 43px;}
    .wrap_mode01{ padding: 40px 0 0px;}
    /* .index_02c li{padding: 12px 6px;} */
    .mode04 .index_04 li a .title { padding: 0 30px;bottom: 20px;}
    .index_01a2 .date{margin: 0vw 0 0; font-size:11px;margin-top: 4px;}
    .index_01a2 .line{margin-top: 6px;}

    .mode01 .rt{padding-top: 4px;padding-bottom: 4px;}
    .index_01a2 .title a{font-size: 14px;}
}
@media screen  and (max-width:1240px){
    .index_title .title a{margin: 0 10px;}
    .mode02{display: block;}
    .mode02 .lf{width: 100%;}
    .mode02 .rt{width: 100%;}
    .index_03{min-height: 22vw;}
    .index_03 .box{padding: 20px 20px;}
    .index_03 .cover_box{padding: 15px;}
    .mode04 .index_04 li a .title { padding: 0 20px;bottom: 15px;}
    .index_01a2 .title a{height: 22px;-webkit-line-clamp: 1;}
}
@media screen  and (max-width:996px){
	 .ipone_no01{display:none;} 
    .wrap_mode03{
        padding: 0px 0 00px;
        position: relative;
        }
    
    #img1{display: none;}
    .aside{display: none;}
    .index_title .title a.on{font-size: 20px;}
    .mode01{display: block;}
    .mode01 .rt{display: none;}
    .mode01 .lf{width: 100%;}
    .index_01a1 .img{height: 0;padding-bottom: 56.38%;background-size: cover !important;}
    /* .wrap_mode03{padding: 40px 0 100px;} */
    .wrap_mode03::before{background-size: cover;}
    .index_03{min-height: 25vw;}
    .index_03 .box{padding: 15px;}
    .index_03 .cover_box{padding: 10px;}
    .index_03 .title2{line-height: 1.25;}
    .wrap_mode05{padding: 40px 0 100px;}
    .mode05{margin: 40px 0 0;}
    .fs72 {font-size: 52px;}

    .wrap_mode06{display: none;}
    .index_svg_ins {
        width: 90%;
    }
}
@media screen and (max-width: 768px){
    .wrap_mode01{padding: 26px 0 00px;}
    .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;}

    .box{margin-top: 25px;}
    .index_02a li .item .title{position: relative;bottom: 0;color: #333;padding: 0;margin: 5px 0 0;}
    .index_02a li .item::before{display: none;}

    .index_03{display: block;min-height: auto;box-sizing: border-box;padding: 15px 20px;}
    .index_03 .cover_box{display: none;}
    .index_03 li{width: 100%;}
    .index_03 .box{flex-direction: row;padding: 12px 0px;align-items: center;}
    .index_03 .item:hover .box{opacity: 1;}
    .index_03 .img1{width: 2em;margin-right: 10px;align-items: center;}
    .index_03 .title1{margin: 0;}
    .index_03 li::before{display: none;}
    /* .wrap_mode03{padding: 40px 0 70px;} */
    .mode03 {margin: 30px 0 0;}
    .mode03 li::after{display: none;}
    .mode03::after{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;bottom: 0;background: rgba(0,93,117,0.35);z-index: 1;}
    .mode04 .index_04 li{width: 50%;}
    .wrap_mode04{background: #006a68;}
    .mode04{margin: 30px 0 0;}
    .mode05{margin: 30px 0 0;}
    .wrap_mode05{padding: 30px 0;overflow: hidden;}
    /* .wrap_mode04 .mode4_bg{background: #006a68;} */
    .index_05 .tip{margin: 0px 0;}
    /* .index_05{flex-wrap: wrap;justify-content: start;justify-content: flex-start;} */
    /* .index_05 li{width: 25%;margin-bottom: 20px;} */
    .index_05 .img_centered{width: 8vw;height: 8vw;}
    .fs72 {font-size: 42px;}
    .index_02c li .date{margin-right: 15px;}

    .mode05{position: relative;}
    .mode05 .arrow{position: absolute;top: 50%;transform: translateY(-50%);width: 20px;height: 40px;background: no-repeat center/cover;z-index: 10;}
    .mode05 .arrow.prev{left: 0;background-image: url(../images/prev.png);}
    .mode05 .arrow.next{right: 0;background-image: url(../images/next.png);}

    .channel_title{margin-bottom: 0;}
    .index_title .more a{bottom: 13px;}

}
@media screen and (max-width:479px){
    .index_01a1_dots { bottom: 10px; }
    /* .mode04 .index_04 li{width: 100%;} */
    .mode04 .index_04 li a .title{padding: 0 10px;bottom: 5px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

    .index_05 .img_centered{width: 40px;height: 40px;}
    /* .index_05 li{width: 33.3%;margin-bottom: 20px;} */
}