.swiper-container-box {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    z-index: 3;
}
.swiper-container-vertical>.swiper-pagination-bullets{
	right: 30px;
	z-index: 50;
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin:1rem 0;
	z-index: 50;
}
.swiper-container-box .swiper-pagination-title {
    position: absolute;
    width: 150px;
    text-align: right;
    font-size:0.88rem;
	font-weight: bold;
	color:rgba(33,210,182,1);
	line-height:1.06rem;
    z-index: 999;
    opacity: 0;
    right: 45px;
    z-index: 50;
    text-transform: uppercase;
}
.swiper-container-box .swiper-pagination-bullet{
	background: #E4EAEC;
	opacity: 1;
	z-index: 200;
}
.swiper-container-box .swiper-pagination-bullet-active{
	background: #21D2B6;
}
/*.swiper-container-box .swiper-slide{
	background: #fff;
}*/
.container{
	height: 100%;
}
.ball{
	width: 12.25rem;
	height: 12.06rem;
	position: fixed;
	right: 44rem;
	top:-5rem;
	background: url(../images/ball_bg.png) no-repeat;
	background-size: 100%;
	z-index: 2;
}
.module1{
	height: 100%;
	position: relative;
	cursor: pointer;
	z-index: 22;
}
.module1 .module1_left{
	position: absolute;
	left: 0;
	top: 30%;
	z-index: 10;
}
.module1_text{
	margin-bottom: 2rem;
	font-size:2.5rem;
	color:rgba(53,66,66,1);
	line-height:3.56rem;
	font-weight: bold;
	text-transform: capitalize;
}    
.module1_subtitle_text{
	width: 80%;
	font-size:1.25rem;
	color:rgba(53,66,66,1);
	line-height:1.5rem;
	margin-bottom: 2rem;
}
.module1 .product_btn_box{
	position: relative;
}
.module1 .product_btn{
	width:8.19rem;
	height:2.5rem;
	background:linear-gradient(rgba(69,235,220,1),rgba(33,210,182,1));
	font-size:1.25rem;
	font-weight: bold;
	color:rgba(255,255,255,1);
	line-height:2.5rem;
	text-align: center;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 20;
}
.product_shadow_btn{
	width:8.19rem;
	height:2.5rem;
	background:#FFD23E;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.module1 .product_btn:hover{
	left:-1px;
	top: -1px;
}
.module1 .product_btn_box:hover .product_shadow_btn{
	left:1px;
	top: 1px;
}
.module1_right{
	position: absolute;
	right: 0;
	top: 0;
	height:100%;
	z-index: 9;
}
.module1_right li{
	position: absolute;
}
.module1_right .pic-ball{
	top: 4%;
	right: 3%;
	height: 100%;
}
/*.module1_right .pic-ball img{
	height: 94%;
}*/
.module1_right .pic-phone{
	max-width: 41.18rem;
	right: -50px;
	top: 20%;
}
.next_btn,.prev_btn{
	text-align: center;
	width: 100%;
	font-size:3.75rem;
	font-family:material;
	color:rgba(228,234,236,1);
	line-height:3.75rem;
	position: fixed;
	left: 0;
	bottom: 1rem;
	z-index: 40;	
}
.prev_btn{
	color: #2C2826;
	display: none;
}
.next_btn span,.prev_btn span{
	-webkit-animation: bounce-up 1.5s linear infinite;
    animation: bounce-up 1.5s linear infinite;
    cursor: pointer;
}
.next_btn span:hover{
	color: #21D2B6;
	animation-play-state:paused;
}
.prev_btn span:hover{
	color: #21D2B6;
	animation-play-state:paused;
}
@-webkit-keyframes bounce-up {
    25% {
        -webkit-transform: translateY(15px);
    }
    50%, 100% {
        -webkit-transform: translateY(0);
    }

    75% {
        -webkit-transform: translateY(-15px);
    }
}
@keyframes bounce-up {
    25% {
        -webkit-transform: translateY(15px);
    }
    50%, 100% {
        -webkit-transform: translateY(0);
    }

    75% {
        -webkit-transform: translateY(-15px);
    }
}
.module2{
	/*position: relative;*/
}
.module2>div{
	position: relative;
	top: 8rem;
}
.module2_left{
	max-width: 26rem;
	position: relative;
}
.module2_left img{
	width: 100%;
}
.module2_left .pic-star{
	max-width: 22rem;
	position: absolute;
	left: 0;
	top: 5rem;
}
.module2_text{
	max-width: 22rem;
	position: absolute;
	left: 2rem;
	top: 5rem;
}
.module2_text .text1{
	font-size:2.5rem;
	font-weight: bold;
	color:rgba(53,66,66,1);
	line-height:3.5rem;
	text-transform: uppercase;
	display: block;
	margin-bottom: 2rem;
}
.module2_text .text2{
	font-size:1.25rem;
	font-weight: 300;
	line-height:1.25rem!important;
}
.module2_right{
	margin-top: 6rem;
	position: relative;
	z-index: 40;
}
.module2_right>div{
	margin-bottom: 7rem;
	perspective: 800px;
}
.module2_hover_box{
	cursor: pointer;
	padding:1rem 0rem 1rem 2rem;
	transform: translate3d(0,0,0);
	transition: .4s ease-in-out;
}
.module2_hover_box:hover{
	background:rgba(255,255,255,1);
	border-radius: 0.63rem ; 
	box-shadow: 0 1rem 1rem 0 #E4EAEC;
	transform: translate3d(-10px,-10px,10px);
}
.module2_hover_box:hover .line{
	width: 100%;
	transition: width .4s ease-in-out;
	background: #21D2B6;
}
.module2_right img{
	width: 8rem;
	height: 8rem;
	margin-right: 1rem;
}
.module2_right p{
	margin-top: 2rem;
	max-width: 9rem;
	height: 4rem;
	font-size:1.25rem;
	color:rgba(53,66,66,1);
	line-height:1.75rem;
	margin-bottom: 1rem;
}
.module2_right .line{
	width:1.75rem;
	height:0.25rem;
	background:rgba(190,222,217,1);
}




