@charset "UTF-8";

/* 导航部分 */
/* pc端导航样式 */
#pc_header {
	position:fixed;
	top:0;
	width:100%;
	z-index:999;
	transition:all .5s ease;
	height:var(--headerHeight);
}

#pc_header .wp {
	height:100%;
}



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

#pc_header .logo {
	/* max-width:8.75rem; */
	flex-shrink:0;
	position:relative;
}

#pc_header .logo a {
	display:block;
}

#pc_header .logo img {
	max-height:calc(var(--headerHeight) - 1rem);
	transform:all .5s;
}

#pc_header .logo .white {
	opacity:1;
}

#pc_header .logo .black {
	position:absolute;
	opacity:0;
	left:0;
	top:0;
}


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

#pc_header .nav {
	display:flex;
	align-items:center;
	color:#fff;
	font-size:var(--f18, 18px);
	font-weight:300;
	height:100%;
}

#pc_header .nav > li > a{
    font-weight:600;
}

#pc_header i,
#pc_header .lang {
	color:#fff;
	font-size:var(--f16, 16px);
}

#pc_header .lang {
	height:100%;
	position:relative;
}

#pc_header .lang>a {
	display:flex;
	align-items:center;
	gap:.4rem;
	line-height:var(--headerHeight);
	font-family:"pop-r-font";
}

#pc_header .lang>a:hover {
	color:unset;
}

#pc_header .lang svg {
	transition:all .5s;
	width:auto;
	height:var(--f24, 24px);
	transform:translateY(-10%);
}

#pc_header .lang svg path {
	fill:#fff;


}

#pc_header .lang i {
	transform:rotate(90deg) translateX(-30%);
	display:block;
}

#pc_header .nav>li {
	margin-right:2.4rem;
	position:relative;
	height:100%;
	font-family:"pop-s-font";
}

#pc_header .nav>li::after {
	content:"";
	/* width:0; */
	/* height:1px; */
	background-color:#fff;
	position:absolute;
	/* bottom:0; */
	transition:all .5s ease;
	/* 	left:50%;
	transform:translateX(-50%); */
	width:100%;
	height:.5rem;
	opacity:0;
	bottom:15%;
	transform:translateX(-50%);
	transition:all .5s;
}

#pc_header .nav>li.on::after,
#pc_header .nav>li:hover::after {

	opacity:1;
	transform:translateX(0);
}

#pc_header .nav>li>a {
	height:100%;
	line-height:var(--headerHeight);
	display:block;
}

#pc_header .nav>li a:hover {
	color:unset;
}

.ej_box {
	position:absolute;
	top:100%;
	left:50%;
	transform:translateX(-50%);
	background-color:#fff;
	/* border-radius:.1875rem; */
	font-size:var(--f18, 18px);
	color:var(--jlt-ink-700);
	/* padding:.5rem 0rem; */
	width:auto;
	white-space:nowrap;
	text-align:center;
	min-width:100%;
	opacity:0;
	visibility:hidden;
	transition:all .5s ease
}

.ej_box a {
	display:block;
	padding:.5rem 1.5rem;
	transition:all .5s ease
}

#pc_header .pro_box {
	position:fixed;
	width:100vw;
	display:flex;
	justify-content:space-between;
	background:#fff;
	left:0;
	padding:3rem 4rem;
	color:var(--jlt-ink-700);
	opacity:0;
	visibility:hidden;
	transition:all .5s;
	align-items:flex-start;
}

#pc_header .pro_box .left {
	flex:1;
	display:flex;
	flex-wrap:wrap;
	gap:4rem;
}

#pc_header .pro_box .left .list {
	width:20%;
}

#pc_header .pro_box .left .tt {
	border-bottom:1px solid var(--jlt-line);
	padding:.5rem 0 .6rem;
}

#pc_header .pro_box .left .tt a {
	color:var(--jlt-ink-700);
	font-weight:bold;
	font-size:var(--f24, 24px);
	display:flex;
	align-items:center;
	gap:2rem;
	transition:all .5s;
}

#pc_header .pro_box .left .tt a svg {
	height:var(--f24, 24px);
	width:auto;
}

#pc_header .pro_box .left .tt a svg path {
	transition:all .5s;

}

#pc_header .pro_box .left .tt a:hover {
	gap:3rem;
}

#pc_header .pro_box .left .tt a:hover svg path {
	fill:var(--themeColor);
}

#pc_header .pro_box .left .tt p {
	font-size:var(--f16, 16px);
	margin-top:.4rem;
	color:#828282;
}

#pc_header .pro_box .left .list li {
	margin-top:1.2rem;
}

#pc_header .pro_box .left a {
	transition:all/**/.5s;
	font-size:var(--f17, 17px);
	color:#6a6868;
}

#pc_header .pro_box .left a:hover {
	color:var(--themeColor);
}

#pc_header .pro_box .right {
	/* aspect-ratio:427/212; */
	height:auto;
	width:22%;
}

#pc_header .pro_box .right img {
	width:100%;
	height:auto;
	object-fit:contain;
}


#pc_header .nav li:hover .ej_box,
#pc_header .nav li:hover .pro_box,
.lang:hover .ej_box {
	opacity:1;
	visibility:visible
}

#pc_header .ej_box{
    box-shadow:0 8px 13px -6px rgba(21, 20, 20, .2);
}

.ej_box a:hover,.ej_box a.on {
	background:var(--themeColor);
	color:#fff !important;
}

