@media (max-width:768px){
    .container{
        width:96%;
    }
    .floatBox,
    .headContact,.floatBar{
        display: none;
    }
    .daohang{
        display: block;
    }
    .sub-contact-info,
    .flex,
    .footer,
    .aboutlist,
    .flexBetten{
        flex-wrap: wrap;
    }
    .footer-box1,
    .footer-box2,
    .footer-box3{
        width:100%;
        padding-right: 0;
    }
    .sub-contact-map iframe,
    .about-img,
    .about-info{
        width:100%;
    }
    .aboutlist .item{
        width:calc(100%/3);
        padding:10px 5px;
    }
    .sub-caselist .item,
    .sub-caselist .item:nth-of-type(3n),
    .skxtlist .skxt-item:nth-of-type(3n),
    .skxtlist .skxt-item,
    .product-list .pro-item:nth-of-type(3n),
    .product-list .pro-item,
    .news-item:nth-of-type(3n),
    .news-item{
        width:calc(50% - 5px);
        margin-right: 10px;
    }
    .sub-caselist .item:nth-of-type(2n),
    .skxtlist .skxt-item:nth-of-type(2n),
    .product-list .pro-item:nth-of-type(2n),
    .news-item:nth-of-type(2n){
        margin-right: 0;
    }
    .navbar{
        display: none;
    }
    .aboutlist .item .tit{
        font-size:26px;
    }
    .aboutlist .item .des{
        margin-top: 8px;
        font-size:12px;
    }
    .about-title .title{
        font-size:23px;
    }
    .main-title .smtit,
    .about-title .smtit{
        font-size: 15px;
    }
    .about-info,.main-title .smtit{
        margin-top: 0;
    }
    .aboutCont{
        margin-top: 15px;
    }
    .about-more,.about-img, .aboutlist,
    .case .owl-theme .owl-controls{
        margin-top: 20px;
    }
    .about-des{
        font-size:16px;
        line-height: 1.8;
    }
    .fluid{
        padding:40px 0;
    }
    .sub-title,
    .main-title{
        margin-bottom: 20px;
    }
    .news-item a .time{
        height: 70px;
    }
    .news-item a .time .md{
        font-size:26px;
        line-height: 1.3;
    }
    .news-item a .info{
        padding:55px 12px 15px;
        height: 160px;
    }
    .news-item a .info .des{
        margin-top: 5px;
    }
    .footer-fluid{
        padding-top: 40px;
    }
    .ewmBox{
        margin-top: 8px;
    }
    .footer-box2 .title, .footer-box3 .title{
        margin-bottom: 10px;
    }
    
    .protitlist{
        margin-bottom: 20px;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .protitlist a{
        width:48%;
        margin:0 0 5px 0;
        padding:0 8px;
        border-radius: 5px;
        line-height: 30px;
        font-size:15px;
    }
    .product-list .pro-item{
        margin-bottom: 15px;
    }
    .skxtlist .skxt-item .info, .product-list .pro-item .info{
        padding:0 5px;
    }
    .skxtlist .skxt-item .info .title, .product-list .pro-item .info .title{
        font-size: 14px;
        line-height: 35px;
    }
    .skxt-fluid,
    .product-fluid{
        padding-bottom: 20px;
    }
    .main-title .title{
        font-size:25px;
    }
    .languageBox{
        display: flex;
        align-items: center;
    }
    .languageBox .daohang{
        margin-right: 30px;
    }
    .languageBox .daohang i.iconfont{
        font-size: 30px;
    }
    .header-fluid{
        position: relative;
    }
    .navbar{
        position: absolute;
        top:100%;
        left:0;
        width:100%;
        z-index:199;
        background:#f8f8f8;
        border-top: 1px solid #ddd;
    }
    .navbar .nav>ul>li{
        width:100%;
        border-bottom: 1px solid #ddd;
        margin-right: 0;
    }
    .navbar .nav>ul>li>a{
        line-height: 45px;
        font-size: 15px;
        padding:0;
    }
    .header-fluid{
        padding-top: 40px;
    }
    .languageBox{
        position: absolute;
        top:0;
        left:0;
        width:100%;
    }
    .header{
        padding:5px 0;
    }
    .header .logo img{
        height: 50px;
    }
    .header .language{
        height: 38px;
    }
    .header .language>a{
        font-size:15px;
        margin:0;
        width:50%;
        justify-content: center;
    }
    .header .language>a:first-of-type{
        border-right: 1px solid #eee;
    }
    .header .language a img{
        width:26px;
        height: 26px;
    }
    .header .language{
        width:100%;
        flex-direction: initial;
        align-items: center;
        justify-content: center;
        border-bottom: 1px solid #eee;
    }
    .daohang i.iconfont{
        font-size: 25px;
    }
    .sub-banner{
        height: 200px;
    }
    .sub-banner .img img{
        height: 100%;
    }
    .menu .l .title{
        line-height: 37px;
        font-size: 16px;
    }
    .menu .l .title::after{
        height: 20px;
    }
    .menu .r .crumb{
        font-size:13px;
    }
    .sub-wraper-fluid{
        padding:45px 0;
    }
    .sub-title .title{
        font-size:22px;
    }
    .sub-content{
        font-size:15px;
    }
    .sub-caselist .item .info .title{
        font-size:14px;
        text-overflow: ellipsis;
        width:100%;
        overflow: hidden;
        white-space: nowrap;
    }
    .sub-swapper-title h1{
        font-size:22px;
    }
    .footer-bottom{
        padding-bottom: 60px;
    }
    .bottom-fluid{
        display: block;
    }
}