/*
** CSS Document *
** @name css
------------------------------------------------------
** @autho hgy@gemdesign.cn Mr.Hu
------------------------------------------------------
** @autho 2014-09-18 
------------------------------------------------------
*/
/* content main css start
----------------------------------------------------*/

/* 第一屏Kv切换 css start
--------------------------*/
.first_box{width:100%;height:100%;overflow:hidden;position:relative}
/* kv 切换 start
-----------------*/
/*.kvA{position:relative}*/
.KV_box{width:100%;text-align:center; overflow:hidden;position:relative}
.KV_box .kv_con{margin:0 auto;position:relative;z-index:0;/*overflow:hidden;*/}
.KV_box .kv_con ul{width:100% !important;}
.KV_box .kv_con li{width:100% !important;float:left;overflow:hidden;text-align:center;}
.KV_box .kv_con li a{ display:block}

.KV_box .point_nav{width:100%;position:absolute;z-index:98;bottom:10px;left:0;height:40px;line-height:40px;text-align:center;}
.KV_box .point_nav ul{text-align:center;padding-top:5px;}
.KV_box .point_nav ul li{
	width:18px;
	height:18px;
	cursor:pointer;
	zoom:1;
	margin:0 3px;
	overflow:hidden;
	text-indent:-30px;
	display:inline-block;
*display:inline; 	overflow:hidden;
	background-image: url(point_btn.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.KV_box .point_nav ul li.on{background-position:right top;}

.kvA li{ position:relative}
.kvA li.kv_bg1{
	overflow:hidden;
	background-color: #F7F5F8;
}

.intro_box{width:100%;position:absolute;bottom:9%;left:0;color:#fff; text-align:left}
.intro_con{width:1140px; margin:0 auto; position:relative}

.add_btn{background:url(images/add_btn.png) no-repeat right center;padding-right:28px;font-size:14px; color:#c7b3a7; cursor:pointer; text-align:right}
.add_btn1{margin-right:66px;}
.add_btn2{ font-style:italic; letter-spacing:1px;padding-left:84px}

.intro_text{width:270px;height:68px;padding:20px;color:#c9b5a9;background:url(images/intro_bg1.png) no-repeat;font-size:14px;position:absolute;bottom:0}
.intro_text1{right:0}
.intro_text2{left:0}

.intro_text{display:none}

.scroll_tip{
	 z-index:1111;position:absolute;bottom:30px;right:20px;
	 padding-left:20px;
	 color:#fff;text-transform:capitalize; text-shadow:0 0 1px rgba(0,0,0,.2);
}



.tips-up{
	width:1.6em;
	position:absolute;
	z-index:3;
	opacity:.3;
	top:3px;left:0;
	-webkit-transform:translate(0,4px);-webkit-animation:tipsUp .6s ease-in-out infinite;
	-moz-transform:translate(0,4px);-moz-animation:tipsUp .6s ease-in-out infinite;
	transform:translate(0,4px);animation:tipsUp .6s ease-in-out infinite;
}

@keyframes tipsUp{
	0%{
		opacity:0;
		-webkit-transform:translate(0,-5px);
	}
	50%{
		opacity:1;
		-webkit-transform:translate(0,0);
	}
	100%{
		opacity:.3;
		-webkit-transform:translate(0,5px);
	}
}
	
@-webkit-keyframes tipsUp{
	0%{
		opacity:0;
		-webkit-transform:translate(0,-5px);
	}
	50%{
		opacity:1;
		-webkit-transform:translate(0,0);
	}
	100%{
		opacity:.3;
		-webkit-transform:translate(0,5px);
	}
}

@-moz-keyframes tipsUp{
	0%{
		opacity:0;
		-webkit-transform:translate(0,-5px);
	}
	50%{
		opacity:1;
		-webkit-transform:translate(0,0);
	}
	100%{
		opacity:.3;
		-webkit-transform:translate(0,5px);
	}
}



/* 第一屏Kv切换 css end
--------------------------*/
.cont_bg1{ background:#fff}
.cont_bg2{ background:url(images/cont_bg2.jpg) center top no-repeat;}
.cont_bg3{ background:url(images/cont_bg3.jpg) center top no-repeat #e9e9eb;}
.cont_bg4{ background: url(../images/beauty_center.jpg) center top no-repeat #e9e9eb}

.brand_text{color:#caa58e;padding:3em .9em 11em .9em;text-align:center}

/* 美学理念
------------------------------*/
.aesthetic_list{padding-top:2em;overflow:hidden}
.aesthetic_list li{
	width:255px;padding:13px 15px; cursor:pointer;
	position:relative;float:left
}
.aesthetic_list li a{width:235px;border:10px #efefef solid; display:block}
.aesthetic_list li a img{width:100%; max-width:100%}

.aesthetic_list li .list_title{width:80px;height:100px;padding:0 10px; background:#efefef; position:absolute; bottom:3px; right:5px; z-index:3}
.aesthetic_list li .list_title span{font-family:'edwardian';color:#caa58e;font-size:3.6em;line-height:1}
.aesthetic_list li .list_title p{font-size:.875em; color:#999;margin-top:-8px; text-align:right}

.aesthetic_list li:hover a{border-color:#c7b2a6}
.aesthetic_list li:hover .list_title{ background:#c7b2a6}
.aesthetic_list li:hover .list_title span,
.aesthetic_list li:hover .list_title p{color:#fff}

/* 国际团队
-------------------------*/
.team_text{width:80%;margin:0 auto;padding-top:5px; text-align:center;font-size:.875em;}


/* 私人美丽定制 Private Beautiful Custom
------------------------------------*/
.pricate_box{padding-top:2em;padding-bottom:1em; overflow:hidden}
.pricate_list{width:890px}
.pricate_list li{width:50%; position:relative; overflow:hidden;float:left}
.pricate_list li a{ display:block}
.pricate_list li img{width:100%;max-width:100%}
.description{padding:20px; letter-spacing:1px; background:url(images/text_bg.png);font-size:.75em; color:#caa58e; position:absolute; z-index:99;bottom:0;left:0}
.pricate_list li a .hover{ position:absolute;top:0;left:0; z-index:3; filter:alpha(opacity=0); opacity:0;-moz-opacity:0;-webkit-opacity:0;}


.eight_project{width:250px;height:660px; background:#3b3b3b}
.eight_project h3{padding-left:20px;padding-top:26px;line-height:1.6;font-size:1.125em;font-weight:normal;color:#caa58e}
.eight_project h3 span{font-family:'edwardian';font-size:1.4em;color:#61564f}


.eight_project ul{}
.eight_project li{line-height:48px;padding:5px 0;}
.eight_project li a{font-size:.875em; display:block; color:#8e776a}
.eight_project li a:hover{ background:#2f2f2f}
.eight_project li a span{font-family:'edwardian';padding:0 18px 0 18px;font-size:1.75em;color:#61564f}

/* 十大品牌项目 Brand Projects
--------------------------------------*/
.brand_projects{overflow:hidden}
.brand_projects ul{margin-right:-48px;}
.brand_projects li{width:150px;margin-right:48px;margin-bottom:24px;margin-top:24px;float:left;position:relative}
.brand_projects li img{width:100%;max-width:100%}
.brand_projects li a{display:block; background:#efefef; border:10px #efefef solid}
.brand_projects li a h4{ position:absolute;right:10px;color:#999; bottom:16px;font-size:.875em; text-align:right;font-weight: normal;}
.brand_projects li a .en{font-family:'edwardian';font-size:3.5em;line-height:1;color:#e2d3cc}
.brand_projects li a:hover{ background:#c7b2a6; border-color:#c7b2a6}
.brand_projects li a:hover h4{color:#fff}
.brand_projects li a:hover .en{color:#d9c9bf}

/* 八大美容中心 Eight Beauty Center
-------------------------------------*/
.beauty_box{height:696px}

.beauty_nav{width:912px; margin:0 auto}
.beauty_nav ul{padding-top:30px;margin-right:-60px; overflow:hidden}
.beauty_nav li{width:183px;height:183px;margin-right:60px;margin-bottom:60px;float:left}
.beauty_nav li a{width:183px;height:183px;display:block; background:url(images/beauty_nav_bg.png) no-repeat;}
.beauty_nav li span{width:80px;height:80px;display:block;padding-top:36px; margin:0 auto}

.beauty_nav li h4{font-size:1em;font-weight:normal;color:#fff; text-shadow:1px 1px 0 rgba(0,0,0,.1); padding-top:8px; text-align:center}
.beauty_nav li a:hover{ background:url(images/beauty_nav_bg_hover.png) no-repeat}

/* 全球合作 Global Cooperation
-----------------------------------*/
.partner_box{width:100%;height:255px;padding-top:3em;padding-bottom:3em;position:relative}

a.prev_btn,
a.next_btn{width:36px;height:60px; background:url(images/sprites.png) no-repeat; display:block; position:absolute;top:50%;margin-top:-30px; z-index:999}
a.prev_btn{ background-position:-290px 0;left:-56px;}
a.next_btn{ background-position:-252px 0;right:-56px;}

.imglist_w{width:1139px;height:255px;border:1px #dedede dashed;overflow:hidden;float:left;position:relative;/*必要元素*/}
.imglist_w ul{width:20000px;position:absolute;left:0px;top:0px;}
.imglist_w li{width:284px;height:253px; display:table;text-align:center;border-right:1px #dedede dashed; position:relative;float:left}
.imglist_w li a{display:table-cell; vertical-align:middle}

.hot_title{width:100%;color:#999;line-height:1; position:absolute;bottom:20px;left:0}

/* css3 媒体查询
--------------------------------------------------------*/
@media screen and (max-width:1024px){
	.intro_con{width:960px}

	.aesthetic_list li{width:220px;padding:8px 10px;}
	.aesthetic_list li a{width:200px}
	.pricate_list{width:750px}
	
	.eight_project{width:210px;height:555px}
	.eight_project li{line-height:36px;padding:3px 0;}
	.eight_project li a{font-size:.75em}
	.brand_projects ul{margin-right:-24px;}
	.brand_projects li{width:140px;margin-right:24px;margin-top:12px;margin-bottom:12px}
	
	.beauty_text{width:960px}
	.beauty_center h1{top:28px}
	.beauty_text p{font-size:.75em;left:370px}
	
	a.prev_btn{left:1px}
	a.next_btn{right:0}
	.imglist_w{width:959px;}
	.imglist_w li{width:239px}
}



/* content main css end
----------------------------------------------------*/