body {
	margin: 0;
	padding: 0;
	min-height: 100vh;
	background-color: #fff;
	font-family: "Microsoft YaHei" !important;
}

a {
	color: inherit;
	outline: none;
	text-decoration: none;
}

a:hover {
	color: #ff9a15;
}

/* 隐藏 Chrome 和 Safari 的滚动条 */
::-webkit-scrollbar {
	display: none;
}

img {
	display: block;
}

td {
	width: auto !important;
	border: 1px solid #DEDEDE !important;
}

th {
	width: auto !important;
}

table p {
	text-align: left !important;
	line-height: normal !important;
	text-indent: initial !important;
}

table span {
	font-size: 13px !important;
	color: #666 !important;
}


.banner-x-frame {
	width: calc(90% - 3.8730417vw);
	height: 4.08735000vw;
	margin-top: 20px;
	padding: 0 1.93652085vw;
	position: relative;
	display: flex;
	overflow: hidden;
}

.banner-x-content {
	height: 100%;
	width: 200%;
	display: flex;
	transition: all .3s;
}

.imageSrc1 {
	width: calc(4.01378364vw - 0.02vw);
	height: calc(100% - 0.08vw);
	border: 0.02vw solid #ff9a15;
	display: block;
	margin-right: 1.5vw;
}

.banner-x-prev {
	position: absolute;
	height: 100%;
	width: 1.93652085vw;
	left: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	cursor: pointer;
}

.banner-x-next {
	position: absolute;
	height: 100%;
	width: 1.93652085vw;
	right: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	cursor: pointer;
}

/* 轮播图指示器 */
.pagination {
	position: absolute;
	z-index: 20;
	bottom: 10px;
	width: 100%;
	text-align: center;
}

.swiper-pagination-switch {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background: #555;
	margin: 0 5px;
	opacity: 0.8;
	border: 1px solid #fff;
	cursor: pointer;
}

.swiper-active-switch {
	background: #fff;
}

