@charset "UTF-8";
header {
  width: 100%;
  height: 1.2rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.144);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 2000;
}

header .header {
  width: 16.6rem;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
}

header .header .logo {
  /*width: 1.6rem;*/
  width: 2rem;
}

header .header .logo2 {
  display: none;
}

header .header .defaulthide {
  display: none;
}

header .header nav {
  width: 8.62rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

header .header nav a {
  transition: all .3s ease;
}

header .header nav a:hover {
  color: #004EA2;
}
header .header nav a.active {
  color: #004EA2;
}

header .header .header-other {
  display: flex;
  align-items: center;
}

header .header .header-other .header-other-search {
  width: .2rem;
  height: .2rem;
  margin-right: .4rem;
  position: relative;
}

header .header .header-other .header-other-search::after {
  content: "";
  width: 1px;
  height: .18rem;
  background-color: rgba(255, 255, 255, 0.228);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -.4rem;
}

header .header .header-other .header-other-lang {
  padding-left: .3rem;
  display: flex;
  align-items: center;
}

header .header .header-other .header-other-lang .header-other-lang__icon {
  width: .2rem;
  height: .2rem;
}

header .header .header-other .header-other-lang .header-other-lang__p {
  color: #FFF;
  margin-left: .08rem;
  margin-right: .1rem;
}

header .header .header-other .header-other-lang .header-other-lang__icon-arr {
  width: 8px;
  height: 5px;
}

.innerheader {
  background-color: #ffffff;
}

.innerheader .header nav a {
  color: #333333;
}

.innerheader .header .header-other .header-other-search img {
  filter: brightness(100) invert(1);
}

.innerheader .header .header-other .header-other-search::after {
  background-color: rgba(51, 51, 51, 0.228);
}

.innerheader .header .header-other .header-other-lang img {
  filter: brightness(100) invert(1);
}

.innerheader .header .header-other .header-other-lang p {
  color: #333333;
}

.section1 {
  width: 100%;
  height: 100vh;
  background-color: #000000;
  position: relative;
}

.section1 .swiper-banner {
  height: 100vh;
}

.section1 .swiper-banner .swiper-slide {
  position: relative;
}

.swiper-banner-video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.swiper-banner-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section1 .section1-block {
  position: absolute;
  top: 30%;
  left: 1.3rem;
}

.section1 .section1-block .section1-block-plight {
  color: #FFF;
  font-weight: 300;
  line-height: 140%;
}

.section1 .section1-block .section1-block-pbold {
  color: #FFF;
  font-weight: 700;
  line-height: 140%;
}

.section1 .section1-block .section1-block-en {
  margin-top: .4rem;
  color: #FFF;
  font-weight: 275;
  letter-spacing: 1.4px;
}

.section1 .section1-block .section1-block-more {
  width: 1.55rem;
  height: .5rem;
  flex-shrink: 0;
  border-radius: .9rem;
  background: url("../images/img4.jpg") no-repeat;
  background-size: 100% 100%;
  padding-left: .25rem;
  display: flex;
  align-items: center;
  margin-top: .8rem;
  transition: all .3s ease;
}

.section1 .section1-block .section1-block-more .section1-block-more-dot {
  width: .08rem;
  height: .08rem;
  flex-shrink: 0;
  background-color: #006EE5;
  border-radius: 50%;
  margin-left: .2rem;
}

.section1 .section1-block .section1-block-more:hover {
  color: #ffffff;
  background: url(../images/img37.png) no-repeat;
  background-size: 100% 100%;
}

.section1 .section1-block .section1-block-more:hover .section1-block-more-dot {
  background-color: #ffffff;
}

.swiper-banner > .swiper-pagination-bullets .swiper-pagination-bullet {
  position: relative;
  margin: 0 24px;
}

.swiper-banner > .swiper-pagination-bullets .swiper-pagination-bullet svg {
  position: absolute;
  display: none;
  left: -11px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.swiper-banner > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active svg {
  display: block;
  stroke-dashoffset: 0;
}

.swiper-banner > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active #anisvg {
  display: block;
  animation: circleLoad 3s linear;
}

.swiper-banner > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active #anisvg::after {
  content: "";
  width: 8px;
  height: 8px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: #fff;
}

.swiper-banner .swiper-pagination-bullet {
  opacity: 1;
  background: #ffffff;
}

