@CHARSET "UTF-8";
.clearfix:before,.clearfix:after {
    content: ".";
    display: block;
    height: 0;
	line-height: 0;
	font-size: 0;
    visibility: hidden;}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;} /* IE < 8 */
body{
	background:#eee;}
#logo{
	text-indent:-9999px;
	float:left;
	width:56px;
	height:46px;
	margin:7px 0 0 80px;
	display:inline;
	background:url("../../images/UmiStrong/logo.png") no-repeat;}
#container{
	margin:0 auto;
	max-width:1170px;
	padding:20px 0;}
#header{}
#footer{
	background:#525252;}
#footer_container{
	margin:0 auto;
	max-width:1170px;
	padding:20px 0;}
#footer #media{
	float:right;}
#footer #info{
	float:left;}
#footer p{
	height:22px;
	line-height:22px;
	color:#FFF;}
#footer a{
	color:#FFF;}
#media a{
	display:inline-block;
	text-indent:-9999px;
	width:57px;
	height:57px;
	line-height:57px;
	margin:0 10px;}
#weibo{
	background:url("../../images/UmiStrong/icons_grey.png") 0px 0px no-repeat;}
#wechat{
	position:relative;
	background:url("../../images/UmiStrong/icons_grey.png") -80px 0px no-repeat;}
#weibo:hover{
	background:url("../../images/UmiStrong/icons_white.png") 0px 0px no-repeat;}
#wechat:hover{
	background:url("../../images/UmiStrong/icons_white.png") -80px 0px no-repeat;}
#wechat span{
	width:184px;
	height:189px;
	display:none;
	background:url("../../images/UmiStrong/wechat_qrcode_bg.png") no-repeat;
	position:absolute;
	top:-196px;
	left:-64px;
	z-index:9999;}
#wechat img{
	width:174px;
	height:174px;
	position:relative;
	display:block;
	margin:5px;}
#site{
	text-align:right;}
	
#news #title{
	text-align:center;
	font-size:22px;}
#news #info{
	text-align:center;
	font-size:14px;
	margin:10px 0 0 0;}
#news #info span{
	margin:0 10px;}
#news #content{
	margin:20px 0 0 0;}
#news img{
	max-width:100%;}

#newsList{
	padding:15px 0;}
#newsList li{
	padding:0 100px 0 15px;
	border-bottom:1px solid #e2e2e2;}
#newsList a{
	display:block;
	height:40px;
	line-height:40px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;}
#newsList span{
	position:absolute;
	right:15px;}

#productList{
	padding:15px 0;}
#productList a{
	display:block;}
#productList img{
	width:100%;}
#productList span{
	display:none;
	height:46px;
	line-height:46px;
	background:#000;
	color:#FFF;
	font-size:16px;
	opacity:0.7;
	padding:0 10px;
	margin-top: -46px;
	text-align:center;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
#product #title{
	text-align:center;
	font-size:22px;
}
#product img{
	max-width:100%;}
#imageView{
	margin:20px 0;
}
#imageView #view{
	width:100%;
	max-height:510px;
}
#imageList img{
	width:132px;
	height:120px;
	border:1px solid #e3e2e2;
}
#imageList .majorImage{
	border:1px solid #ff0042;
}
/* Default navigation icon */
.nav-trigger {
  display: block;
  position: absolute;
  width: 30px;
  height: 25px;
  right: 0;
  top: 0;
  z-index: 200;
  opacity: 0.8;
  height:60px;
  width:55px;
}
.nav-trigger-active{
	background-color: #007DDB;
	opacity: 1;
}
.nav-icon {
  margin:27px 0 0 12px;
  display: inline-block;
  position: relative;
  width: 30px;
  height: 5px;
  background-color: #FFFFFF;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, -webkit-transform;
  transition-property: background-color, transform;
  transition-property: background-color, transform, -webkit-transform;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.nav-icon:before,
.nav-icon:after {
  content: '';
  display: block;
  width: 30px;
  height: 5px;
  position: absolute;
  background: #FFFFFF;
  -webkit-transition-property: margin, -webkit-transform;
  transition-property: margin, -webkit-transform;
  transition-property: margin, transform;
  transition-property: margin, transform, -webkit-transform;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.nav-icon:before {
  margin-top: -10px;
}
.nav-icon:after {
  margin-top: 10px;
}
.nav-trigger{
	display:none;
}
#nav-mobile{
	top:60px;
	position:absolute;
	z-index:9999;
	display:none;
}
@media screen and (max-width:1170px) {
	#footer_container{
		padding:20px 45px;
	}
}
@media screen and (max-width:992px) {
	#imageView #view{
		max-height:470px;
	}
	#imageList img{
		width:110px;
		height:110px;
	}
}
@media screen and (max-width:768px) {
	#logo{
		margin:7px 0 0 20px;
	}
	.nav-trigger{
		display:block;
	}
	#nav{
		display:none;
	}
	#newsList li{
		padding:0 15px;
	}
	#newsList span{
		display:none;
	}
	#imageView #view{
		
	}
	#imageList img{
		width:80px;
		height:80px;
	}
}
@media screen and (max-width:600px) {
	#footer_container{
		text-align:center;
		padding:15px 0;
	}
	#footer #media{
		float:none;
		margin:0 auto 8px;
	}
	#footer #info{
		float:none;
		margin:0 auto;
	}
	#footer p{
		height:18px;
		line-height:18px;
	}
}