@charset "utf-8";
body{ padding:0px; margin:0px auto; font:normal 62.5%/2.3em '微软雅黑',Arial,"宋体"; overflow-x: hidden;color:#333; min-width:300px; max-width:640px; -webkit-text-size-adjust:none; background:#ededed;}
ul,li,form, dl,dt,dd, div{ padding:0px; margin:0px;}
ul,li{ list-style:none;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
select,input,em,textarea{ font-size:1em; font-style:normal; color:#5c5c5d; font-family:'微软雅黑'; border-radius:0; -webkit-border-radius:0;}
img,object{ border:none; border:0; max-width:100%; overflow:hidden; vertical-align:top;}
a{ color:#333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}  /* 去掉链接触摸高亮 */
a:focus {outline:none; -moz-outline:none;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block} /*为IE8以下的浏览器定义块*/
.Texthide{ display:none;}
.space{ width:100%; height:1em; clear:both; overflow:hidden; zoom:0;}
.clear{ clear:both; height:0px; overflow:hidden; zoom:0;}
.tbl-type {display: table;	width: 100%}
.tbl-cell {	display: table-cell;	vertical-align: top;text-align: center}

.Contain{ background:#ededed;}
.Content{ padding:2% 3%; background:#ededed;}

.bg_content{background: #fff;position: relative;padding: 0 4%; overflow: hidden;}
.SinglePage{ text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden; font-size:1.4em;}


/**/
header{padding: 3% 4%; position:relative; background:#FFF;}
header .logo{ width:50%; float:left;}
header .logo img{ width:auto;}
header .home{ float:left; padding-top:2%;}
header .home img{ height:22px;}
header .name{ position:relative; position:absolute; left:43%; top:25%; color:#1f252b; font-size:2em; font-weight:bold;}
header .btn{  position:relative; padding-top:2%; z-index:2; float:right;}
header .NavMenu{ display:none; /*background:url(../images/NavBg.png) repeat left top;*/background: rgb(2, 117, 65); position:absolute; right:0px; top:0px; z-index: 60; padding: 13% 12% 10%;}
header .NavMenu li{ padding:16% 0;}
header .NavMenu li a{ font-size:1.6em; display:block; color:#FFF; font-weight:bold;}

footer{ border:none; background:#007440; width:100%; margin-top:1em;}
.navbar{  text-align:center;}
.navbar ul{ line-height:2em;}
.navbar li{ float:left; width:25%;}
.navbar li a{ display:block; width:100%; margin:0 auto; text-align:center; line-height:1.4em; color:#fff; font-size:1.6em; border-left:0.1em solid #1a8253; padding:0.8em 0;}
.navbar li a.first{ border-left:none; padding-left:0;}
.navbar li a img{ max-width:43px; width:50%;margin-bottom: 2%;}

.MenuList ul{ overflow: hidden;padding:0 4%;width:100%;box-sizing: border-box;margin-top: 10px;background: #1a8253;}
.MenuList ul li a{
	float: left;
	width: auto;
	padding: 2% 3%;
	font-size: 1.5em;
	display: inline-block;
	text-align: center;
	color: #f9f9f9;
}
.MenuList ul li.onmenunav a{
	background: #f39800;
}
.MenuList ul li .back{ margin-left:15px; }
.MenuList ul li .back img{ width:16px;}



/**/
.H_ban{ margin:0px; padding:0px; position:relative;}
.H_ban img{ width:100%;}
.H_ban li{ position:relative; text-align:center; line-height:0px; }
.H_ban .hd{ text-align:center; position:absolute; bottom:15px; width:100%; height:11px; z-index:100;}
.H_ban .hd a{ display:inline-block; width:22px; height:22px; line-height:540px; overflow:hidden; margin:0 5px; background:url(../images/H_banNum.png) no-repeat center center;}
.H_ban .hd a.on{ background:url(../images/H_banNum_on.png) no-repeat center center;}
.H_ban .ban_prev,
.H_ban .ban_next{display:block; width:28px; height:28px; cursor:pointer; position:absolute; top:50%; z-index:51; margin-top:-14px;}
.H_ban .ban_prev{ background:url(../images/Hb_prev.png) no-repeat;left: 5%;}
.H_ban .ban_next{ background:url(../images/Hb_next.png) no-repeat;right: 5%;}

.H_menu{ background:#FFF; margin:3% 0;}
.H_menu li{ float:left;overflow:hidden; width: 33.3%;border: 1px solid #eeeeee; border-left: none;box-sizing: border-box;}
.H_menu li:nth-child(1){
	width: 50%;
}
.H_menu li:nth-child(2){
	width: 50%;
	border-right: none;
}
.H_menu li:nth-child(5){
	border-right: none;
}

.H_menu li a{ display:inline-block; text-align:center; font-size:1.3em; font-weight:bold;width: 100%;line-height: 120px;}
.H_menu li img{width:45px;margin-right:10px;vertical-align: middle;}
.H_menu li.C1{ background:#f4a100;}
.H_menu li.C2{ background:#e8792f; float:right;}
.H_menu li.C3{ background:#f16455;}
.H_menu li.C4{ background:#e8c211; float:right;}

.H_ad{}
.H_ad li{ float:left; width:33.3%;border: 1px solid #eeeeee;border-left:none; box-sizing: border-box;}
.H_ad li:last-child{border-right: none;}
.H_ad li img{ width:100%;}





/**/
.MoreBtn{ clear:both; text-align:center; font-size:1.4em; padding:2% 0;}
.MoreBtn a{ background:url(../images/MoreBtn.jpg) no-repeat center bottom; padding-bottom:12px; color:#999;}

.Product_list{}
.Product_list li{ width:47%; float:left; position:relative; margin:2% 0;}
.Product_list li .pic{}
.Product_list li .pic img{ width:100%;}
.Product_list li span{ position:absolute; right:0; bottom:0; width:96%; text-align:center; background:url(../images/Product_liBg.png) repeat left top; padding:2%;}
.Product_list li span a{ color:#FFF; font-size:1.6em;}
.Product_list li.End{ float:right;}


.researchList li{ width:49%; float:left; position:relative; margin:1% 0;}
.researchList li.End{ float:right;}
.researchList .research_con{background: #1a8253;height:80px;overflow: hidden;padding:8% 3%;}
.researchList .research_con p{margin: 0; font-size: 16px; color:#fff;}
.researchList .research_con span{font-size: 1.5em;font-weight: bold;}



.Banner{ margin:0px; padding:0px; position:relative;}
.Banner img{ width:100%;}
.Banner li{ position:relative; text-align:center; line-height:0px; }
.Banner .hd{ text-align:center; position:absolute; bottom:15px; width:100%; height:11px; z-index:100;}
.Banner .hd a{ display:inline-block; width:9px; height:10px; line-height:140px; overflow:hidden; margin:0 1px; background:url(../images/P_btn.png) no-repeat right top;}
.Banner .hd a.on{ background:url(../images/P_btn.png) no-repeat left top;}

.News_list{ background:#FFF; padding:2%;}
.News_list li{ padding:2% 0%; margin-top:2%; border-bottom:solid 1px #ccc;}
.News_list li a{ width:100%; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; background:url(../images/Icon_news.jpg) no-repeat right center;}

.News_info{}
.News_info .h1{ font-size:1.4em; text-align:center;}
.News_info time{ border-bottom:1px solid #ddd; text-align:center; display:block; font-size:1.2em; color:#C4C4C6;}

.Info_title{ text-align:center; font-weight:normal; padding:4% 0 2%; margin:0; font-size:2.2em;}
.Info_time{ text-align:center; font-weight:normal; padding:1% 0 2%; margin:0; font-size:1.5em; color:#666;}
.Info_txt{ padding:1% 0 1% 0; font-size:1.4em;width: 100%;box-sizing: border-box;}
.Info_txt p{ width:100%;}

.Info_bg{ background:#fff; padding:3%;}



.dsj_bc{
	position: absolute;
	width: 38px;
	height: 100%;
	background: url(../images/dsj_bc.png) repeat-y left top;
	top: -42px;
}

.history{
	background: #fff;
	margin-left: 42px;
	padding: 44px 0 45px;
}
.history .his_year{
	font-size: 25px;
	color: #1a8254;
	float: left;
	padding: 0 0 23px 40px;
	background: url(../images/dsj_year_b.png) no-repeat left bottom;
}
.history .his_list{
	clear: both;
	padding-left: 20px;
}
.history .his_list p{
	margin: 0;
	color: #666;
	border-bottom: 1px solid #dddddd;
	text-align: left;
	line-height: 20px;
	font-size: 14px;
	padding: 15px 0;
	padding-left: 25px;
	background: url(../images/icon_dsj_01.png) no-repeat 3px center;
}


/**/
.Pages{ padding:3.75% 0; text-align:center;}
.Pages a{ margin-left:0.5%; background:#CC9752; border-radius:3px; display:inline-block; padding:1% 3%; color:#fff; font-size:1.2em;}

@media screen and (max-width:320px){

	}



/*.contact .message{*/
	/*background: #000000;*/
	/*opacity: 0.5;*/
	/*color: #ffffff;*/
/*}*/
/*.contact .message h2{*/
	/*margin: 0px;*/
	/*width: 290px;*/
	/*font-size: 16px;*/
/*}*/
/*.contact .message h3{*/
	/*margin: 0px;*/
	/*font-size: 16px;*/
	/*padding:10px 0 20px;*/
	/*width: 290px;*/
	/*border-bottom: 1px solid #999999;*/
/*}*/
/*.contact .message .message_content{*/
	/*padding-top:20px ;*/
/*}*/
/*.contact .message .message_content p{*/
	/*margin: 0px;*/
	/*line-height: 25px;*/
	/*padding-bottom: 5px;*/
	/*font-size: 14px;*/
/*}*/

.contact .message{
	background: url(../images/contact_bj.png) no-repeat center center;
	background-size:100% 100%;
	width: 100%;
	padding: 35px 30px;
	box-sizing: border-box;
	margin-bottom: 4%;
	margin-top: 2%;
	font-size: 17px;
	color: #666;
}
.contact .message h2{
	margin: 0;
	font-size: 22px;
	color: #1a8254;
	font-weight: normal;
}
.contact .message .message_content p span{
	display: inline-block;
	font-size: 18px;
	padding-left: 35px;
	line-height: 27px;
}
.contact .message hr{
	margin: 15px 0;
	height:1px;
	border: none;
	border-top:1px dashed #ddd;
}
.contact .message .message_content p span.dz{
	background: url(../images/icon_address.png) no-repeat center left;
}
.contact .message .message_content p span.mail{
	background: url(../images/icon_email.png) no-repeat center left;
}
.contact .message .message_content p span.ph{
	background: url(../images/icon_phone.png) no-repeat center left;
}
.contact .message .message_content p span.time{
	background: url(../images/icon_time.png) no-repeat center left;
}





.form-group{
	margin-bottom: 20px;
}
.control-label {
	width: 90px;
	font-size: 15px;
	text-align: right;
	vertical-align: middle;
	text-indent: 5px;
	float:left;
	line-height: 54px;
}
.form-group .InputBox{margin-left: 90px;}
.control-label img{
	position: relative;
	top: 23px;
}
.form-control {
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	border: 1px solid #e0e0e0;
	width: 100%;
	vertical-align: middle;
	background: #fcfcfc;
	text-indent: 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.textcode{width: 50%;}
.help-block {
	font-size: 13px;
	padding: 8px;
	border: 1px solid transparent;
	color: #fff;
	display: none;
}
.textarea{
	display: inline-block;
	border: 1px solid #e0e0e0;
	vertical-align: top;
	background: #fcfcfc;
	width: 100%;
	min-height: 180px;
	padding: 8px;
	overflow: hidden;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.input form .btn{
	display: block;
	width: 50% ;
	height: 50px;
	margin: 0 auto;
	line-height: 50px;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
	background: #ff9900;
	border-radius: 10px;
}
.input form .on{
	background: #4eb5a1;
	color: #ffffff;
}

.info_left h1{padding: 10px 20px;background:#1a8253;text-align: center;}
.info_left h1 a{color: #fff; }

.CompanyName{width: 52%;position: absolute;top: 33%;right: 12%;}



/*企业文化*/
.company_wh{  }
.company_wh .wh_block{
	float: left;position: relative;width: 50%;margin-bottom: 1%;
}
.company_wh .wh_block:nth-child(3){width: 100%;}
.company_wh .wh_block:nth-child(4){width: 100%;}
.company_wh .wh_block .wh_con{
	position: absolute;  width: 100%;  top: 20%;  left: 0;
}
.company_wh .wh_block .wh_con2{
	position: absolute;  width: 100%;  top: 40%;  left: 0;
}

.company_wh .wh_block .wh_block2{
	margin-bottom: 10px;
	position: relative;
}
.company_wh .wh_block .wh_block2 img{
	width: 100%;
	height: auto;
}

/*在线商城*/
.Content .shop{
	width: 100%;
	height: auto;
	margin: 2% 0 4%;
}
/*左边*/
.shop .main_left{
	height: auto;
	width:38%;
	float: left;
}
.shop .main_left a{
	width:86%;
	height: auto;
}
.shop .main_left a img{
	width: 100%;
	height: auto;
}
/*右边*/
.shop .main_right{
	float:right;
	width: 60%;
	height: auto; display:table;
}
.main_right .first_floor{
	/*margin-top: 0.5rem;*/ margin:0;
	overflow: hidden; display:table-cell; vertical-align:middle;
}

.first_floor .img1{
	display: block;
	padding-left: 40px;
	line-height: 30px;
	background: url(../images/dp.png) no-repeat left center; vertical-align:middle;
}
.first_floor .span{
	font-size: 20px;
	line-height: 30px;
	color: #363636;
}
.first_floor .img2{
	display: inline-block;
	height: auto; vertical-align:middle;
	
}
.first_floor .img2 img{
	width: 100%;
	height: auto;
	vertical-align: middle;
}

.shop .second_floor{
	/*margin-top: 0.5rem;*/ margin:0;
	font-size: 18px; padding:2% 0 0;
}
.second_floor .main_word{
	color: #363636;
	font-weight:bold;
}
.second_floor .words{
	color: #7D7D7D;
}
.button_more{
	line-height: 35px;
	background: #1a8253;
	color: #fff;
	width: 60%;
	text-align: center;
	margin: 0 auto;
	font-size: 20px;
	border-radius: 20px;
}