@charset "utf-8";
/* CSS Document */

/* 通用属性 */
* { margin:0; padding:0; list-style:none; }
body { font-size:14px; color:#666; font-family:Microsoft YaHei, sans-serif; }
img { border:0; vertical-align:top; }
html, body {width: 100%;max-width: 100%;min-width: 320px;min-height: 100%;height: auto;}
address, caption, cite, code, dfn, em, th, dt, var {font-style: normal;font-weight: normal;}

/* a */
a { color:#333; text-decoration:none; }
a:visited { }
a:active, a:hover { text-decoration:none; color:#009943; }
a:focus { outline:none; text-decoration:none; }
h1,h2,h3,h4,h5,h6 { font-weight:normal; }
h1,h2,h3,h4,h5,h6,p,ol,ul{padding: 0;margin: 0;}
:focus{outline: none;}
.ovfl{overflow: hidden;}
.flex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }
.lflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }
.ltflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:flex-start; -ms-flex-align:flex-start; -webkit-align-items:flex-start; align-items:flex-start; }
.lbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:flex-end; -ms-flex-align:flex-end; -webkit-align-items:flex-end; align-items:flex-end; }
.rflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }
.rtflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:flex-start; -ms-flex-align:flex-start; -webkit-align-items:flex-start; align-items:flex-start; }
.rbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:flex-end; -ms-flex-align:flex-end; -webkit-align-items:flex-end; align-items:flex-end; }
.mflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; }
.mtflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; }
.mbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; }
.transition300em{transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;}
.donghua{-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
::after, ::before {-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.dhwz{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.mar0a{margin: 0 auto;}
.con-fff{width:100%;height:100%;}
.h160{height: 160px;}
input { border-radius:0; -webkit-appearance:none; appearance:none; background:none; border:0; box-shadow:0 0 0; font-size:14px; }
textarea { border-radius:0; -webkit-appearance:none; appearance:none;  background:none; border:0; box-shadow:0 0 0; font-size:14px; }
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{vertical-align: middle;}

@media (min-width: 1360px){
   .container {width: 1330px;}
}


.title{overflow: hidden;}
.title h2{ font-size: 36px; color: #222; font-weight: bold; float: left; border-left:2px solid #009943; padding-left: 10px;}
.title .title_t{ float: left; padding-left: 10px; }
.title .title_t p{ font-size: 16px;}
.title .title_t em{ color: #999;}

@media(max-width: 767px){
	.title h2{ font-size: 26px;}
	.title .title_t p{ font-size: 14px;}
	.title .title_t em{ font-size: 12px;}
}


/*header*/
#header .top{ border-bottom: 1px solid #eeeeee; overflow: hidden; line-height: 42px; }
#header .top .top_l{ float: left;}
#header .top .top_l p{color: #999;}
#header .top .top_r{ float: right;}
#header .top .top_r ul li{ float: left; margin-left: 25px;}
#header .top .top_r ul li a{display: block; padding-left: 26px; color: #666;}
#header .top .top_r ul li.ico1 a{ background: url(../images/ico1.png) no-repeat left; }
#header .top .top_r ul li.ico2 a{ background: url(../images/ico2.png) no-repeat left; }
#header .top .top_r ul li.ico3 a{ background: url(../images/ico3.png) no-repeat left; }
#header .top .top_r ul li:hover a{color: #009943; }


#header .logo{padding: 30px 0;}
#header .logo .logo_l{ float: left;}
#header .logo .logo_l a{ float: left; display: block;}
#header .logo .logo_l .logo_ltxt{ float: left; margin-left: 20px;}
#header .logo .logo_l .logo_ltxt h2{ font-size: 24px; color: #333; font-weight: bold; line-height: 2.5;}
#header .logo .logo_l .logo_ltxt h2 em{ color: #009943; font-weight: bold; line-height: 1.6;}
#header .logo .logo_l .logo_ltxt p{ font-size: 16px; padding: 0 20px; color: #fff;  line-height: 1.8;  background-image: linear-gradient(to right, #88c856 , #01863c); border-radius: 20px; text-align: center;}
#header .logo .logo_r{ float: right; margin-top: 5px;}
#header .logo .logo_r .logo_rtxt{background: url(../images/logo_rtxt.png) no-repeat left; padding-left: 50px;}
#header .logo .logo_r .logo_rtxt p{color: #333; font-size: 16px;}
#header .logo .logo_r .logo_rtxt em{ font-size: 24px; color: #e6033f; font-weight: bold;}


@media(max-width: 767px){
	#header .top{line-height: 32px;}
	#header .top .top_l p{ font-size: 12px;}
	#header .logo{padding: 10px 0; position: relative;}
	#header .logo .logo_l img{height: 50px;}
}

/*nav*/
#pcnav{overflow: hidden;  background-image: linear-gradient(to right, #88c856 , #01863c); height: 54px;}
#pcnav ul{padding: 10px 0;}
#pcnav ul li{ float: left;}
#pcnav ul li a{display: block; line-height: 34px; font-size: 15px; color: #fff;  padding: 0; padding: 0 32px; margin:0 6px; }
#pcnav ul li.cur a,#pcnav ul li:hover a{background: #009943; border-radius: 20px;}

@media(max-width: 1359px){
	#pcnav ul li a{padding: 0 15px;}
}

@media(max-width: 1199px){
	#pcnav ul li a{ font-size: 15px; padding:0 9px;}
}


@media(max-width: 991px){
	#pcnav ul li a{ font-size: 14px; padding: 0 3px; margin: 0 3px;}
}


/* banner */
#banner .swiper-pagination{bottom:0;font-size:0;}
#banner .swiper-pagination-bullet{width:6px;height:16px;background:rgba(4 135 60); opacity:1;border-radius: unset;}
#banner .swiper-pagination-bullet-active{height:34px;background:rgb(230 3 63);}
#banner .swiper-button-prev{left:30px;}
#banner .swiper-button-next{right:30px;}



/*search*/
#search{height: 56px; background: #f3f3f3;}
#search .search_l{ line-height: 56px; float: left;}
#search .search_l span{color: #333; font-weight: bold; background: url(../images/search_txt.png) no-repeat left; padding-left: 30px;}
#search .search_l a{ color: #666; padding-right: 5px;}
#search .search_r{ float: right; line-height: 34px; border:1px solid #009943; border-radius: 20px; margin-top: 10px;}
#search .search_r .s_tt{ float: left; padding: 0 10px; width: 200px;}
#search .search_r .s_bt{ font-size: 0px; background: url(../images/s_bt.png) #009943 no-repeat center; width: 50px; float: right; border-radius: 20px;}
#search .search_l a:hover{color: #009943;}

@media(max-width: 767px){
	#search .search_r{ width: 100%; }
}


/*case*/
#case{padding: 50px 0;}
#case ul{padding-top: 30px;}
#case .case_l{padding: 0 10px;}
#case .case_l li img{ border-radius: 15px; transition:all 1s;}
#case .case_l li a{position: relative; display: block; text-align: center; overflow: hidden;}
#case .case_l li h3{ font-size: 16px; color: #fff; line-height: 3; position: absolute; width: 100%; width: 100%; bottom: 0; background: rgba(0,153,67,.7); border-radius: 0px 0px 15px 15px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; padding: 0 10px;}
#case .case_r{padding: 0 ;}
#case .case_r li{ padding: 0 10px;}
#case .case_r li a{ position: relative; display: block; overflow: hidden;}
#case .case_r li img{border-radius: 10px; transition:all 1s;}
#case .case_r li h3{ position: absolute; bottom: 0; width: 100%; color: #fff; font-size: 16px; line-height: 2.2; background: rgba(0,153,67,.7); text-align: center; border-radius: 0px 0px 10px 10px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; padding: 0 10px;}
#case .case_r li:nth-child(n+3){margin-top: 12px;}
#case .case_l li:hover h3{background: rgba(230,3,63,.7);}
#case .case_r li:hover h3{background: rgba(230,3,63,.7);}


@media(max-width: 991px){
	#case .case_r{margin-top: 15px;}
}

@media(max-width: 767px){
	#case ul{padding-top: 15px;}
	#case .case_l{padding: 0;}
	#case .case_r li{padding: 0 2px;}
}


/*caigou*/
#caigou{ overflow: hidden;}
#caigou .caogou_bot{background: #f3f3f3; padding-top: 50px;}

#caigou .caigou_l h6{ color: #009943; font-size: 48px; font-weight: bold;}
#caigou .caigou_l h6 em{color: #e6033f; font-weight: bold;}
#caigou .caigou_l p{line-height: 2; font-size: 24px; color: #333;}
#caigou .caigou_l span{ color: #009943; font-weight: bold; font-size: 24px; line-height: 3;}
#caigou .caigou_l ul li{ line-height: 2; font-size:16px; background: url(../images/correct.png) no-repeat left; padding-left: 28px;}
#caigou .caigou_l .zixun{margin-top: 30px;}
#caigou .caigou_l .zixun a{display: block; width: 360px; border:2px solid #009943; border-radius: 30px;}
#caigou .caigou_l .zixun p{ font-size: 18px; line-height: 2.5; background: url(../images/zixun.png) no-repeat 90px 12px; padding-left: 20px; text-align: center; color: #009943; }
#caigou .caigou_l .zixun:hover a{border:2px solid #e6033f;}
#caigou .caigou_l .zixun:hover p{color: #e6033f; background: url(../images/hzixun.png) no-repeat 90px 12px;}

@media(max-width: 1199px){
	#caigou .caigou_l{padding: 0}
	#caigou .caigou_l h6{ font-size: 28px;}
	#caigou .caigou_l p{ font-size: 18px;}
	#caigou .caigou_l span{line-height: 2; font-size: 20px;}
	#caigou .caigou_l .zixun{margin-top: 10px;}
}


@media(max-width: 991px){
	#caigou .caigou_r{display: none;}
	#caigou .caogou_bot{padding: 50px 0;}
}


@media(max-width:767px){
	#caigou .caigou_l p{ font-size: 16px;}
	#caigou .caigou_l .zixun a{width: 100%;}
	#caigou .caigou_l .zixun p{ background: url(../images/zixun.png) no-repeat 72px 12px; }
}

/*youshi*/
#youshi{background: url(../images/youshi.png) #f3f3f3 top no-repeat; padding: 50px 0;}
#youshi .youshi_t h2{color: #fff; text-align: center; font-size: 48px; font-weight: bold;}
#youshi .youshi_t p{text-align: center; font-size: 18px; color: #fff; line-height: 3;}
#youshi ul{}
#youshi ul li{padding: 0 10px; padding-top: 30px; transition:all 1s;}
#youshi ul li .li_txt{background: #fff; padding: 30px;}
#youshi ul li .li_txt h3{ font-size: 30px; color: #009943; font-weight: bold;}
#youshi ul li .li_txt h3 span{font-size: 48px; font-weight: bold; font-family: 'arial'; padding-right: 8px;}
#youshi ul li .li_txt i{width: 28px; height: 4px; background: #e6033f; display: block; margin:20px 0;}
#youshi ul li .li_txt p{ font-size: 15px; line-height: 2; height: 180px; overflow: hidden;}
#youshi ul li dt{ background: url(../images/youshili.jpg) no-repeat top; background-size:100% 50%; }
#youshi ul li dt img{margin:0 auto; border-radius: 120px; box-shadow: 6px 6px 6px #999;}
#youshi ul li:hover{ padding-top: 15px; }

@media(max-width: 1199px){
	#youshi ul li .li_txt{padding: 15px;}
	#youshi ul li .li_txt h3 span{font-size: 36px;}
	#youshi ul li .li_txt h3{ font-size: 24px;}
	#youshi ul li .li_txt i{margin:10px 0;}
	#youshi ul li .li_txt p{ font-size: 14px; height: 192px;}
}

@media(max-width: 991px){
	#youshi ul li .li_txt p{ font-size: 14px; height: 126px;}
}

@media(max-width: 767px){
	#youshi .youshi_t h2{ font-size: 28px;}
	#youshi ul li{padding-top: 20px;}
	#youshi ul li .li_txt h3{ font-size: 18px;}
	#youshi ul li .li_txt h3 span{ font-size: 24px;}
	#youshi ul li .li_txt{padding: 10px;}
	#youshi ul li .li_txt p{ font-size: 12px; height: 228px;}
}

/* Product */
#product{padding: 50px 0; overflow: hidden; background: url(../images/product.jpg) no-repeat center;}
#product .hd{ padding-top: 30px; text-align: center;}
#product .hd ul{display: inline-block;}
#product .hd ul li{ float: left; border:1px solid #009943; padding: 0 15px; margin:0 10px; border-radius: 20px; line-height: 36px; font-size: 16px; color: #009943;}
#product .hd ul li.cur,#product .hd ul li:hover{background: #009943; color: #fff;}
#product .bd ul li{padding: 0 10px; margin-top: 20px;}
#product .bd ul li a{border:1px solid #009943; display: block; border-radius: 0px 0px 10px 10px;}
#product .bd ul li h3{ line-height: 2.5; color: #fff; text-align: center; font-size: 16px; background: #009943; border-radius: 0px 0px 10px 10px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
#product .bd ul li:hover a{border:1px solid #e6033f;}
#product .bd ul li:hover h3{background: #e6033f; }

@media(max-width: 1199px){
	#product .hd ul li{ padding: 0 12px;}
	#product .bd ul li{ padding: 0 6px;}
	#product .bd ul li h3{ font-size: 14px; line-height: 2.2;}

}

@media(max-width: 991px){
	#product .hd ul li{ font-size: 14px; padding: 0 8px; margin:0 5px;}
}

@media(max-width: 767px){
	#product .hd{padding: 0;}
	#product .hd ul li{margin: 0; margin-top: 10px;}
}


/*jidi*/
#jidi{padding: 50px 0; overflow: hidden;}
#jidili li{ float: left; position: relative;}
#jidili li img{max-width: 100%;}
#jidili li h3{text-align: center; position: absolute; bottom: 0; width: 100%; line-height: 2.4; background: rgba(230,3,63,.8); color: #fff; font-size: 16px; display: none;}
#jidili li:hover h3{display: block;}

@media(max-width: 767px){
	#jidi{padding: 0 0 50px 0;}
}

/*about*/
#about {background: url(../images/aboutbg.jpg) no-repeat left; padding-top: 70px; padding-bottom: 30px;}
#about .about_txt{ font-size: 16px; line-height: 2; margin:30px 0;}
#about .about_more a{display: block; width: 360px; border:2px solid #009943; border-radius: 30px;}
#about .about_more p{ font-size: 18px; line-height: 2.5; background: url(../images/about_more.png) no-repeat 120px 12px; padding-left: 20px; text-align: center; color: #009943; }
#about .about_more:hover a{border:2px solid #e6033f;}
#about .about_more:hover p{color: #e6033f; background: url(../images/about_hmore.png) no-repeat 120px 12px;}

@media(max-width: 1199px){
	#about .about_txt{ font-size: 14px; margin:15px 0;}
}

@media(max-width: 991px){
	#about .about_r{margin-top: 20px;}
}

@media(max-width: 767px){
	#about{background: url(../images/aboutbg.jpg) no-repeat top;}
	#about .about_l{padding: 0;}
	#about .about_r{padding: 0;}
	#about .about_more a{width: 100%;}
}

/*strength*/
#strength{ overflow: hidden; padding-bottom: 50px;}
#strength .hd{overflow: hidden; text-align: center;}
#strength .hd ul{ display: inline-block; }
#strength .hd ul li{text-align: center; float: left;  }
#strength .hd ul li:first-of-type{ border-right:1px solid #999; padding-right: 30px;}
#strength .hd ul li:last-of-type{padding-left: 30px;}
#strength .hd ul li h3{ font-size: 18px; color: #666;}
#strength .hd ul li p{  color: #666; font-size: 12px; text-transform: uppercase;}
#strength .hd ul li.cur h3{color: #009943;}
#strength .hd ul li.cur p{color: #009943;}
#strength .bd{ margin-top: 20px;}
#strength .bd ul li h3{ font-size: 16px; line-height: 2.5; text-align: center; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
.owl-nav .owl-prev{font-size: 0; width: 40px; height: 80px; background: url(../images/owl-prev.png) no-repeat; position: absolute; bottom: 50%; margin-bottom: -40px; left:-55px;}
.owl-nav .owl-next{font-size: 0; width: 40px; height: 80px; background: url(../images/owl-next.png) no-repeat; position: absolute; bottom: 50%; margin-bottom: -40px; right:-55px;}

@media(max-width: 767px){
	#strength .bd ul li h3{font-size: 14px;}
}




/*news*/
#news{background: #f3f3f3; overflow: hidden; padding: 50px 0;}
#news .newsli{margin-top: 20px; overflow: hidden; background: #fff; padding: 20px;}
#news .newsli .news_l{border-right:1px solid #dedede; padding-right: 30px;}
#news .newsli .news_l .hd{overflow: hidden;}
#news .newsli .news_l .hd ul li{ font-size: 18px; color: #333; float: left; margin-right: 40px; line-height: 3; border-bottom: 2px solid #fff;}
#news .newsli .news_l .hd ul li.cur{border-bottom: 2px solid #009943; font-weight: bold;}
#news .newsli .news_l .bd ul{ margin-top: 20px;}
#news .newsli .news_l .bd .key0{overflow: hidden;}
#news .newsli .news_l .bd .key0 img{ width: 270px; float: left;}
#news .newsli .news_l .bd .key0 .litxt{ float: right; width: calc(100% - 290px);}
#news .newsli .news_l .bd .key0 .litxt h3{ font-size: 16px; color: #333; font-weight: bold; line-height: 2; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
#news .newsli .news_l .bd .key0 .litxt p{ line-height: 2; margin:15px 0;}
#news .newsli .news_l .bd .key0 .litxt span{ line-height: 32px; background: #009943; color: #fff; width: 100px; border-radius: 20px; display: block; text-align: center;}
#news .newsli .news_l .bd li {overflow: hidden;}
#news .newsli .news_l .bd li h3{ font-size: 15px; color: #333; line-height: 40px; float: left; width: calc(100% - 90px); text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
#news .newsli .news_l .bd li em{ float: right; color: #999;  line-height: 40px;}
#news .newsli .news_r{padding-left: 30px;}
#news .news_r .news_rt{ font-size: 18px; color: #333; display: inline-block; margin-right: 40px; line-height: 3; border-bottom: 2px solid #009943; font-weight: bold;}
#news .news_r ul li{  overflow: hidden; margin-top: 10px; }
#news .news_r ul li h3{ font-size: 16px; color: #252525; line-height: 3; padding-left: 20px; position: relative; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
#news .news_r ul li h3::before{position: absolute; content: '·'; left: 0; color: #333;}
#news .news_r ul li p{color: #666; font-size: 14px; line-height: 2; padding-left: 20px; border-bottom: 1px dashed #dedede; padding-bottom: 10px;}
#news .newsli .news_l .bd .key0:hover .litxt h3{color: #009943;}
#news .newsli .news_l .bd .key0:hover .litxt span{background: #e6033f;}
#news .newsli .news_l .bd li:hover h3{color: #009943;}
#news .news_r ul li:hover h3{color: #009943;}

@media(max-width: 1199px){
	#news .newsli .news_l .bd .key0 img{ width: 240px;}
	#news .newsli .news_l .bd .key0 .litxt{ width: calc(100% - 260px);}
	#news .newsli .news_l .bd .key0 .litxt p{margin: 10px 0;}
	#news .news_r ul li a{display: block;}
	#news .news_r ul li p{ height: 56px;}

}

@media(max-width: 991px){
	#news .newsli .news_l{padding: 0; border-right:none;}
	#news .newsli .news_r{padding: 0;}
}

@media(max-width: 767px){
	#news .newsli .news_l .bd .key0{margin-bottom: 15px;}
	#news .newsli .news_l .bd .key0 img{ width: 100%;}
	#news .newsli .news_l .bd .key0 .litxt{ width: 100%;}
}



/*footer*/
#footer{background: #009943; padding:50px 0 20px;}
#footer .footer_l { float: left;}
#footer .footer_l ul { overflow: hidden;}
#footer .footer_l ul li{ float: left; padding-right: 30px;}
#footer .footer_l ul li a{ font-size: 16px; color: #fff;}
#footer .footer_l .footother{color: #fff; padding-top: 50px; line-height: 2;}
#footer .footer_r{float: right; padding-top: 30px; background: url(../images/footer_r.png) no-repeat left center; padding-left: 54px;}
#footer .footer_r p{text-align: center; line-height: 2;  background: #fff;}
#footer .footer_banquan{color: #fff; line-height: 2; padding-top: 50px; }

@media(max-width: 1199px){
	#footer .footer_l ul li{padding-right: 15px;}
}

@media(max-width: 991px){
	#footer .footer_l .footother{padding: 0;}
	#footer .footer_r{padding: 0;}
}

@media(max-width: 767px){
	#footer{padding:30px 0 20px;}
	#footer .footer_l{ float: inherit;}
	#footer .footer_r{text-align: center; float: inherit; background: none; padding-top: 20px;}
	#footer .footer_r p{width: 130px; margin: 0 auto;}
	#footer .footer_banquan  { padding-bottom: 30px; }
}


/*links*/
#links{background: #057c39; padding: 15px 0;}
#links h6{ float: left; color: #fff; text-transform: uppercase; line-height: 2;}
#links ul{width: calc(100% - 110px); float: right; }
#links ul li{ float: left; padding-left: 20px;}
#links ul li a{color: #fff; display: block; line-height: 2; font-size: 12px;}




/*page*/
#page .crumbs{border-bottom: 1px solid #dedede; line-height: 48px;}
#page .pagesearch{padding: 30px 0;}
#page .pagesearch .pagesearch_l ul li{ margin-bottom: 30px; }
#page .pagesearch .pagesearch_l ul li em{background: #e6033f; line-height: 2; display: inline-block; padding: 0 20px;  color: #fff; font-size: 15px;}
#page .pagesearch .pagesearch_l ul li h2{ line-height: 2; font-size: 18px; color: #333; font-weight: bold;}
#page .pagesearch .pagesearch_l ul li p{ line-height: 1.5; color: #666;}
#page .pagesearch .pagesearch_l ul li span{ display: block; line-height: 2;}
#page .pagesearch .pagesearch_l ul li i{ font-style: inherit; border:1px solid #dedede; display: block; line-height: 2.2; font-size: 15px; padding: 0 30px; display:inline-block;  }
#page .pagesearch .pagesearch_l ul li:hover h2{color: #e6033f;}
#page .pagesearch .pagesearch_l ul li:hover i{background:#e6033f; color: #fff;}




/*pagepro*/
#pagepro{padding: 40px 0;}
.pagepro_l .pagepro_lnav h6{background: linear-gradient(to right, #88c856 , #01863c); line-height: 70px; font-size: 24px; font-weight: bold; color: #fff; padding-left: 20px;}
.pagepro_l .pagepro_lnav ul{padding: 10px; border:1px solid #dedede;}
.pagepro_l .pagepro_lnav ul li h3{ font-size: 15px; line-height: 3; background: #f3f3f3; margin-bottom: 10px; padding-left: 15px; color: #666; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
.pagepro_l .pagepro_lnav ul li.cur h3,.pagepro_l .pagepro_lnav ul li:hover h3{background: linear-gradient(to right , #01863c, #88c856); color: #fff;}

.pagepro_lli h6{background: linear-gradient(to right, #88c856 , #01863c); line-height: 70px; font-size: 24px; font-weight: bold; color: #fff; padding-left: 20px; margin-top: 20px;}
.pagepro_lli .bd{ border:1px solid #dedede;}
.pagepro_lli ul.pageproli{padding: 10px !important;}
.pagepro_lli ul li{margin-top: 10px;}
.pagepro_lli ul li a{ border:1px solid #dedede; display: block;}
.pagepro_lli ul li h3{text-align: center; font-size: 15px; line-height: 2.4; background: #009943; color: #fff; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
.pagepro_lli ul li:hover a{border:1px solid #e6033f;}
.pagepro_lli ul li:hover h3{background: #e6033f;}

@media(max-width: 1199px){
	.pagepro_l .pagepro_lnav ul li h3{font-size: 14px; line-height: 2;}
}


#pageshowpro{padding: 40px 0;}
.pagepro_r .crumbs{ border-bottom: 1px solid #dedede; overflow: hidden;}
.pagepro_r .crumbs h2{ font-size: 18px; color: #333; font-weight: bold; float: left;  line-height: 2; background: url(../images/search_txt.png) no-repeat left; padding-left: 30px;}
.pagepro_r .crumbs span{ display: block; line-height:36px; float: right;}
.pagepro_r .crumbs span a{color: #999;}

.pagepro_r .pageproliimg ul {overflow: hidden;}
.pagepro_r .pageproliimg ul li{ padding: 0 8px; margin-top: 16px;}
.pagepro_r .pageproliimg ul li a{display: block; border:1px solid #dedede;}
.pagepro_r .pageproliimg ul li h3{ text-align: center; line-height: 2.4; background: #dedede; font-size: 15px; color: #666; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
.pagepro_r .pageproliimg ul li:hover a{border:1px solid #e6033f;}
.pagepro_r .pageproliimg ul li:hover h3{background: #e6033f; color: #fff;}

@media(max-width: 767px){
	.pagepro_r .pageproliimg ul li{padding: 0 5px;}
	.pagepro_r .pageproliimg ul li h3{ font-size: 14px;}
	#pageshowpro .pagepro_r{padding: 0;}
}

.pagepro_r .pageshowproli{overflow: hidden; padding: 20px 0;}
.pagepro_r .pageshowproli .pageshowproliimg {padding: 0;}
.pagepro_r .pageshowproli .pageshowprolitxt h1{ font-size: 18px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; font-weight: bold; color: #222; line-height: 2.5; border-bottom: 1px dashed #dedede;}
.pagepro_r .pageshowproli .pageshowprolitxt ul {margin:10px 0;}
.pagepro_r .pageshowproli .pageshowprolitxt ul li{ font-size: 15px; line-height: 2;}
.pagepro_r .pageshowproli .pageshowprolitxt ul li p{color: #4b4b4b; line-height: 2; font-size: 15px;}
.pagepro_r .pageshowproli .pageshowprolitxt .pageshowprozixun {padding:10px 0;}
.pagepro_r .pageshowproli .pageshowprolitxt .pageshowprozixun a span{ width: 120px; line-height: 36px; background: linear-gradient(to right, #88c856 , #01863c); display: block; border-radius: 20px; color: #fff; text-align: center; margin-top: 10px; }
.pagepro_r .pageshowproli .pageshowprolitxt .pageshowprozixun p{font-size: 30px; color: #01863c; border:1px dashed #dedede; background: #fafafa; line-height: 2;text-align: center; margin-top: 10px; font-weight: bold;}

.pagepro_r .showprocon ul{border-bottom: 1px solid #dedede;}
.pagepro_r .showprocon ul li{ font-size: 18px; background: #fafafa; width: 150px; height: 40px; text-align: center; line-height: 40px; border:1px solid #dedede; border-bottom: none; color: #333;}
.pagepro_r .showprodetails .showprodet{padding: 10px; font-size: 15px; line-height: 2;}
.pagepro_r .showprodetails .showprodet img{max-width: 100%;}

.pagepro_r .showimgpage{overflow: hidden;}
.pagepro_r .showimgpage a{border:1px solid #dedede; background: #fafafa; padding: 10px;}

.pagepro_r .pageshowprohotli{margin-top: 20px;}
.pagepro_r .pageshowprohotli .owl-nav{display: none;}
.pagepro_r .pageshowprohotli h6{ font-size: 18px; color: #333; font-weight: bold;   line-height: 2; background: url(../images/search_txt.png) no-repeat left; padding-left: 30px; overflow: hidden; border-bottom: 1px solid #dedede;}
.pagepro_r .pageshowprohotli ul{ margin-top: 15px; }
.pagepro_r .pageshowprohotli ul li a{display: block; border:1px solid #dedede;}
.pagepro_r .pageshowprohotli ul li h3{ font-size: 15px; text-align: center; height: 36px; line-height: 36px; background: #fafafa;}

.pagepro_r .pro_key{line-height: 3;}

@media(max-width: 767px){
	#pagepro .pagepro_r{padding: 0; }
	.pagepro_r .crumbs span{ float: left; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
	.pageshowproli .pageshowprolitxt{padding: 0;}
}



/*pageabout*/
#pageabout .pagenav{border-bottom:1px solid #dedede; height: 61px; overflow: hidden;}
#pageabout .pagenav .crumbs{ float: left; line-height: 60px;}
#pageabout .pagenav .crumbs a{color: #999;}
#pageabout .pagenav ul { float: right;}
#pageabout .pagenav ul li{ line-height: 58px; float: left; padding: 0 12px;}
#pageabout .pagenav ul li a{ font-size: 15px; border-bottom: 2px solid #fff; }
#pageabout .pagenav ul li.cur a,#pageabout .pagenav ul li:hover a{border-bottom: 2px solid #009943; display: block; color: #009943;}
#pageabout .pageshow{padding: 30px 0; font-size: 16px; line-height: 2;}
#pageabout .pageshow img{max-width: 100%;}

.pagecontact{border:1px solid #dedede; padding: 15px; overflow: hidden;}
.pagecontact h6{background: linear-gradient(to right, #88c856 , #01863c); font-size: 20px; color: #fff; text-align: center; line-height: 2.5; font-weight: bold;}
.pagecontact ul li{margin-top: 15px;}
.pagecontact ul li p{border-bottom: 1px solid #dedede; border-right: 1px solid #dedede; line-height: 3}

@media(max-width: 1199px){
	#pageabout .pagenav ul li{padding: 0 6px;}
}

@media(max-width: 991px){
	#pageabout .pagenav ul li{padding: 0 10px;}
	#pageabout .pagenav{height: auto;}

}

@media(max-width: 767px){
	.pagecontact{padding: 5px;}
	.pagecontact h6{ font-size: 16px;}
	#pageabout .pageshow{ font-size: 14px;}
}





/*pageimg*/
#pageimg{padding: 30px 0;}
#pageimg .pageimg_l .crumbs{ line-height: 36px; border-bottom: 1px solid #dedede;}
#pageimg .pageimg_l>ul{overflow: hidden;}
#pageimg .pageimg_l>ul li{ padding: 0 8px; margin-top: 15px; }
#pageimg .pageimg_l>ul li img{ border:1px solid #dedede; padding: 2px;}
#pageimg .pageimg_l>ul li p{text-align: center; line-height: 2; font-size: 15px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
.pageimgnav h6{background: linear-gradient(to right, #88c856 , #01863c); line-height: 70px; font-size: 24px; font-weight: bold; color: #fff; padding-left: 20px; margin-top: 20px;}
.pageimgnav ul{padding: 10px; border:1px solid #dedede;}
.pageimgnav ul li a{ font-size: 15px; line-height: 2.5; background: #f3f3f3; margin-bottom: 10px; padding-left: 15px; color: #666; display: block;}
.pageimgnav ul li.cur a,.pageimgnav ul li:hover a{background: linear-gradient(to right, #01863c , #88c856); color: #fff;}
#pageimg .pageimg_l>ul li:hover img{border:1px solid #009943;}

@media(max-width: 767px){
	#pageimg .pageimg_l{padding: 0}
}


/*pageshowimg*/
#pageshowimg{padding: 30px 0; overflow: hidden;}
#pageshowimg .pageshowimg_l .crumbs{line-height: 36px; border-bottom: 1px solid #dedede;}
#pageshowimg .pageshowimg_l .crumbs a{color: #999;}
#pageshowimg .pageshowimg_l .showimg-top{margin-top: 20px;}
#pageshowimg .pageshowimg_l .showimg-top h1{text-align: center; font-size: 18px; color: #333; font-weight: bold; line-height: 2;}
#pageshowimg .pageshowimg_l .showimg-top .text-center{line-height: 2;}
#pageshowimg .pageshowimg_l .showimg-img{text-align: center; margin:10px 0;}
#pageshowimg .pageshowimg_l .showimg-img img{margin: 0 auto;}
#pageshowimg .pageshowimg_l .jiathis span{ float: left; line-height: 28px;}

@media(max-width: 767px){
	#pageshowimg .pageshowimg_l{padding: 0;}
}

/*pagenewsli*/


.pagenewsli h6{ font-size: 18px; color: #333; font-weight: bold;   line-height: 2; background: url(../images/search_txt.png) no-repeat left; padding-left: 30px; overflow: hidden; border-bottom: 1px solid #dedede;}
.pagenewsli ul {margin-top: 10px;}
.pagenewsli ul li{padding: 0 8px;}
.pagenewsli ul li a{display: block; border-bottom: 1px dashed #dedede; overflow: hidden;}
.pagenewsli ul li h3{ float: left; font-size: 15px; width: calc(100% - 100px); text-overflow:ellipsis; white-space: nowrap; overflow: hidden; line-height: 36px;}
.pagenewsli ul li em{ float: right; line-height: 36px; color: #999; }

@media(max-width: 767px){
	.pagenewsli ul li h3{ font-size: 14px;}
}

/*pagenews*/
#pagenews{ padding: 30px 0;}
.pagenewsnav h6{background: linear-gradient(to right, #88c856 , #01863c); line-height: 70px; font-size: 24px; font-weight: bold; color: #fff; padding-left: 20px;}
.pagenewsnav ul{padding: 10px; border:1px solid #dedede;}
.pagenewsnav ul li a{ font-size: 15px; line-height: 2.5; background: #f3f3f3; margin-bottom: 10px; padding-left: 15px; color: #666; display: block;}
.pagenewsnav ul li.cur a,.pagenewsnav ul li:hover a{background: linear-gradient(to right, #01863c , #88c856); color: #fff;}
#pagenews .pagenews_r .crumbs{line-height: 36px; border-bottom: 1px solid #dedede;}
#pagenews .pagenews_r .crumbs span a{ color: #999;}
#pagenews .pagenews_r ul.pagenewsli li{overflow: hidden; padding-top: 15px;}
#pagenews .pagenews_r ul.pagenewsli li a{display: block; border:1px solid #dedede; overflow: hidden; padding: 10px;}
#pagenews .pagenews_r ul.pagenewsli li dt{ float: left; overflow: hidden;}
#pagenews .pagenews_r ul.pagenewsli li dt img{ width: 300px; transition:all 1s;}
#pagenews .pagenews_r ul.pagenewsli li .newstxt{ float: right; width: calc(100% - 320px);}
#pagenews .pagenews_r ul.pagenewsli li .newstxt h3{line-height: 2; border-bottom: 1px solid #dedede; font-size: 18px; color: #333; font-weight: bold; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
#pagenews .pagenews_r ul.pagenewsli li .newstxt p{line-height: 2; margin:10px 0;}
#pagenews .pagenews_r ul.pagenewsli li .newstxt span{display: block; line-height: 2;}
#pagenews .pagenews_r ul.pagenewsli li .newstxt em{display: block; width: 120px; background: #999; line-height: 36px; color: #fff; text-align: center; margin-top: 10px;}
#pagenews .pagenews_r ul.pagenewsli li:hover h3{color: #009943;}
#pagenews .pagenews_r ul.pagenewsli li:hover em{background: #009943;}
#pagenews .pagenews_r ul.pagenewsli li:hover dt img{transform:scale(1.1);}

@media(max-width: 1199px){
	#pagenews .pagenews_r ul.pagenewsli li dt img{width: 240px;}
	#pagenews .pagenews_r ul.pagenewsli li .newstxt{ float: right; width: calc(100% - 260px);}
	#pagenews .pagenews_r ul.pagenewsli li .newstxt p{margin: 5px 0;}
	#pagenews .pagenews_r ul.pagenewsli li .newstxt em{ line-height: 32px;}
}


@media(max-width: 767px){
	#pagenews .pagenews_r{padding: 0;}
	#pagenews .pagenews_r ul.pagenewsli li dt img{ width: 100%;}
	#pagenews .pagenews_r ul.pagenewsli li .newstxt{ width: 100%;}
}

#shownews{padding: 30px 0;}
#shownews .crumbs{line-height: 36px; border-bottom: 1px solid #dedede;}
#shownews .crumbs span a{ color: #999;}
#shownews .showpagenews h1{text-align: center; font-size: 18px; color: #333; border-bottom: 1px solid #dedede; line-height: 2.5; font-weight: bold;}
#shownews .showpagenews .text-center{line-height: 3;}
.showpagenewstxt{line-height: 2; font-size: 16px;}
.showpagenewstxt img{max-width: 100%;}
#shownews .jiathis span{float: left; line-height: 28px;}
.shownews-page{margin-top: 10px;}
.shownews-page a{border:1px dashed #dedede; background: #f3f3f3; padding: 10px;}


@media(max-width: 767px){
	#shownews .pagenews_r{padding: 0;}
	.showpagenewstxt{ font-size: 14px;}
}

/*翻页样式*/
.metpager_1{ text-align:center;}
.metpager_2{ text-align:center;}
.metpager_3{ text-align:center;}

#flip{line-height: 25px;}
.digg4{ padding:3px; margin:10px 0; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.digg4 a,.digg4 span.miy{ margin:2px; text-decoration:none;}
.digg4 .disabledfy{ font-family: Tahoma, Verdana;}

.metpager_4 a,.metpager_4 span.miy{ border:1px solid #aaaadd; padding:2px 5px 2px 5px; color:#009;}
.metpager_4 a:hover { border:1px solid #009; color:#000;}
.metpager_4 a:active {border:1px solid #009; color:#000;}
.metpager_4 span.current { border:1px solid #009; background-color:#009; padding:2px 5px 2px 5px; margin:2px; color:#FFFFFF; text-decoration:none;}
.metpager_4 span.disabled { border:1px solid #eee; padding:2px 5px 2px 5px; margin:2px; color:#ddd;}

.metpager_5 a,.metpager_5 span.miy{ border:1px solid #ccdbe4; padding:2px 8px 2px 8px; color:#0a2a78; display: inline-block; }
.metpager_5 a:hover { border:1px solid #0a2a78; color:#fff; background-color:#0a2a78;}
.metpager_5 a:active {border:1px solid #009; color:#000;}
.metpager_5 span.current { padding:2px 8px 2px 8px; margin:2px; color:#0a2a78; text-decoration:none;display: inline-block;}
.metpager_5 span.disabled { border:1px solid #ccdbe4; padding:2px 8px 2px 8px; margin:2px; color:#666;display: inline-block;}

.metpager_6{ color:#ff6500; }
.metpager_6 a,.metpager_6 span.miy{ border:1px solid  #ff9600; padding:2px 7px 2px 7px; background-position:50% bottom; color:#ff6500; background-image:url(../images/page6.jpg);}
.metpager_6 a:hover { border:1px solid #ff9600; color:#ff6500; background-color:#ffc794;}
.metpager_6 a:active {border:1px solid #ff9600; color:#ff6500; background-color:#ffc794;}
.metpager_6 span.current {border:1px solid #ff6500; padding:2px 7px 2px 7px; margin:2px; color:#ff6500; background-color:#ffbe94; text-decoration:none;}
.metpager_6 span.disabled { border:1px solid #ffe3c6; padding:2px 7px 2px 7px; margin:2px; color:#ffe3c6;}

.metpager_7 a,.metpager_7 span.miy{ border:1px solid  #2c2c2c; padding:2px 5px 2px 5px; background:url(../images/page7.gif) #2c2c2c; color:#fff;}
.metpager_7 a:hover { border:1px solid #aad83e; color:#fff;background:url(../images/page7_2.gif) #aad83e;}
.metpager_7 a:active { border:1px solid #aad83e; color:#fff;background:urlurl(../images/page7_2.gif) #aad83e;}
.metpager_7 span.current {border:1px solid #aad83e; padding:2px 5px 2px 5px; margin:2px; color:#fff;background:url(../images/page7_2.gif) #aad83e; text-decoration:none;}
.metpager_7 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;}

.metpager_8 a,.metpager_8 span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; color:#aaa;}
.metpager_8 a:hover { border:1px solid #a0a0a0; }
.metpager_8 a:hover { border:1px solid #a0a0a0; }
.metpager_8 span.current {border:1px solid #e0e0e0; padding:2px 5px 2px 5px; margin:2px; color:#aaa; background-color:#f0f0f0; text-decoration:none;}
.metpager_8 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;}

.metpager_9 a,.metpager_9 span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; color:#88af3f; } 
.metpager_9 a:hover { border:1px solid #85bd1e; color:#638425; background-color:#f1ffd6; } 
.metpager_9 a:hover { border:1px solid #85bd1e; color:#638425; background-color:#f1ffd6; } 
.metpager_9 span.current {border:1px solid #b2e05d; padding:2px 5px 2px 5px; margin:2px; color:#fff; background-color:#b2e05d; text-decoration:none;} 
.metpager_9 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;}


.footer-bottom{overflow: hidden;position: fixed;bottom: 0;left: 0;z-index: 999;width: 100%;background-image: linear-gradient(to right, #88c856 , #01863c);text-align: center;}
.footer-bottom a{display: inline-block;padding: 7px 0;color: #fff;}
.footer-bottom a i{font-size: 16px;display: block;}


/*右侧浮窗*/

#c-right-fixed {
    display: none;
    position: fixed;
    top: 50%;
    padding: 20px 0 25px;
    right: 10px;
    width: 80px;
    z-index: 905;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 40px;
    background: #fff;
    box-shadow: 0 0 10px rgba(152, 164, 211, .2);
}

#c-right-fixed li {
    margin-bottom: 20px;
    position: relative;
}

#c-right-fixed li:last-child {
    margin-bottom: 0;
}

#c-right-fixed a {
    display: block;
    text-align: center;
    color: #fff;
    transition: .5s;
}

#c-right-fixed .c-ico {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 5px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(152, 164, 211, .2);
    transition: .5s;
}

#c-right-fixed .c-ico img {
    height: 20px;
}

#c-right-fixed .c-ico img:nth-child(2) {
    display: none;
}

#c-right-fixed a:hover .c-ico {
    background: #009943;
}

#c-right-fixed a:hover .c-ico img:nth-child(1) {
    display: none;
}

#c-right-fixed a:hover .c-ico img:nth-child(2) {
    display: inline-block;
}

#c-right-fixed .c-title {
    font-size: 14px;
    line-height: 24px;
    color: #666;
}

#c-right-fixed .c-phone {
    position: absolute;
    top: 0;
    right: 90px;
    margin-top: 0;
    display: flex;
    padding: 0 20px;
    align-items: center;
    justify-content: center;
    width: 200px;
    height: 50px;
    color: #fff;
    border-radius: 26px;
    background: #009943;
    box-shadow: 0 0 10px rgba(152, 164, 211, .2);
    white-space: nowrap;
    font-weight: bold;
    font-size: 20px;
    visibility: hidden;
    opacity: 0;
    transition: .5s;
}

#c-right-fixed a:hover .c-phone {
    visibility: visible;
    opacity: 1;
}



#c-right-fixed img.img {  position: absolute;
    top: 0;
    right: 90px;
    margin-top: 0;
    display: flex;  
    opacity: 0;
    transition: .5s;
      align-items: center;
    justify-content: center;
    max-width: 140px;
    z-index: 9999;
}
#c-right-fixed a:hover  img.img {
    visibility: visible;
    opacity: 1;
}
.g-pages{
	text-align: center;
	font-size: 0;
	margin: 20px 0;
}
.g-pages li{
	display: inline-block;
}

.g-pages li a{
	display: block;
	padding: 2px 10px;
	line-height: 24px;
	margin: 0 2px;
	border: 1px solid #dbdbdb;
	font-size: 14px;
	color:#666666;
	
}
.g-pages li.on a,
.g-pages li a:hover{
	background-color: #009943;
	border: 1px solid #009943;
	color: #fff
}