/*共同*/
body {font-family:Arial,Helvetica,sans-serif;background:#3F3F3F;margin:0;padding:0;color:#ccc;font-size:12px;line-height:normal;}
ul,li,form,h1,h2,h3,h4,h5,h6,dl,dt,dd,menu{margin:0;padding:0;list-style:none;}
a{color:#FFF;text-decoration: none;}
a:hover{color:#FF6600;}
img{border:0}
table,td,tr,font{font-size:12px}
table,td,tr{word-break:break-all;word-wrap:break-word}
div{word-break:break-all;word-wrap:break-word;overflow:hidden}
input{height:15px;background:#444444;border:1px #666666 solid; border-top:0; border-left:0;color:#ffffff}
textarea{background:#444444;border:1px #666666 solid; border-top:0; border-left:0;color:#ffffff}
#left_products li,#mc1 li,#msn li,#products #name,#g li #name{overflow:hidden;-o-text-overflow: ellipsis;  /* for Opera */ text-overflow:ellipsis; white-space:nowrap}
.button{BORDER:#808080 1px outset;COLOR:#ffffff;BACKGROUND:#ff6600;font-weight:bold;cursor:pointer;height:18px}
/*头部*/
#head{margin:0 auto; width:1002px;background:#000;height:153px;}
#head_left{float:left;width:391px;background: url(head.jpg);text-align:center;height:153px;}
#head_left #logo{font-size:22px;font-weight:bold;padding:30px 0 5px 0}
#head_left #logo a{color:#FFF}
#head_left #link{padding:0 0 5px 0}
#head_left #text{font-weight:bold;font-size:12px}
#head_right{float:right;width:611px;height:153px;}
#head_right #link{padding:20px 0 0 0; float:left;width:611px;}
#head_right #link li{float:left;font-weight:bold;margin:0 5px 0 0}
#head_right #link li a{display:block;padding:1px 14px 2px 14px;BORDER:#808080 1px solid; border-bottom:0}
#head_right #link li a:hover{background:#F60;color:#fff;}
#head_right #links{background:#F60;padding:2px 15px 2px 15px;color:#fff;}
#head_right #search{float:left;width:560px;background:#555555;border:solid 1px #808080;padding:10px 5px 10px 5px;border-top:0}
#head_right #search_bg{float:left;width:560px;padding:0 0 20px 0;font-weight:bold;COLOR:#ffffff;}
#head_right .input{width:200px;}
#head_right select{height:15px;}
#head_right #search_hot{color:#fff;float:left;width:560px; font-weight:bold;font-size:11px;}
#head_right #search_other{clear:both; width:691px;font-weight:bold;padding:10px 0 0 0}
#head_right #search_other li{margin:0 5px 0 0; float:left}
#menu{margin:0 auto;width:1002px;height:25px;background:url(menu_bg.gif);font-weight:bold;}
#menu li{float:left;text-align:center;}
#menu li a{display:block;width:100px;line-height:25px;}
#line{margin:0 auto;WIDTH:1002px;background:url(line.jpg);height:3px;display:block}
#banner{margin:0 auto 5px auto;WIDTH:987px; background:url(banner_bg.gif);height:288px;padding:7px 7px 5px 8px;}

#main{margin:0 auto;WIDTH:1002px;}
#foot{clear:both;margin:0 auto;WIDTH:1002px;font-weight:bold;background:url(line.jpg) left 5px repeat-x #333;padding:5px 0 5px 0;}
#foot li{text-align:center;padding:5px 0 0 0}
/*内容*/
/*左边*/
#left{float:left;width:165px;}
#class,#left_products{clear:both;background:url(nav_bottom.gif) #3F3F3F bottom;padding:0 0 8px 0;margin-bottom:10px;font-weight:bold}
#class dt,#left_products dt{background:url(nav.gif) #3F3F3F;text-align:center;font-size:14px;}
#class dt a,#left_products dt a{line-height:30px;display:block;color:#e1a504;}
#class dd,#left_products dd{padding:0 5px 0 5px;border-bottom:1px solid #333333;background:url(nav_bg.gif) #3d3d3d;}
#class dd a{display:block;width:140px;padding:3px 0 3px 15px;background:url(plus.gif) no-repeat;}
#class #small{background:url(nav_bg.gif) #4e4e4e;}
#class #small a{background:url(squr_dot.gif) no-repeat;}
#left_products li{text-align:center;padding:5px 0 5px 0;width:155px;}
#left_products #img img{width:120px; height:120px;}

/*首页*/
#main_center{width:488px;float:left;padding:0 15px 0 14px}
#mc1,#mc2{float:left;width:486px;margin:0 0 10px 0;border:1px solid #555555;background:#333333;padding:0 0 5px 0}
#mc1 dt,#mc2 dt{clear:both;font-weight:bold;padding:0 0 0 8px;line-height:30px;background:url(title.gif);font-size:14px;color:#e1a504}
#mc1 dd{float:left;width:162px;text-align:center}
#mc1 li{padding:5px 3px 0 3px;width:156px;}
#mc1 li img{width:150px;height:110px;}

#mc2 dd{clear:both;padding:5px 0 0 0; border-bottom:1px solid #333333}
#mc2 #aboutus{padding:0 5px 0 5px;font-weight:bold;text-indent:20px;text-transform:capitalize;}
#mc2 ul{float:left;width:486px;}
#mc2 li{float:left;width:240px;padding:0 0 0 2px}
#mc2 #img{float:left;width:80px;text-align:center;padding:5px 0 0 0}
#mc2 #info{float:right;width:155px;}
#mc2 #name{background:url(squr_dot.gif) 0 -3px no-repeat;padding:0 0 0 15px; font-weight:bold}
#mc2 #detail{font-size:11px;}

#main_right{float:left;width:320px;}
#mr1,#mr3{border:1px solid #555555;width:318px;margin-bottom:10px;font-weight:bold;background:#333333;}
#mr1 dt,#mr3 dt,#mr2_title,#rclass dt,#mr4 dt,#title{clear:both;background:url(title.gif);font-size:14px;color:#e1a504;line-height:30px;padding:0 0 0 8px; font-weight:bold}
#mr1 dd{padding:5px;}
#mr1 dd font,#mr3 font,#mr4 font{color:#f60}
#mr3{ clear:both;padding:0 0 5px 0}
#mr3 dd{padding:5px 5px 0 18px; background:url(e01.gif) 5px 10px no-repeat;}
#mr2{border:1px solid #555555;width:318px;margin-bottom:10px;float:left;font-weight:bold;background:#333333;}

#mr2 #textdiv{float:left;width:316px;margin:5px 0 5px 0}
#mr2 #textdiv li{float:left;width:150px;padding:0 0 0 8px}
#mr2 #china{clear:both;border-top:2px dashed #ccc;line-height:20px;padding:5px 0 0 8px;}


#rclass,#mr4{border:1px solid #555555;width:316px;margin-bottom:10px;float:left;background:#333333;}
#rclass dd{padding:5px;width:306px;float:left;}
#rclass #img{float:left;width:110px;}
#rclass img{width:110px;height:110px}
#rclass #info{font-weight:bold; float:right;width:190px;height:110px;word-break:normal;word-wrap:normal;}
#rclass #info font{text-decoration:underline}

#mr4{font-weight:bold;padding:0 0 5px 0}
#mr4 textarea{width:230px;height:150px}


#mr4 dd{float:left;width:316px;line-height:18px;padding:5px 0 0 0}

#mr4 span{float:left;width:70px;text-align:center;}
#mr4 p{float:right;width:246px;margin:0}
#back{ margin:0px auto 10px auto;WIDTH:997px;background:#555555;font-weight:bold;padding-left:5px;}
#back span{color:#f60}

#hot-banner{text-align:center;padding:10px;}
#hot-products{clear:both;font-weight:bold;padding:0 0 5px 0;}
#hot-products dt{background:#555;padding:3px}
#hot-products dd{background:url(plus.gif) 3px 1px no-repeat;padding:5px 0 0 15px;text-transform:capitalize}
#classname{clear:both;float:left;width:592px;padding:0 0 10px 0;}
#classname dt,#nav{clear:both;background:#555;font-weight:bold;padding:3px}
#classname dd font{color:#f60}
#classname dd{float:left;width:280px;background:url(plus.gif) 3px 1px no-repeat;padding:4px 0 4px 15px;font-weight:bold}

#mainer{padding:0 0 10px 5px;float:left;width:594px;}
#content{float:left;width:592px;border:1px solid #555; background:#333333}

#newslist{float:left;width:752px;border:1px solid #999999;font-weight:bold;margin:0 0 10px 0;}
#newslist_title{clear:both;background:url(title.gif);font-size:14px;color:#e1a504;line-height:30px;padding:0 0 0 8px;}
#newslist_news{text-align:center;padding:10px 0 10px 0}
#newslist_info{clear:both;padding:5px;width:742px;}


#nameclass,#mark,#subname{clear:both;padding:5px;font-weight:bold;}
#nameclass h1{text-align:center}
#products{float:left;width:592px;}
#products li{float:left;width:188px;padding:5px 0 0 7px;border-bottom:2px solid #ffffff;font-weight:bold;text-align:center}
#products #img{width:188px;}
#products #img img{width:150px;height:150px}
#products #name{width:180px;padding:4px}
#products #buy{ width:188px;padding:0 0 5px 0}

#page{float:left;width:592px;background:#444444;padding:5px 0 5px 0;margin:10px 0 0 0;font-weight:bold}
#page a{float:left;display:block;border:1px solid #1f1f1f;border-left:0;border-top:0;background:#555;padding:0 5px 0 5px;margin-right:5px;text-decoration:none;}
#page span{float:left;display:block;border:1px solid #1f1f1f;border-left:0;border-top:0;background:#f60;padding:0 5px 0 5px;margin-right:5px;}
#page a:hover{background:#f60;color:#fff;}
#page #total{clear:both;width:100%;padding:5px 0 0 0;}
#page #total em{font-style:normal;color:#f60}



/*右边样式*/
#right{float:right;width:230px;}
#top_news,#msn,#pay,#website,#about_products{clear:both;border:1px solid #555555;background:#333333;margin:0 0 10px 0;padding:0 0 5px 0;font-weight:bold;}
#top_news dt,#msn dt,#website dt,#about_products dt{background:url(title.gif);font-size:14px;color:#e1a504;line-height:30px;padding:0 0 0 8px}
#top_news dd{background:url(plus.gif) 3px 1px no-repeat;padding:5px 0 0 15px;}
#pay{border:1px solid #555555;margin-bottom:10px;padding:3px;text-align:center}
#pay img{padding:0 0 0 10px}
#msn dd{padding:1px;width:226px;}
#msn li{float:left;width:113px;padding:10px 0 0 0;font-size:11px;}
#msn #china{clear:both;border-top:1px dashed #666666;line-height:20px;padding:5px 0 0 5px;}
#msn li img{vertical-align:bottom}
#website dd{text-align:center;padding:5px 0 0 0}
#about_products dd{padding:5px 0 0 0; text-align:center; width:228px}
#about_products dd img{width:80px; height:80px;margin:0 0 0 5px}
#news{clear:both;width:592px;}
#news dt{float:left;width:592px;background:#555;font-weight:bold}
#news dt span{float:left;background:url(plus.gif) 3px 1px no-repeat;padding:3px 0  3px 18px;}
#news dt p{float:right;padding:2px 5px 2px 0; margin:0}
#news dd{clear:both;padding:5px;text-transform:capitalize;text-indent:20px;}

#product,#product_banner{float:left;width:750px;}
#product_banner{margin-bottom:10px}
#p1,#p2{float:left;widht:748px;border:1px solid #666666;padding:0 0 5px 0;margin:0 0 10px 0; font-weight:bold}
#p1 dt,#p2 dt{float:left;width:740px;background:url(title.gif);font-size:14px;color:#e1a504;line-height:30px;padding:0 0 0 8px}
#p1 dt span{float:left;padding:0 0 0 5px}
#p1 dt p{float:right;padding:0 5px 0 0;margin:0;}
#p1 dd{float:left;width:738px;padding:5px;}
#p1 dd h1{font-size:20px; text-align:center}
#p1 .center,#p2 .center{text-align:center}
#p1 a.button{padding:0 15px 0 15px;margin:0 5px 0 0;color:#FFFFFF}

#p2 dd{float:left;width:748px;padding:5px 0 0 0;font-weight:bold;}
#p2 dd li,#contact dd li{padding:5px 0 0 10px;list-style:decimal inside;}
#p2 dd span{float:left;width:76px;text-align:center}
#p2 dd p{float:right;width:670px; margin:0}
#p2 textarea{width:300px;height:150px}



/*友情连接*/
#friendlink{width:815px;border:1px solid #666666;background:#333333;float:right; margin:0 0 10px 0}
#friendlink dl{border-bottom:1px dashed #666666;width:815px}
#friendlink dt{font-weight:bold;font-size:14px;padding:5px 0 5px 25px;background:url(NMORE.GIF) 3px center no-repeat}
#friendlink dd{padding:5px; width:810px; font-weight:bold;font-size:11px}
.homelinks, .homelinks a{
	font-size:1px;
	color:#333;
	line-height:1px;
}

#order{float:right;width:820px;border:1px solid #666; background:#333333; font-weight:bold}
#order_title{float:left;width:812px;background:url(title.gif);font-size:14px;color:#e1a504;line-height:30px;padding:0 0 0 8px;}
#order_list{float:left;width:820px;margin:10px 0 10px 0;padding:0 0 5px 0}
#order_list ul{float:left;width:820px;padding:10px 0 0 0;font-weight:bold;line-height:80px;height:80px}
#order_list ul #t2 img{width:80px;height:80px}
#order_list #t1{float:left;width:490px;padding:0 0 0 10px}
#order_list #t2{float:left;width:120px;text-align:center}
#order_list #t3{float:left;width:200px;text-align:center}
#check{clear:both;text-align:center;font-size:16px;border-top:2px solid #fff;padding:5px 0 0 0; font-weight:bold}
#contact{float:left;width:820px;margin:10px 0 10px 0;font-weight:bold;}
#contact dt{background:#f90;padding:3px 0 3px 5px;color:#000}
#contact dd{float:left; width:820px; line-height:20px;padding:5px 0 0 0}
#contact span{float:left;width:100px;text-align:right}
#contact p{float:right;width:720px; margin:0}
#contact textarea{width:350px;height:150px}
#contact font{color:#f60}

#g{float:left;WIDTH:1002px;line-height:22px;background:#333333}
#g li{float:left;width:117px;text-align:center;padding:10px 3px 10px 3px;border:1px #555 solid;}
#g li #img{padding:0 0 5px 0; width:117px;}
#g li #img img{width:100px; height:100px}
#g li #name{font-weight:bold;width:110px;padding:0 3px 5px 4px}
#g li #buy{padding:0 0 5px 0;}

#gallery{margin:0 0 10px 0;WIDTH:1002;line-height:22px;font-weight:bold;}
#big_class{background:#333333;padding:3px}
#small_class{background:#666666;padding:3px}

.video{float:left; width:590px;}
.video ul{list-style:none;margin:0px;padding:0px;}
.video li{ float:left;width:180px; height:180px; margin-left:10px;margin-bottom:10px;}
.video a{ width:170px;display: block; height:145px;cursor: pointer; font-weight: bold; color: #ccc; text-align:center;font-weight:bold;padding:30px 5px 5px 5px;}
