@charset "gb2312";
.clear::after{content: ""; display: block; clear: both;}
.ContentBox {
    width: 100%;
    background-image: url(../image/20200605_01.png),url(../image/20200605_02.png),url(../image/20200605_03.png),url(../image/20200605_04.png),url(../image/20200605_05.png),url(../image/20200605_06.png),url(../image/20200605_07.png),url(../image/20200605_08.png),url(../image/20200605_09.png);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 0,190px,380px,570px,760px,950px,1140px,1330px,1520px,1710px,1900px;
    background-color: #d5e2f4;

}
.TopBoxM{display: none;}
.content{width: 100%; max-width: 1200px; margin: auto; overflow: hidden;}
.content_top{width: 100%; max-width: 1200px; margin:200px auto 0;height: 320px; }
.TopBox{width: 50%; margin: auto;position: relative;}
.TopBox>div{position: absolute;}
.TopBox>div>img{width: 100%;}
.img1{width: 95px; height: 247px; top:0; left: 0 ;}
.img2{width: 173px; height: 174px; top:130px; left: 0 ;}
.img3{width: 42px; height: 294px; top:10px; left: 240px ;}
.img4{width: 160px; height: 160px; top:10px; left: 320px ;}
.img5{width: 159px; height: 159px; top:140px; left: 320px ;}
.comma{width: 25px; height: 25px; background-color: rgba(255, 255, 255, 0.5); top: 270px; left: 190px;}
.Discount{width: 72px; height: 72px; border-radius: 100%; background-color: rgba(255, 255, 255, 0.5); top: 240px; left: 500px;}
.Discount{text-align: center; line-height: 72px; font-size: 50px; color: white;}
.Date{width: 100%; max-width: 1200px; margin:70px auto;}
.Date>p{color: white; font-size: 20px; text-align: center; letter-spacing: 2px;}
.Advantage{max-width: 700px; margin:auto; width: 100%;}
.AdvantageList>div{width: 23%; margin: 1%; overflow: hidden; text-align: center; float: left;}
.AdvantageList>div>*{display: inline-block;}
.AdvantageList>div .bgc{width: 20px; height: 20px; margin: 10px;}
.AdvantageList>div .title{font-size: 18px; color: white;}
.AdvantageList>div:nth-child(1){background-color: #008cd7;}
.AdvantageList>div:nth-child(1) .bgc{background-color: #005bac;}
.AdvantageList>div:nth-child(2){background-color: #f08200;}
.AdvantageList>div:nth-child(2) .bgc{background-color: #e60012;}
.AdvantageList>div:nth-child(3){background-color: #6eb92b;}
.AdvantageList>div:nth-child(3) .bgc{background-color: #00873c;}
.AdvantageList>div:nth-child(4){background-color: #e033bb;}
.AdvantageList>div:nth-child(4) .bgc{background-color: #77005d;}

.iconDown{margin: 90px auto; text-align: center;}
.iconDown>i{color: white; }

.ProductTitles{font-size: 28px; text-align: center; color: white; margin: 28px auto; }
.Product {margin-top: 60px;}
.ProductList{background-color: white; overflow: hidden; border-right: 1px #eee solid; margin-top: 20px; position: relative;}
.ProductList:nth-child(4n + 4){border: none;}
.ProductList>div{margin: 20px;}
.ProductTitle>p{font-size: 18px; font-weight: bold; text-align: center; margin:15px auto}
.ProductConfigure>p>span{color: #afafaf; font-size: 15px; width: 60px;display: inline-block;}
.ProductConfigure>p{color: #333333; font-size: 16px;display: inline-block; line-height: 40px;}
.layui-form-item .layui-input-inline{float: none    ;}
.ProductPrice{margin-top: 20px;margin-bottom: 20px;}
.bg-red{background-color: red !important;}
.present{font-size: 26px; color: #c7000b;}
.present>i{font-style: normal; font-weight: bold;}
.present::before{content: "гд";font-size: 14px;}
.price{margin-top: 10px;}
.price>p{display: inline-block;}
.present>span{font-size: 14px;}
.original{font-size: 14px; color: #afafaf;margin-left: 8px    ;}
.Buy{    width: 120%;
    max-width: 300px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    background-color: white;
    box-shadow: 1px -1px 20px 20px rgba(0, 0, 0, 0.05)  ;
    margin-left: -20px;
    margin-bottom: -20px;}
.Buy>a{display: block;}
.banner{position: absolute; top: 0 ;right: -73px;}
.banner>p{background-color: red; color: white; transform: rotate(45deg);padding: 3px 54px;}
.Product>.active{background-image: url(../image/product2.png); background-repeat: no-repeat; background-position: center; background-size: cover;}
.Product>.active .Buy{background-image: linear-gradient(90deg,#f1d895,#ec6c70,#ce2aae); background-color:#ec6c70 ; }
.Product>.active .Buy a{color: white;}
.Product>.active .ProductTitle p{color: white;}
.Product>.active .ProductConfigure p{color: white;}
.Product>.active .present{color: white;}


.fl {
    float: left;
}
.taocan_content li:hover,.product_content li:hover,.grey_bg .about_cloud li:hover,.apply_cloud li:hover{bottom: 10px;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;}
.white_bg {
    width: 100%;
    background: #fff;
    padding: 80px 0;
    overflow: hidden;
}
.grey_bg { width: 100%; background: #f5f5f5; padding: 80px 0; overflow: hidden; }
.grey_bg .about_cloud {  max-width: 1200px; margin: 0 auto; width: 100%; }
.grey_bg .about_cloud h2 { text-align: center; color: #333; font-size: 35px; margin-bottom: 60px; }
.grey_bg .about_cloud li { width: 480px; height: 100px; padding: 35px; background: #fff; font-size: 14px; color: #666; margin-right: 40px; margin-bottom: 30px; border-left: 8px solid #df2c2c;position: relative;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    bottom: 0; -webkit-box-shadow: 0 0 30px 2px #bfbfbf; -moz-box-shadow: 0 0 30px 2px #bfbfbf; box-shadow: 0 0 30px 2px #bfbfbf; float: left; }
.grey_bg .about_cloud li:last-child(2), .grey_bg .about_cloud li:nth-child(2) { margin-right: 0; }
.grey_bg .about_cloud .about_img { width: 13%; padding-right: 3%; }
.grey_bg .about_cloud .about_tit { width: 84%; font-size: 18px; color: #333; }
.grey_bg .about_cloud .about_txt { font-size: 15px; color: #888888; line-height: 23px; margin-top: 15px; }


.layui-input, .layui-select, .layui-textarea{background-color: rgba(255, 255, 255, 0.5);}
.layui-form-item .layui-input-inline{width: 150px;}
.layui-form-select dl dd.layui-this{background-color: salmon;}
.layui-form-label{width: 60px; padding: 9px 0; text-align:left; color: #afafaf;}

.white_bg .product_content {  max-width: 1200px; margin: 0 auto; width: 100%;}
.product_content h2 { text-align: center; color: #333; font-size: 35px; margin-bottom: 60px; }
.product_content li { width: 260px; height: 420px; background: #fff; font-size: 14px; color: #888; margin-right: 40px; text-align: center; float: left;position: relative;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    bottom: 0;}
.product_content li:last-child { margin-right: 0; }
.product_content .cloudpro_tit { font-size: 18px; color: #333; margin: 10px 0; }
.swiper-wrapper{height: auto;}
.apply_cloud { max-width: 1200px; margin: 0 auto; width: 100%;}
.apply_cloud h2 { text-align: center; color: #333; font-size: 35px; margin-bottom: 60px; }
.apply_cloud li { width: 270px; height: 350px; padding: 45px; background: #fff; font-size: 15px; color: #888; text-align: center; border-top-right-radius: 50px;position: relative;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    bottom: 0; border-bottom-left-radius: 50px; margin-right: 50px; -webkit-box-shadow: 0 0 30px 2px #bfbfbf; -moz-box-shadow: 0 0 30px 2px #bfbfbf; box-shadow: 0 0 30px 2px #bfbfbf; float: left; }
.apply_cloud li:last-child { margin-right: 0; }
.apply_cloud .apply_tit { font-size: 18px; color: #333; padding: 20px 0; border-bottom: 1px solid #eee; }
.apply_cloud .apply_txt { padding: 20px 0; text-align: center; text-align: left; line-height: 25px; }
.white_bg {
    overflow: hidden;
    width: 100%;
    background-color: white;
    padding: 50px 0;
  }
  
  .white_bg .product_content {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%
  }
  
  .product_content h2 {
    text-align: center;
    color: #333;
    font-size: 35px;
    margin-bottom: 60px;
  }
  
  
  .product_content li:last-child {
    margin-right: 0;
  }
  
  .product_content .cloudpro_tit {
    font-size: 18px;
    color: #333;
    margin: 10px 0;
  }
  
  
  .white_bg .product_content li:hover {
    bottom: 10px;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
  }
  
  .x-con-c {
    z-index: 6;
  }
  .home {
    z-index: 666;
    width: 70px;
    border-radius: 5px;
    text-decoration: none;
    line-height: 35px;
    text-align: center;
    height: 70px;
    background: #F00;
    font-size: 16px;
    color: #FFF;
    position: fixed;
    top: 1%;
    left: 2%
  }
  .home:hover{color: white;}
@media screen and (max-width: 450px){
    .layui-form-item .layui-input-inline {
      
        margin: 0 0 10px 67px;
    }
    .Buy{
        width: 112%; max-width: 1000px;
    }
    .Date{margin: 34px auto;}
    .TopBox{display: none;}
    .TopBoxM{display: block;}
    .TopBoxM>img{display: block; width: 96%; margin: auto;}
    .AdvantageList>div{width: 48%;}
    .apply_cloud li{padding: 45px 0;}
.apply_cloud li>div{margin: 0 45px;}

.ProductItem{height: auto; background-size: cover;}
.DeployItem{white-space: nowrap; width: 33%; padding: 0; float: left; height: 100px; display: block;}
  .product_content li {
    margin-right: 0
  }
  .apply_cloud li{font-size: 12px;}
  .apply_cloud .apply_tit{font-size: 15px;}
  .ProductPrice{max-width: 100%;padding-bottom: 15px; overflow: hidden;}
  .ProductTitle{display: block; text-align: center;}
  .grey_bg .about_cloud li{    width: 80%;
    height: 136px;}
	#floatTools{display: none}
}