@media (-webkit-min-device-pixel-ratio: 1.25) {
    .layout-main {
        zoom: 0.796875;
    }
}
@media (max-width: 1650px) {
    .main_width{min-width: 1400px;transition: all .5s}
}
@media (max-width: 1400px){
    .main_width{min-width: unset;width: 90%}
    .about_2 .body .left{display: none;}
    .head_bottom nav{min-width: unset}
    .head_top .head_text{width: 28.105%;}
}

@media (max-width: 980px) {

    :root{
        --fz12:12px;
        --fz14:14px;
        --fz16:16px;
        --fz18:16px;
        --fz20:16px;
        --fz24:16px;
        --fz28:18px;
        --fz32:18px;
        --fz50:18px;
    }
    .main_width{width: 95%;}
    .head_bottom,
    .head_top .head_text{display: none}
    .header .head_bottom{display: none}
    .head_top_bg .m_nav{display: block}
    .header .phone_nav.active{display: block}
    .header .head_top .head_text{display: none;}
    .head_top_bg .m_nav{display: flex;flex-direction: column;width: 40px;height: 30px;justify-content: space-between;cursor: pointer;position: relative;z-index: 60}
    .m_nav span{width: 40px;height: 2px;background-color: #3b3939;}
    .phone_nav{width: 100%;height: 100%;position: fixed;z-index: 20;background-color: #ffffff;top: 0;}
    .phone_nav.active{display: block;}
    .phone_nav .phone_nav_inner{display: flex;flex-direction: column;align-items: center;margin-top: 50px;}
    .phone_nav .phone_nav_inner a{text-align: center;line-height: 38px;border-bottom: 1px dashed #CF3F39;width: 100%;font-size: var(--fz14)}
    .phone_nav .head_text_phone{padding-top: 20px;width: 60%;margin: 0 auto;position: relative;}
    .phone_nav .head_text_phone p{font-size: var(--fz14)}
    .phone_nav .close{padding: 20px;align-items: center;}
    .phone_nav .close p{font-size: var(--fz16);}
    .phone_nav .close img{width: 30px;height: 30px;cursor: pointer}
    .phone_nav .head_text_phone .head_search{align-items: center;width: 100%;position: relative;}
    .phone_nav .head_text_phone input{padding: 10px;width: 100%}
    .phone_nav .head_text_phone button{width: 20px;height: 20px;position: absolute;top: 50%;right: 10px;transform: translateY(-50%);border: none;}
    .phone_nav .head_text_phone img{width: 100%;height: 100%;}


    .index_bg .mid_nav{top: 35%}
    .index_bg .mid_nav .banner_prev, .index_bg .mid_nav .banner_next{width: 30px;height: 30px;}
    .index_bg .bot_nav .inner{flex-wrap: wrap}
    .index_bg .bot_nav .list{width: 48%;}
    .index_bg .bot_nav .list img{width: 18px;height: 18px;}
    .index_bg .bot_nav .list .final{padding: 5px 0;align-items: center}
    .index_bg .banner_bottom{padding: 54px 0;bottom: -92px;}

    .footer_outside{flex-direction: column;padding: 20px 0;width: 95%}
    .footer_outside .footer_left,
    .footer_outside .footer_right,
    .footer_outside .footer_center{width: 100%}

    .footer_outside .footer_right,
    .footer_outside .footer_center{margin-top: 20px}
    .footer_outside .footer_center h2{margin-bottom: 15px}

    .title{margin-bottom: 10px}
    .index_one{padding: 15px 0;}
    .index_one .one_content{flex-direction: column;}
    .index_one .one_left,.index_one .one_right{width: 100%}
    .index_one .one_left a{margin-bottom: 10px}
    .index_two .next_prev{margin-top: 15px}

    .index_two_bc{padding: 15px 0;}
    .index_two .title{margin-bottom: 15px}

    .index_three{flex-direction: column;padding: 15px 0}
    .index_three .three_left,.index_three .three_right{width: 100%}
    .index_three .three_left .three_content{grid-template-columns: repeat(1,100%);grid-row-gap: 15px;}

    .index_four_bc{padding: 15px 0;}
    .index_four .content{grid-template-columns: repeat(1,100%);grid-row-gap: 15px;}

/*inside*/
    .inside_width{width: 95%}
    .inside_body{flex-direction: column;margin: 15px auto ;}
    .inside_body .left{width: 100%;margin-top: 20px;}
    .inside_body .right{width: 100%;margin-top: 20px;margin-left: unset;}
    .inside_body .img_list{margin-top: 20px;margin-bottom: 20px;}
    .inside_body .img_list a{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);flex-direction: column}
    .inside_body .img_list a .img_list_left{width: 100%;}
    .inside_body .img_list a .time{width: 60px;height: 60px;flex: unset;display: flex;border: 1px solid #CF3F39;justify-content: space-between;margin-top: -30px;position: relative;z-index: 5;margin-left: 15px;}
    .inside_body .img_list a .time bdi{background-color: #CF3F39;display: flex;width: 100%;text-align: center;color: #ffffff;font-size: 18px;height: 30px;justify-content: center;align-items: center}
    .inside_body .img_list a .time span{display: flex;width: 100%;height: 30px;justify-content: center;align-items: center;}
    .inside_body .img_list a .content{width: 100%;padding: 10px;box-sizing: border-box}
    .inside_body .slide .slide_nav .swiper-pagination span{width: 30px;height: 4px;}

    .inside_body .video_list{display: flex;flex-direction: column}
    .text_body .body{flex-direction: column}
    .text_body .body .left{width: 100%;}
    .text_body .body .right{width: 100%;margin-left: unset;margin-top: 30px;}

    .img_list2{display: flex;flex-direction: column;margin-top: 20px;}

}





