@charset "utf-8";

body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol{margin:0;padding:0}em,i{font-style:normal}li{list-style:none}a,a:hover{text-decoration:none}img{border:0}table{border-collapse:collapse;border-spacing:0}label{cursor:default}body,button,input,select,textarea{font:12px/1.5 Tahoma,arial,'Hiragino Sans GB','microsoft yahei',\5b8b\4f53}textarea{resize:none}a,a:focus{outline:none}.clearfix:after{content:'\20';display:block;height:0;clear:both}.clearfix{*zoom:1}.clear{display:block;height:0;clear:both;font-size:0;line-height:0;overflow:hidden}.fl{float:left;display:inline}.fr{float:right;display:inline}.fn{float:none}.tl{text-align:left}.tr{text-align:right}.tc{text-align:center}.hide{display:none}.show{display:block}.mt10{margin-top:10px}.noBg{background:none!important}.noBorder{border:0!important}.yahei{font-family:'microsoft yahei'}.red{color:red}
/* 项目主体部分设置 */
body{background:#fff;color:#555;}
a{color:#555;text-decoration:none;/*transition:color 0.2s linear 0s*/}
a:hover{color:#026885;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;border-radius: 0}
textarea {  -webkit-appearance: none;}   

.wrapper { position:relative; width:100%; margin:0 auto; overflow:hidden; }
.g-in { width:1002px; margin:0 auto; }.g-in:after{content:'\20';display:block;height:0;clear:both}.g-in{*zoom:1}

.header { position:relative; background:#026885;height: 100px }
.hdr{width: 1200px;margin: 0 auto}
.logo{float: left;width: 180px;height: 100px;overflow: hidden;}
.logo img{width: 100%;height: auto}
.nav{width: 770px;float: right;}
.nav li{float: left;position: relative;}
.nav li a.f{display: block;width: 100px;font-size: 16px;color: #fff;text-align: center;line-height: 100px;padding-right: 10px;background: url(ico-nav-li.png) no-repeat 85px center;}
.nav li a.f.on{color: #fff;background: #027292 url(ico-nav-li.png) no-repeat 85px center;}
.nav li dl{position: absolute;top: 100px;left: 0;display: none;opacity: 0.8;z-index: 20}
.nav li dl dd a{display: block;height: 30px;width: 110px;text-align: center;line-height: 30px;background: #026885;color: #fff;font-size: 14px;}
.nav li dl dd a:hover{background: #027292;color: #fff;opacity: 1}
.menuBtn{display: none}
.nav span.dh{display: none}

.footer{background: #212121;text-align: center;color: #fff}
.footer a{color: #fff}
.footer a:hover{color: #026885}
.footer .ft-logo{padding: 20px 0 5px 0;}
.footer .ft-nav li{display: inline-block;margin: 0 20px}
.footer .ft-nav li a{display: block;font-size: 16px}
.footer .ft-1{padding-bottom: 20px;border-bottom: 1px solid #333}
.footer .ft-2 p{line-height: 25px;opacity: 0.8}
.footer .ft-2 {padding: 20px 0 40px 0}

@media screen and (min-width: 1200px){
	.nav li:hover a.f{color: #fff;background: #027292 url(ico-nav-li.png) no-repeat 85px center;}
}

@media screen and (max-width: 1200px){
	.header{height: 50px}
	.hdr{width: 100%}
	.logo{width: 83px;height: auto;float: left;margin-left: 5%}
	.menuBtn{float: right;margin-top: 10px;margin-right: 5%;display: block}
	.nav{position: fixed;float: none;z-index: 9999;width: 200px;background: #fff;overflow: hidden;top: 0;right: -200px;height: 100%}
	.nav li{float: none;border-bottom: 1px solid #ddd；}
	.nav li a.f{background: 0;line-height: 40px;width: 100%;color: #333;padding: 0 0 0 40px;text-align: left;}
	.nav li a.f.on{background: #027292;color: #fff}
	.nav li dl{display: none!important}
	.nav span.dh{display: block;font-size: 18px;text-align: center;padding: 10px 0;border-bottom: 1px solid #ccc}
	.fixed-shadow{position: fixed;left: 0;right: 0;top: 0;bottom: 0;background: #000;opacity: 0.6;z-index: 888;display: none}
	.ft-nav{display: none}
	.footer .ft-logo,.footer .ft-1{padding: 0}
	.footer .ft-2{padding: 10px}

}