.bannerbut{display: none;}
.banner_text{transition:all 1.3s;-webkit-transition:all 1.3s;-moz-transition:all 1.3s;-o-transition:all 1.3s;-ms-transition:all 1.3s;
  visibility: hidden;opacity: 0;
  -webkit-transform: translateY(20%); -moz-transform: translateY(20%);-o-transform: translateY(20%);-ms-transform: translateY(20%);transform: translateY(20%);
}

.banner .swiper-slide-active .banner_text{
  visibility: visible;opacity: 1;
  -webkit-transform: translateY(0px); -moz-transform: translateY(0px);-o-transform: translateY(0px);-ms-transform: translateY(0px);transform: translateY(0px);

}


.banner_text{z-index: 92; width: 100%;color: #fff;position:absolute; left:0; top:1.8rem; text-align: center;}
.banner_text h4 img{width: 4.75rem;height: 2.89rem;}
.banner_text h3{letter-spacing: 0.1rem;line-height: 1.2em;margin-top: 1.3rem;}
.banner_text p{letter-spacing: 0.03rem;margin-top:0.1rem;}
.index_btn{text-align: center;padding-top: 0.2rem;}
.index_btn a{display: inline-block;padding: 0.1rem 0.3rem;border: 1px solid #fff;border-radius: 0.06rem;color: #fff;}


.banner{position: relative;overflow: hidden;}
/* .banner ul{height: auto !important;} */
.baner_but{display: none;}
.baner_but div{background: none;outline: none;font-size: 50px;width: 60px;height: 60px;line-height:60px; margin-top: -30px;text-align: center;color: #fff;}
.banner li{position: relative;overflow: hidden;}
.banner li::after{content: "";position: absolute;top:0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.1);}

.banner_scale{position: relative;height: 100%;z-index: 5; }
/* .banner li .banner_scale:after{content:"";position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background:rgba(0,0,0,0.17);z-index: 91;} */
.banner li>a{display: block;position: relative;height: 100%;}
.banner li video {
position: absolute;
width: 100%;height: 100%;
left: 0px;
top: 0;
object-fit: cover;z-index: 91;
}



.banner_page{height: 4px; display: none;}
.banner_page{position: absolute;left: 0;bottom:0.3rem;width: 100%;z-index: 9; text-align: center;}
.banner_page  span{width: 0.82rem;height: 4px;opacity:0.3 !important;background: none;margin:0 3px;background:#fff;border-radius: 3px;}
.banner_page span:after{content:"";position: absolute;bottom: 0;left: 0;width:0%;height: 100%;background:#e7091a;}
.banner_page .swiper-pagination-bullet-active{opacity:1 !important;}
.banner_page .swiper-pagination-bullet-active:after{width: 100%;transition:all 5s;-webkit-transition:all 5s;-moz-transition:all 5s;-o-transition:all 5s;-ms-transition:all 5s; display: none;}


.banner .swiper-pagination{width: 100%;bottom:0.3rem;}
.banner span{width: 0.4rem;height: 4px;opacity:0.3 !important;background: none;margin:0 3px;background:#fff;border-radius: 3px;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;}
.banner .swiper-pagination-bullet-active{opacity:1 !important;width: 0.8rem;}

.phone_video{display: none;}
@media only screen and (min-width:1024px){
 
.index_btn a{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.index_btn a:hover{color: #ab7f4c !important; background: #fff;}
}
@media only screen and (max-width:1024px){
  .maod{top:-70px}

.baner_but div{font-size: 40px;width: 40px;height: 40px;line-height: 40px; margin-top: -20px;}
.banner{top:50%;}
.banner .wrap_1696{box-sizing:border-box;}



.banner_text{top:0.6rem}
.banner_text h4 img{width: 3rem;height: 1.82rem;}
.banner_text h3{margin-top: 0.5rem;}
}

@media only screen and (max-width:767px){
.baner_but div{font-size: 24px;font-weight: bold;width: 30px;height: 30px;line-height: 30px; margin-top: -15px;}
.banner li{height:250px !important;}
.banner_text h3{font-size: 26px;margin-bottom: 0.2rem;}
.banner_text p{font-size: 14px;line-height: 24px;max-height: 48px;font-weight: normal;}
.banner_page span{width:40px}
.banner li>img{display: none;}
.banner_text{top:15%;}
.banner_text h3{margin-top: 0.3rem;}

.banner li video{display: none !important;}
.banner .ban_video .phone_video a{color: #fff;}
.banner .ban_video .phone_video{ display: block; color: #fff;  text-align: center;font-size: 26px;
  /* position: absolute;left: 0%;bottom: 50px;font-size: 24px;z-index: 99999;width: 100%; */}

}



.index_title{padding: 0 0.9rem;text-align: center;color: #ab7f4c;}
.index_title h3{line-height: 1.5em;margin-bottom: 0.6rem;}
.index_section{padding-top: 1.1rem;}

.index_world{width: 17.44rem;margin:auto;max-width: 94%;}
.index_world li{margin-bottom: 0.5rem;}
.index_world li:last-child{margin-bottom: 0;}
.index_world dl{position: relative;border-radius: 0.3rem;overflow: hidden;}
.index_world dd{position: absolute;top:0;left: 0;width: 100%;height: 100%;padding: 0.8rem;overflow: hidden;}

.index_world h3{line-height: 1.2em;}
.index_world p{line-height: 1.7em;}
.index_w_text{width: 4.9rem;}
.index_w_text em{width: 0.8rem;height: 0.02rem;background: #ab7f4c; display: block; margin: 0.25rem 0;}

/* 1 */
/* 
.index_world li{position: sticky;position: -webkit-sticky;    transform-origin: center 0;}
.index_world li:nth-child(1) {top: 1.2rem;}
.index_world li:nth-child(2) {top:1.5rem;}
.index_world li:nth-child(3) {top: 3rem;} */
/* 1 */

/* 22 */
.index_01{height: 100vh; display: flex;justify-content: center;align-items: center; }
.index_world{position: relative;height: 6.54rem;}
.index_world li{position: absolute;left: 0;width: 100%;top:0;  }
.index_world li:nth-child(1) {transform: translateY(0.2rem);}
.index_world li:nth-child(2) {transform: translateY(5rem);opacity: 0;}
.index_world li:nth-child(3) {transform: translateY(5rem);opacity: 0;} 



@media only screen and (max-width:1024px){
  .index_01{display: block;}
  .index_01,.index_world{height: auto;}
  .index_world li{opacity: 1 !important;}
  
  }
/* 22 */

.index_03{overflow: hidden;}
.index_buttons{display: none;}
.index_buttons>div{background: none;width: 0.6rem;height: 0.6rem; margin-top: -0.5rem; border-radius: 50%;font-size: 0.3rem; color: #fff;}
.index_buttons .swiper-button-prev{left: -0.3rem;}
.index_buttons .swiper-button-next{right: -0.3rem;}

.index_slider{position: relative;}
.index_slider li{width: 64.4%;}
.index_slider li dl{border-radius: 0.4rem;overflow: hidden;}
.index_slider dt{position: relative;}
.index_slider dt>img{visibility: hidden;}
.index_slider dt video{position: absolute;top:0;left: 0;width: 100%;height: 100%;object-fit: cover; transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s; 
  }


.index_slider dd{visibility: hidden;opacity: 0;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s; -webkit-transform: translateY(100%); -moz-transform: translateY(100%);-o-transform: translateY(100%);-ms-transform: translateY(100%);transform: translateY(100%);}
.index_slider dt::after{transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}

/* .index_slider li.swiper-slide-active dt video{visibility: visible;opacity: 1;} */
.index_slider li.swiper-slide-active dt::after,.index_slider li.swiper-slide-active dd{visibility: visible;opacity: 1;}
.index_slider li.swiper-slide-active dt::after{background:rgba(0,0,0,0.2);}
.index_slider li.swiper-slide-active dd{-webkit-transform: translateY(0); -moz-transform: translateY(0);-o-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}

.index_slider .index_buttons .swiper-button-prev{left:10.4%;}
.index_slider .index_buttons .swiper-button-next{right:10.4%;}
.index_slider dt em{display: none;color: #fff;z-index: 9;}
.index_slider dt{position: relative;}
.index_slider dt::after{content: "";position: absolute;top:0;left: 0;width: 100%;height: 100%;background:rgba(0,0,0,0.1);}
.index_slider dd{position: absolute;left: 0;bottom: 0;width: 100%;color: #fff;padding: 0.7rem 0.3rem; padding-top: 0; overflow: hidden;text-align: center;}
.index_slider dd span{display: inline-block;width: 1.9rem;height: 0.85rem;background: url(../images/index_icbg.png) no-repeat;background-size: 100% 100%;}
.index_slider dd span img{width: 100%;height: 100%;}




.index_slider .swiper-scrollbar{display: none; width: 520px;max-width: 90%;margin:auto; height: 0.05rem; background: #f8f1ec;    margin-top: 0.4rem;border-radius: 0;box-shadow: 0 5px 6px 2px rgba(0, 15, 79, 0.1); overflow: hidden;}
.index_slider .swiper-scrollbar-drag{background: #ab7f4c; border-radius: 0;    cursor: grab;}


.index_map{position: relative;padding-top: 1.7rem; background: url(../images/index_mapbg.jpg) no-repeat; background-size: cover;}
.index_mapimg{margin:auto;width: 58.75%; position: relative;}
.index_mapimg>img{width: 100%;}
.index_mapimg li{width:0.3rem;height:0.3rem; position: absolute;top:0;right: 0; cursor: pointer;}

.index_mapimg li em{width:100%;height:100%; background:rgba(255, 255, 255, 0.2); display: block; border-radius: 50%; position: relative;}
.index_mapimg li b{width:0.18rem;height:0.18rem; background: #ab7f4c; display: block; border-radius: 50%; }
.index_mapimg li b,.index_mapimg li b::after,.index_mapimg li b::before{transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;}
.index_mapimg li b::after,.index_mapimg li b::before{content: "";background: #fff;}
.index_mapimg li b::after{width: 0.07rem;height: 0.02rem;}
.index_mapimg li b::before{width: 0.02rem;height: 0.07rem;}


.index_mapimg li p{visibility: hidden; opacity: 0;  position: absolute;left: 0;top:0;width: 1.9rem;line-height: 0.46rem;background: #fff;border-radius: 0.3rem; padding-left: 0.6rem;box-shadow: 0 0 14px 2px rgba(0, 15, 79, 0.1);transition:all 0.3s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s;
  -webkit-transform: translateY(-0.2rem); -moz-transform: translateY(-0.2rem);-o-transform: translateY(-0.2rem);-ms-transform: translateY(-0.2rem);transform: translateY(-0.2rem);}
.index_mapimg li p em{position:absolute;width:0.24rem;height:0.24rem; background: #ab7f4c; border-radius: 50%;}

.index_mapimg li p i{position: absolute; top:0.1rem;left: 0.14rem; background: #ab7f4c; border-radius: 50%; width: 0.24rem;height: 0.24rem;}
.index_mapimg li p i::after,.index_mapimg li p i::before{transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;}
.index_mapimg li p i::after,.index_mapimg li p i::before{content: "";background: #fff;}
.index_mapimg li p i::after{width: 0.1rem;height: 0.02rem;}
.index_mapimg li p i::before{width: 0.02rem;height: 0.1rem;}

.index_mapimg li.on{z-index: 5;}
.index_mapimg li.on p{visibility: visible;opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0);-o-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}

.index_maptab{position: absolute;top:0.85rem;left: 0.35rem;    z-index: 5;}
.index_maptab p{padding:0 0.5rem;color: #58514d; line-height: 0.46rem;border-radius: 0.3rem; cursor: pointer;margin-bottom: 0.06rem;}
.index_maptab p span{display: block;padding-left: 0.2rem;position: relative;}
.index_maptab p span::after{content: "";position: absolute;top:0.2rem;left: 0;width: 0.07rem;height: 0.07rem;background: #ab7f4c; border-radius: 50%;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;opacity: 0;}

.index_maptab p.on{background: #fff;color: #ab7f4c; font-weight: bold;pointer-events: none ;cursor: default;}
.index_maptab p.on span::after{opacity: 1;}


.index_tac{    z-index: 6;position: absolute;top:0.75rem;right: -100%;width: 25.2%;color: #fff; opacity: 0;visibility: hidden;transition:all 1s;-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s;}
.index_tac.on{opacity: 1;visibility: visible;right: 0.7rem;}

.index_mappark{background: rgba(77,70,66,0.95);padding: 0.4rem; padding-bottom: 0.5rem;  border-radius: 0.3rem;}




.index_mapclose{position: absolute;top:0.15rem;right: 0.15rem;cursor: pointer;font-size: 0.24rem;line-height: 1em;z-index: 99;}

.mapscoll{min-height: 5.5rem; max-height: 6rem; overflow: hidden;}
.index_mapiteam{display: none;}
.index_mapiteam.on{display: block;}
.index_mapiteam h3{color:#ddc0ad;line-height: 1.6em;margin-bottom: 0.25rem;}
.index_map_p{margin-bottom: 0.4rem;}
.index_map_p p{line-height: 1.8em;margin-bottom: 0.3em;}
.index_map_p p:last-child{margin-bottom: 0;}
.map_btn>div{background: none;font-size: 0.28rem;top:auto;margin: 0;bottom: 0;}
.map_btn .swiper-button-prev {left: 0.05rem;}
.map_btn .swiper-button-next{right: 0.05rem;}

.index_mapslider{position: relative;padding-bottom: 0.44rem; border-radius: 0.2rem;overflow: hidden;}
.index_mapslider li{border-radius: 0.2rem;overflow: hidden;}
.index_mapiteam .index_btn{text-align: left;padding-top: 0.3rem;}
.index_mapiteam .index_btn a{padding: 0 0.24rem; height: 0.36rem; line-height: 0.34rem;}

.index_map_type{margin-bottom: 0.2rem;}
.index_map_type ul{overflow: hidden;}
.index_map_type li{float: left; margin-right: 0.15rem; margin-bottom: 0.1rem; cursor: pointer;}
.index_map_type li:last-child{margin-right: 0;}
.index_map_type li p{padding: 0 0.12rem;border: 0.01rem solid #fff;border-radius: 0.05rem; line-height: 0.32rem;}
.index_map_type li.on p{background: #fff;color: #000;}

.index_map_type li p{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}



@-webkit-keyframes fadeInUpfade {
  0% {
      opacity: 0.9;
      -webkit-transform: translateY(10px);
      transform: translateY(0px)
  }
  100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0)
  }
}
@keyframes fadeInUpfade {
  0% {
      opacity: 0.9;
      -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
      transform: translateY(10px)
  }
  100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0)
  }
}
.fadeInUpfade {
  -webkit-animation-name: fadeInUpfade;
  animation-name: fadeInUpfade
}




@-webkit-keyframes fadeInUpinser {
  0% {
      opacity: 1;
      -webkit-transform: translateY(10px);
      transform: translateY(10px)
  }
  100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0)
  }
}
@keyframes fadeInUpinser {
  0% {
      opacity: 1;
      -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
      transform: translateY(10px)
  }
  100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0)
  }
}
.fadeInUpinser {
  -webkit-animation-name: fadeInUpinser;
  animation-name: fadeInUpinser
}

@media only screen and (max-width:1024px) {
    .index_section{padding-top: 0.6rem;}
    .index_title{padding: 0 3%;}
    .index_title h3{margin-bottom: 0.3rem;}


.index_slider dt video{display: none;}

.index_slider dd{padding: 0.2rem;}
.index_slider dd span{width: 1.2rem;height: 0.54rem;}

.index_world dd{padding: 0.4rem;}
.index_w_text em{margin: 0.1rem 0;}
.index_world li{margin-bottom: 0.3rem;}

.index_maptab p{padding: 0 0.2rem;}
.index_maptab{top:0.4rem;left: 0.2rem;}
.index_tac{top:0.4rem;width: 40%;}
.index_tac.on{right: 0.2rem;}
.index_mappark{padding:0.3rem 0.2rem;border-radius: 0.2rem;}

.index_mapimg{width: 50%;}
.index_mapimg li p{padding-left: 0.5rem;width: 1.6rem;}
.index_maptab p{line-height: 0.4rem;}
.index_mapclose{top:0.1rem;right: 0.1rem;}
.index_map_type{margin-bottom: 0.1rem;}
.index_mapiteam h3{margin-bottom: 0.1rem;}
.index_map_p{margin-bottom: 0.2rem;}
.index_map{padding-top: 3.5rem;}
.index_mapiteam .index_btn{padding-top: 0.1rem;}
.mapscoll{min-height: 4.8rem;max-height: 4.8rem;}

.index_slider dt em{display:block;}

.index_slider dt>img{visibility:visible;}

}

.index_slider .prop_page{display: none;}
@media only screen and (max-width:767px) {
    .index_section{padding-top: 30px;}
    .index_title{padding: 0 3%;}
    .index_title h3{margin-bottom:15px;}

.index_slider{width: 94%;margin:auto;}
.index_slider li{visibility: visible;opacity: 1;}
.index_slider dt::after,.index_slider dd{visibility: visible;opacity: 1;}
.index_slider .index_buttons .swiper-button-prev{left: 5px;}
.index_slider .index_buttons .swiper-button-next{right: 5px;}

.index_slider .swiper-scrollbar{margin-top: 20px;height: 5px; display: none;}
.index_buttons>div{font-size: 36px;}
.index_slider .prop_page{padding-top: 10px}
.index_slider .prop_page .swiper-pagination{position: static;}

.index_world li{margin-bottom: 10px;}
.index_world dd{position: static;padding: 20px 10px; }
.index_world dt{border-radius: 0.2rem;overflow: hidden;}
.index_w_text{width: 100%;}
.index_w_text em{height: 2px;width: 50px;margin:10px 0;}
.index_slider dd span{width: 100px;height: 44px;}



.index_map{padding-top: 30px;}
.index_maptab{position: static;margin-bottom: 20px; padding: 0 3%;}
.index_maptab p{line-height: 30px;margin-bottom: 5px;width: fit-content; padding: 0 20px;}
.index_maptab p span::after{width: 6px;height: 6px;top:12px}
.index_maptab p span{padding-left: 12px;}
.index_mapimg{width: 100%;}
.index_mapimg li p{width: 140px;line-height: 30px; padding-left: 30px;}
.index_mapimg li p i{width: 16px;height: 16px;top:8px}
.index_mapimg li p i::before{width: 2px;height: 6px;}
.index_mapimg li p i::after{width: 6px;height: 2px;}


.index_mapimg li b{width: 12px;height: 12px;}
.index_mapimg li b::before{width: 2px;height: 6px;}
.index_mapimg li b::after{width: 6px;height: 2px;}

.index_tac{width: 94%;}
.index_tac.on{right: 3%;}
.index_mappark{padding:30px 20px;}

.mapscoll{min-height: 50vh;max-height: 80vh;}
.index_mapiteam .index_btn a{height: 36px;line-height: 34px;padding: 0 20px;}
.index_mapslider{padding-bottom: 40px;}
.index_map_type li p{line-height: 30px;padding: 0 5px;}
.index_mapclose{top:5px;right: 5px;font-size: 24px;}
.index_mapiteam h3{margin-bottom: 10px;}
.index_map_p{margin-bottom: 15px;}
.index_map_type{margin-bottom: 10px;}
/* .index_03{overflow: inherit;} */


}

@media only screen and (min-width:1025px) {
.index_maptab p:hover{background: #fff;color: #ab7f4c;}
.index_maptab p:hover span::after{opacity: 1;}

.index_slider dl:hover dd img{    transform: scale(1, 1); -webkit-transform: scale(1, 1);-moz-: scale(1,1);-o-transform: scale(1,1);-ms-transform: scale(1,1);}


}



/* 探索碧朗湾健康世界优化 */
.index_world ul{display: block;}
.index_world .swiper-container{overflow: inherit;}
.index_w_phone{display: none;}
@media only screen and (max-width:1024px) {
  .index_w_phone{display:block;}
  .index_w_pc{display:none;}
  .index_world li { position: inherit;}
  .index_world li{top:0 !important;    transform: translateY(0) !important;}
  .index_world ul{display: flex;}
  .index_world .swiper-container{overflow: hidden;}
  .index_world .index_buttons>div{margin-top: 0;top:2.6rem}
  .index_world .index_buttons .swiper-button-prev{left: 5px;}
.index_world .index_buttons .swiper-button-next{right: 5px;}

}



/* 项目分布优化手机 */
@-webkit-keyframes fadeInUpmap {
  0% {
      opacity: 0;
      -webkit-transform: translateY(-50%,50px);
      -ms-transform: translateY(-50%,50px);
      -moz-transform: translateY(-50%,50px);
      -o-transform: translateY(-50%,50px);
      transform: translateY(-50%,50px)
  }
  100% {
      opacity: 1;
      -webkit-transform: translateY(-50%,0);
      -ms-transform: translateY(-50%,0);
      -moz-transform: translateY(-50%,0);
      -o-transform: translateY(-50%,0);
      transform: translateY(-50%,0)
  }
}
@keyframes fadeInUpmap {
  0% {
      opacity: 0;
      -webkit-transform: translateY(-50%,50px);
      -ms-transform: translateY(-50%,50px);
      -moz-transform: translateY(-50%,50px);
      -o-transform: translateY(-50%,50px);
      transform: translateY(-50%,50px)
  }
  100% {
      opacity: 1;
      -webkit-transform: translateY(-50%,0);
      -ms-transform: translateY(-50%,0);
      -moz-transform: translateY(-50%,0);
      -o-transform: translateY(-50%,0);
      transform: translateY(-50%,0)
  }
}
.fadeInUpmap {
  -webkit-animation-name: fadeInUpmap;
  animation-name: fadeInUpmap
}

.index_mapimg{overflow: hidden;}
.index_map_select{display: none;}
@media only screen and (max-width:767px) {
  .index_map_select{display: block;}
  .index_maptab li {-webkit-animation-name: none;animation-name: none;visibility: visible !important;}
  .index_map_select {height: 40px;line-height: 40px;padding: 0 10px;        padding-right: 30px; position: relative;        border: 1px solid #b6aba3;border-radius: 4px;color: #58514d;}
  .index_map_select i{position: absolute;right: 10px;top:0;font-weight: bold;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
  .index_map_select.on i{-webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);}

  .index_03{overflow:inherit;}
  .index_maptab{position: relative;left: 0;top:0;margin: 0 3%;padding: 0;margin-bottom: 30px;        z-index: 9;}
  .index_maptab p.on{background: none;font-weight: normal;}
  .index_maptab p{padding: 0 10px;width: 100%;}
  .index_maptab p span{padding-left: 0;}
  .index_maptab p span::after{display: none;}
  .index_maptab ul{position: absolute;left: 0;top:100%;width: 100%; padding: 10px 0;max-height: 310px;overflow-y: auto;box-shadow: 0 7px 14px 2px rgba(0, 15, 79, 0.1); border-radius: 5px; display: none;background: #fff;}

  .index_tac{width: 330px;max-width: 94%;transform: translate(-50%,0); -webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-o-transform: translate(-50%,0); position:fixed; left:50%; top:80px;      z-index: 99991; display: none;}

  .mapscoll{visibility: visible !important;}
  .map_btn>div{font-size: 22px;}
  .pro_sliderbox dt{width: 60%;float: right;}


  
}


.video_appbox{ display: block; position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;opacity: 0;visibility: hidden;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;}
.video_appbox.show{visibility: visible;opacity:1;}
.video_appbox video{width: 100%;}
.video_appbox .video_t{ z-index:2; background:#000;width:1000px;max-width:94%; height: 60%;
 transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;visibility: hidden;opacity: 0;}
.video_appbox.show .video_t{visibility: visible;opacity:1;}
.video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.video_close{position:absolute; top:calc(20% - 30px); right:calc(50% - 500px); cursor:pointer; z-index: 99999;}
.video_close i{color: #fff;}
@media only screen and (max-width:1023px) {
    .video_close{right:3%;}
}
@media only screen and (max-width:767px) {
  .index_slider dt em{font-size: 40px;}
  .video_close{font-size: 26px;    top: calc(20% - 50px);font-weight: bold;  }
}