#pc_header .line {
	background:#fff;
	height:1rem;
	width:1px;
}

#pc_header .line,
#pc_header .search-btn {
	margin-right:2rem;
}

#pc_header .search-btn svg{
    width:auto;
    height:var(--f20, 20px);
}

#pc_header .search-btn svg path{
    fill:#fff;
}

#pc_header.fix {
	background-color:#fff;
	box-shadow:0 8px 13px -12px rgba(21, 20, 20, .2);
}

#pc_header.fix .logo .white {
	opacity:0;
}

#pc_header.fix .logo .black {
	opacity:1;
}

#pc_header.fix .nav,
#pc_header.fix i,
#pc_header.fix .lang,
#pc_header.fix svg path {
	color:var(--jlt-ink-700);
	fill:#020202;
}

#pc_header.fix .line {
	background:#020202;
}

#pc_header .nav li::after,
#pc_header .nav li:hover::after {
	background:url(../images/nav-hover.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
}

/* 普通二级菜单 */
/* 顶部搜索框 */
/* 三线导航条 */
.sp_nav {
	width:1.3rem;
	height:1.2rem;
	display:block;
	position:relative;
	font-size:0;
	line-height:0;
	overflow:hidden;
	margin-right:var(--mr);
}

.sp_nav span {
	width:100%;
	position:absolute;
	left:0;
	top:0;
	height:0.12rem;
	background:var(--themeColor);
	font-size:0;
	font-size:0;
	line-height:0;
	display:block;
	transition:width .5s, transform .5s, background .5s;
}

.sp_nav span:nth-child(2) {
	width:70%;
	top:50%;
	transform:translateY(-50%);
}

.sp_nav span:last-child {
	top:auto;
	bottom:0;
}

.sp_nav:hover span:nth-child(2) {
	width:100%;
}

.sp_nav.is_rotate.on span:nth-child(1) {
	transform:rotate(45deg);
	top:0.5rem;
}

.sp_nav.is_rotate.on span:nth-child(2) {
	background:rgba(0, 0, 0, 0);
}

.sp_nav.is_rotate.on span:nth-child(3) {
	transform:rotate(-45deg);
	bottom:0.5rem;
}

/* 导航结束 */
/* 导航搜索窗开始 */
.search-dialog-box {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:70vh;
	z-index:1000000;
	opacity:0;
	visibility:hidden;
	transition:.6s;
}

.search-dialog-box:before {
	content:"";
	position:absolute;
	top:0;
	height:0;
	transition:.6s;
	left:0;
	right:0;
	z-index:1;
	/* background-image:-moz-linear-gradient(270deg, var(--themeColor) 20%, transparent 100%);
	background-image:-webkit-linear-gradient(270deg, var(--themeColor) 20%, transparent 100%);
	background-image:-ms-linear-gradient(270deg, var(--themeColor) 20%, transparent 100%); */
	background-image:linear-gradient(180deg, var(--themeColor) 20%, transparent 100%);
}

.search-dialog-box.on {
	opacity:1;
	visibility:visible;
}

.search-dialog-box.on:before {
	height:100%;
}

.search-dialog-box.on .search-bg {
	height:100vh;
}

.search-dialog-box.on .wrap-inner {
	transform:translateY(0);
}

.search-dialog-box .search-bg {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:0;
	margin:0;
	background-size:cover;
	background-repeat:no-repeat;
	transform-origin:center center;
	transition:height 0.8s cubic-bezier(0.77, 0, 0.175, 1);
}

.search-dialog-box .wrap-inner {
	transform:translateY(100%);
	transition:.6s;
}

.search-dialog-box .search {
	background:transparent;
	width:100%;
	padding:0;
	border-radius:0;
	display:block;
}

.search-dialog {
	position:absolute;
	left:0;
	top:30%;
	transform:translateY(-50%);
	width:100%;
	z-index:2;
}

.search-dialog .search-inner {
	overflow:hidden;
	margin-top:0;
}

.search-dialog .search-input {
	overflow:hidden;
	display:flex;
	/* width:50rem; */
	width:50%;
	margin:0 auto;
	padding:0 0 0 1.5rem;
	background-color:rgba(255, 255, 255, 0.1);
	box-sizing:border-box;
	transition:all .3s;
	max-width:94%;
}

.search-dialog .search-input svg {
	width:1.8rem;
}

.search-dialog .search-input input[type=text] {
	float:left;
	height:3.8rem;
	flex-grow:1;
	background-color:transparent;
	font-size:var(--f22, 22px);
	color:#fff;
	transition:all .3s;
}

.search-dialog .search-input input[type=text]::-webkit-input-placeholder {
	color:rgba(255, 255, 255, 0.5);
}

.search-dialog .search-input input[type=text]:-moz-placeholder {
	color:rgba(255, 255, 255, 0.5);
}

.search-dialog .search-input input[type=text]::-moz-placeholder {
	color:rgba(255, 255, 255, 0.5);
}

.search-dialog .search-input input[type=text]:-ms-input-placeholder {
	color:rgba(255, 255, 255, 0.5);
}

.search-dialog .search-input .submit {
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:center;
}

.search-dialog .search-input .submit,
.search-dialog .search-input .clear-btn {
	height:auto;
	width:3.5rem;
}

.search-tit {
	text-align:center;
	color:#fff;
	font-size:var(--f30, 30px);
	line-height:1.5;
	margin-bottom:2rem;
}

