@charset "UTF-8";
/* 主题色*/
/* 
背景色
由深到浅排序
*/
/*
文本颜色
由深到浅排序
*/
.index-swiper { width: 100%; height: 500px; position: relative; }

.index-swiper .swiper-container { width: 100%; height: 100%; }

.index-swiper .swiper-slide {display: block; overflow: hidden;}



.index-swiper .m-box { box-sizing: border-box; padding: 60px 40px 0; position: relative; z-index: 2; color: #ffffff; }

.index-swiper .m-box h5 { font-size: 40px; line-height: 60px; }

.index-swiper .m-box p { margin-top: 30px; height: 18px; line-height: 18px; color: rgba(255, 255, 255, 0.5); }

.index-swiper .m-box a { display: inline-block; margin-top: 30px; height: 44px; line-height: 42px; padding: 0 35px; }

.index-swiper .swiper-pagination { box-sizing: border-box; width: 1200px; height: 3px; text-align: center; bottom: 40px; left: 50%; margin-left: -600px; }

.index-swiper .swiper-pagination-bullet { width: 28px; height: 5px; margin-right: 8px; background-color: rgba(255, 255, 255); border-radius: 0; outline: none;}

.index-swiper .swiper-pagination-bullet-active { background-color: #007aff; }

.m-web-process { width: 1200px; height: 130px; background: #ffffff; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1); position: absolute; bottom: -65px; left: 50%; margin-left: -600px; z-index: 2; }

.m-web-process a { display: block; box-sizing: border-box; width: 33.33%; padding: 33px 0 33px 40px; float: left; }

.m-web-process a:hover dt { color: #258aff; }

.m-web-process img { display: block; width: 64px; height: 64px; float: left; }

.m-web-process dl { margin: 5px 0 0 20px; float: left; }

.m-web-process dt { height: 25px; line-height: 25px; font-size: 18px; font-weight: 600; color: #2A3457; }

.m-web-process dd { height: 20px; margin-top: 10px; line-height: 20px; color: #9FA3B3; }

.m-contact { padding: 80px 0; background-color: #F1F4F7; }

.m-contact .xz-contact li { box-sizing: border-box; width: 393px; height: 420px; padding: 60px 40px 0; background-color: #ffffff; border: 1px solid #E8EDF2; }

.m-contact .xz-contact li::after { display: none; }

.m-contact .xz-contact h5 { margin-top: 40px; }

.m-contact .xz-contact .btn { margin-top: 30px; }

.m-contact .xz-contact p { margin-top: 24px; }

.m-contact .xz-contact span { margin-top: 24px; }

.xz-links { padding: 40px 0; background-color: #F1F4F7; line-height: 21px; font-size: 0; }

.xz-links p { height: 21px; margin-right: 21px; font-size: 15px; float: left; color: #2A3457; }

.xz-links a { height: 21px; color: #686F88;  font-size: 14px; word-break: break-all;}

.xz-links a:hover { text-decoration: none; color: #258aff; }

.xz-links span { height: 21px; width: 1px; margin: 0 16px; font-size: 14px; color: #bfbfbf; }

.xz-links span {font-size: 14px; color: #686f88; font-weight: 400; word-break: break-all;}

.index-honor { padding: 80px 0 70px; background: url("https://img-i.westarcloud.com/2020/0325/xoq63kkunvxfhe2y013455.png") no-repeat center center; }

.index-honor .index-honor-head dl { width: 164px; margin: 0 280px 0 40px; float: left; }

.index-honor .index-honor-head dt { line-height: 25px; font-size: 18px; color: #ffffff; }

.index-honor .index-honor-head dd { height: 20px; line-height: 20px; margin-top: 20px; }

.index-honor .index-honor-head .u-tab-more { padding-right: 21px; color: #258aff; float: left; }

.index-honor .index-honor-head .u-tab-more::after { top: 7px; }

.index-honor .index-honor-data { height: 58px; }

.index-honor .index-honor-data p { margin-right: 60px; float: left; zoom: 1; }

.index-honor .index-honor-data p::after { visibility: hidden; display: block; font-size: 0; content: '.'; clear: both; height: 0; }

.index-honor .index-honor-data em { display: block; line-height: 58px; font-size: 48px; float: left; font-style: italic; color: #E87B2B; }

.index-honor .index-honor-data span { display: block; height: 22px; margin: 30px 0 0 16px; line-height: 22px; float: left; font-size: 16px; color: #ffffff; }

.index-honor ul { margin-top: 60px; display: flex; justify-content: space-between; flex-wrap: wrap; }

.index-honor li { box-sizing: border-box; width: 232px; height: 120px; padding: 0 26px; margin-bottom: 10px; line-height: 120px; font-size: 15px; font-weight: 600; color: #8D6022; text-align: center; background: url("https://img-i.westarcloud.com/2020/0325/c295vf4ylfy4ys2s022037.png") no-repeat center center; background-size: 100% 100%; }

.index-honor li span { display: inline-block; line-height: 22px; vertical-align: middle; }

.index-news { padding: 80px 0 60px; background: linear-gradient(180deg, rgba(247, 249, 250, 0) 0%, #f7f9fa 100%); }

.index-news-switch { margin-top: 20px; }

.index-news-switch li { display: none; }

.index-news-switch li a:first-child { border-top: 1px solid #E8EDF2; }

.index-news-switch li.active { display: block; }

.index-news-switch a { display: block; box-sizing: border-box; width: 100%; height: 180px; padding: 40px 40px 20px 200px; position: relative; background-color: #ffffff; border: 1px solid #E8EDF2; border-top: none; }

.index-news-switch a:hover { text-decoration: none; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1); z-index: 2; }

.index-news-switch a:hover h5 { color: #258aff; }

.index-news-switch img { width: 210px; height: 140px; position: absolute; top: 20px; left: 20px; }

.index-news-switch h5 { width: 100%; height: 25px; line-height: 25px; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #2A3457; }

.index-news-switch p { width: 100%; height: 44px; margin-top: 8px; line-height: 22px; color: #686F88; overflow: hidden; }

.index-news-switch div { height: 20px; margin-top: 20px; }

.index-news-switch div span { display: block; font-size: 13px; line-height: 20px; color: #9FA3B3; float: left; position: relative; }

.index-news-switch div span i { margin-right: 9px; line-height: 16px; vertical-align: text-bottom; }

.index-news-switch div em { display: block; margin-right: 16px; float: left; }

.index-news-switch dl { box-sizing: border-box; width: 140px; height: 140px; padding-top: 28px; position: absolute; top: 20px; left: 20px; text-align: center; background-color: #F1F4F7; }

.index-news-switch dl.wutu { padding-top: 15px;background-color:#0000; }

.index-news-switch dl dt { height: 48px; line-height: 48px; font-size: 40px; font-weight: bold; color: #258aff; }

.index-news-switch dl.wutu dt {  font-size: 30px;font-weight: 400;color: #999fa7; }

.index-news-switch a:hover dl.wutu dt { color: #258aff; }

.index-news-switch dl dd { height: 22px; margin-top: 14px; line-height: 22px; font-size: 16px; color: #9FA3B3; }

.index-news-switch .rig{ position: absolute;z-index: 1;top: 0;right: 0;height: 180px;margin: 0; } 

.index-news-switch .rig i{ font-size: 50px;line-height: 180px;color: #a4a8b7; } 

.m-client-daynamic { box-sizing: border-box; width: 100%; height: 539px; padding: 35px 0 40px; margin-top: 20px; float: right; background: url("https://img-i.gcimg.net/2020/0409/i8cec9f4s1a8bzz4153506.png") no-repeat center center; background-size: 100% 100%; }

.m-client-daynamic .m-client-daynamic-main { width: 100%; height: 100%; overflow: hidden; position: relative; }

.m-client-daynamic .m-client-daynamic-main::before { content: ''; display: block; height: 100%; border-left: 1px dashed rgba(42, 52, 87, 0.5); position: absolute; top: 0; left: 47px; }

.m-client-daynamic li { padding: 15px 40px 10px 78px; position: relative; }

.m-client-daynamic li::before { content: ''; display: block; width: 14px; height: 14px; background: url("/d/main/img/biaodian.png") no-repeat center center; background-size: 100% 100%; position: absolute; top: 18px; left: 40px; }

.m-client-daynamic li p { width: 100%; height: 40px; line-height: 20px; color: #2A3457; overflow: hidden; }

.m-client-daynamic li a { color: #258aff; }

.m-client-daynamic li span { display: block; height: 18px; margin-top: 9px; line-height: 18px; color: #9FA3B3; }

.all-server { padding: 80px 0; background: url("https://img-i.westarcloud.com/2020/0325/ph96aylmg42qsqhh070456.png") no-repeat center center; }

.all-server .u-adv-btn { display: block; width: 206px; height: 44px; margin: 40px auto 0; line-height: 44px; padding: 0; text-align: center; }

.all-server-list { box-sizing: border-box; margin-top: 60px; background-color: #ffffff; border: 1px solid #E8EDF2; }

.all-server-item { padding: 40px 0 0 200px; position: relative; }

.all-server-item:last-child { margin-top: 4px; padding-bottom: 24px; border-top: 1px solid #E8EDF2; }

.all-server-item h5 { height: 25px; padding-left: 32px; line-height: 25px; font-size: 18px; position: absolute; top: 40px; left: 40px; }

.all-server-item h5 img { display: block; width: 20px; height: 20px; position: absolute; top: 3px; left: 0; }

.all-server-item p { line-height: 20px; }

.all-server-item a { display: block; height: 20px; margin-bottom: 16px; float: left; color: #686f88; }

.all-server-item a:hover { color: #258aff; }

.all-server-item a.hot { margin-right: 20px; color: #258aff; position: relative; }

.all-server-item a.hot::after { content: ''; display: block; width: 21px; height: 13px; background: url("https://img-i.westarcloud.com/2020/0325/bv8zvevx3u3oozit083956.png") no-repeat center center; background-size: 100% 100%; position: absolute; top: -9px; right: -21px; }

.all-server-item span { display: block; height: 20px; width: 1px; margin: 0 16px 16px; float: left; font-size: 0; position: relative; }

.all-server-item span::before { content: ''; display: block; width: 1px; height: 12px; background-color: #bfbfbf; position: absolute; top: 4px; left: 0; }

.new-server-pub { box-sizing: border-box; height: 99px; padding: 16px 0 16px 200px; background-color: #2A3457; position: relative; }

.new-server-pub img { display: block; width: 107px; height: 25px; position: absolute; top: 37px; left: 40px; }

.new-server-list { width: 460px; height: 100%; margin-right: 40px; float: left; overflow: hidden; position: relative; }

.new-server-list::before { content: ''; display: block; height: 100%; border-left: 1px dashed rgba(255, 255, 255, 0.5); position: absolute; top: 0; left: 6px; }

.new-server-list li { height: 34px; line-height: 34px; padding-left: 25px; font-size: 13px; position: relative; }

.new-server-list li::before { content: ''; display: block; width: 13px; height: 13px; top: 10px; left: 0; background: url("//img-i.westarcloud.com/2020/0506/y2j7gyd6ys6fju7c010519.png") no-repeat center center; background-size: 100% 100%; position: absolute; }

.new-server-list li a { display: block; width: 360px; height: 100%; color: #ffffff; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.new-server-list li a:hover { font-weight: 600; }

.new-server-list li span { display: block; float: right; color: rgba(255, 255, 255, 0.5); }

.index-team { padding: 80px 0; }

.index-team .u-check-team { display: block; width: 192px; height: 44px; padding: 0; margin: 40px auto 0; line-height: 44px; text-align: center; }

.index-team .m-team-list { width: 100%; height: 500px; margin-top: 30px; }

.index-team .m-team-list li { display: none; width: 100%; height: 100%; position: relative; }

.index-team .m-team-list li.active { display: block; }

.index-team .m-team-list img { width: 100%; height: 100%; }

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

.index-team .m-team-list dd { margin-top: 24px; line-height: 22px; color: #ffffff; }

.index-solution .m-title { margin-bottom: 60px; }

.index-solution .index-solution-mian { height: 565px; position: relative; overflow: hidden; }

.index-solution .m-box { height: 100%; position: relative; z-index: 1;}
                             
.index-solution-bg {display: none; position: absolute; top: 0; left: 50%; margin-left: -960px; }                             
.index-solution-bg.active {display: block;}
.m-vertical-tab,.m-vertical-tab1 { box-sizing: border-box; width: 280px; height: 100%; padding-top: 82px; float: left; position: relative; }

.m-vertical-tab::after { content: ''; display: block; height: 100%; width: 1px; background-image: linear-gradient(rgba(255, 255, 255, 0), white, rgba(255, 255, 255, 0)); opacity: 0.4; position: absolute; top: 0; right: 0; }

.m-vertical-tab li,.m-vertical-tab1 li { height: 40px; padding-left: 40px; margin-bottom: 45px; line-height: 40px; font-size: 18px; color: #ffffff; cursor: pointer; position: relative; }

.m-vertical-tab li img,.m-vertical-tab1 li img { width: 20px; height: 20px; position: absolute; left: 0; top: 10px; }

.m-vertical-tab li.active { color: #258aff; }

.m-vertical-tab1 li.active { display: block;min-width: 120px;height: 40px;text-align: center;line-height: 40px;border-radius: 6px;padding:0;border: 1px solid #0000;color: #fff;background-color: rgb(37,138,255); }

.m-vertical-tab1 li:hover { display: block;min-width: 120px;height: 40px;text-align: center;line-height: 40px;border-radius: 6px;padding:0;border: 1px solid #0000;color: #fff;background-color: rgb(37,138,255); }

.m-vertical-tab li.active::after { content: ''; display: block; width: 4px; height: 40px; background-color: #258aff; position: absolute; top: 0; right: 0; z-index: 2; }

.m-solution-list { margin: 90px 0 0 60px; float: left; }

.m-solution-list li { display: none; color: #ffffff; }

.m-solution-list li.active { display: block; }

.m-solution-list h5 { height: 33px; line-height: 33px; font-size: 24px; }

.m-solution-list p { width: 852px; margin-top: 24px; min-height: 66px; line-height: 22px; }

.m-solution-list dt { height: 22px; line-height: 22px; }

.m-solution-list dd { margin-top: 16px; }

.m-solution-list dd img { display: block; width: 110px; height: 64px; float: left; margin-right: 1px; }

.index-solution-footer { height: 120px; background: url("https://img-i.westarcloud.com/2020/0326/bwvsiwl7fne03rv2025227.png") no-repeat center center; }

.index-solution-footer .m-box { box-sizing: border-box; padding: 0 40px; }

.index-solution-footer .m-box div { height: 100%; line-height: 120px; float: left; color: #ffffff; }

.index-solution-footer .m-box em { display: block; font-size: 48px; font-style: italic; float: left; }

.index-solution-footer .m-box span { display: block; margin: 0 20px; float: left; font-size: 18px; }

.index-solution-footer .m-box i { display: block; margin-left: 20px; float: left; font-size: 20px; font-weight: 600; font-style: normal; }

.index-solution-footer .m-box .btn { display: block; margin-top: 38px; float: right; border-color: #ffffff; }

.index-solution-footer .m-box .btn:hover { background-color: #fff; color: #258aff; box-shadow: 0px 6px 18px -9px rgba(0, 0, 0, 0.4); }

.index-we-know { padding: 80px 0 80px; background: linear-gradient(180deg, #f8f9fc 0%, white 100%); }

.index-we-know .m-full-tab { margin-top: 60px; }

.index-we-know .m-full-tab li { width: 25%; padding-bottom: 24px; }

.index-we-know .m-full-tab p { height: 25px; margin-top: 10px; line-height: 25px; font-weight: 600; }

.index-we-know .m-full-tab span { display: block; height: 22px; line-height: 22px; color: #9FA3B3; font-size: 14px; }

.index-we-know .m-we-know-list { margin-top: 30px; }

.index-we-know .m-we-know-list li { display: none; }

.index-we-know .m-we-know-list li.active { display: block; }

.m-question-know { box-sizing: border-box; width: 332px; height: 420px; background: url("//img-i.gcimg.net/2020/0409/s3m95mjj83jmh9jj153505.png") no-repeat center center; background-size: 100% 100%; float: left; position: relative; }

.m-question-know dl { padding: 40px 0 0 30px; }

.m-question-know dt { height: 25px; padding-left: 44px; margin-bottom: 30px; line-height: 25px; font-size: 18px; position: relative; }

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

.m-question-know dd { margin-bottom: 16px; }

.m-question-know dd a { display: inline-block; box-sizing: border-box; height: 40px; padding: 0 12px; line-height: 38px; border: 1px solid #E8EDF2; background-color: #ffffff; color: #2A3457; border-radius: 2px; position: relative; }

.m-question-know dd a::before { content: ''; display: block; box-sizing: content-box; border-width: 7px; border-style: solid; border-color: rgba(255, 255, 255, 0) #E8EDF2 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); position: absolute; top: 50%; left: -14px; margin-top: -7px; }

.m-question-know dd a::after { content: ''; display: block; box-sizing: content-box; border-width: 6px; border-style: solid; border-color: rgba(255, 255, 255, 0) #ffffff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); position: absolute; top: 50%; left: -11px; margin-top: -6px; }

.m-question-know dd a:hover { background-color: #258aff; border-color: #258aff; box-shadow: 0px 6px 18px -9px #258aff; color: #ffffff; }

.m-question-know dd a:hover::before, .m-question-know dd a:hover::after { border-color: rgba(255, 255, 255, 0) #258aff rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); }

.m-question-know p { width: 100%; height: 22px; line-height: 22px; color: #686F88; text-align: center; position: absolute; left: 0; bottom: 40px; }

.m-question-know p a { color: #258aff; }

.m-we-server { width: 850px; float: right; border-bottom: 1px solid #E8EDF2; background-color: #ffffff; }

.m-we-server a { display: block; box-sizing: border-box; width: 425px; height: 210px; padding: 40px 85px 0 40px; border: 1px solid #E8EDF2; float: left; border-bottom: none; position: relative; }

.m-we-server a h5 { height: 25px; line-height: 25px; font-size: 18px; padding-left: 34px; color: #2A3457; position: relative; }

.m-we-server a img { display: block; width: 20px; height: 20px; position: absolute; top: 3px; left: 0; }

.m-we-server a p { margin-top: 20px; line-height: 22px; color: #9FA3B3; }

.m-we-server a span { display: block; width: 38px; height: 38px; line-height: 38px; text-align: center; border: 1px solid rgba(159, 163, 179, 0.2); background-color: #ffffff; color: #258aff; position: absolute; bottom: 20px; right: 20px; }

.m-we-server a span:hover { background-color: #258aff; border-color: #258aff; color: #ffffff; }

.m-we-server a:hover { box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1); z-index: 2; }

.m-we-server a.even { border-left: none; }
                           .f-index-team-switch {
        position: relative;
      }

      .f-index-team-prev,
      .f-index-team-next {
        display: block;
        width: 40px;
        height: 100px;
        line-height: 100px;
        background-color: rgba(0, 0, 0, 0.4);
        position: absolute;
        top: 480px;
        text-align: center;
        cursor: pointer;
      }
      .f-index-team-prev {
        left: 0;
      }
      .f-index-team-next {
        right: 0;
      }

      .f-index-team-prev i,
      .f-index-team-next i {
        font-size: 24px;
        color: #fff;
      }

 .index-server-item-hot {
 	display: block;
    height: 18px;
    width: 33px;
    margin-bottom: 16px;
    float: left;
    color: #686f88;
    margin-left: 8px;
    background: url('https://img-i.gcimg.net/2020/0608/wh1qgb8iqlaup60u060157.gif') no-repeat center center;
    background-size: 100% 100%;
    margin-top: 1px;
 }    
  .index-server-item-recommend {
 	display: block;
    height: 18px;
    width: 33px;
    margin-bottom: 16px;
    float: left;
    color: #686f88;
    margin-left: 8px;
    background: url('https://img-i.gcimg.net/2020/0608/18gi9c16ondegwd3060157.gif') no-repeat center center;
    background-size: 100% 100%;
    margin-top: 1px;
 }