@charset "utf-8";
/*-------------------------------   index 首页---------------------------------*/

/*-----首页 banner-----*/
.slideBox{ width:100%; height:500px; overflow:hidden; position:relative; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle;height:460px; text-align:center; }
.slideBox .bd li a{ display:block; height:500px;}
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-30px; display:block; width:26px; height:42px; background:url(../images/arrow_left.png) no-repeat; }
.slideBox .next{ left:auto; right:3%; background:url(../images/arrow_right.png) no-repeat;}
.slideBox .prev:hover,
.slideBox .next:hover{opacity: .7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";-khtml-opacity: .7;}
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

.search01{ float:right; width:260px; height:48px; margin:0 0 0}
.search02{ float:left; border-right:1px solid #3a2621; height:48px; border-left:1px solid #3a2621;}
.search02 input.search03{ width:100px; font-size:14px; color:#b7a391; font-family:'微软雅黑'; height:48px; line-height:48px;  border:none; border:0; padding:0 8px; background:none;  }
.search01 input.search04{ width:45px; font-size:14px; color:#ccc; font-family:'微软雅黑'; height:48px;border:none; border:0; background: url(../images/d3.png) no-repeat center center;  cursor:pointer;}



.search05{ float:left; width:90px; border-right:1px solid #3a2621;}

.jslct {color:#6c5753;font-family:"微软雅黑";display:inline-block;*display:inline;zoom:1;font-size:14px;position:relative;vertical-align:middle;cursor:default; width:90px; height:48px; line-height:48px; background: url(../images/d2.png) no-repeat 76px center;z-index:0;}
.jslct_hover {}
.jslct div.jslct_t {position:relative; z-index:2;*display:block!important;*display:inline;zoom:1;}
.jslct em {font-style:normal;margin:0;padding:0 ;display:block; text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.jslct dl, .jslct dl dd {padding:0;margin:0;list-style:none}

.jslct dl {position:absolute;top:48px;left:0;cursor:default; width:90px; overflow:hidden;z-index:1;display:none; font-size:14px;border-top:#3a2621 solid 1px;}
.jslct_hover dl {}
.jslct dl dd { text-align:center;line-height:30px; border-bottom:#3a2621 solid 1px; white-space:nowrap;cursor:pointer;background:#1f0e0a;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.jslct dl dd:hover {color:#b7a391;background:#1f0e0a; border-bottom:#3a2621 solid 1px; }
.jslct dl dd.hover {color:#b7a391;background:#1f0e0a; border-bottom:#3a2621 solid 1px; }
.jslct .jslcted {}
.jslct dl dd.noborder {}



/*公告*/
.gonggao{ position:relative; float:left; padding-left:50px; width:694px; height:48px; background:url(../images/d1.png) no-repeat 21px center;}
.gonggao01{ position:absolute; top:0; left:60px; line-height:50px; font-size:16px;  color:#b7a391;}
.gonggao marquee{ float:left; width:594px; font-size:14px; color:#b7a391; line-height:50px; height:48px;  background:#2e1f18; margin-left:100px;}


/*book*/
.ibook h2{ text-align:center; padding:70px 0 0}
.message{float:left; padding:45px 0 0}
.message input,.message textarea{float:left;margin-bottom:11px;border:1px solid #000;line-height:40px;height:40px;text-indent:20px;color:#999999; font-size:14px; font-family:微软雅黑;}
.message textarea{height:144px; }
.inp_fl{ float:left; width:362px; padding-right:16px;}
.yzm{width:100%; margin:20px 0 0}
.message .subbut{border:0;width:100%;height:46px;line-height:46px;color:#fff;font-size:16px;font-family:"Microsoft Yahei"}
.viewcon{overflow:hidden;ma/rgin:0 12px 36px;width:940px;display:inline;word-break:break-all;color:#6c4c30;font-size:14px;float:left;padding:0 20px 20px;line-height:30px;font-size:14px}
.focus { width:358px !important; height:38px !important; border:2px solid #ee0049 !important;}
.focus1 { width:618px !important; height:142px !important; border:2px solid #ee0049 !important;}

/*首页产品中心*/
#marquee3{width:100%;height:430px;overflow:hidden; background:#3c2516}
#marquee3 ul{ width:191px; margin:0 auto;}
#marquee3 ul li{float:left;height:45px; line-height:45px; width:100%; border-bottom:1px dotted #523625;  padding:0 0 0 0}
#marquee3 ul li img{display:block;}
#marquee3 ul li p{color:#b7a391; font-size:15px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; padding:0 12px;}
.control1{ width:220px; height:28px; background:#2e1f18;}

.pro_bg{width:100%; margin:25px auto; padding-bottom:20px;background:url(../images/d5.png) center bottom no-repeat;}
.pro_b{width:220px; height:566px;  float:left;  }
.pro_b h4{ color:#ba760a; font-size:20px; background:url(../images/d2.jpg) left center no-repeat; height:70px;  width:100%;  margin:0 auto; line-height:1; text-align:center; line-height:70px;}
.pro_imgsbg{width:784px; float:right; padding:35px 0 0;}
.product08{ overflow:auto; height:600px;outline:none}
.pro_imgsbg dl{ float:left; width:238px; height:251px; margin:0 0 26px 23px; overflow:hidden; background:#2e1f18; color:#2e2e2e;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.pro_imgsbg dl dt{ width:238px; height:179px; overflow:hidden; -moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.pro_imgsbg dl dt a{ float:left; width:100%; height:179px; display:block; background-position:center; background-repeat:no-repeat; background-size: auto 100%; background-color:#fff;}
.pro_imgsbg dl dd{text-align:center;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.pro_imgsbg dl dd .tt{ display:block; margin:10px 0 0;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;  font-size:15px; color:#b7a391}
.pro_imgsbg dl dd span{ padding:10px 10px 0; display:block;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color:#5d4a41; font-size:14px;}
.iab1{ width:1004px; margin:0 auto; height:300px; background-repeat:no-repeat; background-position: center; background-size: auto 100%;}


/*优惠活动*/
.newsb_b{width:100%; margin:-26px auto 0; height:566px; }
.itl_t1{text-align: center;width: 100%; margin:0 ; height:80px; padding: 0 0; }
.itl_t1 .tff{ text-align:center;  padding:36px  0 0;background:url(../images/d6.png) center top no-repeat ; }
.itl_t1 .tff span{text-transform: uppercase; font-size:24px; line-height:1; font-we/ight:bold; color:#ba760a;  }
.itl_t1 font{display:block; text-align:center; text-transform: uppercase;  color:#422800; height:46px; margin-top:5px; font-size:12px; font-family:Arial;}
.newsb_b .r_b{fl/oat:left; width:106%; margin:0 auto ; }
.newsb_b .r_b .img{ float:left; width:205px; height:201px; background-position:center; background-repeat:no-repeat; background-size: auto 100%;}
.newsb_b .r_b .itemb{ float:left; width:485px;  margin:26px 33px 0 0; background:#23130e; height:201px;}
.newsb_b .r_b .itemb .info_b{ float: left; width:240px; margin:0 0 0 24px; }
.newsb_b .r_b .itemb .info_b .title{ position:relative;font-size:22px; height:45px; border-bottom:2px solid #4c3016; color:#b7a391; padding-top:13px;}
.newsb_b .r_b .itemb .info_b .title span{ position:absolute; left:0; bottom:-2px; line-height:45px; border-bottom:2px solid #9b6f47}
.newsb_b .r_b .itemb .info_b .intro{font-size:14px; line-height:30px; height:60px; overflow:hidden; color:#634f3f; padding-top:10px;}
.newsb_b .r_b .itemb span.more{ width:118px; height:32px; font-size:16px; color:#b7a391; border:1px solid #49331f; line-height:32px; text-align:center; display:block; margin:15px 10px 0}
/*广告位*/
.index_ad{ width:1004px; height:519px; margin:28px auto;background-position:center; background-repeat:no-repeat; background-size:cover}
.index_ad span{ float:right; padding:0 70px 0 50px; margin:366px 0 0; color:#a89584; font-size:22px; background:url(../images/d9.png) left center no-repeat;}
/*首页关于我们*/
.iab{ height:830px; background-position:center top; background-repeat:no-repeat; background-color:#000 }
.iabout_b{ float:left; width:100%;}
.iabout_b .img_b{float:right; height:376px; width:300px;background:url(../images/db1.png) left center no-repeat ;  margin:-10px 0 0; padding:5px 0 8px 9px;}
.iabout_b .img_b span{float:left; height:376px; width:300px;background-size: auto 100%; background-repeat:no-repeat; background-position:center; }

.iabout_b .abr{ float:left; width:540px; padding: 0 0 0 0;}
.iabout_b .info_b{float:left; width:540px; margin:20px 0 0;   text-align:left; padding-top:20px; line-height:30px; font-size:12px; color:#fff;}
.iabout_b .info_b span{ color:#ffff00}
.iabout_b .atitle{ display:block; margin:40px 0 0; padding:0 0 0 0; text-align:left;font-size: 40px; color:#fff;  }
.iabout_b .atitle span{ float:left;text-transform: uppercase; font-size:46px; line-height:1; font-we/ight:bold; }
.iabout_b .atitle font{ text-transform: uppercase;  color:#ffff00;}
.iabout_b .atitle em{ float:left; padding:0 0 0 40px; line-height:1}
.iabout_b .more{display:block; width:158px; height:38px; line-height:38px; text-align:center; border:1px solid #cbced7; color:#2f3747; font-size:14px;  margin:20px 0 0 }
/*服务领域*/
.iservice{ margin-top:-60px;}
.iservice .atitle{ display:block; margin: 0 0; padding:0 0 0 0; text-align:left;font-size: 40px; color:#fff;  }
.iservice .atitle span{ float:left;text-transform: uppercase; font-size:46px; line-height:1; font-we/ight:bold; }
.iservice .atitle font{ text-transform: uppercase;  color:#ffff00;}
.iservice .atitle em{ float:left; padding:0 0 0 40px; line-height:1}
.iservice .list{ margin:20px 0 0}
.iservice .list li{ float:left; padding:0 48px 0 0}
.iservice .list li i{ float:left; width:45px; height:52px;}
.iservice .list li i img{  width:45px; height:52px;}
.iservice .list li span{ float:left; line-height:52px; font-size:24px; color:#fff; padding:0 0 0 10px;}
.isf{ width:100%}
.slideBox02{ float:left; width:400px; height:250px; over/flow:hidden; position:relative; margin:90px 0 0 }
.slideBox02 .hd{ dis/play:none; height:15px; overflow:hidden; position:absolute; right:15px; bottom:5px; z-index:1; }
.slideBox02 .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox02 .hd ul li{ float:left; margin-right:10px;  width:6px; height:6px; border-radius:7px; border:#0e5ce1 solid 1px; font-size:0; text-align:center; background:#fff; cursor:pointer; padding:0;}
.slideBox02 .hd ul li.on{  background:#f1f100;border:#f1f100 solid 1px;  }


.slideBox02 .bd{ position:relative; height:100%; z-index:0;}
.slideBox02 .bd li{ zoom:1; vertical-align:middle; text-align:center;}
.slideBox02 .bd li a{}
.slideBox02 .bd img{  max-width:100%; height:250px; disp/lay:block;}

.slideBox02 .prev{ display:none; position:absolute; right:37px; top:-20px; margin-top:-25px; display:block; width:30px; height:30px; background:url(../images/jj01.png) no-repeat;}
.slideBox02 .prev:hover{ background:url(../images/jj01_on.png) no-repeat;}
.slideBox02 .next{ display:none;  position:absolute; right:0; top:-20px; margin-top:-25px; display:block; width:30px; height:30px; background:url(../images/jj02.png) no-repeat; }
.slideBox02 .next:hover{ background:url(../images/jj02_on.png) no-repeat; }
.slideBox02 .prevStop{ display:none;  }
.slideBox02 .nextStop{ display:none;  }
.index_case06{ position:relative;width:400px; height:250px; background-position:center; background-repeat:no-repeat; background-size: auto 100% }
.index_case07{ color:#fff; position:absolute; left:0; width:390px; padding:0 0 0 10px; bottom:0; background:url(../images/case10.png) repeat; height:35px; color:#fff; font-size:18px; text-align:left; line-height:38px;}
.index_case07 span{ display:block; font-size:14px; height:35px; overflow:hidden;}

.isf .r_b{float:right; width:566px; margin:70px auto 0; }
.isf .r_b .itemb{ float:left; width:566px;  margin:0 0 0 0; height:96px; border-bottom:1px dotted #dddddd}
.isf .r_b .itemb .info_b1{ display:block; padding:0 ; }
.isf .r_b .itemb .info_b1 .title{font-size:18px; line-height:1; color:#0f61ed; padding-top:17px;}
.isf .r_b .itemb .info_b1 .intro{font-size:12px; line-height:18px; height:36px; overflow:hidden; color:#999999; padding-top:10px;}

/*乐器保养*/
.index_link{ height:390px; margin:20px 0; width:100%}
.index_link .nnf a{ float:left; margin:30px 4px 0 0;position:relative; height:91px; width:115px; background-position:center; background-size: auto 100%; background-repeat:no-repeat;}
.circle_bg{ height:248px; margin:50px 0 0}
.circle_bg li{ float:left; width:182px;  margin:0 33px ;}
.circle_bg li a{ float:left; width:182px; height:182px; background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:50%; overflow:hidden;}
.circle_bg li a span{ display:block; margin:0 auto; width:180px; height:180px; border:1px solid #ba760a; border-radius:50%; background:url(../images/d10.png) center center no-repeat rgba(0,0,0,0.5); display:none;}
.circle_bg li a:hover span{ display:block;}
.circle_bg li .title{ float:left; display:block;font-size:14px; color:#b7a391; line-height:20px; padding:10px 0 0;}
.mr_frbox{float: left;width: 100%;height: 248px;position: relative;}
.mr_frBtnL{cursor:pointer;display:inline;top:82px;left:-64px;position: absolute;}
.mr_frBtnR{cursor:pointer;top:82px;right: -64px;position: absolute;}
.mr_frUl{ margin:0 auto;width: 1004px; overflow: hidden;}
.tempWrap ul{height:248px;overflow: hidden;	}
.tempWrap{width: 1004px !important; }
/*乐器讲堂*/
.workshop{ height:400px; margin:20px auto; background:url(../images/d11.png) center bottom no-repeat;}
.news_b ul{ width:103%}
.news_b li{ float:left; width:307px; margin:35px 37px 0 0}
.news_b li .time{ color:#b7a391; font-size:16px; line-height:30px; font-family:Arial;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.news_b li .wf{ float:left; width:265px; border:1px solid #362923; height:149px; padding:20px;}
.news_b li .wf .title{ color:#b7a391; font-size:16px; line-height:23px; font-weight:700;}
.news_b li .wf .intro{ color:#b7a391; font-size:12px; line-height:20px; height:60px; overflow:hidden; margin:10px 0 0;}
.news_b li .wf .more{ display:block; text-align:center; line-height:36px; color:#b7a391; font-size:14px; margin:15px 0 0; width:120px; height:36px; background:#271510}
/*品牌推荐*/
.brand{ margin:25px auto;}
.brandf{ width:102%;}
.brandf a{ float:left; width:154px; height:115px; background-repeat:no-repeat; background-position:center; background-size: auto 100%; margin:0 16px 0 0;}
/*---------右边悬浮------------------------------*/
.side_nav{position: fixed;bottom:60px;right: 20px;width:60px; z-index:999}
.side_nav ul li{ cursor:pointer;position: relative;width:60px;float: right;/* border-bottom: 1px solid #fff; */}
.side_nav ul li a{display:inline-block;height: 60px;position: absolute;top: 0;left: 0;}
.side_nav ul li span{float: left;color:#fff;line-height: 60px;font-size: 16px;margin-left: 72px;cursor: pointer;}
.side_nav_3 {width:60px;height: 60px;}
.side_nav_3 a span{height:128px;position: absolute;right: 60px;bottom: 0px;margin-left: 0!important;display: none;}
.side_nav_3 a{width:60px;background: url(../images/d7.gif) no-repeat left 0;}
.back_top a{background: url(../images/d7.gif) no-repeat left -60px;}
.back_top {height: 60px;}