*{margin:0;padding:0;font-family: "Microsoft YaHei", 微软雅黑, 宋体, 黑体, "Helvetica Neue", Tahoma, Arial, "Hiragino Sans GB";}
a{text-decoration: none;color:#333333;}
ul,li{list-style: none;}
body{width: 100%;max-width: 1920px;margin: 0 auto;}

.clearfix:after{display: block;content: '';clear: both;}
.container{width:100%;max-width: 1200px;margin: 0 auto;box-sizing: border-box;}
.fl_r{float: right}
.fl_l{float: left}
/*首页开始*/
/*头条开始*/
.S1{padding: 30px 0;background: url("../img/2021-new.png") no-repeat center right;box-sizing: border-box;}
.S1 .top-news-icon{width: 12%;padding-top: 15px;}
.S1 .top-news-icon img{display: block;width:100%;}
.S1 .top-news{width: 83%;text-align: center;}
.S1 .top-news a{
    font-size: 30px;
    color: #b01a07;
    font-weight: bold;
}
.S1 .top-news p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #555555;
    font-size: 14px;
}
/*头条结束*/
/*顶部腰带开始*/
.S2.swiper .swiper-pagination.ydpagination{width: 96.5%;text-align: right;bottom:15px;}
.S2.swiper img{display: block;}
/*顶部腰带结束*/
/*顶部轮播图开始*/
.S3{margin-top: 20px; border: 1px solid #efefef;}
.S3 .swiper-slide .fl_l{width: 65.68%;height: 420px;}
.S3 .swiper-slide .fl_l img{display:block;width: 100%;height: 100%;}
.S3 .swiper-slide .fl_r{
    width: 34%;
    padding: 60px 35px 40px 30px;
    box-sizing: border-box;
    height: 420px;
    background: url("../img/2021-lunbo.png")no-repeat left bottom;
}
.S3 .swiper-slide .fl_r>a{
    font-weight: bold;
    font-size: 20px;
    line-height: 30px;
    color: #000;
    box-sizing: border-box;
}
.S3 .swiper-slide .fl_r>p{
    margin: 20px 0;
    line-height: 30px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.7);
    text-align: justify;
    text-indent: 2em;
}
.S3 .swiper-slide .fl_r>span{
    font-size: 14px;
    text-align: right;
    color: #cecece
}
.S3 .swiper .swiper-pagination.tpxwpagination{text-align:right;padding-right:20px;bottom:40px;box-sizing: border-box;}
.S3 .swiper .tpxwpagination .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
}
.S3 .swiper .tpxwpagination .swiper-pagination-bullet-active{background-color: #1039ad;}
/*顶部轮播图结束*/
/*推荐专题开始*/
.S4{margin-top: 40px;}
.S4>img{width: 5%;}
.S4>div{width: 92.5%;}
.S4>div .tjzt_box ul li{position: relative;}
.S4>div .tjzt_box ul li img{width: 100%;}
.S4>div .tjzt_box ul li:after{
    content: url("../img/2021-img.png");
    position: absolute;
    top: 0;
    right: 0;
}
/*推荐专题结束*/
/*生态环境动态模块开始*/
.S5{margin-top: 40px;}
.S5>.fl_l,.S6>.fl_l{width:790px;}
.label_box{border-bottom: 1px solid #e5e5e5;height: 50px;border-top: 3px solid #0069b9;}
.label_box ul li{
    display: inline-block;
    height: 49px;
    text-align: center;
    margin-right: 18px;
}
.label_box ul li.active{border-bottom: 3px solid #0653ab;}
.label_box ul li a{
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #333333;
    font-size: 19px;
    font-weight: bold;
}
.S5 .video-news_box>.fl_l{width: 350px;padding: 20px 0;}
.S5 .video-news_box video{width: 350px;height: 200px;}
.S5 .video-news_box .fl_l a{
    display: flex;
    color: #0069b9;
    font-weight: 600;
    font-size: 18px;
    height: 89px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.S5 .video-news_box .fl_r{width: 410px;padding: 8px 0;}
.news_lists_box .swiper-slide ul li{
    padding-left: 15px;
    background: url("../img/2021_text.png") no-repeat top 12px left;
    line-height: 2;
    margin: 10px 0;
}
.news_lists_box .swiper-slide ul li a{font-size: 16px;color: #000;}
.news_lists_box .swiper-slide ul li span{float: right;color: #666;}
.news_lists_box .first_news{padding:15px 0;border-bottom: 1px solid #ccc}
.news_lists_box .first_news>a{
    display: flex;
    height: 60px;
    color: #0069b9;
    font-weight: 600;
    font-size: 18px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.news_lists_box .first_news>p{font-size: 15px;color: #666;line-height: 1.8}
/*生态环境动态模块结束*/


/*政府信息公开、政务服务、互动交流开始*/
.S5 .xxgk_box,.S6>.fl_r{width: 380px;}
.S5 .xxgk_box .lb{
    background: #3794dc url(../img/2021exposureStyle.png) center center no-repeat;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    height: 45px;
    line-height: 45px;
    color: #fff;
}
.S5 .xxgk_box ul li {
    width: 50%;
    float: left;
    height: 43px;
    line-height: 43px;
    border-bottom: 1px solid #f3f3f3;
    border-right: 1px solid #f3f3f3;
    border-left: 1px solid #f3f3f3;
    padding-left: 15px;
    box-sizing: border-box;

}
.S5 .xxgk_box ul li a{font-size: 14px;color:#000000;}
.S5 .xxgk_box ul li:nth-child(even) {border-left: 0;}
.S5 .xxgk_box ul li .iconfont {
    margin:2px 10px 0 0;
    font-size: 20px;
    color: #225d8a;
    font-weight: 600;
    vertical-align: middle;
}
.S5 .xxgk_box ul li a:hover,.xxgk_box ul li a:hover i{color: #3794dc;}
/*政府信息公开、政务服务、互动交流结束*/
/*生态环境重点领域信息公开开始*/
.S6{margin-top: 20px;}
.S6 .fl_l{width: 790px;}
.S6 a.chnldesc{font-size: 20px;font-weight: 600;display: block;padding: 15px 0;}
.S6 .label_box ul li a,.S7 .label_box ul li a{font-size:16px;font-weight:normal;}
.S6 .tab2{padding-top: 15px;}
/*生态环境重点领域信息公开结束*/
/*环境质量报告开始*/
.S6 .fl_r{width: 380px;}
.S6 .fl_r a.chnldesc{border-bottom: 3px solid #0069b9;}
.S6 .fl_r ul{padding: 15px 25px;box-sizing: border-box;}
.S6 .fl_r ul li a{
    background: #f9f9f9;
    width: 100%;
    border: 1px solid #f9f9f9;
    text-decoration: none;
    display: block;
    font-size: 14px;
    border-radius: 5px;
    margin-bottom: 7px;
    transition: all 0.4s ease;
    padding: 7px 10px;
    text-align: left;
    box-sizing: border-box;
}
.S6 .fl_r ul li a img {
    width: 35px;
    display: inline-block;
    margin-right: 5%;
    vertical-align: middle;
}
.S6 .fl_r ul li a span{display:inline-block;font-size: 16px;margin-top: 7px;}
.S6 .fl_r ul li:hover a {
    border: 1px solid #006ab9;
    color: #006ab9;
}
/*环境质量报告结束*/
/*数据开放开始*/
.S7{margin-top: 10px;}
.S7 .fl_l{width:58.33333333%;padding-right: 15px;box-sizing: border-box;}
.S7 .fl_r{width:41.66666667%;padding-left:15px;box-sizing: border-box;}
.S7 .fl_l a.chnldesc{
    font-size: 20px;
    font-weight: 600;
    display: block;
    padding: 15px 0;
    color: #006ab9;
}
/*API时报*/
.S7 .AQIswiper{height: 225px;border-bottom: 1px solid #efefef;}
.S7 .swiper-free-mode>.swiper-wrapper{transition-timing-function:linear;}
.S7 .AQIswiper ul li,.S7 .zhzs-rank ul li{line-height: 45px;font-size: 0;border-bottom: 1px solid #efefef;}
.S7 .describe{background-color: #dbefff;font-size: 0;line-height: 45px;text-align: center;}
.S7 .describe span,.S7 .AQIswiper ul li span,.S7 .NoiseSwiper ul li span,.S7 .zhzs-rank ul li span{
    display: inline-block;
    vertical-align: top;
    width: 25%;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.S7 .example{display: block;margin: 25px auto;}
/*功能区声环境*/
.S7 #noise_time{text-align:right;padding: 10px 0;color: #666;font-size: 14px;}
.S7 .NoiseSwiper{height: 200px;border-bottom: 1px solid #efefef;}
.S7 .NoiseSwiper ul li{line-height: 40px;font-size: 0;border-bottom: 1px solid #efefef;}
.S7 .noise_notice{font-size:14px;color:#666;line-height:1.5;padding: 10px;box-sizing: border-box;}
/*各盟市综合指数*/
.S7 .zhzs-rank{height: 270px;border-bottom: 1px solid #efefef;}
.S7 #river-quality{width: 90%;height: 320px;padding-top: 20px;}
/*沙尘监测信息*/
.S7 .tab3 .swiper-wrapper>div:last-child{height: 340px;overflow-y: scroll;font-size: 14px !important;font-family: 微软雅黑 !important;}
.S7 .tab3 .swiper-wrapper>div:last-child span,.S7 .tab3 .swiper-wrapper>div:last-child p{font-size: 14px !important;font-family: 微软雅黑 !important;}
    /*自然保护区名录*/
.S7 .zrbhqml .describe span:first-child{width: 20%}
.S7 .zrbhqml .describe span:nth-child(2){width: 15%}
.S7 .zrbhqml .describe span:last-child{width: 65%}
.S7 .zrbhswiper{height: 280px;border-bottom: 1px solid #efefef;}
.S7 .zrbhswiper ul li{line-height:40px;font-size: 0;border-bottom: 1px solid #efefef;}
.S7 .zrbhswiper ul li span{
    display: inline-block;
    vertical-align: top;
    width: 20%;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.S7 .zrbhswiper ul li span:nth-child(2){width: 15%}
.S7 .zrbhswiper ul li span:last-child{width: 65%;}

/*子系统*/
.S7 .fl_r a.chnldesc{
    border-bottom: 3px solid #0069b9;
    font-size: 20px;
    font-weight: 600;
    display: block;
    padding: 15px 0;
    color: #006ab9;
}

.S7 .fl_r ul li{
    display: inline-block;
    width: 225px;
    height: 75px;
    border: 1px solid #ccebf5;
    border-top-right-radius: 20px;
    background-color: #f4faff;
    vertical-align: top;
    margin: 13px 11px;
    background-repeat: no-repeat;
    background-position: right 20px center;
    box-sizing: border-box;
}
.S7 .fl_r ul li:nth-child(2n){margin: 13px 0 13px 0;}
.S7 .fl_r ul li:hover{background-color: #2e6eb2;}
.S7 .fl_r ul li a {
    display: flex;
    height: 100%;
    align-items: center;
    color: #2e6eb2;
    font-size: 16px;
    padding: 0 68px 0 20px;
    box-sizing: border-box;
}
.S7 .fl_r ul li:hover a{color: #fff}
.S7 .fl_r ul li:nth-child(1){background-image: url(../img/sjfb1_icon.png);}
.S7 .fl_r ul li:nth-child(2){background-image: url(../img/sjfb2_icon.png);}
.S7 .fl_r ul li:nth-child(3){background-image: url(../img/sjfb3_icon.png);}
.S7 .fl_r ul li:nth-child(4){background-image: url(../img/sjfb4_icon.png);}
.S7 .fl_r ul li:nth-child(5){background-image: url(../img/sjfb5_icon.png);}
.S7 .fl_r ul li:nth-child(6){background-image: url(../img/sjfb6_icon.png);}
.S7 .fl_r ul li:nth-child(7){background-image: url(../img/sjfb7_icon.png);}
.S7 .fl_r ul li:nth-child(8){background-image: url(../img/sjfb8_icon.png);}
.S7 .fl_r ul li:nth-child(1):hover{background-image: url(../img/sjfb1_icon_w.png);}
.S7 .fl_r ul li:nth-child(2):hover{background-image: url(../img/sjfb2_icon_w.png);}
.S7 .fl_r ul li:nth-child(3):hover{background-image: url(../img/sjfb3_icon_w.png);}
.S7 .fl_r ul li:nth-child(4):hover{background-image: url(../img/sjfb4_icon_w.png);}
.S7 .fl_r ul li:nth-child(5):hover{background-image: url(../img/sjfb5_icon_w.png);}
.S7 .fl_r ul li:nth-child(6):hover{background-image: url(../img/sjfb6_icon_w.png);}
.S7 .fl_r ul li:nth-child(7):hover{background-image: url(../img/sjfb7_icon_w.png);}
.S7 .fl_r ul li:nth-child(8):hover{background-image: url(../img/sjfb8_icon_w.png);}
/*数据开放结束*/

/*首页专题专栏开始*/
.S8{margin: 40px auto 40px auto;}
.S8>img{width: 5%;}
.S8>.ztzl_box{width: 94%;}
.S8>.ztzl_box ul li img{width: 100%;height: 100%;}
.S8>.ztzl_box .swiper-button-prev,.S8>.ztzl_box .swiper-button-next{
    width: 25px;
    height: 50px;
    background-color: rgba(0, 0, 0, 0.5);
}
.S8>.ztzl_box .swiper-button-prev{left: 0;}
.S8>.ztzl_box .swiper-button-next{right: 0;}
.S8>.ztzl_box .swiper-button-prev:after{color: #fff;font-size: 22px;}
.S8>.ztzl_box .swiper-button-next:after{color: #fff;font-size: 22px;}
/*首页专题专栏结束*/

.flowind{background:url('../img/flowbg2.png') no-repeat;zoom:1.2;}
.rightNavBar{ position: fixed; top: 50%; right: 20px; width: 98px; height: 568px; padding-top: 108px;box-sizing: border-box; z-index: 9999; transition: all .4s;transform: translateY(-50%);}
.rightNavBar.fixed{ top: 40%; transform: translateY(-50%);}
.rightNavList li{ position: relative; width: 69px; height: 70px; margin: 0 auto 10px; background-color: #4a82f4; border-radius: 7px; box-sizing: border-box;}
.rightNavList li a{ position: relative; display: block; height: 100%; text-align: center; text-decoration: none;}
.rightNavList li>a>img{ display: block; margin: 0 auto;}
.rightNavList li>a>span{ display: block;  font-size: 14px; color: #fff; line-height: 14px; margin-top: -10px; }
.rightNavList li .ewm{ position: absolute; right: 95px; top: 50%; width: 125px; margin-top: -62px; box-shadow: 0 0 15px rgba(0,0,0,0.2); border-radius: 5px; display: none;}
.rightNavList li .ewm::before{ content: ''; position: absolute; right: -13px; top: 50%; margin-top: -8px; width: 14px; height: 16px; background: url(../img/rightNavBg05.png) no-repeat; z-index: 99;}
.rightNavList li:hover .ewm{ display: block;}
.rightNavList li .ewm img{ display: block; width: 100%;}
.rightNavBar .closeMenu{ position: absolute; bottom: 0; left: 50%; width: 29px; height: 57px; margin-left: -14px; background: url(../img/icon-rightNav14.png) no-repeat;   cursor: pointer; visibility:hidden;}
.flowind{ width: 266px; height: 157px;  position: fixed; right: 0; bottom: 0; z-index: 50;background-repeat: no-repeat;}
.flowind .closeflow{position: absolute;top:0;right:3px;cursor: pointer;font-size: 25px; color: #67696a;z-index:2;}
.rightBarSwiperWrap{ position: absolute;}
.rightBarSwiper{width: 266px; height: 157px; box-sizing: border-box; overflow: hidden; }
.rightBarSwiper .swiper-slide{ background: none;width:100%;overflow: hidden;}
.rightBarSwiper .swiper-slide a{
    display: flex;
    height: 100%;
    padding: 0 10px 0 25px;
    font-size: 20px;
    line-height: 1.5;
    color: #fff;
    font-weight:bold;
    align-items: center;
    justify-content: center;
    flex-direction: column
}
.rightBarSwiperWrap .swiper-pagination-bullet-active{background-color: #fff;}
.rightBarSwiper .swiper-pagination{ bottom: 20px !important;}
.rightBarSwiper .swiper-pagination span{ background-color: #daddff; opacity: .4; }
.rightBarSwiper .swiper-pagination .swiper-pagination-bullet-active{ opacity: 1; }
.rightNavList .first-li a{ padding-top: 14px; box-sizing: border-box; }
.rightNavList .first-li a img{ margin-bottom: 18px;}
.rightNavList li a::before, .rightNavList li a::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    transition: 1s ease-in-out;
    opacity: 0;
}

.rightNavList li a::before {
    top: 0;
    left: 0;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
}

.rightNavList li a::after {
    right: 0;
    bottom: 0;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
}
.rightNavList li a:hover::before,
.rightNavList li a:hover::after {
    width: 100%;
    height:100%;
    opacity: 1;
}
.icon-svg .icon{ width: 28px;}
.icon-svg .icon path{ fill: #fff; stroke-width: 10; stroke: #fff; }
.icon-svg .icon.icon-svg01 path{
    stroke-dasharray: 2880;
    stroke-dashoffset: 0;
}
.rightNavList li a:hover .icon.icon-svg01 path{
    animation: animate-svg01 1.6s linear forwards;
}
@keyframes animate-svg01{
    0%{ stroke-dashoffset: 0;  }
    40%{ stroke-dashoffset: 2880;  }
    80%{ stroke-dashoffset: 5760; fill: transparent; }
    100%{ stroke-dashoffset: 5760; fill: #fff; }
}

.icon-svg .icon.icon-svg02 path{
    stroke-dasharray: 1180;
    stroke-dashoffset:0;
}
.rightNavList li a:hover .icon.icon-svg02 path{
    animation: animate-svg02 1.6s linear forwards;
}
@keyframes animate-svg02{
    0%{ stroke-dashoffset: 0;  }
    40%{ stroke-dashoffset: 1180;  }
    80%{ stroke-dashoffset: 2360; fill: transparent; }
    100%{ stroke-dashoffset: 2360; fill: #fff; }
}

.icon-svg .icon.icon-svg03 path{
    stroke-dasharray: 1980;
    stroke-dashoffset:0;
}
.rightNavList li a:hover .icon.icon-svg03 path{
    animation: animate-svg03 1.6s linear forwards;
}
@keyframes animate-svg03{
    0%{ stroke-dashoffset: 0;  }
    40%{ stroke-dashoffset: 1980;  }
    80%{ stroke-dashoffset: 3960; fill: transparent; }
    100%{ stroke-dashoffset: 3960; fill: #fff; }
}

.icon-svg .icon.icon-svg04 path{
    stroke-dasharray: 2780;
    stroke-dashoffset: 0;
}
.rightNavList li a:hover .icon.icon-svg04 path{
    animation: animate-svg04 1.6s linear forwards;
}
@keyframes animate-svg04{
    0%{ stroke-dashoffset: 0;  }
    40%{ stroke-dashoffset: 2780;  }
    80%{ stroke-dashoffset: 5560; fill: transparent; }
    100%{ stroke-dashoffset: 5560; fill: #fff; }
}
/*首页结束*/
/*信息公开开始*/
.X_S1{background: #f3f3f3;padding-top: 25px;padding-bottom: 25px;}
.X_S1 .container{background: #fff;padding: 30px 30px 10px 30px;}
.X_S1 .container>.fl_l,.X_S1 .container>.fl_r{width: 48.7%;}
.X_S1 .leader1_box img{height: 150px;float: left;}
.X_S1 .leader1_box>div{padding: 13px 0 0 67px;box-sizing: border-box;}
.X_S1 .leader1_box>div a{font-size: 20px;font-weight: bold;}
.X_S1 .leader1_box>div p{font-size: 16px;font-weight: normal;color: #333;margin-top: 27px;}
.X_S1 .xxgk_letter_box{
    background: #d4ecfc;
    width: 100%;
    height: 88px;
    border-radius: 5px;
    margin-top: 20px;
    padding: 20px;
    box-sizing: border-box;
}
.X_S1 .xxgk_letter_box .leader_mailbox img{transition: 0.3s}
.X_S1 .xxgk_letter_box .leader_mailbox:hover img{transform: scale(1.05)}
.X_S1 .xxgk_letter_box .write_letter{
    width: 42.22%;
    float: right;
    border-radius: 50px;
    background: #60a2be;
    padding: 10px 20px;
    text-align: center;
    line-height: 35px;
    color: #fff;
    display: block;
}
.X_S1 .xxgk_letter_box .write_letter:hover{background: #006ab9;}
.X_S1 .xxgk_jgzn_box ul li{
    float: left;
    width: 22.4%;
    box-sizing: border-box;
    border: 1px solid #efefef;
    background: #f5f5f5;
    margin-right: 3.466%;
    text-align: center;
    padding: 15px 0;
    margin-top: 10px;
}
.X_S1 .xxgk_jgzn_box ul li:last-child{margin-right: 0;}
.X_S1 .xxgk_jgzn_box ul li a{font-size: 16px;}
.X_S1 .xxgk_jgzn_box ul li a i.iconfont{font-size: 24px;color: #0e6bb6;}
.X_S1 .xxgk_jgzn_box ul li a p{padding-top: 4px;}
.X_S1 .xxgk_jgzn_box ul li:hover{border: 1px solid #0e6bb6;background-color: #fff;border-radius: 5px}
.X_S1 .xxgk_jgzn_box ul li:hover a{color: #0e6bb6;}
/*副厅长列表*/
.X_S1 .fl_r ul li{float: left;margin: 0 15px;}
.X_S1 .fl_r ul li img{height: 142px;width: 108px;display: block;transition: 0.3s}
.X_S1 .fl_r ul li p{margin: 12px 0;text-align: center;}
.X_S1 .fl_r ul li:hover img{transform: scale(1.05)}

.X_S2{padding: 30px 0;}
.X_S2 ul li{
    float: left;
    width: 19%;
    background-image: url("../img/2021xxBtn.png");
    background-repeat: no-repeat;
    background-position: top left;
    text-align: center;
    font-size: 20px;
    height: 90px;
    line-height: 90px;
    margin-left: 1%;
    border-radius: 5px;
    font-weight: bold;
    display: inline-block;
    transition: all 0.4s ease;
}
.X_S2 ul li a{color: #fff;display: block;height: 100%;}
.X_S2 ul li:nth-child(1){background-color: #38b3a0;}
.X_S2 ul li:nth-child(2){background-color: #3fa3c9;}
.X_S2 ul li:nth-child(3){background-color: #39c09d;}
.X_S2 ul li:nth-child(4){background-color: #7bb6de;}
.X_S2 ul li:nth-child(5){background-color: #57b1d4;}
.X_S2 ul li:hover{
    background-color: #006ab9;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
/*业务公示开始*/
.X_S3 .fl_l,.X_S3 .fl_r{width: 50%;padding: 0 15px;box-sizing: border-box;}
.n_label{
    height: 50px;
    line-height: 50px;
    background: #f9f9f9;
    padding: 0 15px;
    border-top: 2px solid #006ab9;
    margin-bottom: 10px;
}
.n_label>a{float:left;font-size:20px;font-weight:bold;}
.n_label>ul{float: left;}
.n_label>ul li{float:left;background:url(../img/2021lin.png) no-repeat 0 18px;padding:0 15px;}
.n_label>ul li:first-child{background:none;}
.n_label>ul li.active a{font-weight: bold;}
.n_label>ul li a{font-size: 16px;}
.n_tab_box ul{padding: 0 15px;box-sizing: border-box;}
.n_tab_box ul li{
    background: url(../img/2021y.png) no-repeat left center;
    padding:7px 0 7px 15px;
    box-sizing: border-box;
    line-height: 1.5;
}
.n_tab_box ul li span{float: right;color: #666;font-size: 14px;}
.n_tab_box ul li:hover a{color: #006ab9;}
/*业务公式结束*

/*政府信息公开开始*/
.X_S3 .xxgx_zfn_label{
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    height: 65px;
    line-height: 65px;
    background: #0e6bb6 url(../img/2021xxBtn.png) no-repeat left;
}
.X_S3 .xxgx_zfn_label a{font-size: 22px;font-weight: bold;color: #fff;}
.X_S3 .xxgx_zfxxgk_box{padding: 0 5px;}
.X_S3 .xxgx_zfxxgk_box li{
    background: #f2f2f2;
    border-radius: 5px;
    text-align: center;
    padding: 15px 0;
    margin-top: 10px;
    float: left;
    width: 47.5%;
    transition: all 0.4s ease;
}
.X_S3 .xxgx_zfxxgk_box li:nth-child(even){float: right;}
.X_S3 .xxgx_zfxxgk_box li:hover{
    background: #0e6bb6;
    border-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.X_S3 .xxgx_zfxxgk_box li:hover a{color: #fff}
.X_S3 .xxgx_zfxxgk_box li a{display: block;height: 100%;}
.X_S3 .xxgx_zfxxgk_box li a i{font-size: 26px;}
.X_S3 .xxgx_zfxxgk_box li a p{line-height: 1;margin-top: 10px;}
/*政府信息公开结束*/
/*生态环境重点领域信息公开开始*/
.X_S4{margin-top: 30px;}
.X_S4 ul li{
    float: left;
    width: 22.334%;
    color: #333;
    text-align: center;
    display: block;
    line-height: 45px;
    height: 45px;
    margin: 15px 1.333% 0 1.333%;
    border: 1px solid #006ab9;
    box-sizing: border-box;
}
.X_S4 ul li a{display: block;height: 100%;}
.X_S4 ul li:hover a{background-color: #006ab9;color: #fff;}
/*生态环境重点领域信息公开结束*/
/*财政公开开始*/
.X_S5{margin-top: 50px;}
.X_S5 .fl_l,.X_S5 .fl_r{width: 50%;padding: 0 15px;box-sizing: border-box;}
.X_S5 .n_tab_box .dwyjs{min-height: 200px;}
.X_S5 .n_tab_box .dwyjs ul li{padding: 5px 0 5px 15px;}

.X_S5 .swiper-horizontal>.swiper-pagination-bullets{bottom:0;}
/*财政公开结束*/
/*新闻发布会开始*/
.X_S6{margin-top: 30px;}
.X_S6 ul li{
    width: 31%;
    float: left;
    margin-right: 2%;
    margin-bottom: 20px;
}
.X_S6 ul li img{width: 100%;height: 200px;display: block;}
.X_S6 ul li p{
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 45px;
    line-height: 45px;
    text-align: center
}
.X_S6 ul li:hover p{
    background: #efefef;
    color: #006ab9;
    border-bottom: 2px solid #006ab9;
}
/*新闻发布会结束*/
/*信息公开结束*/
/*办事服务开始*/
.B_S1{padding: 30px 0;}
.B_S1 ul li{
    width: 13%;
    float: left;
    margin-left: 1.2%;
    background: #f9f9f9;
    text-align: center;
    font-size: 14px;
    padding: 20px 10px 10px 10px;
    border-radius: 5px;
    line-height: 20px;
    height: 100px;
    font-weight: bold;
    border: 1px solid #efefef;
    box-sizing: border-box;
    position: relative;
}
.B_S1 ul li:first-child{margin-left: 0;}
.B_S1 ul li:hover{
    color: #333;
    display: block;
    line-height: 20px;
    background: #fff;
    border: 1px solid #006ab9;
    box-shadow: 0 0 24px rgba(0, 106, 185, 0.21);
}
.B_S1 ul li a{
    display: block;
    width: 100%;
    height: 100%;
    color: #000;
}
.B_S1 ul li span{
    color: #999;
    font-weight: normal;
    font-size: 14px;
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
}
.B_S2{
    border: 1px solid #efefef;
    border-radius: 5px;
    padding: 0 10px 0 10px;
    box-sizing: border-box;
    margin-bottom: 30px;
}

/*办事服务结束*/

/*数据开放开始*/
.K_S1 .fl_l{width: 66.67%;}
.K_S1.S7 .AQIswiper{height: 390px;}
.K_S1.S7 .NoiseSwiper{height: 300px;}
.K_S1.S7 .zhzs-rank{height: 390px;}
.K_S1.S7 .zrbhswiper{height: 390px;}
.K_S1 .label_box{
    border: none;
    height: 52px;
    border-top: 1px solid #efefef;
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
}
.K_S1 .label_box ul li{margin-right: 0;padding: 0 15px;}
.K_S1 .tab3{
    border-bottom: 1px solid #efefef;
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
}

.K_S1.S7 .fl_r{width: 33.33%;margin-top: 56px;}
.K_S1.S7 .fl_r ul li{
    width:100%;
    height:52px;
    border:1px solid #ccebf5;
    background-color:#f4faff;
    box-sizing:border-box;
    margin: 0 0 12px 0;
    padding: 0 29px;
    background-repeat:no-repeat;
    background-position:right 29px center;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 0;
}
.K_S1.S7 .fl_r ul li:nth-child(2n){margin: 0 0 12px 0;}
.K_S1.S7 .fl_r ul li:last-child{margin: 0;}
.K_S1.S7 .fl_r ul li:hover{
    background-color:#1d72c5;
    border:1px solid #1d72c5;
}
.K_S1.S7 .fl_r ul li:hover a{
    color:#ffffff;
}
.K_S1.S7 .fl_r ul li a{
    display: flex;
    width:80%;
    height: 100%;
    line-height:1.2;
    align-items: center;
    color:#1d72c5;
}
.K_S1.S7 .fl_r ul li:nth-child(1){background-image:url(../img/sjfb1_icon.png);}
.K_S1.S7 .fl_r ul li:nth-child(2){background-image:url(../img/sjfb2_icon.png);}
.K_S1.S7 .fl_r ul li:nth-child(3){background-image:url(../img/sjfb3_icon.png);}
.K_S1.S7 .fl_r ul li:nth-child(4){background-image:url(../img/sjfb4_icon.png);}
.K_S1.S7 .fl_r ul li:nth-child(5){background-image:url(../img/sjfb5_icon.png);}
.K_S1.S7 .fl_r ul li:nth-child(6){background-image:url(../img/sjfb6_icon.png);}
.K_S1.S7 .fl_r ul li:nth-child(7){background-image:url(../img/sjfb7_icon.png);}
.K_S1.S7 .fl_r ul li:nth-child(8){background-image:url(../img/sjfb8.png);}

.K_S1.S7 .fl_r ul li:hover:nth-child(1){background-image:url(../img/sjfb1_icon_w.png);}
.K_S1.S7 .fl_r ul li:hover:nth-child(2){background-image:url(../img/sjfb2_icon_w.png);}
.K_S1.S7 .fl_r ul li:hover:nth-child(3){background-image:url(../img/sjfb3_icon_w.png);}
.K_S1.S7 .fl_r ul li:hover:nth-child(4){background-image:url(../img/sjfb4_icon_w.png);}
.K_S1.S7 .fl_r ul li:hover:nth-child(5){background-image:url(../img/sjfb5_icon_w.png);}
.K_S1.S7 .fl_r ul li:hover:nth-child(6){background-image:url(../img/sjfb6_icon_w.png);}
.K_S1.S7 .fl_r ul li:hover:nth-child(7){background-image:url(../img/sjfb7_icon_w.png);}
.K_S1.S7 .fl_r ul li:hover:nth-child(8){background-image:url(../img/sjfb8_w.png);}

.K_S2{padding: 10px 0 25px 0;}
.K_S2 .n_lists_box{width: 31.6%;margin-right: 2.6%;float: left;margin-top: 20px;}
.K_S2 .n_lists_box:nth-child(3n){margin-right:0;}
.K_S2 .n_lists_box ul{padding:0;}
/*数据开放结束*/

/*生态保护开始*/
.S_S1{padding: 20px 0;}
.S_S1 .n_lists_box{width: 48.7%;float: left;margin: 20px 0 20px 0;}
.S_S1 .n_lists_box:nth-child(2n){float: right;}
/*生态保护结束*/

/*污染防治开始*/
.W_S1{background: #f3f3f3;padding:25px 0;}
.W_S1 .container{padding: 25px 25px 30px 25px;box-sizing: border-box;background-color: #fff;}
.W_S1 .W_S1_box{width: 32%;margin-right: 2%;float: left;}
.W_S1 .W_S1_box:last-child{margin-right: 0;}
.W_S1 .W_S1_box .W_S1_label{padding: 12px 0;border-bottom: 1px solid #efefef}
.W_S1 .W_S1_box .W_S1_label a{
    display: block;
    height: 26px;
    line-height: 26px;
    font-size:20px;
    font-weight: bold;
    padding-left: 8px;
    border-left: 7px solid #0069b9;
}
.W_S1 .W_S1_box ul li{width: 48%;float: left;margin: 15px 4% 0 0;}
.W_S1 .W_S1_box ul li:nth-child(2n){margin: 15px 0 0 0}
.W_S1 .W_S1_box ul li a{
    background: #f2f2f2;
    width: 100%;
    text-align: center;
    border: 1px solid #fff;
    text-decoration: none;
    display: inline-block;
    padding: 20px 10px 20px 20px;
    font-size: 14px;
    border-radius: 5px;
    height: 75px;
    box-sizing: border-box;
}
.W_S1 .W_S1_box ul li a p{
    display: flex;
    float: left;
    width: 70%;
    height: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: left;
}
.W_S1 .W_S1_box ul li a img{
    width: 34px;
    height: 34px;
    display: block;
    margin-right: 5px;
    vertical-align: middle;
    float: left;
}
.W_S2{padding: 20px 0;}
.W_S2 .fl_l,.W_S2 .fl_r{width: 48.8%;margin-bottom: 25px;}
/*污染防治结束*/

/*互动交流开始*/
.H_S1{padding: 20px 0;}
.ztjx {
    background-color: #f8f8f8;
    color: #015293;
}
.ztai {
    display: inline-block;
    background: #f5f5f5;
    font-size: 12px;
    text-align: center;
    width: 10%;
    height: 20px;
    line-height: 20px;
    margin-top: 5px;
    font-style: normal;
    vertical-align: top;
}
.H_S1 .n_tab_box ul li a{
    display: inline-block;
    width: 68%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.H_S2 ul{font-size: 0;}
.H_S2 ul li{
    display: inline-block;
    vertical-align: top;
    width: 340px;
    height: 124px;
    margin:0 29px;
    background-image: url(../img/2021btnbg.png);
    background-repeat: no-repeat;
    transition: all 0.4s ease;
}
.H_S2 ul li:nth-child(1){background-color: #16cee6;}
.H_S2 ul li:nth-child(2){background-color: #58d7bc;}
.H_S2 ul li:nth-child(3){background-color: #febb46;}
.H_S2 ul li:nth-child(4){background-color: #ef6f56;}
.H_S2 ul li:hover{
    background: #1368af;
    cursor: pointer;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.H_S2 ul li a{display: block;font-size: 0;padding: 40px 20px 20px 20px;box-sizing: border-box;}
.H_S2 ul li a>div:nth-child(1){
    width: 70%;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    line-height: 1
}
.H_S2 ul li a>div:nth-child(2){
    background: url(../img/2021q.png) no-repeat;
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    color: #fff;
    float: right;
}
.H_S2 ul li a i{font-size: 25px;}
.H_S2 ul li a span{font-size: 14px;font-weight: normal;margin-top: 5px;}

.H_S3 .fl_l,.H_S3 .fl_r{width: 48.8%;margin-top: 30px;}
.H_S4{margin: 20px auto;}
.H_S4 ul li{
    width: 23%;
    float: left;
    margin:5px 1%;
}
.H_S4 ul li img{display:block;width: 100%;  height: 170px;}
.H_S4 ul li p{
    display: flex;
    height: 45px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding:0 5px;
    box-sizing: border-box;
}
.H_S4 ul li:hover p{background: #006ab9;color:#fff;}
/*互动交流结束*/

/*走进环保开始*/
.zjhb_box .fl_l,.zjhb_box .fl_r{width: 48.8%;margin-top: 25px;}
.magazine{position: relative;}
.magazine .magazine_bg{display:block;width: 100%;}
.magazine>div{position: absolute;top: 0;}
.magazine>div img{display: block;width: 208px;height: 278px;margin: 6px 0 0 6px;float: left}
.magazine .magazine_list_box{float: right;width: 361px;padding: 20px 10px 10px 18px;box-sizing: border-box;}
.magazine .magazine_list_box .label{padding-bottom: 10px;border-bottom:1px solid #efefef;}
.magazine .magazine_list_box .label a{
    display: block;
    height: 26px;
    line-height: 26px;
    font-size: 20px;
    font-weight: bold;
    padding-left: 8px;
    border-left: 7px solid #0069b9;
}
.magazine .magazine_list_box .n_tab_box ul li{padding: 9px 0 9px 15px;}
.zjhb_box  .mtbd{margin-top: 34px;}
.msfc{margin: 30px auto;}
.msfc ul li:after {
    content: url(../img/2021-img.png);
    position: absolute;
    top: 0;
    right: 0;
}
.msfc ul li a{display: block;width: 100%;height: 160px;overflow: hidden;}
.msfc ul li a img{width: 100%;height:100%;transition: all 0.3s ease-in-out;}
.msfc ul li:hover a img{transform: scale(1.09);}
.msfc .swiper-button-prev,.msfc .swiper-button-next{
    width: 25px;
    height: 50px;
    background-color: rgba(0, 0, 0, 0.5);
}
.msfc .swiper-button-prev{left: 0;}
.msfc .swiper-button-next{right: 0;}
.msfc .swiper-button-prev:after,.msfc .swiper-button-next:after{
    color: #fff;
    font-size: 22px;
}
/*走进环保结束*/

/*通用有子概览开始*/
.crumbs{
    margin-top: 10px;
    line-height: 45px;
    padding: 15px 15px;
    background: url(../img/2021wz.png) repeat-x 0 65px;
    box-sizing: border-box;
}
.crumbs i{font-size:20px;color: #015293;margin-right: 10px;}
.crumbs a{font-size: 14px;}


.gl_list_box{padding: 20px 15px;box-sizing: border-box;}
.gl_list_box .fl_l{width: 20%;}
.gl_list_box .category .f_chnl{
    display: flex;
    width: 100%;
    min-height: 65px;
    padding:5px 10px;
    box-sizing: border-box;
    background: #015293 url(../img/2021xxBtn.png) no-repeat left top;
    color: #fff;
    text-align: center;
    line-height: 1.5;
    font-size: 22px;
    font-weight: bold;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.gl_list_box .category ul li{
    height: 65px;
    background: #f7f8fd;
    color: #333;
    margin-top: 3px;
    padding: 5px 10px;
    box-sizing: border-box;
}
.gl_list_box .category ul li a{
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-size: 16px;
    font-weight: normal;
}
.gl_list_box .category ul li.active{background: #015293;position: relative;}
.gl_list_box .category ul li.active:before{
    content: "";
    display: block;
    width: 7px;
    height: 26px;
    background: #fff;
    position: absolute;
    top: 20px;
    left: 15px;
}
.gl_list_box .category ul li.active a{color:#fff}
.gl_list_box .fl_r{width: 78%;}
.gl_list_box .label{padding:10px 0;border-bottom:1px solid #efefef;margin-bottom: 15px;}
.gl_list_box .label a{
    display: block;
    height: 26px;
    line-height: 26px;
    font-size: 20px;
    font-weight: bold;
    padding-left: 8px;
    border-left: 7px solid #0069b9;
    color: #0069b9;
}
.gl_list_box .n_tab_box ul{padding: 0;}
.page_num{text-align: center;padding: 25px;}
#page_div{
    line-height: 20px;
    color: #666;
    margin: 0 auto;
    width: auto !important;
    display: inline-block;
}
#page_div .pagination_index {
    border: 1px #cccccc solid;
    padding: 0 8px;
    margin: 4px 4px 0 4px;
    float: left;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 12px;
}
#page_div .pagination_index_num {
    padding: 0 8px;
    margin: 4px 4px 0 4px;
    float: left;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 12px;
    border: 1px solid #ccc;
}
#page_div .currentIndex {
    background: #0172cb;
    border: 1px solid #0172cb;
    height: 24px;
    line-height: 24px;
    color: #FFF;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    margin: 4px 4px 0 4px;
}
#page_div .pagination_index_last {
    font-size: 12px;
    margin: 4px 0 0 10px;
    line-height: 24px;
    color: #777777;
}
#pagination_input {
    width: 45px;
    height: 20px;
    line-height: 20px;
    color: #0172cb;
    vertical-align: middle;
    overflow: hidden;
    border: 1px solid #ccc;
    font-size: 12px;
    margin: 5px 0 0 0;
}
#page_div .pagination_qd {
    border: 1px #cccccc solid;
    color: #676767;
    line-height: 20px;
    height: 20px;
    width: 53px;
    vertical-align: middle;
    background: #fff;
    margin: 5px 0 0 0;
}
/*通用有子概览结束*/
/*通用细览开始*/
.article_box{padding: 0 15px;}
.article_box h3{
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    line-height: 32px;
    padding: 20px 0;
    border-bottom: 1px solid #efefef;
}
.article_box .extend{font-size: 14px;color: #999;padding: 15px 0;margin-bottom: 20px;}
.article_box .extend a{font-size: 14px;color: #999;}
.article_box .extend #pageview{margin-left: 20px;}
.article_box .extend .fl_r>div{display: inline-block;}
.word-size{margin-right: 20px;}
.share-box a {
    display: inline-block;
    width: 24px;
    height: 24px;
    font-size: 0;
    vertical-align: middle;
    position: relative;
}
.bd_weixin{background-image:url(../img/bs_wx.png) !important; background-size:cover;}
.bd_qzone{background-image:url(../img/bs_qzone.png) !important; background-size:cover;}
.bd_weibo{background-image:url(../img/bs_weibo.png) !important; background-size:cover;}
.fujian{font-size: 14px;margin-bottom: 20px;line-height: 1.8;}
.fujian a{color:#333;}
.xlBtn {
    font-size: 14px;
    color: #333;
    height: 50px;
    line-height: 40px;
    margin-bottom: 20px;
    border-top: 1px solid #efefef;
    margin-top: 0;
}
/*通用细览结束*/
/*专题专栏开始*/
.zt_box ul li{width: 23.2%;float: left;margin:0 2.4% 20px 0;}
.zt_box ul li:nth-child(4n){margin:0 0 20px 0;}
.zt_box ul li img{width: 100%;height: 135px;display: block;}
.zt_box ul li span{
    display: flex;
    height: 50px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 1px solid #e9f0f5;
    padding: 5px 8px;
    box-sizing: border-box;
}
.zt_box ul li:hover span{background-color: #3794dc;color: #fff;border: 1px solid #3794dc;}
/*专题专栏结束*/
/*征集调查开始*/
.zjdc_box{border: 1px solid #efefef;padding: 20px 15px;box-sizing: border-box;}
.zjdc_box .label{
    width: 120px;
    height: 41px;
    line-height: 40px;
    background: #006ab9;
    color: #fff;
    text-align: center;
    font-size: 16px;
}
.zjdc_box .fl_l{width: 32%;}
.zjdc_box .fl_l>.zjxz{
    font-size: 15px;
    line-height: 30px;
    padding: 10px 20px;
    border: 1px solid #efefef;
    box-sizing: border-box;
    text-indent: 2em;
    color: #333;
}
.zjdc_box .fl_r{width: 66%;}
.zjdc_box .fl_r .n_tab_box ul{padding: 10px 15px;min-height: 460px}
.zjdc_box .fl_r .n_tab_box ul li a {
    display: inline-block;
    width: 60%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.zjdc_box .fl_r #turnpage{text-align: center;margin: 20px 0;}
/*征集调查结束*/
/*回应关切开始*/
.hygq_label{margin-top: 20px;}
.hygq_label span{
    display: block;
    float: left;
    width: 116px;
    height: 40px;
    line-height: 40px;
    background: #006ab9;
    color: #fff;
    text-align: center;
    font-size: 16px;
}
.hygq_label a{
    width: 124px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    background-color: #bd1a2d;
    color: #ffffff;
    border-radius: 4px;
    float: right;
    margin-left: 20px;
    margin-top: 5px;
}
.hygq_label a:nth-child(3){margin-left: 0}
.fiTit li {
    float: left;
    background: #efefef;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.fiTit li.bt{width: 50%;}
.fiTit li.dep{width: 20%}
.fiTit li.time{width: 15%}
#letterlist li{height: 40px;  line-height: 40px;font-size: 0;}
#letterlist li a{display: inline-block;font-size: 16px;width: 50%;}
#letterlist li span{display: inline-block;font-size: 16px;width: 15%;text-align: center;}
.hygqturnpage{text-align: center;margin: 30px 0;}
.hygqturnpage a{cursor: pointer;}
/*回应关切结束*/

/*图片新闻概览页开始*/
.p_tab_box ul{font-size: 0;}
.p_tab_box ul li{
    width: 32%;
    display: inline-block;
    vertical-align: top;
    margin: 0 2% 6px 0;
}
.p_tab_box ul li:nth-child(3n){margin: 0 0 6px 0;}
.p_tab_box ul li img{width: 100%;height: 150px;}
.p_tab_box ul li p{
    height: 40px;
    line-height: 40px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    font-size: 16px;
}
.p_tab_box ul li:hover p{
    color: #0069b9;
}
/*图片新闻概览页结束*/
/*图片无子栏目概览页开始*/
.wp_tab_box ul{font-size: 0;}
.wp_tab_box ul li{
    width: 23%;
    display: inline-block;
    vertical-align: top;
    margin: 0 2% 6px 0;
}
.wp_tab_box ul li:nth-child(3n){margin: 0 0 6px 0;}
.wp_tab_box ul li img{width: 100%;height: 150px;}
.wp_tab_box ul li p{
    height: 40px;
    line-height: 40px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    font-size: 16px;
}
.wp_tab_box ul li:hover p{
    color: #0069b9;
}
.wp_tab_box ul li:nth-child(3n){
    margin: 0 3% 6px 0;
}
.wp_tab_box ul li:nth-child(4n){
    margin: 0 0 6px 0;
}
/*图片无子栏目概览页结束*/
@media only screen and (max-width: 768px) {
    .pc{display: none !important;}
    .mobile{display: block !important;}
    .container{padding: 0 15px;box-sizing: border-box;}
    /*首页开始*/
    .rightNavBar{ display: none;}
    .flowind{zoom: 0.8}
    .S1{background-color: #3794dc;padding: 20px 15px;}
    .S1 .top-news{width: 100%;}
    .S1 .top-news a{font-size: 20px;color: #fff;}
    .S3{border: none;}
    .S3 .swiper-slide .fl_l{width: 100%;height: 220px;}
    .S3 .swiper-slide .fl_r{width: 100%;padding: 20px 15px;height: auto;}
    .S3 .swiper-slide .fl_r>a{font-size: 18px;}
    .S3 .swiper-slide .fl_r span{display: block;line-height: 50px;}
    .S3 .swiper .swiper-pagination.tpxwpagination{bottom: 10px;}
    .S4{margin-top: 10px;}
    .S4>div{width: 100%;padding: 0 30px;box-sizing: border-box;position: relative;}
    .S4 a.chnldesc {
        border-bottom: 3px solid #0069b9;
        font-size: 20px;
        font-weight: 600;
        display: block;
        padding: 15px 0;
        margin-bottom: 20px;
    }
    .S4 .fl_r .swiper-button-prev{left: 0;}
    .S4 .fl_r .swiper-button-next{right: 0;text-align: right;}
    .S4 .fl_r .swiper-button-next:after,.S4 .fl_r .swiper-button-prev:after{font-size: 30px;}
    .S5>.fl_l, .S6>.fl_l,.S5 .xxgk_box, .S6>.fl_r{width: 100%;}
    .S5>.fl_l .label_box ul,.S6>.fl_l .label_box ul,.S7>.fl_l .label_box ul{white-space: nowrap;overflow: scroll;}
    .S5>.fl_l .label_box{padding:0 15px;}
    .S5 .video-news_box>.fl_l{width: 100%;}
    .S5 .video-news_box video{width: 100%;height: 230px;}
    .S5 .video-news_box .fl_r{width: 100%;}
    .S5 .xxgk_box ul li{overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
    .S6 .label_box ul li a, .S7 .label_box ul li a{font-size: 18px;}
    .S7 .fl_l{width: 100%;padding: 0;}
    .S7 .fl_r{width: 100%;padding: 0;}
    .S7 .example{width: 100%;}
    .S7 #river-quality{width: 100%;}
    .S7 .fl_r ul li{width: 49%;margin: 13px 0;background-position: right 8px center;}
    .S7 .fl_r ul li:nth-child(2n){margin: 13px 0;}
    .S7 .fl_r ul li a{font-size: 3.5vw;padding: 0 50px 0 10px; }
    .S8>.ztzl_box{width: 100%;}
    /*首页结束*/
    /*信息公开开始*/
    .X_S1 .container,.X_S2.container{padding:20px 15px;}
    .X_S1 .fl_l,.X_S1 .fl_r,.X_S5 .fl_l, .X_S5 .fl_r,.X_S1 .container>.fl_l,.X_S1 .container>.fl_r{width: 100%;}
    .X_S1 .leader1_box img{height: unset;width: 32%;}
    .X_S1 .leader1_box>div{width: 65%;padding: 13px 0 0 20px;}
    .X_S1 .xxgk_letter_box .leader_mailbox img{width: 133px;}
    .X_S1 .xxgk_letter_box .write_letter{width: 35%;line-height: 1.8}
    .X_S1 .xxgk_jgzn_box ul li{width: 47%;margin-right:6%;}
    .X_S1 .xxgk_jgzn_box ul li:nth-child(2n){margin-right: 0;}
    .X_S1 .fl_r{margin-top: 20px;}
    .X_S1 .fl_r ul li{margin: 0 2vw;}
    .X_S1 .fl_r ul li img{width: auto;height: 37vw;}
    .X_S2 ul li{width: 48%;margin:15px 0 0 4%;font-size: 18px;}
    .X_S2 ul li:nth-child(2n-1){margin-left: 0;}
    .X_S3 .fl_l, .X_S3 .fl_r{width: 100%;padding: 0;}

    .n_label{padding: 0;}
    .n_label>a{font-size: 18px;}
    .n_label>ul,.n_label>ul{width: 76%;white-space: nowrap;overflow: scroll;float: right;}
    .n_label>ul::-webkit-scrollbar {
        height: 0;
    }
    .n_label>ul li,.n_label>ul li{display: inline-block;float: unset;}
    .X_S3 .fl_r{margin-top: 20px;}

    .X_S4 ul li{width: 48%;margin:15px 4% 0 0;}
    .X_S4 ul li:nth-child(even){margin: 15px 0 0 0}
    .X_S4 ul li a{font-size: 14px;}

    .X_S5 .fl_l, .X_S5 .fl_r{padding: 0;}
    .X_S5 .n_tab_box .dwyjs ul li a{
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .X_S6 ul li{width: 49%;margin-bottom: 10px;}
    .X_S6 ul li:nth-child(even){margin-right: 0;}
    .X_S6 ul li img{height: 100px;}
    .X_S6 ul li p{font-size: 14px;}
    /*信息公开结束*/

    /*办事服务开始*/
    .B_S1.container{padding: 20px 15px;box-sizing: border-box;border-top: 1px solid #0069b9}
    .B_S1 ul li{
        width: 48% !important;
        height: 140px;
        margin:10px 0 10px 4%;

    }
    .B_S1 ul li:nth-child(odd){margin:10px 0 10px 0;}
    /*办事服务结束*/

    /*数据开放开始*/
    .K_S1.S7 .fl_r{width: 100%;margin-top: 25px;}
    .K_S2 .n_lists_box{width: 100%;margin-right:0;}
    .K_S2.container{padding: 10px 15px 25px 15px;}
    .n_tab_box ul li:after{display: block;content: '';clear: both;}
    /*数据开放结束*/

    /*生态保护开始*/
    .S_S1 .n_lists_box{width: 100%;float: unset;margin: 20px 0 20px 0;}
    .S_S1 .n_lists_box:nth-child(2n){float: unset;}
    /*生态保护结束*/
    /*污染防治开始*/
    .W_S1 .W_S1_box{width: 100%;}
    .W_S1 .W_S1_box .W_S1_label a{font-size: 18px;}
    .W_S1 .W_S1_box ul li a{padding: 20px 8px;}
    .W_S1 .W_S1_box ul li a img{max-width: 25%;margin-right: 2%;}
    .W_S1 .W_S1_box ul li a p{width: 73%;}
    .W_S2 .fl_l,.W_S2 .fl_r{width: 100%;}
    .W_S2 .dqhjgl ul{width: 63%;}

    /*污染防治结束*/

    /*互动交流开始*/
    .H_S1 .n_tab_box ul li a{width: 100%;}
    .n_tab_box ul#myzj{padding:0 6px;}
    .ztai {width: 20%;}
    .H_S2{margin-top: 20px;}
    .H_S2 ul li{width: 100%;margin: 7px 0;}
    .H_S3 .fl_l, .H_S3 .fl_r{width: 100%;}
    .H_S4 ul li{width: 48%;}
    .H_S4 ul li:nth-child(even){float: right;}
    .H_S4 ul li img{height: 90px;}
    .H_S4 ul li p{
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: center;
    }
    /*互动交流结束*/
    /*走进环保开始*/
    .zjhb_box .fl_l, .zjhb_box .fl_r{width: 100%;}
    .magazine>div{position: unset;}
    .magazine .magazine_list_box{width: 100%;padding: 0;}
    .magazine .magazine_list_box .label a{font-size: 18px;}
    .zjhb_box  .mtbd{margin-top: 25px;}
    /*走进环保结束*/

    /*通用有子概览开始*/
    .crumbs{line-height: 20px;}
    .gl_list_box .fl_l,.gl_list_box .fl_r{width: 100%;}
    .gl_list_box .category .f_chnl{min-height: 40px;font-size: 20px;margin-bottom: 5px;}
    .gl_list_box .category ul{
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 5px;
    }
    .gl_list_box .category ul li{
        height: 40px;
        flex: 0 0 calc((100% - 10px) / 2);
        margin-top: 0;
    }
    .gl_list_box .category ul li.active:before{content: unset;}
    .gl_list_box .category ul li a{font-size: 14px;line-height: 1;}
    .page_num{padding: 0;}
    .gl_list_box{padding: 20px 15px;}
    /*通用有子概览结束*/
    /*通用细览开始*/
    .article_box h3{font-size: 16px;}
    /*通用细览结束*/
    /*专题专栏开始*/
    .zt_box ul li{width: 49%;margin: 0 2% 15px 0;}
    .zt_box ul li img{height: 93px;}
    .zt_box ul li span{font-size: 14px;}
    .zt_box ul li:nth-child(2n){ margin: 0 0 15px 0;}
    /*专题专栏结束*/
    /*征集调查开始*/
    .zjdc_box{margin-top: 20px;}
    .zjdc_box .label{margin-top: 20px;}
    .zjdc_box .fl_l,.zjdc_box .fl_r{width: 100%;}
    .zjdc_box .fl_r .n_tab_box ul li a{width: 100%;}
    /*征集调查结束*/
    /*回应关切开始*/
    .hygq_label span{width: 30%;}
    .hygq_label a{width: 28%;margin-left: 5%;}
    #letterlist li{height: unset;line-height: 1.8;padding: 8px 0;border-bottom: 1px dashed #afafaf;}
    #letterlist li a{width: 100%;}
    #letterlist li span{width: 50% !important;color: #777777;line-height: 1.5}
    #letterlist li span:nth-child(3):before{
        content: "来信时间";
        display: block;
    }
    #letterlist li span:nth-child(4):before{
        content: "答复时间";
        display: block;
    }
    /*回应关切结束*/
    /*图片新闻概览页开始*/
    .p_tab_box ul li{width: 49%;margin: 0 2% 6px 0;}
    .p_tab_box ul li:nth-child(3n){margin: 0 2% 6px 0;}
    .p_tab_box ul li:nth-child(2n){margin: 0 0 6px 0;}
    .p_tab_box ul li img{height: 100px;}
    /*图片新闻概览页结束*/
    .wp_tab_box ul li{width: 49%;margin: 0 2% 6px 0;}
    .wp_tab_box ul li:nth-child(3n){margin: 0 2% 6px 0;}
    .wp_tab_box ul li:nth-child(2n){margin: 0 0 6px 0;}
    .wp_tab_box ul li img{height: 100px;}
}