.listTitle1{padding: 45px 0;}
.listTitle1 h2{display: inline-block;padding-right: 50px;position: relative;}
.listTitle1 h2::before{content: '';width: 70px;height: 70px;background: url(../images/indicon01.png) no-repeat center;position: absolute;
    left: 0;top: 50%;transform: translateY(-50%);
    -webkit-transform-origin:  50% 50%;
	transform-origin:  50% 50% ;
	-webkit-animation: icongong 10s linear infinite;
	animation: icongong 10s linear infinite;
}
.listTitle1 h2 span,.listTitle1 strong{display: block;position: relative;z-index: 50;}
.listTitle1 h2 span{color: #052b8c;text-transform: uppercase;}
.listTitle1 h2 strong{color: #2e3c63;}
.readMore1{width: 44px;height: 138px;background-color: #052b8c;position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 90;transition: all 0.35s ease-out;}
.readMore1 a{color: #fff;display: block;padding: 15px;line-height: 1.2;}
.readMore1::before{content: '';width: 3px;height: calc(100% - 8px);background-color: #fe9e15;position: absolute;left: 0;bottom: 0;z-index: 5;}
.readMore1::after{content: '';height: 3px;width: calc(100% - 10px);background-color: #fe9e15;position: absolute;left: 0;bottom: 0;z-index: 5;}
.more2{float: right;min-width: 105px;height: 24px;line-height: 24px;color: #30385f;text-align: center;border-radius: 15px;}


@-webkit-keyframes icongong{
    0%{
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
	}
    100%{
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}

@keyframes icongong{
    0%{
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
	}
    100%{
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}

body a,body :before, body :after, body img{
  transition: All 0.5s ease;
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease;
}

/* banner */

.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;}
/* .mode01::before{content: "";display: block;width: 150%;height: 100%;background: #009844;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;border-bottom: 7px solid #009844;
    background: #f0f8f7;
    /* background: url(../images/mode1_rt_bg.png) no-repeat center right rgb(239, 248, 239); */
}
.index_01a1{}
.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;}

/* 标题样式 */
.modeTil{
    position: relative;
    line-height: 1;
    margin: 0px 0 30px;
    border-bottom: 4px solid #164fa8;
    justify-content: flex-start;
}
.modeTil .more{
	position: absolute;
	right: 0;
}
.itemMode01 .modeTil{margin: 0px 0 0px;}
.modeTil > .flex{align-items: center;margin-left: 20px;}

.modeTil .title{
    line-height: 26px;
    position: relative;
    padding: 0px 8px 0px;
    color: #292929;
    font-weight: bold;
    padding-bottom: 14px;
    overflow: visible;
    /* font-family: "SimSun", "宋体", serif;
    font-weight: bold; */
    /* text-shadow: 0.5px 0 0 currentColor; */
}
.modeTil .modeMore{ position: relative;z-index: 1;display: block;  color: #8f8f8f; line-height: 26px;
     background: url(../images/indicos.png) no-repeat center right; background-size: 11px; padding-right: 20px; margin-bottom: 14px;
}
.modeTil .modeMore:hover{color: #007ed8;}
.modeTil .title.off{ background: none;}
.modeTil .modeMore{ display: none;}
.modeTil .modeMore.on{ display: block;}

/* .modeTil .modeMore::before{ content: '';display: block;border-top: 5px solid transparent;border-right: none;border-bottom: 5px solid transparent;border-left: 10px solid #f3ad55;position: absolute; top: 12px;right: 0;z-index: 1;} */
.titleAlignCenter{ 
    /* justify-content: center; */
}
.titleAlignCenter .modeMore{ position: absolute; right: 0;bottom: 0;z-index: 1;}
 .modeTil .boxTitle.on{
/* background: url(../images/titicon01.png) no-repeat left center;  */
color: #164fa8;
}
/* .tabmode01 .modeTil .boxTitle::after{content: '';display: block;position: absolute; width: 92%;
    left: 50%;transform: translateX(-50%);
    right: 0;bottom: 0; width:92%;height: 5px;background: #0b9ee4;} */
.modeTil .boxTitle.on::after{content: '';display: block;position: absolute; width: 90%;
    left: 50%;transform: translateX(-50%);
    right: 0;bottom: -3px; width:92%;height: 6px;background: #0b9ee4;}


/* .modeinbg1 .title:last-child{background: transparent;} */
/* 日期列表 */
.indconbg{position: relative; }
/* .indconbg::before{
    content: '';
    position: absolute; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/indbog01.jpg) no-repeat left top; background-size: 100% 100%;} */
.noticeList {
      display: flex;
      flex-direction: column;
      height: 100%;
      width: 94%;
      padding: 0px 0px 4px 4px;
      /* height: 100vh; */
}
.contentbg02{
    background-color: #fff;
    /* background:#fff url(../images/bgpicss02a.png) no-repeat right bottom;  */
     padding:50px 0 20px;position:relative;}
/* .contentbg02::before{
    content: '';
    position: absolute; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:#f4f4f4 url(../images/dkjbic02.png) no-repeat right bottom; } */
.noticeList li{
  margin-bottom: 0;
  /* box-shadow: 0 2px 4px rgba(0,0,0,0.06); */
  padding: 8px 8px;
  border-bottom: 1px dashed #005d75;

}
.noticeList li .noticBox {
  /* flex: 0 1 auto; */
  margin-left:96px;
}
.noticeList li .noticBox h5{
        font-weight: normal;
        color:#464646;
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
}
.noticeList li .nDate{
    float:left;
    text-align: center;
    width: 66px;
    height: 66px;
    border-right: 1px solid #eaeaea;
    box-sizing: border-box;
  /* background: #d0e8e8; */
    transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
}
.noticeList li a{padding: 0;}
  .noticeList li .nDate strong {
    color: #fff;
    display: block;
    font-weight: normal;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
  }
  /* .noticeList li:nth-child(2n) .nDate strong {
      background-color: #0478c9;
  } */
   .mode02_ins .noticeList li .nDate strong {
    color: #007171;
    font-weight: bold;
   }
  .noticeList li .nDate i {
    text-align: right;
    position: relative;
    display: block;
    color: #007172;
    font-style: normal;
    text-align: right;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
  }
  
  .noticeList li .nDate i::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 26px;
    height: 1px;
    background: #007171;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
  }

.noticeList li .noticBox p{
      transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
} 
.wrap_mode006{padding: 50px 0;}
/* tabbanner 01*/
.h3tit{color: #164fa8; }
.tabmode01{ padding: 70px 0 70px;}
.tabmode01 .modeTil .title{color: #2d2929;font-weight: bold;}
.tabmode01 .modeTil .boxTitle{ position: relative;
    padding-bottom: 14px;
     /* border-right: 2px solid #8f8f8f; */
    }
    .h3tit {padding-bottom: 14px;}
 .modeTil .boxTitle::before {
    content: '';
    position: absolute; 
    top: 4px;
    right: 0;
    width: 2px; 
    height: 20px;
    background-color: #8f8f8f; 
    z-index: 1; 

}
.modeTil .boxTitle:last-child::before{
  background-color: #fff; 
}

.tabmode01 .modeTil .boxTitle.off{
     /* background: none; */
    }
.tabmode01 .modeTil .boxTitle:last-child{ margin-right: 0px;}
.tabmode01 .modeTil .boxTitle:last-child::before{ display: none;}
.tabmode01 .modeTil .boxTitle.on{ color: #164fa8; }
.tabmode01 .modeTil .modeMore{ display: none;}
.tabmode01 .modeTil .modeMore.on{ display: block;}
.tabmode01 .modeCon{ margin-top: 0px; background: #fff;  
    /* box-shadow: 0px 0px 10px  rgba(0, 0, 0, 0.05); */
}
.tabmode01 .modeCon .box{ display: none; margin: 0;}
.tabmode01 .modeCon .box.on{ display: block;}
.tabmode01 .lf{ position: relative; width: 58.5%; overflow: hidden; margin-left: 0;}
.tabmode01 .lf a{ position: relative; display: block;}
.tabmode01 .modeCon .gp-img-responsive{ padding-bottom: 56%;}
.tabmode01 .modeCon .info{ 
    /* position: absolute; left: 0;bottom: 0;  */
    width:100%;
    /* background: url(../images/bgcos.png) no-repeat center/cover;  */
    color: #fff; align-items: center;padding: 14px 30px 14px 40px;}
.tabmode01 .modeCon .date{ width: 80px; text-align: center; line-height: 1; color: #007ed8; flex-shrink: 0;padding: 9px 12px; 
    background: #fff; }
.tabmode01 .modeCon .date .month{ margin-top: 8px;}
.tabmode01 .modeCon .textBox{ flex: 1; min-width: unset; width: calc(100% - 80px); padding-left: 0px; box-sizing: border-box;}
/* .tabmode01 .modeCon .info .title{ line-height: 2; height: 4em;} */
.tabmode01 .modeCon .info .summary{ line-height: 1; margin-top: 10px;}
.tabmode01 .modeCon .swiper-pagination{ z-index: 2; bottom: 200px; left: 50%;transform: translateX(-50%); align-items: center; justify-content: center;display: none;}
.tabmode01 .modeCon .swiper-pagination .swiper-pagination-bullet{ width: 12.5px;height: 12.5px;border-radius: 50%;background: #1d8c47; opacity: 0.6;margin: 0 17px;}
.tabmode01 .modeCon .swiper-pagination .swiper-pagination-bullet-active{ width: 28px; height: 20px; border-radius: 0;background: url(../images/shuidao-ico-green.svg) no-repeat center;}

.tabmode01 .rt{ width: 39%; background: #fff;}
/* .tabmode01 .rt ul{ 
    width: 94%;
        height: 100%;
    display: flex;
    flex-direction: column;
} */

/* tabbaner01 */
.itemMode01 .swiper .info{background: #ecf7fd;color: #282828;align-items: center;padding: 5px 0;}
.itemMode01 .swiper .date{ width: 80px; text-align: center; line-height: 1; color: #0b9fe3; flex-shrink: 0;padding: 9px 12px;
     background: #d0edfa; border-radius: 0 20px 0 0;}
.itemMode01 .swiper .date .month{ margin-top: 8px;}
.itemMode01 .swiper .textBox{ flex: 1; min-width: unset; width: calc(100% - 80px); padding-left: 35px; box-sizing: border-box;}
.itemMode01 .swiper .info .title{ line-height: 2; height: 4em;}
.itemMode01 .swiper .info .summary{ line-height: 1; margin-top: 10px;}
.itemMode01 .swiper .info:hover .title{color: #0b9fe3;}
.itemMode01 .swiper .swiper-pagination{z-index: 2;bottom: 10px;left: auto;right: 10px;align-items: center;justify-content: center;width: auto;}
.itemMode01 .swiper .swiper-pagination .swiper-pagination-bullet{width: 8.5px;height: 8.5px;border-radius: 50%;background: #6a80a4;opacity: 1;margin: 0 4px;}
.itemMode01 .swiper .swiper-pagination .swiper-pagination-bullet-active{ background: #6ab5cb;}
/* modezt01 */
.wrap_mode002{background: url(../images/indbgmod.jpg) no-repeat bottom center;
    background-size: 100% 100%; padding-bottom: 50px;
}
.modezt{margin: 50px 0 0px;}
.index_02 {
    position: relative;
    /* padding: 0 47px;
    margin: 21px 0 0; */
}

.index_02 .swiper {
    /* height: 180px; */
    overflow: hidden;
    position: relative;
}

.index_02 .swiper {
  opacity: 0;
  transition: opacity 0.2s ease;
}

.index_02 .swiper.swiper-initialized {
  opacity: 1;
}
.index_02 .item {
    margin: 0 6px 0;
    border-radius: 8px;
       box-shadow: 0 0 10px rgba(0,0,0,0.0.6);
        transition: all linear .35s;
    -ms-transition: all linear .35s;
    -moz-transition: all linear .35s;
    -webkit-transition: all linear .35s;
    -o-transition: all linear .35s;
}
.index_02 .item:hover{  box-shadow: 0 2px 20px rgba(0,0,0,0.3);}
.index_02 .img {
    padding-bottom: 52%;
    /* padding-bottom: calc(146% / 3.4); */
}
.index_02 .img img{border-radius: 8px;}
.index_02 .arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgb(255, 255, 255,0.6);
    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;
    z-index: 1;
}

.index_02 .arrow.prev {
    left: 10px;
    background:rgb(255, 255, 255,0.4) url(../images/mode01_prev.png) no-repeat center center;
    background-size: 10px;
}

.index_02 .arrow.next {
    right: 10px;
    background:rgb(255, 255, 255,0.4)  url(../images/mode01_next.png) no-repeat center center;
    background-size: 10px;
}

.item:hover .img img{
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale();
    -o-transform: scale(1);
}
/* list02 */
.mode002 .rt .modeCon{  }
.mode002 .rt ul{ padding: 5px 0 0;}
.mode002 .rt li a{ 
    background: #fff;
    width: 100%;margin: 0 auto 18px;
    /* align-items: center;  */
    padding: 24px 30px;transition: padding 0.2s ease-in-out;
    /* background-image: linear-gradient(to right, #0a6eb4 50%, transparent 50%);
    background-image: -webkit-linear-gradient(to right, #0a6eb4 50%, transparent 50%);
    background-image: -moz-linear-gradient(to right, #0a6eb4 50%, transparent 50%);
    background-image: -o-linear-gradient(to right, #0a6eb4 50%, transparent 50%);
    background-size: 8px 1px;
    background-repeat: repeat-x;
    background-position: left bottom; */
}
.mode002 .rt li:last-child a{ margin-bottom: 0;}
.mode002 .rt .modeCon .date{ text-align: center; line-height: 1; color: #0a6eb4; flex-shrink: 0; margin-right: 35px;
    padding: 9px 12px; background: #e2eff8; border-radius: 0 20px 0 0;margin-right: 25px;}
.mode002 .rt .modeCon .date .month{ margin-top: 8px;}
.mode002 .rt .modeCon .textBox{ flex: 1; min-width: unset;}
.mode002 .rt li .title,.mode002 .rt li .title01{ line-height: 1.8;}
.mode002 .rt li:hover a{ background: #fff0e0;}
.mode002 .rt a:hover .title,.mode002 .rt a:hover .title01{ color: #282828;}
.mode002 .rt a:hover .date{ background: #f4e1ce; color: #cd9c6d;}


/* list02 */
.row001 .rt .modeCon{ background: #fff; }
.row001 .rt ul{ padding: 5px 0 0;}
.row001 .rt li:last-child{
	padding-bottom:0
}
.row001 .rt li{
    padding: 9px 0;
    background-image: linear-gradient(to right, #589a9b 50%, transparent 50%);
    background-image: -webkit-linear-gradient(to right, #589a9b 50%, transparent 50%);
    background-image: -moz-linear-gradient(to right, #589a9b 50%, transparent 50%);
    background-image: -o-linear-gradient(to right, #589a9b 50%, transparent 50%);
    background-size: 8px 1px;
    background-repeat: repeat-x;
    background-position: left bottom;
    }
.row001 .rt li a{
     /* align-items: center; */
     transition: padding 0.3s ease-in-out;
     padding: 6.5px 20px 6.5px 0;
}
/* .row001 .rt li:hover a{
padding: 16px 40px 16px 0;
} */
.row001 .rt li:last-child a,.row001 .rt li:last-child{ background: none;}

.row001 .rt .modeCon .date{ text-align: center; line-height: 1; color: #4c6895; flex-shrink: 0; margin-right: 35px;
    padding: 9px 12px; background: #e8f0fc; border-radius: 0 20px 0 0;margin-right: 25px;}
.row001 .rt .modeCon .date .month{ margin-top: 8px;}
.row001 .rt .modeCon .textBox{ flex: 1; min-width: unset;}
.row001 .rt li .title{ line-height: 1.8; }
.row001 .rt li:hover a{ background: #fff0e0;}
.row001 .rt a:hover .title{ color: #282828;}
.row001 .rt a:hover .date{ background: #f4e1ce; color: #cd9c6d;}
.row001 .rt li:hover .title{font-weight: bold;}
/* lidate001 */

.listin01{margin-top: 6px;padding: 0 20px 18px;}
.listin01 li {
    /* border-bottom: 1px solid #eaeaea; */
    position: relative;
}

.listin01 li::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 14px;
    left: 0;
    top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    background: url(../images/libgic.png) no-repeat;
    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;
}

.listin01 li a {
    display: block;
    color: #363636;
    transition: transform 0.5s ease-out;
    -webkit-transition: transform 0.5s ease-out;
    -moz-transition: transform 0.5s ease-out;
    -ms-transition: transform 0.5s ease-out;
    -o-transition: transform 0.5s ease-out;
}

.listDate02 ul li {
    padding: 13px 0;
    border-bottom: 1px dashed #c0c0c0;
    transition: 0.3s;
}

/* .listDate02 .listin01 li a {
    padding-left: 20px;
    padding-right: 16px;
} */
.liimgtop a .img{padding-bottom: 41%;}
.liimgtop a{padding-left: 0; border-bottom: 3px solid #0b9fe3;}
.listin01 li span {
    border-bottom: none;
    box-sizing: border-box;
    white-space: nowrap;
    text-align: center;
    padding: 0;
    color: #999999;
}


.listin01 li .span{
    /* background: url(../images/libgic.png) no-repeat left 2px; */
    padding-left: 20px;
}
.listin01 li h3 {
    line-height: 26px;
    font-weight: normal;
    width: calc(100% - 130px);
    box-sizing: border-box;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
      /* text-align: justify; */
}

.listin01 li a:hover {
    font-weight: bold;
}

.listin01 li a:hover span {
    font-weight: normal;
}
.mode002 .indflex01 .nr .modeCon{background-color: #fff;}

/* ztlist01 */
.mode002 .indflex01 .nr{margin-left: 36px;}
.mode002 .rt ul {
   /* height: 620px; */
}
.modezt01 ul{ 
  /* height: 508px; */
  display: flex;
  flex-direction: column;

}
  .modezt01 li{  flex: 1; /* 水平均分宽度 */
  display: flex;
  /* align-items: center;
  justify-content: center; */
     align-items: flex-start;
}
.modezt01 li a{
    display: block;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3);
}
.modezt01 li .img{padding-bottom: 22%;    border-radius: 6px;}
.modezt01 .zttoping{margin-bottom: 23px;    border-radius: 6px;}
.modezt01 .zttoping .img{padding-bottom: 22%;    border-radius: 6px;}
.modezt01 {padding: 0 30px;}
/* ztlist01 */

.slick-container2 .slick-arrow {
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 1;
}
.slick-container2:hover .slick-arrow {
  opacity: 1;
}

/* 按钮样式定制 */

.ztzlslick01 .slick-arrow {
  width: 28px;
  height: 40px;
  background: rgba(255,255,255,0.9);
  border: 0;
  color: white;
  border-radius: 6px;
  top: 49%;
}
/* .ztzlslick01 .slick-arrow:before {
  font-family: 'Font Awesome';
  font-size: 20px;
} */
 .ztzlslick01 .slick-arrow:after{  background: rgba(255,255,255,0.9); display: none;}
.ztzlslick01 .slick-arrow:hover:after {
    opacity: 1;

}
.ztzlslick01 .slick-prev {
  left: -30px;
  /* background: rgba(255,255,255,0.9); */
   background: rgba(255,255,255,0.6) url(../images/riicon02.png) no-repeat center center;
   background-size: 36px;
}
.ztzlslick01 .slick-next {
  right: -30px;
  /* background: rgba(255,255,255,0.9) rgba(255,255,255,0.9); */
    background:  rgba(255,255,255,0.6) url(../images/riicon.png) no-repeat center center;
      background-size: 36px;
}
/* .ztzlslick01 .slick-prev:before {
  content: ''; 
  background: url(../images/riicon02.png) no-repeat left center;
  width:20px;
  height: 20px;
}
.ztzlslick01 .slick-next:before {
  content: ''; 
   background: url(../images/riicon02.png) no-repeat left center;
   width: 20px;
} */





/* 科研 */
/* row03 */
/* .row03{ padding: 40px 0 0;} */
.row03 .lf{ width: 100%;}
.modeTil.tabTil .title.off{ background: none;}
.modeTil.tabTil .modeMore{ display: none;}
.modeTil.tabTil .modeMore.on{ display: block;}
.modeTil.tabTil .boxTitle{ position: relative; margin-right: 30px;}
.modeTil.tabTil .boxTitle:last-child{ margin-right: 0;}
.modeTil.tabTil .title{ color: #fff;}
.modeTil.tabTil .boxTitle.on { color: #fff; font-weight: bold; }
.modeTil.tabTil .boxTitle::before{ content: '/'; display: block;font-size: 30px;color: #8f8f8f;font-weight: normal;position: absolute; right: -15px;bottom: 17px; transform: translateX(50%);z-index: 1;pointer-events: none;}
.modeTil.tabTil .boxTitle:last-child::before{ display: none;}
.row03 .modeCon, .hasBorderTop{ 
   background: #fff;
   padding: 40px 40px 30px;
   
}
.row03 .box {
    margin: 0px 0 0;
}
.row03 .lf .box{ display: none;}
.row03 .lf .box.on{display: block;}
.row03 .modeTil .title{ background: transparent}
.modeTil.tabTil .boxTitle.on { color: #fff; font-weight: normal; }
/* .row03 .mo03list ul li{ 

} */
.row03 .mo03list li a{ 
    /* align-items: center;  */
        /* display: flex;
  flex-wrap: wrap; */
      justify-content: flex-start;
    padding: 15px 0px 14px 0;transition: padding 0.2s ease-in-out;
    background-image: linear-gradient(to right, #9c9c9c 50%, transparent 50%);
    background-image: -webkit-linear-gradient(to right, #9c9c9c 50%, transparent 50%);
    background-image: -moz-linear-gradient(to right, #9c9c9c 50%, transparent 50%);
    background-image: -o-linear-gradient(to right, #9c9c9c 50%, transparent 50%);
    background-size: 8px 1px;
    background-repeat: repeat-x;
    background-position: left bottom;}
.row03 .mo03list li:first-child a{padding-top: 0;}
/* .row03 .mo03list li:last-child a{ background: none;} */
.row03 .mo03list .modeCon .date{ text-align: center;  width:80px;
    /* line-height: 1; background: #e8f3ec;  margin-right: 35px;*/margin-top: 4px;
     color:#7e7e7e; flex-shrink: 0; margin-right:20px;flex: 0 0 auto;
   
    /*  padding: 9px 12px;  border-radius: 0 20px 0 0;margin-right: 25px; */
}
.row03 .mo03list .modeCon .date .month{ margin-top: 2px;}
.row03 .mo03list .modeCon .textBox{  min-width: unset; flex: 0 1 auto;    width: 86%;}
.row03 .mo03list li .title{ 
    /* line-height: 1.8;  */
    color: #222222;
    margin-bottom: 6px;
}
.row03 .mo03list li:hover{ 
    /* background: #fff0e0 url(../images/new-bg2.png) no-repeat center right; */

}
.row03 .info {
    margin: 0 0 0;
    color: #858b93;
}
.row03 .mo03list a:hover .title{ color: #007ed8;}
.row03 .mo03list a:hover .date{  color: #007ed8;}
.row03 .mo03list a:hover .info{  color: #007ed8;}

/* indekyli03 */
.indekyli03 .index_03a {
    width: 400px;
    float: left;
}

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

.indekyli03 .index_03a .bottom {
    padding: 20px 0px 16px;
    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;
    box-shadow: none;
}

.indekyli03 .index_03a .title {
    position: relative;
    margin: 0 0 4px;
    color: #04142b;
    font-weight: normal;
}
.indekyli03 .index_03a .info {
    /* margin: 0 0 35px; */
    margin: 0 0 28px;
    color: #858b93;
}
.indekyli03 .index_03bli {
    margin: 0 0 0 440px;
}
.indekyli03 .index_03a .tip span,
.indekyli03 .index_03a .time span {
    color: #858b93;
}
.indekyli03 .index_03a:hover .title,.indekyli03 .index_03a:hover .info,.indekyli03 .index_03a:hover .tip span{
   color: #007ed8;
}

/* 科研 */
/* 004 */
.modelist4 .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;
}

.modelist4 .flex {
  align-items: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  
}
.modelist4 .nl {
  flex: 0 0 auto;
  width: 45.2%;
  position: relative;
  z-index: 1;
}
.modelist4 .nr {
  flex: 1 1 auto;
  overflow: hidden;
  margin-left: 30px;
  position: relative;
  z-index: 1;
   /* box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.06); */

  /* height: 100%; */
}
.mode004{ 
    background:#fff;
background: -webkit-linear-gradient(left, #fff , #f4f4f4);
background: -o-linear-gradient(right, #fff, #f4f4f4);
background: -moz-linear-gradient(right, #fff, #f4f4f4);
background: linear-gradient(to right, #fff , #f4f4f4);
  padding: 0 40px 30px;
  border-radius: 0 0 80px 0;
    box-shadow: 0px 0px 10px  rgba(0, 0, 0, 0.03);
}
.mode004 .modeTil{margin: 30px 0;margin-top: 0; padding-top: 10px;}
.modelist4  {
  align-items: stretch;
  padding-bottom: 12px;

}
.Ind-banner .Tbottom {
  padding: 8px 12px;
  left: 0;
  box-sizing: border-box;
  background: url(../images/newbgjb.png) no-repeat left bottom;
  background-size: 100% 100%;

  right: auto;
  bottom: 12px;
  width: 100%;
  z-index: 6;
}

.Ind-banner .slick-dots {
  bottom: 15px;
  padding: 3px 0 5px;
}

/* .Ind-banner{
    float: left;
    width: 900px;
} */

/* .Ind-banner .slick-dots {
  position: relative;
  left: auto;
  right: 0px;
  text-align: right;
} */
.Ind-banner .slick-dots{
position: static;transform: none;
padding-top: 8px;
}
.Ind-banner .slick-dots li {
  background: #c6c6c6;
  position: relative;
  width: 8px;
  height: 8px;
  border-radius: 50%;
 border: 1px solid #fff;
 margin: 0 8px;
}

.Ind-banner .slick-dots li.slick-active {
 /* border:1px solid #fff;
 background: transparent; */
 background:#0195ff;
 	box-shadow: 0 0 0 2px #0195ff;
  /* border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px; */
}
.Ind-banner .slick-dots li button{
    display: none;
      transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
	  width: 4px;
  height: 4px;
	position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
}


.Ind-banner .slick-dots li.slick-active button{
    background: #57a907;

}





.Tbottom a {
  /* padding-right: 106px; */
  width: 80%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: #fff;
}

.Ind-banner .title {
  color: #fff;
}
.mode02_ins{
    	display: flex;
	height: 100%;
	width: 100%;
}
/* .Ind-banner end */
/* 004 */

.indflex01 .nl{flex:0 0 auto;width:58.5%;position:relative;z-index:1;}
.indflex01 .nr{flex:1 1 auto;overflow:hidden;margin-left:35px;position:relative;z-index:1;}
.indli05 ul{ flex-wrap: wrap; }
.indli05 li{ width: calc(50% - 10px); 
    background: #e8f0fc; margin-top: 26px; transition: all .2s ease-in-out;}
.indli05 li:nth-child(2){ background: #f5f1f7;}
.indli05 li:nth-child(3){ background: #edeff5;}
.indli05 li:nth-child(4){ background: #fef3e9;}



.indli05 li:nth-of-type(1),
.indli05 li:nth-of-type(2){ margin-top: 0;}
.indli05 ul li a{ display: block; text-align: center; 
     padding: 44px 10px 22px;
    /* padding: 25px 0 0px; height: 160px; */
}
.indli05 .icon{ font-size: 0; height: 50px; width: auto;margin-bottom: 22px;}
.indli05 .name{ line-height: 26px;  color: #282828;}

.iconList05 ul.flex,.indlibg02 ul.flex{display:flex;justify-content:space-between;flex-wrap:wrap;}
.iconList05 li{ width: calc(50% - 15px); }
.iconList05 .listtit05{margin-top: 10px;}
.iconList05 .listtit05 li{
 padding: 14px 0px 14px 0;
    /* transition: padding 0.2s ease-in-out; */
    background-image: linear-gradient(to right, #9c9c9c 50%, transparent 50%);
    background-image: -webkit-linear-gradient(to right, #9c9c9c 50%, transparent 50%);
    background-image: -moz-linear-gradient(to right, #9c9c9c 50%, transparent 50%);
    background-image: -o-linear-gradient(to right, #9c9c9c 50%, transparent 50%);
    background-size: 8px 1px;
    background-repeat: repeat-x;
    background-position: left bottom;
}

.iconList05 li a .t{
    position: relative;
    padding-left: 14px;
    /* background: #fff; */

}
.iconList05 li a .t::before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 10px;
        width:6px;
        height: 6px;
        border-radius: 50%;
        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: #0195ff;
    }
.iconList05 li a .time{ padding-left: 14px; color: #858b93; margin-top: 10px;}
.indLink{background: #f6f9ff; padding: 26px 0;}
.mode005{
    /* margin-top: 50px;
    padding: 10px 40px 30px; */
    /* background: #fff url(../images/indbgky.jpg) no-repeat left top;
    background-size: 100% 90%; 
    border-radius: 0 0 0 80px;
     box-shadow: 0px 0px 14px  rgba(0, 0, 0, 0.1);*/
 
}
.iconList05{padding-bottom: 40px;}
.mode005 .iconList05 {
    padding-bottom: 20px;
}

.mode005 .indflex01 .nl{flex:0 0 auto;width:68%;position:relative;z-index:1; padding-bottom: 10px;
    }
.mode005 .indflex01 .nr{flex:1 1 auto;overflow:hidden;margin-left:30px;position:relative;z-index:1; padding-bottom: 10px;}
.borbox05{
     margin: 8px;
background-color: #fff;
    box-shadow: 0px 2px 18px rgba(0, 0, 0, 0.07); 
     border-radius: 60px 0 0 0px;
     padding: 30px 40px 20px;
}
.mode005 .indli05 ul {
    flex-wrap: wrap;
    /* max-width: 410px; */
}
.mode005 .indli05{
    margin: 8px;
    padding: 30px 26px 54px;
    box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.07); 
      border-radius: 0px 0 60px 0px;
}

/* tablistbg */
/* 第二状态 */


.indlibg02 li>a {

	transition: transform 0.35s ease-out;
}

.item-title18 {
	position: absolute;
	bottom: 10px;
	color: #fff;
	z-index: 2;
    font-weight: normal;
    width: 90%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);

}

.item-img18::before {
	background: rgba(0, 0, 0, 0);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(000, 000, 000, 0.8)), color-stop(100%, rgba(0, 0, 0, 0.8)));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(000, 000, 000, 0.8) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(000, 000, 000, 0.8) 100%);
	height: 110px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	content: '';
	width: 100%;
}

.more18 {
	position: absolute;
	right: -5px;
	bottom: 0;
	z-index: 50;
	transform: skewX(-12deg);
	background-color: #1c9455;
	display: inline-block;
	height: 36px;
	line-height: 36px;
	overflow: hidden;
	text-align: center;
	padding: 0 20px;
}

.more18 i {
	transform: skewX(12deg);
	color: #fff;
	display: block;
	font-style: normal;
}

.more18:hover {
	background-color: #fe9e15;
}
.item-img18:hover::before {
	background: rgba(0, 0, 0, 0);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(000, 000, 000, 0.8)), color-stop(100%, rgba(0, 0, 0, 1)));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(000, 000, 000, 0.8) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(000, 000, 000, 0.8) 100%);
	
}
/* mode02 */
.seachBoxlk{height: 46px; margin-left: 3%;}
.seachBoxlk .gp-search{width: 78px; height: 46px; background: #164fa8; border-radius: 0;}
.seachBoxlk .gp-search .notxt1{width: 78px; height: 46px; background: #164fa8;}

@media(min-width: 1024px){
    .indli05 li:hover{ transform: translateY(-5px);}
    .listTitle1{transition: transform 0.35s ease-out;}
	.listTitle1:hover{transform: translateX(10px);}
    .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: #009844}
      .listin01 li a:hover {
  color: #164fa8;
}
.listin01 li:hover h3,
.listin01 li:hover p,
.listin01 li:hover a {
  color: #164fa8;
}
.listDate02 ul li:hover {
  /* padding-left: 8px;
  padding-right: 20px; */
  box-shadow: 0px 6px 14px 0px rgba(218, 218, 218, 0.35);  
}
.listDate02 ul li:hover h3{  font-weight: bold;}


}

.index_title{display: block;position: relative;height: 56px;border-bottom: 4px solid #164fa8; margin-bottom: 40px;}
.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: #8f8f8f;
    background: url(../images/indicos.png) no-repeat center right; background-size: 11px; padding-right: 20px;
}
.index_title .more a.off{display: none;}
.index_title .more a:hover{color: #007ed8;}
.box{margin: 35px 0 0;}
.box.off{display: none;}
.index_title .h3tit a{color:#164fa8;}

.indflex01{align-items:flex-start;}
.indflex01 .nl{flex:0 0 auto;width:58.5%;position:relative;z-index:1;}
.indflex01 .nr{flex:1 1 auto;overflow:hidden;margin-left:35px;position:relative;z-index:1;}

.wrap_mode002 .indflex01 .modeTil > .titwidth02{margin-left: 20px;}

.wrap_mode005 .more{position: absolute; right: 0; top: 46px;
    width: 100px;}
.wrap_mode005 .index_title .more a{}
@media(max-width:768px){

    .indconbg {
    padding-bottom: 0px;
}
.mode004 .modeTil {
   margin-bottom: 10px;
}
.indflex01{display:block;}
.indflex01 .nl{width:auto;margin-bottom:10px;}
.indflex01 .nr{padding-bottom:20px;margin-left:0;}
}
/* list1 */
.list1 li {
  border-bottom: rgba(213, 213, 213, 0.49) solid 1px;
  color: #791CB5;
  padding: 15px 0;
}
/* list2 */
.list2 li{
  display: flex;
  display: -webkit-flex;
  display: -ms-flex;
}
.list2 li {
  height: 105px;
  position: relative;
}
.list2 li:before {
  content: "";
  display: block;
  position: absolute;
  left: 112px;
  bottom: 0;
  right: 0;
  height: 1px;
  background: rgba(255, 255, 255, 0.18);
}
.list2  li .time {
  flex-shrink: 0;
  width: 110px;
}
.list2 li .name {
  font-weight: bold;
}
.list2 li .name a {
  color: #333;
}
.list2 .name a{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;}
.list2 .more {
  text-align: right;
  padding: 2px 45px;
}
.list2 .more a {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.71);
}
.list2 .more a:hover {
  color: #fff;
}
.list2 .time {
  color: #333;
  text-align: center;
  font-family: "Roboto-Light";
}
.list2 .time div {
  line-height: 1em;
  padding-bottom: 0.04rem;
}
/* list2 */
.mode10 .list25{background: #fff; overflow: hidden;}
.mode10 .img{ width: 50%; padding-bottom: 28%; float: left;}
.mode10 .listText{ padding: 50px;}
.mode10 .listCon{ margin: 35px 0 0;}
.mode10 .listCon > a{ color:#0c4891;}
.mode10 .readMore{ color:#0c4891;}
/* list10 */
.slick-news3{margin-bottom: 30px;}
.slick-img3{margin-left: 53%;}
.slick-slide > a{display: block;}
.slick-txt3{width: 48.5%;float: left;}
.slick-txt3 h3{margin-bottom: 12px;
    /* transform: translateY(20px);transition: transform 1s ease-out;transition-delay: 0.5s;  */
    font-weight: normal;}
.slick-txt3 .p{
    color: #858b93;
    /* transform: translateY(20px);transition: transform 1s ease-out;
    transition-delay: 0.5s; */
}
 .slick-txt3 .timbox{ color: #858b93; margin-top: 14px;}
.slick-news3 .slick-slider{overflow: hidden;position: relative;}
.slick-news3 .slick-active .slick-txt3 h3,.slick-news3 .slick-active .slick-txt3 .p{transform: none;}
/* .slick-news3 .slick-dots{position: static;transform: none;text-align: center;padding-top: 30px;} */
.slick-news3 .slick-dots{transform: none;text-align: left;padding-top: 0;bottom: 16px;left: 30%;}
.slick-news3 .slick-dots li.slick-active{
    /* border: 1px solid #2c6095; */
    background-color: #0195ff;}
.slick-news3 .slick-dots li:hover{}
.slick-news3 .slick-dots li{margin: 0 6px;background-color: #c6c6c6;width:8px; height: 8px;}
.modeLi04{
    width:94%;
        position: absolute;
    bottom: 10px;
}
.modelist4{
    position: relative;
 /* background: url(../images/dkjbic.png) no-repeat right bottom;  */
}
.modelist4::before{
    content: '';
    position: absolute; 
    right: 0;
    bottom: 0;
    width: 60%;
    height: 100%;
    background: url(../images/dkjbic.png) no-repeat right bottom; z-index: 1;}

.modeLi04 li{ width: calc(50% - 15px);  border-radius: 12px; padding: 14px 40px;
    background: #b6deee;  transition: all .2s ease-in-out;}
.modeLi04 li:last-child{ background: #0b7f61;}
.modeLi04 li:last-child .name{color: #fff;}
.modeLi04 .name{line-height: 30px;}

.mode004 .modeLi04 .flex {
  align-items: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
   align-items: center;
    justify-content: center; 
    gap: 0 30px;
}
/* .mode004 .modeLi04 .icon{
margin-right: 18px;
} */

@media screen and (max-width:767px) {
.slick-img3{float: none;width: 100%;margin-bottom: 15px;}
	.slick-txt3{margin-right: 0;}
	.slick-news3 .slick-dots,.CFAU-list6  .slick-dots{padding-top: 15px;transform: scale(0.7);}
	.slick-news3 .slick-dots li,.CFAU-list6 .slick-dots li{margin: 0 5px;}

}
/* new */
@media screen  and (max-width:1640px){
    .index_02c li .listinfoa{font-size: 12px; }
}






.side_fix{ width: 97px; height: auto; position: fixed; right: 0; top: 50%;transform: translateY(-50%); 
    z-index: 100;pointer-events: none;opacity: 0;  
     overflow: hidden;}
.side_fix ul::before{content: '';display: block;width: 100%; height: calc(100% - 0px); 
   background: #f6f9ff;border-radius: 20px;
    position: absolute;bottom: 0;right: 0;z-index: -1; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.08); }
.side_fix ul{ 
    border-radius: 20px;
    position: relative; margin-bottom: 30px;
    text-align: center; padding: 14px 0 24px;background: #f6f9ff; box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.09);
}
.side_fix li{ margin-bottom: 14px;}
.side_fix li:last-child{ margin-bottom: 0px;}
.side_fix li.sidef_color{background: #0b9fe3; border-radius: 10px; width:72px;height: 72px; margin: 0 auto; 
    padding-top: 10px;  box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.06);  margin-bottom: 16px;}
.side_fix li.sidef_color a{color: #fff;}
.side_fix a{ }
.sj-goTop{position:absolute;bottom: -20px; left: 50%;transform: translateX(-50%);}

.sj-goTop a{background:#007ed8; border-radius: 50%;width:42px;height: 42px; display:block;margin: 0 auto;
    line-height: 46px;}
.sj-goTop a img{width:18px;}
.side_fix .icon{ }
.side_fix .name{ line-height: 1.25; margin-top: 0px;transition: color 0.25s ease-in-out;}
.side_fix a:hover .name{ color: #007ed8;}
.side_fix.fixed{ animation: siderShow 0.5s ease-in-out forwards;pointer-events: initial;}
@keyframes siderShow {
  0%{ opacity: 0; transform: translateY(100%);}
  100%{ opacity: 1; transform: translateY(-50%);}
}
@media screen and (max-width: 1100px) {
  .side_fix{ display: none;}
}


/* Responsive style */
@media screen and (max-width:1760px){
  .side_fix li{ margin-bottom: 15px;}
  .side_fix .name{ margin-top: 6px;}
}

@media screen and (max-width:1580px){
  .side_fix{ width: 90px;}
  /* .side_fix ul{ padding: 70px 0 20px;} */
  .side_fix li{ margin-bottom: 10px;}
  .side_fix .icon{ font-size: 0;}
  .side_fix .icon img{ max-height: 28px;}
  .side_fix .name{font-size: 11px;}
}


@media screen and (max-width:1280px){
  /* .side_fix{ width: 72px;} */
  .side_fix .name{ margin-top: 3px;}
 
}



.index_03a {
    width: 550px;
    float: left;
}

.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;
    box-shadow: 0 0 14px rgba(0,0,0,0.08);
}

.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:#007ed8; */
  /* 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) {
    .row001 .rt li{    padding: 8px 0;}
      /* .mode002 .rt li a{padding: 16px 40px 16px 0;}   */
    /* .mode002 .rt ul{    height: 610px;}
    .modezt01 ul{height: 514px;} */
    .listDate02 ul li{padding: 12.7px 0;}
    .modezt01 .zttoping{margin-bottom: 26px;}
.indli05 .icon img{width:50px;}
.mode005 .modeTil{margin-top: 20px;}
.wrap_mode005 .index_title{height: 50px;}
.wrap_mode005 .more{top: 40px;}
/* .indli05 a{padding: 20px 0 0px; } */
.indli05 .name{margin-top: 10px;}
    /* .banner_s {
    height: 422px;
} */
 .indli05 ul li a{    padding: 38px 10px 20px;}
 .mode005 .indli05{    padding: 30px 26px 48px;}
    .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) {
  /* .modeTil .title{ 
    padding: 26px 28px 15px; color: #282828;

} */
.slick-news3 .slick-dots{bottom: 0;}
.slick-news3 .slick-txt3 h3 {
    margin-bottom: 6px;
}
.slick-txt3 .timbox {
    margin-top: 6px;
}
    .mode005 .indli05{padding: 20px 18px;}
    .indli05 .icon{height: 48px;}
    .indli05 .name{margin-top: 12px;}
    .row03 .mo03list .modeCon .textBox{ width: 80%;}
    .banner_s {
    height: 360px;
}
.tabmode01 .lf{width: 56%;}
.tabmode01 .rt{ width: 42%;}
.itemMode01 .swiper .info{    padding: 50px 69px 50px 0;}
.modezt{margin: 30px 0 0px;}
.itemMode01 .swiper .swiper-pagination{/* bottom: 200px; */}
.row001 .rt li a{    padding: 6px 20px 6px 0;}
    .index_03a {
        width: 430px;
        float: left;
    }
    .index_03b {
        margin: 0 0 0 460px;
    }

    .index_03a .time{margin: 0 0 13px 0px;}
    .mode002 .rt ul {
    height: 522px;
}
.indli05 .icon img {
    width: 40px;
}
.mode002 .rt li a{padding: 21px 30px 20px 0;}
 .indli05 ul li a{    padding: 26px 10px 20px;}
 .mode005 .indli05{    padding: 30px 16px 42px;}
 .indli05 .icon{
        margin-bottom: 10px;
 }
.modezt01 ul{height: 448px;}
 .modezt01 .zttoping{margin-bottom: 34px;}

.modeLi04 li{padding: 10px 10px;}
.modelist4 .nl{    width: 49.2%;}
.mode004 .modeLi04 .flex{gap: 0 20px;}
.Ind-banner .slick-dots{padding-top: 24px;}
.modelist4 .nr .iconList05 li{    padding: 10px 0px 10px 0;}
.modelist4::before{height: 38%;}
.modeLi04{width: 98%;}





}
@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) {
        .modezt01 .zttoping {
        margin-bottom: 12px;
    }
    .indekyli03 .index_03a .bottom{ padding: 20px 10px 16px;}
    .mode004 .modeLi04 .icon{width: 40px;} 
.slick-news3 .slick-dots {
    bottom: -16px;
    left: 50%;
    transform: translateX(-50%);
}
    .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) {
    .mode005 .iconList05 {padding-bottom: 0;}
     .mode10 .img{ float: none; width: 100%; padding-bottom: 56.25%;}
   .mode10 .listCon.lh28x5{ height: auto; max-height:140px;}
    .index_03a,.indekyli03 .index_03a{
        width: auto;
        float: none;
    }
.indekyli03 .index_03bli{
    margin: 30px 0 0;
}
.indekyli03 .index_03a .bottom{box-shadow: 0 0 14px rgba(0,0,0,0.08);}
  
    .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;
    }
        .Ind-banner .slick-dots {
        padding-top: 12px;
        text-align: center;
    }

}
@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: 2;margin-top: 6px;}
.mode03svg li .img1svg:before{content: "";position: absolute;top:0;right:0;bottom:0;left:0;
    border: #009844 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: #009844;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%; left: 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: #009844;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: 40px 0 40px;}
    .aside .side_menu{margin-top: 10px;}
    .wrap_mode03{    padding: 0px 0 50px;}
    .mode03svg .imgsvgid .box {
        min-height: 177px;
    }
    .banner_wrap {
    margin-bottom: 10px;
}
}
@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){
    .index_01a .swiper-pagination{bottom: 10px;}
    .row03 .modeCon, .hasBorderTop {
    padding: 30px 30px 20px;
}
    .aside .side_menu li:first-child{min-height: 43px;}
    /* .wrap_mode01{ padding: 6px 0 20px;} */
    /* .index_02c li{padding: 12px 6px;} */
    .banner_wrap {
    margin-bottom: 0px;
}
    .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){
.sub07ab .flex{
	
flex-direction: column;
}
.sub07ab .sub07_nl{
	width: 100% !important;
}
	.sub07ab .sub07_nr{
		width: 100% !important;
		margin-left: 0 !important;
		margin-top: 20px;
		
	.swiper-free-mode>.swiper-wrapper{
		padding-bottom: 55px !important;
	}
	}
	.sub07ab .swiper-button-next, .sub07ab .swiper-button-prev{
		top: auto !important;
		margin: 0 !important;
		bottom: 0px;
	}
    .indconbg::before{
            background-size: cover;
    }
    .modelist4::before{display: none;}
    .wrap_mode03{
        padding: 0px 0 30px;
        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;}
    .banner_s {
    height: 288px;
}
    .wrap_mode06{display: none;}
    .mode002 .rt ul{height: auto;}
    .row03 .mo03list .modeCon .textBox {
    width: 68%;
}



}


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

/* 992 */
   .wrap_mode01 .box>.flex{display: block;}
    .itemMode01{display: block;}
    .tabmode01 .lf{width: auto;margin-bottom: 20px;}
    .tabmode01 .rt{width:100%;}
  .tabmode01 .rt ul{width:98%;}
    .indflex01{display:block;}
.indflex01 .nl{width:auto;margin-bottom:10px;}
.indflex01 .nr{padding-bottom:20px;margin-left:0;}
.mode005 .indflex01 .nr .slick-txt3{width:100%;float: none;}
.mode005 .slick-img3{margin-left: 0; margin-top: 30px;}
.mode005 .indflex01 .nl{width: auto;}
.mode002 .indflex01 .nr{margin-left: 0;margin-bottom: 0; padding-bottom: 0;}
.indflex01{display:block;}
.indflex01 .nl{width:auto;margin-bottom:10px;}
.indflex01 .nr{padding-bottom:20px;margin-left:0;}
.itemMode01 .swiper .swiper-pagination{/* bottom: 140px; */}
}



@media screen and (max-width: 768px){
    .banner_s ul li{height: 130px;}
        .banner_s {
    height: 172px;
}
.mode02_bg2{
    height: 50px;
    background-size: cover;
}
    .wrap_mode01{padding: 20px 0 0 0px;}
    .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;}
.modelist4{background: transparent;}
.modeLi04{
    position: static;
    margin-top: 10px;
    padding: 20px 20px 10px 20px;
    width: 100%;
     background: url(../images/dkjbic.png) no-repeat center center; 
         background-size: 100% 100%;
}
.modeLi04 li{margin-top: 0;}
    .box{margin-top: 20px;}
    .wrap_mode01 .box>.flex{display: block;}
    .itemMode01{display: block;}
    .tabmode01 .lf{width: auto;}
    .tabmode01 .rt{width:100%;}
  .tabmode01 .rt ul{width:98%;
    /* display: flex; display: -ms-flexbox; justify-content: space-between; -ms-justify-content: space-between; -ms-flex-pack: justify; */}
.itemMode01 .swiper .info{padding: 20px 20px 20px 0;}
	.itemMode01 .swiper .date{
    width: auto;
    padding: 10px 5px;
}
.itemMode01 .swiper .textBox{padding-left: 20px;}
.row001 .rt .modeCon .date{margin-right: 0;}
.modelist4{display: block;}
.modelist4 .nl{ width: 100%;
        margin-bottom: 30px;}
.modelist4 .nr{margin-left: 0;}
.mode004{padding: 0 20px 20px;}
.mode005 .indflex01 .nl{width: auto;}
.mode005 .indflex01 .nr{margin-left: 0;padding-bottom: 0;}
.mode005 .indli05 ul{    max-width: 100%;}
.tabmode01 .rt a{padding-top:14px;padding-bottom: 14px;}
.mode002 .rt ul,.modezt01 ul{ height: auto;}
.mode002 .rt li a{ width:100%;padding: 12px 10px 12px 0;margin-bottom: 10px;}
.modeTil{margin: 10px 0; display: block;}
.itemMode01 .modeTil { margin: 10px 0 0px;}
.modeTil .h3tit{padding-top: 10px; padding-bottom: 10px;}
.modezt{margin: 20px 0 0px;}
.modeTil .title{ padding: 12px 6px 10px; background-size: 40px;}
.modeTil .boxTitle::before{    top: 18px; width: 1px;
    height: 18px;}
.wrap_mode006 {
    padding: 20px 0;
}
.itemMode01 .more,.wrap_mode002 .more{/* display: none; */position: absolute;right: 0;bottom: -1px;}
.modeTil .modeMore{padding-right:10px; background-size:7px; margin-bottom: 10px;}
.itemMode01 .more .modeMore{padding-bottom: 0;padding-top: 0;}
.wrap_mode002 .indflex01 .modeTil > .titwidth02{margin-right: 0; justify-content: flex-start;}
.modeTil > .flex{justify-content: flex-start;}
.wrap_mode002{padding-bottom: 20px;}
.mode002 .nl .modeTil .title,.mode002 .nr .modeTil .title,.mode003 .titIcon03 .title,.mode004 .title,.mode005  .title{background-size: 40px;}
.tabmode01 .modeTil .boxTitle.on{background-size: 40px;}
.mode005 .indflex01 .nr .slick-txt3{width:100%;float: none;}
.mode005 .slick-img3{margin-left: 0; margin-top: 30px;}
.mode002 .indflex01 .nr{margin-left: 0;margin-bottom: 0; padding-bottom: 0;}
.modezt01 ul{}
.mode002 .modezt01 li{display: block;margin-bottom: 12px;}
.row03 .modeCon, .hasBorderTop{ 
   background: #fff;
   padding: 20px 20px;
   
}
.tabmode01 .modeCon .textBox{width: calc(100% - 20px);
    padding-left: 20px;}
.tabmode01 .modeCon .info{    padding: 14px 20px 14px 20px;}
.modeLi04 li{    padding: 14px 10px;}
.indekyli03 .index_03a .info{    margin: 0 0 0px;}
    .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: #009844;}
    .mode04{margin: 30px 0 0;}
    .mode05{margin: 30px 0 0;}
    .wrap_mode05{padding: 30px 0;overflow: hidden;}
    /* .wrap_mode04 .mode4_bg{background: #009844;} */
    .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;}
.mode005{    margin-top: 0px;
    padding: 10px 10px 20px;    border-radius: 0 0 0 30px;background-size: auto;}
    .contentbg02{padding: 20px 0 0px;}
    .iconList05 {
    padding-bottom: 20px;
}
    .mode005 .modeTil {
        margin-top: 6px;
    }
    .indli05 li{margin-top: 20px;}
        .indli05 a {
        /* padding: 14px 0 0px;
        height: 140px; */
    }
    .mo03list .modeTil{width: 280px;}
    .mode005{  margin-top: 0px;
    padding: 0px 0px 10px; }

.borbox05{
     border-radius: 40px 0 0 0px;
     padding: 20px 20px 20px;
}
.mode005 .indli05{
    margin: 8px;
    padding: 20px 16px 30px;
    box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.07); 
      border-radius: 0px 0 40px 0px;
}
.wrap_mode005 .index_title{height: 40px; margin-bottom: 20px;}
 .index_title{height: 40px; margin-bottom: 20px;}
.iconList05 ul.flex,.indlibg02 ul.flex{display: block;}
.iconList05 li{ width: calc(100% - 0px); margin-bottom: 10px; }

.mode005 .indflex01 .nr .indli05 .title a{height: auto;padding: 0;}
.mode005 .indflex01 .nr .more{padding: 0;padding-right: 20px;}
.index_title .more a{background-size: 7px;padding-right: 10px;}
.modeTil .boxTitle.on::after{    bottom: -4px; width: 90%; height: 5px;}
.iconList05 .listtit05 li{padding: 10px 0px 10px 0; margin-bottom: 0;}
.seachBoxlk{margin-left: 0;}
.seachBoxlk .gp-search{width: 100%; height: 40px; margin: 10px auto;}
.seachBoxlk .gp-search .notxt1{width: 100%; height: 40px; }
.tabmode01 .modeTil .boxTitle{padding:12px 6px 10px;}
.row001 .rt li a{  padding: 8px 20px 8px 0;}
.listin01 li h3{white-space: normal;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		height: auto;}
 .indli05 ul li a{padding: 18px 10px 10px;}
}

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


.itemMode01 .swiper .swiper-pagination{bottom: 8px;width: 100%;right: 0;}
.itemMode01 .swiper .swiper-pagination .swiper-pagination-bullet{ width: 8px;height: 8px;margin: 0 6px;}


}




@media screen and (max-width:479px){
.banner_s {
    height: 155px;
}
.index_01a .swiper-pagination{bottom: 20px;}
    .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;} */
    .indekyli03 .index_03a .img{float: none;width:100%;}
    .indekyli03 .index_03bli{margin-top: 6px;}
    .mode004 .modeLi04 ul.flex{display: block;}
    .modeLi04 li {
    width: calc(100% - 0px);margin-bottom: 10px;}
    .mode005 .indli05{    padding: 20px 14px;}
}