/*
版权归海伦钢琴所有http://www.hailunpiano.com/
请勿拷贝
*/
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;word-wrap:break-word}
body,html,input{font:12px/1.5 arial,tahoma,'Microsoft Yahei','\5b8b\4f53',sans-serif;}
body {background:#f0f0f0;}
table{border-collapse:collapse;border-spacing:0;}img{border:none}
pre {white-space: pre-wrap; /* css-3 */white-space: -moz-pre-wrap; /* Mozilla, since 1999 */white-space: -pre-wrap; /* Opera 4-6 */white-space: -o-pre-wrap; /* Opera 7 */	word-wrap: break-word; /* Internet Explorer 5.5+ */}
h1,h2,h3,h4,h5,h6{font-size:100%;}input.dialog{height:0; height:0; font-size:0; line-height:0; border:none}
h1{font-size:34px;}h2{font-size:26px;}h3{font-size:18px; }h4{font-size:16px;}h5{font-size:14px;}h6{font-size:12px;}
input,label,img,th{vertical-align:middle;}.font-fixh{font-family: Georgia,Arial; color: #f00; font-size: 16px; font-weight: 700;}address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
input.button ,input.btn{padding:0.25em;width: auto;_width:0;overflow:visible !ie;}
ul,ol,li{list-style:none;}
a{text-decoration:none;color:#555}
a:hover{text-decoration:none;}
select optgroup{color:#CAC8BB;}
header{ display:block}
/*通用样式*/
.hidden{display:none;}.invisible{visibility:hidden;}
.ib,.ib-a a{display:inline-block;zoom:1;*display:inline;}
.clear:after,.main:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clear,.main{display:inline-block;}/* Hides from IE-mac \*/* html .clear,* html .main{height:1%;}.clear,.main{display:block;}

.f12{font-size: 12px}.f14{font-size: 14px}.f16{font-size: 16px}.f18{font-size:18px}.f20{font-size:20px}
.lh20{line-height: 20px}.lh22{line-height: 22px}.lh24{line-height: 24px}.lh26{line-height: 26px}.lh28{line-height: 28px}
.fb{ font-weight:bold}.fn{ font-weight:normal}
.bk,.bk3,.bk6,.bk8,.bk10,.bk15,.bk20,.bk30{clear: both;font-size: 1px;height: 0;line-height: 1px}
.bk3{height: 3px;}.bk6{height: 6px}.bk8{height: 8px}.bk10{height: 10px}.bk15{height: 15px}.bk20{height: 20px}.bk30{height: 30px}
.row-2 li{ float:left; width:50%}.row-3 li{ float:left; width:33%}.row-4 li{ float:left; width:25%}.row-5 li{ float:left; width:20%}
.cu,.cu-li li,.cu-span span {cursor: hand;!important;cursor: pointer}
.text-c{text-align: center}.text-l{text-align: left}.text-r{text-align: right}
.lf{float: left}.rt{float: right}.pr{ position:relative}.pa{ position:absolute}
.img-wrap{border:1px solid #eee;text-align:center;overflow:hidden}
.img-wrap a{display:table-cell;vertical-align:middle;*display:block; overflow:hidden; background-color:#fff}
.img-wrap a:hover{ background-color:#e8eff6}
.col-left{float:left}
.col-auto{overflow:hidden;_zoom:1;_float:left;}
.col-right{float:right}

.titles1 {background:url(../images/titlebt.png) repeat-x bottom;font-size: 2em;
font-weight: bold;padding-bottom: 13px;
color: #7f7f7f;}
.titles2 {border:1px solid #ccc;-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.titles2 h2 {color: #555;font-size:16px; text-align:center;
font-weight: bold;padding: 8px 0 6px;margin: 0 8px;border-bottom:1px dashed #ccc;}
.titles3 {border:1px solid #ccc;-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;-moz-box-shadow:2px 2px 5px #f2f2f2; -webkit-box-shadow:2px 2px 5px #f2f2f2; box-shadow:2px 2px 5px #f2f2f2;}
.titles3 h3 {background:#a7a7a7 ;color:#fff;-webkit-border-top-left-radius:4px;
-webkit-border-top-right-radius:4px;-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;border-top-left-radius:4px;
border-top-right-radius:4px;padding-left:15px;font-size:15px;line-height:35px}
.w740 {width:740px; overflow:hidden}
.w300 {width:220px;margin:15px auto;}
.i-w300 {width:220px;margin:15px auto 0 auto;}
.main {padding:20px; position:relative; overflow:hidden;}

.pinpai {width:91%;margin:10px auto;padding:0 20px; overflow:hidden;}
.pinpai li {float:left;width:25%;}

.footer {background:#f1f1f1;padding:5px; overflow:hidden;}
.footer div {width:70%;padding-left:15px;}
.footer ul {width:26%;}
.footer ul li {float:left;padding:0 5px;}
/*顶部*/
#top {height:94px;}
#header {background: #f6f6f6;
border-top: solid 1px #fff;
border-bottom: 1px solid #e5e5e5;
padding-bottom: 1px;
position: relative;
overflow:hidden;
z-index: 20;}
.header-container {position: relative;
width: 960px;
margin: 0 auto;
padding: 0;background: #f6f6f6;
border-top: solid 1px #fff;
border-bottom: 1px solid #e5e5e5; overflow:hidden}
.logo {float: left;
padding: 2px 0px;background:#eee;border:1px solid #eee; display:block; position:absolute;top:20px; overflow:hidden;z-index:999999;left:20px;box-shadow: 1px 2px 5px #555; 
-webkit-box-shadow: 1px 2px 5px #555; 
-moz-box-shadow: 1px 2px 5px #555;border-radius: 4px; 
-webkit-border-radius: 4px; 
-moz-border-radius: 4px;}
.logo:hover {background:#f5f5f5}
.logo img {width:160px;height:70px;padding:10px;}
.header-nav {position: relative;
z-index: 200;
margin: 0;
padding: 0px;
float: right;}

.header-nav li {background: #f6f6f6;
border-left: 1px solid #e5e5e5;
float: left;
position: relative;
margin: 0;
}
.header-nav li a{text-decoration: none!important;
display: block;
position: relative;
padding: 23px 20px !important;
text-transform: uppercase;font-size: 13px;}

#bodynav {width: 1020px;margin: 0px auto; overflow:hidden;
padding-top: 0px;
position: relative;
z-index: 10;background: #fff;
-webkit-box-shadow: 0px 0px 6px #bdbdbd;
-moz-box-shadow: 0px 0px 6px #bdbdbd;
box-shadow: 0px 0px 6px #bdbdbd;
border-top: 4px solid #2a313b;border-bottom: solid 1px #e5e5e5;}


.nav {padding:10px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc; overflow:hidden;padding-left:200px; position:relative}
.catname {font-size:25px;margin-top:15px;color:#777;height:25px;line-height:25px;}

.nlist li {padding:5px 8px;border-bottom:1px solid #ccc;color:#985860}
.nlist li a {color:#985860;font-weight:bold;}

.nlist-i li {padding-left:20px;color:#555}
.nlist-i a li {color:#555}
.nlist-i a li:hover {background:#777;color:#fff;}

/*top*/
.izl-rmenu{position:fixed;left:50%;margin-left:532px;bottom:10px;padding-bottom:73px;background:url(../images/r_b.png) 0px bottom no-repeat;z-index:999;}
.izl-rmenu .btn{width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_tmall.png) 0px 0px no-repeat;background-color:#db2727;}
.izl-rmenu .btn-qq:hover{background-color:#db2727;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/tmaill.png) center no-repeat;background-color:#b90000;text-decoration:none;display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat;background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat;background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b;position:absolute;width:160px;left:-160px;top:0px;line-height:73px;color:#FFF;font-size:18px;text-align:center;display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat;background-color:#666666;display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}

#pages { overflow:hidden; margin:20px 0;font-size:15px}
.nlist-i {padding-left:15px;}

/*经销商*/
.jxs {padding:15px;}
#jxs #L_1-1,#jxs #L_1-2 {text-align:center;margin:4px auto}
#jxs .searc-submit {margin:9px auto; text-align:center}
#jxs .s-submit {width:135px;height:35px;border:none; cursor:pointer;background:#555;color:#fff;font-size:16px;line-height:35px; border-radius:4px;-moz-box-shadow:1px 1px 3px #333333; -webkit-box-shadow:1px 1px 3px #333333; box-shadow:1px 1px 3px #333333;}