@media (min-width: 1440px){
    .header-nav .header-nav-url{
        margin-left: 32%;
    }
    .comys ul li h1{
        font-size: 29px;
    }
    .comys ul li{
        padding: 3% 1% 3% 2%;
    }
}
@media (max-width: 1450px) and (min-width: 1200px){
    .header-nav .header-nav-logo{
        width: 380px;
    }
    .header-nav .header-nav-url{
        margin-left: 34%;
    }
    .header-nav .header-nav-url ul li a .pbox .fir{
        font-size: 16px;
    }
    .banner .swiper-slide{
        height: 600px;
    }
    .header-nav .header-nav-url{
        width: 46%;
    }
    
    .product-container div[class*="product-box"] .inner h2{
        font-size: 24px;
    }
    .right-com{
        padding: 0px;
        display: flex;
        align-items: center;
    }
    .comys ul li .ct{
        font-size: 14px;
        line-height: 26px;
    }
    .right-com ul li{
        margin-right: 0;
        width: 33%;
    }
    .right-com h1{
        font-size: 55px;
    }
    .right-com h2{
        font-size: 30px;
    }
    .glotitle h1{
        font-size: 30px;
    }
    .code-box .background h2{
        font-size: 30px;
    }
    .area-title{
        font-size: 30px;
    }
    .area-title span{
        font-size: 18px;
    }
    .cleanbanner ul li .cir p:first-child{
        font-size: 24px;
    }
    .comys ul li h1{
        font-size: 24px;
    }
    .comys ul li h1 span{
        font-size: 40px;
    }
    .comys ul li{
        padding: 3% 1.5% 3% 2%;
    }
    .de-hon-list li .cici{
      height: 235px;
    } 
    .de-case-list ul li .abs{
        padding: 5% 7%;
    }
    .news-detail-title .h3{
        font-size: 26px;
    }
    .goods-info-right h2{
        font-size: 26px;
    }
    .fixed-banner h3{
        font-size: 30px;
    }
    .de-case-list ul li .abs h3{
        font-size: 16px;
    }
    .company_inner_fir .text-left .fir{
        font-size: 30px;
    }
    .code-box .codebox1 .cd2 h3{
        font-size: 18px;
    }
    .case-index .swiper-slide .abs h3{
        font-size: 18px;
    }
    .right-com h1{
        line-height: 55px;
    }
    .othernews h2{
        font-size: 24px;
    }
}
@media (max-width: 1420px){
    .right-com .inti{
        padding: 15px;
        margin-right: 10px;
    }
    .right-com ul li::before{
        width: 66px;
        height: 66px;
    }
    .right-com li .into p:last-child{
        font-size: 12px;
    }
    .area-title{
        font-size: 30px;
    }
    .area-title span{
        font-size: 18px;
    }
    .cleanbanner ul li .cir p:first-child{
        font-size: 24px;
    }
    .contact-list li{
        width: 24%;
    }
    .contact-list li:before,
    .contact-list li:after{
        display: none !important;
    }
}
@media (max-width: 1300px) {
    .comys ul li h1{
        font-size: 23px;
    }
}
@media (max-width: 1200px) and (min-width: 992px){
    .header-nav .header-nav-tel img{
        display: none;
    }
    .header-nav .header-nav-tel .text .fir{
        font-size: 14px;
    }
    .header-nav .header-nav-tel .text .sec{
        font-size: 22px;
    }
    .header-nav .header-nav-tel{
        display: none;
    }
    .header-nav .header-nav-logo{
        /*width: 120px;*/
    }
    .header-nav .header-nav-url ul li a .pbox .fir{
        font-size: 16px;
    }
    .header-nav .header-nav-url{
        width: 57%;
    }
    .header-nav .header-nav-url{
        margin-left: 43%;
    }
    .banner .swiper-slide{
        height: 500px;
    }
    .right-com{
        width: 55%;
    }
    .circle--4 {
        --size: calc(100px * 4);
    }
    .circle--5 {
        --size: calc(88px * 5);
    }
    .circle--6 {
        --size: calc(80px * 6);
    }
    .code-box .background{
        width: 55%;
    }
    .de-hon-list li .cici{
      height: 187px;
    } 
    .conkey .right{
        width: 100%;
        margin-top: 5%;
    }
    .goods-info-right h2{
        font-size: 24px;
    }
    .product-in .swiper-container-wrapper{
        height: auto;
    }
}

