.clearfix {
	zoom: 1;
}
ul,li{list-style:none;padding:0;margin:0;}
p,div,span{padding:0;margin:0;}}

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

.marginauto {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}

.linenowrap {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.flexCetween {
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.flexAlign {
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	align-items: center;
	-webkit-align-items: center;
}


.banner-box {
	position: relative;
	/* overflow: hidden; */
	font-family: "Playfair Display";
}

.banner {
	height: 100vh;
}

.banner-slide {
	overflow: hidden;
}

.banner-slide a {
	display: block;
}

.banner-slide figure {
	display: block;
	height: 100vh;
	overflow: hidden;
}

.banner-slide figure img {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.banner-btn {
	position: absolute;
	left: 4.58vw;
	bottom: 48px;
	display: flex;
	line-height: 1;
	z-index: 10;
}

.banner-btn-item {
	display: flex;
	align-items: center;
	line-height: 1;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
}

.banner-btn-item:first-child {
	position: relative;
	margin-right: 64px;
}

.banner-btn-item:first-child:hover i {
	transform: translateX(-4px);
}

.banner-btn-item:first-child:before {
	position: absolute;
	right: -32px;
	top: 50%;
	margin-top: -6px;
	content: "";
	width: 1px;
	height: 12px;
	background: rgba(255, 255, 255, 0.3);
}

.banner-btn-item:last-child {
	flex-direction: row-reverse;
}

.banner-btn-item:last-child i {
	margin-right: 0;
	margin-left: 14px;
}

.banner-btn-item:last-child:hover i {
	transform: translateX(4px);
}

.banner-btn-item i {
	display: inline-block;
	margin-right: 14px;
	line-height: 1;
	color: #fff;
	font-size: 12px;
	transition: 0.3s;
}

.banner-btn-item span {
	display: inline-block;
	color: #fff;
	font-size: 16px;
}

.banner-cls {
	fill: none;
	stroke: #fff;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1px;
	opacity: 0.43;
}

.banner-text {
	width: 92%;
	max-width: 1440px;
	text-align: center;
	height: auto;
	object-fit: cover;
	transition: all .5s ease;
	left: 50% !important;
	top: 50% !important;
	-webkit-transform: translate(-50%, -50%) !important;
	-ms-transform: translate(-50%, -50%) !important;
	transform: translate(-50%, -50%) !important;
	position: absolute;
}

.banner-text .bannersvg {
	width: 100%;
	height: auto;
}

.banner-info {
	position: relative;
	width: 100%;
	z-index: 3;
}

.banner-small p {
	color: #fff;
	font-size: 46px;
	font-weight: bold;
	line-height: 1.5;
	white-space: nowrap;
	margin-top: 10px;
}
.banner-small span{
	
color: #fff;
	
font-size: 20px;
	
letter-spacing: 25px;
	
}

.banner-create {
	margin-top: 15px;
	color: #fff;
	font-size: 18px;
	letter-spacing: 8px;
}

.scroll-down {
	/* position: absolute; */
	/* left: 50%; */
	/* transform: translateX(-50%); */
	/* bottom: 0; */
	/* z-index: 10; */
	/* text-align: center; */
}

.scroll-down small {
	display: block;
	line-height: 1;
	color: #fff;
	font-size: 14px;
}

.scroll-line {
	margin: auto;
	margin-top: 16px;
	position: relative;
	width: 1px;
	height: 106px;
	background: url(../img/line.png) center top no-repeat;
}

.scroll-line:before {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	width: 100%;
	height: 18px;
	background: #fff;
	animation: mousedown 1s infinite;
}

@keyframes mousedown {
	0% {
		opacity: 1;
		transform: translateY(0);
	}

	100% {
		opacity: 0.2;
		transform: translateY(16px);
	}
}

.home-about {
	position: relative;
	box-sizing: border-box;
	padding-top: 136px;
	height: auto;
}

.home-about-wrap {
	position: relative;
	padding-left: 12.5vw;
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	height: 100%;
}

.about-imgs {
	width: 52.5%;
}

.about-imgs img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 18.75vw 0 0 0;
}

.about-floors {
	position: relative;
	padding-top: 5.73vw;
	width: 39.09%;
}

.about-floors:before {
	position: absolute;
	left: -12.5vw;
	top: 5.73vw;
	content: "";
	width: 7.86vw;
	height: 15.52vw;
	background: url(../img/dit3.png) center no-repeat;
	background-size: cover;
}

.about-floors-top {
	margin-bottom: 34px;
}

.about-floors-top small {
	display: block;
	line-height: 1;
	color: #a78157;
	font-size: 2.5vw;
	font-family: "Cormorant SC";
	text-transform: uppercase;
}

.about-floors-info {
	color: #a78157;
	font-size: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	word-break: break-all;
}

.floors-data {
	margin-top: 3.02vw;
	padding-right: 20%;
	display: flex;
	flex-wrap: wrap;
}

.floors-data-item {
	margin-bottom: 38px;
	width: 138px;
}

.floors-data-item b {
	display: block;
	margin-bottom: 6px;
	line-height: 1;
	color: #a78157;
	font-size: 2.08vw;
	font-family: "Cormorant SC";
}

.floors-data-item p {
	color: #767676;
	font-size: 14px;
}

.home-about-min {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 169px;
	line-height: 1;
	z-index: -1;
}

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

.category {
	box-sizing: border-box;
	/* padding: 11.46vw 12.29vw 0; */
	height: auto;
	/* background: #262626; */
}

.category-wrap {
	position: relative;
	height: 100%;
	padding-left: 24.17%;
}

.category-info {
	position: absolute;
	left: 0;
	top: 40px;
	z-index: 5;
}

.category-fl {
	width: 354px;
}

.category-fl p {
	color: #ffffff;
	opacity: 0.5;
	font-size: 15px;
}

.common-btn {
	margin-top: 56px;
}

.common-btn a {
	display: inline-flex;
}

.common-btn a:hover p {
	color: #fff;
}

.common-btn a:hover i {
	border-color: #fff;
	color: #fff;
}

.common-btn a p {
	display: inline-flex;
	color: #ccc;
	font-size: 16px;
	font-family: "Playfair Display";
	line-height: 26px;
	transition: 0.35s;
}

.common-btn a i {
	display: inline-block;
	margin-left: 26px;
	width: 24px;
	height: 24px;
	border: 1px solid #ccc;
	opacity: 0.8;
	color: #ccc;
	line-height: 24px;
	text-align: center;
	font-size: 12px;
	border-radius: 50%;
	transition: 0.35s;
}

.category-wrap {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

.category-wrap:before {
	position: absolute;
	left: 41.6%;
	top: -56px;
	z-index: -1;
	content: "";
	width: 25.21vw;
	height: 15.52vw;
	background: url(../img/dit1.png) center no-repeat;
	background-size: cover;
}

.category-imgs {
	position: relative;
	z-index: 2;
	width: 55.9%;
	line-height: 1;
}

.category-imgs:before {
	position: absolute;
	right: -22px;
	top: -22px;
	content: "";
	width: 23.13vw;
	height: 11.56vw;
	border-radius: 0 11.56vw 0 0;
	border-right: 1px solid #a78157;
	z-index: -1;
}

.category-imgs figure {
	display: block;
	overflow: hidden;
	height: 100%;
}

.category-imgs figure img {
	display: block;
	width: 100%;
	height: 100%;
	border-top-right-radius: 9.38vw;
	object-fit: cover;
}

.category-list {
	padding-bottom: 100px;
	width: 31.36%;
}

.category-list li {
	margin-bottom: 2vw;
}

.category-list li:last-child {
	margin-bottom: 0;
}

.category-list li a:hover b,
.category-list li a:hover p {
	color: #fff;
}

.category-list li b {
	display: block;
	margin-bottom: 8px;
	line-height: 1;
	color: #828288;
	font-size: 1.35vw;
	font-family: "Cormorant SC";
	font-weight: normal;
	transition: 0.3s;
}

.category-list li p {
	color: #828288;
	font-size: 18px;
	font-family: "Cormorant SC";
	transition: 0.3s;
	text-transform: uppercase;
}

.material {
	position: relative;
	display: flex;
	align-items: center;
	z-index: 2;
	padding: 120px 12.5vw;
	height: auto;
}

.material:before {
	position: absolute;
	left: 0;
	bottom: 7.29vw;
	content: "";
	width: 7.86vw;
	height: 15.52vw;
	background: url(../img/dit3.png) left top no-repeat;
	background-size: 100% auto;
}

.material:after {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: -2;
	content: "";
	width: 29.79vw;
	height: 36.46vw;
	background: url(../img/watermarks.png) center no-repeat;
}

.material-small {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	z-index: -1;
}

.material-small small {
	display: block;
	color: #a78157;
	opacity: 0.15;
	line-height: 1.1;
	font-family: "Cormorant SC";
	text-transform: uppercase;
	font-size: 11.46vw;
}

.material-small small:first-child {
	padding-left: 12.5vw;
}

.material-small small:nth-child(2) {
	padding-left: 39.06vw;
}

.material-tab {
	position: relative;
	width: 100%;
}

.material-wrap {
	z-index: 1;
}

.material-info {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 3;
	width: 420px;
}

.material-info small {
	display: block;
	margin-bottom: 24px;
	line-height: 1;
	color: #a78157;
	font-size: 2.5vw;
	font-family: "Cormorant SC";
	text-transform: uppercase;
}

.material-info p {
	color: #767676;
	font-size: 15px;
	word-break: break-all;
}

.material-slide {
	overflow: hidden;
}

.material-slide figure {
	position: relative;
	padding-bottom: 30.57vw;
	line-height: 1;
	overflow: hidden;
	text-align: center;
}

.material-slide figure img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}

.material-fix {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 10;
	display: flex;
	align-items: center;
}

.material-numble {
	color: #a78157;
	font-size: 1.25vw;
	line-height: 1;
	font-family: "Cormorant SC";
}

.material-numble b {
	display: inline-block;
	font-weight: normal;
	font-size: 2.5vw;
}

.material-numble span {
	display: inline-block;
}

.material-btn {
	margin-left: 32px;
	display: flex;
}

.material-btn span {
	display: inline-block;
	margin-right: 20px;
	width: 54px;
	height: 54px;
	border-radius: 50%;
	text-align: center;
	line-height: 54px;
	cursor: pointer;
	background: #cec7bb;
	font-size: 12px;
	transition: 0.4s;
	color: #fff;
}

.material-btn span:hover {
	background: #a78157;
}

.material-btn span:last-child {
	margin-right: 0;
}

.applicate {
	display: flex;
	align-items: center;
	background: #262626;
	height: auto;
}

.applicate-imgs {
	width: 50%;
	height: 100%;
}

.applicate-imgs img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.applicate-info {
	margin-left: 6.77vw;
	width: 32.08vw;
	font-family: "Playfair Display";
}

.applicate-top {
	margin-bottom: 45px;
}

.applicate-tt {
	line-height: 1;
	color: #a78157;
	font-size: 2.5vw;
	font-family: "Cormorant SC";
	text-transform: uppercase;
}

.applicate-list {
	margin-top: 2.81vw;
	margin-left: -3.13vw;
	margin-right: -20px;
	display: flex;
	flex-wrap: wrap;
}

.applicate-list li {
	box-sizing: border-box;
	position: relative;
	width: 33.333%;
	padding-left: 3.13vw;
	margin-bottom: 26px;
	font-size: 18px;
	border-right: 1px solid rgba(255, 255, 255, 0.2);
	line-height: 1;
}

.applicate-list li a {
	display: inline-block;
	color: #ccc;
}

.applicate-list li a:hover {
	color: #a78157;
}

.applicate-list li:nth-child(3n+3) {
	border-right: none;
}

.applicate-text p {
	color: #ccc;
}

.cases-box {
	position: relative;
	display: flex;
	align-items: flex-end;
	height: auto;
	box-sizing: border-box;
	width: 100%;
	border-bottom: 5px solid #a3895f;
	padding-left: 11.46vw;
	padding-top: 120px;
	padding-bottom: 60px;
}

.cases-wrap {
	width: 100%;
}

.cases-top {
	margin-bottom: 3.65vw;
	display: flex;
	align-items: center;
}

.cases-title {
	display: block;
	line-height: 1;
	color: #a78157;
	font-size: 2.5vw;
	font-family: "Cormorant SC";
	text-transform: uppercase;
	font-weight: normal;
}

.cases-info {
	margin-left: 58px;
	width: 570px;
	color: #666;
	font-size: 15px;
	line-height: 1.5;
}

.cases-swiper {
	margin-left: -2.86vw;
}

.cases-slide {
	position: relative;
	padding-right: 2.86vw;
	padding-top: 26px;
	padding-left: 2.86vw;
	width: 19.79vw;
}

.cases-slide:hover:after {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
}

.cases-slide:after {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	content: "";
	width: 7.86vw;
	height: 5.94vw;
	background: url(../img/dit2.png) center no-repeat;
	background-size: cover;
	opacity: 0;
	visibility: hidden;
	transition: 0.58s;
	transform: scale(0);
}

.cases-slide a:hover figure {
	border-top-right-radius: 5vw;
}

.cases-slide a:hover figure img {
	transform: scale(1.06);
}

.cases-slide a:hover .cases-imgs:before {
	opacity: 1;
	visibility: visible;
	border-top-right-radius: 6.04vw;
}

.cases-slide a:hover .cases-text {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.cases-slide .cases-imgs {
	position: relative;
}

.cases-slide .cases-imgs:before {
	position: absolute;
	right: -10px;
	top: -10px;
	content: "";
	width: 116px;
	height: 114px;
	border-top: 1px solid #a78157;
	border-right: 1px solid #a78157;
	opacity: 0;
	visibility: hidden;
	transition: 0.5s;
}

.cases-slide figure {
	position: relative;
	line-height: 1;
	transition: 0.6s;
	overflow: hidden;
}

.cases-slide figure img {
	display: block;
	width: 100%;
	height: auto;
	transition: 0.68s;
}

.cases-text {
	margin-top: 26px;
	font-family: "Playfair Display";
	opacity: 1;
	visibility: visible;
	transition: 0.5s;
	transform: translateY(0);
}

.cases-text strong {
	display: block;
	line-height: 1.2;
	color: #666666;
	font-size: 18px;
	font-weight: normal;
}

.cases-text span {
	display: inline-block;
	margin-top: 10px;
	color: #666666;
	font-size: 16px;
}

.cases-text span i {
	display: inline-block;
	margin-left: 4px;
	font-style: normal;
	font-size: 12px;
}

.footer-box {
	background-position: center;
	display: flex;
	align-items: center;
	height: auto;
	padding: 100px 0 60px;
	background-size: cover;
}

.footer-wrap {
	padding-left: 12.24vw;
	display: flex;
}

.flogo {
	width: 26.46vw;
}

.flogo img {
	display: block;
	width: 140px;
}

.footer-list {
	display: flex;
}

.footer-item {
	width: 20.83vw;
}

.footer-item {
	display: block;
}

.footer-navs {
	display: block;
}

.footer-navs li {
	margin-bottom: 15px;
}

.footer-navs li a {
	display: inline-block;
	color: #aaa;
	font-size: 16px;
}

.footer-navs li a:hover {
	color: #fff;
}

.footer-address strong {
	display: block;
	margin-bottom: 18px;
	color: #fff;
	font-size: 22px;
	font-weight: normal;
}

.footer-address p {
	margin-bottom: 10px;
	color: #aaa;
	font-size: 14px;
	line-height: 1.5;
}

.footer-copy {
	margin-top: 5.52vw;
	display: flex;
	flex-wrap: wrap;
}

.footer-copy p {
	margin-right: 36px;
	color: #999;
	font-size: 14px;
}

.footer-copy p i {
	display: inline-block;
	margin-left: 5px;
	width: 14px;
	height: 14px;
	background: url(../img/net.png) center no-repeat;
}

.footer-copy p:last-child {
	margin-right: 0;
}

.home-swiper {
	position: relative;
	height: 100vh;
	overflow: hidden;
}

.home-swiper .swiper-pagination {
	right: 54px;
}

.home-swiper .swiper-pagination .swiper-pagination-bullet {
	position: relative;
	margin: 18px 0;
	width: 22px;
	height: 22px;
	background: none;
	opacity: 1;
	cursor: pointer;
}

.home-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
	opacity: 1;
}

.home-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
	opacity: 1;
	visibility: visible;
	transform: scale(1);
}

.home-swiper .swiper-pagination .swiper-pagination-bullet:before {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -3px;
	margin-top: -3px;
	content: "";
	width: 6px;
	height: 6px;
	background: #fff;
	border-radius: 50%;
	opacity: 0.5;
	transition: 0.4s;
}

.home-swiper .swiper-pagination .swiper-pagination-bullet:after {
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
	content: "";
	width: 100%;
	height: 100%;
	border: 1px solid #fff;
	border-radius: 50%;
	opacity: 0;
	transform: scale(0);
	transition: 0.35s;
}

.home-slide {
	overflow: hidden;
}

.common-hide {
	overflow: hidden;
}

.common-hide.article-block small {
	opacity: 0;
	visibility: hidden;
	transform: translateY(110%);
	transition: 0.7s;
}

.active .common-hide small {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
	transition-delay: 0.3s;
}

.active .common-hide:nth-child(2) small {
	transition-delay: 0.5s;
}

.about-floors-info.article-block,
.floors-data.article-block .floors-data-item,
.common-btn,
.material-info p.article-block,
.applicate-tt.article-block,
.applicate-list.article-block,
.cases-title.article-block,
.cases-info.article-block {
	opacity: 0;
	visibility: visible;
	transform: translateY(60px);
	transition: 0.6s;
}

.about-imgs.article-block img,
.category-imgs.article-block img {
	border-radius: 0;
	transition: 1s;
}

.category-imgs.article-block:before {
	opacity: 0;
	visibility: hidden;
	transition: 1s;
	border-radius: 0;
}

.category-list.article-block li {
	opacity: 0;
	visibility: hidden;
	transform: translateY(40px);
	transition: 0.65s 0.65s;
}

.active .about-floors-info.article-block,
.active .floors-data.article-block .floors-data-item,
.active .common-btn,
.active .material-info p.article-block,
.active .applicate-tt.article-block,
.active .applicate-list.article-block,
.active .cases-title.article-block,
.active .cases-info.article-block {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	transition-delay: 0.65s;
}

.active .category-imgs.article-block:before {
	opacity: 1;
	visibility: visible;
	border-radius: 0 11.56vw 0 0;
	transition-delay: 0.65s;
}

.active .category-list.article-block li {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.active .category-list.article-block li:nth-child(2) {
	transition-delay: 0.8s;
}

.active .category-list.article-block li:nth-child(3) {
	transition-delay: 0.95s;
}

.active .category-list.article-block li:nth-child(4) {
	transition-delay: 1.1s;
}

.active .category-list.article-block li:nth-child(5) {
	transition-delay: 1.25s;
}

.active .category-list.article-block li:nth-child(6) {
	transition-delay: 1.35s;
}

.active .common-btn,
.active .applicate-list.article-block,
.active .cases-info.article-block {
	transition-delay: 0.8s;
}

.active .applicate .common-btn {
	transition-delay: 1.2s;
}

.active .applicate-text.article-block {
	transition-delay: 1s;
}

.active .material-info p.article-block {
	transition-delay: 0.8s;
}

.active .floors-data.article-block .floors-data-item:nth-child(2) {
	transition-delay: 0.8s;
}

.active .floors-data.article-block .floors-data-item:nth-child(3) {
	transition-delay: 0.95s;
}

.active .floors-data.article-block .floors-data-item:nth-child(4) {
	transition-delay: 1.1s;
}

.active .floors-data.article-block .floors-data-item:nth-child(5) {
	transition-delay: 1.25s;
}

.active .floors-data.article-block .floors-data-item:nth-child(6) {
	transition-delay: 1.35s;
}

.active .about-imgs.article-block img {
	border-radius: 18.75vw 0 0 0;
	transition-delay: 0.5s;
}

.active .category-imgs.article-block img {
	border-top-right-radius: 9.38vw;
	transition-delay: 0.5s;
}

.function-floor {
	position: relative;
	z-index: 2;
	padding: 12.5vw 14.58vw 0;
	overflow: hidden;
}

.floor-title {
	display: block;
	text-align: center;
	line-height: 1;
	color: #a78157;
	font-size: 2.71vw;
	font-family: "Open Sans-bold";
}

.ring {
	position: absolute;
	right: -3.96vw;
	top: 64px;
	z-index: -1;
	width: 28.33vw;
	height: 28.65vw;
	background: url(../img/ring.png) center no-repeat;
	background-size: cover;
}

.functional-tab {
	margin-top: 4.69vw;
}

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

.functional-imgs {
	width: 43.97%;
}

.functional-imgs figure {
	position: relative;
	display: block;
	padding-bottom: 133.2%;
	height: 0;
	overflow: hidden;
	line-height: 1;
}

.functional-imgs figure img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.functional-info {
	width: 50%;
	font-family: "Open Sans";
}

.functional-top {
	position: relative;
	margin-bottom: 5.99vw;
}

.functional-top p {
	color: #333333;
	font-size: 1.46vw;
	line-height: 1.5;
}

.functional-title {
	margin-bottom: 12px;
}

.functional-title h4 {
	display: block;
	color: #333333;
	font-size: 48px;
	line-height: 1.2;
	font-family: "Open Sans-bold";
	font-weight: normal;
}

.functional-title h4:nth-child(2) {
	padding-left: 2.92vw;
}

.functionEn {
	position: absolute;
	left: 8.33vw;
	bottom: -15px;
	z-index: -1;
	height: 10vw;
}

.function-introduct span {
	display: block;
	margin-bottom: 20px;
	position: relative;
	padding-left: 13.54vw;
	color: #a78157;
	font-size: 1.56vw;
	line-height: 1;
}

.function-introduct span:before {
	position: absolute;
	left: 0;
	top: 50%;
	content: "";
	width: 11.25vw;
	height: 1px;
	background: #a78157;
}

.function-introduct p {
	color: #666666;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

.function-detail {
	margin-top: 3.44vw;
}

.function-detail a,
.function-detail span {
	display: inline-block;
	position: relative;
	z-index: 2;
	/* padding-left: 28px; */
	color: #999;
	font-size: 14px;
	/* background: url(../img/arrow1.png) left center no-repeat; */
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.news-li li a:after{
	content: "";
	width: 0;
	height: 2px;
	background: #a78157;
	position: absolute;
	right: 0;
	bottom: 0;
	opacity: 0.5;
	transition: 0.4s;
	z-index: 9;
}

.news-li li a:hover p{
	color: #a78157;
}

.news-li li a:hover:after{
	width: 100%;
	right: auto;
	left: 0;
}

.functional-class {
	position: absolute;
	right: 0;
	bottom: 0;
	padding-right: 12px;
	z-index: 10;
}

.functional-class-item {
	position: relative;
	padding-left: 70px;
	margin-bottom: 12px;
	cursor: pointer;
}

.functional-class-item:hover:before,
.functional-class-item.active:before {
	width: 58px;
}

.functional-class-item:hover a,
.functional-class-item.active a {
	color: #a78157;
}

.functional-class-item:before {
	position: absolute;
	left: 0;
	top: 50%;
	content: "";
	width: 58px;
	width: 0;
	height: 1px;
	background: #a78157;
	transition: 0.35s;
}

.functional-class-item:last-child {
	margin-bottom: 0;
}

.functional-class-item a {
	display: inline-block;
	color: #666666;
	font-size: 16px;
	transition: 0.36s;
}

.common-mouse {
	position: fixed;
	left: 0;
	top: 0;
	margin-left: -30px;
	margin-top: -30px;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background: #a78157;
	z-index: 9;
	pointer-events: none;
	opacity: 0;
	transform: scale(1) translateZ(0);
	transition: all 0s 0s, opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	will-change: auto;
}

.common-mouse.is-show {
	opacity: 1;
	/* transform: none; */
	display: block;
}

.common-mouse:before {
	position: absolute;
	top: 50%;
	margin-top: -7.5px;
	left: 12px;
	content: "";
	border-top: 7.5px solid transparent;
	border-bottom: 7.5px solid transparent;
	border-right: 8px solid #fff;
}

.common-mouse:after {
	position: absolute;
	top: 50%;
	margin-top: -7.5px;
	right: 12px;
	content: "";
	border-top: 7.5px solid transparent;
	border-bottom: 7.5px solid transparent;
	border-left: 8px solid #fff;
}

.lvt-floor {
	position: relative;
	z-index: 2;
	margin-top: 11.35vw;
	padding: 0 14.58vw 13.02vw;
}

.lvt-floor:before {
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
	content: "";
	width: 54.79vw;
	height: 44.27vw;
	background: url(../img/circle.png) center no-repeat;
	background-size: cover;
}

.floor-title1 {
	text-align: left;
}

.lvt-floor-wrap {
	position: relative;
	margin-top: 3.65vw;
	display: flex;
	justify-content: space-between;
}

.lvt-list {
	width: 37.35%;
}

.lvt-list li {
	margin-bottom: 3.65vw;
}

.lvt-list li:last-child {
	margin-bottom: 0;
}

.lvt-list li a {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.lvt-list li a:hover .lvt-imgs figure img {
	transform: scale(1.1);
}

.lvt-imgs {
	width: 26.8%;
}

.lvt-imgs figure {
	position: relative;
	display: block;
	padding-bottom: 102.9%;
	height: 0;
	overflow: hidden;
	line-height: 1;
}

.lvt-imgs figure img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.lvt-imgs img {
	transition: 0.4s;
}

.lvt-info {
	width: 68.04%;
}

.lvt-info strong {
	display: block;
	margin-bottom: 8px;
	line-height: 1;
	color: #333333;
	font-size: 1.46vw;
	font-family: "Open Sans-bold";
	font-weight: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.lvt-info p {
	color: #666666;
	font-size: 16px;
	line-height: 1.5;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.common-arrow {
	margin-top: 0.78vw;
}

.common-arrow span,
.common-arrow a {
	display: inline-block;
	position: relative;
	z-index: 2;
	padding-left: 32px;
	color: #a78157;
	font-size: 18px;
	background: url(../img/arrow1.png) left center no-repeat;
}

.common-arrow span:before,
.common-arrow a:before {
	content: "";
	width: 0;
	height: 1px;
	background: #a78157;
	position: absolute;
	right: 0;
	bottom: 0;
	transition: 0.4s;
	z-index: -1;
}

.common-arrow span:hover,
.common-arrow a:hover,
.common-arrow span.active,
.common-arrow a.active {
	color: #a78157;
}

.common-arrow span:hover:before,
.common-arrow a:hover:before,
.common-arrow span.active:before,
.common-arrow a.active:before {
	width: 100%;
	right: auto;
	left: 0;
}

.lvt-imgs-list {
	display: flex;
	width: 58.97%;
}

.lvt-imgs-item {
	flex: 1;
	margin-right: 15px;
}

.lvt-imgs-item:last-child {
	margin-right: 0;
	margin-top: -6.77vw;
}

.lvt-imgs-item figure {
	position: relative;
	display: block;
	padding-bottom: 142.85%;
	height: 0;
	overflow: hidden;
	line-height: 1;
}

.lvt-imgs-item figure img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.lvt-imgs-item figure img {
	height: 110%;
}

.spc-floor {
	padding: 0 0 6.67vw 14.58vw;
}

.spc-swiper {
	margin-top: 4.38vw;
	overflow: visible;
}

.spc-slide {
	position: relative;
	width: 14.06vw;
}

.spc-slide a {
	display: block;
	transform: skewX(-18deg);
	overflow: hidden;
}

.spc-slide figure {
	position: relative;
	padding-bottom: 24.21vw;
	transform: skewX(18deg);
	height: 0;
}

.spc-slide figure img {
	position: absolute;
	min-width: 200%;
	left: 50%;
	transform: translateX(-50%);
	height: 100%;
	object-fit: cover;
}

.spc-slide span {
	position: absolute;
	left: 0;
	bottom: 35px;
	width: 100%;
	text-align: center;
	color: #fff;
	font-size: 1.25vw;
	z-index: 3;
	transform: skewX(18deg);
}

.spc-small {
	letter-spacing: 1.67vw;
	color: #a78157;
	opacity: 0.13;
	font-size: 5vw;
	text-transform: uppercase;
}

.spc-floor {
	position: relative;
	z-index: 2;
}

.spc-alrcle {
	position: absolute;
	left: 7.4vw;
	top: -5.31vw;
	z-index: -1;
	width: 30.21vw;
	height: 30.21vw;
	border-radius: 50%;
	border: 1px solid rgba(162, 128, 90, 0.2);
}

.inner-footer {
	padding: 4.69vw 14.58vw 4.17vw;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	background: #fff8f1;
}

.inner-footer .footer-wrap {
	padding-left: 0;
}

.inner-footer .footer-wrap .footer-right {
	width: 65.8%;
}

.inner-footer .footer-wrap .footer-right .footer-navs li a:hover {
	color: #a78157;
}

.inner-footer .footer-wrap .footer-navs li {
	margin-bottom: 10px;
}

.inner-footer .footer-wrap .footer-navs li a,
.inner-footer .footer-wrap .footer-address strong {
	color: #333333;
	font-size: 20px;
}

.inner-footer .footer-wrap .footer-address p {
	color: #626161;
}

.inner-footer .footer-wrap .footer-copy {
	margin-top: 50px;
}

.inner-footer .footer-wrap .footer-copy p {
	color: #626161;
}

.dry-back {
	padding: 13.02vw 0 8.33vw;
}

.dry-max-swiper {
	margin: 0 14.58vw;
}

.dry-items {
	float: left;
	display: flex;
	align-items: center;
	width: 100%;
}

.dry-imgs {
	width: 41.32%;
}

.dry-imgs figure {
	position: relative;
	display: block;
	padding-bottom: 72.64%;
	height: 0;
	overflow: hidden;
	line-height: 1;
}

.dry-imgs figure img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.dry-info {
	margin-left: 5.21vw;
	flex: 1;
}

.dry-info strong {
	display: block;
	margin-bottom: 26px;
	line-height: 1.2;
	color: #a78157;
	font-size: 52px;
	font-family: "Open Sans-bold";
}

.dry-info p {
	color: #666666;
	font-size: 16px;
	line-height: 2;
}

.dry-min-hide {
	margin-top: 58px;
	margin-left: 14.58vw;
	overflow: hidden;
}

.dry-min-swiper {
	margin-left: -6px;
	margin-right: -40px;
}

.dry-min-item {
	float: left;
}

.dry-min-wr {
	margin: 0 6px;
	line-height: 1;
}

.dry-min-wr figure {
	position: relative;
	display: block;
	padding-bottom: 72.644%;
	height: 0;
	overflow: hidden;
	line-height: 1;
}

.dry-min-wr figure img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.dry-min-wr strong {
	display: block;
	margin-top: 18px;
	margin-bottom: 5px;
	margin-left: 20px;
	line-height: 1.1;
	color: #a78157;
	font-size: 18px;
	font-family: "Open Sans-bold";
}

.dry-min-wr p {
	color: #a78157;
	font-size: 14px;
}

.technicals {
	padding: 0 14.58vw 7.81vw;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.technical-menu-list li {
	margin-bottom: 24px;
	position: relative;
	cursor: pointer;
}

.technical-menu-list li:hover:before,
.technical-menu-list li.active:before {
	width: 47px;
}

.technical-menu-list li:hover span,
.technical-menu-list li.active span {
	padding-left: 26px;
	color: #a78157;
}

.technical-menu-list li:before {
	position: absolute;
	left: -26px;
	top: 50%;
	content: "";
	width: 0;
	height: 1px;
	background: #a78157;
	transition: 0.4s;
}

.technical-menu-list li span {
	display: block;
	position: relative;
	padding-left: 0;
	color: #666666;
	font-size: 16px;
	transition: 0.4s;
}

.technical-info {
	width: 76.02%;
}

.technical-item {
	position: relative;
	margin-bottom: 5.94vw;
}

.technical-item:last-child {
	margin-bottom: 0;
}

.technical-block {
	position: absolute;
	left: 0;
	top: -102px;
	height: 102px;
}

.technical-title {
	display: block;
	padding-left: 20px;
	border-left: 6px solid #a78157;
	line-height: 34px;
	color: #a78157;
	font-size: 32px;
	font-weight: normal;
	font-family: "Open Sans-bold";
}

.technical-imgs {
	margin-top: 32px;
}

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

.technical-load li {
	padding: 36px 0;
	border-bottom: 1px solid #dddddd;
}

.technical-load li:last-child {
	border-bottom: none;
}

.technical-load li a {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.load-info {
	width: 72.97%;
}

.load-info strong {
	display: block;
	margin-bottom: 10px;
	line-height: 1.2;
	color: #333333;
	font-size: 24px;
}

.load-info p {
	color: #666666;
	font-size: 16px;
	line-height: 2;
}

.load-btn {
	text-align: center;
}

.load-btn b {
	display: block;
	margin-bottom: 3px;
	color: #a78157;
	font-weight: normal;
	font-size: 34px;
}

.load-btn span {
	display: block;
	line-height: 1;
	color: #a78157;
	font-size: 16px;
}

.certificate-list {
	margin-top: 32px;
	display: flex;
	flex-wrap: wrap;
}

.certificate-list li {
	margin-right: 3.73%;
	width: 22.2%;
	transition: 0.35s;
}

.certificate-list li:hover {
	transform: translateY(-5px);
}

.certificate-list li figure {
	position: relative;
	display: block;
	padding-bottom: 119.4%;
	height: 0;
	overflow: hidden;
	line-height: 1;
	border: 3px solid #a78157;
}

.certificate-list li figure img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.certificate-list li figure img {
	object-fit: contain;
}

.certificate-list li:nth-child(4n+4) {
	margin-right: 0;
}

.pbanner {
	position: relative;
	overflow: hidden;
}

.pbanner figure {
	position: relative;
	display: block;
	padding-bottom: 26.04%;
	height: 0;
	overflow: hidden;
	line-height: 1;
	margin: 0;
}

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

.pbanner-text {
	z-index: 10;
	width: 94%;
	max-width: 1500px;
	height: auto;
	object-fit: cover;
	transition:all .5s ease;
	left: 50%!important;
	bottom: 25%;
	text-align: left;
	-webkit-transform: translate(-50%,-50%)!important;
	-ms-transform: translate(-50%,-50%)!important;
	transform: translate(-50%,-50%)!important;
	position: absolute;
	text-align: center;
	text-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
}

.pbanner-text strong {
	display: block;
	margin-bottom: 8px;
	line-height: 1.2;
	color: #fff;
	font-size: 36px;
	font-weight: normal;
	letter-spacing: 0;
}

.pbanner-text p {
	color: #fff;
	font-size: 16px;
	line-height: 1.4;
	letter-spacing: 5px;
	margin-top: 10px;
}

.product-introduct {
	padding: 7.55vw 14.58vw 9.11vw;
	position: relative;
	z-index: 2;
}

.product-introduct .ring {
	top: auto;
	bottom: 8.54vw;
}

.introduct-en {
	color: #a78157;
	font-size: 3vw;
	opacity: 0.2;
	letter-spacing: 3.44vw;
	line-height: 1.5;
}

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

.introduct-imgs {
	width: 44.85%;
}

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

.introduct-info {
	padding-bottom: 50px;
	width: 48.52%;
}

.introduct-info strong {
	display: block;
	margin-bottom: 22px;
	line-height: 1;
	color: #a78157;
	font-size: 2.71vw;
	font-weight: normal;
	font-family: "Open Sans-bold";
}

.introduct-info p {
	color: #666666;
	font-size: 16px;
}

.structure {
	position: relative;
	z-index: 2;
	padding: 8.33vw 14.58vw 9.38vw;
}

.structure:before {
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	content: "";
	width: 100%;
	height: 25.78vw;
	background: #f7f7f7;
}

.structure-title {
	position: relative;
	z-index: 2;
	padding-left: 7.81vw;
	line-height: 1;
	color: #a78157;
	font-size: 2.71vw;
	font-family: "Open Sans-bold";
}

.structure-title:before {
	position: absolute;
	left: 3.65vw;
	top: 0;
	content: "";
	width: 10px;
	height: 7.81vw;
	background: #a78157;
}

.structure-wrap {
	position: relative;
	margin-top: 40px;
	padding: 0 7.81vw;
	background: #fff;
}

.structure-imgs {
	position: relative;
}

.structure-imgs figure {
	display: block;
	line-height: 1;
	overflow: hidden;
}

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

.dit-item {
	position: absolute;
	z-index: 3;
	margin-left: -15px;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
}

.dit-item:nth-child(2n+2):before {
	animation-delay: 0.3s;
}

.dit-item:before {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(162, 128, 90, 0.4);
	border-radius: 50%;
	animation: pulse 3s 0.15s infinite;
}

@keyframes pulse {
	0% {
		opacity: 1;
		transform: scale(0);
	}

	40% {
		opacity: 1;
		transform: scale(0);
	}

	70% {
		opacity: 1;
	}

	100% {
		opacity: 0;
		transform: scale(1);
	}
}

.dit-item:after {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -6px;
	margin-top: -6px;
	content: "";
	width: 12px;
	height: 12px;
	background: #a78157;
	border-radius: 50%;
}

.dit-item1 {
	left: 43.26%;
	top: 52.34%;
}

.dit-item2 {
	left: 48.57%;
	top: 62.76%;
}

.dit-item3 {
	left: 53.7%;
	top: 72.34%;
}

.dit-item4 {
	left: 50.75%;
	top: 79.78%;
}

.structure-text {
	margin-top: 3.13vw;
}

.structure-text strong {
	display: block;
	margin-bottom: 10px;
	line-height: 1.2;
	color: #a78157;
	font-size: 24px;
	font-weight: normal;
}

.structure-text p {
	color: #666666;
	font-size: 16px;
}

.texture {
	position: relative;
	z-index: 2;
	padding: 7.29vw 14.58vw 6.77vw;
}

.texture-arlcle {
	position: absolute;
	right: 14.58vw;
	top: 3.85vw;
	z-index: -2;
	width: 34.27vw;
	height: 34.27vw;
	background: url(../img/texture.png) center no-repeat;
	background-size: cover;
}

.texture-en {
	position: absolute;
	left: 14.58vw;
	top: 0;
	color: transparent;
	-webkit-text-stroke: 1px #a2805a;
	opacity: 0.2;
	text-transform: uppercase;
	font-size: 16.25vw;
	font-family: "Open Sans-bold";
	line-height: 1;
}

.texture-tab {
	position: relative;
	display: flex;
	justify-content: space-between;
}

.texture-left {
	padding-top: 4.17vw;
	width: 43.75%;
}

.texture-in h3 {
	display: block;
	margin-bottom: 3.75vw;
	line-height: 1.2;
	color: #a78157;
	font-size: 2.71vw;
	font-weight: normal;
	font-family: "Open Sans-bold";
}

.texture-in p {
	color: #a78157;
	font-size: 24px;
}

.texture-min {
	margin-left: -15px;
	margin-right: -15px;
	margin-top: 42px;
}

.texture-slide-min {
	float: left;
	position: relative;
	width: 20%;
	cursor: pointer;
}

.texture-slide-min.slick-current figure:before {
	opacity: 1;
	visibility: visible;
}

.texture-slide-min figure {
	margin: 0 15px;
	position: relative;
	display: block;
	padding-bottom: 62px;
	height: 0;
	overflow: hidden;
	line-height: 1;
}

.texture-slide-min figure img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.texture-slide-min figure:before {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 3;
	content: "";
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	border: 5px solid #ffce97;
	opacity: 0;
	visibility: hidden;
	transition: 0.4s;
}

.texture-swiper {
	width: 35.88%;
}

.texture-slide {
	position: relative;
	float: left;
}

.texture-slide figure {
	display: block;
	width: 247px;
	line-height: 1;
	overflow: hidden;
}

.texture-slide figure img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.texture-info {
	position: absolute;
	right: 40px;
	top: 110px;
	transform-origin: center center;
	transform: rotate(90deg);
}

.texture-info strong {
	display: block;
	margin-bottom: 6px;
	line-height: 1;
	color: #a78157;
	font-size: 36px;
	font-weight: normal;
}

.texture-info p {
	color: #666666;
	font-size: 16px;
}

.scenario {
	padding-left: 14.58vw;
	padding-bottom: 10.42vw;
}

.scenario-title {
	margin-bottom: 32px;
	color: #a78157;
	line-height: 1;
	font-size: 2.71vw;
	font-family: "Open Sans-bold";
}

.scenario-slide {
	width: auto;
}

.scenario-slide figure {
	display: block;
	line-height: 1;
	overflow: hidden;
	max-width: 26.46vw;
}

.scenario-slide figure:hover img {
	transform: scale(1.06);
}

.scenario-slide figure img {
	max-width: 100%;
	width: auto;
	height: auto;
	transition: 0.5s;
}

.advantages {
	position: relative;
	display: flex;
	align-items: center;
}

.advantages-imgs {
	width: 50%;
}

.advantages-imgs figure {
	position: relative;
	display: block;
	padding-bottom: 100%;
	height: 0;
	overflow: hidden;
	line-height: 1;
}

.advantages-imgs figure img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.advantages-imgs figure img {
	height: 110%;
}

.advantages-info {
	position: relative;
	width: 35.41%;
}

.advantages-title {
	margin-bottom: 6.25vw;
	padding-left: 4.17vw;
}

.advantages-title h4 {
	display: block;
	margin-bottom: 10px;
	line-height: 1;
	color: #a78157;
	font-size: 2vw;
	font-family: "Open Sans-bold";
	font-weight: normal;
}

.advantages-title p {
	color: #a78157;
	font-size: 18px;
}

.advantages-list {
	position: relative;
	padding: 3.44vw 10px 10px 4.27vw;
	background: #fefaf5;
	margin-left: -112px;
	border-bottom: 6px solid #a78157;
}

.advantages-li {
	display: flex;
	flex-wrap: wrap;
}

.advantages-li li {
	margin-bottom: 44px;
	width: 50%;
	display: flex;
	align-items: center;
}

.advantages-li li figure {
	display: block;
	width: 40px;
	height: 42px;
	display: flex;
	align-items: center;
}

.advantages-li li figure img {
	max-width: 100%;
	max-height: 100%;
}

.advantages-li li p {
	margin-left: 10px;
	padding-right: 10px;
	color: #666666;
	font-size: 16px;
}

.advantages-en {
	position: absolute;
	right: 0;
	top: 0;
}

.advantages-en small {
	width: 7.19vw;
	display: block;
	white-space: nowrap;
	transform-origin: center top;
	transform: rotate(90deg);
	text-transform: uppercase;
	line-height: 1;
	color: #a78157;
	opacity: 0.1;
	font-size: 7.19vw;
}

.qualificate {
	padding: 9.9vw 14.58vw 9.38vw;
}

.qualificate-title {
	margin-bottom: 3.33vw;
	text-align: center;
}

.qualificate-title h3 {
	display: block;
	margin-bottom: 12px;
	line-height: 1.2;
	color: #a2805a;
	font-size: 2.71vw;
	font-family: "Open Sans-bold";
	font-weight: normal;
}

.qualificate-title p {
	color: #a78157;
	font-size: 1.25vw;
}

.qualificate-li {
	display: flex;
	flex-wrap: wrap;
}

.qualificate-li li {
	margin-right: 5%;
	width: 16%;
}

.qualificate-li li:nth-child(5n+5) {
	margin-right: 0;
}

.qualificate-li li figure {
	position: relative;
	display: block;
	padding-bottom: 136.4%;
	height: 0;
	overflow: hidden;
	line-height: 1;
}

.qualificate-li li figure img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.qualificate-li li figure img {
	object-fit: contain;
}

.dit-list1 .dit-item:before {
	background: rgba(255, 255, 255, 0.4);
}

.dit-list1 .dit-item:after {
	background: #fff;
}

.dit-list1 .dit-item1 {
	left: 47.81%;
	top: 27.65%;
}

.dit-list1 .dit-item2 {
	left: 44.4%;
	top: 54.89%;
}

.dit-list1 .dit-item3 {
	left: 51.23%;
	top: 62.34%;
}

.dit-list1 .dit-item4 {
	left: 54.55%;
	top: 65.1%;
}

.texture-numble {
	position: absolute;
	right: 0;
	bottom: 132px;
	line-height: 1;
	z-index: 10;
	color: #a78157;
	font-size: 24px;
}

.texture-numble b {
	font-weight: normal;
	font-size: 48px;
}

.cases-inner-box {
	position: relative;
	z-index: 3;
	padding: 11.46vw 0 10.94vw 14.58vw;
	overflow: hidden;
}

.cases-inner-box:before {
	position: absolute;
	right: -3.73vw;
	top: -6.04vw;
	z-index: -1;
	content: "";
	width: 20.16vw;
	height: 20.42vw;
	background: url(../img/ring.png) center no-repeat;
	background-size: cover;
}

.cases-inner-box:after {
	position: absolute;
	left: -6%;
	top: 30px;
	z-index: -1;
	content: "";
	width: 34.27vw;
	height: 34.27vw;
	background: url(../img/texture.png) center no-repeat;
	background-repeat: no-repeat;
	background-size: cover;
}

.cases-inner-slide {
	position: relative;
	width: 21.25vw;
}

.cases-inner-slide a {
	display: block;
	position: relative;
}

.cases-inner-slide a:hover figure img {
	transform: scale(1.06);
}

.cases-inner-slide figure {
	display: block;
	line-height: 1;
	overflow: hidden;
}

.cases-inner-slide figure img {
	display: block;
	width: 100%;
	height: auto;
	transition: 0.68s;
}

.case-texts {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 8.75vw 0 12px;
	width: 100%;
	z-index: 3;
	text-align: center;
}

.case-texts strong {
	display: block;
	color: #fff;
	font-size: 16px;
}

.news-boxs {
	padding: 60px 0 50px;
	background: #f7f7f7;
}

.news-li {
	display: flex;
	flex-wrap: wrap;
	width: 94%;
	max-width: 1400px;
	margin: 0 auto;
}
.news-detail-li{width: 100%!important;}

.news-li li {
	margin: 0 1% 30px;
	flex: 0 0 31.3%;
	position: relative;
}

.news-li li:nth-child(3n -1) {
	position: relative;
	/* top: 4.27vw; */
}

.news-li li:nth-child(3n+3) {
	margin-right: 0;
}

.news-li li:hover figure img {
	transform: scale(1.06);
}

.news-li li figure {
	position: relative;
	display: block;
	padding-bottom: 66.66%;
	height: 0;
	overflow: hidden;
	line-height: 1;
	margin: 0;
}

.news-li li figure img {
	position: absolute;
	left: 0;
	top: 0;
	width: 101%;
	height: 101%;
	object-fit: cover;
}

.news-li li figure img {
	transition: 0.6s;
}

.news-li li figure time {
	display: block;
	position: absolute;
	left: 0;
	top: 20px;
	z-index: 3;
	width: auto;
	height: auto;
	padding: 0 20px;
	line-height: 40px;
	text-align: center;
	color: #666;
	background: rgba(255,255,255,0.9);
	font-size: 16px;
	font-family: arial;
}

.news-text {
	padding: 30px;
	background: #fff;
}
.detailrow .news-text {
	padding: 20px;
	background: #f7f7f7;
}

.news-text p {
	color: #333333;
	font-size: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	margin-bottom: 10px;
}

.news-text .function-detail {
	margin-top: 5px;
}

.news-view {
	background: #f7f7f7;
}

.news-v-top {
	/* width: 94%; */
	/* max-width: 1400px; */
	margin: 0 30px 30px;
}

.news-top-time {
	position: relative;
	display: flex;
	justify-content: space-between;
	line-height: 1.2;
}

.news-top-time:before {
	position: absolute;
	left: 200px;
	right: 0;
	top: 50%;
	height: 1px;
	content: "";
	opacity: 0.2;
	background: #999;
}

.news-top-time time {
	display: block;
	line-height: 1;
	color: #999;
	font-size: 14px;
	font-family: "Open Sans-bold";
}

.news-top-time a {
	display: inline-block;
	color: #a78157;
	font-size: 16px;
}

.view-v {
	display: flex;
	justify-content: space-between;
	/* width: 94%; */
	/* max-width: 1400px; */
	margin: 0 30px 30px;
}

.view-v-info {
	width: 100%;
}

.view-v-title {
	position: relative;
	margin-bottom: 45px;
	/* width: 94%; */
	/* max-width: 1400px; */
	margin: 40px 30px 20px;
}

.view-v-title h2 {
	display: block;
	position: relative;
	padding-left: 0;
	color: #333;
	font-size: 24px;
	line-height: 1.2;
	margin: 0;
	margin-block-start: 0;
	margin-block-end: 0;
}

.view-v-title i {
	display: inline;
	position: absolute;
	left: 0;
	top: 9px;
	line-height: 1;
	color: #a78157;
	font-size: 24px;
	font-style: bold;
}

.view-v-text {
	color: #666666;
	font-size: 15px;
}
.view-v-text p{font-size:15px;line-height:1.8}
.view-v-text img {
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 10px auto;
	display: block;
}

.view-compents {
	width: 100%;
}

.view-compents .news-li {
	display: block;
}

.view-compents .news-li li {
	margin-right: 0;
	margin-bottom: 30px;
	width: 100%;
	top: 0;
}

.service-idea,.service-idea2{
	padding: 80px 0;
	background: #fff;
}

.service-idea-item {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.service-idea-item figure {
	display: block;
	line-height: 1;
	width: 50%;
	margin: 0;
}
.service-idea2 .service-idea-item figure img {margin:0 0 0 auto;border-radius: 0 0 0 100px;}
.service-idea-item figure img {
	display: block;
	width: 90%;
	height: auto;
	border-radius: 0 0 100px 0;
}

.service-inofs {
	/* padding-top: 50px; */
	width: 50%;
}

.services-tt {
	display: block;
	position: relative;
	line-height: 1.2;
	color: #333;
	font-weight: normal;
	font-family: "Open Sans-bold";
	font-size: 30px;
	margin: 0;
}
.service-idea2 .services-tt:before {
    right: -150px;
    left:auto;
    z-index: 9;
}
.services-tt:before {
	position: absolute;
	left: -176px;
	top: 50%;
	margin-top: -5px;
	content: "";
	width: 148px;
	height: 10px;
	background: #1559aa;
}

.service-in {
	margin-top: 30px;
	margin-bottom: 2vw;
	color: #666666;
	font-size: 15px;
	line-height: 1.6;
}

.service-dit p {
	position: relative;
	margin: 0 0 10px;
	padding-left: 18px;
	color: #666;
	font-size: 15px;
	color: #333;
}
.service-dit p span{color: #888;margin-left: 10px;font-size: 15px;}

.service-dit p:before {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -2px;
	content: "";
	width: 7px;
	height: 4px;
	border-radius: 2px;
	background: #1559aa;
}

.service-wr {
	position: relative;
	display: flex;
	width: 94%;
	max-width: 1400px;
	margin: 0 auto;
}

.service-ico {
	position: absolute;
	right: 0;
	top: 44px;
	transform: rotate(90deg);
	transform-origin: center top;
	width: 3.23vw;
}

.service-ico p {
	color: #a78157;
	font-size: 2.23vw;
	line-height: 1.6;
	opacity: 0.2;
	transition: 0.3s;
	white-space: nowrap;
	font-family: "Open Sans-bold";
}

.service-ico p:nth-child(2) {
	margin-left: 0;
}

.service-ico p:hover {
	opacity: 1;
}

.service-en {
	letter-spacing: 2vw;
	margin-top: 7.38vw;
	white-space: nowrap;
	text-transform: uppercase;
	text-align: center;
}

.warm-prompt {
	padding: 4.17vw 0 0 14vw;
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
}

.warm-imgs {
	width: 62.56%;
}

.warm-imgs figure {
	position: relative;
	display: block;
	padding-bottom: 72.22%;
	height: 0;
	overflow: hidden;
	line-height: 1;
}

.warm-imgs figure img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.warm-imgs figure img {
	height: 120%;
}

.warm-info {
	padding-top: 58px;
	width: 32.31%;
}

.warm-info .advantages-title {
	padding-left: 0;
	margin-bottom: 0;
}

.warm-list {
	margin-top: 3vw;
	border-left: 1px solid #eee;
}

.warm-items {
	margin-bottom: 4vw;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	padding-left: 40px;
}

.warm-items:hover:before {
	transform: scaleY(1);
}

.warm-items:before {
	position: absolute;
	left: -1px;
	top: 0;
	content: "";
	width: 1px;
	height: 100%;
	background: #a78157;
	transform: scaleY(0);
	transition: 0.4s;
}

.warm-items figure {
	display: block;
	width: 3.65vw;
}

.warm-items figure img {
	max-width: 100%;
	width: auto;
	height: auto;
}

.warm-items:last-child {
	margin-bottom: 0;
}

.warm-in {
	flex: 1;
	margin-left: 24px;
}

.warm-in strong {
	display: block;
	margin-bottom: 10px;
	line-height: 1;
	color: #333333;
	font-size: 22px;
	font-weight: normal;
}

.warm-in p {
	color: #666666;
	font-size: 14px;
	line-height: 1.6;
}

.faq {
	padding: 10vw 14.58vw 9.9vw 0;
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.faq:before {
	position: absolute;
	right: 0;
	top: 2vw;
	z-index: -1;
	content: "";
	width: 8.59vw;
	height: 53.18vw;
	background: url(../img/faqbg.png) center no-repeat;
	background-size: cover;
}

.faq-imgs {
	width: 37.8%;
}

.faq-imgs figure {
	position: relative;
	display: block;
	padding-bottom: 120%;
	height: 0;
	overflow: hidden;
	line-height: 1;
}

.faq-imgs figure img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.faq-imgs figure img {
	height: 110%;
}

.faq-info {
	width: 52.31%;
}

.faq-title {
	display: block;
	line-height: 1;
	color: #a78157;
	font-size: 2vw;
	font-family: "Open Sans-bold";
}

.faq-list {
	margin-top: 12px;
}

.faq-list li {
	padding: 2vw 52px 2vw 0;
	position: relative;
}

.faq-list li:before {
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	width: 100%;
	height: 1px;
	background: url(../img/dit4.png) center repeat-x;
}

.faq-list li:hover strong {
	color: #a78157;
}

.faq-list li strong {
	display: block;
	margin-bottom: 15px;
	position: relative;
	color: #333333;
	font-size: 20px;
	line-height: 27px;
	transition: 0.35s;
}

.faq-list li strong:before {
	position: absolute;
	left: -40px;
	top: 2px;
	content: "";
	width: 27px;
	height: 27px;
	background: url(../img/faq.png) center no-repeat;
}

.faq-list li p {
	color: #666666;
	font-size: 16px;
}

.marketing {
	padding: 7.5vw 14.58vw 8.85vw;
}

.marketing-top {
	margin-bottom: 20px;
	text-align: center;
}

.marketing-top strong {
	display: block;
	margin-bottom: 20px;
	line-height: 1.2;
	color: #333;
	font-size: 24px;
}

.marketing-top p {
	color: #a3895f;
	font-size: 1.25vw;
	line-height: 1.5;
}

.marketing-wrap {
	position: relative;
	margin: auto;
	width: 86.76%;
}

.marketing-wrap figure {
	display: block;
	line-height: 1;
}

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

.marke-head {
	position: absolute;
	right: 8px;
	top: -32px;
	z-index: 5;
	padding: 28px 22px;
	border: 1px solid rgba(163, 137, 95, 0.2);
	background: rgba(163, 137, 95, 0.2);
}

.marke-head strong {
	display: block;
	margin-bottom: 12px;
	line-height: 1.1;
	color: #a2805a;
	font-weight: normal;
	font-family: "Open Sans-bold";
	font-size: 1.25vw;
}

.marke-head p {
	line-height: 1.2;
	color: #a3895f;
	font-size: 16px;
}

.market-asia {
	position: absolute;
	left: 0;
	bottom: -28px;
	z-index: 3;
	width: 100%;
	text-align: center;
}

.market-asia p {
	margin: auto;
	position: relative;
	left: 100px;
	width: 560px;
	color: #a3895f;
	font-size: 24px;
	line-height: 1.5;
}

.contact {
	padding: 80px 0 100px;
	/* display: flex; */
	/* justify-content: space-between; */
	background: #f7f7f7;
}
.contactrow{
    width: 90%;
    /* max-width: 1400px; */
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    background: #fff;
}

.contact-informate {
	width: 50%;
}

.contact-informate .marketing-top {
	text-align: left;
	margin-bottom: 40px;
}

.map {
	height: 300px;
}

.bm_bottomLeftOverlay {
	display: none !important;
}

.contact-address {
	padding-top: 4.69vw;
	width: 41.91%;
}

.address-item {
	margin-bottom: 3.85vw;
}

.address-item:last-child {
	margin-bottom: 0;
}

.address-item strong {
	display: block;
	margin-bottom: 30px;
	line-height: 1;
	color: #333333;
	font-size: 26px;
	font-weight: bold;
	font-family: "Open Sans-bold";
}

.address-item p {
	color: #666666;
	font-size: 15px;
	margin-bottom: 10px;
}

.address-item:last-child {
	margin-bottom: 0;
}

.measage {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding: 80px 0;
	background: #eee;
}

.message-imgs {
	width: 38.43%;
}

.message-imgs figure {
	position: relative;
	display: block;
	padding-bottom: 129.9%;
	height: 0;
	overflow: hidden;
	line-height: 1;
}

.message-imgs figure img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.message-imgs figure img {
	height: 110%;
}

.message-form {
	margin-right: 14.58vw;
	padding-top: 0;
	width: 90%;
	/* max-width: 1400px; */
	margin: 0 auto;
}

.message-form .marketing-top {
	text-align: left;
}

.message-form .marketing-top strong {
	margin-bottom: 0;
	line-height: 1.2;
}

.message-form .marketing-top p {
	margin-top: 15px;
}

.message-row {
	margin-bottom: 20px;
}

.message-row .text {
	display: block;
	width: 100%;
	height: 62px;
	line-height: 62px;
	color: #999999;
	font-size: 16px;
	padding: 0 20px;
	border: none;
	outline: none;
	border-bottom: 1px solid #dddddd;
	transition: 0.3s;
}

.message-row .text:focus {
	border-color: #a78157;
}

.message-row .text:focus::-webkit-input-placeholder {
	opacity: 0;
	visibility: hidden;
}

.message-row .textarea {
	color: #999999;
	font-size: 16px;
	padding: 20px;
	height: 90px;
	box-sizing: content-box;
	border: none;
	border-bottom: 1px solid #dddddd;
	transition: 0.3s;
	width: -webkit-fill-available;
	resize: none;
	font-family: "Open Sans";
}

.message-row .textarea:focus {
	border-color: #a78157;
}

.message-row .textarea:focus::-webkit-input-placeholder {
	opacity: 0;
	visibility: hidden;
}

.message-sub {
	display: inline-flex;
	position: relative;
	align-items: center;
	cursor: pointer;
	margin-top: 10px;
	width: 100%;
}
.message-sub button{
    width: 100%;
    line-height: 46px;
    background: #1559aa;
    color: #fff;
    border: none;
    cursor: pointer;
}

.message-sub .sub {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}

.message-sub span {
	display: inline-block;
	margin-right: 8px;
	color: #a78157;
	font-size: 18px;
	font-family: "Open Sans-bold";
}

.message-sub i {
	display: inline-block;
	width: 80px;
	height: 80px;
	background: #a78157 url(../img/arrow2.png) center no-repeat;
	border-radius: 50%;
}

.brand-intro {
	padding: 12.19vw 14.58vw 19.01vw;
	background-position: center bottom;
	background-size: 100% auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	background-repeat: no-repeat !important;
}

.brand-left {
	box-sizing: border-box;
	padding-right: 30px;
	width: 43.75%;
}

.brand-left strong {
	display: block;
	margin-bottom: 15px;
	line-height: 1;
	color: #a78157;
	font-size: 3.13vw;
	font-family: "Open Sans-bold";
	font-weight: normal;
}

.brand-left p {
	color: #666666;
	font-size: 1.25vw;
}

.brand-info {
	flex: 1;
	color: #666666;
	font-size: 16px;
}

.history {
	padding: 6.56vw 0 11.98vw 14.58vw;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.history .brand-left {
	width: 22.31%;
}

.history .brand-left p {
	margin-top: 24px;
	color: #a78157;
	word-break: break-all;
	line-height: 1.6;
}

.history-fix {
	position: relative;
	z-index: 3;
	width: 64.63%;
}

.history-fix:before {
	position: absolute;
	right: 0;
	top: 16.88vw;
	margin-top: 50px;
	content: "";
	width: 77.4vw;
	height: 30.78vw;
	background: url(../img/history.png) center no-repeat;
	background-size: cover;
}

.history-slide {
	position: relative;
	display: flex;
	flex-direction: column-reverse;
	width: 27.29vw;
}

.history-slide:nth-child(2n+2) {
	flex-direction: column;
}

.history-slide:nth-child(2n+2) .history-inner {
	margin-bottom: 0;
	margin-top: 100px;
	padding-top: 24px;
	align-items: flex-start;
}

.history-imgs {
	overflow: hidden;
}

.history-imgs figure {
	position: relative;
	display: block;
	padding-bottom: 62.3%;
	height: 0;
	overflow: hidden;
	line-height: 1;
}

.history-imgs figure img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.history-inner {
	display: flex;
	align-items: flex-end;
	height: 16.88vw;
	margin-bottom: 100px;
}

.history-text {
	display: flex;
	align-items: flex-start;
}

.history-text time {
	display: inline-block;
	position: relative;
	margin-top: 12px;
	padding-bottom: 28px;
	color: #a78157;
	font-size: 1.67vw;
	line-height: 1;
	background: url(../img/arrow3.png) center bottom no-repeat;
}

.history-text p {
	color: #666666;
	font-size: 16px;
	flex: 1;
}

.hisTime {
	width: 24.03%;
}

.qualificate1 {
	padding-top: 0 !important;
}

.entelligent {
	position: relative;
	z-index: 3;
	padding-left: 14.58vw;
	padding-top: 9.27vw;
	background: #efefef;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.entelligent:before {
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
	content: "";
	width: 14.58vw;
	height: 100%;
	background: #fff;
}

.entelligent .brand-left {
	width: 35.85%;
}

.entelligent .brand-left strong {
	margin-bottom: 22px;
	font-size: 2.71vw;
}

.entelligent .brand-left p {
	color: #a78157;
	line-height: 1.4;
}

.entelligent-imgs {
	width: 58.53%;
	line-height: 1;
}

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

.systenm {
	padding: 6.25vw 14.58vw 6.46vw;
	background: #f7f7f7;
}

.systenm-numble {
	line-height: 1;
	color: #a78157;
	opacity: 0.2;
	font-size: 20px;
}

.systenm-numble span,
.systenm-numble b {
	display: inline-block;
	font-weight: normal;
}

.systenm-numble b {
	font-size: 2.08vw;
}

.system-box {
	margin-top: 48px;
	position: relative;
}

.systenm-swiper {
	margin: 0;
	width: 58.67%;
}

.systenm-swiper .swiper-pagination {
	position: relative;
	margin-top: 54px;
	text-align: left;
}

.systenm-swiper .swiper-pagination .swiper-pagination-bullet {
	position: relative;
	width: 26px;
	height: 26px;
	opacity: 1;
	background: none;
	margin: 0;
	margin-right: 22px;
}

.systenm-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
	opacity: 1;
}

.systenm-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
	transform: scale(1);
}

.systenm-swiper .swiper-pagination .swiper-pagination-bullet:before {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -4px;
	margin-top: -4px;
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #a78157;
	opacity: 0.5;
	transition: 0.36s;
}

.systenm-swiper .swiper-pagination .swiper-pagination-bullet:after {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 50%;
	box-sizing: border-box;
	border: 1px dashed #a78157;
	transform: scale(0);
	transition: 0.35s;
}

.systenm-slide strong {
	display: block;
	margin-bottom: 10px;
	line-height: 1;
	color: #a78157;
	font-size: 36px;
	font-weight: normal;
	font-family: "Open Sans-bold";
}

.systenm-slide p {
	color: #666666;
	font-size: 16px;
}

.systenm-btn {
	position: absolute;
	right: 4.69vw;
	top: 40px;
	display: flex;
}

.systenm-btn span {
	display: inline-block;
	position: relative;
	margin-left: 24px;
	width: 58px;
	height: 58px;
	border: 1px solid #a78157;
	border-radius: 50%;
	cursor: pointer;
	transition: 0.4s;
}

.systenm-btn span:hover {
	background: #a78157;
}

.systenm-btn span:hover.prev:before {
	border-right: 8px solid #fff;
}

.systenm-btn span:hover.next:before {
	border-left: 8px solid #fff;
}

.systenm-btn span:before,
.systenm-btn span:after {
	position: absolute;
	top: 50%;
	margin-top: -7px;
	left: 50%;
	margin-left: -4px;
	content: "";
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	transition: 0.3s;
}

.systenm-btn span.prev:before {
	border-right: 8px solid #a78157;
}

.systenm-btn span.next:before {
	border-left: 8px solid #a78157;
}

.systenm-btn span:first-child {
	margin-left: 0;
}

.cooperatives {
	padding: 9.79vw 12.5vw 10.21vw;
	background-position: center bottom;
	background-size: cover;
}

.cooperatives .qualificate-title {
	padding: 0 6.04vw 4.69vw;
}

.cooperatives-list {
	display: flex;
	flex-wrap: wrap;
}

.cooperatives-list li {
	margin-left: -1px;
	margin-top: -1px;
	position: relative;
	width: 16.666%;
	box-sizing: border-box;
	border: 1px solid #e4ebf3;
	height: 8.02vw;
	text-align: center;
}

.cooperatives-list li:hover img {
	transform: scale(1.06);
}

.cooperatives-list li img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
	transition: 0.45s;
}

.loader-box {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 299;
	background: #aa9675;
}

.loader-box.load {
	background: #fff;
	transition: background 1.5s 2s;
}

.loader-box.load .loader-loago img.hide {
	clip-path: inset(0 0 0 0);
}

.loader-loago {
	position: absolute;
	left: 50%;
	margin-left: -101px;
	top: 50%;
	transform: translateY(-50%);
	width: 202px;
}

.loader-loago img {
	width: 100%;
	height: auto;
}

.loader-loago img.show {
	opacity: 0.2;
}

.loader-loago img.hide {
	position: absolute;
	left: 0;
	top: 0;
	clip-path: inset(0 100% 0 0);
	transition: 2s;
}

.loader-small {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	opacity: 0;
	transform: scale(0);
}

.loader-small small {
	background: url(../img/banner1.jpg) center no-repeat;
	display: block;
	width: 100%;
	height: 100%;
	mask: url("../img/loader.png");
	-webkit-mask: url("../img/loader.png");
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-position: center;
	-webkit-mask-position: center;
}

.banner-info .banner-small,
.banner-info .banner-create {
	opacity: 0;
	transform: translateY(100px);
	transition: 1.5s 1s;
}

.banner-info.show .banner-small,
.banner-info.show .banner-create {
	opacity: 1;
	transform: translateY(0);
}

.swiper-slide-active .banner-info .banner-small,
.swiper-slide-active .banner-info .banner-create {
	opacity: 1;
	transform: translateX(0px);

}

.box {
	position: relative;
}

.box-centent {
	position: relative;
}

.box-row {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: auto;
	display: block;
}

.box-banner {
	width: 100%;
	height: 100vh;
	position: relative;
}


.fenye {padding: 30px 0;text-align: center;overflow: hidden;clear: both;}
.fenye a, .fenye span {zoom: 1;display: inline-block;vertical-align: middle;padding: 5px 10px;font-size: 13px;color: #666;background: #fff;margin-bottom: 5px;margin-right: 8px;}
.fenye a:hover, .fenye .page-num-current {background: #1559aa;color: #fff;}


#mapContainer{width:100%; height:480px;}
#tip{height:30px;background-color:#fff;padding-left:10px;padding-right:10px;position:absolute;font-size:12px;right:10px;bottom:20px;border-radius:3px;line-height:30px;border:1px solid #ccc;}
div.info-top {position: relative;background: none repeat scroll 0 0 #F9F9F9;border-bottom: 1px solid #CCC;border-radius:5px 5px 0 0;}
div.info-top div {display: inline-block;color: #333333;font-size:14px;font-weight:bold;line-height:31px;padding:0 10px;text-align:left;}
div.info-top img {position: absolute;top: 10px;right: 10px;transition-duration: 0.25s;width: auto;}
div.info-top img:hover{box-shadow: 0px 0px 5px #000;}
div.info-middle {font-size:12px;padding:10px;line-height:21px;text-align:left}
div.info-bottom {height:0px;width:100%;clear:both;text-align:center;}
div.info-bottom img{position: relative;z-index:104;width: auto;}

.cpfl{padding-top: 20px;padding-bottom: 20px;background: #fff;border-bottom: 1px solid #eee;}
.cpflrow{
    display: flex;
    /* width: 94%; */
    /* max-width: 1400px; */
    margin: 0 auto;
}
.cpflleft{
    flex: 1;
}
.cpflright{
    line-height: 40px;
    color: #666;
    font-size: 14px;
}
.cpfl ul{/* width: 94%; *//* max-width: 1400px; */display: block;justify-content: space-between;margin: 0 auto;margin: 0 auto;flex-wrap: wrap;padding: 0;}
.cpfl ul li{flex: auto;text-align: left;display: inline-block;justify-content: center;border-bottom:1px solid #fff;float: left;}
.cpfl ul li:hover{background: #1559aa;}
.cpfl ul li.active{background: #1559aa;}
.cpfl ul li b{font-size: 40px;opacity: 0.2;color: #1559aa;font-family: "Cormorant SC";}
.cpfl ul li p{display: inline-block;font-size: 15px;/* font-weight: bold; */padding: 0px 25px;line-height: 40px;color: #666;border-right: 1px solid #eee;margin: 0;}
.products-boxs{background: #f7f7f7;padding: 50px 0;}
.cpfl ul li:hover p,.cpfl ul li.active p{color:#fff}
.products-li{display: flex;width: 94%;max-width: 1400px;margin: 0 auto;flex-wrap: wrap;text-align: left;}
.products-li li{flex: 0 0 calc((33.3% - 22px)/1);width: calc((33.3% - 22px)/1);margin: 10px;float: left;background: #fff;border: 1px solid #eee;}
.products-li li figure {position: relative;display: block;padding-bottom: 70%;height: 0;overflow: hidden;line-height: 1;margin: 0;}
.products-li li figure span{position:absolute;top:100%;background: rgba(18,126,255,0.9);padding: 30PX;height: 100%;width: 100%;color: #fff;white-space: pre-line;font-size: 15px;line-height: 1.6;}
.products-li li:hover figure span{top:0;}

.products-li li .img1{width: 100%;height: auto;object-fit: cover;transition:all .5s ease;left: 50%!important;top: 50%!important;-webkit-transform: translate(-50%,-50%)!important;-ms-transform: translate(-50%,-50%)!important;transform: translate(-50%,-50%)!important;position: absolute;}
.products-li li .img2{display: none;width: 100%;height:100%;object-fit: cover;transition:all .5s ease;left: 50%!important;top: 50%!important;-webkit-transform: translate(-50%,-50%)!important;-ms-transform: translate(-50%,-50%)!important;transform: translate(-50%,-50%)!important;position: absolute;}
.products-li li:hover .img1{/* display: none; */width: 105%;}
.products-li li:hover .img2{display: block}
.products-text{padding: 10px;text-align: center;margin: 20px;border-radius: 30px;border: 1px solid #eee;}
.products-text p{color: #333333;font-size: 16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.products-text span{color: #666;font-size: 14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.products-li li:hover .products-text{background: #1559aa;}
.products-li li:hover .products-text p{color:#fff;}
.case-li{display: flex;width: 94%;max-width: 1600px;margin: 0px auto;flex-wrap: wrap;text-align: left;}
.case-li li{flex: 0 0 calc((25% - 40px)/1);width: calc((25% - 40px)/1);margin: 20px;float: left;}
.case-li li figure {position: relative;display: block;padding-bottom: 66.6%;height: 0;overflow: hidden;line-height: 1;}
.case-li li .img1{width: 100%;height:100%;object-fit: cover;transition:all .5s ease;left: 50%!important;top: 50%!important;-webkit-transform: translate(-50%,-50%)!important;-ms-transform: translate(-50%,-50%)!important;transform: translate(-50%,-50%)!important;position: absolute;}
.case-text{padding: 10px;z-index: 9;position: absolute;background: rgba(0,0,0,0.3);width: 100%;text-align: center;color: #fff;bottom: 0;}
.case-text p{color: #fff;font-size: 16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.case-li li:hover .case-text{background: rgba(54,145,225,0.8);}

.detail-one{/* width: 94%; *//* max-width: 1400px; */margin: 0 auto;display: flex;flex-wrap: wrap;background: #fff;}
.cpxqleft{flex: 0 0 50%;position: relative;margin-right: 0;background: #fff;padding: 0;}
.cpxqright{flex: 1;padding: 40px;color: #333;}
.detail-one-img{position: relative;padding-bottom: 100%;width:100%;overflow:hidden;}
.detail-one-img img{width:100%;height:100%;object-fit: cover;transition:all .5s ease;left: 50%!important;top: 50%!important;-webkit-transform: translate(-50%,-50%)!important;-ms-transform: translate(-50%,-50%)!important;transform: translate(-50%,-50%)!important;position: absolute;}
.detail-one-imgs{/* position: absolute; */width: 100%;right: -200px;bottom: 50px;}
.detail-one-title{font-size: 26px;font-weight: bold;margin-top: 0;}
.detail-one-text{font-size: 14px;color: #666;white-space: pre-line;font-size: 15px;line-height: 1.6;}
.detail-one-text p{
    margin: 0;
}
.detailbut{margin-top: 10px;}
.textarea-back{width: 140px;display: block;margin: 40px auto 40px;text-align: center;line-height: 46px;background: #1559aa;}
.back-title{font-size: 14px;color: #fff;}
.cpxqrz{/* width: 94%; *//* max-width: 1400px; */padding-top: 30px;margin: 30px auto 0;overflow: hidden;border-bottom: 1px solid #eee;border-top: 1px solid #eee;}
.cpxqjs{padding:30px;background:#fff;}
.cpxqrz span{font-size: 14px;color: #fff;padding: 10px;background: #1559aa;line-height: 40px;border-radius: 5px 5px 0 0;margin-left: 30px;}
.cpxqrz img{max-width: 100%;}

.cpzx{padding: 60px 0 40px;}
.cpzx ul{width: 94%;max-width: 1480px;margin: 0 auto;display: flex;flex-wrap: wrap;}
.cpzx ul li{flex: 0 0 calc((33.3% - 90px)/1);margin: 20px 40px 60px;border: 5px solid #eee;border-image: linear-gradient(#c9a063,#ffdca6,#cda75b)30 30;text-align: center;position: relative;}
.cpzx li img{width:240px;max-width: 80%;margin-top: 20px;transition: all .5s ease;}
.cpzx li b{width: 80px;display: block;font-size: 50px;line-height: 1;opacity: 1;color: rgba(167,129,87,0.5);background: #fff;font-family: "Cormorant SC";position: absolute;padding: 10px;top: -43px;}
.cpzx ul li:hover b{color: rgba(167,129,87,1);}
.cpzx ul li:hover p{color: #a78157;}
.cpzx li p{font-size: 25px;font-weight: bold;padding-left: 0;color: #333;}
.cpzx li .title1{color: #666;font-size: 14px;}
.cpzx li .title2{color: #888;margin-bottom: 30px;font-family: "Cormorant SC";font-size: 16px;}

.detailrow{/* max-width: 1400px; *//* width: 94%; */margin: 0 auto;display: flex;}
.detailleft{width: 20%;flex: 0 0 20%;}
.detailright{width: 77%;flex: 0 0 77%;margin-left: 3%;background: #fff;padding: 20px;}
.detailrightbt{color: #333;font-weight: bold;font-size: 18px;margin-bottom: 20px;border-bottom: 1px solid #eee;padding-bottom: 10px;}
.detailright ul{}
.detailright li{}
.detailright li figure{margin: 0;}
.detailright li img{width: 100%;}
.detailright li .xg-text{padding: 5px;border: 1px solid #eee;text-align: center;border-radius: 30px;margin: 5px 0 20px;}
.detailright li p{}
.detailcpzx{padding: 8px 30px;background: #3690e0;display: inline-block;color: #fff;}
.info{width:94%;max-width:1600px;padding:30px;background:#fff;margin: 0 auto;}
.infobt{font-size:24px;margin-bottom: 30px;border-bottom: 1px solid #eee;padding-bottom: 20px;}
.infotxt{font-size:15px;line-height: 1.8;}
.infotxt p,.infotxt span{text-wrap: inherit!important;}
.infotxt strong{font-size:18px;}
#mapContainer .info{width:100%;padding: 0;}
#c_navigation_0061635239687823 .e_formBtn-21 input{    position: absolute;width: 100%;height: 100%;z-index: 9;opacity: 0;}


.product_cpfl_content{}
.product_cpfl_title{background: #1559aa;color: #fff;padding: 15px 20px;}
.product_cpfl_content ul{}
.product_cpfl_content ul li{padding: 15px 20px;background: #fff;border-bottom: 1px solid #eee;}
.product_cpfl_content ul li.active a{color:#1559aa}
.product_list_content{display: flex;flex-wrap: wrap;}
.product_list_row{flex: 0 0 31.3%;margin: 1%;width: 31.3%;}
.product_list_row:hover .product_list_img{border: 1px solid #1559aa;}
.product_list_row:hover .product_list_title a{color:#1559aa}
.product_list_img{border: 1px solid #eee;position: relative;padding-bottom: 66.6%;}
.product_list_img img{width: 100%;width: 100%;height:100%;object-fit: cover;transition:all .5s ease;left: 50%!important;top: 50%!important;-webkit-transform: translate(-50%,-50%)!important;-ms-transform: translate(-50%,-50%)!important;transform: translate(-50%,-50%)!important;position: absolute;}
.product_list_title{text-align: center;line-height: 50px;}
.product_list_title a{}

.detail-one {margin: 0 auto;display: flex;flex-wrap: wrap;background: #fff;padding: 20px;}
.detail-one-imgs{width:100%;}
.cpxqleft {flex: 0 0 50%;position: relative;margin-right: 5%;background: #fff;/* border: 1px solid #eee; */width: 50%;}
.cpxqleft .mycpSwiper{border:1px solid #eee;}
.cpxqleft .mycpSwiper .swiper-slide{padding-bottom: 66.6%;position: relative;}
.cpxqleft .mycpSwiper img{width:100%;height:100%;object-fit: cover;transition:all .5s ease;left: 50%!important;top: 50%!important;-webkit-transform: translate(-50%,-50%)!important;-ms-transform: translate(-50%,-50%)!important;transform: translate(-50%,-50%)!important;position: absolute;}

.cpxqleft .swiper-button-prev,.cpxqleft .swiper-button-next{font-size: 20px;color: #aaa;}
.cpxqleft .swiper-button-prev,.cpxqleft .swiper-button-next{background:none}
.cpxqright {flex: 1;padding: 0;/* BORDER-LEFT: 1px solid #eee; */color: #333;}
.detail-one-title {font-size: 26px;font-weight: bold;margin-top: 0;margin-bottom: 20px;line-height: 1;}
.detail-one-text {font-size: 18px;line-height: 1.4;color: #666;margin-bottom: 20px;}
.detail-one-text2 {font-size: 16px;line-height: 1.5;color: #666;margin-bottom: 20px;margin-top: 20px;white-space: pre-line;}
.news_read_line{width:100%;height:1px;background:#eee;margin: 15px 0;}
.detailbut {margin-top: 30px;}
.detailcpzx {padding: 8px 30px;background: #1559aa;display: inline-block;color: #fff;transform: skew(-8deg);border-radius: 3px;font-size: 16px;}
.product_read_bjq strong{font-size: 18px;color: #1559aa;}
.product_read_bjq{border-top:1px solid #eee;margin-top: 40px;overflow: hidden;padding:20px;}
.product_read_bjq,.product_read_bjq p {font-size: 16px;line-height: 1.6;color: #666;margin-bottom: 0;text-wrap: inherit;}
.product_read_bjq img{max-width: 100%;width:auto;display:block;margin:20px auto;}
.product_read_bjq video{max-width: 100%;width:auto;display:block;margin:20px auto;height:auto;}
.product_read_bjq table{width:100%;margin-top:20px;}
.product_read_bjq td{padding: 6px 10px;}
.product_read_bjq td strong{color: #333;font-size: 16px;}
.product_read_bjq tr{border: 1px solid rgba(0,0,0,0.06);}
.product_read_bjq tr:nth-child(2n){background:rgba(0,0,0,0.03);}

@media only screen and (max-width: 1360px) and (min-width: 769px){
    .detail-one-imgs {/* position: absolute; *//* width: 200px; *//* right: -100px; *//* bottom: 20px; */}
	.detail-one-title{margin-top:10px;font-size:24px;}
	.detail-one-text {font-size: 14px;}
	.pbanner-text strong{font-size:36px;}
	.pbanner-text{bottom: 5%;}	
	.products-li li{flex: 0 0 calc((50% - 22px)/1);width: calc((50% - 22px)/1);}
}
@media only screen and (max-width: 768px) {
	.cpxqleft{flex: 0 0 100%;margin:0;}
	.cpxqright{flex: 0 0 100%;}
    .detail-one-imgs {/* position: absolute; *//* width: 120px; *//* right: 0px; *//* bottom: -80px; */}
	.detail-one-title{/* margin-top:10px; */font-size: 20px;padding-right: 0;}
	.detail-one-text {font-size: 14px;padding-right: 0;}
	.cpfl ul li b{font-size: 26px;}
	.cpxqrz span{/* font-size: 20px; */}
	.cpxqrz{margin: 30px auto 0;}
	.cpfl {padding: 10px 20px;}
	.products-li li {flex: 0 0 calc((50% - 12px)/1);width: calc((50% - 12px)/1);margin: 0 5px 10px;float: left;}
	.products-li li figure span{display:none;}
	.case-li li {flex: 0 0 calc((50% - 20px)/1);width: calc((50% - 20px)/1);margin: 0 10px 20px;float: left;}
	.case-text{padding:5px 0;}
	.case-text p{font-size:14px;}
	.cpzx ul li{flex: 0 0 calc((50% - 24px)/1);margin: 10px 10px 30px;border: 2px solid #eee;border-image: linear-gradient(#c9a063,#ffdca6,#cda75b)30 30;text-align: center;position: relative;}
	.cpzx{padding: 30px 0 20px;}
	.cpzx li p{font-size: 20px;}
	.cpzx li b{width: 60px;display: block;font-size: 30px;line-height: 1;opacity: 1;color: rgba(167,129,87,0.5);background: #fff;font-family: "Cormorant SC";position: absolute;padding: 6px 10px;top: -25px;}
	.cpzx li .title2{margin-bottom:20px;}
	
	.pbanner figure{padding-bottom:50%;}
	.pbanner-text strong{font-size:16px;}
	.pbanner-text{bottom: 15%;}
	.cpflrow,.service-idea-item{flex-wrap: wrap;}
	.cpflleft,.cpflright,.service-idea-item figure,.service-inofs{width:100%;}
	.services-tt{font-size:20px;}
	.service-idea2 .service-idea-item figure img{border-radius: 0 0 0 30px;width:100%;margin-bottom:30px;}
	.service-idea-item figure img{border-radius: 0 0 30px 0;width:100%;margin-bottom:30px;}
	.service-idea, .service-idea2{padding:30px 0;}
	.cpflright{border-top:1px solid #eee;margin-top:5px;}
	.pbanner-text p{font-size: 14px;line-height: 1;letter-spacing: 4px;margin-top: 5px;display:none;}
	.service-idea2 .services-tt:before,.services-tt:before{display: none;}
	.service-idea2 .service-idea-item{flex-direction: column-reverse;}
	.cpfl ul li p{font-size: 14px;padding: 0px 20px;}
	
	#c_navigation_0061635239687823.actives{width: 100%;left: 50%;top: 0%;margin-left: -50%;}
	#c_navigation_0061635239687823 .e_navigationA-16 .p_level1Box{height: 100vh;}
	
    .products-boxs{padding: 20px 0;}
	.products-text{margin: 0 0 5px;border: none;}
	.products-text p{font-size:14px}

	.detailrow{flex-wrap: wrap;}
	.detailleft,.detailright{width:100%;flex:0 0 100%;margin: 0;}

	.news-boxs{padding: 30px 0 30px;}
	.news-li li{flex: 0 0 100%;margin-bottom: 20px;}
	.news-view{padding:0px 0;}
	.view-v-title{margin:30px 20px 20px;}
	.news-v-top{margin:0 20px 20px;}
	.view-v{margin:0 20px 20px;}
	.view-v-title h2{font-size:20px;}
	
	.info{width:94%;max-width:1600px;padding:15px;background:#fff;}
	.infobt{font-size:20px;margin-bottom:10px;}
	.infotxt{font-size:14px;}
	.infotxt strong{font-size:16px;}
	.contact{padding:30px 0;}

	.contactrow{flex-wrap: wrap;}.contact-informate{width: 100%;}
	.contact-address{width: 100%;margin-top: 20px;}
	
	#c_product_list_179-1670299206786{overflow: hidden!important;}
	.ho2 .ev.on h5{font-size:16px!important;}
	.ho2 .intr h5{font-size:16px!important;}
	.ho2 .intr p{font-size:14px!important;}
	.ho2 .col{padding:0;}
	
	.main{background:#fff!important;}
	.mobile-nav li ul.mchildren{display:none;}
	
	.product_cpfl_title{padding:10px 15px;}
	.product_cpfl_content ul{display: flex;flex-wrap: wrap;background:#fff;}
	.product_cpfl_content ul li{width:33.3%;padding:10px 15px;}
	.detailright{margin-top:20px;padding:10px;}
	.product_list_row{flex:0 0 100%;width:100%;margin:0 0 20px;}
	.product_list_title{line-height:40px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
	.detail-one{padding:0}
	.detail-one-title{margin-top: 20px;}
	.product_read_bjq{padding:0;}
	.product_read_bjq, .product_read_bjq p{font-size:14px;}
	.product_read_bjq strong{font-size:16px;}
	.product_read_bjq table{table-layout: fixed;}
	.post_nav_link{display:none;}
	.contact-address{padding:0 20px;}
}