@media screen and (min-width:768px) and (max-width:1200px) {
    .container {
        width: 100%;
    }

    .search_box{
        right: 0;
    }

    .container_1 {
        width: 100%;
    }

    .search_btn1 #keywords {
        width: 75%;
    }

    .container_2 {
        width: 100%;
        margin: 50px auto;
        overflow: hidden;
    }

    .swiper_slide {
        width: 100%;
        height: 400px;
        position: absolute;
    }

    .select_list{
        width: calc(100% - 100% / 6);
        padding: 0 calc(100% / 12);
        font-size: 20px;
    }

    .select_list .hidden {
        height: 24px;
        padding: 24px 0;
    }
    
    .select_list .show {
        height: 40px;
        padding: 24px 0;
    }

    .btn_left{
        left: calc(100% / 12 - 30px);
    }

    .btn_right{
        right: calc(100% / 12 - 30px);
    }

    .banner{
        width: 100%;
    }

    .show_container {
        width: 100%;
        margin: 0 auto;
        margin-top: 50px;
        position: relative;
        font-size: 1rem;
    }

    .show_list{
        width: 100%;
    }

    .show_left {
        font-size: 1.75rem;
        padding: 10px 10px;
    }

    .footer_container {
        width: 100%;
        margin: 0 auto;
    }

    .footer_top {
        width: 100%;
        /* height: 100px; */
        padding: 20px 0;
        margin: 0 auto;
    }

    .top_body {
        height: 48px;
    }

    .icon_center {
        height: 48px;
        line-height: 48px;
    }

    .address_icon img {
        height: 40px;
    }

    .e_mail_icon img {
        margin-top: 14px;
        height: 20px;
    }

    .more_icon img {
        margin-top: 10px;
        height: 20px;
    }

    .more_app a img {
        width: 32px;
        padding: 8px 3px;
        float: right;
        margin-top: 0px;
    }

    /* .phone {
        float: left;
        width: 35%;
    }
    
    .phone_icon {
        margin-right: 0px;
    }

    .setting {
        float: left;
        width: 65%;
    } */


    .pro_bottom {
        /* float: left;
        width: 100%;
        padding: 20px 0; */
        height: 30px;
        /* position: absolute; */
    }

    .pro_number {
        /* float: left;
        width: 50%; */
        font-size: 24px;
        line-height: 24px;
    }

    .pro_icon_2,
    .pro_icon_1 {
        /* float: right; */
        width: 30px;
        height: 30px;
        margin-left: 10px;
        /* background: #fddb35;
        position: relative; */
    }

    .pro_icon_1 img{
        width: 70%;
    }
    
    .pro_icon_2 img{
        width: 40%;
        /* height: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); */
    }
}