* {
	box-sizing: border-box;
}
a {
	text-decoration: none;
	color: #333;
}
html,
body,
p {
	padding: 0;
	margin: 0;
}
html {
	/* 基准值：1rem = 屏幕宽度的1/100（便于计算，100份） */
	font-size: calc(100vw / 100);
}
@font-face {
	font-family: 'PingFang';
	/* 定义一个新的字体名称 */
	src: url('../fonts/PingFang Regular.ttf') format('ttf');
	/* 提供备选格式，以便在不支持woff2的浏览器中回退 */
	font-weight: normal;
	/* 设置字体的粗细 */
	font-style: normal;
	/* 设置字体的样式（如斜体） */
}
body {
	/* font-size: 2rem; */
	/* 默认字体大小 */
	font-family: 'PingFang', sans-serif;
	/* 在body元素中使用自定义字体 */
}

/* 新增：动画基础类（初始不可见状态） */
.animate-trigger {
    opacity: 0; /* 初始透明 */
    transition: all 2s cubic-bezier(0.25, 0.1, 0.25, 1); /* 统一过渡曲线 */
    will-change: opacity, transform; /* 优化动画性能 */
}

/* 新增：动画激活类（进入可视区域后显示） */
.animate-trigger.active {
    opacity: 1; /* 完全可见 */
    transform: none !important; /* 重置变换 */
}
/* 新增：左侧淡入动画（匹配 .briefImg 的 data-animate="fadeInLeft"） */
.animate-trigger[data-animate="fadeInLeft"] {
    transform: translateX(-100px); /* 初始向左偏移50px */
    transition: 2s linear !important;
    transition-duration: 2s !important;
}

/* 新增：右侧淡入动画（匹配 .briefText 的 data-animate="fadeInRight"） */
.animate-trigger[data-animate="fadeInRight"] {
    transform: translateY(70px); /* 初始向右偏移50px */
    /*transition-timing-function: cubic-bezier(.25, .1, .25, 1);*/
}

/* 新增：向上淡入动画（通用，匹配产品/滑动/新闻/联系模块） */
.animate-trigger[data-animate="fadeInUp"] {
    transform: translateY(80px); /* 初始向下偏移50px */
}
.animate-trigger[data-animate="fadeInBig"] {
    transform:scale(1.1); /* 初始向下偏移50px */
}
.animate-trigger[data-animate="fadeRight"] {
    transform: translateX(30px);
}
.animate-trigger[data-animate="fadeOpacity"] {
    opacity: 0; /* 初始透明 */
    transform: translateY(20px); /* 初始向下偏移20px */
    transition: opacity 0.6s ease, transform 0.6s ease; /* 动画过渡 */
    will-change: opacity, transform; /* 优化性能 */
}
.animate-trigger[data-animate="fadeOpacity"].active {
    opacity: 1; /* 完全显示 */
    transform: translateY(0); /* 回到原位置 */
}
/* 3. 延迟动画生效（利用 data-delay 属性） */
.animate-trigger[data-delay] {
    transition-delay: calc(var(--delay) * 1ms); /* 动态读取延迟时间 */
}
.hand {
	cursor: pointer;
}
.hand:hover {
	transition: 0.3s;
	transform: scale(1.01);
}
ul{
	list-style: none;
}
/* 导航 */
.navDiv{
	position:fixed;
	z-index: 9999;
	top:0;
	width: 100%;
	border-bottom: solid 0.03rem #9d9d9d;
	width: 100%;
	height:6.2rem;
	/* background: #000; */
	display: flex;
	align-items:center;
	padding:0 3.6rem;
	box-sizing: border-box;
	justify-content: space-between;
	background: transparent; /* 初始透明背景 */
	transition: background-color 0.3s ease; /* 平滑过渡效果 */
    transition: all 1s;
	z-index: 100; /* 确保导航栏在最上层 */
}
.navBTwo{
	background: #fff; /* 初始透明背景 */
	border-bottom: none;
}
.scrolled{
	/*background:rgba(0, 0, 0, 0.8);*/
    background-color:#fff;
    transition: all 1s;
}
.navDiv img{
	width:13rem;
	height:2.3rem;
}
.navDiv .logoImgD{
    width:13rem;
    height:2.3rem;
    background-image: url("/assets/web/img/logo.png");
    background-size: 100% 100%;
}
.navBTwo .logoImgD{
    background-image: url("/assets/web/img/logoTwo.png");
}
.scrolled .logoImgD{
    background-image: url("/assets/web/img/logoTwo.png");
}
.navDiv .navBar{
	display:flex;
}
.navBar span a:hover{
    color: #2966b1;
    transition: all 1s;
}
.navDiv span{
    padding: 2.4rem 0;
}
.navDiv span a{
	margin:0 1.8rem;
	font-size: 1.15rem;
	color: #fff;
}
.navBTwo span a{
	color: #000;
}
.scrolled span a{
    color: #000;
    transition: all 1s;
}
.dropdown {
    /*position: relative;*/
}

