﻿/* tab移动端代码添加 */
.tab-content .more{ display: none; border: 1px solid #d3d3d3; background-color: #ebebeb; border-radius: 15px; color: #818181;line-height: 30px; text-align: center; margin: 5px 0; }
.tab-title .tab-item span,.tab-content .more{ display: none; }
.column2 .tab-title .tab-item.active span{ display: none; background: var(--color); color: #fff; }
.column6 .tab-title .tab-item.active span{ display: none; background: var(--color); color: #fff; }

@media (max-width: 1250px) {
    /* 通用 */
    .p_c{
        display: none;
    }
    html,body{
        min-width: auto;
    }
    .header{
        height: 260px;
    }
    .head-top,.head{
        display: block;
        width: 100%;
    }
    .head{
        width: 100%;
        margin-top: 10px;
    }
    .logo{
        display: block;
        width: 100%;
        text-align: center;
    }
    .logo i{
        display: none;
    }
    .logo .word p.cn{
        font-size: 35px;
    }
    .logo .word p.en{
        font-size: 13px;
    }
    .search{
        width: 80%;
        float: none;
        margin: 0 auto;
        clear: both;
    }
    .search ul{
        text-align: center;
    }
    .search li{
        display: inline-block;
        float: none;
        margin-top: 20px;
    }
    .nav ul{
        width: 100%;
    }
    .nav ul li a{
        line-height: 45px;
        font-size: 17px;
    }
    .tab-title .tab-item span,
    .tab-content .more{ 
        display: block !important;
    }
    .foot{
        width: 100%;
    }


    /* 首页 */
    #Content{
        width: 100%;
        padding: 0 5px;
        box-sizing: border-box;
    }
    .column2{
        height: auto;
    }
    .column2>.fl{
        height: 340px;
    }
    .column2 .tab-title .tab-item{
        line-height: 40px;
    }
    .column2 .tab-content li{
        line-height: 37px;
    }
    .column2 .tab-title .tab-item a,
    .column6 .tab-title .tab-item a{
        display: none;
    }
    .column2 .tab-title .tab-item.active a{
        display: none !important;
    }
    .tab-content>ul>li a{
        font-size: 16px;
    }
    .column3 ul li p{
        line-height: 30px;
        font-size: 0.7rem;
    }
    .column4{
        margin: 0 -10px;
    }
    .firstLine{
        font-size: 20px;
        line-height: 35px;
    }
    .firstLine .icon{
        width: 35px;
        line-height: 35px;
    }
    .column6>.fl{
        width: 65%;
    }
    .column6 .fl .tab-title{
        padding: 0;
    }
    .column6 .fl .tab-title li{
        padding: 0 10px;
    }
    .column6>.fr{
        width: 32%;
    }
    .column6 .sjbspm ul{
        height: 360px;
    }
    .column6 .fl .tab-content{
        padding: 12px 20px;
    }
    .column6 .fr .tab-title .tab-item a {
        display: block;
    }
    .link-list{
        width: 100%;
    }
    .link-list li{
        text-indent: 10px;
        font-size: 13px;
    }
    .link-list li:first-child{
        margin: 0;
    }



    /* 栏目页 */
    .leftChannel {
        width: 100%;
        margin-bottom: 10px;
    }
    .contentListWrap {
        width: 100%;
    }
    .channelList {
        border: none;
        box-sizing: border-box;
        margin-top: 5px;
    }
    .channelList .levelChannels{
        background: #eff7ff;
    }
    .channelList .levelChannels li{
        padding: 0;
    }
    .channelList .levelChannels li:first-child {
        margin-top: 0px;
    }
    .channelList .levelChannels li:last-child {
        margin-bottom: 0px;
    }
    .contentListWrap .channelTitle {
        line-height: 45px;
        margin-bottom: 10px;
        padding-left: 0;
        background: none;
        border-bottom: 1px solid #e5e5e5;
        width: 100%;
        text-align: left;
        color: #a1a1a1;
        font-size: 15px;
    }
    .channelList .topChannel {
        line-height: 40px;
        font-size: 20px;
        text-align: center;
        font-weight: 600;
    }
    .channelList .levelChannels li a {
        text-align: center;
        line-height: 35px;
        font-size: 16px;
    }
    .channelList .levelChannels li.active a{
        background: none;
    }
    .xyzl,.xyzl_title{
        display: none;
    }
    .contentList li{
        padding: 0 90px 0 15px;
    }


    /* 内容页 */
    .content {
        padding: 10px;
    }
    .content .art-title {
        text-align: center;
        font-size: 20px;
        font-weight: normal;
        line-height: 1.5em;
        padding: 0;
    }
    .content .art-msg {
        text-align: center;
        line-height: 35px;
        padding-bottom: 0;
        border-bottom: 1px solid lightgrey;
    }
    .content .article {
        padding: 0;
        margin: 2% 0;
    }
    .content .domain {
        display: none;
    }
    
    .navigation {
        background: #fff;
        font-size: 16px;
        line-height: 2.5em;
        margin: 20px 0;
    }
    .navigation i {
        margin: 0 1%;
    }
    .content .art-title {
        text-align: center;
        font-size: 20px;
        font-weight: normal;
        line-height: 1.5em;
    }


    /* 信用服务 */
    .channelTitle.line {
        padding-bottom: 10px;
        margin-top: 10px;
        font-size: 15px;
    }
    .public-box {
        margin-top: 10px;
    }
    .public-item .public-pic a {
        margin: 10px 10px 0 0;
    }
    #Content .public-item .public-title{
        font-size: 18px;
    }
    .public-item .public-pic a{
        width: 160px;
    }
    .public-item .public-pic a img{
        height: 90px;
    }



    /* 信箱提交 */
    .write-line span.left{
        width: 80px;
        font-size: 15px;
    }
    .write .btnquery {
        width: 92%;
        float: none;
        border-radius: 2px;
        margin-bottom: 10px;
    }
    #Content {
        min-height: 300px;
    }


    /* 搜索 */
    .searchresult .contentList h2 {
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 18px;
    }
    .searchresult .contentList .note{
        width: 100%;
        line-height: 30px;
        white-space: normal;
        font-size: 15px;
    }
    .searchresult .contentList .note p i{
        display: block;
        color: #a2a2a2;
    }
    .nosearch {
        text-align: center;
        height: 200px;
    }
    .searchresult .searchList li{
        padding: 0 0 0 5px;
    }
    .pagination .page{
        display: none;
    }
    .pagination ul li a{
        padding: 0px 4px;
    }
    .searchresult .note .licontent{
        padding: 0;
    }

    /* 八公示 */
    [class^="m_"]{ display: inline-block; }

    .eight-line.thead{
        display: none !important;
    }
    .eight-box,
    .eight-line span:not(:last-child),
    .eight-box .eight-line:not(:last-child){
        border: none;
    }
    .eight-box .eight-line{
        display: block;
        text-align: left;
    }
    .eight-box .eight-line{
        border-bottom: 1px dashed #d5d5d5 !important;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    .eight-line span{
        display: inline-block;
        padding: 0 5px;
        width: 48%;
        text-align: left;
        vertical-align: top;
        font-size: 15px;
        box-sizing: border-box;
    }
    .eight-line span em{
        font-style: normal;
    }
    .type-box .type{
        width: 100%;
        display: flex;
        justify-content: space-around;
        font-size: 16px;
        flex-wrap: wrap;
    }
    .type-box .type a{
        padding: 0 5px;
    }

    /* 许可处罚栏目及查询页 元素ul.contentList加类名promise-list */
    .promise-search span{
        display: none;
    }
    .count-box{
        padding: 20px 15px;
        font-size: 15px;
    }
    .count-box .public-type a{
        padding: 0 8px;
        margin-right: 8px;
    }
    .count-box .promise-search input{
        width: 60px;
        font-size: 16px;
    }
    .count-box input.search-input{
        width: 70%;
    }

    /* 网站地图 */
    #Content.webmap{
        padding: 5px 15px;
    }
    .navtion ul{
        padding: 0;
        font-size: 15px;
    }
    .navtion ul li{
        margin-top: 15px;
        margin-bottom: 10px;
    }
    .navtion ul li::before{
        margin-right: 10px;
    }
}

