/* 头部 */
.header_box_top {height: 30px;background: #f0f0f0;}
#fixed_header_top {height: 30px;}
#fixed_header_top .container{display: flex;align-items: center;justify-content: space-between;height: 100%;max-width: 1460px;}
.header_box_top .fr {float:right;}
.header_box_top .fl {float:left;}
.header_box_top .zh-cn{
	line-height: 19px;
	margin-right: 20px;
}
.header_box_top .zh-cn a{
	padding:0 5px;
	text-align: center;
	float: left;
	cursor: pointer;
}
.header_box_top .zh-cn a.zh{
	border-radius: 15px 0 0 15px;
	border-right: 0;
}
.header_box_top .zh-cn a.cn{
	border-radius: 0 15px 15px 0;
	border-left: 0;
	padding: 0 15px;
}
.header_box_top .zh-cn a.active{
	padding:0 10px;
	background: #168141;
	color:#fff;
	border-radius: 15px;
}

.header_box{height: 90px;padding: 15px 0;background: #fff;}
.fixed_box{height: 60px;}
#fixed_header{height: 60px;background: #fff;}
#fixed_header .container{display: flex;align-items: center;justify-content: space-between;height: 100%;max-width: 1460px;}
#fixed_header.fixed{position: fixed;left: 0;right: 0;top: 0;z-index: 9999;}
.fixed_box .lf{display: flex;align-items: center;}
.fixed_box img{height: 50px;}
.fixed_box .name{font-size: 18px;margin-left: 20px;}
.fixed_box .menu_box{display: flex;height: 100%;}
.fixed_box .menu_box .menu{height: 100%;position: relative;text-align: center;margin-left: 10px;z-index: 999;}
.fixed_box .menu_box .menu:hover>a{background: #f3f3f3;}
.fixed_box .menu_box .menu>a{display: block;width: 100%;height: 100%;min-width: 110px;line-height: 60px;color: #168141;font-size: 16px;}
.fixed_box .menu_box .menu .child_box{position: absolute;left: 0;right: 0;top: calc(100% - 5px);background: #168141;padding: 0 10px;display: none;}
.fixed_box .menu_box .menu .child_box::before{content: '';position: absolute;top: -5px;left: 0;right: 0;margin: 0 auto;width: 0;height: 0;border-width:0 5px 5px;border-style:solid;border-color:transparent transparent #168141;}
.fixed_box .menu_box .menu .child_box a{display: block;width: 100%;height: 40px;line-height: 40px;color: #fff;border-top: 1px solid #fff;font-size: 13px;}
.fixed_box .menu_box .menu .child_box a:hover{font-weight: bold;}
.fixed_box .menu_box .menu .child_box a:first-child{border-top: none;}
.fixed_box .menu_btn{width: 35px;height: 35px;cursor: pointer;display: none;}
.fixed_box .menu_btn img{width: 100%;height: 100%;}
.fixed_box .menu_mobile{display: none;}

/* banner */
#banner{width: 100%;height: 0;padding-bottom: 30%;position: relative;overflow: hidden;}
#banner .swiper-container{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.swiper-slide{background-position: center;background-size: cover;}
#banner_swiper .swiper-button-prev,#banner_swiper .swiper-button-next{width: 70px;height: 70px;border: 1px solid #168141;border-radius: 50%;background: rgba(22, 129, 65, .3);color: #168141;}
#banner_swiper .swiper-button-prev{left: 10%;}
#banner_swiper .swiper-button-next{right: 10%;}

.swiper-pagination.custom .swiper-pagination-bullet{background: #fff;width: 12px;height: 12px;opacity: 1;transition: width .5s linear;}
.swiper-pagination.custom .swiper-pagination-bullet-active{background: rgba(255,255,255,.5);width: 20px;border-radius: 6px;}

/* 标题 */
.title_box{text-align: center;margin-bottom: 30px;}
.title_box h2{font-size: 28px;font-weight: normal;}
.title_box p{margin-top: 10px;color: #999;}
.more_box{text-align: right;}
.more_box a{color: #168141;}

.list_box{padding: 50px 0;}

/* 图片组 */
.img_group{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.img_group .item{width: calc(33.33% - 7px);margin-bottom: 10px;position: relative;cursor: pointer;}
.img_group .item .img{width: 100%;padding-bottom: 70%;background-repeat: round;}
.img_group .item .info{position: absolute;left: 0;right: 0;bottom: 0;padding: 5px 10px;background: rgba(255, 255, 255, .8);display: flex;align-items: center;justify-content: space-between;transition: bottom .2s linear;}
.img_group .item:hover .info{bottom: -50px;}
.img_group .item .box{position: absolute;top: 0;left: -100%;opacity: 0;;width: 100%;height: 100%;z-index: 9;background: rgba(22, 131, 66, .5);color: #fff;padding: 10%;}
.img_group .item .box .name{color: #fff;font-size: 16px;}
.img_group .item .box ul{position: absolute;left: 10%;bottom: 10%;}
.img_group .item .box ul li{color: #fff;margin-top: 7px;}
.img_group .item .link{position: absolute;right: 5%;bottom: 10%;cursor: pointer;width: 30px;height: 30px;border-radius: 50%;border: 1px solid #fff;padding: 5px;transition: transform .2s linear;}
.img_group .item .link:hover{transform: scale(1.1);}
.img_group .links{display: block;width: 90px;height: 30px;line-height: 30px;border-radius: 5px;font-size: 12px;text-align: center;border: 1px solid #168141;color: #168141;}
.img_group .links:hover{background: rgba(22, 131, 66, .8);color: #fff;}

.img_swiper{position: relative;padding-bottom: 30px;}
.img_swiper .swiper-pagination{bottom: 10px;}
.img_swiper .swiper-pagination-bullet{background: #eee !important;}
.img_swiper .swiper-pagination-bullet-active{background: rgba(0,0,0,.5) !important;}
.img_swiper .swiper-button-prev{top:auto;bottom: 5px;height: 20px;z-index: 99;}
.img_swiper .swiper-button-next{top:auto;bottom: 5px;height: 20px;z-index: 99;}
.img_swiper .swiper-button-prev::after{font-size: 18px;font-weight: bold;}
.img_swiper .swiper-button-next::after{font-size: 18px;font-weight: bold;}

/* 优势 */
.advantage_box{display: flex;}
.advantage_box li{width: 25%;text-align: center;}

.advantage_box li img{width: 90px;height: 90px;filter: grayscale(100%); opacity: 0.6;}
.advantage_box li:hover img{
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -ms-transform: scale(1.03);
    -o-transform: scale(1.03);
    transform: scale(1.03);
    filter: none;
	opacity: 1;
}
.advantage_box li .name{font-size: 16px;margin-top: 10px;}
.advantage_box li:hover .name{color: #129243;}
.advantage_box li .info{max-width: 180px;margin: 5px auto 0;font-size: 12px;color: #999;}
.advantage_box li:hover .info{color: #129243;}

/* 多媒体集成 */
#media_swiper{position: relative;}
#media_swiper .swiper-slide{width: 80%;background: rgba(0,0,0,.9);position: relative;}
#media_swiper .swiper-slide::after{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(255,255,255,.5);}
#media_swiper .swiper-slide.swiper-slide-active::after{display: none;}
#media_swiper .swiper-slide .box{width: 100%;padding-bottom: 50%;position: relative;}
#media_swiper .swiper-slide .box video{width: 100%;height: 100%;position: absolute;left: 0;right: 0;}
#media_swiper .swiper-slide .box img{width: 100%;height: 100%;position: absolute;left: 0;right: 0;object-fit: cover;}

#media_swiper .swiper-button-prev,#media_swiper .swiper-button-next{width: 70px;height: 70px;border: 1px solid #168141;border-radius: 50%;background: rgba(22, 129, 65, .3);color: #168141;}
#media_swiper .swiper-button-prev{left: 2%;}
#media_swiper .swiper-button-next{right: 2%;}

/* 资质荣誉 */
#rongyu_swiper{position: relative;}
#rongyu_swiper .swiper-slide img{height: 150px;}
#rongyu_swiper .swiper-slide p{margin-top: 5px;text-align: center;}
#rongyu_swiper .swiper-slide p img{width: 14px;height: 14px;vertical-align: middle;margin-right: 5px;}
#rongyu_swiper .swiper-slide p span{vertical-align: middle;}

#rongyu_swiper .swiper-slide{width: auto;}

/* 公司新闻 */
.new_box{display: flex;flex-wrap: wrap;justify-content: space-between;}
.new_box dl{padding: 0 10px;}
.new_box dt div{font-size: 18px;}
.new_box dt p{font-size: 12px;color: #666;}
.new_box dd{margin-top: 20px;}
.new_box ul{max-width: 320px;}
.new_box ul li{border-bottom: 1px dashed #999;color: #999;padding-bottom: 10px;margin-bottom: 10px;padding-right: 10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.new_box ul li a{font-size: 13px;}
.new_box a:hover{color: #168141;}
.new_box dd>a{font-size: 13px;}

/* 我们的客户 */
.client_box ul{letter-spacing: 0;}
.client_box ul li{display: inline-block;width: 10%;position: relative;}
.client_box ul li img{vertical-align: middle;width: 100%;}
.client_box ul:nth-child(2n) li:nth-child(2n+1)::after{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;box-shadow: 0 0 8px 1px #eee inset;}
.client_box ul:nth-child(2n+1) li:nth-child(2n)::after{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;box-shadow: 0 0 8px 1px #eee inset;}

/* 页底 */
.footer{background: #129243;padding: 30px 10px 30px;margin-top: 30px;}
.footer .top_box{display: flex;justify-content: space-between;}
.footer .menu_box{flex: 1;display: flex;flex-wrap: wrap;}
.footer .menu_box .menu{text-align: center;margin-right: 7%;}
.footer .menu_box .menu>a{display: block;color: #0b6c30;border-bottom: 1px solid #0b6c30;padding-bottom: 10px;}
.footer .menu_box .menu .child_box a{display: block;color: #fff;margin-top: 10px;font-size: 13px;}
.footer .menu_box .menu .child_box a:hover{color: #ddd;}
.footer .qr_box{text-align: center;}
.footer .qr_box .name{padding-bottom: 10px;border-bottom: 1px solid #0b6c30;margin-bottom: 10px;color: #0b6c30;}
.footer .qr_box img{width: 150px;height: 150px;}
.footer .qr_box a{font-size: 13px;color: #fff;}
.footer .bot_box{text-align: center;margin-top: 10px;}
.footer .bot_box img:last-child{margin-left: 50px;padding-left: 50px;border-left: 1px solid #ddd;}


/* 移动端自适应 */
@media screen and (max-width: 1023px) {
  .header_box{height: 60px;padding: 0;}
  #fixed_header{padding: 0 10px;position: fixed !important;left: 0;top: 0;width: 100%;z-index: 9999;}
  .fixed_box .menu_btn{display: block;}
  .fixed_box img{height: 35px;}
  .fixed_box .lf-logo{content:url(../img/logo-m.jpg);}
  .fixed_box .name{display: none;}
  .fixed_box .menu_mobile{display: block;flex: 1;text-align: right;padding-right: 10px;height: 40px;line-height: 40px;}
  .fixed_box .menu_mobile a{display: inline-block;;height: 100%;padding: 0 10px;font-size: 16px;color: #129243;}
  .header_box .menu_box{position: fixed;z-index: 9999;width: 120px;right: -121px;top:60px;bottom: 0;overflow-y: auto;display: block;background: #fff;border-left: 1px solid #eee;transition: right .2s linear;}
  .header_box .menu_box.show{right: 0;}
  .header_box .menu_box .menu{margin: 0;height: auto;text-align: left;}
  .header_box .menu_box .menu>a{line-height: 50px;padding: 0 10px;}
  .header_box .menu_box .menu .child_box{position: relative;}
  .fixed_box .menu_bg{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999;display: none;}

  .swiper-button-next{display: none;}
  .swiper-button-prev{display: none;}

  .list_box{padding: 25px 0;}
  .title_box{margin-bottom: 10px;}

  .new_box dl{margin-top: 15px;}
}
@media screen and (max-width: 500px) {
	.mhide {display: none;}
  #banner{padding-bottom: 40%;}
  .list_box{padding: 15px 0;}
  .img_group .item{width: calc(50% - 5px);}
  .img_group .item.link{width: calc(33.33% - 10px);}
  .advantage_box{flex-wrap: wrap;}
  .advantage_box li{width: 33.33%;margin-top: 10px;}
  #rongyu_swiper .swiper-slide img{height: 100px;}
  .new_box dl{margin: 0 auto;margin-top: 20px;}
  .client_box ul li{width: 20%;}
  .client_box ul:nth-child(2n+1) li:nth-child(2n)::after{display: none;}
  .client_box ul:nth-child(2n+1) li:nth-child(2n+1)::after{content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;box-shadow: 0 0 8px 1px #eee inset;}
  .footer .menu_box .menu{margin-bottom: 15px;margin-right: 8px;}
  .footer .top_box{position: relative;}
  .footer .qr_box{position: absolute;bottom: 20px;right: 0;}
  .footer .qr_box img{width: 120px;height: 120px;}
  .footer .qr_box a{font-size: 12px;}
  /* .footer .menu_box{justify-content: space-between;} */
  .footer .menu_box .menu{margin-right: 0;width: 22%;margin-right: 3%;}
  .fixed_pop .btn{background: rgba(238, 238, 238, .7);}
  .footer .bot_box img:last-child {
	    margin-left: 10px;
	    padding-left: 10px;
	}
   .footer-beian-a {
   	display:block;
   }	
}
@media screen and (max-width: 360px) {
  .footer .menu_box .menu{margin-right: 0;width: 24%;margin-right: 1%;}
  .footer .menu_box .menu .child_box a{font-size: 12px;}
  .footer .qr_box{bottom: 18px;}
}
@media screen and (max-width: 360px) {
  .fixed_box .menu_mobile{padding-right: 5px;}
  .fixed_box .menu_mobile a{padding: 0 5px;font-size: 14px;}
}


/* 新闻 */
.news{background: #fafafa;}
#news_banner{width: 100%;height: 0;padding-bottom: 20%;position: relative;overflow: hidden;}
#news_banner .swiper-container{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.swiper-slide{background-position: center;background-size: cover;}
#news_banner .swiper-button-prev{left: 10%;}
#news_banner .swiper-button-next{right: 10%;}

.news main{padding: 30px 0;}
.news .nav_box{display: flex;align-items: center;justify-content: space-between;border-bottom: 1px dashed #ddd;padding-bottom: 10px;}
.news .nav_box .nav span{display: inline-block;position: relative;padding-right: 30px;}
.news .nav_box .nav span::after{content: '>>';position: absolute;right: 5px;top: 0;bottom: 0;}
.news .nav_box .nav span:last-child{color: #129243;padding-right: 0;}
.news .nav_box .nav span:last-child::after{display: none;}
.news .nav_box a{color: #129243;}
.news .search_box{display: flex;align-items: center;justify-content: space-between;margin-top: 10px;}
.news .search_box .lf{display: flex;align-items: center;}
.news .search_box .lf .btn{display: flex;align-items: center;}
.news .search_box .lf .btn img{width: 16px;height: 16px;margin-left: 10px;}
.news .search_box .lf .btn:last-child{margin-left: 10px;padding-left: 10px;border-left: 1px solid #ddd;}
.news .search_box .search{display: flex;align-items: center;width: 300px;height: 36px;border-left: 3px solid #129243;}
.news .search_box .search input{flex: 1;height: 100%;background: #eef5f1;border: none;outline: none;padding: 0 10px;}
.news .search_box .search button{background: #129243;color: #fff;width: 40px;height: 100%;padding-top: 5px;border: none;outline: none;}
.news .search_box .search button img{width: 20px;height: 20px;margin: auto;}

.news .container{background: #fff;border: 1px solid #e7e7e7;padding: 10px 10px 0 10px;max-width: 1470px;}
.news .content{margin-top: 10px;}
.news .content .menu_box{flex-shrink: 0;margin-right: 10px;text-align: center;}
.news .content .menu_box .box{text-align: left;padding: 10px 0 10px 0px;}
.news .content .menu_box .menu_box_ul1{width: 45%;display: inline-block;}
.news .content .menu_box .menu_box_ul2{display: inline-block;}
.news .content .menu_box dt{background: #129243;color: #fff;height: 50px;line-height: 50px;font-size: 20px;}
.news .content .menu_box dd{background: #fff;}
.news .content .menu_box dd a{display: block;height: 50px;line-height: 50px;border-bottom: 1px dashed #ddd;}
.news .content .menu_box dd a:last-child{border-bottom: none;}
.news .content .menu_box dd a.active, .news .content .menu_box dd a:hover{color: #0b6c30;font-weight: bold;}
.news .content .rt_box{flex: 1;text-align: center;}

.news .new_group{background: #fff;padding: 0 15px;}
.news .new_group .item{display: flex;padding: 15px 0;border-bottom: 1px dashed #ddd;cursor: pointer;}
.news .new_group .item:hover h3{color: #129243;}
.news .new_group .item:hover img{transform: scale(1.1);}
.news .new_group .item:last-child{border: none;}
.news .new_group .item .img{flex-shrink: 0;width: 200px;height: 150px;overflow: hidden;}
.news .new_group .item .img img{width: 100%;height: 100%;object-fit: cover;transition: transform .2s linear;}
.news .new_group .item .rt{flex: 1;margin-left: 10px;padding-top: 10px;}
.news .new_group .item .rt h3{font-size: 18px;margin-bottom: 10px;}
.news .new_group .item .rt .info{display: flex;align-items: center;}
.news .new_group .item .rt .info p{margin-right: 30px;}
.news .new_group .item .rt .text{margin-top: 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

@media screen and (min-width: 1600px) {
  .news .content .rt_box img{min-width: 1450px;}
}

@media screen and (max-width: 1400px) {
  .news main{padding: 15px 10px;}
}
@media screen and (max-width: 600px) {
  #news_banner{padding-bottom: 30%;}
  .news .content{display: block;}
  .news .content .menu_box{width: 100%;margin: 10px 0;display: flex;}
  .news .content .menu_box dt{width: 25%;}
  .news .content .menu_box dd{flex: 1;display: flex;}
  .news .content .menu_box dd a{width: 33.33%;}
  .news .content .menu_box .menu_box_ul1{width: 100%;}
}
@media screen and (max-width: 500px) {
  .news .nav_box .nav{}
  .news .nav_box .nav_box_tel{display: none;}
  .news .search_box{display: block;}
  .news .search_box .lf{margin-bottom: 10px;}
  .news .search_box .search{width: 100%;}
  .news .new_group .item .img{width: 100px;height: 75px;}
  .news .new_group .item .rt{padding-top: 0;}
  .news .new_group .item .rt h3{font-size: 14px;margin-bottom: 5px;}
  .news .new_group .item .rt .info p span{font-size: 12px;}
  .news .new_group .item .rt .info p span:first-child{display: none;}
  .news .new_group .item .rt .text{font-size: 13px;margin-top: 5px;}
  .news .container .content .menu_box .img{display: none;}
  .news .container .content .menu_box .box{padding-left: 5px;}
  
  .img_group .item .info span {font-size: 12px;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
  .img_group .item .info .address {display: none;}
  .img_group .item .box .name {display: none;}
  .footer {
	    padding: 15px 3px;
	    margin-top: 5px;
	}
}