* {margin:0; padding:0;}
*:focus{outline: none;}
body , html{color:black;box-sizing: border-box; font-family: "Roboto", sans-serif !important;}
h1,h2,h3,h4,h5,.h-nava{font-weight: 500 !important;}
a{text-decoration: none;}
body::-webkit-scrollbar {
	width: 6px;
	background: rgba(0, 0, 0, 0.05);
}
body::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background: rgba(0, 10, 106, 1);
}
.main{width: 1400px;margin: 0 auto;}
:root{
	--orange: #fc7418;
	--blue: #000a6a;
	--black: #1d1d1f;
	--grey: #f9f9f9;
}

/* header */
.yd{display: none;}
.header{position: fixed;top: 0;left: 0;right: 0;z-index: 999;}
.h-box{background: rgba(255,255,255,0.7);backdrop-filter: blur(10px);transition: all 0.5s;position: relative;}
.h-box:hover{background: rgba(255,255,255,1.0);}
.header.on .h-box{background: rgba(255,255,255,1.0);box-shadow: 0 1px 1px rgba(0,0,0,0.1)}
.header .main{width: auto;padding: 0 4%;}
.h-b{display: flex;align-items: center;justify-content: space-between;}
.header-logo{display: block;width: 180px;}
.header-logo img{width: 100%;max-width: 100%;display: block;}
.h-right{display: flex;align-items: center;grid-gap: 24px;}
.h-nav{display: flex;align-items: center;}
.h-nav .h-nav2{padding: 0 12px}
.h-nava{display: flex;align-items: center;justify-content: center;height: 62px;font-size: 18px;color: var(--black);font-weight: 700;position: relative;cursor: pointer;}
.h-nava:hover{color: var(--black);}
.h-nava:after{content: '';position: absolute;top: 76%;right: 0;height: 2px;width: 0;background: -webkit-linear-gradient(0deg, var(--blue), var(--orange));border-radius: 6px;transition: all 0.5s;opacity: 0.7;}
.h-nava:hover:after{width: 100%;left: 0;right: auto;}
.h-nav2.on .h-nava:after{width: 100%;left: 0;right: auto;}
.h-nava span{cursor: pointer;}
.h-xl{position: absolute;top: 100%;left: 0;right: 0;background: #FFFFFF;border-top: 1px solid rgba(0,0,0,0.1);opacity: 0;pointer-events: none;transition: all 0.5s;}
.h-nav2.on .h-xl{opacity: 1;pointer-events: inherit;}
.h-xlb{padding: 50px 0;display: flex;align-items: flex-start;justify-content: center;grid-gap: 30px;transform: translateY(20px);transition: all 0.5s;box-shadow: 0 1px 1px rgba(0,0,0,0.1);flex-wrap: wrap;}
.h-nav2.on .h-xlb{transform: translateY(0);}
.h-xla{display: flex;flex-direction: column;align-items: stretch;grid-gap: 10px;width: 180px;}
.h-xlimg{width: 180px;height: 100px;overflow: hidden;border-radius: 6px;}
.h-xlimg img{width: 100%;height: 100%;object-fit: cover;display: block;transition: all 0.5s;}
.h-xla h3{font-size: 18px;color: var(--black);font-weight: 700;margin: 0;text-align: center;transition: all 0.3s}
.h-xla:hover h3{color: var(--btn-hover-color);}
.h-xla:hover .h-xlimg img{transform: scale(1.2);}
.h-nav2:last-child .h-xla svg{width: 50px;min-width: 50px;height: 50px;fill: var(--blue);transition: all 0.3s;}
.h-nav2:last-child .h-xlb{justify-content: flex-start;}
.h-nav2:last-child .h-xla{flex-direction: row;width: calc((100% - 90px)/4);align-items: center;padding: 20px 40px;position: relative;}
.h-nav2:last-child .h-xla:before{content: '';position: absolute;right: -15px;top: 0;bottom: 0;width: 2px;height: 100%;background: var(--blue);opacity: 0.1;}
.h-nav2:last-child .h-xla:after{content: '';position: absolute;bottom: -15px;left: 0;right: 0;height: 2px;width: 100%;background: var(--blue);opacity: 0.1;}
.h-nav2:last-child .h-xla:nth-child(4):before{display: none;}
.h-nav2:last-child .h-xla:last-child:before{display: none;}
.h-nav2:last-child .h-xla:nth-last-child(1):after{display: none;}
.h-nav2:last-child .h-xla:nth-last-child(2):after{display: none;}
.h-nav2:last-child .h-xla:nth-last-child(3):after{display: none;}
.h-nav2:last-child .h-xla:hover svg{fill: var(--orange);}
.h-nav2:last-child .h-xla h3{text-align: left;}

/* banner */
.banner{position: sticky;top: 0;left: 0;right: 0;}
.banner-box{width: 100%;overflow: hidden;position: relative;}
.banner-lunbo .swiper-slide{height: 100vh;position: relative;overflow: hidden;}
.banner-lunbo .banner-all{position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;}
.banner-bj{width: 100%;height: 100%;position: relative;}
.banner-bj img{width: 100%;height: 100%;display: block;object-fit: cover;}
.banner-bj video{width: 100%;height: 100%;display: block;object-fit: cover;}
.banner-lunbo .swiper-pagination{left: 4%;right: 4%;width: 92%;display: flex;align-items: center;justify-content: flex-start;grid-gap: 10px;bottom: 40px;}
.banner-lunbo .swiper-pagination-bullet{margin: 0 !important;background: var(--orange);opacity: 1;transition: ease-in-out 0.3s;box-shadow: 0 0 8px rgba(255, 255, 255, 1), 0 0 8px rgba(255, 255, 255, 0.6) inset;}
.banner-lunbo .swiper-pagination-bullet-active{background: var(--blue);}

.banner-mb{position: absolute;left: 4%;top: 20%;right: 50%;}
.banner-txt{display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;}
.banner-txt h3{font-size: 68px;color: var(--black);font-weight: bold;}
.banner-txt p{font-size: 28px;color: rgba(0,0,0,0.6);line-height: 1.6;margin: 0;}
.banner-txt h3 strong{color: var(--orange);}
.banner-white h3{color: #FFFFFF;}
.banner-white p{color: rgba(255,255,255,0.6);}
.banner-white .banner-buy{color: #FFFFFF;}
.banner-buy{font-size: 24px;color: var(--black);margin-top: 60px;font-weight: bold;transition: ease-in-out 0.5s;}
.banner-buy{display: flex;align-items: center;padding: 0 30px 0 70px;height: 60px;border-radius: 30px;overflow: hidden;position: relative;z-index: 1;}
.banner-buy:before{content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 60px;height: 60px;border-radius: 30px;background: -webkit-linear-gradient(340deg,var(--orange),var(--blue));transition: ease-in-out 0.6s;z-index: -1;}
.banner-buy svg{width: 24px;fill: #FFFFFF;display: block;position: absolute;top: 50%;transform: translateY(-50%);left: 20px;z-index: 2;}
.banner-buy:hover:before{width: 100%;}
.banner-buy:hover{color: #FFFFFF;}

.index-home{position: relative;z-index: 2;background: #FFFFFF;}

/* w1 */
.w1-box{padding: 100px 0;}
.w1-txt{margin-bottom: 60px;}
.w1-txt h3{font-size: 48px;font-weight: bold;text-align: center;color: var(--black);margin: 0;}
.w1-all{display: flex;flex-wrap: wrap;grid-gap: 20px;}
.w1-b{width: calc((100% - 60px)/4);background: var(--grey);border-radius: 6px;overflow: hidden;}
.w1-b:nth-child(1){width: calc((100% - 20px)/2);}
.w1-b:nth-child(2){width: calc((100% - 20px)/2);}
.w1-b2{padding: 60px 40px 40px;position: relative;background-image: url("../images/new/Laptop-Batteries.jpg");background-size: cover;background-repeat: no-repeat;background-position: center;}
.w1-b:nth-child(2) .w1-b2{background-image: url("../images/new/Vacuum-Cleaner-Batteries.jpg");}
.w1-b:nth-child(3) .w1-b2{background-image: url("../images/new/Tool-Batteries.jpg");}
.w1-b:nth-child(4) .w1-b2{background-image: url("../images/new/Camera-Batteries.jpg");}
.w1-b:nth-child(5) .w1-b2{background-image: url("../images/new/Portable-Power-Station.jpg");}
.w1-b:nth-child(6) .w1-b2{background-image: url("../images/new/Other-Batteries.jpg");}
.w1-title{height: 68px;}
.w1-title h3{font-size: 28px;font-weight: bold;color: var(--black);text-align: center;margin-bottom: 0;}
.w1-buy{position: absolute;left: 0;right:0;bottom: 10%;z-index: 1;display: flex;justify-content: center;opacity: 0;transition: ease-in-out 0.3s;}
.w1-b:hover .w1-buy{opacity: 1;}
.w1-buy2{display: flex;align-items: center;justify-content: center;padding: 6px 26px;color: #FFFFFF;font-size: 20px;position: relative;overflow: hidden;border-radius: 30px;background: var(--blue);}
.w1-buy2 svg{width: 20px;fill: #FFFFFF;transition: all 0.5s;}
.w1-buy2:hover svg{transform: translateX(10px);}
.w1-bottom{height: 20vh;overflow: hidden;}
.w1-b:nth-child(1) .w1-bottom{height: 30vh;}
.w1-b:nth-child(2) .w1-bottom{height: 30vh;}
.w1-top{transform: translateY(-25px);}
.w1-bottom{display: flex;align-items: center;justify-content: center;}

/* w2 */
.w2-box{padding: 100px 0;}
.w2-b{display: flex;align-items: stretch;grid-gap: 30px;}
.w2-b2{width: calc((100% - 60px)/4);display: flex;flex-direction: column;align-items: stretch;justify-content: space-between;grid-gap: 30px;}
.w2-b2:last-child{flex: 1;}
.w2-b3{display: flex;align-items: stretch;grid-gap: 30px;}
.w2-b4{width: calc((100% - 60px)/3);}
.w2-content{background: var(--grey);height: 20vh;flex: 1;position: relative;border-radius: 6px;overflow: hidden;}
.w2-content img{width: 100%;height: 100%;object-fit: cover;display: block;}
.w2-title{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;background: rgba(0,0,0,0.5);}
.w2-title h3{font-size: 38px;color: #FFFFFF;font-weight: bold;text-align: center;}
.w2-title p{font-size: 20px;color: #FFFFFF;}
.w2-lunbo{width: 100%;overflow: hidden;}
.w2-lunbo ul{list-style-type: none;display: flex;align-items: stretch;grid-gap: 30px;}

/* w3 */
.w3-box{padding: 280px 0 140px;overflow: hidden;}
.w3-b{display: flex;flex-direction: column;grid-gap: 280px;align-items: stretch;}
.w3-b2{display: flex;align-items: center;grid-gap: 240px;}
.w3-b2:nth-child(2n){flex-direction: row-reverse;}
.w3-txt{padding: 0 0 0 calc((100% - 1400px)/2);width: 40%;}
.w3-b2:nth-child(2n) .w3-txt{padding: 0 calc((100% - 1600px)/2) 0 0;}
.w3-txt h3{font-size: 38px;color: var(--black);font-weight: bold;margin: 0 0 30px 0;padding-bottom: 20px;border-bottom: 2px solid var(--grey);position: relative;}
.w3-txt h3:before{content: '';position: absolute;left: 0;bottom: -1px;right: 0;height: 2px;background: var(--black);width: 20%;}
.w3-txt p{font-size: 20px;color: rgba(0,0,0,0.5);margin: 0 0 40px 0;}
.w3-txt div{display: flex;align-items: center;color: #FFFFFF;font-size: 20px;cursor: pointer;padding: 8px 26px;border-radius: 30px;background: var(--theme-color);width: max-content;}
.w3-txt div svg{fill: #FFFFFF;width: 20px;transition: all 0.5s;}
.w3-txt div:hover svg{transform: translateX(10px);}
.w3-img{flex: 1;height: 20vh;position: relative;z-index: 1;display: flex;align-items: center;justify-content: center;}
.w3-bg{position: absolute;right: 0;bottom: 0;top: 0;background: var(--grey);z-index: -1;width: 0;transition: all 1s;}
.w3-b2:nth-child(2n) .w3-bg{left: 0;right: auto;}
.w3-b2.on .w3-bg{width: 100%;}
.w3-img img{width: 60%;display: block;object-fit: contain;mix-blend-mode: darken;transform: rotate(45deg);transition: all 1s;}
.w3-b2.on .w3-img img{transform: rotateX(0deg);}

/* w4 */
.w4-box{padding: 100px 0 20px;overflow: hidden;}
.w4-title{margin-bottom: 60px;}
.w4-title h3{font-size: 48px;font-weight: bold;text-align: center;margin: 0;color: var(--black)}
.w4-b{width: 100%;}
.w4-b2{padding: 40px;box-shadow: 0 0 10px rgba(0,0,0,0.1);display: flex;flex-direction: column;align-items: stretch;border-radius: 6px;}
.w4-b3{display: flex;align-items: center;grid-gap: 20px;margin-bottom: 30px;}
.w4-b4{width: 68px;height: 68px;border-radius: 100px;background: var(--grey);display: flex;align-items: center;justify-content: center;overflow: hidden;}
.w4-b4 img{width: 100%;height: 100%;object-fit: cover;display: block;}
.w4-b5 h3{font-size: 20px;color: var(--black);margin-bottom: 0;}
.w4-b5{display: flex;flex-direction: column;align-items: stretch;flex: 1;}
.w4-b5 .star img{display: block;}
.w4-b6{font-size: 15px;color: var(--black);margin-bottom: 50px;height: 190px;}
.w4-b6 p{overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 7;display: -webkit-box;-webkit-box-orient: vertical;}
.w4-b8{display: flex;align-items: center;grid-gap: 20px;padding-top: 20px;border-top: 1px solid rgba(0,0,0,0.1);}
.w4-b9{width: 68px;height: 68px;}
.w4-b9 img{width: 100%;height: 100%;object-fit: contain;display: block;}
.w4-b10{flex: 1;}
.w4-b10 h3{font-size: 20px;margin-bottom: 0;color: var(--black);}
.w4-lunbo{position: relative;}
.w4-lunbo .swiper-button-next,.w4-lunbo .swiper-button-prev{width: 58px;height: 58px;border-radius: 100px;background: #FFFFFF;box-shadow: 0 0 10px rgba(0,0,0,0.3);display: flex;align-items: center;justify-content: center;transition: all 0.3s;opacity: 0;}
.w4-lunbo .swiper-button-next svg,.w4-lunbo .swiper-button-prev svg{width: 20px;fill: var(--black);}
.w4-lunbo .swiper-button-prev{left: 20%;}
.w4-lunbo .swiper-button-next{right: 20%;}
.w4-lunbo:hover .swiper-button-next,.w4-lunbo:hover .swiper-button-prev{opacity: 1;}
.w4-lunbo .swiper-button-next.swiper-button-disabled,.w4-lunbo .swiper-button-prev.swiper-button-disabled{opacity: 0;}

/* w5 */
.w5-box{padding: 100px 0;overflow: hidden;}
.w5-title{margin-bottom: 60px;}
.w5-title h3{font-size: 48px;font-weight: bold;text-align: center;margin: 0 0 30px 0;color: var(--black)}
.w5-title p{font-size: 18px;font-weight: 500;text-align: center;color: rgba(0,0,0,0.5);}
.w5-title a{color: var(--blue) !important;cursor: pointer;}
.w5-title a svg{width: 18px;fill: var(--blue);}
.w5-lunbo{position: relative;}
.w5-lunbo .swiper-button-next,.w5-lunbo .swiper-button-prev{width: 58px;height: 58px;border-radius: 100px;background: #FFFFFF;box-shadow: 0 0 10px rgba(0,0,0,0.3);display: flex;align-items: center;justify-content: center;transition: all 0.3s;opacity: 0;}
.w5-lunbo .swiper-button-next svg,.w5-lunbo .swiper-button-prev svg{width: 20px;fill: var(--black);}
.w5-lunbo .swiper-button-prev{left: 20%;}
.w5-lunbo .swiper-button-next{right: 20%;}
.w5-lunbo:hover .swiper-button-next,.w5-lunbo:hover .swiper-button-prev{opacity: 1;}
.w5-lunbo .swiper-button-next.swiper-button-disabled,.w5-lunbo .swiper-button-prev.swiper-button-disabled{opacity: 0;}
.w5-video{width: 100%;border-radius: 6px;overflow: hidden;}
.w5-video iframe{width: 100%;aspect-ratio: 1.77;object-fit: contain;border: none;display: block;}

/* ny-banner */
.ny-box{margin-top: 62px;overflow: hidden;}
.ny-img{height: 20vh;position: relative;}
.ny-img img{width: 100%;height: 100%;object-fit: cover;display: block;}
.ny-img:after{content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,0.3);}
.ny-box{position: relative;}
.ny-title{position: absolute;top: 50%;transform: translateY(-50%);left: 0;right: 0;}
.ny-title h2{font-size: 48px;font-weight: bold;text-align: center;margin: 0;color: #FFFFFF;white-space: nowrap;}
.tracking-in-contract{
	-webkit-animation: tracking-in-contract 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	animation: tracking-in-contract 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}
@-webkit-keyframes tracking-in-contract {
	0% {
		letter-spacing: 1em;
		opacity: 0;
	}
	40% {
		opacity: 0.6;
	}
	100% {
		letter-spacing: normal;
		opacity: 1;
	}
}
@keyframes tracking-in-contract {
	0% {
		letter-spacing: 1em;
		opacity: 0;
	}
	40% {
		opacity: 0.6;
	}
	100% {
		letter-spacing: normal;
		opacity: 1;
	}
}

/* mulu */
.mulu-box{padding: 10px 0;background: var(--grey);}
.mulu-b{font-size: 16px;color: var(--black);}
.mulu-b a{font-size: 16px;color: var(--black);}

/* w7 */
.w7-box{padding: 100px 0;}
.w7-nav{display: flex;flex-wrap: wrap;align-items: center;grid-gap: 30px 20px;margin-bottom: 60px;padding-bottom: 40px;border-bottom: 1px solid rgba(0,0,0,0.1);}
.w7-nav a{padding: 8px 20px;color: var(--black);background: var(--grey);border-radius: 30px;cursor: pointer;font-size: 20px;font-weight: 600;position: relative;transition: all 0.3s;}
.w7-nav a:hover{color: var(--orange);}
.w7-nav a.on{background: var(--blue);color: #FFFFFF;}
.w7-b{display: flex;align-items: stretch;flex-wrap: wrap;grid-gap: 40px;}
.w7-b2{width: calc((100% - 120px)/4);}
.w7-b3{display: flex;flex-direction: column;align-items: stretch;}
.w7-b4{width: 100%;height: 28vh;margin-bottom: 30px;padding: 20px;border: 2px solid rgba(0,10,106,0);border-radius: 6px;background: var(--grey);position: relative;z-index: 1;transition: all 0.3s;overflow: hidden;}
.w7-b2:hover .w7-b4{border-color: var(--blue);}
.w7-b4 img{width: 100%;height: 100%;object-fit: contain;display: block;mix-blend-mode: multiply;transition: all 0.5s;opacity: 1;}
.w7-b5{position: absolute;top: 0;left: 0;right: 0;bottom: 0;padding: 20px;}
.w7-b5 img{width: 100%;height: 100%;object-fit: contain;display: block;mix-blend-mode: multiply;transition: all 0.5s;opacity: 0;}
.w7-b2:hover .w7-b4 img{opacity: 0;}
.w7-b2:hover .w7-b5 img{opacity: 1;}
.w7-b6{position: absolute;left: 0;right: 0;bottom: 0;padding: 14px 0;background: #FFFFFF;font-size: 20px;color: var(--blue);font-weight: 500;line-height: 1;text-align: center;transform: translateY(60px);transition: all 0.5s;}
.w7-b2:hover .w7-b6{transform: translateY(0);}
.w7-b7 h3{font-size: 24px;color: var(--black);font-weight: bold;margin: 0;text-align: center;}
.w7-btn{padding: 10px 40px;font-size: 20px;font-weight: 500;background: var(--blue);color: #FFFFFF;border-radius: 30px;display: block;margin: 80px auto 0 auto;width: max-content;transition: all 0.3s;}
.w7-btn:hover{background: var(--orange);color: #FFFFFF;}

/* ==================== ==================== */
.common-model-load {
	padding-top: 40.2px;
}

.common-model-load .load-itembox {
	width: 79.8px;
	height: 79.8px;
	margin: 40.2px auto;
	transition: all 3s;
	position: relative;
	animation: rotate_animate 3s ease infinite;
	animation-delay: 0.8s;
	transform-style: preserve-3d;
	transform: rotateX(-37.5deg) rotateY(405deg);
}

.common-model-load .load-item {
	width: 79.8px;
	height: 79.8px;
	border: 3px solid #fff;
	position: absolute;
	background-color: rgba(102, 102, 102, 0.5);
}

.common-model-load .load-item:nth-of-type(1) {
	transform: rotateY(90deg) translateZ(-40.2px);
}

.common-model-load .load-item:nth-of-type(2) {
	transform: rotateY(90deg) translateZ(40.2px);
}

.common-model-load .load-item:nth-of-type(3) {
	transform: rotateX(90deg) translateZ(40.2px);
}

.common-model-load .load-item:nth-of-type(4) {
	transform: rotateX(90deg) translateZ(-40.2px);
}

.common-model-load .load-item:nth-of-type(5) {
	transform: translateZ(40.2px);
}

.common-model-load .load-item:nth-of-type(6) {
	transform: translateZ(-40.2px);
}

.common-model-load .load-content {
	margin-left: auto;
	margin-right: auto;
	max-width: 199.8px;
}

.common-model-load .load-text {
	color: #fff;
	font-size: 16.2px;
	line-height: 1.2;
	font-weight: 600;
	text-align: center;
}

.common-model-load .load-progress {
	position: relative;
	background-color: #fff;
	border-radius: 100.2px;
	height: 3px;
	width: 0;
	max-width: 100%;
	margin-bottom: 10.2px;
}

@keyframes rotate_animate {
	0% {
		transform: rotateX(-37.5deg) rotateY(45deg);
	}

	50% {
		transform: rotateX(-37.5deg) rotateY(405deg);
	}

	to {
		transform: rotateX(-37.5deg) rotateY(405deg);
	}
}

@media screen and (max-width: 749px) {
	.common-model-load {
		padding-top: 19.8px;
	}

	.common-model-load .load-itembox {
		width: 40.2px;
		height: 40.2px;
		margin: 19.8px auto;
		transition: all 3s;
		position: relative;
		animation: rotate_animate 3s ease infinite;
		animation-delay: 0.8s;
		transform-style: preserve-3d;
		transform: rotateX(-37.5deg) rotateY(405deg);
	}

	.common-model-load .load-item {
		width: 40.2px;
		height: 40.2px;
		border: 1.8px solid #fff;
	}

	.common-model-load .load-item:nth-of-type(1) {
		transform: rotateY(90deg) translateZ(-19.8px);
	}

	.common-model-load .load-item:nth-of-type(2) {
		transform: rotateY(90deg) translateZ(19.8px);
	}

	.common-model-load .load-item:nth-of-type(3) {
		transform: rotateX(90deg) translateZ(19.8px);
	}

	.common-model-load .load-item:nth-of-type(4) {
		transform: rotateX(90deg) translateZ(-19.8px);
	}

	.common-model-load .load-item:nth-of-type(5) {
		transform: translateZ(19.8px);
	}

	.common-model-load .load-item:nth-of-type(6) {
		transform: translateZ(-19.8px);
	}

	.common-model-load .load-text {
		font-size: 12px;
	}
}

.index-section4 {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center right;
}

.index-section4 .left-body .content .text1 {
	font-size: 24px;
	color: #000;
	line-height: 1.2;
	margin-bottom: 19.998px;
}

.index-section4 .left-body .content .desc {
	font-size: 16.002px;
	color: rgba(0, 0, 0, 0.6);
	line-height: 1.8;
}

.index-section4 .left-body .content .text2 {
	margin-top: 130.002px;
	font-size: 288px;
	color: #f3f3f4;
	margin-left: -109.998px;
	line-height: 1;
}

.index-section4 .right-body {
	/*overflow: hidden;*/
	width: 800px;
	height: 800px;
	flex-shrink: 0;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

.index-section4 .earth {
	width: 100%;
	height: 100%;
}

.index-section4 .load-el {
	position: absolute;
	top: -3%;
	left: -3%;
	width: 106%;
	height: 106%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #fff;
	z-index: 9999;
	border-radius: 100%;
	border: 0.0167rem dashed rgba(112, 112, 112, 0.2);
	background-color: #fbfbfb;
	transition: all 1s;
}

.index-section4 .load-el.hide {
	opacity: 0;
	visibility: hidden;
}

.index-section4 .load-el .common-model-load {
	padding-top: 0;
}

.index-section4 .load-el .common-model-load .load-progress {
	background-color: #333;
}

.index-section4 .load-el .common-model-load .load-text {
	color: #333;
}

.index-section4 #labels {
	position: absolute;
	z-index: 0;
	left: 50%;
	top: 50%;
	color: white;
	width: 100%;
	height: 100%;
	transform: translate(-50%, -50%);
	pointer-events: none;
}

.index-section4 #labels>div {
	position: absolute;
	left: 0;
	top: 0;
	cursor: pointer;
	user-select: none;
	pointer-events: initial;
	transition-property: visibility, opacity;
	/*transition-duration: 0.4s;*/
}

.index-section4 #labels>div.show {
	opacity: 1;
	visibility: visible;
}

.index-section4 #labels>div.hide {
	opacity: 0;
	visibility: hidden;
}

.index-section4 #labels .text {
	text-align: center;
	font-size: 12px;
	color: #FFF;
	padding: 2px 6px;
	background: var(--blue);
	margin-bottom: 2px;
	border-radius: 4.2px;
}

.index-section4 #labels .icon {
	background: url(../images/new/map.svg) no-repeat center;
	background-size: 100%;
	width: 18px;
	height: 32px;
	margin-left: auto;
	margin-right: auto;
}
@media (max-width: 1600px) {
	.index-section4 .right-body{width: 600px;height: 600px;}	
}
@media screen and (min-width: 750px) {
	.index-section4 {
		/* padding-top: 169.998px;
        padding-bottom: 109.998px; */
	}

	.index-section4 .left-body {
		min-width: 0;
		flex-grow: 1;
	}

	.index-section4 .left-body .desc {
		max-width: 499.998px;
	}

	.index-section4 .left-body .index-btn {
		margin-top: 64.998px;
		width: 180px;
		height: 54px;
		font-size: 16.002px;
	}

	.index-section4 .body {
		display: flex;
		align-items: center;
	}
}

@media screen and (max-width: 749px) {
	.index-section4 {
		/* padding-top: 40px;
        padding-bottom: 40px; */
	}

	.index-section4 .left-body .content .text1 {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.index-section4 .left-body .content .desc {
		font-size: 14px;
		margin-bottom: 30px;
	}

	.index-section4 .left-body .content .text2 {
		margin-top: 50px;
		font-size: 80px;
		margin-left: 0;
		text-align: center;
	}

	.index-section4 .right-body {
		width: 300px;
		height: 300px;
		margin-left: auto;
		margin-right: auto;
	}

	.index-section4 #labels .text {
		font-size: 12px;
		margin-bottom: 4px;
		border-radius: 4px;
	}

	.index-section4 #labels .icon {
		width: 14px;
		height: 21px;
	}
}

/* ====================  ==================== */

.nyall-title{padding: 0 0 80px 0;}
.nyall-title h3{font-size: 48px;margin: 0;color: var(--black);text-align: center;}
.shop-box{padding: 100px 0;background-image: url("../images/new/img34.jpg");background-size: cover;background-repeat: no-repeat;background-position: bottom;}

/* w8 */
.w8{overflow: hidden;}
.w8-box{padding: 100px 0;}
.w8-b{display: flex;align-items: center;grid-gap: 40px;position: relative;z-index: 1;margin-bottom: 100px;}
.w8-b:last-child{margin-bottom: 0;}
.w8-b:nth-child(2n){justify-content: flex-end;}
.w8-b:nth-child(2n) .w8-txt{left: 0;right: auto;}
.w8-img{width: 70%;height: 50vh;border-radius: 6px;overflow: hidden;transform: translateX(-150px);}
.w8-b:nth-child(2n) .w8-img{transform: translateX(150px);}
.w8-img img{width: 100%;height: 100%;object-fit: cover;display: block;object-position: right;}
.w8-txt{width: 700px;position: absolute;top: 50%;transform: translateY(-50%);right: 0;background: #FFFFFF;padding: 60px 50px;border-radius: 6px;overflow: hidden;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.w8-txt{display: flex;flex-direction: column;align-items: stretch;}
.w8-txt span{display: block;font-size: 16px;color: var(--orange);font-weight: 500;}
.w8-txt h3{font-size: 38px;color: var(--black);font-weight: bold;margin: 10px 0 28px;}
.w8-txt p{font-size: 18px;color: rgba(0,0,0,0.5);}
.w8-b2{width: 100%;display: flex;flex-direction: column;align-items: center;}
.w8-b3{height: 570px;width: 100%;position: relative;margin-bottom: 60px;border-radius: 6px;overflow: hidden;}
.w8-img2{position: absolute;top: 0;right: 0;bottom: 0;left: 0;opacity: 0;transition: ease-in-out 0.3s}
.w8-img2.on{opacity: 1;}
.w8-img2 img{width: 100%;height: 100%;object-fit: cover;display: block;}
.w8-b4{position: relative;}
.w8-b4:after{content: '';position: absolute;left: 0;right: 0;bottom: 0;width: 100%;height: 1px;background: rgba(0,0,0,0.1);}
.w8-b5{display: flex;align-items: center;justify-content: center;}
.w8-txt2 h3{padding: 0 16px 26px;margin: 0;font-size: 28px;color: var(--black);min-width: 390px;width: 390px;max-width: 390px;text-align: center;cursor: pointer;transition:ease-in-out 0.3s}
.w8-txt2.on h3{color: var(--blue);}
.w8-xt{position: absolute;bottom: 0;left: 0;height: 1px;width: 390px;min-width: 390px;max-width: 390px;background: var(--blue);transition: width 0.3s ease, left 0.3s ease;}

.aboutus-section,
.section-pb{padding: 100px 0;}

.problem-b{padding: 24px 40px;background: var(--grey);border-radius: 12px;}
.problem-top{display: flex;align-items: center;grid-gap: 20px;cursor: pointer;}
.problem-top h3{margin: 0;font-size: 22px;color: var(--black);flex: 1;transition: all 0.3s;}
.problem-top svg{width: 24px;display: block;fill: var(--black);transform: rotate(0deg);transition: all 0.5s;}
.problem-top.on h3{color: var(--orange);}
.problem-top.on svg{transform: rotate(-180deg);}
.problem-bottom{padding: 30px 0;margin-top: 30px;border-top: 1px solid rgba(0,0,0,0.1);display: none;}
.problem-txt{font-size: 18px;color: var(--blue);line-height: 2.2;}
.problem{display: flex;flex-direction: column;align-items: stretch;grid-gap: 30px;}
.faq-box .h3title{margin-bottom: 30px;}
.faq-box .mb-5{margin-bottom: 80px !important;}
.faq-box .mb-5:last-child{margin-bottom: 0 !important;}
.faq-box .mt-3{margin-top: 60px !important;}
.faq-box .row{--bs-gutter-x: 0;}

.about-card-list, .product-card-list,
.contact-form-card{background: var(--grey);}

/* w9 */
.w9-box{padding: 100px 0;}
.w9-top{margin-bottom: 60px;}
.w9-top h3{text-align: center;font-size: 48px;color: var(--black);margin-bottom: 30px;font-weight: bold;}
.w9-top p{text-align: center;font-size: 18px;color: rgba(0,0,0,0.5);font-weight: 500;}
.w9-b{display: flex;flex-wrap: wrap;grid-gap: 40px;}
.w9-a{width: calc((100% - 40px)/2);cursor: pointer;}
.w9-a:hover svg{fill: var(--orange);}
.w9-ab{display: flex;align-items: center;padding: 10px 20px;border-radius: 6px;border: 1px solid var(--blue);grid-gap: 16px;}
.w9-left{padding: 10px 20px;border: 1px solid rgba(0,10,106,0.1);border-radius: 6px;}
.w9-left svg{width: 50px;height: 50px;fill: var(--blue);transition: all 0.3s;}
.w9-right{font-size: 20px;font-weight: 600;margin: 0;flex: 1;}

/* w10 */
.w10-box{padding-bottom: 100px;}
.w10-top{display: flex;align-items: stretch;background: var(--grey);}
.w10-left{width: 50%;display: flex;flex-direction: column;align-items: center;justify-content: center;grid-gap: 10px;}
.w10-left p{font-size: 26px;color: var(--black);margin: 0;font-weight: 500;}
.w10-left p:nth-child(2n){font-size: 16px;color: rgba(0,0,0,0.5);line-height: 1;}
.w10-right{width: 50%;height: 380px;position: relative;z-index: 1;}
.w10-right:before{content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(246,246,246,0.6);}
.w10-right img{width: 100%;height: 100%;display: block;object-fit: cover;}
.w10-btn{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);padding: 6px 20px;border-radius: 30px;background: var(--blue);color: #FFFFFF;font-size: 20px;z-index: 3;transition: all 0.3s;}
.w10-btn{display: flex;align-items: center;grid-gap: 6px;white-space: nowrap;box-shadow: 0 0 70px rgba(255, 255, 255, 1), 0 0 15px rgba(255, 255, 255, 0.6) inset;}
.w10-btn:hover{background: var(--orange);}
.w10-btn svg{width: 24px;fill: #FFFFFF;}
.w10-btn span{color: #FFFFFF;}

/* w11 */
.w11-box{overflow: hidden;padding-bottom: 100px;}
.w11-top{margin-bottom: 60px;}
.w11-top h3{font-size: 48px;font-weight: bold;text-align: center;color: var(--black);margin: 0;}
.w11-img{width: 100%;height: 100%;position: relative;border-radius: 6px;overflow: hidden;}
.w11-img:after{content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,0.5);transition: all 0.3s}
.w11-img img{width: 100%;height: 100%;object-fit: cover;display: block;}
.w11-bottom{position: relative;}
.w11-bottom .swiper-button-next,.w11-bottom .swiper-button-prev{width: 58px;height: 58px;border-radius: 100px;background: #FFFFFF;box-shadow: 0 0 10px rgba(0,0,0,0.3);display: flex;align-items: center;justify-content: center;transition: all 0.3s;opacity: 0;}
.w11-bottom .swiper-button-next svg,.w11-bottom .swiper-button-prev svg{width: 20px;fill: var(--black);}
.w11-bottom .swiper-button-prev{left: 0;}
.w11-bottom .swiper-button-next{right: 0;}
.w11-bottom:hover .swiper-button-next,.w11-bottom:hover .swiper-button-prev{opacity: 1;}
.w11-bottom .swiper-button-next.swiper-button-disabled,.w11-bottom .swiper-button-prev.swiper-button-disabled{opacity: 0;}
.w11-bottom .swiper-wrapper{align-items: stretch;}
.w11-bottom .swiper-slide{height: initial;}
.w11-img2{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;border-radius: 6px;overflow: hidden;background: var(--grey);padding: 20px;box-shadow: 0 0 10px rgba(0,0,0,0.3)}
.w11-img2 img{width: 100%;height: 100%;object-fit: contain;mix-blend-mode: multiply;}
.w11-b{padding: 100px 0;background-image: url("../images/new/honors-bj.jpg");background-size: cover;background-repeat: no-repeat;background-position: center;}
.w11-pm{width: 100%;overflow: hidden;margin-bottom: 40px;}
.w11-pm:last-child{margin-bottom: 0;}
.w11-pm ul{list-style-type: none;display: flex;align-items: center;grid-gap: 40px;}
.w11-pm ul li{width: 500px;min-width: 500px;height: 290px;border-radius: 6px;overflow: hidden;}
.w11-pm ul li img{width: 100%;height: 100%;display: block;object-fit: cover;}
/*mix-blend-mode: darken;mix-blend-mode: multiply;*/

/* loptop */
.loptop{display: flex;flex-wrap: wrap;grid-gap: 30px;padding: 100px 0;}
.loptop.on{padding: 0 0 100px 0;}
.loptop-box{width: calc((100% - 30px)/2);background: var(--grey);border-radius: 6px;overflow: hidden;display: flex}
.loptop-b{padding: 30px 30px 40px;display: flex;flex-direction: column;align-items: stretch;grid-gap: 60px;flex: 1;justify-content: space-between;}
.loptop-b h3{margin: 0;font-size: 28px;font-weight: 600;color: var(--black);overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;}
.pdf-bottom{display: flex;align-items: stretch;grid-gap: 20px;position: relative;}
.pdf-bottom:after{content: '';position: absolute;top: -40px;left: 0;right: 0;height: 1px;background: rgba(0,0,0,0.1);}
.pdf-btn{font-size: 20px;border-radius: 30px;background: var(--orange);color: #FFFFFF;padding: 8px 20px;cursor: pointer;width: calc((100% - 20px)/2);display: flex;align-items: center;justify-content: center;transition: all 0.3s;grid-gap: 8px;}
.pdf-btn:hover{background: var(--blue);}
.pdf-btn svg{height: 26px;fill: #FFFFFF;display: block;}
.pdf-fixed{display: block;position: fixed;z-index: 99999;left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: 100%;overflow: auto;background: var(--black);}
.pdf-content{padding: 20px;width: 100%;height: 100%;display: flex;flex-direction: column;align-items: flex-end;grid-gap: 20px;}
.close svg{width: 38px;height: 38px;fill: var(--grey);display: block;transition: all 0.3s;}
.pdf-content iframe{width: 100%;height: calc(100vh - 98px);}

.close:hover svg,
.close:focus svg{
	fill: var(--orange);
	cursor: pointer;
}

/*footer*/
.footer-section{padding: 100px 0 20px;background: #f5f5f7;margin-top: 0 !important;}
.footer-section .row{--bs-gutter-x: initial;}
.footer-logo{margin-bottom: 10px;display: block;}
.footer-logo img{width: 50%;max-width: 100%;display: block;}
.footer-section h3{color: var(--black);}
.footer-section a:hover, .footer-contact i.fa:hover{color: var(--blue);text-decoration: underline;}
.footer-box{display: flex;align-items: flex-start;grid-gap: 30px;padding: 0 0 100px 0;margin-bottom: 20px;border-bottom: 1px solid rgba(0,0,0,0.3);}
.footer-contact{flex: 1;}
.footer-about{width: calc(100% / 5);}
.footer-posts{width: calc(100% / 3);}
.footer-copyright p,
.footer-section a,
.footer-about p{color: var(--black);}
.footer-about > div{display: flex; align-items: center; gap: 20px; font-size: 14px;}
.footer-about > div > a {font-weight: 500 !important;}
.footer-section{color: var(--black);background: var(--grey);}
.footer-copyright{display: flex;align-items: center;}
.footer-copyright p{margin: 0;width: 50%;text-align: left;}
.footer-copyright .h-language{width: 50%;}
.h-language{display: flex;align-items: center;grid-gap: 10px;justify-content: flex-end;}
.h-language img{width: 28px;display: block;max-width: 100%;}

.fixed-footer{position: fixed;bottom: 10%;right: 3%;width: 60px;height: 60px;border-radius: 100px;background: var(--blue);box-shadow: 0 0 10px rgba(255,255,255,1);z-index: 999;cursor: pointer;transform: translateY(360%);transition: all 0.5s;overflow: hidden;}
.fixed-footer div{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;transition: all 0.5s;}
.fixed-footer svg{width: 24px;display: block;fill: #FFFFFF;}
.fixed-footer div:last-child{position: absolute;top: 0;right: 0;bottom: 0;left: 0;transform: translateY(100%)}
.fixed-footer.on{transform: translateY(0);}
.fixed-footer:hover div:first-child{transform: translateY(-100%);}
.fixed-footer:hover div:last-child{transform: translateY(0);}

.h-nav .h-language{display: none;}
.bread-crumb-section{margin-top: 52px;}

@media (max-width: 1600px){

	.main{width: 1200px;}
	
	.w2-bottom{height: 40vh;}
	.w2-b:nth-last-child(1) .w2-title h3, .w2-b:nth-last-child(2) .w2-title h3, .w2-b:nth-last-child(3) .w2-title h3{font-size: 32px;}
	.w2-b:nth-last-child(1) .w2-bottom, .w2-b:nth-last-child(2) .w2-bottom, .w2-b:nth-last-child(3) .w2-bottom{height: 30vh;}

	.nyall-title h3,
	.w3-txt h3,
	.w1-txt h3,
	.w2-title h3,
	.w3-title h3,
	.w5-title h3,
	.w4-title h3{font-size: 38px;}
	
	.w3-txt p,
	.accordion-body p,
	.w3-title p,
	.w2-title p{font-size: 18px;}

	.w3-b{grid-gap: 140px;}
	.w3-b2{grid-gap: 140px;}
	.w3-img img{width: 80%;}
	
	.w5-b4 h4{font-size: 20px;}
	.w1-b2{padding: 40px 20px 20px;}
	.w1-title h3{font-size: 28px;}
	.w1-title{height: 60px;}
	.w1-bottom{height: 300px !important;}
	.w3-lunbo{width: 100%;}

	.w8-box,
	.aboutus-section, .section-pb,
	.w7-box,
	.w1-box,
	.w2-box,
	.w5-box{padding: 100px 0;}
	.w3-box{padding: 140px 0;}
	.w4-box{padding-top: 0;}
	
	.w7-b4{height: 44vh;}

	.w3-b2:nth-child(2n) .w3-txt{padding: 0 calc((100% - 900px)/2) 0 0;}
	.w3-txt{padding: 0 0 0 calc((100% - 900px) / 2);}
	
	.accordion-button,
	.accordion-button:not(.collapsed) span{font-size: 20px;}

	.h-navb{width: 70%;}
	
	.w1-bottom h3{font-size: 68px;}
	.w5-b h4{font-size: 22px;}
	.w5-b img{width: 32px;}

	.w7-b2{width: calc((100% - 80px)/3);}

	.w8-txt h3{font-size: 32px;}

	.w8-txt{width: 600px;}
	.w8-img{height: 600px;}
	.w8-b{margin-bottom: 100px;}
	.w8-b3{height: 370px;}
	.w2-content{height: 228px;}
	.shop-box{padding: 100px 0;}
	.nyall-title{padding-bottom: 40px;}
	.w9-top h3{font-size: 38px;}
	.loptop-b h3{font-size: 22px;}
	.pdf-btn{font-size: 16px;}
	.w9-box{padding: 100px 0;}
	.w10-box{padding-bottom: 100px;}
	.loptop{padding: 100px 0;}
	.h-nav2:last-child .h-xla{width: calc((100% - 60px)/3);}
	.h-nav2:last-child .h-xla:nth-child(4):before{display: block;}
	.h-nav2:last-child .h-xla:nth-child(3n):before{display: none;}
	.h-nav2:last-child .h-xla:nth-last-child(3):after{display: none;}
	.w11-box{padding-bottom: 100px;}
	.w11-b{padding: 100px 0;}
	.w11-lunbo{width: 100%;}
	.w11-top h3{font-size: 32px;}

	.banner-txt h3{font-size: 38px;}
	.banner-txt p{font-size: 18px;}
	.banner-buy{margin-top: 30px;font-size: 20px;padding: 0 30px 0 60px;height: 50px;font-weight: 600;}
	.banner-buy:before{width: 50px;height: 50px;}
	.banner-buy svg{width: 20px;left: 16px;}
	
}

@media (max-width: 1200px){
	.main{width: 1000px;}
	
	.h-xla h3,
	.h-nava{font-size: 16px;}

	.banner-lunbo .swiper-slide{height: 70vh;}
	.banner-lunbo .swiper-slide img{object-position: bottom}
	/*.banner-lunbo .swiper-slide:first-child{display:none;}*/
}

@media (max-width: 1000px){

	.main{width: 92%;}

	.header{display: none;}
	.yd{display: block;padding: 0;border: none;position: fixed;top: 0;left: 0;right: 0;z-index: 999;background: #FFFFFF;border-radius: 0;box-shadow: 0 1px 1px rgba(0,0,0,0.1)}
	.mh-box{padding: 14px 4%;}
	.mh-b{display: flex;align-items: center;justify-content: space-between;}
	.m-ul{list-style-type: none;}
	.h-classification{cursor: pointer;}
	.h-classification.ok .m-ul .v1{transform: translateY(10px) rotate(45deg);transition: all .3s;}
	.h-classification.ok .m-ul .v2{opacity: 0;}
	.h-classification.ok .m-ul .v3{transform: translateY(-8px) rotate(-45deg);transition: all .3s;}
	.h-classification{position: relative;z-index: 3;}
	.m-li{margin: 5px 0;height: 4px;width: 28px;border-radius: 0.7vw;transition: all .3s;background: var(--blue);}
	.mh-xl{position: fixed;top: 0;right: 0;bottom: 0;left: 30%;background: #FFFFFF;z-index: 2;transition: ease-in-out 0.5s;transform: translateX(110%);display: flex;}
	.mh-xlb{padding: 60px 30px;flex: 1;display: flex;flex-direction: column;align-items: stretch;justify-content: space-between;}
	.mh-bj{position: fixed;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,0.4);z-index: 1;backdrop-filter: blur(3px);pointer-events: none;transition: ease-in-out 0.5s;opacity: 0;}
	body.on{overflow: hidden;}
	.yd.on .mh-xl{transform: translateX(0);}
	.yd.on .mh-bj{opacity: 1;pointer-events: inherit;}
	.mh-nav{display: flex;flex-direction: column;align-items: stretch;grid-gap: 14px;overflow-y: scroll;padding-right: 10px;}
	.mh-nava{font-size: 18px;font-weight: 700;color: var(--black);}
	.mh-nava{display: flex;align-items: center;grid-gap: 4px;justify-content: space-between;}
	.mh-nava svg{width: 16px;fill: var(--black);display: block;min-width: 16px;}
	.mh-nava:hover{color: var(--black);}
	.m-hlitr{list-style-type: none;position: relative;transition: all .5s;width: 14px;}
	.m-hlitr1{width: 14px;height: 2px;background: var(--black);}
	.m-hlitr2{width: 2px;height: 14px;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);background: var(--black);}
	.mh-navxl.on .m-hlitr{transform: rotate(90deg);}
	.mh-navxl.on .m-hlitr1{opacity: 0;}
	.mh-navxl3{display: none;padding: 10px 0 0;}
	.mh-navxl3 .mh-nava{font-size: 16px;color: var(--orange);margin-bottom: 10px}
	.mh-navxl3 .mh-nava svg{fill: var(--orange);}

	.w1-b{width: 100% !important;}

	.w2-b{flex-wrap: wrap;}
	.w2-b2{width: 100%;grid-gap: 20px;}
	.w2-b{grid-gap: 20px;}
	.w2-b3{flex-wrap: wrap;grid-gap: 20px;}
	.w2-b4{width: 100%;}
	.w3-b2:nth-child(2n),
	.w3-b2{flex-direction: column;grid-gap: 100px;align-items: stretch;}
	.w3-txt{padding: 0;width: 100%;}
	.w3-b{grid-gap: 160px;}
	.w3-box{padding: 80px 4% 160px;}
	.w3-img img{width: 100%;transform: rotate(0deg)}
	.w3-img{flex: none;}

	.w4-lunbo .swiper-button-next, .w4-lunbo .swiper-button-prev{opacity: 1;}
	.w4-lunbo .swiper-button-next{right: 0;top: 75%;}
	.w4-lunbo .swiper-button-prev{left: 0;top: 75%;}
	.w5-lunbo .swiper-button-next, .w5-lunbo .swiper-button-prev{opacity: 1;}
	.w5-lunbo .swiper-button-next{right: 0;}
	.w5-lunbo .swiper-button-prev{left: 0;}

	.w5-title p{font-size: 14px;}

	.w2-content{width: 100%;flex: none;height: 30vh;}

	.w1-buy{display: none;}

	.footer-section{padding-top: 100px;}

	.footer-box{flex-wrap: wrap;}

	.footer-about, .footer-posts{width: 100%;}
	
	.footer-contact{flex: none;width: 100%;}

	.footer-about, .footer-posts{margin: 0;}
	
	.footer-box{padding-bottom: 60px;}

	.footer-copyright{flex-direction: column-reverse;align-items: center;grid-gap: 20px;}
	.footer-copyright p{width: 100%;text-align: center;}
	.footer-copyright .h-language{width: 100%;justify-content: center;}
	
	.w1-box{padding: 100px 0;}
	.w1-b{width: 100%;}
	.w1-bottom h3{font-size: 38px;}
	.w1-bottom p{font-size: 16px;}
	
	.fixed-footer{width: 50px;height: 50px;}
	.fixed-footer svg{width: 20px;}

	.w7-b2{width: 100%;}

	.w3-txt p, .accordion-body p, .w3-title p, .w2-title p{font-size: 14px;}
	.w4-b6{font-size: 14px;}

	.w7-nav a{font-size: 18px;white-space: nowrap;}

	.ny-title h2{font-size: 32px;white-space: normal;}
	.tracking-in-contract{animation: none;}
	.mulu-b{overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;display: -webkit-box;-webkit-box-orient: vertical;}
	.ny-img{height: 30vh;}

	.w7-nav{flex-wrap: nowrap;overflow-x: scroll;}

	.w3-txt h3, .w1-txt h3, .w2-title h3, .w3-title h3, .w5-title h3, .w4-title h3{font-size: 28px;}
	.w1-title h3{font-size: 20px;}
	.w1-title{height: auto;}
	.w3-txt div{font-size: 18px;}
	.w7-b7 h3{font-size: 20px;}
	.w7-btn{padding: 6px 40px;}

	.w8-b{flex-direction: column;}
	.w8-img{width: 100%;height: 300px;}
	.w8-txt{width: 100%;height: auto;position: initial;transform: none;padding: 0;box-shadow: none;}
	.w8-txt h3{font-size: 20px;}
	.w8-txt p{font-size: 14px;}
	.w8-b3{height: 270px;}
	.w8-txt2 h3{font-size: 16px;}
	.w8-xt,
	.w8-txt2 h3{width: 160px;min-width: 160px;max-width: 160px;}
	.shop-box,
	.w8-box, .aboutus-section, .section-pb, .w7-box, .w1-box, .w2-box, .w5-box{padding: 80px 0;}
	.nyall-title h3{font-size: 28px;}

	.faq-box .mt-3{margin-top: 40px !important;}
	.problem-b{padding: 16px 20px;}
	.problem-top h3{font-size: 18px;}
	.problem-top svg{width: 20px;}
	.problem-txt{font-size: 14px;}
	.problem-bottom{padding: 20px 0;margin-top: 20px;}
	.problem{grid-gap: 20px;}
	.faq-box .mb-5{margin-bottom: 40px !important;}

	.w9-box{padding: 80px 0;}
	.w9-top h3{font-size: 28px;margin-bottom: 10px;}
	.w9-top p{font-size: 14px;}
	.w9-a{width: 100%;}
	.w9-right{font-size: 18px;}
	.w9-left svg{width: 40px;height: 40px;}
	.w9-b{grid-gap: 30px;}
	.w10-top{flex-wrap: wrap;}
	.w10-left{width: 100%;padding: 40px 20px;}
	.w10-right{width: 100%;height: 200px;}
	.w10-left p{font-size: 20px;}
	.w10-left p:nth-child(2n){font-size: 14px;}
	.w10-btn{font-size: 16px;}
	.w10-btn svg{width: 20px;}
	.loptop{padding: 80px 0;}
	.loptop.on{padding: 0 0 80px 0;}
	.w10-box{padding-bottom: 80px;}
	.loptop-box{width: 100%;}
	.loptop-b h3{font-size: 20px;}
	.pdf-btn:first-child{display: none;}
	.pdf-btn{width: 100%;}
	.w8-b:nth-child(2n) .w8-img,
	.w8-img{transform: translateX(0);}
	.w8-b{margin-bottom: 80px;}

	.w11-top h3{font-size: 28px;}
	.w11-lunbo{height: 300px;}
	.w11-img{height: 280px;}
	.w11-b{padding: 80px 0;}
	.w11-pm{margin-bottom: 20px;}
	.w11-pm ul{grid-gap: 20px;}
	.w11-pm ul li{width: 240px;min-width: 240px;height: 140px;}

	.banner-mb{right: 4%;}
	.banner-txt h3{font-size: 28px;}
	.banner-txt p{font-size: 14px;}
	.banner-buy{margin-top: 30px;font-size: 18px;padding: 0 20px 0 50px;height: 40px;font-weight: 600;}
	.banner-buy:before{width: 40px;height: 40px;}
	.banner-buy svg{width: 18px;left: 12px;}

	.w11-bottom .swiper-button-next, .w11-bottom .swiper-button-prev{opacity: 1;}
}