.floor-tit {
  font-size: 56px;
  text-align: center;
  color: #080808;
  font-style: italic;
  position: relative;
  font-weight: 600;
}

@media screen and (max-width: 2600px) {
  .floor-tit {
    font-size: 46px;
  }
}

@media screen and (max-width: 2400px) {
  .floor-tit {
    font-size: 42px;
  }
}

@media screen and (max-width: 2200px) {
  .floor-tit {
    font-size: 36px;
  }
}

@media screen and (max-width: 1920px) {
  .floor-tit {
    font-size: 34px;
  }
}

@media screen and (max-width: 1800px) {
  .floor-tit {
    font-size: 34px;
  }
}

@media screen and (max-width: 1700px) {
  .floor-tit {
    font-size: 30px;
  }
}

@media screen and (max-width: 1600px) {
  .floor-tit {
    font-size: 28px;
  }
}

@media screen and (max-width: 1500px) {
  .floor-tit {
    font-size: 26px;
  }
}

@media screen and (max-width: 1400px) {
  .floor-tit {
    font-size: 24px;
  }
}

@media screen and (max-width: 480px) {
  .floor-tit {
    font-size: 24px;
  }
}

.floor-tit::after {
  content: "";
  display: block;
  width: 2.4em;
  height: 0.1071428571em;
  background-color: #b0b0b0;
  margin: 1.3534617387% auto 0;
}

.floor-tit i {
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  white-space: nowrap;
  color: #104cac;
  opacity: 0.1;
  font-size: 100px;
  font-style: italic;
}

@media screen and (max-width: 2600px) {
  .floor-tit i {
    font-size: 82px;
  }
}

@media screen and (max-width: 2400px) {
  .floor-tit i {
    font-size: 75px;
  }
}

@media screen and (max-width: 2200px) {
  .floor-tit i {
    font-size: 65px;
  }
}

@media screen and (max-width: 1920px) {
  .floor-tit i {
    font-size: 61px;
  }
}

@media screen and (max-width: 1800px) {
  .floor-tit i {
    font-size: 58px;
  }
}

@media screen and (max-width: 1700px) {
  .floor-tit i {
    font-size: 54px;
  }
}

@media screen and (max-width: 1600px) {
  .floor-tit i {
    font-size: 51px;
  }
}

@media screen and (max-width: 1500px) {
  .floor-tit i {
    font-size: 47px;
  }
}

@media screen and (max-width: 1400px) {
  .floor-tit i {
    font-size: 44px;
  }
}

@media screen and (max-width: 1300px) {
  .floor-tit i {
    font-size: 41px;
  }
}

@media screen and (max-width: 1200px) {
  .floor-tit i {
    font-size: 37px;
  }
}

@media screen and (max-width: 1100px) {
  .floor-tit i {
    font-size: 33px;
  }
}

@media screen and (max-width: 992px) {
  .floor-tit i {
    font-size: 26px;
  }
}

@media screen and (max-width: 480px) {
  .floor-tit i {
    font-size: 24px;
  }
}

.floor-tit.bg-font span {
  font-size: 100px;
}

@media screen and (max-width: 2600px) {
  .floor-tit.bg-font span {
    font-size: 82px;
  }
}

@media screen and (max-width: 2400px) {
  .floor-tit.bg-font span {
    font-size: 75px;
  }
}

@media screen and (max-width: 2200px) {
  .floor-tit.bg-font span {
    font-size: 65px;
  }
}

@media screen and (max-width: 1920px) {
  .floor-tit.bg-font span {
    font-size: 61px;
  }
}

@media screen and (max-width: 1800px) {
  .floor-tit.bg-font span {
    font-size: 58px;
  }
}

@media screen and (max-width: 1700px) {
  .floor-tit.bg-font span {
    font-size: 54px;
  }
}

@media screen and (max-width: 1600px) {
  .floor-tit.bg-font span {
    font-size: 51px;
  }
}

@media screen and (max-width: 1500px) {
  .floor-tit.bg-font span {
    font-size: 47px;
  }
}

@media screen and (max-width: 1400px) {
  .floor-tit.bg-font span {
    font-size: 44px;
  }
}

@media screen and (max-width: 1300px) {
  .floor-tit.bg-font span {
    font-size: 41px;
  }
}

