@charset "UTF-8";

/* 基础设置 */
:root {
	--wpPaddingNum:7rem;
	/* 手机端内边距 */
	--wpMbPaddingNum:1rem;
	/*边距尽量用rem控制，不要用vw计算属性会跟住窗口而变化导致计算失误*/
	--wpPadding:0 var(--wpPaddingNum);
	--wpContPaddingNum:0vw;
	--wpContPadding:0 var(--wpContPaddingNum);
	--themeColor:#ea5111;
	--themeColor2: #1fa9c7;
	--themeActColor:#8dc21f;
	margin:0;
	padding:0;
	/* 默认字体大小 */
	font-size:1vw;
	/* 导航高度 */
	--headerHeight:5rem;
	/* 手机导航高度 */
	--headerMbHeight:4rem;
	/* 灰色字体颜色 */
	--gary:#9b9b9b;
	/* 未选择按钮渐变色 */
	--noBtnBgColor:linear-gradient(to right, var(--jlt-line-soft), #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:var(--jlt-ink-500);
	/* 字体 */
	font-family:"pop-m-font", "Microsoft YaHei", "微软雅黑", "Microsoft YaHei UI", "sans-serif";
	line-height:1.5;
	font-size:var(--f16, 16px);
	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, 16px);
}

.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,
.img-db video {
	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:hover .img-db video,
.img-db:hover img,
.img-db:hover video,
li:hover .img-db img,
li:hover .img-db video {
	transform:scale(1.1);
}

/* 视频播放按钮 */
.img-db:has(video)::after,
.img-db.has-video::after {
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	width:54px;
	height:54px;
	background:rgba(255, 255, 255, 0.88);
	border-radius:50%;
	z-index:3;
	pointer-events:none;
	transition:all .3s ease;
	box-shadow:0 2px 14px rgba(0, 0, 0, 0.12);
}

.img-db:has(video)::before,
.img-db.has-video::before {
	content:"";
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-35%, -50%);
	border-style:solid;
	border-width:10px 0 10px 17px;
	border-color:transparent transparent transparent var(--jlt-ink-700);
	z-index:4;
	pointer-events:none;
	transition:all .3s ease;
}

/* 悬停播放时隐藏按钮 */
.img-db-hover:hover .img-db:has(video)::after,
.img-db-hover:hover .img-db:has(video)::before,
.img-db-hover:hover .img-db.has-video::after,
.img-db-hover:hover .img-db.has-video::before {
	opacity:0;
}

.imgBox {
    position:relative;
    overflow:hidden;
    isolation:isolate;
}

.imgBox .img.light::before {
    content:"";
    position:absolute;
    top:0;
    left:-86%;
    z-index:2;
    display:block;
    width:50%;
    height:100%;
    transform:skewX(-25deg);
    background:linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.1));
}

.a:hover .imgBox .img.light::before {
    animation:shine .5s;
}

@keyframes shine {
    100% {
        left:115%;
    }
}
/* 滚动条 */
::-webkit-scrollbar {
	width:3px;
	height:3px;
	background-color:var(--jlt-surface-alt);
}

::-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;
}

/* 字体
 * 原实现把 5 组 font-family/src 写进了同一个 @font-face。同名描述符只有最后一条生效，
 * 因此实际只注册了 pop-s-font —— pop-b / pop-l / pop-m / pop-r 四个字族并不存在，
 * 而头部导航（pop-m-font）、页脚电话（pop-b-font）、语言切换（pop-r-font）都在用它们，
 * 一直在静默回退到系统字体。现拆成 5 条独立规则。
 * 同时把 TTF 子集化为 WOFF2（5 个文件 1.3 MB → 50 KB），字形覆盖不变。
 */
