.home-global-site-3d { 
    height: 60.5rem;
    position: relative;
    width: 60.5rem;
    margin:0 auto;
    margin-top:3rem;
    scale: 1 !important;
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0);
    border-radius: 50%;
    background: #f5f5f5;
}

.home-global-site-3d .link-more {
    margin-top: 1.6rem
}

 
.home-global-site-3d .por-container {
    height: 100%;
    max-width: 100%;
    padding: 0;
    width: 100%
}

.home-global-site-3d #region>div.server {
    top: -15px
}

.home-global-site-3d #region2d>div.server {
    top: -9px
}

.home-global-site-3d #region {
    color: #fff;
    left: 0;
    position: absolute;
    top: 5px;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    z-index: 0;
    z-index: 99
}
 
.home-global-site-3d #region>div {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#007dff), to(rgba(82, 110, 204, 0)));
    background-image: linear-gradient(180deg, #007dff, rgba(82, 110, 204, 0));
    background-size: contain;
    color: #252b3a;
    cursor: pointer;
    height: 40px;
    left: 0;
    pointer-events: all;
    position: absolute;
    top: -18px;
    -webkit-transform: translate(-50%, -75%);
    transform: translate(-50%, -75%);
    width: 2px
}
 
.home-global-site-3d #region>div.rec {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9400), to(rgba(204, 143, 82, 0)));
    background-image: linear-gradient(180deg, #ff9400, rgba(204, 143, 82, 0));
    background-size: contain
}
 
.home-global-site-3d #region>div.rec .labelText:before {
    border-color: #e58026 !important
}
 
.home-global-site-3d #region>div.rec .labelText:after {
    background: #e58026 !important
}
 
.home-global-site-3d #region>div.rec .wave,
.home-global-site-3d #region>div.rec .wave.wave2 {
    -webkit-box-shadow: inset 0 0 5px #e58026 !important;
    box-shadow: inset 0 0 5px #e58026 !important
}
 
.home-global-site-3d #region>div.server {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA6tJREFUeNrUV0trFEEQrp59ZjebkNkkGpXERy4qGHMSFFHxJuLRP+C/8A/4K/wDHkUUDz6C4MFLVFBREsjGkJfsxLiP7OyrrOqpWXtnZ0ajoDjw0TPdXfVtVXc9ViEidB6Pw99+LPhHTzJmTQnMd/PbfNAYMeT7l4h9AvZGImZUhvIOoRszDvyAZAipr5jXUoR0ACmBf0ysuCVoBsBz7cAPiCROiOIsYYiQI+QN8HfGkGXFLqFOqBng7z1CI8ztyRBrk0LKJCOEMYEt46ispUWuKUS7hB2CI+NXwysYdHkywtohIZ0gHCRMaWQOzuDwyRnIHCpCIpfRUp26C+56WVU/lMDdLNHMhiBpHMWAu5Mh4ZUWd44J6QyoxCzal88ysaq8seHbogXtqvhsmPxz5BgWrx6H5vaqcp6/hm4rEzgGVzwDUa5OCHFeiKc06eSNC9ByjqqNe1nAVv9PbX1lWKr6cRzHzg/jxPWc2r6PgB1XjqAqoxkJfQlEGRbn5Uyn0L4yr0mdhUHSvkhugd5De9G+NC/HYxv3wYoj7reYXAvpiWm18zLb25U7DmruLlhXPmnwO8/1lPDe9IFpwlHxmk8caTEYl4vPeJQvkqq8tXuW5k+Ade4RqMlrdEgFDX7nOV7rWV55W8TCqWmJgJxBDHGuTkmc5vXtbaz19qjZ20Q2EpL/Rrw1/2msKS3rWevHvBVnsRnLaQqZLHQqPxbti9GJvXjpxwfLsKxn6QDpL1Yn6/eKHnZxP1rRCPgmJYeGjlN/0XkRfanLC8ZNIQ939/zYbQfzdJAYjYTvxSBlJMgc7gng0h1S822Qleb0mv9kjyBlMUfi1w0jD1rcEWJO8LuUBlexcKYMKuWt1pag++oa4PZD0JmLwO88x2veYaeAZVT1fUnyd10s70RlLr+u+kl/h371CjS/rHJG0slBky8DvrkFUQdIexsso2W9YlEziDHO1T4xu2pDOc8WIWWvUDZq9CwPvdZkKe9J2SUt4xUKxyCOrMeDFrMwdjKUe1lpHaduTlORKOo47S8SiIW5MhWJz+rLg0WSWRbiSIuD1cm3uC711FunhK/KT3c4DWLh9AwU5mwdp9yidrksbjqq/KQk7vXL4qboqBsWx55xSzoHyyhtnuubW+uqvPVuH43AruhqxVlsxnDD8IArpc35g9an/bOeC41rj4bSWqDhSwaavXZIoxds9mK7TLM36hqXzWxrE4Hca+797fY22JR3/2ZDDz8T+q//O30XYACa09AOEg8JmQAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    height: 30px;
    width: 30px
}
 
.home-global-site-3d #region>div.server.rec {
    background-image: url(server-orange.svg)
}
 
.home-global-site-3d #region>div.server.iec {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAAXNSR0IB2cksfwAAAchQTFRFAAAA////////////////8/Pz/////////////////////////////////v7+////9PT0////7+/v/////////f39/////v7+////////8vLy9PT0////////5vbksOWsiNZ/asxfX8lSa81gr+Wr/v7+////lNuMXclPYMlUYspWY8tXYclV9vb2vum4YMpSYMlTZcpbZ8tcaMxdX8lRr+SqXslRYcpWactdbc1icM5lcc5lc89ncs9mbMxhZstcXchQXslQa8tgcc5mdtBre9FwfdJzgNR2f9N1fNFyX8pRfNJxgdR3h9V/j9iGk9qKiNaA9fX1ltyNZMlahtZ+lNuLpuGgtuexveq4vOm3teawX8hTlduM////cs9nhdV9mN2Qtuew0e/O4vXg+v364/bhteavruOqZclbt+ix1/HUgNN2r+Srcc9mh9V+ZspbbM1gftJzjdiFtOWuY8pXYMpTactegNN1kdqIveq5ktuJcs5mdNBokNmHXshRteevetBv/f39gtV4XchP4fTfh9d/cM1lYcpVvuu5tOWvlNqLh9WAideBftN0ftJ0vei3X8pSc9Bn9fX1XshQ5fXj/f39bM1h8fHxSr2SLwAAAJh0Uk5TAA8QEhQVFxgaHFqazO39/RcVEBYZetz//3oUGBtJ/////////8xq////////G///////////////////////////////////////////////Gv//////////////W///////////////////////////////////////////////mv////////////////////8Z//9q/xJER3U6AAACh0lEQVR4nF2T61/SYBiGXwGHk+EkiD0YzDET5QWRgcqkMQKZmZBmAplpIZAmaR46oB01O5+z07/b3mF9aF/24f7t+T277utBbSazpZ2ydtCdNsbexdoZWyfdYe12WMymNnTKbHFSLvq0mwPj0V9uD+2inD1mE9KzM14fA8D3Cn5R7BPO8gD9Pq/VaTEji9PqDbAcPzAoBnEIh4Pi4AAPbGBIT1E75Q0ARIajYSkW9/vjcSkcHYkABLxUO6Jcvi4YHUtI8njynKKkkqqcTpwfBdbnopCVZiCSCaWzEzlt8sLURS03oabxdIRjaCvq8HD8cCKtKvnCpZnZ2ZnLhbySTSeGefDMIdoNV4LzelYsla8uXFssl4p5ZVy6vgRuGi0Dn8HyDe1mZaVaq9dvVVcrRW1CxtM8t4xssBa9reYKpfVGC0NjvXQnp0rRDbAhBoRgbFO7W662+HBQLQv55FZQAAbZuW0cT+3srtRO+EHt3u5OKn5/G+yIhQf4odLc26+3wALU9x81H/uxCKweitj/pPnUCI28vr/XVPrwMz20w3aYjH3+31hMxpKF4skDobUQGawvpG3GjIUOYSMqqbkXpdVG68PGaqlAfqUXDgmEIyxPaMXKevVlvV6rrlReaa9lnOFhmeBbeiNlDXyLbxfeGfjUdPA9wfcP/EHhAwH/sXCgZyfgjcqOcFrVK/s09XnSqCyU+QKkMr1sFka/JuZlNZlSlG/JrCwlxkjZxxRyUENEk5FoSNoimsSkUPR7SxNHS7Au+EEE0/3CJ4L9JPohc4+eGmquCX2i+Evo5TlgiJo9ZqQL7+x20R43/AVPpD6mdG1NiJyDg7LOGefAsvZ+4xwoh+W3qe0P62yTzhB4OucAAAAASUVORK5CYII=)
}
 
.home-global-site-3d #region>div .labelText {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    background: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 10px 21px 0 rgba(91, 116, 148, .17);
    box-shadow: 0 10px 21px 0 rgba(91, 116, 148, .17);
    display: inline-block;
    font-size: 18px;
    opacity: .9;
    padding: 2px 6px;
    position: relative;
    -webkit-transform: translate(0) translate(3px);
    transform: translate(0) translate(3px);
    white-space: nowrap !important;
}
 
.home-global-site-3d #region>div .labelText.line-right:before {
    background: transparent;
    border-left: 1px solid #045fcc;
    border-top: 1px solid #045fcc;
    content: "";
    display: block;
    height: 3px;
    left: -16px;
    position: absolute;
    top: 13px;
    width: 16px
}
 
.home-global-site-3d #region>div .labelText.line-right-top:before {
    background: transparent;
    border-left: 1px solid #045fcc;
    border-top: 1px solid #045fcc;
    content: "";
    display: block;
    height: 19px;
    left: -48px;
    position: absolute;
    top: 13px;
    width: 48px
}
 
.home-global-site-3d #region>div .labelText.line-right-top1:before {
    background: transparent;
    border-left: 1px solid #045fcc;
    border-top: 1px solid #045fcc;
    content: "";
    display: block;
    height: 40px;
    left: -12px;
    position: absolute;
    top: 12px;
    width: 14px
}
 
.home-global-site-3d #region>div .labelText.line-left:before {
    background: transparent;
    border-right: 1px solid #045fcc;
    border-top: 1px solid #045fcc;
    content: "";
    display: block;
    height: 3px;
    position: absolute;
    right: -22px;
    top: 6px;
    width: 22px
}
 
.home-global-site-3d #region>div .labelText.line-top:before {
    background: transparent;
    border-left: 1px solid #045fcc;
    content: "";
    display: block;
    height: 13px;
    position: absolute;
    right: 50%;
    top: 25px
}
 
.home-global-site-3d #region>div .labelText .label-title {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    pointer-events: none
}
 
.home-global-site-3d #region>div .labelText .label-desc {
    display: none
}
 
.home-global-site-3d #region>div .labelText.bottom {
    -webkit-transform: translate(-100%) translate(-4px, -1px);
    transform: translate(-100%) translate(-4px, -1px)
}
 
.home-global-site-3d #region>div .labelText.left {
    -webkit-transform: translate(-100%) translate(-2px);
    transform: translate(-100%) translate(-2px)
}
  
.home-global-site-3d #region>div .labelText.server,
.home-global-site-3d #region>div .labelText.serverright {
    -webkit-transform: translate(8px) translateY(-23px);
    transform: translate(8px) translateY(-23px)
}
 
.home-global-site-3d #region>div .labelText.server.line-right,
.home-global-site-3d #region>div .labelText.serverright.line-right {
    -webkit-transform: translate(25px) translateY(-14px);
    transform: translate(25px) translateY(-14px)
}
 
