@charset "utf-8";
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
.marginauto {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.linenowrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.flexAuto {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.flexCetween {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}
.flexAlign {
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  align-items: center;
  -webkit-align-items: center;
}
@media screen and (max-width: 1800px) {
  .inner {
    width: 83.34vw;
  }
  .btext {
    margin-left: -41.67vw;
    bottom: 7.81vw;
  }
  .btext img {
    height: 9.3229vw;
  }
  .venue-wrap {
    padding: 2.6vw 8.44vw 3.13vw 8.85vw;
  }
  .venue-title small {
    font-size: 0.52rem;
  }
  .news-center-list li {
    margin-bottom: 0.94vw;
  }
  .news-center-list li a {
    padding: 1.46vw 0;
  }
  .news-center-imgs {
    width: 25.79%;
  }
}
@media screen and (max-width: 1600px) {
  html {
    font-size: 80px;
  }
  .footer-wrap {
    width: 80vw;
  }
  .navs > li {
    padding: 0 2.0833vw;
  }
  .since-top img {
    height: 27.08vw;
  }
  .since-word strong {
    font-size: 3.33vw;
  }
  .more-cases a {
    padding: 0 3.44vw;
  }
  .consultate-wrap {
    padding: 0 5.21vw;
  }
  .partner-flex {
    margin-top: -0.5rem;
  }
  .footer-navs {
    gap: 0 4.58vw;
  }
}
.mob{display:none;}
@media screen and (max-width: 1024px) {
  .inner {
    width: 90%;
  }
  .pc{display:none;}
  .mob{display:block;}
  .navs {
    position: fixed;
    right: -100%;
    top: 1rem;
    bottom: 0;
    display: block;
    padding-top: 0.4rem;
    width: 100%;
    background: #fff;
    transition: 0.8s;
  }
  .navs.show {
    right: 0;
  }
  .menubtn {
    display: flex;
    align-items: center;
  }
  .header-wrap {
    padding: 0 5%;
  }
  .navs > li {
    padding: 0 5%;
    margin-bottom: 0.2rem;
  }
  .navs > li > a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #202020;
    font-size: 0.2rem;
    line-height: 2;
  }
  .navs > li > a > i {
    display: block;
  }
  .navs-menu {
    position: relative;
    left: 0;
    transform: translateX(0);
    top: auto;
    transition: 0s;
    opacity: 1;
    visibility: visible;
    clip-path: inset(0 0 0 0);
    padding: 0.2rem 0;
    display: none;
  }
  .navs-imgs {
    display: none;
  }
  .navs-menu-list {
    width: 100%;
  }
  .header:hover .menubtn.active span,
  .header.scroll .menubtn.active span {
    background: transparent;
  }
  .header:hover .menubtn span,
  .header.scroll .menubtn span {
    background: #202020;
  }
  .header:hover .menubtn span:before,
  .header.scroll .menubtn span:before,
  .header:hover .menubtn span:after,
  .header.scroll .menubtn span:after {
    background: #202020;
  }
  .navs > li > a:before {
    display: none;
  }
  .navs > li.now > a > i {
    transform: rotate(90deg);
    font-weight: normal;
  }
  .navs > li:nth-child(n+5) .navs-menu {
    right: 0;
  }
  .navs-menu-list {
    gap: 0.2rem 0;
  }
  .flex-navs {
    right: 0.1rem;
  }
  .flex-world {
    width: 2.8rem;
  }
  .flex-pops {
    padding-right: 0.2rem;
  }
  .since {
    padding: 0.7rem 0;
  }
  .since-top img {
    height: 4rem;
  }
  .since-word strong {
    font-size: 0.42rem;
  }
  .venue-prev.prev {
    left: -0.16rem;
  }
  .venue-prev.next {
    right: -0.16rem;
  }
  .venue-wrap {
    padding: 0.4rem 5% 0;
  }
  .venue-slide {
    display: block;
  }
  .venue-info {
    margin-left: 0;
    margin-top: 0.3rem;
    width: auto;
  }
  .venue-swiper {
    padding-bottom: 0.7rem;
  }
  .venue-swiper .swiper-pagination {
    bottom: 0.3rem;
  }
  .advantages-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.1rem;
  }
  .advantages-list li {
    margin: 0;
  }
  .advantages-default {
    display: none;
  }
  .advantage-pop {
    opacity: 1;
    visibility: visible;
  }
  .news-flex {
    display: block;
  }
  .news-infos {
    width: 100%;
  }
  .news-center-list {
    margin-top: 0.28rem;
    width: 100%;
  }
  .news-time {
    width: 0.8rem;
  }
  .about-wraps .common-top {
    position: relative;
  }
  .into__row1 {
    padding-left: 0;
  }
  .into__row2 {
    display: block;
  }
  .company-culture {
    margin-top: 0.2rem;
    width: 100%;
  }
  .company-image {
    width: 100%;
  }
  .into__row3 {
    margin-top: 0.2rem;
    display: block;
  }
  .into__gc {
    padding: 0.3rem 0;
    width: 100%;
  }
  .consultate-wrap {
    padding: 0;
    display: block;
  }
  .consultate-fix {
    display: inline-flex;
    margin-top: 0.2rem;
  }
  .partner-box {
    padding: 0.65rem 0;
  }
  .partner-flex {
    display: block;
    margin-top: 0;
  }
  .partner-swiper {
    width: 100%;
  }
  .parnter-imgs {
    margin-top: 0.3rem;
    width: auto;
  }
  .parnter-imgs figure {
    border-radius: 0.4rem 0 0 0;
  }
  .quotate {
    padding-top: 0.7rem;
  }
  .footer-navs {
    display: none;
  }
  .footer-wrap {
    width: 90%;
  }
  .contact-adress {
    margin-top: 0.44rem;
  }
  .footer-copy {
    flex-wrap: wrap;
  }
  .about-advantage-list {
    margin-top: 0.5rem;
    grid-template-columns: repeat(2, 1fr);
  }
  .slogan-list {
    flex-wrap: wrap;
  }
  .slogan-list li {
    flex: none;
    width: 50%;
  }
  .honor-siwper {
    width: 100%;
  }
  .news-view-flex {
    display: block;
  }
  .news-v-info {
    width: 100%;
  }
  .news-v-right {
    margin-top: 0.3rem;
    width: auto;
  }
  .customize-wrap {
    display: block;
  }
  .customize-content {
    width: 100%;
  }
  .customize-tel {
    margin-top: 0.38rem;
  }
  .customize-form {
    margin-left: 0;
    margin-top: 0.4rem;
    width: auto;
  }
  .service-list {
    grid-template-columns: repeat(1, 1fr);
  }
  .service-list li:nth-child(n+3) {
    flex-direction: row;
  }
  .service-list li:nth-child(2n+2) {
    flex-direction: row-reverse;
  }
  .guarantee-list {
    margin-top: 0.4rem;
    grid-template-columns: repeat(3, 1fr);
  }
  .service-advantage-list {
    margin-top: 0.8rem;
    grid-template-columns: repeat(1, 1fr);
  }
  .ground-list {
    grid-template-columns: repeat(2, 1fr);
  }
  .advatages-li {
    margin-top: 0.5rem;
    grid-template-columns: repeat(2, 1fr);
  }
  .process-list {
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem 0.4rem;
  }
}
@media screen and (max-width: 751px) {
  .header-wrap {
    height: 0.8rem;
  }
  .navs {
    top: 0.8rem;
  }
  .since-top img {
    height: 2.2rem;
  }
  .since-word {
    margin-top: -0.7rem;
  }
  .since-word strong {
    font-size: 0.3rem;
    line-height: 1.3;
  }
  .since-video {
    margin-top: 0.5rem;
  }
  .since-video span {
    margin-left: -0.3rem;
    margin-top: -0.3rem;
    font-size: 0.6rem;
  }
  .venue-title small {
    font-size: 0.4rem;
  }
  .venue-text p {
    line-height: 1.5;
  }
  .venue-btns {
    margin-top: 0.3rem;
  }
  .management-box {
    padding: 0.6rem 0;
  }
  .common-titles small {
    display: inline-block;
    font-size: 0.4rem;
  }
  .common-titles strong img {
    height: 0.34rem;
  }
  .common-names {
    margin-left: 0.2rem;
    width: 0.42rem;
    height: 0.42rem;
  }
  .management-list li {
    width: 50%;
  }
  .management-info {
    padding: 0.16rem;
  }
  .management-info span {
    display: none;
  }
  .management-info strong {
    font-size: 0.2rem;
  }
  .case-btns b {
    margin-left: 0.5rem;
  }
  .case-numble {
    margin-bottom: 0.55rem;
  }
  .case-numble b {
    font-size: 0.4rem;
  }
  .common-top {
    margin-bottom: 0.32rem;
  }
  .management-list1 li {
    margin-right: 2%;
    width: 49%;
  }
  .management-list1 li:nth-child(3n+3) {
    margin-right: 2%;
  }
  .management-list1 li:nth-child(2n+2) {
    margin-right: 0;
  }
  .constructes {
    padding: 0.65rem 0;
  }
  .event {
    padding: 0.6rem 0;
  }
  .event-block {
    display: block;
  }
  .event-infos {
    width: 100%;
  }
  .event-list {
    margin-left: 0;
    margin-top: 0.3rem;
    width: auto;
  }
  .event-list li strong {
    font-size: 0.18rem;
  }
  .advantages-list {
    grid-template-columns: repeat(1, 1fr);
  }
  .advantages-list li figure img {
    width: 100%;
    object-fit: cover;
  }
  .news-center {
    padding: 0.65rem 0;
  }
  .common-btns {
    margin-bottom: 0.3rem;
  }
  .news-center-list {
    padding: 0 0.2rem;
  }
  .news-center-list li a {
    padding: 0.2rem 0;
  }
  .news-center-in strong {
    line-height: 1.2;
  }
  .news-center-in time {
    margin-top: 0.2rem;
  }
  .news-center-in {
    width: 65%;
  }
  .into__item a {
    display: block;
  }
  .into__imgs {
    width: 100%;
  }
  .into__info {
    padding-top: 0.3rem;
    width: 100%;
  }
  .company-culture a .into__imgs {
    width: auto;
  }
  .company-culture a {
    padding: 0;
  }
  .company-culture a .into__info {
    width: auto;
    padding: 0.3rem 0;
  }
  .into__row3 {
    display: flex;
    flex-direction: column-reverse;
  }
  .into__gc .into__info {
    padding-top: 0;
    width: 100%;
    max-width: 100%;
  }
  .into__list a {
    padding: 0.12rem;
    display: flex;
  }
  .into__gc {
    padding-bottom: 0;
  }
  .consultate-lefts {
    flex-wrap: wrap;
  }
  .line-tel {
    margin-left: 0;
    width: 100%;
  }
  .consultate {
    padding: 0.4rem 0;
  }
  .consultate-lefts strong {
    margin-bottom: 0.1rem;
    font-size: 0.24rem;
    line-height: 1.2;
  }
  .quotation-wrap {
    padding: 0.4rem 5%;
  }
  .quotate-form {
    margin-top: 0.4rem;
  }
  .quotate-form form {
    display: block;
  }
  .quotate-form form .text {
    box-sizing: border-box;
    margin-bottom: 0.12rem;
    width: 100%;
  }
  .quotate-form form .sub {
    width: 50%;
  }
  .quotate-tt strong {
    font-size: 0.28rem;
  }
  .links {
    padding: 0.18rem 0;
    display: block;
  }
  .link-list {
    width: auto;
    margin-top: 0.05rem;
  }
  .link-list li a,
  .footer-copy p {
    line-height: 1.6;
    font-size: 12px;
  }
  .contact-adress p {
    font-size: 12px;
  }
  .quotate {
    padding-top: 0.5rem;
  }
  .quotation-wrap {
    border-radius: 0.2rem 0 0.2rem 0;
  }
  .banner-mouse {
    display: none;
  }
  .btext {
    bottom: 20%;
  }
  .banner-slide figure {
    padding-bottom: 150vw;
  }
  .btext img {
    height: 23vw;
  }
  .introduct-box {
    padding: 0.6rem 0;
  }
  .culture-titles strong {
    font-size: 0.32rem;
  }
  .introduct-text {
    margin-top: 0.4rem;
  }
  .introduct-data {
    margin: 0.5rem 0;
    flex-wrap: wrap;
    gap: 0.3rem 0;
  }
  .introduct-data li {
    flex: none;
    width: 50%;
  }
  .introduct-data li:nth-child(2n+2):before {
    display: none;
  }
  .introduct-imgs {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.2rem;
  }
  .pbanner figure {
    padding-bottom: 75%;
  }
  .history-box {
    padding: 0.8rem 0 0.6rem;
  }
  .history-slide {
    padding-top: 0 !important;
    min-height: 2.4rem;
  }
  .history-swiper {
    margin-top: 0.6rem;
  }
  .history-bgs img {
    width: 160%;
    position: relative;
    left: -30%;
  }
  .hostory-text p {
    font-size: 0.2rem;
  }
  .about-advantage {
    padding: 0.7rem 0;
  }
  .about-advantage-list {
    grid-template-columns: repeat(1, 1fr);
  }
  .about-advantage-list li {
    padding-left: 0.3rem;
  }
  .slogan-text strong {
    margin-bottom: 0.32rem;
    font-size: 0.3rem;
  }
  .slogan-text p {
    font-size: 0.18rem;
  }
  .slogan-text b {
    font-size: 0.5rem;
    margin-bottom: 0.3rem;
  }
  .slogan-list li:hover .slogan-text b {
    width: 0.5rem;
    height: 0.5rem;
  }
  .honor-btns {
    top: 38%;
  }
  .honor-btns.prev {
    left: 0;
    margin-left: 0;
  }
  .honor-btns.next {
    right: 0;
    margin-right: 0;
  }
  .culture-word {
    margin: 0.4rem 0;
  }
  .honor-slide strong {
    line-height: 1.2;
    height: 0.7rem;
  }
  .honor-box {
    padding-top: 0.7rem;
  }
  .album-swiper {
    margin-top: 0.5rem;
  }
  .album-slide strong {
    margin-top: 0.38rem;
  }
  .album {
    padding: 0.65rem 0;
  }
  .factory-imgs {
    margin-top: 0.4rem;
    width: 100%;
  }
  .factory-text {
    position: relative;
    top: 0;
    transform: translateY(0);
    padding: 0.4rem 5%;
    width: auto;
  }
  .factory {
    padding: 0.65rem 0;
  }
  .factory-text strong {
    font-size: 0.32rem;
  }
  .join-slide {
    display: block;
  }
  .join-imgs {
    width: 100%;
  }
  .join-fix {
    margin-left: 0;
    padding: 0.3rem 0 0;
    width: auto;
  }
  .join-tops {
    display: block;
  }
  .join-btns {
    margin-top: 0.3rem;
  }
  .join-swiper {
    margin-top: 0.4rem;
  }
  .join-slide {
    padding: 0.22rem;
  }
  .join-box {
    padding-top: 0.7rem;
  }
  .news-list li a {
    display: block;
  }
  .news-imgs {
    width: 100%;
  }
  .news-infixs {
    margin-left: 0;
    margin-top: 0.3rem;
    width: auto;
  }
  .news-infixs strong {
    font-size: 0.24rem;
  }
  .news-list {
    padding-bottom: 0.5rem;
  }
  .page_list {
    gap: 0.1rem;
  }
  .news-v-top {
    padding: 0.5rem 0 0.3rem;
  }
  .news-v-top strong {
    font-size: 0.28rem;
  }
  .news-page {
    display: block;
  }
  .page-prevs {
    max-width: 100%;
  }
  .news-hotline {
    display: block;
  }
  .hotline-item {
    margin-bottom: 0.2rem;
  }
  .contact-boxs {
    padding: 0.65rem 0;
  }
  .contact-list {
    margin-top: 0.5rem;
    grid-template-columns: repeat(1, 1fr);
  }
  .common-titles strong {
    font-size: 0.32rem;
  }
  .customize-wrap {
    padding: 0.4rem 5%;
  }
  .customize-row {
    display: block;
  }
  .customize-top strong {
    font-size: 0.28rem;
  }
  .scope-list {
    display: grid;
    gap: 0.2rem;
    margin-top: 0.4rem;
    grid-template-columns: repeat(1, 1fr);
  }
  .scope-list li.active .scope-infos b {
    opacity: 1;
    transform: scale(1);
  }
  .scope-list li figure {
    height: 66vw;
  }
  .scope-list li figure img {
    width: 100%;
    object-fit: cover;
  }
  .service-list {
    margin-top: 0.4rem;
  }
  .service-list li {
    margin-bottom: 0.4rem;
    display: block;
  }
  .service-list li:last-child {
    margin-bottom: 0;
  }
  .service-imgs {
    width: 100%;
  }
  .service-infos {
    padding: 0.4rem 0.3rem;
    width: auto;
  }
  .guarantee-list {
    grid-template-columns: repeat(2, 1fr);
  }
  .cases-btn li {
    width: 1.1rem;
  }
  .scope-hide {
    display: block;
  }
  .service-advantage {
    padding: 0.7rem 0;
  }
  .service-advantage-list {
    margin-top: 0.4rem;
  }
  .ground-list {
    margin-top: 0.4rem;
    grid-template-columns: repeat(1, 1fr);
  }
  .ground-box {
    padding: 0.65rem 0 0;
  }
  .advatages-li {
    grid-template-columns: repeat(1, 1fr);
  }
  .process-box {
    padding: 0.66rem 0;
  }
  .process-list {
    gap: 0.4rem 0.2rem;
    margin-top: 0.5rem;
    grid-template-columns: repeat(2, 1fr);
  }
  .process-list li strong {
    font-size: 0.24rem;
  }
  .cases-flex {
    margin-top: 0.4rem;
    display: block;
  }
  .cases-imgs {
    width: 100%;
  }
  .cases-fixs {
    margin-left: 0;
    margin-top: 0.4rem;
    width: auto;
  }
  .cases-title {
    font-size: 0.3rem;
  }
  .history-btns {
    gap: 0 0.12rem;
  }
}