@charset "utf-8";

/* CSS Document */


/*banner开始*/
.position{
	height:40px;
	background:#f08500;}
.in_position{
	width:1200px;
	margin:0 auto;
	color:#fff;}
.in_position  h2{
	float:right;}
.in_position  h2 em{
	display:inline-block;
	width:6px;
	height:9px;
	background:url(../image/img02.jpg) no-repeat center;
	margin:0 8px;
	font-size:12px;}
.in_position  h2 strong{
	color:#dcd7ad;}
.content{
	width:1200px;
	margin:0 auto;
	padding-bottom:20px;
	padding-top:35px;}
/* .left_nav{
	width:261px;
	float:left;}
.left_nav h1{
	width:223px;
	height:62px;
	color:#fff;
	background:#444444;
	border-left:8px solid #7da500;
	font-size:20px;
	line-height:62px;
	padding-left:30px;}
.left_nav ul{
	border:1px solid #ccc;
	padding-bottom:35px;
	border-top:none;}
.left_nav ul li{
	font-size:13px;
	color:#333333;
	height:47px;
	padding-left:21px;
	line-height:47px;}
.left_nav ul li a{
	background:url(../image/img06.jpg) no-repeat left center;
	padding-left:26px;
	border-bottom:1px  dashed #ccc;
	display:block;
	line-height:47px;
	height:47px;} */

	.left_nav{width:261px;float:left}
	.left_nav h1{width:223px;height:62px;color:#fff;background:#444;border-left:8px solid #7da500;font-size:20px;line-height:62px;padding-left:30px}
	.left_nav .pro-nav{border:1px solid #ccc;padding-bottom:35px;padding-left:21px;border-top:none}
	.left_nav .pro-nav>li{font-size:13px;color:#333;padding:9px 0;border-bottom:1px dashed #ccc}
	.left_nav .pro-nav>li.cur .sub-nav{display:block}
	.left_nav .pro-nav>li>a{background:url(../image/img06.jpg) no-repeat left center;padding-left:26px;display:block;line-height:30px}
	.left_nav .pro-nav>li>a:hover{color:#f08500;}
	.left_nav .sub-nav{display:none;padding:5px 0}
	.left_nav .sub-nav li{padding:3px 0 3px 26px}
	.left_nav .sub-nav li a{position:relative;display:block;line-height:25px;padding-left:15px;background:url(../image/icon/8.png) no-repeat left center}
	.left_nav .sub-nav li a::after{position:absolute;content:'';left:0;top:9px;width:7px;height:7px;border-radius:50%;background:#ccc}
	.left_nav .sub-nav li a:hover{color:#f08500}
	
.fontArea{
	width:890px;
	float:left;
	margin-left:24px;}
.fontArea h1{
	font-size:16px;
	color:#f08500;
	padding-bottom:15px;
	padding-top:20px;}
.fontArea ul{
	padding-left:5px;}
.fontArea ul li{
	text-align:center;
	width:265px;
	height:325px;
	float:left;
	margin:0 8px;
	margin-bottom:30px;
	box-shadow:0 0 11px 3px #efefef;}
.fontArea ul li img{
	width:100%;
	height:155px;
	border-bottom:1px  dashed #ccc;
	margin:0 auto;
	display:block;}
.fontArea ul li h3{
	width:100%;
	padding-bottom:8px;
	line-height:35px;
	color:#333333;
	font-size:16px;
	padding-top:28px;
	}
.fontArea ul li h4{
	font-size:12px;
	color:#666;}
.fontArea ul li .more{
	display:block;
	margin:0 auto;
	background:url(../image/img04.jpg) no-repeat center;
	width:124px;
	height:41px;
	padding-top:32px;}
/*.fontArea ul li:hover{
	background:#7da500;
}*/
/*.fontArea ul li:hover h3{
	color:#fff;}
.fontArea ul li:hover h4{
	color:#fff;}
.fontArea ul li:hover .more{
	background:url(../image/img08.jpg) no-repeat center;}
*/