.home-global-site-3d #region>div .labelText.server.line-right-top,
.home-global-site-3d #region>div .labelText.serverright.line-right-top {
    -webkit-transform: translate(57px) translateY(-28px);
    transform: translate(57px) translateY(-28px)
}
 
.home-global-site-3d #region>div .labelText.server.line-right-top1,
.home-global-site-3d #region>div .labelText.serverright.line-right-top1 {
    -webkit-transform: translate(21px) translateY(-48px);
    transform: translate(21px) translateY(-48px)
}
 
.home-global-site-3d #region>div .labelText.serverbottom {
    -webkit-transform: translate(-100%) translate(10px, -21px);
    transform: translate(-100%) translate(10px, -21px);
    z-index: 10
}
 
.home-global-site-3d #region>div .labelText.serverleft {
    -webkit-transform: translate(-100%) translate(0px, -5px);
    transform: translate(-100%) translate(0px, -5px);
    z-index: 100
}
 
.home-global-site-3d #region>div .labelText.serverleft.line-left {
    -webkit-transform: translate(-100%) translate(-13px, -7px);
    transform: translate(-100%) translate(-13px, -7px)
}
 
.home-global-site-3d #region>div .labelText.servertop {
    -webkit-transform: translate(-50%) translate(10px, -23px);
    transform: translate(-50%) translate(10px, -23px)
}
 
.home-global-site-3d #region>div .labelText.servertop.line-top {
    -webkit-transform: translate(-50%) translate(10px, -35px);
    transform: translate(-50%) translate(10px, -35px)
}
 
.home-global-site-3d #region>div .waves {
    display: block;
    display: none;
    left: 0;
    position: absolute;
    top: 12px;
    -webkit-transition: all .3s;
    transition: all .3s
}
 
.home-global-site-3d #region>div .waves .wave {
    border-radius: 50%;
    -webkit-box-shadow: inset 0 0 5px #548ee1;
    box-shadow: inset 0 0 5px #548ee1;
    height: 6px;
    left: -3px;
    position: absolute;
    top: 16px;
    width: 8px
}
 
.home-global-site-3d #region>div .waves .wave.wave1 {
    -webkit-animation: none;
    animation: none
}
 
.home-global-site-3d #region>div .waves .wave.wave2 {
    -webkit-animation: none;
    animation: none;
    height: 11px;
    left: -7px;
    top: 14px;
    width: 16px
}
 
.home-global-site-3d #region>div .waves .wave.wave3 {
    -webkit-animation: none;
    animation: none;
    -webkit-box-shadow: inset 0 0 5px #6f99e0;
    box-shadow: inset 0 0 5px #6f99e0;
    height: 16px;
    left: -11px;
    top: 12px;
    width: 24px
}

@-webkit-keyframes warn2 {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    30% {
        opacity: .5
    }

    50% {
        opacity: .4
    }

    75% {
        opacity: .2
    }

    to {
        opacity: 0;
        -webkit-transform: scale(4);
        transform: scale(4)
    }
}

@keyframes warn2 {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    30% {
        opacity: .5
    }

    50% {
        opacity: .4
    }

    75% {
        opacity: .2
    }

    to {
        opacity: 0;
        -webkit-transform: scale(4);
        transform: scale(4)
    }
}

@-webkit-keyframes warn3 {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    20% {
        opacity: .8
    }

    40% {
        opacity: .6
    }

    60% {
        opacity: .4
    }

    80% {
        opacity: .2
    }

    to {
        opacity: 0;
        -webkit-transform: scale(4);
        transform: scale(4)
    }
}

@keyframes warn3 {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    20% {
        opacity: .8
    }

    40% {
        opacity: .6
    }

    60% {
        opacity: .4
    }

    80% {
        opacity: .2
    }

    to {
        opacity: 0;
        -webkit-transform: scale(4);
        transform: scale(4)
    }
}
 
.home-global-site-3d #region>div .server-base {
    position: absolute
}

@-webkit-keyframes warn {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    30% {
        opacity: .5
    }

    75% {
        opacity: .2
    }

    to {
        opacity: 0;
        -webkit-transform: scale(4);
        transform: scale(4)
    }
}

@keyframes warn {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    30% {
        opacity: .5
    }

    75% {
        opacity: .2
    }

    to {
        opacity: 0;
        -webkit-transform: scale(4);
        transform: scale(4)
    }
}
 
/* .home-global-site-3d #region>div:hover {
    z-index: 200000 !important
}
 
.home-global-site-3d #region>div:hover.default-hover {
    height: 74px;
    top: -37px
}
 
.home-global-site-3d #region>div:hover .waves {
    display: block;
    top: 55px
}
 
.home-global-site-3d #region>div:hover .waves .wave1 {
    -webkit-animation: warn 1.5s ease-out infinite;
    animation: warn 1.5s ease-out infinite
}
 
.home-global-site-3d #region>div:hover .waves .wave2 {
    -webkit-animation: warn2 1.5s ease-out infinite;
    animation: warn2 1.5s ease-out infinite
}
 
.home-global-site-3d #region>div:hover .waves .wave3 {
    -webkit-animation: warn3 1.5s ease-out infinite;
    animation: warn3 1.5s ease-out infinite
} */

@-webkit-keyframes server-base1 {
    0% {
        -webkit-transform: scale(.65);
        transform: scale(.65)
    }
}