/* loading动画 */
.loading-frame-all {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.loading-frame {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-bottom: 20px;
	position: relative;
}

.loading-frame::before {
	content: "加载中";
	position: absolute;
	top: calc(50% + 20px);
	width: 100%;
	text-align: center;
}

.loading {
	position: relative;
	width: 30px;
	height: 30px;
	border: 2px solid #000;
	border-top-color: rgba(0, 0, 0, 0.2);
	border-right-color: rgba(0, 0, 0, 0.2);
	border-bottom-color: rgba(0, 0, 0, 0.2);
	border-radius: 100%;
	animation: circle infinite 0.75s linear;
}

@keyframes circle {
	0% {
		transform: rotate(0);
	}

	100% {
		transform: rotate(360deg);
	}
}

.content-frame {
	padding: 2.42092932vw 0;
	background-color: #f5f5f5;
	overflow: hidden;
}

.content {
	max-width: 76vw;
	margin: 0 auto;
}

.rich-text {
	font-size: 0.9vw;
}

.rich-text img {
	width: 100% !important;
	height: auto !important;
}

.rich-text p {
	text-align: justify;
}

.rich-text table {
	width: 100% !important;
	height: auto !important;
}

.rich-text-name {
	width: 100%;
	color: #4c4c4c;
	background-color: #dddddd;
	font-size: .9vw;
	padding: 0.5vw;
}

/* pc与wap现实 */
.show-pc {
	display: block !important;
}

.show-pc-flex {
	display: flex !important;
}

.show-wap {
	display: none !important;
}

.show-wap-flex {
	display: none !important;
}

/**
 *	中间内容宽度：76vw 
 * 	二级中间内容宽度：71.15814136vw
 * 
 * 
 *
**/

/* 文字超出隐藏 */
.nowrap {
	white-space: nowrap;
}

.zi-hide {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.zi-hide-2 {
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2; //当属性值为2，表示超出2行隐藏
}

.zi-hide-3 {
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3; //当属性值为3，表示超出3行隐藏
}

.zi-hide-4 {
	display: -webkit-box;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4; //当属性值为4，表示超出4行隐藏
}


/**
 * 基础字号
**/
.size-d3vw {
	font-size: 0.3vw !important;
}

.size-d4vw {
	font-size: 0.4vw !important;
}

.size-d5vw {
	font-size: 0.5vw !important;
}

.size-d6vw {
	font-size: 0.6vw !important;
}

.size-d7vw {
	font-size: 0.7vw !important;
}

.size-d8vw {
	font-size: 0.8vw !important;
}

.size-d9vw {
	font-size: 0.9vw !important;
}

.size-1vw {
	font-size: 1vw !important;
}

.size-1d1vw {
	font-size: 1.1vw !important;
}

.size-1d2vw {
	font-size: 1.2vw !important;
}

.size-1d3vw {
	font-size: 1.3vw !important;
}

.size-1d4vw {
	font-size: 1.4vw !important;
}

.size-1d5vw {
	font-size: 1.5vw !important;
}

.size-1d6vw {
	font-size: 1.6vw !important;
}

.size-1d7vw {
	font-size: 1.7vw !important;
}

.size-1d8vw {
	font-size: 1.8vw !important;
}

.size-1d9vw {
	font-size: 1.9vw !important;
}

.size-2vw {
	font-size: 2vw !important;
}

.size-3vw {
	font-size: 3vw !important;
}

.size-4vw {
	font-size: 4vw !important;
}

.size-bold {
	font-weight: bold;
}

.size-indent {
	text-indent: 2em;
}

/* 基础色号 */
.describe {
	color: #666666;
}

.orange {
	color: #ffa12a;
}

.black {
	color: #333;
}

/* 触摸色号 */
.hover-orange {
	cursor: pointer;
}

.hover-orange:hover {
	color: #ff9a15;
}

/* 间隔 */
.m-t-10 {
	margin-top: 3vw;
}

.p-t-2 {
	padding-top: .2vw;
}

.p-t-4 {
	padding-top: .4vw;
}

.p-t-6 {
	padding-top: .6vw;
}

.p-t-8 {
	padding-top: .8vw;
}

.p-t-10 {
	padding-top: 1.0vw;
}

.p-t-12 {
	padding-top: 1.2vw;
}

.p-t-14 {
	padding-top: 1.4vw;
}

.p-t-16 {
	padding-top: 1.6vw;
}

.p-t-18 {
	padding-top: 1.8vw;
}

.p-t-20 {
	padding-top: 2.0vw;
}

/* head头部 */
.header {
	width: 100%;
	height: 5vw;
	background-color: #fff;
	position: relative;
}

.header-content {
	display: flex;
	height: 100%;
	justify-content: space-between;
}

.header .logo-frame {
	display: flex;
	align-items: center;
	font-size: 0.4vw;
	color: #fa741b;
	height: 100%;
	cursor: pointer;
}

.header .logo-frame img {
	height: 50%;
}

.header .logo-frame .corporate-name {
	font-weight: bold;
	font-size: .9vw;
	color: #333;
}

.header .menu-frame {
	display: flex;
	height: 100%;
	position: relative;
	width: 48vw;
}

.header-second-level-menu-frame {
	height: 0vw;
	width: 100%;
	background-color: #ff9a15;
	top: 100%;
	left: 0;
	position: absolute;
	z-index: 10;
	transition: all .3s;
}

.header .menu-frame .second-level-menu-frame {
	position: fixed;
	top: 5vw;
	height: 2.5vw;
	align-items: center;
	font-size: 0.8vw;
	color: #fff;
	padding-left: 1.9vw;
	display: none;
	width: 100%;
	left: 31.4vw;
	z-index: 10;
}

.header .menu-frame .second-level-menu-frame .second-level-menu-item {
	padding-right: 1vw;
	cursor: pointer;
	white-space: nowrap;
}

.header .menu-frame .menu-item {
	height: 100%;
	width: 10vw;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: .9vw;
	cursor: pointer;
	position: relative;
}

.header .menu-frame .menu-item a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}


.header .menu-frame .menu-frame-active a {
	color: #fff;
}

.header .menu-frame .menu-frame-active {}

.header .menu-frame .menu-frame-active::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	color: #fff;
	background-color: #ff9a15;
	width: 100%;
	height: 100%;
	transform: skewX(-20deg);
	will-change: transform;
}

.header .header-en {
	width: 5vw;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1vw;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	position: relative;
}

.header-en-swicth {
	position: absolute;
	left: 50%;
	top: 100%;
	width: 100%;
	padding: 0.5vw;
	background-color: #ff9a15;
	color: #fff;
	text-align: center;
	z-index: 100000;
	transform: translateX(-50%);
	font-size: 0.8vw;
	display: none;
}

.header-en-swicth::before {
	content: " ";
	width: 1.1vw;
	height: 1.1vw;
	position: absolute;
	bottom: 75%;
	left: 50%;
	transform: translateX(-50%) rotate(45deg);
	background-color: #ff9a15;
}

.header .header-en:hover .header-en-swicth {
	display: block;
}

/* 底部 */
.footer {
	width: 100%;
	background-color: #222222;
	padding: 1vw 0;
	color: #cccccc;
}

