@charset "utf-8";
/* CSS Document */
.menu-btn{ height:76px; margin:0 20px; width:25px;cursor:pointer; display:none; position:fixed; right:1%}
.menu-btn span{display:block; height:2px; width:25px; background:#fff; margin-bottom:5px}
.header.scroll .menu-btn span, .header:hover .menu-btn span{background:#006934;}
.menu-btn .line1{ margin-top:38px}
.m-menu{ width:100%; height:100%; background:rgba(0,0,0,0.85); color:#f5f5f5; z-index:9999; position:fixed; text-align:center; display:none; left:0; top:0}
.m-menu .closed{ width:37px; height:37px; background:url(../images/close.png) no-repeat; position:absolute; right:5%; top:5%; cursor:pointer;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s; transition:.5s;}
.m-menu li a{ color:#f5f5f5; font-size:24px; line-height:50px; display:block}

.m-menu li.last form {width: 80%;margin:25px auto;max-width: 360px;position:relative; z-index:99;}
.m-menu li.last form #searchInput {background: #FFF;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;height: 40px;width: calc(100% - 84px);-webkit-box-sizing: border-box;box-sizing: border-box;padding-left: 10px;border-radius:3px; border:none}
.m-menu li.last form #searchBtn {width: 80px;height: 40px;background: #006934;color: #FFF;margin-left: -3px;border-radius:3px;  border:none}



.m-menu ul{ position:absolute; top:40%; margin-top:-180px;width:100%;}
.m-menu .closed:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}
.m-foot{ position:fixed; width:100%; height:55px; left:0; bottom:0;background:#006934; color:#fff; display:none; z-index:1500}
.m-foot li{ float:left; width:33.3%; text-align:center;}
.m-foot li a{ color:#fff; font-size:12px; display:block;}
.m-foot li.li2 a{ background:url(../images/kf-emails.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li3 a{ background:url(../images/fltel.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li4 a{ background:url(../images/right_pic6.png) no-repeat center 3px; padding-top:25px}
.m-foot li.li2 a span{display: block;}


.phshow{ display:none !important}
.pcshow{ display: block !important}

@media screen and (max-width: 1600px){
.header .menu li .menu_a{ font-size:17px; margin: 0 18px;}
.header .search {margin-right: 15px;}

.banner .swiper-slide .text h3{ font-size:55px; margin-bottom:30px;}
.banner .swiper-slide .text p{ font-size:26px;  margin-bottom:40px; }
}

@media screen and (max-width: 1366px){
.banner .swiper-slide .text h3{ font-size:30px;}
.banner .swiper-slide .text p{ font-size:16px;}

.iyoushi{ padding:60px 0}
.iyoushi .wrap .item .text p{font-size:14px;line-height:20px;}

.ihistory .intro{padding: 30px 0 25px 20px; height:560px;}

.header .logo img{ height:36px;  margin:32px 0}

.banner .swiper-slide .num span:nth-child(1){ padding-right:65px;}
.banner .swiper-slide .num span:nth-child(1):after{ width:60px;}
.banner .swiper-slide .num span:nth-child(2){ padding-left:65px;}
.banner .swiper-slide .num span:nth-child(2):after{ width:60px; }

.banner .swiper-button-prev{ left:200px}
.banner .swiper-button-next{ left:240px}

.header .menu li .menu_a{ font-size:16px; margin: 0 16px;}

.title { margin-bottom:25px;}
.title h4{ font-size:35px; line-height:35px;}
.title h3{font-size:32px }
.title h3 span{ font-size:20px; }

.prodetail .wrap .wenzi h3{ font-size:35px; line-height:35px;}

.nbanner .text h3{ margin-bottom:10px; font-size:50px; line-height:50px;}
.nbanner .text p{ font-size:24px;line-height:35px;}
}

@media screen and (max-width: 1240px){
.wrap{ width:94%;}
body{ font-size:15px;}
#a01, #a02, #a03, #a04,#a05, #a06, #a07, #a08{margin-top:-90px;}
.header{height:90px;}
.header .search a{height:90px;}
.header .search .sub{top:90px;}
.header .language{ line-height:90px}
.header .menu li .menu_a{ line-height:90px;}
.header .logo img{ height:36px;  margin:28px 0}

.banner .swiper-slide .text h3{ font-size:35px;}
.banner .swiper-slide .text p{ font-size:20px; line-height:30px}

.banner .swiper-slide .text .more{ width:158px; height:40px; line-height:40px; padding-right:35px; font-size:16px;background:url(../images/bmore.png) no-repeat 80% center;background-size:20px auto}
.banner .swiper-slide .text .more:hover{ background:url(../images/bmore02.png) #fff no-repeat 80% center; background-size:20px auto}

.piano-banner li.act .a-box .more02{ width:158px; height:40px; line-height:40px;font-size:16px; background:url(../images/bmore.png) no-repeat 80% center;background-size:20px auto}
.piano-banner li.act .a-box .more02:hover{background:url(../images/bmore02.png) #fff no-repeat 80% center; color:#006934; background-size:20px auto}

.nab05 .more { margin-top:30px}
.nab05 .more a{ width:158px; height:40px; line-height:40px;font-size:16px;font-size:16px; background:url(../images/bmore02.png) no-repeat 80% center;background-size:20px auto}
.nab05 .more a:hover{background:url(../images/bmore.png) #006934 no-repeat 80% center;background-size:20px auto}

.newsdetail .more a{width:158px; height:40px; line-height:40px;font-size:16px;font-size:16px;  background:url(../images/bmore02.png) no-repeat 80% center;background-size:20px auto}
.newsdetail .more a:hover{background:url(../images/bmore.png) #006934 no-repeat 80% center; background-size:20px auto}

.section{ padding:60px 0 70px 0;}
.sectionpre{ padding-top:60px;}
.sectionnext{ padding-bottom:70px;}
.footer.section{ padding:50px 0;}

.nyoushi .item h3, .nyoushi .item h3 span{ font-size:40px; height:40px; line-height:40px;}
.nyoushi .item:first-child h3{ font-size:16px;}

.newslists .newskuai .date{ left:0}
.newslists .newskuai .wenzi{width: calc(72% - 100px); padding: 0 20px;margin-left: 100px; margin-top: 0%;}
.newslists .newskuai .wrap{ padding:30px 0}
.newslists .newskuai .wenzi h3{ font-size:18px; margin-bottom:5px}
}


@media screen and (max-width: 1200px){
.header .menu li .menu_a{ font-size:16px; margin: 0 16px;}
.phshow{ display:block !important}
.pcshow{ display:none !important}

.banner .swiper-slide .text h3{ font-size:30px;}
.banner .swiper-slide .text p{ font-size:18px;}
.header .language a{ padding-left:25px;}
.iyoushi .wrap .item .text h3{ font-size:20px;}
.piano-banner li .a-box .inn .text h3{ font-size:24px;}
.piano-banner li .a-box .inn .text p { font-size:14px; line-height:20px; }
.footer li:nth-child(6){ display:none}

.footer .fcontent{ padding: 40px 0 60px 0;}
.footer .copyright{padding: 20px 0 30px 0;}

.nbanner .text h3{ font-size:45px; line-height:45px;}
.nbanner .text p{ font-size:20px;width:40%;}
.newsdetail .ntitle h3{ font-size:24px;}
.feedback .conn{ padding:20px}
}
@media screen and (max-width: 1100px){
.menu-btn{ display:block}
.header .menu{ display:none;}
.header .search{ display:none;}
.header .language{ margin-right:55px}
.float_r{ display:none}
.footer .copyright{ margin-bottom:55px;}
.m-foot{ display:block}
.nbanner img{ width:120%; margin-left:-10%;}
}
@media screen and (max-width: 920px){
.banner .swiper-slide .text h3{ font-size:20px; width:66%; line-height:30px;margin-bottom:10px;}
.banner .swiper-slide .text p{ font-size:14px;width:66%; line-height:20px;}	
.banner .rollpic{ left:36%}

.header .logo img{ height:30px; margin:25px 0}

#a01, #a02, #a03, #a04, #a05, #a06, #a07, #a08{margin-top:-80px;}
.header{height:80px;}
.header .language{ line-height:80px}
.menu-btn .line1{ margin-top:33px}

.banner .swiper-slide .num span:nth-child(1){ padding-right:55px;}
.banner .swiper-slide .num span:nth-child(1):after{ width:50px;}
.banner .swiper-slide .num span:nth-child(2){ padding-left:55px;}
.banner .swiper-slide .num span:nth-child(2):after{ width:50px; }
.banner .swiper-slide{ height:520px}

.banner .swiper-slide .text .more{ width:138px; height:36px; line-height:36px; padding-right:25px; font-size:15px;background:url(../images/bmore.png) no-repeat 80% center;background-size:16px auto}
.banner .swiper-slide .text .more:hover{ background:url(../images/bmore02.png) #fff no-repeat 80% center; background-size:16px auto}

.piano-banner li.act .a-box .more02{ width:138px; height:36px;  line-height:36px;  padding-right:25px; font-size:15px;background:url(../images/bmore.png) no-repeat 80% center;background-size:16px auto}
.piano-banner li.act .a-box .more02:hover{background:url(../images/bmore02.png) #fff no-repeat 80% center; background-size:16px auto}

.nab05 .more { margin-top:25px}
.nab05 .more a{ width:138px; height:36px;  line-height:36px;  padding-right:25px; font-size:15px;background:url(../images/bmore02.png) no-repeat 80% center;background-size:16px auto}
.nab05 .more a:hover{background:url(../images/bmore.png) #006934 no-repeat 80% center;background-size:16px auto}

.newsdetail .more a{width:138px; height:36px;  line-height:36px;  padding-right:25px; font-size:15px;background:url(../images/bmore02.png) no-repeat 80% center;background-size:16px auto}
.newsdetail .more a:hover{background:url(../images/bmore.png) #006934 no-repeat 80% center; background-size:16px auto}

.banner .swiper-button-prev{ left:180px}
.banner .swiper-button-next{ left:220px}

.banner .swiper-button-prev, .banner .swiper-button-next{ bottom:20px}
.banner .swiper-slide .num{ bottom:23px;}

.prodetail .wrap .wenzi h3{ font-size:32px; line-height:32px;}
.title h4{ font-size:32px; line-height:32px;}
.title h3{font-size:28px }
.title h3 span{ font-size:18px; }
.title p{ font-size:16px}
.ihistory .swiper-container{ margin:0 40px}
.ihistory .swiper-button-prev, .ihistory .swiper-button-next{ width:40px; height:40px; margin-top:-20px;}
.ihistory .intro{padding: 30px 0 25px 20px; height:500px;}
.piano-banner li .a-box .inn .intro{ font-size:15px; line-height:24px; height:96px;}
.piano-banner li .a-box .inn .text h3{ margin-bottom:0}
.ihistory .line{ bottom:140px}
.piano-banner li .a-box .more01{ width:40px; height:40px; background:url(../images/bmore.png) no-repeat center center; background-size:20px auto }


.section{ padding:40px 0 50px 0;}
.sectionpre{ padding-top:40px;}
.sectionnext{ padding-bottom:50px;}
.footer.section{ padding:40px 0;}

.footer li:nth-child(2), .footer li:nth-child(3), .footer li:nth-child(5), .footer li:nth-child(4), .footer li:nth-child(6){ display:none}

.nbanner .text h3{ font-size:35px; line-height:35px;}
.nbanner .text p{ font-size:18px;line-height:30px;width:100%;}
.nbanner img{ width:140%; margin-left:-20%;}
.nbanner .text{ top:60%}

.nnav{ height:50px; line-height:48px;}
.nnav li.cur a, .nnav li:hover a{ line-height:48px}
.nnav li a{margin: 0 6px}


.nnav ul { text-align:center; vertical-align: auto;display:flex; display:-webkit-flex;}
.nnav ul li{white-space:nowrap;}
.nnav ul{ overflow-x:auto;overflow-y: hidden; width:100%;}

.nnavabout { height:98px}

.nab06 .conn{ padding:0 }
.gallery-thumbs {width:100%; position: relative; left:auto; bottom:auto}
.gallery-top {width: 100%;float:none}
.nab06 .swiper-button-prev, .nab06 .swiper-button-next{ width:40px; height:40px;bottom:20px;}
.youshilist .title p{ font-size:16px}
.sollist .intro{font-size:16px; line-height:30px;}

.prolist .prokuai .pic{ width:100%; float: none}
.prolist .prokuai .text{ float:none; width:100%; margin:30px 0 }
.prolist .prokuai:nth-child(2n+1) .pic{ float:none}
.prolist .prokuai:nth-child(2n+1) .text{ float:none}
.prolist .prokuai .rolls{ width:100%; right:auto; bottom:auto; position: relative;padding:15px;background:#ebf3ef;}

.prolist .prokuai .num{ color:#f2f5f3; font-size:200px; line-height:140px; position:absolute; top:0; right:0; z-index:-1}
.prolist .prokuai .text .tit h3{ font-size:24px; line-height:30px;}
.prolist .prokuai .text .tit p{ font-size:15px}
.prolist .prokuai .text .intro{ font-size:16px; }
.prolist .prokuai .swiper-slide p{ text-align:center; font-size:16px;}
.prolist .prokuai:after{ display:none}



}
@media screen and (max-width: 768px){

.sollist .kuai .pic{ float:none; width:100%}
.sollist .kuai .wenzi{ float:none; width:100%; margin-top:20px}
.sollist .kuai:nth-child(2n) .pic{ float:none}
.sollist .kuai:nth-child(2n) .wenzi{ float:none}

.sollist02 .kuai .pic{ width:100%; float:none; margin-bottom:0px;}
.sollist02 .kuai .wenzi{ position: relative; width:100%; height:auto; background:#fff; top:auto; left:auto}
.sollist02 .kuai .wenzi .inn{position:relative; padding:15px 15px 35px 15px ; }
.sollist02 .kuai .title h3{ font-size:20px}

.enlist li{ width:48.5%; margin:1.5% 3% 1.5% 0; padding:6px;}
.enlist li:nth-child(2n){ margin-right:0}
.enlist li:nth-child(4n+1){ clear:none; }
.enlist li:nth-child(2n+1){ clear:both; }
.enlist li .text h3{ font-size:16px;}

.enlist li .hd .closed{ left:calc(50% + 140px); top:calc(15% - 15px);}
.enlist li .hd .pro_con{ width:360px;margin-left:-180px; padding:10px;}

.newslists .newskuai .wenzi h3{ font-size:17px; margin-bottom:5px}
.newsdetail .ntitle h3{ font-size:20px;}

.ncontact .title p, .feedback .title p{ font-size:16px;}
.ncontact .item{line-height:30px;}
.ncontact .item .wenzi p{ color:#999; font-size:16px;}
.ncontact .item .wenzi h3{font-size:16px;}
.nyx .item{ font-size:16px;}

.feedback .form .column{ float:none; width:100%; margin-right:0;}
.feedback .form .row_1 { margin-right:0px}

.hrtop{ font-size:17px; line-height:60px;padding: 0px 15px;}
.hrtop span:nth-child(2), .hrtop span:nth-child(3), .hrtop span:nth-child(4){ display:none}
.hrtop span{ width:30%;}
.hrtop span.job{ width:70%;}
.hrlist li.cur .toptit {background: url(../images/nanext05.png) no-repeat calc(100% - 15px) center;}
.hrlist .toptit{padding: 0px 15px;background: url(../images/nanext04.png) no-repeat calc(100% - 15px) center;}
.hrlist .toptit span:nth-child(2), .hrlist .toptit span:nth-child(3), .hrlist .toptit span:nth-child(4){ display:none}
.hrlist .toptit span{ width:30%;}
.hrlist .toptit span.job{ width:70%}
.hrlist .cont{margin: 15px 15px;}

.hrlist .cont .tomail{ background:url(../images/bmore.png) #006934 no-repeat 92% center; padding-right:30px; width:300px; height:50px;}
.hrlist .cont .tomail:hover{ background:url(../images/bmore.png) #006934 no-repeat 93% center;}

.ntit h3{ font-size:24px}
.prolists .item{ width:48.5%; margin-right:0%; margin-bottom:3%}
.prolists .item:nth-child(3n+1){ clear:none}
.prolists .item:nth-child(2n){ float:right}
.prolists .item:nth-child(2n+1){ clear:both}

.prolists .item p{ font-size:18px}
.prolists .item .text{ line-height:30px;}

.prodetail .wrap .pics{ float:none; width:100%}
.prodetail .wrap .wenzi{ float:none; width:100%; margin-top:0px; padding:0 20px 20px 20px}

.prodetail .wrap .wenzi h3{ font-size:28px; line-height:30px;}
.prodetail .wrap .wenzi .intro{ line-height:30px; font-size:16px;}
}
@media screen and (max-width: 640px){
.banner .swiper-slide{ height:380px; min-height:350px;}
.iyoushi{ padding:35px 0}
.iyoushi .wrap .item { width: 100%;float: none; padding-bottom:15px; margin-bottom:15px; border-bottom:solid 1px #ddd}
.iyoushi .wrap .item .text h3{ font-size:18px;}
.iyoushi .wrap .item .text p{-webkit-line-clamp:5;}
.iyoushi .wrap .item:last-child{ padding:0; margin:0; border:none;}
.piano-banner { display:block; height:700px;}
.piano-banner li {width:50%;height: 50%; float:left}
.piano-banner li.act {width: 50%;}
.piano-banner li.opc {width: 50%;}
.piano-banner li .a-box .inn .icon{ width:78px; height:78px;}
.piano-banner li .a-box .inn .icon img{ display:block; width:100%; height:auto}
.piano-banner li .a-box .inn .text{ margin:15px auto;}

.piano-banner li .a-box .inn .text h3{ font-size:20px;}
.piano-banner li .a-box .inn .text p { font-size:12px; }
.piano-banner li .cover-box img{ height:100%; width:auto}

.title h4{ font-size:28px; line-height:30px;}
.title h3{font-size:24px }
.title h3 span{ font-size:16px; }
.title p{ font-size:15px}

.icoper .qimo8{ height:90px;}
.icoper .qimo8 .qimo ul li img { height:70px;}

.footer ul{ display:block}
.footer ul li{ display:block; width:100%; clear:both}
.footer li:nth-child(7) img{ display: block; padding-top:25px}
.footer li:nth-child(1) img{ height:30px; width:auto}
.footer li  p.tel{padding-left:25px }
.footer li p.mail{padding-left:25px }
.footer li p.add{padding-left:25px }
.footer li p.fax{padding-left:25px }
.footer .wrap{ width:100%; padding-left:2%}
.footer .copyright{ line-height:24px;}

.nbanner .text h3{ font-size:23px; margin:0; line-height:30px;}
.nbanner .text p{ font-size:14px;line-height:24px;}

.nbanner img{ width:160%; margin-left:-30%;}

.nab01 .compic{ position:relative; width:100%; top:auto; right:auto}
.nab01 .company{ width:100%}
.nab01 .compic img{ display:block; width:100%; height:auto}

.nyoushi { margin-top:10px;}
.nyoushi .item{ float:left; width:calc(50% - 0.5px); border-right:solid 1px #bbb; font-size:16px; margin-top:20px }
.nyoushi .item:nth-child(2n){ border-right:none}
.nyoushi .item:nth-child(2n+1){ clear:both}
.nyoushi .item h3, .nyoushi .item h3 span{ font-size:30px; height:30px; line-height:30px;}
.nyoushi .item h3{ margin-bottom:5px}

.nab03 .item{ float:none; width:100%; margin-right:0%; margin-bottom:20px}


.nab06 .title {position: relative}



.nab03 .item .wenzi .inn h3{ font-size:20px}
.nab03 .item .wenzi{ min-height:auto}


.nab05 .swiper-button-prev, .nab05 .swiper-button-next{ width:40px; height:40px; margin-top:-20px;}
.nab05 .conn{ width:96%; margin:0 auto}


.newslists .newskuai .pic{ float:none; width:100%; margin-bottom:20px}
.newslists .newskuai .wenzi{ float:right; width:calc(100% - 88px); padding:0x; margin-left:0px;}
.newslists .newskuai .date{ position:relative; float:left; margin-top:0}

.newsdetail .conn{ font-size:16px}

.ncontact .item{ float:none; width:100%; margin-top:30px;}
.ncontact .item .icon{ margin-bottom:10px}

.nyx .item{ width:100%; float:none; margin-top:30px;}
.nyx .item:nth-child(1){ margin-top:10px}
.nyx .item .icon{ max-width:80px;}

.youshilist .swiper-pagination-bullet{width:18px;height:5px;}
.prolist .prokuai:nth-child(2n+1) .num{ right:0; left:auto}
.prolist .prokuai .num{ font-size:120px; line-height:80px; }

.prodetail .wrap .wenzi h3{ font-size:24px;}

.piano-banner li .a-box .inn .intro{ display:none !important}
.piano-banner li .a-box .inn .text h3{ margin-bottom:15px;}
}

@media screen and (max-width: 480px){
.piano-banner li .a-box .inn .text p { display:none}
}