@charset "utf-8";

/*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:15px; cursor:default; color:#000;}
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:#000;}
a:hover{ text-decoration: underline; color: #0e58b1;}
a:active{outline: none;star:expression(this.onFocus=this.blur());}

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

body{ background:url(body_bg.png) no-repeat #FFF;}

.top{ height:30px; width:100%; background:#2586f0;}
.top-box{ max-width:1180px; margin:0 auto;}
.top-box p{ color:#FFF; font-size:12px; line-height:30px; margin-left:8px;}
.top-box ul{ color:#FFF;}
.top-box ul li{ float:left; color:#FFF; line-height:30px; font-size:12px;}
.top-box ul li a{ color:#FFF; margin:0 5px;}

.header{ width:1180px; height:200px; margin:0 auto;}
.logo{ width:502px; height:112px; margin-top:50px; position:relative;} 
.header p{ width:376px; height:60px; line-height:60px; text-align:center; position:absolute; left:126px; bottom:0; font-size:38px; font-weight:bold; color:#cc0000; z-index:-1;text-shadow:#FFF 1px 0 0,#FFF 0 1px 0,#FFF -1px 0 0,#FFF 0 -1px 0;-webkit-text-shadow:#FFF 1px 0 0,#FFF 0 1px 0,#FFF -1px 0 0,#FFF 0 -1px 0;-moz-text-shadow:#FFF 1px 0 0,#FFF 0 1px 0,#FFF -1px 0 0,#FFF 0 -1px 0;*filter: Glow(color=#FFF, strength=1);}

.focus{ z-index:5;width:455px; height:200px; overflow:hidden;}
.focus .bd{ height:200px; z-index:0;}
.focus .bd,.slideBox .bd ul,.slideBox .bd li{ width:455px !important; height:200px !important;}
.focus .bd li{ zoom:1; vertical-align:middle;}
.focus .bd li img{ display:block; width:455px; height:200px;}

.tool{ width:223px; height:163px; padding-top:37px;}
.weather{ width:180px; height:100px; margin:0 auto; background: url(weather.png) no-repeat; padding-top: 5px;}
.serch{ width:218px; height:30px; margin:12px auto 0; border:1px solid #aaaaaa;}
.serch .text{ width:188px; height:30px; text-indent:10px; border: 0; display:block; float:left; background:url(serch-text.png) repeat-x; border-right:none; cursor: text;outline:none;-webkit-appearance:none;}
.serch .button{ width:30px; height:30px; line-height:30px; border: 0; display:block; float:left; background:url(serch.png) no-repeat;cursor:pointer;outline:none;-webkit-appearance:none;}

.nav{ width: 1180px; height: 56px; line-height: 56px; margin: 0 auto; background:url(nav_blue_bg.png) repeat-x;}
.nav ul li{ float: left; width: 118px; font-size: 16px; text-align: center;position:relative;}
.nav ul li.mainli{ background: url(hnbemc-blue-nav.png) no-repeat left center;}
.nav ul li:first-child{ background: none;}
.nav ul li a{ color: #fff;}
.nav ul li a:hover{ text-decoration: none;}
ul.subs{display: none; position: absolute; left: 0; top: 56px; background-color: #fff; background-image: none !important; z-index: 50; width: 100%; border: 1px solid #ccc;}
ul.subs li{ width:100%; background: none; text-align: left; text-indent: 33px; line-height:30px;font-size:14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
ul.subs li:first-child{ width:100%;}
ul.subs li a { display:block; color:#000; width:100%; height:100%;}
ul.subs li a:hover{ color:#1c8450;}
ul.subitem16{ display:none !important;}
ul.subitem17,ul.subitem18{ width:266px;}
ul.subitem17 li,ul.subitem17 li:first-child,ul.subitem18 li,ul.subitem18 li:first-child{ width: 133px; display: inline-block; *display:inline; zoom:1;}

.main{ max-width:1150px; padding:0 15px 20px; margin:0 auto; height:auto; overflow:hidden; background:#FFF;}

/* 焦点图 */
.slideBox{ float:left; width: 639px; height: 370px; position:relative; z-index:5; overflow:hidden;}
.slideBox .hd{ height:10px; overflow:hidden; position:absolute; right:15px; bottom:33px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;}
.slideBox .hd ul li{ float:left; margin-left:5px; width: 10px; height:10px; background:#fff; font-size: 0px; line-height: 999px; cursor:pointer; overflow:hidden;}
.slideBox .hd ul li.on{ background:#d30706;}
.slideBox .bd{position:relative; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle; position:relative;}
.slideBox .bd li p{ position:absolute; left:0; top:340px; width: 639px; height:30px; background:rgba(0,0,0,0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cf000000,endColorstr=#cf000000); line-height:30px; text-indent:10px;   font-size:14px; color:#d9d9d9; text-align:left; cursor:pointer;}
.slideBox .bd img{ width:639px; height:370px;}
.slideBox .bd img {height:auto !important;}
.slideBox .more{ position: absolute; right: 10px; bottom: 5px; font-size: 14px; color: #fff; z-index: 9;}


.top-vert{ width:1150px; height:80px; position: relative; overflow: hidden;}
.top-vert .vert_frBtnL,.top-vert .vert_frBtnR{cursor:pointer;display:inline;float:left;height:80px;width:35px; position: absolute; left:0; top:0; z-index: 9;}
.top-vert .vert_frBtnR{ left: auto; right: 0;}
.top-vert ul li{ float:left; height:80px;width:1150px;overflow:hidden;}
.top-vert ul li a{ display: block; width: 100%; height: 100%;}
.top-vert ul li a img{ width:1150px; height:80px;}


/* news */
.news{ width:495px; height:370px; margin-left:15px; overflow: hidden;}
.box .title{ height: 48px; border: 1px solid #d9d9d9; background: url(hnbemc-dwbm-titlebg.png) repeat-x; line-height: 48px;}
.box .title ul{ float: left; margin-top:-1px;}
.box .title ul li{ float: left; width: 90px; height: 48px; line-height: 48px; font-size: 16px; text-align: center; cursor: pointer;}
.box .title ul li.on{ border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; height: 47px; line-height: 47px; font-weight: bold;background-color: #fff; border-top: 3px solid #0e58b1; color: #0e58b1;}
.box .title ul li:first-child.on{ border-left: 0;}
.box .title .more{ float: right; font-size: 12px; padding-right: 10px;}
.box .title .more a:hover{ color: #0e58b1;}
.box .list{ height:297px; border: 1px solid #d9d9d9; border-top: 0; padding: 22px 16px 0; overflow: hidden;}
.box .list a:hover{ color: #0e58b1;}
.box .list h2{ background:url(hnbemc-dwbm-daodu.png) no-repeat 0px 5px; height:50px; font-size:18px; font-weight:bold; padding-left:35px; padding-bottom:22px; margin-bottom:5px; border-bottom:1px dashed #d9d9d9; position: relative;}
.box .list h2 a:hover{ color: #0e58b1;}
.box .list h2 .date{ position: absolute; right:0; top:50px; font-size:12px; color:#999; font-weight:normal;}
.box .list ul li{ background: url(hnbemc-dian.png) no-repeat left center; padding-left: 8px; height: 30px; line-height: 30px; vertical-align: top; overflow: hidden;}
.box .list ul li a{ float: left; max-width:85%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color:#000;}
.box .list ul li span.date{ float: right; font-size: 12px; color: #999;}
.box .list a:hover{ color: #0e58b1;}

.column-04 .list ul li a{ max-width:100%;}
.column-04 .list ul li .date{ display: none;}

/* 广告2 */
.special{ max-width:1150px; max-height:80px;}
.special .special_frbox{height:100%;}
.special .advert_frBtnL{cursor:pointer;display:inline;float:left;max-height:80px;width:35px;}
.special .advert_frUl{float:left;max-height:80px;width:1065px; overflow: hidden;}
.special .advert_frBtnR{float:right;cursor:pointer;width:35px;max-height:80px; margin-left:15px; }
.special .advert_frUl ul li{display:inline;float:left;max-height:80px;width:340px;overflow:hidden; margin-left:15px;}
.special .advert_frUl ul li a img{width:100%;}

/* 栏目 */
.column-01{ width:280px; height:309px; overflow: hidden; border-bottom: 1px solid #d9d9d9;}
.column-01 .list{ height: 250px; padding-top:15px;}
.column-01 .side-column ul li{ max-width:85.7%; height:48px; line-height:48px; margin-bottom:12px; padding-left:41.4%; overflow: hidden;}
.column-01 .side-column ul li.side-column01{ background: url(hnbemc-dwbm-sidecolumn01.png) no-repeat;}
.column-01 .side-column ul li.side-column02{ background: url(hnbemc-dwbm-sidecolumn02.png) no-repeat;}
.column-01 .side-column ul li.side-column03{ background: url(hnbemc-dwbm-sidecolumn03.png) no-repeat;}
.column-01 .side-column ul li.side-column04{ background: url(hnbemc-dwbm-sidecolumn04.png) no-repeat;}
.column-02{ width:450px; height:310px; margin-left:15px;}
.column-02 .list{ height: 250px; padding-top:10px;}
.column-02 .pic{ width:450px; height:80px; padding:6px 0;}
.column-02 .pic img{ width:120px; height:80px; display:block; float:left;}
.column-02 .pic h3{ width:300px; margin-left:10px; padding-top:33px; float:left;}
.column-02 .pic h3 a{ color:#333333;}
.column-03{ width:390px; height:310px; margin-left:15px;}
.column-03 .list{ height: 250px; padding-top:10px;}
.column-03 .pic{ width:390px; height:80px; padding:6px 0;}
.column-03 .pic img{ width:120px; height:80px; display:block; float:left;}
.column-03 .pic h3{ width:260px; padding:0 5px; float:left;}
.column-04{ width:280px; height:245px;}
.column-04 .list{ height: 190px; padding-top:10px;}
.column-05{ width:450px; height:245px; margin-left:15px;}
.column-05 .list{ height: 190px; padding-top:10px;}
.column-06{ width:390px; height:245px; margin-left:15px;}
.column-06 .list{ height: 190px; padding-top:10px;}
.column-06 .list .advert{ max-width:100%;}
.column-07{ width:1150px; height:210px;}
.column-07 .title{ height: 48px; border: 1px solid #d9d9d9; background: url(hnbemc-dwbm-titlebg.png) repeat-x; line-height: 48px;}
.column-07 .title ul{ float: left; margin-top:-1px;}
.column-07 .title ul li{ float: left; width: 105px; height: 48px; line-height: 48px; font-size: 16px; text-align: center; cursor: pointer;}
.column-07 .title ul li.on{ border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; width: 105px; height: 47px; line-height: 47px; font-weight: bold;background-color: #fff; border-top: 3px solid #0e58b1; color: #0e58b1;}
.column-07 .title ul li:first-child.on{ border-left: 0;}
.column-07 .title .more{ float: right; font-size: 12px; padding-right: 10px;}
.column-07 .list{ width:1150px; position:relative; padding:12px 0 0; border-left:none; border-right:none;}

.column-02 .list,.column-05 .list{ border: 0;}
ul.brochannel{ font-size: 0px; text-align:center;}
ul.brochannel li{ display: inline-block; *display:inline; zoom: 1; width: 120px; height: 45px;}
ul.brochannel li a{ display: block; border: 1px solid #dcdcdc; border-left: 0; width: 119px; height: 43px; background-color: #eee; font-size: 16px; line-height: 43px; text-align: center;}
ul.brochannel li:first-child a{ border-left: 1px solid #dcdcdc; width:118px;}
ul.brochannel li.cur a,.container ul li a:hover{ text-decoration: none; color: #fff; background-color: #0e58b1; border-color: #2d7ed8;}

/* 专题 */
.mien .mr_frbox{max-height:150px; position:relative; overflow: hidden;}
.mien .mr_frBtnL{cursor:pointer;display:inline;max-height:150px;width:35px; position:absolute; left:0; z-index:1;}
.mien .mr_frUl{float:left;max-height:150px;width:1150px; overflow: hidden;}
.mien .mr_frBtnR{cursor:pointer;width:35px;max-height:150px; position:absolute; right:0;}
.mien .mr_frUl ul li{display:inline;float:left;max-height:150px;width:218px;overflow:hidden; margin-right:15px; position: relative;}
.mien .mr_frUl ul li a img{/*width:100%;*/height:150px;}
.mien .mr_frUl ul li p{ position:absolute; left:0; bottom:0; width: 100%; height:30px; background:rgba(0,0,0,0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cf000000,endColorstr=#cf000000); line-height:30px; text-align: center; font-size:14px; color:#fff; cursor:pointer;}


.column-08{ width:1150px;}
.column-08 .list{ padding:10px 20px; height: auto;}
.column-08 .friend ul{ font-size: 0px;}
.column-08 .friend ul li{ width:209px; overflow: hidden; display: inline-block; *display:inline; zoom: 1; background:url(hnbemc-dwbm-dian.png) no-repeat 0px center; padding-left: 12px;}
.column-08 .friend ul li a{ max-width:100%; margin-left:13px;}

.footer{ background:#0e58b1; min-height:100px; width:100%; margin-top:30px;}
.footer .bottom{ width:500px; margin:0 auto; padding-top:20px;}
.banquan{ margin-left: 90px;}
.banquan p{ color:#fff;}
.banquan p a{ color:#fff;}

.mobile-search{ display: none;}

@media screen and (max-width: 1180px){
	.header,.nav{ width: 100%; overflow: hidden;}
	.focus{ display: none;}
	.tool{ float: right !important;}
	.nav ul li{ width: 10%;}
	
	.main{ width: 99%; padding: 0 0.5% 10px;}
	
	.box .list{ padding: 12px 1.5% 0;}
	
	.top-vert{ width: 100%; float: none !important;}
	.top-vert ul li{ width: 100% !important;}
	
	.slideBox{ width: 55%;}
	.slideBox .bd,.slideBox .bd ul,.slideBox .bd li,.slideBox .bd li p,.slideBox .bd img{ width: 100% !important;}
	.slideBox .bd img {height:auto !important;}
	
	.news{ width: 44%; margin-left: 1%; box-sizing: border-box;}
	.news .list{ height: 307px !important;}
	
	.column-01{ width: 100%; box-sizing: border-box; height: auto; border-bottom: 0;}
	.column-01 .list{ height: auto; padding: 10px 0.5% 10px;}
	.column-01 .side-column ul{ font-size: 0px;}
	.column-01 .side-column ul li{ display: inline-block; width: 24%; max-width: none; padding-left: 0; text-align: center; background: #d9d9d9 !important; margin: 0 0.5% 0;}
	.column-01 .side-column ul li a{ max-width: 100%; display: block; width: 100%;}
	.column-02 .list,.column-05 .list{ border: 1px solid #d9d9d9; border-top: 0;}
	.column-02,.column-03{ width: 49.5%; margin-left: 0;}
	.column-03{ float: right !important;}
	.column-04{ width: 49.5%; height: 250px; margin-top: 10px;}
	.column-04 .list ul li .date{ display: block;}
	.column-04 .list ul li a{ max-width:85%;}
	.column-05{ width: 49.5%; height: 250px; margin-left: 1%; margin-top: 10px;}	
	.column-06{ width: 49.5%; margin: 10px 0 0 0;}
	.column-07,.column-07 .list{ width: 100%;}
	.column-08{ width: 100%; min-height: inherit; height: auto; display: none;}
	.footer{ margin-top: 0px;}
	
	ul.brochannel{ }
	ul.brochannel li{ width: 20%;}
	ul.brochannel li a,ul.brochannel li:first-child a{ box-sizing: border-box; border: 1px solid #dcdcdc; width: 100%; height: 100%;}
}

@media screen and (max-width: 768px){
	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{ font-size: 14px;	}
	.mt{ margin-top: 10px;}
	ul.subs{display:none !important;}
	.header{ height: auto; padding: 20px 0;}
	.logo{ float: none !important; width: 100%; height: auto; text-align: center; margin: 0;}
	.logo img{ width: 70%; height: auto;}
	.tool{ width: 100%; float: none; height: auto; margin: 0 auto; display: none; padding: 0;}
	.weather{ display: none;}
	.tool .serch{ margin: 0 auto; display: none !important;}
	
	.top-vert{ height: 60px;}
	.top-vert .vert_frBtnL,.top-vert .vert_frBtnR{ width: 30px; height: 60px; background-size: 100% 100%; opacity: .5;}
	.top-vert ul li{ height: 60px !important;}
	.top-vert ul li a{ background-size: 50% 60px !important;}
	
	.slideBox{ width: 100%; float: none; margin-top: 10px;}
	.slideBox,.slideBox .bd,.slideBox .bd ul,.slideBox .bd li,.slideBox .bd img{ height: 330px !important;}
	.slideBox .bd img {height:auto !important;}
	.slideBox .bd li p{ top:auto; bottom: 0;height:30px;line-height:30px;}
	
	.news{ width: 100%; margin-left: 0; height: auto;}
	
	.box .list{ height: auto !important; padding: 10px 2%;}
	
	.column-02,.column-03,.column-04,.column-05,.column-06{ width: 100%; height: auto; margin-left: 0;}
	
	.footer{ min-height: inherit; padding: 20px 0;}
	.footer .bottom{ width: 100%; padding: 0;text-align:left;}
	.xiaohui,.banquan,.banquan p{ float: none; text-align: center;}
	.banquan{ padding-top: 10px; line-height: 24px; margin-left: 0;}
	
	ul.brochannel li{ width: 25%;}
}

@media screen and (max-width: 600px){
	.nav{ height:auto; line-height: 30px; background: #0e58b1; overflow: hidden;}
	.nav ul li{ width: 20%; font-size: 14px;}
	
	.slideBox,.slideBox .bd,.slideBox .bd ul,.slideBox .bd li,.slideBox .bd img{ height: 300px !important;}
	.slideBox .bd img {height:auto !important;}
}

@media screen and (max-width: 480px){
	.logo img{ width: 90%;}
	
	.top-vert ul li a{ background-size: 70% 60px !important;}
	
	.slideBox,.slideBox .bd,.slideBox .bd ul,.slideBox .bd li,.slideBox .bd img{ height: 260px !important;}
	.slideBox .bd img {height:auto !important;}
	/*.slideBox .more{ top: 15px;}*/
	.slideBox .bd li p span{ display:block; width:80%; overflow:hidden; white-space: nowrap; text-overflow:ellipsis;}
	
	.box .title,.column-07 .title{ height: 39px; border: 1px solid #d9d9d9; line-height: 39px;}
	.box .title ul li,.column-07 .title ul li{ width: 90px; height: 39px; line-height: 39px; font-size: 14px;}
	.box .title ul li.on,.column-07 .title ul li.on{ height: 39px; line-height: 39px;border-top: 2px solid #0e58b1;}
	
	
	.mobile-search{ display: block; position: relative; width: 97%; margin: 0 auto 13px !important;}
	.mobile-search .text{ width: 100%;}
	.mobile-search .button{ position: absolute; right: 0;}
	
	ul.brochannel{ text-align:justify;}
	ul.brochannel li{ width: 50%;}
}

@media screen and (max-width: 380px){
	.column-07{ height: auto;}
	.mien .mr_frbox{ min-height: inherit; height: 117px;}
	.mien .mr_frBtnL,.mien .mr_frBtnL img,.mien .mr_frBtnR,.mien .mr_frBtnR img{ width: 27px; height: 117px;}
	.mien .mr_frUl ul li,.mien .mr_frUl ul li img{ width: 185px; height: 117px;}
	.mien .mr_frUl ul li{ margin-right: 10px;}
}

@media screen and (max-width: 360px){
	.slideBox,.slideBox .bd,.slideBox .bd ul,.slideBox .bd li,.slideBox .bd img{ height: 220px !important;}
	.slideBox .bd img {height:auto !important;}
	
	.mien .mr_frUl ul li,.mien .mr_frUl ul li img{ width: 175px;}	
}