.footer-frame {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.footer-item1 {
	width: 15.7vw;
	padding-top: 3vw;
}

.footer-item2 {
	width: 30.4vw;
}

.footer-head-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 3.5vw;
	border-bottom: 1px solid #4e4e4e;
	transform: translateY(-0.5vw);
	width: 80%;
	padding-right: 20%;
}

.footer-head-item div {
	cursor: pointer;
}

.footer-head-item div:hover {
	color: #ff9306;
}

.footer-item3 {
	width: 13vw;
}

.footer-item4 {
	width: 6vw;
	padding-top: 3vw;
	display: flex;
	justify-content: center;
	flex-direction: column;
	text-align: center;
}

.footer-content {
	height: 6.66888396vw;
	display: flex;
	justify-content: center;
	flex-direction: column;
	padding: 1vw 0;
}

.footer-content p {
	display: flex;
	align-items: center;
}

.wx-qrcode-frame {
	position: relative;
	cursor: pointer;
}

.wx-qrcode {
	position: absolute;
	left: 50%;
	bottom: 100%;
	transform: translate(-50%, -10px);
	display: none;
}

.wx-qrcode-frame:hover .wx-qrcode {
	display: block;
}

/* 轮播图 */
.swiper-slide {
	position: relative;
}

.swiper-frame {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.swiper-frame .swiper-content {
	white-space: nowrap;
	transition: all .3s;
}

.swiper-frame .swiper-item {
	width: 100vw;
	float: left;
}

.swiper-frame .swiper-item img {
	width: 100vw;
	display: block;
	float: left;
}

/* 公告 */
.notice-frame {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	height: 3vw;
	background-color: red;
	z-index: 10;
	background: rgba(0, 0, 0, .6);
	overflow: hidden;
}

.notice-title {
	color: #f30;
	font-weight: bold;
	font-size: 1vw;
	border-right: 0.2vw solid #fff;
	padding-right: .5vw;
}

.notice-content {
	width: 85%;
	height: 3vw;
	color: #fff;
	font-size: 1vw;
	padding-left: 1vw;
	transition: all .3s;
}

.notice-content-item {
	height: 3vw;
	display: flex;
	align-items: center;
	cursor: pointer;
}

.notice-content-item:hover {
	color: #ff9306;
}

.notice-indicator-frame {
	color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%;
	width: 5%;
}

.notice-indicator-frame svg {
	width: 1vw;
	height: 1vw;
	fill: #fff;
	cursor: pointer;
	user-select: none;
}

.notice-indicator-frame svg:hover {
	fill: #ff9306;
}

/* 横向滚动 */
.swiper-x-frame {
	width: 100%;
	overflow: hidden;
}

.swiper-x {
	display: flex;
	transition: all .3s;
}

.swiper-x-item {
	width: calc(23vw + 3.5vw);
}

.swiper-x-indicator-frame {
	display: flex;
	justify-content: center;
	align-items: center;
}

.swiper-x-indicator-frame .swiper-x-indicator-item {
	width: .8vw;
	height: .8vw;
	background-color: #f2f2f2;
	border-radius: 50%;
	margin: 2vw .2vw;
	cursor: pointer;
}

.swiper-x-indicator-frame .swiper-x-indicator-item-active {
	background-color: #ff9306;
}

/* 图片外框 */
.image-frame {
	width: 100%;
	height: 100%;
	overflow: hidden;
	cursor: pointer;
	position: relative;
}

.image-frame img {
	width: 100%;
	height: 100%;
	transition: all .3s;
	display: block;
}

.image-frame:hover img {
	transform: scale(1.1);
}

/* 视频外框 */
.video-frame {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.video-frame video {
	width: 100%;
	display: block;
	object-fit: cover;
}

/* 标题显示 */
.title-frame {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	padding: 2.5vw 0 1.5vw;
}

.title-frame .title {
	font-weight: bold;
	font-size: 2vw;
	color: #333333;
}

.title-frame .describe {
	margin-top: 0.4vw;
	color: #ff935e;
	font-size: .7vw;
	position: relative;
	z-index: 10;
}

.title-frame .describe span {
	display: block;
	padding: 0 0.5vw;
	background-color: #fff;
}

.title-frame .describe::after {
	content: " ";
	position: absolute;
	width: 200%;
	height: 0.01vw;
	background-color: #c1c1c1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
}

/* 查看详情 */
.look-detail {
	padding: .3vw 1vw;
	border: 0.2vw solid #ff9306;
	font-size: .8vw;
	width: fit-content;
	border-radius: 999px;
	cursor: pointer;
	transition: all .3s;
}

.look-detail-active {
	background-color: #ff9306;
	color: #fff;
}

.look-detail:hover {
	background-color: #ff9306;
	color: #fff;
}

.look-detail-text {
	color: #ff9306;
	font-size: .8vw;
	cursor: pointer;
}

.look-detail-btn {
	padding: .3vw 1vw;
	border: 0.2vw solid #ff9306;
	font-size: .8vw;
	width: fit-content;
	border-radius: 999px;
	cursor: pointer;
	transition: all .3s;
	background-color: #ff9306;
	color: #fff;
}

/* 二级页面背景图片 */
.level-2-bg-img {
	width: 100%;
	height: 23.44095533vw;
	position: relative;
}

.level-2-bg-img img {
	width: 100%;
	height: 100%;
}

/* 导航栏 */
.navigation-frame {
	width: 100%;
	display: flex;
	background-color: #fff;
}

.navigation-item {
	width: calc(10.8571428571vw - 0.8888888889px);
	height: 4.5vw;
	border-left: 1px solid #ededed;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	font-size: .8vw;
	white-space: nowrap;
}

.navigation-item:last-child {
	border-right: 1px solid #ededed;
}

.navigation-item-active {
	color: #ff9a15;
	position: relative;
}

.navigation-item-active::before {
	content: " ";
	width: 100%;
	height: 0.23428348vw;
	background-color: #ff9a15;
	position: absolute;
	top: 0;
	left: 0;
}

/* 二级内容卡片 */
.level-2-content {
	padding: 2.42092932vw;
	background-color: #fff;
	position: relative;
}

.level-2-content p {
	line-height: 1.6vw;
	font-size: .9vw;
}

.letter-spacing {
	letter-spacing: 0.15em;
}

.text-justify {
	text-align: left;
}

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

.text-dx {
	text-transform: uppercase;
}


/* 布局 */
.row {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
}

.col {}

.flex-col-a-c {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.flex-col-a {
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.flex-row-a {
	display: flex;
	align-items: center;
}

.flex-row-btw {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* 分页 */
.paging-frame {
	display: flex;
	justify-content: center;
	align-items: center;
}

.paging-item {
	padding: .5vw .8vw;
	margin: 2vw .5vw 0 .5vw;
	font-size: .8vw;
	background-color: #fff;
	cursor: pointer;
}

.paging-item:hover {
	background-color: #ff9a15;
	color: #fff;
}

.paging-item-active {
	background-color: #ff9a15;
	color: #fff;
}

/* 轮播 */
.swiper-slide {
	cursor: pointer;
}

.swiper-pagination-sshb {
	position: absolute;
	bottom: 10px;
	left: 50%;
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, -4vw);
	width: 2vw;
	display: flex;
	justify-content: space-between;
	align-items: calc();
}

.swiper-pagination-sshb-item {
	width: .5vw;
	height: .5vw;
	border-radius: 50%;
	border: solid 0.15vw #fff;
}

.swiper-pagination-sshb-item-active {
	background-color: #fff;
}

.swiper-pagination {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

.swiper-pagination-bullet {
	width: .5vw !important;
	height: .5vw !important;
	opacity: 1 !important;
	border-radius: 50%;
	cursor: pointer;
	border: solid .15vw #fff;
	background-color: #ffffff00 !important;
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background-color: #fff !important;
}

.down-dh {
	width: 2.3vw;
	height: 2.3vw;
	border: 1px solid #fff;
	border-radius: 50%;
	position: relative;
}

.down-dh::before {
	content: " ";
	background: url(../images/icon/04.png);
	background-size: cover;
	background-position: center bottom;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 30%;
	height: 40%;
	animation: down_load 1.5s infinite linear;
	-moz-animation: down_load 1.5s infinite linear alternate;
	-ms-animation: down_load 1.5s infinite linear alternate;
	-webkit-animation: down_load 1.5s infinite linear alternate;
}

@keyframes down_load {
	from {
		transform: translate(-50%, -70%);
	}

	to {
		transform: translate(-50%, 10%);
	}
}

.scroll-move-top {
	position: fixed;
	right: 5vw;
	bottom: 10vh;
	width: 3vw;
	height: 3vw;
	background-color: #ff9a15;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 3px;
	display: none;
}

.scroll-move-top img {
	width: 1.2vw;
}

@keyframes fadeIn-up {
	0% {
		transform: translateY(100%);
		opacity: 0;
	}

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

.fadeInUp {
	animation: fadeIn-up 1s;
}