/*基本信息*/
body {
margin: 0px auto;
padding: 0px;
background:url(../images/bg.jpg) #000;
}

body.en{font-family:Arial, Helvetica, sans-serif,"宋体"; font-size:12px;}
body.cn{font-family:"宋体",Arial, Helvetica, sans-serif; font-size:12px;}

ul{padding:0;margin:0; list-style:none}
dl{margin:0;}
dd{margin:0;}
a{color:#000; text-decoration: none; cursor:pointer;}
a:link { text-decoration: none;}
a:visited{text-decoration: none}
a:hover{color:#666; text-decoration: underline;}
form{margin:0px}
a img{border:0px;}
p{font-size:12px;}
h1,h2,h3,h4,h5,h6{ margin:2px 0;}

.an{float:left;background:url(../images/SubmitBg.gif) no-repeat left top; font-size:12px; margin:0 8px; padding-left:1px; text-decoration:none; }
.an span{float:left; display:block; background:url(../images/SubmitBg.gif) no-repeat right top; padding:5px 15px 4px 10px; color:#000; margin:0; line-height:12px;}
.an span{float:none; }
.an:hover{text-decoration:none;}
.an:hover span{background-position:100% -21px; color:#000;}

/* 页面层容器 */
#content{width:1000px; margin:0 auto;}
#contentBg{background:url(../images/contentBg.jpg) repeat-y #000; float:left; width:905px; padding:0 48px 0 47px}

#head{float:left; width:100%; height:125px; background:url(../images/headBg.jpg)}
#head ul{width:100%; float:left;}
#head ul li{margin-top:31px; float:left; margin-left:10px; display:inline}
#head ul li.ad{float:right; margin-top:25px;}

#ad{float:left; height:270px; width:1005; overflow:hidden; background:url(../images/adBg.jpg);}
.adTop{width:903px; float:left; position:absolute; z-index:100; left:1; top:1; height:96px;}

#member{width:300px; height:85px; float:left; position:absolute;}
#member ul li{float:left;}
#member ul li.left{width:235px;}
.loginSr{height:20px; border:0; float:left; padding:5px 0 0 0; color:#fff; margin-top:7px;}
.loginIdSr{width:103px; background:url(../images/loginIdSr.jpg); margin-left:28px;}
.loginPwSr{width:75px; font-size:8px; background:url(../images/loginPwSr.jpg); margin-left:28px;}
.loginReg{float:left; width:122px; height:17px; margin:10px 0 0 5px;}
.regEn{background:url(../images/regEn.gif) 0 5px no-repeat;}
.regCn{background:url(../images/regCn.gif) 0 5px no-repeat;}
.loginAN{width:48px; height:50px; float:left; background:url(../images/loginAN.jpg); margin-top:20px; border:0; cursor:pointer}
.loginAN:hover{ background-position:-48px 0}
.loginAN:active { background-position:-96px 0}
.loginOn{background:url(../images/LogOnBg.jpg) 8px 5px no-repeat; width:200px; padding-left:26px; color:#fff; float:left;}
.loginOn li{ padding-top:15px;}
.loginOn a{color:#f00}

#search{width:400px; height:50px; position:absolute; margin:18px 0 0 480px; text-align:right;}
#search em{width:100%; font-style:normal; color:#000; float:left;}
#search ul{width:100%; float:left; margin-top:7px;}
#search ul li{float:right;}
.searchSR{width:185px; height:17px; padding:1px 7px 1px 8px; border:0; color:#fff; background:url(../images/searchBg.jpg)}
.searchAN{width:38px; height:18px; border:0; background:url(../images/searchAN.jpg)}

#nav{width:100%; margin:230px 0 0 110px;position:absolute;}
#nav em{width:2px; height:23px; float:left; background:url(../images/navLine.gif); margin:8px 5px 0 5px;}
#nav a.h1{background:url(../images/navHomeCn.png) no-repeat; width:41px; height:15px; margin:12px 30px 0 0;}
#nav a.h2{background:url(../images/navAboutCn.png) no-repeat; width:48px; height:11px; margin:15px 15px 0 15px }
#nav a.h3{background:url(../images/navProCn.png) no-repeat; width:49px; height:11px; margin:15px 15px 0 15px}
#nav a.h4{background:url(../images/navFeedCn.png) no-repeat; width:48px; height:11px; margin:15px 15px 0 15px}
#nav a.h5{background:url(../images/navCartCn.png) no-repeat; width:36px; height:13px; margin:15px 15px 0 15px}
#nav a.h6{background:url(../images/navContactCn.png) no-repeat; width:67px; height:13px; margin:15px 15px 0 15px}
#nav a.h1En{ background-image:url(../images/navHomeEn.png);}
#nav a.h2En{ background-image:url(../images/navAboutEn.png); width:50px;}
#nav a.h3En{ background-image:url(../images/navProEn.png)}
#nav a.h4En{ background-image:url(../images/navFeedEn.png); width:57px;}
#nav a.h5En{ background-image:url(../images/navCartEn.png); width:49px;}
#nav a.h6En{ background-image:url(../images/navContactEn.png); width:44px;}
#nav a{float:left;}
#nav a.hEn,#nav a.hCn{background:url(../images/Language.gif); height:25px;}
#nav a.hEn{ width:68px; margin-left:103px}
#nav a.hEn:hover{ background-position:left bottom;}
#nav a.hCn{width:40px; background-position:right top; margin-left:13px;}
#nav a.hCn:hover{ background-position:right bottom;}

#hotPro{background:url(../images/hotProBg.jpg); width:905px; height:218px; overflow:hidden; float:left;}
#hotPro h1{width:98%; padding-left:2%; height:56px; line-height:48px; font-size:14px; font-weight:normal; color:#fff;}
#hotPro ul{width:100%; float:left;}
#hotPro ul li{width:161px; height:165px; overflow:hidden; float:left; margin:0 10px; display:inline}
#hotPro ul li img{background:url(../images/hotProImgBg.gif); width:155px; height:116px; padding:3px 3px; float:left;}
#hotPro ul li span{width:100%; float:left; margin-top:2px; text-align:center;}
#hotPro ul li span.name{ height:12px; width:161px; white-space:normal; overflow:hidden;}

#main{background:url(../images/mainBg.jpg) repeat-y; float:left; width:905px;}
#main .top{width:905px; height:19px; background:url(../images/mainTop.jpg); float:left;}

#sort{width:197px; float:left; overflow:hidden;}
#sort .title{width:181px; height:30px; padding:15px 0 0 10px; margin-left:6px; background:url(../images/sortTopBg.jpg);}
#sort ul{float:left; width:100%;}
#sort a img{padding:0 15px 5px 20px;}
#sort a:hover img { background: url(../images/sortBigOppen.gif) 1px bottom no-repeat;}

#mainBox{width:704px; float:right;}
#mainBox h1{width:100%; text-indent:2em; height:70px; margin-top:-2px; line-height:70px; font-size:14px; font-weight:normal; color:#fff; background:url(../images/bestProTitle.jpg); float:left;}

#pro{width:671px; overflow:hidden; margin-left:14px; display:inline;  background:url(../images/proUlBg.jpg); float:left;}
#pro ul{width:100%; float:left;}
#pro ul li{width:183px; height:190px; overflow:hidden; float:left; padding:20px 0 8px 0; margin:0 16px;text-align:center}
#pro ul li img{border:1px solid #979797; padding:1px; width:179px; height:134px;}
#pro ul li span{width:100%; float:left; margin-top:2px}
#pro ul li a{color:#000;}

#foot{width:100%; height:56px; padding-top:51px; background:url(../images/footBg.jpg); text-align:center; float:left;}
#foot ul li{width:100%; float:left; color:#fff;}
#foot ul li a{color:#f00; font-weight:bold;}

#about{padding:0 10px}
#about p{ text-indent:2em;}

#reg{width:90%; margin:20px auto; float:left; margin:0 5%; display:inline; font-family:"Trebuchet MS","宋体";}
#reg ul{width:90%; padding:30px 5%; float:left; list-style:none;}
#reg ul li{ float:left; margin:3px 0; width:100%; line-height:21px;}
#reg ul li hr{border:none; border-top:1px solid #e0e0e0}
#reg ul li p{ float:left; width:136px; padding-left:10px; margin:0;}
#reg ul li p span{color:#f00; padding-right:5px;}
#reg ul li input{width:200px;}
#reg ul li input.list{width:25px}
#reg ul li.f01{float:right; width:73%; padding:2px 5px; background:#f9f9f9;  color:#666}
#reg ul li span{color:#740003; font-weight:bold;}
#reg ul li.f02{text-align:center}

#pagetop,#pagebottom{width:97%; padding:5px 10px; margin:5px 0; margin-right:-5px; float:left; background:url(../images/titleBg.jpg)}
.page{list-style:none; float:left; margin-right:5px}
.page li,.page a{padding:5px 10px; color:#fff; float:left; font-weight:bold;}
.page span{ float:left;}
.page a:hover{background:#eee; color:#000; font-weight:bold; text-decoration:none;}
.page a:link,.page a:visited{color:#988f27; font-weight:100;}
.page a.list{background:#E6F7FF}
.page input{float:left; margin:0 5px;}
.page .box{width:30px; height:14px; padding:1px; margin:2px 2px}

#proShow{width:96%; padding:0px 10px;}
#proShow ul{width:100%; margin:5px 0; float:left; padding:10px 0; border-bottom:1px solid #eee;}
#proShow ul li{float:left; display:inline}
.proImg img{width:640px; height:480px; padding:2px; border:1px solid #eee; margin:0 15px; float:left; background:#fff;}
.proTxt{width:100%; padding-left:1%; float:left;}
.proTxt dl{width:47.9%; float:left; padding:5px 1%; height:33px; color:#666;}
.proTxt dl.list{width:97.8%;}
.proTxt dl.bg{background:#f8f8f8;}
.proTxt dl dt{ float:left; line-height:30px}
.proTxt dl dt.list{color:#000; margin-right:5px; padding-left:10px; background:url(../images/sort_off.gif) 0 center no-repeat}

#shop{width:96%; padding:10px; float:left; }
.shop{width:100%; border:0}
.shop thead tr,#shop tfoot tr{background:url(../images/shopBg.jpg); height:29px; font-weight:bold; color:#fff;}
.shop tr td{border:0; padding:2px 6px; text-align:center;}
.shop thead tr td,#shop tfoot tr td{ padding:10px 0; text-align:center;}
.shop tbody tr td{ border-bottom:1px solid #ddd;  padding:5px 6px;}
.shop tr td.list{background:#F9F9F9}
#shopBottom{width:96%; padding:10px 10px; text-align:center;}

#login{width:600px; padding:0 15px; margin:10px 0; float:left; background:url(../images/search_line.gif) 34% top no-repeat;}
#login div{float:left; width:46%; padding:0 2%;}
#login ul{width:98%; float:left; list-style:none}
#login ul.login{height:30px; padding:10px 0px; margin-left:30px; display:inline; border:5px solid #eee; background:#fafafa;}
#login ul.login li{float:left; width:auto; margin:0 8px; display:inline}
#login ul.txt{background:#fafafa; margin:0 20px; width:99%;}
#login ul.reg{text-align:center;}
#login ul li{width:90%; line-height:20px; margin:0 auto; padding:5px 0;}
#login ul.login li b{ float:left;}
#login ul li b{width:70px; background:url(../images/liIcons.gif) 0 center no-repeat; padding-left:12px;}
#login ul li a{margin-left:10px;}
#login ul li p{width:90%; margin:0; text-align:center}
.loginSR{width:130px; height:14px; border:1px solid #a5acb2; background:#f4f4f4;}
#login .loginAn{margin:0; padding:0; width:100px; cursor:pointer}

#news{width:96%; float:left; padding:0 10px;}
#news ul{width:98%; float:left; padding:10px; margin:10px 0px; border:1px solid #eee}
#news ul li.list{float:left; background:url(../images/shopBg.jpg); padding:5px 0px; line-height:39px; color:#fff; font-weight:bold;}
#news ul li{ float:left; width:100%; padding:5px 0; border-bottom:1px solid #eee;}
#news ul li a,#news ul li span{float:left; padding-left:10px;}
#news ul li em,#news ul li i{float:right; width:200px; font-style:normal}
#news ul.World li em{float:right; width:200px; font-style:normal}
#news ul.World li i{float:right; width:100px; font-style:normal}

body.shop #main{background-image:url(../images/shopBoxBg.jpg);}
body.shop #mainBox{width:100%; float:right;}
body.shop #mainBox h1{ background-image:url(../images/shopTitle.jpg); float:left;}
body.shop #foot{background-image:url(../images/shopFootBg.jpg)}