
/* 820 */
@media only screen and (max-width: 1200px) and (min-width:820px){
    .content{
        max-width: 820px;
        height: 100%;
    }
    .content>ul{
        width: 100%;
        justify-content: center;
    }
    .content>ul>li {
        width: calc((100% - 20px) / 5);
        height: 116px;
        margin-right: 3px;
        margin-left: 5px;
        margin-bottom: 5px;
    }
    .content>ul>li>a>img {
        width: 45px;
        height: 45px;
        margin: 18px auto 5px;
    }
    /* .content>ul>li>a>p{
        font-size: 25px;
        line-height: 40px;
    } */
    .content>ul>li>a>p{
        font-size: 20px;
        line-height: 10px;
    }

    
    .content>ul>.zfyw{
        background-size: 100% 100%;
    }
    .content>ul>.tzgg{
        background-size: 100% 100%;
    }
    .content>ul>.zxzc{
        background-size: 100% 100%;
    }
    .content>ul>.zcjd{
        background-size: 100% 100%;
    }
    .content>ul>.ldzc{
        background-size: 100% 100%;
    }
    .content>ul>.fycx{
        background-size: 100% 100%;
    }
    .content>ul>.zswd{
        background-size: 100% 100%;
    }
    .content>ul>.fykp{
        background-size: 100% 100%;
    }
    .content>ul>.zswd{
        background-size: 100% 100%;
    }


    /* 办事服务 */
    .business{
        margin-top: 20px;
    }
    .business>.bus_title {
        margin: 0 auto 20px;
        text-align: center;
        line-height: 90px;
        font-size: 30px;
        color: #fff;
        background: url('../img/375_bs.png') no-repeat;
        background-position: top center;
    }
    
    .business{
        width: 100%;
    }


    .service{
        max-width: 665px;
        height: 100%;
        margin:0 auto 70px;
    }
    .service>.se {
        width: 68%;
        height: 280px;
        background: url(../img/lr.png) no-repeat 307px 27px;
        background-size: 30% 62%;
        background-color: #fff;
    }
    .se>a{
        width: 280px;
        margin-left: 25px;
    }
    .service>.se>a>h1{
        margin: 30px 0 0px 0;
        font-size: 25px;
    }
    .service>.se>a>span{
        font-size: 20px;
        display: block;
        height: 30px;
        line-height: 40px;
        margin-top: 35px;
    }
    .se_img-title>img{
        margin-left: 30px;
    }
    .se_img-title>p{
        font-size: 20px;
        line-height: 30px;
        width: 155px;
        margin: 0 auto 0;
    }
    .service>.secode{
        width: auto;
    }


    /* 尾部 */
    .footer{
        display: none;
    }
    .phone_footer{
        display: block !important;
        width: 100%;
        height: 200px;
        overflow: hidden;
        background-color: #1059aa;
        padding-bottom: 20px;
    }

    .phone_footer_cont{
        width: 100%;
        margin: 20px auto 0;
        color: #fff;
    }
    .phone_footer_cont>p>a,
    .phone_footer_cont>p{
        font-size: 20px;
        text-align: center;
        color:#fff;
        line-height: 30px;
    }

    /* 按钮 */
    .foot_but{
        display: flex;
        justify-content: space-around;
        width: 50%;
        margin:20px auto 0;
    }
    .foot_but>a{
        display: block;
        width: calc(100% - 20) / 2;
        height: 50px;
        margin-right: 10px;
    }

}