.pub-close {
	position:absolute;
	width:3rem;
	height:3rem;
	z-index:10;
	right:1.5rem;
	top:1.35rem;
	background-color:rgba(255, 255, 255, 0.1);
	border-radius:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	color:#fff;
	transition:all .5s;
}

.pub-close svg {
	width:1rem;
	height:1rem;
}

.pub-close:hover {
	transform:rotate(180deg);
}

/* 导航搜索窗结束 */
/* 导航部分结束 */
/* 前后置搜索框开始 */
.search[type="2"] {
	background:#3d3e3f;
	width:20rem;
	padding:.6rem 1rem .6rem 2rem;
	overflow:hidden;
	border-radius:1rem 0 1rem 0;
	display:flex;
}

.search[type="2"] input {
	/* height:100%; */
	width:100%;
	background:transparent;
	font-size:var(--f16, 16px);
	color:#fff;
}

.search[type="2"] i {
	font-size:var(--f20, 20px);
	color:#b8b8b8;
}

.search-input[type="2"] {
	border:0.2rem solid var(--themeColor);
	border-radius:.5rem;
	/* overflow:hidden; */
	width:70rem;
	margin:0 auto;
	height:4.6rem;
}

.search-input[type="2"] input {
	border:none;
	font-size:var(--f16, 16px);
	height:100%;
}

.search-input[type="2"] .layui-input:focus {
	box-shadow:none;
}

.search-input[type="2"] .layui-input-prefix {
	width:12rem;
	padding-left:.5rem;
	background:#fff;
	border-radius:.5rem;
	/* overflow:hidden; */
	/* margin-left:.5rem; */
}

.search-input[type="2"] .layui-input-suffix {
	padding-right:0;
	width:10rem;
}

.search-input[type="2"] .layui-form-select .layui-edge {
	border-top-color:var(--jlt-ink-700);
}

.search-input[type="2"] .layui-form-select .layui-input {
	padding-left:2rem;
	font-size:var(--f18, 18px);
	color:var(--jlt-ink-700);
}

.search-input[type="2"] .layui-form-select dl {
	top:5rem;
	bottom:auto;
}

.search-input[type="2"] .btn {
	background:var(--themeColor);
	color:#fff;
	justify-content:center;
	display:flex;
	align-items:center;
	width:100%;
	height:100%;
}

.search-input[type="2"] .layui-form-selectup dl {
	bottom:5rem;
	top:auto;
}

.search-input[type="2"] .layui-form-select,
.search-input[type="2"] .layui-select-title {
	height:100%;
	border-radius:.5rem;
}

/* 前后置搜索框结束 */
/* 文字打印效果开始 */
.cursor {
	display:inline-block;
	width:2px;
	height:1.1em;
	vertical-align:text-bottom;
	background:black;
	animation:blink 0.5s step-end infinite;
}

@keyframes blink {
	50% {
		opacity:0;
	}
}

/* 文字打印效果结束 */
/* 通用数字滚动区域 */










/* 通用数字滚动区域结束 */
/* 轮播按钮组 */
.swiper-btn {
	display:flex;
	right:calc(var(--wpPaddingNum));
	bottom:0;
}

.swiper-btn div {
	position:static;
	background:#fff;
	width:2.6rem;
	border-radius:100%;
	height:auto;
	aspect-ratio:1/1;
	margin-left:1rem;
}

.swiper-btn .swiper-button-next:after,
.swiper-btn .swiper-button-prev:after {
	font-size:var(--f20, 20px);
	color:var(--jlt-ink-700);
}

.swiper-5 .swiper-slide {
	width:calc(20% - 2rem);
	margin-right:2rem;
}

/* 轮播按钮组结束 */
/* 面包屑开始 */
.mbx,
.mbx a {
	color:#fff;
	font-size:var(--f13, 13px)!important;
}

.mbx-d {
    padding-right:var(--wpPaddingNum);
    padding-left:1.4rem;
}

.mbx::before {
	content:"";
	display:block;
	background:url(../images/home.png) no-repeat center;
	background-size:contain;
	bottom:0;
	left:0;
	width:1rem;
	height:1rem;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}

.top-nav {
	padding:2rem 0 0rem;
	margin-bottom:1rem;
}

.top-nav .mbx {
	/* margin-bottom:1.8rem; */
}

.top-nav-list {
	padding-top:calc(6px + 1rem);
	position:sticky;
	/* top:var(--header[type="1"]Height); */
	top:0;
	background:#fff;
	z-index:98;
	transition:top .8s;
}


/* 面包屑结束 */

/* 自定义按钮 */
.btn_xq {
	width:10rem;
	height:3.125rem;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:3px;
	margin:0 auto;
	background:#ea5111;
	color:#fff;
	font-size:var(--f16, 16px);
}
/* 自定义按钮结束 */



/* tab标签页开始 */
/* .slide-nav{
} */
.nav-slide-nav {
	overflow:auto;
}

.nav-slide-nav ul {
	display:flex;
	justify-content:space-between;
	border-bottom:1px solid #eeedf2;
}

.nav-slide-nav ul li {
	position:relative;
}

.nav-slide-nav ul li a {
	padding:0.8rem 1rem;
	color:var(--themeColor2);
	font-size:var(--f20, 20px);
	display:block;
	text-wrap:nowrap;
}