/* 下拉菜单默认隐藏 */
.dropdown-menu {
	border-radius: 0.3rem;
    /*display: none;*/
    opacity: 0;
    position: absolute;
    width: 100%;
    border-top: solid 0.1rem #535353;
    box-sizing: border-box;
    top: 100%; /* 紧贴父元素下方 */
    left:0rem;
    background:#fff;
    /* min-width: 160px; */
    /*box-shadow: 0 8px 16px rgba(0,0,0,0.2);*/
    text-align: center;
    padding: 2rem 0;
    z-index: 101; /* 比导航栏高一点 */
    transform: scaleY(0);
}

/* 下拉菜单项样式 */
.dropdown-menu a {
	text-align: center;
    /*display: block;*/
    padding: 0.8rem 0rem;
    margin: 0;
    white-space: nowrap;
	font-size:1rem !important;
	color: #000!important;
    padding: 0.5rem 1rem;
    border-radius:5rem;
}
.dropdown-menu a:hover{
    color: #fff!important;
    background: #2966b1;
    transition: all 0.5s;
	/*font-weight: 600;*/
}

/* 悬停显示下拉菜单 */
.dropdown:hover .dropdown-menu {
    /*display: block;*/
    opacity: 1;
    transform: scaleY(1);
    transition: all 0.6s cubic-bezier(0.76, 0, 0.24, 0.5);
}

/* 为下拉箭头添加样式 */
.dropdown-toggle:after {
    content: "";
    display: inline-block;
    margin-left: 0.5rem;
	margin-bottom: 0.2rem;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.4rem 0.4rem 0 0.4rem;
    border-color: #fff transparent transparent transparent;
}
.navBTwo .dropdown-toggle:after {
	border-color: #000 transparent transparent transparent !important;
}
.bannerDiv{
    position: relative;
}
.bannerDiv .banText{
    text-align: center;
    position: absolute;
    z-index: 100;
    left: 46%;
    top: 20rem;
    color: #fff;
}
.banText h1{
    margin: 0.5rem 0;
}
.bannerDiv img{
	width:100%;
}
.bannerDiv video{
	width:100%;
}
.titCss{
	color: #222;
}
.footerDiv{
	padding: 0rem 8em;
	box-sizing: border-box;
	background: #f4f4f3;
	width: 100%;
}
.footerDiv .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding:1.2rem 0;
}

.footerDiv .logo {
  display: flex;
  align-items: center;
}
.footerDiv .logo img{
	width:13.35rem;
}

.footerDiv .company-info {
	font-size:1.2rem;
	text-align: right;
	line-height: 1.6;
}
.footerDiv .company-info p{
	font-size:0.8rem;
	color:#333;
}

.footerDiv .divider {
  height:0.1rem;
  background-color: #ccc;
}

.footerDiv .main-content {
  padding:1.2rem 0;
  display: flex;
  justify-content: space-between;
  align-items:flex-start;
}

.footerDiv .qr-code-section {
  display: flex;
  align-items: center;
}

.footerDiv .qr-code {
  width:7.5rem;
  height:7.5rem;
  margin-right:1.6rem;
}

.footerDiv .contact-info {
  line-height:2;
  font-size:1.03rem;
  color:#222;
}

.footerDiv .label {
  /* font-weight: bold; */
  margin-right:1rem;
  color:#666;
}

.footerDiv .nav-links {
  display: flex;
  margin-top:1.1rem;
}

.footerDiv .nav-links a {
  margin-left:1.7rem;
  color: #333;
  text-decoration: none;
  transition: color 0.3s;
}

.footerDiv .nav-links a:hover {
  color: #007bff;
}

.footerDiv .footer {
  text-align: center;
  padding:1rem;
  font-size:0.75rem;
  color: #666;
}
.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem; /* 原10px转换为1rem（基于1rem=1vw的基准） */
    padding: 1rem; /* 原10px转换为1rem */
    background-color: #f5f5f5;
}

.page-link {
    text-decoration: none;
    color: #333;
    padding: 0.5rem 1rem; /* 原5px 10px转换为0.5rem 1rem */
    border-radius: 0.3rem; /* 原3px转换为0.3rem */
    font-size:0.9rem; /* 原14px转换为1.4rem */
	/* font-weight:100; */
}

.page-link:hover {
    /*background-color: #e0e0e0;*/
    background-color: #007bff;
    color: #fff;
}

.page-link.active {
    background-color: #007bff;
    color: #fff;
    border-radius: 50%; /* 圆形效果 */
    width: 2.4rem; /* 原24px转换ccc为2.4rem */
    height: 2.4rem; /* 原24px转换为2.4rem */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0; /* 清除内边距，使圆形更规整 */
}

.ellipsis {
    color: #999;
    font-size: 1.4rem; /* 原14px转换为1.4rem */
}

.prev, .next {
    color: #999;
}
/*屏幕尺寸<=900px*/
@media screen and (max-width: 800px) {

    .navDiv span a{
        line-height: 2rem;
        margin: 1rem 1.8rem;
        display: inline-block;
    }
}