@media screen and (max-width:1500px){
    .p-top{padding: 3% 0;}
    .m-box3-contain ul li:nth-of-type(2) .m-box3-left{padding: 4%;}
    .m-box3-contain ul li:nth-of-type(3) .m-box3-left::after{width: 10%;}
    .in3-box .m-box5-top .m-box5-top-bg{left:46%;top:-12px;}
}
@media screen and (max-width:1200px){
    .jo-box2-con .jo-box2-left img{height: 5rem;}
    .jo-box2-con .jo-box2-left{width: 100%;}
    .jo-box2-con .jo-box2-right{width: 100%;}
    .p-view-top .pv-left{width: 100%;}
    .p-view-top .pv-cneter{width: 100%;margin: 2% 0;}
    .p-view-top .pv-right{width: 100%;order: 3;padding-bottom: 4%;}
    .p-view-top .pv-cneter h5{padding-bottom: 2%;}
    .p-view-top .pv-cneter>p{margin: 2% 0;}
    .p-view-top .pv-cneter .pv-sx{margin-top: 2%;}
    .p-view-top .pv-cneter .pv-sx a{padding: 1% 0;}
    .p-view-top .pv-right .swiper-pro{height: auto;}
    .p-view-top .pv-right .navigation-pro{left:0;font-size: 20px;}
    .p-view-top .pv-cneter h5{font-size: 18px;}

}