.nav-slide-nav ul li.zhanwei {
	font-size:var(--f20, 20px);
	width:4em;
	height:0;
	visibility:hidden;
}

.nav-slide-nav ul li::after {
	position:absolute;
	bottom:-1px;
	content:"";
	display:block;
	height:1px;
	width:0;
	background:var(--themeColor);
	left:50%;
	transform:translate(-50%, 0);
}

.nav-slide-nav.nav2 ul li a {
	color:#75787c;
	font-weight:bold;
	padding:0.8rem 0;
}

.nav-slide-nav ul li.on a,
.nav-slide-nav ul li:hover a {
	color:var(--themeColor);
}

.nav-slide-nav ul li.on::after,
.nav-slide-nav ul li:hover::after {
	width:100%;
}

.nav-slide-nav.nav2 ul li.on::after,
.nav-slide-nav.nav2 ul li:hover::after {
	width:100%;
}

.slide-for {
	position:relative;
}

.slide-for .li {
	position:relative;
	transition:.5s;
	opacity:1;
	visibility:visible;
	/* display:block; */
}

.slide-for .li.hide {
	opacity:0;
	visibility:hidden;
	z-index:-1;
	/* display:none; */
}

.slide-for .li+.li {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	/* height:100%; */
}

/* tab标签页结束 */
/* 圆形进度条动画开始 */
svg.drawcircle {
	position:absolute;
	top:0;
	left:0;
	overflow:inherit;
	display:block;
	pointer-events:none;
}

svg.drawcircle circle {
	fill:none;
	box-sizing:border-box;
	stroke-width:2;
	stroke:none;
	stroke-dasharray:0, 188.49;
	stroke-dashoffset:188.49;
	transition:all .3s linear 0s;
}

@-webkit-keyframes svgrotate {
	0% {
		stroke:var(--themeColor);
		stroke-dasharray:0, 390%;
		stroke-dashoffset:390%;
	}

	100% {
		stroke:var(--themeColor);
		stroke-dasharray:390%, 0;
		stroke-dashoffset:390%;
	}
}

@keyframes roll {
	from {
		transform:rotate(0deg);
	}

	to {
		transform:rotate(359deg);
	}
}

