section>div img{
    width: 100%;
    height: auto;
}
.phone-show{
    display: none;
    padding: 20px 0;
}
.body-container-1{
    width: 100% !important;
}
.scene,.logo-group,.cangchu-img-phone,.shiti-map-phone,.one-swiper,.head-phone{display: none;}
.position{position: relative;}
.one-img,.two-img{position: absolute;z-index: 100;display: block;top: 50px;width: 20%;}
.one-img img,.two-img img{width: 100%;}
.two-img{right: 20px;}
.one-img{right: 105px;}

@media (max-width: 1200px){
    #article-list>section>ul li{
        height: auto;
    }
    #article-list>section>ul li>a.item{
        width: 100% !important;
        display: flex !important;
        align-items: flex-start;
    }

    #article-list>section>ul li>a.item div p:nth-child(1){
        margin-top: 0 !important;
        line-height: normal !important;
    }
    #article-list>section>ul li>a.item div p:nth-child(2){
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }

    #article-detail article{
        width: 100%;
        margin: 0 auto;
        padding: 0 20px;
    }
    #article-detail article header{
        padding: 10px 20px;
        margin-top: 15px;
        text-align: left;;
    }
    #article-detail article header h2{
        width: 100%;
        font-size: 20px;
        line-height: 1.4;
    }
    
    #article-detail article header time{
        font-size: 12px;
        color: #999;
    }
    #article-detail article section{
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }
    #article-detail article section p{
        font-size: 15px;
        line-height: 2;
    }
    #article-detail article img{
        width: 100% !important;
        height: auto !important;
        margin: 0 auto !important;
    }

    #article-detail article footer{
        width: 100%;
        padding: 0;
        margin-top: 10px;
    }

    #article-detail article footer .fenxiang{
        font-size: 16px;
        margin-top: 10px;
    }
    #article-detail article footer a{
        margin-left: 10px !important;
        font-size: 16px;
    }
    #article-detail article footer .fenxiang-weibo{
        width: 24px;
        height: 24px;
        background-size: 100% 100%;
    }
}


@media (min-width:480px) and (max-width:768px) {
    .head-color{
        display: none !important;
    }
    .footcontainer,.foot-2{
        height: auto !important; 
        width: 100% !important;
    }
    .foot-1,.foot-2 .floatleft{
        display: none !important;
    }
    /* .phone-show{
        display: block !important;
    }
    a:hover{
        text-decoration: none !important;
    }
    #article-list>section>ul li>a.item div{
        display: flex;
        flex-direction: column;
    }
    #article-list>section>ul li>a.item div p:nth-child(1){
        font-size: 18px !important;
        flex: 1;
        margin-bottom: 5px;
        line-height: 1.4 !important;
    }
    #article-list>section>ul li>a.item div p:nth-child(2){
        display: none;
    }
    #article-list>section>ul li>a.item div time{
        font-size: 12px !important;
        line-height: 1.2;
    }


    .body-1-img{
        margin: 0 !important;
        width: 100% !important;
        height: auto !important;
    }
    .swiper-location{
        margin-top: -310px !important;
        width: 100% !important;
    }
    .swiper-container{
        width: 100% !important;
        height: auto !important;
    }
    .body-container-2,.fuwu-center{
        width: 100% !important;
        height: auto !important;
    }
    .fuwu-center{
        display: flex !important;
        justify-content: center !important;
        flex-wrap: wrap !important;
    }
    .service-detail-noactive{
        pointer-events: none !important;
    }
    .body-container-3{
        display: flex !important;
        width: 100% !important;
        flex-flow: column !important;
        height: auto !important;
    }
    .shiti-left{
        width: 100% !important;
        background-repeat: no-repeat !important;
        height: auto !important;
    }
    .shiti-location{
        padding-bottom: 10px;
    }
    .shiti-location,.shiti-3{
        width: 100% !important;
        word-break: normal !important;
        word-wrap: break-word !important;
        margin: 0 !important;
        padding-left: 10px;
        padding-right: 10px;
    } */
}

