/* mobile */
@media (max-width: 1023px)  {
    body {
        font-size: .26rem;
        line-height: .4rem;
        background-color: #f4f4f4;
    }
    .per50 { width: 100% !important; }
    .pt5 { padding-top: .05rem !important; }
    .pl20 { padding-left: .2rem !important; }
    .mb10 { margin-bottom: .2rem !important; }

    /* wrap */
    .mb { display: block; }
    .w1200 { width: 7rem; }

    /* header */
    .top { 
        background-size: auto 100%;
        border-bottom: .05rem solid #034fa1; 
    }
    .top .w1200 {
        height: .56rem;
        padding-top: .07rem;
        padding-bottom: .07rem;
        background-size: auto 100%;
    }
    .top-logo .icon,
    .top-logo span { background-size: 100% auto; }
    .top-logo .icon { width: .61rem; }
    .top-logo span { 
        width: 1.5rem;
        margin-left: .08rem;
    }   
    .top .fr { padding-top: .1rem; }
    .top .fr >em {
        padding-right: .08rem;
        padding-left: .08rem;
    }
    .top .fr p { padding-top: .1rem; }
    .icon-tel {
        width: .2rem;
        height: .2rem;
        margin-right: .03rem;
        background-size: 100% 100%;
    }
    .top .fr p em {
        font-size: 20px;
        font-weight: bold;
    }
    .top .icon-nav {
        position: absolute;
        top: 50%;
        right: .25rem;
        display: inline-block;
        width: .36rem;
        height: .3rem;
        margin-top: -.15rem;
        background: url(../Images/icon-nav.png) no-repeat 0 0;
        background-size: 100% auto;
    }
    .side-nav2 {
        position: absolute;
        top: .95rem;
        right: 0;
        z-index: 99;
        width: 2.8rem;
        padding: .1rem 0;
        background-color: #034fa1;
    }
    .side-nav2 li a {
        position: relative;
        display: block;
        padding: 0 .25rem;
        font-size: .2rem;
        line-height: .5rem;
        color: #fff;
    }
    .side-nav2 li a i {
        width: .24rem;
        height: .24rem;
        margin-right: .1rem;
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: 100% auto;
    }
    .side-nav2 li a .icon-home { background-image: url(../Images/icon-home.png); }
    .side-nav2 li a .icon-about { background-image: url(../Images/icon-about.png); }
    .side-nav2 li a .icon-dynamic { background-image: url(../Images/icon-dynamic.png); }
    .side-nav2 li a .icon-notice { background-image: url(../Images/icon-notice.png); }
    .side-nav2 li a .icon-service { background-image: url(../Images/icon-service.png); }
    .side-nav2 li a .icon-policy { background-image: url(../Images/icon-policy.png); }
    .side-nav2 li a .icon-interaction { background-image: url(../Images/icon-suggest.png); }
    .side-nav2 li a .icon-repair { background-image: url(../Images/icon-repair.png); }
    .side-nav2 li a span { vertical-align: middle; }
    .side-nav2 li a b {
        position: absolute;
        top: .21rem;
        right: .2rem;
        display: inline-block;
        width: .16rem;
        height: .16rem;
        background-image: url(../Images/icon-fold.png); 
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: 100% auto;
    }
    .side-nav2 li a b.icon-unfold { background-image: url(../Images/icon-unfold.png); }
    .side-nav2 li .sub { 
        padding: .1rem 0;
        background-color: #1c60aa; 
    }
    .side-nav2 li li a {
        padding-left: .6rem;
        font-size: .18rem;
        line-height: .4rem;
    }
    .side-nav2 ul { display: none; }


    /* top-nav */
    .top .fr,
    .top-nav,
    .swf,
    .side-nav2,
    .tab-cont >a.right { display: none; }
    .top,
    .footer .fl,
    .footer .fr, 
    #slides2,
    .news,
    .survey,
    .page >div { float: none !important; }
    .fun,
    .survey,
    .link li a,
    .side-nav,
    .tb-box,
    .btn,
    .btn-h,
    .btn-more,
    .inp,
    .select,
    .textarea,
    .page a,
    .page input {
        -webkit-border-radius: .05rem;
           -moz-border-radius: .05rem;
                border-radius: .05rem;
    } 
    
    /* slides */
    .slides,
    .slides .slides_container,
    .slides .slides_container em { 
        width: 7.5rem;
        height: 1.61rem;
    }
    .slides .pagination { bottom: .2rem; }
    .slides .pagination li a {
        width: .18rem;
        height: .18rem;
        margin: 0 .04rem;
        background-size: 100% auto;
    }
    .slides .txt {
        left: 0;
        width: 100%;
        height: 1.61rem;
        margin-left: 0;
    }
    .slides .txt i { background-size: 100% auto; }
    .slides .txt1 {
        top: .24rem;
        left: 2.51rem;
        width: 1.8rem;
        height: .57rem;
    }
    .slides .txt2 {
        top: .1rem;
        left: 4.38rem;
        width: .97rem;
        height: .88rem;
    }
    .slides .txt3 {
        top: .81rem;
        left: 2.48rem;
        width: 1.83rem;
        height: .15rem;
    }
    .slides .txt21,
    .slides .txt23,
    .slides .txt25,
    .slides .txt27 {
        width: .08rem;
        height: .08rem;
    }
    .slides .txt21,
    .slides .txt23 { top: .45rem; }
    .slides .txt25,
    .slides .txt27 { top: .91rem; }
    .slides .txt21,
    .slides .txt25 { left: .35rem; }
    .slides .txt23,
    .slides .txt27 { left: 2.76rem; }
    .slides .txt22,
    .slides .txt24,
    .slides .txt26,
    .slides .txt28 {
        width: 1.76rem;
        height: .25rem;
    }
    .slides .txt22,
    .slides .txt24 { top: .36rem; }
    .slides .txt26,
    .slides .txt28 { top: .81rem; }
    .slides .txt22,
    .slides .txt26 { left: .57rem; }
    .slides .txt24,
    .slides .txt28 { left: 2.96rem; }
    .slides-btm { 
        height: .35rem;
        background-size: 100% 100%;
    }

    /* notice2 */
    .notice2 {
        height: .4rem;
        line-height: .28rem;
        padding-right: .2rem;
        padding-left: .2rem;
        margin-top: 0;
    }
    .notice2 .icon-notice2 {
        width: .26rem;
        height: .26rem;
        margin: -.01rem .05rem .01rem 0;
        background-size: 100% auto;
    }
    .notice2 b,
    .notice2 span { font-size: .24rem; }
    .notice2 b { font-weight: normal; }
    .notice2 marquee { width: 5.3rem; }
    .notice2 span a { margin-right: .5rem; }
    .notice2 .icon-next { margin: .03rem .1rem 0 .06rem; }

    /* foot */
    .footer {
        padding-top: .23rem;
        padding-bottom: .23rem;
        line-height: .42rem;
        text-align: center;
    }
    .footer .fl {
        padding-left: 0;
        font-size: .24rem;
    }
    .footer .fl span {
        display: block;
        padding-left: 0;
    }
    .footer .fl span .c-red {
        padding-right: .03rem;
        padding-left: .03rem;
    }
    .footer .fl .statistics { 
        padding-top: .05rem;
        padding-left: 0;
    }
    .footer .fr { padding-right: 0; }
    .footer .qrcode {
        width: 2rem;
        height: 2rem;
        margin-top: .2rem;
        background-size: 100% auto;
    }

    /* page-body */
    .page-body { padding-bottom: .1rem; }
    .page-body.bg-white { padding-top: .2rem; }

    /* index */
    .ind-item,
    .ind-item4 { 
        padding-top: .2rem;
        padding-bottom: .2rem;
    }
    #slides2,
    #slides2 .slides_container,
    #slides2 .slides_container em { 
        width: 7rem; 
        height: 3.58rem;
    }
    #slides2 .pagination {
        right: .15rem;
        bottom: .16rem;
    }
    #slides2 .title {
        width: 6rem;
        padding-right: .8rem;
        padding-left: .2rem;
        font-size: .26rem;
        line-height: .52rem;;
        -webkit-border-radius: 0 0 .05rem .05rem;
           -moz-border-radius: 0 0 .05rem .05rem;
                border-radius: 0 0 .05rem .05rem;
    }
    .news { 
        width: 100% !important;
        margin-left: 0 !important;
    }

    /* tab */
    .tab { 
        padding-top: .2rem !important;
        margin-bottom: .1rem;
        border-bottom-width: .01rem; 
    }
    .tab span {
        padding: 0 .16rem .11rem;
        font-size: .28rem !important;
        line-height: .5rem;
    }
    .tab span.active {
        padding-bottom: .1rem;
        margin-bottom: -.01rem;
        border-bottom-width: .02rem;
    }
    .tab-cont { height: auto; }
    .tab-cont >div { height: 3.3rem; }
    .tab-cont >a.right { 
        top: -.65rem;
        font-size: .2rem;
    }

    /* list */
    .list li { border-bottom-width: .02rem; }
    .list li b {
        top: .03rem;
        font-size: .26rem;
    }
    .list li b em {
        margin-bottom: -.08rem;
        font-size: .16rem;
    }
    .list li b + span { padding-right: 1rem; }
    .list li span { 
        font-size: .26rem !important; 
        line-height: .8rem; 
    }
    .list li span .icon-dot {
        width: .12rem;
        height: .12rem;
        margin: 0 .12rem .06rem .1rem;
        background: #999;
        -webkit-border-radius: 50%;
           -moz-border-radius: 50%;
                border-radius: 50%;
    }
    .list li .new .icon-dot { background: #1b62c3; }
    .btn-more {
        display: block;
        margin-top: .2rem;
        line-height: .66rem;
        color: #555;
        text-align: center;
        background-color: #e2e2e2;
    }

    /* fun */
    .fun { border-width: .01rem; }
    .fun li {
        height: 1.2rem;
        padding: .26rem 0;
        text-align: center;
    }
    .fun li a {
        padding-left: 0;
        font-size: .26rem;
    }
    .fun li a i {
        width: .8rem;
        height: .8rem;
        margin-right: 0;
        background-size: 100% auto;
    }
    .fun li a em { 
        display: block;
        padding-top: .1rem;
    } 
    .fun li .line {
        top: .27rem;
        width: .01rem;
        height: 1.2rem;
        border-left-width: .01rem;
    }

    /* about */
    .ind-item3 {
        height: 1.92rem;
        margin-bottom: 2rem;
        background-size: auto 100%;
    }
    .ind-item3 .title { padding-top: .28rem; }
    .ind-item3 .title i { background-size: 100% auto; }
    .ind-item3 .title .txt1 {
        width: 1.8rem;
        height: .4rem;
    }
    .ind-item3 .title .txt2 {
        width: 3.11rem;
        height: .22rem;
        margin-top: .12rem;
    }
    .ind-item3 .about {
        height: auto;
        margin: .2rem auto 0;
    }
    .about li { padding-bottom: .2rem; }
    .about li a { padding-bottom: .15rem; }
    .about li i {
        height: 1.4rem;
        background-size: auto 100%;
    }
    .about li h4 {
        padding-top: .12rem;
        margin-bottom: .1rem;
        font-size: .26rem;
        line-height: .3rem;
    }
    .about li p { 
        font-size: .14rem;
        line-height: .2rem;
        padding: 0 .35rem;
    }
    .about li p:before,
    .about li p:after,
    .about li:hover h4:before,
    .about li:hover h4:after {
        width: .3rem;
        height: .02rem;
    }
    .about li p:before { left: .03rem; }
    .about li p:after { right: .03rem; }
    .about li:hover i { height: 1.67rem; }
    .about li:hover h4 { 
        padding-top: .25rem;
        padding-bottom: .25rem;
    }
    .about li:hover h4:before,
    .about li:hover h4:after { width: .32rem; }
    .about li:hover h4:before { left: .2rem; }
    .about li:hover h4:after { right: .2rem; }

    /* ind-item4 */
    .survey { 
        width: auto; 
        padding: .18rem .25rem .26rem;
        border-width: .01rem;
    }
    .survey .title { margin-bottom: .1rem; }
    .survey .title span { font-size: .3rem; }
    .survey p { line-height: .4rem; }
    .survey ul { padding: .1rem .2rem; }
    .survey li { padding-bottom: .1rem; }
    .survey .btn-box a { width: .8rem; }

    /* radio */
    .radio {
        margin-right: .2rem;
        line-height: .18rem;
    }
    .radio >em {
        padding-left: .08rem;
        font-size: .28rem;
    }
    .radio >i {
        width: .32rem;
        height: .32rem;
        background-size: 100% auto;
    }
    .radio > input {
        top: .01rem;
        width: .32rem;
        height: .32rem;
    }

    /* btn-box */
    .btn,
    .btn-h,
    .inp,
    .select,
    .textarea { line-height: .52rem; }
    .btn,
    .btn-h {
        height: .52rem;
        padding-right: .16rem;
        padding-left: .16rem;
    }
    .btn:hover,
    .btn-h:hover,
    .inp:focus,
    .select:focus,
    .textarea:focus {
        -webkit-box-shadow: 0 0 .07rem 0 #91b1fd;
           -moz-box-shadow: 0 0 .07rem 0 #91b1fd;
                box-shadow: 0 0 .07rem 0 #91b1fd;
    }
    .btn.lg { 
        height: .52rem;
        font-size: .24rem;
        line-height: .52rem;
    }
    .btn-box .btn,
    .btn-box .btn-h,
    .btn-box .btn.lg { margin-left: .05rem; }

    /* search,form */
    .inp,
    .select,
    .textarea {
        width: 2.6rem;
        height: .5rem;
        padding-right: .1rem;
        padding-left: .1rem;
    }
    .select {
        width: 2.2rem;
        height: .54rem;
        padding-left: .06rem;
    }
    option { padding-left: 0; }
    .inp.lg,
    .textarea.lg { width: 4.35rem; }
    .textarea {
        height: 2.6rem;
        padding: .05rem .1rem;
        line-height: .42rem;
    }

    .search-box { 
        padding-top: .4rem; 
        padding-bottom: .65rem; 
    }
    .search-box .btn,
    .search-box .btn-h,
    .form-box li .btn + .btn-h,
    .form-box li .select + .select { margin-left: .1rem; }
    .search-box .btn,
    .search-box .btn-h { width: .8rem; }

    .form-box li { padding-bottom: .2rem; }
    .form-lab {
        width: 2rem;
        padding-right: .1rem;
        line-height: .54rem;
    }
    .form-lab em { padding-right: .03rem; } 
    .form-box li .btn,
    .form-box li .btn-h { width: .9rem; }

    .value { padding-top: .07rem; }
    .value li { padding-bottom: .05rem; }
    .value li .form-lab { width: 1.5rem; }
    .value li .form-control {
        width: 5rem;
        padding-top: .08rem;
        padding-bottom: .08rem;
    }
    .tip-box b { padding-bottom: .07rem; }
    .tip-box p { padding-bottom: .06rem !important; }

    /* pay */
    .pay {
        height: 1.4rem;
        background: url(../Images/pay.jpg) no-repeat 50% 0;
        background-size: auto 100% ;
    }

    /* link */
    .link {
        width: 7rem;
        margin: .2rem auto -.05rem;
    }
    .link li {
        width: 3.3rem;
        padding: 0 .1rem .1rem;
    }
    .link li img { height: .88rem; }

    /* inner */
    .banner,
    .banner .slides_container,
    .banner .slides_container em,
    .banner .txt { height: 2.1rem; }
    .banner .txt i {
        width: 1.54rem;
        height: .84rem;
        margin-top: .5rem;
        margin-left: 1rem;
        background-size: 100% auto;
    }
    .banner .service-txt { width: 2.59rem !important; }

    .side-box { display: none; }
    .main-body {
        float: none;
        width: 7rem !important;
        padding-top: .1rem;
        -webkit-animation-delay: 1.2s;
                animation-delay: 1.2s;
    }
    .main-body .title {
        padding-bottom: .3rem;
        font-size: .32rem;
        line-height: .3rem;
    }
    .main-body h3.title { padding-top: .1rem; }
    .main-body .title .icon-title {
        width: .28rem;
        height: .28rem;
        margin: -.02rem .12rem .02rem 0;
        background-size: 100% auto;
    }
    .main-body .title em { font-size: .16rem; }
    .main-body .cont { 
        min-height: 1.4rem;
        padding-bottom: .2rem; 
    }
    .main-body .cont p { 
        padding-bottom: .1rem; 
        line-height: .4rem;
    }
    .main-body .cont .btn-box { padding-bottom: .25rem; }

    .icon-consult,
    .icon-complaint,
    .icon-suggest,
    .icon-email,
    .icon-maintain {
        width: .24rem;
        height: .24rem;
        margin: -.02rem .08rem .02rem 0;
        background-size: 100% auto;
    }

    /* newsinfo */
    .newsinfo h4.title {
        padding-bottom: .2rem;
        font-size: .3rem;
        line-height: .5rem;
    }
    .newsinfo .time { padding-bottom: .2rem; }
    .newsinfo .time span { 
        padding-right: .25rem; 
        font-size: .2rem;
    }
    .newsinfo .a-box { 
        padding-top: .2rem;
        padding-bottom: .04rem;
    }
    .newsinfo .a-box span { padding-bottom: .08rem; }
    .img-box { padding-top: .24rem; }
    .img-box img { margin-bottom: .2rem; }

    /* page */
    .page >div {
        padding-top: .3rem;
        padding-bottom: .15rem;
    }
    .page .fr { padding-top: .05rem; }
    .page em { line-height: .28rem; }
    .page .fl em { padding-right: .12ewm; }
    .page a,
    .page input {
        padding-right: .05rem;
        padding-left: .05rem;
    }
    .page a {
        min-width: .28rem;
        height: .38rem;
        margin-right: .02rem;
        margin-left: .02rem;
        line-height: .38rem;
    }
    .page .btn-prev i,
    .page .btn-next i,
    .icon-next {
        width: .08rem;
        height: .14rem;
        background-size: 100% 100%;
    }
    .page .btn-prev i,
    .page .btn-next i { margin: -.01rem 0 .01rem; }
    .page b {
        padding-right: .1rem;
        padding-left: .12rem;
    }
    .page input {
        width: .32rem;
        height: .36rem;
        margin: 0 .06rem;
        line-height: .2rem;
    }
    .page .btn-h {
        padding-right: .12rem;
        padding-left: .12rem;
        margin-left: .04rem;
    }

    /* table */
    .tb-box { padding: .04rem; }
    .tb th,
    .tb td { padding: .1rem; }

    /* list2 */
    .list2 li {
        width: 3rem;
        padding: 0 .25rem .1rem;
    }
    .list2 li div { height: 2.25rem; }
    .list2 li h4 {
        height: .45rem;
        padding-top: .08rem;
        font-size: .24rem;
    }
    .newsinfo .video {
        width: 7rem;
        height: 5.25rem;
        margin-bottom: .2rem;
    }
    .icon-per { padding-right: .8rem; }
    .icon-per img {
        height: .14rem;
        margin-right: .06rem;
    }

    /* layer */
    .layer {
        width: 2.2rem;
        height: .9rem;
        background-size:  100% 100%;
    }
    .layer a {
        padding: .55rem 1.2rem .05rem .05rem;
        font-size: .18rem;
        line-height: .3rem;
    }
    
.layer .icon-close {
    top: .05rem;
    right: .05rem;
    width: .22rem;
    height: .22rem;
    background-size: 100% 100%;
    }
}