@charset "utf-8";
/*4����*/
.service-action {width:100%;height:100px;background-color: #161c44;border-top:1px solid #4b6c9f}
.service-action ul{width:1200px;margin: 0 auto;}
.service-action ul li a{color: #fff;}
.service-action ul li{float: left;width:25%;padding:0 20px; border-right: 1px solid #4b6c9f;}
.service-action ul li:hover {background-color: #1d255a;}
.service-action ul li:last-child{border-right:none}
.service-action-box{position: relative;height: 99px;}
.service-action-text{position: absolute;left: 90px;top: 12px}
.service-action-img{margin-top: 15px;}
.service-action-title{font-size: 20px;}
.service-action-info{font-size: 12px;font-weight: lighter;}
.cloud-service {background:#f8fafd url(../images/first_bg.jpg) no-repeat center;background-size: cover;min-height: 835px;position: relative;}
.cloud-service .cloud-service-box{width:1200px;margin: 0 auto;position: relative;}
.cloud-service .cloud-service-box .cloud-service-info{margin-left: 600px;padding-top: 100px;}
.cloud-service .cloud-service-box .cloud-service-info h5{font-size:32px;font-weight: bold;color: #41516a;}
.cloud-service-box .cloud-service-info .line{width:62px;height:2px;background-color: #4d82ff;}
.cloud-service-info ul{margin: 60px 0;}
.cloud-service-info ul li {margin-bottom: 50px; padding:10px 0 0 100px;height:72px; background: url(../images/cloud-service-icon.png) no-repeat left;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;}
.cloud-service-info ul li:hover{cursor: pointer;-webkit-transform: translate3d(-20px, 0, 0);transform: ranslate3d(-20px, 0, 0);}
.cloud-service-info ul li.icon1{background-position: 0 0;}
.cloud-service-info ul li.icon2{background-position: 0 -118px;}
.cloud-service-info ul li.icon3{background-position: 0 -228px;}
.cloud-service-info ul li.icon4{background-position: 0 -332px;}
.cloud-service-info ul li p{line-height:20px}
.cloud-service-info ul li .title{font-size: 22px;color: #666;}
.cloud-service-info ul li .text{font-size: 16px;color: #666;}
.cloud-service-box .more{width:86px;height:95px;background:url(../images/cloud-service-arrow.jpg) no-repeat center; position: absolute;bottom:0;right:20px}
.cloud-service-box .more a{display: block;width:80px;height:90px}
.cloud-pro{background:url(../images/second_bg.png) no-repeat center;background-size:cover;min-height: 800px;
 z-index: 6;}
.cloud-pro .cloud-pro-box{width:1280px;margin: 0 auto;padding-top: 160px;}
.cloud-pro .cloud-pro-box h5{margin-bottom: 20px;font-size: 32px;color: #fff;font-weight: bold;text-align: center;}
.cloud-pro .cloud-pro-box .line{width:62px;height:2px;background-color: #fff;margin: 0 auto;}
.cloud-pro-box .prod-item {float: left;width: 288px; height: 390px; border-radius: 10px;background-color: #cfdef5;
box-shadow: 2px 2px 2px rgba(6, 6, 6, 0.42);margin-right: 42px;margin-top: 85px; box-sizing: border-box;padding: 48px 10px 40px;position: relative;overflow: hidden;-webkit-transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);transition: all 0.6s cubic-bezier(0.19, 1, 0.22, 1);will-change: transform; }
.cloud-pro-box .prod-item:before {content: '';position: absolute;top: -4px;width: 100px;height: 8px;border-radius: 6px;background-color: #4D82FF; }
.cloud-pro-box .prod-item:nth-of-type(2):before {background-color: #9B5CF5; }
.cloud-pro-box .prod-item:nth-of-type(3):before { background-color: #36D3A2; }
.cloud-pro-box .prod-item:last-of-type { margin-right: 0; }
.cloud-pro-box .prod-item:last-of-type:before {background-color: #FFB32A; }
.cloud-pro-box .prod-item:hover {z-index: 9;background: #FFF; -webkit-transition-delay: .15s;transition-delay: .15s;-webkit-transform: translate3d(0, -7px, 0);transform: ranslate3d(0, -7px, 0);-webkit-box-shadow: 3px 3px 46px rgba(6, 6, 6, 0.52);box-shadow: 3px 3px 46px rgba(6, 6, 6, 0.52);cursor: pointer; }
.cloud-pro-box .prod-item .prod-price{margin: 0 0 0 20px; padding-left: 110px;height: 80px; background: url(../images/prod-icon.png) no-repeat; font-size: 14px;color: #3b426b;}
.cloud-pro-box .prod-item .prod-price span{font-size: 50px;color: #3b426b;font-weight: bold;}
.cloud-pro-box .prod-item .detail{padding: 20px 10px 30px 10px;}
.cloud-pro-box .prod-item .detail .name{margin: 10px 0; font-size: 22px;color: #8289af;font-weight: bold;}
.cloud-pro-box .prod-item .detail .text{font-size: 14px;color: #8289af;line-height:26px}
.cloud-pro-box .prod-item  .prod-line{width:100%;height:1px;background-color: #bfcce0;}
.cloud-pro-box .prod-item  .buy{padding: 30px;}
.cloud-pro-box .prod-item  .buy a{width:100%;display: block;padding: 8px 20px; background-color:transparent;color: #919db1;text-align: center;border-radius:5px;border: 1px solid #afbbcf;transition: 0.6s ease-out;}
.cloud-pro-box .prod-item.show {background-color: #f8fafd;}
.cloud-pro-box .prod-item .prod-price.p-icon1{background-position: 0 0;}
.cloud-pro-box .prod-item .prod-price.p-icon2{background-position: 0 -180px;}
.cloud-pro-box .prod-item .prod-price.p-icon3{background-position: 0 -360px;}
.cloud-pro-box .prod-item .prod-price.p-icon4{background-position: 0 -540px;}
.cloud-pro-box .prod-item.show .prod-price.p-icon1{background-position: 0 -90px;}
.cloud-pro-box .prod-item.show .prod-price.p-icon2{background-position: 0 -270px;}
.cloud-pro-box .prod-item.show .prod-price.p-icon3{background-position: 0 -450px;}
.cloud-pro-box .prod-item.show .prod-price.p-icon4{background-position: 0 -630px;}
.cloud-pro-box .prod-item.show .buy a{background-color: #4d82ff;color: #fff;border:none}
.cloud-pro-box .prod-item.show  .buy a:hover{box-shadow: 0 8px 16px rgba(77, 130, 255, 0.5);}
.cloud-pro-box .prod-item.show  .prod-line{background-color: #e1e7ff;}
.cloud-pro-box .prod-item.show .detail .name,.cloud-pro-box .prod-item.show .detail .text{color: #3b426b;}
/*�������*/
@-webkit-keyframes ripple {
 0% {
 opacity: .5;
 -webkit-transform: scale(.1);
 transform: scale(.1);
}
 5% {
 opacity: 1;
}
to {
	-webkit-transform: scale(1);
	transform: scale(1);
}
}
 @keyframes ripple {
 0% {
 opacity: .5;
 -webkit-transform: scale(.1);
 transform: scale(.1);
}
 5% {
 opacity: 1;
}
to {
	-webkit-transform: scale(1);
	transform: scale(1);
}
}