@media only screen and (max-width: 1680px) {
	body {
		zoom: 0.8 !important;
	}

}

@media only screen and (max-width: 1600px) {}

@media only screen and (max-width: 1440px) {}

@media only screen and (max-width: 1366px) {}

@media only screen and (max-width: 1280px) {}

@media only screen and (max-width: 1152px) {}

@media only screen and (max-width: 1024px) {
	body {
		zoom: 1 !important;
	}

	.menu {
		display: block;
	}

	.info-card-col {
		width: 23%;
	}

	.hear_sj {
		display: block;
		height: 60px;
		z-index: 99999;
		position: fixed;
		left: 0;
		background: #fff;
		top: 0;
		width: 100%;
		padding: 4px 0;
		box-sizing: border-box;
	}

	.hear_sj .centerBox {
		height: 100%;
	}

	.hear_sj .centerBox .logo {
		height: 100%;
	}

	.hear_sj .centerBox .logo img {
		height: 100%;
	}

	.header {
		display: none;
	}

	.menu {
		display: block;
	}

	.ban_sj {
		display: block;
		margin-top: 60px;
	}

	.index-info {
		transform: scale(1);
		width: 90%;
	}

	.mo_z {
		display: inline-block;
		vertical-align: middle;
		width: 48%;
	}

	.product-card-col {
		width: 100%;
		margin-right: 0;
		padding: 0;
		margin-bottom: 20px;
	}

	.product-card-desc {
		font-size: 12px;
	}

	.product-card-tag {
		width: 16px;
		height: 16px;
	}

	.product-card-tag-text {
		line-height: 15px;
	}

	.product-card-icon img {
		width: 100%;
		height: auto;
	}

	.product-card-icon {
		width: 100%;
		height: auto;
		margin: 0;
	}

	.more-but-row {
		height: 30px;
		font-size: 12px;
	}

	.more-but-text {
		font-size: 12px;
	}

	.introduction-row {
		margin-top: 60px;
	}

	.introduction-text {
		font-size: 14px;
	}

	.introduction-row {
		height: auto;
		padding: 20px 4%;
		box-sizing: border-box;
		background-size: cover;
	}

	.introduction-name {
		font-size: 16px;
		margin-top: 10px;
	}

	.introduction-desc {
		font-size: 12px;
		line-height: 24px;
		margin-top: 20px;
	}

	.introduction-desc p {
		width: 100%;
	}

	.introduction-but-row {
		margin: 20px 0;
		width: 140px;
		height: 40px;
	}

	.resources-row {
		margin-top: 40px;
	}

	.footer-row {
		height: auto;
		display: block;
		padding: 0 4%;
		box-sizing: border-box;
	}

	.footer-address {
		width: 100%;
		padding-top: 20px;
	}

	.company-info-row {
		width: 100%;
		margin-left: 0;
		padding-top: 20px;
	}

	.code-row {
		width: 100%;
		margin-left: 0;
		padding: 20px 0;
	}

	.company-info-name {
		font-size: 14px;
	}

	.code-col {
		width: 100px;
	}

	.company-info-tel-text {
		margin-top: 10px;
	}

	.footer-nav-text {
		margin-bottom: 10px;
		font-size: 14px;
	}

	.product-column {
		transform: scale(1);
		width: 90%;
	}

	.type-text {
		width: 120px;
		font-size: 14px;
		padding: 10px 2%;
		box-sizing: border-box;
	}

	.page .active {
		padding: 0px 10px;
		line-height: 20px;
		font-size: 12px;
		box-sizing: border-box;
		margin-left: 0;
	}

	.page .total {
		padding: 0px 10px;
		line-height: 20px;
		font-size: 12px;
		box-sizing: border-box;
		margin-left: 0;
	}

	.product-info-column {
		transform: scale(1);
		width: 90%;
	}

	.p-ul>.p-li img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.p-ul>.p-li {
		width: 100%;
		height: 100%;
	}

	.p-ul {
		width: 100%;
		height: 100%;
	}

	.focus {
		width: 100%;
		height: 200px;
	}

	.product-info-row {
		display: block;
	}

	.product-info-carousel {
		width: 100%;
		height: 100%;
	}

	.product-info-col {
		width: 100%;
		margin-left: 0;
		margin-top: 20px;
	}

	.product-info-name {
		font-size: 16px;
	}

	.product-info-time {
		font-size: 14px;
		margin-top: 10px;
	}

	.product-info-address {
		font-size: 14px;
		margin: 10px 0;
		line-height: 20px;
	}

	.product-info-but {
		font-size: 14px;
		padding: 10px;
		box-sizing: border-box;
	}

	.workshop-img {
		width: 48%;
		height: auto;
		margin-bottom: 20px;
	}

	.workshop-img:nth-child(2n+1) {
		margin-right: 2%;
	}

	.workshop-img img {
		width: 100%;
		height: auto;
	}

	.workshop-column {
		width: 90%;
		transform: scale(1);
	}

	.workshop-img-row {
		margin-top: 40px;
	}

	.news-center-column {
		width: 90%;
		transform: scale(1);
	}

	.time-line-icon {
		width: 20px;
		height: 20px;
		background-size: cover;
	}

	.day {
		font-size: 14px;
		text-align: center;
		line-height: 30px;

	}

	.time {
		font-size: 12px;
		text-align: center;
	}

	.time-line-info {
		width: 80%;
	}

	.date-row {
		width: 16%;
		margin-right: 2%;
		height: auto;
		padding: 10px 0;
	}

	.time-line-title {
		font-size: 14px;
	}

	.time-line-desc {
		font-size: 12px;
		margin-top: 10px;
	}

	.time-line-col {
		margin-bottom: 30px;
	}

	.news-info-column {
		width: 90%;
		transform: scale(1);
	}

	.news-info-title {
		font-size: 16px;
	}

	.news-info-time {
		font-size: 12px;
		margin-top: 10px;
	}

	.news-info-content {
		font-size: 14px;
		line-height: 24px;
		margin-top: 20px;
	}

	.news-info-page-row {
		width: 90%;
		transform: scale(1);
		margin: 10px 0;
	}

	.news-page {
		margin-top: 20px;
	}

	.news-info-page-next {
		font-size: 14px;
		margin-top: 0;
	}
	
	.news-info-page-last{
		font-size: 14px;
	}
	
	.profile-column{
		width: 90%;
		transform: scale(1);
		margin-top: 40px;
	}
	
	.profile-company-row{
		margin-top: 0;
		margin-bottom: 10px;
	}
	
	.profile-company-desc{
		font-size: 16px;
	}
	
	.profile-desc{
		padding: 20px 4%;
		font-size: 12px;
		line-height: 24px;
	}
	
	.profile-content-text-row{
		margin-top: 10px;
		font-size: 12px;
		line-height: 24px;
	}
	
	.profile-carousel{
		width: 90%;
	}
	
	.tel-me-row{
		display: block;
	}
	
	.tel-me-header-img{
		display: block;
		margin: auto;
	}
	
	.tel-me-desc-row{
		margin-left: 0;
		width: 100%;
		margin-top: 20px;
	}
	
	.tel-me-column{
		width: 90%;
		transform: scale(1);
		margin-top: 40px;
	}
	
	.tel-me-text{
		font-size: 16px;
	}
	
	.tel-me-en{
		font-size: 14px;
	}
	
	.tel-me-desc-text{
		font-size: 14px;
	}
	
	.tel-me-desc-content{
		font-size: 12px;
	}
	
	.tel-me-company-column{
		display: block;
	}
	
	.tel-me-company-name{
		padding: 20px 4%;
		box-sizing: border-box;
		font-size: 14px;
		text-align: center;
	}
	
	.tel-me-company-ul{
		padding: 20px 4%;
		box-sizing: border-box;
	}
	
	.tel-icon{
		width: 30px;
		height: 30px;
		background-size: cover;
	}
	
	.tel-me-company-li-value{
		font-size: 12px;
	}
	
	.tel-me-company-li-icon{
		width: 30px;
		height: 30px;
		background-size: cover;
	}
	
	.address-icon{
		width: 30px;
		height: 30px;
		background-size: cover;
	}
	
	.tel-me-company-li{
		margin-bottom: 20px;
	}
	
	.tel-me-map{
		width: 100%;
		height: 200px;
	}
}