@keyframes circleLoad {
  0% {
    stroke-dashoffset: 62;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

.swiper-banner > .swiper-pagination-banner {
  display: flex;
  left: 1.4rem;
  bottom: 1.2rem;
}

.section2 {
  padding-top: 2rem;
  position: relative;
  overflow: hidden;
  background: url("../images/img40.png") no-repeat;
  background-size: 100% 100%;
  border-radius: 45% 45% 0 0;
  z-index: 99999999;
}

.section2 .section2-black {
  width: 100%;
  height: 4.5rem;
  background-color: #010D19;
  border-radius: 50% 50% 0 0;
  position: absolute;
  top: 0;
}

.section2 .section2-absolute {
  position: absolute;
  left: 1.3rem;
  top: 2.2rem;
  z-index: 99;
}

.section2 .section2-absolute .section2-absolute-tip {
  text-align: center;
  -webkit-text-stroke-width: 4px;
  -webkit-text-stroke-color: #000;
  font-family: "HarmonyOS Sans SC";
  font-size: 120px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  /* 192px */
}

.section2 .section2-absolute .section2-absolute-about {
  width: 4.55rem;
}

.section2 .section2-absolute .section2-absolute-switch {
  margin-top: .75rem;
}

.section2 .section2-absolute .section2-absolute-switch .section2-absolute-name {
  display: flex;
  align-items: center;
}

.section2 .section2-absolute .section2-absolute-switch .section2-absolute-name .section2-absolute-name__p {
  color: #8B8B8B;
  font-size: 32px;
  font-weight: 400;
  line-height: 1;
  margin-right: .3rem;
  cursor: pointer;
}

.section2 .section2-absolute .section2-absolute-switch .section2-absolute-name .section2-absolute-name__p.active {
  color: #ffffff;
  position: relative;
}

.section2 .section2-absolute .section2-absolute-switch .section2-absolute-name .section2-absolute-name__p.active::after {
  content: "";
  width: .33rem;
  height: .19rem;
  position: absolute;
  background: url("../images/img5.png") no-repeat;
  background-size: 100% 100%;
  right: -.1rem;
  bottom: .05rem;
}

.section2 .section2-absolute .section2-absolute-switch .section2-absolute-name .section2-absolute-name__p:last-child {
  margin-right: 0;
}

.section2 .section2-absolute .section2-absolute-switch .section2-absolute-nav {
  display: flex;
  align-items: center;
  margin-top: .38rem;
}

.section2 .section2-absolute .section2-absolute-switch .section2-absolute-nav .section2-absolute-nav-prev {
  width: .5rem;
  height: .5rem;
  border-radius: 50%;
  background: #FBFBFB;
  position: relative;
  cursor: pointer;
  margin-right: .25rem;
}

.section2 .section2-absolute .section2-absolute-switch .section2-absolute-nav .section2-absolute-nav-prev::after {
  content: "";
  width: .2rem;
  height: .2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(180deg);
  background: url("../images/img7.png") no-repeat;
  background-size: 100% 100%;
}

.section2 .section2-absolute .section2-absolute-switch .section2-absolute-nav .section2-absolute-nav-prev:hover {
  background: #004EA2;
}

.section2 .section2-absolute .section2-absolute-switch .section2-absolute-nav .section2-absolute-nav-prev:hover::after {
  content: "";
  width: .2rem;
  height: .2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("../images/img6.png") no-repeat;
  background-size: 100% 100%;
}

.section2 .section2-absolute .section2-absolute-switch .section2-absolute-nav .section2-absolute-nav-next {
  width: .5rem;
  height: .5rem;
  border-radius: 50%;
  background: #FBFBFB;
  position: relative;
  cursor: pointer;
}

.section2 .section2-absolute .section2-absolute-switch .section2-absolute-nav .section2-absolute-nav-next::after {
  content: "";
  width: .2rem;
  height: .2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("../images/img7.png") no-repeat;
  background-size: 100% 100%;
}

.section2 .section2-absolute .section2-absolute-switch .section2-absolute-nav .section2-absolute-nav-next:hover {
  background: #004EA2;
}

.section2 .section2-absolute .section2-absolute-switch .section2-absolute-nav .section2-absolute-nav-next:hover::after {
  content: "";
  width: .2rem;
  height: .2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(180deg);
  background: url("../images/img6.png") no-repeat;
  background-size: 100% 100%;
}
.swiper-round-forid {
    display: none;
}
.swiper-round-forid:first-child {
    display: block;
}
.section2 .swiper-section2 .swiper-slide {
  padding-top: 1.67rem;
}

.section2 .swiper-section2 .swiper-section2-text {
  width: 8.2rem;
  margin-left: 8.22rem;
}

.swiper-section2-text {
    display: none;
}

.swiper-section2-text:first-child {
    display: block;
}

.section2 .swiper-section2 .swiper-section2-text p {
  color: #FFF;
  font-weight: 600;
  line-height: 160%;
  margin-bottom: .18rem;
}

.section2 .swiper-section2 .swiper-section2-text p:nth-child(2) {
  margin-bottom: 0;
  color: #999;
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
}

.section2 .swiper-section2 .swiper-section2-text .swiper-section2-text-btn {
  width: 1.55rem;
  height: .5rem;
  flex-shrink: 0;
  border-radius: 0.9rem;
  background: url(../images/img4.jpg) no-repeat;
  background-size: 100% 100%;
  padding-left: 0.25rem;
  display: flex;
  align-items: center;
  margin-top: 0.8rem;
  transition: all .3s ease;
  font-size: .14rem;
}

.section2 .swiper-section2 .swiper-section2-text .swiper-section2-text-btn .section1-block-more-dot {
  width: .08rem;
  height: .08rem;
  flex-shrink: 0;
  background-color: #006EE5;
  border-radius: 50%;
  margin-left: .2rem;
}

.section2 .swiper-section2 .swiper-section2-text .swiper-section2-text-btn:hover {
  color: #ffffff;
  background: url(../images/img37.png) no-repeat;
  background-size: 100% 100%;
  font-size: .14rem;
}

.section2 .swiper-section2 .swiper-section2-text .swiper-section2-text-btn:hover .section1-block-more-dot {
  background-color: #ffffff;
}

.section2 .swiper-section2 .house {
  display: block;
  width: 100%;
  padding-bottom: 1.94rem;
  position: relative;
}

.section2 .swiper-section2 .house .honour {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(to bottom, transparent 0%, transparent 1%, black 50%, black 100%);
  background-size: 100% 100%;
  padding-bottom: .9rem;
  padding-top: 1.62rem;
}

.section2 .swiper-section2 .house .honour .honour-title-box {
  display: flex;
  justify-content: center;
}

.section2 .swiper-section2 .house .honour .honour-title-box .honour-title {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.section2 .swiper-section2 .house .honour .honour-title-box .honour-title p {
  color: #FFF;
  text-align: center;

  font-weight: 400;
}
.section2 .swiper-section2 .house .honour .honour-title-box .honour-title p:first-child {
      /*font-size: 24px;*/
}

.section2 .swiper-section2 .house .honour .honour-title-box .honour-title p:first-child {
  margin-bottom: .2rem;
}

.section2 .swiper-section2 .house .honour .honour-title-box .honour-title::before {
    content: none;
  /*content: "";*/
  /*width: 5.66rem;*/
  /*height: 1px;*/
  /*background: url("../images/img11.png") no-repeat;*/
  /*background-size: 100% 100%;*/
  /*position: absolute;*/
  /*top: 50%;*/
  /*transform: translateY(-50%);*/
  /*left: calc(100% + 1rem);*/
}

.section2 .swiper-section2 .house .honour .honour-title-box .honour-title::after {
    content: none;
  /*content: "";*/
  /*width: 5.66rem;*/
  /*height: 1px;*/
  /*background: url("../images/img10.png") no-repeat;*/
  /*background-size: 100% 100%;*/
  /*position: absolute;*/
  /*top: 50%;*/
  /*transform: translateY(-50%);*/
  /*right: calc(100% + 1rem);*/
}

.section2 .swiper-section2 .house .honour .honour-img {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: .6rem;
}

.section2 .swiper-section2 .house .honour .honour-img img {
  margin-left: .315rem;
  margin-right: .315rem;
}

.section2 .swiper-section2 .house .honour .honour-img .imgh84 {
  height: .84rem;
}

.section2 .swiper-section2 .house .honour .honour-img .imgh75 {
  height: .75rem;
}

.section2 .swiper-section2 .house .honour .honour-img .imgh77 {
  height: .77rem;
}

.section2 .swiper-section2 .house .honour .honour-img .imgh72 {
  height: .72rem;
}

.section2 .swiper-section2 .house .honour .honour-img .imgh68 {
  height: .68rem;
}



/*关于*/
.house {
  display: block;
  width: 100%;
  padding-bottom: 1.94rem;
  position: relative;
}

.honour {
  /*position: absolute;*/
  left: 0;
  right: 0;
  bottom: 0;
  /*background: linear-gradient(to bottom, transparent 0%, transparent 1%, black 50%, black 100%);*/
  background-size: 100% 100%;
  padding-bottom: .9rem;
  /*padding-top: 1.62rem;*/
}

.honour .honour-title-box {
  display: flex;
  justify-content: center;
}

.honour .honour-title-box .honour-title {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

 .honour .honour-title-box .honour-title p {
  /*color: #FFF;*/
  text-align: center;

  font-weight: 400;
}
 .honour .honour-title-box .honour-title p:first-child {
      /*font-size: 24px;*/
}

.honour .honour-title-box .honour-title p:first-child {
  margin-bottom: .2rem;
}

 .honour .honour-title-box .honour-title::before {
  content: "";
  width: 5.66rem;
  height: 1px;
  background: url("../images/img11.png") no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: calc(100% + 1rem);
}

.about-honour .honour-title-box .honour-title::before {
    content: none;
}



.honour .honour-title-box .honour-title::after {
  content: "";
  width: 5.66rem;
  height: 1px;
  background: url("../images/img10.png") no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(100% + 1rem);
}

.about-honour .honour-title-box .honour-title::after {
    content: none;
}

.honour .honour-img {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: .6rem;
}

 .honour .honour-img img {
  margin-left: .315rem;
  margin-right: .315rem;
}

 .honour .honour-img .imgh84 {
  height: .84rem;
}

.honour .honour-img .imgh75 {
  height: .75rem;
}

.honour .honour-img .imgh77 {
  height: .77rem;
}

.honour .honour-img .imgh72 {
  height: .72rem;
}

.honour .honour-img .imgh68 {
  height: .68rem;
}

.section3 {
  padding-top: 2rem;
  padding-bottom: 1.77rem;
}

.section3 .section3-title {
  text-align: center;
  color: #333;
  margin-bottom: .4rem;
}

.section3 .section3-entitle {
  text-align: center;
  color: #333;
  letter-spacing: 2px;
}

.section3 .section3-product {
  width: 16.6rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: .8rem auto 0;
}

.section3 .section3-product .section3-product-block {
  width: 8.2rem;
  height: 4.93rem;
  flex-shrink: 0;
  border-radius: .2rem;
  padding-top: .6rem;
  padding-left: .5rem;
  padding-right: .4rem;
  box-sizing: border-box;
  background-color: #FBFBFB;
  position: relative;
  transition: all .5s ease;
}

.section3 .section3-product .section3-product-block .section3-product-block__img {
  width: .54rem;
  height: .54rem;
}

.section3 .section3-product .section3-product-block .section3-product-con {
  margin-top: .23rem;
  display: flex;
  justify-content: space-between;
}

.section3 .section3-product .section3-product-block .section3-product-con .section3-product-left {
  /*padding-top: .27rem;*/
  width: 3.55rem;
}

.section3 .section3-product .section3-product-block .section3-product-con .section3-product-left .section3-product-title {
  color: #333;
  font-weight: 500;
  line-height: 140%;
  margin-bottom: .3rem;
}

.section3 .section3-product .section3-product-block .section3-product-con .section3-product-left .section3-product-desc {
  color: #999;
  line-height: 140%;
  display: -webkit-box;
  /* 设置为 WebKit 内核的弹性盒子模型 */
  -webkit-box-orient: vertical;
  /* 垂直排列 */
  -webkit-line-clamp: 3;
  /* 限制显示两行 */
  overflow: hidden;
  /* 隐藏超出范围的内容 */
  text-overflow: ellipsis;
  /* 使用省略号 */
}

.section3-product-ul {
    display: flex;
    flex-direction: column;
}
.section3-product-ul a {
    padding-left: .2rem;
    position: relative;
    margin-bottom: .2rem;
}
.section3-product-ul a:last-child {
    margin-bottom: 0;
}
.section3-product-ul a:before {
    content: "";
    position: absolute;
    width: 3px;
    height: 3px;
    background: #666666;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    left: -.1rem;
}
  
.section3 .section3-product .section3-product-block .section3-product-con .section3-product__img {
  width: 3.34rem;
}

.section3 .section3-product .section3-product-block .section3-product-more-box {
  display: flex;
  position: absolute;
  bottom: .6rem;
  left: .5rem;
}

.section3 .section3-product .section3-product-block .section3-product-more-box .section3-product-more {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  padding: .1rem .24rem;
  border-radius: .33rem;
  border: 1px solid #999;
  transition: all .5s ease;
  font-size: .14rem;
}

.section3 .section3-product .section3-product-block .section3-product-more-box .section3-product-more img {
  width: .14rem;
  height: .14rem;
  margin-left: .04rem;
}

.section3 .section3-product .section3-product-block:hover {
  background: url("../images/img23.png") no-repeat;
  background-size: cover;
}

.section3 .section3-product .section3-product-block:hover .section3-product-more-box .section3-product-more {
  background-color: #004EA2;
  border: 1px solid #004EA2;
  color: #ffffff;
  font-size: .14rem;
}

.section3 .section3-product .section3-product-block:hover .section3-product-more-box .section3-product-more img {
  filter: brightness(0) invert(1);
}

.section4 {
  background: url("../images/img25.png") no-repeat;
  background-size: 100% 100%;
  padding: 1.81rem;
}

.section4 .section4-title {
  text-align: center;
  color: #FFF;
  margin-bottom: .4rem;
}

.section4 .section4-subtitle {
  text-align: center;
  /*color: #BCD8E9;*/
  color: #ffffff;
  letter-spacing: 2px;
}

.section4 .section4-list {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-top: 1.86rem;
}

.section4 .section4-list .section4-list-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: .67rem;
  margin-right: .67rem;
  height: 3.6rem;
}

.section4 .section4-list .section4-list-item:first-child {
  margin-left: 0;
}

.section4 .section4-list .section4-list-item:last-child {
  margin-right: 0;
}

.section4 .section4-list .section4-list-item .section4-list-circle {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}

.section4 .section4-list .section4-list-item .section4-list-circle .section4-list-circle-sort {
  background: linear-gradient(200deg, #2786ED 20.4%, #12D546 99.87%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  line-height: 160%;
  position: absolute;
  right: calc(-100% - .2rem);
  line-height: 1;
  top: -.8rem;
  opacity: 0;
}

.section4 .section4-list .section4-list-item .section4-list-circle .section4-list-circle-block {
  position: absolute;
  width: 2.43rem;
  height: 2.43rem;
  top: -.6rem;
  background: linear-gradient(160deg, rgba(215, 223, 255, 0.29) 10.63%, rgba(48, 122, 159, 0.29) 89.67%);
  stroke-width: 0.4px;
  stroke: #D0FFD0;
  box-shadow: 0.04rem 0.1rem 0.27rem 0 rgba(223, 223, 223, 0.25) inset;
  filter: drop-shadow(0 0.04rem 0.25rem rgba(50, 174, 145, 0.16));
  backdrop-filter: blur(3.15px);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transform: scale(0.8);
  transition: transform .5s ease;
}

.section4 .section4-list .section4-list-item .section4-list-circle .section4-list-circle-block .section4-list-circle-block__img {
  width: .7rem;
  filter: brightness(0) invert(1);
}

.section4 .section4-list .section4-list-item .section4-list-circle .section4-list-circle-block .section4-list-circle__p {
  text-align: center;
  margin-top: .29rem;
  color: #FFF;
  text-align: center;
  font-weight: 400;
}

.section4 .section4-list .section4-list-item .section4-list-circle .section4-list-circle-block .section4-list-circle__icon {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: .29rem;
  width: .3rem;
  height: .18rem;
}

.section4 .section4-list .section4-list-item .section4-list__img-box {
  height: 1.03rem;
}

.section4 .section4-list .section4-list-item .section4-list__img-box .section4-list__img {
  width: .7rem;
}

.section4 .section4-list .section4-list-item .section4-list-title {
  color: #FFF;
  text-align: center;
  font-weight: 400;
  margin-bottom: .14rem;
}

.section4 .section4-list .section4-list-item .section4-list-bar {
  width: .38rem;
  height: .02rem;
  background: #004EA2;
  border-radius: .15rem;
  margin-bottom: .4rem;
}

.section4 .section4-list .section4-list-item .section4-list-desc {
  width: 1.9rem;
  color: #666;
  text-align: center;
  font-family: "HarmonyOS Sans SC";
  font-weight: 400;
  line-height: 160%;
  min-height: 76px;
}

.section4 .section4-list .section4-list-item .section4-list-desc span {
  color: #CDCDCD;
}

.section4 .section4-list .section4-list-item:hover .section4-list-circle-sort {
  opacity: 1;
}

.section4 .section4-list .section4-list-item:hover .section4-list-circle-block {
  opacity: 1;
}

.section4 .section4-list .section4-list-item:hover .section4-list__img {
  opacity: 0;
}

.section4 .section4-list .section4-list-item:hover .section4-list-title {
  opacity: 0;
  display: none;
}

.section4 .section4-list .section4-list-item:hover .section4-list-bar {
  opacity: 0;
}

.section4 .section4-list .section4-list-item:hover .section4-list-desc {
  margin-top: .52rem;
}

.section4 .section4-list .section4-list-item:hover .section4-list-circle-block {
  transform: scale(1);
}

.section5 {
  padding-top: 1.8rem;
  padding-bottom: 1.43rem;
  /*background-color: #000000;*/
  background: url('../images/serverbg.png') no-repeat;
  background-size: 100% auto;
  background-position: center top;
}

.section5 .section5-title {
  text-align: center;
  color: #FFF;
  font-weight: 400;
  margin-bottom: .36rem;
}

.section5 .section5-subtitle {
  /*color: #96A5AE;*/
  color: #ffffff;
  text-align: center;
  font-weight: 275;
  letter-spacing: 2px;
}

.section5 .swiper-ad {
  /*overflow: unset;*/
}

.section5 .swiper-ad .swiper-slide {
  height: .79rem;
  flex-shrink: 0;
  border-radius: .04rem;
  box-shadow: 0 0 5px #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: border-color 0.3s ease;
  /*background-color: rgba(255, 255, 255, 0.18);*/
  background-color: rgba(255, 255, 255, 1);
  overflow: unset;
}

.section5 .swiper-ad .swiper-slide img {
  max-width: 1.57rem;
  max-height: .55rem;
}

.section5 .swiper-ad .swiper-slide .swiper-ad-hide {
  display: none;
}

.section5 .swiper-ad .swiper-slide:hover {
  border: 1px solid transparent;
  background-color: #ffffff;
  box-shadow: 0 0 23.7px rgba(2, 56, 134, 0.86);
}

.section5 .swiper-ad .swiper-slide:hover .swiper-ad-show {
  display: none;
}

.section5 .swiper-ad .swiper-slide:hover .swiper-ad-hide {
  display: block;
}

.section5 .swiper-ad1 {
  margin-top: .6rem;
}

.section5 .swiper-ad2 {
  margin-top: .4rem;
}

.swiper-ad .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  /*之前是ease-out*/
  -moz-transition-timing-function: linear !important;
  -ms-transition-timing-function: linear !important;
  -o-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}

footer {
  border-top: .08rem solid #004EA2;
  background: #000000;
  /*background: url("../images/img38.png") no-repeat;*/
  background-size: 100% 100%;
}

footer .footer {
  width: 16.6rem;
  padding-top: .74rem;
  padding-bottom: .74rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: 1px solid rgba(58, 58, 58, 0.8);
}

footer .footer:last-child {
  border-bottom: 0;
}

footer .footer .footer-left .footer-company {
  color: #FFF;
  font-weight: 400;
}

footer .footer .footer-left .footer-company p {
  margin-bottom: .1rem;
}

footer .footer .footer-left .footer-company p:last-child {
  margin-bottom: 0;
}

footer .footer .footer-left .footer-company-info {
  margin-top: .34rem;
}

footer .footer .footer-left .footer-company-info .footer-company-item {
  display: flex;
  align-items: center;
  margin-bottom: .2rem;
  color: #666;
  font-weight: 400;
  line-height: 1.2;
}

footer .footer .footer-left .footer-company-info .footer-company-item img {
  width: .3rem;
  height: .3rem;
  margin-right: .1rem;
}

footer .footer .footer-right {
  display: flex;
}

footer .footer .footer-right .footer-right-dl {
  margin-left: .46rem;
  display: flex;
  flex-direction: column;
}

footer .footer .footer-right .footer-right-dl:first-child {
  margin-left: 0;
}

footer .footer .footer-right .footer-right-dl .footer-right-dl-name {
  color: #FFF;
  font-weight: 500;
  margin-bottom: .25rem;
}

footer .footer .footer-right .footer-right-dl .footer-right-dl-nav {
  color: #666;
  font-weight: 400;
  margin-bottom: .18rem;
}

footer .footer .footer-right .footer-right-dl .footer-right-dl-nav:last-child {
  margin-bottom: 0;
}

footer .footer-msg {
  background-color: #004EA2;
  border-top: 1px solid #606060;
}

footer .footer-msg .footer-msg-box {
  width: 16.6rem;
  height: .66rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

footer .footer-msg .footer-msg-box .footer-msg-box-left {
  display: flex;
  align-items: center;
}

footer .footer-msg .footer-msg-box .footer-msg-box-left a {
  margin-right: .2rem;
  color: #A4A4A4;
  font-weight: 400;
}

footer .footer-msg .footer-msg-box .footer-msg-box-left a:last-child {
  margin-right: 0;
}

footer .footer-msg .footer-msg-box .footer-msg-box__p {
  color: #A4A4A4;
}

.about-banner {
  position: relative;
}

.about-banner .about-banner__img {
  display: block;
  width: 100%;
}

.about-banner .about-banner-bold {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  /*background: linear-gradient(to top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.1) 92%, transparent);*/
  z-index: 1;
  height: 1.8rem;
}

.about-banner .about-banner-title {
  /*position: absolute;*/
  /*left: 1.3rem;*/
  /*bottom: 1rem;*/
  /*left: 50%;*/
  /*top: 50%;*/
  /*transform: translate(-50%,-50%);*/
  color: #FFF;
  /*font-size: 68px;*/
  font-weight: 700;
  font-size: .52rem;
}
.about-banner-tit {
    color: #ffffff;
      font-size: 0.52rem;
  font-weight: 700;
  margin-bottom: 0.06rem;
}
.about-banner-smalltitle {
    color: #ffffff;
    font-size: .37rem;
      /*font-size: 28px;*/
  /*font-weight: 700;*/
}
.about-banner-box {
    position: absolute;
      left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 90%;
}
.about-banner-box p {
    text-align: center;
}

.about .brand {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 1.63rem;
  padding-bottom: 1.2rem;
  width: 15.4rem;
  margin: 0 auto;
}

.about .brand .brand-left__h3 {
  color: #333;
  margin-bottom: .2rem;
}

.about .brand .brand-slogon {
  color: #333;
  font-weight: 600;
}

.about .brand .brand-slogon span {
  color: #004EA2;
  position: relative;
}

.about .brand .brand-slogon span::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  bottom: -.07rem;
  background-color: #004EA2;
}

.about .brand .brand-right {
  width: 9.82rem;
}

.about .brand .brand-right .brand-desc {
  color: #666;
  font-weight: 400;
  line-height: 160%;
  /* 25.6px */
  text-align: justify;
  margin-bottom: .2rem;
}

.about .brand .brand-right .brand-right__img {
  display: block;
  width: 100%;
}

.about .reform {
  padding-top: .4rem;
  padding-bottom: .6rem;
}

.about .reform .reform-h3 {
  text-align: center;
  color: #333;
  font-weight: 400;
  margin-bottom: .4rem;
}

.about .reform .reform-subtitle {
  color: #96A5AE;
  text-align: center;
  letter-spacing: 2px;
}

.about .reform .reform-timeline {
  display: flex;
  justify-content: flex-start;
  width: 15.4rem;
  margin: 1rem auto;
  padding-left: 1.55rem;
  position: relative;
}

.about .reform .reform-timeline .reform-totaltime {
  height: auto;
  color: #004EA2;
  text-align: center;
  font-family: "HarmonyOS Sans SC";
  /*font-size: 96px;*/
  font-size: .93rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  /* 153.6px */
  transform: rotate(-90deg);
  transform-origin: left bottom;
  position: absolute;
  left: 1rem;
  bottom: .5rem;
}

.about .reform .reform-timeline .swiper-timeline {
  width: 4.6rem;
  height: 4.92rem;
  margin-left: .6rem;
  margin-right: 0;
}

.about .reform .reform-timeline .swiper-timeline .swiper-timeline-year {
  color: #000;
  font-weight: 700;
  line-height: 160%;
}

.about .reform .reform-timeline .swiper-timeline .swiper-timeline-ul {
  margin-top: .1rem;
}

.about .reform .reform-timeline .swiper-timeline .swiper-timeline-ul p {
  margin-bottom: .14rem;
  color: #666;
  font-weight: 400;
  line-height: 160%;
  padding-left: .2rem;
  position: relative;
}

.about .reform .reform-timeline .swiper-timeline .swiper-timeline-ul p:before {
    content: "";
    width: .05rem;
    height: .05rem;
    background: #666666;
    border-radius: 50%;
    position: absolute;
    left: .03rem;
    top: .12rem;
    /*top: 50%;*/
    /*transform: translateY(-50%);*/
}

.about .reform .reform-timeline .swiper-timeline .swiper-timeline-ul .swiper-timeline-li {
  margin-bottom: .14rem;
  color: #666;
  font-weight: 400;
  line-height: 160%;
}

.about .reform .reform-timeline .swiper-timeline .swiper-slide {
  height: auto !important;
}

.about .reform .reform-timeline .timeline-progress {
  width: 1px;
  height: 4.92rem;
  background-color: #CDCDCD;
  position: relative;
}

.about .reform .reform-timeline .timeline-progress .timeline-thumb {
  position: absolute;
  width: 2px;
  height: 0px;
  background-color: #004EA2;
  top: 0;
  left: 0;
  transition: all .3s ease;
}

.about .reform .reform-timeline .timeline-progress .timeline-dot {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: .16rem;
  height: .16rem;
  background-color: #004EA2;
  border-radius: 50%;
}

.about .reform .reform-timeline .timeline__img {
  width: 7.2rem;
  height: 5.42rem;
  flex-shrink: 0;
  margin-left: 1.4rem;
}

.about .service {
  background: url("../images/img43.png") no-repeat;
  background-size: cover;
  padding-bottom: 1.8rem;
}

.about .service .service-box {
  width: 15.42rem;
  margin: 0 auto;
  padding-top: 1.3rem;
}

.about .service .service-box .service-title {
  color: #FFF;
  text-align: center;
  font-weight: 400;
  margin-bottom: .4rem;
}

.about .service .service-box .service-subtitle {
  /*color: #96A5AE;*/
  color: #ffffff;
  text-align: center;
  letter-spacing: 2px;
}

.about .service .service-box .service-block {
  display: flex;
  margin-top: 1.26rem;
}

.about .service .service-box .service-block .service-block__div {
  width: 2.94rem;
  height: 2.08rem;
  flex-shrink: 0;
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.83);
  border-radius: .2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: .18rem;
  transition: all .3s ease;
}

.about .service .service-box .service-block .service-block__div:last-child {
  margin-right: 0;
}

.about .service .service-box .service-block .service-block__div .service-block-img {
  width: .44rem;
  height: .74rem;
  margin-top: .53rem;
}

.about .service .service-box .service-block .service-block__div .service-block-img img {
  display: block;
  width: 100%;
}

.about .service .service-box .service-block .service-block__div .service-block__p {
  color: #FFF;
  text-align: center;
  font-weight: 400;
}

.about .service .service-box .service-block .service-block__div:hover {
  background: #004EA2;
  border: 1px solid #004EA2;
}

.about .service .service-box .service-block .service-block__div.active {
  background: #004EA2;
  border: 1px solid #004EA2;
}

.about .service .service-line {
  margin-top: .8rem;
}

.about .service .service-line .service-line-block {
  border-bottom: 0.02rem solid rgba(255, 255, 255, 0.2);
  display: flex;
  margin-right: .18rem;
}

.about .service .service-line .service-line-block:last-child {
  margin-right: 0;
}

.about .service .service-line .service-line-block .service-line-num {
  width: 2.94rem;
  text-align: center;
  color: #FFF;
  text-align: center;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #FFF;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: 2.6px;
  padding-bottom: .23rem;
  position: relative;
  margin-right: .18rem;
}

.about .service .service-line .service-line-block .service-line-num.active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: .02rem;
  background-color: #fff;
}

.about .service .service-line .service-line-block .service-line-num:last-child {
  margin-right: 0;
}

.about .equip {
  padding-top: 1.8rem;
  background: url("../images/img51.png") no-repeat;
  background-size: 100% 100%;
}

.about .equip .equip-title {
  text-align: center;
  color: #333;
  /*font-size: 50px;*/
  font-weight: 400;
  margin-bottom: .4rem;
}

.about .equip .equip-subtitle {
  /*color: #96A5AE;*/
  color: #000000;
  text-align: center;
  letter-spacing: .02rem;
}

.about .equip .equip-swiper {
  margin-top: .8rem;
  position: relative;
}

.about .equip .equip-swiper .swiper-equip .swiper-slide {
  position: relative;
}

.about .equip .equip-swiper .swiper-equip .swiper-slide img {
  display: block;
  width: 100%;
}

.about .equip .equip-swiper .swiper-equip .swiper-slide > div {
  transform: scale(0.68);
  border-radius: .2rem;
  overflow: hidden;
}

.about .equip .equip-swiper .swiper-equip .swiper-slide-next {
    position: relative;
}

.about .equip .equip-swiper .swiper-equip .swiper-slide-next::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0; /* 开始在容器的右边 */
    width: 100%; /* 与容器同宽 */
    height: 100%; /* 与容器同高 */
    background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 20%,rgba(255, 255, 255, 0) 55%); /* 从右到左的渐变 */
}
.about .equip .equip-swiper .swiper-equip .swiper-slide-prev {
    position: relative;
}
.about .equip .equip-swiper .swiper-equip .swiper-slide-prev::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0; /* 开始在容器的右边 */
    width: 100%; /* 与容器同宽 */
    height: 100%; /* 与容器同高 */
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%,rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0) 55%); /* 从右到左的渐变 */
}

