.com-background1 {
  background: #f1f3f4;
}
@media screen and (max-width: 1440px) {
  .com-cont-1380,
  .com-cont-1660 {
    width: 1200px;
  }
  .index-about .dn-right {
    padding: 3.12vw 4.16vw 0;
  }
  .index-about .dn-right .ax-grid li .dn-a1 {
    padding: 1.04vw;
  }
  .index-about .dn-right .ax-grid li .dp-bot {
    margin: 0.832vw 0 0;
  }
  .index-about .dn-right .ax-grid li .dp-bot .dp-you .iconfont {
    font-size: 32px;
  }
}
@media screen and (max-width: 768px) {
  body,
  .font-size-16 {
    font-size: 3.192vw;
  }
  .line-height-24 {
    line-height: 5.054vw;
  }
  .line-height-26 {
    line-height: 5.586vw;
  }
  .line-height-28 {
    line-height: 5.852vw;
  }
  .line-height-30 {
    line-height: 6.118vw;
  }
  .font-size-18 {
    font-size: 3.458vw;
  }
  .font-size-20 {
    font-size: 3.99vw;
  }
  .font-size-30 {
    font-size: 4.256vw;
  }
  .font-size-36 {
    font-size: 4.788vw;
  }
  .com-font-size-30,
  .font-size-24 {
    font-size: 4.522vw;
  }
  .com-font-size-42 {
    font-size: 5.586vw;
  }
  .com-font-size-48 {
    font-size: 6.384vw;
  }
  .com-font-size-60 {
    font-size: 7.98vw;
  }
  .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-40 {
    margin-top: 5.32vw;
  }
  .com-margin-top-50 {
    margin-top: 6.65vw;
  }
  .com-margin-top-60 {
    margin-top: 7.98vw;
  }
  .com-margin-top-70 {
    margin-top: 9.31vw;
  }
  .com-margin-top-140 {
    margin-top: 13.3vw;
  }
  .com-padding-top-20 {
    padding-top: 2.66vw;
  }
  .com-padding-top-40 {
    padding-top: 5.32vw;
  }
  .com-padding-top-50 {
    padding-top: 6.65vw;
  }
  .com-padding-top-70 {
    padding-top: 9.31vw;
  }
  .com-padding-top-100 {
    padding-top: 13.3vw;
  }
  .com-padding-bottom-30 {
    padding-bottom: 3.99vw;
  }
  .com-padding-bottom-50 {
    padding-bottom: 6.65vw;
  }
  .com-padding-bottom-70 {
    padding-bottom: 9.31vw;
  }
  .com-padding-bottom-40 {
    padding-bottom: 5.32vw;
  }
  .com-padding-bottom-80 {
    padding-bottom: 10.64vw;
  }
  .com-padding-bottom-100 {
    padding-bottom: 13.3vw;
  }
  .com-padding-bottom-120 {
    padding-bottom: 15.96vw;
  }
  .com-cont-1380,
  .com-cont-1660 {
    width: 90%;
  }
  .ax-btn {
    font-size: 3.724vw;
    height: 9.31vw;
    line-height: 9.31vw;
    padding: 0 3.99vw;
  }
  .com-ax-btn1 {
    height: 10.64vw;
    line-height: 10.64vw;
    font-size: 3.458vw;
    padding: 0 2.66vw;
  }
  .com-ax-btn1 .ax-iconfont {
    margin: 0 0 0 7.98vw;
  }
  .ax-swiper-list1 .slide1 {
    height: 55.86vw;
  }
  .case-case .ax-swiper-list1 .slide1 {
    height: 45.22vw;
  }
  .news-video .ax-swiper-list1 .slide1 {
    height: 45.22vw;
  }
  .ax-swiper-list1 .slide1 .dn-picture .iconfont {
    font-size: 5.586vw;
  }
  .ax-swiper-list1 .slide1 .dn-word {
    padding: 3.458vw;
    font-size: 3.99vw;
  }
  .ax-swiper-list1 .slide1 .dn-word .ax-iconfont {
    font-size: 3.724vw;
  }
  .com-navigation1 {
    display: none;
  }
  .com-navigation1 .ax-grid li {
    width: calc(100% / 3);
  }
  .com-navigation1 .ax-grid li:before {
    height: 2.394vw;
  }
  .com-navigation1 .ax-grid li .dp-a1 {
    width: 80%;
    padding: 2.66vw 0;
    font-size: 3.99vw;
    border-bottom-width: 1.064vw;
  }
  .com-banner1 {
    height: 57.19vw;
  }
  .com-banner1 .swiper1 .slide1 .dn-word .com-cont {
    justify-content: flex-end;
  }
  .com-banner1 .swiper1 .slide1 .dn-word .iconfont {
    font-size: 10.64vw;
  }
  .com-header {
    padding: 2.66vw 0;
  }
  .com-header .dn-logo .dp-img1 {
    height: 8.246vw;
  }
  .com-header .dn-right .dn-menu {
    display: none;
  }
  .com-header .dn-right .dn-search {
    margin: 0 3.99vw 0 0;
  }
  .com-header .dn-right .dn-search .ax-iconfont {
    font-size: 4.256vw;
  }
  .com-header .dn-right .dn-menu-oper {
    display: block;
  }
  .com-header .dn-right .dn-menu-oper .ax-iconfont {
    font-size: 4.256vw;
  }
  .ax-drawer .ax-menu > li[expanded]:before {
    background-color: #469404;
  }
  .ax-drawer .ax-menu > li[expanded] .ax-menu-top * {
    color: #469404 !important;
  }
  .ax-drawer .ax-menu > li .ax-menu-top {
    font-size: 4.522vw;
  }
  .ax-drawer .ax-menu > li .ax-menu-top.active {
    color: #469404;
  }
  .ax-drawer .ax-menu > li .ax-menu-top i[label] {
    font-weight: inherit;
  }
  .ax-drawer .ax-menu > li ul li {
    font-size: 3.724vw;
  }
  .ax-drawer .ax-drawer-wrapper > .ax-drawer-close {
    left: 0 !important;
    width: 100%;
    background: linear-gradient(90deg, #53b255, #38a9bf);
    text-align: right;
    height: 5rem;
    line-height: 5rem;
    padding: 0 2rem;
  }
  .com-footer .dn-upper {
    padding: 3.99vw 0;
  }
  .com-footer .dn-upper .dn-left {
    display: none;
  }
  .com-footer .dn-upper .dn-right {
    width: 100%;
  }
  .com-footer .dn-upper .dn-right .dp-img1 {
    width: 29.26vw;
    margin: 0 0 1.33vw;
  }
  .com-footer .dn-lower {
    flex-wrap: wrap;
    text-align: center;
  }
  .com-footer .dn-lower .dn-left {
    width: 100%;
  }
  .com-footer .dn-lower .dn-right {
    width: 100%;
  }
  .index-banner {
    height: 66.5vw;
  }
  .index-banner .swiper1 .ax-pages {
    right: 5%;
    bottom: 4.788vw !important;
  }
  .index-banner .swiper1 .ax-pages .ax-pages-bullet {
    font-size: 3.192vw;
    margin: 0 0 0 3.458vw;
  }
  .index-banner .swiper1 .ax-pages .ax-pages-bullet-active:before {
    font-size: 7.98vw;
    top: -0.399vw;
    left: -2.128vw;
  }
  .index-about {
    flex-wrap: wrap;
    padding: 3.99vw 0 0;
  }
  .index-about .dn-left {
    width: 100%;
    height: 66.5vw;
  }
  .index-about .dn-right {
    width: 100%;
    flex: inherit;
    padding: 3.99vw;
  }
  .index-about .dn-right .dp-title2 .ax-iconfont {
    font-size: 6.384vw;
    margin: 0 2.128vw 0 0;
  }
  .index-about .dn-right .ax-grid li .dn-a1 {
    padding: 3.458vw;
  }
  .index-about .dn-right .ax-grid li .dp-top {
    font-size: 2.926vw;
  }
  .index-about .dn-right .ax-grid li .dp-top .dp-p1 {
    font-size: 3.99vw;
    margin: 0 0 1.064vw;
  }
  .index-about .dn-right .ax-grid li .dp-bot {
    margin: 3.192vw 0 0;
  }
  .index-about .dn-right .ax-grid li .dp-bot .dp-zuo {
    font-size: 2.926vw;
  }
  .index-about .dn-right .ax-grid li .dp-bot .dp-zuo .dp-p1 {
    font-size: 4.788vw;
    margin: 0 0 0.532vw;
  }
  .index-about .dn-right .ax-grid li .dp-bot .dp-you .iconfont {
    font-size: 6.65vw;
  }
  .index-product .dn-upper {
    flex-wrap: wrap;
  }
  .index-product .dn-upper .dn-left {
    width: 100%;
  }
  .index-product .dn-upper .dn-left .ax-swiper-button-all .ax-swiper-button {
    width: 6.65vw;
    height: 6.65vw;
    margin: 0 2.128vw 0 0;
  }
  .index-product .dn-upper .dn-left .ax-swiper-button-all .ax-swiper-button .ax-iconfont {
    font-size: 3.99vw;
  }
  .index-product .dn-upper .dn-right {
    flex: inherit;
    width: 100%;
    padding: 3.99vw 0 0 0;
  }
  .index-product .dn-upper .dn-right .swiper1 .slide1 {
    width: calc(100% / 1.5 - 2%);
    height: 53.2vw;
  }
  .index-product .dn-upper .dn-right .swiper1 .slide1 .dn-word {
    padding: 3.458vw;
    font-size: 3.99vw;
  }
  .index-product .dn-upper .dn-right .swiper1 .slide1 .dn-word .ax-iconfont {
    font-size: 3.724vw;
  }
  .index-news .dn-lower {
    flex-wrap: wrap;
  }
  .index-news .dn-lower .dn-left {
    width: 100%;
    height: 63.84vw;
  }
  .index-news .dn-lower .dn-left .dn-word {
    padding: 3.99vw 2.66vw;
  }
  .index-news .dn-lower .dn-right {
    width: 100%;
    flex: inherit;
    padding: 7.98vw 0 0 0;
  }
  .index-news .dn-lower .dn-right .swiper1 .slide1 {
    margin: 0 0 6.65vw;
  }
  .index-news .dn-lower .dn-right .swiper1 .slide1 .dn-zuo .dp-line1 {
    height: 13.3vw;
  }
  .index-news .dn-lower .dn-right .swiper1 .slide1 .dn-zuo .dp-p2 {
    margin: 2.66vw 0 0 3.99vw;
  }
  .index-news .dn-lower .dn-right .swiper1 .slide1 .dn-you {
    padding: 0 0 0 3.99vw;
  }
  .index-news .dn-lower .dn-right .swiper1 .slide1 .dn-you .dp-intr1 {
    margin: 1.596vw 0;
  }
  .index-news .dn-lower .dn-right .swiper1 .slide1 .dn-you .dp-a1 .ax-iconfont {
    margin: 0 0 0 1.33vw;
  }
  .about-intro .dn-upper {
    flex-wrap: wrap;
  }
  .about-intro .dn-upper .dn-left {
    flex: inherit;
    width: 100%;
    padding: 0;
  }
  .about-intro .dn-upper .dn-right {
    width: 100%;
    padding: 3.99vw 0 0;
  }
  .about-intro .dn-lower .swiper1 .wrapper1 {
    flex-wrap: wrap;
  }
  .about-intro .dn-lower .swiper1 .slide1 {
    margin: 1.33vw 0;
  }
  .about-intro .dn-lower .swiper1 .slide1 .dp-p1 {
    font-size: 3.458vw;
  }
  .about-intro .dn-lower .swiper1 .slide1 .dp-p2 {
    font-size: 4.788vw;
    margin: 0.798vw 0 0;
  }
  .about-intro .dn-lower .swiper1 .slide1 .dp-p2 i {
    font-size: 6.118vw;
    margin: 0 0.532vw 0 0;
  }
  .about-history .dn-upper {
    justify-content: flex-start;
  }
  .about-history .dn-upper .ax-iconfont {
    font-size: 5.32vw;
    transform: translateX(-50%);
  }
  .about-history .swiper1:before {
    left: 0;
    height: calc(100% + 22 * 0.133vw);
  }
  .about-history .swiper1 .slide1 {
    flex-direction: row-reverse !important;
    margin: 3.99vw 0 0;
  }
  .about-history .swiper1 .slide1 .slide1-icon {
    width: 10%;
    transform: translateX(-50%);
  }
  .about-history .swiper1 .slide1 .slide1-icon .slide1-icon-nei {
    width: 7.98vw;
    height: 7.98vw;
  }
  .about-history .swiper1 .slide1 .slide1-icon .slide1-icon-nei:before {
    width: 50%;
    height: 50%;
  }
  .about-history .swiper1 .slide1 .slide1-cont {
    width: 90%;
    padding: 3.99vw;
  }
  .about-history .swiper1 .slide1 .slide1-cont .dn-top {
    margin: 0 0 2.66vw;
  }
  .about-history .swiper1 .slide1 .slide1-cont .dn-top i {
    font-size: 4.788vw;
    margin: 0 0.532vw 0.532vw 0;
  }
  .about-inno .dn-carrier .ax-grid li .dn-picture {
    height: 47.88vw;
  }
  .about-inno .dn-carrier .ax-grid li .dn-word {
    font-size: 4.256vw;
  }
  .about-inno .dn-ability .ax-tab .ax-tab-header .ax-tab-item {
    margin: 0 1.064vw;
  }
  .about-inno .dn-ability .ax-tab .ax-tab-body .ax-tab-item .ax-swiper-outer {
    padding: 0 6.65vw;
  }
  .about-inno .dn-ability .ax-tab .ax-tab-body .ax-tab-item .ax-swiper-outer .swiper1 .slide1 {
    width: calc(100% / 2 - 3%);
    height: 47.88vw;
  }
  .about-inno .dn-ability .ax-tab .ax-tab-body .ax-tab-item .ax-swiper-outer .ax-prev,
  .about-inno .dn-ability .ax-tab .ax-tab-body .ax-tab-item .ax-swiper-outer .ax-next {
    font-size: 6.65vw;
  }
  .about-inno .dn-study .ax-table tr td {
    font-size: 2.66vw;
    line-height: 4.256vw;
    padding: 1.596vw 0.798vw;
  }
  .about-honor .dn-center .ax-grid li {
    padding: 3.458vw;
  }
  .about-honor .dn-center .ax-grid li .dn-picture {
    height: 29.26vw;
    margin: 0 0 2.66vw;
  }
  .about-care .dn-upper .ax-grid li {
    padding: 3.99vw;
  }
  .about-care .dn-upper .ax-grid li .dn-picture {
    height: 38.57vw;
  }
  .about-care .ax-swiper-outer {
    padding: 0 6.65vw;
  }
  .about-care .ax-swiper-outer .swiper1 .slide1 {
    width: calc(100% / 1.2 - 3%);
  }
  .about-care .ax-swiper-outer .swiper1 .slide1 .dn-picture {
    height: 35.91vw;
  }
  .about-care .ax-swiper-outer .ax-swiper-btn {
    font-size: 6.65vw;
  }
  .about-care .dn-lower .dn-top {
    justify-content: flex-start;
    padding: 0 3.99vw;
  }
  .about-culture .dn-lower .ax-grid li:nth-of-type(2n) {
    flex-direction: column;
  }
  .about-culture .dn-lower .ax-grid li:nth-of-type(2n) .dn-picture .ax-iconfont {
    top: auto;
    bottom: -1.596vw;
  }
  .about-culture .dn-lower .ax-grid li .dn-picture {
    height: 47.88vw;
  }
  .about-culture .dn-lower .ax-grid li .dn-picture .ax-iconfont {
    font-size: 3.99vw;
    bottom: -1.596vw;
  }
  .about-culture .dn-lower .ax-grid li .dn-word {
    height: 30.058vw;
    line-height: 5.32vw;
  }
  .about-culture .dn-lower .ax-grid li .dn-word .dp-title1 {
    margin: 0 0 2.66vw;
  }
  .join-recruit .dn-upper .ax-accordion .ax-accordion-item:first-of-type * {
    font-size: 3.458vw;
  }
  .join-recruit .dn-upper .ax-accordion .ax-accordion-item .ax-accordion-header {
    line-height: 6.65vw;
  }
  .join-recruit .dn-upper .ax-accordion .ax-accordion-item .ax-accordion-body .ax-accordion-content-cont {
    padding: 2.66vw 3.99vw;
  }
  .join-recruit .dn-upper .ax-accordion .ax-accordion-item .ax-accordion-body .ax-accordion-content-cont .dp-title1 {
    font-size: 4.256vw;
  }
  .join-recruit .dn-lower .ax-panel .ax-panel-header * {
    font-size: 4.256vw;
  }
  .join-recruit .dn-lower .ax-panel .ax-panel-body {
    padding: 2.66vw 3.99vw;
  }
  .join-recruit .dn-lower .ax-panel .ax-panel-body .swiper1 .wrapper1 {
    flex-wrap: wrap;
  }
  .join-recruit .dn-lower .ax-panel .ax-panel-body .swiper1 .slide1 {
    line-height: 5.32vw;
    font-size: 3.458vw;
    margin: 1.33vw 0;
  }
  .join-recruit .dn-lower .ax-panel .ax-panel-body .swiper1 .slide1 .dn-zuo {
    width: 10.64vw;
    height: 10.64vw;
    margin: 0 3.192vw 0 0;
  }
  .join-recruit .dn-lower .ax-panel .ax-panel-body .swiper1 .slide1 .dn-zuo .iconfont {
    font-size: 6.65vw;
  }
  .product .dn-upper .swiper1 .slide1 .dn-picture {
    height: 47.88vw;
    margin: 3.99vw 0 1px;
  }
  .product .dn-upper .swiper1 .slide1 .dn-word .dp-intr1 {
    margin: 3.192vw 0 3.99vw;
  }
  .product .dn-upper .swiper1 .slide1 .dn-word .dp-more1 {
    margin: 0 0 1.33vw;
  }
  .product .dn-upper .swiper1 .slide1 .dn-word .dp-more1 .ax-iconfont {
    margin: 0 0 0 0.798vw;
  }
  .ax-dialog-cases .ax-dialog-header {
    font-size: 4.788vw;
    padding: 3.99vw 0 0;
  }
  .news-news .dn-upper .swiper1 .slide1 {
    flex-wrap: wrap;
    padding: 2.66vw 3.99vw;
    margin: 0 0 3.99vw;
  }
  .news-news .dn-upper .swiper1 .slide1 .dn-picture {
    width: 100%;
    height: 39.9vw;
    margin: 0 0 3.99vw;
  }
  .news-news .dn-upper .swiper1 .slide1 .dn-word {
    padding: 0 2.66vw 0 0;
  }
  .news-news .dn-upper .swiper1 .slide1 .dn-more {
    width: 9.31vw;
    height: 9.31vw;
  }
  .news-news .dn-upper .swiper1 .slide1 .dn-more .ax-iconfont {
    font-size: 4.788vw;
  }
  .news-news-detail .dn-upper {
    padding: 0;
  }
  .news-news-detail .dn-lower {
    padding: 0;
  }
  .contact-infor {
    height: 133vw;
  }
  .contact-infor .dn-upper {
    padding: 0 2.66vw 2.66vw;
  }
  .contact-infor .dn-upper .ax-iconfont {
    margin: 0 0 -3.99vw;
    font-size: 4.788vw;
  }
  .contact-infor .dn-upper .ax-grid li {
    font-size: 3.458vw;
    margin: 0;
  }
  .contact-infor .dn-upper .ax-grid li .ax-iconfont {
    font-size: 3.724vw;
    margin: 0 1.33vw 0 0;
  }
  .case-distribution #container {
    width: 133vw;
    height: 106.4vw;
    margin: 0 0 0 -21.28vw;
  }
  .case-distribution .dn-word {
    margin: -6.65vw 0 0 0;
  }
  .case-distribution .dn-word .iconfont {
    font-size: 5.32vw;
    margin: 0 1.33vw 0 0;
  }
}