
.ddList00 li:hover a,
.ddList00 li:hover span {
    color: #035253;
}

.gp-ul-inline {
    font-size: 0;
}

.gp-ul-inline>li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 14px;
    vertical-align: top;
}

.gp-ellipsis {
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    
}

.gp-ellipsis2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
}

.gp-ellipsis3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
}

.gp-ellipsis4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
}

.gp-ellipsis5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
}

.gp-ellipsis6 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
}

.fl {
    float: left;
}

.fr {
    float: right;
}
/* mode02 */
.mode02{
    position: relative; padding-bottom: 20px;

}
.flexslider .slides .img{padding-bottom:24.6%;}
.index_02{padding: 0 0 0;}
.index_02 .box.off{display: none;}



.mode02 .index_title{
display: block;position: relative;height: 48px;
margin-bottom: 30px;
}
.mode02 .index_title .title{
    
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    /* top: 50%;
    transform: translateY(-50%); */
    width: 88%;
    text-align: center;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.mode02 .index_title .title a{
   margin-right: 200px;
    position: relative;
    display: inline-block;
    width: 206px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    color: #464646;
    padding-left: 58px;
    background: url(../images/tabtopbg01.png) no-repeat center center;
    background-size: 100%;
}
.mode02 .index_title .title a:last-child{margin-right: 0;}
 .mode02 .index_title .title a i{
    width: 43px;
    height: 38px;
    position: absolute;
    left: 16px;
    top: 5px;
    background: url(../images/kpicon01.png) no-repeat;
    background-size: 100% 100%;
}
 .mode02 .index_title .title a i.imgbg01{
     background: url(../images/kpicon01.png) no-repeat;
        background-size: 100% 100%;

 }
 .mode02 .index_title .title a i.imgbg02{
     background: url(../images/kpicon02.png) no-repeat;
        background-size: 100% 100%;

 }
  .mode02 .index_title .title a i.imgbg03{
     background: url(../images/kpicon03.png) no-repeat;
        background-size: 100% 100%;

 }

.mode02 .index_title .title a.on i.imgbg01,
.mode02 .index_title .title a:hover i.imgbg01{
  background: url(../images/kpicon01h.png) no-repeat;
     background-size: 100% 100%;
}
.mode02 .index_title .title a.on i.imgbg02,
.mode02 .index_title .title a:hover i.imgbg02{
  background: url(../images/kpicon02h.png) no-repeat;
     background-size: 100% 100%;
}
.mode02 .index_title .title a.on i.imgbg03,
.mode02 .index_title .title a:hover i.imgbg03{
  background: url(../images/kpicon03h.png) no-repeat;
     background-size: 100% 100%;
}

/* .mode02 .index_title .title a::after{
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    background: #aec989;
    position: absolute;
    right: -23px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
} */
/* .mode02 .index_title .title a.imgbg01{
    background: url(../images/kpicon01.png) no-repeat;
} */
.indexList:hover{
     box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.14);
}
.indexList:hover .imglis p{
  color: #035253;
}
.mode02 .index_title .title a:first-child{margin-left: 0;}
.mode02 .index_title .title a:last-child::after{display: none;}
.mode02 .index_title .title a.on,
.mode02 .index_title .more a:hover{
    color: #fff;
    background: url(../images/tabbgtp.png) no-repeat center center;
    background-size: 100%;
}
/* .mode02 .index_title .title a.on::before{content: '';display: block;position: absolute;
    left: 0;right: 0;bottom: 0;height: 6px;
    background: #f60;}
    .mode02 .index_title .title a.on::after{
          background: #fff;
    } */
