@media screen and (max-width:768px) {

    .container {
        width: 100%;
    }

    .container_1 {
        width: 100%;
    }

    .nav_menu {
        position: fixed;
        top: -100%;
        left: 0;
        background-color: #fff;
        box-shadow: 0 8px 16px rgb(20, 22, 24);
        width: 100%;
        padding-top: 2.5rem;
        padding-bottom: 2rem;
        transition: top .4s;
        z-index: 30000;

        /* display: none; */
    }


    /* .nav_list {
        display: left;
        width: 100%;
    } */

    .nav_item {
        /* display: table-row;
        vertical-align: middle; */
        display: left;
        width: 100%;
    }

    .nav_actions {
        float: right;
        width: 16%;
        text-align: center;
    }

    .nav_toggle {
        display: block;
        float: right;
        width: 50%;
        height: 3.5rem;
        cursor: pointer;
        font-size: 20px;
        line-height: 3.5rem;
        overflow: hidden;
    }

    .nav_close {
        display: block;
        position: absolute;
        top: 1rem;
        right: 1.5rem;
    }

    .nav_searchbtn {
        width: 50%;
    }

    .show_menu {
        top: 0;
    }


    .search_box {
        position: fixed;
        top: 4rem;
        right: 0;
        width: 100%;
        height: 100px;
        z-index: 30000;
        padding-top: 30px;
        background: url(/images/search_box_img.png) center no-repeat;
        opacity: 0;
        pointer-events: none;
        transition: opacity .4s;
    }

    .search_close {
        position: absolute;
        display: block;
        top: 7px;
        font-size: 20px;
        left: calc(50% + 107px);
        color: #fff;
        cursor: pointer;
    }


    .search_box #keywords {
        float: none;
        margin: auto;
        width: 200px;
    }


    .search_btn1 {
        width: 100%;
        padding: 20px 0;
        margin-top: 0;
        background: rgba(69, 77, 112, 0.9);
        margin: 0 auto;
    }

    .search_btn1 tr {
        height: 80px;
    }

    .search_btn1 #keywords {
        float: none;
        width: 100%;
    }

    .search_btn1_1 {
        float: none;
        display: block;
        margin: auto;
        margin-top: 10px;
        border-radius: 10px;
        line-height: 15px;
        width: 180px;
        height: 30px !important;
    }

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

    .product {
        float: none;
        width: 100%;
        /* padding: 0 10px; */
        margin-bottom: 30px;
    }

    /* .product_1{
        position: relative;
        box-sizing: border-box;
        display: block;
        margin-left: 10px;
        margin-right: 10px;

    } */

    /* .product_arrow_right {
        right: 10px;
    } */


    .banner {
        height: 270px;
    }

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


    /* .swiper_slide img {
        width: 100%;
        height: auto;
    } */

    .a_1 {
        width: 100%;
        height: 249px;
        background: url(/images/pic_3.jpg) center center no-repeat;
        background-size: auto 249px;
        display: block;
    }

    .a_2 {
        width: 100%;
        height: 249px;
        background: url(/images/pic_1.jpg) center center no-repeat;
        background-size: auto 249px;
        display: block;
    }

    .a_3 {
        width: 100%;
        height: 249px;
        background: url(/images/pic_2.jpg) center center no-repeat;
        background-size: auto 249px;
        display: block;
    }

    .a {
        opacity: 1;
        z-index: 1;
        transform: perspective(0) translateZ(0) translateX(0);
    }

    .b {
        opacity: 1;
        z-index: 100;
        transform: perspective(0) translateZ(0) translateX(0);
    }

    .c {
        opacity: 1;
        z-index: 1;
        transform: perspective(0) translateZ(0) translateX(0);
    }

    .select_list {
        /* width: calc(100% - 100% / 6);
        padding: 0 calc(100% / 12); */
        width: 100%;
        padding: 0 0;
        font-size: 12px;
        top: 209px;
        /* margin-bottom: 60px; */
    }

    .select_list .hidden {
        height: 20px;
        padding: 10px 0;
    }

    .select_list .show {
        height: 28px;
        padding: 10px 0;
    }


    .btn_left {
        left: 0;
        width: 30px;
    }

    .btn_right {
        right: 0;
        width: 30px;
    }

    .banner {
        width: 100%;
    }

    /* 简介 */
    .shows {
        height: 250px;
    }

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

    .show_list {
        width: 100%;
    }

    .show_left {
        float: none;
        width: 150px;
        margin: auto;
        font-size: 1.5rem;
        height: 80px;
        padding: 10px 10px;
    }

    .show_right {
        float: left;
        margin-top: 20px;
        text-align: center;
        width: 100%;
    }

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

    .footer_top,
    .footer_bottom {
        width: 100%;
        padding: 20px 5px;
        box-sizing: border-box;
        margin: 0 auto;
    }


    .top_body {
        height: 156px;
    }

    .address,
    .e_mail,
    .more {
        float: left;
        width: 100%;
        border: none;
    }

    .e_mail,
    .more {
        border-top: 1px solid #5f5f5f;
    }

    .address,
    .e_mail {
        margin-bottom: 10px;
    }

    .address_icon,
    .e_mail_icon {
        height: auto;
    }

    .e_mail ul,
    .more_icon {
        margin-left: 0;
    }

    .address_icon img {
        width: 30px;
        height: auto;
    }

    .e_mail_icon img {
        margin-top: 19px;
        height: 20px;
        width: 30px;
    }

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

    .more_app {
        height: auto;
    }

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

    .bottom_body {
        height: auto;
    }

    .bottom_1 {
        height: auto;
        float: left;
    }

    .footer_bottom {
        position: absolute;
    }

    .phone {
        float: left;
        margin: auto;
        width: 100%;
    }

    .phone_icon {
        height: 35px;
        width: 35px;
    }


    .setting_icon {
        display: none;
    }

    .phone_number {
        padding: 0 0;
        font-weight: normal;

    }

    .setting {
        float: left;
        margin-top: 20px;
        width: 100%;
    }

    .setting_router {
        width: 100%;
    }

    .type1 {
        width: 100%;
        height: 30px;
        font-size: 1rem;
        text-align: initial;
        margin-bottom: 10px;
        border-right: none;
        border-bottom: 1px solid #fff;
        box-sizing: border-box;
        color: #fff;
    }

    .bottom_2 {
        float: left;
        margin-top: 10px;
    }

    .logo_2 {
        width: 100%;
        margin-bottom: 10px;
    }

    .setting_right {
        width: 100%;
    }

    .setting_right span {
        float: left;
        width: 100%;
        padding: 4px 6px;
        box-sizing: border-box;
    }

    /* 产品 */
    .pro_list {
        display: none;
    }

    .product_row {
        float: left;
        width: 100%;
        height: auto;
        padding: 0 10px;
        box-sizing: border-box;
        position: relative;
    }

    .pro {
        float: left;
        width: 100%;
        margin-left: 0;
    }

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

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

    .pro_icon_2,
    .pro_icon_1 {
        /* float: right; */
        width: 40px;
        height: 40px;
        margin-left: 20px;
        /* 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%); */
    }




}