@media (max-width:767px) {
    .inwid{
        padding: 0px 10px;
        box-sizing: border-box;
    }
    .bannre .nav .nav-out ul{
        display: none;
    }
    .bannre .nav{
        height: 60px;
        padding: 0px 10px;
        box-sizing: border-box;
        position: relative;
        background: #fff;
    }
    .bannre .nav .nav-out .logo img{
        width: 50px;
    }
    .banner-out .banenr-swiper .swiper-pagination{
        justify-content: center;
        padding-left: 0px;
        bottom: 20px !important;
    }
    .banner-out .banenr-swiper .swiper-pagination-bullet{
        margin-right: 10px;
    }
    .banner-out .banenr-swiper .swiper-pagination-bullet-active::after{
        width: 12px;
        height: 12px;
        margin-left: -6px;
        margin-top: -6px;
    }
    .banner-out .banenr-swiper .swiper-pagination-bullet{
        width: 6px;
        height: 6px;
    }
    .Products{
        margin-top: 30px;
    }
    .Products .Pro-tile{
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .Products .Pro-tile a{
        font-size: 16px;
    }

    .Products .out .box{
        width: 100%;
        padding: 20px 10px;
        height: auto;
        margin-bottom: 10px;
    }
    .Products .out .box .right{
        width: 150px;
    }
    .Products .out .box .left span{
        font-size: 16px;
    }
    .Products .out .box .left h5{
        font-size: 18px;
        margin-bottom: 10px;
    }
    .inMORE{
        margin-top: 40px;
        width: 80px;
        height: 30px;
        font-size: 14px;
    }
    .inMORE .img-1{
        margin-left: 5px;
        height: 10px;
    }
    .inGd{
        width: 100px;
        height: 30px;
        line-height: 27px;
        font-size: 14px;
    }

    .Case{
        margin-top: 30px;
    }
    .Case .out{
        margin-top: 20px;
    }
    .Case .out .Case-swiper .swiper-slide{
        width: 100%;
        height: auto;
    }
    .Case .out .swiper-button-next{
        right: 0px;
        background: #014898;
        width: 40px;
        height: 40px;
        border: none;
        font-size: 12px;
    }
    .Case .out .Case-swiper .swiper-slide .ceng{
        padding: 0px 45px;

    }
    .Case .out .Case-swiper .swiper-slide .ceng a{
        margin-top: 30px;
    }
    .Case .out .Case-swiper .swiper-slide .ceng h5{
        margin-bottom: 10px;
        font-size: 20px;
    }
    .Case .out .Case-swiper .swiper-slide .ceng p{
        font-size: 14px;

    }
    .Case .out .swiper-button-prev{
        left: 0px;
        width: 40px;
        height: 40px;
        border: none;
        font-size: 12px;
        background: #014898;
    }
    .Advantage{
        margin-top: 30px;
    }
    .intitle h5{
        font-size: 20px;
    }
    .intitle i{
        margin-top:10px;
        width: 40px;
    }
    .Advantage .out{
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .Advantage .out .box{
        width: 24%;
    }
    .Advantage .out .box img{
        height: 40px;
        margin-bottom: 10px;
    }
    .Advantage .out .box h5{
        font-size: 14px;
        text-align: center;
        height: 30px;
        margin-bottom: 15px;
    }
    .Advantage .out .box p{
        font-size: 12px;
        text-align: inherit;
    }
    .AboutUs{
        height: auto;
        padding-bottom: 30px;
    }
    .AboutUs .out{
        display: block;
    }
    .AboutUs .out .ringt{
        width: 100%;
        
    }
    .AboutUs .out .ringt img{
        width: 100%;
    }
    .AboutUs .inwid>h5{
        font-size: 20px;
        padding-top: 20px;
        margin-bottom: 30px;
    }
    .AboutUs .out .left{
        width: 100%;
    }
    .AboutUs .out h5{
        font-size: 16px;
    }
    .AboutUs .out span{
        font-size: 14px;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .AboutUs .out p{
        font-size: 12px;

    }
    .AboutUs .out a{
        width: 90px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
        margin-top: 20px;
        margin-bottom: 30px;
        display: flex;
        align-items: center;
    }
    .AboutUs .out a img{
        height: 10px;
    }
    .partner{
        margin-top: 30px;
    }
    .partner .out{
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .partner .out .img{
        width: 31%;
    }
    .partner .out img{
        width: auto;
        max-width: 100%;
        object-fit: contain;
        margin-right: 0px;
        transform: scale(1);
    }

    .News{
        margin-top: 0px;
        margin-bottom: 30px;
    }
    .News .News-in .inMORE{
        width: 90px;
        height: 30px;
        font-size: 12px;
    }
    .News .News-title a{
        margin-right: 30px;
    }
    .News .out{
        display: block;
    }
    .News .out .left{
        width: 100%;
        display: none;
    }
    .News .ceng{
       display: none;
    }
    .News .out .right{
        width: 100%;
    }
    .News .out .right .box a .tiembox{
        margin-right: 20px;
    }
    .News .out .right .box a .txtbox h5{
        font-size: 16px;
        margin-bottom: 10px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
    }
    .News .out .right .box a .txtbox p{
        font-size: 14px;
        width: 100%;
        overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      width: 100%;
    }
    .News .News-title{
        margin-bottom: 20px;
    }
    .News .out .right .box{
        margin-bottom: 30px;
    }
    .News .out .right .box a .txtbox{
        width: 80%;
    } 

    .News .out .right .box a .tiembox .time-1{
        font-size: 20px;
    }
    .News .out .right .box a .tiembox .tiem-2{
        font-size: 14px;
    }
    .footer .out{
       padding-top: 20px;
       display: block;
    }
    .footer .out>.box{
        width: 100%;
    }
    .footer .out>.box .logo{
        width: 80%;
        margin-bottom: 20px;
    }
    .footer .out ul{
        width: 100%;
        margin-top: 20px;
    }
    .footer .out ul li .titel{
        font-size: 16px;
        margin-bottom: 10px;
    }
    .footer .out ul li .box a{
        font-size: 12px;
        margin-bottom: 10px;
    }
    .footer .out>.box span{
        font-size: 16px;
    }
    .footer .out>.box span a{
        font-size: 16px;
    }
    .CITY-SITE h5{
        margin-top: 0px;
    }
    .CITY-SITE a{
        margin-right: 8px;
    }
    .CITY-SITE a:nth-child(14n){
        margin-right: 8px;
    }
    .CITY-SITE-box{
        margin-bottom: 20px;
    }
    .footer-dibu .inwid span{
        display: block;
        font-size: 12px;
    }
    .footer-dibu .inwid{
        display: block;
        text-align: center;
    }
    .banner-out .foyr .text{
        bottom: 30px;
        padding-left: 10%;
    }
    .banner-out .foyr .text #txt-1{
        font-size: 20px;
    }
    .banner-out .foyr .text .txt-h{
        font-size: 16px;
    }
    .banner-out .foyr .text #txt-2{
        font-size: 16px;
    }

    .NoINdex img{
        height: 150px;
        object-fit: cover;
    }
    .NoINdex .txt h5{
        font-size: 30px;
        margin-bottom: 10px;
    }
    .NoINdex .txt span{
        font-size: 16px;
    }
    #AboutUs .company-profile{
        padding-top: 30px;
    }
    #AboutUs .company-profile .out{
        margin-top: 20px;
        display: block;
    }
    #AboutUs .company-profile .out .left{
        width: 100%;
    }
    #AboutUs .company-profile .out .left h5{
        font-size: 20px;
        margin-bottom: 10px;
    }
    #AboutUs .company-profile .out .left span{
        font-size: 16px;
        margin-bottom: 20px;
    }
    #AboutUs .company-profile .out .left p{
        font-size: 12px;

    }
    #AboutUs .company-profile{
        height: auto;
        padding-bottom: 30px;
    }
    #AboutUs .company-profile .out .right{
        width: 100%;
    }
    #AboutUs .company-profile .out .right .img-2{
        display: none;
    }
    #AboutUs .company-profile .out .right .img-1{
        width: 100%;
        margin-top: 30px;
    }

    #AboutUs .Worksho{
        margin-top: 30px;
    }
    #AboutUs .Worksho .out{
        margin-top: 20px;
    }
    #AboutUs .Worksho .out .box{
        width: 33.3%;
    }
    #AboutUs .Honor{
        margin-top: 30px;
    }
    #AboutUs .Honor .Honor-swiper{
        margin-top: 0px;
    }
    #AboutUs .Honor .Honor-swiper .swiper-slide{
        width: 100%;
    }
    #AboutUs .Honor .Honor-swiper .swiper-slide-active{
        transform: scale(1) !important;
    }
    #AboutUs .Honor .Honor-swiper .swiper-button-next{
        right: 10px;
    }
    #AboutUs .Honor .Honor-swiper .swiper-button-prev{
        left: 10px;
    }
    #AboutUs .Honor .Honor-swiper .swiper-button-next, #AboutUs .Honor .Honor-swiper .swiper-button-prev{
        width: 40px;
        height: 40px;
    }
    #AboutUs .Honor .Honor-swiper{
        padding: 20px 0px;
    }
    #AboutUs .Honor .swiper-slide span{
        font-size: 16px;
    }
    .footer-dibu .inwid a{
        font-size: 12px;
    }

    .in-download a{
        width: 25%;
        font-size: 14px;
        line-height: 40px;
    }
    .in-download{
        height: 40px;
    }
    #Products .P-out .out{
        margin-top: 30px;
    }
    #Products .P-out .out .box{
        width: 100%;
        margin-right: 0px;
    }

    #Products .Products-list .out .box-1{
        display: block;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    #Products .Products-list .out .box-1 .left{
        width: 100%;
        height: auto;
        padding: 20px 0px;
        margin-bottom: 20px;
    }
    #Products .Products-list .out .box-1 .ringt{
        width: 100%;
        margin-left: 0px;
    }
    #Products .Products-list .out .box-1 .ringt h5{
        font-size: 20px;
       
    }
    #Products .Products-list .out .box-1 .ringt h5::after{
        margin-top: 10px;
        margin-bottom: 20px;
    }
    #Products .Products-list .out .box-1 .ringt p{
        font-size: 14px;
        margin-bottom: 20px;
    }
    #Products .Products-list .out .box-2 .titel{
        font-size: 20px;
        margin-bottom: 10px;
    }
    #Products .Products-list .out .box-2 p{
        font-size: 14px;
        margin-bottom: 20px;
    }
    #Products .Products-list .out .box-2 .anniu{
        margin-bottom: 30px;
    }
    #Products .Products-list .out .box-2 .anniu a{
        width: 90px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
    }
    #Products .Products-list .out .box-3>h5{
        font-size: 20px;
        margin-bottom: 10px;
    }
    #Case .Case-out{
        margin: 40px 0px;
    }
    #Case .Case-out .out{
        margin-top: 30px;
    }
    #Case .Case-out .out .box{
        margin-right: 0px;
        width: 100%;
        margin-bottom: 30px;
    }

    #News .News-out .out .box{
        width: 100%;
        margin-bottom: 30px;
    }

    #Service .NoINdex .txt{
        padding-right: 0px;
    }
    #Service .Service-out{
        margin-top: 30px;
        margin-bottom: 40px;
    }
    #Service .Service-out .out{
        margin-top: 30px;
    }
    #Service .Service-out .out .box{
        width: 100%;
        margin-right: 0px;
        margin-bottom: 30px;
    }
    #Service .Service-out .out .box .img{
        height: auto;
    }
    #Service .Service-out .out .box .txt{
        font-size: 14px;
        margin-top: 10px;
    }
    .TipsWindown .box{
        width: 90%;
    }

    #Message .NoINdex .txt{
        padding-left: 0px;
    }
    #Message .Message-out .out{
        display: block;
    }
    #Message .Message-out{
        margin-top: 40px;
    }
    #Message .Message-out .out .left{
        width: 100%;
    }
    #Message .Message-out .out .right{
        width: 100%;
    }
    #qiehuananniu{
        display: block;
    }
    #NEWS .NEWS-list{
        margin-top: 40px;
    }
    #NEWS .NEWS-list .titel h5{
        font-size: 20px;
    }
    #NEWS .NEWS-list .release{
        margin-top: 20px;
    }
    #NEWS .NEWS-list .text{
        padding: 20px ;
    }
    .shangyiye{
        padding-left: 10px;
    }
}


