/*
 *  http://qietu.com
Copyright 2007~2018 Qietu, Inc.*/

/*reset*/
 html{-webkit-text-size-adjust:none; /*解决chrome浏览器下字体不能小于12px*/}
 body{ color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif;}
 html,body{-moz-user-select: none; -khtml-user-select: none; user-select: none;}
a{outline:none; text-decoration:none;} a:hover{ text-decoration:underline;}
html{zoom:1;}html *{outline:0;zoom:1; box-sizing: border-box;} html button::-moz-focus-inner{border-color:transparent!important;} 
body{overflow-x: hidden; font-size:12px;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{/*border-collapse:collapse;border-spacing:0;*/} fieldset,a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';}
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/} em,i{ font-style:normal;}



/*common*/
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }.clearfix {display:block;}.clear{ clear:both;}
.colwrapper { overflow:hidden; zoom:1 /*for ie*/; margin:5px auto; }
.strong{ font-weight: bold;} .left{ float: left;} .right{ float: right;} .center{ margin:0 auto; text-align:center;}
.show{ display:block; visibility:visible;}.hide{ display: none; visibility:hidden;}
.block{ display:block;} .inline{ display:inline;}
.break{ word-wrap:break-word;overflow:hidden; /*word-break:break-all;*/}

.tal{ text-align:left} .tar{ text-align:right;}

/*文字两侧对齐*/
.justify {
	text-align:justify;
	text-justify:distribute-all-lines;/*ie6-8*/
	text-align-last:justify;/* ie9*/
	-moz-text-align-last:justify;/*ff*/
	-webkit-text-align-last:justify;/*chrome 20+*/
}

.toe{
	/*超出省略号*/
	 word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
@media screen and (-webkit-min-device-pixel-ratio:0){/* chrome*/
	.justify:after{
		content:".";
		display: inline-block;
		width:100%;
		overflow:hidden;
		height:0;
	}
}

  a{ color:#5d5d5e; }
  a:hover{ color:#3e6ed4;}
 
body{font-family: "Microsoft YaHei",sans-serif;}

.css3{
	/*transition: all 0.3s ease-in-out 0s;*/
	
	-webkit-transform:translate3d(0, -20px, 0);
	-ms-transform:translate3d(0, -20px, 0);
	transform:translate3d(0, -20px, 0);
	
	-webkit-transition-property:opacity, -webkit-transform;
	transition-property:opacity, transform;
	-webkit-transition-duration:1000ms;
	transition-duration:1000ms;
	-webkit-transition-timing-function:cubic-bezier(0.25, 0.46, 0.33, 0.98);
	transition-timing-function:cubic-bezier(0.25, 0.46, 0.33, 0.98);
	
	-webkit-transition-delay:800ms;
	transition-delay:800ms
}
.css3.animated{
	-webkit-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
}
@media screen and (max-width: 650px) {    
  
  }
  
  @media screen and (max-width: 480px) {   
	 
  }
@font-face{
     font-family: '字体名称随便起'; 
     src: url('../font/字体名称.eot');
     src:url('../font/字体名称.woff') format('woff'),
         url('../font/字体名称.ttf') format('truetype'),
         url('../font/字体名称.svg') format('svg');
}
*{
	box-sizing: border-box;
}
img{
	max-width: 100%;
}
body,input,textarea,select,button{
	 font-family: 'PingFang SC', 'microsoft yahei', arial, 'helvetica neue', 'hiragino sans gb', sans-serif;
}

/*手机下汉堡菜单*/
.gh {

	height:30px;
	width:30px;


	position:absolute;
	right: 20px; top: 3px;
	transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	cursor:pointer;
	display: none;
}
.gh span {
	background-color: #bcbcbc;
	display: block;
	height: 2px;
	margin-top: -2px;
	position: relative;
	top: 50%;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	width: 100%;
	border-radius: 2px;
}

.gh span:after, .gh span:before {
	background-color: #bcbcbc;
	content: "";
	display: block;
	height: 2px;
	left: 0;
	position: absolute;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	width:100%;
	border-radius: 2px;
}
.gh span:after {
	top:8px; width: 25px;
}
.gh span:before {
	top:-8px; width: 20px;
}
#mobile-menu-toggle{
	display: none;
}
#mobile-menu-toggle:checked + .gh span:after, 
#mobile-menu-toggle:checked + .gh span:before {
	top: 0;
	width: 25px;
}
#mobile-menu-toggle:checked + .gh span:before {
	transform: translateY(0px) rotate(-45deg);
	-webkit-transform: translateY(0px) rotate(-45deg);
	-ms-transform: translateY(0px) rotate(-45deg);
	
}
#mobile-menu-toggle:checked + .gh span:after {
	transform: translateY(0px) rotate(45deg);
	-webkit-transform: translateY(0px) rotate(45deg);
	-ms-transform: translateY(0px) rotate(45deg);

}
#mobile-menu-toggle:checked + .gh span {
	background-color: transparent !important;
}
#mobile-menu-toggle:checked + .gh + .nav{
	display: block;
}

