@charset "utf-8"
#pro_cup{
	width:1050px;
	border:1px solid #e2e2e2;
	border-top:none;
	margin:0 auto;
	padding:20px 0;
	overflow:hidden;
	background:#fff;
	position:relative;
}

#pro_cup_m{
	width:1000px;
	margin:0 auto;
}

/*左边内容*/
#pro_cup_l{
	width:212px;
	overflow:hidden;
	position:relative;
	float:left;
}

/*右边内容*/
#pro_cup_r{
	width:765px;
	overflow:hidden;
	position:relative;
	float:right;
}

#pro_nav{
	width:210px;
	padding:0 0 10px 0;
	overflow:hidden;
	border:1px solid #ccc;
	background:url(../img/about/about_nav_h1_bg.png);
	float:left;
}

#pro_nav em{
	width:100%;
	height:36px;
	display:block;
	background: rgba(32,89,22,.5);
	text-align: center;
}

#pro_nav em a{
	color:#fff;
	font-size:16px;
	line-height:36px;
	font-family:'微软雅黑';
	text-indent:20px;
}

#pro_nav em img{
	margin:10px 10px 0 10px;
}

#pro_nav p{
	width:100%;
	height:100%;
	padding:1px 0 0 0;
	position:relative;
}

#pro_nav p a{
	text-align:left;
	color: #fff;
	width: 72%;
	padding-left:8%;
	display: block;
	line-height: 28px;
	font-size: 14px;
	margin: 10px auto;
	border-top: 1px solid #037500;
	border-bottom: 1px solid #23B10E;
	background: #23B10E;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	behavior: url(PIE.htc);
}

#pro_nav p a:hover{
	color: #fff;
	border-top: 1px solid #037500;
	border-bottom: 1px solid #23B10E;
	background: #008810;
	margin: 10px auto;
}
#pro_nav p a:hover .a111{
			transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
}
#pro_nav p a.active{
	color:#fff;
	width:72%;
	display:block;
	text-align:center;
	line-height:28px;
	font-size:14px;
	margin:10px auto;
	border-top:1px solid #004b78;
	border-bottom:1px solid #0081c5;
	background:#005785;
	border-radius:5px;
}

#pro_nav p a img{
	float:right;
	margin:6px 0 0 0px;
	vertical-align:middle;
	
	
}

#productname a b{
	line-height: 1.5em;
}



#about_con{
	width:210px;
	border:1px solid #999;
	margin:10px 0 0 0;
	background:url(../img/about/about_nav_h1_bg.png);
	position:relative;
	float:left;
}

#about_con_m h1{
	color:#fff;
	width:100%;
	height:40px;
	line-height:40px;
	font-size:18px;
	font-family:'微软雅黑';
	letter-spacing:1px;
	text-align:center;
	position:relative;
}

#about_con_m h2{
	color:#fff;
	text-align:center;
	font-size:14px;
	margin:15px 0 0 0;
}

#about_con p{
	width:100%;
	height:100%;
	margin:10px 0;
	padding:1px 0 0 0;
	position:relative;
}

#about_con p a{
	color:#fff;
	width:80%;
	display:block;
	text-align:center;
	line-height:28px;
	font-size:14px;
	margin:10px auto;
	border-top:1px solid #037500;
	border-bottom:1px solid #23B10E;
	background:#23B10E;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	behavior:url(PIE.htc);
}

#about_con p a:hover{
	color:#fff;
	display:block;
	text-align:center;
	line-height:28px;
	font-size:14px;
	margin:10px auto;
	border-top:1px solid #037500;
	border-bottom:1px solid #23B10E;
	background:#008810;
	border-radius:5px;
}

#about_con p a img{
	margin:0 5px 0 0;
}





#pro{
	width:100%;
	float:right;
	position:relative;
}

#pro{
	position:relative;
}

#pro_m h1{
	color:red;
	height:32px;
	line-height:32px;
	margin:10px 0 20px 0;
	font-size:20px;
	font-family:'微软雅黑';
	text-indent:10px;
	letter-spacing:2px;
	border-left:3px solid red;
	background:#f8f8f8;
	position:relative;
}

#pro_m h1 em{
	font-size:14px;
	color:#999;
}

#pro_m_wz{
	color:#666;
	line-height:30px;
	position:absolute;
	top:0;
	right:0;
}

#pro_m_wz a:hover{
	color:#ff3200;
}

#pro_m dl{
	width:160px;
	height:220px;
	margin:0 15px;
	float:left;
}

#pro_m dl dt{
	border:1px solid #ccc;
	overflow:hidden;
}

#pro_m dl dt img{
	width:140px;
	margin:0 10px;
}

#pro_m dl dd{
	line-height:40px;
	text-align:center;
}


#pro_page{
	width:100%;
	height:30px;
	background:#eee;
	position:absolute;
	bottom:0;
	left:0;
}

#pro_page ul{
	width:550px;
	margin:0 auto;
}

#pro_page ul li{
	line-height:30px;
	margin:0 10px;
}

#pro_page ul li a:hover{
	color:#ff3200;
}