/* About */
.main-about-wrapper {
	padding: 0 0 120px;
}

.g-stick-about{
	position: relative;
}

.about-desc {
	--item-about-gap: 80px;
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: nowrap;
	gap: var(--item-about-gap);
}

.about-desc .item-about {
	width: calc((100% - var(--item-about-gap)) / 2);
}

.about-desc .about-thumb img,
.about-desc .about-paragh-thumb img {
	display: block;
	width: 100%;
}

.about-desc .about-thumb {
	position: relative;
}

.about-desc .about-thumb .about-start-year {
	position: absolute;
	left: 50%;
	top: -70px;
	transform: translate(-50%, 0);
	width: fit-content;
	font-size: 80px;
	text-transform: uppercase;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke: 1px #eeeeee;
	z-index: -1;
}

.about-desc .about-paragh-thumb {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.about-desc .about-paragh-thumb .about-paragh .title {
	font-size: 32px;
	margin-bottom: 30px;
}

.about-desc .about-paragh-thumb .about-paragh .content {
	color: #5d5d5d;
	line-height: 30px;
}

.about-vision {
	position: relative;
	background-position: center;
	background-size: 0;
	background-repeat: no-repeat;
}

.about-vision img {
	display: block;
	width: 100%;
}

.about-vision-card {
	position: absolute;
	inset: 0;
}

.about-vision-card .container {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
	height: 100%;
}

.about-vision-card .vision-card-content {
	flex: 0 1 70%;
	background-color: var(--white);
	padding: 50px;
}

.about-vision-card .vision-card-content .title {
	font-size: 32px;
	margin-bottom: 30px;
}

.about-vision-card .vision-card-content .content {
	line-height: 30px;
}

.about-list-advantage {
	display: grid;
	grid-template-columns: 30% 70%;
	align-items: flex-start;
}

.about-list-advantage .list-advantage {
	justify-self: flex-end;
}

.about-list-advantage .list-advantage li {
	display: flex;
	flex-direction: column;
	align-items: baseline;
	background: url(../images/icon-circle-tik.png) no-repeat left top 3px/18px;
	font-size: 20px;
	color: var(--font-color);
	padding-left: 50px;
}

.about-list-advantage .list-advantage li:not(:last-child) {
	/* margin-bottom: 20px ; */
}

.about-list-advantage .list-advantage li:not(:last-child)::after {
	content: "";
	display: block;
	width: calc(100% - 50px);
	border-top: 1px solid #eeeeee;
	margin: 20px 0;
}

.flex-swiper-button {
	--swiper-button-size: 50px;
	display: flex;
	gap: 20px;
}

.flex-swiper-button .swiper-button-prev,
.flex-swiper-button .swiper-button-next {
	position: initial;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #dedede;
	width: var(--swiper-button-size);
	height: var(--swiper-button-size);
	border-radius: 50%;
	margin-top: 0;
}

.flex-swiper-button .swiper-button-prev:hover,
.flex-swiper-button .swiper-button-next:hover {
	background-color: var(--bg-body-color);
}

.flex-swiper-button .swiper-button-prev::before {
	content: "";
	display: block;
	border-right: 10px solid var(--white);
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
}

.flex-swiper-button .swiper-button-prev::after {
	content: "";
	display: block;
	width: 20px;
	border-top: 2px solid var(--white);
}

.flex-swiper-button .swiper-button-next::after {
	content: "";
	display: block;
	border-left: 10px solid var(--white);
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
}

.flex-swiper-button .swiper-button-next::before {
	content: "";
	display: block;
	width: 20px;
	border-top: 2px solid var(--white);
}

.scroll-certificate-swiper {
	margin-top: 80px;
}

.scroll-certificate-swiper img {
	display: block;
	width: 100%;
}

.about-quality .section-topic-title {
	justify-content: flex-start;
}

.about-quality .section-topic-title .desc {
	width: 30%;
	line-height: 30px;
	margin-left: 80px;
}

.about-quality .quality-thumb {
	display: flex;
	gap: 20px;
	margin-top: 80px;
}

.about-quality .quality-thumb .item {
	flex: auto;
}

.about-quality .quality-thumb .item img {
	display: block;
	width: 100%;
}

.scroll-team-swiper,
.scroll-factory-swiper {
	margin-top: 80px;
}

.scroll-team-swiper .teammate img {
	display: block;
	width: 100%;
}

.scroll-team-swiper .teammate .title {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 20px 0 0;
}

.scroll-team-swiper .teammate .title span.name {
	font-size: 20px;
}

.scroll-factory-swiper img {
	display: block;
	width: 100%;
}

.about-factory {
	padding-bottom: 0;
}

.about-factory .flex-factory-controls {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 80px;
	margin-top: 80px;
}

.about-factory .flex-factory-controls .swiper-scrollbar {
	background-color: #f0f0f0;
	width: 100%;
	height: 2px;
}

.about-factory .flex-factory-controls .swiper-scrollbar .swiper-scrollbar-drag {
	background-color: #131313;
}

/* News */
.main-news-wrapper,
.main-news-wrapper .border-radius-top {
	background-color: var(--grey);
}

.main-news-wrapper .flex-page-container {
	padding: 60px 0 80px;
}

.list-news-container {
	--list-news-gap: 30px;
	display: grid;
	grid-template-columns: repeat(2, calc((100% - var(--list-news-gap)) / 2));
	grid-gap: var(--list-news-gap);
	padding: 50px 0 0;
}

.list-news-container .item-news {
	display: block;
	background-color: var(--white);
	padding: 30px;
}

.list-news-container .item-news .thumb {
	overflow: hidden;
}

.list-news-container .item-news .thumb img {
	display: block;
	width: 100%;
}

.list-news-container .item-news .date {
	font-size: 14px;
	color: #8b8b8b;
	padding: 20px 0 10px;
}

.list-news-container .item-news .title {
	font-size: 32px;
	color: var(--font-color);
	margin-bottom: 10px;
}

.list-news-container .item-news .desc {
	color: var(--font-color);
}

.show-news-wrapper {
	padding: 30px 0 120px;
}

.show-news-container {
	background-color: var(--white);
	margin-top: 50px;
	padding: 80px 50px;
}

.show-news-container .title {
	font-size: 40px;
	text-align: center;
	color: var(--font-color);
}

.show-news-container .date {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #9b9b9b;
	padding: 30px 0;
	border-bottom: 1px solid #eaeaea;
}

.show-news-container .date .share {
	display: inline-block;
	background: url(../images/icon-share.png) no-repeat left center/20px;
	color: #9b9b9b;
	padding-left: 30px;
}

.show-news-container .content {
	line-height: 30px;
	padding: 50px 0 0;
}

.show-news-container .content img {
	display: block;
	/* width: 100%; */
	max-width: 100% ;
	margin: 0 auto;
}

.related-news {
	display: flex;
	justify-content: space-between;
	background-color: var(--white);
	margin-top: 50px;
	padding: 20px 50px;
}

.related-news .prev,
.related-news .next {
	display: flex;
	align-items: center;
	color: var(--font-color);
}

.related-news .prev:hover span,
.related-news .next:hover span {
	text-decoration: underline;
}

.related-news .prev::before,
.related-news .next::after {
	content: "";
	display: block;
	flex: 1;
	width: 6px;
	height: 6px;
	border: 1px solid #444444;
}

.related-news .prev::before {
	border-right: 0;
	border-bottom: 0;
	transform: rotate(-45deg);
	margin-right: 10px;
}

.related-news .next::after {
	border-left: 0;
	border-bottom: 0;
	transform: rotate(45deg);
	margin-left: 10px;
}


/* Products */
.flex-product-container {
	position: relative;
	--line-gap: 50px;
	display: flex;
	gap: var(--line-gap);
	padding: 50px 0 120px;
}

.product-category-filter {
	position: sticky;
	top: 0;
	flex: 0 0 25%;
}

.product-category-filter .topic-title {
	font-size: 30px;
	text-transform: uppercase;
}

.product-category-filter .category-filter {
	margin-top: 30px;
	padding-bottom: 80px;
}

.product-category-filter .category-filter li {
	cursor: pointer;
}

.product-category-filter .category-filter li:not(:last-child) {
	margin-bottom: 10px;
}

.product-category-filter .category-filter li>.name {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #f6f6f6;
	font-size: 18px;
	padding: 10px;
}

.product-category-filter .category-filter li>.name::after {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border: 2px solid var(--bg-body-color);
	border-top: 0;
	border-left: 0;
	transform: translateX(-10px) rotate(45deg);
}

.product-category-filter .category-filter li.active>.name::after {
	transform: translateX(-10px) rotate(-135deg);
}

.product-category-filter .category-filter li>.name a{
	color: #000000;
}

.product-category-filter .category-filter li>ul.category-ul {
	max-height: 0;
	overflow: hidden;
}

.product-category-filter .category-filter li.active>ul.category-ul {
	padding: 20px 0;
	max-height: 1000px;
}

.product-category-filter .category-filter li>ul.category-ul li {
	display: block;
	background-color: var(--white);
	padding: 10px;
}

.product-category-filter .category-filter li>ul.category-ul li a {
	color: #717171;
}

.product-category-filter .category-filter li>ul.category-ul li.active a {
	color: #4d86ef;
}

.product-category-filter .attribute-filter li:not(:last-child) {
	margin-bottom: 50px;
}

.product-category-filter .attribute-filter li>.name {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 18px;
	padding: 20px 0;
	border-top: 1px solid #f2f2f2;
}

.product-category-filter .attribute-filter li>.name::after {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border: 2px solid var(--bg-body-color);
	border-top: 0;
	border-left: 0;
	/* transform:translateX(-10px) rotate(45deg); */
	transform: translateX(-10px) rotate(-135deg);
}

.product-category-filter .attribute-filter li.active>.name::after {
	transform: translateX(-10px) rotate(-135deg);
}

.product-category-filter .attribute-filter li>ul.attribute-ul li {
	--label-width: 14px;
}

.product-category-filter .attribute-filter li>ul.attribute-ul li:not(:last-child) {
	margin-bottom: 10px;
}

.product-category-filter .attribute-filter li>ul.attribute-ul li a {
	display: flex;
	align-items: center;
	color: var(--font-color);
}

.product-category-filter .attribute-filter li>ul.attribute-ul li span {
	display: flex;
	justify-content: center;
	align-items: center;
	width: var(--label-width);
	height: var(--label-width);
	border: 1px solid var(--font-color);
	margin-right: 20px;
}

.product-category-filter .attribute-filter li>ul.attribute-ul li.active span::before {
	content: "";
	display: block;
	width: 15px;
	height: 5px;
	border: 2px solid #4d86ef;
	border-top: 0;
	border-right: 0;
	transform: rotate(-45deg);
}

.product-category-filter .attribute-filter li>ul.attribute-ul li.active a {
	color: #4d86ef;
}

.grid-thumb-product {
	--line-product-gap: 30px;
	flex: 1;
	min-width: 0;
}

.grid-thumb-product .list-product {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, calc((100% - var(--line-product-gap) * 2) / 3));
	grid-gap: var(--line-product-gap);
}

