/*all tag reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;outline:none;}
input.hidefocus::-moz-focus-inner {border:none;}
table{border-collapse:collapse;border-spacing:0;empty-cells:show;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#5A5A5A;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{font-size:100%;}
i,em{font-style:normal}
small{font-size:12px;display: block;}
.mb0 { margin-bottom: 0!important}
.section .product li a:hover{color:#fff;}
.section .product li .info p:hover{color:#fff;}
.clear { clear: both!important}
/*clearfix*/
* html .clearfix{zoom: 1;}
*+html .clearfix {zoom: 1;}
.clearfix:after {height: 0;visibility: hidden;content: ".";display: block;clear: both;}
/*body*/
body { background: #ffffff url(../images/body_bg.jpg) repeat left top; font-family:  "Microsoft yahei", ËÎÌå; font-size: 12px; line-height: 24px; color: #333333;}
a { color: #333333; text-decoration: none;}
a:hover { color: #999999; text-decoration: none;}
/*beader*/
.top { background: url(../images/top_bg.jpg) repeat-x left top;}
.top h1 { width: 243px; margin: 0 auto; padding: 15px 0 31px;}
.top .section { width: 1002px; margin: 0 auto;}
.top .section .menu { width: 810px; float: left; padding: 0 0 0 45px;}
.top .section .menu li { width: 85px; float: left; font-size: 14px; margin-right: 30px;}
.top .section .menu li a { display: block; color: #ffffff; text-align: center; border-top: 2px #5e3c37 solid; padding: 15px 0 17px;}
.top .section .menu li.index a { border-top: 2px #c80d0d solid;} 
.top .section .menu li a:hover { border-top: 2px #c80d0d solid;} 
/*main*/
.main { width: 1002px; margin: 0 auto 10px;}
/*footer*/
.footer { clear: both; background: #4d332f;  padding: 34px 0;}
.footer .foot { width: 868px; margin: 0 auto;}
.footer .foot .fleft { width: 467px; float: left; margin-right: 230px;}
.footer .foot .fleft .flogo { margin-bottom: 10px;}
.footer .foot .fleft p { color: #ffffff; font-size: 16px;}
.footer .foot .fleft p a { color: #ffffff;}
.footer .foot .fleft p a:hover { text-decoration: underline;}
.footer .foot .fright { width: 171px; float: left;}