/* 通用 */
html,body,b,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,img,pre,form,p,input,fieldset,textarea,blockquote,th,td  {margin:0 auto;padding:0;}
ol,dl,ul     {list-style:none;margin:0;}
img          {border:0;}
.float-left        {float:left;}
.float-right       {float:right;}
.position          {position:absolute;}
.clear             {display:block;height:0px;clear:both;visibility:hidden;}
a                              {color:#818475;}
a:hover                        {color:#FF0000;}
a,a:visited,a:hover,a:active   {text-decoration:none;}
body {font:normal 11px/25px Arial, Helvetica, sans-serif;color:#818475;background:#000;overflow-x:hidden;}

/* Box */
#Container    {width:944px;background:#1A1A1A url(../images/main_bg.jpg) no-repeat center top;padding-top:74px;}
#Box          {margin:5px auto 50px auto;overflow:hidden;}
#Content      {width:550px;}
#Content h2   {padding:0 0 10px 10px;font-size:13px;font-weight:lighter;}
#Body-about   {padding:0 10px 0 15px;}
#Header,#Box  {width:784px;}

/* Header-logo-nav */
#Header      {background:url(../images/header_bg.jpg) repeat-x}
#Logo        {height:45px;font-size:16px;padding-top:18px;font-weight:lighter;text-align:center;line-height:20px;overflow:hidden;}
#Logo span   {font-size:36px;}

#Nav        {width:782px;padding-bottom:20px;background:url(../images/nav_bg.gif) repeat-x;text-transform:uppercase;overflow:hidden;}
  #Nav ul         {padding:4px 0 0 44px;font:normal 10px/12px Arial, Helvetica, sans-serif;width:auto;}
  #Nav li         {float:left;margin:0 1px;}
  #Nav li a       {color:#fff;background-color:inherit;padding:12px 18px;display:block}
  #Nav li a:hover {color:#FFF8A6;background-color:#C43209;padding:9px 15px;border:3px solid #FF0000;}

#Header-box  {background:#FAEDD9 url(../images/logo.jpg) no-repeat 36px 20px;padding:25px 0 50px 205px;}
#Header-box h2       {color:#000;font:bold 20px/24px "Tahoma";}
#Header-box h2 span  {color:#2A5C0B;font:normal 16px/23px "Tahoma";display:block;}
#Header-box p        {color:#000;}
#Header-box ul       {padding-top:17px;}
#Header-box ul li    {background:url(../images/bullet.gif) no-repeat 0 50%;
                  padding-left:9px;font-size:10px;line-height:14px;color:#EA2A15;}
/* Left */
#SideBar     {width:228px;background:#1D2D25 url(../images/SideBar.jpg) repeat-x top;border:1px solid #1D2D25;padding-top:80px;}
#Menu              {text-align:center;}
#Menu li           {}
#Menu li a         {display:block;height:24px;font-size:18px}
#Menu ul .Menu_list          {}
#Menu ul .Menu_list li       {}
#Menu ul .Menu_list li a     {font-size:11px;height:22px;}
	
.Contact   {padding:70px 20px 0 20px;margin-bottom:30px;line-height:14px;}
.Contact p      {text-align:center;margin-bottom:10px;font-size:12px}
.Contact .Name  {font-size:18px;font-weight:bold;}

/* Index */
#Main-Hot,#Product     {width:552px;}
#Main-Hot h2 {padding:29px 0 34px 12px;font:bold 20px/24px "Tahoma";color:#fff;}
#Hot-Product {width:100%;overflow:hidden;}
#Hot-Product a     {display:block;width:125px;float:left;margin-left:13px;display:inline}
#Hot-Product a p,#Product a p   {color:#818475;padding-top:12px;font:normal 11px/14px "Trebuchet MS";text-align:center;word-break:break-all;}
#Hot-Product a img,#Product a img {border:10px solid #818475;width:105px;vertical-align:middle;/* 让图片高无效 */}
#Hot-Product a:hover img,#Product a:hover img {border:10px solid #E4ED5C;}

/*  Product  */
#Product      {}
#Product a    {width:125px;float:left;margin:0 0 12px 13px;display:inline;}

/*  News  */
#News       {margin:10px;}
#News li    {height:30px;line-height:25px;text-indent:25px;background: url(../images/07.jpg) no-repeat 3px 14px;border-bottom:1px dashed #666;line-height:35px;overflow:hidden}
#News li a  {}
.fanye      {clear:both;height:22px;margin:15px 0 0 0;text-align:center;}
.Close      {font-weight:bold;display:block;text-align:center;padding:15px 0 0 0}

/*  自适用高度  */
#SideBar,#Main-Hot,#Content  { padding-bottom:900px !important;margin-bottom:-900px !important;}
@media all and (min-width: 0px) {
#SideBar,#Main-Hot,#Content  {padding-bottom:0 !important;margin-bottom:0 !important; }
#SideBar:before, #Main-Hot:before,#Content:before {
	content: '[DO NOT LEAVE IT IS NOT REAL]';
	display: block;height:0;
	padding-top:900px !important;
	margin-bottom:-900px !important;}
}
/*QQ*/
#QQOnlineService   {position:absolute;z-index:10;}
.QQ_bg             {display:block;width:109px;background: url(../images/QQ_bg.gif);padding:5px 0 8px 0;}
.QQ_bg p           {display:block;padding:4px 0;text-align:center;}
/*  Footer  */
#Footer {border-top:0px solid #000;background:url(../images/footer_bg.gif) repeat-x;padding:24px 0 10px 0;}
#Footer p {text-align:center;height:35px;font-size:10px;color:#818475;line-height:15px;overflow:hidden;}
#Footer p a {color:#fff;padding:0 20px;text-transform:uppercase;}
#Footer p a:hover {color:#FF0000;}