﻿body { margin:0px; padding:0px; font-family:Arial, Verdana, Sans-Serif; background-color:#FFF;font-size:12px;color:#555;}
body,table,td,th,input,textarea,select,a {font-size:12px; color:#555;}
a {color: #0060CA}
a:link,a:visited {text-decoration:none;}
a:hover,a:active {text-decoration:underline;}
h1 {font-size:18px;padding:0px; margin:0px;}
h2 {font-size:16px;padding:0px; margin:0px;}
h3 {font-size:14px;padding:0px; margin:0px;}
h4 {font-size:12px;padding:0px; margin:0px;}
i {color:Red; padding-right:2px;}/*必须字段提示“*”*/
img {border:0px;}

.UL, .UL ul {display:block;margin:0px; padding:0px; }
.UL, .UL li { list-style-type:none;}
.space {padding-top:10px;}
.submitOK {line-height:1.5em;padding:20px 40px; padding-left:60px; font-size:18px; background:url(images/ok.png) no-repeat 20px;}
.submitError {line-height:1.5em;padding:20px 40px; padding-left:60px; font-size:18px; background:url(images/error.png) no-repeat 20px;}
.auto, .auto input, .auto select, .auto td {width:auto;}
.message {padding:6px 5px 5px 25px; background-color:#FFD; background-repeat:no-repeat; background-position:5px 5px;}
.msgSucceed {border:solid 1px #0AF;color:#0AF; background-image:url(images/succeed.png);}
.msgError {border:solid 1px #F00;color:#F00; background-image:url(images/error.gif);}
.msgWarning {border:solid 1px #F70;color:#F70; background-image:url(images/warning.png);}
.msgInfo {border:solid 1px #0AF;color:#0AF; background-image:url(images/info.png);}

/*布局*/
.zoneTop,.zoneMenu,.zoneContent,.zoneBottom { background-color:#FFF;width:900px; margin:0px auto;}

.zoneTop {}
.zoneTop .logo {padding:15px 30px;}
.zoneTop .content {background:url(images/topmenu_bg.gif) no-repeat right 35px;}
.zoneTop .content ul {float:right;}
.zoneTop .content li {float:left;}
.zoneTop .content .c1 li {text-transform:uppercase;padding:10px 20px 10px 8px; background:url(images/point_1.gif) no-repeat left;}
.zoneTop .content .c1 li a {color:#555;}
.zoneTop .content .c2 li {padding:10px 10px 5px;}
.zoneTop .content .c2 .keywords 
{
	color:#AAA;
	background:url(images/search_bg.gif) no-repeat 0px 0px;
	*background-position:left 1px;
	border:0px;width:170px;height:21px;padding:3px 0px 0px 3px;}
.zoneTop .content .c2 .tsearch {}

/*菜单*/
.zoneMenu {list-style: none; background: #335271 url(images/menu_bg.gif) repeat-x;}
.zoneMenu a {text-decoration:none;}
.zoneMenu ul {margin:0px; padding:0px;}
.zoneMenu li.menumain {float: left;padding:9px 28px;color:#FFF;cursor:pointer;text-transform:uppercase;list-style-type:none;}
.zoneMenu li.menumain a {color:#FFF;text-decoration:none;}
.zoneMenu li.menumain ul {display:none;}
.activetarget{background-color:#E35F13;}
html>body div.outerbox {padding: 0 5px 5px 0;}
html>body div.outerbox div.shadowbox1 {position: absolute;right: 0;bottom: 5px;width: 5px;height: 100%;background: url(images/myshadow.png) no-repeat right top;}
html>body div.outerbox div.shadowbox2 {position: absolute;bottom: 0;right: 5px;height: 5px;width: 100%;background: url(images/myshadow.png) left bottom;}
html>body div.outerbox div.shadowbox3 {position: absolute;bottom: 0;right: 0;height: 5px;width: 5px;background: url(images/myshadow.png) no-repeat right bottom;}
html>body .innerbox {margin: 0;display: inherit;}
#root-menu-div ul {border:solid 1px #999;background-color: #FFF;list-style: none;margin: 0;padding: 0;cursor:pointer;}
#root-menu-div li{white-space:nowrap;border-left:solid 2px #FFF;}
#root-menu-div li a {text-decoration:none;}
* html #root-menu-div li{height: 1.5em; /* fixing ie6 problem */}
div.menu-item {	padding: 5px 20px;	font-size:13px;}
* html div.menu-item {display: inline; /* fixes problem in ie6 */}
div.menu-item a {color:#555;}
#root-menu-div li.active {border-left:solid 2px #E35F13;}
#root-menu-div li.active a {}
img.menu-item-arrow{position: absolute;	right: 4px;	top: 8px;}
li.menu-separator{border-bottom: 1px solid #ddd;font-size: 0; /* for ie */height: 0;line-height: 0; /* for ie */margin: 2px 0;}
li.menu-separator .active{background-color: transparent;}
/*菜单*/

.zoneContent {}

.zoneBottom {border-top:solid 2px #335271;}
.zoneBottom li {padding:8px;color:#999;}
.zoneBottom li a {color:#999;}
.zoneBottom .menu {float:left;}
.zoneBottom .copyright {float:right;}
/*布局*/

/*home*/
.home .banner {margin-top:10px;}
.home .info {padding:18px;}
.home .info .about {padding-bottom:20px; float:left; width:550px;}
.home .info .news {padding-bottom:20px; float:right; width:290px;}
.home .info .news .t {padding-bottom:10px;color:#335271; font-weight:bold;}
.home .info .news .c li {padding:5px 0px 5px 8px; background:url(images/point_2.gif) no-repeat left;}

.home .product {padding:15px;}
.home .product .text td {padding-left:10px;color:#335271; padding-bottom:5px; background:url(images/point_3.gif) no-repeat left 4px;}
.home .product .text td a {font-size:14px;}
.home .product .img td {}

/*page*/
.sidebar {width:180px;padding:15px;padding-right:20px; vertical-align:top;}
.sidebar .subMenu li a {}
.sidebar .subMenu li {padding:5px 5px 5px 15px; background:#FFF url(images/point_2.gif) no-repeat 5px 10px; border-bottom:solid 1px #DDD;}
.sidebar .subMenu .active a { font-weight:bold; color:#E35F13}

.body {padding:15px; vertical-align:top;}
.body .navi {padding:5px; font-size:10px;}
.body .navi a {font-size:10px;}
.body .title {padding:10px 5px 3px; border-bottom:solid 1px #DDD;}
.body .content {line-height:1.5em; padding:10px;}
.body .content a {text-decoration:underline;}

.form td {padding:5px;}
.form .th { text-align:right; vertical-align:top; font-weight:bold;}
.form .btn { width:auto; padding-left:10px; padding-right:10px;}
.form input, .form select {width:300px;}
.form textarea {width:450px;}
.form .auto {width:auto;}
.form .hd { font-weight:bold; font-size:14px; background-color:#EEE;}

.newslist .n_t {}
.newslist .n_c {font-size:11px; padding-bottom:10px;}

.news {padding:10px 0px;}
.news .n_t {font-size:16px; font-weight:bold;}
.news .n_d {font-size:10px;}
.news .n_c {}

.partList {}
.partList .t {font-weight:bold; padding:5px 0px;border-bottom:solid 1px #DDD;}
.partList .b {}
/*
.categoryList li {padding:5px 5px 5px 15px; background:#FFF url(images/point_2.gif) no-repeat 5px 10px; border-bottom:solid 1px #DDD;}
.categoryList li a {font-size:13px;}
.categoryList .main {}
.categoryList .main ul {display:none;}*/
.categoryList .active a {font-weight:bold; color:#E35F13}

.brandList li {padding:5px 5px 5px 15px; background:#FFF url(images/point_2.gif) no-repeat 5px 10px; border-bottom:solid 1px #DDD;}
.brandList li a {color:#555;}
.brandList .active a { font-weight:bold;}

.products {}
.products .catalog {}
.products .catalog li.main {padding-bottom:15px;}
.products .catalog li.main a {font-weight:bold;}
.products .catalog li.main ul {float:left; padding-left:15px; width:100%}
.products .catalog li.main li {float:left; padding:5px; width:110px; height:110px;}
.products .catalog .img {
    /*非IE的主流浏览器识别的垂直居中的方法*/
    display: table-cell;vertical-align:middle;text-align:center;
    /* 针对IE的Hack */
    *display: block;
    *font-size: 48px;/*约为高度的0.873，200*0.873 约为175*/
    *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
    width:80px; height:80px;border:solid 1px #CCC;
}
.products .catalog .img img {vertical-align:middle;}

.searchProduct .item {float:left; width:150px; height:200px;padding:5px;}
.searchProduct .item li {}
.searchProduct .item .img {width:120px; height:120px;}
.searchProduct .item .img {
    /*非IE的主流浏览器识别的垂直居中的方法*/
    display: table-cell;vertical-align:middle;text-align:center;
    /* 针对IE的Hack */
    *display: block;
    *font-size: 68px;/*约为高度的0.873，200*0.873 约为175*/
    *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
    width:120px; height:120px;
}
.searchProduct .item .img img {vertical-align:middle;}
.searchProduct .item .txt {width:150px; height:80px; overflow:hidden;}

.product div {padding:10px;}
.product .zoneTitle {font-weight:bold;font-size:18px;border-bottom:solid 1px #CCC; margin-bottom:10px;}
.product .zoneImg {float:left;border-right:solid 1px #CCC;margin-right:20px;}
.product .zoneImg .img {
    /*非IE的主流浏览器识别的垂直居中的方法*/
    display: table-cell;vertical-align:middle;text-align:center;
    /* 针对IE的Hack */
    *display: block;
    *font-size: 120px;/*约为高度的0.873，200*0.873 约为175*/
    *font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/
    width:250px;height:200px;border-bottom:solid 1px #CCC;
}
.product .zoneImg .img img {vertical-align:middle;}
.product .zoneImg .imgList td {width:48px;height:48px; text-align:center;cursor:pointer;}
.product .zoneImg .imgList td.main {border:solid 1px #CCC;}
.product .zoneTxt {float:left;}
.product .zoneTxt ul {padding-bottom:10px;}
.product .zoneTxt .base li {line-height:2em;}
.product .zoneTxt .spec li {}
.product .zoneTxt .spec .h {font-weight:bold;}
.product .zonePartList {float:left; width:100%;}
.product .relative { margin-top:20px;}
.product .relative li {padding:5px 0px;}
.product .relative .h {font-weight:bold;border-bottom:solid 1px #CCC;}
.product .relative .l td {padding-left:15px; background:url(images/point.gif) no-repeat 2px; width:40%;}

.zoneSearch .txt {}
.zoneSearch .category {width:150px;}
.zoneSearch .brand {width:150px;}
.zoneSearch .word {width:200px;}
.zoneSearch .search {}

/*分页*/
.pager {padding:5px; font-size:12px; font-weight:bold; border-top:solid 1px #DDD;}
.pager a {font-size:12px; font-weight:bold;}
/*分页*/

.register {}