.module3>div{
	position: relative;
	top: 11rem;
}
.module3_left{
	max-width: 23rem;
}
.module3_right{
	margin-top: -10%;
}
.module3_left img{
	/*max-width: 23rem;*/
}
.module3_text{
	font-size:2.5rem;
	font-weight: bold;
	color:rgba(53,66,66,1);
	text-transform: uppercase;
	position: absolute;
	left: 3rem;
	top: 9rem;
	text-align: justify;
}
.module3_text span{
	display: block;
	line-height:3.06rem;
	display: block;
	margin-bottom: 1rem;
}
.module3_right img{
	width: 4rem;
	height: 4rem;
}
.module3_right .title{
	font-size:1.25rem;
	color:rgba(53,66,66,1);
	line-height:1.88rem;
	text-transform: uppercase;
	margin-bottom: 0.5rem;
}
.module3_line{
	width:1.75rem;
	height:0.25rem;
	display: block;
	margin-bottom: 1rem;
	background:rgba(33,210,182,1);
	margin-left: 2px;
}
.module3_hover_text_box{
	/*height: 8rem;*/
}
.module3_hover_text{
	width: 100%;
	/*height: 2.5rem;*/
	font-size:0.88rem;
	color:rgba(145,160,160,1);
	line-height:1.19rem;

	/*overflow:hidden;
	text-overflow:ellipsis;
	word-break:break-all;
	-webkit-line-clamp:2;
	-moz-line-clamp:2;
	-ms-line-clamp:2;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	-webkit-box-orient:vertical;
	-moz-box-orient:vertical;
	-ms-box-orient:vertical;*/
}
.module3_right .number_bg1{
	position: absolute;
	right: 10px;
	top: 3.625rem;
	width: 11rem;
	height: 9rem;
	background: url(../images/num1.png) no-repeat;
	background-size: 100%;
}
.module3_right .number_bg2{
	position: absolute;
	right: 10px;
	top: 3.625rem;
	width: 11rem;
	height: 9rem;
	background: url(../images/num2.png) no-repeat;
	background-size: 100%;
}
.module3_right .number_bg3{
	position: absolute;
	right: 10px;
	top: 3.625rem;
	width: 11rem;
	height: 9rem;
	background: url(../images/num3.png) no-repeat;
	background-size: 100%;
}
.module3_right .number_bg4{
	position: absolute;
	right: 10px;
	top: 3.625rem;
	width: 11rem;
	height: 9rem;
	background: url(../images/num4.png) no-repeat;
	background-size: 100%;
}
.module3_right_second{
	margin-top: 6rem;
}
.module3_right_detail>div{
	position: relative;
	z-index: 2;
}
.module3_right_detail{
	position: relative;
	transform: translate3d(0,0,0);
	transition: .4s ease-in-out;
	padding:3rem 2rem 2rem 2rem;
	cursor: pointer;
}
.module3_right_detail:hover{
	background:rgba(255,255,255,1);
	border-radius: 0.63rem ; 
	box-shadow: 0 1rem 1rem 0 #E4EAEC;
	transform: translate3d(-10px,-10px,10px);
}

