@charset "utf-8";
.abgywm.abgywm-1 {
	padding-top: 100px;
}
.abgywm.abgywm-1 {
	position: relative;
	margin-top: -1px;
}
.abgywm.abgywm-1 .abgywm-backing {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	padding-bottom: 33.33%;
	z-index: 0;
	background-color: #333;
	background-position: top left;
	background-repeat: repeat;
	background-size: auto;
}
.abgywm.abgywm-1 .abgywm-backing {
	display: block;
}
.abgywm.abgywm-1 .abgywm-wrap {
	position: relative;
	z-index: 1;
}
.layout-wrapper {
	max-width: 1600px;
	margin: 0 auto;
	padding: 0 16px;
}
.ztcon.ztcon-content > .ztcon-row {
	margin: -40px 0 0 -40px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.ztcon.ztcon-content > .ztcon-row > .ztcon-col {
	padding: 40px 0 0 40px;
	box-sizing: border-box;
}
.ztcon > .ztcon-row > .ztcon-col.ztcon-col-fl {
	width: 50%;
}
.ztcon > .ztcon-row > .ztcon-col {
	-webkit-flex: none;
	flex: none;
	width: 100%;
}
.about .about-wrap .about-title {
	font-size: 50px;
	line-height: 1;
	margin: 0 0 42px;
	text-align: left;
	color: #D89D73;
}
.about .about-wrap .about-desc {
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 24px;
	color: #fff;
}
.about .about-wrap .about-desc {
	font-size: 16px;
	line-height: 1.5;
	text-align: justify;
	color: #666;
	margin-bottom: 16px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	word-break: break-word;
	white-space: normal;
	-webkit-line-clamp: 3;
}
.about .about-wrap .about-action {
	margin-bottom: 32px;
}
.about .about-wrap .about-action .about-action-pc {
	display: block;
}
.about-btn.about-btn-md {
	height: 40px;
	line-height: 38px;
	border-radius: 20px;
	padding: 0 42px;
	font-size: 16px;
}
.about-btn.about-btn-light {
	color: #fff;
	border-color: #fff;
}
.about-btn {
	display: inline-block;
	vertical-align: middle;
	-webkit-transition: background-color .3s ease 0s;
	transition: background-color .3s ease 0s;
	background-image: none;
	outline: none;
	cursor: pointer;
	appearance: none;
	text-decoration: none;
	user-select: none;
	text-align: center;
	font-weight: 500;
	word-spacing: normal;
	white-space: nowrap;
	color: #333;
	border: 1px solid #d9d9d9;
	background-color: transparent;
	height: 32px;
	line-height: 30px;
	border-radius: 16px;
	padding: 0 32px;
	font-size: 14px;
}

.about .about-wrap .about-action .about-action-h5 {
	display: none;
	text-align: center;
}
.about .about-wrap .about-action .about-action-h5 a {
	color: #D89D73;
	border-color: #D89D73;
}
.about .about-wrap .about-gallery {
	margin-bottom: 0;
}
.sp.sp-con {
	height: 100%;
}
.sp {
	display: block;
	position: relative;
}
.sp .sp-cover {
	height: 100%;
}
.sp.sp-con .sp-wrap {
	height: 100%;
}
.sp .sp-wrap {
	display: block;
}
.spvd-zt.sp-js {
	padding-bottom: 0;
	height: 100%;
}
.spvd-zt .vd-con {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	-webkit-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
}
.spvd-zt {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 75%;
	overflow: hidden;
}
.vd-con {
	transform-origin: center center;
}
.spvd-zt-hover:hover .vd-con {
	transform: scale(1.1);
}
.spvd-zt .vd-con .spvd-zt-inner {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.spvd-zt .vd-con .spvd-zt-inner, .spvd-zt .vd-con .spvd-zt-img {
	display: block;
	width: 100%;
	height: 100%;
}
.spvd-zt .vd-mask {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	background-color: rgba(0, 0, 0, 0.5);
	overflow: hidden;
}
.sp .sp-wrap .sp-intro {
	pointer-events: none;
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	padding: 32px;
	color: #fff;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.vd-icon.vd-icon-sp {
	width: 64px;
	height: 64px;
}
.vd-icon.vd-icon-sp > i {
	font-size: 64px;
}
.about .about-wrap .about-gallery .swiper-button-prev {
	right: 48px;
}
.about .about-wrap .about-gallery .swiper-button-prev, .about .about-wrap .about-gallery .swiper-button-next {
	width: 48px;
	height: 48px;
}
.about .about-wrap .about-gallery .swiper-button-prev, .about .about-wrap .about-gallery .swiper-button-next {
	bottom: 0;
	top: auto;
}
.spvd-zt.spvd-zt-4-3 {
	padding-bottom: 75%;
}


.about-swiper .swiper-button-prev, .about-swiper .swiper-button-next {
    bottom: 0;
    top: auto;
}
.about-swiper .swiper-button-prev, .about-swiper .swiper-button-next {
    width: 48px;
    height: 48px;
}
.about-swiper .swiper-button-prev {
    right: 48px;
}
.about-swiper .swiper-button-next {
    /* left: 0; */
    right: 0;
}
.about-swiper .swiper-button-prev, .about-swiper .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 32px;
    height: 32px;
    margin-top: -16px;
    z-index: 1;
    cursor: pointer;
    display: flex
;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    font-size: 18px;
}


.about-swiper .swiper-button-prev:hover, .about-swiper .swiper-button-next:hover{background-color:rgba(216,157,115,0.5)}


 @media screen and (max-width: 768px) and (min-width: 320px) {
.abgywm.abgywm-1 {
	padding-top: 20px;
}
.layout-wrapper {
	max-width: 100%;
	margin: 0 auto;
	padding: 0 16px;
}
.abgywm.abgywm-1 .abgywm-backing {
	display: none;
}
.ztcon > .ztcon-row > .ztcon-col.ztcon-col-fl {
	width: 100%;
}
.about .about-wrap .about-title {
	font-size: 24px;
	margin: 24px 0;
	text-align: center;
	color: #D89D73;
}
.about .about-wrap .about-action .about-action-h5 {
	display: block;
}
.about .about-wrap .about-action .about-action-pc {
	display: none;
}
.spvd-zt.sp-js {
	padding-bottom: 100%;
	height: auto;
}
}