@charset "utf-8";
/* CSS Document */
body{ 
	margin:0; 
	padding:0; 
	font-family:"Microsoft YaHei"
}
img{ 
	border:none
}
ul{
	padding:0;
	
}
ul li{ 
	list-style-type:none
}
a{
	text-decoration:none
}
i{
	color:#45ace6;
	margin:20px;
	font-size:14px;
}
.clear{
	clear:both
}
.header{ 
	width:100% 
}
.header .logo{
	width:1200px;
	height:100px;
	margin:0 auto
}
.header .nav{ 
	width: 100%;
	text-align:center;
	background: linear-gradient(#007dcf, #45ace6);
    border-top: 2px solid #45ace6;
}
.header .menu{
	width:1200px;
	margin:0 auto
}
.aa{
	width:1200px;
	margin:50px auto 0 auto;
}
.div-n{
	width: 580px;
	float:left
}
.biaoti{
	font-size:24px;
	color:#333;
	margin-left:20px;
	
}
.biaoti-s{
	height:40px;
	line-height:40px;
	font-size:18px;
	color:#999;
	margin-left:20px;
	border-bottom:2px #45ace6 solid
}
.new ul li{
	width:100%;
	height:40px;
	line-height:40px;
	border-bottom:1px #CCC dashed;
	
}
.new ul li a{
	color:#333;
}
.new ul li a:hover{
	color:#45ace6;
}
.riqi{
	float:right;
	color:#999
}
.div-a{
	width:580px;
	float:right
}
.a-font{
	margin-left:20px;
	color:#666
}
.more{
	width:80px;
	height:35px;
	float:right;
	font-size:16px;
	line-height:35px;
	background-color:#999;
	color:#FFF;
	text-align:center;
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}
a:hover .more{
	width:80px;
	height:35px;
	float:right;
	font-size:16px;
	line-height:35px;
	background-color:#d8231a;
	color:#FFF;
	text-align:center;
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}
.bb{
	width:1200px;
	margin:20px auto 0 auto;
}
.b-font{
	margin-left:10px;
}
.b-font ul li{
	width:275px;
	margin:0 10px;
	float:left;
	text-align:center;
}
.b-font ul li h3{
	color:#666;
}
.cc{
	width:1200px;
	margin:50px auto 0 auto;
}
.c-font{
	margin-left:10px;
}
.c-font ul li{
	width:275px;
	margin:0 10px;
	float:left;
}
.c-font ul li h3{
	color:#45ace6;
}
.c-font ul li p{
	color:#666;
}
.page{
	width:1200px;
	margin:0 auto;
}
.left{
	width:200px;
	float:left;
}
.left ul{
	margin:0;
}
.left ul li{
	text-align:center;
	height:50px;
	line-height:50px;
	background: linear-gradient(#007dcf, #45ace6);
}
.left ul li:hover{
	background: linear-gradient(#0066b0, #0066b0);
}
.left ul a{
	color:#FFF;
}
.product-d{
	width:225px;
	text-align:center;
	margin-right:10px;
	float:left;
}
.case-d{
	width:225px;
	text-align:center;
	margin-right:10px;
	float:left;
}
.right{
	margin-top:30px;
	width:950px;
	float:right;
	color:#333;
	min-height:650px;
}
.title{
	font-size:14px;
	width:200px;
	height:70px;
	background:#0066b0;
	color:#FFF;
	-moz-border-top-left-radius: 20px;
	-moz-border-top-right-radius: 20px;
    -webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
    border-top-left-radius:20px;
	border-top-right-radius:20px;
	text-align:center;
	line-height:70px;
	
}
.location{
	height:60px;
	border-bottom:1px #CCCCCC solid;
}
.location .location-left{
	color:#0066b0;
	float:left;
}
.location .location-right{
	height:31px;
	line-height:31px;
	float:right;
}
.location .location-right span{
	color:#0066b0;
}

footer{
	width:100%;
	height:100px;
	background:#333;
	text-align:center;
	padding-top:20px;
	color:#999;
	border-top:2px #45ace6 solid;
	margin-top:50px;
}
#page { color: #666; height: 30px; line-height: 30px;  margin: 20px; text-align:center; }
#page span { color:#FF0000; padding:0px 3px; }
#page a { background: #f1f1f1 ; border: 1px solid #ccc;  color: #666;  margin: 0px 2px;  padding: 2px 5px; }
#page a:hover { background:#ccc; }
#aother{ border-top:1px #CCCCCC solid; margin: 20px 0px;}