.grid-thumb-product .list-product .item-product {
	background-color: #f6f6f6;
	color: var(--font-color);
	padding: 30px;
}

/* .grid-thumb-product .list-product .item-product .title:hover,
.grid-thumb-product .list-product .item-product .more:hover{
	color: #4d86ef;
} */

.show-product-wrapper {
	padding: 50px 0 80px;
}

.grid-thumb-product .list-product .item-product .title {
	margin-top: 10px;
}

.grid-thumb-product .list-product .item-product .more {
	color: #acacac;
	margin-top: 30px;
}

.grid-thumb-product .flex-page-container {
	margin-top: 50px;
}

.show-product-container {
	padding-bottom: 80px;
}

.product-thumbs-detail {
	position: relative;
	display: flex;
	align-items: flex-start;
	margin-top: 50px;
}

.product-thumbs-detail .product-thumbs {
	--scroll-thumbs-width: 120px;
	--scroll-row-gap: 50px;
	position: sticky;
	top: 0 ;
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	width: 60%;
	/* background: linear-gradient(to right,#fdfdfd,#f6f6f6); */
}

.scroll-product-thumb {
	position: absolute;
	left: 30px;
	top: 50%;
	width: var(--scroll-thumbs-width);
	height: calc(100% - 60px);
	transform: translate(0, -50%);
}

