.topt{text-align:center;}
.topt .sytitle{font-size:36px;color:#333;font-weight:bold;}
.topt .p1{font-size:24px;font-weight:bold;color:#333;}
.topt .p2{font-size:24px;color:#999;margin-top:10px;}
.bannerbox{width:100%;position:relative; overflow:hidden;height:560px;}
.banner{width:1920px;position:absolute;left:50%;margin-left:-960px;}
.banner#b1{display:block;height:560px;background:url(../../images/single/cloudplatform/banner.png) no-repeat;}
.banner#b1 .ban2{padding-top:150px;}
.banner#b1 .ban2 .bac{margin-top:30px;width:498px;}
.banner#b1 .ban2 .bac p{font-size:20px;margin-top:0;line-height:42px;}

.wsy{padding:80px 0;margin-top:0;}
.bg{background:#f5f6f8;}
.bg2{background:#59ab66;}
.bg2 .topt .sytitle{color:#fff;}
.clou{display:block;width:1200px;margin:0 auto;overflow:hidden;}
#clou1,#clou2,#clou3,#clou4,#clou6,#clou8,#clou9{margin-top:60px;}
#clou1 span{display:block;float:left;width:750px;box-sizing:border-box;}
#clou1 span img{display:block;width:100%;height:100%;}
#clou1 .cloup{display:block;float:right;width:450px;box-sizing:border-box;padding-left:30px;}
#clou1 .cloup p{font-size:20px;color:#666;line-height:32px;margin-top:30px;}

#clou2 .cloup{display:block;float:left;width:560px;margin-top:20px;}
#clou2 .cloup dl{margin-top:30px;}
#clou2 .cloup dl dt{display:inline-block;font-size:24px;color:#333;padding-left:80px;line-height:52px;}
#clou2 .cloup dl dt.icon1{background:url(../../images/single/cloudplatform/icon1.png) no-repeat left center;}
#clou2 .cloup dl dt.icon2{background:url(../../images/single/cloudplatform/icon2.png) no-repeat left center;}
#clou2 .cloup dl dt.icon3{background:url(../../images/single/cloudplatform/icon3.png) no-repeat left center;}
#clou2 .cloup dl dd{font-size:16px;color:#999;padding-left:80px;}
#clou2 span{display:block;float:right;width:520px;}
#clou2 span img{display:block;width:100%;height:100%;}

#clou3 span img,#clou4 span img,#clou5 span img,#clou8 span img,#clou9 span img{display:block;margin:0 auto;}
.cloub{position:relative;overflow:hidden;height:675px;margin-top:30px;}
.cloub span{width:1700px;position:absolute;left:50%;margin-left:-850px;}

#clou6 .item{box-sizing: border-box;float:left;width: 280px;height: 375px;padding: 25px 45px 0 45px;border:1px solid #f2f3f5;margin-right:26px;}
#clou6 .item:nth-child(4){margin-right: 0;}
#clou6 .item img{display:block;margin:0 auto;}
#clou6 .item .ti{font-size: 20px;color: #666;margin:25px 0 20px 0;text-align:center;}
#clou6 .item span{font-size: 16px;color: #666;display: inline-block;vertical-align: middle}
#clou6 .item .a1{background:#f8b83c;width: 60px;height: 15px;margin-right: 10px;}
#clou6 .item .a2{background:#f51a1a;width: 60px;height: 15px;margin-right: 10px;}
#clou6 .item .a3{background:#0771c0;width: 60px;height: 15px;margin-right: 10px;}
#clou6 .item .a4{background:#01ad4b;width: 60px;height: 15px;margin-right: 10px;}
#clou6 .item .a5{background:#8c18ee;width: 60px;height: 15px;margin-right: 10px;}
#clou6 .item .a6{background:#faf20d;width: 60px;height: 15px;margin-right: 10px;}
#clou6 .item .text li{list-style-type:square;font-size: 14px;color: #999;margin-bottom: 12px;}
#clou6 .item .text .left{float: left;text-align: left;}
#clou6 .item .text .right{float: right;text-align: left;}
.col{text-align:center;}
.col div{margin-bottom:8px;}

#clou7{background:#fff;border-radius:10px;overflow:hidden;padding:30px;box-sizing:border-box;margin-top:60px;}
#clou7 dl{display:block;float:left;width:50%;box-sizing:border-box;padding:30px 20px;}
#clou7 dl dt{display:inline-block;font-size:24px;color:#333;padding-left:80px;line-height:52px;}
#clou7 dl dt.icon8{background:url(../../images/single/cloudplatform/icon8.png) no-repeat left center;}
#clou7 dl dt.icon9{background:url(../../images/single/cloudplatform/icon9.png) no-repeat left center;}
#clou7 dl dt.icon10{background:url(../../images/single/cloudplatform/icon10.png) no-repeat left center;}
#clou7 dl dt.icon11{background:url(../../images/single/cloudplatform/icon11.png) no-repeat left center;}
#clou7 dl dd{font-size:16px;color:#999;padding-left:80px;}

#clou10{display:block;width:1000px;padding:45px;box-sizing:border-box;background:#fff;box-shadow:0px 0px 15px 0px rgba(3,21,51,.1);border-radius:10px;}
#clou10 p{font-size:30px;color:#59ab66;font-weight:bold;text-align:center;}

/*留言板*/
.message{display:block;padding:80px 0;background:#f0f3fa;}
.mestitle,.remarks{display:block;text-align:center;}
.mestitle .titleh{font-size:28px;color:#333;font-weight:700}
.mestitle .contp{font-size:20px;color:#666;margin-top:10px;}
.formd form{display:flex;justify-content:space-evenly;padding:0 200px;margin-top:40px;}
.formd form .xmane,.formd form .iphone{width:300px;position:relative;border:solid 1px #f0f3fa;box-sizing:border-box;}
.formd form .xmane input,.formd form .iphone input{display:block;width:100%;height:100%;box-sizing:border-box;line-height:60px;padding:20px 10px;padding-left:60px;font-size:14px;}
.formd form .xmane:before{display:block;position:absolute;left:15px;top:15px;content:'';background:url(../../images/xingming.png) no-repeat;width:30px;height:30px;}
.formd form .iphone:before{display:block;position:absolute;left:15px;top:15px;content:'';background:url(../../images/dianhua.png) no-repeat;width:30px;height:30px;}
.formd form .submit{width:180px;height:60px;}
.formd form .submit input{display:block;width:100%;height:100%;text-align:center;line-height:60px;background:#316fff;color:#fff;border:solid 1px #316fff;font-size:20px;cursor:pointer;box-sizing:border-box;}
.remarks{margin-top:30px;}
.remarks .main{font-size:24px;color:#333;font-weight:700}
.remarks .small{font-size:24px;margin-top:5px;color:#666;}
font{color:#f50303;font-weight:700;}