@charset "utf-8";
@media screen and (max-width: 768px) {
  body,
  html {
    font-size: 3.2vw;
  }
  .com-conta1,
  .com-conta2,
  .com-conta3,
  .com-conta4 {
    width: 90%;
  }
  .com-enti1 {
    font-size: 6vw;
  }
  .com-richtext1 {
    font-size: 3.46666667vw;
    line-height: 6.13333333vw;
  }
  .com-cnti1 {
    font-size: 4.8vw;
  }
  .com-conta-left {
    padding-left: 5%;
  }
  .com-conta-right {
    padding-right: 5%;
  }
  .com-ban-cnti1 {
    font-size: 4.8vw;
  }
  .com-xi1 {
    width: 4.8vw;
    height: 0.8vw;
    margin: 1.33333333vw 0;
  }
  .com-classi1 .swiper-slide {
    padding: 1.33333333vw 2.66666667vw;
    font-size: 3.2vw;
    margin: 0 1.6vw 0 0;
  }
  .com-classi1 .swiper-slide i {
    font-size: 3.2vw;
  }
  .com-form1 {
    height: 8vw;
  }
  .com-form1 .inp1 {
    width: 34.66666667vw;
    padding: 0 0 0 2.66666667vw;
  }
  .com-form1 .btn1 {
    width: 8vw;
  }
  .com-header {
    height: 13.33333333vw;
    line-height: 13.33333333vw;
  }
  .com-header .header-logo .img1 {
    height: 10.66666667vw;
  }
  .com-header .header-nav {
    position: absolute;
    left: 0;
    top: 100%;
    background-color: #FFFFFF;
    padding: 0;
    display: none;
    box-shadow: 0 0 2.66666667vw rgba(0, 0, 0, 0.4);
  }
  .com-header .header-nav .sw1 .swiper-wrapper {
    flex-wrap: wrap;
  }
  .com-header .header-nav .sw1 .swiper-slide {
    width: 100%;
    margin: 0;
    line-height: 10.66666667vw;
    padding: 0 4vw;
  }
  .com-header .header-nav .sw1 .swiper-slide.active .dp-top i {
    transform: rotate(180deg);
  }
  .com-header .header-nav .sw1 .swiper-slide .dp-top {
    display: flex;
    justify-content: space-between;
  }
  .com-header .header-nav .sw1 .swiper-slide .dp-top a {
    font-size: 4vw;
    width: 50%;
  }
  .com-header .header-nav .sw1 .swiper-slide .dp-top i {
    display: block;
    transition: all 0.3s ease;
  }
  .com-header .header-nav .sw1 .swiper-slide .dp-bot {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    margin-left: 0;
    line-height: 6.66666667vw;
    padding: 2vw 0;
    overflow: hidden;
  }
  .com-header .header-nav .sw1 .swiper-slide .dp-bot a {
    width: 50%;
    float: left;
  }
  .com-header .header-fr .header-sear {
    font-size: 5.06666667vw;
  }
  .com-header .header-fr .header-sear i {
    font-size: 5.06666667vw;
  }
  .com-header .header-fr .header-menu {
    display: block;
  }
  .com-footer .bshare-custom {
    display: none;
  }
  .com-footer .com-conta-all {
    display: block;
    padding-top: 4vw;
    padding-bottom: 8vw;
  }
  .com-footer .dp-left .form1 .inp1 {
    width: 100%;
    height: 8vw;
    padding: 0 0 0 2.66666667vw;
    margin: 2.66666667vw 0 2.66666667vw;
  }
  .com-footer .dp-left .form1 .btn1 {
    width: 21.33333333vw;
    height: 8vw;
  }
  .com-footer .dp-middle {
    margin: 2.66666667vw 0 2.66666667vw;
  }
  .com-footer .dp-middle .sw1 .swiper-slide .layui-colla-title {
    height: 34px;
    line-height: 34px;
  }
  .inde-ban1 .sw1 .swiper-slide .dp-cnti1 {
    font-size: 5.33333333vw;
  }
  .inde-ban1 .sw1 .swiper-slide .dp-enti1 {
    font-size: 4.26666667vw;
    line-height: 5.86666667vw;
    margin: 2vw 0 2vw;
  }
  .inde-ban1 .sw1 .swiper-slide .dp-more1 {
    font-size: 3.73333333vw;
  }
  .inde-prod .dn-lower .sw1 .swiper-slide {
    width: 64.66666667%;
    padding: 3.2vw 0 3.2vw 4vw;
  }
  .inde-prod .dn-lower .sw1 .swiper-slide .dp-picture {
    height: 53.33333333vw;
    margin: 2.66666667vw 0 2.66666667vw 0;
  }
  .inde-prod .dn-lower .sw1 .swiper-slide .dp-word {
    font-size: 3.2vw;
  }
  .inde-prod .dn-lower .sw1 .swiper-slide .dp-word b {
    font-size: 4vw;
  }
  .inde-about .com-conta-all {
    display: block;
  }
  .inde-about .dp-left {
    width: 100%;
  }
  .inde-about .dp-right {
    width: 100%;
  }
  .inde-about .dp-right .sw1 {
    width: 100%;
    margin: 5.33333333vw 0 0;
  }
  .inde-about .dp-right .sw1 .swiper-wrapper {
    justify-content: center;
  }
  .inde-about .dp-right .sw1 .swiper-slide {
    width: 50%;
  }
  .inde-about .dp-right .sw1 .swiper-slide .dp1 {
    font-size: 4.8vw;
  }
  .inde-about .dp-right .sw1 .swiper-slide .dp2 {
    margin: 2vw 0 0.66666667vw;
  }
  .inde-solu .dn-lower .sw1 .swiper-wrapper {
    flex-wrap: wrap;
  }
  .inde-solu .dn-lower .sw1 .swiper-slide {
    width: 100% !important;
    height: 53.33333333vw;
    margin: 1.33333333vw 0;
  }
  .inde-solu .dn-lower .sw1 .swiper-slide .dp-left {
    width: 10.66666667vw;
    font-size: 4vw;
  }
  .inde-solu .dn-lower .sw1 .swiper-slide .dp-right .dp-word .dp-sha {
    padding: 1.86666667vw 0 4vw;
  }
  .inde-solu .dn-lower .sw1 .swiper-slide .dp-right .dp-word .dp-sha .dp1 i {
    font-size: 4.8vw;
  }
  .inde-solu .dn-lower .sw1 .swiper-slide .dp-right .dp-word .dp-sha .dp2 {
    font-size: 4vw;
  }
  .inde-solu .dn-lower .sw1 .swiper-slide .dp-right .dp-word .dp-sha .dp3 {
    font-size: 3.2vw;
  }
  .inde-solu .dn-lower .sw1 .swiper-slide .dp-right .dp-word .dp-xia .dp1 {
    font-size: 3.2vw;
    line-height: 5.33333333vw;
  }
  .inde-news .dn-center .sw1 .swiper-wrapper {
    flex-wrap: wrap;
  }
  .inde-news .dn-center .sw1 .swiper-slide {
    width: 98%;
    margin: 1.6vw 0;
    padding: 3.2vw 0 3.2vw 4.8vw;
  }
  .inde-news .dn-center .sw1 .swiper-slide .dp-picture {
    height: 53.33333333vw;
  }
  .inde-news .dn-center .sw1 .swiper-slide .dp-word {
    height: 53.33333333vw;
  }
  .inde-news .dn-center .sw1 .swiper-slide .dp-word .dp-sha {
    height: calc(100% - 200 / 750 * 100vw);
  }
  .inde-news .dn-center .sw1 .swiper-slide .dp-word .dp-sha .dp1 {
    font-size: 4.8vw;
  }
  .inde-news .dn-center .sw1 .swiper-slide .dp-word .dp-sha .dp2 {
    font-size: 4vw;
    line-height: 5.6vw;
  }
  .inde-news .dn-center .sw1 .swiper-slide .dp-word .dp-xia {
    height: 26.66666667vw;
    line-height: 5.33333333vw;
    padding: 2.66666667vw 0 0;
  }
  .about-intr .dn-lower .sw1 .swiper-wrapper {
    flex-wrap: wrap;
    justify-content: center;
  }
  .about-intr .dn-lower .sw1 .swiper-slide {
    width: 46%;
    margin: 2%;
    padding: 4.8vw 0;
  }
  .about-intr .dn-lower .sw1 .swiper-slide .dp-left .dp-time1 b {
    font-size: 5.06666667vw;
  }
  .about-intr .dn-lower .sw1 .swiper-slide .dp-left .dp-time1 i {
    width: 3.73333333vw;
    height: 3.73333333vw;
    background-color: #2795d3;
    font-size: 3.2vw;
  }
  .about-intr .dn-lower .sw1 .swiper-slide .dp-left .dp-ti1 {
    font-size: 3.46666667vw;
  }
  .about-intr .dn-lower .sw1 .swiper-slide .dp-right .img1 {
    height: 5.33333333vw;
  }
  .about-cult .dn-lower .sw1 .swiper-slide {
    width: 46%;
    margin: 2% !important;
    padding: 4vw;
    padding-bottom: 5.33333333vw;
  }
  .about-cult .dn-lower .sw1 .swiper-slide .dp-left .dp-ti1 {
    font-size: 4.26666667vw;
  }
  .about-cult .dn-lower .sw1 .swiper-slide .dp-left .dp-intr1 {
    font-size: 3.46666667vw;
  }
  .about-cult .dn-lower .sw1 .swiper-slide .dp-right .img1 {
    height: 5.33333333vw;
  }
  .about-honor .dn-lower .sw1 .swiper-slide {
    width: 48.4%;
  }
  .about-honor .dn-lower .sw1 .swiper-slide .dp-picture {
    height: 26.66666667vw;
  }
  .about-honor .dn-lower .sw1 .swiper-slide .dp-word {
    font-size: 3.73333333vw;
  }
  .about-envir .dn-lower .sw1 .swiper-slide {
    width: 49%;
    height: 26.66666667vw;
  }
  .news .dn-upper2 .sw1 .swiper-wrapper {
    flex-wrap: wrap;
  }
  .news .dn-upper2 .sw1 .swiper-slide {
    width: 96%;
  }
  .news .dn-upper2 .sw1 .swiper-slide .dp-picture {
    height: 53.33333333vw;
  }
  .news .dn-upper2 .sw1 .swiper-slide .dp-word {
    padding: 4vw 2.66666667vw;
  }
  .news .dn-upper2 .sw1 .swiper-slide .dp-word .dp-ti1 {
    font-size: 4.8vw;
    margin: 1.6vw 0;
  }
  .news .dn-upper2 .sw1 .swiper-slide .dp-word .dp-intr1 {
    line-height: 4.8vw;
  }
  .news .dn-center .sw1 .swiper-slide {
    width: 94%;
    padding: 4vw 0 2.66666667vw;
  }
  .news .dn-center .sw1 .swiper-slide .dp-word .dp-ti1 {
    font-size: 4.8vw;
    margin: 1.6vw 0;
  }
  .com-btn1 {
    width: 30.66666667vw;
    height: 9.33333333vw;
  }
  .product .com-conta-all {
    display: block;
  }
  .product .dn-left {
    width: 100%;
  }
  .product .dn-left .sw1 {
    padding: 4vw;
  }
  .product .dn-left .sw1 .swiper-slide {
    margin: 1.6vw 0;
    width: 33.33333333%;
  }
  .product .dn-right {
    width: 100%;
    margin: 2.66666667vw 0 0;
  }
  .product .dn-right .dn-upper .sw1 .swiper-slide {
    width: 98%;
  }
  .product .dn-right .dn-upper .sw1 .swiper-slide .dp-word {
    padding: 2.66666667vw 4vw;
  }
  .product .dn-right .dn-upper .sw1 .swiper-slide .dp-word .dp-ti1 {
    font-size: 4vw;
  }
  .product .dn-right .dn-upper .sw1 .swiper-slide .dp-picture {
    height: 40vw;
  }
  .product-det-intr .com-conta-all {
    display: block;
  }
  .product-det-intr .dn-left {
    width: 100%;
    height: 48vw;
  }
  .product-det-intr .dn-right {
    width: 100%;
    max-height: inherit;
    margin: 4vw 0 0;
  }
  .product-det-scene .dn-lower .sw1 .swiper-slide {
    width: 98%;
    height: 48vw;
  }
  .product-det-scene .dn-lower .sw1 .swiper-slide .dp-word {
    padding: 2.66666667vw 3.46666667vw;
    font-size: 4vw;
  }
  .news-detail .dn-upper .dp-time1 {
    display: block;
    overflow: hidden;
  }
  .news-detail .dn-upper .dp-time1 .dp-y {
    float: right;
  }
  .news-detail .dn-center2 .sw1 .swiper-slide {
    height: 54.66666667vw;
  }
  .news-detail .dn-center2 .swiper-btn-all .swiper-btn {
    width: 8vw;
    height: 8vw;
  }
  .news-detail .dn-center2 .swiper-btn-all .swiper-btn i {
    font-size: 4vw;
  }
  .news-detail .dn-center2 .swiper-btn-all .swiper-prev {
    left: -4vw;
  }
  .news-detail .dn-center2 .swiper-btn-all .swiper-next {
    right: -4vw;
  }
  .problem .dn-upper .sw1 .swiper-slide .dp-top {
    padding: 2.66666667vw 4vw;
  }
  .problem .dn-upper .sw1 .swiper-slide .dp-top .dp-z {
    font-size: 4vw;
    width: calc(100% - 80 / 750 * 100vw);
  }
  .problem .dn-upper .sw1 .swiper-slide .dp-top .dp-z .dp-list {
    flex-wrap: wrap;
  }
  .problem .dn-upper .sw1 .swiper-slide .dp-top .dp-z .dp-list .dp-pai {
    font-size: 3.2vw !important;
    margin: 0.7vw 0 !important;
    width: 50%;
  }
  .problem .dn-upper .sw1 .swiper-slide .dp-top .dp-y {
    width: 10.66666667vw;
  }
  .problem .dn-upper .sw1 .swiper-slide .dp-top .dp-y i {
    font-size: 5.33333333vw;
  }
  .problem .dn-upper .sw1 .swiper-slide .dp-bot {
    line-height: 5.6vw;
    padding: 2.66666667vw 4vw;
  }
  .problem .dn-upper .sw1 .swiper-slide .dp-bot .btn-join {
    width: 16vw;
    height: 8vw;
    position: absolute;
    bottom: 2.66666667vw;
    right: 4vw;
  }
  .service .dn-lower .sw1 {
    width: 100%;
    margin: 0;
  }
  .service .dn-lower .sw1 .swiper-wrapper {
    flex-wrap: wrap;
  }
  .service .dn-lower .sw1 .swiper-slide {
    width: 50%;
    margin: 4% 0;
    border: none !important;
  }
  .service .dn-lower .sw1 .swiper-slide .dp1 {
    width: 13.33333333vw;
    height: 13.33333333vw;
  }
  .service .dn-lower .sw1 .swiper-slide .dp1 i {
    font-size: 5.06666667vw;
  }
  .service .dn-lower .sw1 .swiper-slide .dp2 {
    font-size: 4vw;
    margin: 2.66666667vw 0 1.33333333vw;
  }
  .service .dn-lower .sw1 .swiper-slide .dp3 {
    font-size: 3.46666667vw;
  }
  .contact .dn-upper #allmap {
    height: 48vw;
  }
  .contact .dn-upper .map-infor {
    position: relative;
    padding: 4vw;
    left: auto;
    width: auto;
    top: auto;
    transform: none;
  }
  .contact .dn-upper .map-infor .sw1 .swiper-slide {
    margin: 1.6vw 0;
  }
  .contact .dn-upper .map-infor .sw1 .swiper-slide .dp-y .dp1 {
    font-size: 4.26666667vw;
  }
  .contact .dn-lower .sw1 .swiper-slide {
    height: 13.33333333vw;
    font-size: 3.73333333vw;
    width: 96% !important;
  }
  .contact .dn-lower .sw1 .swiper-slide span {
    width: 16vw;
  }
  .contact .dn-lower .sw1 .swiper-slide:nth-last-child(2) span {
    width: 24vw;
  }
  .join .dn-upper .layui-form .layui-form-item {
    flex-wrap: wrap;
  }
  .join .dn-upper .layui-form .layui-inline {
    width: 99%;
    margin: 0.5%;
  }
  .join .dn-upper .layui-form .layui-btn {
    position: absolute;
    top: 0;
    right: 0;
  }
  .com-resume-popup1 .dn-upper .dp-z {
    font-size: 4.8vw;
  }
  .com-resume-popup1 .dn-upper .dp-y i {
    font-size: 4.8vw;
  }
  .com-resume-popup1 .dn-lower .sw1 .swiper-slide:not(.swiper-slide-mid2) {
    width: 96% !important;
  }
  .com-resume-popup1 .dn-lower .sw1 .swiper-slide .inp1 {
    height: 8vw;
    padding: 0 0 0 1.6vw;
  }
  .com-resume-popup1 .dn-lower .sw1 .swiper-slide .img-code {
    height: 8vw;
  }
}