@charset "utf-8";

/* CSS reset */

.warp{
	width: 1000px;
	height: auto;
	margin: 0 auto;}

/* index */
.body_index {
    background:url(index_body.jpg) repeat-x;
    font:Verdana, Arial, Helvetica, sans-serif;}

/* top */
.top{
	width: 1000px;
	height: 185px;
	float: left;
	margin-bottom:2px;}

/*  middle */
.content{
	width: 1000px;
	height: 465px;
	float: left;}
/*  middle-left */
.left{
	width: 240px;
	height: auto;
	margin-left:1px;
	float:left;
	display: inline;}

.services{
	width: 240px;
	height: 223px;
	margin-top:4px;
	float:left;
	display: inline;
	margin-bottom:1px;}

.services-title{
	width: 240px;
	height: 33px;
	float:left;
	display: inline;
	background: #006192;}

.services-title img{
	float:left;
	display: inline;
	margin-left:20px;
	margin-top:5px;}

.services-title p{
	float:left;
	display: inline;
	font-size:18px;
	margin-left:9px;
	margin-top:3px;
	color:#fff;
	font-family:微软雅黑;
	font-weight:bolder;}

.services-title span{
	font-size:13px;
	margin-left:5px;
	font-family:Arial;
	font-weight:normal;}

.services-con{
	width: 240px;
	height: 188px;
	float:left;
	display: inline;
	background:url(service-con.jpg) repeat-x;}

.services-con ul {
	height:176px;
	float: left;
	display:inline;
	margin-top:5px;}

.services-con ul li{
	float: left;
	padding-left:35px;
	padding-top:6px;
	display:inline;
	line-height: 14px;
	font-size:14px;
	color:#2f5074;
	font-weight:bolder;
	background: url(service-bg.jpg) no-repeat 25px 13px;}

.services-con ul li:hover{
	color:#cc3333;}

.services-con ul li span{
	width:200px;
	float: left;
	font-size:11px;
	display:inline;
	font-weight:normal;}

.li-eng{
	float: left;
	display:inline;
	font-size:11px;}

.phone{
	width: 240px;
	margin-left:1px;
	padding-bottom: 3px;
	float:left;
	display: inline;
	background:url(phone-con.jpg) repeat-x;}

.phone-title{
	width: 232px;
	height: 33px;
	margin-left:4px;
	margin-right:4px;
	float:left;
	display: inline;
	background:url(phone-title.jpg) repeat-x;}

.phone-title img{
	float:left;
	display: inline;
	margin-left:16px;
	margin-top:5px;}

.phone-title p{
	float:left;
	display: inline;
	font-size:18px;
	margin-left:4px;
	margin-top:7px;
	color:#663300;
	font-family:微软雅黑;
	font-weight:bolder;}

.phone-title span{
	font-size:13px;
	margin-left:5px;
	font-family:Arial;
	font-weight:normal;}

.phone-con{
	float:left;
	width:240px;
	height:auto;}

.phone-con ul {
	width: 100%;
	float: left;
	display:inline;	
	margin-top:5px;}

.phone-con ul li{
	padding-left:35px;
	display:block;
	line-height: 21px;}

/*.phone-con ul li span{
	float: left;
	display:block;
}*/

.jsfzzx{
	width: 240px;
	height: 30px;
	line-height: 30px;
	margin: 0 0 1px 1px;
	float:left;
	display: inline;
	background: #006192;}
.jsfzzx a{
	display: inline-block;
	margin-left: 20px;
	color: #fff;
	font-size: 16px;}

/*  middle-mid */
.mid{
	width: 415px;
	height:461px;
	margin-left:7px;
	float:left;
	display: inline;
	background:white;
	margin-top:4px;}

.mid-title{
	width:100%;
	height: 54px;
	float:left;
	display: inline;}

.mid-title img{
	float:left;
	display: inline;
	margin-left:10px;
	margin-top:15px;}

.mid-title p{
	float:left;
	display: inline;
	font-size:18px;
	margin-left:4px;
	margin-top:17px;
	color:#663300;
	font-family:微软雅黑;
	font-weight:bolder;}

.mid-title span{
	font-size:13px;
	margin-left:5px;
	font-family:Arial;
	font-weight:normal;}

.mid-con{
	width:100%;
	height: 376px;
	float:left;
	display: inline;}

.mid-con ul {
	height:350px;
	width: 100%;
	float: left;
	display:inline;}

.mid-con ul li{
	float: left;
	margin-left:4px !important;
	margin-left:0px;
	display:inline;
	line-height:24px;
	font-size:13px;
	color:#333333;
	width:407px;
	display:inline;
	border-bottom: 1px #c8c8c8 solid;
	background: url(mid-bg.jpg) no-repeat 8px 13px;}

.border{
	width: 388px;
	margin-left:19px;
	float:left;
	display:inline;}

.mid-con ul li span{
	float:right;
	margin-right:5px;
	color:#999999;
	display:inline;}

.mid-con p{
	width: 58px;
	height: 16px;
	line-height: 14px;
	float: right;
	text-align:center;
	background:#bebebe;
	margin-top:7px;
	margin-right:5px;
	display:inline;}

.search{
	float:left;
	width: 406px;
	height: 22px;
	line-height: 22px;
	display:inline;
	margin-left:5px;}

.search input{
	float:right;
	background:#dcdddf;
	display:inline;}

.search .input-box{
	width:348px !important;
	width:334px;
	height: 22px;
	line-height: 22px;
	color: #a9a9a9;
	margin-right:1px;
	display:inline;}


/*  middle-right*/
.right{
	width: 328px;
	margin-top:4px;
	margin-left:7px;
	float:left;
	display: inline;}

.pic{
	float:left;
	width:329px;
	height:218px;
	overflow:hidden;}
.autoImg{
	float:left;
	width:329px;
	height:218px;
	position:relative;
	overflow:hidden;}
.autoImg #aim{
	float:left;
	left:0px;
	position:relative;}
#aim li{
	float:left;
	width:329px;
	height:218px;
	font-size:1px;}
#aim li img{
	position:absolute;
	z-index:-1;}

