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


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

@media screen and (max-width: 1856px){
    .about .banner{
        background-repeat: no-repeat;
        /*background-size: cover!important;*/
    }
    .aspeech1 .section2 .warp .content .text .scrollTop{
        width: 518px;
    }
}

@media screen and (max-width: 1792px){
    .aspeech1 .section2 .warp .content .text .scrollTop{
        width: 443px;
    }
}

@media screen and (max-width: 1680px){
    .aspeech1 .section2 .warp .content .text .scrollTop{
        width: 443px;
    }
    }

@media screen and (max-width: 1600px){
    .aspeech1 .section2 .warp .content .text .scrollTop{
        width: 443px;
    }
}

@media screen and (max-width: 1560px){
    .aspeech1 .section2 .warp .content .text .scrollTop{
        width: 443px;
    }
    .index1 .section3{
        width: 95%;
    }
    .index1 .section3 .warp .content .home_product .swiper-slide a{
        flex-direction: column;
    }
    .index1 .section3 .warp .content .home_product .swiper-slide .text>span{
        text-align: center;
    }
    .index1 .section5 .warp{
        width: 95%;
    }
    .index1 .section5 .warp .content .home_news_warp2 .swiper-slide .item span{
        margin-left: 15px;
    }
    .index1 .section5 .warp .content .home_news_warp2 .swiper-slide .item p{
        margin-left: 15px;
    }
    .index1 .section5 .warp .content .home_news_warp2 .swiper-slide .item .label{
        margin-left: 15px;
    }
    .index1 .section5 .warp .content .home_news_warp2 .swiper-slide .item{
        padding-left: unset;
    }
    .index1 .section5 .warp .content .home_news_warp2 .swiper-slide .item .time{
        margin-left: 15px;
    }
    .index1 swiper-slide{
        margin-right: 70px;
    }
    .index1 .section2 .warp .content .swiper-slide .images_2{
        width: 100%!important;
    }
    .index1 .section2 .warp .content #images{
        /*width: 100% !important;*/
        margin-right: 30px;
        margin-left: 30px;
    }
    .index1 .section2 .warp .content{
        justify-content: unset;
    }
    .home_news_warp .swiper-slide a .text p{
        width: 420px;
    }
    /* .section .about_nav div{
        width: 90%;
    } */
    .about1 .section .warp{
        width: 90%;
    }
    .about1 .section .warp .content .right{
        width: 555px;
    }
    .about1 .section .about_nav div{
        width: 90%;
    }
    .aspeech1 .section .about_nav div{
        width: 90%;
    }
    .business1 .section .about_nav div{
        width: 90%;
    }
    .business1 .content{
        width: 100%;
    }
    .business1 .content .classify{
        margin-left: 3%;
    }
    .business1 .content .flex{
        width: 68%;
    }
    .business1 .content .flex .white{
        margin-right: 18px!important;
    }
    .product1 .section .about_nav div{
        width: 90%;
    }
    .case1 .section .about_nav div{
        width: 94%;
    }
    .case1 .section .content .flex{
        width: 70%;
    }
    .case1 .section .content .flex .item{
        margin-right: 34px!important;
    }
    .product_list1 .section .about_nav div{
        width: 90%;
    }
    .case_page1 .section .about_nav div{
        width: 94%;
    }
    .news1 .section .about_nav div{
        width: 90%;
    }
    .brochure1 .section .about_nav div{
        width: 90%;
    }
    .video1 .section .about_nav div{
        width: 90%;
    }
    .contact1 .section .about_nav div{
        width: 90%;
    }
    .company1 .section .about_nav div{
        width: 90%;
    }
    .recruit1 .section .about_nav div{
        width: 90%;
    }
    .contact_2 .section .about_nav div{
        width: 90%;
    }
}
@media screen and (max-width: 1500px){
    .index1 .section2 .warp .content #images{
        width: 670px;
    }
    .aspeech1 .section2 .warp .content .text .scrollTop{
        width: 443px;
    }
    .culture1 .section4 .warp .content{
        width: 95%;
    }
    .culture1 .section4 .warp .content .cut{
        width: 100%;
    }
    .about1 .section .about_nav div{
        width: 90%;
    }
    .aspeech1 .section .about_nav div{
        width: 90%;
    }
    .course1 .section .about_nav div{
        width: 90%;
    }
    .culture1 .section .about_nav div{
        width: 90%;
    }
    .honor1 .section .about_nav div{
        width: 90%;
    }
    .case1 .section .content .flex{
        width: 72%;
    }
    .product_list1 .section .content{
        width: 90% !important;
    }
    .business1 .section .about_nav ul li a{
        margin-right: 87px;
    }
}

