@charset "utf-8";
@media (max-width:1200px){
	.menu-handler{display: block;}
	.header{height: 60px;}
	.header .w1200{height: 60px;width: 100%;}
	body{padding-top: 60px;}
	.logo{left: 0;}
	.logo img{height: 28px;}
	.header-con{position: fixed;top:60px;left: -100%;width:100%;bottom:0;background: #fff;float: none;transition: all .3s cubic-bezier(0.89, 0.04, 0.21, 0.93);-webkit-transition: all .3s cubic-bezier(0.89, 0.04, 0.21, 0.93);}
	.search-sb{background-color: #f0f0f0;}
	.header-con.active{left: 0;}
	.nav-box{margin: 0;position: absolute;top:20px;left: 3%;right: 3%;bottom:60px;overflow: auto;}
	.nav li{float: none;border-bottom: 1px solid #ddd;}
	.nav-yi{line-height: 50px;padding: 0;}
	.nav li.none .nav-yi{display: block;}
	.nav li:after{width: 10px;height: 10px;position: absolute;content: '';right: 2px;top:20px;background: url("../images/phone-arrow.png") no-repeat center;background-size:cover;display: none;transition: all .4s;}
	.nav li.has:after{display: block;}
	.nav li.on:after{transform: rotate(180deg);}

	.header-area{bottom:25px;top:auto;width: 100%;left: 0;text-align: center;}
	.header-line{padding-left: 0;margin-right: 20px;padding-right: 20px;}
	.header-line:before{left: auto;right: 0;}
	.about-left{position: static;width: 100%;}
	.about-img{float: none;width: 100%;}
}
@media (max-width:800px){
	.gitied span,.gitied em{font-size: 40px;}
	.banner-top h2{font-size: 32px;}
	.footer-top li strong{font-size: 16px;}
	.banner-top h3{font-size: 18px;}
	.banner-top{margin-bottom: 20px;}
	.banner-bot{bottom:25px;}
	.bannerBtn{display: none;}
	.gitied p{margin-top: 0;}
	.footer-top:before{top:52%;}
}
@media (max-width:760px){
	.pc-show{display: none;}
	.wap-show{display: block;}
	.gitied span,.gitied em{font-size: 32px;}
	.banner-top h2,.title36 h2{font-size: 24px;}
	.footer-top li strong{font-size: 13px;}
	.about-warp h3{font-size: 18px;}
	.sgblsx h2{font-size: 16px;}
	.gitied p,.gitied i{font-size: 14px;}
	.sgblsx p{font-size: 12px;}
	.sgblsx h3{font-size: 11px;letter-spacing: normal;margin: 10px 0;}
	.banner-top h3{font-size: 14px;letter-spacing: normal;text-indent:0;}
	.gitied li{width: 50%;margin-bottom: 20px;}
	.padding-tb90,.sgblsx{padding: 40px 0;}
	.padding60{padding: 25px;}
	.title36,.about-warp h3{margin-bottom: 15px;}
	.product-control{position: static;transform: none;margin: 0;}
	.product-top .title36{margin-left: 25px;}
	.product-top .title36 p,.product-top .title36 h2{display: inline-block;vertical-align: middle;margin-right: 5px;}
	.product-control{display: flex;justify-content: space-between;margin-top: 20px;}
	.product-control a{padding: 0 14px;line-height: 36px;height: 36px;}
	.product-top,.footer-top{padding: 20px 0;}
	.pageStyle{margin-top: 25px;}
	.pageStyle .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 2px;}
	.sgblsx span{font-size: 11px;}
	.footer-top ul{display:block;font-size: 0;}
	.footer-top ul li{display: inline-block;width: 50%;font-size: 14px;margin: 20px 0;}
	.footer-top li .i{margin: 10px 0;}
	.footer-top:before{top:87px;}
	.footer-top:after{content: '';position: absolute;bottom:73px; border-top: 1px solid rgba(255,255,255,.1);left: 0;width: 100%;}
	.pd-warp p{font-size: 15px;}
	.pd-warp{padding: 50px 20px 30px;}
	.pd-warp a{width: 100px;line-height: 36px;margin-top: 20px;}
	.gb{top:15px;}
}