@charset "utf-8";
/*全局初始化样式*/
*{box-sizing: border-box; margin:0; padding:0;}
body{ padding:0; margin:0 auto; font-size:18px; line-height:1.42857143; font-family:arial,Microsoft YaHei,'微软雅黑'; color: #666460; min-width: 320px; width: 100%; zoom:1;
/*禁用Webkit内核浏览器的文字大小调整功能*/
-webkit-text-size-adjust:none; 

/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight-color:rgba(0,0,0,0); 
-webkit-tap-highlight:rgba(0,0,0,0);

/*控制文本可选性*/
/*
-webkit-user-select: none;
    -ms-user-select: none;
   -moz-user-select: none;
 -khtml-user-select: none;
        user-select: none;
*/
        
/*设置字体的抗锯齿或者说光滑度*/
-webkit-font-smoothing: antialiased;
}
*{-moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; /*word-break: break-all;*/word-wrap: break-word;}
/*默认去除ul、li的默认样式*/
.p,.h1,.h2,.h3,.h4,.h5,.h6{ margin: 0; padding: 0;}
.ul,.ul li{ list-style:none; margin: 0; padding: 0;} 
p,h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0;}
ul,ul li{ list-style:none; margin: 0; padding: 0;} 
img{max-width: 100%;}
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#666460;} 
/*表单元素获得焦点时不显示虚线框*/
input:focus { outline: none;}
input,button,select,textarea{ outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ } 
/*不允许多行输入文本框有滚动条*/
textarea{ resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ } 
/*初始化表单元素样式*/
textarea,input,select { background:none; border:none; margin:0; padding:0;}
/*初始化HTML5标签样式*/
audio,canvas,progress,video { display: inline-block; vertical-align:baseline;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display:block;}
/*去除figure边距*/
figure,figcaption{ margin:0px; padding:0px;}

/*初始化图片样式*/
img{ border:none; border:0; _max-width:100%; vertical-align:top;}
ul li img{width: 100%;}
/*初始化a的样式和字体样式*/
a{ color:#555555; text-decoration:none!important; -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:hover{color: none;}

/*清除浮动*/
.clear{ clear:both; height:0px; overflow:hidden;}

.clearfix:after{ content:"."; display: block; height: 0; visibility: hidden; clear: both;font-size: 0px;}
.clearfix { zoom: 1;}
.fl{float: left;}
.fr{float: right; }
/*网站地图*/
.w1280{ max-width:1280px; margin:0 auto;}
@media(max-width:1200px){.w1280{ padding:0 2%;}}
/* 超出一行显示.... */
.overflow{
	overflow: hidden;/*超出部分隐藏*/
	text-overflow:ellipsis;/* 超出部分显示省略号 */
	white-space: nowrap;/*规定段落中的文本不进行换行 */
}
/* 超出两行显示.... */
.overflow{
	word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
 }
#menu { 
	margin: 0; padding: 0; 
	position: fixed; 
	right: 3%; 
	/* top: 50%; */
	/* margin-top: -112px; */
	bottom: 60px;
	list-style-type: none; 
	z-index: 70; 
	width: 23px;
}

#menu li {  
	font-size: 16px;
	position: relative;
	overflow: hidden;
	margin:18px 0;
}
#menu .menu-x {
	display: block;
	margin: 0 auto;
}  
#menu a { 
	float: left; 
	width: 23px; 
	height: 23px;
	color: #a0a0a1; 
	text-decoration: none;
	text-align: center;
	z-index: 100;
	position: relative;
	font-size: 16px;
}
#menu a img{
	position: absolute;
	top: 9px;
	left: 0;
	display: none;
	opacity: 0.5;
} 
#menu .active a { 
	color: #fff;
	/* background: url(../images/icion/menuhover.png) no-repeat; */
	/* background-position:center ; */
}
#menu .active img,
#menu .active a span{
	display: block;
	z-index: 99;
} 

header .nav-icion {
	position: relative;
	display: block;
	float: right;
	z-index: 100;
	margin: 60px 3%;
	color: #a98959;
	cursor: pointer;
}
header .nav-icion span{
	margin-right: 5px;
	line-height: 20px;
	font-size: 17px;
	display: block;
	float: left;
}
header .nav-icion .ico-nav {
	width: 21px;
	height: 16px;
	display: block;
	float: left;
	background: url(../images/icion/nav-icion_1.png) no-repeat center center;
}
header .nav-logo {
	position: relative;
	z-index: 999;
	float: left;
	height: 80px;
	margin: 20px 3%;
	display: block;
}
header .nav-logo img {
	height: 100%;
	max-height: 100%;
}

header.nav-home .nav-icion{
	position: fixed; 
	right: 3%; 
	top: 60px;
	margin: 0;
	color: #fff;
}
header.nav-home .nav-icion .ico-nav {
	background-image: url(../images/icion/nav-icion.png);
}
header.nav-home .nav-logo {
	position: fixed;
	top: 20px;
	left: 3%;
	margin: 0;
}

header .nav{
	margin: 0; 
	padding: 0; 
	position: fixed; 
	top:0;
	left:0;
	background:#a98959;
	width: 100%;
	height: 100%;
	z-index: 101;
	display: none;
}
header .nav .nav-icionx{
	margin: 0; padding: 0; 
	position: fixed; 
	right: 60px; 
	top: 60px;
	z-index: 102;
	color: #fff;
	cursor: pointer;
}

header .nav-menu{
	max-width:1520px;
	height: 100%;
	/* border: 1px solid #CCCCCC; */
	display: table;
    table-layout: fixed;
    width: 100%;
	margin: 0 auto;
}
header .nav-menu ul.ul{
	display: table-cell;
    vertical-align: middle;
    width: 100%;
}
header .nav-menu ul li{
	width: 25%;
	float: left;
	border-left:1px solid #b2956a;
	border-right:1px solid #b2956a;
	text-align: center;
	height: 600px;
	padding-top: 70px;
}
header .nav-menu ul li em{
	font-style: inherit;
}
header .nav-menu ul li em a{
	font-size: 22px;
	font-weight: 100;
	color: #FFFFFF;
	line-height: 80px;
	display: block;
}
header .nav-menu ul li dl dt a{
	font-size: 16px;
	color: #FFFFFF;
	line-height: 60px;
	display: block;
}
header .nav-menu ul li dl dd a{
	font-size: 14px;
	color: #f7e7ce;
	line-height: 34px;
	display: block;
}

@media(min-width:1024px){
	header .nav-menu ul li dl dd{
		height: 0;
		overflow: hidden;
		opacity: 0;
	}
	header .nav-menu ul li dl:hover dd{
		transition: all 0.8s;  
		height: 34px;
		opacity: 1;

	}
}

header .nav-menu ul li a:hover{
	color: #a98959;
	background: #FFFFFF;
}
header .nav-menu ul li:hover{
	border-left: 1px solid #fff;
    border-right: 1px solid #fff;
	
}
header .nav-menu ul li#m21{
	display: none;
}
@media (max-width:640px){
	header .nav-menu{overflow:auto;padding:70px 0;}
	header .nav-menu ul li{text-align:left;}
	header .nav-menu ul li a{padding:0 15px;}
	header .nav-menu ul li em a{position:relative;padding:15px 40px 15px 15px;font-size:20px;line-height:30px;}
	header .nav-menu ul li em a::after{position:absolute;top:50%;right:10px;display:block;margin-top:-16px;width:32px;height:32px;background:url(../images/icion/nav-icionx-_1.png) no-repeat center center;background-size:20px 20px;content:"";}
	header .nav-menu ul li.on em a::after{transform:rotate(90deg);}
	header .nav-menu ul li dl dt a{line-height:40px;}	
}
/* 首页底部 */
#bottom{
	position: fixed; 
	left: 3%; 
	bottom: 10px;
	z-index: 100;
}

#bottom p{
	font-size: 13px;
	color: #FFFFFF;
	opacity: 0.5;
}
/* 内页首页底部 */

#bottom2{
	/* position: fixed; */
	/* left: 3%; */
	/* bottom: 60px; */
	z-index: 100;
	width: 90%;
	margin: 0 auto;
}

#bottom2 p{
	font-size: 13px;
	color: #999999;
	/* opacity: 0.5; */
	padding:40px  0 ;
}


@media(max-width:1024px){
	/* 首页移动的底部 */
	#bottom{
		position: inherit;
		background: #000000;
		padding: 4% 0;
	}
	#bottom p{
		text-align: center;
	}
	
	#bottom2{
		z-index: 100;
		width: 100%;
		margin: 0 auto;
	}
	
	#bottom2 p{
		font-size: 13px;
		color: #999999;
		/* opacity: 0.5; */
		padding:4%  0 ;
		text-align: center;
	}
	
	header .nav-icion{
		margin: 25px 15px;
	}
	header .nav-logo {
		margin: 10px 15px;
		height: 50px;
	}
	header .nav-menu ul li dl{
		display: none;
	}
	header .nav .nav-icionx{
		right: 2%;
		top: 2%;
	}
	header .nav-menu ul li em a{
		/*writing-mode:tb-rl;*/
		display: block;
	}
	header .nav-menu ul li{height: auto;width:100%;padding-top: 0;}
	/* header .nav-menu ul.ul{
		padding-top: 70px;
		display: block;
		overflow-y:auto;
		max-height:700px;
	}
	header .nav-menu ul li{
		width: 25%;
		height: auto;
		padding-top: 0;
		border: 1px solid #FFFFFF;
		writing-mode: tb-rl;
	}
	
	header .nav .nav-icionx{
		top: 19px;
		right: 20px;
	}
	
	header .nav-menu ul li em a{
		font-size: 20px;
		line-height: 70px
	}
	header .nav-menu ul li dl dt a{
		font-size: 20px;
		line-height: 50px
	}
	header .nav-menu ul li dl dd a{
		font-size: 16px;
		line-height: 40px
	} */
	
}	
/* 内页banner */
.banner {
	display: none;
}
.banner img{
	width: 100%;
}
.banner .webbanner{
	display: none;
}
@media(max-width:1024px){
	.banner .webbanner{
		display: block;
	}
	.banner .pcbanner{
		display: none;
	}
}