.about .equip .equip-swiper .swiper-equip .swiper-slide .swiper-equip-p {
  opacity: 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1.04rem;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.3), transparent);
  display: flex;
  /*justify-content: center;*/
  flex-direction: column;
  /*align-items: center;*/
  padding-left: .4rem;
  padding-right: .4rem;
}

.about .equip .equip-swiper .swiper-equip .swiper-slide .swiper-equip-p .swiper-equip-p-title {
  color: #ffffff;
  font-weight: 500;
  margin-bottom: .2rem;
}
.about .equip .equip-swiper .swiper-equip .swiper-slide .swiper-equip-p .swiper-equip-p-subtitle {
    color: #FFF;
    font-weight: 400;
}

.about .equip .equip-swiper .swiper-equip .swiper-slide-active > div {
  transform: scale(0.75);
  transition: all .3s ease;
}

.about .equip .equip-swiper .swiper-equip .swiper-slide-active .swiper-equip-p {
  opacity: 1;
}

.about .equip .equip-swiper .swiper-equip-next {
  position: absolute;
  width: .5rem;
  height: .5rem;
  border-radius: 50%;
  background-color: #ffffff;
  top: 50%;
  transform: translateY(-50%);
  right: 27.5%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
  cursor: pointer;
}

.about .equip .equip-swiper .swiper-equip-next:hover {
  background-color: #004EA2;
}

.about .equip .equip-swiper .swiper-equip-next:hover img {
  filter: brightness(0) invert(1);
}

.about .equip .equip-swiper .swiper-equip-prev {
  position: absolute;
  width: .5rem;
  height: .5rem;
  border-radius: 50%;
  background-color: #ffffff;
  top: 50%;
  transform: translateY(-50%);
  left: 27.5%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
  cursor: pointer;
}

.about .equip .equip-swiper .swiper-equip-prev img {
  transform: rotate(180deg);
}

.about .equip .equip-swiper .swiper-equip-prev:hover {
  background-color: #004EA2;
}

.about .equip .equip-swiper .swiper-equip-prev:hover img {
  filter: brightness(0) invert(1);
}

.about .qua {
  padding-top: 1.3rem;
  padding-bottom: 1.7rem;
  background: url("../images/img52.png") no-repeat;
  background-size: 100% 100%;
}

.about .qua .qua-title {
  color: #333;
  text-align: center;
  font-weight: 400;
  margin-bottom: .45rem;
}

.about .qua .qua-subtitle {
  /*color: #96A5AE;*/
  color: #000000;
  text-align: center;
  letter-spacing: .02rem;
}

.about .qua .qua-swiper {
  width: calc(100% - 1.89rem);
  margin-left: 1.89rem;
  margin-top: .8rem;
}

.about .qua .qua-swiper .swiper-qua .swiper-slide {
  height: 2.92rem;
  transition: all .3s ease;
}

.about .qua .qua-swiper .swiper-qua .swiper-slide .swiper-qua-left {
  width: 2.74rem;
  height: 100%;
  position: relative;
}

.about .qua .qua-swiper .swiper-qua .swiper-slide .swiper-qua-left .swiper-qua__p {
  color: #666;
  font-weight: 400;
  line-height: 180%;
  /* 43.2px */
  margin-top: .2rem;
  margin-bottom: .06rem;
}

.swiper-qua-desc {
  color: #666;
  font-weight: 400;
  line-height: 140%;
  display: -webkit-box; /* 使用 WebKit 的弹性盒子模型 */
  -webkit-box-orient: vertical; /* 设置为垂直排列 */
  -webkit-line-clamp: 3; /* 限制显示两行 */
  overflow: hidden; /* 隐藏超出内容 */
  text-overflow: ellipsis; /* 使用省略号表示溢出部分 */
}

.about .qua .qua-swiper .swiper-qua .swiper-slide .swiper-qua-left .swiper-qua-view {
  position: absolute;
  width: .3rem;
  height: .2rem;
  flex-shrink: 0;
  border-radius: 3px;
  opacity: 0.2;
  background: #B9B9B9;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: .26rem;
  left: .05rem;
}

.about .qua .qua-swiper .swiper-qua .swiper-slide .swiper-qua-left .swiper-qua-view img {
  width: .18rem;
}

.about .qua .qua-swiper .swiper-qua .swiper-slide .swiper-qua-img {
  width: 1.78rem;
  height: 2.33rem;
  flex-shrink: 0;
  border: 1px solid #E6E6E6;
  padding: .15rem .14rem;
  border-radius: .12rem;
  background-color: #fff;
}

.about .qua .qua-swiper .swiper-qua .swiper-slide .swiper-qua-img img {
  width: 100%;
  max-width: 2rem;
  object-fit: cover;
}