@media (min-width:768px) and (max-width:991px) {
    .bannre .nav .nav-out ul{
        display: none;
    }
    .bannre .nav .nav-out{
        padding: 0px 10px;
        box-sizing: border-box;
    }
    .bannre .nav .nav-out .logo img{
        width: 60px;
    }
    .bannre .nav{
        height: 80px;
    }
    .banner-out .banenr-swiper .swiper-pagination{
        bottom: 30px !important;
        padding-left: 0px;
        justify-content: center;
    }
    .banner-out .banenr-swiper .swiper-pagination-bullet{
        margin-right: 20px;
    }
    .banner-out .banenr-swiper .swiper-pagination-bullet-active::after{
        width: 20px;
        height: 20px;
        margin-top: -10px;
        margin-left: -10px;
        box-sizing: border-box;
    }
    .banner-out .foyr .text{
        bottom: 30px;
        padding-left: 10%;
    }
    .Products{
        margin-top: 40px;
    }
    .intitle h5{
        font-size: 30px;
    }
    .intitle i{
        margin-top: 10px;
    }
    .inwid{
        padding: 0px 20px;
        box-sizing: border-box;
    }
    .Products .Pro-tile{
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .Products .out .box{
        padding: 20px ;
    }
    .Products .out .box .right{
        width: 200px;
    }
    .Products .out .box{
        height: auto;
    }
    .Products .out .box .left h5{
        font-size: 20px;
        margin-bottom: 10px;
    }
    .Products .out .box .left span{
        font-size: 16px;
    }
    .inMORE{
        width: 90px;
        height: 30px;
        font-size: 12px;
    }
    .inMORE .img-1{
        margin-left: 5px;
        height: 10px;
    }
    .inGd{
        margin-top: 0px;
        width: 100px;
        height: 40px;
        font-size: 14px;
        line-height: 40px;
    }
    .Case{
        margin-top: 40px;
    }
    .Case .out{
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .Case .out .Case-swiper .swiper-slide{
        width: 50%;
        height: 387px;
    }
    .Case .out .Case-swiper .swiper-slide .img-C{
        display: block;
    }
    .Case .out .swiper-button-next{
        right: 0px;
    }
    .Case .out .swiper-button-prev{
        left: 0px;
    }
    .Advantage{
        margin-top: 40px;
    }
    .Advantage .out{
        margin-top: 30px;
        margin-bottom: 40px;
        justify-content: space-between;
    }
    .Advantage .out .box{
        width: 24%;
    }
    .Advantage .out .box img{
        height: 60px;
        margin-bottom: 20px;
    }
    .Advantage .out .box h5{
        margin-bottom: 10px;
        font-size: 16px;
    }
    .Advantage .out .box p{
        text-align: left;
    }
    .Advantage .out .box i{
        margin-bottom: 10px;
    }
    .AboutUs .inwid>h5{
        font-size: 30px;
        padding-top: 20px;
        margin-bottom: 30px;
    }
    .AboutUs{
        height: auto;
    }
    .AboutUs .out{
        display: block;
    }
    .AboutUs .out .left{
        width: 100%;
       
    }
    .AboutUs .out span{
        margin-top:10px;
        margin-bottom: 10px;
        font-size: 16px;
    }
    .AboutUs .out h5{
        font-size: 20px;
    }
    .AboutUs .out p{
        font-size: 14px;
    }
    .AboutUs .out a{
        width:100px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        margin-top: 20px;
    }
    .AboutUs .out .ringt{
        width: 100%;
        margin-top: 30px;
    }
    .AboutUs .out .ringt img{
        width: 100%;
    }
    .partner{
        margin-top: 40px;
    }
    .partner .out .img{
        width: 23%;
        transform: scale(0.8);
    }
    .partner .out img{
        width: auto;
        max-width: 100%;
        margin-right: 0px;
        height: 120px;
        object-fit: contain;
        transform: scale(0.8);
    }
    .partner .out{
        margin-top: 20px;
    }
    .News{
        margin-top: 40px;
    }
    .News .ceng {
        display: none;
    }
    .News .out .left{
        display: none;
    }
    .News .out .right{
        width: 100%;
    }
    .News .out .right .box a .txtbox h5{
        margin-bottom: 20px;
        width: 100%;
    }
    .News .out .right .box a .txtbox p{
        width: 100%;
    }
    .News .out .right .box{
        margin-bottom: 30px;
    }
    .News .out .right .box a .txtbox{
        width: 82%;
    }
    .footer .out{
        margin-top: 30px;
    }
    .footer .out>.box .logo{
        width: 100%;
        margin-bottom: 10px;
    }
    .footer .out ul li .titel{
        font-size: 16px;
    }
    .footer .out ul li .box a{
        font-size: 14px;
    }
    .CITY-SITE a{
        margin-right: 12px;
    }
    .CITY-SITE a:nth-child(14n){
        margin-right: 12px;
    }

    .NoINdex img{
        height: 320px;
        object-fit: cover;
    }
    .NoINdex .txt h5{
        font-size: 30px;
        margin-bottom: 10px;
    }
    .NoINdex .txt span{
        font-size: 16px;
    }
    #AboutUs .company-profile{
        padding-top: 40px;
    }
    #AboutUs .company-profile .out{
        margin-top: 20px;
    }
    #AboutUs .company-profile .out .left h5{
        font-size: 20px;
        margin-bottom: 10px;
    }
    #AboutUs .company-profile .out .left span{
        margin-bottom: 20px;
        font-size: 16px;
    }
    #AboutUs .company-profile .out .left p{
        font-size: 12px;
    }
    #AboutUs .company-profile .out .right .img-2{
        display: none;
    }
    #AboutUs .company-profile .out .right .img-1{
        width: 100%;
    }
    #AboutUs .company-profile{
        height: auto;
        padding-bottom: 30px;
    }
    #AboutUs .Worksho{
        margin-top: 40px;
    }
    #AboutUs .Worksho .out{
        margin-top: 20px;
    }
    #AboutUs .Worksho .out .box{
        width: 33.33%;
    }
    #AboutUs .Honor{
        margin-top: 40px;
    }
    #AboutUs .Honor .Honor-swiper .swiper-slide-active{
        transform: scale(1) !important;
    }
    #AboutUs .Honor .Honor-swiper .swiper-slide{
        width: 50%;
    }
    #AboutUs .Honor .Honor-swiper{
        padding: 20px 0px;
        margin-top: 0px;
    }
    #AboutUs .Honor .swiper-slide span{
        font-size: 16px;
    }
    .in-download a{
        width: 25%;
        line-height: 60px;
        font-size: 16px;
    }
    .in-download{
        height: 60px;
    }
    #Products .P-out .out{
        justify-content: space-between;
        margin-top: 30px;
    }
    #Products .P-out .out .box{
        width: 49%;
        margin-right: 0px;
    }
    #Products .Products-list .out .box-1{
        margin-top: 30px;
        margin-bottom: 30px;
    }
    #Products .Products-list .out .box-1 .left{
        width: 50%;
        height: auto;
        padding: 30px 0px;
    }
    #Products .Products-list .out .box-1 .ringt{
        margin-left: 30px;
        width: 50%;
    }
    #Products .Products-list .out .box-1 .ringt p{
        font-size: 14px;
        margin-bottom: 30px;
    }
    #Products .Products-list .out .box-1 .ringt h5::after{
        margin-top: 10px;
        margin-bottom: 20px;
    }
    #Products .Products-list .out .box-1 .ringt h5{
        font-size: 20px;
    }
    #Products .Products-list .out .box-2 .titel{
        margin-bottom: 10px;
    }
    #Products .Products-list .out .box-2 p{
        margin-bottom: 20px;
    }
    #Products .Products-list .out .box-2 .anniu{
        margin-bottom: 30px;
    }
    #Products .Products-list .out .box-3 .out{
        justify-content: space-between;
    }
    #Case .Case-out{
        margin: 40px 0px;
        
    }
    #Case .Case-out .out{
        justify-content: space-between;
        margin-top: 20px;
    }
    #Case .Case-out .out .box{
        width: 49%;
        margin-right: 0px;
        margin-bottom: 30px
    }
    #News .News-out .out {
        justify-content: space-between;
    }
    #News .News-out .out .box{
        width: 49%;
        margin-right: 0px;
        margin-bottom: 30px;
    }
    #Service .Service-out .out {
        justify-content: space-between;
    }
    #Service .Service-out .out .box{
        width: 49%;
        margin-right: 0px;
        margin-bottom: 30px;
    }
    #Service .Service-out .out .box .img{
        height: auto;
    }
    #Service .Service-out .out .box .txt{
        margin-top: 10px;
        font-size: 16px;
    }
    .TipsWindown .box{
        width: 90%;
    }

    #Message .Message-out .out .left{
        width: 39%;
    }
    #Message .Message-out .out .right{
        width: 60%;
    }
    #Message .NoINdex .txt{
        padding-left: 0px;
    }
    #Service .NoINdex .txt{
        padding-right: 0px;
    }
    #qiehuananniu{
        display: block;
    }
}


