/* 所有页面的媒体查询 */
@media screen and (min-width: 1611px) {}

/* 1411-----------1610*/
@media screen and (min-width: 1411px) and (max-width: 1610px) {
    .absolute_pic {
        display: none;
    }
}

/* 1201-----------1410    大屏电脑*/
@media screen and (min-width: 1201px) and (max-width: 1410px) {

    /*~~~~~~~~~~~~footer    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~footer    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~footer    ~~~~~~~~~~~*/
    .footer_t_l {
        width: 40%;
    }

    .footer_t_r {
        width: 50%;
    }

    .footer_t_r_item {
        width: 40%;
    }

    .footer_t_r_item:nth-child(3) {
        display: none;
    }

    /*~~~~~~~~~~~~footer   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~footer   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~footer   end ~~~~~~~~~~~*/
    .absolute_pic {
        display: none;
    }

    /*~~~~~~~~~~~~index    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~index    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~index    ~~~~~~~~~~~*/
    .index_two {
        margin-bottom: 0;
    }

    .index_three_l {
        padding-left: 5%;
    }

    /*~~~~~~~~~~~~index   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~index   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~index   end ~~~~~~~~~~~*/
}

/* 1025-----------1200    中等屏幕*/
@media screen and (min-width: 1025px) and (max-width: 1200px) {

    /*~~~~~~~~~~~~ 公共css * ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~ 公共css * ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~ 公共css * ~~~~~~~~~~~*/
    .header_box,
    .pro_deBoxTwo {
        display: none;
    }

    .mobile_header {
        display: block;
    }

    /*~~~~~~~~~~~~ 公共css end* ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~ 公共css end* ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~ 公共css end* ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~footer    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~footer    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~footer    ~~~~~~~~~~~*/
    .footer_t_l {
        width: 40%;
    }

    .footer_t_r {
        width: 50%;
    }

    .footer_t_r_item {
        width: 40%;
    }

    .footer_t_r_item:nth-child(3) {
        display: none;
    }

    /*~~~~~~~~~~~~footer   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~footer   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~footer   end ~~~~~~~~~~~*/
    .absolute_pic {
        display: none;
    }

    /*~~~~~~~~~~~~index    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~index    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~index    ~~~~~~~~~~~*/
    .index_two {
        margin-bottom: 0;
    }

    .index_three_l {
        padding-left: 5%;
    }

    .index_seven_con {
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }

    .index_seven_box {
        width: 100%;
        margin-bottom: 5%;
    }

    .index_seven_item {
        position: relative;
        transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
        -webkit-transform: translate(0%, 0%);
        top: 0;
        width: calc((80%) / 2);
    }

    .index_seven_b {
        display: flex;
        display: -ms-flexbox;
        display: -webkit-flex;
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: space-between;
        -ms-justify-content: space-between;
        -webkit-justify-content: space-between;
    }

    /*~~~~~~~~~~~~index   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~index   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~index   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~products_list    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~products_list    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~products_list    ~~~~~~~~~~~*/
    .pro_list_dl dd {
        width: calc((100% - 40px) / 3);
        margin: 20px 20px 0 0 !important;
    }

    .pro_list_dl dd:nth-child(3n) {
        margin-right: 0 !important;
    }

    /*~~~~~~~~~~~~products_list   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~products_list   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~products_list   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~products_del    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~products_del    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~products_del    ~~~~~~~~~~~*/
    .del_one_btn .public_btn {
        margin-bottom: 10px;
    }

    /*~~~~~~~~~~~~products_del   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~products_del   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~products_del   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~factory    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~factory    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~factory    ~~~~~~~~~~~*/
    .factory_two_l {
        width: 100%;
        margin-bottom: 1.3vw;
    }

    .factory_two_r {
        width: 100%;
        min-height: 300px;
    }

    /*~~~~~~~~~~~~factory   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~factory   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~factory   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~quality    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~quality    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~quality    ~~~~~~~~~~~*/
    .oem_four_l {
        top: 52px;
    }

    /*~~~~~~~~~~~~quality   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~quality   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~quality   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~about_us    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~about_us    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~about_us    ~~~~~~~~~~~*/
    .about_two_con {
        margin-bottom: 0;
    }

    .about_three {
        padding-top: 0;
    }

    .about_three_item {
        width: calc((100% - 30px) / 2);
        margin: 0 30px 30px 0 !important;
    }

    .about_three_item:nth-child(2n) {
        margin-right: 0 !important;
    }

    .about_four {
        height: 80vh;
    }

    .about_five_t .public_module_title {
        width: 100%;
    }

    /*~~~~~~~~~~~~about_us   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~about_us   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~about_us   end ~~~~~~~~~~~*/
}

