/* 头部 */
.menu {
  display: none;
  align-items: center;
}
.menu-button {
  /* display: none; */
  padding: 0.9375rem;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.bar {
  position: relative;
  display: block;
  width: 1.875rem;
  height: 0.1875rem;
  margin: 0.3125rem auto;
  background-color: #088EE7;
  border-radius: 0.625rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-border-radius: 0.625rem;
  -moz-border-radius: 0.625rem;
  -ms-border-radius: 0.625rem;
  -o-border-radius: 0.625rem;
}
.cross .bar:nth-of-type(1) {
  -webkit-transform: translateY(0.9375rem) rotate(-45deg);
  -ms-transform: translateY(0.9375rem) rotate(-45deg);
  transform: translateY(0.9375rem) rotate(-45deg);
  -moz-transform: translateY(0.9375rem) rotate(-45deg);
  -o-transform: translateY(0.9375rem) rotate(-45deg);
}
.menu-button .bar:nth-of-type(1) {
  margin-top: 0rem;
}
.menu-button .bar:nth-of-type(3) {
  margin-bottom: 0rem;
}
.cross .bar:nth-of-type(3) {
  transform: translateY(-0.125rem) rotate(45deg);
  -webkit-transform: translateY(-0.125rem) rotate(45deg);
  -moz-transform: translateY(-0.125rem) rotate(45deg);
  -ms-transform: translateY(-0.125rem) rotate(45deg);
  -o-transform: translateY(-0.125rem) rotate(45deg);
}
.cross .bar:nth-of-type(2) {
  opacity: 0;
}
.headers {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  padding-left: 11.6%;
  background-color: #FFFFFF;
  padding-right: 11.5%;
  box-sizing: border-box;
  height: 6.25rem;
}
.headers .header-bot {
  display: flex;
  align-items: center;
  height: 6.25rem;
  box-sizing: border-box;
}
.headers .header-bot .logo {
  padding-right: 6.2%;
}
.headers .header-bot .logo img {
  width: 15.19rem;
height: auto;
  object-fit: cover;
  background-size: 100% 100% ;
}
.headers .header-bot ul {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
}
.headers .header-bot ul li {
  font-size: 1.125rem;
  font-family: PingFang;
  position: relative;
  height: 6.25rem;
}
.headers .header-bot ul .active a {

  color:#D7000F;
  position:relative;
}
.headers .header-bot ul li .op ul a::after{
content:'';
  position:absolute;
 transform: translateX(-50%);  
 left:50%;
  bottom:0;
width: 100%;
height: 0.19rem;

}

.headers .header-bot ul .active::after{
content:'';
  position:absolute;
 transform: translateX(-50%);  
 left:50%;
  bottom:0;
width: 100%;
height: 0.19rem;
background: #D7000F;
}
.headers .header-bot ul li li.active > a,
.headers .header-bot ul li li:hover > a {

}
.headers .header-bot ul li a:hover{

  color:#E00206;
}
.headers .header-bot ul li a {
  display:block;
  line-height: 6.25rem;
  font-family: SourceHanSansCN;
font-weight: 400;
font-size: 1.25rem;
color: #303030;
  transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
}
.headers .header-bot ul li .op {
  display: none;
   position: fixed;
background: #f4f4f4;  width: 100%;

  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  padding: 2rem 23%;
}
.headers .header-bot ul li .op ul {
  display: flex;
  flex-direction: column;
  width: 30.19rem;
    float: left;
 padding: 0.5rem 2rem; 
  border-left: 2px solid rgba(51,51,51,0.1);
    border-right:  2px solid rgba(51,51,51,0.1);

}
.headers .header-bot ul li .op .left .text .wz{
  font-size: 1.31rem;
 font-weight: 600;
 line-height: 1.3;
 text-decoration: underline;



}

 .headers .header-bot ul li .op  .left h3{

      font-size: 1.5rem;
    font-weight: 800;
    line-height: 1.3;
    font-family: "Lufthansa Head", arial, sans-serif;
    margin-bottom: 4rem;
    color:#D7000F;



 }
  .headers .header-bot ul li .op  .left  .text{
    display: flex;

  }

    .headers .header-bot ul li .op  .left  .text .imgs{

      width: 2rem;
      height: 2rem;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      line-height: 2rem;
background-color: rgba(224, 2, 6, 0.5);
      border-radius: 50%;
      margin-right: 0.4rem;
    }
    .headers .header-bot ul li .op .left .text:hover .imgs{
background-color: rgba(224, 2, 6, 1);

    }
    .headers .header-bot ul li .op .left .text:hover{

      cursor:pointer;
    }
.headers .header-bot ul li .op .content .left{

  height:100%;
}
        .headers .header-bot ul li .op  .left  .text .imgs img{

      width: 1rem;
      height:  1rem;
      background-size: 100% 1005 ;
      object-fit: cover;
      
    }

   .clearfix::after {

       content: "";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
    }

    .headers .header-bot ul li .op  .content{

      display: flex;
      align-items: center;
      justify-content: space-between;
    }
.headers .header-bot ul li .op ul li {
  width: 10rem;
  height:3.25rem;
}
.headers .header-bot ul li .op ul li a {
  padding: 0.9375rem;
  font-size: 1.31rem;
  line-height: 1.3; /* 保留合适的行高 */
  width: 100%;
  display: flex;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
  color: rgba(224, 2, 6, 1);
  transition: all 0.3s ease; /* 添加过渡效果 */
  text-decoration: none; /* 移除默认下划线（可选） */
}

.headers .header-bot ul li .op ul li a:hover {
  font-weight: 800;

}

.headers .header-bot .header-right {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-left: 2.25rem;
  box-sizing: border-box;
}
.headers .header-bot .header-right .menu {
  display: none;
}
.headers .header-bot .header-right .menu .menu-button {
  /* display: none; */
  padding: 0.9375rem;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.headers .header-bot .header-right .menu .menu-button .bar {
  position: relative;
  display: block;
  width: 1.875rem;
  height: 0.1875rem;
  margin: 0.3125rem auto;
  background-color: #D7000F;
  border-radius: 0.625rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-border-radius: 0.625rem;
  -moz-border-radius: 0.625rem;
  -ms-border-radius: 0.625rem;
  -o-border-radius: 0.625rem;
}
.headers .header-bot .header-right .menu .menu-button .bar:nth-of-type(1) {
  margin-top: 0rem;
}
.headers .header-bot .header-right .menu .menu-button .bar:nth-of-type(3) {
  margin-bottom: 0rem;
}
.headers .header-bot .header-right .phone {
  display: flex;
  margin-right: 1rem;
  width: 14rem;
  line-height: 2.3rem;
  background: #FFFFFF;
  border-radius: 1.38rem;
  border: 0.0125rem solid #D7000F;
}
.headers .header-bot .header-right .phone .hot-line {
  width: 6rem;
  border-radius: 1.38rem 0rem 1.38rem 1.38rem;
  background-clip: content-box;
  /* 避免背景覆盖圆角 */
  box-shadow: none;
  /* 移除可能干扰的阴影 */
  font-family: SourceHanSansCN;
  font-weight: bold;
  font-size: 1rem;
  color: #FFFFFF;
  line-height: 2.3rem;
  background: #D7000F;
  text-align: center;
}
.headers .header-bot .header-right .phone .num {
  font-family: DINPro;
  font-weight: bold;
  font-size: 1rem;
  color: #D7000F;
  line-height: 2.3rem;
}
.headers .header-bot .header-right .text {
  font-family: SourceHanSansCN;
  width: 2.81rem;
  font-weight: 500;
  font-size: 1rem;
  text-align: center;
  line-height: 2.3rem;
  color: #FFFFFF;
  background: #D7000F;
  border-radius: 0.25rem;
}