.m-menubtn02{position:fixed;z-index:1002;top:0;right: 0;width:60px; height:90px;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:2px; background: #000; margin: auto;}
.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: #000;}

.m-menubtn02 span:before {bottom: 5px;}
.m-menubtn02 span:after {bottom: -5px;}
.m-menubtn02.active span:before{-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);background:#000}
.m-menubtn02.active span:after {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 0;background:#000}
.m-menubtn02.active span {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);background:#000}
.m-menubtn02.active span, .m-menubtn02.active span:before, .m-menubtn02.active span:after {right: 0;bottom: 0;}
.m-menubtn02 span, .m-menubtn02 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-menu02{position: fixed; right:0;left:0;top:90px; width:100%; height:calc(100vh - 90px);z-index:400; background:#fff;display: none;}
.m-menu02 .m-menu02-con{height: -webkit-calc(100vh - 90px);height: -moz-calc(100vh - 90px);height: calc(100vh - 90px);overflow: auto;}
.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:17px;line-height:55px; padding:0 20px; position:relative}
.m-menu02 li>i{ position:absolute; width:55px; height:55px; right:0;top:0;}
.m-menu02 li>i:before{ content:""; width:16px; height:2px; background:#c2c2c2; position:absolute; left:12px;top:24px;}
.m-menu02 li>i:after{ content:""; width:2px; height:16px; background:#c2c2c2; position:absolute; left:19px;top:17px;}
.m-menu02 li.on i:after{ -moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg); opacity:0}
.m-menu02 li.last{ color: rgba(255,255,255,0.3); background:#b88f50; text-align:center; position:absolute; left:0; bottom:0; width:100%}
.m-menu02 li.last a{ display:inline-block; color:#fff}
.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:26px;font-size:14px; padding:2px 20px; position:relative}
.m-menu02 .sub ul ul{ padding-left:20px; padding-bottom:5px}

.m-menu02 li.last form { margin:25px 20px;position:relative; z-index:99; border:solid 1px #ddd;}
.m-menu02 li.last form #searchInput {background: #FFF;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;height: 40px;width: calc(100% - 82px);-webkit-box-sizing: border-box;box-sizing: border-box;padding-left: 10px;border-radius: 0; border:none}
.m-menu02 li.last form #searchBtn {width: 80px;height: 40px;background: #983132;color: #FFF;margin-left: -3px; border:none; border-radius:0}


.pcshow{ display: block}
.phshow{ display: none !important}
.phshow img{ display:block; width:100%; height:auto}

.m-foot{ position:fixed; width:100%; height:58px; left:0; bottom:0;background:#b88f50; 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}


@media screen and (max-width:1850px){
.probtn li {line-height:95px; margin-bottom:10px;}
}
@media screen and (max-width:1750px){
.probtn li {line-height:80px;}
.iabout .i-about-list .swiper-slide{ width:900px; padding:20px 40px;}
}
@media screen and (max-width:1700px){
.probtn li {line-height:75px;}	
}
@media screen and (max-width:1650px){
.wrap{ width:84%; }
.proxs{width:84%; }
.banner .swiper-pagination{width:92%; right:8%; }	
.ipro_probtn {padding-left:8%; }

.ipro .proswiper {width:68%; margin-left:32%}
.ipro_probtn { width:32%;}
.iabout .i-about-list .swiper-slide{ width:800px;}

.title h4{font-size:22px; margin-bottom:10px;}
.title h3{font-size:40px; line-height:40px;} 

.ntitle { margin-bottom:30px;}
.ntitle h3{font-size:32px; line-height:32px;} 

.protop .wenzi .use .ptel a{ width:150px;} 
.protop .wenzi .use .pfeedback{margin-left:20px;}
.protop .wenzi .use .pfeedback a{ width:150px; } 

}

@media screen and (max-width:1600px){
.ipro .proswiper {width:70%; margin-left:30%}
.ipro_probtn { width:30%;}	
.inews .swiper-slide .text h3{ font-size:20px;}
.inews .swiper-slide .text{ padding:25px 25px 30px 25px;}
.inews .swiper-slide .date{ padding: 0 25px;}
.icase .conn .item .icon img{ width:90px; height:auto;}

.section{ padding:80px 0 100px 0;}
.sectionpre{ padding-top:80px;}
.sectionnext{ padding-bottom:100px;}
.title { margin-bottom:40px;}
.footer{padding: 50px 0;}
.nbanner .text h3{ font-size:40px; line-height:50px;}
.nbanner .text p{ margin-top:10px; font-size:18px;}

.newsItem-date{width: 80px;margin-right:30px;}
.newsItem-date .day{font-size: 40px; line-height:60px;}
.newsItem-date .year{ margin-top:12px;}
.newsItem-img{width: 27%;margin-right: 30px;}
.newsItem-con{width: calc(100% - 27% - 140px) ; }
.newsItem .more{ margin-top:30px;}
}

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

.probtn li h3{font-size:17px;}
.header .menu .menu_a{padding:0 20px;}

.title .more{ width:140px; height:50px; font-size:17px; line-height:50px; }
.title .more a{ padding-right:20px; background: url(../images/pnext.png) #b88f50 no-repeat 80% center; background-size:10px auto;}
.title .more a:hover{background: url(../images/pnext.png) #b88f50 no-repeat 85% center; background-size:10px auto;}

.back{ margin:50px auto; width:140px; height:50px; font-size:17px; line-height:50px; }
.back a{ padding-right:20px; background: url(../images/pnext.png) #b88f50 no-repeat 80% center; background-size:10px auto;}
.back a:hover{background: url(../images/pnext.png) #b88f50 no-repeat 85% center; background-size:10px auto;}

.header .lang{ width:120px;}
.header .lang .button{width:120px; padding-left:30px;}

.section{ padding:70px 0 90px 0;}
.sectionpre{ padding-top:70px;}
.sectionnext{ padding-bottom:90px;}
.title p{ font-size:17px;}


}
@media screen and (max-width:1500px){
.probtn li {line-height:70px;}	
.nguide li a{ margin:0 25px 0 0}

}
@media screen and (max-width:1450px){
.ipro .proswiper {width:72%; margin-left:28%}
.ipro_probtn { width:28%;}	
.header .menu .menu_a{padding:0 18px;}
.icase .conn .item{ font-size:20px;}
.inews .swiper-slide .date{ line-height:55px;}
.header .menu{margin-right: 150px;}
.title { margin-bottom:35px;}

.footer h3{ font-size:20px; margin-bottom: 10px;}
.iabout .i-about-list .swiper-slide .tit{font-size:20px; }
.banner .swiper-slide:after{ width:60%; height:145px; }
.banner .text h3 {font-size: 36px; line-height:36px; margin-bottom:10px;}
.banner .text h4 {font-size: 22px;line-height:25px;}

.banner .swiper-slide.wenzi01 .text h4, .banner .swiper-slide.wenzi03 .text h4{letter-spacing:17px !important; }
.banner .swiper-slide.wenzi02 .text h4{letter-spacing:7px !important; }
.footer .fcontent{ line-height:35px;}
.footer .fcontent li:nth-child(5) .kuai img{ width:135px;}

.nbanner .text h3{ font-size:32px; line-height:50px;}
.nbanner .text p{ margin-top:0px; font-size:17px;}
}
@media screen and (max-width:1366px){
.title p span{ display:none}
.inews .swiper-slide .text h3{ font-size:18px;}
#b01, #b02, #b03, #b04{margin-top:-90px;}
.space{ height:90px;}
.header{ height:90px;}
.header .menu .menu_a{font-size:17px;line-height:90px;}
.header .lang{ height:90px; margin-top:-45px;}
.header .lang .button{line-height:90px;}
.nguide.fixeds{top:90px;}
.npdpnav.fixeds{top:90px !important;}
.m-menubtn02{height:90px;}
.m-menu02{top:90px;}
.m-menu02, .m-menu02 .m-menu02-con{height: -webkit-calc(100vh - 90px);height: -moz-calc(100vh - 90px);height: calc(100vh - 90px);}

.header .logo{ margin-top:-30px;}
.header .logo img{ height:60px;}
.footer .ftop li:nth-child(1) img{height:60px;}
body{ font-size:15px; line-height:28px;}

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

.title .more{ width:130px; height:45px; font-size:16px; line-height:45px; }
.back{ width:130px; height:45px; font-size:16px; line-height:45px; }

.section{ padding:60px 0 80px 0;}
.sectionpre{ padding-top:60px;}
.sectionnext{ padding-bottom:80px;}
.title { margin-bottom:30px;}
.title p{ font-size:16px;}
.footer h3{ font-size:18px;}
.proxs{width:88%; }
.wrap{ width:88%; }
.banner .swiper-pagination{width:94%; right:6%; }

.banner .swiper-slide .text{ padding-bottom:30px;}
.banner .swiper-slide:after{ width:60%; height:125px; }
.banner .text h3 {font-size: 30px; line-height:30px; }
.banner .text h4 {font-size: 20px;}

.banner .swiper-slide.wenzi01 .text h4, .banner .swiper-slide.wenzi03 .text h4{letter-spacing:12px !important; }
.banner .swiper-slide.wenzi02 .text h4{letter-spacing:4px !important; }

.footer .fcontent{ line-height:30px;}
.big{ font-size:20px;}
.footer .fcontent li:nth-child(5) .kuai img{ width:125px;}
.iabout .i-about-list .swiper-slide-active .tit{ margin-top:15px;}
.iabout .i-about-list .swiper-slide{ width:780px;}
.icase .conn .item .icon{ margin-top:16%}

.nguide li a{ font-size:17px;margin: 0 40px 0 0;}
.nguide{ line-height:60px;}
.nbanner img{width:110%; margin-left:-5%}

.protop .wenzi .protitle h3{ font-size:24px; margin-bottom:10px;}
.protop .wenzi .conn .kuai{ font-size:16px;}

.ncb01 .item .wenzi p{ font-size:16px;}
.ncb01 .item p span{font-size:18px;}

.ncase .wrap .item .text{ padding:15px 20px 20px 20px;}
.ncase .wrap .item .text h3{ font-size:20px;}

.ntitle { margin-bottom:20px;}
.ntitle h3{font-size:28px; line-height:30px;} 

.single-product-top .swiper-button-next:after, .single-product-top .swiper-button-prev:after{font-size: 40px !important; border:none !important}
.proxs{padding-top: 30px; margin: 30px auto 0 auto;}
.proxs h3{ font-size:22px;}
.newsItem .newsItem-title{ font-size:22px;}
.newsItem .newsItem-text{ margin:10px 0 0px 0}
.nnews .wenzi{ margin-top:0}
.nnews .wenzi h3{ padding:10px 0; font-size:22px;}
.nnews li .more{ margin-top:30px;}
.probtn li {line-height:66px;
}
@media screen and (max-width:1300px){
.probtn li {line-height:62px;}
}

@media screen and (max-width:1240px){
.wrap{ width:92%; }
.proxs{width:92%; }
.banner .swiper-pagination{width:96%; right:4%; }
.header .menu .menu_a{ font-size:16px; padding: 0 12px;}
body{ font-size:14px;}

.banner .swiper-slide .text{ padding-bottom:20px;}
.banner .swiper-slide:after{ width:80%; height:100px; }
.banner .text h3 {font-size: 24px;margin-bottom:5px; }
.banner .text h4 {font-size: 18px;}

.banner .swiper-slide.wenzi01 .text h4, .banner .swiper-slide.wenzi03 .text h4{letter-spacing:8px !important;  }
.banner .swiper-slide.wenzi02 .text h4{letter-spacing:1px !important; }
.iabout .i-about-list .swiper-slide .tit{ font-size:18px;}
.iabout .i-about-list .swiper-slide{ width:640px;}
.probtn li{ line-height:54px;}
.footer{padding: 40px 0;}

.header .logo{ margin-top:-27px;}
.header .logo img{ height:54px;}
.footer .ftop li:nth-child(1) img{height:54px;}
.header .menu{ margin-right: 140px;}
.icase .conn .item{ font-size:18px;}
.icase .conn .item .icon img{ width:80px;}

.nbanner .text h3{ font-size:28px; line-height:30px;}
.nbanner .text p{ margin-top:0px; font-size:16px;}

.nguide li a{ font-size:16px;margin: 0 30px 0 0;}
.nbanner img{width:120%; margin-left:-10%}
.single-product-top .swiper-button-next:after, .single-product-top .swiper-button-prev:after{font-size: 30px !important; border:none !important}
.proxs h3{ font-size:20px;}

.newsItem-date{width: 60px;margin-right:20px;}
.newsItem-date .day{font-size: 30px; line-height:50px;}
.newsItem-date .year{ margin-top:5px;}
.newsItem-img{width: 27%;margin-right: 20px;}
.newsItem-con{width: calc(100% - 27% - 100px) ; }
.newsItem .more{ margin-top:25px;}

.nnews li .more{ margin-top:25px;}

}
@media screen and (max-width:1150px){
.probtn li {line-height:52px;}	

}
@media screen and (max-width:1100px){
.probtn li {line-height:48px;}	

}

@media screen and (max-width:1024px){
.header .menu{ display:none}	
.header .lang{display:none}
.m-menubtn02{ display:block}
.m-foot{ display:block}
.footer{ margin-bottom:55px;}
.iabout .i-about-list .swiper-slide{ width:520px;}

#b01, #b02, #b03, #b04{margin-top:-80px;}
.space{ height:80px;}
.header{ height:80px;}
.header .wrap{height:80px;}
.nguide.fixeds{top:80px;}
.npdpnav.fixeds{top:80px !important;}
.m-menubtn02{height:80px;}
.m-menu02{top:80px;}
.m-menu02, .m-menu02 .m-menu02-con{height: -webkit-calc(100vh - 80px);height: -moz-calc(100vh - 80px);height: calc(100vh - 80px);}
.footer .ftop{padding-bottom: 20px;}
.footer .ftop li:nth-child(2) img{ width:25px; height:auto;}

.probtn li{ line-height:42px;}
.ipro_probtn{padding-right: 30px; margin-top: 30px;}
.probtn li h3{ font-size:15px;}

.footer .fcontent li:nth-child(1), .footer .fcontent li:nth-child(2), .footer .fcontent li:nth-child(3), .footer .fcontent li:nth-child(4){ display:none;}
.footer .fcontent li:nth-child(5) { padding-left:0; padding-right:0; border:none;}
.footer .fcontent li:nth-child(5) .kuai { display: inline-block;}
.footer .fcontent li:nth-child(5) .kuai:nth-child(1){ margin-right:20px;}
.footer .ftop{ display:none}

.nbanner img{width:140%; margin-left:-20%}
.ncase .wrap .item .text h3{ font-size:16px;}
.newsItem .newsItem-title{ font-size:18px;}

.nnews .wenzi h3{ font-size:18px;}
}
@media screen and (max-width:920px){
.probtn li{ line-height:50px;}
.ipro_probtn{padding-right: 10px; margin-top: 20px;}
.protop .wenzi .protitle h3{ font-size:22px;}

.protop .swiper-container-wrapper{ float:none; width:100%;}
.protop .wenzi{ width:100%; float:none; margin-top:30px;}
.npdpnav{ font-size:16px;line-height: 50px; height: 50px}
.npdpnav li a{ padding:0 20px;}

.ncb01 .item .wenzi p{ font-size:15px;}
.ncb01 .item p span{font-size:16px;}

.ntitle h3{font-size:24px;}
}
@media screen and (max-width:920px){
.section{ padding:50px 0 60px 0;}
.sectionpre{ padding-top:50px;}
.sectionnext{ padding-bottom:60px;}	
.title h4{font-size:18px; margin-bottom:5px;}
.title h3{font-size:28px; line-height:28px;} 	
.iabout .i-about-list .swiper-slide .tit{font-size:18px; }

.proxs{ width:100%; }
.wrap{ width:94%; }
.banner .swiper-pagination{width:97%; right:3%; }


.ipro .proswiper {width:100%; margin-left:0%}
.ipro_probtn{ width:100%; position:relative; left:auto; top:auto; padding:3% 3% 6% 3%}

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

.nbanner .text h3{ font-size:24px;}

.ncb01 .item{ width:100%; float:none;border-right:none; border-bottom:solid 1px #ddd; padding-bottom:20px;}
.ncb01 .item .wenzi p{ min-height:auto}
.ncb01 .item:nth-child(3){ border-bottom:none; padding-bottom:0}
.liuyan-sub .conn .tit{ font-size:22px; line-height:40px;}

}

@media screen and (max-width:768px){
.section{ padding:40px 0 50px 0;}
.sectionpre{ padding-top:40px;}
.sectionnext{ padding-bottom:50px;}	
.title { margin-bottom:25px;}	

.title h4{font-size:17px;}
.title h3{font-size:24px; }
.iabout .i-about-list .swiper-slide{ width:380px;} 

#b01, #b02, #b03, #b04{margin-top:-70px;}
.space{ height:70px;}
.header{ height:70px;}
.header .wrap{height:70px;}
.nguide.fixeds{top:70px;}
.npdpnav.fixeds{top:70px !important;}
.m-menubtn02{height:70px;}
.m-menu02{top:70px;}
.m-menu02 , .m-menu02 .m-menu02-con{height: -webkit-calc(100vh - 70px);height: -moz-calc(100vh - 70px);height: calc(100vh - 70px);}

.banner .swiper-slide .bnr-bg{ background:none;}
.banner img{ display:block; width:120%; margin-left:-10%;}

.header .logo{ margin-top:-25px;}
.header .logo img{ height:50px;}

.banner .swiper-slide .text{ padding-bottom:15px;}
.banner .swiper-slide:after{ width:70%; height:80px; }
.banner .text h3 {font-size: 21px;margin-bottom:0px; }
.banner .text h4 {font-size: 16px;}

.banner .swiper-slide.wenzi01 .text h4, .banner .swiper-slide.wenzi03 .text h4{letter-spacing:7px !important;  }
.banner .swiper-slide.wenzi02 .text h4{letter-spacing:0px !important; }
.banner .swiper-pagination{bottom: 15px !important;}

.footer ul, .footer ul li{ display:block}
.footer .fcontent li:nth-child(5){ padding-bottom:0; padding-top:0}
.footer .fcontent li:nth-child(5) .kuai:nth-child(1){ margin-bottom:0}
.title p{ margin-top:15px;}

.iabout .videosrcval{ pmargin-left:-35px; margin-top:-35px; width:70px; height:70px;}
.iabout .videosrcval::before, .iabout .videosrcval::after {width: 70px;height: 70px;  }

.nbanner img{width:160%; margin-left:-30%}
.npdpnav li a{ padding:0 15px;}

.nmain.section{padding-top: 40px !important;}

.ncase .wrap .item{ width:48.5%; margin-right:3%; margin-bottom:3%;}
.ncase .wrap .item:nth-child(3n){ margin-right:3%;}
.ncase .wrap .item:nth-child(2n){ margin-right:0;}

.shangxia{ padding:18px 0; margin-top:30px;}
.shangxia li{ float:none;}
.shangxia li:nth-child(2){ float:none;}

.newsItem a{ display:block}
.newsItem-date{ float:left}
.newsItem-img{ float:left; width:calc(100% - 80px); margin-right:0}
.newsItem-con{ clear:both; width:100%; padding-top:20px;}

.nnews .pic{ float:none; width:100%;}
.nnews .wenzi{ float:none; width:100%; margin-top:10px;}
}
@media screen and (max-width:640px){
.nguide ul{overflow-x:auto;overflow-y: hidden; width:100%;display: flex; display: -webkit-flex;}
.nguide li{white-space:nowrap; width:auto; display:inline-block; }
.protop .gallery-thumbs{ width:18%;}

.ncb02 .liuyan .column{margin-bottom:15px;}
.ncb02 .liuyan label{ line-height:40px; padding-left:15px}
.ncb02 .liuyan .row_1 .column{ width:100%; float:none;}
.ncb02 .liuyan .inp{line-height:40px;}
.ncb02 .liuyan .form .row_1 input{ line-height:40px; height:40px;}
.ncb02 .liuyan .form .row_1 select{ line-height:40px;height:40px;}
.ncb01 .conn{ padding:0 0 30px 0}

.ntitle h3{font-size:22px;}
.protop .gallery-thumbs .swiper-slide{ min-width:55px !important;}
.protop .swiper-button-next, .protop .swiper-button-prev{margin-left: -15px;}
}
@media screen and (max-width:540px){
.banner img{ display:block; width:140%; margin-left:-20%;}
.icase .title .more{ position:relative; right:auto; bottom:auto; margin-top:15px;}	
.nbanner .text h3{ font-size:22px;}
.nbanner img{width:180%; margin-left:-40%}
}