.wap-banner{ position: relative;display: none;}
.wap-banner{overflow: hidden;}
.wap-header{height: 60px;display: none;z-index: 9999;transition: all .4s;background: #fff; box-shadow: 1px 1px 10px rgba(0,0,0,0.05);position: fixed;
    left: 0;
    width: 100%;    top: 0;}
.wap-headerfix{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:15px; width: 65px;}
.wap-click { padding:5px 0;}
.wap-click span{width: 34px; height: 2px;background: #333;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: #fff; z-index: 20; left: 0; width: 100%; display: none;}
.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: #ef0000;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;text-indent: 0;}
.wap-headerzw{height: 60px;display: none;}
.wap-vericon{margin-top:17.5px;  margin-right: 18px;}
.wap-pro-list,.pf_down{display: none;}
.wap-pro-list-pic{display: none;}

.map-container{display: block;}
.wap-map{display: none;}

.pf_down{display: none;}
.pf_down {width: 100%;float: left;position: fixed;left: 0;bottom: 0;height: 69px;background: #EF0000;box-shadow: 0 -4px 7px rgba(0,0,0,0.15);z-index: 9999999;}
.pf_down li {box-sizing: border-box;width: 33.33%;float: left;text-align: center;padding:14px 0 12px 0;}
.pf_down li .ico7 {width: 100%;float: left;height: 20px;}
.pf_down li.l2{ background: #000;}
.pf_down li.l1 .ico7{ background: url(../images/btn15.png) no-repeat center center;   background-size: 20px 20px;}
.pf_down li.l2 .ico7{ background: url(../images/btn16.png) no-repeat center center;   background-size: 20px 20px;}
.pf_down li.l3 .ico7{ background: url(../images/btn17.png) no-repeat center center;   background-size: 20px 20px;}
.pf_down li .name {font-weight: bold;width: 100%;float: left;margin-top: 7px;font-size: 15px;color: #fff;line-height: 1rem;}

@media screen and (min-width:1200px)  and  (max-width:1750px)  {
	.header-con{max-width:96%;margin:0 auto}
	
	.ny-history{margin-top:50px}
	
}
@media screen and (min-width:1200px)  and  (max-width:1550px)  {
	.container,.news-list{max-width:96%;margin:0 auto}
	.footer-top .fl{margin-right:130px}
	.news{    margin: 115px auto 150px auto;}
	
	.ny-history .container dl{width: 25%;margin:0}
	.ny-news-details{margin:205px auto 50px auto}
	.ny-contact-list dl{margin-right:30px}
	.ny-contact-list dl:nth-child(1) dd, .ny-contact-list dl:nth-child(2) dd{font-size:24px}
	
	.pro-banner{}
	.pro-banner .fr{width: 40%;}
	.pro-banner .fl{width: 56%;}
	.pro-banner .fr img{width: 100%;}
}

@media screen and (min-width:0px)  and  (max-width:1200px)  {
	
	.footer{padding-bottom:100px}
	.container,.news-list{max-width:96%;margin:0 auto}
	.footer-top .fl{margin-right:160px}
	.news{    margin:50px auto 150px auto;}
	.header{display: none;}
	.banner{display: none;}
	.wap-banner{display: block;}
	.wap-header{display: block;}
	
	.title{max-width:90%;margin:0 auto}
	.title{    margin:55px auto 0px auto;}
	.title em{font-size:24px;margin-top:0}
	.title p{line-height: 30px;font-size: 14px; padding: 10px 0;}
	
	.pro-con-list dl:nth-child(2){display: none;}
	.pro-con-list dl:nth-child(1){width: 100%;}
	.pro-con{height: auto;padding:30px 0 110px 0; background-size: 300%;}
	.pro-con-list dl{width: 46% !important;margin:1% !important;}
	.pro-con-list dl dt{margin-bottom:20px;}
	.pro-con-list dl dd b{font-size:18px;width:75%;display: block;margin:0 auto;font-weight:600;line-height: 22px;}
	.pro-con-list dl dd p{margin-top:10px;font-size: 14px;line-height: 24px;}
	.pro-con-list dl:nth-child(3){margin-top:30px;}
	.pro-con .pro-left{top:90%;right: 36%;}
	.pro-con .pro-right{top:90%;left: 36%;}
	.index-pro-xq p{font-size: 24px;line-height:38px;}
	.addus-more{width:185px}
	.case{height: 450px;}
	.case-more{margin-top:40px}
	.case-list .fr h2{font-size:30px;margin-top:70px;}
	.case-list .fr div{width:80%;margin: 30px auto}
	.case-list .fr p{margin-top:30px;color:#666;}
	
	.footer-top .fl{display: none;}
	.footer-top .fl:nth-child(1){display:block;    margin-right:0}
	
	.pro-banner .fr {display: none;}
	.ys-pro-list dl div p{line-height: 30px;font-size: 15px;}
	.ys-pro-list dl div{padding-top:35px}
	.ny-jscs-con .container .fl{width: 40%;}
	.ny-jscs-con .container .fl img{width: 100%;}
	.ny-jscs-con .container .fr{width: 55%;}
	.ny-xj-con div p img{width: 100%;}
	.ny-news-list a .news-aright h4{margin-bottom:10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical ;}
	.ny-news-list a .news-aright p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical ;    margin-top:10px;}
	.ny-news-list a .news-acen{flex: 2;}
	.ny-banner{height: 300px;}
	
	
	.map-container{display: none;}
	.wap-map{display: block;padding-top:50px;overflow: hidden;}
	.wap-map dl{width:31%;border-radius:10px; background: #f5f5f5;margin-bottom:15px;padding:10px 0;text-align: center;margin:1%;float:left}
	.wap-map dl dt{font-size:18px;color:#EF0000;font-weight:bold}
	.ys-map{margin-top:30px}
	.ys-map dl{width:96%;margin:20px auto;float:none;height: 125px;}
	.ys-map dl dt{padding-top:17px}
	.map{padding-top:0}
	
	.ny-history{margin-top:50px}
	.ny-history{margin-top:40px}
	.ny-culture .fr h2,.ny-history .ny-history-title{font-size:28px}
	.ny-history{padding:30px 0}
	.ny-history .container{margin-top:30px}
	.ny-history .container .his-dl{    transform: rotateZ(90deg);}
	.ny-history .container .his-dl{    width: 51px; background-size: 100%;}
	.ny-history .container dl{margin:0 auto !important;width: 290px;float:none;display: block;}
	.ny-case-list a .news-aright{padding:0 0 0 20px}
	.ny-case-list a .news-aright h4{font-size:26px;    margin-bottom: 10px;}
	.case-more{margin-top:20px;}
	

	.ny-contact-con h2{font-size:26px;margin:30px 0}
	.ny-contact-list{margin:30px 0}
	.ny-contact-list dl{margin-right:0;float:none;border-bottom:1px dashed #ccc;padding:20px 0}
	.ny-contact-list dl dt{border-bottom:0}
	.ny-contact-list dl dd{margin-top:1px}
	.ny-contact-list dl:nth-child(4){float:none;margin-top:30px}
	.ny-contact-list dl:nth-child(3) dd{font-size:18px}
	.ny-contact-list dl:nth-child(1) dd, .ny-contact-list dl:nth-child(2) dd{font-size:22px}
	
	
	.pro-banner{height: auto;    padding:50px 0;}
	.pf_down {display: block;}
		
}


@media screen and (min-width:0px)  and  (max-width:640px)  {
	.container,.news-list{max-width:96%;margin:0 auto}
	.footer-top .fl{margin-right:160px}
	.news{    margin:50px auto 150px auto;}
	.header{display: none;}
	.banner{display: none;margin-top:60px;}
	.wap-banner{display: block;margin-top:60px;}
	.wap-header{display: block;}
	.ny-banner{margin-top:60px;}
	
	.title{max-width:90%;margin:0 auto}
	.title{    margin:55px auto 0px auto;}
	.title em{font-size:24px;margin-top:0}
	.title p{line-height: 30px;font-size: 14px; padding: 10px 0;}
	
	.pro-con-list dl:nth-child(2){display: none;}
	.pro-con-list dl:nth-child(1){width: 100%;}
	.pro-con{height: auto;padding:0; background-size: 300%;margin-top:0 !important}
	.pro-con-list dl{width: 46% !important;margin:1% !important;}
	.pro-con-list dl dt{margin-bottom:20px;}
	.pro-con-list dl dd b{font-size:18px;width:75%;display: block;margin:0 auto;font-weight:600;line-height: 22px;}
	.pro-con-list dl dd p{margin-top:10px;font-size: 14px;line-height: 24px;}
	.pro-con-list dl:nth-child(3){margin-top:30px;}
	.pro-con .pro-left{top:90%;right: 36%;}
	.pro-con .pro-right{top:90%;left: 36%;}
	.index-pro-xq p{font-size: 24px;line-height:38px;}
	.addus-more{width:185px}
	.case-list .fl, .case-list .fr{float:none;width: 100%;height: auto;}
	.case-list .fl{height: 300px; background-size: cover;}
	.case{height: auto;width:96%;margin:0 auto;padding:14px 0}
	.case-list .fr{padding-bottom:40px}
	.case-list .fr h2{margin-top:0;    font-size: 24px;padding-top:40px}
	.case-list .fr div{width:85%;margin:0 auto}
	.case-list .fr p{margin-top:10px;font-size:16px;line-height: 25px;color:#666;}
	.case-more{margin-top:40px;}
	/*.index-pro-xq{margin:40px 0}*/
	
	.footer-top .fl,.footer-top .fr{float:none;width:100%;text-align: center;margin-top:20px;}
	.foot-icon{width:232px;margin:0 auto}
	.foot-icon a{margin:0 10px}
	.footer .container{padding-top:20px;}
	.footer-top .fr{display: none;}
	.footer-bottom{margin:30px 0;text-align: center;font-size:14px;}
	.footer-bottom a{display: block;}
	
	
	.ny-banner{height:auto; background-size:cover;}
	.ny-banner img{width: 150%;margin-left:-20%}
	.ny-about1 h2{margin:30px auto;font-size:22px; line-height: 35px;text-align: left;}
	.ny-about-div p{font-size:16px;line-height: 27px;text-indent: 2em;text-align:left;margin-bottom:15px}
	.ny-about-more{margin:40px 0}
	
	
	.map-container{display: none;}
	.wap-map{display: block;padding-top:50px;overflow: hidden;}
	.wap-map dl{width:31%;border-radius:10px; background: #f5f5f5;margin-bottom:15px;padding:10px 0;text-align: center;margin:1%;float:left}
	.wap-map dl dt{font-size:17px;color:#EF0000;font-weight:bold}
	.ys-map{margin-top:30px}
	.ys-map dl{width:96%;margin:20px auto;float:none;height: 125px;}
	.ys-map dl dt{padding-top:17px}
	.map{padding-top:0}
	.ny-culture .fl, .ny-culture .fr{float: none;width: 100%;;}
	.ny-culture .fl{height: 275px; background-size: cover;}
	.ny-culture .ny-culture-con{margin:0 auto;padding-top:20px}
	.ny-culture dl{padding:18px 0}
	.ny-culture .fr{height: auto;padding-bottom:40px}
	.ny-history{margin-top:40px}
	.ny-culture .fr h2,.ny-history .ny-history-title{font-size:28px}
	.ny-history{padding:30px 0}
	.ny-history .container{margin-top:30px}
	.ny-history .container .his-dl{    transform: rotateZ(90deg);}
	.ny-history .container .his-dl{    width: 51px; background-size: 100%;}
	.ny-history .container dl{margin:0 30px}
	
	.app-con .fl{display: none;}
	.app-con .fr{float:none;width: 100%;}
	.app-con{height: auto;    padding:50px 0;}
	.app-con h2{margin:30px 0;    font-size:28px;text-align: center;}
	.app-wx .fl{display: block;}
	.app-wx .fl,.app-wx .fr{float:none;margin-top:20px;text-align: center;}
	
	.ny-case-list a{display: block; padding: 25px 0 0 0;}
	.ny-case-list a .news-aright{padding:30px 0}
	.ny-case-list a .news-aright h4{font-size:24px}
	.ny-case-list a .news-aright p{font-size:15px;}
	
	.ny-contact-con h2{font-size:26px;margin:30px 0}
	.ny-contact-list{margin:30px 0}
	.ny-contact-list dl{margin-right:0;float:none;border-bottom:1px dashed #ccc;padding:20px 0}
	.ny-contact-list dl dt{border-bottom:0}
	.ny-contact-list dl dd{margin-top:1px}
	.ny-contact-list dl:nth-child(4){float:none;margin-top:30px}
	.ny-contact-list dl:nth-child(3) dd{font-size:18px}
	.ny-contact-list dl:nth-child(1) dd, .ny-contact-list dl:nth-child(2) dd{font-size:22px}
	
	.ny-news-list a{display: block;}
	.ny-news-list a .news-aright{padding: 0;margin-top:20px}
	.ny-news-list a .news-aright h4{margin-bottom:15px}
	.ny-news-list a .news-aleft b{display: none;}
	.ny-news-list a .news-aleft{margin-bottom:10px}
	
	.pro-banner .fr{display: none;}
	.pro-banner{    padding-top: 0; background-size: 500%;height: auto; }
	.pro-banner .fl span{font-size:24px;margin-bottom:0}
	.pro-banner .fl h2{font-size:30px;    margin-bottom:0}
	.pro-banner .fl p{font-size:15px;line-height: 27px;}
	.pro-bannerdl{width: 100%;margin:20px auto;}
	.pro-banner div dl{width:48%;margin:1%; background: #fff;box-shadow: 1px 1px 10px rgba(0,0,0,0.05);padding:10px 0;border-radius:10px}
	.pro-banner div dl dt{height:50px;}
	.pro-banner .load{margin:40px auto}
	.ys-pro-list dl{width: 100%;height: auto;padding-bottom:20px}
	.ys-pro-list dl div{padding-top:30px;}
	.ys-pro-list dl div p{font-size:15px;line-height: 30px;}
	.ys-pro-list dl div h3{margin:10px 0;font-size:24px}
	.ny-ly-list h2{margin:20px 0;    font-size:32px;}
	
	.ny-jscs-con .container .fl{width:70%;margin:0 auto;float:none}
	.ny-jscs-con .container .fr{width:100%;margin:0 auto;float:none}
	.ny-jscs-con .container .fl img{width: 100%;}
	.ny-jscs-con{padding:50px 0;height: auto; background-size: cover;}
	.ny-jscs-con .container .fr h3,.ny-xj-con h2,.ny-question h2{font-size:26px;text-align: center;font-weight: bold;}
	.ny-jscs-con .container .fr p span{text-align: left;line-height: 28px;font-size: 15px;width: 80%;margin:0 auto;}
	.ny-xj-con h2{margin:30px 0}
	.ny-xj-con div p{width: 100%;margin:10px auto}
	.ny-xj-con div p img{width: 100%;}
	.ny-question{padding:50px 0}
	
	.ys-map dl dd span{display:contents}
	
	.pro-con ul li{width: 48%;padding:1% 0 5% 0;margin:1%}
	.pro-con ul li .pic{height: auto;    width: 78%;}
}

	/* =========关于我们=========== */

@media screen and (min-width: 200px) and (max-width: 1500px) {
	.profile2 .w1200 { width: 92%;}
}
@media screen and (min-width: 200px) and (max-width: 1300px) {
   /* 发展历程 */
   .profile2 {padding: 3rem 0; padding-bottom: 5rem;}
   .profile2 .w1200 {flex-wrap: wrap;}
   .profile2 .w1200 .left {text-align: center; width: 100%;}
   .profile2 .left .about-title {text-align: center;}
   .aboutThree .left span::after {    margin:1rem  auto;}
   .aboutThree .left em {font-size: 2rem;}
   .profile2 .w1200 .right {width: 100%; margin-top: 5rem;}
   .profile2 .w1200 .right .box {justify-content: center;}

}
@media screen and (min-width: 200px) and (max-width: 1100px) {
	/* 发展历程 */
	.aboutTwo .box {flex-wrap: wrap;}
	.profile2 {    padding: 60px 0; }
	.profile2 .w1200 .right { transform: translate(0); }
	.profile2 .w1200 .right .box {  flex-direction: column;}
	.profile2 .w1200 .right .box .swiper-timeline { display: none;}
	.profile2 .w1200 .right .box .swiper-time {  height: auto;  padding: 0;  width: 100%;  margin-right: 0;}
	.profile2 .w1200 .right .box .swiper-time .swiper-wrapper .swiper-slide.swiper-slide-active h5 { color: #E8AF02;}
	.profile2 .w1200 .right .box .swiper-timebox {  margin-top: 30px; width: 100%;}
	.profile2 .w1200 .right .box .swiper-timebox .prev {  top: 100px ;}
	.profile2 .w1200 .right .box .swiper-timebox .prev, .profile2 .w1200 .right .box .swiper-timebox .next { left: 70px; }
	.profile2 .w1200 .right .box .swiper-timebox .swiper-wrapper .swiper-slide {  padding: 0 30px; }
	.profile2 .w1200 .right .box .swiper-timebox .swiper-wrapper .swiper-slide h5 {  font-size: 100px;}
 
 }

 @media screen and (min-width: 200px) and (max-width: 768px) {
	/* 发展历程 */
 .profile2 .w1200 .right .box .swiper-time .swiper-wrapper .swiper-slide h5 { font-size: 18px;text-align: center;}
 .profile2 .w1200 .left .img img { width: 150px;}
 .profile2 .w1200 .right .box .swiper-timebox .swiper-wrapper .swiper-slide .flags-time {    justify-content: center;   width: 100%; margin-bottom: 1rem;}
 .profile2 .w1200 .right .box .swiper-timebox { height: auto; padding: 15px; box-sizing: border-box;}
 .profile2 .w1200 .right .box .swiper-timebox .prev {  left: 0; position: static;  transform: rotate(-90deg);margin-bottom: 20px;}
 .profile2 .w1200 .right .box .swiper-timebox .next { left: auto; bottom: auto; top: 70px; right: 15px;transform: rotate(-90deg);}
 .profile2 .w1200 .right .box .swiper-timebox .prev, .profile2 .w1200 .right .box .swiper-timebox .next { width: 40px;height: 40px; display: none;}
 .profile2 .w1200 .right .box .swiper-timebox .swiper-wrapper .swiper-slide {padding: 0; flex-wrap: wrap;}
 .profile2 .w1200 .right .box .swiper-timebox .swiper-wrapper .swiper-slide h5 { font-size: 24px; }
 .profile2 .w1200 .right .box .swiper-timebox .swiper-wrapper .swiper-slide span {font-size: 16px;line-height: 30px; margin-top: 0;}
 .profile2 .w1200 .right .box .swiper-timebox .swiper-wrapper .swiper-slide p { font-size: 14px; width: auto; line-height: 25px;}
 
 }