html,body,h1,h2,h3,h4,h5,h6,p,ul{margin: 0;font-family: 'Microsoft Yahei';}
a{text-decoration: none; color: #3f3f3f;}
img{border: 0;}
table{border-collapse: collapse;table-layout: fixed;word-wrap:break-word;}
input,select,button{font-family: 'Microsoft Yahei';}
input:focus,a:focus{outline: none}
ul{padding-left: 0;}
li{list-style-type: none}
body { min-width: 320px;font-size:14px;}

/*媒介查询*/
@media screen and (min-width:320px){html{font-size:14px;}}
@media screen and (min-width:360px){html{font-size:16px;}}
@media screen and (min-width:400px){html{font-size:16px;}}
@media screen and (min-width:440px){html{font-size:20px;}}
@media screen and (min-width:480px){html{font-size:22px;}}
@media screen and (min-width:640px){html{font-size:28px;}}
@media screen and (min-width:980px){html{font-size:34px;}}

.tl{text-align: left;}
.tc{text-align: center;}
.tr{text-align: right;}
.fl{float: left;}
.fr{float: right;}
.cl:after{content: '';display: block;clear: both;}
.red{color: #f00 !important;}

/*头部*/
.header{ position: fixed; top: 0; left: 0; width: 100%; z-index: 2;background-color: #008cd9; height: 3rem;}
.header .logo{ display: inline-block; line-height: 3rem; color: #fff;font-size: 1.2rem; font-weight: bold; text-indent: 0.5rem}
.header .menu{ position: absolute;top: 0.4rem;right: 0.8rem;width: 4rem;height: 2.2rem; line-height: 2.2rem; font-size: 1rem; background: #f0ad4e; border: none; border-radius: 1.1rem; color: #fff; text-align: center;}
.header .close{ background: #000;}
.header .back { width: 0.8rem; height: 1.2rem; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-align: center;position: relative; float: left; background: url(/mmzimg/back.png) no-repeat; background-size: 100% 100%; margin:0.9rem 1rem 0 1rem}

/*头部下拉导航*/
.nav{ display: none;z-index: 2;position: fixed;top: 3rem;width: 98%;padding: 0 1%;text-align: center;background-color: rgba(203,225,240,0.95); padding-top: 10px;}
.nav .item{ float: left;padding: 6px 10px;color: #2969a2;font-size: 1rem;font-weight: bold; background: #0084ff; margin: 2px 2px 10px;border-radius: 5px;color: #fff;}

.swiper-wrapper { height: calc(100vw / 32 * 23);}
.swiper-pagination { width: auto !important; left: auto !important; right: 5px; bottom: calc(1.5rem - 4px) !important;}
.swiper-pagination-bullet{ background: #fff; opacity: 1}
.swiper-pagination-bullet-active{ background: #007aff}
.swiper-slide { height: calc(100vw / 32 * 23);}
.swiper-slide img { width: 100%; height: calc(100vw / 32 * 23); vertical-align: middle;}
.swiper-slide .textWrap{ width: 100%; line-height: 3rem; color: #fff; font-size: 1.2rem; background: rgba(0,0,0,.6); position: absolute; bottom: 0; left: 0;}
.swiper-slide .text{ width: calc(100vw - 80px - 1rem); padding-left: 1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}
.swiper-button-prev{ background: url(/mzimg/left.png) center no-repeat #00000066; background-size: 24px;}
.swiper-button-next{ background: url(/mzimg/right.png) center no-repeat #00000066; background-size: 24px;}

.box_index { margin-top: 3rem; z-index: 1; background: #fff;position: relative; transition: transform 0.5s ease 1s; transform: translateY(0px); min-height: calc(100vh - 6rem);}
.box { min-width: 270px; padding: 1rem;}
.list { margin-top: 1rem; position: relative;}
.list .head { line-height: 3.4rem;background-color: #f3f3f3;}
.list .head .item { float: left; text-align: center; color: #2a2a2a; white-space: nowrap; font-size: 1.2rem;padding: 0 1rem;}
.list .head .active{ color: #fff;font-weight: bold;background-color: #008cd9;}
.list ul { margin-top: 10px; font-size: 1.2rem;}
.list ul.content { display: none;}
.list ul .item { line-height: 2rem; margin: 0.6rem 0; padding-left: 1.2rem; border-bottom: 1px dashed #e5e5e5; position: relative;}
.list ul .item:after { width: 3px; height: 3px; border:2px solid #e5e5e5; border-radius: 100%; margin-top: -3px; position: absolute;content: " ";left: 0; top: 1rem;}
.list ul a { display: block; color: #555; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.list ul .date { font-size: 1rem; color: #ccc; margin-bottom: 0.6rem; display: block;}
.list ul .more { line-height: 2.4rem; font-size: 1.2rem; text-align: center; color: #999; background: #f5f5f5;}
.list_box.list { margin: 0 1rem;}

/*信息公开*/
.xxgk .head { line-height: 3.4rem;background-color: #f3f3f3;}
.xxgk .head .item { float: left; text-align: center; color: #2a2a2a; white-space: nowrap; font-size: 1.2rem; padding: 0 1rem;}
.xxgk .head .active{ color: #fff;font-weight: bold;background: #008cd9;}
.xxgk li { width: 50%; height: 2.5rem; line-height: 2.5rem; margin-top: 10px; float: left;}
.xxgk li.w100 { width: 100%;}
.xxgk li a { font-size: 1rem; border: 1px solid #e5e5e5; background: linear-gradient(#fff,#eaeaea); display: block; text-align: center; margin-right: 0.5rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.xxgk ul li:nth-child(even) a { margin-left: 0.5rem; margin-right: 0;}
.xxgk li.w100 a, .xxgk ul li.w100:nth-child(even) a { margin: 0;}

/*页脚*/
.footer{ line-height: 1.4rem; padding: 0.8rem 0; font-size: 1rem; text-align: center; color: #2d2d2d; background: #f3f3f3;}

.location { line-height: 1.5rem; padding: 0.5rem 1rem; background-color: #f5f5f5; font-size: 1rem;}
 .pages { /*height: 3rem; */ font-size:1rem; color:#666; text-align:center;}
.pages a { margin-bottom:0.5rem; padding:0.4rem 0.6rem; border: #ccc 1px solid;border-radius: 5px; display: inline-block;}
.pages .current{background:#008cd9; color:#fff;border:1px solid #008cd9;}
.pages a:hover{background:#008cd9; color:#fff;text-decoration:none;}

/*内容*/
.show { padding: 1rem;}
.show .s-title { line-height: 1.8rem; text-align:center; color:#666; padding-bottom: 0.5rem; border-bottom: 1px solid #ddd;}
.show .s-title h3 { font-size: 1.1rem; margin-bottom: 0.5rem;}
.show .s-title h1 { line-height: 2.4rem; font-size: 1.4rem; color: #008cd9; margin-bottom: 0.5rem;}
.show .s-title span { line-height: 1.4rem; font-size: 1rem;color:#999;}
.show .con { line-height: 2rem; font-size: 1rem; margin-top: 1rem;}
.show .con p { margin-bottom: 1rem;word-break:break-all;}
.show .con img { max-width: 90%; height: auto!important; text-align: center;}
.show .con table { width: 80% !important;}
.show .show_fj { line-height: 2rem; padding: 0.5rem 0; font-size: 1.2rem;}
.show .show_fj b { line-height: 2.4rem;}

.backToTop { display: none; position: fixed; right: 5px; bottom: 5px; width: 2.6rem; height: 2.6rem; line-height: 2.6rem; background:#88c3ff; z-index: 99; border-radius: 2px; color: #fff; overflow: hidden; text-align: center; font-size: 1.5rem; }

/*领导之窗*/
.ldzc_img { line-height: 1.8rem; font-size: 1.1rem; text-align: center;}
.ldzc_img img { width: 55%; margin: 0 auto; padding-bottom: 1rem;}
.ldzc_xx { font-size: 1.2rem; line-height: 2rem;}
.ldzc_xx h3 { font-size: 1.2rem; margin-top: 1rem; margin-bottom: 0.5rem;}
.ldzc_li { font-size: 1.2rem; margin: 0 1rem;}
.ldzc_li a { line-height: 2rem; padding: 0.6rem 0; border-bottom: 1px dashed #e5e5e5; display: block;}

.nsjg { line-height: 30px; font-size: 16px; border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-bottom: 10px;}
.nsjg .ks { font-weight: bold;}
.nsjg .js { margin-top: 5px;}
.nsjg .fzr { font-size: 1.1rem; color: #999; margin-top: 5px;}

/*下拉刷新*/
#H-drop-reflesh { position: fixed; z-index: 1000000; overflow: hidden; width: 80px; height: 80px; border-radius: 50%; -webkit-border-radius: 50%; top: 50%; margin-top: -40px; left: 50%; margin-left: -40px;}
#H-drop-reflesh span { display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; display: box; box-orient: horizontal; box-pack: center; box-align: center; width: 80px; height: 80px; opacity: 0; border-radius: 50%; -webkit-border-radius: 50%;}
#H-drop-reflesh span img { display: block; border-radius: 50%; -webkit-border-radius: 50%; height:70px;width:70px;}

#load_list { position: fixed; bottom: 0; z-index: 999; background: #f3f3f3; color: #999; text-align: center; width: 100%; line-height: 3rem; border: 1px solid #e5e5e5; border-width: 1px 0; font-size: 1rem; display: none;}
.drop_list{ position: absolute; width: 100%; line-height: 50px; text-align: center; left: 0; top: 4rem; color: #999; z-index: 0;}
.drop_list em { background: url(/mmzimg/loading.gif) no-repeat; background-size: 100%; width: 1rem; height: 1rem; display: inline-block; vertical-align: middle; margin-top: -2px; margin-right: 5px;}

/* 政数局 */
.zsj .yyfw h3 { line-height: 2rem; font-size: 1.2rem;}
.zsj .yy_btn, .zsj .ph_arrow{ margin: 10px 0; float: left; text-align: center; font-size: 16px;}
.zsj .yy_btn{width: 30%;}
.zsj .yy_btn i {font-size: 3rem;color: #4f86c6;}
.zsj .ph_arrow {margin-bottom: 70px;padding: 0 10px;}
.zsj .ph_arrow i {line-height: 70px;font-size: 2rem;color: #ededed;}
.zsj .yyxz { margin-top: 2rem; line-height: 2rem; margin-bottom: 1rem;}
.zsj .yyfw h4 { font-size: 1.2rem; margin-bottom: 1rem;}
.zsj .yyfw .btn { background-color: #de0b0b; color: #fff; border: none; padding: 3px 15px; border-radius: 2px; height: 40px;}