@media (max-width: 768px) {
    .header{
        height: 230px;
    }
    .head-top{
        display: none;
    }
    .head{
        margin: 0;
        padding-top: 10px;
    }
    .logo .word p.cn{
        font-size: 30px;
    }
    .logo .word p.en{
        font-size: 12px;
    }
    .search li{
        margin-right: 10px;
        padding: 0 10px;
    }
    .search-content{
        line-height: 38px;
    }
    .search .submit{
        height: 38px;
        line-height: 38px;
    }
    .nav ul li a{
        letter-spacing: 0;
        font-size: 16px;
    }
    .foot p{
        line-height: 25px;
        font-size: 15px;
    }
    .foot .fl img{
        width: 80px;
    }
    .foot .fr img{
        width: 50px !important;
    }

    /* 首页 */
    .tab-content>ul>li{
        line-height: 40px;
    }
    .column1 h1{
        font-size: 20px;
    }
    .column1 h2{
        font-size: 17px;
    }
    .column2>.fl{
        width: 85%;
        margin: 0 auto;
        float: none;
    }
    .column2>.fr{
        width: 100%;
        margin-top: 20px;
    }
    .column3{
        margin: 20px 0px;
    }
    .column3 ul{
        flex-wrap: wrap;
    }
    .column3 ul li{
        display: inline-block;
        width: auto;
        flex: auto;
        margin-bottom: 10px;
    }
    .column4{
        padding: 0px 10px;
    }
    .column4>div,
    .column6>div{
        float: none;
        width: 100% !important;
    }
    .column4>div{
        margin-top: 20px;
    }
    .column6{
        margin-top: 10px;
    }
    .column6>.fr{
        margin-top: 30px;
    }
    .column6 .sjbspm ul{
        border: none;
    }
    .column6 .sjbspm{
        border-bottom: 1px solid #ddd;
    }
    .column7 .ztzl{
        height: 80px;
    }
    .banner.lot .lotBox{
        width: 25%;
    }


    
    /* 信用承诺（content外层div加类名xycn） */
    .xycn .type-box .type{
        width: 100%;
        display: flex;
        justify-content: space-between;
        line-height: 40px;
        font-size: 15px;
    }
    .xycn .type-box .type a{
        padding: 0 5px;
    }

    /* 八公示 */
    .eight-line span{
        display: block;
        width: 100%;
        padding: 0 15px;
    }
    .type-box .type{
        line-height: 40px;
        font-size: 15px;
        background: #f6f6f6;
    }
    .type-box .type a{
        padding: 0;
        width: 25%;
        text-align: center;
    }

    
    /* 信件查询 */
    .searchTable{
        width: 90%;
    }
    .searchTable td input{
        width: 96%;
    }

    /* 网站地图 */
    .navtion ul li{
        width: 33.3%;
    }

}

