@charset "utf-8";
@import "swiper-bundle.css"; /* swiper css  */ 
@import "splitting.css"; /* splitting 动画css  */ 
@import "locomotive-scroll.css"; /* scroll 滚动条css  */ 
@import "webfonts.css";/* Font Awesome 字体图标6.1 https://fontawesome.com/  */


/* ------------------------------------------------- 
 * 公用样式表 
 * ------------------------------------------------- 
*/  
html, body, div, span, applet, object, iframe, h1, h2, h3, 
h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, 
thead, tr, th, td { margin:0; padding:0; border:0;   outline:0; font-weight:inherit; font-style:inherit;  vertical-align: baseline; } 
*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{min-width:320px; overflow-x:hidden; position:relative;  margin:0 auto; max-width: 100%;}
:focus { outline:0; }

html,body{
  /* 在有些手机浏览器中点击一个链接或着可点击元素的时候，会出现一个半透明的灰色背景； */
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
   /* 提升移动端滚动的体验效果  */
 -webkit-overflow-scrolling: touch;
 overflow-scrolling: touch;
  /* 与浏览器窗口高度一致 */
 height: 100%;
  /* 设置字体的抗锯齿光滑度 */
 -webkit-text-size-adjust: 100%;
 -ms-text-size-adjust: 100%;
 -moz-osx-font-smoothing: grayscale;
 -webkit-font-smoothing: antialiased; 
 -moz-font-smoothing: antialiased; 
 font-smoothing: antialiased; 
}


 /* ------------------------------------------------------------- *
 * 初始化a标签
/* ------------------------------------------------------------- */
a,
a:hover,
a:focus {
  text-decoration:none; blr:expression(this.onFocus=this.blur()); outline:none; transition: all 0.3s ease; 
} 



/* ------------------------------------------------------------- *
 * 初始化img
/* ------------------------------------------------------------- */
 img {
border: 0;
vertical-align: top;
width:auto; 
max-width: 100%;
image-rendering: -moz-crisp-edges; /* Firefox */     
image-rendering: -o-crisp-edges; /* Opera */      
image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */ 
image-rendering: crisp-edges; 
-ms-interpolation-mode: bicubic; /* IE (non-standard property) */
}


/* ------------------------------------------------------------- *
 *  初始化ul li
/* ------------------------------------------------------------- */
 ul,ol{ list-style:none; }
 ul,li{ padding:0; margin:0; list-style:none; }


/* ------------------------------------------------------------- *
 *  清除浮动
/* ------------------------------------------------------------- */
.clearfix:before,.clearfix:after{ content:""; display:block; visibility:hidden; height:0; line-height:0; font-size:0; }
.clearfix:after{ clear:both; }
.clearfix{ zoom:1; }
.clear{ clear:both; height:0; overflow:hidden; }


/* ------------------------------------------------------------- *
 *  display
/* ------------------------------------------------------------- */
.display-none { display: none !important; }
.block, .display-block { display: block !important; }
.inline-block, .display-inline-block { display: inline-block !important; }
.display-flex { display: flex !important; display: -ms-flexbox !important; }

/** 
常用
font-size: clamp(1rem, 5vw, 3rem);
-webkit-transition: all .3s ease-out;transition: all .3s ease-out;       
transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;
transition: all 0.5s ease-out;
background-image:url(xxx.jpg);background-repeat:no-repeat; background-position:center center; background-size:cover;
background:rgba(0,0,0,0.5); 
background:linear-gradient(-150deg,#071025,#2a4881 50%);
text-transform: uppercase;大写
cursor:pointer;鼠标
:nth-child(2){}
:first-child第一
:last-child 最后
:after, :before{content: " "; display: block; height: 0;}
font-family:HELVETICANEUELTPRO-THEX, "微软雅黑";
box-shadow:0 0 15px rgba(0,0,0,0.15);
border-radius:5px;
text-shadow: 1px 1px 1px #000;filter:shadow(Color=#000,Direction=10,Strength=10);text-transform:uppercase;文字阴影
top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); 垂直居中
color: rgba(0,0,0,0.0); -webkit-text-stroke:2px #000;字体阴影
width:calc(100% / 3);列表一行显示几个
width: calc(100% - 40px);百分比减宽度
width:calc((100% - 40px) / 3);
justify-content:space-between;两端对齐
transform:scale(2);放大效果
border-radius: 15px 50px 30px 5px:圆角弧形
border-radius：30% 70% 70% 30% / 30% 30% 70% 70%;
box-shadow:0 22px 60px -5px rgba(44, 115, 240, 0.6);
transform: rotate(360deg);border-radius: 360px;翻转360°变成圆;(需要有固定宽高)
box-shadow:18px 18px 30px rgba(0,0,0,0.1), -18px -18px 30px rgba(255,255,255,1);
transform:skew(2deg,2deg)渐变倾斜
{-webkit-filter: blur(4px);filter: blur(4px);}图片模糊
direction:'vertical',轮播图横向滚动变纵向
**/ 


