@charset "utf-8";
/* CSS Document */
.menu-btn{ height:76px; margin:0 20px; width:25px;cursor:pointer; display:none}
.menu-btn span{display:block; height:2px; width:25px; background:#076e49; margin-bottom:5px}
.menu-btn .line1{ margin-top:30px}
.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: 0; border:none}
.m-menu li.last form #searchBtn {width: 80px;height: 40px;background: #076e49;color: #FFF;margin-left: -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:#076e49; 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: 1366px){
.banner .swiper-button-prev, .banner .swiper-button-next{ display:none !important}
.banner{ width:110%; margin-left:-5%}
.piano-banner {height:500px;}
.piano-banner li.act {width: 50% !important;}
.piano-banner li.opc {width: 25% !important;}
.iabout .ableft{ width:25%}
.iabout .abright{ width:62%}
.header .menu li .menu_a{ margin:0 18px;}

.section{ padding:60px 0 80px 0;}
.sectionpre{ padding-top:60px;}
.sectionnext{ padding-bottom:80px;}
.footer.section{ padding:60px 0;}
.iabout .ableft .ablogo img{ width:230px;}
.piano-banner .a-box .PB-name{ font-size:24px;}
.header .search a{ margin: 28px 12px;}
.nbanner{ width:130%; margin-left:-15%}
}
@media screen and (max-width: 1240px){
.title h3{ font-size:32px; line-height:32px;margin-bottom:15px;}
.title h3 span{ font-size:18px}
.title h4{ font-size:22px;margin-bottom:20px;}
.title h5{ font-size:15px;margin:15px 0;}
.wrap{ width:95%;}
.header .bg{ min-width:250px;}
.header .top .wel{padding-left: 248px;}
.header .menu li .menu_a{ margin:0 15px;}
.title p{ padding:0}
}

