@charset "utf-8";
.news-catelists{padding: 80px 0;}
.news-catelists ul {margin-left: -32px;}
.news-catelists ul li{padding-left: 32px;}
.news-catelists ul li a{ display: inline-block; line-height: 70px; padding: 0 90px; border: 1px solid #808080; color: #3C3C3C;}

.news-catelists ul li a:hover,
.news-catelists ul li.current-menu-item a{border-color:vavar(--yf-green-default); background-color:var(--yf-green-default); color: #fff;}

/*  */
.news-lists{}
.news-lists ul{margin-left: -45px;}
.news-lists ul li{ width: 33.33%; padding-left: 45px; margin-bottom: 60px;}


.news-item{ display: block; background-color: #F8F8F8; box-shadow: 0px 0px 40px 0px rgba(0, 131, 118, 0.08);}
.news-pic{ position: relative; overflow:hidden;}
.news-pic img{width: 100%; transition: .3s;}

.news-content{ padding: 28px 45px 45px;}
.news-content h3{ height: 78px; color: var(--yf-green-default); overflow: hidden;}
.news-content p{ margin-top: 15px; height: 61px; overflow: hidden;}

.news-content-desc p{ height: 100px!important; overflow-y: auto;}

.news-item:hover .news-pic img{transform: scale(1.1);}
@media (max-width:1600px) {
  .news-catelists{padding: 60px 0;}
  .news-catelists ul li a{line-height: 60px; padding: 0 70px;}

  .news-content{ padding: 28px 25px 45px;}
  .news-content h3{ height: 68px;}
  .news-content p{ height: 56px; }
}

@media (max-width:1440px) {
  .news-catelists{padding: 40px 0;}
  .news-catelists ul {margin-left: -22px;}
  .news-catelists ul li{padding-left: 22px;}
  .news-catelists ul li a{line-height: 50px; padding: 0 50px;}
  .news-lists ul{margin-left: -25px;}
  .news-lists ul li{ padding-left: 25px; margin-bottom: 30px;}
}

@media (max-width:1200px) {
  .news-catelists{padding: 30px 0;}
  .news-catelists ul {margin-left: -5px;}
  .news-catelists ul li{padding-left: 5px;}
  .news-catelists ul li a{line-height: 50px; padding: 0 30px;}

}

@media (max-width: 860px) {
  .news-lists ul li{ width: 50%;}
}

@media (max-width: 768px) {
  .news-content{ padding: 15px;}
  .news-content h3{ height: 61px;}
  .news-content p{height: 46px;}
}

@media (max-width: 640px) {
  .news-catelists ul li{ width:33.33%;}
  .news-catelists ul li a{ display:block; line-height: 50px; padding: 0 15px; text-align:center;}
    
  .news-lists ul li{ width: 100%;}
}
/*  */
/*  */
.news-kldhead-lists ul {margin-left: -44px;}
.news-kldhead-lists ul li{width: 50%; padding-left: 44px;}
.news-kldhead-item{display: block;box-shadow: 0px 0px 40px 0px rgba(0, 131, 118, 0.08);}
.news-kldhead-pic{overflow: hidden;}
.news-kldhead-pic img{width: 100%;}

.news-kldhead-content{padding: 0 67px;}
.news-kldhead-title{ padding: 40px 64px; background-color: #fff; transform: translateY(-50px);}
.news-kldhead-title h3{ color: var(--yf-green-default); white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news-kldhead-title p{margin-top: 12px; height: 92px; overflow: hidden;}

.news-kldhead-item:hover .news-kldhead-title{}

@media (max-width:1600px) {
  .news-kldhead-title p{ height: 82px;}
  .news-kldhead-content{padding: 0 40px;}
  .news-kldhead-title{ padding: 20px 30px;}
}

@media (max-width:1200px) {
  .news-kldhead-lists ul {margin-left: -25px;}
  .news-kldhead-lists ul li{width: 50%; padding-left: 25px;}
}

@media (max-width: 860px) {
  .news-kldhead-content{padding: 0 20px;}
  .news-kldhead-title{ padding: 15px;}

}

@media (max-width: 768px) {
  .news-kldhead-lists ul li{width: 100%;}
}
@media (max-width: 768px) {


.news-kldhead-title{transform: translateY(0);}

}
/*  */
.news-cate-title{align-items: center;}
.news-cate-title h3{color: var(--yf-green-default);}
.news-cate-title span{margin-left: 16px; flex: 1; height: 1px; background-color: #EBEBEB;}

.news-kld-lists ul {margin-left: -44px;}
.news-kld-lists ul li{width: 33.33%; padding-left: 44px; margin-top: 60px;}
/*  */
.news-kld-item{display: block;box-shadow: 0px 0px 40px 0px rgba(0, 131, 118, 0.08);}
.news-kld-pic{overflow: hidden;}
.news-kld-pic img{width: 100%;}

.news-kld-content{}
.news-kld-title{ padding: 28px 45px; background-color: #fff;}
.news-kld-title h3{ color: var(--yf-green-default); white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news-kld-title p{margin-top: 12px; height: 92px; overflow: hidden;}

/* .news-kld-item:hover .news-kld-title{ box-shadow: 0 0 15px rgba(0,0,0,.1);} */


@media (max-width:1600px) {
  .news-kld-title p{ height: 82px;}
}


@media (max-width:1440px) {
  .news-kld-title{ padding: 28px 25px;}
}


@media (max-width:1200px) {
  .news-kld-lists ul {margin-left: -25px;}
  .news-kld-lists ul li{width: 33.33%; padding-left: 25px; margin-top: 30px;}
  .news-kld-title{ padding: 15px;}
}

@media (max-width: 860px) {
  .news-kld-lists ul li{width: 50%; }

}

@media (max-width: 768px) {
  .news-kld-lists ul li{width: 100%;}
}


/*  */
.faq{align-items: flex-start; justify-content: space-between;}
.faq-left{max-width: 360px;}
.faq-cate-title h3 a{color: var(--yf-green-default);}

/*  */
.faq-right{width: 60%;}
/*  */
.faq-search { width: 100%; align-items: center; flex-wrap: nowrap; padding-left: 37px; background: rgb(246, 251, 250); border: 1px solid rgb(0, 131, 117);}
.faq-search i {  font-size: 28px; color: #44978D;}
.faq-search input { flex: 1; display: block; padding-left: 25px; font-size: 24px; background: none; color: #3C3C3C; line-height: 80px; }
.faq-search button { display: block; line-height: 80px; color: #fff; width: 240px; background-color:var(--yf-green-default); border: 1px solid var(--yf-green-default);}
@media (max-width:1600px) {
  .faq-search { padding-left: 24px;}
  .faq-search i { font-size: 24px;}
  .faq-search input { font-size: 18px; line-height: 60px; }
  .faq-search button { line-height: 60px; width: 140px; }
}

@media (max-width: 1200px) {
  .faq-search { padding-left: 15px;}
  .faq-search i { font-size: 20px;}
  .faq-search input { padding-left: 15px; font-size: 16px; line-height: 50px; }
  .faq-search button { line-height: 50px; width: 100px; }
}

@media (max-width: 768px) {
  .faq-search { padding-left: 10px;}
  .faq-search i { font-size: 20px;}
  .faq-search input { padding-left: 10px; font-size: 14px; line-height: 40px; }
  .faq-search button { line-height: 40px; width: 80px; font-size: 16px; }
}

/*  */
.faq-lists{margin-top: 64px;}
.faq-lists ul li{ padding: 15px 0; border-bottom:1px solid #EBEBEB; cursor: pointer;}
.faq-lists .faq-title h3{position: relative;}
.faq-lists .faq-title h3 span{ position: absolute; top: 50%; right: 0; margin-top: -1px; width: 20px; height: 2px; background-color: #3C3C3C;}
.faq-lists .faq-title h3 span::before{position: absolute; top: 50%; left: 50%; content: ''; width: 2px; height: 20px;background-color: #3C3C3C; transition: .3s; transform: translate(-50%, -50%);}
.faq-lists .faq-content{ margin-top: 15px; display: none;}
.faq-lists .faq-content p{ color: #3C3C3C;}
.faq-lists ul li.active .faq-title h3{ color:var(--yf-green-default);}
.faq-lists ul li.active .faq-title h3 span{ background-color:var(--yf-green-default);}
.faq-lists ul li.active .faq-title h3 span::before{height: 0;}

@media (max-width: 1200px) {
  .faq-left,
  .faq-right{width: 100%;}
  .faq-lists{margin-top: 25px;}
  .faq-right{margin-top: 35px;}
}

@media (max-width: 768px) {
  .faq-lists .faq-title h3 span{  width: 15px; height: 2px;}
  .faq-lists .faq-title h3 span::before{ width: 2px; height: 15px;}
}

/*  */
.secview-item{}

/*  */
.secview-pic{width: 45%;}
.secview-pic img{width: 100%;}

.secview-content{ width: 55%;}
.secview-title h3{color: var(--yf-green-default);}
.secview-desc{margin-top: 32px;}
@media (max-width:1200px) {
  .secview-desc{margin-top: 15px;}
}

@media (max-width:640px) {
  .secview-pic,
  .secview-content{ width: 100%;}

  .secview-content{padding-top: 20px;}
}


/*  */
.secview-head a:first-child{ margin-top: 60px; padding-bottom: 60px; border-bottom: 1px solid #EBEBEB;}
.secview-head a:last-child{padding-top: 60px;}
.secview-head .secview-content{ width: 55%; padding-left: 55px;}
@media (max-width:1200px) {
  .secview-head a:first-child{ margin-top: 40px; }
.secview-head .secview-content{ width: 55%; padding-left: 25px;}

}
@media (max-width:860px) {
  .secview-head a:first-child{padding-bottom: 30px; }
  .secview-head a:last-child{padding-top: 30px;}
}

@media (max-width:640px) {
  .secview-head .secview-content{ width: 100%; padding-left: 0;}
  
}

/*  */
.secview-lists ul{margin-left: -20px;}
.secview-lists ul li{width: 50%; margin-top: 60px; padding-left: 20px;}
.secview-lists .secview-content{ padding-left: 32px;}

@media (max-width:1200px) {
  .secview-lists ul li{margin-top: 40px; }
  .secview-lists .secview-content{ padding-left: 15px;}
}

@media (max-width:860px) {
  .secview-lists ul li{width: 100%;}
}


@media (max-width:640px) {
  .secview-lists .secview-content{ padding-left: 0x;}

}

/*  */
.vblog-video-lists ul{margin-left: -45px;}
.vblog-video-lists ul li{ margin-top: 60px; width: 33.33%; padding-left: 45px;}

.vblog-video-pic{overflow: hidden;}
.vblog-video-pic img{width: 100%;}

.vblog-video-content{ padding-top: 28px;}
.vblog-video-title h3{color: var(--yf-green-default);}
.vblog-video-desc{margin-top: 14px;}


@media (max-width:1200px) {
  .vblog-video-lists ul{margin-left: -25px;}
  .vblog-video-lists ul li{ margin-top: 40px; width: 33.33%; padding-left: 25px;}
}

@media (max-width:768px) {
  .vblog-video-lists ul{margin-left: -15px;}
  .vblog-video-lists ul li{ padding-left: 15px;}
}

@media (max-width:640px) {
  .vblog-video-lists ul li{ width: 100%;}

}