.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: #0f3675
}

.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: #0f3675
}

.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: #0f3675;
	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: #0f3675
}

.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: #0f3675
}

.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, #0f3675 -84%, rgba(254, 214, 184, 0.8) 5%, #0f3675 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: #0f3675
}

.about-line {
	margin-left: 20px;
	width: 0;
	transition: all 0.5s ease;
	height: 3px;
	background-color: #0f3675
}

.about-more:hover {
	color: #0f3675
}

.about-more:hover .about-a::after {
	width: 2.0833333333vw
}

.about-more:hover .about-a {
	color: #0f3675 !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, #0f3675, #E2444B);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	position: relative
}

.about-numCon span {
	background: -webkit-linear-gradient(top, #0f3675, #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: #0f3675
}

.pro-text {
	transition: all 0.5s ease;
	position: relative;
	z-index: 99;
	color: #0f3675;
	margin: 0;
	height: 35px;
	line-height: 35px;
	text-align: center;
	width: 120px;
	border: 1px solid #0f3675;
	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: #0f3675;
	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 #0f3675;
	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: #0f3675;
	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: #0f3675; 
  border-radius: 10px; 
  border: 2px solid #0f3675; 
}*/

/* 滚动条滑块悬停时的样式 */
/*.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: #0f3675;
	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: #0f3675;
	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: #0f3675;
	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: #0f3675
}

.news-text2 {
	display: block;
	transition: all 0.5s ease;
	position: relative;
	z-index: 99;
	color: #0f3675;
	margin: 0;
	height: 35px;
	line-height: 34px;
	text-align: center;
	width: 120px;
	border: 1px solid #0f3675;
	color: #0f3675;
	position: relative
}

.news-text2::after {
	content: "";
	transition: all 0.5s ease;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background-color: #0f3675;
	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: #0f3675;
	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: #0f3675
}

.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: #0f3675
}

.swashes-rigli:hover {
	color: #0f3675
}

.swashes-leP:hover {
	color: #0f3675
}

.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, #0f3675, #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, #0f3675, #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: #0f3675
}

.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: #0f3675
}

.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: #0f3675;
	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: #0f3675;
	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: #0f3675;
	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: #0f3675
}

.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 #0f3675;
	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: #0f3675;
	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: #0f3675;
	color: #ffffff
}

.prod-pageLi {
	margin: 0 9px
}

.prod-next1 {
	display: none
}

.prod-prev1 {
	display: none
}

.prod-pageNo {
	display: none
}

.prod-pageLiAct {
	background-color: #0f3675;
	color: #ffffff
}

.prod-pageLi:hover {
	background-color: #0f3675;
	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: #0f3675
}

.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 #0f3675;
	min-width: 120px;
	height: 30px;
	font-size: 16px;
	color: #0f3675;
	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: #0f3675;
	color: #ffffff
}

.prot-but:hover {
	background-color: #0f3675;
	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: #0f3675
}

.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: #0f3675;
	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: #0f3675 !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: #0f3675;
	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: #0f3675
}

.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: #0f3675
}

.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: #0f3675;
	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: #0f3675
}

.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: #0f3675
}

.newsc-conA:hover .newsc-dateBox {
	background-color: #0f3675
}

.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, #0f3675 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: #0f3675;
	min-width: 78px;
	margin-top: 0
}

.newst-dateBox2 {
	background-color: #0f3675;
	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: #0f3675;
	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: #0f3675
}

.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, #0f3675 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: #0f3675;
	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: #0f3675
}

.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: #0f3675
	}

	.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: #0f3675
	}

	.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; /* 防止翻转闪烁 */
}