/* 圆形进度条动画开结束*/
/* 文字渐变过渡开始 */
.grad-text {
	font-weight:400;
	background:linear-gradient(131deg, var(--jlt-ink-900) 0%, var(--jlt-ink-900) 33.33%, #0192d1 66.66%, #f0f 100%);
	-webkit-background-clip:text;
	color:transparent;
	background-size:300% 100%;
	display:inline-block;
}

.grad-text:hover {
	animation:textNum .3s;
	animation-fill-mode:forwards;
}

@keyframes textNum {
	0% {
		background-position:0 0;
	}

	100% {
		background-position:-50% 0;
	}
}

/* 文字渐变过渡结束 */
/* 通用banner开始 */
.n-banner {
	background-size:cover;
	width:100%;
	aspect-ratio:1920/610;
	color:#fff;
	background-repeat:no-repeat;
	position:relative;
	overflow:hidden;
}

.n-banner-video {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	min-width:100%;
	min-height:100%;
	width:auto;
	height:auto;
	object-fit:cover;
	z-index:0;
}

.n-banner .mbx-d {
	position:relative;
	z-index:1;
}

.n-banner h3 {
	font-size:var(--f60, 60px);
	margin-bottom:1rem;
}

.n-banner h4 {
	font-size:var(--f30, 30px);
	font-weight:normal;
}

.n-banner .mbx-d {
	padding-right:var(--wpPaddingNum);
	padding-left:1.5rem;
}

.n-banner .mbx {
	position:absolute;
	bottom:2rem;
	right:0;
}

.n-banner .mbx::before {
	content:"";
	display:block;
	background:url(../images/home.png) no-repeat center;
	background-size:contain;
	bottom:0;
	left:0;
	width:1.2rem;
	height:1.2rem;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}

/* 通用banner结束 */
/* 通用标题开始 */
/* 通用链接 */
.ljgd {
	color:#8dc21f;
	font-size:var(--f20, 20px);
}

.ljgd:hover {
	color:var(--themeColor2);
}

.s_hd.txt_center .s_tt {
	text-align:center
}

.s_hd.txt_center .s_tt i,
.s_hd.txt_center .s_tt .thmeColorLine {
	margin:1rem auto
}

.s_tt p {
	margin:0 auto;
	margin-top:3rem;
	font-size:var(--f18, 18px);
	line-height:2;
	color:var(--jlt-ink-700);
	max-width:75%;
}

.s_tt span {
	font-size:var(--f22, 22px);
	font-family:"pop-b-font";
	font-weight:bold;
	color:var(--themeColor);
	text-transform:uppercase;
	display:block;
	margin-bottom:.5rem
}

.s_tt h2 {
	font-size:var(--f45, 45px);
	color:var(--jlt-ink-700);
	font-family:"pop-s-font";
	margin:.6rem 0 .2rem
}

.thmeColorLine {
	background:var(--themeColor);
	height:4px;
	width:2rem;
}

.n-zhead {
	text-align:left;
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
	/* padding:var(--wpPadding); */
}

.n-zhead .lt h4 {
	color:var(--jlt-ink-700);
	font-size:var(--f40, 40px);
	margin-bottom:0.7rem;
	line-height:1em;
	position:relative;
}

.n-zhead .lt h4::after {
	content:"";
	display:block;
	background:url(../images/line.png) no-repeat center;
	position:absolute;
	height:100%;
	width:auto;
	aspect-ratio:9/38;
	transform:translateX(-1.7rem);
	left:0;
	top:0;
}

.n-zhead .lt h4.biao2::after {
	background:url(../images/line2.png) no-repeat center;
}

.n-zhead .lt p {
	color:var(--gary);
	font-size:var(--f20, 20px);
	font-weight:lighter;
	line-height:1.8;
}

/* 通用标题结束 */
/* 分页开始 */
.page .box,
.pagination-block .pagination {
	display:flex;
	/* margin-top:0.3rem; */
	flex-wrap:wrap;
	justify-content:center;
}

.page a,
.pagination-block a,
.pagination-block span {
	--pageWidth:2.6rem;
	display:flex;
	align-items:center;
	justify-content:center;
	transition:0.05s;
	font-size:var(--f16, 16px);
	color:var(--jlt-ink-500);
	margin-right:0.625rem;
	border:1px solid var(--jlt-line-soft);
	flex-shrink:0;
	min-width:var(--pageWidth);
	height:var(--pageWidth);
	/* background-color:#fff; */
	border-radius:.2rem;
	padding:0 .4rem;
	line-height:1;
	border-radius:100%;
}

.page a:hover,
.page a.on,
.pagination-block li.active span,
.pagination-block li:hover span,
.pagination-block li:hover a {
	color:#fff;
	border:1px solid var(--themeColor);
	background-color:var(--themeColor);
	
}

.page a span {
	padding:0 1rem;
	white-space:nowrap;
}

.page .centers {
	justify-content:center;
}

/* 分页结束 */
/* 走马灯效果 */
.gd-list {
	margin-top:0.28rem;
	position:relative;
}

.gd-list::before {
	content:"";
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:20%;
	background:linear-gradient(90deg, var(--themeColor) 0%, rgba(255, 255, 255, 0) 100%);
	z-index:9;
}

.gd-list::after {
	content:"";
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	width:20%;
	background:linear-gradient(270deg, var(--themeColor) 0%, rgba(255, 255, 255, 0) 100%);
	z-index:1;
}

.marquee .swiper-wrapper,
.marquee-revert .swiper-wrapper {
	transition-timing-function:linear !important;
}

.marquee img,
.marquee-revert img {
	width:100%;
	height:100%;
	object-fit:cover;
}

/* 合作伙伴 */
.s_hzhb .img-db {
	/*background:#f6f6f6;*/
	background:#fff;
	padding:1rem;
	border-radius:1rem;
	box-shadow:0 0 20px -8px rgba(0,0,0,0.2);
}

.s_hzhb .img-db img {
	position:static;
	object-fit:contain;
}

/* 走马灯效果结束 */
/* tab导航区 */
.wzkind-slide-nav {
	display:flex;
	align-items:center;
	gap:0.4625rem;
	justify-content:center;
	margin:0.25rem 0 0.15rem;
}

.wzkind-slide-nav a {
	color:#7d7d7d;
	font-size:var(--f18, 18px);
	line-height:1.5;
	transition:all .5s;
	position:relative;
}

.wzkind-slide-nav a::before {
	content:"";
	position:absolute;
	width:0;
	height:0.03rem;
	background:#c7000a;
	border-radius:3px;
	left:50%;
	transform:translate(-50%, 0);
	bottom:-.075rem;
}

.wzkind-slide-nav li.on a,
.wzkind-slide-nav li a:hover {
	color:#c7000a;
}

.wzkind-slide-nav a:hover::before,
.wzkind-slide-nav li.on a::before {
	width:110%;
}

/* tab导航区结束 */
/* 鼠标动画效果 */
.shubiao {
	color:#fff;
}

.shubiao i,
.shubiao svg {
	animation:shubiao 1s linear infinite;
	display:block;
	margin:0 auto;
	margin-bottom:0.8rem;
	font-size:var(--f34, 34px);
	width:var(--f34, 34px);
	height:var(--f34, 34px);
	color:#fff;
	fill:#fff;
}

@keyframes shubiao {
	0% {
		transform:translateY(0);
	}

	50% {
		transform:translateY(0.4rem);
	}

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

/* 鼠标动画效果结束 */
/* 搜索框开始 */
.search {
	background:#3d3e3f;
	width:20rem;
	padding:.6rem 1rem .6rem 2rem;
	overflow:hidden;
	border-radius:1rem 0 1rem 0;
	display:flex;
}

.search input {
	/* height:100%; */
	width:100%;
	background:transparent;
	font-size:var(--f16, 16px);
	color:#fff;
}

.search i {
	font-size:var(--f20, 20px);
	color:#b8b8b8;
}

/* 搜索框结束 */
/* 视频统一弹窗开始 */
.vwrap {
	display:none;
	z-index:1040000;
	width:100%;
	position:fixed;
	transition:none !important;
}

.vwrap .videobtg {
	z-index:900;
	position:fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background:var(--jlt-ink-900);
	opacity:0.8;
	filter:alpha(opacity=80);
	overflow:hidden;
}

.vwrap .videobox {
	z-index:1200;
	width:60vw;
	position:fixed;
	left:50%;
	top:50%;
	margin-left:-30vw;
	object-fit:cover;
	transform:translateY(-50%);
}

.vwrap .videobox #videobox {
	width:100%;
	display:inline-block;
	background:var(--jlt-ink-900);
}

.vwrap .videobox #videobox .img-hezi {
	padding-bottom:60% !important;
}