@media screen and (max-width: 1200px) {
  .floor-tit.bg-font span {
    font-size: 37px;
  }
}

@media screen and (max-width: 1100px) {
  .floor-tit.bg-font span {
    font-size: 33px;
  }
}

@media screen and (max-width: 480px) {
  .floor-tit.bg-font span {
    font-size: 28px;
  }
}

.floor-tit.bg-font I {
  font-size: 160px;
}

@media screen and (max-width: 2600px) {
  .floor-tit.bg-font I {
    font-size: 131px;
  }
}

@media screen and (max-width: 2400px) {
  .floor-tit.bg-font I {
    font-size: 120px;
  }
}

@media screen and (max-width: 2200px) {
  .floor-tit.bg-font I {
    font-size: 105px;
  }
}

@media screen and (max-width: 1920px) {
  .floor-tit.bg-font I {
    font-size: 98px;
  }
}

@media screen and (max-width: 1800px) {
  .floor-tit.bg-font I {
    font-size: 93px;
  }
}

@media screen and (max-width: 1700px) {
  .floor-tit.bg-font I {
    font-size: 87px;
  }
}

@media screen and (max-width: 1600px) {
  .floor-tit.bg-font I {
    font-size: 82px;
  }
}

@media screen and (max-width: 1500px) {
  .floor-tit.bg-font I {
    font-size: 76px;
  }
}

@media screen and (max-width: 1400px) {
  .floor-tit.bg-font I {
    font-size: 71px;
  }
}

@media screen and (max-width: 1300px) {
  .floor-tit.bg-font I {
    font-size: 65px;
  }
}

@media screen and (max-width: 1200px) {
  .floor-tit.bg-font I {
    font-size: 60px;
  }
}

@media screen and (max-width: 1100px) {
  .floor-tit.bg-font I {
    font-size: 54px;
  }
}

@media screen and (max-width: 992px) {
  .floor-tit.bg-font I {
    font-size: 42px;
  }
}

@media screen and (max-width: 480px) {
  .floor-tit.bg-font I {
    font-size: 28px;
  }
}

.floor-tit.white {
  color: #fff;
}

.f1 .floor {
  padding: 8.7454450807% 0 0;
}

.f1 .products {
  padding: 5.726184279% 7.4960957834% 8.4851639771%;
}

.f1 .products .l-grid {
  gap: 30px;
}

.f1 .products .l-grid li a {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #f1f1f1;
  padding: 20.9923664122% 0 0;
  border-radius: 8px;
  color: #080808;
}

.f1 .products .l-grid li a .pic {
  width: 85.4961832061%;
}

.f1 .products .l-grid li a:hover .pic img {
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}

.f1 .products .l-grid li a .wh {
  padding-top: 63.6160714286%;
}

.f1 .products .l-grid li a .wh .box-fill img {
  -o-object-fit: contain;
  object-fit: contain;
}

.f1 .products .l-grid li a .tit {
  font-size: 32px;
  padding: 14.5038167939% 1em;
}

@media screen and (max-width: 2600px) {
  .f1 .products .l-grid li a .tit {
    font-size: 26px;
  }
}

@media screen and (max-width: 2400px) {
  .f1 .products .l-grid li a .tit {
    font-size: 24px;
  }
}

@media screen and (max-width: 2200px) {
  .f1 .products .l-grid li a .tit {
    font-size: 21px;
  }
}

@media screen and (max-width: 1920px) {
  .f1 .products .l-grid li a .tit {
    font-size: 19px;
  }
}

@media screen and (max-width: 1800px) {
  .f1 .products .l-grid li a .tit {
    font-size: 18px;
  }
}

@media screen and (max-width: 1700px) {
  .f1 .products .l-grid li a .tit {
    font-size: 17px;
  }
}

@media screen and (max-width: 1600px) {
  .f1 .products .l-grid li a .tit {
    font-size: 16px;
  }
}

@media screen and (max-width: 480px) {
  .f1 .products .l-grid li a .tit {
    font-size: 16px;
  }
}

.f1 .products .l-grid li a:hover {
  background-color: #698eba;
  color: #fff;
}

.f2 .ad {
  position: relative;
}

.f2 .ad .info {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
}

