body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul{ margin:0; padding:0;}
button,input,select,textarea{ outline:0;}
textarea{ resize:none;}
ul,li{ list-style:none;}
img{ outline:0; border:none; vertical-align: middle;}
button,input[type=button],input[type=reset],input[type=submit]{ -webkit-appearance:none; }
input{ border-radius: 0px; outline: none; box-shadow:none; -webkit-appearance: none;}
a{ color:#666666; text-decoration:none;}
a:hover{ text-decoration: underline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ display:block; margin: 0; padding: 0;}
html{ overflow-x: hidden;}
body{ font-size: 14px; font-family: Arial,'microsoft yahei',Helvetica, sans-serif; min-width: 320px; color: #333;}

.mainbox{ max-width: 1170px; margin: 0 auto; overflow: hidden; padding: 0 15px;}
.top_menu{float: right; padding: 19px 0px 0px 14px; font-size: 12px; color: #9C9C9C;  width: 275px; height: 43px; border:1px solid #dfe1e3; border-radius: 45px; position: relative; top:-20px; right: 10px; *height: 24px; box-sizing: border-box;}
.top_logo{ float: left; overflow: hidden; width: 75%; padding: 0 15px; box-sizing: border-box; *width: 68%;}
.top_logo img{ display: block; max-width: 100%;  margin: 25px 0px 15px 0px;}
.sousou{ float: right; width: 25%; overflow: hidden; padding: 0 15px; box-sizing: border-box; margin-top: 25px; width: 24%;}
.sousou_text{ float: left; height: 30px; padding: 5px 10px; font-size: 12px; line-height: 18px; color: #555; border: 1px solid #ccc; width: calc(100% - 49px); box-sizing: border-box; *height: 18px; width: 80.3%\9;  *width: 75%;}
.sousou_btn{ background-color: #10a14a; border: none; height: 30px; color: #fff; padding: 0px 10px; font-size: 12px; width: 49px; float: right;}

.daohang{ width: 100%; height: 50px; background: #10a14a; margin-top: 20px; position: relative;  z-index: 9999;}
.daohang ul{ max-width: 1170px; margin: 0 auto; height: 50px; padding: 0 15px;}
.daohang ul li{ float: left; height: 50px; position: relative;}
.daohang ul li a{ display: block; padding: 15px 28px; color: #FFFFFF; line-height: 20px;}
.daohang ul li a:hover{ text-decoration: none; background: #0d803b; color: #fff;}
.daohang ul li.dropdown dl{ background: #10a14a; opacity: 0.8; padding: 8px 0px 8px 0px; position: absolute; left: 0px; top: 50px; min-width: 160px; display: none; filter:alpha(opacity=80);}
.daohang ul li.dropdown dl dd{line-height: 26px; font-size: 13px;}
.daohang ul li.dropdown dl dd a{ display: block; padding: 3px 20px; color: #fff;}
.m_dhcd,.m_nav,.m_search{ display: none;}

.copyright{ overflow: hidden; background: #333; text-align: center; color: #fff; padding: 30px 10px 20px; margin-top: 18px; font-size: 12px; line-height: 25px;}
.copyright a{ color: #FFFFFF;}

.product_display{ overflow: hidden; background: #F6F6F6;}
.product_tit{ overflow: hidden; text-align: center; margin-top: 25px;}
.product_tit p{ color: #0d803b; font-size: 30px; font-weight: 500; line-height: 33px;}
.product_tit span{ display: block; text-transform: uppercase; padding-top: 2px; line-height: 28px; font-size: 20px; color: #888; margin-bottom: 5px;}
.product_list{ overflow: hidden; padding: 20px 0px 30px 0px;}
.product_list li{ float: left; width: 25%; overflow: hidden; *width: 24.9%;}
.product_list li dl{ overflow: hidden; padding: 0 15px;}
.product_list li dl dt{ overflow: hidden; margin-bottom: 10px; padding: 4px; border: 1px solid #ddd; border-radius: 4px; background: #fff; transition: all .2s ease-in-out; height: 346px; line-height: 346px; text-align: center;}
.product_list li dl dt img{ display:inline-block; max-width: 100%; max-height:100%; vertical-align:middle}
.product_list li dl dt:hover{ opacity: 0.8; filter:alpha(opacity=80);}
.product_list li dl dd{ margin-bottom: 15px; line-height: 20px; height: 40px; overflow: hidden; text-align: center;}
.product_list li dl dd a{ color: #656464;}
.product_list li dl dd a:hover{ color: #4CAF50; text-decoration: none;}
.product_list li dl{ padding: 0 8px;}
.product_list2 li dl dt{ height:246px; line-height:246px}

.aboutus{ overflow: hidden; background: url("../images/about.jpg") no-repeat center; background-size: cover; background-attachment: fixed; background-color: #1A1A1A; padding: 35px 20px 50px 20px;}
.aboutus h2{ color: #FFFFFF; text-align: center; line-height: 39px; font-size: 36px; font-weight: 300; margin-top: 20px; margin-bottom: 10px;}
.aboutus_info{ overflow: hidden; line-height: 26px; color: #fff; text-align: center; margin-top: 20px; margin-bottom: 10px;}
.aboutus_more{ color: #fff; background: transparent; border: 1px solid #fff; transition: box-shadow 0.4s; line-height: 32px; text-align: center; font-size: 14px; border-radius: 4px; width: 100px; margin: 20px auto 0;}
.aboutus_more a{ color: #fff; background: url("../images/more.png") no-repeat left; padding-left: 16px;}
.aboutus_more:hover{ box-shadow: 0px 0px 20px #fff;}
.aboutus_more a:hover{ text-decoration: none;}

.main_left{ float: left; overflow: hidden; width: 58.33333333%;}
.main_right{ float: right; overflow: hidden; width: 41.66666667%;}
.news_box{ overflow: hidden; margin: 30px 15px;}
.news_tit{ height: 36px; background: url("../images/title_line2.jpg") no-repeat left bottom; line-height: 24px;}
.news_tit h2{ float: left; font-size: 22px; color: #0d803b; font-weight: 500;}
.news_tit span{ float: left; text-indent: 7px; color: #7D7D7D;}
.news_wen{ overflow: hidden; margin-top: 5px;}
.news_wen li{ color: #898989; border-bottom: 1px dashed #ccc; background: url("../images/li.png") no-repeat left 16px; line-height: 41px; padding-left: 13px; height: 41px; overflow: hidden;}
.news_wen li a{ color: #898989;}
.news_wen li a:hover{ color: #4CAF50; text-decoration: none;}
.news_wen li span{ float: right;}

.lxwm{ overflow: hidden; margin: 30px 15px 15px 15px;}
.lxwm_box{ overflow: hidden; margin-top: 15px;}
.lxwm_box p{ margin-bottom: 10px; line-height: 20px;}

.ny_banner{ width: 100%; overflow: hidden;}
.ny_banner img{ display: block; width: 100%;}

.neiye_right{ float: right; overflow: hidden; width: 75%;}
.neiye_left{ float: left; overflow: hidden; width: 25%;}
.liebiao{ overflow: hidden; padding: 10px 15px;}
.liebiao_top{ background: url("../images/title_line2.jpg") left bottom no-repeat; font-size: 22px; margin-top: 25px; padding: 0px 0px 10px 0px; color: #0d803b; font-weight: 500; margin-bottom: 10px;}
.liebiao_list{ overflow: hidden; padding: 6px 0px 20px 0px;}
.liebiao_list li{ color: #898989; background: url("../images/li.png") no-repeat left 14px; line-height: 38px; height: 38px; overflow: hidden; padding-left: 13px; border-bottom: 1px dashed #e3e2e2;}
.liebiao_list li a{ color: #303c4b; }
.liebiao_list li a:hover{ color: #4CAF50; text-decoration: none;}
.liebiao_list li span{ float: right; }

.fenye{ overflow:hidden; margin:20px 0px 0px 0px; text-align: center; font-size: 0px;}
.fenye li{ display: inline;}
.fenye li a,.fenye li strong{display: inline-block; font-family: Arial; font-size: 13px; border: #dbdbdb 1px solid; padding:4px 9px; margin: 2px; margin-bottom: 5px; color: #31363c; text-decoration: none}
.fenye li a:hover{font-family: Arial;font-size: 13px;border: #000 1px solid; padding:4px 9px;color: #fff; background-color: #31363c;}
.fenye li strong{font-family: Arial;border: #000 1px solid; font-size: 13px; padding:5px 9px; color: #fff;margin: 2px;  background-color: #31363c}

.zuo_box{ overflow: hidden; padding: 0 15px;}
.left_nav{ overflow: hidden; padding-top: 10px;}
.pub_tit{ background: url("../images/title_line2.jpg") left bottom no-repeat; font-size: 22px; margin-top: 25px; padding: 0px 0px 10px 0px; color: #0d803b; margin-bottom: 10px; font-weight: 500;}
.left_nav_ul{ overflow: hidden; margin: 15px 0px 0px 0px; padding-bottom: 10px;}
.left_nav_ul li{ position: relative; border-bottom: 1px solid #f2f2f2; background: url("../images/left_li.gif") 6px 15px no-repeat; padding: 8px 0px 8px 18px; line-height: 21px;}
.left_nav_ul li a.biglink{ color: #656464;}
.left_nav_ul li a:hover,.left_nav_ul li a.left_active{ color: #4CAF50; text-decoration: none;}
.menu_head{ cursor: pointer; font: 600 18px/30px "Open Sans", sans-serif; width: 35px; text-align: center; color: #303c4b; display: inline-block; position: absolute; top: 3px; right: 0px;}
.menu_head:hover{ color: #4CAF50;}
.left_snav_ul{ padding-top: 8px; overflow: hidden; display: none;}
.left_snav_ul li{ padding: 5px 0px 5px 10px; background: url("../images/left_sli.gif") 0px 13px no-repeat; border-bottom: none;}
.left_snav_ul li a{ color: #797979; padding: 5px 0px 5px 0px;}

.left_new{ overflow: hidden;}
.left_new_list{ overflow: hidden; padding-bottom: 12px;}
.left_new_list li{ border-bottom: 1px dashed #ccc; background: url("../images/li.png") no-repeat left 16px; color: #898989; padding-left: 13px; height: 41px; line-height: 41px; overflow: hidden;}
.left_new_list li a{ color: #656464;}
.left_new_list li a:hover{ color: #4CAF50; text-decoration: none;}
.left_contact{ margin: 30px 0px 15px 0px;}

.article_box{ overflow: hidden; padding: 6px 2px 0px 2px;}
.article_title{ padding: 10px 0px; text-align: center; font-size:18px; color:#434343; font-weight:bold;  line-height: 34px;}
.article_body{ overflow: hidden; text-indent: 2em; line-height: 28px;}
.article_body img{ display: block; max-width: 100%; margin: 0 auto;}
.article_body p{ margin-bottom: 10px;}
.article_sxp{ overflow: hidden; margin: 20px 0px 40px 0px;}
.article_sxp li{ float: left; width: 50%; padding: 0 15px; box-sizing: border-box; line-height: 22px; height: 22px; overflow: hidden; color: #333; text-align: center; *width: 46%;}
.article_sxp li a{ color: #0068b7;}
.article_sxp li a:hover{ color: #4CAF50;}

.xgxw{ overflow: hidden;}
.xgxw_tit{ background: url("../images/title_line2.jpg") left bottom no-repeat; font-size: 22px; margin-top: 25px; padding: 0px 0px 10px 0px; color: #0d803b; margin-bottom: 10px; font-weight: 500;}
.xgxw_wen{ overflow: hidden; padding-bottom: 20px;}
.xgxw_wen li{ color:#898989; background: url("../images/li.png") no-repeat left 14px; line-height:38px; height: 38px; overflow: hidden; padding-left:13px; border-bottom: 1px dashed #e3e2e2;}
.xgxw_wen li a{color:#303c4b;}
.xgxw_wen li a:hover{text-decoration:none;color:#4CAF50;}
.xgxw_wen li span{ float: right;}

.feedback{ overflow: hidden; margin-top: 30px;}
.form_group{ overflow: hidden; margin-bottom: 15px;}
.form_group span{ float: left; width: 25%; padding: 7px 15px 0px; box-sizing: border-box; height: 34px; line-height: 20px; text-align: right; font-weight: bold;}
.form_input{ float: left; width: 50%; padding: 0 15px; box-sizing: border-box;}
.form_control{ display: block; width: 100%; border: 1px solid #ccc; color: #555; height: 34px; padding: 6px 12px; font-size: 14px; box-sizing: border-box;}
.form_area{ height: 74px; resize: auto; overflow: hidden;}
.form_yzm{ float: left; width: 16.66666667%; padding: 0 15px; box-sizing: border-box;}
.form_yzmimg{ float: left; overflow: hidden; margin-top: 5px; *margin-left: 20px;}
.form_anniu{ overflow: hidden; margin: 30px 0 15px;}
.anniu_box{ overflow: hidden; margin-left: 25%; width: 83.33333333%; padding: 0 15px; box-sizing: border-box;}
.tjly_btn{ background: #008639; border: none; transition: background 0.3s; display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; color: #FFFFFF;}
.tjly_btn:hover{ background: #31363c;}
.cxtx_btn{ background: #E8E8E8; border: none; transition: background 0.3s; display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; color: #333;}

.case_top{ overflow: hidden; width: 66.66666667%; margin-left: 16.66666667%; margin-top: 20px; margin-bottom: 30px;}
#pic-page {text-align: center; margin-top:10px;}
#pic-page a {margin: 0 2px;}
#pic-page a img {width:40px;padding: 2px;border: solid #ccc 1px; margin-bottom:5px;}
#pic-page a:hover img,#pic-page a.moren img {border: solid #5280DD 1px;}
.product_con{ clear: both; border-top: 1px dotted #ccc; margin:10px 0px 20px 0px; padding:20px 0px 0px 0px; line-height:26px; overflow: hidden;}
.product_con img{ display: block; max-width: 100%; margin: 0 auto;}
.product_top{ overflow: hidden;}
.product_top_left{ float: left; width: 50%; overflow: hidden;}
.product_top_right{ float: left; width: 50%; overflow: hidden;}
.showpro_box,.proinfo_box{margin: 30px 15px 20px;}
.chanpin_h1{ margin:0px; line-height:28px; font-size:18px; color: #028837; padding-bottom:10px;border-bottom: 1px dotted #cccccc;}
.chanpin_info{list-style:none; padding:0px; margin-top:10px;}
.chanpin_info li{ line-height:24px; padding-bottom:12px;}
.primary_btn{ display: inline-block; color: #fff; border: none; transition: background 0.3s; padding: 6px 12px; font-size: 14px; background: #008639; text-align: center;}
.primary_btn span{ background: url("../images/more.png") no-repeat left; padding-left: 14px;}
.primary_btn:hover{ text-decoration: none; background: #31363c;}

.yqlj{ width:100%; overflow:hidden;  background: #F6F6F6; padding:20px 0;}
.yqlj_title{ border-bottom: 1px solid #e5e5e5; height: 40px; line-height: 40px; font-weight: 500;}
.yqlj_title span{ display: block; float: left;color: #0d803b; font-size: 22px;}
.yqlj_title em{ display: block; float: left; font-style: normal; color: #7D7D7D; font-size: 14px; text-transform: uppercase; padding-left: 9px;}
.yqlj_box{ overflow: hidden; font-size: 0px; margin-top: 15px;}
.yqlj_box a{ display: inline-block; color: #898989; font-size: 14px; line-height: 28px; height: 28px; padding-right: 20px;}
.yqlj_box a:hover{ color:#4CAF50}

@media (max-width: 991px) and (min-width: 769px){
	.daohang ul li a{ padding: 15px 14px;}
}
@media (max-width: 768px){
	.top_logo{ width: 100%; padding: 0px;}
	.top_logo img{ margin: 0px 0px 10px 0px;}
	.sousou{ width: 100%; padding: 0px; margin: 10px 0px 15px 0px; display: none;}
	.daohang{ margin-top: 0px;}
	.m_dhcd{ display: block; float: left; padding: 15px; color: #fff; font-size: 16px; line-height: 20px;}
	.m_nav{ display: block; float: right; width: 42px; height: 32px; margin: 8px 15px 8px 0px; background: url("../images/nav.png") no-repeat center;}
	.m_search{ display: block; float: right; margin-top: 7px; width: 43px; height: 33px; background: url("../images/search.png") no-repeat center;}
	.daohang ul{ height: auto; position: absolute; left: 0; top: 50px; border-top: 1px solid #0d803b; background: #10a14a; padding: 0px; display: none;}
	.daohang ul li{ width: 100%; height: auto;}
	.daohang ul li a{ padding: 10px 15px;}
	.daohang ul li.dropdown a{ background: url("../images/mjt.png") no-repeat right; background-origin: content-box;}
	.daohang ul li.dropdown dl{ width: 100%; position: static; opacity: 1; padding: 5px 0;}
	.daohang ul li.dropdown dl dd a{ background: none; padding: 5px 15px 5px 25px;}
	.daohang ul li.open a{ background: #0d803b url("../images/mjt.png") no-repeat right; background-origin: content-box;}
	.product_list li{ width: 33.3333%;}
	.product_list li dl dt{ height:246px; line-height:246px;}
	.main_left{ width: 100%;}
	.main_right{ width: 100%;}
	.news_box,.lxwm{ margin: 10px 0px;}
	.neiye_right{ width: 100%;}
	.liebiao{ padding: 10px 0px;}
	.liebiao_top{ margin-top: 5px;}
	.neiye_left{ width: 100%;}
	.zuo_box{ padding: 0px;}
	.pub_tit{ margin-top: 5px;}
	.article_sxp{ margin: 10px 0;}
	.article_sxp li{ width: 100%; padding: 0px; text-align: left;}
	.xgxw_wen{ padding-bottom: 0px;}
	.form_group span{ padding: 7px 0px 0px;}
	.form_input{ width: 75%;}
	.form_yzm{ width: 40%;}
	.case_top{ width: 100%; margin: 20px 0px;}
	.product_top_left{ width: 100%;}
	.product_top_right{ width: 100%;}
	.showpro_box, .proinfo_box{ margin: 10px 0px 20px;}	
}
@media (max-width: 599px) and (min-width: 320px){
	.product_list li{ width: 48.5%;}
	.product_list li:nth-child(2n){ float:right;}
	.product_list li dl{ padding:0px;}
	.product_list li dl dt{ height:146px; line-height:146px;}
}