@font-face {
	font-family:"pop-l-font";
	font-weight:300;
	font-style:normal;
	src:url("../font/Poppins-Light.woff2?v=6ce9bf4f6e59") format("woff2");
	font-display:swap;
}
@font-face {
	font-family:"pop-r-font";
	font-weight:400;
	font-style:normal;
	src:url("../font/Poppins-Regular.woff2?v=f1b8ddd3cb12") format("woff2");
	font-display:swap;
}
@font-face {
	font-family:"pop-m-font";
	font-weight:500;
	font-style:normal;
	src:url("../font/Poppins-Medium.woff2?v=cad5f1498899") format("woff2");
	font-display:swap;
}
@font-face {
	font-family:"pop-s-font";
	font-weight:600;
	font-style:normal;
	src:url("../font/Poppins-SemiBold.woff2?v=734275e9ff86") format("woff2");
	font-display:swap;
}
@font-face {
	font-family:"pop-b-font";
	font-weight:700;
	font-style:normal;
	src:url("../font/Poppins-Bold.woff2?v=5c1050937329") format("woff2");
	font-display:swap;
}

.pop-b-font {
	font-family:"pop-b-font" !important;
}

.pop-l-font {
	font-family:"pop-l-font" !important;
}

.pop-m-font {
	font-family:"pop-m-font" !important;
}

.pop-r-font {
	font-family:"pop-r-font" !important;
}

.pop-s-font {
	font-family:"pop-s-font" !important;
}


.counter {
	font-family:"pop-s-font";
}

/* 文字颜色 */
.color-white {
	color:#fff !important;
}

.color-black {
	color:var(--jlt-ink-700) !important;
}

.color-subtitle {
	color:#828282 !important;
}

.color-subtitle-light {
	color:#b9b9b9 !important;
}

.color-subtitle-dark {
	color:#73747c !important;
}

.color-title {
	color:var(--jlt-ink-500) !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;
}

.over-hidden {
	overflow:hidden;
}
.ep1{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.ep2 {
	display:-webkit-box;
	-webkit-line-clamp:2;
	-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-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, 5px) !important;
}

.f6 {
	font-size:var(--f6, 6px) !important;
}

.f7 {
	font-size:var(--f7, 7px) !important;
}

.f8 {
	font-size:var(--f8, 8px) !important;
}

.f9 {
	font-size:var(--f9, 9px) !important;
}

.f10 {
	font-size:var(--f10, 10px) !important;
}

.f11 {
	font-size:var(--f11, 11px) !important;
}

.f12 {
	font-size:var(--f12, 12px) !important;
}

.f13 {
	font-size:var(--f13, 13px) !important;
}

.f14 {
	font-size:var(--f14, 14px) !important;
}

.f15 {
	font-size:var(--f15, 15px) !important;
}

.f16 {
	font-size:var(--f16, 16px) !important;
}

.f17 {
	font-size:var(--f17, 17px) !important;
}

.f18 {
	font-size:var(--f18, 18px) !important;
}

.f19 {
	font-size:var(--f19, 19px) !important;
}

.f20 {
	font-size:var(--f20, 20px) !important;
}

.f21 {
	font-size:var(--f21, 21px) !important;
}

.f22 {
	font-size:var(--f22, 22px) !important;
}

.f23 {
	font-size:var(--f23, 23px) !important;
}

.f24 {
	font-size:var(--f24, 24px) !important;
}

.f25 {
	font-size:var(--f25, 25px) !important;
}

.f26 {
	font-size:var(--f26, 26px) !important;
}

.f27 {
	font-size:var(--f27, 27px) !important;
}

.f28 {
	font-size:var(--f28, 28px) !important;
}

.f29 {
	font-size:var(--f29, 29px) !important;
}

.f30 {
	font-size:var(--f30, 30px) !important;
}

.f31 {
	font-size:var(--f31, 31px) !important;
}

.f32 {
	font-size:var(--f32, 32px) !important;
}

.f33 {
	font-size:var(--f33, 33px) !important;
}

.f34 {
	font-size:var(--f34, 34px) !important;
}

.f35 {
	font-size:var(--f35, 35px) !important;
}

.f36 {
	font-size:var(--f36, 36px) !important;
}

.f37 {
	font-size:var(--f37, 37px) !important;
}

.f38 {
	font-size:var(--f38, 38px) !important;
}

.f39 {
	font-size:var(--f39, 39px) !important;
}

.f40 {
	font-size:var(--f40, 40px) !important;
}

.f41 {
	font-size:var(--f41, 41px) !important;
}

.f42 {
	font-size:var(--f42, 42px) !important;
}

