@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/images4.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/images37.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: 99;
}

.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/images5.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/images4.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/images37.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/images11.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/images10.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/images11.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/images10.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/images23.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/images25.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/images38.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/images43.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/images51.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/images52.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/images72.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/images95.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/images95.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/images84.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%;
  }
}

@media screen and (max-width: 1024px) {
    /*移动端头部*/
    header{display: none;}
    /*.m_tel{padding: 5px 15px;display:block!important;line-height:20px;position:sticky;top:0;background-color:#f6f0f0;text-align:right;font-size:14px;z-index:999;}*/
    .m_header{
        /*position: sticky;*/
        position: fixed;
        top: 0;left: 0;width: 100%;background-color: transparent;padding:10px 15px;z-index: 998;display:flex!important;justify-content:space-between;transition:all 0.5s;}
    .m_header.on{background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
    .m_header.on .mlang__img-img img {
        filter: brightness(100) invert(1);
    }
    .m_header.on .mlang-text {
        color: #333333;
    }
    .m_header.on .btn div {
        background: #333333;
    }
    .m_header.on .logo img {
        /*filter: brightness(100) invert(1);*/
    }
    .m_header.on .mlang-arr {
        filter: brightness(100) invert(1);
    }
    .m_header.on .mlang__img-img::after {
        background: rgba(0,0,0,.3);
    }
    
    .m_header.act{background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
    .m_header.act .mlang__img-img img {
        filter: brightness(100) invert(1);
    }
    .m_header.act .mlang-text {
        color: #333333;
    }
    .m_header.act .btn div {
        background: #333333;
    }
    .m_header.act .logo img {
        /*filter: brightness(100) invert(1);*/
    }
    .m_header.act .mlang-arr {
        filter: brightness(100) invert(1);
    }
    .m_header.act .mlang__img-img::after {
        background: rgba(0,0,0,.3);
    }
    .m_header .logo{width: 90px;}
    .m_header .logo img{
        width: 100%;
        /*display:block;*/
    }
    .m_header .right{display: flex;align-items: center;}
    .m_header .right .tel{font-size: 16px;font-weight: 600;margin-right: 12px;padding-left:26px;line-height:26px;background:url(../images/m_tel.svg)no-repeat left center;background-size:22px auto;}
    /*.m_header .right .tel{width: 22px;margin-right: 18px;}*/
    /*.m_header .right .tel img{width: 100%;}*/
    .m_header .right .ser{
        width: .32rem;
        margin-right: .24rem;
    }
    .m_header .right .ser img{width: 100%;}
    .m_header .btn{display: block;}
    .m_header .btn{margin-right: 0;cursor: pointer;height: 37px;padding-top: 16px;}
    .m_header .btn.hide{opacity: 0;}
    .m_header .btn div{
        display: block;width: 22px;height: 1px;
        /*background-color: #333;*/
        background-color: #fff;
        border-radius: 1px;transition: all 0.3s;}
    .m_header .btn div:nth-child(1){transform: translate(0,-8px);}
    .m_header .btn div:nth-child(2){transform: translate(0px,0);width: 22px;}
    .m_header .btn div:nth-child(3){transform: translate(0px,8px);}
    .m_header .btn:hover div:nth-child(1){transform: translate(0,-8px);}
    .m_header .btn:hover div:nth-child(2){transform: translate(0,0);width: 22px;}
    .m_header .btn:hover div:nth-child(3){transform: translate(0,8px);}
    .m_header{display: flex!important;display: flex;justify-content: space-between;align-items: center}
    
    .mh_nav{display: block!important;box-sizing: border-box;}
    .mh_nav{position: fixed;top: 0;left: 10%;width: 90%;transform: translateX(120%);z-index: 999;background-color: #fff;height: 100vh;overflow: auto;padding: 50px 15px;transition: all 0.5s;box-shadow: 0 10px 10px rgba(0,0,0,0.1);}
    .mh_nav.show{transform: translateX(0);}
    .mh_nav .close{position: absolute;top: 20px;right: 20px;width: 20px;height: 20px;}
    .mh_nav .nav>li{border-bottom: 1px solid rgba(0,0,0,0.1);position: relative;padding-right: 40px;}
    .mh_nav .nav>li>a{line-height: 60px;font-size: 16px;display: block;font-family:hm;}
    .mh_nav .nav>li:nth-child(1)::after{content: "";position: absolute;right: 0;top:24px;transition: all 0.5s; width: 12px;height: 12px;background: url(../images/hx_add.svg)no-repeat center;background-size:auto 100%;transform: rotate(-90deg);}
    .mh_nav .nav>li:nth-child(2)::after{content: "";position: absolute;right: 0;top:24px;transition: all 0.5s; width: 12px;height: 12px;background: url(../images/hx_add.svg)no-repeat center;background-size:auto 100%;transform: rotate(-90deg);}
    .mh_nav .nav>li:nth-child(5)::after{content: "";position: absolute;right: 0;top:24px;transition: all 0.5s; width: 12px;height: 12px;background: url(../images/hx_add.svg)no-repeat center;background-size:auto 100%;transform: rotate(-90deg);}
    .mh_nav .nav>li:nth-child(6)::after{content: "";position: absolute;right: 0;top:24px;transition: all 0.5s; width: 12px;height: 12px;background: url(../images/hx_add.svg)no-repeat center;background-size:auto 100%;transform: rotate(-90deg);}
    
    .mh_nav .nav>li.on:after{transform: rotate(0deg);}
    .mh_nav .nav>li .nav1{padding: 15px;line-height: 24px; display: none;font-size: 14px;font-family:hm;}
    .mh_nav .nav>li .nav1 .h{font-family: 'hb';font-weight:600;font-size: 14px;color: #1f1f1f;margin-bottom:8px;}
    .mh_nav .nav>li .nav1 a{padding:6px 0;}
    .mh_nav .nav>li .nav2{font-size: 13px;padding-left:16px;font-family:hr;}
    .mh_nav .nav>li .nav2 a{font-size: 13px;padding: 0;}
    /*.mh_nav .nav>li:nth-child(4) .nav1{display:none!important;}*/
    .m_header.on .right .ser img {
        filter: brightness(100) invert(1);
    }
    .m_header.on .btn div {
        color: #333333;
    }
    .mlang {
        display: flex;
        align-items: center;
        margin-right: .24rem;
    }
    .mlang .mlang__img {
        display: block;
        width: .32rem;
        height: .32rem;
        /*padding-right: .12rem;*/
        /*margin-right: .12rem;*/
        margin-right: 0;
        position: relative;
    }
    .mlang__img-img {
        position: relative;
    }
    /*.mlang .mlang__img:after {*/
    /*    content: "";*/
    /*    width: 1px;*/
    /*    height: .18rem;*/
    /*    background: rgba(255,255,255,.3);*/
    /*    position: absolute;*/
    /*    right: -.12rem;*/
    /*    top: 50%;*/
    /*    transform: translateY(-50%);*/
    /*}*/
    .mlang__img-img::after {
        content: "";
        width: 1px;
        height: .18rem;
        background: rgba(255,255,255,.3);
        position: absolute;
        right: -.12rem;
        /*right: 0;*/
        top: 50%;
        transform: translateY(-50%);
    }
    .mlang-text {
        padding-left: .24rem;
        color: #FFF;
        font-size: .2rem;
        font-weight: 400;
        display: flex;
        align-items: center;
    }
    .mlang-arr {
        display: block;
        width: .12rem;
        margin-left: .12rem;
    }
    .header_place{height: 0;}
     .m_header .img1 {
        display: block;
    }
    .m_header .img2 {
        display: none;
    }
    .m_header.on .img1 {
        display: none;
    }
    .m_header.on .img2 {
        display: block;
    }
    
    .m_header.act .img1 {
        display: none;
    }
    .m_header.act .img2 {
        display: block;
    }
    
    footer{}
    footer .footer{width: 100%;padding: 40px 18px;}
    footer .footer .footer-right{display: none;}
    footer .footer-msg .footer-msg-box{width: 100%;height: auto;display:block;}
    footer .footer-msg .footer-msg-box .footer-msg-box-left{flex-wrap: wrap;justify-content:center;}
    footer .footer-msg{padding: 12px 18px;}
    footer .footer-msg .footer-msg-box .footer-msg-box__p{margin-top: 10px;text-align: center;}
    
    .section1{position: static!important;height: auto;}
    .section1 .swiper-banner{height: 133.3vw;}
    .section1 .section1-block{left: 18px;width: calc(100% - 36px);top:25%;}
    .section1 .section1-block .section1-block-plight{font-size: 24px;}
    .section1 .section1-block .section1-block-pbold{font-size: 24px;}
    .section1 .section1-block .section1-block-en{font-size: 13px;}
    .swiper-banner > .swiper-pagination-banner{left: 18px;width: calc(100% - 36px);}
    
    .section2{border-radius: 0!important;padding:37px 0 0 0;}
    .section2 .section2-absolute{position: static;padding:0 18px;}
    .section2 .swiper-section2 .swiper-section2-text{width: 100%;margin-left: 0;padding:0 18px;}
    .section2 .swiper-section2 .house{transform: translate(0,0)!important;opacity:1!important;}
    .section2 .swiper-section2 .house .honour{background: linear-gradient(to bottom, transparent 0%, transparent 20%, black 60%, black 100%);}
    .section2 .section2-absolute .section2-absolute-about {width: 2.6rem;}
    .section2 .section2-absolute .section2-absolute-switch .section2-absolute-name .section2-absolute-name__p{font-size: 20px;margin-right:30px;}
    .section2 .section2-absolute .section2-absolute-switch{margin-bottom: 30px;}
    .section2 .swiper-section2 .house .honour .honour-img .imgh84{height: 0.54rem;margin: 0 12px;}
    .section2 .swiper-section2 .swiper-section2-text{transform: translate(0,0)!important;}
    .section2 .swiper-section2 .swiper-section2-text p{font-size: 15px;}
    .section2 .swiper-section2 .swiper-section2-text p:nth-child(2){font-size:13px;}
    .section2 .swiper-section2 .swiper-section2-text .swiper-section2-text-btn{width: 100px;height: 30px;font-size: 13px;}
    .section2 .swiper-section2 .house .honour .honour-title-box .honour-title p:first-child{font-size:23px!important;}
    
    .section3{padding: 50px 18px;}
    .section3 .section3-title{font-size: 23px;}
    .section3 .section3-entitle{font-size: 14px;}
    .section3 .section3-product{display: block;width: 100%;}
    .section3 .section3-product .section3-product-block{display: block;width: 100%;height:auto;padding:20px 20px 0 20px;}
    .section3 .section3-product .section3-product-block:last-child{padding-bottom:20px;}
    .section3 .section3-product .section3-product-block .section3-product-con{display: block;}
    .section3 .section3-product .section3-product-block .section3-product-con .section3-product-left{width: 100%;}
    .section3 .section3-product .section3-product-block .section3-product-con .section3-product__img{width: 100%;margin-top:20px;}
    .section3 .section3-product .section3-product-block .section3-product-more-box{position: static;width: 100px;height: 30px;font-size: 13px;margin-top:20px;}
    .section3 .section3-product .section3-product-block .section3-product-more-box .section3-product-more{width: 100%;font-size: 13px;}
    
    .section4{padding:50px 18px 0 18px;}
    .section4 .section4-title{font-size: 23px;}
    .section4 .section4-subtitle{font-size: 14px;}
    .section4 .section4-list{flex-wrap: wrap;margin-top:40px; justify-content:left;justify-content:space-between;}
    .section4 .section4-list .section4-list-item{width: 48%;margin-left: 0;margin-right:0;margin-bottom:20px;pointer-events: none;}
    .section4 .section4-list .section4-list-item .section4-list-desc{width: 100%;font-size:13px;}
    
    .section5{padding:50px 0;background-size:auto;}
    .section5 .section5-title{font-size: 23px;padding: 0 18px;}
    .section5 .section5-subtitle{font-size: 14px;padding: 0 18px;}
    
    .about-banner .about-banner__img{height: 80vw;object-fit: cover;}
    .about .about-banner .about-banner-title{font-size: 24px;}
    .about-banner-smalltitle{font-size: 14px;}
    
    .about1{padding:50px 18px;overflow:hidden;}
    .about1-con{width: 100%;}
    .about1-title{font-size: 23px;margin-bottom: 30px;}
    .about1-box{display: block;}
    .about1-box-left{width: 100%;}
    .about1-box-right{width: 100%;}
    .about1-top-left{width: 100%;}
    .about1-icon-block{display: block;}
    .about1-icon-block__icon{width: 40px;height: 40px;object-fit: contain;margin: 0 0 10px 0;}
    .about1-top-mission p{font-size: 13px;}
    .about1-top-icon{margin-bottom: 20px;}
    .about1-top-right-title{font-size: 18px;margin-bottom:12px;}
    .about1-top-right-desc{font-size: 13px;}
    .about1-icon-p-sign{font-size: 13px;}
    .about1-bottom-title{font-size: 16px;}
    .about1-bottom-block-title{font-size: 15px;}
    .about1-bottom-block-desc{font-size: 13px;}
    .about1-bottom-block-sign{font-size: 13px;}
    
    .about .reform{padding: 0 18px 0 18px;overflow:hidden;}
    .about .reform .reform-h3{font-size: 23px;margin-bottom: 30px;}
    .about .reform .reform-timeline{width: 100%;flex-wrap:wrap ;padding:0;margin:0 0 0 0;}
    .about .reform .reform-timeline .reform-totaltime{font-size: 36px;transform: none;position: static;width:100%;}
    .about .reform .reform-timeline .timeline-progress{margin-top: 30px;}
    .about .reform .reform-timeline .swiper-timeline{width: calc(100% - 15px);margin:30px 0;margin-left: 14px;}
    .about .reform .reform-timeline .timeline__img{width: 100%;margin-left:0;}
    .about .reform .reform-timeline .swiper-timeline .swiper-timeline-ul{font-size: 14px;}
    
    .honour{padding: 50px 18px;overflow:hidden;}
    .honour .honour-title-box .honour-title p:first-child{font-size:23px;margin-bottom:0;}
    .honour .honour-img{flex-wrap: wrap;margin-top:30px;gap:16px;}
    .honour .honour-img img{margin: 0;}
    
    .service{padding:0 18px 50px 18px;background-position:center!important;overflow:hidden;}
    .about .service .service-box{padding-top: 50px;width:100%;}
    .about .service .service-box .service-title{font-size: 23px;margin-bottom: 12px;}
    .about .service .service-box .service-subtitle{font-size: 15px;}
    .about .service .service-box .service-block{margin-top: 30px;flex-wrap:wrap;gap:3vw;}
    .about .service .service-box .service-block .service-block__div{margin: 0!important;height:auto; width: 48%;padding:12px;}
    .about .service .service-box .service-block .service-block__div .service-block-img{width: 30px;height: 30px;object-fit: contain;}
    .about .service .service-box .service-block .service-block__div .service-block__p{width: 100%;margin:12px 0;font-size: 16px;height:auto;}
    .service-block__desc{width: 100%;font-size: 13px;}
    
    .about .equip{padding: 50px 0 0 0;overflow:hidden;}
    .about .equip .equip-title{font-size: 23px;margin-bottom: 12px;}
    .about .equip .equip-subtitle{font-size: 15px;padding: 0 20px;}
    .about .equip .equip-swiper{margin-top: 8px;}
    .about .equip .equip-swiper .swiper-equip-next{right: 18px;box-shadow:0 0 10px rgba(0,0,0,0.2);}
    .about .equip .equip-swiper .swiper-equip-next img{width: 10px;}
    .about .equip .equip-swiper .swiper-equip-prev{left: 18px;box-shadow:0 0 10px rgba(0,0,0,0.2);}
    .about .equip .equip-swiper .swiper-equip-prev img{width: 10px;}
    
    .about .qua{padding: 50px 0 0 0;overflow:hidden;}
    .about .qua .qua-title{font-size: 23px;margin-bottom: 12px;padding:0 18px;}
    .about .qua .qua-subtitle{font-size: 15px;padding: 0 18px;}
    .about .qua .qua-swiper{width: 100%;margin: 30px 0 0 0;}
    .about .qua .qua-swiper .swiper-qua .swiper-slide{height: auto;}
    .about .qua .qua-swiper .swiper-qua .swiper-slide .swiper-qua-left{width: 50vw;}
    .about .qua .qua-swiper .swiper-qua .swiper-slide .swiper-qua-left .swiper-qua__p{font-size: 16px;}
    .about .qua .qua-swiper .swiper-qua .swiper-slide .swiper-qua-left .swiper-qua-desc{font-size: 13px;-webkit-line-clamp:5;}
    .about .qua .qua-swiper .swiper-qua .swiper-slide .swiper-qua-img{width: 30vw;height: 38vw;}
    .about .qua .qua-swiper .swiper-qua .swiper-slide .swiper-qua-left .swiper-qua-view{width: 30px;height: 16px;bottom: 0;}
    
    .about3{padding:50px 18px;}
    .about3-con{width: 100%;display:block;}
    .about3-con__img{width: 100%;height:80vw;margin-bottom:20px;}
    .about3-right{width: 100%;}
    .about3-title{font-size: 23px;margin-bottom: 12px;}
    .about3-subtitle{font-size: 16px;margin-bottom:10px;}
    .about3-desc{font-size: 13px;margin-bottom:20px;}
    .about3-service-title{font-size: 16px;}
    .about3-li{width: 48%;font-size:13px; margin-right: 0;padding-right: 12px;}
    
    .about4{padding:0 18px 50px 18px;}
    .about4-title{font-size: 23px;margin-bottom: 30px;}
    .about4-con{width: 100%;}
    .about4-article-box{width: 100%;}
    .about4-con-imgbox{width: 100%;}
    .about4 .swiper-ad3__p{font-size:15px;}
    .about4-article .about4-article__p{font-size: 15px;}
    .about4-con-imgbox{height: 40vw;}
    
    .news .news-box{width: 100%;}
    .product-text{width: 100%;padding:0 18px;}
    .product-nav{width: calc(100% - 28px);margin:0 14px;}
    .product-vr{display: block;margin-top:30px;padding:30px 18px;}
    .product-vr__img{width: 100%;height:50vw;margin:0 0 20px 0;}
    .product-vr-right{width: 100%;}
    .product-vr-title{font-size: 16px;}
    .product-vr-desc{font-size: 13px;}
    .news .news-ul{margin-top: 30px;padding:0 18px;}
    .news .news-ul .news-li{width: 100%;margin-right: 0;}
    
    .prodetail .facility .facility-top{padding: 50px 18px 30px 18px;}
    .prodetail .facility-title{font-size: 23px;margin-bottom: 12px;}
    .prodetail .facility-subtitle{font-size: 16px;margin-bottom: 12px;}
    .prodetail .facility-more{font-size: 14px;}
    .prodetail .facility-swiper{width: 100%;}
    .prodetail .facility-swiper .facility-swiper-box{width: 100%;}
    .prodetail .facility-swiper .facility-swiper-box .swiper-facility .swiper-slide .swiper-facility__img{width: 100%;}
    .prodetail .facility-swiper .facility-swiper-box .facility-detail{width: calc(100% - 36px);left: 18px;}
    .prodetail .facility-swiper .facility-swiper-prev{top: auto;bottom:0;left:50%;transform:translateX(-120%);}
    .prodetail .facility-swiper .facility-swiper-next{top: auto;bottom: 0;right:50%;transform:translateX(120%);}
    .prodetail .facility-switch .facility-switch-li{font-size: 13px;height: auto;line-height:29px;}
    .prodetail .facility-swiper .facility-swiper-box .facility-detail .facility-detail-box{width: 100%;}
    .prodetail .facility-swiper .facility-swiper-box .facility-detail .facility-detail-box .facility-detail-title{font-size: 16px;padding: 0 12px;}
    .prodetail .facility-swiper .facility-swiper-box .facility-detail .facility-detail-box .facility-detail-table .facility-detail-table-item .facility-detail-table-head p{font-size: 13px;}
    .prodetail .facility-swiper .facility-swiper-box .facility-detail .facility-detail-box .facility-detail-table .facility-detail-table-item .facility-detail-table-body{font-size: 12px;}
    .prodetail .facility-swiper .facility-swiper-box .facility-detail .facility-detail-box .facility-detail-ul .facility-detail-li{font-size: 12px;width: calc(100% - 24px);margin: 0 12px;}
    .prodetail .facility-swiper .facility-swiper-box .facility-detail .facility-detail-box .facility-detail-spec .facility-detail-spec-item .facility-detail-spec-head{font-size: 13px;padding:0 12px;}
    .prodetail .facility-swiper .facility-swiper-box .facility-detail .facility-detail-box .facility-detail-spec .facility-detail-spec-item-body .facility-detail-spec-body{font-size: 12px;}
    .prodetail .facility-swiper .facility-swiper-box .facility-detail .facility-detail-box .facility-report{margin: 0 12px;width: calc(100% - 24px);}
    .prodetail .facility-more img{width: 8px;}
    .prodetail .facility-swiper .facility-swiper-box .facility-detail .facility-detail-box .facility-report .facility-report-box .facility-report-img img{width: 48%;}
    .about-banner .about-banner-title{font-size: 23px;margin-bottom: 12px;}
    
    .faq_con{padding: 50px 18px;display:block;}
    .faq_con .left{width: 100%;}
    .faq_con .right{width: 100%;margin-top:30px;}
    .faq_con .left ul{font-size: 15px;}
    .faq_con .left ul li a{margin-bottom: 0!important;}
    .faqd_con{padding: 50px 18px;}
    .faqd_con .p{padding: 0 0 30px 0;}
    .about-banner-tit{font-size: 23px;}
    .esg1 .top{padding: 50px 18px 0 18px;height:50vw;}
    .esg1 .top .tit{font-size: 23px;margin-bottom: 12px;}
    .esg1 .top .p{font-size: 15px;}
    .esg1-esg3{padding: 20px 18px;}
    .esg1-esg3 .bottom{display: block;}
    .esg1-esg3 .bottom .item{width: 100%;margin-bottom: 12px;padding:12px;}
    .esg1-esg3 .bottom .item .p{font-size: 13px;}
    .esg2{padding: 30px 18px 50px 18px;}
    
    .esg2 h3{font-size: 23px;margin-bottom: 30px;}
    .esg2box{display: block;}
    .esg2 .pics{width: 100%;margin-bottom:20px;}
    .esg2 .txts{width: 100%;}
    .esg2 .txts .swiper-slide .top .h{font-size: 20px;}
    .esg2 .txts .swiper-slide .p{font-size: 14px;}
    .esg34 .esg3{padding: 0 18px 50px 18px;}
    .esg2 .pics .swiper-slide{height: 50vw;}
    
    .esg34 .esg3 .top{height: 50vw;padding-top:20vw;}
    .esg34 .esg3 .bottom{display: block;}
    .esg34 .esg3 .bottom .item{width: 100%;margin-bottom: 12px;padding:12px;}
    .esg34 .esg3 .bottom .item .p{font-size: 13px;}
    .esg34 .esg4{padding-top: 0;}
    .esg34 .esg4 .card{width: 100%;}
    .esg34 .esg4 .card .tit{font-size: 23px;margin-bottom:12px;}
    .esg34 .esg4 .card .h{font-size: 20px;}
    .esg34 .esg4 .card .p{font-size: 15px;}
    
    .news .news-nav a{font-size: 13px;padding:6px 20px;}
    .news .news-ul .news-li .news-msg .news-info .news-more{font-size: 13px;}
    
    .news-detail{width: 100%;}
    .news-detail-end{width: 100%;}
    .news-detail .detail-con{padding: 0;}
    .news-detail-end:before{width:calc(50% - 30px);}
    .news-detail-end:after{width:calc(50% - 30px);}
    
    .news-detail .detail-title{width: calc(100% - 36px);margin: 0 18px;margin-bottom:30px;}
    .news-detail .detail-info .detail-info-time{font-size: 14px;}
    .news-detail .detail-con{padding: 50px 18px;}
    .news-detail .detail-con .detail-suggest{display: none;}
    .news-detail .detail-con .detail-article span{font-size: 13px;}
    
    .contact .contac-box .map{padding: 30px 0px;}
    .contact .contac-box .contact-msg{width: 100%;padding: 0 18px;}
    .contact .contac-box .contact-msg .contact-msg-ul{display: block;}
    .contact .contac-box .contact-msg .contact-msg-ul .contact-msg-li{width: 100%;}
    .contact .contac-box .contact-msg .contact-msg-ul .contact-msg-li .contact-msg-text{line-height:26px;}
    .contact .contac-box .contact-msg .contact-msg-ul .contact-msg-li img{height: 26px;object-fit:contain;}
    .contact .contac-box .contact-msg .contact-msg-ul .contact-msg-li .contact-msg-text p{line-height: 26px;}
    .cat3{padding: 50px 18px;}
    #myForm{padding: 20px;}
    .form-row{margin-bottom: 16px;}
    .form-row .form-item{width: 100%;margin-right: 0;flex:none;margin-bottom:16px;}
    .form-row .form-item:last-child{margin-bottom:0;}
    .radio-group .radio-item{width: fit-content;font-size: 12px;}
    .radio-group{margin-top: 16px;}
    .agreement .f_16{font-size: 13px;}
    .cat3 .top .tit{font-size: 23px;margin-bottom: 12px;text-align: center;}
    .cat3 .top .p{font-size: 14px;text-align: center;}
    .submit-btn{font-size: 14px;}
    
    
    
    
}