@import url("../../common/css/big_pic.css");
/************
 Public Style
 ************/
body, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, table, th, td, form, fieldset, img { margin:0; padding:0 }
body { background:#fff; font:12px/150% Arial, Helvetica, sans-serif; color:#333; text-align:center }
ul, ol { list-style:none }
fieldset, img { border:0 }
input, select, textarea { font:12px; vertical-align:middle }
a { color:#333; text-decoration:none }
a:hover { color:#333; text-decoration:underline }
.wrap { clear:both; width:950px; margin:0 auto; text-align:left; overflow:auto; *display:inline-block
}
.clear { clear:both }
.left { float:left }
.right { float:right }
.hidden { display:none }
/************
 Add Style
 ************/
#right .add_contact { clear:both; border:#e4e5e0 1px solid; background:#fff; margin:10px; padding:10px 20px}
#right .add_contact li { clear:both; padding:3px 0; vertical-align:bottom; overflow:auto; *display:inline-block
}
#right .add_contact li a { color:#666; text-decoration:none; word-wrap: break-word }
#right .add_contact li b { float:left; font-weight:normal; color:#666 }
#right .add_contact li span { overflow:hidden;zoom:1; display:block; color:#666; word-wrap: break-word }
/************
 Back Head Style
 ************/
.green { color:#247F1E }
.yellow { color:#f60 }
#head .topOut { border-bottom:#D2D2D2 1px solid; background:url(../images/green_bg.gif) repeat-x }
#head .topIn { clear:both; width:950px; height:31px; margin:0 auto; text-align:left }
#head .topIn .left { margin:4px 0 0 }
#head .topIn .right li { display:inline-block; padding:0 10px; line-height:31px; color:#666 }
#head .topIn .right li { *display:inline
}
#head .topIn .right li a { color:#333 }
#head .banner { clear:both; width:950px; height:120px; background:url(../images/banner_bg.gif) no-repeat; margin:0 auto; text-align:left; position:relative }
#head .banner .logo { color:#fff; position:absolute; left:20px; top:20px }
#head .banner .logo a { line-height:80px; color:#fff; text-decoration:none }
#head .banner .logo img { margin:0 10px 0 0; vertical-align:middle }
#head .banner .logoA { float:left; display:inline; margin:20px 0 0 20px; color:#fff;}
#head .banner .logoA a { color:#fff; text-decoration:none }
#head .banner .logoA img { margin:0 10px 0 0; vertical-align:middle; }
#head .banner .logoA b{ display:inline-block; vertical-align:middle;}
#head .banner .logoA b a{font-size:34px; font-family:"ºÚÌå"; font-weight:bolder;zoom:1;filter:DropShadow(Color="#587E93", OffX="1", OffY="2", Positive="1"); overflow:hidden; *line-height:34px;}
#head .banner .logoA b i{ display:inline-block; margin-top:6px; font-size:12px; font-style:normal; font-weight:normal; color:#787878;}
#head .banner .tag { background:url(../images/green_bg.gif) 0 -463px no-repeat; padding:0 0 0 7px; position:absolute; right:20px; top:0 }
#head .banner .tag ul { border:#d5d5d5 1px solid; border-top:0; background:#fff; padding:5px 0 5px 25px }
#head .banner .tag li { display:inline-block; padding:0 20px 0 20px }
#head .banner .tag li { *display:inline
}
#head .banner .tag li.homepage { background:url(../images/green_bg.gif) 0 -339px no-repeat }
#head .banner .tag li.favorite { background:url(../images/green_bg.gif) 0 -358px no-repeat }
#head .nav { clear:both; width:950px; height:32px; background:url(../images/green_bg.gif) 0 -32px repeat-x; margin:0 auto; text-align:center }
#head .nav a { color:#e5e5e5 }
#head .nav li { display:inline-block; background:url(../images/green_bg.gif) right -490px no-repeat; padding:0 20px; line-height:30px; *line-height:32px
}
#head .nav li { *display:inline
}
#head .nav li.s a{ font-weight:bold; color:#99E500 }
#head .nav li.n { background:none }
/************
 Main Style
 ************/
