@media only screen and (max-width: 1400px) {
  :root {
    --navheight: 90px;
    --navigation: 70px;
    --posiheight:60px;
    --zoom: 1;
  }
  .index-banner .banner-tool .tool-main .swiper-button-next,
  .index-banner .banner-tool .tool-main .swiper-button-prev {
    width: 60px;
    height: 60px;
  }
}
@media only screen and (max-width: 1280px) {
  .footer-custom .footer-main .footer-right .cont-list .cont-item .cont-child .child-li .text {
    color: #777777;
    font-size: var(--fz14);
    line-height: 1.5;
    max-width: 200px;
    min-width: 130px;
  }
  .banner-page {
    padding-top: 41.6666666667%;
  }
  .index-banner {
    padding-top: 57.2916666667%;
  }
  .page-btn {
    width: 165px;
    height: 40px;
  }
  .page-btn .b-left {
    width: 40px;
    height: 40px;
  }
}
@media only screen and (max-width: 1150px) {
  .footer-custom .footer-main .footer-right .cont-list .cont-item .cont-child .child-li .text {
    min-width: 110px;
  }
}
@media only screen and (max-width: 1024px) {
  :root {
    --navheight: 80px;
    --navigation: 60px;
    --posiheight:54px;
    --zoom: 1;
  }
  .footer-custom .footer-main .footer-right .cont-list .cont-item .cont-child .child-li .text {
    color: #777777;
    font-size: var(--fz14);
    line-height: 1.5;
    max-width: 200px;
    min-width: 90px;
  }
  .navtop-custom .navtop-main .navtop-ul {
    display: none;
  }
  .navtop-custom .navtop-main .navtop-tool {
    display: none;
  }
  .navtop-custom .navtop-main .navtop-right-mobile {
    display: flex;
  }
  .page-btn {
    width: 145px;
    height: 40px;
  }
  .page-btn .b-left {
    width: 40px;
    height: 40px;
  }
}
@media only screen and (max-width: 960px) {
  .navigation-custom {
    display: none;
  }
  .footer-custom .footer-main .footer-right {
    display: none;
  }
  .footer-custom .footer-firend {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .temp-wrap3 .temp-item .tt .big {
    font-size: 1.5rem;
    line-height: 1;
  }
  .index-banner {
    padding-top: 67.7083333333%;
  }
  .index-banner .banner-tool .tool-main {
    display: none;
  }
  .banner-page {
    padding-top: 52.0833333333%;
  }
  .page-btn {
    width: 130px;
    height: 35px;
  }
  .page-btn .b-left {
    width: 35px;
    height: 35px;
  }
  .page-btn .b-right {
    font-size: var(--fz12);
  }
  .temp-wrap1 .right-item .tt .big {
    font-size: var(--fz60);
    line-height: 1;
  }
}
@media only screen and (max-width: 680px) {
  .index-banner {
    padding-top: 93.75%;
  }
  .banner-page {
    padding-top: 67.7083333333%;
  }
}
@media only screen and (max-width: 540px) {
  :root {
    --navheight: 70px;
    --navigation: 50px;
    --posiheight:50px;
    --zoom: 1;
  }
  .navtop-custom .navtop-main .navtop-logo {
    padding: 0 20px;
  }
  .navtop-custom .navtop-main .navtop-logo .logo {
    width: 100px;
    height: 42px;
  }
  .index-banner {
    padding-top: 119.7916666667%;
  }
  .index-banner .banner-item .pc-banner {
    opacity: 0;
    z-index: 0;
  }
  .index-banner .banner-item .mobile-banner {
    z-index: 1;
    opacity: 1;
  }
  .banner-page .pc-banner {
    opacity: 0;
    z-index: 0;
  }
  .banner-page .mobile-banner {
    z-index: 1;
    opacity: 1;
  }
  .banner-page {
    padding-top: 104.1666666667%;
  }
}
@media only screen and (max-width: 375px) {
  .banner-page {
    padding-top: 130.2083333333%;
  }
  .index-banner {
    padding-top: 145.8333333333%;
  }
}
@media only screen and (max-width: 1600px) {
  .service-page .service-wrap2 .wrap2-cont::after {
    left: var(--mobile-margin);
  }
  .about-page .about-wrap2 .wrap2-container {
    padding: 0 var(--mobile-margin);
  }
  .about-page .about-wrap2::after {
    clip-path: polygon(0 0, 100% 1%, 100% 100%, 9% 100%, 0 45%);
  }
}
@media only screen and (max-width: 1500px) {
  .caseview-page .caseview-wrap3 .wrap3-cont .swiper-button-prev,
  .caseview-page .caseview-wrap3 .wrap3-cont .swiper-button-next,
  .productview-page .productview-wrap5 .wrap5-cont .swiper-button-prev,
  .productview-page .productview-wrap5 .wrap5-cont .swiper-button-next {
    width: 50px;
    height: 50px;
  }
  .news-page .news-hot .swiper-button-prev,
  .news-page .news-hot .swiper-button-next {
    width: 12px;
    height: 44px;
  }
}
@media only screen and (max-width: 1400px) {
  .index-product .product-main .product-right .right-box {
    width: 340px;
    margin-left: 0.3rem;
  }
  .product-page .product-item .cont .cont-left {
    width: 24%;
    min-width: 280px;
  }
  .product-page .product-item .cont .cont-right .cont-image {
    width: 48%;
  }
  .recruit-page .recruitment-table {
    min-width: 100%;
  }
  .recruit-page .recruitment-table .recruitment-tr-2 {
    width: 12%;
  }
  .recruit-page .recruitment-table .recruitment-tr-3 {
    width: 12%;
  }
}
@media only screen and (max-width: 1280px) {
  .index-news .news-main .news-left .pic-box {
    width: 100%;
    height: 304px;
    border-radius: 10px 10px 0 0;
  }
  .index-news .news-main .news-left .cont .more-box {
    margin-top: 0.4rem;
  }
  .index-news .news-main .news-left .cont {
    padding: 0.35rem 0.3rem;
    box-sizing: border-box;
  }
  .index-service .service-main {
    width: 100%;
    height: 230px;
  }
  .product-page .product-item .cont .cont-right .cont-box .t-list .t-i {
    width: 50%;
  }
  .about-page .about-wrap2 .wrap2-container .wrap2-right {
    width: 50%;
  }
  .about-page .about-wrap2 .wrap2-container .wrap2-right .play-abs {
    width: 78px;
    height: 78px;
  }
  .about-page .about-wrap2 .wrap2-container .wrap2-right .play-abs::after {
    width: 22px;
    height: 25px;
  }
  .about-page .about-wrap4 .wrap4-hot .item {
    height: 470px;
  }
  .vcont-hot {
    width: 25%;
  }
  .service-page .service-wrap1 .wrap1-box1 .box1-abs {
    width: 420px;
    padding: 0.6rem;
    left: 0.8rem;
  }
  .service-page .service-wrap1 .wrap1-box1 .box1-abs .rich-text {
    height: 270px;
  }
  .service-page .service-wrap2 .wrap2-cont::after {
    width: 40px;
    height: 40px;
  }
  .service-page .service-wrap2 .wrap2-cont .wrap2-box {
    padding: 0.5rem 0 0;
  }
  .service-page .service-wrap3 .wrap3-cont .item .item-left {
    width: 121px;
  }
}
@media only screen and (max-width: 1024px) {
  .index-service .service-main {
    width: 100%;
    height: 180px;
  }
  .index-case .case-main .swiper-button-prev,
  .index-case .case-main .swiper-button-next {
    display: none !important;
  }
  .index-case .case-main {
    padding: 0;
  }
  .index-case .case-main .case-cont {
    max-width: 1500px;
    flex: none;
    width: var(--container-width);
    margin: 0;
    overflow: hidden;
  }
  .index-product .product-main .product-right .right-box {
    width: auto;
    display: flex;
    align-items: center;
    margin-left: 0.3rem;
  }
  .index-product .product-main .product-right .right-box:first-child {
    margin-left: 0;
  }
  .index-product .product-main .product-right .right-box .right-item {
    margin-top: 0.8rem !important;
    margin-left: 0.3rem;
  }
  .index-product .product-main .product-right .right-box .right-item:first-child {
    margin-left: 0;
  }
  .index-product .product-main {
    display: block;
  }
  .index-case .case-main .case-cont .swiper-item .swiper-right .pic-box {
    padding-top: 80%;
  }
  .about-page .about-wrap4 .wrap4-hot .item .item-cont .item-top .dd {
    height: 150px;
  }
  .about-page .about-wrap5 .hot-store .item .item-cont {
    padding: 15px;
  }
  .about-page .about-wrap4 .wrap4-hot .item {
    height: 370px;
  }
  .temp-wrap2 .temp-item {
    width: calc((100% - 20px) / 2);
    margin-right: 20px;
    margin-top: 20px;
  }
  .temp-wrap2 .temp-item:nth-child(4n) {
    margin-right: 20px;
  }
  .temp-wrap2 .temp-item:nth-child(2n) {
    margin-right: 0;
  }
  .about-page .about-wrap2 .wrap2-container .wrap2-right .play-abs {
    width: 58px;
    height: 58px;
  }
  .about-page .about-wrap2 .wrap2-container .wrap2-right .play-abs::after {
    transform: translate(-50%, -50%) scale(0.6);
  }
  .recruitview-page .recruitment3-main-1 .recruitment3-container-1 .recruitment3-wrap {
    width: 50%;
  }
  .recruit-page .recruitment-table .recruitment-tr-1 {
    padding: 0.3rem 0.2rem;
  }
  .recruit-page .recruitment-table .recruitment-tr-2 {
    padding: 0.3rem 0;
  }
  .recruit-page .recruitment-table .recruitment-tr-3 {
    padding: 0.3rem 0;
  }
  .contact-page .contact-wrap1 .wrap1-box .contact-map {
    width: 100%;
    height: 300px;
    position: relative;
    box-sizing: border-box;
    margin-top: 0.5rem;
  }
  .contact-page .contact-wrap2 .wrap2-main .wrap2-cont .swiper-slide {
    width: 62%;
  }
  .contact-page .contact-wrap2 .wrap2-main .wrap2-cont .swiper-slide:nth-child(2n) {
    width: 36%;
  }
  .contact-page .contact-wrap2 .wrap2-main .wrap2-cont {
    margin: 0;
  }
  .contact-page .contact-wrap2 .wrap2-main .swiper-button-prev,
  .contact-page .contact-wrap2 .wrap2-main .swiper-button-next {
    display: none !important;
  }
  .contact-page .contact-wrap3 .wrap3-item {
    padding: 0.7rem 0 0.8rem;
  }
  .contact-page .contact-wrap3 .wrap3-item .wrap3-cont {
    padding-top: 0.36rem;
  }
  .contact-page .contact-wrap3 .wrap3-item .wrap3-cont .dd {
    margin: 0.38rem auto 0;
  }
  .contact-page .contact-wrap3 .wrap3-item .wrap3-cont .more {
    margin: 0.42rem auto 0;
  }
  .contact-wrap .contact-form .contact-item {
    width: calc((100% - 0.3rem) / 2);
    margin-right: 0.3rem;
    margin-top: 0.3rem;
  }
  .contact-wrap .contact-form .contact-item:nth-child(3n) {
    margin-right: 0.3rem;
  }
  .contact-wrap .contact-form .contact-item:nth-child(2n) {
    margin-right: 0;
  }
  .caseview-page .caseview-wrap2 .list .item {
    width: calc((100% - 0.5rem) / 2);
    height: 130px;
    margin-right: 0.5rem;
  }
  .caseview-page .caseview-wrap2 .list .item:nth-child(3n) {
    margin-right: 0.5rem;
  }
  .caseview-page .caseview-wrap2 .list .item:nth-child(2n) {
    margin-right: 0;
  }
  .caseview-page .caseview-wrap3 .wrap3-cont .swiper-button-prev,
  .caseview-page .caseview-wrap3 .wrap3-cont .swiper-button-next,
  .productview-page .productview-wrap5 .wrap5-cont .swiper-button-prev,
  .productview-page .productview-wrap5 .wrap5-cont .swiper-button-next {
    width: 45px;
    height: 45px;
  }
  .news-page .news-hot .swiper-button-prev, .news-page .news-hot .swiper-button-next {
    width: 10px;
    height: 36px;
    left: 17%;
  }
  .news-page .news-hot .swiper-button-next {
    left: auto;
    right: 17%;
  }
  .case-page .case-wrap .list .item {
    width: calc((100% - 0.3rem) / 2);
  }
  .case-page .case-wrap .list .item:nth-child(3n) {
    margin-right: 0.3rem;
  }
  .case-page .case-wrap .list .item:nth-child(2n) {
    margin-right: 0;
  }
  .case-page .case-wrap .list .item .cont {
    padding: 0.5rem 0.3rem;
  }
}
@media only screen and (max-width: 960px) {
  .productview-page .productview-wrap4 .wrap4-main .wrap4-list .item {
    width: calc((100% - 0.3rem) / 2);
    margin-right: 0.3rem;
    margin-top: 0.3rem;
  }
  .productview-page .productview-wrap4 .wrap4-main .wrap4-list .item:nth-child(3n) {
    margin-right: 0.3rem;
  }
  .productview-page .productview-wrap4 .wrap4-main .wrap4-list .item:nth-child(2n) {
    margin-right: 0;
  }
  .product-page .product-item .cont .cont-left {
    width: 100%;
    min-width: 350px;
  }
  .product-page .product-item .cont .cont-right {
    margin: 0;
    padding-top: 0.6rem;
  }
  .product-page .product-item .cont {
    display: block;
  }
  .about-page .about-wrap4 .wrap4-list .item {
    width: 50%;
  }
  .about-page .about-wrap5 .all-store .store-box .store-left {
    flex-shrink: 0;
    min-width: 120px;
    width: 25%;
  }
  .about-page .about-wrap6 .wrap6-main .swiper-button-prev,
  .about-page .about-wrap6 .wrap6-main .swiper-button-next {
    display: none !important;
  }
  .about-page .about-wrap4 .wrap4-hot {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .about-page .about-wrap4 .wrap4-hot .item {
    width: calc((100% - 0.3rem) / 2);
    margin: 0.3rem 0 0 !important;
    height: 400px;
  }
  .about-page .about-wrap4 .wrap4-hot .item.on {
    width: calc((100% - 0.3rem) / 2);
  }
  .about-page .about-wrap4 .wrap4-hot .item .item-bg {
    opacity: 1;
  }
  .about-page .about-wrap4 .wrap4-hot .item::after {
    opacity: 1;
  }
  .about-page .about-wrap4 .wrap4-hot .item .item-cont {
    padding: 0.6rem 0.65rem 0.35rem;
  }
  .about-page .about-wrap4 .wrap4-hot .item .item-cont .item-top .tt {
    color: #FFFFFF;
    justify-content: flex-start;
    writing-mode: horizontal-tb;
    text-orientation: mixed;
    font-size: var(--fz30);
  }
  .about-page .about-wrap4 .wrap4-hot .item .item-cont .item-top .dd {
    display: block;
  }
  .about-page .about-wrap4 .wrap4-hot .item .item-cont .icon {
    margin: 0 0 0 auto;
    filter: brightness(0) invert(1);
  }
  .about-page .about-wrap5 .all-store .store-box {
    width: 100%;
    margin: 0 !important;
  }
  .about-page .about-wrap5 .all-store .store-box:not(:first-child) {
    margin-top: 0.5rem !important;
  }
  .vcont-hot {
    display: none;
  }
  .news-page .news-hot .hot-swiper .swiper-slide {
    transform: scale(0.85);
    transition: all 0.4s;
  }
  .news-page .news-hot .hot-swiper .swiper-item .swiper-pic {
    width: 50%;
    flex-shrink: 0;
  }
  .news-page .news-list .list-main .list .item {
    width: calc((100% - 0.4rem) / 2);
    margin-top: 0.4rem;
    margin-right: 0.4rem;
  }
  .news-page .news-list .list-main .list .item:nth-child(3n) {
    margin-right: 0.4rem;
  }
  .news-page .news-list .list-main .list .item:nth-child(2n) {
    margin-right: 0;
  }
  .service-page .service-wrap1 .wrap1-box1 .box1-bg {
    width: 100%;
    padding-top: 400px;
  }
  .service-page .service-wrap1 .wrap1-box1 .box1-abs {
    width: 360px;
    padding: 0.6rem;
    left: 0.8rem;
  }
  .service-page .service-wrap1 .wrap1-box1 .box1-abs .rich-text {
    height: 220px;
  }
  .service-page .service-wrap1 .wrap1-box2 {
    justify-content: center;
  }
  .service-page .service-wrap1 .wrap1-box2 .item {
    width: 33.333%;
    padding: 0 10px;
    box-sizing: border-box;
    margin-top: 1rem;
  }
  .service-page .service-wrap2 .wrap2-bg {
    width: 100%;
    padding-top: 31.25%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
  }
  .service-page .service-wrap3 .wrap3-cont .item {
    width: 50%;
    margin-bottom: 1.06rem;
    padding-right: 0.3rem;
  }
  .service-page .service-wrap3 .wrap3-cont .item .item-left {
    width: 100px;
  }
  .product-page .product-main .product-tool .vtool-box .vtool-search {
    max-width: 300px;
  }
  .product-page .product-main .list .item {
    width: calc((100% - 0.3rem) / 2);
    margin-top: 0.6rem;
    margin-right: 0.3rem;
  }
  .product-page .product-main .list .item:nth-child(3n) {
    margin-right: 0.3rem;
  }
  .product-page .product-main .list .item:nth-child(2n) {
    margin-right: 0;
  }
  .news-page .news-hot .swiper-button-prev, .news-page .news-hot .swiper-button-next {
    left: 13.7%;
  }
  .news-page .news-hot .swiper-button-next {
    left: auto;
    right: 13.7%;
  }
}
@media only screen and (max-width: 768px) {
  .index-service .service-main .tt {
    color: #FFFFFF;
    font-size: var(--fz30);
    line-height: 1.2;
    text-align: center;
    font-weight: 550;
    width: 86%;
  }
  .index-service .service-main {
    width: 100%;
    height: 130px;
  }
  .index-news .news-main {
    display: block;
  }
  .index-news .news-main .news-left {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
  }
  .index-news .news-main .news-left .pic-box {
    width: 100%;
    height: auto;
    border-radius: 10px 10px 0 0;
    padding-top: 57.7142857143%;
  }
  .index-news .news-main .news-right {
    margin-left: 0;
    margin-top: 1rem;
  }
  .index-news .news-main .news-right .right-item {
    height: auto;
    padding: 0.5rem 0.4rem;
  }
  .index-case .case-main .case-cont .swiper-item .swiper-left {
    padding: 1rem;
  }
  .index-case .case-main .case-cont .swiper-item .swiper-right {
    width: 100%;
  }
  .index-case .case-main .case-cont .swiper-item .swiper-right .pic-box {
    padding-top: 66.6666666667%;
  }
  .index-case .case-main .case-cont .swiper-item {
    display: block;
  }
  .index-product .product-main .product-right {
    flex-wrap: wrap;
  }
  .index-product .product-main .product-right .right-box {
    width: 100%;
    margin-left: 0 !important;
    flex-wrap: wrap;
  }
  .index-about .about-main {
    display: block;
  }
  .index-about .about-main .about-right {
    max-width: 1000px;
    margin-left: 0;
    margin-top: 1rem;
  }
  .product-page .product-main .product-tool .vtool-box {
    display: block;
  }
  .product-page .product-main .product-tool .vtool-box .news-select {
    margin-right: 0;
    transition: all 0.4s;
    flex: 1;
    max-width: 100%;
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .product-page .product-main .product-tool .vtool-box .vtool-search {
    max-width: 100%;
    width: 100%;
  }
  .productview-page .productview-wrap1 .wrap1-main .item {
    width: 33.3333%;
  }
  .product-page .product-item:nth-child(2n) .cont .cont-left .page-title {
    display: flex;
    justify-content: flex-start;
    padding-right: 28px;
  }
  .product-page .product-item .cont .cont-right .cont-image {
    width: 100%;
    max-width: 300px;
  }
  .product-page .product-item .cont .cont-right.on {
    display: block;
  }
  .about-page .about-wrap3 .wrap3-main .wrap3-cont .count::after {
    width: 10px;
    height: 10px;
    top: 5px;
    left: -15px;
  }
  .about-page .about-wrap5 .hot-store .item {
    width: 100%;
    margin-right: 0 !important;
    vertical-align: top;
    margin-bottom: 0.8rem;
  }
  .about-page .about-wrap4 .wrap4-hot .item {
    width: 100%;
  }
  .about-page .about-wrap4 .wrap4-hot .item.on {
    width: 100%;
  }
  .about-page .about-wrap3 .wrap3-main .wrap3-progress {
    margin-top: 1rem;
  }
  .about-page .about-wrap3 .wrap3-main .wrap3-tool {
    margin-top: 2.5rem;
  }
  .about-page .about-wrap2 .wrap2-container {
    display: block;
  }
  .about-page .about-wrap2 .wrap2-container .wrap2-right {
    width: 100%;
    margin: 0.8rem 0 0;
  }
  .recruit-page .recruitment-table .recruitment-tr-2 {
    display: none;
  }
  .recruit-page .recruitment-table .recruitment-tr-2.vv2 {
    display: block;
    width: 40%;
  }
  .recruit-page .recruitment-table .recruitment-tr-3 {
    display: none;
  }
  .contact-page .contact-wrap2 .wrap2-main .wrap2-cont .swiper-slide {
    width: 85%;
  }
  .contact-page .contact-wrap2 .wrap2-main .wrap2-cont .swiper-slide:nth-child(2n) {
    width: 51%;
  }
  .contact-page .contact-wrap3 {
    display: block;
  }
  .contact-page .contact-wrap1 .wrap1-other .other-list .other-item.on .text {
    padding: 0.3rem 0.3rem;
  }
  .contact-page .contact-wrap1 .wrap1-other .other-list .other-item .cclick {
    margin-top: 20px;
  }
  .contact-page .contact-wrap1 .wrap1-other .other-list .other-item {
    width: calc((100% - 0.3rem) / 2);
    margin-top: 0.2rem;
    margin-right: 0.3rem;
    transition: all 0.2s;
  }
  .contact-page .contact-wrap1 .wrap1-other .other-list .other-item:nth-child(3n) {
    margin-right: 0.3rem;
  }
  .contact-page .contact-wrap1 .wrap1-other .other-list .other-item:nth-child(2n) {
    margin-right: 0;
  }
  .contact-page .contact-wrap1 .wrap1-box .wrap1-list .wrap1-item {
    width: 100%;
    border-right: none;
    padding: 0;
    margin-top: 0.4rem;
  }
  .contact-page .contact-wrap1 .wrap1-box .wrap1-list .wrap1-item:first-child {
    margin-top: 0;
  }
  .service-page .service-wrap2 .wrap2-cont .wrap2-box .wrap2-right {
    width: 45%;
    flex-shrink: 0;
    margin-left: 0.8rem;
    padding: 0.8rem 0 0.5rem;
    box-sizing: border-box;
  }
  .service-page .service-wrap2 .wrap2-cont .wrap2-box {
    padding: 1.2rem 0 0;
  }
  .service-page .service-wrap2 .wrap2-cont::after {
    width: 30px;
    height: 30px;
  }
  .service-page .service-wrap1 .wrap1-box1 .box1-bg {
    width: 100%;
    padding-top: 300px;
  }
  .service-page .service-wrap1 .wrap1-box1 .box1-abs {
    width: 300px;
    padding: 0.6rem;
    left: 0.8rem;
  }
  .service-page .service-wrap1 .wrap1-box1 .box1-abs .rich-text {
    height: 180px;
  }
  .service-page .service-wrap1 .wrap1-box2 .item .item-pic {
    width: 64px;
    height: 64px;
  }
  .caseview-page .caseview-wrap1 {
    padding: 1.2rem 0;
  }
  .caseview-page .caseview-wrap2 {
    padding: 1.2rem 0;
  }
  .caseview-page .caseview-wrap3 {
    padding: 1.2rem 0;
  }
  .productview-page .productview-wrap5 {
    padding: 0.9rem 0 1rem;
  }
  .caseview-page .caseview-wrap3 .wrap3-cont .swiper-button-prev,
  .caseview-page .caseview-wrap3 .wrap3-cont .swiper-button-next,
  .productview-page .productview-wrap5 .wrap5-cont .swiper-button-prev,
  .productview-page .productview-wrap5 .wrap5-cont .swiper-button-next,
  .news-page .news-hot .swiper-button-prev,
  .news-page .news-hot .swiper-button-next {
    display: none !important;
  }
  .caseview-page .caseview-wrap3 .wrap3-cont,
  .productview-page .productview-wrap5 .wrap5-cont {
    padding: 0;
    width: var(--container-width);
    margin: 0.8rem auto 0;
  }
  .productview-page .productview-wrap5 .wrap5-cont {
    margin: 0.6rem auto 0;
  }
  .caseview-page .caseview-wrap3 .wrap3-cont .wrap3-main,
  .productview-page .productview-wrap5 .wrap5-cont .wrap5-main {
    margin: 0;
  }
  .caseview-page .caseview-wrap4 .wrap4-cont {
    margin-top: 0.5rem;
  }
  .caseview-page .caseview-wrap1 .wrap1-cont {
    display: block;
  }
  .caseview-page .caseview-wrap1 .wrap1-cont .wrap1-left {
    width: 100%;
  }
  .caseview-page .caseview-wrap1 .wrap1-cont .wrap1-right {
    width: 100%;
    flex-shrink: 0;
    margin-left: 0;
    margin-top: 1rem;
  }
  .product-page .product-item .cont .cont-left {
    width: 100%;
    min-width: unset;
    max-width: unset;
  }
  .caseview-page .caseview-wrap3 .wrap3-cont .wrap3-main .swiper-item .pic-box {
    padding-top: 57%;
  }
}
@media only screen and (max-width: 680px) {
  .recruitview-page .recruitment3-main-1 .recruitment3-container-1 .recruitment3-wrap {
    width: 100%;
  }
  .newview-toolbox .newview-tool {
    display: block;
  }
  .newview-toolbox .newview-tool .page-btn {
    margin-top: 0.5rem;
  }
  .news-page .news-list .list-main .list .item {
    width: 100%;
    margin-top: 0.4rem;
    margin-right: 0;
  }
  .news-page .news-hot .hot-swiper .swiper-item {
    display: block;
  }
  .news-page .news-hot .hot-swiper .swiper-item .swiper-pic {
    width: 100%;
  }
  .news-page .news-hot .hot-swiper .swiper-item .swiper-cont .page-btn {
    margin-top: 0.8rem;
  }
  .case-page .case-wrap .list .item {
    width: 100%;
    margin-right: 0;
  }
  .case-page .case-wrap .list .item:nth-child(3n) {
    margin-right: 0;
  }
  .case-page .case-wrap .list .item:nth-child(2n) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 540px) {
  .product-page .product-main .list .item {
    width: 100%;
    margin-top: 0.6rem;
    margin-right: 0 !important;
  }
  .product-banner .banner-main {
    flex-direction: column-reverse;
  }
  .product-banner .banner-main .banner-right {
    width: 100%;
    flex-shrink: 0;
    margin-left: 0;
    margin-bottom: 0.6rem;
  }
  .productview-page .productview-wrap1 .wrap1-main .item {
    width: 50%;
  }
  .productview-page .productview-wrap4 .wrap4-main .wrap4-list .item {
    width: 100%;
    margin-right: 0;
    margin-top: 0.3rem;
  }
  .productview-page .productview-wrap4 .wrap4-main .wrap4-list .item:nth-child(3n) {
    margin-right: 0;
  }
  .about-page .about-wrap3 .wrap3-main .wrap3-cont.on {
    display: block;
  }
  .about-page .about-wrap3 .wrap3-main .wrap3-cont .cont {
    margin: 0.6rem 0 0 !important;
  }
  .about-page .about-wrap5 .all-store .store-box {
    display: block;
  }
  .about-page .about-wrap5 .all-store .store-box .store-right {
    margin-top: 0.5rem;
  }
  .about-page .about-wrap4 .wrap4-list .item {
    width: 100%;
  }
  .temp-wrap2 .temp-item {
    width: 100%;
    margin-right: 0;
    margin-top: 20px;
    padding: 0.5rem 0.3rem;
  }
  .contact-page .contact-wrap2 .wrap2-main .wrap2-cont .swiper-slide {
    width: 100%;
  }
  .contact-page .contact-wrap2 .wrap2-main .wrap2-cont .swiper-slide:nth-child(2n) {
    width: 60%;
  }
  .contact-page .contact-wrap1 .wrap1-other .other-list .other-item {
    width: 100%;
    margin-top: 0.2rem;
    margin-right: 0 !important;
    transition: all 0.2s;
  }
  .service-page .service-wrap3 .wrap3-cont .item {
    width: 100%;
    margin-bottom: 1.06rem;
    padding-right: 0.3rem;
  }
  .service-page .service-wrap2 .wrap2-cont .wrap2-box .wrap2-right {
    width: 100%;
    flex-shrink: 0;
    margin-left: 0;
    padding: 0.8rem 0 0.5rem;
    box-sizing: border-box;
  }
  .service-page .service-wrap2 .wrap2-cont .wrap2-box {
    display: block;
  }
  .service-page .service-wrap2 .wrap2-bg {
    padding-top: 41.6666666667%;
  }
  .service-page .service-wrap1 .wrap1-box2 .item {
    width: 50%;
    padding: 0 10px;
    box-sizing: border-box;
    margin-top: 1rem;
  }
  .caseview-page .caseview-wrap2 .list .item {
    width: 100%;
    height: 100px;
    margin-right: 0 !important;
  }
  .contact-wrap .contact-form .contact-item {
    width: 100%;
    margin-right: 0 !important;
    margin-top: 0.3rem;
  }
}
@media only screen and (max-width: 480px) {
  .index-service .service-main {
    width: 100%;
    height: 150px;
  }
  .index-service .service-main {
    clip-path: polygon(100% 0, 100% 80%, 95% 100%, 0 100%, 0 20%, 5% 0);
  }
  .index-service .service-main .tt {
    color: #FFFFFF;
    font-size: var(--fz20);
    line-height: 1.2;
    text-align: center;
    font-weight: 550;
    width: 86%;
  }
  .service-page .service-wrap2 .wrap2-bg {
    padding-top: 52.0833333333%;
  }
  .service-page .service-wrap1 .wrap1-box1 .box1-abs {
    width: 250px;
    padding: 0.6rem;
    left: 0.8rem;
  }
  .service-page .service-wrap1 .wrap1-box1 .box1-abs .rich-text {
    height: 180px;
  }
}/*# sourceMappingURL=baili_ws.css.map */