.vwrap .videobox #videobox video {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
}

.vwrap .close {
	z-index:999;
	width:31px;
	height:31px;
	cursor:pointer;
	position:absolute;
	top:0px;
	right:-42px;
	text-align:center;
}

.vwrap .close i {
	display:block;
	width:31px;
	height:31px;
	-webkit-transition:400ms;
	transition:400ms;
}

.vwrap .close i svg {
	transition:.6s;
}

.vwrap .close:hover i svg {
	-webkit-transform:rotate(180deg);
	-ms-transform:rotate(180deg);
	transform:rotate(180deg);
}

#videobox_wrapper {
	height:100% !important;
}

/* 视频统一弹窗开始结束 */
/*鼠标跟随效果CSS*/
/* 默认鼠标跟随隐藏 */
.mf-cursor {
	display:none;
}

#c-followDot-p {
	--dotSize:0.8rem;
	position:fixed;
	top:0;
	left:0;
	z-index:1000000;
	pointer-events:none;
	/* 鼠标文字选中 */
	/* 鼠标超出隐藏 */
	/* 鼠标文字背景混色 */
	/* 鼠标鉴赏 */
}

#c-followDot-p .c-default {
	--dotDefSize:2.8rem;
	position:absolute;
	top:calc((var(--dotDefSize) / 2) * -1);
	left:calc((var(--dotDefSize) / 2) * -1);
	width:var(--dotDefSize);
	height:var(--dotDefSize);
	border:1px solid #9c9c9c;
	border-radius:50%;
	opacity:.2;
	box-sizing:border-box;
	z-index:50000;
	-webkit-transition:all 0.6s;
	transition:all 0.6s;
}

#c-followDot-p .c-hover {
	--dotHoverSize:5rem;
	position:absolute;
	top:calc((var(--dotHoverSize) / 2) * -1);
	left:calc((var(--dotHoverSize) / 2) * -1);
	width:var(--dotHoverSize);
	height:var(--dotHoverSize);
	background-color:#bbb;
	border-radius:50%;
	opacity:.12;
	z-index:49000;
	box-sizing:border-box;
	transform:scale(0, 0);
	-webkit-transform:scale(0, 0);
	-webkit-transition:all 0.6s;
	transition:all 0.6s;
}

#c-followDot-p #c-followDot .c-text {
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	transition:all 0.6s;
}

#c-followDot-p #c-followDot .c-text::before {
	font-size:0;
	line-height:1;
	transition:all 0.6s;
	content:"";
	color:#fff;
	visibility:hidden;
	opacity:0;
}

#c-followDot-p.-pointer .c-default {
	transform:scale(0, 0);
	-webkit-transform:scale(0, 0);
}

#c-followDot-p.-pointer .c-hover {
	transform:scale(1, 1);
	-webkit-transform:scale(1, 1);
}

#c-followDot-p.-hidden>* {
	transform:scale(0);
}

#c-followDot-p.-exclusion #c-followDot {
	transform:scale(3.3);
	background:#fff;
}

#c-followDot-p.-jianshang #c-followDot {
	--dotSize:2.8rem;
}

#c-followDot-p.-jianshang #c-followDot .c-text::before {
	content:"鉴赏";
	font-size:var(--f16, 16px);
	opacity:1;
	visibility:visible;
}

#c-followDot {
	width:var(--dotSize);
	height:var(--dotSize);
	margin-left:calc(var(--dotSize) / 2 * -1);
	margin-top:calc(var(--dotSize) / 2 * -1);
	position:absolute;
	border-radius:50%;
	background-color:var(--themeColor);
	transition:all 0.6s;
	overflow:hidden;
}

#c-followDot-p.-exclusion .c-hover,
#c-followDot-p.-exclusion .c-default {
	transform:scale(0);
}

@supports (mix-blend-mode:exclusion) {
	#c-followDot-p.-exclusion {
		mix-blend-mode:exclusion;
	}
}

/*鼠标跟随效果结束*/


/* 编辑器里的初始样式 */
.ar_article {
    font-size:var(--f16, 16px);
    color:var(--jlt-muted);
    line-height:2;
    text-align:justify
}

.ar_article strong {
    font-weight:bold
}

.ar_article caption {
    background:var(--jlt-line-soft);
    border:1px solid var(--jlt-line);
    padding:.875rem 1.75rem;
    font-size:var(--f20, 20px);
    color:var(--jlt-ink-700)
}

.ar_article table {
	max-width:100%;
    width:100%;
    border-collapse:collapse;
    text-align:center;
    margin:1.5rem 0
}

.ar_article td,.ar_article th {
    padding:.875rem 1.75rem;
    border:1px solid var(--jlt-line)
}

.ar_article th {
    color:var(--jlt-ink-700);
    background:#f9f9f9;
    font-size:var(--f16, 16px)
}

.ar_article td {
    font-size:var(--f15, 15px)
}

.ar_article td p,.ar_article th p {
    padding-bottom:0;
    margin-bottom:0;
    text-align:inherit
}

.ar_article img {
    max-width:100%;
    height:auto;
    margin:1.5rem 0;
    display:inline-block
}

.ar_article p:first-child img:first-child {
    margin-top:0;
}

