@charset "gb2312";
/* CSS Document */
*{ margin:0; padding:0;}
html { min-width:1200px; max-width:1920px;}
body {font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px; color:#333; padding:0; margin:0; background:url(/Specials/spwenyi/body_bg.png) repeat-y 0 0;}
div,img,ul,li,dl,dt,dd,p,input,button,span,h1,h2,h3,h4,h5,h6 { margin:0; padding:0; border:0;}
h3 { font-weight:normal;}
h4 { font-weight:normal;}
ul,li { list-style:none;}
img { border:none}
.clearfix:after { content:"."; display:block; height:0; clear:both; overflow:hidden; }
.fl { float:left} .fr { float:right} .tc { text-align:center} .red { color:#c00;} .ml15 { margin-left:15px;} .tr { text-align:right} .mt30 { margin-top:30px;} .f24 { font-size:24px} .ml30 { margin-left: 30px;}
.w1200 { width:1200px; margin:0 auto; overflow:hidden; } .pr { position:relative} .ab { position:absolute;}
a { color:#333; text-decoration:none;}
a:hover { color:#c00;}
.h20 { height:20px; width:100%; display:block; overflow:hidden;}
.h50 { height:50px; width:100%; display:block; overflow:hidden;}
.h450 { height:450px; display: block; z-index:999; position:relative;}


.banner {
	background: url(/Specials/spwenyi/top_bg.png) no-repeat center center;
    background-size: cover;
	padding-bottom: 50px;
	height:420px;
	}
.banner img {
	display: inline-block;
	margin-top: 30px;
	}
.banner h1 {
	font-size: 66px;
    padding: 40px 0;
    font-weight: bold;
	text-align: center;
	}
.banner .col {width: 100%;}
.banner p {
	display: inline-block;
    text-align: center;
    padding: 6px 50px;
    font-size: 16px;
	margin-top:30px;
	}
.banner p span {
	font-size: 13px;
	color: #666;
	}
.banner ul { margin-left: 100px;}
.banner li {
	float: left;
	width: 40px;
	height: 40px;
	line-height: 40px;
	border-radius: 50%;
	background-color: #c61010;
	text-align: center;
	color: #fff;
	margin-left: 5px;
	font-size: 20px;
	}

.banner .button {
	float: right;
	margin-top: -50px;
	margin-right: 140px;
	}

.main_left {
	width: 300px;
	}
.main_left h3{
	height: 50px;
	line-height: 50px;
	background: url(/Specials/spwenyi/titbg.png) 0 0 no-repeat;
	color: #fff;
	padding-left: 30px;
	font-size: 15px;
	font-weight: bold;
}	
.baizi {
	height: 50px;
	line-height: 50px;
	background: url(/Specials/spwenyi/titbg.png) 0 0 no-repeat;
	font-size: 15px;
	color: #fff;
	font-weight: bold;
	}
.main_left h3 span {
	font-size: 12px;
	font-weight: normal;
	}
.main_left h3 span img {
	margin-top: 17px;
	margin-left: 5px;
	display: inline-block;
	float: right;
	}
.jszd {
	float: left;
	width: 285px;
	height: 39px;
	line-height: 39px;
	padding-left: 15px;
	font-size: 14px;
	background:url(/Specials/spwenyi/icon_01.png) left center no-repeat;
	border-bottom: 1px dashed #999;
	}
.ztxs {
	float: left;
	width: 88px;
	height: 39px;
	line-height: 39px;
	padding-left: 12px;
	font-size: 14px;
	background:url(/Specials/spwenyi/icon_01.png) left center no-repeat;
	border-bottom: 1px dashed #999;
	}
.main_left li a {
	/*width: 240px;*/
	height: 49px;
	overflow: hidden;
	display: block;
	float: left;
	}
.main_left li span {
	font-size: 12px;
	color: #999;
	}
	
.main_center {
	width: 630px;
	}
.main_center h3 {
	height: 50px;
	line-height: 50px;
	background: url(/Specials/spwenyi/titbg.png) 0 0 no-repeat;
	color: #fff;
	padding-left: 30px;
	font-size: 15px;
	font-weight: bold;
	}
.main_center h3 span {
	font-size: 12px;
	font-weight: normal;
	}
.main_center h3 span img {
	margin-top: 17px;
	margin-left: 5px;
	display: inline-block;
	float: right;
	}
.main_center li {
	float: left;
	width: 157px;
	padding-top: 5px;
	text-align: center;
	}
.main_center li:nth-child(3n){margin-right:0;}
.main_center li img {
	width: 147px;
	height: 156px;
	}
.main_center li p {
	height: 40px;
	line-height: 40px;
	width: 100%;
	overflow: hidden;
	}
	
.main_right {
	width: 240px;
	}
.main_right h3 {
	height: 50px;
	line-height: 50px;
	background: url(/Specials/spwenyi/titbg.png) 0 0 no-repeat;
	color: #fff;
	padding-left: 30px;
	font-size: 15px;
	font-weight: bold;
	}
	
.contact { font-size: 14px; line-height: 34px; padding: 30px 0px 5px 0px; }
.contact .hotline { padding: 5px 15px; display: block; font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: bold; color: #ff6600; }
.contact p { padding: 0px 15px; }
.contact span { padding: 0px 15px; margin: 15px 0px; display: block; }
.contact ul { padding-left: 17px; }
.contact ul li { float: left; width: 78px; height: 38px; }
.contact ul li.l2 { width: 90px; }
	
.cont_center {
	width: 420px;
	}
.cont_center h3 {
	height: 50px;
	line-height: 50px;
	background: url(/Specials/spwenyi/titbg.png) 0 0 no-repeat;
	color: #fff;
	padding-left: 30px;
	font-size: 15px;
	font-weight: bold;
	}
.cont_center h3 span {
	font-size: 12px;
	font-weight: normal;
	}
.cont_center h3 span img {
	margin-top: 17px;
	margin-left: 5px;
	display: inline-block;
	float: right;
	}
.cont_center li {
	float: left;
	width: 405px;
	padding-left: 15px;
	padding-bottom: 5px;
	margin-top: 10px;
	background:url(/Specials/spwenyi/icon_01.png) left 10px no-repeat;
	border-bottom: 1px dashed #999;
	}
.cont_center li h4{
	height: 30px;
	overflow: hidden;	 
	}
.cont_center li h4 a {
    font-size: 20px;
	margin-top: 10px;
	font-weight: normal;
	color: #333;
	}
.cont_center li h4 a:hover { color: #f00;}
.cont_center .desc{
    font-size: 12px;
	color: #999;
	height: 34px;
	overflow: hidden;
	}


.foot {
	height: 385px;
	background:url(/Specials/spwenyi/foot_bg.png) center center no-repeat;
	margin-top:-200px;
	position:relative;
	}	
.footer {
	background:url(/Specials/spwenyi/foot.png) center top no-repeat;
	padding:15px 0;
	text-align:center;
	font-size:12px;
	line-height:24px;
	position:absolute;
	top:240px;
	left:180px;
	}

.pop_l {
	position: fixed;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	}
.pop_l ul {
	border-radius: 8px;
	width: 80px;
	
	}
.pop_l ul li {
	display: block;
	text-align: center;
	font-size: 15px;
	position: relative;
	margin-bottom: 10px;
	background: #2188b7;
	line-height: 18px;
	box-shadow: 0px 0px 10px #ddd;
	}
.pop_l ul li:hover { background: #1781b1}
.pop_l ul li:first-child { background: none; box-shadow: none;}
.pop_l ul li:first-child img{ max-width: 100%; }
.pop_l ul li a {
	display: block;
	height: 100%;
	padding: 10px 20px;
	color: #fff;
	}
.pop_l ul li:last-child { border-bottom: none;}
.pop_l ul li p {
	position: absolute;
	display: none;
	width: 125px;
	top: 0px;
	right: 85px;
	padding: 5px 5px;
	font-size: 13px;
	border: 1px solid #ddd;
	line-height: 18px;
	background: #fff;
	}
.pop_l ul li p img {
	display: block;
	max-width: 100%;
	}
.pop_l ul li:hover p { display: block;}