@charset "utf-8";

/* --------------------------------------------------------
	Summary: Reset css
	The author: Townsky
	The date: 2023-04-22
-----------------------------------------------------------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
i,
figure {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 14px;
	font-family: "Montserrat-Regular", "Microsoft Yahei", Arial, Verdana, Helvetica, sans-serif;
	vertical-align: baseline;
	color: #333;
}

:focus {
	outline: 0;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	text-align: left;
	font-weight: normal;
}

a {
	text-decoration: none;
	transition: all .4s;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
}

a:hover {
	text-decoration: none;
	color: var(--primary)!important;
}

a img,
iframe {
	border: none;
}

a:focus {
	outline: none;
}

img {
	vertical-align: top;
}

ol,
ul {
	list-style: none;
}

input,
textarea,
select,
button {
	font-size: 100%;
	font-family: inherit;
	outline: none;
	border: none;
	margin: 0;
	padding: 0;
	background: none;
}

select {
	margin: inherit;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

ol {
	*margin-left: 2em;
}

::-webkit-scrollbar {
	width: 5px;
	height: 8px;
	background-color: rgba(246, 248, 249, 1);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

::-webkit-scrollbar-thumb {
	background-color: var(--primary);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

::selection { 
    background:var(--primary); 
    color:var(--white); 
}

::-moz-selection { 
    background:var(--primary); 
    color:var(--white); 
}

html,
body {
	position: relative;
	width: 100%;
	height: auto;
	min-height: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	color: #333;
	line-height: 1.5;
}

html{
	font-size: 16px;
	overflow-x: hidden;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: '';
	clear: both;
	height: 0;
}

/* --------------------------------------------------------
	Summary: fonts css
	The author: Townsky
	The date: 2023-04-22
-----------------------------------------------------------*/

@font-face {
  font-family: 'iconfont';  /* Project id 4032594 */
  src: url('https://at.alicdn.com/t/c/font_4032594_zclsvht5xt.woff2?t=1682214351639') format('woff2'),
       url('https://at.alicdn.com/t/c/font_4032594_zclsvht5xt.woff?t=1682214351639') format('woff'),
       url('https://at.alicdn.com/t/c/font_4032594_zclsvht5xt.ttf?t=1682214351639') format('truetype');
}

.iconfont{
    font-family:"iconfont" !important;
    font-size:16px;
	font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}

.icon-close::before{
	content: '\e6c9';
}

.icon-download::before{
	content: '\e63b';
}

.icon-files::before{
	content: '\eac4';
}

.icon-mission::before{
	content: '\e611';
}

.icon-vision::before{
	content: '\e668';
}

.icon-categorize::before{
	content: '\e932';
}

.icon-gotop::before{
	content: '\e649';
}

.icon-backtop::before{
	content: '\e6c6';
}

.icon-wechat::before{
	content: '\e605';
}

.icon-address::before{
	content: '\e787';
}

.icon-email::before{
	content: '\e62e';
}

.icon-phone::before{
	content: '\e966';
}

.icon-whatsapp::before{
	content: '\ea08';
}

.icon-position::before{
	content: '\e675';
}

.icon-short-arrow::before{
	content: '\e639';
}

.icon-global::before{
	content: '\e9ee';
}

.icon-search::before{
	content: '\e65f';
}

.icon-facebook::before{
	content: '\e7ff';
}

.icon-twitter::before{
	content: '\e882';
}

.icon-instagram::before{
	content: '\e6fc';
}

.icon-linkedin::before{
	content: '\eab1';
}

.icon-youtube::before{
	content: '\ea07';
}

.icon-right::before{
	content: '\e603';
}

.icon-arrow::before{
	content: '\e88f';
}

