@media(max-width:640px){
    .page-content{
        padding:0
    }
     .page-content img{
        max-width:100%;
        height:auto
    }
     .page-content .content-box .list-content .contactbox .contact-us .row .contact-item .imgbox{
        width:13%
    }
     .page-content .content-box .list-content .contactbox .contact-us .row .contact-item div{
        width:87%
    }
     .page-content .content-box{
        display:unset
    }
     .page-content .content-box .list-content,.page-content .content-box .sidebar-box{
        width:100%;
        padding:0
    }
     .page-content .content-box .list-content .list-box{
        padding:10px
    }
     .page-content .content-box .list-content .list-box .product-item{
        width:100%;
        display:flex;
        flex-wrap:wrap;
        justify-content:space-between
    }
     .page-content .content-box .list-content .list-box .product-item .imgbox,.page-content .content-box .list-content .list-box .product-item .text{
        width:50%
    }
     .page-content .content-box .list-content .product-page .product-item .text{
        padding:10px 5px;
        text-align:left
    }
     .page-content .content-box .list-content .list-box .product-item .imgbox .quote-button{
        top:5px;
        left:5px;
        right:unset;
        padding:5px 10px
    }
     .page-content .content-box .sidebar-box .contactbox .business-swiper{
        height:260px
    }
     .page-content .product-info .auto-container .row .imgbox{
        padding:0
    }
     .page-content .product-info .auto-container .row .imgbox .imagesbox .product-button img{
        margin-top:75%
    }
     .page-content .content-box .list-content > div{
        padding:10px
    }
     .page-content .content-box .list-content .details-box .header span{
        font-size:16px;
        margin-right:0px;
        width:50%;
        line-height:35px;
        padding:0 5px;
        padding-bottom:10px
    }
     .page-content .content-box .list-content > div .header > span.active{
    }
     .page-content .content-box .list-content > div .header > span::after{
        bottom:0
    }
     .page-content .message-box .from .input{
        display:block
    }
     .page-content .message-box .from .input > div{
        width:100%;
        margin-bottom:20px
    }
     .page-content .content-box .list-content .development .swiper .swiper-time .swiper-wrapper{
        width:100%
    }
     .page-content .content-box .list-content .list-box .item-box .textbox{
        font-size:14px
    }
     .page-content .content-box .list-content .development .swiper .swiper-time .time-click,.page-content .content-box .list-content .development .swiper .swiper-time .time-pagination{
        display:none
    }
     .page-content .content-box .list-content .development .swiper .swiper-time{
        height:720px
    }
     .page-content .content-box .list-content .development .swiper .swiper-time .textbox h4{
        font-size:30px;
        margin:10px auto
    }
     .page-content .content-box .list-content .list-box .index-item{
        width:100%
    }
     .page-content .content-box .list-content .list-box .right-item{
        display:flex;
        width:100%;
        margin-top:10px;
        flex-wrap:wrap;
        justify-content:space-between
    }
     .page-content .content-box .list-content .list-box .right-item .item{
        position:relative;
        height:auto;
        width:100%
    }
     .page-content .content-box .list-content .list-box .case-box{
        width:100%
    }
     .page-content .content-box .list-content .case-box{
        padding-top:0;
        padding-bottom:0
    }
     .page-content .content-box .list-content .faq-item .wen .icon{
        width:13%;
        font-size:22px
    }
     .page-content .content-box .list-content .faq-item .wen .title{
        padding:10px;
        font-size:18px
    }
     .page-content .content-box .list-content .row .video-item .imgbox img.video_play{
        opacity:1
    }
     .page-content .content-box .list-content .newpage .item-box{
        width:100%;
        margin:0
    }
     .page-content .content-box .list-content .list-box .item-box .textbox{
        padding:5px
    }
     .page-content .content-box .list-content .list-box .item-box .textbox h3{
        font-size:16px;
        margin-top:10px
    }
     .page-content .content-box .list-content .list-box .item-box .textbox .other img{
        width:15px;
        margin-right:0px
    }
     .page-content .content-box .list-content .list-box .item-box .textbox .other div{
        padding:0;
        font-size:12px
    }
     .page-content .content-box .post-info{
        width:100%;
        padding:10px
    }
     .page-content .content-box .post-info .post-pagination p a{
        font-size:14px
    }
     .IndexVideo .video_list li .cover-img .video_play{
        display:block
    }
     .page-content .message-box .from .submit input{
        font-size:16px
    }
     .page-content .quotatio .quotation-box > div .message-box .from .submit{
        text-align:center
    }
     .page-content .quotatio .row #quotatio-product-list .quotatio-item .action{
        margin-top:20px
    }
     .page-content .quotatio .row #quotatio-product-list .quotatio-item .text{
        margin:5px 10px
    }
     .page-content .content-box .list-content .video-page .video-item .textbox div{
        margin:0
    }
     .page-content .content-box .list-content .download-item{
        padding:0
    }
     .page-content .content-box .list-content .download-item .textbox{
        margin-top:10px;
        padding-bottom:25px
    }
     .page-content .content-box .list-content .textbox .downloadbutton a{
        padding:10px
    }
     .page-content .content-box .list-content .download-item .textbox > .time,.page-content .content-box .list-content .download-item .textbox > .download{
        width:50%
    }
     .page-content .content-box .list-content .download-item .textbox > .downloadbutton{
        width:50%;
        margin-top:25px
    }
     .page-content .content-box .sidebar-box .category-box .category-item p a{
        padding:15px
    }
     .page-content .content-box .list-content .list-box .right-item .item:nth-child(2){
        margin-top:10px
    }
     .page-content .content-box .list-content .list-box .product-item .text .remark{
        display:none
    }
     .page-content .content-box .list-content .about-info h1,.page-content .content-box .list-content > div .header h1{
        font-size:30px !important
    }
     .page-content .content-box .list-content .factory-box .factory-swiper{
        width:80%
    }
     .page-content .content-box .list-content .factory-box .swiper .factory-button{
        width:7%
    }
     .page-content .content-box .list-content .factory-box .swiper .factory-button img{
        margin-top:70%
    }
     .page-content .content-box .list-content .contactbox .contact-us{
        padding:0px 15px
    }
     .page-content .content-box .list-content .list-box .product-item .text h3{
        -webkit-line-clamp:3
    }
     .section_product .category_body{
        margin-top:20px
    }
     .page-content .content-box .list-content .list-box .product-item .text .row{
        background:unset;
        width:100%;
        padding:0
    }
     .page-content .content-box .list-content .certifcate-list .certifcate-item .imgbox img,.page-content .content-box .list-content .list-box .product-item .text .row > div{
        padding:0
    }
     .page-content .content-box .list-content .list-box .product-item .text .row span img{
        width:15px
    }
     .page-content .content-box .sidebar-box .contactbox .business-swiper .row{
        padding-top:10px
    }
     .page-content .content-box .sidebar-box .contactbox .business-swiper .row div img.business-logo{
        width:80%
    }
     .page-content .content-box .list-content .contactbox .contact-us .row .contact-item{
        margin-bottom:10px
    }
     .swiper-container-horizontal > .swiper-pagination-progress{
        top:unset;
        bottom:0
    }
     .swiper-pagination-progress .swiper-pagination-progressbar{
        background:#eb6400
    }
     .page-content .content-box .list-content > div .header{
        padding:15px 0;
        display:flex;
        flex-wrap:wrap
    }
     .page-content .content-box .list-content .relation .swiper-relation .swiper-slide .row div span img{
        width:12px
    }
     .footer .foot_add{
        width:100%
    }
     .friends_links > div > div > div{
        width:33.333%
    }
     .page-content .content-box .list-content .faq-item .da{
        padding-left:50px;
        padding-right:10px
    }
     .page-content .content-box .post-info .header>h1,.page-content .product-info .auto-container .row .textbox>h1{
        font-size:22px
    }
     .inside-pagination ul li a{
        padding:5px
    }
}
