/* */


#swiper_big_banner {
	position:absolute;
	/*
	width: 568px;
    height: 100%;
    left:calc((100% - 568px) / 2);
    */
  	width: 100%;  
	height: 100%;
	left:0px;  	
}
@media ( min-width:1280px ) {
	#swiper_big_banner {
		width: 100%;
		height: 100%;
		left:0px;
	}
}

#swiper_big_banner .swiper-slide {
	width:100%;
	overflow-x: hidden;
	overflow-y:hidden;
	height: 1359px;	
}

#swiper_big_banner .swiper-slide > img{
	/* width:100%; */
	width: 1920px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
}


#swiper_big_banner .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	background-image:url("../image_en/btn-banner-prev.png");
	/* background-color:#FFFFFF; */
	/* color:#707c8a;	 */
}

#swiper_big_banner .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background-image:url("../image_en/btn-banner-next.png");
	/* background-color:#FFFFFF; */
	/* color:#707c8a; */
}


#swiper_big_banner .swiper-button-next, #swiper_big_banner .swiper-button-prev {
    width: 70px;
    height: 70px;
    background-size: 70px 70px;
	/* color:#707c8a; */
}

.swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    background: #FFFFFF;    
    opacity: 1.0;    
}    

.swiper-pagination-bullet-active {
    opacity: 0.5;
    background: #FFFFFF;
}        

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 26px;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 7px;
}    
    
/* deskttop menu old here */


/* */


/* about */
.about-lumina .content {
    padding-top: 102px;
    text-align: center;
    padding-left:30px;
    padding-right:30px;    
}
@media ( min-width:992px ) {
	.about-lumina .content {
	    padding-left:75px;
    	padding-right:75px;    
    }	
}

.about-lumina .content .bar {
    width: 120px;
    border-top: 2px solid #bc9b6a;

}
@media ( min-width:992px ) {
	.about-lumina .content .bar {
		margin:0px auto;
	}
}

.about-lumina .content .title01 {
    font-size: 2.3em;
    color:#004270;
    margin-top: 20px;
    font-weight:initial;
    text-align:left;
}
@media ( min-width:992px ) {
	.about-lumina .content .title01 {
    	text-align:center;
	}
}

.about-lumina .content .desc01 {
    margin-top: 24px;
    color:#152149;
    font-size: 1.1em;
    line-height: 1.8em;
    text-align:justify;
}
@media ( min-width:992px ) {
	.about-lumina .content .desc01 {
	}
}

/* video */
.video.container_wide {
	background-image:url(../image/landing/video_section_bg.png);
}

.video .content {	
	text-align: center;
    margin-top: 60px;
    padding-left:0px;
    padding-right:0px;
}
@media ( min-width:992px ) {
	.video .content {	
	    padding-left:75px;
    	padding-right:75px;	
	}
}

.video .content .box {
	width:100%;
}

.video .content .box img {
	width:100%;
}


/* six-icon */
.section-six-icon {

}

.section-six-icon .content {
	padding-left: 0px;
    padding-right: 0px;
	margin-top: 150px;
}
@media ( min-width:992px ) {
	.section-six-icon .content {
		padding-left: 90px;
    	padding-right: 90px;
	}
}

    
.section-six-icon .six-icon {

}

.section-six-icon .six-icon .img-box {
	/* width:256px;
	height:280px; */
	text-align:center;
	margin:15px auto 18px auto;
}

.section-six-icon .six-icon .col:nth-child(1) .img-box img {
	position:relative;
	width:60%;
	max-width:256px;
	/* top:35px; */
}
.section-six-icon .six-icon .col:nth-child(2) .img-box img {
	position:relative;
	width:60%;
	max-width:256px;
	/* top:15px; */
}
.section-six-icon .six-icon .col:nth-child(3) .img-box img {
	position:relative;
	width:60%;
	max-width:256px;
	/* top:48px; */
}
.section-six-icon .six-icon .col:nth-child(4) .img-box img {
	position:relative;
	width:60%;
	max-width:256px;
	/* top:35px; */
}
.section-six-icon .six-icon .col:nth-child(5) .img-box img {
	position:relative;
	width:60%;
	max-width:256px;
	/* top:76px; */
}
.section-six-icon .six-icon .col:nth-child(6) .img-box img {
	position:relative;
	width:60%;
	max-width:256px;
	/* top:35px; */
}

