* {
	margin: 0;
	padding: 0;
}

body,
html {
	color: black;
}

body {
	width: 100%;
	height: 100vh;
	overflow-y: scroll;
}

body::-webkit-scrollbar {
	width: 8px;
	height: 8px;
	background: #ececec;
}

body::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background: #c1c1c1;
}

a {
	cursor: pointer;
	text-decoration: none;
}

.main {
	width: 1500px;
	margin: 0 auto;
}

.all-main {
	margin-top: 96px;
}

@font-face {
	font-family: "HarmonyOS_Sans_SC_Black";
	src: url('../font/HarmonyOS_Sans_SC_Black.ttf');
}

@font-face {
	font-family: "HarmonyOS_Sans_SC_Bold";
	src: url('../font/HarmonyOS_Sans_SC_Bold.ttf');
}

@font-face {
	font-family: "HarmonyOS_Sans_SC_Light";
	src: url('../font/HarmonyOS_Sans_SC_Light.ttf');
}

@font-face {
	font-family: "HarmonyOS_Sans_SC_Medium";
	src: url('../font/HarmonyOS_Sans_SC_Medium.ttf');
}

@font-face {
	font-family: "HarmonyOS_Sans_SC_Regular";
	src: url('../font/HarmonyOS_Sans_SC_Regular.ttf');
}

@font-face {
	font-family: "HarmonyOS_Sans_SC_Thin";
	src: url('../font/HarmonyOS_Sans_SC_Thin.ttf');
}

/* header */
.header {
	background: #000000;
	height: 96px;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	padding-bottom: 0.5px;
	transition: all .2s;
	z-index: 999;
}

.header-fixed {
	background: #000000 !important;
}

.header .main {
	height: 100%;
	width: auto;
	padding: 0 50px;
}

.h-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 100%;
}

.logo2 {
	display: none;
}

.h-nav {
	list-style-type: none;
	display: flex;
	align-items: center;
	height: 100%;
}

.h-right {
	display: flex;
	align-items: center;
	height: 100%;
}

.h-fj {
	font-size: 0.83vw;
	color: rgba(255, 255, 255, .3);
	font-family: "HarmonyOS_Sans_SC_Regular";
	margin: 0 37px;
}

.h-a {
	font-size: 0.83vw;
	color: #FFFFFF;
	font-family: "HarmonyOS_Sans_SC_Regular";
	height: 100%;
	display: flex;
	align-items: center;
}

.h-li:hover .h-a {
	color: #008936 !important;
	border-bottom: 2px solid #008936;
}

.h-li {
	margin-right: 60px;
	height: 100%;
}

.h-li:last-child {
	margin-right: 0;
}

.h-ssb {
	display: none;
}

.h-yyb {
	display: none;
}

.h-ss {
	margin-right: 38px;
	cursor: pointer;
}

.h-yy {
	position: relative;
	height: 100%;
	display: flex;
	align-items: center;
}

.h-yyd {
	position: absolute;
	top: 65px;
	background: rgba(0, 0, 0, .5);
	padding: 3px 2px;
	border-radius: 3px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .5);
	transform: translateX(-10px);
	display: none;
}

.h-yyda {
	font-size: 0.83vw;
	color: white;
	font-family: "HarmonyOS_Sans_SC_Regular";
	display: block;
	transition: all .3s;
	padding: 0 6px;
}

.h-yyda:hover {
	background: rgba(0, 0, 0, .6);
	color: white;
	transition: all .3s;
}

.h-yydd {
	border-bottom: 1px solid rgba(0, 0, 0, .2);
}

.h-yydd:last-child {
	border-bottom: none;
}

.header:hover {
	background: white !important;
	border-bottom: 1px solid #E3E3E3;
	transition: all .2s;
}

.header:hover .logo2 {
	display: block;
}

.header:hover .logo1 {
	display: none;
}

.header:hover .h-a {
	color: #333333;
}

.header:hover .h-fj {
	color: rgba(0, 0, 0, .3);
}

.header:hover .h-ssa {
	display: none;
}

.header:hover .h-ssb {
	display: block;
}

.header:hover .h-yya {
	display: none;
}

.header:hover .h-yyb {
	display: block;
}

.header-fixed:hover {
	background: white;
	border-bottom: 1px solid #E3E3E3;
	transition: all .2s;
}

.header-fixed:hover .logo2 {
	display: block;
}

.header-fixed:hover .logo1 {
	display: none;
}

.header-fixed:hover .h-a {
	color: #333333;
}

.header-fixed:hover .h-fj {
	color: rgba(0, 0, 0, .3);
}

.header-fixed:hover .h-ssa {
	display: none;
}

.header-fixed:hover .h-ssb {
	display: block;
}

.header-fixed:hover .h-yya {
	display: none;
}

.header-fixed:hover .h-yyb {
	display: block;
}

.all-container3 .header {
	background: white !important;
	border-bottom: 1px solid #E3E3E3;
	transition: all .2s;
}

.all-container3 .logo2 {
	display: block;
}

.all-container3 .logo1 {
	display: none;
}

.all-container3 .h-a {
	color: #333333;
}

.all-container3 .h-fj {
	color: rgba(0, 0, 0, .3);
}

.all-container3 .h-ssa {
	display: none;
}

.all-container3 .h-ssb {
	display: block;
}

.all-container3 .h-yya {
	display: none;
}

.all-container3 .h-yyb {
	display: block;
}

.h-xl2 {
	padding: 30px 0 !important;
}

.h-xl2 .h-xl-bl-a {
	font-size: 0.83vw;
}

.h-xl {
	padding: 50px 0 60px;
	position: absolute;
	top: 98px;
	left: 0;
	right: 0;
	background: rgba(255, 255, 255, .9);
	box-shadow: 0 3px 3px rgba(0, 0, 0, .1);
	display: none;
	z-index: 999;
}

.h-xl-box {
	display: flex;
	align-items: stretch;
	justify-content: center;
}

.h-xl-box2 .h-xl-bl-a {
	margin: 0 30px;
}

.h-xl-bl {
	align-items: flex-start !important;
}

.h-xl-box33 {
	display: flex;
	align-items: flex-start;
}

.h-xl-box23 {
	font-size: 1.2vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: #727272;
	line-height: 2.4;
	font-weight: bold;
}

.h-xl-bl-t {
	font-size: 1.04vw;
	color: #000000;
	font-family: "HarmonyOS_Sans_SC_Medium";
	line-height: 2.4;
}

.h-xl-bl-a {
	font-size: 1.04vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: #727272;
	line-height: 2.4;
	transition: all .2s;
}

.h-xl-bl-a:hover {
	color: #008936;
	transition: all .2s;
}

