body{
    overflow-x: hidden;
}
.cta-box {
	position: absolute;
	bottom: 45px;
	padding: 35px 45px 35px;
	text-align: left;
	box-sizing: border-box;
	left: 150px;
}
.slide-title {
	font-size: 80px;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 2px 2px 7px black;
	line-height: 1.1;
	color: #fff;
	margin: 0 auto;
	max-width: 1400px;
}
.slide-text {
	font-size: 60px;
	font-weight: bold;
	text-transform: uppercase;
	text-shadow: 2px 2px 7px black;
	line-height: 1.1;
	color: #fff;
	margin: 0 auto;
	max-width: 1400px;
}
.zhLan .slide-text{
    min-height: 30px;
}
.slide-small-text {
	font-size: 35px;
	font-weight: normal;
	text-transform: capitalize;
	text-shadow: 2px 2px 7px black;
	line-height: 1.3;
	color: #fff;
	margin: 0 auto;
	max-width: 1400px;
}

#spa-hero-text {
	position: absolute;
    top: 70%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 100px;
	margin: 0 auto;
	max-width: 1000px;
    padding: 20px 55px;
    text-align: right;
    font-size: 75px;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 2px 2px 7px black;
    line-height: 1.1;
    color: #fff;
	text-align: left;
}
#spa-hero-text:before {
	content: '';
	display: block;
	position: absolute;
	top: -25px;
	bottom: -25px;
	left: 0;
	right: -1000px;
	z-index: -1;
}
.top {
	display: block;
}
.zhLan .top{
    margin-bottom: 40px;
}
.bottom {
	display: block;
	font-size: 50px;
	font-weight: normal;
	text-transform: capitalize;
}
.bannerContainer {
    display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
    text-transform: uppercase;
}

.bannerList .pos-relative{
    width: 100%;
    height: 0;
    padding-bottom:100%; 
}
.bannerList .text-center{
    white-space: inherit;
}
.bannerList{
    flex: 1;
    padding: 0 8px;
    box-sizing: border-box;
}
.bannerList .pos-relative img{
	max-width:100%;
    max-height:100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.banner {
	overflow: hidden;
	position: relative;
}
dl,dt,dd,h1,h2,h3,h4,h5,h6,p{
    margin:0;
    padding:0;
}
dl {
    float: left;
    width: calc(99.99% * 1/5);
    padding-left: 15px;
    padding-right: 15px;
 }

 dt {
    width: 100%;
}

dt img {
     width: 100%;
    height: 100%;
 }
dd {
  text-align: center;
    margin-top:40px;
}
.pos-relative{
    position: relative;
}
.row{
    margin:0;
}
.m-t-5{
    margin-top:5px;
}
.m-t-20 {
    margin-top: 20px;
}
.m-t-25{
    margin-top:25px;
}
.m-t-30{
     margin-top:30px;
}
.m-t-50{
 margin-top: 50px;
}
.m-b-10{
    margin-bottom: 10px;
}
.m-b-100{
    margin-bottom: 100px;
}

.p-l-20{
    padding-left:20px;
}
.p-r-20{
    padding-right:20px;
}
.p-l-40{
    padding-left:40px;
}
.p-r-40{
    padding-right:40px;
}
.p-b-100{
    padding-bottom:100px;
}
.lowercase {
    text-transform: lowercase;
}
.pros-list{
    background: url("../images/section1/product_bg.jpg") no-repeat center center;
    padding: 100px 0 50px;
}
.sec-title{
    padding: 50px 0;
}
.sec-title-main{
    font-size: 60px;
    font-weight: 600;
}
.sec-title-sub{
    font-size: 24px;
    margin: 15px 0 15px 0;
    text-transform: uppercase
}
.sec-title-des{
    font-size: 14px;
    padding: 20px 0px 90px;
    color: #353534;
    font-weight: 300;
}
.graphic-wall{
    margin-bottom: 100px;
    padding:20px;
    background: #ffffff;
    border: 1px solid #d6d5ff;
}
.wall-pic{
    width: 50%;
    height: 100%;
}
.wall-des{
    width: 50%;
    color: #fff;
    background-repeat: no-repeat;
    line-height: 1.43;
}
.wall-gap{
    width: 20px;
}
.swiper-slide img {
    width: 100%;
}
.tech {
    max-width: 100%;
    margin: auto;
    text-align: center;
}
.sub-title {
    font-size: 24px;
    margin: 15px 0 15px 0;
}
.slider-box {
    padding: 0 15px;
    margin: 100px auto;
    position: relative;
}
.brand-img-list img {
    width: 100%;
    height: auto;
}
.brand-img-list {
   flex-basis: 25%;
}
.brand-foot-img {
    margin-top:30px;
    border-bottom: 30px solid #547980;
    display: flex;
}
.custom-button-next.swiper-button-next{
    background-image: url('../images/section3/arrow_right.png');
    right:-30px;
}
.custom-button-prev.swiper-button-prev{
    background-image: url('../images/section3/arrow_left.png');
    left:-30px;
}
.text-color-353534{
    color: #353534;
}
.bg-lightGreen{
    background-image: linear-gradient(to top,rgba(82, 119, 175, 0.15), rgba(176, 218, 223, 0.15))  ;
    height: 900px;
}
.swiper-tech-con{
    background-image: linear-gradient(to top,rgba(82, 119, 175, 0.07), rgba(216, 216, 216, 0));
}

.swiper-tech-con .swiper-slide{
    border: solid 1px #d6d5ff;
    padding: 20px;
    height: 710px;
    background-color: #ffffff;
    overflow: hidden;
}

.custom-button-next{
    right:-100px !important;
}
.custom-button-prev{
    left: -100px !important;
}