@media (min-width:992px) and (max-width:1199px) {
    .inwid{
        padding: 0px 20px;
        box-sizing: border-box;
    }
    .bannre .nav .nav-out{
        padding: 0px 30px;
        box-sizing: border-box;
    }
    .bannre .nav .nav-out ul li{
        margin-right: 30px;
    }
    .banner-out .banenr-swiper .swiper-pagination{
        bottom: 40px !important;
        justify-content: center;
        padding-left: 0px;
    }
    .banner-out .foyr .text{
        bottom: 40px;
        padding-left: 10%;
    }
    .Products{
        margin-top: 50px;
    }
    .intitle h5{
        font-size: 35px;
    }
    .intitle i{
        margin-top: 20px;
    }
    .Products .Pro-tile{
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .Products .out .box{
        padding: 20px;
        height: auto;
    }
    .inGd{
        width: 200px;
        height: 50px;
        line-height: 50px;
    }

    .Case{
        margin-top: 50px;
    }
    .Case .out{
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .Case .out .swiper-button-next{
        right: 0px;
    }
    .Case .out .swiper-button-prev{
        left: 0px;
    }
    .Advantage{
        margin-top: 50px;
    }
    .Advantage .out{
        justify-content: space-between;
    }
    .Advantage .out .box{
        width: 24%;
    }
    .AboutUs{
        height: auto;
    }
    .AboutUs .out .left{
        width: 48%;
    }
    .AboutUs .inwid>h5{
        padding-top: 30px;
        margin-bottom: 30px;
    }
    .AboutUs .out .ringt{
        width: 50%;
    }
    .AboutUs .out .ringt img{
        width: 100%;
    }
    .AboutUs .out h5{
        font-size: 20px;
    }
    .AboutUs .out span{
        margin-top: 10px;
        margin-bottom: 20px;
        font-size: 16px;
    }
    .AboutUs .out p{
        font-size: 14px;
    }
    .partner{
        margin-top: 50px;
    }
    .partner .out{
        margin-top: 30px;
    }
    .partner .out .img{
        width: 15%;
    }
    .footer .out ul li .titel{
        font-size: 16px;
    }
    .partner .out img{
        width: auto;
        max-width: 100%;
        margin-right: 0px;
        height: 120px;
        object-fit: contain;
        transform: scale(0.9);
    }
    .footer .out ul{
        width: 58%;
    }
    .News{
        margin-top: 50px;
    }
    .News .ceng{
        display: none;
    }
    .News .out .left{
        width: 38%;
    }
    .News .out .right{
        width: 60%;
    }
    .News .out .right .box a .tiembox{
        margin-right: 20px;
    }
    .News .out .right .box a .txtbox{
        width: 82%;
    }
    .News .out .right .box.all .txtbox h5{
        width: 100%;
    }
    .News .out .right .box a .txtbox p{
        width: 100%;
    }

    .CITY-SITE a:nth-child(14n){
        margin-right: 20px;
    }
    .NoINdex img{
        height: 400px;
        object-fit: cover;
    }
    #AboutUs .company-profile{
        padding-top: 50px;
    }
    #AboutUs .company-profile .out .right .img-2{
        display: none;
    }
    #AboutUs .company-profile .out .right .img-1{
        width: 100%;
    }
    #AboutUs .company-profile .out .left h5{
        font-size: 25px;
        margin-bottom: 10px;
    }
    #AboutUs .company-profile .out .left span{
        font-size: 16px;
        margin-bottom: 20px;
    }
    #AboutUs .company-profile .out .left p{
        font-size: 14px;
    }
    #AboutUs .inMORE{
        width: 90px;
        height: 40px;
        font-size: 12px;
        margin-top: 20px;
    }
    #AboutUs .inMORE .img-1{
        margin-left: 6px;
    }
    #AboutUs .company-profile{
        height: auto;
        padding-bottom: 30px;
    }
    #AboutUs .Worksho{
        margin-top: 50px;
    }
    #AboutUs .Worksho .out{
        margin-top: 30px;
    }
    #AboutUs .Honor{
        margin-top: 50px;
    }
    #AboutUs .Honor .Honor-swiper{
        padding: 40px 0px;
        margin-top: 30px;
    }
    #AboutUs .Honor .swiper-slide span{
        font-size: 16px;
    }
    #Products .P-out .out{
        margin-top: 40px;
    }
    #Products .P-out .out .box{
        width: 32%;
        margin-right: 2%;
    }
    .in-download{
        height: 60px;
    }
    .in-download a{
        width: 25%;
        font-size: 16px;
        line-height: 60px;
    }

    #Case .Case-out .out .box{
        width: 32%;
        margin-right: 2%;
        margin-bottom: 30px;
    }


    #News .News-out .out .box{
        width: 32%;
        margin-right: 2%;
    }

    #Service .Service-out .out {
        justify-content: space-between;
    }
    #Service .Service-out .out .box{
        width: 49%;
        margin-right: 0px;
        margin-bottom: 30px;
    }
    #Service .Service-out .out .box .img{
        height: auto;
    }
    #Service .Service-out .out .box .txt{
        margin-top: 10px;
        font-size: 16px;
    }
}