/* 触发图片变大 */
/* 	img{  
	 cursor: pointer;  
	 transition: all 0.6s;  
	}  
	img:hover{  
	 transform: scale(1.2);  
	}  */
	.about-con .about-pic img,
	.Participating-unit img,
	.Brand-Concept img,
	.Case-appreciation-info img,
	.Business-Scope img,
	.Case-appreciation img,
	.New-work img{  
	 cursor: pointer;  
	 transition: all 0.8s;  
	}  
	.Business-Scope img:hover{
		transform: scale(1.02);  
	}
	.about-con .about-pic img:hover,
	.Participating-unit img:hover,
	.Brand-Concept img:hover,
	.Case-appreciation-info img:hover,
	.Case-appreciation img:hover,
	.New-work img:hover{  
	 transform: scale(1.1);  
	} 

	

.section{background: #ccc; color: red;}

/* 首页第一屏 */
.box01{
	position: relative;
	/* background: url(../images/box1_bg.png) no-repeat; */
	background-position:center ;
}
.box01 .banner-box01{
	display: none;
}
.box01 .box01-con{
	/* background: url(../images/icion/tit_enbg.png) no-repeat; */
	/* background-position:center ; */
	/* padding-top: 50px; */
}


.box01 .box01-con h1{
	font-size: 50px;
	font-weight: 100;
	line-height: 70px;
	color: #FFFFFF;
	text-align: center;
	letter-spacing:20px;
	font-family: serif;
}
.box01 .box01-con h2{
	font-size: 26px;
	line-height: 60px;
	color: #FFFFFF;
	font-weight: 100;
	text-align: center;
	letter-spacing:8px;
}
.box01 .box01-con span{
	width: 65px;
	height: 1px;
	background: #a98959;
	display: block;
	margin: 40px auto 0;
}
.box01 .video_res {
	width: 100vw;
	height: 100vh;
	background: #000;
}
.box01 .video_res video {
	width: 100%;
	height: 100%;
}

.box01 .left-title{
	/* position: absolute;
	left: 10%;
	top: 20%; */
	text-align: center;
    position: absolute;
    width: 100%;
    bottom: 110px;
}
.box01 .left-title a{
	font-size: 18px;
	color: #FFFFFF;
	/* writing-mode:tb-rl; */
	display: inline-block;
	position: relative;
	width: 120px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	margin: 15px ;
	/* font-family: serif; */
}

.box01 .left-title a::after{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	/* background: url(../../uploadfiles/image/s_kuang.png) no-repeat;
	background-size: 100% 100%; */
	width: 100%;
	height: 100%;
}
.box01 .left-title a:hover{
	color: #a98959;
}
/* .box01 .left-title a:hover::after{
	background-image: url(../../uploadfiles/image/s_kuang2.png);
} */


@media(max-width:1024px){
	.box01 .left-title{
		position: absolute;
		bottom: 22%;
		left: 5%;
		top: auto;
		width: 100%;
		display: none;
	}
	.box01.active .left-title{
		display: block;
	}
	.box01 .left-title a{
		width: 28%;
		margin: 1%;
		line-height: 40px;
		height: 40px;
		writing-mode:inherit;
		float: left;
		position: relative;
		font-size: 18px;
	}
	.box01 .left-title a::after{
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		background: url(../../uploadfiles/image/s_kuang.png) no-repeat;
		background-size: 100% 100%;
		width: 100%;
		height: 100%;
		
		
	}
	.box01 .left-title a:hover::after{
		background: url(../../uploadfiles/image/s_kuang2.png) no-repeat;
		background-size: 100% 100%;
	}
	.box01 .box01-con{
		background: url(../images/wap_tit.png) no-repeat !important;
		background-size: 80% !important;

	}
	.box01 .box01-con h1{
		font-size: 20px;
	}
	.box01 .box01-con h2{
		font-size: 14px;
	}
	
	
	.box01 .banner-box01{
		display: none;
	}
	.box01 .box01-con{
		padding-top: 50%;
		padding-bottom: 62%;
	}
	
	
	
	.box01 .video_res {
		height: 50vw;
	}
	.box03{
		padding-top: 9%;
		padding-bottom: 20%;
	}
}

/* 首页第一屏结束 */



/* 首页第二屏 */
.box02{
	/* background: url(../images/box2_bg.png) no-repeat; */
	background-position:center ;
}
.box02 .banner-box02{
	display: none;
}
.box02 .box02-con{
	/* background: url(../images/icion/tit2_enbg.png) no-repeat; */
	/* background-position: top 90px center ; */
	padding-bottom: 130px;
}
.box02 .box02-con h1{
	font-size: 40px;
	font-weight: 100;
	line-height: 160px;
	color: #FFFFFF;
	text-align: center;
	letter-spacing:10px;
	font-family: serif;
}
.box02 .box02-con p{
	font-size: 18px;
	text-align: center;
	line-height: 30px;
	color: #FFFFFF;
}
.box02 .box02-con a{
	display: block;
	margin: 50px auto 0;
	width: 185px;
	height: 45px;
	line-height: 45px;
	color: #FFFFFF;
	font-size: 16px;
	text-align: center;
	position: relative;
	z-index: 3;
	background:url(../images/icion/box2_abg.png) no-repeat;
	
}

.box02 .box02-con a::after {
      content: '了解更多';
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      right: 0;
	  z-index: 2;
      transition: .3s;
	  text-align: center;
      background: url(../images/icion/box2_abg2.png)no-repeat;
	  background-position:center ;
      transform-origin: left;
      transform: scaleX(0);
}
.box02 .box02-con a:hover::after {
  transform: scaleX(1);
}
@media(max-width:1024px){
	.box02 .banner-box02{
		display: none;
	}
	.box02 .box02-con{
		display: ;
		padding-top: 36%;
		padding-bottom: 62%;
	}
	.box02 .box02-con h1{
		line-height: 60px;
		font-size: 18px;
	}
	.box02 .box02-con p{
		font-size: 16px;
		width: 80%;
		margin: 0 auto
		;
	}
}

@media(max-width:640px){
	.box02 .box02-con{background-size: 290px !important;background-position: top 180px center !important;}
	.box02 .box02-con p{font-size: 14px;}
	#dowebok .box01.active .box01-con {background-position: top 220px center !important;}
	.box01,.box02,.box03,.box04 {background-size: cover;}
	.box01 .left-title{max-width: 240px;left: 50%;transform: translateX(-50%);}
	.box01 .left-title a{width: 31%; font-size: 12px;line-height: 30px;height: 30px;}
	.box01 .left-title a::after {background: none;}
	.box02 .box02-con a{font-size: 14px;}
	.box01 .box01-con {padding-top: 34%;padding-bottom: 79%;}
}
@media(max-width:375px){
	.box02 .box02-con{background-size: 275px !important;background-position: top 165px center !important;}
	#dowebok .box01.active .box01-con {background-position: top 203px center !important;}
}
	
/* 首页第二屏结束 */



/* 首页第三屏 */
.box03{
	background: url(../images/box3_bg.png) no-repeat;
	background-position:center ;
}
.box03 .box03-con{
	margin: 0 auto;
	text-align: center;
}
.box03 .banner-box03 {
	display: none;
}

.box03 .box03-con ul.ul li{
	width: 220px;
	height: 500px;
	margin: 0 28px;
	border: 1px solid #FFFFFF;
	display: inline-block;
	position: relative;
	overflow: hidden;
}
.box03 .box03-con ul.ul li a{
	display: block;
	height: 100%;
}
.box03 .box03-con ul.ul li h1{
	writing-mode:tb-rl;
	float: right;
	padding-top: 48px;
	font-size: 26px;
	font-weight: 100;
	color: #FFFFFF;
	letter-spacing: 12px;
	line-height: 46px;
	margin-right: 32px;
	position: relative;
	font-family: serif;
	overflow: hidden;/*超出部分隐藏*/
	text-overflow:ellipsis;/* 超出部分显示省略号 */
	white-space: nowrap;/*规定段落中的文本不进行换行 */
	height: 100%;
	text-align: left;
}
.box03 .box03-con ul.ul li h1::after{
	content: '';
	position: absolute;
	left: 50%;
	top: 210px;
	width: 1px;
	height: 60px;
	background: #a98959;
}
.box03 .box03-con ul.ul li h2{
	writing-mode:tb-rl;
	float: right;
	padding-top: 48px;
	font-size: 24px;
	font-weight: 100;
	color: #FFFFFF;
	letter-spacing: 12px;
	line-height: 46px;
	font-family: serif;
	overflow: hidden;/*超出部分隐藏*/
	text-overflow:ellipsis;/* 超出部分显示省略号 */
	white-space: nowrap;/*规定段落中的文本不进行换行 */
	text-align: left;
	height: 100%;
}
.box03 .box03-con ul.ul li h3{
	writing-mode:tb-rl;
	float: left;
	font-weight: 26px;
	font-weight: 100;
	color: #FFFFFF;
	text-align: right;
	height: 100%;
	opacity: 0.22;
	letter-spacing: 6px;
	padding-bottom: 40px;
	margin-left: 36px;
	overflow: hidden;/*超出部分隐藏*/
	text-overflow:ellipsis;/* 超出部分显示省略号 */
	white-space: nowrap;/*规定段落中的文本不进行换行 */
}
.box03 .box03-con ul.ul li .box3_ion{
	position:absolute ;
	bottom: -30px;
	width:auto;
	left: 50%;
	margin-left: -72px;
	opacity: 0;
}
.box03 .box03-con ul.ul li:hover{
	background: #434b6a;
	transition:all 1s;
	-ms-transition:all 1s;
	-moz-transition:all 1s;
	-o-transition:all 1s;
	-webkit-transition:all 1s;  
	cursor: pointer;
	opacity: 0.95;
}
.box03 .box03-con ul.ul li:hover .box3_ion{
	bottom:96px;
	opacity: 1;
}
.box03 .box03-con ul.ul li:hover h2{
	opacity: 0.05;
}
.box03 .box03-con ul.ul li:hover h3{
	display: none;
}
@media(max-width:1024px){
	.box03 .box03-con{
		margin: 3% auto 0;
	}
	.box03 .box03-con ul.ul li{
		width: 25%;
		margin: 3% 1%;
		height: 360px;
	}
	.box03 .box03-con ul.ul li:hover .box3_ion{
		bottom: -30px;
	}
	.box03 .box03-con ul.ul li h1{
		margin-right: 2%;
		font-size: 22px;
	}
	.box03 .box03-con ul.ul li h2{
		font-size: 20px;
	}
	.box03 .box03-con ul.ul li:hover .box3_ion{
		width: 100%;
	}
}

@media(max-width:640px){
	.box03{background-size: cover !important;}
	.box03 .box03-con ul.ul li h1{font-size: 16px;line-height: 40px;}
	.box03 .box03-con ul.ul li h2{font-size: 14px;line-height: 40px;}
	.box03 .box03-con ul.ul li{height: 320px;width:23%;}
	.box03 .box03-con{margin:0 auto;}
}
@media(max-width:320px){
	.box03 .box03-con ul.ul li h1{font-size: 14px;line-height: 30px;}
	.box03 .box03-con ul.ul li h2{font-size: 12px;line-height: 30px;}
}
/* 首页第三屏结束 */

/* 首页第四屏 */
.box04{
	background: url(../images/box4_bg.png) no-repeat;
	background-position:center ;
}
.box04 .banner-box04 {
	display: none;
}
.box04 .box04-con{
	width: 90%;
	margin: 0 auto;
}
.box04 .box04-con .swiper-box04 {
	height: 400px !important;
}
.box04 .box04-con .swiper-box04 .swiper-wrapper ,
.box04 .box04-con .swiper-box04 .swiper-slide{
	height: 200px !important;
	width: 100% !important;
}

.box04 .box04-con .swiper-box04 .swiper-slide .slide-con{
	border-left: 1px solid rgba(255,255,255,.2);
	height: 200px;
	padding: 30px 60px;
	position: relative;
}
.box04 .box04-con .swiper-box04 .swiper-slide .slide-con h1{
	font-size: 24px;
	color: #FFFFFF;
	line-height: 30px;
	font-weight: 100;
	
	overflow: hidden;/*超出部分隐藏*/
    text-overflow:ellipsis;/* 超出部分显示省略号 */
    white-space: nowrap;/*规定段落中的文本不进行换行 */
}
.box04 .box04-con .swiper-box04 .swiper-slide .slide-con h1::after{
	content: '';
	position: absolute;
	left: -1px;
	top: 62px;
	width: 5px;
	height: 26px;
	background: #a98959;
}
.box04 .box04-con .swiper-box04 .swiper-slide .slide-con h1 a{
	color: #FFFFFF;
}

.box04 .box04-con .swiper-box04 .swiper-slide .slide-con p{
	font-size: 14px;
	color: #fff;
	line-height: 26px;
	margin-top: 26px;
	position: relative;
	word-break: break-all;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.box04 .box04-con .swiper-box04 .swiper-slide .slide-con span{
	/* content: ''; */
	/* position: absolute; */
	/* left: 0; */
	/* bottom: -40px; */
	display: block;
	margin-top: 6px;
	width: 60px;
	height: 1px;
	background: #a98959;
}
.box04 .box04-con .swiper-box04 .swiper-slide .slide-con h3{
	position: absolute;
	bottom: 0px;
	font-weight: 100;
	font-size: 50px;
	color: rgba(255,255,255,.3);
	font-family: serif;
}
.box04 .box04-con .swiper-box04 .swiper-slide .slide-con:hover{
	background: #FFFFFF;
}
.box04 .box04-con .swiper-box04 .swiper-slide .slide-con:hover h1 a{
	color: #000000;
}
.box04 .box04-con .swiper-box04 .swiper-slide .slide-con h1 a:hover{
	color: #a98959;
}
.box04 .box04-con .swiper-box04 .swiper-slide .slide-con:hover p{
	color: #666;
}
.box04 .box04-con .swiper-box04 .swiper-slide .slide-con:hover h3{
	color: #b2b2b2;
}
@media(max-width:1024px){
	.box04{
		padding:10% 0;
	}
	.box04 .box04-con .swiper-box04 .swiper-slide .slide-con h3{
		font-size: 42px;
	}
}
@media(max-width:640px){
	.box04 .box04-con .swiper-box04 .swiper-slide .slide-con h3{font-size: 30px;}
}
/* 首页第四屏结束 */


/* 首页第五屏 */
.box05{
	/* background: url(../images/map1.jpg) no-repeat ; */
	/* background-position:center right bottom; */
}
.box05 .box05-con-left{
	width: 50%;
	height: 100%;
	background: url(../images/box5_bg.png) no-repeat;
	background-position:center bottom ;
	float: left;
}
.box05 .box05-con-left .box05-left{
	max-width:60% ;
	margin: 0 auto;
	padding-top: 20%;
	padding-bottom: 35%;
}
.box05 .box05-con-left .box05-left h1{
	font-weight: 100;
	font-size: 16px;
	line-height: 30px;
	color: #FFFFFF;
}
.box05 .box05-con-left .box05-left h2{
	font-weight: 100;
	font-size: 50px;
	line-height: 68px;
	color: #FFFFFF;
	font-family:serif ;
}
.box05 .box05-con-left .box05-left h3{
	font-weight: 100;
	font-size: 16px;
	line-height: 30px;
	color: #FFFFFF;
	margin-top: 20px;
}
.box05 .box05-con-left .box05-left h4{
	font-weight: 100;
	font-size: 20px;
	line-height: 30px;
	color: #FFFFFF;
	margin-bottom: 50px;
}
.box05 .box05-con-left .box05-left ul.ul li{
	width: 120px;
	height: 120px;
	margin: 10px;
	border: 1px solid rgba(255,255,255,.5);
	float: left;
	position: relative;
}
.box05 .box05-con-left .box05-left ul.ul li p{
	font-weight: 100;
	font-size: 14px;
	line-height: 120px;
	color: #FFFFFF;
	text-align: center;
	cursor: pointer;
	overflow: hidden;/*超出部分隐藏*/
	text-overflow:ellipsis;/* 超出部分显示省略号 */
	white-space: nowrap;/*规定段落中的文本不进行换行 */
}
.box05 .box05-con-left .box05-left ul.ul li img{
	width: 100%;
	/* display: none; */
	opacity: 0;
	transform: scale(0.8);  
	 transition: all 0.6s;  
	 position: absolute;
	 top: 0;
	 left: 0;
}
.box05 .box05-con-left .box05-left ul.ul li:hover p{
	display: none;
}
.box05 .box05-con-left .box05-left ul.ul li:hover img{
	transform: scale(1);  
	opacity: 1;
}

.box05 .box05-con-right{
	width: 50%;
	height: 100%;
	max-height: 1080px;
	float: right;
	overflow: hidden;
	background: url(../images/map1.jpg) no-repeat;
	background-size: auto 100%; 
}
.box05 .box05-con-right img{
	width: 100%;
	/* height: %; */
	display: block;
	/* opacity: 0; */
}
.box05 .box05-con-right .map{
	width: 100%;
	height: 100%;
}

.box05 .box05-con-right .map::after{
	content: '';
	position: absolute;
	top: 0;
	left:0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.7;
}

@media(max-width:1024px){
	.box05 .box05-con-left .box05-left{
		padding-bottom: 20%;
		max-width: 98%;
	}
	.box05 .box05-con-left .box05-left h1{
		text-align: center;
	}
	.box05 .box05-con-left .box05-left h2{
		text-align: center;
		font-size: 30px;
		line-height: 40px;
	}
	.box05 .box05-con-left .box05-left h3{
		text-align: center;
		font-size: 16px;
		line-height: 30px;
	}
	.box05 .box05-con-left .box05-left h4{
		text-align: center;
		font-size: 18px;
	}
	.box05 .box05-con-left .box05-left ul.ul{
		text-align: center;
	}
	.box05 .box05-con-left .box05-left ul.ul li{
		width: 90px;
		height: 90px;
		display: inline-block;
		float: inherit;
	}
	.box05 .box05-con-left .box05-left ul.ul li p{
		line-height: 90px;
	}
	.box05 .box05-con-left{
		width: 100%;
	}
	.box05 .box05-con-right{
		width: 100%;
		height: 300px;
	}
}
/* 首页第五屏结束 */

@media(max-width:1024px){
	#menu{
		display: none;
	}
	.fp-tableCell{
		height: auto !important;
	
	}
	.fp-section.fp-table, 
	.fp-slide.fp-table{
		height: auto !important;
			width: 100%;
		overflow: hidden;
	}
}
@media (max-width:1024px){
	.fp-section.fp-table, 
	.fp-slide.fp-table{
		height: 100% !important;
	}
}



/* 公共内页二级 */
.menu-nav{
	
}

.menu-nav ul.ul{
	text-align: center;
	padding: 100px 0;
}
.menu-nav ul.ul li{
	display: inline-block;
	margin: 0 12px;
}
.menu-nav ul.ul li a{
	display: block;
	width: 142px;
	height: 45px;
	line-height: 45px;
	border: 1px solid #dad7d7;
	color: #666666;
}
.menu-nav ul.ul li.on a,
.menu-nav ul.ul li a:hover{
	background: #a98959;
	border: 1px solid #a98959;
	color: #FFFFFF;
}
@media(max-width:1024px){
	.menu-nav ul.ul{
		padding: 6% 0;
	}
}


/* 金象世家 */
.about-con{}
.about-con .about-pic{
	/* float: left; */
	width: 48%;
	overflow: hidden;
	margin-left: 1%;
	margin-right: 1%;
	
}
.about-con .about-text{
	/* float: right; */
	width: 50%;
	padding-right: 6%;
}
.about-con .about-text img:nth-child(1){
	padding-left: 10%;
	width: 80%;
}
@media(min-width:1500px){
	.about-con .about-text img:nth-child(1){
		width: 62%;
	}
}
.about-con .about-text .title01{
	padding-left: 10%;
	padding-top: 20px;
	: ;
}
.about-con .about-text .title01 h1{
	color: #a98959;
	font-size: 44px;
	line-height: 50px;
	font-family: fantasy;
	letter-spacing: 14px;
	font-weight: 100;
	position: relative;
	padding-left: 80px;
}
.about-con .about-text .title01 h1::after{
	content: '';
	position: absolute;
	top: 25px;
	left:0;
	width: 40px;
	height: 2px;
	background: #000;
}
.about-con .about-text .title01 h2{
	font-weight: 100;
	color:#202020 ;
	font-size: 30px;
	line-height: 48px;
}

.about-con .about-text .title02{
	width: 100%;
	background: #a98959;
	text-align: center;
	padding: 20px 0;
	margin-top: 24px;
}
.about-con .about-text .title02 h1{
	font-size: 40px;
	font-weight: 100;
	color: #FFFFFF;
	font-family: monospace;
	
}
.about-con .about-text .title02 h2{
	font-size: 35px;
	font-weight: 100;
	color: #FFFFFF;
	opacity: 0.2;
	margin-top: -32px;
	font-family: monospace;
	letter-spacing: 4px;
}
.about-con .about-text .text-con{
	padding-left: 10%;
	padding-top: 38px;
}
.about-con .about-text .text-con p{
	font-size: 16px;
	line-height: 32px;
	color: #888888;
	margin-top: 32px;
}
.about-con .about-text .text-con img{
	display: block;
	margin-top: 40px;
	width: 100%;
        max-width: 200px;
    float: right;
}
.about-con .about-text .text-con2 img{
    float: left;
}


@media(max-width:1024px){
	.about-con .about-pic{
		width: 100%;
		padding: 2%;
		margin: 0;
	}
	.about-con .about-text{
		width: 100%;
		padding-right: 6%;
		padding-left: 6%;

	}
	.about-con .about-text .title01 h1{
		letter-spacing: 0;
		font-size: 34px;
		padding-left: 50px;
	}
	.about-con .about-text .title02{
		/* margin: 0 4%; */
	}
	.about-con .about-text .text-con,
	.about-con .about-text .title01{
		padding-left: 0;
	}
}

@media(max-width:640px){
	.about-con .about-text .title02 h2{font-size: 25px;margin-top: -21px;}
	.about-con .about-text .title02 h1{font-size: 26px;}
	.about-con .about-text .text-con{padding-top: 0;}

}
@media(max-width:320px){
	.about-con .about-text .title02 h2{font-size: 22px;margin-top: -18px;}
	.about-con .about-text .title02 h1{font-size: 23px;}
}













/* 04品牌理念 */
.Brand-Concept{
	width: 1200px;
	margin: 140px auto 50px;
	
}
.Brand-Concept ul.ul li{
	width: 300px;
	height: 300px;
	float: left;
	overflow: hidden;
}

.Brand-Concept ul.ul li .idea-con{
	width: 100%;
	height: 100%;
	display: table;
    table-layout: fixed;
	border: 1px solid #e6e6e6;
	background: #fafafa;
}
.Brand-Concept ul.ul li .idea-text{
	display: table-cell;
    vertical-align: middle;
	text-align: center;
}
.Brand-Concept ul.ul li .idea-text h1{
	font-size: 30px;
	line-height: 40px;
	color:#333 ;
	font-weight: 100;
	letter-spacing: 6px;

}
.Brand-Concept ul.ul li .idea-text h2{
	position: relative;
	font-size: 38px;
	line-height: 58px;
	color: #a98959;
	letter-spacing: 6px;

}

.Brand-Concept ul.ul li .idea-text h2::after{
	content: '';
	position: absolute;
	bottom: -10px;
	left:50%;
	margin-left: -21px;
	width: 42px;
	height: 2px;
	background: #999999;
}
.Brand-Concept ul.ul li .idea-text p{
	font-size: 22px;
	line-height: 26px;
	color: #666666;
	width: 80%;
	margin: 30px auto 0;
}

@media(min-width:1600px){
	.Brand-Concept{
		width: 1600px;
	}
	.Brand-Concept ul.ul li{
		width: 400px;
		height: 400px;
	}
}
@media(max-width:1024px){
	.Brand-Concept{
		width: 98%;
		margin:2% auto;
	}
	.Brand-Concept ul.ul li{
		width:50%;
		height: 200px;
	}
	.Brand-Concept ul.ul li img{
		height: 100%;
		/* width: auto !important; */
	}
	.Brand-Concept ul.ul li .idea-text h1{
		font-size: 20px;
		line-height: 30px;
	}
	.Brand-Concept ul.ul li .idea-text h2{
		font-size: 18px;
		line-height: 40px;
	}
	.Brand-Concept ul.ul li .idea-text p{
		font-size: 14px;
		margin: 10px auto 0;
	}

}



/* 05联系我们 */
.contact-us{
	margin: 140px auto 0px;
}
.contact-us .contact-map {
	width: 50%;
	height: 700px;
	padding-right: 1%;
}
.contact-us .contact-map .map{
	width: 100%;
	height: 100%;
}
.contact-us .contact-map .map *{ -moz-box-sizing:content-box; -webkit-box-sizing:content-box; -o-box-sizing:content-box;-o-box-sizing:content-box; box-sizing:content-box; max-width: none;}


.contact-us .contact-con{
	background: url(../images/contactbg.jpg) no-repeat center;
	width: 50%;
	/* height: 800px; */
	padding-left: 4%;
	padding-top: 30px;
}
.contact-us .contact-con h1{
	position: relative;
	font-size: 48px;
	line-height: 58px;
	color: #a98959;
	letter-spacing: 10px;
	/* font-weight: 100; */
}
.contact-us .contact-con h1::after{
	content: '';
	position: absolute;
	top: -30px;
	left:0;
	width: 42px;
	height: 2px;
	background: #999999;
}
.contact-us .contact-con h2{
	font-size: 30px;
	color: #202020;
	line-height: 48px;
	font-weight: 100;
}
.contact-us .contact-con h3{
	font-size: 100px;
	line-height: 160px;
	color: #e4e4e4;
	font-family: fantasy;
	letter-spacing: 10px;
	font-weight: 100;
	opacity: 0.6;
	overflow: hidden;/*超出部分隐藏*/
	text-overflow:ellipsis;/* 超出部分显示省略号 */
	white-space: nowrap;/*规定段落中的文本不进行换行 */
}
.contact-us .contact-con dl{}
.contact-us .contact-con dl dt{
	font-size: 20px;
	line-height: 60px;
	color: #a98959;
	font-weight: bold;
}
.contact-us .contact-con dl dd{
	line-height: 44px;
	height: 44px;
	font-size: 16px;
	color: #666666;
}
.contact-us .contact-con dl dd:last-child{
	height: 120px;
}


.contact-us .contact-con dl dd span{
	display: block;
	float: left;
	width: 40px;
	height: 44px;
	background:center;
}
.contact-us .contact-con dl dd img{
	display: block;
	width: 120px;
	height: 120px;
	border: 1px solid #333333;
}

.contact-us .contact-con input[type=button]{
	width: 120px;
	height: 40px;
	border: 1px solid #FFFFFF;
	background: #a98959;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	margin: 10px auto;
	color: #FFFFFF;
	display: block;
	cursor: pointer;
}

.contact-us .contact-con input[type=button]:hover{
	color: #a98959;
	border: 1px solid #a98959;
	background: #FFFFFF;

}
.contact-us .message {
	position: fixed;
	top: 10%;
	left: 25%;
	width: 50%;
	border: 1px solid #333;
	z-index: 1000;
	background: #fff;
	padding: 20px;
	border-radius:6px ;
	display: none;
}

.contact-us  .message-bg{
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	left: 0;
	top: 0;
	z-index: 999;
	display: none;
}
.contact-us .message div input {
	line-height: 40px;
	font-size: 16px;
	border: 1px solid #333333;
	margin: 10px 0px;
	width: 100%;
	padding: 0 10px;
	border-radius:6px ;
}
.contact-us .message h2 {
	font-size: 22px;
	line-height: 60px;
	text-align: center;

}
.contact-us .message textarea {
	width: 100%;
	height: 200px;
	line-height: 40px;
	font-size: 16px;
	border: 1px solid #333333;
	padding: 0 10px;
	border-radius:6px ;
	display:block;
	font-family: "微软雅黑";
}
.contact-us .message #guanbi{
	position: absolute;
	top: 2px;
	right: 2px;
	cursor: pointer;
}
.contact-us .message .btn_submit.btn {
	width: 120px;
	height: 40px;
	border: 1px solid #FFFFFF;
	background: #a98959;
	text-align: center;
	line-height: 40px;
	font-size: 16px;
	margin: 10px auto;
	color: #FFFFFF;
	display: block;
	cursor: pointer;
}

