function_card /* ===================== 全局基础重置 ===================== */
/* 统一下文字色彩   最黑 #060517       浅色#a09aa6     高饱和可点击 */
html{touch-action: pan-y; /* 仅允许纵向滚动，禁止缩放/横向拖拽 */}
*{font-size:13px;padding:0;margin:0;text-decoration:none;list-style:none;outline:none;font-family:Verdana !important;box-sizing:border-box;-webkit-text-size-adjust:100%;}
body{overflow-x:hidden;background:#fff;}
img{display:block;margin:0 auto;max-width:100%;height:auto;}
/* ===================== 公用字体大小类 ===================== */
.fz_max{font-size:32px !important;}
.fz_big{font-size:22px !important;}
.fz_normal{font-size:18px !important;}
.fz_min{font-size:16px !important;}
.fw_bold{font-weight:bold !important;}
/* ===================== 公用外边距类 ===================== */
.mg_b_max{margin-bottom:60px !important;}
.mg_b_big{margin-bottom:36px !important;}
.mg_b_normal{margin-bottom:22px !important;}
.mg_b_min{margin-bottom:12px !important;}
.col_main{color:#6c4ccb;}
/* ===================== h1 h2 标题样式 ===================== */
h1{text-align:center;display:inline-block;line-height:1.3em;height:auto;width:auto;margin-top:40px;font-size:28px;background-image:-webkit-linear-gradient(left,#4e23ca,#8b1893);-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding:0 20px;}
h2{font-size:18px;line-height:1.6em;padding:0 20px 30px 20px;color:#a09aa6;text-align:center;font-weight:normal;}
a{color:#6c4ccb;cursor:pointer;}
/* ===================== 按钮组件 btn_big btn ===================== */
.btn_big{position:relative;z-index:0;display:inline-block;height:60px;line-height:60px;padding:0 50px;text-indent:40px;color:#fff;background:linear-gradient(to right,#4e23ca,#8b1893);border-radius:60px;box-shadow:0 10px 20px rgba(78,35,202,0.25);transition:transform 0.25s ease;}
.btn_big:active{transform:scale(0.96);}
.btn_big::before,.btn::before{content:'';position:absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(to right,#711c77,#3f1f9a);opacity:0;transition:opacity .5s;z-index:-1;border-radius:60px;}
.btn_big:hover::before,.btn:hover::before{opacity:1;}
.btn_big svg{position:absolute;top:19px;left:40px;filter:alpha(opacity=.8);opacity:.8;width:21px;height:21px;}
.btn{position:relative;z-index:0;display:inline-block;height:45px;line-height:45px;width:auto;padding:0 40px;text-align:center;color:#fff;background:linear-gradient(to right,#4e23ca,#8b1893);border-radius:45px;box-shadow:0 8px 15px rgba(78,35,202,0.2);transition:transform 0.25s ease;}
.btn:active{transform:scale(0.96);}
.opacity05{filter:alpha(opacity=.5);opacity:.5;}
/* ===================== keyframes动画定义 保留原版动画 ===================== */
@keyframes fadeInOut{0%{opacity:1;}50%{opacity:1;}50.1%{opacity:0;}99%{opacity:0;}}
@keyframes opacityChange{0%{opacity:1;}50%{opacity:1;}50.1%{opacity:0;}100%{opacity:0;}}
@keyframes opacityChange2{0%{opacity:0;}50%{opacity:0;}50.1%{opacity:1;}100%{opacity:1;}}
@keyframes customer_logo{0%{background-position-x:0;}to{background-position-x:-2000px;}}
/* ===================== 顶部导航菜单 menu_top_box ===================== */
.menu_top_box{position:fixed;top:0;left:0;z-index:9;width:100%; height:70px; padding:10px 0; z-index: 99;}
.menu_top_box .box_center{width:94%; margin: 0 auto; position: relative;}
.menu_top_box .logo{float:left;display:block;}
.menu_top_box .lang_set_box{ float: right; padding:5px 20px 0 0; position: relative; color: #fff !important;}
.menu_top_box .lang_set_box svg{ position: absolute; left: -20px;}

/* 核心图标 — 30px × 30px */
.menu_btn{width:24px;height:24px;border:none;background:transparent;position:relative;cursor:pointer;padding:0; margin-top: 2px; float:right;}
.menu_btn span{display:block;width:100%;height:2px;background:#fff;border-radius:1px;position:absolute;transition:.2s}
.menu_btn span:nth-child(1){top:5px}
.menu_btn span:nth-child(2){top:11px}
.menu_btn span:nth-child(3){top:17px}
.menu_btn.active span:nth-child(1){top:11px;transform:rotate(45deg)}
.menu_btn.active span:nth-child(2){opacity:0}
.menu_btn.active span:nth-child(3){top:11px;transform:rotate(-45deg)}

.menu_btn .nav{position: absolute;top:33px;right:0;width: 150px; height: auto; background-color: rgba(0, 0, 0, 0.9); border: 1px solid #333;border-radius:4px; padding:5px 0; display: none;}
.menu_btn .nav li a{ font-size: 14px; color: #fff; display: block; clear: both; text-align: center; height:40px; line-height:40px;}
.menu_btn .btn_login_li{border-top: 1px solid #060517; margin:5px 5px 0 5px; padding-top: 3px;}
/*页面滚动时 顶部菜单的向上动作*/
.menu2{background-color: rgba(0, 0, 0, 0.9);padding:5px 0; height:auto;transition:all .6s; z-index:99;} /*向下滚动时候 样式动画*/


.menu_top_box .lag_select_box_phone{position: absolute;top:35px; left:-60px;width: 150px; height: auto; background-color: rgba(0, 0, 0, 0.9); border: 1px solid #333;border-radius:4px; padding:5px 0; display: none;}
.menu_top_box .lag_select_box_phone li{font-size: 14px;color: #fff; display: block; clear: both; text-align: center; height:40px; line-height:40px;}

/* ===================== 页脚 footer ===================== */
.footer{width:100%;height:auto;overflow:auto;background:#0e0d10;}
.footer ul{width:84%;height:auto;overflow:auto;margin:40px 8%;position:relative;}
.footer ul li{width:100%;float:none;height:auto;overflow:auto;color:#a09aa6;margin-bottom:35px;}
.footer ul li p{color:#a09aa6;font-size:18px;margin-bottom:10px;font-weight:bold;opacity:.5;}
.footer ul li a{display:block;clear:both;float:none;margin-top:15px;font-size:16px;color:#a09aa6;}
.footer ul li span{display:block;clear:both;float:none;color:#a09aa6;font-size:15px;}
.footer .copyright{clear:both;text-align:center;text-indent:0;color:#a09aa6;opacity:.5;padding-bottom:25px;font-size:15px;line-height:1.6em;}
.footer .copyright a{color:#a09aa6;}
.footer ul .line_1,.footer ul .line_2,.footer ul .line_3{display:none;}
/* ===================== 悬浮联系回到顶部 contact_box ===================== */
.contact_box{position:fixed;right:15px;bottom:8%;text-align:center;background:#fff;z-index:999;box-shadow:0 5px 20px rgba(0,0,0,0.18);border-radius:10px;}
.contact_box li{cursor:pointer;}
.contact_box li.information{padding:10px;position:relative;font-size:16px;}
.contact_box .go_top{display:none;padding-bottom:15px;font-weight:bold;font-size:16px;}
.contact_box .QR_box{position:absolute;right:40px;top:0;z-index:99;display:none;background:#fff;margin-right:10px;padding:15px;border-radius:10px;box-shadow:0 5px 20px rgba(0,0,0,0.18);}
/* ===================== 首页banner模块 banner_box ===================== */
.banner_box{width:100%;height:auto;background:#000 url(/images/banner_bg.jpg) no-repeat;background-size:cover;margin-bottom:40px;padding-bottom:80px;}
.banner_box .center_box{width:100%;margin:0 auto;height:auto;overflow:visible;position:relative;padding:0 20px;}
.banner_box .slogan_box{float:none;width:100%; padding-top:100px;color:#fff;text-align:center;}
.banner_box .slogan_box .other_ver{text-indent:0;margin-top:15px;}
.banner_box .slogan_box .other_ver a{color:#fff;font-size:17px;}
.banner_box .img{margin:30px auto;width:85%;}
.banner_box .function_box{width:100%;height:auto;padding:30px 20px;background:linear-gradient(#fff,#f2ecec);border:1px #fcfcfc;box-shadow:0 5px 25px rgba(0,0,0,0.12);border-radius:15px;}
.banner_box .function_box ul{display:block;height:auto;overflow:auto;}
.banner_box .function_box ul li{display:block;width:100%;float:none;text-align:center;margin-bottom:25px;}
.banner_box .function_box ul li>:nth-child(1){width:37px;height:33px;margin:0 auto;}
.banner_box .function_box ul li>:nth-child(2){font-size:20px;font-weight:bold;margin:10px 0; color:#221d2c;}
.banner_box .function_box ul li>:nth-child(3){color:#a09aa6;margin-bottom:15px;font-size:16px;line-height:16px;}
/* 功能图标精灵图 保留原版 */
.icon_raw{background:url(../images/icon_all.png) 3px 0;background-size:1000%;}
.icon_quick{background:url(../images/icon_all.png) -28px 0;background-size:1000%;}
.icon_HD{background:url(../images/icon_all.png) -58px 0;background-size:1000%;}
.icon_team{background:url(../images/icon_all.png) -90px 0;background-size:1000%;}
.icon_factory{background:url(../images/icon_all.png) -120px 0;background-size:1000%;}
.function_box .more{display:block;color:#a09aa6;clear:both;margin:10px auto;border:1px solid #ccc;width:60%;height:40px;line-height:40px;text-align:center;border-radius:45px;font-size:14px;transition:all 0.25s ease;}
.function_box .more:active{background:#f1f1f1;}

/* ===================== 前后对比滑块 bigimg_box 对比图模块 ===================== */
.bigimg_box{width:100%;padding-bottom:60px;background-image:linear-gradient(#fff,#fff,#eee);}
.bigimg_box .cover{position:relative;cursor:ew-resize;width:94%;max-height:500px;margin:0 auto;border-radius:15px;box-shadow:0 5px 20px rgba(0,0,0,0.1);overflow:hidden;box-sizing:border-box;}
.before-image{position:absolute;top:0;left:0;z-index:1;width:50%;height:100%;overflow:hidden;}
.before-bg{position:absolute;top:0;left:0;background-position:top center;background-size:cover;background-repeat:no-repeat;}
.after-image{position:absolute;top:0;left:0;z-index:0;width:100%;background-position:top center;background-size:cover;background-repeat:no-repeat;}
.divider-bar{position:absolute;width:2px;left:50%;top:0;bottom:0;background:#fff;height:100%;display:block;z-index:2;box-shadow:0 0 15px 1.5px rgba(0,0,0,0.3);}
.divider-bar .text_before{position:absolute;bottom:20px;left:-60px;color:#fff;text-shadow:0 0 15px #000;font-size:17px;}
.divider-bar .text_after{position:absolute;bottom:20px;left:15px;color:#fff;text-shadow:0 0 15px #000;font-size:17px;}
.before-image img,.after-image img{display:none;}
.cover-height{display:block;width:100%;height:auto;visibility:hidden;pointer-events:none;}


/* ===================== 功能卡片列表 function_content_box ===================== */
.function_content_box{width:100%;height:auto;overflow:auto;margin:0 auto;padding:0 20px;}

.function_content_box .function_card{width:100%;height:auto;border-radius:15px;margin:30px auto;position:relative;z-index:0;overflow:hidden;padding:30px 20px;box-shadow:0 0 15px rgba(0,0,0,0.1);transition:transform 0.3s ease,color 0.3s ease;-webkit-tap-highlight-color:transparent;}
.function_content_box .function_card:active{transform:translateY(-5px);color:#fff;}
.function_content_box .function_card:hover{color:#fff;}
.function_content_box .function_card::before{content:'';position:absolute;left:0;top:0;right:0;bottom:0;background:linear-gradient(135deg,#3a2745,#060517);opacity:0;transition:opacity .3s;z-index:-1;border-radius:15px;}
.function_content_box .function_card:hover::before{opacity:1;}
.function_content_box .function_card *::selection{background:rgba(255,255,255,0.3);color:#fff;}
.function_content_box .function_card *::-moz-selection{background:rgba(255,255,255,0.3);color:#fff;}
.img_warp .play_hide{animation:opaChange2 1s infinite;}
.img_warp .play_show{animation:opaChange 1s infinite;}
@keyframes opaChange{0%{opacity:0;}50%{opacity:1;}100%{opacity:0;}}
@keyframes opaChange2{0%{opacity:1;}50%{opacity:0;}100%{opacity:1;}}

.function_content_box .card1,.function_content_box .card2,.function_content_box .card3,.function_content_box .card4,.function_content_box .card5{width:100%;float:none;clear:both;}
.function_content_box .card1{background-color: #e0eff1;}
.function_content_box .card2{background-color: #f0e6f0;}
.function_content_box .card3{background-color: #eef0e6;}
.function_content_box .card4{background-color: #f7f3d6;}
.function_content_box .card5{background-color: #e3eae5;}
.function_content_box .function_card h3{position:relative;z-index:6;top:auto;left:auto;color:#060517;font-size:24px;margin-bottom:10px;}
.function_content_box .function_card h4{position:relative;z-index:6;top:auto;left:auto;font-weight:normal;color:#3a2745;line-height:1.5em;font-size:18px;margin-bottom:15px;}
.function_content_box .function_card ul{position:relative;z-index:6;top:auto;left:auto;color:#0e0d10;width:100%;max-width:none;height:auto;overflow:visible;}
.function_content_box .function_card ul li{display:block; float: left; clear: both; background-color: #fff; height:30px; line-height:30px; padding: 0  10px;  margin:5px 0; font-size:14px; color:#a09aa6; border-radius:20px;}


.function_content_box .function_card .img_warp{position: relative; width: 100%;height: auto;  margin-bottom: 10px;  clear: both;}
.function_content_box .function_card .img_warp .banner{position: absolute; top:10px; left: 0; opacity: 0.8; width: 100%; border-radius:15px; height: 100%; object-fit: cover;}

.function_content_box .function_hover h3{color:#fff !important;}
.function_content_box .function_hover h4{color:#fff !important;}
.function_content_box .function_hover ul{color:#fff !important;}

/* ===================== 客户证言轮播 customer_box ===================== */
.customer_box{width:94%;max-width:960px;height:auto;margin:40px auto;border:1px #fcfcfc;box-shadow:0 16px 64px rgba(0,0,0,0.08);position:relative;overflow:hidden;padding:30px 0 100px 0;border-radius:20px;}
.customer_box .run_box{width:100%;height:auto;margin:0 auto;overflow:visible !important;position:relative;}
.customer_box .run_box ul{display:flex;height:auto;transition:none;transform:translateX(0);width:100%;}
.customer_box .run_box ul li{flex:0 0 100%;height:auto;min-height:320px;padding:36px 32px;box-sizing:border-box;word-wrap:break-word;word-break:break-word;white-space:normal !important;}
.customer_box .run_box ul li>:nth-child(1){width:100px;height:100px;margin:0 auto;background-size:100% !important;border-radius:50%;}
.customer_box .run_box ul li>:nth-child(2){font-size:16px;line-height:1.7em;padding:20px 0;color:#a09aa6;text-align:center;font-weight:normal;white-space:normal !important;}
.customer_box .run_box ul li>:nth-child(3){padding:12px 0;font-weight:bold;color:#060517;font-size:18px;line-height:1.5em;}
.customer_box .run_box ul li .head1{background:url(../images/customer_say_head.png);}
.customer_box .run_box ul li .head2{background:url(../images/customer_say_head.png) 0 -100px;}
.customer_box .run_box ul li .head3{background:url(../images/customer_say_head.png) 0 -200px;}
.customer_box .run_box ol{position:absolute;width:100%;bottom:16px;left:0;text-align:center;font-size:0px;z-index:10;}
.customer_box .run_box ol li{cursor:pointer;width:5px;height:5px;border-radius:50%;background-color:#aaa;display:inline-block;margin:0 12px;}
.customer_box .run_box ol li.on{background-color:#060517;}
.customer_box .logo_box{position:absolute;bottom:0;left:0;width:100%;height:70px;background:url(../images/logo_customer_bg.jpg);background-position:0 0;background-size:100%;opacity:0.2;animation:customer_logo 120s linear infinite;}

@keyframes customer_logo{0%{background-position:0 0;}100%{background-position:-1920px 0;}}
/* ===================== CTA开始使用模块 box_start_here ===================== */
.box_start_here{width:100%;padding:20px 20px 115px 20px;background:linear-gradient(#fff,#f2ecec);}
/* ===================== 代理弹窗 agent_box ===================== */
.agent_box{display:none;position:fixed; width:100%; height: 100%; overflow-y: auto; top:0;right:0;left:0;bottom:0;background:rgba(0,0,0,0.82);z-index:999; padding: 20px 0;}
.agent_box .content_box{position:relative;margin:0 auto;width:92%;height:auto;background-image:linear-gradient(to right,#ccc,#fff,#eee);border-radius:15px;overflow:hidden;padding:30px 20px;box-shadow:0 10px 40px rgba(0,0,0,0.35);}
.agent_box .content_box .agent_close_btn{position: fixed; width:28px; height: 28px;  top:6%;right:10%; z-index:999; background-color: rgba(0, 0, 0, 0.3); z-index: 9999;border-radius:30px;}
.agent_box .content_box .agent_close_btn svg.icon_close{ position: absolute; top:-3px; left:0;}


.agent_box .content_box .p1{position:relative;top:auto;left:auto;padding-right:0;margin-top:25px;font-size:20px;}
.agent_box .content_box .p2{position:relative;top:auto;left:auto;color:#060517;line-height:1.6em;font-size:17px;padding-right:0;margin-top:15px;}
/* ===================== 关于我们 about_advantage ===================== */
.about_advantage{width:100%;background:#fff;}
.about_advantage ul{width:100%;margin:0 auto;padding:50px 20px;height:auto;overflow:auto;}
.about_advantage ul li{display:block;float:none;width:100%;margin-right:0;margin-bottom:35px;text-align:center;}
.about_advantage h1{color:#6c4bcb;}
.about_company_add{width:100%;background:#f7f7f7;}
.about_company_add ul{width:100%;margin:0 auto;padding:50px 20px;height:auto;overflow:auto;}
.about_company_add ul li{display:block;float:none;width:100%;margin-bottom:25px;}
.about_company_add h1{position:relative;text-indent:40px;}
.about_company_add h1 span{display:block;position:absolute;top:0;left:0;width:35px;height:35px;overflow:hidden;}
.about_company_add .i_location{background:url(../images/icon_all.png) 0 -122px;}
.about_company_add .i_boat{background:url(../images/icon_all.png) -27px -122px;}
.about_company_add h2{line-height:1.5em;}
/* ===================== 下载页 download_box ===================== */
.download_body_bg{background:#000 url(../images/download_bg.jpg) 0 30% fixed;background-size:cover !important;}
.download_box{width:100%;height:auto;padding:50px 20px;}
.download_box .center{width:100%; padding: 50px 0;}
.download_box .center .mac_box{position:relative;width:100%;height:auto; margin: 30px 0; background:#eee;border-radius:15px;padding:30px 20px;box-shadow:0 5px 20px rgba(0,0,0,0.1);}
.download_box .center .win_box{position:relative;width:100%;height:auto;background:#eee;border-radius:15px;padding:30px 20px;box-shadow:0 5px 20px rgba(0,0,0,0.1);}
.win_box ul,.mac_box ul{text-align:center;padding:25px 0;}
.win_box ul li,.mac_box ul li{color:#666;display:block;height:auto;overflow:auto;font-size:17px;}
.win_box ul li.title,.mac_box ul li.title{color:#111;font-size:20px;font-weight:bold;}
.win_box ul li.describe,.mac_box ul li.describe{text-align:left;padding:15px;line-height:1.6em;}
.download_box .center .download_unable{position:relative;top:auto;left:auto;width:100%;text-align:center;color:#fff;margin-top:30px;font-size:17px;}
.download_box .center .download_unable a{font-weight:bold;color:#fff;}
.download_box .icon{height:60px;}
.download_apple_link_box{line-height:1.5em;font-size:17px;}
/* ===================== 文档教程 docs_center_box ===================== */
.docs_center_box{width:100%;height:auto;overflow:auto;margin:25px auto;position:relative;padding:0 20px;}
.docs_center_box .menu_box{position:relative;width:100%;height:auto;overflow:auto;top:auto;left:auto;background:#f2ecec;border-radius:15px;margin-bottom:20px;}
.docs_center_box .menu_box::-webkit-scrollbar{width:10px;}
.docs_center_box .menu_box::-webkit-scrollbar-thumb{border-radius:5px;background:#ccc;border:0 4px solid #f2ecec;}
.docs_center_box .menu_box::-webkit-scrollbar-thumb:hover{background:#bbb;}
.docs_center_box .menu_box p{padding:15px;}
.docs_center_box .menu_box p a{font-size:17px;display:block;clear:both;padding:12px;color:#111;}

.docs_content_box{position:fixed; bottom: 0; left: 0; width:100%; padding:20px; z-index: 99; background: #fff;border-radius: 15px 15px 0 0; box-shadow:0 0 300px rgba(0,0,0,0.8);   overflow-y: auto; border-top: 1px #060517 solid; display: none;}
.docs_content_box .svg_close_box{ position: fixed; width:28px; height: 28px;  top:9%;right:4%; z-index:999; background-color: rgba(0, 0, 0, 0.3); z-index: 9999;border-radius:30px;}
.docs_content_box svg.icon_close{ position: absolute; top:-3px; left:0;}

.docs_content_box .page_name{font-size:20px;height:auto;line-height:1.4em;border-bottom:1px solid #dedede;margin-bottom:15px;}
.docs_content_box .page_title{width:100%;font-size:18px;color:#111;height:auto;margin:15px 0 5px 0;line-height:1.4em;clear:both;}
.docs_content_box .text_box{width:100%;height:auto;overflow:visible;font-size:17px;line-height:1.7em;color:#666;clear:both;}
.docs_content_box .text_box img{margin:10px auto;clear:both;display:block;width:100%;border-radius:10px;}
.docs_content_box .explain{height:auto;overflow:auto;background:#fafafa;color:#666;width:100%;padding:15px 12px;margin:10px 0;line-height:1.5em;border-radius:10px;font-size:17px;}
.docs_banner_bg{background:#000 url(../images/banner_docs.jpg) bottom !important;background-size:cover !important;}

/* ===================== FAQ常见问题 faqs_class_box ===================== */
.faqs_banner_box{width:100%;height:200px;background:#000 url(../images/banner_product.jpg) bottom;background-size:cover !important;}
.faqs_banner_box .p1{color:#fff;text-align:center;font-size:20px;font-weight:bold;padding-top:90px;clear:both;}
.faqs_class_box{width:94%;margin:25px auto;background:#fff;border:1px #fcfcfc;box-shadow:0 5px 20px rgba(0,0,0,0.08);border-radius:15px;}
.faqs_class_box .class_name{margin:15px;font-size:20px;width:auto;display:inline-block;font-weight:bold;background-image:-webkit-linear-gradient(left,#4e23ca,#8b1893);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.faqs_one_box{border-top:1px solid #eee;width:94%;height:auto;overflow:auto;padding:20px 3%;position:relative;}
.faqs_one_box .title{font-size:16px;width:100%;cursor:pointer;clear:both;color:#060517; padding-left: 15px;}
.faqs_one_box:before{content:'» ';opacity:0;position:absolute;top:18px;left:0;font-size:20px;}
.faqs_one_box:hover:before{opacity:100;transition:all 1s;text-indent:10px;}
.faqs_one_box .content{font-size:15px;line-height:1.6em;padding:15px 0 0 15px;color:#666;display:none;}
/* ===================== 法律声明 legalStatement ===================== */
.legalStatement{width:84%;margin:40px auto;}
.legalStatement p.page_name{font-size:24px;text-align:center;font-weight:bold;}
.legalStatement p.title{font-size:20px;padding:15px 0;}
.legalStatement p.content{font-size:17px;padding-bottom:15px;line-height:1.7em;color:#666;text-align:justify;}
.legalStatement h3{color:#a09aa6;}
/* ===================== 404页面 page404 ===================== */
.page404{margin:75px auto;margin-bottom:20px;text-align:center;color:#060517;font-size:18px;}