@media screen and (max-width: 1501px) {
    .pcNavStyle{
        width: 80%;
    }
}
@media screen and (max-width: 1440px) {
    .pcNavStyle{
        width: 90%;
    }
}
@media screen and (max-width: 1201px) {
    .pcNavStyle{
        width: 100%;
    }
    .navbar-brand{
        width: 20%;
    }
    .briefly-l{
        margin-bottom: 0;
    }
    .briefly-r{
        left: 0;
        position: relative;
        text-align: center;
    }
    .navbar-dark .navbar-nav .nav-link{
        padding: 23px 6px;
    }
    .lead .lead-item .lead-info{
        -webkit-line-clamp:1;
    }
    .contact-icon {
        width: 25px;
        height: 25px;
        margin-right: 15px;
    }
    .contact-map-info-right{
        padding: 14px 20px;
    }
    .contact-map-info-right .yh-button{
        transform: scale(0.7);
    }
    .contact-map-info-rows {
        font-size: 14px;
        margin-bottom: 12px;
    }
    .situation-item{
        height: 400px;
        padding: 15px;
    }
    .add-top-right .add-top-right-title{
        font-size: 24px;
    }
    .add-top-right-item-info{
        font-size: 16px;
    }
    .swiper-button-box{
        margin-top: 60px;
        margin-bottom: 30px;
    }
    .recruit-item1{
        margin-bottom: 30px;
    }
    
    .duty-box{
        margin-top: 0;
    }
}
@media screen and (max-width: 993px) {
    .navbar-brand{
        width: 18%;
    }
    .page-nav-item{
        padding: 13px;
    }
    .navbar-dark .navbar-nav .nav-link{
        padding: 23px 3px;
    }
    .lead-right{
        width: 100%;
        display: block;
        margin: 16px 0;
        text-align: center;
        padding: 13px 6px;
    }
    .publish-8{
        width: 100%;
    }
    .publish-1{
        display: none;
    }
    .publish-4{
        width: 100%;
    }
    .add-top{
        height: auto;
    }
    .add-top .add-top-left{
        width: 100%;
    }
    .add-top-right{
        width: 100%;
    }
    .swiper-button-box{
        justify-content: center;
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .recruit-item1{
        margin-bottom: 30px;
    }
    .contact-map-info {
        top: 2%;
    }
    .contact-map-info-right {
        padding: 7px 10px;
    }
    .contact-map-info-name {
        font-size: 16px;
        margin-bottom: 0;
    }
    .contact-map-info-rows {
        font-size: 14px;
        margin-bottom: 0;
    }
    .footer .footer-top{
        display: block;
    }
    .footer .footer-top .footer-top-l .footer-top-logo{
        width: 45%;
    }
    .footer .footer-top .footer-top-r{
        margin-top: 16px;
    }
    .footer .col-md-2{
        width: 25%;
    }
    .footer-bottom{
        position: static;
    }
    .footer-bottom-info{
        display: block;
    }
    .duty-box{
        margin-top: 0;
    }
    .footer-center-r-top{
        font-size: 22px;
    }
}
@media screen and (max-width: 769px) {
    :root {
        --fontSize14: 12px;
        --fontSize16: 14px;
        --fontSize18: 16px;
        --fontSize20: 18px;
        --fontSize24: 22px;
        --fontSize36: 30px;
        --fontSize48: 36px;
    }
    .pcNavStyle{
        width: 100%;
    }
    
    .pcNavStyle .pc-li{
        width: auto;
        text-align: left;
    }
    .title-box{
        padding-top: 18px;
        margin-bottom: 13px;
    }
    .title-box .title-name{
        font-size: 24px;

    }
    .title-box .title-name::before{
        height: 28px;
        margin-right: 15px;
    }
    .news-item{
        height: auto;
    }
    .news-item .news-title{
        height: auto;
        margin: 9px 0 12px;
    }
    .news-info{
        height: auto;
        margin-top: 16px;
    }
    .lead {
        margin-top: 16px;
        padding-bottom: 16px;
    }
    .lead .lead-item .lead-info{
        font-size: 18px;
    }
    .lead-center{
        margin-top: 0;
    }
    .about-title-box{
        font-size: 28px;
    }
    .yh-button{
        transform: scale(0.8);
    }
    .swiper-bg .swiper-info{
        font-size: 26px;
        line-height: 1.5;
        margin-left: 5vw;
        margin-right: 5vw;
    }
    .swiper-button{
        margin-left: 0;
    }
    .lead-title{
        padding-top: 5%;
        left: 10%;
    }
    .lead .lead-item .lead-info{
        -webkit-line-clamp:2;
    }
    .about-us{
        /* padding-top: 16px; */
        padding-bottom: 46px;
    }
    .about-us .about-datas{
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .navbar-brand {
        width: 50%;
    }

    .page-nav{
        display: none;
    }
    .about-team-tab .nav-link{
        padding: 5px 16px;
    }
    .recruit-item1{
        height: 500px;
        padding: 30px;
    }
    .contact-map-info{
        top: -1%;
    }
    .contact-map-info-right .yh-button{
        transform: scale(0.6);
    }
    .contact-icon{
        margin-right: 5px;
    }
    .situation-item .situation-img{
        display: none;
    }
    .situation-item{
        height: auto;
        padding-bottom: 52px;
    }
    .nav-wxQrcodeLink{
        display: none;
    }
    .footer .footer-top .footer-top-r{
        display: none;
    }
    .footer-center-nav{
        display: none;
    }
    .culture-item{
        padding: 36px 0;
        margin-bottom: 16px;
    }
    .mobile_culture-item{
        padding: 16px 0;
        margin-bottom: 16px;
    }
    .culture-img{
        width: 42px;
        height: 42px;
        margin-bottom: 18px;
    }
    .culture-hover{
        width: 42px;
        height: 42px;
        margin-bottom: 18px;
    }
    .schema-box{
        height: 100%;
        padding-bottom: 40px;
    }
    .schema-img-top img{
        width: 100%;
    }
    .rental-img{
        height: 260px;
    }
    .team-item{
        height: auto;
        margin-bottom: 16px;
    }
    .team-item .team-name {
        font-size: 20px;
    }
    .hot-news-item .hot-news-item-img img{
        height: 200px;
    }
    .contact-item{
        min-height: auto;
        flex-direction: row;
        justify-content: flex-start;
        padding: 10px;
        margin-bottom: 16px;
    }
    .contact-right{
        text-align: left;
        width: calc(100% - 42px);
        padding-left: 10px;
    }
    .contact-item-info{
        text-align: left;
    }
    .contact-img {
        width: 42px;
        height: 42px;
        margin-bottom: 0;
    }
    .hover-business {
        visibility: visible;
        opacity:1;
        transform: translateY(-30px);
    }
    .footer {
        padding-top: 30px;
    }
    .footer-center{
        padding: 16px 0;
    }
    .footer .footer-top .footer-top-l{
        flex-wrap: wrap;
        justify-content: center;
    }
    .footer .footer-top .footer-top-l .footer-top-logo{
        width: 75%;
        margin: 0 auto 30px;
    }
    .footer .footer-top{
        padding-bottom: 30px;
    }
    .footer-center-r-top{
        font-size: 24px;
    }
    .footer-center-r{
        font-size: 14px;
    }
    .footer-bottom{
        margin-top: 28px;
    }
    .footer-bottom-info{
        font-size: 14px;
        text-align: center;
        line-height: 2;
    }
    .dowvlink{
        display: none;
    }
    .page-lead-time{
        padding-top: 12px;
    }
    .page-swiper {
        display: none;
        margin-top: 30px;
        margin-bottom: 0;
    }
    .page-lead-info{
        padding: 12px 0 16px;
    }
    .page-news{
        padding-top: 16px;
    }
    .page-news .page-news-item{
        height: auto;
        padding: 28px 16px;
    }
    .page-news .page-news-item .page-news-icon{
        width: 32px;
        height: 32px;
        display: none;
    }
    .video-top{
        display: none;
    }
    .culture-item {
        box-shadow: 0px 0 12px rgba(0,0,0,0.1);
    }
    .mobile_culture-item{box-shadow: 0px 0 12px rgba(0,0,0,0.1);margin-top: 10px;}
    .duty-info{
        margin-bottom: 50px;
    }
    .page-lead-img{
        min-height: auto;
    }
    .publish-box{
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .publish-item{
        margin-top: 30px;
        padding-bottom: 30px;
    }
    .publish-item .publish-item-date{
        color: #999;
        font-size: 14px;
    }
    .publish-item .publish-item-info{
        line-height: 1.5;
    }
    .rental-info{
        height: auto;
    }
    .rental-top{
        padding: 14px 16px 16px;
    }
    .rental-title {
        margin: 12px 0 12px;
    }
    .add-center{
        margin-top: 30px;
        margin-bottom: 12px;
    }
    .add-top-right{
        padding: 16px 16px;
    }
    .add-swiper-box{
        margin-top: 30px;
        margin-bottom: 50px;
    }
    .add-top-right-item-info{
        width: 100%;
    }
    .accordion-body{
        padding-right: 12px;
    }
    .accordion-centers{
        border-left: none;
        padding: 0;
    }
    .contact-top{
        margin-top: 0;
    }
    .equity{
        height: 640px;
        background-size: cover;
        background-position-x: center;
    }
    .equity-top{
        padding: 30px 0;
    }
    .equity-top .equity-top-info{
        margin: 16px 0 50px;
    }
    .situation-item{
        margin-bottom: 16px;
        padding-bottom: 16px;
    }
    .outer-box{
        padding-bottom: 30px;
    }
    .search-button{
        width: 20%;
    }
    .search-input{
        height: 45px;
        font-size: 14px;
    }
    .search-button{
        line-height: 45px;
    height: 45px;
        font-size: 16px;
    }
    .search-value{
        font-size: 14px;
    }
    .page-lead-title{
        word-break: break-all;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2; /* 这里是超出几行省略 */
        overflow: hidden;
    }
    .business-pos{
        padding: 24px 12px;
    }
    .business-item{
        width: 100%;
        height: 100%;
    }
    .lead-right{
        margin-top: 0;
    }
    .situation-item .situation-info{
        line-height: 29px;
    }
    .culture-box{
        background-image: none;
        padding-bottom: 0;
    }
    .about-list-items{
        padding-bottom: 0 !important;
    }
    .schema-box{
        background-image: none;
    }
    .schema-box .about-title{
        color: #333 !important;
    }
    .schema-box .info-top-banner-line{
        background-color: var(--main-color);
    }
    #schemaImgBg{
        display: none;
    }
    .schema-img-top{
        position: static;
        padding-bottom: 0;
    }
    .situation .info-top-banner-line{
        display: none;
    }
    .situation-item:nth-child(odd){
        background: linear-gradient(180deg, #EEF0F4 0%, rgba(238, 240, 244, 0.50) 100%);
    }
    .situation-item:nth-child(even){
        background: linear-gradient(180deg, #F6F8FD 0%, rgba(246, 248, 253, 0.50) 100%);
    }
    .page-news .page-news-item .page-news-time{
        margin-bottom: 11px;
    }
    .culture-title{
        margin-bottom: 7px;
    }
    .culture-info{
        margin-top: 0;
    }
    .info-top-banner-line{
        width: 21px;
        height: 3px;
    }
    .equity-top .equity-top-tips{
        margin: 4px 0 13px;
    }
    .situation-item .situation-title{margin-bottom: 14px;}
    .contact-content .contact-container{padding: 0;}
    .team-item .team-title{margin: 10px 0;}
    .operate-item .operate-title{left: 16px;bottom: 16px;}
    .operate-item .operate-desc{min-height: auto;padding: 16px;}
    .about-list-items-1{background-image: none}
    .about-list-items-1-img{display: block;}
}
@media screen and (max-width: 577px) {
    :root {
        /* --fontSize14: 12px;
        --fontSize16: 14px; */
        --fontSize18: 14px;
        --fontSize20: 16px;
        --fontSize24: 18px;
        --fontSize36: 22px;
        --fontSize48: 32px;
    }
    .info-top-banner{
        height: 130px;
        background-position: center;
    }
    .info-top-banner-name{
        font-size: 20px;
    }
    #pcbanner{
        display: none;
    }
    #phonebanner{
        display: flex;
    }
    .video-top{
        height: 250px;
    }
    .about-team-tab .nav-link{
        margin-left: 16px;
        margin-bottom: 16px;
    }
    .add-top-right img {
        width: 40px;
        height: 40px;
    }
    .add-top-right .add-top-right-title{
        font-size: 28px;
    }
    .add-top-right-item-info{
        font-size: 14px;
    }
    .lead .lead-item .lead-info{
        font-size: 16px;
    }
    .about-title-box{
        font-size: 22px;
        padding-top: 32px;
        padding-bottom: 22px;
    }
    .schema-box .about-title-box{
        padding-top: 0;
    }
    .recruit-item1{
        height: 400px;
    }
    .show-info-title{
        font-size: 18px;
    }
    .contact-map-info{
        flex-direction: column;
    }
    .contact-icon{
        margin-right: 0;
        margin-bottom: 16px;
    }
    .contact-map-info{
        width: 100%;
        left: 0;
        top: 31%;
    }
    .contact-map-info-name{
        text-align: center;
    }
    .contact-bottom-box{
        position: static;
        padding: 0;
        margin-top: 32px;
    }
    .contact-map-info-right .yh-button{
        margin: 0 auto;
    }
    .culture-box{
        margin-top: 50px;
    }
    .situation-item-bg{
        height: 100%;
    }
    .contact-content{
        margin-bottom: 20px;
    }
}