@media(max-width:760px) {
    .top{
        height: 9px;
        background-size: 9px;
    }
    .one_list .pc,.pc{
        display: none;
    }
    .one_list .wap,.wap{
        display: block;
    }
    .head_center .phone_box,.nav{
        display: none;
    }
    .banner{
        height: 100%;
        max-height: 150px;
    }

    .banner img{
        width: 100%;
        height: 100%;
    }
    search_box,.head .head_center,.floor1 > .box,.floor2 .center,.floor2 > .center .indexpro,.ong_page .bg_title,.ong_page .bg_title,.floor5 .center{
        width: 100%;
    }
    .header,.head .head_center,.header .head,.head_center .logo_box{
        height: 100%;
        max-height: 70px;
    }
    /*.head,.floor1 .tabs .tap1,.license .center{*/
    /*    padding: 2%;*/
    /*}*/
    .header .head,.floor1 .tabs .tap1,.floor2 .center,.license .center{
        /*width: 96%;*/
        background-repeat: unset;
    }
    .floor2 .center{
        height: unset;
    }
    .head .logo_box .logo{
        width: 16%;
        /*max-height: 68px;*/
        margin: 1%;
    }
    .head .logo_box .nav_right{
        /*width: 16%;*/
        margin: 1%;
    }
    .head .logo_box a{
        display: block;
    }
    .head .logo_box img{
        width: 100%;
        height: 100%;
    }
    .head_center .logo_box .logo_txt{
        width: unset;
        height: unset;
        font-size: 12px;
        line-height: 1.5;
        font-weight: unset;
        margin: 1% 2%;
        padding: unset;
        white-space: nowrap;
        width: 70%;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .floor1{
        max-height: 500px;
    }
    .floor1 > .box{
        padding:40px 0px
    }
    .floor1 .tabs .tap1 .item{
        width: 80px;
        margin-right: 5%;
        background-color: #fff;
    }
    .floor1 .tabs .tap1 .item img{
        width: 100%;
    }
    .tap2{
        margin-top: 20px;
        /*margin-left: 10px;*/
    }
    .tap2 .lists .item{
        width: 100px;
        height: 100%;
    }
    .tap2 .lists .last{
        height: 100%;
    }
    .tap2 .lists .last .tit1{
        margin-top: 20px;
    }
    .tap2 .lists .last .tit2{
        margin-top: 5px;
    }
    .tap2 .lists .last img{
        margin: 10px auto;
    }
    .tap2 .lists .item .photo img{
        height: 110px;
    }
    .indexpro .left{
        width: 30%;
        height: unset;
        padding-right: 16px;
    }
    .tab_list{
        width: unset;
        /*height: unset;*/
        margin: 0px 20px;
    }
    .indexpro .left li{
        height: 36px;
        line-height: 36px;
    }
    .indexpro .left li .triangle{
        bottom:10px
    }
    .indexpro .right .pics{
        width: 100%;
        height: 65%;
    }
    .indexpro .right{
        width: 70%;
        height: unset;
    }
    .indexpro .right .pics img{
        /*width: 100%;*/
        height: unset;
        margin: auto;
    }

    .indexpro .right .pro_r .img_two{
        display: none;
    }
    .indexpro .right .pro_r{
        width: unset;
        height: unset;
    }
    .indexpro .left li a{
        overflow: hidden;
        font-size: 14px;
    }
    .indexpro .inpro{
        font-size: 14px;
        line-height: 1.4;
    }
    .license .center{
        width: unset;
        height: unset;
    }
    .one_list .item .left,.cont_text{
        width: 90%;
    }
    .license_oto .swiper-slide img{
        height: unset;
    }
    .ong_page .bg_title{
        width: unset;
        font-size: 28px;
        line-height: 1.2;
    }
    .ong_page .ont_box{
        width: 90%;
    }
    .font_title{
        width: 360px;
        font-size: 20px;
        line-height: 1.8;
        background-size: 100% auto;
    }
    .one_list{
        display: inline-block;
    }

    .swiper-button-next, .swiper-button-prev{
        top: 35%;
    }
    .one_list .item .nums{
        margin-right: 10px;
    }
    .text_list{
        margin-left: 20px;
    }
    .ong_page .ont_box{
        background-color: unset;
    }
    .ong_page .ont_box .top_ong{
        background: #fff;
    }
    .one_list .item .left{
        width: 100%;
        padding: 20px 5px;
    }
    .one_list .item .right,.one_list .item .right img{
        width: 100%;
        height: unset;
    }
    .one_list{
        width: 100%;
    }
    .news_list .pic,.news_list .pic img{
        width: 100%;
        height: 180px;
    }
    .equ_list.mySwiper .swiper-slide{
        height: unset;
    }
    .wap {
        height: unset;
    }
    .company .right .icons{
        margin: 25px;
    }
    .wap .center .company{
        display: block;
        width: 90%;
        height: 100%;
        margin: auto;
        overflow: hidden;
    }

    .wap .center .company .left{
        width: unset;
    }
    .wap .center .company .right{
        width: 100%;
        height: unset;
        margin: unset;
    }
    .right{
        margin-left: unset;
    }
    .company .right .icons{
        margin: 25px 0px;
    }
    .wap .center .company .left img{
        width: 100%;
    }
    .equipment{
        width: 90%;
        height: unset;
        margin: 20px auto;
    }
    .dynamic{
        /*margin-bottom: 58px;*/
        padding: 25px 0px;
    }
    .dynamic .box{
        width: 100%;
        height: unset;
        background-color: unset;
        display: unset;
    }
    .top_news .top_title{
        font-size: 28px;
        line-height: 1.2;
        padding: 0px 25px;
    }
    .dynamic .box .left{
        display: unset;
        position: unset;
        overflow: hidden;
        width: 100%;
        height: unset;
    }

    .dynamic .box .right{
        width: 90%;
    }
    .bottom. bottom_nav{
        display: none;
    }
    .bottom > .footer{
        display: block;
    }
    .bottom .class{
        display: none;
    }
    .bottom .bottom_nav{
        width: 90%;
    }
    .footer1{
        width: 100%;
        padding: unset;
    }
    .footer2{
        text-align: center;
        float: unset;
    }
    .news_box{
        width: 60%;
        position: sticky;
        bottom: unset;
        left: unset;
        padding: 0 20px 20px;
        height: unset;
        background-color: #fff;
        margin: -20px auto;
    }
    .news_box .news_title{
        font-size: 20px;
        line-height: 49px;
        height: 50px;
    }
    .news_list .item{
        height: unset;
    }
    .news_box .btn{
        width: unset;
        height: unset;
        margin: 18px 0px;
        border-color: #4ab70e;
        color: #4ab70e;
    }
    .news_box .desc{
        display: none;
    }
    .search_box{
        width: 100%;
        max-height: 35px;
        /*display: inline-table;*/
    }
    .search_box .right .btn {
        line-height: unset;
        /**/
    }
    .search_box .right .btn img{
        margin: 6.5px;
    }
    .search_box .right{
        width: 90%;
        margin: 5%;
    }
    .floor{
        width: 100%;
        max-height: 230px;
        background: url(../images/floor1.png) repeat-x;
        background-position: 8% 100%;
    }
    .floor .swiper,.floor .swiper-wrapper{
        max-height: 230px;
    }
    .floor .swiper-slide{
        max-height: 115px;
    }
    .floor .swiper-slide a{
        text-align: center;
        margin: auto;
    }
    .floor .swiper-slide img{
        width: 80px;
        height: 80px;
        margin: 5% auto;
        border-radius: 100%;
        display: block;
    }
    .top_news .s_tit{
        width: 80%;
        height: 30px;
        max-width: 411px;
        /*background-size: contain;*/
        font-size: 20px;
        overflow: hidden;
    }
    .floor .tit{
        color: #0C0C0C;
        font-size: 12px;
        margin-bottom: 5px;
    }
    .floor4 .center{
        width: 96%;
        height: unset;
        padding: 30px 0px;
    }
    .floor4 .center .news_list{
        height: unset;
    }
    .dynamic .right .tabs li{
        width: unset;
        padding: 0px 10px;
    }
    .dynamic .box .right{
        padding: 5%;
    }

    /*单页*/
    .w1200{
        width: 90%;
    }

    .content .left{
        display: none;
    }

    .prolidt{
        width: 100%;
    }

   
    .lxmimg img{
        width: 100%;
    }
    .newslist .right{
        width: unset;
    }
    .newslist .prolidt li{
        width: 100%;
        height: 100px;
        margin-right: unset;
        background:#fff;
    }
    .newslist .prolidt li .d2{
        width: 56%;
        height: 98%;
        margin: 1% 2%;
    }
    .newslist .prolidt li p.d1{
        width: 40%;
        height: 100%;
    }

    .newslist .prolidt .d2 .time,.prolidt .d2 .view{
        padding: 1px 0px 1px 25px;
    }

    .newslist .prolidt li .d2 a{
        font-size: unset;
        height: 70px;
        line-height:1.2;
    }
    .prolidt li .d2{
        line-height: unset;
    }

    .pro{
        padding: 24px 0 0 0px;
    }
    .newslist .prolidt .pc{
        display: none;
    }

    .newslist .prolidt .wap{
        display: initial;
    }



    .pro_duc{
        height: unset;
        display: inline-block;
        background:unset;
    }

    .pro_duc li{
        width: 47%;
        margin: 1%;
        border: 1px solid #ececec;
        overflow: hidden;
    }

    .newslist .pro_duc li{
        line-height: 35px;
        height: 35px;
        color: #fff;
        width: 30%;
        background:#fff;
        border: 1px solid #ececec;
        overflow: hidden;

    }
    .newslist .pro_duc li a{
        color: #000;
        font-size: 16px;
    }
    .newslist .pro_duc .active{
        background: #4ab70e;
    }
    .newslist .pro_duc .active a{
        color: #fff;
    }
    .newslist .prolidt li:hover .d2 a,.prolidt li:hover p{ color:#000;}
    .newslist .prolidt li:hover .view{ color:#888888;}
    .newslist .prolidt li:hover .time{ color:#888888;}
    .newslist .prolidt li:hover .des{ color:#888888;}
    .newslist .prolidt li:hover .time{
        background-position: 0px 0px;
    }
    .newslist .prolidt li:hover .view{
        background-position: 0px -72px;
    }
    .pro_list{
        background-color: unset;
        border: unset;
        padding: unset;
        margin: unset;
        margin-top: 20px;
    }

    .pro_list .equi_ul li{
        width: 46%;
        margin: 2%;
        height: unset;
    }
    .equi_ul li span.lxmimg{
        height: 120px;
    }
    .prolidt li{
        margin-right:2%;
        width: 48%;
    }
    .productlist .right{
        width: 100%;
    }
    .productlist .prolidt li:hover p.d1 .lxmimg,.prolidt li p.d1, .prolidt li p.d1 .lxmimg{
        width: 100%;
    }

    .productlist .prolidt li:hover p.d1{ border:unset;}
    .productlist .prolidt li:hover p.d1{ width: 100%; height: 195px}
    .productlist .prolidt li:hover p.d1 .lxmimg{ 
        width: 100%%; 
        height: 195px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
    }


    .proshow{
        width: 100%;
    }

    .proshow .left{
        display: block;
        width: 100%;
        height: unset;
    }

    .one_list .item .nums{
        width: 40px;
        height: 40px;
        border-radius: 40px;
        line-height: 40px;
    }
    .proshow .proshowinfo .tel{
        width: unset;
        height: unset;
        padding-left: 30px;
        line-height: 30px;
        margin: 25px 0px;
        background-position: 5px 5px;
        font-size: 18px;
        background-size: 18px;
    }
    .proshow .right,.proshow .proshowinfo .con{
        height: unset;
    }
    .product .prolidt{
        height: unset;
    }
    .product .mySwiper1 .swiper-slide img{
        height: 140px;
    }
    .mySwiper1 div{
        color: #000;
    }
    .proshow .swiper-slide img{
        height: 100%;
    }

    /*// 关于我们*/
    .about .contact{
        height: unset;
    }
    .contact{
        height: unset;
    }
    .about .left{
        display: block;
    }

    .about .contact .left{
        width: 100%;
        margin-right: unset;
        margin-bottom: 2%;
        border-radius: 10px;
    }
    .about .map{
        margin-bottom: 2%;
    }
    .about .map{
        height: 200px;
    }

    .product .mySwiper{
        height: 100px;
    }

    .product .proshow{
        height: unset;
        display: inline-block;
    }
    .indexpro .pro_r .title_pro .text{
        height: 43px;
    }
    .indexpro .pro_r .title_pro a{
        color: #000;
    }
    .floor2 > .center .indexpro{
        height: 340px;
    }
    .probox{
        padding-top:24px;
    }
    .pro>div{
        line-height: 1.4;
    }

    .prolidt li:nth-child(3n){
        margin-right: 2%;
    }

    .header .head .hc-nav-1{
        display: block;
    }
    .dynamic .box .left .dynamic_banner{
        width: 90%;
        height:unset;
    }
    .tap2 .box_index.show{
        width: 98%;
        margin: auto;
    }
    .mySwiper2,.proshow .swiper-slide img{
        width: 100%;
    }

    .proshow .proshowinfo .title{
        line-height: 1.2;
        font-size:18px;
    }

    .proshow .proshowinfo .title{
        white-space:unset;
    }
    .product .right{
        width: 100%;
    }


    /*手机底部*/
    .hot{width:100%; height:58px; position:fixed; bottom:0; left:0; z-index:9999999999999; border-top:solid 2px #fff; background:#fff;}
    .hot span{ color:#fff; font-size:16px; line-height:20px; text-align:center !important;background-size: 20px;
        width: 20px;
        height: 20px;
        display: block;
        text-align: center;
        margin: auto;}
    .hot h6{ font-size:12px; line-height:20px; text-align:center !important;font-weight: initial;}
    .hot .row{margin:0 !important;}
    .hot .row div{padding:0 !important;float: left;}
    .hot .row div a{ display:block; color:#000; padding:7px 0;}
    .hot .row div:hover a{color:#4ab70e;}
    .hot .row .active a{
        color:#4ab70e;
    }
    .col-xs-4{
        width: 25%;
    }
    .hot .span1{
        background-image: url("../images/home.png");
    }
    .hot .row div:hover .span1{
        background-image: url("../images/home1.png");
    }
    .hot .row .active .span1{
        background-image: url("../images/home1.png");
    }

    .hot .span2{
        background-image: url("../images/about.png");
    }
    .hot .row div:hover .span2{
        background-image: url("../images/about1.png");
    }
    .hot .row .active .span2{
        background-image: url("../images/about1.png");
    }
    .hot .span3{
        background-image: url("../images/product.png");
    }
    .hot .row div:hover .span3{
        background-image: url("../images/product1.png");
    }
    .hot .row .active .span3{
        background-image: url("../images/product1.png");
    }
    .hot .span4{
        background-image: url("../images/contact.png");
    }
    .hot .row div:hover .span4{
        background-image: url("../images/contact1.png");
    }
    .hot .row .active .span4{
        background-image: url("../images/contact1.png");
    }


    .position{
        margin: 0px 0px 20px;
        background: url(/template/cuiben/images/home2.png) no-repeat;
        background-size: auto;
        background-size: 20px;
        padding-left: 18px;
        border-bottom: 1px solid #cccccc;
        padding-bottom: 10px;
    }
    .position img{width: 20px;height: 20px;pdiing:3px 0px}
    .position a{color: #9a9696;}
    .position a:not(:first-child){color:#4ab70e}
    .position a{padding: 3px 10px}

    .news .right{
        width: 90%;
    }

    .proshow .d3 .a2{
        display: none;
    }

    .company .right .icons .item{
        margin-right: 25px;
        width: 56px;
    }
    .floor5 .center .company .left img,.floor5 .center .company .left{
        height: unset;
    }

    .product .proshow .right
    {
        width: unset;
    }

    .page .right{
        width: 100%;
    }
}