﻿/*common.css*/
@charset "utf-8";
body { color:#666; font-size:12px; font-family: "宋体";} /*网站字体颜色*/
a { color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
a:hover { text-decoration:underline;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
/* -- 购物车外部框架 -- */
.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}



/* -- 页面整体布局 -- */
.header , .content , .footer { width:960px; margin:0 auto; overflow:hidden; }
.left { width:201px; float:left; overflow:hidden;}
.left2 { width:670px; float:left; overflow:hidden;}
.left3 { width:754px; float:left; overflow:hidden; color:#666;}
.lefttop { background:url(/images/left_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-top:10px;}
.left2top { background:url(/images/left2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.leftbot { background:url(/images/left_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;  margin-bottom:10px;}
.left2bot { background:url(/images/right_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px; }

.right { width:754px; float:left; display:inline; margin-left:5px; overflow:hidden;}
.right2 { width:275px;  float:right; overflow:hidden;}
.right3 { width:201px; float:right; overflow:hidden; color:#666;}
.righttop { background:url(/images/right_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.right2top { background:url(/images/right2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}
.rightbot { background:url(/images/right_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}
.right2bot { background:url(/images/left_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}

.right_main { width:752px; min-height:458px; border:solid 1px #d5d5d5; border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden;}
.right2_main { width:273px; border:solid 1px #d5d5d5; border-bottom:0; padding-bottom:15px; overflow:hidden;}
.left2_main { width:668px;  border:solid 1px #d5d5d5; border-top:0; border-bottom:0; padding-bottom:15px; overflow:hidden;}

.h_nav li a:-webkit-any-link{ display:block;}
body{background:#fff;}
em{font-style:normal;}
.clearfix{zoom:1;}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
/*头部开始*/
.top{background:url('/images/top_bg.gif') repeat-x 0 top;height:226px; position:relative;}
.h_top{color:#888;height:24px; line-height:24px; overflow:hidden;}
.h_top span{float:left;}
.h_top p{float:right;}
.h_top p a{padding:0 6px 0 8px;color:#888;height:24px; display:inline-block;}
.h_top p a img{vertical-align:middle;}
.h_top p a.wb1{background:url('/images/wb1.gif') no-repeat 0 center; padding-left:23px;margin-left:8px;}
.h_top p a.wb2{background:url('/images/wb2.gif') no-repeat 0 center; padding-left:23px;margin-left:8px;}
.h_con{padding:26px 0 0;height:138px;}
.h_con h1{float:left;}
.h_con h1 a{display:inline-block;}
.h_con h1 img{vertical-align:middle;width:125px;}
.h_con .ewm{position:absolute; right:0;}
.h-logo{float: left; width:650px;}
.h-logo em{color:#a03c16;font-family:'Microsoft YaHei'; font-size:16px;display: block;float: left; padding:35px 0 0 22px; line-height:26px;}
.h-logo em span{display:block; color:#f3a233; font-size:22px;}
.h-pho{float:right;width:205px; color:#4c4c4c; font-family:'Microsoft YaHei'; padding:50px 0 0 60px;position:relative; background:url('/images/pho.gif') no-repeat 0 53px;}
.h-pho span{font-size:18px; color:#377b08;display:block; float: right;width:100%;}
.h-pho b{font-size:28px;line-height:34px; font-weight:normal;display:block; font-family: 'arial';}
.h-pho p{position:absolute; top:32px; right:28px;}
.h-pho p a{display:inline-block; margin-right:10px;}
.h_nav{height:35px; overflow:hidden;font-family:'Microsoft YaHei'; }
.h_nav ul{font-size:0;}
.h_nav li{float:left; display:inline-block;height:35px;line-height:35px;font-size:0;background:url('/images/nav_line.gif') no-repeat;}
.h_nav li.first{background:none;}
.h_nav li a{color:#8d8d8d;display:inline-block;font-size:14px; padding:0 0 0 23px; text-align:center;}
.h_nav li.cur a,.h_nav li a:hover{color:#fff; text-decoration:none;background:url('/images/nav1.gif') no-repeat -2px 0;}
.h_nav li a span{display:inline-block; height:35px; padding-right:23px;}
.h_nav li a:hover span,.h_nav li.cur a span{background:url('/images/nav2.gif') no-repeat right 0;}
/*--- 搜索 ---*/
.h-ser{background:url('/images/h_ser.gif') repeat-x;height:52px;width:100%;}
.ser-con{width:960px; margin:0 auto;}
.h-ser p {float:left;width:600px;line-height:52px; }
.h-ser p b {color:#9d9d9d}
.h-ser p a {padding:0 6px; color:#9d9d9d;}
.s-inp {width:340px; position:relative; padding:17px 0 0;}
.inp01 {background:url(/images/s_inp.gif) no-repeat;width:254px; height:18px; line-height:18px; border:none; padding:0 0 0 24px;}
/*头部结束*/

/*底部开始*/
.f-wrap{background:url('/images/f_bg.gif') repeat-x;height:234px;}
.footer-a{height:34px; line-height:34px; color:#fff; text-align:center;}
.footer .footer-a span{margin:0 2px; padding:0;}
.footer-a a{color:#fff;text-align:center; padding:0; display:inline-block; margin:0 10px;}
.footer-b{padding:26px 0 0 168px;position:relative;font-family:'Microsoft YaHei'; }
.footer-b em{float: left; display:inline-block;}
.footer-b p{color:#8d8d8d; float: left; width:520px; padding-left:23px;}
.footer-b p img{margin:0 0 0 15px; display:inline-block; vertical-align:middle; }
.footer-b p span{display:block;line-height:16px;padding:0 0 22px;}
.footer-b p i{font-style:normal;display:inline-block; padding:0 20px;}
.f_pic01{position:absolute; right:320px; top:78px;*top:78px;}
.f_pic02{position:absolute; right:285px; top:80px;*top:80px;}
/*底部结束*/

/*reset.css*/
@charset "utf-8";
html{color:#000;background:#FFF; }
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;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
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%;}
input,select{vertical-align:middle;}
body{font:12px/1.231 arial,helvetica,clean,sans-serif;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:16px;}

.mt10{ margin-top:10px;}
.wm{ position:absolute; right:148px; top:32px;}
.wm img{width:100px; height:100px; }