.about .qua .qua-swiper .swiper-qua .swiper-slide:hover .swiper-qua-left .swiper-qua-view {
  transition: all .3s ease;
  background: linear-gradient(202deg, #2786ED 15.24%, #12D546 99.87%);
  opacity: 1;
}

.about .qua .qua-swiper .swiper-qua .swiper-slide:hover::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background: linear-gradient(202deg, #2786ED 15.24%, #12D546 99.87%);
  /* 渐变背景 */
  border-radius: .2rem;
  /* 根据需要调整 */
}

.about .qua .qua-swiper .swiper-qua .swiper-qua__div {
  padding: .29rem .45rem .29rem .4rem;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  background-color: #ffffff;
  border-radius: .2rem;
  border: 1px solid transparent;
  width: calc( 100% - 2px);
  height: calc( 100% - 2px);
  margin-top: 1px;
  margin-left: 1px;
}

.about .qua .qua-swiper .qua-swiper-nav {
  width: 15.42rem;
  margin: .85rem auto 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.about .qua .qua-swiper .qua-swiper-nav .qua-swiper-nav-left {
  display: flex;
  align-items: center;
}

.about .qua .qua-swiper .qua-swiper-nav .qua-swiper-scroll {
  width: 4.19rem;
  height: 1px;
  background-color: rgba(71, 67, 66, 0.14);
}

.about .qua .qua-swiper .qua-swiper-nav .qua-swiper-scroll .swiper-scrollbar-drag {
  background-color: #004EA2;
  height: 2px;
}

.about .qua .qua-swiper .qua-swiper-nav .qua-swiper-arrow {
  display: flex;
  align-content: center;
  margin-right: .8rem;
}

.about .qua .qua-swiper .qua-swiper-nav .qua-swiper-arrow .qua-swiper-arrow-prev {
  width: .5rem;
  height: .5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: .22rem;
  background-color: #ffffff;
  border-radius: 50%;
  transition: all .3s ease;
  cursor: pointer;
}

.about .qua .qua-swiper .qua-swiper-nav .qua-swiper-arrow .qua-swiper-arrow-prev img {
  width: .2rem;
  height: .2rem;
  transform: rotate(180deg);
}

.about .qua .qua-swiper .qua-swiper-nav .qua-swiper-arrow .qua-swiper-arrow-prev:hover {
  background-color: #004EA2;
}

.about .qua .qua-swiper .qua-swiper-nav .qua-swiper-arrow .qua-swiper-arrow-prev:hover img {
  filter: brightness(0) invert(1);
}

.about .qua .qua-swiper .qua-swiper-nav .qua-swiper-arrow .qua-swiper-arrow-next {
  width: .5rem;
  height: .5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  border-radius: 50%;
  transition: all .3s ease;
  cursor: pointer;
}

.about .qua .qua-swiper .qua-swiper-nav .qua-swiper-arrow .qua-swiper-arrow-next img {
  width: .2rem;
  height: .2rem;
}

.about .qua .qua-swiper .qua-swiper-nav .qua-swiper-arrow .qua-swiper-arrow-next:hover {
  background-color: #004EA2;
}

.about .qua .qua-swiper .qua-swiper-nav .qua-swiper-arrow .qua-swiper-arrow-next:hover img {
  filter: brightness(0) invert(1);
}

.about .qua .qua-swiper .qua-swiper-nav .qua-swiper-page {
  display: flex;
  align-items: baseline;
  color: #474342;
  font-weight: 400;
  letter-spacing: 2px;
}

.about .qua .qua-swiper .qua-swiper-nav .qua-swiper-page span:first-child {
  color: #004EA2;
  font-weight: 700;
}

.news .news-box {
  width: 16.6rem;
  margin: 0 auto;
  padding-top: .66rem;
}

.news .news-nav {
  display: flex;
  align-items: center;
}

.news .news-nav a {
  padding: .2rem .54rem;
  border-radius: .68rem;
  border: 1px solid #D7D7D7;
  color: #333;
  font-weight: 500;
  margin-right: .2rem;
  transition: all .3s ease;
}

.news .news-nav a:last-child {
  margin-right: 0;
}

.news .news-nav a:hover {
  background: #004EA2;
  color: #ffffff;
  border: 1px solid #004EA2;
}

.news .news-nav a.active {
  background: #004EA2;
  color: #ffffff;
  border: 1px solid #004EA2;
}

.news .news-ul {
  width: 100%;
  margin-top: .8rem;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}

.news .news-ul .news-li {
  width: 5.34rem;
  margin-right: .29rem;
  border-radius: .15rem;
  overflow: hidden;
  transition: all .3s ease;
  margin-bottom: .3rem;
}

.news .news-ul .news-li:nth-child(3n) {
  margin-right: 0;
}

.news .news-ul .news-li .news-li-litpic {
  display: block;
  margin: 0 auto;
  width: 100%;
  height: 3rem;
  object-fit: cover;
}

.news .news-ul .news-li .news-msg {
  padding: .3rem .3rem .52rem .3rem;
  background-color: #F5F5F5;
}

.news .news-ul .news-li .news-msg .news-sign {
  color: #333;
  font-weight: 400;
  margin-bottom: .22rem;
}

.news .news-ul .news-li .news-msg .news-title {
  color: #333;
  font-weight: 400;
  line-height: 160%;
  /* 38.4px */
  display: -webkit-box;
  /* 使用弹性盒子模型 */
  -webkit-box-orient: vertical;
  /* 垂直排列子元素 */
  -webkit-line-clamp: 2;
  /* 限制显示两行 */
  overflow: hidden;
  /* 隐藏超出内容 */
  text-overflow: ellipsis;
  /* 使用省略号 */
}

.news .news-ul .news-li .news-msg .news-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: .33rem;
}

.news .news-ul .news-li .news-msg .news-info .news-info-time {
  color: #999;
  font-weight: 400;
}

.news .news-ul .news-li .news-msg .news-info .news-more {
  padding: .15rem .24rem;
  border-radius: .33rem;
  border: 1px solid #999;
  display: flex;
  align-items: center;
  font-size: .14rem;
}

.news .news-ul .news-li .news-msg .news-info .news-more img {
  display: block;
  width: .14rem;
  height: .14rem;
  margin-left: .04rem;
}

.news .news-ul .news-li:hover {
  box-shadow: 0 4px 0.36rem rgba(0, 0, 0, 0.25);
}

.news .news-ul .news-li:hover .news-msg .news-info .news-more {
  background-color: #004EA2;
  color: #ffffff;
  border: 1px solid #004EA2;
}

.news .news-ul .news-li:hover .news-msg .news-info .news-more img {
  filter: brightness(0) invert(1);
}

.contact .contac-box {
  padding-bottom: 1.6rem;
}

.contact .contac-box .map {
  width: 100%;
  position: relative;
}

.contact .contac-box .map .map__img {
  display: block;
  width: 100%;
}

.contact .contac-box .map .point {
  position: absolute;
  width: .11rem;
  height: .11rem;
  left: 15.59%;
  top: 29.55%;
  background-color: #172F8C;
  border-radius: 50%;
}

.contact .contac-box .map .point::after {
  content: "";
  position: absolute;
  width: .49rem;
  height: .49rem;
  background-color: rgba(23, 47, 140, 0.06);
  top: -.19rem;
  left: -.19rem;
  border-radius: 50%;
  animation: outani 1s infinite;
}

.contact .contac-box .map .point::before {
  content: "";
  position: absolute;
  width: .24rem;
  height: .24rem;
  background-color: rgba(23, 47, 140, 0.11);
  top: -.065rem;
  left: -.065rem;
  border-radius: 50%;
  animation: innerani 1s infinite;
}

.contact .contac-box .map .point2 {
  position: absolute;
  width: .11rem;
  height: .11rem;
  left: 80.54%;
  top: 41.8%;
  background-color: #B72525;
  border-radius: 50%;
}

.contact .contac-box .map .point2::after {
  content: "";
  position: absolute;
  width: .49rem;
  height: .49rem;
  background-color: rgba(183, 37, 37, 0.06);
  top: -.19rem;
  left: -.19rem;
  border-radius: 50%;
  animation: outani 1s infinite;
}

.contact .contac-box .map .point2::before {
  content: "";
  position: absolute;
  width: .24rem;
  height: .24rem;
  background-color: rgba(183, 37, 37, 0.11);
  top: -.065rem;
  left: -.065rem;
  border-radius: 50%;
  animation: innerani 1s infinite;
}

.contact .contac-box .map .point3 {
  position: absolute;
  width: .08rem;
  height: .08rem;
  left: 80.66%;
  top: 37.6%;
  background-color: #B72525;
  border-radius: 50%;
}

.contact .contac-box .map .point3::after {
  content: "";
  position: absolute;
  width: .38rem;
  height: .38rem;
  background-color: rgba(183, 37, 37, 0.06);
  top: -.15rem;
  left: -.15rem;
  border-radius: 50%;
  animation: outani 1s infinite;
}

.contact .contac-box .map .point4 {
  position: absolute;
  width: .11rem;
  height: .11rem;
  left: 82.5%;
  top: 31.4%;
  background-color: #172F8C;
  border-radius: 50%;
}

.contact .contac-box .map .point4::after {
  content: "";
  position: absolute;
  width: .24rem;
  height: .24rem;
  background-color: rgba(23, 47, 140, 0.06);
  top: -.065rem;
  left: -.065rem;
  border-radius: 50%;
  animation: outani 1s infinite;
}

.contact .contac-box .map .point5 {
  position: absolute;
  width: .11rem;
  height: .11rem;
  left: 86.23%;
  top: 31.8%;
  background-color: #172F8C;
  border-radius: 50%;
}

.contact .contac-box .map .point5::after {
  content: "";
  position: absolute;
  width: .24rem;
  height: .24rem;
  background-color: rgba(23, 47, 140, 0.06);
  top: -.065rem;
  left: -.065rem;
  border-radius: 50%;
  animation: outani 1s infinite;
}

.contact .contac-box .contact-msg {
  width: 16.6rem;
  margin: 0 auto;
}

.contact .contac-box .contact-msg .line {
  width: 100%;
  height: 1px;
  background-color: #E2E2E2;
}

.contact .contac-box .contact-msg .company {
  color: #333;
  font-style: normal;
  font-weight: 600;
  line-height: 1.6;
  margin-bottom: .325rem;
}

.contact .contac-box .contact-msg .contact-msg-ul {
  display: flex;
  align-items: flex-start;
  padding-top: .405rem;
}

.contact .contac-box .contact-msg .contact-msg-ul .contact-msg-li {
  display: flex;
  align-items: flex-start;
  width: 4.92rem;
}

.contact .contac-box .contact-msg .contact-msg-ul .contact-msg-li img {
  width: .26rem;
  margin-right: .17rem;
}

.contact .contac-box .contact-msg .contact-msg-ul .contact-msg-li .contact-msg-text p {
  color: #333;
  text-align: justify;
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: .14rem;
}

.contact .contac-box .contact-msg .contact-msg-ul .contact-msg-li .contact-msg-text p:last-child {
  margin-bottom: 0;
}

.product .product-sign {
  color: #333;
  font-weight: bold;
  margin-bottom: .28rem;
}

.product .news-box {
  padding-bottom: 1rem;
}

.product .news-ul .news-li .news-li-litpic {
  background: #F6F7F9;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  border-radius: .15rem;
}

.product .news-ul .news-li .news-li-litpic .news-li-litpic__img {
  max-width: 3.25rem;
  max-height: 2.17rem;
  transition: all .3s ease;
}

.product .news-ul .news-li:hover .news-li-litpic {
  background: url("../images/img72.png") no-repeat;
  background-size: 100% 100%;
}

.product .news-ul .news-li:hover .news-li-litpic .news-li-litpic__img {
  transform: scale(1.3);
}

.product .news-ul .news-li .news-msg {
  background-color: transparent;
}
.prodetail {
  background: url('../images/bg.png') no-repeat;
  background-position: 12rem center;
  background-attachment: fixed;
  background-size: 9rem auto;
}
.prodetail .classify {
  display: flex;
  justify-content: space-between;
  width: 16.6rem;
  margin: 0 auto;
  padding-top: 1.6rem;

}

.prodetail .classify .classify__img {
  width: 8.22rem;
  /*height: 5.86rem;*/
  height: 7rem;
  border-radius: .4rem;
  flex-shrink: 0;
  object-fit: cover;
}

.prodetail .classify .classify-right {
  width: 7.48rem;
}

.prodetail .classify .classify-right .classify-right__p {
  margin-top: .3rem;
  color: #333;
  font-weight: 400;
  line-height: 160%;
  /* 35.2px */
}

.prodetail .classify .classify-right .classify-right__p span {
  font-weight: bold;
  color: #004EA2;
}

.prodetail .classify .classify-right .classify-right-list-box {
  display: flex;
  justify-content: space-between;
  padding-top: .28rem;
}

.prodetail .classify .classify-right .classify-right-list-box .classify-right-list-right {
  width: 100%;
}

.prodetail .classify .classify-right .classify-right-list-box .classify-right-list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding-top: .47rem;
  position: relative;
}

.prodetail .classify .classify-right .classify-right-list-box .classify-right-list .classify-right-item {
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-left: .2rem;
  padding-right: .2rem;
  position: relative;
  margin-bottom: .38rem;
}

.prodetail .classify .classify-right .classify-right-list-box .classify-right-list .classify-right-item:first-child {
  z-index: 10;
}

.prodetail .classify .classify-right .classify-right-list-box .classify-right-list .classify-right-item:nth-child(2) {
  z-index: 9;
}

.prodetail .classify .classify-right .classify-right-list-box .classify-right-list .classify-right-item:nth-child(3) {
  z-index: 8;
}

.prodetail .classify .classify-right .classify-right-list-box .classify-right-list .classify-right-item:nth-child(4) {
  z-index: 7;
}

.prodetail .classify .classify-right .classify-right-list-box .classify-right-list .classify-right-item:nth-child(5) {
  z-index: 6;
}

.prodetail .classify .classify-right .classify-right-list-box .classify-right-list .classify-right-item:nth-child(6) {
  z-index: 5;
}

.prodetail .classify .classify-right .classify-right-list-box .classify-right-list .classify-right-item:nth-child(7) {
  z-index: 4;
}