@media (max-width: 1200px) {
    .product-container div[class*="product-box"] .inner h2{
        font-size: 24px;
    }
    .glotitle h1{
        font-size: 30px;
        line-height: 35px;
    }
    .glotitle p{
        font-size: 16px;
    }
    .right-com ul li{
        width: 33%;
        margin-right: 0px;
    }
    .comys ul li{
        width: 49%;
        margin-bottom: 1%;
    }
    .right-com h1{
        font-size: 60px;
        line-height: 65px;
    }
    .right-com h2{
        font-size: 30px;
    }
    .area ul li{
        width: 33%;
        margin-bottom: 0.8%;
    }
    .arealist li h4{
        font-size: 24px;
    }
    .prolist ul a{
        width: 19.5%;
        margin-bottom: 10px;
    }
    .newstime h3{
        font-size: 40px;
    }
    .othernews ul li h4{
        font-size: 16px;
    }
}
@media (max-width: 1080px){
    
}

@media (max-width: 992px){
    .header-nav .header-nav-url{
        display: none;
    }
    #header-search{
        display: none;
    }
    .header-nav .header-nav-tel{
        display: none;
    }
    .header-nav{
        height: 65px;
    }
    .banner{
        margin-top: 65px;
    }
    .header-nav .header-nav-logo{
        width: 127px;
        padding-top: 5px;
    }
    .header-nav .header-nav-logo img{
        max-height: 86%;
    }
    .header-nav-menu{
        display: block;
    }
    .header-nav .header-nav-logo p{
    	display: none;
    }
    .banner .swiper-slide{
        height: 400px;
    }
    .swiper-slide .title{
        width: 67%;
    }
    .swiper-slide .title img:first-child{
        margin-bottom: 5px;
    }
    .swiper-slide .title{
        padding: 3% 6%;
    }
    .bannermore{
        margin-top: 20px;
    }
    .left-com{
        display: none;
    }
    .right-com{
        width: 100%;
    }
    .right-com ul li{
        width: 30%;
        margin-right: 3%;
    }
    .right-com-content{
        margin-bottom: 4%;
    }
    .code-box .background{
        width: 70%;
    }
    .news-main ul li{
        width: 49%;
        margin-bottom: 2%;
    }
    .foot-box .foot-contact-list,
    .foot-box ul.foot-pro-list{
        width: 38%;
        margin-right: 0;
    }
    .foot-box ul:nth-child(2){
        width: 20%;
    }
    .foot-box ul{
        width: 33%;
        margin-bottom: 5%;
    }
    .foot-box ul h3{
        text-align: center;
    }
    .foot-box ul li{
        text-align: center;
    }
    .foot-box .foot-contact-list{
        margin-right: 2%;
    }
    .foot-box .foot-contact-list ul,
    .foot-box .foot-contact-list li,
    .foot-box .foot-contact-list h3{
        text-align: left;
    }
    .fixed-banner{
        margin-top: 65px;
        height: 250px;
    }
    .fixed-banner h3{
        font-size: 30px;
    }
    .comys ul li h1{
        font-size: 18px;
    }
    .comys ul li h1 span{
        font-size: 34px;
    }
    .comys ul li .ct{
        font-size: 14px;
    }
    .de-case-list ul li{
      width: 32.3%;
    }
    .de-case-list ul li:nth-child(3n){
        margin-right: 0;
    }
    .de-case-list ul li:nth-child(4n){
        margin-right: 1%;
    }
    .de-hon-list li .cici{
      height: 187px;
    }
    .product-in .pro-left-7{
        width: 100%;
        margin-bottom: 4%;
    }
    .product-in .col-grid-5{
        width: 100%;
    }
    .product-in .swiper-container{
        min-height: auto;
    }
    .goods-info-right h2{
        font-size: 24px;
    }
    .pro-out .pro-link{
        display: none;
    }
    .pro-out .pro-bd{
        width: 100%;
        border:none;
    }
    .pro-li li{
        width: 49.5%;
    }
    .pro-li li:nth-child(2n){
        margin-right: 0%;
    }
    .de-news-list .newnew li .newstime{
        display: none;
    }
    .de-news-list .newnew li .box{
        width: 66%;
    }
    .de-news-list .newnew li .cici{
        width: 30%;
    }
    .othernews ul li{
        width: 49%;
    }
    .contact-list li{
        width: 33%;
    }
    .contact-list li:first-child{
        display: none;
    }
}
@media (min-width: 768px){
    .hidden-xs{
        display: block;
    }
    .vis-xs{
        display: none;
    }
}
@media (max-width: 767px){
    .swiper-slide .title{
        width: 83%;
    }
    .hidden-xs{
        display: none;
    }
    .vis-xs{
        display: block;
    }
    #header-search {
        display: none;
    }
    .glotitle{
        margin:40px 0 15px 0;
    }
    .glotitle h1{
        font-size: 24px;
        line-height: 29px;
        font-weight: bold;
    }
    .banner .swiper-slide.slide2 .det{
        width: 90%;
        margin:0 auto;
        padding-top: 3%;
        padding-bottom: 3%;
        box-sizing: border-box;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .banner .swiper-slide.slide2 img{
        max-height: 100%;
    }
    .banner .swiper-slide.slide2 .title{
        display: none;
    }
    .glotitle p{
        font-size: 14px;
    }
    .product-container div[class*="product-box"] .inner h2{
        font-size: 20px;
    }
    .product-container div[class*="product-box"]{
        min-height: 160px;
    }
    .product-container .swiper-slide img{
        object-fit: cover;
        height: 100%;
    }
    .product-container .product-box2, .product-container .product-box3{
        width: 100%;
    }
    .product-container div[class*="product-box"] .inner h2{
        font-size: 18px;
    }
    .product-container .swiper-container,
    .case-index .swiper-container{
        padding-bottom: 40px;
    }
    .right-com ul li{
        width: 47%;
        margin-right: 3%;
        margin-bottom: 3%;
    }
    .code-box{
        padding: 8% 0;
    }
    .code-box .background{
        width: 85%;
    }
    .code-box .background h2{
        font-size: 26px;
    }
    .codelist.row{
        justify-content: space-between;
    }
    .code-box .codebox1 .cd2{
        width: 80%;
    }
    .code-box .codebox1 .cd2{
        font-size: 14px;
    }
    .code-box .codebox1 .cd2 h3{
        font-size: 18px;
    }
    .area ul li{
        width: 49%;
        margin-bottom: 2%;
    }
    .area-title{
        font-size: 24px;
    }
    .area-title span{
        font-size: 16px;
    }
    .news-main{
        padding-bottom: 40px;
    }
    .foot-nav-logo{
        width: 100%;
    }
    .fx{
        display: none;
    }
    .foot-box{
        display: none;
    }
    .bottom{
        line-height: 27px;
        padding: 15px 0;
    }
    .cleanbanner ul li:last-child{
        margin-right: 0;
    }
    .cleanbanner ul li .cir{
        width: 75px;
        height: 75px;
    }
    .cleanbanner ul li .cir p:first-child{
        font-size: 18px;
    }
    .cleanbanner ul li .cir b{
        font-size: 70px;
        line-height: 75px;
    }
    .cleanbanner ul li .cir p:nth-child(2){
        display: none;
    }
    .cleanbanner ul{
        bottom: -48px;
    }
    .cleanbanner{
        margin-bottom: 60px;
    }
    .comys ul li{
        width: 100%;
        margin-right: 0;
        margin-bottom: 2%;
    }
    .comys ul li{
        padding:6% 3%;
    }
    .de-case-list ul li{
      width: 100%;
      margin-bottom: 5%;
    }
    .de-case-list ul li:nth-child(3n){
        margin-right: 0;
    }
    .de-case-list ul li:nth-child(4n){
        margin-right: 0%;
    }
    .de-hon-list li .cici{
      height: auto;
    }
    .de-page-mian .page-inner span{
        display: none;
    }
    .de-page-mian .page-inner input{
        display: none;
    }
    .de-page-mian .page-inner a.page-btn{
        display: none;
    }
    .de-page-mian .page-inner a{
        padding: 0 12px;
    }
    .fixed-banner{
        height: 150px;
    }
    .fixed-banner h3{
        font-size: 24px;
    }
    .goods-info-right h2{
        padding-bottom: 5px;
    }
    .gallery-thumbs{
        height: auto;
    }
    .gallery-top{
        height: auto;
    }
    .product-in .swiper-container-wrapper{
        height: auto;
    }
    .product-in .swiper-container{
        margin-bottom: 10px;
    }
    .goods-info-right .conkey .left{
        width: 100%;
    }
    .goods-info-right .conkey .right{
        display: none;
    }
    .pro-out .pro-bd, .pro-out .pro-link{
        padding: 0px;
    }
    .nhl{
        margin:0px;
        padding-left: 0px;
    }
    .nhl h3{
        font-size: 20px;
    }
    .newsPage div{
        width: 100%;
        margin-bottom: 10px;
    }
    .glob{
        padding: 15px;
    }
    .glob span{
        top: 30%;
    }
    .arealist li{
        width: 100%;
    }
    .prolist ul a{
        width: 49.5%;
        margin-bottom: 10px;
    }
    .pro-li li{
        width: 100%;
        margin-right: 0;
        margin-bottom: 3%;
    }
    .pro-li li:nth-child(2n){
        margin-right: 0%;
    }
    .pro-li .box{
        margin-bottom: 0px;
    }
    .ppd .nhl{
        display: none;
    }
    .de-news-list .newnew li .box span{
        display: none;
    }
    .de-news-list .newnew li .box h4{
        font-size: 16px;
        margin-bottom: 10px;
        padding-top: 5px;
    }
    .de-news-list .newnew li .cici{
        height: 100%;
    }
    .de-news-list .newnew li{
        margin-bottom: 20px;
        padding: 2% 0;
        margin-bottom: 0px;
    }
    .de-news-list .newnew li:hover{
        margin-bottom: 0;
        margin-top: 0;
    }
    .de-news-list .prolist ul a,
    .news-detail-content .prolist ul a{
        width: 33%;
    }
    .de-news-list .newnew li .box{
        border-top:none;
    }
    .news-detail-content .prolist ul.row{
        justify-content: space-between;
    }
    .news-detail-title .h3{
        font-size: 18px;
    }
    .newsPage .page-a{
        overflow: hidden;
          word-break: break-all;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 1;
          -webkit-box-orient: vertical;
    }
    .newsPage .cl1:last-child .page-a{
        text-align: left;
    }
    .newsPage div{
        margin-bottom: 5px;
    }
    .othernews ul li{
        width: 100%;
        margin-bottom: 5%;
    }
    .othernews h2{
        font-size: 24px;
    }
    .contact-list li{
        width: 100%;
        height: auto;
        padding: 4% 5%;
        margin-bottom: 10px;
    }
    .contact-list li:first-child{
        display: block;
    }
    #dituContent{
        height: 200px;
    }
    .company_inner_fir .text-left{
        width: 100%;
    }
    .company_inner_fir .text-left .fir{
        font-size: 24px;
    }
    .company_inner_fir{
        background: none;
    }
    .company_inner_fir .text-left .sec{
        font-size: 14px;
    }
    .contact-liuyan input[type="text"]{
        width: 100%;
    }
    .info_warp{
        margin-bottom: 20px;
    }
    .contact-liuyan .form-right{
        width: 100%;
    }
    .contact-liuyan input[name="captcha"]{
        width: 40% !important;
    }
    .contact-liuyan .verify{
        width: 35%;
    }
    .contact-liuyan .submit{
        width: 100%;
        font-size: 16px;
    }
    .hidden-lg{display: block;}
    .footer1{display: block; height:60px; overflow: hidden; right:0; bottom:0; float:left; z-index: 20; width:100%; position: fixed; background-color:#00A03F;}
    .f1{ width:100%; background:url(../images/end_icon3.png) no-repeat center 20%;  background-size: 25px; height:100%; float:left;  text-align:center;}
    .f2{ width:100%; background:url(../images/end_icon2.png) no-repeat center 20%; background-size: 25px;  height:100%; float:left; text-align:center;}
    .f3{ width:100%; background:url(../images/mss.png) no-repeat center 20%; background-size: 25px;  height:100%; float:left; text-align:center;}
    .footer1 a{ color:#fff !important; display: block; width: 33%; height: 100%;float: left; line-height:90px; text-align: center; background-color:#00A03F;}
    .footer1 a:first-child{ background: #00A03F;}
    .kb50{ height: 60px;}
}
@media (max-width: 420px){
    .banner .swiper-slide{
        height: 250px;
        padding: 0px;
    }
    .banner .swiper-slide.slide3 .det{
        padding: 0 5%;
    }
    .swiper-slide .title{
        width: 100%;
        max-width: 90%;
        padding: 8% 6%;
    }
    .bannermore{
        display: none;
    }
    .product-container .swiper-slide img{
        width: 100%;
    }
    .product-container div[class*="product-box"]{
        height: 100px;
        width: 100%;
    }
    .right-com h1{
        font-size: 28px;
        line-height: 33px;
    }
    .right-com h2{
        font-size: 24px;
    }
    .right-com-content{
        font-size: 14px;
        margin-right: 0px;
    }
    .right-com ul li{
        width: 100%;
        margin-right: 0%;
        margin-bottom: 1%;
        display: flex;
        justify-content: center;
    }
    .right-com ul li:before{
        width: 100%;
    }
    .right-com .into p:first-child{
        font-size: 16px;
    }
    .right-com li .into p:last-child{
        font-size: 14px;
    }
    .right-com .into{
        color: #009330;
    }
    .right-com .inti{
        width: 66px;
        height: 66px;
        text-align: center;
    }
    .right-com ul li{
        margin-bottom: 3%;
    }
    .right-com .into{
        width: 100px;
    }
    .case-index .swiper-slide .abs{
        display: none;
    }
    .code-box{
        padding: 20% 0;
    }
    .code-box .warpper{
        width: 100%;
        margin:0px;
    }
    .code-box .background{
        width: 100%;
    }
    .code-box .background h2{
        font-size: 24px;
        margin:20px 0;
    }
    .code-box .codebox1 .cd1{
        width: 100%;
        margin-bottom: 5%;
        text-align: center;
        display: flex;
        justify-content: center;
    }
    .code-box .codebox1 .cd2{
        width: 100%;
        text-align: center;
        font-size: 14px;
    }
    .code-box .codebox1 .cd2 h3{
        font-size: 16px;
    }
    .news-main ul li{
        width: 100%;
        margin-bottom: 5%;
    }
    .news-main ul li h4{
        font-size: 16px;
        margin:15px 0 10px 0;
    }
    .area ul li h3{
        font-size: 16px;
    }
    .arealist li h4{
        font-size: 16px;
        padding: 7px 0;
    }
    .de-news-list .newnew li .cici{
        height: 90px;
    }
    .foot-nav-logo p{
        font-size: 14px;
    }
    .comys ul li .ct{
        margin:10px 0 20px 0;
    }
    .glob img{
        max-width: 100px;
    }
    .glob span{
        top: 24%;
    }
    .goods-info-right h2{
        font-size: 20px;
    }
    .goods-info-right .conkey p{
        font-size: 22px;
    }
    .goods-info-right .conkey img{
        width: 50px;
    }
}