.contact-us .message .btn_submit.btn:hover{
	color: #a98959;
	border: 1px solid #a98959;
	background: #FFFFFF;

}
@media(max-width:1024px){
	.contact-us{
		width: 98%;
		margin:2% auto;
	}
	.contact-us .contact-con{
		width: 100%;
		padding-top: 100px;
		height: auto;
		padding-bottom: 10%;
	}
	.contact-us .contact-con h1{
		font-size: 30px;
		line-height: 34px;

	}
	.contact-us .contact-con h3{
		display: none;
	}
	.contact-us .contact-con dl dd{
		font-size: 14px;
	}
	.contact-us .contact-map{
		width: 100%;
		height: 300px;
	}
	.contact-us .message {
		position: fixed;
		top: 10%;
		left: 5%;
		width: 90%;
		border: 1px solid #333;
		z-index: 1000;
		background: #fff;
		padding: 20px;
		border-radius:6px ;
		display: none;
	}
	.box01.active .box01-con{
		background-position: top 158px center !important;
	}
	
}
@media(min-width:1600px){
	.contact-us .contact-con{
		height: 960px;

	}
	.contact-us .contact-map{
		height: 960px;
		height: 960px;
	}
}
@media(max-width:640px){
	#dowebok .box01.active .box01-con {background-position: top 150px center !important;}
}
@media(max-width:375px){
	#dowebok .box01.active .box01-con {background-position: top 140px center !important;}
}

