button{border:none!important;outline:0}
button,input[type=button],input[type=date],input[type=file],input[type=number],input[type=password],input[type=submit],select,textarea{cursor:pointer;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(255,255,255,0)}
input[type=date]{cursor:pointer;-webkit-appearance:none}
button,input[type=button],input[type=reset],input[type=submit],input[type=text],select,textarea{-webkit-appearance:none}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 100px #fff inset}

@media screen and (min-width:1501px){
    .hidden-lg{display:none!important}
}

@media screen and (min-width: 1200px) and (max-width: 1500px) {
    .warpper{width: 96%!important;}
    .hidden-l{display:none!important;}
    html{font-size:60%;}


    .core_nav_right a {
        min-width: inherit;
    }
    .logo{width:207px}
    .nav-bar li{margin-left:10px}
    .nav_heft>a{padding-left:23px}
    .sear{margin:auto 20px}
    .nav_down{background-size:46% 100%}
    .navdown_l{width:54%}
    .navdown_r{width:46%}
    .fot_m_right li span{min-width:88px}
    .fot_code p{font-size:1.2rem}
    .crumbs_tit a span{margin-right:10px}
    .zhonor_left{width:51%}
    .zhonor a p{font-size:1.8rem}
    .zpower a>p{line-height:45px;font-size:1.8rem}
    .zcore_yy li>p{line-height:45px}
    .zcase_list ul li a>p{font-size:1.8rem;line-height:45px}
    .myznews_left>small:after{height:34px}
    .newsinfo_l>h3{font-size:2.8rem}



}

@media screen and (min-width: 960px) and (max-width: 1199px) {
    .warpper, .mycontainer{width: 93%!important;}
    .hidden-m{display:none!important;}
    html{font-size:60%;}

    /*index*/
    .head{padding-left:10px;}
    .logo{width:72px}
    .nav-bar li{margin-left:10px}
    .nav_heft>a{padding-left:23px}
    .sear{margin:auto 20px}
    .nav_down{background-size:46% 100%}
    .navdown_l{width:54%;padding-left:80px;}
    .navdown_r{width:46%}
    .swiper-ban .swiper-slide a.firstpic b img{height:44%}
    .fot_m_right li span{min-width:88px}
    .fot_code p{font-size:1.2rem}

    .core_nav_right a {
        min-width: inherit;
        margin-bottom: 10px;
    }

    .coop_top>h4{
        font-size: 7rem;
    }
    .coop_top>h4>sub{
        font-size: 3rem;
    }
    .coop_top>div>p{
        font-size: 3rem;
    }
    .coop_top>div>small{
        font-size: 2rem;
    }
    .coop_top>i {
        height: 53px;
        margin: 0 24px;
    }
    .coop_bom ul li{
        width: 150px;
        height: 150px;
    }
    .fot_tel>p {
        margin-top: 10px;
        font-size: 1.5rem;}
    .fot_tel>h4 {
        font-size: 2.3rem;
    }
    .fot_m_left small {
        font-size: 1.5rem;
        line-height: 25px;
    }
    .fot_m_left{
        display:none;
    }
    .fot_m_right {
        width: 100%;
        border-left: none;
        padding-left: 0;
    }
    .fot_m_right>ul{
        width:calc(98% - 143px);
    }

    .navdown_r>h3:before{
        font-size: 5rem;
    }
    /*company*/
    .crumbs_tit a span{margin-right:10px}
    .crumbs_tit a{padding:0 10px;}
    .crumbs>.warpper>h3 i {
        margin-right: 10px;}
    .zcom_intro_bottom li>div>h3 {font-size: 3rem;}
    .zcom_intro_bottom li>div>p{
        font-size: 1.4rem;
    }
    .history_top .swiper-slide h1 {
        font-size: 36rem;
    }
    .zhonor_left{width:51%}
    .zhonor a p{font-size:1.8rem;line-height:45px;}
    .history_top .swiper-slide>div{
        width: 700px;
    }
    .history_top .swiper-button-next {
        right: 0;
    }
    .history_top .swiper-button-prev {
        left: 0;
    }
    .zlayout_left {
        width: calc(95% - 450px);
    }
    .zlayout_right{
        width: 450px;
        height: 450px;
    }
    .zlayout_right>img{
        width: 150px;
    }
    .zlayout{
        padding:3vw 4vw;
    }
    .zhonor01{
        height: 436px;
    }
    .zhonor01 img {
        height: 100%;
        object-fit: cover;
    }
    .zhonor_left>h2 {
        font-size: 2.3rem;
    }
    .zhonor a span{
        padding:25px;
    }
    .zhonor_left>small li p {
        font-size: 1.4rem;
        line-height: 24px;
    }
    .zpower a>p{line-height:45px;font-size:1.8rem}
    .zcore_yy li>p{    line-height: inherit;padding: 10px;}
    .zcase_list ul li a>p{font-size:1.8rem;line-height:45px}

    /*product*/
    .zproductlist li>div>h4{
        font-size: 2rem;
    }
    .zproductlist li{
        width: 49%;
        padding: 20px;
    }
    .zproductlist li>b{
        height: 125px;
    }
    .more{
        line-height: 34px;
    }
    .zproductlist .zcase_flex2 a:last-of-type{
        line-height: 32px;
    }
    .zpro_detail h3:before{
        font-size: 4rem;
    }
    .zcore_top_right>h3,
    .zpro_detail h3{
        font-size: 2.6rem;
    }

    /*ore*/
    .ztech ul li h4{
        font-size: 2rem;
        background-size:80% auto;
    }
    .core_nav{
        flex-wrap:wrap;
    }
    .core_nav_right{
        width:100%;
        justify-content: center;
        margin-top: 3vw;
        margin-bottom: 2vw;
    }
    .zcore_top_right>small{
        margin-bottom: 1vw;
    }
    /*news*/
    .myznews_left>small:after{height:34px}
    .newsinfo_l>h3{font-size:2.8rem}

    /*contact*/
    .zrecruit01>img{
        width: 50%;
    }
}

