@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'BebasRegular';
    src: url('fonts/BEBAS___-webfont.eot');
    src: url('fonts/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BEBAS___-webfont.woff') format('woff'),
         url('fonts/BEBAS___-webfont.ttf') format('truetype'),
         url('fonts/BEBAS___-webfont.svg#BebasRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*
http://meyerweb.com/eric/tools/css/reset/
v2.0|2011-01-26
License:none(publicdomain)
*/

html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
.post,aside,canvas,details,embed,
figure,figcaption,footer,header,hgroup,
menu,nav,output,ruby,section,summary,
time,mark,audio,video{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font:inherit;
	vertical-align:baseline;
}


html, body, div, img, ul, dl,dt,dd {
	margin: 0;
	padding: 0;
}

body{
	margin:0;
	padding:0;
	font-family: "微软雅黑", "黑体"  Arial, Helvetica, sans-serif ;  
	color:#565656;  
	background:#fff;
}

li{
	list-style:none;
}

img{
	border:0;
}

.wrap{
	width:100%;
	max-width:600px;
	margin:0 auto;
	overflow:hidden;
	background:#f3f3f3;
}

.banner{
	width:100%;
/*	height:100% */
}


.banner img{
	width:100%; 
	height:auto;
}

.top{
	width:100%;
	height:40px;
	border-bottom:1px solid #97dbc9;
	position:relative;
	background:#fff;
}

.top_logo{
	width:104px;
	height:21px;
	position:absolute;
	top:11px;
	left:10px;
}

.top_logo img{
	width:104px;
	height:21px;
}

.title{
	height:34px;
	border-top:1px solid #f8f8f8;
	border-bottom:1px solid #d3d3d2;
	position:relative;
	background:#fff;
}

.title_box{
	float:left;
	width:80px;
	height:32px;
	top:1;
	left:5px;
	font-size:1.1em;
	line-height:32px;
	text-align:center;
	border-bottom:2px solid #2fc29d;
}

.title_box1{
	float:left;
	width:80px;
	height:32px;
	top:1;
	left:5px;
	font-size:1.1em;
	line-height:32px;
	text-align:center;
	border-bottom:2px #2fc29d;
	border-left:1px solid #ccc;
	cursor: pointer;
}


.focus{
	width:100%;
	height:auto;
}

.focus img{
	width:100%;
	height:auto;
}

.roll{
	width:100%;
	height:auto;
	background:#f3f3f3;
}


.roll_box{
	width:99%;
	min-height:72px;
	margin:0 auto;
	padding:10px 0 0px 0;
}

.roll_box li{
	float:left;
	width:31%;
	margin:0 1% 0 1%;
	height:auto;
	text-align:center;
}

.roll_box li img{
	width:90%;
	height:auto;
	border:1px solid #dedede;
}

.main{
	float:left;
	width:100%;
	height:auto;
	background:#f3f3f3;
}

.main_box{
	float:left;
	width:100%;
	border-top:1px solid #d0d0d0;
	border-bottom:1px solid #d0d0d0;
	margin-top:8px;
	background:#fff;
	padding:5px 0 5px 0;
}

.main_box_title{
	float:left;
	width:auto;
	height:25px;
	font-size:1em;
	margin:0 0 0 10px;
	line-height:25px;
}

.main_box span{
	float:right;
	line-height:25px;
	margin-right:10px;
}

.main_box span a{
	color:#565656;
	text-decoration:none;
}


.main_box span a:hover{
	color:#c92e26;
}



.main_box_con{
	float:left;
	width:100%;
}

.main_box_con li{
	float:left;
	width:50%;
	height:auto;
	margin-top:10px;
	padding:0 2% 0 2%;
	
}

.main_box_con li img{
	width:100%;
	height:auto;
}

.main_box_con li .text{
	float:left;
	width:100%;
	height:30px;
	line-height:25px;
	text-align:center;
	overflow:hidden;
}


.main_box_con li a{
	color:#565656;
	font-size:0.9em;
	text-decoration:none;
}	
.main_box_con li a:hover{
	color:#c92e26;
}

.list_title{
	width:100%;
	height:40px;
	background:#fff;
	border-bottom:1px solid #2fc29d;
	text-align:center;
	font-size:1.3em;
	line-height:40px;
}

.list_box{
	width:100%;
	border-top:1px solid #d0d0d0;
	border-bottom:1px solid #d0d0d0;
	background:#fff;
	padding:5px;
}

.list_box_item{
	width:100%; 
	position:relative; 
	border-bottom:1px solid #d0d0d0; 
	padding-bottom:10px; 
}

.list_box_item_left{
	width:120px;
	float:left;
	top:8px;
	left:8px; 
}

.list_box_item_left img{
	width:120px;
	height:auto;
}

.list_box_item_center{ 
	margin:8px 10px 0 140px; 
	width:auto;
}


.list_box_item_center dt{ 
	padding:0 0 10px 0;
	font-size:1em;
 	color: #555555;
}
.list_box_item_center dd{ 
	color:#737373; 
padding: 0px 0 0 0;
font-size: 0.8em;
line-height: 1.5em;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}

.list_box_item_center dt a{
	text-decoration:none;
	color:#565656;
}

.list_box_item_center dt a:hover{
	color:#e71f19;
}

.list_box_item_center dd a{
	text-decoration:none;
	color:#b2b2b2;
}

.list_box_item_center dd a:hover{
	color:#000;
	text-decoration:underline;
}
