html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,em,font,img,strong,b,i,dl,dt,dd,ol,ul,li,form{margin:0;padding:0;border:0;outline:0; vertical-align:baseline;}
html,body{font-size:14px;line-height:1;color:#777;font-family:Helvetica;font-weight: lighter;}
* {box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;}
::-webkit-scrollbar {width: 8px;height: 6px;}
div::-webkit-scrollbar {width: 6px;height: 6px;}
::-webkit-scrollbar-track {background: #f1f1f1;}
::-webkit-scrollbar-thumb {border-radius: 10px;background: #bcbcbc;/*rgba(0,0,0,0.2)*/}
::-webkit-scrollbar-thumb:window-inactive {background: #a8a8a8;/*rgba(0,0,0,0.1)*/}
::-webkit-scrollbar-thumb:vertical:hover{background-color: #a8a8a8;/*rgba(0,0,0,0.3)*/}
::-webkit-scrollbar-thumb:vertical:active{background-color: #a8a8a8;/*rgba(0,0,0,0.7)*/}
::selection{background: #333; color: white;}  
::-moz-selection{background: #333; color: white;}  
:focus{outline:0}
header,footer,article,section,nav,menu{display:block}
ul,li{list-style-type:none}
img{border:0;vertical-align:middle}
a{outline:0;text-decoration:none; color:#777;transition:all .5s ease;-o-transition:all .5s ease;-ms-transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;}
a:hover{color:#333;}
i{user-select:none;-o-user-select:none;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;}
input,img{outline:0}
body{overflow-x:hidden;}
.rela{position:relative;}.abso{position: absolute;}
.clearfix:after{clear: both;content: " ";display: block;height: 0; overflow: visible;}.fr{float: right;}.fl{float: left;}
.warp{max-width:725px; margin:0  auto;position:relative;padding-bottom:60px;}
.warp img{max-width:100% !important;}
.news_read p,.news_read span{text-indent:0 !important;}
.transition{transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;}
input::-webkit-input-placeholder {color: #666 !important;}input:-moz-placeholder {color: #666 !important;}input::-moz-placeholder {color: #666 !important;}input:-ms-input-placeholder {color: #666 !important;}
.ui-loader-default{ display:none}.ui-mobile-viewport{ border:none;}.ui-page {padding: 0; margin: 0; outline: 0}
.ui-btn-text{display: none;}
@font-face {
  font-family: 'iconfont';
  src: url('//at.alicdn.com/t/font_1476934114_4361808.eot'); /* IE9*/
  src: url('//at.alicdn.com/t/font_1476934114_4361808.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/font_1476934114_4361808.woff') format('woff'), /* chrome、firefox */
  url('//at.alicdn.com/t/font_1476934114_4361808.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('//at.alicdn.com/t/font_1476934114_4361808.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{font-family:"iconfont";font-style:normal;}
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}
textarea { -webkit-appearance: none;} 
/*head*/
.head_page{padding:0 1%;height:70px;line-height: 70px;background:#fff;width:100%;border-bottom:1px solid #ddd;}
.l_menu{cursor:pointer;width:44px;height:34px;border:1px solid #333;border-radius:3px;line-height: 34px;text-align: center;color:#333;font-size:20px;margin-top:20px;}
.logo{width:30%;}
.logo img{width:100%;max-height: 60px;}
/*head end*/
.floatbox{position:fixed;width:100%;z-index: 666;left:0;top:0;background-color: rgba(0,0,0,.6);display: none;}
.float_right{position: absolute;width:50%;background-color:#fff;height:100%;right:0;top:0;box-shadow:-10px 0 30px rgba(0,0,0,.5);}
.float_right ul li{height:50px;line-height: 50px;border-bottom:1px solid #ddd;padding-left: 30px;}
.float_right ul li.active a{color:#333;}
.float_right ul li a{display: block;}
.close{width:50px;height:50px;margin-left: -50px;color:#fff;line-height: 50px;text-align: center;}
.x1{position:absolute;bottom:0;left:0;}
/*float box*/
.bd ul li{width:100%;}
.bd ul li img{width:100%;}
.p1{padding:60px 20px;background:url(/images/m/p_1_bg.jpg) no-repeat center center;background-size: 100% auto;}
.p_title{width:100%;margin-bottom: 30px;}
.p_title img{width:30%;}
.line{width:15%;}
.line div{width:100%;height:2px;background-color: #333;margin-top:10px;}
.txt{width:80%;text-indent: 30px;line-height:25px;}
.txt img{width:100%;margin-top:20px;margin-bottom: 20px;}
.more{width:100px;height:100px;bottom:36px;left:43px;}
.more img{width:100%;height:100%;}
.p2 div.img{width:100%;}
.p2 div.img img{width:100%;}
.more_im{bottom:-15px;left:45%;}
.p2 div.tit{padding:20px 0;text-align: center;}
.p2 div.tit img{width:30%;}
.p2_bd ul li{padding:0 10px;}
.p2_bd ul li div.fl{width:30%; text-align: center;}
.p2_bd ul li div.fl img{width:90%;}
.p2_bd ul li div.fr{width:70%;border-left: 2px solid #333;padding:5%;line-height: 25px;}
.p2_hd{width:100%;height:20px;line-height: 20px;}
.p2_hd ul{text-align: center;}
.p2_hd ul li{display: inline-block;width:8px;height:8px;background-color: #ddd;border-radius: 8px;text-indent: -9999px;margin-right:5px;}
.p2_hd ul li.on{background-color: #333;}
.p3{width:100%;background:url(/images/m/p_3_bg.jpg) no-repeat;background-position: 50% 0;padding-top:40px;height:500px;}
.p3 ul li{float: left;width:33.333333333%;text-align: center;}
.p3 ul li img{width:90%;}
.p3 ul li:nth-child(1){margin-top:0px;}
.p3 ul li:nth-child(2){margin-top:0px;}
.p3 ul li:nth-child(3){margin-top:0px;}
.p3 ul li:nth-child(4){margin:15px 0;}
.p3 ul li:nth-child(5){margin-top:-80px;}
.p3 ul li:nth-child(6){margin-top:-57px;}
.p3 ul li:nth-child(7){margin-top:0px;}
.p4{padding:40px 20px;background:url(/images/tec_bg.png) no-repeat;background-size: 30% auto;background-position: 90% 50px;}
.p4 div.tit img{width:30%;}
.p5 img{width:100%;height:auto;}
.p6{padding:40px 20px;}
.p6 div.tit img{width:70%;}
.ad{padding-top:30px;}
.ad li{line-height: 40px;}
.ad li img{margin-right: 10px;}
/*footer*/
.footer_page{height:77px;position: fixed;bottom:0;left;z-index: 444;width:100%;transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;}
.footer_page ul li{width:18%;height:50px;background-color: #eaeaea;margin-top:27px;float: left;overflow: visible;line-height:20px;padding-top:5px;text-align: center;transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;}
.footer_page ul li:hover{padding-top: 5px;}
.footer_page ul li a{color:#333;}
.footer_page ul li i{font-size:16px;}
.footer_page ul li.n{width:28%;position: relative;z-index:222;padding-top:0;}
.footer_page ul li.n img{width:80%;margin-top:5px;}
.footer_page ul li.n div.b1{width:80px;height:80px;background-color: rgba(0,0,0,.3);border-radius: 50%;margin:0 auto;margin-top:-20px;padding-top:5px;transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;}
.footer_page ul li.n:hover div.b1{background-color: transparent;}
.footer_page ul li.n div.b1 div.b2{width:70px;height:70px;background-color: rgb(0,0,0);margin:0 auto;border-radius: 50%;}
.footer_page ul li.n div.b1 div.b2 img{transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;}
.footer_page ul li.n:hover div.b1 div.b2 img{width:70%;}
/*intro4*/
.intro_title{background:url(/images/intro_head_bg.png) no-repeat center -130px;padding-top:20px;padding-bottom:30px;}
.intro_title div.tit{width:100%;text-align: center;}
.intro_title div.tit img{width:40%;}
.typename_list{margin-top:10px;}
.typename_list ul li{width:25%;float: left;padding:2px;}
.typename_list ul li div{height: 30px;width:100%;border:1px solid #666;text-align: center;line-height: 30px;font-size:12px;}
.typename_list ul li div a{display:block;}
.typename_list ul li div img{bottom:-13px;right:-5px;width:25px;height:25px;z-index: 2;}
.typename_list ul li.active div{border:1px solid #333;}
.typename_list ul li.active div a{color:#333;}
.text_list ul{padding:0 20px;}
.text_list ul li{border-bottom:1px solid #cacaca;padding:20px 0;}
.text_list ul li div.fl{width:30%;text-align: right;padding-right:10px;}
.text_list ul li:first-child{border-top:1px solid #cacaca;}
.text_list ul li div.fl img{max-height:39px;}
.text_list ul li div.fr{width:70%;border-left: 2px solid #333;line-height:25px;padding:0 10px;}
.content_read div.text p{text-indent:30px;line-height:25px;text-align: left;}
.content_read div.text{padding:10px;}
.content_read div.img{width:100%;padding:10px;text-align: center;}
.content_read div.img img{max-width:100%;}
.img_list{padding:0 5px;}
.img_list li{width:33.3333%;padding:0px 5px;text-align: center;float: left;}
.img_list li img{max-width:100%;}

.timeline{background: url(/images/bg_line.png) repeat-y;background-position:52px 0;}
.timeline ul{padding:20px 10px;}
.timeline ul li{position: relative;}
.timeline ul li span.sp1{width:48px;height:55px;display:block;background: url(/images/time_point.png) no-repeat center center;text-align: center;line-height:55px;color:#fff;position:absolute;left:20px;top:0px;}
.timeline ul li div.d2{padding:30px;border:1px solid #333;float: right;position:relative;width:70%;border-radius:10px;}
.timeline ul li div.d2 img.im1{margin-bottom: 15px;width:100%;}
.timeline ul li div.d2 em.im2{position: absolute;left:-11px;top:16px;margin-bottom:0px;color:#333;}
.timeline ul li div.d2 p{line-height: 25px;}
.spe_list ul li{padding:30px 0;}
.spe_list ul li div.img{width:100%;text-align: center;}
.spe_list ul li div.img img{max-width: 90%;}
.spe_list ul li div.text{width:80%;background-color: #fcfcfc;padding:10px;text-align: center;}
.spe_list ul li div.text img{max-width: 100%;}
/*intro4 end*/
/*goodslist*/
.goods_list ul li{width:50%;padding:10px;float: left;}
.goods_list ul li div.type_pic img{width:100%;}
.piano_type{width:80%;text-align: center;font-size:18px;white-space: nowrap;margin:0 auto;height:40px;border-top:2px solid #333;border-bottom:2px solid #333;line-height:36px;margin-top:5px;}
.piano_type a{color:#333;display: block;}
.piano_info{width:80%;margin:0 auto;line-height: 25px;white-space: nowrap;text-align: center;}
.big_good{padding: 20px 10px;}
.big_good div.big_pic{width:100%;}
.big_good div.big_pic img{max-width: 100%;}
.piano_info_det{width:100%;margin:0 auto;}
.piano_type_pic{width:100%;top:40%;left:0;text-align: center;font-style: italic; font-size: 4em;color: #fff;}
.piano_type_pic img#abso{max-width:80%;}
.big_intro{text-indent: 30px;line-height: 25px;padding:20px 10px;}
.intro_list ul li div.text p.b1{font-size: 24px;color:#333;}
/*goodslist end*/
/*news*/
.news_list{width:100%;padding:20px;}
.news_list ul li{width:100%;padding:10px 5px;border-bottom:2px solid #333;}
.news_list ul li div.date_time{width:20%;text-align: center;}
.news_list ul li div.date_time div.days{font-size:40px;}
.news_list ul li div.news_title{width:80%;padding:0 5px;}
.news_list ul li div.news_title div.tit{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size:18px;line-height:25px;}
.news_list ul li div.news_title div.tit a{color:#333;}
.news_list ul li div.news_title div.text{font-size:12px;line-height:20px;}
.news_read_tit{font-size:20px;text-align: center;width:100%;padding:0 10%;color:#333;margin:20px 0;line-height:30px;}
.read_view{width:100%;text-align: center;font-size:12px;}
.news_read{padding:20px 10px;}
.news_read div.img{text-align: center;margin:20px 0;}
.news_read img{max-width:100%;}
.news_read p{text-indent: 30px;line-height:25px;}
/*news end*/
/*contact*/
.c_ban{width:100%;}
.c_ban img{width:100%;}
.liuyan_input{padding:20px 10px;}
.liuyan_input div.tit{text-align: center;}
.liuyan_input .lytb input[type=text]{width:100%;height:30px;line-height: 30px;border:1px solid #999;text-indent: 50px;}
.liuyan_input .lytb div{margin-top:20px;position:relative;}
.liuyan_input .lytb div img{position:absolute;top:7px;left:14px;}
.liuyan_input .lytb textarea{resize: none;margin-top:20px;width:100%;height:120px;border:1px solid #999;padding:10px;font-size: 12px;color:#666;}
.fr_table{width:100%;}
.fr_table tr td{height:58px;line-height:58px;width:387px;}
.fr_table tr td span img{margin:0 30px;}
.button div{display: inline-block;}
.submit input{border:1px solid #333;background-color: #333;color:#fff;padding:5px;}
.reset input{border:1px solid #888;background-color: #888;color:#fff;padding:5px;}
/*conteact end*/
#pagination{
  text-align: center;color:#999;font-size:12px;
}
#pagination a{color:#333;padding:5px 5px;height:30px;line-height: 30px;}
#pagination a.this,#pagination span.this{color:#fff;background: #999;}
#pagination span{color:#999;padding:5px 5px;height:30px;line-height: 30px;}

.detail-box { color: #000;}
.detail-box .left { width: 100%;}
.detail-box .item { cursor: pointer; width: 100%; margin-bottom: 30%; }
.detail-box .item>img { width: 100%;  }
.detail-box .item-desc { position: absolute; box-sizing: border-box; left: 0; right: 0; bottom: 60px; padding: 25px 30px; background: rgba(0, 0, 0, .4); font-size: 14px; color: #fff; line-height: 1.9; } 
.detail-box .right { height: auto; background-color: #fafafa; position:relative;} 
.detail-box .right .back{ padding-bottom: 20px; text-align: center;} 
.detail-box .box-info {padding: 20px 15px; }
.detail-box .box-info h3 {text-align: center;font: normal 12px "Helvetica Neue", "Microsoft YaHei", Helvetica, STHeiTi, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased;font-weight: bold; font-size: 30px; margin-bottom: 15px;}
.detail-box .cell { border-bottom: 1px solid #e2e2e2;}
.detail-box .cell.yellow { color: #c99c52; } 
.detail-box .cell:nth-last-child(2) { border-bottom: 0; } 
.detail-box .cell .name { float: left; width: 125px; height: 45px; line-height: 45px; font-size: 14px; } 
.detail-box .cell .desc { margin-left: 125px; height: 45px; line-height: 45px; font-size: 14px;  } 
.detail-box .tip { font-size: 14px; color: rgb(201, 156, 82); padding-top: 15px;}
.detail-box .tip .tip-btn { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.detail-box .tip .tip-btn i { display: inline-block; width: 18px; height: 18px; vertical-align: -3px; margin-right: 5px; background-image: url(/images1/product-icon04.png); background-repeat: no-repeat; }
.detail-box .tip .tip-con{ padding-top: 5px;}
.detail-box .swiper-pagination { width: auto; padding: 0 10px; height: 23px; line-height: 23px; left: 50%; transform: translate(-50%, 0); bottom: 130px; margin: auto; border: 1px solid #ebebeb; border-radius: 10px; } 
.detail-box .swiper-pagination-bullet { width: 11px; height: 11px; background-color: #86664e; }
.editor-con {margin-top: 25px;margin-bottom:30px;line-height: 1.5;padding:0 10px; }
.editor-con p { margin-bottom: 25px; }
.editor-con p img { display: block; margin: 0 auto;max-width: 100%; height: auto !important; }

.pop-honor { visibility: hidden; z-index: 999; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0, 0, 0, .5);} 
.pop-honor .pop-con { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; max-width: 960px; max-height: 750px; background-color: #fff; } 
.pop-honor .swiper-container { max-width: 700px; } 
.pop-honor .item-img { position: relative; padding-top: 100%;} 
.pop-honor .item-img > img { position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; transform: translate(-50%, -50%); } 
.pop-honor .prev { z-index: 10; cursor: pointer; position: absolute; left: 40px; bottom: 30px; width: 23px; height: 23px; background-image: url('/images1/honor-icon01.jpg'); background-repeat: no-repeat; } 
.pop-honor .next { z-index: 10; cursor: pointer; position: absolute; left: 70px; bottom: 30px; width: 23px; height: 23px; background-image: url('/images1/honor-icon02.jpg'); background-repeat: no-repeat; } 
.pop-honor .close { z-index: 10; cursor: pointer; position: absolute; right: 30px; bottom: 30px; width: 85px; height: 20px; background-image: url('/images1/honor-icon03.jpg'); background-repeat: no-repeat; background-position: center; }