@media only screen and (max-width: 768px) {
	.info-title {
		font-size: 16px;
		margin-top: 10px;
	}

	.info-row {
		margin-top: 60px;
	}

	.info-desc {
		font-size: 12px;
	}

	.info-card-row {
		display: block;
	}

	.info-card-col {
		width: 48%;
		margin-right: 2%;
		display: inline-block;
		vertical-align: top;
		text-align: center;
		margin-top: 10px;
		height: 140px;
	}

	.info-card-col:nth-child(2n) {
		margin-right: 0;
	}

	.info-card-title {
		font-size: 14px;
		margin-top: 10px;
	}

	.info-card-desc {
		font-size: 12px;
		margin-top: 10px;
	}

	.service-2 {
		margin: 10px auto;
		display: block;
		width: 30px;
		height: 30px;
		background-size: cover;
	}

	.service-1 {
		margin: 10px auto;
		display: block;
		width: 30px;
		height: 35px;
		background-size: cover;
	}

	.service-3 {
		margin: 10px auto;
		display: block;
		width: 34px;
		height: 30px;
		background-size: cover;
	}

	.service-4 {
		margin: 10px auto;
		display: block;
		width: 34px;
		height: 30px;
		background-size: cover;
	}
.footer-nav-row{
  margin-bottom: auto
}
.footer-bottom {
	 
	font-size: 13px;
	 
}
}



@media only screen and (max-width: 414px) {
	.ban_sj img {
		display: block;
		height: 200px;
		object-fit: cover;
	}
}

@media only screen and (max-width: 375px) {}

@media only screen and (max-width: 325px) {}