.web_head .head-search .btn--search {
    top: 50%;
    transform: translateY(-50%);
}

.index_featured .hd_title, .index_product .hd_title{
    text-align: center;
}

.web_head .head-search {
    border-bottom: 0;
}

@media screen and (max-width: 1440px) {
    .web_head .head_nav>li {
        margin: 0;
    }
    .index_news .news_tit {
        -webkit-line-clamp: 3;
    }
}

@media screen and (max-width: 1366px) {
    .index_news .news_tit {
        -webkit-line-clamp: 2;
    }
}

@media screen and (max-width: 1200px) {
    .web_head .head_nav>li>a {
        font-size: 14px;
    }
    .mySwiper {
        display: none;
    }
    .pro-desc .pro-info {
        width: calc(50% - 20px);
    }
    .mySwiper2 {
        width: 100%;
    }
    .pro-desc .pro-img {
        width: 50%;
    }
}

@media screen and (max-width: 1080px) {
    .web_head .head_nav>li>a {
        padding: 0 20px;
    }
    .web_head .nav_wrap {
        padding: 0; 
    }
    .news-item .news-info {
        width: calc(50% - 20px);
    }
    .news-item .news-img {
        width: calc(50%);
    }
}

@media screen and (max-width: 768px) {
    .index_cont_info {
        margin-bottom: 30px;
    }
    .index_cont_info, .index_cont_img {
        width: 100%;
    }
    .index_cont_ {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .index_cont_txt {
        width: 49%;
    }
    .index_featured .product_item {
        width: 49%;
    }

    .foot_contact_list li {
        width: 50%;
        margin-bottom: 30px;
    }
    .foot_about_item {
        justify-content: flex-end;
    }
    .foot_pro_item {
        justify-content: flex-start;
    }
    .abo-cont .abo-txt, .abo-cont .abo-img {
        width: 100%;
    }
    .abo-cont .abo-txt {
        transform: translateX(0);
        box-shadow: 0px 0 20px #eee;
    }
    .inner-list .inner-item {
        width: 49%;
    }
    .pro-list .pro-item {
        width: 49%;
    }
    .pro-desc .pro-info {
        width: 100%;
    }
    .pro-desc .pro-img {
        width: 100%;
    }
    .news-item .news-info {
        width: 100%;
    }
    .news-item .news-img {
        width: calc(100%);
    }
    .touch-item {
        width: 49%;
    }
}
@media screen and (max-width: 640px) {
    .index_cont_txt {
        width: 100%;
    }
    .page a {
        margin: 0 5px;
        width: 40px;
    }
}
@media screen and (max-width: 480px) {
    .index_featured .product_item {
        width: 100%;
    }
    .foot_contact_list li {
        width: 100%;
    }
    .foot_contact_list li {
        justify-content: flex-start;
    }
    .web_footer .layout {
        padding: 0 20px;
    }
    .pro-list .pro-item {
        width: 100%;
    }
    .touch-item {
        width: 100%;
    }
}