html {
	overflow: -moz-scrollbars-vertical;
	margin: 0;
	padding: 0;
	background:#dfdfdf;
}
* {
	font-family: Arial;
	font-weight:normal;
    padding:0; margin:0;
}
.footer .group .link{ overflow:hidden;}
.group{
      background: #666 !important;
     color:#ccc !important;
}
.group .link{
    background: #666 !important;
    opacity: 0.95;
	 border-radius:15px 15px 0 0px;
}
.group .link a{
    color:#ccc !important;
}
.group .link a:hover{
    font-size:13px;
	text-decoration: none;
	font-weight: bold;
}

ul {
	list-style:none;
}
body {
	margin: 0px;
	padding: 0px;
	text-align:left;
}
body, td, th, input, textarea, select, a {
	font-size: 12px;
}
form {
	padding: 0;
	margin: 0;
	display: inline;
}
input, textarea, select {
	margin: 3px 0px;
}
a, a:visited {
	color: #1B57A3;
	text-decoration: none;
	cursor: pointer;
}
.box p span{
	font-size: 12px !important;
}
a:hover {
	text-decoration:underline;
}
a img {
	border: none;
}
p {
	margin-top: 0px;
	padding:10px;
}
iframe{width: 530px}
.clear { clear:both; height:0px; font-size: 1px;}
/*header*/
#header { width:100%; height:115px; background:#fff; -moz-box-shadow:0px 2px 5px #999; -webkit-box-shadow:0px 2px 5px #999; box-shadow:0px 2px 5px #999;}
#header .top { margin:0 auto; width:980px; height:100px;}
#header .top .left { width:320px; padding-left:80px; float:left; font-family:Impact; line-height:100px; font-size:40px; color:#322c29; background:url(../bg/logo.png) 0px 20px no-repeat;}
#header .top .right { width:580px; float:right;}
#header .top .right .menu_top { height:30px; line-height:30px; float:right;}
#header .top .right .menu_top a { color:#666; text-align:center; padding:0 10px;}
#header .top .right .menu_top a:hover { color:#005AA0;}
/*#header .top .right .call { width:580px; height:25px; float:right; background:url(../bg/call.gif) 200px -5px no-repeat;}*/
#header .top .right .call { width:280px;margin-top: -25px; float:right;}
#header .top .right .call-img .img{margin-left: 50px;width:200px;}
#header .top .right .call-img .tel{position:absolute;margin-left: 108px;margin-top: -63px;font-family: Tahoma, "Microsoft Yahei", Arial;font-size: 14px;font-weight:bold;}
#header .top .right .call-img .fax{position:absolute;margin-left: 108px;margin-top: -43px;font-family: Tahoma, "Microsoft Yahei", Arial;font-size: 14px;font-weight:bold;}
#header .top .right .call-img .email{position:absolute;margin-left: 108px;margin-top: -23px;color:#000000;font-family: Tahoma, "Microsoft Yahei", Arial;font-size: 14px;font-weight:bold;}
.text { list-style-type:none; line-height:18px; border-top:1px #999 solid; border-left:1px #999 solid; width:150px; height:18px; float:right;}
.btm { list-style-type:none; background:url(../bg/btm.png); width:58px; height:18px; border:none; margin-left:2px; float:right;}

/*menu*/
#header .top .right .menu { width:580px; float:left; margin-top:5px;}
#header .top .right .menu ul {float:left; width:580px; overflow:hidden;}
#header .top .right .menu li {float:left; display:block;}
#header .top .right .menu li a { padding:0 10px; font-family:Arial; font-weight:bolder; color:#222; font-size:16px; line-height:40px; display:block;}
#header .top .right .menu li a span { font-family:Arial; font-weight:bolder; color:#222; font-size:16px; line-height:40px; display:block;}
#header .top .right .menu li a:hover span,#header .top .right .menu li a:hover { background:#666; color:#fff;}
.home { color:#fff; background:#666;}
#header .top .right .menu .home a,#header .top .right .menu .home a span {color:#fff;}
#ul2 { display:none; width:660px; float:left; padding:10px; position:absolute; z-index:999; background:#666; -moz-box-shadow:2px 2px 5px #999, -2px 2px 5px #999; -webkit-box-shadow:2px 2px 5px #999, -2px 2px 5px #999; box-shadow:2px 2px 5px #999, -2px 2px 5px #999;}
#ul2 li { list-style-type:none; width:165px; float:left; margin-top:5px;}
#header .top .right .menu li #ul2 ul { width:660px; float:left; background:none;}
#header .top .right .menu li #ul2 li { width:165px; float:left;}
#header .top .right .menu li #ul2 ul li a { list-style-type:none; line-height:30px; height:30px; padding-left:5px; width:160px; overflow:hidden; font-size:14px; font-family:"Bodoni MT"; text-align:left; color:#fff;}
#header .top .right .menu li #ul2 ul li a:hover { list-style-type:none; background:none;}
#pian { width:100%;}
#pian .pian { background:#fff; width:1000px; height:330px; margin:0 auto; -moz-box-shadow:0px 2px 5px #999; -webkit-box-shadow:0px 2px 5px #999; box-shadow:0px 2px 5px #999;}
#pian .dao { width:980px; height:40px; line-height:40px; margin:0 auto; font-family:"Comic Sans MS"; color:#333; border-bottom:1px #222 solid;}
#pian .dao a{ font-family:"Comic Sans MS"; color:#333;}

/*content*/
#content { width:100%;}
#content .content { width:1000px; margin:0 auto;}
#content .content .center { width:1000px; float:left; background:#fff; -moz-box-shadow:2px 2px 5px #999, -2px 2px 5px #999; -webkit-box-shadow:2px 2px 5px #999, -2px 2px 5px #999; box-shadow:2px 2px 5px #999, -2px 2px 5px #999;-webkit-border-top-left-radius:0px;
-webkit-border-top-right-radius:0px;
-webkit-border-bottom-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-moz-border-radius-topleft:0px;
-moz-border-radius-topright:0px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-bottomleft:5px;
border-top-left-radius:0px;
border-top-right-radius:0px;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;}
#content .content .center .left { width:200px; float:left; margin-left:10px;}
#content .content .center .left .box { width:200px; float:left;}
#content .content .center .left .box h2 { line-height:25px; float:left; border-bottom:1px #999 dashed; padding-left:5px; width:195px; font-size:16px; font-family:"Arial Rounded MT Bold"; color:#222 !important;}
#content .content .center .left .box li { width:195px; line-height:25px; float:left; background:url(../bg/left_li1.gif);}
#content .content .center .left .box li a span { display:block; color:#222; font-family:Arial; font-weight:bolder; width:190px; padding-left:10px; position:relative;}
#content .content .center .left .box li a { width:200px;display:block; line-height:25px; color:#222; font-family:Arial; font-weight:bolder;}
#ul3 {display:none; margin:-50px 0 0 199px; position:absolute; z-index:99; float:left; width:200px; background:#fff; -moz-box-shadow:2px 2px 5px #999, -2px -2px 5px #999; -webkit-box-shadow:2px 2px 5px #999, -2px -2px 5px #999; box-shadow:2px 2px 5px #999, -2px -2px 5px #999;}
#ul3 ul { margin-right:10px; padding:0; width:200px; float:left;}
#content .content .center .left .box li #ul3 ul h3 a { font-size:14px; color:#900; border-bottom:1px #005AA0 dashed;margin-left:15px;}
#content .content .center .left .box li #ul3 li {
line-height:25px;
 float:left;
 background:none;
margin-top:0px;
}
.about_p{
	font-size: 14px;
	line-height: 38px;
}
.about_us p span{
	font-size:14px !important;
  line-height: 38px !important;
}
#ul3 li a { 
display:block; 
color:#444;
font-family:Arial; 
font-weight:bolder; 
width:190px;
 padding-left:10px;
 overflow:hidden;
}
.box .nav_show_items{
	height: 600px;
	overflow: auto;
	width: 217px;
	margin-left: -10px;
}
#content .content .center .left .box .nav_show_items li{margin-top: 15px;}
#content .content .center .left .box .nav_show_items li a:hover{
text-decoration:none;
}
#ul3 li a:hover { 
color:#fff !important;
background: #005AA0;
}
#content .content .center .left .box .contact { 
padding-left:2px;
 font-family:Arial; 