@media (min-width:1200px) and (max-width:1400px) {
    .bannre .nav .nav-out ul li{
        margin-right: 30px;
    }
    .bannre .nav{
        padding: 0px 30px;
        box-sizing: border-box;
    }
    .banner-out .foyr .text{
        padding-left: 10%;
        bottom: 30px;
    }
    .banner-out .banenr-swiper .swiper-pagination{
        bottom: 30px !important;
        padding-left: 0px;
        justify-content: center;
    }
    .inwid{
        padding: 0px 30px;
        box-sizing: border-box;
    }
    .Products .out .box{
        padding: 30px;
    }
    .Case .out .swiper-button-next{
        right: 0px;
    }
    .Case .out .swiper-button-prev{
        left: 0px;
    }
    .AboutUs .out .ringt{
        width: 50%;
    }
    .AboutUs .out .ringt img{
        width: 100%;
    }
    .AboutUs .out span{
        font-size: 20px;
        margin-top: 10px;
        margin-bottom: 20px;
    }
    .partner .out img{
        margin-right: 37px;
    }
    .News .ceng{
        width: 390px;
    }
    .News .out .left{
        width: 38%;
    }
    .News .out .right{
        width: 60%;
    }
    .News .out .right .box a .txtbox h5{
        margin-bottom: 20px;
    }
    .News .out .right .box a  .txtbox{
        width: 83%;
    }
    .CITY-SITE a:nth-child(14n){
        margin-right: 20px;
    }
    .NoINdex img{
        height: 400px;
        object-fit: cover;
    }

    #Products .P-out .out{
        margin-top: 40px;
    }
    #Products .P-out .out .box{
        width: 32%;
        margin-right: 2%;
    }
    .in-download{
        height: 60px;
    }
    .in-download a{
        width: 25%;
        font-size: 16px;
        line-height: 60px;
    }
    #Case .Case-out .out .box{
        width: 32%;
        margin-right: 2%;
        margin-bottom: 30px;
    }

    #News .News-out .out .box{
        width: 32%;
        margin-right: 2%;
    }

    #Service .Service-out .out {
        justify-content: space-between;
    }
    #Service .Service-out .out .box{
        width: 49%;
        margin-right: 0px;
        margin-bottom: 30px;
    }
    #Service .Service-out .out .box .img{
        height: auto;
    }
    #Service .Service-out .out .box .txt{
        margin-top: 10px;
        font-size: 16px;
    }
}

