@media (max-width: 1600px) {
  .pc-header .header-box .nav {
    margin-left: 8%;
  }
  .mySwiper .swiper-point {
    left: 3.8%;
  }
  .Salary-benefits .w1200 .Salary-box .benefits-box .ben-list ul .on i {
    /*margin-top: -0.68rem;*/
  }
  .About-DinTai .About-box .DinTai-title .title-box {
    width: 90%;
  }
  .About-DinTai .About-box .DinTai--img img {
    max-width: 95%;
  }
  .news-details .w1200 .details-top .txt svg {
     width: 32px;
     height: 32px;
    margin: -7px 0 0 -9px;
  }
  .Introduction-video .mengceng svg {
      width: 1.1rem;
      height:  1.1rem;
  }
  .company-culture .w1200 .company-box .box-list .item .item-title span {
          padding: 2.1rem 0.4rem 0;
  }
  .company-culture .w1200 .company-box .box-list:nth-child(even) .item .item-title span {
          padding: 3rem 0.4rem 0;
  }
}
@media (max-width: 1400px) {
  .pc-header .header-box .nav {
    margin-left: 6%;
  }
}
@media (max-width: 1300px) {
  .pc-header .header-box .nav ul li {
    padding: 0 0.25rem;
  }
  .w1600 {
    width: 15rem;
  }
  .Talent-recruitment .w1200 .Talent-list .item .item-titles span {
    font-size: 16px;
  }
  .Talent-recruitment .w1200 .Talent-list .item .item-down .select .option p {
    font-size: 14px;
  }
  .Talent-recruitment .w1200 .Talent-list .item .item-down .select .option h3 {
    font-size: 18px;
  }
  .mySwiper .swiper-point {
    left: 2.8%;
  }
  .About-DinTai .About-box .DinTai-title .title-box {
    width: 92%;
  }
}
@media (max-width: 1000px) {
    .development-path .w1200 .path-swiper .mySwiper2 .button-next, .development-path .w1200 .path-swiper .mySwiper2 .button-prev {
        top: 77%;
    }
    .development-path .w1200 .path-swiper .mySwiper2 .swiper-pagination {
        bottom: 18.8%;
    }
    .pc-footer .box .footer-bottom,.pc-footer .box .footer-bottom .copy p {
        flex-wrap: wrap;
    }
    .Introduction-video .mengceng svg {
        width: .8rem;
        height: .8rem;
    }
    .pc-footer .box .footer-bottom .copy p a {
        margin-left: 0;
        padding-bottom: .15rem;
    }
    .pc-footer .box .footer-bottom .copy p a.c1,.pc-footer .box .footer-bottom .copy p a.c3 {
        width: 100%;
    }
      .index-swiper {
    padding-top: 61.2px;
  }
    .miaodian {
        top: -61.2px;
    }
    .Career-Development .w1200 .Career-box .Career-item .item-img img {
        height: 3.2rem;
    }
  .pc-header {
    display: none;
  }
  .phone-header {
    display: block;
  }
  .w1600,
  .w1200 {
    width: 90%;
  }
  .pc-footer .footer-box .footer-top .top-center {
    display: none;
  }
  .mySwiper .swiper-point {
    left: 5%;
  }
  .About-DinTai .About-box .DinTai--img {
    display: none;
  }
  .About-DinTai .About-box {
    padding: 0 0 1rem;
  }
  .About-DinTai .About-box .DinTai-title {
    width: 100%;
  }
  .About-DinTai .About-box .DinTai-title .title-box {
    width: 90%;
    margin: 0 auto;
  }
  .News-events .w1600 .News-box .qiehuan .events .events-list {
    width: 50%;
  }
   .News-events .w1600 .News-box .qiehuan .events .events-list:nth-child(2) {
       border-right: 1px solid #e7e7e7;
   }
  .News-events .w1600 .News-box .qiehuan .events .events-list:last-child {
    display: none;
  }
  .News-events .w1600 .News-box .toggle {
    width: 25%;
  }
  .News-events .w1600 .News-box .qiehuan {
    width: 75%;
  }
  .pc-footer .footer-box .footer-bottom .copy p {
    flex-wrap: wrap;
  }
  .dingtai-banner {
    padding-top: 61.2px;
  }
  .company-culture .w1200 .company-box .box-list .item .item-title span {
        padding: 0.8rem 0.3rem 0;
  }
  .company-culture .w1200 .company-box .box-list:nth-child(even) .item .item-title span {
    padding: 1.65rem 0.3rem 0;
  }
  .dintai-news .w1200 .news-list ul li {
      width: 48%;
    margin: 0 0.3rem 0.3rem 0;
  }

  .dintai-news .w1200 .news-list ul li:nth-child(3n) {
      margin: 0 0.3rem 0.3rem 0;
  }
     .dintai-news .w1200 .news-list ul li:nth-child(2n) {
          margin-right: 0;
  }
  .dintai-news .w1200 .news-top a .top-txt .describe h5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }
  .dintai-news .w1200 .news-top a .top-txt .describe {
    padding: 0.45rem 0.48rem;
  }
  .dintai-news .w1200 .news-top a .top-img img {
    height: 100%;
  }
  .news-details .w1200 .details-top {
    flex-wrap: wrap;
    text-align: center;
  }
  .news-details .w1200 .details-top .date {
    justify-content: flex-end;
  }
  .Salary-benefits .w1200 {
    flex-wrap: wrap;
  }
  .Salary-benefits .w1200 .Salary-box {
    width: 100%;
    padding-right: 0;
  }
  .Salary-benefits .w1200 .Salary-box .benefits-box .ben-list ul li.on i {
      /*margin-top: 0;*/
  }
  .Salary-benefits .w1200 .Salary-box .benefits-box .ben-list {
      padding-bottom: .4rem;
  }
  .Salary-benefits .w1200 .Salary-img {
    width: 100%;
  }
  .Talent-recruitment .w1200 .Talent-list .item .item-titles span:first-child {
    width: 35%;
    display: block;
  }
  .Talent-recruitment .w1200 .Talent-list .item .item-titles span:nth-of-type(3) {
      width: 10%;
  }
  .contact-map .w1200 {
    flex-wrap: wrap;
  }
  .contact-map .w1200 .contact-title {
    width: 100%;
  }
  .contact-map .w1200 .map {
    order: -1;
    width: 100%;
    height: 5rem;
  }
  .pc-footer .footer-box .footer-bottom .copy p a {
    line-height: 0.35rem;
  }
  .pc-footer .footer-box .footer-bottom .copy p a:last-child {
    margin-left: 0;
  }
  .fixed-shipin .shipin-box .guanbi {
      right: -5%;
  }
  .fixed-shipin .shipin-box {
      width: 85%;
  }
}
@media (max-width: 750px) {
    .Career-Development .w1200 .Career-box .Career-item:hover .item-title .right h3, 
    .Career-Development .w1200 .Career-box .Career-item:hover .item-title .right p {
        color: #000;
    }
    .development-path .w1200 .path-swiper .mySwiper2 .swiper-pagination .swiper-pagination-bullet {
        display: none;
    }
    .development-path .w1200 .path-swiper .mySwiper2 .swiper-pagination .swiper-pagination-bullet:nth-child(2) {
        display: block;
    }
    .development-path .w1200 .path-swiper .mySwiper2 .swiper-pagination {
        width: calc(100% - 80px);
    }
    .phone_nav .box .item ul li a {
        font-size: 16px;
    }
    .Salary-benefits .w1200 .Salary-box .benefits-box .ben-list ul li.on i {
        /*margin-top: -0.65rem;*/
    }
    .Talent-recruitment .w1200 .public-h1 .rczs {
        width: 100%;
        display: flex;
        justify-content: center;
    } 
    .index-swiper {
        padding-top: 55px;
    }
        .miaodian {
        top: -55px;
    }
    .phone_nav .box .item > p i {
        width: 14px;
    }
    .phone_nav .box .item > p a {
        line-height: 55px;
    }
  .pc-header {
    display: none;
  }
  .phone-header .box .logo a img {
    height: 35px;
  }
  .pc-img {
    display: none;
  }
  .phone-img {
    display: block;
  }
  .Bread-crumbs .w1200 ul li a {
    padding: 0.2rem 0;
  }
  .digital-twin .w1200 p {
    font-size: 14px;
  }
  .pc-footer .footer-box .footer-top .top-left .left-img img {
    width: 2.2rem;
  }
  .pc-footer .footer-box .footer-top .top-right .code-img img {
    width: 1.5rem;
  }
  .swiper-icon a {
    padding: 0.2rem 0.3rem;
  }
  .swiper-icon a p {
    font-size: 14px;
  }
  .pc-footer .footer-box .footer-bottom {
    flex-wrap: wrap;
  }
  .pc-footer .footer-box .footer-bottom .copy {
    width: 100%;
    margin-bottom: 0.2rem;
  }
  .pc-footer .footer-box .footer-bottom .copy p .bl {
    margin-left: 0;
  }
  .phone_nav {
    top: 54px;
    height: calc(100vh - 44px);
  }
  .phone_nav .box .item > p a {
      font-size: 16px;
  }
  .contact-map .w1200 .contact-title {
    padding: 0.55rem 0.3rem 0.6rem 0.3rem;
  }
  .Bread-crumbs .w1200 ul li {
    padding: 0 0.1rem;
  }
  .join-dintai .w1200 .join-list {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .join-dintai .w1200 .join-list .items {
    width: 33.33%;
    margin-bottom: 0.3rem;
  }
  .Career-Development .w1200 .public-h1 {
    flex-wrap: wrap;
  }
  .Career-Development .w1200 .public-h1 .h1 {
    width: 100%;
  }
  .Career-Development .w1200 .public-h1 .pub {
    margin-top: 0.3rem;
    width: 100%;
  }
  .Career-Development .w1200 .Career-box .Career-item .item-img img {
    opacity: 1;
    max-width: 100%;
    height: 200px;
  }
  .Career-Development .w1200 .Career-box .Career-item .item-title {
    position: static;
    flex-wrap: wrap;
    padding: 0;
  }
  .Career-Development .w1200 .Career-box .Career-item .item-title .left,
  .Career-Development .w1200 .Career-box .Career-item .item-title .right {
    width: 100%;
  }
  .Career-Development .w1200 .Career-box .Career-item .item-title .left {
    margin-top: 0.2rem;
  }
  .Career-Development .w1200 .Career-box .Career-item .item-title .left img {
      width: .6rem;
  }
  .Career-Development .w1200 .Career-box .Career-item .item-title .right {
    margin-left: 0;
  }
  .Career-Development .w1200 .Career-box .Career-item .item-title .right h3 {
    margin: 0.2rem 0 0.3rem;
    font-size: 0.28rem;
  }
  .Career-Development .w1200 .Career-box .Career-item .item-title .right p {
    color: #000;
    font-size: 0.22rem;
  }
  .Career-Development .w1200 .Career-box .Career-item {
    margin-bottom: 0.4rem;
  }
  .Salary-benefits .w1200 .Salary-box {
    padding-right: 0;
  }
  .Talent-recruitment .w1200 .public-h1 {
    flex-wrap: wrap;
  }
  .Talent-recruitment .w1200 .public-h1 .flex {
    margin-top: 0.4rem;
  }
  .Talent-recruitment .w1200 .Talent-list .item .item-titles {
      flex-wrap: wrap;
      justify-content: flex-start;
  }
  .Talent-recruitment .w1200 .Talent-list .item .item-titles span {
    width: 60% !important;
    padding: .1rem 0;
  }
  .Talent-recruitment .w1200 .Talent-list .item .item-titles span:nth-of-type(2n) {
       width: 40% !important;
  }
  .Talent-recruitment .w1200 .Talent-list .item .item-titles .icon-down {
      display: none;
  }
  .Talent-recruitment .w1200 .Talent-list .item .item-down .select .option {
    width: 100%;
  }
  .dintai-news .w1200 .news-top a {
    flex-wrap: wrap;
  }
  .dintai-news .w1200 .news-top a .top-img {
    width: 100%;
  }
  .dintai-news .w1200 .news-top a .top-txt {
    width: 100%;
  }
  .dintai-news .w1200 .news-list ul li {
    width: 48%;
    margin: 0 0.19rem 0.3rem 0;
  }
  .dintai-news .w1200 .news-list ul li:nth-child(3n) {
    margin: 0 0.19rem 0.3rem 0;
  }
  .dintai-news .w1200 .news-list ul li:nth-child(2n) {
    margin-right: 0;
  }
  .dintai-news .w1200 .news-top a .top-txt .describe span {
    font-size: 18px;
  }
  .dintai-news .w1200 .news-top a .top-txt .describe h5 {
    font-size: 16px;
  }
  .dintai-news .w1200 .news-top a .top-txt .describe p,
  .dintai-news .w1200 .news-top a .top-txt .describe .chakan span {
    font-size: 14px;
  }
  .dintai-news .w1200 .news-list ul li a .li-decu p,
  .dintai-news .w1200 .news-list ul li a .li-decu .xaingqing span {
    font-size: 14px;
  }
  .Pagination .w1200 .pag-number a {
    display: none;
  }
  .Pagination .w1200 .pag-number a:first-child {
    display: block;
  }
  .news-details .w1200 .translater p {
    font-size: 14px;
  }
  .development-path .w1200 .path-swiper .mySwiper2 .button-next,
  .development-path .w1200 .path-swiper .mySwiper2 .button-prev {
    top: 68%;
  }
  .development-path .w1200 .path-swiper .mySwiper2 .button-next p,
  .development-path .w1200 .path-swiper .mySwiper2 .button-prev p {
    width: 0.6rem;
    height: 0.6rem;
  }
  .development-path .w1200 .path-swiper .mySwiper2 .swiper-pagination {
    bottom: 27%;
  }
  .company-culture .w1200 .company-box .box-list:nth-child(odd) {
    flex-wrap: wrap;
  }
  .company-culture .w1200 .company-box .box-list:nth-child(odd) .item {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0.3rem;
  }
  .company-culture .w1200 .company-box .box-list .item .item-img img {
    height: 2.9rem;
  }
  .Introduction .Introduction-box {
    flex-wrap: wrap;
  }
  .company-culture .w1200 .company-box .box-list .item .item-title span {
      padding: 1.25rem .3rem 0;
  }
  .Introduction .Introduction-box .intro-left {
    width: 100%;
    border: none;
    border-bottom: 1px solid #ededed;
    padding: 0.55rem 0 0.35rem 0;
  }
  .Introduction .Introduction-box .intro-right {
    width: 100%;
  }
  .Introduction .Introduction-box .intro-right {
    flex-direction: row;
    justify-content: space-between;
  }
  .Introduction-video .mengceng svg {
    width: 0.7rem;
    height: 0.7rem;
  }
  .fixed-shipin .shipin-box .guanbi {
   right: -8%;
   width: .35rem;
   height: .35rem;
   top: -3%;
  }
  .data-icon a {
    padding: 0.15rem 0.25rem;
  }
  .About-DinTai .About-box .DinTai-title .title-box .about-txt p {
    font-size: 14px;
  }
  .News-events .w1600 .News-box .qiehuan .events .events-list {
     
    display: none;
  }
  .News-events .w1600 .News-box .qiehuan .events .events-list:nth-child(1) {
    display: block;
     border-right: 1px solid #e7e7e7;
     width: 100%;
  }
  .News-events .w1600 .News-box .toggle {
    width: 40%;
  }
  .News-events .w1600 .News-box .qiehuan {
    width: 60%;
  }
  .Talent-recruitment .w1200 .Talent-list .item .item-down {
      padding: 0 .2rem .35rem;
  }
}
@media (min-width: 375px) and (max-width: 500px) {
    .Salary-benefits .w1200 .Salary-box .benefits-box .ben-list ul li.on i {
        /*margin-top: -0.32rem;*/
    }
}