.section-six-icon .six-icon .img-box img {

}


.section-six-icon .six-icon .line1 {
	color:#bc9b6a;
	text-align:center;
    font-size: 2.2em;
    letter-spacing: 4px;    
}

.section-six-icon .six-icon .line2 {
	color:#004270;
	text-align:center;
    font-size: 1.5em;	
}

.section-six-icon .standard {
	padding-left:30px;
	color:#bc9b6a;
	font-size: 1.1em;
}
@media ( min-width:992px ) {
	.section-six-icon .standard {
		padding-left:100px;	
	}
}


/* star-banner  */
.star-banner.container_wide {
	display:none;
}

.star-banner .content {
	background-image:url(../image/landing/banner-blue-sky.png);
	margin-top: 172px;
    padding-top: 113px;
    padding-bottom: 120px;	
    padding-left:70px;
    padding-right:70px;    
    color: #FFFFFF;
    text-align: center;
    font-size: 3em;
    letter-spacing: 5px;

}



/* 区域优势 */
.advantage {

}

.advantage .content {
	padding-left: 30px;
    padding-right: 30px;
    margin-top: 119px;
}
@media ( min-width:992px ) {
	.advantage .content {
		padding-left: 75px;
    	padding-right: 75px;	
	}
}

.advantage .content .box1 {
	padding-right:0px;
}
@media ( min-width:992px ) {
	.advantage .content .box1 {
		padding-right:120px;
	}
}

.advantage .content .bar {
	width: 120px;
    border-top: 1px solid #bc9b6a;
    margin-top: 58px;
}

.advantage .content .title01 {
    margin-top: 20px;
    font-weight: initial;
    font-size: 2.3em;
    color:#004270;
}

.advantage .content .desc01 {
    margin-top: 24px;
	margin-bottom: 75px;    
    font-size: 1.1em;
    letter-spacing: 1px;
    line-height: 1.8em;
    color:#000000;
}


.advantage .content  a {
	text-decoration:none;
    color:#bc9b6a;	
}

.advantage .content .square-btn {
    border: 1px solid #bc9b6a;
    font-size: 1.2em;
    color:#bc9b6a;
    padding: 16px 0px;
    max-width: 300px;
    text-align: center;
    /* font-weight: bold; */
    font-weight: normal;
    letter-spacing: 5px;
}

.advantage .content .square-btn:hover {
    border: 1px solid #004270;
    color:#004270;
	transition: all 0.4s ease-in-out;    
}

.advantage .content .img01 img {
	width:100%;
	max-width:551px;
}


/* 办公室,  购物中心 (desktop ) */
.office .container_limit {
	max-width:100%;
}

.office .content {
	margin-top:160px;
}

.office .box1 {
	background-image:url(../image/landing/office_left_bg.png);
    width: 50%;
    float: left;
    position: absolute;
    top: -10px;
    padding-top: 150px;
    padding-left: 100px;
    padding-right: 110px;
    padding-bottom: 85px;
}

.office .box1 .bar {
    width: 120px;
    height: 1px;
    border-top: 2px solid #FFFFFF;
}

.office .box1 .title01 {
	font-size: 2.3em;
    font-weight: initial;
    padding-top: 17px;
    color: #FFFFFF;
}

.office .box1 .desc01 {
	color: #FFFFFF;
    font-size: 1.1em;
    padding-top: 23px;
    padding-bottom: 73px;
    line-height: 1.8em;
}

.office .box2 {
	background-image:url(../image/landing/office_right_bg.png);
    width: 75%;
    float: right;
    padding-left: 30%;
    padding-right: 100px;
    padding-top: 137px;
    padding-bottom: 120px;
}

.office .box2 .bar {
	width:120px;
	height:1px;
	border-top:2px solid #FFFFFF;	
}

.office .box2 .title01 {
	font-size: 2.3em;
    font-weight: initial;
    padding-top: 17px;
    color: #FFFFFF;
}

.office .box2 .desc01 {
	color: #FFFFFF;
    font-size: 1.1em;
    padding-top: 23px;
    padding-bottom: 73px;
    line-height: 1.8em;
}

.office .content  a {
	text-decoration:none;
}