.module3_right_detail:hover .module3_hover_text{
	/*height: 8rem;*/
	/*transition: height .5s ease-in-out;*/
	/*overflow:initial;
	text-overflow:ellipsis;
	word-break:break-all;
	-webkit-line-clamp:6;
	-moz-line-clamp:6;
	-ms-line-clamp:6;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	-webkit-box-orient:vertical;
	-moz-box-orient:vertical;
	-ms-box-orient:vertical;*/
}

.module4{
	position: relative;
}
.module4_bg{
	width: 9rem;
	height: 5rem;
	position: absolute;
	right: 0;
	top: 7rem;
}
.module4>div{
	position: relative;
	top: 15rem;
}
.module4_left{
	position: relative;
}
.module4_left img{
	max-width: 23rem;
	position: absolute;
	top: 8rem;
	right: -10rem;
}
.module4_text p{
	font-size:1.25rem;
	line-height:2.19rem;
	margin-bottom: 2.875rem;
	position: relative;
	z-index: 2;
}
.module4_text span{
	color: #21D2B6;
}
.module4_right{
	text-align: center;
	margin-top: 1rem;
}
.module4_right>div{
	padding-bottom: 6rem;
	background-color: #fff;
}
.module4_right .number{
	font-size:3.38rem;
	line-height:4.13rem;
	margin-bottom: 1rem;
	font-weight: 300;
	font-family:HelveticaNeue-Thin;
}
.module4_right .number i{
	margin-left: 1rem;
}
.module4_right p{
	text-transform: uppercase;
	font-size:1.25rem;
	font-weight: bold;
	color:rgba(33,210,182,1);
	line-height:1.44rem;
}

.module5_container{
	position: relative;
	top: 8rem;
}
.module5_text{
	text-align: center;
	position: relative;
	z-index: 2;
}
.module5_text h4{
	font-size:30px;
	font-weight: bold;
	line-height:37px;
	text-transform: uppercase;
	margin-bottom: 1rem;
}
.module5_text p{
	max-width: 58rem;
	font-size:0.88rem;
	line-height:1.25rem;
	margin: 0 auto 1rem;
	color: #91A0A0;
}
.swiper-container-carousel{
	margin-top: -2rem;
	padding-top: 4rem;
}
.swiper-container-carousel .swiper-slide{
	width: 100%;
	background: transparent;
}
.swiper-container-horizontal>.swiper-pagination-bullets{
	width: 50%;
	left: 51%;
	text-align: left;
}
.swiper-container-horizontal .swiper-pagination-bullet{
	width: 3rem;
	height: 3px;
	border-radius: 0;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin: 0 0.5rem;
}
.carousel_img{
	max-width: 32rem;
	margin:0 auto;
}
.swiper-container-carousel h5{
	font-size:1.5rem;
	font-weight: bold;
	line-height:2.06rem;
	margin-top: 3rem;
	max-width: 35rem;
	margin-bottom: 2.25rem;
	font-family:PingFangSC-Semibold;
}
.module5 .number_box{
	margin-bottom: 6rem;
}
.module5 .number_box span{
	font-size:3.38rem;
	line-height:3.13rem;
	font-weight: 200;
	font-family:HelveticaNeue-Thin;
}
.module5 .number_box p{
	font-size:0.88rem;
	color:rgba(145,160,160,1);
	line-height:1.13rem;
	text-transform:uppercase;
	text-align: center;
	display: inline-block;
	width: auto;
	margin-top: 1rem;
	font-family:PingFangSC-Regular;
}
.module5 .number_box i{
	width: 1.25rem;
	height: 1.25rem;
	background: url(../images/up.png)  no-repeat;
	background-size: 100%;
	display: inline-block;
	vertical-align: top;
	margin-left: -4px;
}
.module5_left{
	text-align: center;
}
.module5_right{
	position: relative;
}
.detail_box{
	width:6.25rem;
	height:1.88rem;
	position: absolute;
	left: 0.8rem;
	bottom: 0;
	border:1px solid #21D2B6;
	background: #fff;
	padding:1rem 3rem 0 1rem;
	font-size:0.88rem;
	line-height:1.38rem;
}

