/* 基础设置：默认根字体大小为100px（对应JS中最大屏幕的情况） */html {font-size:100px;}
/* 屏幕宽度 ≤ 1200px 时 */@media (max-width:1200px) {html {font-size:calc(100vw / 12);/* 100vw是屏幕宽度，相当于JS中的windowWidth / 12 */}
}
/* 屏幕宽度 ≤ 1024px 时（覆盖上面的规则） */@media (max-width:1024px) {html {font-size:calc(100vw / 10.24);/* 对应JS中的windowWidth / 10.24 */}
}
/* 屏幕宽度 ≤ 768px 时（覆盖上面的规则） */@media (max-width:768px) {html {font-size:calc(100vw / 7.68);/* 对应JS中的windowWidth / 7.68 */}
}
/* 屏幕宽度 ≤ 480px 时（覆盖上面的规则） */@media (max-width:480px) {html {font-size:calc(100vw / 4.8);/* 对应JS中的windowWidth / 4.8 */}
}
.dis-f-c-c {display:flex;flex-direction:column;align-items:center;}
.dis-f-c-w {display:flex;align-items:center;flex-wrap:wrap;}
.m-t-25 {margin-top:0.25rem}
.m-t-30 {margin-top:0.3rem}
.m-t-35 {margin-top:0.35rem}
.header {width:100%;background:#fff;z-index:100;}
header {width:100%;min-height:0.7rem;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;transition:all 0.3s;}
.header-bj {background:#dfdfdf}
.logo {}
.logo-img img {max-width:0.68rem;}
.logo-size {color:#000;padding-left:0.1rem}
.logo-size h2 {font-size:0.2rem;}
.logo-size p {font-size:0.14rem}
.header.fixed {position:fixed;top:0;box-shadow:0 2px 8px rgba(0,0,0,0.2);}
.topnav-sticky {width:100%;margin-bottom:0.2rem;}
.sticky {position:fixed;top:0;z-index:999;box-shadow:0 2px 6px rgba(0,0,0,.3)}
nav {flex:1;max-width:1000px;}
nav ul {display:flex;/* 关键属性：在可用空间内均匀分配项目 */      justify-content:space-around;list-style:none;/* 占据尽可能多的空间（但不超过max-width） */      width:100%;}
nav ul li {position:relative;white-space:nowrap;}
nav ul li .nav-a {font-size:0.2rem;color:#000;line-height:0.7rem;display:block;width:100%;padding-left:0.1rem;padding-right:0.1rem;text-decoration:none;}
nav ul li .nav-a {}
nav ul li .nav-a:hover {color:#fff;background:#e62129;}
/* 二级菜单基础样式 */       .nav-secondary {position:absolute;/* 相对于父级li定位 */            top:100%;/* 位于一级菜单正下方 */            left:0;background:#e62129;/* 二级菜单背景 */            min-width:200px;/* 固定宽度 */            /* 默认隐藏 */            padding:0.15rem 0;box-shadow:0 2px 8px rgba(0,0,0,0.2);/* 阴影增强层次感 */            z-index:100;/* 确保在其他内容上方 */}
/* 二级菜单链接样式 */       .nav-secondary a {display:block;color:#ddd;text-decoration:none;padding:0.15rem 0.15rem;transition:all 0.3s;}
.nav-secondary a:hover {background:#666;color:white;padding-left:0.25rem;/* 悬停时左移增强交互感 */}
/* 显示二级菜单（通过JS添加此类） */       .nav-secondary.show {display:block;animation:fadeIn 0.3s;/* 淡入动画 */}
@keyframes fadeIn {from {opacity:0;transform:translateY(10px);}
to {opacity:1;transform:translateY(0);}
}
/* 移动端适配（可选） */        @media (max-width:768px) {.f-l ul {flex-direction:column;/* 移动端垂直排列 */}
.nav-secondary {position:static;/* 取消绝对定位 */                background:#e62129;}
}
/**手机导航**/.wap-nav {width:100%;background:#fff;box-shadow:0px 2px 5px rgba(0,0,0,.1);display:block;/*position:fixed;top:0;*/display:none;flex:1;position:relative;z-index:99;padding:0.1rem 0.08rem;}
.wap-nav ul {display:flex;/* 关键属性：在可用空间内均匀分配项目 */      justify-content:space-around;list-style:none;/* 占据尽可能多的空间（但不超过max-width） */      width:100%;}
.wap-nav li {position:relative;white-space:nowrap;}
.wap-nav a {font-size:0.16rem;color:#000;text-align:center;text-decoration:none;color:#333;/* 文字颜色 */}
.wap-nav a p {padding-top:0.03rem}
.wap-nav img {width:100%;height:100%;object-fit:contain;}
.wapnav-ico {border-radius:50%;max-width:0.42rem;width:100%;margin:0 auto;display:flex;justify-content:center;align-items:center;padding:0.02rem;}
.wapnav-ico1 {background-image:linear-gradient( #e53f0b,#ea7831);}
.wapnav-ico2 {background-image:linear-gradient( #28b467,#5dd490);}
.wapnav-ico3 {background-image:linear-gradient( #2e68ca,#80e0f2);}
.wapnav-ico4 {background-image:linear-gradient(#5b11e5,#a987e7);}
/***手机版导航二级栏目***/.wap-nav-tow {position:absolute;top:110%;left:0;min-width:1.5rem;display:flex;background-color:#fff;display:none;/*默认隐藏 */            flex-direction:column;z-index:9;box-shadow:0 5px 5px rgba(0,0,0,0.05);}
.wap-nav-tow::before,.wap-nav-tow::after {display:block;content:"";width:0;height:0;position:absolute;}
.wap-nav-tow::before {/* 下边框可见，其他边框透明 */            border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #f00;top:-6px;left:0.25rem;}
.wap-nav-tow a {padding:0.12rem 0.15rem;text-decoration:none;color:#555;font-size:0.16rem;transition:background-color 0.2s;}
/* 二级菜单链接 hover */       .wap-nav-tow a:hover {background-color:#f0f0f0;color:#2c84d8;}
/* 展开动画 */        @keyframes fadeIn {from {opacity:0;transform:translateY(-10px);}
to {opacity:1;transform:translateY(0);}
}
/* 三角形基础样式 */       .triangle {position:absolute;top:0;left:10%;}
/* 向上的三角形 */       .triangle-up {}
/* 语言切换容器 */.lang-switch {display:flex;gap:0.15rem;white-space:nowrap;}
.cn-cont {text-decoration:none;color:#333;font-size:0.2rem;display:flex;align-items:center;gap:5px;}
.cn-cont img {max-width:0.25rem;}
/* 平板适配（示例：≥768px 时导航居中不换行） */    @media (min-width:768px) {.top-head {justify-content:center;}
/* 通过 order 调整 logo 居左、语言切换居右 */      .logo {order:1;margin-right:auto;/* 让 logo 靠左 */}
.lang-switch {order:3;margin-left:auto;/* 让语言切换靠右 */}
.nav-center {order:2;}
}
/* 手机适配（示例：<768px 时隐藏中间导航） */    @media (max-width:768px) {.nav-center {display:none;/* 隐藏导航 */}
.wap-nav {display:block;z-index:99}
/* 可选：让 logo 和语言切换居中或调整布局 */      .top-head {justify-content:center;min-height:0.45rem}
.logo {margin-right:auto;padding-top:0;}
.lang-switch {margin-left:auto;}
.logo-img img {max-width:0.45rem}
.nav-secondary {display:none}
header {min-height:0.4rem;border-bottom:1px solid #ddd}
.header-bj {background:#fff;}
.header {position:fixed;top:0;}
}
/***首页内容模块***/
.pro-tit {width:100%;margin-top:0.38rem;overflow:hidden;}
.pro-tit h3 {font-size:0.3rem;color:#333;background:#eee;border-radius:0.08rem;padding:0.12rem 0.25rem;}
.side-cont {display:flex;flex-wrap:wrap;/* 关键：超出容器宽度时自动换行 */            gap:0.4rem;/* 元素间距（水平和垂直方向） */            padding:20px 0;}
.side-btn {transition:transform 0.5s ease;flex:1;min-width:calc(50% - 0.2rem);max-width:calc(50% - 0.2rem);display:flex;/* 核心：按钮内部内容水平居中 */            justify-content:center;/* 核心：按钮内部内容垂直居中 */            align-items:center;background-image:linear-gradient(to bottom right,#e63e0a,#fd7c16);border-radius:8px;padding:0.35rem 0.15rem;box-shadow:0 2px 8px rgba(0,0,0,0.1);cursor:pointer;gap:0.2rem;}
.side-btn:hover {transform:translateY(-6px)}
/* 图标部分 */       
.side-btn .side-btn-ico {width:1.42rem;}
.side-btn .side-btn-ico img {max-width:100%;height:100%;object-fit:contain;}
/* 文字和箭头部分：内部箭头靠右 */       
.side-btn .side-btn-main {display:flex;/*white-space:nowrap;*/ align-items:center;justify-content:space-between;/* 文字左，箭头右 */            flex:1;max-width:2.5rem;/* 限制最大宽度，避免内容过宽 */            flex-direction:column;}
.side-btn .side-btn-main h3 {color:#fff;font-size:0.3rem;height:70%;font-weight:normal;}
.side-btn .side-btn-main img {width:0.73rem;display:none;}
.side-btn .side-btn-ico2 {max-width:2.2rem;width:100%;text-align:center;}

/***首页第二套结构**/
.side-cont2{padding: 0 0.2rem;
	display: grid;
    grid-template-columns: repeat(auto-fill, minmax(4rem, 1fr));
    gap: 0.4rem;
    max-width: 16rem;
    margin: 0.3rem auto;
}
.side-btn2{transition:transform 0.5s ease;flex:1;display:flex;/* 核心：按钮内部内容水平居中 */ justify-content:center;/* 核心：按钮内部内容垂直居中 */   align-items:center;background-image:linear-gradient(to bottom right,#e63e0a,#fd7c16);border-radius:8px;padding:0.35rem 0.15rem;box-shadow:0 2px 8px rgba(0,0,0,0.1);cursor:pointer;gap:0.2rem;}
.side-btn2:hover {transform:translateY(-6px)}
/* 图标部分 */       
.side-btn2 .side-btn-ico {width:1.42rem;}
.side-btn2 .side-btn-ico img {max-width:100%;height:100%;object-fit:contain;}
/* 文字和箭头部分：内部箭头靠右 */       
.side-btn2 .side-btn-main {display:flex;/*white-space:nowrap;*/ align-items:center;justify-content:space-between;/* 文字左，箭头右 */            flex:1;max-width:2.5rem;/* 限制最大宽度，避免内容过宽 */            flex-direction:column;}
.side-btn2 .side-btn-main h3 {color:#fff;font-size:0.3rem;height:70%;font-weight:normal;}
.side-btn2 .side-btn-main img {width:0.73rem;display:none;}
.side-btn2 .side-btn-ico2 {max-width:2.2rem;width:100%;text-align:center;}

@media (max-width: 768px) {
    .side-cont2{
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
        padding: 0.15rem;
        gap: 0.18rem;
    }
}


.footer {padding:0.2rem;background:#000;color:#fff;overflow:hidden;margin-top:0.2rem;width:100%;}
.footer-container {max-width:1660px;margin:0 auto;width:100%;}
.footer h3 {font-size:0.24rem;padding-bottom:0.1rem;margin-bottom:0.1rem;position:relative;}
.footer h3::before {display:block;content:"";width:1rem;border-radius:5px;background:#606060;height:0.03rem;position:absolute;bottom:0;left:0;}
.footer p {font-size:0.16rem;line-height:2}
.fot-nav {width:100%;overflow:hidden;}
.fot-nav a {display:block;color:#fff;padding-top:0.07rem;padding-bottom:0.08rem;font-size:0.16rem}
.fot-nav a:hover {color:#f00}
.f-bqsy {padding-top:10px;border-top:1px solid #333;text-align:center;margin-top:20px;}
.f-bqsy p {font-size:0.14rem;color:#ccc}
/**banner **/#banner {max-height:5rem;overflow:hidden}
.flexslider {width:100%;min-height:500px;z-index:0;position:relative;}
.slides {position:relative;height:100%;}
.slides li {height:500px;position:relative;width:100%;}
.slides li a {display:block;width:100%;height:100%;position:absolute;width:100%;height:100%;}
.flex-control-nav {position:absolute;bottom:0.03rem;z-index:99;width:100%;text-align:center;}
.flex-control-nav li {display:inline-block;height:0.2rem;margin:0 7px;}
.flex-control-nav li a {display:block;background:rgba(0,0,0,.3);overflow:hidden;text-indent:-999px;width:0.14rem;height:0.14rem;border-radius:0.5rem;cursor:pointer;transition-delay:0s;transition-duration:0.3s;transition-property:all;transition-timing-function:ease;}
.flex-control-nav li a.flex-active {width:0.3rem;border-radius:0.3rem;transition-delay:0s;transition-duration:0.3s;background:#f00;transition-property:all;transition-timing-function:ease;}
.flex-direction-nav {position:absolute;z-index:99;width:100%;top:50%;margin-top:-45px;}
.flex-direction-nav li a {display:block;width:68px;height:68px;overflow:hidden;cursor:pointer;position:absolute;filter:alpha(opacity=80);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.flex-direction-nav li a.flex-prev {left:3%;background:url(../img/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next {right:3%;background:url(../img/next.png) center center no-repeat;}
.flex-direction-nav li a:hover {filter:alpha(opacity=60);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;}
@media screen and (max-width:1200px) {#banner {max-height:5.4rem;}
}
@media screen and (max-width:1024px) {#banner {max-height:4.6rem;}
}
@media screen and (max-width:768px) {#banner {max-height:4.4rem;}
}
@media screen and (max-width:480px) {#banner {max-height:2.4rem;}
}
/* 返回顶部按钮基础样式 */.back-to-top {position:fixed;bottom:1rem;right:-0.5rem;/* 初始隐藏在右侧外 */  width:0.45rem;height:0.45rem;background-color:#ed5c02;/* 主色调 - 深紫色 */  border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0.04rem 0.12rem rgba(0,0,0,0.3);transition:all 0.3s ease;z-index:100;opacity:0;display:none;}
/* 显示时的样式 */.back-to-top.show {right:0.3rem;opacity:1;}
/* 悬停效果 */.back-to-top:hover {background-color:#d90205;/* 悬停颜色加深 */  transform:translateY(-3px);/* 轻微上移 */  box-shadow:0 0.06rem 0.16rem rgba(0,0,0,0.4);}
/* 箭头图标样式（针对 fa-arrow-up 类） */.back-to-top .fa-arrow-up {font-size:0.16rem;font-style:normal;color:white;transition:transform 0.2s ease;/* 箭头动画 */  display:block;text-align:center;padding-top:3px;line-height:1;}
.back-to-top .fa-arrow-up span {font-size:0.14rem}
/* 悬停时箭头轻微上移 */.back-to-top:hover .fa-arrow-up {transform:translateY(-2px);}
@media (max-width:768px) {.back-to-top {display:block}
}
/*** 内页****/.body-bj {background:#f3f3f3}
.ny-nav-1,.ny-nav-2 {background:#dfdfdf}
/***右侧悬浮***/.ny-nav-1 a img {width:0.4rem;}
@media (min-width:932px) {.ny-nav-1 {position:fixed;/* 固定定位，实现悬浮 */            top:50%;/* 垂直方向居中起点 */            transform:translateY(-50%);/* 垂直居中调整 */            /* 关键：计算与1200px内容框的贴合位置 */            right:calc(50% - 600px - 0.7rem);/* 50%视口 - 内容框一半(600px) - 自身宽度(50px) */            width:0.7rem;/* 悬浮元素宽度 */            background-color:#fff;/*#d81e06**/            border-radius:8px;/* 右侧圆角 */            box-shadow:2px 0 10px rgba(0,0,0,0.2);z-index:100;/* 确保在内容之上 */overflow:hidden;}
/* 悬浮元素内部链接样式 */        .ny-nav-1 a {display:flex;flex-wrap:wrap;justify-content:center;color:#000;padding:0.15rem 0;border-bottom:1px solid rgba(0,0,0,0.16);text-decoration:none;transition:background-color 0.3s;}
.ny-nav-1 a:last-child {border-bottom:none;}
.ny-nav-1 a:hover {background-color:#d81e06;/**rgba(0,0,0,0.26)*/color:#fff;}
.ny-nav-1 a img,.ny-nav-1 a span {transition:0.5s;}
.ny-nav-1 a:hover img,.ny-nav-1 a:hover span {transform:translateY(-3px)}
.ny-nav-1 a span {display:block;font-size:0.13rem;text-align:center;margin-top:5px;padding:0 0.06rem;}
}
/* 响应式调整：当屏幕小于1200px时 */        @media (max-width:1340px) {.ny-nav-1 {/* 屏幕变小时保持与内容框左侧贴合 */                right:0;border-radius:8px 0 0 8px;}
}
@media (max-width:931px) {.ny-nav-1 {display:flex;gap:0.5rem;width:100%;padding:0.08rem;min-height:0.35rem;justify-content:center;border-top:1px solid #ccc;border-bottom:3px solid #d81e06;border-radius:0;}
.ny-nav-1 a {font-size:0.26rem;color:#000;display:flex;align-items:center;}
.ny-nav-1 a:hover {color:#f00}
#backToTop {display:none}
.back-to-top {display:block}
}
.ny-nav-2 {padding:0 0.2rem;width:100%;margin:0 auto;text-align:center;}
.ny-nav-2 ul {display:flex;gap:0 0.2rem;width:100%;max-width:1100px;align-items:center;justify-content:space-around;flex-wrap:nowrap;margin:0 auto}
.ny-nav-2 ul li {}
.ny-nav-2 ul li a {font-size:0.21rem;display:flex;line-height:0.62rem;color:#000;padding:0 0.1rem;align-items:center;}
.ny-nav-2 ul .ny-nav-hover a,.ny-nav-2 ul li a:hover {color:#fff;background:#d81e06;}
.ny-nav-2 ul li a img {max-width:0.3rem;padding-right:0.05rem}
.mod-tit {font-size:0.3rem;padding-bottom:0.1rem;margin:0 0.2rem 0.2rem 0.2rem;border-bottom:1px solid #f00;text-align:center;}
.lightbox {display:block;}
.caption h3 {font-size:0.21rem;color:#f00;}
.caption p {padding-top:0.1rem;font-size:0.16rem}
/* 卡片容器 - 使用grid实现响应式布局 */       .thumbnails-container {display:grid;grid-template-columns:repeat(auto-fill,minmax(3rem,1fr));gap:0.2rem;max-width:12rem;margin:0 auto;}
/* 单个卡片样式 */       .thumbnail {border:1px solid #eee;background-color:#fff;padding:0.15rem;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.05);transition:transform 0.3s ease,box-shadow 0.3s ease;display:flex;flex-direction:column;}
/* 卡片悬停效果 */       .thumbnail:hover {transform:translateY(-5px);box-shadow:0 8px 24px rgba(0,0,0,0.1);}
/* 图片容器 */       .thumbnail.lightbox {position:relative;display:block;overflow:hidden;}
/* 图片样式 */       .thumbnail img {width:100%;object-fit:contain;object-fit:cover;transition:transform 0.5s ease;}
/* 图片悬停放大效果 */       .thumbnail:hover img {transform:scale(1.05);}
/* 图片上的图标覆盖层 */       .thumbnail.lightbox::after {content:"\f00e";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:white;font-size:24px;opacity:0;transition:opacity 0.3s ease;text-shadow:0 2px 4px rgba(0,0,0,0.3);}
/* 图片悬停时显示图标 */       .thumbnail:hover.lightbox::after {opacity:1;}
/* 图片暗化遮罩 */       .thumbnail.lightbox::before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.2);opacity:0;transition:opacity 0.3s ease;}
/* 悬停时显示遮罩 */       .thumbnail:hover.lightbox::before {opacity:1;}
/* 内容区域 */       .thumbnail h3,.thumbnail p {padding:0 0.15rem;margin-top:0.15rem;}
/* 标题样式 */       .thumbnail h3 {font-size:18px;color:#000;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
/* 描述文字样式 */       .thumbnail p {font-size:0.16rem;color:#636e72;line-height:1.6;margin-bottom:0.1rem;margin-top:0.05rem;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
/* 响应式调整 */        @media (max-width:768px) {.thumbnails-container {grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:0.15rem;gap:0.18rem;}
.thumbnail img {}
.thumbnail h3 {font-size:17px;}
.ny-nav-2 ul {gap:0 0.1rem;}
.ny-nav-2 ul li a {line-height:0.5rem;font-size:0.16rem}
}
@media (max-width:480px) {.thumbnails-container {grid-template-columns:1fr;}
.thumbnail {display:grid;/* 定义2列，宽度各占一半 */            grid-template-columns:40% 1fr;gap:0.15rem;}
.thumbnail h3 {padding:0;font-size:0.18rem}
.thumbnail p {grid-column:1 / 3;margin-top:0;font-size:0.14rem}
}
/***软件下载中心***//* 下载中心 - 使用grid实现响应式布局 */       .downl-mod-cont {display:grid;grid-template-columns:repeat(auto-fill,minmax(4.8rem,1fr));gap:0.2rem;max-width:12rem;margin:0 auto;margin-top:0.4rem}
/* 单个卡片样式 */       .downl-tbe {border:1px solid #eee;background-color:#fff;padding:0.18rem;gap:0.15rem;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.05);transition:transform 0.3s ease,box-shadow 0.3s ease;display:grid;grid-template-columns:60% 1fr;}
/* 卡片悬停效果 */       .downl-tbe:hover {transform:translateY(-5px);box-shadow:0 8px 24px rgba(0,0,0,0.1);}
/* 图片容器 */       .downl-mod-img {position:relative;text-align:center;display:flex;overflow:hidden;flex-direction:row;justify-content:center;}
/* 图片样式 */       .downl-mod-img img {width:100%;max-width:2.2rem;object-fit:contain;transition:transform 0.5s ease;}
.downl-mod-tit {display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;flex-direction:column;}
.downl-mod-tit h3 {font-size:0.2rem;color:#000;font-weight:500;padding-bottom:0.05rem}
.downl-mod-tit img {max-width:100%;}
.downl-mod-tit-img img {max-width:1.43rem;}
.downl-mod-tit-img2 img {max-width:1.2rem;}
.downl-mod-tit p {font-size:0.18rem;color:#000;}
.downl-mod-tit p b {font-size:0.24rem;}
.downl-mod-btn {display:flex;grid-column:1 / 3;align-items:center;justify-content:center;gap:0.2rem;flex-wrap:nowrap;}
.downl-mod-btn2 {flex-wrap:wrap}
.downl-a-block {background:#f73b3f;border-radius:50px;font-size:0.16rem;color:#fff;display:flex;justify-content:center;align-items:center;transition:.5s;padding:0.1rem 0.2rem;min-width:41%}
.downl-a-block span {background:url("../img/xz-jt2.png") no-repeat left;background-size:0.25rem;padding-left:0.3rem;padding-top:0.02rem;padding-bottom:0.02rem}
.ios-blk .downl-a-block,.ios-blk .downl-a-block:hover {background:#888888;cursor:default;}
.downl-a-block2 {background:#2d72ff}
.downl-a-block:hover {background:#ff7600;text-decoration:none;color:#fff;transform:translateY(-6px);box-shadow:0 3px 3px #a39696}
.downl-a-block2:hover {background:#2a07b7}
.downl-a-block-2,.downl-a-block-2:hover {background:#7C7C7C}
.mod-tit2 {border-bottom:0;margin:0.4rem 0 0 0}
/***视频中心选项卡***/.tabs-container {max-width:1200px;margin:0 auto;background-color:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.08);overflow:hidden;}
/* 选项卡导航 */       .tabs-nav {display:grid;grid-template-columns:repeat(3,1fr);background-color:#f8f9fa;border-bottom:1px solid #e9ecef;}
.tab-btn {padding:0.15rem 0.12rem;border:none;background:none;cursor:pointer;font-size:0.18rem;font-weight:500;color:#495057;transition:all 0.3s ease;position:relative;display:flex;align-items:center;justify-content:center;gap:0.08rem;}
.tab-btn img {max-width:1rem;transition:0.5s;}
.tab-btn.active {color:#fff;background-image:linear-gradient(to bottom right,#e63e0a,#fd7c16);}
.tab-btn:hover img {transform:translateY(-4px);}
.tab-btn.active::after {content:'';position:absolute;bottom:-1px;left:0;width:100%;height:3px;background-color:#9d0101;}
.tab-btn:hover:not(.active) {color:#f00;background-color:#e1e5e7;}
/* 选项卡内容 */       .tabs-content {padding:24px;}
.tab-panel {display:none;animation:fadeIn 0.4s ease;}
.tab-panel.active {display:block;}
/* 内容列表 */       .content-list {}
.content-item {list-style-type:square;}
.content-item {width:100%;padding:0 16px;border-radius:8px;margin-bottom:12px;background-color:#f8f9fa;transition:all 0.2s ease;border-left:3px solid transparent;/*display:grid;grid-template-columns:80% 1fr;*/   list-style-type:decimal;list-style-position:inside;overflow:hidden;position:relative;}
.content-item:hover {background-color:#eceef1;transform:translateX(4px);border-left-color:#f00;}
.content-item a {overflow:hidden;list-style-type:decimal;list-style-position:inside;text-decoration:none;color:#212529;display:inline-flex;font-size:0.18rem;padding:14px 0;}
.content-item a:first-child {text-align:left;width:70%;}
.content-item a:last-child {width:21%;text-align:right;float:right;color:#f30808;justify-content:flex-end;}
.content-item a:hover {color:#f00}
.content-item a:last-child:hover {color:#1243C5}
/* 动画效果 */        @keyframes fadeIn {from {opacity:0;transform:translateY(10px);}
to {opacity:1;transform:translateY(0);}
}
/* 响应式调整 */        @media (max-width:768px) {.tab-btn {font-size:0.16rem;flex-direction:column;padding:14px 8px;}
.tab-btn i {display:none;/* 中等屏幕隐藏图标 */}
.tabs-content {padding:0.18rem;}
.content-item {padding:12px 14px;margin-bottom:10px;}
.content-item a {font-size:0.16rem;}
.content-item a:first-child {width:63%;}
.content-item a:last-child {width:25%;}
.content-item a:hover {color:#f00}
}
@media (max-width:480px) {.tab-btn {justify-content:flex-start;padding:14px 20px;}
.tab-btn:last-child {border-bottom:none;}
.tab-btn i {display:inline-block;/* 小屏幕显示图标 */                width:24px;}
.tab-btn.active::after {width:100%;height:3px;bottom:0;left:0;}
}
/****简介***/.mod-tit3 {color:#e71216;font-size:0.3rem;border-bottom:0;padding:0;margin:0;}
.ny-article img {max-width:100%;}
.img-m-auto {margin:0 auto}
.ny-article {margin:0 auto;padding:0.2rem;font-family:Arial,sans-serif;line-height:1.6;color:#333;}
.ny-article img:first-child {display:block;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.1);}
.ny-article h3,.ny-article h4 {color:#2c3e50;margin-top:0.2rem;}
.ny-article h3 {font-size:0.22rem;margin-bottom:0.15rem;border-bottom:2px solid #3498db;}
.ny-article h4 {font-size:0.18rem;color:#3498db;}
.ny-article p {margin-bottom:0.1rem;font-size:0.16rem;}
.ny-article strong {color:#2c3e50;}
.ny-article .aut-img {display:flex;gap:0.2rem;flex-wrap:wrap;margin-top:0.1rem;}
.aut-img img {flex:1;min-width:2rem;height:1.8rem;object-fit:cover;border-radius:4px;transition:transform 0.3s ease;}
.aut-img img:hover {transform:scale(1.03);}
.ny-article a {color:#3498db;font-size:0.18rem;text-decoration:none;}
.ny-article a:hover {text-decoration:underline;color:#f00;}
.ny-article a img {vertical-align:middle;margin:0 5px;}
/***合作***/.tz-gallery {margin-top:0.35rem;width:100%;overflow:hidden;}
.lightbox2 {display:flex;gap:0.1rem;padding:0.15rem;margin-bottom:0.2rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.14);box-sizing:border-box;border:1px solid #eee;}
.hzhblogo {flex:0 0 auto;margin-right:0.12rem;}
.hzhblogo img {width:100%;height:100%;max-width:1.19rem;max-height:1.19rem;border-radius:50%;object-fit:cover;border:3px solid #3498db;transition:transform 0.3s ease;}
.hzhblogo img:hover {transform:scale(1.05);}
.lightbox-r {flex:1;}
.lightbox-r h4 {margin:0 0 0.05rem 0;color:#2c3e50;font-size:0.24rem;position:relative;padding-bottom:0.15rem;margin-bottom:0.1rem;}
.lightbox-r a {color:#2c3e50}
.lightbox2 h4:before,.lightbox2 h4:after {position:absolute;content:"";border-radius:10px;bottom:0}
.lightbox2 h4::after {height:5px;width:22%;background:#f00;left:0}
.lightbox2 h4::before {width:100%;bottom:2px;height:1px;background:#ccc}
.lightbox-r p {margin:0;color:#f00;font-size:0.16rem;line-height:1.4;}
/****模块内容*******/  .text-cen {text-align:center}
.p-t-3rem {padding-top:0.3rem}
.sec-main img {max-width:100%;}
.sec-main p {font-size:0.2rem;color:#333}
.func-img-1 {padding:0.35rem 0}
.sec-main h5 {font-size:0.26rem;color:#0075A9;padding-bottom:0.1rem;margin-top:0.2rem}
.sec-m-ul {overflow:hidden;}
.sec-m-ul li {}
.sec-main-4-ul {display:grid;grid-template-columns:repeat(auto-fill,minmax(3rem,1fr));gap:0.2rem;max-width:12rem;margin:0 auto;text-align:center;}
.sec-main-4-ul li {display:flex;flex-wrap:wrap;justify-content:center;color:#333}
.sec-main-4-ul li img {padding-bottom:0.07rem;}
.func-tit {font-size:0.3rem;color:#fff;padding:0.2rem;background:#0075A9;margin-top:0.35rem;margin-bottom:0.2rem;text-align:center;border-radius:10px;}
.mod-blck-cot {display:grid;grid-template-columns:repeat(auto-fill,minmax(3rem,1fr));gap:0.2rem;max-width:12rem;margin:0 auto;text-align:center;margin-bottom:0.35rem;}
.mod-blck-m {background:#0075A9;padding:0.15rem;border-radius:10px;}
.mod-blck-m p {color:#fff;font-size:0.18rem;}
.zygn-blck {display:flex;flex-wrap:wrap}
.zygn-blck li {padding:0.15rem;border:1px solid #0075A9;margin-top:0.25rem;width:100%;}
.zygn-blck li h2 {font-size:0.26rem;color:#0075A9;padding-bottom:0.1rem;}
.zygn-blck li P {font-size:0.14rem;color:#555555;padding-bottom:0.06rem;}
.chassis-cont {display:flex;align-items:center;}
.chass-img {display:flex;flex-direction:column;}
.chassis-cont-2 {gap:0.2rem}
/***中文 底部***/.fot-gzh {display:flex;flex-wrap:nowrap;gap:0.2rem}
.fot-gzh img {max-width:1.26rem;}
.fot-gzh-blck {font-size:0.18rem;text-align:center}
@media screen and (max-width:1200px) {.slides li {background-size:auto 4.7rem !important;min-height:4.7rem !important;height:auto;}
.flexslider {min-height:4.7rem}
header {padding:0 0.2rem}
}
@media screen and (max-width:1024px) {.slides li {background-size:auto 4.3rem !important;min-height:4.3rem !important;height:auto;}
.flexslider {min-height:4.3rem}
.side-btn .side-btn-ico2{max-width: 1.6rem}
.side-btn .side-btn-main h3 {/*font-size:0.21rem*/}
.ny-nav-2 ul {gap:0;}
.flex-direction-nav {display:none;}
.downl-mod-cont {padding-left:0.15rem;padding-right:0.15rem}
.content-item {grid-template-columns:66% 1fr;}
.lightbox-r h4 a,.lightbox-r h4 {font-size:0.18rem}
}
@media (max-width:992px) {.side-btn-ico2,.side-btn-ico {max-width:1.25rem}
.side-btn .side-btn-main h3 {font-size:0.23rem}
}
@media screen and (max-width:768px) {.m-xs-t-0 {margin-top:0.08rem}
.slides li {background-size:auto 3.2rem !important;min-height:3.2rem !important;height:auto;}
.flexslider {min-height:3.2rem}
.flex-control-nav li a {width:0.1rem;height:0.1rem;}
.flexslider {}
.min-dis-no {display:none;}
.p-xs-l-0 {padding-left:0;}
.p-xs-r-0 {padding-right:0;}
.p-xs-lr-0 {padding-left:0;padding-right:0;}

.side-cont {gap:0.2rem;padding:0.2rem;}
.side-btn{padding: 0.25rem 0.1rem;}
.side-btn .side-btn-main h3 {font-size:0.18rem;}
.side-btn {padding-top:0.15rem;padding-bottom:0.15rem;gap:0.1rem;min-width:calc(50% - 0.1rem);/* 间距缩小，对应调整宽度 */ max-width:calc(50% - 0.1rem);}
.side-btn .side-btn-ico {width:1rem;}
.side-btn .side-btn-main {white-space:normal;max-width:1.5rem;}
.side-btn .side-btn-main img {width:0.3rem;height:auto;display:none}
.side-btn .side-btn-ico {max-width:1rem;}
.pro-tit {margin-top:0.18rem;}
.pro-tit h3 {font-size:0.2rem;margin:0 0.2rem;}
.footer {padding-bottom:0.44rem}
.footer p {line-height:1.5}

.cn-cont {font-size:0.16rem}
.ny-nav-1 {gap:0.2rem;}
.ny-nav-1 {padding:0.1rem;}
.ny-nav-1 a img {width:0.3rem}
.ny-nav-1 a {font-size:0.24rem}
.ny-nav-2 {padding:0}
.mod-tit {font-size:0.21rem}
.downl-mod-cont {grid-template-columns:1fr;}
.zygn-blck li P {font-size:0.14rem;}
.ny-nav-1 {display:flex;gap:0.5rem;width:100%;padding:0.08rem;min-height:0.35rem;justify-content:center;border-top:1px solid #ccc;border-bottom:3px solid #d81e06;}
.gzh {margin-top:0.2rem}
}
@media screen and (max-width:480px) {.slides li {background-size:auto 2rem !important;min-height:2rem !important;height:auto;}
.flexslider {min-height:2rem}
.ny-nav-1 a {font-size:0.18rem}
.ny-nav-2 ul {flex-wrap:wrap;justify-content:space-between;}
.content-item {grid-template-columns:1fr;}
.content-item a:last-child {padding:0;margin:0;width:50%;}
.content-item a:first-child {width:85%;padding-bottom:0.1rem;padding-top:0.05rem}
.ny-nav-2 ul li {width:25%;}
.ny-nav-2 ul {justify-content:normal;}
.ny-nav-2 ul li a {justify-content:center;}
.sec-main-4-ul,.mod-blck-cot {grid-template-columns:repeat(auto-fill,minmax(1.5rem,1fr));}
.side-btn .side-btn-ico {max-width:0.7rem;}
}
