@media (max-width: 1540px){
    .head .head_top{width: 81.396%;}
    .head .head_bottom .build_text p{display: none;}
    .head .head_bottom{width: 80%}

}

@media  (max-width: 1490px){
    .head .head_top{width: 95%;}
    .head .head_bottom{width: 90%}
    .inside_contact .form_inner .list{width: 60%}
    .single_content{width: 95%;transition: all .3s}
    .single_content{width: 90%;transition: all .3s}
}

@media  (max-width: 1260px){
    .head .head_top .list{margin-right: 10px;}
    .head .head_top .right a{margin-left: 5px}
    .head .head_bottom{width: 95%}
    .head .head_bottom .bottom_module{width: 85.19%}
    .head .head_bottom .build_text a{padding: 10px;}
    .inside_contact .form_inner .list{width: 80%}
}


@media (max-width: 980px){
    :root{
        --fz12:12px;
        --fz13:13px;
        --fz14:14px;
        --fz16:16px;
        --fz18:16px;
        --fz20:16px;
        --fz22:16px;
        --fz24:16px;
        --fz26:16px;
        --fz28:16px;
        --fz30:16px;
        --fz32:16px;
        --fz34:16px;
        --fz36:18px;
        --fz54:36px;
        --fz70:36px;
    }
    .body_after_out{position: relative;z-index:12}
    .body_after.active{position: fixed;display: block;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);}
    .head{position:relative;z-index:22}
    .head .head_bottom{width: 95%;}
    .head .head_bottom .bottom_module{display: none;}
    .head .head_top{display: none;}
    .head .phone_nav{display: none;}
    .head .menu{display: block;font-size: 32px;cursor: pointer;}
    .head .phone_nav.active{display: block;animation: phone_nav 0.5s ease;}
    .head .phone_nav{position: fixed;top: 0;right: 0;max-width: 85%;height: 100vh;background-color: #336CA6;z-index: 22;min-width: 50%;}
    @keyframes phone_nav {
        0%  {min-width: 0;max-width: 0;opacity: 0}
        100% {min-width: 50%;max-width: 85%;opacity: 1;}
    }
    .head .phone_nav .close{width: 100%;padding: 20px 10px;display: flex;justify-content: space-between;align-items: center;margin: 0 auto;background-color: #2c5d8f;box-sizing: border-box;cursor: pointer;}
    .head .phone_nav .close .icon{font-size: var(--fz18);padding: 10px;cursor: pointer;color: #ffffff}
    .head .phone_nav .close span{color: #ffffff;}
    .head .phone_nav>ul>li>a{font-size: var(--fz14);color: #ffffff;display: block;box-sizing: border-box;padding: 20px 10px;border-bottom: 1px solid #2c5d8f;}
    .head .phone_nav>ul>li>a:hover{background-color: #31679e;}
    .head .phone_nav .drop{display: flex;justify-content: space-between;align-items: center;padding: 10px;border-bottom: 1px solid #2c5d8f;}
    .head .phone_nav .drop a{font-size: var(--fz14);color: #ffffff;padding: 10px 0;}
    .head .phone_nav .drop:hover{background-color: #31679e;}
    .head .phone_nav .icon{padding: 10px;cursor: pointer;color: #ffffff;animation: icon_rotate_top 0.5s ease}
    .head .phone_nav .icon.active{transform: rotate(180deg);animation: icon_rotate 0.5s ease}
    @keyframes icon_rotate_top {
        0%  {transform: rotate(180deg)}
        100%{transform: rotate(0deg)}
    }
    @keyframes icon_rotate {
        0%  {transform: rotate(0deg)}
        100%{transform: rotate(180deg)}
    }
    .head .phone_nav .down_phone{display: none;}
    .head .phone_nav>ul>li.active .down_phone{display: block;transition: down_phone 0.5s ease;}
    .head .phone_nav .down_phone a{font-size: var(--fz14);color: #ffffff;padding: 10px 20px;display: block;border-bottom: 1px solid rgba(0, 0, 0, 0.1);box-sizing: border-box;border-bottom: 1px solid #2c5d8f;}
    .head .phone_nav .down_phone .final_phone_nav{display: none;padding: 0 10px}
    .head .phone_nav .down_phone ul li.active .final_phone_nav{display: block}
    .head .phone_nav .down_phone a:hover{background-color: #31679e;}
    .head .phone_nav .down_phone .final_phone_drop{display: flex;justify-content: space-between;}


    .head .phone_nav .phone_search{width: 100%;padding: 10px;box-sizing: border-box;margin-top: 30px;position: relative;}
    .head .phone_nav .phone_search input{width: 100%;padding: 10px;box-sizing: border-box;}
    .head .phone_nav .phone_search img{position: absolute;top: 50%;right: 30px;transform: translateY(-50%);cursor: pointer;}
    /*以上头部部分--------------------------------------------------------------------*/


    .foot{width: 95%;flex-direction: column;padding: 20px 0;}
    .foot .foot_left,.foot .foot_right{width: 100%}
    .foot .foot_left p{margin: 10px 0}
    .foot .foot_right{margin-top: 10px;flex-direction: column;}
    .foot .foot_right .list{width: 100%}
    .foot .foot_right .list h2{margin-bottom: 15px;}
    .foot .foot_right .list ul li{margin-bottom: 15px;}
    .copyright .copyright_inner .right a{margin-right: 10px}
    .copyright .copyright_inner{width: 95%;flex-direction: column;}
    .copyright .copyright_inner .right{margin-top: 10px}
    .copyright .copyright_inner .copy{color: #000000;}
    .copyright::before{display: none;}
    /*尾部部分------------------------------------------------------------------------------*/

    /*以下为主页板块----------------------------------------------------------------------------*/
    .index_banner .inner_slide .text_content{width: 90%}
    .index_banner .inner_slide .text_content h1{margin-bottom: 10px;-webkit-line-clamp: 1}
    .index_banner .inner_slide .text_content p{margin-bottom: 10px;-webkit-line-clamp: 2;line-height: 20px}
    .index_banner .inner_slide .text_content a{width: 200px;height: 40px;line-height: 40px}

    .index_first,
    .index_second .second_top_bc .second_top,
    .index_second .second_bottom_bg,
    .index_third,
    .index_fourth,
    .index_fifth,
    .index_sixth,
    .index_seventh{width: 95%}


    .index_first{flex-direction: column;}
    .index_first .left,.index_first .right{width: 100%}
    .index_first .many_img{width: 100%;padding: 10px;}
    .index_first .right .inner_text{margin-top: 15px;}
    .index_second .second_top_bc .second_top .list{padding: 25px 0;}
    .index_second .second_top_bc .second_top .list p{margin-top: 10px;}

    .index_second .second_bottom_bg{padding: 15px 0;}
    .index_second .second_bottom{width: 100%;flex-direction: column-reverse;}
    .index_second .second_bottom .text,.index_second .second_bottom .text_img{width: 100%}
    .index_second .second_bottom .text{padding-left: 10px;padding-top: 10px}

    .index_third .slide_inner .img{width: 100%}
    .index_third_bc{padding: 15px 0;}
    .index_third .slide_inner .lide_text{width: 50%;padding: 10px;}
    .index_third .slide_inner .lide_text h2{-webkit-line-clamp: 1}
    .index_third .slide_inner .lide_text p{-webkit-line-clamp: 1}
    .index_third .slide_inner .lide_text a{padding: 10px;margin-top: 10px;}
    .index_third .third_pointer{padding-top: 10px;}
    .index_fourth .fourth_content .inner_item{grid-template-columns: repeat(1,100%);grid-row-gap: 15px;}
    .index_fifth{padding-bottom: 20px}
    .index_fifth>h3{padding: 10px 0;}
    .index_fifth .fifth_content{flex-direction: column;}
    .index_fifth .fifth_content .left,
    .index_fifth .fifth_content .right{width: 100%}
    .index_fifth .fifth_content .left .top_show{flex-direction: column}
    .index_fifth .fifth_content .left .top_show .list_bg{width: 100%;margin-top: 10px}
    .index_sixth_bg{padding: 20px 0}
    .index_sixth .list p{display: none}
    .index_seventh .seventh_top{flex-direction: column;padding: 20px 0;}
    .index_seventh .seventh_top .left{margin-bottom: 10px}
    .index_seventh .seventh_top .right .list{margin-left: 15px}
    .index_seventh .seventh_bottom_bg{flex-direction: column;padding: 20px }
    .index_seventh .seventh_bottom_bg .left,.index_seventh .seventh_bottom_bg .right{width: 100%;margin-top: 10px}
    .inside_contact{width: 95%;margin: 0 auto;}
    .inside_contact .inside_form{padding: 0 10px}
    .inside_contact .form_inner .list{width: 100%}

/*    以下为内页样式*/
    .list_product_one .right .lists ul{grid-template-columns: repeat(2,1fr);transition: all .3s}
    .list_product_one .right{width: 100%;transition: all .3s;margin-top: 30px;}
    .list_product_one .right .top{padding: 40px}
    .list_product_one .left{width: 100%;transition: all .3s}
    .list_product_one .single_content{flex-direction: column}
    .list_product .right .list ul{grid-template-columns: repeat(2,1fr)}
    .list_product .left{width: 100%;transition: all .3s}
    .list_product .right{width: 100%;margin-top: 20px;transition:all .3s}
    .list_product .single_content{flex-direction: column}
    .list_product .ch_inside_single,
    .list_product .ch_inside_content{width: 100%}
    .list_product .ch_right .top{padding: 21px 50px;margin-top:20px;}
    .list_product .ch_right .lists ul{grid-template-columns: repeat(1,100%);grid-row-gap:20px}
    
    
    
    .about_box{margin-top: 60px}
    .single_text .product_content {flex-direction: column}
    .single_text .product_content .right{width: 100%;transition: all .3s;margin-top: 30px;}
    .single_text .product_content .left{width: 100%;transition: all .3s}
    .about_video .content{width: 90%;transition: all .3s}
    .about_box .content{width: 95%;transition: all .3s;flex-direction: column}
    .about_box .content>.right{width: 100%;transition: all .3s;padding-left: unset;}
    .about_number .content{width: 95%;transition: all .3s}
    .about_box_one .content{width: 95%;transition: all .3s}
    .about_box_one .content .box_list .left .list{margin-top: 50px}
    .about_box_one .content .box_list{background-size: cover}
    .about_box_two .lists{width: 95%;transition: all .3s}
    .form_box .content{width: 95%;transition: all .3s;flex-direction: column}
    .form_box .content .right{width: 100%;}
    .form_box .content input {height: 65px}
    .form_box{margin-top: 100px}
    .form_box .content .left{width: 100%;margin-bottom: 30px;font-size: 20px;}
    .about_banner .text{font-size: 24px;}
    .about_box .content .right .title{font-size: 20px;}
    .about_number .content ul li .number{font-size: 20px;}
    .about_video{margin-top: 50px}
    .about_number{margin-top: 50px}
    .about_box_one .content h3{font-size: 22px;}
    .about_box .content>.left{width: 100%;transition: all .3s}
}