.gh+ .nav{
	/*height: auto;
		background: #2f6ea2;
		overflow: hidden;
		transition: 0.4s;
		padding: 0; max-height: 0;*/
}

/*layout*/

body{
	line-height: 1.7;
	color: #474747;
}
a:hover{
	text-decoration: none;
	color: #55b631;
}
.toper{
	height: 35px;
	line-height: 35px;
	background: url(../images/topbg.png) repeat-x bottom center;
}
.toper .right{
	font-size: 17px;
}
.toper .right span {
    color: #ababab;
    margin-left: 22px;
}
.wrapper{
	width: 1220px;
	margin: 0 auto;
}
.header{
	height: 185px;
	padding-top: 50px;
}
.header .logo{
	float: left;
	position: relative;
	overflow: hidden;
	padding-top: 23px;
}

/**logo扫光效果CSS**/
.header .logo:before {
    content: "";
    position: absolute;
    left: -30px;
    top: -50px;
    width: 250px;
    height: 15px;
    background-color: rgba(255,255,255,.5);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: searchLights 1s ease-in 1s infinite;
    -o-animation: searchLights 1s ease-in 1s infinite;
    animation: searchLights 1s ease-in 1s infinite;
}
 
@-webkit-keyframes searchLights {
	0% {
		left: -30px;
		top: 0
	}
 
	to {
		left: 320px;
		top: 0px
	}
}
 
@-o-keyframes searchLights {
	0% {
		left: -30px;
		top: 0
	}
 
	to {
		left: 320px;
		top: 0px
	}
}
 
@-moz-keyframes searchLights {
	0% {
		left: -30px;
		top: 0
	}
 
	to {
		left: 320px;
		top: 0px
	}
}
 
@keyframes searchLights {
	0% {
		left: -30px;
		top: 0
	}
 
	to {
		left: 320px;
		top: 0px
	}
}
.pc{
    display: block;
}
.wap{
    display: none;
}
.header .slogan{
	float: left; margin-left: 60px;
	background: url(../images/sloganbg.png) no-repeat left center;
	padding-left: 80px;
	line-height: 1.5;
	min-height: 70px;
	margin-top: 20px;
}
.header .slogan h1{
	font-size: 28px; color: #22ab38;
}
.header .slogan h2{
	font-size: 28px; color: #22ab38;
}
.header .slogan p{
	font-size: 18px;
}
.header .tele{
	float: right;
	background: url(../images/header-tele.png) no-repeat left center;
	min-height: 70px;
	padding-left: 60px;
	margin-top: 20px;
}
.header .tele p{
	font-size: 16px; color: #474747;
}
.header .tele .haoma{
	font-size: 34px; color: #22ab38; font-weight: bold; line-height: 1;
}
.header .tele .haoma a{
	color: inherit;
}
.naver{
	height: 50px;
	line-height: 50px;
	background: #22ab39;
	color: #fff;
	font-size: 20px;
	clear: both;
}
.naver li{
	float: left;
	background: url(../images/naver-linebg.png) no-repeat right center;
	height: 50px;
	font-weight: bold;
	
}
.naver li:last-child{
	background: none;
}
.naver li a{
	color: #fff;
	padding: 0 62px;
	display: block;

}
.naver li:hover a{
	background: #65c475;
}
.hbanner{
	background: url(../images/banner.jpg) no-repeat center top;
	height: 473px;
}
.hbanner_cn {
    background: url(../images/banner601.jpg) no-repeat center top;
    height: 473px;
}


