@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; font-size:12px; color:#666; font-family:"MS PGothic"; }
p { line-height:160%; margin-bottom:8px; }
a img { border:0; }
body {font-family:"MS PGothic" ;font-size:12px; margin:0; padding:0; color:#333333;background:#000000 none repeat scroll 0 0;}
#headerbg { width:100%; height:90px; background:#313131; }
#header { width:786px; height:90px; margin:0 auto; background:url(../images/header_bg.gif) left top repeat-x; position:relative; }
#logo { position:absolute; top:10px; left:15px; border:0; }
#chat { padding-left:8px; padding-bottom:10px; }
#search { position:absolute; top:18px; right:20px; width:181px; height:32px; }
#search input { border:0; background:url(../images/pjp2_03.gif) no-repeat; width:181px; height:23px; padding:9px 0 0 2px; }
#topnav { position:absolute; margin-top:66px; background:url(../images/bg_nav.gif); width:786px; height:23px; overflow:hidden;}
#topnav a { display:inline; float:left; height:24px; line-height:23px; padding:0 22px; text-decoration:none; position:relative; color:#fff;font-weight:bold; }
#topnav a:hover,#topnav #current{ background: #fff url(../images/bg_nav_on.gif); color:#000; }
#topnav a img { position:absolute; top:0; right:0; }
#topnav .sp{ float:left;}
.pos1 { position:absolute; top:0; left:0; border:0; }
.pos2 { position:absolute; top:0; right:0; border:0; } 
#container { width:786px; margin:0 auto; }
#containerbg { float:left; width:766px; background:#fff; padding:10px 10px 30px 10px; }
#left { float:left; width:183px; margin-bottom:10px; background:#faf7f2; }
#left h2 { height:28px; line-height:28px; background:#f0eee1; }
.le1 { float:left; }
#loginimg { text-align:center; padding:5px 0 5px 0; }
.le1 table { padding:5px 0 5px 0; }
.le1 table td { padding:2px 0 2px 5px; }
.le1 ul { padding:0 0 10px 0; }
.le1 ul li { width:183px; height:28px; line-height:28px; list-style:none; background:url(../images/co1.gif) 10px center no-repeat; }
.le1 ul li a { text-decoration:none; padding:0 0 0 30px; font-family:Verdana, Arial, Helvetica, sans-serif; display:block; background:url(../images/dian.gif) left bottom repeat-x; }
.le1 ul li a:hover { color:#fe6e1d; }
.le2 { float:left; }
.le2 ul { padding:0 0 10px 0; }
.le2 ul li { width:183px; height:28px; line-height:28px; list-style:none; background:url(../images/co1.gif) 10px center no-repeat; }
.le2 ul li a { text-decoration:none; padding:0 0 0 30px; display:block; background:url(../images/dian.gif) left bottom repeat-x; }
.le2 ul li a:hover { color:#fe6e1d; }
.in1 { border:1px solid #ddd; padding:3px 0 3px 1px; width:163px; font-size:14px; color:#666; }
.pwzhao { background:url(../images/co6.gif) 60px center no-repeat; text-align:right; }
.pwzhao a { font-family:Verdana, Geneva, sans-serif; color:#000; }
.pwzhao a:hover { color:#fe6e1d; }
#footer { clear:both; margin:0 auto; width:786px; background:#f7f6ef; padding:15px 0 15px 0; text-align:center; }
#footer p span { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
#footer p a { font-size:12px; font-family:Verdana, Geneva, sans-serif; color:#666; }
#footer p a:hover { color:#fe6e1d; }
/*-------------------------------------------------------------------right-------------------------------------------------------------------*/
#right { float:right; width:569px; }
#baimg { width:569px; height:163px; float:left; overflow:hidden; }
#banner{ position:relative;width:568px; height:195px;}
#bannerPic{ width:568px; height:195px;}
#bannerPic .banner_btn{ position:absolute;top:10px; left:280px;}
.vcp_btn{ float:right; width:278px; height:195px; padding:9px 10px 10px 0;}
.vcp3_btn{ margin-bottom:6px;}
.vcp3_btn p,.vcp4_btn p{ font-size:11px; font-weight:bold; color:#14a3b2; width:255px; position:absolute; padding:29px 5px 5px 13px; line-height:13px;}


#bannerBtn{ position:absolute; bottom:10px; left:10px; background:url(../images/bg_banner_btn.png) no-repeat;  width:130px; height:29px; padding:3px 10px 0;}

#bannerBtn a{ float:left; color:#FFF; text-decoration:none;}
#bannerBtn a.btn{ background:url(../images/banner_btn.gif) no-repeat; width:21px; height:27px; text-align:center; line-height:24px;}
#bannerBtn a.btn:hover{background:url(../images/banner_btn_on.gif) no-repeat; color:#000;}

.b1 { width:569px; height:163px; background:url(../images/banner.jpg) no-repeat; float:left; position:relative; overflow:hidden; }
.b1 p { font-size:12px; font-weight:bold; width:368px; position:absolute; top:70px; right:28px; padding:5px 13px 5px 13px; color:#fff; }
.b1_2 { width:569px; height:163px; background:url(../images/banner_vcp_410.jpg) no-repeat; float:left; position:relative; overflow:hidden; cursor:pointer; }
.b1_3 { width:569px; height:163px; background:url(../images/banner3.jpg) no-repeat; float:left; position:relative; overflow:hidden; }
.b1_3 p { font-size:12px; font-weight:bold; width:368px; position:absolute; top:50px; right:158px; padding:5px 13px 5px 13px; color:#000; }
.b1_4 { width:569px; height:163px; background:url(../images/banner2.jpg) no-repeat; float:left; position:relative; overflow:hidden; }
.b1_4 p { font-size:12px; font-weight:bold; width:368px; position:absolute; top:50px; right:148px; padding:5px 13px 5px 13px; color:#000; }
.b1_5 { width:569px; height:163px; background:url(../images/banner1.jpg) no-repeat; float:left; position:relative; overflow:hidden; }
.b1_5 p { font-size:12px; font-weight:bold; width:368px; position:absolute; top:40px; right:148px; padding:5px 13px 5px 13px; color:#000; }
#b5 { width:569px; height:28px; float:left; margin-top:3px; }
#b5 span { cursor: pointer; float:left; display:block; background:#f3f3f3; height:28px; line-height:28px; text-decoration:none; padding:0 17px 0 12px; font-weight:bold; margin-left:1px; display:inline; }
#allfc { float:left; width:569px; padding:20px 0 0 0; }
#all1 { width:569px; float:left; height:17px; line-height:17px; position:relative; margin-bottom:8px; }
#all1 a { position:absolute; right:5px; font-size:10px; text-decoration:underline; font-weight:bold; }
#all1 a:hover { text-decoration:none; }
.all2 { width:179px; float:left; border:1px dotted #ddd; padding:10px 5px 10px 5px; position:relative; margin-top:-1px; }
.bo1 { border-left:0; }
.bo2 { border-right:0; }
.all2 h2 { background:url(../images/co10.gif) left center no-repeat; padding-left:5px; margin-bottom:5px; width:158px; }
.all2 h2 a { font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; }
.all2 div a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; list-style:none; float:left; padding:0 4px 0 4px; height:20px; line-height:20px; }
.all3 { border:0; position:absolute; bottom:4px; right:4px; }
#s1 { width:569px; float:left; margin:15px 0 0 0; background:#f7fbea; }
.s2 { width:189px; float:left; margin-right:1px; padding-bottom:10px; }
.s2 ul { padding:10px 0 0 16px; }
.s2 ul li { list-style:none; width:80px; display:block; float:left; background:url(../images/co10.gif) left center no-repeat; padding:0 0 0 5px; margin-bottom:7px; }
*html .s2 ul li { margin-bottom:0; }
.s2 ul li a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
.bg1 { background:#f7fbea; }
.bg2 { background:#fff8ee; }
.bg3 { background:#f6f8fa; }
#liuyan { float:left; margin:15px 0 0 5px; display:inline; width:550px; height:183px; background:url(../images/liuyan.gif) left top no-repeat; padding:27px 0 0 12px; }
#liuyan ul { width:520px; display:block; }
#liuyan ul li { border-bottom:1px dotted #ddd; display:block; width:490px; font-size:10px; list-style:none; background:url(../images/co16.gif) left center no-repeat; padding:8px 10px 8px 19px; position:relative; }
#liuyan ul li span { position:absolute; bottom:2px; right:2px; font-size:10px; }
#mbx { background:url(../images/co9.gif) left center no-repeat; height:20px; line-height:20px; padding-left:20px; margin-bottom:3px; }
#mbx a { text-decoration:none; }
#f1 { border-top:2px solid #fd9134; background:#f6f6f6; padding-top:5px; }
#f1 h2 { background:url(../images/co22.gif) left center no-repeat; height:20px; line-height:20px; padding-left:12px; }
#f1 p { padding:5px 10px 10px 10px; }
#f2 { margin-top:20px; }
#f2 h2 { background:url(../images/co17.gif) left center no-repeat; height:20px; line-height:20px; padding-left:21px; }
#f2 ul { background:url(../images/dian.gif) left top repeat-x; padding:12px 0 20px 10px; margin-top:3px; }
#f2 ul li { list-style:none; font-family:Verdana, Arial, Helvetica, sans-serif; padding:3px 0 3px 0; font-size:11px; }
#f2 ul li a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#365c83; }
#f2 ul li a:hover { text-decoration:none; }
#f3 h2 { background:url(../images/co18.gif) left center no-repeat; padding-left:20px; height:20px; line-height:20px; }
#f3 p { background:url(../images/dian.gif) left top repeat-x; padding:12px 0 20px 5px; margin-top:3px; }
#f3 p a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#365c83; padding:0 4px 0 4px; height:18px; line-height:18px; }
#f3 p a:hover { text-decoration:none; }
#f4 { clear:both; }
#f4 h2 { background:url(../images/co19.gif) left center no-repeat; padding-left:23px; height:20px; line-height:20px; }
#f4 ul { background:url(../images/co21.gif) left top repeat-x; padding:16px 0 20px 5px; margin-top:3px; }
#f4 ul li { background:url(../images/co20.gif) left top no-repeat; margin-bottom:12px; list-style:none; padding-left:16px; font-size:12px; line-height:19px;}
#f5 h2 { background:url(../images/hot.gif) left center no-repeat; padding-left:19px; height:20px; line-height:20px; }
#f5 p { background:url(../images/dian.gif) left top repeat-x; padding:12px 0 20px 5px; margin-top:3px; }
#f5 p a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#365c83; padding:0 4px 0 4px; height:18px; line-height:18px; }
#f5 p a:hover { text-decoration:none; }
/*-------------------------------------------------------------product--------------------------------------------------------------*/
.pro { width:569px; border-top:2px solid #fd9134; padding:20px 0 15px 0; float:left; }
#prol { float:left; width:172px; }
#prol .pa { padding-left:15px; }
#pror { float:right; width:377px; padding:0 0 0 20px; }
#pror a { text-decoration:none; }
#pror h2 { margin-bottom:8px; }
.sp1 { text-decoration:line-through; }
.sp2 { font-size:14px; color:#f40000; }
.f6 { clear:both; width:561px; padding-left:8px; }
.f6 h2 { background:url(../images/co11.gif) left center no-repeat; height:20px; line-height:20px; padding-left:13px; }
.f6 ul { background:url(../images/dian.gif) left top repeat-x; padding:12px 0 20px 10px; margin-top:3px; }
.f6 ul li { list-style:none; font-family:Verdana, Arial, Helvetica, sans-serif; padding:3px 0 3px 0; font-size:11px; }
.f6 ul li a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#365c83; }
.f6 ul li a:hover { text-decoration:none; }
.f7 { padding:20px 0 0 10px; border-top:2px solid #fd9134; }
.f7 h2 { font-size:14px; height:20px; line-height:20px; }
.f7 p { padding:5px 0 2px 0; margin-top:3px; }
.f8 { padding:20px 0 0 10px; }
.f8 h2 { height:20px; line-height:20px; margin-bottom:5px; }
.f8 ul li { list-style:none; padding:3px 0 3px 0; }
.f8 ul li a { color:#f00; }
.f8 ul li a:hover { color:#666; }
.f9 { padding:20px 0 0 10px; }
.f9 ul li { list-style:none; font-family:Verdana, Arial, Helvetica, sans-serif; padding:3px 0 3px 0; font-size:11px; }
.f9 ul li a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#365c83; }
.f9 ul li a:hover { text-decoration:none; }
.f10 { clear:both; width:561px; padding-left:8px; }
.f10 h2 { background:url(../images/co11.gif) left center no-repeat; height:20px; line-height:20px; padding-left:13px; }
.f10 p { background:url(../images/dian.gif) left top repeat-x; padding:12px 0 20px 10px; margin-top:3px; }
.f10 p a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#365c83; }
.f10 p a:hover { text-decoration:none; }
.in2 { border:1px solid #ddd; padding:2px 0 2px 1px; width:163px; font-size:14px; color:#666; }
.login a { font-size:11px; }
.login a:hover { text-decoration:none; }
.ta1 td { height:20px; line-height:20px; }
.ta1 span { padding-left:3px; color:#f00; }
.tt { padding:5px 0 5px 0; }
.ta2 { margin-top:10px; background:#f1c17c; }
.ta2 td { height:23px; line-height:23px; padding-left:3px; }
.ta2 span { color:#f00; }
.ta2 a { color:#f00; }
.ta2 a:hover { text-decoration:none; }
.td1 { background:#fff; }
.td3 { background:#f1c17c; color:#fff; font-weight:bold; }
.cart1 { padding:15px 0 0 0; }
.cart1 a { color:#f00; }
.cart1 a:hover { text-decoration:none; }
.cart { float:left; }
.a1 { background:#f6f6f6; padding-top:5px; }
.a1 h3 { background:url(../images/co22.gif) left center no-repeat; height:20px; line-height:20px; padding-left:12px; }
.a1 h3 a { font-family:Verdana, Arial, Helvetica, sans-serif; }
.a1 p { padding:5px 10px 5px 10px; }
.a1 p a { padding:0 4px 0 4px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
.a1 p a:hover { text-decoration:none; }
.a1 ul { padding:0 0 0 12px; }
.a1 ul li { list-style:none; }
.a1 h2 { border-bottom:1px #f1c17c solid; width:100%; height:22px; line-height:22px; }
.a1 h2 span { display:inline-block; background:#f1c17c; color:#000; font-weight:bold; font-size:14px; padding:0 10px; font-family:Verdana, Arial, Helvetica, sans-serif; }
.a1 hr { color:#f1c17c; margin-bottom:5px; }
/*--------------------------------------------------------------------other-------------------------------------------------------------------------*/
.mar { margin-top:8px; }
.marb { margin-bottom:10px; }
.co1 { color:#f00; }
.bor { border-top:2px solid #fd9134; }
.ler { text-align:right; padding-right:5px; }
.bor2 { font-size:12px; }
.font1 a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
.cen { text-align:center; }
.cen a { color:#666; }
#ms { font-size:12px; font-weight:bold; }
.dd li { padding:3px 0 3px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
.dd li a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#365c83; }
.dd li a:hover { text-decoration:none; }
.r2 { width:540px; padding:0 15px 0 10px; float:left; }
.r2 h2 { background:url(../images/youshi.png) left center no-repeat; height:20px; line-height:20px; padding-left:18px; }
#imgg { text-align:center; padding:10px 0 10px 0; }
#imgg img { margin-top:10px; }
.i_table1 input, .i_table1 select { width:95%; border:1px #ccc solid; background:#fff; padding:0; font-size:11px; padding-top:3px; height:15px; padding-left:2px; }
.i_table1 select { height:20px }
.i_table1 .w50 { width:65px; vertical-align:middle }
.i_table1 .logininput { margin-left:0 }
.i_table1 .red { color:#FF0000; font-family:Verdana, Arial, Helvetica, sans-serif }
/*----------JP PAGE-------------------*/
.jp_jp h2 { color:#e66016; font-size:16px; background:url(../images/jp_1.gif) top left no-repeat; height:44px; line-height:44px; padding-left:12px; }
.jp_jp h2 span { display:none }
.jp_jp .jp_p1 { background:url(../images/jp_2.gif) 18px center no-repeat; padding-left:42px; margin:10px 0 5px 0; font-weight:bold }
.jp_jp .jp_p2 { line-height:16px; padding-left:42px; color:#333 }
.jp_jp .jp_p2 strong { color:#e66016; }
.jp_jp .f_img { float:right; display:block; margin-top:12px; }
.jp_jp .jp_pro { position:relative; margin:6px 0 12px; background:url(../images/jp_4.jpg) top left no-repeat; width:569px; height:250px }
.jp_pro h3 { position:absolute; top:0; left:0; color:#e66016; width:150px; height:31px; line-height:31px; text-align:center; font-family:Arial, Helvetica, sans-serif }
.jp_pro .jp_box { margin: 0 12px 0 178px; padding:15px 0; }
.jp_box .jp_desc { line-height:16px; color:#333 }
.jp_box table { background:#ffffff }
.jp_box table td { font:11px Arial, Helvetica, sans-serif; border-bottom:1px #fdd3bc solid; color:#333; padding-left:12px; background:#FFFFFF; }
.jp_box table td strong { color:#e66016; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
.jp_box table td span { color:red; font-size:11px; font-family:Arial, Helvetica, sans-serif; }
.jp_box table td a { font:11px Arial, Helvetica, sans-serif; color:#333; background:#FFFFFF; text-decoration:none }
.jp_box table td.jp_price { color:#a52a2a; font-size:13px; }