#main { clear:both; width:950px; margin:0 auto; text-align:left; overflow:hidden; *display:inline-block
}
#location { background:#F7F7F7; padding:3px 10px 5px; margin:0 0 1px; color:#666 }
#location a { color:#666 }
#info { clear:both; width:930px; background:#EFEFEF; margin:10px auto 0; padding:10px; text-align:left; overflow:auto; *display:inline-block
}
#info .bar { border-bottom:#CDCDCD 1px solid; background:#fff url(../images/green_bg.gif) -247px -356px no-repeat; padding:5px 30px }
#info .con { background:#fff url(../images/line.gif) center center repeat-y; margin:10px 0 0; padding:10px 20px; overflow:auto; *display:inline-block
}
#info .con div { width:424px }
#info .con p { background:url(../images/green_bg.gif) left bottom repeat-x; padding:5px 0 }
#info .con li { margin:10px 0; color:#999; overflow:auto; *display:inline-block
}
#info .con li b { float:left; width:80px; font-weight:normal; text-align:right }
#info .con li span { float:right; width:301px }
#successful { height:150px; border:#E8E8E8 1px solid; background:#F9FAFB url(../images/Successful.gif) 45% 40% no-repeat; padding:200px 0 0; text-align:center }
#successful a { color:#666; text-decoration:underline }
#left { float:left; display:inline; width:665px; margin:0 15px 0 0; }
#left .banner img{ width:665px; height:161px;}
#left .bar { clear:both; height:23px; border:#E9E9E9 1px solid; background:url(../images/green_bg.gif) 0 -65px repeat-x; padding:0 15px; margin:10px 0 0; line-height:23px; *line-height:21px
}
#left .bar b { float:left; background:url(../images/green_bg.gif) -266px -336px no-repeat; padding:0 0 0 15px; *padding:2px 0 0 15px;
font-weight:normal }
#left .bar span { float:right; padding:0 0 0 15px; *padding:2px 0 0 15px
}
#left .bar span a { color:#666 }
#left .con { border:#E9E9E9 1px solid; border-top:0; padding:10px }
#left .conTable table { border-collapse:collapse; margin:5px 0 0 }
#left .conTable th { border:#E9E9E9 1px solid; background:#f9f9f9; padding:10px 20px; font-weight:normal }
#left .conTable td { border:#E9E9E9 1px solid; padding:10px 20px }
#left .conTable td a { color:#257900 }
#left .about { padding:20px; color:#666 }
#left .about a { color:#666; text-decoration:none }
#left .about span { display:block; padding:15px; text-align:right }
#left .about span a { color:#f60; text-decoration:underline }
#left .productRecommended ul { overflow:auto; *display:inline-block
}
#left .productRecommended li { float:left; display:inline; width:181px; border:#F1F0EA 1px solid; background:#FFFEFA; padding:10px; margin:5px; vertical-align:bottom; position:relative; word-wrap: break-word }
#left .productRecommended li img { float:left; border:#E5E5E5 4px solid; margin:0 10px 0 0 }
#left .productRecommended li span { display:inline-block; position:absolute; left:115px; bottom:20px }
#left .productRecommended li span { *display:inline
}
#left .productRecommended li span a { color:#999 }
#left .aboutUs { padding:20px; color:#666; line-height:200% }
#left .aboutUs a { color:#666; text-decoration:none }
/*#left .aboutUs p { float:right; background:url(../images/green_bg.gif) 0 -123px repeat-x; padding:9px 9px 26px; margin:10px }*/
#left .aboutUs .fr { float:right; background:url(../images/green_bg.gif) 0 -123px repeat-x; padding:9px 9px 26px; margin:10px }
#left .aboutUs h1 { clear:both; border-top:#e5e5e5 1px solid; padding:10px; font-size:12px; font-weight:normal }
#left .aboutUs h1 img{ vertical-align:top; border:solid 1px #eee; padding:2px;}
#left .productList ul { overflow:auto; *display:inline-block
}
#left .productList li { float:left; display:inline; width:183px; background:#f9f9f9; padding:10px; margin:5px; vertical-align:bottom; position:relative; word-wrap: break-word }
#left .productList li img { float:left; border:#e5e5e5 4px solid; margin:0 10px 0 0 }
#left .productList li span { display:inline-block; position:absolute; left:115px; bottom:20px }
#left .productList li span { *display:inline
}
#left .productList li span a { color:#999 }
#left .productDetail .pic { overflow:auto; *display:inline-block
}
#left .productDetail .pic .left { width:250px }
#left .productDetail .pic .left .grayBorder { border:#ECECEC 2px solid }
#left .productDetail .pic .right { width:393px }
#left .productDetail .pic .right p { background:#F2F2F2; padding:5px 10px }
#left .productDetail .pic .right ul { padding:10px; color:#666 }
#left .productDetail .pic .right ul a { color:#666; text-decoration:none }
#left .productDetail .txt .subBar { background:#F4F4F4; padding:5px 10px; margin:10px 0 0; overflow:auto; *display:inline-block
}
#left .productDetail .txt .subBar b { float:left; font-weight:normal }
#left .productDetail .txt .subBar span { float:right }
#left .productDetail .txt .subCon { padding:10px; color:#666; text-indent:2em; }
#left .productDetail .txt .subCon a { color:#666; text-decoration:none }
#left .photo ul { overflow:auto; *display:inline-block
}
#left .photo li { float:left; width:33.2%; margin:10px 0; vertical-align:bottom; text-align:center }
#left .photo li img { display:block; border:#F0F0F0 1px solid; padding:1px; margin:0 auto }
#left .photo li b { font-weight:normal }
#left .feedback p { background:#F4F4F4; border-bottom:#fff 1px solid; padding:5px 10px; margin:5px 0 0 }
#left .feedback table { margin:0; color:#0E5FAA }
#left .feedback th { background:none; text-align:right; vertical-align:top }
#left .job p { padding:20px 10px 5px; overflow:auto; *display:inline-block
}
#left .job p b { float:left }
#left .job p b font { font-weight:normal }
#left .job p span { float:right }
#left .job th { text-align:right; vertical-align:top }
#left .jobDetail p { background:#F4F4F4; border-bottom:#fff 1px solid; padding:5px 10px; margin:5px 0 0 }
#left .jobDetail table { margin:0 }
#left .jobDetail th { text-align:right; vertical-align:top }
#left .merchandise input { color:#999 }
#left .contact p { padding:10px 0; font-weight:bold; text-align:center }
#left .contact li { border-bottom:#E2E2E2 1px solid; border-top:#fff 1px solid; background:#F6F6F6; padding:10px; vertical-align:bottom; overflow: hidden;zoom:1;}
#left .contact li b { float:left; width:212px; font-weight:normal; color:#666; text-align:right }
#left .contact li span { overflow:hidden;zoom:1;color:#666; }
#left .contact li span a { color:#666; text-decoration:none }
#left .contact li img{ border:solid 1px #eee; padding:2px;}
#left .trade li { margin:20px 0; overflow:auto; *display:inline-block
}
#left .trade li .left { width:111px; border:#F0F0F0 1px solid; text-align:center }
#left .trade li .right { width:510px; color:#666 }
#left .trade li .right h1 { line-height:200%; font-size:12px; color:#D4A013 }
#left .trade li .right h1 a { color:#D4A013 }
#left .trade li .right h1.s { color:#4BA80D }
#left .trade li .right h1.s a { color:#4BA80D }
#left .trade li .right h2 { background:#F4F4F4; padding:0 10px; margin:5px 0; line-height:200%; font-weight:normal; font-size:12px; overflow:auto; *display:inline-block
}
#left .trade li .right h2 b { float:left; font-weight:normal }
#left .trade li .right h2 span { float:right }
#left .trade li .right h3 { font-weight:normal; font-size:12px }
#left .trade li .right h4 { font-weight:normal; font-size:12px }
#left .trade p { padding:20px; color:#666 }
#left .trade p a { color:#666; text-decoration:none }
#left .trade p span { display:block; padding:40px 20px; text-align:right }
#left .picDetail p { padding:20px; color:#666; text-align:center }
#left .picDetail p b { color:#257900 }
#left .picDetail p img { display:block; margin:10px auto }
#left .picDetail p a { font-weight:bold; color:#EB8C10 }
#left .video { text-align:center }
#left .video b { display:block; margin:10px; font-weight:normal; color:#666 }
#left .case li { float:left; width:33.2%; margin:10px 0; vertical-align:bottom; text-align:center }
#left .case li img { display:block; border:#f5f5f5 5px solid; margin:0 auto }
#left .case li b { font-weight:normal }
#left .case li a:hover img { border:#e5e5e5 5px solid }
#left .certificate li { padding:10px; overflow:auto; *display:inline-block
}
#left .certificate li.s { background:#f5f5f5 }
#left .certificate li .left { width:120px }
#left .certificate li .right { width:391px }
#left .certificate li .right h1 { line-height:200%; font-weight:normal; font-size:12px; color:#D4A013 }
#left .certificate li .right h1 a { color:#D4A013 }
#left .certificate li .right h2 { line-height:200%; font-weight:normal; font-size:12px; color:#333 }
#left .certificate li .right h2 a { color:#333 }
#right { float:right; width:270px; background:#f7f7f7 }
#right .search { height:27px; background:url(../images/green_bg.gif) 0 -89px repeat-x; padding:6px 0 0 12px }
#right .search .text { width:195px; border:0; background:none }
#right .search .btn { margin:1px 0 0 5px }
#right .flash { margin:10px }
#right .flash .bar { background:url(../images/green_bg.gif) 0 -378px repeat-x; padding:0 0 0 20px }
#right .flash .con { background:url(../images/green_bg.gif) 0 -123px repeat-x; padding:9px 9px 26px; margin:5px 0 0 }
.weixin{ position:relative; width:232px; height:174px;}
.weixin p{position: absolute; bottom:3px; right:5px;  z-index:2;background:url(../../common/images/bg1.gif); width:76px; height:76px;}
.weixin p img{ margin:1px 0 0 1px; width:72px; height:72px;}
#right .menu { margin:10px }
#right .menu li b { display:block; background:#E6E6E6 url(../images/green_bg.gif) 10px -402px repeat-x; margin:2px 0; padding:4px 25px; *padding:5px 25px 3px;
font-weight:normal; zoom:1 }
#right .menu li.s b a { color:#1F995C }
#right .menu li ul { padding:5px 0 }
#right .menu li li { background:url(../images/green_bg.gif) 10px -427px repeat-x; margin:2px 0; padding:4px 25px }
#right .menu li li a { color:#257900 }
/************
 Foot Style
 ************/
