.m-show{
    display: none;
}
.container1600{
    width: 1600px;
    margin: 0 auto;
}
@media (min-width: 1457px){
    .dm-list{
        width: 648px;
    }
}
@media screen and (min-width : 1200px) and (max-width : 1600px) {
    .container1600{
        /*width: 1200px;*/
    }
    .first-nav .title{
        width: 100%;
        padding: 0 135px;
        box-sizing: border-box;
        margin-left: -600px;
    }
    .nav-split-line {
        width: 100%;
        position: absolute;
        top: 48px;
        height: 5px;
    }
    .first-nav .logo{
        margin-left: -600px;
    }
    .first-nav .login{
        /*right: -16px;*/
        margin-right: 0;
    }
    .first-nav .head-title{
        margin-left: -500px;
        width: 1000px;
    }
    .first-nav .head-title li {
        padding: 0;
        margin: 0 18px;
    }
    .dm-sale-2{
        background: none;
    }
    .dm-right .dm-title{
        max-width: 100%;
    }
    .dm-main {
        width: 100%;
    }

    .dm-pv-1{
        background: url("../image/pv_search.png") no-repeat;
        background-size: 100%;
        margin: 0 auto;
        padding-bottom: 22%;
    }

}


@media screen and (min-width : 1000px) and (max-width : 1200px) {
    .body{
        min-width: 1200px;
    }
    .first-nav .logo{
        left: 15px;
        margin-left: 0;
    }
    .first-nav .login{
        right: 20px;
        margin-right: 0;
        text-align: right;
    }

    .first-nav,.sub-nav,.index-main,.index-about,.footer, .pv-main{
        width: 1200px;
    }
    .first-nav .head-title{
        margin-left: -500px;
        /*width:  90%;*/
    }
    .dm-main {
        width: 1200px;
    }
    .dm-right .dm-title {
        /*width: 90%;*/
    }
    .dm-pagination {
        width: 1200px;
    }

    .second-nav-new{
        background: url("../image/index_second_nav.png") no-repeat center center;
        background-size: 95%;
        height: 180px;
        position: relative;
    }
    .second-nav-new a{
        width: 160px;
        height: 160px;
        display: block;
    }
    .second-nav-new a.t1{
        background: url("../image/index_second1.png") no-repeat;
        background-size: 95%;
        position: absolute;
        left: 50%;
        top: 0;
        margin-left: -440px;
    }
    .second-nav-new a.t1:hover{
        background: url("../image/index_second1_hover.png") no-repeat;
        background-size: 95%;
    }
    .second-nav-new a.t2{
        background: url("../image/index_second2.png") no-repeat;
        background-size: 95%;
        position: absolute;
        left: 50%;
        top: 0;
        margin-left: -260px;
    }
    .second-nav-new a.t2:hover{
        background: url("../image/index_second2_hover.png") no-repeat;
        background-size: 95%;
    }
    .second-nav-new a.t3{
        background: url("../image/index_second3.png") no-repeat;
        background-size: 95%;
        position: absolute;
        left: 50%;
        top: 0;
        margin-left: -80px;
    }
    .second-nav-new a.t3:hover{
        background: url("../image/index_second3_hover.png") no-repeat;
        background-size: 95%;
    }
    .second-nav-new a.t4{
        background: url("../image/index_second4.png") no-repeat;
        background-size: 95%;
        position: absolute;
        left: 50%;
        top: 0;
        margin-left: 100px;
    }
    .second-nav-new a.t4:hover{
        background: url("../image/index_second4_hover.png") no-repeat;
        background-size: 95%;
    }
    .second-nav-new a.t5{
        background: url("../image/index_second5.png") no-repeat;
        background-size: 95%;
        position: absolute;
        left: 50%;
        top: 0;
        margin-left: 260px;
    }
    .second-nav-new a.t5:hover{
        background: url("../image/index_second5_hover.png") no-repeat;
        background-size: 95%;
    }
}
@media screen and (max-width : 1000px) {
    .container1600,.container{
        width: 100%;
    }
    .dm-main .dm-left{
        margin-left: 0;
    }
    .first-nav .logo{
        left: 15px;
        margin-left: 0;
    }
    .first-nav .login{
        left: 55%;
        right: auto;
        margin-right: 0;
        margin-left: -127px;
        text-align: center;
    }
    .first-nav .login a {
        font-size: 16px;
        text-align: center;
    }
    .first-nav .menu{
        display: block;
        background: url("../image/menu.png") no-repeat center center;
        width: 46px;
        height: 46px;
        position: absolute;
        top: 0;
        right: 0;
        background-size: cover;
    }
    .first-nav .head-title{
        display: none;
        top: 46px;
        left: 0;
        margin-left: 0;
        z-index: 9999;
        height: 0;
        overflow: hidden;
    }
    .first-nav .head-title.open{
        display: block;
        height: auto;
        width: 100%;
    }
    .first-nav .head-title.open li{
        width: inherit;
        padding: 0;
        border-bottom: 1px solid #d0e4ea;
        background: #fff;
        float: none;
        height: auto;
        text-align: center;
        margin: 0;
    }
    .first-nav .head-title.open li a{
        width: inherit;
        text-align: center;
        color: #000207;
        border-radius: 0px;
        text-align: center;
        padding: 0;
        line-height: 54px;
        font-size: 18px;
    }
    .first-nav .head-title.open li a:hover,.first-nav .head-title.open li a.active{
        display: block;
        background: #0068b6;
        color: #fff;
        padding: 0;
        line-height: 3;
        font-size: 18px;
    }

    .lb-left{
        float: none;
        width: 100%;
    }
    .lb-right{
        float: none;
        margin: 0 auto;
    }
    .lb-part3 .col{
        width: 50%;
    }
    .lb-part3 .item{
        margin-left: auto;
        margin-right: auto;
    }
    #all_dm_main,#star_dm_main{
        width: 100%;
        overflow-x: auto;
    }
    #all_dm_main .container{
        width: 1200px;
    }
    #star_dm_main .container{
        width: 1200px;
    }

    .dm-main {
        width: 100%;
    }
    .dm-right .dm-title {
        width: 100%;
    }

    .second-nav-new{
        background: url("../image/index_second_nav.png") no-repeat center 80%;
        background-size: 100%;
        height: 150px;
        position: relative;
    }
    .second-nav-new a{
        width: 160px;
        height: 160px;
        display: block;
    }
    .second-nav-new a.t1{
        background: url("../image/index_second1.png") no-repeat;
        background-size: 80%;
        position: absolute;
        left: 50%;
        top: 0;
        margin-left: -44%;
    }
    .second-nav-new a.t1:hover{
        background: url("../image/index_second1_hover.png") no-repeat;
        background-size: 80%;
    }
    .second-nav-new a.t2{
        background: url("../image/index_second2.png") no-repeat;
        background-size: 80%;
        position: absolute;
        left: 50%;
        top: 0;
        margin-left: -26%;
    }
    .second-nav-new a.t2:hover{
        background: url("../image/index_second2_hover.png") no-repeat;
        background-size: 80%;
    }
    .second-nav-new a.t3{
        background: url("../image/index_second3.png") no-repeat;
        background-size: 80%;
        position: absolute;
        left: 50%;
        top: 0;
        margin-left: -8%;
    }
    .second-nav-new a.t3:hover{
        background: url("../image/index_second3_hover.png") no-repeat;
        background-size: 80%;
    }
    .second-nav-new a.t4{
        background: url("../image/index_second4.png") no-repeat;
        background-size: 80%;
        position: absolute;
        left: 50%;
        top: 0;
        margin-left: 10%;
    }
    .second-nav-new a.t4:hover{
        background: url("../image/index_second4_hover.png") no-repeat;
        background-size: 80%;
    }
    .second-nav-new a.t5{
        background: url("../image/index_second5.png") no-repeat;
        background-size: 80%;
        position: absolute;
        left: 50%;
        top: 0;
        margin-left: 26%;
    }
    .second-nav-new a.t5:hover{
        background: url("../image/index_second5_hover.png") no-repeat;
        background-size:80%;
    }
}
@media screen and (min-width : 450px) and (max-width : 640px) {
    .dm-main .dm-right {
        width: 435px;
        float: none;
        margin: 0 auto;
    }

}

