.bgcolor{ background: #eee;}
.wrapper{position: relative; height: auto; overflow: hidden;padding-bottom: 15rem;}
.hbg header{ background: rgba(0,0,0,0.7); transition: all 0.5s;}
.martop5{ margin-top: 5rem;}
.martop6{ margin-top: 6rem;}
.martop8{ margin-top: 8rem;}
.martop10{ margin-top: 10rem;}
.marbot5{ margin-bottom: 5rem;}
.marbot6{ margin-bottom: 6rem;}
.marbot8{ margin-bottom: 8rem;}
.marbot10{ margin-bottom: 10rem;}
/* .hero .cd-logo img{filter: brightness(1) invert(0);} */
.hero.hbg .cd-logo img{filter: brightness(0) invert(1);}
#hmpage,#hmpage .banner,#hmpage .banner .swiper .swiper-wrapper .swiper-slide{ height: auto;}
#hmpage .banner .swiper .swiper-wrapper .swiper-slide img{ position: relative; height: auto;}
@media screen and (max-width:767px){
    #hmpage .banner .swiper .swiper-wrapper .swiper-slide img{height: 260px;}
}
.advantage{ padding: 5rem 0;}
.advantage .tit{ padding: 5rem; background: url(../images/ys_img.png) no-repeat; background-size: cover;}
.advantage .tit h3,.advantage .tit p{ color: #fff;z-index: 1; line-height:2}
.advantage .tit h3::after{ background: #fff;}
.advantage .list{ padding: 3rem 0;}
.advantage .list ul{ -webkit-align-items: stretch;align-items: stretch;}
.advantage .list ul li{ position: relative; cursor: pointer; -webkit-justify-content: flex-start; justify-content: flex-start; width: 24%; padding:5rem 3rem; background: #f5f5f5;}
.advantage .list ul li span{ width: 8rem; height: 8rem;}
.advantage .list ul li img{ transition: all 0.5s;}
.advantage .list ul li p{ font-size: 1.4rem; line-height: 1.5; color: #666;}
.advantage .list ul li h3{ margin-top: 2rem; margin-bottom:1rem; font-size: 2rem; color:#444}
.advantage .list ul li small{ text-transform: uppercase; font-size: 1.2rem; color: #666; margin-bottom: 2rem;}
.advantage .list ul li b{ position: absolute; left: 1rem; top: 0; font-size: 3rem; font-family: Georgia, 'Times New Roman', Times, serif; color: #aaa;}
.advantage .list ul li:hover{ background:#fff}
.advantage .list ul li:hover h3{ color: #222;}
/*.advantage .list ul li:hover span{}*/
/*.advantage .list ul li:hover img{filter: grayscale(100%) brightness(200%);}*/
.advantage .list ul li::after{ position: absolute; left: 0; bottom: 0; content: ""; width: 0; height: 0.2rem; background: #69aa6f; transition: all 0.5s;}
.advantage .list ul li:hover::after{width: 100%;}
@media screen and (max-width:1199px){
    .advantage .list ul li{ width: 49%;}
    .hero.hbg .cd-logo img { filter: brightness(1) invert(0);}
}
@media screen and (max-width:767px){
    .advantage .tit{ padding: 3rem;}
    .advantage .list ul li{ width: 100%; margin-bottom: 1rem;}
}
/*产品频道页*/
.menubar{  padding: 5rem 0;}
.menubar ul{ -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center;justify-content: center;}
.menubar ul li{ border: 1px solid #ddd; margin: 1rem; transition: all 0.5s; background: linear-gradient(90deg, #eee 0%, #fff 50%, #f0f0f0 100%);}
.menubar ul li a{ display: block; padding:1rem 3rem;}
.menubar ul li span{ display: block; font-size: 1.8rem;transition: all 0.5s;}
.menubar ul li span img{ display: block; max-width: 3rem; margin: auto; transition: all 0.5s; }
.menubar ul li:hover,.menubar ul li.on{ background: #222; border-color: #222;}
.menubar ul li:hover span,.menubar ul li.on span{ color: #fff;}
.menubar ul li:hover span img,.menubar ul li.on span img{filter: grayscale(100%) brightness(200%);}
@media screen and (max-width:1199px){
    .menubar{ padding: 3rem 0;}
}

@media screen and (max-width:767px){
    .menubar{ padding: 1rem 0;}
    .menubar ul li{margin:1px;}
    .menubar ul li a{ padding: 1rem;}
}

.cate_imglist ul li{ width: 100%; margin-bottom: 8rem;}
.cate_imglist ul li a{width: 100%; -webkit-align-items: stretch; align-items: stretch; background: #f5f5f5;}
.cate_imglist ul li:nth-child(2n) a{ flex-direction:row-reverse;}
.cate_imglist ul li .img{ width: 50%; overflow: hidden;}
.cate_imglist ul li .imgcut{ padding-bottom: 50%;}
.cate_imglist ul li img{ transition: all 0.5s;}
.cate_imglist ul li:hover img{  transform: scale(1.1);}
.cate_imglist ul li .txt{ width: 50%; height: 100%; transition: all 0.5s; padding:3rem 5rem; }
.cate_imglist .txt h3{ font-size: 2rem; line-height: 2; color: #000; -webkit-align-items: flex-start; align-items: flex-start;}
.cate_imglist .txt h3 small{ color: #666; font-size: 1.4rem;}
.cate_imglist .txt p{ color: #333; margin: 3rem 0; font-size: 1.6rem; line-height: 2;}
.cate_imglist .txt .btn{ padding: 0;}
.cate_imglist .txt .btn span{ display: inline-block; font-size: 1.2rem; line-height: 3rem; padding: 0.5rem 3rem; border: 1px solid #ddd; border-radius: 5rem; color: #333; margin-right: 1rem; transition: all 0.5s;}
.cate_imglist .txt .btn span:hover{color: #333; background: #fff;}

@media screen and (max-width:767px){
    .cate_imglist ul li a{ -webkit-flex-wrap:wrap; flex-wrap:wrap}
    .cate_imglist ul li{ width: 100%; margin-bottom: 1rem;}
    .cate_imglist ul li .txt{ padding:3rem}
    .cate_imglist ul li .img,.cate_imglist ul li .txt{ width:100%}
}

.list_imglist{ display: block; width: 100%; float: left;}
.list_imglist .swiper{ padding-bottom: 5rem; margin-bottom: 5rem;}
.list_imglist .swiper .swiper-pagination span.swiper-pagination-bullet{ background: #69aa6f;}
.list_imglist ul li{ width: calc( 33.33% - 5rem); margin-bottom: 8rem;}
.list_imglist ul li:last-child:nth-child(3n-1){margin-right: calc( 33.33% + 2.5rem);}

.list_imglist ul li .libox{ position: relative; overflow: hidden;}
.list_imglist ul li .img{ overflow: hidden; background: #69aa6f;}
.list_imglist ul li .img img{ opacity: 0.8;}
.list_imglist ul li .txt{ position:absolute; bottom:0; width: 100%; height: 5rem; line-height: 5rem; font-size: 1.6rem; padding: 0 2rem; color: #fff; overflow:hidden; transition: all 0.5s; background: rgba(0,0,0,.3);}
.list_imglist ul li .txt span.arrow{ display: block; width: 3rem; height: 3rem; line-height: 3rem; text-align: center; font-size: 1.2rem; border-radius: 50%; background: #fff; color: #333;}
.list_imglist ul li img{ transition: all 0.5s;}
.list_imglist ul li:hover img{ transform: scale(1.1);}
.list_imglist ul li:hover .txt{ height:0;}
.list_imglist ul li .info{ position: absolute; left:0; top:100%; width: 100%; height: 100%; padding: 3rem; background: rgba(0,0,0,0.7); color: #fff; font-size: 1..22rem; transition: all 0.5s;}
.list_imglist ul li .info span.bg{ display: inline-block; line-height: 2.5rem; padding: 0 1rem; background:#69aa6f; font-size: 1.2rem; border-bottom-left-radius: 1rem; border-top-right-radius: 1rem;}
.list_imglist ul li .info h3{ font-size: 1.8rem; margin: 2rem 0;}
.list_imglist ul li .info .icon_txt{ -webkit-align-items: flex-start; align-items: flex-start; margin-bottom: 1rem;}
.list_imglist ul li .info .icon_txt span{ padding-left: 2rem; line-height: 3rem; font-size: 1.4rem;}
.list_imglist ul li .info .icon_txt span.icon_txt1{ background: url(../images/dw_icon.png) no-repeat left; background-size: 1.5rem 1.5rem;}
.list_imglist ul li .info .icon_txt span.icon_txt2{ background: url(../images/lx_icon.png) no-repeat left; background-size: 1.5rem 1.5rem;}
.list_imglist ul li .info .btn{ padding: 0; -webkit-justify-content: flex-start;justify-content: flex-start;}
.list_imglist ul li .info .btn span{ display: inline-block; height: 5rem; line-height: 3rem; border-radius: 3rem; padding: 1rem 5rem; margin-right: 1rem; border: 1px solid #fff; color: #fff; font-size: 1.2rem;}
.list_imglist ul li .info .btn span:hover{ color: #333; background: #fff;}
.list_imglist ul li:hover .info{ top: 0;}

.tbar{ width: 100%; border-bottom: 1px solid #69aa6f; margin: 5rem 0;}
.tbar h1{ position: relative; display: inline-block; width: auto; line-height: 2; font-size: 2.4rem; color: #fff; padding-left: 2rem; padding-right: 3rem; height:0; border-bottom:5rem solid #69aa6f; border-right:5rem solid transparent}
.tbar small{ color: #fff; font-size: 1.2rem; text-transform: uppercase;}
.list_des .box{ -webkit-align-items: stretch;align-items: stretch; margin-bottom: 3rem;}
.list_des .lbox,.list_des .rbox{ width: 48%;}
.list_des .lbox{ height: auto;}
.list_des .lbox p{ padding: 1rem 0; text-indent: 3.6rem;}
.list_des .rbox .imgcut{ padding-bottom: 50%;}
.list_des{ width: 100%; margin: auto; float: left;}
.list_des_bot{padding: 5rem; background: #f5f5f5;}
.list_des_bot ul li{position: relative; text-align: center; cursor: pointer;}
.list_des_bot ul li::after{ content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 3px; background: #69aa6f; transition: all 0.5s;}
.list_des_bot ul li span{ display: block; margin-bottom: 1rem;}
.list_des_bot ul li:hover p{ color: #69aa6f;}
.list_des_bot ul li:hover::after{ width: 100%;}

@media screen and (max-width:1199px){
    .list_des .lbox,.list_des .rbox{ width: 100%;}
    .list_des .lbox{ height: auto; overflow: hidden;}
    .list_imglist ul{ margin: 0;}
    .list_imglist ul li{ width: calc( 50% - 0.5rem); margin-bottom: 1rem;}
    .list_imglist > ul > li:nth-child(n+7){ display: none;}
    .list_des_bot{ padding:3rem 0;}
    .list_des_bot ul li{ width: 33.33%; margin: 1rem 0;}
}
@media screen and (max-width:767px){
    .tbar{ border-bottom: 0; margin-bottom: 1rem;}
    .tbar h1{ font-size: 2rem; border-bottom: 4rem solid #69aa6f;border-right: 4rem solid transparent;}
    .list_imglist{ margin-bottom: 0;}
    .list_imglist ul li .txt{ padding: 0 1rem;}
    .list_imglist ul li .txt span{white-space: nowrap; font-size: 1.4rem;}
    
}
/*当前位置*/
.position{ width: 100%; height: 7rem; line-height: 1; padding: 1rem 0; color: #666; background: #fff; }
.sidemenu{ width: 50%; height: 5rem; }
.sidemenu a{ display: block; width: auto; font-size: 1.6rem; height: 5rem; line-height: 5rem; padding: 0 3rem; text-align: center; overflow: hidden; background: #fff; margin: 0 0.5rem;}
.sidemenu a:hover,.sidemenu a.on{ color: #fff;background:#69aa6f}
.position .site{ width: 50%; height: 5rem; line-height: 5rem; color: #666; }
.position .site a{ color: #333; font-size: 1.6rem; display: inline-block; padding: 0 0.5rem;}
.position .site a:hover{ color:#69aa6f;}
.position .site span{ display: inline-block; padding-left: 3rem; background: url(../images/address.png) no-repeat center left;}
@media (max-width:1600px){
    .sidemenu a{ padding: 0 1.5rem;} 
}
@media (max-width:1199px){
    .position{ height: auto;}
    .position .site,.sidemenu{ width: 100%;}
    .sidemenu{ height: 6rem; line-height: 6rem; padding: 0;}
    .sidemenu a{ margin: 0;} 
    .sidemenu .swiper-wrapper{ display: -webkit-box;}
}
@media (max-width:767px){
    .sidemenu a{ font-size: 2rem;}
    .position .site{ height: auto; line-height: 3rem; padding: 3rem 0;}
    .position .site span{ background-size: 2rem;}
}


.list_info{ padding: 5rem; background: #fff; -webkit-align-items: stretch; align-items: stretch;}
.list_info .left{ width: 25%; border-right: 1px solid #ddd; padding-right: 5rem;}
.list_info .left h3{ font-size: 2.4rem; line-height: 1.5;}
.list_info .left .icon_txt{ -webkit-align-items:start; align-items:start; margin-top: 3rem;}
.list_info .left .icon_txt span{ display: block; margin: .5rem 0; padding-left: 2rem;}
.list_info .left .icon_txt span.icon_txt1{ background: url(../images/anL_1.png) no-repeat left; background-size: 1.5rem 1.5rem;}
.list_info .left .icon_txt span.icon_txt2{ background: url(../images/anL_2.png) no-repeat left; background-size: 1.5rem 1.5rem;}
.list_info .left .icon_txt span.icon_txt3{ background: url(../images/anL_3.png) no-repeat left; background-size: 1.5rem 1.5rem;}
.list_info .left .icon_txt span.icon_txt4{ background: url(../images/anL_4.png) no-repeat left; background-size: 1.5rem 1.5rem;}
.list_info .left .icon_txt span.icon_txt5{ background: url(../images/anL_5.png) no-repeat left; background-size: 1.5rem 1.5rem;}
.list_info .left .icon_txt a{ display: block; width: 100%; line-height: 3; margin-top: 3rem; text-align: center; background: #69aa6f; border-radius: 5rem; color: #fff; transition: all 0.5s;}
.list_info .left .icon_txt a:hover{ background: #69aa6f;}
.list_info .right{ width: 75%; padding-left: 5rem; }
.list_info .right h3{ font-size: 3rem; border-left: .6rem solid #69aa6f; color: #69aa6f; line-height: 1; padding-left: 1rem; margin-bottom: 3rem;}
.list_info .right p{ line-height: 2; margin: 1rem 0;}
.list_des .box ul li{ width: calc(50% - 1rem); margin-bottom: 2rem;}
.list_des .box ul li .imgcut{ padding-bottom: 60%;}
.list_des .box ul li a{ display: block; position: relative;}
.list_des .box ul li span{ position: absolute; bottom: 0; right: 0; font-size: 1.2rem; color: #fff; padding: 1rem 3rem; padding-left: 4rem; padding-right: 2rem; background: url(../images/fd.png) no-repeat 1.5rem center #69aa6f; background-size: 2rem 2rem;}
@media (max-width:1560px){
    
}
@media (max-width:1199px){
    .list_info .left{ margin-bottom: 3rem;}
    .list_info .left,.list_info .right{ width: 100%; border: 0; padding: 0;}
    .list_info .right{ max-height: auto; overflow: hidden;}
}
@media (max-width:767px){
    .list_info{ padding: 3rem;}
    .list_des .box ul li{ width: 100%; margin-bottom: 1rem;}
}


.prenext{ padding: 3rem; background: #f5f5f5; margin: 3rem 0;}
.prenext ul li.back img{ max-width: 3rem; margin: auto;}
.prenext ul li.pre,.prenext ul li.next{ width: 40%;}
.prenext ul li.back{ width: 10%; min-width: 6rem;}
.prenext ul li:hover a{ color: #69aa6f;}

/*新闻中心*/
.news_center{ width: 100%; height: auto; overflow: hidden; padding: 5rem 0;}
.news_center .imgcut{ padding-bottom: 63%;}
.news_center .title{ padding-bottom: 3rem;}
.news_center .title h3{ font-size: 3rem; color: #333; font-weight: normal;}
.news_center .title small{ font-size: 1.4rem; color: #aaa; text-transform: uppercase;}
.news_center .title a{ font-size: 1.6rem; color: #666;}
.news_center .title a:hover{ color: #69aa6f; text-decoration: underline;}
.news_center .date span{ font-size: 4rem; color: #666;}
.news_center .date small{ font-size: 1.4rem; color: #aaa;}
.news_center .txt h3,.news03 ul li h3{overflow: hidden; display: -webkit-box;text-overflow: ellipsis; -webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.news_center .txt p{ overflow: hidden; display: -webkit-box;text-overflow: ellipsis; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news01 ul li{ width: 32%;}
.news01 ul li a{ display: block; padding: 3rem; background: #f5f5f5;}
.news01 ul li .txt h3{ font-size: 2rem; line-height: 3; color: #333;}
.news01 ul li .txt p{ font-size: 1.4rem; color: #888; line-height: 1.5;}
/* .news01 ul li:hover a{ background:#69aa6f;} */
.news01 ul li:hover h3,.news01 ul li:hover span{ color: #69aa6f;}
.news02{ background: #fff;}
.news02 .lbox{ width: 48%; overflow: hidden;}
.news02 .container > .flex{ -webkit-align-items: flex-start; align-items: flex-start;}
.news02 .lbox .date{ min-width: 8rem; text-align: center; line-height: 1.5;}
.news02 .lbox .imgbox{ width: 30%; min-width: 15rem;}		
.news02 .lbox li{ width: 100%; padding: 3rem 0; border-bottom: 1px solid #ddd;}		
.news02 .lbox li .txt{ padding: 0 3rem;}
.news02 .lbox li .txt h3{ font-size: 2rem; line-height: 2; font-weight: normal; color: #333;}
.news02 .lbox li .txt p{ font-size: 1.4rem; color: #888; line-height: 1.5;}
.news02 .lbox li:hover h3{ color: #69aa6f;}
.news02 .lbox li:hover p{ color: #333;}
.news03 ul li{ width: 32%; border: 1px solid #ddd;}
.news03 ul li a{ display: block; padding: 3rem;}
.news03 ul li .flex{ -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: flex-start; align-items: flex-start;}
.news03 ul li span{ display: block; min-width: 3rem; min-height: 3rem; color: #fff; background: #69aa6f; text-align: center; line-height: 3rem; font-size: 1.2rem; margin-right: 1rem;}
.news03 ul li h3{ line-height: 3rem;}
.news03 ul li .q{ margin-bottom: 1rem;}
.news03 ul li .q span{ background:#69aa6f;}
.news03 ul li p{ font-size: 14px; color: #888; line-height: 1.5;}
.news03 ul li:hover{ border: 1px solid #69aa6f;}
@media (max-width:1199px){
    .news02 .lbox,.news03 ul li{ width: 100%; margin: 0.5rem 0;}
    .news02 .lbox:last-child{ margin-top: 5rem;}
    
}
@media (max-width:767px){
    .news01 ul,.news03 ul,.news04 ul,.news02 .container > .flex{ -webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .news01 ul li,.news03 ul li,.news04 ul li,.news02 .lbox{ width: 100%; margin-bottom: 1.5rem;}
    .news04 ul li{ border: none;}
    .news02 .lbox{ margin-top: 3rem;}
    .news03 ul li h3{ font-size: 16px;}
    .news03 ul li p{ font-size: 12px;}
}

/*新闻列表*/

.list_news02 ul li a{  -webkit-align-items: flex-start; align-items: flex-start;}
.list_news02 ul li{ width: 100%; height: auto; overflow: hidden; padding: 5rem; background: #f5f5f5; border-bottom: 1px solid #ddd;}
.list_news02 ul li .date{ width: 10rem; height: 8rem; background: #f5f5f5; line-height: 1; text-align: center; padding: 1rem;}
.list_news02 ul li:hover .date{ background:#69aa6f;}
.list_news02 ul li:hover .date span,.list_news02 ul li:hover .date small{ color: #fff;}
.list_news02 ul li .imgbox{ width: 25%; padding: 0 3rem;}
.list_news02 ul li .txt{ width: 70%;}
.list_news02 ul li h3{ font-size: 2.5rem; color: #333;}
.list_news02 ul li p{font-size: 1.6rem; color: #666; line-height: 2; margin: 3rem 0;}
.list_news02 ul li:hover h3{ color: #69aa6f;}
.list_news02 ul li:nth-child(2n){ background: #fff; }
.list_news02 span.more{ max-width: 15rem; padding-left:3rem; padding-right: 1rem; height: 4rem; line-height: 4rem; border-radius: 5rem; background: #aaa; font-size: 1.4rem; color:#fff; transition: all 0.5s;}
.list_news02 span.more small{ display: block; width:3rem; height: 3rem; line-height: 3rem; border-radius: 50%; color: #666; background:#fff; margin: 1rem 0; text-align: center; transition: all 0.5s;}
.list_news02 li:hover span.more{ background:#69aa6f; color: #fff; box-shadow: 1rem 1rem 1rem rgba(0,0,0,0.1);}
.list_news02 li:hover span.more small{ color:#69aa6f; background: #fff;}
.news_center.list_news03{ padding-bottom: 0;}
.list_news03 ul{ -webkit-justify-content: stretch; justify-content: stretch;}
.list_news03 ul li{ width:32%; margin-top: 2rem;}
.list_news03 ul li:not(:nth-child(3n)){ margin-right: 2%;}

@media (max-width:1600px){
    .news_center .txt h3{ font-size: 2rem;}
    .news_center .txt p{ margin: 1.5rem 0; }
}
@media (max-width:1199px){
    .list_news02 ul li{ padding: 3rem;}
    .list_news02 span.more{  display: none;} 
    .list_news02 ul li .imgbox{ padding:0 2rem;}
    .list_news02 ul li h3{ font-size: 1.8rem; font-weight: normal;}
    .list_news02 ul li p{ font-size: 1.4rem; line-height: 1.5;}
    .list_news02 ul li .txt{ width: 100%; padding-left: 2rem;}
    .list_news03 ul li{ width: 49%;}
    .list_news03 ul li:not(:nth-child(3n)){ margin-right: 0;}
    .list_news03 ul li:nth-child(2n){ margin-left: 2%;}
}

@media (max-width:767px){
    .news_center{ padding-bottom: 0;}
    .list_news02 ul li { padding: 3rem 1rem;}
    .list_news03 ul li{ width: 100%; margin-top: 0;}
    .list_news03 ul li:nth-child(2n){ margin-left: 0;}
}

#pages{ display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 3rem; -webkit-justify-content: center; justify-content: center;}
#pages li{ margin: 5px;}
#pages li span,#pages li a{ display: block; padding: 1rem 2rem; background: #fff; color: #666;} 
#pages li.active span,#pages li:hover a{ background: #69aa6f; color: #fff;}
#pages li.disabled span{ color: #aaa;}


/**/
.main{ width: 100%; float: right; margin: 5rem 0;}
.mainbox{ float: left; padding-left: 420px; width: 100%;}
.mainbox-width{ display: inline-block; height: 0; overflow: hidden; }
.sidebar{ width: 360px; float: left; margin-right: -360px; background: #f5f5f5;}
.mainbox .content{ border: 1px solid #ddd;}
/*侧边栏*/
.sidebar{ overflow: hidden; margin-top: 5rem;}
.ProNewFoucsLifzWo { width: 100%; height: 6rem;line-height: 6rem; margin-bottom: 1rem; background: #69aa6f;}
.ProNewFoucsLifzWo a { font-size: 2.4rem; display: block; text-align: center; color: #fff;}
.prod-list02 .cl{color:#333;line-height:5rem;font-size:1.8rem;margin-bottom:1rem;margin-top:0.5rem;text-align:center}
.prod-list02 .cl a{ display: inline-block; width: 100%; color: #333;}
.prod-list02 .cl a:hover{ color: #69aa6f; background: #f5f5f5;}
.prod-list02 .box2{overflow:hidden;padding: 1.5rem; border-top: 1px solid #ddd;}
.prod-list02 .box2 p{ font-size: 1.6rem; color: #666;}
.prod-list02 .box2 b{ display: inline-block; font-size: 2.4rem;}

.side_new{ width: 100%; height: auto; overflow: hidden; margin-top: 1rem;}
.side_new p{ font-size: 2rem; padding: 1rem; color: #fff; background: #69aa6f;}
.side_new ul{ height: auto; overflow: hidden; padding: 1.5rem;}
.side_new ul li{ position: relative; width: 100%; height: 5rem; line-height: 5rem; border-bottom: 1px dotted #ddd; float: left; overflow: hidden;}
.side_new ul li a{ display: inline-block; width: 100%; height: 5rem; text-overflow: ellipsis; overflow: hidden; font-size: 1.4rem; color: #666;}
.side_new ul li span{ position: absolute; display: inline-block; right: 0; font-size: 1.4rem; color: #aaa;}
.side_new ul li:hover a{ color: #69aa6f;}

/*文章详情页*/
.content .info .title{ width: 100%; height: auto; font-size: 2.4rem; line-height: 1.5; overflow: hidden; text-align: center; padding: 2rem 0;}
.content .newsinfo{width:100%;height:auto;line-height:3;padding-bottom:3rem; border-top:1px dotted #aaa;color:#666;font-size:1.4rem; justify-content: center;}
.content .newsinfo span{ display: block; margin: .5rem 0; padding-left: 2rem; margin: 0 1rem;}
.content .newsinfo span.icon_txt4{ background: url(../images/anL_4.png) no-repeat left; background-size: 1.5rem 1.5rem;}
.content .newsinfo span.icon_txt5{ background: url(../images/anL_5.png) no-repeat left; background-size: 1.5rem 1.5rem;}

.content .newsinfo b{color:#69aa6f;font-family:Georgia,"Times New Roman",Times,serif;font-size:14px;}
.content .info{ width: 100%; padding: 5rem; background: #fff;}
.content .info img{ max-width: 100% !important; height: auto !important; margin: auto;}
.content .info-bp0{ padding: 5rem 0; border: 0; }
@media (max-width:1560px){
    .mainbox{ margin-right: 320px; padding-right: 320px;}
    .sidebar{ width: 280px; margin-left: -280px;}
    .content .info{ padding: 3rem;}
}
@media (max-width:1199px){
    .mainbox{ width: 100%; margin: 0; padding: 0;}
    .sidebar{ margin: 0; width: 100%; margin-bottom: 30px;}
}

/*联系我们-百度地图*/
.info .infotop{border-bottom: 1px solid #ddd; padding-bottom: 3rem; margin-bottom: 3rem; width: 100%; height: auto; overflow: hidden; color: #666;}
.info .infotop .txt{ width: 100%;}
.info .infotop p:first-child{ width: auto; padding-right:50px; float:left;}
.info .infotop h4 {line-height: 1; padding-bottom: 2rem; font-size: 2.5rem; color: #000;}

#map .anchorBL{display: none;}
#map #allmap{ height: 500px;}
.contact_list{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.contact_list .col{ width: 25%; padding: 1.5rem; text-align: center;}
.contact_list .col img{ background:#69aa6f;border-radius: 50%;}
.contact_list .col .dt{ font-size: 1.8rem; line-height: 3rem;}

.message_box{ width: 100%;}
.message form{ padding-top: 1rem;}
.message{ width: 100%; height: 20rem; padding:3rem 5rem; background: #eee;}
.message input,.message textarea{ width: 20%; max-width: 50rem; border: none; border-radius: 0; color: #333; padding: 1rem; font-size: 1.4rem; line-height: 3rem; height: 5rem;}
.message ::-webkit-input-placeholder { color: #333; } 
.message :-moz-placeholder { color: #333; } 
.message ::-moz-placeholder { color: #333; } 
.message :-ms-input-placeholder { color: #333; } 
.message input:not(.btn),.message textarea{ padding-left: 3.5rem; background: none; border-bottom: 1px solid rgba(0,0,0,.2);}
.message input.uname{ background-image: url(../images/icon_admin.png); background-repeat: no-repeat; background-position: 1rem 1.8rem; background-size: 1.6rem 1.6rem;}
.message input.phone{ background-image: url(../images/icon_nav_tel.png); background-repeat: no-repeat; background-position: 1rem 1.8rem; background-size: 1.6rem 1.6rem;}
.message textarea{ width: 40%; border-bottom: 1px solid rgba(0,0,0,.2); background-image: url(../images/icon_wx.png); background-repeat: no-repeat; background-position: 1rem 1.8rem; background-size: 1.6rem 1.6rem; overflow: hidden;}
.message input.btn{ width: 18%; background: rgba(0,0,0,.5); color: #fff;}
.message h3{ font-size: 2.4rem; font-weight: normal; line-height: 4rem; color: #333;}
.message p{ font-size: 1.6rem; color: #333;}

@media screen and (max-width:1199px){
    .message_box{ padding: 1rem;}
}


@media (max-width:767px){
    .contact_list .col{ width: 50%;}
    .contact_list .col .dd{ font-size: 1.4rem; line-height: 2rem;}
    ul.preNext li{ width: 100%; margin-bottom: 1rem;}
    ul.preNext li a{ display: block; line-height: 4rem;}
    ul.preNext{ -webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .pc-slide{ padding: 0; border: 0;}
    .message h3{ font-size: 2.4rem;}
    .message_box{ position: relative; height: auto; padding: 0; top: 0;}
    .message{ height: auto; padding: 3rem;}
    .message .flex{ flex-direction: column;}
    .message input.uname,.message input.phone,.message textarea{ font-size: 2rem; background-size: 2.4rem 2.4rem; padding-left: 4.5rem; background-position: 1rem 1.4rem}
    .message input,.message textarea,.message input.btn{ width: 100%; margin-top: 2rem; font-size: 1.8rem;}
}


/*关于*/
.page_about .tit h3{ font-weight: bold;}
.page_about01 .box{ padding: 3rem; background: #fff;}
.page_about01 .lbox .tit h3::after{ left: 0;}
.page_about01 .lbox .tit h3{ z-index: 0;}
.page_about01{ padding: 5rem 0; background: #eee;}
.page_about01 .lbox{ width: 50%;}
.page_about01 .rbox{ width: 48%;}
.page_about01 .numCount{ width: 100%; height: auto; overflow: hidden; margin-top: 3rem; padding: 5rem 0; background: #fff;}
.page_about02{ padding: 5rem 0; background: url(../images/about02.jpg) no-repeat center; background-size: cover;}
.page_about02 .tit h3,.page_about02 .tit p{ color: #fff; z-index: 1;}
.page_about02 .tit h3::after{ background: #fff;}
.page_about02 h1{ font-size: 4rem; letter-spacing: 5px; color: #fff; margin-top: 3rem; padding: 2rem 0;}
.page_about02 h4{ color: #fff; font-size: 2.5rem; font-weight: normal; margin-bottom: 10rem;}

.page_about03{ padding: 5rem 0;}
.page_about05{ padding: 5rem 0; background: #fff;}

/*发展历程*/
.timeline{width:100%;background:#f5f5f5; position: relative; z-index: 0;}
/* .timeline{background:url(../images/about03.jpg) no-repeat center #f5f5f5; background-size: cover;} */
.timeline .swiper{height:600px;width:100%;position:relative}
.timeline .swiper-wrapper{transition:2s cubic-bezier(.68,-.4,.27,1.34) .2s}
.timeline .swiper-slide{position:relative;color:#333;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center center}
.timeline .swiper-slide-content{ position:absolute;right:25%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%); font-size:18px;text-align:right; width:70%;z-index:2}
.timeline .swiper-slide .timeline-year{display:block; font-weight: bold; font-size:6rem;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0);color:#69aa6f;opacity:0;transition:.2s ease .4s}
.timeline .swiper-slide .timeline-year small{ font-size: 1.8rem;}
.timeline .swiper-slide .timeline-title{ font-size:3rem;margin:0 0 30px;opacity:0;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0);transition:.2s ease .5s}
.timeline .swiper-slide .timeline-title small{ font-size: 1.8rem;}
.timeline .swiper-slide .timeline-text{ padding-bottom: 5rem;line-height:1.5;opacity:0;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0);transition:.2s ease .6s}
.timeline .swiper-slide-active .timeline-year{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition:.4s ease 1.6s}
.timeline .swiper-slide-active .timeline-title{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition:.4s ease 1.7s}
.timeline .swiper-slide-active .timeline-text{ opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition:.4s ease 1.8s}
.timeline .swiper-pagination{right:10%;height:100%; display:flex;flex-direction:column;justify-content:center;font-size:1.4rem;z-index:1;}
.timeline .swiper-pagination::before{content:"";position:absolute;left:-30px;top:0;height:100%;width:1px;background-color:rgba(0,0,0,.1)}
.timeline .swiper-pagination-bullet{width:auto;height:auto;text-align:center;opacity:1;background:0 0;color:#333;position:relative}
.timeline .swiper-pagination-bullet::before{content:"";position:absolute;top:8px;left:-32.5px;width:6px;height:6px;border-radius:100%;background-color:#69aa6f;-webkit-transform:scale(0);transform:scale(0);transition:.2s}
.timeline .swiper-pagination-bullet-active{color:#69aa6f}
.timeline .swiper-pagination-bullet-active::before{-webkit-transform:scale(1);transform:scale(1)}
.timeline .swiper-button-next,.timeline .swiper-button-prev{background-size:25px 25px;top:15%;width:25px;height:25px;margin-top:0;z-index:2;transition:.2s}
.timeline .swiper-button-prev{top:15%;left:auto;right:11%;-webkit-transform:rotate(90deg) translate(0,10px);transform:rotate(90deg) translate(0,10px)}
.timeline .swiper-button-prev:hover{-webkit-transform:rotate(90deg) translate(-3px,10px);transform:rotate(90deg) translate(-3px,10px)}
.timeline .swiper-button-next{top:auto;bottom:15%;right:11%;-webkit-transform:rotate(90deg) translate(0,10px);transform:rotate(90deg) translate(0,10px)}
.timeline .swiper-button-next:hover{-webkit-transform:rotate(90deg) translate(3px,10px);transform:rotate(90deg) translate(3px,10px)}
.timeline .swiper-button-next::after,.timeline .swiper-button-prev::after{ font-size: 2rem;}
.timeline .img{ width: 55%;}
.timeline .imgcut{ padding-bottom: 65%;}
.timeline .txt{ width: 40%;}
@media only screen and (max-width:1199px){
    .page_about01 .lbox,.page_about01 .rbox{ width: 100%;}
    .page_about01 .numCount{ background: none;}
    .timeline .flex{ -webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .timeline .img{ width: 60%;}
    .timeline .txt{ width: 100%;}
}
@media only screen and (max-width:767px){
    .timeline .img{ width: 100%;}
    .timeline .swiper-pagination{right:2%;}
    .timeline .swiper-button-prev{ right: 4%;}
    .timeline .swiper-button-next{ right: 4%;}
    .timeline .swiper-pagination::before{ left: -10px;}
    .timeline .swiper-pagination-bullet::before{left:-12.5px}
    .timeline .swiper-slide .timeline-title{ font-size: 2rem;}
    .timeline .swiper-slide-content{ font-size: 1.8rem;}

}
.page_about04 .box{position: relative; z-index: 0;}
.page_about04 .box .swiper-slide a{ display: block;}
.page_about04 .box .swiper-slide a .img{ padding:1rem; background: #f5f5f5; border-bottom: 1px solid #ddd;}
.page_about04 .box .swiper-slide a .txt{ padding: 1rem; text-align: center;}
.page_about04 .box .swiper{ padding-bottom: 5rem;}
.page_about04 .swiper-pagination-bullets .swiper-pagination-bullet-active{ background: #69aa6f; border-color: #69aa6f;}

.page_about05{ margin-top: 5rem;}
.page_about05 .tit h3{ z-index: 0;}
.page_about05 #certify{ position: relative; z-index: 0;}
.page_about05 #certify .swiper{ padding: 3rem 0; padding-bottom: 8rem;}
.page_about05 #certify .swiper .img{ padding: 3rem 5rem;}
.page_about05.swiper-button-next::after, .page_about05 .swiper-button-prev::after,.page_about05 .swiper-button-next,.page_about05 .swiper-rtl .swiper-button-prev{ color: #69aa6f;}

@media only screen and (max-width:767px){
    .page_about05 {padding-bottom: 5rem;}
    .page_about05 #certify{ padding-bottom: 5rem;}
}
.sidenav{ width: 100%; margin-top: 5rem; -webkit-justify-content: center; justify-content: center;}
.sidenav a{ padding: 0.5rem 3rem; margin: 0.5rem; background: linear-gradient(90deg, #eee 0%, #fff 50%, #f0f0f0 100%); color: #333;}
.sidenav a:hover,.sidenav a.act{ background: #222; color:#fff}

.vr a{ display: block; opacity: 0.7; margin: auto; }
.vr img{ display: block; margin:10px auto; }
.vr span{ font-size: 30px; }
.vr a:hover{ opacity: 1 }

.tcbox{ position: fixed; z-index: 1000; top: 50%; left: 50%; margin-top: -340px; margin-left: -600px; width:1200px; height: 680px; display: none; box-shadow: 0 0 5rem rgba(0,0,0,.5); background: #fff; border-radius: 1rem;}
.tcbox-header{ position: absolute; z-index: 999; top: -1rem; right: -1rem;}
.tcbox-header a.tcbox_close{ display: block;width: 4rem;height: 4rem; text-align: center; line-height: 4rem; border-radius: 50%;background: #69aa6f;color: #fff;}
.tcbox-body{ position: absolute; top: 0; left: 0;}
.tcbox-body embed{ width:1200px; height: 680px;}
@media (max-width:1280px){
    .tcbox{ width: 800px; height: 450px; top: 50%; left: 50%; margin-top:-225px; margin-left: -400px;}
    .tcbox-body embed{ width: 800px; height: 450px; }
}
@media (max-width:992px){
    .tcbox{ width: 600px; height: 360px; top: 50%; left: 50%; margin-top:-180px; margin-left: -300px;}
    .tcbox-body embed{width: 600px; height: 360px; }
}
@media (max-width:767px){
    .tcbox{ width: 96%; height: auto; top: 10%; left:2%; margin:0;}
    .tcbox .tcbox-body{ width: 100%;}
    .tcbox-body embed{ width: 100%; height: 450px;}
}

.action .tit{ padding-top: 10rem; padding-bottom: 2rem;}
.action .tit span{ top: 5rem;}
.action{ padding-bottom: 8rem;}
.action .txt{ padding: 3rem; border: 1px solid #ddd; margin-bottom: 3rem;}
.action .imgbox ul{ width: calc(50% - 5px);}
.action .imgbox ul li{ margin-top: 10px;}
.action .imgbox ul li .imgcut{ padding-bottom: 65%;}
.action .imgbox ul li.flex a{ width: calc(50% - 5px);}
.action .imgbox ul li a{ display: block; }
@media (max-width:1199px){
   
}
@media (max-width:767px){
    .action .imgbox{ -webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .action .imgbox ul{ width: 100%;}
}
.more{width: 100%; margin: 3rem auto; text-align: center;}
.more a{ display: inline-block; padding: 1rem 5rem; background: #69aa6f; color: #fff; border-radius: 5rem;}


/*图片相册*/
.album{ -webkit-justify-content: stretch; justify-content: stretch;}
.album .rthumbnail{ width: 24%; margin-top: 2rem;}
.album .rthumbnail:not(:nth-child(4n)){ margin-right:calc(4%/3);}
.album .rthumbnail .imgbox{ padding: 3rem; border: 1px solid #ddd; background: #fff;}
.album .rthumbnail .rcaption{ line-height: 3;}
.album .rthumbnail:hover .imgbox{ border-color: #69aa6f;}
.album .rthumbnail:hover .rcaption{ color: #69aa6f;}

@media (max-width:767px){
    .album .rthumbnail{ width: 49%; margin-top: 2rem;}
    .album .rthumbnail:not(:nth-child(4n)){ margin-right:0;}
    .album .rthumbnail:nth-child(2n){ margin-left:2%;}
}

.img_title{ margin: 5rem 0; border-bottom: 1px solid #69aa6f; text-align: center;}
.img_title span{
    position: relative;
    display: inline-block;
    width: auto;
    line-height: 2;
    font-size: 2.4rem;
    color: #fff;
    padding-left: 3rem;
    padding-right: 3rem;
    height: 0;
    border-bottom: 4.5rem solid #69aa6f;
    border-top: 0 solid transparent;  
    border-left: 3rem solid transparent;          
    border-right: 3rem solid transparent;}
.img_info{ margin-top: 3rem; padding: 5rem; background: #f5f5f5;}
.img_info h3{ font-size: 2.5rem; border-left: .6rem solid #69aa6f; color: #69aa6f; line-height: 1; padding-left: 1rem; margin-bottom: 3rem;}
.img_info p{ line-height: 2; margin: 1rem 0;}
.img_info img{ max-width:100%;}
.img_list{ width: 100%; height: auto; padding: 0; margin: 3rem 0;}
.img_list .swiper{ position: relative; z-index: 0; padding-bottom: 5rem; overflow: hidden;}
.img_list .swiper-slide{ width: auto; padding: 1rem; background: #f5f5f5;}
.img_list .swiper-slide img {cursor: move;display: block;width: auto;height: 300px;}
.img_list .swiper-pagination-bullet-active{ background: #69aa6f;}
.img_list .swiper-button-next::after,.img_list .swiper-button-prev::after{ display: none;}
.img_list .swiper-button-next{ top: 50%; background-image: url(../images/r.png); background-repeat: no-repeat; background-size: contain; margin-top: -5rem;}
.img_list .swiper-button-prev{ top: 50%; background-image: url(../images/l.png); background-repeat: no-repeat; background-size: contain; margin-top: -5rem;}
@media (max-width:767px){
    .img_info{ padding: 3rem;}
    .img_list .swiper-slide img {height: 150px;}
}

.cate_tit{ padding:15rem 0;}
.cate_tit .lbox{ width: 30%; padding-right: 5rem;}
.cate_tit ul{ flex-wrap: wrap; justify-content: flex-start; padding: 3rem 0;}
.cate_tit ul li{ margin-right: 1rem; margin-bottom: 1rem;}
.cate_tit ul li:hover a{ background: #69aa6f; color: #fff;}
.cate_tit ul li a{ padding: 0.5rem 1rem; font-size: 12px; background: #eee;}
.cate_tit h1{font-size: 4rem; line-height: 1;}
.cate_tit h1 small{ font-size: 1.8rem; text-transform:uppercase;}
.cate_tit p{ width: 70%; padding-left: 5rem; font-size: 1.8rem; line-height: 2; border-left: 1px solid #ddd;}
@media screen and (max-width:767px){
  .cate_tit{ padding:5rem 0; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
  .cate_tit p,.cate_tit .lbox{width:100%;padding:1rem 0; border:0}
  
}

.sidebar_nav{ width: 100%; position: absolute; z-index: 999; bottom: 0; background: rgba(105,170,111,.2);}
.sidebar_nav .box{ justify-content: center; -webkit-justify-content: center;  width: 100%;}
.sidebar_nav a{ padding: 3rem; color: #fff; font-size: 1.8rem;}
.sidebar_nav a:hover,.sidebar_nav a.act{ background: #f5f5f5; color:#333}
@media (max-width:767px){
    .sidebar_nav .box{ padding:2rem 0;}
    .sidebar_nav{ position:relative; background:#eee}
    .sidebar_nav a{color:#333;padding: 1rem;width: 25%; text-align: center;background: #fff;border-left: 1px solid #f5f5f5; border-top: 1px solid #f5f5f5; white-space:nowrap}
    .sidebar_nav a:hover,.sidebar_nav a.act{ background: #69aa6f; color:#fff}
}

.vrbox{ width: 1000px; height: 600px; background: #eee; margin:5rem auto;}
.vrbox embed{ width: 100%; height: 600px;}

.list_case_txt{ width: 100%; height: auto; float: left;}
.list_case_txt .txt{ font-size:1.4rem; line-height:2; text-align:justify}
@media (max-width:767px){
    .list_case_txt .txt{ font-size:1.8rem;}
}
.list_case_img{ width: 100%; height: auto; float: left;}
.list_case_img ul li{ width: calc(33.33% - 3rem); margin-bottom: 4.5rem;}
.list_case_img ul li:last-child:nth-child(3n-1){ margin-right: calc(33.33% + 1.5rem);}
.list_case_img ul li a.libox{ display: block; position: relative; padding: 1rem; background: #f5f5f5;}
.list_case_img ul li .img{ position: relative; z-index: 2;}
.list_case_img ul li .txt{ position: relative; z-index: 2; padding-top: 1rem;}
.list_case_img ul li h3{ font-weight: normal; font-size: 1.8rem; line-height: 3; transition: all 0.5s;}
.list_case_img ul li a::after{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; background: #69aa6f; z-index: 1; transition: all 0.5s;}
.list_case_img ul li:hover a::after{ height: 100%;}
.list_case_img ul li:hover h3{ color: #fff;}

@media (max-width:767px){
    .list_case_img ul li{ width:100%;margin-bottom: 2rem;}
    .list_case_img ul li:last-child:nth-child(3n-1){ margin:0}
}