/* 05联系我们 */
.Business-Scope{
	margin: 30px auto ;
}
.Business-Scope .Business-left{
	width: 45%;
}
.Business-Scope .Business-left .img{
	width: 40%;
	margin-left: 40px;
	margin-top: 308px;
	float: left;
}

.Business-Scope .Business-left .title_0{
	width: 220px;
	height: 524px;
	margin-top: 42px;
	margin-left: 72px;
	border: 1px solid #eee7de;
	display: inline-block;
	position: relative;
	overflow: hidden;
}
.Business-Scope .Business-left .title_0 h1{
	writing-mode:tb-rl;
	float: right;
	padding-top: 48px;
	font-size: 26px;
	font-weight: 100;
	color: #a98959;
	letter-spacing: 12px;
	line-height: 46px;
	margin-right: 32px;
	position: relative;
	font-family: serif;
}
.Business-Scope .Business-left .title_0 h1::after{
	content: '';
	position: absolute;
	left: 50%;
	bottom: -78px;
	width: 1px;
	height: 60px;
	background: #a98959;
}
.Business-Scope .Business-left .title_0 h2{
	writing-mode:tb-rl;
	float: right;
	padding-top: 48px;
	font-size: 24px;
	font-weight: 100;
	color: #a98959;
	letter-spacing: 12px;
	line-height: 46px;
	font-family: serif;
}
.Business-Scope .Business-left .title_0 h3{
	writing-mode:tb-rl;
	float: left;
	font-weight: 26px;
	font-weight: 100;
	color: #a98959;
	text-align: right;
	height: 100%;
	opacity: 0.22;
	letter-spacing: 6px;
	padding-bottom: 40px;
	margin-left: 36px;
}
.Business-Scope .Business-left .title_0 .box3_ion{
	position:absolute ;
	bottom: -30px;
	width:auto;
	left: 50%;
	margin-left: -72px;
	opacity: 0;
}
.Business-Scope .Business-left .title_0:hover{
	border:1px solid #a98959 ;
}

