.mobile {
    display: none;
}

.pc {
    display: block;
}

@media (max-width:640px) {
    .productNav,
    .sub-navlist,
    .navbar .nav>ul,
    .about{
        flex-wrap: wrap;
    }
    .fluid{
        padding:35px 0;
    }
    .main-title .title{
        font-size:25px;
    }
    .main-title .line{
        width:42px;
    }
    .navbar .nav>ul>li,
    .news-list .news-item,
    .about-img,
    .about-info,
    .footer .foot-type{
        width:100%;
        padding-left: 0;
    }
    .navbar .nav>ul>li:hover .subnav,
    .foot-type,
    .navbar .nav>ul>li>a::after,
    .pc,
    .floatBox,
    .top .fl .top_txt,
    .top .fr,
    .nav-fluid{
        display: none;
    }
    .bottoming{
        display: flex;
    }
    .daohang,
    .mobile{
        display: block;
    }
    .container{
        width:96%;
    }
    .navbar{
        width:100%;
    }
    .daohang i.iconfont{
        font-size:20px;
    }
    .product-list .pro-item{
        width:calc(50% - 5px);
        margin-right: 10px;
    }
    .product-list .pro-item:nth-of-type(2n){
        margin-right: 0;
    }
    .about-info{
        padding-left: 0;
        padding-top: 10px;
    }
    .MORE{
        margin-top: 25px;
    }
    .MORE a{
        font-size:15px;
        width:140px;
        line-height: 35px;
    }
    .main-title{
        margin-bottom: 35px;
    }
    .news-item a .news-img{
        width:140px;
    }
    .news-item a .news-info{
        width:calc(100% - 140px);
        padding-left: 10px;
    }
    .productNav{
        margin-bottom: 30px;
    }
    .footer .footr{
        padding-left:0;
        width:100%;
        margin-top: 10px;
    }
    .footer-ewm{
        width:110px;
        margin:0 auto;
    }
    .footer .foot-type .tit{
        margin-top: 10px;
        margin-bottom: 5px;
    }
    .footer .foot-type ul li{
        width:calc(100%/3);
    }
    .footer .foot1 h3{
        padding:5px 0;
    }
    .news-item a .news-info .news-title{
        font-size:15px;
    }
    .news-item a .news-info .news-des{
        line-height: 20px;
        -webkit-line-clamp:2;
        height:40px;
    }
    .news-item a .news-info .news-more{
        width:70px;
        line-height: 24px;
        margin-top: 8px;
        font-size:12px;
    }
    .news-list .news-item{
        margin-bottom: 15px;
    }
    .about-info .about-title{
        font-size:20px;
    }
    .about-info .about-des{
        font-size:15px;
    }
    .honor #honor{
        padding:0 35px;
    }
    .honor .owl-theme .owl-controls .owl-nav div{
        width:30px;
        height: 30px;
        font-size:17px;
        line-height: 30px;
    }
    .honor .item a{
        padding:5px;
    }
    .pro-item a .info{
        padding:5px;
    }
    .pro-item a .info .title{
        font-size:16px;
    }
    .top-fluid{
        position: fixed;
        top:0;
        left:0;
        width:100%;
        background:#fff;
        padding:0;
        box-shadow: 0 1px 5px #ddd;
        z-index:10;
    }
    .top{
        padding:0;
        height: 45px;
    }
    .top .fl .logo img{
        height: 28px;
    }
    .banner-mobile{
        margin-top:45px;
    }
    .nav-fluid{
        position: fixed;
        top:45px;
        left:0;
        width:100%;
        padding: 10px 0;
        background:#fff;
        z-index:10;
        box-shadow: 0 5px 10px #ddd;
    }
    .navbar .nav>ul>li>a{
        font-size:15px;
        line-height: 32px;
    }
    .sub-wraper-fluid{
        margin-top: 45px;
        padding-top:100px;
        padding-bottom: 40px;
        background-size: 125%;
    }
    .sub-wraper{
        padding:14px;
    }
    .crumbs{
        padding:0;
    }
    .sub-service, .sub-detail{
        padding-top: 20px;
    }
    .sub-title{
        margin-bottom: 20px;
    }
    .sub-title h2{
        font-size:22px;
    }
    .sub-content{
        font-size:15px;
        line-height: 1.8;
    }
    .footer-fluid{
        padding:30px 0;
    }
    .footerBottom-fluid{
        padding-bottom: 64px;
    }
    .productNav a,
    .sub-navlist a{
        font-size:15px;
        width:48%;
        margin:5px 1%;
        line-height: 32px;
    }
    .productNav a{
        background:#f8f8f8;
        border:1px solid #ddd;
    }
    .sub-navlist{
        padding:20px 0;
    }
    .crumbs{
        font-size:14px;
    }
    .pages{
        margin-top: 10px;
        margin-bottom: 0;
    }
    .honor-item{
        width:calc(50% - 5px);
        margin-right: 10px;
    }
    .honor-item:nth-of-type(2n){
        margin-right: 0;
    }
    .sub-contact-list .item{
        padding:5px;
        width:100%;
    }
    .sub-contact-box .sub-contact-title{
        font-size:20px;
        margin-bottom: 15px;
    }
    .sub-contact-list .item .icon i.iconfont{
        font-size:55px;
    }
    .sub-contact-list .item p{
        font-size:16px;
    }
    .pro-item a .info .sm-tit{
        color:#666;
    }
    .footer .foot1 p{
        line-height: 26px;
    }
    .navbar .nav>ul>li>a:hover::before{
        height: 0;
    }
}

@media (max-width:330px) {
    
}