@charset "utf-8";
/*product code css*/
.adver{
	width: 100%;overflow: hidden;
}
.adver img{
	width: 100%;height: auto;
}
.product{
	width: 80%;margin: 0px auto;padding-bottom: 30px;padding-top: 50px;
}
.pro_prev a{
	color: #0c8d45;
}
.pro_prev a:hover{
	text-decoration: underline;
}
.pro_cont_head{
	margin-top: 50px;
}
@media only screen and (min-width: 1367px){
	.pro_head_left{
		width: 35%;
	}
	.pro_head_right{
		width: 55%;
	}
}
@media only screen and (max-width: 1366px){
	.pro_head_left{
		width: 40%;
	}
	.pro_head_right{
		width: 50%;
	}
	.small_pic{
		width: 100%;
	}
	.small_pic img{
		width: 100%;height: auto;
	}
}
.pro_head_left{
	margin-right: 10%;float: left;
}
.pro_bigpic{
	border: 1px solid #0c8d45;width: 100%;position: relative;
}
.pro_smallpic{
	margin-top: 20px;position: relative;
}
.pro_smallpic ul{
	margin-left: 10%;width: 100%;
}
.pro_smallpic ul li{
	float: left;width: 25%;border:1px solid green;margin-right: 2%;
}
.pro_smallpic ul li img{
	width: 100%;height: auto;
}
.pro_bigpic_all{
	display: none;
}
.pro_bigpic_all:nth-of-type(1){
	display: block;
}
.float_layer{ 
	width: 50px; height: 50px; border: 1px solid #000; background: #fff; filter: alpha(opacity: 30); opacity: 0.3; position: absolute; top: 0; left: 0; display:none; 
}
.mark{
	width:100%; height:100%; position:absolute; z-index:2; left:0px; top:0px; background:red; filter:alpha(opacity:0); opacity:0;
}
.big_pic{ 
	position: absolute; top: 0px; left: 530px; width:250px; height:250px; overflow:hidden; border:2px solid #CCC; display:none; 
}
.big_pic img{ 
	position:absolute; top: -30px; left: -80px; 
}
.pro_bigpic ul{
	width: 100%;
}
.pro_bigpic ul li{
	width: 100%;padding-bottom: 5%;padding-top: 5%;text-align: center;
}
.pro_bigpic ul li img{
	width: 90%;height: auto;
}
.pro_select{
	font-size: 2.5em;
}
.pprev{
	position: absolute;top: 30px;display: block;width: 40px;height: 40px;background: #ededed;border-radius: 40px;line-height: 30px;text-align: center;color: #0c8d45;cursor: pointer;
}
.bprev:hover{
	background: #cccccc;
}
.pnext{
	position: absolute;right: 0;top: 30px;display: block;width: 40px;height: 40px;background: #ededed;border-radius: 40px;line-height: 30px;text-align: center;color: #0c8d45;cursor: pointer;
}
.bnext:hover{
	background: #cccccc;
}
.pro_head_right{
	float: right;
}
.pro_head_right h3{
	margin-bottom: 20px;font-size: 1.3em;
}
.pro_head_right ul{
	width: 100%;
}
.pro_head_right ul li{
	line-height: 60px;border-bottom: 1px dotted #0c8d45;width: 60%;
}
.pro_head_right ul li p{
	display: inline-block;font-weight: bold;color: #0c8d45;margin-right: 20px;
}
.pro_head_right ul li span{
	vertical-align: top;
}
.pro_title{
	height: 120px;text-align: center;margin-top: 80px;margin-bottom: 80px;
}
.pro_h3{
	font-size: 2.5em;line-height: 80px;
}
.pro_h4{
	font-size: 1.5em;font-weight: normal;line-height: 60px;
}
.pro_title hr{
	width: 25%;border-bottom: 3px solid #0c8d45;
}
.pro_detail{
	padding: 50px 10%;
}
/*选项卡*/
.tab1{
	width:auto;margin-top:20px;font-size:12px;
}
.menummm{
	width:98%;height:35px;border-bottom:1px solid #ccc;color:#000;
}
.menummm li{
	float:left;line-height:35px;width:100px;text-align:center;cursor:pointer;font-size:16px;color:#2e9b0c; font-family:"Î¢ÈíÑÅºÚ";
}
.menummm li.off{
	border:1px solid #ccc;width:100px;font-size:16px;color:#e99000;border-bottom:0;background:#fff;
}
.menudiv{
	height:auto; padding:12px;
}
.menudiv div{
	line-height:28px;
}
.menudiv2{
	height:auto; padding:12px 0px 12px 5px;
}
.menudiv2 div{
	line-height:28px;
}
.menudiv2 img{ 
	width:688px; text-align:center;
}
.menudiv_f{ 
	width:70%; float:left;
}
.menudiv_y{ 
	width:26%; float:right; border:1px #ececec solid; background:#f7f7f7; padding:16px;
}
.pro_more{
	margin-top: 50px;
}
.pro_more h3{
	font-size: 1.2em;background: #4370b4;line-height: 36px;color: #ffffff;
}
.pro_m_list{
	margin-top: 20px;
}
.pro_m_list ul li{
	width: 23%;float: left;margin-right: 2%;text-align: center;
}
.pro_m_list ul li:hover{
	box-shadow:0px 0px  3px 2px #4370b4;
}
.pro_m_list ul li:last-child{
	margin-right: 0;
}
.pro_m_list ul li img{
	width: 100%;height: auto;
}
.pro_m_list ul li a{
	font-size: 0.9em;background: #eeeeee;display: block;width: 100%;line-height: 30px;
}
.pro_m_list ul li a:hover{
	color: orange;
}
/*article code css*/
.article{
	width: 80%;margin: 0px auto;margin-top: 50px;margin-bottom: 50px;
}
.art_prev{
	margin-bottom: 30px;
}
.art_prev a{
	color: #0c8d45;
}
.art_prev a:hover{
	text-decoration: underline;
}
.art_container{
	border-top: 1px dotted #0c8d45;width: 100%;
}
.art_detail{
	padding: 50px 10%;
}
.art_detail h3{
	text-align: center;font-size: 1.8em;margin-bottom: 20px;
}
.art_desc{
	border-bottom: 1px dotted #0c8d45;line-height: 60px;
}
.desc_span{
	color: #0c8d45;margin-left: 5%;
}
.art_txt{
	margin-top: 30px;
}

