@charset "utf-8";
/* CSS Document */


.title{
	text-align:center;
	height:158px;
	background:url(../images/tline.jpg) repeat-x left bottom;}
.title2{
	text-align:center;
	height:158px;
	background:url(../images/tline.png) repeat-x left bottom;}

.about{
	margin-top:32px;
	width:960px;
	margin:32px auto 0;}

.about .pic{
	float:left;
	width:320px;
	height:210px;
	overflow:hidden;}
.about .word{
	width:620px;
	float:right;
	margin:0 auto;
	line-height:30px;}
.about .word span{
	color:#ff6600;}
.about .word a{
	color:#f00;}
.about .ry{
	padding:25px 0;
	width:1000px;}
.about .ry a{
	float:left;
	width:210px;
	margin-right:40px;}



.pro{
	background:url(../images/pro_bg.jpg) no-repeat top center;
	height:426px;
	padding-top:174px;}

.pro .fl{
	padding-left:10px;
	width:1015px;}
.pro .fl a{
	float:left;
	width:132px;
	height:28px;
	border:1px solid #fff;
	text-align:center;
	color:#fff;
	line-height:28px;
	font-size:15px;
	margin-top:10px;
	margin-right:35px;}
.pro .fl a:hover{
	color:#f00;
	border:1px solid #f00;}




.pro .product_scroll{position:relative; margin-top:23px;}
.pro .product_scroll_inner{ height:295px; overflow:hidden; margin:0 auto;}
.pro .product_scroll ul{
	float: left;
	text-align:left;
	width: 222px;
	height:295px;
	margin-right:37px;
	line-height: 35px;}
.pro .product_scroll ul li.pic{
	width:220px;
	height:220px;}
.pro .product_scroll ul li.pic img{
	width:220px;
	height:220px;
	border:1px solid #ddd;}
.pro .product_scroll ul li.name{
	height:73px;
	line-height:73px;
	font-size:16px;
	text-align:center;}
.pro .product_scroll .btn_l{
	display:block;
	width:59px;
	height:116px;
	background:url(../images/roll.png) no-repeat left top;
	position:absolute;
	top:53px;
	left:-120px;
	cursor:pointer;}
.pro .product_scroll .btn_r{
	display:block;
	width:59px;
	height:116px;
	background:url(../images/roll.png) no-repeat right top;
	position:absolute;
	top:53px;
	right:-120px;
	cursor:pointer;}



.news{
	width:1000px;
	margin:35px auto 0;}
.news ul{
	width:1052px;}
.news ul li{
	float:left;
	margin-top:45px;
	width:474px;
	margin-right:52px;}
.news ul li .pic{
	float:left;
	width:155px;
	height:118px;}
.news ul li .word{
	float:right;
	width:300px;}
.news ul li .word .name{
	display:block;
	font-size:16px;
	height:31px;
	line-height:31px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.news ul li .word span{
	height:31px;
	line-height:31px;
	background:url(../images/date.jpg) no-repeat left center;
	padding-left:20px;
	color:#aaaaaa;
	border-bottom:1px solid #dcdcdc;
	display:block;}
.news ul li .word .desc{
	line-height:24px;
	height:48px;
	overflow:hidden;
	color:#999;
}
.news ul li .word .desc a{
	color:#ee7700;}