@media screen and (max-width: 1090px){ 
.header .menu { display:none}
.header .search{ display:none}
.menu-btn{ display:block; position:absolute; top:0; right:0}
.header .top{ display:none}
.header{ height:76px}
.header .bg:after{border-bottom: solid 76px #076e49;}
.header .language{ margin-right:56px;}
.header .bg{ min-width:210px;}
.header .logo{ margin-top:-20px; }
.header .logo img{ height:40px;}
.header.scroll .logo img{ height:40px}
body{ font-size:15px; line-height:28px;}
.banner{ width:120%; margin-left:-10%}

.title h3{ font-size:28px; line-height:30px;}
.title h3 span{ font-size:16px}
.title h4{ font-size:20px;}
.m-foot{ display:block;}
.copyright{ margin-bottom:55px}
.nbanner{ width:140%; margin-left:-20%}
}
@media screen and (max-width: 1024px){ 
.footer li:nth-child(4), .footer li:nth-child(5), .footer li:nth-child(6){ display:none}

.hrlist .item .hd .closed{margin-top:30px; margin-left:320px;}
.hrlist .item .hd .hr_con{ width:780px;margin-left:-390px; padding:20px; line-height:30px;}
.hrlist .item .hd .hr_con .hrtitle{ margin:20px 0}
.hrlist .item .hd .hr_con h3{ font-size:22px;}

.newsxiang .newsx{ float:none; width:100%}
.newsxiang .tuijiannews{ display:none}
.newsxiang .newsx .newstitle h3{ font-size:20px;}

.newslist .newskuai { padding:20px 0;}
.newslist .newskuai .pic{ float:left; width:16.5%; border:solid 1px #ddd}
.newslist .newskuai .wenzi{ padding:10px 20px; width:calc(83.5% - 60px); float:left}
.newslist .newskuai .wenzi h3{ font-size:18px;}

.case-con .conn{ padding:30px; margin-top:20px}

.nhezuo{ padding-top:0px}
.nhezuo .item{ float:left; width:48.5%; position:relative}
.nhezuo .item:nth-child(2n){ float:right}
.nhezuo .item .wenzi{ line-height:60px; font-size:20px; position: relative; left:0; bottom:auto;}


.nwenhua .item{ border:solid 1px #ddd; background:#fff; padding:3%; margin-left:-1px; margin-top:-1px; float:left; width:33.33%; min-height:310px;}

.nwenhua .item .text h3{ font-size:20px;}
.nwenhua .item .text p{ font-size:16px;}



}
@media screen and (max-width: 768px){ 
#a01, #a02, #a03, #a04{margin-top:-70px;}
.header{ height:70px}
.header .bg:after{border-bottom: solid 70px #076e49;}
.header .search, .header .language{ line-height:70px;}
.header .nav .wrap{height:70px; }
.header .bg{ min-width:170px;}



.header .logo{ margin-top:-17px; }
.header .logo img{ height:34px;}
.header .nav{ background:#fff}

.header.scroll .bg{height:70px;}
.header.scroll .bg:after{border-bottom: solid 70px #076e49;}
.header.scroll .logo img{ height:34px}


.banner { margin-top:40px}
.nbanner { margin-top:40px}
.menu-btn .line1{ margin-top:28px}
.title p i{ display:none}

.title h3{ font-size:25px; }

.iabout:before{ display:none}
.iabout:after{ display:none;}
.iabout.section{ padding:0}
.iabout .ableft { float:none; width:100%; background:#076e49; padding:50px 20px}
.iabout .abright { float:none; width:100%; padding:50px 20px; background:url(../images/abbg.jpg) no-repeat center center; background-size:cover;}
.iabout .ableft .ablogo img{ width:160px;}
.iabout .ableft .title{padding: 40px 0 0px 0;}
.iabout .ableft .intro li { font-size:16px;}
.iabout .ableft .intro li{ line-height:55px}
.iabout .abright .youshi li h3{ font-size:40px;}

.banner{ width:124%; margin-left:-12%}
.float_r{ display:none }
.copyright{ padding:18px 0}
.footer.section{ padding:40px 0;}

.nbanner{ width:150%; margin-left:-25%}

.ncb01 .item{ float:none; width:100%;border-right:none;border-bottom:solid 1px #ddd !important; text-align:center}
.ncb01 .item:nth-child(1){border-top:solid 1px #ddd !important;}

.message{  margin:20px auto 0 auto}
.message label{ line-height:38px; }
.message .row2 .colum{ width:100%; float:none}
.message .row2 .colum:nth-child(2){ float:none}
.message .inp{line-height:38px;}
.message textarea{height:120px; }
.message .submit{ width:60%; line-height:42px; height:42px;font-size:17px;}
.message .conn form{ padding:40px 0}


.nhr .title h3 span{font-size:35px;}
.nhr .kuai .hpic{ width:100%; margin-left:0%; padding-bottom:0px;}
.nhr .kuai .wenzi{ position: relative; width:100%; height:auto;top:auto; left:auto}
.nhr .kuai .wenzi .inn{position: relative; padding:30px 15px 70px 15px;}
.nhr .kuai .wenzi .intro{ height:360px; overflow-y:auto; margin-bottom:0px}
.nhr .swiper-slide .num{ right:10px}

.hrlist .conn{ padding-top:0px;}
.hrlist .item .hd .closed{margin-top:30px; margin-left:250px;}
.hrlist .item .hd .hr_con{ width:640px;margin-left:-320px; }
.hrlist .item .hd .hr_con h3{ font-size:20px;}

.hrfazhan .item{ float:none; width:100%; margin-right:0%; padding:40px 20px; height:auto;margin-bottom:20px; margin-top:0px;}
.hrfazhan .item:hover{ padding:40px 20px; margin-bottom:20px; margin-top:0px;height:auto;}
.hrfazhan .item:nth-child(3n){ margin-right:0}
.hrfazhan .item .intro p{ display:block}
.hrfazhan .item .intro h3{ font-size:20px;}
.hrfazhan .item .icon{ width:25%}

.nhuizhan .hztop, .zhlist .hzkuai{ padding:14px 5px; line-height:30px}
.nhuizhan .hztop{ font-size:16px;}
.nhuizhan .hztop span:nth-child(1),.zhlist .hzkuai span:nth-child(1){ display:none}
.nhuizhan .hztop span:nth-child(2),.zhlist .hzkuai span:nth-child(2){ display:none; text-align:left}
.nhuizhan .hztop span:nth-child(2),.zhlist .hzkuai span:nth-child(2){ display:none}
.nhuizhan .hztop span:nth-child(3),.zhlist .hzkuai span:nth-child(3){ width:calc(100% - 90px); padding-left:0%; text-align:left}
.nhuizhan .hztop span:nth-child(4),.zhlist .hzkuai span:nth-child(4){ width:90px;font-size:14px; text-align:right}


.newsxiang .newsx .shangxia {height:auto; padding:15px 0;display: block;  }
.newsxiang .newsx .shangxia p{ width:100%; display:block;}
.newsxiang .newsx .shangxia p:nth-child(2){ text-align:left}

.npro .pright li{ float:left; width:48.5%; margin-right:0%; margin-bottom:3%}
.npro .pright li:nth-child(3n+1){ clear:none}
.npro .pright li:nth-child(2n){ float:right}
.npro .pright li:nth-child(2n+1){ clear:both}

.nnav.nnav02 li{width:auto; min-width:22%; max-width:25%}
.nprox .picleft .swiper-slide{ padding:0}
.nprox .text h3{ font-size:24px; }

.njianjie .wenzi{ float:none; width:100%; margin:30px 0}
.njianjie .pics{ float:none; width:100%; padding:20px 20px 20px 0; position:relative} 
.njianjie{ background:none}
.njianjie .pics .swiper-button-prev, .njianjie .pics .swiper-button-next{ width:60px; height:50px;bottom:20px}
.njianjie .pics .swiper-button-prev{ right:81px}
.njianjie .pics .swiper-button-next{ right:20px}

.nwenhua .item{ padding:20px; width:50%; min-height:310px;}
.nleader{ background:none}
.nleader:after{ display:none}
.nleader .lpic{ float:none; width:100%; }
.nleader .lpic img{ display:block; width:100%; height:auto}
.nleader .lpic:after{ display:none}
.nleader .wenzi{ float:none; width:100%;position:relative; z-index:2; margin-top:40px;}
}

@media screen and (max-width: 640px){ 
.piano-banner {width: 100%;height:auto;display: block;}
.piano-banner li {width:100%;height: 260px; margin-top:20px;}
.piano-banner li a .cover-box img {height: 100%; width:100%}
.piano-banner li:first-child(1){ margin-top:0}
.piano-banner li.act {width: 100% !important;}
.piano-banner li.opc {width: 100% !important;}
.piano-banner .a-box {bottom: 0;left: 0;}
.piano-banner .a-box .PB-name{ font-size:20px; padding:25px 25px 0 25px}
.piano-banner li .zi-text {display: block;background: linear-gradient(rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 70%); padding:0 25px 25px 25px}
.iabout .abright .youshi{ margin:40px 0 30px 0;}
.iabout .abright .youshi ul{ display: block;}
.iabout .abright .youshi li{ display:block; float:left; width:50%; text-align:center; margin-bottom:20px;}
.iabout .abright .youshi li h3{ font-size:30px;}

.inews .topnews{ width:100%; float:none; padding:15px; margin-bottom:20px}
.inews .othernews{ float:none; width:100%}
.header .language a{ display:block;}

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

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

.nnav .wrap{padding:15px; line-height:32px; text-align:center}


.hrlist .item{ width:100%; cursor:pointer; margin-bottom:20px; padding:15px; float:none }
.hrlist .item:nth-child(2n){ float:none}

.hrlist .item .hd .closed{ margin-left:105px;}
.hrlist .item .hd .hr_con{ width:94%;margin-left:0; left:3% }
.hrlist .item .hd .hr_con .kuai{padding: 20px 0;}

.newslist .newskuai{ padding:10px 0}
.newslist .newskuai .pic{ float:none; width:100%;}
.newslist .newskuai .wenzi{ padding:20px 0; width:calc(100.5% - 60px); float:left}
.newslist .newskuai .date{ top:auto; bottom:25px}

.case-con .conn{ padding:20px; margin-top:0px}
.case-con-left{width:100%; float:none; margin-bottom:20px}
.case-con-right{width:100%; float:none;}

.nhezuo .item{ float:none; width:100%; margin-bottom:20px;}
.nhezuo .item:nth-child(2n){ float:none}
.nhezuo .item .wenzi{ line-height:46px; font-size:18px; }

.npro .nprolist{float:none; width:100%; margin-bottom:25px}
.npro .pright{ float:none; width:100%}
.npro .pright .wenzi{ padding:20px 10px}

.nprox .picleft{ width:100%; max-width:100%; margin:0  }
.nprox .text{ position: relative; width:100%; height:auto; padding:40px 20px; top:auto; right:0; }


.nprox03 li{ float:left; width:48.5%; margin-right:0%; margin-bottom:3%}
.nprox03 li:nth-child(4n+1){ clear:none}
.nprox03 li:nth-child(2n){ float:right}
.nprox03 li:nth-child(2n+1){ clear:both}
.nprox03 .wenzi{ padding:20px 15px}
.nprox03 .wenzi h3, .npro .pright .wenzi h3{ font-size:16px;}
.footer li .flogo{max-width: 150px;}


.i-honorlist .swiper-container{width:100%}
.i-honorlist .swiper-slide .pics{ padding:20px;}
.i-honorlist .swiper-slide-active .pics{ padding:0px;}
.i-honorlist .swiper-button-prev, .i-honorlist .swiper-button-next{ width:40px; height:40px; top:auto; bottom:0}
.i-honorlist .swiper-button-prev{ background:url(../images/bpre02.png) #fff no-repeat center center; background-size:40px auto; left:50%; margin-left:-45px}
.i-honorlist .swiper-button-next{ background:url(../images/bnext02.png) #fff no-repeat center center;background-size:40px auto; right:50%;  margin-right:-45px}
.i-honorlist .swiper-button-prev:hover{ background:url(../images/bpre.png) #076e49 no-repeat;background-size:40px auto;}
.i-honorlist .swiper-button-next:hover{ background:url(../images/bnext.png) #076e49 no-repeat; background-size:40px auto;}
.i-honorlist .swiper-slide{ padding-bottom:55px}

.ndown .conn .kuai{ float:none; width:100%; padding:15px; line-height:30px; font-size:16px; margin-bottom:20px; }
.ndown .conn .kuai:nth-child(2n){ float:none}
.ndown .conn .kuai:nth-child(2n+1){ clear:both}


.ndown .conn .kuai a{display:table;background:url(../images/down02.png) no-repeat center right;background-size:30px auto; }
.ndown .conn .kuai a:hover{background:url(../images/down.png) no-repeat center right;background-size:30px auto;}
.ndown .conn .kuai .wenzi{display: table-cell; vertical-align: middle;width:60%; padding:0 40px 0 30px;  }
}


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

.iproduct .pro-nav li{  margin:0 10px; padding-bottom:15px; font-size:14px; 
}