@charset "utf-8";

*{margin:auto; padding:0}

body{font:400 14px/150% Tahoma, Helvetica, Arial, sans-serif; color:#424242; background:#fff}

a{color:#369/*#424242*/; text-decoration:none;}

a:hover{color:#f60; text-decoration:underline}

img{border:none}

ul{list-style:none}

h2,h3{font-size:14px;}



.list span{display:none; }



textarea{font-size:12px; padding:2px; border:1px solid #999; color:#666} 

.input{height:20px; width:130px; line-height:20px; border:1px solid #999; background:#f7f7f7; padding:1px; color:#666}



.post_btn{height:24px; line-height:24px; width:102px; border:none; background:url(post0000.gif) no-repeat; margin-top:3px; cursor:pointer; text-indent:-999em }

.clear{clear:both}

.red{color:red}

.bold{font-weight:bold}

.bigsize{font-size:16px}



#header{height:56px;overflow:hidden; background:url(../images/header_b.gif) }

#logo{height:56px; width:1200px;}

@media screen and (max-width: 1200px) {
	#logo{height:56px; width:1000px;}
}
#header_wrap{ width:100%;}



@media screen and (max-width: 1200px) {
	#nav{ width:1000px; height:42px;}
}
#nav li{float:left; height:42px; line-height:42px; font-size:15px; text-align:center; padding:0 15px;}
@media screen and (max-width: 1200px) {
	#nav li{float:left; height:42px; line-height:42px; font-size:15px; text-align:center; padding:0 15px 0 0;}
}
#nav li a{display:block; height:42px; color:#fff;}
#nav li a.red{display:block; height:42px; color:#f00; font-weight:bold}
#nav li a:hover{display:block; height:42px; color:#ffc; text-decoration:none}



#main{background:#fff;width:1200px; margin:0 auto; padding-top:20px;}

#main_wrap{width:1200px; margin:0 auto;}
@media screen and (max-width: 1200px) {
	#main{background:#fff;width:1200px; margin:0 auto; padding-top:20px;}
}


#footer{height:150px; margin-top:10px; background:url(../images/footer_b.jpg) repeat-x}

#footer_wrap{width:1200px; margin:0 auto;}
@media screen and (max-width: 1200px) {
	#footer_wrap{width:1200px; margin:0 auto;}
}
#foot_copy{  margin:0 auto;text-align:center; padding-top:45px; color:#FFF}



#product{ padding:0; margin:0; width:1200px; float:left;}
@media screen and (max-width: 1200px) {
	#product{ padding:0 0 0 20px; margin:0; width:660px; float:left;}
	}
#product dl{width:390px; display:inline-block;}

#product dl dd{ text-align:center;}

.product_name{ padding:10px 0 35px 0}

.product_image{margin:5px auto 0 auto; background:#fff; -moz-border-radius:6px;-khtml-border-radius: 6px;-webkit-border-radius: 6px; border-radius:6px; border:1px solid #CCC}



.clear{clear:both}



#foot_ads{width:1200px; margin:0 auto;}





A.link:link {

COLOR: #ffffff; TEXT-DECORATION: underline;}

A.link:active {

COLOR: #ffffff; TEXT-DECORATION: underline;}

A.link:visited {

COLOR: #ffffff; TEXT-DECORATION: underline;}

A.link:hover {

COLOR: #f60; TEXT-DECORATION:underline;}



.demo_img{ text-align:center; padding:10px 0}



li{ list-style:none;}

.bigpic{ text-align:center; position:relative;}

.feature{ padding:10px 0;}



#bigclass_main dl dt{ width:800px;}

#bigclass_main dl dd{ width:800px; text-align:left; }

.main_content { padding:0 0 10px 0;}

.main_content h2{ font-size:16px; padding:10px 0;}



.product_main{ font-size:15px; padding:10px 0 0 0; }



.feature{font-size:13px; padding:5px 0;}

#search{ float:right; padding:10px 0 0 0;}

.border{border-bottom:1px solid #ddd}
.list_pic{ position:relative;}
.tuijian{ position: absolute; z-index:100; top:10px; left:700px;}
.tuijian_big{ position: absolute; z-index:100; top:10px; right:5px; }