@media (max-width: 550px){
    .header{
        height: 170px;
    }
    .logo .word p.cn{
        font-size: 25px;
        line-height: 40px;
    }
    .logo .word p.en{
        font-size: 11px;
        color: #9b9b9b;
    }
    .search{
        width: 92%;
    }
    .search ul{
        width: 100%;
        margin: 0 auto;
    }
    .search li{
        line-height: 22px;
        margin-top: 10px;
        margin-right: 5px;
        padding: 0 5px;
        font-size: 13px;
    }
    .search-content{
        line-height: 30px;
    }
    .search .submit{
        height: 30px;
        line-height: 30px;
    }
    .nav ul{
        width: auto;
        display: flex;
        overflow: hidden;
        overflow-x: scroll;
    }
    .nav ul li{
        width: auto;
        float: none;
        flex: none;
        -webkit-box-flex: 0;
        -webkit-flex: none;
        font-size: 16px;
        font-weight: 500;
    }
    .nav ul li a{
        font-size: 15px;
        padding: 0 7px;
    }
    .nav li a:after{
        top: 12px;
    }
    .foot>div{
        margin-left: 5px;
    }
    .foot p{
        width: 100%;
        font-size: 14px;
        line-height: 20px;
    }
    .column2>.fl{
        width: 100%;
        height: 250px;
    }
    .column6 .fl .tab-title{
        padding: 0;
    }
    .column6 .fl .tab-title li{
        padding: 0 3px;
        font-size: 16px;
    }
    .column6 .fl .tab-content{
        padding: 0 15px;
    }
    .column6 .sjbspm li{
        line-height: 35px;
    }
    .banner.lot .lotBox{
        width: 33%;
    }


    /* 互动交流栏目 */
    .letter-box{
        line-height: 25px;
        margin-bottom: 10px;
    }
    .letter-line span.c1,
    .letter-line span.c4{
        display: none;
    }
    .letter-line span{
        font-size: 15px;
    }
    .letter-line span.c2{
        width: 70%;
    }

    /* 信箱提交 */
    .write-line span input, .write-line span select, .write-line span #validateCode, .write-line span textarea{
        width: 95%;
    }
    .channelTitle .btnquery{
        background: none;
        color: var(--color);
        padding: 0;
        line-height: 45px;
    }

    /* 信用承诺 */
    .xycn .type-box .type{
        flex-wrap: wrap;
        justify-content: space-around;
        background: #f6f6f6;
    }
    .xycn .type-box .type a{
        padding: 0;
        width: 25%;
        text-align: center;
    }
    .contentList.promise-list{
        padding: 0 15px;
    }
    .contentList li:nth-of-type(5n){
        border: none;
        padding-bottom: 0;
        margin: 0;
    }
    .contentList.promise-list li{
        padding: 0;
        background: none;
        position: unset;
        line-height: 30px;
        border-bottom: 1px dashed #d5d5d5;
        padding-bottom: 5px;
        margin-bottom: 5px;
    }
    .contentList.promise-list li>span{
        position: unset;
    }

    /* 八公示 */
    .type-box .type a{
        width: 33%;
    }

    /* 许可处罚承诺内容 */
    .article table td.colLeft{
        width: 35%;
    }

    /* 信用服务 */
    .public-item .public-pic a:nth-child(2n){
        margin-right: 0;
    }
    
    /* 信件查询 */
    .searchTable{
        width: 100%;
    }
    .searchTable td input{
        width: 94%;
    }

    /* 网站地图 */
    .navtion ul li{
        width: 50%;
    }
}

@media (max-width: 371px){
    
    .search{
        width: 97%;
    }
    .column2>.fl{
        height: 200px;
    }
    .tab-content>ul>li{
        font-size: 15px;
        line-height: 35px;
    }
    .tab-content>ul>li a{
        font-size: 15px;
    }
    .column6 .fl .tab-title li{
        font-size: 15px;
    }
    .tab-title .tab-item, .tab-title .li{
        font-size: 1rem;
    }
    .column3 ul{
        display: block;
    }
    .column3 ul li{
        width: 46%;
    }
    .banner.lot .lotBox{
        width: 50%;
    }
}

