.swiper-slide1 {

	width: 100%;

	height: 100vh;

	overflow: hidden;

	transform: scale(1);

	transition: transform 0.5s ease;

	position: relative

}



.swiper-slide1>img {

	width: 100%;

	height: 100%;

	object-fit: cover

}



.swiper-animation {

	animation: scaleUp 5s ease-out forwards

}



@keyframes scaleUp {

	0% {

		transform: scale(1)

	}



	100% {

		transform: scale(1.1)

	}

}



.page-box {

	position: absolute;

	right: 7%;

	bottom: 60px;

	z-index: 10;

	transition: all 1.2s ease

}



.page-current {

	font-family: 'BagnardSans';

	font-size: 40px;

	font-weight: 600;

	color: #19adb2

}



.page-all {

	font-size: 20px;

	color: #4F4F4F

}



.swiper1-textBox {

	position: absolute;

	top: 45%;

	left: 7.5%;

	opacity: 0;

	transform: translateY(10px)

}



.swiper1-text1 {

	z-index: -1;

	position: absolute;

	left: -3vw;

	top: 50%;

	transform: translateY(-50%);

	width: 24.8958333333vw

}



.swiper1-text1 img {

	width: 100%;

	height: 100%;

	object-fit: cover

}



.swiper1-text2 {

	color: #7D411E;

	z-index: 100;

	font-size: 3.3vw;

	font-weight: 500;

	background: -webkit-linear-gradient(top, #603519 19%, #78421E 67%, #864A21 95%);

	-webkit-background-clip: text;

	-webkit-text-fill-color: transparent;

	position: relative

}



.swiper1-line {

	margin: 40px 0;

	z-index: 100;

	width: 2.3vw;

	height: 2px;

	background-color: #19adb2

}



.swiper1-text3 {

	position: absolute;

	top: 190%;

	left: 0;

	color: #603519;

	z-index: 100;

	font-size: 1.3vw

}



.swiper1-text3::after {

	content: '';

	z-index: 100;

	width: 20%;

	height: 2px;

	background-color: #19adb2;

	position: absolute;

	top: -100%;

	left: 0

}



.swiper2-textBox {

	position: absolute;

	top: 42%;

	left: 11%;

	z-index: 10;

	opacity: 0;

	transform: translateY(10px)

}



.setSlow {

	animation: slowAm 1s forwards

}



.setSlow2 {

	animation: slowAm2 1.5s forwards

}



.setSlow3 {

	animation: slowAm3 1.5s forwards

}



.setSlow4 {

	animation: slowAm4 1.5s forwards

}



@keyframes slowAm {

	0% {

		opacity: 0;

		transform: translateY(100px)

	}



	100% {

		opacity: 1;

		transform: translateY(0px)

	}

}



@keyframes slowAm2 {

	0% {

		opacity: 0;

		transform: translateX(-100px)

	}



	100% {

		opacity: 1;

		transform: translateX(0)

	}

}



@keyframes slowAm3 {

	0% {

		opacity: 0;

		transform: translate(-50%, 100px)

	}



	100% {

		opacity: 1;

		transform: translate(-50%, -50%)

	}

}



@keyframes slowAm4 {

	0% {

		opacity: 0;

		transform: translateX(100px)

	}



	100% {

		opacity: 1;

		transform: translateX(0)

	}

}



.head-navL11 {

	transform: rotate(45deg) translateY(10px)

}



.head-navL32 {

	transform: rotate(-45deg) translateY(-10px)

}



.about-swashesBox {

	padding: 0;

	margin: 0;

	width: 100%;

	position: relative;

	overflow: hidden;

	background-color: #EFEFEF

}



.about-imgBox {

	padding: 0;

	z-index: 0;

	width: 100%;

	background-color: #EFEFEF

}



.about-img {

	position: absolute;

	top: 0;

	right: 0;

	width: 100%;

	height: 100%;

	object-fit: cover

}



.about-imgBox::after {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background-color: #8F7555;

	opacity: 0.5;

	mix-blend-mode: multiply;

	content: ''

}



.about-top {

	height: 108px;

	width: calc(100% - 71vw);

	background-color: #EFEFEF;

	position: relative;

	z-index: 10

}



.about-conBox {

	display: flex;

	justify-content: center;

	align-items: center;

	flex-wrap: wrap;

	position: relative;

	z-index: 10

}



.about-con {

	margin: 0;

	padding: 0;

	display: flex;

	justify-content: center;

	background-color: #fff;

	overflow: hidden;

	position: relative

}



.about-vide {

	height: 100%;

	display: flex;

	justify-content: center;

	align-items: center;

	flex-direction: column;

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

	position: relative;

	z-index: 10;

	padding: 45px 0

}



.about-vide::after {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	background-color: #8F7555;

	opacity: 0.5;

	mix-blend-mode: multiply;

	content: ''

}



@media (min-width:1200px) {

	.about-vide {

		background-image: none !important

	}



	.about-vide::after {

		display: none

	}

}



.about-pp1 {

	position: absolute;

	top: 4%;

	left: -27%;

	z-index: 1;

	width: 60%;

	padding-top: 60%;

	border-radius: 50%;

	transition: all 1s ease;

	opacity: 0.04;

	background-color: #19adb2

}



.about-pp2 {

	position: absolute;

	left: 60%;

	top: -26%;

	z-index: 1;

	transition: all 1s ease;

	width: 50%;

	padding-top: 50%;

	border-radius: 50%;

	transition: all 1s ease;

	opacity: 0.04;

	background-color: #19adb2

}



.about-pp3 {

	position: absolute;

	top: 63%;

	left: 79%;

	z-index: 1;

	transition: all 1s ease;

	width: 10%;

	padding-top: 10%;

	border-radius: 50%;

	transition: all 1s ease;

	opacity: 0.08;

	background: linear-gradient(350deg, #19adb2 -84%, rgba(254, 214, 184, 0.8) 5%, #19adb2 104%)

}



.about-right {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 115px;

	display: flex;

	justify-content: center;

	align-items: center;

	background-color: #EFEFEF;

	z-index: 1

}



.about-box {

	z-index: 10;

	margin-top: 5vw

}



.about-engTitle {

	font-family: 'BagnardSans';

	font-size: 48px;

	color: #CB9878;

	margin-bottom: 1px

}



.about-chTitle {

	color: #4F4F4F;

	font-size: 38px;

	margin-bottom: 50px;

	font-weight: 500

}



.about-text {

	font-size: 16px;

	line-height: 28px;

	color: #666666;

	margin-bottom: 70px

}



.about-more {

	color: #CB9878;

	display: flex;

	align-items: center;

	margin-bottom: 50px

}



.about-moreText {

	cursor: pointer

}



.about-a {

	position: relative

}



.about-a::after {

	content: '';

	position: absolute;

	top: 50%;

	transform: translateY(-50%);

	left: calc(100% + 21px);

	width: 0px;

	transition: all 0.5s ease;

	height: 3px;

	background-color: #19adb2

}



.about-line {

	margin-left: 20px;

	width: 0;

	transition: all 0.5s ease;

	height: 3px;

	background-color: #19adb2

}



.about-more:hover {

	color: #19adb2

}



.about-more:hover .about-a::after {

	width: 2.0833333333vw

}



.about-more:hover .about-a {

	color: #19adb2 !important

}



.about-numBox {

	padding-top: 100px;

	display: flex;

	justify-content: space-between;

	align-items: center;

	padding-bottom: 140px

}



.about-numBox2 {

	display: none;

	justify-content: space-between;

	align-items: center;

	padding-bottom: 30px

}



.about-nums {

	display: flex;

	justify-content: center;

	align-items: center;

	flex-direction: column

}



.about-numCon {

	font-size: 78px;

	height: 78px;

	line-height: 78px;

	font-weight: 600;

	display: flex;

	margin-bottom: 22px

}



.about-numTop1 p,

.about-numTop2 p {

	font-family: 'D-DIN-Bold';

	background: -webkit-linear-gradient(top, #19adb2, #E2444B);

	-webkit-background-clip: text;

	-webkit-text-fill-color: transparent;

	position: relative

}



.about-numCon span {

	background: -webkit-linear-gradient(top, #19adb2, #E2444B);

	-webkit-background-clip: text;

	-webkit-text-fill-color: transparent

}



.about-num2 {

	margin-left: 3px;

	font-size: 20px;

	font-weight: normal;

	height: 78px;

	line-height: 36px

}



.about-numText {

	color: #666666

}



.cor-culture {

	overflow: hidden;

	display: flex;

	justify-content: space-between;

	position: relative;

	width: 100%

}



.cor-bg {

	position: fixed;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	object-fit: cover;

	z-index: -1

}



.cor-left {

	padding-top: 3.90625vw;

	padding-bottom: 1.5625vw;

	padding-left: calc(1.5rem * 1.6 + 5.5vw)

}



.cor-leftBox {

	padding: 0

}



.cor-engName {

	margin-bottom: 10px

}



.cor-engH1 {

	font-family: 'BagnardSans';

	color: rgba(254, 214, 184, 0.8);

	font-size: 58px;

	line-height: 58px

}



.cor-chH1 {

	color: #fff;

	font-size: 38px;

	font-weight: 500

}



.cor-box {

	width: 50%;

	margin: 0

}



.cor-content {

	width: 100%;

	color: #fff;

	padding: 0

}



.cor-topContent {

	transition: all 0.5s ease;

	position: relative;

	border: 1px solid rgba(255, 255, 255, 0.5);

	border-top: none;

	overflow: hidden;

	padding: 2.6041666667vw 1.1979166667vw 1.875vw 1.5625vw

}



.cor-topContentNew {

	position: absolute;

	opacity: 0;

	bottom: 0;

	bottom: -100%;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: rgba(171, 22, 43, 1);

	padding: 2.6041666667vw 1.1979166667vw 1.875vw 1.5625vw;

	transition: all 1s;

	display: flex;

	justify-content: flex-start;

	align-items: flex-start;

	flex-direction: column

}



.cor-icon {

	width: 40px;

	height: 40px;

	transition: all 0.5s ease;

	position: relative;

	top: 0;

	margin-top: 150px;

	margin-bottom: 40px

}



.cor-nameBox {

	transition: all 0.5s ease;

	position: relative;

	top: 0;

	margin-bottom: 0px

}



.cor-iconNew {

	width: 40px;

	height: 40px;

	margin-bottom: 82px

}



.cor-nameBoxNew {

	transition: all 0.5s ease

}



.cor-text {

	margin-top: 20px;

	font-size: 14px;

	transition: all 0.5s ease

}



.cor-nameNew2 {

	font-size: 20px

}



.cor-name1 {

	font-family: 'BagnardSans';

	font-size: 16px;

	color: #fff

}



.cor-name2 {

	font-size: 20px;

	color: #fff

}



.cor-tel {

	margin: 0;

	padding: 0;

	display: none;

	justify-content: center;

	border-bottom: 1px solid #fff

}



.cor-telContent {

	justify-content: space-between;

	margin: 0;

	padding-right: calc(var(--bs-gutter-x) * .2);

	padding-left: calc(var(--bs-gutter-x) * .2);

	position: relative

}



.cor-telContent::after {

	content: "";

	width: 1px !important;

	height: 98.5%;

	transition: all 0.5s ease;

	position: absolute;

	top: 0;

	left: 50%;

	transform: translateX(-50%);

	background-color: #fff;

	color: #fff

}



.cor-telBox {

	padding-bottom: 10px;

	border-bottom: 1px solid #fff;

	margin-bottom: 5px;

	position: relative

}



.cor-text2 {

	padding-top: 15px;

	color: #fff

}



.cor-icon2 {

	padding: 0;

	padding-right: 10px;

	display: flex;

	justify-content: center;

	align-items: center

}



.cor-icon2 img {

	height: 30px

}



.cor-telTop {

	display: flex

}



.cor-top {

	margin: 0

}



.cor-topContent:hover .cor-icon {

	opacity: 0;

	top: 120%

}



.cor-topContent:hover .cor-nameBox {

	opacity: 0;

	top: 120%

}



.cor-topContent:hover .cor-topContentNew {

	opacity: 1;

	bottom: 0

}



.cor-topContent:hover .cor-iconNew img {

	-webkit-animation: overturn 1.5s;

	transform-origin: center

}



@keyframes overturn {

	0% {

		transform: rotateY(0deg)

	}



	50% {

		transform: rotateY(360deg)

	}



	100% {

		transform: rotateY(0deg)

	}

}



.cor-telBox:hover {

	background-color: rgba(171, 22, 43, 1)

}



.pro-center {

	margin-top: -1px;

	width: 100%;

	background: #ffffff;

	display: flex;

	justify-content: center;

	margin: 0;

	padding: 0;

	position: relative;

	z-index: 10;

	padding-bottom: 77px

}



.pro-box {

	padding-left: calc(var(--bs-gutter-x) * 2.3);

	padding-right: calc(var(--bs-gutter-x) * 2.3)

}



.pro-nameBox {

	padding: 0

}



.pro-eng {

	padding: 0

}



.pro-engName {

	color: #CB9878;

	font-size: 58px;

	font-family: 'BagnardSans'

}



.pro-chH1 {

	color: #000;

	font-size: 5.2rem;

	font-weight: bold;

	margin-bottom: 2rem;

}

.pro-chH2{

	font-size: 2.4rem;

	

}

.pro-rightBox {

	padding-left: 65px;

	padding-right: 0;

	margin: 0;

	display: flex;

	justify-content: center;

	align-items: flex-end

}



.pro-top {

	margin: 0;

	margin-top: 5.15625vw;

	margin-bottom: 2.5520833333vw

}



.pro-right {

	width: 100%;

	display: flex;

	justify-content: space-between;

	align-items: center

}



.pro-navBox {

	display: flex;

	justify-content: space-between;

	align-items: center;

	cursor: pointer;

	border-radius: 25px; /* 圆角 */

	transition: all 0.3s ease;

	padding: 1.6rem 3rem;

	position: relative;

	background-color: #fff;

}

.pro-navBox:hover,.pro-navBoxAct{

	background: linear-gradient(45deg, #0f367b, #0f367b);

	color:#fff;

}



.pro-navBox::before {

  content: '';

  position: absolute;

  top: -1px; 

  left: -1px;

  right: -1px; 

  bottom: -1px;

  /*background: linear-gradient(to right, #E81A2A, #18417C);*/

  background: linear-gradient(45deg, #0f367b, #0f367b); /* 斜对角渐变 */

  border-radius: 29px; /* 圆角 */

  z-index: -1; /* 使得渐变边框在按钮后面 */



}

.pro-nameBox2 {

	max-width: 0;

	transition: all 0.5s ease;

	/*margin-left: 20px;*/

	text-align: center;

	color: #000;

	white-space: nowrap;

	overflow: hidden

}

.pro-navBox:hover .pro-nameBox2,.pro-navBoxAct .pro-nameBox2{

	color:#fff;

}

.pro-more {

	display: flex;

	padding: 0;

	justify-content: flex-end;

	align-items: center;

	color: #19adb2

}



.pro-text {

	transition: all 0.5s ease;

	position: relative;

	z-index: 99;

	color: #19adb2;

	margin: 0;

	height: 35px;

	line-height: 35px;

	text-align: center;

	width: 120px;

	border: 1px solid #19adb2;

	position: relative;

	display: flex;

	justify-content: center;

	align-items: center

}



.pro-text::after {

	content: "";

	transition: all 0.5s ease;

	position: absolute;

	top: 0;

	left: 0;

	width: 0;

	height: 100%;

	background-color: #19adb2;

	z-index: -1;

	color: #fff

}



.pro-text:hover:after {

	width: 100%

}



.pro-text:hover {

	color: #fff

}



.pro-bom {

	position: relative;

	width:100%;

	overflow: hidden;

}



.pro-cocntent2 {

	transition: all 0.5s ease;

	position: relative;

	width: 100%

}



.pro-cocntent3 {

	position: absolute;

	top: 0;

	left: 0

}



.mySwiper3 {

	transition: all 0.5s ease;

	width: 100%;

	height: auto;

}



.set-box {

	text-align: center;

	font-size: 18px;

	display: flex;

	justify-content: center;

	align-items: center;

	position: relative;

	overflow: hidden;

	flex-direction: column

}



.pro-newImg {

	transition: all 0.5s ease;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 1;

	opacity: 0;

	width: 100%

}



.pro-img {

	display: block;

	width: 100%;

	height: 100%;

	object-fit: cover;

	transition: all 0.5s ease

}



.set-ImgBox {

	position: relative;

	width: 100%;

	height: 100%;

	background: linear-gradient(222deg, #E3E3E3 -19%, #F5F5F5 50%, #E3E3E3 120%);

	transition: all 0.5s ease;

	margin-bottom: 20px

}



.pro-img,.pro-newImg {

	width: 100%;

	height: auto;

	object-fit: cover

}



.set-ImgBox::before {

	content: "";

	display: block;

	padding-top: 116.44%

}



.set-content {

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	z-index: 1;

	display: flex;

	flex-direction: column;

	background: #f3f3f3;

}



.pro-title {

	font-size: 18px;

	width: 100%;

	padding: 0.5208333333vw 1.0416666667vw;

	height: 60px;

	display: flex;

	align-items: center;

	justify-content: space-between;

	border-left: 3px solid #19adb2;

	z-index: 2;

	transition: all 0.5s ease;

	background-color: #fff;

	color: #4f4f4f

}



.pro-title::after {

	content: "";

	transition: all 0.5s ease;

	position: absolute;

	bottom: 0;

	left: 0;

	width: 0;

	height: 60px;

	background-color: #19adb2;

	z-index: -1;

	color: #fff

}



.pro-text1 {

	font-weight: 500;

	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap

}



.pro-text1 p {

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap

}



.set-box:hover .pro-title:after {

	width: 100%

}



.set-box:hover .pro-title {

	color: #fff

}



.set-box:hover .pro-newImg {

	opacity: 1

}



.set-box:hover .pro-img {

	opacity: 0

}



.set-box:hover .pro-text1 {

	color: #fff

}



.swiper-prev {

	position: absolute;

	top: 35%;

	left: -3%;

	cursor: pointer

}



.swiper-next {

	position: absolute;

	top: 35%;

	right: -3%;

	cursor: pointer

}



.pro-more2 {

	display: none

}



.swiper3-pagination1,

.swiper3-pagination2,

.swiper3-pagination3,

.swiper3-pagination4 {

	display: flex;

	justify-content: center;

	align-items: center;

	margin: 20px 0

}



.pro-iconImg2 {

	display: none

}



.pro-navBoxAct .pro-iconImg2 {

	display: block

}



.pro-navBoxAct .pro-iconImg1 {

	display: none

}



.pro-nameBox2 {

	max-width: 300px

}



.ster-plan {

	display: flex;

	justify-content: center;

	align-items: stretch;

	width: 100%;

	margin: 0;

	overflow: hidden

}



.ster-left {

	background-color: #fff;

	width: 50%;

	position: relative

}



.ster-leftLi {

	position: absolute;

	top: 0;

	left: 0;

	opacity: 1;

	height: 100%;

	width: 100%

}



.ster-img {

	width: 100%;

	height: 100%;

	transition: all 1s ease;

	opacity: 0;

	transform: scale(1.1, 1.1);

	object-fit: cover

}



.ster-right {

	margin: 0;

	width: 50%;

	background-color: #F1F1F1;

	z-index: 100;

	height: 951px;

	overflow-y: scroll;

	overflow-x: hidden;

}

.ster-right::-webkit-scrollbar {

  width: 5px; 

}



/* 滚动条轨道 */

.ster-right::-webkit-scrollbar-track {

  background: #f1f1f1; 

  border-radius: 10px;

}



/* 滚动条滑块 */

/*.ster-right::-webkit-scrollbar-thumb {

  background: #19adb2; 

  border-radius: 10px; 

  border: 2px solid #19adb2; 

}*/



/* 滚动条滑块悬停时的样式 */

/*.ster-right::-webkit-scrollbar-thumb:hover {

  background: #555; 

}*/

.ster-top {

	margin: 0

}



.ster-nameBox {

	padding-top: 110px;

	padding-bottom: 64px;

	padding-left: 3.125vw

}



.ster-engName {

	margin-bottom: 10px

}



.ster-engH1 {

	font-family: 'BagnardSans';

	font-size: 48px;

	color: #CB9878;

	line-height: 52px

}



.ster-ChH1 {

	font-size: 38px;

	font-weight: 500;

	color: #333333

}



.ster-contentLeft {

	opacity: 0;

	position: absolute;

	top: 50%;

	transform: translate(50%, -50%);

	width: 15.625vw;

	right: 0;

	z-index: 10;

	height: 15.625vw;

	display: flex;

	justify-content: center;

	align-items: center;

	background-color: #19adb2;

	transition: all 1s ease

}



.ster-num {

	color: #9A1020;

	font-family: 'Arial';

	font-size: 10.4166666667vw;

	font-weight: bold

}



.ster-leftTitle {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	color: #fff;

	text-align: center;

	width: 100%;

	font-weight: 700;

	font-size: 24px

}



.ster-leftTitle p:nth-child(1) {

	font-family: 'BagnardSans';

	font-size: 18px;

	font-weight: 350

}



.ster-conBox {

	position: relative;

	padding: 0

}



.ster-conBox2 {

	border-top: 1px solid #D8D8D8;

	transition: all 0.5s ease;

	margin: 0;

	padding: 1.8229166667vw 7.0833333333vw 1.8229166667vw 3.125vw;

	position: relative;

	cursor: pointer

}



.ster-conBox2 a {

	display: flex;

	justify-content: space-between;

	align-items: center

}



.ster-conBox3 {

	width: 100%;

	position: relative;

	display: flex;

	justify-content: space-between;

	margin: 0

}



.ster-bomCon {

	width: 50%;

	height: 100%;

	font-size: 14px;

	color: #666666;

	white-space: normal;

	display: none

}



.ster-bomCon2 {

	margin-bottom: 28px

}



.about-a {

	color: #CB9878 !important;

	font-size: 14px !important;

	display: flex;

	align-items: center

}



.ster-title {

	width: 33%;

	font-weight: 500;

	font-size: 18px;

	transition: all 0.5s ease;

	color: #4f4f4f

}



.ster-push {

	display: flex;

	justify-content: flex-end;

	align-items: center;

	transition: all 0.5s ease;

	line-height: 30px;

	font-size: 30px;

	text-align: center;

	padding: 0

}



.ster-push p {

	cursor: pointer;

	width: 42px;

	height: 30px;

	line-height: 30px;

	color: #fff;

	background-color: #666666

}



.ster-open .ster-push {

	opacity: 0

}



.ster-open .ster-title {

	font-size: 24px

}



.ster-leftLiAct .ster-img {

	opacity: 1;

	transform: scale(1, 1)

}



.ster-leftLiAct .ster-contentLeft {

	transform: translate(0%, -50%);

	opacity: 1

}



.ster-moreA {

	transition: all 1.2s;

	transform: translate(300px);

	opacity: 0

}



.ster-open .ster-moreA {

	transform: translate(0);

	opacity: 1

}



.grey-bg {

	background-color: #EFEFEF;

	width: 100%;

	height: 5.8854166667vw;

	border-top: 1px solid #D8D8D8;

	position: relative;

	z-index: 10

}



.big-box {

	margin-top: -1px;

	position: relative;

	overflow: hidden

}



.big-img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	position: relative

}



.big-content {

	position: absolute;

	left: 7.1vw;

	top: 38%

}



.big-english {

	position: absolute;

	font-family: 'Ambarella';

	font-size: 1.9vw;

	color: #19adb2;

	left: -3vw;

	top: -18px;

	opacity: 0.5;

	z-index: -1

}



.big-M {

	font-size: 5.3vw

}



.big-title {

	position: relative;

	color: #4F4F4F;

	font-size: 3.3vw;

	margin-bottom: 27px;

	font-weight: 500

}



.big-line {

	width: 2vw;

	height: 3px;

	background-color: #19adb2;

	margin-bottom: 24px

}



.big-text {

	font-size: 1vw;

	color: #4f4f4f

}



.news-center {

	margin-top: -1px;

	margin: 0;

	width: 100%;

	display: flex;

	justify-content: center;

	background-color: #EFEFEF;

	position: relative;

	z-index: 10

}



.news-centerBox {

	padding-left: calc(var(--bs-gutter-x) * 2.3);

	padding-right: calc(var(--bs-gutter-x) * 2.3)

}



.news-top {

	margin: 0;

	padding: 0;

	padding-top: 113px;

	padding-bottom: 60px

}



.news-name {

	margin: 0;

	padding: 0

}



.news-engH1 {

	color: #CB9878;

	font-size: 58px;

	font-family: 'BagnardSans'

}



.news-chH1 {

	font-weight: 500;

	font-size: 38px;

	color: #333333

}



.news-more {

	padding: 0;

	padding-top: 30px;

	display: flex;

	justify-content: flex-end;

	align-items: flex-end;

	color: #19adb2

}



.news-text2 {

	display: block;

	transition: all 0.5s ease;

	position: relative;

	z-index: 99;

	color: #19adb2;

	margin: 0;

	height: 35px;

	line-height: 34px;

	text-align: center;

	width: 120px;

	border: 1px solid #19adb2;

	color: #19adb2;

	position: relative

}



.news-text2::after {

	content: "";

	transition: all 0.5s ease;

	position: absolute;

	top: 0;

	left: 0;

	width: 0;

	height: 100%;

	background-color: #19adb2;

	z-index: -1;

	color: #fff

}



.news-more:hover:after {

	width: 100%

}



.news-more:hover {

	color: #fff

}



.news-content {

	display: flex;

	justify-content: space-between;

	align-items: center;

	margin: 0;

	padding-bottom: 134px

}



.news-box {

	position: relative;

	width: 23.3%;

	background-color: #fff;

	margin-bottom: 20px;

	transition: all 0.5s ease

}



.news-box:last-child {

	margin-right: 0

}



.news-boxImg {

	transition: all 0.5s ease;

	background-image: url('../images/index/newbg.jpg');

	background-position: bottom center;

	background-repeat: no-repeat;

	background-size: cover;

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 0;

	opacity: 0

}



.news-box::before {

	content: "";

	display: block;

	padding-top: 133%

}



.news-content2 {

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	z-index: 1;

	padding: 2.4vw 1.566vw

}



.news-title {

	font-size: 22px;

	position: relative;

	color: #4F4F4F;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	overflow: hidden;

	-webkit-line-clamp: 2;

	white-space: normal;

	font-weight: 500

}



.news-act {

	color: #fff

}



.news-title::after {

	content: "";

	transition: all 0.5s ease;

	position: absolute;

	bottom: -20px;

	left: 0;

	width: 100%;

	height: 1px;

	background-color: #000;

	z-index: -1;

	color: #fff

}



.news-text {

	font-size: 14px;

	line-height: 25px;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	overflow: hidden;

	-webkit-line-clamp: 4;

	text-overflow: ellipsis;

	white-space: normal;

	color: #666666

}



.news-bot {

	position: absolute;

	bottom: 2.4vw;

	display: flex;

	justify-content: space-between;

	align-items: center;

	width: calc(100% - 3.132vw)

}



.news-data {

	display: flex;

	justify-content: center;

	align-items: center

}



.news-dataContent {

	margin-left: 5px;

	font-family: 'D-DIN';

	color: #4F4F4F

}



.news-line {

	width: 100%;

	background-color: #333;

	height: 1px;

	margin: 3% 0

}



.news-boxImg::after {

	content: "";

	position: absolute;

	z-index: 0;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background: rgba(0, 0, 0, 0.5)

}



.news-dataimg2 {

	display: none

}



.news-rightimg2 {

	display: none

}



.news-box:hover .news-boxImg {

	opacity: 1

}



.news-box:hover .news-dataimg1 {

	display: none

}



.news-box:hover .news-dataimg2 {

	display: block

}



.news-box:hover .news-rightimg1 {

	display: none

}



.news-box:hover .news-rightimg2 {

	display: block

}



.news-box:hover .news-title {

	color: #fff

}



.news-box:hover .news-text {

	color: #fff

}



.news-box:hover .news-dataContent {

	color: #fff

}



.news-box:hover .news-line {

	background-color: #fff

}



.set-line::after {

	content: '';

	width: 0;

	height: 1px;

	background-color: #fff;

	position: absolute;

	left: 0;

	bottom: 0;

	transition: all 0.5s ease

}



.set-line:hover:after {

	width: 100%

}



.food-content {

	position: absolute;

	overflow: hidden;

	width: 100%;

	background-color: #19adb2;

	margin: 0;

	display: flex;

	justify-content: center;

	padding-bottom: 60px;

	z-index: 10

}



.food-bottomBox {

	margin: 0;

	display: flex;

	justify-content: space-between;

	padding-left: calc(var(--bs-gutter-x) * 2.3);

	padding-right: calc(var(--bs-gutter-x) * 2.3)

}



.food-bottom1 {

	padding: 0;

	width: calc(100% - 605.6px)

}



.food-bottom3 {

	width: 605.6px;

	border-left: 1px solid #E2444B;

	padding: 160px 0px 50px 49px

}



.food-title {

	margin-top: 50px;

	border-bottom: 1px solid #E2444B

}



.food-titleA1,

.food-titleA2,

.food-titleA4 {

	font-size: 18px;

	color: #CB9878

}



.food-titleA3,

.food-titleA5 {

	display: flex;

	align-items: center;

	font-weight: 500;

	color: #fff;

	font-size: 22px;

	margin-bottom: 14px

}



.food-titleA3 {

	font-weight: 400

}



.food-titleA5 {

	margin-bottom: 41px

}



.food-titleA1 {

	margin-top: 20px;

	margin-bottom: 9px

}



.food-titleB1,

.food-titleB2,

.food-titleB4 {

	color: #CB9878;

	font-size: 18px

}



.food-titleB3,

.food-titleB5 {

	display: flex;

	align-items: center;

	color: #fff;

	font-size: 22px;

	margin-bottom: 30px;

	font-weight: 500

}



.food-titleB3 {

	font-weight: 400;

	margin-bottom: 13px

}



.food-titleB1 {

	margin-top: 40px

}



.food-titleB2 {

	margin-top: 12px

}



.food-titleC1,

.food-titleC2 {

	font-family: 'BagnardSans';

	color: #fff;

	font-size: 26px

}



.food-titleC3 {

	color: #fff;

	font-size: 32px;

	margin-bottom: 55px

}



.food-titleC4 {

	display: flex;

	justify-content: flex-start;

	align-items: center;

	margin-bottom: 70px

}



.food-ma {

	width: 100px;

	height: 100px;

	background-color: #fff

}



.food-ma img {

	width: 100%;

	height: 100%;

	object-fit: cover

}



.food-titleBox4 {

	display: flex;

	justify-content: center;

	align-items: center;

	flex-direction: column

}



.food-maText {

	width: auto;

	color: #fff;

	text-align: center;

	font-size: 16px;

	margin-top: 5px

}



.food-titleC51,

.food-titleC52 {

	color: #CB9878;

	font-size: 16px

}



.swiper-pagination-bullet-active {

	background: #19adb2

}



.banner-box0 {

	width: 100%;

	height: 100vh

}



.banner-box {

	width: 100%;

	height: 100vh;

	position: fixed;

	z-index: 1;

	background-position: center center;

	background-repeat: no-repeat;

	background-attachment: fixed;

	background-size: cover

}



.banner-box1 {

	display: block

}



.banner-box2 {

	display: none

}



.banner-name {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

	z-index: 0;

	text-align: center;

	color: #fff;

	z-index: 10

}



.banner-nameAct {

	opacity: 0 !important

}



.banner-chName {

	font-weight: 500;

	font-size: 60px;

	margin-bottom: 21px;

	transition: all 0.5s ease

}



.banner-engName {

	font-family: 'BagnardSans';

	font-size: 38px;

	transition: all 0.5s ease;

	line-height: 38px

}



.swashes-about {

	margin: 0;

	position: relative;

	z-index: 20

}



.swashes-about2 {

	margin: 0;

	position: relative;

	z-index: 10 !important

}



.swashes-navBox {

	overflow: hidden;

	width: 100%;

	margin: 0;

	z-index: 1;

	display: flex;

	justify-content: center;

	align-items: center;

	position: absolute;

	top: 0;

	left: 0;

	transform: translateY(-100%);

	background-color: #fff

}



.swashes-navBox::after {

	content: "";

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 1px;

	background: #D8D8D8

}



.swashes-navBox2 {

	display: flex;

	justify-content: space-between;

	align-items: center;

	margin: 0;

	padding-left: calc(var(--bs-gutter-x) * 2.3);

	padding-right: calc(var(--bs-gutter-x) * 2.3)

}



.swashes-left {

	display: flex;

	justify-content: flex-start;

	align-items: center;

	padding: 0;

	margin: 44px 0

}



.prot-swaLeft p {

	display: inline

}



.swashes-right {

	padding: 0

}



.swashes-leZ {

	display: flex;

	justify-content: center;

	align-items: center;

	margin-right: 8px

}



.swashes-leP1,

.swashes-leP2 {

	color: #666666;

	font-size: 14px

}



.swashes-leP3 {

	color: #666666;

	font-size: 16px

}



.swashes-leImg1 {

	margin-right: 5px

}



.swashes-leImg4 {

	display: inline;

	height: 18px;

	margin-bottom: 5px;

	margin-right: 10px

}



.swashes-ul {

	transform: translateY(-1px);

	display: inline

}



.swashes-li {

	display: inline

}



.swashes-li .swashes-leP {

	color: #666666

}



.swashes-li:last-child .swashes-leImg2 {

	display: none

}



.swashes-leP1 {

	margin-right: 8px

}



.swashes-leImg2 {

	margin: 0 8px

}



.swashes-rigUl {

	display: flex;

	justify-content: flex-end;

	align-items: center;

	text-align: center;

	margin: 25px 0

}



.swashes-rigli {

	color: #4F4F4F;

	margin-right: 3vw

}



.swashes-rigli:last-child {

	margin: 0

}



.swashes-rigliAct {

	color: #19adb2

}



.swashes-rigli:hover {

	color: #19adb2

}



.swashes-leP:hover {

	color: #19adb2

}



.swashes-rigCh {

	font-weight: 500;

	font-size: 20px

}



.swashes-rigEng {

	font-family: 'BagnardSans';

	font-size: 14px;

	font-weight: 400

}



.swashes-conBox {

	margin: 0;

	width: 100%;

	background-color: #fff;

	display: flex;

	justify-content: center;

	padding-top: 5.0520833333vw;

	position: relative;

	padding-bottom: 6.7708333333vw

}



.swashes-conBox2 {

	margin: 0;

	padding-left: calc(var(--bs-gutter-x) * 2.3);

	padding-right: calc(var(--bs-gutter-x) * 2.3)

}



.swashes-engName {

	font-family: 'BagnardSans';

	color: #CB9878;

	font-size: 58px;

	margin-bottom: 10px

}



.swashes-chName {

	font-weight: 500;

	font-size: 38px;

	color: #4F4F4F

}



.swashes-name {

	padding: 0

}



.swashes-text {

	padding-right: 0;

	padding-left: calc(var(--bs-gutter-x) * 3.5);

	font-size: 16px;

	color: #4F4F4F

}



.swashes-img2 {

	height: 21.875vw;

	width: 100%;

	overflow: hidden;

	position: relative

}



.swashes-img {

	position: relative;

	bottom: 0;

	left: 50%;

	transform: translateX(-50%);

	background-position: bottom;

	background-color: #fff;

	overflow: hidden;

	width: 100%

}



.swashes-imgLeft {

	position: absolute;

	top: 0;

	left: 0;

	background: #fff;

	width: 50vw;

	height: 100%;

	transform: translateX(0px)

}



.swashes-imgRig {

	position: absolute;

	top: 0;

	right: 0;

	background: #fff;

	width: 50vw;

	height: 100%;

	transform: translateX(0px)

}



.swashes-numBox {

	background-color: #fff;

	margin: 0;

	display: flex;

	justify-content: center

}



.swashes-numBox2 {

	padding-left: calc(var(--bs-gutter-x) * 2.3);

	padding-right: calc(var(--bs-gutter-x) * 2.3)

}



.swashes-numBox3 {

	padding-top: 33px;

	display: flex;

	justify-content: space-between;

	align-items: center;

	padding-bottom: 70px

}



.swashes-nums {

	display: flex;

	justify-content: center;

	align-items: center;

	flex-direction: column

}



.swashes-numCon {

	font-size: 78px;

	height: 78px;

	line-height: 78px;

	font-weight: 600;

	display: flex;

	margin-bottom: 22px

}



.swashes-numTop1p,

.swashes-numTop2p {

	font-family: 'D-DIN-Bold';

	position: relative;

	background: -webkit-linear-gradient(top, #19adb2, #E2444B);

	-webkit-background-clip: text;

	-webkit-text-fill-color: transparent

}



.swashes-num2 {

	margin-left: 3px;

	font-size: 20px;

	font-weight: normal;

	height: 78px;

	line-height: 36px

}



.swashes-num2 span {

	background: -webkit-linear-gradient(top, #19adb2, #E2444B);

	-webkit-background-clip: text;

	-webkit-text-fill-color: transparent

}



.swashes-numText {

	color: #666666

}



.swashes-XiaoBox2 {

	display: none;

	justify-content: space-between;

	align-items: center;

	padding-bottom: 30px

}



.cul-box {

	width: 100%;

	position: relative;

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

	z-index: 10;

	background-image: url(../images/about/culture/culbg.jpg)

}



.cul-top {

	width: 100%;

	margin: 0;

	display: flex;

	justify-content: center

}



.cul-topBox {

	padding-left: calc(var(--bs-gutter-x) * 2.3);

	padding-right: calc(var(--bs-gutter-x) * 2.3)

}



.cul-name {

	padding-top: 90px

}



.cul-engName {

	font-family: 'BagnardSans';

	color: #FED6B8;

	font-size: 58px;

	margin-bottom: 10px

}



.cul-chName {

	font-weight: 500;

	font-size: 38px;

	color: #fff

}



.cul-allBox {

	position: relative;

	overflow: hidden

}



.cul-conBox {

	width: 40vw;

	min-height: 22.7911458333vw;

	overflow: hidden;

	opacity: 0;

	transform: translateY(100px)

}



.cul-conAb {

	position: absolute;

	top: 0;

	left: 0

}



.cul-show {

	opacity: 1;

	transform: translateY(0);

	transition: all .5s ease

}



.cul-content {

	display: flex;

	align-items: center

}



.cul-title {

	padding-top: 80px;

	font-size: 38px;

	color: #fff;

	overflow: hidden

}



.cul-text {

	padding-top: 28px;

	font-size: 14px;

	color: #fff;

	padding-bottom: 200px

}



.cul-bom {

	margin: 0;

	width: 100%

}



.cul-bomBox {

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

	padding: 100px 0 80px;

	position: relative;

	overflow: hidden

}



.cul-icon {

	margin-bottom: 30px;

	z-index: 10

}



.cul-bomTit {

	font-weight: 500;

	font-size: 30px;

	color: #fff;

	z-index: 10

}



.cul-redBg {

	position: absolute;

	top: 0;

	left: -100%;

	width: 100%;

	height: 100%;

	z-index: 0;

	background-color: #19adb2

}



.trans {

	transition: all .5s

}



.cul-bomBox::after {

	content: "";

	position: absolute;

	top: 0;

	right: 0;

	width: 1px;

	height: 100%;

	background: #D8D8D8

}



.story-box {

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

	background-image: url(../images/about/story/storybg.jpg);

	display: flex;

	justify-content: space-between;

	align-items: flex-end;

	margin: 0;

	position: relative;

	z-index: 8

}



.story-left {

	overflow: hidden;

	padding: 0;

	display: flex;

	justify-content: center;

	align-items: center;

	background-color: #19adb2

}



.story-leBox {

	width: 68%;

	height: 137px;

	display: flex;

	justify-content: space-between;

	align-items: center;

	font-size: 34px;

	color: #fff

}



.story-right {

	padding: 0;

	margin: 0;

	background-color: #fff;

	margin-top: 178px

}



.story-rigBox {

	padding-right: calc(var(--bs-gutter-x) * 1.8);

	padding-left: calc(var(--bs-gutter-x) * 4.1)

}



.story-name {

	margin-top: 68px

}



.story-engName {

	font-family: 'BagnardSans';

	color: #CB9878;

	font-size: 58px;

	margin-bottom: 10px

}



.story-chName {

	font-weight: 500;

	font-size: 38px;

	color: #4F4F4F

}



.story-title {

	font-weight: 500;

	font-size: 38px;

	color: #4F4F4F;

	margin-top: 58px

}



.story-line {

	width: 40px;

	height: 2px;

	background-color: #19adb2;

	margin: 19px 0 26px

}



.story-text {

	font-size: 16px;

	line-height: 30px;

	margin-bottom: 162px

}



.story-left2 {

	display: none

}



.video-box {

	position: relative;

	width: 100%;

	height: 36.46vw;

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;

	background-image: url(../images/about/video/videobg.jpg);

	display: flex;

	justify-content: center;

	align-items: center;

	flex-direction: column

}



.video-iconBox {

	position: relative;

	cursor: pointer;

	z-index: 10

}



.video-icon1 {

	position: absolute;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%)

}



.video-icon2 {

	transform: scaleY(-1);

	animation: spin2 3s infinite linear

}



.video-engTitle {

	color: #19adb2;

	font-size: 64px;

	font-family: 'BagnardSans';

	position: relative;

	z-index: 10

}



.video-chTitle {

	color: #ffffff;

	font-size: 24px;

	position: relative;

	z-index: 10

}



.honor-content {

	width: 100%;

	margin: 0;

	display: flex;

	justify-content: center;

	overflow: hidden;

	padding-bottom: 144px

}



.honor-box {

	position: relative;

	z-index: 10;

	background-color: #EFEFEF

}



.honor-topBox {

	margin: 0;

	display: flex;

	justify-content: center;

	margin-bottom: 87px

}



.honor-top {

	padding-left: calc(var(--bs-gutter-x) * 2.3);

	padding-right: calc(var(--bs-gutter-x) * 2.3)

}



.honor-top2 {

	display: flex;

	justify-content: space-between;

	align-items: flex-end

}



.honor-engName {

	font-family: 'BagnardSans';

	color: #CB9878;

	font-size: 58px;

	margin-bottom: 10px;

	margin-top: 93px

}



.honor-chName {

	font-weight: 500;

	font-size: 38px;

	color: #4F4F4F

}



.honor-btn {

	display: flex;

	justify-content: center;

	align-items: center

}



.honor-prev,

.honor-next {

	width: 52px;

	height: 52px;

	display: flex;

	justify-content: center;

	align-items: center;

	background-color: rgba(254, 214, 184, 0.5);

	position: relative;

	cursor: pointer;

	transition: all 0.5s ease

}



.honor-conBox {

	padding-left: calc(var(--bs-gutter-x) * 5.6);

	padding-right: 0

}



.honor-swiper {

	width: 100%;

	overflow: hidden

}



.honor-slide {

	background-color: #fff

}



.honor-box2 {

	background-color: #fff;

	padding: 23px

}



.honor-box3 {

	position: relative;

	cursor: pointer

}



.honor-box3::before {

	content: "";

	display: block;

	padding-top: 66.6666%

}



.honor-redbg {

	position: absolute;

	top: 0;

	right: 0;

	background-color: #19adb2;

	opacity: 0;

	width: 100%;

	height: 100%;

	z-index: 10;

	display: flex;

	justify-content: center;

	align-items: center;

	flex-direction: column;

	color: #fff;

	transition: all 0.5s ease

}



.honor-redIcon {

	margin-bottom: 10px;

	transform: scale(1.2);

	transition: all 0.5s ease

}



.honor-redText {

	transform: scale(1.2);

	transition: all 0.5s ease

}



.honor-box4 {

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	z-index: 1;

	border: 1px solid #FED6B8;

	display: flex;

	justify-content: center;

	align-items: center;

	padding: 10px

}



.honor-box4 img {

	height: 100%

}



.honor-title {

	width: 100%;

	text-align: center;

	font-size: 18px;

	font-family: 'BagnardSans';

	color: #4F4F4F;

	margin-top: 10px;

	margin-bottom: 30px

}



.honor-page {

	position: inherit;

	bottom: 0;

	margin-top: 100px;

	padding-right: calc(var(--bs-gutter-x) * 5.6);

	outline: none

}



.honor-page .swiper-pagination-bullet {

	outline: none;

	width: 12px;

	height: 12px;

	margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 12px) !important

}



.cer-box {

	width: 100%;

	height: 100%;

	position: fixed;

	top: 0;

	left: 0;

	z-index: -100;

	display: flex;

	justify-content: center;

	align-items: center;

	visibility: hidden;

	opacity: 0;

	transition: all 0.5s ease

}



.cer-boxAct {

	visibility: visible;

	opacity: 1;

	z-index: 999;

	background-color: rgba(0, 0, 0, 0.7)

}



.cer-boxAct2 {

	visibility: visible;

	opacity: 1;

	z-index: 999;

	background-color: rgba(0, 0, 0)

}



.cer-contents img {

	height: 60vh

}



.cer-but {

	position: absolute;

	z-index: 9999;

	min-width: 40px;

	height: 40px;

	line-height: 40px;

	background: rgb(0, 0, 0);

	text-decoration: none;

	font-size: 24px;

	color: #fff;

	text-align: center;

	vertical-align: middle;

	transition: all 0.3s;

	border-radius: 50%;

	cursor: pointer

}



.cer-close {

	top: 30px;

	right: 30px

}



.cer-prev {

	top: 50%;

	left: 30px;

	transform: translateY(-50%);

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none

}



.cer-next {

	top: 50%;

	right: 30px;

	transform: translateY(-50%);

	-webkit-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none

}



.cer-but:hover {

	background-color: #19adb2

}



.prod-box {

	display: flex;

	justify-content: center;

	background-color: #fff;

	margin: 0;

	padding-top: 3.5416666667vw;

	padding-bottom: 5.3645833333vw;

	overflow: hidden;

	position: relative;

	z-index: 10

}



.prod-box2 {

	padding-left: calc(var(--bs-gutter-x) * 2.3);

	padding-right: calc(var(--bs-gutter-x) * 2.3)

}



.prod-ul {

	display: flex;

	/*justify-content: space-between;*/

	flex-wrap: wrap;

	margin-bottom: 46px

}



.prod-li {

	width: calc(25% - 26px);

	margin-bottom: 43px

}



.prod-ul1::after {

	content: "";

	width: 23.4%

}



.prod-ul2::after {

	content: "";

	width: 48.8%

}



.prod-puibox {

	display: flex;

	flex-direction: column;

	position: relative

}



.prod-ImgBox {

	position: relative;

	width: 100%;

	background-color: #fff;

	transition: all 0.5s ease;

	margin-bottom: 20px;

}



.prod-ImgBox::after {

	width: 100%;

	height: 100%;

	/*border: 1px solid #D8D8D8;*/

	position: absolute;

	top: 0;

	left: 0;

	content: ''

}



.prod-img {

	transform: rotateY(0deg);

	width: 100%;

	height: auto;

	object-fit: cover;

	transition: all 0.5s ease

}



.prod-newImg {

	width: 100%;

	height: auto;

	object-fit: cover;

	transition: all 0.5s ease;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 1;

	opacity: 0;

	width: 100%;

	transform: rotateY(-180deg)

}



.prod-ImgBox::before {

	content: "";

	display: block;

	padding-top: 116.44%

}



.prod-content {

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	z-index: 1;

	display: flex;

	flex-direction: column;

	display: flex;

	justify-content: flex-end;

	align-items: center;

	background: linear-gradient(222deg, #E3E3E3 -19%, #F5F5F5 50%, #E3E3E3 120%)

}



.prod-title {

	font-size: 18px;

	width: 100%;

	padding: 0.5208333333vw 1.0416666667vw;

	height: 60px;

	display: flex;

	align-items: center;

	justify-content: space-between;

	border-left: 3px solid #19adb2;

	z-index: 2;

	transition: all 0.5s ease;

	background-color: #fff;

	color: #4f4f4f;

	position: relative

}



.prod-title::after {

	content: "";

	transition: all 0.5s ease;

	position: absolute;

	bottom: 0;

	left: 0;

	width: 0;

	height: 100%;

	background-color: #19adb2;

	z-index: -1;

	color: #fff

}



.prod-text1 {

	font-weight: 500;

	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap;

	font-weight: 500;

	font-size: 18px

}



.prod-text1 p {

	text-overflow: ellipsis;

	overflow: hidden;

	white-space: nowrap

}



.prod-puibox:hover .prod-img {

	transform: rotateY(-180deg);

	opacity: 0

}



.prod-puibox:hover .prod-newImg {

	transform: rotateY(0);

	opacity: 1

}



.prod-puibox:hover .prod-title:after {

	width: 100%

}



.prod-puibox:hover .prod-title {

	color: #fff

}



.prod-pageBox {

	position: relative;

	z-index: 1;

	display: flex;

	justify-content: center;

	align-items: center

}



.prod-pageLi {

	font-family: 'D-DIN' !important;

	width: 44px;

	height: 44px;

	font-size: 18px;

	font-weight: 400;

	background-color: #E8E8E8

}



.prod-pageA {

	width: 100%;

	height: 100%;

	display: flex;

	justify-content: center;

	align-items: center

}



.prod-pageAct {

	background-color: #19adb2;

	color: #ffffff

}



.prod-pageLi {

	margin: 0 9px

}



.prod-next1 {

	display: none

}



.prod-prev1 {

	display: none

}



.prod-pageNo {

	display: none

}



.prod-pageLiAct {

	background-color: #19adb2;

	color: #ffffff

}



.prod-pageLi:hover {

	background-color: #19adb2;

	color: #ffffff

}



.prot-leftTit {

	font-size: 34px;

	line-height: 34px;

	font-weight: 500;

	color: #4F4F4F;

	padding-left: 16px;

	position: relative

}



.prot-leftTit::after {

	content: '';

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 6px;

	background-color: #19adb2

}



.prod-pageLi:hover .prod-prev1,

.prod-pageLi:hover .prod-next1 {

	display: block

}



.prod-pageLi:hover .prod-prev2,

.prod-pageLi:hover .prod-next2 {

	display: none

}



.prod-pagination {

	display: none

}



.prot-direLeft,

.prot-direRig {

	cursor: pointer

}



.prot-box {

	margin: 0;

	display: flex;

	justify-content: center;

	margin-top: 87.781px;

	background-color: #fff;

	position: relative

}



.prot-box2 {

	padding-left: 8.25vw;

	padding-right: 8.25vw

}



.prot-swaLeft {

	padding: 2.7864583333vw 0;

	display: flex;

	justify-content: flex-start;

	align-items: center

}



.prot-conBox {

	margin-top: 10px;

	display: flex;

	justify-content: space-between

}



.prot-conLeft {

	display: flex;

	justify-content: space-between

}



.prot-conRig {

	width: 52.7%

}



.prot-bigBox {

	width: 22.6359375vw;

	margin-right: 10px;

	position: relative

}



.prot-bigbut {

	width: 32px;

	height: 56px;

	background-color: #fff;

	display: flex;

	justify-content: center;

	align-items: center;

	-moz-user-select: none;

	-webkit-user-select: none;

	-ms-user-select: none;

	-khtml-user-select: none;

	-o-user-select: none;

	user-select: none

}



.prot-bigLeft {

	position: absolute;

	left: 10px;

	top: 50%;

	transform: translateY(-50%);

	z-index: 0;

	opacity: 0;

	transition: all .5s;

	cursor: pointer

}



.prot-bigRig {

	position: absolute;

	right: 10px;

	top: 50%;

	transform: translateY(-50%);

	z-index: 0;

	opacity: 0;

	transition: all .5s;

	cursor: pointer

}



.prot-bigBox:hover .prot-bigLeft,

.prot-bigBox:hover .prot-bigRig {

	opacity: 1;

	z-index: 10

}



.pro-swiper {

	width: 7.34375vw;

	height: 26.4177083333vw

}



.prot-img {

	width: 100%;

	height: 100%;

	object-fit: cover

}



.prot-title {

	font-weight: 500;

	font-size: 46px;

	color: #4F4F4F;

	padding-bottom: 1.3541666667vw;

	position: relative

}



.prot-title::after {

	content: '';

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 1px;

	background-color: #CBCBCB

}



.prot-text {

	font-weight: 400;

	font-size: 16px;

	color: #4F4F4F;

	padding: 1.5104166667vw 0;

	position: relative;

	line-height: 28px

}



.prot-text span {

	font-weight: 500

}



.prot-text::after {

	content: '';

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 1px;

	background-color: #CBCBCB

}



.prot-detail {

	display: flex;

	justify-content: flex-start;

	align-items: center

}



.prot-intro {

	display: flex;

	justify-content: flex-start;

	align-items: center;

	flex-wrap: wrap

}



.prot-intro2 {

	padding: 0 14px;

	border: 1px solid #19adb2;

	min-width: 120px;

	height: 30px;

	font-size: 16px;

	color: #19adb2;

	display: flex;

	justify-content: center;

	align-items: center;

	margin-right: 8px;

	margin-bottom: 10px

}



.prot-detIcon {

	display: flex;

	justify-content: center;

	align-items: center;

	margin-right: 8px

}



.prot-detCon {

	font-weight: 400;

	font-size: 16px;

	color: #333333

}



.prot-chara {

	margin-top: 2.1354166667vw;

	margin-bottom: 1.4583333333vw

}



.prot-butBox {

	display: flex;

	justify-content: space-between;

	align-items: center;

	margin-top: 1.40625vw

}



.prot-leftBut {

	display: flex;

	justify-content: center;

	align-items: center

}



.prot-but {

	display: flex;

	justify-content: center;

	align-items: center;

	width: 150px;

	height: 48px;

	background-color: #D8D8D8;

	font-size: 16px;

	font-weight: 400;

	color: #4F4F4F

}



.prot-but1 {

	background-color: #19adb2;

	color: #ffffff

}



.prot-but:hover {

	background-color: #19adb2;

	color: #ffffff

}



.prot-but:hover .prot-consult1,

.prot-but:hover .prot-return1 {

	display: none

}



.prot-but:hover .prot-consult2,

.prot-but:hover .prot-return2 {

	display: block

}



.prot-direBox:hover {

	background-color: #19adb2

}



.prot-direBox:hover .prot-left2,

.prot-direBox:hover .prot-right2 {

	display: none

}



.prot-direBox:hover .prot-left1,

.prot-direBox:hover .prot-right1 {

	display: block

}



.prot-butIcon {

	margin-right: 7.1px

}



.prot-but1 {

	margin-right: 30px

}



.prot-rigBut {

	display: flex;

	justify-content: center;

	align-items: center

}



.prot-direBox {

	display: flex;

	justify-content: center;

	align-items: center;

	width: 52px;

	height: 48px;

	background-color: #D8D8D8

}



.prot-return2,

.prot-left1,

.prot-right1 {

	display: none

}



.prot-parBox {

	padding-top: 5.15625vw;

	padding-bottom: 5.2083333333vw;

	position: relative

}



.prot-parBox::after {

	content: '';

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 1px;

	background-color: #CBCBCB

}



.prot-titBox {

	width: 100%;

	height: 4.1666666667vw;

	background-color: rgba(254, 214, 184, 0.3);

	padding: 0 1.40625vw;

	display: flex;

	justify-content: flex-start;

	align-items: center

}



.prot-recBox {

	padding-top: 4.1666666667vw;

	padding-bottom: 3.2291666667vw

}



.prot-recTitle {

	display: flex;

	justify-content: space-between;

	align-items: center;

	margin-bottom: 2.9166666667vw

}



.prot-parTitle {

	font-weight: 500;

	font-size: 30px;

	color: #4F4F4F

}



.prot-parText {

	padding: 0 1.40625vw;

	padding-top: 1.5625vw;

	min-height: 13.8020833333vw;

	position: relative;

	color: #4F4F4F;

	font-size: 16px;

	font-weight: 500;

	line-height: 28px

}



.prot-parText span {

	font-weight: 700;

	font-size: 16px

}



.main-swiper {

	width: 100%;

	height: 26.4177083333vw;

	overflow: hidden

}



.main-slBox1 {

	position: relative;

	cursor: pointer

}



.main-slBox1::before {

	content: "";

	display: block;

	padding-top: 133.17%

}



.main-slBox2 {

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	z-index: 1;

	display: flex;

	justify-content: center;

	align-items: center;

	overflow: hidden

}



.main-img {

	width: 100%;

	height: 100%;

	object-fit: cover

}



.prot-butBox2 {

	display: none

}



.pro-swiper2 {

	display: none

}



.prot-imgAct {

	border: 1px solid #9A1020

}



.conta-img::after {

	content: '';

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	background-color: rgba(147, 136, 129, 0.4)

}



.conta-rigUl {

	justify-content: flex-end

}



.conta-rigli {

	margin-right: 6.25vw

}



.coIn-box {

	position: relative;

	margin: 0;

	padding-top: 78px;

	padding-bottom: 84px;

	display: flex;

	justify-content: center;

	background-color: #fff;

	overflow: hidden;

	z-index: 10

}



.coIn-box2 {

	padding-left: calc(var(--bs-gutter-x) * 2.3);

	padding-right: calc(var(--bs-gutter-x) * 2.3)

}



.coIn-nameBox {

	margin-bottom: 49px

}



.coIn-engName {

	font-weight: 400;

	font-family: 'BagnardSans';

	font-size: 58px;

	color: #CB9878

}



.coIn-chName {

	font-weight: 500;

	font-size: 38px;

	color: #4F4F4F

}



.coIn-conBox {

	display: flex;

	justify-content: space-between;

	align-items: center;

	padding: 0 1.5625vw

}



.coIn-imgBox {

	width: 38.959vw;

	height: 335px;

	overflow: hidden

}



.coIn-img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	transition: cubic-bezier(0.22, 0.61, 0.36, 1) .45s

}



.coIn-con {

	padding-top: 2.6041666667vw;

	padding-left: 3.125vw

}



.coIn-text1 {

	margin-bottom: 0.7291666667vw

}



.coIn-title {

	font-weight: 500;

	font-size: 24px;

	color: #19adb2;

	margin-bottom: 1.3020833333vw

}



.coIn-text {

	font-weight: 700;

	font-size: 16px;

	color: #4F4F4F;

	display: flex;

	justify-content: flex-start;

	align-items: center

}



.coIn-text2 {

	font-family: 'D-DIN' !important

}



.coIn-icon {

	width: 19px;

	margin-right: 14px

}



.coIn-conBox2:hover .coIn-img {

	transform: scale(1.1)

}



.coIn-iconA:hover {

	color: #19adb2 !important

}



.mes-box {

	margin: 0;

	padding: 162px 0 153px;

	display: flex;

	justify-content: center;

	background-image: url('../images/contact/bg.jpg');

	background-position: center 40%;

	background-repeat: no-repeat;

	position: relative;

	z-index: 10

}



.mes-top {

	position: absolute;

	height: 80px;

	top: 0;

	left: 0;

	transform: translateY(-100%)

}



.mes-box2 {

	padding-left: calc(var(--bs-gutter-x) * 2.3);

	padding-right: calc(var(--bs-gutter-x) * 2.3)

}



.mes-conBox {

	background-color: #fff;

	position: relative

}



.mes-conBox::after {

	position: absolute;

	top: 0;

	left: 0;

	content: '';

	background-color: #19adb2;

	height: 8px;

	width: 100%

}



.mes-formBox {

	display: flex;

	justify-content: space-between;

	padding: 125px 5.313vw

}



.mes-left {

	width: 29.8958333333vw;

	position: relative;

	padding-bottom: 52px

}



.mes-left2 {

	margin-right: 4.43vw

}



.mes-left::after {

	content: '';

	position: absolute;

	right: 0;

	top: 0;

	height: 100%;

	width: 1px;

	background-color: #D8D8D8

}



.mes-engName {

	font-weight: 400;

	font-family: 'BagnardSans';

	font-size: 48px;

	color: #CB9878;

	margin-bottom: 15px

}



.mes-chName {

	font-weight: 500;

	font-size: 38px;

	color: #4F4F4F;

	margin-bottom: 37px

}



.mes-text {

	width: 100%;

	font-size: 16px;

	line-height: 30px;

	font-weight: 400;

	color: #4F4F4F;

	padding-bottom: 20px;

	margin-bottom: 12px;

	position: relative

}



.mes-text p {

	width: 342px

}



.mes-text::after {

	position: absolute;

	left: 0;

	bottom: 0;

	content: '';

	width: 100%;

	height: 1px;

	background-color: #D8D8D8

}



.mes-emailBox {

	position: relative;

	padding-bottom: 25px

}



.mes-email::after {

	position: absolute;

	left: 0;

	bottom: 0;

	content: '';

	width: 100%;

	height: 1px;

	background-color: #D8D8D8

}



.mes-title {

	font-size: 16px;

	line-height: 30px;

	font-weight: 400;

	color: #9E9E9E;

	margin-bottom: 3px

}



.mes-formTit {

	font-size: 16px;

	font-weight: 400;

	color: #4F4F4F;

	margin-bottom: 10px

}



.mes-rigTit {

	font-weight: 500;

	font-size: 18px;

	color: #4F4F4F

}



.mes-right {

	margin-left: 30px;

	width: 41.107vw;

	height: 100%

}



.mes-formUl {

	height: 100%;

	margin-top: 27px

}



.mes-formLi {

	position: relative;

	margin-bottom: 30px;

	padding-bottom: 3px

}



.mes-formLi::after {

	position: absolute;

	left: 0;

	bottom: 0;

	content: '';

	width: 100%;

	height: 1px;

	background-color: #666666

}



.mes-inp::placeholder {

	font-size: 14px;

	color: #9E9E9E

}



.mes-but {

	width: 100%;

	height: 52px;

	font-size: 22px;

	color: #fff;

	position: relative;

	z-index: 100;

	background-color: rgba(0, 0, 0, 0)

}



.mes-formBut {

	position: relative;

	background-color: #19adb2

}



.mes-formBut::after {

	width: 0%;

	height: 100%;

	position: absolute;

	top: 0;

	left: 50%;

	content: '';

	background-color: rgba(255, 255, 255, 0.2);

	transition: all .5s

}



.mes-formBut:hover::after {

	left: 0;

	width: 100%

}



.newsf-box {

	display: flex;

	justify-content: center;

	background-color: #F5F5F4;

	margin: 0;

	padding: 3.90625vw 0;

	position: relative;

	z-index: 10

}



.newsf-box2 {

	overflow: hidden;

	position: relative;

	padding: 0

}



.newsf-conBox {

	width: 100%;

	height: 100%;

	display: flex;

	justify-content: center;

	align-items: center

}



.newsf-imgBox {

	width: 50%;

	height: 100%;

	overflow: hidden

}



.newsf-swiper {

	width: 100%

}



.newsf-slBox1 {

	position: relative;

	cursor: pointer;

	height: 100%

}



.newsf-slBox1::before {

	content: "";

	display: block;

	padding-top: 66.66%

}



.newsf-slBox2 {

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	z-index: 1;

	display: flex;

	justify-content: center;

	align-items: center;

	overflow: hidden

}



.newsf-slBox2 img {

	width: 100%;

	height: 100%;

	transition: all .5s

}



.newsf-conBox:hover .newsf-leftImg {

	transform: scale(1.1)

}



.newsf-conBox:hover .newf-title {

	color: #19adb2

}



.newsf-conBox .swiper-wrapper {

	position: relative;

	z-index: 10

}



.newsf-slide a {

	transform: translateX(1px);

	display: flex;

	justify-content: center;

	align-items: center;

	background-color: #fff;

	overflow: hidden

}



.newf-conBox {

	background-color: #fff;

	width: 50%;

	height: 100%

}



.newsf-textBox {

	width: 50%;

	height: 100%;

	background-color: #fff;

	padding-left: 2.8645833333vw;

	padding-right: 2.8125vw;

	padding-top: 2.2395833333vw

}



.newf-date1 {

	line-height: 60px;

	font-weight: 700;

	font-size: 60px;

	font-family: 'D-DIN-Bold';

	color: #4F4F4F

}



.newf-date2 {

	font-family: 'D-DIN-Bold';

	font-weight: 700;

	font-size: 18px;

	color: #4F4F4F;

	margin-bottom: 26px

}



.newf-title {

	font-weight: 500;

	font-size: 22px;

	color: #4F4F4F;

	margin-bottom: 1.4583333333vw;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap

}



.newf-text {

	font-weight: 400;

	font-size: 14px;

	color: #666666;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	overflow: hidden;

	-webkit-line-clamp: 3;

	white-space: normal;

	margin-bottom: 2.9166666667vw

}



.newf-more {

	font-weight: 400;

	font-size: 14px;

	color: #19adb2;

	float: right;

	margin-right: 3.1770833333vw

}



.newsf-pagination {

	position: absolute;

	left: calc(2.8645833333vw + 50%) !important;

	z-index: 99;

	width: 100px !important;

	bottom: 2.65625vw !important

}



.newsc-box {

	margin: 0;

	display: flex;

	justify-content: center;

	background-color: #fff;

	padding-bottom: 137px;

	overflow: hidden;

	position: relative;

	z-index: 10

}



.newsc-box2 {

	position: relative;

	z-index: 1;

	padding-left: calc(var(--bs-gutter-x) * 2.3);

	padding-right: calc(var(--bs-gutter-x) * 2.3);

	margin-bottom: 30px

}



.newsc-li {

	position: relative;

	transition: all .5s;

	left: 0;

	top: 0

}



.newsc-conA {

	padding-top: 3.1447916667vw;

	padding-bottom: 3.1447916667vw;

	display: flex;

	justify-content: space-between;

	align-items: flex-start;

	transition: all .5s

}



.newsc-li::after {

	content: '';

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 1px;

	transition: all .5s;

	background-color: #DBDBDB

}



.newsc-li::before {

	content: '';

	position: absolute;

	bottom: 0;

	left: 0;

	width: 0%;

	height: 2px;

	transition: all .5s;

	background-color: #19adb2

}



.newsc-dateBox {

	width: 78px;

	min-width: 78px;

	height: 102px;

	background-color: #CB9878;

	display: flex;

	justify-content: center;

	align-items: center;

	flex-direction: column;

	transition: all .5s;

	z-index: 10

}



.newsc-conBox {

	width: 44.56%;

	z-index: 10;

	margin: 0 1.0416666667vw;

	margin-top: 3.1052083333vw

}



.newsc-imgBox {

	width: 25.8333333333vw;

	height: 17.2916666667vw;

	overflow: hidden;

	z-index: 10;

	transition: cubic-bezier(0.22, 0.61, 0.36, 1) .45s

}



.newsc-img {

	width: 100%;

	height: 100%;

	transition: cubic-bezier(0.22, 0.61, 0.36, 1) .45s;

	object-fit: cover

}



.newsc-date1 {

	font-family: 'D-DIN';

	font-weight: 700;

	font-size: 60px;

	line-height: 60px;

	color: #ffffff

}



.newsc-date2 {

	font-family: 'D-DIN';

	font-weight: 700;

	font-size: 18px;

	color: #ffffff

}



.newsc-title {

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	font-weight: 500;

	font-size: 26px;

	color: #4f4f4f;

	margin-bottom: 1.6666666667vw;

	transition: all .5s

}



.newsc-conA:hover .newsc-img {

	transform: scale(1.1)

}



.newsc-conA:hover .newsc-title {

	color: #19adb2

}



.newsc-conA:hover .newsc-dateBox {

	background-color: #19adb2

}



.newsc-li:has(.newsc-conA:hover)::before {

	width: 100%

}



.newsc-text {

	font-weight: 400;

	font-size: 14px;

	color: #666666;

	margin-bottom: 3.9583333333vw;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	overflow: hidden;

	-webkit-line-clamp: 5;

	white-space: normal

}



.newsc-more {

	font-weight: 400;

	font-size: 14px;

	color: #4f4f4f

}



.circle1 {

	z-index: 0;

	position: fixed;

	left: -118px;

	bottom: -66px;

	width: 409.43px;

	height: 409.43px;

	border-radius: 50%;

	opacity: 0.12;

	background: linear-gradient(270deg, rgba(171, 22, 43, 0.3) 0%, rgba(216, 216, 216, 0) 108%)

}



.circle2 {

	z-index: 0;

	position: fixed;

	right: -15.1041666667vw;

	top: -7.1354166667vw;

	width: 35.3125vw;

	height: 35.3125vw;

	border-radius: 50%;

	opacity: 0.12;

	background: linear-gradient(277deg, #19adb2 4%, rgba(216, 216, 216, 0) 93%)

}



.about-pp {

	animation: spin2 8s infinite linear;

	transform-origin: 50% 45%

}



.newst-box {

	margin: 0;

	display: flex;

	justify-content: center;

	margin-top: 87.781px;

	padding-bottom: 72px;

	background-color: #fff;

	position: relative

}



.newst-box2 {

	padding-left: 8.25vw;

	padding-right: 8.25vw

}



.newst-swaLeft {

	padding: 2.7864583333vw 0;

	position: relative

}



.newst-conBox {

	display: flex;

	justify-content: space-between

}



.newst-dateBox1 {

	background-color: #19adb2;

	min-width: 78px;

	margin-top: 0

}



.newst-dateBox2 {

	background-color: #19adb2;

	display: none;

	margin-top: 0

}



.newst-con {

	margin-top: 29px;

	width: 62%

}



.newst-conRig {

	width: 26.9%

}



.newst-conRig2 {

	margin-top: 29px;

	width: 100%;

	background-color: rgba(245, 245, 244, 0.8);

	padding: 25px 30px 20px;

	position: sticky;

	left: 0;

	top: 100px

}



.newst-titleBox {

	position: relative;

	padding-bottom: 3px

}



.newst-titleBox2 {

	display: flex;

	justify-content: flex-start;

	overflow: hidden

}



.newst-titleBox::after {

	position: absolute;

	left: 0;

	bottom: 0;

	content: '';

	width: 100%;

	height: 1px;

	background-color: #D8D8D8

}



.newst-shareBox {

	display: flex;

	justify-content: flex-start;

	align-items: center

}



.newst-TextBox {

	margin-top: 60px;

	margin-bottom: 89px;

	display: flex;

	justify-content: center;

	align-items: center;

	flex-direction: column

}



.newst-TextBox p img {

	width: 33.8vw !important;

	object-fit: cover !important;

	margin-bottom: 36px !important

}



.prot-parText p img {

	width: 80% !important

}



.newst-butBox {

	display: flex;

	justify-content: space-between;

	align-items: center

}



.newst-butBox1 {

	width: 70%;

	display: flex;

	justify-content: center;

	align-items: flex-start;

	flex-direction: column

}



.newst-prev {

	width: 100%;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	margin-bottom: 20px

}



.newst-next {

	width: 100%;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap

}



.newst-prev:hover {

	color: #9A1020

}



.newst-next:hover {

	color: #9A1020

}



.newst-rigImgBox {

	overflow: hidden

}



.newst-rigImg {

	width: 100%;

	object-fit: cover;

	transition: cubic-bezier(0.215, .61, .355, 1) .45s

}



.newst-icon1 {

	color: #afafaf

}



.newst-icon {

	margin-right: 20px

}



.newst-icon2 {

	display: none

}



.newst-icon:hover .newst-icon1 {

	display: none

}



.newst-icon:hover .newst-icon2 {

	display: inline

}



.newst-title {

	font-weight: 500;

	font-size: 26px;

	color: #4F4F4F;

	margin-bottom: 18px

}



.newst-public {

	margin-right: 56px;

	font-weight: 400;

	font-size: 14px;

	color: #4F4F4F

}



.newst-share {

	display: flex;

	justify-content: center;

	align-items: center;

	font-weight: 400;

	font-size: 14px;

	color: #4F4F4F

}



.newst-TextBox p {

	font-weight: 400 !important;

	font-size: 14px !important;

	line-height: 22px !important;

	color: #4F4F4F !important;

	margin-bottom: 20px !important

}



.newst-butBox1 {

	font-weight: 400;

	font-size: 14px;

	color: #4F4F4F

}



.newst-butBox2 {

	width: 120px;

	height: 38px;

	background-color: #19adb2;

	line-height: 38px;

	text-align: center;

	font-weight: 400;

	font-size: 14px;

	color: #ffffff

}



.newst-related {

	margin-bottom: 23px;

	font-weight: 500;

	font-size: 20px;

	color: #333333;

	padding-left: 16px;

	position: relative

}



.newst-related::after {

	content: '';

	position: absolute;

	left: 0;

	top: 0;

	height: 100%;

	width: 6px;

	background-color: #19adb2

}



.newst-rigTit {

	padding: 20px 0;

	font-weight: 500;

	font-size: 16px;

	color: #4F4F4F;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	position: relative

}



.newst-rigTit::after {

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 1px;

	content: '';

	background-color: #D8D8D8

}



.newst-rigUl {

	margin-top: 20px

}



.newst-liTit {

	font-weight: 400;

	font-size: 14px;

	color: #4F4F4F;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	width: 60%

}



.newst-rigTA:hover .newst-rigTit {

	color: #9A1020

}



.newst-rigTA:hover .newst-rigImg {

	transform: scale(1.1)

}



.newst-rigLi {

	font-weight: 400;

	font-size: 14px;

	color: #4F4F4F;

	margin-bottom: 10px

}



.newst-rigA {

	display: flex;

	justify-content: space-between;

	align-items: center

}



.newst-rigA:hover {

	color: #9A1020

}



.newst-rigA:hover .newst-liTit {

	color: #9A1020

}



.newst-rigLi:last-child {

	margin-bottom: 0

}



.newst-liDate {

	font-family: 'D-DIN'

}



.project-ul {

	position: relative;

	z-index: 10;

	background-color: #fff;

	padding-bottom: 4.5734375vw

}



.project-li {

	display: flex;

	justify-content: center;

	margin: 0;

	padding: 0;

	background-color: #F5F5F4;

	overflow: hidden;

	position: relative;

	margin-bottom: 4.84375vw

}



.project-top {

	position: absolute;

	height: 80px;

	top: 0;

	left: 0;

	transform: translateY(-100%)

}



.project-box {

	display: flex;

	justify-content: space-between;

	align-items: center;

	padding-left: calc(var(--bs-gutter-x) * 2.3);

	padding-right: calc(var(--bs-gutter-x) * 2.3)

}



.project-left {

	width: 44%

}



.project-right {

	width: 44.9%

}



.project-titBox {

	position: relative;

	padding-bottom: 2.2395833333vw;

	margin-bottom: 2.6041666667vw

}



.gg {

	position: absolute;

	left: -7%;

	top: -30%;

	opacity: 0.12;

	width: 166.19px;

	height: 166.14px;

	border-radius: 50%;

	background: linear-gradient(277deg, #19adb2 4%, rgba(216, 216, 216, 0) 93%);

	animation: spin2 8s infinite linear;

	transform-origin: 50% 45%

}



.project-li:nth-child(2n) .gg {

	left: inherit;

	right: -7%;

	top: -20%

}



.project-engTitle {

	font-family: 'BagnardSans';

	font-size: 48px;

	color: #CB9878

}



.project-engTitle:first-child {

	margin-top: 6.1979166667vw

}



.project-chTitle {

	margin-top: 0.46875vw;

	color: #4F4F4F;

	font-size: 38px;

	font-weight: 500

}



.project-titBox::after {

	position: absolute;

	bottom: 0;

	left: 0;

	content: '';

	width: 83%;

	height: 1px;

	background-color: #D8D8D8

}



.project-li:nth-child(2n) .project-titBox::after {

	left: inherit;

	right: 0

}



.project-con {

	font-weight: 400;

	font-size: 18px;

	line-height: 30px;

	color: #666666;

	margin-bottom: 24px

}



.project-label {

	display: flex;

	justify-content: flex-start;

	align-items: center;

	flex-wrap: wrap;

	margin-bottom: 4.84375vw

}



.project-label2 {

	min-width: 150px;

	height: 48px;

	background-color: #19adb2;

	color: #ffffff;

	display: flex;

	justify-content: center;

	align-items: center;

	margin-right: 14px;

	margin-bottom: 10px;

	padding: 0 10px;

	font-size: 18px;

	font-weight: 500

}



.project-slBox1 {

	position: relative

}



.project-slBox1::before {

	content: "";

	display: block;

	padding-top: 75%

}



.project-slBox2 {

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	z-index: 1;

	display: flex;

	justify-content: center;

	align-items: center;

	overflow: hidden

}



.project-slBox2 img {

	width: 100%;

	height: 100%;

	transition: all .5s

}



.project-li:nth-child(2n) .project-box {

	flex-direction: row-reverse

}



.project-li:nth-child(2n) .project-left {

	text-align: right

}



.project-li:nth-child(2n) .project-label {

	justify-content: flex-end

}



#form {

	overflow: hidden

}



.project-li:hover .project-slBox2 img {

	transform: scale(1.1)

}



.cer-box2 {

	width: 100%;

	height: 100%;

	position: fixed;

	top: 0;

	left: 0;

	z-index: -100;

	display: flex;

	justify-content: center;

	align-items: center;

	visibility: hidden;

	opacity: 0;

	transition: all 0.5s ease

}



.cer-boxAct {

	visibility: visible;

	opacity: 1;

	z-index: 999;

	background-color: rgba(0, 0, 0, 0.6)

}



.cer-boxAct2 {

	visibility: visible;

	opacity: 1;

	z-index: 999;

	background-color: rgba(0, 0, 0, 0.2)

}



.cer-but2:hover {

	background-color: #19adb2

}



.cel-play {

	width: 960px;

	display: none;

	justify-content: center;

	align-items: center;

	position: relative

}



.cel-play video {

	display: block;

	width: 100%;

	object-fit: cover

}



.cer-close2 {

	position: absolute;

	z-index: 9999;

	width: 80px;

	height: 80px;

	display: flex;

	justify-content: center;

	align-items: center;

	background: rgb(0, 0, 0);

	text-decoration: none;

	color: #fff;

	vertical-align: middle;

	cursor: pointer;

	top: 0px;

	right: -80px

}



.cer-close2 img {

	width: 45%;

	height: 45%;

	object-fit: cover

}



.tent-box {

	height: 100vh;

	position: fixed;

	top: 0;

	right: -64px;

	z-index: 500;

	transition: all .5s

}



.tent-li {

	margin-top: 11px;

	width: 56px;

	height: 56px;

	border-radius: 50%;

	background-color: #CB9878;

	display: flex;

	justify-content: center;

	align-items: center;

	cursor: pointer

}



.tent-li1 {

	position: relative;

	top: 50%

}



.tent-li3 {

	position: relative;

	top: 52%

}



.fist-totop {

	opacity: 0

}



.cor-newtext {

	margin-top: 3.6458333333vw;

	font-size: 26px;

	letter-spacing: 0.08em;

	font-weight: 400;

	color: #ffffff

}



@media (max-width:1600px) {

	.newst-box2 {

		padding-left: calc(var(--bs-gutter-x) * 2.3);

		padding-right: calc(var(--bs-gutter-x) * 2.3)

	}



	.prot-box2 {

		padding-left: calc(var(--bs-gutter-x) * 2.3);

		padding-right: calc(var(--bs-gutter-x) * 2.3)

	}

	/*.prod-li{margin-right: 25px}*/

}



@media (min-width:1530px) {

	.story-left {

		width: 44.6%

	}



	.story-right {

		width: 55.4%

	}



	.newsf-box2 {

		width: 1200px

	}

}



@media (max-width:1530px) {

	.cor-newtext {

		font-size: 22px

	}



	.about-top {

		height: 108px;

		width: calc(100% - 57vw)

	}



	.mes-left {

		width: 36.895833vw

	}



	.head-shopping {

		transform: scale(0.8)

	}



	.swashes-engName {

		font-size: 36px

	}



	.swashes-chName {

		font-size: 28px

	}



	.cor-iconNew img {

		width: 30px

	}



	.ster-push p {

		width: 32px;

		height: 20px;

		font-size: 20px;

		line-height: 20px

	}



	.ster-title {

		font-size: 18px

	}



	.ster-nameBox {

		padding-top: 50px;

		padding-bottom: 30px

	}



	.ster-engH1 {

		font-size: 36px;

		line-height: 45px

	}



	.ster-ChH1 {

		font-size: 28px

	}



	.ster-right {

		/*height: 736px*/

	}



	.ster-open .ster-title {

		font-size: 20px

	}



	.ster-leftTitle p {

		font-family: 'Arial';

		font-size: 20px;

		font-weight: bold

	}



	.ster-leftTitle p:nth-child(1) {

		font-family: 'Twenty';

		font-size: 16px

	}



	.newsf-box2 {

		padding-left: calc(var(--bs-gutter-x) * 2.3);

		padding-right: calc(var(--bs-gutter-x) * 2.3)

	}



	.mes-formBox {

		padding: 60px 2.313vw

	}



	.mes-left2 {

		margin-right: 2vw

	}



	.coIn-conBox {

		padding: 0

	}



	.prot-butBox {

		margin-top: 30px

	}



	.prod-ul::after {

		content: "";

		width: 31.55%

	}



	.cor-engName {

		display: flex

	}



	.cor-iconNew {

		margin-bottom: 37%

	}



	.cor-box {

		width: 60%;

		margin: 0

	}



	.cor-engH1:first-child {

		margin-right: 10px

	}



	.cor-left {

		margin: 0;

		flex: 1;

		height: 100%;

		padding-left: calc(0.5rem * 0.6 + 5.5vw)

	}



	.cor-topContent:nth-child(1),

	.cor-topContent:nth-child(2),

	.cor-topContent:nth-child(3) {

		border-top: 1px solid #fff

	}



	.cor-telBox {

		border-bottom: none;

		margin-bottom: 0

	}



	.prod-ImgBox {

		margin-bottom: 15px

	}



	.prod-title {

		height: 40px

	}



	.cor-telBox:nth-child(1):after,

	.cor-telBox:nth-child(2):after,

	.cor-telBox:nth-child(3):after,

	.cor-telBox:nth-child(4):after {

		content: "";

		width: 100%;

		height: 1px;

		transition: all 0.5s ease;

		position: absolute;

		bottom: 0;

		left: 0;

		background-color: #fff;

		color: #fff

	}



	.prot-title {

		font-size: 40px

	}



	.pro-rightBox {

		padding-left: 0

	}



	.pro-center {

		padding-bottom: 48px

	}



	.news-content {

		flex-wrap: wrap

	}



	.news-box {

		width: 32%

	}



	.news-box:last-child {

		display: none

	}



	.food-bottom1,

	.food-bottom3 {

		width: 50%

	}



	.cul-conBox {

		width: 50vw

	}



	.prot-parTitle {

		font-size: 25px

	}



	.head-logoImg {

		width: auto;

		height: 55px

	}



	.head-li {

		font-size: 16px

	}



	.head-liimg {

		width: 15px;

		bottom: 7px

	}



	.head-telImg1,

	.head-telImg2 {

		width: 16px

	}



	.head-tel {

		font-size: 16px

	}



	.news-top {

		padding-top: 80px;

		padding-bottom: 50px

	}



	.about-engTitle {

		font-size: 36px

	}



	.project-engTitle {

		font-size: 36px

	}



	.about-chTitle {

		font-size: 28px;

		margin-bottom: 20px

	}



	.project-chTitle {

		font-size: 28px

	}



	.about-text {

		font-size: 14px;

		line-height: 22px;

		margin-bottom: 40px

	}



	.about-a {

		font-size: 14px

	}



	.about-numBox {

		padding-top: 30px;

		padding-bottom: 50px

	}



	.about-numCon {

		font-size: 50px;

		margin-bottom: 0

	}



	.about-num2 {

		font-size: 16px;

		height: 50px;

		line-height: 50px

	}



	.about-numText {

		font-size: 16px

	}



	.head-box {

		padding-left: calc(var(--bs-gutter-x) * 1);

		padding-right: calc(var(--bs-gutter-x) * 1)

	}



	.pro-box {

		padding-left: calc(var(--bs-gutter-x) * 1);

		padding-right: calc(var(--bs-gutter-x) * 1)

	}



	.project-label2 {

		min-width: 140px;

		height: 40px;

		font-size: 16px

	}



	.project-box {

		padding-left: calc(var(--bs-gutter-x) * 1);

		padding-right: calc(var(--bs-gutter-x) * 1)

	}



	.big-content {

		left: 6.1vw

	}



	.news-centerBox {

		padding-left: calc(var(--bs-gutter-x) * 1);

		padding-right: calc(var(--bs-gutter-x) * 1)

	}



	.food-bottomBox {

		padding-left: calc(var(--bs-gutter-x) * 1);

		padding-right: calc(var(--bs-gutter-x) * 1)

	}



	.story-rigBox {

		padding-left: calc(var(--bs-gutter-x) * 1);

		padding-right: calc(var(--bs-gutter-x) * 1)

	}



	.story-rigBox {

		padding-left: calc(var(--bs-gutter-x) * 1);

		padding-right: calc(var(--bs-gutter-x) * 1)

	}



	.prod-box2 {

		padding-left: calc(var(--bs-gutter-x) * 1);

		padding-right: calc(var(--bs-gutter-x) * 1)

	}



	.prot-box2 {

		padding-left: calc(var(--bs-gutter-x) * 1);

		padding-right: calc(var(--bs-gutter-x) * 1)

	}



	.ster-nameBox {

		padding-left: 1vw

	}



	.ster-conBox3 {

		padding-left: calc(var(--bs-gutter-x) * 1.1);

		padding-right: calc(var(--bs-gutter-x) * 1.1)

	}



	.about-box {

		padding-left: calc(var(--bs-gutter-x) * 0.1);

		padding-right: calc(var(--bs-gutter-x) * 0.1)

	}



	.cul-topBox {

		padding-left: calc(var(--bs-gutter-x) * 1.1);

		padding-right: calc(var(--bs-gutter-x) * 1.1)

	}



	.coIn-box2 {

		padding-left: calc(var(--bs-gutter-x) * 1.1);

		padding-right: calc(var(--bs-gutter-x) * 1.1)

	}



	.mes-box2 {

		padding-left: calc(var(--bs-gutter-x) * 1.1);

		padding-right: calc(var(--bs-gutter-x) * 1.1)

	}



	.newsf-box2 {

		padding-left: calc(var(--bs-gutter-x) * 1.1);

		padding-right: calc(var(--bs-gutter-x) * 1.1)

	}



	.newsc-box2 {

		padding-left: calc(var(--bs-gutter-x) * 1.1);

		padding-right: calc(var(--bs-gutter-x) * 1.1)

	}



	.newst-box2 {

		padding-left: calc(var(--bs-gutter-x) * 1.1);

		padding-right: calc(var(--bs-gutter-x) * 1.1)

	}



	.newsf-pagination {

		bottom: 4.65625vw !important

	}



	.honor-page .swiper-pagination-bullet {

		outline: none;

		width: 8px;

		height: 8px;

		margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 5px) !important

	}



	.swashes-navBox2,

	.swashes-conBox2,

	.swashes-numBox2 {

		padding-left: calc(var(--bs-gutter-x) * 1.1);

		padding-right: calc(var(--bs-gutter-x) * 1.1)

	}



	.pro-navicon img {

		height: 30px

	}



	.pro-nameBox2 {

		font-size: 14px

	}



	.pro-nameBox2 div:first-child p {

		font-size: 16px

	}



	.project-con {

		font-size: 16px

	}



	.news-text2,

	.pro-text {

		font-size: 14px;

		height: 30px;

		line-height: 29px;

		width: 100px

	}



	.cor-engH1 {

		font-size: 36px

	}



	.cor-chH1 {

		font-size: 28px

	}



	.pro-engName {

		font-size: 36px

	}



	.pro-chH1 {

		font-size: 2.8rem

	}



	.news-engH1 {

		font-size: 36px

	}



	.news-chH1 {

		font-size: 28px

	}



	.story-engName {

		font-size: 36px

	}



	.story-chName {

		font-size: 28px

	}



	.cul-engName {

		font-size: 36px

	}



	.cul-chName {

		font-size: 28px

	}



	.honor-engName {

		margin-top: 60px;

		margin-bottom: 0;

		font-size: 36px

	}



	.honor-content {

		padding-bottom: 80px

	}



	.honor-page {

		margin-top: 50px

	}



	.honor-title {

		margin-top: 0px;

		margin-bottom: 10px

	}



	.honor-topBox {

		margin-bottom: 45px

	}



	.honor-chName {

		font-size: 28px

	}



	.coIn-engName {

		font-size: 36px

	}



	.coIn-chName {

		font-size: 28px

	}



	.mes-engName {

		font-size: 36px

	}



	.top {

		height: 67px

	}



	.mes-chName {

		font-size: 28px

	}



	.coIn-imgBox {

		height: 283px

	}



	.pro-title {

		font-size: 16px;

		height: 45px

	}



	.pro-title::after {

		height: 45px

	}



	.banner-chName {

		font-size: 48px;

		margin-bottom: 0

	}



	.banner-engName {

		font-size: 26px

	}



	.swashes-rigCh {

		font-size: 18px

	}



	.swashes-rigUl {

		margin: 12px 0

	}



	.swashes-left {

		margin: 24px 0

	}



	.swashes-numCon {

		font-size: 60px;

		height: 60px;

		line-height: 60px;

		margin-bottom: 5px

	}



	.swashes-numBox3 {

		padding-top: 30px;

		padding-bottom: 40px

	}



	.cul-title {

		padding-top: 35px;

		font-size: 28px

	}



	.cul-icon {

		margin-bottom: 20px;

		transform: scale(0.8)

	}



	.cul-bomTit {

		font-size: 25px

	}



	.cul-text {

		padding-bottom: 60px

	}



	.cul-bomBox {

		padding: 60px 0 40px

	}



	.story-title {

		font-size: 28px;

		margin-top: 30px

	}



	.story-text {

		font-size: 14px;

		line-height: 30px;

		margin-bottom: 100px

	}



	.story-right {

		margin-top: 80px

	}



	.story-leBox {

		height: 85px;

		font-size: 26px

	}



	.video-engTitle {

		font-size: 45px

	}



	.video-chTitle {

		font-size: 20px

	}



	.tent-box {

		transform: scale(0.9)

	}

}

@media (max-width:1440px) {

	/*.prod-li{margin-right: 20px}*/

}

@media (max-width:1360px) {

	.tent-box {

		transform: scale(0.8)

	}



	.swashes-rigCh {

		font-size: 16px

	}



	.ster-leftTitle p {

		font-size: 18px

	}



	.newsc-imgBox {

		width: 32vw;

		height: 22vw

	}



	.ster-conBox2 {

		padding-left: 1vw

	}



	.mes-but {

		height: 40px;

		font-size: 18px

	}



	.project-label2 {

		min-width: 120px;

		height: 35px;

		font-size: 14px

	}



	.project-left {

		width: 50%

	}



	.food-title {

		margin-top: 30px

	}



	.pro-title {

		font-size: 14px

	}



	.cor-icon {

		margin-top: 120px

	}



	.food-title img {

		height: 66px

	}



	.food-titleA1 {

		margin-top: 18px;

		margin-bottom: 7px;

		font-size: 16px

	}



	.food-titleA3,

	.food-titleA5 {

		font-size: 18px;

		margin-bottom: 8px

	}



	.food-titleB1 {

		margin-top: 20px

	}



	.food-titleC51,

	.food-titleC52 {

		font-size: 14px

	}



	.food-bottom3 {

		padding: 74px 0px 0px 41px

	}



	.food-titleB1,

	.food-titleB2,

	.food-titleB4 {

		font-size: 16px

	}



	.food-titleC1,

	.food-titleC2 {

		font-size: 20px

	}



	.food-titleB3,

	.food-titleB5 {

		font-size: 18px

	}



	.story-leBox {

		width: 71%

	}



	.story-leBox {

		height: 85px;

		font-size: 22px

	}



	.food-titleC4 {

		margin-bottom: 40px

	}



	.food-titleC3 {

		font-size: 28px;

		margin-bottom: 36px

	}



	.ster-title {

		font-size: 16px

	}



	.ster-open .ster-title {

		font-size: 18px

	}



	.swashes-leZ {

		margin-right: 4px

	}



	.swashes-leImg2 {

		margin: 0 4px

	}



	.newst-dateBox1 {

		min-width: 60px;

		width: 60px;

		height: 85px

	}



	.newst-conRig {

		width: 30.9%

	}



	.newst-con {

		margin-top: 9px;

		width: 54%

	}



	.newsc-date1 {

		font-size: 50px;

		line-height: 50px

	}



	.newsc-date2 {

		font-size: 16px

	}



	.prot-title {

		font-size: 32px;

		padding-bottom: 20px

	}



	.prot-text {

		font-size: 14px;

		padding: 16px 0

	}



	.prot-chara {

		margin-top: 20px;

		margin-bottom: 20px

	}



	.prot-detIcon1 {

		height: 16px

	}



	.prot-detCon {

		font-size: 14px

	}



	.prot-but {

		width: 125px;

		height: 40px;

		font-size: 14px

	}



	.prot-direBox {

		width: 45px;

		height: 40px

	}



	.honor-conBox {

		padding-left: calc(var(--bs-gutter-x)* 4.6)

	}



	.prot-dire {

		height: 16px

	}



	.prot-parTitle {

		font-size: 24px

	}



	.prot-parText {

		font-size: 14px

	}



	.prot-leftTit {

		font-size: 28px

	}



	.prod-text1 {

		font-size: 16px

	}



	.ster-bomCon {

		width: 46%;

		font-size: 14px

	}



	.ster-right {

		/*height: 700px*/

	}



	.cel-play {

		width: 70%

	}



	.newsf-pagination {

		left: calc(3.864583vw + 50%) !important

	}



	.gg {

		width: 140px;

		height: 140px

	}



	.tent-box {

		right: 20px

	}



	.about-top {

		height: 80px

	}



	.about-right {

		height: 70px

	}

}



@media (max-width:1199px) {

	.prod-li {

        width: calc(34.55% - 40px);

    }

	.prod-li:nth-of-type(3n) {

	    margin-right: 0;

	}

	.prod-li:nth-of-type(4n) {

	    margin-right: 20px;

	}

	.prot-butBox1 {

		display: none

	}



	.prot-butBox2 {

		display: flex

	}



	.mes-left {

		width: 421px

	}



	.project-right {

		width: 440px

	}



	.ster-conBox2 a,

	.ster-top {

		display: flex;

		justify-content: center

	}



	.ster-push {

		position: absolute;

		right: 0;

		top: 0

	}



	.ster-left {

		display: none

	}



	.ster-right {

		width: 100%;

		/*height: 690px*/

		overflow-y: unset;

	}



	.cor-left {

		padding-left: calc(var(--bs-gutter-x) * .6);

		padding-right: calc(var(--bs-gutter-x) * .6);

		width: 100%;

		display: flex;

		justify-content: center

	}



	.food-bottomBox {

		padding-left: calc(var(--bs-gutter-x) * .5);

		padding-right: calc(var(--bs-gutter-x) * .5)

	}



	.page-box {

		right: 8%

	}



	.ster-bomCon {

		font-size: 16px

	}



	.ster-title {

		font-size: 20px

	}



	.ster-open .ster-title {

		font-size: 22px

	}



	.ster-engName {

		display: flex;

		justify-content: flex-start;

		align-items: center

	}



	.ster-engH1:first-child {

		margin-right: 13px

	}



	.ster-nameBox {

		width: 91.66666667%;

		padding: 75px 12px 30px 12px

	}



	.ster-conBox3 {

		width: 91.66666667%;

		padding-left: calc(var(--bs-gutter-x) * .6);

		padding-right: calc(var(--bs-gutter-x) * .6)

	}



	.ster-open .ster-bom {

		max-height: 176px

	}



	.page-current {

		font-size: 30px

	}



	.page-all {

		font-size: 18px

	}



	.swiper2-textBox {

		left: 6%

	}



	.head-nav {

		display: none

	}



	.head-box {

		padding-left: calc(var(--bs-gutter-x) * .5);

		padding-right: calc(var(--bs-gutter-x) * .5)

	}



	.head-navBox {

		display: flex;

		justify-content: space-between;

		align-items: center

	}



	.about-box {

		padding-left: calc(var(--bs-gutter-x) * .6);

		padding-right: calc(var(--bs-gutter-x) * .6)

	}



	.about-numBox {

		padding-top: 68px

	}



	.about-con {

		margin-top: 0

	}



	.about-top {

		display: none

	}



	.cul-conBox {

		width: 60vw

	}



	.cul-topBox {

		padding-left: calc(var(--bs-gutter-x) * .6);

		padding-right: calc(var(--bs-gutter-x) * .6)

	}



	.story-left {

		display: none

	}



	.story-right {

		margin-top: 0;

		padding: 0;

		display: flex;

		justify-content: center

	}



	.story-rigBox {

		padding-left: calc(var(--bs-gutter-x) * .5);

		padding-right: calc(var(--bs-gutter-x) * .5)

	}



	.story-text {

		margin-bottom: 0

	}



	.story-left2 {

		margin: 60px 0 100px;

		display: flex;

		justify-content: center;

		align-items: center;

		background-color: #19adb2

	}



	.story-left2 {

		width: 100%

	}



	.story-leBox {

		width: 100%;

		display: flex;

		justify-content: center;

		align-items: center;

		height: 70px

	}



	.story-left {

		display: none

	}



	.story-right {

		margin-top: 0;

		padding: 0;

		display: flex;

		justify-content: center

	}



	.story-rigBox {

		padding-left: calc(var(--bs-gutter-x) * .5);

		padding-right: calc(var(--bs-gutter-x) * .5)

	}



	.story-text {

		margin-bottom: 0

	}



	.story-left2 {

		margin: 60px 0 100px;

		display: flex;

		justify-content: center;

		align-items: center;

		background-color: #19adb2

	}



	.prod-box2 {

		padding-left: calc(var(--bs-gutter-x) * .5);

		padding-right: calc(var(--bs-gutter-x) * .5)

	}



	.prod-text1 {

		font-size: 16px

	}



	.prot-box {

		margin-top: 74.41px

	}



	.prot-swaLeft {

		padding: 23.5px 0

	}



	.prot-title {

		font-size: 36px

	}



	.prot-box2 {

		padding-left: calc(var(--bs-gutter-x) * .5);

		padding-right: calc(var(--bs-gutter-x) * .5)

	}



	.prot-conBox {

		flex-direction: column;

		margin-top: 0

	}



	.prot-bigBox {

		width: 80%;

		border: 1px solid #CBCBCB;

		display: flex;

		justify-content: center;

		align-items: center

	}



	.prot-img {

		border: 1px solid #CBCBCB

	}



	.ster-conBox2 {

		padding-left: 12px;

		padding-right: 12px

	}



	.prot-conRig {

		margin-top: 30px

	}



	.coIn-imgBox {

		height: 250px

	}



	.coIn-con {

		padding-left: 0

	}



	.coIn-engName {

		font-size: 48px

	}



	.coIn-box2 {

		padding-left: calc(var(--bs-gutter-x) * .6);

		padding-right: calc(var(--bs-gutter-x) * .6)

	}



	.mes-box2 {

		padding-left: calc(var(--bs-gutter-x) * .6);

		padding-right: calc(var(--bs-gutter-x) * .6)

	}



	.newsf-box2 {

		padding-left: calc(var(--bs-gutter-x) * .6);

		padding-right: calc(var(--bs-gutter-x) * .6)

	}



	.newsc-box2 {

		padding-left: calc(var(--bs-gutter-x) * .6);

		padding-right: calc(var(--bs-gutter-x) * .6)

	}



	.newsf-pagination {

		bottom: 50px !important

	}



	.newsc-imgBox {

		width: 389px;

		height: 232px

	}



	.newst-swaLeft {

		padding: 23.5px 0

	}



	.newst-box {

		margin-top: 74.41px

	}



	.newst-box2 {

		padding-left: calc(var(--bs-gutter-x) * .6);

		padding-right: calc(var(--bs-gutter-x) * .6)

	}



	.swashes-conBox {

		padding-top: 3.90625vw;

		padding-bottom: 3.6458333333vw

	}



	.swashes-navBox2,

	.swashes-conBox2,

	.swashes-numBox2 {

		padding-left: calc(var(--bs-gutter-x) * .6);

		padding-right: calc(var(--bs-gutter-x) * .6)

	}



	.cor-culture {

		flex-direction: column;

		align-items: flex-start

	}



	.cor-box {

		width: 100%

	}



	.cor-icon,

	.cor-nameBox {

		display: none

	}



	.cor-topContent {

		padding: 0

	}



	.cor-box {

		display: flex;

		justify-content: center

	}



	.cor-content {

		width: 91.66666667%

	}



	.cor-iconNew {

		margin-bottom: 10px

	}



	.cor-topContentNew {

		padding: 20px;

		position: relative;

		bottom: 0;

		opacity: 1;

		background-color: rgba(0, 0, 0, 0)

	}



	.main-swiper {

		height: 100%

	}



	.prot-conLeft {

		height: 600px

	}



	.pro-swiper {

		width: auto;

		height: 100%

	}



	.swashes-left {

		display: none

	}



	.swashes-right {

		width: 100%

	}



	.newf-date1 {

		line-height: 45px;

		font-size: 45px

	}



	.prot-conRig {

		width: 100%

	}



	.swashes-img {

		height: 56vw

	}

}



@media (min-width:992px) {

	.swashes-name {

		width: 33%

	}



	.swashes-text {

		width: 67%

	}

}





@media (max-width:1199px) and (min-width:992px) {



	.cor-topContent:nth-child(3),

	.cor-topContent:nth-child(2),

	.cor-topContent:nth-child(1) {

		border-top: none

	}



	.cor-topContent:nth-child(4),

	.cor-topContent:nth-child(5),

	.cor-topContent:nth-child(6) {

		border-bottom: none

	}



	.cor-topContent:nth-child(4),

	.cor-topContent:nth-child(1) {

		border-left: none

	}



	.cor-topContent:nth-child(3),

	.cor-topContent:nth-child(6) {

		border-right: none

	}

}



@media (max-width:992px) {

	.tent-box {

		transform: scale(0.7)

	}



	.cor-bg {

		position: absolute

	}



	.cer-close2 {

		width: 10vw;

		height: 10vw;

		right: -9.9vw

	}



	.gg {

		width: 120px;

		height: 120px

	}



	.swashes-navBox {

		transform: none

	}



	.project-right {

		margin-bottom: 60px

	}



	.project-box {

		flex-direction: column !important

	}



	.project-label {

		margin-bottom: 30px

	}



	.project-left {

		width: 100%;

		text-align: left !important

	}



	.project-label {

		justify-content: flex-start !important

	}



	.swiper-prev {

		display: none

	}



	.swiper-next {

		display: none

	}



	.cor-topContent:nth-child(2),

	.cor-topContent:nth-child(1) {

		border-top: none

	}



	.cor-topContent:nth-child(5),

	.cor-topContent:nth-child(6) {

		border-bottom: none

	}



	.cor-topContent:nth-child(2n-1) {

		border-left: none

	}



	.cor-topContent:nth-child(2n) {

		border-right: none

	}



	.cor-content {

		display: flex;

		justify-content: center;

		align-items: center;

		padding-left: calc(var(--bs-gutter-x) * .6);

		padding-right: calc(var(--bs-gutter-x) * .6)

	}



	.about-a::after {

		display: none

	}



	.newst-con {

		margin-top: 0

	}



	.newst-dateBox1 {

		display: none

	}



	.newst-dateBox2 {

		display: flex

	}



	.newst-conBox {

		flex-wrap: wrap

	}



	.newst-conRig {

		width: 100%

	}



	.newst-conRig2 {

		position: initial

	}



	.newst-con {

		width: 100%

	}



	.newst-TextBox p img {

		width: auto !important;

		height: auto !important;

		max-width: 560px !important

	}



	.swashes-img2 {

		height: auto

	}



	.swashes-img {

		position: unset;

		transform: none;

		width: 100%;

		height: 100%;

		object-fit: cover

	}



	.newst-rigImg {

		width: auto;

		height: auto;

		max-width: 100%;

		position: relative;

		left: 50%;

		transform: translateX(-50%)

	}



	.newst-rigTA:hover .newst-rigImg {

		transform: translateX(-50%) scale(1.1)

	}



	.banner-con {

		height: 65vh

	}



	.swiper-slide1 {

		height: 65vh

	}



	.swiper1-text3::after {

		top: -67%

	}



	.banner1,

	.banner2 {

		height: 65vh

	}



	.swiper1-text1 {

		width: 200px;

		left: -9%

	}



	.swiper1-text2 {

		font-size: 35px

	}



	.swiper1-text3 {

		font-size: 20px

	}



	.swiper2-textBox {

		left: 5%

	}



	.page-box {

		right: 5%;

		bottom: 30px

	}



	.page-current {

		font-size: 30px

	}



	.page-all {

		font-size: 18px

	}



	.cor-text {

		margin-top: 25px

	}



	.cor-topContent:nth-child(3) {

		border-top: none

	}



	.pro-box {

		padding-left: calc(var(--bs-gutter-x) * .6);

		padding-right: calc(var(--bs-gutter-x) * .6)

	}



	.pro-right {

		margin: 20px 0

	}



	.pro-more2 {

		display: flex

	}



	.pro-more1 {

		display: none

	}



	.news-top {

		padding-top: 75px

	}



	.news-centerBox {

		padding-left: calc(var(--bs-gutter-x) * .6);

		padding-right: calc(var(--bs-gutter-x) * .6)

	}



	.project-box {

		padding-left: calc(var(--bs-gutter-x) * .6);

		padding-right: calc(var(--bs-gutter-x) * .6)

	}



	.news-content {

		padding-bottom: 60px

	}



	.food-bottomBox {

		flex-wrap: wrap

	}



	.food-title {

		margin-top: 10px

	}



	.food-titleB1 {

		margin-top: 10px

	}



	.food-titleB3 {

		margin-bottom: 15px

	}



	.food-bottom1,

	.food-bottom3 {

		width: 100%

	}



	.food-bottom3 {

		padding-top: 0 !important;

		padding-left: 0 !important;

		border: none !important;

		border-top: 1px solid #E2444B !important

	}



	.food-titleC1 {

		margin-top: 10px

	}



	.food-content {

		padding-bottom: 60px

	}



	.food-titleC4 {

		margin-bottom: 15px

	}



	.banner-box0 {

		height: 65vh

	}



	.banner-box {

		height: 65vh;

		position: relative;

		background-attachment: inherit;

		background-size: cover

	}



	.banner-name {

		position: absolute

	}



	.banner-chName {

		font-size: 40px;

		margin-bottom: 15px

	}



	.banner-engName {

		font-size: 28px;

		line-height: 28px

	}



	.swashes-conBox {

		padding-bottom: 60px

	}



	.swashes-navBox {

		position: relative;

		top: 0;

		left: 0

	}



	.tent-box {

		height: auto;

		right: 0px !important;

		top: inherit;

		bottom: 50px

	}



	.main-img {

		object-fit: contain

	}



	.swashes-imgLeft,

	.swashes-imgRig {

		visibility: hidden

	}



	.swashes-text {

		padding: 0;

		padding-top: 20px

	}



	.cul-conBox {

		width: 100%

	}



	.cul-text {

		padding-bottom: 100px

	}



	.cul-bomBox {

		padding: 50px 0 50px

	}



	.honor-title {

		margin-top: 5px;

		margin-bottom: 20px

	}



	.prot-text {

		padding: 20px 0

	}



	.prot-parBox {

		padding-top: 60px

	}



	.prot-parText {

		min-height: 200px

	}



	.prot-parBox {

		padding-bottom: 30px

	}



	.coIn-con {

		padding-top: 30px

	}



	.coIn-imgBox {

		height: 200px

	}



	.coIn-title {

		font-size: 20px;

		margin-bottom: 15px

	}



	.coIn-text {

		font-size: 14px

	}



	.mes-box {

		padding-top: 30px

	}



	.mes-formBox {

		padding: 60px 30px;

		flex-direction: column

	}



	.mes-left {

		width: 100%

	}



	.mes-left2 {

		margin: 0

	}



	.mes-left::after {

		display: none

	}



	.mes-left {

		padding-bottom: 0

	}



	.mes-right {

		width: 100%;

		margin: 0

	}



	.mes-conBox {

		height: auto

	}



	.mes-text p {

		width: auto

	}



	.newsc-imgBox {

		display: none

	}



	.newsc-li:nth-child(2n-1) {

		padding-top: 40px;

		padding-bottom: 40px

	}



	.newsc-li:nth-child(2n) {

		padding-top: 40px;

		padding-bottom: 40px;

		margin-bottom: 0

	}



	.newsc-text {

		margin-bottom: 50px

	}



	.newsc-conBox {

		margin-top: 0;

		margin-right: 0;

		width: 85%

	}



	.newf-date {

		display: flex;

		justify-content: flex-end;

		align-items: center;

		flex-direction: row-reverse;

		margin-bottom: 20px

	}



	.newf-date1 {

		font-size: 18px;

		line-height: 18px

	}



	.newf-date2 {

		line-height: 18px

	}



	.newf-date2::after {

		content: '-'

	}



	.newf-date2 {

		margin-bottom: 0

	}



	.newsf-slide {

		height: 337px

	}



	.newf-text {

		margin-bottom: 48px

	}



	.ster-bomCon {

		padding-left: 30px

	}



	.newsf-pagination {

		bottom: 94px !important

	}



	.newf-title {

		margin-bottom: 27px

	}



	.project-engTitle {

		font-size: 30px

	}



	.project-chTitle {

		font-size: 26px

	}



	.newsc-dateBox {

		width: 68px;

		min-width: 68px;

		height: 90px;

		margin-right: 10px

	}



	.project-titBox::after {

		width: 100%

	}

}

@media (max-width:850px) {

	.prod-li {

		width: 31.55%;

		margin-right: 12px;

	}

	.prod-li:nth-of-type(3n) {

	    margin-right: 0;

	}

	.prod-li:nth-of-type(4n) {

	    margin-right: 15px;

	}

}

@media (max-width:768px) {

	.ster-title {

		font-size: 18px

	}



	.tent-box {

		transform: scale(0.6)

	}



	.swiper1-text3::after {

		top: -37%

	}



	.news-content {

		justify-content: space-between

	}



	.news-box {

		width: 48%;

		margin-right: 0

	}



	.news-box:last-child {

		display: block

	}



	.ster-open .ster-title p {

		transition: all .5s

	}



	.ster-open .ster-title p {

		font-size: 20px

	}



	.cor-left {

		padding-left: calc(var(--bs-gutter-x) * .2);

		padding-right: calc(var(--bs-gutter-x) * .2)

	}



	.cor-content {

		padding-left: calc(var(--bs-gutter-x) * .2);

		padding-right: calc(var(--bs-gutter-x) * .2)

	}



	.head-box {

		padding-left: calc(var(--bs-gutter-x) * .1);

		padding-right: calc(var(--bs-gutter-x) * .1)

	}



	.head-tel {

		font-size: 16px

	}



	.swiper1-text2 {

		font-size: 25px

	}



	.swiper1-text3 {

		font-size: 16px

	}



	.swiper1-line {

		margin: 20px 0

	}



	.page-box {

		right: 3%;

		bottom: 30px

	}



	.page-current {

		font-size: 25px

	}



	.page-all {

		font-size: 16px

	}



	.about-box {

		padding-left: calc(var(--bs-gutter-x) * .2);

		padding-right: calc(var(--bs-gutter-x) * .2)

	}



	.about-numBox {

		flex-wrap: wrap;

		padding-bottom: 60px

	}



	.about-nums {

		margin-bottom: 30px

	}



	.about-text {

		margin-bottom: 40px

	}



	.about-numCon {

		margin-bottom: 0

	}



	.about-numTop1,

	.about-numTop2 {

		font-size: 58px;

		height: 58px;

		line-height: 58px;

		font-weight: 600;

		margin-bottom: 12px

	}



	.about-numTop1 div:nth-child(2),

	.about-numTop2 div:nth-child(2) {

		margin-left: 3px;

		font-size: 12px;

		font-weight: normal;

		height: 38px;

		line-height: 26px

	}



	.about-numBox {

		display: none

	}



	.about-numBox2 {

		display: flex;

		margin-top: 10px

	}



	.about-numText {

		font-size: 16px

	}



	.pro-top {

		margin: 0;

		padding-top: 38px

	}



	.pro-more {

		justify-content: flex-end

	}



	.pro-box {

		padding-left: calc(var(--bs-gutter-x) * .2);

		padding-right: calc(var(--bs-gutter-x) * .2)

	}



	.pro-rightBox {

		padding: 5px 3px

	}



	.pro-center {

		padding-bottom: 28px

	}



	.ster-nameBox {

		padding-top: 38px

	}



	.ster-conBox3 {

		padding-left: calc(var(--bs-gutter-x) * .2);

		padding-right: calc(var(--bs-gutter-x) * .2)

	}



	.ster-right {

		width: 100%;

		/*height: 634px*/

	}



	.ster-nameBox {

		padding-left: 2.4px;

		padding-right: 2.4px

	}



	.ster-open .ster-bom {

		max-height: 183px

	}



	.ster-conBox2 {

		padding: 15px 0

	}



	.big-content {

		left: 5%

	}



	.big-title {

		font-size: 30px;

		margin-bottom: 20px

	}



	.big-M {

		font-size: 46px

	}



	.big-line {

		margin-bottom: 15px

	}



	.big-english {

		font-size: 20px;

		left: -12px;

		top: -10px

	}



	.big-text {

		font-size: 14px

	}



	.grey-bg {

		height: 50px

	}



	.news-top {

		padding-top: 38px

	}



	.news-centerBox {

		padding-left: calc(var(--bs-gutter-x) * .2);

		padding-right: calc(var(--bs-gutter-x) * .2)

	}



	.project-box {

		padding-left: calc(var(--bs-gutter-x) * 0);

		padding-right: calc(var(--bs-gutter-x) * 0)

	}



	.food-bottomBox {

		padding-left: calc(var(--bs-gutter-x) * .2);

		padding-right: calc(var(--bs-gutter-x) * .2)

	}



	.food-content {

		padding-bottom: 20px

	}



	.swashes-rigCh {

		font-size: 16px

	}



	.swashes-rigEng {

		font-size: 12px

	}



	.swashes-navBox2,

	.swashes-conBox2,

	.swashes-numBox2 {

		padding-left: calc(var(--bs-gutter-x) * .2);

		padding-right: calc(var(--bs-gutter-x) * .2)

	}



	.swashes-numBox3 {

		display: none

	}



	.swashes-XiaoBox2 {

		display: flex

	}



	.swashes-numText {

		font-size: 16px

	}



	.swashes-nums {

		margin-top: 20px

	}



	.cul-topBox {

		padding-left: calc(var(--bs-gutter-x) * .2);

		padding-right: calc(var(--bs-gutter-x) * .2)

	}



	.story-rigBox {

		padding-left: calc(var(--bs-gutter-x) * .1);

		padding-right: calc(var(--bs-gutter-x) * .1)

	}



	.story-leBox {

		font-size: 30px

	}



	.video-icon1 img {

		width: 12px

	}



	.video-icon2 img {

		width: 60px

	}



	.video-engTitle {

		font-size: 40px

	}



	.video-chTitle {

		font-size: 22px

	}



	.honor-top {

		padding-left: calc(var(--bs-gutter-x) * .2);

		padding-right: calc(var(--bs-gutter-x) * .2)

	}



	.honor-conBox {

		padding-left: calc(var(--bs-gutter-x) * 1)

	}



	.honor-page {

		padding-right: calc(var(--bs-gutter-x) * 1)

	}



	.cer-contents img {

		width: 60vw;

		height: auto

	}



	.prod-box2 {

		padding-left: calc(var(--bs-gutter-x) * .1);

		padding-right: calc(var(--bs-gutter-x) * .1)

	}



	.prod-li {

		width: 47.8%;



	}

	.prod-li:nth-child(2n) {

        margin-right: 0;

    }

	/*.prod-li:nth-of-type(3n){

		margin-right: 15px;

	}*/

	.prot-box2 {

		padding-left: calc(var(--bs-gutter-x) * .1);

		padding-right: calc(var(--bs-gutter-x) * .1)

	}



	.coIn-box2 {

		padding-left: calc(var(--bs-gutter-x) * .2);

		padding-right: calc(var(--bs-gutter-x) * .2)

	}



	.conta-rigUl {

		justify-content: space-around

	}



	.coIn-conBox {

		flex-direction: column

	}



	.coIn-imgBox {

		width: 100%;

		height: auto

	}



	.coIn-conLeft {

		margin-bottom: 30px

	}



	.coIn-title {

		font-size: 24px

	}



	.coIn-text {

		font-size: 16px

	}



	.coIn-box {

		padding-bottom: 50px

	}



	.mes-box2 {

		padding-left: calc(var(--bs-gutter-x) * .2);

		padding-right: calc(var(--bs-gutter-x) * .2)

	}



	.newsc-box2 {

		padding-left: calc(var(--bs-gutter-x) * .2);

		padding-right: calc(var(--bs-gutter-x) * .2)

	}



	.newf-text {

		margin-bottom: 40px

	}



	.newst-box2 {

		padding-left: calc(var(--bs-gutter-x) * .2);

		padding-right: calc(var(--bs-gutter-x) * .2)

	}



	.newst-TextBox p img {

		max-width: 460px !important

	}



	.project-right {

		width: 80%

	}



	.project-ul {

		padding-bottom: 50px

	}



	.project-con {

		font-size: 14px;

		line-height: 22px

	}



	.project-engTitle:first-child {

		margin-top: 45px

	}



	.prot-titBox {

		height: 60px;

		padding: 0 10px

	}



	.prot-parText {

		padding: 0 15px;

		padding-top: 15px

	}



	.newsf-slide a {

		flex-direction: column

	}



	.newsf-imgBox {

		width: 100%

	}



	.newsf-textBox {

		width: 100%

	}



	.newsf-slide {

		height: auto

	}



	.newsf-conBox {

		width: 70%

	}



	.newsf-box2 {

		display: flex;

		justify-content: center;

		align-items: center;

		padding-left: calc(var(--bs-gutter-x) * .2);

		padding-right: calc(var(--bs-gutter-x) * .2)

	}



	.newsf-pagination {

		left: 2.8645833333vw !important;

		bottom: 50px !important

	}



	.newst-title {

		margin-left: 15px

	}



	.newst-TextBox {

		margin-top: 40px;

		margin-bottom: 60px

	}

}



@media (max-width:576px) {

	.newsf-conBox {

		width: 100%

	}



	.ster-open .ster-title p {

		font-size: 14px !important;

		line-height: 45px !important;

		transform-origin: center;

		transform: perspective(1px) scale(1.5, 1.5) translateX(15vw)

	}



	.gg {

		width: 120px;

		height: 120px

	}



	.project-right {

		width: 100%

	}



	.swiper1-text1 {

		width: 135px;

		left: -8%

	}



	.cor-telBox {

		padding: 0 8px

	}



	.news-text {

		-webkit-line-clamp: 2

	}



	.newsc-text {

		margin-bottom: 30px

	}



	.newsc-text {

		-webkit-line-clamp: 3

	}



	.newsc-conA {

		padding: 0

	}



	.newsf-textBox {

		padding-left: 15px;

		padding-right: 15px;

		padding-top: 15px

	}



	.newsf-pagination {

		left: 15px !important;

		bottom: 30px !important

	}



	.project-ul {

		padding-bottom: 30px

	}



	.ster-conBox3 {

		flex-direction: column

	}



	.prot-intro2 {

		min-width: 100px;

		height: 30px;

		font-size: 14px;

		padding: 0 7px

	}



	.head-tel {

		font-size: 16px

	}



	.cor-engName {

		margin-bottom: 5px

	}



	.project-right {

		margin-bottom: 40px

	}



	.project-titBox {

		bottom: 10px

	}



	.head-telImg1,

	.head-telImg2 {

		width: 14px

	}



	.about-swashesBox {

		margin: 0

	}



	.about-engTitle {

		font-size: 25px;

		margin-bottom: 0px

	}



	.project-engTitle {

		font-size: 25px

	}



	.about-box {

		margin: 0;

		margin-top: 40px;

		padding-left: calc(var(--bs-gutter-x) * .2);

		padding-right: calc(var(--bs-gutter-x) * .2)

	}



	.about-chTitle {

		font-size: 25px;

		margin-bottom: 15px

	}



	.project-chTitle {

		font-size: 25px

	}



	.newsc-box {

		padding-bottom: 60px

	}



	.about-text {

		color: #666666;

		font-size: 14px;

		line-height: 26px;

		margin-bottom: 30px

	}



	.about-more {

		font-size: 12px;

		margin-bottom: 30px

	}



	.about-numCon {

		height: 30px;

		line-height: 30px

	}



	.about-num2 {

		height: 30px;

		font-size: 12px;

		line-height: 20px

	}



	.swashes-num2 {

		line-height: 20px

	}



	.about-numTop1,

	.about-numTop2 {

		font-size: 38px;

		height: 38px;

		line-height: 38px;

		font-weight: 600;

		margin-bottom: 12px

	}



	.about-numTop1 div:nth-child(2),

	.about-numTop2 div:nth-child(2) {

		margin-left: 3px;

		font-size: 12px;

		font-weight: normal;

		height: 38px;

		line-height: 26px

	}



	.about-numText {

		margin-top: 20px;

		font-size: 12px

	}



	.about-pp1 {

		top: 25%

	}



	.about-pp2 {

		top: -10%

	}



	.cor-telBox {

		display: flex;

		justify-content: space-between;

		flex-direction: column;

		padding-bottom: 20px

	}



	.cor-engH1:first-child {

		margin-right: 5px

	}



	.cor-telTop {

		padding-top: 15px

	}



	.cor-left {

		padding-top: 40px;

		padding-bottom: 20px

	}



	.cor-engH1 {

		font-size: 25px;

		line-height: 25px

	}



	.cor-chH1 {

		font-size: 25px

	}



	.cor-content {

		display: none

	}



	.cor-tel {

		display: flex

	}



	.project-titBox {

		padding-bottom: 26px;

		margin-bottom: 10px

	}



	.cor-bg {

		width: 200%

	}



	.prot-parText p img {

		width: 100% !important

	}



	.cor-name1 {

		font-size: 16px

	}



	.cor-name2 {

		font-size: 16px

	}



	.cor-nameBox2 {

		padding: 0

	}



	.cor-text2 {

		font-size: 12px

	}



	.pro-text1 {

		font-size: 14px

	}



	.pro-top {

		padding-top: 40px

	}



	.pro-engName {

		font-size: 25px

	}



	.pro-chH1 {

		font-size: 3.2rem

	}



	.pro-right {

		padding: 10px 0;

		overflow-y: scroll;

		/* 隐藏滚动条（兼容多浏览器） */

	    -ms-overflow-style: none;  /* IE、Edge */

	    scrollbar-width: none;     /* Firefox */

	}

	.pro-right::-webkit-scrollbar {

	    display: none;             /* Chrome、Safari */

	}

	.pro-cocntent2 {

		padding: 0

	}



	.pro-rightBox {

		padding-top: 5px

	}



	.swashes-engName {

		margin-bottom: 0

	}



	.pro-text {

		width: 100px;

		font-size: 12px;

		height: 25px;

		line-height: 25px

	}



	.pro-title {

		font-size: 18px;

		height: 35px;

		padding: 0 5px

	}



	.set-ImgBox {

		margin-bottom: 5px

	}



	.pro-title::after {

		height: 35px

	}



	.pro-nameBox2 {

		font-size: 12px;

		margin-left: 5px

	}



	.pro-navicon img {

		height: 30px

	}



	.pro-navBoxAct .pro-nameBox2n {

		max-width: 200px

	}



	.pro-center {

		padding-bottom: 10px

	}



	.ster-engName {

		margin-bottom: 0

	}



	.ster-engH1:first-child {

		margin-right: 5px

	}



	.ster-plan {

		height: auto

	}



	.ster-right {

		height: auto

	}



	.prot-bigbut {

		opacity: 1 !important;

		z-index: 10 !important

	}



	.ster-open .ster-bom {

		max-height: 150px

	}



	.ster-nameBox {

		padding-top: 40px;

		padding-bottom: 20px

	}



	.ster-engName {

		display: flex;

		justify-content: flex-start;

		align-items: center

	}



	.ster-engH1 {

		font-size: 25px;

		line-height: 30px

	}



	.ster-ChH1 {

		font-size: 25px

	}



	.ster-push2 {

		display: flex

	}



	.ster-open {

		padding: 0

	}



	.ster-open .ster-title {

		padding-bottom: 24px;

		padding-top: 10px

	}



	.ster-bom {

		width: 100%;

		position: relative;

		padding: 0

	}



	.ster-more {

		margin-bottom: 20px

	}



	.ster-open {

		flex-direction: column

	}



	.ster-title {

		font-size: 14px;

		width: 100%

	}



	.food-titleB3 {

		display: block

	}



	.food-titleB3 p {

		display: inline

	}



	.ster-bomCon {

		width: 100%;

		font-size: 14px;

		padding-left: 0;

		padding-right: 0

	}



	.ster-more {

		font-size: 12px

	}



	.ster-push p {

		width: 30px;

		height: 20px;

		line-height: 20px;

		font-size: 14px

	}



	.big-box {

		height: 315px;

		background-image: url('../images/index/bigimg2.png');

		background-repeat: no-repeat;

		background-size: cover;

		background-position: center;

		position: relative

	}



	.big-img {

		display: none

	}



	.big-content {

		position: absolute;

		width: 100%;

		transform: translateX(-50%);

		left: 0%;

		top: 13%;

		display: flex;

		justify-content: center;

		align-items: center;

		flex-direction: column

	}



	.big-title {

		font-size: 28px;

		margin-bottom: 10px

	}



	.big-M {

		font-size: 45px

	}



	.big-line {

		width: 25px;

		margin-bottom: 5px

	}



	.big-english {

		width: 180%;

		font-size: 18px;

		left: -14px;

		top: -10px

	}



	.big-text {

		font-size: 12px

	}



	.grey-bg {

		height: 30px

	}



	.news-top {

		padding-top: 40px;

		padding-bottom: 20px

	}



	.news-engH1 {

		font-size: 25px

	}



	.newst-titleBox2 {

		margin-bottom: 10px

	}



	.newst-titleBox {

		padding-bottom: 5px

	}



	.news-chH1 {

		font-size: 25px

	}



	.pro-swiper .swiper-slide {

		height: auto !important

	}



	.news-text2 {

		width: 100px;

		font-size: 12px;

		height: 25px;

		line-height: 24px

	}



	.news-title {

		font-size: 16px

	}



	.news-text {

		font-size: 12px

	}



	.news-dataContent {

		font-size: 12px

	}



	.news-text {

		font-size: 12px

	}



	.news-bot {

		padding-bottom: 5px

	}



	.food-title {

		margin-top: 0

	}



	.food-titleB1 {

		margin-top: 20px

	}



	.food-titleA1,

	.food-titleA2,

	.food-titleA4,

	.food-titleB1,

	.food-titleB2,

	.food-titleB4 {

		font-size: 12px

	}



	.food-titleA3,

	.food-titleA5,

	.food-titleB3,

	.food-titleB5 {

		font-size: 14px;

		margin-bottom: 5px

	}



	.food-titleC1,

	.food-titleC2 {

		font-size: 18px

	}



	.food-titleC3 {

		font-size: 18px;

		margin-bottom: 15px

	}



	.food-titleC51,

	.food-titleC52 {

		font-size: 12px

	}



	.food-titleC4 {

		margin-bottom: 15px

	}



	.food-content {

		padding-bottom: 0px

	}



	.food-bottom3 {

		padding-bottom: 30px

	}



	.swashes-rigEng {

		font-size: 14px;

		display: none

	}



	.swashes-engName {

		font-size: 25px

	}



	.swashes-chName {

		font-size: 25px

	}



	.swashes-text {

		font-size: 14px;

		line-height: 26px

	}



	.swashes-numCon {

		height: 30px;

		margin-bottom: 0;

		line-height: 30px

	}



	.news-content2 {

		padding: 10px

	}



	.news-text {

		line-height: 20px

	}



	.news-bot {

		width: 100%;

		left: 0;

		padding: 0 10px;

		bottom: 10px

	}



	.news-rightimg2,

	.news-rightimg1 {

		height: 12px

	}



	.swashes-num2 {

		height: 46px;

		font-size: 12px

	}



	.cul-engName {

		margin-bottom: 0

	}



	.swashes-numTop1p,

	.swashes-numTop2p {

		font-size: 38px;

		height: 38px;

		line-height: 38px;

		font-weight: 600;

		margin-bottom: 12px

	}



	.swashes-numText {

		margin-top: 20px;

		font-size: 12px

	}



	.swashes-conBox {

		padding-top: 40px;

		padding-bottom: 30px

	}



	.swashes-leImg4 {

		height: 100%;

		margin-bottom: 2px

	}



	.cul-name {

		padding-top: 40px

	}



	.cul-engName {

		font-size: 25px

	}



	.cul-chName {

		font-size: 25px

	}



	.cul-title {

		padding-top: 18px;

		font-size: 22px

	}



	.cul-text {

		padding-top: 10px;

		font-size: 12px;

		padding-bottom: 30px

	}



	.project-con {

		margin-bottom: 10px

	}



	.cul-bomBox {

		padding: 20px 0 20px

	}



	.cul-icon {

		height: 30px;

		margin-bottom: 10px

	}



	.cul-bomTit {

		font-size: 16px

	}



	.story-name {

		margin-top: 40px

	}



	.story-engName {

		font-size: 25px;

		margin-bottom: 0

	}



	.food-maText {

		font-size: 12px

	}



	.video-box {

		height: 183px

	}



	.honor-title {

		padding: 0 5px;

		min-height: 42px

	}



	.story-chName {

		font-size: 25px

	}



	.story-title {

		font-size: 25px;

		margin-top: 18px

	}



	.story-line {

		width: 30px;

		margin: 10px 0 10px

	}



	.story-text {

		font-size: 14px;

		line-height: 26px

	}



	.story-left2 {

		margin: 20px 0 60px

	}



	.story-leBox {

		font-size: 20px;

		height: 50px

	}



	.video-icon1 img {

		width: 8px

	}



	.video-icon2 img {

		width: 40px

	}



	.video-engTitle {

		font-size: 20px

	}



	.video-chTitle {

		font-size: 14px

	}



	.honor-engName {

		margin-top: 40px;

		font-size: 25px;

		margin-bottom: 0

	}



	.honor-chName {

		font-size: 25px

	}



	.honor-prev,

	.honor-next {

		height: 30px;

		width: 30px

	}



	.honor-page {

		margin-top: 20px

	}



	.cor-newtext {

		font-size: 16px

	}



	.honor-box2 {

		padding: 10px

	}



	.honor-title {

		font-size: 14px;

		margin-top: 5px;

		margin-bottom: 10px

	}



	.honor-prev1,

	.honor-prev2,

	.honor-next1,

	.honor-next2 {

		height: 15px

	}



	.honor-topBox {

		margin-bottom: 30px

	}



	.honor-content {

		padding-bottom: 60px

	}



	.honor-page .swiper-pagination-bullet {

		width: 8px;

		height: 8px;

		margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 5px) !important

	}



	.cer-but {

		min-width: 30px;

		height: 30px;

		line-height: 30px;

		font-size: 16px

	}



	.cer-prev {

		left: 10px

	}



	.cer-next {

		right: 10px

	}



	.prod-box {

		padding-top: 40px;

		padding-bottom: 60px

	}



	.prod-li {

		margin-bottom: 20px

	}



	.prod-title {

		height: 35px;

		padding: 0px 5px

	}



	.prod-text1 {

		font-size: 14px

	}



	.prod-ul {

		margin-bottom: 20px

	}



	.prod-pageLi {

		width: 30px;

		height: 30px;

		font-size: 14px;

		margin: 0 5px

	}



	.swashes-rigli {

		margin-right: 20px

	}



	.prod-pageI {

		width: 9px

	}



	.prot-box {

		margin-top: 80px

	}



	.prot-butBox2 {

		flex-direction: column

	}



	.prot-swaLeft {

		display: inline

	}



	.prot-swaLeft p {

		display: inline

	}



	.pro-nameBox2 {

		text-align: left

	}



	.pro-swiper1 {

		display: none

	}



	.pro-swiper2 {

		display: block

	}



	.prot-conBox {

		padding-top: 20px

	}



	.prot-bigBox {

		margin: 0;

		width: 100%;

		margin-bottom: 20px

	}



	.prot-conLeft {

		height: auto;

		flex-direction: column

	}



	.pro-swiper {

		width: 100%;

		height: 100%

	}



	.prot-slide {

		height: auto

	}



	.prot-conRig {

		margin-top: 20px

	}



	.prot-title {

		font-size: 25px;

		padding-bottom: 20px

	}



	.prot-text {

		font-size: 14px

	}



	.prot-chara {

		margin-top: 20px;

		margin-bottom: 10px

	}



	.prot-detCon {

		font-size: 14px

	}



	.prot-butBox2 {

		margin-top: 20px

	}



	.prot-leftBut {

		width: 100%;

		justify-content: space-between;

		margin-bottom: 20px

	}



	.prot-butBox .prot-rigBut {

		width: 100%;

		justify-content: flex-start

	}



	.prot-leftBut a {

		width: 48%

	}



	.prot-but {

		width: 100%

	}



	.prot-parBox {

		padding-top: 20px

	}



	.prot-titBox {

		height: 40px;

		padding: 0 10px

	}



	.prot-parTitle {

		font-size: 18px

	}



	.prot-parText {

		padding: 20px 0 0 0;

		font-size: 14px

	}



	.prot-recBox {

		padding-top: 20px;

		padding-bottom: 20px

	}



	.prot-recTitle {

		margin-bottom: 20px

	}



	.prod-pagination {

		display: flex

	}



	.prot-direLeft {

		width: 40px;

		height: 40px

	}



	.prot-direRig {

		width: 40px;

		height: 40px

	}



	.prot-direLeft .prot-dire {

		width: 9px

	}



	.prot-direRig .prot-dire {

		width: 9px

	}



	.prot-leftTit {

		font-size: 18px

	}



	.coIn-box {

		padding-top: 40px;

		padding-bottom: 60px

	}



	.coIn-engName {

		font-size: 25px

	}



	.banner-box1 {

		display: none

	}



	.banner-box2 {

		display: block

	}



	.coIn-chName {

		font-size: 25px

	}



	.coIn-nameBox {

		margin-bottom: 20px

	}



	.coIn-con {

		padding-top: 20px

	}



	.coIn-title {

		font-size: 18px

	}



	.coIn-icon {

		width: 15px;

		margin-right: 10px

	}



	.coIn-text {

		font-size: 13px

	}



	.mes-engName {

		font-size: 25px;

		margin-bottom: 0

	}



	.mes-formBox {

		padding: 40px 30px

	}



	.mes-chName {

		font-size: 25px

	}



	.mes-left {

		min-width: auto

	}



	.mes-box {

		padding-bottom: 30px

	}



	.mes-text {

		font-size: 14px;

		line-height: 20px;

		margin-bottom: 0

	}



	.mes-emailBox {

		display: none

	}



	.mes-rigTit {

		font-size: 14px

	}



	.mes-formTit {

		font-size: 14px

	}



	.mes-but {

		height: 30px;

		font-size: 16px

	}



	.mes-chName {

		margin-bottom: 20px

	}



	.mes-formUl {

		margin-top: 15px

	}



	.newsf-box {

		padding-top: 40px;

		padding-bottom: 60px

	}



	.newsc-dateBox {

		width: 65px;

		min-width: 65px;

		height: 72px;

		background-color: #CB9878;

		display: flex;

		justify-content: center;

		align-items: center;

		flex-direction: column;

		transition: all .5s;

		z-index: 10

	}



	.newf-date {

		margin-bottom: 10px

	}



	.newf-title {

		font-weight: 500;

		font-size: 24px

	}



	.newsc-date1 {

		font-size: 40px;

		line-height: 40px

	}



	.ster-conBox {

		height: auto

	}



	.newsc-date2 {

		font-size: 14px

	}



	.newsc-title {

		font-size: 22px;

		line-height: 26px;

		margin-bottom: 20px

	}



	.newsc-more {

		margin-bottom: 0

	}



	.newsf-slide {

		flex-direction: column;

		height: auto

	}



	.newf-conBox {

		width: 100%

	}



	.newf-title {

		margin-bottom: 15px

	}



	.newst-dateBox1 {

		display: none

	}



	.newsc-conBox {

		width: 75%

	}



	.circle1 {

		left: -49px;

		bottom: -66px;

		width: 209.43px;

		height: 209.43px

	}



	.circle2 {

		right: -278px;

		top: -108px;

		width: 478px;

		height: 478px

	}



	.newst-TextBox p img {

		max-width: none !important;

		width: 80vw !important

	}



	.newst-box {}



	.newst-conRig2 {

		padding: 15px 20px 15px

	}



	.newst-prev {

		margin-bottom: 10px

	}



	.newst-shareBox {

		justify-content: space-between

	}



	.newst-public {

		margin-right: 0

	}



	.swashes-leP {

		font-size: 14px

	}



	.swashes-leImg4 {

		margin-right: 0px;

		width: auto

	}



	.newst-TextBox {

		margin-top: 20px;

		margin-bottom: 20px

	}



	.newst-title {

		font-size: 22px;

		margin-left: 10px

	}



	.newst-conBox {

		margin-top: 30px

	}



	.newst-butBox1 {

		width: 100%

	}



	.newst-butBox2 {

		width: 100px

	}



	.newst-butBox {

		flex-wrap: wrap;

		justify-content: flex-end

	}



	.newst-butBox2 {

		margin-top: 10px

	}



	.banner-con {

		height: 45vh

	}



	.swiper-slide1 {

		height: 45vh

	}



	.banner1,

	.banner2 {

		height: 45vh

	}



	.swiper1-text2 {

		font-size: 24px

	}



	.swiper1-text3 {

		font-size: 16px

	}



	.swiper1-line {

		width: 15px;

		margin: 10px 0

	}



	.page-box {

		right: 3%;

		bottom: 10px

	}



	.page-current {

		font-size: 16px

	}



	.page-all {

		font-size: 12px

	}



	.banner-box0 {

		height: 40vh

	}



	.banner-box {

		height: 40vh;

		background-position: 50% 50%

	}



	.banner-chName {

		font-size: 28px;

		margin-bottom: 5px

	}



	.banner-engName {

		font-size: 18px;

		line-height: 28px

	}



	.head-navBox {

		margin-left: 15px

	}



	.head-icon2 {

		margin-right: 5px

	}



	.head-shopping {

		margin-right: 15px

	}



	.swashes-rigUl {

		width: auto;

		overflow-x: scroll;

		text-align: left;

		justify-content: flex-start;

		white-space: nowrap

	}



	.swashes-rigUl::-webkit-scrollbar {

		display: none

	}



	.swashes-rigCh {

		font-size: 14px

	}

}



.setSlow5 {

	animation: tomore 1.2s

}



@keyframes tomore {

	0% {

		opacity: 0;

		transform: translateX(100px)

	}



	100% {

		opacity: 1;

		transform: translateX(0px)

	}

}



@keyframes spin2 {

	0% {

		transform: rotate(0)

	}



	100% {

		transform: rotate(-1turn)

	}

}



.pro-box{width: 100%;line-height: 1;}

.pro-top{display: flex;flex-wrap: wrap;align-items: center;}

.pro-eng{width: 100%;}

.pro-rightBox{margin-left: auto;}

.pro-navBox{margin: 0 25px;}

.pro-nameBox2{text-align: left;}



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

	.pro-rightBox{width: 100%;}

	.pro-nameBox{width:70%;}

	.pro-more2{margin-left: auto;}

}

.set-ImgBox::before,.prod-ImgBox::before {

  content: none; /* 删除撑高的固定比例 */

}



.set-content,.prod-content {

  position: relative; /* 改成相对定位，不要绝对填满 */

  display: flex;

  justify-content: center;

  align-items: center;

  background: #fff; /* 去掉渐变背景，看需求 */

}



.prod-img,

.prod-newImg {

  width: 100%;   /* 宽度铺满容器 */

  height: auto;  /* 高度按比例自适应 */

  object-fit: contain; /* 保留完整图片，不裁切 */

  transition: all 0.5s ease;

  backface-visibility: hidden; /* 防止翻转闪烁 */

}