@charset "utf-8";
/* CSS Document */
.m-menubtn02{position: absolute;z-index: 102;top:50%;left: 0;width:20px;  cursor: pointer; -webkit-transition:.5s;transition:.5s; display:none}
.m-menubtn02 span{position: absolute;top:0;bottom: 0;left: 0; right: 0; width:20px;height:1px; background: #333; margin: auto; display:block;}
.m-menubtn02 span:before, .m-menubtn02 span:after {content: "";width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;right: 0;margin: auto; background-color: #333;}
.m-menubtn02 span:before {bottom: 7px;}
.m-menubtn02 span:after {bottom: -7px; width:16px; margin-right:4px;}
.m-menubtn02 span, .m-menubtn span:before, .m-menubtn02 span:after{-webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);-moz-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);-o-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);}
.m-menubtn02.active span{ background:#fff}
.m-menubtn02.active span:before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}
.m-menubtn02.active span:after {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.m-menubtn02.active span:before, .m-menubtn02.active span:after {right: 0;bottom: 0;}
.m-menubtn02.active span:after{ width:20px; margin-right:0px;}


.m-menu02{position: fixed; right:0;left:0;top:60px; width:100%; height:100vh;z-index:400; background:#fff;display: none;}
.m-menu02 .m-menu02-con{height: -webkit-calc(100vh - 60px);height: -moz-calc(100vh - 60px);height: calc(100vh - 60px);overflow: auto;padding-bottom: 80px;}
.m-menu02 li{ position: relative;border-bottom: 1px solid #ddd;}
.m-menu02 li:nth-child(1){border-top: 1px solid #ddd;}
.m-menu02 li>a{ font-size:16px;line-height:50px; padding:0 6%; position:relative}
.m-menu02 li>i{ position:absolute; width:10px; height:10px; right:6%;top:20px; cursor:pointer;}
.m-menu02 li>i:before{ content:""; width:10px; height:1px; background:#333; position:absolute; left:0;top:50%; margin-top:-0.5px;}
.m-menu02 li>i:after{ content:""; width:1px; height:10px; background:#333; position:absolute; left:50%; margin-left:-0.5px; top:0;}
.m-menu02 li.on i:after{ -moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg); opacity:0}

.m-menu02 a{ display:block; color:#101010;}
.m-menu02 .sub{ display:none; background:#f5f5f5; padding:10px 0}
.m-menu02 .sub li{ border-bottom:0}
.m-menu02 .sub a{color:#333; line-height:35px;font-size:14px; padding:2px calc(6% + 20px); position:relative}
.m-menu02 .sub ul ul{ padding-left:20px; padding-bottom:5px}
.m-menu02 li .yuyan{ background:url(../images/download.svg) no-repeat 6% center; background-size:13px auto; padding-left:calc(20px + 6%); }

.m-foot{ position:fixed; width:100%; height:58px; left:0; bottom:0;background:#0f63aa; color:#fff; display:none; z-index:99}
.m-foot li{ float:left; width:33.3%; text-align:center;}
.m-foot li a{ color:#fff; font-size:16px; display:block;}
.m-foot li.li2 a{ background:url(../images/kf-emails.png) no-repeat center 5px; padding-top:27px}
.m-foot li.li3 a{ background:url(../images/fltel.png) no-repeat center 5px; padding-top:27px}
.m-foot li.li4 a{ background:url(../images/right_pic6.png) no-repeat center 3px; padding-top:27px}


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

@media screen and (max-width:1850px){
h1, h2, h3, h4, h5{ letter-spacing:2px;}

}

@media screen and (max-width:1650px){
.banner .ban-txt-con h3{ font-size:36px;}
.banner .ban-txt-con h4{ font-size:22px;}
.title h3{font-size: 36px;line-height: 36px;}
.title h5{ font-size:22px;}
.nothernews .title h3{ font-size:36px; line-height:36px;}
.piano-banner li .a-box .inn h3{ font-size:22px;}
.header .nav .menu li .menu_a{margin: 0 70px 0 0;}
.header .nav .search{ margin: 0 70px;}
.nbanner .text h3{ letter-spacing:10px;font-size: 36px; line-height:36px;}
.peixun04 .conn .item .text h3{ font-size:18px;}
.i-news .kuai .text h3, .nothernews li .text h3{ font-size:20px;}
.i-news .kuai .date, .nothernews li .date{ font-size:20px;}
.topnewslists .conn .text h3{font-size:22px;}

.footer li h3, .footer .flink span{ font-size:17px;}
.nnav li a{line-height:55px; padding: 0 26px;}
.nabout .conn p{ line-height:35px; font-size:16px;}
.title { margin-bottom:50px;}
.team .text h3{ font-size:26px;}
.team .text p{ font-size:16px;}

.msol02 .conn .item .text h3{font-size:20px;}
.msol02 .conn .item .text p{line-height:24px;}

.msol03 .conn .text .biaoj{line-height:30px; font-size:16px; }
.msol03 .conn .text .blue{font-size:16px;}

.title02 h3{ font-size:30px; line-height:30px; }
.msol03 .zucheng .text h3{margin:30px 0 20px 0; font-size:22px;}
.msol04 .list .item .text h3{font-size:22px; margin:20px 0; }
.peixun06 .conn .item .num{ line-height:80px; margin-top:-40px; font-size:36px; }
.peixun06 .conn .item .text{ padding: 55px 20px 40px 20px;}
.peixun07 .conn .item .text p{ font-size:16px; margin:5px 0 10px 0;}
.title p{ font-size:16px;}
.peixun08 .conn .text h3{font-size:22px;margin-bottom:15px;}

.i-video .titleb h3{ font-size:28px; margin-bottom:15px;}
.i-video .titleb p{ font-size:18px;}
.peixun602 .conn .item .text h3{ font-size:18px;}
.peixun602 .conn .item .text p{ font-size:14px;}
.peixun606 .list .item .text h3{font-size:18px;}

.ad .out h3{ font-size:36px; line-height:36px; margin-bottom:15px}
.ad .out h4{ font-size:22px;}

body{ font-size:14px; line-height:28px;}
.footer li:last-child .item img{ width:110px;}
.footer li:last-child{ margin-left:30px}

.erjititle{ font-size:26px !important; margin-bottom:25px; font-weight:bold}
.erjititle .number{ width:45px; line-height:45px; height:45px; }
}
@media screen and (max-width:1440px){
.topnewslists .conn .text h3{font-size:20px;}
.wrap{ width:84%;}
.footer li:last-child{ margin-left:10px}
.header .nav .menu li .menu_a{ margin-right:60px;}
.header .nav .search{ margin: 0 60px;}

.nothernews li .date span{font-size:15px;}
.footer .copyright .wrap{ font-size:14px;}
.footer .fcontent{ padding:100px 0 80px 0}
.nspace{ padding:100px 0 120px 0;}
.nspacepre{ padding-top:100px;}
.nspacenext{ padding-bottom:100px;}
.team .kuai{margin-bottom: 200px;}

.title02{margin: 100px 0 45px}


.footer .copyright .wrap{padding: 30px 0 80px 0;}
.topnewslists .conn .text h3{ margin:15px 0;}
.topnewslists .conn .text .more{ margin-top:40px;}
.topnewslists .conn .text h3{ font-size:18px;}
.i-news .kuai .text h3, .nothernews li .text h3{ font-size:18px;}
.i-news .kuai .date, .nothernews li .date{ font-size:18px;}
.nothernews li .text h3, .i-news .kuai .text h3{ margin-bottom:15px;}
.nothernews li .date span, .i-news .kuai .date span{ margin-top:15px;}
.header{ font-size:15px;}


.banner .ban-txt-con h3{ font-size:32px;}
.banner .ban-txt-con h4{ font-size:20px;}
.title h3{font-size: 36px;line-height: 32px;}
.nothernews .title h3{ font-size:32px; line-height:32px;}
.piano-banner li .a-box .inn h3{ font-size:20px;}
.nbanner .text h3{ letter-spacing:10px;font-size: 32px; line-height:32px;}
.msol02 .conn .item .text h3{font-size:18px;}

.msol03 .conn .text .biaoj{font-size:15px; }
.msol03 .conn .text .blue{font-size:15px;}

.title02 h3{ font-size:28px; line-height:28px; }
.msol03 .zucheng .text h3{margin:25px 0 15px 0; font-size:20px;}
.msol04 .list .item .text h3{font-size:20px; margin:15px 0; }
.ivideolist .video-btn{width: 60px; height: 60px; margin-left: -30px; margin-top: -30px;}

.ncontact01 .list .item h4 a{ letter-spacing:0;}
.ncontact01 .list .item{ padding:35px 10px;}
.ncontact01 .list .item h4{ margin-top:50px;}


.peixun04 .conn .item .text h3{ font-size:16px;}

.peixun06 .conn .item .text h3{ font-size:20px;}
.peixun607 .tabmenu li{ font-size:16px;padding: 5px 20px; margin:0 5px;}
.peixun607 #tabcontent{ margin-top:30px;}
.peixun607 #tabcontent ul .item .text{ font-size:15px; padding: 6px 10px 10px 10px;}

.peixun602 .conn .item:hover .text .inn{ padding:30px;}
.peixun602 .mmore a{ font-size:15px;}

.peixun605 .intro {width: 55%;}

.peixun604 .conn .item .text h3{ font-size:18px; margin-bottom:10px;}
.peixun604 .conn .item .text p{ line-height:26px; margin-bottom:15px; font-size:14px;}
.peixun603 .conn .item .text h3{ font-size:18px; margin-bottom:10px; }

.ad .out h3{ font-size:32px; line-height:32px;}
.ad .out h4{ font-size:20px;}
.footer li:last-child .item img{ width:100px;}
body{ font-size:13px;}
.footer li h3, .footer .flink span{ font-size:16px;}
.footer li:nth-child(1) { margin-right:30px;}

.erjititle{ font-size:24px !important;}
.erjititle .number{ width:24px;  }

.peixun071703 .list .item .text h3{ font-size:18px; }
.peixun071703 .list .item .text p{font-size:15px;}
}
@media screen and (max-width:1366px){
.footer li:last-child .kuai:nth-child(2){ margin-left:30px;}
body{ font-size:12px; line-height:26px;}

.nabout01 .list .item .text{padding: 8px 15px 12px 15px;}
}
@media screen and (max-width:1240px){

.wrap{ width:88%;}
.footer li:last-child{ margin-left:10px}
.footer li h3{ padding-bottom:15px;}

.nothernews li .date span{font-size:13px;}
.footer .copyright .wrap{ font-size:13px;}
.footer li h3, .footer .flink span{ font-size:14px;}
.topnewslists .conn .text p{text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}

.footer .fcontent{ padding:80px 0 60px 0}
.nspace{ padding:80px 0 100px 0;}
.nspacepre{ padding-top:80px;}
.nspacenext{ padding-bottom:80px;}
.title02{margin: 90px 0 40px}

.team .kuai{margin-bottom: 160px;}
.footer .copyright .wrap{padding: 20px 0 60px 0;}

.nothernews li{ padding:30px 0;}
.i-news .kuai{ padding:25px 0;}

.nbanner .text h3{letter-spacing: 5px;}
.nbanner .text h4{letter-spacing: 2px;}

.topnewslists .conn .text h3{ font-size:16px;}
.i-news .kuai .text h3, .nothernews li .text h3{ font-size:16px;}
.i-news .kuai .date, .nothernews li .date{ font-size:16px;}
.nothernews li .text h3, .i-news .kuai .text h3{ margin-bottom:10px;}
.nothernews li .date span, .i-news .kuai .date span{ margin-top:10px;}

.topnewslists .conn .text .more span{width: 110px; line-height: 32px; padding-right: 20px;}

.banner .ban-txt-con h3{ font-size:28px;}
.banner .ban-txt-con h4{ font-size:18px;}
.title h3{font-size: 28px;line-height: 30px;}
.nothernews .title h3{ font-size:28px; line-height:30px;}
.piano-banner li .a-box .inn h3{ font-size:18px;}
.nbanner .text h3{ letter-spacing:10px;font-size: 28px; line-height:30px;}
.nbanner .text h4{ font-size:18px; margin-top:5px}
.nnav li a{line-height:50px; padding: 0 22px;}

.i-brand .wrap{ background:url(../images/M.png) no-repeat left bottom; background-size:40% auto;}
.i-brand .brand .con{ line-height:28px;}
.nabout .conn p{ line-height:30px; font-size:14px;}
.title { margin-bottom:45px;}

.team .text h3{ font-size:24px;}
.team .text p{ font-size:15px;}

.msol02 .conn .item .text h3{font-size:16px;}

.msol03 .conn .text .biaoj{font-size:14px; }
.msol03 .conn .text .blue{font-size:14px;}

.title02 h3{ font-size:24px;}
.msol03 .zucheng .text p{ line-height:26px;}
.msol03 .zucheng .text h3{margin:20px 0 15px 0; font-size:18px;}
.msol04 .list .item .text h3{font-size:18px;}
.nbanner img{ width:110%; margin-left:-5%}

.msol04 .list .item .text p{ line-height:26px;}
.ivideolist li .tit p{ padding-bottom:10px;}
.messbox .inp-submit{ font-size:16px;}
.title h5{ font-size:20px;}

.peixun06 .conn .item .num{ line-height:70px; margin-top:-35px; font-size:30px; }
.peixun06 .conn .item .text{ padding: 50px 20px 40px 20px;}
.title p{ font-size:14px;}
.peixun08 .conn .text h3{font-size:20px;}
.peixun08 .conn .pic{ width:30%; border-radius:10px;}
.peixun08 .conn .text{ padding:20px 20px 20px 34%; }
.peixun08 .conn .text p{ line-height:26px;}

.i-video .titleb h3{ font-size:24px;}
.i-video .titleb p{ font-size:16px;}
.peixun607 #tabcontent ul .item .text{ font-size:13px;}
.peixun602 .conn .item .text h3{ font-size:16px;}

.peixun602 .conn .item .text p{ font-size:13px;}
.peixun602 .conn .item .text .more{font-size:13px;}
.peixun606 .list .item .text h3{font-size:16px;}
.peixun606 .list .item .text .more a{ font-size:13px;}

.ad .out h3{ font-size:28px; line-height:30px;}
.ad .out h4{ font-size:18px;}
.footer li:nth-child(4){ display:none}

.nabout01 .list .item .text{padding: 4px 15px 8px 15px;}

.erjititle{ font-size:22px !important;}
.erjititle .number{ width:22px;}

.peixun071702 .list .item .text{ font-size:15px; }
.peixun071702 .list .item .text{ padding:8px 10px 12px 10px;}
}


@media screen and (max-width:1199px){
.banner, .banner-box{height:640px;}	
.banner .swiper-slide{ height:640px;}
.banner .ban_video .bbg{ height:640px; }
.fp-section.fp-table, .fp-slide.fp-table { display:block; table-layout:auto;}
.fp-tableCell { display:block; table-layout:auto;}

.i-brand .brand{ left:0px; opacity:1;}
.i-brand .fj{ top:57%; opacity:1;}

.i-brand .title{ padding-top:0px; margin-bottom:20px; }
.i-brand{ padding:60px 0;}

.i-brand .brand .more a{ width:115px; line-height:35px; padding-right:20px;}

.i-product .more{margin-top:30px;}
.i-product .more a{ width:115px; line-height:35px; padding-right:20px;}

.i-video .title .more a{ width:115px; line-height:35px; padding-right:20px; }
.i-news .title .more a{ width:115px; line-height:35px; padding-right:20px; }

.i-product .title{margin-top:0px;}
.i-product{ padding:60px 0;}
.i-product .picout{ padding:10px;}
.i-product p{ width:100%; }

.i-product .left{ left:0px; opacity:1; }
.i-product .right{ right:0px; opacity:1;}

.i-app {padding:60px 0;}
.i-app .title{ margin-top:0; -webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0); opacity:1}
.piano-banner {-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0); opacity:1}
.i-app .title .more a{ width:115px; line-height:35px; padding-right:20px;}

.piano-banner{ display: -webkit-box; display: flex;flex-wrap: wrap;-webkit-box-pack: start;justify-content: flex-start; height:auto !important }
.piano-banner li:nth-child(2n){ margin-right:0}
.piano-banner li {width:calc(50% - 10px); margin-bottom:20px; height:400px;}
.piano-banner li img{ height:400px;}
.piano-banner li:last-child{ margin-right:0;}
.piano-banner li.act {width: calc(50% - 10px);}
.piano-banner li.opc {width: calc(50% - 10px);}

.piano-banner li .a-box .inn p{ line-height:28px;}
.piano-banner li.act .a-box .inn p{ margin-bottom:35px;}
.piano-banner li .a-box .inn h3{ margin-bottom:10px; line-height:26px;}

.i-video{padding:60px 0;}
.i-video .title{ padding-top:0}

.i-video{padding:0;}
.i-video .title{ padding-top:0}

.i-news{ padding:60px 0;}
.i-news .title{ margin-top:0}

.i-video .video{ margin-top:0; height:auto;}
.i-video .video video{ position: relative;left:auto;-moz-transform:translate(0%,0%);-webkit-transform:translate(0%,0%);transform:translate(0%,0%); top:auto; min-height:auto;  width:100%;}
.i-video .title{ padding:0px 0 10px 0; position:relative;}
.i-video .titleb h3{ margin-bottom:10px;}
.i-video .titleb{ bottom:10%;}
.peixun602 .conn .item .text{ height:70px;}

.peixun606 .list .item .ico{ max-width:100px; margin-left:-50px;}
.peixun606 .list .item .text { margin-top:50px;  padding:60px 20px 20px 20px; }
.peixun605 .intro {width: 55%;}

.peixun604 .conn .item .text h3{ font-size:16px; margin-bottom:10px;}
.peixun604 .conn .item .text p{ line-height:24px; margin-bottom:10px; font-size:13px;}

.peixun603 .conn .item .text h3{ font-size:16px; margin-bottom:10px;}

.culture .wrap .item h3{ font-size:20px; margin-bottom:20px;}

.peixun071701 .conn{ margin-top:30px;}
}


@media screen and (max-width:1024px){
.msol02 .conn .item{ width:100%; margin-top:20px; margin-right:0%;}
.msol04 .list .item .pic{ width:150px;}
.nothernews li .text{width: calc(100% - 380px);}

.nhr img{ width:160%; margin-left:-30%}
.nhr .title{ top:200px;}
.peixun06 .conn .item .text h3{ font-size:18px;}

.banner, .banner-box{height:540px;}	
.banner .swiper-slide{ height:540px;}
.banner .ban_video .bbg{ height:540px; }


.i-video .video video{ width:120%; margin-left:-10%}
}
@media screen and (max-width:920px){
h1, h2, h3, h4, h5{ letter-spacing:0px;}
.footer ul { display:block;}
.footer li { display:block; border-bottom:solid 1px #ddd;}	

.footer li:nth-child(1){ display:none}
.footer .fcontent{ padding:60px 0 40px 0}
.nspace{ padding:60px 0 80px 0;}
.nspacepre{ padding-top:60px;}
.nspacenext{ padding-bottom:60px;}
.title02{margin: 60px 0 25px}
.team .kuai{margin-bottom: 120px;}

.footer .copyright .wrap{padding: 20px 0 40px 0;}

.footer li h3{ line-height:40px; padding-bottom:0; position:relative;}
.footer li .sub{ display:none; padding-bottom:10px;}
.footer .flink{ position:relative; left:auto; bottom:auto; margin-top:50px;}

.footer li:last-child{ margin-left:0; padding:40px 0}

.footer li h3>i{ position:absolute; width:10px; height:10px; right:0;top:50%; margin-top:-5px; cursor:pointer;}
.footer li h3>i:before{ content:""; width:10px; height:1px; background:#333; position:absolute; left:0;top:50%; margin-top:-0.5px;}
.footer li h3>i:after{ content:""; width:1px; height:10px; background:#333; position:absolute; left:50%; margin-left:-0.5px; top:0;}
.footer li.on h3 i:after{ -moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg); opacity:0}
.footer li .sub p{ padding:0 0 0 12px; line-height:32px;}


.nothernews li .date span{font-size:12px;}
.footer .copyright .wrap{ font-size:12px;}
.footer li h3, .footer .flink span{ font-size:14px;}
.topnewslists .conn .text h3{ font-size:14px;}	
.i-news .kuai .text h3, .nothernews li .text h3{ font-size:14px;}
.i-news .kuai .date, .nothernews li .date{ font-size:14px;}
.header{ font-size:14px;}

.banner .ban-txt-con h3{ font-size:24px;}
.banner .ban-txt-con h4{ font-size:16px;}
.title h3{font-size: 24px;}
.nothernews .title h3{ font-size:24px;}
.piano-banner li .a-box .inn h3{ font-size:16px;}
.nbanner .text h3{ letter-spacing:10px;font-size: 24px; }
.nbanner .text h4{ font-size:16px; margin-top:0}

.nnav li a{line-height:45px; padding: 0 20px;}

.header .top{ display:none;}
.header{ height:60px;}
.header .nav .wrap{height:60px;}
.space{ height:60px;}
.header .nav .menu{ display:none}

.header .nav{ background:#fff;-webkit-box-shadow: inset 0px -1px #e6e6e6; box-shadow: inset 0px -1px #e6e6e6;}
.header .nav  .menu li .menu_a{ color:rgba(0,0,0,0.8);}
.header .nav .logo .img1{ display:none}
.header .nav .logo .img2{ display:block}
.header .nav .search .sou{background:url(../images/search-btn1.png) no-repeat center center; background-size:100% auto;}
.m-menubtn02{ display:block; }

.header .nav .search .sub{width:calc(100% - 148px); z-index:998}
.header .nav .search .sub{ padding-left:0%}

.header .nav .logo img{ height:30px; margin-top:15px;}
.banner .ban-txt-con h4{ margin-top:20px;}
.banner .ban-txt-con .more{ margin-top:40px;}
#fp-nav{ display:none !important}
.i-brand .brand .con{ line-height:26px;}
.title { margin-bottom:35px;}

.team .text h3{ font-size:22px;}
.team .text p{ font-size:14px;}

.team .pimg{ width:100%; float:none;}
.team .text{ position: relative; left:auto; top:auto;}
.team .text p{ width:100%; margin-bottom:60px;}
.nbanner .text{ top:45%}
.msol01 .conn p{ line-height:30px;}
.msol01 .conn .kuai{ border-radius:15px; padding:20px;}
.msol01 .conn .kuai img{ width:100%; float:none; margin-bottom:30px;}
.nvideo video{border-radius:15px; }

.msol02 .conn .item .text h3{font-size:14px;}
.nnav .wrap{ width:100%; max-width:100%;}
.title02 h3{ font-size:20px;}

.msol03 .zucheng .text h3{font-size:16px;}
.msol04 .list .item .text h3{font-size:16px;}
.msol03 .zucheng .swiper-slide, .msol03 .zucheng .item{ padding:20px 20px 40px 20px; }


.msol04 .list .item .text h3{ margin: 10px 0;}
.msol04 .list .item .pic{ width:130px}

.topnewslists .conn .pic{ width:100%;}
.topnewslists .conn .text{ position: relative; z-index:98; left:auto;-moz-transform:translate(0%,0%);-webkit-transform:translate(0%,0%);transform:translate(0%,0%); top:auto; width:100%; padding:20px 20px 40px 20px;}
.ivideolist .video-btn{width: 50px; height: 50px; margin-left: -25px; margin-top: -25px;}

.header .nav .search{ margin: 0 0 0 60px;}
.header .nav .logo{ float:left; position:absolute; left:50%;-moz-transform:translate(-50%,0%);-webkit-transform:translate(-50%,0%);transform:translate(-50%,0%);}
.header .nav .search .sub{ width:100%}

.ncontact01 .list .item{ width:48.5%; margin-right:3%; margin-bottom:20px;}
.ncontact01 .list .item:nth-child(2n){ margin-right:0}
.messbox .conn{ padding:40px 20px;}
.messbox .inp-submit{height: 45px; line-height: 45px; margin:0 auto; font-size:14px; display:block;}
.messbox .inp, .messbox label{ line-height:42px; height:42px;}
.messbox .items{ margin-bottom:15px;}
.messbox .items-3{ float:none; width:100%}


.peixun01 .fj{ width:90%; max-width:540px; margin:0 auto 35px auto}
.peixun01 .intro{ width:100%; margin-left:0%; position: relative; top:auto; right:auto;-moz-transform:translate(0%, 0%);-webkit-transform:translate(0%,0%);transform:translate(0%,0%);}
.peixun04 .conn .item .text h3{ font-size:14px;}
.title h5{ font-size:18px;}
.peixun01 .fj .wrj{ margin-top:50px;}
.peixun02 .swiper-slide p{margin: 10px 15px 15px 15px;}
.peixun02 .swiper-slide{ margin-bottom:40px;}
.peixun06 .conn .item .text h3{ font-size:16px;}

.peixun07 .conn .item .text p{ font-size:14px;}

.peixun08 .conn .pic{ width:100%; max-width:200px; margin:0 auto}
.peixun08 .conn .text{ padding:10px 20px 40px 20px; position:relative;left: 0%; -moz-transform: translate(-0%, -0%); -webkit-transform: translate(-0%, -0%); transform: translate(-0%, -0%);  top: 0%; }
.peixun08 .conn .text h3{ text-align:center;}

.banner, .banner-box{height:490px;}	
.banner .swiper-slide{ height:490px;}
.banner .ban_video .bbg{ height:490px; }
.piano-banner li{height:300px;}
.piano-banner li img {height:300px;}

.i-video .titleb h3{ font-size:20px; }
.i-video .titleb p{ font-size:14px;}

.peixun607 .tabmenu li{ font-size:14px;}
.peixun607 #tabcontent ul .item .text{ font-size:12px;}

.peixun602 .conn .item:hover .text .inn{ padding:20px;}

.peixun602 .conn .item .text h3{ font-size:14px;}
.peixun602 .conn .item .text p{ font-size:12px;}
.peixun602 .mmore a{ width:130px; line-height:40px; height:40px; font-size:13px; margin:35px auto 0px auto}
.peixun606 .list .item .text h3{font-size:14px;}
.peixun606 .list .item .text .more a{ font-size:12px;}
.peixun602 .conn .item .text{ padding:10px 15px; line-height:22px;}

.peixun605 .fj{ width:100%; max-width:200px; margin:0 auto;}
.peixun605 .intro{width:100%; padding:0px 20px 40px 20px; position: relative; top:auto;right:auto;-moz-transform:translate(0%,0%);-webkit-transform:translate(0%,0%);transform:translate(0%,0%);}
.peixun604 .conn .item .text{ padding:15px;}
.peixun604 .conn .item .text h3{ font-size:14px; margin-bottom:8px;}
.peixun604 .conn .item .text p{ font-size:12px;}

.peixun603 .conn .item .text h3{ font-size:14px; margin-bottom:8px; line-height:25px;}

.ad .out h3{ font-size:24px; line-height:26px;}
.ad .out h4{ font-size:16px;}

.footer li:last-child .kuai{ float:none; }
.footer li:last-child .kuai:nth-child(2){ margin-left:0px; margin-top:20px}

.footer li:last-child .item img{ width:120px;}
.nabout00 .wrap .text .inn{ padding:30px;}

.culture .wrap .item h3{ font-size:18px;}

.erjititle{ font-size:20px !important;}
.erjititle .number{ width:36px; line-height:36px; height:36px; margin-right:10px; }
}
@media screen and (max-width:768px){
.msol03 .conn .image{ width:100%; margin-bottom:35px;}
.msol03 .conn .text{ width:100%; margin-left:0%; position: relative; right:auto; top:auto;-moz-transform:translate(0%,0%);-webkit-transform:translate(0%,0%);transform:translate(0%,0%);}
.nbanner img{ width:120%; margin-left:-10%}

.msol04 .list .item{ width:100%; margin-top:20px; margin-right:3%; padding:20px 20px 40px 20px; }
.msol04 .list{ margin-top:-15px;}
.msol02 .conn{ margin-top:-15px;}

.nothernews li a{ display: block;}
.nothernews li .date{ float:left; }
.nothernews li .pic{ float:right}
.nothernews li .text{ width:100%; clear:both; padding-top:30px;}
.nothernews li .pic{ width:250px}
.nothernews li:nth-child(1){ padding-top:0; }

.i-news .kuai a{ display: block;}
.i-news .kuai .date{ float:left; }
.i-news .kuai .pic{ float:right}
.i-news .kuai .text{ width:100%; clear:both; padding-top:30px;}
.i-news .kuai .pic{ width:250px}
.i-news .kuai:nth-child(1){ padding-top:0; }

.i-news .kuai .text p{ line-height:26px; height:52px; overflow:hidden;}
.nnav ul{ display:block; text-align:center}
.nnav ul li{ display:inline-block; margin-right:0;}

.ivideolist li{ width:48.5%; margin-right:3%; margin-bottom:3%; }
.ivideolist li:nth-child(3n){ margin-right:3%}
.ivideolist li:nth-child(3n+1){ clear:none; }
.ivideolist li:nth-child(2n){ margin-right:0}
.ivideolist li:nth-child(2n+1){ clear:both; }
.ivideolist li .tit p{ line-height:22px;}

.nhr img{ width:200%; margin-left:-50%}
.nhr .title{ top:180px;}

.peixun04 .conn .item{ width:48.5%; margin-right:3%; margin-bottom:20px; }
.peixun04 .conn .item:nth-child(2n){ margin-right:0}
.peixun04 .conn .item .text{ padding:15px;}
.peixun04 .conn .item .text .more{ font-size:12px;}

.peixun06 .conn .item{ width:48.5%; margin-right:3%; margin-top:50px;}
.peixun06 .conn .item:nth-child(1), .peixun06 .conn .item:nth-child(2){ margin-top:35px}
.peixun06 .conn .item:nth-child(5){ margin-right:3%;}
.peixun06 .conn .item:nth-child(2n){ margin-right:0}
.title p{ font-size:13px;}

.banner, .banner-box{height:400px;}	
.banner .swiper-slide{ height:400px;}
.banner .ban_video .bbg{ height:400px; }

.peixun607 .tabmenu li{ padding: 3px 10px;}
.peixun607 #tabcontent{ margin-top:20px;}

.peixun607 #tabcontent ul .item{ width:48.5%; margin-right:3%; text-align:center; margin-top:3%;  border-radius:15px;}
.peixun607 #tabcontent ul .item:nth-child(3n){ margin-right:3%; }
.peixun607 #tabcontent ul .item:nth-child(2n){ margin-right:0; }

.peixun606 .list .item{ width:48.5%; margin-right:3%; margin-top:3%; }
.peixun606 .list .item:nth-child(2n){ margin-right:0; }
.peixun606 .list{ margin-top:-30px}
.footer li:last-child .item:nth-child(2n){ margin:0; float:right}
.footer li:last-child .item:nth-child(3){ margin:0; clear:both}
.footer li:last-child .item{ margin-bottom:10px;}
.footer li:last-child .item:nth-child(3), .footer li:last-child .item:nth-child(4){ margin-bottom:20px;}

.peixun071701 .conn{ margin-top:20px;}
.peixun071701 .text{width:100%; float:none;}
.peixun071701 .image{width:100%; float:none}
}

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

.footer .fcontent{ padding:40px 0 30px 0}
/*.nspace{ padding:50px 0;}
.nspacepre{ padding-top:50px;}
.nspacenext{ padding-bottom:50px;}*/
.footer .copyright .wrap{padding: 15px 0 30px 0; line-height: 22px;}	

.banner .ban-txt-con h3{ font-size:20px;}
.banner .ban-txt-con h4{ font-size:14px;}
.title h3{font-size: 20px;}
.nothernews .title h3{ font-size:20px;}
.piano-banner li .a-box .inn h3{ font-size:14px;}
.nbanner .text h3{ letter-spacing:4px;font-size: 20px; }

.wrap{ width:92%;}
.m-menu02 li>a{ padding:0 4%;}
.m-menu02 .sub a{ padding:2px calc(4% + 20px); }
.m-menu02 li .yuyan{ background:url(../images/download.svg) no-repeat 4% center; background-size:13px auto; padding-left:calc(20px + 4%); }


.m-menu02{top:50px;}
.m-menu02 .m-menu02-con{height: -webkit-calc(100vh - 50px);height: -moz-calc(100vh - 50px);height: calc(100vh - 50px);}
.header{ height:50px;}
.header .nav .wrap{height:50px;}
.space{ height:50px;}
.header .nav{ line-height:50px; height:50px;}
.header .nav .search .sou{ line-height:50px; height:50px;}
.header .nav .logo img{ height:28px; margin-top:11px;}
.banner, .banner-box{ margin-top:50px;}
.header .nav .search{ margin: 0 0 0 40px;}
.header .nav .search .sub{ z-index:998; padding: 10px 0 8px 0;}
.banner .ban-txt-con .more a{ line-height:32px; padding: 0 30px 0 20px}

.m-menubtn02{margin-top:-2px;}
.nabout .conn p{ line-height:28px; font-size:13px;}

.team .text h3{ font-size:20px;}
.team .text p{ font-size:13px;}

.title { margin-bottom:30px;}
.msol03 .conn .text .biaoj{font-size:13px; }
.msol03 .conn .text .blue{font-size:13px;}
.nnav li a{padding: 0 16px}
.map #allmap{ height:550px;}

.messbox .inp-submit{ position:relative; right:auto; bottom:auto; height: 40px; line-height: 40px; margin:0 auto; display:block; }

.messbox .items-1{ width:100%; margin-right:0%}

.title h5{ font-size:16px;}

.peixun05 .conn .item{ padding:20px;}
.banner, .banner-box{height:350px;}	
.banner .swiper-slide{ height:350px;}
.banner .ban_video .bbg{ height:350px; }

.peixun602 .conn .item{ width:100%; margin-right:0; margin-top:20px;}
.peixun602 .conn .item:first-child{ margin-top:-30px}
.peixun604 .conn .item{ width:100%; margin-right:0%; margin-bottom:20px; border-radius:15px;}
.peixun604 .conn .item:last-child{ margin-bottom:0; }

.peixun603 .conn .item{ width:100%; margin-right:0%; margin-bottom:20px; border-radius:15px;}
.peixun603 .conn .item:last-child{ margin-bottom:0; }

.ad .out h3{ font-size:20px; line-height:26px; margin-bottom:10px}
.ad .out h4{ font-size:14px;}

.nabout07 video{ width:100%; float:none }
.nabout07 .list .swiper-container{width:100%; float:left; margin-bottom:20px;}
.nabout07 .swiper-pagination-bullet-active{color:#00a2ae !important; background:#00a2ae !important; }

.erjititle{ font-size:18px !important;}
.erjititle .number{ width:30px; line-height:30px; height:30px; margin-right:10px; }

.peixun071702 .list{ margin-top:-20px;}
.peixun071702 .list .item{ width:48.5%; margin-right:3%; margin-top:3%;}
.peixun071702 .list .item:nth-child(2n){ margin-right:0; }
.peixun071702 .list .item .text{ font-size:13px; }

.peixun071703 .list{ margin-top:-30px;}
.peixun071703 .list .item{ width:48.5%; margin-right:3%; margin-top:20px }
.peixun071703 .list .item:nth-child(2n){ margin-right:0; }

.peixun071703 .list .item .text h3{ font-size:14px; }
.peixun071703 .list .item .text p{font-size:12px;}

.peixun07 .conn { margin-top:-20px;}
.peixun07 .conn .item{ width:48.5%; margin-right:3%; margin-bottom:0; margin-top:20px;}
.peixun07 .conn .item:nth-child(5n){ margin-right:3%}
.peixun07 .conn .item:nth-child(2n){ margin-right:0 !important}

.peixun071704 .text{width:100%; float:none;}
.peixun071704 .image{width:100%; float:none}

.peixun071705 .conn{ margin-top:-20px}
.peixun071705 .list .item{ width:100%; margin-right:0%; margin-top:20px;padding:20px; }
.piano-banner li .a-box .inn{padding: 10px 10px 20px 10px;}

}

@media screen and (max-width:520px){
.msol02 .conn .item .pic{ width:100%;}
.msol02 .conn .item .text{ padding:20px 20px 40px 20px; position: relative; left:auto;-moz-transform:translate(0%,0%);-webkit-transform:translate(0%,0%);transform:translate(0%,0%); top:auto;}


.ivideolist li{ width:100%; margin-right:0%; margin-bottom:20px; }
.ivideolist li:nth-child(3n){ margin-right:0}

.ncontact01 .list .item{ width:100%; margin-right:0%; }
.nhr img{ width:260%; margin-left:-80%}
.nhr .title{ top:140px;}
.nhr .title .more{ margin-top:40px;}

.peixun05 .conn .item{ width:50%}

.peixun06 .conn .item{ width:100%; margin-right:0%; margin-top:50px;}
.peixun06 .conn .item:nth-child(5){ margin-right:0%;}
.peixun06 .conn .item:nth-child(2){ margin-top:50px}




.banner, .banner-box{height:300px;}	
.banner .swiper-slide{ height:300px;}
.banner .ban_video .bbg{ height:300px; }
.banner .ban-txt-con h4{ margin-top:10px;}
.banner .ban_video .bbg .ban-txt{ bottom:60px}
.banner .ban-txt-con .more{ margin-top:30px;}

.piano-banner li{height:240px;}
.piano-banner li img {height:240px;}

.i-video .video video{ width:130%; margin-left:-15%}
.piano-banner li{ border-radius:10px;}

.phshow{ display:block !important}
.pcshow{ display: none !important}
.msol03 .zucheng .item{ margin-top:20px; margin-right:0; width:100%}

.nabout01 .list .item{ width:100%; margin-right:0%; margin-top:20px; }
.nabout00 .wrap .text .inn p{ color:#666}
.nabout00 .wrap .text .inn{ padding:30px 0 0 0; position: relative; left: auto; bottom:auto;}
.nabout00 .wrap .text{ position:relative;height:auto; left:auto;top: auto; background:none; }

.culture .wrap .item{ width:100%; margin-right:0%; padding-bottom:20px; margin-bottom:20px;border-left:none;border-bottom:solid 1px #ddd;}
.culture .wrap .item:last-child{ margin-bottom:0; border-bottom:none;}
}