@media screen and (max-width: 768px) {
	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{ padding-left: 8px!important; padding-right: 8px!important;}
	.inner{
		width: 95%;
	}
	.row{
		margin-left: -8px!important;
		margin-right: -8px!important;
	}
	.header{
		text-align: center;
		padding: 10px 0;
	}
	.header img{
		width: 120px;
	}
	.menuBtn{ width: 50px; position: absolute; height: 30px; left: 10px; top: 20px;}
	.menuBtn span{ display: block; background: #89a2b6; width: 33px; height: 4px; position: absolute; left: 7px; transition: all ease 0.35s;}
	.menuBtn span:nth-of-type(1) {top: 0px;}
	.menuBtn span:nth-of-type(2){ top: 10px;}
	.menuBtn span:nth-of-type(3){ top: 20px;}
	.a_txt{display:block;position:fixed;top:0px;left:0px;width:0px;height:0px;overflow:hidden;z-index:10000000}
	.a_txt .div1{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0px;top:0px;z-index:1}
	.a_txt .div2{position:absolute;width:20%;left:0px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0}
	.a_txt .div3{position:absolute;width:80%;right:0px;top:0px;background:#0b0d19;height:100%;z-index:100;right:-80%}
	.a_txt .div3 ul{padding-left:5%;padding-right:5%}
	.a_txt .div3 ul li{border-bottom:1px solid #232530}
	.a_txt .div3 ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px}
	.a_txt .div3 ul li .a_js2{background:url(../images/plus.png) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
	.a_txt .div3 ul li .a_js2_on{background:url(../images/reduce.jpg) 95% center no-repeat;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s}
	.a_txt .div3 ul li .a_txt2{display:none}
	.a_txt .div3 ul li .a_txt2 a{height:40px;line-height:40px;font-size:14px}
	.home-about{ margin: 50px 0}
	.home-about-slog{ font-size: 28px;}
	.home-about-desc-p{ width: 100%;}
	.learn-more{ display:flex; justify-content: flex-end; margin-bottom: 40px;}
	.product{ padding: 50px 0; background-image:url('../images/wap/product_back.png')}
	.title{ font-size: 32px;}
	.description{ font-size: 16px; line-height: 30px;}
	.product-img{ width: 100%; padding: 20px 0;}
	.product-title{ font-size: 18px;}
	.product-box{ margin-top: 16px;}
	.support{ padding: 50px 0 300px 0; background-image:url('../images/wap/case_back.png')}
	.support-title{ font-size: 48px;}
	.news{ padding: 50px 0; background-image:url('../images/wap/news_back.png')}
	.news .swiper-slide{ display: block;}
	.news .swiper-slide .swiper-slide-right{ margin-left: 0;}
	.news .swiper-slide-right .swiper-slide-right-title a{ font-size: 26px; height: 80px;overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical; margin: 20px 0 0 0;}
	.swiper-bot-page{ width: 100%; bottom: 0; position: static; margin-top: 20px;}
	.join-flex img{ width: 45px;}
	.join-flex span{ font-size: 32px;}
	.footer{ background-image:url('../images/wap/footer_back.png')}
	.footer-logo{ margin: 0 auto; text-align: center;}
	.footer-flex{ display: block;}
	.footer-info{ display:flex; justify-content: center; margin-top: 30px;}
	.footer-code-img{ width:150px; margin: 0 auto;}
	.footer-copyright{ margin-top: 50px; display: block; text-align: center; padding-bottom: 30px;}
	.copyright-left,.copyright-icp a{ line-height: 25px;}
	.page-title{ font-size: 28px; bottom: 10px;}
	.about-slog{ font-size: 26px; line-height: 35px;}
	.about-desc{ line-height: 35px;}
	.about-logo img{ width: 100px;}
	.want{ margin-top: 50px; padding: 50px 0;}
	.want-box{ padding: 10px;}
	.want-con{ font-size: 15px; line-height: 25px;}
	.want .col-xs-6{ margin-bottom: 16px;}
	.about-four-box{ flex-wrap: wrap;}
	.about-four-box img{ flex-basis: 50%; width: 50vw;}
	.topping-box .news-title{ margin-top: 30px; font-size: 22px;}
	.topping-box .news-title,.topping-box .news-time,.topping-box .news-desc{ padding: 0 15px;}
	.topping-box .news-time{ margin: 10px 0;}
	.news-more{ margin-top: 20px; margin-left: 15px;}
	.topping-box{ padding-bottom: 20px;}
	.news-list .news-list-item{ padding: 25px 10px;}
	.news-list .news-border{ margin: 0 15px;}
	.news-list .news-item-right .news-title a{ line-height: 25px; font-size: 18px;height: 50px;overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical; }
	.news-list .news-item-left .news-day{ font-size: 48px; line-height: 50px;}
	.news-list .news-item-left{ flex-basis: 70px;}
	.detail-title{ font-size: 28px; line-height: 35px;}
	.detail-con p{ line-height: 30px; margin-top: 20px;}
	.product-wrapper{ margin-top: 50px;}
	.product-desc{ width: 80%; margin: 0 auto;}
	.product-wrapper-title{ font-size: 32px; margin-top: 50px;}
	.publication{ margin: 50px 0;}
	.publication-box{ margin-bottom: 20px; padding-bottom: 0;}
	.publication-title{ font-size: 16px; line-height: 30px; height: 60px;}
	.service-flex{ display: block;}
	.service-flex .service-flex-left{ text-align: center;}
	.service-flex .service-flex-right{ text-align: center; margin-left: 0; margin-top: 20px;} 
	.service-flex-right .service-wel{ font-weight: bold; font-size: 20px;}
	.service-flex-right .service-desc{ font-size: 15px; line-height: 30px; margin-top: 10px;}
	.submit .submit-btn{ width: 100%; padding: 10px 0; text-align: center;}
	.job,.contact{ margin-top: 50px;}
	.job-slog{ width: 100%; font-size: 16px; line-height: 30px;}
	.job-con-label{ padding: 0 15px;}
	.job-con-label .job-label-right p{ margin-bottom:10px;}
	.job-qd{ display: block;}
	.job-title{ font-size: 26px;}
	.contact-flex{ display: block;}
	.contact-flex .contact-item{ margin-right: 0; margin-bottom: 20px;}
	.contact-flex .contact-item .contact-item-right .contact-item-title{ font-size: 16px; line-height: 30px;}
}
@media screen and (max-width: 1499px) and (min-width: 1201px) {
	.inner{ width:1200px;}
}
@media screen and (max-width: 1200px) and (min-width: 769px){
	.inner{ width: 750px;}
}