@media only screen and (max-width : 450px) {
    body{
        min-width: 450px;
    }
    .m-hide{
        display: none;
    }
    .m-show{
        display: block;
    }
    .container1600,.container{
        width: 100%;
    }

    .second-nav{
        overflow: auto;
        -webkit-overflow-scrolling : touch;
        height: 90px;
    }
    .second-nav .container{
        width: 1130px;
    }
    .second-nav .title{
        position: static;
        top: 0;
        left: 0;
        margin-left: 5px;
        margin-top: 8px;
        width: auto;
    }
    .second-nav .title li{
        width: 110px;
        margin: 0 5px;
    }
    .second-nav a{
        width: 110px;
        height: 73px;
    }
    .second-nav .t0,.second-nav .t0:hover,.second-nav .t1,.second-nav .t1:hover,.second-nav .t2,.second-nav .t2:hover,.second-nav .t3,.second-nav .t3:hover,.second-nav .t4,.second-nav .t4:hover,.second-nav .t5,.second-nav .t5:hover,.second-nav .t6,.second-nav .t6:hover,.second-nav .t7,.second-nav .t7:hover,.second-nav .t8,.second-nav .t8:hover{
        background-size: cover;
    }
    #index-banner{
        height: 150px;
    }
    #index-banner img{
        width: 100%;
        min-height: 150px;
    }
    .swiper-pagination-switch{
        width: 9px;
        height: 9px;
        margin: 0 8px;
    }
    .index-main-bg{
        background: none;
    }
    .index-title,.index-product .index-title,.index-wallpaper .index-title{
        padding-left: 15px;
        padding-right: 15px;
    }
    .index-tips{
        height: 160px;
    }
    .index-tips .t1{
        width: 210px;
        height: 81px;
        left: 10px;
        background-size: cover;
        background-position: 0px 0px;
    }
    .index-tips .t2{
        width: 320px;
        height: 58px;
        padding-left: 110px;
        padding-top: 30px;
        left: 10px;
        top: 100px;
        background-size: cover;
    }
    .index-tips .t2 a.first{
        line-height: 25px;
        font-size: 18px;
    }
    .index-tips .t2 a.second{
        line-height: 30px;
        font-size: 12px;
    }
    .index-tips .t3{
        width: 200px;
        height: 74px;
        top: 15px;
        right: 10px;
        background-size: cover;
    }
    #info .swiper-container,#act1 .swiper-container,#act2 .swiper-container{
        height: 391px;
        overflow: hidden;
    }
    #prod1 .swiper-container,#prod2 .swiper-container,#prod3 .swiper-container{
        height: 370px;
        overflow: hidden;
    }
    #video1 .swiper-container{
        height: 400px;
        overflow: hidden;
    }
    #video2 .swiper-container{
        height: 274px;
        overflow: hidden;
    }
    #game1 .swiper-container{
        height: 325px;
        overflow: hidden;
    }
    #game1{
        margin-bottom: 30px;
    }
    #game2 .swiper-container{
        height: 274px;
        overflow: hidden;
    }
    #wall1 .swiper-container,#wall2 .swiper-container,#wall3 .swiper-container,#wall4 .swiper-container{
        height: 400px;
        overflow: hidden;
    }
    #gzh .swiper-container{
        height: 150px;
        overflow: hidden;
    }
    #about .swiper-container{
        height: 115px;
        overflow: hidden;
    }
    .index-news{
        background: #ffd300;
    }

    .index-news-3{
        height: 80px;
    }
    .index-news .list1,.index-news .list2{
        margin: 0px 20px;
        box-sizing: content-box;
    }
    .index-news .list3{
        width: 410px;
        margin: 0px 20px;
    }
    .index-news .list1,.index-news .list1 .mark{
        width: 410px;
        height: 391px;
        background-size: cover;
        margin-right: 0;
    }
    .index-news .list1 .image{
        width: 400px;
        height: 306px;
        padding: 5px;
    }
    .index-news .list1 .image img{
        width: 404px;
        height: 306px;
    }
    .index-news .list1 .date{
        top: 308px;
    }
    .index-news .list1 .title{
        top: 330px;
    }
    .index-news .list1 .link{
        bottom: 5px;
    }
    .index-news .list2 li,.index-news .list2 .mark{
        width: 410px;
        height: 170px;
        background-size: cover;
        float: none;
    }
    .index-news .list2 .image{
        width: 216px;
        height: 164px;
        padding: 6px;
    }
    .index-news .list2 .image img{
        width: 216px;
        height: 164px;
    }
    .index-news .list2 .date{
        left: 225px;
    }
    .index-news .list2 .title{
        left: 225px;
    }
    .index-news .list2 .link{
        bottom: 5px;
    }
    .index-role .t1{
        margin-left: 10px;
    }
    .index-role .t1,.index-role .t2,.index-role .t3,.index-role .t4{
        margin-right: 10px;
        height: 102px;
    }
    .index-role .t1 a{
        width: 100px;
        height: 92px;
        background-size: cover;
    }
    .index-role .t2 a{
        width: 100px;
        height: 100px;
        background-size: cover;
    }
    .index-role .t3 a{
        width: 100px;
        height: 89px;
        background-size: cover;
    }
    .index-role .t4 a{
        width: 100px;
        height: 85px;
        background-size: cover;
    }
    .index-role .t1 a:hover,.index-role .t2 a:hover,.index-role .t3 a:hover,.index-role .t4 a:hover{
        background-size: cover;
    }
    .index-tech{
        background: #6dcef5;
    }
    .index-tech-2{
        height: 198px;
    }
    .index-tech .row{
        width: 440px;
        height: 198px;
        padding-top: 147px;
        padding-left: 216px;
        padding-right: 58px;
        box-sizing: border-box;
        margin: 0 auto;
        background-size: cover;
    }
    .index-tech .buy,.index-tech .view{
        width: 71px;
        height: 23px;
        /*background-size: cover;*/
    }
    .index-product{
        background: #f6b9d3;
    }
    .index-product-3{
        height: 100px;
    }
    .index-product .index-title{
        padding-left: 15px;
    }
    .index-product .list{
        margin: 0;
    }
    .index-product .list .item{
        margin: 0 70px;
    }
    .index-video .list1,.index-video .list2{
        margin: 0;
    }
    .index-video .list1 .item{
        margin: 0 20px;
    }
    .index-video .list2 .item{
        margin: 0 74px;
    }
    .index-video .list1{
        padding-top: 0;
    }
    .index-video .list1 li,.index-video .list1 .mark{
        width: 410px;
        height: 380px;
        background-size: cover;
        float: none;
        margin-right: 0;
        margin-bottom: 25px;
    }
    .index-video .list1 .item:hover .mark{
        background-size: cover;
    }
    .index-video .list1 .image{
        width: 393px;
        height: 297px;
        padding: 8px;
    }
    .index-video .list1 .image img{
        width: 393px;
        height: 297px;
    }
    .index-video .list1 .title{
        width: 410px;
        top: 322px;
    }
    .index-game{
        background: #95c4ea;
    }
    .index-game .list1,.index-game .list2{
        margin: 0;
    }
    .index-game .list1 .item{
        margin: 0 20px;
    }
    .index-game .list2 .item{
        margin: 0 67px;
    }
    .index-game .list1 li,.index-game .list1 .mark{
        width: 410px;
        height: 306px;
        background-size: cover;
        float: none;
        margin-right: 0;
        margin-bottom: 25px;
    }
    .index-game .list1 .item:hover .mark{
        background-size: cover;
    }
    .index-game .list1 .image{
        width: 317px;
        height: 245px;
        padding: 8px 8px 8px 80px;
    }
    .index-game .list1 .image img{
        width: 317px;
        height: 245px;
    }
    .index-game .list1 .title{
        width: 340px;
        top: 269px;
        left: 70px;
    }
    .index-game .list2.num1{
        margin-left: 0;
    }
    .index-game .list2.num2{
        margin-left: 0;
    }
    .index-wallpaper .index-title .tab{
        width: 80px;
        padding-top: 10px;
        height: 61px;
        line-height: 40px;
        font-size: 20px;
    }
    .index-wallpaper .tab.active a.t1,.index-wallpaper .tab.active a.t2,.index-wallpaper .tab.active a.t3,.index-wallpaper .tab.active a.t4{
        background-size: cover;
    }
    .index-wallpaper .tab .t1,.index-wallpaper .tab .t2,.index-wallpaper .tab .t3{
        width: 80px;
        height: 42.4px;
        background-size: cover;
    }
    .index-wallpaper .tab .t4{
        width: 106.4px;
        height: 42.4px;
        background-size: cover;
    }
    .index-wallpaper .list{
        margin: 0;
    }
    .index-wallpaper .list .item{
        margin: 0 20px;
    }
    .index-wallpaper .list li,.index-wallpaper .list .mark{
        width: 410px;
        height: 370px;
        background-size: cover;
    }
    .index-wallpaper .list .image{
        width: 402px;
        height: 301px;
        padding: 4px;
    }
    .index-wallpaper .list .image img{
        width: 402px;
        height: 301px;
    }
    .index-wallpaper .list .title{
        width: 410px;
        top: 305px;
    }
    .index-wallpaper .list .tab{
        width: 410px;
        top: 295px;
    }
    .index-wallpaper-3{
        height: 50px;
    }
    #gzh.num1{
        margin-left: 0;
    }
    #gzh.num2{
        margin-left: 0;
    }
    #gzh.num3{
        margin-left: 0;
    }
    .index-gzh .item{
        margin: 0 85px;
    }
    .index-about .item{
        margin: 0 85px;
    }
    .sub-bottom-space{
        padding-bottom: 20px;
    }
    .sub-title{
        padding: 17px 0 0 50px;
    }
    .sub-news .sub-more,.sub-product .sub-more,.sub-video .sub-more,.sub-wallpaper .sub-more{
        padding-left: 0;
    }
    .sub-news{
        background: #ffd300;
    }
    .sub-news .sub-title{
        padding-left: 50px;
    }
    .sub-news .list{
        margin: 0;
    }
    .sub-news .list .item{
        margin: 0 72.5px;
        width: 305px;
        margin-bottom: 40px;
    }
    .sub-news-detail .summary{
        margin: 0 20px;
    }
    .sub-news-top{
        padding-top: 0;
    }
    .sub-news-bottom{
        margin-bottom: 20px;
    }
    .sub-product-wait{
        padding: 50px 20px;
        width: 410px;
    }
    .sub-product-wait img{
        width: 410px;
    }
    .sub-product{
        background: #f6b8d3;
    }
    .sub-product .sub-title{
        padding-left: 50px;
    }
    .sub-product .sub-title .title{
        display: none;
    }
    .sub-product .list{
        margin: 0;
    }
    .sub-product .list .item{
        margin: 0 70px;
        width: 310px;
        margin-bottom: 40px;
    }
    .sub-product-detail .image{
        margin: 0 20px;
        width: 410px;
        height: 410px;
        margin-bottom: 20px;
    }
    .sub-product-detail .image img{
        width: 390px;
        height: 390px;
    }
    .sub-product-detail .title{
        margin: 0 20px;
        width: 410px;
        height: 54px;
        line-height: 54px;
        background-size: cover;
    }
    .sub-product-detail .summary{
        width: 410px;
    }
    .sub-product-detail .btn img{
        height: 44px;
    }
    .sub-product-detail .content{
        padding: 30px;
    }
    .sub-product-5{
        min-height: 400px;
    }
    .sub-download-detail .image{
        margin-left: 20px;
        margin-right: 0;
        width: 410px;
        height: 270px;
    }
    .sub-download-detail .image img{
        margin-left: 81px;
        margin-top: 15px;
        width: 317px;
        height: 238px;
    }
    .sub-download-detail .mark{
        width: 410px;
        height: 270px;
        background-size: cover;
    }
    .sub-video .list1 .image{
        margin-left: 6px;
        margin-right: 0;
    }
    .sub-video .list1 .mark{
        width: 397px;
        height: 302px;
    }
    .sub-download-detail .title{
        margin-left: 20px;
    }
    .sub-download-detail .summary{
        width: 410px;
    }
    .sub-download-detail .content{
        padding: 30px;
    }
    .sub-video-tab{
        margin-left: 20px;
    }
    .sub-video .list1,.sub-video .list2{
        margin: 0;
    }
    .sub-video .list1 .title{
        width: 410px;
        height: 39px;
        line-height: 39px;
        background-size: cover;
    }
    .sub-video .list1 .summary{
        width: 410px;
        margin: 0;
    }
    .sub-video .list2 .item{
        margin: 0 69px 40px 69px;
    }
    .sub-wallpaper .sub-title{
        padding-left: 15px;
        padding-right: 15px;
    }
    .sub-wallpaper .sub-title   .tab{
        width: 80px;
        padding-top: 10px;
        height: 61px;
        line-height: 40px;
        font-size: 20px;
    }
    .sub-wallpaper .tab.active a.t1,.sub-wallpaper .tab.active a.t2,.sub-wallpaper .tab.active a.t3,.sub-wallpaper .tab.active a.t4{
        background-size: cover;
    }
    .sub-wallpaper .tab .t1,.sub-wallpaper .tab .t2,.sub-wallpaper .tab .t3{
        width: 80px;
        height: 42.4px;
        background-size: cover;
    }
    .sub-wallpaper .tab .t4{
        width: 106.4px;
        height: 42.4px;
        background-size: cover;
    }
    .sub-wallpaper .list{
        margin: 0;
    }
    .sub-wallpaper .list .item{
        margin: 0 20px;
        width: 410px;
    }
    .sub-wallpaper .list li,.sub-wallpaper .list .mark{
        width: 410px;
        height: 370px;
        background-size: cover;
    }
    .sub-wallpaper .list .image{
        width: 402px;
        height: 301px;
        padding: 4px;
    }
    .sub-wallpaper .list .image img{
        width: 402px;
        height: 301px;
    }
    .sub-wallpaper .list .title{
        width: 410px;
        top: 305px;
    }
    .sub-wallpaper .list .tab{
        width: 410px;
        top: 295px;
    }
    .sub-wallpaper-3{
        height: 50px;
    }
    .sub-role .top {
        height: 280px;
    }
    .sub-role .image{
        height: 254px;
        left: 5px;
        top: 15px;
        width: 230px;
        background-size: cover;
    }
    .sub-role .tabs{
        right: 10px;
        width: 200px;
        height: 249px;
        padding-top: 36px;
        background-size: cover;
    }
    .sub-role .tab{
        width: 172px;
        height: 44px;
        margin-bottom: 5px;
        background-size: cover;
    }
    .sub-role .tabs .scroll{
        height: 245px;
        width: 186px;
        overflow: auto;
        float: left;
    }
    .sub-role .tabs .scroll_vertical_bar {
        width: 10px;
    }
    .sub-role .tab1:hover,.sub-role .tab1.active,.sub-role .tab2:hover,.sub-role .tab2.active,.sub-role .tab3:hover,.sub-role .tab3.active,.sub-role .tab4:hover,.sub-role .tab4.active{
        background-size: cover;
    }
    .sub-role .tab5:hover,.sub-role .tab5.active,.sub-role .tab6:hover,.sub-role .tab6.active,.sub-role .tab7:hover,.sub-role .tab7.active,.sub-role .tab8:hover,.sub-role .tab8.active{
        background-size: cover;
    }
    .sub-role .items{
        height: 450px;
    }
    .sub-role .item{
        background-position-x: -150px;
        width: 100%;
        box-sizing: border-box;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 135px;
        left: 0;
    }
    .sub-role .item .icon{
        font-size: 18px;
        padding-left: 70px;
        padding-right: 20px;
        background-position-x: 20px;
    }
    .sub-role .summary{
        line-height: 1.5;
        font-size: 16px;
        margin-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
        background: #fffc81;
    }
    .sub-abc-ios{
        background: url("../image/sub_abc_ios.png");
        width: 135px;
        height: 50px;
        display: block;
        position: absolute;
        right:10px;
        bottom: 70px;
    }
    .sub-abc-android{
        background: url("../image/sub_abc_android.png");
        width: 135px;
        height: 50px;
        display: block;
        position: absolute;
        right: 10px;
        bottom: 10px;
    }
    .sub-abc-4{
        height: 340px;
    }
    .sub-abc-4 .swiper-container{
        height: 280px;
        overflow: hidden;
    }
    .sub-abc-4 .bg1{
        height: 280px;
        background: none;
    }
    .sub-abc-4 .bg2{
        height: 280px;
        background: none;
    }
    .sub-abc-4 .bg5{
        height: 280px;
        background: none;
    }
    .sub-abc-5{
        height: 340px;
    }
    .sub-abc-5 .swiper-container{
        height: 280px;
        overflow: hidden;
    }
    .sub-abc-5 .bg1{
        height: 280px;
        background: none;
    }
    .sub-abc-5 .bg2{
        height: 280px;
        background: none;
    }
    .sub-abc-5 .bg3{
        height: 280px;
        background: none;
    }
    #abc-swiper1 .swiper-left,#abc-swiper2 .swiper-left{
        display: none;
    }
    #abc-swiper1 .swiper-right,#abc-swiper2 .swiper-right{
        display: none;
    }
    .sub-abc-6{
        width: 450px;
        height: 204px;
        background-size: cover;
    }
    .sub-abc-7{
        background: none;
        padding-bottom: 80px;
        height: auto;
    }
    .sub-abc-7 .text1,.sub-abc-7 .text2,.sub-abc-7 .text3{
        position: static;
    }
    .sub-abc-7 .summary p{
        text-align: left;
        text-indent: 2em;
    }
    .sub-abc-8{
        background: none;
        padding-bottom: 80px;
        height: auto;
    }
    .sub-abc-8 .text1,.sub-abc-8 .text2,.sub-abc-8 .text3{
        position: static;
    }
    .sub-abc-8 .summary p{
        text-align: left;
        text-indent: 2em;
    }
    .sub-abc-9{
        width: 450px;
        height: 243px;
        background-size: cover;
    }
    .sub-abc-text4 .title{
        line-height: 30px;
        font-size: 24px;
    }

    .sub-abc-text4 .memo{
        margin: 0 20px;
        padding: 20px;
        border-radius: 10px;
        background: #0095d6;
        height: auto;
        color: #fff;
    }
    .sub-abc-text4 .memo p{
        line-height: 25px;
        font-size: 16px;
    }
    .sub-abc-12{
        padding-bottom: 40px;
    }
    .sub-abc-10{
        height: auto;
        padding-bottom: 40px;
        background: #98e6ff;
        border-top: 20px solid #213368;
    }
    .sub-abc-10 .title{
        font-size: 20px;
        text-align: center;
        margin-bottom: 12px;
    }
    .sub-abc-10 img{
        width: 100%;
    }
    .sub-abc-10 .item1{
        margin-left: 20px;
        margin-right: 19px;
        padding-top: 50px;
        width: 195px;
    }
    .sub-abc-10 .item2{
        margin-right: 20px;
        padding-top: 50px;
        width: 195px;
    }
    .sub-abc-10 .item3{
        margin-left: 20px;
        padding-top: 20px;
    }
    .sub-abc-10 .item3 .title{
        text-align: left;
    }

    .dm-nav{
        overflow: auto;
        -webkit-overflow-scrolling : touch;
    }
    #all_dm_main .container{
        width: 1080px;
    }
    #star_dm_main .container{
        width: 1065px;
    }
    .dm-nav-left{
        width: 130px;
    }
    .dm-nav-left .item{
        background: #3ddce3;
        height: 44px;
        line-height: 44px;
    }
    .dm-nav-left .item.active, .dm-nav-left .item:hover{
        background: #b49ee2;
    }
    .dm-nav-right{
        width: 880px;
        right: 65px;
        position: relative;
    }
    .dm-nav-right .item{
        width: 90px;
        height: 120px;
        border-radius: 5px;
        overflow: hidden;
        padding: 3px;
        display: block;
    }
    .dm-nav-right .item .image{
        width: 90px;
        height: 90px;
    }
    .dm-nav-right .item .image img{
        width: 90px;
        height: 90px;
    }
    .dm-nav-right .item .title {
        color: #5a6f78;
        font-size: 12px;
        height: 34px;
        line-height: 34px;
        text-align: center;
        left: 0;
        bottom: 0;
    }
    .dm-nav .list1 .item,.dm-nav .list1 .item.last{
        margin-left: 15px;
        margin-right: 15px;
    }
    .dm-nav .list1 .item{
        width: 140px;
        height: 180px;
    }
    .dm-nav .list1 .item .image{
        width: 140px;
        height: 140px;
    }
    .dm-nav .list1 .item .image img{
        width: 140px;
        height: 140px;
    }
    #dm-banner{
        height: 165px;
    }
    #dm-banner img{
        width: 100%;
        height: auto;
        min-height: 165px;
    }
    .banner-pagination{
        padding: 1px 0;
        position: absolute;
        top: 183px;
        width: 100%;
    }
    .dm-pagination{
        padding: 0 0 1px;
        background: rgba(52, 88, 101, 0.35);
        position: absolute;
        top: 197px;
        z-index: 2;
        width: 100%;
    }
    .dm-main .dm-left{
        width: 400px;
        float: none;
        margin: 0 auto;
    }
    .dm-main .dm-right{
        width: 400px;
        float: none;
        margin: 0 auto;
    }
    .dm-right .dm-title{
        width: 100%;
    }
    .dm-right .dm-list{
        width: 100%;
    }
    .dm-list .item{
        width: 123px;
        height: 163px;
        margin-top: 30px;
        margin-right: 10px;
    }
    .dm-list .item:hover .hover {
        display: none;
    }
    .dm-list .item .bg{
        width: 118px;
        height: 158px;
    }
    .dm-list .item .image{
        height: 118px;
        padding: 0;
    }
    .dm-list .item .image img {
        width: 118px;
        height: 118px;
    }


    .dm-sale-1{
        width: 410px;

        background-size: 410px;

    }
    .dm-sale-2{
        background: none;
        margin-bottom: 0;
        height: 0;
    }
    .dm-sale-3{
        width: 410px;
        margin: 0 auto;
    }
    .dm-sale-title {
        padding: 20px 0;
    }
    .dm-sale-4{
        width: 410px;

        background-size: 410px;

    }
    .dm-sale-title .position{
        width: 100%;
        box-sizing: border-box;
        padding-left: 50px;
        padding-top: 5px;
        font-size: 18px;
        margin-top: 5px;
        background-size: auto 32px;
    }
    .dm-sale-title .form{
        margin-top: 8px;
        width: 410px;
        padding: 0 0 0 7px;
    }
    .dm-sale-title .form .select{
        height: 25px;
        width: 70px;
        font-size: 14px;
        background-size: cover;
        margin-right: 5px;
    }
    .dm-sale-title .form .select select{
        height: 25px;
        width: 45px;
        margin-right: 10px;
        font-size: 14px;
    }
    .dm-sale-title .form .btn{

        margin-right: 5px;
    }
    .dm-sale-title .form .btn a{
        padding: 0px 10px;
        font-size: 16px;
        background: #044cb7;
        color: #fff;
        border-radius: 10px;
        line-height: 25px;
        height: 25px;
    }
    .dm-sale-main{
        overflow: scroll;
        -webkit-overflow-scrolling : touch;
    }
    .dm-sale-container{
        width: 740px;
    }
    .dm-sale-main-left{
        width: 250px;
    }
    .dm-sale-main .item{
        background-size: cover;
        height: 61.56px;
    }
    .dm-sale-main .item.active,.dm-sale-main .item:hover{
        background-size: cover;
    }
    .dm-sale-main .item .num {
        left: 8px;
        top: 20px;
        width: 18px;
        height: 18px;
        line-height: 18px;
        border: 2px solid #6d6e71;
        font-size: 12px;
    }
    .dm-sale-main .item.active .num{
        border: 2px solid #bcbec0;
    }
    .dm-sale-main .item .name{
        left: 45px;
        top: 10px;
        line-height: 1;
        font-size: 14px;
        width: 150px;
    }
    .dm-sale-main .item .addr{
        left: 45px;
        top: 34px;
        line-height: 20px;
        font-size: 12px;
    }
    .dm-sale-main .image{
        border: 2px solid #4ab2ff;
        width: 427px;
        height: 350px;
    }
    .dm-sale-main .image img{
        width: 427px;
        height: 350px;
    }
    .dm-pv-title{
        min-height: 45px;
        padding: 0 20px;
    }
    .dm-pv-title .position{
        background: url("../image/pv-title.png") no-repeat 2px center;
        background-size: 26px;
        background-position-y: 12px;
        padding-left: 30px;
        line-height: 25px;
        display: table-cell;
        vertical-align: middle;
        font-size: 14px;
        width: 100%;
        color: #ff5d35;
        right: 0px;

    }
    .dm-pv-title .position-img {
        width: 100%;
        right:0;
        bottom: 25px;
    }
    .dm-pv-main-left img {
        margin-bottom: 10px;
        width: 400px;
        height: auto;
        position: relative;
        left: 5px;
    }
    .dm-pv-main-left{
        margin-left: 20px;
        margin-top: 34px;
        width: 450px;
        float: left;
    }
    .dm-pv-main-right{
        margin-right: 20px;
        margin-top: 34px;
        float: right;
        position: relative;
        right:250px;
        width: 450px;
    }
    .dm-pv-main-right img {
        margin: 20px 0 ;
        width: 400px;
        height: auto;
        position: relative;
    }
    .dm-pv-3 .center{
        text-align:center;
        font-size: 24px;
    }

    .dm-pv-main-left-title {
        padding: 30px 0;
    }
    .dm-pv-title #verification {
        padding: 10px 15px;
        margin-left: 5px;
        width: 170px;
    }
    .dm-pv-title span{
        position: relative;
        right: 0px;
        top:5px;
    }
    .dm-pv-title .message{
        width:100%;
        text-align:center;
    }
    .dm-pv-title .message p{
        position: relative;
        right:55px;
        color: #ff5d35;
    }
    .pv-tag-1{
        position: relative;
        float: left;
        left: 70px;
        color: #2bcfd2;
    }
    .pv-tag-2{
        position: relative;
        float: right;
        right: 100px;
        color: #2bcfd2;
    }
    .pv-process-txt1 {
        color: #0095d6;
        line-height: 25px;
        width:90%;
        font-size: 16px;
    }
    .pv-process-txt2 {
        color: #0095d6;
        line-height: 25px;
        width:90%;
        font-size: 16px;
    }
    .dm-pv-container{
        width: 740px;
    }

    .lb-left{
        width: 430px;
        margin: 0 auto;
    }
    .lb-right{
        width: 430px;
        margin: 10px auto;
    }
    .lb-title1{
        margin-left: 5px;
    }
    .lb-title1 .tab{
        width: 70px;
    }
    .lb-title2{
        padding-right: 5px;
    }
    .lb-part2{
        margin-left: 5px;
    }
    .lb-part3 .item{
        width: 100%;
        height: 270px;
    }
    .lb-part3 .item a{
        width: 100%;
    }
    .lb-part3 .item .image{
        background: none;
        height: 200px;
    }
    .lb-part5{
        float: left;
        padding: 0px 10px;
        margin: 0;
        border: 1px solid #fba100;
        background: #fbe002;
        width: 150px;
        border-radius: 10px;
    }
    .lb-part5 .left{
        font-size: 14px;
    }
    .lb-part6{
        float: right;
        padding: 0;
    }
    .lb-part6 a{
        width: auto;
        margin-left: 10px;
        padding: 0 8px;
        height: 30px;
        line-height: 30px;
    }
    .lb-part9{
        padding: 0 20px;
    }
    .lb-part9 .tab{
        width: 49.9%;
        float: left;
        text-align: center;
        margin-bottom: 10px;
        margin-top: 15px;
    }
    .lb-part9 .tab.active{
        font-weight: bold;
        font-size: 18px;
    }

    .lbs-part1-left{
        float: none;
        width: 100%;
    }
    .lbs-part1-left .image{
        width: 100%;
        padding: 0;
        padding: 0;
        text-align: center;
        background: none;
        height: 420px;
    }
    .lbs-part1-right{
        padding: 0 20px;
    }
    .lbs-part1-right .title{
        background: #ffef00;
        border-radius: 10px;
    }
    .lbs-part1-right .info{
        min-height: 0;
    }
    .lbs-part3{
        padding: 20px;
    }
    .lbs-part2{
        padding: 0 20px;
    }
    .lbs-part2 .title .left,.lbs-part2 .title .right{
        width: 100%;
    }
    .lbs-part2 .item .form .w1 .text{
        width: 335px;
    }
    .lbs-part2 .item .form .w1 .text input{
        width: 235px;
    }
    .lbs-part2 .item .form .w2 .text{
        width: 335px;
    }
    .lbs-part2 .item .form .w2 .text input{
        width: 235px;
    }
    .lbs-part2 .item .form .w3 .text{
        width: 335px;
    }
    .lbs-part2 .item .form .w3 .text input{
        width: 235px;
    }
    .lbs-part2 .item .form .btn{
        width: 150px;
    }
    .lbs-mark1 .panel,.lbs-mark2 .panel{
        background: #fff;
        padding: 0;
        border: 3px solid #0095d6;
        border-radius: 10px;
        margin-left: -180px;
    }
    .lbs-mark1 .close{
        margin-left: -175px;
        margin-top: -85px;
    }
}

