/* CSS Document */
body { margin:0; font-size:12px; font-family:Arial; color:#666;}
ul{ margin:0; padding:0; list-style:none;}
ol{ margin:0; padding:0; list-style:none;}
h1{ margin:0; padding:0; font-size:12px; font-weight:normal;}
p{ margin:0; padding:0;}
#container{ width:100%; background:url(images/bg.gif) repeat;}
/*-----头部内容-----*/
#header{ width:100%; height:344px; background:url(images/topbg.png) repeat-x top;}
#ht{ width:860px; height:33px;}
#top{ width:840px; height:291px; margin:0 auto; background:#fff; padding:20px 0 0 20px;}
#logo{ width:196px; height:46px; float:left;}
#nav{ width:624px; height:50px; float:left; padding:17px 0 0 20px;}
#nav ul li{ float:left;}
#nav a{ height:19px; width:70px; margin:0 7px; padding:7px 0 0 1px; float:left; color:#fff; text-align:center; text-decoration:none; line-height:14px; letter-spacing:1px; background:url(images/navbg.jpg) no-repeat center top;}
#nav #home a{ background:url(images/home.jpg) no-repeat center; color:#fff;}
#nav a:hover{ background:url(images/navbg.jpg) no-repeat center -26px; color:#fff;}
#nav #selected a{ background:url(images/navbg.jpg) no-repeat center -52px; color:#fff;}
#banner{ width:820px; height:190px; float:left;}
#demo{
	width:796px;
	height:26px;
	padding:3px 10px 0 10px;
	margin:0;
	float:left;
	display:inline;
	overflow:hidden;
	border:2px solid #000;
}
#indemo{ float:left; width:800%;}
#demo1{ float:left;}
#demo .spaces{ width:800px; background:none;}
#demo a{
	text-decoration:none;
	display:block;
	float:left;
	line-height:20px;
	margin-right:25px;
	color:#333;
	padding:2px 0 0 18px;
	background:url(images/sign3.gif) no-repeat left 7px;
	font-size:14px;
}
#demo a:hover{
	text-decoration:underline;
	color:#C00;
}
#demo2{ float:left;}
/*-----中间部分内容-----*/
#pagebody{ margin:0 auto; width:840px; height:899px; padding:0 0 0 20px; background:#fff;}
/*-----公司简介-----*/
#news{ float:left; width:880px; height:342px;}
#news h1{ width:482px; height:47px; padding:8px 0 0 15px; background:url(images/h1bg.png) repeat-x top;}
#newleft{ float:left; width:301px; height:280px;}
#flash{ width:300px; height:170px; float:left;}
#news h1 img{ float:left;}
#profile{ width:195px; height:280px; float:left; line-height:21px;}
#profile p{ text-indent:24px;}
#profile .slogan{ text-indent:0; margin:5px 0; display:block; position:relative;}
#profile .slogan a{ display:block; width:40px; height:18px; position:absolute; top:-24px; right:12px; color:#FF6600; text-decoration:none;}
#adp{ width:300px; padding:20px 0 0 0; height:95px; float:left;}
#adp .logan{ background:none; padding:15px 0 0 40px;}
#adp p{ background:url(images/adp1.jpg) no-repeat left; width:77px; height:25px; padding:10px 0 0 20px; float:left;}
#adp p a{ color:#333; text-decoration:none;}
#adp p a:hover{ text-decoration:underline;}
/*-----动态新闻-----*/
#dyn{ width:303px; height:342px; float:left;}
#dyn h1{ width:288px; height:37px; padding:8px 0 0 15px; background:url(images/h1bg.png) repeat-x top;}
#dyn h1 img{ float:left;}
#dyn h1 a{ float:right; margin-right:20px; color:#FF6600; text-decoration:none;}
#video{ width:302px; height:262px; float:left;}
#name{ text-align:center; padding-top:12px; float:left;}
/*------产品展示-----*/
#pro{ width:560px; height:557px; float:left;}
#pro h1{ width:525px; height:47px; padding:8px 0 0 15px; background:url(images/h1bg.png) repeat-x top;}
#pro h1 img{ float:left;}
#pro h1 a{ float:right; margin-right:20px; color:#FF6600; text-decoration:none;}
#prodisplay{ width:498px; height:462px; background:url(images/flashbg.png) repeat-x center 12px; padding:50px 0 0 27px;}
#prodisplay li{ width:106px; height:155px; float:left; margin-right:16px;}
#prodisplay li .pictop{ width:106px; height:106px; float:left;}
#prodisplay li .propic{ width:100px; height:100px; display:block; border:3px solid #ccc;}
#prodisplay li .propic:hover{ border:3px solid #FF9900;}
#prodisplay li span{ width:106px; height:41px; display:block; padding:8px 0 0 0;}
#prodisplay li span a{
	width:106px;
	text-align:center;
	display:block;
	color:#333;
	line-height:15px;
	text-decoration: none;
}
#prodisplay li span a:hover{
	color:#C00;
	text-decoration:none;
}
#prodisplay li img{ height:100px; width:100px; border:none;}
/*-----后改首页-----*/
#prodisplay1{ width:498px; height:462px; background:url(images/flashbg.png) repeat-x center 12px; padding:50px 0 0 27px;}
#news li{ width:130px; height:155px; float:left; margin-right:16px;}
#news li .pictop{ width:106px; height:106px; float:left;}
#news li .propic{ width:100px; height:100px; display:block; border:3px solid #ccc;}
#news li .propic:hover{ border:3px solid #FF9900;}
#news li span{ width:106px; height:41px; display:block; padding:8px 0 0 0;}
#news li span a{
	width:106px;
	text-align:center;
	display:block;
	color:#333;
	line-height:15px;
	text-decoration: none;
}
#news li span a:hover{
	color:#C00;
	text-decoration:none;
}
#news li img{ height:100px; width:100px; border:none;}
#news h1{ width:525px; height:47px; padding:8px 0 0 15px; background:url(images/h1bg.png) repeat-x top;}
#news h1 img{ float:left;}
#news h1 a{ float:right; margin-right:20px; color:#FF6600; text-decoration:none;}
/*-----产品列表-----*/
#list{ width:260px; height:557px; float:left;}
#list h1{ width:245px; height:37px; padding:8px 0 0 15px; background:url(images/h1bg.png) repeat-x top; float:left;}
#list ul{ width:260px; padding-bottom:10px; display:block; float:left;}
#list ul li{ padding:8px 0 0 0; width:125px; float:left;}
#list ul li a{
	display:block;
	width:125px;
	color:#333;
	text-decoration: none;
}
#list ul li a:hover{
	color:#C00;
	text-decoration:none;
}
#list p{ text-align:center; margin-bottom:3px;}
#list .qq1{ margin:12px 0 10px 0;}
#list .qq2{ margin-bottom:15px;}
/*-----底部内容-----*/
#footer{ margin:0 auto; width:100%; height:100px; background:url(images/footbg.png) repeat-x;}
#foottop{ width:860px; height:22px; margin:0 auto; background:#fff;}
#foot{ width:860px; height:48px; margin:0 auto; text-align:center; padding:30px 0 0 0; color:#fff;}
#foot span{ margin-left:15px;}
#foot span a{ color:#ccc}
#foot span a:hover{ color: #33FF00;}
/*------内容页样式-----*/
#nav #chome a{ background:url(images/chome.jpg) no-repeat center top;}
#nav #chome a:hover{ background:url(images/chome.jpg) no-repeat center -26px;}
#cpagebody{ margin:0 auto; width:840px; padding:0 0 0 20px; background:#fff; overflow:hidden;}
#sideleft{ width:210px; float:left; padding:20px 20px 0 0;}
#sideright{ width:590px; float:left; padding:20px 0 0 0;}
#sideright h1{ height:28px; border-bottom:1px solid #e2e2e2; padding:2px 0 0 15px;}
#sideright h1 a{ color:#666; text-decoration:none;}
#sideright h1 a:hover{ text-decoration:underline; color:#999;}
#main a{ color:#999;}
#main p{ margin:0; padding:0;}
/*-----内容页产品列表-----*/
#sideleft h1{ width:210px; height:37px; padding:8px 0 0 0; background:url(images/h1bg.png) repeat-x top; text-align:center;}
#sideleft ul{ width:210px;}
#sideleft ul li{ padding:8px 0 0 0;}
#sideleft ul li a{
	display:block;
	width:210px;
	text-align:center;
	color:#333;
}
#sideleft ul li a:hover{
	color:#F00;
	text-decoration:none;
}
#sideleft p{ text-align:center; margin-bottom:3px;}
#sideleft .qq1{ margin:12px 0 10px 0;}
#sideleft .qq2{ margin-bottom:15px;}
/*自适应高度*/
#cpagebody:after{ display:block; height:0; clear:both; visibility:hidden;}
#cpagebody{display:inline-block;}
/*\*/
#cpagebody{display:block;}
/* end easy clearing */
/*\*/
#sideleft, #sideright{padding-bottom: 32767px !important; margin-bottom: -32767px !important;}
@media all and (min-width: 0px) {
#sideleft, #sideright{padding-bottom: 0 !important; margin-bottom:0 !important; }
#sideleft:before, #sideright:before{ content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; background: inherit; padding-top: 32767px !important; margin-bottom: -32767px !important; height:0;}
}
.admin {display:none;}