background:none; 
color:#555; 
font-weight:normal;
font-size:14px;
line-height:45px;
}
#content .content .center .left .box .contact a{
	font-size: 14px;
	color:#005AA0;
}
/*huandengpian*/

	#demo3 { position:absolute; filter:alpha(opacity=70);opacity:0.7;-moz-opacity:0.7; z-index:108; height:40px; float:left; background:#000;}	
	#demo2 { position:absolute; z-index:109; height:40px; float:left;}	
	#demo2 li { float:left; width:10px; height:10px; background:#ccc; margin:10px 5px;-moz-border-radius:2em; -webkit-border-radius:2em; border-radius:2em;}
	#demo2 li a { background:#f90;}
	
#content .content .middle { margin:0 10px; width:560px; float:left;}
#content .content .middle .box { width:558px; border:1px #999 solid; float:left;}
#content .content .middle .box h2 { line-height:29px; line-height:29px; float:left; border-bottom:1px #999 solid; padding-left:5px; width:553px; font-size:14px; font-family:"Arial Rounded MT Bold"; color:#222; background:url(../bg/h2_bg.png);}
#content .content .middle .box .h3 { color:#222d43; width:186px; text-align:center; margin:0; padding:0;  background:url(../bg/menu.png);}
#content .content .middle .box .box_li { display:block;}
#content .content .middle .box .box_li img{ vertical-align:middle; margin-left:20px;}
#content .content .middle .box .box_li li { width:129px; text-align:center; margin:0; padding:5px; float:left; height:205px; overflow:hidden;}
.box_li ul{
 height:650px;
}
.news_ul{
	height: 1060px !important;
}
.page_li{
	margin-top:150px !important;
}
#content .content .middle .box .box_li li .img { width:129px; height:129px; overflow:hidden; float:left;}
#content .content .middle .box .box_li .news {
 width:540px; 