.mode02 .index_title .more a{height: 24px;position: absolute;right: 5px;top: 50%;transform: translateY(-50%);text-align: center;line-height: 28px;color: #333;}
.mode02 .index_title .more a.off{display: none;}
/* .mode02 .index_title .more a:hover{color: #007071;} */



/* .post-21 ul.list-r li.news .news_text{margin-top: 0.2rem;color: #fff;font-size: var(--smailSize);display: none;}
.post-21 ul.list-r li.news.selected{border-bottom:1px dashed rgba(255,255,255,0.4);padding: 0.2rem 0 0.4rem;}
.post-21 ul.list-r li.news.selected .news_date{width: 1.15rem;opacity: 1;}
.post-21 ul.list-r li.news.selected .news_text{display: -webkit-box;} */


/* swiper2a */
/* tabtab */

.box2 .sub_tab03 li.off{display: none;}

.sub_tab02 .item{
    width: 100%;
    padding: 10px 0 10px;
    /* position: relative; */
    /* overflow: hidden; */
    border-bottom: 1px dashed #cfcfcf;
    transition: all .3s ease-in-out;
    transition: box-shadow 0.3s;
}
.sub_tab02 .item a{
    color: #525252;
    /* transition: all .3s ease-in-out; */
    display: -webkit-box;
    height: 22px;
    /* line-height: 23px; */
    color: #333;
    /* font-weight: bold; */
    position: relative;
    z-index: 2;
}
.sub_tab02 .item:hover,.sub_tab02 .item.on {
    /* box-shadow: 0 4px 8px rgba(0,0,0,0.1); */
     border-bottom: 1px dashed #fff;
       /* box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.09); */
           box-shadow: 0px 9px 20px 0px rgba(0, 0, 0, 0.09);
       /* box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.14); */
}
.mode02 .box:first-child .sub_tab02 .item.on a{
    height: 22px;
}
.sub_tab02 .item.on a{
    height:120px;
}
 .sub_tab02 .item.on{
    padding: 10px 0 10px;
}


.datein{
    width: 100%;
    color: #525252;
    position: relative;
    padding-left: 100px;
    font-weight: bold;
    line-height: 24px;
}
.datatop{
    position: absolute;
    left: 0;
    top: 2px;
    width: 65px;
    height: 20px;
    line-height: 20px;
    padding-left: 10px;
    background: url(../images/kpicobg.png) no-repeat left center;
    background-size:contain;
    color: #fff;
    font-weight: normal;
}
.ulbg01 li{position: relative;}
.ulbg01 li a{background: #fff;}
.sub_tab03 ul.ulbg01{
    position: relative;
   padding:40px 8px 30px 44px;
}

.sub_tab03 ul.ulbg01::after{
      content: "";
    display: block;
    position: absolute;
    z-index: -1;
    left: 20px;
    bottom: 0;
    right: 0;
    top: 0;
     background: url(../images/banbgt.png) no-repeat left bottom;
   background-size: auto 83%;
    /* background-size: auto 14.19rem; */
  
}

.sub_tab03 .bottom{
    position: relative;
  padding: 7px 16px;
  box-sizing: border-box;
 background: #f5f8f0;
 }
 .sub_tab03 .bottom a{
    display: block;
    color: #525252;
    background: transparent;
 }
 .ulbg01 li:hover .bottom a{
   color: #035253;
}
.mode02 .flex {
    display: -webkit-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: center;
    background: url(../images/banbgt05.png) no-repeat left bottom;
    background-size: 100% 100%;
}
.sub_tab02{
  flex: 0 0 auto;
  width: 50%;
  position: relative;
  margin-left: 40px;
}

.box2 {
  flex: 1 1 auto;
  overflow: hidden;

}
.subflex{ display: flex;
    flex-wrap: wrap;
    min-height: 560px;
    padding: 18px 0;
    box-sizing: border-box;
    /* gap: 6px; */
}

    .subflex .item {
        /*position: relative;
        *//*width: 100%;
        *//*overflow: hidden;
        */transition: all .3s ease-in-out;
        transition: box-shadow 0.3s;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
}
.sub_tab02 .item p.pt{
    position: absolute;
    top: 44px;
    left: 0;
    color: #7d7d7d;
    /* display: none; */
    display: -webkit-box;
    height: 0;
    line-height: 30px;
    padding-left: 106px;
    padding-right: 10px;
    /* transition: all .3s ease-in-out; */
}


.sub_tab02 .item.on {
    /* padding: 16px 0px; */
  padding-top: 24px;
    padding-bottom: 2px;
    margin-bottom: 20px;
    margin-top: -1px;
    background: #fff;
}
.mode02 .box:first-child .sub_tab02 .item.on {
     padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 4px;
}
.sub_tab02 .item.on h5{
    color: #035253;
    /* width: 100%; */
}
.sub_tab02 .item.on p.pt{
    /* display: -webkit-box; */
    /* margin-top: 12px; */
    /* margin-bottom: 10px; */
    height: 60px;
    /* padding-left: 100px; */
    /* margin-left: 106px; */
    /* margin-right: 20px; */
    /* position: absolute; */
    /* width: 80%; */
    box-sizing: border-box;
}

/* .mode02 .box:nth-child(2) .sub_tab02 .item.on p.pt{
    width: 81%;
} */



/* .mode02 .box:last-child .sub_tab02{
    height: 520px;
} */
.imgsld{
    padding-bottom: 128%;
}
.mode02 .box:nth-child(2) .sub_tab02{
    /* flex: 0 0 auto;
    width: 57.2%;
    position: relative; */
    /* margin-left: 214px; */
    /* margin-left: 0; */
    margin-left: 30px;
}
.mode02 .box:nth-child(2) .sub_tab03 ul.ulbg01{
    position: relative;
    /* padding: 36px 0 30px 75px; */
    /* margin-left: 85px; */
    width: 62%;
    margin: 0 auto;
    padding-top: 28px;
}

.mode02 .box:nth-child(2) .sub_tab03 ul.ulbg01::after{
      content: "";
      display: block;
      position: absolute;
      z-index: -1;
      left: -32px;
      bottom: 0;
      right: 0;
      top: 74px;
      height: 87%;
      background: url(../images/qkpicbgs.png) no-repeat left top;
      background-size: auto 100%;
      /* background-size: auto 14.19rem; */
}

/* tabtab */

.sub02a .lf {
    width: calc(100% - 340px);
    position: relative;
}

.sub02a .rt {
    width: 340px;
    background: #fff;
}

.sub_02a1 .img {
    padding-bottom: 48.44%;
    position: relative;
}

.sub_02a1 .img:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 5;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background: url(../images/bg20.png) center bottom repeat-x;
    background-size: auto 14.19rem;
}

.sub_02a2 li.on .item::before {
    content: '';
    display: block;
    width: calc(100% + 60px);
    height: 100.2%;
    background: #fff;
    left: -60px;
    top: 0;
    border-bottom-left-radius: 30px;
    position: absolute;
    z-index: 1;
}

.sub_02a2 li i {
    width: 100px;
    height: 105px;
    position: absolute;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
.sub_02a2 a p{
   display: none;
    
}
.sub_02a2 li.on i::after {
    opacity: 1;
}

.sub_02a2 li i::after {
    content: '';
    display: block;
    width: 161px;
    height: 155px;
    opacity: 0;
    background: url(../images/lion.png) no-repeat;
    background-size: cover;
    right: -60px;
    top: 0px;
    border-bottom-left-radius: 30px;
    position: absolute;
    z-index: 1;
}

.sub_02a2 li.on .item a {
    color: #fff;
    -webkit-line-clamp: 3;
    height: 90px;
    margin-left: -60px;
}
.sub_02a2 li.on .item a p{
   /* opacity: 1; */
   display: -webkit-box;
}




  

.sub_02a2 li.on .item {
    padding: 30px 36px;
    border-bottom: 0px solid rgba(255, 255, 255, 0);
}

.sub_02a2 .item {
    padding: 24.5px 30px;
    height: 100%;
    box-sizing: border-box;
    border-bottom: 2px solid #eeeeee;
    position: relative;
    transition: all 0.4s ease-in-out;
}

.sub_02a2 a {
    /* display: -webkit-box; */
    line-height: 30px;
    height: 60px;
    color: #333;
    font-weight: bold;
    position: relative;
    z-index: 2;
}

.moredot {
    position: absolute;
    left: 0;
    bottom: 30px;
    text-align: center;
    z-index: 1;
    width: 100%;
}

.sub_02a1_dots {
    display: inline-block;
}

.sub02a1more:hover {
    color: #ceb363;
}

.sub_02a1_dots .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    box-shadow: none;
    margin: 0 12px 0 0;
    background: #fff;
    opacity: 1;
    outline: none;
}

.sub_02a1_dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #46a599;
}

