ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;}

h1 { font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; text-align: center; color: #000; font-size:60px; letter-spacing:-1px; }
h1 small{ font-size: 24px; display: block; color: #636363; }

.break { clear:both; }

#wrapper { width:980px; margin:10px auto; behavior: url(ie-css3.htc);}

#content { margin-top:20px; }
#content p { font: 14px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; color:#333333; line-height:18px; margin:15px auto; width:800px; }
#content p a { color:#0088CC; text-decoration:none; }
#content p a:hover { text-decoration:underline; }

#QcNav { margin:10px 0; list-style:none;

    font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; letter-spacing:-0.5px; font-size:13px;
    
    text-shadow: 0 -1px 3px #202020;

    width:980px; height:34px;
    
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    
    -moz-box-shadow: 0px 3px 3px #cecece;
    -webkit-box-shadow: 0px 3px 3px #cecece;
    box-shadow: 0 3px 4px #8b8b8b;
}

#QcNav li { display:block; float:left; border-right:1px solid #5d5d5d; border-left:1px solid #929292; width:105px; height:34px; border-bottom:1px solid #575757; border-top:1px solid #797979;

    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #787878), color-stop(0.5, #5E5E5E), color-stop(0.51, #707070), color-stop(1, #838383));
    background-image: -moz-linear-gradient(center bottom, #787878 0%, #5E5E5E 50%, #707070 51%, #838383 100%);
    background-color:#5f5f5f;
}

#QcNav li:not(:last-child):hover {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3F3F3F), color-stop(0.5, #383838), color-stop(0.51, #434343), color-stop(1, #555555));
    background-image: -moz-linear-gradient(center bottom, #3F3F3F 0%, #383838 50%, #434343 51%, #555555 100% );
    background-color:#383838;
    
    -moz-box-shadow: inset 0 0 5px 5px #535353;
    -webkit-box-shadow: inset 0 0 5px 5px #535353;
    box-shadow: inset 0 0 5px 5px #535353;
}

#QcNav li:not(:last-child):active {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3F3F3F), color-stop(0.5, #383838), color-stop(0.51, #434343), color-stop(1, #555555));
    background-image: -moz-linear-gradient(center bottom, #3F3F3F 0%, #383838 50%, #434343 51%, #555555 100% );
    background-color:#383838;
    
    -moz-box-shadow: inset 0 1px 2px 2px #000;
    -webkit-box-shadow: inset 0 1px 2px 2px #000;
    box-shadow: inset 0 1px 2px 2px #000;
}

#QcNav li a { color:white; text-decoration:none; text-align:center; display:block; line-height:34px; outline:none; }

#QcNav form input { width:76px; height:20px; margin-left:9px; margin-top:8px; border:none; padding-left:20px; padding-right:10px; color:#eee;

    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;

    background-image: url("so.png"), -webkit-gradient(linear, left bottom, left top, color-stop(0, #747474), color-stop(0.5, #6E6E6E), color-stop(0.51, #7E7E7E), color-stop(1, #8D8D8D));
    background-image: url("so.png"), -moz-linear-gradient(center bottom, #747474 0%, #6E6E6E 50%, #7E7E7E 51%, #8D8D8D 100%);
    background-repeat: no-repeat;
    
    background-color:#6E6E6E;
    
    -moz-box-shadow: inset 0 2px 1px 1px #363636;
    -webkit-box-shadow: inset 0 2px 1px 1px #363636;
    box-shadow: inset 0 2px 1px 1px #363636;
}

#QcNav li:first-child {
    -moz-border-radius:4px 0 0 4px;
    -webkit-border-radius:4px 0 0 4px;
    border-radius:4px 0 0 4px;
    
    border-left:none;
}

#QcNav li:first-child a img {
   vertical-align:middle; margin-top:-2px;
}

#QcNav li:last-child {
    -moz-border-radius:0 4px 4px 0;
    -webkit-border-radius:0 4px 4px 0;
    border-radius:0 4px 4px 0;
    
    border-right:none;
    
    width:124px;
}

@-webkit-keyframes showMenu {
    from { opacity: 0; top:-20px; }
    to   { opacity: 1; }
}

#QcNav { -webkit-animation: showMenu 1s; position:relative;}

#banner{ padding:0px; margin:0px;}
#about { text-align:left; font: 14px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; color:#333333; line-height:200%; margin:5px auto;}

#Category{text-align:left; font: 14px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; color:#333333; line-height:200%; margin:20px auto;}

#Category h2 {border-bottom:1px solid #aeb1b3; padding-bottom:10px;}
#Category img{border:2px solid #D6D6D6; margin:1px 1px; width:100px; height:100px;}
#Category img:hover {border-color:#aeb1b3;}
#Category a{ text-decoration:none;font: 14px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; color:#333333; line-height:200%;}
#Category a:hover{ color:#000;}
#Category table { padding-top:5px;}

#NewProduct{text-align:left; font:14px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; color:#333333; line-height:200%; margin:20px auto;}
#NewProduct h2 {border-bottom:1px solid #aeb1b3; padding-bottom:10px;}

#ProductsList{font:14px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;color:#333333;line-height:200%;}

#ProductsList dl {float:left; display:inline;}
#ProductsList dl dt {padding:0;}
#ProductsList dl dt img{border:4px solid #D6D6D6; margin:0 5px; width:178px; height:178px;}
#ProductsList dl dt img:hover {border-color:#aeb1b3;}
#ProductsList dl dd {margin:0 5px; width:178px; text-align:center; height:25px; line-height:25px;}

#ProductsList a{ text-decoration:none;font: 14px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; color:#333333; line-height:200%;}
#ProductsList a:hover{ color:#000;}
#NewProduct table { padding-top:5px;}

#CopyRight{text-align:center; font: 14px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; color:#333333; line-height:200%; margin:10px auto; border-top:1px solid #aeb1b3; }


#PagesContent { text-align:left; font: 14px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; color:#333333; line-height:200%; margin:5px auto;}
#PagesContent h2 {border-bottom:1px solid #aeb1b3; padding-bottom:10px;}

#PagesContent { text-align:left; font: 14px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; color:#333333; line-height:200%; margin:5px auto;}
#ProContent h2 {border-bottom:1px solid #aeb1b3; padding-bottom:10px;}

#MyContent{ padding:10px 0px 0px 0px; margin:0px; font-size:12px; line-height:180%; width:980px;}
.ProImg{ padding:5px 5px 5px 5px;}

#ProTable {
    padding: 0px 5px 5px 5px;
    margin: 0;   
    border-collapse:collapse;
}

#ProTable td {
    border: 1px solid #C1DAD7;   
    background: #fff;
    font-size:12px;
    padding: 6px 6px 6px 6px;
    color: #4f6b72;
	text-align:center;
}

#ProTable td.alt {
    background: #F5FAFA;
    color: #797268;
}

/*文章分页样式*/
#fenye{clear:both; margin-top:10px;}

#fenye a{text-decoration:none; display:inline;}
#fenye .prev,#fenye .next{width:62px; text-align:center;}
#fenye a.curr{width:22px;background:#aeb1b3; border:1px solid #dcdddd; color:#fff; font-weight:bold; text-align:center;}
#fenye a.curr:visited {color:#fff;}
#fenye a{color:#D6D6D6;background:#fff; margin:0px 5px; border:1px solid #dcdddd; float:left; text-align:center;height:22px;line-height:22px}
#fenye a.num{width:22px;}
#fenye a:visited{color:#1f3a87;} 
#fenye a:hover{color:#fff; background:#aeb1b3; border:1px solid #1E50A2;float:left;}
#fenye span{line-height:30px;}