@charset "utf-8";

/* CSS Document */

.contentArea{
	width:1170px;
	margin:0 auto;
	padding-top:20px;}
.leftnav{
	float:left;
	margin-left:20px;
	}
.leftnav ul{
	background:#f8f8f8;
	border:1px solid #efefef;
	border-radius:5px;
	padding-top:23px;
	padding-bottom:21px;}
.leftnav ul li a{
	display:inline-block;
	background:url(../image/line.jpg) repeat-x left bottom;
	line-height:35px;
	width:170px;
	}
.leftnav ul li:hover{
	background:#000000;
	color:white;}
.leftnav ul li:hover em{
	background:url(../image/black.jpg) no-repeat center;}
.leftnav ul li:hover a{
	background:none;}

.leftnav ul li{
	font-size:12px;
	padding:0 18px;
	color:#666;
	line-height:34px;
	height:35px;
	line-height:35px;
	margin-bottom:1px;	
	}
.leftnav ul li em{
	width:7px;
	height:8px;
	background:url(../image/leftnav.jpg) no-repeat center;
	display:inline-block;
	margin-right:6px;}
.rightArea{
	float:left;
	width:905px;
	min-height:400px;
	margin-left:36px;}
.position{
	width:905px;
	background:url(../image/position_line.jpg) no-repeat left bottom;
	padding-bottom:10px;
	padding-top:23px;}
.position h2{
	font-size:16px;
	color:#000000;
	float:left;}
.position span{
	font-size:12px;
	color:#333;
	float:right;
	position:relative;
	top:7px;}
.position span em{
	display:inline-block;
	width:4px;
	height:8px;
	background:url(../image/position.jpg) no-repeat center;
	margin:0 5px;}
.position span strong{
	color:#000;}



.img-md {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.img-md img {
  max-width: 100%;
  max-height: 100%;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.proimg {
  float: left;
  width: 458px;
  padding: 10px;
  position: relative;
  margin-top:15px;
}
.proimg-l {
  height: 297px;
  margin-bottom: 10px;
}
.proimg-s-wrap {
  width: 410px;
  height: 85px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  margin-top:15px;
}
.proimg-s {
  width: 1000%;
  position: absolute;
  left: 0;
  top: 0;
}
.proimg-s li {
  float: left;
  width: 110px;
  height: 83px;
  margin:0 13px;
  cursor: pointer;
  position: relative;
}
.proimg-s li img{
	width:110px;
	height:83px;}
.proimg-s li.cur {
  border: 1px solid #ccc;
}
.proimg-s li img {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.proimg-pager li {
  width: 30px;
  height: 73px;
  position: absolute;
  bottom: 12px;
  cursor: pointer;
}
.proimg-pager li.prev {
  left: 10px;
}
.proimg-pager li.next {
  right: 10px;
  background-position: right center;
}

.other{
	font-size:13px;
	color:#333333;
	line-height:26px;
	float:left;
	width:240px;
	height:299px;
	margin-left:38px;
	padding-top:45px;}
.description{
	margin-top:18px;
	}
.font{
	font-size:14px;
	color:#333333;
	line-height:30px;
	padding-top:15px;
	padding-bottom:15px;
	}
.inquiry{
	background:url(../image/xw.jpg) no-repeat center;
	width:156px;
	height:41px;
	display:block;
	color:#fff;
	line-height:41px;
	font-size:14px;
	text-align:center;
	padding-left:10px;
	margin:0 auto;}
.inquiry em{
	position:relative;
	left:12px;
	top:1px;}