@media screen and (max-width: 1000px) {
  /*
  .com-cont {
    &-760, &-900 {
      width: 90%;
    }
  }
   */
}
@media screen and (min-width: 500px) {
  .com-mobile-display {
    display: none;
  }
}
@media screen and (max-width: 500px) {
  .com-mobile-display {
    display: block;
  }
  .com-pc-display {
    display: none;
  }
  .ax-swiper-outer .ax-prev {
    left: -20px;
  }
  .ax-swiper-outer .ax-next {
    right: -20px;
  }
  /*
  html {
    font-size: calc(140px / 14);
  }
   */
  .font-size-16 {
    font-size: 3.458vw;
  }
  .font-size-18 {
    font-size: 3.724vw;
  }
  .font-size-24 {
    font-size: 4.522vw;
  }
  .font-size-30 {
    font-size: 5.32vw;
  }
  .com-font-size-30 {
    font-size: 5.32vw;
  }
  .com-font-size-36 {
    font-size: 6.118vw;
  }
  .com-font-size-50 {
    font-size: 6.65vw;
  }
  .com-font-size-54 {
    font-size: 7.182vw;
  }
  .line-height-32 {
    line-height: 5.586vw;
  }
  .com-margin-top-10 {
    margin-top: 1.33vw;
  }
  .com-margin-top-20 {
    margin-top: 2.66vw;
  }
  .com-margin-top-30 {
    margin-top: 3.99vw;
  }
  .com-margin-top-50 {
    margin-top: 6.65vw;
  }
  .com-margin-top-80 {
    margin-top: 10.64vw;
  }
  .com-margin-top-120 {
    margin-top: 15.96vw;
  }
  .com-padding-top-20 {
    padding-top: 2.66vw;
  }
  .com-padding-top-50 {
    padding-top: 6.65vw;
  }
  .com-padding-top-80 {
    padding-top: 10.64vw;
  }
  .com-padding-top-100 {
    padding-top: 13.3vw;
  }
  .com-padding-bottom-100 {
    padding-bottom: 13.3vw;
  }
  .com-padding-bottom-120 {
    padding-bottom: 15.96vw;
  }
  .com-cont-760,
  .com-cont-900,
  .com-cont-1818,
  .com-cont-1870 {
    width: 90%;
  }
  .com-border-t {
    width: 90%;
  }
  .com-ax-swiper-btn {
    font-size: 6.65vw !important;
  }
  .com-ax-swiper-btn.ax-prev {
    left: 6.118vw !important;
  }
  .com-ax-swiper-btn.ax-next {
    right: 6.118vw !important;
  }
  .com-ax-pages .ax-pages-bullet {
    width: 13.3vw !important;
  }
  .com-banner1 {
    height: 66.5vw;
  }
  .com-header .dn-logo .dp-img1 {
    height: 8.379vw;
  }
  .com-header .dn-right {
    font-size: 3.724vw;
  }
  .com-header .dn-right .ax-iconfont {
    font-size: 3.724vw;
  }
  .com-header .dn-menu {
    display: none;
  }
  .com-header .dn-language {
    margin: 0 3.192vw;
  }
  .com-header .dn-menu-operate {
    display: block;
  }
  .com-footer .dn-upper {
    padding: 3.99vw 0;
  }
  .index-loading .dn-upper {
    margin: 23.94vw 0 7.98vw;
    height: 4.522vw;
  }
  .index-loading .dn-center .dn-picture {
    width: 79.8vw;
    height: 50.54vw;
    margin: 0 0 5.32vw;
  }
  .index-loading .dn-center .dn-picture .dp-operate .dp-p1 {
    width: 7.98vw;
    height: 7.98vw;
  }
  .index-loading .dn-lower {
    margin: auto 0 3.99vw;
  }
  .index-plate .swiper1 .ax-pages-all {
    right: 3.192vw !important;
  }
  .index-plate .swiper1 .slide1-all .dn-content .swiper2 .wrapper2 {
    grid-gap: 5.32vw;
  }
  .index-plate .swiper1 .slide1-all .dn-content .swiper2 .slide2 .dp-icon1 {
    width: auto;
    height: 23.94vw;
  }
  .index-plate .swiper1 .slide1-all .dn-content .swiper2 .slide2 .dp-icon1 .dp-img1 {
    display: none;
  }
  .index-plate .swiper1 .slide1-all .dn-content .swiper2 .slide2 .dp-icon1 .dp-img2 {
    display: block;
    width: auto;
    height: 100%;
  }
  .index-plate .swiper1 .slide1-all .dn-content .swiper2 .slide2 .dp-title1 {
    margin: 0;
    font-size: 3.99vw;
  }
  .index-plate .swiper1 .slide1-com .dn-title1 {
    top: 13.3vw;
    display: block;
  }
  .index-plate .swiper1 .slide1-com .dn-content .swiper2 .slide2 .dn-word {
    opacity: 1;
    padding: 15.96vw 0 26.6vw;
  }
  .index-plate .swiper1 .slide1-com .dn-content .swiper2 .slide2 .dn-word .dp-title1 {
    width: 100%;
  }
  .index-plate .swiper1 .slide1-com .dn-content .swiper2 .ax-pages {
    left: 6.783vw;
    bottom: 19.95vw;
    line-height: 5.32vw;
  }
  .project .dp-backimg1 {
    width: 100%;
    height: 40%;
  }
  .project .com-cont {
    flex-direction: column;
  }
  .project:after {
    width: 100%;
    height: 60%;
    top: auto;
    bottom: 0;
  }
  .project .dn-left {
    width: 100%;
    height: 40%;
    padding: 0 0 15.96vw;
  }
  .project .dn-left .dn-picture {
    height: 100%;
  }
  .project .dn-right {
    width: 100%;
    padding: 0;
  }
  .project .dn-right .dn-upper .ax-menu .ax-menu-item {
    font-size: 3.724vw;
  }
  .project .dn-right .dn-upper .ax-menu .ax-menu-item .ax-menu-item-ul {
    padding: 0 0 2.66vw;
  }
  .project .dn-right .dn-upper .ax-grid .ax-select .ax-tags[text] .ax-tag {
    font-size: 3.724vw;
  }
  .project .dn-right .dn-lower .swiper1 .slide1 {
    height: 10.64vw;
  }
  .project .dn-right .dn-lower .swiper1 .slide1 .dp-p1 {
    min-width: 19.95vw;
  }
  .project .dn-right .dn-lower .swiper1 .slide1:hover,
  .project .dn-right .dn-lower .swiper1 .slide1.active {
    font-size: 4.522vw;
  }
  .project-detail-banner {
    height: 66.5vw;
  }
  .project-detail-banner .dn-btn-operate {
    right: 2.66vw;
    bottom: 2.66vw;
  }
  .project-detail-banner .dn-thumbs .dn-large {
    height: calc(100% - 150 * 0.133vw - 10 * 0.133vw);
    margin: 0 0 1.33vw;
  }
  .project-detail-banner .dn-thumbs .dn-small {
    height: 19.95vw;
  }
  .project-detail-introduce .dn-lower {
    flex-direction: column;
  }
  .project-detail-introduce .dn-lower .dn-left {
    max-width: 100%;
    width: 100%;
  }
  .project-detail-introduce .dn-lower .dn-left .swiper1 .slide1 {
    padding: 2.66vw 0;
  }
  .project-detail-introduce .dn-lower .dn-right {
    width: 100%;
    margin: 3.99vw 0 0;
  }
  .project-detail-introduce .dn-lower .dn-right .dn-top {
    height: auto;
  }
  .project-detail-introduce-code {
    width: 15.96vw;
    height: 15.96vw;
  }
  .ax-popup[size="width-640"] {
    width: 85.12vw;
  }
  .about-introduce .dn-upper .dn-right {
    max-height: inherit;
    margin: 3.99vw 0 0;
  }
  .about-team .dn-upper .dn-right {
    margin: 3.99vw 0 0;
  }
  .about-team .dn-upper .dn-right .swiper1 .slide1 .dn-picture {
    height: 46.55vw;
  }
  .about-award .dn-lower .ax-table-wrapper {
    height: 99.75vw;
  }
  .about-award .dn-lower .ax-table-wrapper .ax-table th,
  .about-award .dn-lower .ax-table-wrapper .ax-table td {
    padding: 2.926vw;
    font-size: 3.458vw;
  }
  .about-award .dn-lower .ax-table-wrapper .ax-table th:last-of-type,
  .about-award .dn-lower .ax-table-wrapper .ax-table td:last-of-type {
    display: none;
  }
  .about-award .dn-lower .ax-table-wrapper .ax-table th {
    font-size: 4.256vw;
  }
  .about-award .dn-lower .dn-swiper {
    width: 100%;
    height: 53.2vw;
    position: relative;
    right: inherit;
    top: inherit;
    transform: none;
    margin: 3.99vw 0 0;
  }
  .about-contact .dn-upper .dn-right {
    margin: 3.99vw 0 0;
  }
  .about-contact .dn-upper .dn-right .swiper1 .wrapper1 {
    grid-gap: 5.32vw;
  }
  .about-contact .dn-upper .dn-right .swiper1 .slide1 .dp-img1 {
    width: 26.6vw;
    height: 26.6vw;
  }
  .designer-detail .dn-upper * {
    font-size: 3.458vw;
  }
  .designer-detail .dn-center {
    flex-direction: column;
  }
  .designer-detail .dn-center .dn-left {
    width: 100%;
    height: 79.8vw;
  }
  .designer-detail .dn-center .dn-right {
    width: 100%;
    padding: 3.99vw 0 0 0;
  }
  .designer-detail .dn-center .dn-right .dp-intr1 {
    max-height: 47.88vw;
  }
  .designer-detail .dn-center .dn-right .dn-bot .swiper1 .slide1.active {
    font-size: 3.99vw;
  }
  .news .swiper1 .slide1 .dn-top {
    height: 66.5vw;
  }
  .news .swiper1 .slide1 .dn-bot .dn-left {
    padding: 0 0 3.99vw;
  }
  .publishing .dn-upper .dn-picture {
    height: 53.2vw;
  }
  .publishing .dn-center .swiper1 .slide1 .dn-picture {
    height: 93.1vw;
  }
  .prolab-banner .swiper1 .slide1 {
    height: 65.17vw;
  }
  .prolab-banner .swiper1 .slide1:nth-of-type(3n) {
    grid-column: span 2;
  }
  .prolab-banner .swiper1 .slide1 .dn-word {
    padding: 7.448vw;
    opacity: 1;
    background: rgba(255, 255, 255, 0.5);
  }
}