@charset "utf-8";

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

	.container {
		width: 85%;
	}

	.products-title {
		top: 3rem;
		left: 3rem;
	}

	.products-box .imgbox {
		width: 70%;
	}

	.products-list .read-more {
		bottom: 5rem;
		left: 5rem;
	}


	.news-info span {
		margin-top: 2rem;
	}

	.news-content .right .news-info span {
		margin-top: 2.58rem;
	}

	.title-text p {
		font-size: 2.4rem;
	}

}

/* 1500px */
@media only screen and (max-width:1500px) {}


/* 1400px */
@media only screen and (max-width:1400px) {}

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

/* 1080px */
@media only screen and (max-width: 1080px) {}

/* 960px */
@media only screen and (max-width: 960px) {

	.details-content img{
		width: 100%;
	}

	.m-navi{
		display: flex;
		align-items: center;
	}

	.m-lang{
		display: block;
		margin-right: 20px;
		font-size: 15px;
	}

	.product-box ul li{
		width: 100%;
	}

	.no-touch #mobile {
		height: 100%;
	}

	.container {
		width: 92%;
		margin: 0 auto;
		position: relative;
	}

	.header {
		display: none;
	}

	.m-header {
		display: block;
	}

	.m-headerbox {
		height: 70px;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 95;
		width: 100%;
		overflow: hidden;
		-webkit-transition: all .4s ease;
		-moz-transition: all .4s ease;
		transition: all .4s ease;
		background-color: #fff;
		box-shadow: 0px 1px 10px rgba(0, 0, 0, .06);
	}

	.m-headerbox .container {
		height: 70px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.m-logo {
		z-index: 96;
	}

	.m-logo a {
		display: block;
	}

	.m-logo a img {
		display: inline-block;
		height: 26px;
		padding-top: 6px;
	}

	/* mobile menu button */
	.m-toggle {
		display: block;
		width: 30px;
		height: 30px;
		position: relative;
	}

	.m-toggle span.m-hamburger,
	.m-toggle span.m-hamburger:after,
	.m-toggle span.m-hamburger:before {
		content: "";
		display: block;
		width: 24px;
		height: 3px;
		background: #111;
		position: absolute;
		top: 50%;
		margin-top: -1px;
		left: 50%;
		margin-left: -12px;
		-webkit-transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
		-moz-transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
		-o-transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
		transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
		-webkit-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
		-moz-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
		-o-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
		transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
		transition-delay: 0.15s;
	}

	.m-toggle span.m-hamburger,
	.m-toggle span.m-hamburger:after,
	.m-toggle span.m-hamburger:before {
		content: "";
		display: block;
		width: 24px;
		height: 3px;
		background: #111;
		position: absolute;
		top: 50%;
		margin-top: -1px;
		left: 50%;
		margin-left: -12px;
		-webkit-transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
		-moz-transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
		-o-transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
		transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
		-webkit-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
		-moz-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
		-o-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
		transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
		transition-delay: 0.15s;
	}

	.m-toggle span.m-hamburger:after {
		margin-top: -7px;
		top: 0;
		transition-delay: 0.27s;
	}

	.m-toggle span.m-hamburger:before {
		margin-top: 7px;
		top: 0;
		transition-delay: 0.2s;
	}

	.no-touch .m-toggle span.m-hamburger,
	.no-touch .m-toggle span.m-hamburger:after,
	.no-touch .m-toggle span.m-hamburger:before {
		transition-delay: 0.12s;
		-webkit-transform: translateX(-70px);
		-moz-transform: translateX(-70px);
		-ms-transform: translateX(-70px);
		-o-transform: translateX(-70px);
		transform: translateX(-70px);
	}

	.no-touch .m-toggle span.m-hamburger,
	.no-touch .m-toggle span.m-hamburger:after,
	.no-touch .m-toggle span.m-hamburger:before {
		-webkit-transform: translateX(70px);
		-moz-transform: translateX(70px);
		-ms-transform: translateX(70px);
		-o-transform: translateX(70px);
		transform: translateX(70px);
	}

	.no-touch .m-toggle span.m-hamburger:after {
		transition-delay: 0s;
	}

	.no-touch .m-toggle span.m-hamburger:before {
		transition-delay: 0.07s;
	}

	.m-toggle span.cross:before,
	.m-toggle span.cross:after {
		content: "";
		display: block;
		width: 24px;
		height: 3px;
		background: #111;
		position: absolute;
		top: 50%;
		margin-top: -1.5px;
		left: 50%;
		margin-left: -12px;
		-webkit-transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
		-moz-transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
		-o-transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
		transition: transform 0.3s cubic-bezier(0.600, 0.000, 0.200, 1.000);
		-webkit-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
		-moz-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
		-o-transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
		transition-timing-function: cubic-bezier(0.600, 0.000, 0.200, 1.000);
		-webkit-transform: translateY(-70px) translateX(-70px) rotate(45deg);
		-moz-transform: translateY(-70px) translateX(-70px) rotate(45deg);
		-ms-transform: translateY(-70px) translateX(-70px) rotate(45deg);
		-o-transform: translateY(-70px) translateX(-70px) rotate(45deg);
		transform: translateY(-70px) translateX(-70px) rotate(45deg);
		transition-delay: 0.12s;
	}

	.m-toggle span.cross:after {
		transition-delay: 0s;
		-webkit-transform: translateY(70px) translateX(-70px) rotate(-45deg);
		-moz-transform: translateY(70px) translateX(-70px) rotate(-45deg);
		-ms-transform: translateY(70px) translateX(-70px) rotate(-45deg);
		-o-transform: translateY(70px) translateX(-70px) rotate(-45deg);
		transform: translateY(70px) translateX(-70px) rotate(-45deg);
	}

	.m-toggle span.cross:after {
		-webkit-transform: translateY(-70px) translateX(70px) rotate(-45deg);
		-moz-transform: translateY(-70px) translateX(70px) rotate(-45deg);
		-ms-transform: translateY(-70px) translateX(70px) rotate(-45deg);
		-o-transform: translateY(-70px) translateX(70px) rotate(-45deg);
		transform: translateY(-70px) translateX(70px) rotate(-45deg);
	}

	.no-touch .m-toggle span.cross:before {
		transition-delay: 0.12s;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.no-touch .m-toggle span.cross:after {
		transition-delay: 0.24s;
		-webkit-transform: rotate(-45deg) !important;
		-moz-transform: rotate(-45deg) !important;
		-ms-transform: rotate(-45deg) !important;
		-o-transform: rotate(-45deg) !important;
		transform: rotate(-45deg) !important;
	}

	/* mobile nav box */
	.m-navbox {
		background-color: #f8f8f8;
		position: fixed;
		z-index: 92;
		top: 0px;
		right: 0;
		width: 100%;
		height: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%);
		-webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0.4s;
		-moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0.4s;
		transition: transform 0.4s 0s, box-shadow 0s 0.4s;
	}

	.no-touch .m-navbox {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}

	.m-nav {
		padding-top: 20%;
		padding-left: 10%;
		padding-right: 10%;
	}

	.m-nav li {
		border-bottom: 1px solid #ddd;
	}

	.m-nav li .m-navitem {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.m-nav li i {
		color: #999;
		font-size: 20px;
	}

	.m-nav li a {
		display: block;
		color: #333;
		height: 60px;
		line-height: 60px;
		width: 70%;
		font-size: 1.8rem;
	}

	.m-header.cur .m-headerbox {
		background-color: #fff;
		box-shadow: 0 2px 20px 0 rgba(10, 25, 51, 0.08);
	}

	.m-header.cur .m-toggle span.m-hamburger,
	.m-header.cur .m-toggle span.m-hamburger:after,
	.m-header.cur .m-toggle span.m-hamburger:before,
	.m-header.cur .m-toggle span.cross:before,
	.m-header.cur .m-toggle span.cross:after {
		background-color: #111;
	}

	.m-children {
		padding: 5%;
		display: none;
	}

	.m-children a {
		color: #999;
		height: 30px !important;
		line-height: 30px !important;
	}

	.pro-page .m-toggle span.m-hamburger,
	.pro-page .m-toggle span.m-hamburger:after,
	.pro-page .m-toggle span.m-hamburger:before {
		background-color: #1a1a1a;
	}

	.products-title p{
		display: none;
	}

	.products-title h2{
		font-size: 2.4rem;
	}

	.about .right img{
		border-radius: 0;
	}

	/* banner */
	.banner {
		margin-top: 7rem;
		height: 50vh;
		background-color: #c00;
	}

	.home-banner {
		height: 100%;
	}

	.banner-text h2 {
		font-size: 2.4rem;
		margin-bottom: 1rem;
	}

	.banner-text p {
		font-size: 1.8rem;
	}

	.banner-more {
		padding: 1.2rem 2rem;
		margin-top: 4rem;
	}

	.title .more span {
		display: none;
	}

	.title-text p {
		font-size: 2.2rem;
	}

	.title-text span {
		font-size: 1.5rem;
		display: inline-block;
		margin-bottom: 10px;
	}

	.products {
		padding: 5rem 0;
	}

	.products-box {
		width: 100%;
		margin-bottom: 2rem;
	}

	.products-list ul {
		width: 100%;
	}

	.products-box .imgbox {
		width: 65%;
	}

	.products-title {
		top: 3rem;
		left: 3rem;
	}

	.products-list .read-more {
		bottom: 3rem;
		left: 3rem;
	}

	.products-list ul li .read-more {
		display: none;
	}

	.products-list ul li .imgbox {
		right: 1rem;
	}

	.about {
		padding: 5rem 0;
	}

	.about .left {
		width: 100%;
	}

	.about-content {
		margin-top: 2rem;
	}

	.about-content a {
		margin-top: 1.5rem;
		margin-bottom: 3rem;
	}

	.about .right {
		width: 100%;
	}

	.about-data ul {
		border-radius: 0;
	}

	.about-data ul li {
		width: 50%;
		padding: 1rem 2rem;
		position: relative;
	}

	.about-data ul li:nth-of-type(3) {
		border-left: 0;
	}

	.about-data ul li::after {
		content: '';
		position: absolute;
		left: 0;
		bottom: 0;
		width: calc(100% - 2rem);
		height: 1px;
		background-color: #ddd;
		opacity: .2;
	}

	.about-data ul li:first-child::after {
		left: 2rem;
	}

	.about-data ul li:nth-of-type(3)::after,
	.about-data ul li:nth-of-type(4)::after {
		height: 0;
	}

	.about-data ul li .right i {
		font-size: 3rem;
	}

	.about-data ul li .left p strong {
		font-size: 2.4rem;
	}

	.application {
		padding: 5rem 0;
	}

	.application-list li {
		width: 50%;
	}

	.application-list li h3 {
		font-size: 1.6rem;
		padding: 1.5rem;
	}

	.app-more a {
		font-size: 2rem;
	}

	.news {
		padding: 5rem 0;
	}

	.news-content .left {
		width: 100%;
	}

	.news-content .right {
		width: 100%;
	}

	.news-list li .imgbox {
		width: 100%;
	}

	.news-list li .news-info {
		width: 100%;
	}

	.contact-side {
		padding: 4rem 0;
	}

	.contact-side .title {
		font-size: 2.5rem;
		display: inline-block;
		margin-bottom: 3rem;
	}

	.contact-side .contact-url {
		margin: 0 auto;
	}

	.footer-menu {
		padding: 5rem 0 10rem 0;
	}

	.footer-nav {
		padding: 3rem 0;
	}

	.footer-nav a {
		display: inline-block;
		margin-bottom: 1rem;
	}

	.footer-contact .left {
		width: 100%;
	}

	.contact-text dl {
		width: 100%;
	}

	.contact-text dl dd {
		font-size: 1.6rem;
	}

	.footer-contact .right {
		display: none;
	}

	.copyright {
		justify-content: flex-start;
	}

	.mobile-float {
		display: block;
		background-color: #fff;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		box-shadow: 0px 1px 10px rgba(0, 0, 0, .06);
		z-index: 999;
	}

	.mobile-float ul {
		display: flex;
		justify-content: space-between;
		height: 100%;
	}

	.mobile-float ul li {
		width: 25%;
	}

	.mobile-float ul li a {
		display: block;
		height: 100%;
		color: #111;
		border-left: 1px solid rgba(255, 255, 255, .3);
		text-align: center;
		padding: 1.2rem 0
	}

	.mobile-float ul li:first-child a {
		border-left: none;
	}

	.mobile-float ul li a i {
		font-size: 3.2rem;
		display: block;
	}

	.mobile-float ul li a span {
		display: block;
		width: 100%;
	}

	.page-banner {
		height: 40vh;
		margin-top: 7rem;
		margin-bottom: 20px;
	}

	.page-text h2 {
		font-size: 5rem;
	}

	.page-position {
		display: none;
	}

	.product-top .left {
		width: 100%;
	}

	.product-top .right {
		width: 100%;
	}

	.cate-list {
		flex-wrap: nowrap;
	}

	.cate-list li a {
		margin-left: 3rem;
	}

	.article-list ul li {
		width: 100%;
	}

	.article-list ul li h2 {
		font-size: 2rem;
	}


	.article-content {
		padding: 0;
	}

	.article .left {
		width: 100%;
	}

	.article-title h2 {
		font-size: 2rem;
	}

	.article-nav {
		margin-top: 0;
	}

	.article .right {
		width: 100%;
		position: relative;
		top: 0;
		margin: 5rem 0;
	}

	.back-list {
		display: none;
	}

	.article-nav .prev,
	.article-nav .next {
		width: 100%;
		margin: 0.5rem 0;
	}

	.contact-info {
		width: 100%;
		margin-bottom: 3rem;
	}

	.web-maps {
		width: 100%;
	}

	.pages .about {
		padding: 0;
	}

	.pages .about .right {
		margin-bottom: 3rem;
	}

	.pages .about .right img {
		border-radius: 0 22px;
	}

	.pages .about-data {
		margin-top: 8rem;
		margin-bottom: 5rem;
	}

	.culture {
		padding: 5rem 0;
	}

	.culture-box {
		width: 100%;
		height: 100%;
		position: relative;
	}

	.culture-content li:nth-of-type(1) {
		width: 100%;
		height: 14rem;
	}

	.culture-content li:nth-of-type(4) {
		width: 100%;
		border-radius: 0;
	}

	.culture-content li {
		width: 50%;
	}

	.culture-text .en-title {
		font-size: 2rem;
	}

	.value {
		padding: 5rem 0;
	}

	.value-content {
		margin: 3rem auto 0;
	}

	.value-content li {
		width: 100%;
		margin-bottom: 3rem;
	}

	.value-content li:nth-of-type(2n) {
		display: none;
	}

	.service {
		padding: 5rem 0;
	}

	.service-list li {
		width: 100%;
		margin-bottom: 1.5rem;
	}

	.service-list li:last-child {
		margin-bottom: 0;
	}

	.service-box {
		padding: 10%;
	}

	.service-box i {
		font-size: 8rem;
	}

	.service-box h3 {
		font-size: 2.6rem;
	}

	.service-box p {
		font-size: 1.6rem;
		line-height: 1.8;
	}

	.culture-box .title,
	.value .title,
	.service .title {
		text-align: center;
		padding: 0 3rem;
	}

	.culture-box .title {
		margin-top: 0;
	}

	.product-top {
		padding-bottom: 3rem;
	}

	.product-top .right .product-desc {
		margin-bottom: 2rem;
	}

	.product-side {
		padding-bottom: 2rem;
	}

	.product-side .imgbox {
		max-width: 80%;
	}

	.product-side h2 i {
		display: block;
		font-size: 1.5rem;
		margin-top: .5rem;
	}

	.product-info {
		flex-wrap: wrap;
	}

	.product-info .left {
		width: 100%;
	}

	.product-info .right {
		width: 100%;
	}

	.product-txt {
		padding-right: 0;
	}

	.application-box {
		padding: 2rem 0;
	}

	.app-title {
		padding-left: 5%;
		padding-right: 5%;
		font-size: 2rem;
		line-height: 1.6;
	}

	.app-title::after {
		background: none;
	}

	.aiw_condlist {
		margin: 0 -1rem !important;
	}

	.aiw_condlist li {
		width: 50% !important;
		padding: 0 1rem !important;
		margin-bottom: 2rem !important;
	}

	.aiw_condlist li p {
		font-size: 1.6rem !important;
	}

	.aiw_table tr td {
		word-wrap: break-word;
	}

	.aiw_content {
		overflow: auto;
	}

	.aiw_content .aiw_table {
		white-space: nowrap;
		overflow-x: scroll;
	}

	.page-category {
		display: none;
	}

}

/* 768px */
@media only screen and (max-width:768px) {}