@media screen and (max-width:1640px){
    .midimage {
        height: 420px!important;
        width: 420px!important;
    }
    .layoutYuan img {
        max-width: 80px!important;
    }
    .logo2 {
        margin: 0px auto!important;
    }
    .coreBrandBoxContent a {
        top: 87px!important;
    }
    .layoutLook {
        left: -36%!important;
    }
    .newMidImgList p {
        font-size:28px!important;
    }
    .productShowImg2{
        /* height: 19.94vw !important; */
    }
    .productShowList li{
        /* margin: 0 5px!important; */
    }
    .talentStrategy{
        margin-right: 30px!important;
        margin-left: 30px!important;
    }
    .layoutYuan{
        height: 200px!important;
        width: 200px!important; 
    }
    .senseWorthF .layoutIcon2 .layOutBorder {
        height: 200px;
        width: 200px;
    }
    @keyframes pulses {
        0% {}
        30% {
            width: 200px!important; 
            height: 200px!important; 
        }
        60%{
            width: 230px!important; 
            height: 230px!important; 
        }
        100% {
            width: 250px!important; 
            height: 250px!important; 
        }
    }
    .brandText p{
        padding: 40px 110px!important;
    }
    .brandText h1{
        padding: 50px  110px 20px 110px!important
    }
   
    .midNine{
        min-height: 700px!important;
    }
    .contactMap{
        min-height: 700px!important;
    }
    
    .index{
        max-height:100%!important;
        height: auto!important;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: auto!important;
    }
    .lunboMp4{
        max-width: 100%!important;;
        max-height: 100%!important;;
    }
    .lunboImg{
        max-width: 100%!important;;
        max-height: 100%!important;;
    }
    .brandimage1 img {
        max-height: 100%;
        max-width: 100%;
    }
    /* .brandimage1 {
        max-width: 50%;
        max-height: 100%;
    } */
    .taiHeContentP{
        padding: 0 15px!important;
    }
    .mid{
        width: 98%;
    }
    
    .honorList{
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    
    .senseWorth {
        padding-right:20px!important;
        padding-left:20px!important;
    }
    .CultureBoxQuan {
        width: 160px!important;
        height: 160px!important;
    }
    .fontPart {
        top: 0!important;
    }
    .img1{
        margin-bottom: 0px!important;
    }
    .about .rightImg{
        width: 40%!important;
    }
    .coreMidMore{
        top: 0px!important;
        left: 0px!important;
    }
    .newMidFont{
        width: calc(50% - 60px)!important;
        padding: 120px 30px 120px 30px!important;
    }
    .headerMid {
        /* left: 5%!important; */
        padding:0 20px;
    }
    .developmentHistoryMid{
        width: 370px!important;
        height: 370px!important;
    }

    .developmentHistoryRight{
      
    }
    .developmentHistoryRight .swiper-pagination {
    }

}


@media screen and (max-width:1400px){
    .newMidBox4 {
        /* right: 20%!important; */
    }
    .coreBrandBoxContent .spanTitle {
        margin: 0px auto!important;
    }
    .CoreBrandBox1 {
        margin-top: 0!important;
    }
    .developmentHistoryRight{
        /* display: none!important; */
    }
    .coreBrandBoxContent a {
        top: 45px!important;
    }
    
    .senseWorthF .layoutYuan {
        margin-right: 36px!important;
    }
    .honorList li a {
        font-size: 15px!important;
    }
    .contactMapRight{
        right: -75px!important;
    }
    .SocialRecruitmentSwiper{
        /* float: none!important; */
        margin: auto!important;
        width: calc(100% - 80px)!important;
    }
    
    .mrginRight{
        margin-right: 0px!important;
        margin-bottom: 40px!important;
    }
   
    /* .productShowSwiper {
        margin: 0 10px!important;
    } */
    .productShowList p {
        font-size: 14px!important;
    }
    /* .productShowList{
        display: flex!important;
        justify-content: center!important;
        align-items: center;
    }
    .productShowList li {
        margin: 0 2px!important;
        margin-bottom: 50px!important;
    } */
    .productShow .swiper-prev, .swiper-next {
        line-height: 55px!important;
        height: 55px!important;
        width: 55px!important;
    }
    .productShow .swiper-pagination-bullet {
        width: 15px!important;
        height: 15px!important;
    }
    .newMidContent {
        margin: 20px 0px 20px 0px!important;
    }
    
    /* .developmentHistoryRight  .swiper-pagination{
        width: 100%;
        height: 40px;
    }
     */
    .developmentHistoryRight .swiper-pagination-bullet{
        float: left!important;
    }
    .layoutLook{
        left: -175px!important;
    }
    .fontPart {
        top: 0!important;
    }
    
    .aboutLook{
        left: -24%!important;
    }
    .layoutYuan{
        height: 180px!important;
        width: 180px!important; 
    }
    .senseWorthF .layoutIcon2 .layOutBorder {
        height: 180px;
        width: 180px;
    }
    @keyframes pulses {
        0% {}
        30% {
            width: 180px!important; 
            height: 180px!important; 
        }
        60%{
            width: 200px!important; 
            height: 200px!important; 
        }
        100% {
            width: 230px!important; 
            height: 230px!important; 
        }
    }
    .layoutIcon{
        right: -13.33%!important; 
    }
    .bottom2Mid_1{
        flex-wrap: nowrap;
    }
    .bottom2Mid_1 li{
        justify-content: space-between;
        margin: 0!important;
    }
    .YQlink {
        width: 240px;
    }
    .bottomErweima{
        display: block!important;
    }
    .aboutImage span{
        font-size: 30px!important;
    }
    .group{
        padding: 0!important;
    }
    
    
    
}
@media screen and (max-width:1200px){
    /* .newMidContent p{
        white-space: wrap!important;
        overflow:visible!important;
        text-overflow: visible!important;
    }
    .newMidContent div{
        white-space: wrap!important;
        overflow:visible!important;
        text-overflow: visible!important;
    } */
    .CultureBox {
        width: 50%!important;
        margin-right: 0%!important;
        margin-bottom: 10px;
    }
    .coreBrandBoxContent a {
        top: 150px!important;
    }
    .logo2 {
        margin: 40px auto!important;
    }
    .developmentHistoryRight{
        display: none!important;
    }
    .newMidFont{
        width: calc(100% - 60px)!important;
    }
    .talentStrategy{
        margin-right: 120px!important;
        margin-left: 120px!important;
    }
    .brandimage1 {
        max-height: 700px!important;
    }
    .productShow .navigation {
        top: -20px!important;
    }
    .productShow .swiper-pagination {
        top: 44%!important;
    }
    .productShow .navigation {
        max-width: 440px!important;
    }
    .navigation{
        padding: 0 30px;
    }
    .productShow .swiper-prev, .swiper-next {
        line-height: 39px!important;
        height: 39px!important;
        width: 39px!important;
    }
    .productShowList p {
        top: 10px!important;
    }
    .newTime {
        border-right: none!important;
    }
    .senseWorth{
        padding: 50px 0 200px 0!important;
        height: auto!important;
    }
    .pcShow{
        display: none!important;
    }
    .phoneShow{
        display: none!important;
    }
    #goto_1 .brandimage1{
        float: right!important;
    }
    .newMidBox3 .swiper-pagination-bullets {
        text-align: center!important;
    }
    .coreMid {
        margin-top: 20px!important;
        margin-bottom: 20px!important;
    }
    .aboutImage{
        margin-bottom: 70px!important;
        top: 70px!important;
    }
    .workContent li{
        width: 31%!important;
        margin-right: 3.5%!important;
    }
    .workContent li:nth-child(3n){
        margin-right: 0%!important;
    }
    .brandMidLogo {
        left: 70%!important;
        top: 86px!important;
    }
    .brandText {
        padding: 0;
        width: 100%!important;
    }
    .brandText p{
        padding: 40px 30px!important;
    }
    .brandText h1 {
        padding: 40px 30px!important;
        margin-bottom: auto!important;
    }
    .brand {
        height: auto!important;
    }
    .brandimage1 {
        width: 100%!important;
    }
    .lunbo .lookMore{
        width: 105px!important;
    }
    .progressBar{
        display: none!important;
    }
    .newTime {
        width: 100%!important;
        margin-left: 0px!important;
    }
    .needMore {
        top: 20px!important;
        /* left: 130px!important; */
    }    
    .newListContentImg {
        top: 9px!important;
    }
    .honorList li{
        width: 230px!important;
        height: 180px!important;
        line-height: 180px!important;
        font-size: 14px!important;
    }
    .senseWorthFont{
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .senseWorth .layoutYuan{
        margin-top: 40px;

    }
    .senseWorth .layoutIcon2{
        left: 0px!important;
        bottom: -200px!important;
    }
    .senseWorth .layoutYuan2{
        width: 100%!important;
        display: flex;
        justify-content: space-between;
    }
    .developmentHistoryRight .swiper-pagination-bullet {
        margin: 0 6px!important;
    }
    .developmentHistoryRight .swiper-pagination {
        left: 0!important;
    }
    .midimage{
        width: 350px!important;
        height: 350px!important;
    }
    
    .developmentHistoryMid {
        width: 300px!important;
        height: 300px!important;
    }

    .developmentHistoryRight .swiper-pagination {
        top: -30px!important;
    }
  
    
    .mySwiperFour .swiper-slide{
        text-align: center;
    }
   
    
    
    .developmentHistoryLeft .swiper-slide {
        font-size: 18px!important;
        text-align: left!important;
    }
    .developmentHistoryLeft span {
        
        top: -12px!important;
    }
    .aboutImage span{
        font-size: 25px!important;
    }
    .bottom2Mid_1{
        flex-wrap: wrap!important;

    }
    .bottom2Mid_1 li{
        flex: 0 0 100%;
        display: flex!important;
        justify-content: center!important;
        align-items: center!important;
        flex-direction: column!important;
        float: none!important;
    }
    .jj{
        width: 70%!important;
    }
    
    .layoutYuan{
        margin: 0px!important;
        height: 100px!important;
        border-radius:0%!important;
        width: 180px!important; 
        float: none!important;
        margin-bottom: 10px!important;
    }
    .senseWorth .layoutIcon2{
        position: relative!important;
    }
    .layoutYuan img{
        max-width: 50px!important;
        max-height: 50px!important;
    }
    .layoutIcon{
        top: 5%!important;
        width: auto!important;
    }
    .layoutIcon {
        right: 0.33%!important;
    }
    .leftMar{
        margin-left: 0!important;
    }
    .layOutBorder{
        animation-name: none!important;
    }
    .box1,.box2,.box3{
        display: none!important;
    }
    .nav_li{
        /* flex: 0 0 80px!important; */
    }
    .font a{
        font-size: 35px!important;
        font-weight: 600;
    }
    .font{
        font-size: 25px!important;
    }
    .font p{
        font-size: 12px!important;
    }
    .mid {
        max-width: 98%;
        margin: 0 auto;
    }
    .progressBar .icLeft{
        left: -308px!important;
    }
    .progressBar .icRight{
        left: 308px!important;
    }
    .lookMore {
        padding: 15px!important;
    }
    .fontPart{
        left: 4%!important;
        top: 0!important;
    }
    
    .img1{
        max-width: 80%!important;
        max-height: 80%!important;
    }
    
    .spanSiez{
        font-size: 24px!important;
    }
   
    .layout{
        height: 697px!important;
    }
    .layoutFont  p{
        font-size: 30px!important;
    }
    .headerMid{
        /* width: 100%!important; */
        /* left: 0!important; */
    }
    .CoreBrandBox1{
        width: 100%!important;   
    }
    .CoreBrandBox2{
        width: 33.333%!important;   
    }
    .coreBrandBoxContent .logo2 {
        display: none!important;
    }
    .layoutLook{
        left: -105px!important;
    }
    .newMidImg{
        width: 100%!important;
    }
    .phoneShow2{
        display: block!important;
    }
    .groupRight{
        display: none!important;
    }
}
@media screen and (max-width:950px){
    .newMidContent{
        width: 96%!important;
    }
    .developmentHistoryLeft  {
        width: 100%!important;
    }
    .midimage {
        margin-bottom: 90px!important;
        left: calc(50% - 175px)!important;
        margin: auto;
    }
    .midNine{
        min-height: auto!important;
    }
    .contactMap{
        min-height: auto!important;
    }
    .contactMapRight{
        display: none!important;
    }
    .bottom2Mid_1{
        flex-wrap: wrap;
    }
    .workText h1 {
        margin-bottom: 8px!important;
    }
    .workImg2 {
        height: auto!important;
    }
    .nav_li>a {
        font-size: 12px!important;
    }
    .groupContent p {
        font-size: 14px!important;
    }
    
    .pList p {
        font-size: 14px!important;
        line-height: 28px!important;
        text-align: left!important;
    }
   
    .lunbo{
        padding-top: 70px!important;
    }
    .HorizontalLine{
        display: none!important;
    }
    .teamBuildPageChange .teamBuildPageChangeLeft,.teamBuildPageChangeRight{
        width: 40px!important;
        height: 40px!important;
        line-height: 40px!important;
        font-size: 20px!important;
    }
    .newListContentImg {
        top: 0px!important;
    }
    .needMore {
        top: 220px!important;
        left: 45%!important;
        /* margin: auto; */
    }    
    .taiHeContentImg{
        width: 270px!important;
    }
    .taiHeContentImg img{
        margin-bottom: 30px!important;
    }
    
    
    .dropDownList{
        float: left!important;
        width: 100%!important;
    }
    .dropDownList li{
        border-top: 1px solid #EEEEEE;
        width: 25%!important;
        /* background: #EEEEEE; */
    }
    .Xl{
        width: 100%!important;
    }
    .dropA{
        width: 100%!important;
    }
    .actiove{
        background: #E35D2F!important;
    }

    .CultureBox {
        width: 45%!important;
        margin-bottom: 10px;
    }
    .senseWorth p{
        font-size: 25px!important;
    }
    .CultureBox p{
        text-align: center!important;
        white-space: nowrap!important;
        overflow:hidden!important;
        text-overflow: ellipsis!important;
        height: 26px;
    }
    .Culture>div{
        text-align: center;
    }
    .CultureBox{
        display: inline-block;
        float: none!important;
    }
    .CultureBoxQuan{
        width: 2.60rem!important;
        height: 2.60rem!important;
    }
    .groupRight{
        width: 100%;
        text-align: right;
    }
    .groupContent {
        margin: 0 5.3%!important;
    }
    .pList {
        padding: 0 5.3% 100px 5.3%!important;
    }
    .groupList {
        background: #EEEEEE;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
    .aboutImage span{
        font-size: 20px!important;
    }
    .bottomTop{
        flex-wrap: wrap;
    }
    .bottomTop li{
        font-size: 10px!important;
    }
    .newMidFont{
        padding: 10px 20px!important;
    }
    .newMidFont{
        width: calc(100% - 40px)!important;
    }
    .newMidBox3 {
        margin: 25px auto!important;
    }
    .newMidBox3img{
        margin: 10px auto!important;
    }
    .newMidBox3 .swiper-slide {
        flex-direction: column!important;
    }
    .newMidImgList p{
        font-size: 20px!important;
    }
    .newMidImgRightList span{
        font-size: 14px!important;
    }
    .newMidImgRightList img{
        width: 30px!important;
        height: 30px!important;
    }
  
    .newMidBox4{
        float: none!important;
        /* margin: -30px 115px 0 97px!important; */
    }
    #menu{
        display: block!important; 
        position: absolute;
        width: 50px;
        height: 50px;
        top: 10px;
        right: 10px;
    }
    .navList{
        top: 70px!important;
        width: 20%!important;
        display: block!important;
    }
    
    .nav_li{
        position: relative;
        background: #525958;
        opacity: .9;
        overflow: hidden;
        height: 50px!important;
        display: none;
    }
    .nav_li a{
        line-height: 50px!important;
    }
    .list{
        position: absolute!important;
        margin: 10px!important;
        /* display: none!important; */
    }
    .header{
        overflow:visible!important;
    }
    
    .header:hover{
        height: 70px!important;
    }
  
    .about .rightImg{
        float: none!important;
        width: 100%!important;
        margin-top: 20px!important;
    }
    .rightImgBig{
        width: 100%;
        height: 70%;
    }
    .img1 {
        margin-top: 25px!important;
        max-width: 50%!important;
    }
    .about .quan{
        display: none!important;
    }
    .fontPart{
        width: 87%!important;
    }
   
    .SocialRecruitmentSwiper .recruitmentDetailsRight,
    .SocialRecruitmentSwiper .recruitmentDetailsLeft{
        width: 100%;
    }
    .SocialRecruitmentSwiper .recruitmentDetailsRight ul{
        padding-left: 0px;
    } 
}
@media screen and (max-width:750px){
    .taiHeContent p{
        margin: 0 3%!important;
    }
    .CultureBox p{
        text-align: center;
        white-space: nowrap;
        overflow:hidden;
        text-overflow: ellipsis;
    }
    .honorList li {
        width: 45%!important;
            line-height: 180px!important;
        font-size: 14px!important;
    }
    .newListContent li{
        padding-top: 20px!important;
    }
    .newListContentImg {
        margin: 0 auto!important;
        float: none!important;
    }
    .newTime p {
        font-size: 20px!important;
        margin: -12px auto!important;
    }
    .newListContent {
        padding-top:0!important;
    }
    .workImgLookMore a {
        font-size: 12px!important;
    }
    .productShowList p {
        font-size: 12px!important;
    }
    .spanSize2{
        font-size: 14px!important;
    }
    .senseWorth .layoutIcon2 {
        left: 0px!important;
        bottom: -60px!important;
    }
    .senseWorth {
        padding: 50px 0 55px 0!important;
    }
  
    .lunbo .pageChange span {
        width: 5px!important;
        height: 5px!important;
        top: -40px!important;
    }
    .coreBrandBox>img {
        max-height: 500px!important;
    }
    .workImgLookMore img{
        display: none!important;        
    }
    .talentStrategyInf {
        left: 0%!important;
        top: 227px!important;
        width: 100%!important;
        flex-direction: column;
    }
    .CompanyNameLiXian{
        display:none!important;
    }
    .CompanyNameLiLeft,.CompanyNameLiRight{
        width: 100%!important;
        margin: auto;
        text-align:center;
        margin-bottom: 30px!important;
    }
    .recruitmentDetailsRight li:first-child {
        position: relative!important;
        top: auto!important;
        left: auto!important;
    }
    .workText {
        padding: 9px!important;
    }
    .workText h1{
        font-size: 10px!important;
    }
    .workText p{
        font-size: 10px!important;
    }

    .jj{
        width: 60%!important;
    }
    .senseWorth p{
        font-size: 18px!important;
    }
    .LinkList{
        padding-right:5px;
        width: 100%!important;
    }
    .layoutIcon{
        padding-right: 0px!important;
    }
    .layoutYuan{
        height: 50px!important;
        width: 108px!important;
        margin-bottom: 20px!important;
    }
    .layoutYuan img{
        height: 20px!important;
        width: 20px!important;
    }
    .progressBar .icLeft{
        left: -208px!important;
    }
    .progressBar .icRight{
        left: 208px!important;
    }
    .font a{
        font-size: 25px!important;
    }
    .font{
        font-size: 20px!important;
    }
    .lookMore {
        border: 1px solid white;
        padding: 8px!important;
    }
    .CoreBrandBox2{
        width: 100%!important;   
    }
    .jdt p{
        display: none!important;
    }
    .jdt .lookMore{
        display: none!important;
    }
    .CultureBoxQuan img{
        max-width: 60%;
        max-height: 60%;
    }
    .newMidBox1 a {
        font-size: 30px!important;
    }
    .newListContent li {
        padding: 22px 0!important ;
    }
    .newTime div {
        font-size: 59px!important;
    }
    .newListContent .needMore{
        display: none!important;
    }
}
@media screen and (max-width:450px){
    
    .productShow .swiper-pagination{
        display: none;
    }
    .lookMore {
        left: 0px!important;
    }
    .newMidBox1 {
        margin-bottom: 20px;
    }
    .newMidBox1 p {
        font-size: 30px!important;
    }
    .newMidBox4 {
        width: 95%!important;
    }
    .newMidBox2 {
        width: 98%!important;
    }
    .newMidBox2 a {
        width: 49%!important;
        line-height: 35px!important;
        margin-top: 0px!important;
        margin-bottom: 0px!important;
        float: left!important;
    }
    .newMidBox1 {
        width: auto!important;
    }
    .CultureBoxQuan {
        padding: 0px!important;
    }
    
    .developmentHistoryLeft .swiper-slide {
        font-size: 14px!important;
    }
    .progressBar .icLeft,.icRight{
        display: none!important;
    }
    .progressBar{
        margin-top: 30px!important;
    }
    .talentStrategy {
        margin-right: 0!important;
        margin-left: 0!important;
        margin-bottom: 110px!important;
    }
    .Culture {
        padding: 40px 5px!important;
    }
    .honorList li {
        height: 130px!important;
        line-height: 130px!important;
    }
    .CultureBox p {
        font-size: 14px!important;
        line-height: 25px!important;
    }
    .CultureBox h1 {
        font-size: 24px!important;
    }
    .CultureBoxQuan {
        margin-bottom: 0!important;
    }
    .CultureBoxQuan {
        width: 4.6rem!important;
        height: 4.6rem!important;
    }
}