* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

}

@font-face {
  font-family: "思源黑体";
  src: url("../css/fonts/Source\ Han\ Sans\ CN\ Regular.otf") format("opentype");
}

@font-face {
  font-family: "PFDinTextCompPro-Bold";
  src: url("../css/fonts/z-PFDinTextCompPro-Bold-4.ttf") format("truetype");
}

::-webkit-scrollbar {
  /* 1 */
  width: 6px;
  background-color: #C7C7C7;
}

::-webkit-scrollbar-button {
  /* 2 */
  display: none;
}

::-webkit-scrollbar-track {
  /* 3 */
}

::-webkit-scrollbar-track-piece {
  /* 4 */
}

::-webkit-scrollbar-thumb {
  /* 5 */
  width: 5px;
  border-radius: 0;
  background-color: #e60013;
}

::-webkit-scrollbar-corner {
  /* 6 */
  background-color: #e60013;
}

::-webkit-resizer {
  /* 7 */
}

::-webkit-scrollbar:horizontal {
  height: 6px;
}

html,
body {
  font: calc(100vw / 120) arial, verdana;
  /* scroll-behavior: smooth; */
  font-family: "Source Han Sans CN";
  overflow-x: hidden;
}

a,
ul,
li,
p,
h3 {
  list-style: none;
  text-decoration: none;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

img {
  max-width: 100%;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

.max {
  width: 107.5rem;
  margin: auto;
}

.header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 5.5125rem;
  background-image: url('../images/header-bg.png'), url('../images/header-right.png');
  background-size: 100%, 5.5%;
  background-position: top left, top right;
  z-index: 999;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 3.1875rem;
  box-sizing: border-box;
  transition: all .6s;
}

.header::after,
.header.header-a::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
  z-index: -1;
  background-image: url('../images/header-active.png'), url('../images/header-right.png');
  background-size: 100%, cover;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;

}

.header.header-a::before {
  opacity: 0;
  background-image: url('../images/hader-menu.png'), url('../images/hearder-mennu-right.png');
  background-repeat: no-repeat;
  background-size: 100%, 5.5%;
  background-position: top left, top right;
  z-index: -1;
}

.header.active::after,
.header.header-a.a::before {
  opacity: 1;
}


.header.active {
  box-shadow: 0 .625rem .9375rem -0.3125rem rgba(0, 0, 0, 0.1);
}

.header .left {
  width: 10%;
}

.header .left a {
  display: block;
  width: 100%;
}

.header .left a img {
  width: 100%;
  height: 3rem;
  object-fit: contain;
  display: block;
}

.header .right {
  width: 78%;
  height: 100%;
}

.header .right,
.header .right ul,
.header-text {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header .right ul {
  width: 67%;
  height: 100%;
}

.header .right ul li {
  /* height: 100%; */
  position: relative;
}

.header .right ul li a {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 1.375rem;
  color: #002222;
}

.header .right ul li a::before {
  content: '';
  width: 100%;
  height: 2.75rem;
  position: absolute;
  left: 0;
  top: 100%;
}

.header .right ul li a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.625rem;
  width: 0%;
  border-bottom: .25rem solid #E60013;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.header .right>ul>li:hover>a::after,
.header .right>ul>li.active>a::after {
  width: 100%;
}

.header .right {
  justify-content: flex-start;
}

/* .header .header-text p */
.header .header-text .phones {
  position: relative;
  width: 13rem;
  height: 2.5rem;
  overflow: hidden;
  margin-left: 5.125rem;
  box-sizing: border-box;
  background: #E60013;
  border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
  -webkit-border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
  -moz-border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
  -ms-border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
  -o-border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
  display: flex;
  align-items: center;
}

.header .header-text .phones .swiper {
  width: 80%;
  height: 100%;
}

.header .header-text p {
  /* position: absolute;
  top: 0;
  right: 0; */
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 1.125rem;
  color: #FFFFFF;
  /* width: 15rem;
  height: 2.5rem; */
  width: 100%;
  height: 100%;
}

.header .header-text .phones::before {
  content: "";
  display: flex;
  align-items: center;
  width: 1.75rem;
  height: 1.75rem;
  background-image: url('../images/header-phone.png');
  background-size: 1.75rem 100%;
  margin-left: .625rem;
  margin-right: .625rem;
}

.header .header-text p span {
  font-size: .875rem;
  color: rgba(255, 255, 255, .8);
  font-style: oblique;
}


<!-- .header .boss{
  display:flex;
} -->

.header .header-text a,
.header .boss a {
  width: 9.0625rem;
  height: 2.5rem;
  background-image: url('../images/xc.png');
  background-size: 100% 100%;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 1.125rem;
  color: #333333;
  /* height: 2.5rem; */
  padding: 0 0.6rem;
  white-space: nowrap;
  /* background-color: #FFFFFF; */
  /* border-radius: .5rem .5rem .5rem .5rem; */
  /* border: 1px solid #DCDCDC; */
  /* opacity: 0.8; */
  margin-left: 0.8rem;
  /* -webkit-border-radius: .5rem .5rem .5rem .5rem; */
  -moz-border-radius: .5rem .5rem .5rem .5rem;
  -ms-border-radius: .5rem .5rem .5rem .5rem;
  -o-border-radius: .5rem .5rem .5rem .5rem;
}

.header>i {
  position: absolute;
  right: 0;
  width: 2.5rem;
  height: 100%;
  cursor: pointer;
}




.banner {
  width: 100%;
  height: 100vh;
  position: relative;
}

.banner .swiper {
  width: 100%;
  height: 100%;
}

.banner .swiper .swiper-slide {
  background-size: cover;
  background-position: center;
}

.banner .swiper .swiper-slide .text {
  position: absolute;
  left: 6.25rem;
  bottom: 25rem;
}

.banner .swiper .swiper-slide .text img:first-child {
  width: 42.75rem;
  height: 19.3125rem;
}

.banner .swiper .swiper-slide .text img:last-child {
  position: absolute;
  right: 5.375rem;
  bottom: 3.75rem;
  width: 11.9375rem;
  height: 2.0625rem;
}

.banner .swiper .swiper-slide.banner2 .text img:first-child {
  width: 56.875rem;
  height: 24.75rem;
}

.banner .swiper .swiper-slide.banner2 .text img:last-child {
  right: 15.5625rem;
  bottom: 20.375rem;
  width: 9.5625rem;
  height: 4.375rem;
}

.banner .swiper .swiper-slide.banner3 .text img:first-child {
  width: 59rem;
  height: 28.875rem;
}

.banner .swiper .swiper-slide.banner3 .text img:last-child {
  right: 19.5625rem;
  bottom: 19.375rem;
  width: 11.9375rem;
  height: 2.0625rem;
}

.banner .swiper .swiper-slide.banner4 .text img:first-child {
  width: 47.6875rem;
  height: 24.1875rem;
}

.banner .swiper .swiper-slide.banner4 .text img:last-child {
  right: 16.5625rem;
  bottom: 19.375rem;
  width: 9.5625rem;
  height: 4.4375rem;
}

.banner .swiper .swiper-slide.banner5 .text img:first-child {
  width: 41.0625rem;
  height: 22.9375rem;
}

.banner .swiper .swiper-slide.banner5 .text img:last-child {
  right: 2.5625rem;
  bottom: 8.375rem;
  height: 2.0625rem;
  width: 11.9375rem;
}

.banner .swiper .swiper-slide.banner6 .text img:first-child {
  width: 42.125rem;
  height: 21.875rem;
}

.banner .swiper .swiper-slide.banner6 .text img:last-child {
  right: -9.4375rem;
  bottom: 0.375rem;
  height: 4.4375rem;
  width: 9.5625rem;
}

.banner .swiper .banner3 .btns a,
.banner .swiper .banner5 .btns a {
  border: 1px solid #003172;
  border-color: #003172;
  color: #003172;
}

.banner .swiper .banner3 .btns a:hover,
.banner .swiper .banner5 .btns a:hover {
  background-color: #E60013;
  color: #fff;
  border-color: #E60013;
}

.banner .swiper .banner3 .text {
  bottom: 30%;
}

.banner .swiper .banner2 .text,
.banner .swiper .banner5 .text,
.banner .swiper .banner4 .text {
  bottom: 35%;
}

.banner .swiper .banner3 .btns {
  bottom: 11.25rem;
}

.banner .swiper .banner2 .btns,
.banner .swiper .banner5 .btns,
.banner .swiper .banner4 .btns {
  bottom: 14.25rem;
}


.banner .swiper .banner3 .btns a:first-child::after,
.banner .swiper .banner5 .btns a:first-child::after {
  background-image: url('../images/xt-info-arr-active.png');
  filter: none;
  -webkit-filter: none;
}

.banner .swiper .banner3 .btns a:hover:first-child::after,
.banner .swiper .banner5 .btns a:hover:first-child::after {
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
}

.banner .swiper .banner3 .btns a:last-child::before,
.banner .swiper .banner5 .btns a:last-child::before {
  background-image: url('../images/xt-info-xx.png') !important;
}

.banner .swiper .banner3 .btns a:hover:last-child::before,
.banner .swiper .banner5 .btns a:hover:last-child::before {
  background-image: url('../images/xx-c.png') !important;
}

.banner .swiper .btn {
  height: 5.625rem;
  position: absolute;
  bottom: 9.25rem;
  left: 50%;
  transform: translate(-50%);
  z-index: 1;
  display: flex;
  align-items: center;
}

.banner .btns {
  position: absolute;
  left: 6.25rem;
  bottom: 16.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.banner .btns a {
  margin: 0 !important;
  margin-right: 1.25rem !important;
}

.banner .btns a:first-child::before {
  display: none;
}

.banner .btns a:first-child::after,
.page-banner .f-l .box3 a.icon2::after {
  filter: brightness(0) invert(1);
}

.banner .swiper .btn .swiper-button-prev,
.banner .swiper .btn .swiper-button-next {
  position: static;
  display: block;
  width: 2.25rem;
  height: .8125rem;
  background-image: url('../images/banner-arr-l.png');
  background-size: 100% 100%;
}

.banner .swiper .btn .swiper-button-next {
  background-image: url('../images/banner-arr-r.png');
  margin-bottom: .625rem;
}

.banner .swiper .btn .swiper-button-prev::after,
.banner .swiper .btn .swiper-button-next::after {
  content: "";
}

.banner .swiper .swiper-pagination {
  position: relative;
  width: 90px;
  height: 90px;
  margin: 0 1.875rem;
  /* position: absolute;
    bottom: 0;
    left: 50%; */
  display: flex;
  align-items: center;
  justify-content: center;
  /* transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%); */
  color: #FFFFFF;
  font-size: 1.5rem;
}

.banner .swiper .swiper-paginations {
  position: absolute;
  z-index: 2;
  width: 100%;
  bottom: 20%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.banner .swiper .swiper-paginations .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: #fff;
  opacity: 1;
}

.banner .swiper .swiper-paginations .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #E60013;
}

.banner .swiper .swiper-pagination .swiper-pagination-current {
  font-weight: 500;
  font-size: 2.25rem;
  color: #FFFFFF;
  margin-right: .1875rem;
}

.banner .swiper .swiper-pagination .swiper-pagination-total {
  font-size: 1.5rem;
  color: #FFFFFF;
  margin-left: .1875rem;

}

.banner .swiper .swiper-pagination::after {
  content: "";
  position: absolute;
  top: 9px;
  left: 9px;
  display: block;
  width: 100%;
  max-width: 72px;
  max-height: 72px;
  height: 100%;
  border-radius: 1rem 1rem 1rem 1rem;
  border: .1875rem solid #FFFFFF;
  box-sizing: border-box;
  z-index: -1;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-border-radius: 1rem 1rem 1rem 1rem;
  -moz-border-radius: 1rem 1rem 1rem 1rem;
  -ms-border-radius: 1rem 1rem 1rem 1rem;
  -o-border-radius: 1rem 1rem 1rem 1rem;
}

.banner .swiper .swiper-pagination svg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}

.banner .list {
  width: 100%;
  height: 6rem;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: rgba(229, 229, 229, 0.5);
  /* 将 #E5E5E5 转换为 RGBA 并设置透明度 */
  backdrop-filter: blur(.5rem);
  /* 应用模糊效果 */
}

.banner .list .max,
.banner .list .max ul {
  height: 100%;
}

.banner .list ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.banner .list ul li {
  cursor: pointer;
  /* width: calc(100% / 6);
  float: left; */
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;

}

.banner .list ul li a {
  font-weight: 500;
  font-size: 1.5rem;
  color: #222222;
}

.banner .list ul li::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0%;
  transition: all .6s;
  border-bottom: .1875rem solid #E60013;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.banner .list ul li::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #E60013;
  position: absolute;
  bottom: 1rem;
  left: 50%;
  opacity: 0;
  transition: all .6s;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
}

.banner .list ul li.active::after,
.banner .list ul li:hover::after {
  width: 100%;
}

.banner .list ul li.active::before,
.banner .list ul li:hover::before {
  opacity: 1;
}

.banner .swiper-page {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  position: absolute;
  left: 2rem;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 10;
}

.banner .swiper-page i {
  width: 0.7rem;
  height: 0.7rem;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 100%;
  cursor: pointer;
  transition: all .6s;
}

.banner .swiper-page i.active {
  background: #e60013;
}

.xt-swiper {
  overflow: hidden;
}

.xt {
  position: relative;
  /* min-height: 52.75rem; */
  overflow: hidden;
  background-image: url('../images/xt-bg.png');
  background-size: 100% 100%;
  padding-top: 3.125rem;
  padding-left: 6.25rem;
  padding-bottom: 5rem;
}

.xt h3 {
  font-weight: 500;
  font-size: 3.4375rem;
  color: #222222;
}

.xt .right-bg {
  position: absolute;
  right: 0;
  top: 0;
  width: 47.4375rem;
  height: 48rem;
}

.xt .right-bg img {
  width: 100%;
  height: 100%;
}

.xt .cont {
  margin-top: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 38.1875rem;
}

.xt .cont .left {
  width: 20%;
  height: 100%;
  background: #FFFFFF;
  border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
  -webkit-border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
  -moz-border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
  -ms-border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
  -o-border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
}

.xt .cont .left ul {
  width: 100%;
  height: 100%;
  padding: .9375rem;
  box-sizing: border-box;
}

.xt .cont .left ul li {
  width: 100%;
  cursor: pointer;
  font-weight: 500;
  font-size: 1.375rem;
  color: #222222;
  display: flex;
  align-items: center;
  padding: 1.4rem;
  box-sizing: border-box;
  border-radius: .625rem .625rem .625rem .625rem;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
  -webkit-border-radius: .625rem .625rem .625rem .625rem;
  -moz-border-radius: .625rem .625rem .625rem .625rem;
  -ms-border-radius: .625rem .625rem .625rem .625rem;
  -o-border-radius: .625rem .625rem .625rem .625rem;
}

.xt.k .cont .left ul li {
  /* margin-bottom: 1.875rem; */
}

.xt .cont .left ul li::before {
  content: "";
  display: flex;
  align-items: center;
  width: 1.625rem;
  height: 1.375rem;
  background-image: url('../images/xt-icon1.png');
  background-size: contain;
  margin-right: .9375rem;
  background-repeat: no-repeat;
}

.xt .cont .left ul li:hover {
  color: #E60013;

}

.xt .cont .left ul li.active {
  background-color: #E60013;
  color: #FFFFFF;
}

/* .xt .cont .left ul li:hover::before, */
.xt .cont .left ul li.active::before {
  background-image: url('../images/xt-icon1-active.png');
}

.xt .cont .left ul li:nth-child(2):before {
  background-image: url('../images/xt-icon2.png');
}

.xt .cont .left ul li:nth-child(3):before {
  background-image: url('../images/xt-icon3.png');
}

.xt .cont .left ul li:nth-child(4):before {
  background-image: url('../images/xt-icon4.png');
}



/* .xt .cont .left ul li:nth-child(2):hover::before, */
.xt .cont .left ul li:nth-child(2).active::before {
  background-image: url('../images/xt-icon2-active.png');
}

/* .xt .cont .left ul li:nth-child(3):hover::before, */
.xt .cont .left ul li:nth-child(3).active::before {
  background-image: url('../images/xt-icon3-active.png');
}

/* .xt .cont .left ul li:nth-child(4):hover::before, */
.xt .cont .left ul li:nth-child(4).active::before {
  background-image: url('../images/xt-icon4-active.png');
}

.xt .cont .right {
  position: relative;
  width: 78%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
  -webkit-border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
  -moz-border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
  -ms-border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
  -o-border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
}

.xt .cont .right::after {
  content: "";
  position: absolute;
  display: block;
  right: 0;
  top: -10.8125rem;
  background-image: url('../images/gx-right-bg1.jpg');
  background-size: 100% 100%;
  width: 47.4375rem;
  height: 49rem;
}

.xt .cont .right .cont-text:first-child .rights {
  background-image: url('../images/gxzy-icon1.png');
}


.xt .cont .right .cont-text:nth-child(3) .rights {
  background-image: url('../images/gxzy-icon3.png');
}

.xt .cont .right .cont-text:nth-child(2) .rights {
  background-image: url('../images/gxzy-icon4.png');
}

.xt .cont .right .cont-text:nth-child(5) .rights {
  background-image: url('../images/gxzy-icon5.png');
}

.xt .cont .right .cont-text:nth-child(6) .rights {
  background-image: url('../images/gxzy-icon6.png');
  top: -3.125rem;
  height: 31.3125rem;
}

.xt .cont .right .cont-text:nth-child(7) .rights {
  background-image: url('../images/gxzy-icon7.png');
}

.xt .cont .right .cont-text:nth-child(8) .rights {
  background-image: url('../images/gxzy-icon8.png');
}

.xt .cont .right .cont-text:nth-child(9) .rights {
  background-image: url('../images/gxzy-icon9.png');
}

