@charset "utf-8";
/* CSS Document */
#layban{ height:300px; background:url(../images/ban-layout.jpg) no-repeat center;}
#layban.layban_1{}
#layban.layban_2{}
#layban.layban_3{}
#layban.layban_4{}
#layban.layban_5{}


.layinfo{ margin-bottom:50px;}
	.layinfo h3, .laytie{ padding-left:22px; font-size:24px; line-height:120%; background:url(../images/tou.jpg) no-repeat 0 6px;}
	.layinfo .mainfo{ margin-top:15px; line-height:160%; font-size:14px; color:#666; padding-left:22px; *overflow:hidden;}
	/*.layinfo .mainfo img{ max-width:100%; height:auto;}*/

.layques{ font-size:30px; line-height:140%; color:#222;}

/*    news   */
.newlink{ margin:20px 0 0;}
.newlink:after{visibility: hidden;clear: both;content: "";display: block;height: 0px;}
.newlink li{ float:left; line-height:28px; padding:0 25px 0 0;}
.newlink li a{ display:block; padding:0 15px; border-radius:3px; background:#eee; color:#444;}
.newlink li a:hover{ background:#ddd; text-decoration:none;}
.newlink li a.active{ color:#fff; background:#2bc0f1;}

.newlist{ padding-top:25px;}
.newlist li{ padding:20px 0; *height:180px;}
.newlist li:after{visibility: hidden;clear: both;content: "";display: block;height: 0px;}
.newlist li .img{ display:block; width:240px; height:180px; float:left; margin-right:30px;}
	.newlist li .img img{ width:240px; height:180px; }
.newlist li .newinfo{ width:730px; /**width:700px; */float:left; min-height:180px; height:180px; border-bottom:dotted 1px #ccc;}
	.newlist li .newinfo h3{ line-height:30px; height:30px; margin-top:8px; font-size:18px;}
	.newlist li .newinfo h3 a{ width:610px; float:left; white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
	.newlist li .newinfo h3 em{ width:120px; text-align:right; float:left; color:#999; font-size:14px;}
	.newlist li .newinfo p{ margin:15px 0 0; height:96px; line-height:24px; font-size:14px; color:#666; overflow:hidden;text-overflow: ellipsis;}

.compages{ padding:25px 0; text-align:center; line-height:26px;}
.compages a{ display:inline-block; padding:0 10px; margin:0 1px; background:#eee; color:#222;}
.compages a:hover{ background:#dfdede; text-decoration:none;}
.compages a.active{ color:#fff; background:#2bc0f1;}
/********* active *************/
.laytile{ font-size:24px; line-height:140%; text-align:center; color:#222; font-weight:bold;}
.laytime{ text-align:center; color:#999; line-height:30px;}
.laymainfo{ border-top:solid 1px #ddd; margin:15px 0 0; padding-top:20px; line-height:180%; font-size:14px; color:#444; *overflow:hidden;}
	.laymainfo img{ max-width:100%; height:auto;}	

/******* question **********/
.layquelist{ margin:10px 0;}
.layquelist li{ padding:12px 0;}
	.layquelist li h3{ line-height:30px; font-size:18px; color:#222;}
		.layquelist li h3 em{ color:#0088de; font-size:22px; font-family:Arial; margin-right:5px;}
	.layquelist li .queinfo{ margin-top:18px; position:relative;}
		.layquelist li .queinfo span.san{ display:block; position:absolute; z-index:2; top:-9px; left:45px; width:18px; height:9px; background:url(../images/qus.gif) no-repeat;}
		.layquelist li .queinfo .info{ padding:15px 20px; line-height:24px; background:#f3f3f3; border-radius:5px; font-size:14px;}