@keyframes server-base1 {
    0% {
        -webkit-transform: scale(.65);
        transform: scale(.65)
    }
}
 /* 
.home-global-site-3d #region>div:hover .server-base {
    -webkit-animation: server-base1 1.5s ease-out infinite;
    animation: server-base1 1.5s ease-out infinite;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAAXNSR0IB2cksfwAAAaFQTFRFAAAA////////////////8/Pz/////////////////////////////////v7+////9PT0////7+/v/////////f39/////v7+////////8vLy9PT0////////3ur/mbz/Y5j/PYD+LXX/PoH/mLv//v7+////3un/dKT/K3T/LXb/L3f/Mnr/M3v/MXn+9vb2qcf/Lnb/N3z/On3/O37/PID/LHX/MXn/QIP/Q4P/RYT+R4f/RoX/P4L/OH3/K3T+qsf/LHT/OHz/RYT/S4r/UY3/VZD/WJP/V5L/VI/+SIf/Uo7/W5L/Ypj+bZ//caH/Y5n/PoH+9fX1daX/Nnv+VI7/YZj/c6P/i7P/oMH/qcb+n8D/LXX+////YJf+eaf/w9j/2eb/+Pv/2uf/nr/+l7r+y93/WpH+RIT/irP/OXz+PoL/VY//a5//O3/+WJL/cKH/qcj/caL/Rob+SIj/b6D+PYH/LHT+n8H/UIz+/f39XJP/K3P+2OX+Ypn/RIP+q8j/c6P+ZJr/P4H/VpH/VpH+R4b/9fX13ej+/f398fHx/pAjzAAAAIt0Uk5TAA8QEhQVFxgaHFqazO39/RcVEBYZetz//3oUGBtJ/////////8xq//////////8b/////////////////////////////////////////////xr/////////////W/////////////////////////////////////+a////////////////Gf9qEvuzgYwAAAJ/SURBVHicXZPtX9JQGIaPgJuT4SSIPRgMHIgoA90YEgHG28wQFU1BJAMWkq+hvZlmr1ZWf3U7m/ahfdmH+3ee33Ou+zpowGS2DBLkEDVspW0jjI22DlND5KjdYjYNoDtmi4NwUnddLOif9nO5KSfhGDObkJbd83hpAM7nH+f5gD/IAUx4PaTDYkYWB+kJMexkeGo6IkSFWGR6KjwJTGhGS9Eg4QkBzIpiTIrLiYQsSzGRnwUIeYhBRDi9IxCcS0ry/dSDdDqTysrzyYdBYLxOApEUDbl8tDBeLCkLjxYfK6VioCDwOZamSDTkZjkxWciWlyrLK6urK9XKUnmtkBQ5cK8jygVPxI1AebNW32rktptb9dpmOSs9DYOLQjvA5QU5ozxrNdsdVX3e7rZqSlEWeI7dQVbYFaVsqVJv9AwMvUb9RSkriUGwIhr8kfiesrzfNviw0N6vLqUOIn6gkY091KYeHTc6N/yg0z0+ysjRQ7AhBkThZbp/cqoaYAHU01f91wmBB0YLeSHxpv9WD/VcPT3pp98JZ1pog8MYHvv+v7ECHosXklPnVWMhPFhbSNmL6wtdQBBf5UO92zMO9rr1Cr6KDy4whEtBLiq1VqP9UVU77Wbrk/JZFvIc7GB84Yg0ruNrfsl1dXyBefErxvcP/HmlisF/q5yXr27B65VdCoWAVtn3xR8LemXR/DbgyrSyGQhOJzfkbCqTTv9MrclScg6XfU0gOzGDNeHFqHSANYlLUfHM0MRuCDYCv7Bgml/CjWC/sX7IPKalupq7/gDPX/l9HAs0VnPMjDThHaNOyu2CW/BY6mtC09aE8HOwE+S6/hwYxjahPwfCbvljGvgLMFKQBzJYCdoAAAAASUVORK5CYII=);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    height: 28px;
    left: -7px;
    position: absolute;
    top: -7px;
    width: 28px;
    z-index: -1
}
 
.home-global-site-3d #region>div:hover .server-base.rec {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMzYuMTU1ODIxNnB4IiBoZWlnaHQ9IjM1Ljk4OTIyNTdweCIgdmlld0JveD0iMCAwIDM2LjE1NTgyMTYgMzUuOTg5MjI1NyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDx0aXRsZT7pgInkuK0xPC90aXRsZT4KICAgIDxkZWZzPgogICAgICAgIDxsaW5lYXJHcmFkaWVudCB4MT0iNTAlIiB5MT0iMTAuMjA4Mjk3JSIgeDI9IjUwJSIgeTI9Ijg1LjU0OTg0MTclIiBpZD0ibGluZWFyR3JhZGllbnQtMSI+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIHN0b3Atb3BhY2l0eT0iMCIgb2Zmc2V0PSIwJSI+PC9zdG9wPgogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjRkY4NTFEIiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPC9kZWZzPgogICAgPGcgaWQ9IumAieS4rTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik0xOC4wNTg5MzIxLDE1Ljk4OTIyNTcgTDM1Ljk0NDM0MjcsMjQuMTUxMzA4MSBDMzYuMDUwMjI5MiwyNC4xOTk2Mjk4IDM2LjExODYxLDI0LjMwNDgzNjUgMzYuMTE5Nzc3NywyNC40MjEyMjIgTDM2LjE1MzgzNzMsMjcuODE1OTY3MSBDMzYuMTU1MDQxMSwyNy45MzU5NTAxIDM2LjA4NDYzNjQsMjguMDQ1MTA5OCAzNS45NzQ4Mzc0LDI4LjA5MzQ5OTQgTDE4LjQ3MDg3NTUsMzUuODA3Njc3OSBDMTguMjA4OTA3MSwzNS45MjMxMzAxIDE3LjkxMDAxOTYsMzUuOTIwNzY5OCAxNy42NDk5MDczLDM1LjgwMTE5NDYgTDAuMTc0Njk0NDkzLDI3Ljc2NzczNjcgQzAuMDY4MjI2MjE5LDI3LjcxODc5MjYgLTYuNTE3ODM0NzRlLTE2LDI3LjYxMjMzODYgMCwyNy40OTUxNTkyIEwwLDI0LjQyMzM1MTYgQy01LjY5NDk4N2UtMTYsMjQuMzA1ODcxMyAwLjA2ODU3Mjk0NjUsMjQuMTk5MjAxOCAwLjE3NTQ1MDEzNCwyNC4xNTA0Mjc5IEwxOC4wNTg5MzIxLDE1Ljk4OTIyNTcgTDE4LjA1ODkzMjEsMTUuOTg5MjI1NyBaIiBpZD0iUG9seWdvbiIgc3Ryb2tlPSIjRTM3RDI5IiBzdHJva2Utd2lkdGg9IjAuNSIgZmlsbC1vcGFjaXR5PSIwLjE2IiBmaWxsPSIjRkY4RjMwIj48L3BhdGg+CiAgICAgICAgPHBhdGggZD0iTTE4LjA2MDkyMDIsMCBMMzQuMDUyOTY2LDcuMjk4MDM3MzggQzM0LjE1OTY3MDksNy4zNDY3MzI1OCAzNC4yMjgyMTExLDcuNDUzMTQ3MSAzNC4yMjg0MTU3LDcuNTcwNDM3NzggTDM0LjI2MTcxOTIsMjYuNjYzOTg2NyBDMzQuMjYxOTI3LDI2Ljc4MzA3MjcgMzQuMTkxNjc3NSwyNi44OTEwMDcgMzQuMDgyNzA0NywyNi45MzkwMzI1IEwxOC40NzI4NjM2LDMzLjgxODQ1MjIgQzE4LjIxMDg5NTIsMzMuOTMzOTA0NCAxNy45MTIwMDc3LDMzLjkzMTU0NDEgMTcuNjUxODk1NCwzMy44MTE5Njg5IEwyLjA2ODQ1NDk0LDI2LjY0ODE2OTkgQzEuOTYxOTg2NjcsMjYuNTk5MjI1OCAxLjg5Mzc2MDQ1LDI2LjQ5Mjc3MTcgMS44OTM3NjA0NSwyNi4zNzU1OTIzIEwxLjg5Mzc2MDQ1LDcuNTcwODA3NjMgQzEuODkzNzYwNDUsNy40NTMzMjczMiAxLjk2MjMzMzQsNy4zNDY2NTc4MSAyLjA2OTIxMDU4LDcuMjk3ODgzOTYgTDE4LjA2MDkyMDIsMCBMMTguMDYwOTIwMiwwIFoiIGlkPSJQb2x5Z29uIiBmaWxsLW9wYWNpdHk9IjAuNiIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC0xKSI+PC9wYXRoPgogICAgPC9nPgo8L3N2Zz4=)
}
 
.home-global-site-3d #region>div:hover .server-base.iec {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAAXNSR0IB2cksfwAAAchQTFRFAAAA////////////////8/Pz/////////////////////////////////v7+////9PT0////7+/v/////////f39/////v7+////////8vLy9PT0////////5vbksOWsiNZ/asxfX8lSa81gr+Wr/v7+////lNuMXclPYMlUYspWY8tXYclV9vb2vum4YMpSYMlTZcpbZ8tcaMxdX8lRr+SqXslRYcpWactdbc1icM5lcc5lc89ncs9mbMxhZstcXchQXslQa8tgcc5mdtBre9FwfdJzgNR2f9N1fNFyX8pRfNJxgdR3h9V/j9iGk9qKiNaA9fX1ltyNZMlahtZ+lNuLpuGgtuexveq4vOm3teawX8hTlduM////cs9nhdV9mN2Qtuew0e/O4vXg+v364/bhteavruOqZclbt+ix1/HUgNN2r+Srcc9mh9V+ZspbbM1gftJzjdiFtOWuY8pXYMpTactegNN1kdqIveq5ktuJcs5mdNBokNmHXshRteevetBv/f39gtV4XchP4fTfh9d/cM1lYcpVvuu5tOWvlNqLh9WAideBftN0ftJ0vei3X8pSc9Bn9fX1XshQ5fXj/f39bM1h8fHxSr2SLwAAAJh0Uk5TAA8QEhQVFxgaHFqazO39/RcVEBYZetz//3oUGBtJ/////////8xq////////G///////////////////////////////////////////////Gv//////////////W///////////////////////////////////////////////mv////////////////////8Z//9q/xJER3U6AAACh0lEQVR4nF2T61/SYBiGXwGHk+EkiD0YzDET5QWRgcqkMQKZmZBmAplpIZAmaR46oB01O5+z07/b3mF9aF/24f7t+T277utBbSazpZ2ydtCdNsbexdoZWyfdYe12WMymNnTKbHFSLvq0mwPj0V9uD+2inD1mE9KzM14fA8D3Cn5R7BPO8gD9Pq/VaTEji9PqDbAcPzAoBnEIh4Pi4AAPbGBIT1E75Q0ARIajYSkW9/vjcSkcHYkABLxUO6Jcvi4YHUtI8njynKKkkqqcTpwfBdbnopCVZiCSCaWzEzlt8sLURS03oabxdIRjaCvq8HD8cCKtKvnCpZnZ2ZnLhbySTSeGefDMIdoNV4LzelYsla8uXFssl4p5ZVy6vgRuGi0Dn8HyDe1mZaVaq9dvVVcrRW1CxtM8t4xssBa9reYKpfVGC0NjvXQnp0rRDbAhBoRgbFO7W662+HBQLQv55FZQAAbZuW0cT+3srtRO+EHt3u5OKn5/G+yIhQf4odLc26+3wALU9x81H/uxCKweitj/pPnUCI28vr/XVPrwMz20w3aYjH3+31hMxpKF4skDobUQGawvpG3GjIUOYSMqqbkXpdVG68PGaqlAfqUXDgmEIyxPaMXKevVlvV6rrlReaa9lnOFhmeBbeiNlDXyLbxfeGfjUdPA9wfcP/EHhAwH/sXCgZyfgjcqOcFrVK/s09XnSqCyU+QKkMr1sFka/JuZlNZlSlG/JrCwlxkjZxxRyUENEk5FoSNoimsSkUPR7SxNHS7Au+EEE0/3CJ4L9JPohc4+eGmquCX2i+Evo5TlgiJo9ZqQL7+x20R43/AVPpD6mdG1NiJyDg7LOGefAsvZ+4xwoh+W3qe0P62yTzhB4OucAAAAASUVORK5CYII=)
}
 
.home-global-site-3d #region>div:hover .labelText {
    -webkit-box-shadow: 0 10px 21px 0 rgba(91, 116, 148, .17);
    box-shadow: 0 10px 21px 0 rgba(91, 116, 148, .17);
    min-width: 88px;
    padding: 8px 12px;
    z-index: 10
}
 
.home-global-site-3d #region>div:hover .labelText .label-title {
    font-size: 14px;
    font-weight: 600;
    height: 22px;
    line-height: 22px
}
 
.home-global-site-3d #region>div:hover .labelText .label-desc {
    display: block;
    font-size: 12px;
    line-height: 18px
}

.home-global-site-3d #region2d>div:hover .labelText.server,
.home-global-site-3d #region2d>div:hover .labelText.serverright,
.home-global-site-3d #region>div:hover .labelText.server,
.home-global-site-3d #region>div:hover .labelText.serverright {
    -webkit-transform: translate(9px) translateY(-55px);
    transform: translate(9px) translateY(-55px)
}

.home-global-site-3d #region2d>div:hover .labelText.server.line-right,
.home-global-site-3d #region2d>div:hover .labelText.serverright.line-right,
.home-global-site-3d #region>div:hover .labelText.server.line-right,
.home-global-site-3d #region>div:hover .labelText.serverright.line-right {
    -webkit-transform: translate(25px) translateY(-14px);
    transform: translate(25px) translateY(-14px)
}

.home-global-site-3d #region2d>div:hover .labelText.server.line-right-top,
.home-global-site-3d #region2d>div:hover .labelText.serverright.line-right-top,
.home-global-site-3d #region>div:hover .labelText.server.line-right-top,
.home-global-site-3d #region>div:hover .labelText.serverright.line-right-top {
    -webkit-transform: translate(57px) translateY(-28px);
    transform: translate(57px) translateY(-28px)
}

.home-global-site-3d #region2d>div:hover .labelText.server.line-right-top1,
.home-global-site-3d #region2d>div:hover .labelText.serverright.line-right-top1,
.home-global-site-3d #region>div:hover .labelText.server.line-right-top1,
.home-global-site-3d #region>div:hover .labelText.serverright.line-right-top1 {
    -webkit-transform: translate(21px) translateY(-48px);
    transform: translate(21px) translateY(-48px)
}

.home-global-site-3d #region2d>div:hover .labelText.serverbottom,
.home-global-site-3d #region>div:hover .labelText.serverbottom {
    -webkit-transform: translate(-90%) translateY(-52px);
    transform: translate(-90%) translateY(-52px)
}

.home-global-site-3d #region2d>div:hover .labelText.serverleft,
.home-global-site-3d #region>div:hover .labelText.serverleft {
    -webkit-transform: translate(-90%) translateY(-55px);
    transform: translate(-90%) translateY(-55px)
}

.home-global-site-3d #region2d>div:hover .labelText.serverleft.line-left,
.home-global-site-3d #region>div:hover .labelText.serverleft.line-left {
    -webkit-transform: translate(-100%) translate(-13px, -7px);
    transform: translate(-100%) translate(-13px, -7px)
}

.home-global-site-3d #region2d>div:hover .labelText.line-top:before,
.home-global-site-3d #region>div:hover .labelText.line-top:before {
    top: 56px
}

.home-global-site-3d #region2d>div:hover .labelText.servertop,
.home-global-site-3d #region>div:hover .labelText.servertop {
    -webkit-transform: translate(-50%) translate(10px, -55px);
    transform: translate(-50%) translate(10px, -55px)
}

.home-global-site-3d #region2d>div:hover .labelText.servertop.line-top,
.home-global-site-3d #region>div:hover .labelText.servertop.line-top {
    -webkit-transform: translate(-50%) translate(10px, -67px);
    transform: translate(-50%) translate(10px, -67px)
}

.home-global-site-3d #region2d>div:hover .az-label,
.home-global-site-3d #region>div:hover .az-label {
    top: 72px
}

.home-global-site-3d #region2d>div:hover .az-label.server,
.home-global-site-3d #region>div:hover .az-label.server {
    top: 3px
}

.home-global-site-3d #region2d>div:hover .pop-label,
.home-global-site-3d #region>div:hover .pop-label {
    top: 72px
}

.home-global-site-3d #region2d>div:hover .pop-label.server,
.home-global-site-3d #region>div:hover .pop-label.server {
    top: 2px
}

.home-global-site-3d #region2d:not(.active)>div:not(.iec),
.home-global-site-3d #region:not(.active)>div:not(.iec) {
    background-image: none
}

.home-global-site-3d #region2d:not(.active)>div:not(.iec) .labelText,
.home-global-site-3d #region2d:not(.active)>div:not(.iec) .waves,
.home-global-site-3d #region:not(.active)>div:not(.iec) .labelText,
.home-global-site-3d #region:not(.active)>div:not(.iec) .waves {
    display: none
}

.home-global-site-3d #region2d:not(.active)>div:not(.iec).server,
.home-global-site-3d #region:not(.active)>div:not(.iec).server {
    background-image: none
}

.home-global-site-3d #region2d:not(.active)>div:not(.iec):hover .labelText,
.home-global-site-3d #region2d:not(.active)>div:not(.iec):hover .waves,
.home-global-site-3d #region:not(.active)>div:not(.iec):hover .labelText,
.home-global-site-3d #region:not(.active)>div:not(.iec):hover .waves {
    display: none
}

.home-global-site-3d #region2d:not(.active)>div:not(.iec):hover .server-base,
.home-global-site-3d #region2d:not(.active-iec)>div.iec,
.home-global-site-3d #region:not(.active)>div:not(.iec):hover .server-base,
.home-global-site-3d #region:not(.active-iec)>div.iec {
    background-image: none
}

.home-global-site-3d #region2d:not(.active-iec)>div.iec .labelText,
.home-global-site-3d #region2d:not(.active-iec)>div.iec .waves,
.home-global-site-3d #region:not(.active-iec)>div.iec .labelText,
.home-global-site-3d #region:not(.active-iec)>div.iec .waves {
    display: none
}

.home-global-site-3d #region2d:not(.active-iec)>div.iec.server,
.home-global-site-3d #region:not(.active-iec)>div.iec.server {
    background-image: none
}

.home-global-site-3d #region2d:not(.active-iec)>div.iec:hover .labelText,
.home-global-site-3d #region2d:not(.active-iec)>div.iec:hover .waves,
.home-global-site-3d #region:not(.active-iec)>div.iec:hover .labelText,
.home-global-site-3d #region:not(.active-iec)>div.iec:hover .waves {
    display: none
}

.home-global-site-3d #region2d:not(.active-iec)>div.iec:hover .server-base,
.home-global-site-3d #region:not(.active-iec)>div.iec:hover .server-base {
    background-image: none
} */

