/* 背景图/公共样式*/
body, html {/*background: #f2f6f7 url(/hzsthjwz/xhtml/hzsthjwz/public/images/bodybg.jpg) repeat-x;*/ margin: 0px; padding: 0px; font-size: 0.875rem; font-family: "Microsoft YaHei"; }
a { text-decoration: none; color: #333; }
* { padding: 0; list-style: none; border: none; }
ul { list-style: none; padding: 0px; margin: 0px; }
/* 第一层 */
.firstFloorMargin { width: 1200px; margin: 0px auto; background-color: #FFF; height: auto; }
.firstFloorMargin .firstFloorLeft { width: 780px; float: left; height: 301px; padding: 15px; }
/* 轮播图 */
#focus { width: 790px; height: 350px; overflow: hidden; position: relative; margin: 0 auto; float: left; }
#focus ul { height: 350px; position: absolute; margin: 0; padding: 0; }
#focus ul li { float: left; width: 790px; height: 350px; overflow: hidden; position: relative; background: #000; }
#focus ul li div.photo_bt { position: absolute; bottom: 9px; left: 10px; font-size: 15px; color: #ffffff; z-index: 1; font-size: 15px; width: auto; overflow: hidden; }
#focus .btnBg { position: absolute; width: 790px; height: 32px; left: 0; bottom: 0; background-color: #000; }
#focus .btn { position: absolute; width: 790px; height: 17px; padding: 14px 10px; right: 0px; bottom: 12px; text-align: right; }
#focus .btn span { display: inline-block; _display: inline; _zoom: 1; width: 20px; height: 20px; _font-size: 0; margin-left: 5px; cursor: pointer; background: #c9c9c9; color: #000; text-align: center; }
#focus .btn span.on { background: #f60; color: #fff; }
#focus .preNext { width: 30px; height: 100px; position: absolute; top: 125px; background: url(/picture/0/1805021447100754459.png) no-repeat 0 0; cursor: pointer; }
#focus .pre { left: 0; }
#focus .next { right: 0; background-position: right top; }
#focus ul li img { width: 100%; height: 100%; }
/* 通知公告 */
.firstFloorRight .box .hd, .wBox .wHd { height: 40px; line-height: 40px; overflow: hidden; font-family: "Microsoft YaHei"; background: #2681c3; position: relative; }
.firstFloorRight #notice .hd h3 { background: url(/hzsthjwz/xhtml/hzsthjwz/public/images/icons.png) 12px -80px no-repeat; margin: 0px; }
.firstFloorRight .box .hd h3, .wBox .wHd h3 { font-size: 18px; text-align: left; }
.firstFloorRight .box .hd h3 a, .wBox .wHd h3 a { color: #fff; padding-left: 38px; }
.firstFloorRight .box .hd .more, .wBox .wHd .more a { color: #fff; }
.firstFloorRight .box .hd .more, .wBox .wHd .more { position: absolute; right: 10px; top: 0; display: block; height: 40px; overflow: hidden; }
.firstFloorRight #notice .bd { padding: 2px 0 0; }
.firstFloorRight #notice .topicList .t .intro { font-size: 12px; }
.firstFloorRight .topicList .t .intro .more { color: #ed8233; }
.firstFloorRight a:hover { text-decoration: underline; color: #ed8233; }
.firstFloorRight #notice { width: 100%; }
.firstFloorRight { width: 360px; float: right; padding: 15px; box-sizing: content-box; }
.firstFloorRight .topicList .t .intro { color: #999; text-align: left; line-height: 20px; text-indent: 2em; }
.firstFloorRight .box .bd, .wBox .wBd { padding: 10px 5px; overflow: hidden; }
.firstFloorRight #notice .topicList { font-family: "Microsoft Yahei"; }
.firstFloorRight #notice .topicList .t { height: 114px; background: #f9f9f9; border-left: 3px solid #ed8233; }
.firstFloorRight #notice .topicList li { margin: 15px 0 0; padding: 0; height: 36px; line-height: 36px; background: #fafafa; border-bottom: none; border-left: 3px solid #d5d5d5; padding: 0 10px 0 18px; text-align: left; font-size: 12px; }
.firstFloorRight .topicList .t { padding-bottom: 5px; margin-bottom: 5px; height: auto; text-align: center; border-bottom: 1px dotted #ccc; background: none; }
.firstFloorRight .topicList li.n { height: 22px; line-height: 22px; overflow: hidden; font-size: 12px; }
.firstFloorRight .topicList li { height: 24px; line-height: 24px; overflow: hidden; }
.theSecondfloorMargin { clear: both; }
.theSecondfloorMargin::after { display: block; content: ""; clear: both;}
/* 工作动态 */
.firstfloor { padding: 15px 0px 15px 15px; float: left; margin-top: -10px; }
.firstfloor .more { color: #fff; }
.firstfloor .page_cb { width: 380px; height: 348px; background-color: #fff; float: right; }
.firstfloor .bt_top { width: 100%; height: 50px; background: #2681c3; background-size: cover; overflow: hidden; }
.firstfloor .bt_top span { font-size: 1.25rem; color: #fff; line-height: 50px; padding-left: 36px; background: url(/hzsthjwz/xhtml/hzsthjwz/public/images/icons.png) 10px -6px no-repeat; }
.firstfloor .bt_top a { display: block; width: 3.5rem; height: 2.5rem;  background-position-x: -117px; background-position-y: -6px; float: right; margin: 17px; }
.firstfloor .djzd_con { width: 380px; height: 300px; padding: 10px 20px; border: 1px solid #EEE; box-sizing: border-box; }
.firstfloor .slideTxtBoxa { width: 357px; height: 100%; padding: 0; }
.firstfloor .slideTxtBox .hd { width: 100%; height: 42px; border-bottom: 1px solid #dadada; }
.firstfloor .slideTxtBoxa .hd ul li { font-size: 16px; padding: 0.75rem; }
.firstfloor .slideTxtBox .hd ul li { display: inline-block; line-height: 42px; padding-right: 0.75rem; font-size: 1.25rem; cursor: pointer; color: #333; }
.firstfloor .slideTxtBoxa .bd ul { width: 345px; height: 288px; padding-top: 10px; }
.firstfloor .slideTxtBoxa .bd ul li { height: 29px; line-height: 29px; }
.firstfloor .slideTxtBox .bd ul li i { display: block; width: 6px; height: 6px; background-color: #999; border-radius: 50%; float: left; margin: 11px 10px 11px 0; }
.firstfloor .slideTxtBox .bd ul li a { display: block; width: 256px; height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; }
.firstfloor .slideTxtBox .bd ul li span { display: inline-block; float: right; color: #999; }
.firstfloor .slideTxtBoxa .hd ul li { font-size: 1rem; padding: 0 0.75rem; }
.firstfloor .slideTxtBox .hd ul li.on { border-bottom: 2px solid #0d4b9c; }
.firstfloor .slideTxtBox .hd ul li.on a { color: #0d4b9c; }
.firstfloor .ulDisplay { display: none; }

.firstfloor .djzd_con .imgItem{display: block; width: 100%; height: 69px; padding: 0.1875rem 0px;}
.firstfloor .djzd_con .imgItem .imgBox{display: block; width: 100%; height: 100%;}
.firstfloor .djzd_con .imgItem a{display: block; width: 100%; height: 100%;}
.firstfloor .djzd_con .imgItem a img{display: block; width: 100%; height: 100%;}


/* 第二层 */
.theSecondfloorLeft { width: 805px; float: left; }
/* 政民互动 */
.zhengmingFloor { float: right; margin-top: 5px; }
.zhengmingFloor .page_cb { width: 390px; }
.zhengmingFloor .slideTxtBoxa { width: 100%; height: 100%; padding-top: 30px; }
.zhengmingFloor .djzd_con { width: 388px; padding: 0px; height: 300px; border: 1px solid #EEE; overflow: hidden; }
.zhengmingFloor .slideTxtBoxa .bd ul { padding: 0px; width: 100%; height: 100%; }
.zhengmingFloor .bt_top span { background: url(/hzsthjwz/xhtml/hzsthjwz/public/images/icons.png) 11px -47px no-repeat; font-size: 1.25rem; color: #fff; line-height: 50px; padding-left: 36px; }
.zhengmingFloor .bt_top { background: #ed8233; }
.zhengmingFloor ul li { width: 33%; float: left; text-align: center; margin-bottom: 30px; }
.zhengmingFloor .slideTxtBox .bd ul li a { width: 100%; font-size: 0.9375rem; }
.zhengmingFloor .bt_top { width: 100%; height: 50px; background: #ed8233; background-size: cover; }
.zhengmingFloor h3 { font-size: 18px; text-align: left; }
.zhengmingFloor .more { color: #fff; float: right; margin: 17px; }
.zhengmingFloor .bd { height: 100%; }
/* 政务公开 */
.zhenwugongKaiMargin { width: 376px; float: right; }
.zhenwugongKaiMargin .zhengmingFloor { float: left; }
.zhenwugongKaiMargin .zhengmingFloor .page_cb { width: 360px; }
.zhenwugongKaiMargin .zhengmingFloor .djzd_con { width: 358px; }
.zhenwugongKaiMargin .bt_top { background: #4ba291; }
.zhenwugongKaiMargin .bt_top span { font-size: 1.25rem; color: #fff; line-height: 50px; padding-left: 36px; background: url(/hzsthjwz/xhtml/hzsthjwz/public/images/icons.png) 10px -128px no-repeat; }
.zhenwugongKaiMargin .firstfloor { padding: 15px 0px 15px 0px; }
.zhenwugongKaiMargin .firstfloor .page_cb { width: 360px; }
.zhenwugongKaiMargin .firstfloor .djzd_con { width: 360px; }
.zhenwugongKaiMargin .firstfloor .slideTxtBoxa { width: 338px; }
.zhenwugongKaiMargin .firstfloor .slideTxtBox .bd ul li a { width: 230px; }
.zhenwugongKaiMargin .firstfloor .slideTxtBoxa .bd ul { width: 320px; }
/*空气质量和专题专栏*/
.theSecondbox {padding: 6px 0px 6px 15px; }
.theSecondbox .bt_top { width: 100%; height: 50px; background: #2681c3; background-size: cover; }
.theSecondbox .bt_top span { font-size: 1.25rem; color: #fff; line-height: 50px; padding-left: 36px; background: url(/hzsthjwz/xhtml/hzsthjwz/public/images/icons.png) 10px -6px no-repeat; }
.theSecondbox .bt_top a { display: block; width: 3.5rem; height: 2.5rem; background-position-x: -117px; background-position-y: -6px; float: right; margin: 17px; }
.theSecondbox .more { color: #FFFFFF; }
.theSecondbox .leftCont { padding: 20px 25px; background-color: #ddf1fc;}
/* 标语 */
.Slogan { width: 1200px; margin: 20px auto; }
.Slogan img { width: 100%; }
/*活动轮播图*/
.zwhd { margin: 0px auto 3px; width: 1200px; }
.zwhd .zwhd_carousel { width: 100%; height: 0px; padding-bottom: 8.4%; position: relative; }
#carousel_zwhd { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; }
#carousel_zwhd .swiper-slide a { display: block; width: 100%; height: 100%; position: relative; }
#carousel_zwhd .swiper-slide a img { display: block; width: 100%; height: 100%; margin: 0px auto; }
/*活动轮播图分页*/
.zwhd .swiper_zwhd { text-align: right; position: absolute; right: 0.625rem; bottom: 0.625rem; }
.zwhd .swiper_zwhd .swiper-pagination-switch { display: inline-block; width: 0.9375rem; height: 0.9375rem; background: #ffffff; margin: 0px 0.3125rem; opacity: 0.8; border: 0.0625rem solid #fff; cursor: pointer; }
.zwhd .swiper_zwhd .swiper-active-switch { width: 1.5625rem; background-color: #BB1619; }

@media only screen and (max-width: 1200px) {
.firstFloorMargin { width: 100%; }
.firstFloorMargin .firstFloorLeft { width: 100%; padding: 0px; }
#focus { width: 100%; }
#focus ul li { width: 100%; }
#focus .btnBg { width: 100%; }
#focus img { width: 100%; }
#focus .btn { width: 100% }
.firstFloorRight { width: 100%; margin-top: 50px; }
.firstFloorRight { padding: 0px; }
.zwhd { clear: both; width: 100%; }
.theSecondfloorLeft { width: 100%; margin-top: 15px; }
.theSecondbox { display: none;}
.firstfloor .page_cb { width: 100%; }
.firstfloor { width: 100%; }
.firstfloor .djzd_con { width: 100%; height: auto; }
.firstfloor .slideTxtBoxa { width: 100%; }
.firstfloor .slideTxtBoxa .bd ul { width: 100%; }
.firstfloor { padding: 0px; margin-top: 0px; }
.zhengmingFloor { float: left; width: 100%; }
.zhengmingFloor .page_cb { width: 100%; }
.zhengmingFloor .djzd_con { width: 100%; }
.zhenwugongKaiMargin { width: 100%; }
.zhenwugongKaiMargin .firstfloor .page_cb { width: 100%; }
.zhenwugongKaiMargin .firstfloor .djzd_con { width: 100%; }
.zhenwugongKaiMargin .firstfloor .slideTxtBoxa { width: 100%; }
.zhenwugongKaiMargin .firstfloor .slideTxtBoxa .bd ul { width: 100%; }
}

@media only screen and (max-width: 768px) {
.firstfloor .djzd_con { width: 100%; }
.zhenwugongKaiMargin .firstfloor .djzd_con { width: 100%; }
}
@media only screen and (max-width: 365px) {
.firstfloor .slideTxtBox .bd ul li a { width: 220px;}
}
@media only screen and (max-width: 320px) {
.firstfloor .slideTxtBoxa .hd ul li { padding: 0 0.3rem; }
.firstfloor .slideTxtBox .bd ul li a { width: 210px; }
}

/*右侧导航*/
.float_nav{width: 72px; position: fixed;top: 230px; right: 1.25rem; z-index: 999;}
.rfloat_sub{width: 72px;height: 71px;position: absolute;cursor: pointer;}
.rfloat_sub_tit{width: 72px;height: 28px;position: absolute;bottom: 5px;font-size: 14px;line-height: 28px;text-align: center;color: #666;}
.rfloat_sub:hover .rfloat_sub_tit {color: #fff;}
.rfloat_sub4 {position: absolute;top: 213px;left: 0px;background: url(/hzsthjwz/xhtml/public/images/sildright.png) 0px -213px no-repeat;}
.rfloat_sub4:hover {background: url(/hzsthjwz/xhtml/public/images/sildrightact.png) 0px -213px no-repeat;}
.rfloat_sub4:hover .rfloat_sub_2code {display: block;}
.rfloat_sub_2code {display: none; width: 120px;height: 270px;position: absolute;top: -105px;left: -140px;}
.rfloat_sub6 {height: 72px;position: absolute;top: 355px;left: 0px;background: url(/hzsthjwz/xhtml/public/images/sildright.png) 0px -355px no-repeat;}
.rfloat_sub6:hover {background: url(/hzsthjwz/xhtml/public/images/sildrightact.png) 0px -353px no-repeat;}
.rfloat_sub7 {height: 35px;position: absolute;top: 427px;left: 0px;background: url(/hzsthjwz/xhtml/public/images/sildright.png) 0px -427px no-repeat;}
.rfloat_sub7 .rfloat_sub_tit {bottom: 4px;color: #fff;}
.rfloat_sub8 {height: 73px;overflow: hidden;position: absolute;top: 462px;left: 0px;cursor: default;}
.rfloat_sub8_bg {width: 72px;height: 73px;overflow: hidden;position: absolute;top: -73px;left: 0px;background: url(/hzsthjwz/xhtml/public/images/sildright.png) 0px -462px no-repeat;cursor: pointer;}
.rfloat_sub8 .rfloat_sub8_bg .rfloat_sub_tit {bottom: 2px;color: #fff;}

/*二维码区域右侧箭头*/
.arrow_right{width: 0; height: 0; border: 20px solid; border-color: transparent transparent transparent #1492ff; position: relative; left: 118px; top: -158px;}
.arrow_right::after{ content: ''; position: absolute; top: -18px; left: -20px; border: 18px solid;border-color: transparent transparent transparent #ffffff;}

/*PC二维码*/
.wxwb_pc{background-color: #ffffff; border: 0.125rem solid #1492ff; border-radius: 0.3125rem;}
.wxwb_pc ul li{display: block;}
.wxwb_pc ul .wxwb_wb{padding: 0.625rem 0.625rem 0rem 0.625rem; border-bottom: 0.0625rem solid #dddddd;}
.wxwb_pc ul .wxwb_wx{padding: 0.625rem 0.625rem 0.3125rem 0.625rem;}
.wxwb_pc ul li .wxwb_icon{width: 100%; height: 0px; padding-bottom: 100%; background-position: center center; background-repeat: no-repeat; background-size: 100% 100%;}
.wxwb_pc ul li .wxwb_pc_title{width: 100%; height: 1.5625rem; line-height: 1.5625rem; text-align: center; font-size: 0.875rem;}