@media screen and (max-width: 1440px){
    .index1 .section2 .warp .content #images {
        width: 605px;
    }
    .aspeech1 .section2 .warp .content .text .scrollTop{
        width: 270px;
    }
    .culture1 .section4 .warp .content .item{
        width: 430px;
    }
    .honor1 .section6 .warp{
        width: 100%;
    }
    .honor1 .section6 .warp .content .button{
        width: 95%;
    }
    .about1 .section .about_nav div{
        width: 90%;
    }
    .aspeech1 .section .about_nav div{
        width: 90%;
    }
    .product1_list1 .section .content{
        width: 90%;
    }
    .brochure1 .section2 .warp{
        width: 90%;
    }
    .video1 .section2 .warp{
        width: 90%;
    }
}

@media screen and (max-width: 1400px){
    .index1 .section2 .warp .content #images {
        width: 566px;
    }
    .about1 .section .about_nav div{
        width: 90%;
    }
    .aspeech1 .section .about_nav div{
        width: 90%;
    }
    .technology1 .section .tech_con .con_warp{
        margin-left: 37px;
    }
    .product1_page1 .section .tow_content{
        width: 90%;
    }
    .case_page1 .section .tow_content{
        width: 90%;
    }
    .recruit1 .three_section .warp{
        width: 97%;
    }
}

@media screen and (max-width: 1380px){
    .index1 .section2 .warp .content #images {
        width: 542px;
    }
    .culture1 .section4 .warp .content .item{
        width: 420px;
    }
    .about1 .section .about_nav div{
        width: 90%;
    }
    .aspeech1 .section .about_nav div{
        width: 90%;
    }
}







