@charset "UTF-8";
#index .index-banner {
  height: 100vh;
  width: 100%;
  background-color: #333;
}
#index .index-banner .swiper-banner {
  height: 100%;
  position: relative;
}
#index .index-banner .swiper-banner .swiper-wrapper {
  height: 100%;
}
#index .index-banner .swiper-banner .swiper-wrapper .swiper-slide {
  height: 100%;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#index .index-banner .swiper-banner .swiper-wrapper .swiper-slide .text-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-84%, -95%);
}
#index .index-banner .swiper-banner .swiper-wrapper .swiper-slide .text-box .text {
  color: #fff;
  font-size: 40px;
  line-height: 60px;
}
#index .index-banner .swiper-banner .swiper-wrapper .swiper-slide .text-box .txt {
  color: #fff;
  font-size: 40px;
  margin-top: 10px;
}
#index .index-banner .swiper-banner .swiper-wrapper .swiper-slide .text-box .com-more {
  margin-top: 70px;
}
#index .index-banner .swiper-banner .m-index-page {
  display: none;
}
#index .index-banner .banner-line {
  height: 110px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  align-items: center;
  z-index: 11;
}
#index .index-banner .banner-line .item {
  width: 50%;
  height: 100%;
}
#index .index-banner .banner-line .item.left {
  padding: 0 8% 0 16%;
  background-image: linear-gradient(to right, #ec2f2b, #fd517b);
  color: #fff;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
#index .index-banner .banner-line .item.left i {
  width: 19px;
  height: 19px;
  display: block;
  background-image: url("../img/04.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
#index .index-banner .banner-line .item.right {
  background-color: transparent;
}
#index .index-banner .index-swiper {
  width: 50%;
  position: absolute;
  bottom: 110px;
  right: 0;
}
#index .index-banner .index-swiper .swiper-wrapper {
  padding-bottom: 6px;
}
#index .index-banner .index-swiper .swiper-wrapper .swiper-slide {
  width: 50% !important;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
