@charset "UTF-8";
/* 主题色*/
/* 
背景色
由深到浅排序
*/
/*
文本颜色
由深到浅排序
*/
.build-banner { box-sizing: border-box; height: 420px; padding-top: 10px; background: url("//img-i.gcimg.net/2020/0617/a4nn0gae981u7mvp060454.jpg") no-repeat center center; text-align: center; position: relative; }

.m-build-banner-img {
  display: block;
  margin: 0 auto;
}

.build-banner dl { color: #ffffff; }

.build-banner dt { height: 40px; line-height: 40px; font-size: 40px; }

.build-banner dd { height: 58px; margin-top: 24px; line-height: 58px; font-size: 18px; }

.build-banner dd i { margin: 0 20px; font-size: 48px; color: #258aff; }

.build-banner dd em { margin-right: 24px; }

.build-banner .build-banner-footer { width: 100%; height: 48px; line-height: 48px; position: absolute; color: #ffffff; background-color: #e87b2b; bottom: 0; left: 0; }

.web-build-how { padding: 80px 0; background-image: linear-gradient(#ffffff, #f8f9fc); }

.web-build-how ul { margin-top: 60px; display: flex; justify-content: center; }

.web-build-how li { box-sizing: border-box; height: 500px; width: 410px; padding-top: 4px; border-right: 1px solid #E0E6ED; }

.web-build-how li:last-child { border-right: none; }

.web-build-how li img { display: block; width: 64px; height: 64px; margin: 0 auto; }

.web-build-how li p { margin-top: 24px; height: 22px; line-height: 22px; text-align: center; color: #9FA3B3; }

.web-build-how li h5 { height: 25px; margin-top: 20px; line-height: 25px; font-size: 18px; font-weight: 600; text-align: center; }

.web-build-how li dl { width: 330px; margin-left: 52px; }

.web-build-how li dt { height: 25px; line-height: 25px; padding-left: 34px; font-size: 18px; position: relative; }

.web-build-how li dt::before { content: ''; display: block; width: 20px; height: 20px; background: url("https://img-i.westarcloud.com/2020/0326/mctkjk9t0pex62k2070600.png") no-repeat center center; background-size: 100% 100%; position: absolute; left: 0; top: 3px; }

.web-build-how li dd { margin-top: 16px; line-height: 22px; color: #686F88; }

.web-build-how .link-btn-wrap { margin-top: 40px; text-align: center; }

.server-version { padding: 80px 0; }

.server-version table { width: 100%; margin: 80px 0 100px; position: relative; }

.server-version table tr:nth-child(2n) td { background-color: #F7F9FA; }

.server-version table th, .server-version table td { text-align: center; padding: 12px 24px; border: 1px solid #E8EDF2; color: #686F88; line-height: 20px; }

.server-version table th .btn, .server-version table td .btn { padding: 0 22px; }

.server-version table td.txt-left { text-align: left; }

.server-version table th { box-sizing: border-box; height: 140px; }

.server-version table th h5 { color: #ffffff; font-size: 18px; }

.server-version table th p { margin-top: 11px; color: #ffffff; font-size: 14px; color: rgba(255, 255, 255, 0.7); }

.server-version table .version-btn-wrap { padding: 24px; position: relative; z-index: 5; }

.z-table-type-1::before, .z-table-type-2::before, .z-table-type-3::before { content: ''; display: block; width: 260px; height: 100%; position: absolute; bottom: -20px; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1); }

.z-table-type-1::after, .z-table-type-2::after, .z-table-type-3::after { content: ''; display: block; width: 259px; height: 50px; position: absolute; top: -20px; right: 0; }

.z-table-type-1::before, .z-table-type-1::after { right: 520px; }

.z-table-type-1::after { width: 259px; background-color: #2762C9; }

.z-table-type-1 .u-version-btn-wrap-1 { border: none; }

.z-table-type-2::before, .z-table-type-2::after { right: 260px; }

.z-table-type-2::after { width: 260px; background-color: #293140; }

.z-table-type-2 .u-version-btn-wrap-2 { border: none; }

.z-table-type-3::before, .z-table-type-3::after { right: 0; }

.z-table-type-3::after { background-color: #E87B2B; }

.z-table-type-3 .u-version-btn-wrap-3 { border: none; }

.server-version-table { width: 100%; margin: 80px 0 100px; color: #686F88; }

.server-version-table li { box-sizing: border-box; width: 100%; display: table; border-left: 1px solid #E8EDF2; border-bottom: 1px solid #E8EDF2; }

.server-version-table li div { display: table-cell; vertical-align: middle; }

.server-version-table ul { box-sizing: border-box; border-top: 1px solid #E8EDF2; border-right: 1px solid #E8EDF2; }

.server-version-table .m-tr-cate, .server-version-table .m-tr-project { float: left; }

.server-version-table .m-tr-cate li, .server-version-table .m-tr-project li { padding-left: 24px; }

.server-process { box-sizing: border-box; height: 524px; padding-top: 80px; margin-top: 60px; position: relative; overflow: hidden; }

.server-process .server-process-bg { width: 1980px; height: 100%; position: absolute; top: 0; left: 50%; margin-left: -990px; z-index: -1; }

.server-process .server-process-intro { height: 58px; text-align: center; line-height: 58px; font-size: 18px; color: #ffffff; }

.server-process .server-process-intro i { margin-right: 8px; font-size: 48px; color: #258aff; vertical-align: sub; }

.server-process .btn { display: block; width: 220px; height: 44px; margin: 60px auto 0; line-height: 42px; padding: 0; text-align: center; }

.server-process-diagram { display: flex; margin-top: 66px; justify-content: center; position: relative; }

.server-process-diagram::before { content: ''; display: block; width: 100%; height: 1px; background-color: rgba(255, 255, 255, 0.3); position: absolute; top: 50px; left: 0; }

.server-process-diagram dl { width: 109px; margin: 0 58px; }

.server-process-diagram dl:last-child dt { background: no-repeat; }

.server-process-diagram dl:last-child dt div { background-color: #ffffff; border-radius: 50%; }

.server-process-diagram dt { width: 100%; height: 100px; background: url("https://img-i.westarcloud.com/2020/0330/bw223ry1a68ln4cq064754.png") no-repeat center center; background-size: 100% 100%; }

.server-process-diagram dt div { width: 100px; height: 100px; line-height: 100px; text-align: center; position: relative; background-color: #ffffff; border-radius: 50%; }

.server-process-diagram dt img { max-width: 48px; max-height: 48px; vertical-align: middle; }

.server-process-diagram dd { height: 22px; margin-top: 25px; line-height: 22px; font-size: 16px; color: #ffffff; text-align: center; }

.server-team { padding-top: 80px; }

.server-team .server-team-main { width: 1200px; margin: 60px auto 0; }

.server-team .server-worker-list { margin-top: 24px; }

.server-team .server-worker-list li { display: none; flex: none; margin-left: -20px; }

.server-team .server-worker-list li.active { display: block; }

.server-team .server-worker-list a { display: block; box-sizing: border-box; width: 285px; height: 378px; margin-left: 20px; float: left; border: 1px solid #E8EDF2; position: relative; }

.server-team .server-worker-list a:hover { box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1); }

.server-team .server-worker-list a:hover span { background-color: #258aff; border-color: #258aff; color: #ffffff; }

.server-team .server-worker-list img { display: block; width: 100%; height: 284px; }

.server-team .server-worker-list dl { padding: 21px 0 0 24px; }

.server-team .server-worker-list dt { height: 25px; line-height: 25px; font-size: 18px; color: #262626; }

.server-team .server-worker-list dd { height: 20px; line-height: 20px; color: #686F88; }

.server-team .server-worker-list span { display: block; box-sizing: border-box; height: 40px; width: 40px; line-height: 38px; text-align: center; border: 1px solid rgba(159, 163, 179, 0.2); color: #258aff; position: absolute; bottom: 28px; right: 24px; }

.special-product { padding-top: 80px; }

.special-product-main { width: 1200px; margin: 57px auto 0; }

.special-product-intro { box-sizing: border-box; width: 100%; height: 245px; padding: 44px 0 0 40px; color: #ffffff; background-size: 100% 100%; position: relative; }

.special-product-intro dl, .special-product-intro div { position: relative; z-index: 1; }

.special-product-intro img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.special-product-intro dt { height: 33px; line-height: 33px; font-size: 24px; }

.special-product-intro dd { width: 700px; margin-top: 24px; line-height: 22px; }

.special-product-intro div { margin-top: 24px; }

.special-product-intro div a { margin-right: 16px; }

.special-peoduct-feature { box-sizing: border-box; width: 100%; padding: 40px 0; display: flex; justify-content: space-around; border: 1px solid #E8EDF2; border-top: none; }

.special-peoduct-feature dl { box-sizing: border-box; width: 320px; position: relative; }

.special-peoduct-feature dl::before { content: ''; display: block; width: 1px; height: 125px; background-color: #E8EDF2; position: absolute; top: 0; left: -40px; }

.special-peoduct-feature dl:first-child::before { display: none; }

.special-peoduct-feature dl dt { line-height: 25px; font-size: 18px; color: #258aff; }

.special-peoduct-feature dl dd { margin-top: 12px; line-height: 22px; color: #686F88; }

.choose-reason { padding-top: 80px; }

.choose-reason-main { box-sizing: border-box; height: 645px; margin-top: 60px; padding: 97px 0 80px; background: url("https://img-i.gcimg.net/2020/0409/et4wo0lf4agwyokd160128.png") no-repeat center center; }

.choose-reason-main li { width: 600px; height: 135px; margin-bottom: 0; float: left; }

.choose-reason-main li p { width: 102px; height: 48px; line-height: 44px; margin-top: 3px; background-color: rgba(255, 255, 255, 0.05); border: 2px solid; -o-border-image: linear-gradient(333deg, rgba(247, 108, 5, 0), #f98408) 2 2; border-image: linear-gradient(333deg, rgba(247, 108, 5, 0), #f98408) 2 2; float: left; color: #ffffff; text-align: center; }

.choose-reason-main li dl { width: 400px; margin-left: 24px; float: left; }

.choose-reason-main li dt { line-height: 25px; font-size: 18px; color: #258aff; }

.choose-reason-main li dd { margin-top: 8px; line-height: 20px; color: #ffffff; }

.choose-reason-main .choose-btn-wrap { margin-top: 20px; text-align: center; }

.web-build-case { padding-top: 80px; }

.web-build-case .web-build-case-main { width: 1200px; margin: 60px auto 0; }

.web-build-case .m-case-tab { border-left: 1px solid #E8EDF2; border-bottom: 1px solid #E8EDF2; position: relative; }

.web-build-case .m-case-tab li { box-sizing: border-box; width: 150px; height: 64px; border-top: 1px solid #E8EDF2; border-right: 1px solid #E8EDF2; float: left; position: relative; cursor: pointer; }

.web-build-case .m-case-tab li::before { content: ''; display: block; width: 100%; height: 100%; background-color: rgba(232, 237, 242, 0.5); position: absolute; left: 0; top: 0; z-index: 1; }

.web-build-case .m-case-tab li img { max-width: 148px; max-height: 63px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

.web-build-case .m-case-tab li.active::before, .web-build-case .m-case-tab li:hover::before { display: none; }

.web-build-case .m-case-tab li.active::after, .web-build-case .m-case-tab li:hover::after { content: ''; display: block; width: 100%; height: 3px; background-color: #258aff; position: absolute; left: 0; top: -3px; }

.web-build-case .m-case-tab a { height: 22px; line-height: 22px; color: #686F88; position: absolute; right: 0; bottom: 16px; }

.web-build-case .m-case-tab a i { margin-left: 8px; }

.web-build-case .m-case-tab a:hover { color: #258aff; }

.web-build-case .m-case-list { width: 100%; height: 500px; margin-top: 24px; position: relative; }

.web-build-case .m-case-list li { display: none; width: 100%; height: 100%; background-color: rgba(232, 237, 242, 0.5); }

.web-build-case .m-case-list li.active { display: block; }

.web-build-case .m-case-list img { width: 100%; height: 100%; }

.web-build-case .m-case-list dl { box-sizing: border-box; width: 100%; padding: 50px 40px 40px; position: absolute; bottom: 0; left: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); }

.web-build-case .m-case-list dd { margin-top: 25px; line-height: 22px; color: #ffffff; }

.web-build-concat { padding: 80px 0; }

.web-build-concat .xz-contact { margin: 60px auto 0; }

.become-provider { box-sizing: border-box; width: 1200px; height: 100px; padding: 28px 40px; margin: 0 auto 40px; line-height: 44px; background: url("https://img-i.westarcloud.com/2020/0331/88hyug3jbr6ueh4o015244.png") no-repeat center center; color: #ffffff; }

.become-provider h5 { font-size: 24px; font-weight: 600; float: left; }

.become-provider p { margin-left: 167px; float: left; font-size: 18px; }

.become-provider a { height: 44px; line-height: 42px; float: right; }

.become-provider a:hover { background-color: #ffffff; color: #258aff; }

/***** 外贸开拓 ****/
.develop-banner { box-sizing: border-box; width: 100%; height: 420px; padding-top: 88px; background: url("//img-i.gcimg.net/2020/0617/0ovsb1g2h4yzoaoh060453.jpg") no-repeat center center; text-align: center; color: #ffffff; }

.m-develop-banner-img {
  display: block;
  margin: 0 auto;
}

.develop-banner h5 { height: 56px; line-height: 56px; font-size: 40px; }

.develop-banner p { height: 60px; margin-top: 70px; line-height: 60px; }

.develop-banner p span { display: inline-block; width: 400px; font-size: 18px; text-align: center; background-color: #E87B2B; transform: skewX(-30deg); }

.develop-banner p em { display: inline-block; transform: skewX(30deg); font-weight: 400; }

.develop-server { width: 1200px; padding-top: 80px; margin: 0 auto; }

.develop-process { box-sizing: border-box; height: 590px; margin-top: 60px; padding-top: 80px; background: url("https://img-i.gcimg.net/2020/0406/0fmqj34dzo3plvrc055937.png") no-repeat center center; }

.develop-process h5 { height: 58px; line-height: 58px; text-align: center; font-size: 18px; color: #ffffff; }

.develop-process h5 span { margin: 0 10px 0 5px; font-size: 48px; color: #258aff; vertical-align: bottom; font-style: italic; }

.develop-process .btn { display: block; width: 220px; height: 44px; margin: 60px auto 0; line-height: 42px; padding: 0; text-align: center; }

.develop-process div { display: flex; margin-top: 50px; justify-content: center; position: relative; }

.develop-process div::before { content: ''; display: inline-block; width: 100%; height: 1px; background-color: rgba(255, 255, 255, 0.3); position: absolute; left: 0; top: 80px; }

.develop-process div dl { width: 340px; color: #ffffff; position: relative; z-index: 1; }

.develop-process div dt { width: 160px; height: 160px; margin: 0 auto; line-height: 160px; text-align: center; font-size: 18px; background: url("https://img-i.gcimg.net/2020/0412/sr6ztr5y62o9hw2g132832.png") no-repeat center center; }

.develop-process div dd { margin-top: 13px; line-height: 22px; font-size: 16px; text-align: center; }

.promote-banner { box-sizing: border-box; height: 420px; padding-top: 60px; color: #ffffff; background: url("//img-i.gcimg.net/2020/0617/b4eobhsj3ejju3ss060453.jpg") no-repeat center center; }

.m-promote-banner-img {
  display: block;
  margin: 0 auto;
}

.promote-banner .m-box { box-sizing: border-box; padding-left: 40px; }

.promote-banner h5 { height: 56px; line-height: 56px; font-size: 40px; }

.promote-banner p { margin-top: 28px; line-height: 25px; font-size: 18px; }

.choose-reason-main.z-brand-choose-reason { background: url("https://img-i.gcimg.net/2020/0412/bjcvfob2qy8aa2gi130811.png") no-repeat center center; }

.promote-resource { box-sizing: border-box; width: 1200px; height: 588px; margin: 80px auto 0; padding: 40px 0 0 40px; background: url("https://img-i.gcimg.net/2020/0412/81ajbqbuh1ccczic130810.png") no-repeat center center; }

.promote-resource dl { width: 360px; margin-bottom: 30px; }

.promote-resource dt { height: 22px; margin-bottom: 16px; line-height: 22px; color: #258aff; }

.promote-resource dd { height: 75px; line-height: 75px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

.promote-resource dd span { font-size: 18px; color: #ffffff; }

.promote-resource dd em { font-size: 36px; color: #258aff; float: right; }

.promote-resource .btn { background: none; }

.team-banner { box-sizing: border-box; width: 100%; height: 420px; padding-top: 120px; text-align: center; color: #ffffff; background: url("https://img-i.gcimg.net/2020/0406/o182q9v7pjjagois090402.png") no-repeat center center; }

.team-banner h5 { height: 56px; line-height: 56px; font-size: 40px; }

.team-banner h5 span { margin: 0 5px; color: #258aff; font-style: italic; }

.team-banner p { height: 25px; margin-top: 50px; line-height: 25px; font-size: 18px; }

.team-price { padding: 80px 0; margin-top: 80px; background-color: #F7F9FA; }

.team-price-list { width: 1200px; margin: 60px auto 0; display: flex; justify-content: space-between; }

.team-price-list li { box-sizing: border-box; width: 387px; height: 337px; border: 1px solid #E8EDF2; background-color: #ffffff; position: relative; }

.team-price-list li img { display: block; width: 387px; height: 185px; position: absolute; top: -1px; left: -1px; }

.team-price-list li h5 { width: 100%; height: 185px; line-height: 185px; text-align: center; font-size: 24px; color: #ffffff; position: relative; }

.team-price-list li p { padding: 40px 40px 0; line-height: 24px; font-size: 17px; color: #2A3457; }

.team-show-container { display: none; margin-right: -20px; }

.team-show-container div a { display: block; box-sizing: border-box; width: 285px; height: 469px; margin-right: 20px; float: left; background-color: #ffffff; border: 1px solid #E8EDF2; }

.team-show-container div a:hover { box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1); }

.team-show-container div a:hover dt { color: #258aff; }

.team-show-container div a img { display: block; width: 100%; height: 285px; }

.team-show-container div a dl { padding: 18px 20px 0; }

.team-show-container div a dt {font-family: PingFangSC-Regular; height: 25px; margin-bottom: 17px; line-height: 25px; font-size: 18px; color: #293140; }

.team-show-container div a dd { line-height: 2; color: #686F88; font-size: 14px; }

.team-show-container.active { display: block; }

.other-web-server-list { flex-wrap: wrap; padding-top: 60px; }

.other-web-server-list li { margin-bottom: 20px; background-color: #ffffff; }

.web-build-server-tab { margin-top: 60px; }

.web-build-server-tab li { width: 33.33%; text-align: center; }

.web-build-server-tab span { display: block; height: 22px; line-height: 22px; color: #9FA3B3; font-size: 14px; }

.web-build-server-tab p { height: 25px; margin-top: 7px; line-height: 25px; font-size: 18px; font-weight: 600; }

.web-build-server-container .pro-box-list, .pro-box-list-float-wrap .pro-box-list { display: none; margin-left: -21px; justify-content: flex-start; }

.web-build-server-container .pro-box-list li, .pro-box-list-float-wrap .pro-box-list li { margin-left: 10px; float: left; }

.web-build-server-container .pro-box-list.active, .pro-box-list-float-wrap .pro-box-list.active { display: block; }

.pro-box-list-float-wrap .pro-box-list { display: block; }

.core-server-model { padding-top: 80px; background: linear-gradient(#ffffff, #f8f9fc); }

.core-server-model .m-page-nav { z-index: -1; }

.core-server-main { display: flex; margin-top: 60px; justify-content: center; }

.core-server-main li { box-sizing: border-box; width: 33.33%; height: 255px; padding-top: 20px; text-align: center; border-right: 1px solid #E0E6ED; }

.core-server-main li div { width: 64px; height: 64px; margin: 0 auto; line-height: 64px; text-align: center; }

.core-server-main li div img { max-width: 100%; max-height: 100%; vertical-align: middle; }

.core-server-main li h5 { height: 33px; margin-top: 40px; line-height: 33px; font-size: 24px; color: #2A3457; }

.core-server-main li p { height: 22px; margin-top: 16px; line-height: 22px; font-size: 16px; color: #258aff; }

.core-server-main li span { display: block; width: 60px; height: 60px; margin: 0 auto; line-height: 60px; text-align: center; cursor: pointer; position: relative; }

.core-server-main li span i { font-size: 20px; color: #258aff; position: relative; top: 0; }

.core-server-main li span:hover i { -webkit-animation: arrMove 1.5s linear infinite; animation: arrMove 1.5s linear infinite; }

@-webkit-keyframes arrMove { 0% { top: 0; }
  50% { top: 10px; }
  100% { top: 0; } }

@keyframes arrMove { 0% { top: 0; }
  50% { top: 10px; }
  100% { top: 0; } }

.core-server-banner { box-sizing: border-box; height: 621px; padding-top: 80px; background: #2A3457 url("//img-i.gcimg.net/2020/0412/o5hitlty5c0fdbgh125249.png") no-repeat center center; }

.core-server-banner-main { box-sizing: border-box; width: 736px; height: 461px; padding: 8px; margin: 0 auto; background-color: rgba(255, 255, 255, 0.2); }

.core-server-play { width: 100%; height: 405px; background-color: #ffffff; }

.core-server-play-info { box-sizing: border-box; height: 40px; line-height: 40px; padding: 0 20px; background-color: #2A3457; color: #ffffff; }

.core-server-play-info dl { float: left; overflow: hidden; }

.core-server-play-info dt { width: 60px; height: 13px; margin-top: 14px; float: left; font-size: 0; background: url("https://img-i.gcimg.net/2020/0412/jjgqbzf08noyfeqa125248.png") no-repeat center center; background-size: 100% 100%; }

.core-server-play-info dd { margin-left: 17px; padding-left: 16px; font-size: 13px; float: left; position: relative; }

.core-server-play-info dd::before { content: ''; display: block; width: 1px; height: 16px; background-color: #ffffff; position: absolute; left: 0; top: 12px; }

.core-server-play-info em { float: left; font-size: 12px; color: rgba(255, 255, 255, 0.7); position: relative; cursor: pointer; }

.core-server-play-info em i { margin-left: 4px; font-size: 12px; line-height: 12px; }

.core-server-play-info p { margin-right: 30px; float: left; font-size: 12px; color: rgba(255, 255, 255, 0.7); position: relative; }

.core-server-play-info p i { margin-left: 4px; line-height: 16px; vertical-align: text-bottom; }

.other-core-server-model { padding: 80px 0 60px; background-color: #F7F9FA; }

.web-build-server-link { margin-top: 40px; text-align: center; }

.case-banner { box-sizing: border-box; height: 529px; padding-top: 80px; background: url("https://img-i.gcimg.net/2020/0407/du73ek25lvf9odwc021936.png") no-repeat center center; }

.case-banner dl { color: #ffffff; text-align: center; }

.case-banner dt { height: 56px; line-height: 56px; font-size: 40px; }

.case-banner dd { height: 58px; margin-top: 16px; line-height: 58px; font-size: 18px; }

.case-banner dd i { margin: 0 10px; font-size: 48px; color: #258aff; vertical-align: bottom; }

.case-banner ul { width: 1200px; margin: 40px auto 0; background-color: #ffffff; overflow: hidden; }

.case-banner ul li { box-sizing: border-box; width: 200px; height: 100px; float: left; position: relative; line-height: 100px; text-align: center; }

.case-banner ul li::before { content: ''; display: block; width: 1px; height: 100px; background-color: #E8EDF2; position: absolute; top: 0; right: -1px; }

.case-banner ul li::after { content: ''; display: block; width: 200px; height: 1px; background-color: #E8EDF2; position: absolute; bottom: -1px; left: 0; }

.case-banner ul img { vertical-align: middle; max-width: 100%; max-height: 100%; }

.all-case-model { padding: 80px 0; background-color: #F7F9FA; }

.all-case-link { margin-top: 20px; text-align: center; }

.case-voice { padding: 80px 0; margin-top: 80px; background-color: #F7F9FA; }

.case-voice-swiper { width: 1200px; height: 417px; margin: 60px auto 0; background-color: #ffffff; border: 1px solid #E8EDF2; overflow: hidden; position: relative; }

.case-voice-swiper .swiper-button-prev, .case-voice-swiper .swiper-button-next { width: 40px; height: 60px; line-height: 60px; text-align: center; background: #258aff; }

.case-voice-swiper .swiper-button-prev i, .case-voice-swiper .swiper-button-next i { font-size: 24px; color: #ffffff; }

.case-voice-swiper .swiper-button-prev { left: 0; }

.case-voice-swiper .swiper-button-next { right: 0; }

.case-voice-swiper .swiper-slide { box-sizing: border-box; padding-top: 60px; text-align: center; }

.case-voice-swiper .swiper-slide::after { content: ''; display: block; width: 150px; height: 141px; background: url("https://img-i.gcimg.net/2020/0413/y3sjhddm4f6swyyr010200.png") no-repeat center center; background-size: 100% 100%; position: absolute; top: 20px; right: 20px; }

.case-voice-swiper .swiper-slide div { width: 100px; height: 100px; margin: 0 auto; border-radius: 50%; border: 1px solid #E8EDF2; line-height: 100px; text-align: center; overflow: hidden; }

.case-voice-swiper .swiper-slide div img { max-width: 100%; max-height: 100%; vertical-align: middle; }

.case-voice-swiper .swiper-slide h5 { height: 25px; margin-top: 24px; line-height: 25px; font-size: 18px; }

.case-voice-swiper .swiper-slide p { width: 800px; margin: 24px auto 0; line-height: 20px; color: #686F88; }

.case-voice-swiper .swiper-slide a { width: 136px; height: 44px; line-height: 42px; margin: 40px auto 0; padding: 0; }

.plan-banner { box-sizing: border-box; height: 420px; padding-top: 108px; background: url("https://img-i.gcimg.net/2020/0407/ahhu3y9pac7d8sct064553.png") no-repeat center center; color: #ffffff; text-align: center; }

.plan-banner h5 { height: 56px; line-height: 56px; font-size: 40px; }

.plan-banner p { height: 25px; margin-top: 32px; line-height: 25px; font-size: 18px; }

.plan-banner .btn { display: block; width: 144px; height: 44px; padding: 0; margin: 40px auto 0; line-height: 42px; text-align: center; }

.new-plan-list { padding: 40px 0; display: flex; justify-content: center; background-color: #F7F9FA; }

.new-plan-list dl { box-sizing: border-box; width: 387px; height: 180px; margin: 0 10px; padding: 27px 40px 0; background-color: #ffffff; border: 1px solid #E8EDF2; position: relative; }

.new-plan-list dl:hover { box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1); }

.new-plan-list dl::after { content: ''; display: block; width: 34px; height: 18px; background-color: #258aff; position: absolute; top: -1px; right: -1px; }

.new-plan-list dl::before { content: ''; display: block; width: 23px; height: 8px; background: url("https://img-i.gcimg.net/2020/0412/7eizyal4qcn5laoz134556.png") no-repeat center center; position: absolute; top: 4px; right: 4px; z-index: 1; }

.new-plan-list dt { height: 50px; line-height: 25px; font-size: 18px; color: #2A3457; }

.new-plan-list dd { margin-top: 10px; height: 66px; overflow: hidden; line-height: 22px; color: #9FA3B3; }

.paln-pro-major { box-sizing: border-box; height: 236px; padding: 30px 40px 30px 426px; background-color: #ffffff; border: 1px solid #E8EDF2; position: relative; }

.paln-pro-major:hover { box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1); }

.paln-pro-major img { display: block; width: 345px; height: 176px; position: absolute; top: 30px; left: 40px; }

.paln-pro-major h5 { width: 100%; height: 25px; line-height: 25px; font-size: 18px; color: #293140; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.paln-pro-major p { height: 80px; margin-top: 20px; line-height: 20px; color: #9FA3B3; }

.paln-pro-major a.u-go-plan-link { display: block; height: 20px; margin-top: 16px; line-height: 20px; color: #258aff; }

.paln-pro-list li { display: none; }

.paln-pro-list li.active { display: block; }

.paln-pro-sub { margin-top: 20px; margin-right: -21px; }

.paln-pro-sub div { box-sizing: border-box; width: 387px; height: 200px; padding: 27px 40px 0; margin-right: 20px; float: left; background-color: #ffffff; border: 1px solid #E8EDF2; }

.paln-pro-sub div:hover { box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1); }

.paln-pro-sub h5 { width: 100%; height: 25px; line-height: 25px; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.paln-pro-sub p { margin-top: 16px; height: 66px; line-height: 22px; color: #9FA3B3; overflow: hidden; }

.paln-pro-sub a { display: block; height: 20px; line-height: 20px; margin-top: 16px; color: #258aff; }

.server-add-banner { box-sizing: border-box; height: 420px; padding-top: 100px; background: #2A3457 url("https://img-i.gcimg.net/2020/0413/2c01ixlsq56hw90x011818.png") no-repeat center center; color: #ffffff; }

.server-add-banner h5 { height: 56px; line-height: 56px; font-size: 40px; }

.server-add-banner p { height: 25px; margin-top: 24px; line-height: 25px; font-size: 18px; }

.server-add-banner .btn { margin-top: 60px; height: 44px; line-height: 42px; }

.we-provide-pro-list { margin-right: -21px; }

.we-provide-pro-list li { width: 387px; margin-right: 20px; float: left; background-color: #ffffff; }

.we-provide-pro-list li dl { box-sizing: border-box; width: 100%; height: 248px; padding-top: 40px; }

.we-provide-pro-list li dt { width: 120px; height: 120px; margin: 0 auto; border-radius: 50%; background-color: #ffffff; }

.we-provide-pro-list li dd { height: 25px; margin-top: 24px; line-height: 25px; font-size: 18px; text-align: center; color: #ffffff; }

.we-provide-pro-list li div { box-sizing: border-box; padding: 40px 30px; border: 1px solid #E8EDF2; border-top: none; }

.we-provide-pro-list li h5 { width: 100%; height: 66px; line-height: 22px; overflow: hidden; }

.we-provide-pro-list li .btn { width: 148px; padding: 0; text-align: center; }

.we-provide-what-head { box-sizing: border-box; height: 140px; padding: 48px 40px; background: url("https://img-i.gcimg.net/2020/0413/d35q5ptburbdj3f3011806.png") no-repeat center center; background-size: 100% 100%; }

.we-provide-what-head img { display: block; width: 169px; height: 25px; margin-top: 10px; float: left; }

.we-provide-what-head .btn { height: 44px; line-height: 42px; float: right; border: none; }

.we-provide-what-head .btn:hover { color: #E87B2B; background-color: #ffffff; }

.we-provide-what-foot { box-sizing: border-box; height: 160px; padding: 25px 40px 0; background-color: #2A3457; }

.we-provide-what-foot dl { float: left; color: #ffffff; }

.we-provide-what-foot dt { height: 58px; line-height: 58px; font-size: 18px; }

.we-provide-what-foot dt img { display: inline-block; width: 172px; height: 25px; }

.we-provide-what-foot dt em, .we-provide-what-foot dt i { color: #258aff; }

.we-provide-what-foot dt i { margin: 0 12px 0 7px; font-size: 48px; }

.we-provide-what-foot dd { height: 22px; margin-top: 16px; line-height: 22px; }

.we-provide-what-foot .btn { margin-top: 34px; float: right; }

.we-provide-what-main { box-sizing: border-box; padding: 20px 0; margin-left: -1px; margin-right: -1px; background-color: #ffffff; position: relative; border-left: 1px solid #E8EDF2; border-right: 1px solid #E8EDF2; }

.we-provide-what-main::before { left: 0; }

.we-provide-what-main::after { right: 0; }

.we-provide-what-main dl { width: 300px; padding-top: 40px; margin: 0 60px 0 40px; float: left; }

.we-provide-what-main dt { height: 25px; padding-left: 44px; line-height: 25px; font-size: 18px; position: relative; }

.we-provide-what-main dt img { width: 20px; height: 20px; position: absolute; left: 0; top: 2px; }

.we-provide-what-main dd { height: 84px; margin-top: 24px; overflow: hidden; line-height: 22px; color: #686F88; }

.you-provide-what { margin-right: -21px; }

.you-provide-what li { box-sizing: border-box; width: 387px; height: 232px; margin: 0 20px 20px 0; float: left; background-color: #ffffff; border: 1px solid #E8EDF2; position: relative; }

.you-provide-what li img { display: block; width: 387px; height: 140px; position: absolute; top: -1px; left: -1px; }

.you-provide-what li h5 { height: 140px; line-height: 140px; text-align: center; color: #ffffff; font-size: 18px; position: relative; z-index: 1; }

.you-provide-what li p { padding: 24px 40px 0; line-height: 22px; color: #686F88; }

.pro-banner { box-sizing: border-box; height: 290px; padding-top: 92px; color: #ffffff; text-align: center; background: url("https://img-i.gcimg.net/2020/0409/qkppmn3gwlti8yue092424.png") no-repeat center center; }

.pro-banner h5 { height: 56px; line-height: 56px; font-size: 40px; }

.pro-banner p { height: 25px; margin-top: 18px; line-height: 25px; font-size: 18px; }

.friend-pro-lsit, .pro-page-list { box-sizing: border-box; width: 1201px; margin-left: auto; margin-right: auto; }

.friend-pro-lsit li, .pro-page-list li { box-sizing: border-box; width: 300px; height: 359px; padding: 60px 40px 0; float: left; background-color: #ffffff; position: relative; }

.friend-pro-lsit li:hover, .pro-page-list li:hover {z-index: 1; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1); }

.friend-pro-lsit div, .pro-page-list div { box-sizing: border-box; width: 100px; height: 100px; margin: 0 auto; line-height: 98px; text-align: center; overflow: hidden; }

.friend-pro-lsit div img, .pro-page-list div img { max-width: 100%; max-height: 100%; vertical-align: middle; }

.friend-pro-lsit dl, .pro-page-list dl { margin-top: 24px; text-align: center; }

.friend-pro-lsit dl dt, .pro-page-list dl dt { height: 25px; line-height: 25px; font-size: 18px; }

.friend-pro-lsit dl dd, .pro-page-list dl dd { height: 22px; margin-top: 8px; line-height: 22px; font-size: 16px; color: #9FA3B3; }

.pro-page-list { border-top: 1px solid #E8EDF2; border-left: 1px solid #E8EDF2; }

.pro-page-list li { border-bottom: 1px solid #E8EDF2; border-right: 1px solid #E8EDF2; }

.pro-page-list a { padding: 0 24px; }

.friend-pro-lsit { border-left: 1px solid #E8EDF2; }

.friend-pro-lsit li { border: 1px solid #E8EDF2; border-left: none; }

.friend-pro-lsit li:hover { box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1); }

.friend-pro-lsit a { display: block; width: 100%; padding: 0; margin-top: 40px; text-align: center; }

.zt-flow-banner {
  box-sizing: border-box;
  width: 100%;
  height: 640px;
  padding-top: 83px;
  background: url('https://img-i.gcimg.net/2020/0616/v2g88onl5x3c3i3d012849.jpg') no-repeat center center;
}
.zt-flow-banner-img {
  display: block;
  width: 581px;
  height: 384px;
  margin-bottom: 36px;
}
                     
.zt-flow-get { width: 1200px; margin: 40px auto 0; padding-top: 44px; background-color: #ffffff; }

.zt-flow-get li { box-sizing: border-box; width: 600px; padding: 0 32px 0 68px; position: relative; float: left; background-color: #ffffff; }

.zt-flow-get li::before { content: ''; display: block; width: 8px; height: 8px; border-radius: 50%; background-color: #E87B2B; position: absolute; top: 20px; left: 40px; }

.zt-flow-get li h5 { height: 28px; line-height: 28px; font-size: 20px; color: #E87B2B; }

.zt-flow-get li p { height: 84px; margin-top: 17px; overflow: hidden; line-height: 20px; }

.flow-server-links { width: 1200px; height: 120px; margin-top: 20px; background: url("https://img-i.gcimg.net/2020/0415/cp57n4c6hd2exm7f010808.jpg") no-repeat center center; background-size: 100% 100%; position: relative; }

.flow-server-links a { display: block; width: 220px; height: 44px; position: absolute; top: 23px; right: 179px; font-size: 0; }

.flow-server-links img { display: block; width: 80px; height: 80px; position: absolute; top: 20px; right: 36px; }

.z-flow-choose-our { box-sizing: border-box; padding-top: 60px; margin-top: 48px; height: 473px; background: url("https://img-i.gcimg.net/2020/0409/szjb4udgczfvcutk153505.png") no-repeat center center; }

.z-flow-choose-our li { box-sizing: border-box; width: 520px; height: 60px; margin-bottom: 40px; padding-left: 80px; line-height: 60px; position: relative; color: #ffffff; font-size: 18px; float: left; }

.z-flow-choose-our li img { display: block; width: 60px; height: 60px; position: absolute; top: 0; left: 0; }

.z-flow-choose-our p { text-align: center; }

.z-flow-choose-our p .btn { height: 44px; line-height: 44px; }

.zt-op-banner {
  box-sizing: border-box;
  padding-top: 80px;
  height: 600px;
  background: url('//img-i.gcimg.net/2020/0616/9cl1f6zo5d06h1jq012849.jpg') no-repeat center center;
}

.zt-op-banner-img {
  display: block;
  width: 590px;
  height: 303px;
  margin-bottom: 40px;
}                       
                       
.zt-op-banner .btn { height: 50px; line-height: 50px; }

.web-server-build { width: 100%; height: 480px; margin-top: 40px; background: url("https://img-i.gcimg.net/2020/0415/qch2rpecatvb2dsg010814.jpg") no-repeat center center; }

.web-server-build div { box-sizing: border-box; width: 387px; height: 100%; padding: 40px 40px 0; color: #ffffff; background-color: #258aff; float: right; }

.web-server-build dl { margin-bottom: 30px; }

.web-server-build dt { height: 22px; line-height: 22px; font-size: 20px; font-weight: 600; }

.web-server-build dd { margin-top: 12px; line-height: 20px; }

.web-server-build .btn { width: 100%; padding: 0; margin-top: 40px; text-align: center; }

.web-server-build .btn:hover { color: #258aff; background-color: #ffffff; }

.zt-op-choose { box-sizing: border-box; height: 750px; padding-top: 60px; margin-top: 60px; background: url("https://img-i.gcimg.net/2020/0415/xozb2r7nrj5rephh010816.jpg") no-repeat center center; }

.zt-op-choose .m-box { margin-top: 80px; }

.zt-op-choose .m-box ul { margin-right: -21px; }

.zt-op-choose .m-box li { box-sizing: border-box; width: 387px; height: 180px; padding: 30px 20px 0; margin: 0 20px 20px 0; background-color: #ffffff; float: left; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1); }

.zt-op-choose .m-box h5 { height: 30px; line-height: 30px; padding-left: 44px; margin-right: -20px; color: #258aff; font-size: 18px; position: relative; }

.zt-op-choose .m-box h5 i { display: block; height: 30px; width: 30px; line-height: 30px; background-color: #258aff; text-align: center; border-radius: 50%; font-size: 16px; color: #ffffff; position: absolute; left: 0; top: 0; }

.zt-op-choose .m-box p { margin-top: 12px; line-height: 22px; color: #686F88; }

.zt-op-choose .btn { height: 44px; line-height: 44px; }

.zt-team-banner {
  box-sizing: border-box;
  padding-top: 83px;
  height: 640px;
  background: url('//img-i.gcimg.net/2020/0616/cxxdkgl23x336wmt021745.jpg') no-repeat center center;
}
                        
.zt-team-banner-img {
  display: block;
  width: 756px;
  height: 384px;
  margin-bottom: 36px;
}
                        
.zt-team-banner .btn { height: 50px; line-height: 50px; }

.zt-member-banner { box-sizing: border-box; padding-top: 416px; height: 640px; background: url("https://img-i.gcimg.net/2020/0415/bm9nrnhxxcnpmgvs010810.jpg") no-repeat center center; }

.zt-member-banner .btn { height: 50px; line-height: 50px; }

.zt-3d-banner { width: 100%; height: 1286px; background-color: #2A3457; }

.zt-3d-banner .zt-3d-banner-top { box-sizing: border-box; height: 761px; padding-top: 106px; text-align: center; color: #ffffff; background: url("https://img-i.gcimg.net/2020/0416/z0qrzo0kxhfsgp0n004557.jpg") no-repeat center center; }

.zt-3d-banner .zt-3d-banner-top h5 { height: 60px; line-height: 60px; font-size: 60px; font-weight: 800; }

.zt-3d-banner .zt-3d-banner-top p { height: 24px; margin-top: 30px; line-height: 24px; font-size: 24px; }

.zt-3d-banner .zt-3d-banner-top div { margin-top: 40px; text-align: center; font-size: 0; }

.zt-3d-banner .zt-3d-banner-top div .btn { height: 50px; margin: 0 8px; line-height: 50px; }

.zt-3d-banner .zt-3d-banner-top div .btn .iconfont { margin-right: 16px; }

.zt-3d-banner .zt-3d-banner-bottom { box-sizing: border-box; height: 525px; padding-top: 32px; background: url("https://img-i.gcimg.net/2020/0415/xwfil0tzaqv6sl7p010810.jpg") no-repeat center center; }

.zt-3d-banner .zt-3d-video-wrap { width: 720px; height: 405px; border: 8px solid rgba(255, 255, 255, 0.2); float: left; }

.zt-3d-banner .zt-3d-video-wrap .zt-3d-video { width: 100%; height: 100%; }

.zt-3d-banner .zt-3d-video-intro { padding: 28px 0 0 52px; float: left; }

.zt-3d-banner .zt-3d-video-intro dl { margin-bottom: 40px; }

.zt-3d-banner .zt-3d-video-intro dt { height: 33px; line-height: 33px; font-size: 24px; color: #E87B2B; }

.zt-3d-banner .zt-3d-video-intro dd { margin-top: 10px; line-height: 20px; color: #ffffff; }

.zt-3d-banner .zt-3d-video-intro .btn { margin-top: 26px; }

.core-server-play-info p {
  position: relative;
}
.core-server-play-info p span {
  display: none;
  width: 80px;
  height: 80px;
  position: absolute;
  right: 0;
  top: 40px;
} 
.core-server-play-info p span img { display: block; width: 100%; height: 100%;}
                                     .zt-3d-video .vcp-bigplay {width: 100%; height: 100%;}