.xt .cont .right .cont-text {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding-top: 3.125rem;
  padding-left: 4.125rem;
  box-sizing: border-box;
  opacity: 1;
  /* background-image: url('../images/gxzy-icon2.png'); */
  background-size: 26.125rem 28.3125rem;
  background-position: 83% 10%;
  background-repeat: no-repeat;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.xt .cont .right .cont-text .rights {
  position: absolute;
  top: .875rem;
  right: 12%;
  right: 7%;
  width: 30.125rem;
  height: 28.3125rem;
  background-image: url('../images/gxzy-icon2.png');
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0;
}

.xt .cont .right .cont-text .rights.animation {
  animation: slideInFromBottomFadeIn 1.5s forwards;
  -webkit-animation: slideInFromBottomFadeIn 1.5s forwards;
}

@keyframes slideInFromBottomFadeIn {
  from {
    transform: translateY(20%);
    opacity: 0;
    -webkit-transform: translateY(20%);
    -moz-transform: translateY(20%);
    -ms-transform: translateY(20%);
    -o-transform: translateY(20%);
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.xt .cont .right .cont-text .lefts {
  width: 46%;
}

.xt .cont .right .cont-text h3 {
  font-weight: bold;
  font-size: 2.5rem;
  color: #222222;
}

.xt .cont .right .cont-text h3+p {
  font-weight: 400;
  font-size: 1.125rem;
  color: #333333;
  line-height: 1.875rem;
  margin: 1.875rem 0;
}

.xt .cont .right .cont-text ul {
  margin: 0 -0.625rem;
}

.xt .cont .right .cont-text ul li {
  width: calc(100% / 5);
  float: left;
  padding: 0 .625rem;
  box-sizing: border-box;
  height: 2.375rem;
  margin-bottom: 1.25rem;
}

.xt .cont .right .cont-text ul li p,
.xt .cont .right .cont-text ul li a {
  width: 100%;
  height: 100%;
  border-radius: .375rem .375rem .375rem .375rem;
  border: 1px solid #C4DBED;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 1.1rem;
  color: #4DA0E4;
  -webkit-border-radius: .375rem .375rem .375rem .375rem;
  -moz-border-radius: .375rem .375rem .375rem .375rem;
  -ms-border-radius: .375rem .375rem .375rem .375rem;
  -o-border-radius: .375rem .375rem .375rem .375rem;
}

.xt .cont .right .cont-text .info {
  display: flex;
  align-items: center;
  margin-top: 3rem;
}

.xt .cont .right .cont-text .info a {
  margin-right: 3.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12.3125rem;
  height: 3.5rem;
  font-weight: 400;
  font-size: 1.5rem;
  color: #1A2257;
  transition: all .6s;
  border-radius: .375rem .375rem .375rem .375rem;
  border: 1px solid #003172;
  -webkit-border-radius: .375rem .375rem .375rem .375rem;
  -moz-border-radius: .375rem .375rem .375rem .375rem;
  -ms-border-radius: .375rem .375rem .375rem .375rem;
  -o-border-radius: .375rem .375rem .375rem .375rem;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.xt .cont .right .cont-text .info a:nth-child(2):hover {
  background-color: #003172;
  border-color: #003172;
  color: #FFFFFF;
}

.xt .cont .right .cont-text .info a:hover,
.xt .cont .right .cont-text .info a:first-child {
  border-color: #E60013;
  color: #E60013;
}

.xt .cont .right .cont-text .info a:nth-child(1)::after {
  content: "";
  display: flex;
  align-items: center;
  width: 1.4375rem;
  height: .6875rem;
  background-image: url('../images/xt-info-arr-active.png');
  background-size: 100% 100%;
  margin-left: .625rem;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.xt .cont .right .cont-text .info a:hover:nth-child(1)::after,
.xt .cont .right .cont-text .info a:first-child::after {
  background-image: url('../images/xt-info-arr.png');
}

.xt .cont .right .cont-text .info a:first-child:hover {
  background-color: #E60012;
  color: #FFFFFF;
}

.xt .cont .right .cont-text .info a:hover:first-child::after,
.xt .cont .right .cont-text .info a:nth-child(2):hover::before,
.jjfa .jj-swiper .item p:last-child:hover::after {
  filter: brightness(0) invert(1);
}

.xt .cont .right .cont-text .info a:nth-child(2)::before {
  content: "";
  display: flex;
  align-items: center;
  width: 1.875rem;
  height: 1.875rem;
  background-image: url('../images/xt-info-xx.png');
  background-size: 100% 100%;
  transition: all .6s;
  margin-right: .625rem;
}

.xt .cont .right .cont-text .info a:hover:nth-child(2)::before {
  background-image: url('../images/xt-info-xx-active.png');
}

.xt .cont .right .cont-text.hide {
  opacity: 0;
  z-index: -1;

}

.gx .cont .left ul li:nth-child(1):before {
  background-image: url('../images/gx-icon1.png');
}

/* .gx .cont .left ul li:hover::before, */
.gx .cont .left ul li.active::before {
  background-image: url('../images/gx-icon1-active.png');
}

.gx .cont .left ul li:nth-child(4):before {
  background-image: url('../images/gx-icon2.png');
}

.gx .cont .left ul li:nth-child(3):before {
  background-image: url('../images/gx-icon3.png');
}

.gx .cont .left ul li:nth-child(2):before {
  background-image: url('../images/gx-icon4.png');
}


.gx .cont .left ul li:nth-child(5):before {
  background-image: url('../images/gx-icon5.png');
}

.gx .cont .left ul li:nth-child(6):before {
  background-image: url('../images/gx-icon6.png');
}

.gx .cont .left ul li:nth-child(7):before {
  background-image: url('../images/gx-icon7.png');
}

.gx .cont .left ul li:nth-child(8):before {
  background-image: url('../images/gx-icon8.png');
}

.gx .cont .left ul li:nth-child(9):before {
  background-image: url('../images/gx-icon9.png');
}

/* .gx .cont .left ul li:nth-child(2):hover::before, */
.gx .cont .left ul li:nth-child(4).active::before {
  background-image: url('../images/gx-icon2-active.png');
}

/* .gx .cont .left ul li:nth-child(3):hover::before, */
.gx .cont .left ul li:nth-child(3).active::before {
  background-image: url('../images/gx-icon3-active.png');
}

/* .gx .cont .left ul li:nth-child(4):hover::before, */
.gx .cont .left ul li:nth-child(2).active::before {
  background-image: url('../images/gx-icon4-active.png');
}

/* .gx .cont .left ul li:nth-child(5):hover::before, */
.gx .cont .left ul li:nth-child(5).active::before {
  background-image: url('../images/gx-icon5-active.png');
}

/* .gx .cont .left ul li:nth-child(6):hover::before, */
.gx .cont .left ul li:nth-child(6).active::before {
  background-image: url('../images/gx-icon6-active.png');
}

/* .gx .cont .left ul li:nth-child(7):hover::before, */
.gx .cont .left ul li:nth-child(7).active::before {
  background-image: url('../images/gx-icon7-active.png');
}

/* .gx .cont .left ul li:nth-child(8):hover::before, */
.gx .cont .left ul li:nth-child(8).active::before {
  background-image: url('../images/gx-icon8-active.png');
}

/* .gx .cont .left ul li:nth-child(9):hover::before, */
.gx .cont .left ul li:nth-child(9).active::before {
  background-image: url('../images/gx-icon9-active.png');
}



.zn .cont .left ul li {
  /* padding: 1.2rem 1.875rem; */
}

.zn .cont .left ul li:nth-child(1):before {
  background-image: url('../images/zn-icon1.png');
}

/* .zn .cont .left ul li:hover::before, */
.zn .cont .left ul li.active::before {
  background-image: url('../images/zn-icon1-active.png');
}

.zn .cont .left ul li:nth-child(2):before {
  background-image: url('../images/zn-icon2.png');
}

.zn .cont .left ul li:nth-child(3):before {
  background-image: url('../images/zn-icon3.png');
}

.zn .cont .left ul li:nth-child(4):before {
  background-image: url('../images/zn-icon4.png');
}

.zn .cont .left ul li:nth-child(5):before {
  background-image: url('../images/zn-icon5.png');
}

.zn .cont .left ul li:nth-child(6):before {
  background-image: url('../images/zn-icon6.png');
}

.zn .cont .left ul li:nth-child(7):before {
  background-image: url('../images/zn-icon7.png');
}

.zn .cont .left ul li:nth-child(8):before {
  background-image: url('../images/zn-icon8.png');
}

/* .zn .cont .left ul li:nth-child(2):hover::before, */
.zn .cont .left ul li:nth-child(2).active::before {
  background-image: url('../images/zn-icon2-active.png');
}

/* .zn .cont .left ul li:nth-child(3):hover::before, */
.zn .cont .left ul li:nth-child(3).active::before {
  background-image: url('../images/zn-icon3-active.png');
}

/* .zn .cont .left ul li:nth-child(4):hover::before, */
.zn .cont .left ul li:nth-child(4).active::before {
  background-image: url('../images/zn-icon4-active.png');
}

/* .zn .cont .left ul li:nth-child(5):hover::before, */
.zn .cont .left ul li:nth-child(5).active::before {
  background-image: url('../images/zn-icon5-active.png');
}

/* .zn .cont .left ul li:nth-child(6):hover::before, */
.zn .cont .left ul li:nth-child(6).active::before {
  background-image: url('../images/zn-icon6-active.png');
}

/* .zn .cont .left ul li:nth-child(7):hover::before, */
.zn .cont .left ul li:nth-child(7).active::before {
  background-image: url('../images/zn-icon7-active.png');
}

/* .zn .cont .left ul li:nth-child(8):hover::before, */
.zn .cont .left ul li:nth-child(8).active::before {
  background-image: url('../images/zn-icon8-active.png');
}

.zn .cont .right::after {
  background-image: url('../images/zn-right-bg1.png');
}

.zn .cont .right .cont-text:nth-child(1) .rights {
  background-image: url('../images/znh-icon1.png');
}

.zn .cont .right .cont-text:nth-child(2) .rights {
  background-image: url('../images/znh-icon2.png');
  width: 26.0625rem;
  height: 27.3125rem;
  top: .875rem;
  right: 11%;
}

.zn .cont .right .cont-text:nth-child(3) .rights {
  background-image: url('../images/znh-icon3.png');
  /* width: 26.125rem; */
  right: 9%;
}

.zn .cont .right .cont-text:nth-child(4) .rights {
  background-image: url('../images/znh-icon4.png');
  top: -0.125rem;
  right: 7%;
}

.zn .cont .right .cont-text:nth-child(5) .rights {
  background-image: url('../images/znh-icon5.png');
}

.zn .cont .right .cont-text:nth-child(6) .rights {
  background-image: url('../images/znh-icon6.png');
}

.zn .cont .right .cont-text:nth-child(7) .rights {
  background-image: url('../images/znh-icon7.png');
}

.zn .cont .right .cont-text:nth-child(8) .rights {
  background-image: url('../images/znh-icon8.png');
}

.zh .cont .left ul li:nth-child(1):before {
  background-image: url('../images/zh-icon1.png');
}

/* .zh .cont .left ul li:hover::before, */
.zh .cont .left ul li.active::before {
  background-image: url('../images/zh-icon1-active.png');
}

.zh .cont .left ul li:nth-child(2):before {
  background-image: url('../images/zh-icon2.png');
}

.zh .cont .left ul li:nth-child(3):before {
  background-image: url('../images/zh-icon3.png');
}

.zh .cont .left ul li:nth-child(4):before {
  background-image: url('../images/zh-icon4.png');
}



/* .zh .cont .left ul li:nth-child(2):hover::before, */
.zh .cont .left ul li:nth-child(2).active::before {
  background-image: url('../images/zh-icon2-active.png');
}

/* .zh .cont .left ul li:nth-child(3):hover::before, */
.zh .cont .left ul li:nth-child(3).active::before {
  background-image: url('../images/zh-icon3-active.png');
}

/* .zh .cont .left ul li:nth-child(4):hover::before, */
.zh .cont .left ul li:nth-child(4).active::before {
  background-image: url('../images/zh-icon4-active.png');
}

.zh .cont .right::after {
  background-image: url('../images/zh-right-bg1.png');
}

.zh .cont .right .cont-text {
  background-size: 30.125rem 25.75rem;
  background-position: 80% 10%;
}

.zh .cont .right .cont-text .rights {
  right: 20%;
  width: 30.125rem;
  height: 25.75rem;
}

.zh .cont .right .cont-text:nth-child(1) .rights {
  background-image: url('../images/zhx-icon1.png');
  right: 2%;
}

.zh .cont .right .cont-text:nth-child(2) .rights {
  background-image: url('../images/zhx-icon2.png');
  width: 27.125rem;
  height: 25.75rem;
  right: 7%;
}

.zh .cont .right .cont-text:nth-child(3) .rights {
  background-image: url('../images/zhx-icon3.png');
  width: 33.125rem;
  height: 23.75rem;
  right: 7%;
}

.zh .cont .right .cont-text:nth-child(4) .rights {
  background-image: url('../images/zhx-icon4.png');
  width: 33.125rem;
  height: 23.75rem;
  right: 3%;
  top: 2.875rem;
}

.zt .cont .right .cont-text:nth-child(1) .rights {
  background-image: url('../images/ztk-icon1.png');
  right: 7%;
}

.zt .cont .right .cont-text:nth-child(2) .rights {
  background-image: url('../images/ztk-icon2.png');
  /* background-size: 28.125rem 29.3125rem;
  background-position: 80% 10%; */
  right: 7%;
}

.zt .cont .right::after {
  background-image: url('../images/zt-right-bg1.png');
}

.zt .cont .left ul li:nth-child(1):before {
  background-image: url('../images/zt-icon1.png');
}

.zt .cont .left ul li:nth-child(2):before {
  background-image: url('../images/zt-icon2.png');
}

/* .zt .cont .left ul li:nth-child(1):hover::before, */
.zt .cont .left ul li:nth-child(1).active::before {
  background-image: url('../images/zt-icon1-active.png');
}

/* .zt .cont .left ul li:nth-child(2):hover::before, */
.zt .cont .left ul li:nth-child(2).active::before {
  background-image: url('../images/zt-icon2-active.png');
}

.bg .cont .right::after {
  background-image: url('../images/bg-right-bg1.png');
}

.bg .cont .right .cont-text:nth-child(1) .rights {
  background-image: url('../images/bg-icon1.png');
  background-position: 71% 19%;
}

.bg .cont .right .cont-text:nth-child(2) .rights {
  background-image: url('../images/bg-icon2.png');
  background-position: 72% 65%;
}

.bg .cont .right .cont-text:nth-child(3) .rights {
  background-image: url('../images/bg-icon3.png');
  background-position: 68% 20%;
  background-size: 30.125rem 28.3125rem;
}

.bg .cont .right .cont-text:nth-child(4) .rights {
  background-image: url('../images/bg-icon4.png');
  background-position: 71% 19%;
}

.yd .cont .right::after {
  background-image: url('../images/yd-right-bg1.png');
}

.yd .cont .right .cont-text:nth-child(1) .rights {
  background-image: url('../images/ydy-icon1.png');
  /* background-position: 71% 19%; */
}

.yd .cont .right .cont-text:nth-child(2) .rights {
  background-image: url('../images/ydy-icon2.png');
  /* background-position: 71% 19%; */
}

.yd .cont .right .cont-text:nth-child(3) .rights {
  background-image: url('../images/ydy-icon3.png');
  /* background-position: 71% 19%; */
}

.yd .cont .right .cont-text:nth-child(4) .rights {
  background-image: url('../images/ydy-icon4.png');
  /* background-position: 71% 19%; */
}

.yd .cont .left ul li:nth-child(1):before {
  background-image: url('../images/yd-icon1.png');
}

/* .yd .cont .left ul li:hover::before, */
.yd .cont .left ul li.active::before {
  background-image: url('../images/yd-icon1-active.png');
}

.yd .cont .left ul li:nth-child(2):before {
  background-image: url('../images/yd-icon2.png');
}

.yd .cont .left ul li:nth-child(3):before {
  background-image: url('../images/yd-icon3.png');
}

.yd .cont .left ul li:nth-child(4):before {
  background-image: url('../images/yd-icon4.png');
}



/* .yd .cont .left ul li:nth-child(2):hover::before, */
.yd .cont .left ul li:nth-child(2).active::before {
  background-image: url('../images/yd-icon2-active.png');
}

/* .yd .cont .left ul li:nth-child(3):hover::before, */
.yd .cont .left ul li:nth-child(3).active::before {
  background-image: url('../images/yd-icon3-active.png');
}

/* .yd .cont .left ul li:nth-child(4):hover::before, */
.yd .cont .left ul li:nth-child(4).active::before {
  background-image: url('../images/yd-icon4-active.png');
}

.jjfa {
  padding: 4.375rem 0;
  /* min-height: 56.25rem; */
  background-image: url('../images/jjfa-bg.png');
  background-size: 100% 100%;
}

.jjfa h3,
.jjfa .max>p {
  text-align: center;
}

.jjfa h3 {
  font-weight: 500;
  font-size: 3.4375rem;
  color: #FFFFFF;
}

.jjfa .max>p {
  font-weight: 400;
  font-size: 1.5rem;
  color: #FFFFFF;
  margin: .625rem 0;
}

.jjfa ul {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1.875rem;
}

.jjfa ul li {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15rem;
  height: 4.4375rem;
  font-weight: bold;
  font-size: 1.625rem;
  color: #FFFFFF;
  background: rgba(255, 255, 255, .3);
  border-radius: 2.25rem 2.25rem 2.25rem 2.25rem;
  margin-right: 1.25rem;
  transition: all .6s;
  -webkit-border-radius: 2.25rem 2.25rem 2.25rem 2.25rem;
  -moz-border-radius: 2.25rem 2.25rem 2.25rem 2.25rem;
  -ms-border-radius: 2.25rem 2.25rem 2.25rem 2.25rem;
  -o-border-radius: 2.25rem 2.25rem 2.25rem 2.25rem;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.jjfa ul li.active,
.jjfa ul li:hover {
  background-color: #E60013;
}

.jjfa .sw {
  position: relative;
  min-height: 33.25rem;
}

.jjfa .jj-swiper {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  overflow-x: clip;
  margin-top: 3.125rem;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.jjfa .jj-swiper .item {
  padding: 2.1875rem 2.5rem;
  box-sizing: border-box;
  height: 22.125rem;
  background-color: #FFFFFF;
  border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
  -webkit-border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
  -moz-border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
  -ms-border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
  -o-border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
  background-image: url('../images/qy-item-bg.png');
  background-repeat: no-repeat;
  background-size: 30rem;
  background-position: -8.25rem 1.875rem;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.jjfa .jj-swiper .item:hover {
  background-position: -4.25rem 1.875rem;

}

.jjfa .jj-swiper .item h3 {
  font-weight: 500;
  font-size: 1.875rem;
  color: #222222;
  display: flex;
  align-items: center;
}

.jjfa .jj-swiper .item h3::before {
  content: "";
  display: flex;
  align-items: center;
  width: 2.3125rem;
  height: 2.4375rem;
  background-image: url('../images/qy-icon1.png');
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 1.25rem;
}

.jjfa .qy .swiper-slide:nth-child(2) .item h3::before {
  background-image: url('../images/qy-icon2.png');
}

.jjfa .qy .swiper-slide:nth-child(3) .item h3::before {
  background-image: url('../images/qy-icon3.png');
}

.jjfa .qy .swiper-slide:nth-child(4) h3::before {
  background-image: url('../images/qy-icon4.png');
}

.jjfa .jj-swiper .item p {
  font-weight: 400;
  font-size: 1.2rem;
  color: #222222;
  min-height: 5.625rem;
  line-height: 1.875rem;
  display: -webkit-box;
  /* 用于 WebKit 浏览器 */
  -webkit-line-clamp: 3;
  /* 限制为5行 */
  -webkit-box-orient: vertical;
  /* 设置为垂直方向 */

  display: box;
  /* 用于 Firefox */
  box-orient: vertical;

  overflow: hidden;
  margin-top: 1.875rem;
}

.jjfa .jj-swiper .item p:last-child {
  width: 12.3125rem;
  height: 3.5rem;
  min-height: auto;
  border: 1px solid #E60013;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 1.5rem;
  float: right;
  color: #E60013;
  border-radius: .375rem .375rem .375rem .375rem;
  -webkit-border-radius: .375rem .375rem .375rem .375rem;
  -moz-border-radius: .375rem .375rem .375rem .375rem;
  -ms-border-radius: .375rem .375rem .375rem .375rem;
  -o-border-radius: .375rem .375rem .375rem .375rem;
}

.jjfa .jj-swiper .item p:last-child:hover {
  background-color: #E60013;
  color: #fff;
}

.jjfa .jj-swiper .item p:last-child:hover::after {
  background-image: url('../images/xt-info-arr-active.png');
}

.jjfa .jj-swiper .item p:last-child::after,
.banner .btns a:first-child::after,
.page-banner .f-l .box3 a.icon2::after {
  content: "";
  width: 1.4375rem;
  height: .6875rem;
  background-image: url('../images/xt-info-arr.png');
  background-size: 100% 100%;
  margin-left: .625rem;

}

.jjfa .jj-swiper .swiper-button-lock,
.jjfa .jj-swiper .swiper-pagination-lock {
  display: block;
}

.jjfa .jj-swiper .btn {
  position: absolute;
  top: -5.75rem;
  right: 0;
  width: 10%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.jjfa .jj-swiper .btn .swiper-button-prev,
.jjfa .jj-swiper .btn .swiper-button-next,
.jjfa .jj-swiper .btn .swiper-pagination {
  width: max-content;
  position: static;
  display: block;
  margin: 0;
}

.jjfa .jj-swiper .btn .swiper-button-prev::after,
.jjfa .jj-swiper .btn .swiper-button-next::after {
  content: "";
  display: none;
}

.jjfa .jj-swiper .btn .swiper-button-prev,
.jjfa .jj-swiper .btn .swiper-button-prev.swiper-button-disabled,
.jjfa .jj-swiper .btn .swiper-button-next {
  width: .9375rem;
  height: 1.5625rem;
  background-image: url('../images/jjfa-arr-l.png');
  background-size: 100% 100%;
  opacity: 1;
}

.jjfa .jj-swiper .btn .swiper-button-next,
.jjfa .jj-swiper .btn .swiper-button-next.swiper-button-disabled {
  background-image: url('../images/jjfa-arr-r.png');
}

.jjfa .jj-swiper .btn .swiper-button-prev,
.jjfa .jj-swiper .btn .swiper-button-next {
  background-image: url('../images/jjfa-arr-l-active.png');

}

.jjfa .jj-swiper .btn .swiper-button-next {
  background-image: url('../images/jjfa-arr-r-active.png');
}

.jjfa .jj-swiper .btn .swiper-pagination {
  font-weight: 400;
  font-size: 1.625rem;
  margin: 0 1.25rem;
  color: rgba(229, 229, 229, 0.5);
}

.jjfa .jj-swiper>a,
.banner .btns a,
.page-banner .f-l .box3 a,
.all-more1 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12.3125rem;
  height: 3.5rem;
  border-radius: .375rem .375rem .375rem .375rem;
  font-weight: 400;
  font-size: 1.5rem;
  color: #FFFFFF;
  border: .0625rem solid #FFFFFF;
  -webkit-border-radius: .375rem .375rem .375rem .375rem;
  -moz-border-radius: .375rem .375rem .375rem .375rem;
  -ms-border-radius: .375rem .375rem .375rem .375rem;
  -o-border-radius: .375rem .375rem .375rem .375rem;
  margin: 5rem auto;
  margin-bottom: 0;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.jjfa .jj-swiper>a:hover,
.banner .btns a:hover,
.page-banner .f-l .box3 a:hover,
.all-more1:hover {
  background-color: #E60013;
  border-color: #E60012;
}

.jjfa .jj-swiper>a::before,
.banner .btns a::before,
.page-banner .f-l .box3 a.icon1::before,
.all-more1::before {
  content: "";
  width: 1.875rem;
  height: 1.875rem;
  background-image: url('../images/xx-c.png');
  background-size: 100% 100%;
  margin-right: .625rem;
}

.jjfa .dz .swiper-slide:nth-child(1) .item h3::before {
  background-image: url('../images/dz-icon1.png');
}

.jjfa .dz .swiper-slide:nth-child(3) .item h3::before {
  background-image: url('../images/dz-icon2.png');
}

.jjfa .dz .swiper-slide:nth-child(4) .item h3::before {
  background-image: url('../images/dz-icon3.png');
}

.jjfa .dz .swiper-slide:nth-child(2) h3::before {
  background-image: url('../images/dz-icon4.png');
}
.jj-title{
  display:none !important;
}

.jjfa .dz .swiper-slide:nth-child(5) h3::before {
  background-image: url('../images/dz-icon5.png');
}

.jjfa .dz .swiper-slide:nth-child(6) h3::before {
  background-image: url('../images/dz-icon6.png');
}

.jjfa .dz .swiper-slide:nth-child(7) h3::before {
  background-image: url('../images/dz-icon7.png');
}

.jjfa .mh .swiper-slide:nth-child(1) .item h3::before {
  background-image: url('../images/mh-icon1.png');
}

.jjfa .mh .swiper-slide:nth-child(2) .item h3::before {
  background-image: url('../images/mh-icon2.png');
}

.jjfa .mh .swiper-slide:nth-child(3) .item h3::before {
  background-image: url('../images/mh-icon3.png');
}

.jjfa .mh .swiper-slide:nth-child(4) h3::before {
  background-image: url('../images/mh-icon4.png');
}

.jjfa .qt .swiper-slide:nth-child(1) .item h3::before {
  background-image: url('../images/qt-icon1.png');
}

.jjfa .qt .swiper-slide:nth-child(2) .item h3::before {
  background-image: url('../images/qt-icon2.png');
}

.jjfa .qt .swiper-slide:nth-child(3) .item h3::before {
  background-image: url('../images/qt-icon3.png');
}

.jjfa .qt .swiper-slide:nth-child(4) h3::before {
  background-image: url('../images/qt-icon4.png');
}

.ys {
  /* min-height: 54.375rem; */
  padding: 5rem 0;
  background-image: url('../images/yh-bg.png');
  background-size: 100% 100%;
}

.ys .max {
  display: flex;
  justify-content: space-between;
}

.ys .left,
.ys .right {
  width: 50%;
}

.ys .left h3 {
  font-weight: 500;
  font-size: 3.4375rem;
  color: #222222;
}

.ys .left>p {
  font-weight: 400;
  font-size: 1.375rem;
  color: #222222;
  line-height: 3rem;
  margin-top: 1.25rem;
  margin-bottom: 2.5rem;
  display: -webkit-box;
  /* 用于 WebKit 浏览器 */
  -webkit-line-clamp: 3;
  /* 限制为5行 */
  -webkit-box-orient: vertical;
  /* 设置为垂直方向 */

  display: box;
  /* 用于 Firefox */
  box-orient: vertical;

  overflow: hidden;
}

.ys .left ul {
  margin: 0 -0.625rem;
}

.ys .left ul li {
  width: calc(100% / 3);
  float: left;
  padding: 0 .625rem;
  box-sizing: border-box;
  height: 11.75rem;
  margin-bottom: 1.25rem;
}

.ys .left ul li a {
  cursor: pointer;
  transition: all .6s;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
  -webkit-border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
  -moz-border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
  -ms-border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
  -o-border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.ys .left ul li a i {
  display: block;
  width: 4.4375rem;
  height: 4rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('../images/yh-icon1.png');
  transition: all .6s;
}

.ys .left ul li a p {
  font-weight: 500;
  font-size: 1.625rem;
  color: #222222;
  margin-top: .625rem;
  transition: all .6s;
}

.ys .left ul li.active a,
.ys .left ul li:hover a {
  background-color: #E60013;
}

.ys .left ul li.active a p,
.ys .left ul li:hover a p {
  color: #FFFFFF;
}

.ys .left ul li:nth-child(2) a i {
  background-image: url('../images/yh-icon2.png');
}

.ys .left ul li:nth-child(3) a i {
  background-image: url('../images/yh-icon3.png');
}

.ys .left ul li:nth-child(4) a i {
  background-image: url('../images/yh-icon4.png');
}

.ys .left ul li:nth-child(5) a i {
  background-image: url('../images/yh-icon5.png');
}

.ys .left ul li:nth-child(6) a i {
  background-image: url('../images/yh-icon6.png');
}

.ys .left ul li:nth-child(1).active a i,
.ys .left ul li:nth-child(1):hover a i {
  background-image: url('../images/yh-icon1-active.png');
}

.ys .left ul li:nth-child(2).active a i,
.ys .left ul li:nth-child(2):hover a i {
  background-image: url('../images/yh-icon2-active.png');
}

.ys .left ul li:nth-child(3).active a i,
.ys .left ul li:nth-child(3):hover a i {
  background-image: url('../images/yh-icon3-active.png');
}

.ys .left ul li:nth-child(4).active a i,
.ys .left ul li:nth-child(4):hover a i {
  background-image: url('../images/yh-icon4-active.png');
}

.ys .left ul li:nth-child(5).active a i,
.ys .left ul li:nth-child(5):hover a i {
  background-image: url('../images/yh-icon5-active.png');
}

.ys .left ul li:nth-child(6).active a i,
.ys .left ul li:nth-child(6):hover a i {
  background-image: url('../images/yh-icon6-active.png');
}

.ys .right {
  width: 45%;
  position: relative;
  z-index: 1;
}

.ys .right h3 {
  font-weight: bold;
  font-size: 3rem;
  color: #FFFFFF;
  margin-bottom: 3.125rem;
}

.ys .right .ys-text {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  /* transition: all 20s ease-in-out; */
  /* animation: scal 40s forwards; */
  padding: 5rem 3.125rem;
  box-sizing: border-box;
  border-radius: 1.25rem;
  width: 100%;
  height: 100%;
  max-height: 43.8125rem;
  background-image: url('../images/yh-img.png');
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  -webkit-border-radius: 1.25rem;
  -moz-border-radius: 1.25rem;
  -ms-border-radius: 1.25rem;
  -o-border-radius: 1.25rem;
  -webkit-animation: scal 40s forwards;
}

.ys .right .ys-text.scal {
  animation: scal 40s forwards infinite;
  -webkit-animation: scal 40s forwards infinite;
}

@keyframes scal {
  0% {
    background-size: 100% 100%;
  }

  50% {
    background-size: 150% 150%;
  }

  100% {
    background-size: 100% 100%;
  }
}

.ys .right::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 110%;
  height: 90%;
  border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
  z-index: -1;
  background: linear-gradient(to bottom,
      rgba(73, 144, 209, .5) 0%,
      rgba(73, 144, 209, .5) 0%,
      /* #4990D1颜色占据前80%的高度 */
      rgba(73, 144, 209, 0) 80%
      /* 最后20%高度逐渐变为透明 */
    );
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
}

.ys .right .ys-text .text {
  position: relative;
  width: 100%;
  height: 21.6875rem;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
  display: flex;
  justify-content: center;
  padding: 5rem 6rem;
  box-sizing: border-box;
  -webkit-border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
  -moz-border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
  -ms-border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
  -o-border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
}

.ys .right .ys-text .text p {
  font-weight: 400;
  font-size: 1.375rem;
  color: #333333;
  line-height: 2.25rem;
  display: -webkit-box;
  /* 用于 WebKit 浏览器 */
  -webkit-line-clamp: 6;
  /* 限制为5行 */
  -webkit-box-orient: vertical;
  /* 设置为垂直方向 */

  display: box;
  /* 用于 Firefox */
  box-orient: vertical;

  overflow: hidden;

}

.ys .right .ys-text .text::after,
.ys .right .ys-text .text::before {
  content: "";
  position: absolute;
  top: -1.875rem;
  left: 3.4375rem;
  display: block;
  width: 5.625rem;
  height: 3.6875rem;
  background-image: url('../images/yh-text2.png');
  background-size: 100% 100%;
}

.ys .right .ys-text .text::before {
  left: auto;
  right: 3.4375rem;
  top: auto;
  bottom: -1.875rem;
}

.hide {
  opacity: 0 !important;
  z-index: -1 !important;
}

.hy {
  /* min-height: 57.625rem; */
  padding: 3.125rem 0 .625rem 0;
  background-image: url('../images/hy-bg.png');
  background-size: 100% 100%;

}

.hy h3 {
  font-weight: 500;
  font-size: 3.4375rem;
  color: #FFFFFF;
  text-align: center;
}

.hy p {
  font-weight: 400;
  font-size: 1.5rem;
  color: #FFFFFF;
  line-height: 2.25rem;
  text-align: center;
  padding: 0 14.5rem;
  margin: 1.25rem 0 2.5rem 0;
  opacity: .8;
}

.hy ul {
  margin: 0 -1.25rem;
}

.hy ul li {
  width: calc(100% / 5);
  height: 4.625rem;
  float: left;
  padding: 0 1.25rem;
  box-sizing: border-box;
  margin-bottom: 2.5rem;
}

.hy ul li a,
.hy ul li a img {
  display: block;
  max-width: 100%;
  width: max-content;
  object-fit: contain;
  /* opacity: .8; */
  overflow: hidden;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.hy ul li a {
  height: 100%;
  display: flex;
  align-items: center;
  opacity: 0.5;
  transition: all .6s;
}

.hy ul li a:hover {
  opacity: 1;
}


.jj {
  /* min-height: 56.25rem; */
  background-image: url('../images/jj-bg.png');
  background-size: 100% 100%;
  padding: 3.125rem 0;
}

.jj .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.jj .title h3 {
  font-weight: 500;
  font-size: 3.4375rem;
  color: #222222;
}

.jj .title a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 1.5rem;
  color: #1A2257;
  width: 12.3125rem;
  height: 3.5rem;
  border-radius: .375rem .375rem .375rem .375rem;
  border: 1px solid #003172;
  transition: all .6s;
  -webkit-border-radius: .375rem .375rem .375rem .375rem;
  -moz-border-radius: .375rem .375rem .375rem .375rem;
  -ms-border-radius: .375rem .375rem .375rem .375rem;
  -o-border-radius: .375rem .375rem .375rem .375rem;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.jj .title a::after {
  content: "";
  display: flex;
  align-items: center;
  width: 1.4375rem;
  height: .6875rem;
  background-image: url(../images/xt-info-arr-active.png);
  background-size: 100% 100%;
  margin-left: .625rem;
  transition: all .6s;
}

.jj .title a:hover {
  border-color: #003172;
  background-color: #003172;
  color: #fff;
}

.jj .title a:hover::after {
  /* background-image: url(../images/xt-info-arr.png); */
  filter: brightness(0) invert(1);
}

.jj .title+p {
  font-weight: 400;
  font-size: 1.375rem;
  color: #222222;
  margin: .625rem 0 1.875rem 0;
}

.jj ul {
  margin: 0 -1.25rem;
}

.jj ul li {
  width: calc(100% / 3);
  height: 37rem;
  float: left;
  padding: 0 1.25rem;
  box-sizing: border-box;
}

.jj ul li a {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
  -webkit-border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
  -moz-border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
  -ms-border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
  -o-border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
}

.jj ul li a img {
  width: 100%;
  height: 19.25rem;
  object-fit: cover;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.jj ul li a .text {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: .625rem 1.25rem;
  box-sizing: border-box;
  transition: all .6s;
  border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
  -webkit-border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
  -moz-border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
  -ms-border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
  -o-border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
}


.jj ul li a .text>p:first-child {
  font-weight: 400;
  font-size: 1.375rem;
  color: #0D67B4;
}

.jj ul li a .text h3 {
  min-height: 4.5625rem;
  font-weight: 500;
  font-size: 1.75rem;
  color: #222222;
  margin: 1.25rem 0;
  display: -webkit-box;
  /* 用于 WebKit 浏览器 */
  -webkit-line-clamp: 2;
  /* 限制为5行 */
  -webkit-box-orient: vertical;
  /* 设置为垂直方向 */

  display: box;
  /* 用于 Firefox */
  box-orient: vertical;

  overflow: hidden;

}

.jj ul li a .text>p:nth-of-type(1) {
  position: relative;
  height: 0;
  opacity: 0;
  transition: all .6s;
  font-weight: 400;
  font-size: 1.125rem;
  color: #FFFFFF;
  line-height: 1.875rem;
  display: -webkit-box;
  /*用于WebKit浏览器*/
  -webkit-line-clamp: 3;
  /*限制为5行*/
  -webkit-box-orient: vertical;
  /*设置为垂直方向*/
  display: box;
  /*用于Firefox*/
  box-orient: vertical;
  overflow: hidden;
  margin-bottom: 3.75rem;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.jj ul li a .time {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 1.875rem;
}

.jj ul li a .time p {
  font-weight: 400;
  font-size: 1.125rem;
  color: #A0A0A0;
}

.jj ul li a .time::after {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  content: "";
  display: block;
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  transition: all .6s;
}

.jj ul li a .time p:last-child {
  position: relative;
  width: 3.625rem;
  height: 3.625rem;
  border-radius: .5rem .5rem .5rem .5rem;
  border: 1px solid #C9C9C9;
  transform: rotate(-45deg);
  -webkit-border-radius: .5rem .5rem .5rem .5rem;
  -moz-border-radius: .5rem .5rem .5rem .5rem;
  -ms-border-radius: .5rem .5rem .5rem .5rem;
  -o-border-radius: .5rem .5rem .5rem .5rem;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}

.jj ul li a .time p:last-child::after {
  content: "";
  width: 1.0625rem;
  height: .75rem;
  background-image: url('../images/jj-arr.png');
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -moz-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  -o-transform: translate(-50%, -50%) rotate(45deg);
}

.jj ul li a:hover .text {
  background-color: #E60013;
  padding: 2.5rem 1.25rem;
  padding-top: 1rem;
}

.jj ul li a:hover .text>p:nth-of-type(1) {
  height: 5.5rem;
  opacity: .8;
}

.jj ul li a:hover .text>p:first-child,
.jj ul li a:hover .text h3,
.jj ul li a:hover .time p {
  color: #FFFFFF;
}

.jj ul li a:hover .text h3 {
  height: auto;
}

.jj ul li a:hover .time p:last-child {
  border-color: #FFFFFF;
  background-color: #FFFFFF;
}

.jj ul li a:hover .time p:last-child::after {
  background-image: url('../images/jj-arr-active.png');
}

.jj ul li a:hover img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.jj ul li a:hover .time::after {
  border-top-color: rgba(225, 225, 225, 0.2);
}

.tjsj {
  height: 18.375rem;
  margin-bottom: 7rem;
  border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
  -webkit-border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
  -moz-border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
  -ms-border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
  -o-border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
}

.tjsj .max {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  background-image: url('../images/tjsj-img.png');
  background-size: 100% 100%;
  padding: 0 5rem;
  box-sizing: border-box;
  overflow: hidden;
}

.tjsj .max .left,
.tjsj .max .right {
  position: relative;
  z-index: 1;
}

.tjsj .max::after,
.tjsj .max::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 0%;
  height: 100%;
  background-image: url('../images/tjsj-arr-t.jpg');
  background-repeat: no-repeat;
  background-size: 100% 100%;
  transition: all 1.2s ease-in-out;
  -webkit-transition: all 1.2s ease-in-out;
  -moz-transition: all 1.2s ease-in-out;
  -ms-transition: all 1.2s ease-in-out;
  -o-transition: all 1.2s ease-in-out;
}

.tjsj .max::before {
  background-image: url('../images/tjsj-arr.jpg');
  width: 0%;
  height: 120%;
  top: -2.875rem;
  background-size: 100% 100%;

}

.tjsj .max.max.active::before {
  width: 60%;
}

.tjsj .max.active::after {
  width: 65%;
  transition: all 1.4s;
  -webkit-transition: all 1.4s;
  -moz-transition: all 1.4s;
  -ms-transition: all 1.4s;
  -o-transition: all 1.4s;
}


.tjsj .max .left p {
  font-weight: 500;
  font-size: 3.4375rem;
  color: #FFFFFF;
}

.tjsj .max .right p {
  font-weight: 400;
  font-size: 1.5rem;
  color: #FFFFFF;
  margin-bottom: 1.875rem;
}

.tjsj .max .right a,
.fan {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 1.5rem;
  color: #FFFFFF;
  width: 12.3125rem;
  height: 3.5rem;
  border-radius: .375rem .375rem .375rem .375rem;
  border: 1px solid #FFFFFF;
  -webkit-border-radius: .375rem .375rem .375rem .375rem;
  -moz-border-radius: .375rem .375rem .375rem .375rem;
  -ms-border-radius: .375rem .375rem .375rem .375rem;
  -o-border-radius: .375rem .375rem .375rem .375rem;
  float: right;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.tjsj .max .right a::before,
.fan::before {
  content: "";
  width: 1.875rem;
  height: 1.875rem;
  background-image: url(../images/xx-c.png);
  background-size: 100% 100%;
  margin-right: .625rem;
  transition: all .6s;
}

.tjsj .max .right a:hover::before,
.fan:hover::before,
.jjfa .jj-swiper>a:hover::before {
  /* background-image: url('../images/xt-info-xx-active.png'); */
  filter: brightness(0) invert(1);
}

.tjsj .max .right a:hover,
.fan:hover,
.jjfa .jj-swiper>a:hover {
  color: #fff;
  border-color: #E60013;
  background-color: #E60012;
}

.foot {
  position: relative;
  /* min-height: 41rem; */
  padding: 1.875rem 0;
  padding-top: 5rem;
  background-image: url('../images/foot-bg.png');
  background-size: 100% 100%;
  overflow: hidden;
}

.foot .foot-top {
  display: flex;
  justify-content: space-between;
}

.foot .foot-top .left>p {
  position: relative;
  font-weight: 400;
  font-size: 1.75rem;
  color: #FFFFFF;
  line-height: 3rem;

}

.foot .foot-top .left>p span:nth-of-type(1) {
  position: absolute;
  right: .125rem;
  right: 0;
  top: 0;
  font-size: 1rem;
  width: 7.6rem;
}
.foot .foot-top .left>p strong{
  font-weight: 400;
}

.foot .foot-top .left>p:nth-child(1) span:last-child {
  display: block;
  padding-left: 8.8rem;
}

.foot .foot-top .left .fan {
  float: none;
  margin-left: 9rem;
  margin-top: 1.25rem;
  margin-bottom: 2.5rem;
}

.foot .foot-top .left .ma {
  padding: 1.25rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  background-color: rgba(255, 255, 255, .1);
  width: 28.5625rem;
  height: 9.8125rem;
  border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
  -webkit-border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
  -moz-border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
  -ms-border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
  -o-border-radius: 1.25rem 1.25rem 1.25rem 1.25rem;
}

.foot .foot-top .left .ma .left {
  width: 8rem;
  height: 8rem;
  background: #FFFFFF;
  padding: .375rem;
  margin-right: 2.5rem;
  box-sizing: border-box;
  border-radius: .625rem .625rem .625rem .625rem;
  -webkit-border-radius: .625rem .625rem .625rem .625rem;
  -moz-border-radius: .625rem .625rem .625rem .625rem;
  -ms-border-radius: .625rem .625rem .625rem .625rem;
  -o-border-radius: .625rem .625rem .625rem .625rem;
}

.foot .foot-top .left .ma .left img {
  width: 7.25rem;
  height: 7.25rem;
  object-fit: cover;
}

.foot .foot-top .left .ma .right h3 {
  font-weight: 500;
  font-size: 1.5rem;
  color: #FFFFFF;
  margin-bottom: 1.25rem;
}

.foot .foot-top .left .ma .right .text {
  display: flex;
  align-items: center;

}

.foot .foot-top .left .ma .right .text p {
  cursor: pointer;
  font-weight: 400;
  font-size: 1.125rem;
  color: #FFFFFF;
  opacity: .5;
  margin-right: 3.125rem;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.foot .foot-top .left .ma .right .text p.active,
.foot .foot-top .left .ma .right .text p:hover {
  opacity: 1;
}

.foot .foot-top>.right {
  width: 55%;

}

.foot .foot-top .right ul {
  display: flex;
  justify-content: space-between;
}

.foot .foot-top .right ul li {
  display: flex;
  flex-direction: column;
}

.foot .foot-top .right ul li>div>a {
  display: flex;
  align-items: center;
  width: max-content;
  position: relative;
  cursor: pointer;
}

.foot .foot-top .right ul li.arr>div div>a::before {
  position: absolute;
  right: -1.25rem;
  top: 50%;
  content: "";
  display: flex;
  width: .4375rem;
  height: .625rem;
  background-image: url('../images/foot-arr.png');
  background-size: 100% 100%;
  opacity: .6;
  transition: all .6s;
  transform: translate(0, -50%) rotate(90deg);
  -webkit-transform: translate(0, -50%) rotate(90deg);
  -moz-transform: translate(0, -50%) rotate(90deg);
  -ms-transform: translate(0, -50%) rotate(90deg);
  -o-transform: translate(0, -50%) rotate(90deg);
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.foot .foot-top .right ul li .arrs div:hover>a::before {
  opacity: 1;
  transform: translate(0, -50%) rotate(0deg);
  -webkit-transform: translate(0, -50%) rotate(0deg);
}

.foot .foot-top .right ul li .arrs div:hover>a::after {
  width: 100%;
}

.foot .foot-top .right ul li.arr>div>a .foot-list {
  position: absolute;
  right: 0;

}

.foot .foot-top .right ul li>p {
  font-weight: 400;
  font-size: 1.875rem;
  color: #FFFFFF;
  margin-bottom: 1.875rem;
  position: relative;
}

.foot .foot-top .right ul li>p::after {
  content: "";
  position: absolute;
  bottom: -1.25rem;
  left: 0;
  display: block;
  width: 20%;
  border-bottom: .25rem solid #E60013;
}

.foot .foot-top .right ul li a {
  position: relative;
  display: inline-block;
  /* width: max-content; */
  font-weight: 400;
  font-size: 1.125rem;
  color: #FFFFFF;
  line-height: 3rem;
  cursor: pointer;
}

.foot .foot-top .right ul li a::after {
  content: "";
  position: absolute;
  bottom: 0rem;
  left: 0;
  display: block;
  width: 0%;
  border-bottom: 1px solid #E60013;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.foot .foot-top .right ul li a:hover::after {
  width: 100%;
}

.foot .foot-top .right ul li .arrs div {
  position: relative;
  width: max-content;
  display: block !important;
  < !-- z-index: 9;
  -->
}

.foot .foot-top .right ul li .arrs div .foot-list {
  /*display: none;
  */
  margin-left: 2rem;
  opacity: 0;
  min-width: 12.5rem;
  position: absolute;
  /*z-index: 9;
  */
  left: 100%;
  top: 1rem;
  background-color: #FFFFFF;
  padding: 1.25rem;
  box-sizing: border-box;
  transition: all .6s;
  pointer-events: none;
  border-radius: 1.25rem;
  -webkit-border-radius: 1.25rem;
  -moz-border-radius: 1.25rem;
  -ms-border-radius: 1.25rem;
  -o-border-radius: 1.25rem;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.foot .foot-top .right ul li .arrs div .foot-list a {
  display: flex;
  width: max-content;
  font-size: 1rem;
  line-height: 2rem;
  color: #000;

}

.foot .foot-top .right ul li .arrs div>a::after {
  bottom: 0rem;
}

.foot .foot-top .right ul li .arrs div .foot-list::before {
  content: '';
  width: 3.1rem;
  height: 100%;
  position: absolute;
  top: 0;
  right: 92%;
}

.foot .foot-top .right ul li .arrs div:hover .foot-list {
  pointer-events: auto;
  opacity: 1;
  z-index: 2;
}

.foot .foot-bot {
  position: relative;
  margin-top: 3.75rem;
  border-top: 1px solid #292f50;
  padding-top: 1.875rem;
}

.foot .foot-bot .top {
  cursor: pointer;
  width: 4.875rem;
  height: 4.875rem;
  position: absolute;
  top: -2.438rem;
  left: 50%;
  transform: translate(-50%) rotate(-45deg);
  -webkit-transform: translate(-50%) rotate(-45deg);
  -moz-transform: translate(-50%) rotate(-45deg);
  -ms-transform: translate(-50%) rotate(-45deg);
  -o-transform: translate(-50%) rotate(-45deg);
}

.foot .foot-bot .top img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: relative;
  z-index: 2;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}

.foot .foot-bot .top::after,
.foot .foot-bot .top::before {
  content: "";
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: rgba(230, 0, 19, 0.6);
  z-index: -1;
  transform-origin: center center;
  border-radius: .625rem .625rem .625rem .625rem;
  /* transform:  rotate(-45deg); */
  opacity: 0;
  transition: all .6s;
  animation: zoomInOut 1.4s linear infinite;
  -webkit-animation: zoomInOut 1.4s linear infinite;
}

<!-- .foot .foot-bot .top:hover::after {
  animation: zoomInOut 1.4s linear infinite;
  -webkit-animation: zoomInOut 1.4s linear infinite;
}

.foot .foot-bot .top:hover::before {
  animation: zoomInOut 1.4s .7s linear infinite;
  -webkit-animation: zoomInOut 1.4s .7s linear infinite;
} -->

.foot .foot-bot .top::before {
  animation: zoomInOut 1.4s .7s linear infinite;
  -webkit-animation: zoomInOut 1.4s .7s linear infinite;
  /* width: 6.6875rem;
  height: 6.6875rem; */
  background-color: rgba(230, 0, 19, 0.3);
  /* animation-delay: 2s; */
}

@keyframes zoomInOut {
  0% {
    opacity: 0.5;
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
  }

  100% {
    opacity: 0;
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
  }
}

.foot .foot-bot .text p,.foot .foot-bot .text a {
  font-weight: 400;
  font-size: 1.125rem;
  color: #FFFFFF;
  display: flex;
  align-items: center;
}

.foot .foot-bot .text>p:first-child::before,
.foot .foot-bot .text div p:last-child::before {
  content: "";
  display: flex;
  align-items: center;
  width: 1.3125rem;
  height: 1.4375rem;
  background-image: url('../images/foot-icon1.png');
  background-size: 100% 100%;
  margin-right: .625rem;
}

.foot .foot-bot .text div,
.foot .foot-bot .text {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.foot .foot-bot .text div p:last-child {
  margin-left: 1.875rem;
}

.foot .foot-bot .text div p:last-child::before {
  background-image: url('../images/foot-icon2.png');
}

.lists {
  position: fixed;
  right: 0;
  top: 50%;
  z-index: 99;
  width: 4.75rem;
  background: #FFFFFF;
  box-shadow: 0 0 1.875rem rgba(69, 69, 69, 0.08);
  margin-top: -10.375rem;
  /* overflow: hidden; */
  border-radius: .625rem 0rem 0rem .625rem;
  -webkit-border-radius: .625rem 0rem 0rem .625rem;
  -moz-border-radius: .625rem 0rem 0rem .625rem;
  -ms-border-radius: .625rem 0rem 0rem .625rem;
  -o-border-radius: .625rem 0rem 0rem .625rem;
}

.lists ul {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;

}

.lists ul li {
  position: relative;
  height: 5.1875rem;
}

.lists ul li div {
  border-radius: 1.25rem;
  background-color: #FFFFFF;
  padding: 1.25rem;
  min-width: 13rem;
  position: absolute;
  top: 0;
  box-shadow: 0 0 1.25rem rgba(205, 205, 205, 0.35);
  right: 5.75rem;
  opacity: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  -webkit-border-radius: 1.25rem;
  -moz-border-radius: 1.25rem;
  -ms-border-radius: 1.25rem;
  -o-border-radius: 1.25rem;
  transition: all .6s;
  pointer-events: none;
  transform: translate(-1rem, 0);
  white-space: nowrap;
}

.lists ul li div::after,
.lists ul li div::before {
  content: "";
  width: 0;
  height: 0;
  border-top: .625rem solid transparent;
  border-bottom: .625rem solid transparent;
  border-left: .625rem solid #FFFFFF;
  position: absolute;
  right: -0.625rem;
  top: 20%;
}

.lists ul li div::after {
  border-left-width: 0.9rem;
  border-top-width: 0.8rem;
  border-bottom-width: 0.8rem;
  margin-top: -2px;
}

.lists ul li div::before {
  border-left: .5rem solid rgba(205, 205, 205, 0.35);
  filter: blur(2px);
}

.lists ul li:hover div {
  opacity: 1;
  pointer-events: auto;
  transform: translate(0, 0);
}

.lists ul li .mas p {
  color: #333;
  font-size: 1.125rem;
  text-align: center;
  font-weight: bold;
}

.lists ul li .mas span {
  display: block;
  font-size: 1.125rem;
  text-align: center;
  color: #666;
  line-height: 1.2;
}

.lists ul li .mas span strong {
  display: block;
  font-size: 1.375rem;
}

.lists ul li .mas img {
  width: 10rem;
  height: 10rem;
}

.lists ul li .phon strong {
  color: #333;
  font-size: 1.125rem;
  font-weight: bold;
}

.lists ul li .phon p {
  font-size: 1.25rem;
  color: #666;
  line-height: 1.2;
}

.lists ul li .phon hr {
  background: #dcdcdc;
  margin: 1rem 0 0.8rem;
  opacity: 0.5;
}

.lists ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  transition: all .6s;
  overflow: hidden;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.lists ul li a i {
  display: flex;
  align-items: center;
  width: 1.9375rem;
  height: 1.9375rem;
  background-image: url('../images/list-icon1.png');
  background-size: contain;
  background-repeat: no-repeat;
}

.lists ul li:nth-child(2) a i {
  display: flex;
  align-items: center;
  width: 1.9375rem;
  height: 1.9375rem;
  background-image: url('../images/list-icon2.png');
}

.lists ul li:nth-child(3) a i {
  display: flex;
  align-items: center;
  width: 1.9375rem;
  height: 1.9375rem;
  background-image: url('../images/list-icon3.png');
}

.lists ul li:nth-child(4) a i {
  display: flex;
  align-items: center;
  width: 1.9375rem;
  height: 1.9375rem;
  background-image: url('../images/list-icon4.png');
}

.lists ul li:first-child a {

  border-radius: .625rem 0rem 0rem 0;
}

.lists ul li a:hover {
  background-color: #E60013;
}

.lists ul li:last-child a {
  border-radius: 0rem 0rem 0rem.625rem;
}

.lists ul li:hover:nth-child(1) a i {
  background-image: url('../images/list-icon1-active.png');
}

.lists ul li:hover:nth-child(2) a i {
  background-image: url('../images/list-icon2-active.png');
}

.lists ul li:hover:nth-child(3) a i {
  background-image: url('../images/list-icon3-active.png');
}

.lists ul li:hover:nth-child(4) a i {
  background-image: url('../images/list-icon4-active.png');
}

.head-btn {
  width: 2.1875rem;
  height: 24px;
  float: right;
  position: relative;
  cursor: pointer;
  display: none;
}

.head-btn i {
  display: block;
  width: 100%;
  height: 4px;
  float: left;
  background-color: #E60012;
  border-radius: 3.125rem;
  transition: all .5s ease 0s;
  -webkit-transition: all .5s ease 0s;
  -moz-transition: all .5s ease 0s;
  -webkit-border-radius: 3.125rem;
  -moz-border-radius: 3.125rem;
  -ms-border-radius: 3.125rem;
  -o-border-radius: 3.125rem;
  position: absolute;
}

.head-btn i.bar-top {
  top: 0;
}

.head-btn i.bar-cen {
  top: 50%;
  margin-top: -2px;
}

.head-btn i.bar-bom {
  bottom: 0;
}

.head-btn.cur i.bar-cen {
  opacity: 0;
}

.head-btn.cur i.bar-top {
  transform: rotate(45deg);
  margin-top: 10px;
}

.head-btn.cur i.bar-bom {
  transform: rotate(-45deg);
  margin-bottom: 10px;
}

.lis {
  display: none;
}

.mm {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.3);
  display: none;
  align-items: center;
  justify-content: center;
}

.mas {
  width: 80%;
  padding: 2.5rem;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: .625rem .625rem .625rem .625rem;
  -webkit-border-radius: .625rem .625rem .625rem .625rem;
  -moz-border-radius: .625rem .625rem .625rem .625rem;
  -ms-border-radius: .625rem .625rem .625rem .625rem;
  -o-border-radius: .625rem .625rem .625rem .625rem;
}

.mas img {
  width: 100%;
  height: auto;
}

.mas p {
  font-size: 1.2rem;
  color: #222;
  text-align: center;
}

.zz {
  display: none;
}

.foot .foot-top .left>p.sh span {
  width: max-content;
  /* font-size: 16px; */
  /* line-height: 20px; */
  text-align: inherit;
  position: static;
  display: inline-block;
  font-size: 1.75rem;
}

.op {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-image: url('../images/menu-bg.png');
  background-size: 100% 100%;
  z-index: -2;

}

.op li a::after {
  display: none;
}

.header .right ul li .op {
  padding: 0 6.25rem;
  box-sizing: border-box;
  padding-top: 10rem !important;
  padding-bottom: 9rem;
  min-height: 41.25rem;
  /* padding-right: 12.5rem; */
  /* height: max-content !important; */
  box-shadow: 0 .625rem .9375rem -0.3125rem rgba(0, 0, 0, 0.3);
  opacity: 0;
  pointer-events: none;
  transition: all .6s;
  transform: translate(0, -4rem);
}

.header .right ul li .op.active {
  opacity: 1;
  pointer-events: auto;
  transform: translate(0, 0);
}

.header .right ul li .op::after {
  content: "";
  position: absolute;
  display: inline-block;
  bottom: 1.875rem;
  right: 6.25rem;
  width: 51.8125rem;
  height: 17.1875rem;
  background-image: url('../images/fk.png');
  background-size: 100% 100%;

}

.header .right ul li .op::before {
  content: "";
  position: absolute;
  bottom: 4.375rem;
  left: 6.1875rem;
  display: inline-block;
  background-image: url('../images/menu-logo.png');
  background-position: left bottom;
  background-repeat: no-repeat;
  width: 13.375rem;
  height: 3.375rem;
  background-size: 100%;
}

.header .right ul li .op ol {
  width: calc(100% / 5);
  float: left;
  box-sizing: border-box;
  margin: 0 1.25rem;
}

.header .right ul li .op.qy div {
  display: flex;
  justify-content: space-between;
  height: 100%;
  overflow: auto;
}

.header .right ul li .op.qy div::-webkit-scrollbar {
  display: none;
}

.header .right ul li .op.qy div ol {
  width: max-content;
}

.header .right ul li .op.qy {
  height: 90vh;
}

/* .header .right ul li .op.qy ol div */
.header .right ul li:nth-child(2) .op ol {
  margin: 0;
}

.header .right ul li .op.qy ul li a {
  color: #002222 !important;
}

.header .right ul li .op.fa {
  display: flex;
}

.header .right ul li .op.fa ol {
  width: calc(100% / 4);
}

.header .right ul li .op.fa ol li:nth-child(1)::before {
  width: 85%;
}

.header .right ul li .op.fa ol li:not(.header .right ul li .op.fa ol li:first-child) {
  width: calc(100% / 2);
  max-width: 12rem;
  float: left;
}

.header .right ul li .op.al p {
  width: 35%;
  float: left;
  font-weight: 500;
  font-size: 3rem;
  color: #444444;
  margin: 0 1% 0 0;
  text-align: left;
  line-height: 1.2;
}

.header .right ul li .op.al div {
  display: flex;
  align-items: flex-start;
  /* justify-content: space-between; */
}

.header .right ul li .op.al ol li:nth-child(1) {
  height: 3.1875rem;
  /* min-width: 15rem; */
  background: rgba(255, 255, 255, 0.6);
  border-radius: 1.625rem 1.625rem 1.625rem 1.625rem;
  align-items: center;
  padding: 0 1.625rem;
  -webkit-border-radius: 1.625rem 1.625rem 1.625rem 1.625rem;
  -moz-border-radius: 1.625rem 1.625rem 1.625rem 1.625rem;
  -ms-border-radius: 1.625rem 1.625rem 1.625rem 1.625rem;
  -o-border-radius: 1.625rem 1.625rem 1.625rem 1.625rem;
}

.header .right ul li .op.al ol li a::before {
  top: 0;
  left: 100%;
  height: 100%;
}

.header .right ul li .op.al li a:not(.header .right ul li .op.al li:first-child a) {
  padding-left: 1.25rem;
}

.header .right ul li .op.al li:first-child a {
  font-weight: 500;
  font-size: 1.5rem;
  color: #222222;
}

.header .right ul li .op.al ol li:nth-child(1)::after {
  position: absolute;
  right: 1.25rem;
  background-image: url('../images/menu-arr-active.png');
  border: 0;
}

.header .right ul li .op.al ol li:nth-child(1)::before {
  display: none;

}

.header .right ul li .op.al ol li:nth-child(1):hover a {
  color: #E60013;
}

.header .right ul li .op.al ol li:nth-child(1):hover::after {

  background-image: url('../images/menu-arr-a.png');
}

.header .right ul li .op.al ol {
  max-width: 15rem;
  width: calc(60% / 3);
}

.header .right ul li .op.jj ol {
  width: calc(60% / 4);
}

.header .right ul li .op.jj ol li:nth-child(1) {
  min-width: auto;
}

.header .right ul li .op.jj p {
  width: 35%;
}

.header .right ul li .op.zx div {
  /* justify-content: flex-start; */
}

.header .right ul li .op.zx div ol {
  /* margin: 0 5rem; */
  width: calc(60% / 4);
}

.header .right ul li .op.zx ol li:nth-child(1) {
  min-width: auto;
}

.header .right ul li .op li {
  font-weight: 500;
  font-size: 1.5rem;
  color: #222222;
  position: relative;
}

.header .right ul li .op li.actives a {
  color: #E60013;
}

.header .right ul li .op li:first-child.actives {
  color: #222222;
}

.header .right ul li .op.al li a {
  color: rgba(68, 68, 68, 0.5);
}

.header .right ul li .op li a {
  font-weight: 400;
  font-size: 1.125rem;
  color: #444444;
  /* line-height: 3.125rem; */

}

.header .right ul li .op li a:not(.header .right ul li .op li:nth-child(1) a) {
  margin-bottom: 1.5rem;
}

.header .right ul li .op.al li a:not(.header .right ul li .op li:nth-child(1) a) {
  margin-bottom: 0;
}

.header .right ul li .op.al li a:not(.header .right ul li .op.al li:nth-child(1) a) {
  cursor: default;
}

.header .right ul li .op.al ol li:nth-child(1) {
  margin-bottom: 1.25rem;
  margin-bottom: .6rem;
}

.header .right ul li .op ol li:nth-child(1) {
  margin-bottom: 2.25rem;
  display: flex;
  align-items: flex-end;
}

.header .right ul li .op ol li:nth-child(1)::before {
  content: "";
  position: absolute;
  bottom: -1.125rem;
  left: 0;
  display: block;
  width: 70%;
  border-bottom: 1px solid rgba(255, 255, 255, .5);
}

.header .right ul li .op ol li:hover a:not(.header .right ul li .op.al ol li:hover a) {
  color: #E60013;

}

.header .right ul li .op ol li:nth-child(1)::after {
  content: "";
  display: flex;
  width: 1rem;
  height: 1rem;
  background-image: url('../images/menu-arr.png');
  background-size: 100% 100%;
  z-index: 1;
  top: 50%;
  margin-left: 1.25rem;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
}

.header .right ul li .op.fw ol {
  width: calc(100% / 4);
  margin: 0 4.875rem;
}

.tc {
  padding: 1.375rem;
  box-sizing: border-box;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background-image: url('../images/tc-bg.jpg');
  background-size: 100% 100%;
  z-index: 999;
  clip-path: circle(1.6rem at calc(100% - 2.5% - 1.75rem) 2.8rem);
  opacity: 0;
  transition: all 1s;
  pointer-events: none;
}

.tc.active {
  pointer-events: auto;
  opacity: 1;
  clip-path: circle(110vw at calc(100% - 2.5% - 7rem) 2.8rem);
}

.tc .tc-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2rem;
  padding: 0 1.5625rem;
  box-sizing: border-box;
}

.tc .tc-top img:first-child {
  width: 11.25rem;
  height: 3rem;
}

.tc .tc-top img:last-child {
  width: 100%;
  height: 100%;
  cursor: pointer;
  object-fit: cover;
  position: relative;
  z-index: 2;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}

.tc .tc-top p {
  position: relative;
  cursor: pointer;
  width: 4rem;
  height: 4rem;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}

.tc .tc-top p::before,
.tc .tc-top p::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  transition: all .6s;
  border-radius: .625rem .625rem .625rem .625rem;
  opacity: 0;
  background-color: rgba(230, 0, 19, 0.6);
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
  -webkit-border-radius: .625rem .625rem .625rem .625rem;
  -moz-border-radius: .625rem .625rem .625rem .625rem;
  -ms-border-radius: .625rem .625rem .625rem .625rem;
  -o-border-radius: .625rem .625rem .625rem .625rem;
}

.tc .tc-top p:hover::before {
  background-color: rgba(230, 0, 19, 0.3);
}

.tc .tc-top p:hover::after {
  animation: zoomInOut 1.4s linear infinite;
  -webkit-animation: zoomInOut 1.4s linear infinite;
}

.tc .tc-top p:hover::before {
  animation: zoomInOut 1.4s .7s linear infinite;
  ;
  -webkit-animation: zoomInOut 1.4s .7s linear infinite;
}

.tc .max {
  overflow: auto;
  max-height: calc(100vh - 9rem)
}

.tc .max::-webkit-scrollbar {
  display: none;
}

.tc .list-ul {
  display: flex;
  justify-content: space-between;
}

.tc .list-ul .left {
  flex: 1;
  padding-right: 6.875rem;
}

.tc .list-ul h3 {
  font-weight: 500;
  font-size: 1.875rem;
  color: #333333;
  position: relative;
  margin-bottom: 1.25rem;
}

.tc .list-ul h3::after {
  content: "";
  display: flex;
  position: absolute;
  bottom: -1.125rem;
  left: 0;
  width: 1.625rem;
  border-bottom: 5px solid #E60013;
}

.tc .list-ul .left ul {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-bottom: 2rem;
}

.tc .list-ul ul li.grid-col2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 2rem;
}

.tc .list-ul ul li p {
  position: relative;
  font-weight: bold;
  font-size: 1.25rem;
  color: #222222;
  margin: 1.5rem 0;
  grid-column: span 2/span 2;
}

.tc .list-ul .left ul li p::after {
  content: "";
  display: flex;
  position: absolute;
  bottom: -1.3rem;
  left: 0;
  width: 100%;
  border-bottom: 1px solid #add2f2;
}

.tc .list-ul ul li a {
  font-weight: 400;
  font-size: 1.125rem;
  color: #333333;
  display: block;
  line-height: 2.6rem;
}

.tc .list-ul ul li a:hover,.tc .list-ul ul li a.active {
  color: #E60013;
}

.tc .list-ul .right {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  border-left: 1px solid #add2f2;
  padding-left: 5rem;
}

.tc .list-ul .right .item {
  width: 100%;
  height: max-content;
  min-height: 5rem;
  margin-bottom: 1.125rem;
}

.tc .list-ul .right .box:first-child .item {
  margin-bottom: 2.5rem;
}



.tc .wx {
  margin-top: 2rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #E6E6E6;
}

.tc .wx,
.tc .wx .right {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.tc .wx .left {
  width: 12.1875rem;
}

.tc .wx .left img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.tc .wx .right>p {
  font-weight: 400;
  font-size: 1.125rem;
  color: #9C9C9C;
  margin-right: .625rem;
}

.tc .social-share .social-share-icon {
  width: 3rem;
  height: 3rem;
  background-color: #3BB475;
  line-height: 3rem;
  margin: 0;
}

.social-share .icon-wechat .wechat-qrcode {
  height: auto;
  left: auto;
  right: 0;
  top: auto;
  bottom: 100%;
  margin-bottom: 0.5rem;
}

.social-share .icon-wechat {
  color: #fff;
  font-size: 1.5625rem;
}

.tc .wx .right .dy {
  position: relative;
  margin-left: .625rem;
}

.tc .wx .right .dy>img {
  width: 3rem;
  height: 3rem;
  display: block;
}

.tc .wx .right .dy .msa {
  width: 6.5rem;
  height: 6.5rem;
  position: absolute;
  bottom: 100%;
  right: 0;
  margin-bottom: 0.2rem;
  opacity: 0;
  transition: all .6s;
  pointer-events: none;
}

.tc .wx .right .dy .msa img {
  width: 100%;
  height: 100%;
}

.tc .wx .right .dy:hover .msa {
  opacity: 1;
}

.ph {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 2.75rem;
}

.ph li,
.ph li a {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 1.5rem;
  color: #333333;
}

.ph .left ul {
  position: relative;
  padding-left: 2rem;
}

.ph .left ul::before {
  content: "";
  display: flex;
  position: absolute;
  left: 0;
  top: .625rem;
  width: 1.375rem;
  height: 1.375rem;
  background-image: url('../images/tc-phone.png');
  background-size: 100% 100%;
}

.ph .right p {
  font-weight: 400;
  font-size: 1.125rem;
  color: #6D7E9B;
  display: flex;
  align-items: center;
  margin-bottom: .625rem;
}

.ph .right p a {
  font-weight: 400;
  font-size: 1.125rem;
  color: #6D7E9B;
}

.ph .right p:first-child::before {
  content: "";
  display: flex;
  width: 1.3125rem;
  height: 1.4375rem;
  background-image: url('../images/tc-dz.png');
  background-size: 100% 100%;
  margin-right: .625rem;
}

.ph .right p span {
  display: flex;
}

.ph .right p span::before {
  content: "";
  display: flex;
  width: 1.125rem;
  height: 1.25rem;
  background-image: url('../images/foot-icon2.png');
  background-size: 100% 100%;
  margin: 0 .625rem;
  margin-left: 1.875rem;
}

.hzhb-banner {
  position: relative;
  height: 43.75rem;
  background-size: cover;
}

.hzhb-banner .banner-text {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
}

.hzhb-banner .banner-text h3 {
  width: max-content;
  font-weight: bold;
  font-size: 3.4375rem;
  color: #FFFFFF;
  padding-bottom: 3rem;
  position: relative;
}

.hzhb-banner .banner-text h3::after {
  content: "";
  position: absolute;
  display: flex;
  width: 100%;
  bottom: 1.625rem;
  left: 0;
  height: .375rem;
  background: #E91010;
}

.hzhb-banner .banner-text p {
  font-weight: bold;
  font-size: 3rem;
  color: #FFFFFF;
  max-width: 39.6875rem;
}

.hzhb-text .max {
  padding: 4.1875rem 0;
  border-bottom: 1px solid #e0e0e0;
}

.hzhb-text p {
  font-weight: 400;
  padding: 0 5rem;
  box-sizing: border-box;
  position: relative;
  font-size: 1.55rem;
  color: #444;
  line-height: 3rem;
  text-align: justify;
}

.hzhb-text p::after,
.hzhb-text p::before {
  content: "";
  position: absolute;
  left: .625rem;
  top: 0%;

  display: flex;
  width: 3rem;
  height: 2rem;
  background-image: url("../images/yh-text2.png");
  background-size: 100% 100%;
}

.hzhb-text p::after {
  left: auto;
  right: 0;
  top: auto;
  bottom: -0.625rem;
}

.al p {
  font-weight: 400;
  font-size: 1.5rem;
  color: #ABABAB;
  text-align: right;
  margin: 1.6875rem 0;
}

.hzhb-box {
  margin-bottom: 6.25rem;
}

.hzhb-box ul {
  margin: 0 -0.8125rem;
}

.hzhb-box ul li {
  width: calc(100% / 4);
  margin-bottom: 2.0625rem;
  padding: 0 .8125rem;
  box-sizing: border-box;
  float: left;
}

.hzhb-box ul li a {
  position: relative;
  display: block;
  border: 1px solid #EEEEEE;
  cursor: pointer;
}

.hzhb-box ul li a::before {
  content: '';
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  top: calc(2px/-1);
  left: calc(2px/-1);
  background: -webkit-gradient(linear, left top, right top, from(#E60013), to(#E60013)), -webkit-gradient(linear, left bottom, left top, color-stop(50%, #E60013), color-stop(50%, transparent)), -webkit-gradient(linear, left bottom, left top, color-stop(50%, #E60013), color-stop(50%, transparent)), -webkit-gradient(linear, left top, right top, from(#E60013), to(#E60013)), -webkit-gradient(linear, right top, left top, from(#E60013), to(#E60013));
  background: linear-gradient(to right, #E60013 0%, #E60013 100%), linear-gradient(to top, #E60013 50%, transparent 50%), linear-gradient(to top, #E60013 50%, transparent 50%), linear-gradient(to right, #E60013 0%, #E60013 100%), linear-gradient(to left, #E60013 0%, #E60013 100%);
  background-size: 100% 2px, 2px 200%, 2px 200%, 0% 2px, 0% 2px;
  background-position: 50% 100%, 0% 0%, 100% 0%, 100% 0%, 0% 0%;
  background-repeat: no-repeat, no-repeat;
  -webkit-transition: background-position 0.2s ease-in-out, background-size 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  transition: background-position 0.2s ease-in-out, background-size 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, background-position 0.2s ease-in-out, background-size 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, background-position 0.2s ease-in-out, background-size 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  -webkit-transform: scaleX(0) rotate(180deg);
  transform: scaleX(0) rotate(180deg);
  -webkit-transition-delay: 0.4s, 0.2s, 0s;
  transition-delay: 0.4s, 0.2s, 0s;
}

/* .hzhb-box ul li a:hover::before{
  background-size: 200% 2px, 2px 400%, 2px 400%, 55% 2px, 55% 2px;
    background-position: 50% 100%, 0% 100%, 100% 100%, 100% 0%, 0% 0%;
    -webkit-transform: scaleX(1) rotate(180deg);
    transform: scaleX(1) rotate(180deg);
    -webkit-transition-delay: 0s, 0.2s, 0.4s;
    transition-delay: 0s, 0.2s, 0.4s;
} */
.hzhb-box ul li a:hover {
  box-shadow: 0rem 0rem 1.5625rem -0.3125rem #ccc;
}

.hzhb-box ul li img {
  /* width: 100%;
    height: 8.5rem; */
  object-fit: contain;
  max-width: 17.5625rem;

}

.hzhb-box ul li a>p {
  text-align: center;
  /* padding: 2.75rem 0; */
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  height: 11.75rem;
}

.hzhb-box ul li a .box-text {
  padding: 1rem 1.375rem;
  border-top: 1px solid #EEEEEE;
}

.hzhb-box ul li a .box-text h3 {
  font-weight: bold;
  font-size: 1.25rem;
  color: #333333;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.hzhb-box ul li a .box-text p {
  font-weight: 400;
  font-size: 1rem;
  color: #969696;
  min-height: 3rem;
  display: -webkit-box;
  /* 用于 WebKit 浏览器 */
  -webkit-line-clamp: 2;
  /* 限制为5行 */
  -webkit-box-orient: vertical;
  /* 设置为垂直方向 */

  display: box;
  /* 用于 Firefox */
  box-orient: vertical;

  overflow: hidden;
  margin-top: 0.5rem;

}

.hzhb-box ul li a .box-text p:last-child {
  font-weight: 400;
  font-size: 1rem;
  color: #6398D9;
  margin-top: 3.125rem;
  min-height: auto;
}

.hzhb-box .max .jz {
  transition: all .6s;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12.3125rem;
  height: 3.5rem;
  margin: auto;
  margin-top: 1.25rem;
  font-weight: 400;
  font-size: 1.5rem;
  color: #1a2257;
  border-radius: 1.75rem 1.75rem 1.75rem 1.75rem;
  border: 1px solid #003172;
  -webkit-border-radius: 1.75rem 1.75rem 1.75rem 1.75rem;
  -moz-border-radius: 1.75rem 1.75rem 1.75rem 1.75rem;
  -ms-border-radius: 1.75rem 1.75rem 1.75rem 1.75rem;
  -o-border-radius: 1.75rem 1.75rem 1.75rem 1.75rem;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.hzhb-box .max .jz:hover {
  color: #E91010;
  border: 1px solid #E91010;
}

.gscl {
  background-image: url('../images/gscl-bg.jpg');
  background-size: cover;
  background-position: center;
  padding: 4.6875rem 0 3.8125rem 0;
}

.gscl .max {
  position: relative;
}

.gscl .title {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
  width: 100%;
}

.gscl .title h3 {
  font-weight: 500;
  font-size: 3rem;
  color: #222222;
}

.gscl .title h3+p {
  font-weight: 400;
  font-size: 1rem;
  margin: .3125rem 0 .5rem 0;
  color: #999999;
  letter-spacing: 7px;
}

.gscl .title p {
  /* font-weight: 400; */
  font-size: 1.5rem;
  color: #222222;
}

.gscl .swiper .swiper-slide {
  display: flex;
  justify-content: space-between;
  align-items: center;
  opacity: 0 !important;
}

.gscl .swiper .swiper-slide .left {
  width: 50%;
  transform: translate(0, 2rem);
}

.gscl .swiper .swiper-slide .right {
  width: 45.5rem;
  height: 33.375rem;
  transform: scale(0.95);
}

.gscl .swiper .swiper-slide .right img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gscl .swiper .swiper-slide.swiper-slide-active {
  opacity: 1 !important;
}

.gscl .swiper .swiper-slide.swiper-slide-active .left {
  transform: translate(0, 0);
}

.gscl .swiper .swiper-slide.swiper-slide-active .right {
  transform: scale(1);
}

.gscl .box ul {
  margin-top: 3.75rem;
  height: 14.4375rem;
  overflow: hidden;
  background: #FFFFFF;
  border-radius: 1.25rem;
  -webkit-border-radius: 1.25rem;
  -moz-border-radius: 1.25rem;
  -ms-border-radius: 1.25rem;
  -o-border-radius: 1.25rem;
}

.gscl .box ul li {
  height: 100%;
  width: calc(100% / 5);
  float: left;
  padding-top: 2.6875rem;
  padding-left: 2.1875rem;
  box-sizing: border-box;
  position: relative;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
  cursor: pointer;
}

.gscl .box ul li:nth-child(2n)::after,
.gscl .box ul li:nth-child(2n)::before {
  content: "";
  display: flex;
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 45%;
  background-color: #e5e5e5;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
}

.gscl .box ul li:nth-child(2n)::before {
  left: auto;
  right: 0;
}

.gscl .box ul li h3 {
  font-weight: bold;
  font-size: 1.875rem;
  color: #333333;
}

.gscl .box ul li p {
  color: #555555;
  font-size: 1.5rem;
  min-height: 3.3125rem;
  display: -webkit-box;
  /* 用于 WebKit 浏览器 */
  -webkit-line-clamp: 2;
  /* 限制为5行 */
  -webkit-box-orient: vertical;
  /* 设置为垂直方向 */

  display: box;
  /* 用于 Firefox */
  box-orient: vertical;

  overflow: hidden;
}

.gscl .box ul li p.num {
  min-height: auto;
  font-weight: bold;
  font-size: 7.4375rem;
  background: linear-gradient(to bottom, rgba(255, 16, 16, .6) 0%, rgba(255, 16, 16, 0) 60%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  position: relative;
  bottom: -0.9375rem;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.gscl .box ul li.active p.num,
.gscl .box ul li:hover p.num {
  bottom: .625rem;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 30%, rgba(255, 16, 16, 0) 60%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  opacity: 1;
}

.gscl .box ul li.active,
.gscl .box ul li:hover {
  background-color: #E91010;
}

.gscl .box ul li.active h3,
.gscl .box ul li.active p,
.gscl .box ul li:hover h3,
.gscl .box ul li:hover p {
  color: #fff;
}

.fwtx {
  background-image: url('../images/fwtx-bg.jpg');
  background-size: cover;
  background-position: center;
  padding: 5.375rem 0 11.625rem 0;
  margin-bottom: 5rem;
}

.fwtx .title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.fwtx .title h3 {
  font-weight: 500;
  font-size: 3rem;
  color: #FFFFFF;
}

.fwtx .title h3+p {
  font-weight: 400;
  font-size: 1.125rem;
  color: #999999;
  letter-spacing: .3125rem;
  margin-bottom: .625rem;
}

.fwtx .title p {
  font-weight: 400;
  font-size: 1.5rem;
  color: #FFFFFF;
}

.fwtx ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 3.75rem;
}

.fwtx ul li {
  width: 34.875rem;
  height: 16.3125rem;
  background-color: rgba(121, 208, 247, .4);
  padding: 2.625rem 2.25rem;
  box-sizing: border-box;
  border-radius: 1.25rem;
  -webkit-border-radius: 1.25rem;
  -moz-border-radius: 1.25rem;
  -ms-border-radius: 1.25rem;
  -o-border-radius: 1.25rem;
}

.fwtx ul li:nth-child(2) {
  background-color: rgba(30, 183, 184, .4);
}

.fwtx ul li:nth-child(3) {
  background-color: rgba(89, 118, 188, .4);
}

.fwtx ul li p {
  font-weight: bold;
  font-size: 2.0625rem;
  color: #FFFFFF;
  display: flex;
  align-items: center;
}

.fwtx ul li p img {
  width: 2.9375rem;
  height: 2.9375rem;
  object-fit: contain;
  margin-right: .9375rem;
}

.fwtx ul li p:last-child {
  font-weight: 400;
  font-size: 1.375rem;
  color: #FFFFFF;
  line-height: 2.25rem;
  margin-top: 1.25rem;
}

.info-bg {
  height: 11rem;
  background-image: url('../images/info-bg.png');
  background-size: 100% 100%;
  padding-top: 5.625rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

.info-bg p {
  width: max-content;
  font-size: .625rem;
  color: #4B6787;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.info-bg p a {
  font-weight: 400;
  font-size: 1.125rem;
  color: #4B6787;
  margin-right: 1.25rem;
}

.info-bg p a:nth-child(2) {
  margin: 0 1.25rem;
}

.info-bg p a:last-child {
  margin-left: 1.25rem;
}

.info-box .left {
  width: 67%;
}

.info-box .left h3 {
  font-weight: 500;
  font-size: 3.75rem;
  color: #000000;
  margin-bottom: 3.125rem;
}

.info-box .left .times,
.info-box .left .times .ll {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.info-box .left .times {
  padding-bottom: 1.25rem;
  margin-bottom: 2.625rem;
  border-bottom: 1px solid #dedede;
}

.info-box .left .times .ll p {
  font-weight: 400;
  font-size: 1.125rem;
  color: #A7A7A7;
  margin-right: 3.125rem;
  display: flex;
  align-items: center;
}

.info-box .left .times .ll p::before {
  content: "";
  display: flex;
  width: 1.1875rem;
  height: 1.1875rem;
  background-image: url('../images/times.png');
  background-size: 100% 100%;
  margin-right: .625rem;
}

.info-box .left .times .ll p:last-child::before {
  background-image: url('../images/ll.png');
  width: 1.5625rem;
  height: 1.0625rem;
}

.info-box .left .times .text p {
  font-weight: 400;
  font-size: 1.125rem;
  color: #A7A7A7;
  display: flex;
  align-items: center;
}

.info-box .left .times .text p span {
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.125rem;
  height: 2.125rem;
  border: .0625rem solid #C9C9C9;
  border-radius: .375rem;
  -webkit-border-radius: .375rem;
  -moz-border-radius: .375rem;
  -ms-border-radius: .375rem;
  -o-border-radius: .375rem;
}

.info-box .left .times .text p span:nth-child(2n) {
  margin: 0 .625rem;
}

.info-box .left .times .text p span:first-child::after,
.info-box .left .times .text p span:last-child::after {
  content: "-";
  display: flex;
  position: absolute;
  right: .1875rem;
  top: -0.1875rem;
  display: flex;
  height: .125rem;
  color: #A0A0A0;
}

.info-box .left .times .text p span:last-child::after {
  content: "+";
  font-size: 1rem;
}

.info-box .left .info-text {
  padding: 0 1.6875rem;
}

.info-box .left .info-text p {
  font-weight: 400;
  /* font-size: 1.125rem; */
  color: #333333;
  line-height: 2.375rem;
}

.info-box .left .info-text img {
  max-width: 100%;

}

.info-box .left .back a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-weight: 400;
  font-size: 1.125rem;
  color: #FFFFFF;
  width: 7.5rem;
  height: 7.5rem;
  margin: 0 auto;
  margin-top: 4.0625rem;
  background-color: #EC3232;
  box-shadow: 0px .9375rem .625rem 0px rgba(236, 50, 50, .3);
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.info-box .left .back a img {
  width: 2.25rem;
  height: 2.375rem;
}

.info-box .left .list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 3.75rem;
}

.info-box .left .list a {
  width: 34.8125rem;
  position: relative;
  border-top: .25rem solid #959595;
  padding: 2.5rem 1.875rem;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.info-box .left .list a p:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.info-box .left .list a p {

  font-size: 1.25rem;
  color: #333333;
  display: -webkit-box;
  /* 用于 WebKit 浏览器 */
  -webkit-line-clamp: 1;
  /* 限制为5行 */
  -webkit-box-orient: vertical;
  /* 设置为垂直方向 */

  display: box;
  /* 用于 Firefox */
  box-orient: vertical;

  overflow: hidden;
}

.info-box .left .list a p span {
  font-size: 1.5rem;
  color: #333333;
  font-weight: bold;
  margin-bottom: 1.25rem;
}

.info-box .left .list a p span:last-child {
  font-weight: 400;
  font-size: 1.125rem;
  color: #868686;
}

.info-box .max {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4.375rem;
  margin-top: 4.375rem;
}

.info-box .right {
  width: 29%;
  transition: all .6s;
  opacity:1;
  position:relative;
}
.info-box .right.active{
  position: fixed;
    right: 2.375rem;
    top: 7.5rem;
}
.info-box .right.fide{
  opacity:0;
}

.info-box .right>h3 {
  font-weight: 500;
  font-size: 1.875rem;
  color: #222222;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #dedede;
  margin-bottom: 1.25rem;
}

.info-box .right ul li a {
  display: block;
  position: relative;
  padding-top: .625rem;
  padding-bottom: 1.625rem;
  padding-left: .9375rem;
  box-sizing: border-box;
  margin-bottom: .625rem;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.info-box .right ul li a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: .25rem;
  background-color: #E41818;
  height: 0%;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.info-box .right ul li a h3 {
  font-weight: 500;
  font-size: 1.25rem;
  color: #222222;
  display: flex;
  align-items: center;
}

.info-box .right ul li a h3::before {
  content: "";
  display: flex;
  width: .4375rem;
  height: .4375rem;
  margin-right: .625rem;
  background: #E41818;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.info-box .right ul li a p {
  font-weight: 400;
  font-size: 1rem;
  color: #909090;
  display: -webkit-box;
  /* 用于 WebKit 浏览器 */
  -webkit-line-clamp: 2;
  /* 限制为5行 */
  -webkit-box-orient: vertical;
  /* 设置为垂直方向 */

  display: box;
  /* 用于 Firefox */
  box-orient: vertical;

  overflow: hidden;
}

.info-box .right ul li a p:last-child {
  font-weight: 400;
  font-size: 1rem;
  color: #969696;
}

.info-box .right ul li a p.text {
  margin: .625rem 0;
  opacity: 0;
  height: 0;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.info-box .right ul li a:hover,
.info-box .right ul li.active a {
  background: #F7F7F7;
}

.info-box .right ul li a:hover::before,
.info-box .right ul li.active a::before {
  height: 100%;
}

.info-box .right ul li a:hover p.text,
.info-box .right ul li.active a p.text {
  opacity: 1;
  height: 2.8125rem;
}

.info-box .right .box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: .625rem;
}

.info-box .right h3.b {
  margin-top: 1.25rem;
}

.info-box .right .box a {
  position: relative;
  transition: all .6s;
  display: flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  font-weight: 400;
  margin-bottom: 1.5rem;
  font-size: 1.375rem;
  color: #797979;
  border: 1px solid #C9C9C9;
  border-radius: .375rem;
  padding: .625rem 1.5625rem;
  -webkit-border-radius: .375rem;
  -moz-border-radius: .375rem;
  -ms-border-radius: .375rem;
  -o-border-radius: .375rem;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.info-box .right .box a:nth-child(3n-1) {
  margin: 0 1.5625rem;
  margin-bottom: 1.5rem;
}

.info-box .right .box a:hover {
  background-color: #E41818;
  color: #fff;
  border-color: #E41818;
}

.info-box .left .list a:hover {
  box-shadow: 0px 15px 18px -4px #B4B4B4;
}

.info-box .left .list a::after {
  content: "";
  position: absolute;
  left: 0;
  top: -0.25rem;
  display: flex;
  width: 0%;
  height: .25rem;
  background-color: #E41818;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.info-box .left .list a:hover::after {
  width: 100%;
}

.tjzx {
  background-image: none;
  padding-bottom: 6.25rem;
}

.tjzx ul li {
  margin-bottom: 3.125rem;

}

.pages {
  margin: auto;
  width: 40.0625rem;
  height: 3.875rem;
  background: #F7F7F7;
  border-radius: .625rem;
  -webkit-border-radius: .625rem;
  -moz-border-radius: .625rem;
  -ms-border-radius: .625rem;
  -o-border-radius: .625rem;
}

.pages ul {
  margin: auto;
  height: 100%;
  padding: 1.3125rem 2.9375rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;

}

.pages ul a {
  font-weight: 400;
  font-size: 1.25rem;
  color: #666666;
  position: relative;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.pages ul a::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  bottom: -0.9375rem;
  width: 0%;
  height: .25rem;
  background: #E41818;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -o-transform: translate(-50%);
}

.pages ul a.curr::after,
.pages ul a:hover::after {
  width: 160%;
}

.pages ul a.curr,
.pages ul a:hover {
  color: #E41818;
}

.about-banner .banner-text p,
.about-banner .banner-text h3 {
  color: #333333;
}

.about-banner .banner-text p img {
  width: 11.9375rem;
  height: 2.0625rem;
}

.about-cont {
  padding-top: 2.9375rem;
  padding-bottom: 3.125rem;
  position: relative;
  overflow: hidden;
}

@keyframes transform {
  0% {
    background-size: 0% 100%;
  }

  100% {
    background-size: 100% 100%;
  }
}

.about-cont .top ul {

  margin-bottom: 4.125rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.about-cont .top ul li h3 {
  font-size: 3rem;
  color: #E91010;
  min-width: 9rem;
}

.about-cont .top ul li p {
  color: #555555;
  text-align: center;
  font-size: 1.375rem;
}

.about-cont .cont h3 {
  font-weight: 500;
  font-size: 3rem;
  color: #222222;
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
}

.about-cont .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.about-cont .max {
  position: relative;
  z-index: 2;
}

.about-cont .bg::before,
.about-cont .bg::after {
  content: '';
  background: url(../images/about-arr-bg.png) no-repeat left;
  background-size: auto 100%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  transition: all 1.2s;
}

.about-cont .bg::after {
  transition: all 1.2s ease .2s;
}

.about-cont .bg.aos-animate::before {
  width: 78.125rem;
}

.about-cont .bg.aos-animate::after {
  width: 66.25rem;
}

.about-cont .cont h3 p {
  font-weight: 400;
  font-size: 1.125rem;
  color: #999999;
  margin-bottom: 0;
  letter-spacing: .3125rem;
}

.about-cont .cont p {
  font-weight: 400;
  font-size: 1.25rem;
  color: #333333;
  line-height: 2.5rem;
  margin-bottom: 1.875rem;
}

.gsys {
  background-image: url('../images/gsys-bg.png');
  background-size: cover;
  padding-top: 5rem;
}

.gsys .top h3 {
  font-weight: 500;
  font-size: 3rem;
  color: #FFFFFF;
  text-align: center;
}

.gsys .top h3+p {
  font-weight: 400;
  font-size: 1.125rem;
  color: #6C83AA;
  letter-spacing: .3125rem;
  text-align: center;
  margin-top: .625rem;
}

.gsys .top p {
  max-width: 78.4375rem;
  text-align: center;
  font-weight: 400;
  font-size: 1.5rem;
  color: rgba(225, 225, 225, 0.8);
  margin: auto;
  margin-top: 1.25rem;
}

.gsys .gsys-cont {
  margin-top: 5rem;
  padding: 4.5rem 4.5rem 0 4.5rem;
  background-color: rgba(121, 208, 247, .5);
  border-radius: 2.5rem 2.5rem 0 0;
  -webkit-border-radius: 2.5rem 2.5rem 0 0;
  -moz-border-radius: 2.5rem 2.5rem 0 0;
  -ms-border-radius: 2.5rem 2.5rem 0 0;
  -o-border-radius: 2.5rem 2.5rem 0 0;
}

.gsys .gsys-cont .box {
  display: flex;
  justify-content: space-between;
  min-height: 32.875rem;
  overflow: hidden;
  border-radius: 2.5rem 2.5rem 0 0;
  -webkit-border-radius: 2.5rem 2.5rem 0 0;
  -moz-border-radius: 2.5rem 2.5rem 0 0;
  -ms-border-radius: 2.5rem 2.5rem 0 0;
  -o-border-radius: 2.5rem 2.5rem 0 0;
}

.gsys .gsys-cont .box .left {
  width: 44%;
  background-image: url('../images/gsys-item-bg.png');
  background-size: cover;
  background-repeat: no-repeat;
  padding: 5rem 7.1875rem;
  box-sizing: border-box;
}

.gsys .gsys-cont .box .left ul {
  border-left: 1px solid rgba(225, 225, 225, 0.8);
}

.gsys .gsys-cont .box .left ul li {
  cursor: pointer;
  font-weight: 400;
  font-size: 1.5rem;
  color: #FFFFFF;
  height: 3.8125rem;
  padding: 0 2.0625rem;
  display: flex;
  align-items: center;
  position: relative;
  transition: all .6s;
  border-radius: 0rem .25rem .25rem 0rem;
  -webkit-border-radius: 0rem .25rem .25rem 0px;
  -moz-border-radius: 0rem .25rem .25rem 0px;
  -ms-border-radius: 0rem .25rem .25rem 0px;
  -o-border-radius: 0rem .25rem .25rem 0px;
}

.gsys .gsys-cont .box .left ul li::after {
  content: "";
  display: flex;
  border-left: 1px solid #fff;
  height: 0%;
  position: absolute;
  left: 0;
  top: 0;
  transition: all .6s;
  -webkit-transition: all .6s;
  -moz-transition: all .6s;
  -ms-transition: all .6s;
  -o-transition: all .6s;
}

.gsys .gsys-cont .box .left ul li:hover,
.gsys .gsys-cont .box .left ul li.active {
  background: #E41818;
}

.gsys .gsys-cont .box .left ul li:hover::after,
.gsys .gsys-cont .box .left ul li.active::after {
  height: 100%;
}

.gsys .gsys-cont .box .right {
  width: 56%;
  background-color: #fff;
  padding: 6.25rem 4.8125rem;
  box-sizing: border-box;
}

.gsys .gsys-cont .box .right h3 {
  font-weight: bold;
  font-size: 2.75rem;
  color: #333333;
  margin-bottom: 1.25rem;
}

.gsys .gsys-cont .box .right p {
  font-weight: 400;
  font-size: 1.5rem;
  color: #444;
  line-height: 2.25rem;
  position: relative;
  height: auto;
}

.gsys .gsys-cont .box .right .swiper {
  height: 100%;
}

.gszz {
  background-image: url('../images/gszz-bg.png');
  background-size: cover;
  padding-top: 5.3125rem;
}

.gszz .max {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.gszz .max .left {
  width: 41%;
}

.gszz .max .left h3 {
  font-weight: 500;
  font-size: 3rem;
  color: #222222;
}

.gszz .max .left h3+p {
  font-weight: 400;
  font-size: 1.125rem;
  line-height: normal;
  color: #999999;
  letter-spacing: .3125rem;
  margin-bottom: 1rem;
}

.gszz .max .left p {

  font-weight: 500;
  font-size: 1.875rem;
  color: #222222;
  line-height: 2.5rem;
}

.gszz .max .left .swiper {
  margin-top: 1.75rem;
  position: relative;
  overflow-x: hidden;
  padding-bottom: 3.125rem;
}

.gszz .max .left .swiper ul li a {
  font-weight: 400;
  font-size: 1.375rem;
  color: #333333;
  line-height: 3rem;
  display: flex;
  align-items: center;
}

.gszz .max .left .swiper ul li a::before {
  content: "";
  display: flex;
  width: .875rem;
  height: .9375rem;
  background-image: url('../images/gszz-icon.png');
  background-size: 100% 100%;
  margin-right: .625rem;
}

.gszz .max .left .swiper-pagination {
  width: max-content;
}

.gszz .max .left .swiper-pagination .swiper-pagination-bullet {
  width: 6.6875rem;
  height: .75rem;
  opacity: 1;
  position: relative;
  background-color: transparent;
  border: 1px solid #c9c9c9;
  border-radius: .375rem;
  -webkit-border-radius: .375rem;
  -moz-border-radius: .375rem;
  -ms-border-radius: .375rem;
  -o-border-radius: .375rem;
}

.gszz .max .left .swiper-pagination .swiper-pagination-bullet-active {
  /* background-color: #E41818; */
}

.gszz .max .left .swiper-pagination .swiper-pagination-bullet::after {
  content: "";
  display: block;
  display: flex;
  border-radius: .375rem;
  width: 0%;
  height: 100%;
  background-color: #E41818;
  position: absolute;
  left: 0;
  top: 0;

}

.gszz .max .left .swiper-pagination .swiper-pagination-bullet-active::after {
  animation: move 4s ease-in-out forwards;
  -webkit-animation: move 4s ease-in-out forwards;
}

@keyframes move {
  0% {
    width: 0;
  }

  100% {
    width: 100%
  }
}

.gszz .max .right {
  width: 57%;
}

.gszz .max .right img {
  width: 100%;
  /* height: 46.6875rem; */
  object-fit: cover;
}

.map {
  background-image: url('../images/map-bg.png');
  background-size: cover;
  padding: 5.9375rem 0;
  margin-bottom: 3.75rem;
}

.map .map-cont {
  /* background-image: url('../images/map.png');
  background-size: cover;
  min-height: 42.9375rem; */
  height: 42.9375rem;
  /* display: flex;
  justify-content: flex-end; */
  border-radius: 1.25rem;
  overflow: hidden;
  -webkit-border-radius: 1.25rem;
  -moz-border-radius: 1.25rem;
  -ms-border-radius: 1.25rem;
  -o-border-radius: 1.25rem;
  position: relative;
}

.map .map-cont .left,
.map .map-cont .left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.map .map-cont .right {
  width: 42%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #fff;
  padding: 2.5rem;
  box-sizing: border-box;
}

.map .map-cont .right>h3 {
  font-weight: 500;
  font-size: 3rem;
  color: #222222;
}

.map .map-cont .right>p {
  font-weight: 400;
  font-size: 1.5rem;
  color: #222222;
}

.map .map-cont .right>h3+p {
  font-weight: 400;
  font-size: 1.125rem;
  color: #999999;
  letter-spacing: .3125rem;
  margin-bottom: .9375rem;
}

.map .map-cont .right ul li h3,
.map .map-cont .right ul li p {
  font-weight: 400;
  font-size: 1.5rem;
  color: #818181;
}

.map .map-cont .right ul {
  margin-top: 2.5rem;
}

.map .map-cont .right ul li p {
  color: #222222;
}

.map .map-cont .right ul li {
  margin-bottom: 1.875rem;
  /* display: flex; */
  padding-left: 3rem;
  position: relative;
}

.map .map-cont .right ul li::before {
  content: "";
  display: flex;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  width: 2.1875rem;
  height: 2.1875rem;
  background-image: url('../images/map-icon1.png');
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
}

.map .map-cont .right ul li:nth-child(2):before {
  background-image: url('../images/map-icon2.png');
}

.map .map-cont .right ul li:nth-child(3):before {
  background-image: url('../images/map-icon3.png');
}

.map .map-cont .right ul li:nth-child(4):before {
  background-image: url('../images/map-icon4.png');
}


.between-top {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

.between-center {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
  -webkit-justify-content: space-between;
  -webkit-align-items: center;
}

.between-bottom {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: flex-end;
  -webkit-justify-content: space-between;
  -webkit-align-items: flex-end;
}

.center-center {
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.around-center {
  display: flex;
  display: -webkit-flex;
  justify-content: space-around;
  align-items: center;
  -webkit-justify-content: space-around;
  -webkit-align-items: center;
}

.column-between {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  justify-content: space-between;
  -webkit-justify-content: space-between;
}

.column-around {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column;
  justify-content: space-around;
  -webkit-justify-content: space-around;
}


.page-banner {
  height: 44.375rem;
  background-position: center;
  background-size: cover;
  padding-top: 5.5125rem;
}

.page-banner .f-l {
  width: 41rem;
  color: #fff;
}

.page-banner .f-l .box1 span {
  display: inline-block;
  font-size: 3.4375rem;
  font-weight: bold;
  position: relative;
  padding-bottom: 0.5rem;
}

.page-banner .f-l .box1 span::after {
  content: '';
  width: 100%;
  height: 0.375rem;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
}

.page-banner .f-l .box2 {
  font-size: 1.5rem;
  line-height: 1.6;
  margin-top: 1.3rem;
  text-align: justify;
}

.page-banner .f-l .box3 {
  display: flex;
  gap: 1.875rem;
  margin-top: 2rem;
}

.page-banner .f-l .box3 a {
  color: #fff;
  margin: 0;
}

.all-title1 span {
  display: block;
  font-size: 3rem;
}

.all-title1 i {
  display: block;
  font-size: 1.125rem;
  color: #999;
  font-style: initial;
  letter-spacing: 0.45rem;
  text-transform: uppercase;
}

.all-title1 p {
  font-size: 1.5rem;
}

.all-title1 p:nth-child(3) {
  margin-top: 1rem;
}

.all-title1.center-center {
  text-align: center;
}

.bg-style1 {
  background: #edf6ff;
}

.bg-style2 {
  background: #fff4de;
}

.bg-style3 {
  background: #f7f7f7;
}

.product-box1 {
  padding: 5rem 0;
}

.product-box1 .f-r {
  width: 47.5rem;
  height: 26.25rem;
  overflow: hidden;
  border-radius: 1.25rem;
}

.product-box1 .f-r img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: all .6s;
}

.product-box1 .f-r:hover img {
  transform: scale(1.1);
}

.product-box1 .f-l {
  flex: 1;
  padding-right: 3.75rem;
}

.product-box1 .f-l .box-info1 {
  margin-top: 2rem;
  padding: 3rem 0;
  position: relative;
  font-size: 1.5rem;
  line-height: 1.8;
}

.product-box1 .f-l .box-info1 div {
  overflow: auto;
  max-height: 12rem;
  color: #333;
}

.product-box1 .f-l .box-info1::after {
  content: '';
  width: 3rem;
  height: 2rem;
  background: url(../images/icon_1.png) no-repeat center;
  background-size: contain;
  position: absolute;
  right: 0;
  bottom: 0;
}

.product-box1 .f-l .box-info1::before {
  content: '';
  width: 3rem;
  height: 2rem;
  background: url(../images/icon_1.png) no-repeat center;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0;
}

.product-box2 {
  padding: 4rem 0;
}

.product-box2 .box-info1 {
  background: #fff;
  border-radius: 1.25rem;
  padding: 3.125rem;
  margin-top: 3rem;
}

.product-box2 .box-info1 img {
  display: block;
}

.product-box3 {
  padding: 4rem 0;
}

.product-box3 .box-info1 ul {
  display: flex;
  flex-wrap: wrap;
  gap: 3.125rem;
  margin-top: 2rem;
  justify-content: center;
}

.product-box3 .box-info1 ul li {
  width: calc(33.333% - 2.1rem);
  height: 18.75rem;
}

.product-box3 .box-info1 ul li .center-center {
  background: #fff;
  border-radius: 1.25rem;
  border: 1px solid #fff;
  box-shadow: 0 0 2.75rem rgba(179, 179, 179, 0.2);
  padding: 4.375rem 3.75rem 3.125rem;
  position: relative;
  transition: all .6s;
  margin-top: 2.5rem;
}

.product-box3 .box-info1 ul li .center-center i {
  width: 5.25rem;
  height: 5.25rem;
  position: absolute;
  left: 50%;
  top: -2rem;
  margin-left: -2.5625rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-box3 .box-info1 ul li .center-center i img {
  width: 2.75rem;
  height: 2.75rem;
  object-fit: contain;
  position: relative;
  z-index: 3;
}

.product-box3 .box-info1 ul li .center-center i::before {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 1.25rem;
  border: 1px solid #e60013;
  background: #fff;
  position: absolute;
  left: 0;
  top: 0;
  transform: rotate(45deg);
  transition: all .6s;
}

.product-box3 .box-info1 ul li .center-center i::after {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 1.25rem;
  border: 1px solid #e60013;
  background: #e60013;
  position: absolute;
  left: 0;
  top: 0;
  transform: rotate(45deg);
  transition: all .6s;
}

.product-box3 .box-info1 ul li .center-center span {
  font-size: 1.875rem;
}

.product-box3 .box-info1 ul li .center-center div {
  width: 100%;
  font-size: 1.25rem;
  margin-top: 0.5rem;
  overflow: hidden;
  height: 3.75rem;
  transition: all .6s;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #444;
}

.product-box3 .box-info1 ul li .center-center div::-webkit-scrollbar {
  display: none;
}

@media (min-width:1100px) {
  .product-box3 .box-info1 ul li:hover .center-center {
    transform: translate(0, -2.5rem);
    border-color: #e60013;
  }

  .product-box3 .box-info1 ul li:hover .center-center div {
    height: 8rem;
    overflow: auto;
    -webkit-line-clamp: initial;
  }

  .product-box3 .box-info1 ul li:hover .center-center i::before {
    transform: rotate(225deg) scale(1.2);
  }

  .product-box3 .box-info1 ul li:hover .center-center i::after {
    transform: rotate(225deg);
  }
}

.product-box4 {
  padding-bottom: 6.25rem;
}

.product-box4 .top-box {
  border-bottom: 1px solid #e1e1e1;
  padding: 0 8.75rem;
}

.product-box4 .top-box .center-center {
  margin-top: 2rem;
  cursor: pointer;
}

.product-box4 .top-box .center-center i {
  width: 2.8rem;
  height: 2.8rem;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  transition: all .6s;
}

.product-box4 .top-box .center-center span {
  display: inline-block;
  position: relative;
  font-size: 1.5rem;
  font-weight: bold;
  padding: 0.625rem 1.5rem;
  transition: all .6s;
  color: #333;
}

.product-box4 .top-box .center-center span::after {
  content: '';
  width: 0;
  height: 0.4375rem;
  background: #e60013;
  position: absolute;
  left: 50%;
  bottom: -0.23rem;
  transition: all .6s;
}

.product-box4 .top-box .center-center.active span::after {
  width: 100%;
  left: 0;
}

.product-box4 .top-box .center-center i.icon1 {
  background-image: url(../images/pro1_2_1.png);
}

.product-box4 .top-box .center-center i.icon2 {
  background-image: url(../images/pro1_2_2.png);
}

.product-box4 .top-box .center-center i.icon3 {
  background-image: url(../images/pro1_2_3.png);
}

.product-box4 .top-box .center-center i.icon4 {
  background-image: url(../images/pro1_2_4.png);
}

.product-box4 .top-box .center-center i.icon5 {
  background-image: url(../images/pro1_2_5.png);
}

.product-box4 .top-box .center-center.active i.icon1 {
  background-image: url(../images/pro1_2_1_h.png);
}

.product-box4 .top-box .center-center.active i.icon2 {
  background-image: url(../images/pro1_2_2_h.png);
}

.product-box4 .top-box .center-center.active i.icon3 {
  background-image: url(../images/pro1_2_3_h.png);
}

.product-box4 .top-box .center-center.active i.icon4 {
  background-image: url(../images/pro1_2_4_h.png);
}

.product-box4 .top-box .center-center.active i.icon5 {
  background-image: url(../images/pro1_2_5_h.png);
}

.product-box4.style2 .top-box .center-center i.icon1 {
  background-image: url(../images/pro7_2_1.png);
}

.product-box4.style2 .top-box .center-center i.icon2 {
  background-image: url(../images/pro7_2_2.png);
}

.product-box4.style2 .top-box .center-center i.icon3 {
  background-image: url(../images/pro7_2_3.png);
}

.product-box4.style2 .top-box .center-center i.icon4 {
  background-image: url(../images/pro7_2_4.png);
}

.product-box4.style2 .top-box .center-center i.icon5 {
  background-image: url(../images/pro7_2_5.png);
}

.product-box4.style2 .top-box .center-center.active i.icon1 {
  background-image: url(../images/pro7_2_1_h.png);
}

.product-box4.style2 .top-box .center-center.active i.icon2 {
  background-image: url(../images/pro7_2_2_h.png);
}

.product-box4.style2 .top-box .center-center.active i.icon3 {
  background-image: url(../images/pro7_2_3_h.png);
}

.product-box4.style2 .top-box .center-center.active i.icon4 {
  background-image: url(../images/pro7_2_4_h.png);
}

.product-box4.style2 .top-box .center-center.active i.icon5 {
  background-image: url(../images/pro7_2_5_h.png);
}



.product-box4 .lower-box {
  height: 36.25rem;
  margin-top: 3.4375rem;
  border-radius: 1.25rem;
  overflow: hidden;
  color: #fff;
  font-size: 1.5rem;
  position: relative;
}

.product-box4 .lower-box .center-block {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-position: center;
  background-size: cover;
  padding: 0 9.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all .6s;
}

.product-box4 .lower-box .center-block .f-l {
  width: 100%;
}

.product-box4 .lower-box .center-block .f-l .box1 {
  padding-left: 2.75rem;
  position: relative;
  font-size: 2.25rem;
  font-weight: bold;
  transition: all .6s;
  opacity: 0;
  transform: translate(3rem, 0);
  line-height: 1.2;
}

.product-box4 .lower-box .center-block .f-l .box1 i {
  width: 1.25rem;
  height: 1.25rem;
  position: absolute;
  left: -0.3rem;
  top: 50%;
  margin-top: -0.625rem;
}

.product-box4 .lower-box .center-block .f-l .box1 i::before {
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(32, 238, 223, 0.5);
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 100%;
  transition: all .6s;
  transform: scale(2.5);
}

.product-box4 .lower-box .center-block .f-l .box1 i::after {
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(32, 238, 223, 1);
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 100%;
}

.product-box4 .lower-box .center-block .f-l .box2 {
  padding-top: 1rem;
  transition: all .6s ease .3s;
  opacity: 0;
  transform: translate(3rem, 0);
}

.product-box4 .lower-box .center-block .f-l .box2 p {
  position: relative;
  margin-top: 1.75rem;
  padding-left: 1.625rem;
  font-size:1.25rem;
}

.product-box4 .lower-box .center-block .f-l .box2 p::before {
  content: '';
  width: 0.625rem;
  height: 0.625rem;
  background: #fff;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 0.8rem;
}

.product-box4.style2 .lower-box .center-block .f-l .box2 {
  width: 55.3125rem;
  min-height: 15.375rem;
  border-left: 0.5rem solid #fff;
  padding: 0.1rem 2.25rem 2rem;
  background: linear-gradient(90deg, rgba(82, 255, 255, 0.5), rgba(82, 255, 255, 0));
  margin-top: 1.625rem;
}

.product-box4.style2 .lower-box .center-block .f-l .box2 p {
  font-size: 1.375rem;
  line-height:2.2rem;
}

.product-box4 .lower-box .center-block.active {
  z-index: 2;
  opacity: 1;
}

.product-box4 .lower-box .center-block.active .f-l .box1,
.product-box4 .lower-box .center-block.active .f-l .box2 {
  opacity: 1;
  transform: translate(0, 0);
}


.product-box5 {
  padding-bottom: 6.25rem;
}

.product-box5 .box-info1 ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  overflow: hidden;
  border-radius: 1.25rem;
  margin-top: 2rem;
}

.product-box5 .box-info1 ul li {
  height: 36.25rem;
  background-position: center;
  background-size: 100%;
  color: #fff;
  transition: all .6s;
}

.product-box5 .box-info1 ul li .center-block {
  width: 100%;
  height: 100%;
  padding: 11.25rem 2.375rem 0;
  background: rgba(0, 0, 0, 0.5);
  transition: all .6s;
  position: relative;
}

.product-box5 .box-info1 ul li .center-block::after {
  content: '';
  width: 100%;
  height: 50%;
  background: linear-gradient(0deg, rgba(64, 166, 208, 0.8) 50%, rgba(64, 166, 208, 0));
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0;
  transition: all .6s;
}

.product-box5 .box-info1 ul li .center-block .box1 {
  line-height: 1.875rem;
  border-left: 0.375rem solid #e60013;
  padding-left: 1.125rem;
  font-size: 1.875rem;
  position: relative;
  z-index: 2;
}

.product-box5 .box-info1 ul li .center-block .box2 {
  margin-top: 1.5rem;
  position: relative;
  z-index: 2;
}

.product-box5 .box-info1 ul li .center-block .box2 p {
  min-height: 3.75rem;
  padding-left: 1.9rem;
  margin-top: 0.5rem;
  font-size: 1.125rem;
  position: relative;
  font-size: 1.1rem;
  line-height: 2.1rem;
}

.product-box5 .box-info1 ul li .center-block .box2 p i {
  width: 0.625rem;
  height: 0.625rem;
  position: absolute;
  left: 0;
  top: 0.7rem;
}

.product-box5 .box-info1 ul li .center-block .box2 p i::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 100%;
  background: rgba(230, 0, 19, 0.5);
  transform: scale(2.2);
  transition: all .6s;
}

.product-box5 .box-info1 ul li .center-block .box2 p i::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 100%;
  background: rgba(230, 0, 19, 1);
  transition: all .6s;
}

.product-box5 .box-info1 ul li:hover {
  background-size: 110%;
}

.product-box5 .box-info1 ul li:hover .center-block::after {
  height: 100%;
  opacity: 1;
}

.product-box5 .box-info1 ul li:hover .center-block .box2 p i::before {
  background: rgba(255, 255, 255, 0.5);
}

.product-box5 .box-info1 ul li:hover .center-block .box2 p i::after {
  background: rgba(255, 255, 255, 1);
}

.product-box6 .box-info1 {
  background: url(../images/pro3_bg1.jpg) no-repeat top;
  background-size: cover;
  padding: 5.5rem 0 8.75rem;
  margin-top: 1.5rem;
}

.product-box6 .box-info1 ul {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 2.1875rem;
}

.product-box6 .box-info1 ul li .center-block {
  height: 21.25rem;
  background: rgba(255, 255, 255, 0.78);
  padding: 2.5rem 1.125rem 0;
  border-radius: 0.625rem;
  transition: all .6s;
}

.product-box6 .box-info1 ul li .center-block .box1 {
  text-align: center;
  border-bottom: 0.3125rem solid #aa0003;
  padding-bottom: 1.875rem;
  position: relative;
  font-size: 1.875rem;
}

.product-box6 .box-info1 ul li .center-block .box1::after {
  content: '';
  border-left: 0.9rem solid transparent;
  border-right: 0.9rem solid transparent;
  border-bottom: 1.5rem solid #aa0003;
  position: absolute;
  left: 50%;
  bottom: -0.7rem;
  margin-left: -0.9rem;
}

.product-box6 .box-info1 ul li .center-block .box2 {
  font-size: 1.25rem;
  margin-top: 1.875rem;
  line-height: 1.6;
  text-align: justify;
  color:#333;
}

@media (min-width:1100px) {
  .product-box6 .box-info1 ul li .center-block:hover {
    background: rgba(255, 255, 255, 1);
    transform: translate(0, -1rem);
  }
}

.product-box6.style2 {
  padding-bottom: 6rem;
}

.product-box6.style2 .box-info1 {
  padding: 7.5rem 2.75rem;
  background-image: url(../images/pro4_bg2.jpg);
  border-radius: 1.25rem;
}

.product-box6.style2 .box-info1 ul li .center-block {
  height: 20rem;
  padding: 2.75rem 2rem 0;
  border-radius: 1.25rem;
}

.product-box6.style2 .box-info1 ul li .center-block .box1 {
  border: none;
  padding-bottom: 0;
  position: relative;
}

.product-box6.style2 .box-info1 ul li .center-block .box1::after {
  display: none;
}

.product-box6.style2 .box-info1 ul li .center-block .box1 span {
  display: inline-block;
  font-size: 1.75rem;
  line-height: 2.8125rem;
  min-width: 8.5rem;
  padding: 0 1.5rem;
  background: #e60013;
  border-radius: 50px;
  color: #fff;
  font-size: 1.75rem;
  transition: all .6s;
}

.product-box6.style2 .box-info1 ul li .center-block .box2 {
  margin-top: 1.125rem;
  font-size: 1.25rem;
  transition: all .6s;
  color:#333;
}

.product-box6.style2 .box-info1 ul li .center-block:hover {
  background: #e60013;
}

.product-box6.style2 .box-info1 ul li .center-block:hover .box1 span {
  background: #fff;
  color: #e60013;
}

.product-box6.style2 .box-info1 ul li .center-block:hover .box2 {
  color: #fff;
}

.product-box6.style3 .box-info1 {
  background-image: url(../images/pro5_bg1.jpg);
  padding: 6.25rem 2.75rem;
  animation: scal 40s forwards infinite;
}

.product-box6.style3 .box-info1 ul {
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5rem 1.6875rem;
}

.product-box6.style3 .box-info1 ul li .center-block {
  height: 11.8125rem;
  padding: 1.75rem 2.5rem 0;
}

.product-box6.style3 .box-info1 ul li .center-block .box1 {
  text-align: left;
  padding-bottom: 0.8rem;
}

.product-box6.style3 .box-info1 ul li .center-block .box1 span {
  background: none;
  font-size: 1.875rem;
  padding: 0;
  color: #333;
}

.product-box6.style3 .box-info1 ul li .center-block .box1::before {
  content: '';
  width: 2.5rem;
  height: 0.25rem;
  background: #e60013;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: all .6s;
}

.product-box6.style3 .box-info1 ul li .center-block .box2 {
  font-size: 1.25rem;
  margin-top: 0.8rem;
  color:#444;
}

.product-box6.style3 .box-info1 ul li .center-block:hover .box1 span {
  background: none;
  color: #fff;
}

.product-box6.style3 .box-info1 ul li .center-block:hover .box1::before {
  background: #fff;
}


.product-box7 {
  padding: 4.125rem 0;
  background: url(../images/pro4_bg1.jpg) no-repeat top;
  background-size: 100%;
}

.product-box7 .box-info1 ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3.125rem;
  margin-top: 3.125rem;
}

.product-box7 .box-info1 ul li {
  height: 12.3125rem;
  border-radius: 1.25rem;
  background: #fff;
  box-shadow: 0 0 1.5rem rgba(192, 192, 192, 0.1);
  padding: 2.375rem 2rem 3.125rem 2.8125rem
}

.product-box7 .box-info1 ul li .f-l {
  width: 5.625rem;
  height: 5.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.product-box7 .box-info1 ul li .f-l::before {
  content: '';
  width: 100%;
  height: 100%;
  background: #e60013;
  border-radius: 1.25rem;
  position: absolute;
  left: 0;
  top: 0;
  transition: all .6s;
}

.product-box7 .box-info1 ul li .f-l img {
  width: 2.5rem;
  height: 2.5rem;
  object-fit: contain;
  display: block;
  position: relative;
  z-index: 2;
}

.product-box7 .box-info1 ul li .f-r {
  flex: 1;
  padding-left: 2rem;
}

.product-box7 .box-info1 ul li .f-r span {
  display: block;
  font-size: 1.625rem;
  font-weight: bold;
}

.product-box7 .box-info1 ul li .f-r p {
  font-size: 1.25rem;
  margin-top: 0.2rem;
  text-align: justify;
  color: #444;
}

.product-box7 .box-info1 ul li:hover {
  box-shadow: 0 0 1.5rem rgba(192, 192, 192, 0.6);
}

.product-box7 .box-info1 ul li:hover .f-l::before {
  transform: rotate(135deg);
}

.product-box8 {
  padding: 3.75rem 0 5rem;
}

.product-box8 .box-info1 {
  background: linear-gradient(130deg, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0));
  border-radius: 1.25rem;
  padding: 3rem 7.5rem;
  margin-top: 2.75rem;
}

.product-box8 .box-info1 .f-l {
  width: 53.75rem;
  height: 30.625rem;
  float: left;
  background: url(../images/pro7_bg1.png) no-repeat left;
  background-size: auto 100%;
  padding: 4.375rem 5.625rem 0;
  opacity: 0;
  transform: translate(5rem, 0);
  transition: all .6s ease .6s;
}

.product-box8 .box-info1 .f-r {
  width: 53.5625rem;
  height: 30.625rem;
  float: right;
  background: url(../images/pro7_bg2.png) no-repeat right;
  background-size: auto 100%;
  padding: 4.375rem 5.625rem 0;
  margin-top: -30.625rem;
  text-align: right;
  opacity: 0;
  transform: translate(-5rem, 0);
  transition: all .6s ease .6s;
}

.product-box8 .box-info1 .box1 span {
  display: inline-flex;
  position: relative;
  font-size: 2.25rem;
}

.product-box8 .box-info1 .box2 {
  font-size: 1.375rem;
}

.product-box8 .box-info1 .box2 p {
  margin-top: 1.1rem;
  position: relative;
  padding: 0 1.5rem;
}

.product-box8 .box-info1 .f-l .box1 span {
  background: url(../images/icon_2.png) no-repeat right;
  background-size: auto 2.25rem;
  padding-right: 3rem;
}

.product-box8 .box-info1 .f-r .box1 span {
  background: url(../images/icon_3.png) no-repeat left;
  background-size: auto 2.25rem;
  padding-left: 3rem;
  color: #fff;
}

.product-box8 .box-info1 .f-l .box2 {
  color: #536898;
}

.product-box8 .box-info1 .f-r .box2 {
  color: #fff;
}

.product-box8 .box-info1 .box2 p::after {
  content: '';
  width: 0.7rem;
  height: 0.7rem;
  border: 2px solid #536898;
  border-radius: 100%;
  position: absolute;
  top: 0.5rem;
}

.product-box8 .box-info1 .f-l .box2 p::after {
  left: 0;
}

.product-box8 .box-info1 .f-r .box2 p::after {
  right: 0;
  border-color: #fff;
}

.product-box8 .box-info1 .f-c {
  width: 14.375rem;
  height: 14.375rem;
  background: #fff;
  border-radius: 100%;
  padding: 1.5rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -7.1875rem 0 0 -7.1875rem;
  z-index: 3;
  opacity: 0;
  transform: scale(0.2);
  transition: all .6s ease-in-out .8s;
}

.product-box8 .box-info1 .f-c div {
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #4a96fc, #66a0ff);
  box-shadow: 0 0 0.75rem rgba(80, 162, 253, 0.35);
  border-radius: 100%;
  padding: 1rem;
}

.product-box8 .box-info1 .f-c div i {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.product-box8 .box-info1 .f-c div i::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 100%;
  border: 1px dashed #fff;
  animation: scroll1 10s linear infinite;
}

.product-box8 .box-info1 .f-c div img {
  width: 6.625rem;
  display: block;
}

@keyframes scroll1 {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

@keyframes scroll2 {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(-360deg);
  }
}

.product-box8 .box-info1.aos-animate .f-l,
.product-box8 .box-info1.aos-animate .f-r {
  opacity: 1;
  transform: translate(0, 0);
}

.product-box8 .box-info1.aos-animate .f-c {
  opacity: 1;
  transform: scale(1);
}

.product-box9 {
  background: #fff;
  box-shadow: 0 0 2.75rem rgba(179, 179, 179, 0.1);
  padding: 2.75rem;
  margin-bottom: 5rem;
}

.product-box9 .box-info1 {
  margin-top: 2rem;
}

.product-box10 {
  padding: 5rem 0;
}

.product-box10 ul {
  display: grid;
  gap: 6.25rem 10rem;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 5rem;
}

.product-box10 ul li {
  width: 18.375rem;
  text-align: center;
}

.product-box10 ul li i {
  width: 8.875rem;
  height: 8.875rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.product-box10 ul li i img {
  width: 4rem;
  height: 4rem;
  object-fit: contain;
  display: block;
  position: relative;
  z-index: 2;
  transition: all .6s;
}

.product-box10 ul li i::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
  box-shadow: 0 0 2rem rgba(179, 179, 179, 0.3);
  border-radius: 1.5rem;
  transition: all .6s;
  transform: rotate(45deg);
}

.product-box10 ul li span {
  display: block;
  font-size: 1.875rem;
  margin-top: 2.4rem;
}

.product-box10 ul li p {
  font-size: 1.2rem;
  margin-top: 0.5rem;
  color: #555;
}

.product-box10 ul li:hover i::after {
  transform: rotate(225deg);
}

.product-box10 ul li:hover i img {
  transform: translate(0, -1rem);
}

.product-box11 {
  padding: 5rem 0 6.25rem;
}

.product-box11 .box-info1 {
  background: #fff;
  border-radius: 1.25rem;
  padding: 5.625rem;
  display: flex;
  margin-top: 2rem;
}

.product-box11 .box-info1 .f-l {
  width: 33.125rem;
  text-align: center;
  opacity: 0;
  transition: all .6s ease .3s;
  transform: translate(2rem, 0);
}

.product-box11 .box-info1 .f-l img {
  display: inline-block;
}

.product-box11 .box-info1 .f-r {
  flex: 1;
  padding-left: 4.375rem;
  opacity: 0;
  transition: all .6s ease .3s;
  transform: translate(-2rem, 0);
}

.product-box11 .box-info1 .f-r .box1 {
  font-size: 2.25rem;
}

.product-box11 .box-info1 .f-r .box2 {
  display: flex;
  margin-top: 1.875rem;
}

.product-box11 .box-info1 .f-r .box2 span {
  width: 8.375rem;
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  color: #fff;
  font-size: 1.5rem;
  background: #4990d1;
  border-radius: 50px 50px 0 50px;
}

.product-box11 .box-info1 .f-r .box2 p {
  flex: 1;
  padding-left: 1.25rem;
  font-size: 1.25rem;
  color: #333;
}

.product-box11 .box-info1:nth-child(odd) {
  flex-direction: row-reverse;
}

.product-box11 .box-info1:nth-child(odd) .f-r {
  padding: 0 4.375rem 0 0;
}

.product-box11 .box-info1.aos-animate .f-l,
.product-box11 .box-info1.aos-animate .f-r {
  opacity: 1;
  transform: translate(0, 0);
}

.product-box12 {
  padding: 3rem 0 6.25rem;
  background: url(../images/pro9_bg2.jpg) no-repeat center;
  background-size: cover;
}

.product-box12 .box-info1 ul {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1.6rem;
  margin-top: 3.75rem;
}

.product-box12 .box-info1 ul li {
  height: 12.5rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  border-radius: 0.625rem;
  overflow: hidden;
}

.product-box12 .box-info1 ul li .center-center {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  transition: all .6s;
  z-index: 2;
}

.product-box12 .box-info1 ul li .center-center i img {
  width: 3.4375rem;
  height: 3.4375rem;
  display: block;
  object-fit: contain;
  transition: all .6s;
}

.product-box12 .box-info1 ul li .center-center p {
  margin-top: 1.25rem;
  font-size: 1.5rem;
}

.product-box12 .box-info1 ul li .center-center::after {
  content: '';
  width: 100%;
  height: 100%;
  background: url(../images/pro9_bg1.jpg) no-repeat center;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0;
  transition: all .6s;
  transform: scale(1.2);
}

.product-box12 .box-info1 ul li:hover .center-center::after {
  opacity: 1;
  transform: scale(1);
}

.product-box12 .box-info1 ul li:hover .center-center i img {
  transform: rotateY(180deg);
}

.product-box13 {
  padding: 5rem 0 6rem;
}

.product-box13 .box-info1 {
  margin-top: 2.25rem;
  height: 48rem;
  background: url(../images/pro9_bg3.jpg) no-repeat center;
  background-size: cover;
  overflow: hidden;
  border-radius: 1.25rem;
  padding: 0 8.125rem;
  position: relative;
}

.product-box13 .box-info1 .f-l,
.product-box13 .box-info1 .f-r {
  width: 40rem;
  height: 40.8125rem;
  background: url(../images/pro9_bg4.png) no-repeat left;
  background-size: auto 100%;
  display: flex;
  align-items: center;
  opacity: 0;
  transition: all .6s ease .5s;
}

.product-box13 .box-info1 .f-l {
  padding-left: 6.25rem;
  transform: translate(5rem, 0);
}

.product-box13 .box-info1 .f-r {
  padding-right: 6.25rem;
  transform: translate(-5rem, 0);
  background-position: right;
  flex-direction: row-reverse;
  text-align: right;
}

.product-box13 .box-info1 ul {
  display: flex;
  flex-direction: column;
  color: #fff;
  gap: 4.5rem;
}

.product-box13 .box-info1 ul li i {
  width: 5.375rem;
  height: 5.375rem;
  background: #fff;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-box13 .box-info1 ul li i img {
  width: 3.6rem;
  height: 3.6rem;
  display: block;
  object-fit: contain;
}

.product-box13 .box-info1 ul li div {
  flex: 1;
  padding-left: 0.8rem;
  font-size: 1.125rem;
}

.product-box13 .box-info1 ul li div span {
  font-size: 1.625rem;
  display: block;
  padding-bottom: 0.75rem;
  margin-left: -0.25rem;
  position: relative;
  z-index: 2;
}

.product-box13 .box-info1 ul li div span::after {
  content: '';
  width: 17.0625rem;
  height: 1.6875rem;
  background: url(../images/pro9_bg5.png) no-repeat center;
  background-size: cover;
  position: absolute;
  left: -1.5rem;
  bottom: 0.4rem;
  z-index: -1;
}

.product-box13 .box-info1 ul li:nth-child(2) {
  transform: translate(-2.5rem, 0);
}

@media (min-width:1100px) {
  .product-box13 .box-info1 .f-r ul li {
    flex-direction: row-reverse;
  }

  .product-box13 .box-info1 .f-r ul li:nth-child(2) {
    transform: translate(2.5rem, 0);
  }

  .product-box13 .box-info1 .f-r ul li div {
    padding: 0 0.8rem 0 0;
  }

  .product-box13 .box-info1 .f-r ul li div span::after {
    left: auto;
    right: -1.5rem;
  }
}

.product-box13 .box-info1 .f-c {
  width: 22.5rem;
  height: 22.5rem;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -11.25rem 0 0 -11.25rem;
  padding: 2.5rem;
  opacity: 0;
  transition: all .6s ease .5s;
  transform: scale(0.5);
}

.product-box13 .box-info1 .f-c::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 100%;
  border: 1px dashed #fff;
  animation: scroll2 20s linear infinite;
}

.product-box13 .box-info1 .f-c div {
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 100%;
}

.product-box13 .box-info1 .f-c i {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  animation: scroll1 10s linear infinite;
}

.product-box13 .box-info1 .f-c i::after {
  content: '';
  width: 1.3125rem;
  height: 1.3125rem;
  background: #fff;
  border-radius: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  margin: -0.6875rem 0 0 -0.6875rem;
}

.product-box13 .box-info1.aos-animate .f-l,
.product-box13 .box-info1.aos-animate .f-r {
  opacity: 1;
  transform: translate(0, 0);
}

.product-box13 .box-info1.aos-animate .f-c {
  opacity: 1;
  transform: scale(1);
}

.product-box14 {
  padding: 3.125rem 0 10.625rem;
  background: url(../images/pro10_bg1.jpg) no-repeat center;
  background-size: cover;
}

.product-box14 .box-info1 ul {
  margin-top: 2rem;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 4.6875rem;
}

.product-box14 .box-info1 ul li {
  position: relative;
}

.product-box14 .box-info1 ul li .box1 {
  width: 100%;
  height: 10.75rem;
  background: #fff;
  border-radius: 0.625rem;
  position: relative;
}

.product-box14 .box-info1 ul li .box1 i img {
  width: 3rem;
  height: 3rem;
  object-fit: contain;
  display: block;
  transition: all .6s;
}

.product-box14 .box-info1 ul li .box1 p {
  font-size: 1.25rem;
  margin-top: 0.8rem;
  line-height: 1.2;
  text-align: center;
}

.product-box14 .box-info1 ul li .box1::after {
  content: '';
  border-left: 1rem solid transparent;
  border-right: 1rem solid transparent;
  border-top: 0.8rem solid #fff;
  position: absolute;
  left: 50%;
  bottom: -0.7rem;
  margin-left: -1rem;
  opacity: 0;
  transform: translate(0, -1rem);
  transition: all .6s;
}

.product-box14 .box-info1 ul li .box1::before {
  content: '';
  width: 4.6875rem;
  height: 100%;
  position: absolute;
  left: 100%;
  top: 0;
  background: url(../images/icon_5.png) no-repeat center;
  background-size: 2rem;
}

.product-box14 .box-info1 ul li:last-child .box1::before {
  display: none;
}

.product-box14 .box-info1 ul li .box2 {
  position: absolute;
  left: 50%;
  bottom: -5rem;
  transform: translate(-50%, -1rem);
  height: 3.125rem;
  padding: 0 2.5rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  opacity: 0;
  transition: all .6s ease .1s;
}

.product-box14 .box-info1 ul li .box2 span {
  white-space: nowrap;
  font-size: 1.25rem;
  color: #006cbd;
  line-height: 1.35rem;
  padding: 0 1.25rem;
  display: inline-block;
  border-right: 1px solid #8cc7e3;
}

.product-box14 .box-info1 ul li .box2 span:last-child {
  border: none;
}

.product-box14 .box-info1 ul li.active .box1::after {
  opacity: 1;
  transform: translate(0, 0);
}

.product-box14 .box-info1 ul li:hover .box1 i img {
  transform: rotateY(180deg);
}

.product-box14 .box-info1 ul li.active .box2 {
  opacity: 1;
  transform: translate(-50%, 0);
}



.product-box11.style2 .box-info1 {
  box-shadow: 0 0 2rem rgba(179, 179, 179, 0.2);
  padding: 4.25rem 3rem;
}

.product-box11.style2 .box-info1 .f-l {
  width: 24rem;
}

.product-box11.style2 .box-info1 .f-l img {
  display: inline-block;
}

.product-box11.style2 .box-info1 .f-r {
  padding: 0 0 0 2.75rem !important;
}

.product-box11.style2 .box-info1 .f-r .between-top {
  gap: 2.75rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.product-box11.style2 .box-info1 .f-r .box2 {
  flex-direction: column;
}

.product-box11.style2 .box-info1 .f-r .box2 p {
  padding: 1rem 0 0;
  color: #555;
  line-height: 2rem;
}

.product-box11.style2 .box-info1 .f-r .box2 span {
  padding: 0 1rem;
}

.product-box11.style2 .box-info1:nth-child(odd) {
  flex-direction: initial;
}

.product-box11.style2 .box-info1:nth-child(2) .f-r .between-top {
  grid-template-columns: repeat(2, 1fr);
  gap: 6rem;
}

.product-box15 {
  padding: 5rem 0 6.25rem;
}

.product-box15 .box-info1 {
  background: url(../images/pro10_bg2.jpg) no-repeat center;
  background-size: cover;
  border-radius: 1.25rem;
  margin-top: 2.25rem;
  padding: 8.125rem 6.25rem;
}

.product-box15 .box-info1 ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 5rem;
}

.product-box15 .box-info1 ul li {
  height: 22.8125rem;
  position: relative;
  background: rgba(225, 225, 225, 0.8);
  border-radius: 0.625rem;
  transition: all .6s;
  overflow: hidden;
}

.product-box15 .box-info1 ul li::after {
  content: '';
  width: 0;
  height: 0.4375rem;
  background: #e60013;
  position: absolute;
  left: 50%;
  bottom: 0;
  transition: all .6s;
}

.product-box15 .box-info1 ul li i {
  width: 3.625rem;
  height: 3.625rem;
  position: relative;
  z-index: 2;
}

.product-box15 .box-info1 ul li i::after {
  content: '';
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0;
  transition: all .6s;
}

.product-box15 .box-info1 ul li i::before {
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(230, 0, 19, 0.2);
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 20%;
  filter: blur(0.6rem);
  z-index: -1;
  transition: all .6s;
  opacity: 0;
}

.product-box15 .box-info1 ul li span {
  font-size: 1.875rem;
  padding: 1rem 0 1rem;
  position: relative;
}

.product-box15 .box-info1 ul li span::after {
  content: '';
  width: 2.3125rem;
  height: 0.4375rem;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
  background: #e60013;
}

.product-box15 .box-info1 ul li p {
  font-size: 1.25rem;
  margin-top: 1rem;
  text-align: center;
}

.product-box15 .box-info1 ul li i.icon1::after {
  background-image: url(../images/pro10_3_1.png);
}

.product-box15 .box-info1 ul li i.icon2::after {
  background-image: url(../images/pro10_3_2.png);
}

.product-box15 .box-info1 ul li i.icon3::after {
  background-image: url(../images/pro10_3_3.png);
}

.product-box15 .box-info1 ul li i.icon4::after {
  background-image: url(../images/pro10_3_4.png);
}

@media (min-width:1100px) {
  .product-box15 .box-info1 ul li:hover {
    transform: translate(0, -1.25rem);
    background: #fff;
  }

  .product-box15 .box-info1 ul li:hover::after {
    width: 100%;
    left: 0;
  }

  .product-box15 .box-info1 ul li:hover i::before {
    opacity: 1;
  }

  .product-box15 .box-info1 ul li:hover i.icon1::after {
    background-image: url(../images/pro10_3_1_h.png);
  }

  .product-box15 .box-info1 ul li:hover i.icon2::after {
    background-image: url(../images/pro10_3_2_h.png);
  }

  .product-box15 .box-info1 ul li:hover i.icon3::after {
    background-image: url(../images/pro10_3_3_h.png);
  }

  .product-box15 .box-info1 ul li:hover i.icon4::after {
    background-image: url(../images/pro10_3_4_h.png);
  }
}

.product-box16 {
  padding: 3rem 0 5.5rem;
  background: url(../images/pro11_bg1.jpg) no-repeat center;
  background-size: cover;
}

.product-box16 .all-title1 span,
.product-box16 .all-title1 i,
.product-box16 .all-title1 p {
  color: #fff;
}

.product-box16 .box-info1 ul {
  display: grid;
  gap: 1.375rem;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 2.75rem;
}

.product-box16 .box-info1 ul li {
  height: 13.25rem;
  background: #fff;
  border-radius: 1rem;
  padding: 0 3.5rem;
}

.product-box16 .box-info1 ul li .f-l img {
  width: 4rem;
  height: 4rem;
  display: inline-block;
  object-fit: contain;
  transition: all .6s;
}

.product-box16 .box-info1 ul li .f-r {
  flex: 1;
  padding-left: 1rem;
}

.product-box16 .box-info1 ul li .f-r span {
  display: block;
  font-size: 1.625rem;
}

.product-box16 .box-info1 ul li .f-r p {
  font-size: 1.25rem;
  margin-top: 0.2rem;
  min-height: 3.75rem;
  color:#444;
}

.product-box16 .box-info1 ul li:hover .f-l img {
  transform: rotateY(360deg);
}

.bg-style4 {
  background: linear-gradient(180deg, #dbe9f6, #FFFFFF);
  border-radius: 5rem 5rem 0 0;
}

.product-box17 {
  padding: 3.75rem 0;
}

.product-box17 .box-info1 ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.product-box17 .box-info1 ul li {
  background: url(../images/pro13_bg1.png) no-repeat top;
  background-size: 100%;
  padding: 4rem;
}

.product-box17 .box-info1 ul li .box1 {
  height: 16.6875rem;
  overflow: hidden;
}

.product-box17 .box-info1 ul li .box1 img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: all .6s;
}

.product-box17 .box-info1 ul li .box2 {
  line-height: 1.875rem;
  border-left: 0.4375rem solid #e60013;
  font-size: 1.875rem;
  font-weight: bold;
  padding: 0 0.5rem;
  margin-top: 1.25rem;
}

.product-box17 .box-info1 ul li .box3 {
  font-size: 1.25rem;
  color: #555;
  margin-top: 0.8rem;
}

.product-box17 .box-info1 ul li:hover .box1 img {
  transform: scale(1.1);
}

.solution-box1 {
  padding: 5rem 0;
}

.solution-box1 .box-info1 ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 3.75rem;
  margin-top: 3.125rem;
}

.solution-box1 .box-info1 ul li {
  min-height: 21.875rem;
  background: #fff;
  box-shadow: 0 0 1rem rgba(213, 213, 213, 0.35);
  padding: 2rem 0;
  border-radius: 0.625rem;
  overflow: hidden;
  position: relative;
  transition: all .6s;
}

.solution-box1 .box-info1 ul li::after {
  content: '';
  width: 100%;
  height: 0.4375rem;
  background: #86adde;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: all .6s;
}

.solution-box1 .box-info1 ul li .box1 {
  font-size: 1.625rem;
  text-align: center;
  padding: 0 1rem 1.2rem;
  position: relative;
}

.solution-box1 .box-info1 ul li .box1::after {
  content: '';
  width: 3rem;
  height: 0.375rem;
  background: #e60013;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -1.5rem;
}

.solution-box1 .box-info1 ul li .box2 {
  font-size: 1.25rem;
  text-align: justify;
  padding: 1.2rem 2rem;
  line-height: 1.6;
  color: #555;
}

.solution-box1 .box-info1 ul li:hover {
  transform: translate(0, -1.25rem);
}

.solution-box1 .box-info1 ul li:hover::after {
  background-color: #e60013;
}

.solution-box2 {
  padding: 3.75rem 0 5rem;
}

.solution-box2 .box-info1 ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 6.25rem 3.75rem;
  margin-top: 5.625rem;
}

.solution-box2 .box-info1 ul li {
  height: 14.125rem;
  padding: 1.875rem 0;
  background: #fff;
  box-shadow: 0 0 2rem rgba(179, 179, 179, 0.2);
  border-radius: 0 1.25rem 1.25rem 1.25rem;
  position: relative;
  display: flex;
}

.solution-box2 .box-info1 ul li .box1 {
  width: 14rem;
  line-height: 3.375rem;
  color: #fff;
  font-size: 1.875rem;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 100%;
  border-radius: 1.25rem 1.25rem 0 0;
}

.solution-box2 .box-info1 ul li .box1::after {
  content: '';
  border-left: 0.6rem solid transparent;
  border-right: 0.6rem solid transparent;
  border-bottom: 2.7rem solid #ccc;
  position: absolute;
  bottom: 0;
  right: -0.47rem;
}

.solution-box2 .box-info1 ul li:nth-child(1) .box1 {
  background: #04a3ef;
}

.solution-box2 .box-info1 ul li:nth-child(1) .box1::after {
  border-bottom-color: #04a3ef;
}

.solution-box2 .box-info1 ul li:nth-child(2) .box1 {
  background: #fb9b00;
}

.solution-box2 .box-info1 ul li:nth-child(2) .box1::after {
  border-bottom-color: #fb9b00;
}

.solution-box2 .box-info1 ul li:nth-child(3) .box1 {
  background: #2ab7b8;
}

.solution-box2 .box-info1 ul li:nth-child(3) .box1::after {
  border-bottom-color: #2ab7b8;
}

.solution-box2 .box-info1 ul li:nth-child(4) .box1 {
  background: #5976bc;
}

.solution-box2 .box-info1 ul li:nth-child(4) .box1::after {
  border-bottom-color: #5976bc;
}

.solution-box2 .box-info1 ul li .box2 {
  width: 13.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.solution-box2 .box-info1 ul li .box2 img {
  height: 4.6875rem;
  display: inline-block;
  transition: all .6s;
}

.solution-box2 .box-info1 ul li .box3 {
  flex: 1;
  padding-right: 4.375rem;
  font-size: 1.25rem;
  line-height: 1.8;
  text-align: justify;
  color: #444;
}

.solution-box2 .box-info1 ul li:hover .box2 img {
  transform: rotateY(360deg);
}

.solution-box3 {
  padding: 5rem 0;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100%;
}

.solution-box3 .all-title1 span,
.solution-box3 .all-title1 i,
.solution-box3 .all-title1 p {
  color: #fff;
}

.solution-box3 .box-info1 {
  margin-top: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.5rem;
}

.solution-box3 .box-info1 span {
  display: inline-block;
  min-width: 10.4375rem;
  line-height: 2.875rem;
  border-radius: 50px;
  background: rgba(255, 255, 255, 0.3);
  padding: 0 0.5rem;
  text-align: center;
  font-size: 1.5rem;
  color: #fff;
  cursor: pointer;
  transition: all .6s;
}

.solution-box3 .box-info1 span:hover,
.solution-box3 .box-info1 span.active {
  background: #e60013;
}

.solution-box3 .box-info2 {
  margin-top: 3.75rem;
  height: 32.25rem;
  position: relative;
}

.solution-box3 .box-info2 .between-top {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all .6s;
  transform: translate(0, 2rem);
  pointer-events: none;
}

.solution-box3 .box-info2 .between-top .f-l {
  width: 50%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 1rem;
  padding: 2.25rem 1.5rem 1.5rem 1.5rem;
  position: relative;
}

.solution-box3 .box-info2 .between-top .f-l i {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 100%;
  background: #1eb7b8;
  position: absolute;
  right: 1.5rem;
  top: 0.875rem;
}

.solution-box3 .box-info2 .between-top .f-l i::before {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background: #00a3f0;
  position: absolute;
  right: 1.2rem;
  top: 0;
}

.solution-box3 .box-info2 .between-top .f-l i::after {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background: #fb9b00;
  position: absolute;
  right: 2.4rem;
  top: 0;
}

.solution-box3 .box-info2 .between-top .f-l div {
  width: 100%;
  height: 100%;
  border-radius: 0.625rem;
  overflow: hidden;
}

.solution-box3 .box-info2 .between-top .f-l div img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.solution-box3 .box-info2 .between-top .f-r {
  flex: 1;
  color: #fff;
  padding: 4.375rem 0 0 5.625rem;
}

.solution-box3 .box-info2 .between-top .f-r .box1 {
  font-size: 1.875rem;
  padding-bottom: 1.5rem;
  position: relative;
}

.solution-box3 .box-info2 .between-top .f-r .box1::after {
  content: '';
  width: 3.3125rem;
  height: 0.3125rem;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
}

.solution-box3 .box-info2 .between-top .f-r .box2 {
  font-size: 1.25rem;
  margin-top: 1.5rem;
}

.solution-box3 .box-info2 .between-top.active {
  opacity: 1;
  transform: translate(0, 0);
  pointer-events: auto;
}

.solution-box4 {
  background: url(../images/sol1_bg2.png) no-repeat top;
  background-size: 100%;
  padding: 4.5rem 0 6.25rem;
}

.solution-box4 .box-info1 ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 5.3125rem 3.75rem;
  margin-top: 5.625rem;
}

.solution-box4 .box-info1 ul li {
  background: #fff;
  border-radius: 1.25rem;
  box-shadow: 0 0 2.5rem rgba(179, 179, 179, 0.2);
  padding: 5rem 4rem 3rem;
  position: relative;
}

.solution-box4 .box-info1 ul li .box1 {
  width: 5.2rem;
  height: 5.2rem;
  position: absolute;
  left: 50%;
  top: -2rem;
  margin-left: -2.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.solution-box4 .box-info1 ul li .box1::before {
  content: '';
  width: 100%;
  height: 100%;
  background: #ffdde0;
  border-radius: 1.25rem;
  position: absolute;
  left: 0;
  top: 0;
  transition: all .6s;
  transform: rotate(45deg);
}

.solution-box4 .box-info1 ul li .box1 img {
  width: 2.375rem;
  height: 2.375rem;
  display: block;
  object-fit: contain;
  position: relative;
  z-index: 2;
  transition: all .3s;
}

.solution-box4 .box-info1 ul li .box2 {
  font-size: 1.875rem;
  padding-bottom: 1.5rem;
  position: relative;
  text-align: center;
}

.solution-box4 .box-info1 ul li .box2::after {
  content: '';
  width: 2.5rem;
  height: 0.3125rem;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -1.25rem;
  background: #e60013;
}

.solution-box4 .box-info1 ul li .box3 {
  margin-top: 1.5rem;
  font-size: 1.125rem;
  line-height: 1.6;
  text-align: justify;
  color: #444;
}

.solution-box4 .box-info1 ul li:hover .box1::before {
  transform: rotate(180deg);
  background: #e60013;
}

.solution-box4 .box-info1 ul li:hover .box1 img {
  filter: brightness(0) invert(1);
}

.solution-box4.style2 .box-info1 ul {
  grid-template-columns: repeat(3, 1fr);
}

.solution-box4.style2 .box-info1 ul li {
  padding: 5rem 3rem 3rem;
}

.solution-box4.style2 .box-info1 ul li .box3 p {
  padding-left: 2.25rem;
  background: url(../images/icon_6.png) no-repeat left 0.5rem;
  background-size: 1.375rem;
}

.solution-box4.style2 .box-info1 ul li .box3 p+p {
  margin-top: 2rem;
}


.solution-box1.style2 .box-info1 ul li {
  min-height: 15.9375rem;
  background: linear-gradient(150deg, #eff6ff, #FFFFFF);
}

.solution-box1.style2 .box-info1 ul li .box1 {
  width: 3.75rem;
  height: 3.75rem;
  line-height: 3.75rem;
  font-size: 2.25rem;
  background: #006cbd;
  border-radius: 50px 50px 0 50px;
  color: #fff;
  margin: auto;
  transition: all .6s;
}

.solution-box1.style2 .box-info1 ul li .box1::after {
  display: none;
}

.solution-box1.style2 .box-info1 ul li:hover .box1 {
  background: #e60013;
}

.product-box18 {
  background: url(../images/pro14_bg1.jpg) no-repeat top;
  background-size: cover;
  padding: 5rem 0;
}

.product-box18 .box-info1 {
  background: #fff;
  border-radius: 1.25rem;
  padding: 4rem;
  margin-top: 2.75rem;
}

.product-box18 .box-info1 ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3rem 3.75rem;
}

.product-box18 .box-info1 ul li {
  background: #f8f8f8;
  height: 12.5rem;
  border-left: 0.375rem solid #005391;
  transition: all .6s;
  padding: 0 1rem;
}

.product-box18 .box-info1 ul li .f-l {
  width: 5.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-box18 .box-info1 ul li .f-l img {
  width: 3.125rem;
  display: inline-block;
  transition: all .6s;
}

.product-box18 .box-info1 ul li .f-r {
  flex: 1;
}

.product-box18 .box-info1 ul li .f-r span {
  display: block;
  font-size: 1.875rem;
}

.product-box18 .box-info1 ul li .f-r p {
  font-size: 1.125rem;
  margin-top: 0.3rem;
  color: #666;
}

.product-box18 .box-info1 ul li:hover {
  background: #fff;
  box-shadow: 0 0 1.5rem rgba(187, 187, 187, 0.2);
  border-color: #e60013;
}

.product-box18 .box-info1 ul li:hover .f-l img {
  transform: rotateY(180deg);
}


.product-box19 {
  background: url(../images/pro14_bg2.jpg) no-repeat center;
  background-size: cover;
  padding: 4rem 0 6.25rem;
}

.product-box19 .all-title1 span,
.product-box19 .all-title1 i,
.product-box19 .all-title1 p {
  color: #fff;
}

.product-box19 .box-info1 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 0 10rem;
  margin-top: 2.75rem;
}

.product-box19 .box-info1 span {
  font-size: 1.625rem;
  padding-bottom: 1rem;
  position: relative;
  color: #fff;
  transition: all .6s;
  cursor: pointer;
}

.product-box19 .box-info1 span::after {
  content: '';
  width: 0;
  height: 0.4375rem;
  background: #e60013;
  position: absolute;
  left: 50%;
  bottom: -0.22rem;
  transition: all .6s;
}

.product-box19 .box-info1 span:hover,
.product-box19 .box-info1 span.active {
  color: #e60013;
}

.product-box19 .box-info1 span:hover::after,
.product-box19 .box-info1 span.active::after {
  width: 100%;
  left: 0;
}

.product-box19 .box-info2 {
  margin-top: 2.5rem;
  padding: 0 4.375rem;
}

.product-box19 .box-info2 .swiper .swiper-slide {
  width: 78.75rem;
}

.product-box19 .box-info2 .swiper .swiper-slide .box1 {
  font-size: 1.5rem;
  color: #cae3f8;
  text-align: center;
  opacity: 0;
  transition: all .6s;
}

.product-box19 .box-info2 .swiper .swiper-slide .box2 {
  height: 37.25rem;
  margin-top: 1.75rem;
  border-radius: 1.25rem;
  overflow: hidden;
}

.product-box19 .box-info2 .swiper .swiper-slide .box2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.product-box19 .box-info2 .swiper .swiper-slide.swiper-slide-active .box1 {
  opacity: 1;
}

.product-box19 .box-info2 .swiper .swiper-button-prev,
.product-box19 .box-info2 .swiper .swiper-button-next {
  width: 4.6875rem;
  height: 4.6875rem;
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid #fff;
  border-radius: 100%;
  transition: all .6s;
}

.product-box19 .box-info2 .swiper .swiper-button-prev::after,
.product-box19 .box-info2 .swiper .swiper-button-next::after {
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  transition: all .6s;
}

.product-box19 .box-info2 .swiper .swiper-button-prev:hover,
.product-box19 .box-info2 .swiper .swiper-button-next:hover {
  background: #fff;
}

.product-box19 .box-info2 .swiper .swiper-button-prev:hover::after,
.product-box19 .box-info2 .swiper .swiper-button-next:hover::after {
  color: #e60013;
}

.product-box19 .box-info2 .swiper .swiper-button-prev {
  left: 7.6rem;
}

.product-box19 .box-info2 .swiper .swiper-button-next {
  right: 7.6rem;
}

.product-box20 {
  padding: 5rem 0 6.25rem;
}

.product-box20 .box-info1 ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.75rem;
  margin-top: 2.75rem;
}

.product-box20 .box-info1 ul li .box1 {
  height: 18rem;
  overflow: hidden;
}

.product-box20 .box-info1 ul li .box1 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: all .6s;
}

.product-box20 .box-info1 ul li .box2 {
  padding: 0 0.625rem;
  position: relative;
  margin-top: 1.5rem;
}

.product-box20 .box-info1 ul li .box2 span {
  display: block;
  font-size: 1.875rem;
  padding-bottom: 1rem;
  position: relative;
  transition: all .6s;
}

.product-box20 .box-info1 ul li .box2 span::after {
  content: '';
  width: 3.375rem;
  height: 0.3125rem;
  background: #e60013;
  position: absolute;
  left: 0;
  bottom: 0;
}

.product-box20 .box-info1 ul li .box2 p {
  font-size: 1.25rem;
  margin-top: 1rem;
}

.product-box20 .box-info1 ul li:hover .box1 img {
  transform: scale(1.1);
}

.product-box20 .box-info1 ul li:hover .box2 span {
  color: #e60013;
}

.product-box21 {
  padding: 3.75rem 5.625rem 5.625rem;
  margin: 5rem 0;
  background: url(../images/pro15_bg1.jpg) no-repeat center;
  background-size: cover;
  border-radius: 1.25rem;
}

.product-box21 .all-title1 span,
.product-box21 .all-title1 i,
.product-box21 .all-title1 p {
  color: #fff;
}

.product-box21 .box-info1 ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3.125rem;
  margin-top: 3.5rem;
}

.product-box21 .box-info1 ul li {
  background: rgba(255, 255, 255, 0.7);
  padding: 2.75rem 3.75rem 3.75rem;
  position: relative;
  z-index: 2;
  transition: all .6s;
}

.product-box21 .box-info1 ul li::before {
  content: '';
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #39B98C, #386CD2);
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  transition: all .6s;
}

.product-box21 .box-info1 ul li .box1 img {
  width: 2.6rem;
  height: 2.6rem;
  object-fit: contain;
  display: block;
  transition: all .6s;
}

.product-box21 .box-info1 ul li .box1 span {
  flex: 1;
  padding-left: 0.5rem;
  font-size: 1.875rem;
  transition: all .6s;
}

.product-box21 .box-info1 ul li .box2 {
  font-size: 1.375rem;
  margin-top: 0.8rem;
  transition: all .6s;
}

.product-box21 .box-info1 ul li:hover {
  background: rgba(255, 255, 255, 0);
  transform: translate(0, -1rem);
}

.product-box21 .box-info1 ul li:hover::before {
  opacity: 0.8;
}

.product-box21 .box-info1 ul li:hover .box1 img {
  filter: brightness(0) invert(1);
}

.product-box21 .box-info1 ul li:hover .box1 span,
.product-box21 .box-info1 ul li:hover .box2 {
  color: #fff;
}


.product-box22 {
  background: url(../images/pro15_bg2.jpg) no-repeat center;
  background-size: cover;
  padding: 6.25rem 0 2.75rem;
}

.product-box22 .box-info1 ul {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  margin-top: 11rem;
  position: relative;
}

.product-box22 .box-info1 ul::after {
  content: '';
  width: 100%;
  height: 22rem;
  background: url(../images/icon_9.png) no-repeat bottom;
  background-size: auto 100%;
  position: absolute;
  left: 0;
  bottom: 1.2rem;
}

.product-box22 .box-info1 ul li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
}

.product-box22 .box-info1 ul li .box1 {
  width: 4.8rem;
  height: 4.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.product-box22 .box-info1 ul li .box1 img {
  width: 2.75rem;
  height: 2.75rem;
  display: inline-block;
}

.product-box22 .box-info1 ul li .box1::after {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 1.25rem;
  border: 2px solid #e60013;
  position: absolute;
  left: -2px;
  top: -2px;
  transition: all .6s;
}

.product-box22 .box-info1 ul li .box2 {
  height: 23.0625rem;
  background: url(../images/pro15_bg3.png) no-repeat center;
  background-size: auto 100%;
  padding: 3rem 3rem 0;
  margin-top: -0.5rem;
  transition: all .6s;
}

.product-box22 .box-info1 ul li .box2 span {
  display: block;
  padding-bottom: 1rem;
  position: relative;
  font-size: 1.5rem;
  text-align: center;
  font-weight: bold;
  position: relative;
}

.product-box22 .box-info1 ul li .box2 span::after {
  content: '';
  width: 3.125rem;
  height: 0.3125rem;
  background: #e60013;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -1.5625rem;
}

.product-box22 .box-info1 ul li .box2 p {
  font-size: 1.125rem;
  margin-top: 1rem;
  line-height: 1.6;
  text-align: justify;
}

.product-box22 .box-info1 ul li .box3 {
  width: 2.875rem;
  height: 2.875rem;
  line-height: 2.875rem;
  color: #fff;
  font-size: 1.5rem;
  text-align: center;
  position: relative;
  z-index: 1;
}

.product-box22 .box-info1 ul li .box3::before {
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(239, 0, 30, 0.1);
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transform: scale(1.5);
  z-index: -2;
}

.product-box22 .box-info1 ul li .box3::after {
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(239, 0, 30, 1);
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.product-box22 .box-info1 ul li:nth-child(2) {
  margin-top: -0.9rem;
}

.product-box22 .box-info1 ul li:nth-child(3) {
  margin-top: -4.5rem;
}

.product-box22 .box-info1 ul li:nth-child(4) {
  margin-top: -10.5rem;
}

.product-box22 .box-info1 ul li:nth-child(5) {
  margin-top: -23.5rem;
}

.product-box22 .box-info1 ul li:nth-child(6) {
  margin-top: -43rem;
}

.product-box22 .box-info1 ul li:hover .box1::after {
  transform: rotate(225deg);
}

.product-box22 .box-info1 ul li:hover .box2 {
  background-image: url(../images/pro15_bg3_h.png);
}

.product-box22 .box-info1 ul li:hover .box3::before {
  background: rgba(239, 0, 30, 0.9);
  animation: zoomInOut 1.4s linear infinite;
}

.product-box23 {
  background: #006cbd;
  padding: 4.375rem 0 8.75rem;
}

.product-box23 .all-title1 span,
.product-box23 .all-title1 i,
.product-box23 .all-title1 p {
  color: #fff;
}

.product-box23 .box-info1 .swiper {
  overflow: initial;
  margin-top: 3.75rem;
}

.product-box23 .box-info1 .swiper .swiper-slide {
  width: 75rem;
}

.product-box23 .box-info1 .swiper .swiper-slide .between-center {
  width: 71.875rem;
  height: 34.25rem;
  background: #fff;
  border-radius: 1.25rem;
  overflow: hidden;
}

.product-box23 .box-info1 .swiper .swiper-slide .between-center .f-l {
  width: 43.625rem;
  height: 100%;
  overflow: hidden;
}

.product-box23 .box-info1 .swiper .swiper-slide .between-center .f-l img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: all .6s;
}

.product-box23 .box-info1 .swiper .swiper-slide .between-center .f-r {
  height: 100%;
  flex: 1;
  padding: 3.125rem 2rem;
}

.product-box23 .box-info1 .swiper .swiper-slide .between-center .f-r .box1 img {
  height: 4rem;
  display: block;
}

.product-box23 .box-info1 .swiper .swiper-slide .between-center .f-r .box2 {
  font-size: 1.125rem;
  margin-top: 1.5rem;
  line-height: 1.8;
  padding-bottom: 2rem;
}

.product-box23 .box-info1 .swiper .swiper-slide .between-center .f-r .box3 {
  text-align: right;
}

.product-box23 .box-info1 .swiper .swiper-slide .between-center .f-r .box3 .all-more1 {
  float: right;
}

.product-box23 .box-info1 .swiper .swiper-slide .between-center:hover .f-l img {
  transform: scale(1.1);
}

.all-more1 {
  border-color: #003172;
  color: #003172;
  margin: 0 auto;
}

.all-more1::before {
  background-image: url(../images/xt-info-xx.png);
  transition: all .6s;
}

.all-more1:hover {
  color: #fff;
}

.all-more1:hover::before {
  background-image: url(../images/xx-c.png);
}

.product-box23 .box-info1 .swiper .swiper-button-prev,
.product-box23 .box-info1 .swiper .swiper-button-next {
  width: 4.6875rem;
  height: 4.6875rem;
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid #fff;
  border-radius: 100%;
  transition: all .6s;
}

.product-box23 .box-info1 .swiper .swiper-button-prev::after,
.product-box23 .box-info1 .swiper .swiper-button-next::after {
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  transition: all .6s;
}

.product-box23 .box-info1 .swiper .swiper-button-prev:hover,
.product-box23 .box-info1 .swiper .swiper-button-next:hover {
  background: #fff;
}

.product-box23 .box-info1 .swiper .swiper-button-prev:hover::after,
.product-box23 .box-info1 .swiper .swiper-button-next:hover::after {
  color: #e60013;
}

.product-box23 .box-info1 .swiper .swiper-button-prev {
  left: -2rem;
}

.product-box24 {
  padding: 5rem 0 6.25rem;
}

.product-box24 .box-info1 ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 3rem;
  gap: 3rem;
}

.product-box24 .box-info1 ul li {
  height: 17.9375rem;
  background-color: #fff;
  background-position: center;
  background-size: cover;
  padding: 3.75rem 3rem 0;
  transition: all .6s;
}

.product-box24 .box-info1 ul li:nth-child(1) {
  background-image: url(../images/pro15_bg3.jpg);
}

.product-box24 .box-info1 ul li:nth-child(2) {
  background-image: url(../images/pro15_bg4.jpg);
}

.product-box24 .box-info1 ul li:nth-child(3) {
  background-image: url(../images/pro15_bg5.jpg);
}

.product-box24 .box-info1 ul li:nth-child(4) {
  background-image: url(../images/pro15_bg6.jpg);
}

.product-box24 .box-info1 ul li .box1 {
  font-size: 1.875rem;
  padding-bottom: 1.2rem;
  position: relative;
}

.product-box24 .box-info1 ul li .box1::after {
  content: '';
  width: 3.375rem;
  height: 0.3125rem;
  background: #e60013;
  position: absolute;
  left: 0;
  bottom: 0;
}

.product-box24 .box-info1 ul li .box2 {
  font-size: 1.25rem;
  margin-top: 1.2rem;
}

.product-box24 .box-info1 ul li:hover {
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
}

.bg-style5 {
  background: url(../images/pro16_bg1.jpg) no-repeat top;
  background-size: 100%;
}

.product-box25 {
  padding: 5rem 0 0;
}

.product-box25 .box-info1 {
  margin-top: 2.75rem;
  background: url(../images/pro16_bg2.jpg) no-repeat center;
  background-size: cover;
  border-radius: 1.25rem;
  padding: 4.375rem 5rem;
}

.product-box25 .box-info1 .f-r {
  width: 64.375rem;
  padding: 3.75rem 4.1875rem;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.85) 50%);
  border-radius: 0 1.25rem 1.25rem 0;
  float: right;
}

.product-box25 .box-info1 .f-r ul {
  float: right;
  position: relative;
  padding-left: 3rem;
}

.product-box25 .box-info1 .f-r ul::after {
  content: '';
  width: 1px;
  height: 90%;
  background: #1eb7b8;
  position: absolute;
  left: 1rem;
  top: 5%;
}

.product-box25 .box-info1 .f-r ul li {
  font-size: 1.375rem;
  position: relative;
  z-index: 2;
}

.product-box25 .box-info1 .f-r ul li+li {
  margin-top: 2.375rem;
}

.product-box25 .box-info1 .f-r ul li::after {
  content: '';
  width: 2rem;
  height: 2rem;
  border-radius: 100%;
  background: url(../images/icon_10.png) no-repeat center #1eb7b8;
  background-size: 1rem;
  position: absolute;
  left: -3rem;
  top: 50%;
  margin-top: -1rem;
}

.product-box26 {
  padding: 5rem 0 6.25rem;
}

.product-box26 .box-info1 ul {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1.8rem 1.5rem;
  margin-top: 3.4375rem;
}

.product-box26 .box-info1 ul li {
  height: 10.9375rem;
  border-radius: 1.25rem;
  background: #fff;
  border: 1px solid #DCDCDC;
  transition: all .6s;
}

.product-box26 .box-info1 ul li i img {
  height: 3.125rem;
  display: block;
  transition: all .6s;
}

.product-box26 .box-info1 ul li p {
  font-size: 1.5rem;
  margin-top: 0.5rem;
}

.product-box26 .box-info1 ul li:hover {
  box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.1);
}

.product-box26 .box-info1 ul li:hover i img {
  transform: rotateY(360deg);
}

.product-box27 {
  padding: 5rem 0;
  background: url(../images/pro16_bg3.jpg) no-repeat center;
  background-size: cover;
}

.product-box27 .all-title1 span,
.product-box27 .all-title1 i,
.product-box27 .all-title1 p {
  color: #fff;
}

.product-box27 .box-info1 {
  margin-top: 3rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.1875rem;
}

.product-box27 .box-info1 .center-block {
  background: rgba(255, 255, 255, 0.8);
  border-radius: 1.25rem;
  padding: 1.75rem 3.375rem 2.375rem;
}

.product-box27 .box-info1 .center-block .box1 {
  display: flex;
  border-bottom: 1px solid rgba(181, 181, 181, 0.5);
  padding-bottom: 1.125rem;
  line-height: 2rem;
}

.product-box27 .box-info1 .center-block .box1 img {
  width: 2.25rem;
  height: 2.25rem;
  object-fit: contain;
}

.product-box27 .box-info1 .center-block .box1 span {
  font-size: 2rem;
  padding: 0 0.625rem;
}

.product-box27 .box-info1 .center-block .box2 ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin: 1.75rem -1.7rem 0;
  gap: 1.75rem 0;
  text-align: center;
}

.product-box27 .box-info1 .center-block .box2 ul li i {
  width: 4.3125rem;
  height: 4.3125rem;
  background: #5890df;
  border-radius: 0.625rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all .6s;
}

.product-box27 .box-info1 .center-block .box2 ul li i img {
  height: 2rem;
  display: block;
  transition: all .6s;
}

.product-box27 .box-info1 .center-block .box2 ul li p {
  font-size: 1.1rem;
  margin-top: 0.4rem;
}

.product-box27 .box-info1 .center-block .box2 ul li:hover i {
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
}

.product-box27 .box-info1 .center-block .box2 ul li:hover i img {
  transform: rotateY(360deg);
}

.product-box27 .box-info2 {
  margin-top: 3.4375rem;
}

.product-box27 .box-info2 .all-more1 {
  border-color: #fff;
  color: #fff;
  margin: 0 auto;
}

.product-box27 .box-info2 .all-more1::before {
  background-image: url(../images/zx-img.png);
}

.product-box28 {
  padding: 5rem 0;
}

.product-box28 .box-info1 .swiper {
  margin-top: 2rem;
}

.product-box28 .box-info1 .swiper .swiper-slide {
  width: 20.875rem;
  height: 28.75rem;
}

.product-box28 .box-info1 .swiper .swiper-slide .center-center {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  color: #fff;
  overflow: hidden;
}

.product-box28 .box-info1 .swiper .swiper-slide .center-center .bg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.product-box28 .box-info1 .swiper .swiper-slide .center-center .bg::after {
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  top: 0;
}

.product-box28 .box-info1 .swiper .swiper-slide .center-center .bg img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: all .6s;
}

.product-box28 .box-info1 .swiper .swiper-slide .center-center .box1 {
  width: 5.9375rem;
  height: 5.9375rem;
  border: 0.1875rem solid #fff;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-box28 .box-info1 .swiper .swiper-slide .center-center .box1 img {
  width: 2.75rem;
  height: 2.75rem;
  display: block;
  transition: all .6s;
}

.product-box28 .box-info1 .swiper .swiper-slide .center-center .box2 {
  font-size: 1.875rem;
  font-weight: bold;
  padding-bottom: 1.5rem;
  margin-top: 1rem;
  position: relative;
}

.product-box28 .box-info1 .swiper .swiper-slide .center-center .box2::after {
  content: '';
  width: 2.2rem;
  height: 0.375rem;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -1.1rem;
  background: #fff;
}

.product-box28 .box-info1 .swiper .swiper-slide .center-center .box3 {
  font-size: 1.25rem;
  margin-top: 1.2rem;
  padding: 0 2.75rem;
  text-align: center;
}

.product-box28 .box-info1 .swiper .swiper-slide:hover .center-center .bg img {
  transform: scale(1.1);
}

.product-box28 .box-info1 .swiper .swiper-slide:hover .center-center .box1 img {
  transform: rotateY(360deg);
}

.product-box28 .box-info2 .between-center {
  position: relative;
  padding: 0 6.875rem;
  margin-top: 3.125rem;
}

.product-box28 .box-info2 .between-center .swiper-button-prev,
.product-box28 .box-info2 .between-center .swiper-button-next {
  width: 3.875rem;
  height: 3.875rem;
  background: #d4d4d4;
  border-radius: 100%;
  margin-top: -1.9375rem;
  transition: all .6s;
}

.product-box28 .box-info2 .between-center .swiper-button-prev::after,
.product-box28 .box-info2 .between-center .swiper-button-next::after {
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
}

.product-box28 .box-info2 .between-center .swiper-button-prev:hover,
.product-box28 .box-info2 .between-center .swiper-button-next:hover {
  background: #153d69;
  transform: scale(1.1);
}

.product-box29 {
  padding: 5rem 0 6.5rem;
  background: url(../images/pro17_bg1.jpg) no-repeat center;
  background-size: 100%;
}

.product-box29 .box-info1 {
  margin-top: 2.75rem;
  padding: 0 7.5rem;
}

.product-box29 .box-info1 .f-l {
  width: 45rem;
  height: 45rem;
  border: 0.1875rem solid #00bbf4;
  border-radius: 100%;
  padding: 2.5rem;
  position: relative;
}

.product-box29 .box-info1 .f-l div {
  width: 100%;
  height: 100%;
  position: relative;
}

.product-box29 .box-info1 .f-l div::after {
  content: '';
  width: 100%;
  height: 100%;
  border: 1px dashed #00bbf4;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 100%;
  animation: scroll2 50s linear infinite;
}

.product-box29 .box-info1 .f-l span {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  animation: scroll1 30s linear infinite;
}

.product-box29 .box-info1 .f-l span i {
  width: 2.625rem;
  height: 2.625rem;
  display: inline-flex;
  background: #fff;
  border: 0.1875rem solid #00bbf4;
  border-radius: 100%;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  top: -1.3125rem;
  margin-left: -1.3125rem;
}

.product-box29 .box-info1 .f-l span i::after {
  content: '';
  width: 1.75rem;
  height: 1.75rem;
  background: #00bbf4;
  border-radius: 100%;
}

.product-box29 .box-info1 .f-l div img {
  width: 28.75rem;
  display: inline-block;
  animation: moveUpDown 5s linear infinite;
}

.product-box29 .box-info1 .f-r {
  flex: 1;
  padding-left: 5.5rem;
}

.product-box29 .box-info1 .f-r ul li .box1 {
  display: flex;
  height: 4.5rem;
  padding: 0 1.875rem;
  background: linear-gradient(90deg, rgba(139, 194, 255, 0.5), rgba(139, 194, 255, 0));
  border-radius: 50px;
}

.product-box29 .box-info1 .f-r ul li .box1 img {
  width: 1.8rem;
  height: 1.8rem;
  object-fit: contain;
}

.product-box29 .box-info1 .f-r ul li .box1 span {
  flex: 1;
  padding: 0 0.5rem;
  font-size: 1.7rem;
}

.product-box29 .box-info1 .f-r ul li .box2 {
  padding: 0 1.875rem;
  margin-top: 1.5rem;
  font-size: 1.375rem;
}

.product-box29 .box-info1 .f-r ul li+li {
  margin-top: 3rem;
}

@keyframes moveUpDown {
  0% {
    transform: translateY(0rem);
  }

  25% {
    transform: translateY(-1rem);
  }

  50% {
    transform: translateY(0rem);
  }

  75% {
    transform: translateY(1rem);
  }

  100% {
    transform: translateY(0rem);
  }
}

.product-box30 {
  padding: 5.625rem 0;
  background: linear-gradient(0deg, #e5f3ff, #e8f4ff);
}

.product-box30 .box-info1 ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.875rem;
  margin-top: 2.75rem;
}

.product-box30 .box-info1 ul li {
  overflow: hidden;
  border-radius: 1.25rem;
  transition: all .6s;
}

.product-box30 .box-info1 ul li .box1 {
  height: 12.3125rem;
  background-position: center;
  background-size: 100%;
  position: relative;
  padding-top: 1rem;
  transition: all .6s;
}

.product-box30 .box-info1 ul li .box1 img {
  width: 5rem;
  height: 5rem;
  display: inline-block;
  transition: all .6s;
}

.product-box30 .box-info1 ul li .box1 p {
  font-size: 1.875rem;
  margin-top: 0.6rem;
}

.product-box30 .box-info1 ul li .box1::after {
  content: '';
  width: 3.25rem;
  height: 0.375rem;
  background: #e60013;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -1.625rem;
}

.product-box30 .box-info1 ul li .box2 {
  background: #fff;
  padding: 1.25rem 1.875rem;
  height: 11.125rem;
  font-size: 1.25rem;
  color: #444;
}

.product-box30 .box-info1 ul li:hover {
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
}

.product-box30 .box-info1 ul li:hover .box1 img {
  transform: rotateY(360deg);
}

.product-box30 .box-info1 ul li:hover .box1 {
  background-size: 110%;
}

.product-box1.style2 {
  padding: 3rem 0 2rem;
}

.product-box1.style2 .f-l {
  width: 68.75rem;
}

.product-box1.style2 .f-l .box-info1 {
  padding: 3rem 3.25rem;
  margin-top: -1rem;
  text-align: center;
}


.product-box3.style2 .box-info1 ul li {
  width: calc(24.5% - 2.1rem);
}

.product-box3.style2 .box-info1 ul li .center-center {
  padding: 4.375rem 1.5rem 3.125rem;
}

.product-box3.style2 .box-info1 ul li .center-center div {
  font-size: 1.125rem;
  height: 4.9rem;
  -webkit-line-clamp: 3;
}

.product-box3.style2 .box-info1 ul li .center-center div::-webkit-scrollbar {
  display: none;
}

.product-box3.style2 .box-info1 ul li:hover .center-center div {
  height: 8rem;
  -webkit-line-clamp: initial;
}

.solution-box5 {
  padding: 3.75rem 0 0;
}

.solution-box5 .box-info1 {
  gap: 4.5625rem;
  background: url(../images/sol5_bg1.jpg) no-repeat center;
  background-size: cover;
  padding: 6.75rem 0 7.5rem;
  border-radius: 1.25rem;
  margin-top: 2rem;
}

.solution-box5 .box-info1 ul {
  display: flex;
  gap: 2rem;
}

.solution-box5 .box-info1 ul li {
  width: 23.625rem;
  height: 6.6875rem;
  padding: 0 2.5rem;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 50px;
  transition: all .6s;
}

.solution-box5 .box-info1 ul li .box1 {
  margin-top: 0.8rem;
}

.solution-box5 .box-info1 ul li .box1 img {
  width: 2rem;
  height: 2rem;
  display: block;
  transition: all .6s;
}

.solution-box5 .box-info1 ul li .box1 span {
  flex: 1;
  font-size: 1.875rem;
  padding: 0 0.5rem;
}

.solution-box5 .box-info1 ul li .box2 {
  font-size: 1.125rem;
  margin-top: 0.2rem;
  color:#333;
}

.solution-box5 .box-info1 ul li:hover {
  background: rgba(255, 255, 255, 1);
}

.solution-box5 .box-info1 ul li:hover .box1 img {
  transform: rotateY(360deg);
}

.solution-box6 {
  padding: 4.375rem 0 0;
}

.solution-box6 .box-info1 {
  margin-top: 2rem;
  display: flex;
  gap: 1.375rem;
}

.solution-box6 .box-info1 .f-l {
  width: 29.25rem;
}

.solution-box6 .box-info1 .f-l ul {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.solution-box6 .box-info1 .f-l ul li {
  width: 100%;
  padding: 1.5rem;
  background: #eee;
  border-radius: 1.25rem;
  cursor: pointer;
  transition: all .6s;
}

.solution-box6 .box-info1 .f-l ul li span {
  display: block;
  font-size: 3rem;
  line-height: 1.1;
}

.solution-box6 .box-info1 .f-l ul li p {
  font-size: 1.625rem;
  transition: none;
}

.solution-box6 .box-info1 .f-l ul li.active,
.solution-box6 .box-info1 .f-l ul li:hover {
  background: #e60013;
  color: #fff;
}

.solution-box6 .box-info1 .f-r {
  flex: 1;
  background: url(../images/sol6_bg1.jpg) no-repeat center;
  background-size: cover;
  border-radius: 1.25rem;
  color: #fff;
  overflow: hidden;
  position: relative;
}

.solution-box6 .box-info1 .f-r .between-top {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  padding: 5rem 7.5rem 0 12rem;
  opacity: 0;
  transform: translate(0, 3rem);
  pointer-events: none;
  transition: all .6s;
}

.solution-box6 .box-info1 .f-r .between-top .box1 {}

.solution-box6 .box-info1 .f-r .between-top .box2 {
  flex: 1;
  padding-left: 5rem;
}

.solution-box6 .box-info1 .f-r .between-top .box2 span {
  display: block;
  padding-bottom: 1.2rem;
  font-size: 2.3rem;
  position: relative;
}

.solution-box6 .box-info1 .f-r .between-top .box2 span::after {
  content: '';
  width: 4.375rem;
  height: 0.375rem;
  background: #e60013;
  position: absolute;
  left: 0;
  bottom: 0;
}

.solution-box6 .box-info1 .f-r .between-top .box2 p {
  font-size: 1.25rem;
  margin-top: 1.1rem;
}

.solution-box6 .box-info1 .f-r .between-top.active {
  opacity: 1;
  transform: translate(0, 0);
  pointer-events: auto;
}

.solution-box7 {
  padding: 5rem 0 0;
}

.solution-box7 .box-info1 ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  margin-top: 2rem;
  overflow: hidden;
  border-radius: 1.25rem;
}

.solution-box7 .box-info1 ul li {
  height: 36.25rem;
  background-position: center;
  background-size: 100%;
  position: relative;
  overflow: hidden;
}

.solution-box7 .box-info1 ul li .center-block {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
  padding: 2rem 2rem 4.6875rem;
  color: #fff;
}

.solution-box7 .box-info1 ul li::before {
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  position: absolute;
  left: 0;
  top: 0;
}

.solution-box7 .box-info1 ul li::after {
  content: '';
  width: 100%;
  height: 50%;
  background: linear-gradient(0deg, rgba(64, 166, 208, 0.8) 50%, rgba(64, 166, 208, 0));
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0;
  transition: all .6s;
}

.solution-box7 .box-info1 ul li .box1 {
  font-size: 2rem;
  padding-bottom: 1.5rem;
  position: relative;
  font-weight: bold;
  line-height: 1.2;
}

.solution-box7 .box-info1 ul li .box1::after {
  content: '';
  width: 1.875rem;
  height: 0.375rem;
  background: #e60013;
  position: absolute;
  left: 0;
  bottom: 0;
}

.solution-box7 .box-info1 ul li .box2 {
  overflow: hidden;
  height: 0;
  font-size: 1.25rem;
  transition: all .6s;
}

.solution-box7 .box-info1 ul li:hover {
  background-size: 110%;
}

.solution-box7 .box-info1 ul li:hover::after {
  height: 100%;
  opacity: 1;
}

.solution-box7 .box-info1 ul li:hover .box2 {
  height: 14rem;
  margin-top: 1rem;
}

.solution-box1.style3 .box-info1 {
  padding-bottom: 4rem;
}

.solution-box1.style3 .box-info1 ul {
  gap: 2.25rem;
}

.solution-box1.style3 .box-info1 ul li {
  min-height: 19.375rem;
}

.solution-box1.style3 .box-info1 ul li .box1 {
  display: flex;
  padding: 0 2rem;
  line-height: 2.8125rem;
}

.solution-box1.style3 .box-info1 ul li .box1 img {
  width: 2.5rem;
  height: 2.5rem;
  display: block;
}

.solution-box1.style3 .box-info1 ul li .box1 span {
  padding: 0 0.75rem;
}

.solution-box1.style3 .box-info1 ul li .box1::after {
  display: none;
}

.solution-box1.style3 .box-info1 ul li .box2 {
  line-height: 1.8;
}

.solution-box1.style3 .box-info1 ul li::after {
  height: 0.5625rem;
  background: #e60013;
}

.product-box4.style3 {
  padding-top: 4rem;
  padding-bottom: 0;
}

.product-box4.style3 .top-box .center-center i.icon1 {
  background-image: url(../images/sol7_2_1.png);
}

.product-box4.style3 .top-box .center-center i.icon2 {
  background-image: url(../images/sol7_2_2.png);
}

.product-box4.style3 .top-box .center-center i.icon3 {
  background-image: url(../images/sol7_2_3.png);
}

.product-box4.style3 .top-box .center-center i.icon4 {
  background-image: url(../images/sol7_2_4.png);
}

.product-box4.style3 .top-box .center-center i.icon5 {
  background-image: url(../images/sol7_2_5.png);
}

.product-box4.style3 .top-box .center-center.active i.icon1 {
  background-image: url(../images/sol7_2_1_h.png);
}

.product-box4.style3 .top-box .center-center.active i.icon2 {
  background-image: url(../images/sol7_2_2_h.png);
}

.product-box4.style3 .top-box .center-center.active i.icon3 {
  background-image: url(../images/sol7_2_3_h.png);
}

.product-box4.style3 .top-box .center-center.active i.icon4 {
  background-image: url(../images/sol7_2_4_h.png);
}

.product-box4.style3 .top-box .center-center.active i.icon5 {
  background-image: url(../images/sol7_2_5_h.png);
}

.product-box4.style3 .top-box .center-center p {
  font-size: 1.5rem;
  font-weight: bold;
}

.product-box4.style3 .top-box .center-center span {
  font-size: 1.125rem;
  color: #666;
  font-weight: normal;
  margin-top: -0.6rem;
}

.product-box4.style3 .lower-box .center-block .f-l .box1 {
  padding: 0 0 0.8rem;
}

.product-box4.style3 .lower-box .center-block .f-l .box1::after {
  content: '';
  width: 3.625rem;
  height: 0.375rem;
  background: #e60013;
  position: absolute;
  left: 0;
  bottom: -1rem;
}

.product-box4.style3 .lower-box .center-block .f-l .box2 p {
  font-size: 1.25rem;
  margin-top: 1.4rem;
}

.product-box4.style3 .lower-box .center-block .f-l .box2 p::before {
  background: #00ffff;
}

.solution-box8 {
  padding: 5rem 0 6.25rem;
}

.solution-box8 .box-info1 ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 5rem 2.5rem;
  margin-top: 5rem;
}

.solution-box8 .box-info1 ul li {
  border-radius: 1.25rem;
  position: relative;
  box-shadow: 0 0 2.5rem rgba(0, 0, 0, 0.1);
  padding-bottom: 2rem;
  transition: all .6s;
}

.solution-box8 .box-info1 ul li .box1 {
  width: 7.75rem;
  height: 6.3125rem;
  background: url(../images/sol7_bg6.png) no-repeat center;
  background-size: contain;
  display: flex;
  margin: -2rem auto 0;
  align-items: center;
  justify-content: center;
}

.solution-box8 .box-info1 ul li .box1 img {
  height: 2.75rem;
  display: block;
  transition: all .6s;
}

.solution-box8 .box-info1 ul li .box2 {
  font-size: 1.875rem;
  text-align: center;
  padding: 0.8rem 0;
}

.solution-box8 .box-info1 ul li .box3 {
  height: 11.4375rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.3rem 1.1rem;
}

.solution-box8 .box-info1 ul li .box3 span {
  font-size: 1.25rem;
  padding-left: 1.375rem;
  position: relative;
  background: url(../images/icon_11.png) no-repeat left;
  background-size: 0.875rem;
  color: #333;
}

.solution-box8 .box-info1 ul li .box4 {
  height: 10rem;
  font-size: 1.25rem;
  padding: 0 2.5rem;
  line-height: 1.8;
  color: #444;
}

.solution-box8 .box-info1 ul li .box5 {
  height: 18rem;
  font-size: 1.25rem;
  padding: 0 3rem;
  line-height: 1.8;
  color: #444;
}

.solution-box8 .box-info1 ul li:hover {
  transform: translate(0, -1.5rem);
}

.solution-box8 .box-info1 ul li:hover .box1 img {
  transform: rotateY(360deg);
}

.solution-box9 {
  background: url(../images/sol8_bg0.png) no-repeat top;
  background-size: 100%;
  padding: 4.375rem 0 0;
}

.solution-box9 .box-info1 ul {
  margin-top: 2.625rem;
}

.solution-box9 .box-info1 ul li {
  width: 13rem;
  height: 13rem;
  overflow: hidden;
  border-radius: 100%;
  position: relative;
}

.solution-box9 .box-info1 ul li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all .6s;
}

.solution-box9 .box-info1 ul li p {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3.8rem;
  line-height: 3.6rem;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  text-align: center;
  font-size: 1.75rem;
}

.solution-box9 .box-info1 ul li:hover img {
  transform: scale(1.1);
}

.solution-box10 {
  padding-top: 5rem;
}

.solution-box10 .bg-style1 {
  padding: 4rem 0;
  margin-top: 2.625rem;
}

.solution-box10 .box-info1 ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.75rem;
}

.solution-box10 .box-info1 ul li {
  height: 17.9375rem;
  background-position: center;
  background-size: cover;
  padding: 1.5rem;
  color: #fff;
  border-radius: 1.25rem;
}

.solution-box10 .box-info1 ul li .box1 {
  display: flex;
}

.solution-box10 .box-info1 ul li .box1 i {
  width: 4.25rem;
  height: 4.25rem;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 50px 50px 0 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.solution-box10 .box-info1 ul li .box1 i img {
  height: 2.5rem;
}

.solution-box10 .box-info1 ul li .box1 span {
  font-size: 1.875rem;
  line-height: 4.25rem;
  padding: 0 0.75rem;
}

.solution-box10 .box-info1 ul li .box2 {
  font-size: 1.15rem;
  margin-top: 0.5rem;
  line-height: 1.8;
}

.solution-box10 .box-info2 {
  background: #fff;
  border-radius: 1.25rem;
  padding: 3.3rem;
  margin-top: 2.625rem;
}

.solution-box11 {
  padding-top: 4.375rem;
}

.solution-box11 .box-info1 ul {
  background: url(../images/sol8_bg4.jpg) no-repeat center;
  background-size: cover;
  border-radius: 1.25rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  overflow: hidden;
  margin-top: 2rem;
}

.solution-box11 .box-info1 ul li {
  height: 22.125rem;
  position: relative;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.solution-box11 .box-info1 ul li::after {
  content: '';
  width: 100%;
  height: 100%;
  background: #e60013;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all .6s;
}

.solution-box11 .box-info1 ul li .center-block {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  padding: 2rem;
  color: #fff;
}

.solution-box11 .box-info1 ul li .center-block .box1 {
  display: flex;
}

.solution-box11 .box-info1 ul li .center-block .box1 img {
  width: 2.25rem;
  height: 2.25rem;
  object-fit: contain;
}

.solution-box11 .box-info1 ul li .center-block .box1 span {
  flex: 1;
  line-height: 2.25rem;
  font-size: 2.25rem;
  padding: 0 0.5rem;
}

.solution-box11 .box-info1 ul li .center-block .box2 {
  font-size: 1.25rem;
  overflow: hidden;
  height: 0;
  transition: all .6s;
}

.solution-box11 .box-info1 ul li:hover::after {
  opacity: 0.7;
}

.solution-box11 .box-info1 ul li:hover .center-block .box2 {
  height: 5.875rem;
  margin-top: 1rem;
}

.solution-box12 {
  padding-top: 4.375rem;
}

.solution-box12 .box-info1 ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.5rem;
  margin-top: 3.125rem;
}

.solution-box12 .box-info1 ul li {
  background: #fff;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
  border-radius: 1.25rem;
  overflow: hidden;
}

.solution-box12 .box-info1 ul li .box1 {
  height: 12.375rem;
  overflow: hidden;
}

.solution-box12 .box-info1 ul li .box1 img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: all .6s;
}

.solution-box12 .box-info1 ul li .box2 {
  padding: 2rem 1.75rem 3.125rem;
}

.solution-box12 .box-info1 ul li .box2 span {
  display: block;
  font-size: 1.875rem;
  position: relative;
  padding-bottom: 1rem;
}

.solution-box12 .box-info1 ul li .box2 span::after {
  content: '';
  width: 3.4375rem;
  height: 0.3125rem;
  background: #e60013;
  position: absolute;
  left: 0;
  bottom: 0;
}

.solution-box12 .box-info1 ul li .box2 div {
  font-size: 1.25rem;
  margin-top: 1rem;
  color: #444;
}

.solution-box12 .box-info1 ul li:hover .box1 img {
  transform: scale(1.1);
}

.solution-box13 {
  padding-top: 4.5rem;
}

.solution-box13 .box-info1 ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.5rem;
  margin-top: 2.5rem;
}

.solution-box13 .box-info1 ul li {
  height: 25.5rem;
  border-radius: 1.25rem;
  overflow: hidden;
  color: #fff;
  padding: 0 2.75rem;
  position: relative;
  z-index: 2;
}

.solution-box13 .box-info1 ul li::after {
  content: '';
  width: 27.0625rem;
  height: 20.75rem;
  background: rgba(255, 255, 255, 0.07);
  position: absolute;
  right: -1rem;
  bottom: 0;
  transform-origin: right bottom;
  transform: rotate(-45deg);
  border-radius: 3rem;
}

.solution-box13 .box-info1 ul li .f-l {
  width: 17rem;
  text-align: center;
}

.solution-box13 .box-info1 ul li .f-l img {
  display: inline-block;
  transition: all .6s;
}

.solution-box13 .box-info1 ul li .f-r {
  flex: 1;
  padding-left: 2.25rem;
}

.solution-box13 .box-info1 ul li .f-r span {
  display: block;
  font-size: 2.5rem;
  line-height: 1.2;
}

.solution-box13 .box-info1 ul li .f-r p {
  font-size: 1.25rem;
  margin-top: 1rem;
}

.solution-box13 .box-info1 ul li.style1 {
  background: #4162d8;
}

.solution-box13 .box-info1 ul li.style2 {
  background: #009ce7;
}

.solution-box13 .box-info1 ul li:hover .f-l img {
  transform: scale(1.1);
}

.solution-box14 {
  padding-top: 4.5rem;
}

.solution-box14 .box-info1 {
  background: url(../images/sol10_bg1.jpg) no-repeat center;
  background-size: cover;
  padding: 6.125rem;
  border-radius: 1.25rem;
  margin-top: 2.375rem;
}

.solution-box11.style2 .box-info1 ul {
  background-image: url(../images/sol10_bg2.jpg);
}

.solution-box11.style2 .box-info1 ul li {
  height: 39.375rem;
}

.solution-box11.style2 .box-info1 ul li .center-block .box2 {
  height: 7.5rem;
  margin-top: 1rem;
  font-size: 1.125rem;
}

.solution-box11.style2 .box-info1 ul li:hover .center-block .box2 {
  height: 17.5rem;
}

.solution-box11.style2 .box-info1 ul li::after {
  background: linear-gradient(180deg, rgba(230, 0, 19, 0), rgba(230, 0, 19, 0.7) 50%);
}

.solution-box15 {
  padding: 5rem 0;
}

.solution-box15 .box-info1 ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.5rem;
  margin-top: 2.5rem;
}

.solution-box15 .box-info1 ul li {
  background: #fff;
  box-shadow: 0 0 2rem rgba(179, 179, 179, 0.1);
  padding: 2.25rem;
  border-radius: 1.25rem;
  transition: all .6s;
}

.solution-box15 .box-info1 ul li .box1 {
  padding-bottom: 0.8rem;
  font-size: 1.875rem;
  position: relative;
}

.solution-box15 .box-info1 ul li .box1 img {
  width: 3.125rem;
  height: 3.125rem;
  object-fit: contain;
}

.solution-box15 .box-info1 ul li .box1::after {
  content: '';
  width: 3.125rem;
  height: 0.375rem;
  background: #e60013;
  position: absolute;
  left: 0;
  bottom: 0;
}

.solution-box15 .box-info1 ul li .box2 {
  font-size: 1.25rem;
  margin-top: 1rem;
  height: 7.5rem;
  color: #444;
}

.solution-box15 .box-info1 ul li:hover {
  transform: translate(0, -1rem);
  box-shadow: 0 0 2rem rgba(179, 179, 179, 0.3);
}

.solution-box16 {
  padding: 5rem 0;
}

.solution-box16 .box-info1 {
  margin-top: 2.5rem;
  padding: 0 13rem;
}

.solution-box16 .box-info1::after {
  content: '';
  width: 100%;
  height: 0.1875rem;
  background: #e9f2fa;
  position: absolute;
  left: 0;
  bottom: 0;
}

.solution-box16 .box-info1 span {
  font-size: 1.875rem;
  padding-bottom: 0.5rem;
  position: relative;
  z-index: 1;
  cursor: pointer;
  transition: all .6s;
}

.solution-box16 .box-info1 span::after {
  content: '';
  width: 0;
  height: 0.1875rem;
  background: #e60013;
  position: absolute;
  left: 50%;
  bottom: 0;
  transition: all .6s;
}

.solution-box16 .box-info1 span:hover,
.solution-box16 .box-info1 span.active {
  color: #e60013;
}

.solution-box16 .box-info1 span:hover::after,
.solution-box16 .box-info1 span.active::after {
  width: 100%;
  left: 0;
}

.solution-box16 .box-info2 {
  height: 39.625rem;
  position: relative;
  margin-top: 3.75rem;
}

.solution-box16 .box-info2>.between-top {
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
  opacity: 0;
  pointer-events: none;
  transition: all .6s;
  transform: translate(0, 2rem);
}

.solution-box16 .box-info2>.between-top .f-l {
  flex: 1;
}

.solution-box16 .box-info2>.between-top .f-l ul li+li {
  margin-top: 4.8rem;
}

.solution-box16 .box-info2>.between-top .f-l ul li .box1 {
  width: 4.375rem;
  height: 4.375rem;
  border-radius: 100%;
  border: 1px dashed #e60013;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.solution-box16 .box-info2>.between-top .f-l ul li .box1 i {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  animation: scroll1 10s linear infinite;
}

.solution-box16 .box-info2>.between-top .f-l ul li .box1 i::after {
  content: '';
  width: 0.5625rem;
  height: 0.5625rem;
  background: #e60013;
  position: absolute;
  left: 50%;
  top: -0.3rem;
  margin-left: -0.3rem;
  border-radius: 100%;
}

.solution-box16 .box-info2>.between-top .f-l ul li .box1 img {
  width: 2.25rem;
  height: 2.25rem;
  display: inline-block;
}

.solution-box16 .box-info2>.between-top .f-l ul li .box2 {
  flex: 1;
  padding: 0 0.625rem;
}

.solution-box16 .box-info2>.between-top .f-l ul li .box2 span {
  display: block;
  font-size: 1.875rem;
  margin-top: -0.3rem;
}

.solution-box16 .box-info2>.between-top .f-l ul li .box2 p {
  font-size: 1.25rem;
  color: #333;
}

.solution-box16 .box-info2>.between-top .f-r {
  width: 60.5625rem;
  border-radius: 1.25rem;
  color: #fff;
  background: #fff;
  border-radius: 1.25rem;
  padding: 3.75rem 2rem 2rem;
  box-shadow: 0 0 2rem rgba(179, 179, 179, 0.3);
  position: relative;
}

.solution-box16 .box-info2>.between-top .f-r em {
  width: 1.125rem;
  height: 1.125rem;
  position: absolute;
  right: 2rem;
  top: 1.5rem;
  background: #fb9b00;
  border-radius: 100%;
}

.solution-box16 .box-info2>.between-top .f-r em::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  right: 2rem;
  top: 0;
  background: #4ed2d3;
  border-radius: 100%;
}

.solution-box16 .box-info2>.between-top .f-r em::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  right: 4rem;
  top: 0;
  background: #00a3f0;
  border-radius: 100%;
}

.solution-box16 .box-info2>.between-top .f-r .box1 {
  width: 100%;
  height: 33.4375rem;
  border-radius: 1.25rem;
  background-position: center;
  background-size: cover;
  padding: 5.5rem 6.25rem;
  font-size: 2.1rem;
  line-height: 3.5rem;
}

.solution-box16 .box-info2>.between-top .f-r .box1 span {
  line-height: 2.875rem;
  background: #e60013;
  display: inline-block;
}

.solution-box16 .box-info2>.between-top.active {
  opacity: 1;
  pointer-events: auto;
  transform: translate(0, 0);
}

.solution-box17 {
  padding: 4.375rem 0 0;
  background: url(../images/sol11_2_bg1.jpg) no-repeat top;
  background-size: cover;
}

.solution-box17 .all-title1 p {
  position: relative;
  padding: 0.625rem 4.375rem;
}

.solution-box17 .all-title1 p::after {
  content: '';
  width: 3rem;
  height: 2rem;
  background: url(../images/icon_1.png) no-repeat center;
  background-size: contain;
  position: absolute;
  right: 0;
  bottom: 0;
}

.solution-box17 .all-title1 p::before {
  content: '';
  width: 3rem;
  height: 2rem;
  background: url(../images/icon_1.png) no-repeat center;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 0;
}

.solution-box17 .box-info1 {
  background: url(../images/sol11_2_bg2.jpg) no-repeat center;
  background-size: cover;
  border-radius: 2.5rem 2.5rem 0 0;
  margin-top: 1.5rem;
  padding: 0 3.75rem;
  height: 38.4375rem;
}

.solution-box17 .box-info1 ul {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3.75rem;
}

.solution-box17 .box-info1 ul li .f-l {
  width: 7.625rem;
  height: 8.75rem;
  background: url(../images/sol11_2_bg3.png) no-repeat center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
  transition: all .6s;
  background-size: contain;
}

.solution-box17 .box-info1 ul li .f-l img {
  width: 4.5rem;
  height: 4.5rem;
  display: block;
  transition: all .6s;
}

.solution-box17 .box-info1 ul li .f-r {
  width: 26.75rem;
  height: 17.1875rem;
  background: rgba(0, 163, 240, 0.7);
  border-radius: 1.25rem;
  color: #fff;
  font-size: 1.3rem;
  display: flex;
  align-items: center;
  padding: 0 0 0 5rem;
  line-height: 1.8;
  margin-left: -4rem;
  transform: translate(-0.3rem, 0);
  transition: all .6s;
}

.solution-box17 .box-info1 ul li:hover .f-l {
  background-image: url(../images/sol11_2_bg4.png);
}

.solution-box17 .box-info1 ul li:hover .f-l img {
  transform: rotateY(360deg);
}

.solution-box17 .box-info1 ul li:hover .f-r {
  background: rgba(255, 255, 255, 0.9);
  color: #222;
}

.solution-box18 {
  background: url(../images/sol11_3_bg1.jpg) center;
  background-size: cover;
  padding: 5rem 0;
}

.solution-box18 .f-l {
  width: 39.5rem;
}

.solution-box18 .f-l .box-info1 {
  margin-top: 5rem;
  position: relative;
}

.solution-box18 .f-l .box-info1 .center-block {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transform: translate(4rem, 0);
  transition: all .6s;
}

.solution-box18 .f-l .box-info1 .center-block.active {
  opacity: 1;
  transform: translate(0, 0);
}

.solution-box18 .f-l .box-info1 .box1 {
  font-size: 2.25rem;
  padding-bottom: 1.5rem;
  position: relative;
}

.solution-box18 .f-l .box-info1 .box1::after {
  content: '';
  width: 4.5rem;
  height: 0.375rem;
  background: #e60013;
  position: absolute;
  left: 0;
  bottom: 0;
}

.solution-box18 .f-l .box-info1 .box2 p {
  position: relative;
  font-size: 1.5rem;
  margin-top: 2.25rem;
  padding-left: 1.6rem;
  color: #444;
}

.solution-box18 .f-l .box-info1 .box2 p::before {
  content: '';
  width: 0.6875rem;
  height: 0.6875rem;
  background: #e60013;
  position: absolute;
  left: 0;
  top: 0.8rem;
  transform: rotate(45deg);
}

.solution-box18 .f-r {
  width: 50%;
  height: 40rem;
  position: relative;
}

.solution-box18 .f-r .center-center {
  width: 17.8125rem;
  height: 6.375rem;
  background: #fff;
  box-shadow: 0 0 2rem rgba(179, 179, 179, 0.13);
  border-radius: 1.25rem;
  transition: all .6s;
  position: absolute;
  cursor: pointer;
}

.solution-box18 .f-r .center-center img {
  width: 3.375rem;
  height: 3.375rem;
  object-fit: contain;
  transition: all .6s;
}

.solution-box18 .f-r .center-center p {
  font-size: 1.875rem;
  padding-left: 1rem;
}

.solution-box18 .f-r .center-center:hover,
.solution-box18 .f-r .center-center.active {
  background: #e60013;
}

.solution-box18 .f-r .center-center:hover img,
.solution-box18 .f-r .center-center.active img {
  filter: brightness(0) invert(1);
}

.solution-box18 .f-r .center-center:hover p,
.solution-box18 .f-r .center-center.active p {
  color: #fff;
}

.solution-box18 .f-r .center-center:nth-child(1) {
  left: 4.125rem;
  top: 0;
}

.solution-box18 .f-r .center-center:nth-child(2) {
  left: 0;
  top: 11.25rem;
}

.solution-box18 .f-r .center-center:nth-child(3) {
  left: 26.5625rem;
  top: 11.25rem;
}

.solution-box18 .f-r .center-center:nth-child(4) {
  left: 0;
  top: 22.5rem;
}

.solution-box18 .f-r .center-center:nth-child(5) {
  left: 24.375rem;
  top: 22.5rem;
}

.solution-box18 .f-r .center-center:nth-child(6) {
  left: 4.125rem;
  top: 33.875rem;
}

.solution-box19 {
  padding: 4.875rem 0 6.25rem;
}

.solution-box19 .box-info1 {
  margin-top: 2.75rem;
}

.solution-box19 .box-info1 ul {
  display: flex;
  border-top: 1px solid #e5e5e5;
}

.solution-box19 .box-info1 ul li {
  width: 100%;
  height: 18.75rem;
  border-left: 1px solid #e5e5e5;
  background: #fff;
  position: relative;
  transition: all .6s;
}

.solution-box19 .box-info1 ul li::after {
  content: '';
  width: 3rem;
  height: 3rem;
  background: url(../images/icon_12.png) no-repeat center #fff;
  background-size: 0.75rem;
  border-radius: 100%;
  box-shadow: 0 0 1rem rgba(230, 0, 19, 0.07);
  position: absolute;
  z-index: 2;
}

.solution-box19 .box-info1 ul:nth-child(odd),
.solution-box19 .box-info1 ul:nth-child(odd) li:first-child {
  border: none;
}

.solution-box19 .box-info1 ul:nth-child(odd) li::after {
  right: -1.5rem;
  top: 50%;
  margin-top: -1.5rem;
}

.solution-box19 .box-info1 ul:nth-child(odd) li:last-child::after {
  right: 50%;
  top: auto;
  bottom: -1.5rem;
  margin-right: -1.5rem;
  transform: rotate(90deg);
}

.solution-box19 .box-info1 ul:nth-child(even) {
  flex-direction: row-reverse;
}

.solution-box19 .box-info1 ul:nth-child(even) li:last-child {
  border: none
}

.solution-box19 .box-info1 ul:nth-child(even) li::after {
  left: -1.5rem;
  top: 50%;
  margin-top: -1.5rem;
  transform: rotate(180deg);
}

.solution-box19 .box-info1 ul:nth-child(even) li:last-child::after {
  left: 50%;
  top: auto;
  bottom: -1.5rem;
  margin-left: -1.5rem;
  transform: rotate(90deg);
}

.solution-box19 .box-info1 ul:last-child li:last-child::after {
  display: none;
}

.solution-box19 .box-info1 ul li .box1 {
  font-size: 5.625rem;
  font-style: italic;
  position: absolute;
  left: 1rem;
  top: 0;
  color: #ededed;
  line-height: 1.2;
  transition: all .6s;
}

.solution-box19 .box-info1 ul li .box2 {
  width: 4.375rem;
  height: 4.375rem;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.solution-box19 .box-info1 ul li .box2 img {
  width: 2.125rem;
  height: 2.125rem;
  object-fit: cover;
  position: relative;
  z-index: 2;
  transition: all .6s;
  filter: brightness(0) invert(1);
}

.solution-box19 .box-info1 ul li .box2::after {
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 1.25rem;
  background: #e60013;
  position: absolute;
  left: 0;
  top: 0;
  transform: rotate(45deg);
  transition: all .6s;
}

.solution-box19 .box-info1 ul li .box3 {
  font-size: 1.875rem;
  margin-top: 1.5rem;
  transition: all .6s;
}

.solution-box19 .box-info1 ul li .box4 {
  font-size: 1.125rem;
  color: #fff;
  height: 0;
  text-align: center;
  overflow: hidden;
  transition: all .6s;
}

@media (min-width:1100px) {
  .solution-box19 .box-info1 ul li:hover {
    background: #e60013;
  }

  .solution-box19 .box-info1 ul li:hover .box1 {
    opacity: 0;
  }

  .solution-box19 .box-info1 ul li:hover .box2::after {
    transform: rotate(225deg);
    background: #fff;
  }

  .solution-box19 .box-info1 ul li:hover .box2 img {
    filter: none;
  }

  .solution-box19 .box-info1 ul li:hover .box3 {
    color: #fff;
  }

  .solution-box19 .box-info1 ul li:hover .box4 {
    height: 3.5rem;
    margin-top: 1rem;
  }
}

.solution-box20 {
  background: url(../images/sol12_bg1.jpg) no-repeat top;
  background-size: 100%;
  padding: 4.5rem 0 6.25rem;
}

.solution-box20 .box-info1 ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin: 4.375rem 0;
  gap: 1.625rem;
}

.solution-box20 .box-info1 ul li {
  height: 18.3125rem;
  border: 1px solid #fff;
  border-radius: 1.25rem;
  background-position: center;
  background-size: cover;
  padding: 2.5rem 2.75rem 0;
  transition: all .6s;
}

.solution-box20 .box-info1 ul li:nth-child(1) {
  background-image: url(../images/sol12_1_bg1.png);
}

.solution-box20 .box-info1 ul li:nth-child(2) {
  background-image: url(../images/sol12_1_bg2.png);
}

.solution-box20 .box-info1 ul li:nth-child(3) {
  background-image: url(../images/sol12_1_bg3.png);
}

.solution-box20 .box-info1 ul li:nth-child(4) {
  background-image: url(../images/sol12_1_bg4.png);
}

.solution-box20 .box-info1 ul li .box1 {
  font-size: 2.25rem;
  padding-bottom: 1.5rem;
  position: relative;
}

.solution-box20 .box-info1 ul li .box1::after {
  content: '';
  width: 4rem;
  height: 0.4375rem;
  background: #e60013;
  position: absolute;
  left: 0;
  bottom: 0;
}

.solution-box20 .box-info1 ul li .box2 {
  padding-top: 0.5rem;
}

.solution-box20 .box-info1 ul li .box2 p {
  position: relative;
  padding-left: 2rem;
  font-size: 1.25rem;
  margin-top: 0.6rem;
  background: url(../images/icon_13.png) no-repeat left;
  background-size: 1.4rem;
  color: #444;
}

@media (min-width:1100px) {
  .solution-box20 .box-info1 ul li:hover {
    transform: translate(0, -1rem);
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  }
}

.solution-box20 .box-info2 {
  background: url(../images/sol12_2_bg1.jpg) no-repeat center;
  background-size: cover;
  padding: 8.125rem 4.375rem;
  margin-top: 3.75rem;
  border-radius: 1.25rem;
}

.solution-box20 .box-info2 ul {
  display: flex;
  gap: 2.5rem;
}

.solution-box20 .box-info2 ul li {
  width: 10.625rem;
  height: 22.9375rem;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
}

.solution-box20 .box-info2 ul li::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url(../images/sol12_2_bg2.png) no-repeat center;
  background-size: cover;
  opacity: 0;
  transition: all .6s;
}

.solution-box20 .box-info2 ul li .f-l {
  width: 3rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: all .6s;
  overflow: hidden;
  position: relative;
  z-index: 2;
}

.solution-box20 .box-info2 ul li .f-l div {
  width: 3rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.solution-box20 .box-info2 ul li .f-l img {
  width: 3rem;
  height: 3rem;
  object-fit: contain;
}

.solution-box20 .box-info2 ul li .f-l span {
  font-size: 2rem;
  color: #fff;
  width: 2.5rem;
  text-align: center;
  line-height: 1.2;
  margin-top: 1rem;
}

.solution-box20 .box-info2 ul li .f-r {
  width: 0;
  overflow: hidden;
  transition: all .6s;
  position: relative;
  z-index: 2;
}

.solution-box20 .box-info2 ul li .f-r .center-block {
  width: 38.75rem;
}

.solution-box20 .box-info2 ul li .f-r .center-block .box1 {
  display: flex;
}

.solution-box20 .box-info2 ul li .f-r .center-block .box1 img {
  width: 3rem;
  height: 3rem;
  object-fit: contain;
}

.solution-box20 .box-info2 ul li .f-r .center-block .box1 span {
  line-height: 3rem;
  padding: 0 0.5rem;
  font-size: 2rem;
}

.solution-box20 .box-info2 ul li .f-r .center-block .box2 {
  height: 9.5rem;
  font-size: 1.25rem;
  color: #115cab;
  margin-top: 1rem;
  line-height: 1.6;
}

.solution-box20 .box-info2 ul li.active {
  width: 46.125rem;
}

.solution-box20 .box-info2 ul li.active::before {
  opacity: 1;
}

.solution-box20 .box-info2 ul li.active .f-l {
  width: 0;
  opacity: 0;
}

.solution-box20 .box-info2 ul li.active .f-r {
  width: 38.75rem;
}

.solution-box21 {
  background: url(../images/sol12_bg2.jpg) no-repeat center;
  background-size: cover;
  padding: 5rem 0 0;
}

.solution-box21 .all-title1 span,
.solution-box21 .all-title1 i,
.solution-box21 .all-title1 p {
  color: #fff;
}

.solution-box21 .box-info1 {
  background: linear-gradient(180deg, #b8e0ff, #eef8ff);
  padding: 6.5625rem 3.3125rem 5.5rem;
  margin-top: 2.5rem;
}

.solution-box21 .box-info1 ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 5.75rem 1.5rem;
}

.solution-box21 .box-info1 ul li {
  height: 11.75rem;
  border-radius: 1.25rem;
  position: relative;
  background: #ebf8fe;
}

.solution-box21 .box-info1 ul li::before {
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(235, 248, 254, 0.5);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  border-radius: 1.25rem;
  backdrop-filter: blur(6px);
}

.solution-box21 .box-info1 ul li .box1 {
  width: 100%;
  position: absolute;
  left: 0;
  top: -3.5rem;
  color: #1084ff;
  font-size: 6.875rem;
  line-height: 1;
  text-align: center;
  font-weight: bold;
  transition: all .6s;
}

.solution-box21 .box-info1 ul li .box2 {
  font-size: 1.875rem;
  position: relative;
  z-index: 3;
  font-weight: bold;
}

.solution-box21 .box-info1 ul li .box3 {
  font-size: 1.25rem;
  position: relative;
  z-index: 3;
  text-align: center;
  margin-top: 0.5rem;
  color: #444;
}

@media (min-width:1100px) {
  .solution-box21 .box-info1 ul li:hover .box1 {
    transform: translate(0, -1rem);
  }
}

.solution-box22 {
  padding: 5rem 0 6.25rem;
}

.solution-box22 .box-info1 ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  margin-top: 2.75rem;
}

.solution-box22 .box-info1 ul li {
  height: 19.125rem;
  background-position: center;
  background-size: 100%;
  color: #fff;
  padding: 0 2.25rem;
  transition: all .6s;
}

.solution-box22 .box-info1 ul li::before {
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  top: 0;
}

.solution-box22 .box-info1 ul li .box1 {
  width: 100%;
  font-size: 1.875rem;
  padding-bottom: 0.8rem;
  position: relative;
  z-index: 2;
}

.solution-box22 .box-info1 ul li .box1::after {
  content: '';
  width: 3.125rem;
  height: 0.3125rem;
  background: #e60013;
  position: absolute;
  left: 0;
  bottom: 0;
}

.solution-box22 .box-info1 ul li .box2 {
  width: 100%;
  font-size: 1.25rem;
  line-height: 2rem;
  height: 4rem;
  margin-top: 0.8rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  position: relative;
  z-index: 2;
}

.solution-box22 .box-info1 ul li:hover {
  background-size: 110%;
}

.solution-box23 {
  padding: 5rem 0 8rem;
  background: url(../images/sol13_bg1.jpg) no-repeat center;
  background-size: 100%;
}

.solution-box23 .box-info1 ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 9rem;
}

.solution-box23 .box-info1 ul li {
  height: 25rem;
  padding: 2.25rem 2.5rem;
}

.solution-box23 .box-info1 ul li::after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 2.25rem;
}

