@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
	}
body {
	font-size:14px;
	font-family:"微软雅黑";
	line-height:24px;
	margin:0 auto;
	background:url(../images/bg.png) repeat;
	}
ul,li,h1,h2,h3,h4,h5,h6,p,input,{
	margin:0;
	padding:0;
	}
ul,li { list-style:none;}
img { border:none;}
a {
	color:#333;
	text-decoration:none;
	}
a:hover { color:#092555;}
.clear { clear:both;}
.f12 { font-size:12px}
.f16 { font-size:16px}
.f18 { font-size:18px}
.f20 { font-size:20px}
.h20 { height:20px; display:block; overflow:hidden;}
.w1000 {
	width:1000px;
	margin:0 auto;
	}
.fl { float:left}
.fr { float:right}
.tc { text-align:center}

/************** topnav *****************/
.topnav {
	height:40px;
	background:#f6f6f6;
	}
.topnav span a{
	background:url(../images/toplogo.png) center center no-repeat;
	width:110px;
	height:40px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	cursor:pointer;
	margin-right:20px;
	}
.topnav li {
	float:left;
	width:68px;
	line-height:40px;
	font-size:14px;
	}
.topnav li a { color:#333}
.topnav li a:hover { text-decoration:underline}

/***************header***************/
.header {
	height:400px;
	background:url(../images/banner.jpg) top center no-repeat;
	}
.header_bg {
	width:1000px;
	position:relative;
	}
.header_bg h1 {
	padding: 30px 0;
	height:auto;
	line-height:60px;
	color:#fff;
	font-size:48px;
	font-weight:normal;
	width: 540px;
	}
.header_p01 {
	color:#fff;
	line-height:40px;
	}
.header_p02 {
	color:#fff;
	text-indent:2em;
	width:540px;
	height:168px;
	overflow:hidden;
	}
.header_p02 a { color:#fff;}
.header_p02 a:hover { text-decoration:underline}
.dot {
	border-top:1px dashed #fff ;
	border-bottom:1px dashed #fff;
	display:block;
	width:525px;
	margin:18px 0;
	}
.header_p03 {
	background:url(../images/long_bg02.png) left center no-repeat;
	height:75px;
	width:535px;
	}
.header_p03 span a{
	width:150px;
	height:75px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	cursor:pointer;
	float:left;
	}
.header_p03 ul {
	float:left;
	margin-top:10px;
	}
.header_p03 li a {
	color:#fff;
	width:380px;
	}
.header_p03 li a:hover { text-decoration:underline}

	
/************** main ****************/
.main { margin-top:20px;}
.main_lt {
	width:688px;
	border:1px solid #eee;
	background:#fff;
	}
.main_lt h2 {
	font-size:26px;
	font-weight:normal;
	padding-left:85px;
	line-height:49px;
	position:relative;
	border-bottom:1px solid #eee;
	}
.main_lt h2 span {
	position:absolute;
	background:url(../images/long_bg03.png) 0 0 no-repeat;
	width:50px;
	height:40px;
	left:20px;
	top:13px;
	}
.main_lt li {
	margin:0px 20px 10px;
	width:304px;
	float:left;
	}
.main_lt li img {
	float:left;
	width:114px;
	height:156px;
	}
.main_lt li h3 {
	float:left;
	width:304px;
	height:40px;
	line-height:40px;
	overflow:hidden;
	}
.main_lt li h4 {
	float:right;
	width:180px;
	height:34px;
	line-height:30px;
	overflow:hidden;
	}
.main_lt .textjs {
	float:right;
	width:180px;
	height:80px;
	overflow:hidden;
	font-size:12px;
	line-height:20px;
	color:#666;
	}
.main_lt .buttom {
	float:right;
	width:180px;
	margin-top:10px;
	}
.main_lt .buttom a {
	width:180px; 
	height:31px; 
	float:left; 
	text-indent:-9999px;
	}
.main_lt .buttom .dd1 { background:url(../images/tg.png) 0 0 no-repeat;}
.main_lt .buttom .dd2 { background:url(../images/zx.jpg) 0 0 no-repeat;}
.main_lt_lw {padding:10px 0;}
.main_lt_lw li {
	margin:0px 20px 0px;
	width:304px;
	float:left;
	}
.main_lt_lw li img{
	float: left;
    width: 80px;
    height: 105px;
    margin-right: 15px;
}
.main_rt {
	width:290px;}
.main_rt .mbox {
	margin-bottom:20px;
	}
.main_rt .mbox h4 {
	background: #00a2ff;
	height:40px;
	line-height:40px;
	color:#fff;
	padding:0 16px;
	}
.main_rt .mbox h4 span a {
	background:url(../images/long_bg06.png) center center no-repeat;
	width:38px;
	height:32px;
	line-height:32px;
	display:block;
	cursor:pointer;
	text-indent:-9999px;
	}
.main_rt .mbox h4 img { margin-left:25px;}
.main_rt .mbox ul {
	border:1px solid #eee;
	border-top:none;
	background:#fff;
	padding:10px 12px;
	}
.dot2 {
	width:4px;
	height:4px;
	display:block;
	overflow:hidden;
	vertical-align:middle;
	margin-right:6px;
	margin-top:11px;
	float:left;
	background:#0095ff;
	}
.main_rt .mbox ul li {
	width:132px;
	float:left;
	white-space:nowrap;
	overflow:hidden;
	}
.main_rt .mbox ul p { margin-bottom:5px;overflow: hidden;}
.main_rt .mbox ul p a{
	width:254px;
	float:left;
	white-space:nowrap;
	overflow:hidden;
	}
.main_rt .mtel {
	border:1px solid #ccc;
	border-top:2px solid #333;
	background:url(../images/long_bg07.jpg) top center no-repeat #fff;
	}
.main_rt .mtel p a {
	background:url(../images/long_tel.png) 0 0 no-repeat;
	width:142px;
	height:32px;
	display:inline-block;
	overflow:hidden;
	text-indent:-9999px;
	cursor:pointer;
	margin-top:15px;
	margin-left:75px;
	margin-bottom:60px;
	}
.main_rt .mtel ul {
	padding-left:24px;
	padding-bottom:26px;
	}
.main_rt .mtel .span1 {
	float:left;
	width:70px;
	line-height:28px;
	}
.main_rt .mtel span a {
	background:url(../images/button_11.gif) center center no-repeat;
	height:28px;
	width:77px;
	margin-right:10px;
	display:inline-block;
	overflow:hidden;
	text-indent:-9999px;
	cursor:pointer;
	}
.main_rt .mtel .span2 {
	width:174px;
	float:left;
	}
	
/*************** footer *****************/
.footer {
	background:#b8b8b8;
	padding:15px 0;
	margin-top:20px;
	text-align:center;
	font-size:12px;
	}
.footer a {
	width:90px;
	display:inline-block;
	text-align:center;
	}

/*****************往期回�?********************/
/* Box */
.wp_box {border:1px solid #bbc9db;background:#262625; height:225px;position:fixed; width:100%;
    bottom:-225px;
     }
.wp_box .hd {height:32px;line-height:32px;padding:0 10px;margin-top:15px; color:#a3a3a3; font-size:24px;}
.plst_pt {overflow:hidden;_width:100%;}
.plst_pt ul {overflow:hidden;*zoom:1;padding:15px 0;width:9999em;}
.plst_pt li {float:left;margin-left:16px;display:inline;text-align:center;}
.plst_pt li img {display:block;width:180px;height:120px;margin-bottom:5px;}
/* Roll */
.wp_roll {position:relative;_width:100%;}
.roll_lt, .roll_rt {position:absolute;top:40px;left:1px;width:18px;height:89px;line-height:89px;font-size:18px;font-weight:bold;text-align:center;}
.roll_rt {left:auto;right:12px;}
.roll_cnt {padding:0 40px;}
.roll_cnt a { color:#fff;}
.roll_lt:hover, .roll_rt:hover {color:#000;}


/**/
.main_lt_lw {padding:10px 0;}
.main_lt_lw li {
	margin:10px 20px 0px;
	width:648px;
	float:left;
	padding-bottom: 15px;
	border-bottom: 1px dashed #999;
	}

.main_lt_lw li a {
    font-size: 20px;
	height:30px;
	font-weight: normal;
	color: #333;
	overflow:hidden;
	
	}
.main_lt_lw li a:hover { color: #f00;}
.main_lt_lw .desc{
    font-size: 12px;
	color: #999;
	line-height:20px;
	overflow: hidden;
	margin-top: 10px;
	}
.main_lt_lw .desc a {
	font-size: 12px;
	color:#0095ff;
	}
.main_lt_lw .desc a:hover { color:#f00}

@media only screen and (min-width: 0px) and (max-width: 767px) {
	.w1000 {width: auto;padding: 10px;}
	.main_lt{width: 100%;}
	.main_lt_lw li{width: auto;}
	.main_rt{width: 100%;}
	.main_rt .mbox ul p a{width: 100%;float: none;white-space: inherit;}
	.main_lt li{width: auto;}
	.main_lt li img{margin-right: 20px;}
	.main_lt li h4,.main_lt .textjs,.main_lt .buttom{float: left;}
	.header_img{width: auto;position: relative;top: 20px;}
	.header_p02,.header_p03{width: auto;}
	.header_bg h1{font-size: 37px;width: 100%;line-height: 45px;}
	.header_bg{background: none;}
	.header_p02{height: 173px;}
	.header{height: 635px;background-size: cover;background: url(../images/banner-m.png) top center no-repeat;}
	.main_lt_lw li img{margin-top: 20px;}
}
@media only screen and (max-width: 360px) {
	.listBox .txt {width: 65%;}
	.main_lt h2{font-size: 18px;}
	.main_lt li img {
	    margin-right: 10px;
	}
	.header_bg h1{font-size: 26px;}
	.header_p02 {
	    height: 220px;
	}
	.header_img{top: 70px;}
	.fl {
	    float: none;
	}
	.main_lt .buttom a {
    	width: 148px;
    }
    
}