.show{display: none;}
.product i.show{
    display: none;
}
@media screen and (max-width: 768px) {
    body{ padding-top: 0px; background-color: #FFFFFF;}
    .w{width: 100%}
    .show{display: block;}
    .hide{display: none}

    .headroom {position: inherit;top: 0;left: 0;right: 0;transition: all .5s ease-in-out; z-index: 99999;}
    .headroom--unpinned {top: -200px;}
    .headroom--pinned {top: 0;}

    /*top*/
    .m-top-header{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding: 10px 2%;
        position: relative;
    }
    .m-top-header .logo{
        display: block;
        width: 30%;
        float: left;
    }
    .m-top-header .logo img{
        display: block;
        width: 100%;
    }
    .m-top-header input{
        float: left;
        padding-left: 5px; padding-right: 5px;
        line-height: 26px;
        background: none;
        border: 1px solid #CCCCCC;
        margin-left: 5%;
        border-radius: 50px;
        color: #cccccc;
    }
    .m-top-header .nav-btn{
        float: right;
        width: 8%;
        margin-top: 4px;
        margin-right: 0%;
    }
    .m-top-header .nav-btn img{
        width: 100%;
    }
    .m-top-header .nav{
        position: absolute;
        width: 40%;
        top: 100%; right: 0%;
        background-color: rgba(0,0,0,.8);
        z-index: 9999;
        display: none;
    }
    .m-top-header .nav li{
        padding: 10px 10px;
        border-bottom: 1px solid #434343;
    }
    .m-top-header .nav a{
       color: #FFFFFF;
    }
    /*index-banner*/
    .swiper-pagination span,.swiper-button-prev,.swiper-button-next{  display: none;  }
    .swiper-slide,.swiper-slide img{
        width: 100%;
    }

    /*index-about*/
    .m-about li{
        float: left;
        width: 33.33%;
        padding-left: 30px;
    }
    .m-about li a{
        display: block;
        font-size: 1.4rem;
        line-height: 50px;
        text-align: center;
        color: #3caef2;
        position: relative;
    }
    .m-about li a:before{
        content: "";
        display: block;
        width: 10px; height: 10px;
        background: #3caef2;
        position: absolute;
        top: 20px; left: 6px;

    }
    /*index-about*/
    .product-bg{
        background: url("../images/product-bg.jpg") no-repeat #383531 100% 100%;
        width: 100%; height: auto;
    }
    .product-list{
        width: 100%;
        margin: 30px auto;
    }
    .product-list ul{
        text-align: center;
    }
    .product-list li{
        width: 46%; height: auto;
        display: inline-block;
        /*margin: 5px 6px;*/
        /*background-color: #FFFFFF;*/
    }
    .product-list .img{
        width: 100%; height: auto;
        background: #ffffff;
        position: relative;
    }
    .product-list .img img{
        width: 100%; height: auto;
    }
    .product-more{
        padding: 10px 0 0 0;
    }
    .product-list li:hover .img:before{
        display: none;
    }
    /*index-about*/
    .business-bg .content{
        text-align: center;
    }
    .business-list{
        display: inline-block;
        width: 45%; height: auto;
        float: none;
    }
    /*index-about*/



    /*index-about*/
    .us-bg{
        background: none;
        height: auto;
        padding-bottom: 50px;
    }
    .us-box{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: inherit;
        left: 0%; top: 0%;
        margin-left: 0px;
        width: 100%; height: auto;
        background:none;
        padding-left: 10px;
    }
    .us-box span{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 360px;
        display: block;
        margin: 0 auto;
    }


    .copy{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 10px 20px;
        background-color: #222222;
    }


    /*neiye*/
    .main .tab-btn{
        width: 100%;
        text-align: left;
        margin: 30px auto 30px auto;
        border-bottom: 1px solid #cccccc;
    }
    .main .tab-btn li{
        display: inline-block;
        background-color: #CCCCCC;
        margin: 5px 5px;
        padding: 0 20px;
    }
    .main .tab-btn li.pro{
        padding: 0 6px;
    }
    .main .tab-btn li.li-active{
        background-color: #3caef2;
    }
    .main .tab-btn li a{
        line-height: 28px;
    }
    .main .tab-btn li a.a-active{
        color: #FFFFFF;
    }
    .main .active:before{
        display: none;
    }

    .con p{
        width: 90%;
        margin: 0 auto;
    }		.con p img{        width: 90%;    }
    .con .con-img,.con .con-img img{
        width: 100%;
    }

    .about .honor{
        width: 100%;
        text-align: center;
    }
    .about .honor li{
        width: 80%; height: auto;

    }
    .about .honor li .img{
        width: 100%; height: auto;
    }

    /*neiye-new*/
    .news-box li{
        float: none;
        width: 100%;
        margin: 0px;
        padding: 10px 0;
        border-bottom: 1px solid #8ecdf2;
    }
    .news-box li .img{
        width: 35%; height:auto;
    }
    .news-box li .c{
        width: 60%;
        padding-left: 10px;
    }
    .news-box li .c h1{
        font-size: 1.4rem;
    }
    .news-box li .c h2{
        font-size: 1.2rem;
    }
    .news-box{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0px;
        border-bottom: none;
    }

    /*neiye-prouduct*/
    .prouduct .product-list li{
        margin: 5px 6px;
    }
    .prouduct .product-list .title {
        width: 100%;
        margin: 10px auto 20px auto;
    }
    .product-box{
        text-align: center;
    }
    .product-box .l{
        float: none;
        display: inline-block;
        width: 95%; height: auto;
    }
    .product-box .r{
        float: none;
        display: block;
        text-align: left;
    }
    .con h1{
        padding-left: 2%;
    }
    .product i.hide{
        display: none;
    }
    .product i.show{
        display: block;
    }


    /*us*/
    .contact .con-title h2:before,.contact .con-title h2:after{
        display: none;
    }
    .contact-us{
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding-left: 2%; padding-right: 2%;
        border: none;
    }
    .contact-us span{
        width: auto;
        margin-left: 0%;
        line-height: 24px;
    }
    .contact-erweima{
        width: 95%;
        margin: 0 auto;
        background: #3caef2;
    }
    .contact-erweima img{
        display: block;
        width: 100%;
        margin: 20px auto;
    }
    .contact .message {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        width:95%; height:auto;
        margin: 0px auto;
        padding-left: 0%;
    }
    .contact .message .text {
        width:100%;
        margin: 20px 0;
    }
    .contact .message .text .name,.contact .message .con .name {
        width:20%;
    }
    .contact .message .text .input,.contact .message .con .area {
        width: 70%;
    }
    .contact .message .text .inputtext,.contact .message .con .tarea {
        width: 100%;
    }
    .contact .message .text .btn{
        width: 100%;
    }



    .n-footer .l{
    margin-left: 2%;
}
    .n-footer .r{
        margin-right: 2%;
    }

}