.map{width:100%;height:8.16752rem;position:relative;overflow:hidden}
.map .img{position:absolute;width:100%;height:100%;transition:0.5s;transform:scale(1.01)}
.map .img img{height:100%;position:absolute;top:0;left:-100px;right:-100px;margin:auto}
.map .h1{position:absolute;top:0;left:13.5%;z-index:10;padding-left:0.2025rem}
.map .h1::after{content:"";width:2px;height:1.04rem;background-color:#e84127;opacity:0.3;position:absolute;left:0;top:0;transition:1s}
.map .h1 .h2-box{width:1.2rem;overflow:hidden;transition:1s;transition-delay:1s}
.map .h1 .h2-box .h2{width:1.2rem;font-size:0.21rem;font-weight:bold;line-height:0.21rem;color:#333333;margin-top:0.45rem}
.map .h1 .h3-box{width:2.2rem;overflow:hidden;transition:1s;transition-delay:1s}
.map .h1 .h3-box .h3{width:2.2rem;font-family:"Gotham-Bold";font-size:0.27rem;line-height:0.27rem;letter-spacing:-0.0075rem;color:#c7c7c7;margin-top:0.12rem}
.map .h1.open::after{content:"";height:0}
.map .h1.open .h2-box{width:0}
.map .h1.open .h3-box{width:0}
.map #container{width:100%;height:100%;position:relative;z-index:1}
.map .logo{width:2.92501rem;height:2.92501rem;background-color:white;border-radius:50%;position:absolute;top:calc(50% - 1.4625rem);left:calc(50% - 1.4625rem);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.05);z-index:1;animation:zoom 2s infinite linear;animation-fill-mode:backwards;cursor:pointer}
.map .logo img{width:1.155rem;display:block;margin:0 auto;margin-top:.625rem}
@keyframes zoom{0%{transform:scale(0.9)}
50%{transform:scale(1)}
100%{transform:scale(0.9)}
}.map .research{position:absolute;top:2.925rem;left:33%;width:1.0455rem;text-align:right;z-index:1}
.map .research .title{font-size:0.405rem;line-height:0.405rem;letter-spacing:-0.015rem;color:#ffffff}
.map .research span{display:block;font-family:"Gotham-Bold";font-size:0.15rem;line-height:0.1875rem;color:#ffffff;opacity:0.3;text-align:right;margin-top:0.15rem}
.map .intelligent3{position:absolute;top:2.135rem;left:7.856rem;width:0.9675rem;z-index:1}
.map .intelligent3 .title{font-size:0.405rem;line-height:0.405rem;letter-spacing:-0.015rem;color:#ffffff}
.map .intelligent3 span{display:block;font-family:"Gotham-Bold";font-size:0.15rem;line-height:0.1875rem;color:#ffffff;opacity:0.3;margin-top:0.15rem;margin-left:0.3525rem}
.map .serve{position:absolute;top:5.6848rem;left:6.78rem;width:1.5975rem;z-index:1}
.map .serve .title{font-size:0.405rem;line-height:0.405rem;letter-spacing:-0.015rem;color:#ffffff;float:right}
.map .serve span{display:block;font-family:"Gotham-Bold";font-size:0.15rem;line-height:0.1875rem;color:#ffffff;opacity:0.3;text-align:right;float:left}
.map .research1{position:absolute;top:2.7rem;left:2.4rem;width:1.2rem;height:2.1rem;z-index:1}
.map .research1 .line{width:1.5rem;height:2px;background-color:#e84127;position:absolute;top:0.42rem;left:0.8rem;z-index:-1}
.map .research1 .icon{width:0.84rem;height:0.84rem;background-color:white;border-radius:50%;box-shadow:0px 0px 27px 0px rgba(0,0,0,0.16);transition:0.5s}
.map .research1 .icon img{display:block;width:0.4725rem;padding-top:0.18375rem;margin:0 auto;transition:0.5s}
.map .research1 .p{font-size:0.15rem;line-height:0.24rem;letter-spacing:-0.0075rem;color:#333333;margin-top:0.225rem}
.map .research1 .button{margin-top:0.21rem;position:relative;top:0.12rem;left:0;opacity:0;transition:0.5s}
.map .research1 .button a{font-size:0.12rem;line-height:0.12rem;color:#e84127}
.map .research1 .button a span{margin-left:0.0975rem;width:0.2175rem;display:inline-block}
.map .research1 .button a span img{width:100%;vertical-align:middle}
.map .research1.active{height:2.2875rem}
.map .research1.active .icon{transform:scale(1.2)}
.map .research1.active .icon img{transform:scale(1.2)}
.map .research1.active .button{top:0;opacity:1}
.map .intelligent1{position:absolute;top:1.88rem;left:10.275rem;width:1.3rem;height:2.1rem;z-index:1}
.map .intelligent1 .line{width:2rem;height:2px;background-color:#e35a45;position:absolute;top:0.42rem;right:0.8rem;z-index:-1}
.map .intelligent1 .icon{width:0.84rem;height:0.84rem;background-color:white;border-radius:50%;box-shadow:0px 0px 27px 0px rgba(0,0,0,0.16);transition:0.5s}
.map .intelligent1 .icon img{display:block;height:0.4725rem;padding-top:0.18375rem;margin:0 auto;transition:0.5s}
.map .intelligent1 .p{font-size:0.15rem;line-height:0.24rem;letter-spacing:-0.0075rem;color:#333333;margin-top:0.225rem}
.map .intelligent1 .button{margin-top:0.21rem;position:relative;top:0.12rem;left:0;opacity:0;transition:0.5s}
.map .intelligent1 .button a{font-size:0.12rem;line-height:0.12rem;color:#e84127}
.map .intelligent1 .button a span{margin-left:0.0975rem;width:0.2175rem;display:inline-block}
.map .intelligent1 .button a span img{width:100%;vertical-align:middle}
.map .intelligent1.active{height:2.2875rem}
.map .intelligent1.active .icon{transform:scale(1.2)}
.map .intelligent1.active .icon img{transform:scale(1.2)}
.map .intelligent1.active .button{top:0;opacity:1}
.map .serve1{position:absolute;top:5.4rem;left:10.268rem;width:1.3rem;height:2.1rem;z-index:1}
.map .serve1 .line{width:2rem;height:2px;background-color:#ee715d;position:absolute;top:0.42rem;right:0.8rem;z-index:-1}
.map .serve1 .icon{width:0.84rem;height:0.84rem;background-color:white;border-radius:50%;box-shadow:0px 0px 27px 0px rgba(0,0,0,0.16);transition:0.5s}
.map .serve1 .icon img{display:block;width:0.4725rem;padding-top:0.18375rem;margin:0 auto;transition:0.5s}
.map .serve1 .p{font-size:0.15rem;line-height:0.24rem;letter-spacing:-0.0075rem;color:#333333;margin-top:0.225rem}
.map .serve1 .button{margin-top:0.21rem;position:relative;top:0.12rem;left:0;opacity:0;transition:0.5s}
.map .serve1 .button a{font-size:0.12rem;line-height:0.12rem;color:#e84127}
.map .serve1 .button a span{margin-left:0.0975rem;width:0.2175rem;display:inline-block}
.map .serve1 .button a span img{width:100%;vertical-align:middle}
.map .serve1.active{height:2.2875rem}
.map .serve1.active .icon{transform:scale(1.2)}
.map .serve1.active .icon img{transform:scale(1.2)}
.map .serve1.active .button{top:0;opacity:1}
@media screen and (max-width:1020px){
.map{width:100%;height:10.5rem;position:relative;overflow:hidden}
.map .h1{position:absolute;top:0;left:5%;z-index:10;padding-left:0}
.map .h1::after{content:"";width:0}
.map .h1 .h2-box{width:2.5rem}
.map .h1 .h2-box .h2{width:2.5rem;font-size:0.38rem;font-weight:bold;line-height:0.38rem;color:#333333;margin-top:0.45rem}
.map .h1 .h3-box{width:2.7rem}
.map .h1 .h3-box .h3{width:2.7rem;font-family:"Gotham-Bold";font-size:0.3rem;line-height:0.3rem;letter-spacing:-0.0075rem;color:#c7c7c7;margin-top:0.12rem}
.map #container{width:100%;height:100%;position:relative;z-index:1;margin-top:-0.5rem}
.map .logo{width:2.92501rem;height:2.92501rem;background-color:white;border-radius:50%;position:absolute;top:calc(50% - 1.9625rem);left:calc(50% - 1.4625rem);box-shadow:0px 0px 10px 0px rgba(0,0,0,0.05);z-index:1;animation:zoom 2s infinite linear;animation-fill-mode:backwards;cursor:pointer}
.map .research{position:absolute;top:3.7rem;left:1.2rem;width:1.0455rem;text-align:right;z-index:1}
.map .intelligent3{position:absolute;top:2.635rem;left:4.3rem;width:0.9675rem;z-index:1}
.map .serve{position:absolute;top:6.3rem;left:3.1rem;width:1.5975rem;z-index:1}
.map .research1{visibility:visible !important;position:absolute;top:7.3rem;left:0.8rem;width:1.7rem;height:2.1rem;z-index:1}
.map .research1 .line{display:none}
.map .research1 .icon{width:1.2rem;height:1.2rem}
.map .research1 .icon img{width:0.8rem;height:0.8rem;padding-top:0.2rem}
.map .research1 .p{font-size:0.2rem;line-height:0.28rem;letter-spacing:-0.0075rem;color:#333333;margin-top:0.225rem}
.map .research1 .button{top:0;opacity:1}
.map .research1 .button a{font-size:0.2rem;line-height:0.2rem;color:#e84127}
.map .research1 .button a span img{width:100%;vertical-align:middle;margin-bottom:0.05rem}
.map .intelligent1{visibility:visible !important;position:absolute;top:7.3rem;left:3rem;width:1.7rem;height:2.1rem;z-index:1}
.map .intelligent1 .line{display:none}
.map .intelligent1 .icon{width:1.2rem;height:1.2rem}
.map .intelligent1 .icon img{width:0.8rem;height:0.8rem;padding-top:0.2rem}
.map .intelligent1 .p{font-size:0.2rem;line-height:0.28rem;letter-spacing:-0.0075rem;color:#333333;margin-top:0.225rem}
.map .intelligent1 .button{top:0;opacity:1}
.map .intelligent1 .button a{font-size:0.2rem;line-height:0.2rem;color:#e84127}
.map .intelligent1 .button a span img{width:100%;vertical-align:middle;margin-bottom:0.05rem}
.map .serve1{visibility:visible !important;position:absolute;top:7.3rem;left:5.2rem;width:1.7rem;height:2.1rem;z-index:1}
.map .serve1 .line{display:none}
.map .serve1 .icon{width:1.2rem;height:1.2rem}
.map .serve1 .icon img{width:0.8rem;height:0.8rem;padding-top:0.2rem}
.map .serve1 .p{height:0.56rem;font-size:0.2rem;line-height:0.28rem;letter-spacing:-0.0075rem;color:#333333;margin-top:0.225rem}
.map .serve1 .button{top:0;opacity:1}
.map .serve1 .button a{font-size:0.2rem;line-height:0.2rem;color:#e84127}
.map .serve1 .button a span img{width:100%;vertical-align:middle;margin-bottom:0.05rem}
}