﻿/*
 * Mobile_index（网站首页移动端）
 */
@media screen and (max-width: 768px) {
    /**{*/
    /*    outline: solid #f00 1px !important;*/
    /*    background: #000 !important;*/
    /*    color: #fff !important;*/
    /*}*/
    html,body{
       width: 100% !important;
       min-width: 0 !important;
       color: #0c0300;
        margin-left: 0 !important;
        overflow-x: hidden;
        overflow-y: scroll;
   }
    .header_nav .nav_container ul .nav_item.active:after{
        width: 4rem !important;
        border-bottom: 2px solid rgba(0, 204, 255, 1) !important;
    }
    /************页面内弹窗**********/
    .layui-layer-content{
        width: 90% !important;
        height: 56%!important;
        overflow: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        box-sizing: border-box;
        background-color: #fff!important;
        position: fixed !important;
        top:19rem!important;
        left: 1.9rem!important;
    }
    .layui-layer-iframe{
        overflow-y: hidden !important;
    }
    #home{
        overflow: hidden !important;
    }
    .table{
        background-color: #fff!important;
    }
    /*********样式end*********/
    .main_header{
        width: 100% !important;
    }
    .main_header div:nth-of-type(2){
        display: none;
    }
    .header_login{
        line-height:2rem !important;
        height: 2rem !important;
    }
    /* 头部通用样式 */
    .header_content{
        max-width: 100% !important;
    }
    #toppng div{
        background-size: 100% 100% !important;
    }
    #mainmenu{
        width: 100% !important;
        height: 19.4rem !important;
        position: relative !important;
        top:0!important;
        box-shadow: 0px 0px 0px !important;
    }
    #mainmenu>.nav_container{
        width: 100% !important;
        height: 10rem !important;
        float: none !important;
        background-color: #71B8EB !important;
    }
    .search_term{
        text-align: center !important;
    }
    .nav_container>img{
        left: 0 !important;
        height: 7.3rem !important;
        margin-left: 2.5rem !important;
        margin-top: 1rem !important;
    }
    
    .header_nav{
        height: 4rem !important;
        overflow: hidden;
    }
    .header_nav> .nav_container{
        width: 100% !important;
        height: 4rem !important;
        margin: 0!important;
    }
    .header_nav> .nav_container> ul{
        width: 100% !important;
        margin: 0!important;
    }
    .header_nav .nav_container ul .nav_item a{
        height: 6rem !important;
    }
    .nav_item a{
        line-height: 4rem !important;
        font-size: 1.2rem !important;
    }
    .header_nav .nav_container{
        table-layout: auto !important;
    }
    .layui-carousel {
        top: -.5rem !important;
        height: 39rem !important;
    }
    .layui-carousel-ind{
        top:-4.6rem !important;
    }
    .ttwxtitle{
        top:15.3rem!important;
    }
    .aa .layui-carousel-ind li{
        width: 5rem !important;
        height: .4rem!important;
    }
    .content_two{
        min-width: 0 !important;
        position: relative!important;
        top: 13rem!important;
        height: 8rem !important;
        overflow: hidden !important;
    }
    .fff_color{
        position: relative!important;
        top: -257px!important;
    }
    .search_term span{
        font-size: 1.2rem!important;
        padding: .7rem 2.2rem !important;
    }
    .search_input{
        height: 3.8rem !important;
    }
    .search_btn{
        height: 3.8rem !important;
    }
    .search_term{
        height: 3rem !important;
        line-height: 3rem !important;
    }
    #znwzatv{
        margin-right: 0 !important;
    }
    #nav_list_home{
        padding-left: 0 !important;
    }
    .search_content{
        width: 100% !important;
    }
    .body_part_left_top{
        width: 100% !important;
        display: flex;
        flex-direction: column;
        height: 96rem !important;
    }
    .body_part_left_top_one{
        width: 100% !important;
        height: 57% !important;
    }
    .body_part_left_top_two{
        width: 100% !important;
        height: 100% !important;
    }

    .body_part_left_top_one>.title{
        width: 100% !important;
    }
    #d_2{
        display: block !important;
    }
    .mtcx_content_two{
        height: 0 !important;
    }
    .modal{
        top:3% !important;
    }
    .tt{
        height: 16rem;
    }
    .tt>p{
        width: 100% !important;
        text-align: center;
    }
    .pp{
        margin-left: .5rem;
    }
    .tt>p>span,.pp>p>span{
        transform: skewX(0deg) !important;
    }
    i{
        transform: skewX(0deg) !important;
    }
    .body_part_left_top ul li{
        padding-left: 0 !important;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .body_part_left_top ul li p{
        display: flex !important;
        justify-content: space-around !important;
        align-items: center !important;
        width: 100% !important;
        margin-left: 1.4rem;
    }

    .body_part_left_top ul li p a{
        display: block;
        width: 100%;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap
    }

    #d_1>li>p,#d_2>li>p,#c_2>li>p,#c_1>li>p{
        margin-left: 0;
        width: 28rem!important;
        justify-content: flex-start !important;
    }
    #c_1,#c_2,#d_2,#d_1{
        padding: 0 1rem;
    }
    .body_part_left_top ul li:nth-of-type(1) p{
        margin-left: 0;
    }
    .tt>li{
        height: 3.1rem;
    }
    .tt>li>p>span:nth-of-type(1){
        width: 22rem!important;
    }
    .tt>li>p>span:nth-of-type(2){
        width: 22.2rem;
    }
    .hhmdlist{
        width: 100% !important;
        margin-left: 0 !important;
        float: none !important;
        height: auto !important;
    }
    .cityName{
        font-size: 1.6rem !important;
    }
    #b_1>li>p{
        width:100% !important;
    }
    #b_1>li>p>span:nth-of-type(1){
        width:20rem !important;
    }
    #b_1>li>p>span:nth-of-type(2){
        width:19.5rem !important;
        text-align: center;
    }
    .hhmdlist>p>span:nth-of-type(1){
        width: 22rem;
    }
    .hhmdlist>p>span:nth-of-type(2){
        width: 22.2rem;
    }
    .sgsBarRight{
         float: none !important;
         width: 96% !important;
    }
    .sgsline{
        margin: .4rem 0!important;
        height:4rem !important;
        line-height: 4rem !important;
    }
    .sgslinename a{
        font-size: 1.6rem!important;
    }
    .sgsBarRight{
        margin: 0 auto;
    }
    .imgBar{
        width: 100% !important;
        height: 21rem;
        margin: 1.3rem auto!important;
        position: relative;
        margin-left: .9rem !important;
    }
    /*重点人群信息*/
    .imgBar>div:nth-of-type(1)>div:nth-of-type(4){
        position: absolute;
        bottom: 0rem;
        right: 0rem;
        margin-right: 2rem !important;
        margin-bottom: 1rem;
    }
    .imgBar>div:nth-of-type(2){
        display: flex;
        flex-wrap: wrap;
        margin-top: 1rem !important;
    }
    .imgtop,.imgbottom{
        height: 6rem!important;
        background-size: 100% 100% !important;
    }
    .imgtop{
        width: calc(33% - 15px) !important;
        margin-right: 1.5rem !important;
    }
    .imgbottom{
        width: calc(33% - 15px) !important;
        margin-right: 1.5rem !important;
        margin-bottom: 1rem;
    }
    .ttxwlist{
        margin-top: .1rem!important;
        width: 100% !important;
        overflow: visible !important;
        height: 33rem!important;
        margin: 0!important;
    }
    #ttxw{
        width: 100% !important;
        float: none !important;
        height: 18rem !important;
    }
    .gjdtlist{
        float: none !important;
        width: 98% !important;
        height: auto !important;
        margin-left: 10px !important;
    }
    .gidt_list{
        overflow: auto !important;
    }
    .blackList{
        width:100% !important;
    }
    .main_body>.body_part_left {
        width: 100% !important;
    }
    .body_part_left_top{
        margin: 0 !important;
    }
    .blackList{
        height: 32% !important;
    }
    #zxpt{
        height: 12.5rem !important;
    }
    .content_three{
        width: 100% !important;
        height: 100% !important;
    }
    .content_three .main_body{
        height: 17rem !important;
    }
    .list_line{
        display: none !important;
    }
    .main_body{
        width: 100% !important;
    }
    .liToPing{
        width: 32.66% !important;
    }
    .main_footer{
        width: 100% !important;
    }
    .main_footer>.footer_content{
        width: 100% !important;
    }
    .main_footer .footer_content{
        font-size: 1.2rem !important;
    }
    .main_footer .footer_content p span a{
        font-size: 1.2rem !important;
    }
    .container{
        display: flex !important;
        flex-direction: column !important;
    }
    .blackList>.list{
        line-height: 45px !important;
    }

    /*后续补充*/
    #a_1,#a_2,#b_1,#b_2{
        width: 100% !important;
        padding: 0 1rem;
    }
    #a_1 li,#a_2 li,#b_1 li,#b_2 li{
        width: 100% !important;
        display: flex;
        justify-content: space-between;
    }
    #xzcfmore{
        position: relative!important;
    }
    .pp> p> span:first-child{
        width: 22rem!important;
    }
    .dropdown-menu{
        z-index: 9999 !important;
    }
    .region-list{
        left: 5.4rem !important;
    }
    .container-fluid{
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .col-xs-3{
        width: 100% !important;
        height: 3rem;
        text-align: center;
        margin-bottom: .3rem;
    }
    .footer{
        min-width: 0 !important;
    }
    /*轮播向上滚动调整*/
    .list img{
        width: 5% !important;
    }
    .tablebox{
        width: 100% !important;
    }
    .credit-box{
        width: 100% !important;
        height: 100% !important;
    }
    .tab_link{
        padding: 0 !important;
    }
    .credit-box h4{
        line-height: 3rem !important;
        margin-left: 0 !important;
    }
    /*底部图片*/
    .foot_ul>ul{
        margin-left:.8rem;
    }
    /*查看更多*/
    .cityMore{
        padding-right: 1rem;
    }
}