@media screen and (max-width: 767px){
    .w1002{width: 100%;margin: 0 auto;}
    .w1500{width: 100%;margin: 0 auto;}
    header{
        padding: 10px;
        background: #ffffff;
        /* position: fixed;
        top: 0;
        left: 0;
        width: 100%; */
    }
    header .logo{
        width: auto;
        height: 30px;
    }
    header .phone{
        display: none;
    }
    header .more{
        display: block;
        font-size: 20px;
        color: #302A2A;
    }
    section{
        background: #fff;
    }
    nav {
        border: none;
    }
    header,section{
        position: relative;
        z-index: 10
    }
    nav .flcen{
        flex-direction: column;
        position: fixed;
        top: 0;
        left: 0;
        width: 70%;
        height: 100%;
        background: #FAFAFA;
        z-index: 0;
        justify-content: flex-start;
    }
    nav .flcen::before{
        content: " ";
        min-height: 50px;
        height: 50px;
        line-height: 50px;
        display: block;
    }
    nav .flcen a{
        font-size: 12px;
        display: block;
        border-top: 1px solid #EBEBEB;
        min-height: 50px;
        height: 50px;
        line-height: 50px;
        color: #b3b3b3;
        width: 100%;
        text-align: left;
        padding: 0 25px;
    }
    .banner_box {
        width: 100%;
        height: 190px;
    }
    .banner_box img {
        width: 100%;
        height: 100%;
    }
    .swiper_pro_box1{
        display: none;
    }
    .media_four{
        display: block;
    }
    .title>a{
        display: none;
    }
    .title{
        justify-content: center;
    }
    .pd_10 {
        padding: 10px;
        display: flex;
        flex-direction: column;
    }
    .there_1,.there_2,.there_3{
        width: 100%;
        border-right: none;
        margin-right: 0;
        padding-right: 0;
    }
    .there_1{
        background: #F8F8F8;
        padding: 30px 0;
    }
    .there_3{
        background: #F8F8F8;
        padding: 30px 0;
    }
    .there_1 .main img{
        width: 100%;
        height: auto;
    }
    .duo2{
        display: none;
    }
    .duo{
        display: block;
        width: 40%;
        background: #428fef;
        color: #fff;
        font-size: 14px;
        text-align: center;
        padding: 7px 0;
        margin: 10px auto;
    }
    .there_2 .main .news1{
        display: none;
    }
    .there_2 .main .news2{
        width: 100%;
    }
    .there_3 .main{
        padding-left: 10px;
    }
    .f1{
        display: none!important;
    }
    .f2{
        display: none;
    }
    .f3{
        width: 100%!important;
    }
    .f3 span:nth-child(2){
        display: none;
    }
    .left_prolist{
        display: none;
    }
    .right_main{
        width: 100%;
    }
    .right_main .top{
        display: none;
    }
    .right_main .title{
        display: block;
        text-align: center;
        margin-top: 15px;
    }
    .right_main .about_us_main{
        flex-direction: column;
    }
    .right_main .products_main .pro_item{
        width: 46%;
        margin: 2%;
    }
    .right_main .products_main .pro_item img{
        width: 100%;
        height: auto;
    }
    .right_main .honor_main .hon_item{
        width: 46%;
        margin: 2%;
    }
    .right_main .honor_main .hon_item img{
        width: 100%;
        height: auto;
    }
    .right_main .sale_main .namename {
        display: block;
    }
    .right_main .feedback_main form>div span{
        width: 30%;
    }
    .right_main .feedback_main form>div .border{
        width: 60%;
    }
    .right_main .contact_main>div p{
        width: 45%;
    }
    .right_main .contact_main>div p a{
        width: 100%;
    }
    .right_main .contact_main>div img{
        width: 50%;
        height: auto;
    }
}