@charset "gb2312";
/* CSS Document */

/*CSS reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p{margin:0;padding:0; font-family:"΢ÈíÑźÚ"; font-size:14px; cursor:default; color:#4b4b4b;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;border:none;}
ul,li,dl ,dt,dd ,ol,p,img{ list-style: none;border: none;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:normal;}
del,ins{text-decoration:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
button,input,select,textarea{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
a{text-decoration:none; outline:none; color:#4b4b4b;}
a:hover{ text-decoration:underline;}
a:active{outline: none;star:expression(this.onFocus=this.blur());}


.fl{float: left;}
.fr{float: right;}
.clearfix{ clear: both; height: 0px; font-size: 0px;}


body{ background: url(2017ax_common_bg.png) no-repeat center top;}

.top{ height: 29px; background: #fff; border-bottom: 1px solid #d9e1eb;}
.top-cent{ width: 1140px; margin: 0 auto;}
.top-cent p{ font-size: 12px; line-height: 28px;}
.top-cent p a{ margin: 0 5px;}
.top-cent p img{ vertical-align: middle; margin: -3px 8px 0 0;}

.header{ height: 198px; width: 1140px; margin: 0 auto;}
.header .logo{ float: left; padding-top: 56px;}
.header .slogen{ float: right; padding: 145px 25px 0 0;}
.header .logo img,.header .slogen img{ display: block;}

.nav{ width: 1140px; height: 53px; margin: 0 auto;}
.nav ul li{ float: left; width:228px; /*width: 163px;*/ height: 53px; font-size: 18px;overflow: hidden;}
/*.nav ul li:first-child{ width: 162px;}*/
.nav ul li a{ display: block; width: 100%; height: 50px; background: #2c77ac; border-bottom: 3px solid #1a5e8e; line-height: 50px; text-align: center; color: #fff;}
.nav ul li a.current,.nav ul li a:hover{ background: #1a5e8e; text-decoration: none; }

/*  ËÑË÷СÖúÊÖ*/
.search_bar{ float: left; width: 100%; height: 77px; margin-top: 20px; overflow:hidden;}
.ssxzs{ float: left; width: 202px; height: 77px;}
.search{ float: right; width: 920px; height: 77px; background:#ebebeb; padding-right: 15px;}
.search h4{ float: left; font-weight: normal; width: 83px; height: 32px; line-height: 32px; text-align: center;}
.search .txt{ height: 30px; border:1px solid #d1d1d1; border-right:none; float: left; line-height: 30px; text-indent: 10px; cursor:text; color:#999;}
.search .btn{ float: left; border:1px solid #d1d1d1; border-left:none; width: 36px; height: 32px; background:url(2017ax_index_search.png) no-repeat center center #fff; cursor:pointer;}
.znwd{ float: left; padding-top: 5px;}
.znwd .txt{ width: 800px;}
.znjs{ float: left; margin-top: 3px;}
.znjs .txt,.qwjs .txt{ width: 310px;}
.qwjs{ float: right; margin-top: 3px;}

.footer{ background: #2c77ac; padding: 50px 0 40px 0;}
.f-cent{ width: 1045px; margin: 0 auto;}
.f-left{ float: left; width: 200px;}
.f-left img{ vertical-align:middle;}
.f-right{ float: right; color: #fff; line-height: 24px;}

.sideBar{ position: fixed; left:50%; top:20%; margin: -80px 0 0 580px; width: 50px; height: 368px; z-index:999;}
.sideBar li{ font-size: 16px; line-height: 50px; text-align: center; position: relative;}
.sideBar li .sideTit{ display: block; width: 50px; height: 50px; background: #2c77ac; color: #fff; margin-top: 3px;}
.sideBar li .sideTit:hover{ background: #1a5e8e; text-decoration: none;}
.sideBar .sideCell{ display: none; position: absolute; right:50px; top:0; padding-right: 10px;}
.sideBar .app{padding: 5px; background:#fff; font-size:12px; line-height:14px;}
.sideBar .app img{ display: block; width: 80px; height: 80px;}

@media screen and (max-width:1140px){
	.top-cent,.header,.nav{width: 100% !important;}
	.nav ul li{width: 33% !important;}
	.nav{height: auto !important;float:left;margin-bottom: 20px;border-bottom: 3px solid #1a5e8e;background: #2c77ac;}
	.nav ul li a{border: 0;background: none;}
}
@media screen and (max-width:1045px){
	.f-cent{width: 100% !important;text-align: center;}
	.f-left{float: inherit;margin: 0 auto;}
	.f-right{float: inherit;}
}
@media screen and (max-width:700px){
	.header .slogen{display: none;}
	.header .logo img{margin: 0 auto;}
}
@media screen and (max-width:520px){
	.top-cent p.fr{display: none;}
}
@media screen and (max-width:390px){
	.header .logo img{width: 100% !important;}
}