.h-xl-bl {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.h-xl-bc {
	width: 1px;
	height: auto;
	background: #E3E3E3;
	margin: 0 120px;
}

.h-xl-br {
	padding-bottom: 45px;
}

.h-xl-br-img {
	margin: 15px 0 25px;
}

.h-xl-br-img img {
	max-width: 100%;
	display: block;
}

.h-xl-br-txt {
	font-size: 0.73vw;
	color: #727272;
	font-family: "HarmonyOS_Sans_SC_Regular";
	padding-left: 22px;
	background-repeat: no-repeat;
	background-position: 0 50%;
	margin-bottom: 22px;
}

.h-xl-br-txt:last-child {
	margin-bottom: 0;
}

.h-li {
	position: relative;
}

.h-xl {
	width: max-content;
	left: 50%;
	transform: translateX(-50%);
	padding: 20px 50px;
}

/* .h-xl::after{content: '';position: absolute;top: -15px;left: 50%;transform: translateX(-50%);border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 15px solid #FFFFFF;} */

/* 移动 */
.m-header {
	display: none;
	background: #000000;
	padding: 0 10%;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99999;
}

.m-header-fixed {
	top: 0;
	transition: all .5s;
	box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}

.m-header-nav {
	display: flex;
	align-items: center;
	height: 60px;
	justify-content: space-between;
}

.m-header-logo img {
	width: 100%;
}

.m-header-logo {
	text-align: left;
	width: 35%;
}

.m-header-box {
	position: fixed;
	top: 60px;
	left: 0;
	right: 0;
	bottom: 0;
	background: white;
	padding: 20px 10%;
	overflow-y: auto;
	display: none;
	z-index: 999;
	border-top: 1px solid rgba(204, 204, 204, .3);
}

.m-header-box-fixed {
	top: 60px;
}

.m-header-ul {
	margin-bottom: 30px;
}

.m-header-ul li {
	padding: 15px 0;
	list-style-type: none;
	border-bottom: 1px solid rgba(204, 204, 204, .3);
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.m-header-ul a {
	font-size: 0.83vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: #008936;
}

.m-header-input {
	display: flex;
	align-items: center;
	margin-bottom: 30px;
}

.m-header-ss {
	height: 50px;
	width: 10%;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(204, 204, 204, .3);
	border-right: none;
}

.m-header-ss img {
	max-width: 100%;
	display: block;
}

.m-header-input input {
	height: 50px;
	width: 90%;
	background: transparent;
	outline: none;
	border: 1px solid rgba(204, 204, 204, .3);
	border-left: none;
	font-size: 14px;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: #008936;
}

.m-header-input input::-webkit-input-placeholder {
	font-size: 14px;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: #008936;
}

.m-header-btn {
	font-size: 18px;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 50px;
	background: #008936;
	margin-bottom: 20px;
}

.m-header-p {
	line-height: 40px;
	font-size: 0.83vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: #008936;
	display: flex;
	align-items: center;
	justify-content: center;
}

.m-header-p a {
	border-bottom: 1px solid white;
	margin-left: 8px;
	color: #008936;
}

.m-header-mbox div {
	padding: 5px 0;
}

.m-header-mbox {
	padding: 10px 0;
}

.m-header-mbox a {
	font-size: 0.73vw !important;
}

.m-header-svg2 {
	display: none;
}

.m-header-ul .on .m-header-svg2 {
	display: block;
}

.m-header-ul .on .m-header-svg1 {
	display: none;
}

.no {
	display: none;
	width: 17px;
}

.no img {
	width: 100%;
	max-width: 100%;
}

.fenlei {
	width: 25px;
}

.fenlei img {
	width: 100%;
	max-width: 100%;
}

.m-box-mbox2 {
	display: flex;
	align-items: center;
	white-space: nowrap;
}

.m-box-mbox2 img {
	margin-right: 5px;
	width: 16px;
	height: 16px;
	width: 100%;
	max-width: 100%;
	display: block;
	margin-bottom: 2px;
}

.m-header-mbox-img {
	width: 13px;
	object-fit: cover;
	margin-right: 5px;
}

/* footer */
.footer {
	background: #1C1E22;
	padding-top: 140px;
}

.f-box {
	padding-bottom: 107px;
	display: grid;
	grid-template-columns: 40% auto;
	align-items: flex-start;
}

.f-l1 {
	margin-bottom: 40px;
}

.f-l1 img {
	max-width: 100%;
	display: block;
}

.f-l2 {
	font-size: 0.73vw;
	color: rgba(255, 255, 255, .3);
	font-family: "HarmonyOS_Sans_SC_Regular";
	line-height: 1;
	margin-bottom: 14px;
}

.f-l3 {
	font-size: 1.35vw;
	color: #FFFFFF;
	font-family: "HarmonyOS_Sans_SC_Medium";
	margin-bottom: 29px;
	line-height: 1;
}

.f-l4 {
	font-size: 0.73vw;
	color: rgba(255, 255, 255, .3);
	font-family: "HarmonyOS_Sans_SC_Regular";
	line-height: 1;
	margin-bottom: 14px;
}

.f-l5 {
	font-size: 0.83vw;
	color: #FFFFFF;
	font-family: "HarmonyOS_Sans_SC_Regular";
	line-height: 1;
	margin-bottom: 62px;
}

.f-l6 {
	display: flex;
	align-items: center;
}

.f-l-img {
	max-width: 100%;
	display: block;
}

.f-l-a {
	margin-right: 20px;
}

.f-r {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.f-r-bt {
	margin-bottom: 31px;
	font-size: 0.94vw;
	color: #FFFFFF;
	font-family: "HarmonyOS_Sans_SC_Medium";
	line-height: 1;
}

.f-r-ul {
	list-style-type: none;
}

.f-r-li {
	margin-bottom: 15px;
	text-align: left;
}

.f-r-a {
	font-size: 0.83vw;
	color: rgba(255, 254, 254, .3);
	font-family: "HarmonyOS_Sans_SC_Regular";
}

.f-r-a:hover {
	color: #FFFFFF;
}

.f-bottom {
	padding: 25px 0;
	border-top: 1px solid rgba(255, 255, 255, .1);
}

.f-bottom-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 0.73vw;
	color: rgba(255, 255, 255, .2);
	font-family: "HarmonyOS_Sans_SC_Regular";
}

.f-bottom-box a {
	font-size: 0.73vw;
	color: rgba(255, 255, 255, .2);
	font-family: "HarmonyOS_Sans_SC_Regular";
}

.right-fixed {
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
	right: 50px;
	z-index: 999;
}

.right-fixed-box {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.right-fixed-box img {
	max-width: 100%;
	display: block;
}

.right-fixed-a {
	margin-bottom: 0.83vw;
}

.right-fixed-a:last-child {
	margin-bottom: 0;
}

/* banner */
.banner {
	position: relative;
}

.banner-img img {
	width: 100%;
	max-width: 100%;
	display: block;
	height: calc(100vh - 96px);
	object-fit: cover;
}

.banner-img video {
	width: 100%;
	max-width: 100%;
	display: block;
	height: calc(100vh - 96px);
	object-fit: cover;
}

.banner-lunbo .swiper-slide-active {
	z-index: 6;
}

/* 进度条 */
.banner-lunbo .swiper-pagination {
	left: 50%;
	transform: translateX(-50%);
	bottom: 5%;
}

.banner-lunbo .swiper-pagination-bullet {
	position: relative;
	margin: 0 0.15rem;
	cursor: pointer;
	background: none;
	width: auto;
	height: auto;
	opacity: 1;
	border: none;
}

.banner-lunbo .swiper-pagination-bullet svg {
	display: block;
	width: 28px;
	height: 28px;
	position: relative;
	z-index: 5;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}

.banner-lunbo .swiper-pagination-bullet svg circle {
	stroke-width: 2px;
	stroke: #008936;
	stroke-dasharray: 300%;
	stroke-dashoffset: 300%;
	transition: stroke-dashoffset 0.6s ease-out;
	-webkit-transition: stroke-dashoffset 0.6s ease-out;
	-moz-transition: stroke-dashoffset 0.6s ease-out;
	-o-transition: stroke-dashoffset 0.6s ease-out;
	-ms-transition: stroke-dashoffset 0.6s ease-out;
}

.banner-lunbo .swiper-pagination-bullet span {
	position: absolute;
	z-index: 4;
	top: 0;
	left: 0;
	width: 28px;
	height: 28px;
	border: 2px solid transparent;
	border-radius: 50%;
	box-sizing: border-box;
	transition: border-color 0.3s ease-out;
	-webkit-transition: border-color 0.3s ease-out;
	-moz-transition: border-color 0.3s ease-out;
	-o-transition: border-color 0.3s ease-out;
	-ms-transition: border-color 0.3s ease-out;
}

.banner-lunbo .swiper-pagination-bullet span:after {
	content: "";
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #fff;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.banner-lunbo .swiper-pagination-bullet-active span:after {
	background-color: #008936;
}

.banner-lunbo .swiper-pagination-bullet-active svg circle {
	stroke-dashoffset: 0;
	transition: stroke-dashoffset 5s ease-out;
	-webkit-transition: stroke-dashoffset 5s ease-out;
	-moz-transition: stroke-dashoffset 5s ease-out;
	-o-transition: stroke-dashoffset 5s ease-out;
	-ms-transition: stroke-dashoffset 5s ease-out;
}

.banner-lunbo .swiper-pagination-bullet-active span {
	border-color: transparent;
}

.banner-box {
	position: relative;
}

.banner-title {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 9%;
}

.banner-t1 {
	margin-bottom: 38px;
}

.banner-t1 img {
	max-width: 100%;
	display: block;
}

.banner-t2 {
	font-size: 2.19vw;
	color: #FEFEFE;
	font-family: "HarmonyOS_Sans_SC_Light";
	line-height: 1;
	margin-bottom: 21px;
	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 360px;
}

.banner-t3 {
	font-size: 0.83vw;
	color: rgba(254, 254, 254, .6);
	font-family: "HarmonyOS_Sans_SC_Medium";
	line-height: 1;
	margin-bottom: 79px;
	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 360px;
}

.allbtn {
	padding: 20px 27px;
	background: #008936;
	color: #FFFFFF;
	display: inline-block;
	font-size: 0.83vw;
	color: #FFFFFF;
	font-family: "HarmonyOS_Sans_SC_Medium";
	line-height: 1;
}

.allbtn img {
	max-width: 100%;
	display: block;
	margin-left: 24px;
	display: inline-flex;
	align-items: center;
	transition: all .5s;
}

.allbtn:hover img {
	transform: translateX(5px);
	transition: all .5s;
}

.banner-title2 {
	position: absolute;
	top: 25%;
	left: 50%;
	transform: translateX(-50%);
}

.banner-t4 {
	font-size: 3.13vw;
	color: #FFFFFF;
	font-family: "HarmonyOS_Sans_SC_Bold";
	margin-bottom: 18px;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 1000px;
}

.banner-t5 {
	font-size: 1.04vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: rgba(255, 255, 255, .8);
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 1000px;
}

/* w01 */
.w01 {
	padding: 100px 0;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.w01 .main {
	width: 100%;
	max-width: 100%;
}

.toptitle {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: flex-start;
	margin-bottom: 60px;
}

.toptitle-l {
	padding-left: 10%;
}

.toptitle-lt {
	font-size: 1.88vw;
	color: #000000;
	font-family: "HarmonyOS_Sans_SC_Bold";
	line-height: 1;
	margin-bottom: 18px;
}

.toptitle-lb {
	font-size: 0.83vw;
	color: #8B8B8B;
	font-family: "HarmonyOS_Sans_SC_Regular";
}

.toptitle-r {
	text-align: right;
}

.toptitle-r .allbtn {
	background: transparent;
	border: 1px solid #c7c8cb;
	color: #8f8f91;
	position: relative;
	transition: all .5s;
	z-index: 1;
	display: inline-flex;
	align-content: center;
}

.toptitle-r .allbtn:before {
	content: '';
	width: 0;
	background: #008936;
	z-index: -1;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	transition: all .5s;
}

.toptitle-r .allbtn:hover::before {
	width: 100%;
	transition: all .5s;
}

.toptitle-r .allbtn:hover {
	color: #FFFFFF;
	transition: all .5s;
	border-color: transparent;
}

.toptitle-allimg {
	display: flex;
	align-items: center;
	justify-content: center;
}

.toptitle-r .allbtn .toptitle-img1 {
	display: none;
}

.toptitle-r .allbtn:hover .toptitle-img1 {
	display: block;
	transform: none;
}

.toptitle-r .allbtn:hover .toptitle-img2 {
	display: none;
	transform: none;
}

.w01-box {
	display: grid;
	gap: 30px;
}

.w01-b {
	position: relative;
	overflow: hidden;
}

.w01-b:hover .w01-img {
	transform: scale(1.1);
	transition: all .5s;
}

.w01-b:hover .allbtn img {
	transform: translateX(5px);
	transition: all .5s;
}

.w01-img {
	width: 100%;
	max-width: 100%;
	height: 400px;
	object-fit: cover;
	display: block;
	transition: all .5s;
}

.w01-b-txt {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0 50% 0 5%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

.w01-b-txt1 {
	font-size: 1.67vw;
	color: #FFFFFF;
	font-family: "HarmonyOS_Sans_SC_Bold";
	line-height: 1;
	padding-bottom: 22px;
	margin-bottom: 38px;
	position: relative;
	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 300px;
}

.w01-b-txt1::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	height: 2px;
	width: 52px;
	background: #008936;
}

.w01-b-txt2 {
	font-size: 0.83vw;
	color: rgba(254, 254, 254, .6);
	line-height: 1.8;
	text-align: left;
	margin-bottom: 80px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	max-width: 302px;
}

/* w02 */
.w02-img {
	width: 100%;
	max-width: 100%;
	display: block;
	height: 965px;
	object-fit: cover;
}

/* 进度条 */
.w02 {
	position: relative;
	max-height: 965px;
}

.w02-nav {
	position: absolute;
	bottom: 13%;
	z-index: 9;
	left: 50%;
	transform: translateX(-50%);
}

.w02-nav::after {
	content: '';
	background: #FFFFFF;
	height: 1px;
	position: absolute;
	top: 50%;
	left: 0;
	right: 97px;
	z-index: -1;
}

.w02-lunbo .swiper-pagination {
	background: #FFFFFF;
	height: 0px;
	position: initial;
}

.w02-lunbo .swiper-pagination-progressbar-fill {
	background: #008936;
	height: 1px;
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	transform-origin: left top;
}

.w02-nav-button {
	width: 10px;
	height: 10px;
	background: #FFFFFF;
	border-radius: 50%;
	margin-left: 24.1%;
	cursor: pointer;
	position: relative;
}

.w01-nav-title {
	position: absolute;
	bottom: -59px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 0.83vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: #FFFFFF;
	white-space: nowrap;
}

.w02-nav .main {
	display: grid;
	grid-template-columns: auto 97px;
	gap: 304px;
	align-items: center;
}

.w02-nav-l {
	position: relative;
	width: 100%;
}

.w02-nav-l::after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 10px;
	height: 10px;
	background: #008936;
	border-radius: 50%;
}

.w02-nav-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
}

.w02-nav-btn .on {
	position: relative;
}

.w02-nav-btn .on::after {
	content: '';
	width: 10px;
	height: 10px;
	background: transparent;
	border: 11px solid #008936;
	position: absolute;
	border-radius: 50%;
	transform-origin: center center;
	top: -11px;
	left: -11px;
}

.w02-lunbo .swiper-button-prev,
.w02-lunbo .swiper-button-next {
	position: initial;
	left: auto;
	right: auto;
	top: auto;
	bottom: auto;
	margin: 0;
}

.w02-nav-r {
	display: flex;
	align-items: center;
	width: 100%;
}

.w02-title {
	position: absolute;
	top: 20%;
	left: 0;
	right: 0;
	bottom: 0;
}

.w02-title1 {
	font-size: 1.88vw;
	color: #000000;
	font-family: "HarmonyOS_Sans_SC_Bold";
	margin-bottom: 18px;
	line-height: 1;
	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 720px;
}

.w02-title2 {
	font-size: 0.83vw;
	color: #727272;
	font-family: "HarmonyOS_Sans_SC_Regular";
	margin-bottom: 79px;
	line-height: 1;
	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 720px;
}

.w02-title3 {
	font-size: 1.46vw;
	color: #333333;
	font-family: "HarmonyOS_Sans_SC_Medium";
	margin-bottom: 30px;
	line-height: 1;
	text-align: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	max-width: 720px;
}

.w02-title4 {
	font-size: 0.83vw;
	color: #727272;
	font-family: "HarmonyOS_Sans_SC_Regular";
	margin-bottom: 79px;
	line-height: 1.8;
	max-width: 720px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	text-align: left;
}

.w02-lunbo .swiper-button-next {
	margin-left: 30px;
}

/* w03 */
.w03-box {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: stretch;
}

.w03-br {
	overflow: hidden;
}

.w03-br:hover img {
	transform: scale(1.1);
	transition: all .5s;
}

.w03-br img {
	width: 100%;
	max-width: 100%;
	display: block;
	transition: all .5s;
}

.w03-bl {
	padding-left: 10%;
	padding-right: 3%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	overflow: hidden;
}

.w03-bl-img {
	position: absolute;
	top: 35%;
	left: 0;
	right: 0;
	z-index: 0;
	pointer-events: none;
}

.w03-bl-img img {
	width: 100%;
	max-width: 100%;
	display: block;
}

.w03-bl1 {
	font-size: 1.88vw;
	color: #000000;
	font-family: "HarmonyOS_Sans_SC_Bold";
	line-height: 1;
	margin-bottom: 30px;
	text-align: left;
	max-width: 760px;
	position: relative;
	z-index: 2;
}

.w03-bl2 {
	font-size: 1.09vw;
	color: #008936;
	font-family: "HarmonyOS_Sans_SC_Regular";
	line-height: 1;
	margin-bottom: 0;
	text-align: left;
	max-width: 720px;
	position: relative;
	z-index: 2;
}

.w03-bl3 {
	font-size: 0.83vw;
	color: #8B8B8B;
	font-family: "HarmonyOS_Sans_SC_Regular";
	line-height: 1.8;
	margin-bottom: 45px;
	text-align: justify;
	max-width: 720px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	position: relative;
	z-index: 2;
}

.w03-bl .toptitle-r {
	text-align: left;
}

/* w04 */
.w04 {
	height: 180px;
	background: #000000;
}

.w04 .main {
	height: 100%;
}

.w04-box {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	align-items: center;
	height: 100%;
}

.w04-b {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 100%;
	justify-content: center;
}

.w04-b::after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 40px;
	background: rgba(255, 255, 255, .3);
}

.w04-b:last-child::before {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
	height: 40px;
	background: rgba(255, 255, 255, .3);
}

.w04-b1 {
	font-size: 0.73vw;
	color: #FFFFFF;
	font-family: "HarmonyOS_Sans_SC_Regular";
	line-height: 1;
	margin-bottom: 13px;
	text-align: left;
	display: flex;
	align-items: flex-end;
}

.w04-b1g {
	font-size: 1.88vw;
	color: #FFFFFF;
	font-family: "HarmonyOS_Sans_SC_Bold";
	line-height: 1;
	margin-right: 5px;
}

.w04-b2 {
	font-size: 0.73vw;
	color: #8B8B8B;
	font-family: "HarmonyOS_Sans_SC_Regular";
	line-height: 1;
	text-align: center;
}

.w04-b:hover {
	background: #008936;
	transition: all .5s;
}

.w04-b:hover .w04-b2 {
	color: white;
	transition: all .5s;
}

/* w05 */
.w05-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.w05 {
	padding: 0 5% 0 5%;
}

.w05-b {
	width: calc((100% - 60px)/3);
	transition: all .8s;
	margin: 0 30px 0 0;
}

.w05-b:last-child {
	margin: 0;
}

.w05-b:hover {
	width: 55%;
	transition: all .8s;
}

.w05-bt {
	overflow: hidden;
	position: relative;
	height: 360px;
}

.w05-bt img {
	width: 100%;
	max-width: 100%;
	display: block;
	transition: all .5s;
	height: 100%;
	object-fit: cover;
}

.w05-bt-time {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 18px 56px 18px 26px;
	background-image: url(../images/img21.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	font-size: 0.83vw;
	font-family: "HarmonyOS_Sans_SC_Medium";
	color: #FFFFFF;
	line-height: 1;
	transition: all .5s;
}

.w05-bb {
	padding: 40px 30px 30px;
	background: #FFFFFF;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.08);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.w05-bbt {
	font-size: 1.04vw;
	color: #000000;
	font-family: "HarmonyOS_Sans_SC_Regular";
	line-height: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.w05-bbb {
	font-size: 0.73vw;
	color: #969696;
	font-family: "HarmonyOS_Sans_SC_Regular";
	line-height: 2;
	background-image: url(../images/img22.png);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	transition: all .5s;
	padding-right: 30px;
}

.w05-b:hover .w05-bt-time {
	background-image: url(../images/img21-1.png);
	transition: all .5s;
}

.w05-b:hover .w05-bbb {
	background-image: url(../images/img22-1.png);
	transition: all .5s;
}

.w05-b:hover .w05-bt img {
	transform: scale(1.1);
	transition: all .5s;
}

.w05-bb {
	height: 230px;
}

.w05-bbt {
	min-height: 100px;
}

.w05-bb .w29-bb7 {
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

/* banner-nav */
.all-container2 .header {
	background: transparent;
}

.all-container2 .header:hover {
	background: #FFFFFF;
}

.banner-nav-img img {
	width: 100%;
	max-width: 100%;
	display: block;
}

.banner-nav-img {
	position: relative;
}

.banner-nav-txt {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
}

.banner-nav-txt1 {
	font-size: 2.50vw;
	color: #FEFEFE;
	line-height: 1;
	font-family: "HarmonyOS_Sans_SC_Medium";
	margin-bottom: 25px;
}

.banner-nav-txt2 {
	font-size: 0.83vw;
	color: #FFFFFF;
	line-height: 1;
	font-family: "HarmonyOS_Sans_SC_Regular";
}

.banner-nav-box {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
}

.banner-nav-box2 {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: center;
}

.banner-nav-box3 {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: center;
}

.banner-nav-box5 {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	align-items: center;
}

.banner-nav-box9 {
	display: grid;
	grid-template-columns: repeat(9, minmax(0, 1fr));
	align-items: center;
}

.banner-nav-b {
	background: rgba(0, 0, 0, .3);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.banner-nav-b a {
	font-size: 0.83vw;
	color: #FFFFFF;
	font-family: "HarmonyOS_Sans_SC_Regular";
	text-align: center;
	display: block;
	padding: 36px 0;
}

.banner-nav-b:hover {
	background-image: url(../images/img44.png);
}

.banner-nav-box .on {
	background-image: url(../images/img44.png);
}

.banner-nav-b {
	border-left: 1px solid rgba(255, 255, 255, .1);
}

.banner-nav-b:first-child {
	border-left: none;
}

/* w6 */
.w6 {
	padding: 120px 0;
}

.w6-box {
	display: grid;
	/* grid-template-columns: 20% auto; */
	grid-template-columns: 15% auto;
	/* gap: 100px; */
	gap: 50px;
	align-items: flex-start;
}

.w6-bl-1 {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding: 22px 35px;
}

.w6-bl-1t {
	font-size: 1.15vw;
	color: #FFFFFF;
	font-family: "HarmonyOS_Sans_SC_Bold";
	line-height: 1;
	text-align: left;
	margin-bottom: 8px;
}

.w6-bl-1b {
	font-size: 0.73vw;
	color: rgba(255, 255, 255, .6);
	font-family: "HarmonyOS_Sans_SC_Regular";
	text-align: left;
	line-height: 1;
}

.w6-bl-2bt {
	padding: 24px 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 0.94vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: #8B8B8B;
	background: rgba(220, 221, 221, .2);
	border-bottom: 1px solid rgba(220, 221, 221, .4);
}

.w6-bl-2b:last-child .w6-bl-2bt {
	border-color: transparent;
}

.w6-bl-2bbb {
	padding: 14px 30px;
}

.w6-bl-2bbb a {
	display: flex;
	align-items: center;
	width: fit-content;
}

.w6-input-txt {
	margin-left: 12px;
	font-size: 0.83vw;
	color: #8B8B8B;
	font-family: "HarmonyOS_Sans_SC_Regular";
}

.w6-input {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	height: 18px;
	border: 1px solid #CCCCCC;
	border-radius: 50%;
}

.w6-bl-2bb .on .w6-input {
	background: #008936;
	border-color: #008936;
}

.w6-bl-2bb .on .w6-input-txt {
	color: #008936;
}

.w6-bl-2 .on .w6-bl-2bt .w6-input-txt {
	color: #008936;
}

.w6-bl-2bbb4 .w6-input {
	background: transparent !important;
	border-color: #CCCCCC !important;
}

.w6-bl-2bbb4 .w6-input-txt {
	color: #8B8B8B !important;
}

.w6-bl-2bbb4 .on .w6-input {
	background: #008936 !important;
	border-color: #008936 !important;
}

.w6-bl-2bbb4 .on .w6-input-txt {
	color: #008936 !important;
}

.w6-bl-2bb .on .w6-bl-2bbb3 {
	color: #000000;
	font-family: "HarmonyOS_Sans_SC_Medium";
}

.w6-bl-2bb {
	display: none;
	margin-top: 14px;
}

.w6-bl-2bbb4 {
	display: none;
	margin-top: 14px;
}

.w6-bl-2bbb3 {
	cursor: pointer;
	padding: 24px 30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 0.94vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: #8B8B8B;
}

.w6-bl-2bbb2 {
	border-bottom: 1px solid rgba(220, 221, 221, .4);
}

.w6-bl-2bbb2:last-child {
	border-bottom: none;
}

.w6-bl-2 .on .w6-bl-2bt {
	color: #000000;
	font-family: "HarmonyOS_Sans_SC_Medium";
}

.w6-bl-2 .on .w6-bl-2bt {
	border-color: transparent;
}


.w6-bl-2bt:hover {
	color: #000000;
	font-family: "HarmonyOS_Sans_SC_Medium";
	cursor: pointer;
}


.w6-table {
	border: 1px solid #E2E2E2;
}


.w6-table td {
	border-right: 1px solid #E2E2E2;
	border-bottom: 1px solid #E2E2E2;
	/* width: 20%; */
	text-align: left;
	font-size: 0.73vw;
	color: #727272;
	font-family: "HarmonyOS_Sans_SC_Regular";
	/* padding: 22px; */
	padding: 10px;
}


.w6-table a {
	/* font-size: 0.83vw; */
	font-size: 0.73vw;
	color: #727272;
	font-family: "HarmonyOS_Sans_SC_Regular";
	display: block;
}

.w6-table tr:last-child td {
	border-bottom: none;
}

.w6-table tr:first-child td {
	font-size: 0.94vw;
	color: #008936;
	font-family: "HarmonyOS_Sans_SC_Medium";
	text-align: center;
	padding: 32px 0;
}

.w6-timg {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.w6-timg img {
	margin-bottom: 18px;
}

.w6-table tr:nth-child(2n) {
	background: rgba(255, 255, 255, 1);
}

.w6-table tr {
	background: rgba(220, 221, 221, 0.1);
}

.w6-table tr:first-child {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	/* background: #FFFFFF; */
}

/* mulu */
.mulu {
	padding: 27px 0;
	background: rgba(220, 221, 221, .2);
	margin-top: 96px;
}

.muli-box {
	display: flex;
	align-items: flex-end;
	font-size: 0.73vw;
	color: #8B8B8B;
	font-family: "HarmonyOS_Sans_SC_Regular";
}

.muli-box img {
	margin-right: 9px;
	max-width: 100%;
	display: block;
}

.muli-box a {
	font-size: 0.73vw;
	color: #8B8B8B;
	font-family: "HarmonyOS_Sans_SC_Regular";
	display: flex;
	align-items: flex-end;
}

/* w7 */
.w7 {
	padding-top: 120px;
	background-size: cover;
	background-repeat: no-repeat;
	background-size: cover;
}

.w7-box {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 30px;
}

.w7-bl {
	position: relative;
}

.w7-bl .swiper-pagination {
	left: 50%;
	transform: translateX(-50%);
	bottom: 120px;
}

.w7-bl .swiper-pagination-bullet {
	position: relative;
	margin: 0 0.15rem;
	cursor: pointer;
	background: none;
	width: auto;
	height: auto;
	opacity: 1;
	border: none;
}

.w7-bl .swiper-pagination-bullet svg {
	display: block;
	width: 28px;
	height: 28px;
	position: relative;
	z-index: 5;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}

.w7-bl .swiper-pagination-bullet svg circle {
	stroke-width: 2px;
	stroke: #008936;
	stroke-dasharray: 300%;
	stroke-dashoffset: 300%;
	transition: stroke-dashoffset 0.6s ease-out;
	-webkit-transition: stroke-dashoffset 0.6s ease-out;
	-moz-transition: stroke-dashoffset 0.6s ease-out;
	-o-transition: stroke-dashoffset 0.6s ease-out;
	-ms-transition: stroke-dashoffset 0.6s ease-out;
}

.w7-bl .swiper-pagination-bullet span {
	position: absolute;
	z-index: 4;
	top: 0;
	left: 0;
	width: 28px;
	height: 28px;
	border: 2px solid transparent;
	border-radius: 50%;
	box-sizing: border-box;
	transition: border-color 0.3s ease-out;
	-webkit-transition: border-color 0.3s ease-out;
	-moz-transition: border-color 0.3s ease-out;
	-o-transition: border-color 0.3s ease-out;
	-ms-transition: border-color 0.3s ease-out;
}

.w7-bl .swiper-pagination-bullet span:after {
	content: "";
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #CCCCCC;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.w7-bl .swiper-pagination-bullet-active span:after {
	background-color: #008936;
}

.w7-bl .swiper-pagination-bullet-active svg circle {
	stroke-dashoffset: 0;
	transition: stroke-dashoffset 5s ease-out;
	-webkit-transition: stroke-dashoffset 5s ease-out;
	-moz-transition: stroke-dashoffset 5s ease-out;
	-o-transition: stroke-dashoffset 5s ease-out;
	-ms-transition: stroke-dashoffset 5s ease-out;
}

.w7-bl .swiper-pagination-bullet-active span {
	border-color: transparent;
}

.w7-lunbo-img {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 200px;
	min-height: 366px;
}

.w7-lunbo-img img {
	max-width: 100%;
	display: block;
}

.w7-br1 {
	font-size: 2.50vw;
	color: #000000;
	font-family: "HarmonyOS_Sans_SC_Bold";
	line-height: 0.8;
	padding-bottom: 30px;
	margin-bottom: 30px;
	position: relative;
}

.w7-br1::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 52px;
	height: 2px;
	background: #008936;
}

.w7-br2 {
	font-size: 1.15vw;
	color: #008936;
	font-family: "HarmonyOS_Sans_SC_Medium";
	margin-bottom: 40px;
}

.w7-br4 {
	font-size: 0.83vw;
	color: #8B8B8B;
	font-family: "HarmonyOS_Sans_SC_Regular";
}

.w7-b-img {
	margin-right: 10px;
	min-width: 8px;
	margin-top: 3px;
}

.w7-br4 {
	display: flex;
	align-items: flex-start;
	margin-bottom: 10px;
}

.w7-br4:last-child {
	margin-bottom: 0;
}

.w7-br3 {
	margin-bottom: 50px;
}

.w7-br5 {
	display: flex;
	align-items: center;
}

.w7-br5 img {
	margin-right: 20px;
	transition: all .5s;
}

.w7-br5 img:hover {
	transform: scale(0.8);
	transition: all .5s;
}

/* w8 */
.w8 {
	padding: 120px 0;
}

.w8-top {
	display: flex;
	align-items: flex-start;
	margin-bottom: 60px;
	border-bottom: 1px solid rgba(220, 221, 221, .2);
}

.w8-top-btn {
	margin-right: 70px;
}

.w8-top-btn:last-child {
	margin-right: 0;
}

.w8-top-a {
	font-size: 0.94vw;
	color: #333333;
	font-family: "HarmonyOS_Sans_SC_Regular";
	border-bottom: 1px solid transparent;
	padding: 0 25px 23px;
	display: block;
}

.w8-top-a:hover {
	color: #008936;
	border-color: #008936;
}

.w8-top .on .w8-top-a {
	color: #008936;
	border-color: #008936;
}

/*.w8-bottom{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));margin-bottom: 60px;}*/
.w8-bottom {
	margin-bottom: 60px;
	line-height: 2.2;
}

.w8-b {
	display: flex;
	align-items: stretch;
	width: 100%;
	border: 1px solid #E2E2E2;
}

.w8-b:last-child .w8-br {
	border-right: 1px solid #E2E2E2;
}

.w8-b:first-child .w8-br {
	border-right: none !important;
}

.w8-bl {
	padding: 18px 40px;
	font-size: 0.83vw;
	color: #333333;
	font-family: "HarmonyOS_Sans_SC_Regular";
	text-align: left;
	background: rgba(220, 221, 221, 0.2);
	width: 30%;
	border-right: 1px solid #E2E2E2;
}

.w8-br {
	padding: 18px 50px;
	font-size: 0.83vw;
	color: #8B8B8B;
	font-family: "HarmonyOS_Sans_SC_Regular";
	text-align: left;
	width: 70%;
}

/* w9 */
.w9-box {
	border: 1px solid #E2E2E2;
}

.w9-b {
	display: grid;
	grid-template-columns: 11.8% 17.6% 17.6% 17.6% 17.6% auto;
	align-items: stretch;
	border: 1px solid #E2E2E2;
}

.w9-bb {
	background: rgba(220, 221, 221, 0.2);
	border-right: 2px solid #E2E2E2;
	padding: 18px 50px;
	font-size: 0.83vw;
	color: #8B8B8B;
	font-family: "HarmonyOS_Sans_SC_Regular";
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	line-height: 1.35vw;
}

.w9-bb:last-child {
	border-right: none;
}

.w9-bb:first-child {
	padding: 18px 40px;
	font-size: 0.83vw;
	color: #333333;
	font-family: "HarmonyOS_Sans_SC_Regular";
	align-items: center;
}

.w9-bb:nth-child(2n) {
	background: #FFFFFF;
}

.w9-b2 {
	grid-template-columns: 11.8% auto;
}

/* w10 */
.w10 {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.w10-box {
	padding-top: 120px;
}

.w10-box {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.w10-bl {
	padding-right: 130px;
	margin-top: 40px;
}

.w10-br {
	padding-right: 60px;
}

.w10-br img {
	width: 100%;
	max-width: 100%;
	display: block;
}

.w10-b1 {
	font-size: 1.88vw;
	color: #000000;
	font-family: "HarmonyOS_Sans_SC_Bold";
	line-height: 1;
	padding-bottom: 30px;
	margin-bottom: 30px;
	position: relative;
}

.w10-b1::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 52px;
	height: 2px;
	background: #008936;
}

.w10-b2 {
	font-size: 1.15vw;
	color: #008936;
	font-family: "HarmonyOS_Sans_SC_Medium";
	margin-bottom: 38px;
}

.w10-b3 {
	font-size: 0.83vw;
	color: #8B8B8B;
	font-family: "HarmonyOS_Sans_SC_Regular";
	line-height: 1.75;
}

/* w11 */
.w11-txt {
	padding-top: 40px;
	width: calc(45% - 100px);
}

.w11-txt1 {
	font-size: 1.88vw;
	color: #000000;
	font-family: "HarmonyOS_Sans_SC_Bold";
	line-height: 1;
	margin-bottom: 16px;
}

.w11-txt2 {
	font-size: 0.94vw;
	color: #727272;
	font-family: "HarmonyOS_Sans_SC_Regular";
	margin-bottom: 60px;
}

.w11-txt3 {
	font-size: 0.83vw;
	color: #8B8B8B;
	font-family: "HarmonyOS_Sans_SC_Regular";
	line-height: 1.75;
}

.w11-img {
	width: 55%;
	overflow: hidden;
}

.w11-img:hover img {
	transform: scale(1.2);
	transition: all .7s;
}

.w11-img img {
	width: 100%;
	max-width: 100%;
	display: block;
	transition: all .7s;
}

.w11-bb {
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}

.w11-b {
	padding: 120px 0;
}

.w11-b:nth-child(2n) {
	background: rgba(220, 221, 221, .2);
}

.w11-b:nth-child(2n) .w11-bb {
	flex-direction: row-reverse;
}

.w11-txt3 strong {
	color: #333333;
}

/* w12 */
.w12 {
	padding: 120px 0;
}

.w12-title {
	margin-bottom: 50px;
}

.w12-title1 {
	font-size: 1.88vw;
	color: #000000;
	font-family: "HarmonyOS_Sans_SC_Bold";
	margin-bottom: 16px;
	text-align: center;
}

.w12-title2 {
	font-size: 0.94vw;
	color: #727272;
	font-family: "HarmonyOS_Sans_SC_Regular";
	text-align: center;
}

.w12-nav {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding: 30px 0;
	border-bottom: 1px solid #E2E2E2;
}

.w12-nav:last-child {
	border-bottom: none;
}

.w12-nav1 {
	font-size: 1.04vw;
	color: #333333;
	font-family: "HarmonyOS_Sans_SC_Medium";
	margin-right: 40px;
	min-width: 70px;
}

.w12-a {
	display: flex;
	align-items: center;
	margin-right: 60px;
}

.w12-a:last-child {
	margin-right: 0;
}

.w12-input {
	width: 18px;
	height: 18px;
	border: 1px solid #CCCCCC;
	border-radius: 50%;
	margin-right: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.w12-input-txt {
	font-size: 0.83vw;
	color: #8B8B8B;
	font-family: "HarmonyOS_Sans_SC_Regular";
}

.w12-nav .on .w12-input {
	background: #008936;
	border-color: #008936;
}

.w12-nav .on .w12-input-txt {
	color: #008936;
}

.w12-f {
	width: 300px;
	border: 1px solid #E2E2E2;
	border-radius: 29px;
	padding: 20px 40px;
}

.w12-f {
	display: flex;
	align-items: center;
}

.w12-fl {
	margin-right: 10px;
}

.w12-fr {
	width: -webkit-fill-available;
	outline: none;
	border: none;
	font-size: 0.83vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: #8B8B8B;
}

.w12-fr::-webkit-input-placeholder {
	font-size: 0.83vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: #8B8B8B;
}

.w12-box {
	margin-bottom: 50px;
}

.w12-b .w12-bb:first-child {
	background: rgba(220, 221, 221, 0.2);
	border-bottom: none;
}

.w12-b .w12-bb:first-child .w12-bbb {
	font-size: 0.94vw;
	color: #333333;
}

.w12-bbb {
	font-size: 0.83vw;
	color: #727272;
	font-family: "HarmonyOS_Sans_SC_Regular";
}

.w12-bb {
	display: grid;
	grid-template-columns: 35% 14% 19% 14% 10% auto;
	padding: 26px 40px;
	align-items: center;
	border-bottom: 1px solid #E2E2E2;
}

.w12-bbb:last-child {
	text-align: right;
}

/* w13 */
.w13 {
	background: rgba(220, 221, 221, .2);
	padding: 120px 0;
}

.w13-b-img2 {
	display: none;
}

.w13-bb {
	padding: 30px 40px;
	border-bottom: 1px solid #E2E2E2;
}

.w13-b {
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
}

.w13-b1 {
	margin-right: 20px;
	min-width: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 28px;
}

.w13-b2 {
	width: -webkit-fill-available;
}

.w13-b3 {
	min-width: 19px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 10px;
}

.w13-b4 {
	display: flex;
	align-items: center;
	width: -webkit-fill-available;
}

.w13-btxt {
	margin-top: 24px;
	display: none;
}

.w13-btxt .w13-b4 {
	align-items: flex-start;
}

.w13-b2 {
	font-size: 0.83vw;
	color: #727272;
	font-family: "HarmonyOS_Sans_SC_Regular";
	line-height: 1.76
}

.w13-box .on .w13-b-img2 {
	display: block;
}

.w13-box .on .w13-b-img1 {
	display: none;
}

.w13-box .on .w13-b2-red {
	color: #008936;
}

.w13-b:hover .w13-b2-red {
	color: #008936;
}

/* w14 */
.w14 {
	padding: 120px 0;
}

.w14-b {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 50px 0;
}

.w14-bb1 {
	font-size: 1.25vw;
	color: #333333;
	font-family: "HarmonyOS_Sans_SC_Regular";
	margin-bottom: 33px;
}

.w14-bb2 {
	font-size: 0.83vw;
	color: #727272;
	font-family: "HarmonyOS_Sans_SC_Regular";
	margin-bottom: 30px;
}

.w14-bb2:last-child {
	margin-bottom: 0;
}

.w14-bb {
	padding: 0 calc((100% - 250px) / 2);
}

.w14-bbb {
	border-left: 1px solid #E2E2E2;
	border-right: 1px solid #E2E2E2;
}

/* w15 */
.w15 {
	padding: 120px 0;
}

.w15-b1 {
	margin: 6.25vw 0 50px;
}

.w15-b2-1 {
	font-size: 1.25vw;
	color: #333333;
	font-family: "HarmonyOS_Sans_SC_Regular";
	margin-bottom: 35px;
}

.w15-b2-2 {
	font-size: 0.83vw;
	color: #727272;
	font-family: "HarmonyOS_Sans_SC_Regular";
	margin-bottom: 28px;
}

.w15-b {
	display: grid;
	grid-template-columns: 40% auto;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.08);
}

.w15-bl {
	padding-left: 50px;
}

.w15-br img {
	width: 100%;
	max-width: 100%;
	display: block;
	transition: all .7s;
	height: 100%;
	object-fit: cover;
}

.w15-br {
	clip-path: polygon(0 0, 100% 0, 100% 50px, 100% 100%, 100% 100%, 280px 130%, 0 -280px, 0 0);
	overflow: hidden;
}

.w15-br:hover img {
	transform: scale(1.2);
	transition: all .7s;
}

/* w16 */
.w16 {
	padding: 160px 0;
}

.w16-b {
	margin-bottom: 60px;
	font-size: 0.94vw;
	color: #333333;
	font-family: "HarmonyOS_Sans_SC_Regular";
	line-height: 32px;
}

.w16-b2 {
	overflow: hidden;
}

.w16-b2 img {
	transition: all .7s;
	width: 100%;
	max-width: 100%;
	display: block;
}

.w16-b2:hover img {
	transform: scale(1.2);
	transition: all .7s;
}

/* w17 */
.w17 {
	padding: 160px 0;
}

.w17-b {
	position: relative;
	margin-top: 127px;
}


.w17-lunbo {
	position: relative;
}


.w17-nav {
	position: absolute;
	/* top: 50px; */
	top: 8.2%;
	z-index: 9;
	left: 50%;
	transform: translateX(-50%);
}


@media (max-width:1350px) {
	.w17-nav {
		top: 8.5%;
	}
}

.w17-b .swiper-pagination {
	background: #E2E2E2;
	height: 1px;
	position: initial;
}

.w17-b .swiper-pagination-progressbar-fill {
	/* background: #008936; */
	background: #E2E2E2;
	height: 1px;
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	transform-origin: left top;
}

.w17-nav-button {
	width: 10px;
	height: 10px;
	background: #CCCCCC;
	border-radius: 50%;
	/* margin-left: 24.1%; */
	margin-left: 10.4%;
	cursor: pointer;
	position: relative;
}







.w17-nav .main {
	display: grid;
	/* grid-template-columns: auto 97px; */
	/* gap: 304px; */
	grid-template-columns: auto 127px;
	gap: 80px;
	align-items: center;
}

.w17-nav-l {
	position: relative;
	width: 100%;
}

.w17-nav-l::after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 7px;
	height: 7px;
	background: #008936;
	border-radius: 50%;
}

.w17-nav-btn {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	overflow: hidden;
}

.w17-nav-btn .on {
	position: relative;
}

.w17-nav-btn .on::after {
	content: '';
	width: 7px;
	height: 7px;
	background: #FFFFFF;
	border: 8px solid #008936;
	position: absolute;
	border-radius: 50%;
	transform-origin: center center;
	top: -8px;
	left: -8px;
}




.w17-nav-btn .on .w17-nav-title {
	/* font-size: 2.50vw; */
	font-size: 2vw;
	color: #008936;
	font-family: "HarmonyOS_Sans_SC_Bold";
}

.w17-b .swiper-button-prev,
.w17-b .swiper-button-next {
	position: initial;
	left: auto;
	right: auto;
	top: auto;
	bottom: auto;
	margin: 0;
}

.w17-nav-r {
	display: flex;
	align-items: center;
	width: 100%;
	user-select: none;
	cursor: pointer;
}

.w17-bb {
	margin-top: 130px;
}



.development-thumb-swiper {
	overflow: hidden;
	width: calc(100% - 127px - 80px);
	margin-left: 0;
	position: relative;
	z-index: 10;
}


.development-thumb-swiper .swiper-slide {
	/* font-size: 24px; */
	font-size: clamp(32px, 2.1875vw, 42px);
	color: #8B8B8B;
	font-family: "HarmonyOS_Sans_SC_Regular";
	transition: transform .45s ease;
	white-space: nowrap;
	text-align: center;
	user-select: none;
	cursor: pointer;
}


.development-thumb-swiper .swiper-slide .year {
	display: block;
	transform: scale(.65);
}



.development-thumb-swiper .swiper-slide .point {
	width: 23px;
	height: 23px;
	border-radius: 50%;
	background-color: #008936;
	position: relative;
	z-index: 10;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-top: 13%;
	opacity: 0;
}

@media (max-width:1350px) {
	.development-thumb-swiper .swiper-slide .point {
		margin-top: 18%;
	}
}


.development-thumb-swiper .swiper-slide .point::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: block;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color: #fff;
}

.development-thumb-swiper .swiper-slide-thumb-active .year {
	color: #008936;
	transform: scale(1);
}


.development-thumb-swiper .swiper-slide-thumb-active .point {
	opacity: 1;
}


.w17-nav-title {
	font-size: 1.15vw;
	color: #8B8B8B;
	font-family: "HarmonyOS_Sans_SC_Regular";
}

.w17-bb {
	margin: 130px 90px 0;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.w17-bbl {
	overflow: hidden;
}

.w17-bbl img {
	width: 100%;
	max-width: 100%;
	display: block;
	transition: all .7s;
}

.w17-bb:hover img {
	transform: scale(1.2);
	transition: all .7s;
}

.w17-bbr {
	padding: 50px 80px;
}

.w17-bbr1 {
	font-size: 1.15vw;
	color: #008936;
	font-family: "HarmonyOS_Sans_SC_Regular";
	margin-bottom: 30px;
}

.w17-bbr2 {
	font-size: 0.83vw;
	color: #727272;
	font-family: "HarmonyOS_Sans_SC_Regular";
}

.w17-b .swiper-button-next {
	margin-left: 30px;
}

.w17-nav-r .swiper-button-next.swiper-button-disabled,
.w17-nav-r .swiper-button-prev.swiper-button-disabled {
	opacity: 1;
}

/* w18 */
.w18 {
	padding: 160px 0;
}

.w18-b {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 30px;
}

.w18-bimg {
	overflow: hidden;
}

.w18-bimg img {
	width: 100%;
	max-width: 100%;
	display: block;
	transition: all .7s;
}

.w18-bb {
	position: relative;
	overflow: hidden;
}

.w18-txt {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 40px 60px;
	transform: translateY(60px);
	transition: all .5s;
}

.w18-txt1 {
	font-size: 0.83vw;
	color: #FFFFFF;
	font-family: "HarmonyOS_Sans_SC_Regular";
	margin-bottom: 35px;
}

.w18-txt2 {
	font-size: 1.15vw;
	color: #FFFFFF;
	font-family: "HarmonyOS_Sans_SC_Bold";
	margin-bottom: 24px;
}

.w18-txt3 {
	font-size: 0.83vw;
	;
	color: #FFFFFF;
	font-family: "HarmonyOS_Sans_SC_Regular";
	background: transparent;
}

.red {
	background-image: linear-gradient(transparent, rgba(230, 0, 18, 0.6));
}

.black {
	background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.6));
	transition: all .5s;
}

.w18-bb:hover .w18-bimg img {
	transform: scale(1.2);
	transition: all .7s;
}

.w18-bb:hover .w18-txt {
	transform: translateY(0);
	transition: all .5s;
}

.w22-bb:hover .w22-txt {
	background-image: linear-gradient(transparent, rgba(230, 0, 18, 0.6));
	transition: all .5s;
}

.w18-bb:hover .w18-txt {
	background-image: linear-gradient(transparent, rgba(230, 0, 18, 0.6));
	transition: all .5s;
}

/* w19 */
.w19 {
	padding: 160px 0;
}

.w19-b {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 40px;
	align-items: stretch;
}

.w19-bb {
	padding: 25px 30px;
	background: rgba(220, 221, 221, .2);
}

.w19-bb-img {
	padding: 20px 20px 40px;
	border-bottom: 1px solid #E2E2E2;
	margin-bottom: 25px;
	overflow: hidden;
}

.w19-bb-img img {
	width: 100%;
	max-width: 100%;
	display: block;
	transition: all .7s;
}

.w19-bb-txt {
	font-size: 0.94vw;
	color: #727272;
	font-family: "HarmonyOS_Sans_SC_Regular";
	text-align: center;
}

.w19-bb:hover .w19-bb-img img {
	transform: scale(1.15);
	transition: all .7s;
}

/* w20 */
.w20 {
	padding: 160px 0;
}

.w20-b1 {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
	margin-bottom: 100px;
}

.w20-b1-img {
	width: 100%;
	max-width: 100%;
	display: block;
	transition: all .7s;
}

.w20-b1-top {
	position: relative;
	overflow: hidden;
}

.w20-b1-top-btn {
	transition: all .7s;
	position: absolute;
	left: 1.56vw;
	bottom: 0;
	width: 76px;
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 20px 0px 0px 0px;
	background: rgba(255, 255, 255, .8);
}

.w20-b1-bottom {
	padding: 30px 30px 0;
}

.w20-b1-txt1 {
	font-size: 1.15vw;
	color: #000000;
	font-family: "HarmonyOS_Sans_SC_Medium";
	margin-bottom: 18px;
}

.w20-b1-txt2 {
	font-size: 0.83vw;
	color: rgba(51, 51, 51, .8);
	font-family: "HarmonyOS_Sans_SC_Regular";
}

.w20-b1b:hover .w20-b1-img {
	transform: scale(1.2);
	transition: all .7s;
}

.w20-b1b:hover .w20-b1-top-btn {
	background: rgba(230, 0, 18, .8);
	transition: all .7s;
}

.w20-b1b:hover .w20-b1-top-btn img {
	filter: grayscale(1) brightness(100);
}

.w20-b2 {
	position: relative;
	overflow: hidden;
}

.w20-b2-img img {
	width: 100%;
	max-width: 100%;
	display: block;
}

.w20-b2b {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.w20-b2b {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	align-items: stretch;
}

.w20-b2bb {
	border-right: 1px solid rgba(255, 255, 255, .2);
}

.w20-b2bb:last-child {
	border-right: none;
}

.w20-b2bb1 {
	margin-bottom: 50px;
}

.w20-b2bb2 {
	font-size: 1.46vw;
	color: #FFFFFF;
	font-family: "HarmonyOS_Sans_SC_Medium";
	margin-bottom: 23px;
}

.w20-b2bb3 {
	font-size: 0.94vw;
	color: #FFFFFF;
	font-family: "HarmonyOS_Sans_SC_Regular";
}

.w20-b2bb {
	position: relative;
	z-index: 1;
}

.w20-b2bb::after {
	content: '';
	position: absolute;
	top: 100%;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(230, 0, 18, .8);
	z-index: -1;
	transition: all 1.2s;
}

.w20-b2bb:hover:after {
	top: 0;
	transition: all .7s;
}

.w20-b2bbb {
	transform: translateY(200px);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: 100%;
	transition: all .9s;
}

.w20-b2bb:hover .w20-b2bbb {
	transform: translateY(0);
	transition: all .9s;
}

.w20-b3 {
	margin-top: 120px;
}

.w20-b3 .w12-title1 {
	text-align: left;
}

.w20-b3 .w12-title2 {
	text-align: left;
}

.w20-lunbo {
	position: relative;
}

.w20-lunbo .swiper-pagination {
	background: #F3F3F3;
	height: 2px;
	position: initial;
}

.w20-lunbo .swiper-pagination-progressbar-fill {
	background: #008936;
	height: 2px;
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	transform-origin: left top;
}

.w20-b3b-img img {
	width: 100%;
	max-width: 100%;
	display: block;
	transition: all .7s;
}

.w20-b3b-img {
	overflow: hidden;
}

.w20-b3bb:hover .w20-b3b-img img {
	transform: scale(1.2);
	transition: all .7s;
}

.w20-b3b-bttom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: -webkit-fill-available;
}

.w20-b3b-bttom1 {
	font-size: 0.94vw;
	color: #727272;
	font-family: "HarmonyOS_Sans_SC_Regular";
}

.w20-b3b-bttom {
	padding: 30px;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.04);
	background: #FFFFFF;
	margin-bottom: 80px;
}

.w20-b3b-bttom2 {
	cursor: pointer;
}

.w20-tc {
	display: none;
}

.w20-tc {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99999;
	background: rgba(0, 0, 0, .5);
}

.w20-tc-box {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.w20-tc-img {
	background: #FFFFFF;
	border: 3px solid #FFFFFF;
	position: relative;
	transform: scale(1.8);
}

.w20-tc-img img {
	width: 100%;
	display: block;
	max-width: 100%;
}

.w20-tc-no {
	position: absolute;
	top: -40px;
	right: -40px;
	cursor: pointer;
}

/* w21 */
.w21 {
	padding: 120px 0;
}

.w21-box {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: center;
}

.w21-b {
	padding-right: 104px;
}

.w21-b1 {
	font-size: 1.88vw;
	color: #000000;
	font-family: "HarmonyOS_Sans_SC_Bold";
	padding-bottom: 30px;
	margin-bottom: 30px;
	position: relative;
}

.w21-b1::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 52px;
	height: 2px;
	background: #008936;
}

.w21-b2 {
	font-size: 1.15vw;
	color: #008936;
	font-family: "HarmonyOS_Sans_SC_Medium";
	margin-bottom: 38px;
}

.w21-b3 {
	font-size: 0.83vw;
	color: #8B8B8B;
	font-family: "HarmonyOS_Sans_SC_Regular";
	line-height: 1.46vw;
}

.w21-b4 img {
	width: 100%;
	max-width: 100%;
	display: block;
}

/* w22 */
.w22 {
	padding: 120px 0;
	background: rgba(220, 221, 221, .2);
}

.w22-b {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 30px;
}

.w22-bb {
	position: relative;
	overflow: hidden;
}

.w22-bb img {
	width: 100%;
	max-width: 100%;
	display: block;
	transition: all .7s;
}

.w22-bb:hover img {
	transform: scale(1.2);
	transition: all .7s;
}

.w22-txt {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 40px;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

.w22-txt {
	font-size: 1.15vw;
	color: #FFFFFF;
	font-family: "HarmonyOS_Sans_SC_Regular";
}

.w22-box .w12-title1 {
	text-align: left;
}

.w22-box .w12-title2 {
	text-align: left;
}

/* w23 */
.w23-box .w12-title1 {
	text-align: left;
}

.w23-box .w12-title2 {
	text-align: left;
}

.w23 {
	padding: 120px 0;
}

/* 进度条 */
.w23-b {
	position: relative;
}

.w23-lunbo {
	position: relative;
	padding-bottom: 110px;
}

.w23-lunbo .swiper-pagination {
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
}

.w23-lunbo .swiper-pagination-bullet {
	position: relative;
	margin: 0 0.15rem;
	cursor: pointer;
	background: none;
	width: auto;
	height: auto;
	opacity: 1;
	border: none;
}

.w23-lunbo .swiper-pagination-bullet svg {
	display: block;
	width: 28px;
	height: 28px;
	position: relative;
	z-index: 5;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}

.w23-lunbo .swiper-pagination-bullet svg circle {
	stroke-width: 2px;
	stroke: #008936;
	stroke-dasharray: 300%;
	stroke-dashoffset: 300%;
	transition: stroke-dashoffset 0.6s ease-out;
	-webkit-transition: stroke-dashoffset 0.6s ease-out;
	-moz-transition: stroke-dashoffset 0.6s ease-out;
	-o-transition: stroke-dashoffset 0.6s ease-out;
	-ms-transition: stroke-dashoffset 0.6s ease-out;
}

.w23-lunbo .swiper-pagination-bullet span {
	position: absolute;
	z-index: 4;
	top: 0;
	left: 0;
	width: 28px;
	height: 28px;
	border: 2px solid transparent;
	border-radius: 50%;
	box-sizing: border-box;
	transition: border-color 0.3s ease-out;
	-webkit-transition: border-color 0.3s ease-out;
	-moz-transition: border-color 0.3s ease-out;
	-o-transition: border-color 0.3s ease-out;
	-ms-transition: border-color 0.3s ease-out;
}

.w23-lunbo .swiper-pagination-bullet span:after {
	content: "";
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #CCCCCC;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.w23-lunbo .swiper-pagination-bullet-active span:after {
	background-color: #008936;
}

.w23-lunbo .swiper-pagination-bullet-active svg circle {
	stroke-dashoffset: 0;
	transition: stroke-dashoffset 5s ease-out;
	-webkit-transition: stroke-dashoffset 5s ease-out;
	-moz-transition: stroke-dashoffset 5s ease-out;
	-o-transition: stroke-dashoffset 5s ease-out;
	-ms-transition: stroke-dashoffset 5s ease-out;
}

.w23-lunbo .swiper-pagination-bullet-active span {
	border-color: transparent;
}

.w23-lunbo .swiper-slide-active .w23-bb {
	border-color: #008936;
}

.w23-lunbo .swiper-slide-active .w23-bb-txt {
	transform: translateY(-30px);
	transition: all .5s;
	color: #008936;
}

.w23-lunbo .swiper-slide-active .w23-bb-img img {
	transform: scale(1.2);
	transition: all .5s;
}

.w23-bb:hover {
	border-color: #008936;
}

.w23-bb:hover .w23-bb-txt {
	transform: translateY(-30px);
	transition: all .5s;
	color: #008936;
}

.w23-bb:hover .w23-bb-img img {
	transform: scale(1.2);
	transition: all .5s;
}

.w23-bb {
	padding: 110px 10px 30px;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.08);
	background: #FFFFFF;
	border-bottom: 4px solid transparent;
}

.w23-bb-img {
	margin-bottom: 100px;
}

.w23-bb-img img {
	width: 10.42vw;
	height: 10.42vw;
	max-width: 100%;
	display: block;
	transition: all .5s;
	object-fit: contain;
	margin: 0 auto;
}

.w23-bb-txt {
	font-size: 1vw;
	color: #333333;
	font-family: "HarmonyOS_Sans_SC_Bold";
	text-align: center;
	transition: all .5s;
}

.w23-btn {
	display: flex;
	align-items: center;
}

.w23-btn .swiper-button-next,
.w23-btn .swiper-button-prev {
	position: initial;
	left: auto;
	right: auto;
	top: auto;
	bottom: auto;
	margin: 0;
	margin-left: 30px;
}

.w23-top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

/* w24 */
.w24 {
	padding: 120px 0;
}

.w24-b1 {
	display: grid;
	grid-template-columns: 40% auto;
	align-items: center;
	margin-bottom: 80px;
}

.w24-b1-txt1 {
	margin-bottom: 26px;
}

.w24-b1-txt1 img {
	max-width: 100%;
	display: block;
}

.w24-b1-txt2 {
	font-size: 1.46vw;
	color: #000000;
	font-family: "HarmonyOS_Sans_SC_Bold";
	margin-bottom: 60px;
}

.w24-b1-txt3 {
	font-size: 0.83vw;
	color: #727272;
	font-family: "HarmonyOS_Sans_SC_Regular";
	margin-bottom: 30px;
}

.w24-b1-txt3:last-child {
	margin-bottom: 0;
}

.w24-b1-img img {
	width: 100%;
	max-width: 100%;
	display: block;
}

.w24-b2-txt {
	text-align: left;
	font-size: 1.46vw;
	color: #000000;
	font-family: "HarmonyOS_Sans_SC_Bold";
	margin-bottom: 58px;
}

.w24-b2bb1 {
	font-size: 1.25vw;
	color: #333333;
	font-family: "HarmonyOS_Sans_SC_Regular";
	margin-bottom: 33px;
}

.w24-b2bb3 {
	font-size: 0.83vw;
	color: #727272;
	font-family: "HarmonyOS_Sans_SC_Regular";
	margin-bottom: 30px;
}

.w24-b2bb3:last-child {
	margin-bottom: 0;
}

.w24-b2b {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 50px;
}

/* w25 */
.w25 {
	padding: 120px 0;
	background: rgba(220, 221, 221, .2);
}

.w25-b {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 40px 100px;
	margin-bottom: 40px;
}

.w25-bb1 {
	font-size: 0.83vw;
	color: #727272;
	font-family: "HarmonyOS_Sans_SC_Regular";
	margin-bottom: 20px;
}

.w25-bb2 {
	display: flex;
	align-items: stretch;
}

.w25-bb2-img {
	min-width: 23px;
	margin-right: 20px;
}

.w25-bb2-img img {
	max-width: 100%;
	display: block;
}

.w25-bb2 {
	padding: 20px 70px 20px 30px;
	border: 1px solid #E2E2E2;
	background: #FFFFFF;
}

.w25-bb2-input {
	height: auto;
	width: -webkit-fill-available;
	border: none;
	outline: none;
}

.w25-bb2-input {
	font-size: 0.83vw;
	color: #727272;
	font-family: "HarmonyOS_Sans_SC_Regular";
}

.w25-bb2-input::-webkit-input-placeholder {
	font-size: 0.83vw;
	color: #CCCCCC;
	font-family: "HarmonyOS_Sans_SC_Regular";
}

.w25-b2 {
	margin-bottom: 80px;
}

.w25-bb2-textarea {
	height: auto;
	width: -webkit-fill-available;
	border: none;
	outline: none;
	resize: none;
}

.w25-bb2-textarea {
	font-size: 0.83vw;
	color: #727272;
	font-family: "HarmonyOS_Sans_SC_Regular";
	height: 158px;
}

.w25-bb2-textarea::-webkit-input-placeholder {
	font-size: 0.83vw;
	color: #CCCCCC;
	font-family: "HarmonyOS_Sans_SC_Regular";
}

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

.w25-btn-a {
	padding: 22px 70px;
	background: #008936;
	font-size: 1.04vw;
	color: #FFFFFF;
	font-family: "HarmonyOS_Sans_SC_Regular";
	display: inline-block;
	border: none;
}

/* w26 */
.w26 {
	padding: 120px 0;
}

.w26-bbb:first-child .w26-bb {
	background: rgba(220, 221, 221, .2);
	border-bottom: none;
	cursor: auto;
}

.w26-bbb:first-child .w26-bbb {
	font-size: 0.94vw;
	color: #000000;
	font-family: "HarmonyOS_Sans_SC_Medium";
}

.w26-bb {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	padding: 35px 80px;
	position: relative;
	border-bottom: 1px solid #E2E2E2;
	cursor: pointer;
}

.w26-bbb {
	font-size: 0.83vw;
	color: #666666;
	font-family: "HarmonyOS_Sans_SC_Regular";
}

.w26-btn {
	position: absolute;
	top: 48%;
	right: 80px;
	transform: translateY(-52%);
}

.w26-bb2b1 {
	width: 8px;
	height: 8px;
	background: #008936;
	border-radius: 50%;
	margin: 4px 10px 0 0;
	min-width: 8px;
}

.w26-bb2 {
	padding: 40px 80px;
	border-bottom: 1px solid #E2E2E2;
}

.w26-bb2b {
	display: flex;
	align-items: flex-start;
	margin-bottom: 44px;
}

.w26-bb2b:last-child {
	margin-bottom: 0;
}

.w26-bb2b2-t {
	font-size: 0.94vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: #333333;
	margin-bottom: 12px;
}

.w26-bb2b2-b {
	font-size: 0.83vw;
	font-family: "HarmonyOS_Sans_SC_Regular";
	color: #333333;
	line-height: 1.46vw;
}

.w26-bb2 {
	display: none;
}

.w26-btn img {
	transition: all .5s;
}

.w26-b .on .w26-btn img {
	transform: rotate(-180deg);
	transition: all .5s;
}

/* w27 */
.w27 {
	margin-bottom: 120px;
}

.w27-img img {
	width: 100%;
	max-width: 100%;
	display: block;
}

.w27-box {
	position: relative;
}

.w27-b {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
}

.w27-txt {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.w27-txt2 {
	display: flex;
	align-items: center;
	padding: 20px 60px;
	background: #FFFFFF;
	border-radius: 34px;
	width: 530px;
}

.w27-txt1 {
	font-size: 1.88vw;
	color: #FFFFFF;
	font-family: "HarmonyOS_Sans_SC_Medium";
	margin-bottom: 36px;
}

.w27-input {
	font-size: 1.04vw;
	color: #333333;
	font-family: "HarmonyOS_Sans_SC_Regular";
}

.w27-input::-webkit-input-placeholder {
	font-size: 1.04vw;
	color: #CCCCCC;
	font-family: "HarmonyOS_Sans_SC_Regular";
}

.w27-input {
	width: -webkit-fill-available;
	outline: none;
	border: none;
}

.w27-btn {
	margin-left: 10px;
}

/* w28 */
.w28 {
	margin-bottom: 120px;
}

.w28-title {
	font-size: 0.94vw;
	color: #333333;
	font-family: "HarmonyOS_Sans_SC_Regular";
	padding-bottom: 20px;
	border-bottom: 1px solid #E2E2E2;
}

.w28-bb2b1 {
	font-size: 1.46vw;
	color: #000000;
	font-family: "HarmonyOS_Sans_SC_Bold";
	margin-bottom: 24px;
}

.w28-bb2b3 {
	font-size: 0.94vw;
	color: #8B8B8B;
	font-family: "HarmonyOS_Sans_SC_Regular";
	line-height: 1.46vw;
}

.w28-bb1 {
	width: 200px;
	min-width: 200px;
	margin-right: 40px;
}

.w28-bb {
	padding: 30px 40px;
	border-bottom: 1px solid #E2E2E2;
}

.w28-bb3 {
	display: flex;
	align-items: center;
}

.w28-bb1 {
	overflow: hidden;
}

.w28-bb1 img {
	width: 100%;
	max-width: 100%;
	display: block;
	transition: all .7s;
}

.w28-bb:hover .w28-bb1 img {
	transform: scale(1.2);
	transition: all .7s;
}

.w28-bb:hover .w28-bb2b1 {
	color: #008936;
}

/* 分页 */
.fenye {
	margin-top: 80px;
}

.fy-box {
	display: flex;
	align-items: center;
	justify-content: center;
}

.fy-a {
	font-size: 1.15vw;
	color: #E2E2E2;
	font-family: "HarmonyOS_Sans_SC_Regular";
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 100%;
}

.fy-b1 {
	width: 34px;
	height: 34px;
	border: 1px dashed #8B8B8B;
	border-radius: 17px;
	margin: 0 36px;
}

.fy-b2 {
	display: flex;
	align-items: center;
}

.fy-b3 {
	margin: 0 13px;
}

.fy-img2 {
	display: none;
}

.fy-box .on .fy-img2 {
	display: block;
}

.fy-box .on .fy-img1 {
	display: none;
}

.fy-box .on .fy-b1 {
	border-color: #008936;
}

.fy-box .on .fy-a {
	color: #008936;
}

.fy-a:hover .fy-img2 {
	display: block;
}

.fy-a:hover .fy-img1 {
	display: none;
}

.fy-b1:hover {
	border-color: #008936;
}

.fy-a:hover {
	color: #008936;
}

/* w29 */
.w29 {
	padding: 120px 0;
}

.w29-bb {
	display: grid;
	grid-template-columns: 35% auto;
	gap: 0 80px;
	align-items: center;
	margin-bottom: 40px;
}

.w29-bb:last-child {
	margin-bottom: 0;
}

.w29-bb1 {
	overflow: hidden;
}

.w29-bb1 img {
	width: 100%;
	max-width: 100%;
	display: block;
	transition: all .7s;
	height: 18vw;
	object-fit: cover;
}

.w29-bb:hover .w29-bb1 img {
	transform: scale(1.2);
	transition: all .7s;
}

.w29-bb:hover .w29-bb6 {
	color: #008936;
}

.w29-bb:hover .w29-bb8 a {
	color: #000000;
}

.w29-bb3 {
	display: flex;
	align-items: center;
	margin-bottom: 4.43vw;
}

.w29-bb5 {
	width: 11.98vw;
	min-width: 11.98vw;
}

.w29-bb4 {
	width: -webkit-fill-available;
}

.w29-bb6 {
	font-size: 1.15vw;
	color: #000000;
	font-family: "HarmonyOS_Sans_SC_Medium";
	margin-bottom: 1.46vw;
}

.w29-bb7 {
	font-size: 0.83vw;
	color: #8B8B8B;
	font-family: "HarmonyOS_Sans_SC_Regular";
	line-height: 1.6;
}

.w29 .toptitle-r {
	text-align: left;
}

.w29-bb5 {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-left: 5.21vw;
	border-left: 1px solid #E3E3E3;
}

.w29-bb8 a {
	font-size: 3.02vw;
	color: #E2E2E2;
	font-family: "HarmonyOS_Sans_SC_Bold";
	margin-bottom: 10px;
	line-height: 1;
	cursor: auto;
}

.w29-bb9 a {
	font-size: 0.83vw;
	color: #E2E2E2;
	font-family: "HarmonyOS_Sans_SC_Regular";
	cursor: auto;
}

.w29-bb {
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.08);
}

/* w30 */
.w30 {
	padding: 120px 0;
}

.w30-txt1 {
	font-size: 1.88vw;
	color: #000000;
	margin-bottom: 36px;
	text-align: center;
	font-family: "HarmonyOS_Sans_SC_Bold";
}

.w30-txt2 {
	display: flex;
	align-items: center;
	justify-content: center;
}

.w30-txt2-b {
	display: flex;
	align-items: center;
}

.w30-txt2-b1 {
	width: 26px;
	min-width: 26px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
}

.w30-txt2-b {
	margin-right: 80px;
}

.w30-txt2-b:last-child {
	margin-right: 0;
}

.w30-txt2-b2 {
	font-size: 0.83vw;
	color: #A6A6A6;
	font-family: "HarmonyOS_Sans_SC_Regular";
}

.w30-txt2-b2 a {
	font-size: 0.83vw;
	color: #A6A6A6;
	font-family: "HarmonyOS_Sans_SC_Regular";
	cursor: auto;
}

.w30-title {
	margin-bottom: 76px;
	position: relative;
}

.w30-title::after {
	content: '';
	position: absolute;
	bottom: -25px;
	left: 0;
	right: 0;
	border-bottom: 1px dashed #E2E2E2;
}

.w30-b {
	padding: 0 100px 80px;
	border-bottom: 1px dashed #E2E2E2;
}

.w30-b {
	font-size: 0.83vw;
	font-family: HarmonyOS Sans SC;
	font-weight: 400;
	color: #8B8B8B;
	line-height: 1.46vw;
}

.w30-b img {
	max-width: 100%;
}

.w30-b-img {
	text-align: center;
}

.w30-b2 {
	padding: 35px 100px 0;
}

.w30-b2 {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.w30-b2l {
	display: flex;
	align-items: center;
}

.w30-b2b {
	margin-right: 60px;
}

.w30-b2b:last-child {
	margin-right: 0;
}

.w30-b2b {
	font-size: 0.83vw;
	color: #8B8B8B;
	font-family: "HarmonyOS_Sans_SC_Regular";
}

.w30-b2b a {
	font-size: 0.83vw;
	color: #8B8B8B;
	font-family: "HarmonyOS_Sans_SC_Regular";
}

.right-fixed-a {
	position: relative;
}

.qw-tc {
	position: absolute;
	left: -100px;
	top: 50%;
	transform: translateY(-50%);
}

.qw-tc::after {
	content: '';
	position: absolute;
	right: -8px;
	top: 50%;
	transform: translateY(-50%);
	border-top: 5px solid transparent;
	border-left: 8px solid #FFFFFF;
	border-bottom: 5px solid transparent;
}

.qw-tc {
	width: 75px;
	height: 75px;
	background: #FFFFFF;
	border-radius: 5px;
	padding: 5px;
	box-shadow: 0 0 5px rgba(0, 0, 0, .2);
	display: none;
}

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

.right-fixed-box .on .qw-tc {
	display: block;
}

.qw-tc2 {
	width: 130px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	left: -155px;
	font-size: 16px;
	font-family: "HarmonyOS_Sans_SC_Regular";
}


@media (max-width: 1700px) {
	.main {
		width: 1400px;
	}

	.w03-bl {
		padding-left: 15.5%;
	}

	.toptitle-l {
		padding-left: 15.5%;
	}

	.w01-b-txt {
		padding: 0 50% 0 7.75%;
	}

	.w05 {
		padding: 0 5% 0 7.75%;
	}

	.right-fixed {
		right: 30px;
	}
}

@media (max-width: 1500px) {
	.main {
		width: 1000px;
	}

	.w02-nav-button {
		margin-left: 23.1%;
	}

	.w03-bl {
		padding-left: 25.5%;
		padding-right: 10%;
	}

	.toptitle-l {
		padding-left: 25.5%;
	}

	.w01-b-txt {
		padding: 0 50% 0 12.75%;
	}

	.w05 {
		padding: 0 5% 0 12.75%;
	}

	.w17-nav-button {
		margin-left: 23.1%
	}

	.w9-bb {
		padding: 18px 20px;
	}

	.w29-bb3 {
		margin-bottom: 30px;
	}

	.w12-a {
		margin-bottom: 15px;
	}

	.w12-nav1 {
		margin-bottom: 15px;
	}

	.w12-f {
		margin-bottom: 15px;
	}
}

@media (max-width: 1400px) {
	.h-li {
		margin-right: 3.13vw;
	}

	.w03-bl1 {
		margin-bottom: 3.13vw;
	}

	.w03-bl2 {
		line-height: normal;
		margin-bottom: 1.20vw;
	}

	.w03-bl3 {
		margin-bottom: 6.20vw;
	}

	.w05-bb {
		height: 9.38vw;
	}

	.w03-bl1 {
		line-height: normal;
	}
}

@media (max-width: 1000px) {
	.all-main {
		margin-top: 60px;
	}

	.header {
		display: none;
	}

	.m-header {
		display: block;
	}

	.main {
		width: 80%;
	}

	.right-fixed {
		right: 0;
	}

	.banner-t1 {
		zoom: .7;
	}

	.allbtn {
		padding: 8px;
	}

	.allbtn img {
		margin-left: 10px;
	}

	.toptitle {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.w01 {
		padding: 50px 0;
	}

	.toptitle-r .allbtn {
		display: none;
	}

	.toptitle {
		margin: 0 0 30px 0;
	}

	.w01-box {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.w01-img {
		height: auto;
		object-fit: initial;
	}

	.w01-b-txt {
		position: static;
		padding: 24px 6%;
		justify-content: flex-start;
		align-items: flex-start;
	}

	.w01-b-txt1 {
		max-width: 100%;
		color: #222222;
		white-space: normal;
		overflow: visible;
		text-overflow: clip;
		padding-bottom: 12px;
		margin-bottom: 14px;
	}

	.w01-b-txt2 {
		max-width: 100%;
		color: #666666;
		font-size: 13px;
		-webkit-line-clamp: 4;
		margin-bottom: 20px;
	}

	.w02-img {
		height: 600px;
		object-fit: cover;
	}

	.w02-title {
		top: 0;
		padding-top: 10%;
		background: rgba(255, 255, 255, .5);
	}

	.w02-nav .main {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.w02-nav {
		left: 10%;
		transform: none;
		right: 10%;
		bottom: 10%;
	}

	.w02-nav .main {
		width: 100%;
		gap: 70px;
	}

	.w02-nav-button {
		margin-left: 23%;
	}

	.w02-nav::after {
		display: none;
	}

	.w02-nav-r {
		justify-content: flex-end;
	}

	.w02-title4,
	.w02-title2 {
		margin-bottom: 59px;
	}

	.w03-box {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.w03-bl {
		padding: 10%;
	}

	.toptitle-l {
		padding-left: 10%;
	}

	.w03 .toptitle-r .allbtn {
		display: inline-flex;
	}

	.w03-bl3 {
		margin-bottom: 50px;
	}

	.w04-box {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.w04 {
		height: 280px;
	}

	.w04-b:nth-child(2n)::before {
		content: '';
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 1px;
		height: 40px;
		background: rgba(255, 255, 255, .3);
	}

	.w05-box {
		flex-direction: column;
	}

	.w05-b {
		width: 100%;
		margin: 0 0 30px 0;
	}

	.w05 {
		padding: 0 15px;
	}

	.w05-b:hover {
		width: 100%;
		transition: all .8s;
	}

	.f-box {
		grid-template-columns: repeat(1, minmax(0, 1fr));
		padding-bottom: 50px;
	}

	.footer {
		padding-top: 50px;
	}

	.f-l6 {
		margin-bottom: 30px;
	}

	/* .f-r{flex-wrap: wrap;justify-content: flex-start;} */
	.f-r {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 0 45px;
	}

	/* .f-r-b{width: calc((100% -30px)/3);} */
	.f-r-b {
		width: 100%;
	}

	.f-l1 {
		margin-bottom: 30px;
	}

	.f-l5 {
		margin-bottom: 30px;
	}

	.f-bottom-box {
		flex-direction: column;
		text-align: center;
	}

	.f-bottom-box div {
		margin-bottom: 10px;
	}

	.f-bottom-box div:last-child {
		margin-bottom: 0;
	}

	.w04-b1g,
	.w02-title1,
	.banner-t4,
	.banner-t2 {
		font-size: 20px;
	}

	.f-bottom-box a,
	.f-l4,
	.f-l2,
	.w05-bbb,
	.w05-bbt,
	.w05-bt-time,
	.w04-b2,
	.w04-b1,
	.w03-bl3,
	.w01-nav-title,
	.w02-title4,
	.w02-title2,
	.allbtn,
	.toptitle-lb,
	.banner-t5,
	.banner-t3 {
		font-size: 12px;
	}

	.w03-bl1,
	.toptitle-lt {
		font-size: 18px;
	}

	.w02-title3,
	.w01-b-txt1 {
		font-size: 16px;
	}

	.f-l5 {
		font-size: 15px;
	}

	.f-l3,
	.w03-bl2 {
		font-size: 14px;
	}

	.f-r-bt {
		font-size: 15px;
	}

	.m-header-ul a,
	.f-r-a {
		font-size: 13px;
	}

	.m-header-mbox a {
		font-size: 12px !important;
	}

	.w02-nav-button {
		margin-left: 22%;
	}

	.w02-nav-btn {
		justify-content: space-between;
	}

	.w05-bb {
		height: auto;
		padding: 22px 16px 18px;
	}

	.all-container2 {
		margin-top: 60px;
	}

	.banner-nav-b a {
		padding: 16px 1px;
		font-size: 12px;
	}

	.banner-nav-txt {
		top: 30%;
	}

	.banner-nav-txt1 {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.banner-nav-txt2 {
		font-size: 12px;
	}

	.w6,
	.w20,
	.w19,
	.w18,
	.w17,
	.w16 {
		padding: 80px 0;
	}

	.w12-title1 {
		font-size: 18px;
	}

	.w12-title2 {
		font-size: 12px;
	}

	.w12-title {
		margin-bottom: 30px;
	}

	.w16-b {
		font-size: 12px;
		line-height: 2;
		margin-bottom: 30px;
	}

	.w17-bb {
		margin: 130px 10px 0;
	}

	.w17-bb {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.w17-bbr {
		padding: 30px;
	}

	.w17-nav .main {
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: 30px;
		width: 100%;
	}

	.w17-nav {
		left: 0;
		right: 0;
		transform: none;
	}



	.w17-nav-button {
		margin-left: 22.1%;
	}

	.w17-nav-r {
		justify-content: flex-end;
	}

	.w17-b {
		margin-top: 100px;
	}

	.w17-nav-r,
	.w17-nav-btn .on::after {
		zoom: .7;
	}

	.w18-b {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.w18-txt {
		padding: 30px;
	}

	.w17-nav-title {
		font-size: 12px;
	}

	.w17-nav-btn .on .w17-nav-title {
		font-size: 14px;
	}

	.w17-bbr1 {
		font-size: 14px;
	}

	.w17-bbr2 {
		font-size: 12px;
	}

	/* 2026-10-14 修复手机端发展历程年份重叠：年份条满宽、字号与圆点适配手机 */
	.development-thumb-swiper {
		width: 100%;
	}

	.development-thumb-swiper .swiper-slide {
		font-size: 20px;
	}

	.development-thumb-swiper .swiper-slide .year {
		transform: scale(.75);
	}

	.development-thumb-swiper .swiper-slide-thumb-active .year {
		transform: scale(1);
	}

	.development-thumb-swiper .swiper-slide .point {
		width: 14px;
		height: 14px;
		margin-top: 10px;
	}

	.development-thumb-swiper .swiper-slide .point::after {
		width: 5px;
		height: 5px;
	}

	.w18-txt1 {
		font-size: 12px;
		margin-bottom: 20px;
	}

	.w18-txt2 {
		font-size: 14px;
		margin-bottom: 15px;
	}

	.w18-txt3 {
		font-size: 13px;
	}

	.w18-txt {
		transform: translateY(45px);
	}

	.w19-b {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 20px;
	}

	.w19-bb {
		padding: 15px;
	}

	.w19-bb-img {
		padding: 10px 10px 20px;
	}

	.w19-bb-txt {
		font-size: 12px;
	}

	.fy-a {
		font-size: 12px;
	}

	.fy-b1 {
		width: 22px;
		height: 22px;
		margin: 0 15px;
	}

	.fy-b3 {
		margin: 0 8px;
	}

	.w20-b1 {
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: 38px;
	}

	.w20-b1-txt1 {
		font-size: 14px;
	}

	.w20-b1-txt2 {
		font-size: 12px;
	}

	.w20-b2-img img {
		height: 300px;
		object-fit: cover;
	}

	.w20-b2bb1 {
		width: 30px;
		margin-bottom: 20px;
	}

	.w20-b2bb1 img {
		width: 100%;
		max-width: 100%;
		display: block;
	}

	.w20-b2bb2 {
		font-size: 14px;
		text-align: center;
	}

	.w20-b2bb3 {
		font-size: 12px;
		text-align: center;
	}

	.w20-b2bbb {
		padding: 0 10px;
		transform: translateY(135px);
	}

	.w20-b1 {
		margin-bottom: 80px;
	}

	.w20-b3 {
		margin-top: 80px;
	}

	.w20-b3b-bttom1 {
		font-size: 12px;
	}

	.w20-b3b-bttom2 img {
		zoom: .6;
	}

	.w20-b3b-bttom {
		padding: 20px;
	}

	.w20-tc-img {
		transform: scale(0.7);
	}

	.w20-b3b-bttom {
		margin-bottom: 50px;
	}

	.w6-box {
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: 30px;
	}

	.w6-bl-1t {
		font-size: 16px;
	}

	.w6-bl-1b {
		font-size: 12px;
	}

	.w6-bl-2bt {
		font-size: 14px;
	}

	.w6-input-txt {
		font-size: 12px;
	}

	.w6-bl-2bbb3 {
		font-size: 13px;
	}

	.w6-table {
		width: 700px;
	}

	.w6-br {
		overflow-x: scroll;
	}

	.w6-br::-webkit-scrollbar {
		height: 3px;
		background: #ececec;
	}

	.w6-br::-webkit-scrollbar-thumb {
		border-radius: 4px;
		background: #008936;
	}

	.w6-table tr:first-child td {
		font-size: 14px;
	}

	.w6-table a {
		font-size: 12px;
	}

	.w6-table td {
		font-size: 12px;
	}

	.muli-box {
		font-size: 12px;
	}

	.muli-box a {
		font-size: 12px;
	}

	.muli-box a:last-child {
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 1;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		max-width: 48px;
	}

	.mulu .main {
		width: 90%;
	}

	.w7 {
		padding-top: 80px;
	}

	.w8 {
		padding: 80px 0;
	}

	.w7-box {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.w7-bl .swiper-pagination {
		bottom: 0;
	}

	.w7-bl .swiper-pagination {
		left: 0;
		transform: none;
		right: 0;
	}

	.w7-lunbo-img {
		margin-bottom: 50px;
	}

	.w7-br1 {
		font-size: 20px;
	}

	.w7-br2 {
		font-size: 14px;
	}

	.w7-br4 {
		font-size: 12px;
	}

	.w7-br5 {
		zoom: .7;
	}

	.w8-top {
		flex-wrap: wrap;
		margin-bottom: 30px;
	}

	.w8-top-btn {
		margin: 0 0 15px;
		width: 50%;
		text-align: center;
	}

	.w8-top-a {
		font-size: 12px;
		padding: 0 10px 13px;
	}

	/*.w8-bottom{grid-template-columns: repeat(1,minmax(0,1fr));}*/
	.w8-bl {
		padding: 20px 15px;
		font-size: 12px;
	}

	.w8-br {
		padding: 20px 15px;
		font-size: 12px;
	}

	.w9-box {
		min-width: 1200px;
	}

	.w9 .main {
		overflow-x: scroll;
	}

	.w9 .main::-webkit-scrollbar {
		height: 3px;
		background: transparent;
	}

	.w9 .main::-webkit-scrollbar-thumb {
		border-radius: 4px;
		background: #008936;
	}

	.w9-bb:first-child {
		font-size: 12px;
	}

	.w9-bb {
		font-size: 12px;
		line-height: 1.2;
	}

	.w21 {
		padding: 80px 0;
	}

	.w21-box {
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: 30px;
	}

	.w21-b {
		padding: 0;
	}

	.w21-b1 {
		font-size: 20px;
		text-align: center;
	}

	.w21-b1::after {
		left: 50%;
		transform: translateX(-50%);
	}

	.w21-b2 {
		font-size: 14px;
		text-align: center;
	}

	.w21-b3 {
		font-size: 12px;
		line-height: 1.2;
	}

	.w22 {
		padding: 80px 0;
	}

	.w22-box .w12-title1 {
		text-align: center;
	}

	.w22-box .w12-title2 {
		text-align: center;
	}

	.w22-b {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.w23 {
		padding: 80px 0;
	}

	.w23-box .w12-title1 {
		text-align: center;
	}

	.w23-box .w12-title2 {
		text-align: center;
	}

	.w23-bb {
		padding: 20px 30px;
	}

	.w23-bb-img {
		margin-bottom: 50px;
	}

	.w23-lunbo .swiper-slide-active .w23-bb-txt {
		transform: translateY(-10px);
	}

	.w23-lunbo .swiper-pagination {
		left: 0;
		transform: none;
		right: 0;
	}

	.w10-box {
		padding: 80px 0;
	}

	.w23-lunbo {
		padding-bottom: 80px;
	}

	.w23-bb {
		border-bottom: 2px solid transparent;
	}

	.w10-box {
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: 30px;
	}

	.w10-bl {
		padding: 0;
		margin: 0;
	}

	.w10-b1 {
		font-size: 20px;
		text-align: center;
		zoom: .8;
	}

	.w10-b1::after {
		left: 50%;
		transform: translateX(-50%);
	}

	.w10-b2 {
		font-size: 14px;
		text-align: center;
	}

	.w10-b3 {
		font-size: 12px;
	}

	.w10-br {
		padding: 0;
	}

	.w11-b {
		padding: 80px 0;
	}

	.w11-bb {
		flex-direction: column-reverse;
	}

	.w11-img {
		width: 100%;
	}

	.w11-txt {
		width: 100%;
	}

	.w11-txt1 {
		font-size: 20px;
	}

	.w11-txt2 {
		font-size: 12px;
		margin-bottom: 30px;
	}

	.w11-txt3 {
		font-size: 12px;
	}

	.w11-b:nth-child(2n) .w11-bb {
		flex-direction: column;
	}

	.w11-b:nth-child(2n) .w11-txt {
		padding: 0 0 40px 0;
	}

	.w29 .toptitle-r .allbtn {
		display: inline-flex;
	}

	.w29-bb {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.w29-bb2 {
		padding: 20px;
	}

	.w29 {
		padding: 80px 0;
	}

	.w29-bb3 {
		flex-direction: column;
		align-items: flex-start;
	}

	.w29-bb6 {
		font-size: 14px;
		margin-bottom: 10px;
	}

	.w29-bb7 {
		font-size: 12px;
	}

	.w29-bb5 {
		margin: 20px 0 0 0;
		border: none;
	}

	.w29 .toptitle-r {
		text-align: right;
	}

	.w30 {
		padding: 80px 0;
	}

	.w30-txt1 {
		font-size: 20px;
	}

	.w30-txt2-b {
		margin-right: 10px;
	}

	.w30-txt2-b2 {
		font-size: 12px;
	}

	.w30-txt2 {
		zoom: .8;
	}

	.w30-b {
		padding: 0 0 30px;
		font-size: 12px;
		line-height: 1.2;
	}

	.w30-title {
		margin-bottom: 30px;
	}

	.w30-txt1 {
		margin-bottom: 10px;
	}

	.w30-b2 {
		padding: 10px 0;
	}

	.w30-b2l {
		flex-direction: column;
	}

	.w30-b2 {
		flex-direction: column;
	}

	.w30-b2b {
		margin: 0 0 10px 0;
	}

	.w30-b2l {
		align-items: flex-start;
	}

	.w30-b2 {
		align-items: flex-end;
	}

	.w12-a {
		width: 50%;
		margin-right: 0;
	}

	.w12-nav1 {
		width: 50%;
		margin-right: 0;
	}

	.w12-f {
		width: -webkit-fill-available;
		padding: 10px 20px;
	}

	.w12-nav form {
		width: 100%;
	}

	.w12 {
		padding: 80px 0;
	}

	.w12-nav1 {
		font-size: 14px;
	}

	.w12-input-txt {
		font-size: 12px;
	}

	.w12-fr {
		font-size: 12px;
	}

	.w12-fr::-webkit-input-placeholder {
		font-size: 12px;
	}

	.w12-box {
		margin-bottom: 20px;
	}

	.w12-b {
		min-width: 1200px;
	}

	.w12-big {
		overflow-x: scroll;
	}

	.w12-big::-webkit-scrollbar {
		height: 3px;
		background: #ececec;
	}

	.w12-big::-webkit-scrollbar-thumb {
		border-radius: 4px;
		background: #008936;
	}

	.w12-b .w12-bb:first-child .w12-bbb {
		font-size: 14px;
	}

	.w12-bbb {
		font-size: 12px;
	}

	.w13-bb {
		padding: 20px 0;
	}

	.w13-b2 {
		font-size: 12px;
	}

	.w24,
	.w15,
	.w14,
	.w13 {
		padding: 80px 0;
	}

	.w14-b {
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: 0;
	}

	.w14-bbb {
		border: none;
		border-top: 1px solid #E2E2E2;
		border-bottom: 1px solid #E2E2E2;
	}

	.w14-bb {
		padding: calc((100% - 250px) / 2) 0;
	}

	.w14-bb1 {
		font-size: 14px;
	}

	.w14-bb2 {
		font-size: 12px;
	}

	.w15-b {
		display: flex;
		flex-direction: column-reverse;
	}

	.w15-br {
		clip-path: none;
	}

	.w15-bl {
		padding: 0 20px;
		margin: 30px 0;
	}

	.w15-b2-1 {
		font-size: 14px;
	}

	.w15-b2-2 {
		font-size: 12px;
	}

	.w24-b1 {
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: 30px;
		margin-top: 50px;
	}

	.w24-b1-txt1 img {
		max-width: 70%;
	}

	.w24-b1-txt2 {
		font-size: 16px;
	}

	.w24-b1-txt2 {
		margin-bottom: 30px;
	}

	.w24-b1-txt3 {
		font-size: 12px;
	}

	.w24-b2-txt {
		font-size: 16px;
	}

	.w24-b2b {
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: 50px;
	}

	.w24-b2bb1 {
		font-size: 14px;
	}

	.w24-b2bb3 {
		font-size: 12px;
	}

	.w25 {
		padding: 80px 0;
	}

	.w25-b {
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: 20px;
	}

	.w25-bb1 {
		font-size: 14px;
	}

	.w25-bb2-input {
		font-size: 12px;
	}

	.w25-bb2-input::-webkit-input-placeholder {
		font-size: 12px;
	}

	.w25-bb2 {
		padding: 10px 20px;
	}

	.w25-b {
		margin-bottom: 20px;
	}

	.w25-bb2-textarea {
		font-size: 12px;
	}

	.w25-bb2-textarea::-webkit-input-placeholder {
		font-size: 12px;
	}

	.w25-b2 {
		margin-bottom: 30px;
	}

	.w25-btn-a {
		padding: 11px 35px;
		font-size: 15px;
	}

	.w26-bb {
		padding: 20px;
	}

	.w26-big {
		overflow-x: scroll;
	}

	.w26-big::-webkit-scrollbar {
		height: 3px;
		background: #ececec;
	}

	.w26-big::-webkit-scrollbar-thumb {
		border-radius: 4px;
		background: #008936;
	}

	.w26-b {
		min-width: 1000px;
	}

	.w26-btn {
		right: 30px;
	}

	.w26-bbb:first-child .w26-bbb {
		font-size: 14px;
	}

	.w26-bbb {
		font-size: 12px;
	}

	.w26-bb2 {
		padding: 40px 20px;
	}

	.w26-bb2b2-t {
		font-size: 14px;
	}

	.w26-bb2b2-b {
		font-size: 12px;
		line-height: 1.2;
	}

	.w26-bb2b {
		margin-bottom: 25px;
	}

	.w26 {
		padding: 80px 0;
	}

	.mulu {
		padding: 20px 0;
		margin-top: 60px;
	}

	.w27-img img {
		height: 300px;
		object-fit: cover;
	}

	.w27-txt1 {
		font-size: 20px;
	}

	.w27-txt2 {
		width: -webkit-fill-available;
	}

	.w27-txt2 {
		padding: 10px 30px;
	}

	.w28-title {
		font-size: 14px;
	}

	.w27 {
		margin-bottom: 80px;
	}

	.w28 {
		margin-bottom: 80px;
	}

	.w28-bb3 {
		flex-direction: column;
	}

	.w28-bb {
		padding: 30px 0;
	}

	.w28-bb1 {
		width: 80%;
		margin: 0 0 30px;
	}

	.w28-bb2b1 {
		font-size: 16px;
		text-align: center;
	}

	.w28-bb2b3 {
		font-size: 12px;
		line-height: 1.2;
		text-align: center;
	}

	.w23-btn {
		zoom: .7;
	}

	.w23-btn .swiper-button-next,
	.w23-btn .swiper-button-prev {
		margin-left: 10px;
	}

	.w02-lunbo .swiper-pagination {
		height: 1px;
	}

	.w02-lunbo .swiper-button-next {
		margin-left: 10px;
	}

	.w22-txt {
		font-size: 14px;
	}

	.w23-bb-txt {
		font-size: 14px;
	}

	.w29-bb8 a {
		font-size: 20px;
	}

	.w29-bb9 a {
		font-size: 12px;
	}

	.w30-txt2-b2 a {
		font-size: 12px;
	}

	.w30-b2b {
		font-size: 12px;
	}

	.w30-b2b a {
		font-size: 12px;
	}

	.right-fixed {
		zoom: .8;
		right: 5px;
	}

	.w02-nav-l {
		display: none;
	}

	.w17-nav-l {
		display: none;
	}

	.w17-b {
		margin-top: 50px;
	}

	.w17-bb {
		margin: 50px 10px 0;
	}

	.w04-b:nth-child(2n)::before {
		display: none;
	}

	.w04-b::after {
		display: none;
	}

	.w04-b:nth-child(2n)::after {
		display: block;
		content: '';
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 1px;
		height: 40px;
		background: rgba(255, 255, 255, .3);
	}

	.w18-txt {
		transform: translateY(0px);
	}

	.w12-nav {
		position: relative;
		margin-top: 30px;
	}

	.w12-nav1 {
		position: absolute;
		top: 0;
		left: 0;
	}

	.qw-tc2 {
		font-size: 12px;
	}

	.w29-bb1 img {
		height: 230px;
	}

	.w23-bb-img img {
		width: 200px;
		height: 200px;
	}

	.w05-bt {
		height: 180px;
	}

	.w05-bb {
		height: auto;
		padding: 22px 16px 18px;
	}

	.w8-top-a {
		text-align: left;
	}

	.muli-box a {
		white-space: nowrap;
	}

	.w05-bbt {
		min-height: 50px;
	}
}

@media (max-width: 1000px) {
	.w30-b img {
		height: auto;
	}
}

.pc {
	display: block;
}

.yd {
	display: none;
}

@media (max-width: 900px) {
	.yd {
		display: block;
	}

	.pc {
		display: none;
	}
}

@media (max-width: 1000px) {
	.w29-bb2 {
		position: relative;
	}

	.w29 .toptitle-r {
		position: absolute;
		right: 20px;
		bottom: 55px;
	}

	.muli-box {
		flex-wrap: wrap;
		gap: 5px 0;
	}
}

.w6-timg img {
	width: 4.58vw;
	max-width: 100%;
	display: block;
}

@media (max-width: 1000px) {
	.w6-timg img {
		width: 88px;
	}
}

.w12-nav {
	gap: 30px 0;
	position: relative;
	padding-left: 6.77vw;
}

.w12-nav1 {
	position: absolute;
	top: 30px;
	left: 0;
}

@media (max-width: 1000px) {
	.w12-nav {
		gap: 0;
		padding-left: 0;
		padding-top: 30px;
	}

	.w12-nav1 {
		top: 0;
	}
}