.solution-box23 .box-info1 ul li:nth-child(1)::after {
  background: linear-gradient(90deg, rgba(130, 124, 185, 0.3), rgba(130, 124, 185, 0));
}

.solution-box23 .box-info1 ul li:nth-child(2)::after {
  background: linear-gradient(90deg, rgba(47, 166, 254, 0.3), rgba(47, 166, 254, 0));
}

.solution-box23 .box-info1 ul li:nth-child(3)::after {
  background: linear-gradient(90deg, rgba(126, 190, 255, 0.3), rgba(126, 190, 255, 0));
}

.solution-box23 .box-info1 ul li .box1 {
  font-size: 7.5rem;
  font-weight: bold;
  position: absolute;
  left: 0;
  bottom: 100%;
  opacity: 0.1;
  z-index: 2;
  padding: 0 1.5rem;
  line-height: 1;
}

.solution-box23 .box-info1 ul li .box2 {
  font-size: 1.875rem;
  padding-bottom: 1rem;
  position: relative;
  z-index: 2;
}

.solution-box23 .box-info1 ul li .box2::after {
  content: '';
  width: 3.4375rem;
  height: 0.4375rem;
  background: #e60013;
  position: absolute;
  left: 0;
  bottom: 0;
}

.solution-box23 .box-info1 ul li .box3 p {
  margin-top: 1.625rem;
  font-size: 1.25rem;
  padding-left: 1rem;
  position: relative;
  color: #444;
}