#index .index-banner .index-swiper .swiper-wrapper .swiper-slide img {
  width: 100%;
  opacity: 0;
}
#index .index-banner .index-swiper .swiper-wrapper .swiper-slide .mask {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  top: 0;
  left: 0;
  opacity: 1;
  transition: all 0.6s;
}
#index .index-banner .index-swiper .swiper-wrapper .swiper-slide.swiper-slide-active .line {
  position: absolute;
  height: 6px;
  width: 0;
  background-image: linear-gradient(to right, #ec2f2b, #fd517b);
  bottom: -6px;
  animation-name: lineLong;
}
#index .index-banner .index-swiper .swiper-wrapper .swiper-slide:hover .mask {
  opacity: 0;
  transition: all 0.6s;
}
#index .product-box {
  padding-top: 7%;
  background-color: #f3f3f3;
  height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../img/13.png");
}
#index .product-box .product-inner .product-container {
  display: flex;
  align-items: center;
  margin-top: 7%;
  position: relative;
}
#index .product-box .product-inner .product-container .pro-left {
  width: 40px;
  height: 100%;
  position: absolute;
  left: 0;
  background-image: linear-gradient(-9deg, #eb2d26 59%, #f54053 73%, #ff527f 100%), linear-gradient(#d93732, #d93732);
}
#index .product-box .product-inner .product-container .pro-left img {
  height: 100%;
  opacity: 0;
}
#index .product-box .product-inner .product-container .container .pro-list {
  display: flex;
  align-items: center;
}
#index .product-box .product-inner .product-container .container .pro-list .item {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 20%;
  overflow: hidden;
}
#index .product-box .product-inner .product-container .container .pro-list .item img {
  width: 100%;
  opacity: 0;
}
#index .product-box .product-inner .product-container .container .pro-list .item .mask {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #fff;
  z-index: 11;
}
#index .product-box .product-inner .product-container .container .pro-list .item .mask .num {
  font-size: 30px;
}
#index .product-box .product-inner .product-container .container .pro-list .item .mask .text {
  font-size: 12px;
  line-height: 18px;
  height: 36px;
  width: 50%;
  text-align: center;
  margin-top: 10px;
}
#index .product-box .product-inner .product-container .container .pro-list .item .mask .info {
  font-size: 20px;
  line-height: 28px;
  margin-top: 30px;
}
#index .product-box .product-inner .product-container .container .pro-list .item .mask .arr-box {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
  transition: all 0.6s;
  background-color: #979797;
}
#index .product-box .product-inner .product-container .container .pro-list .item .mask .arr-box .arr {
  width: 7px;
  height: 15px;
  display: block;
  background-image: url("../img/02.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.6s;
}
#index .product-box .product-inner .product-container .container .pro-list .item .bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 10;
  transition: transform 0.6s ease-out;
  -webkit-transition: transform 0.6s ease-out;
  -moz-transition: transform 0.6s ease-out;
}
#index .product-box .product-inner .product-container .container .pro-list .item:hover .mask {
  background-color: rgba(0, 0, 0, 0.85);
  transition: all 0.6s;
}
#index .product-box .product-inner .product-container .container .pro-list .item:hover .mask .arr-box {
  background-color: #d93732;
  transition: all 0.6s;
}
#index .product-box .product-inner .product-container .container .pro-list .item:hover .mask .arr-box .arr {
  transform: translateX(2px);
  transition: all 0.6s;
}
#index .product-box .product-inner .product-container .container .pro-list .item:hover .bg {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transition: all 0.6s;
}
#index .product-box .product-inner .product-container .pro-more {
  position: absolute;
  bottom: 3px;
  right: 0;
  width: 8%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#index .product-box .product-inner .product-container .pro-more .txt {
  font-size: 18px;
  color: #222;
  opacity: 0.8;
  writing-mode: vertical-lr; /*从左向右 从右向左是 writing-mode: vertical-rl;*/
  writing-mode: tb-lr; /*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/
  letter-spacing: 1px;
}
#index .product-box .product-inner .product-container .pro-more .pro-arr {
  width: 29px;
  height: 10px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url("../img/07.png");
  background-position: center;
  display: block;
  margin-top: 25px;
  transition: all 0.6s;
}
#index .product-box .product-inner .product-container .pro-more:hover .txt {
  color: #d93732;
}
#index .product-box .product-inner .product-container .pro-more:hover .pro-arr {
  margin-left: 15px;
  transition: all 0.6s;
}
#index .service-box {
  height: 100vh;
  padding-top: 7%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../img/17.png");
}
#index .service-box .product-inner .product-container {
  display: flex;
  align-items: center;
  margin-top: 80px;
  position: relative;
}
#index .service-box .product-inner .product-container .container .service-list {
  display: flex;
  justify-content: space-between;
}
#index .service-box .product-inner .product-container .container .service-list .item {
  width: 31%;
  background-color: #fff;
}
#index .service-box .product-inner .product-container .container .service-list .item .pic {
  width: 100%;
  overflow: hidden;
  position: relative;
}
#index .service-box .product-inner .product-container .container .service-list .item .pic img {
  width: 100%;
  transition: transform 0.5s ease-out;
  -webkit-transition: transform 0.5s ease-out;
  -moz-transition: transform 0.5s ease-out;
}
#index .service-box .product-inner .product-container .container .service-list .item .pic .mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  transition: all 0.6s;
}
#index .service-box .product-inner .product-container .container .service-list .item .info {
  padding: 35px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#index .service-box .product-inner .product-container .container .service-list .item .info .left {
  color: #222;
}
#index .service-box .product-inner .product-container .container .service-list .item .info .left .t1 {
  font-size: 24px;
  line-height: 24px;
}
#index .service-box .product-inner .product-container .container .service-list .item .info .left .t2 {
  font-size: 14px;
  line-height: 20px;
  margin-top: 5px;
}
#index .service-box .product-inner .product-container .container .service-list .item .info .arr {
  width: 23px;
  height: 8px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("../img/14.png");
  background-position: center;
  transition: transform 0.6s;
}
#index .service-box .product-inner .product-container .container .service-list .item:hover .pic img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
}
#index .service-box .product-inner .product-container .container .service-list .item:hover .pic .mask {
  opacity: 1;
  transition: all 0.6s;
}
#index .service-box .product-inner .product-container .container .service-list .item:hover .arr {
  background-image: url("../img/62.png");
  transform: translateX(10px);
  transition: transform 0.6s;
}
#index .service-box .product-inner .product-container .pro-more {
  position: absolute;
  bottom: 3px;
  right: 0;
  width: 8%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#index .service-box .product-inner .product-container .pro-more .txt {
  font-size: 18px;
  color: #fff;
  opacity: 0.8;
  writing-mode: vertical-lr; /*从左向右 从右向左是 writing-mode: vertical-rl;*/
  writing-mode: tb-lr; /*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/
  letter-spacing: 1px;
}
#index .service-box .product-inner .product-container .pro-more .pro-arr {
  width: 29px;
  height: 10px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url("../img/07.png");
  background-position: center;
  display: block;
  margin-top: 25px;
  transition: all 0.6s;
}
#index .service-box .product-inner .product-container .pro-more:hover .txt {
  color: #d93732;
}
#index .service-box .product-inner .product-container .pro-more:hover .pro-arr {
  margin-left: 15px;
  transition: all 0.6s;
}
#index .partner-box {
  height: 100vh;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url("../img/16.png");
}
#index .partner-box .partner-tops {
  width: 100%;
  height: calc(100vh - 48px);
  position: relative;
}
#index .partner-box .partner-tops .partner-inner {
  width: 100%;
  display: flex;
  align-items: flex-end;
}
#index .partner-box .partner-tops .partner-inner .partner-container {
  width: 91.5%;
  max-width: 1766px;
  background-color: #fff;
  padding-top: 6%;
  padding-bottom: 2%;
  padding-left: 8.5%;
  display: flex;
}
#index .partner-box .partner-tops .partner-inner .partner-container .partner-list {
  display: flex;
  flex-wrap: wrap;
}
#index .partner-box .partner-tops .partner-inner .partner-container .partner-list .item {
  width: 200px;
  display: block;
  margin-left: 15%;
  margin-bottom: 5%;
}
#index .partner-box .partner-tops .partner-inner .partner-container .partner-list .item img {
  width: 100%;
  transition: all 0.6s;
}
#index .partner-box .partner-tops .partner-inner .partner-container .partner-list .item img.img01 {
  display: block;
}
#index .partner-box .partner-tops .partner-inner .partner-container .partner-list .item img.img02 {
  display: none;
}
#index .partner-box .partner-tops .partner-inner .partner-container .partner-list .item:hover img {
  transition: all 0.6s;
}
#index .partner-box .partner-tops .partner-inner .partner-container .partner-list .item:hover img.img01 {
  display: none;
}
#index .partner-box .partner-tops .partner-inner .partner-container .partner-list .item:hover img.img02 {
  display: block;
}
#index .partner-box .partner-tops .partner-inner .more-box {
  width: 8.5%;
}
#index .partner-box .partner-tops .partner-inner .more-box .pro-more {
  display: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#index .partner-box .partner-tops .partner-inner .more-box .pro-more .txt {
  font-size: 18px;
  color: #fff;
  opacity: 0.8;
  writing-mode: vertical-lr; /*从左向右 从右向左是 writing-mode: vertical-rl;*/
  writing-mode: tb-lr; /*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/
  letter-spacing: 1px;
}
#index .partner-box .partner-tops .partner-inner .more-box .pro-more .pro-arr {
  width: 29px;
  height: 10px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url("../img/07.png");
  background-position: center;
  display: block;
  margin-top: 25px;
}
#index .partner-box .partner-tops .partner-inner .more-box .pro-more:hover .txt {
  color: #d93732;
}
#index .partner-box .partner-tops .partner-inner .more-box .pro-more:hover .pro-arr {
  margin-left: 15px;
  transition: all 0.6s;
}

#about .about01-box {
  position: relative;
  width: 100%;
  height: 100vh;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: auto;
}
#about .about01-box .about-position {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#about .about01-box .about-position .container .text-box {
  position: absolute;
  top: 50%;
  transform: translateY(-60%);
  width: 40%;
}
#about .about01-box .about-position .container .text-box .title {
  font-size: 46px;
  line-height: 46px;
  color: #000;
}
#about .about01-box .about-position .container .text-box .info {
  font-size: 20px;
  line-height: 32px;
  margin-top: 60px;
  color: #595757;
}
#about .about02-box {
  position: relative;
  width: 100%;
  height: 100vh;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: auto;
  background-color: #000;
}
#about .about02-box .about-position {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#about .about02-box .about-position .container .text-box {
  position: absolute;
  top: 50%;
  transform: translateY(-45%);
  width: 40%;
}
#about .about02-box .about-position .container .text-box .title {
  font-size: 46px;
  line-height: 46px;
  color: #fff;
}
#about .about02-box .about-position .container .text-box .info {
  font-size: 20px;
  line-height: 32px;
  margin-top: 60px;
  color: #fff;
}
#about .about02-box .about-position .container .text-box .cert-box {
  display: flex;
  margin-top: 130px;
  justify-content: space-between;
}
#about .about02-box .about-position .container .text-box .cert-box .c-item {
  border-right: 1px solid rgba(255, 255, 255, 0.4);
  padding-right: 24px;
  color: #fff;
}
#about .about02-box .about-position .container .text-box .cert-box .c-item .t1 {
  font-size: 48px;
  font-weight: bold;
  letter-spacing: 1px;
}
#about .about02-box .about-position .container .text-box .cert-box .c-item .txt {
  letter-spacing: 1px;
}
#about .about02-box .about-position .container .text-box .cert-box .c-item:last-of-type {
  border: 0;
  padding-right: 0;
}
#about .about03-box {
  position: relative;
  height: 100vh;
}
#about .about03-box .about-position {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#about .about03-box .about-position .container {
  height: calc(100% - 48px);
}
#about .about03-box .about-position .container .text-container {
  display: flex;
  justify-content: space-between;
  padding-top: 15%;
}
#about .about03-box .about-position .container .text-container .left {
  width: 44%;
  position: relative;
}
#about .about03-box .about-position .container .text-container .left .pic {
  width: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  z-index: 2;
}
#about .about03-box .about-position .container .text-container .left .pic img {
  width: 100%;
  opacity: 0;
}
#about .about03-box .about-position .container .text-container .left .bg {
  width: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  z-index: 1;
  left: 90px;
  top: 50px;
}
#about .about03-box .about-position .container .text-container .left .bg img {
  width: 100%;
  opacity: 0;
}
#about .about03-box .about-position .container .text-container .right {
  width: 42%;
}
#about .about03-box .about-position .container .text-container .right .title {
  font-size: 46px;
  line-height: 46px;
  color: #000;
}
#about .about03-box .about-position .container .text-container .right .info {
  font-size: 20px;
  line-height: 32px;
  margin-top: 60px;
  color: #595757;
}

#product .inner-banner .text-box {
  transform: translateY(-110%);
}
#product .product-box {
  width: 100%;
  height: 400px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#product .product-box .container {
  bottom: 94%;
  position: relative;
}
#product .product-box .swiper-product .swiper-wrapper .swiper-slide {
  background-color: #fff;
}
#product .product-box .swiper-product .swiper-wrapper .swiper-slide .tops {
  border-bottom: 1px solid #d3d3d4;
  height: 54px;
  display: flex;
  align-items: center;
}
#product .product-box .swiper-product .swiper-wrapper .swiper-slide .tops .left {
  width: 100%;
  height: 100%;
  line-height: 54px;
  font-size: 24px;
  color: #222;
  border-right: 1px solid #d3d3d4;
  padding-left: 20px;
  font-weight: bold;
}
#product .product-box .swiper-product .swiper-wrapper .swiper-slide .tops .more {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 70px;
  height: 100%;
  transition: all 0.6s;
}
#product .product-box .swiper-product .swiper-wrapper .swiper-slide .tops .more .arr {
  display: block;
  width: 23px;
  height: 8px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../img/14.png");
}
#product .product-box .swiper-product .swiper-wrapper .swiper-slide .cont {
  padding: 60px 24px 15px;
}
#product .product-box .swiper-product .swiper-wrapper .swiper-slide .cont .title {
  font-size: 20px;
  color: #222;
}
#product .product-box .swiper-product .swiper-wrapper .swiper-slide .cont .desc {
  font-size: 18px;
  line-height: 28px;
  height: 56px;
  font-weight: bold;
  color: #222;
  margin-top: 10px;
}
#product .product-box .swiper-product .swiper-wrapper .swiper-slide .cont .line {
  width: 20px;
  height: 1px;
  background-color: #222;
  margin-top: 15px;
}
#product .product-box .swiper-product .swiper-wrapper .swiper-slide .cont .pic {
  width: 100%;
  overflow: hidden;
  margin-top: 15px;
}
#product .product-box .swiper-product .swiper-wrapper .swiper-slide .cont .pic img {
  width: 100%;
  transition: transform 0.5s ease-out;
  -webkit-transition: transform 0.5s ease-out;
  -moz-transition: transform 0.5s ease-out;
}
#product .product-box .swiper-product .swiper-wrapper .swiper-slide:hover .tops .more {
  background-image: linear-gradient(87deg, #eb2d26 53%, #f54053 84%, #ff527f 100%);
  transition: all 0.6s;
}
#product .product-box .swiper-product .swiper-wrapper .swiper-slide:hover .tops .more .arr {
  background-image: url("../img/34.png");
}
#product .product-box .swiper-product .swiper-wrapper .swiper-slide:hover .cont .pic img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
}
#product .product-box .product-page {
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  top: -140px;
}
#product .product-box .product-page .pro-prev, #product .product-box .product-page .pro-next {
  width: 70px;
  height: 70px;
  transition: all 0.6s;
  border: 0;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.4);
  background-image: none;
}
#product .product-box .product-page .pro-prev .arr, #product .product-box .product-page .pro-next .arr {
  display: block;
  width: 8px;
  height: 14px;
  background-image: url("../img/02.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
#product .product-box .product-page .pro-prev:hover, #product .product-box .product-page .pro-next:hover {
  background-image: linear-gradient(87deg, #eb2d26 53%, #f54053 84%, #ff527f 100%);
  background-color: transparent;
}
#product .product-box .product-page .pro-prev {
  transform: rotate(180deg);
  margin-right: 4px;
}
#product .product-tops {
  margin-top: 100px;
}
#product .product-tops .container {
  display: flex;
  background-color: #eaeaea;
}
#product .product-tops .container .product-left {
  width: 42.8%;
  position: relative;
}
#product .product-tops .container .product-left .product-banner {
  width: 100%;
}
#product .product-tops .container .product-left .product-banner .swiper-wrapper {
  width: 100%;
}
#product .product-tops .container .product-left .product-banner .swiper-wrapper .swiper-slide {
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#product .product-tops .container .product-left .product-banner .swiper-wrapper .swiper-slide img {
  width: 100%;
  opacity: 0;
}
#product .product-tops .container .product-left .product-page {
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 12;
}
#product .product-tops .container .product-left .product-page .pro-prev, #product .product-tops .container .product-left .product-page .pro-next {
  width: 70px;
  height: 70px;
  transition: all 0.6s;
  border: 0;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.1);
  background-image: none;
}
#product .product-tops .container .product-left .product-page .pro-prev .arr, #product .product-tops .container .product-left .product-page .pro-next .arr {
  display: block;
  width: 8px;
  height: 14px;
  background-image: url("../img/02.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
#product .product-tops .container .product-left .product-page .pro-prev:hover, #product .product-tops .container .product-left .product-page .pro-next:hover {
  background-color: #d93732;
}
#product .product-tops .container .product-left .product-page .pro-prev {
  transform: rotate(180deg);
  margin-right: 2px;
}
#product .product-tops .container .product-info {
  width: 57.2%;
  padding: 7% 8%;
  background-color: #fff;
}
#product .product-tops .container .product-info .title {
  font-size: 30px;
  line-height: 30px;
  padding-bottom: 30px;
  color: #222;
  border-bottom: 1px solid rgba(123, 123, 123, 0.3);
}
#product .product-tops .container .product-info .info {
  color: #595757;
  font-size: 20px;
  line-height: 38px;
  margin-top: 20px;
}
#product .product-tops.project-mar {
  margin-top: 90px;
}
#product .product-content {
  margin-top: 20px;
  background-color: #fff;
}
#product .product-content .pro-nav {
  border-bottom: 1px solid rgba(123, 123, 123, 0.5);
  height: 105px;
  display: flex;
}
#product .product-content .pro-nav .item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #000;
  text-align: center;
  position: relative;
  padding: 0 10px;
}
#product .product-content .pro-nav .item span {
  display: inline-block;
  width: 100%;
  position: relative;
}
#product .product-content .pro-nav .item span:after {
  content: "";
  position: absolute;
  width: 1px;
  height: 20px;
  right: 0;
  top: 5px;
  background-color: rgba(0, 0, 0, 0.5);
}
#product .product-content .pro-nav .item:last-of-type span:after {
  width: 0;
}
#product .product-content .pro-nav .item.active {
  color: #d93732;
}
#product .product-content .pro-nav .item.active:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #d93732;
}
#product .product-content .pro-cont {
  padding: 6% 8%;
  min-height: 400px;
}
#product .product-content .pro-cont.project02 .title {
  font-size: 22px;
  line-height: 36px;
  color: #222;
}
#product .product-content .pro-cont.project02 .desc {
  font-size: 20px;
  line-height: 36px;
  color: #595757;
  margin-top: 10px;
}
#product .product-content .pro-cont.project02 .img-box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 50px;
}
#product .product-content .pro-cont.project02 .img-box img {
  width: 48%;
}
#product .product-content .pro-cont.project01 .item-box-num {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#product .product-content .pro-cont.project01 .item-box-num .item-box {
  width: 27%;
  color: #595757;
  padding: 30px;
  background-color: #F2F2F2;
}
#product .product-content .pro-cont.project01 .item-box-num .item-box .title {
  font-size: 20px;
  line-height: 32px;
}
#product .product-content .pro-cont.project01 .item-box-num .item-box .num {
  font-size: 36px;
  line-height: 36px;
  margin-top: 80px;
  text-align: right;
}
#product .product-content .pro-cont.project03 .title {
  font-size: 22px;
  color: #000;
}
#product .product-content .pro-cont.project03 .desc {
  font-size: 20px;
  line-height: 40px;
  color: #595757;
}
#product .product-content .pro-cont.project03 .img-list {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#product .product-content .pro-cont.project03 .img-list .img-box {
  width: 48%;
}
#product .product-content .pro-cont.project03 .img-list .img-box .img {
  width: 100%;
}
#product .product-content .pro-cont.project03 .img-list .img-box .img img {
  width: 100%;
}
#product .product-content .pro-cont.project03 .img-list .img-box .info {
  margin-top: 20px;
}
#product .product-content .pro-cont.project03 .img-list .img-box .info .t1 {
  font-size: 22px;
  color: #000;
}
#product .product-content .pro-cont.project03 .img-list .img-box .info .t2 {
  font-size: 20px;
  color: #595757;
}
#product .product-content .pro-cont.project04 .title {
  font-size: 22px;
  color: #000;
  margin-bottom: 10px;
}
#product .product-content .pro-cont.project04 .desc {
  font-size: 20px;
  line-height: 40px;
  color: #595757;
}
#product .product-content .pro-cont.project04 .four-item {
  display: flex;
  justify-content: space-between;
  padding: 80px 0;
  border-top: 2px solid #cdcccc;
}
#product .product-content .pro-cont.project04 .four-item .left {
  width: 40%;
}
#product .product-content .pro-cont.project04 .four-item .left .img {
  width: 100%;
}
#product .product-content .pro-cont.project04 .four-item .left .img img {
  width: 100%;
}
#product .product-content .pro-cont.project04 .four-item .right {
  width: 52%;
}
#product .product-content .pro-cont.project04 .four-item.noborder {
  border: 0;
}
#product .product-content .pro-cont.project04 .list {
  margin-top: 20px;
  margin-left: 20px;
}
#product .product-content .pro-cont.project04 .list li {
  list-style: disc;
  color: #595757;
  line-height: 36px;
  font-size: 20px;
}
#product .product-content .pro-cont.project04 .fix-list {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
}
#product .product-content .pro-cont.project04 .fix-list .item {
  width: 24%;
  margin-right: 1.333%;
}
#product .product-content .pro-cont.project04 .fix-list .item .img {
  width: 100%;
}
#product .product-content .pro-cont.project04 .fix-list .item .img img {
  width: 100%;
}
#product .product-content .pro-cont.project04 .fix-list .item .info {
  background-color: #EFEFEF;
  height: 75px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 25px;
  font-size: 18px;
  border-bottom: 2px solid #595757;
}
#product .product-content .pro-cont.project04 .fix-list .item .info .t1 {
  color: #d93732;
}
#product .product-content .pro-cont.project04 .fix-list .item .info .t2 {
  color: #595757;
}
#product .product-content .pro-cont.project04 .fix-list .item.after .info {
  border-bottom: 2px solid #d93732;
}
#product .product-content .pro-cont.project04 .fix-list .item:nth-of-type(4n) {
  margin-right: 0;
}
#product .product-content .pro-cont.project05 > img {
  margin-right: 20px;
  margin-bottom: 20px;
}
#product .product-content .pro-cont.project05 .desc {
  font-size: 20px;
  line-height: 40px;
  color: #595757;
}
#product .product-content .pro-cont.project05 .five-item {
  display: flex;
  justify-content: space-between;
  padding: 80px;
  background-color: #F6F6F6;
  margin-top: 60px;
}
#product .product-content .pro-cont.project05 .five-item .left {
  width: 40%;
}
#product .product-content .pro-cont.project05 .five-item .left img {
  width: 100%;
}
#product .product-content .pro-cont.project05 .five-item .right {
  width: 52%;
}
#product .product-content .pro-cont.project05 .five-item .right .list {
  margin-top: 20px;
  margin-left: 20px;
}
#product .product-content .pro-cont.project05 .five-item .right .list li {
  list-style: disc;
  color: #595757;
  line-height: 36px;
  font-size: 20px;
}

#project .inner-banner .text-box {
  transform: translateY(-110%);
}
#project .project-box {
  width: 100%;
  height: 346px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#project .project-box .container {
  position: relative;
  top: -264px;
}
#project .project-box .project-list {
  display: flex;
}
#project .project-box .project-list .p-item {
  width: 31%;
  display: block;
  margin-right: 3.5%;
  background-color: #fff;
}
#project .project-box .project-list .p-item .pic {
  width: 100%;
  overflow: hidden;
  position: relative;
}
#project .project-box .project-list .p-item .pic img {
  width: 100%;
  transition: transform 0.5s ease-out;
  -webkit-transition: transform 0.5s ease-out;
  -moz-transition: transform 0.5s ease-out;
}
#project .project-box .project-list .p-item .pic .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  transition: all 0.6s;
}
#project .project-box .project-list .p-item .info {
  width: 100%;
  padding: 50px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#project .project-box .project-list .p-item .info .title {
  color: #222;
}
#project .project-box .project-list .p-item .info .title .t1 {
  font-size: 24px;
}
#project .project-box .project-list .p-item .info .title .t2 {
  font-size: 14px;
  margin-top: 6px;
}
#project .project-box .project-list .p-item .info .arr {
  width: 23px;
  height: 8px;
  background-image: url("../img/14.png");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  transition: all 0.6s;
}
#project .project-box .project-list .p-item:nth-of-type(3n) {
  margin-right: 0;
}
#project .project-box .project-list .p-item:hover .pic img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
}
#project .project-box .project-list .p-item:hover .pic .mask {
  opacity: 1;
  transition: all 0.6s;
}
#project .project-box .project-list .p-item:hover .info .arr {
  background-image: url("../img/62.png");
  transform: translateX(10px);
  transition: all 0.6s;
}

#after_sale .after01-box {
  width: 100%;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 13%;
}
#after_sale .after01-box .text-box {
  font-size: 20px;
  line-height: 40px;
  color: #222;
  width: 37%;
}
#after_sale .after01-box .text-box .title {
  font-size: 45px;
  line-height: 45px;
  color: #000;
}
#after_sale .after01-box .text-box .desc {
  margin-top: 50px;
}
#after_sale .after01-box .text-box .info {
  margin-top: 50px;
}
#after_sale .after01-box .text-box .info .item-box {
  margin-top: 20px;
  display: flex;
  align-items: center;
}
#after_sale .after01-box .text-box .info .item-box .item {
  font-size: 36px;
  line-height: 40px;
}
#after_sale .after01-box .text-box .info .item-box .item span {
  font-size: 20px;
  display: inline-block;
  margin-left: 10px;
}
#after_sale .after01-box .text-box .info .item-box .line {
  width: 1px;
  height: 33px;
  background-color: rgba(0, 0, 0, 0.5);
  margin: 0 25px;
}
#after_sale .after02-box {
  width: 100%;
  height: 100vh;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 10%;
}
#after_sale .after02-box .text-box {
  font-size: 20px;
  line-height: 40px;
  color: #fff;
  width: 50%;
}
#after_sale .after02-box .text-box .title {
  font-size: 45px;
  line-height: 45px;
}
#after_sale .after02-box .text-box .text-list {
  margin-left: 20px;
  margin-top: 40px;
}
#after_sale .after02-box .text-box .text-list li {
  list-style: disc;
  font-size: 20px;
  line-height: 32px;
  margin-bottom: 30px;
}
#after_sale .after03-box {
  height: 100vh;
  width: 100%;
  padding-top: 8%;
}
#after_sale .after03-box .title {
  font-size: 45px;
  line-height: 45px;
  color: #000;
  margin-bottom: 30px;
}
#after_sale .after03-box .after-list {
  display: flex;
  flex-wrap: wrap;
}
#after_sale .after03-box .after-list .a-item {
  width: 50%;
  padding: 40px 5%;
  display: flex;
  margin-top: 30px;
}
#after_sale .after03-box .after-list .a-item .pic {
  width: 135px;
  flex-shrink: 0;
}
#after_sale .after03-box .after-list .a-item .pic img {
  width: 100%;
}
#after_sale .after03-box .after-list .a-item .info {
  margin-left: 40px;
}
#after_sale .after03-box .after-list .a-item .info .tt {
  font-size: 36px;
  line-height: 40px;
  color: #222;
}
#after_sale .after03-box .after-list .a-item .info .desc {
  font-size: 18px;
  line-height: 36px;
  color: rgba(34, 34, 34, 0.8);
  margin-top: 10px;
}

#search .search-content {
  padding: 100px 8% 130px 9%;
  margin-top: 190px;
  background-color: #fff;
}
#search .search-content .search-input-box {
  padding-bottom: 10px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(89, 87, 87, 0.3);
}
#search .search-content .search-input-box input {
  width: 100%;
  border: 0;
  font-size: 28px;
}
#search .search-content .search-input-box input::-webkit-input-placeholder {
  color: #595757 !important;
}
#search .search-content .search-input-box input:-moz-placeholder {
  color: #595757 !important;
}
#search .search-content .search-input-box input:-ms-input-placeholder {
  color: #595757 !important;
}
#search .search-content .search-input-box .search-btn {
  font-size: 20px;
  width: 210px;
  height: 56px;
  line-height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 2px solid #d93732;
  color: #d93732;
  cursor: pointer;
  background-color: transparent;
}
#search .search-content .search-input-box .search-btn .s-icon {
  width: 24px;
  height: 21px;
  background-image: url("../img/68.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  margin-left: 6px;
  display: block;
}
#search .search-content .content {
  padding-top: 40px;
  min-height: 400px;
}
#search .search-content .content .r-title {
  font-size: 36px;
  color: #222;
}
#search .search-content .content .search-list {
  margin-top: 160px;
}
#search .search-content .content .search-list .item {
  display: flex;
  background-size: 23px 8px;
  background-position: right 15px bottom;
  background-repeat: no-repeat;
  background-image: url("../img/14.png");
  margin-bottom: 110px;
  transition: all 0.6s;
}
#search .search-content .content .search-list .item .pic {
  width: 30%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  flex-shrink: 0;
}
#search .search-content .content .search-list .item .pic img {
  width: 100%;
  opacity: 0;
}
#search .search-content .content .search-list .item .info-box {
  margin-left: 6%;
  width: 70%;
}
#search .search-content .content .search-list .item .info-box .title {
  font-size: 36px;
  line-height: 36px;
}
#search .search-content .content .search-list .item .info-box .desc {
  font-size: 20px;
  line-height: 36px;
  margin-top: 20px;
}
#search .search-content .content .search-list .item:hover {
  background-image: url("../img/62.png");
  background-position: right bottom;
  transition: all 0.6s;
}

#contact .map-box {
  height: 100vh;
}
#contact .map-box .map {
  height: calc(100vh - 48px);
  position: relative;
}
#contact .map-box .map #map {
  height: 100%;
}
#contact .map-box .map .left-online {
  width: 36%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  padding: 11% 0 0 8%;
}
#contact .map-box .map .left-online .title {
  font-size: 45px;
  line-height: 45px;
  color: #fff;
  margin-bottom: 70px;
}
#contact .map-box .map .left-online .line-item {
  display: flex;
  margin-bottom: 40px;
  width: 50%;
}
#contact .map-box .map .left-online .line-item i {
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  width: 30px;
  height: 30px;
  flex-shrink: 0;
}
#contact .map-box .map .left-online .line-item i.icon01 {
  background-image: url("../img/71.png");
}
#contact .map-box .map .left-online .line-item i.icon02 {
  background-image: url("../img/72.png");
}
#contact .map-box .map .left-online .line-item i.icon03 {
  background-image: url("../img/73.png");
}
#contact .map-box .map .left-online .line-item i.icon04 {
  background-image: url("../img/74.png");
}
#contact .map-box .map .left-online .line-item .txt {
  color: #fff;
  margin-left: 10px;
}
#contact .map-box .map .left-online .line-item .txt .t1 {
  font-size: 24px;
}
#contact .map-box .map .left-online .line-item .txt .desc {
  font-size: 20px;
  line-height: 30px;
}

#recruit .recruit-box {
  margin-top: 150px;
  margin-bottom: 160px;
}
#recruit .recruit-box .search-box-tops {
  display: flex;
  justify-content: flex-end;
}
#recruit .recruit-box .search-box-tops .search-box {
  width: 600px;
  height: 65px;
  display: flex;
  align-items: center;
}
#recruit .recruit-box .search-box-tops .search-box input {
  font-size: 20px;
  padding-left: 20px;
  width: 100%;
  height: 100%;
  border: 0;
}
#recruit .recruit-box .search-box-tops .search-box input::-webkit-input-placeholder {
  color: #595757 !important;
}
#recruit .recruit-box .search-box-tops .search-box input:-moz-placeholder {
  color: #595757 !important;
}
#recruit .recruit-box .search-box-tops .search-box input:-ms-input-placeholder {
  color: #595757 !important;
}
#recruit .recruit-box .search-box-tops .search-box .search-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 215px;
  height: 100%;
  background-color: #d93732;
  font-size: 20px;
  color: #fff;
  border: 0;
}
#recruit .recruit-box .search-box-tops .search-box .search-btn .arr {
  display: inline-block;
  margin-left: 10px;
  width: 8px;
  height: 14px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url("../img/02.png");
}
#recruit .recruit-box .recruit-head {
  width: 100%;
  height: 110px;
  line-height: 110px;
  background-color: #b5b5b5;
  font-size: 22px;
  padding-left: 7%;
  color: #fff;
  display: flex;
  align-items: center;
  margin-top: 25px;
}
#recruit .recruit-box .recruit-head > div {
  width: 100%;
}
#recruit .recruit-box .recruit-head .down {
  width: 7%;
  height: 100%;
  flex-shrink: 0;
}
#recruit .recruit-box .recruit-list {
  width: 100%;
}
#recruit .recruit-box .recruit-list li {
  margin-bottom: 10px;
  list-style: none !important;
}
#recruit .recruit-box .recruit-list li .recruit-top {
  width: 100%;
  height: 110px;
  padding-left: 7%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  cursor: pointer;
  font-size: 20px;
  box-sizing: border-box;
  transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
}
#recruit .recruit-box .recruit-list li .recruit-top > div {
  color: #666666;
  width: 100%;
}
#recruit .recruit-box .recruit-list li .recruit-top > div span {
  color: #333;
}
#recruit .recruit-box .recruit-list li .recruit-top .down {
  width: 7%;
  height: 100%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 1px solid rgba(181, 181, 181, 0.55);
}
#recruit .recruit-box .recruit-list li .recruit-top .down .arr {
  display: block;
  width: 21px;
  height: 14px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("../img/75.png");
  background-position: center;
}
#recruit .recruit-box .recruit-list li .recruit-top:hover {
  background-image: linear-gradient(88deg, #eb2d26 19%, #f54053 77%, #ff527f 100%), linear-gradient(#d93732, #d93732);
}
#recruit .recruit-box .recruit-list li .recruit-top:hover > div {
  color: #fff;
}
#recruit .recruit-box .recruit-list li .recruit-top:hover > div span {
  color: #fff;
}
#recruit .recruit-box .recruit-list li .active {
  background-image: linear-gradient(88deg, #eb2d26 19%, #f54053 77%, #ff527f 100%), linear-gradient(#d93732, #d93732);
}
#recruit .recruit-box .recruit-list li .active > div {
  color: #fff;
}
#recruit .recruit-box .recruit-list li .active > div span {
  color: #fff;
}
#recruit .recruit-box .recruit-list li .active .down {
  border-left: 1px solid #fff;
}
#recruit .recruit-box .recruit-list li .active .down .arr {
  background-image: url("../img/76.png");
}
#recruit .recruit-box .recruit-list li .recruit-content {
  width: 100%;
  padding: 60px 7% 100px;
  box-sizing: border-box;
  background-color: #fff;
  display: none;
}
#recruit .recruit-box .recruit-list li .recruit-content .t1 {
  color: #000;
  font-size: 22px;
  padding-bottom: 20px;
}
#recruit .recruit-box .recruit-list li .recruit-content .content-box {
  margin-top: 40px;
}
#recruit .recruit-box .recruit-list li .recruit-content .content-box .mail-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#recruit .recruit-box .recruit-list li .recruit-content .content-box .mail-box .join-in {
  height: 65px;
  padding: 0 50px;
  border: 2px solid #eb2d26;
  color: #d93732;
  line-height: 65px;
  font-size: 18px;
}
#recruit .recruit-box .recruit-list li .recruit-content .content {
  width: 50%;
  padding-bottom: 20px;
}
#recruit .recruit-box .recruit-list li .recruit-content .content li {
  list-style: unset !important;
}
#recruit .recruit-box .recruit-list li .recruit-content .content.bor {
  border-bottom: 1px solid #dcdddd;
}
#recruit .recruit-box .recruit-list li .recruit-content .content p {
  font-size: 20px;
  line-height: 32px;
  color: #595757;
  margin-bottom: 20px;
}

#news .news-box {
  margin-top: 200px;
  margin-bottom: 140px;
  display: flex;
  flex-wrap: wrap;
}
#news .news-box .news-item {
  width: 33.33%;
  display: block;
  padding: 30px 5% 70px;
  border-left: 1px solid rgba(34, 34, 34, 0.1);
}
#news .news-box .news-item .date {
  font-size: 18px;
  color: #9fa0a0;
}
#news .news-box .news-item .title {
  font-size: 26px;
  line-height: 36px;
  height: 72px;
  color: #000;
  margin-top: 10px;
}
#news .news-box .news-item .tt {
  color: #9fa0a0;
  font-size: 16px;
  margin-top: 25px;
  margin-bottom: 20px;
}
#news .news-box .news-item .pic {
  width: 100%;
  overflow: hidden;
}
#news .news-box .news-item .pic img {
  width: 100%;
  transition: transform 0.5s ease-out;
  -webkit-transition: transform 0.5s ease-out;
  -moz-transition: transform 0.5s ease-out;
}
#news .news-box .news-item .desc {
  font-size: 20px;
  line-height: 32px;
  color: #595757;
  margin-top: 15px;
}
#news .news-box .news-item .arr-box {
  display: flex;
  justify-content: flex-end;
  margin-top: 45px;
}
#news .news-box .news-item .arr-box .arr {
  width: 23px;
  height: 8px;
  display: block;
  background-image: url("../img/14.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  transition: transform 0.6s;
}
#news .news-box .news-item:hover .date {
  color: #d93732;
}
#news .news-box .news-item:hover .title {
  color: #d93732;
}
#news .news-box .news-item:hover .tt {
  color: #d93732;
}
#news .news-box .news-item:hover .pic img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
}
#news .news-box .news-item:hover .arr-box .arr {
  background-image: url("../img/62.png");
  transform: translateX(10px);
  transition: transform 0.6s;
}
#news .news-detail {
  background-color: #fff;
  padding: 100px 6%;
  margin-top: 200px;
}
#news .news-detail .tt {
  color: rgba(34, 34, 34, 0.5);
  font-size: 20px;
}
#news .news-detail .news-content {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
#news .news-detail .news-content .left-txt {
  width: 30%;
}
#news .news-detail .news-content .left-txt .title {
  font-size: 36px;
  line-height: 48px;
  color: #222;
}
#news .news-detail .news-content .right-box {
  width: 57%;
  flex-shrink: 0;
}
#news .news-detail .news-content .right-box .swiper-detail {
  width: 100%;
  position: relative;
}
#news .news-detail .news-content .right-box .swiper-detail .swiper-wrapper {
  width: 100%;
}
#news .news-detail .news-content .right-box .swiper-detail .swiper-wrapper .swiper-slide {
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
#news .news-detail .news-content .right-box .swiper-detail .swiper-wrapper .swiper-slide img {
  width: 100%;
  opacity: 0;
}
#news .news-detail .news-content .right-box .swiper-detail .product-page {
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 12;
}
#news .news-detail .news-content .right-box .swiper-detail .product-page .pro-prev, #news .news-detail .news-content .right-box .swiper-detail .product-page .pro-next {
  width: 70px;
  height: 70px;
  transition: all 0.6s;
  border: 0;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.1);
  background-image: none;
}
#news .news-detail .news-content .right-box .swiper-detail .product-page .pro-prev .arr, #news .news-detail .news-content .right-box .swiper-detail .product-page .pro-next .arr {
  display: block;
  width: 8px;
  height: 14px;
  background-image: url("../img/02.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}
#news .news-detail .news-content .right-box .swiper-detail .product-page .pro-prev:hover, #news .news-detail .news-content .right-box .swiper-detail .product-page .pro-next:hover {
  background-color: #d93732;
}
#news .news-detail .news-content .right-box .swiper-detail .product-page .pro-prev {
  transform: rotate(180deg);
  margin-right: 2px;
}
#news .news-detail .news-content .right-box .right-info {
  color: #595757;
  font-size: 20px;
  line-height: 40px;
  padding-top: 40px;
}

@media screen and (max-width: 1900px) {
  #about .about01-box {
    background-size: 55%;
  }
  #about .about01-box .about-position .container .text-box .title {
    font-size: 36px;
    line-height: 36px;
  }
  #about .about01-box .about-position .container .text-box .info {
    margin-top: 40px;
    font-size: 16px;
    line-height: 28px;
  }
  #about .about02-box {
    background-size: 70%;
  }
  #about .about02-box .about-position .container .text-box .title {
    font-size: 36px;
    line-height: 36px;
  }
  #about .about02-box .about-position .container .text-box .info {
    font-size: 16px;
    line-height: 28px;
    margin-top: 40px;
  }
  #about .about02-box .about-position .container .text-box .cert-box {
    margin-top: 60px;
  }
  #about .about02-box .about-position .container .text-box .cert-box .c-item .t1 {
    font-size: 30px;
  }
  #about .about03-box .about-position .container .text-container .right .title {
    font-size: 36px;
    line-height: 36px;
  }
  #about .about03-box .about-position .container .text-container .right .info {
    margin-top: 40px;
    font-size: 16px;
    line-height: 28px;
  }
  .inner-banner .text-position .text-box .cn {
    font-size: 36px;
    line-height: 36px;
  }
  .inner-banner .text-position .text-box .en p {
    font-size: 24px;
    line-height: 32px;
  }
  .inner-banner .text-position .text-box .line {
    margin-top: 30px;
  }
  .second-box-bg {
    height: 160px;
  }
  .second-box-bg .container {
    height: 90px;
    top: 115px;
  }
  .second-box-bg .container .second-box .second-item .second-down-box-one {
    top: 88px;
  }
  .second-down-box .s-item {
    height: 140px;
  }
  #after_sale .after01-box .text-box {
    width: 45%;
  }
  #after_sale .after01-box .text-box .title {
    font-size: 36px;
    line-height: 36px;
  }
  #after_sale .after01-box .text-box .desc {
    margin-top: 30px;
  }
  #after_sale .after01-box .text-box .info {
    margin-top: 30px;
  }
  #after_sale .after01-box .text-box .info .item-box .item {
    font-size: 24px;
    line-height: 32px;
  }
  #after_sale .after02-box .text-box .title {
    font-size: 36px;
    line-height: 36px;
  }
  #after_sale .after02-box .text-box .text-list li {
    font-size: 16px;
    line-height: 32px;
    margin-bottom: 15px;
  }
  #after_sale .after03-box .title {
    font-size: 36px;
    line-height: 36px;
  }
  #after_sale .after03-box .after-list .a-item {
    padding: 20px 5%;
  }
  #after_sale .after03-box .after-list .a-item .pic {
    width: 90px;
  }
  #after_sale .after03-box .after-list .a-item .info .tt {
    font-size: 28px;
    line-height: 36px;
  }
  #after_sale .after03-box .after-list .a-item .info .desc {
    font-size: 16px;
    line-height: 28px;
  }
  .footer .foot-tops .foot-right {
    padding-left: 5%;
    padding-right: 3%;
  }
  #product .product-box {
    height: 350px;
  }
  #product .product-box .container {
    bottom: 68%;
  }
  #product .product-box .swiper-product .swiper-wrapper .swiper-slide .cont {
    padding: 30px 24px 15px;
  }
  #product .product-tops .container .product-info {
    padding: 5%;
  }
  #product .product-tops .container .product-info .title {
    font-size: 24px;
    line-height: 24px;
    padding-bottom: 20px;
  }
  #product .product-tops .container .product-info .info {
    font-size: 18px;
    line-height: 32px;
  }
  #project .project-box .container {
    top: -193px;
  }
  #project .project-box .project-list .p-item .info {
    padding: 20px 30px;
  }
  #news .news-box {
    margin-top: 120px;
    margin-bottom: 80px;
  }
  #news .news-box .news-item {
    padding: 30px 3% 50px;
  }
  #news .news-box .news-item .title {
    font-size: 24px;
    line-height: 32px;
    height: 64px;
  }
  #news .news-box .news-item .tt {
    margin-top: 20px;
    margin-bottom: 15px;
  }
  #news .news-box .news-item .desc {
    font-size: 16px;
    line-height: 28px;
  }
  #news .news-box .news-item .arr-box {
    margin-top: 30px;
  }
  #news .news-detail {
    padding: 80px 5%;
  }
  #news .news-detail .news-content .left-txt {
    width: 40%;
  }
  #news .news-detail .news-content .left-txt .title {
    font-size: 28px;
    line-height: 36px;
  }
  #news .news-detail .news-content .right-box .right-info {
    font-size: 18px;
    line-height: 36px;
  }
  #search .search-content {
    padding: 70px 6% 90px 6%;
  }
  #search .search-content .content .search-list {
    margin-top: 70px;
  }
  #search .search-content .content .search-list .item {
    margin-bottom: 60px;
  }
  #search .search-content .content .search-list .item .info-box {
    margin-left: 4%;
  }
  #search .search-content .content .search-list .item .info-box .title {
    font-size: 28px;
    line-height: 28px;
  }
  #search .search-content .content .search-list .item .info-box .desc {
    font-size: 16px;
    line-height: 32px;
  }
  #search .search-content .content .r-title {
    font-size: 28px;
  }
  #contact .map-box .map .left-online {
    padding: 8% 0 0 8%;
  }
  #contact .map-box .map .left-online .title {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 30px;
  }
  #contact .map-box .map .left-online .line-item {
    width: 80%;
  }
  #contact .map-box .map .left-online .line-item .txt .t1 {
    font-size: 18px;
  }
  #contact .map-box .map .left-online .line-item .txt .desc {
    font-size: 16px;
  }
  #recruit .recruit-box {
    margin-top: 100px;
    margin-bottom: 100px;
  }
  #recruit .recruit-box .recruit-head {
    height: 80px;
    font-size: 18px;
  }
  #recruit .recruit-box .recruit-list li .recruit-top {
    height: 80px;
    font-size: 18px;
  }
  #recruit .recruit-box .recruit-list li .recruit-content {
    padding: 50px 5% 70px;
  }
  #index .index-banner .swiper-banner .swiper-wrapper .swiper-slide .text-box {
    transform: translate(-100%, -100%);
  }
  #index .index-banner .swiper-banner .swiper-wrapper .swiper-slide .text-box .text {
    font-size: 24px;
    line-height: 40px;
  }
  #index .index-banner .swiper-banner .swiper-wrapper .swiper-slide .text-box .txt {
    font-size: 28px;
  }
  #index .index-banner .swiper-banner .swiper-wrapper .swiper-slide .text-box .com-more {
    width: 170px;
    height: 55px;
    line-height: 55px;
    margin-top: 50px;
  }
  #index .index-banner .banner-line {
    height: 80px;
  }
  #index .index-banner .index-swiper {
    bottom: 80px;
  }
  #index .product-box .product-inner .product-container .container .pro-list .item .mask .text {
    width: 80%;
  }
  #index .product-box .product-inner .product-container .container .pro-list .item .mask .info {
    font-size: 18px;
    line-height: 24px;
    margin-top: 20px;
  }
  #index .service-box .product-inner .product-container {
    margin-top: 60px;
  }
  #index .partner-box .partner-tops .partner-inner .partner-container .partner-list .item {
    margin-left: 12%;
    margin-bottom: 4%;
  }
  .com-title-box .cn {
    font-size: 32px;
    line-height: 32px;
  }
  .com-title-box .en {
    font-size: 28px;
    line-height: 28px;
  }
  .com-title-box .line {
    width: 30px;
    margin-top: 40px;
  }
}
@media screen and (max-width: 1600px) {
  #product .product-box .swiper-product .swiper-wrapper .swiper-slide .cont {
    padding: 24px 20px 15px;
  }
  #product .product-box .swiper-product .swiper-wrapper .swiper-slide .cont .title {
    font-size: 18px;
  }
  #product .product-box .swiper-product .swiper-wrapper .swiper-slide .cont .desc {
    font-size: 16px;
    line-height: 24px;
    margin-top: 5px;
    height: 48px;
  }
  #index .service-box {
    padding-top: 9%;
  }
  #index .service-box .product-inner .product-container {
    margin-top: 40px;
  }
  #index .service-box .product-inner .product-container .container .service-list .item .pic {
    height: 250px;
  }
  #index .service-box .product-inner .product-container .container .service-list .item .info {
    padding: 25px;
  }
  #index .product-box {
    padding-top: 9%;
  }
  #index .product-box .product-inner .product-container {
    margin-top: 3%;
  }
  #index .partner-box .partner-tops .partner-inner .partner-container {
    padding-top: 8%;
  }
  #index .partner-box .partner-tops .partner-inner .partner-container .partner-list .item {
    width: 185px;
    margin-left: 15%;
    margin-bottom: 2%;
  }
}
@media screen and (max-width: 1460px) {
  .header {
    height: 90px;
  }
  .header .left .logo {
    width: 140px;
  }
  .header .right .left-nav .item {
    line-height: 90px;
    font-size: 16px;
    margin-right: 30px;
  }
  .header .right .right-search {
    font-size: 16px;
  }
  .inner-header {
    height: 90px;
  }
  .inner-header .left .logo {
    width: 140px;
  }
  .inner-header .right .left-nav .item {
    margin-right: 30px;
    line-height: 90px;
    font-size: 16px;
  }
  .inner-header .right .right-search {
    font-size: 16px;
  }
  #product .product-box {
    height: 375px;
  }
  #product .product-box .swiper-product .swiper-wrapper .swiper-slide .tops {
    height: 50px;
  }
  #product .product-box .swiper-product .swiper-wrapper .swiper-slide .tops .left {
    font-size: 20px;
    padding-left: 15px;
  }
  #product .product-box .swiper-product .swiper-wrapper .swiper-slide .tops .more {
    width: 50px;
  }
  #product .product-box .swiper-product .swiper-wrapper .swiper-slide .cont {
    padding: 20px 15px 15px;
  }
  #product .product-box .swiper-product .swiper-wrapper .swiper-slide .cont .title {
    font-size: 16px;
  }
  #product .product-box .swiper-product .swiper-wrapper .swiper-slide .cont .desc {
    font-size: 14px;
    line-height: 20px;
    margin-top: 5px;
    height: 40px;
  }
  #product .product-box .product-page .pro-prev, #product .product-box .product-page .pro-next {
    width: 55px;
    height: 55px;
  }
  #index .index-banner .swiper-banner .swiper-wrapper .swiper-slide .text-box {
    transform: translate(-130%, -80%);
  }
  #index .index-banner .swiper-banner .swiper-wrapper .swiper-slide .text-box .text {
    font-size: 18px;
    line-height: 28px;
  }
  #index .index-banner .swiper-banner .swiper-wrapper .swiper-slide .text-box .txt {
    font-size: 20px;
  }
  #index .index-banner .swiper-banner .swiper-wrapper .swiper-slide .text-box .com-more {
    width: 160px;
    height: 45px;
    line-height: 45px;
    margin-top: 30px;
  }
  #index .index-banner .banner-line {
    height: 80px;
  }
  #index .index-banner .index-swiper {
    bottom: 80px;
  }
  #index .product-box {
    padding-top: 8%;
  }
  #index .product-box .product-inner .product-container .container .pro-list .item .mask .info {
    margin-top: 10px;
  }
  #index .product-box .product-inner .product-container .container .pro-list .item .mask .arr-box {
    margin-top: 10px;
  }
  #index .service-box {
    padding-top: 8%;
  }
  #index .service-box .product-inner .product-container {
    margin-top: 40px;
  }
  #index .service-box .product-inner .product-container .container .service-list .item .info {
    padding: 15px;
  }
  #index .service-box .product-inner .product-container .container .service-list .item .info .left .t1 {
    font-size: 18px;
    line-height: 20px;
  }
  #index .partner-box .partner-tops .partner-inner .partner-container {
    padding-top: 8%;
  }
  #index .partner-box .partner-tops .partner-inner .partner-container .partner-list .item {
    margin-left: 16%;
    width: 150px;
  }
  .com-title-box .cn {
    font-size: 24px;
    line-height: 24px;
  }
  .com-title-box .en {
    font-size: 20px;
    line-height: 20px;
  }
  .com-title-box .line {
    margin-top: 15px;
  }
  .inner-banner .text-position .text-box .cn {
    font-size: 28px;
    line-height: 32px;
  }
  .inner-banner .text-position .text-box .en {
    font-size: 20px;
    line-height: 26px;
  }
  #project .project-box .container {
    top: -200px;
  }
  #contact .map-box .map #map {
    overflow-x: auto;
  }
  #contact .map-box .map #map::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }
  #contact .map-box .map #map::-webkit-scrollbar-thumb {
    background-color: #d93732;
  }
  #contact .map-box .map #map img {
    max-width: -moz-max-content !important;
    max-width: max-content !important;
  }
}
@media screen and (max-width: 1386px) {
  .container {
    width: 88%;
  }
  .header {
    height: 90px;
  }
  .header .left .logo {
    width: 140px;
  }
  .header .right .left-nav .item {
    line-height: 90px;
    font-size: 16px;
    margin-right: 30px;
  }
  .header .right .right-search {
    font-size: 16px;
  }
  .inner-header {
    height: 90px;
  }
  .inner-header .left .logo {
    width: 140px;
  }
  .inner-header .right .left-nav .item {
    margin-right: 30px;
    line-height: 90px;
    font-size: 16px;
  }
  .inner-header .right .right-search {
    font-size: 16px;
  }
  .inner-banner .text-position .text-box .cn {
    font-size: 28px;
    line-height: 28px;
  }
  .inner-banner .text-position .text-box .en p {
    font-size: 20px;
    line-height: 24px;
  }
  .inner-banner .text-position .text-box .line {
    margin-top: 20px;
  }
  #index .index-banner .swiper-banner .swiper-wrapper .swiper-slide .text-box {
    transform: translate(-100%, -55%);
  }
  #index .index-banner .swiper-banner .swiper-wrapper .swiper-slide .text-box .text {
    font-size: 18px;
    line-height: 28px;
  }
  #index .index-banner .swiper-banner .swiper-wrapper .swiper-slide .text-box .txt {
    font-size: 20px;
  }
  #index .index-banner .swiper-banner .swiper-wrapper .swiper-slide .text-box .com-more {
    width: 160px;
    height: 45px;
    line-height: 45px;
    margin-top: 30px;
  }
  #index .index-banner .banner-line {
    height: 80px;
  }
  #index .index-banner .index-swiper {
    bottom: 80px;
  }
  #index .product-box .product-inner .product-container {
    margin-top: 5%;
  }
  #index .product-box .product-inner .product-container .container .pro-list .item .mask .info {
    font-size: 14px;
    line-height: 18px;
    margin-top: 15px;
  }
  #index .product-box .product-inner .product-container .container .pro-list .item .mask .arr-box {
    width: 36px;
    height: 36px;
  }
  #index .product-box .product-inner .product-container .pro-left {
    width: 30px;
  }
  #index .product-box .product-inner .product-container .pro-more {
    width: 6%;
  }
  #index .product-box .product-inner .product-container .pro-more .txt {
    width: 18px;
    font-size: 14px;
  }
  #index .service-box .product-inner .product-container .container .service-list .item .info {
    padding: 25px 30px;
  }
  #index .service-box .product-inner .product-container .container .service-list .item .info .left .t1 {
    font-size: 20px;
    line-height: 20px;
  }
  #index .service-box .product-inner .product-container .pro-more {
    width: 6%;
  }
  #index .service-box .product-inner .product-container .pro-more .txt {
    width: 18px;
    font-size: 14px;
  }
  #index .partner-box .partner-tops .partner-inner .partner-container {
    width: 100%;
    padding-left: 6%;
  }
  #index .partner-box .partner-tops .partner-inner .partner-container .partner-list {
    padding: 0 4%;
  }
  #index .partner-box .partner-tops .partner-inner .partner-container .partner-list .item {
    width: 225px;
    margin-left: 2%;
    margin-bottom: 4%;
  }
  #index .partner-box .partner-tops .partner-inner .more-box {
    width: 6%;
  }
  #index .partner-box .partner-tops .partner-inner .more-box .pro-more .txt {
    width: 18px;
    font-size: 14px;
  }
  #product .product-box {
    height: 350px;
  }
  #product .product-box .container {
    bottom: 60%;
  }
  #product .product-box .product-page {
    color: #fff;
    top: -80px;
  }
  #product .product-box .product-page .pro-prev, #product .product-box .product-page .pro-next {
    width: 50px;
    height: 50px;
  }
  #product .product-tops {
    margin-top: 90px;
  }
  #product .product-tops .container .product-info {
    padding: 4%;
  }
  #product .product-tops .container .product-info .title {
    font-size: 20px;
    line-height: 20px;
  }
  #product .product-tops .container .product-info .info {
    font-size: 14px;
    line-height: 28px;
  }
  #product .product-content .pro-nav {
    height: 80px;
  }
  #product .product-content .pro-nav .item {
    font-size: 16px;
  }
  #product .product-content .pro-cont {
    padding: 5% 6%;
  }
  #product .product-content .pro-cont.project04 .title {
    font-size: 18px;
  }
  #product .product-content .pro-cont.project04 .desc {
    font-size: 16px;
    line-height: 28px;
  }
  #product .product-content .pro-cont.project04 .list li {
    font-size: 16px;
    line-height: 32px;
  }
  #product .product-content .pro-cont.project04 .four-item {
    padding: 50px 0;
  }
  #product .product-content .pro-cont.project01 .item-box-num .item-box {
    width: 32%;
    padding: 20px;
  }
  #product .product-content .pro-cont.project01 .item-box-num .item-box .title {
    font-size: 16px;
    line-height: 28px;
  }
  #product .product-content .pro-cont.project01 .item-box-num .item-box .num {
    font-size: 24px;
    line-height: 24px;
    margin-top: 30px;
  }
  .header {
    height: 90px;
  }
  .header .left .left-nav .item {
    margin-right: 40px;
    line-height: 90px;
    font-size: 16px;
  }
  .header .right {
    font-size: 16px;
  }
  .com-title-box .cn {
    font-size: 26px;
    line-height: 26px;
  }
  .com-title-box .en {
    font-size: 20px;
    line-height: 28px;
    margin-top: 6px;
  }
  .com-title-box .line {
    width: 30px;
    margin-top: 20px;
  }
  #project .project-box {
    height: 260px;
  }
  #project .project-box .project-list .p-item .info {
    padding: 15px 20px;
  }
  #project .project-box .project-list .p-item .info .title .t1 {
    font-size: 20px;
  }
  #project .project-box .container {
    top: -200px;
  }
  .second-box-bg {
    height: 120px;
  }
  .second-box-bg .container {
    top: 75px;
  }
  .second-box-bg .container .second-box .item {
    font-size: 16px;
  }
  .second-down-box .s-item {
    font-size: 16px;
    height: 100px;
  }
  #after_sale .after01-box .text-box {
    width: 45%;
  }
  #after_sale .after01-box .text-box .title {
    font-size: 28px;
    line-height: 28px;
  }
  #after_sale .after01-box .text-box .desc {
    margin-top: 20px;
  }
  #after_sale .after01-box .text-box .info {
    margin-top: 20px;
    font-size: 18px;
  }
  #after_sale .after01-box .text-box .info .item-box .item {
    font-size: 22px;
    line-height: 28px;
  }
  #after_sale .after02-box .text-box .title {
    font-size: 28px;
    line-height: 28px;
  }
  #after_sale .after02-box .text-box .text-list {
    margin-top: 20px;
  }
  #after_sale .after02-box .text-box .text-list li {
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 10px;
  }
  #after_sale .after03-box .title {
    font-size: 28px;
    line-height: 28px;
  }
  #after_sale .after03-box .after-list .a-item {
    padding: 20px 3%;
    margin-top: 15px;
  }
  #after_sale .after03-box .after-list .a-item .pic {
    width: 70px;
  }
  #after_sale .after03-box .after-list .a-item .info {
    margin-left: 20px;
  }
  #after_sale .after03-box .after-list .a-item .info .tt {
    font-size: 24px;
    line-height: 32px;
  }
  #after_sale .after03-box .after-list .a-item .info .desc {
    font-size: 16px;
    line-height: 28px;
  }
  #about .about01-box {
    background-size: 46%;
  }
  #about .about01-box .about-position .container .text-box .title {
    font-size: 28px;
    line-height: 28px;
  }
  #about .about01-box .about-position .container .text-box .info {
    margin-top: 20px;
    font-size: 14px;
    line-height: 24px;
  }
  #about .about02-box {
    background-size: 80%;
  }
  #about .about02-box .about-position .container .text-box {
    width: 50%;
    transform: translateY(-50%);
  }
  #about .about02-box .about-position .container .text-box .title {
    font-size: 28px;
    line-height: 28px;
  }
  #about .about02-box .about-position .container .text-box .info {
    font-size: 14px;
    line-height: 24px;
    margin-top: 20px;
  }
  #about .about02-box .about-position .container .text-box .cert-box {
    margin-top: 30px;
  }
  #about .about02-box .about-position .container .text-box .cert-box .c-item .t1 {
    font-size: 22px;
  }
  #about .about03-box .about-position .container .text-container {
    padding-top: 10%;
  }
  #about .about03-box .about-position .container .text-container .right .title {
    font-size: 28px;
    line-height: 28px;
  }
  #about .about03-box .about-position .container .text-container .right .info {
    margin-top: 20px;
    font-size: 14px;
    line-height: 24px;
  }
  #contact .map-box .map .left-online {
    padding: 8% 0 0 4%;
  }
  #contact .map-box .map .left-online .title {
    font-size: 24px;
    line-height: 28px;
    margin-bottom: 20px;
  }
  #contact .map-box .map .left-online .line-item {
    width: 80%;
  }
  #contact .map-box .map .left-online .line-item .txt .t1 {
    font-size: 16px;
  }
  #contact .map-box .map .left-online .line-item .txt .desc {
    font-size: 14px;
    line-height: 24px;
  }
  #recruit .recruit-box {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  #recruit .recruit-box .recruit-head {
    height: 70px;
    font-size: 16px;
  }
  #recruit .recruit-box .recruit-list li .recruit-top {
    height: 70px;
    font-size: 16px;
    padding-left: 3%;
  }
  #recruit .recruit-box .recruit-list li .recruit-content {
    padding: 50px 5% 70px;
  }
  #search .search-content {
    padding: 60px 5% 60px 5%;
  }
  #search .search-content .content .search-list {
    margin-top: 50px;
  }
  #search .search-content .content .search-list .item {
    margin-bottom: 40px;
  }
  #search .search-content .content .search-list .item .info-box {
    margin-left: 4%;
  }
  #search .search-content .content .search-list .item .info-box .title {
    font-size: 24px;
    line-height: 24px;
  }
  #search .search-content .content .search-list .item .info-box .desc {
    font-size: 14px;
    line-height: 28px;
    margin-top: 10px;
  }
  #search .search-content .content .r-title {
    font-size: 24px;
  }
  .detail-bottom {
    padding: 40px 0;
    margin-bottom: 80px;
  }
  #news .news-detail {
    margin-top: 145px;
    padding: 60px 5%;
  }
  #news .news-detail .news-content .left-txt .title {
    font-size: 24px;
    line-height: 32px;
  }
  .footer .foot-tops .foot-left {
    padding: 60px 4%;
  }
  .footer .foot-tops .foot-left .foot-list .item-box .tt {
    font-size: 16px;
  }
  .footer .foot-tops .foot-left .foot-list .item-box .line {
    margin-top: 20px;
  }
  .footer .foot-tops .foot-left .foot-list .item-box .item-list .item {
    margin-top: 20px;
    font-size: 16px;
  }
  .footer .foot-tops .foot-right {
    padding-left: 4%;
    padding-right: 2%;
    padding-top: 60px;
  }
  .footer .foot-tops .foot-right .title {
    font-size: 16px;
  }
  .footer .foot-tops .foot-right .line {
    margin-top: 20px;
  }
  .footer .foot-tops .foot-right .online-box .item {
    margin-top: 20px;
    font-size: 16px;
  }
  .footer .foot-bottoms {
    padding: 20px 0;
  }
  .footer .foot-bottoms .container {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1300px) {
  #index .product-box {
    padding-top: 7%;
  }
  #index .product-box .product-inner .product-container {
    margin-top: 2%;
  }
  #index .service-box {
    padding-top: 7%;
  }
  #index .service-box .product-inner .product-container {
    margin-top: 2%;
  }
  #index .service-box .product-inner .product-container .container .service-list .item .pic {
    height: 200px;
  }
  #index .service-box .product-inner .product-container .container .service-list .item .info {
    padding: 20px;
  }
  #index .partner-box .partner-tops .partner-inner .partner-container {
    padding-top: 7%;
  }
  #index .partner-box .partner-tops .partner-inner .partner-container .partner-list .item {
    width: 170px;
    margin-left: 7%;
    margin-bottom: 3%;
  }
  #project .project-box .container {
    top: -189px;
  }
  .com-title-box .cn {
    font-size: 20px;
    line-height: 22px;
  }
  .com-title-box .en {
    font-size: 16px;
    line-height: 20px;
  }
  .header {
    height: 70px;
  }
  .header .left .logo {
    width: 100px;
  }
  .header .right .left-nav .item {
    line-height: 70px;
  }
  .inner-header {
    height: 70px;
  }
  .inner-header .left .logo {
    width: 100px;
  }
  .inner-header .right .left-nav .item {
    line-height: 70px;
  }
}
@media screen and (max-width: 1044px) {
  .header {
    display: none;
  }
  .inner-header {
    display: none;
  }
  .m-header {
    height: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: transparent;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    transition: all 0.6s;
  }
  .m-header .logo {
    height: 100%;
  }
  .m-header .logo img {
    height: 100%;
  }
  .m-header .right {
    height: 100%;
    display: flex;
    position: relative;
    right: -0.35rem;
  }
  .m-header .right .search-box {
    width: 1.2rem;
    height: 100%;
    transform: skew(-30deg);
    position: relative;
  }
  .m-header .right .search-box .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url("../img/124.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 0.48rem 0.48rem;
    transform: skew(30deg);
  }
  .m-header .right .menu-box {
    width: 1.6rem;
    height: 100%;
    transform: skew(-30deg);
  }
  .m-header .right .menu-box .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url("../img/122.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 0.48rem 0.48rem;
    transform: skew(30deg);
  }
  .m-header.m-fix {
    background-color: #fff;
    transition: all 0.6s;
  }
  .m-header.m-fix .right .search-box {
    background-color: #F0F0F0;
  }
  .m-header.m-fix .right .search-box .mask {
    background-image: url("../img/123.png");
  }
  .m-header.m-fix .right .menu-box {
    background-color: #d93732;
  }
  .m-header.m-close .right .menu-box {
    background-color: #000;
  }
  .m-header.m-close .right .menu-box .mask {
    background-image: url("../img/125.png");
  }
  .m-header.m-close01 .right .search-box {
    background-color: #000;
  }
  .m-header.m-close01 .right .search-box .mask {
    background-image: url("../img/125.png");
  }
  .m-cover {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    top: 0;
    left: 0;
    z-index: 99;
    display: none;
    padding-top: 2.5rem;
  }
  .m-cover .item {
    font-size: 20px;
    color: #fff;
    display: block;
    text-align: center;
    margin-bottom: 1rem;
  }
  .s-cover {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    top: 0;
    left: 0;
    z-index: 99;
    display: none;
  }
  .s-cover .search-box {
    width: 6rem;
    transform: translateY(-50%);
    top: 50%;
    position: absolute;
    display: flex;
    align-items: center;
    left: 0.75rem;
  }
  .s-cover .search-box .input-box {
    width: 100%;
    height: 1rem;
    border-bottom: 1px solid #fff;
    display: flex;
    align-items: center;
  }
  .s-cover .search-box .input-box input {
    width: 100%;
    height: 100%;
    border: 0;
    font-size: 20px;
    text-align: center;
    background-color: transparent;
    color: #fff;
  }
  .s-cover .search-box .input-box input::-webkit-input-placeholder {
    color: #fff !important;
  }
  .s-cover .search-box .input-box input:-moz-placeholder {
    color: #fff !important;
  }
  .s-cover .search-box .input-box input:-ms-input-placeholder {
    color: #fff !important;
  }
  .s-cover .search-box .input-box .s-icon {
    width: 0.6rem;
    height: 100%;
    background-size: 17px 17px;
    background-image: url("../img/03.png");
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    flex-shrink: 0;
    background-color: transparent;
    border: 0;
  }
  .inner-banner {
    margin-top: 1.2rem;
    height: 3.5rem;
  }
  .inner-banner .text-position .text-box .cn {
    font-size: 16px;
    line-height: 16px;
  }
  .inner-banner .text-position .text-box .en {
    margin-top: 0.1rem;
  }
  .inner-banner .text-position .text-box .en p {
    font-size: 14px;
    line-height: 20px;
  }
  .inner-banner .text-position .text-box .line {
    margin-top: 0.2rem;
  }
  #index .index-banner .swiper-banner .swiper-wrapper .swiper-slide .text-box {
    transform: translate(-50%, -50%);
    text-align: center;
    width: 86%;
  }
  #index .index-banner .swiper-banner .swiper-wrapper .swiper-slide .text-box .text {
    font-size: 16px;
    line-height: 28px;
  }
  #index .index-banner .swiper-banner .swiper-wrapper .swiper-slide .text-box .txt {
    font-size: 18px;
  }
  #index .index-banner .swiper-banner .swiper-wrapper .swiper-slide .text-box .com-more {
    width: 3rem;
    height: 0.8rem;
    line-height: 0.8rem;
    margin: 0 auto;
    font-size: 12px;
    margin-top: 0.4rem;
  }
  #index .index-banner .swiper-banner .m-index-page {
    display: block;
    bottom: 2rem;
    z-index: 10;
    width: 100%;
    text-align: center;
    position: absolute;
  }
  #index .index-banner .swiper-banner .m-index-page .swiper-pagination-bullet {
    width: 0.1rem;
    height: 0.1rem;
    border: 1px solid #fff;
    opacity: 1;
    transition: all 0.6s;
    outline: none;
  }
  #index .index-banner .swiper-banner .m-index-page .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 0.4rem;
    height: 0.1rem;
    border-radius: 0.05rem;
    background-color: #fff;
    transition: all 0.6s;
  }
  #index .index-banner .banner-line {
    width: 100%;
    height: 1.2rem;
  }
  #index .index-banner .banner-line .item {
    width: 100%;
  }
  #index .index-banner .banner-line .item.right {
    display: none;
  }
  #index .index-banner .index-swiper {
    display: none;
  }
  #index .product-box {
    height: auto;
  }
  #index .product-box .product-inner .product-container {
    margin-top: 5%;
    flex-wrap: wrap;
  }
  #index .product-box .product-inner .product-container .pro-left {
    display: none;
  }
  #index .product-box .product-inner .product-container .container .pro-list {
    flex-wrap: wrap;
    margin-top: 0.2rem;
  }
  #index .product-box .product-inner .product-container .container .pro-list .item {
    width: 100%;
    height: 5rem;
  }
  #index .product-box .product-inner .product-container .container .pro-list .item .mask .info {
    margin-top: 0.2rem;
  }
  #index .product-box .product-inner .product-container .pro-more {
    width: 100%;
    position: static;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-end;
    padding: 0.4rem 0;
    padding-right: 4%;
  }
  #index .product-box .product-inner .product-container .pro-more .txt {
    width: auto;
    font-size: 14px;
  }
  #index .product-box .product-inner .product-container .pro-more .pro-arr {
    margin-top: 0;
    margin-left: 0.2rem;
  }
  #index .service-box {
    height: auto;
  }
  #index .service-box .product-inner .product-container {
    flex-wrap: wrap;
    margin-top: 0.6rem;
  }
  #index .service-box .product-inner .product-container .container .service-list {
    flex-wrap: wrap;
  }
  #index .service-box .product-inner .product-container .container .service-list .item {
    width: 100%;
    margin-bottom: 0.24rem;
  }
  #index .service-box .product-inner .product-container .container .service-list .item .info {
    padding: 0.24rem;
  }
  #index .service-box .product-inner .product-container .container .service-list .item .info .left .t1 {
    font-size: 16px;
    line-height: 24px;
  }
  #index .service-box .product-inner .product-container .pro-more {
    width: 100%;
    position: static;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-end;
    padding: 0.4rem 0;
    padding-right: 4%;
  }
  #index .service-box .product-inner .product-container .pro-more .txt {
    width: auto;
    font-size: 14px;
  }
  #index .service-box .product-inner .product-container .pro-more .pro-arr {
    margin-top: 0;
    margin-left: 0.2rem;
  }
  #index .partner-box {
    height: auto;
  }
  #index .partner-box .partner-tops {
    height: auto;
  }
  #index .partner-box .partner-tops .partner-inner {
    flex-wrap: wrap;
  }
  #index .partner-box .partner-tops .partner-inner .partner-container {
    width: 100%;
    flex-wrap: wrap;
    padding: 1.2rem 4%;
  }
  #index .partner-box .partner-tops .partner-inner .partner-container .partner-list {
    margin-top: 0.6rem;
  }
  #index .partner-box .partner-tops .partner-inner .partner-container .partner-list .item {
    width: 48%;
    margin-left: 2%;
    margin-bottom: 4%;
  }
  #index .partner-box .partner-tops .partner-inner .more-box {
    width: 100%;
  }
  #index .partner-box .partner-tops .partner-inner .more-box .pro-more {
    width: 100%;
    position: static;
    display: none;
    align-items: center;
    flex-direction: row;
    justify-content: flex-end;
    padding: 0.4rem 0;
    padding-right: 4%;
  }
  #index .partner-box .partner-tops .partner-inner .more-box .pro-more .txt {
    width: auto;
    font-size: 14px;
  }
  #index .partner-box .partner-tops .partner-inner .more-box .pro-more .pro-arr {
    margin-top: 0;
    margin-left: 0.2rem;
  }
  .com-title-box .cn {
    font-size: 18px;
    line-height: 18px;
  }
  .com-title-box .en {
    font-size: 16px;
    line-height: 24px;
    margin-top: 6px;
  }
  .com-title-box .line {
    width: 0.6rem;
    margin-top: 10px;
  }
  .second-box-bg {
    height: 1.6rem;
  }
  .second-box-bg .container {
    top: 1.05rem;
    height: 1rem;
  }
  .second-box-bg .container .second-box .second-item .item {
    font-size: 12px;
    padding: 0 0.1rem;
  }
  .second-box-bg .container .second-box .second-item .item i {
    display: none;
  }
  .second-box-bg .container .second-box .second-item:hover .second-down-box-one {
    display: none;
  }
  .second-box-bg.second-mar {
    margin-top: 1.8rem;
  }
  .second-down-box {
    margin-top: 0.5rem;
    display: flex;
  }
  .second-down-box .s-item {
    display: flex;
    align-items: center;
    font-size: 12px;
    padding: 0.2rem 0.1rem;
    height: 1.2rem;
  }
  #contact .map-box {
    height: auto;
  }
  #contact .map-box .map {
    height: auto;
  }
  #contact .map-box .map #map {
    height: 6rem;
  }
  #contact .map-box .map .left-online {
    padding: 1rem 0.24rem;
    width: 100%;
    position: static;
  }
  #contact .map-box .map .left-online .title {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 0.6rem;
  }
  #contact .map-box .map .left-online .line-item {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.3rem;
  }
  #contact .map-box .map .left-online .line-item i {
    width: 24px;
  }
  #contact .map-box .map .left-online .line-item .txt .t1 {
    font-size: 16px;
  }
  #contact .map-box .map .left-online .line-item .txt .desc {
    font-size: 14px;
    line-height: 24px;
  }
  #about .about01-box {
    background-size: 80%;
    padding-top: 2rem;
    padding-bottom: 5rem;
    height: auto;
  }
  #about .about01-box .about-position {
    position: static;
  }
  #about .about01-box .about-position .container .text-box {
    position: static;
    top: unset;
    transform: unset;
    width: 100%;
  }
  #about .about01-box .about-position .container .text-box .title {
    font-size: 22px;
    line-height: 22px;
  }
  #about .about01-box .about-position .container .text-box .info {
    margin-top: 20px;
    font-size: 14px;
    line-height: 24px;
  }
  #about .about02-box {
    background-size: 120%;
    padding-top: 2rem;
    padding-bottom: 5rem;
    height: auto;
  }
  #about .about02-box .about-position {
    position: static;
  }
  #about .about02-box .about-position .container .text-box {
    position: static;
    top: unset;
    transform: unset;
    width: 100%;
  }
  #about .about02-box .about-position .container .text-box .title {
    font-size: 22px;
    line-height: 22px;
  }
  #about .about02-box .about-position .container .text-box .info {
    font-size: 14px;
    line-height: 24px;
    margin-top: 0.2rem;
  }
  #about .about02-box .about-position .container .text-box .cert-box {
    margin-top: 0.4rem;
  }
  #about .about02-box .about-position .container .text-box .cert-box .c-item {
    padding-right: 0.2rem;
  }
  #about .about02-box .about-position .container .text-box .cert-box .c-item .t1 {
    font-size: 16px;
  }
  #about .about03-box {
    height: auto;
  }
  #about .about03-box .about-position {
    position: static;
  }
  #about .about03-box .about-position .container .text-container {
    padding-top: 1rem;
    padding-bottom: 1.5rem;
    flex-wrap: wrap;
  }
  #about .about03-box .about-position .container .text-container .left {
    width: 100%;
  }
  #about .about03-box .about-position .container .text-container .left .bg {
    left: 0.1rem;
    top: 0.4rem;
  }
  #about .about03-box .about-position .container .text-container .right {
    width: 100%;
    margin-top: 1rem;
  }
  #about .about03-box .about-position .container .text-container .right .title {
    font-size: 22px;
    line-height: 22px;
  }
  #about .about03-box .about-position .container .text-container .right .info {
    margin-top: 0.2rem;
    font-size: 14px;
    line-height: 24px;
  }
  #recruit .recruit-box {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  #recruit .recruit-box .recruit-head {
    height: 0.9rem;
    line-height: 0.9rem;
    font-size: 14px;
    padding: 0 0.24rem;
    justify-content: space-between;
  }
  #recruit .recruit-box .recruit-head > div {
    width: auto;
  }
  #recruit .recruit-box .recruit-head > div:nth-of-type(2) {
    display: none;
  }
  #recruit .recruit-box .recruit-head > div:nth-of-type(3) {
    display: none;
  }
  #recruit .recruit-box .recruit-head > div:nth-of-type(5) {
    display: none;
  }
  #recruit .recruit-box .search-box-tops .search-box {
    width: 100%;
    height: 1rem;
  }
  #recruit .recruit-box .search-box-tops .search-box input {
    padding-left: 0.2rem;
    font-size: 18px;
  }
  #recruit .recruit-box .search-box-tops .search-box .search-btn {
    width: 3rem;
    font-size: 16px;
  }
  #recruit .recruit-box .recruit-list li .recruit-top {
    height: 1rem;
    font-size: 14px;
    justify-content: space-between;
    padding: 0 0.24rem;
  }
  #recruit .recruit-box .recruit-list li .recruit-top > div {
    width: auto;
  }
  #recruit .recruit-box .recruit-list li .recruit-top > div:nth-of-type(2) {
    display: none;
  }
  #recruit .recruit-box .recruit-list li .recruit-top > div:nth-of-type(3) {
    display: none;
  }
  #recruit .recruit-box .recruit-list li .recruit-top > div:nth-of-type(5) {
    display: none;
  }
  #recruit .recruit-box .recruit-list li .recruit-content {
    padding: 0.6rem 0.24rem;
  }
  #recruit .recruit-box .recruit-list li .recruit-content .t1 {
    font-size: 18px;
  }
  #recruit .recruit-box .recruit-list li .recruit-content .content {
    width: 100%;
    padding-bottom: 0.2rem;
  }
  #recruit .recruit-box .recruit-list li .recruit-content .content p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0.2rem;
  }
  #recruit .recruit-box .recruit-list li .recruit-content .content-box {
    flex-wrap: wrap;
    margin-top: 0.4rem;
  }
  #recruit .recruit-box .recruit-list li .recruit-content .content-box .mail-box {
    flex-wrap: wrap;
  }
  #recruit .recruit-box .recruit-list li .recruit-content .content-box .mail-box .join-in {
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    padding: 0 0.24rem;
    font-size: 16px;
  }
  #search .search-content {
    padding: 0 0.24rem 0.6rem;
    margin-top: 1.8rem;
  }
  #search .search-content .search-input-box {
    display: none;
  }
  #search .search-content .content {
    min-height: 5rem;
  }
  #search .search-content .content .search-list {
    margin-top: 0.6rem;
  }
  #search .search-content .content .search-list .item {
    margin-bottom: 0.6rem;
    flex-wrap: wrap;
  }
  #search .search-content .content .search-list .item .pic {
    width: 100%;
  }
  #search .search-content .content .search-list .item .info-box {
    margin-left: 0%;
    width: 100%;
    padding: 0.4rem 0 0.4rem;
  }
  #search .search-content .content .search-list .item .info-box .title {
    font-size: 18px;
    line-height: 18px;
  }
  #search .search-content .content .search-list .item .info-box .desc {
    font-size: 14px;
    line-height: 28px;
    margin-top: 10px;
  }
  #search .search-content .content .r-title {
    font-size: 18px;
  }
  #news .news-box {
    margin-top: 1rem;
    margin-bottom: 0.6rem;
  }
  #news .news-box .news-item {
    width: 100%;
    padding: 0.4rem 0.24rem;
  }
  #news .news-box .news-item .date {
    font-size: 16px;
  }
  #news .news-box .news-item .title {
    font-size: 16px;
    line-height: 24px;
  }
  #news .news-detail {
    margin-top: 1.8rem;
    padding: 0.6rem 0.24rem;
  }
  #news .news-detail .tt {
    font-size: 16px;
  }
  #news .news-detail .news-content {
    flex-wrap: wrap;
    margin-top: 0.4rem;
  }
  #news .news-detail .news-content .left-txt {
    width: 100%;
  }
  #news .news-detail .news-content .left-txt .title {
    font-size: 20px;
    line-height: 28px;
  }
  #news .news-detail .news-content .right-box {
    width: 100%;
    margin-top: 0.4em;
  }
  #news .news-detail .news-content .right-box .right-info {
    padding-top: 0.4rem;
  }
  #news .news-detail .news-content .right-box .swiper-detail .product-page .pro-prev, #news .news-detail .news-content .right-box .swiper-detail .product-page .pro-next {
    width: 1rem;
    height: 1rem;
    background-color: #8D8D8D;
  }
  #product .product-box {
    height: auto;
    padding: 1rem 0;
  }
  #product .product-box .container {
    bottom: unset;
  }
  #product .product-box .swiper-product .swiper-wrapper .swiper-slide .tops {
    height: 46px;
  }
  #product .product-box .swiper-product .swiper-wrapper .swiper-slide .tops .left {
    font-size: 18px;
    line-height: 46px;
  }
  #product .product-box .swiper-product .swiper-wrapper .swiper-slide .cont {
    padding: 0.3rem 0.24rem 0.2rem;
  }
  #product .product-box .swiper-product .swiper-wrapper .swiper-slide .cont .title {
    font-size: 16px;
  }
  #product .product-box .swiper-product .swiper-wrapper .swiper-slide .cont .desc {
    font-size: 14px;
    line-height: 20px;
    margin-top: 0.1rem;
  }
  #product .product-box .product-page {
    color: #fff;
    top: -40px;
  }
  #product .product-box .product-page .pro-prev, #product .product-box .product-page .pro-next {
    width: 40px;
    height: 40px;
  }
  #product .product-tops {
    margin-top: 0.4rem;
  }
  #product .product-tops.project-mar {
    margin-top: 1rem;
  }
  #product .product-tops .container {
    flex-wrap: wrap;
    background-color: #fff;
    padding: 0.6rem 0.4rem 0.2rem;
  }
  #product .product-tops .container .product-left {
    width: 100%;
  }
  #product .product-tops .container .product-left .product-page .pro-prev, #product .product-tops .container .product-left .product-page .pro-next {
    width: 50px;
    height: 50px;
  }
  #product .product-tops .container .product-info {
    padding: 0.6rem 0;
    width: 100%;
  }
  #product .product-tops .container .product-info .title {
    font-size: 20px;
    line-height: 20px;
  }
  #product .product-tops .container .product-info .info {
    font-size: 14px;
    line-height: 28px;
  }
  #product .product-content .pro-nav {
    height: auto;
    flex-wrap: wrap;
    border: 0;
  }
  #product .product-content .pro-nav .item {
    font-size: 14px;
    padding: 0 0.1rem;
    width: 100%;
    height: 1rem;
    border-bottom: 1px solid rgba(123, 123, 123, 0.5);
  }
  #product .product-content .pro-nav .item span {
    border-right: 0;
  }
  #product .product-content .pro-nav .item span:after {
    width: 0;
  }
  #product .product-content .pro-nav .item.active:before {
    height: 2px;
  }
  #product .product-content .pro-cont {
    padding: 0.4rem 0.24rem;
    min-height: 4rem;
  }
  #product .product-content .pro-cont table {
    width: 100%;
  }
  #product .product-content .pro-cont.project04 .title {
    font-size: 18px;
  }
  #product .product-content .pro-cont.project04 .desc {
    font-size: 16px;
    line-height: 28px;
  }
  #product .product-content .pro-cont.project04 .list li {
    font-size: 16px;
    line-height: 32px;
  }
  #product .product-content .pro-cont.project04 .four-item {
    padding: 0.6rem 0;
    flex-wrap: wrap;
  }
  #product .product-content .pro-cont.project04 .four-item .left {
    width: 100%;
  }
  #product .product-content .pro-cont.project04 .four-item .right {
    width: 100%;
  }
  #product .product-content .pro-cont.project04 .fix-list {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #product .product-content .pro-cont.project04 .fix-list .item {
    width: 49%;
    margin-right: 0;
    margin-bottom: 0.4rem;
  }
  #product .product-content .pro-cont.project04 .fix-list .item .info {
    padding: 0 0.2rem;
    height: 1rem;
    font-size: 14px;
  }
  #product .product-content .pro-cont.project01 .item-box-num .item-box {
    width: 100%;
    padding: 0.24rem;
    margin-bottom: 0.4rem;
  }
  #product .product-content .pro-cont.project01 .item-box-num .item-box .title {
    font-size: 16px;
    line-height: 28px;
  }
  #product .product-content .pro-cont.project01 .item-box-num .item-box .num {
    font-size: 20px;
    line-height: 20px;
    margin-top: 0.4rem;
  }
  #product .product-content .pro-cont.project03 .title {
    font-size: 18px;
  }
  #product .product-content .pro-cont.project03 .desc {
    font-size: 14px;
    line-height: 28px;
  }
  #product .product-content .pro-cont.project03 .img-list {
    flex-wrap: wrap;
  }
  #product .product-content .pro-cont.project03 .img-list .img-box {
    width: 100%;
    margin-bottom: 0.4rem;
  }
  #product .product-content .pro-cont.project03 .img-list .img-box .info {
    margin-top: 0.2rem;
  }
  #product .product-content .pro-cont.project03 .img-list .img-box .info .t1 {
    font-size: 16px;
  }
  #product .product-content .pro-cont.project03 .img-list .img-box .info .t2 {
    font-size: 14px;
  }
  #product .product-content .pro-cont.project02 .title {
    font-size: 18px;
    line-height: 24px;
  }
  #product .product-content .pro-cont.project02 .desc {
    font-size: 16px;
    line-height: 20px;
  }
  #product .product-content .pro-cont.project02 .img-box {
    margin-top: 0.6rem;
  }
  #project .project-box {
    height: auto;
  }
  #project .project-box .project-list {
    flex-wrap: wrap;
  }
  #project .project-box .project-list .p-item {
    width: 100%;
    margin-right: 0;
    margin-bottom: 0.4rem;
  }
  #project .project-box .project-list .p-item .info {
    padding: 0.2rem 0.3rem;
  }
  #project .project-box .project-list .p-item .info .title .t1 {
    font-size: 16px;
  }
  #project .project-box .container {
    top: -1rem;
  }
  #after_sale .after01-box {
    padding-top: 1.6rem;
    padding-bottom: 3rem;
    height: auto;
  }
  #after_sale .after01-box .text-box {
    width: 100%;
  }
  #after_sale .after01-box .text-box .title {
    font-size: 22px;
    line-height: 22px;
  }
  #after_sale .after01-box .text-box .desc {
    margin-top: 0.3rem;
    font-size: 14px;
    line-height: 28px;
  }
  #after_sale .after01-box .text-box .info {
    margin-top: 0.2rem;
    font-size: 16px;
  }
  #after_sale .after01-box .text-box .info .item-box {
    flex-wrap: wrap;
  }
  #after_sale .after01-box .text-box .info .item-box .item {
    width: 100%;
    font-size: 16px;
    line-height: 24px;
  }
  #after_sale .after01-box .text-box .info .item-box .item span {
    font-size: 14px;
  }
  #after_sale .after01-box .text-box .info .item-box .line {
    width: 0.6rem;
    height: 1px;
    margin: 0.4rem 0;
  }
  #after_sale .after02-box {
    padding-bottom: 3rem;
    height: auto;
  }
  #after_sale .after02-box .text-box {
    width: 100%;
  }
  #after_sale .after02-box .text-box .title {
    font-size: 22px;
    line-height: 22px;
  }
  #after_sale .after02-box .text-box .text-list {
    margin-top: 0.3rem;
  }
  #after_sale .after02-box .text-box .text-list li {
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 0.1rem;
  }
  #after_sale .after03-box {
    padding-bottom: 1rem;
    height: auto;
  }
  #after_sale .after03-box .title {
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 0.2rem;
  }
  #after_sale .after03-box .after-list {
    flex-wrap: wrap;
  }
  #after_sale .after03-box .after-list .a-item {
    padding: 0.4rem 0;
    margin-top: 0.2rem;
    width: 100%;
    border-bottom: 1px solid #eaeaea;
  }
  #after_sale .after03-box .after-list .a-item .pic {
    width: 1rem;
  }
  #after_sale .after03-box .after-list .a-item .info {
    margin-left: 0.3rem;
  }
  #after_sale .after03-box .after-list .a-item .info .tt {
    font-size: 18px;
    line-height: 28px;
  }
  #after_sale .after03-box .after-list .a-item .info .desc {
    font-size: 14px;
    line-height: 20px;
  }
  .detail-bottom {
    padding: 0.4rem 0;
    margin-bottom: 0.8rem;
  }
  .detail-bottom .back {
    width: 3rem;
    height: 1rem;
    line-height: 1rem;
    font-size: 16px;
  }
  .detail-bottom .back .line {
    width: 0.1rem;
  }
  .detail-bottom .page-box {
    font-size: 16px;
  }
  .detail-bottom .page-box .next {
    width: 1rem;
    height: 1rem;
  }
  .footer {
    display: none;
  }
  .m-footer {
    background-color: #222222;
    padding: 1rem 0;
    display: block;
  }
  .m-footer .logo {
    width: 2.3rem;
    display: block;
    margin: 0 auto;
  }
  .m-footer .logo img {
    width: 100%;
  }
  .m-footer .item-list {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.6rem;
  }
  .m-footer .item-list .item {
    font-size: 16px;
    color: #fff;
    position: relative;
    padding: 0 0.24rem;
  }
  .m-footer .item-list .item:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 16px;
    background-color: #fff;
    top: calc(50% - 8px);
    right: 0;
  }
  .m-footer .item-list .item:last-of-type:after {
    width: 0;
  }
  .m-footer .link {
    width: 100%;
    display: block;
    color: #fff;
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
  }
}/*# sourceMappingURL=style.css.map */