@media (max-width:480px){
    .head-phone{
        display: block;
        background: #000000;
        padding: 0 10px;
        position: fixed;
         z-index: 999;
        width: 100%;
        height: 60px;
        display: flex;
        align-items: center;
    }
    .head-phone .head-img{
        width: 32px;
        height: 32px;
        margin-right: 10px;
    }
    .nav-list{
        z-index: 100;
        top: 45px;
        background: rgba(128,128,128,.8);
        padding: 10px 0;
        display: none;
    }
    .item-nav{
        color: white;
        font-size: 16px;
        width: 100px;
        text-align: center;
        padding: 5px 0;
    }
    .logo-img{
        z-index: 100;
        max-width: 100px;
        folat: left;
    }
    
    a:hover{
        text-decoration: none !important;
    }
    .info-ul li{
        height: auto !important;
    }
    .head-color{
        display: none !important;
    }
    #article-list>section>ul li:nth-child(n+2){
        border-top: 1px solid #e5e5e5;
    }
    #article-list>section>ul li:nth-child(2n+1){
        background: none;
    }
    #article-list>section>ul li>a.item{
        width: 100%;
        padding: 15px 10px;
    }
    #article-list>section>ul li>a.item div{
        flex: 1;
        width: auto;
        display: flex;
        flex-direction: column;
        align-self: stretch;
    }
    #article-list>section>ul li>a.item img{
        width: 130px;
        height: auto !important;
    }
    #article-list>section>ul li>a.item div p:nth-child(1){
        margin-top: 0;
        margin-bottom: 0;
        line-height: normal;
        font-size: 15px !important;
        word-break: break-all;
        line-height: 1.4 !important;
        flex: 1;
    }
    #article-list>section>ul li>a.item div p:nth-child(2){
        display: none;
    }
    #article-list>section>ul li>a.item div time{
        font-size: 12px !important;
        line-height: 1.2;
    }

    .footcontainer,.foot-2,.body-container-1{
        height: auto !important; 
        width: 100% !important;
    }
    .foot-1,.foot-2 .floatleft{
        display: none !important;
    }
    .phone-show,.cangchu-img-phone,.shiti-map-phone{
        display: block !important;
    }
    
    
    .body-1-img{
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
    }
    /* .swiper-location{
        margin-top: -200px !important;
        width: 100% !important;
    }
    .swiper-container{
        width: 100% !important;
        height: auto !important;
    }
    .body-container-2,.fuwu-center{
        width: 100% !important;
        height: auto !important;
    }
    .fuwu-center{
        display: flex !important;
        justify-content: center !important;
        flex-wrap: wrap !important;
    }
    .fuwu-img{
        width: 100% !important;
    }
    .service-detail-noactive{
        width: 50% !important;
    }
    .service-content-1{
        font-size: 24px !important;
    }
    .service-content-2,.service-content-4{
        font-size: 12px !important;
        margin-top: 10px !important;
    }
    .service-content-3{
        width: 90%;
        margin: 10px auto !important;
    }
    .service-top{
        margin-top: 10px !important;
    }
    .service-detail-noactive{
        height: 330px !important;
    }
    

    .logo-xia-1{
        font-size: 14px !important;
        padding: 0 10px;
    }
    .logo-xia-1 br{
        display: inline-block !important;
    }
    .fuwu-img img{
        width: 80% !important;
    }
    .fuwu-img{
        margin: 0 !important;
        padding-top: 20px;
    }
    .service-detail-noactive{
        pointer-events: none !important;
    }
    .body-container-3{
        display: flex !important;
        width: 100% !important;
        flex-flow: column !important;
        height: auto !important;
    }
    .shiti-left{
        width: 100% !important;
        background-repeat: no-repeat !important;
        height: auto !important;
        margin-top: 20px !important;
    }
    .shiti-location{
        padding-bottom: 10px;
    }
    .shiti-location,.shiti-3{
        width: 100% !important;
        word-break: normal !important;
        word-wrap: break-word !important;
        margin: 0 !important;
        padding-left: 10px;
        padding-right: 10px;
    }
    .body-container-4{
        display: flex !important;
        flex-flow: column !important;
        width: 100% !important;
        height: auto !important;
        margin-top: 20px !important;
    }
    .zhuanmai-left,.zhuanmai-right{
        position: static !important;
    }
    .zhuanmai-right{
        background-repeat: no-repeat !important;
        background-size: 100% 100% !important;
        width: 100% !important;
        height: auto !important;
    }
    .cangchu-location{
        margin: 0 !important;
        text-align:left !important;
        float: none !important;
    }
    .zhuanmai-left,.zhuanmai-right,.cangchu-img{
        display: none !important;
    }
    .shiti-left{
        background-image: none !important;
    }
    
    .scene,.logo-group,.one-swiper{
        display: block;
    }
    .one-swiper{
        margin-top: -140px;
    }
    .zixun-title-img{
        width: 24px;
        height: auto;
        line-height: 0;
        margin-top: 8px;
    }
    .zixun-title-img img{
        width: 100%;
    }
    .zixun-title-left{
        font-size: 22px;
        margin-left: 8px;
    }
    .zhuan-font-da{
        line-height: normal !important;
        padding-bottom: 10px;
    }
    .shiti-3-top{padding-top: 10px;}
    .zhuan-font{
        font-size: 16px !important;
        line-height: normal;
    }
    .line-bai{
        display: table !important;
        border-spacing: 10px 0 0 0;
        padding-bottom: 10px;
        margin-right: 20px;
        margin-top: 10px;
    }
    .line-bai:before{
        display: table-cell;
        content: '';
        background: linear-gradient(#eee,#eee) repeat-x left center;
        background-size: 1px 1px;
        padding-right: 45px;
        height: 1px;
        
    }
    .line-bai img{align-items: center !important;}
    .text{
        background-image: url(../../sport/images/zhuan.png);
        background-size: 100% 100%;
        background-repeat: no-repeat;
        padding: 20px 10px 20px;
    }
    .swiper-container4 .swiper-slide img{
        width: 100%;
    }
    .logo-div-top,.shiti-map,.swiper-box{
        display: none !important;
    }
    .logo-group{
        margin-top: 20px;
        background-color: #000000;
        text-align: center;
        padding: 20px 0;
    }
    .logo-list{
        padding: 30px 10px;
        justify-content: space-between;
        flex-wrap: wrap;
        
    }
    .logo-list .item{
        flex-basis: 19%;
    }
    .logo-list .item img{
        margin-bottom: 5px;
    }
    .body-container-6,.zixun-left{
        width: 100% !important;
        height: auto !important;
    }
    .zixun-detail,.zixun-last,.zixun-detail-1{
        height: auto !important;
        overflow: hidden;
    }
    .zixun-f {
        width: 100%;
        height: auto !important;
        margin-top: 0 !important;
        margin-bottom: 10px;
    }
    .zixun-f .zixun-img-detail{
        margin: 0 !important;
        width: 100% !important;
        height: 100% !important;
    }
    .zixun-f-right{
        margin-left: 0 !important;
    }
    .zixun-detail-1{
        width: 100% !important;
        display: flex;
        justify-content: space-between;
        padding: 0 15px;
    }
    .zixun-detail-title{
        margin: 0 !important;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        white-space: normal;
    }
    .zixun-last-time-font{
        margin-right: 0 !important;
        margin-left: 10px;
        flex: 1;
        white-space: nowrap;
        text-align: right;
    }
    .zixun-last{
        margin-top: 0 !important;
    }
    .zixun-last-1{
        margin-bottom: 10px;
    }
    .zixun-mor-right{display: none !important;}
    .body-container-6{margin: 20px 0 0 !important;padding: 0 10px 0 10px !important;}
    .zixun-last-top{padding-bottom: 20px;}
    .zixun-title-left{padding-bottom: 5px;}
    .zhuan-font-da,.shiti-content-1,.shiti-2-content{font-size: 24px !important;}
    .shiti-hengxian{margin-top: 24px !important;width: 45px !important;}
    .shiti-3{font-size: 16px !important;}
    .cangchu-img-phone img,.shiti-map-phone img{
        width: 100%;
    } */
}