@media only screen and (max-width: 1500px){
    .sousuo input{
        width: 60%;
    }
    .icon-sou-suo {
        top: 60%;
        left: 21%;
    }
    .icon-cuohao {
        font-size: 26px;
        top: 60%;
        right: 21%;
    }
    .slick-pic3 {
    margin: 0 auto;
    max-width: 1000px;
    }
    .center{
        width: 1200px !important;
    }
    .section-4 .swiper-container {
       margin-top: 36px;
    }
    .section-4 .page1 li{
        height: 155px;
    }
    .section-4 .swiper-pagination{
        bottom: 24px;
    }
    /* .section-5 .picc img{
        max-width: 1200px;
    } */
    .footer .tub .tel{
        margin-right: 50px !important;
    }
    .footer .tub .erma {
        margin-left: 50px !important;
    }
    .worklist .li {
        width: calc(100% / 6);
    }
    .advantlist .advli{
        margin-right: 30px;
    }

}
@media only screen and (max-width:1366px){
    .workpro{
        background-attachment: scroll;
    }
    /* .workpro::before{
        content: ' ';
        position: fixed;
        z-index: -1;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-size: cover;
    } */
    .section-5{height: 100vh !important;}
    .section-5 .picc {
        height: 48vh !important;
        position: relative;
        top: 50%;
        /* left: 50%; */
        transform: translate(0vh, -34vh);
    }
    .section-5 .picc img{
        width: auto;
        transform: scale(1.2);
    }
    .section-5 .pp{top: -1vh !important;}
    .section-5 .pp .wz{transform: scale(0.8)}
    .section-5 .case{height: 12vh;}
    html{overflow-x: hidden;}
    .section-2 ul li a{
        left:50%;
        transform: translateX(-50%);
    }
    .section-4 .swiper-container{
        height: 320px;
        position: relative;
        top: 40%;
        left: 50%;
        transform: translate(-50%,-60%);
    }
    .slick-pic3{
        position: absolute;
        left:50%;
        top:60%;
        margin-top: -150px;
        margin-left: -500px;
    }
    .section-3 .slick-prev {
        top: 60%;
    }
    .section-3 .slick-next {
        top: 60%;
    }
    .logo a{width: 162px;}
    .logo a img{width: 100%;height: 78%;margin-top: 11px;}
    .timeline .timeimg a{width: calc((100% - 20px)/2);}
    .timeline .timeimg a:nth-child(2n){margin-right: 0;}
    .advantlist .av-container{width: calc((100% - 90px)/4);float: left;margin-right: 30px;}
    .advantlist .av-container:nth-child(4n){margin-right: 0;}
    .advantlist .advli{width: 100%;}
    .advantlist .advli .advli11{width: 100%;overflow: hidden;}
    .advantlist .advlitext{height: 240px;}
    .advantage .numberlist .nmli:last-child .nmlitext{border-right: none;}
    .ditu-wrap .ditu-left{overflow: hidden;}
    .ditu-wrap .ditu-left iframe{overflow: hidden;}
    .worklist .li .litext{font-size: 22px;}
    .footer .tub{display: flex;justify-content: space-between;}
    .footer .tub .erma{margin-left: 0!important;}
    .footer .tub .tel{margin-right: 0!important;}
    .footer .tub i{margin:0 auto;}
    .ditu-wrap .ditu-right{padding-top: 0;}
    .ditu-right .tel{white-space: nowrap;}
    .ditu-right .emal{white-space: nowrap;}
    .banner .text3{z-index: 90;}
    .twlist .twlist-right{height: 243px;}
    .twlist .twlist-right p{margin-top: 0;height: 128px; display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
    .twlist .twlist-right .tm{margin-top: 5px;}

}
@media only screen and (max-width:1100px) {
    .section-3 .prev{
        top: 50%;
        left: 0%;
    }
    .section-3 .next{
        top: 50%;
        right: 0%;
    }
    .section-5 .picc img{
        width: 100%;
    }
}
@media only screen and (max-width:1024px){
    .section-5 .picc {margin-top: 50px !important;}
    /* .section-5 .picc img{
        transform: scale(1);
    } */
    .section-5 .pp{top: 28px !important;}
    .bg{
        background-attachment:  scroll;
    }
    .slick-pic3{
        width: calc(100% - 140px);
        margin-left: -442px;
    }
    .section-3 .slick-prev{
        left:10px
    }
    .section-3 .slick-next{
        right:10px;
    }
    .center{
        width: 960px !important;
    }
    .com-culture .text::before, .big-event .text::before, .honor .text::before, .serverlun .text::before, .workpro .text::before, .advantage .text::before{
        right: 68%;
    }
    .com-culture .text::after, .big-event .text::after, .honor .text::after, .serverlun .text::after, .workpro .text::after, .advantage .text::after{
        left: 68%;
    }
    .serverlun .text-wrap .text::before, .workpro .text-wrap .text::before, .advantage .text-wrap .text::before{
        right: 60%;
    }
    .serverlun .text-wrap .text::after, .workpro .text-wrap .text::after, .advantage .text-wrap .text::after{
        left: 60%;
    }
    .twlist .twlist-left{height: 200px;}
    .twlist .twlist-right{height: 200px;}
    .twlist .twlist-right p{margin-top: 0;height: 64px; display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
    .twlist .twlist-right .tm .lmore .icon-jiantou{
        left: 91%;
    }
    .three-left .donghuatext li:nth-child(5){margin-left: 0;}
    .tuplaylist .playli i{width: 100%;}
    .tuplaylist .playli .playtext{width: 100%;}
}
@media only screen and (max-width:982px){
    .section-5 .picc{margin-top: 26px;}
}
@media only screen and (max-width:911px){
    .section-5 .picc img{
        /* width: auto; */
        transform: scale(1.5) !important;
    }
}
@media only screen and (max-width:768px){
    .slick-pic3{
        margin-left: -314px;
        margin-top: -123px;
    }
    .slick-pic3 .txt .t1{font-size: 16px;}
    .header{
        padding: 0 6px;
    }
    .header .logo{
        width: 20%;
    }
    .nav ul li a {
        margin:0 6px;
    }
    .center{
        width: 756px !important;
        margin: 0 auto;
    }
    .nav ul {
        margin-right: 12px;
    }
    .com-int {
        padding: 0px 0 40px 0 !important;
    }
    .com-int .int{
        padding: 0 20px 0 20px !important;
    }
    .worklist .li .litext{font-size: 17px;}
    .ditu-wrap .ditu-right{padding-left: 30px;}
    .numberlist .nmlitext span{font-size: 40px;}
    .numberlist .nmlitext b{font-size: 40px;}
    .advantlist .advlitext{height:300px;}
    .timeline .timeimg a{height: 130px;}
    .twlist .twlist-left{height: 170px;}
    .twlist .twlist-right{height: 170px;}
    .three-left .donghuatext1 li:nth-child(2) {margin-right: 0px;}
    .three-left .donghuatext1 li:nth-child(4) {margin-left: 0px;}
    .three-left .donghuatext1 li:nth-child(5) {margin-left: 22px;}
    
}
@media only screen and (max-width:700px){
    .center{
        width: 98%;
    }
    .nav ul li a{
        margin: 0 12px;
    }
    .m-nav ul{
        margin-top: 0;
    }
    #en{
        display: block;
        position: fixed;
        right: 16%;
        z-index: 1004;
        overflow: hidden;
    }
    #en a{
        width: 28px;
        height: 28px;
        line-height: 28px;
        text-align: center;
        font-size: 20px;
        color: #fff;
    }
    #ch{
        display: block;
        position: fixed;
        right: 16%;
        z-index: 1004;
    }
    #ch a{
        width: 28px;
        height: 28px;
        text-align: center;
        line-height: 28px;
        font-size: 20px;
        color: #fff;
    }
    html,body{
        width: auto;
        height: auto;
    }
    .m-nav ul li .seer{
        display: none;
    }
    .m-nav ul li:hover .seer{
        display: block;
    }
    /* 头部 */
    .header .nav{
        display: none;
    }
    .header{
        height: 80px;
        padding-left: 8%;
        z-index: 1003;
    }
    /* .header .logo{
        width: 44%;
        height: 80px;
        z-index: 100;
    } */
    /* 三横 */
    .m-icon{
        display: block;
        position: fixed;
        z-index: 1000;
        font-size: 42px;
        right: 10px;
        top: 28px;
        color: #fff;
    }
    .wrap{
        display: block;
    }
}
/*  */
@media only screen and (max-width:480px) {
    /* */
    .header{
        padding: 0;
    }
    .center{
        width: 98% !important;
    }
    .header .logo{
        width: 32%;
        margin-left: 6px;
    }
    .logo a{
        height: 80px;
        line-height: 80px;
        overflow: hidden;
    }
    .logo a img{
        display: block;
        width: 80%;
        height: 70%;
        margin-top: 12px;
    }
    .m-icon{
        font-size: 22px;
    }
    /* 一屏的字体 */
    .section-wrap .wrap .section-1{
        height: 100vh;
    }
    .section-wrap .wrap .section-1 .banner-wrap{
        height: 100vh;
    }
    .section-1 .text{
        left:12%;
    }
    .section-1 .text2{
        left: 22%;
        top: 52%;
    }
    .section-1 .text3{
        top: 34%;
    }
    .section-1 .text4{
        /* left: 0%; */
        top: 48%;
    }
    .section-1 .text p,.section-1 .text3 p{
        font-size: 1.6rem;
    }
    .section-1 .text p,.section-1 .text5 p{
        font-size: 1.6rem !important;
    }
    .banner .text2 p, .banner .text4 p{
        font-size: 0.8rem;
    }
    /* 第二屏 */
    .section-wrap .wrap .section-2{
        height: 100vh;
    }
    .section-wrap .wrap .section-2 ul{
        height: 100vh;
    }
    .section-2{
        margin: 0;
    }
    .section-2 ul li{
        float: none;
        width: 100%;
        height: 20%;
    }
    .section-2 ul li .top{
        float: left;
        height: 100%;
        width: 80%;
    }
    .section-2 ul li .top span{
        font-size: 6.25rem;
        top: 0%;
        left: -66%;
        bottom: 0;
        right: 0;
        margin: auto;
    }
    .section-2 ul li:hover h3{
        display: none;
    }
    .section-2 ul li  a{
        left: 88%;
        top: 40%;
        padding: 10px 0px !important;
        width: 82px;
    }
    .section-2 ul li i{
        top: 36%;
    }
    .section-2 ul li p{
        float: left;
        width: 20%;
        margin-top:12%;
        font-size: 0.875rem;
    }
    
    /* 第三屏 */
    .section-3 .case p, .section-4 .case p, .section-5 .case p{
        font-size: 18px;
    }
    .section-3 .case p:nth-child(2), .section-4 .case p:nth-child(2), .section-5 .case p:nth-child(2){
        font-size: 16px;
        margin-top: 8px;
    }
    .section-3 .case .box::before, .section-4 .case .box::before, .section-5 .case .box::before{
        width: 40px;
        right: 98%;
        top: 80%;
    }
    .section-3 .case .box::after, .section-4 .case .box::after, .section-5 .case .box::after{
        width: 40px;
        left: 98%;
        top: 80%;
    }
    .section-3{
        padding-top: 20px;
        height: auto;
    }
    .slick-prev,.slick-next{
        display: none;
    }
    .section-3 .slick-pic3{
        display: none;
    }
    .section-3 .slick-prev,.section-3 .slick-next{
       z-index: -9999;
    }
    .section-3 .pic1{
        display: block;
        position: relative;
        height: 245px;
    }
    .section-3 .pic1 .txt{
        position: absolute;
        bottom: 0;
        padding: 10px 15px;
        width: 100%;
        background-color: rgba(0, 0, 0, .37);
    }
    .section-3 .pic1 .txt .t1{
        text-align: center;
        font-size: 14px;
        color: #ffffff;
    }
    .section-3 .prev,.section-3 .next{
        display: none;
    }
    .section-3 .tubox{
        display: block;
        height: 91%;
        margin-top: 20px;
    }
    .section-3 .tubox .tu1{
        width: 100%;
        height: 32%;
        /* margin-top: 1%; */
        position: relative;
    }
    .section-3 .tubox .tu1 .version{
        width: 100%;
        line-height: 2.5rem;
        text-align: center;
        position: absolute;
        bottom: 0;
        font-size: 1.125rem;
        color: #fff;
        background-color: #000;
        opacity: .8;
    }
    /* .section-3 .cases-wrap{
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    } */
    /* 第四屏 */
    .section-wrap .wrap .section-4{
        height: 70vh;
    }
    .section-4{
        padding-top: 30px;
    }
    .section-4 .swiper-wrapper{
        margin-top: 60px;
    }
    .section-4 .page1 li{
        height: 72px;
    }
    .section-4 .page1 li i img{
        max-width: 80%;
        max-height: 80%;
    }
    .section-4 .swiper-pagination{
        bottom: 60px;
    }
    /* .section-4 .swiper-container{
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    } */
     /* 第五屏 */
    .section-wrap .wrap .section-5{
        height: 70vh !important;
    }
    .section-5{
        padding-top: 30px;
    }
    .section-5 .case{
        opacity: 1;
        /* height: 8.5%; */
        position: relative;
        top: 0;
    }
    .section-5 .local{
        padding-top: 14px;
        width: 242px;
        height: 40px;
    }
    .section-5 .local li a {
        font-size: 14px;
    }
    .section-5 .picc{
        padding-top: 36px;
        margin-top: 0 !important;
        height: 66%;
    }
    .section-5 .pp{
        width: 84px;
        height: 25px;
        top: 0px !important;
    }
    .section-5 .picc img{
        width: 140%;
        height: auto;
        margin-left: -20%;
        transform: scale(1.0) !important;
    }
    /* .section-5 .local{
        height: 6.5%;
        padding-top: 6px;
    }*/
    /* .fotter span{
        font-size: 0.5rem;
    }
    .fotter span a{
        font-size: 0.5rem;
    } */
    .section-5 .erweima{
        width: 77px;
        height: 77px;
        right: 10px;
        bottom: 40px;
    }
    .honor .swiper-slide i{
        text-align: center;
    }
    .honor .swiper-wrapper .swiper-slide{
        width: 100%;
    }
    .timeline .timeimg .datatu1{margin-right: 20px;padding-left: 20px;}
    .timeline .timeimg .datatu1 a{margin-left: 0;width: 90%;height: 88px;}
    .timeline .timeimg a{width: 90%;height: auto; margin-right: 0;margin-bottom: 10px;}
    .advantlist .av-container{
        width: 100%;
    }
    .timeimg .icon2{
        position: relative;
        top: -2px;
    }
}