#foot{clear:both; background:#CEDAE0; margin:10px 0 0}
#foot a { color:#555 }
#foot .footIn { width:950px; padding:20px 0; margin:0 auto; line-height:24px; text-align:left; color:#555; overflow:auto; *display:inline-block }
#foot .footLeft { float:left; width:260px; height:72px; background:url(../images/foot_company.gif) 67px 6px no-repeat; border-right:#B3C6D0 1px solid}
#foot .footMiddle { float:left; display:inline; width:560px; padding:0 0 0 20px; font-family:"ËÎÌå" }
#foot .footMiddle li { height:14px; padding:5px 0; line-height:14px; vertical-align:bottom }
#foot .footMiddle li img { vertical-align:middle }
#foot .footRight { float:right; display:inline; padding:30px 10px 0px 0px }
#foot .footRight a { font-weight:bold; color:#333 }
/************
 Page Style
 ************/
.newPage { clear:both; padding:20px 0; font-size:12px; font-family:Tahoma, Verdana, Simsun, Microsoft YaHei, Arial Unicode MS, Mingliu, Arial, Helvetica; color:#555; text-align:center }
.newPage select { vertical-align:bottom }
.newPage span, .newPage a { display:inline-block; border:#ccc 1px solid; background:#fff; margin:0 2px; padding:0 5px; line-height:160%; color:#555; vertical-align:middle }
.newPage span, .newPage a { *display:inline
}
.newPage a:hover, .newPage a.ondown, .newPage span.ondown { border:#9CCC3D 1px solid; background:#9CCC3D; color:#fff }
/************
 PicRolling Style
 ************/
.picRollingOut { border:#E4E4E4 1px solid; padding:1px; margin:10px 0 0 }
.picRollingOut .picRollingIn { height:130px; background:#FBFBFB; padding:10px }
.picRollingOut .picRollingLeftBotton { float:left; display:inline; width:7px; height:14px; background:url(../images/rolling_left_btn.gif) no-repeat; margin:50px 9px 0 0 }
.picRollingOut .picRollingRightBotton { float:right; display:inline; width:7px; height:14px; background:url(../images/rolling_right_btn.gif) no-repeat; margin:50px 0 0 9px }
.picRollingOut .picRollingConOut { float:left; display:inline; width:580px; border:#eee 1px solid; padding:10px; overflow:hidden }
.picRollingOut .picRollingConIn { width:100000px }
.picRollingOut #List1_1 { float:left }
.picRollingOut #List2_1 { float:left }
.picRollingOut .pl { float:left; display:inline; width:88px; margin:0 14px; color:#535353; text-align:center }
.picRollingOut .pl img { display:block; width:82px; border:#E6E6E6 1px solid; padding:2px; margin:0 0 2px }
.picRollingOut .pl b { display:block; background:#F4F4F4; font-weight:normal }
/* 2011-1-29 154 add */
.book_list{}
.book_list dl,.book_list dt,.book_list dd{ margin:0px; padding:0px; overflow:hidden;}
.book_list dl{ float:left;display:inline; width:110px;}
.book_list dt a img{ display:block; width:100px; height:73px; border: solid 5px  #f0f0f0; padding:0px; margin:0px;}
.book_list dt a:hover img{ border-color:#d3d3d3}
.book_list dd{text-align:center;}
.book_list dd a{ display:block;background:none; padding:5px;}
.book_list dl{ margin:21px 21px 0px 21px;}
/* banner flash */
.Fla{ display:inline-block;overflow:hidden;}
.Fla{ clear:both; display:block; margin:0px 0px 10px;}
/*barcode*/
.barcode{ width:930px; margin:0 auto; clear:both;}
.barcode .bar{ height:30px; line-height:30px; text-align:center; border-bottom:1px solid #E4E3D5; font-size:14px;}
.barcode ul{ padding:0px 0 0px; overflow:hidden;}
.barcode li{ width:25%; text-align:center; float:left;}
.barcode li img{ width:120px; height:120px; padding:4px; border:1px solid #ccc;}
#info .barcode li p{ padding:0; background:none;}