@media only screen and (max-width: 770px) and (min-width: 375px){
    .content{
        max-width: 375px;
        height: 100%;
    }
    .content>ul{
        width: 100%;
    }
    .content>ul>li {
        width: 179px;
        height: 116px;
        margin-right: 3px;
        margin-left: 5px;
        margin-bottom: 5px;
    }
    .content>ul>li>a>img {
        width: 56px;
        height: 56px;
        margin: 10px auto 0;
    }
    .content>ul>li>a>p{
        font-size: 20px;
        line-height: 6px;
    }

    
    .content>ul>.zfyw{
        background-size: 100% 100%;
    }
    .content>ul>.tzgg{
        background-size: 100% 100%;
    }
    .content>ul>.zxzc{
        background-size: 100% 100%;
    }
    .content>ul>.zcjd{
        background-size: 100% 100%;
    }
    .content>ul>.ldzc{
        background-size: 100% 100%;
    }
    .content>ul>.fycx{
        background-size: 100% 100%;
    }
    .content>ul>.zswd{
        background-size: 100% 100%;
    }
    .content>ul>.fykp{
        background-size: 100% 100%;
    }
    .content>ul>.zswd{
        background-size: 100% 100%;
    }


    /* 办事服务 */
    .business{
        margin-top: 20px;
    }
    
    .business>.bus_title {
        margin: 0 auto 20px;
        text-align: center;
        line-height: 90px;
        font-size: 30px;
        color: #fff;
        background: url('../img/375_bs.png') no-repeat;
        background-position: top center;
    }
    
    .business{
        width: 100%;
    }


    .service{
        max-width: 375px;
        height: 100%;
        flex-wrap: wrap;
        margin:0 auto 70px;
    }

    .service>.se {
        width: 100%;
        height: 56%;
        background: url(../img/lr.png) no-repeat 255px 33px;
        background-size: 25% 74%;
        background-color: #fff;
    }
    .se>a{
        width: 200px;
        margin-left: 25px;
    }
    .service>.se>a>h1{
        font-size: 20px;
        margin: 30px 0 0px 0;
    }
    .service>.se>a>span{
        font-size: 15px;
        display: block;
        height: 70px;
        line-height: 27px;
        margin-top: 24px;
    }
    .service>.secode{
        width: 100%;
    }
    .se_img-title>img{
        margin-left: 30px;
    }
    .se_img-title>p{
        font-size: 20px;
        line-height: 30px;
        width: 155px;
        margin: 0 auto 0;
    }
    
    /* 尾部 */
    .footer{
        display: none;
    }
    .phone_footer{
        display: block !important;
        width: 100%;
        height: 200px;
        overflow: hidden;
        background-color: #1059aa;
        padding-bottom: 20px;
    }

    .phone_footer_cont{
        width: 100%;
        margin: 20px auto 0;
        color: #fff;
    }
    .phone_footer_cont>p>a,
    .phone_footer_cont>p{
        font-size: 15px;
        text-align: center;
        color:#fff;
        line-height: 30px;
    }

    /* 按钮 */
    .foot_but{
        display: flex;
        justify-content: space-around;
        width: 50%;
        margin:20px auto 0;
    }
    .foot_but>a{
        display: block;
        width: calc(100% - 20) / 2;
        height: 50px;
        margin-right: 10px;
    }
}



/* 列表 */
@media only screen and (max-width: 1000px) and (min-width: 375px){
    
    .conte{
        width: 100%;
    }
    .logca{
        margin-left: 10px;
    }
    .logca>span{
        font-size: 20px;
    }
    .logca>span>a,
    .chann_title>a{
        font-size: 20px;
    }
    .chann_title{
        margin-top: 0;
        height: 100px;
        padding-left: 10px;
    }
    .chann_title>span{
        font-size: 25px;
    }
    .cont_list>ul>li>.titile>a>span{
        display: block;
        height: 60px;
        width: 256px;
        font-size: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .cont_list>ul>li>.titile>a>img{
        height: 40px;
        width: 70px;
        margin-top: 8px;
    }
    .cont_list>ul>li{
        height: 100px;
        margin: 0 auto;
        margin-bottom: 20px;
        width: 95%;
    }
    .cont_list>ul>li>.titile{
        margin:10px auto 0;
    }
    .cont_list>ul>li>.date{
        width: 174px;
        height: 30px;
        margin-left: 4%;
        font-size: 12px;
    }
      /* 尾部 */
    .footer{
        display: none;
    }
    .phone_footer{
        display: block !important;
        width: 100%;
        height: 200px;
        overflow: hidden;
        background-color: #1059aa;
        padding-bottom: 20px;
    }

    .phone_footer_cont{
        width: 100%;
        margin: 20px auto 0;
        color: #fff;
    }
    .phone_footer_cont>p>a,
    .phone_footer_cont>p{
        font-size: 15px;
        text-align: center;
        color:#fff;
        line-height: 30px;
    }

    /* 按钮 */
    .foot_but{
        display: flex;
        justify-content: space-around;
        width: 50%;
        margin:20px auto 0;
        
    }
    .foot_but>a{
        display: block;
        width: calc(100% - 20) / 2;
        height: 50px;
        margin-right: 10px;
    }
    .pri,
    .phone_pr,
    .prii{
        display: none;
    }
    .Crng>ul{
        justify-content: space-around;
    }
}
