/* CSS Document */
body { margin:0; font-size:12px; font-family:Arial;}
ul{ margin:0; padding:0; list-style:none;}
h1{ margin:0; padding:0; font-size:12px; font-weight:normal;}
p{ margin:0; padding:0;}
img{ border:0;}
#container{ width:100%;}
/*-----头部内容-----*/
#header{ margin:0 auto; width:900px; height:257px; background:url(images/topleft.jpg) no-repeat;}
#topleft{ width:30px; height:84px; float:left;}
#top{ width:840px; height:84px; float:left; background:url(images/topbg.jpg) repeat-x;}
#logo{ width:180px; height:61px; padding:15px 0 0 0; float:left;}
#nav{ width:650px; height:38px; float:left; padding:32px 0 0 10px;}
#nav ul li{ float:left; margin-right:5px; display:inline;}
#nav a{ height:38px; float:left; padding:0 0 0 15px; background:url(images/navl.jpg) no-repeat left top; text-decoration:none; line-height:14px;}
#nav a span{ float:left; display:block; background:url(images/navr.jpg) no-repeat right top; padding:13px 20px 11px 5px; color:#666; text-align:center;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a span {float:none;}
/* End IE5-Mac hack */
#nav a:hover span{ color:#666;}
#nav a:hover { background-position:0% -38px;}
#nav a:hover span { background-position:100% -38px;}
#nav #selected a { background-position:0% -76px;}
#nav #selected a span { background-position:100% -76px; color:#fff;}
#topright{ width:30px; height:84px; float:left; background:url(images/topright.jpg) no-repeat;}
#headbt{ width:900px; height:28px; float:left;}
#headbt span{ padding:0 0 0 30px; color:#666; float:left;}
#search{ width:200px; height:21px; float:right;}
.stext{ width:150px; height:19px; float:left; margin-right:2px; background:url(images/search.jpg) no-repeat; border:none; padding:2px 0 0 8px;}
.sbtn{ width:20px; height:21px; float:left; border:none; background:url(images/sbtn.jpg) no-repeat; cursor:pointer;}
#banner{ width:886px; height:105px; padding:0 7px; float:left;}
#buy{ width:880px; height:34px; float:left; padding:6px 10px 0 10px;}
#buy ul{ float:left;}
#buy ul li{ float:left; padding:5px 15px 3px 20px; background:url(images/sign.jpg) no-repeat left 3px; line-height:20px;}
#buy ul li a{ text-decoration:none; color:#DC4A4D;} 
#buy span{ float:right; display:block;}
/*-----中间部分内容-----*/
#pagebody{ margin:0 auto; width:886px; height:780px; padding:0 7px;}
#sideleft{ float:left; width:256px;}
#sideleft img{ float:left; margin-bottom:11px;}
#sidebar{ width:256px; height:233px; float:left;}
#sidebar h1{ width:240px; height:32px; background:url(images/sidebartop.jpg) no-repeat bottom;}
#sidebar ul li{ width:210px; height:27px; background:url(images/sideli.jpg) no-repeat; padding:16px 0 0 30px;}
#sidebar ul li a{ text-decoration:none; color:#DC4A4D;}
#sidebar h2{ width:240px; height:29px; margin:0; padding:0; background:url(images/sidebarbot.jpg) no-repeat;}
#sideright{ float:left; width:630px;}
#banner2{ width:630px; height:311px; float:left;}
#pro{ width:630px; height:230px; float:left; background:url(images/pror.jpg) no-repeat right top;}
#prol{ width:10px; height:230px; float:left; background:url(images/prol.jpg) no-repeat;}
#promain{ width:610px; height:230px; float:left; background:url(images/protop.jpg) repeat-x top;}
#promain h1{ width:600px; height:21px; float:left; padding:10px 0 0 10px;}
#promain h1 span{ float:left;}
#promain h1 a{ float:right; color:#666; text-decoration:none; margin-right:15px;}
#promain ul{ width:585px; height:165px; float:left; background:#e2e2e2; padding:34px 0 0 25px;}
#promain ul li{ float:left; margin-right:15px; width:100px;}
#promain ul li .propic{ width:100px; height:86px; background:url(images/propicbg.jpg) no-repeat; padding:5px 0 0 0; margin-bottom:12px;}
#promain ul li a{ display:block; text-align:center; width:90px; padding:0 5px; line-height:20px; color:#666; text-decoration:none;}
#promain ul li img{ width:90px; height:81px;}
#pagebot{ width:886px; height:185px; float:left; margin-top:12px;}
#pagebot li{ width:218px; float:left; margin-right:3px;}
#picsl{ width:11px; height:11px; position:absolute; top:0; left:0; background:url(images/picsl.gif) no-repeat;}
#picsr{ width:11px; height:11px; position:absolute; top:0; left:203px; background:url(images/picsr.gif) no-repeat;}
#pagebot .nmag{ margin:0;}
#pagebot li .pic{ width:217px; height:129px; float:left; display:block; background:url(images/picbg.jpg) no-repeat; padding:1px 0 0 1px; position:relative;}
#pagebot li .pic img{ width:212px; height:129px;}
#pagebot li span{ width:200px; height:45px; float:left; display:block; background:url(images/picbotbg.jpg) no-repeat; padding:10px 0 0 18px;}
#pagebot li span a{ color:#666; text-decoration:none; display:block; width:180px; line-height:18px;}
/*-----底部内容-----*/
#footer{ margin:0 auto; width:900px; height:120px; background:#f1f1f1 url(images/footbg.jpg) no-repeat top;}
#bottom{ width:898px; height:110px; float:left; border-left:1px #ddd solid; border-right:1px #ddd solid; margin-top:10px;}
#bottom ul{ width:620px; float:left; height:40px; padding:0 0 0 280px;}
#bottom li{ float:left; padding:10px; white-space:nowrap;}
#bottom li a{ color:#7C7E79; font-weight:bold; text-decoration:none;}
#bottom li a:hover{ text-decoration:underline;}
#bottom p{ color:#7C7E79;}
#bottom .botlogo{ margin:0 0 10px 0;}
/*-----内容页样式-----*/
#cpagebody{ margin:0 auto; width:886px; padding:0 7px; overflow:hidden; margin-bottom:25px;}
#csideleft{ float:left; width:256px;}
#csideleft img{ float:left; margin-top:15px;}
#csidebar .csidenav{ height:40px; background:url(images/csidebartop.jpg) no-repeat bottom;}
#csidebar{ width:256px; float:left;}
#csidebar h1{ width:240px; height:32px; background:url(images/sidebartop.jpg) no-repeat bottom;}
#csidebar ul li{ width:210px; height:27px; background:url(images/sideli.jpg) no-repeat; padding:16px 0 0 30px;}
#csidebar ul li a{ text-decoration:none; color:#DC4A4D;}
#csidebar h2{ width:240px; height:29px; margin:0; padding:0; background:url(images/sidebarbot.jpg) no-repeat;}
#csideright{ float:left; width:630px;}
#cbanner{ width:630px; height:200px; float:left;}
#location{ width:605px; height:29px; float:left; margin:0 0 0 10px; display:inline; padding:10px 0 0 15px; border-bottom:1px dashed #CCC;}
#location a{ text-decoration:none; color:#666;}
#location a:hover{ text-decoration:underline;}
#main{ width:615px; padding:15px 0 0 15px; float:left;}
/*自适应高度*/
#cpagebody:after{ display:block; height:0; clear:both; visibility:hidden;}
#cpagebody{display:inline-block;}
/*\*/
#cpagebody{display:block;}
/* end easy clearing */
/*\*/
#csideleft, #csideright{padding-bottom: 32767px !important; margin-bottom: -32767px !important;}
@media all and (min-width: 0px) {
#csideleft, #csideright{padding-bottom: 0 !important; margin-bottom:0 !important; }
#csideleft:before, #csideright:before{ content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; background: inherit; padding-top: 32767px !important; margin-bottom: -32767px !important; height:0;}
}