*{
    margin: 0;
    padding: 0;
}
html,
body {
  position: relative;
  height: 100%;
}
.swiper {
  width: 100%;
  height: 100%;
}
a{
  text-decoration: none;
  color:black;
}
ul li {
  list-style: none;
}
#cus_overlay img{
  display:none
}
@media screen and (min-width:1080px){
 /*  */
 .infos{
  display: block;
 }
 .infos2{
  display: none;
 }
 .product{
  display: block;
 }
 .products{
  display: none;
 }
 .about{
  display: block;
 }
 .abouts{
  display: none;
 }
 .contact{
  display: block;
 }
 .contacts{
  display: none;
 }
 .detals{
  display: block;
 }
 .detalss{
  display: none;
 }
 .h_ps5{

 }
 .w{
  width: 1200px;
  margin: 0 auto;
}

.d_p1{
  padding-top: 16px;
  height: 85px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.d_p2{
  display: flex;
}
.d_5{
  width: 70px;
  height: 70px;
  margin-right: 14px;
}
.d_5 img{
    width: 100%;
    height: 100%;
}
.d_6{
  width: 150px;
  height: 70px;
}
.d_7{
  text-align: center;
  font-size: 18px;
  letter-spacing: 2px;
  font-weight: 700;
}
.d_8{
  font-size: 30px;
  font-weight: 700;
}
.d_p3{
  width: 543px;
  height: 70px;
  display: flex;
  font-size: 18px;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
}
.d_p3 a{
  height: 50px;
  box-sizing: border-box;
}
.ali{
  position: relative;
}
.ali::before{
  content:"";
  position: absolute;
  left: 100%;
  width: 0;
  bottom: 0;
  height: 100%;
  border-bottom: 1px solid #307767;
  transition: .2s all linear;
}
.ali:hover::before{
  width: 100%;
  top: 0;
  left: 0;
  transition-delay: .1s;
  /* background-color: #307767; */
  /* z-index: -1; */
}
.ali:hover~.ali::before{
  left: 0;
}

.d_p3 a div{
  height: 50px;
  line-height: 50px;
  box-sizing: border-box;

}
.d_p4{
  width: 150px;
  height: 70px;
}
.active{
  color: #307767;
}
.d_p4{
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.d_p9{
  font-size: 12px;
}
.ds_p1{
  font-size: 20px;
  color: #307767;
}
.bj1{
  width: 100%;
  height: 580px;
  background-image: url("../images/2_01.png");
  background-repeat: no-repeat;
}
.q_c1{
  width: 1400px;
  margin-top: 100px;
  height: 495px;
  background-image: url("../images/25.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  /* margin-top: 100px; */
  /* box-shadow: 0 10px 10px 10px #1d6b4c; */
}
.q_c2{
  width: 1100px;
  height: 295px;
  display: flex;
  justify-content: space-between;
  align-items:center;
}
.q_c3{
    width: 470px;
    height: 295px;
    display: flex;
    /* justify-content: space-between; */
    flex-direction: column;
}
.q_c4{
  width: 460px;
  height: 295px;
  
}
.q_c5{
  width: 80px;
  height: 4px;
  background-color: #1d6b4c;
}
.q_c6{
  font-size: 24px;
  margin-top: 65px;
}
.q_c7{
  display: flex;
  font-size: 24px;
  align-items: center;
  margin-top: 40px;
}
.q_c8{
  width: 22px;
  height: 22px;
  margin-right: 12px;
}
.q_c8 img{
  width: 100%;
  height: 100%;
}
.h_p1{
  width: 100%;
  height: 214px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.h_p2{
  width: 368px;
  height: 114px;
  border: 4px solid #1d6b4c;
  border-bottom: 1px solid #1d6b4c;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
.h_p3{
  width: 100%;
  height: 100px;
  background-color: #1d6b4c;
  text-align: center;
  font-size: 36px;
  color: white;
  line-height: 100px;
  box-shadow: 0px 13px 30px -14px black;
}
.h_p4{
  margin-top: 30px;
  text-align: center;
  font-size: 24px;
  
}
.h_p5{
  width: 100%;
  height: 700px;
  /* background-color: pink; */
}
.h_p5 #container3{
  width: 100%;
  height: 100%;
}
#container {
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin: 0;
  font-family: "微软雅黑";
}
.bj2{
  position: relative;
  width: 100%;
  height: 100%;
}
.bj2 img{
  width: 100%;
  height: 100%;
}
.y_1{
  left: 50%;
  display: flex;
  justify-content: center;
  z-index: 9999;
  margin: 0 auto;
}
.w_p1{
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 524px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 80px;
  box-sizing: border-box;
}
.w_p2{
  padding-top: 20px;
  font-size:36px;
  color: #1d6b4c;
  text-align: center;
  margin-bottom: 80px;
}
.w_p3{
  text-indent: 2em;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient:vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 16px;
  color: #333333;
}
.w_p4{
  width: 120px;
  height: 40px;
  background-color: #ecfff7;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
  border-radius: 20px;
  border: 1px solid #1d6b4c;
  color: #1d6b4c;
}
.w_p5{
  position: relative;
}
.w_p6{
  height: 524px;
  background-color: white;
  opacity: .9;
}
.w_p7{
  padding-top: 100px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  background-image: url("../images/6_02.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
/*  */
.hs_p1{
  width: 100%;
  height: 214px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.hs_p2{
  width: 308px;
  height: 87px;
  border: 4px solid #1d6b4c;
  border-bottom: 1px solid #1d6b4c;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
}
.hs_p3{
  width: 100%;
  height: 90px;
  background-color: #1d6b4c;
  text-align: center;
  font-size: 26px;
  color: white;
  line-height: 90px;
  box-shadow: 0px 13px 30px -14px black;
}
.hs_p4{
  margin-top: 22px;
  text-align: center;
  font-size: 24px;
  
}
.ds_5{
  width: 48px;
  height: 48px;
  margin-right: 14px;
}
.ds_5 img{
    width: 100%;
    height: 100%;
}
.ds_6{
  height: 70px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.ds_7{
  font-size: 12px;
  letter-spacing: 2px;
  font-weight: 700;
}
.ds_8{
  font-size: 18px;
  font-weight: 700;
}
.ds_p3{
  width: 543px;
  height: 70px;
  display: flex;
  font-size: 18px;
  justify-content: space-between;
  align-items: center;
}
.qs_c4{
  width: 388px;
  height: 295px;
  
}
.z_p1{
  height: 627px;
}
.z_p2{
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  /* height: 627px; */
  display: flex;
  flex-wrap: wrap;
}
.z_p2 a{
  margin-bottom: 50px;
  margin-right: 20px;
}
.z_p3{
  position: relative;
}
.z_p4{
  width: 280px;
  height: 288px;
  
}
.z_p5{
  width: 100%;
  height: 250px;
  cursor: pointer;
}
.z_p5 img{
  width: 100%;
  height: 100%;
}
.z_p6{
  height: 38px;
  font-size: 18px;
  text-align: center;
  color: #1d6b4c;
  padding-top: 12px;
  box-sizing: border-box;
}
.z_p7{
  width: 100%;
  height: 100%;
  background-image: url("../images/8_02.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.z_p8{
  width: 120px;
  height: 40px;
  border: 1px solid #2a7456;
  box-sizing: border-box;
  background-color: #ecfff7;
  border-radius: 20px;
  font-size: 18px;
  line-height: 40px;
  text-align: center;
  color: #1d6b4c;
}
.z_p9{
  margin-top: 60px;
  display: flex;
  justify-content: center;
}
#container2 {
  width: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
  height: 800px !important;
}
.info {
  z-index: 999;
  width: auto;
  padding: 10px;
  margin-left: 10px;
  position: fixed;
  top: 10px;
  background-color: #fff;
  border-radius: 5px;
  font-size: 14px;
  color: #666;
  box-shadow: 0 2px 6px 0 rgba(27, 142, 236, 0.5);
  
}
.n_p1{
height: 170px;
padding-top: 40px;
box-sizing: border-box;
}
.n_p2{
width: 100%;
font-size: 16px;
color: white;
display: flex;
justify-content: space-between;
align-items: center;
}
.n_p3{
width: 100%;
height: 170px;
background-color: #393534;
}
.n_p4{
display: flex;
justify-content: space-between;

}

.n_p4 a div{
font-size: 16px;
color: white;
}
.n_p5{
width: 633px;
height: 50px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.n_p6{
width: 293px;
height: 58px;
font-size: 16px;
color: white;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.n_p7{
font-size: 20px;
}
.n_p8{
font-size: 11px;
color: white;
text-align: center;
margin-left: 20px;
}
.n_p9{
  margin-top: 10px;
  width: 100%;
  display: flex;
font-size: 11px;
}
.n_p9 a{
  width: 100%;
  text-align: center;
color: white;
}
.n_p10{
  width: 100%;
  text-align: center;
  color: white;
}
.bj3{
width: 100%;
height: 580px;
background-image: url("../images/9.jpg");
background-repeat: no-repeat;
background-size: 100% 100%;
}
.t_p1{
margin-top: 100px;
display: flex;
justify-content: space-between;
}
.t_p2{
width: 230px;
height: 564px;
background-color: #1d6b4c;
}
.t_p3{
width: 100%;
height: 80px;
background-color: white;
display: flex;
justify-content: center;
align-items: center;
border:3px solid #1d6b4c;
box-sizing: border-box;
}
.t_p4{
width: 48px;
height: 48px;
margin-right: 10px;
}
.t_p4 img{
width: 100%;
height: 100%;
}
.t_p5{
font-size: 18px;
}
.t_p6{
text-align: center;
font-size: 23px;
font-weight: 700;
}
.t_p7{
padding: 15px 10px;
box-sizing: border-box;
}
.t_p8{
width: 100%;
height: 60px;
padding-left: 25px;
box-sizing: border-box;
display: flex;
align-items: center;
}
.current{background: #1d6b4c;padding: 10px;color:#fff;}
.t_p8:hover{background: #369f75;}
.t_p8:hover .t_p9{color:#fff;}
.t_p9{
color: white;
}
.active2{
color: #1d6b4c;
}
.active3{
background-color: white;
}
.active3Cur{
  background-color: white;display: flex;
  }
.active3Cur .t_p9{color:#1d6b4c}  

.ts_p1{
width: 955px;
height: 1200px;
}
.ts_p2{
  /* height:1010px; */
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
 
  /* justify-content: space-around; */
}
.ts_p3{
width: 293px;
height: 300px;
margin-right: 20px;
margin-bottom: 50px;
}
.ts_p4{
width: 293px;
height: 265px;
background-color: skyblue;
box-sizing: border-box;
box-shadow: 0px 4px 12px -5px #1d6b4c;
}
.ts_p4:hover{
border: 2px solid #1d6b4c;
  box-shadow: none;
}
.ts_p4 img{
width: 100%;
height: 100%;
}
.ts_p5{
width: 100%;
height: 35px;
font-size: 18px;
}
.active4{
border: 2px solid #1d6b4c;
box-shadow: none;
}
.active5{
  border-bottom: 1px solid #307767;
}
.ts_p5{
color: #1d6b4c;
font-size: 18px;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
}
.ts_p6{
margin-top: 50px;
display: flex;
justify-content: center;
}
.ts_p7{
width: 250px;
display: flex;
justify-content: space-between;
font-size: 16px;
height: 50px;
align-items: center;
}
.ts_p8{
color: #1d6b4c;
}
.bj4{
width: 100%;
height: 580px;
background-image: url("../images/10.jpg");
background-repeat: no-repeat;
background-size: 100% 100%;
}
.m_p1{
padding: 100px 0;
}
.m_p2{
font-size: 36px;
color: black;
text-align: center;
margin-bottom: 80px;
}
.m_p3{
width: 936px;
text-align: center;
margin: 0 auto;
}
.m_p4{
margin: 0 auto;
margin-top: 60px;
width: 45px;
height: 40px;
margin-bottom: 100px;
}
.m_p4 img{
width: 100%;
height: 100%;
}
.m_p5{
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.m_p6{
width: 192px;
height: 155px;
margin-right: 8px;
margin-bottom: 13px;
}
.m_p7{
width: 100%;
height: 130px;
/* background-color: #eff0f4; */
display: flex;
justify-content: center;
align-items: center;
}
.m_p8{
width: 100%;
height: 25px;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.m_p9{
width: 125px;
height: 125px;
background-color: white;
border-radius: 50%;
/* border: 1px solid #309c99; */
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
.m_p9 img{
  width: 100%;
height: 100%;
border-radius: 50%;
}
/* .ms_p1{
width: 100px;
height: 100px;
border-radius: 50%;
}
.ms_p1 img{
width: 100%;
height: 100%;
border-radius: 50%;
} */
.m_p8{
font-size: 16px;
text-align: center;
}
.ms_p2{
width: 500px;
height: 60px;
background-color: #1d6b4c;
margin: 0 auto;
margin-top: 45px;
text-align: center;
line-height: 60px;
color: white;
font-size: 22px;
margin-bottom: 100px;
}
.ms_p3{
height: 700px;
}
.ms_p3 img{
width: 100%;
height: 100%;
}
.ys_p1{
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.swiper-pagination1{
position: fixed;
top: 50%;
transform: translateY(-50%);

z-index: 999999;
}
.swiper-pagination-bullet{
width: 20px;
height: 20px;
background-repeat: 50%;
}
.x_p1{
  padding: 100px 0;
  background-color: white;
  
}
.x_p2{
  font-size: 24px;
  color: #1d6b4c;
  text-align: center;
  margin-bottom: 80px;
}
.x_p3{
  width: 340px;
  height: 300px;
  margin: 0 auto;
  margin-bottom: 80px;
}
.x_p3 img{
  width: 100%;
  height: 100%;
}
.x_p4{

}
.x_p5{
  display: flex;
}
.x_p6{
  width: 3px;
  height: 30px;
  background-color: #1d6b4c;
  margin-right: 15px;
}
.x_p7{
  font-size: 24px;
  margin-bottom: 40px;
}
.x_p8{
  font-size: 18px;
  margin-bottom: 35px;
}
}
@media screen and (max-width:1079px) {
  .infos{
    display: none;
  }
  .infos2{
    display: block;
  }
  .product{
    display: none;
  }
  .products{
    display: block;
  }
  .about{
    display: none;
  }
  .abouts{
    display: block;
  }
  .contact{
    display: none;
  }
  .contacts{
    display: block;
  }
  .detals{
    display: none;
  }
  .detalss{
    display: block;
  }
  .w {
    width: 8.6667rem;
    margin: 0 auto;
}

.z {
    width: 8rem;
    margin: 0 auto;
}

.y_p2 {
    height: 1.3333rem;
    background-color: white;
    display: flex;
    justify-content: space-between;
}
.z_4{
  text-align: left;
  font-size: .2133rem;
color: white;
}
.y_p3 {
    height: 1.3333rem;
    width: 10.6667rem;
    display: flex;
    align-items: center;
}

.y_p4 {
    height: 1.3333rem;
    width: 1.3333rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.y_p5 {
    width: 1.0667rem;
    height: 1.0667rem;
    margin-right: .4rem;
}

.y_p5 img {
    width: 100%;
    height: 100%;
}

.y_p6 {
    display: flex;
    flex-direction: column;
    justify-content: center;

}

.y_p7 {
  letter-spacing: .0667rem;
    font-size: .24rem;
}

.y_p8 {
    font-size: .4rem;
    font-weight: 700;
    letter-spacing: .0267rem;
    text-align: center;
}

.y_p9 {
    width: .6667rem;
    height: .6667rem;
}

.y_p9 img {
    width: 100%;
    height: 100%;
    vertical-align: top;
}

.s_p1 {
    width: 100%;
    height: 5.3333rem;
}

.s_p1 img {
    width: 100%;
    height: 100%;
}

.s_p2 {
    padding: .6667rem 0;
}

.s_p3 {
    font-size: .48rem;
    text-align: center;
    color: #1d6b4c;
    margin-bottom: .5333rem;
}

.s_p4 {}

.s_p5 {
    height: 2.3467rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.s_p6 {
    width: 6.6667rem;
    height: 1.1733rem;
    border: .04rem solid #1d6b4c;
    border-bottom: .0133rem solid #1d6b4c;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .1333rem 0;
}

.s_p7 {
    width: 100%;
    height: 1.1867rem;
    background-color: #1d6b4c;
    font-size: 0.4rem;
    text-align: center;
    line-height: 1.1867rem;
    color: white;
}

.s_p8 {
    width: .8rem;
    height: .8rem;
    margin-right: .1333rem;
}

.s_p8 img {
    width: 100%;
    height: 100%;
    vertical-align: top;
}

.s_p9 {
    width: 2.4rem;
    height: .8rem;
}

.s_1 {
  letter-spacing: .0533rem;
    font-size: .24rem;
}

.s_2 {
    font-size: .32rem;
    letter-spacing: .0667rem;
    font-weight: 700;
}
.s_4 {
    width: 2.6667rem;
    height: .6667rem;
    background-color: #ecfff7;
    margin: 0 auto;
    margin-top: .4rem;
    font-size: .24rem;
    color: #1d6b4c;
    text-align: center;
    line-height: .6667rem;
    border-radius: .4rem;
    border: .0133rem solid #1d6b4c;
    box-sizing: border-box;
}

.z_p1 {
    padding: .2667rem 0;
    padding-bottom: .6667rem;
}

.z_p2 {
    font-size: .48rem;
    color: white;
    text-align: center;
}

.z_p3 {
    display: flex;
    justify-content: space-around;
    margin-top: .4rem;
    flex-wrap: wrap;
}

.z_p4 {
    width: 4rem;
    height: 4.2667rem;
    margin-bottom: .4rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.z_p5 {
    width: 100%;
    height: 3.3333rem;
    box-shadow: .0267rem .0267rem .2667rem .0133rem #ccc;
}

.z_p5 img {
    width: 100%;
    height: 100%;
}

.z_p6 {
    height: .6667rem;
    font-size: .24rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.z_p7 {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 0.4rem;
}

.z_p8 {
    height: 8rem;
    width: 100%;
}

#container {
    width: 100%;
    height: 100%;
}
#container3{
  width: 100%;
  height: 700px !important;
}
.z_1 {
    height: 4rem;
    background-color: #393534;
}

.z_p2 {
    font-size: .2133rem;
    display: flex;
    flex-direction: column;
}

.z_3 {
    /* margin: 0 auto; */
    display: flex;
    width: 8rem;
    flex-wrap: wrap;
    margin-top: .2667rem;
}
.z_3s {
  margin: 0 auto;
  margin-top: .2667rem;
  display: flex;
  width: 8rem;
  height: .5333rem;
  flex-wrap: wrap;
}
.z_3s a{
  height:0.5333rem;
  text-align: center;
  line-height:0.5333rem;
}
.z_3 a{
  /* height:0.5333rem; */
  /* text-align: center; */
  /* line-height:0.5333rem; */
}
.z_4 {
    width: 1.6rem;
    height:1.3333rem ;
    line-height: 1.3333rem;
    font-size: .4rem;
    margin-right: .1333rem;
}
.z_4_p{
  width: 1.0667rem;
  line-height: 1.3333rem;
  text-align: left;
  font-size: .4rem;
color: white;
}
.z_5 {
    text-align: center;
    margin-top: .2667rem;
    font-size: .1867rem;
    color: white;
}

.z_6 {
    text-align: center;
    font-size: .1867rem;

    color: white;

}

.z_7 {
  margin-top: .2rem;
    font-size: .2667rem;
    color: white;
}

.z_8 {
    position: relative;
}
.z_10{
  /* margin-top: .4rem; */
  text-align: left;
  font-size: .2667rem;
  color: white;
}
.z_10s{
  text-align: left;
  font-size: .16rem;
  color: white;
}
.z_10 a{
  color: white;
}
.c_1 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 9999;
    opacity: .7;

}

.c_2 {
    position: fixed;
    top: 0;
    right: -9.3333rem;
    width: 9.3333rem;
    height: 100%;
    background-color: white;
    z-index: 9999;
    padding-top: .2667rem;
    box-sizing: border-box;
    word-break: break-all;
    transition: width 10s linear 0s;
}

.c_3 {
    display: flex;
    justify-content: flex-end;
}

.c {
    width: 8rem;
    margin: 0 auto;
}

.c_4 {
    width: .5333rem;
    height: .5333rem;
}

.c_4 img {
    width: 100%;
    height: 100%;
}

.c_6 {
    margin: .8rem 0;
    font-size: .48rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.c_7 {
    width: .6667rem;
    height: .6667rem;
}

.c_7 img {
    width: 100%;
    height: 100%;
}

.c_8 {
    width: 100%;
    height: 100%;
    display: none;
}

.d_1 {
    width: 100%;
    height: 5.3333rem;
}
.d_1 img{
    width: 100%;
    height: 100%;
}
.d_2{
    margin-top: .4rem;
}

.d_2 .swiper-slide{
    width: 1.6rem !important;
    margin: 0 .2667rem;
    font-size: 0.4rem;
}
.d_3{
    margin-top: .6667rem;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.d_4{
    width: 4rem;
    height: 4.2667rem;
    margin-bottom: .6667rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.d_5{
    height: 3.3333rem;
    /* background-color: orange; */
    box-shadow: .0267rem .0267rem .2667rem .0133rem #ccc;
}
.d_6{
    height: .6667rem;

}
.d_5 img{
    width: 100%;
    height: 100%;
}
.d_6{
    font-size: .24rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    justify-content: center;
}
.d_6 div{
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: center;
    font-size: 0.3733rem;
}
.x_1{
    margin-top: .6667rem;
}
.x_2{
    width: 100%;
    /* background-color: pink; */
}
.x_3{
    width: 100%;
    height: 7.3333rem;
}
.x_3 img{
    width: 100%;
    height:100%;
}
.x_4{
    height:0.6667rem ;
    text-align: center;
    line-height: .6667rem;
    font-size: .4rem;
}
.x_5{
    margin-top: .6667rem;
}
.x_6{
    font-size: .48rem;
    text-align: center;
    font-weight: 700;
}
.x_7{
    font-size: .4rem;
}
.x_8{
    margin: .4rem 0;
}
.a_1{
    
}
.a_2{
    font-size: .48rem;
    text-align: center;
    margin: .4rem 0;
}
.a_3{
    font-size: .4rem;
    text-align: center;
    letter-spacing: 0.04rem;
}
.a_4{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.a_5{
    width:2.6667rem;
    height: 2.6667rem;
    margin: .4rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-bottom: .2rem;
}
.a_6{
    width: 2.1333rem;
    height: 2.1333rem;
    border-radius: 50%;
}
.a_6 img{
    width: 100%;
    height: 100%;
}
.a_7{
    font-size: .1867rem;
}
.a_8{
    margin:0 auto;
    width: 6.6667rem;
    height: 1.0667rem;
    font-size: .32rem;
    text-align: center;
    background-color: #1d6b4c;
    line-height: 1.0667rem;
    margin-top: .4rem;
    color: white;
}
.a_9{
    width: 100%;
    height: 5.3333rem;
    margin-top: .4rem;
}
.a_9 img{
    width: 100%;
    height: 100%;
}
.l_1{
    margin-top: .6667rem;
}
.l_2{
    font-size: .32rem;
    padding-top: .4rem;
}
.l_3{
    margin: .6667rem 0;
    text-align: center;
    font-size: 0.4rem;
}
.l_4{
    font-size: .32rem;
    color: #1d6b4c;
    margin-top: .1333rem;
}
.BMap_bubble_title{
  font-size: 16px;
}
.active6{
  border-bottom: .0667rem solid black;
}
.s_3 {
  font-size: 0.4rem;
  color: black;
  margin-top: .4rem;
  letter-spacing: .04rem;
}
}