/*
        十年前鲜衣怒马李逍遥

                    十年后锦衣夜行梅长苏

                                    ---左中秋
*/


/*初始化css BEGIN*/
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
fieldset,
lengend,
button,
input,
textarea,
th,
td {
    margin: 0;
    padding: 0;
    outline: none;
}
input,textarea{
    font-family: "微软雅黑";
}
/*清除内外边距*/
a:focus {
    -moz-outline-style: none;
}
/*IE不支持*/
a:focus {
    outline: none;
}
/*很多网站都会加的属性*/
body,
button,
input,
select,
textarea {
    /*for ie*/
    /*font:12px/1 Tahoma,Helvetica,Arial,"宋体",sans-serif;*/
    font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;
    /*用 ascii 字符表示，使得在任何编码下都无问题*/
}
/*设置默认字体*/
address,
cite,
dfn,
em,
i,
var {
    font-style: normal;
}
/*将斜体扶正*/
code,
kbd,
pre,
samp,
tt {
    font-family: "Courier New", Courier, monospace;
}
/*统一等宽字体*/
small {
    font-size: 12px;
}
/*小于 12px 的中文很难阅读，让 small 正常化*/
ul,
ol {
    list-style: none;
}
/*重置列表元素*/
a {
    text-decoration: none;
}
/*重置文本格式元素*/
abbr[title],
acronym[title] {
    /*注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果*/
    border-bottom: 1px dotted;
    cursor: help;
}
q:before,
q:after {
    content: '';
}
/*重置表单元素*/
legend {
    color: #000;
}
/*for ie6*/
fieldset,
img {
    border: none;
}
img {
    max-width: 100%;
    display: block;
}
/*img 搭车：让链接里的 img 无边框*/
/*注：optgroup 无法扶正*/
button,
input,
select,
textarea {
    font-size: 100%;
    /*使得表单元素在 ie 下能继承字体大小*/
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/*重置表格元素*/
hr {
    border: none;
    height: 1px;
}
/*重置 hr*/
html {
    overflow-y: scroll;
}
input,textarea{
    font-family: "微软雅黑";
}
/*让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁*/
/*苹果手机字体兼容设置开始  PS 不可以修改任何东西*/
@media screen and (max-device-width: 320px) {
    body {
        -webkit-text-size-adjust: none;
    }
}
@media screen and (max-device-width: 480px) {
    body {
        -webkit-text-size-adjust: none;
    }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    body {
        -webkit-text-size-adjust: none;
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    body {
        -webkit-text-size-adjust: none;
    }
}
/*苹果手机字体兼容设置完成*/
html,body{
    max-width: 750px;
    min-width: 320px;
    margin:0 auto;
    font-family: 微软雅黑;
    background: #fff;
   
}
.zz_clear{clear: both;}

/*整体设置完成*/

/*遮罩开始*/
.zhezhao{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 8;
    background-color: #000000;
    opacity: 0.4;
    display: none;
    overflow-x: hidden;
}
/*遮罩结束*/

/* 头部开始 */
.zz_top{
    padding: 0 .35rem;
    height: 1.14rem;
    background: #1f61ba;
}
.zz_top>a{
    float: left;
    width: 5.32rem;
    height: .67rem;
    margin-top: .24rem;
}
/* 头部结束 */

/* 导航开始 */
.zz_nav{
    margin-top: -1px;
    height: 1.22rem;
    background: url(../images/zz_beijing1.jpg) no-repeat center / 100% 1.22rem;
}
.zz_nav ul li{
    float: left;
    width: 25%;
    height: .61rem;
    line-height: .61rem;
    text-align: center;
    box-sizing: border-box;
    background: url(../images/zz_beijing2.jpg) no-repeat right center / 1px .24rem;
}
.zz_nav ul li:nth-child(2){
    background: url(../images/zz_beijing2.jpg) no-repeat right .26rem / 1px .18rem;
}
.zz_nav ul li:nth-child(6){
    background: url(../images/zz_beijing2.jpg) no-repeat right .16rem / 1px .18rem;
}
.zz_nav ul li:nth-child(4){
    background: none;
}
.zz_nav ul li:last-child{
    background: none;
}
.zz_nav ul li>a{
    display: block;
    font-size: .24rem;
    color: #ffffff;
}
.zz_nav ul li.on>a{
    color: #ffde00;
}
/* 导航结束 */

/* 新闻开始 */
.zz_new{

}
.zz_new>h3{
    padding: .2rem .66rem;
    background: #ebeff1;
    text-align: center;
    box-sizing: border-box;
    line-height: .52rem;
}
.zz_new>h3 a{
    display: block;
    font-size: .3rem;
    color: #12468c;
    font-weight: normal;
    line-height: .47rem;
}
.zz_new .new_s{
    padding: .32rem;
}
.zz_new .new_s img{
	width: 100%;
		height:3.91rem;
}
.zz_new .new_s h3 a{
    display: block;
    line-height: .73rem;
    text-align: center;
    font-size: .26rem;
    color: #333333;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.zz_new .new_s .swiper-pagination{
    bottom: .95rem;
    padding-right: .25rem;
    text-align: right;
    box-sizing: border-box;
}
.zz_new .new_s .swiper-pagination-bullet{
    background: #fff;
    opacity: 1;
}
.zz_new .new_s .swiper-pagination-bullet{
    margin: 0 3px !important;
}
.zz_new .new_s .swiper-pagination-bullet-active{
    background: #ffed00;
}
/* 新闻结束 */

/* 政务要闻开始 */
.zz_zheng{
    padding: 0 .33rem;
    padding-bottom: .35rem;
    border-bottom: .14rem solid #ececec;
}
.zz_zheng .hd{
    height: .51rem;
}
.zz_zheng .hd ul li{
    float: left;
    width: 2.24rem;
    height: .51rem;
    line-height: .51rem;
}
.zz_zheng .hd ul li h2{
    padding-left: .7rem;
    font-size: .26rem;
    color: #4c4b4b;
    font-weight: normal;
}
.zz_zheng .hd ul li.on h2{
    color: #fff;
}
.zz_zheng .hd ul li:nth-child(1){
    background: #e3e3e3 url(../images/zz_beijing3.png) no-repeat .34rem center / .23rem .25rem;
}
.zz_zheng .hd ul li:nth-child(1).on{
    background: #12468c url(../images/zz_beijing3_1.png) no-repeat .34rem center / .23rem .25rem;
}
.zz_zheng .hd ul li:nth-child(2){
    margin: 0 .05rem;
    background: #e3e3e3 url(../images/zz_beijing4.png) no-repeat .29rem center / .28rem .24rem;
}
.zz_zheng .hd ul li:nth-child(2).on{
    background: #12468c url(../images/zz_beijing4_1.png) no-repeat .29rem center / .28rem .24rem;
}
.zz_zheng .hd ul li:nth-child(3){
    background: #e3e3e3 url(../images/zz_beijing5.png) no-repeat .4rem center / .24rem .27rem;
}
.zz_zheng .hd ul li:nth-child(3).on{
    background: #12468c url(../images/zz_beijing5_1.png) no-repeat .4rem center / .24rem .27rem;
}
.zz_zheng .bd{
    padding-top: .18rem;
    padding-bottom: .29rem;
}
.zz_zheng .bd ul li{
    height: .69rem;
    line-height: .69rem;
    border-bottom: 1px dashed #d1d1d1;
}
.zz_zheng .bd ul li h3 a{
    display: block;
    padding-left: .23rem;
    font-size: .24rem;
    color: #333333;
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url("../images/zz_beijing6.jpg") no-repeat left center / .06rem .05rem;
}
.zz_zheng .more{
    width: 6.42rem;
    height: .58rem;
    margin: 0 auto;
    line-height: .58rem;
    text-align: center;
    background: #ebebeb;
    border-radius: 1rem;
}
.zz_zheng .more>a{
    display: block;
    font-size: .2rem;
    color: #666666;
}


.more_sq{
    width: 6.42rem;
    height: .58rem;
    margin: 0 auto;
    line-height: .58rem;
    text-align: center;
    background: #ebebeb;
    border-radius: 1rem;
}
.more_sq>a{
    display: block;
    font-size: .2rem;
    color: #666666;
}
/* 政务要闻结束 */

/* 四个写信开始 */
.zz_four{
    padding: .28rem .33rem;
    padding-bottom: .09rem;
    border-bottom: .14rem solid #ececec;
}
.zz_four ul li{
    float: left;
    margin: 0 .19rem;
}
.zz_four ul li img{
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    margin: 0 auto;
}
.zz_four ul li h2 a{
    display: block;
    font-size: .28rem;
    color: #666666;
    font-weight: normal;
}
.zz_four ul li h2 a em{
    display: block;
    line-height: .74rem;
}
/* 四个写信结束 */

/* 通知公告开始 */
.zz_tzgg{
    padding-top: .14rem;
}
.zz_tzgg .hd{
    height: .68rem;
    box-sizing: border-box;
    border-bottom: 1px solid #e0e0e0;
}
.zz_tzgg .hd ul li{
    width: auto;
    height: .68rem;
    line-height: .65rem;
    box-sizing: border-box;
    padding: 0 .52rem;
    background: url("../images/zz_beijing7.jpg") no-repeat right center / 1px .3rem !important;
}
.zz_tzgg .hd ul li:first-child{
    padding-left: 0;
}
.zz_tzgg .hd ul li:last-child{
    padding-right: 0;
    background: none !important;
}
.zz_tzgg .hd ul li h2{
    padding: 0 .1rem;
    font-size: .3rem;
    color: #333333;
}
.zz_tzgg .hd ul li.on h2{
    color: #12468c;
    height: .68rem;
    box-sizing: border-box;
    font-weight: bold;
    border-bottom: .03rem solid #12468c;
}
/* 通知公告结束 */

/* 解读开始 */
.zz_zcjd{

	padding: 0 .33rem;
    padding-bottom: .35rem;
    border-bottom: .14rem solid #ececec;
}
.zz_zcjd .hd{
    height: .68rem;
    box-sizing: border-box;
    border-bottom: 1px solid #e0e0e0;
}
.zz_zcjd .hd ul li{
    width: auto;
    height: .68rem;
    line-height: .65rem;
    box-sizing: border-box;
    padding: 0 .12rem;
    background: url("../images/zz_beijing7.jpg") no-repeat right center / 1px .3rem !important;
}
.zz_zcjd .hd ul li:first-child{
    padding-left: 0;
}
.zz_zcjd .hd ul li:last-child{
    padding-right: 0;
    background: none !important;
}
.zz_zcjd .hd ul li h2{
    padding: 0 .1rem;
    font-size: .3rem;
    color: #333333;
}
.zz_zcjd .hd ul li.on h2{
    color: #12468c;
    height: .68rem;
    box-sizing: border-box;
    font-weight: bold;
    border-bottom: .03rem solid #12468c;
}
/* 解读结束 */

/* 公开平台开始 */
.zz_gk{
    padding: .23rem .35rem;
    border-bottom: .14rem solid #ececec;
}
.zz_gk ul li{
    float: left;
    width: 3.33rem;
    height: 1.16rem;
    line-height: 1.16rem;
    background: url("../images/zz_beijing8.jpg") no-repeat center / 3.33rem 1.16rem;
}
.zz_gk ul li:nth-of-type(even){
    float: right;
}
.zz_gk ul li h2 a{
    display: block;
    font-size: .24rem;
    color: #ffffff;
    font-weight: normal;
    padding-left: .93rem;
}
/* 公开平台结束 */

/*三张图片开始*/
.zz_three{
    padding: .32rem .36rem;
}
.zz_three ul li{
    float: left;
    width: 2.18rem;
    height: 1.08rem;
}
.zz_three ul li:nth-child(2){
    margin: 0 .12rem;
}
.zz_three ul li>a{
    display: block;
    height:100%!important;
}
.zz_three ul li a img{
	height:100%!important;
}

/*三张图片结束*/

/* 电脑版/触屏版开始 */
.zz_phone{
    height: .61rem;
    line-height: .61rem;
    background: #21549a;
    text-align: center;
    border-bottom: 1px solid #3362a2;
}
.zz_phone>a{
    font-size: .24rem;
    color: #ffffff;
}
.zz_phone>em{
    font-size: .24rem;
    color: #7aa7e6;
    padding: 0 .32rem;
}
/* 电脑版/触屏版结束 */

/* 底部开始 */
.zz_bottom{
    border-top: 1px solid #396bb1;
    background: #2a60ab;
}
.zz_bottom .bottom_s{
    height: 1.05rem;
    text-align: center;
    font-size: .22rem;
    color: #9ac4ff;
    line-height: .38rem;
    box-sizing: border-box;
    padding-top: .1rem;
    border-bottom: 1px solid #5184cc;
}
.zz_bottom .bottom_x{
    height: .62rem;
    line-height: .62rem;
    text-align: center;
    font-size: .22rem;
    color: #71a9f7;
}
.zz_bottom .bottom_x a{
    font-size: .22rem;
    color: #71a9f7;
}
/* 底部结束 */
.zz_onload{
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}
.zz_onload img{
    display: block;
    width: 100%;
    height: auto;
    margin: 3rem auto;
}