button{

    border:none!important;

    outline: none;

}

input[type=button], input[type=submit], input[type=file], button ,select,input[type=password],input[type=number],input[type=date],textarea{ cursor: pointer; -webkit-appearance: none;-webkit-tap-highlight-color:rgba(255,255,255,0);}

input[type=date]{cursor: pointer; -webkit-appearance: none;}



input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], select, textarea,button {

    -webkit-appearance: none;

}

input:-webkit-autofill {

    -webkit-box-shadow: 0 0 0px 100px white inset;}



@media screen and (min-width: 1600px) {

    .hidden-lg{display:none!important;}

}

@media screen and (min-width: 1400px) and (max-width: 1600px) {

    .warpper{width: 94%!important;}

    .hidden-l{display:none!important;}



    /*company*/

    .zcom_cont1>img{

        width: 444px;

    }



}

@media screen and (min-width: 1200px) and (max-width: 1399px) {

    .warpper{width: 94%!important;}

    .hidden-l{display:none!important;}



    /*index*/

    .indexswiper .indexnews{height:101%;}











    .nav-bar{width:610px;}

    .zslolist ul li a>h4{font-size:20px;line-height:54px;}

    #playercontainer{height:36vw!important;}

    .zcom_cont1>img{width:392px;}

    .zcom_left{height:750px;background:#d3181a url(assets/liyunwangluo.xyz/static/index/zm001/images/zcombg.png) no-repeat left top;}

    .zdownloadlist ul li{padding:19px 50px;height:initial;}

    .zdownloadlist ul li a:hover{background:#d3181a url(assets/liyunwangluo.xyz/static/index/zm001/images/loadicons.png) no-repeat 88px center;}

    .zjoin ul li{height:initial;}





    .logo>div>h1{

        font-size: 3rem;

    }

    .logo>div>small{

        font-size:0.6rem;

    }



    .index_com_cont ul li h5{

        font-size: 3.2rem;

    }

    .navshop_style p,

    .nav-bar li>a>p{

        font-size: 1.6rem;

    }

    .index_com_cont{

        width: 60%;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box;

        padding-right: 5vw;

    }

    .index_com_cont ul li small {

        font-size: 1.3rem;}

    .index_com_cont>h3 {

        font-size: 3.4rem;

    }



    .news_text>h3{

        font-size: 2rem;

    }

    .fot_nav>a{

        margin-left: 10px;font-size: 1.6rem;

    }



    .fot_tel>p{

        font-size: 1.2rem;

    }



    /*made*/

    .zmade_des{

        background-size:100%;

    }



    .zmade_cont ul li div>p{

        font-size: 22px;

    }

    .zmade_cont ul li div>small{

        font-size: 16px;

    }

    .zmade_cont ul li{

        height: 158px;

    }



    /*video*/

    .de-video-list ul li h4{

        font-size: 16px;

        line-height: 60px;

    }

    .de-video-list ul li div{

        height: 19vw;

    }



    /*case*/

    .de-case-list ul li>h4{

        font-size: 18px;

        line-height: 83px;

    }



    /*jobs*/

    .zjoin ul li div>h4{

        font-size: 20px;

    }

    .zjoin ul li div>p{

        font-size: 16px;

    }



    /*company*/

    .zcom_right>h1{

        font-size: 26px;

    }

    .zdownloadlist ul li>b{

        margin-top: 12px;

        height: 40px;

    }

    .zdownloadlist ul li>h4{

        margin-top: 18px;

        margin-left: 0;

    }

    .zdownloadlist ul li>a{padding-left:14px;width:116px;height:38px;margin-top:11px;background:url(assets/liyunwangluo.xyz/static/index/zm001/images/loadicon.png) no-repeat 88px center;line-height:38px;}





    .try_top{

        background-size:100%;

    }

    .try-message>form .form-group .code .verify img{

        width: 100%;

    }









}



@media screen and (min-width: 960px) and (max-width: 1199px) {

    .warpper{width: 96%!important;}

    .hidden-m{display:none!important;}



    .zjoin ul li{height:initial;}





    /*menu*/

    .navlx_code>b{width:29px;height:29px;}

    .nav-bar{

        position:fixed;

        top:100px;

        left:-100%;z-index:100;overflow-x:hidden;

        width:100%;

        overflow-y:auto;

        background:#fff;

        -webkit-transition:350ms 0s all ease;-moz-transition:350ms 0s all ease;-o-transition:350ms 0s all ease;transition:350ms 0s all ease;-ms-transition:350ms 0s all ease;

        height: calc(100% - 100px);

        flex-wrap: wrap;

    }

    .nav-bar::-webkit-scrollbar{

        width:0; /*滚动条宽度*/

    }



    .nav-bar li{

        -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;

        padding-right:38px;padding-left:38px;

        border-top: 1px solid #ddd;

        width:100%;

        height: initial;

        flex-wrap: wrap;

    }

    .nav-bar li>a{

        width: 100%;

        text-align: left;

        position:relative;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box;

        display:block;

        line-height: 50px;

        font-weight: bold;

        font-size: 1.8rem;

        padding-left: 12px;

    }

    .nav-bar li>a:before {

        display: block;

        content: '';

        width: 3px;

        height: 22px;

        background: #2081eb;

        position: absolute;

        left: 0;

        top: 50%;

        -webkit-transform: translateY(-50%);

        -moz-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

        -o-transform: translateY(-50%);

        transform: translateY(-50%);

    }

    .downshow{

        position: relative;

        top: initial;

        left: initial;

        width: 100%;

        display:flex;

        flex-wrap: wrap;

        min-height: initial;

    }

    .downpic{display:none;}

    .downhrefbg,.pro_downhrefbg{

        width: 100%;

    }



    .downul>a{

        padding-left: 0;

        font-weight: bold;

        border-bottom: none;

        font-size: 1.6rem;

    }

    .down01 a:before,.downul>a:before{display:none;}



    .down01 a{

        border-bottom: none;

        padding-left: 0;

        font-size: 1.6rem;

    }

    .down01 a:hover,.downul>a:hover{

        border-bottom: none;

    }



    .index_com_cont{

        width: 60%;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box;

        padding-right: 5vw;

    }

    .index_com_cont ul li small {

        font-size: 1.3rem;}

    .index_com_cont>h3 {

        font-size: 3.4rem;

    }

    .index_com_cont ul li h5{

        font-size: 2.5rem;

    }





    .swiper-indexslo{

        width: 750px;

    }

    .swiper-news .swiper-slide a>b{

        height: 24vw;

    }

    .fot_nav{

        display: none;

    }

    .fot_bom{

        height: 80px;

        line-height: initial;

    }

    .indexswiper>.swiper-wrapper>.footer-slide{

        height: 205px;

    }



    #navproclick .navdown-list{display:block;}

    .list01{overflow-x:hidden;overflow-y:scroll;height:calc(100% - 148px);}

    .list01::-webkit-scrollbar{width:0;}

    .list02>a{text-align:left!important;text-align-last:auto;}

    .list04>a{padding-left:48px;text-align:left!important;}

    .list03,.list05{position:relative;display:block;}

    .list02,.list04{height:initial;}



    .zlist02:hover>.zlist03{display:none;}

    .cru_right_pro .zlist02,.crumbs>.warpper>.cru_right>a{padding:0 10px;width:initial;min-width:78px;font-size:16px;}



    /*index*/

    .newscont .swiper-button-prev{left:-97px;}

    .newscont .swiper-button-next{right:-97px;}

    .fot_tel{padding-left:43px;background:url(assets/liyunwangluo.xyz/static/index/zm001/images/foticon.png) no-repeat left 13px;background-size:36px;}

    .fot_tel>h4{font-size:22px;}

    .fot_tel>p{font-size:12px;}

    .fot_lx>p{max-width:150px;}



    /*slovet*/

    .zslo_cont01>div>h5 {font-size: 24px;}

    .zslolist ul li a>h4{font-size:20px;line-height:54px;}

    .zslo_mid_tit span{font-size: 18px;}



    /*product*/

    .zprolist ul li{padding:2vw;}

    .zpinfo_right>h3{font-size:22px;}

    .zpro_cont1_left{width:51%;height:320px;}

    .zpinfo_right{width:45%;}



    /*case*/

    .de-case-list ul li>h4{font-size:18px;line-height:76px;}

    .swiper-coop{height:185px;}



    /*video*/

    .zbanner{height:320px;}

    .de-video-list ul li div{height:185px;}

    .de-video-list ul li h4{font-size:16px;line-height:50px;}

    .znewsbg #playercontainer{width:100%!important;height:36vw!important;}

    .othernews_text>h5{font-size:16px;}



    /*made*/

    .zmade_cont ul li{height:145px;}

    .zmade_cont ul li div>p{font-size:20px;}

    .zmade_cont ul li div>small{font-size:15px;}



    /*company*/

    .zcom_right>h1{font-size:22px;}

    .zcom_right>small{color:#666;font-size:16px;line-height:28px;}

    .zcom_cont1>img{width:308px;}

    .zcom_left{height:640px;background:#d3181a url(assets/liyunwangluo.xyz/static/index/zm001/images/zcombg.png) no-repeat left top;}

    .zcom_right>ul{padding-right:15px;padding-left:23%;height:120px;}

    .zcom_right>ul li>h3{font-size:40px;}

    .zcom_right>ul li>p{font-size:16px;}



    /*news*/

    .znewslist ul li .box h4{font-size: 20px;}



    /*download*/

    .zdownloadlist ul li>b{width:24px;height:41px;}

    .zdownloadlist ul li>h4{margin-top:10px;font-size:16px;}

    .zdownloadlist ul li>a{margin-top:0;padding-left:14px;width:116px;height:38px;background:url(assets/liyunwangluo.xyz/static/index/zm001/images/loadicon.png) no-repeat 88px center;line-height:38px;}

    .zdownloadlist ul li{padding:19px 50px;height:initial;}

    .zdownloadlist ul li a:hover{background:#d3181a url(assets/liyunwangluo.xyz/static/index/zm001/images/loadicons.png) no-repeat 88px center;}



    /*content*/

    .contact-map{width:51%;}

    .zcont_cont1>ul{width:49%;}



    /*try*/

    .trybg{

        padding-bottom: 12vw;

        padding-top: 18vw;

    }

    .try_left{

        display:none;

    }

    .try-message{

        padding: 4vw 9vw;

    }

    .try-messagebg{

        float:none;

        width:100%;

    }

    .try-message #formData{

        display:flex;

        justify-content: center;

        flex-wrap: wrap;

    }

    .try-message>form .form-group{

        width: 49%;

    }

    .try-message>form .form-group:nth-of-type(2n){

        margin-left: 2%;

    }

    .try-message>form .submit{

        width: 47%;

    }





}

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

    .warpper{width: 96%!important;}

    .hidden-sm{display:none!important;}



        .zjoin ul li{height:initial;padding:30px;}







    /*menu*/

    .logo>div>h1{

        letter-spacing: 8px;

        font-size: 2.6rem;

    }

    .logo>img{

        height: 55px;

    }

    .navlx_code>b{width:29px;height:29px;}

    .nav-bar{

        position:fixed;

        top:66px;

        left:-100%;z-index:100;overflow-x:hidden;

        width:100%;

        overflow-y:auto;

        background:#fff;

        -webkit-transition:350ms 0s all ease;-moz-transition:350ms 0s all ease;-o-transition:350ms 0s all ease;transition:350ms 0s all ease;-ms-transition:350ms 0s all ease;

        height: calc(100% - 66px);

        flex-wrap: wrap;

    }

    .nav-bar::-webkit-scrollbar{

        width:0; /*滚动条宽度*/

    }



    .nav-bar li{

        -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;

        padding-right:38px;padding-left:38px;

        border-top: 1px solid #ddd;

        width:100%;

        height: initial;

        flex-wrap: wrap;

    }

    .nav-bar li>a{

        width: 100%;

        text-align: left;

        position:relative;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box;

        display:block;

        line-height: 50px;

        font-weight: bold;

        font-size: 1.8rem;

        padding-left: 12px;

    }

    .nav-bar li>a:before {

        display: block;

        content: '';

        width: 3px;

        height: 22px;

        background: #2081eb;

        position: absolute;

        left: 0;

        top: 50%;

        -webkit-transform: translateY(-50%);

        -moz-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

        -o-transform: translateY(-50%);

        transform: translateY(-50%);

    }

    .downshow{

        position: relative;

        top: initial;

        left: initial;

        width: 100%;

        display:flex;

        flex-wrap: wrap;

        min-height: initial;

    }

    .downpic{display:none;}

    .downhrefbg,.pro_downhrefbg{

        width: 100%;

    }



    .downul>a{

        padding-left: 0;

        font-weight: bold;

        border-bottom: none;

        font-size: 1.6rem;

    }

    .down01 a:before,.downul>a:before{display:none;}



    .down01 a{

        border-bottom: none;

        padding-left: 0;

        font-size: 1.6rem;

    }

    .down01 a:hover,.downul>a:hover{

        border-bottom: none;

    }



    .index_com_cont{

        width: 68%;

        padding:10vw 0;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box;

        padding-right: 5vw;

    }

    .index_com_cont ul li small {

        font-size: 1.3rem;}

    .index_com_cont>h3 {

        font-size: 2.4rem;

    }

    .index_com_cont ul li h5{

        font-size: 2.3rem;

    }

    .indexpro{padding:10vw 0;}

    .index_tit>h2{

        font-size: 2.6rem;

    }

    .swiper-indexpro a>b{

        height: 250px;

    }

    .pro_btn>div{

        width: 45px;

        height: 45px;

    }

    .pro_btn>div img{

        height: 15px;

    }

    .pt100{

        padding-top: 0;

    }

    .indexswiper>.swiper-wrapper>.swiper-slide{

        height: initial;

    }

    .swiper-indexslo{

        width: 650px;

        height: 450px;

    }

    .swiper-news .swiper-slide a>b{

        height: 24vw;

    }

    .fot_nav{

        display: none;

    }

    .footer{

        height: initial;

    }

    .fot_bom{

        display:flex;

        align-items: center;

        height: 80px;

        line-height: initial;

    }

    .indexswiper>.swiper-wrapper>.footer-slide{

        height: initial;

    }

    .swiper-indexslo a>div h4{

        font-size: 2.6rem;

    }

    .indexnews,.indexcoop{padding:10vw 0;}

    .swiper-indexcoop{

        height: 300px;

    }

    .swiper-indexcoop .swiper-slide b img{

        max-height: 52%;

    }

    .head .warpper{

        height: 66px;

    }

    .news_text>h3{

        font-size: 2rem;

    }

    .indexslo{padding-bottom:6vw;}



















    .list01{overflow-x:hidden;overflow-y:scroll;height:calc(100% - 148px);}

        .list01::-webkit-scrollbar{width:0;}

        .list02>a{text-align:left!important;text-align-last:auto;}

        .list04>a{padding-left:48px;text-align:left!important;}

        .list03,.list05{position:relative;display:block;}

        .list02,.list04{height:initial;}



        .zlist02:hover>.zlist03{display:none;}

        .cru_right_pro .zlist02,.crumbs>.warpper>.cru_right>a{padding:0 10px;width:initial;min-width:78px;font-size:16px;}



        /*index*/

        .newscont .swiper-button-prev{left:-68px;}

        .newscont .swiper-button-next{right:-68px;}

        .newscont .swiper-pagination{display:none;}



    .fot_bom_top>a{

        display:none;

    }

    .fot_top{

        flex-wrap:wrap;

        height: 110px;

    }

    .fot_top i:nth-of-type(1),.fot_top i:nth-of-type(2),.fot_top i:last-of-type{

        display:none;

    }

    .fot_top i{

        height: 50%;

    }

    .fot_top>div{

        width: 100%;

    }







        /*slovet*/

        .zslo_cont01>div>h5 {font-size: 24px;}

        .zslolist ul li a>h4{font-size:20px;line-height:54px;}

        .zslo_mid_tit span{font-size: 18px;}



        /*product*/

        .zprolist ul li{padding:2vw;

            width: 49%;

            margin-right: 2%;}

    .zprolist ul li:nth-of-type(4n){

        margin-right: 2%;

    }

    .zprolist ul li:nth-of-type(2n){

        margin-right: 0;

    }

    .zprolist ul li a>b{

        height: 23vw;

    }

    .zslotype a h4{

        font-size: 1.4rem;

    }

    .myprotype_tit{

        font-size: 2.6rem;

    }

    .zmyprotype a{

        padding:3vw;

        padding-bottom: 1.5vw;

        margin-top: 8px;

        margin-bottom: 0;

    }

    .zbanner h3{

        font-size: 2.4rem;

    }

    .zslolist ul li a h4{

        width: 60%;

        font-size: 1.8rem;

    }

    .zslotype a b{

        width: 75px;

        height: 75px;

    }

        .zpinfo_right>h3{font-size:22px;}

        .zpro_cont1_left{width:51%;height:320px;}

        .zpinfo_right{width:45%;}



        /*case*/

        .de-case-list ul li>h4{font-size:18px;line-height:76px;}

        .swiper-coop{height:185px;}



        /*video*/

        .zbanner{height:320px;margin-top:66px;}

        .de-video-list ul li div{height:185px;}

        .de-video-list ul li h4{font-size:16px;line-height:50px;}

        .znewsbg #playercontainer{width:100%!important;height:36vw!important;}

        .othernews_text>h5{font-size:16px;}



        /*made*/

        .zmade_cont ul li{height:145px;width:49%;margin-right:2%;}

        .zmade_cont ul li:nth-of-type(3n){margin-right:2%;}

        .zmade_cont ul li:nth-of-type(2n){margin-right:0;}

        .zmade_cont ul li div>p{font-size:20px;}

        .zmade_cont ul li div>small{font-size:15px;}



        /*company*/

        .zcom_right>h1{font-size:22px;}

        .zcom_right>small{color:#666;font-size:16px;line-height:28px;}

        .zcom_cont1>img{width:254px;}

        .zcom_left{height:640px;background:#d3181a url(assets/liyunwangluo.xyz/static/index/zm001/images/zcombg.png) no-repeat left top;}

        .zcom_right>ul{padding-right:15px;padding-left:23%;height:120px;}

        .zcom_right>ul li>h3{font-size:40px;}

        .zcom_right>ul li>p{font-size:16px;}





        /*download*/

        .zdownloadlist ul li>b{width:24px;height:41px;}

        .zdownloadlist ul li>h4{margin-top:10px;font-size:16px;}

        .zdownloadlist ul li>a{margin-top:0;padding-left:14px;width:116px;height:38px;background:url(assets/liyunwangluo.xyz/static/index/zm001/images/loadicon.png) no-repeat 88px center;line-height:38px;}

        .zdownloadlist ul li{padding:19px 11px;height:initial;}

        .zdownloadlist ul li a:hover{background:#d3181a url(assets/liyunwangluo.xyz/static/index/zm001/images/loadicons.png) no-repeat 88px center;}



        /*content*/

        .contact-map{width:51%;}

        .zcont_cont1>ul{width:49%;}



        /*news*/

    .znews_right{

        display:none;

    }

    .news-detail-content{

        float:none;

        width:100%;

    }

        .znewslist ul li .box h4{font-size: 20px;}



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

        .znewslist li:last-of-type{border-bottom:none;}

        .znewslist li a>b{height:51vw;}

        .znews{padding:6vw 0;}

        .newsinfo_r>a{width:100%;}

        .newsinfo_r>a:nth-of-type(2n){margin-right:0;}

        .newsinfo_l{float:none;padding:0 2%;width:100%;border-right:none;}

        .newsinfo_r{float:none;width:100%;}

        .btn_style{width:117px;height:34px;line-height:34px;}

        .btn_style>b{top:calc(50% - 12px);width:24px;height:24px;line-height:24px;}

        .newsinfo_r>h3{padding-bottom:0;font-size:20px;}

        .z_news_text>p{font-size:18px;}

        .z_news_text>small{font-size:15px;line-height:22px;}

        .newsinfo_r>a b{height:52vw;}

        .newsinfo_l>h3{font-size:18px;line-height:28px;}

        .othernews_text>h5{font-size:16px;}

        .newsPage{margin-top:0;padding-bottom:2vw;}

        .newsinfo_r{padding-left:0;}



        .one_list li a{height:27vw;}

        .one_list li a>.z_news_text>p{font-size:1.6rem;}

        .one_list li a>.z_news_text>small{margin-top:1vw;font-size:1.4rem;line-height:21px;}

        .one_list li a>.z_news_text>div>p{font-size:1.7rem;}

        .one_list li a>.z_news_text>div>span{width:34px;height:20px;background-size:34px;}

        .one_list li:hover a>.z_news_text>div>span{background-size:34px;}

        .znewslistinfo>.newsinfo_r a{right:2%;width:49%;}

        .znewslistinfo>.newsinfo_r a:nth-of-type(2n){margin-right:0;}

        .znewslistinfo>.newsinfo_r a b{height:39vw;}



    /*try*/

    .trybg{

        padding-bottom: 12vw;

        padding-top: 18vw;

    }

    .try_left{

        display:none;

    }

    .try-message{

        padding: 4vw 9vw;

    }

    .try-messagebg{

        float:none;

        width:100%;

    }

    .try-message #formData{

        display:flex;

        justify-content: center;

        flex-wrap: wrap;

    }

    .try-message>form .form-group{

        width: 49%;

    }

    .try-message>form .form-group:nth-of-type(2n){

        margin-left: 2%;

    }

    .try-message>form .submit{

        width: 47%;

    }









    .fot_code>div{

        margin-left: 5px;

    }

    .indexswiper .slide-inner{

        position:relative;

    }

    .indexswiper>.swiper-wrapper>.slide-index01{

        height: initial;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box;

        padding-top: 66px;

    }

    .indexswiper>.swiper-wrapper>.slide-index02{

        height: initial;

    }

    .ban-pagin .swiper-pagination{

        font-size: 15px;

    }

    .ban-pagin .swiper-pagination span.swiper-pagination-current{

        font-size: 21px;

    }



    .indexbg .title{

        height: 50px;

    }

    .title p{

        font-size:27px;

    }









}

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

    .warpper{width:94%!important;}

    .hidden-xs{display:none!important;}



    /*index*/

    .newscont .swiper-button-prev{left:-97px;}

    .newscont .swiper-button-next{right:-97px;}



    .logo>div>h1{

        font-size: 20px;

        letter-spacing: 13px;

    }

    .indexswiper>.swiper-wrapper>.slide-index02{

        height: 465px;

    }

    .indexswiper>.swiper-wrapper>.slide-index01{

        height:133vw;

    }



    .ban-pagin .swiper-pagination,.ban-pagin .swiper-button-prev,.ban-pagin .swiper-button-next{

        display:none;

    }

    .indexbg .title{

        margin-bottom: 0;

    }

    .indexbg .title p{

        font-size: 22px;

        height: 20px;

    }

    .title h4{

        font-size: 30px;

    }

    .news{

        width: 100%;

        margin-top: 35px;

    }

    .newscont{

        width: 94%;

        height: 68vw;

        margin:0 auto;

        padding-bottom: 40px;

    }





    .use{

        right: 2px;

    }

    .usebtn{

        font-size: 16px;

        width: 35px;

        background: #2081eb;

        line-height: 22px;

        border-radius: 10px 0 0 10px;

        padding: 10px;

        padding-left: 11px;

        font-weight: normal;

    }

    .usebtn img{

        width: 20px;

    }

    @keyframes pointani {

        0%{

            right: -5px;

            bottom: -5px;

        }

        100%{

            right: 0px;

            bottom: 0px;

        }

    }



    /*menu*/

    .logo>div>h1{

        letter-spacing: 8px;

        font-size: 2.3rem;

        line-height: 20px;

    }

    .logo>img{

        height: 40px;

    }

    .logo>div>small{

        font-size: 1.2rem;

    }

    .navlx_code>b{width:29px;height:29px;}

    .nav-bar{

        position:fixed;

        top:66px;

        left:-100%;z-index:100;overflow-x:hidden;

        width:100%;

        overflow-y:auto;

        background:#fff;

        -webkit-transition:350ms 0s all ease;-moz-transition:350ms 0s all ease;-o-transition:350ms 0s all ease;transition:350ms 0s all ease;-ms-transition:350ms 0s all ease;

        height: calc(100% - 66px);

        flex-wrap: wrap;

    }

    .nav-bar::-webkit-scrollbar{

        width:0; /*滚动条宽度*/

    }



    .nav-bar li{

        -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;

        padding-right:38px;padding-left:38px;

        border-top: 1px solid #ddd;

        width:100%;

        height: initial;

        flex-wrap: wrap;

    }

    .nav-bar li>a{

        width: 100%;

        text-align: left;

        position:relative;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box;

        display:block;

        line-height: 50px;

        font-weight: bold;

        font-size: 1.8rem;

        padding-left: 12px;

    }

    .nav-bar li>a:before {

        display: block;

        content: '';

        width: 3px;

        height: 22px;

        background: #2081eb;

        position: absolute;

        left: 0;

        top: 50%;

        -webkit-transform: translateY(-50%);

        -moz-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

        -o-transform: translateY(-50%);

        transform: translateY(-50%);

    }

    .downshow{

        position: relative;

        top: initial;

        left: initial;

        width: 100%;

        display:flex;

        flex-wrap: wrap;

        min-height: initial;

    }

    .downpic{display:none;}

    .downhrefbg,.pro_downhrefbg{

        width: 100%;

    }



    .downul>a{

        padding-left: 0;

        font-weight: bold;

        border-bottom: none;

        font-size: 1.6rem;

    }

    .down01 a:before,.downul>a:before{display:none;}



    .down01 a{

        border-bottom: none;

        padding-left: 0;

        font-size: 1.6rem;

    }

    .down01 a:hover,.downul>a:hover{

        border-bottom: none;

    }



    .index_com_cont{

        width: 100%;

        padding:10vw 0;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box;

    }

    .index_com_cont ul li small {

     display:block;

        height: 67px;

        font-size: 1.3rem;}

    .index_com_cont>h3 {

        font-size: 2.4rem;

    }

    .index_com_cont ul li{

        width: 33%;

    }

    .index_com_cont ul li h5{

        font-size: 2.3rem;

    }

    .index_com_cont ul i{

        margin: 0px;

    }

    .indexpro{padding:10vw 0;}

    .index_tit>h2{

        font-size: 2.4rem;

    }

    .index_tit>p{

        font-size: 1.5rem;

    }

    .swiper-indexpro a>b{

        height: 163px;

    }

    .pro_btn>div{

        width: 45px;

        height: 45px;

    }

    .pro_btn>div img{

        height: 15px;

    }

    .indexpro_top>a span {

        font-size: 1.5rem;

        text-align: center;

        display: block;

    }

    .pt100{

        padding-top: 0;

    }

    .indexswiper>.swiper-wrapper>.swiper-slide{

        height: initial;

    }

    .swiper-indexslo{

        width: 650px;

        height: 450px;

    }

    .swiper-news .swiper-slide a>b{

        height: 200px;

    }

    .fot_nav{

        display: none;

    }

    .footer{

        height: initial;

    }

    .fot_bom{

        display:flex;

        align-items: center;

        height: 80px;

        line-height: initial;

    }

    .fot_logo{display:none;}

    .indexswiper .slide-inner{

        position:relative;

    }

    .banner{

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box;

        padding-top:66px;



    }

    .downul{

        width: 100%;

    }

    .indexswiper>.swiper-wrapper>.footer-slide{

        height: initial;

    }

    .swiper-indexslo a>div h4{

        font-size: 2.6rem;

    }

    .indexnews,.indexcoop{padding:10vw 0;}

    .swiper-indexcoop{

        height: 300px;

    }

    .swiper-indexcoop .swiper-slide b img{

        max-height: 52%;

    }

    .head .warpper{

        height: 66px;

    }

    .news_text>h3{

        font-size: 2rem;

    }

    .indexslo{padding-bottom:6vw;}













    .list01{overflow-x:hidden;overflow-y:scroll;height:calc(100% - 148px);}

    .list01::-webkit-scrollbar{width:0;}

    .list02>a{text-align:left!important;text-align-last:auto;}

    .list04>a{padding-left:48px;text-align:left!important;}

    .list03,.list05{position:relative;display:block;}

    .list02,.list04{height:initial;}



    .zlist02:hover>.zlist03{display:none;}

    .cru_right_pro .zlist02,.crumbs>.warpper>.cru_right>a{

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box;

        padding:0 10px;width:initial;min-width:33%;font-size:16px;

        line-height: 32px;

    }







    /*slovet*/

    .zslolist ul li{

        width:49%;

    }

    .zslolist ul li:nth-of-type(3n){

        margin-right: 2%;

    }

    .zslolist ul li:nth-of-type(2n){

        margin-right: 0;

    }

    .zslo_cont01>small{

        width:100%;

    }

    .zslo_cont01>div>h5 {font-size: 20px;}

    .zslo_cont01>div>div>b {

        font-size: 17px;

    }

    .zslolist ul li a .img_jz{

        height: 32.8vw;

    }

    .zslolist ul li a>h4{font-size:16px;line-height:32px;}

    .zslolist ul li a>p{font-size:12px;line-height:30px;}

    .zslo_mid_tit span{font-size: 18px;}



    .zslo_cont01{

        display:block;

    }

    .zslo_cont01 img{

        width: 100%;

    }

    .zslo_cont01>div{

        width: 100%;

    }

    .zslo_mid_tit{

        width: 30px;

    }

    .zslo_mid_tit span{

        font-size: 14px;

        line-height: 30px;

        font-weight: normal;

    }

    .zslo_mid_cont{

        width: calc(100% - 30px);

    }





    /*product*/

    .crumbs>.warpper>.cru_right_pro {

        float: left;

        width: 100%;

    }

    .zlist02>a{

        font-size: 16px;

        line-height: 35px;

    }

    .zprolist ul li{padding:2vw;float:none;width:100%;}

    .zprolist ul li:nth-of-type(even){

    float:none;}

    .zpro_text>p{

        font-size: 16px;

    }



    .zpro_text>span{

        width: 100px;

        font-size: 14px;

        line-height: 30px;

    }

    .zproinfo_cont1{

        padding:3vw;

    }

    .zpinfo_right>h3{font-size:20px;padding:17px 0;}

    .zpro_cont1_left{width:100%;height:108vw;float:none;}

    .gallery-top-right,.gallery-thumbs-left{

        float:none;

        width:100%;

    }

    .gallery-top-right{

        height: 80%;

    }

    .gallery-thumbs-left{

        height: 18%;

        margin-top: 2%;

        padding:0;

    }

    .gallery-thumbs-left .swiper-button-next,.gallery-thumbs-left .swiper-button-prev{

        display:none;

    }

    .zpinfo_right{width:100%;float:none;}

    .zproinfo_title a{

        font-size: 18px;

        line-height: 50px;

    }



    .crumbs>.warpper>.cru_right{

        width: 100%;

    }

    .fot_tel>h4{

        font-size: 2.3rem;

    }

    .fot_top{

        height: 97px;

    }

    .fot_bom_top>p a,.fot_bom_top>p{

        font-size: 1.4rem;

    }

    .fot_bom_top>a{display:none;}











    /*case*/

    .zcase .title small {

        font-size: 14px;

        max-width: 100%;

        line-height: 21px;

    }

    .de-case-list ul li{

        float:none;width:100%;

    }

    .de-case-list ul li:nth-of-type(even){

        float:none;

    }

    .de-case-list ul li>h4{font-size:18px;line-height:76px;}

    .swiper-coop{height:185px;}



    /*video*/

    .de-video-list ul li{

        float:none;

        margin-right: 0;

        width: 100%;

    }

    .zbanner{height:165px;margin-top:66px;}

    .de-video-list ul li div{height:53vw;}

    .de-video-list ul li h4{font-size:16px;line-height:50px;}

    .znewsbg #playercontainer{width:100%!important;height:52vw!important;}

    .news-detail-content .news-detail-title .h3, .znews_side>h3{

        font-size: 17px;

    }

    .othernews_text>h5{font-size:16px;}

    .news-detail-content,.znews_right{

        float:none;

        width:100%;

        padding:15px;

    }

    .news-detail-content .newsPage{

        font-size: 13px;

    }

    .znews_side>a{

        float:left;

        width: 49%;

        margin-right:2%;

    }

    .znews_side>a>b{

        height: 38vw;

    }

    .znews_side>a:nth-of-type(2n){

        margin-right:0;

    }

    .othernews_text>h5{

        font-size: 14px;

    }





    /*made*/

    .zmade_des{

        line-height: 28px;

        font-size: 12px;

        text-align: left;

    }



    .zmade_cont ul li{

        width:100%;

        float:none;

        height:initial;

        padding: 5vw;

        justify-content: left;

    }

    .zmade_cont ul li:nth-of-type(3n){

        margin-right: 0;

    }

    .zmade_cont ul li div>p{font-size:20px;}

    .zmade_cont ul li div>small{font-size:15px;}



    /*company*/

    .zcom_cont1{flex-wrap: wrap}

    .zcom_right>h1{font-size:22px;text-align: center;}

    .zcom_right>b{margin:0 auto;}

    .zcom_right>small{color:#666;font-size:16px;line-height:28px;}

    .zcom_cont1>img{width:100%;position:relative;}

    .zcom_left{display:none;}

    .zcom_right{

        float:none;

        width:100%;

    }

    .zcom_right>ul{padding-right:15px;padding-left:15px;height:120px;}

    .zcom_right>ul li>h3{font-size:35px;}

    .zcom_right>ul li>p{font-size:16px;}





    /*download*/

    .zdownloadlist ul li:after{display:block;content:'';clear:both;}

    .zdownloadlist ul li>b{width:24px;height:41px;}

    .zdownloadlist ul li>h4{margin-top:10px;font-size:16px;}

    .zdownloadlist ul li>a{margin-top:0;padding-left:14px;width:116px;height:38px;background:url(assets/liyunwangluo.xyz/static/index/zm001/images/loadicon.png) no-repeat 88px center;line-height:38px;}

    .zdownloadlist ul li{padding:19px 50px;height:initial;}

    .zdownloadlist ul li a:hover{background:#d3181a url(assets/liyunwangluo.xyz/static/index/zm001/images/loadicons.png) no-repeat 88px center;}



    /*content*/

    .zcont_cont1>ul li div>p{

        font-size: 16px;

        margin-top: 5px;

    }

    .zcont_cont1>ul li{

        height: 111px;

    }

    .zcont_cont1{

        height:initial;

    }

    .contact-map{width:100%;float:none;height:40vw;}

    .zcont_cont1>ul{width:100%;float:none;}

    .zcont_cont2>.warpper>h3{

        font-size: 22px;

    }

    .zcont_cont2>.warpper>small{

        font-size: 14px;

    }

    #formData>input,.zmsg_btn input,.zmsg_btn a{

        line-height: 45px;

        font-size: 15px;

    }

    #formData>.code>input{

        line-height: 45px;

    }

    #formData>.code>.verify{

        width: 49%;

        height: 49px;

    }



    .description_zpro{

        width:100%!important;

        overflow:hidden;

    }

    .zproinfo_cont2{

        overflow:hidden;

    }

    .description_zpro table tr{

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box;

    }

    .description_zpro table tr td{

        padding:5px!important;

    }

    .description_zpro table tr td,.description_zpro table tr td p{

        font-size: 14px;

        line-height: 25px;

        white-space: break-spaces;

        word-break: break-all;

    }





    /*job*/

    .zdownloadlist ul li, .zjoin ul li{

        float:none;

        width:100%;

        height:initial;

        padding:5vw;

    }



    .zjoin ul li div>h4 {

        font-size: 18px;

    }

    .zjoin ul li div>p {

        font-size: 15px;

    }

    .zdownloadlist ul li:nth-of-type(even), .zjoin ul li:nth-of-type(even){

        float:none;

    }

    .zmyjobsinfo .znews_side>a{

        float:none;

        width:100%;

        height:initial;

        margin-bottom: 7vw;

    }



    /*support*/

    .zsup_cont1 ul li{

        height:initial;

    }

    .sup_text{

        width:100%;

        float:none;

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing: border-box;

        padding:2vw;

    }

    .sup_text>div{

        width: 100%;

    }

    .zsup_cont1 ul li>b{

        float:none;

        width:100%;

        height: 43vw;

    }

    .zsup_cont1 ul li>b:after{

        display:none;

    }

    .sup_text>div>h5 {

        font-size: 20px;

    }

    .sup_text>div>small {

        font-size: 14px;

        line-height: 24px;

    }

    .zsup_cont2>div{

        display:block;

    }

    .zsup_cont2>div>h4 {

        font-size: 16px;

        line-height: 46px;

        background-position:17px center!important;

    }

    .zsup_cont2>div>h4:first-of-type{

        margin-bottom: 10px;

    }

    .zsup_cont2>div>i{

        display:none;

    }



    .de-page-mian .page-inner span,.de-page-mian .page-inner input,.de-page-mian .page-inner a.page-btn{

        display:none;

    }



    /*news*/

    .znewslist ul li .box h4{font-size: 20px;}

    .znewslist ul li,.znewslist ul li:nth-of-type(even){

        float:none;

        width:100%;

    }

    .znewslist ul li .img_jz{

        height: 51vw;

    }

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

    .znewslist li:last-of-type{border-bottom:none;}

    .znewslist li a>b{height:51vw;}

    .znews{padding:6vw 0;}

    .newsinfo_r>a{width:100%;}

    .newsinfo_r>a:nth-of-type(2n){margin-right:0;}

    .newsinfo_l{float:none;padding:0 2%;width:100%;border-right:none;}

    .newsinfo_r{float:none;width:100%;}

    .btn_style{width:117px;height:34px;line-height:34px;}

    .btn_style>b{top:calc(50% - 12px);width:24px;height:24px;line-height:24px;}

    .newsinfo_r>h3{padding-bottom:0;font-size:20px;}

    .z_news_text>p{font-size:18px;}

    .z_news_text>small{font-size:15px;line-height:22px;}

    .newsinfo_r>a b{height:52vw;}

    .newsinfo_l>h3{font-size:18px;line-height:28px;}

    .othernews_text>h5{font-size:16px;text-overflow:ellipsis;

        white-space:nowrap;

        overflow:hidden;}

    .newsPage{margin-top:0;padding-bottom:2vw;}

    .newsinfo_r{padding-left:0;}



    .one_list li a{height:27vw;}

    .one_list li a>.z_news_text>p{font-size:1.6rem;}

    .one_list li a>.z_news_text>small{margin-top:1vw;font-size:1.4rem;line-height:21px;}

    .one_list li a>.z_news_text>div>p{font-size:1.7rem;}

    .one_list li a>.z_news_text>div>span{width:34px;height:20px;background-size:34px;}

    .one_list li:hover a>.z_news_text>div>span{background-size:34px;}

    .znewslistinfo>.newsinfo_r a{right:2%;width:49%;}

    .znewslistinfo>.newsinfo_r a:nth-of-type(2n){margin-right:0;}

    .znewslistinfo>.newsinfo_r a b{height:39vw;}





    /*try*/

    .trybg{

        padding-top: 80px;

        padding-bottom: 10vw;

    }

    .try_left{

        display:none;

    }

    .try-messagebg{

        float:none;

        width:100%;

    }

    .try-message>form .form-group .code .verify img{

        width: 100%;

        height: initial;

    }







    .de-question-list ul li{

        width: 100%;

        float:none;

        margin-right: 0;

    }

    .de-question-list ul li a{

        padding:15px 0;

    }

    .de-question-list ul li a>div>span{

        display:none;

    }

    .de-question-list ul li a>div>h5 {

        font-size: 16px;

    }

    .zprolist ul li a>b{

        height: 40vw;

    }

    .de-page-mian .page-inner a.prev{

        margin-right: 0;

    }

    .de-page-mian .page-inner a.next{

        margin-left: 0;

        margin-right: 0;

    }

    .qunliao{

        display:none;

    }



    .zbanner h3{

        font-size: 2.3rem;

    }

    .myprotype_tit,

    .ztitle .title p{

        font-size: 2.3rem;

    }

    .zslotype a {

        width: 32%;

    }

    .zmyprotype a{

        width: 32%;

        margin-right: 2%;

        margin-top: 8px;

        margin-bottom: 0;

    }

    .zmyprotype a:nth-of-type(3n){

        margin-right: 0;

    }

    .zslotype a b{

        width: 65px;

        height: 65px;

    }

    .zslotype a h4,

    .zmyprotype a h4{

        font-size: 1.4rem;

    }

    .zslolist ul li a p{

        display:none;

    }

    .zslolist ul li a>div{

        height: 45px;

    }

    .zslolist ul li a h4{

        font-size: 1.6rem;

        width: 100%;

    }



    }

/* Homepage responsive override: retain the original desktop layout while allowing the
   home page to flow naturally on tablets and phones. */
html, body { overflow-x: hidden; }

@media screen and (min-width: 1200px) and (max-width: 1399px) {
    .head .warpper { gap: 12px; }
    .logo { flex: 0 1 auto; min-width: 0; }
    .nav-bar { width: auto; flex: 1 1 auto; max-width: 730px; margin-left: auto; gap: 10px; }
    .nav-bar li { white-space: nowrap; }
    .navlx { flex: 0 0 auto; }
}

@media screen and (min-width: 960px) and (max-width: 1199px) {
    .swiper-ban { height: auto; aspect-ratio: 81 / 51.2; }
    .swiper-ban .swiper-wrapper,
    .swiper-ban .swiper-slide,
    .swiper-ban .swiper-slide a { height: 100%; }
}

@media screen and (min-width: 768px) and (max-width: 959px) {
    .indexswiper > .swiper-wrapper { display: block; height: auto !important; transform: none !important; }
    .indexswiper > .swiper-wrapper > .swiper-slide { height: auto !important; display: block; overflow: visible; }
    .indexswiper .slide-inner { position: relative; height: auto; transform: none !important; }
    .indexswiper > .swiper-pagination { display: none; }
    .swiper-ban { height: auto; aspect-ratio: 81 / 51.2; }
    .swiper-ban .swiper-wrapper,
    .swiper-ban .swiper-slide,
    .swiper-ban .swiper-slide a { height: 100%; }
}

@media screen and (max-width: 767px) {
    .indexswiper > .swiper-wrapper { display: block; height: auto !important; transform: none !important; }
    .indexswiper > .swiper-wrapper > .swiper-slide { height: auto !important; display: block; overflow: visible; }
    .indexswiper .slide-inner { position: relative; height: auto; transform: none !important; }
    .indexswiper > .swiper-pagination { display: none; }
    .head .warpper { min-width: 0; }
    .logo { min-width: 0; }
    .logo > div { min-width: 0; }
    .logo > div > h1 { letter-spacing: 4px; white-space: nowrap; }
    .navlx { margin-left: auto; }
    .navshop_tel { display: none !important; }
    .nav-bar { overscroll-behavior: contain; }
    .swiper-ban { aspect-ratio: 750 / 996; }
    .swiper-ban .swiper-slide a img { object-fit: cover; }
    .slide-index02, .slide-index03, .slide-index04, .slide-index05, .slide-index06 { min-height: auto; }
    .swiper-indexslo { width: min(650px, 100%); height: auto; aspect-ratio: 13 / 9; }
    .swiper-indexcoop { height: auto; min-height: 240px; }
    .float_box { display: none !important; }
}