@charset "utf-8";
.head{
	width: 100%;
	height: 98px;
	overflow: hidden;
	background: #ed1c24;
}       
	.head .index{
		width: 980px;
		overflow: hidden;
		margin: 0 auto; 
	}
		/*logo*/
		.head .index .logo{
			width: 260px;
			height: 65px;
			margin-top: 10px;
			margin-left: -20px;
		}
			.head .index .logo a img{
				display: block;
				width: 100%;
				opacity: 1.0;
				filter:alpha(opacity=100);
				-moz-opacity:1.0;
				opacity:1.0;
				-moz-transition: 0.5s ease-in all;
  				-webkit-transition: 0.5s ease-in all;
  				-ms-transition: 0.5s ease-in all;
  				-o-transition: 0.5s ease-in all;
  				transition: 0.5s ease-in all;
			}
			.head .index .logo a:hover img{
				filter:alpha(opacity=50);
				-moz-opacity:0.5;
				opacity:0.5;
			}
		/*contact*/
		.head .index .contact{
			width: 180px;
			overflow: hidden;
			margin-top: 12px;
			margin-left: 20px;
		}
			.head .index .contact a img{
				display: block;
				width: 100%;
				margin-top: 5px;
			}
		/*select*/
		.head .index select{
			width:90px;
			padding:4px;
			font-size: 12px;
			background:#1d1d1d;
			color:#EDEDED;
			border: 0;
			outline: none;
		}
	


.menu{
	width: 100%;
	height: 62px;
	overflow: hidden;
	background: #313131;
}       
	.menu .index{
		width: 980px;
		overflow: hidden;
		margin: 22px auto 0;
	}
	/*ul li*/
	.menu .index ul{}
	.menu .index ul li{
		float:left;
	}
		.menu .index ul li a{
			display: block;
			padding:8px 11px;
			color:#cacecc;
			font-size: 16px;
		}
		.menu .index ul li:hover a{
			color:#7A8084;
			background: #272727;
			-moz-transition: 0.2s ease-in all;
  			-webkit-transition: 0.2s ease-in all;
  			-ms-transition: 0.2s ease-in all;
  			-o-transition: 0.2s ease-in all;
  			transition: 0.2s ease-in all;
		}		
		


.main{
	width: 100%;
	overflow: hidden;
}       
	.main .index{
		width: 980px;
		overflow: hidden;
		margin: 0 auto; 
	}
	.main .index .row{
		width: 100%;
		overflow: hidden;
		margin: 20px auto 50px;
	}