@font-face {
	font-family: 'Montserrat-Bold';
	src: url('../fonts/Montserrat-Bold.eot');
	src: local('☺'), url('../fonts/Montserrat-Bold.woff') format('woff'),
		url('../fonts/Montserrat-Bold.ttf') format('truetype'),
		url('../fonts/Montserrat-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat-Light';
	src: url('../fonts/Montserrat-Light.eot');
	src: local('☺'), url('../fonts/Montserrat-Light.woff') format('woff'),
		url('../fonts/Montserrat-Light.ttf') format('truetype'),
		url('../fonts/Montserrat-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Montserrat-Regular';
	src: url('../fonts/Montserrat-Regular.eot');
	src: local('☺'), url('../fonts/Montserrat-Regular.woff') format('woff'),
		url('../fonts/Montserrat-Regular.ttf') format('truetype'),
		url('../fonts/Montserrat-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* --------------------------------------------------------
	Summary: Commone css
	The author: Townsky
	The date: 2023-04-22
-----------------------------------------------------------*/
:root {
	--primary: #e62129;
	--secondary: #111;
	--light: #eee;
	--dark: #333;
	--white: #fff;
	--block-bgcolor: #f8f8f8;
	--none: none;
}

.side-container {
	width: 88.5%;
	margin: 0 auto;
}

.full-container {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.container {
	max-width: 1240px;
	margin: 0 auto;
	position: relative;
}

img {
	display: block;
	width: 100%;
	height: auto;
}

.clamp2{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-wrap: break-word;
}

.imgbox {
	position: relative;
	overflow: hidden;
	background-color: var(--light);
}

.imgbox img{
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.img-block {
	display: block;
	width: 100%;
	height: auto;
}

.img-cover {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	object-fit: cover;
	height: 100%;
	width: 100%;
}

.trans-3 {
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
}

.trans-4 {
	transition: all .4s ease;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
}

.trans-5 {
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
}

.flex-between {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.flex-start {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
}

.flex-center {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.title{
	text-align: center;
	margin-bottom: 1.875rem;
}

.title span{
	font-size: 2.5rem;
	color: var(--secondary);
	position: relative;
	display: block;
	padding-bottom: 0.625rem;
}

.title span::after{
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 3.125rem;
	height: 0.1875rem;
	background-color: var(--primary);
	transform: translateX(-50%);
}

.read-more{
	text-align: center;
	margin-top: 2.5rem;
}

.read-more a{
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #ddd;
	width: 11.25rem;
	height: 3.125rem;
	border-radius: 3.125rem;
	margin: 0 auto;
}

.read-more a i{
	display: inline-block;
	margin-left: 0.625rem;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
}

.read-more a:hover{
	background-color: var(--primary);
	border: 1px solid var(--primary);
}

.read-more a:hover,
.read-more a:hover i{
	color: var(--white)!important;
}

/* breadcrumb */
.breadcrumb{
	display: flex;
	justify-content: flex-start;
}

.breadcrumb a,
.breadcrumb li{
	font-family: 'Montserrat-Light';
	color: var(--light);
}

.breadcrumb li{
	position: relative;
}

.breadcrumb li::after{
	content: '>';
	font-family: "agency fb",'Montserrat-Light', arial;
	opacity: .5;
	display: inline-block;
	padding: 0 0.625rem;
}

.breadcrumb li:last-child::after{
	content: '';
}

/* pagination */
.aiw-pagination{
	text-align: center;
	padding: 3.125rem 0 0;
}

.aiw-pagination span,
.aiw-pagination a{
	border: 1px solid #ddd;
	padding: 10px 15px;
	border-radius: 0.3125rem;
	-webkit-border-radius: 0.3125rem;
}

.aiw-pagination span.current{
	background-color: var(--primary);
	border: 1px solid var(--primary);
	color: var(--white);
}

/* search */
.search-side{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: var(--white);
	text-align: center;
	height: 0;
	overflow: hidden;
	transition: .1s ease;
	-webkit-transition: .1s ease;
}

.search-side.show{
	height: 85px;
}

.search-side form{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}

.search-bar{
	border: 1px solid #ddd;
	border-radius: 50px;
	box-sizing: border-box;
	padding: 0 1.25rem;
	width: 50%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.search-bar .search-ipt{
	width: 100%;
}

.search-ipt{
	height: 2.5rem;
	line-height: 2.5rem;
	padding: 0 1.25rem;
	font-family: 'Montserrat-Light';
}

.search-close{
	margin-left: 3.125rem;
	transition: .4s ease;
	-webkit-transition: .4s ease;
}

.search-close i{
	font-size: 2.25rem;
}

.search-close:hover{
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	cursor: pointer;
}

/* search page */
.search-box{
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
}

.search-form{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.search-title{
	width: 100%;
	text-align: center;
	color: var(--light);
	text-decoration: underline;
	font-size: 1.875rem;
	margin-bottom: 1.875rem;
}

.search-form .search-field{
	padding: 0 1.25rem;
	height: 3.125rem;
	border-radius: 50px 0 0 50px;
	-webkit-border-radius: 50px 0 0 50px;
	border-right: none;
	width: 25rem;
	background-color: var(--white);
}

.search-form .search-button{
	background-color: var(--white);
	height: 3.125rem;
	width: 3.75rem;
	border-radius: 0 50px 50px 0;
	cursor: pointer;
}

.results-box{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.results-box .search-item{
	margin-right: 1.25rem;
}

.results-box .search-term{
	display: inline-block;
}

/* floats */
.floats{
	position: fixed;
	right: 0;
	bottom: 30%;
	z-index: 300;
}

.floats a{
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	overflow: hidden;
	background-color: var(--primary);
	position: absolute;
	right: 0;
	top: 0;
}

.floats a:nth-of-type(2){
	top: 41px;
}

.floats a:nth-of-type(3){
	top: 82px;
}

.floats a:nth-of-type(4){
	top: 123px;
}

.floats a i{
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: var(--white);
	position: absolute;
	left: 0;
	top: 0;
	font-size: 1.375rem;
}

.floats a span{
	display: inline-block;
	height: 40px;
	line-height: 40px;
	position: absolute;
	right: -300px;
	left: 50px;
	color: var(--white);
}

.floats a:hover{
	width: 180px;
}

.floats a.gotop:hover{
	width: 40px;
}

/* action */
@keyframes printer{0%,100%,20%,40%,60%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{width: 0; opacity: 0;}1% { opacity: 1; }100%{width: 100% ;opacity: 1; }}

.printer{animation: printer 2s steps(100, end) forwards;overflow: hidden;white-space: nowrap;letter-spacing: 0;opacity: 0; }


/* cookies */
.cookies-ask{
	display: none;
	z-index: 9999;
	position: fixed;
	right: 0;
	bottom: 0;
	width: 100%;
	background-color: #fff;
	border-top: 1px solid #ddd;
	box-sizing: border-box;
	padding: 15px;
	text-align: center;
}

.cookies-ask p{
	font-family: 'Montserrat-Light';
}

.cookies-ask p a{
	color: #f69806;
	text-decoration: underline;
}

.cookies-btn{
	width: 100px;
	text-align: center;
	line-height: 40px;
	border-radius: 5px;
	display: inline-block;
	font-size: 0.9375rem;
	color: #333;
}

.cookies-btn:nth-of-type(1){
	border: 1px solid #ddd!important;
	color: #999;
	margin-right: 0.9375rem;
	margin-left: 0.9375rem;
}

.cookies-btn:last-child{
	color: #fff;
	margin-right: 0;
	background: -moz-linear-gradient(
	35.97% -16.69% -57.73deg,
	rgba(255, 216, 0, 1) 0%,
	rgba(253, 198, 2, 1) 7.1%,
	rgba(246, 152, 6, 1) 21.31%,
	rgba(236, 78, 12, 1) 41.11%,
	rgba(230, 35, 16, 1) 51.99%
	);
	background: -webkit-linear-gradient(
	-57.73deg, 
	rgba(255, 216, 0, 1) 0%, 
	rgba(253, 198, 2, 1) 7.1%, 
	rgba(246, 152, 6, 1) 21.31%,
	rgba(236, 78, 12, 1) 41.11%,
	rgba(230, 35, 16, 1) 51.99%);
	background: -webkit-gradient(
	linear,
	35.97% -16.69%, 126.57% 413.81%, 
	color-stop(0, rgba(255, 216, 0, 1)), 
	color-stop(0.071, rgba(253, 198, 2, 1)), 
	color-stop(0.2131, rgba(246, 152, 6, 1)), 
	color-stop(0.4111, rgba(236, 78, 12, 1)), 
	color-stop(0.5199, rgba(230, 35, 16, 1))
	);
	background: -o-linear-gradient(
	-57.73deg,
	rgba(255, 216, 0, 1) 0%,
	rgba(253, 198, 2, 1) 7.1%,
	rgba(246, 152, 6, 1) 21.31%,
	rgba(236, 78, 12, 1) 41.11%,
	rgba(230, 35, 16, 1) 51.99%
	);
	background: -ms-linear-gradient(
	-57.73deg, 
	rgba(255, 216, 0, 1) 0%,
	rgba(253, 198, 2, 1) 7.1%,
	rgba(246, 152, 6, 1) 21.31%,
	rgba(236, 78, 12, 1) 41.11%,
	rgba(230, 35, 16, 1) 51.99%
	);
}

/* --------------------------------------------------------
	Summary: Home css
	The author: Townsky
	The date: 2023-04-22
-----------------------------------------------------------*/
/* header */
header {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 900;
	width: 100%;
	display: flex;
	align-items: center;
	transition: all .5s;
}

.m-header{
	display: none;
}

.header:hover,
.header.on,
.header.scroll-down{
	background-color: var(--white);
	box-shadow: 0px 1px 10px rgba(0, 0, 0, .06);
}

.header:hover .header-nav ul li a,
.header:hover .header-side i,
.header.scroll-down .header-nav ul li a,
.header.scroll-down .header-side i,
.header.on .header-nav ul li a,
.header.on .header-side i{
	color: var(--secondary);
}

.header-mark{
	position: absolute;
	width: 100%;
	height: 0;
	left: 0;
	top: 0;
	z-index: 400;
	pointer-events: none;
	background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
}

.header-mark.show{
	height: 200%;
}

.logo {
	height: 40px;
	width: auto;
}

.logo img {
	width: auto;
	height: 100%;
}

.logo img:last-child{
	display: none;
}

.header:hover .logo img:first-child,
.header.on .logo img:first-child,
.scroll-down .logo img:first-child{
	display: none;
}

.header:hover .logo img:last-child,
.header.on .logo img:last-child,
.scroll-down .logo img:last-child{
	display: block!important;
}

.header-nav ul {
	display: flex;
	justify-content: flex-start;
}

.header-nav ul li.active > a{
	color: #E62129!important;
}

.header-nav ul li > a {
	position: relative;
	text-transform: uppercase;
	color: var(--white);
	display: inline-block;
	margin: 0 1.25rem;
	height: 5.3125rem;
	line-height: 5.3125rem;
}

/* .header-nav ul li a.on{
	color: #E62129!important;
} */

.header-side > div{
	position: relative;
	height: 5.3125rem;
	margin-left: 1.25rem;
	line-height: 5.3125rem;
}

.header-side > div.search{
	padding-left: 1.25rem;
}

.header-side > div::after{
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: 18px;
	margin-top: -9px;
	background-color: var(--light);
}

.header-side > div:first-child:after{
	width: 0;
}

.header-side i{
	color: var(--white);
	font-size: 1.25rem;
}

.language:hover .language-box{
	display: block;
}

.language-box{
	padding: 15px 0;
	position: absolute;
	top: 100%;
	left: 50%;
	width: 150px;
	margin-left: -75px;
	box-sizing: border-box;
	display: none;
	background-color: var(--white);
}

.language-box a{
	display: block;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: var(--secondary);
}

.language-box a.active{
	color: var(--primary);
}

.language i:hover{
	cursor: pointer;
	display: block;
}

.head-padding{
	margin-top: 85px;
}

/* submenu */
.submenu{
	position: absolute;
	left: 0;
	width: 100%;
	background-color: var(--white);
	border-top: 1px solid var(--light);
	padding: 2.5rem 0;
	display: none;
}

.submenu-box{
	box-sizing: border-box;
	margin: 0 -1.25rem;
	align-items: flex-start;
}

.submenu-box li{
	width: 25%;
	padding: 0 1.25rem;
	box-sizing: border-box;
}

.submenu-box .menu-img{
	position: relative;
	margin-bottom: 1.25rem;
	background-color: var(--light);
}

.submenu-box .menu-img img:first-child{
	left: 50%!important;
	top: 50%!important;
	width: 50%!important;
	height: auto!important;
	transform: translate(-50%,-50%);
}

.submenu-box li h2{
	position: relative;
	padding-bottom: 1.25rem;
	margin-bottom: 0.9375rem;
	font-size: 1rem;
}

.submenu-box li h2::before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 0.0625rem;
	border-bottom: 1px solid var(--light);
}


.submenu-box li h2::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 0.0625rem;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
}

.submenu-box li h2:hover::after{
	width: 100%;
	border-bottom: 1px solid var(--primary);
}

.submenu-box li p a{
	font-family: 'Montserrat-Light';
	height: 1.875rem;
	line-height: 1.875rem;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

/* banner */
.banner {
	position: relative;
	overflow: hidden;
	height: 100vh;
}

.home-banner{
	height: 100%;
}

.home-banner .banner-text{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	z-index: 500;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.banner-content{
	width: 50%;
}

.home-banner .banner-text h3{
	color: var(--white);
	font-size: 2.5rem;
	margin-bottom: 0.9375rem;
}

.home-banner .banner-text p{
	color: var(--light);
	font-size: 1rem;
	margin-bottom: 1.875rem;
	display: block;
}

.home-banner .banner-text a{
	display: inline-block;
	background-color: var(--white);
	padding: 10px 30px;
	border-radius: 30px;
}

.banner-switch{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 1.25rem;
	height: 3.125rem;
}

.banner-switch .container{
	position: relative;
}

.banner-switch .swiper-button-next{
	right: 0;
	left: auto;
}

.banner-switch .swiper-button-prev{
	right: 50px;
	left: auto;
}

.banner-switch .swiper-button-prev,
.banner-switch .swiper-button-next{
	background-color: var(--white);
	color: var(--secondary);
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 100%;
}

.banner-switch .swiper-button-prev:hover,
.banner-switch .swiper-button-next:hover{
	background-color: var(--primary);
	color: var(--white);
}

.banner-switch .swiper-button-prev::after,
.banner-switch .swiper-button-next::after{
	font-size: 1.125rem;
}

.roll-icon{
	position: absolute;
	left: 0;
	top: 50%;
	height: var(--swiper-navigation-size);
	margin-top: calc( 0px - (var(--swiper-navigation-size)/ 2));
	width: 1.5rem;
	height: 2.5rem;
	border: 1px solid rgba(255,255,255,.6);
	border-radius: 50px;
	z-index: 100;
}

.roll-icon i{
	width: 2px;
	height: 8px;
	position: absolute;
	top: 20%;
	left: 50%;
	transform: translateX(-50%);
	background: var(--white);
	animation: Jumping 1500ms infinite ease-in-out;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

@keyframes Jumping{0%{top: 20%;} 50%{top: 50%;}100%{top: 20%;}}

.roll-tips{
	position: absolute;
	top: 50%;
	left: 2.8125rem;
	margin-top: -0.6875rem;
	z-index: 100;
	color: var(--light);
	font-family: 'Montserrat-Light';
	font-size: 0.75rem;
}

/* core */
.core{
	background: url(../images/core-bg.jpg) no-repeat;
	background-size: cover;
	padding: 6.25rem 0;
	text-align: center;
}

.core-title{
	color: var(--primary);
}

.core-content{
	font-size: 1.875rem;
	padding: 1.25rem 0;
	width: 80%;
	margin: auto;
}

.core-summary{
	font-family: 'Montserrat-Light';
	color: #666;
}

/* products */
.products{
	padding: 5rem 0;
}

.products-box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	box-sizing: border-box;
}

.products-box .left{
	width: calc(40% - 30px);
	box-sizing: border-box;
	position: relative;
}

.categorize-box{
	background-color: var(--block-bgcolor);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}

.categorize-box a{
	display: block;
	height: 100%;
	box-sizing: border-box;
	padding: 3.125rem 2.5rem;
}

.categorize-box a:hover .categorize-more{
	background-color: var(--primary);
	border: 1px solid var(--primary);
	color: var(--white);
}

.categorize-box a:hover .categorize-more i{
	color: var(--white);
}

.categorize-box a:hover .categorize-img{
	transform: translateY(-0.625rem);
}

.products-box .right{
	width: 60%;
}

.categorize-01,
.categorize-02{
	position: relative;
}

.categorize-03{
	margin-top: 30px;
}

.categorize-03 ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.categorize-03 ul li{
	width: calc( 50% - 15px);
	position: relative;
}

.categorize-01{
	text-align: center;
}

.categorize-01 .categorize-title{
	font-size: 1.625rem;
	width: 60%;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 3.125rem;
}

.categorize-02 .categorize-title{
	width: 50%;
}

.categorize-title{
	font-size: 1.625rem;
	width: 60%;
	margin-bottom: 3.125rem;
}

.categorize-more{
	font-family: 'Montserrat-Light';
	text-transform: uppercase;
	border: 1px solid #ddd;
	padding: 0.625rem 1.75rem;
	display: inline-block;
	border-radius: 1.875rem;
}

.categorize-02 .categorize-img{
	position: absolute;
	right: 5%;
	bottom: 5%;
	width: 16.25rem;
}

.categorize-03 .categorize-title,
.categorize-04 .categorize-title{
	width: 100%;
	min-height: 5.625rem;
}

.categorize-03 .categorize-more,
.categorize-04 .categorize-more{
	width: 2.625rem;
	height: 2.625rem;
	line-height: 2.625rem;
	text-align: center;
	padding: 0;

}

.categorize-03 .categorize-img,
.categorize-04 .categorize-img{
	position: absolute;
	right: 0;
	bottom: -1.25rem;
	width: 16.25rem;
}

/* about */
.about{
	padding: 5rem 0;
	background-color: #f8f8f8;
}

.about-top{
	margin-bottom: 3.125rem;
	align-items: flex-start;
}

.about-top .left,
.about-bottom .left{
	width: 30%;
}

.about-top .right,
.about-bottom .right{
	width: 65%;
}

.about-top .title{
	text-align: left;
}

.about-top .title span::after{
	left: 0;
	transform: translateX(0);
}

.about-top .right h2{
	font-size: 1.875rem;
	margin-bottom: 1.25rem;
}

.about-top .right p{
	font-family: 'Montserrat-Light';
	font-size: 1.125rem;
}

.about-data li{
	border-bottom: 1px solid var(--light);
	padding: 1.25rem 0;
}

.about-number{
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.about-number span{
	font-size: 2.125rem;
	color: var(--secondary);
	display: inline-block;
	line-height: 2.5rem;
}

.about-number sup{
	display: inline-block;
	font-size: 0.9375rem;
	color: var(--secondary);
	margin-left: 0.625rem;
}

.about-number sup.percent{
	font-size: 0.75rem;
}

.about-summary{
	font-family: 'Montserrat-Light';
}

.about-bottom{
	align-items: flex-end;
}

/* news */
.news{
	padding: 5rem 0;
}

.news-title{
	font-size: 2.5rem;
	color: var(--secondary);
	border-bottom: 1px solid var(--light);
}

.news-nav{
	padding: 1.875rem 0;
}

.news-nav ul{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.news-nav ul li{
	border:1px solid var(--light);
	padding: 0.75rem 2.25rem;
	margin-right: 0.9375rem;
	border-radius: 3.125rem;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
}

.news-nav{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.news-nav ul{
	width: calc( 100% - 130px);
}

.news-nav ul li:hover{
	cursor: pointer;
}

.news-nav ul li.active{
	border: 1px solid var(--primary);
	background-color: var(--primary);
	color: var(--white);
}

.news-block{
	display: none;
}

.news-block.active{
	display: block;
}

.news-switch{
	position: relative;
	width: 7.5rem;
}

.news-switch .swiper-button-prev,
.news-switch .swiper-button-next{
	background-color: var(--light);
	color: var(--secondary);
	width: 2.8125rem;
	height: 2.8125rem;
	border-radius: 100%;
}

.news-switch .swiper-button-prev::after,
.news-switch .swiper-button-next::after{
	font-size: 1.25rem;
}

.news-box a{
	display: block;
	box-sizing: border-box;
	position: relative;
}

.news-box a .n-img{
	position: relative;
	left: 0;
	top: 0;
	z-index: 10;
	transition: all .6s ease;
}

.news-box a .n-img::after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background-color: var(--secondary);
	opacity: .6;
	transition: all .5s;
	-webkit-transition: all .5s;
}

.news-box a:hover *{
	color: var(--primary);
}

.news-box a:hover .n-img::after{
	opacity: 0;
}

.n-text{
	position: relative;
	left: 0;
	top: 0;
	z-index: 100;
	width: 100%;
	box-sizing: border-box;
	padding-top: 0.9375rem;
}

.news-box a .n-img::after{
	opacity: .3;
}

.n-date{
	font-size: 0.875rem;
	color: var(--primary);
}

.n-title{
	font-size: 1rem;
	height: auto;
	margin-bottom: 0.625rem;
	height: 3rem;
}

.n-summary{
	display: none;
}

.news-scrollbar{
	height: 3.75rem;
	position: relative;
	box-sizing: border-box;
}

.news-scrollbar .swiper-scrollbar{
	left: 0!important;
	height: 1px!important;
	width: 100%!important;
}

.news-scrollbar .swiper-scrollbar-drag{
	background: var(--primary);
}


/* footer */
footer {
	border-top: 3px solid var(--primary);
	background-color: var(--secondary);
	padding: 3.125rem 0;
}

.footer-slogan{
	display: flex;
	align-items: center;
	justify-content: flex-start;
	border-bottom: 1px solid #222;
	padding-bottom: 1.25rem;
	margin-bottom: 1.875rem;
}

.footer-slogan img{
	display: block;
	width: auto;
	height: 2.5rem;
}

.footer-slogan span{
	color: var(--white);
	display: inline-block;
	margin-left: 1.875rem;
	font-family: 'Montserrat-Light';
}

.footer-menu{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}

.footer-menu .left{
	width: 75%;
}

.footer-nav{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
}

.footer-nav li{
	width: 33.33%;
}

.footer-navbox{
	margin-bottom: 1.875rem;
}

.footer-nav h3{
	color: var(--white);
	font-size: 1rem;
	margin-bottom: 0.625rem;
}

.footer-nav a{
	font-family: 'Montserrat-Light';
	display: block;
	color: var(--light);
	height: 1.875rem;
	line-height: 1.875rem;
}

.footer-menu .right{
	width: 18.75rem;
}

.footer-side a{
	position: relative;
	display: block;
	margin-bottom: 0.25rem;
}

.footer-side a::after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background-color: rgba(0,0,0,0.6);
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
}

.footer-side a:hover::after{
	background-color: rgba(0,0,0,0.1);
}

.footer-side a p{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	padding: 1.25rem;
	color: #fff;
	z-index: 100;
	font-size: 1.125rem;
}

.footer-tips{
	font-family: 'Montserrat-Light';
	color: var(--light);
	font-size: 0.875rem;
}

.footer-contact{
	margin-top: 0.9375rem;
}

.footer-contact a{
	display: block;
	height: 3.75rem;
	line-height: 3.75rem;
	background-image: linear-gradient(90deg, #d77515 10%, #d71518 60%, #d77515);
	background-position: left center;
	background-size: 200% 100%;
	background-repeat: no-repeat;
	text-align: center;
	font-size: 1.125rem;
	color: var(--white);
	text-transform: uppercase;
	transition: all .5s;
}

.footer-contact a:hover{
	background-position: right center;
	color: var(--white)!important;
}

.social-media{
	padding: 1.875rem 0 2.5rem;
}

.social-media a{
	display: inline-block;
	background-color: #3a3a3a;
	width: 2.625rem;
	height: 2.625rem;
	line-height: 2.625rem;
	border-radius: 100%;
	margin-right: 0.625rem;
	text-align: center;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
}

.social-media a i{
	color: #c5cad8;
	font-size: 1.25rem;
}

.social-media a:hover{
	background-color: var(--primary);
}

.social-media a:hover i{
	color: var(--white);
}

.copyright span,.copyright a{
	color: var(--light);
	font-family: 'Montserrat-Light';
	font-size: 0.75rem;
}


/* --------------------------------------------------------
	Summary: page css
	The author: Townsky
	The date: 2023-04-22
-----------------------------------------------------------*/
.page-banner{
	position: relative;
	overflow: hidden;
	max-height: 530px;
}

.page-banner::after{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 50%;
	background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
}

.banner-title{
	font-size: 1.25rem;
	text-transform: uppercase;
	color: var(--white);
	font-family: 'Montserrat-Light';
	position: relative;
	padding-bottom: 0.625rem;
	margin-bottom: 0.9375rem;
}

.banner-title:after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 1.875rem;
	height: 0.125rem;
	background-color: var(--primary);
}

.banner-summary{
	font-weight: 700;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 99;
	width: 100%;
	padding-bottom: 2%;
}

.banner-slogan,
.banner-slogan p{
	font-size: 2.5rem;
	color: var(--white);
	line-height: 1.2;
}

.banner-slogan{
	margin-bottom: 10%;
}

.page-content{
	position: relative;
	padding: 5rem 0;
}

.bgf8{
	background: #f8f8f8;
}

/* channel */
.channel-title{
	font-size: 1.875rem;
	margin-bottom: 1.25rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.channel-more i{
	border: 2px solid #ddd;
	border-radius: 100%;
	width: 1.875rem;
	height: 1.875rem;
	line-height: 1.875rem;
	text-align: center;
	display: inline-block;
	margin-left: 0.3125rem;
	-webkit-transform: rotate(-48deg); 
	transform: rotate(-48deg);
	transition: all .3s;
}

.channel-more a:hover i{
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	border: 2px solid var(--primary);
	color: var(--primary);
}

.channel-box{
	margin-bottom: 2.5rem;
}

.channel-box:last-child{
	margin-bottom: 0;
}

.channel-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	margin: 0 -0.9375rem;
}

.channel-list li{
	width: 33.33%;
	padding: 0 0.9375rem;
	margin-bottom: 1.875rem;
	box-sizing: border-box;
}

.channel-list li a{
	position: relative;
	display: block;
}

.channel-list li .imgbox{
	box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.06);
	background: var(--white);
}

.channel-list li .imgbox img.img-cover{
	max-width: 60%;
	max-height: 60%;
	margin: auto;
	transform: translateY(-20%);
	transition: all .2s;
}

.channel-text{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	bottom: 0;
	overflow: hidden;
}

.channel-summary{
	position: absolute;
	left: 5%;
	bottom: 0;
	width: 90%;
    transform: translateY(30%);
	transition: all 0.3s ease;
}

.channel-summary h3{
	font-size: 1.125rem;
	padding-bottom: 0.625rem;
	position: relative;
}

.channel-summary p{
	font-family: 'Montserrat-Light';
	font-size: 0.875rem;
	margin-bottom: 1.25rem;
}

.channel-summary .viewmore{
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 2px solid var(--primary);
	padding: 3% 0;
	opacity: 0;
	transition: all 0.3s ease;
}

.channel-summary .viewmore span,
.channel-summary .viewmore i{
	color: var(--primary);
}

.channel-list li a:hover img.img-cover{
	transform: translateY(-30%) scale(.8);
}

.channel-list li a:hover .channel-summary{
	 transform: translateY(-10%);
}

.channel-list li a:hover .channel-summary .viewmore{
	opacity: 1;
}

/* categorys */
.categorys ul{
	display: flex;
	justify-content: flex-start;
	border-bottom: 1px solid var(--light);
}

.categorys ul li{
	margin-right: 1.5625rem;
}

.categorys ul li a{
	display: inline-block;
	padding-bottom: 1.25rem;
	position: relative;
}

.categorys ul li a::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: -1px;
	height: 1px;
	width: 0;
	background-color: var(--primary);
	transition: all .5s;
}

.categorys ul li.current-cat a{
	font-weight: 700;
	color: var(--primary);
}

.categorys ul li.current-cat a::after,
.categorys ul li a:hover::after{
	width: 100%;
}

/* article list */
.article-list{
	margin-top: 2.5rem;
}

.article-list ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	margin: 0 -1.25rem;
}

.article-list ul li{
	width: 33.33%;
	box-sizing: border-box;
	padding: 0 1.25rem;
	margin-bottom: 1.875rem;
}

.article-summary{
	position: relative;
	padding: 1.875rem 1.25rem;
	box-sizing: border-box;
}

.article-summary::after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: var(--light);
	padding: 0;
	width: 100%;
	height: 0;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	z-index: 0;
}

.article-summary .cats{
	font-family: 'Montserrat-Light';
	display: block;
	margin-bottom: 0.9375rem;
	color: var(--primary);
	position: relative;
	z-index: 2;
}

.article-summary .list-title{
	font-size: 1.25rem;
	position: relative;
	z-index: 2;
	height: 3.75rem;
}

.article-date{
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: var(--light);
	padding: 0.9375rem 1.25rem;
}

.article-date i{
	display: inline-block;
	width: 2.1875rem;
	height: 2.1875rem;
	line-height: 2.1875rem;
	text-align: center;
	border-radius: 100%;
	border: 1px solid var(--primary);
	color: var(--primary);
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transition: all .3s;
}

.article-list ul li a:hover .article-date i{
	transform: rotate(0);
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	background-color: var(--primary);
	color: var(--white);
}

.article-list ul li a:hover .article-summary::after{
	height: 100%;
}

.article-list ul li a:hover .imgbox img{
	-webkit-transform: scale(1.04);
	transform: scale(1.04);
}

/* contact */
.contact-box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}

.contact-box .left,
.contact-box .right{
	width: 49%;
}


.contact-box .right{
	background-color: #f7f7f7;
	box-sizing: border-box;
	padding: 1.875rem;
}

.contact-box .right .wpforms-field-container{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}

.contact-box .right .wpforms-field-container .wpforms-field{
	width: 48%;
	box-sizing: border-box;
	margin-bottom: 1.25rem;
}

.contact-box .right .wpforms-field-container .wpforms-field label{
	display: block;
	margin-bottom: 0.3125rem;
}

.contact-box .right .wpforms-field-container .wpforms-field input{
	background-color: var(--white);
	border: 1px solid var(--light);
	width: 100%;
	padding: 0.75rem 0.625rem;
	box-sizing: border-box;
}

.contact-box .right .wpforms-field-container .wpforms-field textarea{
	background-color: var(--white);
	border: 1px solid var(--light);
	width: 100%;
	padding: 0.75rem 0.625rem;
	box-sizing: border-box;
	height: 7.5rem;
}

.contact-box .right .wpforms-field-container .wpforms-field:last-child{
	width: 100%;
}

.contact-box .right .wpforms-submit-container .wpforms-submit{
	background-color: var(--primary);
	color: var(--white);
	padding: 0.75rem 1.875rem;
	transition: all .5s;
}

.contact-box .right .wpforms-submit-container .wpforms-submit:hover{
	background-color: var(--secondary);
}

.contact-title{
	font-size: 2rem;
	position: relative;
	margin-bottom: 1.875rem;
	padding-bottom: 0.9375rem;
}

.contact-title::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 3.125rem;
	height: 0.1875rem;
	background-color: var(--primary);
}

.contact-info{
	padding-right: 5%;
}

.contact-info li{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	border-bottom: 1px solid var(--light);
	padding: 1.25rem 0;
}

.contact-info li i{
	font-size: 1.875rem;
	border: 1px solid #ddd;
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
	text-align: center;
	border-radius: 100%;
	padding: 0.3125rem;
	margin-right: 1.25rem;
}

.contact-text{
	width: calc(100% - 120px);
}

.contact-info li span{
	font-family: 'Montserrat-Light';
	color: #999;
}

.contact-info li:hover p{
	color: var(--primary);
}

/* article content */
.article-content{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}

.article-content .left{
	width: calc(100% - 350px);
	background-color: var(--white);
	padding: 3%;
	box-sizing: border-box;
}

.article-title{
	font-size: 1.625rem;
	border-bottom: 2px solid var(--secondary);
	padding-bottom: 1.25rem;
	margin-bottom: 1.25rem;
	box-sizing: border-box;
	padding-right: 5%;
}

.article-info{
	margin-bottom: 2.5rem;
}

.article-info span{
	display: inline-block;
	font-family: 'Montserrat-Light';
	border-radius: 50px;
	border: 1px solid var(--light);
	padding: 0.625rem 1.25rem;
	margin-right: 0.625rem;
}

.article p{
	font-family: arial;
	margin-bottom: 0.9375rem;
	font-size: 1.125rem;
	overflow: hidden;
}

.article h1,
.article h2,
.article h3,
.article h4,
.article h5{
	margin-bottom: 0.625rem;
	position: relative;
	color: var(--secondary);
}

.article h2{
	font-size: 1.875rem;
}

.article h3{
	font-size: 1.125rem;
}

.article ul{
	list-style: decimal-leading-zero!important;
}

.article ul li{
	list-style: decimal-leading-zero!important;
	font-family: arial;
	margin-bottom: 0.9375rem;
	font-size: 1.125rem;
	overflow: hidden;
}

.article a{
	text-decoration: underline;
	font-family: arial;
	color: var(--primary);
	font-size: 1.125rem;
}

.article .wp-block-image{
	margin-bottom: 0.9375rem;
}

.article .wp-element-caption{
	font-size: 0.875rem;
	padding: 10px 0;
	text-align: center;
	font-family: 'Montserrat-Light';
	color: #999;
}

.article .has-text-align-right{
	text-align: right;
}

.article-content .right{
	width: 18.75rem;
	/* background-color: var(--white); */
	position: sticky;
	top: 7.5rem;
}

.side-box{
	position: relative;
}

.side-box .side-title{
	font-size: 1.125rem;
}

.recommend-list li{
	border-bottom: 1px solid var(--light);
	padding: 0.9375rem 0;
}

.recommend-title{
	margin-top: 0.625rem;
	transition: all .3s;
}

.recommend-list li a:hover .recommend-title{
	color: var(--primary);
}

.recommend-list li:hover .imgbox img{
	-webkit-transform: scale(1.04);
	transform: scale(1.04);
}

.article-nav{
	border-top: 1px solid var(--light);
	margin-top: 2.5rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.article-nav li{
	box-sizing: border-box;
	padding: 1.5625rem 0;
	width: 48%;
}

.article-nav li a{
	font-size: 1rem;
	height: 2.71875rem;
	display: block;
}

.article-nav li span{
	color: #999;
	display: block;
	font-family: 'Montserrat-Light';
	margin-bottom: 0.3125rem;
}

/* product content */
.product-content .breadcrumb a,
.product-content .breadcrumb li{
	color: var(--secondary);
}

.product-top{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 2.5rem;
}

.product-top .left{
	width: 50%;
}

.product-top .left{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.product-top .left .product-small{
	width: 15%;
}

.product-top .left .product-small .small-item{
	margin-bottom: 5px;
	position: relative;
}

.product-top .left .product-small .small-item.active{
	border: 1px solid var(--primary);
}

.product-top .left .product-thumb{
	width: calc(80% - 10px);
}

.product-top .right{
	width: 45%;
}

.product-title{
	font-size: 1.625rem;
	margin-bottom: 1.875rem;
}

.product-summary{
	font-family: 'Montserrat-Light';
	font-size: 1rem;
	margin-bottom: 1.875rem;
	height:  12.1875rem;
	overflow: hidden;
	text-overflow: ellipsis;
}

.product-btns{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.product-btns a{
	width: 45%;
	background-color: var(--primary);
	color: var(--white);
	margin-right: 0.9375rem;
	height: 3.25rem;
	line-height: 3.25rem;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 0.3125rem;
	-webkit-border-radius: 0.3125rem;
}

.product-btns a:last-child{
	margin-right: 0;
	background-color: var(--secondary);
}

.product-btns a i{
	color: var(--white);
	font-size: 1.625rem;
	margin-right: 0.625rem;
}

.product-btns a:hover{
	color: var(--white)!important;
	transform: translateY(-5px);
}

.get-quote{
	margin-top: 1.25rem;
	margin-bottom: 1.25rem;
}

.get-quote a{
	text-decoration: underline;
	text-transform: uppercase;
}

.product-bottom{
	padding: 3.75rem 0 0;
}

.details-box{
	border-top: 1px solid #ddd;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.details-box .left{
	width: 22%;
	position: sticky;
	top: 100px;
}

.details h2{
	font-size: 1.375rem;
	position: relative;
	margin-bottom: 0.9375rem;
	border-bottom: 1px solid var(--light);
	padding: 10px 0 10px 15px;
}

.details h3::after,
.details h2::after{
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 5px;
	height: 18px;
	transform: translateY(-50%);
	background-color: var(--primary);
}

.details h3{
	font-size: 1.25rem;
	position: relative;
	margin-bottom: 0.9375rem;
	border-bottom: 1px solid var(--light);
	padding: 10px 0 10px 15px;
}

.details table{
	width: 100%;
	margin-bottom: 0.9375rem!important;
}

.details .model-table table{
	width: auto;
	margin: auto;
}

.details .model-table table tr,
.details .model-table table tr:nth-of-type(2n){
	background-color: var(--none)!important;
}

.details .model-table table tr td{
	text-align: center;
	border-bottom: 1px solid #e6e7f1;
	padding: 10px;
}

.details .model-table table tr:nth-of-type(1) td{
	text-decoration: underline;
	font-size: 1.75rem;
}

.details .wp-element-caption{
	text-align: center;
	padding: 0.625rem 0;
}

.details .selection-table table thead tr{
	background-color: #798299;
}

.details .selection-table table thead tr th{
	padding: 0.9375rem;
	color: var(--white);
	font-size: 1rem;
}

.details .selection-table table tr td{
	border-bottom: 1px solid #e6e7f1;
	padding: 10px;
	
}

.details .selection-table table tr td:nth-of-type(1){
	width: 10%;
	text-align: center;
}

.details .selection-table table tr td:nth-of-type(2){
	width: 20%;
}

.details .selection-table table tr{
	background-color: var(--white);
}

.details .selection-table table tr:nth-of-type(2n){
	background-color: #f6f7fa!important;
}

.details ul{
	list-style: decimal-leading-zero!important;
	padding-left: 2.1875rem;
}

.details ul li{
	margin-bottom: 0.9375rem;
	font-size: 1rem;
	font-family: 'Montserrat-Light';
	position: relative;
}

.details ul li::after{
	content: '';
	position: absolute;
	left: -2.1875rem;
	top: 0;
	width: 0.3125rem;
	height: 0;
	background-color: var(--light);
	transition: all .5s;
}

.details ul li:hover::after{
	height: 100%;
}

/* download-list */
.download-list li{
	border: 1px solid #ddd;
	margin-bottom: 0.625rem;
	padding: 1.5625rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}

.download-list li .download-box{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
}

.download-list li .download-box i{
	font-size: 3.125rem;
	margin-right: 0.9375rem;
	color: #666;
}

.download-list li a{
	border: 1px solid #ddd;
	padding: 0.625rem 1.25rem;
}

.download-list li a:hover{
	background-color: var(--primary);
	border: 1px solid var(--primary);
	color: var(--white)!important;
}

.download-list li a:hover i{
	color: var(--white)!important;
	transition: all .4s;
	-webkit-transition: all .4s;
}

.download-list li a i{
	margin-right: 0.625rem;
}

.download-info p{
	font-family: 'Montserrat-Light';
	color: #999;
}


.product-cats ul{
	box-sizing: border-box;
	padding: 5%;
}

.product-cats ul li{
	padding: 0.3125rem 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.product-cats ul li a{
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	background: url(../images/right.svg) no-repeat right center;
	background-size: 20px;
	padding: 5px 0;
}

.product-cats ul li i{
	font-size: 1.375rem;
}

.product-cats ul li a:hover{
	text-decoration: underline;
}

.product-hots{
	padding: 5%;
}

.product-hots h3{
	font-size: 1rem;
	margin-bottom: 0.9375rem;
}

.product-hots ul li a{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	border-bottom: 1px solid #ddd;
	padding: 10px 0;
}

.product-hots ul li:last-child a{
	border-bottom: none;
}

.product-hots ul li a:hover h4{
	color: var(--primary);
}

.product-hots ul li .imgbox{
	width: 60px;
	height: auto;
}

.product-hots ul li h4{
	width: calc(100% - 80px);
	font-family: 'Montserrat-Light';
}

.details-box .right{
	width: 75%;
}

.details-title{
	position: sticky;
	top: 85px;
	z-index: 80;
}

.details-title span{
	position: relative;
	display: inline-block;
	padding: 20px 0;
	font-size: 1rem;
	margin-right: 1.25rem;
}

.details-title span:hover{
	cursor: pointer;
}

.details-title span:last-child{
	margin-right: 0;
}

.details-title span::after{
	content: '';
	position: absolute;
	top: -1px;
	left: 0;
	width: 100%;
	height: 0px;
	background-color: var(--primary);
}

.details-title span.active::after{
	height: 2px;
}

.details-content{
	position: relative;
}

.details p{
	font-family: arial;
	margin-bottom: 0.9375rem;
	font-size: 1.125rem;
}

.faqs-box{
	border: 1px solid #ddd;
	margin-bottom: 0.625rem;
}

.faqs-title{
	font-size: 1.25rem;
	margin-bottom: 0.9375rem;
}

.faqs-box h3{
	padding: 0.9375rem;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.faqs-box h3:hover{
	cursor: pointer;
}

.faqs-box h3 i{
	font-size: 0.625rem;
	margin-right: 0.625rem;
}

.faqs-box .faqs-content{
	font-family: 'Montserrat-Light';
	padding: 0 0.9375rem 0.9375rem 2.5rem;
}

/* related products */
.product-related{
	margin-top: 3.125rem;
}

.product-related h3{
	font-size: 1.25rem;
	text-transform: uppercase;
	border-bottom: 1px solid #ddd;
	padding-bottom: 0.9375rem;
}

.product-related ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	margin: 1.25rem -10px 0;
}

.product-related ul li{
	padding: 0 10px;
	text-align: center;
	width: 25%;
	box-sizing: border-box;
}

.product-related ul li.no-products{
	text-align: left;
	width: 100%;
}

.product-related ul li a{
	display: block;
	box-sizing: border-box;
	background-color: var(--white);
	padding: 0.9375rem;
}

.product-related ul li a:hover{
	box-shadow: 0px 10px 20px 0px rgba(0,0,0,.1);
}

.related-summary{
	padding-top: 0.625rem;
}

.related-summary span{
	font-family: 'Montserrat-Light';
	font-size: 0.75rem;
	opacity: .6;
	margin-bottom: 0.3125rem;
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

/* quote forms */
.quote-forms{
	margin-top: 3.125rem;
}

.quote-forms h3{
	font-size: 1.25rem;
	text-transform: uppercase;
	border-bottom: 1px solid #ddd;
	padding-bottom: 0.9375rem;
	margin-bottom: 1.25rem;
}

.quote-forms .wpforms-field-container{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.quote-forms .wpforms-field-container .wpforms-field{
	width: 48%;
	margin-bottom: 1.25rem;
}

.quote-forms .wpforms-field-container .wpforms-field:last-child{
	width: 100%;
}

.quote-forms .wpforms-field-container .wpforms-field-label{
	display: block;
	margin-bottom: 0.625rem;
}

.quote-forms .wpforms-field-container input,
.quote-forms .wpforms-field-container textarea{
	border: 1px solid #ddd;
	width: 100%;
	padding: 0.9375rem;
	box-sizing: border-box;
	border-radius: 5px;
}

.quote-forms .wpforms-field-container textarea{
	height: 200px;
}

.quote-forms .wpforms-submit-container button{
	background-color: var(--primary);
	color: var(--white);
	padding: 0.9375rem 1.875rem;
	border-radius: 5px;
}

.quote-forms #wpforms-336-field_1{
	pointer-events: none;
	color: #999;
}



/* lists */
.lists{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}

.lists .left{
	width: 22%;
}

.category{
	margin-bottom: 1.875rem;
}

.category-title{
	font-size: 1rem;
	margin-bottom: 0.9375rem;
}

.lists .left .product-hots{
	padding: 0;
}

.category-list li a{
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 15px;
	margin-bottom: 0.625rem;
	background: url(../images/right.svg) no-repeat 95% center;
	background-size: 20px;
}

.category-list li.current-cat a{
	background-color: #fff;
}

.category-list li.current-cat a::after{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	border-bottom: 10px solid transparent;
	border-right: 10px solid transparent;
	border-left: 10px solid #e60012;
}

.lists .right{
	width: 75%;
}

.lists .right .list-title{
	font-size: 1.25rem;
	border-bottom: 1px solid #ddd;
	padding-bottom: 0.9375rem;
	margin-bottom: 1.25rem;
}

.list-box{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	margin: 0 -0.625rem;
}

.list-box li{
	width: 33.33%;
	padding: 0 0.625rem;
	box-sizing: border-box;
	margin-bottom: 1.25rem;
}

.list-box li a{
	display: block;
	padding: 0.9375rem;
	background-color: var(--white);
}

.list-box li a:hover{
	box-shadow: 0px 10px 20px 0px rgba(0,0,0,.1);
}

.list-summary h2{
	height: 2.625rem;
}

/* about us */
.company-content{
	padding: 5rem 0;
	background-color: #f8f8f8;
}

.profile-text{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}

.profile-text .left{
	width: 45%;
}

.profile-text .right{
	width: 45%;
}

.profile-title{
	font-size: 2.25rem;
	margin-bottom: 1.875rem;
}

.profile-content p{
	font-size: 1.125rem;
	font-family: 'Montserrat-Light';
	margin-bottom: 0.9375rem;
}

.profile-text .about-data{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}

.profile-text .about-data li{
	padding: 0.625rem 0;
	box-sizing: border-box;
	width: 48%;
}

.culture-content{
	padding: 5rem 0;
}

.culture-box{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
}

.culture-title{
	padding: 8% 0 0;
}

.culture-title span{
	font-size: 2.25rem;
	position: relative;
	display: inline-block;
	padding-bottom: 0.625rem;
	box-sizing: border-box;
}

.culture-title span::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 3.125rem;
	height: 0.1875rem;
	background-color: var(--primary);
	z-index: 10;
}

.culture-title p{
	font-family: 'Montserrat-Light';
	padding-right: 30%;
	margin-top: 1.25rem;
	color: #999;
}

.culture-box li.c01{
	width: 50%;
}

.culture-box li{
	width: 25%;
	overflow: hidden;
	position: relative;
}

.culture-box li:nth-of-type(2){
	border-radius: 12px 0 0 0;
}

.culture-box li:nth-of-type(3){
	border-radius: 0 12px 0 0;
}

.culture-box li:nth-of-type(4){
	border-radius: 12px 0 0 12px;
}

.culture-box li:nth-of-type(3){
	background-color: #F8F8F8;
}

.culture-box li:nth-of-type(5){
	background-color: var(--primary);
}

.culture-box li:nth-of-type(5) *{
	color: var(--white);
}

.culture-box li:nth-of-type(6){
	border-radius: 0 0 12px 0;
}

.culture-text{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 3.125rem 1.875rem;
	position: relative;
}

.culture-text .c-title{
	font-size: 1.875rem;
	opacity: .6;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
}

.culture-text .c-title i{
	font-size: 1.875rem;
}

.culture-text .c-summary{
	position: absolute;
	left: 1.875rem;
	bottom: 3.125rem;
	width: calc(100% - 60px);
}

/* history */
.history-content{
	padding: 5rem 0;
	background: url(../images/bg3.jpg) no-repeat;
	background-size: cover;
}

.history-content .honor-title{
	margin-bottom: 1.875rem;
}

.history-content .honor-title span{
	color: var(--white);
}

.history-item{
	margin-bottom: 5rem;
}

.history-item::after{
	content: '';
	width: 100%;
	height: 2px;
	background: #424345;
	position: absolute;
	left: 0;
	top: 26px;
}

.history-year{
	overflow: hidden;
	cursor: pointer;
}

.history-year i{
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	margin: 20px 0;
	border: 2px solid #424345;
	background-color: #2d2e30;
}

.history-year span{
	color: var(--white);
	font-size: 1rem;
	opacity: .4;
}

.history-item .swiper-slide-thumb-active i{
	border: 2px solid var(--white);
	background-color: var(--primary);
}

.history-item .swiper-slide-thumb-active span{
	opacity: 1;
}

.history-summary{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}

.history-summary .imgbox{
	width: 35%;
	border-radius: 12px;
	overflow: hidden;
}

.history-summary .history-ti{
	width: 50%;
}

.history-summary .history-ti h3{
	font-size: 1.875rem;
	color: var(--white);
	position: relative;
	border-bottom: 2px solid #59595b;
	margin-bottom: 1.25rem;
	padding-bottom: 0.9375rem;
}

.history-summary .history-ti p{
	color: var(--white);
	font-family: 'Montserrat-Light';
	font-size: 1rem;
}

.history-nav{
	position: absolute;
	right: 0;
	bottom: 30px;
	width: 50%;
	z-index: 9999;
}

.history-nav .swiper-button-prev,
.history-nav .swiper-button-next{
	width: 45px;
	height: 45px;
	background-color: var(--white);
	border-radius: 50%;
	font-size: 1rem;
	transition: all .3s;
	-webkit-transition: all .3s;
}

.history-nav .swiper-button-prev{
	left: 0;
}

.history-nav .swiper-button-next{
	left: 60px;
}

.history-nav .swiper-button-next:after,
.history-nav .swiper-button-prev:after{
	font-size: 1rem;
	color: #888;
}

.history-nav > div:hover{
	background-color: var(--primary);
}

.history-nav > div:hover::after{
	color: var(--white);
}


/* honor */
.honor-content{
	padding: 5rem 0;
}

.honor-box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}

.honor-box .left{
	width: 50%;
}

.honor-title span{
	font-size: 2.25rem;
	position: relative;
	display: inline-block;
	padding-bottom: 0.625rem;
	box-sizing: border-box;
}

.honor-title span::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 3.125rem;
	height: 0.1875rem;
	background-color: var(--primary);
	z-index: 10;
}

.honor-title p{
	font-family: 'Montserrat-Light';
	padding-right: 30%;
	margin-top: 1.25rem;
	color: #999;
}

.honor-data{
	margin-top: 3.125rem;
	padding-right: 20%;
}

.honor-data li:first-child{
	border-top: 1px solid var(--light);
}

.honor-data li{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.9375rem 0;
	color: #999;
	font-family: 'Montserrat-Light';
	position: relative;
	border-bottom: 1px solid var(--light);
}

.honor-data li::after{
	content: '';
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 10px;
	height: 1px;
	background-color: var(--primary);
	transition: all .5s;
	-webkit-transition: all .5s;
}

.honor-data li span{
	font-size: 1.625rem;
}

.honor-data li span sup{
	font-family: 'Montserrat-Light';
	display: inline-block;
	padding-left: 0.3125rem;
}

.honor-data li:hover::after{
	width: 100%;
}

.honor-box .right{
	width: 45%;
}

.honor-box .right img{
	margin-top: 5.625rem;
}

.global-content{
	position: relative;
}

.global-data{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 5rem 0;
}

.global-data .container{
	height: 100%;
}

.global-title{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}

.title-main{
	width: 50%;
}

.title-main span{
	font-size: 2.25rem;
	position: relative;
	display: inline-block;
	padding-bottom: 0.625rem;
	box-sizing: border-box;
	color: var(--white);
}

.title-main span::after{
	content: "";
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 3.125rem;
	height: 0.1875rem;
	background-color: var(--primary);
	z-index: 10;
}

.title-summary{
	width: 50%;
	color: var(--white);
	font-family: 'Montserrat-Light';
}

.global-info{
	height: 100%;
	position: relative;
}

.global-item{
	width: 180px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	position: absolute;
}

.global-item:nth-of-type(1){
	top: 30%;
	left: 15%;
}

.global-item:nth-of-type(2){
	top: 20%;
	left: 45%;
}

.global-item:nth-of-type(3){
	top: 60%;
	left: 28%;
}

.global-item:nth-of-type(4){
	top: 45%;
	left: 50%;
}

.global-item:nth-of-type(5){
	top: 45%;
	left: 71%;
}

.global-item .global-num{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.global-item .global-num strong{
	font-size: 2.5rem;
	color: var(--white);
}

.global-item .global-num i{
	width: 10px;
	height: 40px;
	display: inline-block;
	background: var(--primary);
	transform: skewX(340deg);
	margin-right: 1.25rem;
}

.global-item .global-num sup{
	color: var(--white);
	font-size: 1.25rem;
	margin-left: 0.3125rem;
}

.global-item p{
	width: 100%;
	color: var(--white);
	padding-left: 1.875rem;
	font-family: 'Montserrat-Light';
}



/* --------------------------------------------------------
	Summary: media css
	The author: Townsky
	The date: 2023-04-22
-----------------------------------------------------------*/

@media screen and (max-width: 1400px) {
	
}
@media screen and (max-width: 1200px) {

}
@media screen and (max-width: 992px) {

}

@media screen and (max-width: 769px) {

}

@media screen and (max-width: 576px) {
	/* 576px */
	.container{
		padding: 0 5%;
	}
	
	.header,
	.floats{
		display: none;
	}
	
	.m-header{
		display: block;
	}
	
	.m-headerbox{
		height: 70px;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 95;
		width: 100%;
		overflow: hidden;
		-webkit-transition: all .4s ease;
		-moz-transition: all .4s ease;
		transition: all .4s ease;
		background-color: #fff;
		box-shadow: 0px 1px 10px rgba(0, 0, 0, .06);
	}
	
	.m-headerbox .container{
		height: 70px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 5%;
	}
	
	.m-logo{
		z-index: 96;
	}
	
	.m-logo a{
		display: block;
	} 
	
	.m-logo a img{
		display: inline-block;
		height: 35px;
	}

	/* mobile menu button */
	.m-toggle{
		display: block;
		width: 30px;
		height: 30px;
		position: relative;
	}

	.m-toggle span.m-hamburger,
	.m-toggle span.m-hamburger:after,
	.m-toggle span.m-hamburger:before{
		content:"";
		display:block;
		width:24px;
		height:3px;
		background:#111;
		position:absolute;
		top:50%;
		margin-top:-1px;
		left:50%;
		margin-left:-12px;
		-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);
		-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);
		-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);
		transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);
		-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);
		-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);
		-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);
		transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);
		transition-delay:0.15s;
	}

	.m-toggle span.m-hamburger,
	.m-toggle span.m-hamburger:after,
	.m-toggle span.m-hamburger:before{
		content:"";
		display:block;
		width:24px;
		height:3px;
		background:#111;
		position:absolute;
		top:50%;
		margin-top:-1px;
		left:50%;
		margin-left:-12px;
		-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);
		-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);
		-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);
		transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);
		-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);
		-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);
		-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);
		transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;
	}
	
	.m-toggle span.m-hamburger:after{
		margin-top:-7px;
		top:0;
		transition-delay:0.27s;
	}
	
	.m-toggle span.m-hamburger:before{
		margin-top:7px;
		top:0;
		transition-delay:0.2s;
	}

	.no-touch .m-toggle span.m-hamburger,
	.no-touch .m-toggle span.m-hamburger:after,
	.no-touch .m-toggle span.m-hamburger:before{
		transition-delay:0.12s;
		-webkit-transform:translateX(-70px);
		-moz-transform:translateX(-70px);
		-ms-transform:translateX(-70px);
		-o-transform:translateX(-70px);
		transform:translateX(-70px);
	}
	
	.no-touch .m-toggle span.m-hamburger,
	.no-touch .m-toggle span.m-hamburger:after,
	.no-touch .m-toggle span.m-hamburger:before{
		-webkit-transform:translateX(70px);
		-moz-transform:translateX(70px);
		-ms-transform:translateX(70px);
		-o-transform:translateX(70px);
		transform:translateX(70px);
	}
	
	.no-touch .m-toggle span.m-hamburger:after{
		transition-delay:0s;
	}
	
	.no-touch .m-toggle span.m-hamburger:before{
		transition-delay:0.07s;
	}

	.m-toggle span.cross:before,
	.m-toggle span.cross:after{
		content:"";
		display:block;
		width:24px;
		height:3px;
		background:#111;
		position:absolute;
		top:50%;
		margin-top:-1.5px;
		left:50%;
		margin-left:-12px;
		-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);
		-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);
		-o-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);
		transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);
		-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);
		-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);
		-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);
		transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);
		-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);
		-moz-transform:translateY(-70px) translateX(-70px) rotate(45deg);
		-ms-transform:translateY(-70px) translateX(-70px) rotate(45deg);
		-o-transform:translateY(-70px) translateX(-70px) rotate(45deg);
		transform:translateY(-70px) translateX(-70px) rotate(45deg);
		transition-delay:0.12s;
	}

	.m-toggle span.cross:after{
		transition-delay:0s;
		-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);
		-moz-transform:translateY(70px) translateX(-70px) rotate(-45deg);
		-ms-transform:translateY(70px) translateX(-70px) rotate(-45deg);
		-o-transform:translateY(70px) translateX(-70px) rotate(-45deg);
		transform:translateY(70px) translateX(-70px) rotate(-45deg);
	}
	
	.m-toggle span.cross:after{
		-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);
		-moz-transform:translateY(-70px) translateX(70px) rotate(-45deg);
		-ms-transform:translateY(-70px) translateX(70px) rotate(-45deg);
		-o-transform:translateY(-70px) translateX(70px) rotate(-45deg);
		transform:translateY(-70px) translateX(70px) rotate(-45deg);
	}
	
	.no-touch .m-toggle span.cross:before{
		transition-delay:0.12s;
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		-o-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	
	.no-touch .m-toggle span.cross:after{
		transition-delay:0.24s;
		-webkit-transform:rotate(-45deg) !important;
		-moz-transform:rotate(-45deg) !important;
		-ms-transform:rotate(-45deg) !important;
		-o-transform:rotate(-45deg) !important;
		transform:rotate(-45deg) !important;
	}

	/* mobile nav box */
	.m-navbox{
		background-color: #f8f8f8;
		position: fixed;
		z-index: 92;
		top: 0px;
		right: 0;
		width: 100%;
		height: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%);
		-webkit-transition: -webkit-transform 0.4s 0s,
		box-shadow 0s 0.4s;
		-moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0.4s;
		transition: transform 0.4s 0s, box-shadow 0s 0.4s;
	}
	
	.no-touch .m-navbox{
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}

	.m-nav{
		padding-top: 20%;
		padding-left: 10%;
		padding-right: 10%;
	}
	
	.m-nav li{
		border-bottom: 1px solid #ddd;
	}
	
	.m-nav li .m-navitem{
		display: flex;
		justify-content: space-between; 
		align-items: center;
	}
	
	.m-nav li i{
		color: #999;
		font-size: 20px;
	}
	
	.m-nav li a{
		display: block;
		color: #333;
		height: 60px;
		line-height: 60px;
	}

	.m-header.cur .m-headerbox{
		background-color: #fff;
		box-shadow: 0 2px 20px 0 rgba(10,25,51,0.08);
	}
	
	.m-header.cur .m-toggle span.m-hamburger,
	.m-header.cur .m-toggle span.m-hamburger:after,
	.m-header.cur .m-toggle span.m-hamburger:before,
	.m-header.cur .m-toggle span.cross:before,
	.m-header.cur .m-toggle span.cross:after{
		background-color: #111;
	}

	.m-children{
		padding: 0 5% 5%;
		display: none;
	}
	
	.m-children a{
		color: #999;
		height: 30px!important;
		line-height: 30px!important;
	}
	
	/* banner */
	.banner{
		height: 60vh;
		margin-top: 70px;
	}
	
	.banner-img{
		width: 210%;
	}
	
	.page-banner img{
		width: 150%;
	}
	
	.banner-content{
		width: 100%;
		padding: 0 5%;
		box-sizing: border-box;
	}
	
	.home-banner .banner-text h3{
		font-size: 1.25rem;
	}
	
	.home-banner .banner-text p{
		font-family: 'Montserrat-Light';
	}
	
	.home-banner .banner-text a{
		background-color: var(--none);
		color: var(--white);
		padding: 0;
		text-decoration: underline;
	}
	
	.roll-icon,
	.roll-tips{
		display: none;
	}
	
	.banner-switch .swiper-button-prev{
		right: 18%!important;
	}
	
	.banner-switch .swiper-button-next{
		right: 5%!important;
	}
	
	.core,
	.products,
	.about,
	.news{
		padding: 2.5rem 0;
	}
	
	.core-content{
		font-size: 1.25rem;
	}
	
	.title span{
		font-size: 1.625rem;
	}
	
	.products-box .left{
		width: 100%;
		margin-bottom: 0.625rem;
	}
	
	.categorize-box a{
		padding: 1.25rem;
		box-sizing: border-box;
	}
	
	.categorize-01 > img,
	.categorize-02 > img,
	.categorize-03 ul li > img{
		height: 150px!important;
	}
	
	.categorize-01 .categorize-title{
		position: absolute;
		top: 50%;
		right: 0;
		font-size: 1.25rem;
		width: 50%;
		text-align: left;
		transform: translateY(-50%);
	}
	
	.categorize-01 .categorize-img,
	.categorize-02 .categorize-img,
	.categorize-03 .categorize-img{
		width: 40%;
	}
	
	.categorize-02 .categorize-title{
		position: absolute;
		top: 50%;
		left: 1.25rem;
		font-size: 1.25rem;
		transform: translateY(-50%);
		width: 50%;
		text-align: left;
	}
	
	.categorize-03{
		margin-top: 0.625rem;
	}
	
	.categorize-03 ul li{
		width: 100%;
		margin-bottom: 0.625rem;
	}
	
	.categorize-03 .categorize-title{
		position: absolute;
		top: 50%;
		left: 1.25rem;
		font-size: 1.25rem;
		transform: translateY(-50%);
		width: 50%;
		text-align: left;
		min-height: 0;
	}
	
	.categorize-03 .categorize-img,
	.categorize-04 .categorize-img{
		right: 5%;
		bottom: 5%;
	}

	.categorize-more{
		display: none;
	}
	
	.products-box .right{
		width: 100%;
	}
	
	/* about */
	.about-top{
		margin-bottom: 1.875rem;
	}
	
	.about-top .title{
		text-align: center;
	}
	
	.about-top .title span::after{
		left: 50%;
		transform: translateX(-50%);
	}
	
	.about-top .left,
	.about-bottom .left{
		width: 100%;
	}
	
	.about-top .right,
	.about-bottom .right{
		width: 100%;
	}
	
	.about-top .right h2{
		font-size: 1.25rem;
	}
	
	.about-top .right p{
		font-size: 1rem;
	}
	
	.about-data{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
	}
	
	.about-data li{
		width: 48%;
		padding: 0.9375rem 0;
	}
	
	.about-bottom .right{
		margin-top: 1.875rem;
	}
	
	/* news */
	.news-title{
		font-size: 1.625rem;
		border: none;
		text-align: center;
	}
	
	.news-nav ul{
		overflow-x: scroll;
		width: 100%;
		padding-bottom: 0.625rem;
	}
	
	.news-nav ul::-webkit-scrollbar{
		display: none;
	}
	
	/* .news-nav ul::-webkit-scrollbar-thumb{
		background-color: var(--primary);
	} */

	.news-nav ul li{
		border: none;
		border-radius: 0;
		font-size: 0.9375rem;
		line-height: 1;
		display: flex;
		align-items: center;
		padding: 0.625rem;
		white-space: nowrap;
		margin-right: 0;
	}
	
	.news-switch{
		display: none;
	}
	
	.footer-slogan img{
		height: 1.875rem;
	}
	
	.footer-menu .left{
		width: 100%;
	}
	
	.footer-menu .right{
		display: none;
	}
	
	.footer-nav li{
		width: 100%;
	}
	
	.social-media{
		text-align: center;
	}
	
	.copyright{
		justify-content: center;
	}
	
	/* mobile page css */
	.page-banner{
		margin-top: 70px;
	}
	
	.company-content,
	.culture-content,
	.history-content,
	.honor-content{
		padding: 2.5rem 0;
	}
	
	.profile-text .left{
		width: 100%;
		margin-bottom: 0.9375rem;
	}
	
	.profile-text .right{
		width: 100%;
	}
	
	.profile-title{
		font-size: 1.625rem;
		text-align: center;
		margin-bottom: 0.625rem;
	}
	
	.profile-content p{
		font-size: 0.9375rem;
	}
	
	.culture-box li.c01{
		width: 100%;
	}
	
	.culture-title{
		text-align: center;
		margin-bottom: 0.625rem;
		padding: 0;
	}
	
	.culture-title span{
		font-size: 1.625rem;
	}
	
	.culture-title span::after{
		left: 50%;
		transform: translateX(-50%);
	}
	
	.culture-title p{
		padding-right: 0;
		margin-bottom: 0.9375rem;
	}
	
	.culture-box li.c02,
	.culture-box li.c03{
		width: 50%!important;
	}
	
	.culture-text{
		padding: 0.625rem;
	}
	
	.culture-text .c-title{
		font-size: 1.25rem;
		margin-bottom: 0.9375rem;
	}
	
	.culture-text .c-title i{
		font-size: 1.25rem;
	}
	
	.culture-text .c-summary{
		left: 0.625rem;
		bottom: auto;
		width: calc(100% - 10px);
	}
	
	.culture-box li:nth-of-type(3),
	.culture-box li:nth-of-type(4){
		border-radius: 0;
	}
	
	.history-item{
		margin-bottom: 1.875rem;
	}
	
	.honor-title{
		text-align: center;
	}
	
	.honor-title span{
		font-size: 1.625rem;
	}
	
	.honor-title span::after{
		left: 50%;
		transform: translateX(-50%);
	}
	
	.history-summary .imgbox{
		width: 100%;
	}
	
	.history-summary .history-ti{
		width: 100%;
		margin-top: 1.25rem;
	}
	
	.history-summary .history-ti h3{
		font-size: 1rem;
	}
	
	.history-text{
		padding-bottom: 5rem!important;
	}
	
	.history-nav{
		left: 50%;
		right: auto;
		width: 100px;
		transform: translateX(-50%);
	}
	
	.history-nav .swiper-button-next{
		left: auto;
		right: 0;
	}
	
	/* honor */
	.honor-box .left{
		width: 100%;
	}
	
	.honor-title p,
	.honor-data{
		padding-right: 0;
	}
	
	/* products */
	.page-content{
		padding: 2.5rem 0;
	}
	
	.banner-slogan, .banner-slogan p{
		font-size: 1.25rem;
	}
	
	.channel-title{
		font-size: 1.125rem;
	}
	
	.channel-more{
		display: none;
	}
	
	.channel-list{
		margin:  0 -0.3125rem;
	}
	
	.channel-list li{
		width: 50%;
		padding: 0 0.3125rem;
		margin-bottom: 0.625rem;
	}
	
	.channel-summary h3{
		font-size: 0.875rem;
		padding-bottom: 0;
		line-height: 1.3;
	}
	
	.channel-summary .viewmore{
		margin-top: 0.3125rem;
	}
	
	.channel-summary .viewmore span,
	.channel-summary .viewmore i{
		font-size: 0.75rem;
	}
	
	.lists .left{
		width: 100%;
	}
	
	.product-hots{
		display: none;
	}
	
	.category-list li a{
		margin-bottom: 0;
	}
	
	.lists .right{
		width: 100%;
	}
	
	.list-box{
		margin: 0 -0.3125rem;
	}
	
	.list-box li{
		width: 50%;
		padding: 0 0.3125rem;
		margin-bottom: 0.625rem;
	}
	
	.list-box li a{
		padding: 0.625rem;
	}
	
	.head-padding{
		margin-top: 70px;
	}
	
	.breadcrumb li::after{
		padding: 0 0.3125rem;
	}
	
	.product-top .left{
		width: 100%;
		margin-bottom: 1.25rem;
	}
	
	.product-top .right{
		width: 100%;
	}
	
	.product-title{
		font-size: 1.25rem;
		margin-bottom: 0.9375rem;
	}
	
	.details-box .left{
		display: none;
	}
	
	.details-box .right{
		width: 100%;
	}
	
	.product-btns{
		justify-content: space-between;
	}
	
	.product-btns a{
		width: 48%;
	}
	
	.details .model-table table{
		width: 100%!important;
	}
	
	.details .model-table table tr:nth-of-type(1) td{
		font-size: 1rem;
	}
	
	.details .model-table table tr td{
		padding: 0.3125rem;
	}
	
	.product-related ul{
		margin: 1.25rem -5px 0;
	}
	
	.product-related ul li{
		width: 50%;
		margin-bottom: 1.25rem;
		padding: 0 5px;
	}
	
	.details-title{
		top: 70px;
	}
	
	/* news */
	
	.categorys ul{
		border-bottom: var(--none);
		overflow-x: auto;
	}
	
	.categorys ul::-webkit-scrollbar{
		display: none;
	}
	
	.categorys ul li{
		white-space: nowrap;
	}
	
	.categorys ul li a{
		padding-bottom: 0;
		height: 1.875rem;
		line-height: 1.875rem;
	}
	
	.article-list ul li{
		width: 100%;
		margin-bottom: 1.875rem;
	}
	
	.article-content .left{
		width: 100%;
		background-color: var(--none);
		padding: 0;
		margin-bottom: 1.875rem;
	}
	
	.article-title{
		font-size: 1.125rem;
		padding-right: 0;
	}
	
	.article-info span{
		border-radius: 0;
		border: var(--none);
		padding: 0;
		color: #999;
		font-size: 0.75rem;
	}
	
	.article-nav{
		margin-bottom: 1.875rem;
		padding-top: 1.25rem;
	}
	.article-nav li{
		width: 100%;
		padding: 0;
	}
	
	.article-content .right{
		width: 100%;
	}
	
	.contact-box .left,
	.contact-box .right{
		width: 100%;
		margin-bottom: 1.875rem;
	}
	
	.contact-box .right{
		margin-bottom: 0;
		padding: 1.875rem 0.625rem;
	}
	
	.contact-title{
		font-size: 1.25rem;
	}
	
	.contact-info{
		padding-right: 0;
	}
	
	.contact-text{
		width: calc(100% - 72px);
	}
}