@charset "utf-8";
@font-face {
font-family:swiper-icons;
src:url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");
font-weight:400;
font-style:normal
}
:root {
--swiper-theme-color:#007aff
}
.swiper-container {
	margin-left:auto;
	margin-right:auto;
	position:relative;
	overflow:hidden;
	list-style:none;
	padding:0;
	z-index:1
}
.swiper-container-vertical>.swiper-wrapper {
	flex-direction:column
}
.swiper-wrapper {
	position:relative;
	width:100%;
	height:100%;
	z-index:1;
	display:flex;
	transition-property:transform;
	box-sizing:content-box
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
	transform:translate3d(0px, 0, 0)
}
.swiper-container-multirow>.swiper-wrapper {
	flex-wrap:wrap
}
.swiper-container-multirow-column>.swiper-wrapper {
	flex-wrap:wrap;
	flex-direction:column
}
.swiper-container-free-mode>.swiper-wrapper {
	transition-timing-function:ease-out;
	margin:0 auto
}
.swiper-slide {
	flex-shrink:0;
	width:100%;
	height:100%;
	position:relative;
	transition-property:transform
}
.swiper-slide-invisible-blank {
	visibility:hidden
}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
	height:auto
}
.swiper-container-autoheight .swiper-wrapper {
	align-items:flex-start;
	transition-property:transform, height
}
.swiper-container-3d {
	perspective:1200px
}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
	transform-style:preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	pointer-events:none;
	z-index:10
}
.swiper-container-3d .swiper-slide-shadow-left {
	background-image:linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-right {
	background-image:linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-top {
	background-image:linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image:linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-css-mode>.swiper-wrapper {
	overflow:auto;
	scrollbar-width:none;
	-ms-overflow-style:none
}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
display:none
}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align:start start
}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
	scroll-snap-type:x mandatory
}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
	scroll-snap-type:y mandatory
}
:root {
--swiper-navigation-size:44px
}
.swiper-button-next, .swiper-button-prev {
	position:absolute;
	top:50%;
width:calc(var(--swiper-navigation-size)/ 44 * 27);
	height:var(--swiper-navigation-size);
margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);
	z-index:10;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	color:var(--swiper-navigation-color, var(--swiper-theme-color))
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
	opacity:.35;
	cursor:auto;
	pointer-events:none
}
.swiper-button-next:after, .swiper-button-prev:after {
	font-family:swiper-icons;
	font-size:var(--swiper-navigation-size);
	text-transform:none!important;
	letter-spacing:0;
	text-transform:none;
	font-variant:initial;
	line-height:1
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	left:10px;
	right:auto
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
	content:'prev'
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	right:10px;
	left:auto
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
	content:'next'
}
.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
--swiper-navigation-color:#FFFfff
}
.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
--swiper-navigation-color:#000000
}
.swiper-button-lock {
	display:none
}
.swiper-pagination {
	position:absolute;
	text-align:center;
transition:.3s opacity;
	transform:translate3d(0, 0, 0);
	z-index:10
}
.swiper-pagination.swiper-pagination-hidden {
	opacity:0
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom:10px;
	left:0;
	width:100%
}
.swiper-pagination-bullets-dynamic {
	overflow:hidden;
	font-size:0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transform:scale(.33);
	position:relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	transform:scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	transform:scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	transform:scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	transform:scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	transform:scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	transform:scale(.33)
}
.swiper-pagination-bullet {
	width:8px;
	height:8px;
	display:inline-block;
	border-radius:100%;
	background:#000;
	opacity:.2
}
button.swiper-pagination-bullet {
	border:none;
	margin:0;
	padding:0;
	box-shadow:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor:pointer
}
.swiper-pagination-bullet-active {
	opacity:1;
	background:var(--swiper-pagination-color, var(--swiper-theme-color))
}
.swiper-container-vertical>.swiper-pagination-bullets {
	right:10px;
	top:50%;
	transform:translate3d(0px, -50%, 0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin:6px 0;
	display:block
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top:50%;
	transform:translateY(-50%);
	width:8px
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display:inline-block;
transition:.2s transform, .2s top
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin:0 4px
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left:50%;
	transform:translateX(-50%);
	white-space:nowrap
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition:.2s transform, .2s left
}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition:.2s transform, .2s right
}
.swiper-pagination-progressbar {
	background:rgba(0, 0, 0, .25);
	position:absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background:var(--swiper-pagination-color, var(--swiper-theme-color));
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	transform:scale(0);
	transform-origin:left top
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	transform-origin:right top
}
.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width:100%;
	height:4px;
	left:0;
	top:0
}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical>.swiper-pagination-progressbar {
	width:4px;
	height:100%;
	left:0;
	top:0
}
.swiper-pagination-white {
--swiper-pagination-color:#FFFfff
}
.swiper-pagination-black {
--swiper-pagination-color:#000000
}
.swiper-pagination-lock {
	display:none
}
.swiper-lazy-preloader {
	width:42px;
	height:42px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-21px;
	margin-top:-21px;
	z-index:10;
	transform-origin:50%;
	animation:swiper-preloader-spin 1s infinite linear;
	box-sizing:border-box;
	border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
	border-radius:50%;
	border-top-color:transparent
}
.swiper-lazy-preloader-white {
--swiper-preloader-color:#FFF
}
.swiper-lazy-preloader-black {
--swiper-preloader-color:#000
}
@keyframes swiper-preloader-spin {
100% {
transform:rotate(360deg)
}
}
.swiper-container .swiper-notification {
	position:absolute;
	left:0;
	top:0;
	pointer-events:none;
	opacity:0;
	z-index:-1000
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	transition-timing-function:ease-out
}
.swiper-container-fade .swiper-slide {
	pointer-events:none;
	transition-property:opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events:none
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events:auto
}
@media(min-width:769px) {
#home-swiper {
min-height:300px
}
}
#home-swiper .swiper-slide {
	font-size:0
}
#home-swiper .swiper-slide a {
	display:block
}
#home-swiper .swiper-slide img {
	width:100%;
	height:auto
}
#home-swiper .banner-pagination {
	position:absolute;
	right:8%;
	bottom:10%;
	z-index:10;
	color:#FFF
}
#home-swiper .banner-pagination .swiper-pagination {
	position:static;
	margin:0 6px;
	transform:translateY(-2px)
}
#home-swiper .banner-pagination .swiper-pagination-bullet {
	background:#FFF;
	opacity:.3;
	width:20px;
	height:2px;
	border-radius:0;
	margin:0
}
#home-swiper .banner-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background:#FFF;
	opacity:1
}
#home-swiper .swiper-next, #home-swiper .swiper-prev {
	cursor:pointer;
	position:absolute;
	width:54px;
	height:54px;
	display:flex;
	justify-content:center;
	align-items:center;
	top:50%;
	margin-top:-27px;
	z-index:9;
	border-radius:50%;
	background:rgba(0, 0, 0, .3);
