.banner-box{
	position: relative;
	height: auto;
	/* height: 937px; */
	background-color: #2E66EF;
}
.banner-box::before {
    content: '';
    background-image: url(/Template/skin1/static2020/wechatH5/images/banner-bg1.png);
    background-repeat: no-repeat;
    background-position: 50% 100%;
    /* width: 260%;
    height: 230%; */
    position: absolute;
    /* left: -80%;
    top: -43%; */
    background-size: auto 100%;
	
	width: 50%;
	height: 100%;
	right: 0;
	top: 0;
}
.cloudSwiper{height: 100%;}

.cloudSwiper .item1 .Illustration,
.cloudSwiper .item1 .text-area{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
}
/* 插画 1 */
.cloudSwiper .item1 .Illustration{
	/* left: 419px; */
	right: 0;
	width: 543px;
	height: 483px;
	background-image: url(/Template/skin1/static2020/wechatH5/images/banner.png);
	background-size: contain;
}
.cloudSwiper .item1 .text-area{
	/* right: 357px; */
	left: 0;
}
.cloudSwiper .item1 .title{
	font-size: 90px;
	font-weight: 600;
	line-height: 100px;
}
.cloudSwiper .item1 .des{
	font-size: 24px;
	padding-top: 38px;
}
.cloudSwiper .item1 .ks-button{
	width: 240px;
	height: 54px;
	line-height: 54px;
	background-color: #fff;
	font-size: 24px;
	color: #2E66F0;
	padding: 0;
	margin-top: 80px;
}
.cloudSwiper .swiper-pagination-bullet{
	width: 30px;
	height: 3px;
	background: #fff;
	opacity:0.2;
	border-radius: 0;
	transition: opacity .3s linear;
}
.cloudSwiper  .swiper-pagination-bullet-active{
	opacity: 1;
}

.independent .des{
	font-size: 20px;
}
.independent .itemImg1{
	width: 773px;
	margin-top: 50px;
}
.wd-olevel{
	width: 1100px;
	height: 150px;
}
.wd-olevel .col-2 .r-des{
	font-size: 18px;
	padding-top: 24px;
}

.mt-olevle{margin-top: 134px;}
.pl-olevel{padding-left: 24px;margin-top: 5px;}
.wd-tlevle{ width: 709px; }
.wd-thlevel{ width: 514px; }
.mt-tlevel{margin-top: 140px;}
.lr-layout .r-des2{
	font-weight: 600;
	font-size: 30px;
}
.lr-layout .r-des3{
	padding-top: 30px;
	font-size: 16px;
	color: #666;
}

.reservation{
    height: 200px;
    background-color: #222324;
    margin-top: 140px;
    text-align: center;
    color:#fff;
    overflow: hidden;
    position: relative;
}
.reservation h2{
    font-size: 24px;
    padding-top: 35px;
    position: relative;
    z-index: 1;
}
.reservation .ks-button{
    width: 160px;
    height: 44px;
    line-height: 44px;
    font-weight: bold;
    font-size: 16px;
    padding: 0px;
    margin-top: 20px;
    position: relative;
    color: #fff;
    z-index: 1;
}
.reservation .ns-bg{
    position: absolute;
    left:0;
    top:0;
    transform: translateY(-35%);
    width: 100%;
}
.slideDown-icon{
	position: absolute;
	bottom: 78px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
	width: 40px;
	height: 44px;
}
.mt-tholevel{ margin-top: 140px; }

/*大于即是1024 ipad */
@media (max-width: 1024px){
	#banner .ks-container::before {
	    width: 50%;
	    height: 100%;
	    left: 0;
	    top: 0;
	}
	.cloudSwiper .item1 .Illustration { 
		right: 0px;
		transform: translateY(-50%) scale(.8);
		top: 50%;
	}
	.cloudSwiper .item1 .title { font-size: 56px; }
	.cloudSwiper .item1 .des { font-size: 26px; }
	.cloudSwiper .item1 .text-area { 
		left: 55px;
		text-align: left;
		top: 50%;
		transform: translateY(-50%);
		display: inline-block;
		padding-right: 60px;
	}
	.cloudSwiper .item1 .ks-button{ 
		margin-top: 60px;
		font-size: 22px;
		width: 220px;
		height: 50px;
		line-height: 50px;
	}
	.wd-olevel { width: 900px; }
	.lr-layout .r-des2 { font-size: 25px; }
	.lr-layout .r-des3 { font-size: 14px; }
}