.solution-box23 .box-info1 ul li .box3 p::after {
  content: '';
  width: 0.5625rem;
  height: 0.5625rem;
  background: #fff;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 0.7rem;
  z-index: 2;
}

.solution-box23 .box-info1 ul li:nth-child(2) {
  margin-top: 8.75rem;
}

.solution-box23 .box-info1 ul li:nth-child(3) {
  margin-top: 3rem;
}

.solution-box24 {
  padding: 5.625rem 0;
  background: url(../images/sol13_bg2.jpg) no-repeat center;
  background-size: cover;
}

.solution-box24 .all-title1 span,
.solution-box24 .all-title1 i,
.solution-box24 .all-title1 p {
  color: #fff;
}

.solution-box24 .max {
  width: 87.125rem;
}

.solution-box24 .box-info1 {
  margin-top: 2rem;
}

.solution-box24 .box-info1 ul li {
  padding: 1.875rem 3.375rem;
  border-bottom: 1px solid rgba(111, 225, 254, 0.3);
  position: relative;
  z-index: 1;
  transition: all .6s;
}

.solution-box24 .box-info1 ul li::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background: linear-gradient(90deg, #6fe1fe, #d7eaff);
  border-radius: 1.25rem;
  opacity: 0;
  transition: all .6s;
}