.m-banner{
    overflow: hidden;
    width: 100%;
    height: 300px;
}
.m-container{
    max-width: 640px;
    margin: 0 auto;
}
.m-banner .m-mark{
    position: absolute;
    z-index: 2;
    bottom: 0px;
    width: 100%;
    background: #000;
    opacity: 0.5;
    height: 25px;
}
.m-pagination{
    text-align: center;
    position: absolute;
    z-index: 3;
    bottom: 0px;
    width: 100%;
    height: 25px;
    line-height: 25px;
}
.m-pagination .swiper-pagination-switch{
    width: 15px;
    height: 15px;
    display: inline-block;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin: 0 5px;
    background: #fff;
}
.m-pagination .swiper-active-switch{
    background: #ffd916;
    cursor: default;
}
.m-banner .swiper-slide img{
    max-width: 100%;
    height: 300px;
}
.m-nav{
    padding-top: 13px;
    padding-bottom: 12px;
    background: #4cc1f4;
}
.m-nav a{
    display: inline-block;
}
.m-nav .border-right{
    border-right: 1px solid #00538c;
}
.m-nav .t1{
    background: url("../image/m_nav_1.png") no-repeat;
    width: 100px;
    height: 47px;
}
.m-nav .t2{
    background: url("../image/m_nav_2.png") no-repeat;
    width: 163px;
    height: 47px;
}
.m-nav .t3{
    background: url("../image/m_nav_3.png") no-repeat;
    width: 101px;
    height: 47px;
}
.m-nav .t4{
    background: url("../image/m_nav_4.png") no-repeat;
    width: 166px;
    height: 47px;
}
.m-nav .t5{
    background: url("../image/m_nav_5.png") no-repeat;
    width: 105px;
    height: 47px;
}
.m-tips{
    padding: 14px 20px;
}
.m-tips .t1{
    background: url("../image/m_link_1.png") no-repeat;
    width: 120px;
    height: 107px;
}
.m-tips .t2{
    background: url("../image/m_link_2.png") no-repeat;
    width: 120px;
    height: 107px;
}
.m-tips .t3{
    background: url("../image/m_link_3.png") no-repeat;
    width: 120px;
    height: 107px;
}
.m-tips .t4{
    background: url("../image/m_link_4.png") no-repeat;
    width: 120px;
    height: 107px;
    position: relative;
}
.m-tips .t4 .m-code{
    background: url("../image/m_code_bg.png") no-repeat;
    display: none;
    position: absolute;
    left: -40px;
    top: 80px;
    z-index: 10;
    width: 221px;
    height: 225px;
    padding-top: 16px;
}
/*.m-tips .t4 .m-code{*/
    /*display: none;*/
