body,input{font-family: "microsoft yahei";}

input{outline: none;}

/*font*/

@font-face{font-family:"iconfont";src:url('../fonts/iconfont.woff') format('woff'),url('../fonts/iconfont.ttf') format('truetype');}

@font-face{font-family:"iconfont1";src:url('../fonts/iconfont1.woff') format('woff'),url('../fonts/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; border-top:1px solid #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:#5d4a41; line-height:0.48rem; border:1px solid #2e1f18;}

.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:2.79rem; background-position:center; background-repeat:no-repeat; background-size:cover;}

.iad1{ display:block; margin:5% auto 0; width:6.4rem; height:5.57rem; 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:2.6rem; background:#2e1f18;  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.16rem; 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:#b7a391; 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:#ba760a; background:#120805; padding:0 5%;}

.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:#291610;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:#b7a391; font-size:0.24rem; border-bottom:2px solid #9b6f47;}

.index_news04 dl dd .intro{ line-height:0.4rem; color:#634f3f; display:block; margin:5% 0 0;}

.index_news04 dl dd a.more{ width:1.18rem; height:0.32rem; display:block; border:1px solid #49331f; text-align:center; line-height:0.32rem; margin:6% 0 0}

/*乐器保养*/

.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:2.56rem;   margin:0.3rem 0 0 0.25rem; position:relative; overflow:hidden;}

.icase ul .item a{display:block;}

.icase ul .item .img_b{width:2.56rem; height:2.56rem; border-radius:50%; background-size:cover; background-repeat:no-repeat; background-position:center; margin: 0 0}

.icase ul .item span{ width:2.2rem; margin:0 auto; display:block; color:#b7a391; font-size:0.24rem; padding:0.2rem 0 0; line-height:0.34rem; height:0.68rem; text-align:center;}

.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:#b7a391;}

.inews ul li .wf .intro{ height:0.68rem; line-height:0.34rem; overflow:hidden; font-size:0.24rem; color:#b7a391;}

.inews ul li .wf a.more{ display:block; margin:0.1rem 0 0;width:1.6rem; height:0.4rem; background:#271510; text-align:center; line-height:0.4rem;}

/*友情链接*/

.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;}

}