.office .content .square-btn1 {
    border: 1px solid #FFFFFF;
    font-size: 1.2em;
    color:#FFFFFF;
    padding: 16px 0px;
    max-width: 300px;
    text-align: center;
    /* font-weight: bold; */
    font-weight: normal;
    letter-spacing: 5px;
}

.office .content .square-btn1:hover {
    border: 1px solid #004270;
	background:#FFFFFF;
	color:#004270;
	transition: all 0.4s ease-in-out;    	
}

.office .content .square-btn2 {
    border: 1px solid #FFFFFF;
    font-size: 1.2em;
    color:#FFFFFF;
    padding: 16px 0px;
    max-width: 300px;
    text-align: center;
    /* font-weight: bold; */
    font-weight: normal;
    letter-spacing: 5px;
}

.office .content .square-btn2:hover {
    border: 1px solid #656891;
	background:#FFFFFF;
	color:#656891;
	transition: all 0.4s ease-in-out;    	
}

/* office (mobile ) */
.office .box1.mobile {
	background-image:url(../image/landing/office_left_bg.png);
	width: 100%;
    float: none;
    position: relative;
    top: 0px;
    padding-top: 150px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 150px;
}

.office .box1.mobile .bar {
    width: 120px;
    height: 1px;
    border-top: 2px solid #FFFFFF;
}

.office .box1.mobile .title01 {
	font-size: 2.8em;
    font-weight: initial;
    padding-top: 17px;
    color: #FFFFFF;
}

.office .box1.mobile .desc01 {
	color: #FFFFFF;
    font-size: 1.2em;
    padding-top: 23px;
    padding-bottom: 73px;
    line-height: 1.8em;
}

.office .box2.mobile {
	background-image:url(../image/landing/office_right_bg.png);
	width: 100%;
    float: none;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 100px;
    padding-bottom: 150px;
}

.office .box2.mobile .bar {
	width:120px;
	height:1px;
	border-top:2px solid #FFFFFF;	
}

.office .box2.mobile .title01 {
	font-size: 2.8em;
    font-weight: initial;
    padding-top: 17px;
    color: #FFFFFF;
}

.office .box2.mobile .desc01 {
	color: #FFFFFF;
    font-size: 1.2em;
    padding-top: 23px;
    padding-bottom: 73px;
    line-height: 1.8em;
}


/* enjoy */
.enjoy .container_limit {
	max-width:100%;
}

.enjoy .content {
	margin-top:70px;
}

.enjoy .enjoy_pic {
	height:0px;
}
@media ( min-width:992px ) {
	.enjoy .enjoy_pic {
		height:unset;
	}
}

.enjoy .content .box1 img {
	width:100%;
	display:none;
}
@media ( min-width:992px ) {
	.enjoy .content .box1 img {
		display:block;
	}
}

.enjoy .content .box2 {
	background-image:url(../image/landing/enjoy_right_bg.png);
    padding-top: 159px;
    padding-bottom: 130px;
    padding-left: 30px;
    padding-right: 30px;
}
@media ( min-width:992px ) {
	.enjoy .content .box2 {
		background-image:url(../image/landing/enjoy_right_bg.png);
		padding-top: 159px;
		padding-bottom: 130px;
		padding-left: 18%;
		padding-right: 90px;
	}
}

.enjoy .box2 .bar {
	width:120px;
	height:1px;
	border-top:2px solid #FFFFFF;	
}
.enjoy .content .box2 .title01 {
    font-size: 2.3em;
    font-weight: initial;
    padding-top: 17px;
    color: #FFFFFF;
    letter-spacing: 4px;
}
.enjoy .content .box2 .desc01 {
    color: #FFFFFF;
    font-size: 1.1em;
    padding-top: 10px;
    padding-bottom: 28px;
    line-height: 1.8em;
}

.enjoy .content  a {
	text-decoration:none;
}

.enjoy .content .square-btn {
    border: 1px solid #FFFFFF;
    font-size: 1.2em;
    color:#FFFFFF;
    padding: 16px 0px;
    max-width: 300px;
    text-align: center;
    /* font-weight: bold; */
    font-weight: normal;
    letter-spacing: 5px;
}

.enjoy .content .square-btn:hover {
    border: 1px solid #656891;
	background:#FFFFFF;
	color:#656891;
	transition: all 0.4s ease-in-out;    	

}


