/* === banner === */
#banner{
	position: relative;
	width: 100%;
	height: 650px;
	padding-top: 46px;
}
.picFocus{
	position: relative;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
}
.picFocus .bd{
	width: 100%;
	height: 650px;
	margin: 0 auto;
	overflow: hidden;
}
.picFocus .bd ul li{
	position: relative;
	width: 100%;
	height: 650px;
	cursor: pointer;
	overflow: hidden;
}
.picFocus .bd ul li img{
	position: absolute;
	left: 50%;
	margin-left: -960px;
	width: 1920px;
	height: 650px;
	z-index: 0；
}
.picFocus .hd{
	position: absolute;
	text-align: center;
	height: 12px;
	bottom: 252px;
	width: 100%;
}
.picFocus .hd span{
	display: inline-block;
	width: 12px;
	height: 12px;
	cursor: pointer;
	background: url(../images/hd.png);
}
.picFocus .hd span+span{ margin-left: 10px; }
.picFocus .hd span.on{ background: url(../images/hd-on.png); }

/* === news === */
.news-wrap{
	position: absolute;
	width: 100%;
	z-index: 99;
	bottom: 30px;
}
.news{
	margin:0 auto;
	width: 1200px;
	height: 166px;
	background: #ffffff;
	filter: alpha(opacity=90); 
	opacity: 0.9;
	padding: 24px 20px 10px 24px;
}
.news .main-news{ width: 574px; }
.news .main-news .img{
	width: 190px;
	height: 160px;
	background: #eaeff2;
	overflow: hidden;
}
.news .main-news .img a{ display: inline-block; width: 190px; height: 156px; }
.news .main-news .img a img{ height: 156px; width: 190px; }
.news .main-news .text{ width: 368px; }
.news .main-news .text a{ 
	display: block;
	color: #000000; 
	font-size: 14px; 
	padding-top: 6px; 
	padding-bottom: 16px; 
	font-weight: bold;
}
.news .main-news .text a:hover{ color: #d90202; }
.news .main-news .text span{ 
	color: #3A3A3A; 
	font-size: 14px;  
	display: inline-block;
	padding-top: 6px;
}
.news .main-news .text p{ 
	color: #2D2D2D; 
	font-size: 14px; 
	height: 68px;
	overflow: hidden;
	line-height: 24px; 
	padding-bottom: 8px;
}
.news .list{ width: 528px; }
.news .list ul li{
	width: 514px;
	height: 36px;
	line-height: 36px;
	padding-left: 14px;
	background: url(../images/li.png) no-repeat 0 center;
}
.news .list ul li a{
	display: inline-block;
	width: 390px;
	color: #000000;
	font-size: 14px;
	white-space:nowrap; 
	overflow:hidden; 
	text-overflow:ellipsis;
}
.news .list ul li span{
	color: #999999;
	font-size: 14px;
}
.news .list ul li:hover{ background: url(../images/li-on.png) no-repeat 0 center; }
.news .list ul li:hover span{ color: #d90202; }
.news .list ul li:hover a{ color: #d90202; }

/* === service === */
#service{
	width: 100%;
	padding-top: 25px;
	padding-bottom: 35px;
}
.service{
	width: 1200px;
	margin: 0 auto;
}
.service .headline{
	text-align: center;
}
.service .headline a{
	display: inline-block;
}
.service .headline a h2{
	color: #da0808;
	font-size: 18px;
	text-align: center;
	font-weight: normal;
	padding-bottom: 14px;
}
.service .headline a h3{
	color: #999999;
	font-size: 18px;
	font-family: "Arial";
	font-weight: normal;
	padding-bottom: 10px;
}
.service .headline a span{
	display: inline-block;
	text-align: center;
	width: 34px;
	height: 2px;
	background: #999999;
}
.service .service-list{ padding-top: 25px; }
.service .service-list ul li{
	position: relative;
	float: left;
	width: 154px;
	height: 154px;
	margin-right: 50px;
	margin-bottom: 20px;

}

.service .service-list ul li a.title{
	position: absolute;
	bottom: 0;
	left: 0;
	display: inline-block;
	text-align: center;
	width: 154px;
	/*height: 31px;
	line-height: 16px;*/
	padding-bottom: 0px;
	color: #fff;
	z-index: 99;
	/*background: rgba(0,0,0,0.6);*/
}
.service .service-list ul li a.title-wrap{
	position: absolute;
	bottom: 0;
	left: 0;
	display: inline-block;
	width: 154px;
	height: 34px;
	background: #000;
	z-index: 9;
	filter: alpha(opacity=50);
    -moz-opacity:0.5;
    opacity: 0.5;
}
.service .service-list ul li a.wrap-img{
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 154px;
	height: 154px;
	filter: alpha(opacity=30); 
	opacity: 0.3;
}
.service .service-list ul li:hover a.title{ background: #da0c0e; }
.service .service-list ul li:hover a.wrap-img{
	filter: alpha(opacity=0); 
	opacity: 0;
}