@media  (min-width:1024px){
    .service_page .service_item .infomation .text > div {
        /*margin-bottom: 10px;*/
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
    .service_page .service_item .infomation .text .title a{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    
}

@media  (max-width:1460px){
    .service_page .service_item{
        width: 90%;
        margin: 0 auto;
    }
    footer .link-contact dd{
        padding-right: 50px;
    }
    footer .link-contact .dd-addr{
        max-width: 500px;
    }
}
@media  (max-width:1200px){
    .about-customers .swiper-about-customers .swiper-slide .imgbox img{
        -webkit-filter: grayscale(0%);
        filter: grayscale(0%);
    }
    .case_list_box .case_list .case_item{
        width: 49%;
    }
    .post_infomation{
        padding: 40px 0;
    }
    .post_infomation .auto-container .left .other-post > div > a div:last-child{
        width: 91%;
    }
    .advantage-page .advantage-list .advantage-item{
        width: 48%;
    }
    .service_page .service_item .infomation .imgbox,
    .service_page .service_item .infomation .text{
        width: 100%;
    }
    .service_page .service_item .infomation .imgbox{
        margin-bottom: 20px;
    }
    .service_page .service_item .infomation{
        width: 75%;
        padding: 20px;
    }
    .service_page .service_item .icon{
        width: 25%;
    }
    .footerinner .nav_links a{
        margin-right: 30px;
    }
    footer .link-contact dd{
        margin-right: 40px;
    }
    footer .link-contact .dd-addr {
        max-width: 360px;
    }
    .navbtn{
        display: none;
    }
}
@media  (max-width:900px){
    .navbtn{
        display: block;
    }
    .about-content{
        margin: 50px auto;
    }
    .about-content .left{
        width: 100%;
    }
    .about-content .left .content-title{
        margin-bottom: 30px;
    }
    .about-content .right {
        width: 100%;
    }
    .about-content .right .about-item-box{
        padding-top: 30px;
    }
    .about-customers{
        padding: 10px 0;
    }
    .about-customers .swiper-about-customers{
        margin: 40px 0 0 0;
        padding-bottom: 50px;
    }
    .about-company .swiper-about-company{
        padding-bottom: 50px;
    }
    .about-company{
        padding: 20px 0;
    }
    .post_infomation .auto-container .left{
        width: 100%;
    }
    .post_infomation .auto-container .left .other-post > p{
        height: 55px;
    }
    .post_infomation .auto-container .right{
        margin-top: 30px;
        width: 100%;
    }
    .pull-left{
        float: unset !important;
    }
    .news_list_box .news_list .news_item .textbox .icon{
        margin: 10px 0;
    }
    .news_list_box .news_list .news_item .textbox{
        padding: 0 4%;
    }
    .news_list_box .news_list .news_item .textbox a h4{
        margin-top: 25px;
    }
    .news_list_box .news_list .news_item .textbox .remark{
        margin: 20px 0;
    }
    .contact_box .auto-container div .header{
        margin-bottom: 30px;
    }
    .contact_box .auto-container .left{
        width: 100%;
        padding: 0;
    }
    .contact_box .auto-container .right{
        width: 100%;
    }
    .contact_box .auto-container .left .business_box .business-list .business{
        width: 80%;
    }
    .contact_box .auto-container .left .business_box .business-list .business .wechact .ewm{
        display: block;
    }
}
@media  (max-width:640px){
    .inside-pagination{
        padding: 0;
        margin-top: -25px;
    }
    .inside-pagination ul li{
        font-size: 16px;
        padding: 3px 10px;
    }
    .inside-pagination ul li.pre-page, 
    .inside-pagination ul li.next-page {
        padding: 3px 5px;
    }
    /*.inside-pagination ul li.pre-page a img, */
    /*.inside-pagination ul li.next-page a img{*/
    /*    -webkit-filter: grayscale(100%);*/
    /*    filter: grayscale(100%) brightness(10000%);*/
    /*}*/
    .page-banner{
        margin-top: 50px;
    }
    .about-content{
        margin: 15px auto;
    }
    .about-content .left .content-title{
        font-size: 36px;
        margin-bottom: 15px;
    }
    .about-content .left .content *{
        font-size: 16px;
    }
    .about-content .left .content h1, 
    .about-content .left .content h2, 
    .about-content .left .content h3, 
    .about-content .left .content h4, 
    .about-content .left .content h5, 
    .about-content .left .content h6 {
        font-size: 20px;
    }
    .about-content .right .about-item-box > div{
        padding: 0 3%;
    }
    .about-content .right .about-item-box > div .imgbox{
        max-width: 50px;
    }
    .about-content .right .about-item-box > div strong{
        font-size: 26px;
    }
    .about-header-block{
        width: 95%;
    }
    .about-header-block .title-block{
        margin: 20px 0;
        font-size: 24px;
    }
    .case_list_box{
        padding: 30px 0;
    }
    .case_list_box .header .title{
        font-size: 30px;
        margin-bottom: 10px;
    }
    .case_list_box .header p{
        font-size: 16px;
    }
    .case_list_box .case_list{
        margin-top: 25px;
    }
    .case_list_box .case_list .case_item{
        width: 100%;
    }
    .case_list_box .case_list .case_item .textbox{
        padding: 20px;
    }
    .case_list_box .case_list .case_item .textbox .remark{
        margin: 10px auto;
    }
    .post_infomation .auto-container .left .infomation{
        padding: 10px;
    }
    .post_infomation .auto-container .left .infomation .header .title{
        font-size: 24px;
    }
    .post_infomation .auto-container .left .other-post > div > a div {
        padding-top: 3px;
    }
    .post_infomation .auto-container .left .other-post > div > a div:first-child{
        width: 30px;
        height: 30px;
    }
    .post_infomation .auto-container .left .other-post > div > a div:last-child{
        width: 87%;
        font-size: 16px;
    }
    .post_infomation .auto-container .left .other-post > p a{
        font-size: 16px;
    }
    .post_infomation .auto-container .left .infomation .content iframe,
    .page .content iframe{
        height: 60vw;
    }
    .post_infomation .auto-container .left .other-post > p{
        height: 44px;
    }
    .news_list_box{
        padding: 30px 0;
    }
    .news_list_box .header .title{
        font-size: 30px;
        margin-bottom: 10px;
    }
    .news_list_box .header p{
        font-size: 16px;
    }
    .news_list_box .news_list{
        margin-top: 25px;
    }
    .news_list_box .news_list .news_item .imgbox{
        width: 100%;
    }
    .news_list_box .news_list .news_item .textbox{
        width: 100%;
        padding: 0;
    }
    .news_list_box .news_list .news_item .textbox .icon {
        margin: 20px 0;
    }
    .news_list_box .news_list .news_item .textbox a h4{
        font-size: 18px;
        margin-top: 25px;
    }
    .news_list_box .news_list .news_item .textbox .remark{
        margin: 10px 0 20px 0;
    }
    .news_list_box .inside-pagination{
        margin-top: 25px;
    }
    .contact_box .auto-container{
        margin: 0px auto;
    }
    .contact_box .auto-container .left .infomation .p_row .imgbox{
        width: 8%;
    }
    .contact_box .auto-container .left .infomation .p_row .text{
        width: 90%;
    }
    .contact_box .auto-container .left .infomation .p_row .text a{
        font-size: 16px;
    }
    .contact_box .auto-container .left .business_box .header hr{
        width: 75%;
    }
    .contact_box .auto-container .left .business_box .business-list .business{
        width: 100%;
    }
    .contact_box .auto-container .left .business_box .business-list .business .content .imgbox,
    .contact_box .auto-container .left .business_box .business-list .business .content .info{
        width: 100%;
        text-align: center;
    }
    .contact_box .auto-container .left .business_box .business-list .business .content .imgbox img{
        max-width: 100px;
    }
    .contact_box .auto-container .left .business_box .business-list .business .wechact{
        padding-top: 25%;
    }
    .contact_box .auto-container .left .business_box .business-list .business .wechact .ewm{
        display: none;
        top: 20%;
        left: -150px;
    }
    .contact_box .auto-container .left .business_box .business-list .business .wechact .ewm span{
        right: -13%;
        left: unset;
        transform: rotate(180deg);
    }
    
    .contact_box .auto-container .right .frombox .input-item{
        margin: 0;
    }
    .contact_box .auto-container .right .frombox .input-item .lable,
    .contact_box .auto-container .right .frombox .input-item .input{
        width: 100%;
    }
    .contact_box .auto-container .right .frombox .input-item .input > *{
        padding: 15px 10px;
        border-radius: 15px;
    }
    .advantage-page{
        padding: 40px 0;
    }
    .advantage-page .header .title{
        font-size: 26px;
        margin-bottom: 10px;
    }
    .advantage-page .advantage-list{
        margin: 20px 0;
        padding: 0;
    }
    .advantage-page .advantage-list .advantage-item{
        width: 100%;
    }
    .advantage-page .contact_us .buttonbox{
        height: 75%;
    }
    .advantage-page .contact_us .buttonbox p{
        font-size: 16px;
        margin-bottom: 20px;
    }
    .advantage-page .contact_us .buttonbox a{
        font-size: 14px;
        padding: 10px 20px;
    }
    .service_page{
        margin-top: 20px;
    }
    .service_page .header .title{
        font-size: 30px;
        margin-bottom: 10px;
    }
    .service_page .header p{
        font-size: 16px;
    }
    .service_page .service_item,
    .service_page .service_item .infomation{
        width: 100%;
    }
    .service_page .service_item .icon{
        display: none;
    }
    .service_page .service_item .infomation .text .title{
        font-size: 16px;
    }
    .service_page .service_item .infomation .text .title a{
        font-size: 20px;
    }
    .service_page .bottom_menu .menu_item{
        width: 100%;
        margin-bottom: 1%;
    }
    .service_page .bottom_menu .menu_item .button{
        width: 100%;
        height: 90px;
    }
    .service_page .bottom_menu .menu_item .button p{
        font-size: 24px;
        margin-bottom: 15px;
    }
    .service_page .bottom_menu .menu_item .button span{
        padding: 11px 10px;
    }
    .page .header{
        font-size: 24px;
    }
    .search_page{
        padding: 0;
    }
    .search_page .search_item .imgbox,
    .search_page .search_item .textbox{
        width: 100%;
    }
    .search_page .search_item .textbox{
        padding: 10px;
    }
}