@charset "utf-8";
/* CSS Document */
@import url(mobile_header.css;vpn_img);

@media screen and (max-width: 750px) {
    .mt-1,.mt-2,.mt-3{margin-top: 10px;}
    .mt-4,.mt-5,.mt-6,.mt-7,.mt-8{margin-top: 20px;}
    .mb-7{margin-bottom: 20px;}

    .main>div{height: auto;width: 100%;}
    .main{padding:10px;}
    .left_fixed{display:none;;position: inherit;top: inherit;background: none;width: calc(100%);height: auto;padding: 10px;transform: inherit;}
    .left_fixed > ul{position: inherit;left: inherit;top: inherit;display: flex;flex-wrap: wrap;width: 100%;}
    .left_fixed > ul li{width: calc((100% - 10px) / 2);margin-left: 10px !important;margin-top: 10px !important;height: 40px;}
    .left_fixed > ul li:nth-child(odd){margin-left: 0 !important;}
    .left_fixed > ul li:last-child{width: 100%;}
    
    .part2 .hd ul li a{font-size: 16px !important;text-align: center;}
    .part2 .xwzx_box .right .yw_tab .bd ul{float:left;}
    .part2 .bd ul li{font-size: 14px !important;line-height: 40px !important;height: 40px !important;}
    .part2 .bd ul li a{font-size: 14px !important;padding-left: 15px !important;margin-right: 15px !important;}


    .part1{flex-direction: column;}
    .part1 .tzgg .bd{width: calc(100% - 106px);margin-left: 0;}
    
    .tzgg{width: 100%;margin-top: 0;}
    .tzgg .bd ul li{float: left;}
    .tzgg .bd ul li > a{font-size: 30px;margin: 0 auto;line-height: 40px;}
    .tzgg .bd ul li p{font-size: 14px;line-height: 30px;}
    .part1 .tzgg .bd li a{font-size: 18px !important;}
    
    /*焦点图*/
    .Focus{width: 100%;height: calc((100vw - 40px) / (600 / 400));}
    .Focus .pic li{height: calc((100vw - 40px) / (600 / 400));}
    .Focus .pic li img{height: calc((100vw - 40px) /(600 / 400));}
    .Focus .txt{padding: 0 10px;width: calc(100% - 20px);}
    .Focus .txt-bg{height: 50px;width: 100%;}
    .Focus .txt{height: 50px;}
    .Focus .txt li{height: 50px;line-height: 50px;}
    .Focus .txt li a{font-size: 14px;}
    .Focus > a{top: 50%;transform: translateY(-50%);}
    .Focus > a.next{transform:translateY(-50%) rotate(180deg) ;}
    .Focus .num {display: none;}

    .part2{margin-top: 10px !important;padding: 10px}
    .part2 .xwzx_box{flex-direction: column;}
    .part2 .xwzx_box .left{width: 100%;height: auto;}
    .part2 .xwzx_box .right{width: 100%;}
    .part2 .xwzx_box .left .ywwj_down{width: 100%;justify-content: space-around;}
    .part2 .xwzx_box .left .ywwj_down a::after{width: 0;height: 0;}
    .part2 .xwzx_box .left .ywwj_down a{margin-left: 0 !important;padding-left: 0;}
    .part2 .xwzx_box .right .yw_down{width: calc(100% - 20px);}
    .part2 .xwzx_box .right .yw_down .tab_tzgg{width: calc(100% - 60px);}
    /* 横幅 */
    .part2 .hf_box{width: 100%;height: calc((100vw - 40px) / (1200 / 120));margin-top: 10px;}
    .part2 .hf_box .swiper-slide{height: calc((100vw - 40px) / (1200 / 120));}
    .part2 .hf_box .pagination{display: none;}
    
    /* 公开 服务 互动 */
    .part3{}
    .part3 .zw_box .bd .zw_tit{display: flex;margin: 10px 0;color: #1352b7;}
    .part3 .zw_box .bd .zw_tit a{font-size: 18px !important;}
    /* 服务 */
    .part3 .zw_box{width: 100%;}
    .part3 .zw_box .hd{display: none;}
    .part3 .zw_box .bd{width: 100%;height: auto;padding: 10px;display: flex;flex-direction: column;}
    .part3 .zw_box .bd>div{display: flex;flex-direction: column;}

    .part3 .zw_box .bd .xfw .top .top_d{flex-wrap: wrap;margin: 20px 0 0;}
    .part3 .zw_box .bd .xfw .top .top_d > li{margin-left: 0;margin-bottom: 10px;width: 100%;}
    .part3 .zw_box .bd .xfw .top .top_d > li h2{width: 100%;background-size: cover !important;}
    .part3 .zw_box .bd .xfw .top .top_d > li > ul{margin: 10px ;}
    .part3 .zw_box .bd .xfw .top .top_d > li > ul li{margin-bottom: 10px;width: calc((100% - 10px) / 2);text-align: center;}
    .part3 .zw_box .bd .xfw .top .top_d > li > ul li:nth-child(even){margin-left: 10px;}
    .part3 .zw_box .bd .xfw .top .top_t{flex-direction: column;margin-left: 0;margin-top: 0;}
    .part3 .zw_box .bd .xfw .top .top_t .top_tr{flex-wrap: wrap;}
    .part3 .zw_box .bd .xfw .down ul li,
    .part3 .zw_box .bd .xfw .top .top_t .top_tr li{width: calc((100% - 10px) / 2);margin-left: 10px;flex-direction: column;margin-top: 10px;}
    .part3 .zw_box .bd .xfw .down ul li:nth-child(odd),
    .part3 .zw_box .bd .xfw .top .top_t .top_tr li:nth-child(odd){margin-left: 0;}
    .part3 .zw_box .bd .xfw .top::after{width: 0;height: 0;}
    .part3 .zw_box .bd .xfw .down ul{flex-wrap: wrap;}

 
    .part3 .zw_box .bd .xfw .top .top_t .top_tl{width: 90%;height: auto;margin: 10px auto;}
    .part3 .zw_box .bd .xfw .top .top_t .top_tl img{width: 100%;height: 100%;object-fit: cover;}
    .part3 .zw_box .bd .xfw .top .top_t .top_tr li i{display: none;}
    .part3 .zw_box .bd .xfw .top .top_t .top_tr li.li_2::before{width: 0;height: 0;}
    .part3 .zw_box .bd .xfw .down ul li a i{display: none;}
    .part3 .zw_box .bd ul li a{margin-right: 0;}
    .part3 .zw_box .bd .xfw .down{margin: 10px 0;}
    .part3 .zw_box .bd .xfw .down ul li a > div{padding: 10px 5px;}
    /* 公开 */
    .part3 .zw_box .bd .kgk .left{width: 100%;}
    .part3 .zw_box .bd .kgk .left .top .zcwj_tab .zHd ul{justify-content: space-around;}
    .part3 .zw_box .bd .kgk .left .top .zcwj_tab .zHd ul li{margin-right: 10px;}
    .part3 .zw_box .bd .kgk .left .top .zcwj_tab .zHd ul li a{padding: 0;font-size: 16px;}
    .part3 .zw_box .bd .kgk .left .top .zcwj_tab .zBd ul li a{margin-right: 10px;}
    .part3 .zw_box .bd .kgk .left .top .zcwj_tab .zBd>div{float: left;}
    .part3 .zw_box .bd .kgk .left .top .zcwj_tab{margin: 10px;}
    .part3 .zw_box .bd .kgk .left .top .zcwj_tab .zBd .zc_search{margin-left: 0;flex-direction: column;align-items: flex-start;}
    .part3 .zw_box .bd .kgk .left .top .zcwj_tab .zBd .zc_search .search_inp{margin-left: 0;width: 100%;margin-top: 20px;}
    .part3 .zw_box .bd .kgk > div > div.top{height: auto;}
    .part3 .zw_box .bd .kgk > div > div.down{height: auto;}
    .part3 .zw_box .bd .kgk .left .down .zfxx_tab .zfHd ul li{width: calc((100% - 30px) / 2);}
    .part3 .zw_box .bd .kgk .left .down .zfxx_tab .zfHd ul li a{font-size: 16px;background-size: 100% 100% !important;}
    .part3 .zw_box .bd .kgk .left .down .zfxx_tab .zfBd ul{flex-wrap: wrap;margin: 0 5px;}
    .part3 .zw_box .bd .kgk .left .down .zfxx_tab .zfBd ul li{width: calc((100% - 10px) / 2);margin-left: 10px;}
    .part3 .zw_box .bd .kgk .left .down .zfxx_tab .zfBd ul li:nth-child(odd){margin-left: 0;}
    .part3 .zw_box .bd .kgk .right{width: 100%;}
    .part3 .zw_box .bd .kgk .right .top{width: 100%;}
    .part3 .zw_box .bd .kgk .right .top li{width: calc((100% - 20px) / 2);margin-left: 10px;margin-top: 10px;}
    .part3 .zw_box .bd .kgk .right .top li a{}
    .part3 .zw_box .bd .kgk .right .top li:nth-child(odd){margin-left: 0;}

    .part3 .zw_box .bd .kgk .right .top li:nth-child(-n+2){margin-top: 10px;}

    /* 互动 */
    .part3 .zw_box .bd .whd{}
    .part3 .zw_box .bd .whd .xzxx_box{position: inherit;top: inherit;left: inherit;width: 100%;background: #75A2EB;border-radius: 20px 0 20px 0;}
    .part3 .zw_box .bd .whd .xzxx_box .xzxx .xx_list .title{width: 100%;margin: 0 auto;}
    .part3 .zw_box .bd .whd .xzxx_box .xzxx{width: calc(100% - 20px);margin: 0 auto;}
    .part3 .zw_box .bd .whd .xzxx_box .xzxx .xx_down{margin: 20px 0;justify-content: space-around;}
    .part3 .zw_box .bd .whd .zjdc_box{width: 100%;background-size: cover;}

    .part3 .zw_box .bd .whd .zjdc_box > div{margin-left: 0;}
    .part3 .zw_box .bd .whd .zjdc_box .down ul,
    .part3 .zw_box .bd .whd .zjdc_box .top .zjdc{margin-left: 0;width: 100%;}
    .part3 .zw_box .bd .whd .zjdc_box .top .zjdc > div{width: calc(100% - 10px);}
    .part3 .zw_box .bd .whd .zjdc_box .top .zjdc > div{height: auto;min-height: 100px;}
    .part3 .zw_box .bd .whd .zjdc_box .down{height: auto;}
    .part3 .zw_box .bd .whd .zjdc_box .down ul{padding: 10px;justify-content: space-around;}
    .part3 .zw_box .bd .whd .zjdc_box .down ul li:first-child{margin-right: 10px;}
    .part3 .zw_box .bd .whd .zjdc_box .down ul li img{width: 40px;}
    .part3 .zw_box .bd .whd .zjdc_box .down ul li a{font-size: 16px;}

 

    /* 走进麻江 */
    .part4 {padding: 10px;}
    .part4 .zjmj .zjmj_tab{margin-left: 0;}
    .part4 .zjmj .zjmj_tab .hd ul{flex-wrap: wrap;}
    .part4 .zjmj .zjmj_tab .hd ul li{width: calc((100% - 20px) / 3);margin-right: 10px;margin-left: 0;}
    .part4 .zjmj .zjmj_tab .hd ul li:nth-child(3n){margin-right: 0;}

    .part4 .zjmj .zjmj_mjly{flex-direction: column;}
    .part4 .zjmj .zjmj_mjly ul{flex-wrap: wrap;background: none;margin-top: 0;margin-left: 0;flex-wrap: wrap;}
    .part4 .zjmj .zjmj_mjly ul li{margin-left: 0;width: calc((100% - 10px) / 2);margin-right: 10px;display: flex;justify-content: center;margin-top: 20px;}
    .part4 .zjmj .zjmj_mjly ul li:nth-child(2n){margin-right: 0;}

    .part4 .zjmj .zjmj_mjly ul li:nth-child(even) a{flex-direction: column;}
    .part4 .zjmj .zjmj_mjly ul li img{width: 100%;object-fit: cover;}
    .part4 .zjmj .zjmj_mjly ul li.li_4, .part4 .zjmj .zjmj_mjly ul li.li_3{margin-top: 0 ;}
    .part4 .zjmj .zjmj_mjly ul li a p{margin:10px auto 15px !important;}

    /* 专题专栏 */
    .part5 .tit{width: 100%;}
    .part5 .tit a{font-size: 20px;}
    .part5 .tit i{width: 200px;flex: 1;}
    .part5 .ztzl{width: 100%;padding: 10px;}
    .part5 .ztzl .swiper-slide{height: calc((100vw - 20px) / (285 / 182));}
    .part5 .ztzl .pagination .swiper-pagination-bullet{width: 8px;height: 8px;border-radius:50%;}

    
}

@media screen and (max-width: 360px) {
    .part3 .zw_box .bd .kgk .right .top li a{justify-content: center;}
    .part3 .zw_box .bd .kgk .right .top li a i{display: none;}
    .part3 .zw_box .bd .whd .zjdc_box .down ul{flex-direction: column;}
    .part3 .zw_box .bd .whd .zjdc_box .down ul li{width: 100%;border-bottom: 1px solid #efefef;padding: 10px 0;}
    .part3 .zw_box .bd .whd .zjdc_box .down ul li:first-child{margin-right: 0;}
}
@media screen and (max-width: 320px) {
    .part3 .zw_box .bd .kgk .left .down .zfxx_tab .zfBd ul li{display: flex;justify-content: center;}
    .part3 .zw_box .bd .kgk .left .down .zfxx_tab .zfBd ul li a{flex-direction: column;align-items: center;margin-bottom: 10px;}
    .part3 .zw_box .bd .kgk .left .down .zfxx_tab .zfBd ul li a i{margin-bottom: -20px;}
    .part3 .zw_box .bd .kgk .right .top li a i{display: none;}

}