@media screen and (max-width: 1700px) {
  .webDesign .web-item1 .web-item1-box .item h6 {
    top: 0;
  }
  .about .about-us .advList li::not(:nth-child(9n)) {
    margin-right: 0.6rem;
  }
}
@media screen and (max-width: 1080px) {
  .about .about-culture ul li {
    height: auto;
    padding-bottom: 2rem;
  }
}
@media screen and (max-width: 991px) {
  .index .i-service .i-service-swiper:after,
  .about .about-history .box {
    display: none !important;
  }
  .about .about-history .box2 {
    display: block !important;
  }
  .index .index-banner {
    height: calc(100vh - 75px);
  }
  .index .index-banner .text-box {
    top: 50%;
    transform: translateY(-50%);
  }
  .index .index-banner .text-box .s-text {
    font-size: 1.25rem;
  }
  .index .index-banner .text-box .b-text {
    font-size: 2.0625rem;
  }
  .index .i-service {
    margin-top: 2.8125rem;
  }
  .index .i-service .box {
    flex-direction: column-reverse;
  }
  .index .i-service .box .r-table {
    width: 100%;
    height: auto;
    background-position: center;
    padding: 1.875rem 0;
    border-radius: 1.25rem;
  }
  .index .i-service .box .r-table ul {
    display: flex;
    margin-top: 0;
    justify-content: center;
    align-items: center;
  }
  .index .i-service .box .r-table ul li {
    font-size: 1rem;
  }
  .index .i-service .box .r-table ul li:not(:last-child) {
    margin-right: 0.8rem;
    margin-bottom: 0;
  }
  .index .i-service .box .r-table ul .on {
    font-size: 1.875rem;
  }
  .index .i-service .box .r-table .contact-btn {
    margin: 20px auto 0;
    width: 14rem;
  }
  .index .i-service .i-service-swiper {
    width: 100%;
    margin-top: 20px;
  }
  .index .i-work {
    margin-top: 2.40625rem;
  }
  .index .i-clients .top {
    flex-direction: column;
  }
  .index .i-clients .top .topBox {
    width: 100%;
    background-size: cover;
  }
  .index .i-clients .fenlei div {
    font-size: 16px;
  }
  .index .i-clients .clientsSwiperBtn .btn {
    width: 5.25rem;
    height: 5.25rem;
  }
  .index .i-clients .bot .w1700 {
    top: 0;
    flex-direction: column;
  }
  .index .i-clients .bot .w1700 .left,
  .index .i-clients .bot .w1700 .logoSwiper {
    width: 100%;
  }
  .index .i-clients .bot .w1700 .left .con {
    margin-top: 2rem;
    text-align: center;
  }
  .index .i-clients .bot .w1700 .logoSwiper {
    margin-top: 2rem;
  }
  .index .i-clients .bot .w1700 .logoSwiper .logoImg:not(:nth-child(6n)) {
    margin-right: 0;
  }
  .index .i-clients .bot .w1700 .logoSwiper .logoImg:not(:nth-child(3n)) {
    margin-right: 6rem;
  }
  .index .i-clients .letter {
    top: 50%;
    width: 50%;
  }
  .index .i-clients .sloganImg {
    width: 90%;
  }
  .index .i-about {
    min-height: auto;
    padding-bottom: 5rem;
  }
  .index .i-about .numBox {
    width: 100%;
  }
  .index .i-about .numBox .item p {
    font-size: 3.4375rem;
    line-height: 1.2;
    margin-bottom: 0;
  }
  .index .i-about .numBox .item .font16 {
    font-size: 14px;
  }
  .index .i-viewpoint .w1700 {
    flex-direction: column;
  }
  .index .i-viewpoint .l-box {
    width: 100%;
  }
  .index .i-viewpoint ul li {
    width: 48%;
  }
  .index .i-viewpoint ul li a {
    width: 100%;
  }
  .index .i-viewpoint .r-box {
    width: 100%;
    margin-top: 2rem;
  }
  .service .row {
    flex-direction: column;
    margin: 0;
  }
  .service .row .item {
    width: 100%;
    padding: 5rem 0 0 3rem;
  }
  .service .row .item:first-child {
    margin-bottom: 2.1875rem;
  }
  .service .s-container {
    overflow: hidden;
  }
  .service .s-container .item .ani-box {
    right: 2rem;
  }
  .webDesign .web-item1 {
    padding: 3.59375rem 0 2.656rem;
  }
  .webDesign .web-item1 .web-item1-box {
    grid-gap: 1.5rem;
    grid-template-rows: repeat(2, 20rem);
  }
  .webDesign .web-item1 .web-item1-box .item h6 {
    font-size: 1.625rem;
    left: 1.75rem;
  }
  .webDesign .web-item1 .web-item1-box .item .mask .title {
    font-size: 1.625rem;
  }
  .webDesign .web-item1 .web-item1-box .item .mask .text {
    margin-top: 1.5rem;
    font-size: 14px;
    line-height: 2;
  }
  .webDesign .web-item2 .web-item2-box {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 16.875rem);
    grid-template-areas: 'item1 item2 item3' 'item4 item5 item6' 'item7 . .';
  }
  .webDesign .web-item2 .web-item2-box .item {
    padding: 2rem;
  }
  .webDesign .web-item3 {
    padding: 2.5rem 0;
  }
  .webDesign .web-item4 {
    padding: 4.12rem 0 3.125rem;
    margin-bottom: 2.6526rem;
  }
  .webDesign .web-item4 .l-box .title-box {
    font-size: 3.75rem;
    line-height: 1;
  }
  .webDesign .web-item4 .r-box .item {
    padding: 1.5rem;
  }
  .webDesign .web-item4 .r-box .item .iconfont {
    right: 1rem;
  }
  .workXq {
    padding-top: 2.5rem;
  }
  .workXq .more2 {
    margin-top: 2.5rem;
  }
  .workXq .img-box {
    margin-top: 3.574rem;
  }
  .viewPoint {
    padding: 2.8125rem 0 3.9rem;
  }
  .viewPoint .viewpoint-title {
    flex-direction: column;
    align-items: baseline !important;
    position: relative;
  }
  .viewPoint .viewpoint-title img {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 0;
    width: 15rem;
  }
  .viewPointXq .viewPointXq-box {
    margin-top: 2.343rem;
    flex-direction: column;
  }
  .viewPointXq .viewPointXq-box .l-box,
  .viewPointXq .viewPointXq-box .r-box {
    width: 100%;
  }
  .viewPointXq .viewPointXq-box .l-box {
    margin-bottom: 3rem;
  }
  .viewPointXq .viewPointXq-box .l-box .tool {
    margin-top: 1.094rem;
  }
  .viewPointXq .viewPointXq-box .l-box .line {
    margin: 0.938rem 0;
  }
  .viewPointXq .viewPointXq-box .l-box .updownPageBox {
    margin-top: 2.187rem;
  }
  .about {
    padding-top: 3.28125rem;
  }
  .about .about-us .tip {
    width: 90%;
  }
  .about .about-us .numberList {
    justify-content: space-between !important;
  }
  .about .about-us .numberList li {
    flex-shrink: 0;
  }
  .about .about-us .numberList li span {
    font-size: 3.125rem;
  }
  .about .about-us .numberList li:not(:last-child) {
    margin-right: 0;
  }
  .about .about-us .tip2 {
    margin-top: 2rem auto 0;
  }
  .about .about-us .con {
    font-size: 1rem;
  }
  .about .about-us .advList {
    width: 100%;
  }
  .about .about-us .advList li {
    width: 18%;
  }
  .about .about-us .advList li:not(:nth-child(9n)) {
    margin-right: 0;
  }
  .about .about-us .advList li:not(:nth-child(5n)) {
    margin-right: 1%;
  }
  .about .about-layout .box .img-box {
    width: 5.625rem;
  }
  .about .about-layout .box .title {
    font-size: 1.5625rem;
  }
  .about .about-layout .box p {
    font-size: 14px;
  }
  .about .about-advantage .box .l-box p {
    font-size: 1.25rem;
  }
  .about .about-advantage .box .r-box .item {
    padding-top: 2.3435rem;
  }
  .about .about-advantage .box .r-box .item .title {
    font-size: 1.5rem;
  }
  .about .about-advantage .box .r-box .item .con {
    font-size: 16px;
  }
  .about .about-advantage .adv-btn {
    margin-top: 4.6875rem;
  }
  .about .about-advantage .adv-btn li {
    font-size: 1.25rem;
  }
  .about .about-contact {
    padding: 3.125rem 0 3.75rem;
  }
  .about .about-contact .w1700 {
    flex-direction: column;
  }
  .about .about-contact .l-box,
  .about .about-contact .r-box {
    width: 100%;
  }
  .about .about-contact .l-box .tel {
    margin-top: 1.125rem;
  }
  .about .about-contact .r-box {
    margin-top: 2rem;
  }
  .about .about-contact .r-box .formBox {
    margin-top: 1rem;
  }
}
@media screen and (max-width: 640px) {
  .index .i-clients .douhao {
    right: 5.375rem;
  }
  .index .i-clients .bot .w1700 .logoSwiper .logoImg:not(:nth-child(6n)) {
    margin-right: 1rem;
  }
  .index .i-about .numBox {
    flex-wrap: wrap;
  }
  .index .i-about .numBox .item {
    width: 50%;
  }
  .i-works ul {
    justify-content: space-between;
  }
  .i-works ul li {
    width: 48%;
  }
  .service .s-container .item .ani-box {
    transform: scale(0.8) translateY(-50%);
  }
  .service .s-container .item6 .ani-box {
    right: 0;
    top: 70%;
  }
  .webDesign .web-item1 .web-item1-box {
    display: flex;
    flex-direction: column;
  }
  .webDesign .web-item1 .web-item1-box .item {
    height: 25rem;
    background-size: cover;
  }
  .webDesign .web-item2 .web-item2-box {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 16.875rem);
    grid-template-areas: 'item1 item2' 'item3 item4' 'item5 item6' 'item7 .';
  }
  .webDesign .web-item4 .w1700 {
    flex-direction: column;
  }
  .webDesign .web-item4 .w1700 .l-box,
  .webDesign .web-item4 .w1700 .r-box {
    width: 100%;
  }
  .webDesign .web-item4 .w1700 .l-box {
    margin-bottom: 2.45rem;
  }
  .webDesign .web-item4 .w1700 .l-box .title-box {
    font-size: 2.5rem;
  }
  .webDesign .web-item4 .w1700 .l-box .text {
    margin-top: 2rem;
  }
  .viewPoint .viewpoint-list {
    justify-content: space-between;
  }
  .viewPoint .viewpoint-list li {
    width: 48%;
  }
  .viewPoint .viewpoint-list li:not(:nth-child(3n)) {
    margin-right: 0;
  }
  .about .about-us .numberList {
    flex-wrap: wrap;
  }
  .about .about-us .numberList li {
    width: 50%;
    text-align: center;
    margin-bottom: 1rem;
  }
  .about .about-culture ul {
    flex-wrap: wrap;
  }
  .about .about-culture ul li {
    width: 100%;
    margin-bottom: 1rem;
  }
  .about .about-culture ul li .title {
    padding-top: 2rem;
  }
  .about .about-layout {
    padding: 3.125rem 0 5.46rem;
  }
  .about .about-layout ul {
    justify-content: space-between;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding: 0 4%;
  }
  .about .about-layout ul li {
    width: 30%;
  }
}
@media screen and (max-width: 576px) {
  .service .s-container .item .ani-box {
    display: none;
  }
  .about .about-us .advList {
    justify-content: space-between;
  }
  .about .about-us .advList li {
    width: 30%;
    height: 8.25rem;
  }
  .about .about-us .advList li:not(:nth-child(5n)) {
    margin-right: 0;
  }
  .about .about-layout ul li {
    width: 50%;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 400px) {
  .work .tab {
    justify-content: space-between !important;
  }
  .work .tab li:not(:last-child) {
    margin-right: 0;
  }
}
@media screen and (max-width: 375px) {
  header .r-box .tel .font30 {
    font-size: 16px;
  }
  header.fixed .caidan {
    margin-left: 10px;
  }
  .index .i-clients .topBox:nth-child(1) {
    padding-top: 1.625rem;
  }
}