#aim div span{
	float:left;
	width:329px;
	height:33px;
	background:#512e53;
	color:white;
	text-align:center;
	line-height:33px;
	position:absolute;
	z-index:1;}
#aim div{
	float:left;
	width:329px;
	height:33px;
	color:white;
	line-height:33px;
	margin-top:184px;
	position:absolute;
	z-index:1;}

.bc1{
	background:url(r1.jpg) 50% 50% no-repeat;}
.bc2{
	background:url(r2.jpg) 50% 50% no-repeat;}

#aim p{
	width:329px;
	text-align:center;
	color:white;
	font-size:12px;
	font-weight:bolder;
    position:relative;
	z-index:99;}

.line
{
	position:relative;
	top:-50px;
	float:right;}
.line li
{
	float:left;
	width:15px;
	height:12px;
	font-size:10px;
	margin-left:4px;
	_margin-left:2px;
	padding:0px;
	color:white;
	z-index:10;
	text-align:center;
	line-height:12px;}
.rec{
	width: 328px;
	height:212px;
	float:left;
	display: inline;
	background:white;}

.rec-title{
	width:100%;
	height: 59px;
	float:left;
	display: inline;}

.rec-title img{
	float:left;
	display: inline;
	margin-left:51px;
	margin-top:25px;}

.rec-title p{
	float:left;
	display: inline;
	font-size:18px;
	margin-left:5px;
	margin-top:25px;
	color:#333333;
	font-family:微软雅黑;
	font-weight:bolder;}

.rec-title span{
	font-size:13px;
	margin-left:5px;
	font-family:Arial;
	font-weight:normal;}

.rec-con{
	width:328px;
	float:left;
	display: inline;}

.rec-con ul {
	width: 100%;
	float: left;
	display:inline;}

.rec-con ul li{
	float: left;
	margin-left:4px !important;
	margin-left:0px;
	display:inline;
	line-height:24px;
	font-size:13px;
	color:#333333;
	width:320px;
	display:inline;
	border-bottom: 1px #c8c8c8 solid;
	background: url(mid-bg.jpg) no-repeat 8px 13px;}

.rec-border{
	width: 310px;
	margin-left:18px;
	float:left;
	display:inline;}

.rec-con p{
	width: 58px;
	height: 16px;
	line-height: 14px;
	float: right;
	text-align:center;
	background:#bebebe;
	margin-top:7px;
	margin-right:5px;
	display:inline;}

.banner{
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	float: left;
	margin-top: 5px;
	background: #8e2131;}
.banner a{
	font-size: 18px;
	color: #fff;}

.link{
	width:328px;
	height:21px;
	float:left;
	display:inline;}

.friend_link{
	width:325px;
	height:21px;
	margin-top:10px !important;
	margin-top:0px;
	border:1px solid #7f9db9;	
	color:#484842;
	line-height: 11px;}
/*  bottom */
.bottom{
	width: 1000px;
	height: 48px;
	float: left;}

.bottom p{
	line-height: 17px;
	width: 1000px;
	margin: 0 auto;
	text-align: center;
	color: #666666;
	font-size: 12px;
	margin-top:13px;}