transition:background .3s ease
}
#home-swiper .swiper-next:not(.swiper-button-disabled):hover, #home-swiper .swiper-prev:not(.swiper-button-disabled):hover {
background:#a69077
}
#home-swiper .swiper-next em, #home-swiper .swiper-prev em {
	color:#FFF;
	font-size:22px
}
#home-swiper .swiper-next.swiper-button-disabled, #home-swiper .swiper-prev.swiper-button-disabled {
	cursor:not-allowed
}
@media(max-width:768px) {
#home-swiper .swiper-next, #home-swiper .swiper-prev {
width:36px;
height:36px
}
}
#home-swiper .swiper-next {
	right:2%
}
#home-swiper .swiper-prev {
	left:2%
}
.home-title {
	color:#a69077;
	font-size:46px;
	font-weight:bold;
	text-align:center;
	margin:10px 0;
	text-transform:capitalize
}
@media(min-width:901px)and (max-width:1280px) {
.home-title {
font-size:32px
}
}
.home-label {
	font-size:14px;
	font-weight:bold;
	color:#b5987b;
	text-transform:uppercase;
	text-align:center
}
.home-label::before, .home-label::after {
content:"";
display:inline-block;
width:34px;
height:1px;
background:#a69077;
vertical-align:middle
}
.home-label::before {
margin-right:10px
}
.home-label::after {
margin-left:10px
}
#brand {
	padding:3.5% 0 5%
}
#brand .brand-list {
	margin-top:3%;
	padding-left:3%
}
#brand .brand-list li {
	position:relative;
	font-weight:bold;
	display:flex;
	align-items:center
}
#brand .brand-list li .brand-number {
	font-size:50px;
	font-family:Arial;
	line-height:1;
	color:#a69077;
	position:relative;
	z-index:1
}
@media(max-width:1280px) {
#brand .brand-list li .brand-number {
font-size:40px
}
}
#brand .brand-list li .brand-number .text-shadow {
	font-size:113px;
	font-family:Arial;
	font-weight:bold;
	color:#FFF;
	text-shadow:0 0 2px #ddd;
	position:absolute;
	top:50%;
	right:0;
	z-index:-1;
	line-height:1;
	transform:translate(12px, -50%)
}
@media(max-width:1280px) {
#brand .brand-list li .brand-number .text-shadow {
font-size:80px
}
}
#brand .brand-list li .brand-label {
	flex:1;
	text-transform:uppercase;
	padding-left:20px
}
#brand .brand-list li .brand-label span {
	display:block
}
#about {
	background-color:#F8F8F8;
	padding:4% 0
}
#about .about-con {
	width:56%;
	padding:2% 6% 0 0
}
#about .about-con .home-label {
	text-align:left
}
#about .about-con .home-label:after {
	display:none
}
#about .about-con .home-title {
	text-align:left;
	line-height:1.2;
	max-width:620px
}
#about .about-con .about-des {
	color:#777;
	line-height:1.75
}
#about .about-con .more-btn {
	border:1px solid #c2c2c2;
	border-radius:0;
	padding:12px 40px;
	border-bottom:2px solid #a69077;
	margin-top:9%;
	background-color:#F8F8F8
}
#about .about-con .more-btn:hover {
	border-color:#a69077
}
#about .about-img {
	width:43.75%;
	position:relative;
	z-index:1
}
#about .about-img .lazy-wrap::after {
padding-bottom:0
}
#projects {
	position:relative;
	padding-top:7vw
}
#projects::before {
content:"";
display:block;
width:100%;
height:65%;
position:absolute;
top:0;
left:0;
background-color:#222
}
#projects::after {
content:"Equipment";
display:block;
width:100%;
text-align:center;
position:absolute;
top:0;
left:0;
font-size:7vw;
font-family:Rajdhani;
color:#555;
opacity:.15;
text-transform:uppercase;
line-height:1.1
}
#projects .l-wrap {
	position:relative;
	z-index:1;
	color:#FFF
}
#projects .projects-des {
	line-height:1.75;
	text-align:center;
	max-width:550px;
	margin:0px auto;
	padding:10px 0
}
#projects #home-projects {
	margin-top:30px;
	padding:7% 0
}
#projects #home-projects .swiper-slide {
transition:transform .3s;
	transform:scale(0.64)
}
#projects #home-projects .swiper-slide.swiper-slide-prev {
	transform:scale(0.64) translateX(-28%)
}
#projects #home-projects .swiper-slide.swiper-slide-next {
	transform:scale(0.64) translateX(28%)
}
#projects #home-projects .swiper-slide.swiper-slide-active {
	transform:scale(1.57)
}
#projects #home-projects .swiper-slide.swiper-slide-active .projects-cont {
	opacity:1
}
#projects #home-projects .swiper-slide:hover .projects-cont p {
	color:#a69077
}
#projects #home-projects .swiper-slide .projects-cont {
	position:absolute;
	bottom:10%;
	left:15%;
	width:70%;
	background-color:rgba(255, 255, 255, .9);
	text-align:center;
	font-weight:bold;
	opacity:0;
