.ues-banner:hover .btn {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";/* ie8 */
	filter:alpha(opacity=100);/* ie5-7 */
	-moz-opacity:1;/* old mozilla browser like netscape */
	-khtml-opacity: 1;/* for really really old safari */
	opacity: 1;/* css standard, currently it works in most modern browsers like firefox, */
}
.ues-banner .btn {
	position: absolute;
	top: 50%;
	z-index: 9;
	width: 45px;
	height: 45px;
	background-color: #2b2b2b;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	border-radius: 2px;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-moz-transition:all 0.3s ease-in-out;
	-webkit-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";/* ie8 */
	filter:alpha(opacity=0);/* ie5-7 */
	-moz-opacity:0;/* old mozilla browser like netscape */
	-khtml-opacity: 0;/* for really really old safari */
	opacity: 0;/* css standard, currently it works in most modern browsers like firefox, */
}
.ues-banner .btn:hover {
	background-color: #e84c3d;
}
.ues-banner .btn.banner-prev {
	left: 35px;
	background-size: 25%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.ues-banner .btn.banner-next {
	right: 35px;
	background-size: 25%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.ues-banner .banner-pagination {
	bottom: 26px!important;
}
.ues-banner .banner-pagination .swiper-pagination-bullet {
	width: 9px;
	height: 9px;
	margin: 0 10px !important;
	background-color: #fff;
	vertical-align: middle;
	opacity: 1;
}
.ues-banner .banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 12px;
	height: 12px;
	border: 1px solid #fff;
	background-color: transparent;
}
@media (max-width: 1024px) {
	.ues-banner .btn {
		display: none;
	}
	.ues-banner .banner-pagination {
		bottom: 10px!important;
	}
}

.read-more .fa {margin-left: 10px;}

.global-layout {margin:64px 0px;}
.global-layout .layout {width: 1200px;margin: 0 auto;}
.global-layout .top-warp {width:768px;margin: 0 auto 48px; text-align: center;}
.global-layout .top-warp .title {font-size: 32px; font-weight: bold; line-height: 1.2;}
.global-layout .top-warp p {font-size: 18px;margin-top: 16px;line-height: 1.5; color: rgba(0, 0, 0, 0.56);}

.section-background-light {margin: 32px 0;}
.section-background-light .layout {width: 1200px;margin: 0 auto;}
.section-background-light .content-cards {display: flex;flex-wrap: wrap;gap: 16px;justify-content: center;}
.section-background-light .content-cards .card {padding: 16px 16px 16px 0;background: rgba(0, 0, 0, 0.03);display: flex;align-items: center;flex: 1 1 208px;max-width: 224px;}
.section-background-light .content-cards .card img {height: 34px;flex: 0 0 64px;display: block;object-fit: contain;object-position: center center;}
.section-background-light .content-cards .card .text .title {font-size: 12px;color: rgba(0, 0, 0, 0.85);text-align: left;}

.why-us .layout {width:1200px; margin: 50px auto;}
.why-us .layout .why-us-title {font-size: 38px;font-weight: bold; text-align: center;}
.why-us .layout .why-us-desc {width: 75%;font-size: 16px;line-height: 1.8; margin: 16px auto 30px; text-align: center;}

.why-us .layout .why-us-list .list-box {display: flex;gap:15px;justify-content: center;}
.why-us .layout .why-us-list .container {position:relative;background-color: rgba(0, 0, 0, 0.03);border-radius: 10px;   display: flex;align-items: flex-end;flex-direction: column;flex-wrap: wrap;}
.why-us .layout .why-us-list .container:hover {background-color: rgba(0, 0, 0, 0.08);}
.why-us .layout .why-us-list .container .img {text-align: center;}
.why-us .layout .why-us-list .container .img img {border-radius: 10px 10px 0 0;}
.why-us .layout .why-us-list .container .text {padding: 30px;line-height: 1.5;   display: flex;flex-direction: column;flex: 1;}
.why-us .layout .why-us-list .container .text .title {font-size: 20px;font-weight: bold;padding-bottom: 15px; color: #111;}
.why-us .layout .why-us-list .container .text .sub-title {font-size: 16px; color: #111;}
.why-us .layout .why-us-list .container .text .body-text {padding:20px 0;color: #666;}
.why-us .layout .why-us-list .container .text .read-more {font-size: 16px;color: #5252f2;font-weight: bold;margin-top: auto;}

.about-us {background-repeat: no-repeat;background-position: center;background-size: cover;padding: 10px 0 10px; color:#fff;background-color: #4a4a4a;}
.about-us .layout{display: flex;align-items: center;flex-direction: row;justify-content: flex-start;width: 1200px; margin: 0 auto; padding: 64px 0;}
.about-us .layout .text {flex: 0 0 50%;padding-right: 112px;}
.about-us .layout .text .title {font-size: 32px;font-weight: bold;margin-bottom: 24px;line-height: 1.2;color: #fff;}
.about-us .layout .text p {line-height: 1.5;font-size: 18px;margin-top: 16px;color: #fff;}
.about-us .layout .text .content-list li {margin-left: 16px;text-indent: unset;list-style-position: outside;}
.about-us .layout .text .content-list li::marker{content: "✓";font-weight: bold;padding-right: 3.5rem;}
.about-us .layout .text .content-list li p{padding-left:8px;}
.about-us .layout .text .read-more {display:block;color: #fff;font-size: 18px;font-weight: bold;margin-top: 32px;}
.about-us .layout .text .read-more .fa {margin-left: 10px;}
/*.about-us .layout .image {margin-right: calc((100vw - 1200px)/-2);}*/
.about-us .layout .contains-video {padding-right: 32px;}

.section-landing-banner {display: flex;justify-content: center;}
.section-landing-banner .layout {width: 960px;height: 196px;margin: 80px 16px 20px;display: flex;flex-direction: row;background-color: #191919;}
.section-landing-banner .layout .cont-left,
.section-landing-banner .layout .cont-right {width:50%;}
.section-landing-banner .layout .cont-left {padding: 32px 24px 32px 32px;}
.section-landing-banner .layout .cont-left .title {font-weight: 700;color: #fff;font-size: 22px;line-height: 1.2;}
.section-landing-banner .layout .cont-left .subtitle {font-size: 16px;line-height: 24px;margin-top: 8px;color: rgba(255,255,255,.77);} 
.section-landing-banner .layout .cont-left .cta-button {display: flex;flex-direction: row;justify-content: center;align-items: center;gap: 8px;margin-top: 16px;background-color: rgba(255,255,255,.1);border-radius: 3px;width: 108px;}
.section-landing-banner .layout .cont-left .cta-button .value {padding: 6px 16px;font-size: 14px;font-weight: 700;margin-top: 0;text-align: center;color: rgba(255,255,255,.77);line-height: 1.5;}
.section-landing-banner .layout .cont-right {overflow: hidden;}
.section-landing-banner .layout .cont-right img {width: 100%;height: 100%;object-fit: cover;object-position: center;top: 0;left: 0;}

.section-progress .layout {width: 1200px;margin: 64px auto;background-color: #ededfc;}
.section-progress .layout .content-cards {padding: 40px;}
.section-progress .layout .content-cards .title {font-size: 22px;line-height: 1.2;color: rgba(0, 0, 0, 0.85);font-weight: 500;}
.section-progress .layout .content-cards .content {font-size: 16px;margin-top: 10px;line-height: 1.5;color: rgba(0, 0, 0, 0.56);}
.section-progress .layout .content-cards .cards {display: flex;margin-top: 64px;position: relative;}
.section-progress .layout .content-cards .cards::before {content: ' ';width: 100%;height: 3px;background-color: #5252f2;position: absolute;top: -24px;left: 0;} 
.section-progress .layout .content-cards .cards .card {flex: 1 1 20%;position: relative;padding-right: 88px;}
.section-progress .layout .content-cards .cards .card:last-of-type {flex: 0 0 10%;padding-right: 0;text-align: right;}
.section-progress .layout .content-cards .cards .card::before {content: ' ';width: 13px;height: 13px;background: white;border-radius: 50%;border: 3px solid #5252f2;position: absolute;top: -28px;left: 0;}
.section-progress .layout .content-cards .cards .card:last-of-type:before {width: 21px;height: 21px;top: -32px;left: unset;right: 0;}
.section-progress .layout .content-cards .cards .card .card-title {font-size: 18px;font-weight: bold;color: rgba(0, 0, 0, 0.85);}
.section-progress .layout .content-cards .cards .card .card-subtitle {font-size: 12px;color: rgba(0, 0, 0, 0.85);margin-top: 8px;}

.advantages-box {padding: 64px 0;background-color: #efefef;}
.advantages-box .layout {width: 1200px;margin: 0 auto;}
.advantages-box .text {margin: 0 auto 48px; text-align: center;}
.advantages-box .text .title {font-size: 32px; font-weight: bold; line-height: 1.2;}
.advantages-box .text .desc {font-size: 17px;margin-top: 16px;line-height: 1.3; color: rgba(0, 0, 0, 0.56);}

.advantages-box .advantages-list {padding-top: 40px;}
.advantages-box .advantages-list .item {border-right: 1px solid #cbcbcb;}
.advantages-box .advantages-list .item:last-child {border-right: 0;}
.advantages-box .advantages-list .item .img {text-align: center;padding-bottom: 30px;}
.advantages-box .advantages-list .item .img img {max-width: 80px;}
.advantages-box .advantages-list .item .title {text-align: center; color: #0d79bc;font-size: 26px;font-weight: bold;padding-bottom: 5px;}
.advantages-box .advantages-list .desc {text-align: center;}

.products-center {margin:64px 0px;}
.products-center .text {margin: 0 auto 48px; text-align: center;}
.products-center .text .title {font-size: 32px; font-weight: bold; line-height: 1.2;}
.products-center .text p {font-size: 18px;margin-top: 16px;line-height: 1.5; color: rgba(0, 0, 0, 0.56);}

.products-center .products-gallery {position: relative;;width: 100%;height: 100%;}
.products-center .products-gallery .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.products-center .products-gallery {padding-bottom: 40px;}
.products-center .products-gallery .swiper-slide {background-color: #f2f2f2;}
.products-center .products-gallery .swiper-slide .title {margin: 12px 6px; line-height: 1.3;font-size: 16px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}

.products-center .products-gallery .prev-next {position: relative;width: 100px;height: 48px; margin: 0 auto;background-color: #f2f2f2;border-radius: 24px;top:30px;}
.products-center .products-gallery .swiper-button-prev,
.products-center .products-gallery .swiper-button-next {height: 20px;font-size: 18px;margin-top: -10px;background-image:none;width: 18px;}
.products-center .products-gallery .swiper-button-prev:hover,
.products-center .products-gallery .swiper-button-next:hover {color: #5252f2;}
.products-center .products-gallery .swiper-button-prev {left: 18px;}
.products-center .products-gallery .swiper-button-next {right: 18px;}


.square-center .content-cards {display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 16px;}
.square-center .content-cards .card {background: rgba(0, 0, 0, 0.03);position: relative;overflow: hidden;display: flex;flex-direction: column;}
.square-center .content-cards .image{display: block;object-fit: contain;object-position: top left;}
.square-center .content-cards .card,
.square-center .content-cards .image img {border-radius: 10px 10px 0 0;}
.square-center .content-cards .card .text {padding: 32px;}
.square-center .content-cards .card .text .title {font-size: 22px; line-height: 1.3;color: #000;font-weight: bold;}
.square-center .content-cards .card .text .subtitle {font-size: 18px;margin-top:16px;color: #262626;}
.square-center .content-cards .card .text .subtitle em {font-size: 14px;margin-top:16px;display: block;color: rgba(0, 0, 0, 0.56);}


.company-square-center .content-cards .card {display: flex; flex-direction: column;}
.company-square-center .content-cards .text {display: flex;flex-direction: column;height: 100%;background-color: rgba(0,0,0,3%);padding: 32px;}
.company-square-center .content-cards .text .title {font-size: 22px; line-height: 1.3;font-weight: 500;color: rgba(0,0,0,.85);}
.company-square-center .content-cards .text .text-content {margin-top: 12px;font-size: 18px;flex: 1;color: rgba(0,0,0,.56);line-height: 1.5;padding-bottom: 24px;}
.company-square-center .content-cards .text .text-content ul {margin-left: 16px;margin-top: 24px;}
.company-square-center .content-cards .text .text-content ul li {color: rgba(0,0,0,.85);padding-left: 8px;margin-left: 0;margin-top: 16px;}
.company-square-center .content-cards .text .text-content ul li::marker {content: "✓";
font-weight: 700;padding-right: 56px;}
.company-square-center .content-cards .text .read-more {font-size: 18px;color: #5252f2;font-weight: 500;}

.join-square-center .content-cards {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 16px;}
.join-square-center .content-cards .card {display: flex; flex-direction: column;background-color: rgba(0,0,0,3%);}
.join-square-center .content-cards .text {display: flex;flex-direction: column;height: 100%;padding: 32px;font-size: 18px;}
.join-square-center .content-cards .text .text-content {flex: 1;padding-bottom: 24px;line-height: 1.5;}
.join-square-center .content-cards .text .text-reviewer {display: flex;align-items: center;margin-top:12px;}
.join-square-center .content-cards .text .text-reviewer img {width: 48px; height: 48px;border-radius: 50%;margin-right: 16px;filter: grayscale(1);}
.join-square-center .content-cards .text .text-reviewer {font-size: 14px;color: rgba(0,0,0,.56);}

.testimonials .content-cards {display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 16px;}
.testimonials .content-cards .text .text-reviewer {display: block;text-align: center;}
.testimonials .content-cards .text .text-reviewer img {margin-right: 0;}
.testimonials .content-cards .text .text-content {position: relative;text-indent: 30px;}
.testimonials .content-cards .text .text-content .before,
.testimonials .content-cards .text .text-content .after {
	position: relative;
	font-size: 28px;
	top:5px;
}
.testimonials .content-cards .text .text-content .before {margin-right: 5px;}
.testimonials .content-cards .text .text-content .after {margin-left: 5px;}

.our_customers {background-repeat: no-repeat;background-position: center;background-size: cover;padding: 60px 0 80px; color:#fff;background-color: #4a4a4a;}
.our_customers .top-warp p {color: #fff;}


.inquiry-center {background-color: #191919;color: #fff;padding-top: 1px;padding-bottom: 1px;}
.inquiry-center .layout{margin: 96px auto;width: 760px;text-align: center;padding: 10px 0;}
.inquiry-center .layout .title{font-size: 32px; line-height: 1.2;color: #fff;margin-bottom: 32px;font-weight: 500;margin-top: 16px;}
.h3d-button {
	background-color: rgba(0, 0, 0, 0.05);
	border: 0;
	box-sizing: border-box;
	border-radius: 3px;
	color: rgba(0, 0, 0, 0.85);
	cursor: pointer;
	display: inline-block;
	font-weight: 500;
	letter-spacing: 0.16px;
	outline: none;
	padding: 8px 24px;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-shadow: none;
	transition: background-color 0.15s ease-out;
	font-size: 16px;
	line-height: 24px;
	overflow: hidden;
	white-space: normal;
}
.h3d-button-primary {
	background-color: #5252f2;
	box-shadow: none;
	color: #fff !important;
}
.h3d-button-primary:hover {
	background-color: #4845d9!important;
}

.new-products .content-cards {display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;grid-gap: 20px;}
.new-products .content-cards .card {background: rgba(0, 0, 0, 0.03);position: relative;overflow: hidden;display: flex;flex-direction: column;}
.new-products .content-cards .image{display: block;margin-bottom:16px;object-fit: contain;object-position: top left;}
.new-products .content-cards .card .title {font-size: 18px; line-height: 1.3;color: #000;padding: 0 10px 16px;}

.news-center .content-cards {display: grid;grid-template-columns: 1fr 1fr;grid-gap: 20px;}
.news-center .content-cards .card {background: rgba(0, 0, 0, 0.03);position: relative;overflow: hidden;display: flex;flex-direction: column;padding: 16px;}
.news-center .content-cards .card .text-reviewer {display: flex;align-items: center;}
.news-center .content-cards .image{display: block;object-fit: contain;object-position: top left;margin-right: 16px;}
.news-center .content-cards .card .text {width: 70%;}
.news-center .content-cards .card .text .title {font-size: 20px;line-height: 1.2;color: #000;}
.news-center .content-cards .card .text .date {padding: 10px 0;}
.news-center .content-cards .card .text .content {color: rgba(0,0,0,.56);display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}


@media (max-width:1366px){

}
/* 不超过 1200 */
@media (max-width: 1200px) {
	.header .topbar .layout {width: 100%;padding: 0 10px;}
	.layout {width: 100%!important;}

	.global-layout .top-warp {margin-bottom: 20px;}
}

@media (max-width: 992px) {
	.header .navbar .nav-container .logo {height: 49px;}
	.header .navbar .nav-container .logo img {max-height: 26px!important;}
	.advantages-box .layout {width: 100%; padding: 0 2rem;}
	.about-us .layout {flex-direction: column!important;margin: 0rem 2rem!important;}
	.about-us .layout .text {margin-bottom: 2rem;padding-right: 4rem!important;}
	.about-us .layout .image {margin-right: 4rem!important;}
	.section-landing-banner .layout {margin: 1rem 1rem 4rem;width: 40.5rem!important;height: 21.6rem;flex-direction: column-reverse;}
	.section-landing-banner .layout .cont-left, .section-landing-banner .layout .cont-right {width: 100%;}

	.products-center .text {width: 100%; padding:0 2rem;}
	.about-us .layout .contains-video {padding-right: 0!important;margin-left: -2rem;margin-right: -2rem!important;}

	.section-progress .layout .content-cards .cards {margin-top:0;flex-direction: column;}
	.section-progress .layout .content-cards .cards::before {height: calc(100% - 4rem);width: 3px;top: 3rem;left: calc(1rem - 4px);}
	.section-progress .layout .content-cards .cards .card {padding-left: 2rem;padding-right: 0;}
	.section-progress .layout .content-cards .cards .card::before {top: 2.375rem;left: calc(1rem - 9px);}
	.section-progress .layout .content-cards .cards .card .card-title {margin-top: 2rem;}
	.section-progress .layout .content-cards .cards .card:last-of-type::before {top: 2rem;left: calc(1rem - 13px);right: unset;}
	.section-progress .layout .content-cards .cards .card:last-of-type {text-align: left;}

	.global-layout .top-warp {width: 100%; padding: 0 2rem;}

	.global-layout .layout {padding: 0 2rem;}
	.square-center .content-cards {grid-template-columns: 1fr 1fr;}

	.join-square-center .content-cards {grid-template-columns: 1fr 1fr;grid-auto-flow:unset;grid-auto-columns:unset;}

	.new-products .content-cards {grid-template-columns: 1fr 1fr;}

	.news-center .content-cards {grid-template-columns: 1fr;}

	.advantages-box .advantages-list {margin-top: 0;}
	.advantages-list .layui-col-space60 {margin: -15px;}
	.advantages-list .layui-col-space60>* {padding: 15px;}
	.advantages-box .advantages-list .item {border-right: 0;}
	.advantages-list .ues-flex-item {display: block;height: auto;}
}

@media(max-width:768px){
	.header .topbar .head-map {display: none!important;}
	.section-background-light .layout {padding: 0 32px;}
	.section-background-light .content-cards .card {max-width: 100%!important;}

	.why-us .layout .why-us-list .list-box {flex-direction: column;padding: 0 2rem;}
	.why-us .layout .why-us-list .container {max-width: 25rem;margin: 0 auto;}

	.square-center .content-cards {grid-template-columns: 1fr;}

	.join-square-center .content-cards {grid-template-columns: 1fr;grid-auto-flow:unset;grid-auto-columns:unset;}

	.new-products .content-cards {grid-template-columns: 1fr;}

	.news-center .content-cards .card .text-reviewer {display: block!important;}
	.news-center .content-cards .image {margin-right: 0;margin-bottom: 10px;}
	.news-center .content-cards .image img {width:100%;}
	.news-center .content-cards .card .text {width: 100%;}
}

@media(max-width:640px){
	.header .topbar .head-email {display: none!important;}
}

/* 超过768px */
@media(min-width: 768px) {
	.company-square-center .content-cards {display: grid;grid-auto-flow: column;grid-auto-columns: 1fr;grid-gap: 16px;}
}