.solution-box24 .box-info1 ul li .box1 {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.solution-box24 .box-info1 ul li .box1 img {
  width: 2.3rem;
  height: 2.3rem;
  object-fit: contain;
  filter: brightness(0) invert(1);
  opacity: 0.5;
  transition: all .6s;
}

.solution-box24 .box-info1 ul li .box1 p {
  flex: 1;
  padding: 0 1rem;
  font-size: 1.875rem;
  color: #fff;
  line-height: 2.3rem;
  transition: all .6s;
}

.solution-box24 .box-info1 ul li .box1::after {
  content: '';
  border-left: 0.5rem solid transparent;
  border-right: 0.5rem solid transparent;
  border-top: 1rem solid rgba(255, 255, 255, 0.5);
  transition: all .6s;
}

.solution-box24 .box-info1 ul li .box2 {
  font-size: 1.25rem;
  height: 0;
  overflow: hidden;
  transition: all .6s;
}

.solution-box24 .box-info1 ul li.active {
  border-bottom-color: transparent;
}

.solution-box24 .box-info1 ul li.active::before {
  opacity: 1;
}

.solution-box24 .box-info1 ul li.active .box1 img {
  filter: none;
  opacity: 1;
}

.solution-box24 .box-info1 ul li.active .box1 p {
  color: #333;
}

.solution-box24 .box-info1 ul li.active .box1::after {
  transform: rotate(180deg);
  border-top-color: #75b4ff;
}

.solution-box24 .box-info1 ul li.active .box2 {
  height: 4rem;
  margin-top: 0.5rem;
  color: #444;
}

.solution-box24 .box-info2 {
  margin-top: 5rem;
}

.solution-box24 .box-info2 .between-center {
  gap: 5.625rem;
}

.solution-box24 .box-info2 .between-center span {
  width: 18.1875rem;
  height: 3.0625rem;
  line-height: 3.0625rem;
  background: url(../images/sol13_bg3.png) no-repeat center;
  background-size: contain;
  text-align: center;
  color: #4e2d00;
  font-size: 1.25rem;
}

.solution-box25 {
  height: 59rem;
  background: url(../images/sol14_bg1.jpg) no-repeat center;
  background-size: cover;
  position: relative;
}

.solution-box25 .all-title1 {
  margin-top: -8rem;
}

.solution-box25 .box-info1 {
  width: 21rem;
  text-align: center;
  position: absolute;
}

.solution-box25 .box-info1 i img {
  width: 8.125rem;
  height: 8.125rem;
  object-fit: contain;
  display: block;
}

.solution-box25 .box-info1 span {
  display: block;
  font-size: 1.875rem;
  padding: 1rem 0;
  line-height: 1;
}

.solution-box25 .box-info1 p {
  font-size: 1.375rem;
  color: #555;
}

.solution-box25 .box-info1:nth-child(1),
.solution-box25 .box-info1:nth-child(2) {
  flex-direction: column-reverse;
}

.solution-box25 .box-info1:nth-child(1) {
  left: 28rem;
  top: 3.75rem;
}

.solution-box25 .box-info1:nth-child(2) {
  left: 70rem;
  top: 3.75rem;
}

.solution-box25 .box-info1:nth-child(3) {
  left: 8.5rem;
  top: 30rem;
}

.solution-box25 .box-info1:nth-child(4) {
  left: 49.375rem;
  top: 37.5rem;
}

.solution-box25 .box-info1:nth-child(5) {
  left: 89rem;
  top: 30rem;
}

.solution-box26 {
  background: url(../images/sol14_bg2.jpg) no-repeat center;
  background-size: cover;
  padding: 5rem 0 6.25rem;
}

.solution-box26 .all-title1 span,
.solution-box26 .all-title1 i,
.solution-box26 .all-title1 p {
  color: #fff;
}

.solution-box26 .box-info1 ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 2.5rem;
  gap: 1.5rem;
}

