*{padding:0;margin:0;}
body{font-family:"微软雅黑";}
a{text-decoration:none;}
a:hover{text-decoration:none;}
.clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clear{zoom:1}
.center{width: 1200px;margin: 0 auto;}

.c1{color: #fff;}
.c2{color: #4289d9;}
.c3{color: #333;}
.c4{color: #2589bd}
.c5{color: #57b85d;}
.c6{color: #666;}
.c9{color: #999;}

.ta-c{text-align: center;}
.ta-l{text-align: left;}
.ta-r{text-align: right;}



@keyframes rotate_a {
	0% {transform: translateX(0) translateY(0) rotate(0deg);}
	100% {transform: translateX(0) translateY(0) rotate(360deg);}
}

@keyframes rotate_b {
	0% {transform: translateX(0) translateY(0) rotate(120deg);}
	100% {transform: translateX(0) translateY(0) rotate(480deg);}
}
@keyframes rotate_c {
	0% {transform: translateX(0) translateY(0) rotate(240deg);}
	100% {transform: translateX(0) translateY(0) rotate(600deg);}
}
@keyframes rotate_aa {
	0% {transform: translateX(0) translateY(0) rotate(360deg);}
	100% {transform: translateX(0) translateY(0) rotate(0deg);}
}
@keyframes rotate_ba {
	0% {transform: translateX(0) translateY(0) rotate(240deg);}
	100% {transform: translateX(0) translateY(0) rotate(-120deg);}
}
@keyframes rotate_ca {
	0% {transform: translateX(0) translateY(0) rotate(120deg);}
	100% {transform: translateX(0) translateY(0) rotate(-240deg);}
}

@keyframes heartbeat{
	50%{transform:scale(1.2)}
}

@-webkit-keyframes fadeIn {
	0% {opacity: 0;}
	50% {opacity: 0;}
	100% {opacity: 1;}
}


.index-head-wrap{width: 100%;height: 94px;background: #fff;}
.index-head-wrap .index-mainnav .mainnav ul li{float: left;line-height: 94px;margin-right: 55px;font-size: 16px;}
.index-head-wrap .index-mainnav .mainnav ul li a{color: #333;}
.index-head-wrap .index-mainnav .mainnav ul li a:hover{color: #ffa101;}

.index-banner-wrap{width: 100%;height: 405px;background: url(../Images/index-banner-wrap-bg.png) no-repeat top center;}
.index-banner-wrap .index-banner{height: 100%;position: relative;}
.index-banner-wrap .index-banner .title{font-size: 44px;color: #fff;margin-top: 140px;}
.index-banner-wrap .index-banner .title span{margin: 0px 10px;}
.index-banner-wrap .index-banner .zcbutton ul li{float: left;margin-right: 10px;}
.index-banner-wrap .index-banner .zcbutton ul li a{width: 120px;height: 40px;display: inline-block;line-height: 40px;text-align: center;border: 1px solid #fff;color: #fff;font-size: 18px;border-radius: 5px;}
.index-banner-wrap .index-banner .zcbutton ul li .hover,.index-banner-wrap .index-banner .zcbutton ul li a:hover{background: #fff;color: #012431;}
.index-banner-wrap .index-banner .banner{width:304px;height:304px;position:relative;left:244px;top:48px;}
.index-banner-wrap .index-banner .banner .heart{background: url(../Images/banner-icon1.png) no-repeat;width:131px;height:136px;position:absolute;top:50%;left:50%;margin-top:-68px;margin-left:-65px;animation:heartbeat ease-in-out 0.8s infinite alternate;}
.index-banner-wrap .index-banner .banner .network{width:80px;height:80px;position:absolute;top:0px;left:0px;transform-origin:152px 152px;animation: rotate_a 8s linear infinite;}
.index-banner-wrap .index-banner .banner .service{width:80px;height:80px;position:absolute;top:0px;left:0px;transform-origin:152px 152px;animation: rotate_b 8s linear infinite;}
.index-banner-wrap .index-banner .banner .cloud{width:80px;height:80px;position:absolute;top:0px;left:0px;transform-origin:152px 152px;animation: rotate_c 8s linear infinite;}
.index-banner-wrap .index-banner .banner .network img{animation: rotate_aa 8s linear infinite;}
.index-banner-wrap .index-banner .banner .service img{animation: rotate_ba 8s linear infinite;}
.index-banner-wrap .index-banner .banner .cloud img{animation: rotate_ca 8s linear infinite;}

.index-content-wrap{width: 100%;height:860px;background: url(../Images/index-content-bg.jpg) no-repeat top center;}
.index-content-wrap .index-content .icon{margin-top: 150px;}
.index-content-wrap .index-content .icon li{margin-bottom: 20px;transition:margin-left 1s;-moz-transition:margin-left 1s;-webkit-transition:margin-left 1s;-o-transition:margin-left 1s;}
.index-content-wrap .index-content .icon li:hover{margin-left: 10px;}
.index-content-wrap .index-content .icon .info{margin-left: 8px;width: 155px;margin-top: 5px;}
.index-content-wrap .index-content .icon .info a{color: #999;}
.index-content-wrap .index-content .title{width: 177px;height: 196px;background: url(../Images/index-content-icon-bg.png) no-repeat;position: absolute;top:138px;left:268px;}
.index-content-wrap .index-content .title p{width: 100px;font-size: 20px;text-align: center;margin-top: 65px;margin-left: 35px;color: #6e967a;}
.index-content-wrap .index-content .intro{width: 550px;margin-bottom: 30px;transition: box-shadow 500ms linear,-webkit-transform 500ms linear,-moz-transform 500ms linear,-o-transform 500ms linear,transform 500ms linear,background-color 500ms linear;}
.index-content-wrap .index-content .intro:hover{box-shadow: 0 15px 30px rgba(0,0,0,.1);transform: translate3d(0,-2px,0);background-color: #fff;cursor: pointer;}
.index-content-wrap .index-content .intro .linellae{width: 100%;height: 10px;background: #bfd7f2;border-radius: 5px 5px 0px 0px;}
.index-content-wrap .index-content .intro .list{background: #fff;padding: 20px 35px;}
.index-content-wrap .index-content .intro .list .name{font-size: 18px;color: #76a5e1;text-align: center;}
.index-content-wrap .index-content .intro .list ul li{margin-bottom: 5px;color: #777;font-size: 14px;width: 445px;display: inline-block;clear: both;}
.index-content-wrap .index-content .intro .list ul li .dot{background: url(../Images/index-content-dot.png) no-repeat 0px 8px;width: 4px;height: 15px;display: inline-block;}

.index-besoin-wrap{width: 100%;background: #fff;}
.index-besoin-wrap .index-besoin .title{font-size: 30px;text-align: center;color: #333;padding-top: 80px;padding-bottom: 40px;}
.index-besoin-wrap .index-besoin .menu{margin-left: 90px;padding-bottom: 10px;}
.index-besoin-wrap .index-besoin .menu ul li{float: left;text-align: center;margin-left: 170px;}
.index-besoin-wrap .index-besoin .menu ul li a{display: inline-block;color: #999;}
.index-besoin-wrap .index-besoin .menu ul li .hover{color: #2fa4e4;}
.index-besoin-wrap .details .safety-icon{background: url(../Images/index-besoin-wrap-safety-bg.png)  no-repeat 274px 0px;width: 100%;height: 22px;}
.index-besoin-wrap .details .safety{width: 100%;height: 505px;background: #c4f2e6;}
.index-besoin-wrap .details .safety .info{margin-top: 40px;}
.index-besoin-wrap .details .safety .info .title{font-size: 18px;color: #444;}
.index-besoin-wrap .details .safety .info ul li{background: url(../Images/index-content-dot.png) no-repeat 0px 9px;margin-bottom: 5px;font-size: 14px;color: #666;}

.index-besoin-wrap .details .monitor-icon{background: url(../Images/index-besoin-wrap-monitor-bg.png)  no-repeat 570px 0px;width: 100%;height: 22px;}
.index-besoin-wrap .details .monitor{width: 100%;height: 505px;background: #d0ecfe;}
.index-besoin-wrap .details .monitor .info{margin-top: 40px;}
.index-besoin-wrap .details .monitor .info .title{font-size: 18px;color: #444;}
.index-besoin-wrap .details .monitor .info ul li{background: url(../Images/index-content-dot.png) no-repeat 0px 9px;margin-bottom: 5px;}
.index-besoin-wrap .details .monitor .info ul li a{font-size: 14px;color: #666;}
.index-besoin-wrap .details .monitor .info ul li a:hover{color: #ffa101;}

.index-besoin-wrap .details .delivery-icon{background: url(../Images/index-besoin-wrap-delivery-bg.png)  no-repeat 885px 0px;width: 100%;height: 22px;}
.index-besoin-wrap .details .delivery{width: 100%;height: 505px;background: #ccfbf2;}
.index-besoin-wrap .details .delivery .info{margin-top: 40px;}
.index-besoin-wrap .details .delivery .info .title{font-size: 18px;color: #444;}
.index-besoin-wrap .details .delivery .info ul li{background: url(../Images/index-content-dot.png) no-repeat 0px 9px;margin-bottom: 5px;}
.index-besoin-wrap .details .delivery .info ul li a{font-size: 14px;color: #666;}
.index-besoin-wrap .details .delivery .info ul li a:hover{color: #ffa101;}
.index-besoin-wrap .details-box{width:100%;overflow:hidden;}
.index-besoin-wrap .details-box .details-wrap{width:10000px;}
.index-besoin-wrap .details-box .details-wrap .details{width:1583px;float:left;}

.index-secure-wrap{width: 100%;background:#f9f9f9;padding-bottom:80px;}
.index-secure-wrap .index-secure .title{text-align: center;padding-top: 80px;padding-bottom: 50px;}
.index-secure-wrap .index-secure .classify{width: 375px;height: 215px;float: left;border: 1px solid #ebebeb;margin:0 11px;border-radius: 5px;}
.index-secure-wrap .index-secure .network{background: url(../Images/icon1.png) no-repeat #fff 270px 90px;transition: box-shadow 500ms linear,-webkit-transform 500ms linear,-moz-transform 500ms linear,-o-transform 500ms linear,transform 500ms linear,background-color 500ms linear;}
.index-secure-wrap .index-secure .network:hover{ box-shadow: 0 15px 30px rgba(0,0,0,.1);transform: translate3d(0,-2px,0);background-color: #fff;}
.index-secure-wrap .index-secure .cloud{background: url(../Images/icon2.png) no-repeat #fff 270px 90px;transition: box-shadow 500ms linear,-webkit-transform 500ms linear,-moz-transform 500ms linear,-o-transform 500ms linear,transform 500ms linear,background-color 500ms linear;}
.index-secure-wrap .index-secure .cloud:hover{ box-shadow: 0 15px 30px rgba(0,0,0,.1);transform: translate3d(0,-2px,0);background-color: #fff;}
.index-secure-wrap .index-secure .serve{background: url(../Images/icon3.png) no-repeat #fff 270px 90px;transition: box-shadow 500ms linear,-webkit-transform 500ms linear,-moz-transform 500ms linear,-o-transform 500ms linear,transform 500ms linear,background-color 500ms linear;}
.index-secure-wrap .index-secure .serve:hover{box-shadow: 0 15px 30px rgba(0,0,0,.1);transform: translate3d(0,-2px,0);background-color: #fff;}
.index-secure-wrap .index-secure .network2{background: url(../Images/icon4.png) no-repeat #fff 270px 90px;transition: box-shadow 500ms linear,-webkit-transform 500ms linear,-moz-transform 500ms linear,-o-transform 500ms linear,transform 500ms linear,background-color 500ms linear;}
.index-secure-wrap .index-secure .network2:hover{ box-shadow: 0 15px 30px rgba(0,0,0,.1);transform: translate3d(0,-2px,0);background-color: #fff;}
.index-secure-wrap .index-secure .cloud2{background: url(../Images/icon5.png) no-repeat #fff 270px 90px;transition: box-shadow 500ms linear,-webkit-transform 500ms linear,-moz-transform 500ms linear,-o-transform 500ms linear,transform 500ms linear,background-color 500ms linear;}
.index-secure-wrap .index-secure .cloud2:hover{ box-shadow: 0 15px 30px rgba(0,0,0,.1);transform: translate3d(0,-2px,0);background-color: #fff;}
.index-secure-wrap .index-secure .serve2{background: url(../Images/icon6.png) no-repeat #fff 270px 90px;transition: box-shadow 500ms linear,-webkit-transform 500ms linear,-moz-transform 500ms linear,-o-transform 500ms linear,transform 500ms linear,background-color 500ms linear;}
.index-secure-wrap .index-secure .serve2:hover{box-shadow: 0 15px 30px rgba(0,0,0,.1);transform: translate3d(0,-2px,0);background-color: #fff;}
.index-secure-wrap .index-secure .classify ul li{background: url(../Images/index-content-dot.png) no-repeat 0px 9px;margin-bottom: 5px;font-size: 14px;color: #666;}
.index-secure-wrap .index-secure .classify ul li a{color: #666;}
.index-secure-wrap .index-secure .classify ul li a:hover{color: #ffa101;}
.index-secure-wrap .index-secure .classify ul{float: left;margin-right: 20px;}

.index-market-wrap{width: 100%;background: #fff;}
.index-market-wrap .index-market .menu{padding-top:90px;margin-bottom: 70px;}
.index-market-wrap .index-market .menu span a{font-size: 24px;color: #999;display: inline-block;}
.index-market-wrap .index-market .message-info-box{width:1200px;overflow:hidden;}
.index-market-wrap .index-market .message-info-box .message-info-wrap{width:10000px;}
.index-market-wrap .index-market .message-info-box .message-info-wrap .message-info{width:1200px;float:left;}
.index-market-wrap .index-market .menu .hover{border-bottom: 3px solid #ff804e;color: #333; font-size: 30px;height: 50px;padding: 0px 5px;}
.index-market-wrap .index-market .message{float: left;width: 376px;height: 400px;border: 1px solid #ebebeb;margin:0 11px;border-radius: 5px;margin-bottom: 22px;transition: box-shadow 500ms linear,-webkit-transform 500ms linear,-moz-transform 500ms linear,-o-transform 500ms linear,transform 500ms linear,background-color 500ms linear;}
.index-market-wrap .index-market .message:hover{box-shadow: 0 15px 30px rgba(0,0,0,.1);transform: translate3d(0,-2px,0);background-color: #fff;}
.index-market-wrap .index-market .message .title{font-size: 16px;margin-top: 20px;text-align: center;}
.index-market-wrap .index-market .message ul li{font-size: 14px;color: #777;width: 320px;margin-bottom: 5px;}
.index-market-wrap .index-market .message ul li .dot{background: url(../Images/index-content-dot.png) no-repeat 0px 8px;width: 4px;height: 15px;display: inline-block;}

.index-case-wrap{width: 100%;background: #ebebeb;padding-bottom: 100px;}
.index-case-wrap .index-case .title{padding-top: 60px;padding-bottom: 40px;text-align: center;font-size: 30px;color: #333;}
.index-case-wrap .index-case .information{height: 344px;width: 290px;background: #fff;float: left;margin:0 5px;transition: box-shadow 500ms linear,-webkit-transform 500ms linear,-moz-transform 500ms linear,-o-transform 500ms linear,transform 500ms linear,background-color 500ms linear;}
.index-case-wrap .index-case .information:hover{box-shadow: 0 15px 30px rgba(0,0,0,.1);transform: translate3d(0,-2px,0);background-color: #fff;cursor: pointer;}
.index-case-wrap .index-case .information .name{font-size: 16px;color: #666;padding-left: 15px;width: 250px;padding-top: 15px;height: 45px;}
.index-case-wrap .index-case .information .name a:hover{color: #ffa101;}
.index-case-wrap .index-case .information .synopsis{font-size: 14px;padding-left: 15px;color: #999;margin-top: 15px;width: 255px;height: 63px;}
.index-case-wrap .index-case .zcbutton a{width: 200px;height: 48px;line-height: 48px;text-align: center;font-size: 18px;color: #666;background: #fff;display: inline-block;margin-top: 40px;border-radius: 20px;}

.index-footer-wrap{width: 100%;background: #f6f6f6;}
.index-footer-wrap .index-footer{padding-top: 50px;padding-bottom: 20px;}
.index-footer-wrap .index-footer ul{margin: 0 auto;width: 1476px;}
.index-footer-wrap .index-footer ul li{height: 184px;border-right: 1px dashed #a1a1a1;float: left;padding: 0px 70px;}
.index-footer-wrap .index-footer ul li .title{font-size: 18px;color: #2097d1;text-align: left;}
.index-footer-wrap .index-footer ul li dl{margin-top: 30px;font-size: 16px;text-align: left;}
.index-footer-wrap .index-footer ul li dl a{color: #777;}
.index-footer-wrap .index-footer ul li dl a:hover{color: #ffa101;}
.index-footer-wrap .copyright{width: 100%;height:74px;background: #292a2c;color: #999;font-size: 16px;line-height: 74px;text-align:center;}

@keyframes cloudSpecialBannerIconRun {
	0% {transform:translateY(-100px);opacity:0;}
	20% {transform:translateY(-80px);opacity:1;}
	40% {transform:translateY(-60px);opacity:1;}
	60% {transform:translateY(-40px);opacity:1;}
	80% {transform:translateY(0);opacity:0;}
	100% {transform:translateY(0);opacity:0;}
}
@keyframes cloudSpecialBannerIconRunB {
	0% {transform:translateY(-10px);}
	50% {transform:translateY(0);}
	100% {transform:translateY(-10px);}
}

.cloud-special-banner-wrap{width: 100%;background: url(../Images/cloud-special-banner-bg.jpg) no-repeat top center;height: 405px;}
.cloud-special-banner-wrap .cloud-special-banner{height: 100%;}
.cloud-special-banner-wrap .cloud-special-banner .banner{-webkit-animation-name: fadeIn;-webkit-animation-duration: 2s;-webkit-animation-iteration-count: 2s;-webkit-animation-delay: 0s;}
.cloud-special-banner-wrap .cloud-special-banner .title{font-size: 44px;color: #fff;padding-top: 140px;}
.cloud-special-banner-wrap .cloud-special-banner .title span{margin: 0px 10px;}
.cloud-special-banner-wrap .cloud-special-banner .zcbutton ul li{float: left;margin-right: 10px;}
.cloud-special-banner-wrap .cloud-special-banner .zcbutton ul li a{width: 120px;height: 40px;display: inline-block;line-height: 40px;text-align: center;border: 1px solid #fff;color: #fff;font-size: 18px;border-radius: 5px;}
.cloud-special-banner-wrap .cloud-special-banner .zcbutton ul li .hover,.cloud-special-banner-wrap .cloud-special-banner .zcbutton ul li a:hover{background: #fff;color: #012431;}
.cloud-special-banner-wrap .cloud-special-banner .animation{position: relative;}
.cloud-special-banner-wrap .cloud-special-banner .animation .cloud{position:absolute;left:290px;top:160px;animation:cloudSpecialBannerIconRunB 3s linear infinite;}
.cloud-special-banner-wrap .cloud-special-banner .animation .icon1{position:absolute;left:50px;top:210px;animation:cloudSpecialBannerIconRun 3s linear infinite;}
.cloud-special-banner-wrap .cloud-special-banner .animation .icon2{position:absolute;left:200px;top:150px;animation:cloudSpecialBannerIconRun 3s linear infinite;}
.cloud-special-banner-wrap .cloud-special-banner .animation .icon3{position:absolute;left:575px;top:200px;animation:cloudSpecialBannerIconRun 3s linear infinite;}
.cloud-special-banner-wrap .cloud-special-banner .animation .icon4{position:absolute;left:660px;top:210px;animation:cloudSpecialBannerIconRun 3s linear infinite;}

.cloud-special-value-wrap{width: 100%;background: url(../Images/cloud-special-value-bg.jpg) no-repeat top center;height: 520px;}
.cloud-special-value-wrap .cloud-special-value .cloud{height: 520px;width: 500px;position: relative;}
.cloud-special-value-wrap .cloud-special-value .cloud .private{background: url(../Images/cloud-special-value-pic1.png) no-repeat;width: 71px;height: 44px;font-size: 14px;color: #fff;text-align: center;line-height: 55px;position: absolute;left: 88px;top:135px;}
.cloud-special-value-wrap .cloud-special-value .cloud .industry{background: url(../Images/cloud-special-value-pic2.png) no-repeat;width: 71px;height: 44px;font-size: 14px;color: #fff;text-align: center;line-height: 55px;position: absolute;left: 145px;top:385px;}
.cloud-special-value-wrap .cloud-special-value .cloud .affair{background: url(../Images/cloud-special-value-pic3.png) no-repeat;width: 71px;height: 44px;font-size: 14px;color: #fff;text-align: center;line-height: 55px;position: absolute;left: 380px;top:390px;}
.cloud-special-value-wrap .cloud-special-value .cloud .software{font-size: 14px;color: #b0a6f0;position: absolute;left: 338px;top:125px;}
.cloud-special-value-wrap .cloud-special-value .cloud .seki{font-size: 14px;color: #7ad0f0;position: absolute;left: 44px;top:294px;width: 70px;text-align: center;}
.cloud-special-value-wrap .cloud-special-value .cloud .clouded{font-size: 20px;color: #fff;position: absolute;left: 240px;top:315px;text-align: center;}
.cloud-special-value-wrap .cloud-special-value .info{margin-left: 90px;width: 565px;height: 100%;}
.cloud-special-value-wrap .cloud-special-value .info .title{font-size: 30px;color: #333;margin-top: 175px;}
.cloud-special-value-wrap .cloud-special-value .info p{line-height: 25px;font-size: 14px;color: #666;margin-top: 45px;}

.cloud-special-scheme-wrap .cloud-special-scheme .title{margin-top: 75px;font-size: 30px;color: #333;text-align: center;}
.cloud-special-scheme-wrap .cloud-special-scheme .menu ul li{float: left;text-align: center;margin-top: 40px;margin-left: 270px;}
.cloud-special-scheme-wrap .cloud-special-scheme .menu ul li a{display: inline-block;color: #999;}
.cloud-special-scheme-wrap .cloud-special-scheme .menu ul li .hover{color: #00a0e9;}
.cloud-special-scheme-wrap .details-box{width:100%;overflow:hidden;margin-top: 10px;}
.cloud-special-scheme-wrap .details-box .details-wrap{width:10000px;}
.cloud-special-scheme-wrap .details-box .details-wrap .details{width:1583px;float:left;}
.cloud-special-scheme-wrap .details .briefness-icon{background: url(../Images/cloud-special-scheme-bg1.png)  no-repeat 256px 0px;width: 100%;height: 22px;}
.cloud-special-scheme-wrap .details .briefness{width: 100%;height: 505px;background: #5086b8;}
.cloud-special-scheme-wrap .details .briefness .info{width: 570px;}
.cloud-special-scheme-wrap .details .briefness .info .title{font-size: 18px;color: #fff;margin-top: 230px;padding-left: 60px;}
.cloud-special-scheme-wrap .details .briefness .info p{font-size: 14px;color: #fff;width: 435px;padding-left: 60px;}

.cloud-special-scheme-wrap .details .flexible-icon{background: url(../Images/cloud-special-scheme-bg2.png)  no-repeat 565px 0px;width: 100%;height: 22px;}
.cloud-special-scheme-wrap .details .flexible{width: 100%;height: 505px;background: #2c93d0;}
.cloud-special-scheme-wrap .details .flexible .info{width: 570px;}
.cloud-special-scheme-wrap .details .flexible .info .title{font-size: 18px;color: #fff;margin-top: 230px;padding-left: 60px;}
.cloud-special-scheme-wrap .details .flexible .info p{font-size: 14px;color: #fff;width: 415px;padding-left: 60px;}

.cloud-special-scheme-wrap .details .safety-icon{background: url(../Images/cloud-special-scheme-bg3.png)  no-repeat 870px 0px;width: 100%;height: 22px;}
.cloud-special-scheme-wrap .details .safety{width: 100%;height: 505px;background: #639aad;}
.cloud-special-scheme-wrap .details .safety .info{width: 570px;}
.cloud-special-scheme-wrap .details .safety .info .title{font-size: 18px;color: #fff;margin-top: 230px;padding-left: 60px;}
.cloud-special-scheme-wrap .details .safety .info p{font-size: 14px;color: #fff;width: 435px;padding-left: 60px;}

.cloud-special-hapmap-wrap{width: 100%;background: #fff;}
.cloud-special-hapmap-wrap .cloud-special-hapmap .title{font-size: 30px;color: #333;text-align: center;margin-top: 60px;}
.cloud-special-hapmap-wrap .cloud-special-hapmap .info{font-size: 14px;color: #666;margin:20px 10px 10px 0px;line-height: 26px;}
.cloud-special-hapmap-wrap .cloud-special-hapmap .content{background: url(../Images/cloud-special-hapmap-bg.png) no-repeat;width: 100%;height: 716px;margin-top: 60px;position:relative;}

.cloud-special-hapmap-wrap .cloud-special-hapmap .content .platform{position: relative;}
.cloud-special-hapmap-wrap .cloud-special-hapmap .content .platform .tuba{width: 90px;height: 246px;background: #febe49;font-size: 18px;color: #fff;position: absolute;left: 110px;}
.cloud-special-hapmap-wrap .cloud-special-hapmap .content .platform .tuba span{width: 15px;display: inline-block;color: #fff;text-align: center;margin-left: 35px;margin-top: 70px;}
.cloud-special-hapmap-wrap .cloud-special-hapmap .content .platform ul{width: 220px;position: absolute;left: 308px;top: 38px;}
.cloud-special-hapmap-wrap .cloud-special-hapmap .content .platform ul li{float: left;font-size: 14px;color: #fea708;margin-left: 10px;}
.cloud-special-hapmap-wrap .cloud-special-hapmap .content .platform .serve{font-size: 14px;color: #fea708;position: absolute;left: 854px;top: 54px;}
.cloud-special-hapmap-wrap .cloud-special-hapmap .content .platform .hci{position: absolute;left: 374px;top: 136px;}
.cloud-special-hapmap-wrap .cloud-special-hapmap .content .platform .hci a:hover{color: #ffa101;}
.cloud-special-hapmap-wrap .cloud-special-hapmap .content .platform .aclound{position: absolute;left: 816px;top: 136px;}
.cloud-special-hapmap-wrap .cloud-special-hapmap .content .platform .aclound a:hover{color: #ffa101;}
.cloud-special-hapmap-wrap .cloud-special-hapmap .content .platform .api{position: absolute;left: 854px;top:234px;background:url(../Images/cloud-special-hapmap-api-bg.png) no-repeat;width: 72px;height: 50px;font-size: 16px;position: absolute;z-index: 999;}
.cloud-special-hapmap-wrap .cloud-special-hapmap .content .platform .api p{text-align: center;line-height: 70px;color: #fff;}
.cloud-special-hapmap-wrap .cloud-special-hapmap .content .zcvirtual{position: relative;}
.cloud-special-hapmap-wrap .cloud-special-hapmap .content .zcvirtual .tier{width: 90px;height: 164px;background: #7ed1fb;font-size: 18px;color: #fff;position: absolute;left: 110px;top: 277px;}
.cloud-special-hapmap-wrap .cloud-special-hapmap .content .zcvirtual .tier span{width: 15px;display: inline-block;color: #fff;text-align: center;margin-left: 35px;margin-top: 40px;}
.cloud-special-hapmap-wrap .cloud-special-hapmap .content .zcvirtual .menu{position: absolute;left: 260px;top: 310px;}
.cloud-special-hapmap-wrap .cloud-special-hapmap .content .zcvirtual .menu .menu-img{height: 48px;}
.cloud-special-hapmap-wrap .cloud-special-hapmap .content .zcvirtual .menu ul li{float: left;font-size: 14px;color: #666;width: 70px;text-align: center;display: inline-block;margin:0 44px;}
.cloud-special-hapmap-wrap .cloud-special-hapmap .content .zcvirtual .menu ul li a:hover{color: #ffa101;}
.cloud-special-hapmap-wrap .cloud-special-hapmap .content .basis{position: relative;}
.cloud-special-hapmap-wrap .cloud-special-hapmap .content .basis .hardware{width: 90px;height: 164px;background: #73d2ce;font-size: 18px;color: #fff;position: absolute;left: 110px;top: 473px;}
.cloud-special-hapmap-wrap .cloud-special-hapmap .content .basis .hardware span{width: 15px;display: inline-block;color: #fff;text-align: center;margin-left: 35px;margin-top: 28px;}
.cloud-special-hapmap-wrap .cloud-special-hapmap .content .basis .menu{position: absolute;left: 300px;top: 520px;}
.cloud-special-hapmap-wrap .cloud-special-hapmap .content .basis .menu .menu-img{height: 44px;}
.cloud-special-hapmap-wrap .cloud-special-hapmap .content .basis .menu ul li{float: left;font-size: 14px;color: #666;width: 85px;text-align: center;display: inline-block;margin:0 46px;}
.cloud-special-hapmap-wrap .cloud-special-hapmap .content .basis .menu ul li a:hover{color: #ffa101;}

.cloud-special-brand-wrap{width: 100%;background:#edf8fe;height: 493px;}
.cloud-special-brand-wrap .cloud-special-brand .gartner{position: relative;width: 670px;height:493px;}
.cloud-special-brand-wrap .cloud-special-brand .gartner .x86{font-size: 16px;color: #feaf18;position: absolute;left: 120px;top:225px;}
.cloud-special-brand-wrap .cloud-special-brand .gartner .delivery{font-size:18px;color:#6bd172;position:absolute;left:335px;top:240px;}
.cloud-special-brand-wrap .cloud-special-brand .info .title{font-size: 30px;color: #333;margin-top: 175px;}
.cloud-special-brand-wrap .cloud-special-brand .info p{margin-top: 25px;font-size: 14px;color: #666;width: 528px;}

.cloud-special-case-wrap{width: 100%;background: #ebebeb;padding-bottom: 100px;}
.cloud-special-case-wrap .cloud-special-case .title{padding-top: 60px;padding-bottom: 40px;text-align: center;font-size: 30px;color: #333;}
.cloud-special-case-wrap .cloud-special-case .information{height: 344px;width: 290px;background: #fff;float: left;margin:0 5px;transition: box-shadow 500ms linear,-webkit-transform 500ms linear,-moz-transform 500ms linear,-o-transform 500ms linear,transform 500ms linear,background-color 500ms linear;}
.cloud-special-case-wrap .cloud-special-case .information:hover{box-shadow: 0 15px 30px rgba(0,0,0,.1);transform: translate3d(0,-2px,0);background-color: #fff;cursor: pointer;}
.cloud-special-case-wrap .cloud-special-case .information .name{font-size: 16px;color: #666;padding-left: 15px;width: 250px;padding-top: 15px;height: 45px;}
.cloud-special-case-wrap .cloud-special-case .information .name a:hover{color: #ffa101;}
.cloud-special-case-wrap .cloud-special-case .information .synopsis{font-size: 14px;padding-left: 15px;color: #999;margin-top: 15px;width: 255px;height: 63px;}
.cloud-special-case-wrap .cloud-special-case .zcbutton a{width: 200px;height: 48px;line-height: 48px;text-align: center;font-size: 18px;color: #666;background: #fff;display: inline-block;margin-top: 40px;border-radius: 20px;}

.brand-banner-wrap{width: 100%;height: 807px;background: url(../Images/brand-banner-bg.png) no-repeat top center;}
.brand-banner-wrap .brand-banner .title{font-size: 64px;color: #fff;text-align: center;padding-top: 165px;}
.brand-banner-wrap .brand-banner .watch{text-align: center;padding-top: 65px;}
.brand-banner-wrap .brand-banner .watch a{width: 260px;height: 60px;display: inline-block;text-align: center;line-height: 60px;font-size: 18px;color: #fff;border: 2px solid #fff;border-radius: 5px;}
.brand-banner-wrap .brand-banner .watch a:hover{background: #fff;color: #012431;}

.brand-business-wrap{width: 100%;background: url(../Images/brand-business-bg.jpg) no-repeat top center;height:700px;}
.brand-business-wrap .brand-business{position: relative;}
.brand-business-wrap .brand-business .title{font-size: 30px;color: #333;text-align: center;padding-top: 80px;}
.brand-business-wrap .brand-business .info{font-size: 14px;color: #666;padding-top: 60px;line-height: 28px;}
.brand-business-wrap .brand-business .security .security-pic{position: absolute;left: 310px;bottom: -20px;}
.brand-business-wrap .brand-business .security .security-info{width: 619px;height:329px;position: absolute;background: url(../Images/sangfor-bg.png) no-repeat;left:90px;}
.brand-business-wrap .brand-business .safety{border-bottom: 1px solid #ddd;margin: 0 25px;padding: 15px 0px 15px 0px;}
.brand-business-wrap .brand-business .safety:last-child{border-bottom:0;}
.brand-business-wrap .brand-business .safety ul li{float: left;margin-right: 14px;font-size: 14px;}
.brand-business-wrap .brand-business .safety ul li a{color: #666;}
.brand-business-wrap .brand-business .safety ul li a:hover{color: #ffa101;}
.brand-business-wrap .brand-business .cloud .cloud-pic{position: absolute;left: 703px;bottom: -20px;}
.brand-business-wrap .brand-business .cloud .cloud-info{width: 619px;height:329px;position: absolute;background: url(../Images/sangfor-bg.png) no-repeat;left:486px;}

.brand-business-wrap .brand-business .safety-right{padding: 22px 0px;}
.brand-business-wrap .brand-business .safety-right ul li{margin-left:25px;line-height:26px;}
.brand-business-wrap .brand-business .api{position: absolute;background: url(../Images/api.png) no-repeat;color: #57b85d;font-size: 14px;height: 28px;line-height: 28px;right: 214px;top: 58px;}

.brand-accept-wrap{width: 100%;height: 900px;background: #ebebeb;}
.brand-accept-wrap .brand-accept .title{font-size: 30px;color: #333;text-align: center;padding-top: 80px;}
.brand-accept-wrap .brand-accept .content ul li{width:285px;height:285px;float:left;font-size:16px;color:#999;margin:0 7px 15px 7px;padding-bottom:18px;background: url(../Images/brand-accept-bg.jpg) no-repeat;position:relative;}
.brand-accept-wrap .brand-accept .content ul li .icon{position:absolute;top:37px;z-index:2;left:64px;}
.brand-accept-wrap .brand-accept .content ul li .info{text-align:center;position:absolute;bottom:0;left:0;width:100%;background:#FFF;padding-top:85px;padding-bottom:40px;}
.brand-accept-wrap .brand-accept .content ul li a:hover{color: #ffa101;}
.brand-bazaar-wrap{width: 100%;height: 900px;background: url(../Images/brand-bazaar-bg.jpg) no-repeat top center;}
.brand-bazaar-wrap .brand-bazaar .title{font-size: 30px;color: #333;text-align: center;padding-top:80px;}
.brand-bazaar-wrap .brand-bazaar .content ul li{float: left;margin: 0 97px;width: 205px;}
.brand-bazaar-wrap .brand-bazaar .content ul li .first{background: url(../Images/brand-bazaar-icon1.png) no-repeat;width: 195px;height: 195px;}
.brand-bazaar-wrap .brand-bazaar .content ul li .second{background: url(../Images/brand-bazaar-icon2.png) no-repeat;width: 195px;height: 195px;}
.brand-bazaar-wrap .brand-bazaar .content ul li .third{background: url(../Images/brand-bazaar-icon3.png) no-repeat;width: 195px;height: 195px;}
.brand-bazaar-wrap .brand-bazaar .content ul li .fourth{background: url(../Images/brand-bazaar-icon4.png) no-repeat;width: 195px;height: 195px;}
.brand-bazaar-wrap .brand-bazaar .content ul li .fifth{background: url(../Images/brand-bazaar-icon5.png) no-repeat;width: 195px;height: 195px;}
.brand-bazaar-wrap .brand-bazaar .content ul li .sixth{background: url(../Images/brand-bazaar-icon6.png) no-repeat;width: 195px;height: 195px;}
.brand-bazaar-wrap .brand-bazaar .content ul .li0{-webkit-animation:1s ease-out backwards;-moz-animation:1s ease-out backwards;-ms-animation:1s ease-out backwards;animation:1s ease-out backwards;-webkit-animation-name:zcfadeinR;-moz-animation-name:zcfadeinR;-ms-animation-name:zcfadeinR;animation-name:zcfadeinR;}
.brand-bazaar-wrap .brand-bazaar .content ul .li1{-webkit-animation:2s ease-out backwards;-moz-animation:2s ease-out backwards;-ms-animation:2s ease-out backwards;animation:2s ease-out backwards;-webkit-animation-name:zcfadeinR;-moz-animation-name:zcfadeinR;-ms-animation-name:zcfadeinR;animation-name:zcfadeinR;}
.brand-bazaar-wrap .brand-bazaar .content ul .li2{-webkit-animation:3s ease-out backwards;-moz-animation:3s ease-out backwards;-ms-animation:3s ease-out backwards;animation:3s ease-out backwards;-webkit-animation-name:zcfadeinR;-moz-animation-name:zcfadeinR;-ms-animation-name:zcfadeinR;animation-name:zcfadeinR;}
.brand-bazaar-wrap .brand-bazaar .content ul .li3{-webkit-animation:3s ease-out backwards;-moz-animation:3s ease-out backwards;-ms-animation:3s ease-out backwards;animation:3s ease-out backwards;-webkit-animation-name:zcfadeinL;-moz-animation-name:zcfadeinL;-ms-animation-name:zcfadeinL;animation-name:zcfadeinL;}
.brand-bazaar-wrap .brand-bazaar .content ul .li4{-webkit-animation:2s ease-out backwards;-moz-animation:2s ease-out backwards;-ms-animation:2s ease-out backwards;animation:2s ease-out backwards;-webkit-animation-name:zcfadeinL;-moz-animation-name:zcfadeinL;-ms-animation-name:zcfadeinL;animation-name:zcfadeinL;}
.brand-bazaar-wrap .brand-bazaar .content ul .li5{-webkit-animation:1s ease-out backwards;-moz-animation:1s ease-out backwards;-ms-animation:1s ease-out backwards;animation:1s ease-out backwards;-webkit-animation-name:zcfadeinL;-moz-animation-name:zcfadeinL;-ms-animation-name:zcfadeinL;animation-name:zcfadeinL;}

.brand-bazaar-wrap .brand-bazaar .content ul li .info{text-align: center;color: #6bccbb;text-align: center;font-size: 36px;padding-top: 115px;}
.brand-bazaar-wrap .brand-bazaar .content ul li a{display: inline-block;font-size: 16px;color: #333;text-align: center;height: 110px;}
.brand-bazaar-wrap .brand-bazaar .content ul li a:hover{color: #ffa101;}

.brand-case-wrap{width: 100%;background: #ebebeb;padding-bottom: 100px;}
.brand-case-wrap .brand-case .title{padding-top: 60px;padding-bottom: 40px;text-align: center;font-size: 30px;color: #333;}
.brand-case-wrap .brand-case .information{height: 344px;width: 290px;background: #fff;float: left;margin:0 5px;transition: box-shadow 500ms linear,-webkit-transform 500ms linear,-moz-transform 500ms linear,-o-transform 500ms linear,transform 500ms linear,background-color 500ms linear;}
.brand-case-wrap .brand-case .information:hover{box-shadow: 0 15px 30px rgba(0,0,0,.1);transform: translate3d(0,-2px,0);background-color: #fff;cursor: pointer;}
.brand-case-wrap .brand-case .information .name{font-size: 16px;color: #666;padding-left: 15px;width: 250px;padding-top: 15px;height: 45px;}
.brand-case-wrap .brand-case .information .name a:hover{color: #ffa101;}
.brand-case-wrap .brand-case .information .synopsis{font-size: 14px;padding-left: 15px;color: #999;margin-top: 15px;width: 255px;height: 63px;}
.brand-case-wrap .brand-case .zcbutton a{width: 200px;height: 48px;line-height: 48px;text-align: center;font-size: 18px;color: #666;background: #fff;display: inline-block;margin-top: 40px;border-radius: 20px;}


@-webkit-keyframes zcfadeinL{
    0%{opacity:0;-webkit-transform:translateX(-100px);}
    100%{opacity:1;-webkit-transform:translateX(0);}
}
@-moz-keyframes zcfadeinL{
    0%{opacity:0;-moz-transform:translateX(-100px);}
    100%{opacity:1;-moz-transform:translateX(0);}
}
@-ms-keyframes zcfadeinL{
    0%{opacity:0;-ms-transform:translateX(-100px);}
    100%{opacity:1;-ms-transform:translateX(0);}
}
@keyframes zcfadeinL{
    0%{opacity:0;transform:translateX(-100px);}
    100%{opacity:1;transform:translateX(0);}
}

@-webkit-keyframes zcfadeinR{
    0%{opacity:0;-webkit-transform:translateX(100px);}
    100%{opacity:1;-webkit-transform:translateX(0);}
}
@-moz-keyframes zcfadeinR{
    0%{opacity:0;-moz-transform:translateX(100px);}
    100%{opacity:1;-moz-transform:translateX(0);}
}
@-ms-keyframes zcfadeinR{
    0%{opacity:0;-ms-transform:translateX(100px);}
    100%{opacity:1;-ms-transform:translateX(0);}
}
@keyframes zcfadeinR{
    0%{opacity:0;transform:translateX(100px);}
    100%{opacity:1;transform:translateX(0);}
}

.video_tk{position:fixed; width:100%; height:100%;z-index:99999; left:0; top:0;}
.back_h{ background:#000;filter:alpha(opacity=50);opacity:0.5; position:fixed; width:100%; height:100%; z-index:9;}
.video_box{ width:1000px; height:552px; position:absolute; left:50%; top:50%; margin-left:-500px; margin-top:-276px; z-index:99; text-align:center;}
.video_box .i{ width:18px; height:18px; position:absolute; right:-4px; top:-4px;}
.video_box b{position:absolute; right:9px; top:0; width:35px; height:35px; display:block; cursor:pointer; z-index:1;}