.f43 {
	font-size:var(--f43, 43px) !important;
}

.f44 {
	font-size:var(--f44, 44px) !important;
}

.f45 {
	font-size:var(--f45, 45px) !important;
}

.f46 {
	font-size:var(--f46, 46px) !important;
}

.f47 {
	font-size:var(--f47, 47px) !important;
}

.f48 {
	font-size:var(--f48, 48px) !important;
}

.f49 {
	font-size:var(--f49, 49px) !important;
}

.f50 {
	font-size:var(--f50, 50px) !important;
}

.f51 {
	font-size:var(--f51, 51px) !important;
}

.f52 {
	font-size:var(--f52, 52px) !important;
}

.f53 {
	font-size:var(--f53, 53px) !important;
}

.f54 {
	font-size:var(--f54, 54px) !important;
}

.f55 {
	font-size:var(--f55, 55px) !important;
}

.f56 {
	font-size:var(--f56, 56px) !important;
}

.f57 {
	font-size:var(--f57, 57px) !important;
}

.f58 {
	font-size:var(--f58, 58px) !important;
}

.f59 {
	font-size:var(--f59, 59px) !important;
}

.f60 {
	font-size:var(--f60, 60px) !important;
}

.f61 {
	font-size:var(--f61, 61px) !important;
}

.f62 {
	font-size:var(--f62, 62px) !important;
}

.f63 {
	font-size:var(--f63, 63px) !important;
}

.f64 {
	font-size:var(--f64, 64px) !important;
}

.f65 {
	font-size:var(--f65, 65px) !important;
}

.f66 {
	font-size:var(--f66, 66px) !important;
}

.f67 {
	font-size:var(--f67, 67px) !important;
}

.f68 {
	font-size:var(--f68, 68px) !important;
}

.f69 {
	font-size:var(--f69, 69px) !important;
}

.f70 {
	font-size:var(--f70, 70px) !important;
}

.f71 {
	font-size:var(--f71, 71px) !important;
}

.f72 {
	font-size:var(--f72, 72px) !important;
}

.f73 {
	font-size:var(--f73, 73px) !important;
}

.f74 {
	font-size:var(--f74, 74px) !important;
}

.f75 {
	font-size:var(--f75, 75px) !important;
}

.f76 {
	font-size:var(--f76, 76px) !important;
}

.f77 {
	font-size:var(--f77, 77px) !important;
}

.f78 {
	font-size:var(--f78, 78px) !important;
}

.f79 {
	font-size:var(--f79, 79px) !important;
}

.f80 {
	font-size:var(--f80, 80px) !important;
}

.f81 {
	font-size:var(--f81, 81px) !important;
}

.f82 {
	font-size:var(--f82, 82px) !important;
}

.f83 {
	font-size:var(--f83, 83px) !important;
}

.f84 {
	font-size:var(--f84, 84px) !important;
}

.f85 {
	font-size:var(--f85, 85px) !important;
}

.f86 {
	font-size:var(--f86, 86px) !important;
}

.f87 {
	font-size:var(--f87, 87px) !important;
}

.f88 {
	font-size:var(--f88, 88px) !important;
}

.f89 {
	font-size:var(--f89, 89px) !important;
}

.f90 {
	font-size:var(--f90, 90px) !important;
}

.f91 {
	font-size:var(--f91, 91px) !important;
}

.f92 {
	font-size:var(--f92, 92px) !important;
}

.f93 {
	font-size:var(--f93, 93px) !important;
}

.f94 {
	font-size:var(--f94, 94px) !important;
}

.f95 {
	font-size:var(--f95, 95px) !important;
}

.f96 {
	font-size:var(--f96, 96px) !important;
}

.f97 {
	font-size:var(--f97, 97px) !important;
}

.f98 {
	font-size:var(--f98, 98px) !important;
}

.f99 {
	font-size:var(--f99, 99px) !important;
}

.f100 {
	font-size:var(--f100, 100px) !important;
}

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



/* 兼容样式 */
.m {
	height:100%;
	margin:0 auto;
	display:block;
	position:relative;
	width:100%;
	padding:var(--wpPadding);
}