.solution-box26 .box-info1 ul li {
  height: 20.75rem;
  background-position: center;
  background-size: cover;
  text-align: center;
  border-radius: 1.25rem;
  transition: all .6s;
}

.solution-box26 .box-info1 ul li i img {
  height: 3.5rem;
  display: block;
}

.solution-box26 .box-info1 ul li span {
  font-size: 1.875rem;
  font-weight: bold;
  padding: 1.25rem 0;
  position: relative;
}

.solution-box26 .box-info1 ul li span::after {
  content: '';
  width: 3.375rem;
  height: 0.4375rem;
  background: #e60013;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -1.6875rem;
}

.solution-box26 .box-info1 ul li p {
  font-size: 1.25rem;
  margin-top: 0.75rem;
  color: #444;
}

.solution-box26 .box-info1 ul li:hover {
  transform: translate(0, -1rem);
}

.solution-box27 {
  padding: 5.5rem 0 6.25rem;
}

.solution-box27 .box-info1 ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 2.5rem;
}

.solution-box27 .box-info1 ul li {
  text-align: center;
}

.solution-box27 .box-info1 ul li i {
  width: 9.9375rem;
  height: 9.9375rem;
  background: #fff;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  margin: auto;
}

.solution-box27 .box-info1 ul li i img {
  height: 4.375rem;
  display: inline-block;
  object-fit: contain;
  transition: all .6s;
}

