.menu ul li a.research {
	background: url(../images/menu-bg-cur.png) no-repeat right top;
	color:#fff;
}	
	
/*title*/
.title{
	margin: 65px auto 15px;
}






/*team*/
#team{
	width: 100%;
	overflow: hidden;
	background: url(../images/research-team-bg.png) no-repeat bottom center;
}
	/*research*/
	.index .team-research{
		width: 100%;
		overflow: hidden;
		margin-top: 10px;		
	}
	.index .team-research img{
		display: block;
		margin: 0 auto;
	}
@media only screen and (max-width: 640px) {
	.index .team-research img{
		width: 100%;
		margin: 0 auto 25px;
	}
}









/*strategy*/
#strategy{
	width: 100%;
	overflow: hidden;
	height: 603px;
	background: url(../images/research-strategy-bg.jpg) no-repeat top center;
}
	/*research*/
	.index .strategy-research{
		width: 100%;
		overflow: hidden;
		margin: 80px auto;		
	}
	.index .strategy-research ul{}
	.index .strategy-research ul li{
		width: 230px; height: 230px;
		overflow: hidden; float: left; margin-left: 54px;
	}
	.index .strategy-research ul li.start{
		margin: 0;
	}
	.index .strategy-research ul li a{
		display: block;
	}
	.index .strategy-research ul li a img{
		display: block;
		width: 100%;
	}
@media only screen and (max-width: 640px) {
	#strategy{
		width: 100%;
		overflow: hidden;
		height: auto;
		background: none;
	}
	.index .strategy-research ul li{
		width: 100%; height: auto;
		float: none;
		margin-left: 0;
		margin-bottom: 15px;
	}
	.index .strategy-research ul li a{
		width: 75%;
		margin: 0 auto;
	}
}
	




/*focusing*/
#focusing{
	width: 100%;
	overflow: hidden;
}
	/*research*/
	.index .focusing-research{
		width: 100%;
		height: 900px;
		overflow: hidden;
		position: relative;		
	}

	.focusing-research a{
		width: 182px;
		height: 158px;
		position: absolute;
		z-index: 2;
	    -webkit-transition: all 0.1s ease-in;
	    -moz-transition: all 0.1s ease-in;
	    transition: all 0.1s ease-in;
  	}
  	.focusing-research a span{
  		display: none;
  		width: 100%;
  		overflow: hidden;
  		padding: 10px 0;
		margin: 0 auto;		
		line-height: 30px;		
		color: #fff;
		font-size: 16px;
		text-align: center;
  	}
  	
  	
  	
	.focusing-research .re-01{left:450px;top:50px;background: url(../images/re-1.png);}
	.focusing-research .re-01:hover{background: url(../images/re-01.png);}

	.focusing-research .re-02{left:450px;top:218px;background: url(../images/re-2.png);}
	.focusing-research .re-02:hover{background: url(../images/re-02.png);}

	.focusing-research .re-03{left:450px;top:385px;background: url(../images/re-3.png);}
	.focusing-research .re-03:hover{background: url(../images/re-03.png);}

	.focusing-research .re-04{left:632px;top:218px;background: url(../images/re-4.png);}
	.focusing-research .re-04:hover{background: url(../images/re-04.png);}

	.focusing-research .re-05{left:268px;top:218px;background: url(../images/re-5.png);}
	.focusing-research .re-05:hover{background: url(../images/re-05.png);}

	.focusing-research .re-06{left:128px;top:132px;background: url(../images/re-6.png);}
	.focusing-research .re-06:hover{background: url(../images/re-06.png);}

	.focusing-research .re-07{left:128px;top:300px;background: url(../images/re-7.png);}
	.focusing-research .re-07:hover{background: url(../images/re-07.png);}

	.focusing-research .re-08{left:775px;top:132px;background: url(../images/re-8.png);}
	.focusing-research .re-08:hover{background: url(../images/re-08.png);}

	.focusing-research .re-09{left:775px;top:300px;background: url(../images/re-9.png);}
	.focusing-research .re-09:hover{background: url(../images/re-09.png);}

.window_hide{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
}
.window_hide .content{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 800px;
/*  height: 500px;
*/  margin: -300px 0 0 -400px;
  padding: 38px;
  border-radius: 10px;
  background: #fff;
}
.window_hide .content h1{
	font-size: 24px;
	font-weight: normal;
	position: relative;
	border-bottom:3px double #d9d9d9;
	padding-bottom: 10px;
	margin-bottom: 25px;
}
.window_hide .content h1 span{
	display: block;
	position: absolute;
	left: -38px;
	width: 15px;
	height: 24px;
	background: #00a0e9;
}
.window_hide .content p{
	margin-bottom: 12px;
	text-indent: 2em;
}
.window_hide .content .more{
	display: block;
	margin:40px auto 0;
	width: 163px;
}
.window_hide .close{
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  top: 5px;
  right: 5px;
  text-indent: -999em;
  overflow: hidden;
  background: url(../images/close.png) no-repeat right top;
  filter:alpha(opacity=75); 
  opacity:0.75;
  -webkit-transition: all 0.1s ease-in;
  -moz-transition: all 0.1s ease-in;
  transition: all 0.1s ease-in;
}
.window_hide .close:hover{
  filter:alpha(opacity=100); 
  opacity:1;
}
@media only screen and (max-width: 640px) {
	.index .focusing-research {
	    height: 450px;
	}
	.focusing-research a{
		width: 47%;
		border-radius: 5px;
		height: auto;
		overflow: hidden;
		position: absolute;
		z-index: 2;
	    -webkit-transition: all 0.1s ease-in;
	    -moz-transition: all 0.1s ease-in;
	    transition: all 0.1s ease-in;
  	}
  	
  	
	.focusing-research a span{
  		display: block;
  	}
  	
  	
  	
	.focusing-research .re-01{left:0;top:0px;background: url(../images/re-1.jpg);}
	.focusing-research .re-01:hover{background: none;}

	.focusing-research .re-02{left:53%;top:0px;background: url(../images/re-2.jpg);}
	.focusing-research .re-02:hover{background: none;}

	.focusing-research .re-03{left:0;top:60px;background: url(../images/re-3.jpg);}
	.focusing-research .re-03:hover{background: none;}

	.focusing-research .re-04{left:53%;top:90px;background: url(../images/re-4.jpg);}
	.focusing-research .re-04:hover{background: none;}

	.focusing-research .re-05{left:0;top:150px;background: url(../images/re-5.jpg);}
	.focusing-research .re-05:hover{background: none;}

	.focusing-research .re-06{left:53%;top:180px;background: url(../images/re-6.jpg);}
	.focusing-research .re-06:hover{background: none;}

	.focusing-research .re-07{left:0;top:240px;background: url(../images/re-7.jpg);}
	.focusing-research .re-07:hover{background: none;}

	.focusing-research .re-08{left:53%;top:270px;background: url(../images/re-8.jpg);}
	.focusing-research .re-08:hover{background: none;}

	.focusing-research .re-09{left:0;top:330px;background: url(../images/re-9.jpg);}
	.focusing-research .re-09:hover{background: none;}
	
	.window_hide .content{
		width: 60%;
	    height: 300px;
	    overflow-y: scroll;    
	    margin: 0;
	    left: 10%;
	    padding: 10%;
	    margin-top: -185px;
	}
}