.f2 .ad .info span {
  font-size: 80px;
  font-style: italic;
}

@media screen and (max-width: 2600px) {
  .f2 .ad .info span {
    font-size: 65px;
  }
}

@media screen and (max-width: 2400px) {
  .f2 .ad .info span {
    font-size: 60px;
  }
}

@media screen and (max-width: 2200px) {
  .f2 .ad .info span {
    font-size: 52px;
  }
}

@media screen and (max-width: 1920px) {
  .f2 .ad .info span {
    font-size: 49px;
  }
}

@media screen and (max-width: 1800px) {
  .f2 .ad .info span {
    font-size: 46px;
  }
}

@media screen and (max-width: 1700px) {
  .f2 .ad .info span {
    font-size: 43px;
  }
}

@media screen and (max-width: 1600px) {
  .f2 .ad .info span {
    font-size: 41px;
  }
}

@media screen and (max-width: 1500px) {
  .f2 .ad .info span {
    font-size: 38px;
  }
}

@media screen and (max-width: 1400px) {
  .f2 .ad .info span {
    font-size: 35px;
  }
}

@media screen and (max-width: 1300px) {
  .f2 .ad .info span {
    font-size: 32px;
  }
}

@media screen and (max-width: 1200px) {
  .f2 .ad .info span {
    font-size: 30px;
  }
}

@media screen and (max-width: 1100px) {
  .f2 .ad .info span {
    font-size: 27px;
  }
}

@media screen and (max-width: 480px) {
  .f2 .ad .info span {
    font-size: 24px;
  }
}

.f2 .ad .info p {
  margin-top: 3.1233732431%;
  font-size: 24px;
}

@media screen and (max-width: 2600px) {
  .f2 .ad .info p {
    font-size: 19px;
  }
}

@media screen and (max-width: 2400px) {
  .f2 .ad .info p {
    font-size: 18px;
  }
}

@media screen and (max-width: 2200px) {
  .f2 .ad .info p {
    font-size: 15px;
  }
}

@media screen and (max-width: 1920px) {
  .f2 .ad .info p {
    font-size: 14px;
  }
}

@media screen and (max-width: 480px) {
  .f2 .ad .info p {
    font-size: 14px;
  }
}

.f3 .floor {
  padding: 10.9318063509% 0 0;
}

.f3 .company-con {
  width: 91.0983862572%;
  margin: 7.2878709006% auto 0;
  font-size: 36px;
  line-height: 1.4444444444;
  text-align: justify;
}

@media screen and (max-width: 2600px) {
  .f3 .company-con {
    font-size: 29px;
  }
}

@media screen and (max-width: 2400px) {
  .f3 .company-con {
    font-size: 27px;
  }
}

@media screen and (max-width: 2200px) {
  .f3 .company-con {
    font-size: 23px;
  }
}

@media screen and (max-width: 1920px) {
  .f3 .company-con {
    font-size: 22px;
  }
}

@media screen and (max-width: 1800px) {
  .f3 .company-con {
    font-size: 20px;
  }
}

@media screen and (max-width: 1700px) {
  .f3 .company-con {
    font-size: 19px;
  }
}

@media screen and (max-width: 1600px) {
  .f3 .company-con {
    font-size: 18px;
  }
}

@media screen and (max-width: 1500px) {
  .f3 .company-con {
    font-size: 17px;
  }
}

@media screen and (max-width: 1400px) {
  .f3 .company-con {
    font-size: 16px;
  }
}

@media screen and (max-width: 480px) {
  .f3 .company-con {
    font-size: 16px;
  }
}

.f3 .company-con p {
  margin-bottom: 6px;
}

.f3 .num {
  padding: 5.4659031754% 0;
}

.f3 .num .item .t {
  font-size: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 2600px) {
  .f3 .num .item .t {
    font-size: 49px;
  }
}

@media screen and (max-width: 2400px) {
  .f3 .num .item .t {
    font-size: 45px;
  }
}

@media screen and (max-width: 2200px) {
  .f3 .num .item .t {
    font-size: 39px;
  }
}

@media screen and (max-width: 1920px) {
  .f3 .num .item .t {
    font-size: 36px;
  }
}

@media screen and (max-width: 1800px) {
  .f3 .num .item .t {
    font-size: 36px;
  }
}