/*fahuo*/
.banner_3 {
    height: 165px;
}

.lt1_head {
    text-align: center;
    margin-bottom: 37px;
}
.lt1_head h2{
	font-size: 50px;	
    letter-spacing: 0.2em;
    background-image: -webkit-linear-gradient(bottom,#22AB38,#2ab941,#86df65);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.lt1_head p{
	font-size: 20px; color: #343a40; letter-spacing: 0.3em; margin-top: 10px;
}
.wrapper .listType1 {
    padding-top: 30px;
	margin-bottom: 70px;
    overflow: hidden;	
}
.listType1 li {
    float: left;
    width: calc((100% - 92px)/3);
    margin-right: 46px;
	margin-bottom: 26px;
}
.listType1 li:nth-child(3n) {
    margin-right: 0px;
}
.listType1 li .imgbox {
    overflow: hidden;
}
.listType1 li .imgbox img {
    width: 100%;
}
.listType1 li .title {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #444544;
    display: block;
    text-align: center;
    padding-top: 13px;
    padding-bottom: 31px;
    line-height: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.listType1_end {
    margin-bottom: 118px;
}
/*fahuo end*/
/*guanyu*/
.guanyu {
    padding: 56px 0 0;
}
.guanyu .danye h1 {
    font-size: 50px;
	text-align: center;
    letter-spacing: 0.2em;
    background-image: -webkit-linear-gradient(bottom,#22AB38,#2ab941,#86df65);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.guanyu .gy_fl {
    margin: 50px auto;
	height: 40px; 
	text-align: center;
}	
.guanyu .gy_fl  ul{
    list-style: none;    
}
.guanyu .gy_fl  li{
   display: inline;
}
.guanyu .gy_fl  a{
   line-height: 40px;
   color: #474747;
   text-decoration: none;
   padding: 14px 35px;
   font-size: 18px;
   letter-spacing: .6px;
}
.guanyu .gy_fl  a:hover{
   background-color: #22ab38;
   color: #ffffff;   
}

.guanyu .gy_wen {
	font-size: 18px;
    letter-spacing: .6px;
    margin-bottom: 110px;
}
.guanyu .gy_wen p {
    margin-bottom: 15px;
    text-indent: 2em;
}
/*guanyu end*/

.hsection {
	padding: 53px 0 0;
}
.ghead{
	text-align: center;
	margin-bottom: 37px;
}
.ghead h2{
	font-size: 50px;	
    letter-spacing: 0.2em;
    background-image: -webkit-linear-gradient(bottom,#22AB38,#2ab941,#86df65);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.ghead p{
	font-size: 20px; color: #343a40; letter-spacing: 0.3em; margin-top: 10px;
}

.had{
	background: url(../images/had.jpg) no-repeat center top;
	height: 240px;
}

/*lao dibu*/
/*
.footnav{
	height: 26px;	
	background: #55b631;	
}

.copyright{
	padding: 27px 0 70px;
}
.copyright .wrapper{
	overflow: hidden;
}
.copyright .ft-logo{
	float: left;
	text-align: center; color: #afafaf; font-size: 18px;
}
.copyright .ft-logo h3{
	color: #55b631; font-size: 20px;
}
.copyright .ft-txt{
	float: left;
	margin-left: 60px;
	padding: 27px 60px 0 136px;
	border-left: #dfdfdf solid 1px;
	min-height: 120px;	
	text-align: center;
}
.copyright .ft-txt .gs{
	font-size: 22px;
}
.copyright .ft-txt p{
	font-size: 16px;
}
h5{
	font-size: 14px; color: #b8b8b8;
}
.copyright .ft-qr{
	float: right;
    padding: 27px 0 0;
}
.copyright .wrapper .ft-qr img{
		float: right;
		text-align: center;
        max-width: 62%;
        height: auto;
}

*/

/*contact_footer*/
.contactFooter {border-top:20px solid #55b631;}
.contactFooter .wrap {padding-top:40px;padding-bottom:226px; width: 1220px;  margin: auto;  max-width: 100%;}
.contactFooter .logo {text-align:center;width:33%;border-right:1px solid #ddd;padding-right:4%;float:left;}
.contactFooter .logo img {width:397px;max-width:80%;}
.contactFooter .logo h3 {  color: #55b631;  font-size: 20px; padding-top: 6px}
/*.contactFooter .logo  h3 span { margin-right: 4px;}*/
.contactFooter .logo .tit {font-weight:400;font-size:20px;color:#000000;padding-top:9px;}
.contactFooter .infors {width:31%;float:left;padding:0px 2%;}
.contactFooter .infors .item {float:left;width:100%;text-align:center;}
.contactFooter .infors .item .icon {}
.contactFooter .infors .item .icon img {height:113px;}
.contactFooter .infors .item .tit {white-space:nowrap;font-weight:400;font-size:16px;color:#B0AFAF;padding-top:1px;padding-bottom:1px;}
/*.contactFooter .infors .item .dec {white-space:nowrap;font-weight:400;font-size:16px;color:#000000;}*/
.contactFooter .right {font-weight:400;font-size:16px;color:#000000;width:35%;float:right;}
.contactFooter .right .title {font-weight:400;font-size:22px;color:#000000;padding-bottom:7px;}
.bottomMenu .dibu_lie {  width: 1220px;  margin: auto;}
.bottomMenu {/*background:linear-gradient(0deg,#FFFFFF,#EFEFEF);*/line-height:40px;text-align:right;font-weight:400;font-size:15px;color:#817F7F;}
.bottomMenu a {color:inherit;margin-left:40px;}
.contactFooter .right p.grey {color:#B0AFAF;}
.contactFooter .right  p {padding-bottom:5px;}
.contactFooter .right p.grey span { margin-left: 69px; }
.bottomMenu,.bottomMenu *,.contactFooter,.contactFooter *,.contactMain *,.contactMain {-webkit-transition:all 0.4s;-o-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;}


/*contact_footer_only_wap*/
.wapinfors{text-align: center;padding-top: 14vw;}
.wapinfors > img{

width: 38vw;
}
.wapinfors .title{

font-family: Microsoft YaHei;

font-weight: 400;

font-size: 17px;

color: #AAA9A9;

padding: 10px 0px;
}


/*
.wapinfors .title2{
    
font-family: Microsoft YaHei;
    
font-weight: 400;
    
font-size: 14px;
    
padding-top: 7vw;
    
color: #1C1C1C;
    
padding-bottom: 7vw;
}
.wapinfors .title2 img{
    
height: 30px;
}
.wapinfors .title2 span{
    
margin-left: 2vw;
    
margin-right: 9vw;
}
*/





.gfloat{
	border: #22ab38 solid 1px;
	position: fixed; right: 45px; 
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 180px;
	padding: 20px 10px 30px;
	background: #fff;
	
}
.gfloat .head{
	font-size: 20px;
	text-align: center;
	color: #22ab38;
	font-weight: bold;
}
.gfloat .body{
	padding: 30px 0;
}
.gfloat .body .tt1{
	font-size: 18px; color: #9b9c9b; 
}
.gfloat .body .tel{
	margin-top: 20px;
	font-size: 18px; color: #22ab38; font-weight: bold;
	display: block;
}
.gfloat .body .tel >small{
	display: block; font-weight: normal;
	font-size: 12px; color: #9b9c9b;
}
.gfloat .foot p{
	display: block;
	font-size: 18px; color: #22ab38; border: #22ab38 solid 1px;
	border-radius: 4px;
	margin-bottom: 10px;
	padding-left: 42px;
	font-weight: bold;	
}
.gfloat .close{
	position: absolute; right: 0; top: 0;
	width: 30px; height: 30px;
	background: url(../images/float-x.jpg) no-repeat center;
	cursor: pointer;
}

.pgcontainer{
	overflow: hidden;
	padding-bottom: 35px;
}
.pgleft{
	width: 240px;
	float: left;
}
.pgright{
	width: 940px; float: right;
}
.curr{
	padding: 18px 0 17px;
	font-size: 14px; color: #adaeb0;
}
.curr a{
	color: inherit;
}
.curr li{
	display: inline-block;
	margin-right: 10px;
}
.curr li:after{
	content: "/";
	margin-left: 10px;
}
.curr li:last-child:after{
	display: none;
}
.subnav .head{
	height: 80px;
	line-height: 80px;
	background: #55b631 url(../images/submenu-icon.png) no-repeat right 40px center; color: #fff;
	padding-left: 35px;
	font-size:24px;
}
.subnav .body{
	border: #f0f0f0 solid 1px;
}
.subnav .body >ul> li{
	border-bottom: #f0f0f0 solid 1px;
}
.subnav .body >ul> li:last-child{
	border: none;
}
.subnav .body a:hover{
	color: #55b631;
}
.subnav .body>ul> li>a{
	display: block; height: 60px; line-height: 60px;
	padding-left: 35px;
	font-size: 18px;
	background: #fff url(../images/submenu-arr.png) no-repeat right 40px center;
}
.subnav .body>ul> li > ul{
	margin-left: 48px;
	overflow: hidden;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	display: none;
}
.subnav .body>ul> li.active > ul{
	display: block;
}
.subnav .body>ul> li > ul > li a{
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	background: #fff url(../images/submenu-dot.png) no-repeat left  center;
	padding-left: 30px;
	display: block;
}
.related{
	margin-top: 50px;
}
.related .body{
	padding: 20px 0;
}
.related li{
	font-size: 16px;
	line-height: 1.6;
	background: url(../images/newsdot.png) no-repeat left 10px;
	padding-left: 24px;
	margin-bottom: 10px;
}

/*news*/
.newslist li{
	border-bottom: #ededed solid 1px;
	overflow: hidden;
	padding: 30px 0;
}
.newslist li .img{
	float: left; width: 220px;
}
.newslist li .txt h2{
	color: #5bb836; font-size: 22px;
	text-indent: 20px;
    font-weight: bold;
}
.newslist li:hover .txt h2{
    color: #22ab38
}
.newslist li .txt h2 a{
	color: inherit;
}
.newslist li .txt p{
	font-size: 14px; color: #adaeb0; margin-top: 10px;
	text-indent: 20px;
}
.newslist li .txt label{
	font-size: 16px; color: #adaeb0; display: block; text-align: right; margin-top: 20px;
}

/*pages*/
.gpages{
	margin-top: 70px;
	text-align: center;
	font-size: 18px;
}
.gpages li{
	display: inline-block;
}
.gpages li a{
	border: #e3e3e3 solid 1px;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	color: #55b631;
}
.gpages li.active a{
	border-color: transparent;
	cursor: default;
}
.gpages li.active a:hover{
	background: none;
}
.gpages li a:hover{
	background: #f8f9fc;
}

/*prolist*/
.prolist ul{
	overflow: hidden;
	width: 110%;
}
.prolist li{
	border: #eeeeee solid 1px;
	width: 286px;
	float: left;
	margin-right: 40px;
	text-align: center;
	margin-bottom: 40px;
}
.prolist li .img{
	overflow: hidden;
}
.prolist li .img img{
	transition: 0.4s;
	-webkit-transition: 0.4s;
}
.prolist li:hover .img img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.prolist li h2{
	padding:15px 10px; font-size: 18px; line-height: 1.5;
	min-height: 84px;}

/*.contactus{
	margin-top: 50px;
}
.contactus .body{
	padding: 20px 0 20px 15px;
}
.contactus .body p{
	font-size: 16px; color: #6f6f6f;
}
.contactus .body h2{
	font-size: 32px; color: #55b631; line-height: 1.2; font-weight: bold;
}*/
.shead{
	border-bottom: #cfcfd0 solid 1px;
	height: 50px;
	line-height: 48px;
}
.shead >span{
	border-bottom: #55b631 solid 2px;
	display: inline-block;
	font-size: 18px; color: #55b631;

}
.pgleft .related .body a {
    color: #9b9c9b;
}
.onepage .head h1{
	font-size: 32px;
	text-align: center;
}
.onepage .body{
	margin-top: 21px;
	font-size: 18px; color: #4c4d4c;
}
.onepage .body p{
	margin-bottom: 15px; text-indent: 2em;
}

.news-wrap{
	border: #efefef solid 1px; padding: 50px 60px 70px;
}
.pgcontainer-rt .pgright{
	float: left;
}
.pgcontainer-rt .pgleft{
	float: right;
}
.news-con h1{
	font-size: 32px; text-align: center;
    font-weight: bold;
    letter-spacing: 1.5px;
}
.news-con .meta{
	font-size: 14px; color: #c7c6c6; text-align: center; margin-top: 20px;
}
.news-con .con{
	margin-top: 52px; font-size: 18px; 
	padding-bottom: 0px;
    letter-spacing: .6px;
}
.news-con .con img {
    max-width: 100%!important;
    height: auto!important;
 }
.news-con .con p{
	margin-bottom: 15px; 
    text-indent: 2em;
}
.news-page ul{
	overflow: hidden;
}
.news-page li{
	border: #efefef solid 1px;
	float: left;
	width: 47%;
	font-size: 17px;
	padding: 15px 20px;
	min-height: 100px;
}
.news-page li + li{
	float: right;
}
.news-page li label{
	color: #55b631;
}
.news-follow{
	margin-top: 12px;
}
.news-follow p{
	font-size: 17px; color: #55b631;
}
.news-follow ul{
	overflow: hidden;
	width: 110%;
    padding: 17px 0 0;
}
.news-follow li{
	width: 280px; float: left; margin-right: 40px; 
	margin-bottom: 23px;
	border: #dfdfdf solid 1px;
	padding: 7px 31px;
	border-radius: 3px;
	line-height: 1.5;
	/*background: #F5F5F6;*/
	
}
.news-follow li a{
	font-size: 18px;
	color: #31a332;
}
.news-related{
	margin-top: 40px;
}
.news-related .head{
	border-bottom: #cfcfd0 solid 1px;
	height: 40px;
	line-height: 38px;
}
.news-related .head >span{
	border-bottom: #55b631 solid 2px;
	display: inline-block;
	font-size: 17px; color: #55b631;

}
.news-related .head >span small{
	font-size: 13px; color: #b5b5b5;
	text-transform: uppercase;
}
.news-related .body{
	overflow: hidden; padding: 30px 0;
}
.news-related .body-l{
	float: left;
	font-size: 17px;
	width: 470px;
}
.news-related .body-l li{
	line-height: 40px;
	background: url(../images/newsdot.png) no-repeat left center;
	padding-left: 24px;
}
.news-related .body-r{
	float: right;
	width: 470px;
}
.news-related .body-r ul{
	overflow: hidden;
}
.news-related .body-r li{
	width: 200px; float: left; margin-left: 35px;
	font-size: 16px;
}
.news-related .body-r li h2{
	margin-top: 5px; line-height: 1.5;
}

.sidepro{
	
}
.sidepro .head{
	border-bottom: #cfcfd0 solid 1px;
	height: 40px;
	line-height: 38px;
}
.sidepro .head >span{
	border-bottom: #55b631 solid 2px;
	display: inline-block;
	font-size: 17px; color: #55b631;

}
.sidepro .head >span small{
	font-size: 13px; color: #b5b5b5;
	text-transform: uppercase;
}
.sidepro .body{
	padding: 35px 0;
}
.sidepro .body li{
	text-align: center;
	margin-bottom: 20px;
}
.sidepro .body li .img{
	border: #efefef solid 1px; text-align: center;
	overflow: hidden;
}
.sidepro .body li .img img{
	transition: 0.4s;
	-webkit-transition: 0.4s;
}
.sidepro .body li:hover .img img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.sidepro .body li h2{
	margin-top: 5px; font-size: 16px;
}
.sidepro .foot a{
	border: #31a332 solid 1px;
	color: #31a332;
	display: block;
	height: 35px; line-height: 35px; text-align: center;
	font-size: 14px;
	border-radius: 4px;
}
.sidepro .foot a:hover{
	background: #31a332; color: #fff;
}

/*pro*/

.phead{
	border-bottom: #cfcfd0 solid 1px;
	height: 50px;
	line-height: 48px;
}
.phead >span{
	border-bottom: #55b631 solid 3px;
	display: inline-block;
	font-size: 20px; color: #55b631;

}
.pro-wrap{
	margin-top: 26px;
}
.pro-wrap .body{
	padding: 1px 0; 
}
.pgright .body h1 {
    font-size: 34px;
    text-align: center;
	font-weight: bold;
    letter-spacing: 1.5px;
	padding-top: 10px;
	padding-bottom: 50px
}
.pro-con{
	margin-top: 30px; font-size: 16px; 
	padding-bottom: 40px;
}
.pro-con img {
    max-width: 100%!important;
    height: auto!important;
}
.pro-con  p{
	margin-bottom: 15px; text-indent: 2em;
}
/*产品页-上一篇-下一篇*/
/*
.pro-page ul{
	overflow: hidden;
}
.pro-page li{
	border: #efefef solid 1px;
	float: left;
	width: 47%;
	font-size: 17px;
	padding: 15px 20px;
	min-height: 80px;
}
.pro-page li + li{
	float: right;
}
.pro-page li label{
	color: #b5b5b5;
}
*/
.pgright .pro-wrap .body .pro-page {
    zoom: 1;
    overflow: hidden;
    padding-top: 82px;
}
.pgright .pro-wrap .body .pro-page li {
    float: left;
    width: calc((100% - 116px)/2);
}
.pgright .pro-wrap .body .pro-page li:last-child {
    float: right;
}
.pgright .pro-wrap .body .pro-page span  {
     font-size: 18px;   
    font-weight: lighter;
    color: #ababab;
    display: block;
    text-align: center;
    padding-bottom: 0px;
}   
.pgright .pro-wrap .body .pro-page a {    
    display: block;
    height: 93px;   
    font-size: 18px;   
    font-weight: lighter;
    color: #ababab;
    line-height: 28px;
    padding-top: 10px;
    padding-left: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: center;
}

.pro-ohter{
	padding-top: 10px; text-align: center;
}
.pro-ohter h2{
	color: #31a332; font-size: 28px;
}
.pro-ohter p{
	font-size: 18px; color: #666666; margin-top: 25px;
}

.pro-related .body{
	padding: 40px 0;
}
.pro-related .body ul{
	width: 110%;
	overflow: hidden;
}
.pro-related .body li{
	text-align: center;
	width: 280px;
	float: left;
	margin-right: 33px;
}
.pro-related .body li .img{
	border: #efefef solid 1px; text-align: center;
}
.pro-related .body li h2{
	margin-top: 5px; font-size: 16px;
}
.pro-info{
	overflow: hidden;
}
.pro-infol{
	width: 466px; float: left; border: #eeeeee solid 1px;
	padding: 6px;
}
.pro-infor{
	width: 430px; float: right;
}
.pro-infor h1{
	color: #31A332; font-size: 24px;
	border-bottom: #e6e7eb solid 1px;
	padding-bottom: 10px;
	font-weight: bold;
}
.pro-infor li{
	border-bottom: #e6e7eb dashed 1px;
	padding: 20px 0;
	font-size: 16px;
	position: relative;
	padding-left: 70px;
}
.pro-infor li label{
	position: absolute; left: 0; top: 20px; font-weight: bold;
}
.pro-infor .yuding{
	display: block; line-height: 80px;
	font-size: 30px; color: #666666;
	background: url(../images/pro-tele.png) no-repeat left center;
	padding-left: 60px;
}

/*home*/
.hthank {
	padding: 0 0 48px;
}
.hthank .head{
	font-size: 30px;
	text-align: center; color: #22ab38;
	background: url(../images/hthank-bg.png) repeat-x center;
}
.hthank .head span{
	background: #fff;
	padding: 0 40px; display: inline-block;
}
.hthank .body{
	margin-top: 25px;
}
.hpro{
	padding-bottom: 0;
}
.hpro .body ul{
	overflow: hidden; width: 110%;
}
.hpro .body li{
	border: #eeeeee solid 1px;
	float: left;
	width: 285px; height: 335px;
	text-align: center;
	margin-right: 30px;
	margin-bottom: 40px;
	
}
.hpro .body li.e_jiagao{	
	height: 360px;	
}
.hpro .body li .img{
	overflow: hidden;
}
.hpro .body li .img img{
	transition: 0.4s;
	-webkit-transition: 0.4s;
}
.hpro .body li:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.hpro .body li h2{
	font-size: 18px;
}


.hcase .body ul{
	overflow: hidden; width: 110%;
}
.hcase .body li{

	float: left;
	width: 380px; 
	text-align: center;
	margin-right: 30px;
	margin-bottom: 40px;
	
}
.hcase .body li.dandu_anli {
    float: left;
    width: 380px;
    text-align: center;
    margin-right: 30px;
    margin-bottom: 76px;
}
.hcase .body li .img{
	overflow: hidden;
}
.hcase .body li .img img{
	transition: 0.4s;
	-webkit-transition: 0.4s;
}
.hcase .body li:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.hcase .body li h2{
	font-size: 20px; margin-top: 10px;
}

.ad {
    margin-bottom: 37px;
    margin-top: 53px;
}
.ad .adpic1 {
    width: 48.3%;
}
.ad .adpic2 {
    width: 49.45%;
    padding-left: 14px;
}
.habout .wrapper .tit {
    font-size: 40px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #22AB38;
    padding-top: 3px;
    padding-bottom: 52px;
    text-align: center;
    line-height: 1;
    letter-spacing: 0.26em;
}

.habout .body{
	overflow: hidden;
	padding-bottom: 80px;
}
.habout .body-l{
	width: 620px; float: left;
	padding: 0 0px;
	position: relative;
}
.habout .body-r{
	width: 580px; float: right;
	padding-top: 20px;
}
.habout .body-r h2{
	font-size: 24px;
	color: #22ab38;
	margin-bottom: 10px;
}
.habout .body-r  p{
	font-size: 16px; text-indent: 2em; margin-bottom: 10px;
}
.habout .body-r .btn{
	font-size: 16px; color: #fff;
	background: #22ab38;
	height: 35px; line-height: 35px;
	padding: 0 45px;
	border-radius: 8px;
	display: inline-block;
    margin-top: 12px;
}

.hnews{
	padding-bottom: 60px;
}
.hnews .body{
	overflow: hidden;
	font-size: 17px;
	
}
.hnews .body-l{
	width: 620px; float: left;
}
.hnews .body-l li{
	margin-bottom: 40px;
}
.hnews .body-l li h4{
	margin-bottom: 10px;
	background: url(../images/hnews-q.jpg) no-repeat left center;
	padding-left: 45px;
	color: #22ab38;
	font-weight: bold;
}
.hnews .body-l li p{
	background: url(../images/hnews-a.jpg) no-repeat left 1px;
	padding-left: 45px;
}
.hnews .body-r{
	width: 460px; float: right;
}
.hnews .body-r li{
	background: url(../images/newsdot.png) no-repeat left center;
	padding-left: 30px;
	margin-bottom: 10px;
}
.hnews .foot {
	text-align: center;
	margin-bottom: 46px;
}
.hnews .foot li{
	display: inline-block;
	border: #dfdfdf solid 1px;
	padding: 5px 35px;
	border-radius: 3px;
	line-height: 1.5;
	margin: 0 15px;
	
}
.hnews .foot li a{
	font-size: 18px;
	color: #31a332;
}
/*mobile*/
.mobilefoot{
	height: 49px;
	border-top: #f0f0f0 solid 1px;
	position: fixed;
	left: 0; right: 0; bottom: 0;
	background: #fff;
	box-shadow: rgba(0,0,0,0.1) 0 -10px 10px;
	display: none;
    line-height: 1.3
}
.mobilefoot ul{
	float: left;
	width: 55%;
	overflow: hidden;
}
.mobilefoot ul li{
	width: 33.33%;
	float: left; text-align: center;
}
.mobilefoot ul li a{
	display: block; padding-top: 5px;
	font-size: 13px;
}
.mobilefoot ul li img{   
    width: 1.5rem;
}
.mobilefoot ul li p{
	line-height: 1.2;
	font-weight: bold;
}
.mobilefoot h4{
	float: right;
	width: 45%;
	background: #f3f9f3;
	line-height: 46px;
	
}
.mobilefoot h4 a{
	font-size: 17px; color: #37ca60;
	display: block;
	padding-left: 71px;
	background: url(../images/m-tel.png) no-repeat 28px center/22px auto;
	font-weight: bold;
}