.prodetail .classify .classify-right .classify-right-list-box .classify-right-list .classify-right-item:nth-child(8) {
  z-index: 3;
}

.prodetail .classify .classify-right .classify-right-list-box .classify-right-list .classify-right-item:nth-child(9) {
  z-index: 2;
}

.prodetail .classify .classify-right .classify-right-list-box .classify-right-list .classify-right-item:nth-child(10) {
  z-index: 1;
}

.prodetail .classify .classify-right .classify-right-list-box .classify-right-list .classify-right-item:first-child {
  padding-left: 0;
}

.prodetail .classify .classify-right .classify-right-list-box .classify-right-list .classify-right-item:nth-child(4n) {
  padding-right: 0;
}

.prodetail .classify .classify-right .classify-right-list-box .classify-right-list .classify-right-item .classify-imgbox {
  height: .785rem;
}

.prodetail .classify .classify-right .classify-right-list-box .classify-right-list .classify-right-item .classify-imgbox img {
  width: .52rem;
}

.prodetail .classify .classify-right .classify-right-list-box .classify-right-list .classify-right-item p {
  color: #333;
  text-align: center;
  font-weight: 400;
  line-height: 160%;
  /* 28.8px */
  word-break: break-all;
  margin-bottom: .08rem;
}

.prodetail .classify .classify-right .classify-right-list-box .classify-right-list .classify-right-item .classify__p-desc {
  white-space: wrap;
}

.prodetail .classify .classify-right .classify-right-list-box .classify-right-list .classify-right-item .classify-level {
  display: flex;
  justify-content: center;
  align-items: center;
}

.prodetail .classify .classify-right .classify-right-list-box .classify-right-list .classify-right-item .classify-level img {
  width: .1rem;
  height: .15rem;
  margin-right: .0577rem;
}

.prodetail .classify .classify-right .classify-right-list-box .classify-right-list .classify-right-item .classify-level img:last-child {
  margin-right: 0;
}

.prodetail .classify .classify-right .classify-right-list-box .classify-right-list .classify-right-item .classify-level p {
  margin-bottom: 0;
}

.prodetail .classify .classify-right .classify-right-list-box .classify-right-list .classify-right-item:hover p {
  color: #004EA2;
}

.prodetail .classify .classify-right .classify-right-list-box .classify-right-list .classify-right-item:hover img {
  filter: sepia(100%) saturate(2000%) hue-rotate(200deg) brightness(70%);
}

.prodetail .classify .classify-right .classify-right-list-box .classify-right-list .classify-right-item:hover .ele-box {
  display: flex;
}