/* == 引用字体  ====================================================================================================================================== 
@font-face { font-family: 'HELVETICANEUELTPRO-THEX'; src: url('fonts/HELVETICANEUELTPRO-THEX/HELVETICANEUELTPRO-THEX.otf'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'DIN-Black'; src: url('fonts/DIN-Black/DIN-Black.otf'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'KaufmannBT'; src: url('fonts/KaufmannBT/KaufmannBT.ttf'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'Gotham-Bold'; src: url('fonts/Gotham-Bold/Gotham-Bold.otf'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'DINEngschriftStd'; src: url('fonts/DINEngschriftStd/DINEngschriftStd.otf'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'font2018'; src: url('fonts/font2018/font2018.ttf'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'QUARTO-BOLD'; src: url('fonts/QUARTO-BOLD/QUARTO-BOLD.ttf'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'Zooja'; src: url('fonts/Zooja/Zooja.ttf'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'PlayfairDisplay-Bold-4'; src: url('fonts/Playfair-display/PlayfairDisplay-Bold-4.ttf'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'DIN-Black'; src: url('fonts/Libre Baskerville/DIN-Black.otf'); font-weight: normal; font-style: normal;}
@font-face { font-family: 'LibreBaskerville-Regular-2'; src: url('fonts/LibreBaskerville-Regular-2/LibreBaskerville-Regular-2.ttf'); font-weight: normal; font-style: normal;}
/* 引用字体 */


/** 普通滚动条 **/
/*::-webkit-scrollbar-track-piece{width:8px;background-color:var(--scrollbar);border-radius: 5px;}
::-webkit-scrollbar{width:8px;background-color:var(--scrollbar);border-radius: 5px;}
::-webkit-scrollbar-thumb{width:8px;background-color:var(--scrollbar-thumb);border-radius: 5px;}
::-webkit-scrollbar-thumb:hover{width:8px;background-color:var(--scrollbar-thumb);border-radius: 5px;}
 webkit, opera, IE9 鼠标滑过 
::selection { background:#000; color: #fff; }
 mozilla firefox  鼠标滑过  
::-moz-selection { background:#000; color: #fff; }*/


/* ------------------------------------------------------------- *
 * Body inner
/* ------------------------------------------------------------- */
#body-inner {
	position: relative;
	overflow: hidden;
	height: 100%;
	min-height: 100vh;
	display: block;
}


/* ------------------------------------------------------------- *
 * Figure 图形块
/* ------------------------------------------------------------- */

figure {
	position: relative;
	margin: 0;
}

/* figure image */
figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}


/* ------------------------------------------------------------- *
 * Magic cursor 自定义鼠标全部样式
/* ------------------------------------------------------------- */

#magic-cursor {
	position: absolute;
	display: none;
	width: 10px;
	height: 10px;
	pointer-events: none;
	z-index: 99999;
	opacity: 0;
}
body.jy-magic-cursor #magic-cursor {
	display: block;
}
#magic-cursor .dian{ position:fixed; left: 0%; top: 0%; width: 5px; height: 5px; transform: translate(-50%, -50%); border-radius: 50%;background-color:var(--cursor);}
#magic-cursor  #ball {
	position: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	color:var(--cursor);
	pointer-events: none;
	border-style: solid;
	border-radius: 50%;
}

/* 磁性球生成的盒子 */
.magnetic-wrap {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* 鼠标追加文字颜色大小 */
#ball .ball-view {
	color:var(--cursor_txt);
	position: absolute;
	opacity: 0;
	visibility: hidden;
	padding: 0 5px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.3;
	text-align: center;
	transform: scale(0);
}

#ball .ball-view i {
	font-size: 14px;
}

/* Swiper鼠标经过滑动块提示左右滑动 */
#ball .ball-drag {
	position: absolute;
	display: block;
	width: 100%;
	text-align: center;
	transition: all 0.3s;
}
#ball .ball-drag::before,
#ball .ball-drag::after {
	position: absolute;
	top: 50%;
	margin-top: -5px;
	font-size: 19px;
	color: #FFF;
	height: 10px;
	line-height: 10px;

	/* Font Awesome */
	font-family: "Font Awesome 6 Pro";
	font-weight: 900;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}
 
#ball .ball-drag::before {
	content: "\f104"; /* Font Awesome */
	left: 0;
	transform: translate3d(-30px, 0, 0);
	transition: all 0.25s;
}
#ball .ball-drag::after {
	content: "\f105"; /* Font Awesome */
	right: 0;
	transform: translate3d(30px, 0, 0);
	transition: all 0.25s;
}

/* Ball close 关闭鼠标Ball
============== */
#ball.ball-close-enabled {
	opacity: 1 !important;
}
#ball .ball-close {
	position: absolute;
	padding: 0 5px;
	font-size: 14px;
	font-weight: 600;
	color: #000;
	line-height: 1;
	text-align: center;
}


/* 鼠标图片放大  #magic-cursor 内加图
============== */
#magic-cursor.cursor_imgScale_hover_on {
	z-index: -1;
}
#magic-cursor.cursor_imgScale_hover_on #ball {
	overflow: hidden;
	border: none !important;
}
.cursor_imgScale_image {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
}
.cursor_imgScale .cursor_imgScale_image{display: none;}


/* 文档宽度小于 480 像素 */
@media screen and (max-width: 1024px) {
  ::-webkit-scrollbar {
  -webkit-appearance: none;
  }
  ::-webkit-scrollbar:vertical {
    width: 0px;
  }
  ::-webkit-scrollbar:horizontal {
    height: 0px;
  }
  ::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 0px;
    border: 0px solid #ffffff;
  }
  ::-webkit-scrollbar-track {
    border-radius: 0px;
    background-color: #ffffff;
  }
}