@media screen and (max-width: 1700px) {
  .f3 .num .item .t {
    font-size: 32px;
  }
}

@media screen and (max-width: 1600px) {
  .f3 .num .item .t {
    font-size: 30px;
  }
}

@media screen and (max-width: 1500px) {
  .f3 .num .item .t {
    font-size: 28px;
  }
}

@media screen and (max-width: 1400px) {
  .f3 .num .item .t {
    font-size: 26px;
  }
}

@media screen and (max-width: 1300px) {
  .f3 .num .item .t {
    font-size: 24px;
  }
}

@media screen and (max-width: 480px) {
  .f3 .num .item .t {
    font-size: 24px;
  }
}

.f3 .num .item .t div {
  -webkit-transform: translateY(-0.35em);
  transform: translateY(-0.35em);
}

.f3 .num .item p {
  -webkit-transform: translateY(-1em);
  transform: translateY(-1em);
  text-align: center;
  color: #6c6c6c;
  font-size: 26px;
}

@media screen and (max-width: 2600px) {
  .f3 .num .item p {
    font-size: 21px;
  }
}

@media screen and (max-width: 2400px) {
  .f3 .num .item p {
    font-size: 19px;
  }
}

@media screen and (max-width: 2200px) {
  .f3 .num .item p {
    font-size: 17px;
  }
}

@media screen and (max-width: 1920px) {
  .f3 .num .item p {
    font-size: 16px;
  }
}

@media screen and (max-width: 1800px) {
  .f3 .num .item p {
    font-size: 15px;
  }
}

@media screen and (max-width: 1700px) {
  .f3 .num .item p {
    font-size: 14px;
  }
}

@media screen and (max-width: 1600px) {
  .f3 .num .item p {
    font-size: 13px;
  }
}

@media screen and (max-width: 1500px) {
  .f3 .num .item p {
    font-size: 12px;
  }
}

@media screen and (max-width: 480px) {
  .f3 .num .item p {
    font-size: 12px;
  }
}

.f4 {
  background-color: #fafafa;
}

.f4 .floor {
  padding: 10.4112441437% 0 0;
}

.f4 .setting {
  position: relative;
  padding: 5.2056220718% 4.1644976575% 10.9318063509%;
}

.f4 .settingswiper-button-next,
.f4 .settingswiper-button-prev {
  position: absolute;
  right: -1%;
  top: 40%;
  width: 3.6439354503%;
  height: auto;
  min-width: 30px;
  z-index: 9;
}

.f4 .settingswiper-button-prev {
  right: auto;
  left: -1%;
}

.f4 .settingSwiper a {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #f1f1f1;
  padding: 20.9923664122% 0 0;
  border-radius: 8px;
  color: #080808;
}

.f4 .settingSwiper a .pic {
  width: 85.4961832061%;
}

.f4 .settingSwiper a .wh {
  padding-top: 63.6160714286%;
}

.f4 .settingSwiper a .wh .box-fill img {
  -o-object-fit: contain;
  object-fit: contain;
}

.f4 .settingSwiper a .info-tit {
  font-size: 32px;
  padding: 14.5038167939% 1em;
}

@media screen and (max-width: 2600px) {
  .f4 .settingSwiper a .info-tit {
    font-size: 26px;
  }
}

@media screen and (max-width: 2400px) {
  .f4 .settingSwiper a .info-tit {
    font-size: 24px;
  }
}

@media screen and (max-width: 2200px) {
  .f4 .settingSwiper a .info-tit {
    font-size: 21px;
  }
}

@media screen and (max-width: 1920px) {
  .f4 .settingSwiper a .info-tit {
    font-size: 19px;
  }
}

@media screen and (max-width: 1800px) {
  .f4 .settingSwiper a .info-tit {
    font-size: 18px;
  }
}

@media screen and (max-width: 1700px) {
  .f4 .settingSwiper a .info-tit {
    font-size: 17px;
  }
}

@media screen and (max-width: 1600px) {
  .f4 .settingSwiper a .info-tit {
    font-size: 16px;
  }
}

@media screen and (max-width: 480px) {
  .f4 .settingSwiper a .info-tit {
    font-size: 16px;
  }
}