.home-global-site-3d #az,
.home-global-site-3d #az2d,
.home-global-site-3d #point,
.home-global-site-3d #point2d,
.home-global-site-3d #pop,
.home-global-site-3d #pop2d,
.home-global-site-3d #region2d {
    color: #fff;
    left: 0;
    position: absolute;
    top: 0;
    z-index: 0
}

.home-global-site-3d #az {
    z-index: 3
}

.home-global-site-3d #pop {
    z-index: 4
}

.home-global-site-3d #point {
    opacity: 0;
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease;
    z-index: 10
}

.home-global-site-3d #point.active-point {
    opacity: 1;
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease
}

.home-global-site-3d #az2d {
    z-index: 11 !important
}

.home-global-site-3d #region2d {
    pointer-events: none;
    z-index: 2
}

.home-global-site-3d #pop2d {
    z-index: 20 !important
}

.home-global-site-3d .az-label,
.home-global-site-3d .point-label,
.home-global-site-3d .pop-label {
    border-radius: 50%;
    cursor: pointer;
    left: 0;
    position: absolute;
    top: 0
}

.home-global-site-3d #region .az-label,
.home-global-site-3d #region .pop-label,
.home-global-site-3d #region2d .az-label,
.home-global-site-3d #region2d .pop-label {
    opacity: 0;
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease
}

.home-global-site-3d #region.active-az .az-label,
.home-global-site-3d #region.active-hz .az-label,
.home-global-site-3d #region.active-pop .pop-label,
.home-global-site-3d #region2d.active-az .az-label,
.home-global-site-3d #region2d.active-hz .az-label,
.home-global-site-3d #region2d.active-pop .pop-label {
    opacity: 1;
    -webkit-transition: opacity 1s ease;
    transition: opacity 1s ease
}

.home-global-site-3d .az-label {
    background-color: #007a45;
    height: 7px;
    left: -2.5px;
    top: 35.5px;
    width: 7px
}

.home-global-site-3d .az-label.server {
    left: 3px;
    top: 3px
}

.home-global-site-3d .pop-label {
    background-color: #fff;
    border: 2.5px solid var(--main-color);
    height: 10px;
    left: -5px;
    top: 35px;
    width: 10px
}

.home-global-site-3d .pop-label.server {
    left: 2px;
    top: 2px
}

.home-global-site-3d .point-label {
    background-color: #4ea6e6;
    height: 4px;
    width: 4px
}

.home-global-site-3d .section-body {
    height: 100%;
    position: relative
}

.home-global-site-3d .por-collapse-left {
    height: 48px;
    left: 56px;
    position: absolute;
    top: 40px;
    width: 48px;
    z-index: 101
}

.home-global-site-3d .por-collapse-left .por-collapse-left-a {
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);
    cursor: pointer;
    display: inline-block;
    height: 100%;
    width: 100%
}

.home-global-site-3d .por-collapse-left .por-collapse-left-a.collapse {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDhweCIgaGVpZ2h0PSI0OHB4IiB2aWV3Qm94PSIwIDAgNDggNDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+55+p5b2i5aSH5Lu9IDY8L3RpdGxlPgogICAgPGRlZnM+CiAgICAgICAgPHBhdGggZD0iTTEwLjQ5NDc5MTcsMTMuMzMzMzMzMyBDMTAuOTU1MDI5LDEzLjMzMzMzMzMgMTEuMzI4MTI1LDEzLjcwNjQyOTQgMTEuMzI4MTI1LDE0LjE2NjY2NjcgQzExLjMyODEyNSwxNC42MjY5MDQgMTAuOTU1MDI5LDE1IDEwLjQ5NDc5MTcsMTUgTDAuODMzMzMzMzMzLDE1IEMwLjM3MzA5NjA0MiwxNSA1LjYzNjI4MTI2ZS0xNywxNC42MjY5MDQgMCwxNC4xNjY2NjY3IEMtNS42MzYyODEyNmUtMTcsMTMuNzA2NDI5NCAwLjM3MzA5NjA0MiwxMy4zMzMzMzMzIDAuODMzMzMzMzMzLDEzLjMzMzMzMzMgTDEwLjQ5NDc5MTcsMTMuMzMzMzMzMyBaIE0xOS4xNjY2NjY3LDYuNjY2NjY2NjcgQzE5LjYyNjkwNCw2LjY2NjY2NjY3IDIwLDcuMDM5NzYyNzEgMjAsNy41IEMyMCw3Ljk2MDIzNzI5IDE5LjYyNjkwNCw4LjMzMzMzMzMzIDE5LjE2NjY2NjcsOC4zMzMzMzMzMyBMMC44MzMzMzMzMzMsOC4zMzMzMzMzMyBDMC4zNzMwOTYwNDIsOC4zMzMzMzMzMyA1LjYzNjI4MTI2ZS0xNyw3Ljk2MDIzNzI5IDAsNy41IEMtNS42MzYyODEyNmUtMTcsNy4wMzk3NjI3MSAwLjM3MzA5NjA0Miw2LjY2NjY2NjY3IDAuODMzMzMzMzMzLDYuNjY2NjY2NjcgTDE5LjE2NjY2NjcsNi42NjY2NjY2NyBaIE0xOS4xNjY2NjY3LDAgQzE5LjYyNjkwNCwyLjUzNDUyODMzZS0xNSAyMCwwLjM3MzA5NjA0MiAyMCwwLjgzMzMzMzMzMyBDMjAsMS4yOTM1NzA2MiAxOS42MjY5MDQsMS42NjY2NjY2NyAxOS4xNjY2NjY3LDEuNjY2NjY2NjcgTDAuODMzMzMzMzMzLDEuNjY2NjY2NjcgQzAuMzczMDk2MDQyLDEuNjY2NjY2NjcgNS42MzYyODEyNmUtMTcsMS4yOTM1NzA2MiAwLDAuODMzMzMzMzMzIEMtNS42MzYyODEyNmUtMTcsMC4zNzMwOTYwNDIgMC4zNzMwOTYwNDIsOC40NTQ0MjE4OWUtMTcgMC44MzMzMzMzMzMsMCBMMTkuMTY2NjY2NywwIFoiIGlkPSJwYXRoLTEiPjwvcGF0aD4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSLnn6nlvaLlpIfku70tNiIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHJlY3QgZmlsbC1vcGFjaXR5PSIwLjciIGZpbGw9IiNGRkZGRkYiIHg9IjAiIHk9IjAiIHdpZHRoPSI0OCIgaGVpZ2h0PSI0OCIgcng9IjQiPjwvcmVjdD4KICAgICAgICA8ZyBpZD0iSWNvbi8xNi/liJfooagiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0LjAwMDAwMCwgMTQuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJjb2xvci90ZXh0L3NlY29uZGFyeS9kYXJrIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMi41MDAwMDApIj4KICAgICAgICAgICAgICAgIDxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj4KICAgICAgICAgICAgICAgICAgICA8dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiPjwvdXNlPgogICAgICAgICAgICAgICAgPC9tYXNrPgogICAgICAgICAgICAgICAgPHVzZSBpZD0i6JKZ54mIIiBmaWxsPSIjNTc1RDZDIiB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8cGF0aCBkPSJNMTYuNjk4MzMzMywxMy42NTMzMzMzIEwxOS4yMjMzMzMzLDE3LjAyIEMxOS4zMjI3NDQ2LDE3LjE1MjU0ODMgMTkuMjk1ODgxNywxNy4zNDA1ODg3IDE5LjE2MzMzMzMsMTcuNDQgQzE5LjExMTQwNDUsMTcuNDc4OTQ2NiAxOS4wNDgyNDQ0LDE3LjUgMTguOTgzMzMzMywxNy41IEwxMy45MzMzMzMzLDE3LjUgQzEzLjc2NzY0NzksMTcuNSAxMy42MzMzMzMzLDE3LjM2NTY4NTQgMTMuNjMzMzMzMywxNy4yIEMxMy42MzMzMzMzLDE3LjEzNTA4ODkgMTMuNjU0Mzg2NywxNy4wNzE5Mjg5IDEzLjY5MzMzMzMsMTcuMDIgTDE2LjIxODMzMzMsMTMuNjUzMzMzMyBDMTYuMzE3NzQ0NiwxMy41MjA3ODUgMTYuNTA1Nzg1LDEzLjQ5MzkyMjEgMTYuNjM4MzMzMywxMy41OTMzMzMzIEMxNi42NjEwNzUsMTMuNjEwMzg5NiAxNi42ODEyNzcxLDEzLjYzMDU5MTYgMTYuNjk4MzMzMywxMy42NTMzMzMzIFoiIGlkPSLkuInop5LlvaIiIGZpbGw9IiM1NzVENkMiPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==)
}

