@charset "utf-8";
/* 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:#444;}
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:#444;}
a:hover{ text-decoration:underline;}
a:active{outline: none;star:expression(this.onFocus=this.blur());}

.fl{ float: left;}
.fr{ float: right;}
.clear{ clear:both;}
.mt20{ margin-top: 20px;}

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

.wrapper{ background: url(2017_hnmj_bg2.png) no-repeat center bottom;}

.top{ background: url(2017_hnmj_top.png) no-repeat center top; height: 35px; line-height: 35px; box-shadow: 0 3px 3px #ccc; overflow: hidden;}
.topCent{ width: 1140px; margin: 0 auto;}
.topLeft{ float: left; color: #a0a0a0;}
.topRight{ float: right; color: #a0a0a0;}
.weather{ float: right; height: 24px; background: url(2017_hnmj__index_icon05.png) no-repeat 8px 8px; padding-top: 4px;}

.header{ width: 1140px; height: 198px; margin: 0 auto;}
.header .logo{ float: left; width: 376px; height: 130px; padding: 37px 0 0 3px;}
.header .slogan{ float: right; padding: 152px 25px 0 0;}

.nav{ width: 100%; height: 50px; background: #9f1313;}
.nav ul{ width: 1140px; margin: 0 auto;}
.nav ul li{float: left;width: 142.5px;height: 50px;line-height: 50px;background: url(2017_hnmj_nav_li.png) no-repeat left center;font-size: 18px;text-align: center;}
.nav ul li:first-child{ background: none;}
.nav ul li a{ color: #fff;display: block;width: 100%;}
.nav ul li a.cur{ font-weight: bold; color: #ecee2e;}
.nav ul li a:hover{ text-decoration: none; color: #ecee2e;}

.friendLink{ background: #f0f0f0; padding: 20px 0;}
.friendLinkCont{ width: 1140px; margin: 0 auto;}
.friendLinkCont h2{ float: left; /*width: 82px;*/ font-size: 16px; line-height: 24px; margin-left: 10px; padding-top: 16px;}
.friendLinkList{ float: left; width: 803px; border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1;padding-left: 30px; margin-left: 25px;}
.friendLinkList ul li{ float: left; width: 73px; height: 26px; line-height: 26px;}
.friendLinkList ul li a{ color: #b4b4b4;}
.friendLinkList ul li a:hover{ color: #9f1313;}
.friendLinkCont .more{ float: right; display: block; width: 166px; height: 52px; background: #9f1313; font-size: 16px; line-height: 52px; text-align: center; color: #fff; border-radius: 3px; margin-top: 10px;}

.bottom{ height: 40px; line-height: 40px; background: #f0f0f0;}
.bottom p{ text-align: center;}
.bottom p a{ margin: 0 18px;}

.footer{ background: #9f1313; padding: 30px 0 20px; text-align: center;}
.footer p{ color: #fff; line-height: 25px; margin-top: 10px;}
.footer p a{ color: #fff;}

@media screen and (max-width: 1140px) {
	.top,.topCent,.header,.nav ul,.friendLinkCont,.footer{width: 100%;}
	.weather,.friendLinkCont h2,.header .slogan{display: none;}
	.nav ul li{width: 14%;}
	.friendLinkList{width: 75%;}
	.friendLinkCont .more{width: 15%;}
} 
@media screen and (max-width: 800px) {
	.nav ul li{overflow: hidden;font-size: 14px;}
} 
@media screen and (max-width: 700px) {
	.friendLinkList{width: 88%;}
	.friendLinkCont .more{width: 100%;}
} 
@media screen and (max-width: 420px) {
	.header .logo a img{width: 100%;}
}