transition:opacity .3s .1s;
	padding:12px 0
}
#projects #home-projects .swiper-slide .projects-cont p {
	font-size:12px;
	color:#000;
	text-transform:uppercase;
transition:color .3s
}
#projects #home-projects .swiper-slide .projects-cont a {
	display:inline-block;
	text-transform:capitalize;
	font-size:12px;
	transform:scale(0.8)
}
#projects #home-projects .swiper-slide .projects-cont a:hover {
	color:#a69077
}
#product {
	padding:4% 0
}
#product .pro-list {
	margin-top:4%
}
#product .pro-list li {
	width:23.75%;
	margin:0 1.5% 20px 0
}
#product .pro-list li:nth-of-type(4n) {
margin-right:0
}
#product .pro-list li .pro-img {
	border:1px solid #e8e8e8;
	overflow:hidden
}
#product .pro-list li .pro-img .lazy-wrap::after {
padding-bottom:0
}
#product .pro-list li .pro-cont {
	padding:18px 20px
}
#product .pro-list li .pro-cont .pro-name {
	display:block;
	font-weight:bold;
	text-transform:capitalize;
	margin:10px 0;
	display:block;
	display:-webkit-box;
	display:-moz-box;
	max-height:3em;
	line-height:1.5em;
	text-overflow:ellipsis;
	overflow:hidden;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2
}
#product .pro-list li:hover .pro-name {
	color:#a69077
}
#product .pro-list li:hover .pro-img img {
	transform:scale(1.1)
}
#product .all-products {
	position:relative;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase
}
#product .all-products::before {
content:"";
display:block;
width:100%;
height:1px;
background-color:#ebebeb;
position:absolute;
top:20px;
left:0
}
#product .all-products::after {
content:"";
display:block;
width:128px;
height:1px;
background-color:#FFF;
position:absolute;
top:20px;
left:50%;
transform:translateX(-50%)
}
#product .all-products a {
	display:inline-block;
	position:relative;
	z-index:1
}
#product .all-products a:hover {
	color:#a69077
}
#product .all-products span:nth-of-type(1) {
display:block;
width:40px;
height:40px;
background:#a69077;
border-radius:50%;
color:#FFF;
font-size:30px;
text-align:center;
line-height:38px;
margin:0 auto 20px;
font-weight:400
}
#info {
	background:#f5f5f5 left top/100% no-repeat;
	padding:6% 0 5%
}
#info .info-cont {
	color:#FFF
}
#info .info-cont .info-title {
	font-size:55px;
	font-weight:bold;
	max-width:500px;
	text-transform:capitalize;
	margin-bottom:5%
}
@media(min-width:901px)and (max-width:1280px) {
#info .info-cont .info-title {
font-size:32px
}
}
#info .info-cont .info-des {
	font-family:Arial
}
#info .info-video>a {
	width:60px;
	height:60px;
	background:rgba(56, 83, 216, 0);
	border:1px solid #FFF;
	border-radius:50%;
	position:relative;
	margin-right:40px;
	display:flex;
	align-items:center;
	justify-content:center
}
#info .info-video>a em {
	color:#FFF;
	font-size:34px
}
#info .info-video>a::before, #info .info-video>a::after {
content:"";
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
border-radius:50%;
border:1px solid #FFF;
opacity:0
}
#info .info-video>a::before {
-webkit-animation:aperture 1.5s ease infinite;
animation:aperture 1.5s ease infinite
}
#info .info-video>a::after {
-webkit-animation:aperture 1.5s ease infinite .4s;
animation:aperture 1.5s ease infinite .4s
}
#info .video-layer {
	position:fixed;
	top:0;
	bottom:0;
	right:0;
	left:0;
	z-index:100000;
	background-color:rgba(0, 0, 0, .9);
	display:none
}
#info .video-layer .layer-close {
	width:40px;
	height:40px;
	border-radius:50%;
	display:block;
	margin:30px 30px 30px auto;
	background-color:#a69077
}
#info .video-layer .layer-close em {
	font-size:20px;
	line-height:1;
	color:#FFF
}
#info .video-layer .video-layer-cont {
	width:92%;
	margin:0px auto;
	max-width:800px;
	position:relative;
	top:calc(50% - 100px);
	transform:translateY(-50%);
	max-height:80vw
}
#info .video-layer .video-layer-cont>lite-youtube, #info .video-layer .video-layer-cont>video, #info .video-layer .video-layer-cont>iframe {
	display:block;
	margin:0px auto;
	max-width:100%;
	max-height:100%
}
#info .info-bottom {
	background-color:#FFF;
	margin-top:4%
}
#info .info-item {
	width:33.33%;
	padding:50px 5% 100px;
	position:relative;
	z-index:1;
	overflow:hidden;
	background:url(../images/info-item-bg.jpg) center/cover no-repeat
}
@media(min-width:901px)and (max-width:1280px) {
#info .info-item {
padding-left:3%;
padding-right:3%
}
}
#info .info-item .info-item-tit {
	display:flex;
	align-items:center;
	margin-bottom:30px;
	position:relative
}
@media(min-width:901px)and (max-width:1280px) {
#info .info-item .info-item-tit {
margin-bottom:10px
}
}
#info .info-item .info-item-tit em {
	font-size:50px;
	color:#a69077;
	line-height:1;