@media (min-width:1400px) and (max-width:1500px) {
    .bannre .nav{
        padding: 0px 100px;
        box-sizing: border-box;
    }
    .bannre .nav .nav-out ul li{
        margin-right: 40px;
    }
    .Case .out .swiper-button-next{
        right: 0px;
    }
    .Case .out .swiper-button-prev{
        left: 0px;
    }
    .AboutUs .out .ringt{
        width: 50%;
    }
    .inwid{
        padding: 0px 30px;
        box-sizing: border-box;
    }
    .AboutUs .out .ringt img{
        width: 100%;
    }
    .partner .out img{
        margin-right: 76px;
    }
    .News .out .left{
        width: 33%;
    }
    #Products .P-out .out{
        margin-top: 40px;
    }
    #Products .P-out .out .box{
        width: 32%;
        margin-right: 2%;
    }
    #Case .Case-out .out .box{
        width: 32%;
        margin-right: 2%;
        margin-bottom: 30px;
    }
    #News .News-out .out .box{
        width: 32%;
        margin-right: 2%;
    }

    #Service .Service-out .out {
        justify-content: space-between;
    }
    #Service .Service-out .out .box{
        width: 49%;
        margin-right: 0px;
        margin-bottom: 30px;
    }
    #Service .Service-out .out .box .img{
        height: auto;
    }
    #Service .Service-out .out .box .txt{
        margin-top: 10px;
        font-size: 16px;
    }
}