.home-global-site-3d .por-collapse-left .por-collapse-left-a.expand {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iNDhweCIgaGVpZ2h0PSI0OHB4IiB2aWV3Qm94PSIwIDAgNDggNDgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+57yW57uEIDI1PC90aXRsZT4KICAgIDxkZWZzPgogICAgICAgIDxwYXRoIGQ9Ik0xMC40OTQ3OTE3LDEzLjMzMzMzMzMgQzEwLjk1NTAyOSwxMy4zMzMzMzMzIDExLjMyODEyNSwxMy43MDY0Mjk0IDExLjMyODEyNSwxNC4xNjY2NjY3IEMxMS4zMjgxMjUsMTQuNjI2OTA0IDEwLjk1NTAyOSwxNSAxMC40OTQ3OTE3LDE1IEwwLjgzMzMzMzMzMywxNSBDMC4zNzMwOTYwNDIsMTUgNS42MzYyODEyNmUtMTcsMTQuNjI2OTA0IDAsMTQuMTY2NjY2NyBDLTUuNjM2MjgxMjZlLTE3LDEzLjcwNjQyOTQgMC4zNzMwOTYwNDIsMTMuMzMzMzMzMyAwLjgzMzMzMzMzMywxMy4zMzMzMzMzIEwxMC40OTQ3OTE3LDEzLjMzMzMzMzMgWiBNMTkuMTY2NjY2Nyw2LjY2NjY2NjY3IEMxOS42MjY5MDQsNi42NjY2NjY2NyAyMCw3LjAzOTc2MjcxIDIwLDcuNSBDMjAsNy45NjAyMzcyOSAxOS42MjY5MDQsOC4zMzMzMzMzMyAxOS4xNjY2NjY3LDguMzMzMzMzMzMgTDAuODMzMzMzMzMzLDguMzMzMzMzMzMgQzAuMzczMDk2MDQyLDguMzMzMzMzMzMgNS42MzYyODEyNmUtMTcsNy45NjAyMzcyOSAwLDcuNSBDLTUuNjM2MjgxMjZlLTE3LDcuMDM5NzYyNzEgMC4zNzMwOTYwNDIsNi42NjY2NjY2NyAwLjgzMzMzMzMzMyw2LjY2NjY2NjY3IEwxOS4xNjY2NjY3LDYuNjY2NjY2NjcgWiBNMTkuMTY2NjY2NywwIEMxOS42MjY5MDQsMi41MzQ1MjgzM2UtMTUgMjAsMC4zNzMwOTYwNDIgMjAsMC44MzMzMzMzMzMgQzIwLDEuMjkzNTcwNjIgMTkuNjI2OTA0LDEuNjY2NjY2NjcgMTkuMTY2NjY2NywxLjY2NjY2NjY3IEwwLjgzMzMzMzMzMywxLjY2NjY2NjY3IEMwLjM3MzA5NjA0MiwxLjY2NjY2NjY3IDUuNjM2MjgxMjZlLTE3LDEuMjkzNTcwNjIgMCwwLjgzMzMzMzMzMyBDLTUuNjM2MjgxMjZlLTE3LDAuMzczMDk2MDQyIDAuMzczMDk2MDQyLDguNDU0NDIxODllLTE3IDAuODMzMzMzMzMzLDAgTDE5LjE2NjY2NjcsMCBaIiBpZD0icGF0aC0xIj48L3BhdGg+CiAgICA8L2RlZnM+CiAgICA8ZyBpZD0i57yW57uELTI1IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cmVjdCBpZD0i55+p5b2i5aSH5Lu9LTYiIGZpbGwtb3BhY2l0eT0iMC43IiBmaWxsPSIjRkZGRkZGIiB4PSIwIiB5PSIwIiB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHJ4PSI0Ij48L3JlY3Q+CiAgICAgICAgPGcgaWQ9Ikljb24vMTYv5YiX6KGoIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNC4wMDAwMDAsIDE0LjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iY29sb3IvdGV4dC9zZWNvbmRhcnkvZGFyayIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsIDIuNTAwMDAwKSI+CiAgICAgICAgICAgICAgICA8bWFzayBpZD0ibWFzay0yIiBmaWxsPSJ3aGl0ZSI+CiAgICAgICAgICAgICAgICAgICAgPHVzZSB4bGluazpocmVmPSIjcGF0aC0xIj48L3VzZT4KICAgICAgICAgICAgICAgIDwvbWFzaz4KICAgICAgICAgICAgICAgIDx1c2UgaWQ9IuiSmeeJiCIgZmlsbD0iIzU3NUQ2QyIgeGxpbms6aHJlZj0iI3BhdGgtMSI+PC91c2U+CiAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPHBhdGggZD0iTTE2LjY5ODMzMzMsMTQuNDg2NjY2NyBMMTkuMjIzMzMzMywxNy44NTMzMzMzIEMxOS4zMjI3NDQ2LDE3Ljk4NTg4MTcgMTkuMjk1ODgxNywxOC4xNzM5MjIxIDE5LjE2MzMzMzMsMTguMjczMzMzMyBDMTkuMTExNDA0NSwxOC4zMTIyOCAxOS4wNDgyNDQ0LDE4LjMzMzMzMzMgMTguOTgzMzMzMywxOC4zMzMzMzMzIEwxMy45MzMzMzMzLDE4LjMzMzMzMzMgQzEzLjc2NzY0NzksMTguMzMzMzMzMyAxMy42MzMzMzMzLDE4LjE5OTAxODggMTMuNjMzMzMzMywxOC4wMzMzMzMzIEMxMy42MzMzMzMzLDE3Ljk2ODQyMjMgMTMuNjU0Mzg2NywxNy45MDUyNjIyIDEzLjY5MzMzMzMsMTcuODUzMzMzMyBMMTYuMjE4MzMzMywxNC40ODY2NjY3IEMxNi4zMTc3NDQ2LDE0LjM1NDExODMgMTYuNTA1Nzg1LDE0LjMyNzI1NTQgMTYuNjM4MzMzMywxNC40MjY2NjY3IEMxNi42NjEwNzUsMTQuNDQzNzIyOSAxNi42ODEyNzcxLDE0LjQ2MzkyNSAxNi42OTgzMzMzLDE0LjQ4NjY2NjcgWiIgaWQ9IuS4ieinkuW9oiIgZmlsbD0iIzU3NUQ2QyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTYuNDU4MzMzLCAxNi4yNTAwMDApIHNjYWxlKDEsIC0xKSB0cmFuc2xhdGUoLTE2LjQ1ODMzMywgLTE2LjI1MDAwMCkgIj48L3BhdGg+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=)
}

   

.home-global-site-3d .section-body-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin: 0 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.home-global-site-3d #mountNode { 
    height: 100%;
    position: relative;
    width: 100%
}

.home-global-site-3d #mountNode .shadow {
    background-image: url(shadow.png);
    background-repeat: no-repeat;
    height: 100%;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: -1;
    background-position: 50%;
    background-size: 100%;
    left: 0;
    border-radius: 50%;
}

 
 
 

.home-global-site-3d #mountNode #twod-map-wrapper {
    background-color: #e1e8f2;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transform: translate(0);
    transform: translate(0);
    width: 100%;
    z-index: 99
}

.home-global-site-3d .por-checkbox-card-group-collapse .por-checkbox-card-group-more {
    display: none
}

.home-global-site-3d .por-checkbox-card-group {
    margin-top: 24px
}

.home-global-site-3d .por-checkbox-card-group .por-checkbox-card-group-content {
    margin: 0
}

.home-global-site-3d .por-checkbox-card-group .por-checkbox-card-group-content .por-checkbox-card {
    display: block;
    height: 40px;
    margin-top: 0;
    width: 185px
}

.home-global-site-3d .por-checkbox-card-group .por-checkbox-card-group-content .por-checkbox-card+.por-checkbox-card {
    margin-top: 12px
}

.home-global-site-3d .por-checkbox-card-group .por-checkbox-card-group-content .por-checkbox-card input[type=checkbox] {
    margin-bottom: -40px
}

.home-global-site-3d .por-checkbox-card-group .por-checkbox-card-group-content .por-checkbox-card input[type=checkbox]+span {
    background: hsla(0, 0%, 100%, .3);
    border: 1px solid #ced6dc;
    border-radius: 4px;
    color: #252b3a;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    text-align: left;
    width: 185px
}

.home-global-site-3d .por-checkbox-card-group .por-checkbox-card-group-content .por-checkbox-card input[type=checkbox]+span:after,
.home-global-site-3d .por-checkbox-card-group .por-checkbox-card-group-content .por-checkbox-card input[type=checkbox]+span:before {
    display: none
}

.home-global-site-3d .por-checkbox-card-group .por-checkbox-card-group-content .por-checkbox-card input[type=checkbox]+span>span {
    margin-left: 23px;
    vertical-align: middle;
    width: 140px
}

.home-global-site-3d .por-checkbox-card-group .por-checkbox-card-group-content .por-checkbox-card input[type=checkbox]+span>img {
    left: 20px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: middle;
    width: 13px
}
/* 
.home-global-site-3d .por-checkbox-card-group .por-checkbox-card-group-content .por-checkbox-card input[type=checkbox]:hover+span {
    background: hsla(0, 0%, 100%, .8);
    color: #252b3a
} */

.home-global-site-3d .por-checkbox-card-group .por-checkbox-card-group-content .por-checkbox-card input[type=checkbox]:checked+span {
    background: #fff;
    border: .5px solid #ced6dc;
    -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);
    font-family: HuaweiSans-Bold, inherit;
    font-weight: 900
}

.home-global-site-3d .por-checkbox-card-group .por-checkbox-card-group-inner {
    max-height: 30rem;
}

.home-global-site-3d .global-site-link-group {
    bottom: 94px;
    position: absolute
}

.home-global-site-3d .global-site-common-link {
    border-radius: 2px;
    color: #575d6c;
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 14px;
    padding: 12px 0 12px 10px;
    position: relative;
    -webkit-transition: all .2s;
    transition: all .2s;
    width: 25.6rem
}

/* .home-global-site-3d .global-site-common-link:hover {
    color: #252b3a
}

.home-global-site-3d .global-site-common-link:hover .header-icon-arrow-right {
    left: 4px
}

.home-global-site-3d .global-site-common-link:hover .header-icon-arrow-3d {
    color: #252b3a
} */

.home-global-site-3d .global-site-common-link i {
    margin-right: 0
}

.home-global-site-3d .global-site-common-link .header-icon-arrow-3d {
    border-right: 1.5px solid;
    border-top: 1.5px solid;
    height: 8px;
    margin-right: 4%;
    position: absolute;
    right: 5px;
    top: 17px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 60%;
    transform-origin: 60%;
    -webkit-transition: all .2s;
    transition: all .2s;
    width: 8px
}

.home-global-site-3d .right-top-btn-group {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 48px;
    position: absolute;
    right: 56px;
    top: 40px;
    width: 102px;
    z-index: 100;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.home-global-site-3d .right-top-btn-group .theme-btn,
.home-global-site-3d .right-top-btn-group .three2two-btn {
    background: hsla(0, 0%, 100%, .8);
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);
    cursor: pointer;
    height: 48px;
    position: relative;
    width: 48px
}

.home-global-site-3d .right-top-btn-group .theme-btn>img,
.home-global-site-3d .right-top-btn-group .three2two-btn>img {
    display: none;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 23px
}

.home-global-site-3d .global-site-legend {
    bottom: 88px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 24px;
    position: absolute;
    right: 40px;
    z-index: 100
}

.home-global-site-3d .global-site-legend .legend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 48px;
    line-height: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.home-global-site-3d .global-site-legend .legend span {
    color: #252b3a;
    font-size: 12px
}

.home-global-site-3d .global-site-legend .legend .lenged-icon {
    height: 32px;
    line-height: 32px
}

.home-global-site-3d .global-site-legend .legend+.legend {
    margin-left: 16px
}

.home-global-site-3d .map-number {
    bottom: 64px;
    color: #575d6c;
    font-size: 12px;
    height: 18px;
    line-height: 14px;
    position: absolute;
    text-align: center;
    width: 25.6rem;
    z-index: 100
}

.home-global-site-3d #earth {
    height: 100%!important;
    position: absolute;
    width: 100%!important;left: 0;
}

.home-global-site-3d .global-site-link-group-mb,
.home-global-site-3d .por-checkbox-card-group-mb,
.home-global-site-3d .section-body-left-mb {
    display: none
}

.home-global-site-3d .back-2d {
    background-color: #e9eef2
}

