﻿main {
	overflow: hidden;
}

.main-content {
	width: 100%;
}

.main-content.y {
	background-color: #f9f6f1;
	background-image: url(../images/wm16.jpg);
    background-size: 100% auto;
    background-position: center center; 
}

.no-margin {
	margin: 0 !important;
}

.main-title {
	padding: 1rem 0 .6rem 0;
	font-family: SourceHanSansCN-Regular;
	color: #333;
}

.main-title.self-limit {
	padding: 1rem 1.6rem;
}

@media (max-width: 800px) {
	.main-title.self-limit {
		padding: 1rem .6rem;
	}
}

.limit-content {
	width: 16rem;
	margin: 0 auto;
}

@media (max-width: 900px) {
	.limit-content {
		width: calc(1750/1920*100%);
	}
}

#ani60 {
	animation: n60banner 3s ease-in-out;
	animation-fill-mode: forwards;
}

.banner {
	position: fixed;
	top: 0;
	left: 0;
	height: 7.2rem;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: -10;
}

.banner.p82 {
	height: 8.2rem;
}

.banner.cp {
	height: 9rem;
	max-height: 9rem;
}

.banner .banner-img {
	width: 100%;
	max-height: 7.2rem;
	position: absolute;
	animation: Anibanner 3s ease-in-out forwards;
	object-fit: contain;
}

.banner .banner-img.wDeco {
	object-fit: cover;
	height: 7.6rem;
	max-height: 9rem;
}
.banner2{display:none;}
@media (max-width: 850px) {
	.banner {display:none;}
	.banner .banner-img {
		object-fit: cover;
		height: 100%;
	}
	.banner2{display:block;}
	.banner2 img{width:100%}
	
}

@media (max-width: 580px) {
	.banner .banner-img {
		object-position: -6.7rem;
	}

	.banner .banner-img.wDeco {
		object-position: 0;
	}
}

.banner .t-cont.animated .banner-text {
	opacity: 1;
	transform: translateX(0);
	background-position: 0 100%;
}

.banner .banner-text {
	position: absolute;
	width: 16rem;
	margin: 0 auto;
	line-height: 1.5;
	color: transparent;
	font-family: SourceHanSansCN-Regular;
	transition: all cubic-bezier(0.075, 0.82, 0.165, 1) 2s;
	background: linear-gradient(to right, #fff, #fff 50%, #116E39 50%);
	background-size: 200% 100%;
	-webkit-background-clip: text;
	animation: bannerText 1s ease-in-out forwards;
}

@media (max-width: 800px) {
	.banner .banner-text {
		width: calc(1600/1920*100%);
	}
}

@media(min-width: 1921px){
	.red-block-deco{font-size: calc(36 * 100vw / 1920);}
}
@media(max-width: 1920px) and (min-width: 551px){
	.red-block-deco{font-size: calc(12px + 24 * 100vw / 1920);}
}
@media(max-width: 550px){
	.red-block-deco{font-size: calc(12px + 24 * 550px / 1920);}
}

.red-block-deco {
	width: 2em;
	height: 0.03rem;
	background-color: #116E39;
}

.red-block-deco.old-brand {
	margin: .29rem 0 .42rem;
}

.red-block-deco.brand-value {
	margin: .35rem 0 .42rem;
}

.red-block-deco.core-power {
	margin: .23rem 0 .41rem;
}

.sub-nav {
	width: 100%;
	height: 1rem;
	margin-top: 5.8rem;
	background-color: #fff;
}
body.no_banner .sub-nav{margin-top: 0;}

@media (max-width: 800px) {
	.sub-nav {
		height: auto;
	}
}

.sub-nav .limit-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 100%;
}

@media (max-width: 900px) {
	.sub-nav .limit-content {
		width: calc(1600/1920*100%);
	}
}

@media (max-width: 780px) {
	.sub-nav .limit-content {
		flex-wrap: wrap;
	}
	.sub-nav{margin-top:0px;}
}

.sub-nav .limit-content .nav-list {
	display: flex;
	align-items: center;
	height: 100%;
}

@media (max-width: 800px) {
	.sub-nav .limit-content .nav-list {
		flex-wrap: wrap;
	}
}

.sub-nav .limit-content .nav-list .nav-item {
	margin-right: .86rem;
	height: 100%;
	line-height: 1rem;
	transition: all ease-in-out .3s;
	border-bottom: transparent 2px solid;
	font-family: SourceHanSansCN-Normal;
}

@media (max-width: 800px) {
	.sub-nav .limit-content .nav-list .nav-item {
		margin-right: .4rem;
	}
}

.sub-nav .limit-content .nav-list .nav-item:hover, .sub-nav .limit-content .nav-list .nav-item.active {
	color: #116E39;
	border-bottom: #116E39 2px solid;
	transition: all ease-in-out .3s;
}

@media (max-width: 800px) {
	.sub-nav .page-nav {
		display: none;
	}
}

.sub-nav .page-nav .pn-link {
	font-family: SourceHanSansCN-Normal;
	color: #666;
}

.sub-nav .page-nav .pn-link:hover {
	color: #116E39;
}

.sub-nav .page-nav .pn-divi {
	display: inline-block;
	margin: 0 .2rem;
	color: #666;
}

.deco-banner {
	width: 100%;
	margin-top: 7.6rem;
	background-color: #f9f6f1;
}

.deco-banner .svg-img {
	margin-top: -.6rem;
}

.exp-more {
	width: 1.8rem;
	height: 0.56rem;
	background-color: #116E39;
	border-radius: 0.25rem 0.05rem 0.25rem 0.05rem;
	display: flex;
	justify-content: center;
	align-items: center;
}

.exp-more .emore-text {
	font-family: SourceHanSansCN-Normal;
	color: #fff;
	display: flex;
	align-items: center;
}

.exp-more .emore-text::after {
	content: '';
	width: 8px;
	height: 14px;
	background-size: 8px 14px;
	background-image: url("../images/exp-arrow.svg");
	background-repeat: no-repeat;
	margin-left: 9px;
	display: inline-block;
}

@keyframes n60banner {
	0% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1) translateY(0.6rem);
	}
}

@keyframes Anibanner {
	0% {
		transform: scale(1.1);
	}

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

@keyframes bannerText {
	0% {
		opacity: .5;
		background-position-x: 100%;
	}

	100% {
		opacity: 1;
		background-position-x: 0%;
	}
}

@keyframes danceLine {
	0% {
		width: 100%;
	}

	100% {
		width: 0%;
	}
}

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

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

.big-news {
	display: flex;
	width: 100%;
	margin-bottom: .4rem;
}

.big-news .news-cover {
	width: 50%;
}

.big-news .news-cover .img-wrapper {
	width: 100%;
	padding-top: 56.25%;
	overflow: hidden;
	position: relative;
	border-radius: .3rem 0 0 .3rem;
}

.big-news .news-cover .src-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	transition: all ease-in-out .5s;
}

.big-news .news-info {
	width: 50%;
	padding: .6rem .75rem;
	display: flex;
	flex-direction: column;
	background-color: #fff;
	border-radius: 0rem 0.3rem 0.3rem 0rem;
	justify-content: space-between;
}

.big-news .news-info .news-date {
	margin-bottom: .28rem;
	font-family: D-DIN;
	color: #999;
}

.big-news .news-info .news-title {
	font-family: SourceHanSansCN-Normal;
	line-height: 1.389;
	color: #333;
	transition: color ease-in-out .5s;
}

.big-news .news-info .news-btn {
	width: .6rem;
	height: .6rem;
	background-color: #ffffff;
	border-radius: 8px;
	border: solid 1px #e1deda;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all ease-in-out .5s;
}

.big-news .news-info .news-btn .arrow {
	width: .16rem;
	height: .14rem;
	background-image: url(../fonts/arrow-gray.svg);
	background-size: contain;
	background-repeat: no-repeat;
	transition: all ease-in-out .5s;
}

.big-news:hover .news-cover .src-img {
	transform: scale(1.1);
	transition: all ease-in-out .5s;
}

.big-news:hover .news-info .news-title {
	color: #116E39;
	transition: all ease-in-out .5s;
}

.big-news:hover .news-info .news-btn {
	border: solid 1px #116E39;
	transition: all ease-in-out .5s;
}

.big-news:hover .news-info .news-btn .arrow {
	transition: all ease-in-out .5s;
	background-image: url(../fonts/arrow-red.svg);
}

@media (max-width: 800px) {
	.big-news {
		flex-direction: column;
		width: 100%;
	}

	.big-news .news-cover {
		width: 100%;
	}

	.big-news .news-cover .img-wrapper {
		border-radius: .3rem 0 0 0;
	}

	.big-news .news-info {
		width: 100%;
		border-radius: 0 0 .3rem 0;
	}
}

.normal-news {
	margin: .4rem 0 0 0;
	display: flex;
	width: 100%;
}

.normal-news .news-cover {
	width: 4.5rem;
}

.normal-news .news-cover .img-wrapper {
	width: 100%;
	position: relative;
	padding-top: 56.44%;
	overflow: hidden;
	position: relative;
	border-radius: .3rem 0 0 .3rem;
}

.normal-news .news-cover .img-wrapper .src-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	transition: all ease-in-out .5s;
}