.scroll-product-thumb .swiper-slide {
	padding: 2px;
}

.scroll-product-thumb .swiper-slide .inline-thumb {
	display: block;
	width: 100%;
	height: 100%;
	padding: 10px 15px;
	border: 1px solid #eaeaea;
	border-radius: 10px;
}

.scroll-product-thumb .swiper-slide-thumb-active .inline-thumb {
	border-color: #131313;
}

.scroll-product-thumb .swiper-slide .inline-thumb img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center;
}

.scroll-product-pic {
	/* width: calc(100% - var(--scroll-thumbs-width) - var(--scroll-row-gap)); */
	width: 100%;
}

.scroll-product-pic img {
	display: block;
	width: 100%;
}

.product-thumbs-detail .product-detail {
	width: 40%;
	color: var(--font-color);
	padding-left: 80px;
}

.product-thumbs-detail .product-detail .title {
	font-size: 24px;
}

.product-thumbs-detail .product-detail .desc {
	line-height: 30px;
	padding: 20px 0;
}

.product-thumbs-detail .product-detail .grid-parameters {
	padding-top: 20px;
	border-top: 1px solid #eaeaea;
}

.product-thumbs-detail .product-detail .grid-parameters .item-parameter {
	display: flex;
	flex-wrap: nowrap;
}