@media (max-width:1536px) {
    .home-global-site-3d .por-collapse-left {
        height: 40px;
        left: 46px;
        top: 16px;
        width: 40px
    }

   

    .home-global-site-3d .por-checkbox-card-group {
        margin-top: 20px
    }

    .home-global-site-3d .por-checkbox-card-group .por-checkbox-card-group-content .por-checkbox-card+.por-checkbox-card {
        margin-top: 8px
    }

    .home-global-site-3d .por-checkbox-card-group .por-checkbox-card-group-content .por-checkbox-card input[type=checkbox]+span {
        font-size: 14px;
        height: 36px;
        line-height: 36px
    }

     

    .home-global-site-3d .global-site-link-group {
        bottom: 60px
    }

    .home-global-site-3d .global-site-common-link {
        font-size: 14px;
        height: 40px
    }

    .home-global-site-3d #region2d>div.server,
    .home-global-site-3d #region>div.server {
        height: 14px;
        width: 14px
    }

    .home-global-site-3d #region2d>div .labelText,
    .home-global-site-3d #region>div .labelText {
        font-size: 12px
    }

    .home-global-site-3d #region2d>div .labelText.line-right:before,
    .home-global-site-3d #region>div .labelText.line-right:before {
        top: 7px
    }

    .home-global-site-3d #region2d>div .labelText.line-right-top:before,
    .home-global-site-3d #region>div .labelText.line-right-top:before {
        height: 11px
    }

    .home-global-site-3d #region2d>div .labelText.line-right-top1:before,
    .home-global-site-3d #region>div .labelText.line-right-top1:before {
        height: 32px
    }

    .home-global-site-3d #region2d>div .labelText.line-top:before,
    .home-global-site-3d #region>div .labelText.line-top:before {
        top: 22px
    }

    .home-global-site-3d #region2d>div .labelText.server,
    .home-global-site-3d #region2d>div .labelText.serverright,
    .home-global-site-3d #region>div .labelText.server,
    .home-global-site-3d #region>div .labelText.serverright {
        -webkit-transform: translate(5px) translateY(-21px);
        transform: translate(5px) translateY(-21px);
      
    }

    .home-global-site-3d #region2d>div .labelText.server.line-right,
    .home-global-site-3d #region2d>div .labelText.serverright.line-right,
    .home-global-site-3d #region>div .labelText.server.line-right,
    .home-global-site-3d #region>div .labelText.serverright.line-right {
        -webkit-transform: translate(22px) translateY(-8px);
        transform: translate(22px) translateY(-8px)
    }

    .home-global-site-3d #region2d>div .labelText.server.line-right-top,
    .home-global-site-3d #region2d>div .labelText.serverright.line-right-top,
    .home-global-site-3d #region>div .labelText.server.line-right-top,
    .home-global-site-3d #region>div .labelText.serverright.line-right-top {
        -webkit-transform: translate(54px) translateY(-21px);
        transform: translate(54px) translateY(-21px)
    }

    .home-global-site-3d #region2d>div .labelText.server.line-right-top1,
    .home-global-site-3d #region2d>div .labelText.serverright.line-right-top1,
    .home-global-site-3d #region>div .labelText.server.line-right-top1,
    .home-global-site-3d #region>div .labelText.serverright.line-right-top1 {
        -webkit-transform: translate(18px) translateY(-42px);
        transform: translate(18px) translateY(-42px)
    }

    .home-global-site-3d #region2d>div .labelText.serverleft,
    .home-global-site-3d #region>div .labelText.serverleft {
        -webkit-transform: translate(-100%) translate(6px, -21px);
        transform: translate(-100%) translate(6px, -21px)
    }

    .home-global-site-3d #region2d>div .labelText.serverleft.line-left,
    .home-global-site-3d #region>div .labelText.serverleft.line-left {
        -webkit-transform: translate(-100%) translate(-15px, -7px);
        transform: translate(-100%) translate(-15px, -7px)
    }

    .home-global-site-3d #region2d>div .labelText.servertop,
    .home-global-site-3d #region>div .labelText.servertop {
        -webkit-transform: translate(-50%) translate(10px, -22px);
        transform: translate(-50%) translate(10px, -22px)
    }

    .home-global-site-3d #region2d>div .labelText.servertop.line-top,
    .home-global-site-3d #region>div .labelText.servertop.line-top {
        -webkit-transform: translate(-50%) translate(7px, -33px);
        transform: translate(-50%) translate(7px, -33px)
    }

   /*  .home-global-site-3d #region2d>div:hover .server-base,
    .home-global-site-3d #region>div:hover .server-base {
        height: 24px;
        left: -6px;
        width: 24px
    }

    .home-global-site-3d #region2d>div:hover .server-base.iec,
    .home-global-site-3d #region>div:hover .server-base.iec {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAAXNSR0IB2cksfwAAAchQTFRFAAAA////////////////8/Pz/////////////////////////////////v7+////9PT0////7+/v/////////f39/////v7+////////8vLy9PT0////////5vbksOWsiNZ/asxfX8lSa81gr+Wr/v7+////lNuMXclPYMlUYspWY8tXYclV9vb2vum4YMpSYMlTZcpbZ8tcaMxdX8lRr+SqXslRYcpWactdbc1icM5lcc5lc89ncs9mbMxhZstcXchQXslQa8tgcc5mdtBre9FwfdJzgNR2f9N1fNFyX8pRfNJxgdR3h9V/j9iGk9qKiNaA9fX1ltyNZMlahtZ+lNuLpuGgtuexveq4vOm3teawX8hTlduM////cs9nhdV9mN2Qtuew0e/O4vXg+v364/bhteavruOqZclbt+ix1/HUgNN2r+Srcc9mh9V+ZspbbM1gftJzjdiFtOWuY8pXYMpTactegNN1kdqIveq5ktuJcs5mdNBokNmHXshRteevetBv/f39gtV4XchP4fTfh9d/cM1lYcpVvuu5tOWvlNqLh9WAideBftN0ftJ0vei3X8pSc9Bn9fX1XshQ5fXj/f39bM1h8fHxSr2SLwAAAJh0Uk5TAA8QEhQVFxgaHFqazO39/RcVEBYZetz//3oUGBtJ/////////8xq////////G///////////////////////////////////////////////Gv//////////////W///////////////////////////////////////////////mv////////////////////8Z//9q/xJER3U6AAACh0lEQVR4nF2T61/SYBiGXwGHk+EkiD0YzDET5QWRgcqkMQKZmZBmAplpIZAmaR46oB01O5+z07/b3mF9aF/24f7t+T277utBbSazpZ2ydtCdNsbexdoZWyfdYe12WMymNnTKbHFSLvq0mwPj0V9uD+2inD1mE9KzM14fA8D3Cn5R7BPO8gD9Pq/VaTEji9PqDbAcPzAoBnEIh4Pi4AAPbGBIT1E75Q0ARIajYSkW9/vjcSkcHYkABLxUO6Jcvi4YHUtI8njynKKkkqqcTpwfBdbnopCVZiCSCaWzEzlt8sLURS03oabxdIRjaCvq8HD8cCKtKvnCpZnZ2ZnLhbySTSeGefDMIdoNV4LzelYsla8uXFssl4p5ZVy6vgRuGi0Dn8HyDe1mZaVaq9dvVVcrRW1CxtM8t4xssBa9reYKpfVGC0NjvXQnp0rRDbAhBoRgbFO7W662+HBQLQv55FZQAAbZuW0cT+3srtRO+EHt3u5OKn5/G+yIhQf4odLc26+3wALU9x81H/uxCKweitj/pPnUCI28vr/XVPrwMz20w3aYjH3+31hMxpKF4skDobUQGawvpG3GjIUOYSMqqbkXpdVG68PGaqlAfqUXDgmEIyxPaMXKevVlvV6rrlReaa9lnOFhmeBbeiNlDXyLbxfeGfjUdPA9wfcP/EHhAwH/sXCgZyfgjcqOcFrVK/s09XnSqCyU+QKkMr1sFka/JuZlNZlSlG/JrCwlxkjZxxRyUENEk5FoSNoimsSkUPR7SxNHS7Au+EEE0/3CJ4L9JPohc4+eGmquCX2i+Evo5TlgiJo9ZqQL7+x20R43/AVPpD6mdG1NiJyDg7LOGefAsvZ+4xwoh+W3qe0P62yTzhB4OucAAAAASUVORK5CYII=)
    }

    .home-global-site-3d #region2d>div:hover .labelText.server,
    .home-global-site-3d #region2d>div:hover .labelText.serverright,
    .home-global-site-3d #region>div:hover .labelText.server,
    .home-global-site-3d #region>div:hover .labelText.serverright {
        -webkit-transform: translate(5px) translateY(-55px);
        transform: translate(5px) translateY(-55px)
    }

    .home-global-site-3d #region2d>div:hover .labelText.server.line-right,
    .home-global-site-3d #region2d>div:hover .labelText.serverright.line-right,
    .home-global-site-3d #region>div:hover .labelText.server.line-right,
    .home-global-site-3d #region>div:hover .labelText.serverright.line-right {
        -webkit-transform: translate(22px) translateY(-8px);
        transform: translate(22px) translateY(-8px)
    }

    .home-global-site-3d #region2d>div:hover .labelText.server.line-right-top,
    .home-global-site-3d #region2d>div:hover .labelText.serverright.line-right-top,
    .home-global-site-3d #region>div:hover .labelText.server.line-right-top,
    .home-global-site-3d #region>div:hover .labelText.serverright.line-right-top {
        -webkit-transform: translate(54px) translateY(-21px);
        transform: translate(54px) translateY(-21px)
    }

    .home-global-site-3d #region2d>div:hover .labelText.server.line-right-top1,
    .home-global-site-3d #region2d>div:hover .labelText.serverright.line-right-top1,
    .home-global-site-3d #region>div:hover .labelText.server.line-right-top1,
    .home-global-site-3d #region>div:hover .labelText.serverright.line-right-top1 {
        -webkit-transform: translate(18px) translateY(-42px);
        transform: translate(18px) translateY(-42px)
    }

    .home-global-site-3d #region2d>div:hover .labelText.serverleft,
    .home-global-site-3d #region>div:hover .labelText.serverleft {
        -webkit-transform: translate(-100%) translate(6px, -54px);
        transform: translate(-100%) translate(6px, -54px)
    }

    .home-global-site-3d #region2d>div:hover .labelText.serverleft.line-left,
    .home-global-site-3d #region>div:hover .labelText.serverleft.line-left {
        -webkit-transform: translate(-100%) translate(-16px, -7px);
        transform: translate(-100%) translate(-16px, -7px)
    }

    .home-global-site-3d #region2d>div:hover .labelText.servertop,
    .home-global-site-3d #region>div:hover .labelText.servertop {
        -webkit-transform: translate(-50%) translate(10px, -55px);
        transform: translate(-50%) translate(10px, -55px)
    }

    .home-global-site-3d #region2d>div:hover .labelText.servertop.line-top,
    .home-global-site-3d #region>div:hover .labelText.servertop.line-top {
        -webkit-transform: translate(-50%) translate(7px, -67px);
        transform: translate(-50%) translate(7px, -67px)
    }

    .home-global-site-3d #region2d>div:hover .az-label.server,
    .home-global-site-3d #region>div:hover .az-label.server {
        top: 2px
    }

    .home-global-site-3d #region2d>div:hover .pop-label.server,
    .home-global-site-3d #region>div:hover .pop-label.server {
        top: 1px
    } */

    .home-global-site-3d .az-label.server {
        left: 3px;
        top: 3px
    }

    .home-global-site-3d .pop-label.server {
        left: 2px;
        top: 2px
    }

    .home-global-site-3d .global-site-3dto2d {
        height: 40px;
        right: 32px;
        top: 32px
    }

    .home-global-site-3d .global-site-3dto2d .por-radio-btn {
        height: 40px
    }

    .home-global-site-3d .global-site-3dto2d .por-radio-btn input[type=radio] {
        margin-bottom: -46px
    }

    .home-global-site-3d .global-site-legend {
        bottom: 80px
    }

    .home-global-site-3d .map-number {
        bottom: 32px
    }
}
@media(max-width:1300px){
    /* .home-global-site-3d {
        height: 505px; 
        width: 505px; 
    } */
}
@media (max-height:864px) {
    .home-global-site-3d .por-collapse-left {
        height: 40px;
        left: 46px;
        top: 16px;
        width: 40px
    }

     

    .home-global-site-3d .por-checkbox-card-group {
        margin-top: 20px
    }

    .home-global-site-3d .por-checkbox-card-group .por-checkbox-card-group-content .por-checkbox-card+.por-checkbox-card {
        margin-top: 8px
    }

    .home-global-site-3d .por-checkbox-card-group .por-checkbox-card-group-content .por-checkbox-card input[type=checkbox]+span {
        font-size: 14px;
        height: 36px;
        line-height: 36px
    }

     

    .home-global-site-3d .global-site-link-group {
        bottom: 60px
    }

    .home-global-site-3d .global-site-common-link {
        font-size: 14px;
        height: 40px
    }

    .home-global-site-3d #region2d>div.server,
    .home-global-site-3d #region>div.server {
        height: 14px;
        width: 14px
    }

    .home-global-site-3d #region2d>div .labelText,
    .home-global-site-3d #region>div .labelText {
        font-size: 12px
    }

    .home-global-site-3d #region2d>div .labelText.line-right:before,
    .home-global-site-3d #region>div .labelText.line-right:before {
        top: 7px
    }

    .home-global-site-3d #region2d>div .labelText.line-right-top:before,
    .home-global-site-3d #region>div .labelText.line-right-top:before {
        height: 11px
    }

    .home-global-site-3d #region2d>div .labelText.line-right-top1:before,
    .home-global-site-3d #region>div .labelText.line-right-top1:before {
        height: 32px
    }

    .home-global-site-3d #region2d>div .labelText.line-top:before,
    .home-global-site-3d #region>div .labelText.line-top:before {
        top: 22px
    }

    .home-global-site-3d #region2d>div .labelText.server,
    .home-global-site-3d #region2d>div .labelText.serverright,
    .home-global-site-3d #region>div .labelText.server,
    .home-global-site-3d #region>div .labelText.serverright {
        -webkit-transform: translate(5px) translateY(-21px);
        transform: translate(5px) translateY(-21px)
    }

    .home-global-site-3d #region2d>div .labelText.server.line-right,
    .home-global-site-3d #region2d>div .labelText.serverright.line-right,
    .home-global-site-3d #region>div .labelText.server.line-right,
    .home-global-site-3d #region>div .labelText.serverright.line-right {
        -webkit-transform: translate(22px) translateY(-8px);
        transform: translate(22px) translateY(-8px)
    }

    .home-global-site-3d #region2d>div .labelText.server.line-right-top,
    .home-global-site-3d #region2d>div .labelText.serverright.line-right-top,
    .home-global-site-3d #region>div .labelText.server.line-right-top,
    .home-global-site-3d #region>div .labelText.serverright.line-right-top {
        -webkit-transform: translate(54px) translateY(-21px);
        transform: translate(54px) translateY(-21px)
    }

    .home-global-site-3d #region2d>div .labelText.server.line-right-top1,
    .home-global-site-3d #region2d>div .labelText.serverright.line-right-top1,
    .home-global-site-3d #region>div .labelText.server.line-right-top1,
    .home-global-site-3d #region>div .labelText.serverright.line-right-top1 {
        -webkit-transform: translate(18px) translateY(-42px);
        transform: translate(18px) translateY(-42px)
    }

    .home-global-site-3d #region2d>div .labelText.serverleft,
    .home-global-site-3d #region>div .labelText.serverleft {
        -webkit-transform: translate(-100%) translate(6px, -21px);
        transform: translate(-100%) translate(6px, -21px)
    }

    .home-global-site-3d #region2d>div .labelText.serverleft.line-left,
    .home-global-site-3d #region>div .labelText.serverleft.line-left {
        -webkit-transform: translate(-100%) translate(-15px, -7px);
        transform: translate(-100%) translate(-15px, -7px)
    }

    .home-global-site-3d #region2d>div .labelText.servertop,
    .home-global-site-3d #region>div .labelText.servertop {
        -webkit-transform: translate(-50%) translate(10px, -22px);
        transform: translate(-50%) translate(10px, -22px)
    }

    .home-global-site-3d #region2d>div .labelText.servertop.line-top,
    .home-global-site-3d #region>div .labelText.servertop.line-top {
        -webkit-transform: translate(-50%) translate(7px, -33px);
        transform: translate(-50%) translate(7px, -33px)
    }

   /*  .home-global-site-3d #region2d>div:hover .server-base,
    .home-global-site-3d #region>div:hover .server-base {
        height: 24px;
        left: -6px;
        width: 24px
    }

    .home-global-site-3d #region2d>div:hover .server-base.iec,
    .home-global-site-3d #region>div:hover .server-base.iec {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAAXNSR0IB2cksfwAAAchQTFRFAAAA////////////////8/Pz/////////////////////////////////v7+////9PT0////7+/v/////////f39/////v7+////////8vLy9PT0////////5vbksOWsiNZ/asxfX8lSa81gr+Wr/v7+////lNuMXclPYMlUYspWY8tXYclV9vb2vum4YMpSYMlTZcpbZ8tcaMxdX8lRr+SqXslRYcpWactdbc1icM5lcc5lc89ncs9mbMxhZstcXchQXslQa8tgcc5mdtBre9FwfdJzgNR2f9N1fNFyX8pRfNJxgdR3h9V/j9iGk9qKiNaA9fX1ltyNZMlahtZ+lNuLpuGgtuexveq4vOm3teawX8hTlduM////cs9nhdV9mN2Qtuew0e/O4vXg+v364/bhteavruOqZclbt+ix1/HUgNN2r+Srcc9mh9V+ZspbbM1gftJzjdiFtOWuY8pXYMpTactegNN1kdqIveq5ktuJcs5mdNBokNmHXshRteevetBv/f39gtV4XchP4fTfh9d/cM1lYcpVvuu5tOWvlNqLh9WAideBftN0ftJ0vei3X8pSc9Bn9fX1XshQ5fXj/f39bM1h8fHxSr2SLwAAAJh0Uk5TAA8QEhQVFxgaHFqazO39/RcVEBYZetz//3oUGBtJ/////////8xq////////G///////////////////////////////////////////////Gv//////////////W///////////////////////////////////////////////mv////////////////////8Z//9q/xJER3U6AAACh0lEQVR4nF2T61/SYBiGXwGHk+EkiD0YzDET5QWRgcqkMQKZmZBmAplpIZAmaR46oB01O5+z07/b3mF9aF/24f7t+T277utBbSazpZ2ydtCdNsbexdoZWyfdYe12WMymNnTKbHFSLvq0mwPj0V9uD+2inD1mE9KzM14fA8D3Cn5R7BPO8gD9Pq/VaTEji9PqDbAcPzAoBnEIh4Pi4AAPbGBIT1E75Q0ARIajYSkW9/vjcSkcHYkABLxUO6Jcvi4YHUtI8njynKKkkqqcTpwfBdbnopCVZiCSCaWzEzlt8sLURS03oabxdIRjaCvq8HD8cCKtKvnCpZnZ2ZnLhbySTSeGefDMIdoNV4LzelYsla8uXFssl4p5ZVy6vgRuGi0Dn8HyDe1mZaVaq9dvVVcrRW1CxtM8t4xssBa9reYKpfVGC0NjvXQnp0rRDbAhBoRgbFO7W662+HBQLQv55FZQAAbZuW0cT+3srtRO+EHt3u5OKn5/G+yIhQf4odLc26+3wALU9x81H/uxCKweitj/pPnUCI28vr/XVPrwMz20w3aYjH3+31hMxpKF4skDobUQGawvpG3GjIUOYSMqqbkXpdVG68PGaqlAfqUXDgmEIyxPaMXKevVlvV6rrlReaa9lnOFhmeBbeiNlDXyLbxfeGfjUdPA9wfcP/EHhAwH/sXCgZyfgjcqOcFrVK/s09XnSqCyU+QKkMr1sFka/JuZlNZlSlG/JrCwlxkjZxxRyUENEk5FoSNoimsSkUPR7SxNHS7Au+EEE0/3CJ4L9JPohc4+eGmquCX2i+Evo5TlgiJo9ZqQL7+x20R43/AVPpD6mdG1NiJyDg7LOGefAsvZ+4xwoh+W3qe0P62yTzhB4OucAAAAASUVORK5CYII=)
    }

    .home-global-site-3d #region2d>div:hover .labelText.server,
    .home-global-site-3d #region2d>div:hover .labelText.serverright,
    .home-global-site-3d #region>div:hover .labelText.server,
    .home-global-site-3d #region>div:hover .labelText.serverright {
        -webkit-transform: translate(5px) translateY(-55px);
        transform: translate(5px) translateY(-55px)
    }

    .home-global-site-3d #region2d>div:hover .labelText.server.line-right,
    .home-global-site-3d #region2d>div:hover .labelText.serverright.line-right,
    .home-global-site-3d #region>div:hover .labelText.server.line-right,
    .home-global-site-3d #region>div:hover .labelText.serverright.line-right {
        -webkit-transform: translate(22px) translateY(-8px);
        transform: translate(22px) translateY(-8px)
    }

    .home-global-site-3d #region2d>div:hover .labelText.server.line-right-top,
    .home-global-site-3d #region2d>div:hover .labelText.serverright.line-right-top,
    .home-global-site-3d #region>div:hover .labelText.server.line-right-top,
    .home-global-site-3d #region>div:hover .labelText.serverright.line-right-top {
        -webkit-transform: translate(54px) translateY(-21px);
        transform: translate(54px) translateY(-21px)
    }

    .home-global-site-3d #region2d>div:hover .labelText.server.line-right-top1,
    .home-global-site-3d #region2d>div:hover .labelText.serverright.line-right-top1,
    .home-global-site-3d #region>div:hover .labelText.server.line-right-top1,
    .home-global-site-3d #region>div:hover .labelText.serverright.line-right-top1 {
        -webkit-transform: translate(18px) translateY(-42px);
        transform: translate(18px) translateY(-42px)
    }

    .home-global-site-3d #region2d>div:hover .labelText.serverleft,
    .home-global-site-3d #region>div:hover .labelText.serverleft {
        -webkit-transform: translate(-100%) translate(6px, -54px);
        transform: translate(-100%) translate(6px, -54px)
    }

    .home-global-site-3d #region2d>div:hover .labelText.serverleft.line-left,
    .home-global-site-3d #region>div:hover .labelText.serverleft.line-left {
        -webkit-transform: translate(-100%) translate(-16px, -7px);
        transform: translate(-100%) translate(-16px, -7px)
    }

    .home-global-site-3d #region2d>div:hover .labelText.servertop,
    .home-global-site-3d #region>div:hover .labelText.servertop {
        -webkit-transform: translate(-50%) translate(10px, -55px);
        transform: translate(-50%) translate(10px, -55px)
    }

    .home-global-site-3d #region2d>div:hover .labelText.servertop.line-top,
    .home-global-site-3d #region>div:hover .labelText.servertop.line-top {
        -webkit-transform: translate(-50%) translate(7px, -67px);
        transform: translate(-50%) translate(7px, -67px)
    }

    .home-global-site-3d #region2d>div:hover .az-label.server,
    .home-global-site-3d #region>div:hover .az-label.server {
        top: 2px
    }

    .home-global-site-3d #region2d>div:hover .pop-label.server,
    .home-global-site-3d #region>div:hover .pop-label.server {
        top: 1px
    }
 */
    .home-global-site-3d .az-label.server {
        left: 3px;
        top: 3px
    }

    .home-global-site-3d .pop-label.server {
        left: 2px;
        top: 2px
    }

    .home-global-site-3d .global-site-3dto2d {
        height: 40px;
        right: 32px;
        top: 32px
    }

    .home-global-site-3d .global-site-3dto2d .por-radio-btn {
        height: 40px
    }

    .home-global-site-3d .global-site-3dto2d .por-radio-btn input[type=radio] {
        margin-bottom: -46px
    }

    .home-global-site-3d .global-site-legend {
        bottom: 80px
    }

    .home-global-site-3d .map-number {
        bottom: 32px
    }
}