.solution-box27 .box-info1 ul li span {
  font-size: 1.875rem;
  padding: 1.2rem 0 0.6rem;
  display: block;
}

.solution-box27 .box-info1 ul li p {
  font-size: 1.25rem;
  color: #555;
}

.solution-box27 .box-info1 ul li:hover i img {
  transform: rotateY(360deg);
}

.solution-box28 {
  padding: 4.375rem 0 5.625rem;
}

.solution-box28 .box-info1 ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.875rem;
  margin-top: 3.125rem;
}

.solution-box28 .box-info1 ul li {
  height: 16.3125rem;
  background-color: #fff;
  border-radius: 1.25rem;
  box-shadow: 0 0 2.75rem rgba(210, 210, 210, 0.2);
  padding: 3.5rem 2.75rem;
  background-position: right;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

.solution-box28 .box-info1 ul li:nth-child(1) {
  background-image: url(../images/sol15_1_bg1.png);
}

.solution-box28 .box-info1 ul li:nth-child(2) {
  background-image: url(../images/sol15_1_bg2.png);
}

.solution-box28 .box-info1 ul li:nth-child(3) {
  background-image: url(../images/sol15_1_bg3.png);
}

.solution-box28 .box-info1 ul li:nth-child(4) {
  background-image: url(../images/sol15_1_bg4.png);
}

.solution-box28 .box-info1 ul li .f-l {
  width: 3.125rem;
  position: relative;
}

.solution-box28 .box-info1 ul li .f-l img {
  width: 100%;
  transition: all .6s;
}

.solution-box28 .box-info1 ul li .f-l img:nth-child(2) {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.solution-box28 .box-info1 ul li .f-r {
  flex: 1;
  padding: 0 8.125rem 0 0.875rem;
}

.solution-box28 .box-info1 ul li .f-r span {
  display: block;
  font-size: 1.875rem;
  line-height: 3.125rem;
  transition: all .6s;
  color: #000;
}

.solution-box28 .box-info1 ul li .f-r p {
  font-size: 1.25rem;
  margin-top: 0.4rem;
  transition: all .6s;
  color: #444;
}

.solution-box28 .box-info1 ul li:hover {
  color: #fff;
  background-color: #0088ed;
  box-shadow: 0 0 2.75rem rgba(0, 0, 0, 0.2);
}

.solution-box28 .box-info1 ul li:hover .f-r span,
.solution-box28 .box-info1 ul li:hover .f-r p {
  color: #fff;
}

.solution-box28 .box-info1 ul li:hover .f-l img:nth-child(1) {
  opacity: 0;
}

.solution-box28 .box-info1 ul li:hover .f-l img:nth-child(2) {
  opacity: 1;
}

.solution-box28 .box-info1 ul li:hover:nth-child(1) {
  background-image: url(../images/sol15_1_bg1_h.png);
}

.solution-box28 .box-info1 ul li:hover:nth-child(2) {
  background-image: url(../images/sol15_1_bg2_h.png);
}

.solution-box28 .box-info1 ul li:hover:nth-child(3) {
  background-image: url(../images/sol15_1_bg3_h.png);
}

.solution-box28 .box-info1 ul li:hover:nth-child(4) {
  background-image: url(../images/sol15_1_bg4_h.png);
}

.solution-box29 {
  background: url(../images/sol15_bg2.jpg) no-repeat center;
  background-size: cover;
  padding: 5rem 0 7.5rem;
}

.solution-box29 .all-title1 span,
.solution-box29 .all-title1 i,
.solution-box29 .all-title1 p {
  color: #fff;
}

.solution-box29 .box-info1 ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.375rem;
  margin-top: 2.75rem;
}

.solution-box29 .box-info1 ul li {
  background: rgba(0, 187, 244, 0.8);
  border-radius: 1.25rem;
  padding: 1.875rem 1.875rem 1rem;
}

.solution-box29 .box-info1 ul li .f-l {
  width: 4.625rem;
  height: 6rem;
  line-height: 5rem;
  background: url(../images/sol15_bg1.png) no-repeat top;
  background-size: 100%;
  text-align: center;
  font-size: 2.25rem;
  color: #3578d4;
  font-weight: bold;
}

.solution-box29 .box-info1 ul li .f-r {
  flex: 1;
  padding-left: 2rem;
  color: #fff;
}

.solution-box29 .box-info1 ul li .f-r span {
  display: block;
  font-size: 1.75rem;
  line-height: 1.1;
}

.solution-box29 .box-info1 ul li .f-r p {
  font-size: 1.2rem;
  margin-top: 0.5rem;
  line-height: 1.6;
  height: 10rem;
}

.solution-box30 {
  background: url(../images/sol15_bg3.jpg) no-repeat center;
  background-size: cover;
  padding: 5rem 0;
}

.solution-box30 .box-info1 ul {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  margin-top: 2.5rem;
}

.solution-box30 .box-info1 ul li {
  padding: 2.5rem 4.5rem;
  transition: all .6s;
}

.solution-box30 .box-info1 ul li .f-l {
  width: 3.75rem;
}

.solution-box30 .box-info1 ul li .f-l img {
  width: 100%;
  display: block;
}

.solution-box30 .box-info1 ul li .f-r {
  flex: 1;
  padding-left: 1.25rem;
}

.solution-box30 .box-info1 ul li .f-r span {
  display: block;
  font-size: 1.625rem;
  line-height: 1.1;
}

.solution-box30 .box-info1 ul li .f-r p {
  font-size: 1.25rem;
  margin-top: 0.2rem;
  color: #555;
  text-align: justify;
}

@media (min-width:1100px) {
  .solution-box30 .box-info1 ul li:hover {
    background: #fff;
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.05);
  }
}