.prodetail .classify .classify-right .classify-right-list-box .classify-right-list .classify-right-item .ele-box {
  width: 1.46rem;
  padding: .3rem .2rem .2rem .2rem;
  display: none;
  justify-content: space-between;
  flex-wrap: wrap;
  background: url("../images/img95.png") no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.prodetail .classify .classify-right .classify-right-list-box .classify-right-list .classify-right-item .ele-box .ele-box-li {
  width: .44rem;
  color: #004EA2;
  font-weight: 400;
  line-height: 160%;
  margin-bottom: .1rem;
  z-index: 999;
}

.prodetail .classify .classify-right .classify-right-list-box .classify-right-list .classify-right-item .ele-box .ele-box-li span {
  font-size: 8px;
}

.prodetail .classify .classify-right .classify-right-list-box .classify-right-list .classify-right-item .ele-box .ele-box-li:last-child {
  margin-bottom: 0;
}

.prodetail .classify .classify-right .classify-right-list-box .classify-right-list .classify-right-item .ele-box .ele-box-li:nth-child(n-1) {
  margin-bottom: 0;
}

.prodetail .classify .classify-right .classify-right-list-box .classify-right-list-left {
  padding-top: .47rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.prodetail .classify .classify-right .classify-right-list-box .classify-right-list-left .classify-imgbox {
  height: .785rem;
}

.prodetail .classify .classify-right .classify-right-list-box .classify-right-list-left .classify-imgbox img {
  width: .52rem;
}

.prodetail .classify .classify-right .classify-right-list-box .classify-right-list-left p {
  color: #333;
  text-align: center;
  font-weight: 400;
  line-height: 160%;
  white-space: nowrap;
  margin-bottom: 0.08rem;
}

.prodetail .classify .classify-right .classify-right-list-box .classify-right-list-left .ele-box {
  width: 1.46rem;
  padding: .3rem .2rem .2rem .2rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
  background: url("../images/img95.png") no-repeat;
  background-size: 100% 100%;
}

.prodetail .classify .classify-right .classify-right-list-box .classify-right-list-left .ele-box .ele-box-li {
  width: .44rem;
  color: #004EA2;
  font-weight: 400;
  line-height: 160%;
  margin-bottom: .1rem;
}

.prodetail .classify .classify-right .classify-right-list-box .classify-right-list-left .ele-box .ele-box-li span {
  font-size: 8px;
}

.prodetail .classify .classify-right .classify-right-list-box .classify-right-list-left .ele-box .ele-box-li:last-child {
  margin-bottom: 0;
}

.prodetail .classify .classify-right .classify-right-list-box .classify-right-list-left .ele-box .ele-box-li:nth-child(n-1) {
  margin-bottom: 0;
}

.prodetail .classify .classify-right .classify-right-list-box .classify-right-list-left:hover p {
  color: #004EA2;
}

.prodetail .classify .classify-right .classify-right-list-box .classify-right-list-left:hover .classify-imgbox img {
  filter: sepia(100%) saturate(2000%) hue-rotate(200deg) brightness(70%);
}

.prodetail .classify .level {
  margin-top: .46rem;
}

.prodetail .classify .level .level-title {
  color: #333;
  font-style: normal;
  font-weight: bold;
  line-height: 160%;
  /* 41.6px */
  margin-bottom: .16rem;
}

.prodetail .classify .level .level-list {
  margin-bottom: .1rem;
  color: #999;
  font-weight: 400;
  line-height: 160%;
}

.prodetail .classify .level .level-list span {
  display: inline-block;
  color: #333;
  width: 142px;
}

.prodetail .scheme {
  padding-top: 1.6rem;
  padding-bottom: .97rem;
}

.prodetail .scheme .scheme-title {
  text-align: center;
  color: #333;
  text-align: center;
  font-weight: 400;
  margin-bottom: .435rem;
}

.prodetail .scheme .scheme-subtitle {
  text-align: center;
  color: #96A5AE;
  text-align: center;
  font-weight: 300;
  letter-spacing: 2px;
}

.prodetail .scheme .scheme__img {
  display: block;
  width: 9rem;
  margin: .1rem auto 0;
}

.prodetail .facility {
  background: url("../images/img84.png") no-repeat;
  background-size: cover;
  padding-bottom: 1.74rem;
}

.prodetail .facility .facility-top {
  padding-top: 1.6rem;
  padding-bottom: .4rem;
}

.prodetail .facility-title {
  color: #FFF;
  text-align: center;
  font-weight: 400;
  margin-bottom: .3rem;
}

.prodetail .facility-subtitle {
  text-align: center;
  color: #FFF;
  text-align: center;
  font-weight: 400;
  letter-spacing: 2.4px;
  margin-bottom: .16rem;
}

.prodetail .facility-more {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFF;
  text-align: center;
  font-weight: 400;
  letter-spacing: 1.6px;
  cursor: pointer;
  /*font-size: .14rem;*/
  font-size: .28rem;
}
.facility-more.on {
    color: #004EA2;
}

.prodetail .facility-more img {
  margin-left: .06rem;
  width: 16px;
  /*height: 6px;*/
}

.prodetail .facility-switch {
  display: flex;
  justify-content: center;
  align-items: center;
}

.prodetail .facility-switch .facility-switch-li {
  padding: 0 .22rem;
  height: .4rem;
  line-height: .4rem;
  border: 1px solid #4A4A4A;
  border-radius: .35rem;
  margin-left: .32rem;
  margin-right: .32rem;
  color: #FFF;
  font-weight: 400;
}

.prodetail .facility-swiper {
  width: 16.6rem;
  margin: .6rem auto 0;
  display: flex;
  justify-content: center;
  position: relative;
}

.prodetail .facility-swiper .facility-detail-close {
  display: none;
  position: absolute;
  right: 0;
  /*top: -1.8rem;*/
  /*width: .8rem;*/
  /*height: .8rem;*/
  top: -1.6rem;
  width: .6rem;
  height: .6rem;
  cursor: pointer;
}

.prodetail .facility-swiper .facility-swiper-box {
  width: 14.6rem;
  position: relative;
}

.prodetail .facility-swiper .facility-swiper-box .swiper-facility .swiper-slide {
  display: flex;
  justify-content: center;
}

.prodetail .facility-swiper .facility-swiper-box .swiper-facility .swiper-slide .swiper-facility__img {
  max-width: 9.01rem;
}

.prodetail .facility-swiper .facility-swiper-box .facility-detail {
  background-color: #ffffff;
  position: absolute;
  width: 14.6rem;
  top: -1rem;
  bottom: -1.74rem;
  z-index: 1999;
  border-radius: .15rem .15rem 0 0;
  height: 0;
  box-sizing: border-box;
  transition: all .3s ease;
  overflow-y: auto;
}

.prodetail .facility-swiper .facility-swiper-box .facility-detail::-webkit-scrollbar-thumb {
  background-color: #004EA2;
}

.prodetail .facility-swiper .facility-swiper-box .facility-detail .facility-detail-box {
  width: 13.8rem;
  margin: 0 auto;
  padding-bottom: .5rem;
}

.prodetail .facility-swiper .facility-swiper-box .facility-detail .facility-detail-box .facility-detail-title {
  color: #333;
  font-weight: bold;
  line-height: 160%;
  margin-top: .4rem;
  margin-bottom: .16rem;
}

.prodetail .facility-swiper .facility-swiper-box .facility-detail .facility-detail-box .facility-detail-table {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border: 1px solid #DFDFDF;
}

.prodetail .facility-swiper .facility-swiper-box .facility-detail .facility-detail-box .facility-detail-table .facility-detail-table-item {
  width: 100%;
  display: flex;
}

.prodetail .facility-swiper .facility-swiper-box .facility-detail .facility-detail-box .facility-detail-table .facility-detail-table-item .facility-detail-table-head {
  width: 33.333%;
  padding: .15rem 0;
  background-color: #004EA2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #DFDFDF;
}

.prodetail .facility-swiper .facility-swiper-box .facility-detail .facility-detail-box .facility-detail-table .facility-detail-table-item .facility-detail-table-head p {
  color: #FFF;
  text-align: center;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: 1.8px;
}

.prodetail .facility-swiper .facility-swiper-box .facility-detail .facility-detail-box .facility-detail-table .facility-detail-table-item .facility-detail-table-head:last-child {
  border-radius: 0;
}
.facility-detail-table-box {
    width: 33.333%;
}
.prodetail .facility-swiper .facility-swiper-box .facility-detail .facility-detail-box .facility-detail-table .facility-detail-table-item .facility-detail-table-body {
  width: 100%;
  /*padding: .24rem .18rem .3rem .18rem;*/
  padding: .09rem .18rem;
  color: #666;
  font-weight: 400;
  line-height: 180%;
  /* 28.8px */
  border-right: 1px solid #DFDFDF;
  border-bottom: 1px solid #dfdfdf;
}

.prodetail .facility-swiper .facility-swiper-box .facility-detail .facility-detail-box .facility-detail-table .facility-detail-table-item .facility-detail-table-body:last-child {
  border-radius: 0;
}

.prodetail .facility-swiper .facility-swiper-box .facility-detail .facility-detail-box .facility-detail-ul .facility-detail-li {
  color: #666;
  font-weight: 400;
  line-height: 160%;
  /* 25.6px */
  padding-left: .13rem;
  position: relative;
  margin-bottom: .1rem;
}

.prodetail .facility-swiper .facility-swiper-box .facility-detail .facility-detail-box .facility-detail-ul .facility-detail-li span {
  font-weight: bold;
}

.prodetail .facility-swiper .facility-swiper-box .facility-detail .facility-detail-box .facility-detail-ul .facility-detail-li::before {
  content: "";
  width: .06rem;
  height: .06rem;
  background-color: #004EA2;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
}

.prodetail .facility-swiper .facility-swiper-box .facility-detail .facility-detail-box .facility-detail-ul .facility-detail-li:last-child {
  margin-bottom: 0;
}

.prodetail .facility-swiper .facility-swiper-box .facility-detail .facility-detail-box .facility-detail-spec {
  display: flex;
  flex-direction: column;
  border: 1px solid #DFDFDF;
  border-bottom: 0;
}

.prodetail .facility-swiper .facility-swiper-box .facility-detail .facility-detail-box .facility-detail-spec .facility-detail-spec-item {
  width: 100%;
  display: flex;
}

.prodetail .facility-swiper .facility-swiper-box .facility-detail .facility-detail-box .facility-detail-spec .facility-detail-spec-item .facility-detail-spec-head {
  width: 50%;
  padding-top: .28rem;
  padding-bottom: .28rem;
  background-color: #004EA2;
  display: flex;
  justify-content: center;
  color: #FFF;
  font-weight: 400;
  line-height: 140%;
  /* 25.2px */
  letter-spacing: 1.8px;
  border-right: 1px solid #DFDFDF;
}

.prodetail .facility-swiper .facility-swiper-box .facility-detail .facility-detail-box .facility-detail-spec .facility-detail-spec-item .facility-detail-spec-head:last-child {
  border-right: 0;
}

.prodetail .facility-swiper .facility-swiper-box .facility-detail .facility-detail-box .facility-detail-spec .facility-detail-spec-item-body {
  flex-wrap: wrap;
}

.prodetail .facility-swiper .facility-swiper-box .facility-detail .facility-detail-box .facility-detail-spec .facility-detail-spec-item-body .facility-detail-spec-body {
  width: 50%;
  border-right: 1px solid #DFDFDF;
  border-bottom: 1px solid #DFDFDF;
  padding: .24rem 0;
  text-align: center;
}

.prodetail .facility-swiper .facility-swiper-box .facility-detail .facility-detail-box .facility-detail-spec .facility-detail-spec-item-body .facility-detail-spec-body:nth-child(2n) {
  border-right: 0;
}

.prodetail .facility-swiper .facility-swiper-box .facility-detail .facility-detail-box .facility-report {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.prodetail .facility-swiper .facility-swiper-box .facility-detail .facility-detail-box .facility-report .facility-report-box {
  width: 6.7rem;
}

.prodetail .facility-swiper .facility-swiper-box .facility-detail .facility-detail-box .facility-report .facility-report-box .facility-report-title {
  color: #666;
  font-weight: 400;
  line-height: 160%;
  /* 25.6px */
  padding-left: .13rem;
  position: relative;
}

.prodetail .facility-swiper .facility-swiper-box .facility-detail .facility-detail-box .facility-report .facility-report-box .facility-report-title::before {
  content: "";
  width: .06rem;
  height: .06rem;
  border-radius: 50%;
  background-color: #004EA2;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

.prodetail .facility-swiper .facility-swiper-box .facility-detail .facility-detail-box .facility-report .facility-report-box .facility-report-img {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding-left: .14rem;
}

.prodetail .facility-swiper .facility-swiper-box .facility-detail .facility-detail-box .facility-report .facility-report-box .facility-report-img img {
  width: 3.23rem;
  margin-bottom: .15rem;
}

.prodetail .facility-swiper .facility-swiper-prev {
  position: absolute;
  left: 0;
  top: 1.22rem;
  width: .5rem;
  height: .5rem;
  border-radius: 50%;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all .3s ease;
}

.prodetail .facility-swiper .facility-swiper-prev img {
  width: .2rem;
  height: .2rem;
  transform: rotate(180deg);
}

.prodetail .facility-swiper .facility-swiper-prev:hover {
  background-color: #004EA2;
}

.prodetail .facility-swiper .facility-swiper-prev:hover img {
  filter: brightness(0) invert(1);
}

.prodetail .facility-swiper .facility-swiper-next {
  position: absolute;
  right: 0;
  top: 1.22rem;
  width: .5rem;
  height: .5rem;
  border-radius: 50%;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all .3s ease;
}

.prodetail .facility-swiper .facility-swiper-next img {
  width: .2rem;
  height: .2rem;
}

.prodetail .facility-swiper .facility-swiper-next:hover {
  background-color: #004EA2;
}

.prodetail .facility-swiper .facility-swiper-next:hover img {
  filter: brightness(0) invert(1);
}

@keyframes innerani {
  0% {
    transform: scale(0);
  }
  50%,
  100% {
    transform: scale(1);
  }
}

@keyframes outani {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

.mt70 {
  margin-top: .7rem;
}

.mb120 {
  margin-bottom: 1.2rem;
}

.mt100 {
  margin-top: 1rem;
}

.page {
  display: flex;
  justify-content: center;
  align-items: center;
}

.page a {
  width: .5rem;
  height: .5rem;
  border-radius: 50%;
  background-color: #FBFBFB;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: .1rem;
  margin-right: .1rem;
  transition: all .3s ease;
}

.page a img {
  display: block;
  width: .11rem;
}

.page a:hover {
  background-color: #004EA2;
  color: #ffffff;
}

.page a:hover img {
  filter: brightness(0) invert(1);
}

.page a.active {
  background-color: #004EA2;
  color: #ffffff;
}

.page a.active img {
  filter: brightness(0) invert(1);
}

.page .page-next img {
  transform: rotate(180deg);
}

.news-detail {
  width: 16.6rem;
  margin: 0 auto;
  padding-top: 1.7rem;
}

.news-detail .detail-title {
  text-align: center;
  color: #333;
  font-weight: 500;
  /*margin-bottom: .32rem;*/
  width: 70%;
  margin: 0 auto .32rem;
  line-height: 1.5;
}

.news-detail .detail-info {
  display: flex;
  justify-content: center;
  padding-bottom: .5rem;
}

.news-detail .detail-info .detail-info__img {
  width: 16px;
  height: 16px;
  margin-right: .2rem;
}

.brand {
    position: relative;
}
.stroke-text {
    text-align: left;
    -webkit-text-stroke-width: 1.4px;
    -webkit-text-stroke-color: rgba(177, 177, 177, 0.23);
    font-family: "HarmonyOS Sans SC";
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    color: transparent;
    z-index: -1;
    position: absolute;
    left: 0;
    top: 3.72rem;
    padding-left: .4rem;
}
.stroke-img {
    position: absolute;
    left: .4rem;
    top: 3.72rem;
    width: 7.04rem;
    z-index: -1;
}
.news-detail .detail-info .detail-info-time {
  display: flex;
  align-items: center;
  color: #474342;
}

.news-detail .detail-info .detail-info-time span {
  margin-right: .38rem;
  position: relative;
  color: #474342;
}

.news-detail .detail-info .detail-info-time span::after {
  content: "";
  position: absolute;
  width: 1px;
  height: .12rem;
  background-color: #474342;
  top: 50%;
  transform: translateY(-50%);
  right: -.19rem;
}

.news-detail .detail-con {
  border-top: 1px solid rgba(96, 96, 96, 0.1);
  padding-top: .6rem;
  padding-left: 2.72rem;
  display: flex;
  align-items: flex-start;
}

.news-detail .detail-con .detail-share {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #474342;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 130%;
  /* 23.4px */
  margin-bottom: .34rem;
}

.news-detail .detail-con .detail-share p {
  margin-bottom: .34rem;
}

.news-detail .detail-con .detail-share a {
  width: .4rem;
  height: .4rem;
  margin-bottom: .25rem;
}

.news-detail .detail-con .detail-article {
  width: 8.98rem;
  margin-left: .43rem;
}

.news-detail .detail-con .detail-article .detail-article__img {
  display: block;
  width: 100%;
  margin-bottom: .34rem;
}

.news-detail .detail-con .detail-article .detail-article-con p {
  color: #474342;
  font-weight: 400;
  line-height: 2;
  /* 225% */
  margin-bottom: .5rem;
}

.news-detail .detail-con .detail-article p {
    font-size: 16px;
}
.news-detail .detail-con .detail-article span {
    font-size: 16px;
}
.news-detail .detail-con .detail-article strong {
    font-size: 16px;
}

.news-detail .detail-con .detail-article em {
    font-size: 16px;
}

.news-detail .detail-con .detail-suggest {
  width: 3.52rem;
  background-color: rgba(215, 215, 215, 0.2);
  margin-left: .43rem;
  padding: .3rem .4rem .4rem;
  border-radius: .1rem;
  padding-bottom: .2rem;
  position: sticky;
  top: 1.2rem;
}

.news-detail .detail-con .detail-suggest .detail-suggest-title {
  color: #333;
  font-weight: 600;
  margin-bottom: .1rem;
}

.news-detail .detail-con .detail-suggest .detail-suggest-list {
  color: #474342;
  line-height: 1.6;
  display: flex;
  align-items: center;
  padding-right: .2rem;
  border-bottom: 1px solid rgba(71, 67, 66, 0.14);
  padding-top: .24rem;
  padding-bottom: .24rem;
}

.news-detail .detail-con .detail-suggest .detail-suggest-list:last-child {
  border-bottom: 0;
}

.news-detail .detail-con .detail-suggest .detail-suggest-list p {
  display: -webkit-box;
  /* 使用弹性盒子模型 */
  -webkit-box-orient: vertical;
  /* 垂直排列子元素 */
  -webkit-line-clamp: 2;
  /* 限制显示两行 */
  overflow: hidden;
  /* 隐藏超出内容 */
  text-overflow: ellipsis;
  /* 使用省略号 */
}

.news-detail-end {
    width: 16.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #999;
    font-weight: 400;
    margin: .9rem auto .7rem;
    position: relative;
}
.news-detail-end:before {
    content: "";
    width: 7.9rem;
    height: 1px;
    flex-shrink: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background: #606060;
    opacity: .1;
}
.news-detail-end:after {
    content: "";
    width: 7.9rem;
    height: 1px;
    flex-shrink: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background: #606060;
    opacity: .1;
}

/*修改 start*/
.about1 {
  background: url('../images/about/about1.png') no-repeat;
  background-size: cover;
  padding-top: 1.2rem;
  padding-bottom: .4rem;
}
.about1-con {
  width: 15.4rem;
  margin: 0 auto;
}
.about1-title {
  color: #333;
  font-weight: 600;
  line-height: normal;
  margin-bottom: .5rem;
  text-align: center;
}
.about1-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: .32rem;
}
.about1-top-left {
  width: 7.8rem;
}
.about1-top-icon {
  display: flex;
  /* justify-content: center; */
  align-items: center;
  margin-bottom: .5rem;
}
.about1-icon-block {
  display: flex;
  align-items: center;
  margin-right: .54rem;
}
.about1-icon-block:last-child {
  margin-right: 0;
}
.about1-icon-block__icon {
  display: block;
  margin-right: .1rem;
  width: .8rem;
  height: .8rem;
}
.about1-icon-p .about1-icon-p-num {
  display: flex;
  align-items: baseline;
  color: #004EA2;
  font-weight: 600;
  margin-bottom: .06rem;
}
.about1-icon-p .about1-icon-p-num span {
  color: #333;
  font-weight: 400;
}
.about1-icon-p-sign {
  color: #333;
  font-weight: 400;
  line-height: 160%;
}
.about1-top-mission {
  margin-bottom: .54rem;
}
.about1-top-mission p {
  display: flex;
  align-items: center;
  color: #666;
  font-weight: 400;
  line-height: 160%;
  margin-bottom: .09rem;
}
.about1-top-mission p span {
  color: #004EA2;
  font-weight: 500;
}
.about1-top-mission p:last-child {
  margin-bottom: 0;
}
.about1-top-right {
  width: 6.79rem;
}
.about1-top-right-title {
  color: #004EA2;
  font-weight: 600;
  line-height: 160%;
  margin-bottom: .31rem;
}
.about1-top-right-desc {
  color: #666;
  font-weight: 400;
  line-height: 160%;
  margin-bottom: .7rem;
}
.about1-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.about1-bottom__img {
  display: block;
  width: 7.8rem;
  /*height: 4.67rem;*/
  height: 5.9rem;
  flex-shrink: 0;
  object-fit: cover;
  margin-bottom: .3rem;
}
.about1-bottom-right {
  width: 6.79rem;
}
.about1-bottom-title {
  color: #333;
  font-weight: 600;
  line-height: 160%;
  margin-bottom: .3rem;
}
.about1-bottom-block {
  margin-bottom: .55rem;
}
.about1-bottom-block:last-child {
  margin-bottom: 0;
}

.about1-bottom-block-title {
  margin-bottom: .16rem;
  color: #333;
  font-weight: 600;
  line-height: 160%;
}
.about1-bottom-block-desc {
  color: #666;
  font-weight: 400;
  line-height: 160%;
  margin-bottom: .26rem;
}
.about1-bottom-block-sign {
  color: #004EA2;
  font-weight: 400;
  line-height: 160%;
  display: flex;
  flex-wrap: wrap;
}
.about1-bottom-block-sign span {
  padding-left: .14rem;
  position: relative;
  margin-right: .42rem;
}
.about1-bottom-block-sign span:last-child {
  margin-right: 0;
}
.about1-bottom-block-sign span::before {
  content: "";
  width: .04rem;
  height: .04rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  border-radius: 50%;
  background: #004EA2;
}
.about1-more {
  margin-top: .45rem;
  margin-left: 1.55rem;
}
.about1-more span {
  color: #333;
  font-style: normal;
  font-weight: 275;
  line-height: normal;
  letter-spacing: 1.12px;
  position: relative;
}
.about1-more span::after {
  content: "";
  width: .08rem;
  height: .08rem;
  border-radius: 50%;
  background: #004EA2;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -.22rem;
}
.about1-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.about1-box-left {
  width: 7.8rem;
}
.about1-box-right {

}
.about2 {
  padding-top: .32rem;
  padding-bottom: .8rem;
}
.about2-title {
  text-align: center;
  color: #333;
  font-weight: 500;
  line-height: normal;
  margin-bottom: .6rem;
}
.swiper-coo .swiper-slide {
  width: 4.6rem;
  height: 1.2rem;
  border-radius: .04rem;
  background: #F9FAFF;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: .1rem;
}
.swiper-coo .swiper-slide img {
  display: block;
  max-width: 1.44rem;
  max-height: .77rem;
  object-fit: contain;
}
.swiper-coo .swiper-wrapper {
  -webkit-transition-timing-function: linear !important;
  /*之前是ease-out*/
  -moz-transition-timing-function: linear !important;
  -ms-transition-timing-function: linear !important;
  -o-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}
.about2 .swiper-ad1 {
  margin-bottom: .32rem;
}

.about .service .service-box .service-block .service-block__div {
  width: 2.44rem;
  height: 3.01rem;
  flex-shrink: 0;
}
.about .service .service-box .service-block .service-block__div .service-block-img {
  margin-top: .34rem;
  width: 0.44rem;
  height: 0.67rem;
}
.about .service .service-box .service-block .service-block__div .service-block__p {
  height: .7rem;
  line-height: 1.6;
  width: 1.68rem;
  margin: 0 auto .2rem;
}
.service-block__desc {
  width: 1.94rem;
  color: #FFF;
  text-align: center;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  margin: 0 auto;
}
.about3 {
  padding-top: 1.4rem;
  padding-bottom: 1.4rem;
}
.about3-con {
  width: 15.4rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.about3-con__img {
  display: block;
  width: 7.69rem;
  height: 6.61rem;
  flex-shrink: 0;
  object-fit: cover;
}
.about3-right {
  width: 7.11rem;
}
.about3-title {
  color: #333;
  font-weight: 400;
  line-height: normal;
  margin-bottom: .6rem;
}
.about3-subtitle {
  color: #004EA2;
  font-weight: 600;
  line-height: 160%;
  margin-bottom: .24rem;
}
.about3-desc {
  color: #666;
  font-weight: 400;
  line-height: 180%;
  margin-bottom: .5rem;
}
.about3-service {

}
.about3-service-title {
  margin-bottom: .26rem;
}
.about3-ul {
  display: flex;
  flex-wrap: wrap;
}
.about3-li {
  width: 3.05rem;
  padding-left: .32rem;
  line-height: 1.75;
  position: relative;
  color: #666;
  font-weight: 400;
  line-height: 180%;
  margin-right: .57rem;
  overflow: hidden; /* 超出部分隐藏 */
  white-space: nowrap; /* 文本不换行 */
  text-overflow: ellipsis; /* 超出部分显示省略号 */
}
.about3-li:nth-child(2n) {
  margin-right: 0;
}
.about3-li::before {
  content: "";
  width: .05rem;
  height: .05rem;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  background: #666666;
}
.about4 {
  padding-top: .62rem;
  padding-bottom: .62rem;
}
.about4-title {
  color: #333;
  text-align: center;
  font-weight: 400;
  line-height: normal;
  margin-bottom: .7rem;
}
.about4-con {
  width: 15.4rem;
  margin: 0 auto;
}
.about4-con-imgbox {
  /*width: 100%;*/
  width: 80%;
  /*height: 7.08rem;*/
  height: 5.58rem;
  /*margin-bottom: .5rem;*/
  margin: 0 auto .5rem;
  border-radius: .1rem;
  overflow: hidden;
}
.about4-con__img {
  display: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about4-con__img:first-child {
  display: block;
}
.about4-con-swiperbox {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.swiper-ad3 {
  width: 11.6rem;
  border-bottom: 1px solid rgba(96,96,96,.2);
  margin: 0;
}
.swiper-ad3__p {
  padding-left: .1rem;
  padding-right: .1rem;
  padding-bottom: .2rem;
  color: #666;
  text-align: center;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  cursor: pointer;
}
.swiper-ad3__p.active {
  border-bottom: 2px solid #004EA2;
}
.swiper-ad3 .swiper-slide {
  width: auto;
  margin-left: .4rem;
}
.swiper-ad3-prev {
  width: .36rem;
  height: .7rem;
  position: relative;
  border-right: 1px solid rgba(96,96,96,.2);
  cursor: pointer;
}
.swiper-ad3-prev__img {
  position: absolute;
  left: 0;
  top: .22rem;
  width: .064rem;
  height: .128rem;
  flex-shrink: 0;
}
.swiper-ad3-next {
  width: .36rem;
  height: .7rem;
  position: relative;
  border-left: 1px solid rgba(96,96,96,.2);
  cursor: pointer;
}
.swiper-ad3-next__img {
  position: absolute;
  right: 0;
  top: .22rem;
  width: .064rem;
  height: .128rem;
  flex-shrink: 0;
}
.about4-article-box {
  width: 11.6rem;
  margin: 0 auto;
  padding-top: .49rem;
  padding-bottom: .2rem;
}
.about4-article {
  display: none;
}
.about4-article:first-child {
  display: block;
}
.about4-article .about4-article__p {
  text-align: center;
  color: #606060;
  font-weight: 300;
  line-height: 1.8;
}
.about4-con-swiperbox .swiper-button-lock {
  display: block;
}

.news .news-nav {
  justify-content: center;
  margin-bottom: .4rem;
}
.product-text {
  width: 11.2rem;
  margin: 0 auto;
  /*text-align: center;*/
  text-align: left;
  color: #6D6D6D;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 1.92px;
  display: none;
}
.product-text:first-child {
    display: block;
}

.product-text span {
  color: #004EA2;
}
.product-imgbox {
  display: block;
  /*width: 8.05rem;*/
  width: 100%;
  margin: .4rem auto 0;
}
.product-imgbox__img {
  display: none;
  width: 12.5rem;
  margin: 0 auto;
}
.product-imgbox__img:first-child {
  display: block;
}
.product-nav {
  width: 9.36rem; 
  margin: .24rem auto 0;
  display: flex;
  align-items: center;
}
.p-swiper-arrow-prev {
    width: 0.5rem;
    height: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0.4rem;
    background-color: #F6F7F9;
    border-radius: 50%;
    transition: all .3s ease;
    cursor: pointer;
        transform: rotate(180deg);
        flex-shrink: 0;
}
.p-swiper-arrow-prev img {
    width: .3rem;
    height: .3rem;
}
.p-swiper-arrow-next {
        width: 0.5rem;
    height: 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0.4rem;
    background-color: #F6F7F9;
    border-radius: 50%;
    transition: all .3s ease;
    cursor: pointer;
    flex-shrink: 0;

}
.p-swiper-arrow-next img {
    width: .3rem;
    height: .3rem;
}
.swiper-product-nav {
  width: 100%;
  border-bottom: 1px solid rgba(96,96,96,.2);
}
.swiper-product-nav .swiper-slide {
  width: auto;
  margin-right: .24rem;
  margin-left: .24rem;
}
.swiper-product-nav .swiper-slide p {
  padding-top: .11rem;
  padding-bottom: .12rem;
  padding-left: .05rem;
  padding-right: .05rem;
  color: #666;
  text-align: center;
  font-weight: 400;
  line-height: 1.5;
  cursor: pointer;
}
.swiper-product-nav .swiper-slide p.active {
  border-bottom: 2px solid #004EA2;
}
.product-vr {
  width: 16.6rem;
  margin: 0 auto;
  padding: .26rem;
  background: #F6F7F9;
  border: 1px solid #F2F8FF;
  filter: drop-shadow(0 0 .2rem rgba(232, 243, 255, 0.14));
  display: flex;
  align-items: center;
  margin-top: .5rem;
}
.product-vr__img {
  display: block;
  width: 8.8rem;
  height: 6rem;
  /*height: 4.35rem;*/
  flex-shrink: 0;
  object-fit: cover;
  margin-right: .4rem;
}
.product-vr-right {
  width: 6.75rem;
}
.product-vr-title {
  margin-bottom: .26rem;
  color: #333;
  font-weight: 600;
  line-height: 160%;
}
.product-vr-desc {
  color: #666;
  font-weight: 400;
  line-height: 160%;
  margin-bottom: .26rem;
}
.product-vr-btn {
  display: flex;
  margin-top: .28rem;
}
.product-vr-btn__a {
  height: .45rem;
  border-radius: .33rem;
  border: 1px solid #999;
  padding: 0 .24rem 0 .31rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #333;
  font-weight: 400;
  line-height: 140%;
  transition: all .3s ease;
}
.product-vr-btn__a__img {
  display: block;
  margin-left: .17rem;
  width: .14rem;
  height: .14rem;
}
.product-vr-btn__a:hover {
  color: #ffffff;
  background: #004EA2;
  border: 1px solid #004EA2;
}
.product-vr-btn__a:hover .product-vr-btn__a__img {
  filter: brightness(0) invert(1);
}
.news .news-box {
  padding-top: 1.2rem;
}

/* 修改 end */

/* 11.6修改 */
header .header nav {
  height: 100%;
}
header .header nav .nav-btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.nav-btn-single {
  position: relative;
}
.singlemune {
  position: absolute;
  /* background: url('../images/about/about20.png') no-repeat; */
  background: #F6F8FB;
  background-size: cover;
  width: 2.05rem;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  padding: .28rem 0;
  /* display: flex; */
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
}
.singlemune a {
  margin-bottom: .34rem;
    color: #333333!important;
}
.singlemune a:last-child {
  margin-bottom: 0;
}
.nav-btn-single:hover .singlemune {
  display: flex;
}
header .header nav .nav-btn:hover .allwmenu {
  display: block;
}
.allwmenu {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  padding-left: 3.59rem;
  background: #ffffff;
  display: none;
}
.allwmenu-ul {
  display: flex;
}
.allwmenu-tab {
  width: 3.17rem;
}
.allwmenu-tab-li {
  display: flex;
  width: 100%;
  height: .81rem;
  padding: .3rem .65rem;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  color: #333333;
}
.allwmenu-tab-li.active {
  background: #F4F8FB;
  border-bottom: 1px solid #DAECFF;
  color: #004EA2;
}
.allwmenu-tab-li.active .allwmenu-tab-li__img {
  filter: invert(16%) sepia(100%) saturate(2083%) hue-rotate(199deg) brightness(93%) contrast(107%);
}
.allwmenu-tab-li:hover {
  background: #F4F8FB;
  border-bottom: 1px solid #DAECFF;
  color: #004EA2;
}
.allwmenu-tab-li:hover .allwmenu-tab-li__img {
  filter: invert(16%) sepia(100%) saturate(2083%) hue-rotate(199deg) brightness(93%) contrast(107%);
}
.allwmenu-tab-li__img {
  display: block;
  width: .078rem;
  height: .14rem;
  flex-shrink: 0;
}
.allwmenu-con {
  padding-left: .84rem;
  background: #F4F8FB;
  width: calc( 100% - 3.17rem );
  padding-top: .23rem;
}
.allwmenu-con-block {
  display: none;
  flex-wrap: wrap;
  row-gap: .2rem;
  column-gap: .52rem;
}
.allwmenu-con-block:first-child {
  display: flex;
}
.allwmenu-con__a {
  /*width: 1.14rem;*/
  /*height: 1.19rem;*/
  flex-shrink: 0;
  border-radius: .12rem;
  border: 1px solid transparent;
  box-sizing: border-box;
  padding-top: .19rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.allwmenu-con-imgbox {
  height: .36rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: .36rem;
}
.allwmenu-con-imgbox img {
  max-height: .36rem;
  object-fit: contain;
}
.allwmenu-con-imgbox p {
  color: #666;
  font-weight: 400;
}
.allwmenu-con__a:hover {
  /*background: #FFF;*/
  /*border: 1px solid #DAECFF;*/
  color: #004EA2;
}
.allwmenu-con__a:hover .allwmenu-con-imgbox img {
  filter: invert(16%) sepia(100%) saturate(2083%) hue-rotate(199deg) brightness(93%) contrast(107%);
}
.allwmenu-con__a:hover .allwmenu-con-imgbox p {
  color: #004EA2;
}

.allwmenu-con__a.active {
  /*background: #FFF;*/
  /*border: 1px solid #DAECFF;*/
  color: #004EA2;
}
.allwmenu-con__a.active .allwmenu-con-imgbox img {
  filter: invert(16%) sepia(100%) saturate(2083%) hue-rotate(199deg) brightness(93%) contrast(107%);
}
.allwmenu-con__a.active .allwmenu-con-imgbox p {
  color: #004EA2;
}
.innerheader .header nav .nav-btn {
  color: #333333;
}
header .header nav .nav-btn a {
    color: #ffffff;
}
header .header nav .nav-btn a p {
    color: #333333;
}
header .header nav .nav-btn .allwmenu-tab-li a {
    color: #000;
}
header .header nav .nav-btn .allwmenu-tab-li.active a {
    color: #004EA2;
}

.innerheader .header nav .nav-btn a {
    /*color: #004EA2;*/
    color: #333333;
}

/* 11.6修改end */

/*11.21*/
#faq_con {
    top: -1.2rem;
    position: absolute;
}
.faq_con{padding: 0.9rem 1.3rem 0.4rem 1.3rem;display: flex;justify-content: space-between;align-items: flex-start;background:url(../images/faq_bj.png)no-repeat center bottom;background-size:100% auto;
    position: relative;
}
.faq_con .left{width: 3.8rem;}
.faq_con .left .tit{color: #333;line-height: 1;padding-bottom: 0.26rem;border-bottom: 1px solid #dfdfdf;margin-bottom: 0.32rem;}
.faq_con .left ul li a{display: block;padding: 0.24rem 0.42rem;position: relative;margin-bottom: 0.06rem;color: #333333;line-height: 1;transition:all 0.5s;}
.faq_con .left ul li a:after{content:"";position: absolute;top: 0;left: 0;width: 2px;height: 100%;background-color: #004EA2;transition: all 0.5s;opacity: 0;}
.faq_con .left ul li a:hover,
.faq_con .left ul li a.on{color: #004EA2;background-color: rgba(0, 78, 162, 0.05);}
.faq_con .left ul li a.on:after,
.faq_con .left ul li a:hover:after{opacity:1;}
.faq_con .right{width: 11.8rem;}
.faq_con .right .list{padding-bottom: 0.18rem;}
.faq_con .right .list .item{margin-bottom: 0.42rem;padding-bottom:0.42rem;border-bottom:1px solid rgba(223, 223, 223, 1);display:flex;align-items:center;justify-content:space-between;}
.faq_con .right .list .item .h{padding-left: 0.36rem;position: relative;color: rgba(51, 51, 51, 1);line-height: 1;}
.faq_con .right .list .item .h img{position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 0.2rem;height: 0.2rem;}
.faq_con .right .list .item .jt{display: block;width: 0.34rem;height: 0.34rem;overflow: hidden;}
.faq_con .right .list .item .jt img{display: block;width: 100%;height: 100%;object-fit: contain;}
.faq_con .right .list .item .jt img.img2{display: none;}
.faq_con .right .list .item:hover .jt img.img2{display: block;}
.faq_con .right .list .item:hover .jt img.img1{display: none;}

.faqd_con{padding: 1rem 1.3rem;}
.faqd_con .tit{color: rgba(51, 51, 51, 1);line-height: 1.5;padding-bottom: 0.4rem;border-bottom: 1px solid rgba(96, 96, 96, 0.1);text-align:center;margin-bottom:0.8rem;}
.faqd_con .p{padding: 0 2.3rem 1rem 2.3rem;color: rgba(71, 67, 66, 1);line-height: 2.2;}
.faqd_con .bottom{position: relative;width: 100%;height: 0.2rem;display:flex;justify-content:center;}
.faqd_con .bottom:before{content:"";position: absolute;top: 0.1rem;left: 0;width: 100%;height: 1px;background: rgba(96, 96, 96, 0.1);}
.faqd_con .bottom span{display: inline-block;background-color: #ffffff;position: relative;color: rgba(153, 153, 153, 1);width: fit-content;padding:0 0.25rem;}

.esg1 .top{padding: 0.92rem 1.52rem 0 1.52rem;}
.esg1 .top .tit{color: rgba(51, 51, 51, 1);line-height: 1.2;font-weight: 500;margin-bottom: 0.42rem;text-align: center;}
.esg1 .top .p{color: rgba(72, 72, 72, 1);line-height: 2;font-weight:400;text-align: center;}
.esg1 .bottom{
    position: relative;
    /*height: 220vh;*/
}
.esg1 .bottom .bj{position: sticky;top: 0;height: 100vh;}
.esg1 .bottom .bj img{width: 100%;height: 100vh;object-fit: cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16.6rem;height:80vh;transition:all 0.8s;border-radius:0.16rem;}
.esg1 .bottom.show .bj img{border-radius: 0;width: 100%;height: 100vh;}
.esg1 .bottom .con{position: absolute;top:0;left:0;width:100%;height:100%; padding: 1.67rem 1.3rem;z-index:2;}
.esg1 .bottom .top1{color: #ffffff;text-align:center;position:absolute;left:0;width:100%; top:0;padding-top:1.67rem;opacity:0;transition:all 0.5s;}
.esg1 .bottom.show .top1{opacity: 1;}
.esg1 .bottom .top1 .tit{line-height: 1.2;font-weight: 500;margin-bottom: 0.24rem;}
.esg1 .bottom .top1 .p{line-height: 1.16;font-weight: 400;}
.esg1 .bottom .con .list{opacity: 0;transition: all 0.5s;}
.esg1 .bottom.show .con .list{opacity: 1;}
.esg1 .bottom .con .list .box{display: flex;justify-content: flex-start;padding:20vh 0;}
.esg1 .bottom .con .list .box:nth-child(2){justify-content: flex-end;}
.esg1 .bottom .con .list .box .item{width: 5.24rem;padding: 0.4rem 0.32rem;background-color: rgba(17, 17, 17, 0.1);backdrop-filter: blur(40px);border: 1px solid rgba(255, 255, 255, 0.4);border-radius: 0.16rem;color:#ffffff;}
.esg1 .bottom .con .list .box .item .icon{width: 0.42rem;height: 0.42rem;margin-bottom: 0.3rem;}
.esg1 .bottom .con .list .box .item .h_1{font-weight: 700;line-height: 1.2;margin-bottom: 0.28rem;}
.esg1 .bottom .con .list .box .item .p1{font-weight: 400;line-height: 1.3;margin-bottom: 0.1rem;}

.esg1-esg3{padding: 0.66rem 1.3rem 0 1.3rem;}
.esg1-esg3 .top{width: 100%;height: 5.8rem;border-radius: 0.16rem;overflow: hidden;padding-top: 2.5rem;color: #ffffff;text-align: center;background:url(../images/esg3_bj.png)no-repeat center;background-size:cover;margin-bottom:0.4rem;}
.esg1-esg3 .top .tit{line-height: 1.2;font-weight: 500;margin-bottom: 0.24rem;}
.esg1-esg3 .top .p{line-height: 1.16;font-weight: 400;}
.esg1-esg3 .bottom{display: flex;justify-content: space-between;}
.esg1-esg3 .bottom .item{width: 5.33rem;border-radius: 0.16rem;background: rgba(246, 247, 249, 1);padding: 0.5rem 0.3rem 0.5rem 0.42rem;}
.esg1-esg3 .bottom .item .h{color: rgba(51, 51, 51, 1);line-height: 1.16;margin-bottom: 0.4rem;font-weight:500;}
.esg1-esg3 .bottom .item .p{color:rgba(70, 70, 70, 1);font-weight: 400;line-height: 1.8;font-size:0.2rem}

.esg2{padding:1.32rem 1.3rem 1.04rem 1.3rem;
/*display:flex;justify-content:space-between;*/
}
.esg2box {
    display:flex;justify-content:space-between;
}
.esg2 .pics{position: relative;overflow: hidden;border-radius: 0.16rem;width:7.6rem}
.esg2 .pics .swiper-slide{height: 5.7rem;overflow: hidden;}
.esg2 .pics .swiper-slide img{width: 100%;height: 100%;object-fit: cover;}
.esg2 .txts{position: relative;overflow: hidden;padding-bottom: 2.16rem;width:8.3rem;height: 5.7rem;}
.esg2 .txts:after{content:"";position: absolute;bottom: 0;left: 0;width: 100%;height: 3.16rem;pointer-events: none; background: linear-gradient(to top,#ffffff,transparent);z-index:5;}
.esg2 .txts .swiper-slide{padding-bottom: 0.5rem;padding-top:0.6rem; border-bottom: 1px solid rgba(96, 96, 96, 0.1);}
.esg2 .txts .swiper-slide .top{display: flex;align-items: center;margin-bottom:0.27rem;}
.esg2 .txts .swiper-slide .top .num{font-size: 0.8rem;line-height: 1;font-weight: 800;background: linear-gradient(90deg, rgba(39, 134, 237, 1) 0%, rgba(18, 213, 70, 1) 100%);
  -webkit-background-clip: text; 
  background-clip: text;
  color: transparent;transform:translateX(-0.2rem)}
.esg2 .txts .swiper-slide .top .h{color: rgba(51, 51, 51, 1);font-weight: 700;line-height:1.15;}
.esg2 .txts .swiper-slide .p{color: rgba(102, 102, 102, 1);line-height: 2.2;font-weight: 400;}
.esg2 h3 {
    color: rgba(51, 51, 51, 1);
    line-height: 1.2;
    font-weight: 500;
    margin-bottom: 0.42rem;
    text-align: center;
}


.esg34{background: url(../images/esg4_bj.png)no-repeat center bottom;background-size: 100% auto;}
.esg34 .esg3{padding: 0.66rem 1.3rem 0 1.3rem;}
.esg34 .esg3 .top{
    width: 100%;height: 5.8rem;border-radius: 0.16rem;overflow: hidden;padding-top: 2.5rem;
    /*color: #ffffff;*/
    color: #000000;
    text-align: center;background:url(../images/esg3_bj.png)no-repeat center;background-size:cover;margin-bottom:0.4rem;}
.esg34 .esg3 .top .tit{line-height: 1.2;font-weight: 500;margin-bottom: 0.24rem;}
.esg34 .esg3 .top .p{line-height: 1.16;font-weight: 400;}
.esg34 .esg3 .bottom{display: flex;justify-content: space-between;}
.esg34 .esg3 .bottom .item{width: 5.33rem;border-radius: 0.16rem;background: rgba(246, 247, 249, 1);padding: 0.5rem 0.3rem 0.5rem 0.42rem;}
.esg34 .esg3 .bottom .item .h{color: rgba(51, 51, 51, 1);line-height: 1.16;margin-bottom: 0.4rem;font-weight:500;}
.esg34 .esg3 .bottom .item .p{color:rgba(70, 70, 70, 1);font-weight: 400;line-height: 1.8;font-size:0.2rem}
.esg34 .esg4{position: relative;padding-top: 1.8rem;}
.esg34 .esg4 .card{width: 9rem;margin: 0 auto;background: #ffffff;height: 7.78rem;padding: 1.06rem 0.6rem;}
.esg34 .esg4 .card .tit{color: rgba(0, 0, 0, 1);line-height: 1.2;font-weight: 400;margin-bottom: 0.7rem;}
.esg34 .esg4 .card .h{color: rgba(0, 78, 162, 1);font-weight: 700;line-height: 1.2;margin-bottom: 0.4rem;}
.esg34 .esg4 .card .p{color: rgba(51, 51, 51, 1);line-height: 2;font-weight: 400;}
.esg34 .esg4 .bj{position: absolute;bottom: 0;left: 0;width: 100%;}

.cat3{padding: 1.1rem 1.3rem 1.6rem 1.3rem;background:url(../images/cat3_bj.png)no-repeat center;background-size:cover;}
.cat3 .top{margin-bottom: 0.6rem;}
.cat3 .top .tit{color: rgba(51, 51, 51, 1);line-height: 1.2;font-weight: 500;margin-bottom: 0.24rem;}
.cat3 .top .p{color: rgba(51, 51, 51, 1);line-height: 1.16;font-weight: 400;}

#myForm{padding: 0.62rem 1.3rem;background-color: #ffffff;border-radius: 0.16rem;}
/* 表单容器样式 */
.form-container {
  width: 800px;
  margin: 0 auto;
  background-color: #fff;
  padding: 30px 40px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.form-container h2 {
  font-size: 20px;
  font-weight: 600;
  color: #333;
  margin-bottom: 24px;
}

/* 表单行样式 */
.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.42rem;
}

.form-row .form-item {
  flex: 1;
  margin-right: 24px;
  margin-bottom: 8px;
}

.form-row .form-item:last-child {
  margin-right: 0;
}

/* 标签样式 */
.form-item label {
  display: block;
  font-size: 14px;
  color: #333;
  
  font-weight: 400;
  line-height: 1.16;
}
.form-item label.f_18{margin-bottom: 0.16rem;}
 .form-item label span{color: rgba(183, 37, 37, 1);margin-right:0.06rem}

/* 输入框、下拉框、文本域样式 */
.form-item input[type="text"],
.form-item input[type="email"],
.form-item input[type="tel"],
.form-item select,
.form-item textarea {
  width: 100%;
  padding: 10px 12px;
  font-size: 14px;
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  outline: none;
  transition: border-color 0.2s ease;
  display: block;
}

.form-item input[type="text"]:focus,
.form-item input[type="email"]:focus,
.form-item input[type="tel"]:focus,
.form-item select:focus,
.form-item textarea:focus {
  border-color: #409eff;
}

.form-item select {
  appearance: none;
  -webkit-appearance: none;
  background: url("../images/cat3_jt.png") no-repeat right 12px center;
  background-size: 16px;
}

/* 单选框组样式 */
.radio-group {
  display: flex;
  flex-wrap: wrap;
  row-gap: 25px;
  /*gap: 24px;*/
}

.radio-group .radio-item {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #666;
  width: 25%;
}

.radio-group .radio-item input[type="radio"] {
  width: 0.18rem;
  height: 0.18rem;
  margin-right: 0.12rem;
}

/* 文本域样式 */
.form-item textarea {
  min-height: 80px;
  resize: vertical;
}

/* 提交按钮样式 */
.submit-btn {
  background-color: rgba(0, 78, 162, 1);width: 4.5rem;line-height: 0.66rem;text-align: center;margin: 0 auto;margin-bottom:0.18rem;
  border: none;
  border-radius: 0.33rem;color: #ffffff;
  transition: all 0.5s;
  cursor: pointer;
  display: block;
}

.submit-btn:hover {
  opacity: 0.8;
}

/* 协议勾选样式 */
.agreement {
  display: flex;
  align-items: center;
  /*justify-content: center;*/
  font-size: 12px;
  color: #999;
  margin-top: 12px;
  margin-bottom: .42rem;
}

.agreement input[type="checkbox"] {
  margin-right: 0.08rem;
  accent-color: rgba(0, 78, 162, 1);
}
.agreement a {
    color: rgba(0, 78, 162, 1);
}
.dw {
    transform: translateY(-1.2rem);
}
.footer-msg-box-left .beian {
    display: flex;
    align-items: center;
}
.beian{
    margin-right: .2rem;
}
.beian__img {
    width: 15px;
    margin-right: 4px;
}
/*11.21 end*/

@media screen and (max-width: 1440px) {
  .about .reform .reform-timeline .reform-totaltime {
    font-size: 72px;
  }
}

@media screen and (max-width: 1280px) {
  .about .about-banner .about-banner-title {
    font-size: .52rem;
  }
  .about .reform .reform-timeline .reform-totaltime {
    font-size: 64px;
  }
  .prodetail .classify .classify-right .classify-right-list-box .classify-right-list .classify-right-item p {
    font-size: 12px;
  }
  .prodetail .classify .classify-right .classify-right-list-box .classify-right-list-left p {
    font-size: 12px;
  }
  .prodetail .classify .classify-right .classify-right-list-box .classify-right-list-left .ele-box .ele-box-li {
    font-size: 12px;
  }
  .prodetail .classify .classify-right .classify-right-list-box .classify-right-list-left .ele-box .ele-box-li {
    width: 48%;
  }
}