/*}*/
/*.m-tips .t4:hover .m-code{*/
    /*background: url("../image/m_code_bg.png") no-repeat;*/
    /*display: block;*/
    /*position: absolute;*/
    /*left: -40px;*/
    /*top: 80px;*/
    /*z-index: 10;*/
    /*width: 221px;*/
    /*height: 225px;*/
    /*padding-top: 16px;*/
/*}*/
.m-tips .t4:hover .m-code img{
    width: 216px;
    height: 219px;
}
.m-tips .t5{
    background: url("../image/m_link_5.png") no-repeat;
    width: 120px;
    height: 107px;
}
a.m-index-more{
    font-size: 22px;
    margin-right: 250px;
    margin-top: 25px;
    line-height: 40px;
    color: #fff;
    text-decoration: underline;
    float: right;
}

.part1-pagination{
    text-align: center;
    padding: 8px 0;
}
.part1-pagination .swiper-pagination-switch{
    width: 15px;
    height: 15px;
    display: inline-block;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin: 0 5px;
    background: transparent;
    border: 1px solid #ed2726;
}
.part1-pagination .swiper-active-switch{
    background: #ed2726;
    cursor: default;
}
.m-part11{
    background: url("../image/m_part11.png") no-repeat;
    height: 71px;
}
.m-part12{
    background: url("../image/m_part12.png") repeat-y;
    padding-top: 10px;
}
.m-part13{
    background: url("../image/m_part13.png") no-repeat;
    height: 55px;
    margin-bottom: 15px;
}
.m-part14{
    background: #fc8900;
    width: 520px;
    height: 455px;
    border-radius: 15px;
    margin: 0 auto;
    position: relative;
    display: block;
}
.m-part14 .image{
    text-align: center;
    padding-top: 8px;
}
.m-part14 .image img{
    width: 506px;
    height: 380px;
    border-radius: 15px;
}
.m-part14 .date{
    position: absolute;
    left: 20px;
    top: 395px;
    line-height: 20px;
    font-size: 16px;
    color: #3c3b63;
}
.m-part14 .title{
    position: absolute;
    left: 20px;
    top: 415px;
    line-height: 30px;
    font-size: 22px;
    color: #3c3b63;
}
.m-part14 .link{
    position: absolute;
    right: 20px;
    bottom: 10px;
    line-height: 30px;
    font-size: 20px;
    color: #fff;
    text-decoration: underline;
}