.ar_article img:last-child {
    margin-bottom:0;
}

.ar_article p:last-child img:last-child {
    margin-bottom:0;
}

.ar_article video {
    max-width:100%;
    display:inline-block;
}

.ar_article a {
    color:#363636;
}

.ar_article ul li,.ar_article ol li {
    padding-bottom:0;
    margin-bottom:0;
}

.ar_article ul li p,.ar_article ol li p {
    padding-bottom:0;
    margin-bottom:3px;
}

.ar_article ul li {
    list-style:disc;
    margin-left:1.625rem
}

.ar_article ol li {
    list-style:decimal;
    margin-left:1.625rem
}

/* 编辑器里的初始样式结束 */





/* 新闻模块开始 */
.dt-card{
	position:relative;
}
.dt-card::after{
	position:absolute;
	content:"";
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	width:0;
	height:2px;
	background:var(--themeColor);
}
.dt-card .thumb {
	width:100%;
	height:auto;
	aspect-ratio:505/315;
	overflow:hidden;
}

.dt-card .thumb img{
    object-fit:fill;
}

.dt-card .text {
	color:var(--jlt-ink-700);
	padding:3rem 2rem;
	background:#fff;
}

.dt-card h5 {
	font-size:var(--f24, 24px);
	font-family:"pop-m-font";
	color:var(--jlt-ink-700);
	font-weight:normal;
}

.dt-card p {
	font-size:var(--f15, 15px);
	font-family:"pop-m-font";
	opacity:.6;
	margin-top:1rem;
	color:#717171;
	line-height:2;
}

.dt-card .date {
	color:var(--jlt-ink-500);
	font-size:var(--f14, 14px);
	margin-top:1rem;
}

.dt-card .date i {
	font-size:var(--f20, 20px);
}
.dt-card:hover::after{
	width:100%;
}

/* 新闻模块结束 */


/* 底部开始 */
footer {
	background:var(--jlt-surface-alt);
	color:var(--jlt-ink-700);
	overflow:hidden;
}

footer .one {
	padding:5rem 0 2rem;
	border-bottom:1px solid rgba(255, 255, 255, .2);
}

footer .one>.flex {
	gap:10rem;
}

footer .one img {
	width:11rem;
	height:auto;
}

footer .one .lt {
	font-size:var(--f15, 15px);
}

footer .one .lt p {
	line-height:1.6;
	margin-top:2rem;
}

footer dt {
	font-size:var(--f20, 20px);
	margin-bottom:1rem;
}

footer dd {
	margin-top:.4rem;
	font-size:var(--f16, 16px);
	opacity:.5;
}

footer .lx {
	color:var(--jlt-muted);
	padding-left:3rem;
	font-size:var(--f16, 16px);
	position:relative;
}

footer .lx h5 {
	font-size:var(--f24, 24px);
	color:var(--themeColor);
	font-family:"pop-b-font";
	font-weight:bolder;
}

footer .lx .icon {
	position:absolute;
	left:0;
	top:1.2rem;
	width:1.9rem;
	height:auto;
	aspect-ratio:1/1;
	border-radius:100%;
	border:1px solid var(--themeColor);
	display:flex;
	align-items:center;
	justify-content:center;
}

footer .lx .icon i {
	font-size:var(--f20, 20px);
	color:var(--themeColor);
}

footer .btns {
	gap:1rem;
	justify-content:flex-end;
}

footer .btns a {
	width:3rem;
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	border:1px solid #e3e6ea;
	border-radius:100%;
	height:auto;
	aspect-ratio:1/1;
}

footer .btns a img {
	width:50%;
	height:50%;
	object-fit:contain;
}

footer .btns a .ej_box {
	width:6rem;
	/* padding:1rem 0; */
}

footer .btns a .ej_box img {
	width:100%;
}

footer .banquan {
	font-size:var(--f15, 15px);
	color:#ccc;
	text-align:right;
}

/* 底部结束 */


/* 产品列表样式开始 */
.pro-card{
	background:#fff;
	border-radius:1rem;
	padding:3rem 2rem 3rem;
	display:block;
}
.pro-card .img-db{
	width:80%;
	aspect-ratio:1/1;
	height:auto;
	text-align:center;
	margin:0 auto;
}
.pro-card .img-db img{
	object-fit:contain;
}
.pro-card .detail{
	border:1px solid var(--themeColor);
	color:var(--themeColor);
	border-radius:10rem;
	padding:.3rem 1.2rem;
	transition:all .5s; 
	display:inline-block;
	font-size:var(--f13, 13px);
	line-height:1;
	margin-top:2rem;
}
.pro-card:hover .detail{
	background:var(--themeColor);
	color:#fff;
}
.pro-card p{
	font-size:var(--f20, 20px);
	color:var(--jlt-ink-700);
	margin-top:1rem;
}
/* 产品列表样式结束 */


/* 右侧客服浮窗开始 */
.right-kefu {
	position:fixed;
	right:.5rem;
	bottom:6%;
	z-index:10;
	display:none;

}

.right-kefu .block-group {
	border-radius:50rem;
	padding:0.6rem 0;
	background:#fff;
	box-shadow:0 0 3rem rgba(0, 0, 0, 0.1);
}

.right-kefu .li {
	width:5rem;
	background:#fff;
	aspect-ratio:1/1;
	border-radius:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	/* position:relative; */
	cursor:pointer;
	text-align:center;
}