/* 768------------1024    ipad*/
@media screen and (min-width: 768px) and (max-width: 1024px) {

    /*~~~~~~~~~~~~ 公共css * ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~ 公共css * ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~ 公共css * ~~~~~~~~~~~*/
    .popup_inquiry_form {
        width: 90%;
    }

    .pro_deBoxTwo,
    .header_box {
        display: none;
    }

    .mobile_header {
        display: block;
    }

    .mobile_menu_box {
        width: 350px;
        right: -350px;
        padding: 35px 5%;
    }

    .bgscroll {
        background-attachment: scroll;
    }

    /*~~~~~~~~~~~~ 公共css end* ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~ 公共css end* ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~ 公共css end* ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~footer    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~footer    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~footer    ~~~~~~~~~~~*/
    .footer_t_l {
        width: 60%;
    }

    .footer_t_r {
        width: 30%;
    }

    .footer_t_r_item {
        width: 100%;
    }

    .footer_t_r_item:nth-child(2),
    .footer_t_r_item:nth-child(3) {
        display: none;
    }

    /*~~~~~~~~~~~~footer   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~footer   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~footer   end ~~~~~~~~~~~*/
    .absolute_pic {
        display: none;
    }

    .policy_two_con {
        margin: 0;
    }

    /*~~~~~~~~~~~~index    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~index    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~index    ~~~~~~~~~~~*/
    .index_one_title {
        width: calc((100% - 45px) / 4);
    }

    .index_one_title:nth-child(4n) {
        margin-right: 0;
    }

    .index_one_swiper_btn {
        position: relative;
        justify-content: center;
        -ms-justify-content: center;
        -webkit-justify-content: center;
        margin-top: 35px;
        z-index: 2;
        top: 0;
        left: 0;
        width: 100%;
        transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
        -webkit-transform: translate(0%, 0%);
    }

    .index_two_l {
        width: 100%;
        display: flex;
        display: -ms-flexbox;
        display: -webkit-flex;
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: space-between;
        -ms-justify-content: space-between;
        -webkit-justify-content: space-between;
        align-items: center;
        -ms-align-items: center;
        -webkit-align-items: center;
        margin-bottom: 15px;
    }

    .index_two_l .max_pic {
        width: 50%;
    }

    .index_two_r {
        width: 100%;
    }

    .index_two_l .min_pic {
        width: 45%;
        position: relative;
        top: 0;
        left: 0;
        transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
        -webkit-transform: translate(0%, 0%);
    }

    .index_two {
        margin-bottom: 0;
    }

    .index_three_l {
        padding: 0 5% 5%;
        width: 100%;
    }

    .index_three_r {
        display: none;
    }

    .index_seven_con {
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }

    .index_seven_box {
        width: 100%;
        margin-bottom: 5%;
    }

    .index_seven_item {
        position: relative;
        transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
        -webkit-transform: translate(0%, 0%);
        top: 0;
        width: calc((80%) / 2);
    }

    .index_seven_b {
        display: flex;
        display: -ms-flexbox;
        display: -webkit-flex;
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        justify-content: space-between;
        -ms-justify-content: space-between;
        -webkit-justify-content: space-between;
    }

    .index_ten_l {
        width: 100%;
        margin-bottom: 15px;
    }

    .index_ten_r {
        width: 100%;
    }

    /*~~~~~~~~~~~~index   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~index   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~index   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~products_cover    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~products_cover    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~products_cover    ~~~~~~~~~~~*/
    .cover_one .con {
        width: 90%;
    }

    .cover_three_l {
        width: 100%;
        margin-bottom: 20px;
    }

    .cover_three_r {
        width: 100%;
    }

    /*~~~~~~~~~~~~products_cover   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~products_cover   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~products_cover   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~products_list    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~products_list    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~products_list    ~~~~~~~~~~~*/
    .list_three_item,
    .pro_list_dl dd {
        width: calc((100% - 20px) / 2);
        margin: 20px 20px 0 0 !important;
    }

    .list_three_item:nth-child(2n),
    .pro_list_dl dd:nth-child(2n) {
        margin-right: 0 !important;
    }

    .list_five_l,
    .list_four_l {
        width: 100%;
    }

    .list_five_r,
    .list_four_r {
        width: 100%;
    }

    .list_five_l {
        margin-bottom: 20px;
    }

    .list_four_l .list_four_item:last-child {
        margin-bottom: 0;
    }

    .list_six_swiper {
        width: 95%;
    }

    .list_six_swiper_btn {
        left: -30px;
        width: calc(100% + 60px);
    }

    .list_seven .cover_three_l {
        padding-left: 0;
    }

    .list_seven .index_ten_r {
        width: 100%;
    }

    .list_seven {
        background-image: none !important;
    }

    /*~~~~~~~~~~~~products_list   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~products_list   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~products_list   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~about_us   ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~about_us    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~about_us    ~~~~~~~~~~~*/
    .about_banner_con {
        width: 100%;
        height: auto;
        padding: 45px 0;
    }

    /*~~~~~~~~~~~~about_us   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~about_us   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~about_us   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~products_del    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~products_del    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~products_del    ~~~~~~~~~~~*/
    .del_one_l {
        width: 100%;
        margin-bottom: 20px;
    }

    .del_one_r {
        width: 100%;
    }

    .del_one_btn .public_btn {
        margin-bottom: 10px;
    }

    .del_two_item {
        width: calc((100% - 1px) / 2);
    }

    /*~~~~~~~~~~~~products_del   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~products_del   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~products_del   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~blog_list    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~blog_list    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~blog_list    ~~~~~~~~~~~*/
    .blog_list_dl dd {
        width: calc((100% - 20px) / 2);
        margin: 20px 20px 0 0 !important;
    }

    .blog_list_dl dd:nth-child(2n) {
        margin-right: 0 !important;
    }

    /*~~~~~~~~~~~~blog_list   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~blog_list   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~blog_list   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~blog_del    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~blog_del    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~blog_del    ~~~~~~~~~~~*/
    .blog_del_l {
        width: 100%;
        margin-bottom: 20px;
    }

    .blog_del_r {
        width: 100%;
    }

    /*~~~~~~~~~~~~blog_del   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~blog_del   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~blog_del   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~fair    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~fair    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~fair    ~~~~~~~~~~~*/
    .fair_one_dl dd {
        width: calc((100% - 20px) / 2);
        margin: 0 20px 20px 0 !important;
    }

    .fair_one_dl dd:nth-child(2n) {
        margin-right: 0 !important;
    }

    /*~~~~~~~~~~~~fair   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~fair   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~fair   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~contact_us    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~contact_us    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~contact_us    ~~~~~~~~~~~*/
    .contact_two_l {
        width: 100%;
        margin-bottom: 20px;
    }

    .contact_two_r {
        width: 100%;
    }

    /*~~~~~~~~~~~~contact_us   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~contact_us   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~contact_us   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~oem    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~oem    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~oem    ~~~~~~~~~~~*/
    .oem_one_item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }

    .oem_two_item {
        width: calc((100% - 60px) / 3);
        margin: 30px 30px 0 0 !important;
    }

    .oem_two_item:nth-child(3n) {
        margin-right: 0 !important;
    }

    .oem_two_item .iconfont {
        display: block !important;
    }

    .oem_four_b::before,
    .oem_two_item:last-child .iconfont,
    .oem_two_item:nth-child(3n) .iconfont {
        display: none !important;
    }

    .oem_three_b {
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }

    .oem_five_l,
    .oem_three_b .left {
        width: 100%;
        margin-bottom: 20px;
    }

    .oem_five_r,
    .oem_three_b .pic {
        width: 100%;
    }

    .oem_four_l {
        width: 100%;
        top: 52px;
        background-color: #fff;
        z-index: 4;
    }

    .quality_three_table,
    .oem_four_table {
        display: flex;
        display: -ms-flexbox;
        display: -webkit-flex;
        white-space: nowrap;
        overflow-x: auto;
    }

    .quality_three_table .item,
    .oem_four_table .item {
        margin-right: 40px;
    }

    .oem_four_r {
        width: 100%;
    }

    /*~~~~~~~~~~~~oem   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~oem   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~oem   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~faq    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~faq    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~faq    ~~~~~~~~~~~*/
    .faq_one_l {
        width: 100%;
        margin-bottom: 20px;
    }

    .faq_one_r {
        width: 100%;
    }

    /*~~~~~~~~~~~~faq   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~faq   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~faq   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~factory    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~factory    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~factory    ~~~~~~~~~~~*/
    .factory_two_l {
        width: 100%;
        margin-bottom: 1.3vw;
    }

    .factory_two_r {
        width: 100%;
        min-height: 300px;
    }

    .factory_one_item {
        width: calc((100% - 1px) / 2);
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .factory_one_item:nth-child(2n) {
        border-right: none;
    }

    /*~~~~~~~~~~~~factory   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~factory   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~factory   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~quality    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~quality    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~quality    ~~~~~~~~~~~*/
    .quality_three_table .item::before {
        width: 100%;
        right: -25px;
    }

    .quality_three_box {
        padding-top: 82px !important;
    }

    .quality_three_box .left {
        width: 7%;
    }

    /*~~~~~~~~~~~~quality   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~quality   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~quality   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~about_us    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~about_us    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~about_us    ~~~~~~~~~~~*/
    .about_two_con {
        margin-bottom: 0;
    }

    .about_three {
        padding-top: 0;
    }

    .about_three_item {
        width: calc((100% - 30px) / 2);
        margin: 0 30px 30px 0 !important;
    }

    .about_three_item:nth-child(2n) {
        margin-right: 0 !important;
    }

    .about_four {
        height: 80vh;
    }

    .about_five_l,
    .about_two_r .max_pic,
    .about_two_l {
        width: 100%;
        margin-bottom: 15px;
    }

    .about_five_r,
    .about_five_t .public_module_title,
    .about_two_r {
        width: 100%;
    }

    .about_two_r .min_pic {
        position: relative;
        width: 100%;
        transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
        -webkit-transform: translate(0%, 0%);
    }

    .about_four {
        height: auto;
    }

    .about_three_con {
        padding-bottom: 150px;
    }

    .about_five_l .con {
        position: relative;
        bottom: 0;
        right: 0;
        width: 100%;
    }

    /*~~~~~~~~~~~~about_us   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~about_us   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~about_us   end ~~~~~~~~~~~*/



    /* new 页面 */
    .pictureOne1_item_bot_l {
        width: 100%;
    }

    .pictureOne1_item_bot_r {
        width: 100%;
        padding-top: 30px;
    }






}

