@charset "utf-8";
:root {
  --color: #ffe900;
  --color2: #000;
  --vh: 100vh;
}
@media (max-width: 991px) {
  .pc {
    display: none;
  }
}
.mb {
  display: none;
}
@media (max-width: 991px) {
  .mb {
    display: block;
  }
}
.about-banner {
  width: 100%;
  position: relative;
  z-index: 1;
}
.about-banner .img {
  width: 100%;
  height: 100vh;
}
.about-banner .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-banner .container {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.about-banner .container .title {
  text-align: center;
  color: #111;
  line-height: calc(70/60);
  font-weight: bold;
}
.about-banner .container .title span {
  display: block;
  font-size: 1rem;
  line-height: calc(110/100);
}
.about-box1 {
  width: 100%;
  padding: 0.63rem 0 1.6rem;
}
.about-box1 .container .txt {
  color: #111;
  line-height: calc(30/24);
}
.about-box1 .container .list {
  width: 100%;
  margin-top: 0.94rem;
}
.about-box1 .container .list ul {
  width: calc(100% + 0.2rem);
  margin: 0 -0.1rem;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .about-box1 .container .list ul {
    width: 100%;
    margin: 0;
  }
}
.about-box1 .container .list ul li {
  width: calc(33.33% - 0.2rem);
  height: 2.6rem;
  margin: 0 0.1rem;
  border-radius: 0.2rem;
  box-shadow: 0 0.14rem 0.16rem 0 rgba(0, 0, 0, 0.03);
  padding: 0.35rem 0.3rem;
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
}
@media (max-width: 767px) {
  .about-box1 .container .list ul li {
    width: 100%;
    margin: 0 0 0.2rem;
  }
}
.about-box1 .container .list ul li .t1 {
  width: 100%;
  color: #999;
  line-height: calc(40/30);
  font-weight: bold;
}
.about-box1 .container .list ul li .num {
  color: #111;
  line-height: calc(70/60);
  font-weight: bold;
}
@media (max-width: 991px) {
  .about-box1 .container .list ul li .num {
    font-size: 0.4rem;
  }
}
.about-box2 {
  width: 100%;
  position: relative;
  z-index: 1;
}
.about-box2 .img {
  width: 100%;
}
@media (max-width: 991px) {
  .about-box2 .img {
    height: 10rem;
  }
}
.about-box2 .img img {
  width: 100%;
}
@media (max-width: 991px) {
  .about-box2 .img img {
    height: 100%;
    object-fit: cover;
  }
}
.about-box2 .container {
  position: absolute;
  top: 2.08rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
@media (max-width: 1260px) {
  .about-box2 .container {
    top: 1.2rem;
  }
}
@media (max-width: 767px) {
  .about-box2 .container {
    top: 0.4rem;
  }
}
.about-box2 .container .txt {
  width: calc(920/1480*100%);
  max-width: 100%;
  line-height: calc(40/24);
  color: #111;
}
@media (max-width: 767px) {
  .about-box2 .container .txt {
    width: 100%;
  }
}
.about-box3 {
  width: 100%;
  padding: 1.18rem 0 1.4rem;
  overflow: hidden;
}
.about-box3 .container .title {
  line-height: calc(58/48);
  font-weight: bold;
  color: #111;
}
.about-box3 .container .list {
  width: 100%;
  margin-top: 0.5rem;
}
.about-box3 .container .list .swiper-container {
  width: 100%;
  clip-path: inset(0 -100vw 0 0);
}
.about-box3 .container .list .swiper-container .swiper-slide {
  position: relative;
  z-index: 1;
}
.about-box3 .container .list .swiper-container .swiper-slide .public-img {
  width: 100%;
  border-radius: 0.2rem;
}
.about-box3 .container .list .swiper-container .swiper-slide .public-img::before {
  padding-top: calc(570/480*100%);
}
.about-box3 .container .list .swiper-container .swiper-slide .public-img::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 3;
  left: 0;
  bottom: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.about-box3 .container .list .swiper-container .swiper-slide .txt {
  width: 100%;
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  color: #fff;
  line-height: calc(30/24);
  padding: 0 0.4rem 0.3rem;
}
.about-box3 .container .list .swiper-container .swiper-slide:hover .public-img img {
  transform: scale(1.05);
}
.about-box3 .container .list .down {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 0.4rem;
}
.about-box3 .container .list .down .ck {
  display: flex;
  align-items: center;
}
.about-box3 .container .list .down .ck .swiper-prev,
.about-box3 .container .list .down .ck .swiper-next {
  width: 0.6rem;
  height: 0.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 50%;
  background: #e5e5e5;
}
.about-box3 .container .list .down .ck .swiper-prev svg,
.about-box3 .container .list .down .ck .swiper-next svg {
  width: auto;
  height: 15px;
}
.about-box3 .container .list .down .ck .swiper-prev:hover,
.about-box3 .container .list .down .ck .swiper-next:hover {
  background: #ffe900;
}
.about-box3 .container .list .down .ck .swiper-prev {
  margin-right: 0.2rem;
}
.about-box3 .container .list .down .ck .swiper-prev svg {
  transform: rotateZ(180deg);
}
.about-box3 .container .list .down .swiper-pagination {
  width: 2.3rem;
  height: 2px;
  position: relative;
  z-index: 1;
  top: initial;
  left: initial;
  margin-left: 0.6rem;
  background: #e6e6e6;
}
.about-box3 .container .list .down .swiper-pagination .swiper-pagination-progressbar-fill {
  background: #000;
}
.about-box4 {
  width: 100%;
  position: relative;
  z-index: 1;
}
.about-box4 .box1 {
  width: 100%;
  min-height: 100vh;
  background: #eee;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .about-box4 .box1 {
    flex-wrap: wrap;
    min-height: auto;
    padding: 1rem 0;
  }
}
.about-box4 .box1 .tbox {
  width: 100%;
  position: absolute;
  top: 1.3rem;
  left: 0;
  z-index: 2;
}
@media (max-width: 991px) {
  .about-box4 .box1 .tbox {
    position: static;
  }
}
.about-box4 .box1 .tbox .container {
  position: relative;
  z-index: 1;
}
.about-box4 .box1 .tbox .container .item {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 991px) {
  .about-box4 .box1 .tbox .container .item {
    position: static;
  }
}
.about-box4 .box1 .tbox .container .item.on {
  opacity: 1;
  transition: all 0.4s;
  pointer-events: all;
}
.about-box4 .box1 .tbox .container .item .t1 {
  line-height: calc(58/48);
  font-weight: bold;
  color: #111;
}
.about-box4 .box1 .tbox .container .item .t2 {
  width: 460px;
  max-width: 100%;
  line-height: calc(24/18);
  color: rgba(17, 17, 17, 0.75);
  margin-top: 0.15rem;
}
.about-box4 .box1 .map-box {
  width: 100%;
  position: relative;
  z-index: 1;
}
.about-box4 .box1 .map-box .map {
  width: 100%;
}
.about-box4 .box1 .map-box .map img {
  width: 100%;
}
.about-box4 .box1 .map-box .dian-box1 {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  transition: all 0.4s;
}
.about-box4 .box1 .map-box .dian-box1 .dian {
  width: 1px;
  height: 1px;
  position: absolute;
  z-index: 2;
  animation: dianRun1 2s forwards linear infinite;
}
.about-box4 .box1 .map-box .dian-box1 .dian .bg {
  width: 38px;
  height: 51px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
@media (max-width: 767px) {
  .about-box4 .box1 .map-box .dian-box1 .dian .bg {
    width: 19px;
    height: 26px;
  }
}
.about-box4 .box1 .map-box .dian-box1 .dian .bg img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.about-box4 .box1 .map-box .dian-box1 .dian span {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #000;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 17px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}
@media (max-width: 767px) {
  .about-box4 .box1 .map-box .dian-box1 .dian span {
    width: 15px;
    height: 15px;
    bottom: 8px;
  }
}
.about-box4 .box1 .map-box .dian-box1 .dian span img,
.about-box4 .box1 .map-box .dian-box1 .dian span svg {
  width: 18px;
  height: 18px;
  object-fit: contain;
}
@media (max-width: 767px) {
  .about-box4 .box1 .map-box .dian-box1 .dian span img,
  .about-box4 .box1 .map-box .dian-box1 .dian span svg {
    width: 9px;
    height: 9px;
  }
}
.about-box4 .box1 .map-box .dian-box1 .dian1 {
  left: calc(471/1920*100%);
  top: calc(480/960*100%);
}
.about-box4 .box1 .map-box .dian-box1 .dian2 {
  left: calc(568/1920*100%);
  top: calc(800/960*100%);
}
.about-box4 .box1 .map-box .dian-box1 .dian3 {
  left: calc(644/1920*100%);
  top: calc(689/960*100%);
}
.about-box4 .box1 .map-box .dian-box1 .dian4 {
  left: calc(910/1920*100%);
  top: calc(530/960*100%);
}
.about-box4 .box1 .map-box .dian-box1 .dian5 {
  left: calc(988/1920*100%);
  top: calc(698/960*100%);
}
.about-box4 .box1 .map-box .dian-box1 .dian6 {
  left: calc(1054/1920*100%);
  top: calc(597/960*100%);
}
.about-box4 .box1 .map-box .dian-box1 .dian7 {
  left: calc(1172/1920*100%);
  top: calc(402/960*100%);
}
.about-box4 .box1 .map-box .dian-box1 .dian8 {
  left: calc(1227/1920*100%);
  top: calc(452/960*100%);
}
.about-box4 .box1 .map-box .dian-box1 .dian9 {
  left: calc(1283/1920*100%);
  top: calc(549/960*100%);
}
.about-box4 .box1 .map-box .dian-box1 .dian10 {
  left: calc(1398/1920*100%);
  top: calc(489/960*100%);
}
.about-box4 .box1 .map-box .dian-box1 .dian11 {
  left: calc(1559/1920*100%);
  top: calc(490/960*100%);
}
.about-box4 .box1 .map-box .dian-box2 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  transition: all 0.4s;
}
.about-box4 .box1 .map-box .dian-box2 svg path {
  stroke-dasharray: 100%;
  stroke-dashoffset: 100%;
  fill: none !important;
}
.about-box4 .box1 .map-box .dian-box2 .dian {
  width: 1px;
  height: 1px;
  position: absolute;
  z-index: 2;
  opacity: 0;
}
.about-box4 .box1 .map-box .dian-box2 .dian i {
  width: 19px;
  height: 5px;
  border-radius: 50%;
  background: #edd900;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
@media (max-width: 767px) {
  .about-box4 .box1 .map-box .dian-box2 .dian i {
    width: 9px;
    height: 3px;
  }
}
.about-box4 .box1 .map-box .dian-box2 .dian span {
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  width: max-content;
}
@media (max-width: 767px) {
  .about-box4 .box1 .map-box .dian-box2 .dian span {
    height: 5px;
  }
  .about-box4 .box1 .map-box .dian-box2 .dian span img {
    height: 100%;
  }
}
.about-box4 .box1 .map-box .dian-box2 .dian1 {
  left: calc(410/1920*100%);
  top: calc(530/960*100%);
}
.about-box4 .box1 .map-box .dian-box2 .dian2 {
  left: calc(1027/1920*100%);
  top: calc(456/960*100%);
}
.about-box4 .box1 .map-box .dian-box2 .dian3 {
  left: calc(940/1920*100%);
  top: calc(595/960*100%);
}
.about-box4 .box1 .map-box .dian-box2 .dian4 {
  left: calc(639/1920*100%);
  top: calc(670/960*100%);
}
.about-box4 .box1 .map-box .dian-box2 .dian5 {
  left: calc(1017/1920*100%);
  top: calc(770/960*100%);
}
.about-box4 .box1 .map-box .dian-box2 .dian6 {
  left: calc(1415/1920*100%);
  top: calc(482/960*100%);
}
.about-box4 .box1 .map-box .dian-box2 .dian7 {
  left: calc(1281/1920*100%);
  top: calc(538/960*100%);
}
.about-box4 .box1 .map-box .dian-box2 .dian8 {
  left: calc(1430/1920*100%);
  top: calc(582/960*100%);
}
.about-box4 .box1 .map-box .dian-box2 .dian9 {
  left: calc(1506/1920*100%);
  top: calc(490/960*100%);
}
.about-box4 .box1 .map-box.on .dian-box1 {
  opacity: 0;
  pointer-events: none;
}
.about-box4 .box1 .map-box.on .dian-box2 {
  opacity: 1;
  pointer-events: all;
}
.about-box4 .box1 .map-box.on .dian-box2 svg .ibox1-line1 {
  stroke-dashoffset: 0;
  transition: all 1.4s 0.4s linear;
}
.about-box4 .box1 .map-box.on .dian-box2 svg .ibox1-line2 {
  stroke-dashoffset: 0;
  transition: all 1.4s 0.4s linear;
}
.about-box4 .box1 .map-box.on .dian-box2 svg .ibox1-line3 {
  stroke-dashoffset: 0;
  transition: all 1.4s 0.4s linear;
}
.about-box4 .box1 .map-box.on .dian-box2 svg .ibox1-line4 {
  stroke-dashoffset: 0;
  transition: all 1.4s 0.8s linear;
}
.about-box4 .box1 .map-box.on .dian-box2 svg .ibox1-line5 {
  stroke-dashoffset: 0;
  transition: all 1.4s 0.8s linear;
}
.about-box4 .box1 .map-box.on .dian-box2 svg .ibox1-line6 {
  stroke-dashoffset: 0;
  transition: all 1.4s 1.2s linear;
}
.about-box4 .box1 .map-box.on .dian-box2 svg .ibox1-line7 {
  stroke-dashoffset: 0;
  transition: all 1.4s 1.2s linear;
}
.about-box4 .box1 .map-box.on .dian-box2 svg .ibox1-line8 {
  stroke-dashoffset: 0;
  transition: all 1.4s 1.2s linear;
}
.about-box4 .box1 .map-box.on .dian-box2 svg .ibox1-line9 {
  stroke-dashoffset: 0;
  transition: all 1.4s 1.2s linear;
}
.about-box4 .box1 .map-box.on .dian-box2 svg .ibox1-line10 {
  stroke-dashoffset: 0;
  transition: all 1.4s 1.6s linear;
}
.about-box4 .box1 .map-box.on .dian-box2 svg .ibox1-line11 {
  stroke-dashoffset: 0;
  transition: all 1.4s 1.6s linear;
}
.about-box4 .box1 .map-box.on .dian-box2 svg .ibox1-line12 {
  stroke-dashoffset: 0;
  transition: all 1.4s 2s linear;
}
.about-box4 .box1 .map-box.on .dian-box2 svg .ibox1-line13 {
  stroke-dashoffset: 0;
  transition: all 1.4s 2s linear;
}
.about-box4 .box1 .map-box.on .dian-box2 .dian1 {
  opacity: 1;
  transition: all 0.4s;
}
.about-box4 .box1 .map-box.on .dian-box2 .dian2 {
  opacity: 1;
  transition: all 0.4s 0.8s;
}
.about-box4 .box1 .map-box.on .dian-box2 .dian3 {
  opacity: 1;
  transition: all 0.4s 0.8s;
}
.about-box4 .box1 .map-box.on .dian-box2 .dian4 {
  opacity: 1;
  transition: all 0.4s 0.8s;
}
.about-box4 .box1 .map-box.on .dian-box2 .dian5 {
  opacity: 1;
  transition: all 0.4s 1.2s;
}
.about-box4 .box1 .map-box.on .dian-box2 .dian6 {
  opacity: 1;
  transition: all 0.4s 2s;
}
.about-box4 .box1 .map-box.on .dian-box2 .dian7 {
  opacity: 1;
  transition: all 0.4s 1.6s;
}
.about-box4 .box1 .map-box.on .dian-box2 .dian8 {
  opacity: 1;
  transition: all 0.4s 2s;
}
.about-box4 .box1 .map-box.on .dian-box2 .dian9 {
  opacity: 1;
  transition: all 0.4s 2.4s;
}
.about-box4 .bd {
  width: 100%;
  height: 100vh;
}
@keyframes dianRun1 {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(0);
  }
}
.contact-banner {
  width: 100%;
  position: relative;
  z-index: 1;
}
.contact-banner .img {
  width: 100%;
  height: 6.6rem;
}
.contact-banner .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.contact-banner .container {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.contact-banner .container .title {
  text-align: center;
  color: #fff;
  line-height: calc(70/60);
  font-weight: bold;
}
.contact {
  width: 100%;
  position: relative;
  z-index: 1;
}
.contact .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
}
.contact .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.contact .container1480 {
  position: relative;
  z-index: 2;
  padding: 1.15rem 0 1.6rem;
}
.contact .container1480 .title {
  line-height: calc(60/48);
  color: #000;
  color: #111;
  font-weight: bold;
}
.contact .container1480 .tbox {
  margin-top: 0.32rem;
}
.contact .container1480 .tbox .tb {
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.25rem;
}
.contact .container1480 .tbox .tb:last-child {
  margin-bottom: 0;
}
.contact .container1480 .tbox .tb i {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #ffe900;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 0.07rem;
  flex-shrink: 0;
}
@media (max-width: 991px) {
  .contact .container1480 .tbox .tb i {
    width: 36px;
    height: 36px;
  }
}
.contact .container1480 .tbox .tb i img,
.contact .container1480 .tbox .tb i svg {
  width: 48%;
  height: 48%;
  object-fit: contain;
}
.contact .container1480 .tbox .tb .ts {
  margin-left: 0.25rem;
}
.contact .container1480 .tbox .tb .ts .s1 {
  color: #111;
  line-height: calc(32/22);
  font-weight: bold;
}
.contact .container1480 .tbox .tb .ts .s2 {
  color: rgba(17, 17, 17, 0.75);
  line-height: calc(24/18);
}
.contact .container1480 .focus {
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.3rem;
  padding-left: calc(50px + 0.25rem);
}
@media (max-width: 991px) {
  .contact .container1480 .focus {
    padding-left: calc(36px + 0.25rem);
  }
}
.contact .container1480 .focus .item {
  position: relative;
  z-index: 1;
  margin-right: 0.45rem;
}
.contact .container1480 .focus .item a {
  width: 30px;
  height: 30px;
}
.contact .container1480 .focus .item a svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  color: #666;
  transition: all 0.4s;
}
@media (max-width: 767px) {
  .contact .container1480 .focus .item a svg {
    width: 22px;
    height: 22px;
  }
}
.contact .container1480 .focus .item .ewm {
  width: 120px;
  height: 120px;
  border-radius: 5px;
  padding: 5px;
  background: #fff;
  box-shadow: 0 0 0.1rem 0 rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  display: none;
}
.contact .container1480 .focus .item .ewm img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.contact .container1480 .focus .item:hover a svg {
  color: #edd900;
}
.contact .container1480 .focus .item:hover .ewm {
  display: block;
}
.quality-banner {
  width: 100%;
  position: relative;
  z-index: 1;
}
.quality-banner .img {
  width: 100%;
  height: 100vh;
}
.quality-banner .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.quality-banner .container {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.quality-banner .container .title {
  text-align: center;
  color: #fff;
  line-height: calc(70/60);
  font-weight: bold;
}
.quality-banner .container .txt {
  line-height: calc(32/22);
  text-align: center;
  color: #fff;
  margin-top: 0.25rem;
}
.quality-box1 {
  width: 100%;
  position: relative;
  z-index: 1;
  padding: 1.24rem 0 1.4rem;
}
.quality-box1 .container1480 .txt {
  width: calc(1100/1480*100%);
  margin: 0 auto;
  line-height: calc(36/24);
  color: #111;
  text-align: center;
}
@media (max-width: 991px) {
  .quality-box1 .container1480 .txt {
    width: 100%;
  }
}
.quality-box1 .container1480 .img {
  width: 100%;
  border-radius: 0.2rem;
  overflow: hidden;
  margin-top: 0.5rem;
}
.quality-box1 .container1480 .img img {
  width: 100%;
}
.quality-box2 {
  width: 100%;
  background: #191818;
  padding: 1.2rem 0 1.4rem;
}
.quality-box2 .container1480 .list {
  width: 100%;
}
.quality-box2 .container1480 .list ul li {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0.3rem;
  background: #000;
  border-radius: 0.2rem;
  margin-bottom: 0.3rem;
}
.quality-box2 .container1480 .list ul li:last-child {
  margin-bottom: 0;
}
.quality-box2 .container1480 .list ul li:nth-child(odd) {
  flex-direction: row-reverse;
}
.quality-box2 .container1480 .list ul li .public-img {
  width: calc(725/1420*100%);
  border-radius: 0.2rem;
}
@media (max-width: 991px) {
  .quality-box2 .container1480 .list ul li .public-img {
    width: 100%;
  }
}
.quality-box2 .container1480 .list ul li .public-img::before {
  padding-top: calc(640/725*100%);
}
.quality-box2 .container1480 .list ul li .tbox {
  width: calc(640/1420*100%);
  padding: 0.3rem 0.2rem;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
@media (max-width: 991px) {
  .quality-box2 .container1480 .list ul li .tbox {
    width: 100%;
    padding: 0.3rem 0;
  }
}
.quality-box2 .container1480 .list ul li .tbox .t1 {
  width: 100%;
  line-height: calc(60/48);
  color: #fff;
  font-weight: bold;
}
.quality-box2 .container1480 .list ul li .tbox .t2 {
  line-height: calc(28/20);
  color: rgba(255, 255, 255, 0.6);
  margin-top: 0.2rem;
}
@media (max-width: 991px) {
  .quality-box2 .container1480 .list ul li .tbox .t2 {
    width: 100%;
    margin-top: 0.2rem;
  }
}
.quality-box3 {
  width: 100%;
  background: #f6f6f6;
  padding: 1.12rem 0 1.03rem;
}
.quality-box3 .container1480 .top .title {
  color: #111;
  text-align: center;
  line-height: calc(60/48);
  font-weight: 600;
}
.quality-box3 .container1480 .top .txt {
  width: 700px;
  max-width: 100%;
  text-align: center;
  color: rgba(17, 17, 17, 0.75);
  line-height: calc(24/18);
  margin: 0.1rem auto 0;
}
.quality-box3 .container1480 .list {
  width: 100%;
  margin-top: 0.52rem;
  background: #fff;
  border-radius: 0.2rem;
  padding: 0.4rem 0.9rem;
}
@media (max-width: 991px) {
  .quality-box3 .container1480 .list {
    padding: 0.3rem;
  }
}
.quality-box3 .container1480 .list ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.quality-box3 .container1480 .list ul li {
  width: 20%;
  margin-bottom: 0.35rem;
}
@media (max-width: 767px) {
  .quality-box3 .container1480 .list ul li {
    width: 33.33%;
  }
}
.quality-box3 .container1480 .list ul li .public-img {
  width: 100%;
}
.quality-box3 .container1480 .list ul li .public-img::before {
  padding-top: 50%;
}
.quality-box4 {
  width: 100%;
  position: relative;
  z-index: 1;
  padding: 1.2rem 0;
}
.quality-box4 .container1480 {
  position: relative;
  z-index: 1;
}
.quality-box4 .container1480 .img {
  width: 100%;
  position: relative;
  z-index: 1;
  border-radius: 0.2rem;
  overflow: hidden;
}
.quality-box4 .container1480 .img img {
  width: 100%;
}
.quality-box4 .container1480 .img video {
  width: 100%;
}
.quality-box4 .container1480 .img::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.quality-box4 .container1480 .tbox {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
  display: flex;
  align-items: flex-end;
  padding: 0.6rem;
}
@media (max-width: 991px) {
  .quality-box4 .container1480 .tbox {
    position: relative;
    left: initial;
    bottom: initial;
    padding: 0.3rem 0;
  }
}
.quality-box4 .container1480 .tbox .title {
  line-height: calc(60/48);
  font-weight: bold;
  color: #fff;
}
@media (max-width: 991px) {
  .quality-box4 .container1480 .tbox .title {
    color: #111;
  }
}
.quality-box5 {
  width: 100%;
  background: #f6f6f6;
  padding: 1.33rem 0 1.4rem;
  overflow: hidden;
}
.quality-box5 .container1480 .title {
  color: #111;
  line-height: calc(60/48);
  font-weight: 600;
}
.quality-box5 .container1480 .list {
  width: 100%;
  margin-top: 0.42rem;
}
.quality-box5 .container1480 .list .swiper-container {
  width: 1200px;
  max-width: 100%;
  margin: 0;
  clip-path: inset(0 -100vw 0 0);
}
.quality-box5 .container1480 .list .swiper-container .swiper-slide {
  position: relative;
  z-index: 1;
}
.quality-box5 .container1480 .list .swiper-container .swiper-slide .img {
  width: 100%;
  border-radius: 0.2rem;
  overflow: hidden;
}
.quality-box5 .container1480 .list .swiper-container .swiper-slide .img img {
  width: 100%;
  transition: all 0.6s;
}
.quality-box5 .container1480 .list .swiper-container .swiper-slide .img video {
  width: 100%;
}
.quality-box5 .container1480 .list .swiper-container .swiper-slide:hover .img img {
  transform: scale(1.05);
}
.quality-box5 .container1480 .list .down {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 0.4rem;
}
.quality-box5 .container1480 .list .down .ck {
  display: flex;
  align-items: center;
}
.quality-box5 .container1480 .list .down .ck .swiper-prev,
.quality-box5 .container1480 .list .down .ck .swiper-next {
  width: 0.6rem;
  height: 0.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 50%;
  background: #e5e5e5;
}
.quality-box5 .container1480 .list .down .ck .swiper-prev svg,
.quality-box5 .container1480 .list .down .ck .swiper-next svg {
  width: auto;
  height: 15px;
}
.quality-box5 .container1480 .list .down .ck .swiper-prev:hover,
.quality-box5 .container1480 .list .down .ck .swiper-next:hover {
  background: #ffe900;
}
.quality-box5 .container1480 .list .down .ck .swiper-prev {
  margin-right: 0.2rem;
}
.quality-box5 .container1480 .list .down .ck .swiper-prev svg {
  transform: rotateZ(180deg);
}
.quality-box5 .container1480 .list .down .swiper-pagination {
  width: 2.3rem;
  height: 2px;
  position: relative;
  z-index: 1;
  top: initial;
  left: initial;
  margin-left: 0.6rem;
  background: #e6e6e6;
}
.quality-box5 .container1480 .list .down .swiper-pagination .swiper-pagination-progressbar-fill {
  background: #000;
}
.quality-box6 {
  width: 100%;
  padding: 1.12rem 0 0.6rem;
}
.quality-box6 .container1480 .top {
  padding: 0 0.25rem;
}
@media (max-width: 991px) {
  .quality-box6 .container1480 .top {
    padding: 0;
  }
}
.quality-box6 .container1480 .top .title {
  line-height: calc(60/48);
  color: #111;
  font-weight: 600;
}
.quality-box6 .container1480 .top .txt {
  width: calc(950/1480*100%);
  color: rgba(17, 17, 17, 0.6);
  line-height: calc(28/22);
  margin-top: 0.15rem;
}
@media (max-width: 991px) {
  .quality-box6 .container1480 .top .txt {
    width: 100%;
  }
}
.quality-box6 .container1480 .public-img {
  width: 100%;
  margin-top: 0.5rem;
  border-radius: 0.2rem;
}
.quality-box6 .container1480 .public-img::before {
  padding-top: calc(700/1480*100%);
}
.quality-box6 .container1480 .public-img video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
}
.quality-box6 .container1480 .public-img .play {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  padding-left: 4px;
  background: #ffe800;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  box-shadow: 0 0 0.45rem 0 rgba(255, 233, 0, 0.8);
}
@media (max-width: 991px) {
  .quality-box6 .container1480 .public-img .play {
    width: 40px;
    height: 40px;
    padding-left: 2px;
  }
}
.quality-box6 .container1480 .public-img .play svg {
  width: 12px;
  color: #000;
}
@media (max-width: 991px) {
  .quality-box6 .container1480 .public-img .play svg {
    width: 10px;
  }
}
.quality-box7 {
  width: 100%;
  padding: 0.73rem 0 0;
}
.quality-box7 .container1480 .title {
  text-align: center;
  color: #111;
  line-height: calc(60/48);
  font-weight: 600;
}
.quality-box7 .box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 0.42rem;
}
.quality-box7 .box .img {
  width: 50%;
}
@media (max-width: 991px) {
  .quality-box7 .box .img {
    width: 100%;
  }
}