@media screen and (max-width: 1700px) {
  .w1700 {
    width: 88.54%;
  }
  .contactUs .contact-box .w1500 {
    width: 88.24%;
  }
}
@media screen and (max-width: 1600px) {
  .w1600 {
    width: 83.33%;
  }
  .w1350 {
    width: 70.3125%;
  }
  .customerService .service-item2 {
    padding-bottom: 36.0625rem;
  }
  .development .deve-item4 .right .swiper-btn {
    margin-top: 0;
  }
  .development .deve-item4 .left ul li:not(:last-child) {
    margin-bottom: 1.1875rem;
  }
}
@media screen and (max-width: 1550px) {
  .about .about-honor .honor-swiper {
    padding-top: 2.125rem;
  }
  .about .about-honor .honor-swiper .swiper-slide-active .jizuo img {
    margin: -5px auto 0;
  }
  .about .about-honor .honor-swiper .jizuo img:nth-child(1) {
    width: 20.875rem;
  }
  .about .about-honor .honor-swiper .jizuo img:nth-child(2) {
    width: 44.125rem;
  }
  .about .about-honor .honor-swiper .swiper-slide-active {
    top: -1.8125rem !important;
  }
  .contactUs .contact-box .container .left {
    width: 90%;
  }
  .contactUs .contact-box .container .left .left-box {
    width: 45%;
  }
  .contactUs .contact-box .container .left .right-box {
    width: 48%;
  }
}
@media screen and (max-width: 1500px) {
  .w1500 {
    width: 78.125%;
  }
}
@media screen and (max-width: 1440px) {
  .about .about-honor {
    height: auto;
  }
  .about .about-honor .w1700 {
    padding: 6.25rem 0;
  }
  .about .about-honor .honor-swiper {
    height: 41.5rem;
  }
}
@media screen and (max-width: 1280px) {
  header .header-nav .one-Nav a {
    font-size: 14px;
  }
  header .header-logo {
    width: 12.8%;
  }
  .pc-subNavBox .right .pc-subNav .item:nth-child(7) {
    margin-right: 5.1%;
  }
  .pc-subNavBox .right .pc-subNav .item:nth-child(6) {
    margin-right: 5%;
  }
  .pc-subNavBox .right .pc-subNav .item:nth-child(2) {
    margin-right: 2.4%;
  }
  .pc-subNavBox .right .pc-subNav .item:nth-child(3) {
    margin-right: 3.9%;
  }
  header .header-nav,
  .pc-subNavBox .right .pc-subNav {
    margin-right: 5.5%;
  }
  .contactUs .contact-box .container .left .item:nth-child(odd) {
    width: 68%;
  }
  .contactUs .contact-box .container .left .item {
    font-size: 14px;
    line-height: 16px;
  }
  .indexBanner .bannerText {
    width: 22.25rem;
  }
}
@media screen and (max-width: 991px) {
  header,
  .pc-subNavBox,
  .crumbs,
  .about .about-history .time-line-container,
  .about .about-history .full-line,
  footer .footer-top .footer-nav {
    display: none;
  }
  .nav-box {
    display: block;
  }
  .nav-box .stock-btn {
    width: auto;
    height: auto;
    font-size: 12px;
    line-height: 12px;
    padding: 10px;
  }
  footer .footer-top {
    justify-content: center;
  }
  .inside-banner {
    margin-top: 64px;
  }
  .inside-banner .banner-text {
    font-size: 1.875rem;
    line-height: 1.875rem;
  }
  .about .about-profile .item-1 .w1700 {
    flex-direction: column-reverse;
  }
  .about .about-profile .item-1 .w1700 .left,
  .about .about-profile .item-1 .w1700 .right {
    width: 100%;
    padding: 0;
  }
  .about .about-profile .item-1 .w1700 .left {
    margin-top: 20px;
  }
  .about .about-profile .item-1 .bg-img {
    display: none;
  }
  .about .about-profile .item-1 .right .down {
    margin: 2.1875rem auto 0;
  }
  .about .about-profile .item-3 .text-box .con {
    width: 100%;
  }
  .about .about-profile .item-3 .partners-box {
    width: 100%;
    height: auto;
    padding-bottom: 3.125rem;
  }
  .about .about-profile .item-3 #earth {
    position: relative;
    right: unset;
    margin: 0 auto;
    width: 34rem;
    height: 34rem;
  }
  .about .about-industrial .container {
    flex-direction: column;
  }
  .about .about-industrial .container .left,
  .about .about-industrial .container .right {
    width: 100%;
    border-radius: 16px;
  }
  .about .about-industrial .container .left {
    margin-bottom: 20px;
  }
  .about .about-industrial .container .left .item {
    padding: 5%;
    margin-top: 0;
  }
  .about .about-industrial .container .left .item .con {
    margin-top: 20px;
  }
  .about .about-industrial .right .icon-box {
    font-size: 14px;
    line-height: 14px;
  }
  .about .about-industrial .right .icon-box .icon {
    font-size: 22px;
  }
  .about .about-industrial .about-project {
    padding-bottom: 0;
  }
  .about .about-industrial .about-project .img-box {
    height: auto;
  }
  .about .about-honor {
    background-size: cover;
  }
  .about .about-honor .honor-swiper {
    padding-top: 0;
    margin-top: 0;
  }
  .about .about-honor .honor-swiper .swiper-wrapper .swiper-slide-active {
    width: 100% !important;
    height: auto;
    top: 0 !important;
  }
  .about .about-honor .honor-swiper .img-box {
    width: 100% !important;
    height: auto;
  }
  .about .about-honor .honor-swiper .swiper-slide-active {
    height: auto;
    width: 100% !important;
    top: 0 !important;
  }
  .about .about-honor .honor-swiper .swiper-slide-active .jizuo img:nth-child(2) {
    width: 70%;
    left: unset;
    transform: none;
  }
  .about .about-honor .honor-swiper .swiper-button-next,
  .about .about-honor .honor-swiper .swiper-button-prev {
    top: 50%;
  }
  .about .about-social {
    flex-direction: column;
    position: relative;
    padding: 0 3%;
  }
  .about .about-social .left,
  .about .about-social .right {
    width: 100%;
  }
  .about .about-social .left .swiper-btn {
    margin-top: 0;
    margin-bottom: 20px;
  }
  .about .aboutEarth {
    position: relative;
    top: unset;
    right: unset;
    transform: none;
    margin: 0 auto 2rem;
  }
  .product .drive-item1 .con {
    width: 94%;
    margin: 0 auto;
  }
  .product .drive-item1 .container .cir-box {
    width: 25rem;
    height: 25rem;
  }
  .product .drive-item1 .container .cir-box .center-cir {
    width: 25rem;
    height: 25rem;
  }
  .product .drive-item1 .container .cir-box .cir {
    width: 15rem;
    height: 15rem;
  }
  .product .drive-item1 .container .cir-box .item-box .item-img {
    width: 3.5rem;
    height: 3.5rem;
  }
  .product .drive-item1 .container .cir-box .item-box p {
    font-size: 1rem;
    line-height: 1rem;
  }
  .product .drive-item1 .container .cir-box .item-box.on .item-img {
    width: 6.5rem;
    height: 6.5rem;
  }
  .product .drive-item1 .container .cir-box .item-box.on .drive-line {
    width: 14rem;
  }
  .product .drive-item1 .container .cir-box .item-box.on p {
    font-size: 1.2rem;
    line-height: 1.2rem;
  }
  .product .drive-item1 .contianer .tip-box .tip-item .tip-cn-title {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }
  .product .drive-item1 .contianer .tip-box .tip-item .tip-en-title {
    margin-top: 1rem;
    font-size: 0.5rem;
    line-height: 0.5rem;
  }
  .companyNews .companyNews-list li {
    width: 48%;
  }
  .companyNews .companyNews-list li:not(:nth-child(3n)) {
    margin-right: 0;
  }
  .companyNews .companyNews-list li:not(:nth-child(2n)) {
    margin-right: 2%;
  }
  .newView .w1700 {
    flex-direction: column;
  }
  .newView .w1700 .left,
  .newView .w1700 .right {
    width: 100%;
  }
  .newView .w1700 .right {
    margin-top: 3rem;
  }
  .investor .investor-item1 .content {
    flex-direction: column;
  }
  .investor .investor-item1 .content .mleft {
    margin-left: 0;
    margin-top: 1.25rem;
  }
  .investor .investor-item5 .investor-item5-box {
    flex-wrap: wrap;
  }
  .investor .investor-item5 .investor-item5-box .box-s {
    width: 32%;
  }
  .investor .investor-item5 .investor-item5-box .box-b {
    width: 100%;
    margin-top: 20px;
  }
  .investor .investor-item5 .investor-item5-box .box-b .content .item .item-title {
    padding: 0 0.813rem;
  }
  .contactHR .container {
    flex-wrap: wrap;
  }
  .contactHR .container .contactHR-box {
    width: 45%;
    margin-bottom: 2rem;
  }
  .contactUs .contact-box .container .left {
    flex-direction: column;
  }
  .contactUs .contact-box .container .left .left-box,
  .contactUs .contact-box .container .left .right-box {
    width: 100%;
  }
  .contactUs .contact-box .container .left .right-box {
    margin-top: 2.1875rem;
  }
  .contactUs .contact-box .container .left .right-box .item:not(:last-child) {
    margin-bottom: 2.1875rem;
  }
  .contactUs .contact-box .container .left .item:nth-child(odd) {
    width: 100%;
  }
  .contactUs .contact-box .container .left .item:nth-child(1) {
    order: 1;
  }
  .contactUs .contact-box .container .left .item:nth-child(2) {
    order: 5;
  }
  .contactUs .contact-box .container .left .item:nth-child(3) {
    order: 2;
  }
  .contactUs .contact-box .container .left .item:nth-child(4) {
    order: 6;
  }
  .contactUs .contact-box .container .left .item:nth-child(5) {
    order: 3;
  }
  .contactUs .contact-box .container .left .item:nth-child(6) {
    order: 7;
  }
  .contactUs .contact-box .container .left .item:nth-child(7) {
    order: 4;
    margin-bottom: 2.1875rem;
  }
  .contactUs .contact-box .container .left .item:nth-child(8) {
    order: 8;
  }
  .indexBanner {
    margin-top: 64px;
    width: 100%;
  }
  .down img {
    max-width: 30%;
  }
}
@media screen and (max-width: 768px) {
  .customerService .service-item1 .box .title .right,
  footer .footer-center {
    display: none;
  }
  footer .m-footer-center {
    display: block;
  }
  .indexNews .indexNewsSwiper-center .swiper-slide-active a .text-box {
    padding-top: 5px;
  }
  .indexBanner .text-box .banner-title {
    width: 30%;
    margin: 2% auto;
  }
  .indexBanner .text-box a img {
    width: 20%;
  }
  .indexBanner .img-box {
    height: 400px;
    width: 100%;
    overflow: hidden;
  }
  .indexBanner .img-box .bgImg {
    height: 100%;
    width: auto;
  }
  footer .footer-center {
    flex-direction: column;
  }
  footer .footer-center ul {
    width: 100%;
  }
  footer .footer-center ul li:not(:last-child) {
    margin-bottom: 10px;
  }
  footer .footer-center ul:not(:last-child) {
    margin-bottom: 30px;
  }
  footer .footer-bottom {
    height: auto;
    padding: 15px 0;
  }
  .nav-box .m-logo {
    left: 42%;
    width: 40%;
  }
  .nav-box .m-logo img {
    display: block;
    width: 100%;
  }
  .indexNews .indexNewsSwiperBox .swiper-btn {
    position: relative;
  }
  .product {
    padding: 3rem 0 4rem;
  }
  .investor-title .en-title {
    font-size: 2.75rem;
    line-height: 2.75rem;
  }
  .investor-title .cn-title {
    font-size: 1.875rem;
    line-height: 1.875rem;
    margin-top: 0.875rem;
  }
  .development .deve-item1 .container {
    flex-direction: column;
  }
  .development .deve-item1 .container .left,
  .development .deve-item1 .container .right {
    width: 100%;
  }
  .development .deve-item4 {
    padding: 3rem 0;
  }
  .development .deve-item4 .w1700 {
    flex-direction: column;
    height: auto;
  }
  .development .deve-item4 .w1700 .left,
  .development .deve-item4 .w1700 .right {
    width: 100%;
  }
  .development .deve-item4 .w1700 .left {
    margin-bottom: 15px;
  }
  .development .deve-item4 .left ul {
    display: none;
  }
  .development .deve-item6 .w1500 {
    width: 90.125%;
  }
  .development .deve-item6 .box ul li {
    width: 32%;
  }
  .development .deve-item6 .box ul li .img-box {
    height: 23rem;
  }
  .development .deve-item6 .box ul li:not(:nth-child(3n)) {
    margin-right: 2%;
  }
  .contactUs .contact-box .container {
    flex-direction: column;
  }
  .contactUs .contact-box .container .left,
  .contactUs .contact-box .container .right {
    width: 100%;
  }
  .contactUs .contact-box .container .right {
    margin-top: 2rem;
  }
}
@media screen and (max-width: 640px) {
  .product .drive-item1 .container2 .item .item-box .con p:not(:nth-child(4))::after {
    content: none;
  }
  .inside-banner {
    height: 200px;
  }
  .inside-banner img {
    height: 100%;
    width: auto;
    margin-left: 50%;
    transform: translateX(-50%);
  }
  .about .aboutEarth {
    width: 100%;
  }
  .about .about-profile .item-2 {
    height: auto;
    padding: 1rem 0;
  }
  .about .about-profile .item-2 .w1600 {
    flex-wrap: wrap;
  }
  .about .about-profile .item-2 .w1600 .counter-item {
    width: 50%;
  }
  .about .about-profile .item-2 .w1600 .counter-item:nth-child(-n+2) {
    margin-bottom: 20px;
  }
  .about .about-profile .item-3 #earth {
    width: 20rem;
    height: 20rem;
  }
  .w1500 {
    width: 94%;
  }
  .swiper-button-next,
  .swiper-button-prev {
    width: 3.375rem;
    height: 3.375rem;
  }
  .about .about-honor {
    margin-top: 4rem;
  }
  .about .about-honor .w1700 {
    padding: 5% 0;
  }
  .about .about-honor .honor-swiper {
    height: auto;
    padding: 5% 0;
  }
  .about .about-industrial .right {
    height: 460px;
  }
  .about .about-industrial .right .bg-box {
    height: 100%;
    overflow: hidden;
  }
  .about .about-industrial .right .bg-box img {
    height: 100%;
    margin-left: 50%;
    transform: translateX(-50%);
    width: auto;
  }
  .about .about-industrial .right .icon-box {
    flex-direction: column;
  }
  .about .about-industrial .right .icon-box img {
    display: block;
    margin: 0;
    width: 22px;
  }
  .about .about-industrial .right .icon-box .item {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 15px;
  }
  .about .about-industrial .right .icon-box .item p {
    margin-top: 0;
    margin-left: 10px;
  }
  .about .about-industrial .right .icon-box .item:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }
  .about .about-culture .container {
    height: 40rem;
  }
  .about .about-culture .container .item .icon-box {
    width: 5rem;
    height: 5rem;
    font-size: 2.125rem;
  }
  .product .drive-item1 .con {
    margin-top: 10px;
    font-size: 12px;
    line-height: 24px;
  }
  .product .drive-item1 .container {
    height: 80vh;
    overflow: hidden;
  }
  .product .drive-item1 .container .bg-box {
    overflow: hidden;
    height: 100%;
  }
  .product .drive-item1 .container .bg-box a {
    height: 100%;
  }
  .product .drive-item1 .container .bg-box a:nth-child(1) img {
    margin-left: 40%;
  }
  .product .drive-item1 .container .bg-box img {
    margin-left: 50%;
    transform: translateX(-50%);
    height: 100%;
    width: auto;
  }
  .product .drive-item1 .container .cir-box {
    width: 40rem;
    height: 40rem;
  }
  .product .drive-item1 .container .cir-box .cir {
    width: 25rem;
    height: 25rem;
  }
  .product .drive-item1 .container .cir-box .center-cir {
    width: 40rem;
    height: 40rem;
  }
  .product .drive-item1 .container .cir-box .item-box.on .drive-line {
    width: 7rem;
  }
  .product .drive-item1 .container .cir-box .item-box.on .text-box {
    flex-direction: column;
  }
  .product .drive-item1 .container .cir-box .item-box.on .text-box p {
    width: 100%;
  }
  .product .drive-item1 .container .cir-box .item-box:nth-child(3).move {
    bottom: 25%;
    left: 25%;
    top: unset;
  }
  .product .drive-item1 .container .cir-box .item-box:nth-child(2).move {
    left: 70%;
    transform: translate(60%, 55%) rotate(90deg);
  }
  .product .drive-item1 .container .tip-box {
    top: unset;
    transform: none;
    bottom: 3%;
  }
  .product .drive-item1 .container .tip-box .tip-item .box {
    margin-top: 2.125rem;
    display: flex;
  }
  .product .drive-item1 .container .tip-box .tip-item .box p:not(:last-child) {
    margin-right: 8px;
  }
  .product .drive-item1 .container .tip-box .btnBox {
    margin-top: 15px;
  }
  .product .drive-item1 .container3 .w1700 {
    flex-direction: column;
  }
  .product .drive-item1 .container3 .w1700 .left,
  .product .drive-item1 .container3 .w1700 .right {
    width: 100%;
  }
  .product .drive-item1 .container3 .left .swiper-pagination,
  .product .drive-item1 .container3 .left ul {
    display: none;
  }
  .product .drive-item2 .container {
    flex-direction: column;
  }
  .product .drive-item2 .container .box {
    width: 100%;
  }
  .product .drive-item2 .container .box:nth-child(2) {
    margin-top: 1rem;
  }
  .product .product-item3 .container {
    flex-direction: column;
    padding: 0 3%;
  }
  .product .product-item3 .container .left {
    width: 100%;
  }
  .product .product-item3 .container .left .icon-list {
    margin-top: 0;
  }
  .product .product-item3 .container .left .product-item3-box {
    position: relative;
    width: 100%;
    margin-top: 25px;
  }
  .product .product-item3 .container .right {
    width: 100%;
    margin-top: 20px;
  }
  .quality .quality-item1 {
    height: 25.625rem;
  }
  .quality .quality-item1 .container .con {
    width: 100%;
  }
  .quality .quality-item2 .container {
    flex-direction: column;
  }
  .quality .quality-item2 .container .box {
    width: 100%;
    margin-bottom: 2.5rem;
  }
  .quality .quality-item3 {
    padding: 2.5rem 0;
    height: auto;
  }
  .quality .quality-item3 .w1700 {
    width: 94%;
    flex-direction: column;
  }
  .quality .quality-item3 .w1700 .left,
  .quality .quality-item3 .w1700 .right {
    width: 100%;
  }
  .quality .quality-item3 .w1700 .right {
    margin-top: 25px;
  }
  .quality .quality-item3 .w1700 .right p {
    margin-left: 0;
  }
  .quality .quality-item3 .w1700::after {
    width: 5.5rem;
    height: 25.375rem;
    background-size: cover;
  }
  .quality .quality-item4 .quality-item4-box .w1700 {
    flex-direction: column;
  }
  .quality .quality-item4 .quality-item4-box .w1700 .left,
  .quality .quality-item4 .quality-item4-box .w1700 .right {
    width: 100%;
  }
  .quality .quality-item4 .quality-item4-box .w1700 .left .con,
  .quality .quality-item4 .quality-item4-box .w1700 .right .con {
    padding-left: 0;
  }
  .quality .quality-item4 .container {
    height: auto;
    background-size: cover;
    padding: 5% 0;
  }
  .quality .quality-item4 .container .row1,
  .quality .quality-item4 .container .row2 {
    display: none !important;
  }
  .quality .quality-item4 .container .row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
  .quality .quality-item4 .container .row .box {
    width: 40%;
    margin-bottom: 1.5rem;
  }
  .quality .quality-item4 .container .row .box img {
    margin: 0 auto;
  }
  .customerService .service-item1 .box {
    padding: 6.88% 8% 6.88%;
  }
  .customerService .service-item1 .box .swiper-container {
    height: auto;
  }
  .customerService .service-item2 {
    padding: 5rem 0;
    margin-top: 5rem;
  }
  .customerService .service-item2 .investor-title {
    background: #fff;
  }
  .customerService .service-item2 .container .btn {
    margin-top: 0;
    padding-top: 5%;
  }
  .customerService .service-item2 .container .btn li {
    font-size: 1.6rem;
    line-height: 1.6rem;
  }
  .customerService .service-item3 ul {
    flex-direction: column;
  }
  .customerService .service-item3 ul li {
    width: 100%;
    height: 30rem;
    overflow: hidden;
  }
  .customerService .service-item3 ul li:not(:last-child) {
    margin-bottom: 2.5rem;
  }
  .customerService .service-item3 ul li img {
    width: 100%;
    margin-top: 15%;
    transform: translateY(-50%);
  }
  .customerService .service-item3 ul li:hover {
    transform: translateY(0);
  }
  .investor .investor-item3 .box {
    flex-direction: column;
  }
  .investor .investor-item3 .box a {
    width: 100%;
  }
  .investor .investor-item3 .box a:nth-child(2) {
    margin-top: 1rem;
  }
  .investor .investor-item4 .investor-item4-ul li {
    width: 100%;
  }
  .schoolJob .row-body .col:nth-child(1),
  .schoolJob .row-header .col:nth-child(1) {
    width: 30%;
  }
  .schoolJob .row-body .col:nth-child(2),
  .schoolJob .row-header .col:nth-child(2) {
    width: 15%;
  }
  .schoolJob .row-body .col:nth-child(3),
  .schoolJob .row-header .col:nth-child(3) {
    width: 15%;
  }
  .contactHR .container .contactHR-box {
    width: 100%;
  }
  .contactHR .container .contactHR-box .content {
    height: 13rem;
  }
  .contactHR .container .contactHR-box .content .item p {
    font-size: 1.5rem;
    line-height: 1.8rem;
  }
  .contactUs .pos-List {
    justify-content: space-around;
  }
  .contactUs .pos-List li {
    padding: 0 2rem;
    width: auto;
  }
  .contactUs .pos-List li:not(:last-child) {
    margin-right: 0;
  }
  .about .about-industrial .about-project p {
    line-height: 1.5rem;
  }
  .news-banner img {
    margin-left: 40%;
  }
  .newView .left .xq .icon {
    vertical-align: -0.2em;
  }
  footer .footer-center ul li p {
    line-height: normal;
  }
  footer .footer-bottom {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
  footer .footer-bottom .wx-box {
    top: -100px;
    right: unset;
    left: 12%;
    bottom: unset;
  }
  footer .footer-bottom p {
    line-height: normal;
    margin-top: 10px;
  }
  footer .footer-bottom p a {
    display: block;
    width: 100%;
  }
  .newView .right .item-title img {
    width: 3rem;
  }
  .indexBanner .bannerText {
    left: 30%;
    top: 5%;
  }
  .product .drive-item1 .container2 .item .item-box .title {
    font-size: 12px;
  }
  .product .drive-item1 .container2 .item .item-box2 {
    bottom: -120%;
  }
  .product .product-item3 .container .left .product-item3-box .layout .layout-right {
    padding: 2% 12.96% 0 6.48%;
  }
  .product .product-item3 .container .left .product-item3-box .layout .layout-left {
    justify-content: flex-start;
  }
  .development .deve-item1 .deve-item-title img {
    width: 4.375rem;
  }
  .development .deve-item5 h6 {
    line-height: 1.3rem;
  }
  .contactUs .contact-box .container .right .img-box {
    width: 10rem;
  }
  .contactUs .contact-box .container .left .icon {
    margin-top: 2px;
  }
  .contactUs .contact-box .container .left span {
    font-size: 12px;
  }
  .development .deve-item2 .img-box {
    height: auto;
    padding: 5rem 0 3rem;
    flex-wrap: wrap;
  }
  .development .deve-item2 .img-box img {
    width: 48%;
    margin-bottom: 2rem;
  }
  .development .deve-item3 {
    margin-top: 0;
  }
  .development .deve-item1 .deve-item-title .box {
    flex-direction: column;
  }
  .development .deve-item1 .deve-item-title .box p {
    margin-bottom: 5px;
  }
  .checkout .checkoutList li img {
    width: 13rem;
  }
}
@media screen and (max-width: 500px) {
  .companyNews .companyNews-list li {
    width: 100%;
  }
  .indexBanner .text-box .banner-title {
    width: 30%;
    margin: 2% auto;
  }
  .indexBanner .text-box a img {
    width: 20%;
  }
  .indexBanner .img-box {
    height: 400px;
    width: 100%;
    overflow: hidden;
  }
  .indexBanner .img-box .bgImg {
    height: 100%;
    width: auto;
    margin-left: 30%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 400px) {
  .development .deve-item6 .box ul li:not(:nth-child(3n)) {
    margin-right: 0;
  }
  .development .deve-item6 .box ul {
    justify-content: space-between;
  }
  .development .deve-item6 .box ul li {
    width: 48%;
  }
  .development .deve-item6 .box ul li .img-box {
    height: 30rem;
  }
}