transition:color .3s
}
@media(min-width:901px)and (max-width:1280px) {
#info .info-item .info-item-tit em {
font-size:32px
}
}
#info .info-item .info-item-tit span {
	flex:1;
	padding-left:20px;
	font-size:26px;
	font-weight:bold;
	color:#222;
transition:color .3s;
	text-transform:capitalize
}
@media(min-width:901px)and (max-width:1280px) {
#info .info-item .info-item-tit span {
font-size:22px;
padding-left:10px
}
}
#info .info-item .info-item-des {
	position:relative;
	font-size:14px;
	line-height:26px;
	color:#666;
transition:color .3s
}
#info .info-item::after {
display:block;
font-size:114px;
line-height:1;
font-weight:bold;
color:#f0f0f0;
position:absolute;
bottom:0;
right:6%;
transform:translateY(30%);
z-index:1
}
#info .info-item:nth-of-type(1)::after {
content:"01"
}
#info .info-item:nth-of-type(2)::after {
content:"02"
}
#info .info-item:nth-of-type(3)::after {
content:"03"
}
#info .info-item::before {
content:"";
display:block;
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
background-color:#FFF;
transition:background .3s
}
#info .info-item:hover .info-item-tit span, #info .info-item:hover .info-item-tit em {
	color:#FFF
}
#info .info-item:hover .info-item-des {
	color:#FFF
}
#info .info-item:hover::before {
background-color:rgba(205, 162, 116, .8)
}
#news {
	background-color:#f5f5f5
}
#news #home-news {
	margin:4% 0 6%
}
@media(min-width:901px) {
#news #home-news .news-list {
flex-wrap:wrap;
justify-content:space-between
}
#news #home-news .news-list .swiper-slide {
width:49%;
display:flex;
align-items:center;
background-color:#FFF
}
#news #home-news .news-list .swiper-slide .news-item-img {
width:50%
}
#news #home-news .news-list .swiper-slide .news-item-cont {
width:50%;
padding:0 3%;
transform:none
}
#news #home-news .news-list .swiper-slide:nth-of-type(n+3) {
flex-direction:row-reverse
}
}
#news #home-news .news-list .news-item-img {
	position:relative
}
#news #home-news .news-list .news-item-img .lazy-wrap::after {
padding-bottom:0
}
#news #home-news .news-list .news-item-img .news-date {
	display:inline-block;
	background-color:#FFF;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	position:absolute;
	top:5%;
	left:4%;
	padding:10px 18px;
	border-bottom:3px solid #a69077;
