/* banner */
.banner-wrap{height: 568px}
.banner-item{padding-bottom: 100px}
.pagination-wrapper{position: absolute;left: 50%;transform: translateX(-50%);bottom: 120px;z-index: 3;text-align: center}

.banner-foot .banner-foot-link{display: table;width: 100%;height: 100px}
.banner-foot-link a{display: table-cell;width: 25%;vertical-align: middle;padding: 0 40px}
.banner-foot-link a:hover{background-color: rgba(255,255,255,.06)}
.banner-foot h4{color: #fff;font-size: 18px;margin-bottom: 5px}
.banner-foot p{color: #fff; opacity: .5}

.seaction-02{background-image: url(../images/sec02-bg.jpg)}
.seaction-04{background-color: #10111d}
.seaction-06, .seaction-09{background-color: #f5f5f5}
.seaction-07{background-image: url(../images/sec07-bg.jpg)}

/* 提供企业一站式产品与服务 */
[data-skin="1"]>.tab-box-head li{font-size: 14px}
[data-skin="1"]>.tab-box-head li.active{color:#0096ff}
/*.tab-box-panel{padding: 20px 0 0}*/
.tab-box-menu-item{display:block;height: 100%;padding: 20px 30px;box-shadow: 0 2px 10px rgba(64,66,77,.16);border:1px solid #fff;transition: border .3s;box-sizing: border-box}
.tab-box-menu-title{font-size: 16px;position: relative;padding-left: 34px;line-height: 24px;margin-bottom: 15px}
.tab-box-menu-icon{display:block;width: 24px;height: 24px;vertical-align: middle;position: absolute;left: 0;background-size: 200% 100%}
.tab-box-menu-text{color: #7a8ba6}
.tab-box-menu-item:hover{border:1px solid #0096ff}
.tab-box-menu-item:hover .tab-box-menu-title{color: #0096ff}
.tab-box-menu-item:hover .tab-box-menu-icon{background-position: -24px 0}

/* 企业上云解决方案服务平台 */
.solution-box{position: relative;}
.solution-box-title{width:400px;;height: 400px;margin: 10px auto 135px;position: relative;display: table}
.solution-box-circle{display:table-cell;vertical-align: middle;text-align: center;position: relative;z-index: 2}
.solution-box-canvas{position: absolute;top: 0;left: 0;}
.solution-box-text{color: #fff;margin: 15px 0}
.solution-box-btn{display: inline-block;width: 88px;line-height: 32px;cursor: pointer;background-color: #0096ff;color: #fff}

.solution-box-icon{display: inline-block;width: 48px;height:48px;background-image: url(../images/icon-index-section.png);vertical-align: middle;margin-right: 5px}
.solution-icon01{background-position: 0 0}
.solution-icon02{background-position: -48px 0}
.solution-icon03{background-position: -96px 0}
.solution-icon04{background-position: -144px 0}
.solution-icon05{background-position: -192px 0}
.solution-box-content li{position: absolute;color: #fff;width: 278px;border-bottom: 1px solid rgba(255, 255, 255, .3);padding: 15px 0}
.solution-box-content li h4{font-size: 18px;margin-bottom: 10px;}
.solution-item-text{line-height: 1.8em;text-align: justify}

.solution-left-top{top: 15px;left: 0}
.solution-right-top{top: 15px;right: 0}
.solution-left-bottom{top: 230px;left: 50px}
.solution-right-bottom{top: 230px;right: 50px}
.solution-middle-bottom{bottom: -160px;left: 50%;margin-left: -140px;}

.solution-right-top h4, .solution-right-bottom h4{text-align: right}
.solution-middle-bottom h4{text-align: center}

.solution-box-ring{width: 100%;height: 100%;position: absolute;top: 0;left: 0}
.index-section-02-ring-01,.index-section-02-ring-02,.index-section-02-ring-03,.index-section-02-ring-04{position: absolute;top:50%;left: 50%;transform-origin: center center;}
.index-section-02-ring-01{width: 400px;height: 400px;background-image: url(../images/index-section-round01.png);animation: rotate 30s linear infinite;margin: -200px 0 0 -200px}
.index-section-02-ring-02{width: 300px;height: 300px;background-image: url(../images/index-section-round02.png);transform-origin: center center;animation: rotate1 30s infinite;margin: -150px 0 0 -150px}
.index-section-02-ring-03{width: 280px;height: 280px;background-image: url(../images/index-section-round03.png);animation: rotate 19s ease-in-out infinite;margin: -140px 0 0 -140px}
.index-section-02-ring-04{width: 280px;height: 280px;background-image: url(../images/index-section-round04.png);animation: rotate1 60s infinite;margin: -140px 0 0 -140px}
@keyframes rotate {
    to{
        transform: rotate(360deg);
    }
}
@keyframes rotate1 {
    to{
        transform: rotate(-360deg);
    }
}

/* 为什么选择快快云 */
.reason-box-item{box-shadow: 0 2px 10px rgba(64, 66, 67, 0.16);padding: 36px 28px 36px 130px;cursor: pointer;border:1px solid #fff;position: relative;box-sizing: border-box;height: 100%}
.reason-box-item:before{content:'';display: block;width: 96px;height: 96px;background-image: url(../images/icon-index-section.png);position: absolute;left: 22px;top: 50%;margin-top: -48px}
.reason-item-title{font-size: 16px;margin-bottom: 15px}
.reason-item-text{color: #666;line-height: 1.8em;text-align: justify}
.reason-box-item:hover{border:1px solid #0096ff}
.reason-box-item:hover .reason-item-title{color: #0096ff}
.reason-box-item-01:before{background-position: 0 -52px}
.reason-box-item-02:before{background-position: -96px -52px}
.reason-box-item-03:before{background-position: -192px -52px}
.reason-box-item-04:before{background-position: -288px -52px}

/* 畅享云端，连接未来 */
.map-box{padding: 20px 0}
.map-box-left{width: 370px;float: left;padding: 50px 0}
.map-box-left li{float: left;width: 50%;padding: 30px 0}
.map-box-text{font-size: 32px;color: #e4e4e4;margin-bottom: 5px}
.map-box-title{color: #7f7f7f}
.map-box-right{margin-left: 330px}
.map-box-item{width: 100%;height: 394px;background-image: url(../images/map.png);position: relative;background-size: 100% 100%}
.map-box-item li{color: #fff;position: absolute;font-size: 12px;padding-left: 15px}
.map-box-item li:before,.map-box-item li:after{content:'';display: block;background-color: #0096ff;position: absolute;top: 50%;left: 0}
.map-box-item li:before{width: 6px;height: 6px;border-radius: 6px;margin: -3px 0 0 3px}
.map-box-item li:after{width: 12px;height: 12px;border-radius: 12px;opacity: .2;margin-top: -6px}
.map-box-item li.point_right{padding-right: 15px;padding-left: 0}
.map-box-item li.point_right:before,.map-box-item li.point_right:after{left: auto;right: 0}
.map-box-item li.point_right:before{margin: -3px 3px 0 0 }
.map-box:after,.map-box-left:after{content:'';display: table;width: 100%;height: 0;clear: both}

/* 新闻中心 */
.news-box-left{width: 400px;float: left}
.news-box-right{float: right;width: calc(100% - 430px)}
.news-box-title{font-size: 18px;color: #40424c;line-height: 50px}
.more-link{color: #a0a0a0;font-size: 14px;}
.news-box-notice{width: 100%;height: 402px;background-image: url(../images/news-left-bg.png);position: relative}
.news-box-notice-item{width: 88.5%;padding: 20px;background-color: rgba(255, 255, 255, .88);box-sizing: border-box;position: absolute;bottom: 45px;left: 5.5%}
.news-item-title{font-size: 16px;line-height: 2em}
.news-item-date{color: #7a8ba6}
.news-item-desc{display: -webkit-box;color: #666;line-height: 1.6em;position: relative}
/*.news-item-desc:after{content:'...';position: absolute;right: 0;bottom: 0;display: block;width: 50px;background-color: #fff;z-index: 1;text-align: right;background: -webkit-linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));background: -o-linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));background: -moz-linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=rgba(255,255,255,0), endcolorstr=rgba(255,255,255,1), gradientType=1);}*/
.news-box-notice-item .news-item-desc{max-height: 220px;overflow: hidden;margin-top: 10px;}

.news-box-computed li{padding: 16px 30px;border-bottom: 1px solid #eee;position: relative}
.news-box-computed li,.news-box-computed li *{-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;transition: all .3s}
.news-box-computed-title .news-item-title{float: left}
.news-box-computed-title .news-item-date{float: right;line-height: 32px}
.news-box-computed-title:after{content:'';display: table;width: 100%;height: 0;clear: both}
.news-box-computed-title .tag{margin-right: 8px;display: none}
.news-box-computed .news-item-desc{margin-right: 85px;height: 0;overflow: hidden}

.news-box-computed li.active{padding-top: 27px;padding-bottom: 27px;box-shadow: 0 2px 10px rgba(0,0,0,0.1)}
.news-box-computed li.active:before,.news-box-computed li.active:after{content: '';display:block;height: 1px;background-color: #7c7c7c;position: absolute;right: 30px;bottom: 34px}
.news-box-computed li.active:before{width: 10px;transform: rotate(30deg);bottom: 36px}
.news-box-computed li.active:after{width: 25px;bottom: 34px}
.news-box-computed li.active .news-item-title{color: #0096ff}
.news-box-computed li.active .tag{display: inline-block}
.news-box-computed li.active .news-item-desc{height: 44px;margin-top: 10px;}

/* 专业、可靠的合作伙伴 */
.partner-box{margin: -10px}
.partner-box li{float:left;width: calc(16.6666666% - 20px);height: 70px;background-position: center center;background-repeat: no-repeat;background-color: #fff;margin: 10px;cursor: pointer;border: 1px solid #f2f2f2;box-sizing: border-box}
.partner-box li:hover{box-shadow: 10px 10px 20px rgba(64, 66, 77, .06)}
.partner-box:after{content:'';display: table;width: 100%}

/* 了解快快网络 */
.aboutKK-left{float: left;width: 600px}
.aboutKK-right{float: right;width: 510px;}
.aboutKK-right *{color: #fff}
.aboutKK-video{width: 100%;height: 340px;border:2px solid #0096ff;box-sizing: border-box;margin: 0 20px 20px}
.aboutKK-video-cover{margin: 16px 16px 0 -20px;position: relative;height: 100%}
.aboutKK-video-cover img{width: 100%;height: 100%}
.aboutKK-video-cover:before{content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.6);}
.aboutKK-video-play{display:block;width: 64px;height: 64px;position: absolute;top: 50%;left: 50%;margin: -32px 0 0 -32px;background-image: url(../images/about-video-play-btn.png);cursor: pointer }

.aboutKK-text{padding: 20px 0}
.aboutKK-title{font-size: 20px;margin-bottom: 30px}
.aboutKK-desc{line-height: 24px;text-align: justify}

/* 权威资质证书 */
.certificate-box{margin-top: 20px}
.certificate-box li{width: calc(100% / 7);float: left;text-align: center;padding: 20px 0;border:1px solid #fff;box-sizing: border-box}
.certificate-box li:hover{border:1px solid #f2f2f2;box-shadow: 0 10px 20px rgba(64, 66,77, .06)}
.certificate-icon{display: block;width: 50px;height: 50px;background-position: center center;background-repeat: no-repeat;margin: 0 auto 10px}
.natrualSwiper{position: relative}
.natrualSwiper .swiper-button-prev,.natrualSwiper .swiper-button-next{display: block;width: 32px;height: 32px;background-image: url(../images/index-arrow.png);top: 58%;opacity: 1;outline: none}
.natrualSwiper .swiper-button-prev:after,.natrualSwiper .swiper-button-next:after{display: none;}
.natrualSwiper .swiper-button-prev.swiper-button-disabled{background-position: 0 0}
.natrualSwiper .swiper-button-next.swiper-button-disabled{background-position: -32px 0}
.natrualSwiper .swiper-button-prev{background-position: 0 -32px;left: -40px;}
.natrualSwiper .swiper-button-next{background-position: -32px -32px;right: -40px;}

/* 轻松上云，注册有礼 */
.particles-js-canvas-el{position: absolute;top: 0;left: 0}

/* 市场资讯 */
.information-box{margin-left: -70px;margin-right: -70px;}
.information-box li{float: left;width: 33.33%;padding: 0 70px;box-sizing: border-box;}
.information-box li a{line-height: 2;}
.information-box li a:hover{color: #0096ff;}
.information-box li p{display: inline-block;vertical-align: middle;max-width: calc(100% - 50px);}
.information-box li span{display: inline-block;}


/* 手机端适配 */
@media (max-width: 1280px) {

    .banner-foot a{padding: 0 16px}

    .map-box-left{width: 30%;}
    .map-box-right{margin-left: 20%;}
    .news-box-left{width: 25%}
    .news-box-right{width: 72.5%}

    .aboutKK-left{width: 44%}
    .aboutKK-right{width: 50%}
}