/* .maxBox{
    max-width: 1024px;
    min-width: 900px;
    margin:0 auto;
    text-align: center;
}

.paddingRL{
    padding:20px 0;
}
.maxBox h1{
    font-size: 28px;
    color: #000;
}
.table-4-6,.table-3{
    width: 700px;
    margin: 0 auto;
}
.table-4-6 td:first-child{
    width: 40%;
}
.table-4-6 td:last-child{
    width: 60%;
}
.headerbg{
    position: relative;
    padding: 10px 0 20px 0;
}
.headerbg h2{
    position: absolute;
    top: 18px;
    left:50%;
    color: #FFFFFF;
    font-size: 28px;
    margin-left: -57px;
}
.table-3 td{
    width: 33.3333%;
    vertical-align: top;
}
.topbottom{
    background-color: #F4F4F4;
    width: 80%;
}
.table-3 td:first-child{
    text-align: left;
}
.middle{
    margin: 0 auto;
}
.floatRight{
    float: right;
}
.topbottom h1{
    font-size: 19px;
    text-align: center;
    padding:5px 0 5px 0;
}
.topbottom p{
    text-align: center;
    line-height: 28px;
    padding: 0 15px 10px;
    color: #636363;
}
.middle p{
    color: #000;
}
.table-4{
    width: 100%;
    margin-top: 40px;
}
.table-4 td{
    width: 25%;
    vertical-align: top;
}
.table-4 td div.topbottom {
    height: 243px;
}
.width800{
    width: 800px;
    margin: 0 auto;
}
.topbottom img{
    text-align: center;
}
.width800 p,.table-5 p{
    padding: 0 10px 10px;
}
.table-5{
    width: 100%;
    margin-top: 10px;
}
.table-5 td{
    width: 20%;
    vertical-align: top;
}
.borderTable td{
    border-bottom: 1px dashed #4594B2;
    border-right: 1px dashed #4594B2;
    line-height: 40px;
    font-size: 24px;
    text-align: center;
    color: #0E67AB;
}

.borderTable td:last-child{
    border-right: none;
}
.borderTable td:first-child{
   padding-left: 20px;
}
.bluefont24{
    font-size: 24px;
    text-align: center;
    color: #0E67AB;
    font-weight: normal;
    line-height: 40px;
} */
/* 新版 */
.saas-top{
    width:100%;
    height: 0;
    padding-bottom: 35%;
    background: url("../images/saas/sass_bg.png") no-repeat center;
    background-size: 101% auto;
}
.top_bg{
    padding: 8% 0  0 50%;
    min-width: 600px;
}
.top_bg h1{
    font-size:62px;
    color:rgba(255,255,255,1);
    font-weight: 340;
}
.top_bg p{
    font-size:20px;
    color:rgba(255,255,255,1);
    line-height: 40px;
}
.top_bg p:first-of-type{
    padding-top: 4%;
}
@media screen and (max-width: 1150px){
    .saas-top{
        width: 100%;
        height: 0;
        padding-bottom: 45%;
        background: url(../images/saas/sass_bg.png) no-repeat center;
        background-size: cover;
    }
}
/* top end */
.saas-abily{
    width:100%;
    height: 780px;
    background: url("../images/saas/abily_bg.png") no-repeat center;
    background-size: cover;
}
.abilyBox{
    display: flex;
    justify-content: space-around;
    width: 1200px;
    margin: 0 auto;
}
.saas-abily img{
    width: 351px;
    height: 716px;
    margin-top: -80px;
    padding-left: 20px;
}
.abPoint{
    width: 8px;
    height: 8px;
    background: rgba(45,140,240,1);
    border-radius: 20px;
    margin-top: 16px;
}
.abilyText{
    padding-top: 80px;
}
.abilyText ul:first-of-type,.abilyText h1:nth-of-type(2),.abilyText ul:nth-of-type(4),.abilyText h1:nth-of-type(3),.abilyText ul:last-of-type{
    margin-top: 20px;
}
.abilyText ul{
    display: flex;
    padding-left: 30px;
}
.abilyText h1{
    font-size:30px;
    color:rgba(45,140,240,1);
}
.abilyText li{
    font-size:16px;
    color:rgba(73,80,96,1);
    line-height: 40px;
}
.abilyText li:nth-of-type(2){
    padding-left: 8px;
    font-weight: bold;
}
/* abily end  */
.saas-center img{
    width: 285px;
    height: 360px;
}
.saasUl{
    display: flex;
    justify-content: space-between;
    width: 1200px;
    margin: 0 auto;
}
.saas-center h1{
    font-size:40px;
    color:rgba(28,36,56,1);
}
.leftUl li:first-of-type{
    height: 120px;
    line-height: 80px;
}
.leftUl li:nth-of-type(2){
    background: url("../images/saas/left1.png") no-repeat center;
    background-size: cover;
    width: 360px;
    height: 456px;
    margin-top: 40px;
}
.leftUl li:last-of-type{
    background: url("../images/saas/left2.png") no-repeat center;
    background-size: cover;
    width: 360px;
    height: 456px;
    margin-top: 60px;
}
.centerUl li:first-of-type{
    background: url("../images/saas/c1.png") no-repeat center;
    background-size: cover;
    width: 360px;
    height: 456px;
}
.centerUl li:nth-of-type(2){
    background: url("../images/saas/c2.png") no-repeat center;
    background-size: cover;
    width: 360px;
    height: 456px;
    margin-top: 60px;
}
.centerUl li:last-of-type{
    background: url("../images/saas/c3.png") no-repeat center;
    background-size: cover;
    width: 360px;
    height: 456px;
    margin-top: 60px;
}
.rightUl li:first-of-type{
    background: url("../images/saas/right1.png") no-repeat center;
    background-size: cover;
    width: 360px;
    height: 456px;
    margin-top: 300px;
}
.rightUl li:last-of-type{
    background: url("../images/saas/right2.png") no-repeat center;
    background-size: cover;
    width: 360px;
    height: 456px;
    margin-top: 60px;
}
.leftUl li, .centerUl li, .rightUl li{
    display: table;
}
.leftUl li div, .centerUl li div, .rightUl li div{
    display: table-cell;
    padding: 360px 20px 12px 30px;
}
.leftUl h4,.centerUl h4,.rightUl h4{
    font-size:20px;
    color:rgba(255,255,255,1);
}
.leftUl p,.centerUl p,.rightUl p{
    font-size:16px;
    color:rgba(255,255,255,1);
}
/* center end*/
.saas-features{
    background: url("../images/saas/features_bg.png") no-repeat center;
    background-size: cover;
    height:0;
    padding-bottom: 35%;
    width: 100%;
    margin-top: 30px;
}
.saas-features h1{
    font-size: 40px;
    color: #FFFFFF;
    text-align: center;
    padding-top: 50px;
}
.topUl{
    display: flex;
    justify-content: center;
    width: 1200px;
    margin: 5% auto 0;
}
.topUl{
    justify-content: space-between;
}

