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

html { overflow-x:hidden; }
body { width:100%; margin:0; padding:0px; font-size:12px; color:#666; background:#fff; font-family:"微软雅黑"; }
div,img,form,h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; border:0px; }
a{ text-decoration:none; color:#666; }
a:hover { text-decoration:underline; color:#005cb9; }

h1{ font-size:30px; margin:0px; padding:0px; }
h2{ font-size:24px; margin:0px; padding:0px; }
h3{ font-size:20px; margin:0px; padding:0px; }
h4{ font-size:18px; margin:0px; padding:0px; }
h5{ font-size:16px; margin:0px; padding:0px; }
h6{ font-size:14px; margin:0px; padding:0px; }

#container { width:320px; margin:0 auto; overflow:hidden;  }
#welcome{ width:100%; height:30px; line-height:30px; border-bottom:1px solid #d9d9d9; overflow:hidden; }
#header{ width:100%; height:80px; overflow:hidden; }
#menu{ width:100%; overflow:hidden; }
#search {width:100%; margin:15px auto 0 auto; overflow:hidden; }
#banner {width:100%; margin:0 auto; overflow:hidden; }
#webmbx{ width:100%; height:45px; line-height:45px; background:#f2f2f2; overflow:hidden;  }
#mainContent{ width:100%; margin:0 auto; overflow:hidden; }
#links{ width:100%; overflow:hidden; }
#footer{width:100%; padding:10px 0; border-top:1px solid #ccc; overflow:hidden; }
.main{ width:100%; margin:0px; padding:0px 0px 0px 0px; overflow:hidden; }



.fixedwidth{ width:100%; margin:0; overflow:hidden; }
.autowidth{ width:100%; overflow:hidden; }

.mainfixedwidth{ width:100%; margin:0px; padding:0px; overflow:hidden; }

.sidebar{ width:100%; overflow:hidden; }
.content{ width:100%; overflow:hidden;  }
.autocontent{ width:100%; overflow:hidden;  }

.welcome_l{ clear:both; float:left; }
.welcome_r{ float:right; }
.welcome_r a{ margin-left:5px;}

.webmbx_l{ width:240px; height:45px; background:url(../images/bj_t2.png) no-repeat left center; text-indent:30px; font-size:20px; font-weight:bold; color:#3392d0; float:left; overflow:hidden; }
.webmbx_r{ width:700px; float:right; background:url(../images/bj_t21.png) no-repeat left center; text-indent:30px; font-size:20px; font-weight:bold; color:#000;  overflow:hidden; }

.mandatory{ color:#f00;}

.logo{ clear:both; float:left; overflow:hidden;  }
.lxfs{ height:44px; line-height:22px; float:right; padding-left:60px; margin-top:40px; background:url(../images/tel.jpg) no-repeat left top; font-size:14px; font-weight:bold; color:#000; }
.nav-wrap{ width:800px; height:36px; clear:both; float:left; overflow:hidden; }
.lang{ width:180px; height:36px; line-height:36px; float:right; background:url(../images/bj_m3.jpg) no-repeat left top; text-align:center; overflow:hidden; }
.lang a{ margin:0px 5px;}

.navmenu{ width:100%; overflow:hidden; }
.navmenu ul{ width:100%; list-style:none; margin:0; padding:0; }
.navmenu ul li{ width:25%; line-height:30px; float:left; }
.navmenu ul li a{  height:30px; display:block; font-size:14px; border-right:1px solid #fff; border-bottom:1px solid #fff; color:#fff; background:#0362c0; text-align:center; }
.navmenu ul li a:hover{ text-decoration:none; }
.navmenu ul li a.on{ background:#0b69cb; }

.mainbanner{height:125px;overflow:hidden; position:relative; margin-top:15px;}
.mainbanner_window{left:50%;width:320px;height:125px;overflow:hidden;margin-left:-160px;position:absolute;}
.mainbanner_window ul{width:999999px;height:125px;position:relative; list-style:none; margin:0px; padding:0px;}
.mainbanner_window li{background:rgb(204, 204, 204);width:320px;height:125px;text-align:center;font-size:0px;float:left;display:inline;}
.mainbanner_list{left:50%;top:100px;width:60px;height:20px;margin:0 0 0 -30px; padding:0; list-style:none;position:absolute; }
.mainbanner_list li{width:20px;height:20px;overflow:hidden;float:left;display:inline;}
.mainbanner_list a{background:url(../images/dian15.png) no-repeat center top;width:15px;height:15px;line-height:15px;overflow:hidden;text-align:center;color:rgb(255, 255, 255);font-size:12px;font-weight:700;float:left;display:inline-block;}
.mainbanner_list li.active a{background:url(../images/dian15.png) no-repeat center -15px;text-decoration:none;}
.mainbanner_list li a:hover{background:url(../images/dian15.png) no-repeat center -15px;text-decoration:none;}


.inslide{ width:100%; overflow:hidden; }

.search_l{ height:22px; line-height:22px; clear:both; float:left; color:#2e4895; overflow:hidden; }
.search_r{ width:312px; height:22px; float:right; background:url(../images/bj_search.jpg) no-repeat left top; overflow:hidden;  }
.search_l a{ margin:0px 5px;}

.sskey{ width:210px; height:22px; line-height:22px; border:0; background:none; margin-left:10px; float:left; color:#666; padding:0px; }
.ssbtn{ width:62px; height:22px; line-height:22px; text-align:center; color:#fff; font-size:12px; background:none; float:right;  border:0px; cursor:pointer; }





.blk_30 { OVERFLOW: hidden; width:100%;  ZOOM:1; POSITION: relative; }
.blk_30 .LeftBotton {	BACKGROUND: url(../images/lprev.png) no-repeat 0px 0px; LEFT: 0px; top:20px; FLOAT: left; WIDTH: 21px; CURSOR: pointer; POSITION: absolute;  HEIGHT: 23px}
.blk_30 .RightBotton {	RIGHT: 0px; top:20px; BACKGROUND: url(../images/lnext.png) no-repeat right 0px; FLOAT: right; WIDTH:21px; CURSOR: pointer; POSITION: absolute; HEIGHT: 23px}
.blk_30 .Cont { margin:0px 32px 0px 32px; OVERFLOW: hidden; padding-top:10px; WIDTH: 936px; height:57px; }
.blk_30 .box {	FLOAT: left; WIDTH:117px; height:57px; text-align:center; }
.blk_30 .box img{ padding:0px; border:1px solid #ccc; background:#fff; }
.rollphotos1 { WIDTH:100%; }


.foot_links{ width:100%; line-height:150%; font-size:12px; overflow:hidden;  }
.foot_links a{ margin-right:5px; }

.footcopr{ width:100%; clear:both; display:block; line-height:150%; margin-top:5px; overflow:hidden; }


.Index_bott{width:320px; height:63px; background:#0362c0; position:fixed; z-index:99; bottom:0px;}
.bott{margin:0px auto; padding:0px; width:280px; list-style:none;}
.bott li{float:left; width:70px; height:53px; line-height:30px;  text-align:center; padding-top:10px;}
.bott li a{width:100%; height:53px; text-align:center; line-height:30px;  display:block; color:#fff;}
.bott li:hover,.bott li a:hover{ background:#0b69cb; text-decoration:none; }

.fenye{ width:100%; line-height:150%; padding:10px 0; text-align:center;  overflow:hidden;  }

/*==============================================================================*/

.categories{ border:1px solid #015cb9; margin-top:10px; overflow:hidden;  }
.products{ margin-top:10px; overflow:hidden; }
.advantage{ width:999px; height:721px; margin-top:20px; overflow:hidden; }

.categories_new{ padding:5px 10px 10px 10px; overflow:hidden; }
.categories_new ul{ width:100%; list-style:none; margin:0; padding:0; }
.categories_new ul li{ width:48%; float:left; line-height:30px; margin-right:5px; border-bottom:0px dashed #ccc; background:url(../images/bj_s2.jpg) no-repeat left center; text-indent:12px; }

.products_new{ width:100%; overflow:hidden; }
.products_new ul{ width:360px; list-style:none; margin:0; padding:0; }
.products_new ul li{ width:100px; height:140px; float:left; margin-right:10px; margin-top:10px; }
.products_new ul li img{ width:98px;  height:98px; border:1px solid #ccc; }
.products_new ul li p{ margin:0; padding:0; line-height:150%; }

.advantage ul{ width:1050px; list-style:none; margin:0; padding:0; float:left; }
.advantage ul li{ width:499px; height:360px; float:left; border-right:1px dashed #ccc; border-bottom:1px dashed #ccc;}

.about{ width:100%; margin-top:10px; overflow:hidden; }

.news{ width:100%; margin-top:10px; overflow:hidden;  }


.about_index{ padding:10px 10px; border:1px solid #015cb9; border-top:0px; line-height:20px; overflow:hidden; }
.about_index p{ margin:0px; padding:0px; }


.news_new{ padding:10px; border:1px solid #015cb9; border-top:0; overflow:hidden; }
.news_new ul{ width:100%; list-style:none; margin:0; padding:0; }
.news_new ul li{ width:100%; line-height:30px; background:url(../images/ico1.jpg) no-repeat left center; text-indent:16px; }


.t1{ width:100%; height:30px; line-height:24px; padding:0; background:#015cb9; font-size:13px; text-align:left; text-indent:10px; color:#fff; overflow:hidden;  }
.t2{ width:100%; height:30px; line-height:30px; background:#015cb9; font-size:14px; font-weight:bold; text-indent:10px; color:#fff; overflow:hidden;  }
.t2 span{ float:right; margin-top:10px; margin-right:10px; }
.t4{ width:100%; height:45px; line-height:45px; background:url(../images/t_a.jpg) no-repeat left top; font-size:14px; font-weight:bold; text-indent:30px; color:#136aba; overflow:hidden;  }
.t4 span{ float:right; margin-top:15px; margin-right:15px; }
.t5{ width:100%; height:45px; line-height:45px; background:url(../images/t_n.jpg) no-repeat left top; font-size:14px; font-weight:bold; text-indent:30px; color:#136aba; overflow:hidden;  }
.t5 span{ float:right; margin-top:15px; margin-right:15px; }

.t3{ width:100%; height:62px; line-height:62px; background:url(../images/t2.jpg) repeat-x left top; margin-top:25px; text-align:center; font-size:24px; font-weight:bold; color:#fff; overflow:hidden;  }
.t6{ width:100%; height:30px; line-height:30px; background:url(../images/bj_links.jpg) no-repeat left center; text-indent:24px; margin-top:10px; font-size:14px; color:#333; overflow:hidden;  }

.t8{ width:100%; height:40px; font-size:20px; font-weight:bold; color:#193888;  }
.t8 span{ font-size:14px; font-family:Arial, Helvetica, sans-serif; margin-left:5px; }

.links_list{ padding:10px 0; background:url(../images/bj_links1.jpg) repeat-x left top; line-height:150%;  }
.links_list a{ margin-right:10px;}

.blk_29 { OVERFLOW: hidden;  height:264px; padding-top:18px; border:1px solid #d9d9d9; border-top:0px;  ZOOM:1; POSITION: relative; }
.blk_29 .LeftBotton {	BACKGROUND: url(../images/iprev.png) no-repeat 0px 0px; LEFT: 0px; top:90px; FLOAT: left; WIDTH: 25px; CURSOR: pointer; POSITION: absolute;  HEIGHT: 43px}
.blk_29 .RightBotton {	RIGHT: 0px; top:90px; BACKGROUND: url(../images/inext.png) no-repeat right 0px; FLOAT: right; WIDTH:25px; CURSOR: pointer; POSITION: absolute; HEIGHT: 43px}
.blk_29 .Cont { margin:0px 0px 0px 30px; OVERFLOW: hidden; WIDTH: 720px; height:250px; }
.blk_29 .box {	FLOAT: left; WIDTH:240px; height:250px; text-align:center; }
.blk_29 .box img{ width:220px; height:220px; border:1px solid #ccc; }
.blk_29 .box p{ margin:0px; padding:0px; line-height:30px; height:30px; text-align:center; overflow:hidden; }



/*==============================================================================*/

.outbox{ width:100%; overflow:hidden;    }
.left_title{ width:100%; font-size:14px; font-weight:bold; text-indent:12px; color:#154998; }

.mainbox{ margin-top:30px; border:1px solid #c9caca; background:#fff; overflow:hidden;   }

.sort{ margin-top:10px; overflow:hidden;  }

.sort_list{ width:100%; overflow:hidden; }
.sort_list ul{ width:100%; list-style:none; margin:0px; padding:0px; float:left; border-bottom:2px solid #0b69cb; }
.sort_list ul li{line-height:30px; float:left; }
.sort_list ul li a{ font-size:14px; padding:0px 5px; height:30px; background:#f3f3f3; margin-right:5px; color:#000; display:block;  }
.sort_list ul li.on a{ color:#fff; background:#0b69cb; }

.sort_list ul li ul{ width:100%; list-style:none; margin:0px; padding:0px; display:none; border-top:0; border-bottom:1px solid #d9d9d9; }
.sort_list ul li ul li{ width:100%; line-height:32px; float:left; background:url(../images/ico5.png) no-repeat 24px center; border-bottom:0;  }
.sort_list ul li ul li a{ height:32px; border-bottom:0; text-indent:40px; font-size:12px; }
.sort_list ul li.on ul{ display:block; }
.sort_list ul li.on ul li a{ background:none; color:#000; }
.sort_list ul li.on ul li a:hover{ color:#f00; }
.sort_list ul li.on ul li a.s_on{ color:#f00; }

.sort_list1{ width:100%; overflow:hidden; }
.sort_list1 ul{ width:100%; list-style:none; margin:0px; padding:0px; float:left; border-bottom:0px solid #0b69cb; }
.sort_list1 ul li{ width:100%; line-height:30px; float:left; }
.sort_list1 ul li a{ font-size:14px; width:100%; height:30px; text-indent:10px; background:#f3f3f3; margin-right:5px; color:#000; display:block;  }
.sort_list1 ul li.on a{ color:#fff; background:#0b69cb; }


.sort_list2{ width:100%; overflow:hidden; }
.sort_list2 ul{ width:100%; list-style:none; margin:0px; padding:0px; float:left;  }
.sort_list2 ul li{ width:100%; line-height:30px; border-bottom:1px solid #fff; float:left; }
.sort_list2 ul li a{ width:100%; font-size:14px; height:30px; background:#0b69cb; color:#fff; text-indent:10px; display:block;  }
.sort_list2 ul li.on a{ background:#304c95; }

.sort_list2 ul li ul{ width:100%; list-style:none; margin:0px; padding:0px; border-top:0; border-bottom:0px solid #d9d9d9;  }
.sort_list2 ul li ul li{ width:100%; line-height:30px; float:left; border-bottom:0;  }
.sort_list2 ul li ul li a{ height:30px; border-bottom:0; text-indent:38px; background:#f3f3f3; color:#000; font-size:12px; }
.sort_list2 ul li.on ul{ display:block; }
.sort_list2 ul li.on ul li a{ background:none; color:#000; }
.sort_list2 ul li.on ul li a:hover{ color:#f00; }
.sort_list2 ul li.on ul li a.s_on{ color:#f00; }


.pubcontact{ border-right:1px solid #d9d9d9; padding-top:25px;}
.contact_left{ line-height:200%; padding-right:5px; overflow:hidden; }


.channel{ width:100%; padding:60px 0px 0px 0px; overflow:hidden; }
.channel_left{ width:180px; clear:both; float:left;  overflow:hidden; }
.channel_right{ width:750px; float:right; overflow:hidden; }

.mbx{ width:100%; height:32px; line-height:32px; clear:both; display:block; background:url(../images/bj_mbx.png) no-repeat right bottom; margin-top:40px; text-align:right; color:#b9ad69; font-size:12px; overflow:hidden; }
.mbx a{  color:#b9ad69;  }

.sortlist{ width:176px; list-style:none; margin:0px; padding:0px; float:left; }
.sortlist li{ width:100%; line-height:29px; float:left; margin-top:5px; }
.sortlist li a{ width:100%; height:29px; display:block; text-align:center; color:#fff; background:url(../images/next.png) no-repeat left top; }
.sortlist li a:hover{ background:url(../images/nexton.png) no-repeat left top; color:#7c582e;}
.sortlist li a.on{ background:url(../images/nexton.png) no-repeat left top; color:#7c582e;}

.autotitle{ width:100%; height:60px; border-bottom:1px solid #715a5d; overflow:hidden;  }
.autotitle_c{ height:60px; line-height:60px; padding-left:30px; background:url(../images/ico8.png) no-repeat left center; font-size:24px; color:#baa469; float:right; overflow:hidden; }



.webdht{ width:100%; height:23px; background:url(../images/bj_mbx.png) no-repeat left top; }
.webdhtico{ width:100%; height:23px; line-height:23px; background:url(../images/ico6.png) no-repeat 5px center; text-indent:24px; overflow:hidden; }
.atitle{ width:100%; font-size:20px; font-weight:bold;  color:#000; text-align:center; overflow:hidden; }
.narticle{ width:100%; margin-top:15px; line-height:150%; overflow:hidden; }
.nline{padding:10px 0; text-align:center; background:url(../images/bj_links1.jpg) repeat-x left bottom;}

.sitenav{ height:36px; line-height:36px; color:#00588f; border-bottom:1px solid #729cbb; background:url(../images/ico2.png) no-repeat left center; text-indent:10px; }
.sitenav a{ color:#00588f; }

.menutitle{ width:100%; margin-top:15px; font-size:18px; color:#015797; font-weight:bold; }

.mainlist{ width:100%; padding:10px 0; overflow:hidden;   }
.article{ width:100%; padding:10px 0; overflow:hidden;  }
.inarticle{ line-height:150%; padding:30px 12px; overflow:hidden;  }

.article p:first-child{ margin:0; padding:0; }

.customerslist{ width:1050px; list-style:none; margin:0; padding:0;}
.customerslist li{ width:240px; height:145px; float:left; margin-top:30px; margin-right:20px; }
.customerslist li p{ margin:8px 0 0 0; padding:0px; text-align:center; }

.zzzslist{ width:1050px; list-style:none; margin:0; padding:0;}
.zzzslist li{ width:180px; height:270px; float:left; margin-top:30px; margin-right:30px; }
.zzzslist li p{ margin:8px 0 0 0; padding:0px; text-align:center; }

.nlist{ width:100%; list-style:none; margin:0px 0px 0px 0px; padding:0px; }
.nlist li{ float:left; width:100%; padding:10px 0px; background:url(../images/bj_links1.jpg) repeat-x left bottom; }
.nlist li:first-child{ padding:0 0 10px 0; }
.nlist li span{ float:right; }
.nlist li p{ margin:5px 0 0 0; padding:0; line-height:150%;}
.nlist li a{ color:#0361c0; font-size:14px; }
.nlist li a:hover{ text-decoration:underline; color:#f00;}

/*.nlist li dl{ width:100%; margin:0px; padding:0px; }
.nlist li dl dt{ width:125px; height:100px; float:left; }
.nlist li dl dd{ width:660px; float:right; margin:0px; padding:0px;  }
.nlist li dl dd p{ margin:5px 0px 0px 0px; padding:0px; line-height:150%; color:#a14917; }*/

.plist{ width:360px; list-style:none; margin:0; padding:0px; }
.plist li{ width:100px; height:140px; float:left; margin-right:10px; margin-top:10px;}
.plist li img{ border:1px solid #d9d9d9; width:98px; height:98px; }
.plist li p{ margin:0; padding:0; line-height:150%; text-align:left; }
/*.plist li dl{ width:100%; margin:0px; padding:0px; }
.plist li dl dt{ width:150px; height:150px; float:left; }
.plist li dl dd{ width:630px; float:right; margin:0px; padding:20px 0 0 0;  }
.plist li dl dd p{ margin:5px 0px 0px 0px; padding:0px; line-height:150%; color:#a14917; }*/






.webdetail{ width:100%; height:36px; line-height:36px; background:url(../images/bj_d1.png) repeat-x left bottom; padding-top:20px; font-size:14px; font-weight:bold; color:#fff; overflow:hidden; text-indent:10px; }

.newspage{ width:100%; padding:5px 0; overflow:hidden; color:#f00; font-weight:bold; }
.prevpage{ width:100%; margin-top:10px; }
.nextpage{ width:100%; margin-top:10px; }

.pubshare{ clear:both; float:left; padding:10px 0; overflow:hidden;  }

.articlekey{ width:100%; padding-top:10px; clear:both; color:#000; }
.articlekey a{ margin-right:5px; }



.piclist{ width:1020px; list-style:none; margin:0px; padding:0px; }
.piclist li{ width:330px; height:275px; float:left; margin-right:5px; margin-top:20px; background:url(../images/box_products.jpg) no-repeat left top; text-align:center; overflow:hidden; }
.piclist li img{ width:328px; height:230px; margin:1px 1px; }
.piclist li p{ margin:0px; padding:0px; height:30px; line-height:30px; }

.textinp{ width:160px; height:20px; border:1px solid #d9d9d9; color:#666; line-height:20px;  }
.textval{ width:80px; height:20px; border:1px solid #d9d9d9; color:#666; line-height:20px;  }

.subinp{ width:72px; height:20px; line-height:20px; border:0px; background:url(../images/btn.png) no-repeat center top; color:#fff; cursor:pointer; }

.product_f{ width:100%; overflow:hidden; }
.product_f_pic{ width:100%; float:left; overflow:hidden; }
.product_f_pic img{ width:318px; height:318px; border:1px solid #d9d9d9;}
.product_f_info{ width:100%; margin-top:0px; overflow:hidden; }
.product_f_buy{ width:100%; float:right; margin-top:10px; overflow:hidden; }
.product_f_buy a{ width:140px; height:40px; line-height:40px; background:url(../images/btn5.png) no-repeat left top; display:block; text-align:center; font-size:16px; color:#fff; }
.product_f_buy a:hover{ background:url(../images/btn6.png) no-repeat left top; text-decoration:none; }


.prodet{ width:100%; height:28px; line-height:28px; text-indent:20px; font-size:14px; font-weight:bold; color:#fff; background:url(../images/t9.jpg) no-repeat left top; margin-top:15px; overflow:hidden; }

.ptitle{ font-size:20px; font-weight:bold; color:#000;  }
.xxsm{ width:100%; margin-top:10px; clear:both; float:left; font-size:18px; font-weight:bold; border-bottom:1px solid #bfd4e9; padding-bottom:10px; }

.maintitle{ width:100%; font-size:24px; line-height:150%; color:#000; }
.profile{ width:100%; margin-top:10px; line-height:200%; overflow:hidden; }
.probq{ width:100%; margin-top:20px; overflow:hidden; }
.probq ul{ list-style:none; margin:0px; padding:0px; }
.probq ul li{ width:120px; height:28px; background:url(../images/bj_Tags.png) repeat-x left top; text-align:center; color:#000; margin-top:2px; float:left; margin-right:2px; overflow:hidden;   }

.xgcp{ width:100%; overflow:hidden; }
.xgcpt{ width:100%; color:#ffce70; font-size:14px; overflow:hidden; }
.xgcplist{ width:100%; margin-top:20px; overflow:hidden; }
.xgcplist ul{ width:1040px; list-style:none; margin:0px; padding:0px; }
.xgcplist ul li{ width:232px; height:255px; float:left; display:inline; margin-right:25px;   }
.xgcplist ul li img{ width:200px; height:150px; border:1px solid #98851c; background:#fff; padding:15px;}
.xgcplist ul li p{ margin:20px 0px 0px 0px; padding:0px; height:50px; display:block; line-height:150%; background:url(../images/pline.png) no-repeat center bottom; text-align:center; }
.xgcplist ul li p a{ color:#c2bc94;}

#preview{ clear:both; float:left; margin:0px; text-align:center; overflow:hidden; }

/*jqzoom*/
.jqzoom{position:relative;padding:0; border:0px solid #c5c5c5;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}

#spec-n5{width:350px; height:56px; padding-top:6px; overflow:hidden; position:relative; display:block; float:left; }
#spec-left{ background:url(../images/left.gif) no-repeat; width:10px; height:45px;  position:absolute; left:0px; top:6px; cursor:pointer; margin-top:5px; overflow:hidden; }
#spec-list{ width:310px; height:56px; margin:0px 0px; position:absolute; left:20px; top:6px;  overflow:hidden; }
#spec-right{background:url(../images/right.gif) no-repeat; width:10px; height:45px; position:absolute;  right:0px; top:6px; cursor:pointer; margin-top:5px; overflow:hidden; }

#spec-list ul{ list-style:none; margin:0px; padding:0px; }
#spec-list ul li{ float:left; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px; cursor:pointer;}

#spec-list{  /*width:310px;*/ }
#spec-list div{ /*margin-top:0;margin-left:-30px; *margin-left:0;*/}




#code,#code_hover,#gotop{ width:36px; height:48px; background:url(../swf/icon.png) no-repeat; position:fixed; right:20px; cursor:pointer;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
#code{ background-position:-276px -258px; bottom:100px; _margin-bottom:120px;}
#code_hover{ background-position:-316px -258px; bottom:100px; _margin-bottom:120px;}
#code_out {display:none;}
#gotop{ background-position:-276px -310px; bottom:47px; _margin-bottom:67px;} 

#code_img{ width:230px; height:230px; background:url(../swf/erwei.png) 0px 0px no-repeat; position:fixed; right:60px; bottom:47px; cursor:pointer; display:none;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); _margin-bottom:67px;}