.sub_02a1 .bottom {
    display: none;
}

.warp_sub02a {
    padding-top: 30px;
}

.sub_02a ul {
    margin: 0 -44px;
    overflow: hidden;
}

.sub_02a ul li {
    margin-bottom: 40px;
}

.sub_02a ul li a {
    display: block;
    margin: 0 44px;
    transition: all .3s ease-in-out;
}
/* swiper2a */
@media screen and (max-width:1640px){
    .datatop{
        top: 2px;
    }

.mode02 .index_title{
    margin-bottom: 40px;
}
.sub_tab02 .item p.pt{
    line-height: 28px;
    
}
.sub_tab02 .item.on p.pt{
margin-bottom: 0;
}

 .fs18{
    font-size: 16px;
}
    .fs16{
        font-size: 14px;
    }
.sub_tab02 .item{
        padding: 6px 0 6px;
}
/* .mode02 .index_title .title a{
    height: 40px;
    line-height: 40px;
} */
.subflex{
    min-height: 480px;
       padding: 10px 0;
}
.mode02 .box:nth-child(2) .sub_tab03 ul.ulbg01 {
    position: relative;
    padding: 30px 0 30px 90px;
}
.mode02 .box:nth-child(2) .sub_tab03 ul.ulbg01::after{
    left: 20px;
}
.indetit {
    margin: 24px auto 10px;
}
    .mode02 .index_title {
        margin-bottom: 20px;
    }
/* .imgsld {
    padding-bottom: 122%;
} */

    .fs24, .fs26 {
        font-size: 22px;
    }
.sub_tab02 {
    width: 53%;
}
.sub_tab02 .item.on{
    padding-top: 18px;
 margin-bottom: 16px;
}
.mode02 .box:first-child .sub_tab02 .item.on {
    margin-bottom: 2px;
}


}
@media screen and (max-width:1380px){

.sub_tab02 {
    width: 55%;
}
     .fs18 {
        font-size: 13px;
    }
    .fs16{
        font-size: 12px;
    }
    .sub_tab02 .item.on p.pt {
    /* display: -webkit-box; */

    margin-bottom: 0px;
}
.datein{
    line-height: 20px;
}
.datatop{
    width: 56px;
}
.fs12 {
    font-size: 10px;
}
.sub_tab02 .item p.pt{
    top: 30px;
    /* line-height: 21px; */
}
.newmtop .indetit{        margin: 24px auto 4px;}
    .mode02 .index_title {
        margin-bottom: 16px;
    }
    .subflex {
        min-height: 396px;
    }
        .sub_tab02 .item {
        padding: 5px 0 5px;
    }
    .sub_tab02 .item.on{
        padding: 8px 0 0px;
    }
 .mode02 .box:first-child .sub_tab02 .item{
     padding-top: 4px;
    padding-bottom: 4px;
 }
    .mode02 .box:first-child .sub_tab02 .item.on {
    padding-top: 4px;
    padding-bottom: 4px;
}
    .mode02 .box:nth-child(2) .sub_tab03 ul.ulbg01 {
        padding: 30px 0 30px 86px;
        margin-left: 70px;
    
}
.mode02 .box:nth-child(2) .sub_tab02 {
 width: 55%;
        /* margin-left: 136px; */
    }
    .mode02 .imgsld {
    padding-bottom: 125%;
}
    .sub_tab02 .item.on a {
    height: 92px;
}
    .sub_tab02 .item p.pt {
        line-height: 24px;
    }
    .sub_tab02 .item.on p.pt{
        height: 48px;
    }
.sub_tab02 .item.on{
padding-top: 10px;
margin-bottom: 10px;
}
.mode02 .box:first-child .sub_tab02 .item.on {
    margin-bottom: 1px;
}
.mode02 .box:nth-child(2) .sub_tab03 ul.ulbg01::after{
  left: 26px;
}
.sub_tab02 .item p.pt{
    top: 28px;
}


}


