@charset "UTF-8";

@font-face {
  font-family: "ELEPHNT";
  src: url("../fonts/ELEPHNT.woff2") format("woff2"),
       url("../fonts/ELEPHNT.woff") format("woff"),
       url("../fonts/ELEPHNT.ttf") format("truetype"),
       url("../fonts/ELEPHNT.eot") format("embedded-opentype"),
       url("../fonts/ELEPHNT.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "ELEPHNTI";
  src: url("../fonts/ELEPHNTI.woff2") format("woff2"),
       url("../fonts/ELEPHNTI.woff") format("woff"),
       url("../fonts/ELEPHNTI.ttf") format("truetype"),
       url("../fonts/ELEPHNTI.eot") format("embedded-opentype"),
       url("../fonts/ELEPHNTI.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
.pic_detail
{
	margin:0 auto;
	 
	width:360px;
	height:620px;
margin-top:-350px;
	background-color:#fff;
	z-index:99999;
	position:relative;
	filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0;
}
 
#ShowDiv{position:relative;
	z-index:99999999;
 margin:0 auto;
top: -700px; 
  overflow:hidden;	
  display:none;
              left:250px;
       width:150px;
                height:680px; 
                text-align:center;
				
              
            }
#ShowDiv img{width:140px;height:200px; border-radius:0.2rem;-webkit-border-radius:0.2rem; border:1px solid #aaa;  
	 
}			
#ShowDiv div{width:60%;  font-size:0.9rem; background: #393d49; text-align:center; border:1px solid #333;  line-height:1.7rem; color:#fff; height:1.7rem;margin: 0.7rem 0rem 0rem 1.8rem; border-radius:0.2rem;-webkit-border-radius:0.2rem;cursor:pointer ;
	 
}				
#ShowDiv div a{  text-decoration: none; color:#fff;  cursor:pointer ;
	 
}			
/*designers start*/
.designers{

	background-color: #000;
}
.designers .module-hd{
	padding-top: 30px;
	padding-bottom: 25px;
	position: relative;
	*z-index: 2000;
}
.designers .module-hd .module-title{
	width: 460px;
	*width: 440px;
}
.designers .module-hd .sub-links{
	width: 270px;
	*width: 280px;
	height: 35px;
	line-height: 35px;
	top: 46px;
	color: #bcbcbc;
}
.designers .module-hd .sub-links a{ 
	color: #bcbcbc;
}
.designers .module-hd h2 {height: 90px;margin-top:0px; text-align:center;width:500px;	background-color:#000;}
.designers .module-hd h2 .span_EN{
	 text-align:center;width:500px;

	font-size:50px;
  color:#fff;font-family:ELEI2; 
	 
}
.designers .module-hd h2  .span_CH {
	 text-align:center;
 
	font-size:50px;
  color:#fff;font-family:ELEI2; 
	 
}
.designers .module-hd em{
	padding: 0px;
}
.designers .module-hd a:hover{
	color: #970000;
}
.designers .right-bottom > div{
	width: 120px;
	height: 35px;
	float: left;
}
.designers .right-bottom > div > a{
	display: inline-block;
	position: relative;
	width: 100%;
	text-align: center;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}
.designers .right-bottom > div:hover > a{
	border-left: 1px solid #989898;
	border-right: 1px solid #989898;
}
.designers .sub-links a i{
	display: inline-block;
	width: 13px;
	height: 13px;
	margin-left: 5px;
	vertical-align: baseline;
	background: url(../images/element.png) -9px 0;
}
.designers .sub-links a:hover i{
	background: url(../images/element.png) -22px 0;
}
 
.designers .module-bd{
	width: 100%;
	height: 640px;
	padding-top: 3px;
	overflow: hidden;
	background: url(../images/designers-bg.jpg) bottom center no-repeat;
}
.designers .swiper-container{
	overflow: visible;
	width: 1000px;
	margin: 0 auto;
	*height: 538px;
}
.designers .swiper-container ul{
	width: 860px;
	margin: 0 auto;
	margin-top: 268px;
}
.designers .swiper-container ul li{
	width: 540px;
	height: 360px;
	cursor: pointer;
	overflow: hidden;
	border: 1px solid #93999c;

}
.designers .swiper-container li img{	margin-top:-20px;
	display: block;
	width: 100%;	
	height: 110%;
}
.designers .bottom-des{
	position: absolute;
	width: 100%;
	bottom: 40px;
	color: #fff;
	font-size: 23px;
	text-align: center;
	font-family:Arial;
	text-decoration: none;
}
/*designers end*/