﻿/****  文字大小初始化,使1em=10px *****/
body {
font: normal 14px/1.4 Verdana, "Lantinghei SC", "Hiragino Sans GB", 'Microsoft YaHei', Helvetica, arial, simsun, sans-serif ; (英文字体)
font-size:62.5%;
} /* for IE/Win */
html>body {
font-size:14px;
-webkit-text-size-adjust:none;  
} /* for everything else 去除chrome最小字体限制 */
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}
textarea {  -webkit-appearance: none;}  
/*字体边框等初始化*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
 padding: 0;
 margin: 0;
 }
table {
 border-collapse: collapse;
 border-spacing: 0;
 }
fieldset,img {
 border: 0;
 }

address,caption,cite,code,dfn,th,var {
 font-weight: normal;
 font-style: normal;
 }
ol,ul {
 list-style: none;
 }
caption,th {
 text-align: left;
 }
h1,h2,h3,h4,h5,h6 {
 font-weight: normal;
 font-size: 100%;
 }
q:before,q:after {
 content:'';
 }
abbr,acronym { border: 0;
 }

a {
text-decoration:none; color:#232323;
}
/*去除 拖动和黄色边框*/
textarea {resize: none;}
textarea:focus, input:focus{outline: none;}

/*修改input里面placeholder字体颜色*/
input::-webkit-input-placeholder { color: #000;}
::-webkit-input-placeholder { /* WebKit browsers */
　　color:#999;
　　}
　　:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
　　color:#999;
　　}
　　::-moz-placeholder { /* Mozilla Firefox 19+ */
　　color:#999;
　　}
　　:-ms-input-placeholder { /* Internet Explorer 10+ */
　　color:#999;
　　}
.mt20{ margin-top: 20px;}
.w1200{ width: 100%; max-width: 1200px; margin: 0px auto;}
.pcnone{ display: none;}
.ovhid{ overflow: hidden;}
.clear{ clear: both;}
.logo{ width: 50%; float: left;}
.logo img{ display: block; max-width: 100%;}
.tel{ width: 30%; float: right; padding-top: 30px; background: url(headtelbg.jpg) top left no-repeat; padding-left: 2%; text-align: center; font-size: 30px; font-weight: bold; color: #026b29;}
.ptb15{ padding-top: 15px; padding-bottom: 15px;}

.naver{ width: 100%; background-color: #246102;}
/*.navul{ width: 1200px; margin: 0px auto; overflow: hidden;}
.navul li{ width: 16.6%; float: left; text-align: center; line-height: 46px; font-size: 16px; font-weight: bold;}
.navul li a{ display: block; width: 100%; color: #fff;}
.navul li a:hover{ background-color: #ff9233;}*/

.naver .nav{
	width: 1200px;
	height: 50px;
	line-height: 50px;
	margin: 0 auto;
	position: relative;
	z-index: 111;
}
.naver .nav li{
	float: left;
	width: 16.6%;
	height: 50px; font-size: 16px;
	line-height: 50px;
	text-align: center;
}
.naver .nav li a{
	color: #fff;
}
.naver .nav li a:hover{ display: block; width: 100%; background-color: #ff9233; }
.naver .nav li .second-nav{
	width: 199px;
	display: none;
	position: relative;
}
.naver .nav li .second-nav li{
	position: relative;
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: #128A28;
	border-top: 1px solid #097d1f;
}
.naver .nav li .second-nav li .third-nav{
	/*position: absolute;*/
	width: 150px;
	height: 200px;
	display: none;
	margin-left: 100%;
	margin-top: -40px;
}


.protitnavul{ width: 100%; overflow: hidden;}
.protitnavul li{ float: left; text-align: center; width: 14%;}
.protitnavul li a{ display: block; width: 77px; margin: 0px auto; position: relative; }
.protitnavul li img{}
.protitnavul li a img.proiconone{ display: block;}
.protitnavul li a img.proicontwo{ display: none; position: absolute; top: 0; left: 0; }
.protitnavul li a:hover img.proicontwo{ display: block; }
.protitnavul li span{display: block; font-size: 14px; line-height: 32px;}

.index-tit{ text-align: center; margin-bottom: 20px;}
.index-tit span{ display: block; width: 100%; color: #00772e; font-size: 32px;line-height: 62px; margin-top: 20px; font-weight: bold;}
.index-tit p{ font-size: 16px; line-height: 32px; color: #777;}

.prolistul{ width: 100%; overflow: hidden;}
.prolistul li{ width: 30%; margin: 30px 1.5% 0px 1.5%; float: left; position: relative;}
.prolistul li img{ display: block; width: 100%; height: 350px;}
.prolistul li p{display: none; width: 100%; font-size: 20px; letter-spacing: 2px; text-align: center; line-height: 100%; background: url(png.png); position: absolute; top: 0; left: 0;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.prolistul li p a{ color: #fff; display: block; width: 100%; line-height: 350px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.prolistul li:hover p{ display: block;}

.btn{ width: 236px; max-width: 80%; line-height: 40px; font-size: 18px; text-align: center; margin: 30px auto; border-radius: 50px; background-color: #ff9233;}
.btn a{ color: #fff;}

.img{ width: 100%; max-width: 1200px; margin: 20px auto;}
.img img{ display: block; width: 100%;}

.bgf4{ background-color: #f4f4f4; width: 100%; padding: 20px 0px;}
.index-about{ width: 100%; max-width: 1200px; overflow: hidden; margin: 20px auto; background: url(aboutimg.jpg) top right no-repeat; background-color: #fff;}
.index-about-text{ width: 44%; padding-left: 3%; padding-top: 10px; padding-right: 3%; float: left; margin-bottom: 5px;}
.index-about-text dt{ border-bottom: 1px solid #e5e5e5; padding: 10px 0px;}
.index-about-text dt b{ display: block; width: 100%; font-weight: normal; font-size: 30px; color: #d8d8d8;}
.index-about-text dt span{ display: block; width: 100%; font-size: 18px; color: #000; line-height: 30px;}
.index-about-text dd{ width: 100%; overflow: hidden;}
.index-about-text dd p{ font-size: 14px; line-height: 32px; color: #666;}
.index-about-text dd a{ display: block; margin-top: 20px; margin-bottom: 20px; width: 120px; line-height: 30px; border: 2px solid #a9a9a9; color: #555958; text-align: center; float: left; margin-right: 3%;}

.index-news{ width: 100%; overflow: hidden;}
.index-news dt{ width: 40%; float: left;}
.index-news dt img{ display: block; width: 100%;}
.index-news dd{ width:57%; float: right;}
.index-news dd p{ width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; line-height: 46px; color: #333; border-bottom: 1px dashed #999;}
.index-news dd p span{ display: block; float: right; width: 20%; text-align: right; font-size: 14px; color: #777;}
.index-news dd p a{ display: block; float: left; width: 80%;}

.Bimg{ width: 100%; overflow: hidden;}
.Bimg img{ width: 100%;}

.index-caselist{ width: 100%; overflow: hidden;}
.index-caselist li{ width: 31%; margin: 10px 1% 15px 1%; float: left;}
.index-caselist li img{ display: block; width: 100%; height:300px;}
.index-caselist li p{ width: 100%; line-height: 46px; font-size: 18px; text-align: center; background-color: #246102;}
.index-caselist li p a{ color: #fff;}

.index-contact{ padding-top: 50px; padding-bottom: 40px; width: 100%; background: url(contactbg.jpg) right top no-repeat; overflow: hidden;}
.index-contact-text{ float: left; width: 297px;}
.index-contact-text span{ display: block; width: 100%; margin-top: 20px; color: #00772e; font-size: 36px; font-weight: bold; line-height: 42px;}
.index-contact-text i{ display: block; padding-bottom: 10px; margin-bottom: 10px; margin-top: 10px; width: 100%; font-style: normal; color: #999; font-size: 18px; line-height: 36px; background: url(linebg.jpg) left bottom no-repeat;}
.index-contact-text p{ display: block; width: 100%; font-size: 16px; line-height: 40px; color: #555;}

.index-contact-img{ width: 542px; float: left;}
.index-contact-online{ width: 322px; float: right;}
.index-contact-online input{ color: #999; width: 96%; line-height: 49px; padding-left: 2%; border: 1px solid #cacaca; margin: 0px auto 20px auto;}
.index-contact-online textarea{color: #999; height: 94px; width: 96%;padding-left: 2%; border: 1px solid #cacaca; margin: 0px auto 20px auto;}
.index-contact-online input.contact-online-btn{ cursor: pointer; width: 98%; border: 0; margin: 0px auto; font-size: 20px; line-height: 48px; text-align: center; color: #fff; background-color: #ff9233;}

.foot-nav{ width: 100%; background-color: #348805; line-height: 44px;}
.foot-navul{ width: 100%; text-align: center; max-width: 1200px; margin: 0px auto; overflow: hidden;}
.foot-navul a{ color: #fff;}
.footer{ width: 100%; background-color: #246102; overflow: hidden;}
.link{ width: 100%; max-width: 1200px; margin: 10px auto; overflow: hidden; font-size: 14px; color: #7c9d69; line-height: 32px;}
.link a{ color: #7c9d69;} .ybg{margin-right: 1rem;}
.foot-text{ text-align: center; font-size: 14px; line-height: 32px; color: #7C9D69;}

.subbanner{ width: 100%; overflow: hidden;}
.subbanner img{ display: block; width: 100%;}
/*当前位置*/
.crumb{ width: 100%; max-width: 1200px; margin: 5px auto 15px auto; background-color: #C8C8C8; overflow: hidden;}
.crumb dt{ margin-left: 1.5%; color: #333; font-size: 16px; float: left; line-height: 46px;}
.crumb dd{ float: left; margin-left: 0.5%;}
.crumb dd a{display: inline-block; color: #555; font-size: 16px; line-height: 46px;}
/*内页*/
.ny-left{ width: 25%; float: left; margin-right: 3%;}

.ny-left-news{ width: 99%; border: 1px solid #E4E4E4; margin: 0px auto; padding-bottom: 10px;}
.ny-left-news dt{ font-size: 20px; font-weight: bold; line-height: 56px; margin-bottom: 5px; background-color: #327c08; text-align: center; color: #fff;}
.ny-left-news dd{ width: 92%; margin: 0px auto; margin-left: 4%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; line-height: 50px; border-bottom: 1px dashed #DDD9DA;}
.ny-left-news dd a{ display: block;}
.ny-left-news dd a:hover{color: #ff9233;}

.ny-right{ width: 71%; float: right; margin-top: 20px;}
.ny-right-tit{ width: 100%; background-color: #327c08; overflow: hidden;}
.ny-right-tit p{ color: #fff; padding-left: 3%; width: 48%;/*width: 37%;*/ float: left; font-size: 20px; font-weight: bold; line-height: 56px;}p.kd{width: 40%!important;}
.ny-right-tit span{ /*display: block;*/ color: #fff; width: 58%; /*float: left; */text-align: right; font-size: 16px; line-height: 56px; /*padding-right: 2%;*/}
.ny-right-tit span a{ color: #fff;}
.pb30{ padding-bottom: 30px !important;}

.newslist{ width: 98%; overflow: hidden; margin: 0px auto;}
.newslist li{ width: 100%; border-bottom: 1px dashed #c8c8c8; margin-top: 10px; margin-bottom: 10px; padding-bottom: 5px;}
.newslist li span{ font-size: 16px; line-height: 36px; font-weight: bold; width: 100%; overflow: hidden; display: block;}
.newslist li span a{ color: #333; display: block; width: 70%; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.newslist li span a:hover{ color: #ff9233; }
.newslist li span i{ display: block; font-style: normal; float: right; font-size: 14px; line-height: 36px; margin-right: 2%; color: #999; font-weight: normal;}
.newslist li p{ font-size: 14px; line-height: 32px;}
.newslist li p a{ color: #666;}
.ny-tit-text{ width: 100%; overflow: hidden; border-bottom: 1px dashed #CFCFCF; padding-bottom: 10px; padding-top: 10px;}
.ny-tit-text p{ width: 100%; text-align: center; font-size: 22px; line-height: 48px; color: #333;}
.ny-tit-text span{ display: block; width: 100%; text-align: center; font-size: 14px; line-height: 32px; color: #666;}

.Ltext{ width: 98%; margin: 10px auto;}
.Ltext p{ width: 98%; margin: 0px auto; font-size: 16px; line-height: 36px; margin-bottom: 10px;}
.Ltext img{ display: block; max-width: 96%; margin: 10px auto;}
/*翻页 上一篇下一篇*/
.text-prev{ border-top: 1px solid #cfcfcf; width: 98%; max-width: 1200px; margin: 0px auto; overflow: hidden;  padding-top: 15px; margin-bottom: 15px;}
.text-prev p{ width: 50%; float: left; color: #666; font-size: 16px;  line-height: 36px; overflow: hidden;}
.text-prev p a{ color: #333;}
.text-prev p a:hover{ color: #999;}
.page-con{ text-align: center; width: 100%; overflow: hidden; margin-top: 20px; margin-bottom: 10px;}
.page-con li{ display:inline-block; margin-right:10px; margin-bottom:10px; list-style:none; line-height:40px; text-align: center;  font-size: 18px; color: #414141; border: 1px solid #d9d9d9;background-color: #fff;}
.page-con li:nth-child(1), .page-con li:nth-child(2), .thisclass{ /*padding:0px 15px;*/}.page-con li a.ccx{color: #fff; background-color: #117ed6;}
.page-con a{ display:block; padding:0px 15px; height: 40px; line-height: 40px; display: inline-block; color: #333; }
.page-con .point{ line-height: 40px; font-weight: bold; font-size: 19px; margin-right: 5px;}
.page-con a:hover, .page-con .current{ display:block; height: 40px; line-height: 40px; padding:0px 15px; color: #fff; background-color: #117ed6;}
/*相关新闻*/
.xgxw, .xgcp{ width: 96%; background-color: #eee; padding: 2%; margin-bottom: 10px; overflow: hidden;}
.xgcpdl{ background-color: #fff; overflow: hidden;}
.xgxw dt{ font-size: 20px; color: #327c08; font-weight: bold; width: 98%; margin: 0px auto; margin-bottom: 5px; border-bottom: 1px dashed #C8C8C8; line-height: 56px;}
.xgxw dd{ background: url(you.png) 4px 16px no-repeat; padding-left: 2%; width: 47%; margin-left: 1%; float: left; font-size: 14px; line-height: 42px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.xgxw dd a{ color: #555;}
/*相关产品*/
.xgcp dt{ font-size: 20px; color: #327c08; font-weight: bold; width: 98%; margin: 0px auto; margin-bottom: 5px; border-bottom: 1px dashed #C8C8C8; line-height: 56px;}
.xgcp dd{ float: left; width: 23%; margin: 20px 1% 5px 1%;}
.xgcp dd img{ display: block; width: 100%;}
.xgcp dd p{ text-align: center; font-size: 16px; line-height: 36px;}
/*产品列表*/
.prolist{ width: 100%; overflow: hidden; margin-bottom: 10px;}
.prolist li{
	 width: 31%; margin: 10px 1%; float: left; position: relative; /*height: 340px;*/ overflow: hidden;
}
.prolist li img{
	display: block; width: 99%; margin: 1.5px auto; /*height: 100%;*/max-width: 100%;
}
.prolist li a{ display: block; width: 100%; height: 100%;}
.prolist li p{ display: none; color: #fff; background: url(png.png) repeat; width: 100%; margin: 0px auto; text-align: center; font-size: 20px; position: absolute; left: 0; top: 0; line-height: 60px;/* padding-top: 100px; height: 240px;*/padding-top: 30%; height: 100%;}
.prolist li p a{ color: #fff;}
.prolist li:hover p{ display: block; color: #fff;}

/***三级菜单 ***/
.accordion-3-container{ width: 99%; border: 1px solid #E4E4E4; margin: 20px auto; padding-bottom: 10px;}
.accordion-3-container .leftnav-tit{ font-size: 20px; font-weight: bold; line-height: 56px; margin-bottom: 5px; background-color: #327c08; text-align: center; color: #fff;}
.accordion-3-container LI{ width: 96%; margin: 0px auto; margin-left: 2%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; line-height: 50px;}
.accordion-3-container LI.level-1 {CLEAR: both; font-weight: bold; CURSOR: pointer;  padding:0px; border-bottom: 1px dashed #DDD9DA;}
.accordion-3-container LI.level-1 A.level-1 { DISPLAY: block; COLOR: #207808; line-height: 46px;}
.accordion-3-container LI.level-1 a.ok{color:#f55100;}
.accordion-3-container LI.level-1  p{font-family:Arial, Helvetica, sans-serif;font-size:10px;  color:#c2c2c2 }
.accordion-3-container LI.level-1 a{display: block; width: 92%; padding-left: 8%; background: url(you.png) 10px center no-repeat;}
.accordion-3-container LI.level-1 a:hover{ background-color: #327c08; color: #fff;}
.accordion-3-container LI.level-2 {width:100%; font-weight: normal;	LINE-HEIGHT: 46px; TEXT-INDENT: 20px;  CLEAR: both; CURSOR: pointer;border-top: 1px dashed #DDD9DA;}
.accordion-3-container LI.level-2 a{display: block; width: 95%; padding-left: 5%; background: url(you.png) 20px center no-repeat;}
/*.ny-left-navul{ width: 99%; border: 1px solid #E4E4E4; margin: 20px auto; padding-bottom: 10px;}
.ny-left-navul dt{ font-size: 20px; font-weight: bold; line-height: 56px; margin-bottom: 5px; background-color: #327c08; text-align: center; color: #fff;}
.ny-left-navul dd{ width: 96%; margin: 0px auto; margin-left: 2%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; line-height: 50px; border-bottom: 1px dashed #DDD9DA;}
.ny-left-navul dd a{ display: block; width: 92%; padding-left: 8%; background: url(you.png) 10px center no-repeat;}
.ny-left-navul dd a:hover{ background-color: #327c08; color: #fff;}*/

}