/* news */
.news.container_wide {
}

.news .half-bg {
    position: absolute;
    left: 50%;
    top: 0px;
    width: 50%;
    height: 100%;
	background-image:url(../image/landing/news_bg2.png); 
	background-position-y: 100px;
    background-repeat: repeat-x;    
}
    
.news .content {
    /* padding-top: 95px;
    padding-bottom: 92px; */ 
}

.news .content .grey-box {
	background-image:url(../image/landing/news_bg2.png);
	background-position-y: 100px;
    background-repeat: repeat-x;
    padding: 0px 30px 0px 30px;
}
@media ( min-width:992px ) {
	.news .content .grey-box {
		padding: 0px 78px 0px 83px;
	}
}

.news .content .white-box {
    background: #FFFFFF;
    border: 1px solid #d1d2ca;
}

.news .content .white-box .box1 {
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 100px;
    padding-bottom: 150px;
}
@media ( min-width:992px ) {
	.news .content .white-box .box1 {
		padding-left: 65px;
		padding-right: 0px;
		padding-top: 100px;
		padding-bottom: 100px;
	}
}

.news .content .white-box .box1 .bar {
	width:120px;
	height:1px;
	border-top: 2px solid #bc9b6a;
}

.news .content .white-box .box1 .title01 {
    font-size: 2.3em;
    font-weight: initial;
    padding-top: 27px;
    color: #004270;
    letter-spacing: 4px;
}

.news .content .white-box .box1 .desc01 {
	color: #004270;
    font-size: 1.1em;
    padding-top: 10px;
    padding-bottom: 51px;
    line-height: 1.8em;
}

.news .content  a {
	text-decoration:none;

}

.news .content .square-btn {
	border: 1px solid #bc9b6a;
    font-size: 1.2em;
    color: #bc9b6a;
    padding: 16px 0px;
    max-width: 300px;
    text-align: center;
    /* font-weight: bold; */
    font-weight: normal;
    letter-spacing: 5px;
}
.news .content .square-btn:hover {
    border: 1px solid #004270;
    color:#004270;
	transition: all 0.4s ease-in-out;    
}


.news .content .white-box .box2 {
	position: absolute;
    top: 48px;
    right: 45px;
}

.news .content .white-box .box2 img {
	width:100%;
}

.news .content .white-box .round-date {
	position: absolute;
    top: -47px;
    right: 45px;
	width: 133px;
    height: 133px;    
}

.news .content .white-box .round-date .image {
	position: absolute;
	left:0px;
	top:0px;
}

.news .content .white-box .round-date .date {
	position: absolute;
    left: 25px;
    top: 36px;
    color: #FFFFFF;
    font-size: 1.9em;
    font-style: italic;
}

/* */
.spacer .content {
	height:50px;
}


/* */

#video-box[myAttr="0"]{
    /* your style */
    opacity:0;
}

#video-box[myAttr="1"]{
    /* your style */
    opacity:1;
	transition: transform 0.5s ease 0s, opacity 0.5s ease 0.5s;    
}

/* */
#video-skrollr.skrollable-before,
#video-icon_1-skrollr.skrollable-before,
#video-icon_2-skrollr.skrollable-before,
#video-icon_3-skrollr.skrollable-before,
#video-icon_4-skrollr.skrollable-before,
#video-icon_5-skrollr.skrollable-before,
#video-icon_6-skrollr.skrollable-before,
#advantage-ball-skrollr.skrollable-before,
#news-skrollr.skrollable-before,
#about-skrollr.skrollable-before
 {
	opacity: 0;
	transform: translateY(100px);
	transition: all 0.4s ease-in-out;
}
#video-skrollr.skrollable-between,
#video-icon_1-skrollr.skrollable-between,
#video-icon_2-skrollr.skrollable-between,
#video-icon_3-skrollr.skrollable-between,
#video-icon_4-skrollr.skrollable-between,
#video-icon_5-skrollr.skrollable-between,
#video-icon_6-skrollr.skrollable-between,
#advantage-ball-skrollr.skrollable-between,
#news-skrollr.skrollable-between,
#about-skrollr.skrollable-between
 {
	opacity: 1;
	transform: translateY(0);  
	transition: all 0.4s ease-in-out;	
}

/* */