.product-thumbs-detail .product-detail .grid-parameters .item-parameter:not(:last-child) {
	margin-bottom: 10px;
}

.product-thumbs-detail .product-detail .grid-parameters .item-parameter .item-name {
	flex: 0 0 50%;
}

.product-thumbs-detail .product-detail .grid-parameters .item-parameter .item-content {
	color: #969696;
}

.g-container {
	position: relative;
}

.g-sticky-menu {
	position: sticky;
	top: 0;
	display: flex;
	background: #000000;
	color: #ffffff;
	z-index: 1000;
}

.g-sticky-menu .c-menu {
	flex: 1;
	min-width: 0;
	text-align: center;
	padding: 20px 0;
	cursor: pointer;
}

.g-sticky-target .product-detail-pic,
.g-sticky-target .product-detail-content {}

.g-sticky-target .product-detail-pic img {
	display: block;
	width: 100%;
	border: 0;
}

.g-sticky-target .specifications,
.g-sticky-target .thumbs,
.g-sticky-target .files {
	padding: 60px 0;
}

.g-line-title{
	font-size: 20px;
	margin-bottom: 30px ;
}

.g-line-table {
	position: relative;
	background-color: #ffffff;
	display: grid;
	grid-template-columns: 50% 50%;
}

.g-line-table::after {
	content: "";
	position: absolute;
	left: 0;
	top: calc(100% - 1px);
	display: block;
	width: 100%;
	border-top: 1px solid var(--white);
}

.g-line-table .item {
	display: grid;
	grid-template-columns: 40% 60%;
	border-bottom: 1px solid #ececec;
}

.g-line-table .item:not(:nth-child(2n)) {
	border-right: 1px solid #ececec;
}

.g-line-table .item span {
	display: block;
	color: #969696;
	padding: 20px;
}

.g-line-table .item span:first-of-type {
	color: var(--font-color);
	border-right: 1px solid #ececec;
}

.g-flex-thumb {
	--flex-thumb-gap: 20px;
	display: flex;
	flex-wrap: wrap;
	gap: var(--flex-thumb-gap);
}

.g-flex-thumb .item {
	width: calc((100% - var(--flex-thumb-gap) * 3) / 4);
	cursor: url(../images/icon-fangdajing.png),auto;
	outline: none;
}

.g-flex-thumb .item img {
	display: block;
	width: 100%;
}

.g-flex-thumb .item-video {
	position: relative;
	background-color: var(--white);
	cursor: pointer;
}

.g-flex-thumb .item-video .play {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: block;
	font-size: 0;
	width: 50px;
	height: 50px;
	border: 1px solid var(--white);
	border-radius: 50%;
	outline: none;
}

.g-flex-thumb .item-video .play::after{
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-40%, -50%);
	border-left: 20px solid #ffffff;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
}

#domestic.fancybox-content{
    overflow: hidden;
}

#thumbVideo{
	display: block;
	width: 100% ;
	height: 100%;
	outline: none;
	object-fit: cover;
	object-position: center;
}

.g-list-files li {
	border-bottom: 1px solid #eaeaea;
	padding-bottom: 10px;
}

.g-list-files li:not(:last-child) {
	margin-bottom: 20px;
}

.g-list-files li a {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	background: url(../images/icon-flex-book.png) no-repeat left center/20px, url(../images/icon-flex-down.png) no-repeat right center/20px;
	color: var(--font-color);
	padding: 0 30px;
}

.g-related-product {
	--related-product-gap: 30px;
	width: 100%;
	display: grid;
	grid-template-columns: repeat(4, calc((100% - var(--related-product-gap) * 3) / 4));
	grid-gap: var(--related-product-gap);
	padding: 50px 0 ;
}

