@charset "UTF-8";



/* 基础设置 */

:root {

	--wpPaddingNum: 8.5rem;

	/* 手机端内边距 */

	--wpMbPaddingNum: 1rem;

	/*边距尽量用rem控制，不要用vw计算属性会跟住窗口而变化导致计算失误*/

	--wpPadding: 0 var(--wpPaddingNum);

	--wpContPaddingNum: 0vw;

	--wpContPadding: 0 var(--wpContPaddingNum);

	--themeColor: #0004f1;

	--themeColor2: #3362f8;

	--themeActColor: #8dc21f;

	margin: 0;

	padding: 0;

	/* 默认字体大小 */

	font-size: 1vw;

	/* 导航高度 */

	--headerHeight: 4.8rem;

	/* 手机导航高度 */

	--headerMbHeight: 4rem;

	/* 灰色字体颜色 */

	--gary: #9b9b9b;

	/* 未选择按钮渐变色 */

	--noBtnBgColor: linear-gradient(to right, #e8e8e8, #cbcbcb);

	/* 选中按钮渐变色 */

	--btnBgColor: linear-gradient(to right, #ec2c34, #c80a14);

	/* 图片反白 */

	--imgWhite: brightness(0) invert(1);

	/* 图片变黑 */

	--imgBlack: brightness(0);

}



* {

	box-sizing: border-box;

	padding: 0;

	margin: 0;

	-webkit-font-smoothing: antialiased;

	outline: none;

}



input {

	outline: none;

	border: none;

}



html {

	overflow-x: hidden;

}



body {

	color: #343333;

	/* 字体 */

	font-family: "Microsoft YaHei", "微软雅黑", "Microsoft YaHei UI", "sans-serif";

	line-height: 1.5;

	font-size: var(--f16);

	font-weight: normal;

	font-style: normal;

}



/* layui组件重写 */

.layui-form-select dl dd.layui-this {

	color: var(--themeColor);

}



.layui-input-suffix {

	padding: 0;

}



/* 字体标签等公共设置 */

h1,

h2,

h3,

h4,

h5 {

	font-weight: bold;

}



em {

	font-style: normal;

}



li {

	list-style: none;

}



a {

	text-decoration: none;

	cursor: pointer;

	color: inherit;

}



::after,

::before {

	transition: all .3s;

}



i::after,

i::before {

	transition: none;

}



button {

	border: none;

	cursor: pointer;

}



/* 鼠标拖尾动画 */

.beneath {

	width: 100%;

	height: 100vh;

	position: fixed;

	left: 0;

	top: 0;

	z-index: 1;

}



/* 轮播 */

.wp {

	width: 100%;

	/*max-width: calc(1200px + var(--wpPaddingNum) * 2);*/

	/*内容区域最大1200px且缩放有间距的情况下开启*/

	padding: var(--wpPadding);

	/*margin: 0 auto;*/

}



.swiper-button-white {

	background: #fff;

	box-shadow: 0px 0px 35px rgba(186, 186, 186, 0.26);

	width: 0.2875rem;

	height: 0.2875rem;

}



.swiper-button-white i {

	color: #747474;

	font-size: var(--f16);

}



.swiper {

	width: 100%;

	height: 100%;

	transition: none !important;

}



/* 图片 */

img {

	/* width: 100%;

	height: 100%; */

	max-width: 100%;

	max-height: 100%;

	object-fit: cover;

}



.img-db {

	width: 100%;

	height: 100%;

	position: relative;

	overflow: hidden;

}



.img-db::after {

	display: block;

	content: '';

}



.img-db img {

	position: absolute;

	left: 0;

	top: 0;

	width: 100%;

	height: 100%;

	object-fit: cover;

	transition: all .5s;

}



.img-db-hover:hover .img-db img,

.img-db:hover img,

li:hover .img-db img {

	transform: scale(1.1);

}



/* 滚动条 */

::-webkit-scrollbar {

	width: 3px;

	height: 3px;

	background-color: #f5f5f5;

}



::-webkit-scrollbar-track {

	border-radius: 10px;

	background-color: #e2e2e2;

}



::-webkit-scrollbar-thumb {

	border-radius: 10px;

	background-color: var(--themeColor);

}



/* 主体部分 */

.wp-cont {

	width: 100%;

	padding: var(--wpContPadding);

}



/* 文字选中 */

::selection {

	color: #fff;

	background-color: var(--themeColor);

}



/* 定位 */

.relative {

	position: relative;

}



.absolute {

	position: absolute;

}



/* 弹性布局 */

.flex {

	display: flex;

}



.flex-1 {

	flex: 1;

}



.flex-wrap {

	flex-wrap: wrap;

}



.align-start {

	align-items: start;

}



.align-center {

	align-items: center;

}



.align-end {

	align-items: flex-end;

}



.just-center {

	justify-content: center;

}



.just-end {

	justify-content: end;

}



.just-between {

	justify-content: space-between;

}



.just-around {

	justify-content: space-around;

}



.just-item-center {

	justify-items: center;

}



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



.flexjs {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}





.ver-center {

	display: flex;

	align-items: center;

}



/* 字体 */

@font-face {

	font-family: 'num-font';

	src: url("../font/ROBOTO-BOLD.TTF");

	font-display: swap;

	font-family: 'en-font';

	src: url("../font/DIN.ttf");

	font-display: swap;

}



.num-font {

	font-family: 'num-font' !important;

}



.en-font {

	font-family: 'en-font' !important;

}



.counter {

	font-family: 'num-font';

}



/* 文字颜色 */

.color-white {

	color: #fff !important;

}



.color-black {

	color: #000 !important;

}



.color-subtitle {

	color: #828282 !important;

}



.color-subtitle-light {

	color: #b9b9b9 !important;

}



.color-subtitle-dark {

	color: #73747c !important;

}



.color-title {

	color: #343333 !important;

}



.color-theme {

	color: var(--themeColor) !important;

}



/* 背景相关 */

/* 通用背景自适应 */

.bgimg-cover {

	background-size: cover;

	background-repeat: no-repeat;

}



/* 其他 */

.mobile {

	display: none;

}



.pc {

	display: block;

}



.text-center {

	text-align: center;

}



.d-block {

	display: block;

}

.d-inlieblock{

	display: inline-block;

}



.over-hidden {

	overflow: hidden;

}

.ep1{

	overflow: hidden;

	white-space: nowrap;

	text-overflow: ellipsis;

}

.ep2 {

	display: -webkit-box;

	-webkit-line-clamp: 2;

	-webkit-box-orient: vertical;

	overflow: hidden;

	text-overflow: ellipsis;
	font-size: 0.9rem;

}



.ep3 {

	display: -webkit-box;

	-webkit-line-clamp: 3;

	-webkit-box-orient: vertical;

	overflow: hidden;

	text-overflow: ellipsis;

}



.ob-cover {

	object-fit: cover;

}



/* header占位符 */

.z-header {

	height: var(--headerHeight);

}



/* 宫格布局 */

.grid {

	display: grid;

}



.grid-column-1 {

	grid-template-columns: repeat(1, 1fr);

}



.grid-rows-1 {

	grid-template-rows: repeat(1, 1fr);

}



.grid-column-2 {

	grid-template-columns: repeat(2, 1fr);

}



.grid-rows-2 {

	grid-template-rows: repeat(2, 1fr);

}



.grid-column-3 {

	grid-template-columns: repeat(3, 1fr);

}



.grid-rows-3 {

	grid-template-rows: repeat(3, 1fr);

}



.grid-column-4 {

	grid-template-columns: repeat(4, 1fr);

}



.grid-rows-4 {

	grid-template-rows: repeat(4, 1fr);

}



.grid-column-5 {

	grid-template-columns: repeat(5, 1fr);

}



.grid-column-6 {

	grid-template-columns: repeat(6, 1fr);

}



.grid-rows-5 {

	grid-template-rows: repeat(5, 1fr);

}



/* 宽高 */

.full-100 {

	width: 100%;

	height: 100%;

}



.w-100 {

	width: 100%;

}



.h-100 {

	height: 100%;

}



.pt-1 {

	padding-top: 1rem;

}



.pb-1 {

	padding-bottom: 1rem;

}



.mt-1 {

	margin-top: 1rem;

}



.mb-1 {

	margin-bottom: 1rem;

}



.pt-2 {

	padding-top: 2rem;

}



.pb-2 {

	padding-bottom: 2rem;

}



.mt-2 {

	margin-top: 2rem;

}



.mb-2 {

	margin-bottom: 2rem;

}



.pt-3 {

	padding-top: 3rem;

}



.pb-3 {

	padding-bottom: 3rem;

}



.mt-3 {

	margin-top: 3rem;

}



.mb-3 {

	margin-bottom: 3rem;

}



.pt-4 {

	padding-top: 4rem;

}



.pb-4 {

	padding-bottom: 4rem;

}



.mt-4 {

	margin-top: 4rem;

}



.mb-4 {

	margin-bottom: 4rem;

}



.pt-5 {

	padding-top: 5rem;

}



.pb-5 {

	padding-bottom: 5rem;

}



.mt-5 {

	margin-top: 5rem;

}



.mb-5 {

	margin-bottom: 5rem;

}



.pt-6 {

	padding-top: 6rem;

}



.pb-6 {

	padding-bottom: 6rem;

}



.mt-6 {

	margin-top: 6rem;

}



.mb-6 {

	margin-bottom: 6rem;

}



.pt-7 {

	padding-top: 7rem;

}



.pb-7 {

	padding-bottom: 7rem;

}



.mt-7 {

	margin-top: 7rem;

}



.mb-7 {

	margin-bottom: 7rem;

}



.pt-8 {

	padding-top: 8rem;

}



.pb-8 {

	padding-bottom: 8rem;

}



.mt-8 {

	margin-top: 8rem;

}



.mb-8 {

	margin-bottom: 8rem;

}



.pt-9 {

	padding-top: 9rem;

}



.pb-9 {

	padding-bottom: 9rem;

}



.mt-9 {

	margin-top: 9rem;

}



.mb-9 {

	margin-bottom: 9rem;

}



.pt-10 {

	padding-top: 10rem;

}



.pb-10 {

	padding-bottom: 10rem;

}



.mt-10 {

	margin-top: 10rem;

}



.mb-10 {

	margin-bottom: 10rem;

}



.pt-11 {

	padding-top: 11rem;

}



.pb-11 {

	padding-bottom: 11rem;

}



.mt-11 {

	margin-top: 11rem;

}



.mb-11 {

	margin-bottom: 11rem;

}



.pt-12 {

	padding-top: 12rem;

}



.pb-12 {

	padding-bottom: 12rem;

}



.mt-12 {

	margin-top: 12rem;

}



.mb-12 {

	margin-bottom: 12rem;

}



.pt-13 {

	padding-top: 13rem;

}



.pb-13 {

	padding-bottom: 13rem;

}



.mt-13 {

	margin-top: 13rem;

}



.mb-13 {

	margin-bottom: 13rem;

}



.pt-14 {

	padding-top: 14rem;

}



.pb-14 {

	padding-bottom: 14rem;

}



.mt-14 {

	margin-top: 14rem;

}



.mb-14 {

	margin-bottom: 14rem;

}



.pt-15 {

	padding-top: 15rem;

}



.pb-15 {

	padding-bottom: 15rem;

}



.mt-15 {

	margin-top: 15rem;

}



.mb-15 {

	margin-bottom: 15rem;

}



.pt-16 {

	padding-top: 16rem;

}



.pb-16 {

	padding-bottom: 16rem;

}



.mt-16 {

	margin-top: 16rem;

}



.mb-16 {

	margin-bottom: 16rem;

}



.pt-17 {

	padding-top: 17rem;

}



.pb-17 {

	padding-bottom: 17rem;

}



.mt-17 {

	margin-top: 17rem;

}



.mb-17 {

	margin-bottom: 17rem;

}



.pt-18 {

	padding-top: 18rem;

}



.pb-18 {

	padding-bottom: 18rem;

}



.mt-18 {

	margin-top: 18rem;

}



.mb-18 {

	margin-bottom: 18rem;

}



.pt-19 {

	padding-top: 19rem;

}



.pb-19 {

	padding-bottom: 19rem;

}



.mt-19 {

	margin-top: 19rem;

}



.mb-19 {

	margin-bottom: 19rem;

}



.pt-20 {

	padding-top: 20rem;

}



.pb-20 {

	padding-bottom: 20rem;

}



.mt-20 {

	margin-top: 20rem;

}



.mb-20 {

	margin-bottom: 20rem;

}



/* 顶部展位内边距 */

.p-top-nav {

	padding-top: var(--headerHeight);

}



/* 文字大小 */

.f5 {

	font-size: var(--f5) !important;

}



.f6 {

	font-size: var(--f6) !important;

}



.f7 {

	font-size: var(--f7) !important;

}



.f8 {

	font-size: var(--f8) !important;

}



.f9 {

	font-size: var(--f9) !important;

}



.f10 {

	font-size: var(--f10) !important;

}



.f11 {

	font-size: var(--f11) !important;

}



.f12 {

	font-size: var(--f12) !important;

}



.f13 {

	font-size: var(--f13) !important;

}



.f14 {

	font-size: var(--f14) !important;

}



.f15 {

	font-size: var(--f15) !important;

}



.f16 {

	font-size: var(--f16) !important;

}



.f17 {

	font-size: var(--f17) !important;

}



.f18 {

	font-size: var(--f18) !important;

}



.f19 {

	font-size: var(--f19) !important;

}



.f20 {

	font-size: var(--f20) !important;

}



.f21 {

	font-size: var(--f21) !important;

}



.f22 {

	font-size: var(--f22) !important;

}



.f23 {

	font-size: var(--f23) !important;

}



.f24 {

	font-size: var(--f24) !important;

}



.f25 {

	font-size: var(--f25) !important;

}



.f26 {

	font-size: var(--f26) !important;

}



.f27 {

	font-size: var(--f27) !important;

}



.f28 {

	font-size: var(--f28) !important;

}



.f29 {

	font-size: var(--f29) !important;

}



.f30 {

	font-size: var(--f30) !important;

}



.f31 {

	font-size: var(--f31) !important;

}



.f32 {

	font-size: var(--f32) !important;

}



.f33 {

	font-size: var(--f33) !important;

}



.f34 {

	font-size: var(--f34) !important;

}



.f35 {

	font-size: var(--f35) !important;

}



.f36 {

	font-size: var(--f36) !important;

}



.f37 {

	font-size: var(--f37) !important;

}



.f38 {

	font-size: var(--f38) !important;

}



.f39 {

	font-size: var(--f39) !important;

}



.f40 {

	font-size: var(--f40) !important;

}



.f41 {

	font-size: var(--f41) !important;

}



.f42 {

	font-size: var(--f42) !important;

}



.f43 {

	font-size: var(--f43) !important;

}



.f44 {

	font-size: var(--f44) !important;

}



.f45 {

	font-size: var(--f45) !important;

}



.f46 {

	font-size: var(--f46) !important;

}



.f47 {

	font-size: var(--f47) !important;

}



.f48 {

	font-size: var(--f48) !important;

}



.f49 {

	font-size: var(--f49) !important;

}



.f50 {

	font-size: var(--f50) !important;

}



.f51 {

	font-size: var(--f51) !important;

}



.f52 {

	font-size: var(--f52) !important;

}



.f53 {

	font-size: var(--f53) !important;

}



.f54 {

	font-size: var(--f54) !important;

}



.f55 {

	font-size: var(--f55) !important;

}



.f56 {

	font-size: var(--f56) !important;

}



.f57 {

	font-size: var(--f57) !important;

}



.f58 {

	font-size: var(--f58) !important;

}



.f59 {

	font-size: var(--f59) !important;

}



.f60 {

	font-size: var(--f60) !important;

}



.f61 {

	font-size: var(--f61) !important;

}



.f62 {

	font-size: var(--f62) !important;

}



.f63 {

	font-size: var(--f63) !important;

}



.f64 {

	font-size: var(--f64) !important;

}



.f65 {

	font-size: var(--f65) !important;

}



.f66 {

	font-size: var(--f66) !important;

}



.f67 {

	font-size: var(--f67) !important;

}



.f68 {

	font-size: var(--f68) !important;

}



.f69 {

	font-size: var(--f69) !important;

}



.f70 {

	font-size: var(--f70) !important;

}



.f71 {

	font-size: var(--f71) !important;

}



.f72 {

	font-size: var(--f72) !important;

}



.f73 {

	font-size: var(--f73) !important;

}



.f74 {

	font-size: var(--f74) !important;

}



.f75 {

	font-size: var(--f75) !important;

}



.f76 {

	font-size: var(--f76) !important;

}



.f77 {

	font-size: var(--f77) !important;

}



.f78 {

	font-size: var(--f78) !important;

}



.f79 {

	font-size: var(--f79) !important;

}



.f80 {

	font-size: var(--f80) !important;

}



.f81 {

	font-size: var(--f81) !important;

}



.f82 {

	font-size: var(--f82) !important;

}



.f83 {

	font-size: var(--f83) !important;

}



.f84 {

	font-size: var(--f84) !important;

}



.f85 {

	font-size: var(--f85) !important;

}



.f86 {

	font-size: var(--f86) !important;

}



.f87 {

	font-size: var(--f87) !important;

}



.f88 {

	font-size: var(--f88) !important;

}



.f89 {

	font-size: var(--f89) !important;

}



.f90 {

	font-size: var(--f90) !important;

}



.f91 {

	font-size: var(--f91) !important;

}



.f92 {

	font-size: var(--f92) !important;

}



.f93 {

	font-size: var(--f93) !important;

}



.f94 {

	font-size: var(--f94) !important;

}



.f95 {

	font-size: var(--f95) !important;

}



.f96 {

	font-size: var(--f96) !important;

}



.f97 {

	font-size: var(--f97) !important;

}



.f98 {

	font-size: var(--f98) !important;

}



.f99 {

	font-size: var(--f99) !important;

}



.f100 {

	font-size: var(--f100) !important;

}



.f-bold {

	font-weight: bold;

}