@charset "utf-8";
/* CSS Document */

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font:12px"Microsoft Yahei","Arial Narrow",HELVETICA;background:#fff;-webkit-text-size-adjust:100%;}
a{color:#333;text-decoration:none}
a:hover{color:#000; text-decoration:underline;}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
textarea{ resize:none; overflow:hidden;}
p{word-wrap:break-word; color:#666;}

/*通用定义*/
.clearfix:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }
.fl{ float:left;}
.fr{ float:right;}
.space10{clear:both; height:.1rem; display:block; font-size:1px;overflow:hidden;}
.space30{clear:both; height:.3rem; display:block; font-size:1px;overflow:hidden;}
.space35{clear:both; height:.35rem; display:block; font-size:1px;overflow:hidden;}
.space50{clear:both; height:.5rem; display:block; font-size:1px;overflow:hidden;}
.marT25{ margin-top:.2rem; }
.w580{ width:5rem;}
.hidden{ display:none; }
.padS2{ padding: 0 .2rem; }

body{ width:6.4rem;}
.container{ width:6.4rem; height:100%; margin:0 auto; position:relative; }
.boxMo{ position:relative; width:6.2rem; margin:0 auto;}

header{ height:auto; background-color:#d41d0b; overflow: hidden; padding: .1rem .1rem;display: flex; align-items: center;}
.logo img{ display: block; width: 368px; height:75px; margin-top:17px;margin-left:20px;}
.top_bar_r{margin-top: 45px;margin-right: 20px;}
.top_bar_r a{ float: right;height: 20px; cursor: pointer; padding-left: 16px; margin-left: 16px;}
.top_bar_r span a{ float: right;height: 20px;color: #333;font:20px/20px "Microsoft Yahei"; border-left: 2px solid #999;}
.top_bar_r img{padding: 0 5px;}
.jf{font-size:0.24rem; color: #fff; margin-right: .2rem; height: auto;}
.jf a{ color: #fff; margin: 0 .05rem;}
#btn_pc1 { 
    float: right;
    width: .4rem;
    height: .4rem;
    background: url(../images/pc-sj.png) no-repeat center top; background-size: 100% 100%;
}
.slh { margin-right: .3rem;
    cursor: pointer;
    /* margin-top: .12rem; */
    float: right;
    font-size: .24rem;
    display: none;
    text-align: right;
    /* line-height: 24px; */
    height: auto;
    color: #FFF;
}
.slh i{ background: url(../images/icon_wza.png) no-repeat left top; padding-left: .45rem;}

.slh a{ color:#fff; }

.banner{ height:2.8rem; }
.banner img { margin: .5rem 0 0 .3rem;width: 5.7rem;}

.search{ position: relative; display: block; width: 527px; height:72px; margin: 0 auto; padding: 0; background-color: #fff; border-radius: 40px; border:1px solid #1a6fc6;}
#search_keyword{ float: left; width: 430px; height: 72px; font: 20px/72px "Microsoft Yahei"; text-indent: 1em; background-color: #fff; border: none;  border-top-left-radius:40px; border-bottom-left-radius: 40px;}
#search_btn{ cursor: pointer; float: right; width: 78px; height: 72px;font-size: 0px; background:url(../images/icon_btn.png) no-repeat center 8px; border-radius: 40px; border: none;}
#head_pro{ position: relative; margin: 30px auto 0; font: 28px/50px "Microsoft Yahei";width: 590px;}
#head_pro a{ padding:0 13px 0 6px; border-right: 1px solid #666666; color: #666666;  } 
#head_pro span{ color: #0e569f;  }

.nav{ height: auto; background:url(../images/nav.png) no-repeat center top;  #0a4dab; padding: .1rem 0;  overflow: hidden;}
.nav a{ float: left; width: 2.1rem; height: .7rem; line-height: .7rem; font-size: .28rem; text-align: center; color: #fff; }

.ad{width:750px; height:105px; margin:0 auto;}
.ad img{width:750px; height:105px;}

a.btn_more{ width: auto; height: auto; font-size: .26rem; float: right; text-align: right; color: #3d70cd; margin-top:.15rem; position: relative; padding-left: .4rem;}
a.btn_more:before { position: absolute; top: 0; left: 0; width: .26rem; height:.26rem; font-size:.15rem; color: #3d70cd; text-align: center; text-indent: 0; border: 2px solid #3d70cd; border-radius: 50%; content: "..."; font-weight: bold;}

.di{ background:#71a4ff url(../images/m_bg.jpg) no-repeat center top; background-size: 100%;}
/*焦点图*/
#jcl1{ width:6.2rem; height:auto; position:relative; margin:.2rem auto 0;}

.jcl1_wrap{ width: 6.2rem; height: auto; overflow: hidden;}
.jcl_container1{ overflow: hidden; width:6.2rem; position: relative; display: block;  height: auto;}

.jcl_container1 li{ position: relative; width: 6.2rem; height: auto ! important;}
.jcl_container1 li img{ width: 100%; height: 100%;}
.jcl_container1 li h3{ padding: .1rem 0; position: absolute; bottom: 0; left: 0; width: 100%;  color: #fff; height: auto; font-size:.28rem; text-align: center; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#005eb7', endColorstr='#005eb7'); background:rgba(0,0,0,0.5); text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.jcl_container1 li h3 a{ color: #fff;}

.jcl_next1, .jcl_prev1{ position:absolute; top: 50%; display:block; width:.5rem; height:.5rem; margin-top: -.5rem; background-image:url(../images/arr.png); background-repeat: no-repeat; z-index:10; cursor:pointer; background-size: 200% 100%;}
.jcl_prev1{ background-position:0 0; left: 0;}
.jcl_next1{ background-position:-.5rem 0; right: 0;}

/*时政要闻*/
.szyw{ margin-top:.3rem; width: .1rem;}
.news_list{ position: relative;}
.news_list li{ height: auto; font-size: .26rem; position: relative; margin: .1rem 0;}
.news_list li a{ display: block; height:auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: .1rem;}
.news_list li:before { position: absolute; top: 50%; left: 0; width: .04rem;height: .05rem;margin-top: -.02rem;background-color: #3279d9; content: "";}

.hzzb{width:6.2rem; height:auto; border: 1px solid #dcdcdc; background-color: #f5f5f5; margin-top: .1rem; border-radius: 8px;}
.hzzb strong{ color:#1e6cb7; font:bold 30px/50px "Microsoft Yahei"; margin:0 80px;}
.hzzb span{ color:#666666; font: 25px/50px "Microsoft Yahei"; letter-spacing:5px;}

/*工作状态&政声传递&合作交流&涉港澳资讯*/
.part2{ background:#e1f0ff;padding:.3rem 0; overflow: hidden;}
.img{ position: relative; width: 6.4rem; height: .35rem; margin-bottom: .15rem;}
.img img{ width: 6.4rem; height: .35rem;}
.img h3{ position: absolute; bottom: 0; left: 0; width: 100%;  height: 60px; font:bold 28px/60px "Microsoft Yahei"; text-align: center; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#005eb7', endColorstr='#005eb7'); background:rgba(0,0,0,0.5); text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.img h3 a{ color: #fff;}

.tab-bar{ width: 100%;border-bottom: 3px solid #d1e9ff; height: auto; overflow: hidden; margin-bottom: .2rem;}

.tab-bar .tab { display: inline-block; padding: .15rem; color: #db2c11; font-size: .31rem; float: left;  font-weight: bold; width: auto;}
.tab-bar .tab1{
/*    background: url(../images/icon01.png) no-repeat 8px 10px; */
    height: auto;}
.tab-bar .tab1.active {
/*    background: url(../images/icon01-1.png) no-repeat 0 0; */
    background: #db2c11;
    color: #fff; }
.tab-bar .tab2{
/*    background: url(../images/icon02.png) no-repeat 6px 10px; */
    height: auto;}
.tab-bar .tab2.active {
    background: #db2c11;
/*    background: url(../images/icon02-1.png) no-repeat 0 0; */
    color: #fff; }
.tab-bar .tab3{
/*    background: url(../images/icon03.png) no-repeat 8px 10px;*/
     height:auto;}
.tab-bar .tab3.active {
    background: #db2c11;
/*    background: url(../images/icon03-1.png) no-repeat 0 0; */
    color: #fff; }
.tab-bar .tab4{
/*    background: url(../images/icon04.png) no-repeat 8px 10px; */
    height: auto;}
.tab-bar .tab4.active {
    background: #db2c11;
/*    background: url(../images/icon04-1.png) no-repeat 0 0; */
    color: #fff; }

.content-wrapper{ margin-left:0; }

.zcfg_list{ margin-bottom:10px }
.zcfg_list li { width:100%; position: relative; height: 50px; border-bottom: 1px dashed #e0e0e0; padding-left: 16px; font: 20px/50px "Microsoft Yahei"; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;color:#fff;}
.zcfg_list li a{ color:#333333; }
.zcfg_list li:before { position: absolute; top: 50%; left: 0; width: 6px;height: 6px;margin-top: -3px; background-color: #3279d9; content: "";}

.gzdt_img { position: relative; width: 100%;height: auto;}
.gzdt_img img {width: 100%; height: 100%;}

.gzdt_img h3 { padding:.1rem 0;position: absolute; bottom: 0; left: 0; width: 100%; height: auto; font-size: .28rem; color:#fff;text-align: center; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#005eb7', endColorstr='#005eb7'); background: rgba(0, 0, 0, 0.5); text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.gzdt_img h3 a{ color:#fff; }

.tab-bar1, .tab-bar2{ margin-bottom:20px; overflow:hidden; width: 100%;}
.tab-bar1 .tab1, .tab-bar2 .tab2 { font-size:.28rem; padding: .1rem .1rem; box-sizing: border-box; color: #333; float: left; font-weight: bold;}
.tab-bar1 .tab1:hover, .tab-bar2 .tab2:hover{ text-decoration:none; }
.tab-bar1 .tab1.active, .tab-bar2 .tab2.active{ padding: .1rem .2rem; color: #3D70CD; background: #C3DCF5;border-radius:8px;}

.lmT1 { width: 6.2rem; height: auto; border-bottom: 3px solid rgb(224, 238, 251); margin: 0 auto;}
.lmT1 h3 { width: auto; height: auto; display: block; padding: .2rem .1rem .2rem 1.2rem; color: rgb(255, 255, 255); background: url(../images/tit_ztzl.png) left top no-repeat; font-size: .34rem; font-weight:bold; }
.lmT1 h3 a{ color:#fff; }

.slider { margin: .3rem auto 0; overflow: hidden; padding-bottom: .3rem;
    position: relative;
    width: 100%;
    max-width: 100%;
}

.slider .slider__inner {
    display: flex;
    position: relative;
    align-items: center;
    max-width: 6.4rem;
    height: 4.20rem;
    margin: 0 auto;
}

.slider .slider__inner .slider__item {border:8px solid #e1f0ff; border-radius: 8px;
    position: absolute;
    height: 2.78rem;
    width: 3.73rem;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    z-index: -1;
    user-select: none;
}

.slider .slider__inner .slider__item-trigger-next {
    left: 15%;
    transform: translateX(-50%);
}

.slider .slider__inner .slider__item-trigger-previous {
    left: 85%;
    transform: translateX(-50%);
}

.slider .slider__inner .slider__item-selected {border:8px solid #e1f0ff; border-radius: 8px;
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
    height: 4rem;
    opacity: 1;
    left: 50%;
    transform: translateX(-50%);
    width: 6rem;
    z-index: 2;
}

.slider .slider__inner .slider__item-previous, .slider .slider__inner .slider__item-next {border:8px solid #e1f0ff; border-radius: 8px;
    height: 3.38rem;
    opacity: 1;
    width: 4.73rem;
    z-index: 1;
}

.slider .slider__inner .slider__item-last, .slider .slider__inner .slider__item-first {
    opacity: .4;
    z-index: 0;
}

.slider .slider__inner .slider__item-previous {
    left: 30%;
    transform: translateX(-50%);
}

.slider .slider__inner .slider__item-next {
    left: 70%;
    transform: translateX(-50%);
}

.slider .slider__inner .slider__item-first {
    left: 16%;
    transform: translateX(-50%);
}

.slider .slider__inner .slider__item-last {
    left: 84%;
    transform: translateX(-50%);
}

.slider .slider__inner .slider__item-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.slider .slider__inner .slider__item-img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.slider .slider__inner .slider__item-datas {  font-size: .26rem; text-align: center; color: #333;
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #e1f0ff;
    font-family: 'Arial';
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: .1rem 0;
}
.slider .slider__inner .slider__item-datas a{ text-decoration: none;}
    .slider .slider__controls { margin: 0 auto; z-index: 9999;
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        width: 90%;
        justify-content: space-between;
        align-items: center;
    }

/*@media (max-width: 750px) {
    .slider .slider__controls {
        display: none;
    }
}*/

.slider .slider__controls-previous, .slider .slider__controls-next {
    border: 0;
    cursor: pointer;
    font-size: 40px;
    background-color: transparent;
    color: #3d70cd;
    padding: 0;
}

.slider .slider__controls-previous:focus, .slider .slider__controls-next:focus { outline: none;}

.part3{ background:#d8e6ff;padding:.5rem 0; overflow: hidden;}

.lmT2 { width: 6.2rem; height: auto; border-bottom: 3px solid #d41d0b; margin: 0 auto;}
.lmT2 h3 { width: auto; height: auto; display: block;padding:.2rem .1rem .2rem 1.2rem; color: rgb(255, 255, 255); background: url(../images/tit_zwgk.png) left top no-repeat; font-size: .32rem; font-weight: bold; background-size: 50% 100%;}
.lmT2 h3 a{ color:#fff; }

.lmT3 { width: 6.2rem; height: auto; border-bottom: 3px solid #d41d0b; margin: .5rem auto 0;}
.lmT3 h3 { width: auto; height: auto; display: block;padding: .2rem .1rem .2rem 1.2rem; color: rgb(255, 255, 255); background: url(../images/tit_bsdt.png) left top no-repeat; font-size: .32rem; font-weight: bold; background-size: 50% 100%;}
.lmT3 h3 a{ color:#fff; }

.zwgk{ background-color:#fff; border-bottom-left-radius:15px; border-bottom-right-radius:15px; overflow: hidden;}

.zwgk li { width:41%; height:auto; border-radius:5px; background: linear-gradient(to right, #4297ff, #88bdfb); float: left; margin: .15rem; padding: .1rem;}
.zwgk li img{ margin-right:.2rem;  float: left; width: .28rem;}
.zwgk li a{font-size:.28rem; color: #fff; text-decoration: none; display: block; font-weight: bold; }

.lmT4 { width: 6.2rem; height: auto; margin: 0 auto 0; text-align: center;}
.lmT4 h3 { width:auto; height: auto; display: block; padding: .2rem .1rem .2rem .8rem; color: rgb(255, 255, 255); background: url(../images/tit_zcfg.png) center top no-repeat; font-size: .32rem; font-weight: bold; background-size: 50% 100%;}
.lmT4 h3 a{ color:#fff; }

.list_leftbar{ }
.list_leftbar a{ color: #3d70cd; display: block; padding-left: 35px; width: 100%;}
.first-menu { margin-top: .15rem; position: relative; display: block; width: auto; font-size:.3rem; color: #fff;  background: linear-gradient(to right, #4985ef, #296fe8); border-radius: 9px; font-weight: bold; padding: .1rem 0;}
.first-menu a{ color:#fff; padding-left: 20px;}
.first-menu a:hover, .list_leftbar .first-menu a.active{ color: #fff; text-decoration: none; border-radius: 9px; width: 100%;}
.first-menu a:hover:after, .list_leftbar .first-menu a.active:after{ display: block;} 
.first-menu img{ margin-left:.2rem; width: 7%;}

/* =====菜单展开收缩====== */
.item {
    cursor: pointer;
}

.second-wrap {
    display: none;
} 
.second-wrap-con {background: #fff; border: 1px solid #93c4ff; border-radius: 10px; padding: 20px; overflow: hidden;}
.second-wrap-con h3{ font-size:.28rem; padding: .1rem; color: #3D70CD; background: #C3DCF5; border-radius: 8px; }
.second-wrap .first-menu {
    background-color: #86bcfb;
}
.second-wrap .first-menu a { padding-left: 0;
    color: #fff;
}
.three-wrap {
    display: none;
}
.three-wrap .first-menu {
    background-color: #e4eeff;
}
.three-wrap .first-menu a {
    color: #595959; font-size: 20px; font-weight: normal;
}

.four-wrap .first-menu {
    border:1px solid #e4eeff;
    background-color: #f9fbff;
}
.four-wrap .first-menu a {
    color: #595959; font-size: 18px;
}
.first-menu {
    display: flex !important;
    align-items: center !important;
/*    justify-content: space-between !important;*/
}
.hover-menu{
    background-color: #3d70cd !important; 
    color: #fff !important;
    text-decoration: none !important;
}
.hover-menu a{
    color: #fff !important;
    text-decoration: none !important;
}
.hover-menu .img-jia-wrap {
    background: url("../images/jia2.png") no-repeat;
    background-size: 100%;
}
.hover-menu .img-jian-wrap {
    background: url("../images/jian2.png") no-repeat;
    background-size: 100%;
}
.hover-menu .left-icon1 {
    background: url("../images/icon/xwzx01_1.png") no-repeat;
    background-size: 100%;
}
.hover-menu .left-icon2 {
    background: url("../images/icon/xwzx02_1.png") no-repeat;
    background-size: 100%;
}
.hover-menu .left-icon3 {
    background: url("../images/icon/xwzx03_1.png") no-repeat;
    background-size: 100%;
}
.hover-menu .left-icon4 {
    background: url("../images/icon/xwzx04_1.png") no-repeat;
    background-size: 100%;
}
.hover-menu .left-icon5 {
    background: url("../images/icon/xwzx05_1.png") no-repeat;
    background-size: 100%;
}
.sub_list a{  margin-bottom: 10px; position: relative; display: block; width: auto; padding: 18px 20px 18px 68px; font:20px/24px "Microsoft Yahei"; color: #666666; background-color: #e4eeff;}
.sub_list a:after{ display: none; position: absolute; top: 14px; right: 22px; width: 8px; height: 14px; background: url(/images/leftbar_arr.png) no-repeat center top; content: "";}
.sub_list a:hover, .sub_list a.active{ background-color: #333; background-color: #e4eeff;}
.sub_list a:hover:after, .sub_list a.active:after{ display: block;}



/*新闻中心*/
.lmT { width: 6.2rem; height: auto; border-bottom: 3px solid rgb(224, 238, 251); margin: 0 auto; }
.lmT h3 { 
    display: block; text-align: center; color: #fff; width: 200px;
    /* background: url(../images/tit_bg.png) left top no-repeat;  */
    border-top-left-radius: 5px;border-top-right-radius: 5px; background: linear-gradient(to bottom, #d41d0b, #ee3826); border-bottom:3px solid #d41d0b; 
    font-size: .32rem; font-weight: bold;
    }
.lmT h3 a{ color:#fff; }

.hzjl .tab-bar{ width: 100%; overflow: hidden; margin-bottom: 0; border: none; height: auto;}

.hzjl .tab-bar .tab { display: inline-block; color: #333; font-size:.28rem; float: left; font-weight: normal; width: auto;padding:.1rem .1rem;}
.hzjl .tab-bar .tab.active { color: #0a4dab;  font-weight: bold; background-color: #C3DCF5; border-radius: 8px;}


/*list*/
.loc{ position: relative; padding: .2rem;  margin-bottom: .2rem; font-size:.26rem; line-height: auto; text-indent:.36rem; color: #999; background-color: #f2f8ff; border-bottom: 1px solid #2a7bec;}
.loc:before{ position: absolute; left: .2rem; width: .23rem; height: .26rem; margin-top: .06rem; background: url(../images/icon_loc.png) no-repeat center top; background-size: 100%; content: "";}
.loc a, .loc span{ font-size: .26rem; color: #999;}
.loc span{ font-weight: bold;}


.list_wrap{ margin-bottom: .2rem;}
.gl_list{}
.gl_list li{ padding: 12px 0; border-bottom: 1px solid #dfdfdf;}
.gl_list li .gl_list_t{ font-weight: normal; font-size: .28rem; }
.gl_list li .pDate{ float: right; font-size: .24rem; color: #999;}
.gl_list li:after{ clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:".";}

.pages{ margin-bottom: 10px; text-align: center;}
.pages a{ box-sizing: border-box; display: inline-block; width: auto; height:auto; margin: .1rem .05rem; font-size: .24rem; text-align: center; color: #999; background-color: #f3f3f3; padding: .1rem;}
.pages span{ font-size: .24rem; margin: 0 5px;}
.pages a.first, .pages a.prev, .pages a.next, .pages a.last{ box-sizing: border-box; width: auto; height: auto; padding: .1rem; cursor: pointer;}
.pages a.active, .pages a:hover{ color: #fff; background-color: #2a7bec; }
.pages .current{ color: #fff; background-color: #2a7bec; }

/*content*/
.article_wrap{}
.article_t{ margin-bottom: .2rem; font-size: .36rem; color: #333; text-align: center;}
.article_subt{ margin-bottom: .2rem; font-weight: normal; font-size: .28rem; line-height: 28px; text-align: center; color: #333;}
.article_item{ margin-bottom: .2rem; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
.article_item span{ display:block; width:100%; text-align:center; font-size:.24rem; color: #999; padding: .1rem 0;}
.article_con{}
.article_con p{ margin-bottom: .2rem; font-size: .28rem; color: #333;}
.article_con img{ display: block; max-width: 80%; height: auto; margin: 0 auto 20px;}


.img_list{}
.img_list li{ padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #dfdfdf;}
.img_list li a{}
.img_list li img{ float: right; width: 200px; height: 110px;}
.img_list2 li img{ float: right; width: 110px; height: 110px;}
.img_list_wz{ float: left; width: 370px;}
.img_list2 .img_list_wz{ float: left; width: 440px;}
.img_list_t{ height: 72px; margin-bottom: 10px; font-weight: normal; font-size: 28px; line-height: 36px; color: #333; overflow: hidden;}
.pdate{ display: block; font-size:24px; line-height: 36px; color: #999;}

/*footer*/
.foot-mb{ overflow: hidden; font-size:.24rem; background: #fff;padding: .2rem 0 1.5rem 0;width: 6.2rem; margin: .1rem auto 0; border-top: 2px solid #e1f0ff;}
.foot-mb p{font-size:.24rem; padding: .1rem 0;}
.foot-mb a,.foot-mb a:visited{text-decoration:none; }
.foot-mb .f-l {
    width: 24%;
}
.foot-mb .f-l img{
	width: 100%;
}
.foot-mb .f-text {
    width: 72%;
}
.foot-mb span.ipv6-content {
    color: #fff;
    background-color: #88889e;
    border-radius: 10px;
    padding: 0 7px;
}