.Business-Scope.Business-Scope2 .Business-right{
	padding-left: 40px;
	padding-top: 150px;
}
.Business-Scope.Business-Scope2 .Business-left .img{
	float: right;
	margin-top: 0;
	margin-right: 40px;
}

.Business-Scope .Business-right{
	width: 55%;
}

@media(max-width:1366px){
	.Business-Scope2 .Business-right{width: 54%;}
	.Business-Scope2 .Business-left{width:46%;}
}

@media(max-width:1024px){
	.Business-Scope{
		margin: 0;
	}
	.Business-Scope .Business-left,
	.Business-Scope .Business-right{
		width: 100%;
		padding: 0 2% ;
	}
	.Business-Scope2 .Business-right{width: 100%;}
	.Business-Scope2 .Business-left{width:100%;}
	.Business-Scope .Business-left .img{
		width: 50%;
		margin-left: 0;
		margin-top: 0;
		float: left;
	}
	.Business-Scope .Business-left .title_0{
		width: 50%;
		margin-top: 0;
		margin-left: 0;
		/* border: none; */
	}
	.Business-Scope.Business-Scope2 .Business-left .img{
		margin-right: 0;
	}
	.Business-Scope.Business-Scope2 .Business-right{
		padding-left: 2%;
		padding-top: 0;
	}
	.Business-Scope .Business-left{
		margin-top: 2%;
	}
}

@media(max-width:640px){
	.Business-Scope .Business-right{display:none;}
	.Business-Scope .Business-left .title_0 h1{font-size: 20px;margin-right: 48px;}
	.Business-Scope .Business-left .title_0 h2{font-size: 19px;}
	.Business-Scope .Business-left .title_0{height: 415px;}
	.Business-Scope .Business-left .img{height: 415px;}

}
@media(max-width:320px){
	.Business-Scope .Business-left .title_0 h1 { margin-right: 33px;}
}

/* 07案例点图 */
.Case{
	padding: 0 40px;
}
.Case .title {
	margin: 3% 0 0;
	font-size: 24px;
	line-height: 36px;
	text-align: left;
	color: #a98959;
}
.Case .back {
	width: 100%;
	margin-bottom: 30px;
}
.Case .back:last-of-type {
	margin-bottom: 0;
}
.Case .back>div {
	width: 50%;
	float: left;
}
.Case .back .b-left .img {
	position: relative;
	width: 100%;
	/* padding-bottom: 53.5%; */
}
.Case .back .b-left .img img {
	/* position: absolute; */
	/* left: 50%; */
	/* top: 50%; */
	/* transform: translate(-50%,-50%); */
	/* min-width: 100%; */
	/* min-height: 100%; */
}
.Case .back .b-right {
	padding: 0 5%;
	color: #a98959;
}
.Case .back .b-right .h4 {
	font-size: 22px;
}
.Case .back .b-right .h4 span{
	display: block;
	float: left;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	color: #a98959;
	border-radius: 50%;
	border: 1px solid #a98959;
	font-size: 18px;
	margin-top: 4px;
	margin-right: 10px;
}
	
.Case .back .b-right .ul {
	margin: 10px 0;
}
.Case .back .b-right .ul li {
	position: relative;
	width: 33.33333%;
	margin: 10px 0;
	padding: 0 10px 0 0px;
	float: left;
}
/* .Case .back .b-right .ul li::before {
	content: "1";
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -12px;
	width: 24px;
	height: 24px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	color: #a98959;
	border-radius: 50%;
	border: 1px solid #a98959;
} */
/* .Case .back .b-right .ul li:nth-of-type(1)::before {content: "1"}
.Case .back .b-right .ul li:nth-of-type(2)::before {content: "2"}
.Case .back .b-right .ul li:nth-of-type(3)::before {content: "3"}
.Case .back .b-right .ul li:nth-of-type(4)::before {content: "4"}
.Case .back .b-right .ul li:nth-of-type(5)::before {content: "5"}
.Case .back .b-right .ul li:nth-of-type(6)::before {content: "6"}
.Case .back .b-right .ul li:nth-of-type(7)::before {content: "7"}
.Case .back .b-right .ul li:nth-of-type(8)::before {content: "8"}
.Case .back .b-right .ul li:nth-of-type(9)::before {content: "9"}
.Case .back .b-right .ul li:nth-of-type(10)::before {content: "10"}
.Case .back .b-right .ul li:nth-of-type(11)::before {content: "11"}
.Case .back .b-right .ul li:nth-of-type(12)::before {content: "12"}
.Case .back .b-right .ul li:nth-of-type(13)::before {content: "13"}
.Case .back .b-right .ul li:nth-of-type(14)::before {content: "14"}
.Case .back .b-right .ul li:nth-of-type(15)::before {content: "15"}
.Case .back .b-right .ul li:nth-of-type(16)::before {content: "16"}
.Case .back .b-right .ul li:nth-of-type(17)::before {content: "17"}
.Case .back .b-right .ul li:nth-of-type(18)::before {content: "18"} */

.Case .back .b-right .ul li p {
	display: block;
	white-space: nowrap; 
	text-overflow: ellipsis;
	overflow: hidden;
}
@media (max-width: 1400px) {
	.Case .back .b-right {
		padding: 0 2%;
	}
}
@media (max-width: 1024px) {
	.Case .back>div {
		width: 100%;
		float: none;
	}
	.Case .back .b-right {
		padding: 0;
	}
	.Case .back .b-right .h4 {
		margin-top: 15px;
	}
	.Case .back .b-right .ul {
		margin-top: 0;
	}
}
@media(max-width:640px){
	.Case .back {
		margin-bottom: 10px;
	}
	.Case .back .b-right .ul li {
		width: 100%;
	}
}

/* 0/设计师介绍 */


.Designer{
	padding: 0 5%;
}

.Designer ul.ul li{
	float: left;
	width: 18%;
	margin: 1%;
}

.Designer ul.ul li .Designer-pic{
	position: relative;
	/* overflow: hidden; */
	z-index: 10;

}
.Designer ul.ul li .Designer-pic a.a1 img{
	z-index: 10;
	position: relative;
	display: none;
}
.Designer ul.ul li .Designer-pic a.a1{
	display: block;
	position: relative;
	cursor:unset;
	padding-bottom: 123%;
	z-index: 11;

}
.Designer ul.ul li .Designer-pic::after{
	content: '';
	position: absolute;
	right: -9px;
	bottom: -9px;
	width: 90%;
	height: 90%;
	background: #FFFFFF;
	border: 1px solid #a98959 ;
	z-index: 9;
}
.Designer ul.ul li .Designer-pic a.a2{
	/* display: none; */
	opacity: 0;
	position: absolute;
	z-index: 11;
	top: -20px;
	left: 0;
	width: 100%;
	height: 100%;
	padding-top: 100px;
	background: rgba(0,0,0,.5);
	
	transition:all 0.5s;
	-ms-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-o-transition:all 0.5s;
	-webkit-transition:all 0.5s; 
	cursor:unset;
}
.Designer ul.ul li .Designer-pic a.a2 span{
	display: block;
	font-size: 12px;
	line-height: 24px;
	color: #FFFFFF;
	width: 100%;
	text-align: center;
	max-height: 100%;
	overflow: hidden;

}