@media screen and (max-width:1080px){
.mode02 .flex{background-size: 130% 100%;}


}




@media screen and (max-width:1024px){
.mode02 .index_title .title a{
    width: 30%;
    margin-right: 3%;

}


}


@media screen  and (max-width:992px){
    .sub_tab03 ul.ulbg01::after{
        left: 0;
    }
        .mode02 .box:nth-child(2) .sub_tab03 ul.ulbg01::after {
       top: 52px;
        left: 0;
        height: 82%;
    }
}

@media screen  and (max-width:767px){
        .sub_tab02 .item.on a {
        display: block;
    }
    .sub13c{overflow: hidden;}
        .flexslider .slides li .imgstyel {
        padding-bottom: 52%;
    }
    .mode02 .flex{
        display: block;
    }
  .box2,.mode02 .box:nth-child(2) .sub_tab02 {
    width: 94%;
    margin: 0 auto;
  }
.mode02 .index_title .title{width: 100%;}
    .sub_tab02 {
        width: 96%;
        margin: 20px auto 0;
    }
    .sub_tab03 ul.ulbg01{
        width: 94%;
        margin: 0 auto;
        margin-left: 4px;
    }
    .mode02 .box:nth-child(2) .sub_tab03 ul.ulbg01{
           width: 73%;
        margin: 0 auto;
        margin-left: 30px;
    }
    .mode02 .index_title .title a{
        font-size: 17px;
    }
    .mode02 .index_title .title a{
        padding-left: 29px;
        height: 36px;
        line-height: 36px;

    }
    .mode02 .index_title .title a i{
        width: 31px;
        height: 25px;
        position: absolute;
        left: 6px;
        top: 6px;
    }
    .sub_tab03 ul.ulbg01 {
    position: relative;
    padding: 22px 0 16px 16px;
}
.mode02 .box:nth-child(2) .sub_tab03 ul.ulbg01{
            padding: 30px 0 30px 30px;
}
.datein{
    padding-left: 80px;
    font-size: 15px;
    padding-right: 6px;
}
.datatop {
        width: 62px;
    }
   .sub_tab02 .item p.pt{
         padding-left: 80px;

    }
    .sub_tab02 .item {
        padding: 10px 0 10px;
        position: relative;
        overflow: hidden;
    }
        .mode02 .box:first-child .sub_tab02 .item {
        padding-top: 10px;
        padding-bottom: 10px;
    }
        .mode02 .box:first-child .sub_tab02 .item.on {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    /* .newmtop .indetit {
        margin: 24px auto 10px;
    } */
    .mode02 .index_title{
        height: 36px;
    }
    .mode02{
        padding-bottom: 0;
    }
}

@media screen and (max-width:479px){

 

}