.g-related-product .item-product {
	background-color: #f6f6f6;
	color: var(--font-color);
	padding: 30px;
}

.g-related-product .item-product .title{
	margin-top: 10px ;
}

.g-related-product .item-product .more{
	color: #acacac;
	margin-top: 30px ;
}

/* Downloads */
.main-download-wrapper,
.main-download-wrapper .border-radius-top {
	background-color: var(--grey);
}

.list-download-conainer {
	display: flex;
	flex-direction: column;
	gap: 50px;
	padding: 50px 0 0;
}

.list-download-conainer .item-down {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	background-color: var(--white);
	padding: 15px;
}

.list-download-conainer .item-down .thumb {
	flex: 0 0 15%;
}

.list-download-conainer .item-down .thumb img {
	display: block;
	width: 100%;
}

.list-download-conainer .item-down .thumb-desc {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex: 1;
	padding: 0 50px;
}

.list-download-conainer .item-down .thumb-desc .download-info {
	color: var(--font-color);
}

.list-download-conainer .item-down .thumb-desc .download-info .title {
	font-size: 30px;
	margin-bottom: 10px;
}

.list-download-conainer .item-down .thumb-desc .download-info .system-permit {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 50px;
}

.list-download-conainer .item-down .thumb-desc .download-info .system-permit span {
	display: flex;
	align-items: center;
	font-size: 16px;
}

.list-download-conainer .item-down .thumb-desc .download-info .system-permit span:not(:last-child) {
	margin-right: 10px;
}

.list-download-conainer .item-down .thumb-desc .download-info .system-permit span::after {
	content: "";
	height: 100%;
	border-left: 1px solid var(--font-color);
	margin-left: 10px;
}

.list-download-conainer .item-down .thumb-desc .download-info .system-permit span:last-child::after {
	display: none;
}

.list-download-conainer .item-down .thumb-desc .download-info .file-attr {
	display: flex;
	flex-wrap: wrap;
}

.list-download-conainer .item-down .thumb-desc .download-info .file-attr span {
	font-size: 14px;
}

.list-download-conainer .item-down .thumb-desc .download-info .file-attr span:not(:last-child) {
	margin-right: 10px;
}

.list-download-conainer .item-down .thumb-desc .download-info .file-attr span::after {
	content: "";
	height: 100%;
	border-left: 1px solid var(--font-color);
	margin-left: 10px;
}

.list-download-conainer .item-down .thumb-desc .download-info .file-attr span:last-child::after {
	display: none;
}

.list-download-conainer .item-down .thumb-desc .download-btn a {
	display: inline-block;
	background: var(--bg-body-color) url(../images/icon-button-download.png) no-repeat right 20px center/15px;
	color: var(--white);
	text-transform: uppercase;
	padding: 10px 50px 10px 30px;
}

.main-download-wrapper .flex-page-container {
	padding: 50px 0 80px;
}

/* Contact */
.main-contact-wrapper {
	padding: 0 0 120px;
}

.main-contact-wrapper .section-topic-title {
	padding: 50px 0 0;
}

.contact-map {
	position: relative;
	padding-top: 80px;
}

.contact-map img {
	display: block;
	width: 100%;
}

.contact-map .name {
	position: absolute;
	right: 0;
	top: 0;
	width: 30%;
	background-color: var(--bg-body-color);
	font-size: 24px;
	color: var(--white);
	padding: 50px;
}

.contact-info {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 50px;
	padding-top: 30px;
	border-top: 2px solid var(--bg-body-color);
}

.contact-info::after {
	content: "";
	position: absolute;
	top: calc(100% - 1px);
	left: 0;
	width: 100%;
	border-top: 1px solid var(--white);
}

.contact-info .item {
	padding-bottom: 20px;
}

.contact-info .item:not(.item-addr) {
	width: calc((100% - 20px * 2) / 3);
	border-bottom: 1px solid #eaeaea;
}

.contact-info .item .title {
	color: #565656;
	margin-bottom: 10px;
}

.contact-info .item .content {
	font-size: 24px;
	color: var(--font-color);
}

.contact-info .item-addr {
	width: 100%;
	border-bottom: 1px solid #eaeaea;
}

.contact-info .item-addr .content {
	background: url(../images/icon-contact-addr.png) no-repeat right center/30px;
	padding-right: 50px;
}