@charset "utf-8";


.clearfix:after,.clearfix:before{display:table;line-height:0;content:""}
.clearfix:after{clear:both}

.banner-cloudapp{background:url(../images/banner1.jpg) center center no-repeat;}
.banner-cps{background:url(../images/banner2.jpg) center center no-repeat;}

.banner-engine{ height: calc(100vh - 10px);position:relative;overflow:hidden;}
.banner-engine .banner-ul{position:relative;width:100%;height: calc(100vh - 10px);}
.banner-engine .banner-text{position:absolute;left:0;top:-720px;width:100%;height:552px}
.banner-engine .banner-text{display:none}
.banner-engine .banner-text1{font-size:70px;line-height:50px;color:#fff}
.banner-engine .banner-text2{margin-top:28px;font-size:20px;line-height:20px;color:#e4e7eb}
.banner-engine .banner-link-button{display:inline-block;border:1px solid #fff;margin-top:54px;width:160px;height:44px;line-height:42px;text-align:center;font-size:16px;color:#fff}
.banner-engine .banner-link-button:hover{background:#fff;color:#333;border:1px solid #fff}
.banner-ul li{display:none;height:100%;width:100%;float:left}
.banner-engine .banner-ul li{z-index:-1;position:absolute;left:0;top:0;display:block;height:100%;width:100%;float:left}
.banner-engine .banner-ul li:first-child{z-index:initial}

.banner-point{display:none;position:absolute;bottom:48px;left:0;width:100%;height:18px;line-height:18px}
.banner-engine .banner-point{display:block}

.slider-main{display:none;position:relative;margin:0 auto;min-width:1200px;max-width:1200px}
.banner-engine .slider-main{display:block}
.slider-text{position:absolute;margin-top:214px}
.banner-area{width:100%;text-align:center}
.banner-area li{margin:0 15px;display:inline-block;width:10px;height:10px;background:url(../images/pagination_02.png) no-repeat}
.banner-area li.active{background:url(../images/pagination_01.png) no-repeat}


@media screen and (max-width: 1600px) {
    .banner-engine{ height: calc(100vh - 10px);}
.banner-engine .banner-ul{height: calc(100vh - 10px);}
}

@media screen and (max-width: 1440px) {
.banner-engine {
    height: calc(100vh - 10px);
}
    .banner-engine .banner-text2 img {
     width: 80%   
    }
        .slider-text {
    position: absolute;
    margin-top: 30%;
}
    }

@media screen and (max-width: 1199px) {

    .slider-text {
    position: absolute;
    margin-top: 30%;
}
}

@media screen and (max-width: 1024px) {
     .banner-engine .banner-text2 img {
     width: 80%   
    }

}
@media screen and (max-width: 767px) {
     .banner-engine .banner-text2 img {
     width: 60%   
    }
    .banner-engine {
    height: calc(100vh - 400px);
}
 
.banner-engine .banner-text1 {
    font-size: 20px;
    line-height: 30px;
    color: #fff;
}
    
    .slider-text {
    position: absolute;
    margin-top: 100px;
}
    .slider-main {
    display: none;
    position: relative;
    margin: 0 15px;
    min-width: 100%;
    max-width: 100%;
}
}
@media screen and (max-width: 540px) {


}