.detail_text{
	margin-bottom: 1.5rem;
	font-size:0.88rem;
	line-height:1.38rem;
	display: none;
}
.detail_text h3{
	font-weight: 400;
	font-size:0.88rem;
	line-height:1.38rem;
}
.detail_text p{
	color: #91A0A0;
}
.module5 .detail_btn{
	width:6.25rem;
	height:1.88rem;
	text-align: center;
	line-height: 1.88rem;
	color: #21D2B6;
	cursor: pointer;
	font-size:0.875rem;
	position: absolute;
	left: 0;
	bottom: 0;
}
.parallax-bg {
    position: absolute;
    left: 10rem;
    top: 0;
    width: 30rem;
    height: 30rem;
    background:url(../images/module4_1.png) no-repeat;
    background-size: 100%;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
}
.module5 .detail_btn span{
	margin-right: 5px;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	transition: .2s linear;
}
.module5 .detail_btn span.active{
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.module6{
	height: 100%;
	background: url(../images/contact.jpg) no-repeat;
	background-size: cover;
	text-align: center;
	position: relative;
	overflow: hidden;
}
.module6 h2{
	width: 100%;
	font-size:3.75rem;
	color:rgba(53,66,66,1);
	line-height:4.63rem;
	margin-top: 10rem;
	text-transform: uppercase;
	position: relative;
}
.module6 .success{
	padding: 0 30px;
	position: absolute;
	left: 0;
	top: -3.5rem;
	width: 100%;
	display: none;
}
.module6 .success>div{
	height:2.5rem;
	background:rgba(33,210,182,1);
	line-height: 2.5rem;
	text-align: center;
	font-size:0.88rem;
	color:#fff;
}
.contact{
	margin-top: 4rem;
}
.contact input{
	width: 100%;
	height:2.5rem;
	background:rgba(255,255,255,1);
	border-radius: 2.41rem ;
	padding-left: 1rem;
	line-height: 2.5rem;
	outline: none;
	border:1px solid #fff;
	font-size:0.88rem;
	margin-bottom: 1.25rem;
}
.contact textarea{
	width: 100%;
	height:11.25rem;
	background:rgba(255,255,255,1);
	border-radius: 0.94rem ;
	padding-left: 1rem;
	outline: none;
	border:1px solid #fff;
	font-size:0.88rem;
	margin-bottom: 2rem;
	padding-top: 1rem;
}
#send_email{
	width:15rem;
	height:3.13rem;
	background:linear-gradient(rgba(69,235,220,1),rgba(33,210,182,1));
	border-radius: 1.56rem ; 
	text-align: center;
	line-height: 3.13rem;
	margin: 0 auto;
	font-size:1.25rem;
	font-weight: bold;
	color:rgba(255,255,255,1);
	display: block;
	cursor: pointer;
}
small{
	display: block;
    text-align: left;
    position: absolute;
    left: 0;
    top: 2.5rem;
    font-size: 12px;
    padding-left: 17px;
    color: red;
}
#send_email:hover{
	background:linear-gradient(rgba(250,217,97,1),rgba(247,107,28,1));
}
.module6 .reserved{
	position: absolute;
	left: 0;
	bottom: 6rem;
	width: 100%;
	text-align: center;
	font-size:1.25rem;
	line-height:1.75rem;
}
.module6 .reserved span{
	margin-right: 3.125rem;
}
.module6 .reserved a{
	color: #354242;
}
.module6 .reserved a:hover{
	color: #21D2B6;
}
@media (max-width: 1200px) {
	.module3_right{
		margin-top: 0;
	}
	
}
@media (max-width: 992px) {
	.module2_left{
		height: 25rem;
	}
	
}
@media (max-width: 768px) {
	.module2>div{
		top: 0;
	}
	.module2_left{
		height: 11rem;
		margin:0 auto;
	}
	.module2_right>div{
		margin-bottom: 1rem;
	}
	.module3>div{
		top: 0;
	}
	.module3_left{
		height: 13rem;
	}
	.module3_right{
		margin-top: 6rem;
	}
	.module3_right_detail{
		padding:1rem;
	}
	.module3_text{
		font-size: 1.25rem;
		top: 6rem;
	}
	.module3_text span{
		line-height: 1.5rem;
	}
	.module3_left{
		margin: 0 auto;
	}
	.module3_right_second{
		margin-top: 0;
	}
	.swiper-container-carousel h5{
		margin:0 auto;
		max-width: 35rem;
		margin-bottom: 2rem;
	}

	.detail_text{
		display: block;
		max-width: 35rem;
		margin: 0 auto 1.5rem;
	}
	.swiper-container-horizontal>.swiper-pagination-bullets{
		left: 36%;
	}
	.module4>div{
		top: 6rem;
	}
	.module4_right>div{
		padding-bottom: 6rem;
	}
}