@media (max-width:1024px) {
	.pd80 {
		padding: 50px 0;
	}

	.pt80 {
		padding-top: 50px;
	}

	.pb80 {
		padding-bottom: 50px;
	}

	header {
		position: relative;
	}

	.container {
		width: 100%;
	}

	.topbar {
		padding: 0 15px;
	}

	.navlist {
		align-content: center;
	}

	.navlist .toolbar {
		display: none;
	}

	.navlist .nav_btn {
		display: block;
		position: relative;
		width: 50px;
	}

	.navlist .nav_btn .line,
	.navlist .nav_btn .line::before,
	.navlist .nav_btn .line::after {
		width: 100%;
		height: 1px;
		background: #aaaaaa;
		display: block;
		transition: .5s;
	}

	.navlist .nav_btn .line::before,
	.navlist .nav_btn .line::after {
		content: "";
	}

	.nav_btn .line {
		position: absolute;
		top: 50%;
		transform: translate(0, -50%);
	}

	.navlist .nav_btn .line::before {
		margin-top: -15px;
	}

	.navlist .nav_btn .line::after {
		margin-top: 30px;
	}

	.open .nav_btn .line {
		background-color: transparent;
	}

	.open .navlist .nav_btn .line::before {
		transform: rotate(45deg);
		margin-top: unset;
	}

	.open .navlist .nav_btn .line::after {
		transform: rotate(-45deg);
		margin-top: unset;
	}

	.navlist .navigation {
		position: absolute;
		top: 100%;
		left: -100%;
		display: flex;
		flex-direction: column;
		width: 100%;
		height: calc(100vh - 140px);
		background-color: var(--white);
		visibility: hidden;
		opacity: 0;
		transition: 0.5s;
		z-index: 999;
	}

	.open .navlist .navigation {
		left: 0;
		visibility: visible;
		opacity: 1;
	}

	.navlist ul.navigation li {
		position: relative;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.navlist ul.navigation li a {
		display: block;
		width: calc(100% - 50px);
		line-height: unset;
	}

	.navlist ul.navigation li span.arrow-right {
		position: relative;
		display: block;
		width: 50px;
	}

	.navlist ul.navigation li span.arrow-right::after {
		content: "";
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%) rotate(45deg);
		width: 10px;
		height: 10px;
		border: 2px solid var(--font);
		border-left: 0;
		border-bottom: 0;
		transition: 0.5s;
	}

	.navlist ul.navigation li.open span.arrow-right::after {
		transform: translate(-50%, -50%) rotate(135deg);
	}

	.navlist ul.navigation li ul.subnav {
		position: initial;
		display: block;
		width: 100%;
		max-height: 0;
		overflow: hidden;
		transition: 0.5s;
	}

	.navlist ul.navigation li.open ul.subnav {
		max-height: 1000px;
	}

	.navlist ul.navigation li ul.subnav li a {
		padding: 0 30px;
	}
	
	.navlist ul.navigation li.shop,
	.navlist ul.navigation li .search-form{
		display: block;
	}
	
	.navlist ul.navigation li.shop a{
		width: 100% ;
	}
	
	.navlist ul.navigation li .search-form{
		width: 100% ;
	}

	.bg-pic img {
		display: none;
	}

	.bg-pic .position-content {
		position: initial;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		width: 100%;
		padding: 50px 0;
		transform: translate(0, 0);
	}

	.index-power {
		padding: 10px;
	}

	.index-power .num {
		font-size: 40px;
	}

	.grid-service-item {
		grid-template-columns: repeat(4, calc((100% - 30px * 3) / 4));
	}

	.grid-service-item .service-item img {
		display: block;
		margin: 0 auto;
	}

	.index-news {
		flex-direction: column;
	}

	.index-news .item-news-left,
	.index-news .item-news-right {
		width: 100%;
	}

	.news-list li:first-of-type a {
		padding: 20px 0;
		border-top: 1px solid var(--line);
	}

	.index-news .item-news-right {
		margin-top: 50px;
	}

	.index-news .item-news-right .news-list {
		display: grid;
		grid-template-columns: repeat(2, calc((100% - 30px) / 2));
		grid-gap: 30px;
	}

	.flex-logo,
	.flex-nav {
		width: 100%;
	}

	.flex-nav {
		margin-top: 30px;
	}

	.flex-nav dl:last-child {
		width: max-content;
	}

	.footer-copy {
		flex-direction: column;
		align-items: flex-start;
		margin-top: 30px;
		padding-top: 30px;
	}

	.social-links {
		margin-bottom: 30px;
	}
	
	.list-products .item-product{
		flex-direction: column;
	}
	
	.list-products .item-product .item-pic,
	.list-products .item-product .item-desc{
		width: 100% ;
	}
	
	.dl-body{
		padding: 0 15px ;
	}
	
	.contact-area{
		flex-direction: column;
	}
	
	.contact-area .contact-way,
	.contact-area .contact-detail{
		width: 100% ;
	}
	
	.contact-area .contact-way{
		display: grid;
		grid-template-columns: repeat(2,calc((100% - 30px) / 2));
		grid-gap: 20px ;
	}
	
	.contact-area .contact-way .item-way{
		margin-bottom: 0 ;
	}
	
	.contact-area .contact-detail{
		border-left: 0;
		border-top: 1px solid var(--line);
		padding-top: 50px ;
	}

}