.topUl > li {
    width: calc((100% - 60px / 4));
    height: 380px;
    background-color: #fff;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.topUl > li:not(:first-of-type) {
    margin-left: 20px;
}

.topUl h3, .topUl p {
    text-align: center;
}
.topUl h3 {
    margin: 40px 0 30px;
}
.topUl h3 > span {
    font-size: 20px;
    display: block;
}
.topUl p {
    font-size:14px;
    line-height: 20px;
}
@media screen and (max-width: 1150px){
    .saas-features{
        background: url("../images/saas/features_bg.png") no-repeat center;
        background-size: 100% 100%;
        height:0;
        padding-bottom: 55%;
        width: 100%;
        margin-top: 30px;
    }
}
@media (min-width: 1150px) and (max-width: 1500px){
    .saas-features{
        background: url("../images/saas/features_bg.png") no-repeat center;
        background-size: 100% 100%;
        height:0;
        padding-bottom: 48%;
        width: 100%;
        margin-top: 30px;
    }
}
@media (min-width: 1500px) and (max-width: 1700px){
    .saas-features{
        background: url("../images/saas/features_bg.png") no-repeat center;
        background-size: cover;
        height:0;
        padding-bottom: 45%;
        width: 100%;
        margin-top: 30px;
    }
}
/* features end */
.saas-price{
    background-color: #FFFFFF;
    height: 400px;
    min-width: 1200px;
}
.saas-price .text {
    margin: 10px 30px;
    text-align: right;
    font-size: 14px;
}
.saas-price span {
    color: red;
}
.saas-price h1{
    font-size: 40px;
    color: rgba(28,36,56,1);
    text-align: center;
    padding-top: 50px;
}
.saas-price table{
    width: 1200px;
    margin: 70px auto 0;
    box-sizing: border-box;
    border: 1px solid #E9EAEC;
}
.saas-price table tr td:first-of-type{
    background-color: #2D8CF0;
    color:rgba(255,255,255,1);
    font-size:24px;
 }
.saas-price table tr td:nth-of-type(2), .saas-price table tr td:last-of-type{
    border-bottom: 1px solid #E9EAEC;
}
.saas-price table tr:last-of-type td{
    border-bottom: none;
}
.saas-price table tr td:nth-of-type(2){
    border-right: 1px solid #E9EAEC;
}
.saas-price table tr td:first-of-type{
    border-bottom: 1px solid #007CFF;
}
.saas-price table tr:last-of-type td:first-of-type{
    border-bottom: none;
}
.saas-price table td{
    width: 300px;
    height:80px;
    text-align: center;
    line-height: 80px;
}
.saas-price table tr:first-of-type td{
    font-size:24px;
}
.saas-price table span{
    font-size:24px;
    color:rgba(45,140,240,1);
}
.saas-price table p span:first-of-type{
    font-size: 16px;
}
.saas-price table p span:last-of-type{
    font-size: 16px;
    color:#495060;
} */
/* price end */