.sbanner {background-image: url('../images/overseasserver/banner.jpg');}
.sbanner h1{font-size: 26px;margin-bottom: 16px;}
.sbanner a.overseasserver-blue-btn {display: inline-block; box-shadow: 0px 4px 10px 0px #006AFF66;}
.sbanner a.overseasserver-lightblue-btn { display: inline-block; background-color: #1DB8FA; box-shadow: 0px 4px 10px 0px #1DB8FA66; margin-left: 14px; }
.sbanner a.overseasserver-lightblue-btn:hover { background-color: #1DB8FA66; }
div[id^="anchor"] {width: 100%;padding: 64px 0 84px 0;box-sizing: border-box;}
#anchor2 { width: 100%; padding: 78px 0 0px 0; box-sizing: border-box; }
#anchor3 { width: 100%; padding: 78px 0 103px 0; box-sizing: border-box; }
div[id^="anchor"] .h2_title {font-size: 28px;color: #355685;text-align: center;margin-bottom: 8px;}
div[id^="anchor"] .desc {font-size: 14px;color: #949FAD;text-align: center;line-height: 26px;}

/* 优势 */
.advantage { padding-bottom: 0 !important; }
.advantage-header { padding-bottom: 32px; }
.advantage-bottom { 
    box-shadow: 0px -12px #fff, 0px 8px 8px 0px #EAEFF5 inset, 0px -8px 8px 0px #EAEFF5 inset;
    background-color: #F3F5F8;
    padding: 74px 356px;
}
.advantage-bottom .advantage-box { display: grid; grid-template-columns: repeat(3, 381px); gap: 24px; justify-content: center; }
.advantage-bottom .advantage-item { background: linear-gradient(150deg ,#F4F6F8 35%, #FEFEFE 80%); border: 2px solid #fff; border-radius: 4px; box-shadow: 0px 6px 12px 2px #E4EAF3; padding: 20px 30px 24px; box-sizing: border-box; margin-bottom: 0; margin-right: 0; display: flex; flex-direction: column; }
.advantage-bottom .advantage-title { display: flex; justify-content: space-between; align-items: center; font-size: 22px; padding-bottom: 24px; }
.advantage-bottom .advantage-title span { font-size: 22px; font-weight: bold; }
.advantage-bottom .advantage-info { color: #355685; font-size: 14px; flex: 1; display: flex; flex-direction: column; justify-content: space-between; }
.advantage-bottom .advantage-info p { height: 119px; line-height: 1.8; }
.advantage-bottom .advantage-btn-box { width: 100%; padding-top: 24px; border-top: 1px solid rgba(202, 210, 221, 1); }
.advantage-bottom a { width: 104px; overflow: hidden; display: inline-flex; align-items: center; white-space: nowrap; }
.advantage-bottom a .btn-content { display: flex; align-items: center; gap: 4px; color: #006AFF; }
.advantage-bottom a .btn-icon { width: 16px; height: 16px; background: url('../images/enter.png') no-repeat center; background-size: contain; opacity: 0; transition: opacity .3s; }
.advantage-bottom a:hover .btn-icon { opacity: 1; }

/* 服务器 */
.server { height: 1938px; background: url("../images/overseasserver/server-bg.png") no-repeat center; background-size: cover; color: #373737; }
.server-card { box-shadow: 0 8px 12px 2px #EBF0F7; border-radius: 6px; overflow: hidden; margin-top: 14px; }
.server-card-header { height: 145px; display: flex; justify-content: space-between; align-items: center; background: url("../images/overseasserver/server-item-header-bg.png") no-repeat; padding: 0 44px; }
.server-card-header h2 { font-size: 22px; color: #fff; }
.server-card-header p { font-size: 14px; color: #fff; }
.server-card-header a { font-size: 14px; color: #006AFF; padding: 11px 32px; background-color: #fff; border-radius: 4px; box-shadow: 0 4px 10px 0 #1B4FC4; }
.server-card-bottom { height: 694px; padding: 30px 40px; box-sizing: border-box; background-color: #fff; }
.server-card-bottom { display: flex; gap: 80px; align-items: flex-start; }
.server-card-bottom .left { flex: 1; height: 100%; }
.server-card-bottom .left .features { height: 100%; display: flex; flex-direction: column; gap: 44px; padding: 44px 0 68px; box-sizing: border-box; }
.server-card-bottom .left .features .feature-item { display: flex; gap: 8px; align-items: flex-start; }
.server-card-bottom .left .features .feature-content h3 { font-size: 20px; font-weight: bold; padding: 5px 0; }
.server-card-bottom .left .features .feature-content p { font-size: 14px; color: #355685; line-height: 1.8; padding-top: 8px; }
.server-card-bottom .right { width: 484px; height: 623px; background: url("../images/overseasserver/virtual-card-bg.png") no-repeat; background-size: cover; padding-top: 200px; box-sizing: border-box; }
.server-card-bottom .right .card-header { display: flex; justify-content: space-between; align-items: center; padding: 32px 32px 24px; border-radius: 6px; }
.server-card-bottom .right .card-header h3 { font-size: 22px; font-weight: bold; }
.server-card-bottom .right .card-header .tag { background-color: #D4FFEC; color: #16AA6A; padding: 6px 32px; border-radius: 4px; font-size: 12px; }
.server-card-bottom .right .card-content { display: flex; flex-direction: column; gap: 12px; padding: 0 32px; }
.server-card-bottom .right .card-content .spec-row { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #D8E1EE; padding: 6px 0; }
.server-card-bottom .right .card-content .spec-label { font-size: 14px; color: #949FAD; }
.server-card-bottom .right .card-content .spec-value { font-size: 14px;  }
/* 物理机特殊样式 */
.server-card.physics-server .server-card-bottom .right .card-content { display: flex; flex-direction: column; gap: 12px; padding: 0 32px; }
.server-card.physics-server .server-card-bottom .right .card-content .spec-row { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #D8E1EE; padding: 8px 0; }

/* 数据中心分布 */
.data-distribution { position: relative; height: 1066px; background: url("../images/overseasserver/data-distribution-bg.png") no-repeat center center; }
.data-distribution .inner .desc a { color: #006AFF; }
.data-distribution-bottom { position: absolute; bottom: 87px; width: 100%; }
.data-distribution-bottom .inner { display:flex; flex-direction: column; gap: 34px; width: 1329px; }
.data-distribution-bottom .inner .inner-card { border: 2px solid #fff; border-radius: 6px; background: linear-gradient(170deg ,#F4F6F8 0%, #FEFEFE 70%); box-shadow: 0px 6px 12px 2px #E4EAF3;}
.data-distribution-bottom .inner .tag-box { width: 436px; }
.tag-container { height: 40px; position: relative; left: 2px; overflow: hidden; border-radius: 6px 0px 0 0;}
.data-distribution-bottom .inner .tag-box .tag { padding: 0 64px 0 25px; background-color: #006AFF; border-radius: 6px 6px 0 0; transform: skew(30deg); position: absolute; left: -12px; }
.data-distribution-bottom .inner .tag-box .tag span { color: #fff; font-size: 18px; line-height: 40px; font-weight: bold; transform: skew(-30deg); display: inline-block; }
.data-distribution-bottom .inner .inner-card.range { display: flex; flex-direction: column; justify-content: space-around; gap: 24px; width: 100%; padding: 32px 16px; box-sizing: border-box; }
.data-distribution-bottom .inner .inner-card.range img { vertical-align: middle; padding-right: 4px; }
.data-distribution-bottom .inner .inner-card.range span { font-size: 14px; color: rgba(53, 86, 133, 1); vertical-align: middle; }
.data-distribution-bottom .inner .inner-card.range .text1 { font-size: 18px; color: rgba(55, 55, 55, 1); font-weight: bold; vertical-align: middle; padding-right: 16px; }
.data-distribution-bottom .inner .inner-card.info { padding: 18px 65px 46px; box-sizing: border-box; }
.data-distribution-bottom .inner .inner-card.info .card-title { color: #006AFF; font-size: 22px; }
.data-distribution-bottom .inner .inner-card.info .card-info { display: flex; justify-content: space-between; width: 100%; padding-top: 16px; }
.data-distribution-bottom .inner .inner-card.info .card-info li { display: flex; justify-content: space-between; align-items: center;  }
.data-distribution-bottom .inner .inner-card.info .card-info li span { font-size: 18px; color: #355685; padding-left: 10px; }

/* 场景 */
.scene-bottom { padding-top: 64px; }
.scene-bottom .card-box {position: relative; left: 50%; transform: translateX(-50%); width: 1333px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 27px; }
.scene-bottom .card-box .card-item { background-color: #fff; border-radius: 6px; box-shadow: 0 2px 8px #E4EAF3; overflow: hidden; }
.scene-bottom .card-box .card-item-header { height: 116px; display: flex; align-items: center; background-size: cover; }
.scene-bottom .card-box .card-item-header h3 { font-size: 22px; color: #373737; font-weight: bold; padding-left: 20px; }
.scene-bottom .card-box .card-item-content { padding: 20px; }
.scene-bottom .card-box .card-item-content p { font-size: 14px; color: #355685; line-height: 1.6; margin-bottom: 26px; }
.scene-bottom .card-box .card-item-content ul { list-style: none; padding: 0; margin: 0; }
.scene-bottom .card-box .card-item-content ul li { font-size: 14px; color: #949FAD; margin-bottom: 14px; position: relative; }
.scene-bottom .card-box .card-item-content ul li .icon { color: #006AFF; font-size: 10px; vertical-align: middle; }
.scene-bottom .card-box .card-item-content ul li .text { color: #949FAD; font-size: 14px; vertical-align: middle; padding-left: 8px; }

/* 场景背景图片 */
.scene-bottom .card-box .card-header-bg1 { background-image: url('../images/overseasserver/scene-header-bg1.png'); }
.scene-bottom .card-box .card-header-bg2 { background-image: url('../images/overseasserver/scene-header-bg2.png'); }
.scene-bottom .card-box .card-header-bg3 { background-image: url('../images/overseasserver/scene-header-bg3.png'); }
.scene-bottom .card-box .card-header-bg4 { background-image: url('../images/overseasserver/scene-header-bg4.png'); }
.scene-bottom .card-box .card-header-bg5 { background-image: url('../images/overseasserver/scene-header-bg5.png'); }
.scene-bottom .card-box .card-header-bg6 { background-image: url('../images/overseasserver/scene-header-bg6.png'); }