@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0;}
body{ font-size:12px; color:#666;  font-family:  Arial, Tahoma, Helvetica, sans-serif; }
ul{ list-style-type:none;}
img{ border:0;}
a{ color:#74ccff; text-decoration:none;}
a:hover{ color:#990000; text-decoration:underline;}
.clear{ clear:both;}

#header{ width:859px; height:80px; margin:0 auto;}
#dateinfo{ width:849px; height:22px; margin:0 auto; background:url(../images/dateinfo.gif) left top no-repeat; text-align:right; 
		margin-top:1px; color:#FFF; font-size:12px; line-height:22px; padding-right:10px; }
#dateinfo a{ color:#EEE; text-decoration:none;}
#dateinfo a:hover{ color:#990000; text-decoration:underline;}			
#banner{ width:859px; height:230px; margin:0 auto; margin-top:1px; }

#nav{ width:859px; height:38px; margin:0 auto; background:url(../images/nav-bg.gif) left top no-repeat; margin-top:5px; overflow:hidden;}
#nav ul{ width:839px; height:26px; margin-left:10px; }
#nav li{ padding-left:12px; padding-right:10px; height:26px; float:left; padding-top:12px; }
#nav li a{ padding-left:12px; padding-right:10px; height:26px; font-size:14px; font-weight:bold; color:#033962; }
#nav li a:hover{ color:#990000; text-decoration:underline;}		

#hot-product{ width:859px; height:100%; margin:0 auto; margin-top:5px;}
#hot-product .title{ width:843px; height: 29px; line-height:29px; padding-left:15px; font-size:15px; 
		font-weight:bold; background:url(../images/title-bg.gif) left top no-repeat; color:#FF6600; }
#hot-product .list{ width:856px; height:128px; background-color:#F9F9F9;
		border:1px solid #dfdee3; border-top:0; overflow:hidden;  }
#hot-product .list .table-wrap{ width:856px; height:128px;  display:inline-table; overflow:scroll; overflow-y:hidden;
		 overflow-x:hidden;}	

#hot-product .list .scroll-li{ width:120px; height:118px; float:left; padding-top:10px; margin-left:2px;
		overflow:hidden; }
#hot-product .list .hot-logo{ width:110px; height:83px; float:left; margin-left:5px; overflow:hidden;}
#hot-product .list .hot-title{ width:120px; height:30px; float:left; clear:left; margin-top:2px; overflow:hidden;}		
		
#sub-option{ width:859px; height:88px; margin:0 auto; margin-top:10px; display:block; overflow:hidden; }
#sub-option .list{ width:859px; height:88px; float:left; margin-left:4px; }
#sub-option .list li{ width:209px; height:82px; float:left; padding-left:5px; }
#sub-option .list li a{ color:#003279; text-decoration:none;}
#sub-option .list li a:hover{ color:#990000; text-decoration:underline;}
#sub-option .list li .title{ margin-left:73px; margin-top:10px; font-size:16px; font-weight:bold; }
#sub-option .list li .intro{ margin-left:80px; margin-top:3px; font-size:12px;}
#sub-option .list .sub1{ background:url(../images/sub1.gif) left top no-repeat;}
#sub-option .list .sub2{ background:url(../images/sub2.gif) left top no-repeat;}
#sub-option .list .sub3{  background:url(../images/sub3.gif) left top no-repeat;}
#sub-option .list .sub4{ background:url(../images/sub4.gif) left top no-repeat;}

#footer{ width:859px; height:34px; margin:0 auto; margin-top:10px; }
#footer-wrap{ width:789px; height:34px; background:url(../images/footer-bg.gif) left top no-repeat;
		text-align:right; line-height:34px; float:left; color:#74ccff; padding-right:70px;}
#footer-wrap .copyright{ padding-right:160px; }
#footer-wrap .icp{ padding-left:10px; }
#footer .subnav2{ width:auto; }
#footer-wrap .subnav2 a{ padding:0 3px;}

#language{ width:864px; height:30px; margin:0 auto; margin-top:5px;}
#language a{ margin:0; padding:0; width:auto; height:30px; float:left;}
