/* banner */
.bannerBox {
  background: url(../images/banner.png) no-repeat;
  width: 100%;
  height: 450px;
  background-size: cover;
  background-position: center;
}
.bannerContent {
  text-align: center;
  padding-top: 100px;
}
.bannerContent p {
  color: #fff;
  line-height: 50px;
}
.videoBth {
  width: 70px;
  height: 70px;
  background: url(../images/video.png) no-repeat;
  background-size: contain;
  margin: 30px auto;
}
.maskVideo {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0,0,0,0.4);
  display: none;
}
.videoBox {
  width: 900px;
  height: 500px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  background: #fff;
}
/* PaaS 平台介绍 */
.PaaSInfo {
  padding: 60px 0;
}
.PaaSInfo .fontH3 {
  padding-bottom: 30px;
}
.PaaSInfo .fontdiv p:nth-of-type(1){
  padding-bottom: 20px;
}
/* PaaS 平台为开发者提供 */
.PaaSDeveloper {
  background: #f7f7fa;
  padding: 60px 0;
}
.PaaSDeveloper .fontH3 {
  padding-bottom: 40px;
}
.developerInfoBox {
  display: flex;
  justify-content: space-between;
  margin-bottom: 60px;
}
.developerInfo {
  width: 480px;
}
.developerInfo .fontH5 {
  padding-bottom: 20px;
}
.developerImg1 {
  background: url(../images/paas1.png) no-repeat;
}
.developerImg2 {
  background: url(../images/paas2.png) no-repeat;
  background-position: center
}
.developerImg3 {
  background: url(../images/paas3.png) no-repeat;
}
.developerImg {
  background-size: contain;
  width: 480px;
  height: 317px;
}
/* Paas平台为企业提供 */
.PaaSBusiness {
  padding: 60px 0 100px;
}
.PaaSBusiness .fontH3 {
  padding-bottom: 30px;
}
.PaaSBusiness .font24 {
  font-size: 24px;
  color: #2F2F34;
  padding-bottom: 40px;
}
.PaaSBusinessList {
  display: flex;
  justify-content: space-between;
}
.PaaSBusinessList li {
  width: 250px;
  height: 350px;
  border: 1px solid #f1f1f1;
  border-radius: 8px;
  padding: 20px;
  box-sizing: border-box;
}
.PaaSBusinessList li .fontH5 {
  text-align: center;
  padding-bottom: 20px;
}
.PaaSBusinessList li .fontdiv  {

}
.close {
  background: url(../images/close.png) no-repeat;
  width: 45px;
  height: 45px;
  position: absolute;
  top: -50px;
  right: 0;
  background-size: contain;
}
.PaasIcon1 {
  background: url(../images/paasIcon1.png) no-repeat;
}
.PaasIcon2 {
  background: url(../images/paasIcon2.png) no-repeat;
}
.PaasIcon3 {
  background: url(../images/paasIcon3.png) no-repeat;
}
.PaasIcon4 {
  background: url(../images/paasIcon4.png) no-repeat;
}
.PaasIcon {
  background-size: contain;
  width: 54px;
  height: 50px;
  margin: 17px auto 40px;
}


/* API----CSS */
.apidoc{
  width: 100%;
  background: #fff;
  margin-top: 62px;
  margin-bottom: 60px;
}
.apidoc h3{
  margin-bottom: 20px;
}
.apidoc h5{
  margin-top: 20px;
  margin-bottom: 10px;
}
.apidoc .api_p{
  height: 40px;
  line-height: 40px
}
.apidetail ul li a:hover {
  text-decoration: underline;
}
.apidoc li span{
  display: inline-block;
}
.apidoc li .circle{
  height: 6px;
  width: 6px;
  background: #448BE2;
  border-radius:3px; 
  margin-right: 10px;
}
.apidoc h6{
  font-weight: 500;
  margin-left: 40px;
  line-height: 20px;
  margin-bottom: 5px
}
.apidoc table{
  margin-left: 40px;
  width: 570px;
  height: 110px;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc; 
  border-collapse: collapse;  
}
.apidoc table tr th{
  background: rgb(243,243,243)
}
.apidoc table tr th,.apidoc table tr td{
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc; 
  padding-left: 10px;
  font-size: 14px;
  font-weight: 500;
  text-align: left;
}
.apidoc .parameter{
  margin: 10px 40px 30px;
}
.apidoc .parameter p{
  line-height: 20px;
}
.apidetail{
  width: 100%;
  background:#F7F7FA;
  padding-top:60px; 
  padding-bottom: 100px;
}
.apidetail li{
  width: 250px;
  display: inline-block;
  height: 86px;
  border-bottom: 1px solid #DBE0E4;
  margin-right: 28px;
}
.apidetail .rowlast{
  margin-right: 0;
}
.apidetail li a{
  font-size: 16px;
  color: #448BE2;
  letter-spacing: 0;
  margin-top: 50px;
  display: inline-block;
}

/* 平台介绍 */
.paasWholeInfo {
  width: 100%;
}
.paasWholeInfo .fontH3 {
  padding-bottom: 30px;
}
.paasWholeInfo .fontdiv {
  padding-bottom: 20px;
}
.paasWholeInfo {
  padding-top: 60px;
  padding-bottom: 40px
}
/* Paas平台技术架构 */
.PaaSFramework {
  padding: 60px 0 40px;
  background: #f7f7fa;
}
.PaaSFramework .fontH3 {
  padding-bottom: 30px;
}
.PaaSFrameworkBox {
  display: flex;
  justify-content: space-between;
}
.PaaSFrameworkBox .leftInfo {
  width: 500px;
  padding-right: 60px;
}
.PaaSFrameworkBox .leftInfo .fontdiv {
  padding-bottom: 20px;
}
.PaaSFrameworkBox .rightImg {
  background: url(./images/overview1.png) no-repeat;
  width: 550px;
  height: 394px;
  background-size: contain;
}
/* Paas平台软件包 */
.PaaSSoftware {
  padding: 60px 0 40px;
}
.PaaSSoftware .fontH3 {
  padding-bottom: 30px;
}
.PaaSSoftwareBox {
  display: flex;
}
.PaaSSoftwareBox .leftIcon {
  background: url(./images/overview2.png) no-repeat;
  width: 136px;
  height: 136px;
  background-size: contain;
  margin-right: 30px;
}
.PaaSSoftwareBox .rightInfo {
  width: 940px;
}
.PaaSSoftwareBox .rightInfo .fontdiv {
  padding-bottom: 20px;
}
/* Paas平台部署环境 */

.PaaSAmbient {
  padding: 60px 0 40px;
  background: #f7f7fa;
}
.PaaSAmbient .fontH3 {
  padding-bottom: 30px;
}
.PaaSAmbientBox {
  display: flex;
}
.PaaSAmbientBox .leftIcon {
  background: url(./images/overview3.png) no-repeat;
  width: 136px;
  height: 136px;
  background-size: contain;
  margin-right: 30px;
}
.PaaSAmbientBox .rightInfo {
  width: 940px;
}
.PaaSAmbientBox .rightInfo .fontdiv {
  padding-bottom: 20px;
}