@charset "utf-8";
html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td { margin:0 auto; padding: 0; }
img { border: 0 none;  }
ul, li { list-style-type: none; }
body, input, select, button, textarea { font-size: 12px; font-family:'Microsoft YaHei', Arial, Helvetica, sans-serif; margin:0; }
button { cursor: pointer; }
body { color: #333; line-height: 1.2;background: url(../images/Bg.gif) left top repeat-x;  }
a {color:#666;}
a, a:link { text-decoration: none; }
a:active, a:hover {    color:#dd0600; }
.clear { diplay: block!important; float: none!important; clear: both; overflow: hidden; width: auto!important; height: 0!important; margin: 0 auto!important; padding: 0!important; font-size: 0; line-height: 0; height:0; }
* {  -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
*:before,*:after {  -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;} 
.font12 { font-size: 12px;}
.font13 { font-size: 13px;}
.font14 { font-size: 14px;}
.font15 {font-size: 15px;}
.font16 {font-size: 16px;}
.font18 {font-size: 18px;}
.font20 {font-size: 20px;}
.font24 {font-size: 24px;}
.mt15{ margin-top: 15px;}
.mt10{ margin-top: 10px;}
.ml5{ margin-left: 5px;}
.mr5{ margin-left: 5px;}
.mb10{ margin-bottom: 10px;}
.pt10{ padding-top: 10px;}
.pt15{ padding-top: 15px;}
.fl{ float: left;}
.fr{ float: right;}


#wapper{ width:1200px;}
.header{ width:1200px; }
.header h2{ text-align:right; height:35px; overflow: hidden; font-weight: 100; line-height:35px;color:#fff; margin-bottom: 15px;}
.header h2 span{ float:left;}
.header h2 a{ padding:0 20px; color: #fff; background-color: #46454A; display: inline-block; }
.header h2 i{ margin-right: 3px;}
.header img{ float:left; margin:3px 10px 7px 0; }
.search{ float: right; width: 295px; overflow: hidden;}
.search h3{ background: url(../images/phone.png) left center no-repeat;  height: 55px; width: 270px; text-align: right; padding: 30px 0 0 0;}
.search .searTxt{ width: 230px; height: 32px;float: left; line-height: 32px; border: 1px solid #333;}
.searBt{ background-color: #333; height: 32px; float: left; line-height: 32px; border:none; width: 60px; font-size: 14px; color: #fff;}
.header .telImg{ float:right; margin-top: 15px; }
/*头部导航示例2*/
.header .nav{ width:100%;  float:left; margin-top: 19px;   position:relative; z-index:1;}
.header .nav li{ width:170px; float:left;  text-align:center;   position:relative; }
.header .nav li a{ font-size:16px; font-weight: 700; color:#fff; line-height:54px;   display: block; } 
.nav .sub{ display:none; width:170px; left:0; top:54px;   position:absolute; z-index:999999; background:#fff;  }
.nav .sub li{ border-top:1px solid #f2f2f2; height: 50px; line-height: 50px;}
.nav .sub li:hover{ background-color:#014DAA;}
.nav .sub li a{ font-size:15px; font-weight: 100; line-height:42px; color: #333;}
.nav .sub li a:hover{ color: #fff;}
.header .nav .on,.header .nav li:hover{ background-color:#016DC6; }

/* 幻灯 */
.banner{ width:100%;  position:relative;  height:500px; display: inline-block;   }
.banner .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }
.banner .bd ul{ width:100% !important;  }
.banner .bd li{ width:100% !important;  height:500px; overflow:hidden; text-align:center;  }
.banner .bd li a{ display:block; height:500px; }
.banner .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; }
.banner .hd ul{ text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:42px; height:11px; margin:1px; overflow:hidden; background:#000;
	filter:alpha(opacity=50);opacity:0.5;  line-height:999px; }
.banner .hd ul .on{ background:#f00;  }
.banner .prev,.banner .next{  display:block;  position:absolute; z-index:1; top:50%; margin-top:-30px; left:15%;  z-index:1; width:40px; height:60px; background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;  cursor:pointer; filter:alpha(opacity=50);opacity:0.5; display:none;  }
.banner .next{ left:auto; right:15%; background-position:-6px -137px; }
/*菜单*/
.inNav{ display: inline-block; width: 100%;}
.inNav h5{ background: url(../images/heng.png) bottom center no-repeat;  font-size: 16px; height: 82px; line-height: 82px; padding-bottom: 15px; text-align: center;}
.inNav h5 span,.inNav h5 i{ margin: 0 5px; font-style: normal;}
.inNav h5 i{  color: #666; letter-spacing: 1px;}
.inNav h5 b{ color: #203c5f;}
.inNav p{ line-height: 32px; text-align: center;}
.inNav p b{ color: #f00; font-weight: 100;}


footer{ background-color: #EFEFEF; margin-top: 15px;  float: left; clear: both; width: 100%; border-top:1px solid #EAEBE6; padding: 15px 0;color: } 
footer ul li{ float: left; border-right:1px dashed #aaa; margin-top: 15px; height: 170px; margin-bottom: 15px;  }
.fli1{ width: 285px;}
.fli2{ width: 182px; padding-left: 35px;} 
footer ul li i{ margin-right: 5px;}
footer ul li .icon-lxwm,footer ul li .icon-home{ font-size: 20px;}
footer ul li h3{ height: 52px; line-height: 52px; font-size: 18px;  }
footer ul li p{ line-height: 26px; font-size: 14px;}
footer ul li p b{ color: #FF0000; font-size: 32px;}
footer ul li h5 a{ float: left; width:100%; height: 32px; font-weight: 100; line-height: 32px;  }
footer ul li h5 a:hover{ color: #e80000;}
footer .wxImg{ width: 120px; margin: 15px 0 0 0;} 
/*footer ul .fli1 h3{ background: url(../images/fIcon04.png) left center no-repeat;}
footer ul .fli2 h3{ background: url(../images/fIcon01.png) left center no-repeat;}
footer ul .fli3 h3{ background: url(../images/fIcon02.png) left center no-repeat;}*/

.flink { float: left; width: 100%;}
.flink h3{ height: 52px; line-height: 52px; font-size: 18px; }
.flink p a{ font-size: 14px;}

.bottom{ background-color: #242424; color: #fff; height:40px;  float: left; width: 100%;}
.bottom h3{font-size: 14px; font-weight: 100; line-height: 40px;text-align: right; }
.bottom span{ float: left;}
.bottom a{ background-color:#203c5f; color: #fff; display: inline-block; padding: 0 15px; margin-left: 10px;}


.yb_conct {
	position: fixed;
	z-index: 9999999;
	top: 400px;
	right: -127px;
	cursor: pointer;
	transition: all .3s ease;
}
.yb_bar ul li {
	width: 180px;
	height: 53px;
	font: 16px/53px 'Microsoft YaHei';
	color: #fff;
	text-indent: 54px;
	margin-bottom: 3px;
	border-radius: 3px;
	transition: all .5s ease;
	overflow: hidden;
}
.yb_bar .yb_top {
	background: #0066CC url(../images/fixCont.png) no-repeat 0 0;
}
.yb_bar .yb_top a{ color: #fff;}
.yb_bar .yb_phone {
	background: #0066CC url(../images/fixCont.png) no-repeat 0 -57px;
}
.yb_bar .yb_QQ {
	text-indent: 0;
	background: #0066CC url(../images/fixCont.png) no-repeat 0 -113px;
}
.yb_bar .yb_ercode {
	/*height:200px;*/
	background: #0066CC url(../images/fixCont.png) no-repeat 0 -169px;
}
.hd_qr {
	padding: 0 29px 25px 29px;
}
.yb_QQ a {
	display: block;
	text-indent: 54px;
	width: 100%;
	height: 100%;
	color: #fff;
}

.npage{  text-align:center; color: #333;   padding:10px 0; margin:10px 0; float:left; width:100%; }
.npage a{ margin:0 5px; border:1px solid #06c ; padding:5px 8px;}
.npage a:hover{ background-color:#06c ; color:#fff;}