/* 1--------------767      手机*/
@media screen and (min-width: 1px) and (max-width: 767px) {

    /*~~~~~~~~~~~~ 公共css * ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~ 公共css * ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~ 公共css * ~~~~~~~~~~~*/
    .popup_inquiry_form {
        width: 95%;
    }

    .popup_inquiry_form_r {
        width: 100%;
        border-radius: 5px;
    }

    .contact_form form .item {
        width: 100%;
    }

    .bgscroll {
        background-attachment: scroll;
    }

    .popup_inquiry_form_l,
    .pro_deBoxTwo,
    .header_box {
        display: none;
    }

    .mobile_header {
        display: block;
    }

    .w_1480 {
        width: 100%;
        padding: 0 15px;
    }

    .blog_page a {
        margin-bottom: 5px;
    }

    .popup_inquiry_form {
        padding: 0 15px;
    }

    .popup_inquiry_l {
        width: 100%;
        display: none;
    }

    .popup_inquiry_r {
        width: 100%;
        left: 0;
        padding: 10px 15px;
    }

    /*~~~~~~~~~~~~ 公共css end* ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~ 公共css end* ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~ 公共css end* ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~footer    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~footer    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~footer    ~~~~~~~~~~~*/
    .footer_t_l {
        width: 100%;
        margin-bottom: 20px;
    }

    .footer_t_r {
        width: 100%;
    }

    .footer_t_l .footer_t_r_item {
        display: block !important;
    }

    .footer_t_r_item {
        width: 100%;
    }

    .footer_t_r_item:nth-child(1),
    .footer_t_r_item:nth-child(3) {
        display: none;
    }

    /*~~~~~~~~~~~~footer   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~footer   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~footer   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~index    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~index    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~index    ~~~~~~~~~~~*/
    .index_three_r,
    .absolute_pic {
        display: none;
    }

    .index_one_title {
        width: calc((100% - 30px) / 3);
    }

    .index_one_title:nth-child(4n) {
        margin-right: 0;
    }

    .index_one_swiper_btn {
        position: relative;
        justify-content: center;
        -ms-justify-content: center;
        -webkit-justify-content: center;
        margin-top: 35px;
        z-index: 2;
        top: 0;
        left: 0;
        width: 100%;
        transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
        -webkit-transform: translate(0%, 0%);
    }

    .index_ten_l,
    .index_nine_item,
    .index_five_item,
    .index_two_l .max_pic,
    .index_two_l {
        width: 100%;
        margin-bottom: 15px;
    }

    .index_ten_r,
    .index_three_l,
    .index_two_r {
        width: 100%;
    }

    .index_seven_item,
    .index_two_l .min_pic {
        position: relative;
        width: 100%;
        transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
        -webkit-transform: translate(0%, 0%);
    }

    .index_three_l {
        padding: 0 5% 5%;
    }

    .index_seven_box .quan .con,
    .index_three_item {
        line-height: 1.4;
        width: 100%;
    }

    .index_eight_item,
    .index_seven_con {
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }

    .index_seven_box .quan,
    .index_seven_box {
        width: 100%;
        height: 100%;
        border-radius: 10px;
        padding: 5%;
    }

    .index_seven_item {
        margin-top: 20px;
        top: 0;
    }

    .index_eight_item .pic {
        width: 40%;
        margin-bottom: 15px;
    }

    .index_eight_item .right {
        width: 100%;
    }

    .index_eight_item .con {
        width: 100%;
        left: 0;
        padding: 15px;
    }

    /*~~~~~~~~~~~~index   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~index   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~index   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~page_404    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~page_404    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~page_404    ~~~~~~~~~~~*/
    .page_box_con {
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        text-align: center;
        flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        -webkit-flex-direction: column-reverse;
    }

    .page_l {
        width: 100%;
    }

    .page_r {
        width: 100%;
        margin-bottom: 20px;
    }

    .policy_two_con {
        margin: 0;
    }

    /*~~~~~~~~~~~~page_404   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~page_404   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~page_404   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~products_cover    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~products_cover    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~products_cover    ~~~~~~~~~~~*/
    .cover_one .con {
        width: 100%;
    }

    .cover_two_l,
    .cover_three_l {
        width: 100%;
        margin-bottom: 20px;
    }

    .cover_two_r,
    .cover_three_r {
        width: 100%;
    }

    .cover_two_r,
    .cover_two_box .top {
        text-align: center;
    }

    .cover_one .public_btn {
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        height: auto;
        padding: 5px 0;
    }

    /*~~~~~~~~~~~~products_cover   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~products_cover   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~products_cover   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~products_list    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~products_list    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~products_list    ~~~~~~~~~~~*/
    .list_three_item,
    .pro_list_dl dd {
        width: 100%;
        margin: 20px 0px 0 0 !important;
    }

    .list_three_item:nth-child(2n),
    .pro_list_dl dd:nth-child(2n) {
        margin-right: 0 !important;
    }

    .list_five_l,
    .list_four_l {
        width: 100%;
    }

    .list_five_r,
    .list_four_r {
        width: 100%;
    }

    .list_five_l {
        margin-bottom: 20px;
    }

    .list_four_l .list_four_item:last-child {
        margin-bottom: 0;
    }

    .list_six_swiper {
        width: 85%;
    }

    .list_six_swiper_btn {
        left: -15px;
        width: calc(100% + 30px);
    }

    .list_seven .cover_three_l {
        padding-left: 0;
    }

    .list_seven .index_ten_r {
        width: 100%;
    }

    .list_seven {
        background-image: none !important;
    }

    .list_three_pic .item {
        width: calc((100% - 30px) / 4);
        margin: 15px 10px 0 0 !important;
    }

    .list_three_pic .item:nth-child(4n) {
        margin-right: 0 !important;
    }

    /*~~~~~~~~~~~~products_list   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~products_list   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~products_list   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~about_us   ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~about_us    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~about_us    ~~~~~~~~~~~*/
    .about_banner_con {
        width: 100%;
        height: auto;
        padding: 45px 0;
    }

    /*~~~~~~~~~~~~about_us   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~about_us   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~about_us   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~products_del    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~products_del    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~products_del    ~~~~~~~~~~~*/
    .del_one_l {
        width: 100%;
        margin-bottom: 20px;
    }

    .del_one_r {
        width: 100%;
    }

    .del_one_btn .public_btn {
        margin-bottom: 10px;
    }

    .del_two_item {
        width: 100%;
        border-right: none;
    }

    /*~~~~~~~~~~~~products_del   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~products_del   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~products_del   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~blog_list    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~blog_list    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~blog_list    ~~~~~~~~~~~*/
    .blog_list_dl dd {
        width: 100%;
        margin-right: 0;
        margin-top: 30px;
    }

    /*~~~~~~~~~~~~blog_list   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~blog_list   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~blog_list   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~blog_del    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~blog_del    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~blog_del    ~~~~~~~~~~~*/
    .blog_del_l {
        width: 100%;
        margin-bottom: 20px;
    }

    .blog_del_r {
        width: 100%;
    }

    /*~~~~~~~~~~~~blog_del   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~blog_del   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~blog_del   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~fair    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~fair    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~fair    ~~~~~~~~~~~*/
    .fair_one_dl dd {
        width: 100%;
        margin: 0 0px 20px 0 !important;
    }

    /*~~~~~~~~~~~~fair   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~fair   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~fair   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~contact_us    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~contact_us    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~contact_us    ~~~~~~~~~~~*/
    .contact_one_item,
    .contact_two_l {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px;
    }

    .contact_two_form form .item,
    .contact_two_r {
        width: 100%;
    }

    /*~~~~~~~~~~~~contact_us   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~contact_us   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~contact_us   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~oem    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~oem    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~oem    ~~~~~~~~~~~*/
    .oem_one_item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }

    .oem_four_one,
    .oem_two_item {
        width: 100% !important;
        margin: 20px 0px 0 0 !important;
    }

    .oem_four_b::before,
    .oem_two_item .iconfont {
        display: none !important;
    }

    .oem_three_b {
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }

    .oem_five_l,
    .oem_three_b .left {
        width: 100% !important;
        margin-bottom: 15px;
    }

    .oem_six_item,
    .oem_five_r,
    .oem_three_b .pic {
        width: 100% !important;
        margin-bottom: 1px;
    }

    .oem_four_l {
        display: none;

        width: 100%;
        top: 52px;
        background-color: #fff;
        z-index: 3;
    }

    .quality_three_table,
    .oem_four_table {
        display: flex;
        display: -ms-flexbox;
        display: -webkit-flex;
        white-space: nowrap;
        overflow-x: auto;
    }

    .quality_three_table .item,
    .oem_four_table .item {
        margin-right: 40px;
    }

    .oem_four_r {
        width: 100%;
    }

    .oem_five_r .contact_two_form form .item.submit {
        justify-content: center;
        -ms-justify-content: center;
        -webkit-justify-content: center;
    }

    /*~~~~~~~~~~~~oem   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~oem   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~oem   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~faq    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~faq    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~faq    ~~~~~~~~~~~*/
    .faq_one_l {
        width: 100%;
        margin-bottom: 20px;
    }

    .faq_one_r {
        width: 100%;
    }

    /*~~~~~~~~~~~~faq   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~faq   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~faq   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~factory    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~factory    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~factory    ~~~~~~~~~~~*/
    .factory_two_item,
    .factory_two_l {
        height: auto;
        width: 100%;
        margin-right: 0;
        margin-bottom: 1.3vw;
    }

    .factory_two_r {
        width: 100%;
    }

    .factory_one_item {
        width: calc((100% - 1px) / 2);
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .factory_one_item:nth-child(2n) {
        border-right: none;
    }

    .factory_three_item {
        width: calc((100% - 10px) / 2);
        margin: 10px 10px 0 0 !important;
    }

    .factory_three_item:nth-child(2n) {
        margin-right: 0 !important;
    }

    /*~~~~~~~~~~~~factory   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~factory   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~factory   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~quality    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~quality    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~quality    ~~~~~~~~~~~*/
    .quality_three_box .left {
        width: 100%;
    }

    .quality_three_box .right {
        width: 100%;
    }

    .quality_three_six_con,
    .quality_three_six,
    .quality_three_item,
    .quality_two_item {
        width: 100%;
        margin: 15px 0px 0 0 !important;
    }

    .quality_three_table .item::before {
        width: 100%;
        right: -25px;
    }

    .quality_three_box {
        flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        padding-top: 82px !important;
    }

    .quality_three_four_swiper_btn {
        width: 100%;
        left: 0;
    }

    .quality_four_item {
        width: calc((100% - 10px) / 3);
        margin: 5px 5px 0 0 !important
    }

    .quality_four_item:nth-child(3n) {
        margin-right: 0 !important;
    }

    /*~~~~~~~~~~~~quality   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~quality   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~quality   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~about_us    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~about_us    ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~about_us    ~~~~~~~~~~~*/
    .about_two_con {
        margin-bottom: 0;
    }

    .about_three {
        padding-top: 0;
    }

    .about_three_item {
        width: 100%;
        margin: 0 0px 30px 0 !important;
    }

    .about_three_item:nth-child(2n) {
        margin-right: 0 !important;
    }

    .about_four {
        height: 80vh;
    }

    .about_five_l,
    .about_two_r .max_pic,
    .about_two_l {
        width: 100%;
        margin-bottom: 15px;
    }

    .about_five_r,
    .about_five_t .public_module_title,
    .about_two_r {
        width: 100%;
    }

    .about_two_r .min_pic {
        position: relative;
        width: 100%;
        transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
        -webkit-transform: translate(0%, 0%);
    }

    .about_four {
        height: auto;
    }

    .about_three_con {
        padding-bottom: 150px;
    }

    .about_five_l .con {
        position: relative;
        bottom: 0;
        right: 0;
        width: 100%;
    }

    /*~~~~~~~~~~~~about_us   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~about_us   end ~~~~~~~~~~~*/
    /*~~~~~~~~~~~~about_us   end ~~~~~~~~~~~*/







    /* new 页面 */
    .pictureOne1_item_bot_l {
        width: 100%;
    }

    .pictureOne1_item_bot_r {
        width: 100%;
        grid-template-columns: repeat(2, 1fr);
        row-gap: 15px;
        padding-top: 20px;
    }



}