@media (max-width:1680px) {
	.index_about .about_desc .container .about_icon {
		margin-top: 100px;
	}
}

@media (max-width:1440px) {
	.index_about .about_desc .container .about_icon {
		margin-top: 80px;
	}
}

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

	.pd50 {
		padding: 30px 0;
	}

	.title_topic {
		font-size: 32px;
	}

	.nav {
		position: initial;
	}

	.nav.pd30 {
		padding: 0;
	}

	.nav .container {
		padding: 10px 0;
	}

	.nav .nav-logo {
		padding-left: 0;
	}

	.nav .nav-list {
		top: 70px;
		left: 0;
		transform: translateX(0);
		width: 100%;
		background: var(--white);
		display: none;
		z-index: 99;
	}

	.nav .nav-list.expand {
		display: block;
	}

	.nav .nav-list li {
		display: block;
	}

	.nav .nav-list li a {
		line-height: 40px;
		color: var(--font);
	}

	.nav .nav-list li a span {
		float: right;
		line-height: 40px;
	}

	.nav .nav-list li ul.sub-nav {
		position: initial;
		width: 100%;
		padding: 0 20px;
		border-radius: 0;
		visibility: visible;
		opacity: 1;
	}

	.nav .menu-btn {
		position: relative;
		width: 50px;
		height: 50px;
		padding: 10px 0;
		z-index: 99;
	}

	.nav .menu-btn .line {
		width: 25px;
		height: 1px;
		background: var(--white);
		display: inline-block;
		border-radius: 1px;
		position: absolute;
		left: 15px;
		transition: .5s;
	}

	.nav .menu-btn .line-top {
		top: 15px;
	}

	.nav .menu-btn .line-middle {
		top: 25px;
	}

	.nav .menu-btn .line-bottom {
		top: 35px;
	}

	.static_banner .static-topic {
		font-size: 30px;
		width: fit-content;
	}

	.index_products {
		padding-top: 30px;
	}

	.index_products .swiper-wrapper .swiper-slide:nth-child(2n) a {
		border-right: 0;
	}

	.scroll-products-buttons {
		margin-top: 30px;
	}

	.ad_icon .icon_item {
		margin-bottom: 20px;
	}

	.ad_icon .icon_item:nth-child(2n) {
		border-right: 0;
	}

	.ad_icon .icon_item:nth-child(n+3) {
		margin-bottom: 0;
	}

	.ad_icon .icon_item img {
		max-width: 120px;
		min-height: 30px;
	}

	.index_about {
		padding-top: 0;
	}

	.index_about .about_desc {
		position: initial;
	}

	.index_about .about_desc .container .about_info {
		padding: 30px 10px;
	}

	.index_about .about_desc .container .about_icon {
		margin-top: 30px;
	}

	.index_news div[class*=col-]:nth-child(odd) .news_item {
		padding-right: 0;
	}

	.index_news div[class*=col-]:nth-child(even) .news_item {
		padding-left: 0;
		margin-top: 30px;
	}

	.index_news .news_item .thumb-img {
		margin: 10px 0;
	}

	.index_news .news_item .date {
		font-size: 16px;
	}

	.index_news .news_item .news-title {
		font-size: 16px;
		line-height: 20px;
	}

	.index_news .news_item .news-desc {
		padding-top: 10px;
	}

	.list_products .products_nav a {
		font-size: 18px;
		padding: 0 10px 20px;
	}

	.list_news .news_item {
		margin-bottom: 30px;
	}

	.list_news .index_news div[class*=col-]:nth-child(even) .news_item {
		margin-top: 0;
		margin-bottom: 30px;
	}

	.list_news .page {
		padding: 0;
	}

	.page {
		padding: 0 0 30px;
	}

	.contact .container {
		padding: 30px 0;
		margin: 0 10px;
	}

	.contact .contact_info {
		padding-left: 0;
	}

	.contact .contact_info .contact_topic {
		padding-top: 30px;
		font-size: 30px;
	}

	.contact .contact_info .contact_list {
		padding-top: 30px;
	}

	.contact .contact_info .contact_list p {
		margin-bottom: 10px;
	}

	.about_section img {
		margin-top: 30px;
	}

	.about_section .about_story_title {
		font-size: 30px;
	}

	.about_section .about_story_content {
		padding-right: 0;
	}

	.about_section .about_data {
		left: 20px;
	}

	.about_section .about_data .about_data_item:first-of-type,
	.about_section .about_data .about_data_item {
		width: calc((100% - 40px) / 4);
		padding: 10px;
	}

	.about_section .about_data .about_data_item:first-of-type {
		padding-left: 10px;
	}

	.about_section .about_data .about_data_item p.count_num {
		min-width: auto;
	}

	.about_section .about_data .about_data_item p.count_num span {
		font-size: 12px;
	}

	.about_section .about_data .about_data_item p.count_num span.num {
		font-size: 20px;
	}

	.about_desc,
	.about_info_list {
		padding-bottom: 30px;
	}

	.about_info_title {
		font-size: 30px;
		padding: 0 0 30px;
	}

	.pannel_title {
		font-size: 24px;
	}

	.pannel_content {
		padding: 20px 10px 40px;
	}

	.pannel_pic .pic_desc {
		font-size: 16px;
		line-height: 30px;
	}

	.pannel_pic img {
		margin: 0 auto 30px;
	}

	.pannel_block .row:first-of-type .block_pic {
		margin-bottom: 30px;
	}

	.pannel_block .row .block_pic,
	.pannel_block .row div[class*=col-]:nth-child(n+4) .block_pic {
		height: auto;
		padding: 30px 15px;
		margin-bottom: 30px;
	}

	.pannel_icon {
		padding-top: 30px;
	}

	.products_thumbs {
		padding-right: 0;
	}

	.products_info {
		margin-top: 30px;
	}

	.products_info h3 {
		font-size: 24px;
		padding: 10px 0;
	}

	.products_info dl dt {
		font-size: 18px;
	}

	.products_info .buy-url a{
		display: block;
		width: 100%;
		text-align: center;
	}

	.products_detail {
		padding-bottom: 30px;
	}

	.show-msg {
		margin: 0;
		padding: 30px 15px;
	}

	.show-msg .show-title {
		font-size: 20px;
	}

	.show-msg span {
		display: block;
		padding-left: 0 !important;
	}

	.footer-msg .fl,
	.footer-msg .fr,
	.footer-copy .fl,
	.footer-copy .fr {
		float: initial;
	}

	.footer-msg {
		padding: 20px 0;
	}

	.footer-msg .footer-logo {
		text-align: center;
	}

	.footer-msg .footer-logo img {
		max-width: 180px;
	}

	.footer-msg .footer-menu ul {
		display: block;
		margin: 0;
		padding: 20px 0;
	}

	.footer-msg .footer-menu ul li {
		padding: 5px 10px;
	}

	.footer-msg .footer-menu .info {
		text-align: left;
	}

	.footer-msg .footer-menu .info p {
		margin-left: 3px;
	}

	.footer-msg .footer-menu .info p::before {
		margin-right: 3px;
	}

	.footer-msg .footer-menu .info p:first-of-type {
		margin-left: 0;
	}

	.footer-msg .footer-menu .addr,
	.footer-msg .footer-menu .mail,
	.footer-copy .copy {
		text-align: left;
	}

	.footer-copy {
		padding: 20px 0;
	}

	.footer-copy .social {
		padding: 10px 0;
	}
}