@media screen and (min-width: 768px) and (max-width: 959px) {
    .warpper, .mycontainer{width: 96%!important;}
    .hidden-sm{display:none!important;}
    html{font-size:60%;}


    /*nav*/
    .head_right{
        position:fixed;
        display:none;
        background:#fff;
        right:0;
        top:65px;
        z-index: 1000;
        width: 100%;
        height: calc(100% - 65px);
        padding-bottom: 100px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        overflow-y:auto;
    }
    .head_right::-webkit-scrollbar{
        width:0; /*滚动条宽度*/
    }

    .nav-bar{
        display:block;
    }

    .nav-bar li{margin-left:0;border-top:1px solid #f5f5f5;}
    .nav_heft>a{padding-left:0;
        font-weight: bold;font-size:1.8rem;}
    .nav_heft{
        display:flex;
        justify-content: space-between;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding:0 15px;
    }
    .navdown_r{display:none;}
    .navdown_l{width:100%;padding-left:0;}
    .navdown_l>a{
        display:flex;
        align-items: center;
        color: #666;
        font-size: 1.6rem;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding:10px 50px;
        border-top: 1px solid #f5f5f5;
    }
    .navdown_l>a>i:first-of-type{
        margin-right: 15px;
    }
    .sear{display:none;}

    .gfshop{
        display:flex;
        align-items: center;
        position:fixed;
        left:0;
        bottom:0;
        width: calc(100% - 81px);
        height: 55px;
        background:#fff;
        border-top:1px solid #f5f5f5;
    }
    .head_right>a{
        position:fixed;
        right:0;
        bottom:0;
        height: 55px;
        background:#fff;
        border-left: 1px solid #f5f5f5;
        border-top:1px solid #f5f5f5;
    }
    .gfshop_top{
        height: 55px;
    }
    .gfshop_down{
        display:flex;
        align-items: center;
    }
    .gfshop_down a{
        font-size: 1.6rem;
        color: #666;
        margin-left: 2vw;
    }

    .swiperbody>.swiper-wrapper>.swiper-slide{
        padding-top: 0;
    }
    .swiper-paginationbg{display:none;}



    /*index*/
    .head{padding-left:10px;display:flex;
        height: 65px;
    align-items: center;}

    .zbanner{
        margin-top: 65px;
    }
    .logo{width:250px}



    .swiper-ban .swiper-slide a.firstpic b img{height:44%}
    .fot_m_right li span{min-width:88px}
    .fot_code p{font-size:1.2rem}
    .company_right li h3{
        font-size: 4rem;
    }
    .coop_top>h4{
        font-size:6rem;
    }
    .coop_top>h4>sub{
        font-size: 2.5rem;
    }
    .coop_top>div>p{
        font-size: 2.5rem;
    }
    .coop_top>div>small{
        font-size: 1.8rem;
        width:initial;
    }
    .coop_top>i {
        height: 53px;
        margin: 0 24px;
    }
    .coop_bom ul li{
        width: 150px;
        height: 150px;
    }
    .swiperbody>.swiper-wrapper>.in_news{
        height: initial;
    }
    .news_cont{flex-wrap: wrap}
    .news_left{
        width: 100%;
    }
    .news_right{
        border-left: none;
        width: 100%;
    }
    .news_left a>b{
        height: 46vw;
    }
    .news_right li {
        height: initial;
    }
    .news_right li a{
        height: initial;
    }
    .fot_tel>p {
        margin-top: 10px;
        font-size: 1.5rem;}
    .fot_tel>h4 {
        font-size: 2.3rem;
    }
    .fot_m_left small {
        font-size: 1.5rem;
        line-height: 25px;
    }
    .fot_m_left{
        display:none;
    }
    .fot_m_right {
        width: 100%;
        border-left: none;
        padding-left: 0;
    }
    .fot_m_right>ul{
        width:calc(98% - 143px);
    }

    .navdown_r>h3:before{
        font-size: 5rem;
    }

    .swiper-ban .swiper-slide a{
        padding-left: 0;
    }
    .swiper-ban .swiper-slide a b{
        width: 80%;
    }

    .swiper-ban .swiper-slide a.firstpic b img {
        height: 29%;
        margin-top: 18vw;
    }
    .pl_side{
        padding-left: 0;
    }

    .crumbs_tit{display:none;}
    /*company*/
    .crumbs_tit a span{margin-right:10px}
    .crumbs_tit a{padding:0 10px;}
    .crumbs>.warpper>h3 i {
        margin-right: 10px;}
    .zcom_intro_bottom li>div>h3 {font-size: 3rem;}
    .zcom_intro_bottom li>div>p{
        font-size: 1.4rem;
    }
    .history_top .swiper-slide h1 {
        font-size: 26rem;
    }
    .zhonor_left{width:51%}
    .zhonor a p{font-size:1.8rem;line-height:45px;}
    .history_top .swiper-slide>div{
        width: 520px;
    }
    .history_top .swiper-slide h3{
        font-size: 4rem;
        width: 120px;
    }
    .history_top .swiper-slide small {
        width: calc(100% - 120px);
    }
    .history_top .swiper-button-next {
        right: 0;
    }
    .history_top .swiper-button-prev {
        left: 0;
    }
    .crumbs>.warpper>h3 i{
             height: 45px;}

    .zcom_intro_bottom .pic01{
        width: 83px;
    }
    .zcom_intro_bottom li .pic02 {
        height: 35px;
    }
    .zcom_intro_bottom li{padding:15px;}
    .zlayout_left {
        width: calc(95% - 390px);
    }
    .zlayout_left h3 {
        font-size: 2.8rem;}
    .zlayout_right{
        width: 390px;
        height: 390px;
    }
    .zlayout_right>img{
        width: 120px;
    }
    .zlayout{
        padding:7vw 4vw;
    }
    .zhonor01{
        height: 382px;
    }
    .zhonor01>img {
        height: 100%;
        object-fit: cover;
    }
    .zhonor_left>img{
        height: 34px;
    }
    .zhonor_left>h2 {
        font-size: 2rem;
        margin:10px 0;
    }
    .zhonor a span{
        padding:25px;
        height: 24vw;
    }
    .zhonor_left>small li p {
        font-size: 1.4rem;
        line-height: 20px;
    }
    .zpower a>p{line-height:45px;font-size:1.8rem}
    .zcore_yy li>p{    line-height: inherit;padding: 10px;}
    .zcase_list ul li a>p{font-size:1.8rem;line-height:45px}

    /*product*/
    .zproductlist li>div{
        width: 100%;
        order:2;
    }
    .zproductlist li>div>h4{
        font-size: 2rem;
    }
    .zproductlist li{
        width: 49%;
        padding: 20px;
        flex-wrap: wrap;
    }
    .zproductlist li>b{
        height: 25vw;
        margin-bottom: 3vw;
        order:1;
        width: 100%;
    }
    .more{
        line-height: 34px;
    }
    .zproductlist .zcase_flex2 a:last-of-type{
        line-height: 32px;
    }
    .zpro_detail h3:before{
        font-size: 4rem;
    }
    .zcore_top_right>h3,
    .zpro_detail h3{
        font-size: 2.2rem;
    }
    .zproinfo_m_left{
        width: 100%;
    }
    .zcore_detail strong{
        font-size: 2rem;
    }
    .zproinfo_top_left{
        height: 395px;
    }
    .swiper-proinfo .swiper-slide{
        background:#fff;
    }
    .swiper-proinfo .swiper-slide img{
        object-fit: scale-down;
    }
    /*core*/
    .ztech ul li>small{
        font-size: 1.4rem;
        line-height: 24px;
    }
    .ztech ul li h4{
        font-size: 2rem;
        background-size:80% auto;
    }
    .core_nav{
        flex-wrap:wrap;
    }

    .core_nav_right{
        width:100%;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 3vw;
        margin-bottom: 2vw;
    }
    .ztitle:before{
        font-size: 3.8rem;
    }
    .core_nav_right a{
        min-width: inherit;
        margin-bottom: 10px;
    }
    .zcore_top_right>small{
        margin-bottom: 1vw;
    }
    .zcore_yy li>b{
        height: 27vw;
    }
    .zcore_yy li{
        width: 49%;
        margin-right: 2%;
    }
    .zcore_yy li:nth-of-type(5n){
        margin-right: 2%;
    }
    .zcore_yy li:nth-of-type(2n){
        margin-right: 0;
    }
    /*case*/
    .zcase_list ul li{
        width: 32%;
        margin-right: 2%;
        margin-bottom: 2vw;
    }
    .zcase_list ul li a>b{
        height: 24vw;
    }
    .zcase_list ul li a>b>div>img{
        width: 50px;
    }
    .zcase_list ul li a>b>div>span{
        font-size: 3rem;
    }
    .zcase_list ul li:nth-of-type(4n){
        margin-right: 2%;
    }
    .zcase_list ul li:nth-of-type(3n){
        margin-right: 0;
    }
    .zcase_tit_flex>i{
        font-size: 1.4rem;
    }

    /*news*/
    .myznews_left>small:after{height:34px}
    .newsinfo_l>h3{font-size:2.3rem}
    .znews_text h4{
        font-size: 2.3rem;
    }
    .znews_style02 a>.img_jz{
        height: 15vw;
    }

    /*contact*/
    .zcontact01 li{
        height: 190px;
    }
    .zcontact01 li h4{
        font-size: 1.9rem;
    }
    .zrecruit01>img{
        width: 50%;
    }
    .zcon02_bg{
        width: 477px;
        padding: 12px;
    }
    .zcontact02{
        height: 685px;
    }
    .zrecruit02_cont a>div img{
        height: 31px;
    }
    .zrecruit02_cont a>div>small{
        height: 77px;
        max-width: 90%;
        margin:0 auto;
    }
    .zrecruit02_cont a{
        height: 357px;
    }


}

@media only screen and (max-width: 767px) {
    .warpper, .mycontainer {width: 94% !important;}
    .hidden-xs {display: none !important;}
    html {font-size: 60%;}


    .searchshowbg form{
        width: 95%;
    }
    .searchshowbg form input[name=keyword]{
        width: calc(100% - 110px);
    }

    /*nav*/
    .head_right{
        position:fixed;
        display:none;
        background:#fff;
        right:0;
        top:65px;
        z-index: 1000;
        width: 100%;
        height: calc(100% - 65px);
        padding-bottom: 100px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        overflow-y:auto;
    }
    .head_right::-webkit-scrollbar{
        width:0; /*滚动条宽度*/
    }

    .nav-bar{
        display:block;
    }

    .nav-bar li{margin-left:0;border-top:1px solid #f5f5f5;}
    .nav_heft>a{padding-left:0;
        font-weight: bold;font-size:1.8rem;}
    .nav_heft{
        display:flex;
        justify-content: space-between;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding:0 15px;
    }
    .navdown_r{display:none;}
    .navdown_l{width:100%;padding-left:0;}
    .navdown_l>a{
        display:flex;
        align-items: center;
        color: #666;
        font-size: 1.6rem;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding:10px 50px;
        border-top: 1px solid #f5f5f5;
    }
    .navdown_l>a>i:first-of-type{
        margin-right: 15px;
    }
    .sear{display:none;}

    .gfshop{
        display:flex;
        align-items: center;
        position:fixed;
        left:0;
        bottom:0;
        width: calc(100% - 81px);
        height: 55px;
        background:#fff;
        border-top:1px solid #f5f5f5;
    }
    .head_right>a{
        position:fixed;
        right:0;
        bottom:0;
        height: 55px;
        background:#fff;
        border-left: 1px solid #f5f5f5;
        border-top:1px solid #f5f5f5;
    }
    .gfshop_top{
        height: 55px;
    }
    .gfshop_down{
        display:flex;
        align-items: center;
    }
    .gfshop_down a{
        font-size: 1.6rem;
        color: #666;
        margin-left: 2vw;
    }
    .gfshop_down a span{display:none;}

    .swiperbody>.swiper-wrapper>.swiper-slide{
        padding-top: 0;
    }
    .swiper-paginationbg{display:none;}



    /*index*/
    .swiperbody>.swiper-wrapper>.in_banner{
        height: 164vw;
    }
    .head{padding-left:10px;display:flex;
        height: 65px;
        align-items: center;}

    .zbanner{
        margin-top: 65px;
    }
    .logo{width:250px}



    .swiper-ban .swiper-slide a.firstpic b img{height:44%}
    .fot_m_right li span{min-width:76px;line-height:36px;font-size:1.5rem;}
    .fot_code{display:none;}
    .swiperbody>.swiper-wrapper>.in_company{
        height: initial;
    }
    .com_cont{
        flex-wrap: wrap;
    }
    .company_left{
        width: 100%;
        margin-top:8vw;
        margin-bottom: 3vw;
    }
    .company_right{
        width: 100%;
        height: initial;
    }
    .company_right li{
        height: 100px;
    }
    .company_right li>img{
        height: 32px;
    }
    .company_right li h3{
        font-size: 3rem;
    }
    .company_left>h2{
        font-size: 2.7rem;
    }
    .swiperbody>.swiper-wrapper>.in_product{
        height: 415px;
    }
    .swiper-pro a>h4{
        height: 148px;
    }
    .swiper-pro a>h4 span{
        font-size: 3rem;
        line-height: 3rem;
    }
    .swiper-pro a>h2{
        font-size: 2.2rem;
    }
    .swiper-pro a>i{
        height: 45px;
    }
    .swiper-pro a>i{
        left:30px;
    }
    .coop_top{flex-wrap: wrap}
    .coop_top>h4{
        font-size:3rem;
        width: 100%;
        text-align: center;
    }
    .coop_top>h4>sub{
        font-size: 2.5rem;
    }
    .coop_top>div>p{
        font-size: 1.8rem;
    }
    .coop_top>div>small{
        font-size: 1.4rem;
        width:initial;
    }
    .coop_top>i {
        height: 2px;
        width: 50px;
        margin: 4px auto;
    }
    .coop_top>div{
        width: 100%;
    }
    .coop_top>div p{
        text-align: center;
    }
    .coop_top>div small{
        text-align: center;
    }

    .swiperbody>.swiper-wrapper>.in_coop{
        height: initial;
    }
    .coop_cont{
        margin-top: 15vw;
        margin-bottom: 15vw;
    }
    .coop_bom ul li{
        width: 85px;
        height: 85px;
        margin-right: 3px;
    }
    .swiperbody>.swiper-wrapper>.in_news{
        height: initial;
    }
    .news_cont{flex-wrap: wrap}
    .news_left{
        width: 100%;
        margin-top: 6vw;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
    .news_right{
        border-left: none;
        width: 100%;
    }
    .news_left a>b{
        height: 46vw;
    }
    .news_left a>h4{
        font-size: 1.8rem;
    }
    .news_left a>h3 {
        font-size: 2rem;
    }
    .news_right li {
        height: initial;
    }
    .news_right li a{
        height: initial;
        padding-right: 3vw;
    }
    .fot_nav>a{display:none;}
    .fot_tel>p {
        margin-top: 10px;
        font-size: 1.5rem;}
    .fot_tel>h4 {
        font-size: 2.3rem;
    }
    .fot_m_left small {
        font-size: 1.5rem;
        line-height: 25px;
    }
    .news_right li a>h4{
        font-size: 1.8rem;}
    .news_right li a>h3{
        font-size: 2rem;
    }
    .fot_m_left{
        display:none;
    }
    .fot_m_right {
        width: 100%;
        border-left: none;
        padding-left: 0;flex-wrap: wrap
    }
    .fot_m_right>ul{
        width:100%;
    }
    .fot_code{
        margin:0 auto;
    }
    .navdown_r>h3:before{
        font-size: 5rem;
    }

    .swiper-ban .swiper-slide a{
        padding-left: 0;
    }
    .swiper-ban .swiper-slide a b{
        width: 80%;
    }

    .swiper-ban .swiper-slide a.firstpic b img {
        height: 29%;
        margin-top: 18vw;
    }
    .pl_side{
        padding-left: 0;
    }
    .fot_m_right li{
        align-items: flex-start;
        margin-bottom: 0;
    }
    .fot_m_right li a{
        width:calc(100% - 100px);
        padding-top:6px;
        font-size: 1.5rem;
    }

    .crumbs_tit{display:none;}
    /*company*/
    .ztitle>h3{
        font-size: 2.3rem;
    }
    .zbanner{
        height: 47vw;
    }
    .zbanner>img{
        height: 100%;
        object-fit: cover;
    }
    .crumbs_tit a span{margin-right:10px}
    .crumbs_tit a{padding:0 10px;}
    .crumbs>.warpper>h3 i {
        margin-right: 10px;}
    .zcom_intro_top{
        flex-wrap: wrap;
    }
    .zcom_intro_left{
        width: 100%;
    }
    .zcom_intro_right{display:none;}
    .zcom_intro_bottom{
        flex-wrap: wrap;
    }
    .zcom_intro_bottom li{padding:15px;
        width: 50%;
    }
    .zcom_intro_bottom li:nth-of-type(3){
        width: 100%;
    }
    .zcom_intro_bottom li>div>h3 {font-size: 3rem;}
    .zcom_intro_bottom li>div>p{
        font-size: 1.4rem;
    }
    .history_top .swiper-slide h1 {
        font-size: 6rem;
    }
    .history_top{
        height: 202px;
    }
    .history_bom .swiper-slide.swiper-slide-thumb-active h3{
        font-size: 2.5rem;
    }
    .zhonor_left{width:100%;
        position: relative;
        top:0;
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
        transform: translateY(0%);
    }
    .zhonor a p{font-size:1.4rem;line-height:35px;}
    .history_top .swiper-slide>div{
        width: 100%;
    }
    .history_top .swiper-slide h3{
        font-size: 2.4rem;
        width: 60px;
    }
    .history_top .swiper-slide small {
        width: calc(100% - 60px);
        padding-left: 8px;
    }
    .history_top .swiper-slide small li p{
        font-size: 1.4rem;
    }
    .history_top .swiper-button-next,
    .history_top .swiper-button-prev {
        display:none;
    }
    .crumbs>.warpper>h3 i{
        height: 45px;}

    .zcom_intro_bottom .pic01{
        width: 83px;
    }
    .zcom_intro_bottom li .pic02 {
        height: 35px;
    }
    .zpower a{
        width: 49%;
        height: 34vw;
        margin-right: 2%;
    }
    .zpower a:nth-of-type(4n) {
        margin-right: 2%;
    }
    .zpower a:nth-of-type(2n){
        margin-right: 0;
    }

    .zlayout{
        padding:7vw 4vw;
        flex-wrap: wrap;
    }
    .zlayout_left {
        width: 100%;
    }
    .zlayout_left h3 {
        font-size: 2.3rem;}

    .zlayout_left>img{
        height: 25px;
    }
    .zlayout_right{
        width: 100%;
        height: 85vw;
    }
    .zlayout_right>img{
        width: 95px;
    }
    .zlayout_right>b {
        width: calc(100% - 10px);
        height: calc(100% - 10px);
    }
    .zlayout_right>b img {
        width: 40%;
        margin:0 auto;
    }
    .zlayout_right>img:nth-of-type(2) {
        left: 0;
    }
    .zlayout_right>img:nth-of-type(3) {
        right: 0;
    }
    .zhonor01{
        height: initial;
    }
    .zhonor01>img {
        display:none;
    }
    .zhonor_left>img{
        height: 34px;
    }
    .zhonor_left>h2 {
        font-size: 2rem;
        margin:10px 0;
    }
    .zhonor a span{
        padding:5px;
        height: 33vw;
    }
    .zhonor_left>small li p {
        font-size: 1.4rem;
        line-height: 20px;
    }
    .zhonor a{
        width: 49%;
    }
    .zhonor a:nth-of-type(3n){
        margin-right: 2%;
    }
    .zhonor a:nth-of-type(2n){
        margin-right: 0;
    }
    .zpower a>p{line-height:35px;font-size:1.4rem;opacity: 1}
    .zcore_yy li>p{    line-height: inherit;padding: 10px;}
    .zcase_list ul li a>p{font-size:1.8rem;line-height:45px}

    .zteam>ul>li{
        flex-wrap: wrap;
    }
    .zteam>ul>li>b{
        width: 100%;
        height: 118vw;
    }
    .zteam>ul>li>small{
        width: 100%;
    }
    .zteam>ul>li>b>div{
        height: 188px;
        padding-top: 98px;
    }

    /*product*/
    .zproductlist li>div{
        width: 100%;
        order:2;
    }
    .zproductlist li>div>h4{
        font-size: 2rem;
    }
    .zproductlist li{
        width: 100%;
        float:none;
        margin-right: 0;
        padding: 20px;
        flex-wrap: wrap;
    }
    .zproductlist li>b{
        height: 44vw;
        margin-bottom: 3vw;
        order:1;
        width: 100%;
    }
    .more{
        line-height: 34px;
    }
    .zproductlist .zcase_flex2 a:last-of-type{
        line-height: 32px;
    }
    .zpro_detail h3:before{
        font-size: 4rem;
    }
    .zcore_top{flex-wrap: wrap}
    .zcore_top>b{
        width: 100%;
        height: 88vw;
    }
    .zcore_top_right>h3,
    .zpro_detail h3{
        font-size: 2.2rem;
    }
    .zproinfo_m_left{
        width: 100%;
    }
    .zcore_detail strong{
        font-size: 2rem;
    }
    .zproinfo_top_left{
        height: 65vw;
        width: 100%;
        margin-bottom: 5vw;
    }
    .zcase_tit_flex>p span{
        font-size: 1.4rem;
        padding-left: 18px;
        line-height: 25px;
        display: inline-block;
    }
    .zcase_tel>p {
        font-size: 1.4rem;}
    .zcase_tit_flex>p{
        width: initial;
    }
    .ztech ul li{
        float:none;
        width:100%;
        padding: 10vw 1.5vw;
    }
    .ztech ul li b {
        height: 46vw;}
    .myznews_left{
        width: 100%;
    }
    .myznews_left>.zdate{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px dashed #ddd;
        padding-bottom: 10px;
    }
    .zdate>span,
    .zdate>h4 {
        font-size: 2.3rem;
        line-height: 23px;
    }
    .myznews_left>small{
        display:none;
    }
    .znews_style02 a{
        flex-wrap: wrap;
        border-bottom: 1px solid #ddd;
        padding:20px;
    }
    .znews_text{
        width: 100%;
        margin:0;
    }


    .zside_left{
        padding: 2vw 3vw;
        margin-bottom: 5vw;
    }
    .zcase_tel>h3 {
        font-size: 2.2rem;
    }
    .zcase_tel{
        background-size:35px;
        padding-left: 44px;
    }
    .zproinfo_text>ul li{
        padding: 0 5px;
        margin-right: 3px;
    }
    .zcore_top_right{
        width: 100%;
        margin-bottom: 6vw;
    }
    .zproinfobg{
        padding:10px;
    }
    .swiper-proinfo .swiper-slide{
        background:#fff;
    }
    .swiper-proinfo .swiper-slide img{
        object-fit: scale-down;
    }
    /*core*/
    .ztech ul li>small{
        font-size: 1.4rem;
        line-height: 24px;
        height: initial;
    }
    .ztech ul li h4{
        font-size: 2rem;
        background-size:80% auto;
    }
    .core_nav{
        flex-wrap:wrap;
    }

    .core_nav_right{
        width:100%;
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 3vw;
        margin-bottom: 2vw;
    }
    .ztitle:before{
        font-size: 3rem;
    }
    .core_nav_right a{
        min-width: inherit;
        margin-bottom: 10px;
    }
    .zcore_top_right>small{
        margin-bottom: 1vw;
    }
    .zcore_yy li>b{
        height: 27vw;
    }
    .zcore_yy li{
        width: 49%;
        margin-right: 2%;
    }
    .zcore_yy li:nth-of-type(5n){
        margin-right: 2%;
    }
    .zcore_yy li:nth-of-type(2n){
        margin-right: 0;
    }
    /*case*/
    .zcase_list ul li{
        width: 49%;
        margin-right: 2%;
        margin-bottom: 2vw;
    }
    .zcase_list ul li a>b{
        height: 36vw;
    }
    .zcase_list ul li a>p{
        font-size: 1.5rem;
    }
    .zcase_list ul li a>b>div>img{
        width: 50px;
    }
    .zcase_list ul li a>b>div>span{
        font-size: 3rem;
    }
    .zcase_list ul li:nth-of-type(3n){
        margin-right: 2%;
    }
    .zcase_list ul li:nth-of-type(2n){
        margin-right: 0;
    }
    .zcase_tit_flex>i{
        font-size: 1.4rem;
    }

    /*news*/
    .myznews_left>small:after{height:34px}
    .newsinfo_l>h3{font-size:2.3rem}
    .znews_text h4{
        font-size: 2rem;
    }
    .znews_text small{
        font-size: 1.5rem;
        line-height: 25px;
        margin-bottom: 25px;
    }
    .znews_style02 a>.img_jz{
        height: 45vw;
        width: 100%;
    }
    .newsinfo_l{
        padding-right: 0;
        float:none;
        width: 100%;
        border-right: none;
    }
    .newsinfo_r{display:none;}


    /*contact*/
    .zcontact01{
        flex-wrap: wrap;
    }
    .zcontact01 li{
        height: 190px;
        width: 100%;
        margin-bottom: 10px;
    }
    .zcontact01 li h4{
        font-size: 1.9rem;
    }
    .zrecruit01>img{
        width: 100%;
    }
    .zrecruit01>small{
        width: 100%;
    }
    .zcon02_bg{
        position:relative;
        width: 100%;
        padding: 12px;
    }
    .zcont02_lx li h4{
        font-size: 1.5rem;
        word-break: break-all;
    }
    .zcontact02{
        height: initial;
    }
    #dituContent{
        height: 70vw;
    }
    .zcont02_code{
        padding:20px;
    }
    .zcon_c_right>b{
        margin: 6px 0;
    }
    .zcon_c_right>small{
        font-size: 1.4rem;
        color: #666666;
        line-height: 20px;
    }
    .zcon_c_left{
        width: 200px;
        margin-right: 10px;
    }
    .zrecruit02_cont,
    .zrecruit01{
        flex-wrap: wrap;
    }
    .zrecruit02_cont a>div img{
        height: 31px;
    }
    .zrecruit02_cont a>div>small{
        height: 77px;
        max-width: 90%;
        margin:0 auto;
    }
    .zrecruit02_cont a{
        height: 250px;
        width: 100%;
        margin-bottom: 10px;
    }




}