@media (min-width:1024px) and (max-width:1366px) {

    .home-global-site-3d #region2d>div .labelText,
    .home-global-site-3d #region>div .labelText {
        font-size: 12px
    }

    .home-global-site-3d .por-collapse-left {
        height: 32px;
        left: 42px;
        top: 16px;
        width: 32px
    }

      

    .home-global-site-3d .global-site-legend {
        right: 32px
    }

    .home-global-site-3d .global-site-3dto2d {
        height: 32px;
        width: 82px
    }

    .home-global-site-3d .global-site-3dto2d .por-radio-btn {
        height: 32px;
        width: 40px
    }

    .home-global-site-3d .global-site-3dto2d .por-radio-btn input[type=radio] {
        margin-bottom: -40px
    }

    .home-global-site-3d .global-site-3dto2d .por-radio-btn .global-site-mode-three {
        height: 16px;
        width: 16px
    }

    .home-global-site-3d .global-site-3dto2d .por-radio-btn .global-site-mode-two {
        height: 16px;
        width: 36px
    }
}

@media (max-height:768px) {

    .home-global-site-3d #region2d>div .labelText,
    .home-global-site-3d #region>div .labelText {
        font-size: 18px
    }

    .home-global-site-3d .por-collapse-left {
        height: 32px;
        left: 42px;
        top: 16px;
        width: 32px
    }

    

    .home-global-site-3d .global-site-legend {
        right: 32px
    }

    .home-global-site-3d .global-site-3dto2d {
        height: 32px;
        width: 82px
    }

    .home-global-site-3d .global-site-3dto2d .por-radio-btn {
        height: 32px;
        width: 40px
    }

    .home-global-site-3d .global-site-3dto2d .por-radio-btn input[type=radio] {
        margin-bottom: -40px
    }

    .home-global-site-3d .global-site-3dto2d .por-radio-btn .global-site-mode-three {
        height: 16px;
        width: 16px
    }

    .home-global-site-3d .global-site-3dto2d .por-radio-btn .global-site-mode-two {
        height: 16px;
        width: 36px
    }
}