@media (max-width:992px) {
	.about-desc{
		flex-direction: column;
	}
	.about-desc .thumb, .about-desc .desc{
		width: 100% ;
	}
	.about-desc .desc{
		padding: 30px 0 ;
	}
}

@media (max-width:576px) {
	.pt50{
		padding-top: 30px ;
	}
	
	.navlist .logo a {
		padding: 10px 0;
	}

	.navlist .nav_btn {
		width: 40px;
	}

	.navlist .navigation {
		height: calc(100vh - 118px);
		overflow-y: auto;
	}
	
	.navlist ul.navigation li a{
		padding: 10px 15px ;
	}
	
	.topic-subtitle{
		padding-left: 10px ;
		padding-right: 10px ;
	}
	
	.flex-item-4{
		width: calc((100% - 30px) / 2) ;
	}
	
	.flex-item-4:not(:last-child){
		margin-right: 0 ;
	}
	
	.flex-item-4:not(:nth-child(2n)){
		margin-right: 30px ;
	}
	
	.bg-pic .position-content{
		padding-left: 15px ;
		padding-right: 15px ;
	}
	
	.flex-item-5{
		width: 50% ;
		margin-bottom: 30px ;
	}
	
	.flex-item-5:nth-child(2n){
		border-right: 0 ;
	}
	
	.grid-service-item{
		grid-template-columns: repeat(2, calc((100% - 30px) / 2));
	}
	
	.index-video .flex-wrap{
		flex-direction: column;
	}
	
	.video-left-item, .video-right-item{
		width: 100% ;
	}
	
	.video-left-item a,.video-right-item a{
		padding: 0 ;
	}
	
	.index-news .flex-item-news{
		padding: 30px 15px;
	}
	
	.index-news .flex-wrap{
		flex-direction: column;
	}
	
	.index-news .flex-wrap .news-flag,.index-news .flex-wrap .news-list{
		width: 100% ;
	}
	
	.index-news .flex-wrap .news-flag{
		margin-bottom: 30px ;
	}
	
	.index-news .item-news-right .news-list{
		grid-template-columns: 100%; 
		grid-gap: 20px;
	}
	
	.wrap-btn{
		padding: 50px 0 0;
	}
	
	.index-partners .flex-item-5{
		width: 48% ;
		padding: 10px 0 ;
	}
	
	.index-partners .flex-item-5:not(:nth-child(5n)){
		margin-right: 0 ;
	}
	
	.index-partners .flex-item-5:not(:nth-child(2n)){
		margin-right: 4%;
	}
	
	.static-banner-desc .hel{
		font-size: 30px ;
	}
	
	.topic-name{
		font-size: 24px ;
	}
	
	.index-power.dashed:not(:last-child){
		border-right: 0;
	}
	
	.index-power.dashed:not(:nth-child(2n)) {
	    border-right: 1px dashed var(--white);
	}
	
	.about-flex .item .intro .title{
		font-size: 16px ;
	}
	
	.mt80{
		margin-top: 50px ;
	}
	
	.current-breadcrumb{
		display: flex;
		justify-content: center;
		padding:  10px ;
	}
	
	.current-breadcrumb a:not(:last-child){
		margin-right: 15px ;
	}
	
	.current-breadcrumb a:not(:last-child)::after{
		display: none;
	}
	
	.section-zizi .topic .title{
		font-size: 20px ;
	}
	
	.section-zizi .certificate .swiper-button-prev, .section-zizi .certificate .swiper-button-next{
		width: 30px ;
		height: 30px ;
	}
	
	.section-zizi .static-certificate{
		display: grid;
		grid-template-columns: repeat(2,calc((100% - 30px) / 2));
		grid-gap: 30px ;
		padding: 50px 0 0 ;
	}
	
	.section-zizi .static-certificate .thumb,
	.section-zizi .static-certificate .thumb img{
		display: block;
		width: 100% ;
	}
	
	.list-products .item-product .item-desc{
		padding: 30px 15px 0;
	}
	
	.list-products .item-product .item-desc .title{
		font-size: 20px ;
	}
	
	.static-banner-desc{
		width: 100% ;
	}
	
	.show-icon img{
		display: block;
		max-width: 150px ;
		margin: 0 auto;
	}
	
	.show-title{
		font-size: 24px ;
	}
	
	.show-thumbs .show-thumbs-list{
		padding: 30px 15px 0 ;
	}
	
	.show-body .flex-wrap .item-wrap{
		width: 100% ;
	}
	
	.show-body .flex-wrap .item-wrap:not(:last-child){
		margin-right: 0 ;
		margin-bottom: 30px ;
	}
	
	.flex-case .item-case{
		width: 48% ;
		margin-bottom: 10px ;
	}
	
	.flex-case .item-case p{
		line-height: 30px ;
	}
	
	.flex-case-1 .item-case:not(:nth-child(3n)){
		margin-right: 0 ;
	}
	
	.flex-case-1 .item-case:not(:nth-child(2n)){
		margin-right: calc(4% / 2);
	}
	
	.flex-case-2{
		flex-direction: column;
	}
	
	.flex-case .item-case-left,.flex-case .item-case-right{
		width: 100% ;
	}
	
	.flex-case .item-case-right{
		flex-direction: row;
	}
	
	.dl-body .dl-code{
		width: 48% ;
		margin-bottom: 30px ;
	}
	
	.dl-body .dl-code:not(:nth-child(3n)){
		margin-right: 0 ;
	}
	
	.dl-body .dl-code:not(:nth-child(2n)){
		margin-right: calc(4% / 2);
	}
	
	.contact-topic-title{
		font-size: 24px ;
		margin: 0 ;
	}
	
	.contact-area .contact-way{
		grid-template-columns: 100% ;
	}
	
	.contact-area .contact-way .item-way p.contactor-tel span{
		border-right: 0 ;
	}
	
	.contact-area .contact-way .item-way p.contactor-tel span:not(:last-child){
		padding: 0 10px ;
	}
	
	.contact-area .contact-detail{
		margin-top: 50px ;
	}
	
	.contact-area .contact-detail .addr{
		flex-direction: column;
	}
	
	.contact-area .contact-detail .qrcode .content img{
		max-width: 100% ;
	}
	
	footer{
		padding: 50px 0 30px ;
	}
	
	.flex-nav dl{
		width: 100% ;
	}

}