@charset "utf-8";
/* CSS Document */

*{ margin:0;
	padding:0;
	list-style: none outside none;
	border:none;
	}

html { overflow: hidden; width: 100%;min-width: 1400px;}

html, body{ width:100%;
background:#fff;
font-size:12px;
	font-family: arial,"华文细黑", "微软雅黑";
	min-height:600px;
	line-height:18px;
	overflow:hidden;
	}
body{width: 1220px;margin: 0 auto;}
 a:link {
  color: #c2c2c2; 
  text-decoration: none;
 }
 a:visited {
  color: #c2c2c2; 
  text-decoration: none;
 }
 a:hover {
  color: #c2c2c2; 
  text-decoration: none;
 }
 p{
	text-indent: 2em;
	color: #7d7d7d;
	margin-bottom: 5px;
	letter-spacing: 0.5px;
}
 
#welcome{min-height:600px;
background:#c2c2c2;}

	
.header{ width:100%;
	}
	
.logo-cn{ margin-left: 110px;
		margin-top: 12vh;}

.main{margin:0 auto;
min-width: 960px;}

.left{float:left;
	width: 30%;
 	margin-top:40px;
 	min-width: 300px;}
.left ul{
	 margin-left: 110px;
	 width: 110px;
}
.left ul>li{ list-style-type:none;
	font-size:12px;
	line-height:30px;
	color:#c2c2c2;
	position: relative;
	}
		li a.hover{ color:#777777;
					}
		 li a:hover{
			font-size:12px;
			color:#777777;
			}
.sub-nav{display: none;}
.left ul>li:hover .sub-nav{display: block;
position:absolute; /*相对父菜单定位*/
left:-5px; /*该数值根据菜单宽度设置*/
top:0px;
width: 30px;}
.left ul>li:hover .sub-nav li:hover{color:#777777;}

.right{	float:left;
	width: 70%;
min-width: 680px;
margin-top: 48px;
position: relative;}
.pr{margin-left: -65px;}
#content{
	margin-right:85px;
}

.time{position: absolute;
top: 440px;}
.time>ul>li{float: left; margin-right: 50px;color: #c2c2c2;position: relative;line-height: 30px;}
/*.time>ul>li.active>a{animation:fade linear 5s infinite alternate;
-moz-animation:fade linear 5s infinite alternate;/* Firefox: */
/*-webkit-animation:fade linear 35s infinite alternate;/* Safari and Chrome: */
/*-o-animation:fade linear 5s infinite alternate;/* Opera: }*/
/*.time>ul>li>a::after{content: "";width:8px; height:8px;background: #c2c2c2;position: absolute;top:26px;left:0px;border-radius: 50%;}
.time>ul>li>a:hover::after{background: #777777;}
.time>ul>li.active>a::after{background: #fff;
animation:fade linear 4s infinite alternate;
-moz-animation:fade linear 4s infinite alternate;
-webkit-animation:fade linear 4s infinite alternate;
-o-animation:fade linear 4s infinite alternate;}*/
.time>ul>li.last{margin-right: 0px;}
.description{display: none;}
/**介绍**/
.intr{
	margin-left: 260px;}
.intr h5{
	font-size: 12px;
	font-weight: 600;
	color: #777777;
	margin-bottom: 5px;
}
/**团队**/
.team{margin-left: 430px;}
	.team span{position: absolute;
		left: 260px;
		float: left;}
	.team p{text-indent: 0;line-height: 22px;}
/**传播**/
.spread{
	margin-left: 260px;}
	.spread h5{font-size: 12px;
		color: #7d7d7d;
		margin-top: 10px;}
		.spread .first{margin-top: 0;}
	.spread p{text-indent: 0;}
	.spread td{padding: 5px 0;}
/**联系**/
.contract{margin-left: 260px;}
	.contract p{text-indent: 0;}


.staff{
	font-size: 14px;
	color: #fff;
	font-family: "Microsoft YaHei";
	margin-bottom: 10px;
	letter-spacing:5px;
}					
					
	.box01{margin:85px 20px 0 0;
	float:left;
	width:50px;
	color:#fff;
	 display:inline;}
  .box2{margin: 40px 20px;
  position:absolute;
  width: 640px;
  height:80%;
		overflow: auto;
	}
	.year{font-size:12px;
	color:#fff;
	margin:40px 0 5px 0;
	font-weight:bold;
	letter-spacing:0.6px}
	#slider {width:650px;
		height:402px;
		text-vlaign:center;	
		text-align=center			
		/*IE bugfix*/
		padding:0;
		margin:0;
			}
	#page{width:600px;
		margin:50px auto;}
			
			#slider li { list-style:none; }
			
	.show a,.show span{display:none; text-decoration:none}
	.show:hover{cursor:pointer} 

	.show:hover span{ display:block;
		position:absolute; 
		top:40px; 
		left:0;
		color:#FFF;
		width:100%;
		padding:10px; 
		line-height:20px; 
		background:url(../img/showbg.png) repeat;} 

	.show:hover h1{  color:#FFF;
		font-size:14px;
		line-height:24px;
		font-weight:bold;}


@keyframes fade
{
0%   {opacity: 1;}
25%  {opacity: 0.85;}
50%  {opacity: 0.75;}
75%  {opacity: 0.6;}
100% {opacity: 0.5;}
}

@-moz-keyframes fade /* Firefox */
{
0%   {opacity: 1;}
25%  {opacity: 0.85;}
50%  {opacity: 0.75;}
75%  {opacity: 0.6;}
100% {opacity: 0.5;}
}

@-webkit-keyframes fade /* Safari and Chrome */
{
0%   {opacity: 1;}
25%  {opacity: 0.85;}
50%  {opacity: 0.75;}
75%  {opacity: 0.6;}
100% {opacity: 0.5;}
}

@-o-keyframes fade /* Opera */
{
0%   {opacity: 1;}
25%  {opacity: 0.85;}
50%  {opacity: 0.75;}
75%  {opacity: 0.6;}
100% {opacity: 0.5;}
}