transition:background .3s, color .3s
}
#news #home-news .news-list .news-item-img .news-date span {
	font-size:20px;
	display:block;
	line-height:1;
	margin-bottom:4px
}
#news #home-news .news-list .news-item-cont {
	width:90%;
	margin:auto;
	background-color:#FFF;
	padding:5%;
	transform:translateY(-50%)
}
#news #home-news .news-list .news-item-cont .news-item-title {
	font-size:22px;
	font-weight:bold;
	color:#000;
	text-transform:capitalize;
	display:block;
	display:-webkit-box;
	display:-moz-box;
	max-height:3em;
	line-height:1.5em;
	text-overflow:ellipsis;
	overflow:hidden;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2
}
@media(min-width:901px)and (max-width:1280px) {
#news #home-news .news-list .news-item-cont .news-item-title {
font-size:18px
}
}
#news #home-news .news-list .news-item-cont .news-item-des {
	color:#777;
	margin:10px 0 20px;
	display:block;
	display:-webkit-box;
	display:-moz-box;
	max-height:3em;
	line-height:1.5em;
	text-overflow:ellipsis;
	overflow:hidden;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2
}
#news #home-news .news-list .swiper-slide:hover .news-item-img img {
	transform:scale(1.1)
}
#news #home-news .news-list .swiper-slide:hover .news-item-img .news-date {
	background-color:#a69077;
	color:#FFF
}
#news #home-news .news-list .swiper-slide:hover .news-item-title {
	color:#a69077
}
.home-main section {
	overflow:hidden
}
@media(max-width:900px) {
#brand .brand-list li {
width:50%;
padding-left:100px
}
#brand .brand-list li:nth-last-of-type(-n + 2) {
margin:70px 0 40px
}
#about {
padding:0
}
#about .l-wrap {
flex-direction:column;
padding-bottom:20px
}
#about .about-con {
width:100%;
padding:5% 0
}
#about .about-con .more-btn {
margin-top:30px
}
#about .about-img {
width:100%
}
#projects #home-projects {
margin-top:20px
}
#projects #home-projects .swiper-slide {
width:65%
}
#projects #home-projects .swiper-slide.swiper-slide-next, #projects #home-projects .swiper-slide.swiper-slide-prev {
transform:scale(0.7)
}
#projects #home-projects .swiper-slide.swiper-slide-active {
transform:scale(1.3)
}
#product .pro-list {
justify-content:space-between
}
#product .pro-list li {
width:48%;
margin:0 0 20px
}
#product .pro-list li .pro-cont {
padding:10px 0
}
#info {
background-size:200%;
background-position:center top
}
#info .info-cont {
width:100%;
text-align:center
}
#info .info-cont .info-title {
max-width:100%
}
#info .info-video {
width:100%;
text-align:center;
margin:8% 0
}
#info .info-video>a {
margin-right:0
}
#info .info-item {
width:100%
}
#info .info-item::before {
border-top:1px solid #e9e9e9
}
#news #home-news .news-list .news-item-cont {
transform:none;
margin-top:-100px;
position:relative
}
#news #home-news .swiper-pagination {
position:static;
margin-top:4%
}
}
@media(max-width:768px) {
#brand .brand-list li {
padding-left:6.6666666667vw
}
#brand .brand-list li:nth-last-of-type(-n + 2) {
margin:9.3333333333vw 0 5.3333333333vw
}
#brand .brand-list li .brand-number {
font-size:6.6666666667vw
}
#brand .brand-list li .brand-number .text-shadow {
font-size:12vw
}
.home-title {
font-size:6.1333333333vw;
margin:0 0 10px
}
#info .info-cont .info-title {
font-size:6.1333333333vw
}
#info .info-item {
padding:6.6666666667vw 5% 13.3333333333vw
}
#info .info-item::after {
font-size:13.3333333333vw
}
#info .info-item .info-item-tit {
margin-bottom:4vw
}
}
@media(max-width:480px) {
#news #home-news .news-list .news-item-img .news-date {
padding:8px;
font-size:12px
}
#news #home-news .news-list .news-item-img .news-date span {
font-size:16px;
line-height:1
}
#news #home-news .news-list .news-item-cont {
padding-bottom:0
}
#news #home-news .news-list .news-item-cont .news-item-title {
font-size:18px;
line-height:1.3
}
#news #home-news .news-list .news-item-cont .news-item-des {
font-size:14px;
margin:6px 0 0
}
}
@media(max-width:415px) {
#brand .brand-list li {
padding-left:10px
}
#brand .brand-list li .brand-label {
font-size:13px
}
#info .info-item .info-item-tit {
margin-bottom:10px
}
#info .info-item .info-item-tit em {
font-size:32px
}
#info .info-item .info-item-tit span {
font-size:20px;
padding-left:10px
}
}