.phone-menu {
  width: 100%;
  height: calc(100vh - 5.5125rem);
  background: url('../images/tc-bg.jpg') no-repeat top #fff;
  background-size: 100%;
  position: fixed;
  left: 0;
  top: 5.5125rem;
  z-index: 998;
  display: flex;
  opacity: 0;
  clip-path: circle(1.6rem at calc(100% - 2.5% - 1.75rem) 2.8rem);
  transition: all 1s;
  pointer-events: none;
}

.phone-menu.active {
  pointer-events: auto;
  opacity: 1;
  clip-path: circle(110vh at calc(100% - 2.5% - 7rem) 2.8rem);
}

.phone-menu .f-l {
  width: 9rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: auto;
  background: #F8F9FA;
}

.phone-menu .f-l a,
.phone-menu .f-l span {
  width: 100%;
  text-align: center;
  line-height: 6rem;
  color: #333;
  font-size: 1.4rem;
  position: relative;
  transition: all .6s;
}

.phone-menu .f-l a:after,
.phone-menu .f-l span::after {
  content: '';
  width: 0.4rem;
  height: 100%;
  background: #e60013;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: all .6s;
}

.phone-menu .f-l a.active,
.phone-menu .f-l span.active {
  background: #fff;
}

.phone-menu .f-l a.active::after,
.phone-menu .f-l span.active::after {
  opacity: 1;
}

.phone-menu .f-r {
  width: 100%;
  flex: 1;
  height: 100%;
  position: relative;
}
.phone-menu .f-r .uls{
width:100%;
position:relative;
height:90%;
overflow:auto;
}
.phone-menu .f-r .uls::-webkit-scrollbar{
  display:none;
}  

.phone-menu .f-r img{
  width: 12.1875rem;
    height: 2.5625rem;
    position: absolute;
      bottom: 2rem;
      left: 1.5rem;
}
.phone-menu .f-r ul {
  width: 100%;
  height: 100%;
  padding: 0.5rem 1rem 0 1.8rem;
  position: absolute;
  left: 0;
  top: 0;
  overflow: auto;
  opacity: 0;
  transition: all .6s;
  pointer-events: none;
  transform: translate(2rem, 0);
}

.phone-menu .f-r ul.active {
  opacity: 1;
  z-index: 2;
  transform: translate(0, 0);
  pointer-events: auto;
}

.phone-menu .f-r ul li .box1 {
  font-size: 1.3rem;
  line-height: 4rem;
  position: relative;
}

.phone-menu .f-r ul li .box1::after {
  content: '';
  width: 1.5rem;
  height: 100%;
  background: url(../images/footup.svg) no-repeat center;
  background-size: 100%;
  position: absolute;
  right: 0;
  top: 0;
  transition: all .6s;
}

.phone-menu .f-r ul li .box1.active::after {
  transform: rotate(180deg);
}

.phone-menu .f-r ul li .box2 {
  border-top: 1px solid #DFE2E4;
  /* padding: 1rem 0 1rem 1.4rem; */
  /* padding-bottom: 0; */
  padding-left: 1rem;
  padding-top: .5rem;
  display: none;
}
.phone-menu .f-r ul li .box2.active{
  display:block;
}

.phone-menu .f-r ul li .box2 a {
  display: block;
  color: #333;
  font-size: 1.1rem;
  padding: .8rem 0;
}
.phone-menu .f-r ul li .box2 a.active{
  color:#e60013
}


 .banner .phone-banner {
   width: 100%;
   display: none;
   position: relative;
 }
 .banner .phone-swiper-pagination{
  display: block !important;
  bottom: 7rem;
  width: max-content;
  left: 50%;
  top: auto;
  transform: translate(-50%,0);
  -webkit-transform: translate(-50%,0);
  -moz-transform: translate(-50%,0);
  -ms-transform: translate(-50%,0);
  -o-transform: translate(-50%,0);
}
.banner .phone-swiper-pagination .swiper-pagination-bullet{
  background-color: #fff;
  opacity: 1;
}
.banner .phone-swiper-pagination .swiper-pagination-bullet-active{
  background-color: #E60013;
}

.phone-menu .f-l::-webkit-scrollbar,
.phone-menu .f-r::-webkit-scrollbar,
.phone-menu .f-r ul::-webkit-scrollbar {
  display: none;
}

.banner .phone img{
  width: 46.875rem;
  height: 56.25rem;
  /* object-fit: contain; */
}
.header .boss{
  display:none;
}
.loading-box {
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    transition: all 1.5s ease .3s;
    pointer-events: none;
    background: #fff;
}

.loading-box.noShow {
    transform: translate(0,100%);
    opacity: 0;
}

.loading-box>.center-center {
    width: 100%;
    height: 100%;
}

.loading-box>.center-center p {
    margin-top: 1rem;
    color: #888;
}

.la-fire,.la-fire>div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.la-fire {
    display: block;
    font-size: 0;
    /* color: #E60012; */
}

.la-fire.la-dark {
    color: #333
}

.la-fire>div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor
}

.la-fire {
    width: 32px;
    height: 32px
}

.la-fire>div {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 12px;
    height: 12px;
    border-radius: 0;
    border-radius: 2px;
    -webkit-transform: translateY(0) translateX(-50%) rotate(0deg) scale(0);
    -moz-transform: translateY(0) translateX(-50%) rotate(0deg) scale(0);
    -ms-transform: translateY(0) translateX(-50%) rotate(0deg) scale(0);
    -o-transform: translateY(0) translateX(-50%) rotate(0deg) scale(0);
    transform: translateY(0) translateX(-50%) rotate(0deg) scale(0);
    -webkit-animation: fire-diamonds 1.5s infinite linear;
    -moz-animation: fire-diamonds 1.5s infinite linear;
    -o-animation: fire-diamonds 1.5s infinite linear;
    animation: fire-diamonds 1.5s infinite linear
}

.la-fire>div:nth-child(1) {
    -webkit-animation-delay: -.85s;
    -moz-animation-delay: -.85s;
    -o-animation-delay: -.85s;
    animation-delay: -.85s
}

.la-fire>div:nth-child(2) {
    -webkit-animation-delay: -1.85s;
    -moz-animation-delay: -1.85s;
    -o-animation-delay: -1.85s;
    animation-delay: -1.85s
}

.la-fire>div:nth-child(3) {
    -webkit-animation-delay: -2.85s;
    -moz-animation-delay: -2.85s;
    -o-animation-delay: -2.85s;
    animation-delay: -2.85s
}

.la-fire.la-sm {
    width: 16px;
    height: 16px
}

.la-fire.la-sm>div {
    width: 6px;
    height: 6px
}

.la-fire.la-2x {
    width: 64px;
    height: 64px;
    /* background-image: url(../images/icon.png); */
}

.la-fire.la-2x>div {
    width: 46px;
    height: 46px;
    background-color: transparent;
    background-image:url('../images/icon.png');
    background-size: contain;
}

.la-fire.la-3x {
    width: 96px;
    height: 96px
}

.la-fire.la-3x>div {
    width: 36px;
    height: 36px
}

@-webkit-keyframes fire-diamonds {
    0% {
        -webkit-transform: translateY(75%) translateX(-50%) rotate(0deg) scale(0);
        transform: translateY(75%) translateX(-50%) rotate(0deg) scale(0)
    }

    50% {
        -webkit-transform: translateY(-87.5%) translateX(-50%) rotate(0deg) scale(1);
        transform: translateY(-87.5%) translateX(-50%) rotate(0deg) scale(1)
    }

    100% {
        -webkit-transform: translateY(-212.5%) translateX(-50%) rotate(0deg) scale(0);
        transform: translateY(-212.5%) translateX(-50%) rotate(0deg) scale(0)
    }
}

@-moz-keyframes fire-diamonds {
    0% {
        -moz-transform: translateY(75%) translateX(-50%) rotate(0deg) scale(0);
        transform: translateY(75%) translateX(-50%) rotate(0deg) scale(0)
    }

    50% {
        -moz-transform: translateY(-87.5%) translateX(-50%) rotate(0deg) scale(1);
        transform: translateY(-87.5%) translateX(-50%) rotate(0deg) scale(1)
    }

    100% {
        -moz-transform: translateY(-212.5%) translateX(-50%) rotate(0deg) scale(0);
        transform: translateY(-212.5%) translateX(-50%) rotate(0deg) scale(0)
    }
}

@-o-keyframes fire-diamonds {
    0% {
        -o-transform: translateY(75%) translateX(-50%) rotate(0deg) scale(0);
        transform: translateY(75%) translateX(-50%) rotate(0deg) scale(0)
    }

    50% {
        -o-transform: translateY(-87.5%) translateX(-50%) rotate(0deg) scale(1);
        transform: translateY(-87.5%) translateX(-50%) rotate(0deg) scale(1)
    }

    100% {
        -o-transform: translateY(-212.5%) translateX(-50%) rotate(0deg) scale(0);
        transform: translateY(-212.5%) translateX(-50%) rotate(0deg) scale(0)
    }
}

@keyframes fire-diamonds {
    0% {
        -webkit-transform: translateY(75%) translateX(-50%) rotate(0deg) scale(0);
        -moz-transform: translateY(75%) translateX(-50%) rotate(0deg) scale(0);
        -o-transform: translateY(75%) translateX(-50%) rotate(0deg) scale(0);
        transform: translateY(75%) translateX(-50%) rotate(0deg) scale(0)
    }

    50% {
        -webkit-transform: translateY(-87.5%) translateX(-50%) rotate(0deg) scale(1);
        -moz-transform: translateY(-87.5%) translateX(-50%) rotate(0deg) scale(1);
        -o-transform: translateY(-87.5%) translateX(-50%) rotate(0deg) scale(1);
        transform: translateY(-87.5%) translateX(-50%) rotate(0deg) scale(1)
    }

    100% {
        -webkit-transform: translateY(-212.5%) translateX(-50%) rotate(0deg) scale(0);
        -moz-transform: translateY(-212.5%) translateX(-50%) rotate(0deg) scale(0);
        -o-transform: translateY(-212.5%) translateX(-50%) rotate(0deg) scale(0);
        transform: translateY(-212.5%) translateX(-50%) rotate(0deg) scale(0)
    }
}