@media screen and (max-width: 1601px) and (max-height: 901px) {
    .c-section1 h3 {
        font-size: 30px;
    }
}
@media screen and (min-width: 1921px) {
    .n-contact-s3 {
        display: flex;
        align-items: center;
    }
    .company-s5{
        padding-right: 180px;
    }
    .company-s5 .items{
        width: calc(100% - 180px);
    }
    .company-s5 .item img{
        max-height: none;
    }
}

@media screen and (max-width: 1681px) {
    .apply-box .about-s5 .line-box{
        top:30px;
    }
    .n-contact-s3 .left-box h3,
    .n-contact-s3 .left-box .submit-tips{
        font-size: 36px;
    }
    .n-contact-s3{
        height: 121vh;
        display: flex;
        align-items: center;
    }
}
@media screen and (max-width: 1441px) {
    .item-right button{
        margin-right: 13px;
        width: 135px;
    }
}
@media (max-width: 1024px) {
    body {
        padding-bottom: 0px;
    }

    .index-s1 .item h3,
    .c-section1 h3 {
        font-size: 2.5rem;
    }

    .about-page {
        min-height: auto;
    }

    .c-section1 {
        height: auto;
        padding: 30px 5vw;
    }

    .c-section1 .bg {
        background-size: 100% 100%;
    }

    /* .apply-box .item:nth-child(1){
        height:200px;
    } */
    .apply-box .item {
        background-size: cover;
        height: 250px !important;
    }

    .apply-box .about-s5 .line-box {
        display: block;
        top: 10px;
        right: 20px;
    }

    .apply-box .about-s5 .line-box .line {
        padding-top:9px !important;
        padding-right: 20px !important;
        margin-bottom: 7px !important;
    }

    .apply-box .about-s5 .line-box .line span {
        font-size: 12px !important;
    }

    .apply-box .about-s5 .line-box .line.active span {
        font-size: 12px !important;
    }

    .apply-box .active i {
        font-size: 2.5rem;
    }

    .apply-box .line-box:after {
        height: 230px;
    }

    .apply-box .about-s5 .line-box .line:after {
        margin-top: 0px;
    }

    .apply-box .about-s5 {
        background: #fff;
        padding-bottom:50px;
    }

    .apply-box .line-box i {
        font-size: 14px;
        top: 0px;
        right: 50px;
    }

    .footer .n-info .n-share {
        right: 20px;
        top: 20px;
        position: absolute;
    }

    .footer .bot-block p,
    .footer .bot-block a {
        font-size: 12px;
    }

    .footer .bot-block {
        height: auto;
    }

    .case-detail-s1 .txt-box {
        padding-left: 0px;
    }

    .case-v1-s1 {
        padding: 0px;
        /* height: 80vw; */
    }

    .case-detail-s1 h4 {
        margin-bottom: 20px;
    }

    .case-detail .c-txt p {
        font-size: 14px;
        line-height: 25px;
    }
    .case-detail-con{
        height: 75px;
        white-space: normal;
        overflow: hidden; /* 隐藏溢出的内容 */
        text-overflow: ellipsis; /* 使用省略号表示溢出的文本 */
        max-width: 100%;
    }

    .case-v1 .main {
        padding: 0px;
    }

    .case-v1-s7 .item {
        width: 100%;
        margin-bottom: 10px;
    }

    .section-4 {
        padding: 0px;
        display: none;
    }

    .d-title {
        font-size: 2.5rem;
        padding-bottom: 10px;
    }

    .section-3 {
        padding: 0 10px !important;
    }

    .three-box {
        flex-direction: column;
    }

    .t-item {
        margin-right:0px;
    }

    .t-item img {
        width: 100%;
    }

    .n-contact-s2 {
        flex-direction: column;
        align-items: flex-start;
    }

    .contact-item {
        margin-bottom: 15px;
        margin-right: 0px;
        width: 100%;
        padding: 15px;
    }

    .n-contact-s1 {
        height: auto;
    }

    .n-contact-s1 .txt-box p {
        font-size: 3rem;
    }

    .n-contact-s3 {
        display: flex;
        flex-direction: column;
        padding: 10px 4%;
        height: auto;
    }

    .n-contact-s2 {
        padding: 10px 5%;
        padding-left: 15px;
        padding-right: 20px;
    }

    .n-contact-s3 .left-box p {
        font-size: 14px;
        line-height: 25px;
    }

    .n-contact-s3 .left-box .submit-tips {
        margin-top: 10px;
        font-size: 16px;
    }

    .n-contact-s3 .right-box {
        margin-bottom: 20px;
    }

    .n-contact-s3 .right-box input {
        height: 40px;
        font-size: 14px;
    }

    .n-contact-s3 .right-box textarea,
    .contact-item p {
        font-size: 14px;
    }
    .n-contact-s3 .right-box textarea{
        height: 100px;
    }

    .n-contact-s3 .right-box button {
        font-size: 14px;
        height: 40px;
    }

    .n-contact-s3 .left-box h3 {
        font-size: 2.5rem;
        line-height: 30px;
    }

    .recruit-s1 .txt-box h3 {
        padding-left: 0px;
        line-height: 25px;
    }

    .recruit-s1 {
        background-attachment: initial;
        background-size: 100% 100%;
    }

    .recruit-s2 .para {
        font-size: 2.5rem;
        padding-left: 0px;
    }

    .recruit-s2 {
        background-attachment: initial;
    }

    .recruit-s3 .para {
        padding-left: 0px;
        padding-right: 0px;
    }

    .index-s6 .item .date {
        font-size: 2.5rem;
    }

    .case-detail-s1 .txt-box h3,
    .case-detail-s1 .txt-box h4 {
        line-height: 30px;
    }

    .case-v1-s1 h4 {
        margin-bottom: 10px;
        margin-top: 20px;
    }

    .news-s1 img {
        height: 50vw;
    }

    .news-s1 .news-banner-con {
        font-size: 2.5rem;
    }

    .news-s2-item {
        width: 100%;
        margin-bottom: 10px;
    }

    .news-s2-item:nth-child(2n+1) {
        margin-right: 0px;
    }

    .news-s2-list {
        padding: 10px;
    }

    .news-s2-item h4 {
        font-size: 2.5rem;
        padding-bottom: 15px;
    }

    .news-s2-item p {
        font-size: 14px;
        line-height: 25px;
    }

    .footer .n-info .para {
        font-size: 12px;
    }

    .recruit-s2 {
        height: 80vw;
    }

    .recruit-s2 .para {
        padding-top: 20vw;
    }

    .recruit-s4 .item .show {
        padding: 30px 62px;
    }
    .view-detail-s5 .bot-block a{
        width: 49%;
        display: inline-block;
        height: 70px;
        padding-top: 10px;
    }
    .thumbnail img{
        width: 100%;
    }
    .detail-banner-con{
        padding-left: 0px;
        font-size: 2.5rem;
        height: 80vw;
        padding-top:35vw;
        line-height: initial;
        padding-left:40px;
    }
    .view-detail-s5 .top-block .date{
        margin-top:20px;
    }
    .casev2-s1{
        height: 80vw;
    }
    .casev2-s1 .txt{
        padding-top:15vw;
        line-height: 40px;
        padding-left: 0px;
    }
    .casev2-s2 .item{
        width: 100% !important;
    }
    .casev2-s2 .item img{
        height: 50vw !important;
    }
    .summary{
        height: auto;
        padding-top:30px;
        padding-bottom: 30px;
    }
    .summary p:nth-child(1),.summary p:nth-child(3){
        font-size: 16px;
        margin-bottom: 0px;
    }
    .summary p:nth-child(2){
        font-size: 40px;
        margin-bottom:20px;
        margin-top: 20px;
    }
    .case-v1-s7 .title h3{
        padding-left: 10px;
    }
    .section-6{
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 10px;
    }
    .section-5{
        padding-top: 10px !important;
    }
    .case-v1-s1 .video-box{
        /* position: absolute; */
    }
    .service-s1 h3{
        padding-left: 0px;
        padding-right: 0px;
        line-height: 30px;
    }
    .service-s2 .option a{
        font-size: 14px;
        margin-left: 5px;
    }
    #tab1{
        padding-top: 10px;
    }
    .service-s2 .item img{
        height: auto;
    }
    .item-content{
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .item-right button{
        width:80px;
        font-size: 12px;
        margin-bottom: 10px;
        margin-right: 10px;
        height: 30px;
        line-height: 30px;
    }
    .item-right button:nth-child(3n){
        margin-right: 10px;
    }
    .item-right{
        width: auto;
        margin-top: 15px;
    }
    .item-left h4{
        margin-bottom: 10px;
        font-size: 2.5rem;
    }
    .service-s2 .item{
        padding-bottom: 0px;
        padding-top: 20px;
    }
    .index-s6 .item .txt-box{
        height:200px;
    }
    .summary-box{
        display: none !important;
    }
    .service-s2 .link{
        display: none;
    }
    .service-s2{
        padding: 15px 5vw;
    }
    .recruit-s4 .item .box .para,.recruit-s4 .item .box h3{
        padding-left: 15px;
        padding-right: 15px;
    }
    .about-page .c-txt h3{
        font-size: 2.5rem;
        line-height: 30px;
    }
    .about-s4{
        background-size: cover;
    }
    .about-s4 .text{
        font-size: 2.5rem;
        line-height: 30px;
        padding: 0 5vw;
        padding-top:30%;
    }
    .company-s5 .cont{
        margin-left:90px;
        margin-top: 0px;
    }
    .about-s5 .item img{
        width: 100%;
    }
    .company-s5 .item .year{
        font-size: 60px;
    }
    .a-con p{
        font-size: 16px;
    }
    .company-s5 .line-box{
        left:20px;
        top:90px;
    }
    .company-s5 .line-box{
        display: block !important;
    }
    .company-s5 .line-box .line span{
        font-size: 16px;
    }
    .company-s5 .line-box .line{
        margin-bottom: 30px;
    }
    .company-s5{
        padding-top:0px;
        padding-bottom:0px;
        height: 120vw;
        padding-left: 0px;
        padding-right: 0px;
    }
    .company-s5 h3{
        padding-top:20px;
    }
    .a-right{
        display: none;
    }
    .company-s5 .items{
        width: calc(100% - 20px);
    }
    .recruit-s4 .item .hide{
        background-size: cover;
    }
    
    .no-mobile-item{
        display: none !important;
    }
    .mobile-item{
        display: inline-block !important;
    }
    .mobile-line-box{
        display: flex !important;
        position: absolute !important;
        flex-wrap: wrap;
        bottom:5px;
        top:auto !important;
        right: auto !important;
    }
    .mobile-line-box .line{
        width: 33.33%;
        position: relative;
    }
    .apply-box .mobile-line-box:after{
        display: none;
    }
    .apply-box .about-s5 .mobile-line-box .line:after{
        display: none;
    }
    .apply-box .mobile-line-box i{
        display: none;
    }
    .apply-box .about-s5 .mobile-line-box .active:after{
        display: block;
        content: '';
        position: absolute;
        width: 70px !important;
        height: 1px !important;
        border:0px;
        border-bottom:1px solid #12abb0;
        border-radius: 0px !important;
        top:auto !important;
        right: auto !important;
        left:32%;
        bottom:-6px
    }
    .apply-box .about-s5 .line-box .line.active span{
        color:#12abb0;
    }
    .case-v1-s1 .bg-block .bg{
        height: 0;
        background: transparent;
    }
    .case-v1-s1 .bg-block{
        position: static;
    }
    .case-v1-s1 .cont-block{
        padding-bottom: 0px;
    }
    .case-v1-s1 .vt{
        width: 65vw !important;
    }
}