@media screen and (max-width:768px) {
    body {
        background-color: #FFF;
        overflow-x: hidden;
    }
    .no-padding {
        padding: 0 !important;
    }
    /* 首页手机版css */
    .mobile {
        background-color: #f6f4ff;
    }
    .mobile .layui-container {
        padding: 0 10px;
    }
    .mobile .channel-title {
        color: #5748c5;
        margin: 10px 0 5px;
    }
    .mobile .channel-title hr:first-of-type {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .mobile .listtitle a {
        white-space: normal;
        word-break: normal;
        line-height: 150%;
        padding: 8px;
        margin-bottom: 4px;
        border: 0;
    }
    .mobile .mobile-more a {
        margin: 0 8px;
    }
    .mobile .top-news {
        background-color: #ffffff;
        padding: 10px;
        width: 100%;
        box-sizing: border-box;
    }
    .mobile .top-news a {
        display: block;
        line-height: 35px;
        font-size: 1.5rem;
        color: #000;
        text-align: center;
    }
    #mobile_index_news {
        height: 275px !important;
    }
    #mobile_index_news img {
        width: 100%;
        height: 275px;
    }
    #mobile_index_news>[carousel-item]>* a {
        display: block;
        position: absolute;
        height: 275px;
    }
    #mobile_index_news>[carousel-item]>* a p {
        position: absolute;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.6);
        width: 100%;
        color: #FFF;
        padding: 0 10px;
        text-align: center;
        line-height: 36px;
        font-size: 1.125rem;
        box-sizing: border-box;
        word-break: keep-all;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .mail-index .mail-index-left {
        width: 100%;
        float: none;
        padding: 10px;
        box-sizing: border-box;
        background-color: #FFF;
    }
    .mail-index .mail-index-right {
        width: 100%;
        float: none;
        padding: 0;
        box-sizing: border-box;
    }
    .mail-index .mail-index-right .mail-investigate {
        margin-top: 0;
    }
    .mail-index .mail-index-right .mail-investigate .list-dept .layui-row {
        border: 0;
        margin: 8px auto;
    }
    .mail-index .mail-index-right .mail-investigate .list-dept a {
        margin-bottom: 0;
        padding-left: 75px;
        border-bottom: 0;
        text-indent: 0;
    }
    .mail-index .mail-index-right .mail-investigate .list-dept p {
        text-indent: 0px;
    }
    .mail-index .mail-index-right .mail-investigate .list-dept a span {
        left: 10px;
        top: 28px;
        position: absolute;
    }
    .mail-index .mobile-more {
        margin: 8px 0 10px;
    }
    /* 区域概况手机版(区情)css */
    .quqing-line1 .layui-container {
        padding: 0;
    }
    .quqing-line1 {
        padding-bottom: 0;
        box-sizing: border-box;
    }
    .quqing-line1 .channel-title {
        padding: 10px 0;
        margin: 10px;
        color: #5748c5;
    }
    .quqing-line1 div img {
        width: 100%;
    }
    .quqing-line1 p {
        font-size: 1.125rem;
        line-height: 32px;
        padding: 10px 10px 0;
        color: #4d4f53;
    }
    .quqing-line1 ul {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .quqing-line1 ul li {
        width: 25%;
        margin-bottom: 8px;
    }
    .quqing-line1 ul li a {
        width: auto;
    }
    .quqing-line1 ul li a div img {
        width: 70%;
        display: block;
        margin: 0 auto 5px;
    }
    .quqing-line1 ul li a span {
        font-size: 0.8rem;
        margin: 0 auto !important;
    }
    .quqing-line2 {
        background-color: transparent;
    }
    .quqing-line2 .quqing-area .channel-title {
        border-bottom: 0;
    }
    .quqing-line2 .quqing-area a {
        height: auto;
        border: 1px #5748c5 solid;
        text-align: center;
    }
    .quqing-line2 .quqing-area a img {
        display: inline-block;
        width: 35px;
        margin: 10px auto;
    }
    .quqing-line2 .quqing-area a p {
        display: none;
    }
    .quqing-line2 .quqing-area a i {
        display: none;
    }
    .quqing-line2 .quqing-area a h1 {
        font-size: 1.02rem;
        margin: 5px auto;
        display: inline-block;
        margin-left: 5px;
    }
    .quqing-line3 .layui-carousel {
        height: 170px !important;
    }
    .quqing-line3 .layui-carousel>[carousel-item]>* img {
        height: 170px;
        width: auto;
    }
    .quqing-line3 p {
        font-size: 1.125rem;
        line-height: 32px;
        color: #4d4f53;
        margin-bottom: 30px;
    }
    /* 新闻中心手机版(区情)css */
    .index-news {
        margin: 10px auto;
    }
    .news-line1 .index-news {
        margin-bottom: 0px;
    }
    .news-line1 .index-news-right {
        margin-top: -8px;
    }
    .news-line2 .channel-title {
        color: #5748c5;
    }
    .index-news-left #index_news_mobile {
        height: 275px !important;
    }
    .index-news-left #index_news_mobile img {
        width: auto;
        height: 275px;
        min-width: 100%;
    }
    .index-news-left #index_news_mobile a span {
        position: absolute;
        line-height: 42px;
        padding: 0 10px;
        background-color: rgba(0, 0, 0, 0.6);
        color: #FFF;
        bottom: 0;
        left: 0;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-size: 1.02rem;
        box-sizing: border-box;
    }
    .index-news-right .box2 ul {
        position: relative;
    }
    .index-news-right .box2 ul li {
        width: auto;
    }
    .index-news-right .box2 ul li {
        margin-right: 0;
    }
    .index-news-right .box2 ul li a {
        font-size: 1.125rem;
        padding: 0 8px;
        top: 10px;
    }
    .news-line2 {
        padding-bottom: 0px;
        background-color: transparent;
    }
    .news-line2 .focus-box {
        padding: 0;
        background-color: transparent;
        margin-bottom: 5px;
    }
    .news-line2 .focus-box .focus-box-right {
        width: 100%;
        float: none;
    }
    .news-line3 {
        padding-bottom: 0px;
    }
    .news-line3 .channel-title {
        color: #5748c5;
    }
    .news-line3 .dept-box>div:nth-child(1) {
        padding-right: 0;
        border-right: 0;
    }
    .news-line3 .dept-box>div:nth-child(2) {
        padding-left: 0;
    }
    .news-line3 .list-dept a {
        height: auto;
    }
    .news-line5 {
        background: unset;
    }
    .news-line5 .channel-title {
        margin: 0px auto 5px;
        color: #5748c5;
    }
    .news-line5 .channel-title hr {
        background-color: #5748c5;
    }
    .news-line5 .life-box {
        padding: 0px;
        background-color: transparent;
        margin-bottom: 0px;
        border-radius: 0;
    }
    .news-line5 .life-box .life-box-left .listtitle:first-of-type {
        width: 100%;
        float: none;
        padding-right: 0;
        border-right: 0;
    }
    .news-line5 .life-box .life-box-left .listtitle:last-of-type {
        width: 100%;
        float: none;
    }
    .news-line6 {
        background-color: transparent;
        background: none;
    }
    .news-line6 .channel-title {
        margin-top: 0px;
        color: #5748c5;
    }
    .news-line6 .baoshui-box {
        background-color: transparent;
        padding: 0;
        margin-bottom: 10px;
    }
    .news-line6 .baoshui-box .right {
        float: none;
        width: 100%;
    }
    /* 政务公开手机版css */
    .gongkai-line2 {
        margin-top: 10px;
    }
    .gongkai-line2.index-gongkai .gongkai-box1 .left {
        width: 100%;
        float: none;
        background-color: transparent;
    }
    .index-gongkai .gongkai-box1 .left ul li {
        margin-bottom: 5px;
    }
    .index-gongkai .gongkai-box1 .left ul li a {
        font-size: 1.25rem;
        padding: 10px 0 !important;
        line-height: 28px;
        text-indent: 17px;
        background-color: #FFF;
        display: block;
        position: relative;
        color: #5748c5;
        border-bottom: 2px #dedede solid;
    }
    .index-gongkai .gongkai-box1 .left ul li a::before {
        position: absolute;
        left: 0;
        width: 7px;
        height: 30px;
        float: left;
        border-radius: 5px;
        margin-top: 0;
        background-color: #5748c5;
        content: '';
    }
    .gongkai-line2.index-gongkai .gongkai-box1 .list-dept a {
        height: auto;
    }
    .gongkai-line2.index-gongkai .gongkai-box1 .right {
        padding-left: 0;
        width: 100%;
        margin-right: 0;
        border-left: 0;
        float: none;
        padding-top: 10px;
    }
    .index-gongkai .gongkai-box1 .right li {
        width: 49%;
        margin-right: 2%;
        float: left;
        padding: 0;
    }
    .index-gongkai .gongkai-box1 .right li:nth-of-type(2) {
        margin-right: 0;
    }
    .index-gongkai .gongkai-box1 .right li:last-of-type {
        margin-right: 0;
    }
    .gongkai-line2.index-gongkai .gongkai-box1 .right li {
        background-color: transparent;
    }
    .gongkai-line2.index-gongkai .gongkai-box1 .right li a {
        padding-left: 0 !important;
        font-size: 1rem;
        text-align: center;
        background-color: transparent !important;
        line-height: normal;
        padding: 15px 0 !important;
    }
    .gongkai-line2.index-gongkai .gongkai-box1 .right li a i {
        font-size: 2.5rem !important;
        display: block;
        margin: 0 auto;
        width: 90px;
        height: 90px;
        line-height: 90px;
        border-radius: 50px;
        background-color: #fcebf1;
        margin-bottom: 8px;
    }
    .gongkai-line2.index-gongkai .gongkai-box1 .right li:nth-child(2) a i {
        background-color: #d1e2fe;
    }
    .gongkai-line2.index-gongkai .gongkai-box1 .right li:nth-child(3) a i {
        background-color: #e4f8ff;
    }
    .gongkai-line3 {
        margin-top: 0;
        background: unset;
    }
    .gongkai-line3 .channel-title {
        margin: 0px auto 5px;
        color: #5748c5;
    }
    .channel-title hr:first-of-type {
        background-color: #5748c5;
    }
    .gongkai-line3 .gongao-box {
        padding: 0px;
        background-color: transparent;
        margin-bottom: 0px;
        border-radius: 0;
    }
    .gongkai-line3 .gongao-box .list-dept {
        width: 100%;
        float: none;
    }
    .gongkai-line3 .gongao-box .list-dept:first-of-type {
        padding-right: 0;
        border-right: 0;
    }
    .gongkai-line3 .gongao-box .list-dept:nth-child(2) {
        padding-left: 0;
    }
    .gongkai-line3 .gongao-box .list-dept a {
        height: auto;
    }
    .gongkai-line4 {
        margin-bottom: 10px;
    }
    .gongkai-line4 .channel-title {
        color: #5748c5;
    }
    .gongkai-line4 .layui-carousel {
        height: 170px !important;
    }
    .gongkai-line4 .layui-carousel img {
        width: 100%;
    }
    .gongkai-line4 .listtitle a {
        height: auto;
    }
    .gongkai-line4 .listtitle a h1 {
        white-space: normal;
        word-break: normal;
    }
    .gongkai-line4.layui-container {
        padding: 0;
    }
    .gongkai-line5 {
        padding-top: 10px;
    }
    .gongkai-line5 .gongkai-line5-box {
        padding: 10px;
    }
    .gongkai-line5 .gongkai-line5-box .list-dept {
        width: 100%;
        float: none;
    }
    .gongkai-line5 .gongkai-line5-box .list-dept:first-of-type {
        padding-right: 0;
        border: 0;
    }
    .gongkai-line5 .gongkai-line5-box .list-dept:nth-child(2) {
        padding-left: 0;
    }
    .gongkai-line5 .gongkai-line5-box .list-dept a {
        height: auto;
    }
    .gongkai-line5 .gongkai-line5-box .list-dept a font {
        height: 150%;
    }
    /* 政务服务手机版css */
    .service-line2 {
        background-color: transparent;
    }
    .service-line2 .channel-title {
        color: #5748c5;
    }
    .service-line2 .mobile-service-plat img {
        width: 100%;
        margin-top: 10px;
    }
    .service-line2 .notice-box {
        margin-bottom: 10px;
    }
    .service-line2 .notice-box .left {
        float: none;
        width: 100%;
        background-color: transparent;
        padding: 0;
        min-height: auto;
    }
    .service-line2 .list-dept a {
        height: auto;
    }
    /* 投资服务手机版css */
    .invest-line1 .index-news {
        margin-bottom: 10px;
    }
    .invest-line1 .index-news-right {
        margin-top: -18px;
    }
    .invest-line1 .list-dept a {
        height: auto;
    }
    .invest-line3 .channel-title {
        margin-bottom: 10px;
        color: #5748c5;
    }
    .invest-line3 .invest-line3-box {
        font-size: 0 !important;
        background-color: #FFF;
        padding-top: 10px;
        margin-bottom: 10px;
    }
    .invest-line3 .invest-line3-box div {
        width: 25%;
        margin-right: 0;
    }
    .invest-line3 .invest-line3-box a {
        width: 80%;
        margin: 0 auto;
    }
    .invest-line3 .invest-line3-box a p {
        height: 68px;
        line-height: 68px;
        width: 68px;
        margin: 0 auto;
    }
    .invest-line3 .invest-line3-box a p i {
        font-size: 2.5rem;
    }
    .invest-line3 .invest-line3-box a img {
        width: 55%;
    }
    .invest-line3 .invest-line3-box a span {
        font-size: 0.8rem;
        margin: 5px 0;
        line-height: 150%;
    }
    .invest-line4 {
        padding-bottom: 10px;
        background-color: transparent;
    }
    .invest-line4 .channel-title {
        color: #5748c5;
    }
    .index-invest .invest-box2 {
        padding: 0;
        margin-top: 10px;
        background-color: transparent;
    }
    .index-invest .invest-box2 .invest-box2-left {
        float: none;
        padding-left: 0;
        width: 100%;
    }
    .index-invest .invest-box2 .invest-box2-left .listtitle a {
        height: auto;
    }
    /* 党建动态手机版css */
    .communist-line1 {
        margin-top: 0;
    }
    .communist-leader .box-shadow {
        -moz-box-shadow: 3px 3px 8px transparent, -3px 3px 8px transparent;
        -webkit-box-shadow: 3px 3px 8px transparent, -3px 3px 8px transparent;
        box-shadow: 3px 3px 8px transparent, -3px 3px 8px transparent;
    }
    .communist-leader .channel-title {
        background: none;
        background-color: #FFF;
        padding: 10px 0;
        margin: 0 auto 5px;
        border-bottom: 2px #ff8a73 solid;
    }
    .communist-leader .channel-title hr:first-of-type {
        background-color: #e4374a;
    }
    .communist-leader .list-dept a {
        border-bottom: 2px #dedede dotted;
    }
    .communist-leader .listtitle a {
        border-bottom: 2px #dedede dotted;
        padding: 15px 8px;
    }
    .communist-line2 {
        background-color: transparent;
    }
    .communist-line2 .communist-leader-line1 {
        margin-bottom: 0;
        height: auto;
    }
    .communist-line2 .communist-leader-line1 .left {
        float: none;
        width: 100%;
        background-color: transparent;
        padding: 0;
    }
    .communist-line2 .communist-leader-line1 .left .list-dept a {
        height: auto;
        padding: 15px 8px;
    }
    .communist-line2 .communist-leader-line3 .communist-deed {
        background-color: transparent;
        padding: 0;
    }
    .communist-listtitle {
        background: none;
        background-color: #FFF;
        padding: 10px 0;
        margin: 0 auto 5px;
        text-align: left;
        width: 100%;
        height: auto;
        font-size: 1.25rem;
        line-height: 28px;
        border-bottom: 0 #ff8a73 solid;
    }
    .communist-listtitle::before {
        content: '';
        width: 7px;
        height: 30px;
        float: none;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 5px;
        margin-top: 0;
        background-color: #e4374a;
        display: inline-block;
        vertical-align: text-top;
        margin-right: 10px;
    }
    .communist-line2 .communist-leader-line3 {
        margin-bottom: 10px;
    }
    .communist-line3 {
        background-color: #FFF;
    }
    .communist-line3 .communist-news {
        margin-bottom: 15px !important;
    }
    .communist-line3 .communist-news h1 {
        margin-bottom: 0px;
    }
    .communist-line3 .communist-news .right {
        width: 100%;
        float: none;
    }
    .communist-line3 .communist-news-box>div:nth-child(1) .listtitle {
        border-right: 0;
        padding-right: 0;
    }
    .communist-line3 .communist-news-box>div:nth-child(2) {
        padding-left: 0;
    }
    .communist-line4 {
        padding: 0;
        background-color: transparent;
    }
    .communist-line4 .communist-line4-box1 {
        background-color: transparent;
        padding: 0;
        margin-bottom: 10px;
    }
    .communist-line4 .communist-line4-box1 .left {
        border-right: 0;
        padding-right: 0;
        margin-bottom: 10px;
    }
    .communist-line4 .communist-line4-box1 .right {
        padding-left: 0;
    }
    .communist-line4-box2 {
        background-color: transparent;
        padding: 0;
    }
    .communist-line4-box2 .right {
        width: 100%;
        float: none;
        margin-top: 5px;
    }
    .communist-line4-box2 .layui-row {
        margin-top: 8px;
        margin-bottom: 8px;
    }
    /* 互动交流手机版css */
    .mail-index {
        margin-bottom: 0px;
    }
    .mail-line1 .channel-title {
        color: #5748c5;
    }
    .mail-line1.mail-index .mail-index-left {
        width: 100%;
        padding: 10px 0;
    }
    .mail-index .mail-index-left .mail-left-dh a {
        line-height: 55px;
    }
    .mail-index .mail-index-left .mail-left-dh a i {
        margin-right: 5px;
        font-size: 1.125rem;
    }
    .mail-index .mail-index-left .mail-left-dh a span {
        padding-left: 5px;
        font-size: 1.125rem;
        border-left-width: 0;
    }
    .mail-line1.mail-index .mail-index-left iframe {
        height: 580px;
    }
    .mail-line2 {
        background-color: transparent;
    }
    .mail-line2 .channel-title {
        color: #5748c5;
    }
    .mail-line2 .mail-line2-box {
        background-color: transparent;
        padding: 0;
        margin-bottom: 10px;
    }
    .mail-line2 .mail-line2-box .left {
        width: 100%;
        float: unset;
        padding-right: 0;
        border-right: 0;
    }
    .mail-line2 .mail-line2-box .right {
        width: 100%;
        float: unset;
        padding-left: 0;
    }
    .mail-line2 .list-dept a {
        height: auto;
    }
}

.bf-mobile-larger .invest-line3 .invest-line3-box div,
.bf-mobile-bigger .invest-line3 .invest-line3-box div {
    width: calc(100% / 3);
}

.bf-mobile-larger .invest-line3 .invest-line3-box a p i,
.bf-mobile-bigger .invest-line3 .invest-line3-box a p i {
    font-size: 2.5rem !important;
}

.bf-mobile-larger .mail-index .mail-index-right .mail-investigate .list-dept a {
    padding-left: 83px;
    width: 78%;
}

.bf-mobile-bigger .mail-index .mail-index-right .mail-investigate .list-dept a {
    padding-left: 90px;
    width: 76%;
}