text-align:left; 
margin:0; p
adding-left:8px; 
float:left; 
height:30px;
 line-height:40px;
 overflow:hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.box_li ul .news a{
     color:#666;
	   font-size:12px;
}
.box_li ul .news a:hover{
            color:#005AA0;
	   font-size:14px;
	text-decoration:none;
}
#content .content .middle .box ul li{
	font-size: 14px;
	line-height: 20px;
	margin-left:5px;
} 
#content .content .middle .box ul li a{ 
	color:#666;
} 
#content .content .middle .box ul li a:hover{ 
	color:#005AA0;
	text-decoration: none;
	font-size: 14px;
} 

#content .content .right { width:200px; float:left;}
#content .content .right .box { width:200px; float:left; background:#fff;}
#content .content .right .box h2 { line-height:25px; float:left; border-bottom:1px #999 dashed; padding-left:5px; width:195px; font-size:16px; font-family:"Arial Rounded MT Bold"; color:#222;}
#content .content .right .box li { line-height:22px; float:left; width:195px; padding-left:5px; margin-top:15px; }
#content .content .right .box li:hover{
	border:1px solid #ccc;
}
#content .content .right .box li a:hover{
	text-decoration: none;
	font-weight:bold;
}
#content .content .right .box li .img { width:40px; height:40px; overflow:hidden; float:left;}
/*products*/
#content .content .middle .box_pro { width:558px; border:1px #999 solid; float:left;}
#content .content .middle .box_pro h2 { line-height:29px; line-height:29px; float:left; border-bottom:1px #999 solid; padding-left:5px; width:553px; font-size:14px; font-family:"Arial Rounded MT Bold"; color:#222d43; background:url(../bg/h2_bg.png);}
#content .content .middle .box_pro .left { width:198px; height:auto; border:1px #999 solid; float:left; margin:5px; _margin:2px; overflow:hidden;}
#content .content .middle .box_pro .left .img { width:190px; margin:4px; _margin:2px; float:left; overflow:hidden;}
#content .content .middle .box_pro .right { width:348px; float:left;}
#content .content .middle .box_pro .right h1 { width:340px; float:left; padding:4px; _padding:2px; font-family:Forte; font-size:18px; line-height:22px; overflow:hidden; color:#444;}
#content .content .middle .box_pro .right ul { width:348px; float:left;}
#content .content .middle .box_pro .right li { width:127px; float:left; line-height:22px; height:22px; overflow:hidden; padding-left:10px; color:#db1f1f;}
#content .content .middle .box_pro .right .left_li { font-weight:bolder; padding-left:20px; color:#222;}
.title { width:129px; margin-top:10px; float:left; overflow:hidden;}
.title a { display:block; line-height:22px; color:#444; font-size:14px; font-family:"Comic Sans MS";}
.title a:hover{
	color:#005AA0;
	font-weight: bold;
            text-decoration:none;
}

.title1 { width:150px; margin-left:3px; float:left; overflow:hidden;}
.title1 a { width:150px; margin-left:3px; float:left; overflow:hidden; color:#444; font-size:12px;}
.qty {list-style:none; height:35px; line-height:35px; width:50px;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding-left:5px; margin-left:5px;}
.bn { background:url(../bg/bn.png) 0px -10px; list-style:none; height:35px; line-height:35px; width:50px;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-left:5px;}
.msg_email {list-style:none; height:25px; line-height:25px; width:250px;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding-left:5px; background:#f59196;}
.msg_msg {list-style:none; border:none; background:#f59196; height:100px; line-height:23px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.msg_bn { list-style:none; height:25px; line-height:25px; padding:0px 3px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; margin-left:5px; background:#f59196; color:#fff; font-family:"Arial Rounded MT Bold";}

#contact_bg {float:left; position:absolute; z-index:999; display:none;top:0px;left:0px;width:100%;height:100%;-moz-opacity: 0.5;opacity:.50;filter:alpha(opacity=50);background:#000;}
#contactus { background:#fff; padding:0 10px; float:left; display:none; position:absolute;z-index:1000; width:350px; top:50px; left:0px; -moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:2px 2px 5px #999;-webkit-box-shadow:2px 2px 5px #999;box-shadow:2px 2px 5px #999;}
#contactus #inquiry{ max-width:220px;}
/*footer*/
#footer { width:100%; margin-top:20px; background:#322c29;}
#footer .footer { width:980px; margin:0 auto; line-height:40px; font-size:12px; color:#999; font-family:"Arial Rounded MT Bold";}
#footer .content {
	padding-top:35px;
	margin-left:5px;
	width:300px;
	float:left;
	font-size:12px;
	overflow:hidden;
}
#footer .right {
	width:620px;
	padding-top:35px;
	float:right;
	font-size:12px;
	overflow:hidden;
}

#page {
	float:left;
	line-height:25px;
	margin-left:5px;
}
#page a {
	padding-left:5px;
	padding-right:5px;
	display:block;
	background:#666;
	color:#ccc !important;
	font-weight:bolder;
}
#page a:hover {
	padding-left:5px;
	padding-right:5px;
	display:block;
	background:#ccc;
	color:#666 !important;
	font-weight:bolder;
}
#page1 {
	float:left;
	line-height:25px;
	margin-left:5px;
	padding-left:5px;
	padding-right:5px;
	display:block;
	background:#005AA0;
	color:#fff ;
	font-weight:bolder;
}   
.list form li img{
	width: 60px;
    height: 20px;
    position: relative;
    top: 5px;
    margin-left: 20px;
}
.list form li textarea{
	max-width: 540px;
	max-height: 200px;
}
.list input[type=button]{
	background: #666 !important;
	color:#ccc !important;
}
.list input[type=submit]{
	background: #666 !important;
	color:#ccc !important;
	margin-left:248px;
	width:70px;
	border-radius: 3px;
}
.list input[type=submit]:hover{
	color:#fff !important;
	background: #005AA0 !important;;
}
#contactus div:nth-of-type(2) form table:nth-of-type(2) tr img{
	width: 60px;
    height: 20px;
    position: relative;
    top: 5px;
    margin-left: 20px;
}