@charset "utf-8";
@media screen and (max-width: 1560px) {
  .index-news .dn-lower .dn-right .swiper1 {
    margin-top: -1.04166667vw;
  }
  .index-news .dn-lower .dn-right .swiper1 .swiper-slide .com-size-all {
    padding: 1.04166667vw 0;
  }
  .brand-history .dn-lower .swiper1 .swiper-slide .dp-picture {
    width: 480px;
    height: 260px;
  }
}
@media screen and (min-width: 768px) {
  .com-header-differ-1 .com-header {
    position: absolute;
    top: 0;
    left: 0;
  }
  .com-header-differ-1 .com-header * {
    color: #FFFFFF;
  }
  .com-header-differ-1 .com-header .header-logo {
    filter: grayscale(100%) brightness(1000%);
  }
  .com-header.active {
    position: fixed !important;
    background-color: #FFFFFF;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  }
  .com-header.active * {
    color: #000;
  }
  .com-header.active .header-logo {
    filter: none;
  }
  .com-header-differ-2 .com-header {
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media screen and (max-width: 768px) {
  .com-mob {
    display: block !important;
  }
  .com-pc {
    display: none !important;
  }
  .max-width-all-100 img {
    height: auto !important;
  }
  .com-crumbs-1 {
    flex-wrap: wrap;
  }
  .com-crumbs-1 .dn-left {
    width: 100%;
  }
  .com-crumbs-1 .dn-right {
    width: 100%;
    display: flex;
    justify-content: flex-end;
  }
  body,
  html {
    font-size: 3.2vw;
  }
  .com-swiper-button-all .swiper-button .iconfont {
    font-size: 6.66666667vw;
  }
  .com-swiper-button-all .swiper-prev {
    left: 6.66666667vw;
  }
  .com-swiper-button-all .swiper-next {
    right: 6.66666667vw;
  }
  .com-button-a-1 {
    width: 24vw;
    height: 8vw;
  }
  .com-button-a-1 .iconfont {
    margin: 0 0.66666667vw;
  }
  .com-richtext-1 {
    font-size: 3.73333333vw;
    line-height: 6vw;
  }
  .com-richtext-2 {
    font-size: 3.46666667vw;
    line-height: 5.33333333vw;
  }
  .com-share-1 {
    margin: 4vw 0 0;
  }
  .com-share-1 .swiper1 .swiper-slide .dp-top {
    margin: 0 2vw 0 0;
  }
  .com-share-1 .swiper1 .swiper-slide .dp-top .iconfont {
    font-size: 6vw;
  }
  .com-button-a-2 {
    width: 29.33333333vw;
    height: 9.33333333vw;
    border-radius: 0.66666667vw;
  }
  .com-button-a-2 .iconfont {
    margin: 0 0 0 2vw;
  }
  .com-button-a-3 {
    width: 34.66666667vw;
    height: 10.66666667vw;
    font-size: 4vw;
  }
  .com-button-a-3 .iconfont {
    margin: 0 0.66666667vw;
  }
  .com-ti-18 {
    font-size: 3.2vw;
  }
  .com-ti-22,
  .font-size-22 {
    font-size: 3.46666667vw;
  }
  .com-ti-24 {
    font-size: 3.73333333vw;
  }
  .com-ti-30 {
    font-size: 4.53333333vw;
  }
  .com-ti-32 {
    font-size: 4.8vw;
  }
  .com-ti-34 {
    font-size: 5.06666667vw;
  }
  .com-ti-36 {
    font-size: 5.33333333vw;
  }
  .com-ti-38 {
    font-size: 5.6vw;
  }
  .com-ti-40 {
    font-size: 5.86666667vw;
  }
  .com-ti-42 {
    font-size: 6.13333333vw;
  }
  .com-ti-48 {
    font-size: 6.4vw;
  }
  .com-conta-1560,
  .com-conta-1344 {
    width: 90%;
  }
  .com-swiper-pagination-1 {
    bottom: 2.66666667vw !important;
  }
  .com-swiper-pagination-1 .swiper-pagination-bullet {
    width: 5.33333333vw;
    height: 0.66666667vw;
    border-radius: 2.66666667vw;
    margin: 0 1.06666667vw !important;
  }
  .layui-input,
  .layui-select,
  .layui-textarea {
    height: 8.66666667vw;
  }
  .layui-textarea {
    height: 30.66666667vw;
  }
  .com-ban1 {
    height: 42.66666667vw;
  }
  .com-ban2 {
    height: 48vw;
  }
  .com-ban2 .dn-word .swiper2 {
    font-size: 3.46666667vw;
  }
  .com-ban2 .dn-word .swiper2 .swiper-slide {
    margin: 0 2.66666667vw;
    padding: 2.66666667vw 0.66666667vw;
  }
  .com-paging1 .swiper-wrapper .swiper-slide {
    border-radius: 6.66666667vw;
    padding: 1.33333333vw 2.66666667vw;
    font-size: 3.46666667vw;
  }
  .com-paging1 .swiper-wrapper .swiper-slide:first-of-type,
  .com-paging1 .swiper-wrapper .swiper-slide:last-of-type {
    margin: 0 2.66666667vw;
  }
  .com-paging1 .swiper-wrapper .swiper-slide:first-of-type i,
  .com-paging1 .swiper-wrapper .swiper-slide:last-of-type i {
    font-size: 4.53333333vw;
  }
  .com-ban3 {
    height: 40vw;
  }
  .com-ban4 {
    height: 42.66666667vw;
  }
  .com-ban4.com-ban4-diff {
    height: 61.33333333vw;
  }
  .com-ban4 .com-button-a-1 {
    right: 2.66666667vw;
    top: 2.66666667vw;
  }
  .com-header {
    padding: 2.66666667vw 0;
    position: fixed !important;
    background-color: #FFFFFF;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  }
  .com-header .com-content {
    flex-wrap: wrap;
  }
  .com-header .swiper1 {
    display: none;
  }
  .com-header .header-logo img {
    height: 6.66666667vw;
  }
  .com-header .dn-right .dn-com {
    display: block;
  }
  .com-main {
    padding: 12.26666667vw 0 0;
  }
  .layui-layer .layui-layer-setwin {
    top: 9.33333333vw;
    right: 9.33333333vw;
    z-index: 5;
  }
  .layui-layer .layui-layer-setwin .layui-layer-close2 {
    background: none !important;
    right: -3.73333333vw !important;
    top: -3.73333333vw !important;
    width: 4vw !important;
    height: 4vw !important;
    font-size: 4vw !important;
  }
  .layui-layer .com-content {
    background-color: #2f2f2f !important;
    padding: 20vw 0 0;
    width: 100%;
  }
  .layui-layer .com-content * {
    color: #FFFFFF !important;
  }
  .layui-layer .com-content .header-logo {
    position: absolute;
    top: 4vw;
    left: 5.33333333vw;
    filter: grayscale(100%) brightness(1000%);
  }
  .layui-layer .com-content .header-logo img {
    height: 8vw;
  }
  .layui-layer .com-content .dn-right {
    display: none;
  }
  .layui-layer .com-content .swiper1 {
    height: auto;
  }
  .layui-layer .com-content .swiper1 .swiper-wrapper {
    flex-wrap: wrap;
    height: auto;
  }
  .layui-layer .com-content .swiper1 .swiper-slide {
    text-align: right;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    width: 90%;
    margin: auto;
  }
  .layui-layer .com-content .swiper1 .swiper-slide .dp-upper {
    font-size: 3.73333333vw;
    padding: 2.66666667vw 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .layui-layer .com-content .swiper1 .swiper-slide .dp-upper .iconfont {
    font-size: 6vw;
    margin: 0 1.33333333vw 0 0;
  }
  .layui-layer .com-content .swiper1 .swiper-slide .dp-upper .dp-a {
    display: flex;
    align-items: center;
  }
  .layui-layer .com-content .swiper1 .swiper-slide .dp-lower {
    display: none;
    font-size: 3.46666667vw;
    padding: 0 0 4vw;
  }
  .layui-layer .com-content .swiper1 .swiper-slide .dp-lower .dp-a {
    display: flex;
    align-items: center;
    padding: 0.66666667vw 0;
  }
  .layui-layer .com-content .swiper1 .swiper-slide .dp-lower .dp-a .img1 {
    height: 6.66666667vw;
    filter: grayscale(100%) brightness(1000%);
    display: none;
  }
  .layui-layer .com-content .swiper1 .swiper-slide .dp-lower .dp-a .iconfont {
    font-size: 6.66666667vw;
  }
  .layui-layer .com-content .swiper1 .swiper-slide .dp-lower .dp-a b {
    margin: 0 0 0 1.33333333vw;
  }
  .layui-layer.layui-layer-tips {
    position: fixed !important;
    top: auto !important;
    bottom: 17.33333333vw !important;
    left: auto !important;
    right: 13.33333333vw !important;
  }
  .com-footer {
    padding: 0 0 14.66666667vw;
  }
  .com-footer .dn-upper {
    padding: 5.33333333vw 0 6.66666667vw;
  }
  .com-footer .dn-upper .dp-left .img1 {
    height: 4.66666667vw;
  }
  .com-footer .dn-upper .dp-left .dp-word {
    margin: 3.33333333vw 0 0;
  }
  .com-footer .dn-upper .dp-right {
    display: none;
  }
  .com-footer .dn-lower {
    padding: 2.66666667vw 0 2.93333333vw;
    flex-wrap: wrap;
  }
  .com-footer .dn-lower .dp-left {
    font-size: 3.2vw;
  }
  .com-footer .dn-lower .dp-right {
    font-size: 3.33333333vw;
    margin: 1.33333333vw 0 0;
  }
  .com-footer .dn-lower .dp-right i {
    margin: 0 1.33333333vw;
  }
  .com-footer2 {
    display: block;
  }
  .index-ban {
    height: calc(100vh - 115 * 0.13333333vw);
  }
  .index-prod .dn-lower .swiper1 .swiper-slide {
    height: 70.66666667vw;
  }
  .index-prod .dn-lower .swiper1 .swiper-slide:hover .dp-word *,
  .index-prod .dn-lower .swiper1 .swiper-slide.active .dp-word * {
    color: #000 !important;
  }
  .index-prod .dn-lower .swiper1 .swiper-slide .dp-word {
    padding: 4vw;
  }
  .index-prod .dn-lower .swiper1 .swiper-slide .dp-word .dp-top .dp-ti1 {
    font-size: 4.26666667vw;
  }
  .index-prod .dn-lower .swiper1 .swiper-slide .dp-word .dp-top .dp-ti2 {
    margin: 0.66666667vw 0 0;
  }
  .index-prod .dn-lower .swiper1 .swiper-slide .dp-word .dp-bot {
    display: block !important;
  }
  .index-prod .dn-lower .swiper1 .swiper-slide .dp-word .dp-bot .dp-xi1 {
    width: 4vw;
    height: 0.4vw;
    margin: 0.66666667vw 0 0 0.66666667vw;
  }
  .index-prod-2 .dn-lower .swiper1 .swiper-slide {
    width: 100% !important;
  }
  .index-prod-2 .dn-lower .swiper1 .swiper-slide:hover .dp-word *,
  .index-prod-2 .dn-lower .swiper1 .swiper-slide.active .dp-word * {
    color: #000 !important;
  }
  .index-prod-2 .dn-lower .swiper1 .swiper-slide .dp-picture {
    display: none !important;
    opacity: 0 !important;
  }
  .index-prod-2 .dn-lower .swiper1 .swiper-slide .dp-picture2 {
    display: block !important;
    opacity: 1 !important;
    height: 61.33333333vw !important;
    position: relative;
  }
  .index-prod-2 .dn-lower .swiper1 .swiper-slide .dp-word {
    position: relative;
    text-align: center;
    height: auto;
  }
  .index-prod-2 .dn-lower .swiper1 .swiper-slide .dp-word .dp-bot {
    display: none !important;
  }
  .index-about .dn-word {
    display: block;
  }
  .index-serv .swiper1 {
    width: 100%;
    margin-left: 0;
  }
  .index-serv .swiper1 .swiper-wrapper {
    flex-wrap: wrap;
  }
  .index-serv .swiper1 .swiper-slide {
    width: 100%;
    height: 42.66666667vw !important;
    padding: 0;
    position: relative !important;
    margin: 1.33333333vw 0;
  }
  .index-serv .swiper1 .swiper-slide .dp-word {
    padding: 8vw 0 0;
  }
  .index-serv .swiper1 .swiper-slide .dp-word .font-size-32 {
    margin: 2.13333333vw 0 0;
  }
  .index-serv .swiper1 .swiper-slide .dp-word .dp-a {
    margin: 4vw 0 0;
  }
  .index-news .dn-lower {
    flex-wrap: wrap;
  }
  .index-news .dn-lower .dn-left {
    width: 100%;
  }
  .index-news .dn-lower .dn-left .swiper1 {
    height: 66.66666667vw;
  }
  .index-news .dn-lower .dn-left .swiper1 .swiper-slide .dp-word .dp-z {
    font-size: 4.26666667vw;
  }
  .index-news .dn-lower .dn-right {
    width: 100%;
    padding: 0;
    border-left: none;
  }
  .index-news .dn-lower .dn-right .swiper1 .swiper-slide .com-size-all {
    padding: 3.46666667vw 0;
  }
  .index-news .dn-lower .dn-right .swiper1 .swiper-slide .dp-word {
    padding: 0 3.33333333vw 0 0;
    margin: 0 3.33333333vw 0 0;
  }
  .index-news .dn-lower .dn-right .swiper1 .swiper-slide .dp-word .dp-ti1 {
    font-size: 4vw;
  }
  .index-news .dn-lower .dn-right .swiper1 .swiper-slide .dp-word .dp-ti2 {
    margin: 2vw 0 0;
  }
  .index-engineering .swiper1 .swiper-wrapper {
    flex-wrap: wrap;
  }
  .index-engineering .swiper1 .swiper-slide {
    width: 100%;
    height: 48vw;
    margin: 1.33333333vw 0;
  }
  .index-engineering .swiper1 .swiper-slide .dn-word .com-ti-22 {
    line-height: 5.6vw;
    margin: 1.6vw 0 2.93333333vw;
  }
  .index-contact .dn-upper {
    height: 53.33333333vw;
  }
  .index-contact .dn-upper .swiper1 .swiper-slide .dp-word {
    padding: 0 5.33333333vw;
    display: none;
  }
  .index-contact .dn-upper .swiper1 .swiper-slide .dp-word .dp-button {
    margin: 5.33333333vw 0 0;
  }
  .index-contact .dn-lower .swiper1 {
    width: 100%;
    margin-left: 0;
  }
  .index-contact .dn-lower .swiper1 .swiper-wrapper {
    flex-wrap: wrap;
  }
  .index-contact .dn-lower .swiper1 .swiper-slide {
    width: 46%;
    margin: 1.33333333vw 0;
    border: none !important;
  }
  .index-contact .dn-lower .swiper1 .swiper-slide .dp-icon {
    width: 11.33333333vw;
    height: 11.33333333vw;
  }
  .index-contact .dn-lower .swiper1 .swiper-slide .dp-icon .iconfont {
    font-size: 5.33333333vw;
  }
  .index-contact .dn-lower .swiper1 .swiper-slide .dp-word .dp-ti1 {
    font-size: 3.33333333vw;
    margin: 2.13333333vw 0 0;
  }
  .index-contact .dn-lower .swiper1 .swiper-slide .dp-word .dp-ti2 {
    font-size: 3.2vw;
    margin: 0.53333333vw 0 0;
  }
  .product .com-content {
    flex-wrap: wrap;
  }
  .product .dn-left {
    width: 100%;
    padding: 0;
    margin: 0;
    border-right: none;
  }
  .product .dn-left .swiper1 .swiper-slide {
    width: 33.33333333%;
    margin: 1.33333333vw 0;
  }
  .product .dn-left .swiper1 .swiper-slide .img1 {
    height: 10.66666667vw;
  }
  .product .dn-right {
    flex: inherit;
    width: 100%;
  }
  .product .dn-right .dn-list {
    padding: 5.33333333vw 0;
  }
  .product .dn-right .dn-list .dp-lower .swiper1 .swiper-slide {
    width: 47%;
  }
  .product .dn-right .dn-list .dp-lower .swiper1 .swiper-slide .dp-word {
    padding: 3.33333333vw 0 4.26666667vw;
  }
  .product .dn-right .dn-list .dp-lower .swiper1 .swiper-slide .dp-word .dp-ti1 {
    font-size: 3.73333333vw;
  }
  .product .dn-right .dn-list .dp-lower .swiper1 .swiper-slide .dp-word .dp-ti2 {
    margin: 0.8vw 0 0;
  }
  .com-swiper-classi-1 .swiper-slide {
    margin: 0 2.66666667vw;
    font-size: 3.46666667vw;
    padding: 4.66666667vw 0;
    border-bottom: 0.66666667vw solid transparent;
  }
  .com-swiper-classi-1 .swiper-slide.active,
  .com-swiper-classi-1 .swiper-slide:hover {
    border-bottom: 0.66666667vw solid #c57f5b;
  }
  .prod-detail-parameter .dn-upper .dp-left .com-size-all .iconfont-1 {
    font-size: 5.33333333vw;
  }
  .prod-detail-parameter .dn-upper .dp-left .com-size-all .iconfont-2 {
    font-size: 8vw;
    margin: 0 1.06666667vw;
  }
  .prod-detail-parameter .dn-upper .dp-left .com-size-all .img1 {
    height: 6.66666667vw;
    margin: 0 0.66666667vw;
  }
  .prod-detail-parameter .dn-lower {
    flex-wrap: wrap;
  }
  .prod-detail-parameter .dn-lower .dp-left {
    width: 100%;
    justify-content: space-between;
  }
  .prod-detail-parameter .dn-lower .dp-left .dp-small {
    display: none;
  }
  .prod-detail-parameter .dn-lower .dp-left .dp-big {
    width: 100%;
  }
  .prod-detail-parameter .dn-lower .dp-left .dp-big .swiper1 {
    width: 100%;
  }
  .prod-detail-parameter .dn-lower .dp-right {
    flex: inherit;
    width: 100%;
    margin: 4vw 0 0;
  }
  .prod-detail-parameter .dn-lower .dp-right .dp-title1 span {
    padding: 0.4vw 1.6vw;
    margin: 0 1.33333333vw 1.33333333vw 0;
  }
  .prod-detail-parameter .dn-lower .dp-right .dp-title1 b {
    padding: 0.4vw 1.6vw;
    margin: 0 1.33333333vw 1.33333333vw 0;
  }
  .prod-detail-parameter .dn-lower .dp-right .com-ti-38 {
    margin: 2.93333333vw 0 0;
  }
  .prod-detail-parameter .dn-lower .dp-right .com-ti-18 {
    margin: 1.06666667vw 0 0;
  }
  .prod-detail-parameter .dn-lower .dp-right .dp-button {
    margin: 8vw 0 0;
  }
  .prod-detail-intr .dn-lower .swiper1 .swiper-slide {
    margin: 2.4vw 0;
    flex-wrap: wrap;
  }
  .prod-detail-intr .dn-lower .swiper1 .swiper-slide:nth-of-type(even) {
    flex-direction: inherit;
  }
  .prod-detail-intr .dn-lower .swiper1 .swiper-slide .dp-word {
    height: auto;
    width: 100%;
    padding: 4.66666667vw;
  }
  .prod-detail-intr .dn-lower .swiper1 .swiper-slide .dp-word .com-richtext-1 {
    margin: 2vw 0 0;
  }
  .prod-detail-intr .dn-lower .swiper1 .swiper-slide .dp-picture {
    height: 53.33333333vw;
    flex: inherit;
    width: 100%;
  }
  .prod-detail-tech .dn-lower .swiper1 .swiper-slide {
    width: 98.4%;
    padding: 2.66666667vw;
  }
  .prod-detail-tech .dn-lower .swiper1 .swiper-slide .iconfont {
    font-size: 4vw;
    margin: 0 1.33333333vw 0 0;
  }
  .prod-detail-tech .dn-lower .swiper1 .swiper-slide .dp-intr1 {
    font-size: 3.33333333vw;
  }
  .prod-detail-reco .dn-lower .swiper1 .swiper-wrapper {
    flex-wrap: wrap;
  }
  .prod-detail-reco .dn-lower .swiper1 .swiper-slide {
    width: 98%;
    margin: 1%;
  }
  .prod-detail-reco .dn-lower .swiper1 .swiper-slide .dp-picture {
    height: 57.33333333vw;
  }
  .prod-detail-reco .dn-lower .swiper1 .swiper-slide .dp-word {
    padding: 3.33333333vw;
  }
  .prod-detail-reco .dn-lower .swiper1 .swiper-slide .dp-word .com-ti-18 {
    flex: 1;
  }
  .serv-problem .dn-lower .swiper1 .swiper-slide {
    width: 98%;
    padding: 1.6vw 0;
  }
  .serv-problem .dn-lower .swiper1 .swiper-slide .dp-intr1 {
    font-size: 3.46666667vw;
  }
  .serv-problem .dn-lower .swiper1 .swiper-slide .iconfont {
    font-size: 4.8vw;
  }
  .serv-support .dn-lower .swiper1 .swiper-wrapper {
    flex-wrap: wrap;
  }
  .serv-support .dn-lower .swiper1 .swiper-slide {
    padding: 4vw;
    width: 48% !important;
    margin: 1% 0;
  }
  .serv-support .dn-lower .swiper1 .swiper-slide .dp-picture {
    height: 24vw;
  }
  .serv-support .dn-lower .swiper1 .swiper-slide .dp-picture .iconfont {
    font-size: 10.66666667vw;
  }
  .serv-support .dn-lower .swiper1 .swiper-slide .dp-word {
    padding: 3.33333333vw 0 0;
    text-align: center;
  }
  .serv-support .dn-lower .swiper1 .swiper-slide .dp-word .dp-ti1 {
    font-size: 3.73333333vw;
  }
  .serv-support .dn-lower .swiper1 .swiper-slide .dp-word .dp-ti2 {
    font-size: 3.46666667vw;
    margin: 1.33333333vw 0 0;
  }
  .appointment .dn-center .swiper1 .swiper-wrapper {
    flex-wrap: wrap;
  }
  .appointment .dn-center .swiper1 .swiper-slide {
    font-size: 2.93333333vw;
  }
  .appointment .dn-center .swiper1 .swiper-slide .iconfont2 {
    font-size: 4.8vw;
  }
  .appointment .dn-center .swiper1 .swiper-slide .iconfont1 {
    font-size: 7.33333333vw;
  }
  .appointment .dn-center .swiper1 .swiper-slide .dp-word {
    font-size: 3.46666667vw;
  }
  .appointment .dn-center .swiper1 .swiper-slide .dp-word2 {
    max-width: 21.33333333vw;
    margin: 0.66666667vw 0 0;
  }
  .appointment .dn-lower .form1 {
    width: 60vw;
  }
  .appointment .dn-lower .form1 .swiper1 .swiper-slide {
    margin: 1.33333333vw 0;
  }
  .appointment .dn-lower .form1 .swiper1 .swiper-slide .a-code {
    height: 6.66666667vw;
    width: 26.66666667vw;
    margin: 0 0 0 2.66666667vw;
  }
  .appointment .dn-lower .form1 .swiper1 .swiper-slide .button1 {
    height: 8vw;
    font-size: 3.46666667vw;
  }
  .appointment .dn-lower .form2 {
    width: 93.33333333vw;
  }
  .appointment .dn-lower .form2 .swiper1 .slide1 {
    margin: 1.33333333vw 0;
    width: 99% !important;
  }
  .appointment .dn-lower .form2 .swiper1 .slide1 .dp-word {
    padding: 0 1.33333333vw 0 2.4vw;
    height: 3.46666667vw;
    line-height: 3.46666667vw;
    margin: 2.4vw 0 0;
  }
  .appointment .dn-lower .form2 .swiper1 .slide1 .button1 {
    width: 40vw;
    height: 8vw;
    margin: 4vw auto 0;
  }
  .brand-intr .dn-upper {
    flex-wrap: wrap;
  }
  .brand-intr .dn-upper .dn-left {
    flex: inherit;
    width: 100%;
  }
  .brand-intr .dn-upper .dn-left .com-richtext-1 {
    margin: 4vw 0 0;
  }
  .brand-intr .dn-upper .dn-right {
    margin: 2.66666667vw 0 0;
  }
  .brand-intr .dn-upper .dn-right .swiper1 .swiper-wrapper {
    justify-content: space-between;
  }
  .brand-intr .dn-upper .dn-right .swiper1 .swiper-slide {
    margin: 0;
    padding: 0 1.04166667vw;
    font-size: 3.2vw;
    width: 33.33333333%;
  }
  .brand-intr .dn-upper .dn-right .swiper1 .swiper-slide .dp-ti1 b {
    font-size: 6.66666667vw;
  }
  .brand-intr .dn-lower {
    margin: 2.66666667vw 0 0;
    padding: 4vw 0 0;
  }
  .brand-high .dn-lower .swiper1 {
    font-size: 3.46666667vw;
  }
  .brand-high .dn-lower .swiper1 .swiper-wrapper {
    justify-content: space-between;
  }
  .brand-high .dn-lower .swiper1 .swiper-slide {
    margin: 0;
  }
  .brand-high .dn-lower .swiper1 .swiper-slide .dp-z {
    width: 8vw;
    height: 8vw;
    margin: 0 1.33333333vw 0 0;
  }
  .brand-high .dn-lower .swiper1 .swiper-slide .dp-z .iconfont {
    font-size: 4vw;
  }
  .brand-honor img.com-position-absolute-start {
    object-position: 70% center;
  }
  .brand-honor .dn-lower {
    width: 100%;
  }
  .brand-honor .dn-lower .sw1 .swiper-slide {
    width: 95%;
    padding: 1.06666667vw 0;
    font-size: 3.46666667vw;
    justify-content: flex-start;
  }
  .brand-honor .dn-lower .sw1 .swiper-slide .iconfont {
    font-size: 4.53333333vw;
  }
  .brand-honor2 .dn-lower .swiper1 .swiper-slide {
    width: 98%;
  }
  .brand-honor2 .dn-lower .swiper1 .swiper-slide .dp-picture {
    height: 56vw;
  }
  .brand-honor2 .dn-lower .swiper1 .swiper-slide .dp-word {
    padding: 2.66666667vw;
  }
  .brand-honor2 .dn-lower .swiper1 .swiper-slide .dp-word .dp-ti1 {
    font-size: 3.73333333vw;
  }
  .brand-history .dn-center {
    margin: 4vw 0 8vw;
  }
  .brand-history .dn-center .swiper1 .swiper-slide .dp-bot {
    font-size: 4vw;
  }
  .brand-history .dn-center .swiper1 .swiper-slide .dp-bot .iconfont {
    font-size: 5.33333333vw;
  }
  .brand-history .dn-center .com-swiper-button-all .swiper-button .iconfont {
    font-size: 5.33333333vw;
  }
  .brand-history .dn-center .com-swiper-button-all .swiper-prev {
    left: -2.66666667vw;
  }
  .brand-history .dn-center .com-swiper-button-all .swiper-next {
    right: -2.66666667vw;
  }
  .brand-history .dn-lower .swiper1 .swiper-slide {
    flex-wrap: wrap;
  }
  .brand-history .dn-lower .swiper1 .swiper-slide .dp-word {
    flex: inherit;
    margin: 0;
    width: 100%;
  }
  .brand-history .dn-lower .swiper1 .swiper-slide .dp-word .dp-xi1 {
    width: 5.33333333vw;
    height: 0.53333333vw;
    margin: 1.6vw 0;
  }
  .brand-history .dn-lower .swiper1 .swiper-slide .dp-picture {
    width: 100%;
    height: 48vw;
    margin: 4vw 0 0;
  }
  .brand-model .dn-upper {
    width: 100%;
  }
  .culture-mission .dn-upper .com-ti-34 {
    padding: 2.4vw 4vw;
    margin: 5.33333333vw 0 0;
  }
  .culture-mission .dn-lower .img1 {
    width: 66.66666667vw;
    margin: 0 0 -5.33333333vw;
  }
  .culture-sense .dn-lower .swiper1 .swiper-wrapper {
    flex-wrap: wrap;
  }
  .culture-sense .dn-lower .swiper1 .swiper-slide {
    width: 100% !important;
    height: 36vw;
    border-radius: 106.66666667vw;
    margin: 1.33333333vw 0;
  }
  .culture-sense .dn-lower .swiper1 .swiper-slide .dp-picture {
    border-right: 1px dashed rgba(255, 255, 255, 0.5);
    width: 34.66666667vw !important;
    font-size: 3.46666667vw;
    padding: 0 1.33333333vw;
  }
  .culture-sense .dn-lower .swiper1 .swiper-slide .dp-picture .icon-1 {
    font-size: 6.66666667vw;
  }
  .culture-sense .dn-lower .swiper1 .swiper-slide .dp-picture p {
    margin: 1.33333333vw 0 0;
  }
  .culture-sense .dn-lower .swiper1 .swiper-slide .dp-picture .icon-2 {
    display: block !important;
    font-size: 3.73333333vw;
    right: 1.33333333vw;
  }
  .culture-sense .dn-lower .swiper1 .swiper-slide .dp-word {
    display: block;
    font-size: 3.46666667vw;
    line-height: 4.53333333vw;
    padding: 0 6vw;
  }
  .news-upper .dn-upper {
    flex-wrap: wrap;
  }
  .news-upper .dn-upper .dp-right .com-swiper-classi-1 .swiper-slide:nth-of-type(2) {
    display: none;
  }
  .news-upper .dn-lower .swiper1 .swiper-slide {
    flex-wrap: wrap;
  }
  .news-upper .dn-lower .swiper1 .swiper-slide .dp-picture {
    width: 100%;
    height: 57.33333333vw;
  }
  .news-upper .dn-lower .swiper1 .swiper-slide .dp-word {
    flex: inherit;
    width: 100%;
    margin: 2.66666667vw 0 0;
  }
  .news-upper .dn-lower .swiper1 .swiper-slide .dp-word .com-ti-32 {
    margin: 1.33333333vw 0 0;
  }
  .news-upper .dn-lower .swiper1 .swiper-slide .dp-word .com-richtext-2 {
    margin: 2.66666667vw 0 0;
  }
  .news-upper .dn-lower .swiper1 .swiper-slide .dp-word .dp-button {
    margin: 4vw 0 0;
  }
  .news-lower .com-content {
    flex-wrap: wrap;
  }
  .news-lower .com-content .dn-left {
    width: 100%;
    padding: 0;
    margin: 0;
    border-right: none;
  }
  .news-lower .com-content .dn-left .swiper1 .swiper-slide .com-size-all {
    padding: 6.66666667vw 0;
  }
  .news-lower .com-content .dn-left .swiper1 .swiper-slide .dp-time1 {
    margin: -1.33333333vw 7.33333333vw 0 0;
  }
  .news-lower .com-content .dn-left .swiper1 .swiper-slide .dp-word .com-richtext-2 {
    margin: 1.6vw 0 0;
  }
  .news-lower .com-content .dn-right {
    flex: inherit;
    width: 100%;
    margin: 13.33333333vw 0 0;
  }
  .news-lower .com-content .dn-right .dp-lower .swiper1 .swiper-slide {
    margin: 1.6vw 0;
  }
  .news-lower .com-content .dn-right .dp-lower .swiper1 .swiper-slide .dp-picture {
    height: 42.66666667vw;
  }
  .news-lower .com-content .dn-right .dp-lower .swiper1 .swiper-slide .dp-word {
    font-size: 3.46666667vw;
    padding: 2vw 0;
  }
  .life-detail-lower .com-content {
    flex-wrap: wrap;
  }
  .life-detail-lower .dn-left {
    flex: inherit;
    width: 100%;
  }
  .life-detail-lower .dn-left .dn-upper .dp-operation {
    margin: 6.66666667vw 0 0;
  }
  .life-detail-lower .dn-left .dn-upper .dp-operation .dp-pai {
    margin: 0 3.33333333vw 0 0;
  }
  .life-detail-lower .dn-left .dn-center {
    margin: 3.33333333vw 0 0;
    padding: 9.33333333vw 0 0;
  }
  .life-detail-lower .dn-left .dn-lower {
    padding: 6.66666667vw 0 0;
  }
  .life-detail-lower .dn-left .dn-lower .dp-left {
    font-size: 3.33333333vw;
  }
  .life-detail-lower .dn-left .dn-lower .dp-left p {
    margin: 0 0 1.33333333vw;
  }
  .life-detail-lower .dn-left .dn-lower .dp-right {
    position: absolute;
    top: -6.66666667vw;
    right: 0;
  }
  .life-detail-lower .dn-right {
    width: 100%;
    padding: 0;
    border-left: none;
    margin: 4vw 0 0;
  }
  .life-detail-lower .dn-right .dn-upper {
    font-size: 4vw;
  }
  .life-detail-lower .dn-right .dn-lower .swiper1 .swiper-slide {
    margin: 1.33333333vw 0;
    font-size: 3.46666667vw;
    line-height: 5.06666667vw;
  }
  .life-detail-lower .dn-right .dn-lower .swiper1 .swiper-slide .iconfont {
    font-size: 4vw;
  }
  .attr-new .dn-lower .swiper1 .swiper-wrapper {
    flex-wrap: wrap;
  }
  .attr-new .dn-lower .swiper1 .swiper-slide {
    width: 98%;
    margin: 1%;
    padding: 4vw 0;
  }
  .attr-new .dn-lower .swiper1 .swiper-slide .dp-icon {
    width: 11.33333333vw;
    height: 11.33333333vw;
  }
  .attr-new .dn-lower .swiper1 .swiper-slide .dp-icon .iconfont {
    font-size: 5.33333333vw;
  }
  .attr-new .dn-lower .swiper1 .swiper-slide .dp-word {
    margin: 3.33333333vw 0 0;
    font-size: 3.46666667vw;
  }
  .attr-brand .dn-lower .swiper1 .swiper-slide {
    width: 49%;
    height: 39.33333333vw;
  }
  .attr-brand .dn-lower .swiper1 .swiper-slide .dp-icon .iconfont {
    font-size: 8vw;
  }
  .attr-brand .dn-lower .swiper1 .swiper-slide .dp-word {
    font-size: 4vw;
    margin: 2.66666667vw 0 0;
  }
  .attr-brand .dn-lower .swiper1 .swiper-slide .dp-icon2 {
    bottom: -3.33333333vw;
  }
  .attr-brand .dn-lower .swiper1 .swiper-slide .dp-icon2 .iconfont {
    font-size: 4vw;
  }
  .attr-people .dn-upper {
    flex-wrap: wrap;
  }
  .attr-people .dn-upper .dp-left {
    width: 100%;
  }
  .attr-people .dn-upper .dp-left .img1 {
    width: 70vw;
  }
  .attr-people .dn-upper .dp-right {
    flex: inherit;
    width: 100%;
    padding: 4vw 0 0 0;
  }
  .attr-people .dn-upper .dp-right .dp-bot {
    margin: 5.33333333vw 0 0;
    line-height: 6.13333333vw;
  }
  .attr-people .dn-upper .dp-right .dp-bot .swiper1 .swiper-slide {
    width: 94%;
    margin: 1.33333333vw 3%;
    padding: 2vw 0;
    font-size: 3.46666667vw;
    justify-content: flex-start;
  }
  .attr-people .dn-upper .dp-right .dp-bot .swiper1 .swiper-slide .iconfont {
    font-size: 4.8vw;
    margin: 0 0 0 -1.33333333vw;
  }
  .attr-people .dn-upper .dp-right .dp-bot .swiper2 .swiper-slide {
    margin: 0 0 4vw;
    font-size: 3.46666667vw;
  }
  .attr-people .dn-upper .dp-right .dp-bot .swiper2 .swiper-slide .dp-ti1 {
    font-size: 4vw;
  }
  .attr-people .dn-upper .dp-right .dp-bot .swiper2 .swiper-slide .dp-intr1 {
    margin: 1.33333333vw 0 0;
  }
  .reform-renew .dn-lower .swiper1 .swiper-slide {
    width: 49%;
    margin: 0.5%;
    padding: 6vw 4vw;
  }
  .reform-renew .dn-lower .swiper1 .swiper-slide .dp-icon {
    width: 9.6vw;
    height: 9.6vw;
  }
  .reform-renew .dn-lower .swiper1 .swiper-slide .dp-icon .iconfont {
    font-size: 4.26666667vw;
  }
  .reform-renew .dn-lower .swiper1 .swiper-slide .dp-word {
    margin: 4vw 0 0;
  }
  .reform-renew .dn-lower .swiper1 .swiper-slide .dp-word .dp-ti1 {
    font-size: 4vw;
  }
  .reform-renew .dn-lower .swiper1 .swiper-slide .dp-word .dp-intr1 {
    margin: 1.33333333vw 0 0;
    line-height: 4.53333333vw;
    height: 8vw;
  }
  .reform-renew .dn-lower .swiper1 .swiper-slide .dp-word .dp-intr2 {
    margin: 1.33333333vw 0 0;
    line-height: 5.6vw;
    font-size: 3.46666667vw;
    height: auto;
  }
  .reform-renew .dn-lower .swiper1 .swiper-slide .dp-num1 {
    margin: 13.33333333vw 0 0;
    font-size: 5.33333333vw;
  }
  .attr-stren .dn-lower .swiper1 .swiper-slide {
    width: 99%;
    padding: 6vw 4vw;
  }
  .attr-stren .dn-lower .swiper1 .swiper-slide .dp-icon {
    width: 9.6vw;
    height: 9.6vw;
  }
  .attr-stren .dn-lower .swiper1 .swiper-slide .dp-icon .iconfont {
    font-size: 4.26666667vw;
  }
  .attr-stren .dn-lower .swiper1 .swiper-slide .dp-word {
    margin: 4vw 0 0;
  }
  .attr-join .dn-lower .swiper1 .swiper-slide {
    width: 33.33333333%;
  }
  .attr-join .dn-lower .swiper1 .swiper-slide .dp-top .dp-num1 {
    font-size: 4.53333333vw;
  }
  .attr-join .dn-lower .swiper1 .swiper-slide .dp-top .dp-intr1 {
    font-size: 3.46666667vw;
  }
  .engin-engin {
    padding-bottom: 4vw;
  }
  .engin-engin .com-content {
    flex-wrap: wrap;
  }
  .engin-engin .dn-left {
    width: 100%;
  }
  .engin-engin .dn-left .img1 {
    width: 100%;
  }
  .engin-engin .dn-right {
    flex: inherit;
    margin: 0;
    width: 100%;
  }
  .reform-problem .dn-lower .swiper1 .swiper-slide {
    width: 49%;
    margin: 0.5%;
  }
  .reform-problem .dn-lower .swiper1 .swiper-slide .dp-picture {
    height: 33.33333333vw;
  }
  .reform-problem .dn-lower .swiper1 .swiper-slide .dp-word {
    padding: 4.26666667vw 4vw 6.66666667vw;
  }
  .reform-problem .dn-lower .swiper1 .swiper-slide .dp-word .dp-ti1 {
    font-size: 4vw;
  }
  .reform-problem .dn-lower .swiper1 .swiper-slide .dp-word .dp-intr1 {
    margin: 1.33333333vw 0 0;
    line-height: 4.53333333vw;
    height: auto;
  }
  .engin-cooper .dn-lower .swiper1 .swiper-slide {
    width: 33.33333333%;
    height: 14.4vw;
  }
  .engin-cooper .dn-lower .swiper1 .swiper-slide .img1 {
    max-width: 65%;
    max-height: 65%;
  }
  .engin-serv .dn-lower .swiper1 .wrapper1 {
    flex-wrap: wrap;
  }
  .engin-serv .dn-lower .swiper1 .swiper-slide {
    width: 50%;
    padding: 4vw;
    height: 53.33333333vw;
  }
  .engin-serv .dn-lower .swiper1 .swiper-slide .dp-icon {
    width: 9.6vw;
    height: 9.6vw;
  }
  .engin-serv .dn-lower .swiper1 .swiper-slide .dp-icon .iconfont {
    font-size: 4vw;
  }
  .engin-serv .dn-lower .swiper1 .swiper-slide .dp-word .dp-ti1 {
    font-size: 4vw;
    margin: 4vw 0 0;
  }
  .engin-serv .dn-lower .swiper1 .swiper-slide .dp-word .dp-intr1 {
    line-height: 4.53333333vw;
    margin: 1.33333333vw 0 0;
  }
  .com-renew-form-1 .swiper1 .swiper-slide {
    width: 98%;
  }
  .com-renew-form-1 .swiper1 .swiper-slide .dp-picture {
    margin: 0 2.66666667vw 0 3.46666667vw;
  }
  .com-renew-form-1 .swiper1 .swiper-slide .dp-picture .iconfont {
    font-size: 4vw;
  }
  .com-renew-form-1 .swiper1 .swiper-slide .dp-word .layui-input {
    height: 9.33333333vw;
  }
  .com-renew-form-1 .swiper1 .swiper-slide .button1 {
    width: 33.33333333vw;
    height: 7.33333333vw;
    font-size: 3.46666667vw;
    margin: 3.46666667vw 0 0;
  }
  .com-classification-1 .swiper-slide {
    width: 26vw;
    height: 8vw;
    font-size: 3.46666667vw;
    margin: 0 1.33333333vw;
  }
  .reform-product .dn-lower {
    margin: 8vw 0 0;
  }
  .reform-product .dn-lower .swiper1 .swiper-slide {
    width: 99%;
  }
  .reform-product .dn-lower .swiper1 .swiper-slide .dp-word {
    padding: 4vw 0;
    font-size: 4vw;
  }
  .happ .dn-upper .waterfall .dp-pai {
    width: 46%;
  }
  .happ .dn-upper .waterfall .dp-pai .dp-word {
    padding: 3.33333333vw 0 4vw;
  }
  .happ .dn-upper .waterfall .dp-pai .dp-word .dp-ti1 {
    font-size: 4vw;
  }
  .happ .dn-upper .waterfall .dp-pai .dp-word .dp-intr1 {
    line-height: 5.33333333vw;
    margin: 2vw 0 0;
  }
  .happ .dn-upper .waterfall .dp-pai .dp-word .dp-ti2 {
    margin: 4.66666667vw 0 0;
  }
  .life .swiper1 .swiper-slide {
    width: 49%;
  }
  .life .swiper1 .swiper-slide .dp-picture {
    height: 33.33333333vw;
  }
  .life .swiper1 .swiper-slide .dp-word {
    padding: 0 3.33333333vw;
  }
  .life .swiper1 .swiper-slide .dp-word .dp-ti1 {
    font-size: 4vw;
    padding: 4.26666667vw 0 2.93333333vw;
  }
  .life .swiper1 .swiper-slide .dp-word .dp-ti2 {
    padding: 1.6vw 0 2.66666667vw;
  }
  .join .dn-form .swiper1 .swiper-wrapper {
    flex-wrap: wrap;
  }
  .join .dn-form .swiper1 .swiper-slide {
    width: 50% !important;
    padding: 0 1.33333333vw;
    margin: 1.33333333vw 0;
  }
  .join .dn-form .swiper1 .swiper-slide:last-of-type {
    width: 100% !important;
  }
  .join .dn-form .swiper1 .swiper-slide .layui-input,
  .join .dn-form .swiper1 .swiper-slide select {
    height: 8vw;
  }
  .join .dn-form .swiper1 .swiper-slide .button1 {
    height: 8vw;
  }
  .join .dn-form .swiper1 .swiper-slide .button1 .iconfont {
    font-size: 4.53333333vw;
  }
  .join .dn-center .swiper1 .slide1 {
    margin: 2.4vw 0;
  }
  .join .dn-center .swiper1 .slide1 .dp-top {
    padding: 2.66666667vw 4vw;
  }
  .join .dn-center .swiper1 .slide1 .dp-top .dp-job1 {
    font-size: 4vw;
  }
  .join .dn-center .swiper1 .slide1 .dp-top .dp-intr1 {
    flex-wrap: wrap;
    flex: 1;
    font-size: 2.93333333vw;
    padding: 0 0 0 2.66666667vw;
  }
  .join .dn-center .swiper1 .slide1 .dp-top .dp-intr1 p {
    width: 50%;
    padding: 0;
    height: 4.8vw;
    line-height: 4.8vw;
    border-right: none;
  }
  .join .dn-center .swiper1 .slide1 .dp-top .dp-operation .iconfont {
    font-size: 5.33333333vw;
  }
  .join .dn-center .swiper1 .slide1 .dp-bot {
    padding: 2.66666667vw;
  }
  .join .dn-center .swiper1 .slide1 .dp-bot .swiper2 .slide2 {
    padding: 0;
    width: 100%;
  }
  .join .dn-center .swiper1 .slide1 .dp-bot .swiper2 .slide2 .dp-ti1 {
    font-size: 4vw;
  }
  .join .dn-center .swiper1 .slide1 .dp-bot .swiper2 .slide2 .dp-intr1 {
    font-size: 3.33333333vw;
    line-height: 5.33333333vw;
    margin: 2vw 0 0;
  }
  .join .dn-center .swiper1 .slide1 .dp-bot .swiper2 .slide2 .dp-button {
    margin: 4vw 0 0;
  }
  .join-layer {
    width: 90.66666667vw;
    padding: 4vw 8vw;
  }
  .join-layer .swiper1 .slide1 {
    width: 48%;
    margin: 1.33333333vw 0;
  }
  .join-layer .swiper1 .slide1.slide1-button .dp-xia .com-button-a-3 {
    width: 30.66666667vw;
    height: 7.46666667vw;
    margin: 0 0 0 2.13333333vw;
    font-size: 2.93333333vw;
  }
  .join-layer .swiper1 .slide1 .dp-sha {
    font-size: 3.46666667vw;
  }
  .join-layer .swiper1 .slide1 .dp-xia {
    margin: 0.8vw 0 0;
  }
  .join-layer .swiper1 .slide1 .dp-xia .layui-input,
  .join-layer .swiper1 .slide1 .dp-xia select {
    height: 6.66666667vw;
  }
  .join-layer .swiper1 .slide1 .dp-xia .layui-textarea {
    height: 21.33333333vw;
  }
  .join-layer .swiper1 .slide1 .dp-xia .img-code1 {
    height: 6.66666667vw;
    margin: 0 0 0 1.06666667vw;
  }
  .activi .dn-center {
    margin: 10.66666667vw 0 0;
    padding: 6.66666667vw;
  }
  .activi .dn-center .swiper1 .slide1 {
    margin: 3.33333333vw 0;
  }
  .activi .dn-center .swiper1 .slide1 .dp-top {
    padding: 0 0 2.13333333vw;
    margin: 0 0 3.46666667vw;
  }
  .activi .dn-center .swiper1 .slide1 .dp-top i {
    width: 6.66666667vw;
    height: 8vw;
    border-top-left-radius: 2.13333333vw;
    border-bottom-right-radius: 2.13333333vw;
  }
  .activi .dn-center .swiper1 .slide1 .dp-top b {
    margin: 0 0 0 3.46666667vw;
    font-size: 4.8vw;
    flex: 1;
  }
  .activi .dn-lower {
    margin: 8vw 0 0;
  }
  .activi .dn-lower .iconfont {
    font-size: 8vw;
  }
  .activi .dn-lower .dp-ti1 {
    font-size: 3.46666667vw;
    margin: 0.66666667vw 0 0;
  }
  .activi-appointment .com-content .dn-left {
    width: 100%;
  }
  .activi-appointment .com-content .dn-right {
    width: 100%;
    margin: 2.66666667vw 0 0;
  }
  .com-renew-form-2 .swiper1 .swiper-slide {
    width: 96%;
    margin: 0 0 5.33333333vw;
  }
  .com-renew-form-2 .swiper1 .swiper-slide .dp-picture {
    margin: 0 2.66666667vw 0 0;
  }
  .com-renew-form-2 .swiper1 .swiper-slide .dp-picture .iconfont {
    font-size: 4vw;
  }
  .com-renew-form-2 .swiper1 .swiper-slide .dp-word .layui-input {
    height: 8vw;
  }
  .com-renew-form-2 .swiper1 .swiper-slide .button1 {
    width: 26.66666667vw;
    height: 9.06666667vw;
    border-radius: 6.66666667vw;
    font-size: 3.46666667vw;
  }
  .com-renew-form-2 .swiper1 .swiper-slide .button1:hover {
    box-shadow: 0 0 2.66666667vw rgba(0, 0, 0, 0.3);
  }
}