@charset "utf-8";
/* CSS Document */
/* 主体样式 */
#app{
	background:#E6E6E6;
	padding-top:20px;
}

/* 标题样式*/

#app .title{	
	padding-top:10px;
	padding-bottom:10px;
}
#app .title font{
	margin-left:10px;
	border-left:4px solid #f00;
	font: bold 18px/25px "微软雅黑";
	padding-left:10px;
}
#app .title a{
	font:14px/25px "微软雅黑";
	float:right;
	color:#666;
	margin-right:10px;
}
#app .title a:hover{
	color:#f00;
}

/* 公司简介 */
#app .about{
	width:485px;
	height:345px;
	margin-bottom:10px;
}
#app .about .content{
	width:450px;
	height:160px;
	font:14px/25px "微软雅黑";
	color:#333;
	text-indent:2em;
	border-bottom:1px solid #f00;
}
#app .about .contact{
	padding-top:10px;
	height:125px;
	width:450px;
	font:14px/30px "微软雅黑";
	background:url(../images/weixin.jpg) no-repeat center right;
}

/* 新闻样式*/

#app .news{
	width:365px;
	height:345px;
	margin-left:10px;
}
#app .news .content{
	width:340px;
	height:300px;
}
#app .news .content li{
	font:14px/30px "微软雅黑";
}
#app .news .content li a{
	color:#333;
}
#app .news .content li a:hover{
	color:#f00;
}
#app .news .content li img{
	margin-right:5px;
}

/* 产品分类*/

#app .pro_cat{
	width:335px;
}
#app .pro_cat .content{
	width:310px;
	height:300px;
}
#app .pro_cat .content li{
	width:50%;
	font:14px/50px "微软雅黑";
	color:#333;
}
#app .pro_cat .content li img{
	margin-top:20px;
	margin-right:5px;
}
#app .pro_cat .content li a{
	color:#333;
}
#app .pro_cat .content li a:hover{
	color:#f00;
}

/* 产品展示 */		
.ladyScroll{width:1200px;height:260px;margin:10px auto;border:#ddd 1px solid; position:relative; background:#fff;}	
.ladyScroll .prev,.ladyScroll 
.next{width:50px;height:222px;position:absolute; top:20px;z-index:100; cursor:pointer;background:#f00;}	
.ladyScroll .next{ left:auto; right:30px; background:url(../images/right.jpg) no-repeat right center; border-right:3px solid #f00; border-top:2px solid #f00;border-bottom:2px solid #f00;}
.ladyScroll .prev{ left:30px; background:url(../images/left.jpg) no-repeat left center; border-left:3px solid #f00; border-top:2px solid #f00;border-bottom:2px solid #f00;}	
.ladyScroll .prev:hover{ background-position:-5px center; }	
.ladyScroll .next:hover{background-position:20px center;}	
.ladyScroll .scrollWrap{width:1050px;margin-left:70px; top:20px;overflow:hidden;position:absolute; border:2px solid #f00; border-right:none; border-left:none;}	
.ladyScroll dl{float:left;width:175px;text-align:center;position:relative;}	
.ladyScroll  span{display:none;width:160px;height:53px;position:absolute;left:5px;bottom:0;background:#5f626b;filter:alpha(opacity=80);opacity:0.80;}	
.ladyScroll  dt{margin:0 auto;width:160px;overflow:hidden; height:160px; background:#fff; margin-left:10px;}	
.ladyScroll  img{display:block;width:155px;height:155px; border:1px solid #dfdfdf;}	
.ladyScroll  dd{width:180px;height:30px; font:14px/20px "微软雅黑";color:#333;text-align:center;margin:0;}	
.ladyScroll  dd a{ color:#333;  }	
.ladyScroll  dd a:hover{ text-decoration:none;  }	
.ladyScroll dl:hover span{ background:#B52153;  }

/* 案例样式 */
#app .case{
	
}
#app .case .content{
	margin-top:10px;
	height:280px;
}
#app .case .content li{
	width:20%;
	height:100%;
	float:left;
	font:14px/20px "微软雅黑";
}
#app .case .content li img{
	width:190px;
	height:190px;
	-moz-border-radius: 190px; /* Firefox */
  -webkit-border-radius: 190px; /* Safari 和 Chrome */
  border-radius: 190px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
  behavior: url(ie-css3.htc); /* 通知IE浏览器调用脚本作用于'box'类 */
  border:5px solid #dfdfdf;
  margin-top:20px;
}
#app .case .content li a{
	color:#333;
}
#app .case .content li a:hover{
	color:#f00;
}

/* 友情链接 */
#app .link{
	margin-top:10px;	
}
#app .link .content{
	margin-top:10px;
	min-height:80px;
	padding:15px;
}
#app .link .content a{
	color:#333;
	font:14px/25px "微软雅黑";
	padding:0 10px;
}