.Designer ul.ul li .Designer-name{
	margin-top: 36px;
	text-align: center;
}
.Designer ul.ul li .Designer-name a{
	display: inline-block;
	width: 100px;
	line-height: 42px;
	border: 1px solid #d2d0d0;
	text-align: center;
	font-size: 22px;
	color: #a98959;
	font-family: "宋体";
	font-weight: bold;
	position: relative;
	cursor:unset;
}
.Designer ul.ul li .Designer-name a::after{
	content: '';
	position: absolute;
	right: -13px;
	top: 21px;
	width: 26px;
	height: 1px;
	background: #a98959;
}
.Designer ul.ul li .Designer-name span{
	display: inline-block;
	font-size: 18px;
	line-height: 42px;
	margin-left: 20px;
}
.Designer ul.ul li:hover .Designer-pic a.a2{
	top: 0;
	opacity: 1;
}
.Designer ul.ul li:hover .Designer-name a{
	background: #a98959;
	color: #FFFFFF;
	border: 1px solid #a98959;
}
@media(max-width:1024px){
	.Designer{
		padding: 0 2%;
	}
	.Designer ul.ul li{
		width: 48%;
		margin: 1%;
	}
	.Designer ul.ul li .Designer-pic a.a2 span{
		display: none;
	}
	.Designer ul.ul li .Designer-name{
		margin-top: 0;
		background: #a98959;
	}
	.Designer ul.ul li .Designer-name span{
		margin-left: 0;
		color: #FFFFFF;
		font-size: 14px;

	}
	.Designer ul.ul li .Designer-pic::after{
		display: none;
	}
	.Designer ul.ul li .Designer-name a{
		font-size: 14px;
		width: 40%;
		line-height: 36px;
		color: #FFFFFF;
		border: none;
	}
	.Designer ul.ul li .Designer-pic a.a1::after{
		display: none;
	}
}
@media(min-width:1600px){
	.Designer ul.ul li .Designer-pic a.a2 span{
		font-size: 16px;
		line-height: 30px;
	}
}

.Popups{
	display: none;
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	z-index: 101;
}
.Popups .content-box{
	display: none;
	position: absolute;
	top: 50%;
	left: 50%;
	/* width: 80%; */
	height: 100%;
	max-height: 515px;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	/* background: #fff; */
}
.Popups .pic{
	/* width: 35%; */
	height: 100%;
	float: left;
}

.Popups .pic img {
	display: block;
	width: 100%;
    height: 100%;
    vertical-align: top;
    -o-object-fit: cover;
    object-fit: cover;
}

.Popups .intro{
	width: 65%;
	height: 100%;
	float: right;
	padding: 10%;
	display: none;
}

.Popups .close{
	position: absolute;
	top: 5px;
	right: 15px;
}

.Popups .close:after {
    position: relative;
    content: "d7";
    font-size: 40px;
    color: #a98959;
    cursor: pointer;
}
@media(max-width:1024px){
	.Popups .content-box{
		width: 80%;
	}
}
/*
 .Page002274 为demo编号
 */
