@charset "UTF-8";
/* 主题色*/
/* 
背景色
由深到浅排序
*/
/*
文本颜色
由深到浅排序
*/
html, body { background-color: #F7F9FA; }

.case-list-banner { box-sizing: border-box; height: 240px; padding-top: 92px; text-align: center; background: url("https://img-i.gcimg.net/2020/0407/t05ocrc8blawi6vc054635.png") no-repeat center center; }

.case-list-banner p { height: 56px; line-height: 56px; text-align: center; font-size: 40px; color: #ffffff; }

.list-search-model { box-sizing: border-box; padding: 0 20px; background-color: #ffffff; border: 1px solid #E8EDF2; }

.list-search-item { box-sizing: border-box; padding-left: 140px; position: relative; }

.list-search-label { width: 140px; height: 68px; line-height: 68px; color: #686F88; position: absolute; top: 0; left: 0; }

.list-search-con { padding: 16px 0; line-height: 36px; border-bottom: 1px solid #E8EDF2; position: relative; }

.list-search-con a { display: block; float: left; margin-right: 40px; color: #686F88; }

.list-search-con a.active, .list-search-con a:hover { color: #E87B2A; }

.f-search-slide { height: 36px; overflow: hidden; }

.f-list-serach-btn { height: 18px; line-height: 18px; padding-right: 24px; color: #9FA3B3; position: absolute; top: 25px; right: 10px; cursor: pointer; }

.f-list-serach-btn i { display: block; width: 16px; height: 16px; transform: rotate(0deg); transition: transform 0.3s linear; position: absolute; top: 1px; right: 0; }

.f-list-serach-btn.up i { transform: rotate(180deg); }

.page-list-container { width: 1200px; margin: 22px auto 0; }

.page-list-main { width: 890px; float: left; }

.page-list-side { width: 290px; float: right; }

.list-search-show { height: 32px; }

.list-search-show dt { margin-right: 8px; line-height: 32px; font-size: 13px; color: #686F88; float: left; }

.list-search-show dd { box-sizing: border-box; height: 24px; padding: 0 7px; margin: 4px 8px 0 0; color: #E87B2A; line-height: 22px; float: left; border: 1px solid rgba(232, 123, 43, 0.3); font-size: 12px; }

.list-search-show form { box-sizing: border-box; width: 290px; height: 32px; border: 1px solid #E8EDF2; position: relative; float: right; }

.list-search-show form .plan-search-input { box-sizing: border-box; width: 100%; height: 30px; line-height: 20px; padding: 5px 50px 5px 20px; line-height: 30px; outline: none; border: none; font-size: 13px; }

.list-search-show form .plan-search-sub { width: 16px; height: 16px; line-height: 16px; border: none; outline: none; position: absolute; top: 7px; right: 8px; cursor: pointer; background: none;}

.plan-list-show, .server-list-show { margin-top: 20px; }

.plan-list-show li, .server-list-show li { box-sizing: border-box; width: 100%; min-height: 200px; margin-bottom: 20px; padding: 20px 20px 0 357px; position: relative; border: 1px solid #E8EDF2; background-color: #ffffff; }

.plan-list-show li:hover, .server-list-show li:hover { box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1); }

.plan-list-show li:last-child, .server-list-show li:last-child { margin-bottom: 0; }

.plan-list-show li img, .server-list-show li img { width: 313px; height: 156px; position: absolute; top: 20px; left: 20px; }

.plan-list-show li h5, .server-list-show li h5 { width: 100%; height: 25px; font-size: 18px; line-height: 25px; color: #293140; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.plan-list-show li p, .server-list-show li p { width: 100%; height: 60px; margin-top: 20px; line-height: 20px; color: #9FA3B3; }

.plan-list-show li span.f-info-mobile-show, .server-list-show li span.f-info-mobile-show { display: block; width: 20px; height: 20px; background: url("https://img-i.gcimg.net/2020/0416/49xu8nzfx0e024t6035540.png") no-repeat center center; background-size: 100% 100%; position: absolute; top: 0; right: 0; }

.plan-list-show li a.plan-info-check { display: block; height: 20px; margin-top: 35px; line-height: 20px; color: #E87B2A; }

.server-list-show li h5 i { display: inline-block; width: 21px; height: 13px; margin-left: 5px; background-color: #000; }

.server-list-show li p { height: 20px; margin-top: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.server-list-show li dl { margin-top: 20px; }

.server-list-show li dt { padding-left: 14px; font-size: 13px; line-height: 22px; color: #686F88; position: relative; }

.server-list-show li dt::before { content: ''; display: block; width: 5px; height: 5px; border: 1px solid #E87B2A; border-radius: 50%; position: absolute; top: 8px; left: 0; }

.server-list-show li .server-list-link-wrap { position: absolute; bottom: 20px; right: 20px; }

.server-list-show li .server-list-link-wrap .btn { height: 32px; margin-left: 12px; line-height: 30px; padding: 0 16px; }

.server-list-show li .server-list-link-wrap .btn .iconfont { margin-right: 8px; color: #E87B2A; }

.plan-get-form-mini { box-sizing: border-box; width: 100%; padding: 168px 20px 30px; background: #E8EDF2 url("//static.westarcloud.com/5f72d8d950812300341902a7/images/bg-dzfn.png") no-repeat center top; }

.plan-get-form-mini h5 { height: 20px; margin-bottom: 16px; line-height: 20px; }

.plan-get-form-mini h5 span { color: #E87B2B; }

.plan-get-form-mini .msg-box { line-height: 15px; position: absolute; top: 41px; left: 0; font-size: 12px; transform: scale(0.8); color: #F24949; }

.plan-get-form-mini .n-err { border-color: #F24949 !important; }

.plan-get-form-mini .get-plan-form-phone { height: 20px; margin-top: 16px; line-height: 20px; }

.plan-get-form-mini .get-plan-form-phone span { color: #E87B2B; }

.plan-get-form-mini .get-plan-form-item { margin-bottom: 15px; position: relative; }

.plan-get-form-mini .get-plan-form-item i.u-item-icon { display: block; width: 16px; height: 16px; line-height: 16px; text-align: center; position: absolute; top: 12px; left: 12px; color: #686F88; }

.plan-get-form-mini .get-plan-form-item .m-select-imit { width: 100%; }

.plan-get-form-mini .get-plan-form-item .m-select-panel { padding-left: 44px; }

.plan-get-form-mini .get-plan-form-item .m-select-panel span { color: #686F88; }

.plan-get-form-mini .u-input, .plan-get-form-mini .u-textarea { padding: 10px 10px 10px 44px; color: #2A3457; }

.plan-get-form-mini .u-input, .plan-get-form-mini .u-select, .plan-get-form-mini .u-textarea { width: 100%; border-color: #ffffff; }

.plan-get-form-mini .u-input::-webkit-input-placeholder, .plan-get-form-mini .u-select::-webkit-input-placeholder, .plan-get-form-mini .u-textarea::-webkit-input-placeholder { color: #686F88; }

.plan-get-form-mini .u-input::placeholder, .plan-get-form-mini .u-input::-webkit-input-placeholder, .plan-get-form-mini .u-input::-moz-placeholder, .plan-get-form-mini .u-input:-ms-input-placeholder, .plan-get-form-mini .u-select::placeholder, .plan-get-form-mini .u-select::-webkit-input-placeholder, .plan-get-form-mini .u-select::-moz-placeholder, .plan-get-form-mini .u-select:-ms-input-placeholder, .plan-get-form-mini .u-textarea::placeholder, .plan-get-form-mini .u-textarea::-webkit-input-placeholder, .plan-get-form-mini .u-textarea::-moz-placeholder, .plan-get-form-mini .u-textarea:-ms-input-placeholder { color: #686F88; }

.plan-get-form-mini .btn { display: block; width: 100%; padding: 0; margin-top: 8px; border: none; outline: none; }

.plan-recommend-model { box-sizing: border-box; margin-top: 20px; padding: 20px; background-color: #ffffff; border: 1px solid #E8EDF2; }

.plan-recommend-model .btn { width: 100%; padding: 0; margin-top: 26px; text-align: center; }

.plan-recommend-head { height: 25px; padding: 0 0 20px 40px; margin: 0 -20px; line-height: 25px; font-size: 18px; border-bottom: 1px solid #E8EDF2; position: relative; }

.plan-recommend-head::before { content: ''; display: block; width: 4px; height: 16px; background-color: #E87B2B; position: absolute; top: 4px; left: 20px; }

.plan-recommend-list { margin-top: 24px; }

.plan-recommend-list a { display: block; width: 100%; height: 38px; margin-bottom: 16px; line-height: 38px; color: #2A3457; }

.plan-recommend-list a span { display: block; margin-right: 20px; font-size: 32px; color: #CFD9E6; font-weight: bold; float: left; }

.plan-recommend-list a em { display: inline-block; width: 185px; line-height: 20px; vertical-align: middle; overflow: hidden; }

.plan-recommend-list a.active, .plan-recommend-list a:hover { color: #E87B2A; }

.plan-recommend-list a.active span, .plan-recommend-list a:hover span { color: #E87B2A; }

.plan-our-service { box-sizing: border-box; margin-top: 20px; padding: 20px; background-color: #ffffff; border: 1px solid #E8EDF2; }

.plan-our-service dl { margin-top: 25px; line-height: 25px; }

.plan-our-service dt { margin-bottom: 22px; }

.plan-our-service dd { margin-bottom: 5px; }

.plan-our-service dt, .plan-our-service dd { padding-left: 35px; font-size: 16px; position: relative; }

.plan-our-service dt i, .plan-our-service dd i { width: 20px; height: 20px; line-height: 20px; text-align: center; position: absolute; left: 0; top: 2px; font-size: 20px; color: #E87B2A; }

.plan-our-service dt span, .plan-our-service dd span { color: #686F88; font-size: 14px; }

.plan-our-service-head { overflow: hidden; box-sizing: border-box; height: 104px; line-height: 104px; background-color: #EA5B26; background-size: 100% 100%; }

.plan-our-service-logo {display: block; width: 110px; height: 30px; margin: 20px auto 0;}

.plan-our-service-head .plan-our-service-qrcode { display: block; width: 114px; height: 24px; margin: 0 auto; }

.plan-our-service-head p { 
  	display: inline-block;
    vertical-align: middle;
    line-height: 30px;
    font-size: 22px;
    color: #ffffff;
    text-align: center;
    padding: 0 20px;
    width: 100%;
    box-sizing: border-box;
}

.plan-our-service-wx { position: relative; width: 100%; margin-top: 20px; padding: 24px 0; background-color: #F1F4F7; }

.plan-our-service-wx img { display: block; width: 121px; height: 121px; margin: 0 auto; }

.plan-our-service-wx p { height: 22px; margin-top: 16px; line-height: 22px; text-align: center; color: #686F88; }

.team-list-show { margin-right: -21px; }

.team-list-show li { box-sizing: border-box; width: 285px; margin: 0 20px 20px 0; background-color: #ffffff; border: 1px solid #E8EDF2; float: left; position: relative; }

.team-list-show li:hover { box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1); }

.team-list-show li img { display: block; width: 100%; height: 285px; }

.team-list-show li dl { padding: 20px; }

.team-list-show li dd { margin-top: 20px; text-align: center; }

.team-list-show li dd .btn { padding: 0 30px; }

.team-list-show li h5 { height: 25px; margin-bottom: 17px; line-height: 25px; font-size: 18px; color: #262626; }

.team-list-show li p { height: 28px; width: 100%; line-height: 28px; overflow: hidden; text-overflow: ellipsis;
    white-space: nowrap; color: #686F88; }

.team-list-show li span { display: block; width: 16px; height: 16px; background: url("https://img-i.gcimg.net/2020/0416/49xu8nzfx0e024t6035540.png") no-repeat center center; background-size: 100% 100%; box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2); position: absolute; top: 0; right: 0; }

.server-intro { box-sizing: border-box; width: 1200px; margin: 0 auto; background-color: rgba(255, 255, 255, 0.9); border: 1px solid #E8EDF2; position: relative; }

.f-qrcode-scan { display: block; width: 134px; height: 62px; background: url("https://img-i.gcimg.net/2020/0405/36f6rxz03ptirp1d123514.png") no-repeat center center; background-size: 100% 100%; position: absolute; top: 0; right: 0; }

.server-intro-feature { width: 100%; height: 64px; line-height: 64px; background-color: #FDF4ED; }

.server-intro-feature li { box-sizing: border-box; width: 25%; padding-left: 112px; position: relative; float: left; }

.server-intro-feature li span { display: block; width: 20px; height: 20px; line-height: 20px; text-align: center; position: absolute; top: 22px; left: 76px; }

.server-intro-feature li img { max-width: 20px; max-height: 20px; vertical-align: middle; }

.server-intro-container { padding: 40px 40px 60px; }

.server-intro-main { width: 740px; float: right; }

.server-intro-main h5 { height: 40px; line-height: 40px; font-size: 28px; overflow: hidden; text-overflow: ellipsis;
	   white-space: nowrap;}

.server-intro-main .server-type-wrap { margin-top: 16px; }

.server-intro-main .server-type-wrap .tag-btn { height: 25px; line-height: 25px; padding: 0 6px; margin-right: 10px; cursor: default; }

.server-intro-txt { width: 100%; height: 44px; margin-top: 24px; line-height: 22px; color: #686F88; overflow: hidden; }

.server-version-choose { height: 32px; line-height: 32px; margin-top: 24px; }

.server-version-choose em { display: block; width: 94px; color: #686F88; float: left; }

.server-version-choose a { display: block; box-sizing: border-box; height: 32px; line-height: 32px; padding: 0 20px; margin-right: 8px; border: 1px solid #CFD9E6; font-size: 13px; color: #686F88; float: left; position: relative; }

.server-version-choose a i { display: none; width: 16px; height: 16px; line-height: 16px; color: #E87B2B; position: absolute; bottom: 0; right: 0; }

.server-version-choose a.active { border-color: #E87B2B; color: #E87B2B; }

.server-version-choose a.active i { display: block; }

.server-version-choose a:hover { border-color: #E87B2B; color: #E87B2B; }

.server-intro-info {margin-top: 30px; padding: 18px 0; border-bottom: 1px solid #E0E6ED; color: #686F88; line-height: 27px; }

.server-intro-info span { display: inline-block; width: 130px; }

.server-ask-wrap { height: 44px; line-height: 44px; margin-top: 40px; }

.server-ask-wrap .btn { height: 44px; line-height: 44px; float: left; }

.server-ask-wrap div { margin-left: 40px; float: left; }

.server-ask-wrap div img { display: block; width: 20px; height: 20px; float: left; margin-top: 12px; }

.server-ask-wrap div i { float: left; }

.server-ask-wrap div span { display: block; margin-left: 8px; float: left; }

.server-ask-wrap div em { display: block; float: left; margin-left: 6px; font-size: 16px; color: #E87B2B; font-weight: 600; }

.server-ask-wrap div p { width: 14px; height: 14px; line-height: 14px; text-align: center; margin: 15px 0 0 4px; float: left; }

.detail-page-slide { width: 290px; float: right; }

.server-type-ask { box-sizing: border-box; padding: 20px; background-color: #ffffff; border: 1px solid #E8EDF2; }

.server-type-ask img { display: block; width: 100%; height: 128px; }

.server-type-ask p { width: 100%; max-height: 44px; margin-top: 18px; line-height: 22px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.server-type-ask p span { margin-left: 8px; color: rgba(104, 111, 136, 0.8); }

.server-type-ask .btn { display: block; height: 44px; line-height: 44px; margin-top: 16px; padding: 0; text-align: center; }

.detail-page-main { width: 890px; float: left; }

.detail-page-main .plan-get-form { width: 100%; margin: 20px auto 0; }

.detail-page-main .plan-get-form .pro-box-title { margin: 0 -40px 30px -40px; padding-left: 24px; border-bottom: 1px solid #E0E6ED; }

.detail-page-content { box-sizing: border-box; width: 100%; padding: 40px 20px; background-color: #ffffff; border: 1px solid #E8EDF2; }

.detail-page-content .pro-box-title { border-bottom: none; }

.detail-page-content .detail-model-info { min-height: 100px; }

.detail-page-content .detail-model-info img { max-width: 848px; }
.detail-page-content .detail-model-info .z-big-img-zoom img { width: 848px; height: 212px; font-size: 0; }

.detail-model-info-title { height: 40px; padding: 0 0 10px 77px; line-height: 40px; border-bottom: 1px solid #E87B2B; color: #2A3457; font-size: 28px; font-weight: 600; position: relative; }

.detail-model-info-title::before { content: ''; display: block; width: 60px; height: 24px; background: url("https://img-i.gcimg.net/2020/0415/un5d33ns6sqyezxo005329.png") no-repeat center center; background-size: 100% 100%; position: absolute; left: 0; top: 10px; }

.detail-info-head { box-sizing: border-box; width: 100%; height: 174px; padding-top: 40px; position: relative; }

.detail-info-head img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.detail-info-head dl { text-align: center; color: #ffffff; position: relative; z-index: 1; }

.detail-info-head dt { height: 50px; line-height: 50px; font-size: 36px; font-weight: 600; }

.detail-info-head dt span { color: #E87B2B; }

.detail-info-head dd { height: 22px; margin-top: 22px; line-height: 22px; font-size: 16px; }

.m-detail-serve-trait { padding: 40px 0 24px 38px; }

.m-detail-serve-trait dl { width: 365px; margin: 0 40px 16px 0; line-height: 25px; float: left; }

.m-detail-serve-trait dt { color: #E87B2B; font-weight: 600; font-size: 18px; }

.m-detail-serve-trait dd { height: 75px; margin-top: 16px; font-size: 16px; overflow: hidden; }

.server-detail-version { width: 100%; border: 1px solid #E8EDF2; border-bottom: none; }

.server-detail-version tr { border-bottom: 1px solid #E8EDF2; color: #686F88; }

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

.server-detail-version th, .server-detail-version td { padding: 10px 0; line-height: 22px; }

.server-detail-version th { width: 74px; text-align: center; }

.detail-server-process { box-sizing: border-box; width: 100%; height: 240px; padding-top: 60px; background: url("https://img-i.gcimg.net/2020/0415/xozb2r7nrj5rephh010816.jpg") no-repeat center center; background-size: 100% 100%; text-align: center; font-size: 0; }

.detail-server-process p { display: inline-block; width: 120px; height: 120px; line-height: 120px; text-align: center; border-radius: 50%; background-color: #E87B2B; font-size: 18px; color: #ffffff; vertical-align: middle; }

.detail-server-process span { display: inline-block; width: 35px; height: 120px; margin: 0 7px; background: url("https://img-i.gcimg.net/2020/0415/cstbf82msu08kyk3020610.png") no-repeat 0 49px; background-size: 35px 24px; vertical-align: middle; }

.detail-server-team { width: 100%; height: 208px; background: url("https://img-i.gcimg.net/2020/0417/weagmd9attgeyh8c011841.png") no-repeat center center; background-size: 100% 100%; }

.detail-server-team dl { box-sizing: border-box; height: 100%; width: 20%; padding: 64px 24px 0; float: left; }

.detail-server-team dl.odd { background-color: #2A3457; }

.detail-server-team dt { height: 25px; line-height: 25px; font-size: 18px; color: #E87B2B; font-weight: 600; }

.detail-server-team dd { margin-top: 12px; line-height: 20px; color: #ffffff; }

.detail-server-team.col-4 dl { width: 25%; }

.detail-server-power { padding: 40px 40px 20px; background-color: #F7F9FA; }

.detail-server-power li { padding-left: 100px; margin-bottom: 40px; position: relative; line-height: 33px; }

.detail-server-power li span { display: block; height: 47px; line-height: 47px; color: #E87B2B; font-weight: 600; font-size: 48px; position: absolute; top: 0; left: 0; }

.detail-server-power li h5 { font-weight: 600; font-size: 24px; color: #E87B2B; }

.detail-server-power li p { margin-top: 10px; font-size: 16px; color: #686F88; }

.detail-server-version-vs { width: 100%; }

.detail-server-version-vs tbody { border-left: 1px solid #E8EDF2; }

.detail-server-version-vs tbody tr:nth-child(2n) { background-color: #F7F9FA; }

.detail-server-version-vs th { padding: 14px 24px; line-height: 20px; font-weight: 600; color: #ffffff; text-align: center; background-color: #2A3457; }

.detail-server-version-vs td { padding: 12px 24px; line-height: 20px; color: #686F88; text-align: center; border-right: 1px solid #E8EDF2; border-bottom: 1px solid #E8EDF2; }

.detail-server-version-link { margin-top: 20px; height: 44px; line-height: 44px; }

.detail-case-promote-intro { padding: 24px 20px 0; line-height: 25px; color: #686F88; }

.detail-case-promote-intro dl { margin-bottom: 20px; }

.detail-case-promote-intro dl dt { font-size: 18px; color: #E87B2B; font-weight: 600; }

.detail-case-promote-intro dl dd { margin-top: 16px; font-size: 16px; }

.detail-case-assess { padding: 24px 20px 0; color: #686F88; line-height: 24px; }

.m-detail-tab-wrap { height: 65px; overflow: hidden; }

.m-detail-flex-tab { width: 100%; height: 65px; background-color: #ffffff; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1); position: relative; top: 0; left: 0; z-index: 999; transition: all 1s linear; }

.m-detail-flex-tab .btn { width: 250px; height: 44px; line-height: 44px; margin: 10px 0 0 40px; }

.m-detail-flex-tab.fixed { position: fixed; }

.m-detail-flex-tab.fixed .m-detail-tab { border-top-color: #ffffff; }

.m-detail-tab { box-sizing: border-box; width: 890px; height: 64px; line-height: 64px; font-size: 16px; float: left; position: relative; background-color: #ffffff; border: 1px solid #E8EDF2; border-bottom: none; }

.m-detail-tab li { box-sizing: border-box; width: 130px; text-align: center; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; float: left; position: relative; cursor: pointer; }

.m-detail-tab li::before { content: ''; display: block; width: 1px; height: 16px; background-color: #E8EDF2; position: absolute; left: -2px; bottom: 24px; }

.m-detail-tab li:first-child::before { display: none; }

.m-detail-tab li.active { color: #E87B2A; border-left-color: #E8EDF2; border-right-color: #E8EDF2; background-color: #ffffff; overflow: hidden; position: relative; }

.m-detail-tab li.active::after { content: ''; display: block; width: 100%; height: 4px; background-color: #E87B2A; position: absolute; top: 0; left: 0; }

.m-detail-tab li.active::before { display: none; }

.m-detail-tab li.active:first-child { border-left-color: #ffffff; }

.server-pro-list, .case-pro-list { box-sizing: border-box; width: 100%; padding: 23px 20px 20px; background-color: #ffffff; border: 1px solid #E8EDF2; }

.server-pro-list .pro-box-title, .case-pro-list .pro-box-title { padding: 0 20px 24px 20px; margin: 0 -20px 0 -20px; }

.server-pro-list .pro-box-list li, .case-pro-list .pro-box-list li { height: auto; padding-bottom: 20px; }

.server-pro-list .pro-box-list li dl, .case-pro-list .pro-box-list li dl { width: 230px; margin: 20px 0 0 20px; }

.server-pro-list .pro-box-list li dt, .case-pro-list .pro-box-list li dt { height: 22px; line-height: 22px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.server-pro-list .pro-box-list li { width: 270px; }

/* .server-pro-list .pro-box-list li img { display: block; width: 270px; height: 139px; } */

.server-pro-list .pro-box-list li div { padding: 20px 20px 0; }

.server-pro-list .pro-box-list li div a { padding: 0 26px; }

.case-pro-list a:hover dt { color: #E87B2B; }

.case-pro-list .pro-box-list li { width: 270px; }

.case-pro-list .pro-box-list li img { display: block; width: 270px; height: 160px; }

.case-pro-list .pro-box-list li div { display: block; padding: 12px 0 0 20px; }

.case-pro-list .pro-box-list li div .tag { height: 25px; line-height: 23px; padding: 0 6px; margin-right: 8px; float: left; font-size: 12px; cursor: default; }

.case-pro-list .pro-box-list.mini li img { height: 139px; }

.case-pro-list .pro-box-list.mini li dt { height: 44px; overflow: hidden; text-overflow: clip; white-space: normal; }

.case-detail-intro { box-sizing: border-box; width: 1200px; padding: 40px 40px 33px; margin: 0 auto; background-color: #ffffff; border: 1px solid #E8EDF2; position: relative; }

.case-detail-intro-head { min-height:189px;padding: 0 0 30px 410px; position: relative; border-bottom: 1px solid #E0E6ED; }

.case-detail-intro-head img { display: block; width: 369px; height: 189px; position: absolute; top: 0; left: 0; }

.case-detail-intro-head h5 { width: 100%; height: 40px; line-height: 40px; font-size: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.case-detail-intro-head p { height: 25px; margin-top: 16px; }

.case-detail-intro-head p .tag-btn { height: 25px; line-height: 23px; padding: 0 6px; font-size: 12px; margin-right: 12px; }

.case-detail-intro-head ul { margin-top: 20px; line-height: 27px; color: #686F88; }

.case-detail-intro-head ul span { width: 93px; }

.case-detail-intro-foot { min-height:100px;margin-top: 32px; padding-left: 20px; position: relative; }

.case-detail-intro-foot div { box-sizing: border-box; width: 160px; height: 100px; border: 1px solid #E8EDF2; text-align: center; position: absolute; top: 0; left: 0; }

.case-detail-intro-foot div img { max-width: 100%; max-height: 100%; vertical-align: middle; font-size: 12px; }

.case-detail-intro-foot h5 { width: 100%; height: 25px; margin-top: 4px; padding-top: 4px; line-height: 25px; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.case-detail-intro-foot p { width: 100%; height: 40px; margin-top: 20px; line-height: 20px; color: #9FA3B3; }

.detail-type-tag-wrap { margin-top: 20px; }

.detail-type-tag-wrap .tag-btn { height: 25px; margin-right: 12px; line-height: 23px; font-size: 12px; cursor: default; }

.plan-detail-intro, .team-detail-intro { box-sizing: border-box; width: 1200px; margin: 0 auto; position: relative; background-color: #ffffff; }

.plan-detail-intro img, .team-detail-intro img { position: absolute; top: 40px; left: 40px; }

.plan-detail-intro h5, .team-detail-intro h5 { width: 100%; height: 40px; line-height: 40px; font-size: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.plan-detail-intro .plan-detail-tag-wrap, .team-detail-intro .plan-detail-tag-wrap { margin-top: 16px; }

.plan-detail-intro .plan-detail-tag-wrap .tag-btn, .team-detail-intro .plan-detail-tag-wrap .tag-btn { height: 25px; line-height: 25px; padding: 0 6px; margin-right: 12px; }

.plan-detail-intro .btn, .team-detail-intro .btn { height: 44px; line-height: 44px; }

.plan-detail-intro { min-height: 285px; padding: 40px 40px 40px 480px; }

.plan-detail-intro img { width: 400px; height: 205px; }

.plan-detail-intro .plan-detail-intro-txt { width: 100%; height: 40px; margin-top: 20px; line-height: 20px; color: #9FA3B3; }

.plan-detail-intro .btn { margin-top: 20px; }

.team-detail-intro { min-height: 420px; padding: 40px 40px 40px 420px; }

.team-detail-intro img { width: 338px; height: 338px; }

.team-detail-intro .btn { margin-top: 40px; }

.team-detail-intro ul { padding: 21px 0; line-height: 27px; color: #686F88; border-bottom: 1px solid #E0E6ED; }

.team-detail-intro ul span { width: 93px; }

.team-member-list { padding: 24px 0 40px; margin-right: -20px; }

.team-member-list a { display: block; box-sizing: border-box; width: 270px; margin-right: 19px; float: left; border: 1px solid #E8EDF2; position: relative; }

.team-member-list a:hover span { background-color: #E87B2A; color: #ffffff; }

.team-member-list img { display: block; width: 268px; height: 268px; }

.team-member-list dl { padding: 20px; }

.team-member-list dt { height: 25px; line-height: 25px; font-size: 18px; color: #262626; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.team-member-list dd { height: 20px; margin-top: 7px; line-height: 20px; color: #686F88; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.team-member-list span { display: block; box-sizing: border-box; width: 40px; height: 40px; line-height: 38px; text-align: center; color: #E87B2A; border: 1px solid rgba(159, 163, 179, 0.2); background-color: #ffffff; position: absolute; bottom: 25px; right: 20px; }


.pro-box-list-float-wrap .pro-box-list { display: none; margin-left: -22px; justify-content: flex-start; }

.pro-box-list-float-wrap .pro-box-list li { margin-left: 20px; float: left; }

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

.pro-box-list-float-wrap .pro-box-list { display: block; }
                        
.f-detail-wx-qrcode-scan{position: relative;}     
                      
.u-detail-wx-qrcode {
  display: none;
  float: initial;
  margin: 0;
  width: 120px;
  position: absolute;
  padding: 20px;
  background-color: #fff;
  top: 40px;
  right: 0;
  z-index: 1;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
}                       
                      
.u-detail-wx-qrcode img {
  width: 120px!important;
  height: 120px!important;
}  
                      
.u-detail-wx-qrcode span {
  width: 100%;
  text-align: center;
  margin: 0;
}     

.product-list-item{
  box-sizing: border-box;
  width: 100%;
  min-height: 280px;
  padding: 20px 20px 20px 284px;
  margin-bottom: 20px;
  background: #FFFFFF;
  border: 1px solid #E8EDF2;
  position: relative;
}
.product-list-pic {
  display: table-cell;
  width: 240px;
  height: 240px;
  background-color: #f1f4f7;
  // line-height: 240px;
  text-align: center;
  position: absolute;
  top: 20px;
  left: 20px;
  vertical-align: middle;
}
.product-list-pic img {
  max-width: 240px;
  max-height: 240px;
  _width: 240px;
  _height: 240px;
  vertical-align: middle;
}

.product-list-title {
  display: block;
  width: 100%;
  height: 25px;
  font-size: 18px;
  color: #293140;
  line-height: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.product-list-intro {
  width: 100%;
  height: 66px;
  margin-top: 16px;
  line-height: 22px;
  color: #9FA3B3;
  overflow: hidden;
}
.product-list-item dl {
  margin-top: 18px;
}
.product-list-item dt {
  padding-left: 14px;
  font-size: 13px;
  line-height: 22px;
  color: #686F88;
  position: relative;
}
.product-list-item dt::before {
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  border: 1px solid #E87B2A;
  border-radius: 50%;
  position: absolute;
  top: 8px;
  left: 0;
}
.product-list-link-wrap {
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.product-list-link-wrap .btn {
  height: 32px;
  margin-left: 12px;
  line-height: 30px;
  padding: 0 16px;
}
.product-list-link-wrap .btn .iconfont {
  margin-right: 8px;
  color: #E87B2A;
}

.mod-square-pic {
  display: block;
  width: 268px;
  height: 268px;
  line-height: 268px;
  text-align: center;
  background-color: #F1F4F7;
}
.mod-square-pic img {
  max-width: 268px;
  max-height: 268px;
  _width: 268px;
  _height: 268px;
  vertical-align: middle;
}

.rectangle-list-item {
  padding: 20px 20px 20px 356px;
  box-sizing: border-box;
  width: 100%;
  min-height: 200px;
  margin-bottom: 20px;
  background: #FFFFFF;
  border: 1px solid #E8EDF2;
  position: relative;
}
.rectangle-list-pic {
  display: block;
  width: 310px;
  height: 160px;
  // line-height: 160px;
  // background-color: #f1f4f7;
  position: absolute;
  top: 20px;
  left: 20px;
}
.rectangle-list-pic img {
  max-width: 310px;
  max-height: 160px;
  // _width: 310px;
  // _height: 160px;
  // vertical-align: middle;
}

.rectangle-list-title {
  display: block;
  width: 100%;
  height: 25px;
  font-size: 18px;
  color: #293140;
  line-height: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rectangle-list-intro {
  width: 100%;
  height: 40px;
  margin-top: 20px;
  line-height: 20px;
  color: #9FA3B3;
  overflow: hidden;
}


@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: #E87B2A; }

.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: #E87B2A; 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: #E87B2A; border-color: #E87B2A; 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: #E87B2A; 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: #E87B2A; }

.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: #E87B2A; }

.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: #E87B2A; 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: #E87B2A; }

.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: #E87B2A; }

/***** 外贸开拓 ****/
.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: #E87B2A; 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: #E87B2A; }

.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: #E87B2A; 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: #E87B2A; 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: #E87B2A; }

.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: #E87B2A; }

.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: #E87B2A; 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("/wp-content/uploads/2025/10/du73ek25lvf9odwc021936.webp") 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: #E87B2A; 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; }

.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: #E87B2A; }

.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("//static.westarcloud.com/5f72d8d950812300341902a7/images/fa-banner.jpg") 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: #E87B2A; 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: #E87B2A; }

.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: #E87B2A; }

.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: #E87B2A; }

.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: #E87B2A; 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: #E87B2A; 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: #E87B2A; font-size: 18px; position: relative; }

.zt-op-choose .m-box h5 i { display: block; height: 30px; width: 30px; line-height: 30px; background-color: #E87B2A; 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%;}



 .m-recommend-pic-small {
  display: block;
  width: 268px;
  height: 138px;
  // text-align: center;
  // line-height: 138px;
  // background-color: #F1F4F7;
 }        
 .m-recommend-pic-small img {
  max-width: 268px;
  max-height: 138px;
  //_width: 100%;
  // _height: 100%;
  // vertical-align: middle;
}  
.m-recommend-title-big {
  display: block;
  height: 44px;
  margin: 20px 20px 0;
  color: #293140;
  font-size: 16px;
  line-height: 22px;
  overflow: hidden;
}       
       


.case-poly-banner {
  box-sizing: border-box;
  width: 100%;
  height: 300px;
  padding-top: 100px;
  background: url('//static.westarcloud.com/5f72d8d950812300341902a7/images/ban-2.png') no-repeat center center;
  text-align: center;
  color: #fff;
}

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

.case-poly-banner dd {
  line-height: 25px;
  font-size: 18px;
  margin-top: 20px;
  letter-spacing: 5px;
}

.case-company-show {
  padding: 80px 0;
}
.case-company-show p{
  line-height: 45px;
  color: #2A3457;
  font-size: 32px;
  text-align: center;
}
.case-company-show ul {
  width: 1200px;
  margin: 60px auto 0;
  background-color: #ffffff;
  overflow: hidden;
}

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

.case-company-show ul li::before {
  content: '';
  display: block;
  width: 1px;
  height: 100px;
  background-color: #E8EDF2;
  position: absolute;
  top: 0;
  right: -1px;
}
.case-company-show ul li::after {
  content: '';
  display: block;
  width: 200px;
  height: 1px;
  background-color: #E8EDF2;
  position: absolute;
  bottom: -1px;
  left: 0;
}
.case-company-show ul img { vertical-align: middle; max-width: 100%; max-height: 100%; }


.web-build-case-main {
	width: 1200px;
	height: 363px;
	margin: 50px auto 0;
	position: relative;
}
.web-build-case-main .swiper-container {
	width: 100%;
	height: 100%;
	box-shadow:0px 0px 6px 0px rgba(0,0,0,0.2);
}
.web-build-case-main .swiper-slide {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 20px;
	background-color: #fff;
}
.web-build-case-main .swiper-slide .u-case-img {
	display: block;
	width: 774px;
	height: 323px;
	float: right;
}
.web-build-case-main .swiper-slide div {
	width: 346px;
	margin: 10px 0 0 10px;
	float: left;
}
.web-build-case-main .swiper-slide div span {
	display: block;
	width: 160px;
	height: 80px;
	line-height: 80px;
	margin: 0 auto;
	text-align: center;
	font-size: 0;
}
.web-build-case-main .swiper-slide div span img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}
.web-build-case-main .swiper-slide div p {
	margin-top: 20px;
	color: #686F88;
	line-height: 22px;
}
.web-build-case-main .swiper-slide div a {
	display: block;
	width: 200px;
	text-align: center;
	margin: 53px auto 0;
}
.web-build-case-main .u-btn-next {
	right: -32px;
}
.web-build-case-main .u-btn-prev {
	left: -32px;
}

.link-more-txt {
	display: block;
	width: 200px;
	height: 20px;
	margin: 40px auto 0;
	line-height: 20px;
	color: #E87B2A;
	text-align: center;
}

.web-build-case-main {
	width: 1200px;
	height: 363px;
	margin: 50px auto 0;
	position: relative;
}
.web-build-case-main .swiper-container {
	width: 100%;
	height: 100%;
	box-shadow:0px 0px 6px 0px rgba(0,0,0,0.2);
}
.web-build-case-main .swiper-slide {
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 20px;
	background-color: #fff;
}
.web-build-case-main .swiper-slide .u-case-img {
	display: block;
	width: 774px;
	height: 323px;
	float: right;
}
.web-build-case-main .swiper-slide div {
	width: 346px;
	margin: 10px 0 0 10px;
	float: left;
}
.web-build-case-main .swiper-slide div span {
	display: block;
	width: 160px;
	height: 80px;
	line-height: 80px;
	margin: 0 auto;
	text-align: center;
	font-size: 0;
}
.web-build-case-main .swiper-slide div span img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}
.web-build-case-main .swiper-slide div p {
	margin-top: 20px;
	color: #686F88;
	line-height: 22px;
  height: 64px;
    overflow: hidden;
}
.web-build-case-main .swiper-slide div a {
	display: block;
	width: 200px;
	text-align: center;
	margin: 53px auto 0;
}
.web-build-case-main .u-btn-next {
	right: -32px;
}
.web-build-case-main .u-btn-prev {
	left: -32px;
}

.best-recommend-title {
	box-sizing: border-box;
	width: 100%;
	height: 160px;
	padding-bottom: 20px;
	line-height: 160px;
	text-align: center;
	color: #FFFFFF;
	font-size: 24px;
	position: relative;
	background: url('//img-i.westarcloud.com/2020/0813/n4q99fvc374331e8020851.jpg') no-repeat center top;
}

.web-build-recommend-3d {
	margin-top: 46px;
	padding-bottom: 50px;
}
.web-build-recommend-foot {
	margin-top: 50px;
	text-align: center;
}
.web-build-recommend-foot a {
	margin: 0 8px;
	color: #E87B2A;
}
.web-build-recommend-foot a i {
	vertical-align: middle;
}

.web-build-recommend-flow {
	padding: 60px 0 40px;
	background: url('//img-i.westarcloud.com/2020/0813/phq68io5gk976jjj020851.jpg') no-repeat center top;
}
.version-btn-wrap {
	text-align: center;
}
.u-btn-prev,
.u-btn-next {
	width: 32px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	background-color: rgba(0, 0, 0, 0.1);
	color: #fff;
	position: absolute;
	top: 149px;
	cursor: pointer;
	outline: none;
}
.u-btn-prev i,
.u-btn-next i {
	font-size: 20px;
}
.u-btn-prev {
	left: -40px;
}
.u-btn-next {
	right: -52px;
}  
                                     

.pro-poly-banner {
  box-sizing: border-box;
  width: 100%;
  height: 300px;
  padding-top: 100px;
  background: url('//static.westarcloud.com/5f72d8d950812300341902a7/images/banner-456.jpg') no-repeat center center;
  text-align: center;
  color: #fff;
}

.pro-poly-banner dt {
  line-height: 56px;
  font-weight: 600;
  font-size: 40px;
}

.pro-poly-banner dd {
  line-height: 25px;
  font-size: 18px;
  margin-top: 20px;
  letter-spacing: 5px;
}

.pro-poly-list {
  margin-top: 24px;
  margin-right: -20px;
}

.pro-poly-list li{
  box-sizing: border-box;
  width: 285px;
  padding-bottom: 24px;
  margin-right: 20px;
  border: 1px solid #E8EDF2;
  float: left;
}

.pro-poly-list .pro-poly-img {
  display: table-cell;
  width: 283px;
  height: 284px;
  text-align: center;
  background-color: #F1F4F7;
  
  vertical-align: middle;
 // position: relative;
 // top: -1px;
 // left: -1px;
}
 .pro-poly-list .pro-poly-img img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}                                    
.pro-poly-list dl {
  padding: 24px 24px 0;
}
.pro-poly-list dt {
  width: 100%;
  height: 25px;
  line-height: 25px;
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #293140;
}

.pro-poly-list dd {
  width: 100%;
  height: 40px;
  margin-top: 12px;
  line-height: 20px;
  color: #9FA3B3;
  overflow: hidden;
}
.pro-poly-list .pro-poly-btn-wrap {
  padding: 24px 24px 0;
}

.pro-poly-list .pro-poly-btn-wrap a {
  width: 112px;
  padding: 0;
  text-align: center;
}

.pro-poly-list-swiper{
    width: 1200px;
    margin: 50px auto 0;
    position: relative;
}
.pro-poly-list-swiper .swiper-container{
  width: 100%;
  height: 100%;
}
.pro-poly-list-swiper .swiper-slide{
  display: block;
  width: 285px;
  background: #FFFFFF;
  border: 1px solid #E8EDF2;

}

.pro-poly-list-swiper .swiper-slide div {
  width: 100%;
  height: 283px;
  border-bottom: 1px solid #E8EDF2;
  line-height: 283px;
  text-align: center;
}

.pro-poly-list-swiper .swiper-slide div img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.pro-poly-list-swiper .swiper-slide p {
  box-sizing: border-box;
  padding: 0 15px;
  height: 92px;
  line-height: 92px;
  text-align: center;
  font-size: 24px;
  color: #2A3457;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}