@charset "utf-8";
/* CSS Document */
body{ background: #fff;}
/*列表*/
.news_list ul li{ height: 38px; position: relative; line-height: 38px; padding: 2px 0 2px 15px; background: url("../images_nmx/dot.png") left center no-repeat; font-size: 18px;}
.news_list ul li a{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news_list ul li .date{ color: #999; font-size: 16px; position: absolute; right: 0px; top:2px;}
/*头部*/
.nmx_head{ height: 400px; background: url("../images_nmx/bannerbg.png") center top no-repeat;}
.nmx_head .nmx_logo{  margin-top: 16px;}
.nmx_head .img_title{ display: none;}
.nmx_head .nmx_banner{  margin-top: 28px;}
.nmx_head .container{ position: relative;}

.guidang{position: absolute; right: 0; top: 0; z-index: 10; pointer-events: none; }
@media (max-width: 768px){
    .guidang{ width: 150px !important; height: 150px !important; background-size: 100% 100% !important;}
    .ls-article .guidang{top: 20px;}
}

.nmx_head .guidang{ top: 45px;}

.nmx_head .zt-toplink{  position: absolute; right:0; top:10px;}
.nmx_head .zt-toplink li{ float: left; line-height: 32px; margin-left: 10px;  height: 32px; font-size: 16px; color: #fff;}
.nmx_head .zt-toplink li a{ color: #fff; display: block; padding: 0 10px; border-radius: 5px; -moz-border-radius: 5px;   background: rgba(0, 0, 0, 0.4); }
.nmx_menubox .navbar{ background: #C70E0E;}
.nmx_menubox .navbar-nav{ padding:0px; float: none;}
.nmx_menubox .navbar-nav li{width:20%;height:60px;  background:url(../images_nmx/menuline.png) right center no-repeat; }
.nmx_menubox .navbar-nav li a{ height:60px;line-height:60px; font-size:24px; }
.nmx_menubox .navbar-nav li a:hover,.nmx_menubox .navbar-nav li.on a{color:#fff;background:#a90c0c;}
.nmx_menubox .navbar-nav li.last{ background: none;}

/*图片轮播*/
.flash{  width: 640px;height:360px;overflow: hidden; margin: 30px 0 37px;}
.flash .flashPic .title{display: block; height: 42px; line-height:42px; padding: 0 120px 0 20px; font-size: 16px;font-weight: normal; background: rgba(0, 0, 0, 0.5); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: absolute; left: 0; right: 0; bottom: 0; color: #fff;}
.flash .flashNum{ height:10px; overflow:hidden; position:absolute; right:6px; bottom:16px; z-index:1; }
.flash .flashNum ul{ overflow:hidden; zoom:1; float:left;}
.flash .flashNum ul li{ float:left; margin-right:9px; width:10px; height:10px;  font-size: 0; background:#fff!important;border-radius: 50%; overflow: hidden; cursor: pointer; }
.flash .flashNum ul li.on{background:#E22929 !important;}
.flash-slide{position: relative;height:100%; width: 100%;}
.flashPic,.flashPic ul,.flashPic li,.flashPic img,.flashPic a{height:100% !important; width: 100% !important; }
.flash-slide .flashPic{ position:relative; z-index:0;}
.flash-slide .flashPic li{ zoom:1; vertical-align:middle;}
.flash-slide .flashPic a{display:block; color: #fff; position: relative;}
.flash-slide .flashPic img{display:block;}
.flash-slide .flashPic a:hover .title{color: #fff;}
/*暖民心 见行动*/
.xdbox{ width: 532px; padding-top: 20px;}
.xd_tab{ height: 46px; background: url("../images_nmx/titlebg.png") right 34px no-repeat;}
.xd_tab a{ font-size: 24px; font-weight: bold; color: #C70E0E; padding-right: 12px;}
.xdbox .news_list ul li a{ max-width: 430px;}
/*十项*/
.gray{ background: #f8f8f8;}
.in_tabxd{ height: 60px; margin-top: 13px; background: url("../images_nmx/sec1bg.png") bottom repeat-x; text-align: center;}
.in_tabxd ul li{ display: inline; padding: 0 27px; background: url("../images_nmx/secline.png") right center no-repeat;}
.in_tabxd ul li a{ font-size: 24px; padding: 0 8px; display: inline-block; line-height: 60px;}
.in_tabxd ul li.active a{ color: #c70e0e; font-weight: bold; background: url("../images_nmx/sec2.png") center bottom repeat-x;}
.ten_xdbox{ padding: 20px 0 25px; overflow: hidden;}
.nmx_hftu ul li{ margin-bottom: 20px;}
.nmx_hftu ul li .img_title{ display: none;}
.nmx_hftu img{ width: 100%; height: auto;}
.ten_wz{ height: 200px; overflow:hidden;}
.ten_wz ul li{ height: 36px; line-height: 36px; width: 574px; float: left; font-size: 16px;}
.ten_wz ul li.even{ float: right;}
.ten_wz ul li a{ max-width: 490px;}
.ten_wz ul li .date{ font-size: 14px;}
/*地图查询*/
.chaxun_tab{ padding-top: 45px; overflow: hidden;}
.chaxun_tab ul li{ width: 270px;height: 50px; float: left; margin: 0 40px 20px 0px; text-align: center; position: relative;}
.chaxun_tab ul li:nth-of-type(4n){ margin-right: 0px;}
.chaxun_tab ul li a{ border-radius: 5px;border: 1px solid #C70E0E; background: #fff; display: block; line-height: 48px; font-size: 18px; }
.chaxun_tab ul li.active a{ background:#C70E0E; font-weight: bold; color: #fff;}
.chaxun_tab ul li i{ position: absolute; width: 100%; height: 9px; background: url("../images_nmx/secdot.png") center bottom no-repeat; left: 0px; bottom: -9px; display: none;}
.chaxun_tab ul li.active i{ display: block;}
.cxbox{ height: 245px; margin-bottom: 45px; padding: 30px 20px 25px 15px; background: #fff;}
.cx_list{ width: 286px; height: 245px;}
.cx_list ul{ height: 245px!important;}
.cx_list ul li{ height: auto; margin-bottom: 14px; }
.cx_list ul li a{ font-size: 16px; display: block;line-height: 30px;background: url("../images_nmx/ditu.png") left 4px no-repeat; padding-left:33px; }
.cx_list ul li.active a{ color: #C70E0E; background:url("../images_nmx/ditu_h.png") left center no-repeat;}
.cx_tu{ margin-left: 322px;}
.cx_tu img{ width: 100%; height: auto;}
/*风采展示*/
.scroll_pic{ margin: 50px 0 30px; overflow: hidden; position: relative; z-index: 1;}
.scroll_pic .prev,.scroll_pic .next{ position: absolute; top:81px; width:28px; height: 38px; z-index: 9; }
.scroll_pic .prev{ left: 0px; background: url("../images_nmx/prev.png") no-repeat;}
.scroll_pic .next{ right:0px; background: url("../images_nmx/next.png") no-repeat;}
.nmx_pic{ width: 100%; height: 243px; overflow: hidden; position: relative; z-index: 2}
.nmx_pic ul li{ width: 275px; float: left; margin-right:33px; text-align: center; }
.nmx_pic ul li img{ width: 100%; height: 199px;}
.nmx_pic ul li .title{ line-height: 44px; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 16px;}
.nmx_pic ul li a:hover img{ width: 269px; height: 193px; border: 3px solid #c70e0e;}
.nmx_pic ul li a:hover .title{ background: #c70e0e; color: #fff;}
/*底部*/
.footer{ border-top: 3px solid #C70E0E;}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    /*图片切换*/
    .flash{  width: 540px;}
    .xdbox{ width: 432px;}
    .xdbox .news_list ul li a{ max-width: 330px;}
    /*十项*/
    .ten_wz ul li{  width: 471px;}
    .ten_wz ul li a{ max-width: 385px;}
    /*地图查询*/
    .chaxun_tab ul li{ width: 233px; margin: 0 20px 20px 0px;}
    /*风采展示*/
    .nmx_pic{ height: 266px; }
    .nmx_pic ul li img{  height: 224px;}
    .nmx_pic ul li{ width: 310px;  margin-right:30px; }
    .nmx_pic ul li a:hover img{ width: 304px; height: 220px; }
}
@media only screen and (max-width:991px) {
    .nmx_head{ height: 340px;}
    .nmx_banner img{ width: 100%; height: auto;}
    .p20{ padding: 0 10px;}
    /*图片切换*/
    .flash{  width: auto; float: none; height: 460px; margin: 15px 0px;}
    .xdbox{ float: none; width: auto; padding-top: 0px; margin-bottom: 15px;}
    .xd_tab{    background: url(../images_nmx/titlebg.png) 162px 34px no-repeat;  background-size: 100% auto;}
    .news_list ul li a{ margin-right: 60px;float:none;}
    .xdbox .news_list ul li a,.ten_wz ul li a{ max-width: none;}
    .in_tabxd ul li{ padding: 0 10px;}
    .ten_wz{ height: auto;}
    .ten_wz ul li{  width:auto; float: none; }
    .ten_wz ul li.even{ float: none;}
    .chaxun_tab ul li{ width: 167px; margin: 0 10px 15px;}
    .cx_list{ width: 256px;}
    .cx_tu{margin-left: 276px;}
    /*风采展示*/
    .nmx_pic{ height: 215px; }
    .nmx_pic ul li img{  height: 171px;}
    .nmx_pic ul li{ width: 236px;  margin-right:20px; }
    .nmx_pic ul li a:hover img{ width: 230px; height: 165px; }
}
@media (max-width:767px) {
    .nmx_head{ height: auto; padding-bottom: 20px;}
    .nmx_head .zt-toplink{ float: right; position: static; margin:10px 10px 0 0;}
    .nmx_head .nmx_logo{ width: 100%;}
    .in_tabxd{ height: auto;}
    .navbar-default .navbar-toggle .icon-bar{ background-color: #fff;}
    .nmx_menubox .navbar-nav{ margin:0px; }
    .nmx_menubox .navbar-nav li{ background: none; height: 46px; border-top:1px solid #fff;}
    .nmx_menubox .navbar-nav li a{ height: 46px; line-height: 46px; font-size: 18px;}
    .navbar-collapse{ border-top:none;}
    .navbar-default .navbar-brand{ font-weight: bold;}
    .nmx_menubox .navbar-nav li.first{ display: none;}
    /*图片切换*/
    .flash{  height: 400px; margin: 10px 0px;}
    .in_tabxd ul li a{ line-height: 48px;}
    .ten_xdbox{ padding: 10px 0px;}
    .nmx_hftu ul li{ margin-bottom: 10px;}
    .chaxun_tab{ padding-top: 10px;}
    .chaxun_tab ul li{ width: 31.33%; margin: 0 1% 15px;}
    .chaxun_tab ul li:nth-of-type(4n){ margin-right: 1%;}
    .cx_list{ float: none; width: auto;}
    .cxbox{ height: auto; padding: 15px; margin-bottom: 10px;}
    .cx_tu{ margin-left: 0px; margin-top: 10px;}
    .scroll_pic{ margin: 10px 0px;}
}
@media (max-width:600px) {
    /*图片切换*/
    .flash{  height: 360px;}
}
@media (max-width:500px) {
    /*图片切换*/
    .flash{  height: 320px;}
    .chaxun_tab ul li{ width: 48%;margin: 0 1% 10px;}
}
@media (max-width:400px) {
    /*图片切换*/
    .flash{  height: 280px;}
}
@media (max-width:369px) {
    /*图片切换*/
    .flash{  height: 240px;}
}
@media (max-width:339px) {
    /*图片切换*/
    .flash{  height: 220px;}
}
/***************暖心地图**************/
.lm_ditu .cxbox{height: 445px;}
.lm_ditu .cx_list{  height: 445px;}
.lm_ditu .cx_list ul{ height: 445px!important;}
.columnname{ color: #c70e0e;}
.navjz ul li.columnName .title, .navjz ul li.columnName .title:hover{ color:#c70e0e;}
/*分页/翻页*/
.pagination a:hover{background:#c70e0e;border:1px solid #c70e0e;}
.pagination a.active{border:1px solid #c70e0e;}
.pagination span.current,.pagination span.current:hover{background:#c70e0e;border:1px solid #c70e0e;}
.pagination a.text,.pagination a.text:hover{background:#c70e0e;border:#c70e0e 1px solid;}
.pagination .go-page {border: #c70e0e 1px solid;background: #c70e0e;}

