@media (min-width:1200px) {
	/* .container {
		width: 1280px;
	} */
}


@media (min-width:1480px) {
	.container {
		width: 1440px;
	}

}

@media (max-width:1024px) {
	.container {
		width: 100%;
		padding: 0 20px;
	}

	.scroll-banner-wrapper {
		height: 50vh;
	}

	.scroll-graphic-wrapper .graphic-text {
		width: 100%;
		padding: 0 20px;
	}

	.scroll-graphic-wrapper .graphic-text .topic-title,
	.scroll-graphic-wrapper .graphic-text .sub-title {
		font-size: 40px;
	}

	.index-advance-list {
		padding: 30px 0;
	}

	.index-about .list-circle .item-circle {
		width: 180px;
		height: 180px;
	}

	.index-about-graphic .item-thumb-desc .thumb-desc {
		padding-top: 30px;
	}

	.index-features .diamond .container {
		display: flex;
	}

	.index-features .diamond .diamond-left,
	.index-features .diamond .diamond-right {
		width: 50%;
	}

	.index-features .diamond .diamond-left img {
		width: 100%;
	}

	.index-features .diamond .diamond-right {
		display: flex;
		flex-direction: column;
		padding-left: 20px;
	}

	.index-features .diamond .diamond-right .item {
		display: flex;
		justify-content: space-between;
	}

	.index-features .diamond .diamond-right .item:not(:last-child) {
		margin-bottom: 20px;
	}

	.index-features .diamond .diamond-right .item .num {
		width: 30px;
		height: 30px;
		line-height: 30px;
		background: linear-gradient(#fc5800, #fa254a);
		font-size: 20px;
		text-align: center;
		color: var(--white);
		border-radius: 50%;
	}

	.index-features .diamond .diamond-right .item .desc {
		width: calc(100% - 50px);
		color: var(--white);
	}

	.index-features .diamond .diamond-right .item .desc .title {
		font-weight: bold;
	}

	.index-features .diamond .diamond-right .item .desc .content {
		line-height: 25px;
	}
	
	.section-about .about-desc .thumb img{
		width: 100%;
	}
	
	.section-about .about-desc .desc{
		justify-content: flex-start;
		padding: 50px 50px 0;
	}
}

@media (max-width:992px) {

	.header-mobile-btn {
		display: block;
		position: relative;
		width: 50px;
		height: 50px;
	}

	.header-mobile-btn span {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		display: block;
		width: 30px;
		height: 1px;
		border-radius: 1px;
		background: var(--font-color);
	}

	.header-mobile-btn span::before,
	.header-mobile-btn span::after {
		content: "";
		display: block;
		width: 30px;
		height: 1px;
		border-radius: 1px;
		background: var(--font-color);
		transition: .5s;
	}

	.header-mobile-btn span::before {
		margin-top: -10px;
	}

	.header-mobile-btn span::after {
		margin-top: 20px;
	}

	.open .header-mobile-btn span {
		background: transparent;
	}

	.open .header-mobile-btn span::before {
		transform: rotate(45deg);
		margin-top: unset;
	}

	.open .header-mobile-btn span::after {
		transform: rotate(-45deg);
		margin-top: unset;
	}

	.flex-nav-wrapper {
		position: absolute;
		top: 80px;
		left: -100%;
		z-index: 999;
		flex-direction: column;
		justify-content: flex-start;
		width: 100%;
		height: calc(100vh - 80px);
		background-color: #f7f7f7;
		padding: 0 20px;
		visibility: hidden;
		opacity: 0;
		transition: .5s;
	}

	.flex-header-wrap.open .flex-nav-wrapper {
		left: 0;
		visibility: visible;
		opacity: 1;
	}

	.flex-nav-wrapper .flex-nav-container {
		width: 100%;
		flex-direction: column;
		align-items: flex-start;
	}

	.flex-nav-wrapper .flex-nav-container .nav-top {
		width: 100%;
	}

	.flex-nav-wrapper .flex-nav-container .nav-top a {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100%;
	}

	.flex-nav-wrapper .flex-nav-container .nav-top a span.expand {
		display: inline-block;
		width: 12px;
		height: 12px;
		border: 1px solid var(--font-color);
		border-left: 0;
		border-bottom: 0;
		transform: rotate(45deg);
		transition: .5s;
	}

	.flex-nav-wrapper .flex-nav-container .nav-top.open a span.expand {
		transform: translate(0, -2px) rotate(135deg);
	}

	.flex-nav-wrapper .flex-nav-container .nav-top .nav-childs-ul {
		position: initial;
		visibility: visible;
		opacity: 1;
		background-color: transparent;
		max-height: 0;
		overflow: hidden;
	}

	.flex-nav-wrapper .flex-nav-container .nav-top.open .nav-childs-ul {
		max-height: 500px;
	}

	.flex-nav-wrapper .flex-nav-container .nav-top:hover .nav-childs-ul {
		visibility: visible;
		opacity: 1;
	}

	.flex-toolbar {
		flex-direction: column;
		width: 100%;
		align-items: flex-start;
	}

	.flex-toolbar .lang-select a,
	.flex-toolbar .search a {
		display: none;
	}

	.flex-toolbar .lang-select .lang-ul {
		position: initial;
		visibility: visible;
		opacity: 1;
		padding-top: 0;
		display: flex;
		margin-bottom: 20px;
		background-color: transparent;
	}

	.flex-toolbar .lang-select .lang-ul li a {
		display: block;
		width: 50px;
		height: 50px;
		background-size: 45px;
		background-position: center;
		padding: 0;
	}

	.flex-toolbar .search {
		width: 100%;
		padding-top: 50px;
	}

	.flex-toolbar .search .search-form {
		position: initial;
		width: 100%;
		transform: rotateX(0deg);
	}

	.flex-toolbar .search .search-form form input {
		width: calc(100% - 40px);
	}

	.flex-toolbar .search .search-form form button {
		width: 40px;
		height: 40px;
	}

	.index-product-tab .product-show .item-show .list-products {
		flex-wrap: wrap;
		padding: 50px 0 30px;
	}

	.index-product-tab .product-show .item-show .list-products .item-product {
		width: 48%;
		margin-bottom: 50px;
	}

	.index-product-tab .product-show .item-show .list-products .item-product:not(:nth-child(4n)) {
		margin-right: 0;
	}

	.index-product-tab .product-show .item-show .list-products .item-product:not(:nth-child(2n)) {
		margin-right: 4%;
	}

	.index-about .list-circle .item-circle {
		width: 160px;
		height: 160px;
	}

	.index-about-graphic .item-thumb-desc .thumb-desc {
		padding-top: 0;
	}
	
	.section-about .about-desc .desc{
		justify-content: center;
		padding-top: 0;
	}
	
	.section-about .about-desc{
		position: relative;
		margin-bottom: 150px;
	}
	
	.section-about .about-desc .desc .paragh{
		position: initial;
	}
	
	.section-about .about-advantage{
		flex-direction: column;
	}
	
	.section-about .about-advantage .thumb, .section-about .about-advantage .desc{
		width: 100%;
	}
	
	.section-about .about-advantage .thumb img{
		width: 100%;
	}
	
	.section-about .about-advantage .desc{
		padding-left: 0;
		padding-top: 20px;
	}
	
	.about-service{
		font-size: 30px;
		padding: 80px 30px;
	}
	
}

@media (max-width:576px) {
	.container {
		padding: 0 15px;
	}

	.topic-cn-title {
		font-size: 28px;
	}

	.static-mobile-position .position-ul {
		display: flex;
		flex-wrap: wrap;
		padding: 20px 15px;
	}

	.static-mobile-position .position-ul a {
		display: flex;
		align-items: center;
		color: var(--font-color);
	}

	.static-mobile-position .position-ul a::after {
		content: "";
		display: block;
		width: 8px;
		height: 8px;
		border: 1px solid var(--font-color);
		border-left: 0;
		border-bottom: 0;
		transform: rotate(45deg);
		margin: 0 10px;
	}
	
	.category-name{
		flex-wrap: wrap;
		padding: 30px 0 30px;
	}
	
	.category-name a{
		display: block;
		width: 100%;
	}
	
	.category-name a:not(:last-child){
		margin-right: 0;
	}

	.flex-nav-wrapper .flex-nav-container .nav-top a {
		padding: 10px 0;
	}

	.flex-toolbar .lang-select .lang-ul li a {
		width: 30px;
		height: 30px;
		background-size: 30px;
	}

	.flex-toolbar .search {
		padding-top: 30px;
	}

	.scroll-banner-wrapper {
		height: 250px;
	}

	.scroll-graphic-wrapper .graphic-text .graphic-odd,
	.scroll-graphic-wrapper .graphic-text .graphic-even {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.scroll-graphic-wrapper .graphic-text .topic-title,
	.scroll-graphic-wrapper .graphic-text .sub-title {
		font-size: 20px;
	}

	.static-topic-text .static-cn-title {
		font-size: 20px;
	}

	.index-banner-advance {
		margin-top: 0;
		padding: 0;
	}

	.index-advance-list {
		flex-wrap: wrap;
	}

	.index-advance-list .item-advance {
		width: 50%;
		margin-bottom: 30px;
	}

	.index-advance-list .item-advance:nth-child(2n) {
		border-right: 0;
	}

	.index-product,
	.index-solution,
	.index-about,
	.index-news {
		padding: 50px 0;
	}

	.index-product-tab .product-name {
		flex-wrap: wrap;
	}

	.index-product-tab .product-name a {
		display: block;
		width: 100%;
		margin-right: 0;
	}

	.index-product-tab .product-name a:not(:last-child) {
		margin-right: 0;
	}

	.index-product-tab .product-show .item-show .list-products .item-product {
		margin-bottom: 30px;
	}

	.index-product-tab .product-show .item-show .list-products .item-product .thumb-desc {
		padding: 30px 10px 20px;
	}

	.index-features .diamond .container {
		flex-wrap: wrap;
	}

	.index-features .diamond .diamond-left,
	.index-features .diamond .diamond-right {
		width: 100%;
	}

	.index-features .diamond .diamond-right {
		padding-left: 0;
		margin-top: 30px;
	}

	.solution-tab .solution-icon-name {
		flex-wrap: wrap;
	}

	.solution-tab .solution-icon-name a {
		margin-bottom: 20px;
	}

	.index-about {
		background-size: cover;
	}

	.index-about .topic-desc span::before {
		padding: 0 10px;
	}

	.index-about .list-circle {
		flex-wrap: wrap;
	}

	.index-about .list-circle .item-circle {
		width: 150px;
		height: 150px;
		margin-bottom: 20px;
	}

	.index-about .list-circle .item-circle .circle-content .title .count {
		font-size: 30px;
	}

	.index-about .about-desc {
		margin-top: 0;
		padding: 30px;
	}

	.index-about-graphic .item-thumb-desc .thumb-img,
	.index-about-graphic .item-thumb-desc .thumb-desc {
		width: 100%;
	}

	.index-about-graphic .item-thumb-desc:nth-child(odd),
	.index-about-graphic .item-thumb-desc:nth-child(even) {
		flex-direction: column;
	}

	.index-about-graphic .item-thumb-desc:nth-child(odd) .thumb-desc {
		padding-left: 0;
		margin-top: 20px;
	}

	.index-about-graphic .item-thumb-desc:nth-child(even) .thumb-desc {
		padding-right: 0;
		margin-top: 20px;
	}

	.index-news-tab .news-tab-name a {
		padding: 10px;
	}

	.index-news-tab .news-tab-show .item-show .news-list {
		flex-wrap: wrap;
	}

	.index-news-tab .news-tab-show .item-show .news-list a {
		width: 100%;
	}

	.index-news-tab .news-tab-show .item-show .more-btn {
		padding-top: 50px;
	}

	.index-partners {
		padding: 50px 0 30px;
	}

	.partners-list a {
		width: 50%;
	}

	.partners-list a:nth-child(2n) {
		border-right: 0;
	}

	.partners-list a img {
		max-width: 100%;
	}
	
	.section-products .list-products .item-product{
		width: 100%;
	}
	
	.section-products .list-products .item-product:not(:nth-child(4n)){
		margin-right: 0;
	}
	
	.show-product-body{
		flex-direction: column;
	}
	
	.show-product-body .thumb, .show-product-body .profile{
		width: 100%;
	}
	
	.show-product-body .profile{
		padding: 30px 15px;
	}
	
	.show-product-body .profile .title{
		font-size: 28px;
	}
	
	.show-product-detail{
		margin-top: 50px;
		padding: 30px 15px;
	}
	
	.show-body-related .title{
		font-size: 28px;
	}
	
	.flex-customer{
		padding: 30px 0 0;
	}
	
	.flex-customer .item-customer{
		flex-direction: column;
		width: 100%;
	}
	
	.flex-customer .item-customer .thumb-img, .flex-customer .item-customer .thumb-desc{
		width: 100%;
	}
	
	.flex-customer .item-customer .thumb-desc{
		padding-top: 20px;
		padding-left: 0;
	}
	
	.section-news{
		padding: 0 0 50px;
	}
	
	.list-news .item-news{
		flex-direction: column;
	}
	
	.list-news .item-news .thumb-litpic, .list-news .item-news .thumb-desc{
		width: 100%;
	}
	
	.list-news .item-news .thumb-desc{
		padding-top: 20px;
	}
	
	.list-news .item-news .thumb-desc .title{
		font-size: 20px;
	}
	
	.show-news{
		padding: 30px 15px;
	}
	
	.show-news .title{
		font-size: 24px;
	}
	
	.show-news .content{
		padding: 30px;
	}
	
	.show-news .related-links{
		padding: 20px 30px;
	}
	
	.section-about .about-desc{
		flex-direction: column;
	}
	
	.section-about .about-desc .thumb, .section-about .about-desc .desc{
		width: 100%;
	}
	
	.section-about .about-desc{
		margin-bottom: 0;
	}
	
	.section-about .about-desc .desc{
		padding: 20px 15px 0;
	}
	
	.section-about .about-desc .desc .grid{
		position: initial;
		flex-wrap: wrap;
		margin-top: 20px;
	}
	
	.section-about .about-desc .desc .grid .item-grid{
		width: 50%;
	}
	
	.section-about .about-desc .desc .grid .item-grid:not(:last-child){
		margin-right: 0;
	}
	
	.section-about .about-advantage{
		margin: 50px 0;
	}
	
	.about-service{
		font-size: 20px;
	}
	
	.about-mission{
		padding: 50px 0;
	}
	
	.about-mission .item{
		width: 100%;
	}
	
	.about-mission .item:not(:last-child){
		margin-right: 0;
	}
	
	.list-factory .item,
	.list-certificate .item{
		width: 48%;
		margin-bottom: 30px;
	}
	
	.list-factory .item:not(:nth-child(4n)),
	.list-certificate .item:not(:nth-child(3n)){
		margin-right: 0;
	}
	
	.list-factory .item:not(:nth-child(2n)),
	.list-certificate .item:not(:nth-child(2n)){
		margin-right: 4%;
	}
	
	.system-container{
		padding: 50px 15px;
	}
	
	.contact-way{
		flex-direction: column;
	}
	
	.contact-way .thumb, .contact-way .profile{
		width: 100%;
	}
	
	.contact-way .profile{
		padding: 30px 15px;
	}
	
	.contact-way .profile .title{
		font-size: 24px;
	}
	
	.contact-form{
		padding: 50px 30px;
	}

	.flex-footer-wrapper,
	.footer-nav,
	.footer-copyright {
		flex-direction: column-reverse;
		flex-wrap: wrap;
	}

	.footer-contact,
	.footer-nav {
		width: 100%;
	}

	.footer-nav dl {
		margin-bottom: 20px;
	}

	.footer-contact dl dt,
	.footer-nav dl dt {
		margin-bottom: 0;
	}

	.footer-copyright .social {
		margin-top: 20px;
	}

	.footer-copyright .copyright {
		text-align: left;
	}
}