.flex {
  display: flex;
}
.flex-wrap {
  flex-wrap: wrap;
}
.astart {
  align-items: flex-start;
}
.acenter {
  align-items: center;
}
.aend {
  align-items: flex-end;
}
.abetween {
  align-items: space-between;
}
.jstart {
  justify-content: flex-start;
}
.jcenter {
  justify-content: center;
}
.jend {
  justify-content: flex-end;
}
.center {
  text-align: center;
}
.column {
  flex-direction: column;
}
.jbetween {
  justify-content: space-between;
}
.box {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.mobile {
  display: none;
}
.mobile-daohang {
  width: 100%;
  height: 50px;
  background: #0d0d0d;
  color: #fff;
  line-height: 0.9rem;
  position: relative;
}
.mobile-daohang > div {
  width: 100%;
  height: 100%;
  padding: 0 5%;
}
.mobile-daohang .logo img {
  width: auto;
  height: 60%;
}
.mobile-daohang .tel {
  font-size: 12px;
}
.mobile-daohang .tel img {
  width: 25px;
  margin-right: 5px;
}
.mobile-daohang .menu {
  width: 25px;
}
.mobile-daohang .menu img {
  width: 100%;
  height: auto;
}
.mobile-nav {
  display: none;
  position: fixed;
  right: -100%;
  top: 50px;
  background-color: #0d0d0d;
  color: #FFFFFF;
  width: 80%;
  height: calc(100% - 50px);
  z-index: 99;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  transform: all .5s;
  opacity: 0;
}
.mobile-nav .nav-btn {
  width: 100%;
  min-height: 40px;
  line-height: 40px;
  padding: 0 20px;
}
.mobile-nav .nav-btn a {
  font-size: 12px;
  color: #FFFFFF;
  display: block;
}
.mobile-nav .nav-btn .more-list {
  margin-left: 20px;
  width: 100%;
}
.mobile-nav.mobile-nav-on {
  display: block;
  opacity: 1;
  right: 0;
}
.top_nav_close {
  position: fixed;
  top: 60px;
  left: 0%;
  width: 100%;
  height: calc(100% - 60px);
  background-color: rgba(0, 0, 0, 0.8);
  opacity: 0;
  display: none;
  z-index: 99;
}
.top_nav_close.top_nav_close_on {
  opacity: 1;
  left: 0;
  display: block;
}
.mobile-nav.mobile-nav-on {
  opacity: 1;
  right: 0;
}
@media (max-width: 800px) {
  html,
  body {
    font-size: 50px;
    overflow-x: hidden;
    -webkit-overflow-scrolling: auto;
    /* 或者移除这一行 */
  }
  .pc {
    display: none;
  }
  .mobile {
    display: block;
  }
  .banner {
    margin-top: 50px;
  }
  .index-title {
    width: 92%;
    margin: auto;
    font-size: 12px;
  }
  .index-title p {
    font-size: 20px;
  }
  .banner img {
    height: 180px !important;
    object-fit: cover;
  }
  .pub-title,
  .pub-title4 {
    padding-top: 20px;
    font-size: 20px;
    width: 92%;
    margin: auto;
  }
  .index_banner .swiper-button-prev,
  .index_banner .swiper-button-next {
    margin-top: 0;
    width: 30px;
    height: 30px;
    top: 40%;
  }
  .index_banner .swiper-button-prev img,
  .index_banner .swiper-button-next img {
    width: 100%;
    height: auto !important;
    display: block;
  }
  .index_banner .swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .index_banner .swiper-pagination-bullet {
    font-size: 10px;
    width: 15% !important;
  }
  .index_choose .btitle {
    position: relative;
  }
  .index_choose .btitle .chooseTop {
    width: 100%;
  }
  .index_choose .btitle .chooseTop a {
    width: 42%;
    font-size: 16px;
    flex-direction: row;
  }
  .index_choose .btitle .chooseTop a span {
    margin-right: 5px;
  }
  .index_choose .btitle .chooseList {
    width: 100%;
    margin-top: 10px;
    overflow-x: auto;
  }
  .index_choose .btitle .chooseList a {
    width: auto;
    padding: 0 5px;
    font-size: 14px;
    flex: 0 0 auto;
  }
  .index_choose .btitle .chooseList a:nth-child(1+n) {
    display: flex;
  }
  .index_choose .btitle .more {
    position: absolute;
    top: 1px;
    right: 0;
    width: 12%;
    height: 0.8rem;
  }
  .index_choose .btitle .more a {
    font-size: 14px;
  }
  .index_choose .btitle ::-webkit-scrollbar {
    display: none;
  }
  .index_choose .nav {
    width: 100%;
  }
  .index_choose .nav .title {
    font-size: 14px;
  }
  .index_choose .nav .child {
    font-size: 12px;
  }
  .index_choose img {
    display: block;
  }
  .index_choose .details {
    width: 100%;
    margin: 20px 0 0;
  }
  .index_choose .details .cpdetails {
    width: 48.5%;
  }
  .index_choose .details .cpdetails:nth-child(1n) {
    margin-right: 0.15rem;
  }
  .index_choose .details .cpdetails:nth-child(2n) {
    margin-right: 0;
  }
  .index_choose .details .cpdetails:nth-child(n+3) {
    display: none;
  }
  .index_choose .details .cpdetails .img {
    height: auto;
  }
  .index_choose .details .cpdetails .wen {
    padding: 10px;
    font-size: 12px;
    height: 30px;
  }
  .index_choose .details .cpvideos {
    width: 48.5%;
  }
  .index_choose .details .cpvideos:nth-child(1n) {
    margin-right: 0.15rem;
  }
  .index_choose .details .cpvideos:nth-child(2n) {
    margin-right: 0;
  }
  .index_choose .details .cpvideos:nth-child(n+3) {
    display: none;
  }
  .index_choose .details .cpvideos .img {
    height: auto;
  }
  .index_choose .details .cpvideos .tu {
    width: 100%;
  }
  .index_choose .details .cpvideos .wen {
    padding: 10px;
    font-size: 12px;
    height: 30px;
  }
  .index_shili {
    background-color: #000;
    background-size: auto 9rem;
    background-position: 5% 0%;
    padding-bottom: 8rem;
  }
  .index_shili .shijian {
    left: -12%;
  }
  .index_shili .lanren {
    margin-top: 4.5%;
    margin-left: 0.5%;
    transform: scale(0.98);
  }
  .index_shili .lanren .content {
    top: 100%;
    height: 8rem;
    transform: scale(0.95);
    right: 1rem;
  }
  .index_shili .lanren .content .right {
    width: 100%;
  }
  .index_shili .right {
    position: absolute;
    bottom: 5%;
    width: 95%;
  }
  .index_pinpai {
    background-size: auto 100%;
  }
  .index_pinpai .holderCircle {
    margin-top: -33%;
    margin-left: -54%;
    transform: scale(0.7);
  }
  .index_pinpai .holderCircle .dotCircle .itemDot {
    width: 120px;
    height: 120px;
  }
  .index_daigong .shang .zuo,
  .index_daigong .shang .you {
    width: 100%;
  }
  .index_daigong .shang .zuo li,
  .index_daigong .shang .you li,
  .index_daigong .shang .zuo a,
  .index_daigong .shang .you a {
    height: auto;
  }
  .index_daigong .shang .zuo li,
  .index_daigong .shang .you li {
    margin-top: 10px;
  }
  .index_daigong .shang .zuo .wen,
  .index_daigong .shang .you .wen {
    font-size: 12px;
  }
  .index_daigong .shang .zuo .wen p,
  .index_daigong .shang .you .wen p {
    font-size: 16px;
  }
  .index_daigong .xia li {
    width: 100%;
    margin-top: 10px;
  }
  .index_daigong .xia li a {
    height: auto;
  }
  .index_daigong .xia li .wen {
    font-size: 12px;
  }
  .index_daigong .xia li .wen p {
    font-size: 16px;
  }
  .index-wrap,
  .wrap {
    width: 92% !important;
    margin: auto;
  }
  iframe {
    height: auto !important;
  }
  #hengfu img {
    max-width: 100%;
    width: auto;
    height: 150px;
  }
  #hengfu p {
    font-size: 12px;
    text-align: center;
  }
  #banquan .wrap {
    width: 90%;
  }
  #banquan .nav {
    height: auto;
  }
  #banquan .nav a {
    width: auto;
    margin-right: 10px;
    font-size: 12px;
  }
  #banquan .zhong .fl {
    width: 100%;
  }
  #banquan .zhong .fl img {
    width: 100px;
  }
  #banquan .zhong .lianxi {
    margin-top: 20px;
    width: 100%;
    font-size: 12px;
  }
  #banquan .zhong .lianxi li {
    width: 100%;
  }
  #banquan .zhong .lianxi li img {
    display: none;
  }
  #banquan .zhong .lianxi li span {
    font-size: 16px;
    padding: 10px 0;
  }
  #banquan .zhong .erwei {
    margin-top: 20px;
    width: 100%;
    text-align: center;
  }
  #banquan .zhong .erwei .tu {
    float: initial;
    margin: auto;
    font-size: 12px;
  }
  #banquan .zhong .erwei .tu img {
    margin-bottom: 10px;
  }
  #banquan .youlian {
    font-size: 12px;
  }
  #banquan .end {
    font-size: 12px;
  }
  #banquan .end .fl,
  #banquan .end .fl2 {
    margin-top: 10px;
    width: 100%;
    text-align: left;
  }
  .oem_type .wrap li {
    width: 100%;
    height: auto;
  }
  .fuwu {
    width: 92%;
    margin: auto;
  }
  .fuwu .bottom li {
    width: 100%;
    height: auto;
  }
  .fuwu .bottom li .wen p {
    font-size: 16px;
  }
  .qiye .shili .case_box .wen {
    width: 92%;
    top: 5%;
    left: 2.5%;
    font-size: 16px;
    line-height: 30px;
  }
  .qiye .shili .case_box .wen hr {
    margin: 10px 0;
  }
  .qiye .shili ul {
    left: 5%;
    width: 92%;
  }
  .anli .section05_swiper {
    width: 100%;
  }
  .anli .section05_swiper .swiper-pagination {
    bottom: -5%;
  }
  .anli .section05_swiper .swiper-pagination-bullet {
    width: 10% !important;
  }
  .anli .shil .wenzi {
    margin-top: 10px;
    font-size: 20px;
  }
  .anli .shuoming {
    font-size: 16px;
    line-height: 30px;
  }
  .anli .shuoming p {
    padding-top: 10%;
    font-size: 20px;
  }
  .wenti {
    margin-top: 30px;
  }
  .wenti .fl {
    display: none;
  }
  .wenti .left_nav {
    width: 100%;
  }
  .wenti .left_nav li {
    font-size: 14px;
    height: auto;
    display: -webkit-box;
    /* 必须结合WebKit的私有属性使用 */
    -webkit-box-orient: vertical;
    /* 必须结合WebKit的私有属性使用 */
    -webkit-line-clamp: 1;
    /* 限制显示的行数 */
    overflow: hidden;
    /* 隐藏溢出的内容 */
  }
  .wenti .left_nav .sts {
    font-size: 12px;
    height: auto;
    line-height: 30px;
  }
  .xuank .info_box_pic_box .swiper-slide .tit {
    font-size: 14px;
  }
  .xuank .info_box_pic_box .swiper-slide .wen {
    font-size: 12px;
    line-height: 30px;
    padding: 0 10px;
  }
  .xuank .swiper-button-next,
  .xuank .swiper-button-prev {
    width: 30px !important;
    height: 30px !important;
  }
  .xuank .swiper-button-next:hover img,
  .xuank .swiper-button-prev:hover img {
    margin-top: 0;
  }
  .xuank .swiper-button-prev {
    left: 0px;
  }
  .xuank .swiper-button-next {
    right: 0px;
  }
  .sheji {
    height: auto;
  }
  .sheji .bottom {
    height: auto;
  }
  .sheji .shili {
    width: 92%;
  }
  .sheji .shili ul {
    float: none;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  .sheji .shili ul span {
    display: block;
    width: 47%;
    margin: 10px 0;
    padding-left: 10px;
    height: auto;
  }
  .sheji .shili ul span p {
    padding-top: 0;
    line-height: 30px;
    font-size: 14px;
  }
  .sheji .shili ul span.on {
    background: none;
  }
  .sheji .shili .case_box {
    width: 100%;
    float: none;
  }
  .leixing .bottom {
    margin-top: 0;
  }
  .leixing .shang li {
    margin-top: 20px;
    width: 100%;
  }
  .tixi {
    height: auto;
  }
  .tixi .list .li {
    position: relative;
    font-size: 12px;
  }
  .tixi .list .li > img {
    width: 100%;
  }
  .tixi .list .li .show {
    position: absolute;
    top: 5%;
    left: 5%;
    color: white;
  }
  .tixi .list .li .show .shu {
    font-size: 18px;
  }
  .tixi .list .li .show .heng {
    font-size: 14px;
  }
  .tixi2 {
    height: auto;
  }
  .tixi2 .list .li {
    position: relative;
    font-size: 12px;
  }
  .tixi2 .list .li > img {
    width: 100%;
  }
  .tixi2 .list .li .show {
    position: absolute;
    top: 5%;
    left: 5%;
    color: white;
  }
  .tixi2 .list .li .show .shu {
    font-size: 18px;
  }
  .tixi2 .list .li .show .heng {
    font-size: 14px;
  }
  .tixi2 .list .li .show .heng > div {
    margin-top: 5px;
    font-size: 10px;
  }
  .tixi3 {
    height: auto;
  }
  .tixi3 .list .li {
    position: relative;
    font-size: 12px;
  }
  .tixi3 .list .li > img {
    width: 100%;
  }
  .tixi3 .list .li .show {
    position: absolute;
    top: 5%;
    left: 5%;
    width: 90%;
    color: white;
  }
  .tixi3 .list .li .show .shu {
    font-size: 18px;
  }
  .tixi3 .list .li .show .heng {
    font-size: 14px;
  }
  .tixi3 .list .li .show .heng > div {
    margin-top: 5px;
    font-size: 10px;
  }
  .zhishi li {
    width: 100%;
  }
  .zhishi li .tu {
    height: auto;
  }
  .zhishi li .wen {
    font-size: 12px;
  }
  .zhishi li .wen p {
    font-size: 20px;
  }
  .zhishi li .wen img {
    width: 20px;
  }
  .jianche table td {
    width: 14%;
    font-size: 8px;
  }
  .qingdan {
    height: auto;
    background-size: auto 100%;
    background-position: center;
    padding-bottom: 20px;
  }
  .qingdan .bottom .wrap {
    display: flex;
    flex-wrap: wrap;
  }
  .qingdan .bottom li {
    width: 33.3%;
    float: none;
    opacity: 1;
    font-size: 12px;
  }
  .qingdan2 .bottom {
    height: auto;
    background-size: auto 100%;
    background-position: center;
  }
  .qingdan2 .bottom .wrap {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 20px;
  }
  .qingdan2 .bottom li {
    margin-top: 20px;
    width: 33.3%;
    float: none;
    font-size: 12px;
  }
  .about-daohang ul {
    width: 100%;
  }
  .about-daohang li {
    width: 24.5%;
    font-size: 14px;
    height: 30px;
  }
  .about-daohang li.active a {
    padding-bottom: 12px;
  }
  .jiesao .fl,
  .jiesao .fr {
    width: 100%;
  }
  .jiesao .bg {
    display: none;
  }
  .jiesao .fr .xiaob {
    font-size: 14px;
  }
  .jiesao .fr .wen li {
    padding-top: 10px;
    font-size: 12px;
    line-height: 30px;
  }
  .jiesao .fr .wen li b {
    font-size: 12px;
  }
  .fuwu2 .wrap li {
    width: 100%;
  }
  .fuwu2 .wrap li .tu {
    height: auto;
  }
  .guide_anli li {
    width: 100%;
  }
  .guide_anli li .fr {
    font-size: 12px;
  }
  .ds {
    height: auto;
    background-size: auto 100%;
    background-position: 65% 50%;
    padding: 20px 0;
  }
  .ds .wen {
    float: none;
    margin-top: 10px;
    width: 45%;
    font-size: 12px;
    line-height: 30px;
  }
  .ds .wen p {
    margin: 5px 0;
  }
  .dingwei li {
    height: auto;
  }
  .dingwei li .fl,
  .dingwei li .fr {
    float: none !important;
    width: 100%;
    padding-left: 0;
    margin: 5px 0;
  }
  .dingwei p {
    padding: 10px 0;
  }
  .dingwei .wen {
    font-size: 12px;
    line-height: 30px;
  }
  .laoy .bottom {
    height: auto;
  }
  .laoy .bottom li {
    height: auto;
    float: none !important;
    margin-top: 10px;
    width: 100%;
  }
  .laoy .bottom li p {
    font-size: 16px;
    padding: 10px 0;
  }
  .laoy .bottom li .wen {
    font-size: 12px;
    line-height: 30px;
  }
  .laoy .bottom li img {
    display: none;
  }
  .jings .wrap {
    height: auto;
  }
  .jings .wrap li {
    width: 100%;
    font-size: 12px;
    line-height: 25px;
  }
  .jings .wrap li:first-child img {
    margin-right: -2.5%;
    width: 105%;
  }
  .jings .wrap li:last-child {
    margin-top: 20px;
  }
  .jings .wrap li:last-child img {
    margin-left: -12.5%;
    width: 105%;
  }
  .jings .wrap li .content,
  .jings .wrap li .content2 {
    justify-content: space-between;
  }
  .jings .wrap li .content > div,
  .jings .wrap li .content2 > div {
    width: 45%;
    margin: auto;
  }
  .jings .wrap li p {
    font-size: 16px;
  }
  .yuanj li {
    width: 100%;
    height: auto;
  }
  .yuanj li .wen {
    font-size: 12px;
  }
  .yuanj li .wen p {
    font-size: 16px;
  }
  .impression_progress {
    height: auto;
  }
  .impression_progress .logo {
    margin: auto;
    width: 50px;
  }
  .impression_progress .logo img {
    width: 100%;
  }
  .impression_progress .wen {
    width: 100%;
    font-size: 12px;
    line-height: 30px;
  }
  .impression_progress .lie li {
    width: 50%;
    font-size: 12px;
  }
  .impression_progress .lie li p {
    font-size: 28px;
  }
  .impression_renwu .wrap {
    width: 92%;
  }
  .impression_renwu .info_box_pic_box .swiper-slide .jiesao {
    font-size: 12px;
  }
  .impression_renwu .info_box_pic_box .swiper-slide .biaoyu {
    width: 50%;
    font-size: 12px;
  }
  .impression_album ul {
    width: 92%;
    height: auto;
  }
  .impression_album ul span {
    width: 20%;
    margin: 0 0.5%;
    line-height: 30px;
  }
  .impression_album .mid .case_box a {
    width: 33.3%;
  }
  .impression_album .mid .case_bg .case {
    left: 5%;
  }
  .honor ul {
    margin-top: 0;
    width: 92%;
  }
  .honor ul a {
    width: 29%;
    font-size: 14px;
    margin: 0 0.5%;
  }
  .honor .neirong li {
    width: 49%;
  }
  .honor .neirong li .tu img {
    width: 90%;
    padding: 5%;
  }
  .honor .neirong li .wen {
    font-size: 12px;
    display: -webkit-box;
    /* 必须结合WebKit的私有属性使用 */
    -webkit-box-orient: vertical;
    /* 必须结合WebKit的私有属性使用 */
    -webkit-line-clamp: 1;
    /* 限制显示的行数 */
    overflow: hidden;
    /* 隐藏溢出的内容 */
  }
  .brands .neirong li {
    width: 100%;
    font-size: 12px;
  }
  .brands .neirong li p {
    font-size: 16px;
  }
  .keke {
    width: 92%;
  }
  .keke .wen {
    font-size: 12px;
  }
  .keke .wrap li {
    float: none;
    width: 100%;
    height: auto;
  }
  .xuqiu .wrap li {
    float: none;
    width: 100%;
  }
  .gongxu .shili ul {
    width: 100%;
  }
  .gongxu .shili .case_box {
    width: 100%;
  }
  .progress {
    height: auto;
    display: flex;
    flex-wrap: wrap;
  }
  .progress li {
    float: none;
    width: 33.1%;
    font-size: 12px;
    padding: 30px 0;
  }
  .progress li p {
    padding: 0;
    font-size: 36px;
  }
  .progress li:nth-child(3n) {
    border-right: 0;
  }
  .service-win .neirong li {
    width: 100%;
    margin-right: 0;
  }
  .service-win .neirong li .wen {
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
  }
  .service-win .neirong li .wen img {
    width: 30px;
  }
  .service-win .more a {
    width: 30%;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
  }
  .service-show ul {
    display: flex;
    justify-content: space-between;
    width: 92% !important;
    margin: auto;
  }
  .service-show ul span {
    width: 50%;
    margin: 0 10px;
    font-size: 14px;
  }
  .service-show .case_box {
    width: 100%;
  }
  .service-show .case_box > div {
    width: 100%;
  }
  .service-show .case_box > div p {
    font-size: 12px;
  }
  .service-show .more a {
    width: 30%;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
  }
  .news-list2 .news-title,
  .news-list3 .news-title,
  .news-list4 .news-title,
  .news-list5 .news-title {
    font-size: 14px;
  }
  .news-list2 .news-title span,
  .news-list3 .news-title span,
  .news-list4 .news-title span,
  .news-list5 .news-title span {
    font-size: 18px;
  }
  .news-list2 .news-title a,
  .news-list3 .news-title a,
  .news-list4 .news-title a,
  .news-list5 .news-title a {
    font-size: 12px;
  }
  .news-navigation {
    font-size: 14px;
    width: 92% !important;
    margin: auto;
  }
  .news-navigation span {
    font-size: 18px;
  }
  .news-navigation a {
    font-size: 12px;
  }
  .news-list .news-title {
    font-size: 18px;
  }
  .news-list .news-title a {
    font-size: 12px;
  }
  .news-list .fl,
  .news-list .fr {
    margin-top: 20px;
    width: 100%;
    padding: 0;
  }
  .news-list .fl .lie li {
    font-size: 12px;
  }
  .news-list .fr .shang .qian a {
    font-size: 12px;
  }
  .news-list .fr .you {
    font-size: 12px;
  }
  .news-list2 .lie li {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .news-list2 .lie li .fl a {
    margin-top: 0;
    font-size: 12px;
  }
  .news-list2 .lie li .fr {
    padding-top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .news-list2 .lie li .fr .shi {
    font-size: 12px;
  }
  .news-list2 .lie li .fr .shi p {
    font-size: 16px;
  }
  .news-list2 .lie li .fr .jiantou {
    padding-top: 0;
  }
  .news-list3 .bottom li {
    width: 100%;
  }
  .news-list3 .bottom li .tit {
    font-size: 16px;
  }
  .news-list3 .bottom li .wen,
  .news-list3 .bottom li .shi {
    font-size: 12px;
  }
  .news-list4 .bottom li {
    width: 100%;
    font-size: 12px;
  }
  .news-list5 .bottom {
    width: 92% !important;
    margin: auto;
  }
  .news-list5 .bottom li {
    width: 100%;
    height: auto;
  }
  .news-list5 .bottom li .zuo,
  .news-list5 .bottom li .you {
    width: 100%;
    float: none;
  }
  .news-list5 .bottom li .zuo a img,
  .news-list5 .bottom li .you a img {
    margin: 0;
    height: auto !important;
  }
  .news-list5 .bottom li .you {
    padding: 0;
  }
  .news-list5 .bottom li .you a {
    font-size: 16px;
  }
  .news-list5 .bottom li .you .wen {
    font-size: 12px;
    line-height: 25px;
  }
  .news-list5 .bottom li .you .ri {
    font-size: 12px;
  }
  .customization {
    font-size: 12px;
  }
  .product {
    margin-top: 0;
  }
  .product .list li {
    width: 49.5%;
  }
  .product .list li .wen {
    font-size: 12px;
    line-height: 25px;
  }
  .product .list li .wen span {
    font-size: 12px;
  }
  .product .list li:nth-child(1n) {
    margin-right: 1%;
  }
  .product .list li:nth-child(2n) {
    margin-right: 0;
  }
  .videos_top a {
    font-size: 12px;
    margin: 0 10px;
  }
  .choose ul {
    padding: 0;
    width: 95%;
    margin: 30px auto;
    display: flex;
    justify-content: space-between;
    height: 30px;
  }
  .choose ul li {
    font-size: 12px;
    margin: auto;
  }
  .choose .case_box {
    width: 100%;
    padding: 0;
    height: auto;
    padding: 10px 0;
  }
  .choose .case_box .swiper-slide {
    flex-wrap: wrap;
  }
  .choose .case_box a {
    margin: 10px 10px;
    width: 1.2rem;
    font-size: 12px;
  }
  .videos .videos_choose .choose_title > div {
    font-size: 16px;
  }
  .videos .videos_choose .choose_title > div:after {
    bottom: -0.15rem;
  }
  .videos .videos_choose .choose_list > div {
    margin-top: 20px;
    font-size: 12px;
    flex-wrap: wrap;
  }
  .videos .videos_choose .choose_list > div .choose_div {
    flex: 1;
    display: flex;
    flex-wrap: wrap;
  }
  .videos .videos_choose .choose_list > div .choose_div a {
    display: block;
  }
  .videos_none img {
    width: 50%;
  }
  .videos_list {
    margin-top: 20px;
  }
  .videos_list > div {
    width: 48.5%;
  }
  .videos_list > div:nth-child(1n) {
    margin-right: 0.15rem;
  }
  .videos_list > div:nth-child(2n) {
    margin-right: 0;
  }
  .videos_list > div .img {
    width: 100%;
    height: auto;
  }
  .videos_list > div p {
    font-size: 12px;
  }
  .videosShow {
    /* 针对其他浏览器的兼容性 */
  }
  .videosShow video {
    object-fit: cover;
  }
  .videosShow .mobile_close {
    position: absolute;
    top: 2%;
    left: 3%;
    z-index: 999;
    background-color: #f08012;
    color: white;
    font-size: 16px;
    width: 80px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 30px;
  }
  .videosShow > div {
    margin-top: 0;
    top: 0;
    height: 100%;
    transform: none;
  }
  .videosShow .videos_content {
    width: 100%;
    max-height: 100%;
    margin-top: 0;
    top: 0px;
    height: 100%;
    border-radius: 0;
    position: relative;
    background: transparent;
  }
  .videosShow .videos_content .videoTo {
    width: 100%;
    height: 100%;
    max-width: 100%;
  }
  .videosShow .videos_content .videoTo video {
    height: 100%;
    max-height: 100%;
  }
  .videosShow .videos_content .details {
    position: absolute;
    height: 40%;
    width: 95%;
    left: 0;
    bottom: 10%;
  }
  .videosShow .videos_content .details .bq a {
    font-size: 12px;
  }
  .videosShow .videos_content .details .item {
    position: absolute;
    bottom: 0;
    width: 100%;
  }
  .videosShow .videos_content .details .bq {
    display: none;
  }
  .videosShow .videos_content .details .title {
    font-size: 16px;
    color: white;
    width: 80%;
  }
  .videosShow .videos_content .details .content {
    width: 80%;
    font-size: 14px;
    color: white;
    padding-right: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    /* 限制文本为2行 */
    overflow: hidden;
    height: auto;
  }
  .videosShow .videos_content .details .content * {
    background: transparent !important;
    width: auto !important;
    height: auto !important;
    color: white;
    font-size: 14px;
  }
  .videosShow .videos_content .details .content.seeAll {
    -webkit-line-clamp: none;
    overflow: auto;
  }
  .videosShow .videos_content .details .videosShowMore {
    color: white;
    font-size: 14px;
  }
  .videosShow .videos_content .details .videosFoot {
    position: absolute;
    bottom: 0;
    left: auto;
    right: 5%;
    width: 0.5rem;
    flex-direction: column;
    border-top: 0;
    padding: 0;
  }
  .videosShow .videos_content .details .videosFoot a {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
    width: 0.5rem !important;
    height: auto !important;
    border: 0 ;
    color: white;
    font-size: 12px;
  }
  .videosShow .videos_content .details .videosFoot a img {
    margin-right: 0 !important;
    width: 25px !important;
    margin-bottom: 5px;
  }
  .wznav {
    width: 92%;
    font-size: 12px;
  }
  .wznav a {
    font-size: 12px;
  }
  .wzleft {
    display: none;
  }
  .wzdetails {
    width: 100%;
  }
  .wzdetails .wzcontent {
    width: 100%;
    padding: 0;
  }
  .wzdetails .wzcontent .wzcontent-top h3 {
    font-size: 16px;
  }
  .wzdetails .wzcontent .wzcontent-top .xia p,
  .wzdetails .wzcontent .wzcontent-top .xia .share {
    float: none !important;
    margin: 5px auto 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .wzdetails .wzcontent .wzcontent-top .share {
    display: block;
  }
  .wzdetails .wzcontent .wzcontent-show {
    font-size: 12px !important;
    padding: 0 20px;
    line-height: 30px !important;
  }
  .wzdetails .wzcontent .wzcontent-show span {
    font-size: 12px !important;
    line-height: 30px !important;
  }
  .wzdetails .wzcontent .wzcontent-show em {
    margin-top: 5px;
    height: 30px;
    line-height: 30px;
    font-size: 12px !important;
    float: none !important;
    text-align: left !important;
  }
  .wzdetails .wzcontent .wzcontent-show em a {
    font-size: 12px !important;
  }
  .wzdetails .wxlist {
    width: 95%;
    padding: 2% 5%;
  }
  .wzdetails .wxlist h2 {
    font-size: 16px;
  }
  .wzdetails .wxlist .list li {
    font-size: 12px;
    height: 35px;
  }
  .wznews {
    width: 100%;
    float: none;
  }
  .wznews .list dd,
  .wznews .list dt {
    width: 100%;
    float: none !important;
  }
  .wznews .list .zow {
    width: 100%;
    height: auto;
    padding: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .wznews .list .zow dt img {
    width: 100%;
    height: auto;
  }
  .wznews .list .zow dd {
    width: 100%;
    margin-right: 0;
  }
  .wznews .list .zow dd a {
    font-size: 12px;
  }
  .wznews .list .zow dd em a {
    text-align: center;
    line-height: 25px;
    width: 80px;
    height: 25px;
    font-size: 12px;
  }
  .pagination {
    width: 100% !important;
  }
  .pagination a,
  .pagination span {
    font-size: 12px !important;
  }
  .videosDetials .videoShow .videos_content {
    width: 100%;
    height: auto;
  }
  .videosDetials .videoShow .videos_content .videoTo {
    width: 100%;
  }
  .videosDetials .videoShow .videos_content .videoTo video {
    height: auto;
  }
  .videosDetials .videoShow .videos_content .details .bq a {
    font-size: 12px;
  }
  .videosDetials .videoShow .videos_content .details .content {
    margin: 10px 0;
    font-size: 12px;
    line-height: 30px;
  }
  .videosDetials .videoShow .videos_content .details .videosFoot {
    position: initial;
    font-size: 12px;
  }
  .canshu .swiper-imgs {
    width: 100%;
  }
  .canshu .canshu_details {
    margin: 20px 0;
    font-size: 12px;
  }
  .canshu .canshu_details .color a {
    font-size: 10px;
  }
  .canshu .canshu_details .dian {
    width: 100%;
  }
  .canshu .zixun a {
    font-size: 12px;
  }
  .canshu .li {
    font-size: 12px;
  }
  .canshu .else {
    width: 80%;
  }
  .canshu .else .else-list {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
  }
  .fengx .wrap a {
    font-size: 12px;
  }
  .tuijian .info_box_swiper .swiper-slide .wen {
    font-size: 12px;
  }
  .videos_tuijian .video-info .swiper-slide .img {
    height: 4rem;
  }
  .videos_tuijian .video-info .swiper-slide .wen {
    height: auto;
  }
  .videos_tuijian .video-info .swiper-slide .wen p {
    font-size: 12px;
  }
  .xuanxiang {
    font-size: 12px;
  }
  .xuanxiang .section1 .content {
    width: 100%;
    flex: auto;
  }
  .xuanxiang .section1 .content img {
    width: 100% !important;
    height: auto !important;
  }
  .xuanxiang .section1 .ctitle {
    font-size: 16px;
  }
  .xuanxiang .section1 .other {
    width: 100%;
    margin-left: 0;
  }
  .xuanxiang .section1 .other .other_content a .big_image {
    left: 0;
    width: 95%;
    z-index: 999;
  }
  .xuanxiang .section1 .tuijian .info_box a {
    margin-bottom: 10px;
  }
  .xuanxiang .section1 .tuijian .info_box .wen {
    font-size: 12px;
  }
  .xuanxiang .section3 .shouhou .wen {
    font-size: 12px;
    line-height: 30px;
  }
  .contact {
    width: 92% !important;
    margin: auto;
  }
  .contact .fl {
    width: 100%;
  }
  .contact .fl .biaoti,
  .contact .fl .neir {
    width: 100%;
    padding-left: 0;
  }
  .contact .fl .biaoti p {
    font-size: 20px;
  }
  .contact .fl .biaoti .wen {
    font-size: 12px;
    line-height: 30px;
  }
  .contact .fl .neir {
    font-size: 12px;
  }
  .contact .fl .neir li {
    height: auto;
    line-height: 25px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .contact .fl .neir li span {
    flex: 1;
  }
  .contact .fl .neir li:first-child span {
    font-size: 16px;
  }
  .contact .fl .erwei {
    width: 100%;
    padding: 0;
  }
  .contact .fl .erwei .tu {
    float: none;
    font-size: 12px;
    margin: 20px auto 0;
  }
  .contactform .title {
    font-size: 16px;
  }
  .contactform #form #tianxiethree {
    width: 100%;
    float: none;
    font-size: 12px;
  }
  .contactform #form #tianxiethree input {
    margin: 10px 0;
    font-size: 12px;
    height: 30px;
  }
  .contactform #form .zixun {
    font-size: 12px;
    width: 80%;
  }
}