.normal-news .news-info {
	width: calc((1600 - 450) / 1600 * 100%);
	padding: .5rem .6rem;
	border-radius: 0 .3rem .3rem 0;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.normal-news .news-info .news-date {
	margin-bottom: .26rem;
	font-family: D-DIN;
}

.normal-news .news-info .news-title {
	line-height: 1.45;
	transition: color ease-in-out .5s;
	color: #333;
}

.normal-news .news-info .news-arrow .arrow {
	width: .16rem;
	height: .14rem;
	background-image: url(../fonts/arrow-gray.svg);
	background-size: contain;
	background-repeat: no-repeat;
	transition: all ease-in-out .5s;
}

.normal-news:hover .news-cover .src-img {
	transform: scale(1.1);
	transition: all ease-in-out .5s;
}

.normal-news:hover .news-info .news-title {
	color: #116E39;
	transition: all ease-in-out .5s;
}

.normal-news:hover .news-info .news-arrow .arrow {
	transition: all ease-in-out .5s;
	background-image: url(../fonts/arrow-red.svg);
}

@media (max-width: 800px) {
	.normal-news {
		flex-direction: column;
		width: 100%;
	}

	.normal-news .news-cover {
		width: 100%;
	}

	.normal-news .news-cover .img-wrapper {
		border-radius: .3rem 0 0 0;
	}

	.normal-news .news-info {
		width: 100%;
		border-radius: 0 0 .3rem 0;
	}
}
.dede_pages {margin:20px auto;height:50px;width:100%;text-align:center;overflow:hidden;}
.dede_pages ul {display:inline-block; *display:inline; zoom:1;margin:0 auto;position:relative;}
.dede_pages ul li {list-style:none;float:left;border:1px solid #ddd;height:45px; line-height:45px;background:#fff;border-radius:5px; margin:0 5px;font-size:14px;}
.dede_pages ul li a,.dede_pages ul li span{color:#333;display:block;padding:0px 18px; line-height:45px;}
.dede_pages ul li a:hover{padding:0px 18px;background:#e70012;color:#fff;}
.dede_pages ul li.active{background:#e70012;display:block;color:#fff;}
.dede_pages ul li.active a{color:#fff;display:block;}
@media (max-width: 767px){ 

.dede_pages {height:65px;}
.dede_pages ul li {height:25px; line-height:25px;margin-bottom:5px;}
.dede_pages ul li a,.dede_pages ul li span{padding:0px 10px;}
.dede_pages ul li a:hover{padding:0px 10px;}
.dede_pages ul li .current{background:#e70012;display:block;color:#fff;}
}




.pagi {
	width: 100%;
	display: flex;
	padding: .6rem 0 1rem 0;
	justify-content: center;
}

.pagi.nl {
	padding: 0 0 1rem 0;
}

.pagi li,
  .pagi .pagi-next,
  .pagi .pagi-num,
  .pagi .pagi-eps {
	width: .46rem;
	height: .46rem;
	background-color: #fff;
	border-radius: 8px;
	margin: 0 .1rem;
	color: #666;
	font-family: D-DIN;list-style:none;
}

.pagi .pagi-prev,
  .pagi .pagi-next,
  .pagi .pagi-num {
	cursor: pointer;
}

.pagi .pagi-prev {
	
	background-size: 13px 8px contain;
	background-position: center;
	background-repeat: no-repeat;
	transition: all ease-in-out .3s;
}

.pagi .pagi-prev:hover {
	
	background-color: #e70012;
	transition: all ease-in-out .3s;
}

.pagi .pagi-num,
  .pagi .pagi-eps {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.pagi .pagi-num.active,
    .pagi .pagi-eps.active {
	color: #fff;
	background-color: #e70012;
	transition: all ease-in-out .3s;
}

.pagi .pagi-num:hover,
    .pagi .pagi-eps:hover {
	color: #fff;
	background-color: #e70012;
	transition: all ease-in-out .3s;
}

.pagi .pagi-next {
	
	background-size: 13px 8px contain;
	background-position: center;
	background-repeat: no-repeat;
	transition: all ease-in-out .3s;
}

.pagi .pagi-next:hover {
	
	background-color: #e70012;
	transition: all ease-in-out .3s;
}

.s-response {
	width: 100%;
	padding-bottom: .6rem;
}

.s-response .SR-item {
	position: relative;
	width: 100%;
	display: flex;
	margin-bottom: .5rem;
	padding-top: .1rem;
}

.sr1.hide .swiper-pagination{display: none;}

.s-response .SR-item .sr-cover {
	width: 50%;
}

.s-response .SR-item .sr-cover .swiper-pagination-bullet {
	background-color: #fff;
	opacity: 1;
	margin: 0 .14rem;
}

.s-response .SR-item .sr-cover .swiper-pagination-bullet-active {
	background-color: #fff;
	position: relative;
}

.s-response .SR-item .sr-cover .swiper-pagination-bullet-active::after {
	position: absolute;
	content: '';
	width: 20px;
	height: 20px;
	border: 1px solid #fff;
	border-radius: 50%;
	top: -7px;
	left: -7px;
}

.s-response .SR-item .swiper-slide {
	width: 100%;
}

.s-response .SR-item .swiper-slide .img-wrapper {
	width: 100%;
	padding-top: 56.25%;
	position: relative;
	border-radius: .3rem 0 0 .3rem;
	overflow: hidden;
}
.social-play{cursor: pointer;  opacity: 0;z-index: -1; position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: url('../images/wm23.png');background-size: .9rem auto;background-position: center center;background-repeat: no-repeat;}
.sr-cover .hax-video .social-play{opacity: 1;z-index: 18;}

.s-response .SR-item .swiper-slide .img-wrapper .src-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	transition: all ease-in-out .5s;
}

.s-response .SR-item .swiper-slide .img-wrapper .src-img:hover {
	transform: scale(1.1);
	transition: all ease-in-out .5s;
}

.s-response .SR-item .sr-info {
	width: 50%;
	background-color: #fff;
	border-radius: 0 .3rem .3rem 0;
	height: 100%;
	padding: .6rem 0 .6rem .8rem;
}

.s-response .SR-item .sr-info .sri-text {
	line-height: 1.389;
	color: #333;
	font-family: SourceHanSansCN-Normal;
}

.s-response .SR-item .sr-info .sri-divi {
	width: 0.4rem;
	height: 0.03rem;
	background-color: #116E39;
	margin: .27rem 0 .37rem 0;
}

.s-response .SR-item .sr-info .sri-intro {
	height: 1.57rem;
	padding-bottom: .25rem;
}

@media (max-width: 800px) {
	.s-response .SR-item .sr-info .sri-intro {
		height: 2.5rem;
	}
}

.s-response .SR-item .sr-info .intro-text {
	font-family: SourceHanSansCN-Normal;
	color: #666;
	width: 6.3rem;
	line-height: 1.89;
}

.s-response .SR-item.r {
	flex-direction: row-reverse;
}

.s-response .SR-item.r .swiper-slide .img-wrapper {
	border-radius: 0 .3rem .3rem 0;
}

.s-response .SR-item.r .sr-info {
	border-radius: .3rem 0 0 .3rem;
}

@media (max-width: 780px) {
	.s-response .SR-item {
		flex-direction: column;
	}

	.s-response .SR-item.r {
		flex-direction: column;
	}

	.s-response .SR-item.r .swiper-slide .img-wrapper {
		border-radius: .3rem 0 0 0;
	}

	.s-response .SR-item.r .sr-info {
		width: 100%;
		border-radius: 0 0 .3rem 0;
	}

	.s-response .SR-item.r .sr-info .intro-text {
		width: 88%;
	}

	.s-response .SR-item .sr-cover {
		width: 100%;
	}

	.s-response .SR-item .sr-info {
		width: 100%;
		border-radius: 0 0 .3rem 0;
	}

	.s-response .SR-item .sr-info .intro-text {
		width: 88%;
	}

	.s-response .SR-item .swiper-slide .img-wrapper {
		border-radius: .3rem 0 0 0;
	}
}

.news-list {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.news-list .news-item {
	width: calc(493/1600*100%);
	margin-bottom: .6rem;
	position: relative;
	border-radius: .3rem;
	overflow: hidden;
}

.news-list .news-item .img-wrapper {
	width: 100%;
	padding-top: 56.39%;
	position: relative;
	overflow: hidden;
	border-radius: .3rem .3rem 0 0;
}

.news-list .news-item .img-wrapper .news-cover {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transition: all ease-in-out .5s;
}

.news-list .news-item .news-info {
	height: 2.28rem;
	padding: .4rem .4rem .3rem;
	background-color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

@media (max-width: 1300px) {
	.news-list .news-item .news-info {
		height: 2.5rem;
	}
}

@media (max-width: 1050px) {
	.news-list .news-item .news-info {
		height: 2.8rem;
	}
}

.news-list .news-item .news-info .news-date {
	color: #999999;
	margin-bottom: .24rem;
}

.news-list .news-item .news-info .news-title {
	font-family: D-DIN;
	color: #333;
	line-height: 1.45;
	transition: all ease-in-out .5s;
}

.news-subtitle { 
	color: #333; 
	line-height: 1.3;
	margin-top: .3rem;
}

.news-list .news-item .news-info .arrow {
	width: 0.16rem;
	height: 0.14rem;
	
	background-size: contain;
	background-repeat: no-repeat;
	transition: all ease-in-out .5s;
}

.news-list .news-item.stuff {
	height: 0;
	visibility: hidden;
	margin: 0;
	border: none;
	padding: 0;
}

.news-list .news-item::after {
	content: '';
	height: 4px;
	width: 1px;
	background-color: transparent;
	transition: all ease-in-out .5s;
	display: block;
}

.news-list .news-item:hover .img-wrapper .news-cover {
	transform: scale(1.05);
	transition: all ease-in-out .5s;
}

.news-list .news-item:hover .news-info .news-title {
	color: #116E39;
	transition: all ease-in-out .5s;
}

.news-list .news-item:hover .news-info .arrow {
	
	transform: translateX(3.95rem);
	transition: all ease-in-out .5s;
}

.news-list .news-item:hover::after {
	height: 4px;
	width: 100%;
	background-color: #116E39;
	transition: all ease-in-out .5s;
	display: block;
}

@media (max-width: 700px) {
	.news-list .news-item {
		width: 48%;
	}

	.news-list .news-item .news-info .arrow {
		display: none;
	}
}

.news-article {
	max-width: 12rem;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-bottom: 1rem;
}

.news-article .news-title {
	padding-top: 1rem;
	text-align: center;
	line-height: 1.4;
	/* width: calc(820/1600*100%); */
	width: 100%;
	color: #333;
}

@media (max-width: 800px) {
	.news-article .news-title {
		width: 80%;
	}
}

.news-article .news-date {
	font-family: D-DIN;
	color: #999999;
	margin: .41rem 0 .3rem 0;
}

.news-article .sns-share {
	display: flex;
	justify-content: space-between;
	margin-top: .8rem;
	width: 100%;
	align-items: center;
}

.news-article .sns-share .sns-line {
	width: calc(670/1600*100%);
	height: 1px;
	background-color: #e1deda;
}

.news-article .sns-share .sns-group {
	display: flex;
}

.news-article .sns-share .sns-group .sns-item {
	width: .5rem;
	height: .5rem;
	border-radius: 50%;
	background-color: #d2d2d2;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 .1rem;
}

.news-article .sns-share .sns-group .sns-item .sns-icon {
	height: .19rem;
	width: auto;
}

.news-article .sns-share .sns-group .sns-item:hover {
	background-color: #116E39;
}

.news-article .news-body {
	margin-top: .25rem;
	border-radius: .3rem;
	width: 100%;
	background-color: #fff; 
	padding: .9rem 6.25% 0;
	font-size: calc(18 * 100vw / 1920);
	line-height: 1.89;
}

.news-article .news-body {line-height: 2;}
.news-article .news-body *{line-height: inherit;}

@media(max-width: 1920px) and (min-width: 551px){
	.news-article .news-body{font-size: calc(12px + 6 * 100vw / 1920);}
}
@media(max-width: 550px){
	.news-article .news-body{font-size: calc(12px + 18 * 550px / 1920);}
}

.news-article .news-body .segment {
	width: calc(1400/1600*100%);
	margin: 0 auto;
	line-height: 2;
	margin: .24rem auto;
}

.news-article .news-body .big-img {
	width: calc(1200/1600*100%);
	height: auto;
	margin: 0.51rem auto 0.42rem;
}

.news-article .news-body .big-img .src-img {
	width: 100%;
	height: auto;
	border-radius: .3rem;
	object-fit: contain;
	margin-bottom: .21rem;
}

.news-article .news-body .big-img .img-title {
	line-height: 1.89;
	text-align: center;
}

.news-article .news-body .small-img {
	width: calc(1200/1600*100%);
	display: flex;
	justify-content: space-between;
	margin: .35rem auto;
}

.news-article .news-body .small-img .src-img {
	width: calc(570/1200*100%);
	height: auto;
	object-fit: contain;
	border-radius: .3rem;
}

.news-article .news-body .end-nav {
	display: flex;
	justify-content: space-between;
	margin: 1rem auto;
	width: 100%;
}

.news-article .news-body .end-nav .en-nav {
	border-radius: .3rem;
	padding: .3rem .4rem;
	background-color: #f9f6f1;
	width: calc(670/1400*100%);
	height: 2.4rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	position: relative;
	overflow: hidden;
}

.news-article .news-body .end-nav .en-nav .page-title {
	line-height: 1.45;
	color: #333;
	margin-top: .23rem;
}

.news-article .news-body .end-nav .en-nav .arrow {
	width: .16rem;
	height: .14rem;
	background-image: url(../images/arrow-gray.svg);
	background-size: contain;
	background-repeat: no-repeat;
	transition: all ease-in-out .5s;
}

@media (max-width: 900px) {
	.news-article .news-body .end-nav .en-nav .arrow {
		display: none;
	}
}

.news-article .news-body .end-nav .en-nav:hover .page-title {
	color: #116E39;
}

.news-article .news-body .end-nav .en-nav:hover .arrow {
	background-image: url("../fonts/arrow-red.svg");
	transform: translateX(5.7rem);
	transition: all ease-in-out .5s;
}

.news-article .news-body .end-nav .en-nav:hover::after {
	height: 4px;
	width: 100%;
	background-color: #116E39;
	transition: all ease-in-out .5s;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
}

.news-article .news-body .end-nav .en-nav::after {
	content: '';
	height: 4px;
	width: 1px;
	background-color: transparent;
	transition: all ease-in-out .5s;
	display: block;
	bottom: 0;
	position: absolute;
	left: 0;
}

.about-us1 {
	padding-left: 1.6rem;
	width: 100%;
	padding-top: 1rem;
	display: flex;
	padding-right: 1.6rem;
	justify-content: space-between;
	position: relative;
	min-height: 9.14rem;
}

.about-us1.musemu {
	min-height: 10.12rem;
}

@media (max-width: 800px) {
	.about-us1 {
		flex-direction: column;
		padding: 1rem .6rem;
	}
}

.about-us1.gy1 {
	padding-right: 0;
	min-height: 16.33rem;
}

.about-us1 .product-two {
	display: flex;
	justify-content: space-between;
	margin-top: .52rem;
	width: 100%;
	margin-bottom: .8rem;
}

@media (max-width: 800px) {
	.about-us1 .product-two {
		padding-right: 0;
		margin-bottom: 0;
	}
}

.about-us1 .product-two .pt-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 5.38rem;
	height: 4.5rem;
	background-color: #f0ebe5;
	border-radius: 0.3rem;
	padding: .3rem .4rem .36rem;
}

.about-us1 .product-two .pt-item.pimg {
	padding: .3rem .4rem .36rem !important;
}

.about-us1 .product-two .pt-item.np {
	padding: 0;
}

.about-us1 .product-two .pt-item .man-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: .5rem;
}

@media (max-width: 800px) {
	.about-us1 .product-two .pt-item .man-img {
		position: absolute;
		top: 0;
		left: 0;
	}
}

@media (max-width: 800px) {
	.about-us1 .product-two .pt-item {
		padding-top: 86.41% !important;
		height: auto;
		position: relative;
	}
}

.about-us1 .product-two .pt-item .prod-img {
	width: auto;
	max-width: 100%;
	max-height: 80%;
	object-fit: contain;
}

.about-us1 .product-two .pt-item .prod-name {
	font-family: SourceHanSansCN-Normal;
	line-height: 1.89;
	color: #333;
	text-align: center;
}

@media (max-width: 800px) {
	.about-us1 .product-two {
		flex-direction: column;
	}

	.about-us1 .product-two .pt-item {
		width: 100%;
		margin-bottom: .25rem;
	}
}

.about-us1 .left {
	height: 100%;
}

.about-us1 .left .au-title {
	font-family: SourceHanSansCN-Regular;
	color: #333;
}

.about-us1 .left .com-data {
	margin-top: 1.47rem;
}

@media (max-width: 800px) {
	.about-us1 .left .com-data {
		margin-top: .47rem;
	}
}

.about-us1 .left .com-data .roll-num {
	width: 4.8rem;
	padding: 0.8rem 0 0.72rem 0;
	border-bottom: 1px solid #edeae5;
}

@media (max-width: 800px) {
	.about-us1 .left .com-data .roll-num {
		width: 100%;
	}
}

.about-us1 .left .com-data .roll-num.no-border {
	border-bottom: none;
}

.about-us1 .left .com-data .roll-num:last-child {
	border-bottom: none;
}

.about-us1 .left .com-data .roll-num .rl {
	display: flex;
	align-items: baseline;
	color: #116E39;
}

.about-us1 .left .com-data .num {
	font-size: 1.2rem;
	font-family: D-DIN;
}

.about-us1 .left .com-data .unit {
	font-family: SourceHanSansCN-Normal;
}

.about-us1 .left .com-data .num-intro {
	line-height: 1.89;
	font-family: SourceHanSansCN-Normal;
	color: #666;
}

.about-us1 .right {
	width: calc(963/1600*100%);
}

.about-us1 .right.loveGY {
	width: calc(1117/1760*100%);
}

@media (max-width: 800px) {
	.about-us1 .right.loveGY {
		width: 100%;
		padding-right: .6rem;
	}
}

@media (max-width: 800px) {
	.about-us1 .right {
		width: 100%;
	}
}

.about-us1 .right .par16 {
	padding-right: 0;
	margin-right: 1.6rem;
}

@media (max-width: 800px) {
	.about-us1 .right .par16 {
		margin-right: 0;
	}
}

.about-us1 .right .sub-title {
	font-family: SourceHanSansCN-Normal;
	color: #333;
}

.about-us1 .right .brand-intro {
	line-height: 1.89;
	color: #666;
	font-family: SourceHanSansCN-Normal;
	/* margin-bottom: .71rem; */
}

.about-us1 .right .brand-intro * {
	line-height: inherit;
}

@media (max-width: 900px) {
	.about-us1 .right .brand-intro {
		margin-bottom: .3rem;
	}
}

.about-us1 .right .img-wrapper {
	/* width: 11.1rem; */
	border-radius: 0.3rem 0.3rem 0.3rem 0.3rem;
	height: auto;
	overflow: hidden;
	position: absolute;
	left: 0;
}

@media (max-width: 1600px) {
	.about-us1 .right .img-wrapper {
		width: 9.5rem;
	}
}

@media (max-width: 1300px) {
	.about-us1 .right .img-wrapper {
		width: 9rem;
	}
}

@media (max-width: 1200px) {
 
	.about-us1 .right .img-wrapper {
		position: relative;
		border-radius: .3rem;
		overflow: hidden;
		margin-bottom: .5rem;
		width: 100%;
	}
}

@media (max-width: 800px) {
	.about-us1 .right .img-wrapper {
		position: relative;
		border-radius: .3rem;
		width: 100%;
	}
}

.about-us1 .right .ab-img {
	width: 11.10rem;
	height: auto;
	border-radius: 0.3rem 0rem 0rem 0.3rem;
	object-fit: cover;
	right: 0;
}

.about-us1 .right .ab-img:hover {
	transform: scale(1.1);
	transition: all ease-in-out .5s;
}

.about-us1 .right .ab-img.no-hover {
	position: absolute;
}

@media (max-width: 800px) {
	.about-us1 .right .ab-img.no-hover {
		position: relative;
		width: 100%;
	}
}

.about-us1 .right .ab-img.no-hover:hover {
	transform: none;
}

.about-us2 {
	width: 100%;
	background-color: #fff;
	border-radius: .3rem 0 .3rem 0;
	padding: 1.44rem 1.6rem 1rem;
}

@media (max-width: 800px) {
	.about-us2 {
		padding: 1.44rem .6rem 1rem;
	}
}

.about-us2.y {
	padding: 1rem 1.6rem;
	background-color: #f9f6f1;
}

@media (max-width: 800px) {
	.about-us2.y {
		padding: 1rem .6rem;
	}
}

.about-us2.pa1 {
	padding: 1rem 1.6rem;
}

@media (max-width: 800px) {
	.about-us2.pa1 {
		padding: 1rem .6rem;
	}
}

.about-us2.just-lr {
	padding: 0 1.6rem;
	min-height: 6.8rem;
	display: flex;
	align-items: center;
}

@media (max-width: 800px) {
	.about-us2.just-lr {
		padding: 1rem .6rem;
	}
}

.about-us2.museum-map {
	padding: 1rem 1.6rem 0;
}

@media (max-width: 800px) {
	.about-us2.museum-map {
		padding: 1rem .6rem 0;
	}
}

.about-us2 .top.gy {
	width: calc(740/1600*100%);
}

@media (max-width: 800px) {
	.about-us2 .top.gy {
		width: 100%;
	}
}

.about-us2 .top.mb75 {
	margin-bottom: .75rem;
}

.about-us2 .top .sub-title {
	line-height: 1.278;
	font-family: SourceHanSansCN-Normal;
	color: #333;
}

.about-us2:nth-child(2) .top .sub-title{
       max-width: 12em;
}

.about-us2 .top .second-title {
	line-height: 1.53;
	font-family: SourceHanSansCN-Normal;
	margin-bottom: .24rem;
	color: #333;
}

.about-us2 .top .second-title.core {
	margin-top: .52rem;
}

.about-us2 .top .brand-intro {
	line-height: 1.89;
	color: #666;
	font-family: SourceHanSansCN-Normal;
}

.about-us2 .top .brand-intro * {
	line-height: inherit;
}

.about-us2 .two-pic {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: .74rem;
	margin-bottom: .7rem;
}

.about-us2 .two-pic.center {
	align-items: center;
	height: 100%;
	margin: 0;
}

@media (max-width: 800px) {
	.about-us2 .two-pic .top {
		margin-bottom: .5rem;
	}
}

.about-us2 .two-pic .pic-cont {
	width: calc(770/1600*100%);
	display: flex;
	flex-direction: column;
	align-items: center;
}

.about-us2 .two-pic .pic-cont .pic-wrapper {
	width: 100%;
	padding-top: 46.1%;
	position: relative;
	border-radius: .3rem;
	overflow: hidden;
}

.about-us2 .two-pic .pic-cont .pic-wrapper .src-img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transition: all .5s ease-in-out;
}

.about-us2 .two-pic .pic-cont .pic-wrapper .src-img:hover {
	transform: scale(1.1);
	transition: all .5s ease-in-out;
}

.about-us2 .two-pic .pic-cont .pic-wrapper.support {
	padding-top: 0;
	height: 4.33rem;
}

.about-us2 .two-pic .pic-cont .pic-wrapper.support .src-img {
	position: relative;
}

.about-us2 .two-pic .pic-cont .pic-title {
	font-family: SourceHanSansCN-Normal;
	color: #666666;
	line-height: 1.89;
	margin-top: .21rem;
}

@media (max-width: 800px) {
	.about-us2 .two-pic {
		flex-direction: column;
	}

	.about-us2 .two-pic .pic-cont {
		width: 100%;
	}
}

.about-us2 .one-img-wrapper {
	width: 100%;
	border-radius: .3rem;
	overflow: hidden;
}

.about-us2 .one-img-wrapper .src-img {
	width: 100%;
	height: auto;
}

.about-us2 .sm-img-text {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin-top: .6rem;
}

@media (max-width: 800px) {
	.about-us2 .sm-img-text {
		flex-direction: column;
	}

	.about-us2 .sm-img-text .img-wrapper {
		width: 100%;
	}
}

.about-us2 .sm-img-text .img-wrapper {
	width: calc(420/1600*100%);
	border-radius: .3rem;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	height: 3.15rem;
}

.about-us2 .sm-img-text .img-wrapper .src-img {
	width: 70%;
}

.about-us2 .sm-img-text .text {
	width: calc(1120/1600*100%);
	line-height: 1.89;
	color: #666;
	font-family: SourceHanSansCN-Normal;
}

.about-us2 .sm-img-text .text * {
	line-height: inherit;
}

@media (max-width: 800px) {
	.about-us2 .sm-img-text {
		flex-direction: column;
	}

	.about-us2 .sm-img-text .img-wrapper {
		width: 100%;
		height: auto;
		padding: .4rem 0;
		margin-bottom: .5rem;
	}

	.about-us2 .sm-img-text .text {
		width: 100%;
	}
}

.about-us2 .half-text {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: .8rem;
	width: 100%;
}

@media (max-width: 800px) {
	.about-us2 .half-text {
		margin-bottom: .5rem;
	}
}

.about-us2 .half-text .img-wrapper {
	width: calc(770/1600*100%);
	border-radius: .3rem;
	overflow: hidden;
}

.about-us2 .half-text .img-wrapper .src-img {
	width: 100%;
	height: auto;
}

.about-us2 .half-text .text {
	font-family: SourceHanSansCN-Normal;
	line-height: 1.89;
	color: #666;
	width: calc(755/1600*100%);
}

.about-us2 .half-text .text * {
	line-height: inherit;
}

@media (max-width: 800px) {
	.about-us2 .half-text {
		flex-direction: column;
	}

	.about-us2 .half-text .img-wrapper {
		width: 100%;
		margin: .25rem;
	}

	.about-us2 .half-text .text {
		width: 100%;
	}
}

.about-us2 .logo-group {
	display: flex;
	justify-content: space-between;
}

.about-us2 .logo-group .lg-item {
	width: calc(493/1600*100%);
	height: 3.55rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f9f6f1;
	border-radius: 0.3rem;
	margin-top: .71rem;
}

.about-us2 .logo-group .lg-item.short {
	/* height: 2.77rem; */
	background-color: #fff;
}

.about-us2 .logo-group .lg-item.tall {
	height: 3.7rem;
}

@media (max-width: 800px) {
	.about-us2 .logo-group .lg-item.short, .about-us2 .logo-group .lg-item.tall {
		height: auto;
	}
}

.about-us2 .logo-group .lg-item .logo {
	object-fit: contain;
	transition: all ease-in-out .5s;
}

.about-us2 .logo-group .lg-item .logo:hover {
	transform: scale(1.1);
	transition: all ease-in-out .5s;
}

.about-us2 .logo-group .lg-item .logo.lg1 {
	width: 80%;
	height: auto;
}

.about-us2 .logo-group .lg-item:nth-child(2) .logo.lg1{
	width: calc(305/493*100%);
}

.about-us2 .logo-group .lg-item .logo.lg2 {
	width: calc(305/493*100%);
	height: auto;
	background-color: #f9f6f1;
}

.about-us2 .logo-group .lg-item .logo.lg3 {
	width: calc(182/493*100%);
	height: auto;
}

.about-us2 .logo-group .lg-item .logo.hori-carti {
	width: calc(489/493*100%);
	height: auto;
	border-radius:20px;
}

@media (max-width: 800px) {
	.about-us2 .logo-group .lg-item .logo.hori-carti {
		margin: .5rem 0;
	}
}

.about-us2 .logo-group .lg-item .img-wrapper {
	width: 100%;
	padding-top: 75.05%;
	position: relative;
	border-radius: .3rem;
	overflow: hidden;
}

.about-us2 .logo-group .lg-item .img-wrapper .res-img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .5s ease-in-out;
}

.about-us2 .logo-group .lg-item .img-wrapper .res-img:hover {
	transform: scale(1.1);
	transition: all .5s ease-in-out;
}

@media (max-width: 800px) {
	.about-us2 .logo-group {
		flex-direction: column;
	}

	.about-us2 .logo-group .lg-item {
		width: 100%;
	}

	.about-us2 .logo-group .lg-item .logo.lg1, .about-us2 .logo-group .lg-item .logo.lg2, .about-us2 .logo-group .lg-item .logo.lg3 {
		height: 70%;
		width: auto !important;
		max-width: 70%;
	}
}

.about-us2 .four-pic {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: .71rem;
}

.about-us2 .four-pic .pic-item {
	width: calc(355/1600*100%);
	height: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.about-us2 .four-pic .pic-item .pic-wrapper {
	width: 100%;
	padding-top: 100%;
	border-radius: .3rem;
	overflow: hidden;
	position: relative;
}

.about-us2 .four-pic .pic-item .pic-wrapper .src-img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transition: all .5s ease-in-out;
}

.about-us2 .four-pic .pic-item .pic-wrapper .src-img:hover {
	transform: scale(1.1);
	transition: all .5s ease-in-out;
}

.about-us2 .four-pic .pic-item .pic-title {
	font-family: SourceHanSansCN-Normal;
	line-height: 1.89;
	color: #666;
	margin-top: .2rem;
}

@media (max-width: 800px) {
	.about-us2 .four-pic {
		flex-wrap: wrap;
	}

	.about-us2 .four-pic .pic-item {
		width: 49%;
	}
}

.about-us2 .num-list {
	display: flex;
	justify-content: space-between;
	margin-top: .71rem;
}

.about-us2 .num-list .num-item {
	display: flex;
	flex-direction: column;
}

.about-us2 .num-list .num-item .top {
	display: flex;
	color: #116E39;
	align-items: baseline;
	margin-bottom: .12rem;
}

.about-us2 .num-list .num-item .top .num {
	font-family: D-DIN;
}

.about-us2 .num-list .num-item .num-intro {
	line-height: 2.78;
}

@media (max-width: 500px) {
	.about-us2 .num-list .num-item .num-intro {
		text-align: center;
	}
}

.about-us2 .num-list .num-divi {
	height: 1.31rem;
	width: 1px;
	background-color: #edeae5;
}

@media (max-width: 850px) {
	.about-us2 .num-list {
		flex-wrap: wrap;
	}

	.about-us2 .num-list .num-item {
		width: 48%;
		align-items: center;
	}

	.about-us2 .num-list .num-divi {
		display: none;
	}
}

.about-us2 .reasons {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.about-us2 .reasons .core-rea {
	width: calc(770/1600*100%);
	display: flex;
	flex-direction: column;
}

.about-us2 .reasons .core-rea.r {
	flex-direction: column-reverse;
}

@media (max-width: 800px) {
	.about-us2 .reasons .core-rea.r {
		flex-direction: column;
	}
}

.about-us2 .reasons .core-rea .pic-wrapper {
	width: 100%;
	height: 4.33rem;
	position: relative;
	border-radius: .3rem;
	margin-top: .51rem;
	overflow: hidden;
}

@media (max-width: 800px) {
	.about-us2 .reasons .core-rea .pic-wrapper {
		height: auto;
	}
}

.about-us2 .reasons .core-rea .pic-wrapper .src-img {
	object-fit: cover;
	transition: all .5s ease-in-out;
}

.about-us2 .reasons .core-rea .pic-wrapper .src-img:hover {
	transform: scale(1.1);
	transition: all .5s ease-in-out;
}

@media (max-width: 800px) {
	.about-us2 .reasons {
		flex-direction: column;
	}

	.about-us2 .reasons .core-rea {
		width: 100%;
	}
}

.about-us2 .pt-item {
	margin-top: .8rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	width: 5.38rem;
	height: 4.5rem;
	background-color: #f0ebe5;
	border-radius: 0.3rem;
	padding: .3rem .4rem .36rem;
}

.about-us2 .pt-item::before {
	content: '';
	display: block;
	height: 1px;
	width: 100%;
}

.about-us2 .pt-item .prod-img {
	width: auto;
	max-width: 100%;
	max-height: 80%;
	object-fit: contain;
}

.about-us2 .pt-item .prod-name {
	font-family: SourceHanSansCN-Normal;
	line-height: 1.89;
	color: #333;
	text-align: center;
}

.about-us2 .museum-swiper {
	width: 100%;
	overflow: visible;
	margin-top: .8rem;
}

.about-us2 .museum-swiper .museum-img {
	width: 8rem;
	height: 4.5rem;
	margin-right: .6rem;
}

@media (max-width: 800px) {
	.about-us2 .museum-swiper .museum-img {
		height: auto;
	}
}

.about-us2 .museum-swiper .museum-img .img-wrapper {
	width: 100%;
	padding-top: 56.25%;
	position: relative;
	border-radius: .3rem;
	overflow: hidden;
}

.about-us2 .museum-swiper .museum-img .img-wrapper .src-img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transition: all .5s ease-in-out;
}

.about-us2 .museum-swiper .museum-img .img-wrapper .src-img:hover {
	transform: scale(1.1);
	transition: all .5s ease-in-out;
}

.about-us2 .museum-swiper .swiper-scrollbar {
	display: flex;
	align-items: center;
	height: 2px;
}

@media (max-width: 800px) {
	.about-us2 .museum-swiper .swiper-scrollbar {
		bottom: -0.5rem;
	}
}

.about-us2 .museum-swiper .swiper-scrollbar-drag {
	background-color: #116E39;
	height: 5px;
}

.about-us3 {
	background-color: #f9f6f1;
	padding: 1rem 1.6rem;
}

.about-us-lr {
	width: 100%;
	padding: 0 1.6rem;
	height: 6.8rem;
	display: flex;
}

.offi-SNS-list {
	display: flex;
	justify-content: center;
	padding-bottom: .84rem;
}

@media (max-width: 900px) {
	.offi-SNS-list {
		flex-wrap: wrap;
	}
}

.offi-SNS-list .OS-item {
	display: block; 
	margin-right: 3.8%;
}
.offi-SNS-list .OS-item:nth-child(6n){margin-right: 0;}

.offi-SNS-list .OS-item .OS-logo {
	width: 2.16rem;
	height: 2.16rem;
	background-color: #fff;
	border-radius: .3rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.offi-SNS-list .OS-item .OS-logo .logo-img {
	height: 1.36rem;
	width: auto;
	transition: all .5s ease-in-out;
}

.offi-SNS-list .OS-item .OS-logo .qr-img {
	width: 1.38rem;
	height: 1.38rem;
	min-width: 90px;
	min-height: 90px;
}

.offi-SNS-list .OS-item .OS-logo:hover .logo-img {
	transform: scale(1.1);
}

.offi-SNS-list .OS-item .OS-title {
	text-align: center;
	font-family: SourceHanSansCN-Normal;
	line-height: 3.33;
	color: #333333;
}

.offi-SNS-list .OS-item:nth-child(2n) {
	margin-top: 0rem;
}

@media (max-width: 900px) {
	.offi-SNS-list .OS-item {
		width: 45%;
		margin-right: 5%;
	}
	.offi-SNS-list .OS-item:nth-child(2n){margin-right: 0;}

	.offi-SNS-list .OS-item:nth-child(2n) {
		margin-top: 0;
	}

	.offi-SNS-list .OS-item .OS-logo {
		width: 100%;
	}
}

.contact-us {
	width: 100%;
	position: relative;
}

.contact-us .map-area {
	width: 100%;
	height: 7.8rem;
	border-radius: .3rem .3rem 0 0;
}

@media (max-width: 800px) {
	.contact-us .map-area {
		height: 5rem;
	}
}

.contact-us .contact-list {
	width: 5.2rem;
	border-radius: .3rem;
	background-color: #fff;
	position: absolute;
	z-index: 18;
	right: 1.6rem;
	bottom: 1rem;
	padding: .5rem .6rem;
}

@media (max-width: 900px) {
	.contact-us .contact-list {
		position: relative;
		width: 100%;
		border-radius: 0;
		right: 0;
		bottom: 0;
	}
}

.contact-us .contact-list .contact-item {
	margin-bottom: .29rem;
}


.contact-us .contact-list .contact-item .icon {
	width: .5rem;
	height: .5rem;
	border-radius: 50%;
	/* background-color: #116E39; */
	display: flex;
	justify-content: center;
	align-items: center;
}

.contact-us .contact-list .contact-item .icon .c-type {
	width: .4rem;
}

.contact-us .contact-list .contact-item .info {
	line-height: 1.1;
	color: #333333;
	font-family: 'D-DIN';
	margin-top: .2rem;
	font-size: calc(48 * 100vw / 1920);
}

.contact-us .contact-list .contact-item:nth-child(1) .info{
	font-size: calc(32 * 100vw / 1920);
	line-height: 1.45;
}

@media(max-width: 1920px) and (min-width: 551px){
	.contact-us .contact-list .contact-item .info{font-size: calc(12px + 36 * 100vw / 1920);}
	.contact-us .contact-list .contact-item:nth-child(1) .info{
		font-size: calc(12px + 10 * 100vw / 1920);
		line-height: 1.45;
	}
}

@media(max-width: 550px){
	.contact-us .contact-list .contact-item :nth-child(1) .info{font-size: calc(12px + 36 * 550px / 1920);}
	.contact-us .contact-list .contact-item .info{
		font-size: calc(12px + 10 * 550px / 1920);
		line-height: 1.45;
	}
}






.contact-us .contact-list .contact-item .tel {
	line-height: 1.45;
	color: #333333;
	font-family: 'D-DIN';
	margin-bottom: -.15rem;
	margin-top: .2rem;
}

.contact-us .contact-list .contact-item .info-title {
	color: #999999;
	font-family: SourceHanSansCN-Normal;
	line-height: 2;
}

.recurit {
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
}

.recurit .left {
	width: calc(1180/1600*100%);
}

.recurit .left .job-filter {
	height: 2.72rem;
	position: relative;
	z-index: 8;
}

.recurit .left .job-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.recurit .left .job-list .job-item {
	width: calc(575/1180*100%);
	border-radius: .3rem;
	border: 1px solid transparent;
	background-color: #fff;
	height: auto;
	padding: .4rem;
	margin-top: .3rem;
	transition: all ease-in-out .3s;
}

.recurit .left .job-list .job-item .job-pos {
	color: #333;
}

.recurit .left .job-list .job-item .job-type {
	font-family: SourceHanSansCN-Normal;
	line-height: 3.11;
	color: #999999;
	margin: .13rem 0 .02rem 0;
	display: flex;
	align-items: center;
}

.recurit .left .job-list .job-item .job-type .divi {
	margin: 0 .4rem;
}

.recurit .left .job-list .job-item .job-info {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #666;
}

.recurit .left .job-list .job-item:hover {
	border-color: #116E39;
	transition: all ease-in-out .3s;
}

.recurit .right {
	width: calc(360/1600*100%);
}

.recurit .right .job-filter {
	height: auto;
	margin-top: .12rem;
}

.recurit .right .job-filter .lastest-job {
	width: 100%;
	margin-top: .25rem;
}

.recurit .right .job-filter .lj-item {
	font-family: SourceHanSansCN-Normal;
	padding: .25rem 0;
	border-top: 1px dashed #eeebe6;
	border-bottom: 1px dashed #eeebe6;
	width: 100%;
	display: block;
	color: #666;
}

.recurit .right .job-filter .lj-item:first-child {
	border-top: none;
}

.recurit .right .job-filter .lj-item:last-child {
	border-bottom: none;
}

.recurit .right .job-filter .lj-item:hover {
	color: #116E39;
}

.recurit .job-filter {
	border-radius: .3rem;
	width: 100%;
	padding: .4rem;
	background-color: #fff;
}

.recurit .job-filter .title {
	font-family: SourceHanSansCN-Regular;
	color: #333333;
}

.recurit .job-filter .search-job {
	border-radius: .08rem;
	width: 100%;
	display: flex;
	margin-top: .3rem;
}

.recurit .job-filter .search-job .detail-name {
	height: .56rem;
	padding: .2rem .24rem;
	color: #000;
	font-family: SourceHanSansCN-Normal;
	border-top: solid 1px #e1deda;
	border-bottom: solid 1px #e1deda;
	border-left: solid 1px #e1deda;
	border-right: none;
	border-radius: .08rem 0 0 .08rem;
	width: calc(1100/1180*100%);
}

.recurit .job-filter .search-job .sub-form {
	border-radius: 0 .08rem .08rem 0;
	border: 1px solid #116E39;
	color: #fff;
	background-color: #116E39;
	height: .56rem;
	width: 1.8rem;
	cursor: pointer;
}

.recurit .job-filter .select-group {
	display: flex;
	margin-top: .2rem;
}

.recurit .job-filter .select-group .selector {
	width: calc(360/1180*100%);
	display: flex;
	justify-content: space-between;
	padding: .2rem .24rem;
	border-radius: .08rem;
	border: solid 1px #e1deda;
	position: relative;
	height: .56rem;
	margin-right: .2rem;
	color: #666;
}

.recurit .job-filter .select-group .selector .s-icon {
	width: .11rem;
	height: auto;
}

.recurit .job-filter .select-group .select-list {
	position: absolute;
	top: .56rem;
	left: 0;
	width: 100%;
	background-color: #fff;
	border-radius: .08rem;
	height: 0;
	overflow: hidden;
	transition: all ease-in-out .5s;
}

.recurit .job-filter .select-group .select-list.open {
	height: auto;
	transition: all ease-in-out .5s;
	border: solid 1px #e1deda;
}

.recurit .job-filter .select-group .select-list .sl-item {
	padding: .2rem .24rem;
}

.recurit .job-filter .select-group .select-list .sl-item:hover {
	color: #116E39;
}

@media (max-width: 900px) {
	.recurit {
		flex-direction: column-reverse;
	}

	.recurit .left {
		width: 100%;
	}

	.recurit .left .job-list .job-item {
		width: 100%;
	}

	.recurit .left .select-group .selector {
		width: 50%;
	}

	.recurit .left .select-group .selector:last-child {
		margin-right: 0;
	}

	.recurit .right {
		width: 100%;
		margin-bottom: .3rem;
	}
}

.custom1 {
	padding-left: 1.6rem;
	padding-bottom: 1rem;
	display: flex;
	justify-content: space-between;
	min-height: 7.78rem;
}

.custom1.yellow-np {
	padding: 0;
	align-items: center;
	min-height: auto;
	flex-direction: row;
}

.custom1.np {
	padding: 0;
	align-items: center;
	min-height: auto;
	flex-direction: row-reverse;
}

.custom1 .left {
	display: flex;
	flex-direction: column; 
}

.custom1 .left .main-title {
	padding-top: .6rem;
}

.custom1 .left .qr-area {
	width: 2.4rem;
}

.custom1 .left .qr-area .qr-code {
	width: 100%;
	height: auto;
	object-fit: contain;
}

.custom1 .left .qr-area .qr-title {
	text-align: center;
	font-family: SourceHanSansCN-Normal;
	color: #333333;
	line-height: 1.54;
	margin-top: .23rem;
}

.custom1 .right {
	width: 11.2rem;
	padding-top: .6rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.custom1 .right .brand-intro {
	width: 9.6rem;
	line-height: 1.89;
	font-family: SourceHanSansCN-Normal;
	color: #666;
}

.custom1 .right .product-two {
	display: flex;
	justify-content: space-between;
	margin-top: .52rem;
}

.custom1 .right .product-two .pt-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	width: 5.38rem;
	height: 4.5rem;
	background-color: #f0ebe5;
	border-radius: 0.3rem;
	padding: .3rem .4rem .36rem;
}

.custom1 .right .product-two .pt-item::before {
	content: '';
	display: block;
	height: 1px;
	width: 100%;
}

.custom1 .right .product-two .pt-item .prod-img {
	width: auto;
	max-width: 100%;
	max-height: 80%;
	object-fit: contain;
}

.custom1 .right .product-two .pt-item .prod-name {
	font-family: SourceHanSansCN-Normal;
	line-height: 1.89;
	color: #333;
	text-align: center;
}

@media (max-width: 800px) {
	.custom1 .right .product-two {
		flex-direction: column;
	}

	.custom1 .right .product-two .pt-item {
		width: 100%;
		margin-bottom: .25rem;
	}
}
.product-two2 {
	margin-top: .52rem;
	width: 100%;
}
.product-two2 .pt-item {
	float:left;
	width: 24%;
	height: 3.6rem;
	text-align:center;
	background-color: #f0ebe5;
	border-radius: 0.3rem;
	margin-right:1%;margin-bottom:20px;
   
}
.product-two2 .pt-item::before {
	content: '';
	display: block;
	height: 1px;
	width: 100%;
}
.product-two2 .pt-item .prod-img {
	width: auto;
	max-width: 100%;
	max-height: 80%;
	object-fit: contain;
}
.product-two2 .pt-item .prod-name {
	font-family: SourceHanSansCN-Normal;
	line-height: 1.89;
	color: #333;
	text-align: center;
}

@media (max-width: 800px) {
	 .product-two2 {
		
	}

	 .product-two2 .pt-item {
		width: 100%;
		margin-bottom: .25rem;
	}
}
.custom1 .column1 {
	width: 3.9rem;
}

@media (max-width: 900px) {
	.custom1 .column1 {
		margin-top: 1rem;
	}
}

@media (max-width: 800px) {
	.custom1 {
		flex-direction: column;
		padding: 0 .6rem 1rem;
	}

	.custom1 .right {
		width: 100%;
	}

	.custom1 .right .brand-intro {
		width: 100%;
	}

	.custom1.np {
		flex-direction: column;
	}

	.custom1.np .column1 {
		width: 100%;
	}

	.custom1.np .pt-item {
		width: 100%;
	}

	.custom1.yellow-np {
		flex-direction: column;
	}

	.custom1.yellow-np .column1 {
		width: 100%;
	}

	.custom1.yellow-np .pt-item {
		width: 100%;
	}
}

.scroll-window {
	width: 100%;
	overflow-x: scroll;
}

@media (max-width: 800px) {
	.scroll-window {
		margin-top: .5rem;
	}
}

.scroll-window::-webkit-scrollbar {
	width: 0;
}

.custom-step {
	width: 16rem;
	position: relative;
	margin-top: .4rem;
}

.custom-step .step-list {
	height: auto;
	display: flex;
	justify-content: space-between;
	margin-bottom: -.15rem;
}

.custom-step .step-list .step-item {
	width: 25%;
	z-index: 3;
}

.custom-step .step-list .step-item .head {
	width: 2.67rem;
	margin: 0 auto;
	height: 2.24rem;
	border-radius: .3rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: #f9f6f1;
}

.custom-step .step-list .step-item .head .icon {
	width: 1rem;
	height: 1rem;
	transition: all .5s ease-in-out;
}

.custom-step .step-list .step-item .head .text {
	font-family: SourceHanSansCN-Normal;
	color: #333;
	margin-top: .3rem;
}

.custom-step .step-list .step-item .tail {
	display: flex;
	align-items: center;
	flex-direction: column;
}

.custom-step .step-list .step-item .tail .line {
	width: 0.01rem;
	height: 1rem;
	border: 1px dashed #dcdcdc;
}

.custom-step .step-list .step-item .tail .ball {
	width: .25rem;
	height: .25rem;
	border-radius: 50%;
	border: 1px solid #fff;
	background-color: #116E39;
}

.custom-step .step-list .step-item:nth-child(2n-1) {
	padding-top: .4rem;
}

.custom-step .step-list .step-item:nth-child(2n-1) .tail .line {
	height: .6rem;
}

.custom-step .step-list .step-item.vis {
	animation: stepAni ease-in-out 1s forwards;
	animation-delay: 3000ms;
}

.custom-step .step-list .step-item:hover .icon {
	transform: scale(1.1);
	transition: all .5s ease-in-out;
}

.custom-step .line-wrapper {
	position: relative;
	text-align: right;
}

.custom-step .line-wrapper::before {
	position: absolute;
	content: '';
	display: block;
	width: 50%;
	height: 100%;
	background-color: #fff;
	z-index: 3;
	right: 0;
}

.custom-step .line-wrapper.vis::before {
	position: absolute;
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 3;
	right: 0;
	animation: danceLine ease-in-out 3s forwards;
}

.custom-step .step-line {
	width: 100%;
	z-index: 1;
	transform: translateX(-0.15rem);
	position: relative;
}

.museum-intro {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1rem;
}

.museum-intro:last-child {
	margin-bottom: 0;
}

.museum-intro.r {
	flex-direction: row-reverse;
}

.museum-intro .museum-img {
	width: 11.17rem;
}

@media (max-width: 800px) {
	.museum-intro .museum-img {
		margin-bottom: .5rem;
	}
}

.museum-intro .museum-img .img-wrapper {
	width: 100%;
	border-radius: .3rem;
	padding-top: 56.22%;
	position: relative;
	overflow: hidden;
}

.museum-intro .museum-img .img-wrapper .src-img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .5s ease-in-out;
}

.museum-intro .museum-img .img-wrapper .src-img:hover {
	transform: scale(1.1);
	transition: all .5s ease-in-out;
}

.museum-intro .intro-text {
	width: 4.1rem;
	font-family: SourceHanSansCN-Normal;
	line-height: 1.89;
	color: #666;
}

.museum-intro .intro-text * {
	line-height: inherit;
}

@media (max-width: 900px) {
	.museum-intro {
		flex-direction: column;
	}

	.museum-intro.r {
		flex-direction: column;
	}

	.museum-intro.r .museum-img {
		width: 100%;
	}

	.museum-intro.r .intro-text {
		width: 100%;
	}

	.museum-intro .museum-img {
		width: 100%;
	}

	.museum-intro .intro-text {
		width: 100%;
	}
}

.world-map {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.world-map .map {
	width: calc(1100/1600*100%);
	position: relative;
}

.world-map .map .map-img {
	width: 100%;
	height: auto;
	z-index: -1;
}

.world-map .map .map-point-list {
	z-index: 3;
	top: 0;
}

.world-map .map .map-point-list .mp-item {
	position: absolute;
	top: 0;
}

.world-map .map .map-point-list .mp-item .wlg {
	position: absolute;
}

.world-map .map .map-point-list .mp-item .wlg-icon {
	width: 0.19rem;
}

.world-map .locate-intro {
	width: calc(420/1600*100%);
	height: fit-content;
	background-color: #f9f6f1;
	border-radius: 0.3rem;
	position: relative;
	left: -.36rem;
	bottom: -.36rem;
	padding: .36rem;
}

.world-map .locate-intro .lo-img {
	border-radius: .3rem;
	object-fit: cover;
	width: 100%;
	position: relative;
	left: .66rem;
	bottom: .66rem;
}

.world-map .locate-intro .lo-name {
	line-height: 2.273;
	font-family: SourceHanSansCN-Normal;
	color: #333;
}

.world-map .locate-intro .lo-intro {
	color: #333;
	font-family: SourceHanSansCN-Normal;
	line-height: 1.89;
}
.world-map .locate-intro .lo-intro p{
	color: #333;
	font-family: SourceHanSansCN-Normal;
	line-height: 1.89;
}
.world-map .locate-intro .my-more {
	margin-top: .61rem;
}

@media (max-width: 800px) {
	.world-map {
		flex-direction: column;
	}

	.world-map .map {
		width: 100%;
	}

	.world-map .locate-intro {
		width: 100%;
		left: 0;
		bottom: 0;
	}

	.world-map .locate-intro .lo-img {
		left: 0;
		bottom: 0;
	}
}

.company-culture {
	width: 100%;
	background-color: #f9f6f1;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	height: 10rem;
	overflow: hidden;
}

.company-culture .title {
	font-family: SourceHanSansCN-Regular;
	color: #333;
	position: absolute;
	top: .2rem;
	left: 1.6rem; 
}
.company-culture .title:before{content: ''; position: absolute;bottom: -.35rem;  left: 0; width: 2em;
    height: 0.03rem;
    background-color: #116E39;}

.company-culture .outer {
	padding: 0 1.6rem;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.company-culture .outer .outer-left,
    .company-culture .outer .outer-right {
	width: 1.6rem;
	height: 1.6rem;
	z-index: 5;
}

.company-culture .outer .outer-left {
	animation: toLeft 2s ease-in-out forwards;
}

.company-culture .outer .outer-right {
	animation: toRight 2s ease-in-out forwards;
}

.company-culture .outer .center {
	width: calc(1240/1600*100%);
	padding-right: .7rem;
	padding: 1.3rem 0 .8rem 0;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.company-culture .outer .center::before {
	content: '';
	width: 14.5rem;
	height: 14.5rem;
	border: solid 1px #dbd8d3;
	position: absolute;
	display: block;
	border-radius: 50%;
	margin: 0 auto;
	animation: ripple ease-in-out 4s infinite;
}

.company-culture .outer .center .inner {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}

.company-culture .outer .center .inner .inner-left {
	height: 100%;
	width: 2.36rem;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-end;
}

.company-culture .outer .center .inner .inner-left .b-img-wrapper {
	z-index: 5;
	animation: bl ease-in-out 2s forwards;
}

.company-culture .outer .center .inner .inner-left .s-img-wrapper {
	animation: bt ease-in-out 2s forwards;
}

.company-culture .outer .center .inner .inner-right {
	width: 2rem;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.company-culture .outer .center .inner .inner-right .b-img-wrapper {
	z-index: 5;
	animation: tr ease-in-out 2s forwards;
}

.company-culture .outer .center .inner .inner-right .s-img-wrapper {
	animation: br ease-in-out 2s forwards;
}

.company-culture .outer .center .inner .core {
	width: 6rem;
	height: 6rem;
	background-color: #116E39;
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	animation: start ease-in-out 1s forwards;
}

.company-culture .outer .center .inner .core .c-img {
	border-radius: 50%;
	width: 5.6rem;
	height: 5.6rem;
}

.company-culture .outer .center .inner .core::before {
	width: 8.2rem;
	height: 8.2rem;
	content: '';
	display: block;
	position: absolute;
	border-radius: 50%;
	border: 1px solid #dbd8d3;
	animation: ripple ease-in-out 4s infinite;
	z-index: -1;
}

.company-culture .outer .center .inner .core::after {
	content: '';
	width: 11.5rem;
	height: 11.5rem;
	border: 1px solid #dbd8d3;
	border-radius: 50%;
	display: block;
	position: absolute;
	animation: ripple ease-in-out 4s infinite;
	z-index: -1;
}

.company-culture .outer .center .inner .core .core-text {
	line-height: 2;
	font-family: SourceHanSansCN-Regular;
	color: #333333;
	position: absolute;
	bottom: -.9rem;
}

.company-culture .outer .s-img-wrapper {
	width: 1.6rem;
	height: 1.6rem;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 2;
}

.company-culture .outer .s-img-wrapper::before {
	transition: all ease-in-out .5s;
	position: absolute;
	content: '';
	width: 1.73rem;
	height: 1.73rem;
	border-radius: 50%;
	border: 2px transparent dashed;
	position: absolute;
	display: block;
}

.company-culture .outer .s-img-wrapper:hover {
	transition: all ease-in-out .5s;
	background-image: url("../images/cc5.png");
	background-size: contain;
}

.company-culture .outer .s-img-wrapper:hover .simg {
	opacity: 0;
	transition: all .5s ease-in-out;
}

.company-culture .outer .s-img-wrapper:hover .img-info {
	color: #116E39;
	transition: all ease-in-out .5s;
}

.company-culture .outer .s-img-wrapper:hover::before {
	transition: all ease-in-out .5s;
	position: absolute;
	content: '';
	width: 1.73rem;
	height: 1.73rem;
	border-radius: 50%;
	border: 1px #116E39 dashed;
	position: absolute;
	display: block;
}

.company-culture .outer .simg {
	width: 1.6rem;
	height: 1.6rem;
	object-fit: cover;
	border-radius: 50%;
	overflow: hidden;
	opacity: 1;
	transition: all .5s ease-in-out;
}

.company-culture .outer .b-img-wrapper {
	width: 2rem;
	height: 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 2;
}

.company-culture .outer .b-img-wrapper::before {
	position: absolute;
	content: '';
	width: 2.13rem;
	height: 2.13rem;
	border-radius: 50%;
	border: 1px transparent dashed;
	position: absolute;
	display: block;
	transition: all ease-in-out .5s;
}

.company-culture .outer .b-img-wrapper:hover {
	transition: all ease-in-out .5s;
	background-image: url("../images/cc5.png");
	background-size: contain;
}

.company-culture .outer .b-img-wrapper:hover .bimg {
	opacity: 0;
	transition: all .5s ease-in-out;
}

.company-culture .outer .b-img-wrapper:hover .img-info {
	color: #116E39;
	transition: all ease-in-out .5s;
}

.company-culture .outer .b-img-wrapper:hover::before {
	position: absolute;
	content: '';
	width: 2.13rem;
	height: 2.13rem;
	border-radius: 50%;
	border: 1px #116E39 dashed;
	position: absolute;
	display: block;
	transition: all ease-in-out .5s;
}

.company-culture .outer .img-info {
	position: absolute;
	transition: all ease-in-out .5s;
	background-color: #fff;
	border-radius: .3rem;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #333333;
	font-family: SourceHanSansCN-Normal;
	line-height: 3;
	min-width: 2rem;
	width: auto;
	padding: 0 .3rem;
	white-space: nowrap;
}

.company-culture .outer .img-info.bl {
	bottom: -1em;
	left: -75%;
}

.company-culture .outer .img-info.tr {
	top: -1em;
	left: 50%;
	text-align: right;
}

.company-culture .outer .bimg {
	width: 2rem;
	height: 2rem;
	object-fit: cover;
	border-radius: 50%;
	overflow: hidden;
	opacity: 1;
	transition: all .5s ease-in-out;
}

@media (max-width: 800px) {
	.company-culture {
		display: none;
	}
}

.cc-mobile {
	width: 100%;
	display: none;
	background-color: #f9f6f1;
	padding-bottom: 1rem;
}

@media (max-width: 800px) {
	.cc-mobile {
		display: block;
	}
}

.cc-mobile .cm-content {
	width: calc(1680/1920*100%);
	margin: 0 auto;
}

.cc-mobile .sub-title {
	font-family: SourceHanSansCN-Regular;
	color: #333;
	padding-top: 1rem;
	margin-bottom: .5rem;
}

.cc-mobile .big {
	width: 100%;
	display: flex;
	align-items: center;
	margin-bottom: .25rem;
	flex-direction: column;
}

.cc-mobile .big .cc-img {
	width: 50%;
	height: auto;
	aspect-ratio: 1;
	object-fit: cover;
	border-radius: 50%;
}

.cc-mobile .big .text {
	font-family: SourceHanSansCN-Regular;
	color: #333;
	line-height: 2;
	margin-left: .25rem;
}

.cc-mobile .cc-item {
	width: 100%;
	display: flex;
	align-items: center;
	margin-bottom: .25rem;
}

.cc-mobile .cc-item .cc-img {
	width: 2.8rem;
	height: 2.8rem;
	object-fit: cover;
	border-radius: 50%;
}

.cc-mobile .cc-item .text {
	font-family: SourceHanSansCN-Regular;
	color: #333;
	line-height: 2;
	margin-left: .25rem;
	background-color: #fff;
	border-radius: .3rem;
	padding: 0 .3rem;
}

@keyframes start {
	0% {
		transform: scale(0);
	}

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

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

	25% {
		opacity: .5;
	}

	75% {
		transform: scale(1);
		opacity: 1;
	}

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

@keyframes toRight {
	0% {
		transform: translateX(-5rem);
		opacity: 0;
	}

	50% {
		transform: translateX(-3.5rem);
		opacity: 0;
	}

	75% {
		opacity: 0;
	}

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

@keyframes toLeft {
	0% {
		transform: translateX(5rem);
		opacity: 0;
	}

	50% {
		transform: translateX(3.5rem);
		opacity: 0;
	}

	75% {
		opacity: 0;
	}

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

@keyframes tr {
	0% {
		transform: translate3d(-5rem, 4rem, 0);
		opacity: 0;
	}

	50% {
		transform: translate3d(-3.5rem, 3.5rem, 0);
		opacity: 0;
	}

	75% {
		opacity: 0;
	}

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

@keyframes br {
	0% {
		transform: translate3d(-5rem, -4rem, 0);
		opacity: 0;
	}

	50% {
		transform: translate3d(-3.5rem, -3.5rem, 0);
		opacity: 0;
	}

	75% {
		opacity: 0;
	}

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

@keyframes bl {
	0% {
		transform: translate3d(5rem, -4rem, 0);
		opacity: 0;
	}

	50% {
		transform: translate3d(3.5rem, -3.5rem, 0);
		opacity: 0;
	}

	75% {
		opacity: 0;
	}

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

@keyframes bt {
	0% {
		transform: translate3d(5rem, 4rem, 0);
		opacity: 0;
	}

	50% {
		transform: translate3d(3.5rem, 3.5rem, 0);
		opacity: 0;
	}

	75% {
		opacity: 0;
	}

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

.cc-mask {
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 300;
	background-color: #00000055;
	display: none;
}

.cc-mask.show {
	display: block;
}

.cc-main {
	width: 100%;
}

.info-window {
	position: fixed;
	width: 14rem;
	margin: 0 auto;
	border-radius: .3rem;
	padding: 1rem;
	background-color: #fff;
	z-index: 310;
	left: 0;
	right: 0;
	top: 50px;
	max-height: 80%;
	overflow-y: scroll;
	visibility: hidden;
}

@media (max-width: 800px) {
	.info-window {
		padding: .5rem;
	}
}

.info-window .cci {
	display: none;
}

.info-window .cci.show {
	display: inherit;
}

.info-window #cci3 .sub-title{display: none;}
.info-window #cci3 .red-block-deco{display: none;}

.info-window .close-btn {
	width: .6rem;
	height: .6rem;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #116E39;
	background-color: #f9f6f1;
	border-radius: 50%;
	position: absolute;
	right: 0.3rem;
	top: .3rem;
	z-index: 88;
}

.info-window .second-title {
	line-height: 1.53;
	font-family: SourceHanSansCN-Normal;
	margin-bottom: .24rem;
}

.info-window .brand-intro {
	line-height: 1.89;
	color: #666;
	font-family: SourceHanSansCN-Normal;
	margin-bottom: .71rem;
}

@media (max-width: 900px) {
	.info-window .brand-intro {
		margin-bottom: .3rem;
	}
}

.info-window .two-img {
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.info-window .two-img .img-wrapper {
	width: 5.7rem;
	height: 3.2rem;
	border-radius: .3rem;
	overflow: hidden;
}

.info-window .two-img .img-wrapper .img-src {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (max-width: 800px) {
	.info-window .two-img {
		flex-direction: column;
	}

	.info-window .two-img .img-wrapper {
		margin-bottom: .25rem;
		widht: 100%;
	}
}

.info-window.show {
	visibility: visible;
}

@media (max-width: 800px) {
	.info-window {
		width: 90%;
	}
}

.product-list {
	width: 100%;
	position: relative;
}

.product-list .product-swiper {
	position: relative;
	width: 100%; 
	display: flex;
	justify-content: center;
	flex-direction: column;
}

 

.product-list .main-detail {
	width: 100%;
	height: 6rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 2.4rem 0 1.6rem;
}

@media (max-width: 800px) {
	.product-list .main-detail {
		flex-direction: column;
		height: 12rem;
		padding: 0 1.2rem 0 .6rem;
	}
}

.product-list .main-detail .bg-img {
	width: 100%;
	height: 6rem;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}

@media (max-width: 800px) {
	.product-list .main-detail .bg-img {
		height: 100%;
	}
}

.product-list .main-detail .product-intro {
	z-index: 2;
	width: 6.75rem;
}

@media (max-width: 800px) {
	.product-list .main-detail .product-intro {
		width: 100%;
		margin-top: 2rem;
	}
}

.product-list .main-detail .product-intro .intro-ta .product-name {
	font-family: SourceHanSansCN-Regular;
	color: #fff;
	line-height: 1.5;
	font-size: calc(40 * 100vw / 1920);
}

@media(max-width: 1920px) and (min-width: 551px){
	.product-list .main-detail .product-intro .intro-ta .product-name {font-size: calc(12px + 28 * 100vw / 1920);}
}

@media(max-width: 550px){
	.product-list .main-detail .product-intro .intro-ta .product-name{font-size: calc(12px + 28 * 550px / 1920);}
}

 

.product-list .main-detail .product-intro .intro-ta .pn-divi {
	display: none;
	width: 0.4rem;
	height: 0.03rem;
	background-color: #333;
	margin: .2rem 0 .3rem 0;
}

.product-list .main-detail .product-intro .intro-ta .detail-intro {
	font-family: SourceHanSansCN-Normal;
	line-height: 1.9;
	color: #fff;
}
.detail-textbox{display: none;width: 100%;font-family: SourceHanSansCN-Normal;line-height: 1.9;color: #fff;}
.detail-textbox.show{display: block;}
.detail-textbox *{line-height: inherit;}
.product-list .main-detail .product-intro .intro-ta .detail-intro * {
	line-height: inherit;
}

.product-list .main-detail .product-img {
	
	height: 64%;
	z-index: 3;
}

@media(min-width: 800px){
	.product-list .main-detail .product-img {width: 40%;}
}

@media(max-width: 800px){
	.product-list .main-detail .product-img{padding-bottom: .8rem; width: 100%;height: 5rem;}
}

.product-list .main-detail .product-img .pd-img {
	 width: 100%;
	object-fit: contain;
	height: 100%; 
}

 

.product-list .main-detail .product-img .pd-img.show {
	display: inherit;
}

.curve-banner {
	width: 100%;
	height: 0.61rem;
	margin-top: -.61rem;
	position: absolute;
	z-index: 3;
}

@media (max-width: 800px) {
	.curve-banner {
		display: none;
	}
}

.curve-banner .svg-banner {
	width: 100%;
}

.product-select {
	position: relative;z-index: 28;
	min-height: 3rem;
	width: 100%;
	background-color: #f9f6f1;
	position: relative;
	display: flex;
	align-items: center;
	padding: 0 1.6rem;
	justify-content: space-between;
}

@media (max-width: 800px) {
	.product-select {
		padding: .25rem .6rem;
		flex-direction: column;
		flex-wrap: wrap;
		height: auto;
	}
}

.product-select .serise-name {
	font-family: SourceHanSansCN-Regular;
	line-height: 1.67;
	color: #333;
}

.product-select .select-swiper {
	 width: 80%; 
	position: relative;
}

.select-container{width: 100%;}

.select-pagination{display: block; position: relative;bottom: 0;padding: .35rem 0;   text-align: center; width: 100%;}
.select-pagination .swiper-pagination-bullet{transition: all ease .5s; display: inline-block;vertical-align: middle;margin:  .05rem .1rem; opacity: .5; width: .22rem;height: .05rem;background-color: #116E39;border-radius: .03rem;}
.select-pagination .swiper-pagination-bullet-active{opacity: 1;width: .42rem;}


@media (max-width: 800px) {
	.product-select .select-swiper { 
		width: 90%;
	}
}

 

.product-select .select-swiper .select-item { 
	width: 10%; 
	padding: .3rem 0;
	text-align: center;
}

 

.product-select .select-swiper .select-item .select-img { 
	display: inline-block;
	position: relative;
	width: 100%;
	z-index: 2;
	cursor: pointer;
}
.product-select .select-swiper .select-item .select-img img{
	max-width: 100%; 
	max-height: 1.9rem;
	position: relative;z-index: 8;
	transform: scale(1.05);
	transition: all ease  .5s;
}

.product-select .select-swiper .select-item .si-text {
	line-height: 1.33;
	margin-top: .2rem;
	font-family: SourceHanSansCN-Normal;
	color: #666;
}

.product-select .select-swiper .select-item::before {
	content: '';
	display: block;
	height: 1px;
	width: 100%;
	display: block;
	visibility: hidden;
}

.product-select .select-swiper .select-item:hover .si-text {
	color: #116E39;
}

.product-select .select-swiper .select-item:hover .select-img {
	 transform: scale(1.05);
}

.product-select .select-swiper .select-item.active .si-text {
	color: #116E39;
}

/* .product-select .select-swiper .select-item.active .select-img:after {
	content: '';
	display: block;
	width: 1rem;
	height: 1rem;
	background-image: url("../images/pl4.png");
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	left: -.45rem;
	top: -.1rem;
	z-index: 1;
} */

.prod-nav {
	background-color: #ffffffcc;
	width: 1.1rem;
	position: fixed;
	height: fit-content;
	top: 40%;
	margin-top: -10%;
	left: 0;
	z-index: 38;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: .2rem 0;
}

@media (max-width: 800px) {
	.select-pagination{display: block;}
	.product-select .select-swiper .select-item{width: 20%;}
	.prod-nav {
		width: 100%;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		border-radius: 0;
		position: absolute;
		margin-top: 0;
		top: .7rem;
		padding-top: 0.35rem;
	}
}

.prod-nav .pn-item {
	width: .9rem;
	/* font-size: 12px; */
	line-height: 1.3;
	color: #666; 
	text-align: center;
	padding: .1rem 0;
	border-bottom: 1px solid #e1dccb;
	cursor: pointer;
}
.prod-nav .pn-item:last-child{border-bottom: none;}

.prod-nav .pn-item.stuff {
	height: 0;
	visibility: hidden;
	margin: 0;
	padding: 0;
}

@media (max-width: 800px) {
	.prod-nav .pn-item {
		width: 25%;
		padding: .2rem;
		border: none;
	}
}

.prod-nav .pn-item:last-child {
	border-bottom: none;
}

.prod-nav .pn-item.active {
	color: #116E39;
}

.prod-nav .pn-item:hover {
	color: #116E39;
}

.decade {
	width: 100%;
	padding: 1rem 1.6rem;
	background-color: #f9f6f1;
}

@media (max-width: 900px) {
	.decade {
		padding: 1rem .6rem;
	}
}

.decade .title {
	font-family: SourceHanSansCN-Regular;
	color: #333333;
}

.decade .indicator {
	margin-top: .45rem;
	width: 100%;
	display: flex;
	justify-content: space-between;
	position: relative;
	align-items: flex-end;
}

.decade .indicator .selector {
	width: 7rem;
	margin-bottom: -.04rem;
}

@media (max-width: 900px) {
	.decade .indicator .selector {
		width: 50%;
		margin-bottom: -.1rem;
	}
}

.decade .indicator .line {
	width: 100%;
	height: 1px;
	background-color: #e4e1dc;
	position: absolute;
	bottom: 0.13rem;
}

.decade .indicator .year-num {
	font-size: 1rem;
	color: #116E39;
	font-family: D-DIN;
	margin-bottom: .1rem;
}

.decade .indicator .year-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	color: #666;
}

.decade .indicator .year-item .y-num {
	margin-bottom: .13rem;
}

.decade .indicator .year-item .point {
	width: 0.19rem;
	height: 0.19rem;
	background-color: #d0d0d0;
	border-radius: 50%;
	border: solid 0.06rem #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	margin-bottom: 0.08rem;
}

.decade .indicator .year-item.active {
	color: #116E39;
}

.decade .indicator .year-item.active .point {
	background-color: #fff;
	border: #116E39 solid 6px;
}

.decade .indicator .year-item.active .point::before {
	width: 0.29rem;
	height: 0.29rem;
	content: '';
	background-color: #116E39;
	opacity: .1;
	border-radius: 50%;
	position: absolute;
}

.decade .t-timeline {
	width: 100%;
	position: relative;
	margin-top: 1rem;
}

.decade .t-timeline::before {
	content: '';
	display: block;
	position: absolute;
	width: 1px;
	height: 92%;
	left: 50%;
	background-color: #dddddd;
}

@media (max-width: 900px) {
	.decade .t-timeline::before {
		left: 95%;
	}
}

.decade .t-timeline .t-row {
	width: 100%;
	display: flex;
	flex-direction: row;
	position: relative;
}

.decade .t-timeline .t-row.long {
	height: 1.05rem;
}

.decade .t-timeline .t-row .ball {
	width: .2rem;
	height: .2rem;
	border: solid 6px #116E39;
	position: absolute;
	top: .5rem;
	border-radius: 50%;
	z-index: 3;
	right: calc(50% - 0.1rem);
	background-color: #fff;
}

@media (max-width: 900px) {
	.decade .t-timeline .t-row .ball {
		right: calc(5% - 0.12rem);
	}
}

.decade .t-timeline .t-row .ball::before {
	width: 1.6rem;
	height: 1px;
	background-color: #e4e1dc;
	content: '';
	display: block;
	right: .14rem;
	position: absolute;
	top: 0.04rem;
	z-index: 1;
}

.decade .t-timeline .t-row .year-num {
	line-height: 2;
	color: #333;
	font-family: D-DIN;
}

.decade .t-timeline .t-row .info {
	width: 50%;
	padding-left: .7rem;
	display: flex;
	flex-direction: column;
	position: relative;
}

.decade .t-timeline .t-row .info .year {
	color: #116E39;
	font-weight: bold;
}

.decade .t-timeline .t-row .info .dialog {
	min-height: 1rem;
	display: flex;
	flex-direction: column;
}

.decade .t-timeline .t-row .info .dialog .msg {
	background-color: #f2f6fc;
	padding: .4rem .3rem;
	line-height: 1.56;
}

.decade .t-timeline .t-row .info .dialog::before {
	content: '';
	display: block;
	height: 0;
	width: 0;
	border-width: .08rem;
	border-color: transparent transparent #f2f6fc;
	border-style: solid;
	transform: translateX(0.3rem);
}

.decade .t-timeline .t-row .img-text {
	display: flex;
	flex-direction: column;
	width: 5.7rem;
	margin-right: .6rem;
}

@media (max-width: 900px) {
	.decade .t-timeline .t-row .img-text {
		width: 70%;
		margin-bottom: .5rem;
	}
}

.decade .t-timeline .t-row .img-text .tl-img {
	width: 100%;
	height: auto;
	border-radius: .3rem;
	margin-bottom: .31rem;
}

.decade .t-timeline .t-row .img-text .tl-text {
	font-family: SourceHanSansCN-Normal;
	line-height: 1.89;
	color: #666;
}

.decade .t-timeline .t-row:nth-child(2n) {
	flex-direction: row-reverse;
}

.decade .t-timeline .t-row:nth-child(2n) .ball::before {
	width: 1.6rem;
	height: 1px;
	background-color: #e4e1dc;
	content: '';
	display: block;
	left: .14rem;
	position: absolute;
	top: 0.04rem;
	z-index: 1;
}

@media (max-width: 900px) {
	.decade .t-timeline .t-row:nth-child(2n) .ball::before {
		left: unset;
	}
}

.decade .t-timeline .t-row:nth-child(2n) .img-text {
	display: flex;
	flex-direction: column;
	width: 5.7rem;
	margin-left: .6rem;
	margin-right: 0;
}

@media (max-width: 900px) {
	.decade .t-timeline .t-row:nth-child(2n) .img-text {
		width: 70%;
		margin-right: .6rem;
		margin-left: 0;
		margin-bottom: .5rem;
	}
}

.decade .t-timeline .t-row:nth-child(2n) .img-text .tl-img {
	width: 100%;
	height: auto;
	border-radius: .3rem;
	margin-bottom: .31rem;
}

.decade .t-timeline .t-row:nth-child(2n) .img-text .tl-text {
	font-family: SourceHanSansCN-Normal;
	line-height: 1.89;
	color: #666;
}

@media (max-width: 900px) {
	.decade .t-timeline .t-row:nth-child(2n) {
		flex-direction: row;
	}
}

@media (max-width: 900px) {
	.decade .t-timeline {
		margin-top: .5rem;
	}
}

.decade .exp {
	margin-top: .36rem;
	display: flex;
	justify-content: center;
}

.wmb-a {
	width: 100%;
	padding-top: 0.5rem;
	padding-bottom: 0.2rem;
	overflow: hidden;
	background-color: #f9f6f1;
}

.wmb-main {
	width: 14rem;
	margin: 0 auto;
}

@media (max-width: 900px) {
	.wmb-main {
		width: calc(1680/1920*100%);
	}
}

.wmb-top {
	width: 100%;
  /* font-size: 0; */
	padding: 0.2rem 0;
}

.wmb-tip {
	display: inline-block;
	vertical-align: top;
	color: #666;
	line-height: 1.5;
}

.wmb-tip span {
	color: #116E39;
}

.wmb-tr {
	display: inline-block;
	vertical-align: top;
}

.wmb-td {
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.1rem;
	color: #666;
	line-height: 1.5;
}

.wmb-td span {
	color: #116E39;
}

.wmb-cont {
	width: 100%;
  /* font-size: 0; */
}

.wmb-item {
	width: 100%;
	display: block;
	cursor: pointer;
	margin-bottom: 0.35rem;
	padding: 0.3rem 0.25rem;
	border: solid 0.01rem #dcdcdc;
}

.wmb-b {
	width: 100%;
	margin-bottom: 0.25rem;
}

.wmb-name {
	display: inline-block;
	vertical-align: middle;
	max-width: calc(100% - 6em);
	padding-right: 0.1rem;
	font-weight: bold;
	color: #333333;
	line-height: 1.5;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.wmb-name span {
	color: #116E39;
}

.wmb-classify {
	display: inline-block;
	vertical-align: middle;
	width: 6em;
	padding: 0.1rem 0;
	text-align: center;
	background-color: #116E39;
	color: #fff;
}

.wmb-intro {
	color: #888888;
	line-height: 1.7;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.wmb-item:hover {
	border: 0.01rem solid #116E39;
}

.wmb-item:hover .wmb-name {
	color: #116E39;
}

.about-us1 .right {
	padding-bottom: 5.8rem;
	position: relative;
}

.about-us1 .right  .ab-img.img-pc {
	display: block;
	bottom: -1.8rem;
}

.about-us1 .right  .ab-img.img-mobile {
	display: none;
}

.about-us2 .one-img-wrapper .img-pc {
	display: block;
}

.about-us2 .one-img-wrapper .img-mobile {
	display: none;
}

@media (max-width:1200px) {
  .about-us1 .right {
		padding-bottom: 0;
	}
}
@media (max-width: 800px) {
	.about-us1 .right {
		padding-bottom: 0;
	}

	.about-us1 .right  .ab-img.img-pc {
		display: none;
	}

	.about-us1 .right  .ab-img.img-mobile {
		display: block;
	}

	.about-us2 .one-img-wrapper .img-pc {
		display: none;
	}

	.about-us2 .one-img-wrapper .img-mobile {
		display: block;
	}
}


.pd-one{display: none;width: 100%;height: 100%;}
.pd-one.show{display: block;}
