/*全局部分*/
*{margin:0;padding:0;}
body,input,select,button{font-family:"Lucida Grande", Verdana, Lucida, Arial,sans-serif;font-size:10px;color:#333;}
body{background:#fff;text-align:center;min-width:800px;}
table{font-size:10px;}
img{border:0;}
ul{list-style-type:none;}
fieldset{margin:5px;padding:5px;border:1px solid #ccc;overflow:hidden;border-top-width:3px;}
button{padding:0 10px;margin:0 5px;}
.minButton button{padding:0;margin:0 4px;}
a{font-size:10px; text-decoration:none;color:#333;}
a:hover{color:#00f;}
.underline a{color:#00f;text-decoration:underline;}
.underline a:hover{text-decoration:none;}
.ico{font-family:Wingdings;padding-right:2px;color:#ccc;}
.absoluteRight{position:absolute;right:5px;bottom:0;}
.alignRight{padding:0 10px;text-align:right;}
.alignCenter{text-align:center;margin:0 5px;}
.content{padding:5px;line-height:20px;}
.guide_bg{width:100%;background:#efefef;margin:10px 0;line-height:20px;position:relative;color:#999;}
.guide_bg a{margin-left:5px;}
.border_lrb{border:1px #808080 solid;border-top:none;}
.border_dashed{ border:1px #999 dashed;padding:0 5px;}
.red{color:#c00;}
.gray{color:#999;}
.tel{background:url(Img/tel2.gif) no-repeat 0 50%;padding-left:20px;}
.fax{background:url(Img/fax.gif) no-repeat 0 50%;padding-left:20px;}
.mobile{background:url(Img/mobile.gif) no-repeat 0 50%;padding-left:20px;}
.msn{background:url(Img/msn.gif) no-repeat 0 50%;padding-left:20px;}

.tabpic{width:575px;background:#ccc;margin:0 auto;}
.tabpic td{text-align:center;background:#fff;padding:3px;}
.tabpic img{display:block;max-width:120px;max-height:90px;margin:0 auto;}
* html .tabpic img{width:120px; height:auto;}
.tabpic a{color:#00f;}

#paihang{margin-top:2px;font-size:11px;}
#paihang h4{background:#808080 url(skin/12/title_left.gif) no-repeat;line-height:25px;padding-left:25px;border-bottom:1px solid #808080;font-size:10px;}
#paihang ul{border:1px solid #808080;line-height:18px;border-top-color:#ccc;}
#paihang li{height:18px;padding-left:2px;position:relative;border-bottom:1px dashed #ccc;}
#paihang li:hover{background:#fff5fa;}
#paihang li div{width:14px;background:#999;position:absolute;top:2px;color:#ff0;text-align:center;font-size:9px;line-height:14px;}
#paihang li.p1 div,#paihang li.p2 div,#paihang li.p3 div{background:#f60;}
#paihang li a{font-size:11px;margin-left:18px;}
#paihang li span{background:#fff;position:absolute;bottom:0;right:2px;color:#900;font-size:9px;}
/*header*/
#header{background:#fff url(Skin/12/head_bg.jpg) repeat-x;}
#topArea{width:800px;padding-top:35px;margin:0 auto;position:relative;text-align:left;}
#topArea .logo{width:200px;height:55px;position:relative;overflow:hidden;}
#topArea .logo div{width:200px;height:55px;background:url(Skin/12/logo.gif) no-repeat;position:absolute;left:0;top:0;}
#topArea .logo h1{font-size:18px;font-weight:bold;}
#topArea .favorite{width:800px;position:absolute;top:1px;left:0;line-height:24px;font-size:10px;}
#topArea .favorite a{margin:0 2px;font-size:10px;}
#topArea .favorite a:hover{text-decoration:underline;color:#666;}
#topArea .date{width:560px;text-align:right;font-size:10px;position:absolute;right:5px;bottom:16px;}
#topArea .lan{width:150px;height:22px;background:url(Skin/12/lan_bg.gif) no-repeat;position:absolute;right:0;bottom:0;text-align:center;line-height:25px;overflow:hidden;}
#topArea .lan a{text-align:center;padding:0 5px;font-size:11px;color:#fff;}
#topArea .lan a:hover{color:#ff0;}
#nav{width:800px;height:26px;background:url(Skin/12/nav_bg.gif);margin:0 auto;overflow:hidden;}
#nav span{float:left;padding-right:2px;background:url(Skin/12/nav-bg-right.gif) no-repeat right top;line-height:26px;}
#nav .home{background:url(Skin/12/nav_bg_left.gif) no-repeat;}
#nav .Contact{background:url(Skin/12/nav_bg_right.gif) no-repeat top right;padding:0;}
#nav a{width:86px;color:#efefef;font-size:12px;display:block;font-weight:bold;}
#nav a:hover{background:url(Skin/12/nav_bg_a_h.gif) repeat-x;color:#333;}
#nav .home a{width:90px;}
#nav .home a:hover{background:url(Skin/12/nav_bg_left.gif) no-repeat 0 -26px;}
#nav .Contact a{width:92px;}
#nav .Contact a:hover{background:url(Skin/12/nav_bg_right.gif) no-repeat right -26px;}
#home #nav .home a{background:url(Skin/12/nav_bg_left.gif) no-repeat 0 -26px;color:#333;}
#Contact #nav .Contact a{background:url(Skin/12/nav_bg_right.gif) no-repeat right -26px;color:#333;}
#aboutUsPage #nav .aboutUsPage a,#newsPage #nav .newsPage a,#productPage #nav .productPage a,#Video #nav .Video a,#downPage #nav .downPage a,#memberPage #nav .memberPage a,#feedbackPage #nav .feedbackPage a,#marketPage #nav .marketPage a{background:url(Skin/12/nav_bg_a_h.gif) repeat-x;color:#333}

/*body*/
#mainBody{width:800px;margin:2px auto;text-align:left;overflow:hidden;}
#affiche{height:18px;border:1px #808080 solid;border-bottom:none;line-height:18px;padding:1px;overflow:hidden;}
#affiche span{background:#808080;padding:3px 10px 2px 10px !important;padding:3px 10px 0 10px;color:#fff;}
#affiche li{float:left;}
#affiche li em{color:#900;}
#affiche a{margin:0 10px;padding:0 5px;color:#808080;}
#affiche a:hover{text-decoration:underline;}
#afficheShow{width:650px;border:1px #ccc solid;margin:10px auto;background:#fff;}
#afficheShow h1{background:#9c3;color:#fff;padding-left:10px;font-size:18px;}
#userLogin{height:20px;padding:0 5px;border:1px #808080 solid;position:relative;line-height:20px;}
#userLogin label{padding:0 5px;}
#userLogin input{margin-right:10px;width:130px;}
#userLogin #login,#userLogin #reset{width:80px;}
#userLogin strong{padding:0 10px;color:#f60;}
#userLogin span{position:absolute;right:0;top:0;}
#userLogin span a{margin:0 5px;}

#bodyLeft{width:200px;float:left;}
.left_title{background:#ccc url(skin/12/title_left.gif) no-repeat;line-height:25px;margin-top:5px;padding-left:25px;border-bottom:1px solid #808080;}
.left_title span{color:#f00;}
.left_content{padding:2px 0 5px 5px;line-height:20px;}
.big_tree a{display:block;}
.big_tree li{margin-top:2px;border:1px solid #808080;}
.big_tree li h3 a{height:24px;background:url(skin/12/navList_bg.gif) repeat-x left top;line-height:24px;padding-left:5px;}
.big_tree li h3 a:hover{background-position:0 -24px;}
.big_tree li.current{border-top-width:3px;}
.big_tree li.current h3{background:url(skin/12/dot_yellow.gif) no-repeat 95% 50%;}
.big_tree li.current h3 a{background-position:left bottom;color:#f60;}
.small_tree li{height:20px;border:none;border-top:1px dashed #fff;line-height:20px;padding-left:5px;}
.small_tree li a{height:20px;display:block;padding-left:5px;}
.small_tree li a:hover{background:#fff url(images/M.gif) no-repeat right 50%;}
.tuChu{background:#fff url(images/M.gif) no-repeat right 50%;color:#f60;font-weight:bold;}
.product_fenlei{height:20px;background:#c2eca7;border:1px solid #808080;border-top:none;line-height:20px;}
.product_fenlei a{background:url(img/arrow.gif) no-repeat 2% 50%;padding-left:18px;color:#333;font-weight:bold;display:block;}
.product_fenlei a:hover{color:#f60}

#bodyRight{width:590px;float:right;margin-top:6px;border:1px solid #808080;}
#home #bodyRight{border:none;}
.right_title{height:20px;background:url(skin/12/title_bg.gif) repeat-x;font-size:10px;border-bottom:1px solid #808080;position:relative;}
.right_title span{background:#fff;position:absolute;bottom:-1px !important;bottom:-2px;left:10px;border:1px solid #808080;border-bottom:none;padding:0 20px;}
#flash{text-align:center;}
/*index_tab*/
#tab_title{height:23px;background:url(skin/12/title_bg.gif) repeat-x;border:1px solid #808080;margin-top:2px;overflow:hidden;}
#tab_title li{float:left;margin-top:3px;margin-left:5px;}
#tab_title a{width:80px;height:20px;display:block;text-align:center;line-height:16px;}
#tab_title a:hover{color:#fff;}
.tabTitle{background:url(skin/12/tab_title_bg.gif) no-repeat center bottom;color:#fff;}
#tab_list1{height:130px;border:1px solid #808080;border-top-color:#ccc;}
#tab_list1 table{width:100%;border-spacing:1px;font-size:10px;}
#tab_list2,#tab_list3{height:130px;display:none;border:1px solid #808080;border-top-color:#ccc;}

.listTitle{background:#edf5ff;color:#999;text-align:center;}
.productList{text-align:center;line-height:20px;}
tr.productList:hover{background:#edf5ff;}
.productList td{border-bottom:1px dashed #ccc;white-space:nowrap;overflow:hidden;}
#tab_list2 li.list,#tab_list3 li.list{background:url(images/vicn_55.jpg) no-repeat 3px center;padding-left:16px;border-bottom:1px #999 dashed;height:25px;line-height:25px;position:relative;}
#tab_list2 li.list:hover,#tab_list3 li.list:hover{background:#edf5ff url(images/vicn_55.jpg) no-repeat 5px center;padding-left:16px;}
#tab_list2 li.list span.date,#tab_list3 li.list span.date{color:#999;position:absolute;right:5px;bottom:0;font-size:9px;}

#newProduct{border:1px solid #808080;text-align:center;margin-top:5px;}
#newProduct h4{height:20px;background:url(skin/12/title_bg.gif) repeat-x;font-size:10px;border-bottom:1px solid #808080;position:relative;}
#newProduct h4 span{width:150px;background:#fff;position:absolute;bottom:-1px !important;bottom:-2px;left:5px;border:1px solid #808080;border-bottom:none;}
#newProduct #scroArea{width:585px;height:125px;overflow:hidden;}
#newProduct .margin{margin:5px 0;}
#newProduct .newProductList{width:120px;height:110px;border:#ccc 1px solid;text-align:center;position:relative;overflow:hidden;}
#newProduct div.newProductList:hover{border-color:#9c3;}
#newProduct img{margin:5px 0;}
#newProduct span{background:#efefef;width:100%;white-space:nowrap;overflow:hidden;position:absolute;bottom:0;left:0}
#aboutMe{border:1px solid #808080;margin-top:5px;}
#aboutMe h2{height:20px;background:#edf5ff url(skin/12/title_bg.gif) repeat-x 0 -4px;border-bottom:1px solid #ccc;padding-left:5px;line-height:20px;font-size:10px;}
#aboutMe p{padding-left:5px;text-indent:2em;line-height:18px;}
/*ProductShow*/
#productShow{width:100%;position:relative;overflow:hidden;margin-bottom:5px;}
#productShow .img{background:#ccc;float:left;text-align:center;margin-left:8px;display:inline;}
#productShow .img div{width:200px;background:#fff;border:1px #808080 solid;position:relative;bottom:2px;right:2px;padding:5px;margin-top:2px}
#productShow .img div a{color:#00f;display:block;}
#productShow .img div a:hover{color:#f00;text-decoration:underline;}
#productShow .cansu{width:350px;float:left;line-height:22px;margin-left:5px;}
#productShow .cansu h2{width:350px;line-height:30px;font-size:20px;position:relative;}
#productShow .cansu span{color:#999}
#productShow .cansu h2 span{position:absolute;top:0;color:#f60;margin-left:5px;font-size:10px;line-height:14px;}
#productShow .addcar{margin-top:15px;}
#pShow_btn{width:350px;height:25px;position:absolute;bottom:0;right:5px;overflow:hidden;border-bottom:1px solid #808080;}
#pShow_btn li{margin-left:2px;float:right;}
#pShow_btn a{width:100px;background:url(skin/12/button_bg.gif) no-repeat 0 5px;display:block;color:#036;text-align:center;font-weight:bold;line-height:29px;}
#pShow_btn a:hover{color:#f00; background-position:0 0;line-height:25px;}
#productContent{padding:5px;line-height:20px;}
#productContent h3{border-bottom:1px solid #efefef;font-size:10px;margin-bottom:10px;padding:5px 0;color:#c60}
#productContent h3 span{padding-right:15px;font-weight:normal;}
#productContent .fujian{border:1px solid #ccc;padding:1px;}
#productContent .fujian strong{display:block;background:#efefef;padding-left:5px;}
#productContent .fujian a{background:url(img/fujian.gif) no-repeat left center;padding-left:18px;color:#00f;line-height:22px;}
#productContent .fujian a:hover{text-decoration:underline;}
#nextProduct{margin-bottom:10px;clear:both;}
#nextProduct a{text-decoration:underline;color:#9c3;}
#nextProduct a:hover{text-decoration:none;}
#tj_product{padding:10px 0 0 5px;border-top:1px solid #808080;position:relative;}
#tj_product h3{background:#fff;position:absolute;left:8px;top:-14px !important;top:-12px;color:#f8b3d0;border:1px solid #808080;border-bottom:none;font-size:10px;padding:0 10px;}
#tj_product ul{width:575px;overflow:hidden;}
#tj_product li{width:187px;float:left;margin:2px;display:inline;}
#tj_product li a{height:34px;background:#fff;display:block;border:1px dashed #f8b3d0;color:#999;overflow:hidden;}
#tj_product li a:hover{border-style:solid;}
#tj_product li img{float:left;margin:2px;}
#tj_product li h4{font-size:10px;white-space:nowrap;}
#tj_product li h5{font-size:10px;font-weight:normal;white-space:nowrap;}
/*product*/
.product{width:100%;position:relative;border-bottom:1px #ccc solid;overflow:hidden;padding:10px 0 5px 0;text-align:left;}
.product .leftImg{width:150px;float:left;text-align:center;overflow:hidden;}
.product .leftImg a{height:150px;background:url(skin/12/pic_border.gif) no-repeat;display:block;padding:5px;}
* html .product .leftImg a{height:160px;} /*IE6 height error*/
.product .leftImg a:hover{background-position:-150px 0;}
.product .cansu{float:left;line-height:20px;margin-left:10px;}
.product .cansu span{color:#999;}
.product .cansu h4 a{padding-left:10px;background:url(img/dot_left.gif) no-repeat 2px 50%;}
.product .cansu h4 a:hover{background-position:0 50%;text-decoration:underline;color:#f60;}
.product .cansu strong{position:absolute;top:5px;}
.product a.ch{margin-left:10px;text-decoration:underline;color:#666;font-size:10px;}
.product a.ch:hover{color:#00f;text-decoration:none;}
.product .select{position:absolute;bottom:5px;right:5px;border:1px #efefef solid;padding:0 2px;}
.product li.select:hover{border:1px #9c3 solid;}
#productDTable{width:100%;margin:0 auto;}
#productDTable td{padding:4px;}
.productD{width:130px;height:145px;background:url(skin/12/pic_border_D.gif) no-repeat;overflow:hidden;text-align:center;position:relative;}
div.productD:hover{background-position:-130px 0;}
.productD img{margin-top:2px;}
.productD input{position:absolute;top:2px;left:2px;}
.productD .title{width:126px;height:20px;background:#ccc;position:absolute;bottom:2px;left:2px;line-height:20px;white-space:nowrap;overflow:hidden;text-align:center;}
.productD .title a{font-size:11px;}
.productD .title a:hover{color:#f00;}
#productClass{margin:10px 5px;}
#productClass h2{height:25px;background:url(Skin/12/title_left_2.gif) no-repeat;padding-left:8px;line-height:25px;}
#productClass h2 a{font-size:14px;}
#productClass div{height:20px;line-height:20px;border:1px solid #808080;}
#productClass a{margin:5px 10px;}
#productClass a:hover{text-decoration:underline;}
#addCar{width:100%;position:relative;}
#addCar input{margin-left:5px;}
#addCar span{position:absolute;right:15px;}
.productSearchLeft select{margin-top:3px;}
.productSearchLeft .gray{width:120px;}
/*down*/
#download{width:100%;padding-bottom:5px;border-bottom:1px #ccc solid;position:relative;line-height:20px;}
#download ul{padding-left:10px;}
#download span{color:#999;}
#download h2 a{margin-left:5px;}
#download .addDate{position:absolute;right:5px;top:0;}
#download li.view{position:absolute;bottom:5px;right:0;}
#download li.view a{border:1px #efefef solid;padding:0 5px;margin:0 5px;}
#download li.view a:hover{border:1px #00f solid;}
#downShow{width:100%;position:relative;padding:0 0 10px 10px;}
#downShow li{line-height:22px;}
#downShow li h2{font-size:14px;}
#downShow li span{color:#999;}
#downShow li a{background:url(images/d_d.gif) no-repeat 0 50%;padding-left:15px;}
#downShow li.img{width:150px;text-align:center;border:1px solid #ccc;position:absolute;right:10px;top:10px;}

#feedBack p{padding-top:5px;}
#feedBack label{width:105px;float:left;}
#feedBack legend{font-weight:bold;color:#999;}
#feedBack input{width:200px;}
#feedBack em{color:#f00;margin-left:5px;}
#feedBack span{color:#aaa;padding-left:10px;}
#feedBack .radio input{width:30px;}
#feedBack .radio label{width:10px;float:none;}
#feedBack .radio label.unDo{width:105px;float:left;}
#feedBack .vcode{padding:0 0 0 8px;}
#feedBack .vcode input{width:60px;font-weight:bold;}
#feedBack .vcode img{vertical-align:middle;}
#feedBack .submit{padding:5px;}
#feedBackView{width:auto;position:relative;margin:10px 5px;}
#feedBackView .title{background:#edf5ff;padding-left:5px;font-weight:bold;}
#feedBackView .userName{color:#f60;padding-right:15px;}
#feedBackView .date{position:absolute;top:0;right:10px;color:#999;}
#feedBackView .content{border:1px solid #edf5ff;color:#666;}
#feedBackView .re{color:#760000;border:1px solid #efefef;padding:5px;background:#edf5ff;}
#feedBackView .re span{position:absolute;right:5px;}
.viewFeedback{margin-left:15px;color:#c00;}
#honor{width:130px;height:175px;border:#ccc 1px solid;overflow:hidden;text-align:center;position:relative;}
#honor img{margin-top:3px}
#honor h2{width:160px;font-size:14px;line-height:18px;background:#efefef;position:absolute;bottom:0;left:0;}
.news{width:98%;margin:0 auto;}
.news h2{margin:10px 0 0 5px;font-size:13px;}
.news li{width:98%;background:url(images/vicn_55.jpg) no-repeat 3px 50%;padding-left:15px;line-height:22px;border-bottom:1px dashed #ccc;position:relative;}
.news li .newsDate{position:absolute;right:5px;color:#999;font-size:9px;}
.news li:hover{background:#edf5ff url(images/vicn_55.jpg) no-repeat 5px 50%;}
.news li.moreInfo{text-align:right;background:none;border:none;}
.news li.moreInfo a{color:#999;font-weight:bold;text-decoration:underline;margin-right:5px;font-size:9px;}
.news li.moreInfo a:hover{text-decoration:none;}
#showNews{padding:5px;}
#showNews h2{font-size:14px;text-align:center;}
#showNews div.border_dashed{text-align:center;margin:5px;}
#showNews div.border_dashed a{color:#00f;}
#showNews p{line-height:25px;}
#showNews p a{color:#369;text-decoration:underline;}
#showNews p a:hover{color:#f00;}
#cultureShow{margin:10px;padding:5px;line-height:20px;}
#cultureShow h2{text-align:center;line-height:25px;font-size:14px;}

#hotNews li{background:url(img/list_img_black.gif) no-repeat 0 50%;padding-left:8px;}
#hotNews a:hover{text-decoration:underline;}
#userCenter{margin:15px 5px 5px;line-height:20px;}
#userCenter label{padding:0 5px;}
#userCenter input#userName,#userCenter input#password{width:125px;}
#userCenter p{text-indent:2em;}
#userOrder{width:100%;}
#userOrder caption{font-size:13px;font-weight:bold;text-align:left;padding-left:5px;margin-top:15px;}
#userOrder th{background:#edf5ff;color:#999;font-size:13px;text-align:center;}
#userOrder .list{text-align:center;line-height:20px;}
#userOrder .list:hover{background:#fff5fa;}
#userOrder .list td{border-bottom:1px dashed #ccc;}
#userOrder .list a{color:#900;}
#userOrder .list a:hover{text-decoration:underline;}
#aboutUs h2{background:#edf5ff url(images/top_go.gif) no-repeat 0 50%;font-size:11px;padding-left:20px;margin-top:10px;}
#aboutUs h2 a{font-size:11px;}
#aboutUs p{color:#999;line-height:20px;font-size:11px;}
#aboutUs p a{margin:0 5px;font-size:11px;}
/*map*/
.map_sm{background:#f4f4fb;padding-left:5px;color:#f00; border-top:1px solid #999;text-align:center;}
#ms_map{width:580px;height:300px;border:0;}
/*foot*/
#footer{width:800px;background:#edf5ff;margin:0 auto;text-align:left;position:relative;}
#footer .fRight{width:760px;text-align:right;position:absolute;top:-1px;right:0;line-height:15px;}
#footer .fRight span{margin-right:15px;color:#333;}
#footer .fRight a{color:#333;margin:0 5px;font-size:9px;}
#footer .fRight a:hover{color:#9c3;}
#footer .friendLink{overflow:hidden;}
#footer .friendLink li.list{height:18px;background:#efefef url(skin/12/arrow_down_g.gif) no-repeat 8px -5px;line-height:18px;border-top:1px solid #9c3;}
#footer .friendLink a{margin:0 10px;color:#9c3;}
#footer .friendLink a:hover{color:#333;}
#footer .friendLink span{padding:0 5px;background:#9c3;color:#fff;}

#copyRight{width:800px;background:url(Images/bottom_bg.gif) repeat-x;margin:0 auto;overflow:hidden;}
#copyRight .cLeft{width:100px;height:80px;background:url(Images/Bottom_L.gif) no-repeat;padding-top:15px;float:left;text-align:left;padding-left:10px;}
#copyRight .cRight{width:690px;height:80px;background:url(Images/Bottom_R.gif) no-repeat right bottom;float:right;}
#copyRight .cRight div{background:url(skin/12/ms_by.png) no-repeat right cente !important;background:url(skin/12/ms_by.gif) no-repeat right center;overflow:hidden;line-height:20px;text-align:left;padding-top:10px;}

/*gads*/
#gads_c{width:250px;float:left;margin-right:5px;display:inline;}
#gads_c div{width:100%;position:relative;}
#gads_c a{position:absolute;right:5px;top:0;color:#f00;display:block; cursor:pointer;}
.gads_link_bodyLeft{border:1px solid #808080;padding:2px 0 5px 20px;margin-top:1px;}

/*MSN online*/
#rightmsn{width:163px;height:177px;background:url(Skin/12/msnonline_bg.png) no-repeat !important;background:url(Skin/12/msnonline_bg.gif) no-repeat;overflow:hidden;position:absolute;}
#rightmsn .mtop{height:88px !important;height:93px;}
#rightmsn #drag{position:absolute;right:5px;top:55px;}
#rightmsn a{width:120px;display:block;border:1px solid #333;margin:5px 5px 5px 33px;}
#rightmsn a:hover{border:1px solid #f00;}

#msnonline{height:300px;position:absolute;border: solid 1px #bbe1f1; min-width:9px;}
* html #msnonline{height:12px;}
#msnonline .title{width:9px;height:300px;background:url(img/hidden.gif) no-repeat left center;position:absolute;right:0;top:0;cursor:pointer;line-height:300px;color:#f00;font-size:10px;text-align:center;}