@charset "UTF-8";
/**
 * 
 * @authors whz3333
 * @date    2018-09-06 08:56:35
 * @version $Id$
 */
body, ol, ul, li, table, tr, td, dt, dd, dl, p, h1, h2, h3, h4, h5, h6, form, input, select, textarea {font-weight:normal;margin:0;padding:0;}
body{font-size:14px;color:#333333; _overflow:hidden;background:#f3f3f3;line-height:26px;}
input,button,select,textarea{outline:none;}
html{overflow-x:hidden;}
a img{border:none;display:block;}
li{list-style-type:none;}
a{text-decoration:none;color:#fff;}
input{vertical-align:middle;}
table,table tr td{border-collapse:collapse;}
a:hover{text-decoration:none;color:#fff;}
a,area {blr:expression(this.onFocus=this.blur()) } /* for IE */
:focus {-moz-outline-style: none; } /* for Firefox */
a{outline:none;} /* for FF Chrome */
img{display:block;}
textarea{resize:none;}
.wrapper{margin:0 auto;width:100%;height:auto;}
.w-980{margin:0 auto;width:980px;height:auto;position: relative;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0;}
.clearfix{display:block;}
.f-Yahei{font-family:"Microsoft YaHei";}
.font-white,.font-white a{color: #fff;}
.font-blue{color:#4c7887;}
/*index*/
#topbar{width:100%;height:56px;line-height:56px;background-color:#323844;font-size:14px;}
#topbanner{margin:0 auto;width:960px;height:56px;background-color:#323844;}
#logo{float:left;margin-top:8px;width:100px;height:40px;background: url(../images/logo_new.png) left 4px no-repeat;}
#logo a{display:block;float:left;width:100px;height:40px;}
.nav{float:left;margin-left:50px;height:56px;}
.nav ul li{float:left;margin:0 10px;}
.nav ul li a:hover,.nav ul li a:active,.nav ul li a:link,.nav ul li a:visited{color:#fff; text-decoration:none;}
#searchBar{position:relative;float:right;margin-top:13px;width:180px;height:30px;}
#searchBar #search-keyword{position:absolute;top:0px;left:0;padding-left:5px;background-color:#ffffff;border:0;height:30px;line-height:30px;}
#searchBar #button{background:url(../images/search-btn.jpg) left 0 no-repeat;border:0;cursor:pointer;position:absolute;top:0px;right:0px;height:30px;width:42px;}
.banner{width:100%;height:320px;overflow:hidden;text-align: center;background: url(../images/banner.jpg) center center no-repeat;}
.bg{height:572px;overflow:hidden;background: url(../images/bg.jpg) center center no-repeat;}
.pic-bg{margin-top:55px;height:425px;overflow:hidden;background: url(../images/pic-bg.png) center center no-repeat;}
.pic-bg h3,.pic-bg p{display:block;padding:0 60px;}
.pic-bg h3,.foot-bg h3{text-align:center;margin:60px auto 20px;line-height:1.4;font-size: 30px;}
.pic-bg p{font-size: 20px;line-height:1.5;text-indent: 40px;}
.title{margin:25px auto;overflow:hidden;width:100%;height:30px;line-height:30px;border-bottom:1px solid #4c7887;text-align:center;positon:relative;}
.title h3{display:inlie-block;width:200px;background:#f3f3f3;font-size:30px;color:#4c7887;position: absolute;left:50%;margin-top:15px;margin-left:-100px;}
.title i{display:inlie-block;position:absolute;top:23px;width:15px;height:15px;overflow:hidden;background:#4c7887;transform:rotate(45deg);
-ms-transform:rotate(45deg);     /* IE 9 */
-moz-transform:rotate(45deg);    /* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg);}
.icon-l{left:50%;margin-left:-118px;}
.icon-r{right:50%;margin-right:-118px;}
.pic-list{margin:50px auto;overflow:hidden;}
.pic-list li{float:left;margin:15px 12px;width:220px;overflow:hidden;background:#4c7887;color:#fff;}
.pic-list li img{width:220px;height:185px;}
.pic-list li p{margin:10px;}
/*footer*/
.footer{width:100%;overflow: hidden;text-align: center;}
.foot-bg{height: 440px;overflow: hidden;background: url(../images/foot-bg.jpg) top center no-repeat;}
.foot-bg img{margin:0 auto;}
.foot{padding:10px 0;height:40px;line-height:20px;background: #323844;color:#fff;}