/*大于即是768 ipad */
@media (max-width: 768px){
	.cloudSwiper .item1 .Illustration { right: -30px;transform: translateY(-50%) scale(.6); }
	.slideDown-icon { bottom: 40px; }
	.ftz-32 { font-size: 22px; }
	.m-mainStream .swiper-slide { width: 135px; }
	.cloudSwiper .item1 .title { font-size: 44px; }
	.cloudSwiper .item1 .des { font-size: 20px;padding-top: 0px; }
	.cloudSwiper .item1 .text-area { padding-right: 40px; }
	.wd-olevel { width: 700px; }
	.mt-olevle { margin-top: 95px; }
	.wd100p{width: 100%;text-align: center;}
	.mt-tlevel { margin-top: 0; }
	.wd-tlevle { margin-top: 50px; }
	.reservation .ks-button {
	    width: 122px;
	    height: 35px;
	    line-height: 33px;
	}
}

/*大于即是480 */
@media (max-width: 480px){
	.banner-box::before { width: 100%; }
	.cloudSwiper .item1 .title { font-size: 48px;line-height: 1; }
	.cloudSwiper .item1 .text-area { 
		left: 0;
		top: 137px;
		padding-right: 0;
		transform: translateY(0);
		width: 100%;
		text-align: center;
	}
	.cloudSwiper .item1 .des {
	    font-size: 18px;
	    padding-top: 25px;
		line-height: 25px;
		text-align: left;
		padding-left: 40px;
	}
	.cloudSwiper .item1 .Illustration {
	    top: 288px;
		width: 283px;
		height: 200px;
		left: 50%;
		transform: translateX(-50%);
	}
	.cloudSwiper .item1 .ks-button {
	    margin-top: 333px;
		width: 160px;
		height: 39px;
		line-height: 39px;
		font-size: 16px;
	}
	.slideDown-icon {
		display: inline-block;
		width: 20px;
		height: 22px;
	}
	.independent .des{font-size: 13px;}
	.independent .itemImg1 { margin-top: 25px; }
	.wd-olevel { width: 100%;box-shadow: 0 0 black;margin-top: 0;height: auto; }
	.wd-olevel img{
		width: 32px;
		height: 30px;
	}
	.pl-olevel { padding-left: 8px;margin-top: 0px; }
	.wd-olevel .col-4 .r-des{font-size: 10px;}
	.wd-olevel .col-4 { margin-top: 0; }
	.mt-olevle { margin-top: 60px; }
	.lr-layout .r-des2 { font-size: 16px; }
	.lr-layout .r-des3 { font-size: 13px; }
	.wd-tlevle { margin-top: 25px; }
	.left-tag{padding-left: 10px;}
	.left-tag::before{
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		width: 3px;
		height: 15px;
		background: #015CFF;
	}
	.wd-olevel .col-xs-4{margin-bottom: 30px;}
	.wd-olevel .col-2 .r-des{padding-top: 10px;font-size: 12px;}
	.reservation{margin-top: 39px;}
	.mt-tholevel { margin-top: 60px; }
}

/*大于即是414 ios6plus */
@media (max-width: 414px){
	
}

/*大于即是375  ios6 */
@media  (max-width: 375px){
	.cloudSwiper .item1 .ks-button { margin-top: 300px; }
	.cloudSwiper .item1 .des { padding-left: 24px; }
	.slideDown-icon { bottom: 20px; }
	.ks-headline { font-size: 18px; }
}

/*大于即是360  安卓 */
@media (max-width: 360px){
	.cloudSwiper .item1 .text-area { top: 110px; }
	.cloudSwiper .item1 .Illustration { top: 235px; }
	.cloudSwiper .item1 .des { padding-left: 12px; }
	.cloudSwiper .item1 .Illustration { top: 254px; }
	.reservation h2 { padding-top: 64px;font-size: 20px; }
}

/*大于即是320  ios5 安卓 */
@media (max-width: 320px){
	.demand-box .item { width: 100%; }
	.cloudSwiper .item1 .title { font-size: 30px; }
	.cloudSwiper .item1 .des { font-size: 14px; }
	.cloudSwiper .item1 .text-area { top: 86px; }
	.cloudSwiper .item1 .Illustration { top: 190px; }
	.cloudSwiper .item1 .ks-button { margin-top: 270px; }
	.cloudSwiper .item1 .des { padding-left: 38px; }
	.cloudSwiper .item1 .Illustration { top: 200px; }
	.ks-headline { font-size: 16px; }
}<!--耗时1782849071.6027秒-->