@charset "UTF-8";
@media(max-width:768px) {
    .head .row {
        padding-top: 10px;
    }
    .head .row .col-4,.head .top ,.nav_bar{
        display: none;
    }
    .head .row .col-3 {
        width: 50px;
        height: 50px;
        background: url(../img/menu.png)no-repeat center;
    }
    .head .nav1>li {
        width: 100%;
        font-size: 14px;
        border-bottom: 1px solid #0062cc;
    }
    .head .nav1>li a {
        width: 50%;
        margin: 0 auto;
    }
    .head .nav1>li a span {
        width: 20%;
        float: right;
    }
    .head .row .col-9 div {
        margin: 0;
    }
    .pro{padding: 10px 0;}
    .pro .p-nav h3{padding: 10px 0;}
    .pro .p-nav ul{height: auto;}
    .pro .p-nav li{width: 50%;float: left;}
    .head .nav1{height: 100%;overflow: hidden;display: none;}
    .head .nav1.on{display: block;}
    .youshi, section{padding: 10px 0;}
    .head .col-9{margin: 10px 0;}
    .head .col-9>a{height: 50px;background: url(../img/m-logo.jpg)no-repeat center/cover;width: 100%;}
    .head .row .col-9 div p{font-size: 15px;}
    .head .row .col-9 div span{font-size: 12px;}


    .youshi .on{padding-top: 0;}
    .youshi .on>div{width: 80%;}
    .youshi .on>div p{font-size: 14px;line-height: 25px;margin-top: 0;}
    .about .row .col-md-9 p{ display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 6;}


    .news ul{padding-left: 0;}

    .foot .col-md-4 img{display: block;margin: 0 auto;}


    .product .u1>li{width: 50%;float: left;}
    .p-article .container{padding: 0;font-size: 14px;}
    .p-article h1+p{line-height: 25px;}
    .p-article h1{font-size: 18px;}


    /* start */
    .pro .p-nav,.pro .con{width: 100%;}
    .youshi .on>p{font-size: 30px;}
    .guanyu .text h4, .share h4,.guanyu .num span,.youshi .on>div h5,.xinwen .right .img span{font-size: 22px;}
    .guanyu .text p{font-size: 16px;}
    .pro .p-nav li a,.xinwen .l-btn span,.xinwen .right .img p,.product .p-con .col-md-4 a{font-size: 14px;}
    .guanyu .box{padding: 10px;}
    .pro .p-nav .tel{padding-top: 10px;}
    .pro .p-nav .tel{padding-bottom: 10px;}
    .xinwen .l-btn span{padding-left: 10px;}
    .xinwen .l-btn span{padding-right: 10px;}

    .guanyu .text a,.xinwen .l-btn,.xinwen .box{margin-top: 10px;}
    .xinwen .l-btn span{margin-right: 5px;}
    /* end */

    .pro .con .list a img,.product .p-con .col-md-4 img{height: 90px;}
    .xinwen .left img{height: 130px;}
    .head .nav2{position: static;}
    .head .nav1>li{line-height: 50px;}
}