.wap-header{height: 60px;display: none;z-index: 9999;transition: all .4s;background:#142b53; box-shadow: 1px 1px 10px rgba(0,0,0,0.05);}
.wap-header{position: fixed; top: 0; width: 100%;z-index: 999;}
.wap-header .logo h1{line-height: 0;}
.wap-header .logo a{display: block;}
.wap-header .logo  img{display: block; margin-top:9px; width: 132px;}
.wap-click { padding:5px 0;}
.wap-click span{width: 34px; height: 2px;background: #fff;display: block;margin: 10px auto; transition: all 277ms ease-in-out;position: relative;}
.active span.cl-1{transform: rotate(-45deg);top:12px;}
.active span.cl-2{opacity: 0;}
.active span.cl-3{transform: rotate(45deg);top:-12px;}
.wap-header .ver{left: auto; margin-top: 0; position: relative; padding: 18px 0; margin-right: 3%;}
.wap-nav{ background: #f5f5f5; z-index: 9999; left: 0; width: 100%; display: none;    position: fixed;}
.wap-nav ul li a{ display: block;font-size: 15px;line-height:40px;color: #434343;text-indent: 40px;transition: all .6s;}
.wap-nav ul li a:hover,.wap-nav ul li.on>a{ background: #2266A9;color:#fff}
.wap-hide{ background: #fff; display: none;overflow: hidden;}
.wap-hide dd{border-bottom: 1px dashed #eee;float:left;width:50%;}
.wap-nav .wap-hide dd a{line-height:45px;text-align: center;font-size:14px;}
.wap-headerzw{height: 60px;display: none;}
.wap-nav .hide{ background: #fff;display:none;}
.wap-nav .hide a{border-bottom:1px solid #eee;text-indent: 60px}
.case-wap{display: none;}

@media screen and (min-width:1200px)  and  (max-width:1700px)  {
	.case-top .fr{margin-top:50px}
	
}



@media screen and (min-width:1200px)  and  (max-width:1560px)  {
	.banner .banner-wz p{font-size:55px}
	.banner .banner-wz h2{font-size:55px;line-height: 55px;}
	.title b{font-size:52px;line-height: 52px;}
	.news{padding:80px 0}
	.news-list{margin-top:70px;}
	.ny-banner h2{font-size:55px;line-height: 55px;}
	
}

@media screen and (min-width:750px)  and  (max-width:1300px)  {
	.banner .banner-wz p{font-size:45px}
	.banner .banner-wz h2{font-size:45px;line-height: 45px;}
	.title b{font-size:42px;line-height: 42px;}
	.news{padding:50px 0}
	.news-list{margin-top:50px;}
	.ny-banner h2{font-size:45px;line-height: 45px;}
	.nav ul>li>a{font-size:18px}
	.banner-jt{bottom:70px}
	.banner .swiper-pagination{bottom:100px !important}
	.banner .container{margin-top:6%}
	.title p{font-size:24px;line-height: 24px;}
}

@media screen and (min-width:1200px)  and  (max-width:1450px)  {
	.container{width: 94%;}
	.header-con{width: 94%;}
	.header-right{width: 67%;}
	.nav ul li{margin-right:8%}
	.foot-left{margin-right:100px}
	.foot-center dl{width: 280px;    margin-left: 40px;}
	.ny-about2 .fl .ny-title{margin-top:60px}
	.case-top .fr{width:37%;}
	.case p{margin-top:35px}
	.case-bottom .fl{margin-top:100px;margin-left:5%;width:35%}
	.case-bottom .fr{margin-top:-1%}
	.case .more{margin-top:35px}
	.news-list li{padding:0 30px 0 20px}
	.banner-jt .container{width:auto;}
	.banner-jt {margin-left:4%}
	.ny-news-list a .news-aright{margin-top:0px;padding-top:10px;}
	.ny-news-list a .news-aright h4{margin-bottom:20px}
	
}

@media screen and (min-width:750px)  and  (max-width:1390px)  {
	.ny1-pro1-con .ny1-pro-wz{margin-top:40px}
	.ny1-pro-wz h2 b{font-size:30px}
	.ny1-pro-wz h2 span{font-size:15px;margin-top:10px;}
	.ny1-pro2 .ny1-pro-wz{width:40%}
	.banner-jt {margin-left:4%}
	.ny-news-list a .news-aright{margin-top:0px;padding-top:10px;}
	.ny-news-list a .news-aright h4{margin-bottom:20px}
	
}

@media screen and (min-width:750px)  and  (max-width:1200px)  {
	.container{max-width: 96%;}
	.wap-header,.wap-header{display: block;}
	.header{display: none;}
	.wap-headerzw{display: block;}
	.foot-center dl:nth-child(2){display: none;}
	.foot-center dl{margin-left:0}
	
	.ny-title{margin-top:20px}
	.ny-about1 .fr p{line-height: 28px;}
	.ny-about2 .fl .ny-title{margin-top:30px}
	
	.ny-about1 .fl,.ny-about1 .fr{float:none;width:100%;}
	.ny-about1{margin:3rem 0}
	.ny-about2 .fl,.ny-about2 .fr{float:none;width:100%;}
	.ny-about2 .fl .ny-title{margin-top:0}
	.ny-about2 .ny-about-show{margin-top:2rem}
	
	.case-top .fr{margin-top:30px}
	.case-top .fr{width:37%;}
	.case p{margin-top:35px}
	.case-bottom .fl{margin-top:100px;margin-left:5%;width:42%}
	.case-bottom .fr{margin-top:1%}
	.case .more{margin-top:35px}
	.news-list li{padding:0 30px 0 20px}
	.case-top .fr,.case-top .fr{width:42%}
	.case-top .fr{ margin-left: 8%;}
	.case-bottom .fr{margin-right:2%}
	.title b{font-size:42px;line-height: 42px;}
	.case-bottom{margin-top:40px}
	.ny-pro3-top ul li{    margin: 0 50px;}
	.case-more{margin-top:10px;}
	
	.ny-pro1-con dl{padding:0 30px}
	
}

@media screen and (min-width:750px)  and  (max-width:900px)  {
	.foot-center dl:nth-child(2){display: none;}
	.foot-left{margin:0 auto 2rem auto;width:200px;float:none;}
	.foot-left img{width: 200px;}
	.foot-center{width: 100%;float:none;margin-bottom: 20px;}
	.foot-right{float:none;text-align: center;width:129px;margin:0 auto}
	.foot-center dl{float:none;margin:0 auto;text-align: center;}
	.foot-center dl dd{line-height: 25px;}
	.footer-bottom{text-align: center;padding:10px 0}
	.footer-bottom .fl,.footer-bottom .fr{float:none;margin:9px 0}
	
	.ny1-pro1-con .ny1-pro-wz,.ny1-pro-img{float:none;width: 100%;}
	.ny1-pro1-con{margin-top:0}
	.ny1-pro1 .ny-title{margin:60px 0}
	.ny1-pro1-con .ny1-pro-wz{margin-top:0px;    text-align: center;}
	.ny1-pro-wz h2 b{font-size:2rem;line-height: 2rem;}
	.ny1-pro-wz ul{margin-top:30px}
	.ny1-pro-wz ul li{line-height: 45px;}
	.ny1-pro2 .ny1-pro-wz{margin-top:100px;text-align: center;}
	.ny1-pro2 .ny1-pro-img{margin-top:0}
	.ny1-pro3 .ny1-pro3-con .fl,.ny1-pro3 .ny1-pro3-con .fr{width: 100%;float:none;margin-bottom:10px}
	.ny-pro5 .container dt::after{display: none;}
	.ny-pro5 .container dt{line-height: 24px;padding:10px 0;height: auto;}
	
	.ny-contact .fl,.ny-contact fr{width: 50%;}
	.message div span{width: 30%;}
	.ny-pro3-top ul li{    margin: 0 30px;}
	
}

@media screen and (min-width:0px)  and  (max-width:900px)  {
	.container{max-width: 96%;    margin-top: 0;}
	.wap-header,.wap-header{display: block;}
	.header{display: none;}
	.wap-headerzw{display: block;}
	.banner .swiper-container-fade .swiper-slide{ background-size:cover;}
	.banner{height:50vh}
	.banner .container{margin-top:0}
	.banner .banner-wz p{margin-top:0;font-size:30px;line-height: 30px}
	.banner .banner-wz h2{font-size: 30px;margin-top:0;line-height: 30px;}
	.swiper-num{display: none;}
	.banner .swiper-pagination{bottom: 0 !important;display: none;}
	.banner-jt{max-width:86%;margin:0 auto;bottom:50px}
	.banner .banner-wz{top:120px;width:90%;margin:0 auto}
	.about{margin:0px auto;padding:2rem 0}
	.about-fl,.about-fr,.case-bottom .fr,.case-bottom .fl{width:100%;float:none;}
	.title{text-align: center;}
	.ny-pro1{margin-top:30px}
	.about .more,.case .more{margin:2rem auto;    width: 190px; height: 45px;}
	.about .more a{line-height: 45px;}
	.title b{font-size:2rem;line-height: 2rem;}
	.title p{font-size:1rem;line-height: 1rem;}
	.title span{margin-top:1rem;    letter-spacing: 0;}
	.more{margin-top:2rem}
	.about-fr .about-title{letter-spacing: 0;font-size:1.2rem;margin-bottom:15px}
	.about-fr p,.case p{line-height:25px;font-size:0.9rem;text-align: center;}
	.about-fr .about-title{text-align: center;}
	.case{padding:4rem 0}
	.case-top,.case-bottom{width: 94%;margin:0 auto;}
	.case-top .fl,.case-top .fr{float:none;width: 100%;    margin: 0 auto;}
	.case-top .fl{border-radius:30px;overflow: hidden;}
	.case-top .fr{margin:3rem auto}
	.case-bottom .fl{margin:0 auto}
	.case-bottom .fr{width: 96%;margin:0 auto;display: none;}
	.case-wap{width: 100%;}
	.ny-pro1{margin-top:0;padding:3rem 0}
	.case-wap{display: block;}
	.case p{margin-top:2rem}
	.case-bottom .title{margin-top:3rem}
	.news-list li{border:none}
	.news-list li{padding:0}
	.news{padding: 2rem 0;}
	.news-list{margin-top:2rem;}
	.news-list .info{width: 94%;margin:0 auto;}
	.foot-center dl:nth-child(2){display: none;}
	.foot-left{margin:0 auto 2rem auto;width:200px;float:none;}
	.foot-left img{width: 200px;}
	.foot-center{width: 100%;float:none;margin-bottom: 20px;}
	.foot-right{float:none;text-align: center;width:129px;margin:0 auto}
	.foot-center dl{float:none;margin:0 auto;text-align: center;}
	.foot-center dl dd{line-height: 25px;}
	.footer-bottom{text-align: center;padding:10px 0}
	.footer-bottom .fl,.footer-bottom .fr{float:none;margin:9px 0}
	
	.ny-banner{background-size:190% !important;height:260px; }
	.ny-banner .ny-wz{width: 100%;text-align: center;top:100px}
	.ny-banner h2{font-size:2rem;line-height: 2rem;}
	.ny-banner b{font-size:1rem;line-height: 1rem;}
	.ny-about1 .fl,.ny-about1 .fr{float:none;width:100%;margin-left: 0;}
	.ny-title b,.ny-title span{text-align: center;}
	.ny-about1{padding:3rem 0;margin-top:0}
	.ny-about2 .fl,.ny-about2 .fr{float:none;width:100%;}
	.ny-about2 .fl .ny-title{margin-top:0}
	.ny-about2 .ny-about-show{margin-top:2rem}
	.ny-partner ul li{width:48%;margin:1%}
	.ny-partner{margin:0 0 2rem 0;padding:0}
	.ny-about2{padding-bottom:0;margin-bottom: 2rem;}
	.ny-title b{font-size:1.5rem;line-height:2.2rem;    image-rendering: pixelated;}
	.ny-pro1-con{margin:0 auto 0px auto;overflow: hidden;}
	.ny-pro1-con dl{border-right:0;margin-top:30px;padding:0;margin:30px auto;    padding: 0 20px;    float: left;}
	.ny-pro1-con dl dd{margin-top:5px}
	.ny-pro2-con{width: 100%;}
	.ny-pro3-top ul {overflow: hidden;}
	.ny-pro3-top ul li{float:left;width:47%;margin:0 1.5%;padding:0;height: 100%;}
	.ny-pro3-top ul li{font-size: 1rem;}
	.ny-pro3-top ul li{line-height: 60px;height: auto;}
	.ny-pro3-top{height: auto;line-height: 60px;}
	.ny-pro3-top ul li:hover::after, .ny-pro3-top ul li.on::after{bottom:0}
	.ny-pro3-top ul li.on::after{bottom:10px}
	.ny-pro3 .container img{width: 100%;    image-rendering: pixelated;}
	.ny-pro3 .container{margin:40px auto 0 auto}
	.ny-pro2-con{padding:3rem 0 6rem 0;margin-top: 2rem;}
	.ny-pro2-con dl dd{font-size:1rem ;line-height: 25px;}
	.ny-contact{ background: none !important;}
	.ny-contact .ny-title{margin-top:4rem}
	.ny-contact .ny-title b{font-size:1.5rem;width: 100%;}
	.ny-title span{letter-spacing: 0;width: 100%;display: block;}
	.ny-contact .ny-title{text-align: center;width: 100%;}
	.ny-contact .fr{width: 100%;}
	.ny-contact-con p{padding-left:35px}
	.ny-contact-con{margin-top: 0;width: 100%;}
	.ny-contact-con p{margin-top:0}
	.message div span{width: 25%;}
	.message div input{height:80px;line-height: 80px;}
	.ny-news-list a .news-aleft,.ny-news-list a{display: block;}
	.ny-news-list a .news-aleft{display: none;}
	.ny-news-list a .news-aright{padding:0;margin-top:20px}
	.ny-news-list a .news-aright h4{margin-bottom:10px;font-size:1.2rem;line-height: 24px;}
	.ny-news-list a .news-aright p{font-size:1rem;line-height: 25px;margin:10px 0;}
	.case-more em{line-height:40px;}
	.newxq-banner{height: 100px !important;}
	.ny-news-back{margin-top:20px;}
	.ny-news-title h2{font-size:1.8rem;line-height:2.5rem;}
	.ny-details-content p{font-size:1.2rem;line-height:2.5rem;}
	
	.ny1-pro1-con .ny1-pro-wz,.ny1-pro-img{float:none;width: 100%;}
	.ny1-pro1-con{margin:50px 0 0px 0 !important;}
	.ny1-pro1 .ny-title{margin:30px 0}
	.ny1-pro1-con .ny1-pro-wz{margin-top:0px;    text-align: center;}
	.ny1-pro-wz h2 {text-align: left;    text-align: center;}
	.ny1-pro-wz h2 b{font-size:1.2rem;line-height: 2rem;font-weight:normal;font-weight:bold;margin-bottom: 0;}
	.ny1-pro-wz h2 span{font-size:1rem;line-height: 1rem;}
	.ny1-pro-wz ul{margin-top:30px}
	.ny1-pro-wz ul li{line-height:35px;font-size:1rem;text-align: left;}
	.ny1-pro2 .ny1-pro-wz{margin-top:100px;text-align: center;width: 100%;}
	.ny1-pro2 .ny1-pro-img{margin-top:0}
	.ny1-pro3 .ny1-pro3-con .fl,.ny1-pro3 .ny1-pro3-con .fr{width: 100%;float:none;margin-bottom:10px}
	.ny-pro5 .container dt::after{display: none;}
	.ny-pro5 .container dt{line-height: 24px;padding:10px 0;height: auto;}
	
	.ny-pro2{height:355px;background-attachment: initial;}
	.ny1-pro2 .ny1-pro-wz ul li{line-height: 1.875rem;}
	.ny1-pro2 .ny1-pro-wz{margin:3.75rem 0}
	.ny1-pro2{height: auto;padding-bottom:3.875rem}
	.ny1-pro4 .container>div>img{width:160%;margin-left:-30%}
	.ny-news-list a .news-aright .case-more{display: none;}
	.ny-news-list a{padding:2rem 0}
	.ny-contact-con p span{font-size:1.375rem}
	.ny1-pro1-con .c{display: block;background: none;}
	 .ny1-pro-img{margin-top:1.5rem}
	 .ny1-pro-wz h2 span,.news-list li .info p{font-size:0.9rem;line-height: 20px;}
	 .ny1-pro3-con .fl, .ny1-pro3-con .fr{width: 100%;}
	 
	 .banner .swiper-slide:nth-child(3) .banner-wz h2,.banner .swiper-slide:nth-child(4) .banner-wz h2{font-size:1rem}
	 #index-con{opacity: 0.3;}
	 .about-fr{margin-top:1rem}
	 .more a{line-height: 45px;}
	 .case-wap{border-radius:30px;overflow: hidden;}
	 .news .title span{margin-top:5px}
	 .news-list li .info h2{font-size:1.2rem;margin: 10px 0;}
	 .news-more-index .more{display: none;}
	 .ny-title{margin:2rem 0}
	 .ny-about1 .fr p{font-size:0.9rem;line-height: 1.5rem;}
	 .ny-about1 .fl, .ny-about1 .fr, .ny-about2 .fr{border-radius:30px;overflow: hidden;}
	  .ny-about2 .ny-about-show p{font-size:1.1rem}
	  .ny-about2{ padding: 50px 0;}
	  .ny-pro2-con dl dt{font-size:30px}
	  .ny-pro1 .ny-title span{display: none;}
	  .ny1-pro-img{border-radius:30px;overflow: hidden;}
	  .ny-pro4{margin-top:2rem;padding-top:0.1rem;    padding-bottom: 2rem;}
	  .ny1-pro1-con .ny1-pro-wz h2{width: 100%;padding-top:1rem}
	  .ny1-pro-wz h2 em{letter-spacing: 0;font-size:0.8rem;font-weight:200}
	  .ny-news-list a .news-aright h4{font-size:1.1rem}
	  .ny-news-list a .news-aright p,.ny-details-content p{font-size:0.9rem;line-height:1.4rem}
	  .ny-contact .fl{width: 100%;}
	  
	  .message div span{font-size:1rem}
	  .ny-contact .fr{margin-top:2rem}
	  .footer-bottom .fl, .footer-bottom .fr{font-size:0.9rem}
	  .foot-center dl{width: 100%;}
	  .news{overflow: hidden;}
}