@media only screen and (max-width:800px) {
	.header{padding: 0 15px}
	.tab-left .lts .hd .tempWrap{margin: 0 22px}
}
@media only screen and (max-width: 768px) {
	.top1{display: flex;align-items: center;justify-content: space-between;margin-bottom: 0}
	.top1 h1{width: 30%;margin-bottom: 10px}
	.top1 h1 img{width: 100%}
	.top1 .top1_r{margin: 0 auto}
	.navmenu{ background:transparent; height:initial; line-height:initial}
	.mainmenu ul li:before{
	content:"";
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: right top;
	transform-origin: right top;
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s;
	position: absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
	color:#1C449A;
}
.mainmenu ul li a{ display:block; color:#6f7479; position:relative; font-size:14px;}
.mainmenu ul li:hover:before,.mainmenu ul li.cture:before{ 
	content:"";
	-webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: left top;
    transform-origin: left top;
}
	.main_l .MsoNormal{line-height: 16px}
	.contact_text{line-height: 14px}
	.contact_text ul li{margin-bottom: 6px}
	.contact-con .contact-pra p{line-height: 14px;margin-bottom:6px}
	.nav li{height: 40px!important;line-height: 40px!important}
	.tab-left .lts .hd .tempWrap{margin: 0 13px}
	.about-main{padding-left: 10px;padding-right: 10px}
	.footer_nav{display: none}
	.footer-con .copy{margin: 0 auto}
}
@media only screen and (max-width:667px){
	.main_l{flex: 0 0 calc(26% - 10px);padding: 15px 5px}
	.main_m{flex: 0 0 calc(48% - 10px);padding: 15px 5px}
	.main_m .text{width: calc(100% - 20px);padding: 10px}
	.main_r{flex: 0 0 calc(26% - 10px);padding: 15px 5px}
	.contact-con .contact-pra p{margin-bottom: 6px}
	.main_m .text .slick-dots li button{width: 14px;height: 14px;font-size:6px;line-height: 14px}
	.main_m .text .slick-dots li{margin:0 1px;width: 14px;height: 14px;line-height: 14px}
	.tab-left .lts .hd .tempWrap{margin: 0 -3px}
}
@media only screen and (max-width:640px) {
	.header{padding: 0 10px}
	.top1{margin-bottom:0}
	.top1 h1{width: 30%;margin-bottom: 10px}
	.top1 h1 img{width: 100%}
	.main-content{display: block;max-width: 100%}
	.main_l,.main_m,.main_r{width: calc(100% - 30px);margin: 0 auto;padding:15px}
	.main_l .text,.main_r .contact-con{display: flex;flex-flow: row wrap;margin-top: 15px}
	.main_l .text .link,.contact-con .contact-img{flex: 0 0 40%;display: block}
	.main_l .text .link img,.contact-con .contact-img img{width: 100%}
	.main_l .MsoNormal,.contact-con .contact-pra{margin-left: 2%;font-size: 14px;line-height: 24px}
	.contact-con .contact-pra p{font-size: 14px;line-height:20px}
	.main_l .MsoNormal,.contact-con .contact-pra{flex: 0 0 58%}
	.about-main{padding-left: 10px;padding-right: 10px}
	.column_m{width: 100%;display: block;margin:0 auto}
	.column_m .bt{display: none}
	.column_l{width: 100%;display: block;margin: 0 auto}
	.column_m .nr .nr_text{margin:10px 0 0}
	.contact_text{margin-bottom: 10px}
	.prolist p a{padding-top: 4px;padding-bottom: 4px}
	.column_m .pro_h4{display: block}
	.contact-none{display: none}
	.about-con .top-space{margin-top: 10px}
	.tab-left .lts .hd .tempWrap{margin: 0 20px}
	.tab-left .lts{width: auto;float: none}
	.tab-left .lts .bd img{width: auto;height: auto}
	.tab-left  .lts .hd li{height: auto;width: 60px;margin: 0 2px}
	.product-tab{flex-flow: row wrap}
	.product-tab .tab-left{flex: 0 0 100%}
	.product-tab .tab-right{flex: 0 0 100%;margin-left: 0}
	.product-tab .tab-right h2{font-size: 16px;color:#ff9900;border-bottom: none;padding-bottom: 0}
	.tab-right .send-email{margin-bottom: 30px}
}
@media only screen and (max-width:480px) {
	.navmenu .hamburgerBtn{right: 10px;top:-42px}
	.top1 h1{margin-top: 20px;margin-bottom:20px}
	.main_l,.main_m,.main_r{width: calc(100% - 20px);margin: 0 auto;padding:10px}
	.main_l .text, .main_r .contact-con{margin-top: 10px}
	.main_l .MsoNormal, .contact-con .contact-pra{font-size: 12px;line-height: 18px}
	.contact-con .contact-pra p{font-size: 12px;line-height: 16px}
	.column_m .pro_h4{display: block}
	.posts .productlist li{flex: 0 0 calc(33.33% - 20px)}
	.posts .productlist li:nth-child(3n){
		margin-right: 0
	}
	.posts .productlist li:nth-child(4n){
		margin-right: 20px
	}
	.tab-left .lts .hd .tempWrap{margin: 0 10px}
}
@media only screen and (min-width:411px) and (max-width:2208px) {
	.table-display{display:none}
}
@media only screen and (max-width:400px) {
	.tab-left .lts .hd .tempWrap{margin:0 4px}
}
@media only screen and (max-width:414px) {
	.top1 .top1_r{display: none}
	.top1 h1{width: 45%}
	.main-content .h2{text-align: center}
	.main_l .text, .main_r .contact-con{display: block}
	.main_l .text .link, .contact-con .contact-img{width: 100%}
	.main_l .MsoNormal, .contact-con .contact-pra{margin-left: 0;width: 100%}
	.posts .productlist{justify-content: space-around}
	.posts .productlist li{flex: 0 0 calc(50% - 10px);margin: 0 10px 20px 0}
	.posts .productlist li:nth-child(3n){
		margin-right: 10px
	}
	.posts .productlist li:nth-child(2n){
		margin-right: 0
	}
	.page-con{padding: 0 6px}
	.page-con span, .page-con a{padding: 0 2px}
	.page-con .page{display: none}
}
@media only screen and (min-width: 320px) and (max-width:375px) {
	.main_l .MsoNormal{font-size: 12px;line-height: 18px}
	.main_m .text .slick-dots li button{width: 14px;height: 14px;font-size:6px;line-height: 14px}
	.main_m .text .slick-dots li{margin:0 1px;width: 14px;height: 14px;line-height: 14px}
	.tab-left .lts .hd .tempWrap{margin: 0 20px}
	.table-none{display: none}
}
@media only screen and (max-width: 320px){
	.tab-left .lts .hd .tempWrap{margin: 0 0!important}
}