.right-kefu .block-group .li.on .icon-p {
	transition:none;
}

.right-kefu .block-group .li.on .icon-p,
.right-kefu .block-group .li:hover .icon-p {
	background:var(--themeColor);

}

.right-kefu .block-group .li.on .icon-p span,
.right-kefu .block-group .li:hover .icon-p span {
	color:#fff;
}


.right-kefu .block-group .li.on .icon,
.right-kefu .block-group .li:hover .icon {
	filter:var(--imgWhite);
}

.right-kefu .icon-p {
	border-radius:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	width:80%;
	aspect-ratio:1/1;
	transition:all .5s;
}

.right-kefu .icon {
	width:1.2rem;
	height:auto;
	transition:all .5s;
}

.right-kefu .li span {
	font-size:var(--f12, 12px);
	color:#909397;
	display:block;
	text-align:center;
	margin-top:.2rem;
	transition:all .5s;
}

.right-kefu .li img {
	margin:0 auto;
}

/* 右侧客服浮窗结束 */


/* 同排卡片手风琴展开效果 */
.ls3 li {
	flex:1;
	padding:0 .1rem;
	transition:.5s;
}

.ls3 .a {
	display:block;
	position:relative;

	overflow:hidden
}

.ls3 li:first-child .a {
	border-radius:1rem 0 0 0;
}

.ls3 li:last-child .a {
	border-radius:0 0 1rem 0;
}

.ls3 .imgBox .img {
	height:30rem;
}

.ls3 .imgBox .img img {
	object-fit:cover;
	width:100%;
	height:100%;
}

.ls3 li.on {
	flex:3;
}

/* 同排卡片手风琴展开效果结束 */

/* 同排擦玻璃效果开始 */
.ls16 {
	margin:0 -.29rem;
}

.ls16 li {
	width:33.33%;
	padding:0 .29rem;
}

.ls16 .a {
	display:block;
	position:relative;
}

.ls16 .imgBox {
	border-radius:.15rem;
}

.ls16 .imgBox .img {
	padding-bottom:130.30%;
}

.ls16 .txt {
	position:absolute;
	bottom:0;
}

/* 同排擦玻璃效果结束 */


/* 黑色遮罩帷幕下拉效果 */
.hvr-bounce-to-bottom {
    overflow:hidden;
    transform:perspective(1px) translateZ(0);
    box-shadow:0 0 1px rgba(0,0,0,0);
    position:relative;
    transition-property:color;
    transition-duration:.5s
}

.hvr-bounce-to-bottom:before {
    content:"";
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:rgba(0,0,0,0.1);
    transform:scaleY(0);
    transform-origin:50% 0;
    transition-property:transform;
    transition-duration:.5s;
    transition-timing-function:ease-out
}

.hvr-bounce-to-bottom:hover:before,.hvr-bounce-to-bottom:focus:before,.hvr-bounce-to-bottom:active:before {
    transform:scaleY(1);
    transition-timing-function:cubic-bezier(0.52,1.64,0.37,0.66)
}
/* 黑色遮罩帷幕下拉效果结束 */


/* icon图片设置 */
.ico_tgl {
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    width:3.875rem;
    height:auto;
	aspect-ratio:1/1;
}

.ico_tgl img {
    display:block;
	object-fit:contain;
	width:100%;
	height:100%;
}
/* icon图片结束 */


/* 弹窗部分开始 */
.tc {
    position:fixed;
    left:0;
    top:0;
    z-index:1000;
    width:100%;
    height:100%;
    overflow:hidden;
    opacity:0;
    visibility:hidden;
    transition:.5s;
    display:flex;
    align-items:center;
    justify-content:center;
}

.tc.act {
    opacity:1;
    visibility:visible
}

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

.tc_bg {
    position:absolute;
    left:0;
    top:0;
    z-index:-1;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.8)
}

.tc_close {
    position:absolute;
    right:.75rem;
    top:.75rem;
    transition:.5s;
	cursor:pointer;
}

.tc_close svg{
	width:2.4rem;
	height:auto;
	display:block;
}

.tc_close:hover {
    transform:rotate(90deg);
}

.tc_btn {
    cursor:pointer
}

.tc_box {
    background-color:#fff;
    border-radius:10px;
    width:50%;
    /* max-width:850px; */
    position:relative;
    padding:4rem;
}

.tc_nr h2 {
    font-size:20px;
    font-weight:bold;
    text-align:center;
    margin-bottom:2rem;
}

.tc_nr form .form-group {
    margin-bottom:1rem;
}

.tc_nr form label {
    font-size:var(--f16, 16px);
    margin-bottom:1rem;
    display:block;
}

.tc_nr form input,
.tc_nr form textarea{
    border:1px solid rgba(0,0,0,.2);
    padding:1rem;
    border-radius:1rem;
    width:100%;
    font-size:var(--f16, 16px);
    color:var(--jlt-ink-700);
	resize:none;
}

.tc_nr form button {
    background-color:var(--themeColor);
    font-size:var(--f18, 18px);
    padding:.6rem 2rem;
    color:#fff;
    border:0;
    border-radius:10rem;
    transition:all .5s ease;
}

.tc_nr form button:hover {
    background-color:red;
}

/* 弹窗部分结束 */



/* 兼容模块 */
.imgBox img,
.imgBox video {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	-o-object-fit:cover;
	object-fit:cover;
	transition:.5s;
}