﻿@media screen and (min-width:200px)  and  (max-width:1560px)  {
	/*2021.11.22产品详情页*/
	.container-p{max-width:96%}
	.pc-proxq img{display: block; width: 100%}
}


@media screen and (min-width:200px)  and  (max-width:1501px)  {
	.container-s{max-width: 96%}
}


@media screen and (min-width:200px)  and  (max-width:1500px)  {
	.product-more a{right: 10px;}
}



@media screen and (min-width:200px)  and  (max-width:1400px)  {
	.head-nav ul li{margin-right: 30px}
	.head-right em{margin: 0 44px}





}


@media screen and (min-width:200px)  and  (max-width:1384px)  {
	.footer-box .container{max-width: 96%}
}


@media screen and (min-width:200px)  and  (max-width:1200px)  {
	/*重点去掉整屏切换*/
	.nav-panel{display: none;}
	.wrapper { position: static; height: auto !important; top:0 !important}
	.wrapper .page {height:auto !important;opacity: 1; }
	/*重点去掉整屏切换*/
	.container{max-width: 96%}


	/*手机端公共头部*/
	.header,.header-zw{display: none;}
	.wap-header,.wap-headerzw{display: block; height: 86px;}
	.wap-header{ position: fixed; top: 0; width: 100%; background: #fff; z-index: 99; background: url(../images/logo-bg.jpg) no-repeat center; background-size: cover}
	.wap-header .logo{background: transparent; width: auto;}
	.wap-header .logo h1{line-height: 0}
	.wap-header .logo a{display: block;}
	.wap-header .logo img{display: inline-block; margin-top: 25px;}
	.wap-click { padding: 20px 0;}
	.wap-click span{width: 30px; 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-nav{position: relative; top: 0px; background: #F6F6F6; z-index: 20; left: 0; width: 100%; display: none;}
	.wap-nav ul li a{ display: block;font-size: 16px;line-height:45px;color: #434343;text-indent: 23px;transition: all .6s;}
	.wap-nav ul li span{display: inline-block; text-indent: 5px;}
	.wap-nav ul li a:hover,.wap-nav ul li.on>a{ background: #ee1717;color:#fff}
	.wap-hide{ background: #fff; display: none;}
	.wap-hide dd{border-bottom: 1px dashed #eee;}
	.wap-nav .wap-hide dd a{text-indent:30px;line-height:45px}
	.ver{margin-top: 28.5px; margin-right: 20px}

	/*内页banner*/
	.index-banner{height: auto;}


	/*内页关于我们*/
	.about-title strong{font-size: 36px}
	.about-banner .info strong{font-size: 40px; line-height: 68px;}
	.about-content .info{width: 47.97%; margin-right: 2%}
	.about-content .info p{font-size: 16px; line-height: 30px;}
	.slogan-list dl dd{float: left; margin-right: 0; width: calc(100% / 3); padding: 0 5%; box-sizing:border-box;}


	/*内页新闻*/
	.news-list ul{width: 102%}
	.news-list ul li{float: left; margin-right:  2%; width: calc(100% / 3 - 2%); margin-bottom: 4%}

	/*内页产品列表页*/
	.s6-banner .info strong{width: 83%; background-size: cover; border-radius: 15px;}


	.cookies{display: none;}




	/*产品详情页*/
	.nypro-pic,.nypro-info{float: none; width: 100%}
	.nypro-pic{margin-bottom: 20px}
	.nypro-more{position: relative; bottom: auto; width: 100%}


	/*2021.11.23首页样式调整*/
	.index-banner{height: 400px;}
	.index-banner .info{transform: scale(0.8); top: 0; bottom: 0; left:0;}
	.product-bg{height: 400px;}
	.product-bg .info{transform: scale(0.6); top: 0; bottom: 0; }

	.ny-banner .info{width: 63%; height: 26vh; background-size: contain}
	.ny-banner .info strong{font-size: 60px;}
	.ny-banner .info img{height: 100px}
	



}



@media (min-width: 200px) and (max-width: 960px) { 
	/*公共底部*/
	.footer-box .foot-nav{display: none;}
	.foot-left{float: none; width: 295.92px; margin: 0 auto}
	.foot-icon{margin-bottom: 39px}
	.foot-icon ul li{margin-right: 43px;}
	

	/*手机端公共底部*/
	.wapfoot-zw,.wapfooter{display: block;}
	.wapfoot-zw{height: 54px;}
	.wapfooter{position: fixed; bottom: 0; width: 100%; height: 54px;  background: #000; z-index: 999}
	.wapfooter .foot-nav{float: left; width: calc(100% / 3); height: 54px;}
	.wapfooter .foot-nav-2{background: #ee1717}
	.wapfooter .foot-nav-bg{display: block;height: 25px;text-align: center;width: 50px;margin: 8px auto 0;}
	.wapfooter .foot-nav-bg1{background: url(../images/nav-bg1.png) no-repeat center top; background-size:40%;}
	.wapfooter .foot-nav-bg2 {background: url(../images/nav-bg2.png) no-repeat center top;background-size: 40%;}
	.wapfooter .foot-nav-bg3{background: url(../images/nav-bg3.png) no-repeat center top; background-size:40%;}
	.wapfooter a{display: block;  font-size: 1rem; line-height: 1rem; color: #fff; text-align: center;}


	/*内页关于我们*/
	.about-content .about-title{margin-bottom: 5px;}
	.slogan{margin-bottom: 80px}

	.ny-banner .info img{height: 69px}
	.news-banner .info{height: 21vh}
	.ny-banner .info strong{font-size: 45px}


	.product-list ul li h3 img{display: block; width: 100%}

	/*2021.12.1邮箱*/
	.email-list ul li{margin-right: calc((100% - 706px) / 2)}
	.email-list ul li strong{font-size: 22px;}
	.email-list ul li b{font-size: 24px;}

}
 
@media (min-width: 200px) and (max-width: 768px) { 
	/*内页关于我们*/
	.ny-main{padding: 50px 0}
	.about-content .info, .about-content .pic{float: none; width: 100%; height: auto;}
	.about-content .info{margin-bottom: 30px}
	.about-content .pic{background: transparent;}
	.about-content .pic img{display: block;}
	.slogan-list dl dd{font-size: 25px;}

	/*新闻中心*/
	/*.news-banner .info strong{width: 88.15%; border-radius: 15px}*/
	

	/*内页新闻*/
	.news-list ul{width: 102%}
	.news-list ul li{float: left; margin-right:  2%; width: calc(100% / 2 - 2%); margin-bottom: 4%}

	/*内页产品列表页*/
/*	.s6-banner .info strong{font-size: 48px;}
	.s6-banner .info strong img{width: 200px;}*/


	.news-banner .info{height: 15vh}


	.product-list ul li{width: 95%;margin:0 auto 30px auto;float: none;}
	.product-list ul{width: 100%;}

}

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


	/*手机端公共头部*/
	.wap-header,.wap-headerzw{display: block; height: 60px;}
	.wap-header .logo {height: auto;}
	.wap-header .logo img{margin-top: 17.5px; height: 25px}
	.ver{margin-top:10px;}
	.ver a{font-size:1.5rem;color:#fff}
	.wap-click { padding: 7px 0;}
	.wap-nav ul li{float: left; width: calc(100% / 2)}


	/*公共底部*/
	.footer-box{padding: 40px 0 30px}
	.foot-left .foot-logo img {display: block;height: 30px;margin: 0 auto 39px;}


	/*内页关于我们*/
	.ny-main{padding: 30px 0}
	.about-content{margin-bottom: 50px}
	.about-banner .info strong {font-size: 20px;line-height: 30px;}
	.about-title strong{font-size: 24px;}
	.about-content .info p {font-size: 15px;line-height: 26px;}
	.vision{padding: 35px 0; margin-bottom: 35px}
	.vision .about-title{margin-bottom: 6px}
	.vision .info p{font-size: 15px;line-height: 26px;}
	.slogan{padding-bottom: 0px; margin-bottom: 40px;}
	.slogan-list dl{padding: 10px 0}
	.slogan-list dl dd {font-size: 15px; background-size: 6%!important; padding: 0 4%}
	.history .about-title{margin-bottom: 15px}
	.history-list dl{padding: 23px 0 0}
	.history-list dl dt, .history-list dl dd{line-height: 25px}
	.history-list dl dd h3 {background: url(../images/history-icon.png) no-repeat left top 8px;padding-left: 19px;font-size: 16px;margin-bottom: 15px;}


	/*新闻中心*/
	.ny-banner{height: 200px}
	/*.news-banner .info strong{width: 230px; border-radius: 15px;font-size: 22px; line-height: 70px; height: 70px;}*/

	.news-list ul li{margin-bottom: 20px}
	.news-list ul li .pic{margin-bottom: 10px;}
	.news-list ul li .info em{font-size: 15px; line-height: 24px; margin-bottom: 5px}
	.news-list ul li .info span{font-size: 14px}

	/*内页产品列表页*/
/*	.s6-banner .info strong{width: 60%; height: 90px; padding-top: 0;line-height: inherit;}
	.s6-banner .info strong span{display: none;}
	.s6-banner .info strong img {width: auto;height: 50px; margin: 20px 0;}*/
	.product-list ul li h3{font-size: 20px; line-height: 40px;}

	/*内页产品详情页*/
	.mess-form input, .mess-form textarea{float: none; width: 100%!important}


	/*2021.11.22产品详情页*/
	.pc-proxq{display: none;}
	.wap-proxq{display: block;}
	.wap-proxq img{display: block; width: 100%}


	/*2021.11.23首页样式调整*/
	.index-banner{height: 211px;}
	.index-banner .info{transform: scale(0.4);top: 0;bottom: 0;left: 50%;position: absolute;right: 0;margin: auto;margin-left: -334px;}
	.product-bg{height: 250px;}
	.product-bg .info{transform: scale(0.4);top: 0;bottom: 0;left: 50%;position: absolute;right: 0;margin: auto;margin-left: -334px;}
	#index-product .swiper-pagination-bullet{width: 8px; height: 8px;}
	.product-more a{display: none;}



	.ny-banner .info{height: 13vh}
	.ny-banner .info img { height: 38px;}
	.ny-banner .info strong {font-size: 24px;}
	.news-banner .info{height: 11vh}


	.foot-left{width: 100%}
	.foot-icon ul {text-align: center;}
	.foot-icon ul li{float: none; display: inline-block;}
	.foot-left p{text-align: center;}



	/*2021.11.26视频*/
	.video-pc{display: none;}
	.wap-video{display: block;}
	.video-button{position: absolute; left: 0px; bottom: 0px; top: 70px; right: 0px; display: block; text-align: center; width: 54px; margin: auto;}


	/*2021.12.1邮箱*/
	.history{margin-bottom: 40px;}
	.email-list{margin-bottom: 0}
	.email-list ul li{margin-right: 0; width: 100%; margin-bottom: 40px; height: auto;}
	.email-list ul li span{position: relative; bottom: auto; display: block; margin-top: 15px; width: 100%}


	.index-banner .info{display: none;}


	/*2021.12.2手机端自行车*/
	.product-bg{display: none;}
	.wap-product{background: #f0efef; display: block; padding: 40px 0 30px}
	.wap-bike{padding-bottom: 30px; position: relative;}
	.wap-bike ul li img{display: block; width: 100%; border-radius: 18px; box-shadow: 0px 3px 12px 0px rgba(171, 171, 171, 0.59);}
	#wap-bike{bottom: 0}
	#wap-bike .swiper-pagination-bullet{width: 12px; height: 12px; border: 1px solid #070709; background: transparent; opacity: 1; margin: 0 10px;}
	#wap-bike .swiper-pagination-bullet-active{background: #070709}
	.foot-left .foot-logo img{display: none;}
	.wapfoot-zw,.wapfooter{display: none;}



}
 