.Page002274{ text-align:center; padding:80px 0 60px;color:#666666;}
.Page002274 .Pages *{ vertical-align:middle;}
.Page002274 .Pages .p_cur,
.Page002274 .Pages .p_count,
.Page002274 .Pages .p_total{ display:none;}
.Page002274 .Pages a{ display:inline-block; padding: 0 15px; line-height:37px; background-color: #fff; border: 1px solid #d9d9d9; color:#666666; margin-left:5px;}
.Page002274 .Pages a:hover,
.Page002274 .Pages a.a_cur{ color:#fff; background-color:#a98959; border: 1px solid #a98959;}
.Page002274 .Pages em{ font-style:normal; display:inline-block; vertical-align:middle;}
.Page002274 .Pages .i_text{ width:47px; height:36px; line-height:36px;border:1px solid #ceced5;}
.Page002274 .Pages .i_button{ cursor:pointer; background:none; width:47px; height:36px;border:1px solid #ceced5;}
.Page002274 .Pages .p_jump b{font-weight:normal; margin:0 5px;}
.Page002274 .Pages .a_prev,.Page002274 .Pages .a_next{ font-family: 宋体; font-weight: bold; padding:0 14px; }
@media(max-width:1024px){
	.Page002274{  padding:20px 0 20px;}
}
@media(max-width:1000px){
.Page002274 .Pages em{ display:none;}
}
@media(max-width:640px){
.Page002274 .Pages a.a_first,
.Page002274 .Pages a.a_end{ display:none;}
.Page002274 .Pages a{ padding:0 10px;}
}


/* 08精益设计 */


.about-con .design-con{
	padding-left: 10%;
}
.about-con .design-con ul li{
	margin-top: 10px;
}
.about-con .design-con ul li h1{
	line-height: 60px;
	font-size: 18px;
	color: #a98959;
}
.about-con .design-con ul li h1 span{
	font-size: 50px;
	color: rgba(0,0,0,.2);
	font-family: fantasy;
	margin-right: 40px;
	line-height: 70px;
	display: block;
	float: left;
	position: relative;
}
.about-con .design-con ul li h1 span::after{
	content: '';
	position: absolute;
	right: -24px;
	top: 35px;
	width: 14px;
	height: 1px;
	background: #000;
}
	
.about-con .design-con ul li p{
	font-size: 16px;
	line-height: 34px;
	color: #888888;
	padding-left: 90px;
}



/* 08案例赏析 */


.Case-appreciation{
	padding: 0 5%;
}
.Case-appreciation ul.ul li{
	float: left;
	width: 30%;
	margin: 1.6666666%;
}
.Case-appreciation ul.ul li .Case-pic{
	overflow: hidden;
	
}
.Case-appreciation ul.ul li .Case-pic a{
	display: block;
	padding-bottom: 70%;
	background-position: center !important;
}
.Case-appreciation ul.ul li .Case-pic a img{
	display: none;
}
.Case-appreciation ul.ul li .Case-name{
	border-left: 1px solid #999999;
	padding: 20px 30px 4px;
	position: relative;
	border-top: 1px solid #FFFFFF;
}
.Case-appreciation ul.ul li .Case-name a{
	font-size: 16px;
	line-height: 26px;
	color: #333333;
	display: block;
	overflow: hidden;/*超出部分隐藏*/
	text-overflow:ellipsis;/* 超出部分显示省略号 */
	white-space: nowrap;/*规定段落中的文本不进行换行 */
}
.Case-appreciation ul.ul li .Case-name p{
	font-size: 16px;
	line-height: 26px;
	color: #999;
	overflow: hidden;/*超出部分隐藏*/
	text-overflow:ellipsis;/* 超出部分显示省略号 */
	white-space: nowrap;/*规定段落中的文本不进行换行 */
}
.Case-appreciation ul.ul li .Case-name p::after{
	content: '';
	position: absolute;
	left: 0px;
	top: 36px;
	width: 3px;
	height: 40px;
	background: #999;
	transition: all 0.6s;
}
.Case-appreciation ul.ul li:hover .Case-name{
	border-top: 1px solid #FFFFFF;
	background: #a98959;
	transition: all 0.6s;
}
.Case-appreciation ul.ul li:hover .Case-name a,
.Case-appreciation ul.ul li:hover .Case-name p{
	color: #FFFFFF;
	transition: all 0.6s;
}
.Case-appreciation ul.ul li:hover .Case-name p::after{
	background: #a98959;
}
@media(max-width:1024px){
	.Case-appreciation {
		padding: 0 2%;
	}
	.Case-appreciation ul.ul li{
		width: 100%;
	}
}

/* 08案例赏析详情 */


.Case-appreciation-info{
	padding: 0 5% 90px;
}
.Case-appreciation-info .info-right{
	width: 50%;
	padding-left: 2.5%;
}
.Case-appreciation-info .info-left{
	width: 50%;
	padding-right: 2.5%;
}
.Case-appreciation-info .info-left img{
	max-width: 100%;
	margin-top: 260px;
}
.Case-appreciation-info .info-right img:nth-child(2){
	margin: 160px auto;
	display: block;
}
.Case-appreciation-info .info-c img{
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

.Case-appreciation-info .Device008-con ul li a{ 
	display: block;
	padding-bottom: 51%;
	cursor: inherit;
	background-position:center ;
	background: no-repeat center;
    background-size: contain;
}
.Case-appreciation-info .Device008-con ul li a img{
	display: none;
} 

.Case-appreciation-info .bx-wrapper .bx-pager.bx-default-pager a{background:#ddd;}



@media(max-width:1024px){

	.Case-appreciation-info {
		padding: 0;
	}
	.Case-appreciation-info .info-left,
	.Case-appreciation-info .info-right{
		width: 100%;
		padding: 0;

	}
	.Case-appreciation-info img{
		margin:0 auto !important;
		padding: 0 !important;

	}
}
@media(max-width:768px){
.bx-wrapper{margin-bottom:0!important;}
.Case-appreciation-info .Device008-con ul li a{background:none !important;padding-bottom:0;}
.Case-appreciation-info .Device008-con ul li a img{display:inline-block;}
.Case-appreciation-info .bx-wrapper .bx-pager.bx-default-pager a{display:none;}
}
.Case-appreciation-info1 {
	max-width: 1024px;
	margin: 0 auto;
	padding: 0 5%;
}
.Case-appreciation-info1 div,
.Case-appreciation-info1 .info-left,
.Case-appreciation-info1 .info-right {
	width: 100%;
	padding: 0;
}
.Case-appreciation-info1 img,
.Case-appreciation-info1 .info-left img,
.Case-appreciation-info1 .info-right img:nth-child(2),
.Case-appreciation-info1 .info-c img {
	margin: 8px 0;
	width: 100%;
}

/* 09新作大赏 */

.New-work{
	padding: 0 5%;
}
.New-work ul.ul li:nth-child(2n+1) .New-work-pic{
	float: left;
}
.New-work ul.ul li:nth-child(2n+1) .New-work-name{
	float: right;

}

.New-work ul.ul li:nth-child(2n) .New-work-pic{
	float: right;
}
.New-work ul.ul li:nth-child(2n) .New-work-name{
	float: left;
}
.New-work ul.ul li{
	overflow: hidden;
	margin-top: 70px;
	background: #fafafa;
	border: 1px solid #e6e6e6;
}
.New-work ul.ul li .New-work-pic{
	width: 62%;
	overflow: hidden;
}
.New-work ul.ul li .New-work-name{
	width: 38% ;
}


.New-work ul.ul li .New-work-name{
	border-left: 1px solid rgba(255,255,255,.2);
	height: 100%;
	padding: 60px;
	padding-bottom: 0;
	position: relative;
}
.New-work ul.ul li .New-work-name h1{
	font-size: 24px;
	color: #000000;
	line-height: 30px;
	font-weight: 100;
	
	overflow: hidden;/*超出部分隐藏*/
    text-overflow:ellipsis;/* 超出部分显示省略号 */
    white-space: nowrap;/*规定段落中的文本不进行换行 */
}
.New-work ul.ul li .New-work-name h1 a{
	color: #000000;

}
.New-work ul.ul li .New-work-name h1 a:hover{
	color: #a98959;
}
.New-work ul.ul li .New-work-name p{
	font-size: 14px;
	color: #666666;
	line-height: 26px;
	margin-top: 26px;
	position: relative;
}
.New-work ul.ul li .New-work-name p::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: -40px;
	width: 60px;
	height: 1px;
	background: #a98959;
}
.New-work ul.ul li .New-work-name h3{
	font-weight: 100;
	font-size: 50px;
	color: rgba(0,0,0,.3);
	font-family: serif;
	margin-top: 60px;
}

@media(max-width:1024px){
	.New-work{
		padding: 0 2%;
	}
	.New-work ul.ul li{
		margin-top: 2%;
	}
	.New-work ul.ul li .New-work-pic{
		width: 100%;
	}
	.New-work ul.ul li .New-work-name{
		width: 100% ;
		padding: 2%;
	}
	.New-work ul.ul li .New-work-name p{
		margin-top: 2%;
	}
	.New-work ul.ul li .New-work-name h3{
		font-size: 20px;
		margin-top: 30px;
	}
	.New-work ul.ul li .New-work-name p::after{
		bottom: -18px;
	}
}







/* 09新作大赏 */

.Participating-unit{
	/* padding: 0 5%; */
}
.Participating-unit ul.ul li:nth-child(2n+1) .unit-pic{
	float: left;
}
.Participating-unit ul.ul li:nth-child(2n+1) .unit-name{
	float: right;
}
.Participating-unit ul.ul li:nth-child(2n) .unit-pic{
	float: right;
}
.Participating-unit ul.ul li:nth-child(2n) .unit-name{
	float: left;
}
.Participating-unit ul.ul li{
	overflow: hidden;
	/* margin-top: 70px; */
	background: #fafafa;
	/* border: 1px solid #e6e6e6; */
}
.Participating-unit ul.ul li .unit-pic{
	width: 50%;
	overflow: hidden;
}
.Participating-unit ul.ul li .unit-name{
	width: 50% ;
	padding-right: 2%;
}

.Participating-unit ul.ul li .unit-name .title01{
	padding-left: 10%;
	padding-top: 80px;
}
.Participating-unit ul.ul li .unit-name .title01 h1{
	color: #a98959;
	font-size: 48px;
	line-height: 50px;
	font-family: fantasy;
	letter-spacing: 16px;
	font-weight: 100;
	position: relative;
}
.Participating-unit ul.ul li .unit-name .title01 h1::after{
	content: '';
	position: absolute;
	top: -30px;
	left:0;
	width: 40px;
	height: 2px;
	background: #000;
}
.Participating-unit ul.ul li .unit-name h2{
	font-weight: 100;
	color:#202020 ;
	font-size: 30px;
	line-height: 48px;
}


.Participating-unit ul.ul li .unit-name .about-con{
	padding-left: 10%;
	margin-top: 30px;
}
.Participating-unit ul.ul li .unit-name .about-con p{
	font-size: 16px;
	line-height: 48px;
	color: #888888;
}
.Participating-unit ul.ul li .unit-name .about-con p span{
	font-size: 30px;
	line-height: 36px;
	color: #a98959;
}

.Participating-unit ul.ul li .unit-name .idea-con{
	padding-left: 10%;
	margin-top: 15px;
}
.Participating-unit ul.ul li .unit-name .idea-con p{
	font-size: 16px;
	line-height: 28px;
	color: #888888;
}
.Participating-unit ul.ul li .unit-name .idea-con p span{
	font-size: 18px;
	line-height: 26px;
	color: #a98959;
	display: block;
	font-weight: bold;
	letter-spacing: 6px;
}

@media(min-width:1860px){
	
	.Participating-unit ul.ul li .unit-name .idea-con{
		padding-left: 10%;
		margin-top: 30px;
	}
	.Participating-unit ul.ul li .unit-name .idea-con p{
		font-size: 16px;
		line-height: 48px;
		color: #888888;
	}
	.Participating-unit ul.ul li .unit-name .idea-con p span{
		font-size: 20px;
		line-height: 36px;
		color: #a98959;
		display: block;
	}
}


.Participating-unit ul.ul li .unit-name .business-con{
	padding-left: 10%;
}
.Participating-unit ul.ul li .unit-name .business-con dl dd{
	margin-top: 10px;
}
.Participating-unit ul.ul li .unit-name .business-con dl dd h1{
	line-height: 60px;
	font-size: 18px;
	color: #a98959;
}
.Participating-unit ul.ul li .unit-name .business-con.vision dl dd h1{
	line-height: 28px;
	font-size: 18px;
	color: #a98959;
	overflow: hidden;
}
.Participating-unit ul.ul li .unit-name .business-con.vision dl dd h1 em{
	line-height: 25px;
	font-size: 18px;
	font-style: inherit;
	color: #a98959;
	display: block;
	margin-top: 20px;
}
.Participating-unit ul.ul li .unit-name .business-con.vision.vision2 dl dd h1 em{
	line-height: 30px;
	font-size: 16px;
	font-style: inherit;
	color: #a98959;
	display: block;
	margin-top: 20px;
}
.Participating-unit ul.ul li .unit-name .business-con dl dd h1 span{
	font-size: 50px;
	color: rgba(0,0,0,.2);
	font-family: fantasy;
	margin-right: 40px;
	line-height: 70px;
	display: block;
	float: left;
	position: relative;
}
.Participating-unit ul.ul li .unit-name .business-con dl dd h1 span::after{
	content: '';
	position: absolute;
	right: -24px;
	top: 35px;
	width: 14px;
	height: 1px;
	background: #000;
}
	
.Participating-unit ul.ul li .unit-name .business-con dl dd p{
	font-size: 16px;
	line-height: 34px;
	color: #888888;
	padding-left: 90px;
}


@media(max-width:1024px){
	.Participating-unit{
		padding: 2%;
	}
	.Participating-unit ul.ul li .unit-name{
		width: 100%;
		padding-bottom: 50px;
	}
	.Participating-unit ul.ul li .unit-pic{
		width: 100%;
	}
}


/* 09新作大赏 */

.Partner{
	width:1200px ;
	margin: 0 auto;
	padding-top: 140px;
}
.Partner ul.ul li{
	width: 200px;
	height: 200px;
	float: left;
}
.Partner ul.ul li a{
	width: 100%;
    height: 100%;
    display: table;
    table-layout: fixed;
    border: 1px solid #e6e6e6;
    background: #fafafa;
}
.Partner ul.ul li a .Partner-pic{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.Partner ul.ul li a .Partner-pic img{
	max-width: 80%;
	width: auto;
	transition: all 0.6s;  

}
.Partner ul.ul li a .Partner-pic p{
	font-size: 14px;
	line-height: 40px;
	color: #666;
	transition: all 0.6s;  
	 overflow: hidden;/*超出部分隐藏*/
    text-overflow:ellipsis;/* 超出部分显示省略号 */
    white-space: nowrap;/*规定段落中的文本不进行换行 */

}
.Partner ul.ul li:hover{
	border: 1px solid #a98959;
}
.Partner ul.ul li:hover img{
	transform: scale(1.1);  
}
.Partner ul.ul li:hover  a .Partner-pic p{
	color: #a98959;
	margin-top: 20px;
}
@media(max-width:1024px){
	.Partner{
		width:98% ;
		padding-top: 1%;
	}
	.Partner ul.ul li{
		width: 50%;
	}
}
@media(max-width:768px){
	.Partner{
		width:98% ;
	}
}
@media(min-width:1668px){
	.Partner{
		width: 1668px;
	}
	.Partner ul.ul li{
		width: 278px;
		height: 278px;
	}
}

/* 12人才招聘 */
.Recruitment{
	padding: 30px 5% 0;
}
.Recruitment ul.ul li{
	border: 1px solid #e5e5e5;
	padding: 20px 50px;
	position: relative;
	margin-top: 50px;
}
.Recruitment ul.ul li h1{
	font-size: 18px;
	line-height: 50px;
	border-bottom: 1px solid #e5e5e5;
	font-weight: 100;
	color: #333333;
	
	overflow: hidden;/*超出部分隐藏*/
	text-overflow:ellipsis;/* 超出部分显示省略号 */
	white-space: nowrap;/*规定段落中的文本不进行换行 */
	
}
.Recruitment ul.ul li h1 i{
	display: block;
	float: left;
	width: 10px;
	height: 10px;
	border: 2px solid #af9164;
	margin-left:2px ;
	margin-right: 15px;
	margin-top: 20px;
	transform:rotate(40deg);
	-ms-transform:rotate(40deg); 	/* IE 9 */
	-moz-transform:rotate(40deg); 	/* Firefox */
	-webkit-transform:rotate(40deg); /* Safari 和 Chrome */
	-o-transform:rotate(40deg); 	/* Opera */
}
.Recruitment ul.ul li .Recruitment-info{
	padding-top: 20px;
	padding-right: 34px;
}
.Recruitment ul.ul li .Recruitment-info h2{
	color: #a98959;
	font-size: 14px;
	font-weight: bold;
	line-height: 34px;
	/* margin-top: 30px; */
	
	overflow: hidden;/*超出部分隐藏*/
	text-overflow:ellipsis;/* 超出部分显示省略号 */
	white-space: nowrap;/*规定段落中的文本不进行换行 */
}
.Recruitment ul.ul li .Recruitment-info p{
	font-size: 14px;
	color: #888888;
	line-height: 30px;
}
.Recruitment ul.ul li .Recruitment-info p:nth-child(2),
.Recruitment ul.ul li .Recruitment-info p:nth-child(3){
	display: block !important;
}
.Recruitment ul.ul li .Recruitment-info a{
	width: 124px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 16px;
	border: 1px solid #a98959;
	background: #FFFFFF;
	color:#a98959 ;
	border-radius:6px ;
	display: block;
	margin: 36px 0;
}
.Recruitment ul.ul li .Recruitment-info a:hover{
	color: #fff;
	background: #a98959;
}
.Recruitment ul.ul li .button{
	display: block;
	width: 34px;
	height: 34px;
	border: 1px solid #e5e5e5;
	position: absolute;
	top: 104px;
	right: 50px;
	color: #888888;
	font-size: 20px;
	cursor: pointer;
	background-size: 60%;
}
.Recruitment ul.ul li .Recruitment-message {
	display: none;
}
.Recruitment ul.ul li .button .icion02{
	display: none;
}
.Recruitment ul.ul li .button img{
    width: 70%;
    display: block;
    margin-top: 6px;
	margin-left: 5px;
}

.Recruitment ul.ul li .button.on ,
.Recruitment ul.ul li .button:hover{
	color: #a98959;
	border: 1px solid #a98959;
}


@media(max-width:1024px){
	.Recruitment{
		padding: 0 2% 0;
	}
	.Recruitment ul.ul li{
		margin-top: 2%;
		padding: 10px 4% ;
	}
	.Recruitment ul.ul li .button{
		top:20px;
		right: 4%;
	}
	.Recruitment ul.ul li .Recruitment-info{
		padding-top: 10px;
	}
}

/* 12人才招聘-弹窗 */
.popUpJoin {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 999;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.popUpJoin .btn-close {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  display: block;
  color: #979797;
  font-weight: bold;
  font-size: 30px;
  line-height: 36px;
  text-align: center;
}
.popUpJoin .panel {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
	min-width: 320px;
	max-width: 80%;
  padding: 30px 3%;
  background: #fff;
}
.popUpJoin .panel .item>div {
	position: relative;
	padding-left: 54px;
	margin: 6px 0;
	line-height: 24px;
	min-height: 24px;
}
.popUpJoin .panel .item>div span {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	height: 24px;
	color: #666460;
}
.popUpJoin .panel .item h2 {
	font-size: 22px;
	color: ##333333;
	line-height: 50px;
	/* font-weight: 100; */
	text-align: center;
}
.popUpJoin .panel input[type=button]{
	display: block;
	margin: 20px auto 0;
	width: 100px;
	line-height: 36px;
	height: 36px;
	color: #fff;
    background: #a98959;
	border-radius: 5px;
	font-size: 16px;
	cursor: pointer;
}
.popUpJoin .panel input[type=button]:hover{
	border: 1px solid #a98959;
	color: #a98959;
	background: #FFFFFF;
}
@media(max-width:640px){
	.popUpJoin .panel {
		padding-left: 15px;
		padding-right: 15px;
	}
	.popUpJoin .panel .item>div {
		font-size: 16px;
	}
}

/* 12人才理念 */
.Talent-Concept{
	padding: 258px 5% 0;
	position: relative;
}

.Talent-Concept .Talent-right{
	width: 48%;
}
.Talent-Concept .Talent-left{
	background: #f8f8f8;
	width: 52%;
	margin-top: 150px;
	padding: 0 2.5%;
}
.Talent-Concept .Talent-right{
	padding-left: 2%;
}

.Talent-Concept .Talent-right{
	padding-right: 2.5%;
}

.Talent-Concept .Talent-left .Talent-left01{
	float: left;
	width: 50%;
	padding: 0 2.5%;
}
.Talent-Concept .Talent-left .Talent-left01 img{
	margin-top: -80px;
}
.Talent-Concept .Talent-left .Talent-left01 p{
	font-size: 20px;
	line-height: 30px;
	color: #666666;
	text-align: center;
	margin: 60px 0;
	
}
.Talent-Concept .Talent-left .Talent-left02{
	float: right;
	width: 50%;
	padding: 0 5%;
}
.Talent-Concept .Talent-left .Talent-left02 img{
	margin-top: 120px;
}


.Talent-Concept .Talent-left .Talent-left02 .title01{
	padding-left: 2%;
	padding-top: 100px;
	position: absolute;
	left:25% ;
	top:90px ;
	
}
.Talent-Concept .Talent-left .Talent-left02 .title01 h1{
	color: #a98959;
	font-size: 48px;
	line-height: 50px;
	font-family: fantasy;
	letter-spacing: 16px;
	font-weight: 100;
	position: relative;
	padding-left: 44px;

}
.Talent-Concept .Talent-left .Talent-left02 .title01 h1::after{
	content: '';
	position: absolute;
	top: 24px;
	left:0;
	width: 40px;
	height: 2px;
	background: #000;
}
.Talent-Concept .Talent-left .Talent-left02 .title01 h2{
	font-weight: 100;
	color:#202020 ;
	font-size: 30px;
	line-height: 48px;
}
.Talent-Concept .Business-Scope .Business-left,
.Talent-Concept .Business-Scope .Business-right {
	width: 50%;
}
.Talent-Concept .Business-Scope .Business-left .img {
	margin-top: 150px;
}

@media(max-width:1440px) {
	.Talent-Concept .Business-Scope .Business-left .title_0 {
		margin-left: 40px;
	}
}

@media(max-width:1024px){
	.Talent-Concept{
		padding: 2%;
	}
	.Talent-Concept .Talent-left,
	.Talent-Concept .Talent-right{
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.Talent-Concept .Talent-left .Talent-left01,
	.Talent-Concept .Talent-left .Talent-left02{
		width: 100%;
		padding: 0;
		margin: 0;

	}
	.Talent-Concept .Talent-left .Talent-left02 img,
	.Talent-Concept .Talent-left .Talent-left01 img{
		margin: 2% auto;
		display: block;
	}
	.Talent-Concept .Talent-left .Talent-left01 p{
		font-size: 18px;
		margin: 40px 0;
	}
	.Talent-Concept .Talent-left .Talent-left02 .title01{
		position: inherit;
	}
	.Talent-Concept .Business-Scope .Business-left, 
	.Talent-Concept .Business-Scope .Business-right {
		width: 100%;
	}
	.Talent-Concept .Business-Scope .Business-left .img {
		width: 100%;
		margin-top: 0;
	}
	.Talent-Concept .Business-Scope .Business-left .title_0 {
		width: 100%;
		height: auto;
		margin-left: 0;
		margin-top: 2%;
		padding: 4%;
	}
	.Talent-Concept .Business-Scope .Business-left .title_0 h1,
	.Talent-Concept .Business-Scope .Business-left .title_0 h2 {
		writing-mode: horizontal-tb;
		float: none;
		padding-top: 0;
	}
	.Talent-Concept .Business-Scope .Business-left .title_0 h1 {
		margin-right: 0;
	}
	.Talent-Concept .Business-Scope .Business-left .title_0 h1::after {
		display: none;
	}
	
	.Talent-Concept .Talent-left .Talent-left02 .title01 h1{
		letter-spacing: 0;
		font-size: 32px;
	}
}

.fp-section .fp-controlArrow.fp-prev{
	  border-width: 20px 20px 20px 0;
	  padding-right: 15px;
	  left: 0;
	
}
.fp-section .fp-controlArrow.fp-next{
	border-width: 20px 0 20px 20px;
	padding-right: 15px;
	right: 0;
}

@media(max-width:640px){
	.fp-section .fp-controlArrow.fp-prev{border-width: 15px 15px 15px 0; padding-right: 5px;}
	.fp-section .fp-controlArrow.fp-next{border-width: 15px 0 15px 15px;padding-right: 5px;}
}

#newBridge{display: none !important;}

.dowebok{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.dowebok .section,
.dowebok .box01{width: 100%; height: 100%;position: relative;}
.dowebok  .box01  .box01-con{opacity: 0;}


/*放大*/

.box01.active {
    animation: slowScale 6s forwards;
    -webkit-animation: slowScale 6s forwards;
}
.box01.active {
    animation:none;
    -webkit-animation:none.;
}
.box01.active {
    animation: slowScale 6s forwards;
    -webkit-animation: slowScale 6s forwards;
}
@keyframes slowScale {

    0% {

        transform: scale(1);

        -webkit-transform: scale(1);

    }

    100% {

        transform: scale(1.1);

        -webkit-transform: scale(1.1);

    }

}

@-webkit-keyframes slowScale {

    0% {

        transform: scale(1);

        -webkit-transform: scale(1);

    }

    100% {

        transform: scale(1.1);

        -webkit-transform: scale(1.1);

    }

}

/*opacity*/


<!--[if IE]>
/* 这样使用IE浏览器（全部版本）的人都看得到。 */
.box05 .box05-con-left .box05-left{
	padding-bottom: 30%;
}

<![endif]-->


.box01.active .box01-con {
    animation: slowScalee 2s forwards;
    -webkit-animation: slowScalee 2s forwards;
}
.box01.active .box01-con {
    animation:none;
    -webkit-animation:none.;
}
.box01.active .box01-con {
    animation: slowScalee 2s forwards;
    -webkit-animation: slowScalee 2s forwards;
}
@keyframes slowScalee {

    0% {

        transform: scale(0.1);

        -webkit-transform: scale(0.1);

    }

    100% {

        transform: scale(1);

        -webkit-transform: scale(1);

    }

}

@-webkit-keyframes slowScalee {

    0% {

        transform: scale(0.1);

        -webkit-transform: scale(0.1);

    }

    100% {

        transform: scale(1);

        -webkit-transform: scale(1);

    }

}

/*opacity*/


@media (max-width: 640px){
	.Case-appreciation-info .bx-viewport{height:auto ;transition:.3s;}
	.Case-appreciation-info .bx-viewport ul,.Case-appreciation-info .bx-viewport li ,.Case-appreciation-info .bx-viewport a{height:100%;}
}