body,input{font-family: "microsoft yahei";}
input{outline: none;}
/*font*/
@font-face{font-family:"iconfont";src:url('../font/iconfont.woff') format('woff'),url('../font/iconfont.ttf') format('truetype');}
@font-face{font-family:"iconfont1";src:url('../font/iconfont1.woff') format('woff'),url('../font/iconfont1.ttf') format('truetype');}
.iconfont{font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;}
.iconfont1 {font-family:"iconfont1" !important;	font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;borde/r-radius: 50%;display: inline-block;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;
}
/* mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm */
.casei{width:100%;height:auto;overflow:hidden;margin:0 auto;}
/*banner*/
.banner{width:6.4rem;position: relative; margin:0 auto;}
.banner img{ width:100%; height:auto;}
.swiper-container { width: 100%; height: 100%;}
.swiper-slide { text-align: center; font-size: 18px; background: #fff;}
.banner .swiper-pagination{ padding:0; margin:0;width: 100%!important;text-align: center!important; bottom:12%!important; display:none;}
.swiper-pagination-bullet{width: 0.12rem!important;height: 0.12rem!important; background-color: #6d768c;opacity: 1!important; border-radius:50%!important;}
.swiper-pagination-bullet-active{ background:#ffc231; }
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 1%!important;}
.swiper-container{ }

/*------search-------*/
.search01{margin-top: 0.25rem;float:left;height:0.5rem;background: #fff;}
.search03{width:2.6rem; font-size:0.24rem; color:#333; height:0.5rem; line-height:0.5rem;border:none; outline:none; float:left;text-indent: 0.2rem}
.seabtn{width:0.3rem; height:0.3rem; margin:0.1rem 0.1rem 0 ; float:right; background:url(../images/d6.png) #fff; border:none; background-repeat:no-repeat; border-radius:none; 
	background-position:center; outline:none;cursor:pointer;background-size:cover}
.search05{float:left; width:1.8rem; height:0.5rem; line-height:0.5rem;margin-right: 0.2rem;
 background-image:url(../images/index_icon01.gif); background-size:7%; background-repeat:no-repeat; background-position:right center;}

.jslct{width:1.8rem;color:#333;display:inline-block; zoom:1;  position:relative; cursor:default; line-height:0.5rem;}
.jslct div.jslct_t {position:relative;z-index:2;*display:block!important;*display:inline;zoom:1;}
.jslct em { font-size:0.24rem;font-style:normal; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#969696;}
.jslct dl, .jslct dl dd {padding:0;margin:0;list-style:none}
.jslct dl {background:#2e1f18;position:absolute;top:0.5rem;left:0;cursor:default; width:1.8rem;overflow:hidden;z-index:1;display:none;}
.jslct dl dd { box-sizing:border-box;text-align:center;line-height:0.6rem; white-space:nowrap;cursor:pointer;-moz-transition: all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s; color:#fff; font-size:0.24rem}
.jslct dl dd:hover {color:#fff; background:#251812;}


/*首页显示导航区域*/
.t_nav{width:100%; clear:both; background:#2e1f18;}
.t_nav .type_a:after{content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}
.t_nav .type_a li{width:24.8%;  float:left; font-size:0.28rem; line-height:2.3; color:#b7a391; text-align:center; }
.t_nav .type_a li:nth-child(4n){width:24.1%;}
.t_nav .type_a li:nth-child(4n){ border-right:0}
.t_nav .type_a li a{color:#b7a391; display:block; width:100%;}

/*首页*/
.ib_more{ display:block; width:1.78rem; height:0.48rem;  margin:4% auto 0; font-size:0.24rem; display:block; text-align:center; color:#333; line-height:0.48rem; border:1px solid #333;}
.ib_more1{ display:block; width:1.58rem; height:0.38rem; border:1px solid #cbced7;  margin:5% auto 0; font-size:0.24rem; display:block; text-align:center; color:#fff; line-height:0.38rem;}

/**************************/
.beian{color:#5d4a41;text-align: center;font-size: 0.24rem; line-height:1.5; padding:4% 0 0}
.beian a{color:#5d4a41;font-size: 0.24rem;}
/*brand*/
.ibrand{ margin:5% auto 0;}
.ibrandul{ padding:4% 0 0;}
.ibrandul a{ float:left;width:1.86rem; height:1.4rem; background-position:center; background-repeat:no-repeat; background-size: auto 100%; margin:0 0 0 3%;}
/*ad*/
.iad{ display:block; margin:5% auto 0; width:6rem; height:1.79rem; background-position:center; background-repeat:no-repeat; background-size:cover;}
.iad1{ display:block; margin:5% auto 0; width:6rem; height:1.79rem; background-position:center; background-repeat:no-repeat; background-size:cover;}

/*why*/
.ionline{ height:3.93rem; background-position:center; background-repeat:no-repeat; background-size:cover}
.ionline h4{ color:#666; font-size:0.24rem; padding:21% 0 0 5%; margin:0}
.ionline p.tel{ color:#f5832f; font-size:0.35rem;padding:0 0 0 5%; font-family:impact}
.ionline a{ width:1.85rem; margin:2% 0 0 5%; display:block;}

/*首页产品*/
.circle_bg{ margin-top:5%;}
.pclass{padding:4% 0 0; position:relative; }
.pclass span.name{ display:block; margin:0 auto; width:4.1rem; line-height:0.5rem; height:0.5rem; background: url(../images/d2.gif) center top no-repeat; background-size:100% 100%; padding:0 0 0 0.1rem; color:#5d4a41;}
.circle_b{ position:absolute; left:0; top:0.75rem; display:none; width:100%; z-index:2; }
.circle_b ul{ display:block;margin:0 auto; width:4.2rem; background:#2e1f18;border:0.02 solid #f4f1eb; border-top:0}
.circle_b ul li{ display:block; padding:0 0 0 0.1rem; line-height:0.45rem; }


.proitem_b{ width:6rem; margin:0 auto; }
.proitem_b .item{float:left; width:2.87rem; /*height:3.02rem;*/ background:#333;  margin:0.3rem 0 0 0.12rem; position:relative;}
/*.proitem_b .item:nth-child(2n){margin-left:0.02rem;}*/

.proitem_b .item a{display:block;}
.proitem_b .item .img_b{width:2.87rem; height:2.87rem; background-size:cover; background-position:center; background-repeat:no-repeat;}
.proitem_b .item .title_b{ display:block;padding:0 5%; font-size:0.24rem; line-height:0.5rem; color:#fff; text-align:left; text-align:center;white-space: nowrap;text-overflow:ellipsis;overflow: hidden; }
.proitem_b .item .con_b{ display:block; padding:0 5%; color:#5d4a41;font-size:0.24rem;line-height:1;white-space: nowrap;text-overflow:ellipsis;overflow: hidden; text-align:center; }


/*首页关于我们*/
.iabf{ background:#0f61ed; padding:0 0 0.5rem}
.index_about{width:5.8rem; padding:0.2rem 0 4%; margin:0 auto; border-bottom:1px solid #3f81f1}
.index_about .img{width:5.99rem; margin:1% auto 0; height:4.5rem;background-size: cover; background-position:center; background-repeat:no-repeat;  }
.index_about .msg_b .msg{font-size:0.24rem; line-height:0.4rem; color:#fff; padding:0.25rem 0 0;   }
.index_about .atitle{ display:block; margin:0.1rem 0 0; padding:0 0 0 0; text-align:left;font-size: 0.4rem; color:#fff;  }
.index_about .atitle span{ float:left;text-transform: uppercase; font-size:0.46rem; line-height:1; font-we/ight:bold; }
.index_about .atitle font{ text-transform: uppercase;  color:#ffff00;}
.index_about .atitle em{ float:left; padding:0 0 0 0.4rem; line-height:1; font-style:normal;}
.iservice{width:5.8rem; margin:0.5rem auto 0; }
.iservice .atitle{ display:block; margin: 0 0; padding:0 0 0 0; text-align:left;font-size: 0.4rem; color:#fff;  }
.iservice .atitle span{ float:left;text-transform: uppercase; font-size:0.46rem; line-height:1; font-we/ight:bold; }
.iservice .atitle font{ text-transform: uppercase;  color:#ffff00;}
.iservice .atitle em{ float:left; padding:0 0 0 0.4rem; line-height:1; font-style:normal;}
.iservice .list{ margin:0.2rem 0 0}
.iservice .list li{ float:left; padding:0.1rem 0; width:2.9rem}
.iservice .list li i{ float:left; width:0.45rem; height:0.52rem;}
.iservice .list li i img{  width:0.45rem; height:0.52rem;}
.iservice .list li span{ float:left; line-height:0.52rem; font-size:0.3rem; color:#fff; padding:0 0 0 0.1rem;}

/*优惠活动*/
.case_bg{width:6.4rem; padding:0; margin:5% auto 0 ;}
.sup_b{ text-align:center; color:#999}
.itl_t1{text-align: center;width:6.4rem; margin:0 auto;}
.itl_t1 .tff{text-align:center;background: url(../images/d1.gif) left 0.1rem repeat-x;  }
.itl_t1 .tff span{ display:inline-block;text-transform: uppercase; font-size:0.24rem; line-height:1;  color:#333; padding:0 5%;font-weight: bold;}
.itl_t1 img{ margin:0 auto; width:34.375%}
.itl_t1 p{ line-height:1; color:#422800; font-family:Arial; text-transform:uppercase; font-size:0.12rem; line-height:1.2;}
.index_news04{ width:6rem; margin:0 auto ;}
.index_news04 dl{ float:left; width:100%; margin:0.35rem 0 0 ; overflow:hidden; background:#f3f3f3;height:2.44rem;  }
.index_news04 dl dt{ float:left; width:2.48rem; height:2.44rem; background-position:center; background-repeat:no-repeat; background-size:cover;}
.index_news04 dl dd{ float:left; width:2.97rem; margin:0 0 0 4%; font-size:0.24rem; }
.index_news04 dl dd h3{ position:relative;  font-size:0.3rem;  font-weight:normal; height:0.5rem; margin:5% 0 0; border-bottom:2px solid #4c3016;}
.index_news04 dl dd span{ position:absolute; left:0; bottom:-2px;height:0.5rem; line-height:0.5rem; z-index:1; overflow:hidden; color:#333; font-size:0.24rem; border-bottom:2px solid #9b6f47;}
.index_news04 dl dd .intro{ line-height:0.4rem; color:#666; display:block; margin:5% 0 0;}
.index_news04 dl dd a.more{ width:1.18rem; height:0.32rem; display:block; border:1px solid #333; text-align:center; line-height:0.32rem; margin:6% 0 0;color: #333}
/*乐器保养*/
.icase{padding:0 0 0; width:6.4rem; margin:5% auto 0;}
.icase ul{ display:block;width:6rem; margin:0 auto ; }
.icase ul .item{float:left; width:6rem;   margin:0 0 0 0.25rem; position:relative; overflow:hidden;}
.icase ul .item a{display:block;}
.icase ul .item span{ width:6rem; margin:0 auto; display:block; color:#666; font-size:0.25rem; padding:0 0 0; line-height:0.6rem; height:0.6rem;}
.itl_t{text-align: center;width: 100%; margin:0.5rem 0 0; height:0.56rem; padding: 0 0}
.itl_t .tff{ float:left; height:0.56rem; padding:0 0 0 0; }
.itl_t .tff span{ float:left;text-transform: uppercase; font-size:0.46rem; line-height:1; font-we/ight:bold; color:#0f61ed;  }
.itl_t .tff font{ text-transform: uppercase;  color:#ffff00; background:#0f61ed;height:0.46rem; float:left;}
.itl_t .tff em{ float:left; padding:0 0 0 0.4rem; line-height:1; color:#999999; font-size:0.4rem; font-style:normal;}

/*公司动态*/
.inews{padding:0.3rem 0 0.2rem}
.inews ul {width:6rem; margin:0 auto;}
.inews ul li{ margin:0.1rem 0 0;}
.inews ul li .time{display:block; color:#b7a391; font-size:0.24rem; font-family:Arial; line-height:2;}
.inews ul li .wf{width:5.48rem; height:2.03rem; border:1px solid #362923; padding:0 0.25rem;}
.inews ul li .wf .title{ display:block; margin:0.2rem 0 0.1rem;color:#333;}
.inews ul li .wf .intro{ height:0.68rem; line-height:0.34rem; overflow:hidden; font-size:0.24rem; color:#666;}
.inews ul li .wf a.more{ display:block; margin:0.1rem 0 0;width:1.6rem; height:0.4rem; background:#333; text-align:center; line-height:0.4rem;color: #fff}
/*友情链接*/
.nnf{ background:#271510; color:#b7a391; font-size:0.24rem; padding:0.3rem 0; margin:0.3rem 0 0;}
.itl_t3{ float:left; margin:0 0 0 0.1rem;}
.ilink{ float:left; width:4.6rem; padding:0 0 0 0.2rem;}
.ilink a{ color:#b7a391;}

.topbut{display:none;background: url(../images/s1.png) center center no-repeat; background-size:100%;position:fixed;bottom:1.4rem;right:0;text-align:center;z-index:99; width:0.6rem; height:0.6rem}

@media all and (min-width:640px){
    .content{width:640px;margin:0 auto;position:relative;}
}