﻿@charset"utf-8";

@media screen and (max-width: 1200px) {

    /* é€šç”¨åˆå§‹åŒ–æ ·å¼ START */
    html,
    body {
        font-size: 0.14rem;
    }

    body {
        -webkit-tap-highlight-color: transparent;
    }

    .mshow {
        display: block;
    }

    .mhide {
        display: none;
    }

    .mf24 {
        font-size: .24rem;
    }

    .mf26 {
        font-size: .26rem;
    }

    .mf28 {
        font-size: .28rem;
    }

    .mf32 {
        font-size: .32rem;
    }

    .mf36 {
        font-size: .36rem;
    }

    .mclearfix::after {
        content: "";
        display: block;
        clear: both;
    }

    .content .mtop20 {
        margin-top: .2rem;
    }

    .header {
        height: auto !important;
        padding-bottom: 25px;
    }
    .container {
        width: 100%;
        padding: 0 0.3rem;
    }

    /* é€šç”¨åˆå§‹åŒ–æ ·å¼ END */

    /* å¤´éƒ¨  START*/
    .header .logo {
        display: none;
    }

    .header .mlogo {
        display: block;
        padding-top: .59rem;
    }

    .header .mlogo a {
        display: block;
        width: 4.75rem;
        height: 1.03rem;
        margin: 0 auto;
    }

    .header .search {
        position: relative;
    }

    .header .search .sear-box {
        width: 5.08rem;
        height: .71rem;
        margin: .49rem .22rem .19rem .65rem;
    }

    .header .search .sear-box input {
        line-height: .3rem;
        padding: .20rem .3rem .21rem;
        height: 100%;
    }

    .header .search .sear-box .sear-btn {
        width: 0.24rem;
        height: 0.24rem;
        top: .24rem;
        right: .32rem;
    }

    .header .search .menu {
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        width: .9rem;
        height: .71rem;
        background: rgb(255, 255, 255);
        border-radius: .35rem;
        -webkit-border-radius: .35rem;
        -moz-border-radius: .35rem;
        -ms-border-radius: .35rem;
        -o-border-radius: .35rem;

    }

    .header .search .menu a {
        position: absolute;
        top: .175rem;
        left: .235rem;
        display: block;
        width: .47rem;
        height: .35rem;
        background: url(menu-icon.png) no-repeat;
        background-position: center;
    }

    .header .search .hots {
        margin-left: 1.03rem;
    }

    .phone-menu {
        display: none;
        position: fixed;
        right: 0;
        top: 0;
        width: 60%;
        height: 100%;
        color: #fff;
        background-color: rgba(10, 10, 10, .7);
        padding-top: .8rem;
        border-top-left-radius: .4rem;
    }

    .phone-menu ul li {
        text-align: center;
        height: .64rem;
        line-height: .64rem;
        border-bottom: 1px solid #fff;
    }

    .phone-menu ul li.active {
        color: #166AAB;
    }

    .mclose {
        position: absolute;
        padding: 0 .2rem .04rem;
        text-align: center;
        top: 0;
        left: 0;
        font-size: .46rem;
        color: #fff;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        cursor: pointer;
    }

    /* å¤´éƒ¨ END */
    /* å¹¿å‘ŠåŒºåŸŸ START */
    .post-bg {
        width: auto;
        margin-left: -.3rem;
        margin-right: -.3rem;
    }

    /* å¹¿å‘ŠåŒºåŸŸ END */

    .slide-news {
        background: none;
    }

    .left,
    .right {
        width: 100%;
    }

    .slide .hd {
        height: .543rem;
        line-height: .543rem;
        position: relative;
    }

    .slide .hd span {
        padding-right: 2.8rem;
    }

    .slide .hd .msicon {
        width: 28%;
        position: absolute;
        top: .1rem;
        right: 0;
    }

    .slide .hd .msicon li {
        width: 0.15rem;
        height: 0.14rem;
    }

    .slide .hd .msicon li.on {
        width: 0.33rem;
    }

    .slide-news .home-news {
        margin-top: .2rem;
    }

    .home-news {
        padding: .30rem .12rem;
    }

    .news .bd ul {
        padding-left: .5rem;
        padding-right: .14rem;
    }

    .news .hd ul {
        display: flex;
    }

    .news .hd ul li {
        padding: .13rem 0;
        flex: 1;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .news .hd ul .long-list {
        flex: 2;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .switch .hd ul .special-list {
        flex: none;
    }

    .news .bd li {
        line-height: .8rem;
    }

    .news .bd li::before {
        width: 0.2rem;
        height: 0.2rem;
        top: .3rem;
        left: -.4rem;
    }

    .news .bd li a {
        padding-right: 2.2rem;
    }

    .content-title img {
        height: .3rem;
        padding-left: 1.6rem;
    }

    .line {
        height: .32rem;
    }

    .switch .hd ul li {
        padding: 0;
    }

    .switch .hd img {
        padding-left: 3.8rem;
    }
    .connect-icon {
        display: flex;
    }
    .connect-icon>a {
        display: flex;
        justify-content: center;
        margin-top: .7rem;
        margin-bottom: .31rem;
        transform: scale(2);
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        -ms-transform: scale(2);
        -o-transform: scale(2);
    }

    .connect-icon .call {
         margin: .7rem auto .31rem;
    }

    .connect-icon .address {
        margin-left: 0;
    }

    .icon-intro {
        margin-top: .3rem;
    }

    .icon-intro span {
        margin: 0 .6rem;
    }

    .footer-desc p {
        line-height: .6rem;
    }

    .gover-logo {
        display: flex;
        justify-content: space-around;
        align-items: center;
    }

    .gover-logo a img {
        margin: .75rem 0 .58rem;
        transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
    }

    .back-top {
        position: fixed;
        right: .3rem;
        bottom: 30%;
        z-index: 999;
    }

    .current-local {
        padding: .1rem .2rem .1rem .15rem;
        background-size: 100% 100%;
    }

    .current-local img {
        width: 0.26rem;
        height: 0.26rem;
        vertical-align: middle;

    }

    .video .list li {
        width: 46%;
    }

    .video .list li .pic-box {
        height: 1.63rem;
    }

    .video .list a p {
        padding: .11rem .24rem;
    }

    .currency .right {
        width: 100%;
    }

    .currency .right .content-title {
        height: .85rem;
        line-height: .85rem;
    }

    .triangle {
        top: .36rem;
        transform: scale(2);
        -webkit-transform: scale(2);
        -moz-transform: scale(2);
        -ms-transform: scale(2);
        -o-transform: scale(2);
    }

    .currency .right .news li {
        line-height: .8rem;
    }

    .currency .right .news .bd li::before {
        top: .3rem;
        left: -.5rem;
    }

    .leaders .leader {
        padding-bottom: .8rem;
        position: relative;
    }

    .leaders .leader .person-box {
        width: 1.56rem;
        height: 1.95rem;
        margin-top: .1rem;
    }

    .leader-title {
        width: 2rem;
    }

    .leader-title p {
        line-height: .54rem;
    }

    .leader-desc {
        width: 40%;
    }

    .leader-desc p {
        line-height: .54rem;
    }

    .leader-desc p {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        position: static;
    }

    .leader-desc p>a {
        position: absolute;
        bottom: 0;
        right: 0;

    }

    .add-box .add-item .webitem {
        width: 45%;
        height: .79rem;
        line-height: .79rem;
        border: 2px solid rgb(219, 240, 255);
    }


    .add-box .add-item .webitem:hover .select-box {
        margin-top: -0.04rem;
    }

    .general-content {
        padding: .38rem .15rem 0 .15rem;
        background: #fff;
        border: 1px solid rgb(230, 230, 230);
    }

    .gener-desc {
        height: .7rem;
        line-height: .7rem;
        margin-left: -.15rem;
        margin-right: -.15rem;
        width: auto;
    }

    .lead-container .desc .lead-tit {
        background-size: 23% 100%;
        padding: .09rem 2rem .09rem .09rem;
    }

    .lead-container .desc .lead-txt .tel-icon {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
    }

    .lead-container .desc .lead-txt p {
        line-height: .5rem;
    }

    .lead-content .lead-photo img {
        width: 1.68rem;
        height: 2.1rem;
    }

    .phone-menu {
        z-index: 1000;
    }

    .fixheight {
        height: auto !important;
    }

    .content .inner-box .add-item {
        display: flex;
        flex-wrap: wrap;
    }

    .back-top img {
        background: #fff;
        border-radius: 50%;
        width: 40px;
    }

    .gener-text table {
        width: 100%;
        overflow: hidden;
    }

    .gener-text table img {
        width: 100%;
        overflow: hidden;
    }

    .page {
        margin: 0;
    }

    .page a {
        min-width: .5rem;
        height: .4rem;
        line-height: .4rem;
        margin: 8px;
    }

    .page #num,
    .pageSub {
        min-width: .5rem;
        height: .4rem;
        line-height: .4rem;
        margin: 8px;
        font-size: .24rem;
    }

    .firstPage,
    .nextPage,
    .prevPage,
    .pageSub,
    .lastPage {
        width: .8rem;
    }
    .mlogo a img {
         display: block;
         width: 100%;
     }
     .govericon1 img {
         width: .4rem;
     }
     .govericon2 img {
         width: .4rem;
     }
     .govericon3 img {
         width: .6rem;
     }
     .footer .container .foot-connect .gover-logo .govericon3 {
        left: 50px;
        bottom: -15px;
    }
    .footer .container .foot-connect .gover-logo .govericon2 {
        bottom: -50px;
    }
}