@media screen and (max-width: 768px){
    .header_active{
        display: none;
    }
    .header_sjd{
        display: block!important;
    }
    .index1 .banner .swiper-slide .text{
        font-size: 20px;
        min-height: 26px;
    }
    .index1 .banner{
        height: 30vh;
    }
    .case1 .section .content .flex .item .text .center .sign a{
        left: 0!important;
        opacity: 1;
    }
    .index1 .banner .scroll{
        height: 40px;
        width: 40px;
    }
    .index1 .banner .swiper-slide .content .water .water_icon{
        height: 15px;
        width: 15px;
    }
    .index1 .banner .swiper-slide .content .water .paging p{
        font-size: 12px;
    }
    .index1 .section2 .warp{
        width: 100%;
        margin: 60px auto 60px;
    }
    .index1 .section2 .warp .title span{
        font-size: 18px;
    }
    .index1 .section2{
        width: 90%;
        margin: auto;
    }
    .index1 .section2 .warp .content{
        margin-top: 30px;
        height: 1450px;
    }
    .company1 .section .warp .con_nav .item .circle:before{
        display: none!important;
    }
    .company1 .section .warp .con_nav:after{
        display: none;
    }
    .index1 .section2 .warp .content #images{
        margin-left: unset;
    }
    .index1 .section2 .warp .content{
        flex-direction: column;
    }
    .index1 .section2 .warp .content .swiper-slide .images_2{
        margin-top: 30px;
        height: 335px;
        background-size: cover!important;
    }
    .index1 .section3 .warp{
        margin: 30px auto 60px;
    }
    .index1 .section2 .warp .content .images:first-child a{
        font-size: 12px;
    }
    .index1 .section2 .warp .content .images .text h1{
        font-size: 18px;
    }
    .index1 .section3 .warp .title span{
        font-size: 18px;
    }
    .index1 .section3 .warp .content{
        margin-top: 30px;
    }
    .index1 .section3{
        width: 90%;
    }
    .index1 .section3 .warp .content .home_product .swiper-slide .text>span{
        font-size: 18px;
        margin-bottom: 30px;
        margin-top: 10px;
    }
    .index1 .section3 .warp .content .button .click{
        display: none;
    }
    .index1 .section3 .warp{
        width: 100%;
    }
    .index1 .section3 .warp .content .home_product{
        width: 100%;
    }
    .index1 .section3 .warp .content .home_product .swiper-slide .text .con{
        flex-direction: column;
    }
    .index1 .section3 .warp .content .home_product .swiper-slide .text .con .item{
        min-width: 246px;
    }
    .index1 .section3 .warp .content .home_product .swiper-slide .text .con .item{
        margin-right: unset;
    }
    .index1 .section3 .warp .content .home_product .swiper-slide .text .con .item:last-child{
        margin-top: 30px;
    }
    .content .images img{
        width: 100% !important;
    }
    .index1 .section3 .warp .content .home_product .swiper-slide .text>span{
        font-size: 14px;
    }
    .index1 .section3 .warp .content .home_product .swiper-slide .text .con .item p{
        font-size: 14px;
    }
    .index1 .section3 .warp .content .home_product .swiper-slide .text .con .border{
        width: 30px;
        height: 30px;
    }
    .index1 .index1 .section3 .warp .content .home_product .swiper-slide .text .con .item{
        min-width: 200px;
    }
    .index1 .section3 .warp .content .home_product .swiper-slide .text>span{
        text-align: center;
    }
    .index1 .section5 .warp{
        width: 90%;
    }
    .index1 .section3{
        margin: 0 auto 60px;
    }
    footer .warp{
        width: 90% !important;
    }
    footer .warp .footer_flex .footer_nav{
        flex-wrap: wrap;
        padding-top: 30px;
    }
    footer .warp .footer_flex .footer_nav ul .li_bot a{
        display: none;
    }
    footer .warp .footer_flex .footer_nav ul{
        /*margin-right: 0;*/
        width: 33% !important;
        margin: auto;
    }
    footer .warp .footer_flex{
        flex-direction: column;
    }
    footer .warp .footer_flex .text{
        padding-left: unset;
        padding-top: 20px;
    }
    footer .warp .footer_flex .text:after{
        display: none;
    }
    footer .warp .footer_flex .text{
        padding-left: unset!important;
    }
    footer .warp .footer_flex .text i{
        margin-bottom: 10px;
    }
    footer .warp .footer_flex .text div{
        margin-bottom: 30px;
    }
    .index1 .section2 .warp .content #images .text{
        transform: unset!important;
        transition: unset!important;
    }
    .index1 .section2 .warp .content #images .text{
        top: 400px;
    }
    .index1 .section2 .warp .content .images:after{
        opacity: 1;
    }
    .index1 .section2 .warp .content .swiper-slide .images_2 .text{
        top: 135px;
    }
    .index1 .section5 .warp .title .text span{
        font-size: 18px;
        left: unset;
    }
    .index1 .section5 .warp .title .button{
        display: none;
    }
    .index1 .section5 .warp .title{
        justify-content: center;
    }
    .index1 .section5 .warp .content{
        flex-direction: column;
    }
    .index1 .section5 .warp .content .home_news_warp2 .swiper-slide .item{
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
    .index1 .section5 .warp .content .home_news_warp{
        width: 100%;
    }
    .index1 .home_news_warp .swiper-slide a .text p{
        width: auto;
    }
    .index1 .home_news_warp .swiper-slide a{
        width: auto;
    }
    .index1 .section5 .warp .content .home_news_warp2 .swiper-slide .item{
        margin-top: 30px;
    }
    .index1 .section5 .warp .content .home_news_warp2 .swiper-slide .item p{
        width: auto;
    }
    .index1 .section5 .warp .content .home_news_warp2{
        width: 100%;
    }
    .index1 .section2 .warp .content .images .text h1{
        font-size: 14px;
    }
    .index1 .section3 .warp .content .home_product .swiper-slide .text .con .item p{
        font-size: 12px;
    }
    .index1 .home_news_warp .swiper-slide a .text span{
        font-size: 18px;
    }
    .index1 .home_news_warp .swiper-slide a .text p{
        font-size: 12px;
    }
    .index1 .section5 .warp .content .home_news_warp2 .swiper-slide .item span{
        font-size: 18px;
    }
    .index1 .section2 .warp .content .images p a{
        font-size: 12px;
    }
    .index1 .section5 .warp .content .home_news_warp2 .swiper-slide .item span{
        margin-left: unset;
    }
    .index1 .section5 .warp .content .home_news_warp2 .swiper-slide .item p{
        margin-left: unset;
    }
    .index1 .section5 .warp .content .home_news_warp2 .swiper-slide .item .time{
        margin-left: unset;
    }
    .index1 .section5 .warp .content .home_news_warp2 .swiper-slide .item .label{
        margin-left: unset;
    }
    .index1 .section5 .warp .content .home_news_warp2 .swiper-slide .item span{
        font-size: 18px;
    }
    .index1 .section5 .warp .content .home_news_warp2 .swiper-slide .item p{
        font-size: 12px;
    }
    .index1 .section5 .warp .content .home_news_warp2 .swiper-slide .item span{
        margin-bottom: 10px;
    }
    .index1 .section5 .warp .content .home_news_warp2 .swiper-slide{
        border-right: unset;
    }
    .index1 .section5 .warp .content .home_news_warp2 .swiper-slide .item span{
        width: 100%;
    }
    footer .footer_block div a{
        font-size: 12px;
    }
    footer .warp .footer_flex .text div h1{
        font-size: 16px;
    }
    footer .warp .footer_flex .text{
        padding-top: unset;
    }
    .index1 .section5 .warp{
        margin: 0 auto 30px;
    }
    .about1 .section .about_nav div{
        display: none;
    }
    .about1 .section .warp .content .left .title span{
        font-size: 18px;
    }
    .about1 .section .warp .content .left .title p{
        font-size: 12px;
    }
    .about1 .section .warp .content .left .title span{
        margin-bottom: 30px;
    }
    .about1 .section .warp .content .left .title{
        margin-bottom: 30px;
    }
    .about1 .section .warp .content{
        margin-bottom: 30px;
    }
    .about1 .section .warp{
        margin: 0 auto 0;
        padding-top: unset;
    }
    .about1 .section .warp .content{
        flex-direction: column;
    }
    .about1 .section .warp .content .left .title p{
        width: auto;
    }
    .about1 .section .warp .content .left .con .item>h1{
        font-size: 12px;
    }
    .about1 .section .warp .content .left .con .item{
        margin-right: 27px;
    }
    .about1 .section .warp .content .left .con{
        flex-wrap: wrap;
    }
    .about1 .section .warp .content .right{
        width: auto;
    }
    .about1 .section .warp .content .right{
        height: auto;
    }
    .about1 .swiper-wrapper{
        flex-direction: column;
    }
    .about1 .swiper-slide{
        width: 100% !important;
    }
    .about1 .section .warp .images .swiper-slide .images_warp img{
        width: 100%;
    }
    .about1 .section .warp .images .swiper-slide .images_warp{
        height: auto;
    }
    .about1 .section .warp .images{
        margin-bottom: 60px;
    }
    .about1 .section .warp .content .left .con .item:after{
        display: none;
    }
    .section .about_nav div{
        display: none;
    }
    .aspeech1 .section2 .warp .title{
        font-size: 18px;
        margin-bottom: 30px;
        text-align: center;
    }
    .aspeech1 .section2{
        margin-top: unset;
        padding-top: unset;
    }
    .aspeech1 .scroll{
        padding-top: 60px;
    }
    .aspeech1 .section2 .warp .content{
        flex-direction: column;
    }
    .aspeech1 .section{
        display: none;
    }
    .aspeech1 .section2 .warp{
        width: 90%;
        margin: auto;
    }
    .aspeech1 .section2 .warp .content .images{
        width: auto;
        height: auto;
        margin-right: unset;
    }
    .aspeech1 .section2 .warp .content .text .scrollTop::-webkit-scrollbar{
        display: none;
    }
    .aspeech1 .section2 .warp .content .text .scrollTop{
        width: 100% !important;
        margin-top: 30px;
        margin-bottom: 60px;
    }
    .aspeech1 .scrollTop p strong{
        font-size: 18px;
    }
    .aspeech1 .section2 .warp .content .text .scrollTop p{
        font-size: 12px;
    }
    .course1 .section{
        display: none!important;
    }
    .course1 .section3{
        padding-top: 60px;
    }
    .course1 .section3 .warp{
        margin: 0 auto 60px;
        width: 90%;
    }
    .course1 .section3 .warp .title span{
        font-size: 18px;
    }
    .course1 .section3 .warp .title{
        margin-bottom: 30px;
    }
    .course1 .section3 .warp .content .text .item h1{
        font-size: 16px;
    }
    .course1 .section3 .warp .content .text .item p{
        font-size: 12px;
    }
    .course1 .section3 .warp .content .text .item{
        padding-bottom: 10px;
    }
    .course1 .section3 .warp .content .text .item .after{
        margin-right: 10px;
        margin-left: 10px;
    }
    .course1 .section3 .warp .content .text .item .after .line{
        display: none;
    }
    .course1 .section3 .warp .content .text .item .after{
        display: none;
    }
    .course1 .section3 .warp .content .text .item{
        flex-direction: column;
    }
    .course1 .section3 .warp .content .border{
        margin-bottom: 10px;
    }
    .culture1 .banner{
        background-size: unset!important;
    }
    .culture1 .section4 .warp{
        width: 90%;
    }
    .culture1 .section{
        display: none;
    }
    .culture1 .section4 .warp .content .active{
        opacity: unset;
        z-index: unset;
        top: unset;
        display: block!important;
    }
    .culture1 .section4 .warp .content .cut{
        top: unset;
        opacity: unset;
        z-index: unset;
        display: none;
    }
    .culture1 .section4{
        padding-top: 60px;
    }
    .culture1 .section4 .warp .title span{
        font-size: 18px;
    }
    .culture1 .section4 .warp .culture_nav{
        margin-top: 30px;
    }
    .culture1 .section4 .warp .culture_nav li p{
        font-size: 12px;
    }
    .culture1 .section4 .warp .culture_nav li i{
        margin-right: 2px;
    }
    .culture1 .section4 .warp .culture_nav li i{
        font-size: 18px;
    }
    .culture1 .section4 .warp .content{
        margin: auto!important;
        width: 100% !important;
    }
    .culture1 .content .images img{
        width: 100% !important;
    }
    .culture1 .section4 .warp .content .item{
        width: 100%;
    }
    .culture1 .section4 .warp .content .item .text{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .culture1 .section4 .warp .content .item .text span{
        font-size: 18px;
    }
    .culture1 .section4 .warp .content .item .text h1{
        font-size: 12px;
    }
    .culture1 .section4 .warp .content .item .text p{
        font-size: 12px;
    }
    .culture1 .section4 .warp .content .item .images{
        height: auto;
    }
    .culture1 .section4 .warp .content .item .text p{
        margin: 10px auto;
    }
    .culture1 .section4 .warp .content .item{
        margin-bottom: 30px;
    }
    .culture1 .section4 .warp .content .cut{
        margin: 30px auto 0;
        position: static;
    }
    .culture1 .section4 .warp{
        margin: 0 auto 60px;
    }
    .culture1 .section4 .warp .content{
        height: auto!important;
    }
    .culture1 .section4 .warp .content .cut .text_2 span{
        font-size: 18px;
    }
    .culture1 .section4 .warp .content .cut .images_2{
        width: auto;
        height: auto;
        margin-right: unset;
    }
    .culture1 .section4 .warp .content .cut .text_2 p{
        font-size: 12px;
    }
    .culture1 .section4 .warp .content .cut .text_2 span{
        margin-bottom: 30px;
    }
    .culture1 .section4 .warp .content .cut .sign{
        margin-top: 30px!important;
        width: 100%;
        font-size: 12px;
        margin-left: unset;
        margin-right: unset;
        margin-bottom: 30px;
    }
    /*.culture1 .section4 .warp .content .cut .circle{*/
    /*    width: 250px;*/
    /*    height: 250px;*/
    /*}*/
     .banner{
        background-size: cover!important;
    }
    .honor1 .section6 .warp .title span{
        font-size: 18px;
    }
    .culture1 .section4 .warp .content .cut .circle{
        margin: auto;
    }
    .honor1 .section{
        display: none;
    }
    .honor1 .section6{
        padding-top: 60px;
    }
    .honor1 .section6 .warp .title{
        margin-bottom: unset;
    }
    .honor1{
        width: 100%;
        margin: auto;
    }
    .honor1 .section6 .warp .content .about_carousel{
        width: auto;
        margin: unset;
    }
    .honor1 .section6 .warp .content .about_carousel .swiper-slide p{
        font-size: 12px;
    }
    .honor1 .section6 .warp .content .about_carousel .swiper-slide-active p{
        left: unset;
    }
    .honor1 .section6 .warp .content .button{
        top: 92%;
        justify-content: space-evenly;
    }
    .honor1 .section6 .warp .content .about_carousel{
        height: 85%;
    }
    .honor1 .section6 .warp{
        margin: 0 auto 60px;
    }
    /*.case1 .section .about_nav div{*/
    /*    display: none;*/
    /*}*/
    .case1 .section .content{
        width: 100%;
    }
    .case1 .section{
        width: 90%;
        margin: auto;
    }
    .case1 .section .content .flex{
        width: 100%;
    }
    .case1 .section .content .flex{
        margin: 60px auto 0;
    }
    .case1 .section .content .flex .item .text .center span{
        font-size: 18px;
        margin-bottom: 30px;
        text-align: center;
    }
    .case1 .section .content .flex .item{
        margin-right: unset!important;
    }
    .case1 .section .content .flex .item{
        width: 100%;
    }
    .case1 .section .content .flex .item .images{
        height: auto;
    }
    .case1 .section .content .flex .item .text .center .sign div p{
        font-size: 12px;
        margin-left: 10px;
    }
    .case1 .section .content .flex .item{
        margin-bottom: 30px;
    }
    .case1 .section .content .flex .item .text{
        width: 99.7%;
    }
    .case1 .section .content .paging{
        margin-top: 30px;
        margin-bottom: 60px;
    }
    .news1 .section{
        width: 100%;
        margin: auto;
    }
    .news1 .section .warp{
        width: 100%;
    }
    .news1 .section .warp .news_warp{
        margin: 60px auto 60px;
    }
    .news1 .section .warp .news_warp .swiper-slide a{
        flex-direction: column;
    }
    .news1 .section .warp .news_warp .swiper-slide a .images{
        width: auto;
        height: auto;
    }
    .news1{
        width: 90%;
        margin: auto;
    }
    .news1 .section .warp .news_warp .swiper-slide a .text{
        width: 100%;
    }
    .news1 .section .warp .news_warp .swiper-slide a .text span{
        font-size: 18px;
    }
    .news1 .section .warp .news_warp .swiper-slide a .text p{
        font-size: 12px;
    }
    .news1 .section .warp .news_warp .swiper-slide a .text .line{
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .news1 .section .warp .news_warp .swiper-slide a .text span{
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .news1 .section .warp .news_warp .swiper-slide a .text h1{
        margin-top: 30px;
        font-size: 12px;
    }
    .news1 .section .warp .news_warp .swiper-pagination{
        bottom: 0;
        left: unset;
    }
    .news1 .section2 .warp{
        margin: 60px auto 60px;
    }
    .news1 .section2 .warp .con{
        flex-direction: column;
    }
    .news1 .section2 .warp{
        width: 100%;
    }
    .news1 .section2 .warp .con .item{
        width: auto;
        margin-right: unset;
        margin-bottom: 30px;
    }
    .news1 .section2 .warp .con .item .images{
        height: auto;
    }
    .news1 .section2 .warp .con .item .text_nr{
        width: auto;
    }
    .news1 .section2 .warp .con .item .text_nr span{
        font-size: 18px;
        min-height: 30px;
    }
    .news1 .section2 .warp .con .item .text_nr p{
        font-size: 12px;
    }
    .news1 .section2 .warp .con .item .text_nr .time h1{
        font-size: 12px;
    }
    .news1 .section2 .warp .con .item .text_nr .time .more{
        font-size: 12px;
    }
    .news1 .section2 .paging{
        margin-top: 30px;
        margin-bottom: 60px;
    }
    .news_info1 .section2 .warp{
        width: 100%;
        margin: 60px auto 60px;
    }
    .news_info1 .section2 .warp .con{
        flex-direction: column;
    }
    .news_info1 .section2 .warp .con .item .text_nr span{
        font-size: 18px;
        min-height: 30px;
    }
    .news_info1 .section2 .warp .con .item .text_nr p{
        font-size: 12px;
    }
    .news_info1 .section2 .warp .con .item{
        width: 100%;
        margin-right: unset;
    }
    .news_info1 .section2 .warp .con .item .images{
        height: 100%;
    }
    .news_info1 .section2 .warp .con .item .text_nr{
        width: 100%;
    }
    .news_info1 .section2{
        width: 90%;
        margin: auto;
    }
    .news_info1 .section2 .warp .con .item{
        margin-bottom: 30px;
    }
    .news_info1 .section2 .warp .con .item .text_nr .time h1{
        font-size: 12px;
    }
    .news_info1 .section2 .warp .con .item .text_nr .time .more{
        font-size: 12px;
    }
    .news_info1 .section2 .paging{
        display: none;
    }
    .brochure1 .section2 .warp .con .item .images{
        height: auto;
    }
    .brochure1 .section2 .warp .con .item .text span{
        font-size: 12px;
    }
    .brochure1 .section2 .warp .con .item .text .more{
        font-size: 12px;
    }
    .brochure1 .section2 .warp{
        margin: 60px auto 60px;
    }
    .brochure1 .section2 .paging{
        display: none;
    }
    .video1 .section2 .warp .con .item .images{
        height: auto;
    }
    .video1 .section2 .warp .con .item .text{
        font-size: 12px;
    }
    .video1 .section2 .warp{
        margin: 60px auto 60px;
    }
    .video1 .section2 .paging{
        display: none;
    }
    .contact1 .section .content .title{
        margin-top: 30px!important;
        width: 90%;
        margin: auto;
    }
    .contact1 .section .content{
        width: auto;
    }
    .contact1 .section .content .title .text span{
        font-size: 18px;
    }
    .contact1 .section .content .title .text{
        margin-bottom: 30px;
    }
    .contact1 .section .content .title .con .item{
        margin-right: unset;
        margin-bottom: 10px;
    }
    .contact1 .section .content .title .con{
        flex-direction: column;
    }
    .contact1 .section .content .map{
        margin: 30px auto 30px;
    }
    .contact1 .section .flex{
        width: auto;
    }
    .contact1 .section .content .map .white .text h1{
        font-size: 18px;
        margin-right: 5px;
    }
    .contact1 .section .content .map .white .text p{
        font-size: 12px;
    }
    .contact1 .section .content .map .white .item p{
        font-size: 12px;
    }
    .contact1 .section .flex{
        margin: 30px auto;
    }
    .contact1 .section .flex .item{
        margin: auto;
        margin-bottom: 30px!important;
    }
    .company1 .section{
        width: 90%;
        margin: auto;
    }
    .company1 .section .warp .con_nav{
        width: auto;
        margin: 60px auto 0;
        /*transform: scale(0.7);*/
    }
    .company1 .section .warp{
        width: 100%;
    }
    .company1 .section .warp .content{
        width: 90%;
        margin: 60px auto;
    }
    .company1 .section .warp .con_nav .item .circle{
        margin-left: 20px;
    }
    .company1 .section .warp .content{
        margin: 60px auto;
    }
    .company1 .section .warp .content .con {
         width: auto;
         margin-right: 0px;
         margin-bottom: 30px!important;
         margin: auto;
    }
    .company1 .section .warp .content .con .text p{
        font-size: 18px;
    }
    .company1 .banner{
        margin-top: unset;
    }
    .company1 .section .warp .step{
        margin-bottom: 60px;
    }
    .company1 .section .warp .three_content span{
        font-size: 18px;
    }
    .company1 .section .warp .three_content .input{
        width: 100%;
        margin: auto;
    }
    .culture1 .three_section .warp .title span{
        font-size: 18px;
        margin-bottom: 30px;
    }
    .contact_2 .section .content .con{
        margin-top: 30px;
        margin-bottom: 30px;
        margin-right: unset;
    }
    .contact_2 .section .content .con p{
        font-size: 12px;
    }
    .contact_2 .section .content{
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
    }
    .contact_2 .section{
        width: 90%;
        margin: auto;
    }
    .product1 .section .content{
        width: 90%;
        margin: auto;
    }
    .product1 .section .content .warp{
        margin-top: 60px;
        margin-bottom: 30px;
    }
    .product1 .section .content .warp .item .images{
        height: auto;
    }
    .product1 .section .content .warp .item{
        width: unset;
        margin-right: unset;
        margin-bottom: 30px;
    }
    .product1 .section .content .warp .item .text div h1{
        font-size: 18px;
    }
    .product_list1 .section .content .warp{
        margin-top: 60px;
        margin-bottom: 60px;
    }
    .product_list1 .section .content .warp{
        flex-direction: column;
    }
    .product_list1 .section .content .warp .item{
        width: 100%;
        margin-right: unset;
    }
    .product_list1 .section .content .warp .item .text div h1{
        font-size: 12px;
    }
    .product_list1 .section .content .warp .item .text div p{
        font-size: 12px;
    }
    .product_list1 .section .content .warp .item .images{
        height: auto;
    }
    .product_list1 .section .content .warp .item .text div{
        justify-content: center!important;
    }
    .product_page1 .section2{
        height: auto;
        margin-top: 30px;
        background: none!important;
        background-color: #e7e7e9!important;
        overflow: hidden;
    }
    .product_page1 .section2 .warp .text{
        font-size: 18px;
        margin-right: unset;
        margin-top: 10px;
    }
    .product_page1 .section3 .warp .item .summarize .text div{
        margin-bottom: 30px;
    }
    .product_page1 .section3{
        width: 90%;
        margin: auto;
    }
    .product_page1 .section3 .warp{
        width: 100%;
        margin: 60px auto 0;
    }
    .product_page1 .section3 .warp .item .summarize .text .text1{
        font-size: 12px;
    }
    .product_page1 .section3 .warp .item .carousel{
        margin-top: unset;
        margin-left: unset;
    }
    .product_page1 .section3 .warp .item .carousel .background{
        width: auto;
        height: auto;
        margin-right: unset;
    }
    .product_page1 .section3 .warp .item .carousel{
        flex-direction: column;
    }
    .product_page1 .section3 .warp .item .carousel .background_warp .swiper-slide p{
        top: 96%;
    }
    .product_page1 .swiper-slide{
        height: 400px;
    }
    .product_page1 .section3 .warp .item .trait{
        margin-top: 30px;
    }
    .product_page1 .section3 .warp .item .trait .title div h1{
        font-size: 18px;
    }
    .product_page1 .section3 .warp .item .trait .title div i{
        font-size: 20px;
        margin-top: 4px;
    }
    .product_page1 .section3 .warp .item .trait .con .text{
        width: auto;
        margin-right: unset;
    }
    .product_page1 .section3 .warp .item .trait .con{
        margin-left: 30px;
        margin-bottom: 30px;
    }
    .product_page1 .section3 .warp .item .trait .con .text>div>h1{
        font-size: 18px;
        margin-top: 30px;
    }
    .product_page1 .section3 .warp .item .trait .title{
        margin-bottom: 30px;
    }
    .product_page1 .section3 .warp .item .trait .con{
        flex-direction: column;
        align-items:unset;
    }
    .product_page1 .section3 .warp .item .trait .con .text .line{
        margin-top: 30px;
    }
    .product_page1 .section3 .warp .item_public{
        margin-top: 30px;
    }
    .product_page1 .section3 .warp .item_public .title i{
        font-size: 20px;
    }
    .product_page1 .section3 .warp .item_public .title h1{
        font-size: 18px;
    }
    .product_page1 .section3 .warp .item_public .images{
        margin-top: 30px;
    }
    .product_page1 .section4 .warp{
        width: 100%;
        margin: 30px auto 60px;
    }
    .product_page1 .section4 .warp .title{
        font-size: 18px;
    }
    .product_page1 .section4 .warp .content .white .text div p{
        font-size: 12px;
    }
    .product_page1 .section4 .warp .content{
        margin-top: 30px;
    }
    .product_page1 .section4 .warp .content .white{
        width: 100%;
        margin-right: 20px;
    }
    .product_page1 .section3 .warp .item_public .images p img{
        height: 100% !important;
        width: 100% !important;
    }
    .product_page1 .section3 .warp .item_3 .images img:first-child{
        margin-bottom: 30px;
    }
    .case_page1 .section .tow_content .title{
        margin-top: 60px;
    }
    .case_page1 .section .tow_content .title .text span{
        font-size: 18px;
    }
    .case_page1 .section .tow_content .title .text .line{
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .case_page1 .section .tow_content .title .text p{
        font-size: 12px;
    }
    .case_page1 .section .tow_content .title .images{
        margin-top: 30px;
    }
    .case_page1 .section .tow_content .title .text .line{
        width: 320px;
    }
    .case_page1 .section .tow_content .shuffling .shuffling_warp{
        height: auto;
    }
    .news_page1 .tow_section .warp .title span{
        font-size: 18px;
        margin-bottom: 30px;
    }
    .news_page1 .tow_section .warp{
        width: 90%;
        margin: 60px auto 60px;
    }
    .news_page1 .tow_section .warp .title h1{
        font-size: 12px;
    }
    .news_page1 .tow_section .warp .title .line{
        margin-top: 30px;
    }
    .news_page1 .tow_section .warp .title{
        margin-bottom: 30px;
    }
    .news_page1 .tow_section .warp .content p{
        font-size: 12px;
    }
    .news_page1 .tow_section .warp .content .paging{
        padding-top: 30px;
        margin-top: 30px;
    }
    .news_page1 .tow_section .warp .content .paging a{
        font-size: 12px;
    }
    .news_page1 .tow_section .warp .content .paging a span{
        width: 100%;
    }
    .news_page1 .tow_section .warp .content .paging a{
        white-space: nowrap;
    }
    .company1 .section .warp .tow_content .item{
        width: auto;
        margin-right: unset;
        margin: auto;
    }
    .company1 .section .warp .content .con .images img{
        height: auto;
    }
    .company1 .section .warp .content .con .images{
        height: auto;
    }
    .company1 .section{
        width: 100%;
    }
    .company1 .section .warp .content{
        width: 90%;
    }
    .company1 .section .warp .tow_content .item p{
        font-size: 18px;
    }
    .company1 .section .warp .step a{
        margin-right: 5px;
    }
    .company1 .section .warp .four_content .item span{
        font-size: 12px;
        margin-right: 10px;
    }
    .company1 .section .warp .four_content .item{
        margin-bottom: 30px;
    }
    .company1 .section .warp .four_content .item span{
        white-space: nowrap;
    }
    .company1 .section .warp .four_content .item:nth-child(2){
        left: unset;
    }
    .company1 .city-picker-span{
        width: 600px!important;
    }
    .company1 .section .warp .con_nav .item:nth-child(1){
         display: block;
     }
    .company1 .section .warp .five_content .title{
        font-size: 18px;
        margin-bottom: 30px;
    }
    .company1 .section .warp .five_content .five_con .item .background{
        font-size: 18px;
    }
    .company1 .section .warp .five_content .five_con .item{
        margin-right: unset;
        margin: auto;
        margin-bottom: 30px!important;
    }
    .company1 .section .warp .six_content .item>div span{
        font-size: 12px;
    }
    .company1 .section .warp .six_content .item>div .text>p{
        font-size: 18px;
    }
    .company1 .section .warp .six_content .item{
        margin-right: unset;
        margin-bottom: 30px;
    }
    .company1 .section .warp .submit_content .title{
        font-size: 12px;
        padding-bottom: 30px;
    }
    .company1 .section .warp .submit_content .details{
        margin-top: 30px;
    }
    .company1 .section .warp .submit_content .details .item{
        margin-bottom: 30px;
    }
    .company1 .section .warp .submit_content .details .item span{
        font-size: 18px;
        margin-bottom: 30px;
    }
    .company1 .section .warp .submit_content .details .item .flex{
        margin-bottom: 30px;
    }
    .company1 .section .warp .submit_content .details .item .flex p{
        font-size: 12px;
    }
    .company1 .section .warp .six_content .item .box h1{
        font-size: 18px;
    }
    .company1 .section .warp .submit_content .details .item .flex p{
        min-width: 96px;
        margin-right: unset;
    }
    .company1 .section .warp .submit_content .details .item .flex p{
        text-align: left;
    }
    .company1 .section .warp .submit_content .details .item .flex .bor{
        width: 480px;
    }
    .company1 .banner{
        margin-top: unset;
    }
    .product_page1 .section4 .warp .content .white .text{
        width: auto;
    }
    .technology1 .section .tech_con .con_warp{
        margin-left: unset;
        flex-direction: column;
    }
}

@media screen and (max-width: 640px){
    footer .footer_block div{
        flex-direction: column;
    }
    .case_page1 .section .tow_content .title{
        justify-content:unset;
        flex-direction: column;
        align-items:unset;
    }
    .case_page1 .section .tow_content .title .text .line{
        width: 598px;
    }
    .culture1 .section4 .warp .content .cut .circle img{
        transform: scale(0.58);
    }
    .culture1 .section4 .warp .content .cut .poa{
        display: none;
    }
    .culture1 .section4 .warp .content .cut .circle{
        width: 300px;
        height: 300px;
    }
    .culture1 .section4 .warp .content .cut .sign span{
        font-size: 18px;
        font-weight: bold;
        display: block!important;
    }
    .culture1 .company1 .section .warp .three_content .text{
        margin-left: 10%;
    }
    .company1 .city-picker-span{
        width: 500px!important;
    }
    .company1 .section .warp .submit_content .details .item .flex .bor{
        width: 470px;
    }
}

@media screen and (max-width: 540px){
    .index1 .banner{
        height: 30vh;
    }
    .company1 .city-picker-span{
        width: 400px!important;
    }
    .company1 .section .warp .submit_content .details .item .flex .bor{
        width: 290px;
    }
}


@media screen and (max-width: 414px){
	.index1 .section5 .warp .content .home_news_warp{
        height: 610px;
    }
    .company1 .city-picker-span{
        width: 300px!important;
    }
    .company1 .section .warp .submit_content .details .item .flex .bor{
        width: 280px;
    }
}

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

}

@media screen and (max-width: 360px){
    .company1 .city-picker-span{
        width: 260px!important;
    }
    .company1 .section .warp .submit_content .details .item .flex .bor{
        width: 240px;
    }
}