@media screen and (max-width: 1280px) {
    body{
        max-width: 100%;
        min-width: auto;
        overflow: hidden;
    }
    .pc{
        display: none;
    }
    .m{
        display: block;
    }
    #header{
        height: 80px;
    }
    #main{
        margin-top: 80px;
    }
    .logo {
        padding-top: 21px;
        padding-bottom: 21px;
    }
    .m_small{
        display: block;
    }
    .banner_pc{
        display: none;
    }
    .banner_wap{
        display: block;
    }
    .slideBox5 .prev{
        display: none;
    }
    .slideBox5 .next{
        display: none;
    }
    .slideBox5 .hd{
        display: none;
    }
    .w1200{
        max-width: 100%;
        margin: 0px auto;
        width: 793px;
        height: auto;
        clear: both;
        overflow: hidden;
    }
    .slideBox5 .box img{
        max-width: 100%;
    }
    .slideBox5 .box .p1{
        font-size: 24px;
    }
    .slideBox5 .box .p2{
        font-size: 28px;
    }
    .m_wrap21{
        max-width: 100% !important;
        padding-top: 20px;
        height: auto;

    }
    .m_wrap21 dt{
        max-width: 100% !important;
        float: none;
        margin: 0px auto 10px auto;
    }
    .m_wrap21 dd{
        float: none;
        max-width: 96%;
        margin: 0px auto;
        width: 793px;
    }
   img{
        max-width: 100% !important;
        height: auto !important;
    }
    .header, .main, .footer{
        max-width: 100% !important;
    }
    .m_wrap35{
        display: none !important;
    }
    .m_wrap21 dd .box{
        height: auto;
        padding-bottom: 30px;
    }
    .m_wrap21 dd .box p{
        font-size: 14px;
    }
    .m_wrap21 dd .box  span{
        font-size: 14px;
    }
    .m_wrap21 dd .box img{
        margin-top: 30px !important;
    }
    .m_wrap22{
        max-width: 96%;
        margin: 0px auto;
        width: 793px;
    }
    .m_wrap22 li .box1{
        margin-left: 10px;
    }
    .m_wrap22 li .box2{
        margin-left: 10px;
    }
    .m_wrap22 li .box1 .img{
        width: 20%;
    }
    .m_wrap22 li .box2 .img{
        width: 20%;
    }

    .m_wrap22 li .box3 .img{
        width: 20%;
    }
    .m_wrap22 li .box1 .con{
        width: 75%;
        margin-left: 3%;
    }
    .m_wrap22 li .box2 .con {
        width: 75%;
        margin-left: 3%;
    }
    .m_wrap22 li .box3 .con{
        width: 65%;
        margin-left: 8%;
    }
    .m_wrap22 li .box3 .con .p2{
        width: 90%;
    }
    .m_wrap22 li .box3 .con .p1 span{
        font-size: 30px !important;
    }
    .m_tit5 span{
        font-size: 23px;
        padding: 25px 0;
    }
    .main .brand_en{
        font-size: 12px !important;
    }
    .m_tit5 .more{
        margin-top: 25px;
    }
    .m_wrap23{
        max-width: 96%;
        margin: 0px auto;
        width: 793px;
        height: auto;
    }
    .m_bg10{
        max-width: 96%;
        margin: 0px auto;
        width: 793px;
        height: auto;
        background: none;
    }
    .m_wrap24{
        width: 100%;
        margin: 0px auto;
        height: auto;
        padding-top: 0px;
    }
    .m_wrap24 h1{
        color: #000;
        padding-top: 30px;
        padding-bottom: 35px;
        font-size:24px;
    }
    .m_wrap24 ul{
        margin: 0px auto;
        width: 100%;
        height: auto;
    }
    .m_tit5{
        max-width: 96%;
        margin: 0px auto;
        width: 793px;
        height: auto;
    }
    .m_wrap24 ul li{
        width: 24.5%;
        height: auto;
        position: relative;
        z-index: 11;

    }
    .m_wrap24 ul li:hover{
        background: none;
        height: auto;
    }
    .m_wrap24 ul li:hover .p1{
        color: #000;
    }
    .m_wrap24 ul li .p2{
       display: block !important;
        height: auto ;
    }
    .m_wrap25{
        max-width: 96%;
        margin: 0px auto;
        width: 793px;
        height: 600px;
        clear: both;
        display: none;
    }
    .m_wrap25 .txt {
        line-height: 30px;
        padding-bottom: 0px;
        padding-top: 15px;
    }
    .m_wrap25 .map{
        max-width: 96%;
    }
    .m_wrap26{
        max-width: 96%;
        margin: 0px auto;
        width: 793px;
        height: 460px;
        clear: both;
        overflow: hidden;
    }
    .m_wrap26 ul{
        max-width: 100%;
        margin: 0px auto;
        width: 793px;
        height: 460px;
    }
    .m_wrap26 .plan{
        max-width: 100%;
        width: 793px;
        height: 460px;
    }
    .m_wrap24 ul li .p1{
        font-size: 16px;
    }
    .m_wrap26 .mask-left{
        display: none;
    }
    .m_wrap26 .arrow-left{
        display: none;
    }
    .m_wrap26 .arrow-right{
        display: none;
    }
    .m_wrap28{
        max-width: 96%;
        margin: 0px auto;
        width: 793px;
        height: auto;
        clear: both;
        overflow: hidden;
    }
    .m_wrap28 dt{
        margin: 10px auto 0px auto;
    }
    .m_wrap28 dt .box{
        margin-right: 15px;
        padding: 10px 10px !important;
    }
    .m_wrap28 dd .box li{
        width: 48%;
        margin:auto 1%  !important;
    }
    .detail_info{
        float: none;
        width: 100%;
    }
    .detail_title .cn{
        font-size: 24px;
    }
    .m_wrap3 .box .con .title{
        font-size: 24px;
    }
    .m_wrap3 .box .con p{
        line-height: 45px;
    }
    .m_wrap31{
        max-width: 96%;
        margin: 0px auto;
        width: 793px;
        height: auto;
        clear: both;
        overflow: hidden;
    }
    .m_bg11{
        max-width: 96%;
        margin: 0px auto;
        width: 793px;
        height: auto;
        clear: both;
        overflow: hidden;
    }
    .picScroll-left2{
        max-width: 96%;
        margin: 0px auto;
        width: 793px;
        height: auto;
        clear: both;
        overflow: hidden;
        padding-top: 30px;
    }
    .tempWrap{
        max-width: 96%;
        margin: 0px auto;
        width: 793px;
        height: auto;
        clear: both;
        overflow: hidden;
    }
    .m_wrap29{
        max-width: 96%;
        margin: 0px auto;
        width: 793px;
        height: auto;
        clear: both;
        overflow: hidden;
    }

    .picScroll-left2 .bd ul li{
        max-width: 100%;
    }
    .m_wrap29 p span{
        display: block;
        float: left;
        margin: 0px 5%;
    }
    .m_wrap18 .box .img{
        display: none;
    }
    .m_wrap29 p span img{
        max-width: 100% !important;
        height: auto !important;
    }
    .m_wrap29 p span label{
        width: 80px;
        left: -25px;
    }
    .m_wrap30{
        max-width: 96%;
        margin: 0px auto;
        width: 793px;
        height: 270px;
        clear: both;
        overflow: hidden;
    }
    .m_wrap30 .p1{
        font-size: 23px;
    }
    .m_wrap22 li .img img{
        width: 60%;
        height: auto;
    }

    .m_wrap30 .p2{
        line-height: 25px;
    }
    .m_wrap30 .more{
        right: 35px;
    }
    .h30{
        height: 0px;
    }
    .w475{
        width: 100%;
        max-width: 100%;
        clear: both;
    }
    .case_nav li{
        padding: 10px 10px;
        margin-right: 15px;
    }
    .case_nav .on{
        padding: 11px 11px;
    }
    .slideBox6 .prev{
        display: none;
    }
    .slideBox6 .next{
        display: none;
    }
    .m_wrap33{
        max-width: 100%;
        background: #fff;
        padding: 30px 0px;
        margin: 0px auto;
    }
    .m_con2{
        padding:0px 30px 70px 30px;
    }
    .m_wrap{
        padding: 0px;
        margin: 0px 1%;
    }
    .m_wrap dd .list{
        padding: 10px 3%;
    }
    .m_wrap33 a{
        display: block;
        max-width: 475px;
        margin: 0px auto;
    }
    .m_wrap33 .con{
        max-width: 475px;
        margin: 0px auto;
    }
    .w690{
        max-width: 100%;
        float: none;
        width: auto;
    }
    .m_wrap34{
        max-width: 100%;
        margin: 0px auto;
    }
    .m_wrap33{
        height: auto;
    }
    .m_wrap34 dd .list a{
        height: auto;
    }
    .m_wrap34 dt .box{
        width: 24.7%;
    }
    .m_bg11{
        background: #fff;
    }
    .m_wrap34 dd .list{
        clear: both;
    }
    .m_tit4{
        background: #fff;
        height: auto;
    }
    #footer{
        padding: 15px 0px;
        height: auto;
    }
    .footer .f_img{
        height: 200px;
    }
    .m_bg1 .title{
        height: 40px;
    }
    .f_wrap{
        max-width: 100%;
        margin: 0px auto;
        width: 793px;
        height: auto;
        clear: both;
        overflow: hidden;
    }
    .f_wrap li{
        width: 100%;
        padding: 0px;
    }
    .f_wrap li span{
        border-bottom: 1px solid #ccc;
        border-top: 1px solid #ccc;
    }
    .f_wrap li a{
        display: none;
    }
    .f_wrap1{
        max-width: 100%;
        margin: 0px auto;
        width: 793px;
        height: auto;
        clear: both;
        overflow: hidden;
        float: none;

    }
    .f_wrap li .active{
        display: block !important;
    }
    .f_wrap li {
        text-align: center;
    }
    .wap{
        display: block;
    }
    .f_wrap1 .box{
        width: 42.5%;
        margin-left: 3%;
        border: none;
        text-align: center;
    }
    .f_wrap1 .box1{
        clear: both;
        width: 100%;
        float: none;
        margin: 0px 0px 30px 0px;
    }
    .f_wrap1 .box1 p{
        text-align: center;
    }
    .f_wrap2{
        max-width: 90%;
        margin: 0px auto;
        width: 793px;
        clear: both;
        overflow: hidden;
        float: none;
    }
    .f_wrap2 dd{
        text-align: left;
        float: none;
    }
    .f_wrap3{
        max-width: 90%;
        margin: 0px auto;
        width: 793px;
        clear: both;
        overflow: hidden;
        float: none;
    }
    .m_wrap27{
        max-width: 100%;
        margin: 70px auto 0px auto;
        clear: both;
        overflow: hidden;
        display: none;
    }
    .m_wrap27 ul{
        max-width: 100% !important;
        margin: 0px auto;
        height: auto;
        overflow: hidden;
    }
    .m_wrap27 .plan{
        max-width: 100%;
        height: auto;
    }
    .m_wrap27 li a{
        max-width: 100%;
        height: auto;
    }
    .m_wrap27 img{
        max-width: 100% !important;
        height: auto;
    }
    .m_nav1{
        max-width: 100%;
        margin: 0px auto;
        width: 793px;
    }
    #freewall{
        max-width: 100%;
        margin: 0px auto;
        width: 793px;
    }
    .m_list2{
        width: 48%;
        margin:auto 1% ;
    }
    .m_honor_list2{
        width: 48%;
        margin:auto 1% ;
    }
    .wz{
        display: none;
    }

    .m_tit1{
        width: 100%;
        display: none;
    }
    .w185{
        max-width: 25%;
    }
    .w185 img{
        height: auto !important;
    }
    .w975{
        width: 96%;
        margin-bottom: 15px;
        margin-top: 15px;
    }
    .m_bg1{
        max-width: 98%;
        margin: 0px auto;
        width: 793px;
    }
    .core_h{
        height: 0px !important;
    }
    .m_wrap12{
        height: auto;
        background: none;
        margin: 0px auto 15px auto;
    }
    .m_wrap12 dl{
        padding: 0px;
        width: 100%;
    }
    .m_wrap12 dl dd {
        display: block !important;
    }
    .m_wrap12 dl dd .dn{
        display: block !important;
    }
    .m_wrap12 dl dt .box.on i{
        background: none;
    }
    .m_wrap12 dl dt .box{
        width: 49.5%;
        border: none;
        background: none;
        height: auto;
    }
    .m_wrap12 dl dt .box .info{
        font-size: 14px;
        line-height: 25px;
        width: 80%;
        height: 200px;
        margin: 0px auto;
    }
    .m_wrap14{
        max-width: 100%;
        margin: 0px auto 0px auto;
        width: 793px;
    }
    .f_wrap2 dt{
        width: 100%;
    }
    .slideBox1 .hd{
        display: none;
    }
    .slideBox1{
        height: auto;
        max-width: 100%;
        margin: 0px auto 0px auto;
        width: 793px;
    }
    .m_con .p2{
        font-size: 24px;
    }
    .slideBox1 .bd li p .title{
        width: 80%;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap
    }
    .h15{
        height: 0px;
    }
    .h20{
        height: 0px;
    }
    .m_con{
        max-width: 96%;
        margin: 0px auto 20px auto;
        height: auto;
        width: 793px;
    }
    .m_bg3{
        background: none;
    }
    .m_wrap7{
        max-width: 100%;
        margin: 0px auto 0px auto;
        width: 793px;
        float: none !important;
        padding-top: 0px;
    }
    .m_wrap7 dd .list{
        margin-top: 15px;
    }
    .m_wrap7 dd{
        margin-bottom: 30px;
    }
    .m_wrap7 dt span{
        font-size: 26px;
    }
    .m_wrap7 dd .img{
        width: 60%;
        margin: 30px auto 0px auto;
    }
    .m_bg{
        background: none;
    }
    .m_wrap5{
        padding-top: 30px;
        padding-bottom: 30px;
        max-width: 100%;
        margin: 0px auto 0px auto;
    }
    .m_wrap5 .img{
        float: none;
        margin: 0px auto;
        max-width: 100%;
    }
    .m_wrap5 .con .p1{
        font-size: 26px;
        margin-top: 15px;
    }
    .m_wrap5 .con .p2{
        font-size: 18px;
    }
    .m_wrap5 .con{
        width: 100%;
    }
    .m_wrap6 .box i{
        width: 100%;
        margin: 0px auto 15px auto;
        display: block;
    }
    .m_wrap16{
        max-width: 100%;
        margin: 0px auto 0px auto !important;
        width: 793px;
        float: none !important;
        padding: 0px 0px 50px 0px;
    }
    .company_info{
        max-width: 100%;
        margin: 0px auto 0px auto;
        width: 793px;
        height: auto;
    }
    .company_info .info{
        width: 100%;
        height: auto;
        margin: 0px auto;
    }
    .company_info .info .pic{
        width: 100%;
        height: auto;
        text-align: center;
        float: none;

    }
    .company_info .info .content{
        width: 96%;
        padding: 0px 2%;
        height: auto;
        float: none;
        margin: 30px auto;
    }
    .company_info .pic_box li {
        width: 100%;
        height: auto;
        text-align: center;
        margin: 0px auto 15px auto;
    }
    .m_wrap16 li{
        width: 28%;
    }
    .m_wrap17 .box h1{
        font-size: 18px;
    }
    .m_wrap17 .box{
        left: 25%;
        top:  10%;
        height: auto;
    }
    .m_wrap17 .box .con{
        height: auto;
    }
    .m_wrap17{
        background: none !important;
        max-width: 100%;
        height: auto;
        padding: 0px;
        margin: 0px auto;
    }
    .m_wrap17 .box{
        width: 94%;
        left: 0px;
        padding: 0px 3%;
        top: 0px;
    }
    .m_wrap17 .box .more i{
        background-size: 40% auto;
        background-position: 0px  60%;
    }
    .m_wrap17 .box .more{
        left: 45%;
        bottom: 15px;
    }
    .m_wrap18{
        max-width: 100%;
        margin: 10px auto 0px auto;
        width: 793px;
    }
    .m_wrap20{
        max-width: 100%;
        margin: 0px auto 0px auto;
        width: 793px;
        overflow: hidden;
        padding: 0px 0px 30px 0px;
    }
    .m_wrap1{
        padding-top: 0px;
        max-width: 100%;
        margin: 0px auto 0px auto;
        width: 793px;
    }
    .m_wrap20 dt{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .mh{
        max-width: 100%;
        margin: 0px auto 0px auto;
        width: 793px !important;
        overflow: hidden;
    }
    .road_way_service{
        max-width: 100%;
        margin: 0px auto 0px auto;
        width: 793px !important;
        overflow: hidden;
    }
    .road_way_service .content h1{
        font-size: 20px;
    }
    .road_way_service .item h1{
        font-size: 18px;
    }
    .road_way_service .content p{
        font-size: 14px;
        line-height: 25px;
    }
    .road_way_service .box{
        height: auto;
    }
    .road_way_service .item {
        width: 45%;
        margin: 0px 2% 0px 2%;
        margin-bottom: 60px;
    }
    .m_wrap2 dd .box li{
        width: 100%;
        height: auto;
    }
    .m_wrap2 dd .box li.last{
        width: 100%;
        padding-bottom: 15px;
    }
    .m_wrap1 dt span.cn{
        font-size: 20px;
    }
    .m_wrap1 dt span.en{
        font-size: 16px;
    }
    #m_nav1 ul{
        width: 96%;
        margin: 40px auto;
        height: auto;
        clear: both;
    }
    #m_nav1 ul li{
        text-align: center;
        margin-bottom: 15px;
    }
    .m_wrap1 dd .list1{
        width: 24.2%;
        overflow: hidden;
    }
    #m_nav1 ul li a{
        max-width: 100%;
    }
    .m_wrap1 dd .box5{
        max-width: 100%;
        margin: 0px auto 0px auto;
        width: 793px !important;
        overflow: hidden;
    }
    .w545{
        max-width: 100%;
    }
    .slideBox5{
       display: none;
    }
    .m_tit4 .p1{
        padding-top: 10px;
        font-size: 24px;
    }
    .m_wrap6 .box2 dt{
        padding: 0px 10px;
    }
    .w800{
        max-width: 100%;
        margin: 0px auto 0px auto;
        width: 793px !important;
        overflow: hidden;
        float: none !important;
    }
    .w288{
        max-width: 100%;
        margin: 0px auto 0px auto;
        width: 793px !important;
        overflow: hidden;
        float: none !important;
    }
    .slideBox .bd li{
        max-width: 100%;
    }
    .w1100{
        max-width: 100%;
    }
    .slideBox .prev{
        display: none;
    }
    .slideBox .next{
        display: none;
    }
    .slideBox{
        height: auto;
    }
    .slideBox .hd ul{
        display: none;
    }
    .m_con1{
        background: none;
        padding: 0px;
        margin: 0px auto;
    }
    .m_con1 .p1{
        padding: 0px !important;
        font-size: 20px;
    }
    .m_con1 .p2{
        padding: 0px !important;
    }
    .m_con1 .p3{
       margin: 15px auto;
    }
    .m_wrap3{
        max-width: 100%;
        margin: 0px auto 0px auto;
        width: 793px !important;
        overflow: hidden;
        float: none !important;
        border: none !important;
    }
    .c_list{
       width: 50% !important;
        float: left !important;
        border: none !important;
        text-align: center !important;
    }
    .m_wrap3 .box .con p{
        padding-left: 15px;
    }
    .m_wrap3 .tit{
        font-size: 18px;
        padding-left: 15px;
    }
    .index_banner{
        display: block;
    }
    .m_wrap34 dt .box .cn{
        padding: 8px 0px;
    }
    .m_wrap34 dt .box{
        height: 70px;
    }
    .m_wrap34 dt{
        height: auto;
        margin-top: 10px;
    }
    .page{
        padding: 20px 0px;
    }
    .m_wrap{
        margin-top: 0px;
        padding-top: 0px;
    }
    .m_wrap4 dt{
        background-size: 30px auto;
        width: 100%;
    }
    .m_wrap4 dd{
        float: none;
        text-align: center;
        clear: both;
        width: 100%;
    }
    .m_wrap4{
        height: 80px;
    }
    .footer .f_menu{
        display: none;
    }
    .m_wrap1 dd .list1 .con{
        display: none;
    }
    .m_wrap6{
        max-width: 100%;
        margin: 0px auto 0px auto;
        width: 793px !important;
        overflow: hidden;
        padding:0px !important;
    }
    .m_wrap6 .box1{
        max-width: 96%;
        margin: 0px auto 0px auto;
        width: 793px !important;
        overflow: hidden;
        padding: 0px;
    }
    .m_wrap1 dd .box5 {
        padding-top: 30px;
    }
    .m_wrap1 dd .box5 .img{
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
    }
    .m_wrap1 dd .box5 .con{
        max-width: 96%;
        margin: 0px auto 0px auto;
        width: 793px !important;
        overflow: hidden;
        padding: 0px;
        float: none;
    }
    .m_wrap1 dd .box5 .con h1 span{
        font-size: 18px !important;
    }
    .m_wrap1 dd .box5 .con p span{
        font-size: 14px !important;
    }
    .m_wrap12 dl dt .box.on span{
        background: url(../images/luwei_289.png) no-repeat;
    }
    .m_wrap12 dl dt .box.on p{
        background: none;
        color: #000;
    }
    .m_wrap12 dl dt .box p{
        background: none;
        color: #000;
        padding: 20px 0px;
    }
    .m_wrap12 dl dt .box span{
        margin: 20px auto 0px auto;
    }
    .company{
        max-width: 100%;
        height: auto;
        margin: 0px auto 30px auto;
        width: 793px !important;
    }
    .company .box{
        width: 100%;
        max-width: 100%;
        margin: 0px auto 0px auto;
        height: auto;
        padding:15px 0px;
    }
    .company .box h1{
        text-align: center;
        font-size: 20px;
    }
    .company .box .content{
        clear: both;
        height: auto;
        margin: 30px auto;
    }
    .company .box .content .pic{
        width: 100%;
        max-width: 100%;
        margin: 0px auto 30px auto;
        height: auto;
        clear: both;
        text-align: center;
        float: none;
    }
    .company .box .content .info{
        width: 100%;
        max-width: 100%;
        margin: 0px auto 0px auto;
        height: auto;
        clear: both;
        float: none;
    }
    .company .box .content .info .intro{
        position: relative;
        width: 90%;
        margin: 0px auto;
    }
    .company .box .content .info .contact{
        position: relative;
        width: 90%;
        margin: 45px auto 0px auto;
    }
    .m_wrap18 .box .con{
        padding: 2%;
        width: 96%;
    }
    .m_wrap6 .box{
        padding: 0px 2%;
    }
    .m_wrap24 ul li .p1{
        background: none;
    }
    .m_wrap24 ul li .p2{
        padding: 0px 25px;
    }
    .slideTxtBox {
        max-width: 100%;
        height: auto;
        margin: 0px auto;
        width: 793px !important;
    }
    .slideTxtBox .hd{
        height: 120px;
        line-height: 35px;
        width: 100%;
        margin: 0px auto;
    }
    .slideTxtBox .hd ul{
        height:auto;
    }
    .slideTxtBox .hd ul li{
        font-size: 14px;
        padding: 0px 5px;
        height: 50px;
        line-height: 50px;
        margin-right: 0px !important;
    }
    .road_way_service .top{
        margin: 30px auto;
    }
}
@media screen and (max-width: 905px) {
    .w905{
        max-width: 100%;
    }
    .m_nav{
        width: 96%;
        padding: 0px;
        margin: 0px auto;
        float: none;
    }
    .m_search{
        width: 93.5%;
        padding: 0px;
        margin: 0px auto 0px 2%;
        clear: both;
    }
    .m_nav a{
       width: 48%;
        float: left;
        margin: 0px 1% 15px auto;
    }
}
@media screen and (max-width: 850px) {
    .banner_wap{
        height: 200px !important;
    }
    .slideBox5 .box .p2{
        font-size: 24px;
    }
    .m_tit4 .p2{
        font-size: 16px;
    }
    .m_wrap22 li .box1 .con .p1{
        font-size: 20px;
        margin-top: 15px;
        margin-bottom: 5px;
    }
    .m_wrap22 li .box1 .con .p1 i.add{
        width: 15px;
        height: 15px;
        background-size: 15px 15px;
    }
    .m_wrap22 li .box1 .con .p2{
        font-size: 14px;
    }
    .m_wrap22 li .box2 .con .p1{
        font-size: 20px;
        margin-top: 15px;
        margin-bottom: 5px;
    }
    .m_wrap22 li .box2 .con .p1 i.add{
        width: 15px;
        height: 15px;
        background-size: 15px 15px;
    }
    .m_wrap22 li .box2 .con .p2{
        font-size: 14px;
    }
    .m_wrap22 li .box3{
        width: 80%;
    }
    .m_wrap22 li .box3 .con .p1 span{
        font-size: 20px !important;
    }
    .m_wrap22 li .box3 .con .p1{
        font-size: 20px !important;
        margin-top: 15px;
        margin-bottom: 5px;
    }
    .m_wrap22 li .box3 .con .p1 i.add{
        width: 15px;
        height: 15px;
        background-size: 15px 15px;
    }
    .m_wrap22 li .box3 .con .p2{
        font-size: 14px;
    }


    .m_wrap29 p span{
        display: block;
        float: left;
        margin: 0px 5%;
    }
}
@media screen and (max-width: 805px) {
    .m_list{
        max-width: 96%;
        background-size:  5% auto;
    }
    .m_list .img{
        max-width: 30%;
    }
    .m_list .con{
        max-width: 65%;
    }
    .m_list .con h1{
        font-size: 18px;
        width: 80%;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap
    }
    .m_list .con p{
        width: 80%;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }
    .m_wrap dt{
        font-size: 20px;
    }
    .m_wrap dd .list a{
        width: 90%;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap
    }
}
@media screen and (max-width: 800px) {
    .w900{
        max-width: 100%;
    }
}
@media screen and (max-width: 793px) {
    .m_nav1 ul li{
        width: 50%;
    }
    .m_nav1 ul {
        height: 130px;
    }
    .m_con .p2{
        font-size: 24px;
    }
    .m_wrap1 dd .list1{
        width: 23.5%;
        overflow: hidden;
    }
    .m_con1 .p1{
        padding-left: 15px !important;
    }
    .m_con1 .p2{
        padding-left: 15px !important;
    }
    .m_wrap24 ul li{
        width: 49.5%;
    }
}
@media screen and (max-width: 780px) {
    .m_wrap29 p span{
        display: block;
        float: left;
        margin: 0px 5%;
    }
    .m_wrap34 dt{
        height: auto;
        width: 100%;
        clear: both;
        background: #fff;
        margin: 0px auto;
        padding: 0px;
    }
    .m_wrap34 dt .box{
        width: 49.7%;
    }
    .m_wrap34 dt .box.on{
        background: #fff;
        color: #2652a3;
    }

}
@media screen and (max-width: 720px) {
    .m_wrap29 p span{
        display: block;
        width: 90px;
        height: 90px;
        float: left;
        margin: 0px 4%;
    }
    .m_wrap34 dt .box{
        width: 49.5%;
    }
}
@media screen and (max-width: 680px) {
    .m_tit4 .p2{
        font-size: 14px;
    }
    .m_wrap29 p span{
        display: block;
        float: left;
        width: 85px;
        height: 85px;
        margin: 0px 4%;
    }
}
@media screen and (max-width: 640px) {
    .m_small{
        display: none;
    }
    .m_wap{
        display: block;
    }
    .banner_wap{
        height: 180px !important;
    }
    .m_wrap22 li{
        width: 100%;
        background: none;
    }
    .m_wrap22{
        height: 330px;
    }
    .m_wrap22 li .box1{
        margin-left: 15px;
        padding-top: 0px;
    }
    .m_wrap22 li .box2{
        margin-left: 15px;
        padding-top: 0px;
    }
    .m_wrap22 li .box3{
        padding-top: 0px;
        margin-left: 15px;
    }
    .m_wrap22 li{
        height: auto;
    }
    .m_tit5 span{
        font-size: 18px;
        padding: 25px 0;
    }
    .m_tit5 .more{
        margin-top: 30px;
    }

    .picScroll-top .hd{
        top:-65px;
        left:30%;
    }
    .m_wrap26 .bg{
       background-position: -150px;
    }
    .m_wrap26 .text .box .img img{
        width: 40%;
    }
    .m_wrap26 .text .box .p1{
        width: 63%;
        font-size: 14px;
    }
    .m_wrap26 .text .box .p2{
        width: 63%;
    }
    .m_wrap26 .text .box .more{
        width: 55%;
    }

    .m_wrap29 p span{
        display: block;
        float: left;
        margin: 0px 4%;
        width: 80px;
        height: 80px;
    }
    .m_wrap30{
        height: 250px;
    }
    .m_wrap34 dd .list a{
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap
    }
    .w185{
        display: none;
    }

    .slideBox1 .bd li p{
        line-height: 36px;
    }
    .slideBox1 .bd li p .title{
        width: 60%;
        font-size: 16px;
    }
    .m_wrap7 dd .img{
        width: 80%;
    }
    .m_wrap dd .list a .title{
        width: 60%;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap
    }
    .m_wrap dt{
        font-size: 18px;
    }
    .m_wrap11 .p1{
        font-size: 20px;
    }
    .m_list .img{
        max-width: 20%;
    }
    .m_wrap6 .box span{
        width: 20%;
        font-size: 14px;
    }
    .m_con .p2{
        font-size: 18px;
    }
    .m_con .p3{
        font-size: 14px;
    }
    .m_wrap16 li{
        width: 28%;
    }

    .m_wrap18 .tit{
        font-size: 18px;
        width: 20%;
    }
    .m_wrap18 .box .con .p1{
        font-size: 18px;
    }
    .m_wrap19 .tit{
        font-size: 18px;
    }
    .m_wrap20 dt p{
        font-size: 18px;
    }

    .m_wrap16 li .p1 b{
        font-size: 20px;
    }
    .m_bg6{
        background-size:auto 80% ;
    }
    .m_wrap19 .list a{
        width: 100%;
    }
    .wap_h{
        display: none !important;
    }

    .m_wrap1 dt{
        background: none;
        border-bottom: 2px solid #eee;
        height:  60px;
        padding: 0px;
    }
    .m_wrap1 dt span.cn{
        display: block;
        float: left;
        height: 60px;
        line-height: 60px;
        font-size: 18px;
        border-bottom: 2px solid #2652a3;
        text-align: center;
        padding: 0px 15px !important;
        margin-left: 5%;
    }
    .m_wrap1 dt span.en{
        display: block;
        float: left;
        height: 60px;
        line-height: 60px;
        font-size: 14px;
        padding-left:5%;
    }
    .m_wrap1 dd .list1{
        width: 32%;
    }

    .m_wrap5 .con .p1{
        font-size: 22px;
    }
    .m_wrap5 .con .p2{
        font-size: 18px;
    }
    .m_wrap5 .con{
        width: 90%;
        margin: 0px auto;
        float: none;
    }
    .m_wrap6 .box i{
        font-size: 20px;
    }
    .m_wrap6 .box1 span{
        font-size: 18px;
    }
    .m_wrap6 .box2 dt span{
        width: 40%;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
    .m_wrap6 .box2 dt i{
        display: none;
    }
    .m_list{
        background-size:3% auto;
    }
    .m_wrap6 .box2 dd .con{
        width: 90%;
        margin: 0px auto;
    }
    .c_list{
        width: 100% !important;
        float: left !important;
        border: none !important;
        text-align: center !important;
    }
    .m_wrap28 dt .box{
        font-size: 14px;
        font-weight: normal;
        margin-right: 5px;
    }
    .case_nav li{
        font-size: 14px;
        font-weight: normal;
        margin-right: 5px;
    }
    #m_nav1 ul li{
        width: 33.3%;
        text-align:left;
    }
    .m_wrap1{
        padding-bottom: 50px !important;
    }
    .m_wrap6 .box2 dt span{
        font-size: 14px;
    }
    .m_wrap1 dd .box ul li .text{
        width: 100%;
        margin: 5px auto;
    }
    .m_wrap1 dd .box ul li span{
        width: 100%;
        margin: 5px auto;
    }
    .m_wrap1 dd .box ul li em{
        width: 100%;
        margin: 5px auto;
    }
    .m_wrap1 dd .box ul li .textarea{
        width: 100%;
        margin: 5px auto;
    }
    .m_wrap1 dd .box .tit{
        font-size: 16px;
    }
    .m_wrap24 ul li{
        width: 100%;
    }
    .m_tit4 .p1 img{
        display: block !important;
        margin-bottom: 15px;
    }
    .m_tit4 .p1{
        font-size: 20px;
        line-height: 25px;
        text-align: left;
        margin-bottom: 0px;
        padding-bottom: 0px;
    }
    .m_tit4 .p2{
        text-align: left;
    }
    .m_wrap12 dl dt .box{
        width: 100%;
        margin-bottom: 25px;
    }
    .m_wrap12 dl dt .box .info{
        height: auto;
        text-align: left;
    }
    .m_wrap22 li .box3 .con .p2{
        width: auto;
    }
    .road_way_service .item{
        padding-bottom: 45px;
    }

}
@media screen and (max-width: 600px) {
    .m_wrap29 p span{
        display: block;
        float: left;
        margin: 0px 4%;
    }
}
@media screen and (max-width: 580px) {
    .slideBox5 .box{
        max-width: 95%;
        background-size:auto 130% ;
        height: auto;
        padding-bottom: 30px;
    }
    .slideBox5 .box .p1{
        font-size: 20px;
    }
    .slideBox5 .box .p2{
        font-size: 24px;
    }
    .slideBox5 .box .arrow{
        left:auto;
        right: 10px;
    }
    .m_tit4{
        height: auto;
    }
    .m_tit4 .p1{
        width: 90%;
        margin: 0px auto;
        font-size: 18px;
        line-height: 45px;
    }
    .m_tit4 .p2 {
        width: 90%;
        margin: 0px auto;
        padding-bottom: 15px;
        line-height: 25px;
    }
    .m_wrap29 p span{
        display: block;
        float: left;
        margin: 0px 4%;
    }
    .m_wrap30{
        height: 280px;
    }
    .m_wrap30 .p2{
        text-align: left;
    }
    .m_wrap16 li{
        width: 46%;
        height: 180px;
    }

}
@media screen and (max-width: 560px) {
    .m_wrap29 p span{
        display: block;
        float: left;
        margin: 0px 3%;
    }
    .road_way_service .content h1{
        font-size: 18px;
    }
    .road_way_service .item h1{
        font-size: 16px;
    }
    .road_way_service .content{
        margin-bottom: 30px;
    }

}
@media screen and (max-width: 520px) {
    .m_wrap21 dd .box .p1{
        font-size: 20px;
    }
    .m_tit5 span{
        font-size: 16px;
        margin-left: 10px;
        padding: 15px 0px;
    }
    .main .brand_en{
       letter-spacing: 0px;
        font-size: 10px;
        margin-left: 5px;
    }
    .m_tit5 .more{
        width: 110px;
        overflow: hidden;
        margin-right:5px;
        margin-top: 15px;
    }
    .picScroll-top .hd{
        left:20%;
    }

    .picScroll-top .hd .prev{
        background-size: 30px auto;
    }
    .picScroll-top .hd .next{
        background-size: 30px auto;
    }

    .m_wrap24 h1{
        font-size: 20px;
    }
    .m_tit5 img{
        max-width: 90%;
    }


    .m_wrap29 p span{
        display: block;
        float: left;
        margin: 0px 3%;
        width: 75px;
        height: 75px;
    }
    .m_wrap30{
        height: 280px;
    }
    .m_wrap30 .p1{
        font-size: 18px;
    }
    .m_wrap7 dd .list a .title{
        width: 70%;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }

    .m_wrap18 .tit{
        font-size: 16px;
        width: 30%;
    }
    .m_wrap18 .box .con .p1{
        font-size: 16px;
    }
    .m_wrap17 .box h1{
        font-size: 16px;
    }
    .m_wrap18{
        height: auto;
    }
    .m_wrap19 .tit{
        font-size: 16px;
    }
    .m_wrap20 dt p{
        font-size: 16px;
    }
    #m_nav1 ul{
        width: 100%;
    }
    .m_wrap28 dd .box li{
        width: 98%;
        margin:auto 1%  !important;
    }
    .m_wrap28 dd .box li p{
        font-size: 16px;
        margin:15px auto;
    }
    .m_list2{
        width: 98%;
        height: auto !important;
    }
    .m_honor_list2{
        width: 98%;
        height: auto !important;
    }
    .m_honor_list2  .con p{
        font-size: 16px;
        margin: 15px auto;
    }
    .m_list2 .con p{
        font-size: 16px;
        margin: 15px auto;
    }
    .m_wrap16 li{
        width: 43%;
        height: 180px;
    }
    .road_way_service .item{
        width: 43%;
        margin: 0px 2.5% 30px 2.5%;
    }
}
@media screen and (max-width: 480px) {
    .m_wrap29 p span{
        display: block;
        float: left;
        margin: 0px 2%;
        width: 70px;
        height: 70px;
    }
    .m_wrap30{
        height: 300px;
    }

    .m_wrap30 .more{
        width: 110px;
        overflow: hidden;
        margin-right: 5px;
        padding-top: 15px
    }
    .f_wrap1 .box {
        width: 41.5%;
        margin-left: 3%;
    }
    .m_con .p2{
        font-size: 18px;
    }
    .m_con .p3{
        font-size: 14px;
    }
    .m_wrap7 dt span{
        font-size: 20px;
    }
    .m_wrap5 .con .p1{
        font-size: 20px;
    }
    .m_wrap5 .con .p2{
        font-size: 16px;
    }
    .m_wrap6 .box i{
        font-size: 20px;
    }
    .m_wrap6 .box1 span{
        font-size: 18px;
    }
    #m_nav1 ul li{
        text-align: center;
        font-size: 12px;
        padding: 0px;
    }
    .m_wrap1 dd .list1{
        width:31%;
        overflow: hidden;
    }
    .road_way_service .item{
        width: 100%;
        margin: 0px 0px 45px 0px;
    }
}
@media screen and (max-width: 445px) {
    .slideBox5 .box .p1{
        font-size: 18px;
    }
    .slideBox5 .box .p2{
        font-size: 22px;
    }
    .slideBox5 .box .p4{
        width: 80% !important;
    }

    .m_wrap29 p span{
        display: block;
        float: left;
        margin: 0px 1.5%;
        width: 70px;
        height: 70px;
    }
    .m_wrap11 .p2{
        font-size: 13px;
    }
}
@media screen and (max-width: 450px) {
    .main .brand_en{
        display: none;
    }
    .m_wrap34 dt .box{
        width: 49%;
    }
    .m_wrap11 .p1{
        font-size: 18px;
    }
}
@media screen and (max-width: 420px) {
    .m_tit4 .p1{
        font-size: 18px;
        line-height: 30px;
    }
    .road_way_service .content h1{

        line-height: 30px;
        margin-bottom: 15px !important;
    }
}
@media screen and (max-width: 400px) {
    .m_wrap29 p span{
        display: block;
        float: left;
        margin: 0px 1.5%;
        width: 60px;
        height: 60px;
    }
    .m_nav1 ul li a{
        font-size: 12px;
    }
    .m_nav1 ul li i{
        margin: 0px 5px 0px 15px;
    }
    .m_wrap7 dd .list a .title{
        width: 55%;
    }
    .case_nav li{
        padding: 10px 3px;
        margin-right: 7px;
    }
    .case_nav .on{
        padding: 11px 4px;
    }
    .m_wrap28 dt .box{
        padding: 10px 4px !important;
        font-size: 12px;
        margin-right: 7px;
    }
    .case_nav li{
        padding: 10px 4px !important;
        font-size: 12px;
        margin-right: 7px;
    }
    .m_wrap24 h1{
        font-size: 16px;
    }

}
@media screen and (max-width: 375px) {
    .slideBox5 .box .p1{
        font-size: 16px;
    }
    .slideBox5 .box .p2{
        font-size: 18px;
    }
    .slideBox5 .box .p4{
        width: 80% !important;
    }
    .banner_wap{
        height: 180px !important;
    }
    .m_wrap21 dd .box .p1 {
        font-size: 18px;
    }

    .m_wrap29 p span{
        display: block;
        float: left;
        margin: 0px 1.5%;
        width: 55px;
        height: 55px;
    }
    .m_wrap30 .p1{
        font-size: 16px;
    }

    .m_wrap30 .p2{
        font-size: 14px;
    }
    .m_con .p2{
        font-size: 16px;
    }
    .m_wrap7 dt span{
        font-size: 18px;
    }
    .m_wrap11 .p1{
        font-size: 16px;
    }
    .m_wrap11 .p2{
        font-size: 12px;
    }
    .m_wrap dt{
        font-size: 16px;
    }
    .w900 .bdsharebuttonbox .bds_more{
        background-size: 50% auto;
    }
    .company .box h1{
        font-size: 18px;
    }
    .company .box .content .pic{
        margin: 0px auto 15px auto;
    }
    .company .box .content{
        margin: 15px auto;
    }
    .m_wrap16 li{
        width: 100%;
        height: 180px;
    }
}
@media screen and (max-width: 350px) {
    .m_wrap29 p span{
        display: block;
        float: left;
        margin: 0px 1%;
        width: 50px;
        height: 50px;
    }
    .m_wrap30 .p1{
        font-size: 14px;
    }
    .f_wrap1 .box{
        width: 40%;
    }
}