#container h2{
	position:relative;
	width:1200px;
	margin:0 auto;
	padding:30px 20px;
	font-size:26px;
	color:#323232;
}
.smenu,.smenu2{
	position:relative;
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	text-align:center;
}
.smenu ul,.smenu2 ul{
	width:980px;
	position:relative;
	margin:0 auto;
	padding:15px 0;
	overflow:hidden;
}
.smenu2 ul{
	width:620px;
}
.smenu ul li,.smenu2 ul li{
	position:relative;
	float:left;
	border-left:1px solid #e5e5e5;
	margin-top:10px;
}
.smenu ul li:last-child,.smenu2 ul li:last-child{
	border-right:1px solid #e5e5e5;
}
.smenu ul li span,.smenu2 ul li span{
	position:relative;
	font-size:16px;
	color:#7d7d7d;
	padding:0 25px;
	font-weight:bold;
	cursor:pointer;
}
.smenu ul li a,.smenu2 ul li a{
	position:relative;
	font-size:16px;
	color:#7d7d7d;
	padding:0 25px;
	font-weight:bold;
	cursor:pointer;
}
.smenu ul li span:hover,.smenu ul li span.active,.smenu ul li span.active:hover{
	color:#ca0915;
}
.smenu ul li a:hover,.smenu ul li a.active,.smenu ul li a.active:hover{
	color:#ca0915;
}
.smenu2 ul li a:hover,.smenu2 ul li a.active,.smenu2 ul li a.active:hover{
	color:#ca0915;
}
.smenu2 ul li span:hover,.smenu2 ul li span.active,.smenu2 ul li span.active:hover{
	color:#ca0915;
}
.gotire{
	font-size:14px;
	color:#ffffff;
	padding:10px 20px;
	border:1px solid #898989;
	background:#898989;
	position:absolute;
	top:90px;
	right:50%;
	margin-right:-500px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.gotire:hover{
	color:#898989;
	background:#fff;
}
#portfoliolist{
	position:relative;
	margin:0 auto;
	width:1050px;
	padding:45px 0 200px 0;
	overflow:hidden;
}
.mix:hover{
	-webkit-box-shadow:0px 0px 13px 0px rgba(130,130,130,0.38);
	-moz-box-shadow:0px 0px 13px 0px rgba(130,130,130,0.38);
	box-shadow:0px 0px 13px 0px rgba(130,130,130,0.38);
	-o-transition:.20s linear;
	-webkit-transition:.20s linear;
	-moz-transition:.20s linear;
	transition: .20s linear;
	border:1px solid #ffffff;
}
#portfoliolist:after{
	content:'';
	display:inline-block;
	width:100%;
}
.mix{
	position:relative;
	border:1px solid #e5e5e5;
	margin:3px;
	display:none;
}
.mix:after{
	display:inline-block;
}
.mix a{
	position:relative;
	float:left;
	overflow:hidden;
	padding:25px;
	width:200px;
}
.mix h3{
	width:200px;
	text-align:center;
	color:#ca0915;
	font-size:19px;
}
.mix p{
	color:#535353;
	font-size:16px;
	width:200px;
	text-align:center;
	margin-top:10px;
}


/*如果使用者视窗宽度介于960px~1200px*/
@media screen and (min-width:960px) and (max-width:1200px) {
.smenu ul li,.smenu2 ul li{
	position:relative;
	float:left;
	border-left:1px solid #e5e5e5;
	margin-top:10px;
}
#portfoliolist{
	position:relative;
	margin:0 auto;
	width:800px;
	padding:45px 0 200px 0;
	overflow:hidden;
}
#portfoliolist:after{
	content:'';
	display:inline-block;
	width:100%;
}
}


/*如果使用者视窗宽度介于768px~960px*/
@media screen and (min-width:768px) and (max-width:960px) {
.smenu ul,.smenu2 ul{
	width:800px;
	position:relative;
	margin:0 auto;
	padding:15px 0;
	overflow:hidden;
}
.smenu2 ul{
	width:600px;
}
.smenu ul li span,.smenu2 ul li span{
	position:relative;
	font-size:16px;
	color:#7d7d7d;
	padding:0 20px;
	font-weight:bold;
	cursor:pointer;
}
.smenu ul li a,.smenu2 ul li a{
	position:relative;
	font-size:16px;
	color:#7d7d7d;
	padding:0 20px;
	font-weight:bold;
	cursor:pointer;
}
.smenu ul li,.smenu2 ul li{
	position:relative;
	float:left;
	border-left:1px solid #e5e5e5;
	margin-top:10px;
}
#portfoliolist{
	position:relative;
	margin:0 auto;
	width:800px;
	padding:45px 0 200px 0;
	overflow:hidden;
}
#portfoliolist:after{
	content:'';
	display:inline-block;
	width:100%;
}
.gotire{
	margin-right:-370px;
}
}


/*如果使用者视窗宽度介于480px~768px*/
@media screen and (max-width:768px) {
.smenu ul,.smenu2 ul{
	width:600px;
	position:relative;
	margin:0 auto;
	padding:15px 0;
	overflow:hidden;
}
.smenu2 ul{
	width:530px;
}
.smenu ul li span,.smenu2 ul li span{
	position:relative;
	font-size:16px;
	color:#7d7d7d;
	padding:0 15px;
	font-weight:bold;
	cursor:pointer;
}
.smenu ul li a,.smenu2 ul li a{
	position:relative;
	font-size:16px;
	color:#7d7d7d;
	padding:0 15px;
	font-weight:bold;
	cursor:pointer;
}
.smenu ul li,.smenu2 ul li{
	position:relative;
	float:left;
	border-left:1px solid #e5e5e5;
	margin-top:10px;
}
#portfoliolist{
	position:relative;
	margin:0 auto;
	width:600px;
	padding:45px 0 200px 0;
	overflow:hidden;
}
#portfoliolist:after{
	content:'';
	display:inline-block;
	width:100%;
}
.gotire{
	margin-right:-320px;
}
}


/*如果使用者视窗宽度小于480px*/
@media screen and (max-width:480px) {
.smenu ul,.smenu2 ul{
	width:360px;
	position:relative;
	margin:0 auto;
	padding:15px 0;
	overflow:hidden;
}
.smenu2 ul{
	width:360px;
}
.smenu ul li span,.smenu2 ul li span{
	position:relative;
	font-size:16px;
	color:#7d7d7d;
	padding:0 10px;
	font-weight:bold;
	cursor:pointer;
}
.smenu ul li a,.smenu2 ul li a{
	position:relative;
	font-size:16px;
	color:#7d7d7d;
	padding:0 10px;
	font-weight:bold;
	cursor:pointer;
}
.smenu ul li,.smenu2 ul li{
	position:relative;
	float:left;
	border-left:1px solid #e5e5e5;
	margin-top:10px;
}
#portfoliolist{
	position:relative;
	margin:0 auto;
	width:355px;
	padding:45px 0 200px 0;
	overflow:hidden;
}
#portfoliolist:after{
	content:'';
	display:inline-block;
	width:100%;
}
.gotire{
	margin-right:-150px;
}
.mix a{
	position:relative;
	float:left;
	overflow:hidden;
	padding:10px 0;
	width:160px;
}
.mix a img{
	width:90%;
}
.mix h3{
	width:160px;
	text-align:center;
	color:#ca0915;
	font-size:19px;
}
.mix p{
	color:#535353;
	font-size:14px;
	width:160px;
	text-align:center;
	margin-top:10px;
}
}