@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,select{ /*font-size:18px;*/ color: #393939; font-family: arial;}
/*.JavaneseText{font-family: arial;}*/

.con{min-height: auto;border: 0;overflow: inherit; padding-bottom: 0;background:none;}

.header2021-alink{position: absolute !important;}
.header {
background:url(/future/main_top_bg.jpg) no-repeat top center;background-size: 100% 100%;
    padding: 0 30px;
    position: relative;}
/*头部*/
html, body{ width: 100%; height: 100%;  background: #fff}
.future_index .map{width: 100%; height:9.3rem;}
.future_index .map{background:url(/future/bg.jpg) no-repeat top left; background-size: 100% auto;position: relative;}
.footer{background: #f2f2f2;}
/* 主要内容弹窗 */
.future_index .map .buildList{ /* background:url(/future/cover.jpg) no-repeat top left; background-size: 100% auto; */ width: 100%; height: 100%; position: relative;  top: 0; left: 0; overflow-y: hidden;}
.future_index .map .inner_pop{width:17.07rem;/* height:7.52rem; */ height:0rem; overflow: hidden; /* display: flex;justify-content: center; align-items: center; flex-wrap: wrap; *//* scale(1,0) */ /* display: none; */ opacity: 0; transition: all 0.8s; visibility: hidden;  position: fixed; top: 50%; left: 50%; transform:translate(-50%, -50%) ; z-index: 99; }
.future_index .map .inner_pop li{opacity: 0; visibility: hidden; position: absolute; top: 0; left: 0;}
.future_index .map .inner_pop .template{width:17.07rem;height:7.52rem;background-color: #fff;border-radius: 0.05rem;box-shadow: 0 0 0.08rem rgba(85,113,168,0.6);filter: drop-shadow(0 0 0.08rem rgba(85,113,168,0.6));overflow: hidden; /* position: relative; */}
.future_index .map .inner_pop .template .bg{width: 100%; height: 100%;}
.future_index .map .inner_pop .template .close{background-color: #14a0c0; border-radius: 0.05rem; color: #fff; font-size: 0.16rem; line-height: 0.3rem; height: 0.3rem; width: 0.96rem; text-align:center; display: block; position: absolute; right: 0.3rem; top: 0.6rem; cursor: pointer;}
.future_index .map .inner_pop .template .pic{ position: absolute; top: 0; left: 0; width: 100%; }
.future_index .map .inner_pop .template .con{ position: absolute; top: 0; left: 0; width: 100%; padding-top: 1.16rem;}
.future_index .map .inner_pop .template .con .en{ font-size: 0.51rem; color: #b0b0b0; font-weight: bold; padding-left: 1.22rem; opacity: 0.2; margin-top: -0.5rem;}
.future_index .map .inner_pop .template .con .word{ /* background: linear-gradient(0deg, #009efc, #6565c2);background-clip: text; color: transparent; -webkit-background-clip: text; */ color:#1692ef; font-size: 0.36rem; height: 0.46rem; line-height: 0.46rem; display: inline-block;  font-weight: bold;padding-left: 0.88rem; margin-top: -0.2rem;}
.future_index .map .inner_pop .template .con .list{margin-top: 0.26rem; padding-left: 0.88rem; margin-bottom: 0.36rem;}
.future_index .map .inner_pop .template .con .list span{ height: 0.29rem; padding: 0 0.18rem; display: inline-block; border-radius:0.04rem; background-color: #087df8; line-height: 0.29rem; color: #fff; margin-right: 0.08rem;}
.future_index .map .inner_pop .template .contentW{ width: 7.18rem; height: 3.24rem; margin-left: 0.88rem; font-size: 0.16rem; color: #656d71; line-height: 0.3rem; position: relative; padding-right: 0.5rem; overflow: hidden;}
.future_index .map .inner_pop .template .contentW .swiper-slide{ height: auto; -webkit-box-sizing: border-box; box-sizing: border-box;}
.future_index .map .inner_pop .template .contentW .swiper-scrollbar-drag{background:#6cb5d7;}
.future_index .map .inner_pop .template .relation{/* display: flex; */ /* display: inline-block; */ display: inline-flex; font-size: 0.16rem; color: #828789;align-items: center; margin-top: 0.8rem; margin-left: 6.02rem; min-width: 2.5rem; height: 0.38rem; line-height: 0.38rem;}
.future_index .map .inner_pop .template .relation .icon{ display: flex; justify-content: center; align-items: center;}
.future_index .map .inner_pop .template .relation .icon img{width: 0.23rem; height: 0.23rem; }

.future_index .map .inner_pop .template .relation .name{margin-left: 0.14rem; margin-right: 0.14rem;}
.future_index .map .inner_pop .template .relation .phone{margin-left: 0.2rem; margin-right:0.2rem;}

.future_index .map .inner_pop .template.inner0 .relation .icon1{display:none;}
.future_index .map .inner_pop .template.inner0 .con{padding-top: 2rem;}
.future_index .map .inner_pop .template.inner0 .relation{margin-top: 0.6rem;}
.future_index .map .inner_pop .template.inner1 .relation .icon0{display:none;}
.future_index .map .inner_pop .template.inner1 .relation{ color: #fff; margin-top:1.35rem; margin-left: 0.9rem;}

.future_index .map .inner_pop .template.inner1 .contentW{ width: 6rem;}
.future_index .map .inner_pop .template.inner1 .contentW .swiper-scrollbar-drag{background-color: #57abf4;}

.future_index .map .inner_pop .template.inner2 .contentW{ width: 6rem; height: 2.94rem;}
.future_index .map .inner_pop .template.inner2 .contentW .swiper-scrollbar-drag{background: #57abf4;}
.future_index .map .inner_pop .template.inner2 .con{padding-top: 1.86rem;}
.future_index .map .inner_pop .template.inner2 .relation{min-width: 2.40rem; height: 0.38rem; line-height: 0.38rem; border-radius: 0.18rem; border: 0.02rem #087df8 solid; position: relative; margin-left:0.88rem;}
.future_index .map .inner_pop .template.inner2 .relation .icon0{display:none;}
.future_index .map .inner_pop .template.inner2 .relation .icon1{width: 0.32rem; height: 0.32rem; border-radius: 50%; background-color: #087df8; text-align: center; line-height: 0.33rem; margin-left: 0.04rem;}
.future_index .map .inner_pop .template.inner2 .relation .icon1 img{width: 0.2rem; height: 0.2rem;}
.future_index .map .inner_pop .template.inner3 .con{padding-top: 1.8rem;}
.future_index .map .inner_pop .template.inner3 .contentW{width: 6.12rem;}
.future_index .map .inner_pop .template.inner3 .relation{ margin-left: 0.88rem; margin-top:0.88rem; color: #fff;}
.future_index .map .inner_pop .template.inner3 .relation .icon0{display:none;}
.future_index .map .inner_pop .template.inner3 .contentW .swiper-scrollbar-drag{background-color: #6267c4;}
.future_index .map .inner_pop .template.inner3 .con .list span{background-color: #6267c4;}

.future_index .map .inner_pop .template.inner4 .con .en{ width: 60%; text-align: right; margin-left: 0;}
.future_index .map .inner_pop .template.inner4 .con{left: 50%; width: 50%;}
.future_index .map .inner_pop .template.inner4 .contentW{width: 6.46rem; height: 3.24rem;}
.future_index .map .inner_pop .template.inner4 .relation{margin-top:0.16rem; margin-left: 0.88rem;}
.future_index .map .inner_pop .template.inner4 .relation .icon0{display:none;}
.future_index .map .inner_pop .template.inner4 .relation .icon1{width: 0.32rem; height: 0.32rem; border-radius: 50%; background-color: #70afd1; text-align: center; line-height: 0.33rem; margin-left: 0.04rem;}
.future_index .map .inner_pop .template.inner4 .relation .icon1 img{width: 0.2rem; height: 0.2rem;}
.future_index .map .inner_pop .template.inner4 .con{padding-top: 1.4rem;}
.future_index .map .inner_pop .template.inner4 .con .list span{background-color:#70afd1;}

.future_index .map .inner_pop.on{transform:translate(-50%, -50%);/* scale(1,1) display: block; */height:7.52rem; opacity: 1; /* visibility: visible; */transition: all 0.8s;}
.future_index .map .inner_pop li.on{visibility: visible;opacity: 1;}
/* 建筑物 */
.future_index .map .buildList .b{display: block; position: absolute; cursor: pointer;}
.future_index .map .buildList .b .build{position: absolute; top: 0; left: 0; width: 100%;}
.future_index .map .buildList .b .light{position: absolute; bottom: 0; left: 0; width: 100%; transform-origin: 50% 100%; transform: scale(0.5,0.2);opacity:0; transition: all 0.5s 0.3s ease-in-out;}
.future_index .map .buildList .b4{top:5.56rem; left:3.56rem; width: 2.07rem; height: 2.01rem;}
.future_index .map .buildList .b3{left:5.13rem; top: 5.1rem; width: 2.35rem; height: 1.78rem;}
.future_index .map .buildList .b2{left:5.41rem; top: 3.8rem; width: 1.26rem; height: 1.54rem;}
.future_index .map .buildList .b1{left:5.84rem; top: 2.98rem; width: 1.28rem; height: 1.4rem;}
.future_index .map .buildList .b0{left:6.7rem; top:1.9rem; width: 2.23rem; height: 1.66rem;}
.future_index .map .buildList .b5{left:8.56rem; top: 2.55rem; width: 2.05rem; height: 1.86rem;}
.future_index .map .buildList .b6{left:12.84rem; top:2.8rem; width: 1.11rem; height: 1.54rem;}
.future_index .map .buildList .b7{left:13.22rem; top: 4.9rem; width: 2.36rem; height: 1.77rem;}
.future_index .map .buildList .b8{left:10.16rem; top: 3.34rem; width:1.19rem; height: 1.72rem;}
.future_index .map .buildList .b9{left:11rem; top: 4.24rem; width: 1.75rem; height: 1.57rem;}
.future_index .map .buildList .b10{left:6.52rem; top: 3.1rem; width: 1.83rem; height: 2.02rem;}
.future_index .map .buildList .b11{left:2.68rem; top:2.84rem; width: 2.96rem; height: 1.98rem;}
/* 简介弹窗 */
.future_index .map .synopsis{position: absolute; top:0; left: 0; width: 5.7rem; transform-origin: 0% 0%;  transform: scale(0,0);  opacity:1; transition: all 0.5s 0.5s ease-in-out; }
/* .future_index .map .synopsis li{ position: relative; top: 5rem; left: 6rem;} */
.future_index .map .synopsis .center{display: flex; border-radius: 0.16rem;overflow: hidden; box-shadow: 0 0 0.08rem rgba(-255,-255,-255,0.2);filter: drop-shadow(0 0 0.08rem rgba(-255,-255,-255,0.2)); min-height:1.92rem;}
.future_index .map .synopsis .center .l{width: 3.36rem; padding-left: 0.3rem; padding-right: 0.22rem; background: linear-gradient(145deg, #1361ac, #0790d6); color: #fff;}
.future_index .map .synopsis .center .l .w{color: #fff; font-size: 0.16rem; line-height: 0.24rem; padding-top: 0.24rem; }
.future_index .map .synopsis .center .l a{ display: block; height: 0.26rem; line-height: 0.26rem; margin-top: 0.06rem; margin-bottom: 0.16rem; color:#fff}
.future_index .map .synopsis .center .l a span{margin-left: 0.1rem; }
.future_index .map .synopsis .center .r{ width: 1.82rem;  background: linear-gradient(145deg, #d1d3d4, #fdfdfd); display: flex; justify-content: center; align-items: center;}
.future_index .map .synopsis .center .r .pic{ width: 1.64rem; height: 1.74rem; border-top-right-radius:0.16rem; border-bottom-right-radius: 0.16rem; overflow: hidden;}
.future_index .map .synopsis .center .r .pic img{width: 100%; height: 100%; object-fit: cover;}
.future_index .map .synopsis .title{font-size: .18rem;position: absolute; left: -0.1rem; top: -0.28rem; background:url(/future/synopsis_l.png) no-repeat top left; background-size:auto 100% ; height:0.56rem; display: flex;}
.future_index .map .synopsis .title .con{ margin-left:0.26rem; background:url(/future/synopsis_c.png) no-repeat top left; background-size: 100% 100%; height: 100%; color: #fff; line-height: 0.38rem; font-weight: bold; padding-right: 0.2rem; min-height:auto;border:0;overflow:inherit;padding-bottom:0;}
.future_index .map .synopsis .title .arrow{margin-left:-0.01rem;}


.future_index .map .buildList .b0 .synopsis{ left: 1.76rem; top: 0; z-index: 4;}
.future_index .map .buildList .b1 .synopsis{left: 1.05rem; top: 0;z-index: 4;}
.future_index .map .buildList .b2 .synopsis{left: 1.03rem; top:0;z-index: 4;}
.future_index .map .buildList .b3 .synopsis{left: 1.49rem; top:0;z-index: 4;}
.future_index .map .buildList .b4 .synopsis{left: 1.7rem; top: 0;z-index: 4;}
.future_index .map .buildList .b5 .synopsis{left: 1.62rem; top:0;z-index: 4;}
.future_index .map .buildList .b6 .synopsis{left:0; top:1.4rem;z-index: 4;}
.future_index .map .buildList .b7 .synopsis{left: 0; top: 1.22rem;z-index: 4;}
.future_index .map .buildList .b8 .synopsis{left: 1rem; top:0rem;z-index: 4;}
.future_index .map .buildList .b9 .synopsis{left: 1.62rem; top:0;z-index: 4;}
.future_index .map .buildList .b10 .synopsis{left:0; top:1.8rem;z-index: 4;}
.future_index .map .buildList .b11 .synopsis{left: 0; top: 1.22rem;z-index: 4;}


.future_index .map .buildList .b.on .light{ transform: scale(1,1); opacity:1;  transition: all 0.5s 0s ease-in-out;}
.future_index .map .buildList .b.on .synopsis{ transform: scale(1,1); opacity:1;  transition: all 0.4s 0.4s ease-in-out;}

.future_index .serve{ width: 100%; height: 100vh; max-height: 10.80rem; background: url(/future/tap0_bg.jpg) no-repeat top left; background-size:cover; object-fit: cover;}
.future_index .serve .title {display: flex; justify-content: center; width: 100%; height: 0.46rem; width: 100%; padding-top: 0.8rem;}
.future_index .serve .title span{/* background: linear-gradient(0deg, #009efc, #6565c2);color: transparent; -webkit-background-clip: text; background-clip: text; */font-size: 0.36rem; height: 0.46rem;  line-height: 0.46rem; display: inline-block;   font-weight: bold;}
.future_index .serve .tap{ display: flex; justify-content: center;  width: 14.2rem; margin: 0 auto; margin-top: 0.8rem;}
.future_index .serve .tap .btn{/* background: url(/future/tap1.png) no-repeat top left; background-size:auto 100%; */  width:33%; height: 0.66rem; display: flex; justify-content: center; line-height: 0.66rem; font-size: 0.24rem; color: #656d71; margin: 0 0.06rem; cursor: pointer;  color: #656d71; background-color: #cfe3f8; border: #a4cef0 2px solid; border-radius: 0.08rem;}
.future_index .serve .tap .btn span{display: none; margin-right: 0.2rem;}
.future_index .serve .tap .btn.on{/* background-image: url(/future/tap0.png); font-size: 0.28rem;font-weight: bold; color: #fff; */border: #8bc3f3 3px solid; background-color: #008bff; color: #fff; font-weight: bold; position: relative;}
.future_index .serve .tap .btn.on::before{ position: absolute; bottom: -0.15rem; left: 50%; transform: translateX(-50%); width:0.25rem; height: 0.15rem; background: url(/future/project_arrow.png) no-repeat top left; background-size: 100% 100%; content: ''; display: block;}
.future_index .serve .tap .btn.on span{display: block;}
.future_index .serve .content{position: relative;}
.future_index .serve .content li{ display: flex;justify-content: center; align-items: center; visibility: hidden; opacity: 0; position: absolute; top: 0; left: 0; width: 100%;}
.future_index .serve .content li.on{visibility: visible;opacity: 1; z-index: 10;}
.future_index .serve .content .s .l .btn{background: url(/future/tap0_list_bg.png) no-repeat center left; background-size:auto 100%; width: 7.95rem; height: 1.78rem; position: relative; cursor: pointer;}
.future_index .serve .content .s .l{margin-left: 0.36rem; width: 7.95rem;}
.future_index .serve .content .s .l .btn .bg{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; transition: all 0.5s;}
.future_index .serve .content .s .l .btn .icon{width:0.98rem; margin-left: 0.46rem;}
.future_index .serve .content .s .l .btn .center{width:100%;height: 100%;display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0;}
.future_index .serve .content .s .l .btn .center .word{ width: 6.2rem; margin-left: 0.3rem; }
.future_index .serve .content .s .l .btn .center .word .t{font-size: 0.24rem; line-height: 0.48rem; font-weight: bold;}
.future_index .serve .content .s .l .btn .center .word .c{font-size: 0.2rem; line-height: 0.38rem; color: #656d71;}
.future_index .serve .content .s0 .l .btn:nth-child(1) .center .word .t{color:#0984d1 ;}
.future_index .serve .content .s0 .l .btn:nth-child(2) .center .word .t{color:#09909f ;}
.future_index .serve .content .s0 .l .btn:last-child .center .word .t{color:#99cf61 ;}
.future_index .serve .content .s2 .l .btn:first-child .center .word .t{color:#14a0c0 ;}
.future_index .serve .content .s2 .l .btn:nth-child(2) .center .word .t{color:#0bd4a3 ;}
.future_index .serve .content .s2 .l .btn:last-child .center .word .t{color:#61a1d2 ;}
.future_index .serve .content .s .l .btn.on .bg{opacity: 1;transition: all 0.5s;}
.future_index .serve .content .s .l .btn.on .center .word .t{ color: #fff;}
.future_index .serve .content .s .l .btn.on .center .word .c{color: #fff;}
.future_index .serve .content .s .r{width: 7.03rem; height: 6.42rem; position: relative;}
.future_index .serve .content .s .r .con{position: absolute; top:0.5rem; left:0;width: 7.03rem; height: 6.42rem; background: url(/future/tap0_box_bg.png) no-repeat center left; background-size:auto 100%; display: flex; justify-content: center; align-items: center; opacity: 0; visibility: hidden; transition: all 0.5s;}
.future_index .serve .content .s .r .con dl{ width: 5.1rem; height: 4.64rem; padding-top: 0.2rem;}
.future_index .serve .content .s .r .con dt{width: 1.14rem; height: 0.6rem; display: flex; justify-content: center; align-items: center; margin: 0 auto; flex-wrap: wrap; font-size: 0.24rem; font-weight: bold; color: #0984d1; padding-bottom: 0.16rem; }
.future_index .serve .content .s0 .r .con:nth-child(1) dt{ color: #0984d1;}
.future_index .serve .content .s0 .r .con:nth-child(2) dt{ color: #09909f;}
.future_index .serve .content .s0 .r .con:nth-child(3) dt{ color: #99cf61;}
.future_index .serve .content .s2 .r .con:nth-child(1) dt{ color: #14a0c0;}
.future_index .serve .content .s2 .r .con:nth-child(2) dt{ color: #0bd4a3;}
.future_index .serve .content .s2 .r .con:nth-child(3) dt{ color: #61a1d2;}
.future_index .serve .content .s .r .con dt span{width: 100%; text-align: center; display: block;}
.future_index .serve .content .s .r .con dd{background-image: url(/future/line_1.png);background-position: center top;background-repeat: no-repeat; background-size:100% 1px; width: 100%; padding-top: 0.3rem; font-size:0.16rem ; color: #5a6063; /* height:3rem; */}
.future_index .serve .content .s .r .con dd .txSwiper{height: 3.2rem; width: 97%; position: relative; overflow: hidden; padding-right: 3%;}
.future_index .serve .content .s .r .con:nth-child(2) dd{background-image: url(/future/line_2.png);}
.future_index .serve .content .s .r .con:nth-child(3) dd{background-image: url(/future/line_3.png);}
.future_index .serve .content .s.s2 .r .con:nth-child(1) dd{background-image: url(/future/line_4.png);} 
.future_index .serve .content .s.s2 .r .con:nth-child(2) dd{background-image: url(/future/line_5.png);} 
.future_index .serve .content .s.s2 .r .con:nth-child(3) dd{background-image: url(/future/line_6.png);} 

.future_index .serve .content .s0 .r .con:nth-child(1) dd .swiper-scrollbar-drag{background:#0984d1;}
.future_index .serve .content .s0 .r .con:nth-child(2) dd .swiper-scrollbar-drag{background:#09909f;}
.future_index .serve .content .s0 .r .con:nth-child(3) dd .swiper-scrollbar-drag{background:#99cf61;}
.future_index .serve .content .s2 .r .con:nth-child(1) dd .swiper-scrollbar-drag{background:#14a0c0;}
.future_index .serve .content .s2 .r .con:nth-child(2) dd .swiper-scrollbar-drag{background:#0bd4a3;}
.future_index .serve .content .s2 .r .con:nth-child(3) dd .swiper-scrollbar-drag{background:#61a1d2;}

.future_index .serve .content .s .r .con.on{ top:0;  opacity: 1; visibility: visible; transition: all 0.5s;z-index: 1;}
.future_index .serve .content .s .r .con  .swiper-slide{height: auto;  -webkit-box-sizing: border-box; box-sizing: border-box;}
.future_index .serve .content .s .r .con dd p{padding: 0 .1rem 0 .2rem;line-height: .32rem;position: relative;}
.future_index .serve .content .s .r .con dd div{/* margin-bottom: .2rem; */}
.future_index .serve .content .s .r .con dd p.dot:before{content: '';display: block;width: .06rem;height: .06rem;background: #0a85d1;position: absolute;left: .1rem;top: .12rem;}
.future_index .serve .content .s1 {display: flex; justify-content: center;}
.future_index .serve .content .s1 .btn{ width: 3.77rem; height: 4.77rem; position: relative; cursor: pointer;}
.future_index .serve .content .s1 .btn .intro{position: absolute; top: 0; left: 0; width: 3.77rem; height: 4.77rem; background: url(/future/tap1_0.png) no-repeat top left ; background-size:100% auto; /* margin-top: 0.81rem; */ opacity: 1; transition: all 0.5s;}
.future_index .serve .content .s1 .btn .intro .con{margin-top: 3.1rem; margin-left: 0; font-size: 0.18rem; line-height: 0.3rem; color: #474c4f; text-align: center;}
.future_index .serve .content .s1 .btn:nth-child(1){margin-top: 1.38rem;}
.future_index .serve .content .s1 .btn:nth-child(1) .intro{background-image: url(/future/tap1_0.png);}
.future_index .serve .content .s1 .btn:nth-child(2) .intro{background-image: url(/future/tap1_1.png);}
.future_index .serve .content .s1 .btn:nth-child(3){margin-top: 1.38rem;}
.future_index .serve .content .s1 .btn:nth-child(3) .intro{background-image: url(/future/tap1_2.png);}
.future_index .serve .content .s1 .btn:nth-child(4) .intro{background-image: url(/future/tap1_3.png);}
.future_index .serve .content .s1 .btn:nth-child(5){margin-top: 1.38rem;}
.future_index .serve .content .s1 .btn:nth-child(5) .intro{background-image: url(/future/tap1_4.png);}
.future_index .serve .content .s1 .allCon{position: absolute;overflow: hidden; width: 3.77rem; height: 4.17rem; background: url(/future/tap1_con0_bg.png) no-repeat top left ; background-size: 8.9rem 4.17rem;bottom: 0.36rem; opacity: 0; visibility: hidden; transition: all 0.5s;}
.future_index .serve .content .s1 .allCon .con{width: 5.32rem; padding-left:2.86rem; margin-top: 0.72rem; color: #474c4f; font-size: 0.16rem;line-height: .32rem;height: 2.8rem; overflow-y: auto;overflow-x: hidden}
.future_index .serve .content .s1 .allCon .con::-webkit-scrollbar {
  width: 5px; 
}
.future_index .serve .content .s1 .allCon .con::-webkit-scrollbar-thumb {
  background-color: #57abf4; 
}
.future_index .serve .content .s1 .allCon .con::-webkit-scrollbar-track {
  background-color: rgba(0,0,0,.1);
}
.future_index .serve .content .s1 .allCon .con .row{margin-bottom: .2rem;}
.future_index .serve .content .s1 .allCon .con .flex{display: flex;align-items: center;}
.future_index .serve .content .s1 .allCon .con .flex span{width: 50%;}
/* .future_index .serve .content .s1 .btn:nth-child(1) .allCon{bottom: -1.02rem;} */
.future_index .serve .content .s1 .btn:nth-child(2) .allCon{background-image: url(/future/tap1_con1_bg.png);left: 0;}
.future_index .serve .content .s1 .btn:nth-child(3) .allCon{background-image: url(/future/tap1_con2_bg.png);left: 50%; transform: translate(-50%);/* bottom: -1.02rem; */ background-position: center center;}
.future_index .serve .content .s1 .btn:nth-child(4) .allCon{background-image: url(/future/tap1_con3_bg.png);right: 0; background-position: top right;}
.future_index .serve .content .s1 .btn:nth-child(5) .allCon{background-image: url(/future/tap1_con4_bg.png);right: 0;/* bottom: -1.02rem; */ background-position: top right;}

.future_index .serve .content .s1 .btn.on .intro{opacity: 0; transition: all 0.5s;}
.future_index .serve .content .s1 .btn.on .allCon{width: 8.9rem;  opacity: 1; visibility: visible; transition: all 0.5s; z-index: 99;}
.future_index .project {width: 100%; height: 100vh; max-height: 10.80rem;overflow: hidden;position: relative;}
.future_index .project .title{margin-top: .76rem;margin-bottom: .48rem;background: url(/future/project_t_bg.png) no-repeat bottom center ; background-size:auto 100%; height: 0.58rem; text-align: center; }
.future_index .project .title span{/* background: linear-gradient(0deg, #009efc, #6565c2); background-clip: text;color: transparent; -webkit-background-clip: text; */ font-size: 0.36rem; /* height: 0.46rem;  line-height: 0.46rem; */ height: 0.57rem; line-height: 0.57rem; display: inline-block;  font-weight: bold; margin-top: -0.14rem;}
/* .future_index .project .swiper-container{padding-left: .03rem;box-sizing: border-box;width: 100%;position: relative; height: 5.73rem;}
.future_index .project .swiper-slide{width: 6.26rem; }
.future_index .project .image_box{position: relative;border-radius: .04rem;overflow: hidden; width: 6.26rem; height: 4.13rem; display: block;}
.future_index .project .image_box img{width: 100%;height: 100%;object-fit: cover;transition: all .35s ease-in-out;}
.future_index .project .image_box:hover img{transform: scale(1.1);}
.future_index .project .image_box:after{content: '';display: block;width: 100%;height: 100%;background: rgba(0,0,0,0.15);position: absolute;left: 0;top: 0;}
.future_index .project .image_box .icon{z-index: 2;position: absolute;transition: all .35s;left: 50%;top: 50%;cursor: pointer;background-repeat: no-repeat;background-size: 100% 100%;}
.future_index .project .image_box .icon:hover{transform: scale(1.28);}
.future_index .project .vd .image_box .icon{width: .86rem;height: .54rem;margin-left: -.43rem;margin-top: -.27rem;background-image: url(/future/project_icon0.png);}
.future_index .project .pdf .image_box .icon{width: .6rem;height: .76rem;margin-left: -.3rem;margin-top: -.38rem;background-image: url(/future/project_icon1.png);} */
/* .future_index .project .info{display: inline-flex;cursor: pointer;align-items: center;margin-top: .2rem;margin-left: .04rem;} */
.future_index .project .list{/* width: 80%; */ /* height: 70%; */ display: flex; justify-content: space-between; flex-wrap: wrap; margin: 0 auto;}
.future_index .project .list .btn{width: 47%; display: block; color: #393939; padding: 0.26rem 0.1rem; border-bottom: 2px #b2b4b4 dotted; height:0.36rem;cursor: pointer;}
.future_index .project .list .btn .info{ padding:0 0.2rem 0 0; display: flex; align-items: center; white-space: nowrap;  text-overflow: ellipsis; overflow: hidden; height:0.36rem; width: 98%;}
.future_index .project .type{/* width: .52rem; */ padding: 0 0.1rem;height: .3rem; line-height: 0.3rem;  border-radius: .04rem;margin-right: .12rem;color: #ffffff;background: #2888e5;display: inline-flex;align-items: center;justify-content: center;font-size: .18rem;}
.future_index .project .page{text-align: center; width: 100%; margin-top: 0.82rem;}
.future_index .project .page .b{/* width: 0.26rem; */ height: 0.3rem; line-height: 0.3rem; border-radius: 0.02rem; display: inline-block;  margin: 0 0.04rem; padding: 0 0.14rem; }


.future_index .project .page .b{border:#2888e5 1px solid;color: #2888e5;cursor: pointer;}
.future_index .project .page .b:hover{background-color: #2888e5; color: #fff;}

.future_index .project .page .p .b{width: 0.3rem; height: 0.28rem; padding: 0; color: #474c4f; border: #fff 1px solid;}
.future_index .project .page .p .b.on,.future_index .project .page .p .b:hover{border:#2888e5 1px solid; color: #2888e5; background-color: #fff;}

.future_index .project .info .det{font-size: .18rem;color: #474c4f; }
.future_index .project .swiper-pagination{bottom: 0;}
.future_index .project .swiper-pagination-bullet{/* width: .52rem;height: 3px;border-radius: 0; */transition: all .3s;}
.future_index .project .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #089af7;}
.future_index .project .video_pop{display: none;position: absolute;z-index: 11;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.9);}
.future_index .project .video_pop .video_wrap{width: 16.12rem;height: 8.08rem;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.future_index .project .video_pop .video{width: 100%;height: 100%;object-fit: cover;}
.future_index .project .video_pop .close{width: .5rem;height: .5rem;cursor: pointer;background: url(/future/close_pop.png) no-repeat;background-size: 100% 100%;position: absolute;right: -.68rem;top: 0;}


.future_index .project .tab {display: flex; margin-top: 0.8rem; width: 14.2rem; justify-content: space-between; align-items: center; margin: 0 auto; margin-bottom: 0.5rem;}
.future_index .project .tab span{ height: 0.66rem; display:block; width: 25%; line-height: 0.66rem; text-align: center; font-size: 0.24rem; color: #656d71; background-color: #cfe3f8; border: #a4cef0 2px solid; border-radius: 0.08rem; margin: 0 0.04rem; cursor: pointer;}
.future_index .project .tab span.on{border: #8bc3f3 3px solid; background-color: #008bff; color: #fff; font-weight: bold; position: relative;}
.future_index .project .tab span::before{ position: absolute; bottom: -0.15rem; left: 50%; transform: translateX(-50%); width:0.25rem; height: 0.15rem; background: url(/future/project_arrow.png) no-repeat top left; background-size: 100% 100%; content: ''; display: block;}
.future_index .project ul{width: 14.2rem; margin: 0 auto;}
.slh-screenadaptbody .header{padding-left:1.8rem;}
.slh-screenadaptbody .header2021-alink{right: 1.8rem}

.slh-marquee-contain{color: #fff;}
.slh-marquee-buttons-wrapper .slh-marquee-title{color: #fff;}
#slh-ui-soundMaker-screen-pop .slh-x-screen-pop-content td .slh-switch_py_li{color: #fff;}