@media screen and (max-width:1024px){
    .round{display: block;}
    .h-top{display: none;}
    .h-center>div p {display: none;}
    .h-bottom{display: none;}
    .nav-btn{display: block;}
    .mobile-nav-box{display: block;}
    .liu-top{height: 100px;}
    .h-center{height: 100px;position: fixed;z-index: 555;}
    .mb-nav>div form{display:block;}
    .mb-nav{padding: 2% 0;border-bottom: 1px solid #dddddd;}
    .mb-nav>div ul{flex-wrap: wrap;justify-content: flex-start;display: none;}
    .m-box1-right ul li:hover a .m-box1-words p{font-size: 16px;}
    .m-box1{flex-wrap: wrap;}
    .m-box1 .m-box1-left{width: 100%;}
    .m-box1 .m-box1-right{width: 100%;margin-top: 3%;}
    .p-top{padding: 4% 0;}
    .m-box3-contain ul li{flex-wrap: wrap;}
    .m-box3-contain ul li:nth-of-type(1){height: auto;}
    .m-box3-contain ul li:nth-of-type(1) .m-box3-left{width: 100%;order: 2;}
    .m-box3-contain ul li:nth-of-type(1) .m-box3-right{width: 100%;order: 1;padding: 6%;}
    .m-box3-contain ul li:nth-of-type(1) .m-box3-right figure>div span{font-size: 14px;width: 20px;height: 20px;line-height: 20px;}
    .m-box3-contain ul li:nth-of-type(2) .m-box3-left figure>div span{font-size: 14px;width: 20px;height: 20px;line-height: 20px;}
    .m-box3-contain ul li:nth-of-type(3) .m-box3-right figure>div span{font-size: 14px;width: 20px;height: 20px;line-height: 20px;}
    .m-box3-contain ul li:nth-of-type(1) .m-box3-right figure>div h5{font-size: 16px;}
    .m-box3-contain ul li:nth-of-type(2) .m-box3-left figure>div h5{font-size: 16px;}
    .m-box3-contain ul li:nth-of-type(3) .m-box3-right figure>div h5{font-size: 16px;}
    .m-box3-contain ul li:nth-of-type(1) .m-box3-right figure p{font-size: 12px;}
    .m-box3-contain ul li:nth-of-type(2) .m-box3-left figure p{font-size: 12px;}
    .m-box3-contain ul li:nth-of-type(3) .m-box3-right figure p{font-size: 12px;}
    .m-box3-contain ul li:nth-of-type(3) .m-box3-left::after{display: none;}
    .m-box3-contain ul li:nth-of-type(2) .m-box3-left::after{display: none;}
    .m-box3-contain ul li:nth-of-type(2){height: auto;}
    .m-box3-contain ul li:nth-of-type(2) .m-box3-left{width: 100%;}
    .m-box3-contain ul li:nth-of-type(2) .m-box3-right{width: 100%;padding: 4%;}
    .m-box3-contain ul li:nth-of-type(2) .m-box3-right p{position: static;height: auto;}
    .m-box3-contain ul li:nth-of-type(3) .m-box3-left{width: 100%;order: 2;padding: 3%;display: flex;justify-content: flex-start;align-items: flex-start;}
    .m-box3-contain ul li:nth-of-type(3) .m-box3-right{width: 100%;order: 1;}
    footer .foot-top{display: none;}
    .foot-bottom>div .foot-lo{display: none;}
    .foot-bottom>div ul {width: 100%;}
    .m-box7>div .p-top{padding: 5% 0;}
    .m-box5-top h5{font-size: 18px;}
   .m-box5-top span{padding: 0;}
    .m-box5-top-bg{left:47.5%;width: 30px;height: 90px;}
    .contacts-box>div .cont-top>a{width: 100%;display: flex;justify-content: center;align-items:center;padding-right: 0;}
    .contacts-box>div .cont-top dl{width: 100%;border-left: none;padding-left: 0;display: flex;justify-content: flex-start;align-items: flex-start;flex-direction: column;margin: 3% 0;}
    .contacts-box>div .cont-top ul{width: 100%;display: flex;justify-content: center;align-items: center;}
    .honor-box ul li{width: 32%;}
    .honor-box ul li:nth-of-type(5n+5){margin-right: 2%;}
    .honor-box ul li:nth-of-type(3n+3){margin-right:0;}
    .jo-box3-con ul li{margin-bottom: 4%;width: 33.33%;}
    .product-nav{display: none;}
    .as-title{display: none;}
    .aside-center{display: none;}
    .aside-bottom{display: none;}
    .pro-box>div .pro-aside{width: 100%;margin-top: 5%;}
    .pro-box>div .pro-con{width: 100%;}
    .pro-box>div .pro-aside{margin-top: 1%;}

    .pro-box>div .pro-aside .aside-top ul li{line-height: 40px;width: 49%;float: left;margin-right: 1px;}
    .pro-box>div .pro-aside .aside-top ul li dl dd{line-height: 40px;}
    .pro-box>div .pro-aside .aside-top ul li dl dd a{margin-left: 0;}
    .mb-nav>div{justify-content: center;}
    .m-box6 section .m-box6-contain figure .swiper-box4 ul li{width: 32%!important;}
    .phone-nav{display: block;margin-top: 3%;}
    .pro-box>div .pro-aside .aside-top ul{display: none;}
    .znav ul li.allPro {display: block!important;}
    .znav ul li{display: none;}
    .visible-sm{display:table-row!important;}
     .znav ul li.slideDowns{display: block!important;}

}
@media screen and (max-width:768px){
    .m-zhao ul li:last-of-type{display: block;}
    .nav-btn{width: 30px;height: 30px;}
    .nav-btn span {width: 20px;left: 5px;}
    .nav-btn span::before{width: 20px;top:-7px;}
    .nav-btn span::after{width: 20px;top:7px;}
    .h-center>div a img{width: 200px;height: 50px;}
    .liu-top{height: 60px;}
    .h-center{height: 60px;}
    .h-banner{height: auto;}
    .h-banner ul li {width: 100%;height: 100%;position: relative;padding: 40% 0;overflow: hidden;}
    .h-banner ul li img {position: absolute;top:0;left:0;width: 100%;height: 100%;object-fit: cover;}
    .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 10px!important;}
    .h-banner .swiper-pagination-bullet{width: 20px!important;height: 20px!important;font-size: 12px!important;line-height: 20px!important;}
    .m-box1-right ul li a .m-box1-words span{font-size: 12px;}
    .m-box1-right ul li a .m-box1-words{height: 25px;line-height: 25px;}
    .m-box1-right ul li:nth-of-type(2){width: 100%;}
    .m-box1-right ul li:nth-of-type(3) a{padding: 28% 0;}
    .m-box1-right ul li:nth-of-type(3){width: 100%;}
    .m-box1 .m-box1-left figure{display: flex;justify-content: center;align-items: center;flex-direction: column;}
    .m-box1 .m-box1-left figure>div {order: 2}
    .m-box1 .m-box1-left figure figcaption{order: 1;}

    .m-box1 .m-box1-left figure figcaption{flex-wrap: wrap;padding: 7% 3% 3% 3%;}
    .m-box1 .m-box1-left figure figcaption>div{width: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;}
    .m-box1 .m-box1-left figure figcaption p{width: 100%;text-align: center;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
    .m-box1 .m-box1-left figure figcaption>div h5{font-size: 18px;text-align: center;line-height: 20px;}
    .m-box1 .m-box1-left figure figcaption>div span{text-align: center;}
    .p-top article h5{font-size: 18px;}
    .p-top span{padding-top: 0;margin-bottom: 2%;}
    .p-top article::before{bottom: 8px;}
    .p-top-bg{width: 30px;height: 90px;}
    .m-box2{margin-top: 7%;}
    .m-box2-nav ul li p{font-size: 12px;}
    .m-box2-nav ul li>div img{width: 20px;height: 20px;}
    .m-box2-nav{height: 65px;}
    .m-box2-nav section{height:60px}
    .m-box2-nav ul{height: 65px;}
    .m-box2-nav ul li{width: auto;}
    .m-box2-nav ul li p{margin-top: 0;}
    .m-box2-lb figure .swiper-box2 ul li a p span{font-size: 16px;}
    /*.m-box4 ul{justify-content: center;}*/
    .m-box4 ul li a p{font-size: 12px;line-height: 1.5em;}
    .m-box4 ul li{width: 49%;}
    /*.m-box4 ul li:nth-of-type(4n+4){margin-right: 0;}*/
    .m-box7>div .p-top h5{font-size: 18px;}
    .m-box7>div .p-top span{font-size: 14px;}
    .m-box7>div form{flex-wrap: wrap;height: auto;}
    .m-box7>div form input{width: 100%;height: 40px;margin-bottom: 2%;}
    .m-box7>div form .formCon{width: 100%;height:40px;}
    .m-box7>div form button{width: 100%;height: 40px;font-size: 16px;}
    .m-box5 section p{font-size: 14px;margin-top: 2%;text-align: center;overflow : hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;}
    .m-box5 section .m-box5-click img {width: 40px;height: 40px;}
    .m-box5 .m-box5-video{height: 25%;}
    .m-box5-lb .navigation-box3 i{font-size: 14px;width: 20px;height: 20px;line-height: 20px;}
    .m-box5-lb .swiper-box3 ul li time{font-size: 14px;}
    .m-box5-lb .navigation-box3{top:45%;}
    /*.m-box5-lb .swiper-box3 ul li span::after{left:41.5%;}*/
    .m-box6{margin: 7% 0;}
    .m-box3{margin-top: 7%;}
    .m-box3-contain{margin-bottom: 7%;}
    .all-banner{padding: 15% 0;}
    .all-banner .banner-word h5{font-size: 16px;padding: 0;}
    .all-banner .banner-word span{font-size: 16px;}
    .all-banner .banner-word hr{width: 40px;height: 1px;}
    .about-box>div section ul{height: auto;background: transparent;justify-content: center;align-items: center;}
    .about-box>div section ul li a{line-height: 30px;padding:0 10px;display: block;width: 100%;height: 100%;}
    .about-box>div section ul li{font-size: 12px;width: auto;text-align: center;border: 1px solid #e61428;margin-right: 2px;margin-bottom: 2px;}
    /*.aaa section ul li {width: 50%!important;}*/
    .about-con>h5{font-size: 16px;}
    .about-con{margin: 7% 0;}
    .about-con figure>div{width: 100%;order: 2;padding: 22% 0;}
    .about-con figure figcaption{width: 100%;order: 1;display: flex;justify-content: center;align-items: center;flex-direction: column;}
    .about-con figure figcaption a {display: none;}
    .case-box ul li{width: 48%;}
    .case-box ul li:nth-of-type(2n+2){margin-right: 0;}
    .case-box ul li:nth-of-type(3n+3){margin-right: 2%;}
    .case-box ul li a p span{font-size: 12px;width: 100%;height: 20px;line-height: 20px;}
    .case-box ul li a p{bottom: 0;}
    .hist-box ul::before{display: none;}
    .hist-box ul li:nth-of-type(2n+1)::before{display: none;}
    .hist-box ul li:nth-of-type(2n+2)::before{display: none;}
    .hist-box ul li{width: 100%;}
    .honor-box ul li{width: 49%;margin-bottom: 3%;}
    .honor-box ul li:nth-of-type(5n+5){margin-right:2%;}
    .honor-box ul li:nth-of-type(3n+3){margin-right:2%;}
    .honor-box ul li:nth-of-type(2n+2){margin-right:0;}
    .honor-box ul li a>div{padding: 50% 0;}
    .jo-top>div article h5{font-size: 18px;}
    .jo-box1-con ul li{width: 100%;height: 130px;}
    .jo-box3-con ul li{width: 50%;}
    .m-box4-con>div form{width: 90%;}
    .m-box4-con>div form input{height: 40px;}
    .m-box4-con>div form .form_btn input{height: 40px;font-size: 16px;}
    .jo-box3-con ul li>div{width: 80px;height: 80px;}
    .jo-top{margin-top: 7%;}
    .news-box ul li{width: 48%;}
    .news-box ul li:nth-of-type(2n+2){margin-right:0;}
    .news-box ul li:nth-of-type(3n+3){margin-right:2%;}
    .n-view-box h4{font-size: 18px;}
    .pv-con .pv-con1>p span{font-size: 14px;}
    .pv-con .pv-con1>p a{font-size: 14px;}
    .pv-con .pv-con1 .sub-bd h5{font-size: 18px;}
    .pv-con .pv-con1 .sub-bd form textarea{width: 100%;order: 1;margin-bottom: 2%;display: none;}
    #con{display: block;}
    .pv-con .pv-con1 .sub-bd form>div{width: 100%;order: 2;}
    .pv-con .pv-con1 .sub-bd form button{font-size: 16px;}
    .case-box{margin-top: 7%;}
    .honor-box{margin-top: 7%;}
    .news-box{margin-top: 7%;}
    .n-view-box{margin-top: 7%!important;}
    .m-box5{background-position: 60%;}
    .newsList li span{display: none;}
    .fenye ul li{width: 60px;height: 30px;font-size: 14px;}
    .fenye ul li select{width: 60px;height: 30px;}
    .p-top-bg{display: none;}
    .p-top{padding: 0!important;}
    .m-box5-top-bg{display: none;}
    .m-box5 .m-box5-top{padding: 0!important;}
    .jo-box2-con .jo-box2-right ul li>div span{position: static;}
    .jo-box2-con .jo-box2-right ul li:hover {background-color: #f7f7f7;color: #202020;}
    .jo-box3-con ul li>div img{position: static;}
    .jo-box3-con ul li:hover>div{background-color: #c1bfbd;}
    .p-view-top .pv-left .swiper-big .navigation-big{font-size: 30px;}
    .fix ul li:nth-of-type(1){display: none;}
    .fix ul li:nth-of-type(2){display: none;}
    .fix ul li:nth-of-type(3){display: none;}
    .fix ul li{width: 35px;height: 35px;}
    .fix ul li>div img {width: 30px;height: 30px;object-fit: contain;}
    .fix ul li p{margin-top: -10px;display: none;}
    .m-box6 section .m-box6-contain figure .swiper-box4 ul li{width: 100%!important;}
    .m-box1 .m-box1-left figure figcaption>div a{width:30%;background: #e62129;color: #ffffff;border-radius: 20px;}
    .jo-box3-con{padding: 8% 0 2% 0;}
    .hist-box ul li:nth-of-type(2n+2) p{text-align: left;}
    .online-box>div .pub_tit h4{font-size: 18px;}
    .online-box>div .pub_tit span{font-size: 14px;}
    .online-box>div form .row{flex-wrap: wrap;}
    .online-box>div form .row input{width: 100%;margin-bottom: 2%;}
    .online-box>div form .select_form{flex-wrap: wrap;}
    .online-box>div form .select_form select{width: 100%;margin-bottom: 2%;}
    .m-box2-lb figure .swiper-box2 ul li{width: 100%!important;}
    .m-box7{padding: 5% 4% 8% 4%;}
    .m-box6 section .m-box6-contain figure .swiper-box4 ul li a .m-news-word{height: auto;}
    .m-box1-right ul{display: none;}
    .m-box3-contain ul li:nth-of-type(1) .m-box3-right figure p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
    .m-box3-contain ul li:nth-of-type(2) .m-box3-left figure p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
    .m-box3-contain ul li:nth-of-type(3) .m-box3-right figure p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
    .ls-box>div>span{font-size: 14px;}
    .ls-box>div>h5{font-size: 16px;}
    .historyBd .ls-word ul li{justify-content: center;flex-wrap: wrap;}
    .historyBd .ls-word ul li .ls-img{width: 100%;height: auto;}
    .historyBd .ls-word ul li{height: auto;}
    .historyBd .ls-word .word .word-flex{margin-top: 2%;}
    .historyBd .ls-word .word .word-flex p{line-height: 1.5em;font-size: 12px;}
    .historyBd .ls-word .word .word-flex i{font-size: 16px;}
    .historyHd .swiper-slide{font-size: 18px;}
    .m-box3-contain ul li:nth-of-type(3) .m-box3-left{display: none;}
    .pro-con section ul li{width: 48%;margin-right: 2%;}
    .pro-con section ul li:nth-of-type(3n+3){margin-right: 2%;}
    .pro-con section ul li:nth-of-type(2n+2){margin-right: 0;}
    .pv-right h4{font-size: 18px;margin-top: 2%;}
    .m-box4 ul li a>div span{position: static;}
    .m-box4 ul li:hover{background-color: rgba(255,255,255,.9);}
    .m-box4 ul li:hover a p {color: #3c3c3c;}
    .about-con dl {flex-wrap: wrap;border:1px solid #dddddd;}
    .about-con dl dd{width: 50%;border-right: 1px solid #dddddd;border-bottom: 1px solid #dddddd;}
    .about-con dl dd h5 b{font-size: 18px;}
    .about-con dl dd h5 span{font-size: 12px;}
    .about-con dl dd p{font-size: 12px;}
    .about-con dl dd:nth-of-type(3){border-bottom: none;}
    .about-con dl dd:nth-of-type(4){border-bottom: none;border-right: none;}
    .about-con dl dd:nth-of-type(2){border-right: none;}
    .jo-situation .sit-top>p b{font-size: 14px;}
    .jo-situation .sit-top article>h5{font-size: 18px;}
    .jo-situation .sit-top article>p{display: none;}
    .jo-situation .sit-top article{margin-top: 0;}
    .jo-situation>div>ul{flex-wrap: wrap;}
    .jo-situation>div>ul li {width: 100%;margin-bottom: 2%;}
    .jo-situation>div>ul li figure figcaption{padding: 25% 0;}
    .jo-situation>div>ul li figure>div i{font-size: 30px;}
    .jo-situation>div>ul li figure>div p{font-size: 12px;line-height: 1.5em;}
    .jo-situation{margin-top: 7%;}
    .jo-box3-con ul li p{font-size: 12px;line-height: 1.5em;height: 70px;}
    img { pointer-events: none; }
    .m-zhao{background-size: cover;margin-top: 7%;}
    .n-view-box>div>div:nth-of-type(1) p{text-indent: 0;}
    .in1-right h5{font-size: 16px;}
    .in1-right span{font-size: 14px;}
    .in1-right p{margin-top: 2%;}
    .in1-right p img {height: 25px;}
    /*.in1-box figure ul li a{flex-wrap: wrap;}*/
    /*.in1-left{width: 100%;height: 130px;}*/
    /*.in1-right{width: 100%;display: flex;justify-content: space-between;align-items: center;}*/
    /*.in1-right span,hr {display:none;}*/
    .in2-box figure dl dd{font-size: 14px;}
    .in1-box figure ul li a{height: 130px;}
    .in1-left{height: 110px;}
    .in1-right b{font-size: 14px;line-height: 1.5em;height: 40px;}
    .in3-box .m-box5-top{margin-bottom: 4%;}
    .pc-img p{font-size: 14px!important;}
    .pc-img p span{font-size: 14px!important;}
    .znav{margin-bottom: 10px;}
    .more-nav{display: none;}
    .pro-con section ul li{margin-bottom: 5%;}
    .about-con>p{font-size: 14px;}
    .in3-box{height: 300px;}
    .m-box1 .m-box1-left figure figcaption>div a img{display: none;}
    .in1-box .layout{padding-left: 6%;padding-right: 6%;}
    .in1-right h5{font-size: 14px;}
    .in1-right b{font-size: 12px;}
    .in1-right span{display: none;}
    .contacts-box>div .cont-top>a img{max-height: 45px;}
    .contacts-box>div .cont-top dl{font-size: 14px;}
    .contacts-box>div .cont-top dl dd{line-height: 1.8em;}
    .contacts-box>div .cont-top ul li>div img{width: 100px;height: 100px;}
    .contacts-box>div .cont-top ul li p{font-size: 14px;}
    .cont-boottom>div{height: 300px;}




}
@media screen and (max-width:450px){

    .in2-box figure dl dd a{padding: 0 5px;}
    .p-top-bg{height: 80px!important;}
    .m-box5 .m-box5-top{padding: 6% 0;}
    .m-box5-top-bg{left:44.5%;}
    /*.jo-box3-con ul li p{height: 125px;}*/
    .p-view-top .pv-cneter .pv-phone span{padding:10px 5px;font-size: 14px;}
    .p-view-top .pv-cneter .pv-phone a{font-size:14px;}
    /*.pro-con section ul li{width:100%;margin-right: 0!important;}*/
    .pro-box>div .pro-aside .aside-top ul li p{margin-left: 0;}
    .mb-nav>div form{width: 300px;}
    .mb-nav>div form input{width: 300px;}
    .mb-nav>div form button i{font-size: 16px;}
    .m-box5 .m-box5-video{height: 45%;}




}
@media screen and (max-width:400px){
    /*.m-box5-lb .swiper-box3 ul li span::before{left:41%;}*/
    .m-box5-lb .swiper-box3 ul li time{margin-top: 1%;}
    .m-box5-lb{height: auto;}
    /*.m-box5-lb .swiper-box3 ul li span{height: 25px;}*/
    /*.m-box5-lb .swiper-box3 ul li span::before{top:50%;}*/
    .m-box5-lb .swiper-box3::before{display: none;}
    /*.m-box5-lb .swiper-box3 ul li span::after{top:57%;left:42%;}*/
    .m-box5-lb .swiper-box3 ul li p{font-size: 12px;line-height: 1.5em;margin-bottom: 1%;}
    .m-box5-lb .swiper-box3 ul li span{margin-top: -4%;height: 45px;display: none;}
    .m-box5 .m-box5-video{top:83%;}
    .jo-box2-con .jo-box2-right ul li>div{width: 115px!important;}
    .news-box ul li{width: 100%;margin-bottom: 5%;}
    .news-box ul li:nth-of-type(2n+2){margin-right:0;}
    .news-box ul li:nth-of-type(3n+3){margin-right:0;}
    .m-box5-lb .swiper-container .swiper-wrapper .swiper-slide-active time {color: #FFFFFF;}
    .m-box5-lb .swiper-container .swiper-wrapper .swiper-slide-active p {color: #b9b9b9;}
    .m-box5-lb .swiper-container .swiper-wrapper .swiper-slide-active span{background: url("../img/aa-img1.png")no-repeat;width: 15px;height: 40px;background-position-y: 21px;}
    .more-nav-table tr td a{margin: 3px;}
    /*.m-box5-lb .swiper-container .swiper-wrapper .swiper-slide-active span::before{border: 1px solid #FFFFFF;}*/
    /*.m-box5-lb .swiper-container .swiper-wrapper .swiper-slide-active span::after{background-color: #FFFFFF;}*/
}