.f4 .settingSwiper a:hover {
  background-color: #698eba;
  color: #fff;
}

.f5 .floor {
  padding: 8.5372201978% 0 10.4112441437%;
}

.f5 .customers {
  margin-top: 6.2467464862%;
  gap: 30px;
}

.f5 .customers .item img {
  -webkit-transition: all 1s;
  transition: all 1s;
  cursor: pointer;
}

.f5 .customers .item:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.f6 {
  background: url(../images/f6-bg.png) no-repeat center;
  background-size: cover;
}

.f6 .floor {
  padding: 6.7673086934% 0 6.2467464862%;
}

.f6 .service {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.f6 .service .t {
  font-size: 40px;
  margin-top: 2.0822488287%;
  margin-bottom: 2.0822488287%;
}

@media screen and (max-width: 2600px) {
  .f6 .service .t {
    font-size: 32px;
  }
}

@media screen and (max-width: 2400px) {
  .f6 .service .t {
    font-size: 30px;
  }
}

@media screen and (max-width: 2200px) {
  .f6 .service .t {
    font-size: 26px;
  }
}

@media screen and (max-width: 1920px) {
  .f6 .service .t {
    font-size: 24px;
  }
}

@media screen and (max-width: 1800px) {
  .f6 .service .t {
    font-size: 23px;
  }
}

@media screen and (max-width: 480px) {
  .f6 .service .t {
    font-size: 22px;
  }

  .f6 .service .center {
    width: 100%;
  }
}

.f6 .service .t.mt96 {
  margin-top: 4.997397189%;
}

.f6 .service .b dl {
  margin: 0 0 0.7808433108% 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.f6 .service .b dt {
  font-size: 32px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 7.1875em;
  flex: 0 0 7.1875em;
}

@media screen and (max-width: 2600px) {
  .f6 .service .b dt {
    font-size: 26px;
  }
}

@media screen and (max-width: 2400px) {
  .f6 .service .b dt {
    font-size: 24px;
  }
}

@media screen and (max-width: 2200px) {
  .f6 .service .b dt {
    font-size: 21px;
  }
}

@media screen and (max-width: 1920px) {
  .f6 .service .b dt {
    font-size: 19px;
  }
}

@media screen and (max-width: 1800px) {
  .f6 .service .b dt {
    font-size: 18px;
  }
}

@media screen and (max-width: 480px) {
  .f6 .service .b dt {
    font-size: 16px;
  }
}

.f6 .service .b dd {
  font-size: 28px;
  white-space: nowrap;
}

@media screen and (max-width: 2600px) {
  .f6 .service .b dd {
    font-size: 23px;
  }
}

@media screen and (max-width: 2400px) {
  .f6 .service .b dd {
    font-size: 21px;
  }
}

@media screen and (max-width: 2200px) {
  .f6 .service .b dd {
    font-size: 18px;
  }
}

@media screen and (max-width: 1920px) {
  .f6 .service .b dd {
    font-size: 17px;
  }
}

@media screen and (max-width: 1800px) {
  .f6 .service .b dd {
    font-size: 16px;
  }
}

@media screen and (max-width: 480px) {
  .f6 .service .b dd {
    font-size: 14px;
  }
}

.f6 .service .b dd span {
  margin-right: 2em;
}

.f6 .service .b dd span:last-child {
  margin-right: 0;
}

.f7 .floor {
  padding: 6.2467464862% 0;
}

.f7 .row2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 5.726184279%;
}

.f7 .row2>.left {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 47.9958355023%;
  flex: 0 0 47.9958355023%;
}

.f7 .row2>.right {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 47.9958355023%;
  flex: 0 0 47.9958355023%;
}

@media screen and (max-width: 992px) {

  .f7 .row2>.left,
  .f7 .row2>.right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

  .f7 .row2>.right {
    margin-top: 3%;
  }
}

.f7 .row2 .left {
  overflow: hidden;
}

.f7 .row2 .left .swiper .news-swiper-pagination {
  top: 44%;
  height: 8px;
}

.f7 .row2 .left .swiper .news-swiper-button-next,
.f7 .row2 .left .swiper .news-swiper-button-prev {
  position: absolute;
  right: 3%;
  top: 19%;
  width: 7.5921908894%;
  height: auto;
  min-width: 30px;
  z-index: 9;
}

.f7 .row2 .left .swiper .news-swiper-button-prev {
  right: auto;
  left: 3%;
}

.f7 .row2 .left a {
  display: block;
}

.f7 .row2 .left a .pic .wh {
  padding-top: 35.2822580645%;
}

.f7 .row2 .left a .info {
  padding: 1em;
  font-size: 30px;
  color: #080808;
}

@media screen and (max-width: 2600px) {
  .f7 .row2 .left a .info {
    font-size: 24px;
  }
}

@media screen and (max-width: 2400px) {
  .f7 .row2 .left a .info {
    font-size: 22px;
  }
}

@media screen and (max-width: 2200px) {
  .f7 .row2 .left a .info {
    font-size: 19px;
  }
}

@media screen and (max-width: 1920px) {
  .f7 .row2 .left a .info {
    font-size: 18px;
  }
}

@media screen and (max-width: 1800px) {
  .f7 .row2 .left a .info {
    font-size: 17px;
  }
}

@media screen and (max-width: 1700px) {
  .f7 .row2 .left a .info {
    font-size: 16px;
  }
}

@media screen and (max-width: 480px) {
  .f7 .row2 .left a .info {
    font-size: 16px;
  }
}

.f7 .row2 .left a .info .tit {
  line-height: 1.4;
  min-height: 2.8em;
}

.f7 .row2 .left a .info .desc {
  font-size: 22px;
  line-height: 1.4545454545;
  margin: 0.5em 0 1.5em;
}

@media screen and (max-width: 2600px) {
  .f7 .row2 .left a .info .desc {
    font-size: 18px;
  }
}

@media screen and (max-width: 2400px) {
  .f7 .row2 .left a .info .desc {
    font-size: 16px;
  }
}

@media screen and (max-width: 2200px) {
  .f7 .row2 .left a .info .desc {
    font-size: 14px;
  }
}

@media screen and (max-width: 480px) {
  .f7 .row2 .left a .info .desc {
    font-size: 14px;
  }
}

.f7 .row2 .left a .info .date {
  display: inline-block;
  font-size: 22px;
  border-bottom: #555555 1px solid;
  padding: 0 5em 0.5em 0;
}

@media screen and (max-width: 2600px) {
  .f7 .row2 .left a .info .date {
    font-size: 18px;
  }
}

@media screen and (max-width: 2400px) {
  .f7 .row2 .left a .info .date {
    font-size: 16px;
  }
}

@media screen and (max-width: 2200px) {
  .f7 .row2 .left a .info .date {
    font-size: 14px;
  }
}

@media screen and (max-width: 480px) {
  .f7 .row2 .left a .info .date {
    font-size: 14px;
  }
}

.f7 .row2 .left a:hover .info .tit {
  color: #104cac;
}

.f7 .row2 .right li {
  margin-bottom: 5.0403225806%;
}

.f7 .row2 .right li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.f7 .row2 .right li a .pic {
  width: 44.1532258065%;
  overflow: hidden;
}

.f7 .row2 .right li a .pic .wh {
  padding-top: 37.899543379%;
}

.f7 .row2 .right li a .info {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #080808;
  padding: 0.6em 1em 0;
}

.f7 .row2 .right li a .info .tit {
  font-size: 30px;
  min-height: 3.0666666667em;
  line-height: 1.5333333333;
}

@media screen and (max-width: 2600px) {
  .f7 .row2 .right li a .info .tit {
    font-size: 24px;
  }
}

@media screen and (max-width: 2400px) {
  .f7 .row2 .right li a .info .tit {
    font-size: 22px;
  }
}

@media screen and (max-width: 2200px) {
  .f7 .row2 .right li a .info .tit {
    font-size: 19px;
  }
}

@media screen and (max-width: 1920px) {
  .f7 .row2 .right li a .info .tit {
    font-size: 18px;
  }
}

@media screen and (max-width: 1800px) {
  .f7 .row2 .right li a .info .tit {
    font-size: 17px;
  }
}

@media screen and (max-width: 1700px) {
  .f7 .row2 .right li a .info .tit {
    font-size: 16px;
  }
}

@media screen and (max-width: 480px) {
  .f7 .row2 .right li a .info .tit {
    font-size: 16px;
  }
}

.f7 .row2 .right li a .info .date {
  display: inline-block;
  font-size: 22px;
  border-bottom: #555555 1px solid;
  padding: 0 3em 0.5em 0;
}

@media screen and (max-width: 2600px) {
  .f7 .row2 .right li a .info .date {
    font-size: 14px;
  }
}

@media screen and (max-width: 2400px) {
  .f7 .row2 .right li a .info .date {
    font-size: 14px;
  }
}

@media screen and (max-width: 480px) {
  .f7 .row2 .right li a .info .date {
    font-size: 14px;
  }
}

.f7 .row2 .right li a:hover .info .tit {
  color: #104cac;
}

.f8 .row2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.f8 .row2>.left {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 42.5196850394%;
  flex: 0 0 42.5196850394%;
}

.f8 .row2>.right {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 57.4803149606%;
  flex: 1 1 57.4803149606%;
}

@media screen and (max-width: 992px) {

  .f8 .row2>.left,
  .f8 .row2>.right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

  .f8 .row2>.right {
    margin-top: 0;
  }
}

.f8 .right {
  background-color: #fafafa;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.f8 .right .floor-tit::after {
  margin: 11.353462% auto 0;
}

.f8 .right .contacts-us {
  margin-top: 5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.f8 .right .contacts-us .left {
  font-size: 38px;
  line-height: 1.5;
}

@media screen and (max-width: 2600px) {
  .f8 .right .contacts-us .left {
    font-size: 31px;
  }
}

@media screen and (max-width: 2400px) {
  .f8 .right .contacts-us .left {
    font-size: 28px;
  }
}

@media screen and (max-width: 2200px) {
  .f8 .right .contacts-us .left {
    font-size: 24px;
  }
}

@media screen and (max-width: 1920px) {
  .f8 .right .contacts-us .left {
    font-size: 23px;
  }
}

@media screen and (max-width: 1800px) {
  .f8 .right .contacts-us .left {
    font-size: 22px;
  }
}

@media screen and (max-width: 1700px) {
  .f8 .right .contacts-us .left {
    font-size: 20px;
  }
}

@media screen and (max-width: 1600px) {
  .f8 .right .contacts-us .left {
    font-size: 19px;
  }
}

@media screen and (max-width: 1500px) {
  .f8 .right .contacts-us .left {
    font-size: 18px;
  }
}

@media screen and (max-width: 1400px) {
  .f8 .right .contacts-us .left {
    font-size: 16px;
  }
}

@media screen and (max-width: 480px) {
  .f8 .right .contacts-us .left {
    margin-left: 2%;
    font-size: 16px;
  }
}

.f8 .right .contacts-us .left p {
  margin: 1em 0;
}

.f8 .right .contacts-us .right {
  width: 15.2471709351%;
  margin-left: 5%;
}

@media screen and (max-width: 1600px) {
  .f7 .row2 .right li a .info {
    padding: 0 1em;
  }
}

@media screen and (max-width: 768px) {
  .f1 .products {
    padding-left: 14.5%;
    padding-right: 14.5%;
  }

  .f1 .products .l-grid li a .tit {
    font-size: 3.4199726402vmin;
  }

  .f2 .w {
    width: 100%;
  }

  .f4 .setting {
    position: relative;
    padding: 5.2056220718% 12.164498% 10.9318063509%;
  }

  .f5 .customers {
    margin-top: 6.2467464862%;
    gap: 8px;
  }

  .f6 .service .b dl {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 5%;
  }

  .f6 .service .b dt {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 7em;
    flex: 0 0 7em;
  }

  .f6 .service .b dd {
    white-space: wrap;
  }

  .f6 .service .b dd span {
    white-space: normal;
    margin-right: 8px;
  }

  .f7 .row2 .left .swiper .news-swiper-pagination {
    top: 34%;
  }

  .f7 .row2 .right li a .pic .wh {
    padding-top: 51.899543%;
  }

  .f8 .row2>.right {
    padding: 8% 0 12%;
  }

  .f8 .right .contacts-us .right {
    margin: 20px 0 0;
    width: 40%;
    max-width: 150px;
  }

  .f8 .right .contacts-us {
    flex-direction: column;
  }
}