.ditu { top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 33; position: absolute; width: 1101rem; height: 1101rem; border-radius: 50%; background-color: rgba(241, 242, 246, 0.53); box-shadow: 13rem 15rem 82rem 0rem rgba(0, 50, 160, 0.19); display: flex; align-items: center; } .home-global-site-3d { height: 655px; position: relative; width: 655px; margin: 0 auto; scale: 1 !important; opacity: 1; border-radius: 50%; background: #f5f5f5; } .home-global-site-3d .link-more { margin-top: 16px } .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, .home-global-site-3d #region2d { color: #fff; left: 0; position: absolute; top: 5px; -webkit-transition: opacity 1s; transition: opacity 1s; z-index: 2222; 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,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; height: 14px; width: 14px } .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: 14px; opacity: 0; visibility: hidden; padding: 2px 6px; position: relative; -webkit-transform: translate(0) translate(3px); transform: translate(0) translate(3px); white-space: nowrap !important; transition: opacity 0.3s, visibility 0.3s; } .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(10px, -22px); transform: translate(-100%) translate(10px, -22px); 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; opacity: 1; visibility: visible; } .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: 1; -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: 300px } .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: 256px } /* .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: 256px; 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:1600px) { .home-global-site-3d { height: 500px; width: 500px; } } @media(max-width:1300px) { .home-global-site-3d { height: 360px; width: 360px; } } @media(max-width:1023px) {} @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: 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-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 } } .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% } .ditu { top: auto; left: auto; transform: none; z-index: 33; position: relative; padding: 20px; background: url(../images/index/bg4.png) no-repeat center center; background-size: 100%; margin-bottom: 20px; display: none; } } @media(max-width:520px) { .home-global-site-3d { height: 300px; width: 300px; } }