*{transition:all .7s ease 0s;font-size:}
body{background-color: #fff}
.title{text-align: center}
.title h4{font-size: 30px;line-height:10px;margin-bottom: -40px;margin-left:30px;}
/*ѧ���������ƿ�ʼ*/
.superiority{ width:100%; height:847px; float:left; margin-top:0px;  background-size:cover;}
.super_text{ width:1200px; height:647px; margin:0 auto; background:url(../images/superiority.png) no-repeat center; background-size:cover;margin-top:-30px; }
.super_content{ width:1200px; height:742px; float:left;margin-top: 60px;}
.superli{ width:1200px; height:270px; float:left; margin-top:65px;}
.superli ul{ width:1180px; float:left; height:270px; margin-left:10px;}
.superli ul li{ width:100px; height:100px; float:left; color:#409AED; text-align:center; font-size:18px;cursor:pointer;border-radius: 100px;line-height:24px;background:url(../images/qipao.png) no-repeat center; background-size:cover;display: block;}
.superli ul li:nth-child(2){animation:myfirst linear infinite 2s;}
@keyframes myfirst {0% {margin-top:120px;} 50% {margin-top:128px;} 100% {margin-top:120px;}}
.superli ul li:nth-child(3){animation:myfirsta linear infinite 2s;}
@keyframes myfirsta {0% {margin-top:252px;} 70% {margin-top:260px;} 100% {margin-top:252px;}}
.superli ul li:nth-child(4){animation:myfirstb linear infinite 2s;}
@keyframes myfirstb {0% {margin-top:0px;} 60% {margin-top:8px;} 100% {margin-top:0px;}}
.superli ul li:nth-child(5){animation:myfirstc linear infinite 2s;}
@keyframes myfirstc {0% {margin-top:152px;} 40% {margin-top:160px;} 100% {margin-top:152px;}}
.superli ul li:nth-child(1){animation:myfirstd linear infinite 2s;}
@keyframes myfirstd {0% {margin-top:0px;} 40% {margin-top:8px;} 100% {margin-top:0px;}}

.superli ul li:hover{transform: scale(1.3);transition: all 0.3s;}
.superli ul li a{display: block;margin-top: 26px;}
/* .superli ul li:nth-child(2)>a{display:block;margin-top:38px;} */
.superli ul li:nth-child(2){ margin-left:60px;margin-top:120px;}
.superli ul li:nth-child(3){ margin-left:-212px; margin-top:252px;}
.superli ul li:nth-child(4){ margin-left:702px; margin-top:0px;}
.superli ul li:nth-child(5){ margin-left:4px; margin-top:152px;}
.superli ul li:nth-child(6){ margin-left:793px; margin-top:2px;}
.superli ul li:nth-child(6)>a{display:block;margin-top:38px;}
/*.superli ul li:hover{ background:#ffc670;border:1px solid #000000}
.superli .superhover{background:#ffc670; border:1px solid #ffa229;}*/
.supertext{ width:1200px; height:65px; float:left; margin-top:165px;}
.supert{ width:1000px; height:65px; margin:0 auto; text-align:center; font-size:24px; color:#000000; display:none;}
.supert:first-Child{ display:block;}
.superbut{ width:50%; float:left; height:74px;margin-left: 25%;}
.superbtn{ width:80%; height:72px; border:1px solid #000000; line-height:72px; text-align:center; font-size:30px; color:#00000; margin-left: 10%; margin-top:90px;border-radius: 40px;cursor:pointer;}
.superbtn:hover{ background: #2bbcf5; border:1px solid #3bcef3;transform: scale(1.05);transition: all 0.5s;} 
.superbtn:hover a{ color:#fff;} 
.imgWrap_k{float:left;width: 100%;position: relative;margin-top: -920px;z-index: -111;height: 900px;}
.imgWrap {width: 700px;height: 700px;margin: 0 auto;margin-top: 120px;}

.outer, .inner, .small {
	position: relative;
    width: 700px;
    height: 700px;
    border-radius: 50%;
    background-color: rgba(253,232,222,0.7);
    opacity: 0;
    -webkit-animation: ballScale 4s 0s linear infinite;
    -moz-animation: ballScale 4s 0s linear infinite;
    -ms-animation: ballScale 4s 0s linear infinite;
    animation: ballScale 4s 0s linear infinite;
}

.inner{
	position: relative;
	margin-top: -700px;
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -ms-animation-delay: 1s;
      animation-delay: 1s;
}
.small{
		position: relative;
	margin-top: -700px;
  -webkit-animation-delay: 2s;
  -moz-animation-delay: 2s;
  -ms-animation-delay: 2s;
      animation-delay: 2s;
}
@-webkit-keyframes ballScale {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1; }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);

    opacity: 0; } }
@-moz-keyframes ballScale {
  0% {
    -moz-transform: scale(0);
            transform: scale(0);
    opacity: 1; }

  100% {
    -moz-transform: scale(1);
            transform: scale(1);

    opacity: 0; } }
@-ms-keyframes ballScale {
  0% {
    -ms-transform: scale(0);
            transform: scale(0);
    opacity: 1; }

  100% {
    -ms-transform: scale(1);
            transform: scale(1);

    opacity: 0; } }
@keyframes ballScale {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
    }

  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; }
}
/*ѧ���������ƽ���*/


*{margin:0;padding:0;list-style-type:none;}
a,images{border:0;text-decoration:none;}

.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
*html .clearfix{height:1%}

.btn{display:inline-block;width:100px;height:32px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;line-height:32px;color:#009FD9;text-align:center;text-decoration:none;font-size:14px;cursor:pointer}

.cloud-product-box{background:#f4f4f4}
.cloud-product-wrapper{margin:0 auto;width:1200px}
.cloud-product{position:relative;z-index:9;padding:110px 0 80px;margin-top: 100px;}
.cloud-product-title{height:32px;text-align:center;line-height:32px;font-size:32px;color:#333}
.color-blue{color:#009fd9}
.cloud-product-explain{margin-top:26px;margin-bottom:82px;height:16px;line-height:16px;text-align:center;font-size:16px;color:#999}
.cloud-product-ul{width:100%}
.cloud-product-ul li{position:relative;margin-left:12px;width:212px;height:522px;float:left;background:#fff}
.cloud-product-ul li:first-child{margin-left:0}
.cloud-product-single-top{width:100%;height:60px;line-height:60px;text-align:center;background-color:#f2f2f2}
.cloud-product-name{font-size:18px;color:#333;font-weight:700}
.cloud-product-single-bottom{width:100%;height:340px}
.empty-space{width:100%;height:99px;padding:26px 0 0 0;}
.single-bottom-item{height:340px;width:100%}
.single-bottom-item:first-child{border-right:1px solid #eee}
.bg-product-pic{width:100%;height:82px}
.server-header-01{background:url(../images/product_header_icon_01.png) center no-repeat}
.server-header-02{background:url(../images/product_header_icon_02.png) center no-repeat}
.server-header-03{background:url(../images/product_header_icon_03.png) center no-repeat}
.server-header-04{background:url(../images/product_header_icon_04.png) center no-repeat}
.server-header-05{background:url(../images/product_header_icon_05.png) center no-repeat}
.server-header-active-01{background:url(../images/product_header_active_icon_01.png) center no-repeat}
.server-header-active-02{background:url(../images/product_header_active_icon_02.png) center no-repeat}
.server-header-active-03{background:url(../images/product_header_active_icon_03.png) center no-repeat}
.server-header-active-04{background:url(../images/product_header_active_icon_04.png) center no-repeat}
.server-header-active-05{background:url(../images/product_header_active_icon_05.png) center no-repeat}

.product-introduce-title{margin-bottom:14px;height:22px;line-height:40px;font-size:18px;text-align:center}
.product-introduce-title.normal-weight{font-weight:400}
.product-introduce-content{margin:0 auto 26px;width:180px;line-height:14px;font-size:14px;text-align:center;color:#999}
.product-introduce-list{margin:0 auto;padding-top:28px;height:135px;width:84%;border:1px solid #f1f1f1;border-left:none;border-right:none}
.introduce-list-small{margin-bottom:18px;line-height:14px;font-size:14px;color:#999;text-align:center}
.product-introduce-price{margin:48px auto 0;font-size:14px;text-align:center;color:#333}
.price-blue{color:#0af;font-size:38px}
.normal-inner{transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.active-inner{position:relative;display:none;height:100%;-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.introduce-link{position:absolute;top:0;left:0;width:100%;height:360px}
.active-inner-01{background:url(../images/producet_bg_01.jpg) center no-repeat}
.active-inner-02{background:url(../images/producet_bg_02.jpg) center no-repeat}
.active-inner-03{background:url(../images/producet_bg_03.jpg) center no-repeat}
.active-inner-04{background:url(../images/producet_bg_04.jpg) center no-repeat}
.active-inner-05{background:url(../images/producet_bg_05.jpg) center no-repeat}
.cloud-product-ul li.active .active-inner{display:block;-moz-opacity:1;-khtml-opacity:1;opacity:1}
.cloud-product-ul li.active .normal-inner{display:none;-moz-opacity:0;-khtml-opacity:0;opacity:0}
.cloud-product-ul li{-webkit-box-shadow:1px 1px 12px rgba(0,0,0,.08);-moz-box-shadow:1px 1px 12px rgba(0,0,0,.08);box-shadow:1px 1px 12px rgba(0,0,0,.08);-webkit-transition:width .15s linear;-o-transition:width .15s linear;-moz-transition:width .15s linear;transition:width .15s linear}
.cloud-product-ul li.active{z-index:9;width:304px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.2);-moz-box-shadow:0 4px 20px rgba(0,0,0,.2);box-shadow:0 4px 20px rgba(0,0,0,.2)}
.active .product-introduce-content{color:#eff6ff}
.active-product-introduce-title{color:#fff}
.active .product-introduce-list{padding-top:22px;border-color:#3f9ff9}
.introduce-list-large{margin:0 auto;width:228px;line-height:22px;color:#ddebff;font-size:14px}
.active .product-introduce-price{margin-top:32px;color:#fefeff}
.product-introduce-price .price-white{display:inline-block;font-size:36px;height:36px;line-height:36px;color:#fff}
.buy-link-btn{display:block;margin:30px auto 0;width:90%;height:40px;line-height:40px;background-color:#ff9600;color:#fff;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.buy-link-btn:hover{background-color:#f80}