.part2-pagination{
    text-align: center;
    padding: 8px 0;
}
.part2-pagination .swiper-pagination-switch{
    width: 15px;
    height: 15px;
    display: inline-block;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin: 0 5px;
    background: transparent;
    border: 1px solid #ec0677;
}
.part2-pagination .swiper-active-switch{
    background: #ec0677;
    cursor: default;
}
.m-part21{
    background: url("../image/m_part21.png") no-repeat;
    height: 70px;
}
.m-part21 .sub-tab{
    position: absolute;
    left: 180px;
    top: 8px;
}
.m-part21 .tab{
    background: #fff;
    border: 2px solid #f04499;
    border-radius: 10px;
    color: #f04499;
    padding: 0 15px;
    line-height: 30px;
    cursor: pointer;
    float: left;
    font-size: 14px;
    margin-right: 10px;
    margin-top: 15px;
}
.m-part21 .tab.active,.m-part21 .tab:hover{
    background: #f04499;
    border: 2px solid #fff;
    color: #fff;
}
.m-part22{
    background: url("../image/m_part22.png") repeat-y;
    padding-top: 17px;
    padding-left: 18px;
    padding-right: 18px;
}
.m-part23{
    background: url("../image/m_part23.png") no-repeat;
    height: 51px;
    margin-bottom: 15px;
}
.m-part24{
    width: 268px;
    height: 310px;
    float: left;
    margin-left: 25px;
    position: relative;
}
.m-part24 .image{
    width: 260px;
    height: 260px;
    margin: 4px auto;
}
.m-part24 .image img{
    width: 260px;
    height: 260px;
    border-radius: 8px;
}
.m-part24 .mark{
    background: url("../image/m_part24.png") no-repeat;
    width: 268px;
    height: 310px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
.m-part24 .title{
    width: 268px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    position: absolute;
    left: 0;
    top: 268px;
    z-index: 3;
}
.part3-pagination{
    text-align: center;
    padding: 8px 0;
}
.part3-pagination .swiper-pagination-switch{
    width: 15px;
    height: 15px;
    display: inline-block;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin: 0 5px;
    background: transparent;
    border: 1px solid #fc8900;
}
.part3-pagination .swiper-active-switch{
    background: #fc8900;
    cursor: default;
}
.m-part31{
    background: url("../image/m_part31.png") no-repeat;
    height: 69px;
}
.m-part32{
    background: url("../image/m_part32.png") repeat-y;
    padding-top: 17px;
    padding-left: 18px;
    padding-right: 18px;
}
.m-part33{
    background: url("../image/m_part33.png") no-repeat;
    height: 54px;
    margin-bottom: 15px;
}
.m-part34{
    width: 399px;
    height: 355px;
    position: relative;
    margin: 0 auto;
    display: block;
    padding-top: 8px;
}
.m-part34 .image{
    width: 381px;
    height: 287px;
    margin: 0px auto;
}
.m-part34 .image img{
    width: 381px;
    height: 287px;
    border-radius: 8px;
}
.m-part34 .mark{
    background: url("../image/m_part34.png") no-repeat;
    width: 399px;
    height: 363px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
.m-part34 .title{
    width: 399px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    position: absolute;
    left: 0;
    top: 320px;
    z-index: 3;
}
.part4-pagination{
    text-align: center;
    padding: 8px 0;
}
.part4-pagination .swiper-pagination-switch{
    width: 15px;
    height: 15px;
    display: inline-block;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin: 0 5px;
    background: transparent;
    border: 1px solid #213368;
}
.part4-pagination .swiper-active-switch{
    background: #213368;
    cursor: default;
}
.m-part41{
    background: url("../image/m_part41.png") no-repeat;
    height: 70px;
}
.m-part42{
    background: url("../image/m_part42.png") repeat-y;
    padding-top: 10px;
    padding-left: 18px;
    padding-right: 18px;
}
.m-part43{
    background: url("../image/m_part43.png") no-repeat;
    height: 52px;
    margin-bottom: 15px;
}
.m-part44{
    background: url("../image/m_part44.png") no-repeat;
    width: 497px;
    height: 328px;
    position: relative;
    margin: 0 auto;
    display: block;
}
.m-part44 .image{
    width: 381px;
    height: 287px;
    padding-left: 91px;
    padding-top: 16px;
}
.m-part44 .image img{
    width: 381px;
    height: 287px;
    border-radius: 15px;
    border: 5px solid #0095d6;
}
.m-part51{
    background: url("../image/m_part51.png") no-repeat;
    height: 70px;
}
.m-part52{
    background: url("../image/m_part52.png") repeat-y;
    padding-top: 19px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 22px;
}
.m-part53{
    background: url("../image/m_part53.png") no-repeat;
    height: 10px;
    margin-bottom: 15px;
}
.m-part52 .t1{
    background: url("../image/m_role1.png") no-repeat;
    width: 120px;
    height: 100px;
}
.m-part52 .t2{
    background: url("../image/m_role2.png") no-repeat;
    width: 120px;
    height: 100px;
}
.m-part52 .t3{
    background: url("../image/m_role3.png") no-repeat;
    width: 120px;
    height: 100px;
}
.m-part52 .t4{
    background: url("../image/m_role4.png") no-repeat;
    width: 120px;
    height: 100px;
}
.m-part52 .t5{
    background: url("../image/m_role5.png") no-repeat;
    width: 120px;
    height: 100px;
}
.m-footer{
    height: 60px;
    line-height: 60px;
    padding: 0 30px;
    background: #90d8f7;
    color: #3267b0;
    font-size: 26px;
}
.m-footer a{
    color: #3267b0;
    font-size: 20px;
}
.m-footer-tel1{
    height: 45px;
    line-height: 45px;
    background: #0a61ab no-repeat;
    position: relative;
    right: 30px;
    bottom: 2px;
    width: 100%;
    padding-right: 60px;

}
.m-footer-tel1 img {
    width:50%;
    padding: 0 0 2px 195px;
}

.m-sub-footer a{
    color: #3267b0;
    font-size: 14px;
}
.m-sub-footer{
    height: 45px;
    line-height: 45px;
    padding: 0 20px;
    background: #90d8f7;
    color: #3267b0;
    font-size: 18px;
}
.m-footer-tel{
    height: 45px;
    line-height: 45px;
    background: #0a61ab no-repeat;
    position: relative;
    right: 30px;
    bottom: 2px;
    width: 100%;
    padding-right: 50px;

}
.m-footer-tel img {
    width:50%;
    padding: 0 0 8px 135px;
}

.m-about{
    text-align: center;
    padding-top: 10px;
    background: #fff;
}
.m-about .t1{
    position: relative;
}
.m-about .t1 .m-code{
    background: url("../image/m_code_bg2.png") no-repeat;
    display: none;
    position: absolute;
    left: -35px;
    top: -175px;
    z-index: 10;
    width: 125px;
    height: 132px;
    padding-top: 2px;
    background-size: cover;
}
.m-about .t1 .m-code img{
    width: 120px;
    height: 120px;
}
/*.m-about .t1:hover .m-code{*/
    /*background: url("../image/m_code_bg2.png") no-repeat;*/
    /*display: block;*/
    /*position: absolute;*/
    /*left: -35px;*/
    /*top: -175px;*/
    /*z-index: 10;*/
    /*width: 125px;*/
    /*height: 132px;*/
    /*padding-top: 2px;*/
    /*background-size: cover;*/
/*}*/
/*.m-about .t1:hover .m-code img{*/
    /*width: 120px;*/
    /*height: 120px;*/
/*}*/
.m-scrolltop{
    position: fixed;
    right: 10px;
    bottom: 160px;
    z-index: 99;
    width: 100px;
}
.m-scrolltop img{
    width: 100%;
}
.m-header{
    margin-bottom: 10px;
}
.m-header a{
    float: left;
    display: block;
    width: 20%;
}
.m-header img{
    width: 100%;
}