@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
	}
body {
	font-size:14px;
	font-family:"微软雅黑";
	line-height:24px;
	margin:0 auto;
	background:url(../img/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(../img/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:365px;
	background:#540b0b;
	}
.header_bg {
	background:url(../img/long_bg01.jpg) top center no-repeat;
	height:365px;
	padding-left:50px;
	width:950px;
	position:relative;
	}
.header_bg h1 {
	height:100px;
	line-height:100px;
	color:#fff;
	font-size:48px;
	font-weight:normal;
	}
.header_p01 {
	color:#fff;
	line-height:40px;
	}
.header_p02 {
	color:#fff;
	text-indent:2em;
	width:525px;
	height:135px;
	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(../img/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}
.header_img {
	position:absolute;
	right:4px;
	bottom:27px;
	width:368px;
	height:228px;
	background:url(../img/long_img.jpg) center center no-repeat;
	}
	
/************** main ****************/
.main { margin-top:20px;}
.main_lt {
	width:688px;
	border:1px solid #ccc;
	background:#fff;
	}
.main_lt h2 {
	font-size:26px;
	font-weight:normal;
	padding-left:85px;
	line-height:49px;
	position:relative;
	border-bottom:1px solid #ccc;
	}
.main_lt h2 span {
	position:absolute;
	background:url(../img/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(../img/tg.png) 0 0 no-repeat;}
.main_lt .buttom .dd2 { background:url(../img/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_rt {
	width:290px;}
.main_rt .mbox {
	margin-bottom:20px;
	}
.main_rt .mbox h4 {
	background:url(../img/long_bg04.jpg) 0 0 repeat-x;
	border:1px solid #ccc;
	height:32px;
	line-height:32px;
	color:#fff;
	padding:0 16px;
	}
.main_rt .mbox h4 span a {
	background:url(../img/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 #ccc;
	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:#8c3714;
	}
.main_rt .mbox ul li {
	width:132px;
	float:left;
	white-space:nowrap;
	overflow:hidden;
	}
.main_rt .mbox ul p { margin-bottom:5px;}
.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(../img/long_bg07.jpg) top center no-repeat #fff;
	}
.main_rt .mtel p a {
	background:url(../img/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(../img/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;
	}
	/*2 pc*/
.sp_bd_bg2 {
	width: 100%;
	position: fixed;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 100;
	background: linear-gradient(to left, #4b99bc 20%, #56c7fc 50% 45%, #4b99bc 80% );
	opacity: .9;
	padding: 10px 0px;
	}
.sp_bd_form2{
	width: 60%;
	margin: 0px auto;
	}
.sp_bd_tit2 {color: #fff;}
.sp_bd_tit2 h3 { font-size: 26px; display: inline-block;}
.sp_bd_tit2 p { font-size: 14px; line-height: 26px; display: inline-block; color: #000;}
.sp_bd_form2 form input {
	line-height: 34px;
	width: 30%;
	padding: 0px 15px;
	background: rgb(255,255,255,1);
	border: 1px solid #ccc;
	font-size: 14px;
	color: #999;
	outline: none;
	box-sizing: border-box;
	margin: 0px 5px;
	border-radius: 4px;
	overflow: hidden;
  	text-overflow: ellipsis;
  	white-space: nowrap;
	}
input::-webkit-input-placeholder {color: #999;}

.sp_bd_form2 select{
	background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
	width: 18%;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
    color: #999;
    padding:0px 10px;
	outline: none;
	box-sizing: border-box;
	}
.sp_bd_form2 button {
	height: 36px;
	line-height: 36px;
	background: linear-gradient(to top, #00acc1, #4dd0e1);
	box-shadow: 0px 0px 10px rgb(200,32,62,.2);
	color: #fff;
	font-size: 18px;
	padding: 0px 30px;
	display: inline-block;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	vertical-align: bottom;
	}
/*****************往期回�?********************/
/* 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: 5px;
	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;
	height: 42px;
	line-height:20px;
	overflow: hidden;
	}
.main_lt_lw .desc a {
	font-size: 12px;
	color:#01539C;
	}
.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;}
	.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;}
	.header_bg{background: none;}
	.header_p02{height: 173px;}
	.header{height: 635px;}
}
@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: 30px;}
	.header_p02 {
	    height: 220px;
	}
	.header_img{top: 70px;}
	.header {
	    height: 724px;
	}
	.fl {
	    float: none;
	}
	.main_lt .buttom a {
    	width: 148px;
    }
    
}