@media (max-width:1023px) {
     

    .home-global-site-3d { 
        margin-top: 25px;
    }    
    .home-global-site-3d .por-container {
        margin-bottom: 30px
    }

    .home-global-site-3d #region>div {
        height: 30px
    }

   /*  .home-global-site-3d #region>div:hover.default-hover {
        height: 60px;
        top: -29px
    }

    .home-global-site-3d #region>div:hover .labelText {
        min-width: 70px;
        padding: 5px 8px
    }

    .home-global-site-3d #region>div:hover .labelText .label-title {
        font-size: 12px;
        line-height: 18px
    }

    .home-global-site-3d #region>div:hover .labelText .label-desc {
        font-size: 8px;
        line-height: 12px
    }

    .home-global-site-3d #region>div:hover .labelText.line-top:before {
        top: 44px
    }

    .home-global-site-3d #region>div:hover .labelText.server,
    .home-global-site-3d #region>div:hover .labelText.serverright {
        -webkit-transform: translate(5px) translateY(-42px);
        transform: translate(5px) translateY(-42px)
    }

    .home-global-site-3d #region>div:hover .labelText.server.line-right,
    .home-global-site-3d #region>div:hover .labelText.serverright.line-right {
        -webkit-transform: translate(22px) translateY(-8px);
        transform: translate(22px) translateY(-8px)
    }

    .home-global-site-3d #region>div:hover .labelText.server.line-right-top,
    .home-global-site-3d #region>div:hover .labelText.serverright.line-right-top {
        -webkit-transform: translate(54px) translateY(-21px);
        transform: translate(54px) translateY(-21px)
    }

    .home-global-site-3d #region>div:hover .labelText.server.line-right-top1,
    .home-global-site-3d #region>div:hover .labelText.serverright.line-right-top1 {
        -webkit-transform: translate(18px) translateY(-42px);
        transform: translate(18px) translateY(-42px)
    }

    .home-global-site-3d #region>div:hover .labelText.serverleft {
        -webkit-transform: translate(-100%) translate(6px, -43px);
        transform: translate(-100%) translate(6px, -43px)
    }

    .home-global-site-3d #region>div:hover .labelText.serverleft.line-left {
        -webkit-transform: translate(-100%) translate(-16px, -11px);
        transform: translate(-100%) translate(-16px, -11px)
    }

    .home-global-site-3d #region>div:hover .labelText.servertop {
        -webkit-transform: translate(-50%) translate(10px, -43px);
        transform: translate(-50%) translate(10px, -43px)
    }

    .home-global-site-3d #region>div:hover .labelText.servertop.line-top {
        -webkit-transform: translate(-50%) translate(7px, -55px);
        transform: translate(-50%) translate(7px, -55px)
    }

    .home-global-site-3d #region>div:hover .waves {
        top: 37px
    }

    .home-global-site-3d #region>div:hover .az-label,
    .home-global-site-3d #region>div:hover .pop-label {
        top: 53px
    } */

    .home-global-site-3d .az-label,
    .home-global-site-3d .pop-label {
        top: 27px
    }

    .home-global-site-3d .por-container {
        padding: 20px 20px 0
    }

    .home-global-site-3d .por-collapse-left {
        display: none
    }

    .home-global-site-3d .global-site-link-group-mb,
    .home-global-site-3d .por-checkbox-card-group-mb,
    .home-global-site-3d .section-body-left-mb {
        display: block
    }

    .home-global-site-3d .global-site-link-group-mb .global-site-intro-title,
    .home-global-site-3d .por-checkbox-card-group-mb .global-site-intro-title,
    .home-global-site-3d .section-body-left-mb .global-site-intro-title {
        font-weight: 700;
        padding-top: 0
    }

    .home-global-site-3d .section-body {
        display: block;
        height: auto
    }

    .home-global-site-3d .section-body .section-body-right {
        height: auto;
        padding-top: 27px;
        position: relative;
        width: 100%
    }

    .home-global-site-3d .section-body .section-body-right #mountNode {
        height: 320px;
        width: 320px
    }

    .home-global-site-3d .section-body .section-body-right #mountNode .shadow,
    .home-global-site-3d .section-body .section-body-right #mountNode .shadow2 {
        background-position: -50% -50%;
        background-size: 100% 100%
    }

    .home-global-site-3d .section-body .section-body-right #mountNode .shadow3 {
        z-index: 0
    }

    .home-global-site-3d .section-body .section-body-right #mountNode .shadow3>.circle-outer {
        border-width: 1px;
        height: 100%
    }

    .home-global-site-3d .section-body .section-body-right #mountNode .shadow3>.circle-inner {
        border-width: 1px;
        height: 80%
    }

    .home-global-site-3d .global-site-intro,
    .home-global-site-3d .section-body-left,
    .home-global-site-3d .section-body-legend {
        display: none !important
    }

    .home-global-site-3d #region>div .labelText {
        font-size: 8px
    }

    .home-global-site-3d .section-body-left-mb {
        padding-left: 5px;
        position: relative;
        z-index: 1
    }

    .home-global-site-3d .section-body-left-mb .global-site-intro-title {
        color: #252b3a;
        font-size: 18px;
        letter-spacing: 0;
        line-height: 22px;
        padding-top: 20px
    }

    .home-global-site-3d .section-body-left-mb .global-site-intro-desc {
        color: #575d6c;
        font-size: 14px;
        line-height: 22px;
        padding-top: 8px
    }

    .home-global-site-3d .global-site-link-group-mb {
        padding: 0 5px 20px
    }

    .home-global-site-3d .global-site-link-group-mb .global-site-common-link {
        background: hsla(0, 0%, 100%, .3);
        border: 1px solid #ced6dc;
        border-bottom: none;
        border-radius: 2px;
        color: #252b3a;
        font-size: 14px;
        height: 50px;
        letter-spacing: 0;
        line-height: 22px;
        padding: 13px 12px;
        width: 100%
    }

    .home-global-site-3d .global-site-link-group-mb .global-site-common-link:last-child {
        border-bottom: 1px solid #ced6dc
    }

    .home-global-site-3d .por-checkbox-card-group-mb {
        padding-bottom: 20px;
        padding-top: 25px;
        position: relative
    }

    .home-global-site-3d .por-checkbox-card-group-mb .por-checkbox-card-group-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-right: 0;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .home-global-site-3d .por-checkbox-card-group-mb .por-checkbox-card-group-content .por-checkbox-card,
    .home-global-site-3d .por-checkbox-card-group-mb .por-checkbox-card-group-content .por-radio-card {
        height: 40px;
        margin-right: 0
    }

    .home-global-site-3d .por-checkbox-card-group-mb .por-checkbox-card-group-inner {
        background: #fff;
        border-radius: 36px;
        -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);
        text-align: center;
        width: 100%
    }

    .home-global-site-3d .por-checkbox-card-group-mb .por-checkbox-card input+span,
    .home-global-site-3d .por-checkbox-card-group-mb .por-checkbox-card input[type=checkbox]+span {
        border: none
    }

    .home-global-site-3d .por-checkbox-card-group-mb .por-checkbox-card input[type=checkbox]+span {
        color: #575d6c;
        color: #252b3a;
        line-height: 23px;
        padding: 0 12px
    }

    .home-global-site-3d .por-checkbox-card-group-mb .por-checkbox-card input[type=checkbox]+span:after,
    .home-global-site-3d .por-checkbox-card-group-mb .por-checkbox-card input[type=checkbox]+span:before {
        display: none
    }

    .home-global-site-3d .por-checkbox-card-group-mb .por-checkbox-card input[type=checkbox]:hover+span {
        color: #575d6c
    }

    .home-global-site-3d .por-checkbox-card-group-mb .por-checkbox-card input[type=checkbox]:checked+span {
        border: none;
        color: #c7000b
    }

    .home-global-site-3d .right-top-btn-group {
        right: 0;
        top: 0;
        width: 48px
    }

    .home-global-site-3d .right-top-btn-group .three2two-btn {
        display: none
    }
}

@media (min-width:1024px) and (max-height:620px) {
    .home-global-site-3d {
        height: 100%
    }

    
}

.home-global-site-3d.light .right-top-btn-group .theme-btn>img.light,
.home-global-site-3d.light.three-d .right-top-btn-group .three2two-btn>img.three-d.light {
    display: inline
}

 

.home-global-site-3d.light.two-d .right-top-btn-group .three2two-btn>img.two-d.light {
    display: inline
}

 

 
 
@media (max-width:1023px) {
    html[lang=en-us] .home-global-site-3d .por-checkbox-card-group-mb .por-checkbox-card-group-inner {
        border-radius: 100px
    }

    html[lang=en-us] .home-global-site-3d .por-checkbox-card-group-mb .por-checkbox-card-group-inner .por-checkbox-card-group-content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 0;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    html[lang=en-us] .home-global-site-3d .por-checkbox-card-group-mb .por-checkbox-card-group-inner .por-checkbox-card-group-content .por-checkbox-card {
        margin-top: 0;
        width: 50%
    } 
}

@media(max-width:520px){
    .home-global-site-3d {
        height: 330px;
        width: 330px;
    }
}