@font-face{font-family:'PR';src:url("/themes/default/font/PlusJakartaDisplay-Regular.otf") format("opentype")}
@font-face{font-family:'PM';src:url("/themes/default/font/PlusJakartaDisplay-Medium.otf") format("opentype")}
@font-face{font-family:'PG';src:url("/themes/default/font/PlusJakartaDisplay-Bold.otf") format("opentype")}
:root{--main:#0c65ff;--main2:#3d84ff;--color:#292c33;--color2:#8a8e99}

/* ========== 响应式字体方案 ========== */
html {
    font-size: 16px; /* 基础字体大小 */
    -webkit-text-size-adjust: 100%; /* 防止iOS字体自动缩放 */
    -ms-text-size-adjust: 100%;
}

/* 根据屏幕宽度动态调整根字体大小 */
@media screen and (min-width: 640px) {
    html { font-size: calc(15px + (16.5 - 15) * ((100vw - 640px) / (1024 - 640))); }
}
@media screen and (min-width: 1024px) {
    html { font-size: calc(16.5px + (18 - 16.5) * ((100vw - 1024px) / (1440 - 1024))); }
}
@media screen and (min-width: 1440px) {
    html { font-size: 18px; } /* 最大字体大小 */
}

/* 移动端增大根字体 */
@media screen and (max-width: 768px) {
    html {
        font-size: 16px !important;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
    }
}

/* 使用clamp实现流畅字体缩放 */
:root {
    --font-xxs: clamp(0.625rem, 0.25vw, 0.75rem);
    --font-xs: clamp(0.75rem, 0.3vw, 0.875rem);
    --font-sm: clamp(0.875rem, 0.35vw, 0.9375rem);
    --font-base: clamp(0.9375rem, 0.4vw, 1rem);
    --font-md: clamp(1rem, 0.45vw, 1.125rem);
    --font-lg: clamp(1.125rem, 0.55vw, 1.25rem);
    --font-xl: clamp(1.25rem, 0.7vw, 1.5rem);
    --font-2xl: clamp(1.5rem, 0.85vw, 1.875rem);
    --font-3xl: clamp(1.875rem, 1vw, 2.5rem);
    --font-4xl: clamp(2.5rem, 1.2vw, 3rem);
}

/* 移动端字体设置（增大补偿视口缩放） */
@media screen and (max-width: 768px) {
    :root {
        --font-xxs: clamp(0.9375rem, 2vw, 1rem);
        --font-xs: clamp(1rem, 2.3vw, 1.0625rem);
        --font-sm: clamp(1.0625rem, 2.6vw, 1.125rem);
        --font-base: clamp(1.125rem, 2.9vw, 1.25rem);
        --font-md: clamp(1.25rem, 3.3vw, 1.375rem);
        --font-lg: clamp(1.375rem, 3.8vw, 1.625rem);
        --font-xl: clamp(1.625rem, 4.3vw, 1.875rem);
        --font-2xl: clamp(1.875rem, 5vw, 2.25rem);
        --font-3xl: clamp(2.25rem, 5.8vw, 3rem);
        --font-4xl: clamp(3rem, 6.8vw, 4rem);
    }
}

.son_body {padding-top: 1px;}
@media (min-width: 1024px) {.son_body{padding-top: 80px;}}
*::-webkit-scrollbar{width:1px;background:#fff;height:5px}
*::-webkit-scrollbar-thumb{border-radius:2px;background:var(--main);cursor:pointer}
body::before{content:'';width:100%;height:100%;opacity:0;pointer-events:none;position:fixed;left:0;top:0;background:rgba(0,0,0,0.5);z-index:15;transition:all .3s linear}
body.cur::before{opacity:1}
body.index{background:#f5f6f7}
#title_text{font-weight:500;text-align:center}
#title_text .en{font-size:var(--font-lg);color:#ccc}
#title_text .cn{font-size:var(--font-2xl)}
#title_text .tips{font-size:var(--font-xl);padding-top:100px}
.margin-top{margin-top:80px}
@media screen and (max-width:750px){#title_text .en{font-size:var(--font-2xl)}
}
/*全站搜索*/
#search{padding:210px 0 230px;width:100%}
#search .form{margin-bottom:45px;margin-top:30px}
#search .form .text{width:340px;padding-left:15px;height:49px;line-height:49px;border:1px solid #ddd;border-top-left-radius:5px;border-bottom-left-radius:5px;border-right:0;font-size:var(--font-base)}
#search .form .submit{height:49px;width:59px;border:1px solid var(--color);border-top-right-radius:5px;border-bottom-right-radius:5px;background:url(/images/header/phone_sousuo.png) no-repeat center center var(--color);color:#fff;font-size:var(--font-base);cursor:pointer;background-size:22px}
#search .list{width:100%;margin-bottom:50px}
#search .list .info .cate{padding-left:15px}
#search .list .info li{padding:20px 0;border-bottom:1px solid #ddd}
#search .list .info li:first-child{border-top:1px solid #ddd}
#search .list .info .title{margin-right:16px;line-height:22px;color:var(--color);font-size:var(--font-base);font-weight:700;white-space:revert}
#search .list .info .day,#search .list .info .cate{color:#888;font-size:var(--font-base);margin-right:20px}
#search .list .info .day{margin:0}
#search .list .info .desc{overflow:hidden;margin-top:1.375%;color:#888;font-size:var(--font-sm);line-height:32px}
#search .txt{font-size:var(--font-base);margin:45px 0}
@media(max-width:750px){#search .form .text{width:400px;height:60px;line-height:60px;font-size:var(--font-xl)}
#search .form .submit{width:60px;height:60px;font-size:var(--font-lg);background-size:26px}
#search .list .info li{padding:35px 0}
#search .list .info .title{font-size:var(--font-2xl);line-height:1.6;display:block}
#search .list .info .day,#search .list .info .cate{font-size:var(--font-lg);line-height:1.6}
#search .list .info .desc{font-size:var(--font-xl);line-height:1.6}
#search .txt{font-size:var(--font-xl)}
}
/* 头部导航 */
#header{position:relative;z-index:20;position:fixed;width:100%;left:0;top:0}
#header .content{display:flex;align-items:center;justify-content:space-between}
#header.scroll-down{transform:translate(0,-100%)}
#header.scroll-up{transform:translate(0,0%)}
#header .logo{object-fit:contain;filter:brightness(0) invert(100%);max-width:175px}
@media(max-width:750px){#header .logo{object-fit:contain;filter:brightness(0) invert(100%);max-width:230px}
}
/* 在CSS文件中添加 */
#header .use{display:flex;align-items:center}
#header .use .box{cursor:pointer;display:flex;align-items:center;font-size:var(--font-base);color:#fff;margin-right:28px;position:relative}
#header .use .box:last-child{margin-right:0}
#header .use .box .icon{margin-right:12px;height:20px}
#header .use .box .icon img{object-fit:contain;filter:brightness(0) invert(100%)}
#header .use .buy::before{content:'';width:165px;height:20px;background:transparent;position:absolute;left:50%;top:20px;transform:translateX(-50%);display:none}
#header .use .buy:hover::before{display:block}
#header .use .buy .out{display:none;min-width:165px;background:#fff;border-radius:20px;position:absolute;top:40px;left:50%;transform:translateX(-50%);z-index:2}
#header .use .buy .out .ul{padding:20px}
#header .use .buy .out .ul .li{display:flex;align-items:center;font-size:var(--font-md);margin-top:15px}
#header .use .buy .out .ul .li:first-child{margin-top:0}
#header .use .buy .out .ul .li .buy-icon{width:45px;height:45px;border-radius:50%;background:var(--color);margin-right:8px}
#header .use .buy .out .ul .li:hover{color:var(--main)}
#header .use .buy .out .ul .li:hover .buy-icon{background:var(--main)}
#header .menu{width:43.659%;display:flex;justify-content:space-between}
#header .menu .box{position:relative}
#header .menu .box .title{font-size:var(--font-md);line-height:80px;position:relative;color:#fff}
#header .menu .box .title::before{content:'';width:0;height:3px;background:var(--main);position:absolute;bottom:20px;left:auto;right:0;transition:all .3s linear}
#header .menu .box:hover .title:hover{color:var(--main)}
#header .menu .box:hover .title::before{left:0;right:auto;width:100%}
#header:hover,#header.scroll-down,#header.scroll-up,#header.son{border-bottom:1px solid #e9e9ea;background:#fff}
#header:hover .logo,#header.scroll-down .logo,#header.scroll-up .logo,#header.son .logo{filter:none}
#header:hover .menu .box .title,#header.scroll-down .menu .box .title,#header.scroll-up .menu .box .title,#header.son .menu .box .title{color:var(--color)}
#header:hover .use .box,#header.scroll-down .use .box,#header.scroll-up .use .box,#header.son .use .box{color:var(--color)}
#header:hover .use .box .icon img,#header.scroll-down .use .box .icon img,#header.scroll-up .use .box .icon img,#header.son .use .box .icon img{filter:none}
#header .menu .box .title.cur{color:var(--main)}
/* 其他下拉 */
#header .menu .box .out_other{position:fixed;width:100%;left:0;top:80px;background:#fff;border-radius:0 0 30px 30px;z-index:20;height:0;overflow:hidden}
#header .menu .box .out_other .info{padding:37px 0 58px;display:flex;justify-content:center}
#header .menu .box .out_other .info .list{font-size:var(--font-md);color:var(--color);margin-right:3.645%}
#header .menu .box .out_other .info .list:last-child{margin-right:0}
#header .menu .box .out_other .info .list.cur,#header .menu .box .out_other .info .list:hover{color:var(--main)}
/* 产品下拉 */
#header .menu .box .out_products{position:fixed;width:100%;left:0;top:80px;background:#fff;border-radius:0 0 30px 30px;z-index:20;height:0;overflow:hidden}
#header .menu .box .out_products .info{padding:52px 4.166% 58px}
#header .menu .box .out_products .info .top{display:flex}
#header .menu .box .out_products .info .top .item{width:13.636%;margin-right:3.636%;}
#header .menu .box .out_products .info .top .item:last-child{margin-right:0}
#header .menu .box .out_products .info .top .item .img{padding-top:104.166%;border-radius:20px;background:#f5f6f7;position:relative;overflow:hidden}
#header .menu .box .out_products .info .top .item .img img{max-width:220px;max-height:200px}
#header .menu .box .out_products .info .top .item .img img{transform:scale(0.8) translate(-62%,-62%)}
#header .menu .box .out_products .info .top .item .text{display:flex;align-items:flex-start;justify-content:center;font-size:var(--font-md);font-weight:500;color:var(--color);margin-top:20px}
#header .menu .box .out_products .info .top .item .text .tip{line-height:15px;padding:0 5px;color:#fff;background:#ff3a0c;font-size:9px;border-radius:3px;font-family:'PR';margin-left:5px}
#header .menu .box .out_products .info .top .item .text .tip.new{background:var(--main)}
#header .menu .box .out_products .info .bot{margin-top:55px;display:flex;justify-content:center;position:relative}
#header .menu .box .out_products .info .btn{width:180px;height:52px;border-radius:30px;text-align:center;line-height:52px;box-sizing:border-box;font-size:var(--font-base);margin-right:20px}
#header .menu .box .out_products .info .btn:last-child{margin-right:0}
#header .menu .box .out_products .info .btn.one{background:var(--main);color:#fff}
#header .menu .box .out_products .info .btn.two{border:1px solid var(--color);color:var(--color)}
#header .menu .box .out_products .info .bot .pn{position:absolute;top:0;width:72px;color:var(--main);text-align:center;line-height:44px;height:44px;line-height:44px;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;background-color:#f7f8fa;text-align:center;cursor:pointer}
#header .menu .box .out_products .info .bot .pn::before{content:'▶'}
#header .menu .box .out_products .info .bot .pn.prev{left:0}
#header .menu .box .out_products .info .bot .pn.next{right:0}
#header .menu .box .out_products .info .bot .pn.prev::before{content:'◀'}
#header .menu .box .out_products .info .bot .pn:hover{background:var(--main);color:#fff}
#header .menu .box .out_products .info .bot .pn.swiper-button-disabled{opacity:.8;pointer-events:none;color:#ccc}
/* 头部搜素 */
#header-search{position:fixed;left:0;top:0;background:#fff;width:100%;z-index:25;border-radius:0 0 30px 30px;display:none}
#header-search .top{padding:0 4.166%;height:150px;display:flex;align-items:center;justify-content:space-between}
#header-search .top .content{width:42.613%;padding-bottom:13px;display:flex;align-items:center;justify-content:space-between;position:relative}
#header-search .top .content::before{content:'';width:0;height:2px;background:#e9e9e9;position:absolute;left:0;bottom:0;transition:all .5s linear}
#header-search.cur .top .content::before{width:100%}
#header-search .top .content .input{width:calc(100% - 50px);font-size:var(--font-base)}
#header-search .top .content .input::placeholder{color:var(--color2)}
#header-search .top .content .submit{cursor:pointer}
#header-search .top .content .submit{cursor:pointer;position:relative;right:-50%}
#header-search.cur .top .content .submit{right:0}
#header-search .top .close{cursor:pointer;opacity:0}
#header-search.cur .top .close{cursor:pointer;opacity:1}
#header-search .bot{display:flex;justify-content:center;padding:0 4.166% 100px}
#header-search .bot .ul{width:42.613%;font-size:var(--font-base)}
#header-search .bot .ul .tit{color:var(--color2)}
#header-search .bot .ul .li{color:var(--color);margin-top:13px}
#header-search .bot .ul .li:hover{color:var(--main)}
#phone{width:100%;background:#fff;height:100%;position:fixed;top:90px;left:0;z-index:99;display:none;overflow-y:auto!important}
#phone .menu .ul .title{margin:0 30px;font-size:var(--font-xl);line-height:100px;border-bottom:1px solid #ebebeb;display:flex;align-items:center;justify-content:space-between}
#phone .menu .ul .title .img{transform:rotate(-90deg)}
#phone .menu .ul .box{background:#f7f7f7;display:none}
#phone .menu .ul .li{margin:0 60px}
#phone .menu .ul .li .nav{font-size:var(--font-xl);line-height:100px;border-bottom:1px solid #ebebeb}
#phone .menu .ul .li .nav:last-child{border:0}
#phone .menu .ul .title.cur .img{transform:rotate(0deg)}
#phone .en{font-size:var(--font-2xl);margin:30px 0;display:flex;justify-content:space-evenly}
#phone .url{margin-top:50px;transform:scale(1.5);width:80px;height:80px;border-radius:50%;border:1px solid;margin:50px auto 0}
#No000_search-box{display:none}
#No000_search-box{border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;width:100%;height:150px;z-index:50;left:0;right:0;top:90px;background:#fff;flex-direction:column;justify-content:center}
#No000_search-box .form-box{width:92%;margin:45px auto 0;height:60px;border:1px solid #d1d1d1;border-radius:10px;overflow:hidden;box-sizing:border-box}
#No000_search-box .form-box .input{width:calc(100% - 60px);padding-left:30px}
#No000_search-box .form-box .input input{width:100%;height:100%;font-size:var(--font-md);color:#333}
#No000_search-box .form-box .submit{width:60px;height:100%;background:url(/images/header/phone_sousuo.png) no-repeat center;position:relative;z-index:3;background:var(--main)}
#No000_search-box .form-box .submit::before{content:'';width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;background:url(/images/header/phone_sousuo.png) no-repeat center}
#header .use .box.phone,#header .use .box.sousuo_mobile{display:none}
@media screen and (max-width:1440px){#header .menu{width:46%}
#header .menu .box .out_products .info .top .item .img img{transform:scale(0.7) translate(-72%,-72%)}
}
@media screen and (max-width:1024px){#header{background:#fff}
#header .content{height:90px}
#header .logo{filter:none}
#header .menu{display:none}
#header .use .box{display:none}
#header .use .box.phone{display:flex}
#header .phone.m-pic.menu-pic{position:relative;cursor:pointer}
#header .phone.m-pic.menu-pic img{position:absolute;top:0;left:0;transition:opacity .3s ease}
#header .phone.m-pic.menu-pic img:first-child{opacity:1}
#header .phone.m-pic.menu-pic{position:relative;display:inline-block;width:30px;height:30px}
#header .phone.m-pic.menu-pic img{position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .3s ease}
#header .phone.m-pic.menu-pic img:first-child{opacity:1}
#header .phone.m-pic.menu-pic img:last-child{opacity:0}
#header .phone.m-pic.menu-pic.cur img:first-child{opacity:0}
#header .phone.m-pic.menu-pic.cur img:last-child{opacity:1}
#header{position:relative;z-index:100}
#header.phone-menu-open{box-shadow:0 2px 10px rgba(0,0,0,0.1)}
/*#header .use .box.phone img:nth-of-type(2){display:none}*/
/*#header .use .box.phone img:nth-of-type(1){display:block}*/
#header .use .box.sousuo_mobile{display:block;transform:scale(1.7);margin-top:7px}
#header .menu-pic img{width: auto;height: 100%;transform: scale(1.3);}
}
@media screen and (max-width:750px){#No000_search-box .form-box .input input{font-size:var(--font-lg)}
}
/* banner部分 */
#banner{border-radius:0 0 30px 30px;overflow:hidden;position:relative}
#banner.index .swiper-container{height:auto}
#banner.index .img{height:100%}
#banner.index .img img{object-fit:cover}
#banner.index .video{object-fit:cover;width:100%;height:100%}
#banner.index .video{object-fit:cover;width:100%;height:100%}
#banner .slide .out{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;width:100%;padding:0 4.166%}
#banner .slide .out .title{font-size:var(--font-3xl);font-weight:500}
#banner .slide .out .text{font-size:var(--font-lg)}
#banner .slide .out .btn_box{display:flex;margin-top:78px}
#banner .slide .out .btn_box .btn{display:flex;align-items:center;transition:all .5s cubic-bezier(.33,0,.67,1);margin-right:20px}
#banner .slide .out .btn_box .btn.hide{display:none}
#banner .slide .out .btn_box .btn:last-child{margin-right:0}
#banner .slide .out .btn_box .btn span{font-size:var(--font-lg);-webkit-transition:all .33s cubic-bezier(.33,0,.67,1) .17s;-o-transition:all .33s cubic-bezier(.33,0,.67,1) .17s;-moz-transition:all .33s cubic-bezier(.33,0,.67,1) .17s;transition:all .33s cubic-bezier(.33,0,.67,1) .17s}
#banner .slide .out .btn_box .btn .rand{width:40px;height:26px;border:solid 3px #fff;margin-left:7px;border-radius:16px;transition:all .5s cubic-bezier(.33,0,.67,1);position:relative;box-sizing:border-box}
#banner .slide .out .btn_box .btn .rand::before{content:'▶';position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:1;font-size:var(--font-xs);line-height:24px;display:inline-block;text-align:center;vertical-align:top;-webkit-transition:all .33s cubic-bezier(.33,0,.67,1) .17s;-o-transition:all .33s cubic-bezier(.33,0,.67,1) .17s;-moz-transition:all .33s cubic-bezier(.33,0,.67,1) .17s;transition:all .33s cubic-bezier(.33,0,.67,1) .17s}
#banner .slide .out .btn_box .btn .rand:after{content:'●';position:absolute;top:50%;left:60%;-webkit-transform:translate(-60%,-50%);-moz-transform:translate(-60%,-50%);-ms-transform:translate(-60%,-50%);-o-transform:translate(-60%,-50%);transform:translate(-60%,-50%);font-family:'button-ui';opacity:0;font-size:var(--font-xs);line-height:24px;display:inline-block;text-align:center;vertical-align:middle;-webkit-transition:all .33s cubic-bezier(.33,0,.83,1);-o-transition:all .33s cubic-bezier(.33,0,.83,1);-moz-transition:all .33s cubic-bezier(.33,0,.83,1);transition:all .33s cubic-bezier(.33,0,.83,1)}
#banner .slide .out .btn_box .btn:hover span{-webkit-transform:scaleX(1.04);-moz-transform:scaleX(1.04);-ms-transform:scaleX(1.04);-o-transform:scaleX(1.04);transform:scaleX(1.04);color:var(--main)}
#banner .slide .out .btn_box .btn:hover .rand{border-color:var(--main);-webkit-transform:scale(1.2) translateX(6px);-moz-transform:scale(1.2) translateX(6px);-ms-transform:scale(1.2) translateX(6px);-o-transform:scale(1.2) translateX(6px);transform:scale(1.2) translateX(6px)}
#banner .slide .out .btn_box .btn:hover .rand::before{opacity:0;color:var(--main);-webkit-transform:translate(7px,-50%) scale(.3);-moz-transform:translate(7px,-50%) scale(.3);-ms-transform:translate(7px,-50%) scale(.3);-o-transform:translate(7px,-50%) scale(.3);transform:translate(7px,-50%) scale(.3);-webkit-transition:all .33s cubic-bezier(.33,0,.67,1);-o-transition:all .33s cubic-bezier(.33,0,.67,1);-moz-transition:all .33s cubic-bezier(.33,0,.67,1);transition:all .33s cubic-bezier(.33,0,.67,1)}
#banner .slide .out .btn_box .btn:hover .rand::after{opacity:1;color:var(--main);-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%);-webkit-transition:all .33s cubic-bezier(.33,0,.67,1) .17s;-o-transition:all .33s cubic-bezier(.33,0,.67,1) .17s;-moz-transition:all .33s cubic-bezier(.33,0,.67,1) .17s;transition:all .33s cubic-bezier(.33,0,.67,1) .17s}
#banner .swiper-pagination{bottom:80px}
#banner .swiper-pagination-bullet{width:12px;height:12px;border-radius:50%;opacity:.3s;background:transparent;margin:0 10px;border:1px solid #fff;transition:all .3s linear;box-sizing:border-box}
#banner .swiper-pagination-bullet-active{opacity:1;background:#fff}
#banner.son .out{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
#banner.son .out .title{text-align:center;line-height:70px;color:#fff;font-size:var(--font-4xl);font-weight:500}
#banner.son .out .form{width:620px;height:70px;border-radius:35px;background:#fff;margin:40px auto 0;display:flex;align-items:center;justify-content:space-between}
#banner.son .out .form.other{width:420px}
#banner.son .out .form .choose{width:130px;position:relative;cursor:pointer}
#banner.son .out .form .choose .one{display:flex;align-items:center;justify-content:space-between;padding:0 30px;font-size:var(--font-base);color:var(--color);line-height:30px;border-right:1px solid #e8e8eb}
#banner.son .out .form .choose .one .icon{position:relative;z-index:3}
#banner.son .out .form .choose.cur .one .icon{transform:rotate(180deg)}
#banner.son .out .form .choose .two{position:absolute;left:0;width:99%;border-radius:35px;background:#fff;top:-19px;display:none}
#banner.son .out .form .choose .two .li{margin-top:23px;padding:0 30px;font-size:var(--font-base);color:var(--color);line-height:1}
#banner.son .out .form .choose .two .li:last-child{margin-bottom:35px}
#banner.son .out .form .choose .two .li:hover{color:var(--main)}
#banner.son .out .form .btn{width:100px;cursor:pointer}
#banner.son .out .form .input{width:390px;padding-left:28px;font-size:var(--font-base);color:var(--color)}
#banner.son .out .form .input::placeholder{color:var(--color2)}
#banner.products .out .title{text-align:left}
/*@media screen and (max-width:1024px){#banner{margin-top:90px}*/
/*}*/
@media screen and (max-width:750px){#banner.son .out .title,#banner .slide .out .title{font-size:var(--font-2xl);line-height:1.5}
#banner .slide .out .text{font-size:var(--font-xl)}
#banner.son .out .form .input{font-size:var(--font-lg)}
#banner.son .out .form .choose .one{font-size:var(--font-lg);padding:0 20px}
#banner.son .out .form .btn img{transform:scale(1.3)}
#banner.son .out .form .choose .two .li{font-size:var(--font-lg)}
}
/* 底部导航 */
@media screen and (max-width:1024px){.content.trans{flex-direction:column}
.btn_box{flex-wrap:wrap;justify-content:center}
.btn_box .btn{width:45%;margin:5px}
}
@media screen and (max-width:750px){.btn_box .btn{width:100%}
}
#footer{background:#fafafa}
#footer .top{display:flex;justify-content:space-between}
#footer .top .box{width:25%;height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:var(--font-md);font-weight:500;color:var(--color)}
#footer .top .box .icon{height:43px;margin-bottom:35px}
#footer .bot{padding:80px 0 88px;background:var(--color);border-radius:30px 30px 0 0}
#footer .bot .one{display:flex;align-items:center;justify-content:space-between}
#footer .bot .one .logo{max-width:275px}
#footer .bot .one .menu{display:flex;justify-content:space-between;width:auto}
#footer .bot .one .menu .box{font-size:var(--font-md);color:#fff;position:relative;margin-right:20px}
@media(min-width:576px) and (max-width:767px){#footer .bot .one .menu{display:flex;justify-content:flex-start;width:auto;flex-wrap:wrap}
}
@media(min-width:768px) and (max-width:991px){#footer .bot .one .menu{display:flex;justify-content:flex-start;width:auto;flex-wrap:wrap}
}
@media(min-width:992px) and (max-width:1199px){#footer .bot .one .menu .box{font-size:var(--font-base);color:#fff;position:relative;margin-right:5px}
}
#footer .bot .one .menu .box:hover{color:var(--main)}
#footer .bot .one .menu .box .out{position:absolute;right:-25px;bottom:25px;background:#fff;border-radius:15px;color:var(--color);width:120px;text-align:center;z-index:30;height:0;overflow:hidden}
#footer .bot .one .menu .box .out .li{padding:10px 0}
#footer .bot .one .menu .box .out .li:hover{color:var(--main)}
#footer .bot .one .menu .box .out.mobile{display:none}
#footer .bot .one .menu .box:hover .out{height:88px}
#footer .bot .two{margin-top:50px;display:flex;justify-content:space-between;align-items:flex-end}
#footer .bot .two .left .tip{font-size:var(--font-base);color:var(--main)}
#footer .bot .two .left .box{width:365px;margin-top:30px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,0.3);display:flex;align-items:center;justify-content:space-between}
#footer .bot .two .left .box .input{font-size:var(--font-base);color:#fff;width:calc(100% - 40px)}
#footer .bot .two .left .box .input::placeholder{color:rgba(255,255,255,0.5)}
#footer .bot .two .left .box .btn{cursor:pointer}
#footer .bot .two .right .share{display:flex;justify-content:flex-end}
 /* 底部导航栏增加二维码 */
.img-container{text-align:center;margin-top:0}
.img-container img{width:100px;height:auto;padding:5px 20px 0 0}
.caption{margin-top:5px;color:#fff;margin-right:20px;font-size: var(--font-sm);}
.in-end-right{width:30%;display:flex;align-items:center;justify-content:flex-end}
.in-end-left{width:50%;display:flex;align-content:center;flex-wrap:nowrap;justify-content:flex-end}
.tru{width:100px}
@media only screen and (max-width:768px){.tru{width:150px}
}
@media only screen and (max-width:768px){.img-container{text-align:center;margin-top:0}
.img-container img{width:130px;height:auto;padding:5px;margin-right:20px}
.caption{margin-top:5px;color:#fff;font-size:var(--font-lg);line-height:2}
.in-end-right{width:50%;display:flex;align-items:center;justify-content:flex-end}
.in-end-left{width:50%;display:flex;align-content:center;flex-wrap:nowrap;justify-content:flex-start}
}
 /* 底部导航栏增加二维码结束 */        
#footer .bot .two .right .share .box{width:42px;height:42px;border-radius:50%;border:1px solid #fff;margin-right:22px;opacity:.5}
#footer .bot .two .right .share .box:last-child{margin-right:0}
#footer .bot .two .right .share .box:hover{opacity:1}
#footer .bot .two .right .tip{font-size:var(--font-sm);color:#fff;opacity:.7;margin-top:33px}
#footer .bot .two .right .tip.add{display:flex;justify-content:flex-end;margin-top:15px;flex-wrap:wrap}
#footer .bot .two .right .tip.add .box{margin-right:20px}
#footer .bot .two .right .tip.add .box:last-child{margin-right:0}
#footer .bo t .two .right .tip.add .box:hover{color:var(--main)}
#footer .bot .two .right .tip.add .box.hide{display:none}
#footer .bot .one .menu .box .icon{display:none}
@media screen and (max-width:1280px){#footer .bot .one .menu{width:auto}
}
@media screen and (max-width:1024px){#footer .bot .two{display:block}
#footer .bot .one .menu{width:60%}
#footer .bot .two .right .share{justify-content:flex-start;margin-top:30px}
#footer .bot .two .right .tip.add{justify-content:flex-start}
}
@media screen and (max-width:750px){#footer .top{flex-wrap:wrap}
#footer .top .box{width:50%}
#footer .top .box .icon{transform:scale(1.3)}
#footer .top .box{font-size:var(--font-lg)}
#footer .bot .one{display:block}
#footer .bot .one .menu{width:100%;display:block;margin-top:30px}
#footer .bot .one .menu .box{font-size:var(--font-lg);margin-top:20px;line-height:.8}
#footer .bot .one .menu .box:first-child{margin-top:0}
#footer .bot .one .menu .box .out{height:auto;position:relative;left:auto;bottom:auto;width:100%;right:auto;background:transparent;margin-top:20px;display:none}
#footer .bot .one .menu .box .out .li{color:#fff;text-align:left}
#footer .bot .one .menu .box:hover .out{height:auto}
#footer .bot .one .menu .box .icon{display:block}
#footer .bot .one .menu .box .title{cursor:pointer;display:flex;align-items:center;justify-content:space-between}
#footer .bot .one .menu .box .title.cur .icon{transform:rotate(180deg)}
#footer .bot .two{display:block}
#footer .bot .two .right .share{justify-content:flex-start;margin-top:30px}
#footer .bot .two .left .tip{font-size:var(--font-xl)}
#footer .bot .two .left .box{width:100%}
#footer .bot .two .left .box .input{font-size:var(--font-lg)}
#footer .bot .two .left .box .btn{transform:scale(1.3)}
#footer .bot .two .right .share .box{width:60px;height:60px}
#footer .bot .two .right .share .box img{transform:scale(1.3)}
#footer .bot .two .right .tip{font-size:var(--font-lg);line-height:1.6}
}
/* 面包屑 */
#bread{margin-top:25px;line-height:45px;color:var(--color2);font-size:var(--font-base)}
#bread .span:last-child{color:var(--color)}
#bread .span{max-width:30%}
@media screen and (max-width:750px){#bread{display:none}
}
/* 侧边栏 */
#float{position:fixed;right:30px;top:65%;transform:translateY(-50%);z-index:15}
#float .box{margin-top:15px;position:relative}
#float .box:first-child{margin-top:0}
#float .box .icon{width:56px;height:56px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:4px 7px 16px 0 rgba(0,0,0,0.08)}
#float .box:first-child .icon{background:var(--main)}
#float .box .out{width:180px;position:absolute;right:0;bottom:0;border-radius:15px;overflow:hidden;background:#fff;display:none}
#float .box .out .top_head{height:50px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;background:var(--main)}
#float .box .out .top_head .top_text{display:flex;align-items:center;font-size:var(--font-base);font-weight:500;color:#fff}
#float .box .out .top_head .top_text .img{margin-right:10px}
#float .box .out .top_head .close{opacity:.75;cursor:pointer}
#float .box .out .info .code{padding:25px 0;border-bottom:1px solid rgba(41,44,51,0.1)}
#float .box .out .info .code .text{font-size:var(--font-base);color:var(--color);margin-top:10px;text-align:center}
#float .box .out .info .ul{padding:25px 24px}
#float .box .out .info .ul .li{margin-top:15px;font-size:var(--font-base)}
#float .box .out .info .ul .li:first-child{margin-top:0}
#float .box .out .info .ul .li .text{color:var(--color2)}
#float .box .out .info .ul .li .num{font-family:'PM';color:var(--color);margin-top:5px}
@media screen and (max-width:750px){#float{top:auto;right:auto;left:0;bottom:0;transform:translate(0,0);display:flex;width:100%}
#float .box{margin-top:0;width:50%}
#float .box .icon{width:100%;border-radius:0}
#float .box .out{right:auto;bottom:56px;left:50%;transform:translate(-50%,0);position:fixed;width:100%}
#float .box .out .top_head{height:60px}
#float .box .out .top_head .top_text{font-size:var(--font-lg)}
#float .box .out .info .ul .li{font-size:var(--font-lg)}
#float .box .out .info .code .text{font-size:var(--font-lg)}
#float .box .out .top_head .close{transform:scale(1.3)}
}
/* 发现绿联私有云 */
#index-discover{padding:90px 0 150px;overflow:hidden;background:#fff}
#index-discover .module_text{font-weight:500;display:flex;justify-content:space-between;align-items:flex-end}
#index-discover .module_text .en{font-size:var(--font-lg);color:#ccc}
#index-discover .module_text .cn{font-size:var(--font-3xl)}
#index-discover .module_text .right{display:flex}
#index-discover .module_text .right .pn{cursor:pointer;width:60px;height:60px;border-radius:50%;background:rgba(23,108,255,0.5)}
#index-discover .module_text .right .pn .svg{fill:#fff}
#index-discover .module_text .right .pn.next{transform:rotate(180deg);margin-left:30px}
#index-discover .module_text .right .pn:hover{background:var(--main)}
#index-discover .module_text .right .pn.swiper-button-disabled{opacity:.8;pointer-events:none;color:#ccc}
#index-discover .content{margin-top:35px;overflow:visible}
#index-discover .content .slide{width:52.84%;border-radius:30px;position:relative;overflow:hidden;margin-right:1.988%}
#index-discover .content .box{width:52.84%;border-radius:30px;position:relative;overflow:hidden;margin-right:1.988%;opacity:0}
#index-discover .content .slide:last-child{margin-right:0}
#index-discover .content .slide{background:url(/images/index/discover1.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}
#index-discover .content .slide::before{content:'';min-height:308px;width:100%;position:absolute;left:0;bottom:0;background-image:linear-gradient(transparent,rgba(0,0,0,0.6));z-index:1}
#index-discover .content .slide .word{position:relative;z-index:2;padding:6.989% 6.451%;min-height:560px;display:flex;flex-direction:column;justify-content:space-between;color:#fff}
#index-discover .content .slide .word .name{font-family:'PG';font-size:var(--font-3xl);line-height:1}
#index-discover .content .slide .word .bot{display:flex;align-items:center;justify-content:space-between}
#index-discover .content .slide .word .bot .brief{line-height:46px;font-size:var(--font-xl);width:calc(100% - 100px)}
#index-discover .content .slide .word .bot .btn{width:64px;height:64px;border-radius:50%;background:#fff}
#index-discover .content .slide:hover{cursor:grab;cursor:unset}
#index-discover .content .slide:hover .word .bot .btn{background:var(--main)}
#index-discover .content .slide:hover .word .bot .btn img{object-fit:contain;filter:brightness(0) invert(100%)}
#index-discover .content .slide .out{position:absolute;left:0;top:0;width:100%;height:100%;background:transparent;z-index:3;padding:6.989% 6.451%;color:#fff;opacity:0;background:rgba(0,0,0,0.5)}
#index-discover .content .slide .out .title{font-size:var(--font-2xl);font-weight:600}
#index-discover .content .slide .out .text{font-size:var(--font-md);margin-top:10px}
#index-discover .content .slide .out .ul{width:100%;margin-top:60px;display:flex;white-space:nowrap;overflow-x:auto}
#index-discover .content .slide .out .ul .li{width:30%;margin-right:5%}
#index-discover .content .slide .out .ul .li{width:243px;margin-right:40px}
#index-discover .content .slide .out .ul .li:last-child{margin-right:0}
#index-discover .content .slide .out .ul .li .icon{min-height:61px}
#index-discover .content .slide .out .ul .li .name{margin-top:18px;line-height:30px;font-size:var(--font-md);font-weight:600}
#index-discover .content .slide .out .ul .li .ol{margin-top:10px;max-height:100px;overflow-y:auto}
#index-discover .content .slide .out .ul .li .ol::-webkit-scrollbar{width:2px;background:#fff;height:5px}
#index-discover .content .slide .out .ul .li .ol::-webkit-scrollbar-thumb{border-radius:2px;background:var(--color2);cursor:pointer;cursor:pointer}
#index-discover .content .slide .out .ul .li .ol .item{font-size:var(--font-base);margin-left:17px;margin-top:5px;position:relative}
#index-discover .content .slide .out .ul .li .ol .item::before{content:'';width:6px;height:6px;border-radius:50%;position:absolute;left:-17px;top:8px;background:#fff}
#index-discover .content .slide .out .en{font-family:'PG';font-size:160px;font-weight:700;color:var(--color);opacity:.08;position:absolute;right:-3%;bottom:-12%}
#index-discover .content .slide:hover .out{opacity:1}
#index-discover .content .slide:hover .word{opacity:0}
@media screen and (max-width:1536px){#index-discover .content .slide{width:64.84%}
}
@media screen and (max-width:1024px){#index-discover .content .slide{width:100%}
}
@media screen and (max-width:750px){#index-discover .module_text .en{font-size:var(--font-xl)}
#index-discover .content .slide .out .text{font-size:var(--font-xl)}
#index-discover .content .slide .out .ul{white-space:unset;max-height:285px;overflow:auto;flex-wrap:wrap;margin-top:40px;justify-content:space-between}
#index-discover .content .slide .out .ul .li{width:49%;margin-right:0;margin-top:20px}
#index-discover .content .slide .out .ul .li .name{font-size:var(--font-lg)}
#index-discover .content .slide .out .ul .li .ol{max-height:none}
#index-discover .content .slide .out .ul .li .ol .item{font-size:var(--font-lg);line-height:1.6}
}
/* 产品模块 */
#index-products{padding:140px 0 75px;background:#f5f6f7}
#index-products .content{display:grid;grid-template-columns:repeat(4,23.522%);grid-gap:1.988%}
#index-products .content .box{background:#fff;border-radius:30px;padding:14.492% 9.661%;height:540px;position:relative}
#index-products .content .big{grid-column:span 2;grid-row:span 2;padding:6.96% 4.64%;height:645px}
#index-products .content .min{height:540px}
#index-products .content .box .name{font-size:var(--font-2xl);font-weight:500;color:var(--color)}
#index-products .content .box .brief{font-size:var(--font-base);color:var(--color2);margin-top:13px}
#index-products .content .box .btn{display:flex;align-items:center;font-size:var(--font-base);color:#000;margin-top:30px}
#index-products .content .box .btn .icon{display:flex;align-items:center;justify-content:center;margin-left:15px}
#index-products .content .box .btn .icon img{transform:scale(1)}
#index-products .content .box .btn .icon img:nth-of-type(2){display:none}
#index-products .content .box .img{position:absolute;right:0;bottom:60px;width:91.791%;padding-top:91.791%}
#index-products .content .box .img img{max-width:230px}
#index-products .content .big .img{position:absolute;right:75px;bottom:85px;width:52.148%;padding-top:52.148%}
#index-products .content .big .img img{max-width:450px}
#index-products .content .box .img img{bottom:0;top:auto;left:50%;transform:translate(-50%,0)}
#index-products .content .box:hover{box-shadow:15px 26px 50px 0 rgba(23,108,255,0.2)}
#index-products .content .box:hover .name{color:var(--main)}
#index-products .content .box:hover .brief{color:var(--color)}
#index-products .content .box:hover .btn{color:var(--main)}
#index-products .content .box:hover .btn .icon img:nth-of-type(1){display:none}
#index-products .content .box:hover .btn .icon img:nth-of-type(2){display:block}
#index-products .btn_a{width:135px;height:52px;border-radius:30px;border:1px solid #1a1a1a;text-align:center;line-height:52px;box-sizing:border-box;color:var(--color);font-size:var(--font-base);margin:75px auto 0}
#index-products .btn_a:hover{color:#fff;border-color:var(--main);background:var(--main)}
@media screen and (max-width:1024px){#index-products .content{display:block}
#index-products .content .box{display:block;width:100%;margin-top:30px}
#index-products .content .box:first-child{margin-top:0}
#index-products .content .box .img{width:47.85%;padding-top:32.791%}
}
@media screen and (max-width:750px){#index-products .content .box{padding:30px;height:auto}
#index-products .content .box .img{position:relative;right:auto;bottom:auto;width:100%;padding-top:0;margin-top:30px}
#index-products .content .box .img .max{position:relative}
#index-products .content .box .name{font-size:var(--font-2xl)}
#index-products .content .box .brief{font-size:var(--font-xl)}
#index-products .content .box .btn{font-size:var(--font-lg)}
#index-products .content .box .btn .icon{transform:scale(1.3)}
#index-products .btn_a{width:150px;height:60px;font-size:var(--font-lg);line-height:60px}
}
/* 我们的优势 */
#index-advantage{border-radius:0 0 30px 30px;overflow:hidden;position:relative}
#index-advantage .big_box{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;background:url(/images/index/adv1.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:none!important}
#index-advantage .big_box.cur{display:block!important}
#index-advantage .content{min-height:970px;padding:100px 0;display:flex;flex-direction:column;justify-content:space-between;position:relative;z-index:2}
#index-advantage .content .module_text{font-weight:500;color:#fff}
#index-advantage .content .module_text .en{font-size:var(--font-lg);opacity:.3}
#index-advantage .content .module_text .cn{font-size:var(--font-3xl)}
#index-advantage .content .info .bind .box{color:#fff;display:none}
#index-advantage .content .info .bind .box.cur{display:block}
#index-advantage .content .info .bind .box .num{font-weight:500;font-size:var(--font-lg);color:var(--main)}
#index-advantage .content .info .bind .box .name{font-size:var(--font-4xl);font-weight:300}
#index-advantage .content .info .bind .box .brief{font-size:var(--font-md);margin-top:15px}
#index-advantage .content .info .container{margin-top:80px}
#index-advantage .content .info .container .slide{cursor:pointer;width:220px;height:220px;background:rgba(255,255,255,0.2);backdrop-filter:blur(10px);border-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:var(--font-md);color:#fff;transition:all .3s linear;margin-right:2.045%}
#index-advantage .content .info .container .slide:last-child{margin-right:0}
#index-advantage .content .info .container .slide .icon{min-height:50px;margin-bottom:35px}
#index-advantage .content .info .container .slide.cur,#index-advantage .content .info .container .slide:hover{background:var(--main);backdrop-filter:blur(0px)}
@media screen and (max-width:750px){#index-advantage .content .module_text .en{font-size:var(--font-xl)}
#index-advantage .content .info .bind .box .num{font-size:var(--font-lg)}
#index-advantage .content .info .bind .box .name{font-size:var(--font-2xl)}
#index-advantage .content .info .bind .box .brief{font-size:var(--font-xl);line-height:1.6}
#index-advantage .content .info .container .slide{font-size:var(--font-lg)}
}
/* 品牌理念 */
#index-brand{padding:120px 0 160px}
#index-brand .content{display:flex;justify-content:space-between;align-items:flex-start}
#index-brand .content .left{width:43.181%}
#index-brand .content .left .module_text{font-weight:500}
#index-brand .content .left .module_text .en{font-size:var(--font-lg);color:#ccc}
#index-brand .content .left .module_text .cn{font-size:var(--font-3xl)}
#index-brand .content .left .title{font-size:var(--font-lg);color:var(--main);font-weight:500;margin-top:65px}
#index-brand .content .left .name{margin-top:40px;line-height:52px;font-size:var(--font-3xl);margin-top:45px;font-weight:300}
#index-brand .content .left .brief{margin-top:20px;line-height:35px;font-size:var(--font-md);color:var(--color)}
#index-brand .content .left .btn{width:115px;height:52px;border-radius:30px;border:1px solid #1a1a1a;text-align:center;line-height:52px;box-sizing:border-box;color:var(--color);font-size:var(--font-base);margin-top:125px}
#index-brand .content .left .btn:hover{color:#fff;border-color:var(--main);background:var(--main)}
#index-brand .content .right{margin-top:28px;width:49.09%;overflow:hidden;border-radius:30px;position:relative}
#index-brand .content .right .img{cursor:pointer}
#index-brand .content .right .img .i-pic{padding-top:78.703%}
#index-brand .content .right .img .play{position:absolute;right:50px;bottom:50px}
#index-brand .content .right .video{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;display:none}
#index-brand .content .right .video video{object-fit:cover;width:100%;height:100%}
@media screen and (max-width:1024px){#index-brand .content{flex-direction:column-reverse}
#index-brand .content .right{width:100%;margin-top:0}
#index-brand .content .left{width:100%;margin-top:30px}
}
@media screen and (max-width:750px){#index-brand .content .left .module_text .en{font-size:var(--font-xl)}
#index-brand .content .left .title{font-size:var(--font-2xl)}
#index-brand .content .left .name{font-size:var(--font-2xl)}
#index-brand .content .left .brief{font-size:var(--font-xl);line-height:1.6}
#index-brand .content .left .btn{width:150px;height:60px;line-height:60px;font-size:var(--font-lg)}
}
/* 最新动态 */
#index-news{padding:110px 0 180px;background:#fff}
#index-news .top{display:flex;justify-content:space-between;align-items:flex-end}
#index-news .top .module_text{font-weight:500}
#index-news .top .module_text .en{font-size:var(--font-lg);color:#ccc}
#index-news .top .module_text .cn{font-size:var(--font-2xl)}
#index-news .top .btn{width:115px;height:52px;border-radius:30px;border:1px solid #1a1a1a;text-align:center;line-height:52px;box-sizing:border-box;color:var(--color);font-size:var(--font-base)}
#index-news .top .btn:hover{color:#fff;border-color:var(--main);background:var(--main)}
#index-news .content{margin-top:36px;display:flex}
#index-news .content .box{width:23.579%;border-radius:30px;overflow:hidden;margin-right:1.875%}
#index-news .content .box:last-child{margin-right:0}
#index-news .content .box .img{padding-top:67.228%}
#index-news .content .box .word{padding:6.024% 7.228% 8.433%;background:#f7f9fa}
#index-news .content .box .word .name{font-size:var(--font-md);font-weight:500;color:var(--color)}
#index-news .content .box .word .brief{margin-top:15px;line-height:25px;color:var(--color2);font-size:var(--font-base);height:50px}
#index-news .content .box .word .time{font-size:var(--font-md);margin-top:70px}
#index-news .content .box:hover{box-shadow:15px 26px 50px 0 rgba(23,108,255,0.2)}
#index-news .content .box:hover .word{background:#fff}
#index-news .content .box:hover .word .name{color:var(--main)}
#index-news .content .box:hover .word .brief{color:var(--color)}
#index-news .content .box:hover .word .time{color:var(--main)}
@media screen and (max-width:1024px){#index-news .content{flex-wrap:wrap;justify-content:space-between;margin-top:6px}
#index-news .content .box{width:49%;margin-right:0;margin-top:30px}
}
@media screen and (max-width:750px){#index-news .top .module_text .en{font-size:var(--font-xl)}
#index-news .top .btn{width:150px;height:60px;line-height:60px;font-size:var(--font-lg)}
#index-news .content .box{width:100%}
#index-news .content .box .word .name{font-size:var(--font-2xl)}
#index-news .content .box .word .brief{font-size:var(--font-xl);line-height:1.6}
#index-news .content .box .word .time{font-size:var(--font-lg)}
}
/* 产品模块 */
/* 筛选区域 */
#products{padding-bottom:115px}
#products .choose .top{display:flex;justify-content:flex-end}
#products .choose .top .btn{width:120px;height:40px;border-radius:20px;text-align:center;line-height:40px;color:#fff;font-size:var(--font-base);background:var(--main)}
#products .choose .top .btn:hover{background:var(--main2)}
#products .choose .form{padding:45px 50px 50px;border-radius:30px;background:#fff;margin-top:20px}
#products .choose .form .list{padding-bottom:15px;border-bottom:1px solid rgba(41,44,51,0.1);display:flex;align-items:flex-start;font-size:var(--font-base);color:var(--color2);justify-content:space-between;margin-top:25px}
#products .choose .form .list:first-child{margin-top:0}
#products .choose .form .list .text{color:var(--color);margin-top: 5px;width:11%;padding-bottom: 10px;}
#products .choose .form .list .ul{width:calc(100% - 62px);display:flex;flex-wrap:wrap}
#products .choose .form .list .ul .li{cursor:pointer;margin-top:5px;padding-right:13px;position:relative;margin-right:14px;padding-bottom: 5px;}
#products .choose .form .list .ul .li::before{content:'';height:75%;width:1px;background:var(--color2);position:absolute;right:0;top:50%;transform:translateY(-50%)}
#products .choose .form .list .ul .li:last-child::before{display:none}
#products .choose .form .list .ul .li.cur,#products .choose .form .list .ul .li:hover{color:var(--main)}
#products .content .list{margin-top:40px;border-radius:30px;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:space-between}
@media only screen and (max-width:768px){#products .content .list{padding-top:50px;padding-bottom:50px}
}
#products .content .list:nth-child(2n){flex-direction:row-reverse}
#products .content .list .img{width:50%;padding-top:37.5%;position:relative}
#products .content .list .img .max{max-width:450px}
#products .content .list .word{width:60%;padding:20px 4.666%}
@media only screen and (max-width:768px){#products .content .list .word{padding:0 3.666%}
}
#products .content .list .word .name{font-size:var(--font-xl);font-weight:500;color:var(--color)}
#products .content .list .word .brief{margin-top:24px;line-height:29px;color:var(--color2);font-size:var(--font-sm)}
#products .content .list .word .btn_box{display:flex;margin-top:30px;margin-bottom:8%;position:relative;justify-content:normal}
#products .content .list .word .btn_box .btn_one{width:135px;height:52px;border-radius:30px;text-align:center;line-height:52px;color:#fff;font-size:var(--font-base);background:var(--main)}
#products .content .list .word .btn_box .btn_one:hover{background:var(--main2)}
#products .content .list .word .btn_box .btn_two{position:absolute;left:155px}
#products .content .list .word .btn_box .btn_two{width:135px;border-radius:26px;border:1px solid #1a1a1a;padding:6px}
#products .content .list .word .btn_box .btn_two .one{line-height:40px;text-align:center;font-size:var(--font-base)}
#products .content .list .word .btn_box .btn_two .two{padding:0;background:#fff;border-radius:5px 5px 20px 20px;display:flex;height:0;overflow:hidden}
#products .content .list .word .btn_box .btn_two .two .box{width:50%;border-right:1px solid rgba(41,44,51,0.1)}
#products .content .list .word .btn_box .btn_two .two .box:last-child{border-right:0}
#products .content .list .word .btn_box .btn_two .two .box img{transform:scale(1)}
#products .content .list .word .btn_box .btn_two .two .box .text{margin-top:3px;font-size:var(--font-sm);color:var(--color);text-align:center}
#products .content .list .word .btn_box .btn_two .two .box:hover .text{color:var(--main)}
#products .content .list .word .btn_box .btn_two:hover{background:var(--main);border-color:var(--main);color:#fff}
#products .content .list .word .btn_box .btn_two:hover .two{height:65px;padding:12px 0}
#products .content .list:hover{box-shadow:15px 26px 50px 0 rgba(23,108,255,0.2)}
#products .content .page_btn{display:flex;justify-content:center;align-items:center;font-size:var(--font-md);color:var(--color);margin-top:45px;cursor:pointer}
#products .content .page_btn img{margin-right:10px}
#products .content .page_btn.isend{display:none}
@media screen and (max-width:1024px){#products .content .list .img{transform:scale(0.7)}
}
@media screen and (max-width:750px){#products{padding-top:30px}
#products .choose .form .list{display:block}
#products .choose .form .list .text{width:100%}
#products .choose .form .list .ul{width:100%}
#products .choose .form .list{font-size:var(--font-lg)}
#products .choose .top .btn{width:150px;height:60px;line-height:60px;font-size:var(--font-lg);border-radius:30px}
#products .content .list,#products .content .list:nth-child(2n){flex-direction:column-reverse}
#products .content .list .img{width:100%;padding-top:0}
#products .content .list .img .max{position:relative;transform:scale(1);left:auto;top:auto}
#products .content .list .word{width:100%;padding:30px}
#products .content .list .word .name{font-size:var(--font-2xl)}
#products .content .list .word .brief{font-size:var(--font-lg);line-height:1.6}
#products .content .list{overflow:visible}
#products .content .list .word .btn_box .btn_one{width:150px;height:60px;font-size:var(--font-lg);line-height:60px}
#products .content .list .word .btn_box .btn_two{left:180px;width:150px;border-radius:30px}
#products .content .list .word .btn_box .btn_two .one{line-height:48px;font-size:var(--font-lg)}
#products .content .page_btn{font-size:var(--font-lg)}
#products .content .page_btn img{transform:scale(1.3)}
#products .content .list .word .btn_box .btn_two .two .box .text{font-size:var(--font-md)}
}
/* 拓展配件 */
#parts{padding:95px 0 120px;background:#fff}
#parts .title{text-align:center}
#parts .title .en{font-size:var(--font-lg);font-family:'PR';color:var(--color2)}
#parts .title .cn{font-size:var(--font-2xl);font-weight:500;color:var(--color)}
#parts .content{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:10px}
#parts .content .box{width:48.333%;border-radius:30px;background:#f7f9fa;padding:3.333%;display:flex;align-items:center;justify-content:space-between;margin-top:40px}
#parts .content .box .img{width:50%;padding-top:50%;border-radius:30px}
#parts .content .box .word{width:38%}
#parts .content .box .word .num{font-size:var(--font-md);color:var(--color)}
#parts .content .box .word .name{margin-top:10px;line-height:28px;font-size:var(--font-md);font-weight:500}
#parts .content .box .word .btn{display:flex;align-items:center;font-size:var(--font-base);color:var(--main);margin-top:40px}
#parts .content .box .word .btn img{margin-left:15px}
#parts .content .box:hover .word .btn{opacity:.8}
#parts .page_btn{display:flex;justify-content:center;align-items:center;font-size:var(--font-md);color:var(--color);margin-top:45px;cursor:pointer}
#parts .page_btn img{margin-right:10px}
#parts .content .page_btn.isend{display:none}
@media screen and (max-width:750px){#parts .title .en{font-size:var(--font-xl)}
#parts .content .page_btn{font-size:var(--font-lg)}
#parts .content .page_btn img{transform:scale(1.3)}
#parts .content .box{width:100%}
#parts .content .box .word .num{font-size:var(--font-lg)}
#parts .content .box .word .name{font-size:var(--font-xl);line-height:1.6}
#parts .content .box .word .btn{font-size:var(--font-lg)}
#parts .content .box .word .btn .icon{transform:scale(1.3)}
}
/* 看合适 */
#contrast{padding:95px 0 115px}
#contrast .title{text-align:center}
#contrast .title .en{font-size:var(--font-lg);font-family:'PR';color:var(--color2)}
#contrast .title .cn{font-size:var(--font-2xl);font-weight:500;color:var(--color)}
#contrast .content{display:flex;margin-top:40px}
#contrast .content .box{width:31.833%;margin-right:2.25%}
#contrast .content .box:last-child{margin-right:0}
#contrast .content .box .img{padding-top:74.869%;position:relative;border-radius:30px}
#contrast .content .box .img .max{max-width:286px;max-height:200px}
#contrast .content .box .word{text-align:center}
#contrast .content .box .word .name{font-size:var(--font-lg);font-family:'PM';margin-top:10px}
#contrast .content .box .word .brief{font-size:var(--font-md);color:var(--color2);margin-top:5px}
#contrast .content .box .word .num{font-size:var(--font-base);text-align:center;color:var(--color2);margin-top:30px;display:none}
#contrast .content .box .word .btn{height:52px;margin:35px auto 0;position:relative;z-index:10}
#contrast .content .box .word .btn .btn_two{position:absolute;left:50%;transform:translateX(-50%);z-index:2}
#contrast .content .box .word .btn .btn_two{width:135px;border-radius:26px;background:var(--main);color:#fff;padding:6px}
#contrast .content .box .word .btn .btn_two .one{line-height:40px;text-align:center;font-size:var(--font-base)}
#contrast .content .box .word .btn .btn_two .two{padding:0;background:#fff;border-radius:5px 5px 20px 20px;display:flex;height:0;overflow:hidden}
#contrast .content .box .word .btn .btn_two .two .box{width:50%;border-right:1px solid rgba(41,44,51,0.1)}
#contrast .content .box .word .btn .btn_two .two .box:last-child{border-right:0}
#contrast .content .box .word .btn .btn_two .two .box img{transform:scale(1)}
#contrast .content .box .word .btn .btn_two .two .box .text{margin-top:3px;font-size:var(--font-sm);color:var(--color);text-align:center}
#contrast .content .box .word .btn .btn_two .two .box:hover .text{color:var(--main)}
#contrast .content .box .word .btn .btn_two:hover .two{height:65px;padding:12px 0}
#contrast .content .box .word .go{display:flex;align-items:center;justify-content:center;font-size:var(--font-base);color:var(--main);margin-top:40px}
#contrast .content .box .word .go img{margin-left:15px}
#contrast .content .box .word .go:hover{opacity:.8}
#contrast.products{padding:95px 0 75px}
#contrast .down_list{display:none;z-index:10}
#contrast .down_list .content{margin-top:0}
#contrast .down_list.mover{width:100%;background:#f7f7f7;display:block;top:0;left:50%;transform:translateX(-50%);position:fixed;width:100%;padding-bottom:20px;padding-top:20px}
#contrast .btn_choose{width:220px;position:relative;margin:auto;z-index:12;height:60px}
#contrast .btn_choose .info{position:absolute;border-radius:30px;border:1px solid #8a8e99;width:100%;background:#fff}
#contrast .btn_choose .top{height:60px;box-sizing:border-box;padding:0 30px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}
#contrast .btn_choose .top .name{font-family:'PR';font-size:var(--font-base)}
#contrast .btn_choose .top.cur .svg{transform:rotate(-180deg)}
#contrast .btn_choose .out{display:none;max-height:230px;overflow-y:auto!important;border-radius:0 0 30px 30px}
#contrast .btn_choose .out .li{font-size:var(--font-base);text-align:center;line-height:40px;margin:5px 0;cursor:pointer}
#contrast .btn_choose .out .li:last-child{margin-bottom:0}
#contrast .btn_choose .out .li:hover{background:var(--main);color:#fff}
@media screen and (max-width:1024px){#contrast .content .box .img{transform:scale(0.7)}
}
@media screen and (max-width:750px){#contrast .title .en{font-size:var(--font-xl)}
#contrast .content .item:last-child{display:none}
#contrast .content{justify-content:space-between}
#contrast .content .box{width:49%;margin-right:0}
#contrast .content .box .word .name{font-size:var(--font-xl)}
#contrast .content .box .word .brief{font-size:var(--font-lg)}
#contrast .content .box .word .num{font-size:var(--font-lg)}
#contrast .content .box .word .btn .btn_two{width:150px;border-radius:30px}
#contrast .content .box .word .btn .btn_two .one{line-height:48px;font-size:var(--font-lg)}
#contrast .content .box .word .go{font-size:var(--font-lg)}
#contrast .content .box .word .go .icon{transform:scale(1.3)}
}
/* 产品详情 */
/* 面包屑 产品 */
#bread-products{border-bottom:1px solid #e9e9ea;background:#fff;position:relative;z-index:19}
#bread-products.mover{position:fixed;left:0;top:0;width:100%;z-index:20}
#bread-products .content{height:80px;display:flex;align-items:center;justify-content:space-between;}
#bread-products .content .name{font-size:var(--font-md);font-weight:500}
#bread-products .content .use{display:flex;align-items:center}
#bread-products .content .use .box{display:flex;align-items:center;font-size:var(--font-base);color:var(--color);margin-right:50px}
#bread-products .content .use .box .svg{fill:var(--color);margin-right:15px}
#bread-products .content .use .box.cur,#bread-products .content .use .box:hover{color:var(--main)}
#bread-products .content .use .box.cur .svg,#bread-products .content .use .box:hover .svg{fill:var(--main)}
#bread-products .content .use .btn{width:120px;height:40px;border-radius:30px;text-align:center;line-height:40px;font-size:var(--font-base);color:#fff;background:var(--main);position:relative}
#bread-products .content .use .btn:hover{background:var(--main2)}
#bread-products .content .use .btn::before{content:'';width:165px;height:20px;background:transparent;position:absolute;left:50%;top:20px;transform:translateX(-50%);display:none}
#bread-products .content .use .btn:hover::before{display:block}
#bread-products .content .use .btn .out{display:none;min-width:165px;background:#fff;border-radius:20px;position:absolute;top:40px;left:50%;transform:translateX(-50%);z-index:20}
#bread-products .content .use .btn .out.other{top:60px;z-index:1}
#bread-products .content .use .btn .out .ul{padding:20px}
#bread-products .content .use .btn .out .ul .li{display:flex;align-items:center;font-size:var(--font-md);margin-top:15px;color:var(--color)}
#bread-products .content .use .btn .out .ul .li:first-child{margin-top:0}
#bread-products .content .use .btn .out .ul .li .buy-icon{width:45px;height:45px;border-radius:50%;background:var(--color);margin-right:8px}
#bread-products .content .use .btn .out .ul .li:hover{color:var(--main)}
#bread-products .content .use .btn .out .ul .li:hover .buy-icon{background:var(--main)}
/* 产品详情 */
#products-detail{padding:17px 0 40px;display:flex;align-items:center;justify-content:space-between;margin-top: 2%;}
/* 详情 */
#products-detail .detail{display:flex;align-items:center}
#products-detail .detail .img{width:49%;padding-top:32.666%;position:relative}
#products-detail .detail .img .max{max-width:380px}
#products-detail .detail .word{width:49%}
#products-detail .detail .word .name{font-size:var(--font-lg);font-family:'PM';color:var(--color);font-weight:500}
#products-detail .detail .word .brief{margin-top:5px;color:var(--color2);font-size:var(--font-md)}
#products-detail .detail .word .info{margin-top:40px;line-height:29px;font-size:var(--font-base);color:var(--color2)}
#products-detail .content{padding-bottom:45px}
#products-detail .content .list{cursor:pointer;padding:55px 0 75px;border-top:1px solid #e9e9ea;display:flex;align-items:flex-start;justify-content:space-between}
#products-detail .content .list .btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-top:6px}
#products-detail .content .list .btn img:nth-of-type(2){display:none}
#products-detail .content .list .name{width:20%;font-size:var(--font-lg);color:var(--color);padding-right:40px}
#products-detail .content .down{width:calc(100% - 20% - 20px);margin-top:4px;overflow:hidden}
#products-detail .content .down .ul .li{display:flex;align-items:flex-start;font-size:var(--font-md);color:var(--color);justify-content:space-between;margin-top:30px;padding-right:40px}
#products-detail .content .down .ul .li:first-child{margin-top:0}
#products-detail .content .down .ul .li .brief{color:var(--color2);width:calc(100% - 25%)}
#products-detail .content .list.cur .down .ul .li .text{opacity:0}
#products-detail .content .list.cur .btn img:nth-of-type(1){display:none}
#products-detail .content .list.cur .btn img:nth-of-type(2){display:block}
@media screen and (max-width:1024px){#products-detail .detail .img .max{max-width:100%}
}
@media screen and (max-width:750px){#bread-products .content{display:block;height:auto;padding:15px 0;line-height:1}
#bread-products .content .use{margin-top:15px;line-height:2}
#bread-products .content .name{font-size:var(--font-lg)}
#bread-products .content .use .box{font-size:var(--font-lg)}
#bread-products .content .use .box .svg{transform:scale(1.3)}
#bread-products .content .use .btn{width:150px;height:60px;line-height:60px;font-size:var(--font-lg)}
#bread-products .content .use .btn .out{top:60px;width:200px}
#bread-products .content .use .btn .out .ul .li{font-size:var(--font-lg)}
#products-detail{padding:80px 0}
#products-detail .detail{flex-direction:column-reverse}
#products-detail .detail .img{width:100%;padding-top:0;position:relative}
#products-detail .detail .img .max{position:relative;left:auto;top:auto;transform:translate(0,0)}
#products-detail .detail .word{width:100%;margin:30px 0}
#products-detail .detail .word .name{font-size:var(--font-2xl)}
#products-detail .detail .word .brief{font-size:var(--font-xl)}
#products-detail .detail .word .info{font-size:var(--font-lg);line-height:1.6}
#products-detail .content .list{flex-wrap:wrap}
#products-detail .content .list .name{width:100%;margin-bottom:30px}
#products-detail .content .down{width:calc(100% - 100px)}
#products-detail .content .down .ul .li{display:block;padding-right:0}
#products-detail .content .down .ul .li{font-size:var(--font-xl);line-height:1.6}
#products-detail .content .down .ul .li .brief{width:100%;margin-top:15px}
#products-detail .content .list .btn{transform:scale(1.3)translateY(-45px)}
}
/* 产品对比内容 */
#pro-contrast{padding-bottom:45px}
#pro-contrast .btn_box{display:flex;justify-content:flex-end}
#pro-contrast .btn_box .btn{width:135px;height:52px;box-sizing:border-box;border-radius:30px;text-align:center;line-height:52px;font-size:var(--font-base);border:1px solid var(--color);color:var(--color);margin-right:20px;cursor:pointer}
#pro-contrast .btn_box .btn:last-child{margin-right:0}
#pro-contrast .btn_box .btn.different{border-color:var(--main);color:var(--main)}
#pro-contrast .btn_box .btn:hover{border-color:var(--main);color:var(--main)}
#pro-contrast .btn_box .different.cur,#pro-contrast .btn_box .different:hover{border-color:var(--main);color:#fff;background:var(--main)}

/* 左右分栏布局 */
#pro-contrast .contrast-layout{position:relative;margin-top:30px}
#pro-contrast .cw1600{position:relative}

/* 左侧导航栏（cw1600外部，固定视口左侧，宽屏显示） */
#pro-contrast .contrast-nav{width:180px;position:fixed;top:120px;left:20px;z-index:100;background:#fff;border-radius:12px;box-shadow:0 1px 4px rgba(0,0,0,0.04);overflow:hidden;height:fit-content}
#pro-contrast .contrast-nav .nav-header{padding:18px 20px;border-bottom:1px solid #f1f3f5}
#pro-contrast .contrast-nav .nav-header h3{font-size:var(--font-lg);font-weight:600;color:var(--color)}
#pro-contrast .contrast-nav .nav-menu{padding:10px 0}
#pro-contrast .contrast-nav .nav-item{display:block;padding:14px 20px;color:var(--color2);text-decoration:none;transition:all .2s;border-left:3px solid transparent}
#pro-contrast .contrast-nav .nav-item:hover{background:#f8fafc;color:var(--color)}
#pro-contrast .contrast-nav .nav-item.active{background:#effaff;color:var(--main);border-left-color:var(--main);font-weight:500}

/* 右侧内容区 */
#pro-contrast .contrast-content{flex:1;min-width:0}
#pro-contrast .contrast-content .list{background:#fff;border-radius:12px;margin-bottom:20px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,0.04);transition:box-shadow .3s}
#pro-contrast .contrast-content .list:hover{box-shadow:0 4px 16px rgba(0,0,0,0.08)}
#pro-contrast .contrast-content .list .one{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;cursor:pointer;background:#f8fafc;border-bottom:1px solid #e8ecf1;transition:background .2s}
#pro-contrast .contrast-content .list .one:hover{background:#f1f5f9}
#pro-contrast .contrast-content .list .one .name{font-size:var(--font-lg);color:var(--color);font-weight:600}
#pro-contrast .contrast-content .list .one .close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#e8ecf1;transition:background .2s}
#pro-contrast .contrast-content .list .one:hover .close{background:#dde3ea}
#pro-contrast .contrast-content .list .one .close img:nth-of-type(2){display:none}
#pro-contrast .contrast-content .list.cur .one .close img:nth-of-type(1){display:none}
#pro-contrast .contrast-content .list.cur .one .close img:nth-of-type(2){display:block}
#pro-contrast .contrast-content .list .ul{font-size:var(--font-sm);color:var(--color2)}
#pro-contrast .contrast-content .list .ul .li{display:flex;align-items:center;border-bottom:1px solid #f1f3f5;transition:background .15s}
#pro-contrast .contrast-content .list .ul .li:last-child{border-bottom:none}
#pro-contrast .contrast-content .list .ul .li:hover{background:#f8fafc}
#pro-contrast .contrast-content .list .ul .li.hide{display:none}
#pro-contrast .contrast-content .list .ul .li .text{color:var(--color);width:14%;min-width:100px;padding:13px 20px;font-weight:500;flex-shrink:0}
#pro-contrast .contrast-content .list .ul .li .data{flex:1;display:flex;position:relative;align-items:center}
#pro-contrast .contrast-content .list .ul .li .data .num{position:absolute;text-align:center;color:var(--color2);transition:background .2s,color .2s;line-height:1.5;word-break:break-all}

#pro-contrast .contrast-content .list .ul .li .data .num.hide_num{opacity:0}
#pro-contrast .contrast-content .list .ul .li .data .num.highlight_diff{background:#effaff;color:var(--main);font-weight:500}

/* 产品选择区域样式 - 保持原有样式 */
#contrast .content.one{display:flex}
#contrast .content.one .box{width:31.833%;margin-right:2.25%}
#contrast .content.one .box:last-child{margin-right:0}
#contrast .btn_choose{width:220px;position:relative;margin:auto;z-index:12;height:60px}
#contrast .btn_choose .info{position:absolute;border-radius:30px;border:1px solid #8a8e99;width:100%;background:#fff}
#contrast .btn_choose .top{height:60px;box-sizing:border-box;padding:0 30px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}
#contrast .btn_choose .top .name{font-family:'PR';font-size:var(--font-base)}
#contrast .btn_choose .top.cur .svg{transform:rotate(-180deg)}
#contrast .btn_choose .out{display:none;max-height:230px;overflow-y:auto!important;border-radius:0 0 30px 30px}
#contrast .btn_choose .out .li{font-size:var(--font-base);text-align:center;line-height:40px;margin:5px 0;cursor:pointer}
#contrast .btn_choose .out .li:last-child{margin-bottom:0}
#contrast .btn_choose .out .li:hover{background:var(--main);color:#fff}

/* 窄屏（≤1050px）：nav 与内容重叠，自动隐藏 */
@media screen and (max-width:1050px){
	#pro-contrast .contrast-nav{display:none}
}

@media screen and (max-width:750px){
	#pro-contrast .btn_box .btn{width:150px;height:60px;line-height:60px;font-size:var(--font-lg)}
	#pro-contrast .btn_box{gap:12px}
	/* 移动端隐藏左侧导航 */
	#pro-contrast .contrast-nav{display:none}
	#pro-contrast .contrast-content.has-nav{margin-left:0}
	#pro-contrast .contrast-content .list{margin-bottom:16px;border-radius:10px}
	#pro-contrast .contrast-content .list .one{padding:14px 16px}
	#pro-contrast .contrast-content .list .one .name{font-size:var(--font-xl)}
	#pro-contrast .contrast-content .list .one .close{transform:scale(1.1)}
	#pro-contrast .contrast-content .list .ul .li{flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid #f1f3f5}
	#pro-contrast .contrast-content .list .ul .li .text{width:100%;padding:0 0 10px;font-size:var(--font-md);font-weight:600;color:var(--color);border-bottom:1px dashed #eef0f3;margin-bottom:8px}
	#pro-contrast .contrast-content .list .ul .li .data{width:100%;flex-wrap:wrap;gap:6px 0}
	#pro-contrast .contrast-content .list .ul .li .data .num{width:100%;text-align:left;padding:8px 0;border-left:none;border-bottom:1px solid #f8f9fa}
	#pro-contrast .contrast-content .list .ul .li .data .num:last-child{border-bottom:none}
	
	/* 移动端产品选择区域 - 仅显示前两个 */
	#contrast .content.one .box:nth-child(3){display:none}
	#contrast .content.one{gap:15px}
	
	/* 移动端参数表 - 仅显示前两个产品的数据 */
	#pro-contrast .contrast-content .list .ul .li .data .num:nth-child(n+4){display:none}
}
/* 系统软件 */
/* 为什么 */
#system-why{padding:35px 0 120px}
#system-why .title{text-align:center}
#system-why .title .en{font-size:var(--font-lg);font-family:'PR';color:var(--color2)}
#system-why .title .cn{font-size:var(--font-3xl);font-weight:500;color:var(--color)}
#system-why .content{display:flex;margin-top:50px}
#system-why .content .box{width:31.5%;margin-top:50px;border-radius:30px;background:#fff;padding:4.416% 3.666%;margin-right:2.75%}
#system-why .content .box:last-child{margin-right:0}
#system-why .content .box .name{font-size:var(--font-lg);font-weight:500;margin-top:40px}
#system-why .content .box .brief{line-height:27px;font-size:var(--font-sm);color:var(--color2);margin-top:17px}
@media screen and (max-width:750px){#system-why .title .en{font-size:var(--font-xl)}
#system-why .content{flex-wrap:wrap;margin-top:20px}
#system-why .content .box{width:100%;margin-top:30px;margin-right:0;padding:30px}
#system-why .content .box .name{font-size:var(--font-2xl)}
#system-why .content .box .brief{font-size:var(--font-lg);line-height:1.6}
}
/* 产品展示 */
#system-products{padding:90px 0 120px;background:#fff}
#system-products .title{text-align:center}
#system-products .title .en{font-size:var(--font-lg);font-family:'PR';color:#ccc}
#system-products .title .cn{font-size:var(--font-3xl);font-weight:500;color:var(--color)}
#system-products .content{display:flex;margin-top:20px;justify-content:space-between;flex-wrap:wrap}
#system-products .content .box{width:48.333%;border-radius:30px;padding:5%;color:#fff;min-height:435px;margin-top:30px}
#system-products .content .box .name{font-size:var(--font-xl);font-weight:500}
#system-products .content .box .brief{margin-top:20px;line-height:28px;font-size:var(--font-base);opacity:.75}
#system-products .content .box .btn{display:flex;align-items:center;font-size:var(--font-base);margin-top:50px}
#system-products .content .box .btn img{margin-left:15px}
@media screen and (max-width:750px){#system-products .title .en{font-size:var(--font-xl)}
#system-products .content .box{width:100%}
#system-products .content .box .name{font-size:var(--font-2xl)}
#system-products .content .box .brief{font-size:var(--font-xl);line-height:1.6}
#system-products .content .box .btn{font-size:var(--font-lg)}
#system-products .content .box .btn img{transform:scale(1.3)}
}
/* 在线体验 */
#system-online{padding:90px 0 120px}
#system-online .title{text-align:center}
#system-online .title .en{font-size:var(--font-lg);font-family:'PR';color:#ccc}
#system-online .title .cn{font-size:var(--font-3xl);font-weight:500;color:var(--color)}
#system-online .content{margin-top:50px;min-height:450px;border-radius:30px;padding:0 6.666%;display:flex;flex-direction:column;justify-content:center;background-image:url(/images/system/online.jpg);background-repeat:no-repeat;background-position:center;background-size:cover}
#system-online .content .name{font-size:var(--font-lg);font-weight:500;color:var(--color)}
#system-online .content .brief{margin-top:15px;line-height:25px;font-size:var(--font-base)}
#system-online .content .btn{display:flex;align-items:center;font-size:var(--font-base);margin-top:50px;color:var(--main)}
#system-online .content .btn img{margin-left:15px}
/* 系统对比 */
#system-contrast #system-online{background: #fff;}
#ug-system-contrast .system-banner-container{position:relative;width:100%;height:430px;margin-bottom:40px;overflow:hidden;background:#1a1a1a;margin-top:-80px;z-index:1}
#ug-system-contrast .system-banner-content{position:relative;width:100%;height:100%;background-image:url('/images/banner/system.png');background-size:cover;background-position:center center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:flex-start;padding-left:20%}
#ug-system-contrast .system-banner-text{color:white;z-index:1;text-align:left}
#ug-system-contrast .system-banner-text h1{font-size:var(--font-2xl);font-weight:bold;margin-bottom:15px;text-shadow:2px 2px 4px rgba(0,0,0,0.5)}
#ug-system-contrast .system-banner-text p{font-size:var(--font-md);}
#ug-system-contrast .system-contrast{padding:90px 0 120px;background:#f5f7ff}
#ug-system-contrast .title{text-align:center;margin-top:40px}
#ug-system-contrast .title .en{font-size:var(--font-lg);font-family:'PR';color:#ccc}
#ug-system-contrast .title .cn{font-size:var(--font-4xl);font-weight:500;color:var(--color)}
#ug-system-contrast .system-header{display:flex;gap:30px;margin-top:50px}
#ug-system-contrast .system-header .system-card{flex:1;border-radius:24px;padding:40px;box-shadow:0 10px 30px rgba(0,0,0,0.1);transition:all 0.3s ease;position:relative;overflow:hidden}
#ug-system-contrast .system-header .system-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,0.15)}
#ug-system-contrast .system-header .system-card.ugos{background:linear-gradient(135deg, #f0f3f9 0%, #e2e8f2 100%)}
#ug-system-contrast .system-header .system-card.ugos-pro{background:linear-gradient(135deg, #f7f2f7 0%, #ede4ee 100%)}
#ug-system-contrast .system-header .system-card .card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
#ug-system-contrast .system-header .system-card .logo{font-size:clamp(1.8rem,4vw,1.8rem);font-weight:700;color:#1e293b}
#ug-system-contrast .system-header .system-card .logo-img{width:48px;height:48px;object-fit:contain;flex-shrink:0}
#ug-system-contrast .system-header .system-card .desc{font-size:16px;color:#4b5563;line-height:1.8}
#ug-system-contrast .system-header .system-card .card-tags{margin-top:32px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#ug-system-contrast .system-header .system-card .card-tags .tag{background:#fff;padding:8px 16px;border-radius:999px;font-size:14px;color:#374151;box-shadow:0 1px 4px rgba(0,0,0,0.08)}
#ug-system-contrast .content{margin-top:50px;margin-bottom: 100px;display:block;justify-content:flex-start}
#ug-system-contrast .content .contrast-section{margin-top:50px;border-radius:16px;background:#fff;box-shadow:0 4px 20px rgba(79,70,229,0.08);overflow:hidden}
#ug-system-contrast .content .contrast-section:first-child{margin-top:0}
#ug-system-contrast .content .contrast-section .section-header{padding:24px 32px;border-bottom:1px solid #e2e8f0}
#ug-system-contrast .content .contrast-section .section-title{font-size:var(--font-lg);font-weight:600;color:var(--color);margin-bottom:8px}
#ug-system-contrast .content .contrast-section .section-desc{font-size:var(--font-sm);color:#64748b}
#ug-system-contrast .content .contrast-section .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
#ug-system-contrast .content .contrast-section .contrast-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:480px}
#ug-system-contrast .content .contrast-section .contrast-table thead tr{background:#f5f7ff}
#ug-system-contrast .content .contrast-section .contrast-table thead th{padding:16px 24px;font-weight:500;text-align:center;box-sizing:border-box;font-size:14px;color:#334155}
#ug-system-contrast .content .contrast-section .contrast-table thead th.feature{text-align:left;color:#475569}
#ug-system-contrast .content .contrast-section .contrast-table thead th .col-title{font-weight:700;font-size:18px;display:block;margin-bottom:4px}
#ug-system-contrast .content .contrast-section .contrast-table thead th .col-subtitle{font-size:13px;color:#64748b;display:block}
#ug-system-contrast .content .contrast-section .contrast-table thead th.ugos-pro{background:#e0e7ff}
#ug-system-contrast .content .contrast-section .contrast-table tbody tr{border-top:1px solid #e2e8f0}
#ug-system-contrast .content .contrast-section .contrast-table tbody tr:nth-child(odd){background:#fafaff}
#ug-system-contrast .content .contrast-section .contrast-table tbody tr:nth-child(even){background:#fff}
#ug-system-contrast .content .contrast-section .contrast-table tbody td{padding:12px 24px;text-align:center;box-sizing:border-box;font-size:14px;color:#475569}
#ug-system-contrast .content .contrast-section .contrast-table tbody td.feature{text-align:left;color:#334155;font-weight:400}
#ug-system-contrast .content .contrast-section .contrast-table tbody td.ugos-pro{background:rgba(224,231,255,0.3)}
#ug-system-contrast .content .contrast-section .contrast-table tbody tr:hover{background:#f0f0ff}
#ug-system-contrast .content .contrast-section .contrast-table tbody tr:hover td.ugos-pro{background:rgba(224,231,255,0.5)}
#ug-system-contrast .content .contrast-section .contrast-table .check-icon{color:#4f46e5;font-size:16px;font-weight:700}
@media(max-width:750px){
#ug-system-contrast .system-banner-container{height:500px;margin-bottom:30px;margin-top:-90px}
#ug-system-contrast .system-banner-content{background-image:url('/images/banner/system-mobile.jpg');background-size:cover;background-repeat:no-repeat;padding-left:0;justify-content:center}
#ug-system-contrast .system-banner-text{text-align:center;margin-top: -90px;}
#ug-system-contrast .system-banner-text h1{font-size:var(--font-xl)}
#ug-system-contrast .system-banner-text p{font-size:var(--font-lg);}
#ug-system-contrast .title .en{font-size:var(--font-2xl)}
#ug-system-contrast .title .cn{font-size:var(--font-xl)}
#ug-system-contrast .system-header{flex-direction:column}
#ug-system-contrast .system-header .system-card{padding:28px 24px}
#ug-system-contrast .system-header .system-card .logo{font-size: var(--font-xl);}
#ug-system-contrast .system-header .system-card .logo-img{width:80px;height:80px}
#ug-system-contrast .system-header .system-card .desc{font-size: var(--font-lg);}
#ug-system-contrast .system-header .system-card .card-tags{margin-top:20px;gap:8px}
#ug-system-contrast .system-header .system-card .card-tags .tag{padding:10px 15px;font-size: var(--font-md);}
#ug-system-contrast .content .contrast-section .section-header{padding:16px 20px}
#ug-system-contrast .content .contrast-section .section-title{font-size:var(--font-lg)}
#ug-system-contrast .content .contrast-section .contrast-table thead th,
#ug-system-contrast .content .contrast-section .contrast-table tbody td{padding:10px 12px;font-size: var(--font-md);}
#ug-system-contrast .content .contrast-section .contrast-table thead th .col-title{font-size: var(--font-md);}
#ug-system-contrast .content .contrast-section .contrast-table thead th .col-subtitle{font-size:11px}
#ug-system-contrast .content .contrast-section .contrast-table .check-icon{font-size: var(--font-md);}
#ug-system-contrast .content .contrast-section .contrast-table{min-width:360px}
}

#client-download{background-color:#f4f5f8}
@media only screen and (max-width:768px){#client-download .content{display:grid;margin-top:30px}
}
@media only screen and (max-width:1100px){#client-download .content{display:grid;margin-top:30px}
}
/* 系统详情 */
#system-detail{padding:35px 0 120px}
#system-detail .title{text-align:center}
#system-detail .title .en{font-size:var(--font-lg);font-family:'PR';color:#ccc}
#system-detail .title .cn{font-size:var(--font-2xl);font-weight:500;color:var(--color)}
#system-detail .content{margin-top:50px;display:flex;justify-content:space-between}
#system-detail .content .left{width:15.714%}
#system-detail .content .left .choose .box{border-radius:10px;background:#fff;margin-top:5px}
#system-detail .content .left .choose .box:first-child{margin-top:0}
#system-detail .content .left .choose .box .top{height:57px;padding:0 10px;display:flex;align-items:center;justify-content:space-between}
#system-detail .content .left .choose .box .top .tit_box{width:calc(100% - 15px);display:flex;align-items:center;justify-content:space-between}
#system-detail .content .left .choose .box .top .tit_box .text{width:calc(100% - 30px);font-size:var(--font-md);font-weight:500;color:var(--color)}
#system-detail .content .left .choose .box .top:hover .tit_box .text,#system-detail .content .left .choose .box .top.cur .tit_box .text{color:var(--main)}
#system-detail .content .left .choose .box .top.cur .tit_box .text{color:var(--main)}
#system-detail .content .left .choose .box .top.cur .svg{transform:rotate(90deg)}
#system-detail .content .left .choose .box .bot{height:0;overflow:hidden}
#system-detail .content .left .choose .box .bot .ul{padding:15px 0 20px}
#system-detail .content .left .choose .box .bot .ul .li{padding-left:22.727%;color:var(--color2);font-size:var(--font-base);margin-top:12px;margin-right:22.727%}
#system-detail .content .left .choose .box .bot .ul .li:first-child{margin-top:0}
#system-detail .content .left .choose .box .bot .ul .li.cur,#system-detail .content .left .choose .box .bot .ul .li:hover{color:var(--main)}
#system-detail .content{position:relative}
#system-detail .content .left{position:relative}
#system-detail .content .left.mover .choose{position:sticky;top:0;width:100%}
#system-detail .content .right{width:80%}
.show-n{display:contents}
.show-m{display:none}
@media only screen and (max-width:768px){.show-m{display:contents}
.show-n{display:none}
}
@media(min-width:992px) and (max-width:1199px){#system-detail .content .right{width:75%}
#system-detail .content .left{width:18.714%}
#system-detail .content .left .choose .box .top .tit_box .text{width:calc(100% - 20px);font-size:var(--font-base);font-weight:500;color:var(--color)}
}
@media(min-width:1200px){#system-detail .content .right{width:79%}
#system-detail .content .left{width:17.714%}
#system-detail .content .left .choose .box .top .tit_box .text{width:calc(100% - 20px);font-size:var(--font-base);font-weight:500;color:var(--color)}
}
#system-detail .content .right .ul{margin-top:40px}
#system-detail .content .right .ul:first-child{margin-top:0}
#system-detail .content .right .ul .banner{border-radius:30px;min-height:500px;padding:40px 60px;color:#fff;text-align:left}
#system-detail .content .right .ul .banner .text{font-size:var(--font-xl);font-weight:500}
#system-detail .content .right .ul .banner .brief{font-size:var(--font-base);margin-top:30px}
#system-detail .content .right .ul .list{padding:3.357%;background:#fff;border-radius:30px;margin-top:40px;display:flex;align-items:center;justify-content:space-between}
#system-detail .content .right .ul .list .word{width:37%}
#system-detail .content .right .ul .list .word .name{font-size:var(--font-xl);font-weight:500;color:var(--color)}
#system-detail .content .right .ul .list .word .brief{line-height:28px;font-size:var(--font-base);color:var(--color2);margin-top:20px}
#system-detail .content .right .ul .list .img{width:50.6%;padding-top:38%;border-radius:15px;position:relative;overflow:hidden}
#system-detail .content .right .ul .list.portrait{display:block}
#system-detail .content .right .ul .list.portrait .word{width:100%}
#system-detail .content .right .ul .list.portrait .img{width:100%;padding-top:55%}
@media only screen and (max-width:768px){#system-detail .content .right .ul .list.portrait .img{width:101%;padding-top:88.8%}
.image-container{width:100%;height:100%;overflow:hidden}
.image-container img{width:100%;height:100%;object-fit:cover}
}
#system-detail .content .right .ul .list.img_left{flex-direction:row-reverse}
@media screen and (max-width:1024px){#system-detail .title .en{font-size:var(--font-xl)}
#system-detail .content .left{display:none}
#system-detail .content .right{width:100%}
}
@media screen and (max-width:750px){#system-detail .content .right .ul .list.img_left,#system-detail .content .right .ul .list{display:block}
#system-detail .content .right .ul .list .word{width:100%}
#system-detail .content .right .ul .list .img{width:100%;padding-top:0;margin-top:30px}
#system-detail .content .right .ul .list .img .max{position:relative}
#system-detail .content .right .ul .list .word .name{font-size:var(--font-2xl)}
#system-detail .content .right .ul .list .word .brief{font-size:var(--font-xl);line-height:1.6}
#system-detail .content .right .ul .banner .text{font-size:var(--font-2xl);font-weight:500}
#system-detail .content .right .ul .banner .brief{font-size:var(--font-xl);line-height:1.6}
#system-detail .content .right .ul .list.portrait .img{padding:0}
#system-detail .content .right .ul .list.portrait .img .max{position:relative}
}
/* 服务中心 */
/* 搜素框 */
#service-search{position:relative}
#service-search .content{background:#fff;border-radius:35px;box-shadow:0 8px 20px 0 rgba(0,0,0,0.1);position:absolute;left:50%;transform:translateX(-50%);top:-35px;z-index:3}
#service-search .content .top{padding:0 3.333%;height:70px;display:flex;align-items:center;justify-content:space-between}
#service-search .content .top .btn{cursor:pointer}
#service-search .content .top .input{line-height:70px;width:calc(100% - 37px);font-size:var(--font-base);color:var(--color)}
#service-search .content .top .inputinput::placeholder{color:var(--color2)}
#service-search .content .bot{height:0;overflow:hidden}
#service-search .content .bot .info{padding:5px 6.416% 25px}
#service-search .content .bot .info .text{font-size:var(--font-base);color:var(--color2)}
#service-search .content .bot .info .ul{max-height:200px;overflow:auto}
#service-search .content .bot .info .ul .li{margin-top:12px;font-size:var(--font-base);color:#292c33}
#service-search .content .bot .info .ul .li:hover{color:var(--main)}
#service-search .content.cur{box-shadow:15px 26px 50px 0 rgba(23,108,255,0.2)}
/* 服务中心 */
#service-center{padding:125px 0 120px}
#service-center .title{text-align:center}
#service-center .title .en{font-size:var(--font-lg);font-family:'PR';color:#ccc}
#service-center .title .cn{font-size:var(--font-2xl);font-weight:500;color:var(--color)}
#service-center .content{margin-top:21px;display:flex;flex-wrap:wrap}
#service-center .content .box{background:#fff;border-radius:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:29px}
#service-center .content .box:hover{box-shadow:15px 26px 50px 0 rgba(23,108,255,0.2)}
#service-center .content .box .name{font-size:var(--font-md);font-weight:500;color:var(--color);margin-top:35px}
#service-center .content .box .brief{font-size:var(--font-base);color:var(--color2);margin-top:10px}
#service-center .content.c4 .box{width:calc((100% - (24px * 3)) / 4);height:282px;margin-right:2%}
#service-center .content.c4 .box:nth-child(4n){margin-right:0}
#service-center .content.c3 .box{width:calc((100% - (24px * 2)) / 3);height:282px;margin-right:2%}
#service-center .content.c3 .box:nth-child(3n){margin-right:0}
@media screen and (max-width:1024px){#service-center .title .en{font-size:var(--font-xl)}
#service-center .content{justify-content:space-between}
#service-center .content.c3 .box,#service-center .content.c4 .box{width:49%;margin-right:0;padding:30px}
#service-center .content .box .name{font-size:var(--font-lg)}
#service-center .content .box .brief{font-size:var(--font-lg);text-align:center}
}
@media screen and (max-width:750px){#service-search .content .top .input{font-size:var(--font-lg);width:calc(100% - 60px)}
#service-search .content .top .btn img{transform:scale(1.3)}
#service-search .content .bot .info .text{font-size:var(--font-lg)}
#service-search .content .bot .info .ul .li{font-size:var(--font-lg)}
}
/* 服务资讯 */
#service-information{padding:90px 0 120px;background:#fff}
#service-information .title{text-align:center}
#service-information .title .en{font-size:var(--font-lg);font-family:'PR';color:#ccc}
#service-information .title .cn{font-size:var(--font-2xl);font-weight:500;color:var(--color)}
#service-information .cw1200{position:relative;z-index:3}
#service-information .content{margin-top:50px;min-height:450px;border-radius:30px;padding:0 6.666%;display:flex;flex-direction:column;justify-content:center;background-image:url(/images/service/info.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;position:relative}
#service-information .content::before{content:'';width:91.666%;height:100%;border-radius:30px;background:#fafafa;position:absolute;left:50%;transform:translateX(-50%);bottom:-30px;z-index:-1}
#service-information .content .name{font-size:var(--font-lg);font-weight:500;color:var(--color)}
#service-information .content .brief{margin-top:15px;line-height:25px;font-size:var(--font-base)}
#service-information .content .btn{display:flex;align-items:center;font-size:var(--font-base);margin-top:75px;color:var(--main)}
#service-information .content .btn img{margin-left:15px}
@media screen and (max-width:1024px){#service-information .title .en{font-size:var(--font-xl)}
#service-information .content .btn{font-size:var(--font-lg)}
#service-information .content .btn img{transform:scale(1.3)}
}
/* 热门问题 */
#service-faq{padding:90px 0 120px}
#service-faq.faq{padding-top:0}
#service-faq .title{text-align:center}
#service-faq .title .en{font-size:var(--font-lg);font-family:'PR';color:#ccc}
#service-faq .title .cn{font-size:var(--font-2xl);font-weight:500;color:var(--color)}
#service-faq .content{margin-top:50px;padding:55px 5% 60px;background:#fff;border-radius:30px}
#service-faq .content .ul{display:flex;justify-content:space-between;flex-wrap:wrap}
#service-faq .content .ul .li{width:47.222%;display:flex;justify-content:space-between;align-items:center;padding-bottom:25px;border-bottom:1px solid #e9e9ea;margin-top:45px}
#service-faq .content .ul .li:nth-child(-n+2){margin-top:0}
#service-faq .content .ul .li .text{font-size:var(--font-md);font-weight:500;color:var(--color);width:calc(100% - 15px)}
#service-faq .content .ul .li .icon{fill:var(--color);width:8px;height:14px}
#service-faq .content .ul .li:hover .text{color:var(--main)}
#service-faq .content .ul .li:hover .icon{fill:var(--main)}
#service-faq .content .btn{cursor:pointer;width:140px;height:52px;border-radius:30px;text-align:center;line-height:52px;box-sizing:border-box;border:1px solid #1a1a1a;font-size:var(--font-base);color:var(--color);margin:60px auto 0}
#service-faq .content .btn:hover{background:var(--main);border-color:var(--main);color:#fff}
@media screen and (max-width:1024px){#service-faq .content .ul .li:nth-child(-n+2),#service-faq .content .ul .li{width:100%;margin-top:45px}
#service-faq .content .ul .li:first-child{margin-top:0}
}
@media screen and (max-width:750px){#service-faq .title .en{font-size:var(--font-xl)}
#service-faq .content .ul .li .text{font-size:var(--font-xl)}
#service-faq .content .ul .li .icon{transform:scale(1.3)}
#service-faq .content .btn{width:160px;height:60px;font-size:var(--font-lg);line-height:60px}
}
.download-tab #download-list .choose .content{position:absolute;z-index:5;background:#fff;border-radius:35px}
@media screen and (max-width:1280px){.download-tab #download-list .choose .content{width:49.5%;left:calc(50% + 5px)}
/* 下载中心 */
/* 下载中心主样式 */
}
@media screen and (min-width:1281px){.download-tab #download-list .choose .content{width:55%;left: calc(41.667% + 5px);}
}
#download-list .selector-container{display:flex;width:auto;margin-bottom:20px;position:relative;min-width:35%}
@media screen and (max-width:1280px){#download-list .selector-container{width:100%}
}
#download .location1{min-height:70px;position:relative;margin:50px auto 0;display:flex;justify-content:flex-end;min-width:100%}
.type-selector{background:#fff;border-radius:35px;position:relative;z-index:9}
.type-selector.cur{box-shadow:15px 26px 50px 0 rgba(23,108,255,0.2)}
.type-selector.cur .top{color:var(--main)}
.type-selector trans .top{height:63px}
.type-selector .top{height:70px;display:flex;align-items:center;justify-content:space-between;font-size:var(--font-base);color:var(--color);fill:var(--color);cursor:pointer}
@media(max-width:768px){.type-selector .top{font-size:var(--font-lg)}
}
.type-selector.cur .icon{transform:rotate(90deg);fill:var(--main)}
.type-selector .bot{height:0;overflow:hidden}
.type-selector .bot .options{padding-bottom:25px}
.type-selector .bot .options .option{display:block;padding:10px 0;font-size:var(--font-base);color:#292c33;text-decoration:none}
@media(max-width:768px){.type-selector .bot .options .option{font-size:var(--font-lg)}
}
.type-selector .bot .options .option:hover,.type-selector .bot .options .option.active{color:var(--main)}
.type-selector .bot .options .option.active{font-weight:bold}
#download .type-selector{width:48%;left:0;margin-top:0;top:auto;transform:translateX(0%);position:absolute}
@media(max-width:768px){#download .type-selector{width:100%;top:auto;z-index:10;min-height:74px}
}
#download .type-selector .top,#download .type-selector .bot .options{padding:0 4.761%}
#download-list .type-selector{width:40%;margin-right:20px;float:none;left:auto;top:auto;position:absolute}
@media screen and (max-width:1280px){#download-list .type-selector{width:49%;margin-right:0}
}
#download-list .type-selector .top{padding:0 15px;height:63px}
#download-list .type-selector .bot .options{padding-left:15px;padding-right:15px}
#download-list .tab_box{float:none;width:100%;clear:both}
#download .opt-content{width:50%;background:#fff;border-radius:35px;top:0;z-index:9;position:absolute}
#download .opt-content.cur{box-shadow:15px 26px 50px 0 rgba(23,108,255,0.2)}
#download .opt-content.cur .top{color:var(--main)}
#download .opt-content .top{padding:0 4.761%;height:70px;display:flex;align-items:center;justify-content:space-between;font-size:var(--font-base);color:var(--color);fill:var(--color);cursor:pointer}
@media(max-width:768px){#download .opt-content{width:100%;margin-top:100px;position: inherit;}
#download .opt-content .top{font-size:var(--font-lg)}
}
#download .opt-content.cur .icon{transform:rotate(90deg);fill:var(--main)}
#download .opt-content .bot{height:0;overflow:hidden}
#download .opt-content .bot .info{padding:5px 4.761% 25px;margin-top:-2%}
#download .opt-content .bot .info .search{margin:15px 0}
#download .opt-content .bot .info .search .cont{border:1px solid #ccc;padding:0 10px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;margin-top:5px}
#download .opt-content .bot .info .search .cont .input{line-height:50px;font-size:var(--font-base);width:calc(100% - 30px)}
input,select,textarea{background:0;border:0;vertical-align:middle;resize:none}
#download .opt-content .bot .info .search .cont .btn{cursor:pointer}
#download .opt-content .bot .info .ul{max-height:220px;overflow:auto}
#download .opt-content .bot .info .ul .li{margin-top:12px;font-size:var(--font-base);color:#292c33;text-decoration:none}
@media(max-width:768px){#download .opt-content .bot .info .ul .li{font-size:var(--font-lg)}
}
#download .opt-content .bot .info .ul .li:hover{color:var(--main)}
#download .opt-content .bot .info .ul .no-data{padding:20px 0;text-align:center;color:#999;font-size:var(--font-sm)}
.block,for,nav,cty,db,dbx,jxt,txt,tools{display:block}
#download .opt-content.disabled{opacity:.5;cursor:not-allowed}
#download .opt-content.disabled .icon{opacity:.5}
#download .opt-content .top.disabled{cursor:not-allowed;pointer-events:none}
#download .location1 .type-tip{display:none;color:red;margin-top:10px;text-align:center;position:absolute;bottom:-30px;width:100%}
#download-list .ul .li .type-tag{display:inline-block;padding:2px 8px;background-color:var(--main);color:white;border-radius:4px;font-size:var(--font-xs);margin-right:8px;font-weight:normal}
#download-list .ul .li .type-tag.UPS{background-color:#ff6b6b}
#download-list .content{flex:1;position:relative;right:auto;top:auto;width:auto;margin-left:0;float:left}
#download{padding:35px 0 190px}
#download.compatible{padding-bottom:120px}
#download.compatible-detail{padding:45px 0 60px}
#download .title{text-align:center}
#download .title .en{font-size:var(--font-lg);font-family:'PR';color:#ccc}
#download .title .cn{font-size:var(--font-2xl);font-weight:500;color:var(--color)}
#download .tit{font-size:var(--font-md);font-weight:500;margin:45px 0 20px}
#download .location{min-height:70px;position:relative;margin:50px auto 0;margin-left:auto;margin-right:auto;display:flex;justify-content:center}
#download .content{width:70%;background:#fff;border-radius:35px;box-shadow:0 8px 20px 0 rgba(0,0,0,0.1);min-height:70px;position:absolute;top:0;z-index:9}
#download.compatible .location{min-height:70px;position:relative;display:flex;justify-content:flex-end}
#download.compatible .content{width:41.667%;background:#fff;border-radius:35px;box-shadow:0 8px 20px 0 rgba(0,0,0,0.1);min-height:70px;left:0;position:absolute;z-index:9;margin-top:0;top:auto;transform:translateX(0%)}
#download .content:nth-of-type(2){left: calc(41.667% + 20px);}
#download .content .top{padding:0 4.761%;height:70px;display:flex;align-items:center;justify-content:space-between;font-size:var(--font-base);color:var(--color);fill:var(--color);cursor:pointer}
#download .content.cur .top{color:var(--main)}
#download .content.cur .icon{transform:rotate(90deg);fill:var(--main)}
#download .content .bot{height:0;overflow:hidden}
#download .content .bot .info{padding:5px 4.761% 25px;margin-top:-2%}
#download .content .bot .info .text{font-size:var(--font-base);color:var(--color2)}
#download .content .bot .info .search{margin:15px 0}
#download .content .bot .info .search .text{font-size:var(--font-base);color:var(--color2)}
#download .content .bot .info .search .cont{border:1px solid #ccc;padding:0 10px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;margin-top:5px}
#download .content .bot .info .search .cont.hide{display:none}
#download .content .bot .info .search .cont .input{line-height:50px;font-size:var(--font-base);width:calc(100% - 30px)}
#download .content .bot .info .search .cont .input::placeholder{color:var(--color2)}
#download .content .bot .info .search .cont .btn{cursor:pointer}
#download .content .bot .info .ul{max-height:220px;overflow:auto}
#download .content .bot .info .ul .li{margin-top:12px;font-size:var(--font-base);color:#292c33}
#download .content .bot .info .ul .li.main{font-weight:600;pointer-events:none}
#download .content .bot .info .ul .li.son{padding:0 20px}
#download .content .bot .info .ul .li.hide{display:none}
#download .content .bot .info .ul .li.cur,#download .content .bot .info .ul .li:hover{color:var(--main)}
#download .content.cur{box-shadow:15px 26px 50px 0 rgba(23,108,255,0.2)}
#download .tip{font-size:var(--font-base);border:1px solid #fff;color:#4e5969;line-height:1.8;margin:30px auto 0;background:#fff;border-radius:30px;padding:45px 5% 60px}
#download .prompt{margin:30px auto 0;background:#fff;border-radius:30px;padding:45px 5% 60px}
#download .prompt .title{text-align:left;font-weight:500;font-size:var(--font-md);color:var(--color)}
#download .prompt .ul{font-size:var(--font-sm);color:var(--color2);margin-top:25px;line-height:36px}
#download .submit{width:160px;height:70px;line-height:70px;text-align:center;font-size:var(--font-base);color:#fff;background:#0c65ff;border-radius:40px;cursor:pointer}
#download .submit.prohibit{background:#c7cbd1;cursor:not-allowed}
@media screen and (max-width:1024px){#download.compatible .content{width:49%;top:-100px}
#download .content:nth-of-type(2){left:51%}
#download.compatible .location{display:block;margin-top:150px}
#download .submit{width:100%}
#download .tit{font-size:var(--font-xl)}
}
/* 客户端下载 */
.ug-wrapper{max-width:1300px;margin:0 auto;padding:20px}
.ug-wrapper h1{font-size:var(--font-2xl);font-weight:500;color:var(--color);margin-top:50px;text-align:center}
.client-container{display:flex;flex-wrap:wrap;justify-content:space-around;margin-top:50px}
.client-box{width:45%;background-color:#f4f4f4;padding:20px;border-radius:10px;box-shadow:0 0 5px rgba(0,0,0,0.1);text-align:center;margin-bottom:50px}
.client-box img{width:100%;max-width:500px;margin-bottom:20px}
.client-box h2{font-size:var(--font-md);font-weight:600;text-align:center}
.client-box p{line-height:27px;font-size:var(--font-base);color:var(--color2);margin-top:17px;text-align:center;padding:30px;padding-top:20px}
.client-box a{align-items:center;font-size:var(--font-base);margin-top:30px;margin-bottom:30px;color:var(--main);text-align:center;margin-top:30px;margin-bottom:30px}
@media(max-width:768px){.client-box{width:100%}
}
@media screen and (max-width:1024px){#download.compatible .content{width:100%;top:-200px;z-index:10}
#download .content:nth-of-type(2){left:0;top:-100px;z-index:9}
#download.compatible .location{margin-top:230px}
}
@media screen and (max-width:750px){#download .title .en{font-size:var(--font-xl)}
#download .tip{font-size:var(--font-lg);line-height:1.6;margin-top:25%}
#download .content{width:100%}
#download .content .top{font-size:var(--font-lg)}
#download .content .top .icon{transform:scale(1.3)}
#download .content.cur .icon{transform:rotate(90deg) scale(1.3);fill:var(--main)}
#download .content .bot .info .text{font-size:var(--font-lg)}
#download .content .bot .info .ul .li{font-size:var(--font-lg)}
#download .prompt{width:100%}
#download .prompt .title{font-size:var(--font-2xl)}
#download .prompt .ul{font-size:var(--font-xl);line-height:1.6}
#download .content .bot .info .search .text{font-size:var(--font-lg)}
#download .content .bot .info .search .cont .input{line-height:60px;font-size:var(--font-lg);width:calc(100% - 50px)}
#download .content .bot .info .search .cont .btn_son{transform:scale(1.3)}
#download .submit{font-size:var(--font-lg)}
}
.no-download-tip{background-color:#fff;text-align:center;font-size:var(--font-md);padding:5%;border-radius:30px}
.no-download-tip:hover{box-shadow:15px 26px 50px 0 rgba(23,108,255,0.2)}
/* 下载中心 列表 */
#download-list{padding:100px 0 120px}
#download-list .title{text-align:center}
#download-list .title .en{font-size:var(--font-lg);font-family:'PR';color:#ccc}
#download-list .title .cn{font-size:var(--font-2xl);font-weight:500;color:var(--color)}
#download-list .choose{margin-top:50px;display:flex;justify-content:flex-end;position:relative}
#download-list .choose .content{position:absolute;left:0;z-index:5;width:23.666%;background:#fff;border-radius:35px}
#download-list .choose .tab_box{width:100%}
#download-list .choose .content .top{padding:0 8%;height:63px;display:flex;align-items:center;justify-content:space-between;font-size:var(--font-md);font-weight:500;color:var(--color);fill:var(--color);cursor:pointer;}
#download-list .choose .content.cur .top{color:var(--main)}
#download-list .choose .content.cur .icon{transform:rotate(90deg);fill:var(--main)}
#download-list .choose .content .bot{height:0;overflow:hidden}
#download-list .choose .content .bot .info{padding:5px 6.416% 25px}
#download-list .choose .content .bot .info .text{font-size:var(--font-base);color:var(--color2)}
#download-list .choose .content .bot .info .search{margin:15px 0}
#download-list .choose .content .bot .info .search .text{font-size:var(--font-base);color:var(--color2)}
#download-list .choose .content .bot .info .search .cont{border:1px solid #ccc;padding:0 10px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;margin-top:5px}
#download-list .choose .content .bot .info .search .cont.hide{display:none}
#download-list .choose .content .bot .info .search .cont .input{line-height:38px;font-size:var(--font-base);width:calc(100% - 30px)}
#download-list .choose .content .bot .info .search .cont .input::placeholder{color:var(--color2)}
#download-list .choose .content .bot .info .search .cont .btn_son{cursor:pointer}
#download-list .choose .content .bot .info .ul{max-height:220px;overflow:auto}
#download-list .choose .content .bot .info .ul .li{margin-top:12px;font-size:var(--font-base);color:#292c33}
#download-list .choose .content .bot .info .ul .li.hide{display:none}
#download-list .choose .content .bot .info .ul .li:hover{color:var(--main)}
#download-list .choose .content.cur{box-shadow:15px 26px 50px 0 rgba(23,108,255,0.2)}
#download-list .choose .btn_box{display:flex}
#download-list .choose .btn{width:140px;height:63px;border-radius:40px;background:#fff;text-align:center;line-height:63px;font-size:var(--font-md);color:var(--color);font-weight:500;margin-right:20px;cursor:pointer}
#download-list .choose .btn:last-child{margin-right:0}
#download-list .choose .btn.cur,#download-list .choose .btn:hover{background:var(--main);color:#fff}
#download-list .bind{margin-top:40px}
#download-list .bind .bind_box{display:none}
#download-list .bind .bind_box.cur{display:block}
#download-list .bind .bind_box .list{padding:5.833% 5% 5.833% 0;background:#fff;border-radius:30px;display:flex;align-items:center;justify-content:space-between;margin-top:20px}
#download-list .bind .bind_box .list:first-child{margin-top:0}
#download-list .bind .bind_box .list .logo{width:17.543%;border-right:1px solid #f5f6f7;height:166px}
#download-list .bind .bind_box .list .ul{width:56.403%;line-height:31px;font-size:var(--font-base);color:var(--color2);padding-right:5%}
#download-list .bind .bind_box .list .ul .toggle-btn{color:var(--main);margin-left:13px;cursor:pointer}
#download-list .bind .bind_box .list .ul pre{white-space:pre-line!important}
#download-list .bind .bind_box .list .end{width:220px}
#download-list .bind .bind_box .list .end .btnbox{display:flex;justify-content:space-between;align-items:center}
#download-list .bind .bind_box .list .end .btnbox:nth-of-type(2){margin-top:10px}
#download-list .bind .bind_box .list .end .img{width:150px;padding-top:150px;border-radius:5px;border:1px solid #e3e5eb;position:relative}
#download-list .bind .bind_box .list .end .text{text-align:center;font-size:var(--font-base);color:var(--color2);margin-top:15px}
#download-list .bind .bind_box .list .md5.hide{color:#bcbcbc;pointer-events:none}
#download-list .bind .bind_box .list .btn{width:150px;height:60px;border-radius:30px;text-align:center;line-height:60px;background:var(--main);color:#fff;font-size:var(--font-base);cursor:pointer}
#download-list .bind .bind_box .list .btn:hover{background:var(--main2)}
#download-list .bind .bind_box .end .other{text-align:center;font-size:var(--font-base);color:var(--main);margin-top:30px}
#download-list .bind .bind_box .list:hover{box-shadow:15px 26px 50px 0 rgba(23,108,255,0.2)}
#download-list .bind .bind_box .list:hover .ul{color:var(--color)}
#download-list .bind .bind_box .listhover .end .text{color:var(--main)}
#download-list .bind .bind_box .word_list{padding:45px 5% 45px 0;background:#fff;border-radius:30px;display:flex;justify-content:space-between;align-content:center;margin-top:20px}
#download-list .bind .bind_box .word_list:first-child{margin-top:0}
#download-list .bind .bind_box .word_list .logo{width:17.543%;border-right:1px solid #f5f6f7;min-height:60px;line-height:1.6;text-align:center;font-family:'PM';font-size:var(--font-md);display:flex;align-items:center;justify-content:center;padding-left:30px}
#download-list .bind .bind_box .word_list .ul{width:calc(100% - 100px - 17.5435% - 150px);line-height:31px;font-size:var(--font-base);color:var(--color2)}
#download-list .bind .bind_box .word_list .btn{width:150px;height:60px;border-radius:30px;text-align:center;line-height:60px;background:var(--main);color:#fff;font-size:var(--font-base);cursor:pointer}
#download-list .bind .bind_box .word_list .btn:hover{background:var(--main2)}
#download-list .bind .bind_box .choose_two{margin:25px 0;background:#fff;font-size:var(--font-base);color:var(--color);line-height:60px;display:flex;justify-content:center}
#download-list .bind .bind_box .choose_two .box{padding:0 30px;cursor:pointer}
#download-list .bind .bind_box .choose_two .box:hover,#download-list .bind .bind_box .choose_two .box.cur{color:var(--main)}
#download-list .bind .bind_box .bind_choose_two .choose_box{display:none}
#download-list .bind .bind_box .bind_choose_two .choose_box.cur{display:block}
#download-list .bind .bind_box .bind_choose_two .text_book{padding:5.833% 5%;background:#fff;border-radius:30px}
#download-list .bind .bind_box .bind_choose_two .text_book .ul .li{margin-top:30px}
#download-list .bind .bind_box .bind_choose_two .text_book .ul .li:first-child{margin-top:0}
#download-list .bind .bind_box .bind_choose_two .text_book .ul .li .text{font-size:var(--font-md);padding-bottom:15px;border-bottom:1px solid #e6e6e6;font-weight:500}
#download-list .bind .bind_box .bind_choose_two .text_book .ul .li .text .time{margin-left:20px;font-family:'PM'}
#download-list .bind .bind_box .bind_choose_two .text_book .ul .li .brief{margin-top:20px;line-height:31px;font-size:var(--font-base);color:var(--color2)}
#download-list .bind .bind_box .bind_choose_two .text_book .history-item{color:var(--color);display:flex;font-size:var(--font-sm);justify-content:space-between;line-height:24px;padding:8px 0;margin-top:20px;border-bottom:1px solid #cccccc40}
.item-version-num{line-height:31px;font-size:var(--font-base);color:var(--color2)}
@media only screen and (max-width:768px){.item-version-num{line-height:38px;font-size:var(--font-md)}
}
#download-list .bind .bind_box .bind_choose_two .text_book .history-item:first-child{margin-top:0}
#download-list .bind .bind_box .bind_choose_two .text_book .history-item .item-info{align-items:center;display:flex;justify-content:space-between;width:85%;padding-bottom:15px}
#download-list .bind .bind_box .bind_choose_two .text_book .history-item .item-info .item-right{display:flex}
#download-list .bind .bind_box .bind_choose_two .text_book .history-item .item-info .item-right .item-size{width:120px}
#download-list .bind .bind_box .bind_choose_two .text_book .history-item .item-info .item-right .item-time{margin-left:20px;width:90px}
#download-list .bind .bind_box .bind_choose_two .text_book .history-item .item-info .item-right .item-time span{display:none}
#download-list .bind .bind_box .bind_choose_two .text_book .history-item .item-right-btn{display:flex;margin-left:20px}
#download-list .bind .bind_box .bind_choose_two .text_book .history-item .item-right-btn .item-check{color:var(--text-color-title-dark);cursor:pointer;padding:8px;width:72px}
#download-list .bind .bind_box .bind_choose_two .text_book .history-item .item-right-btn .item-check:hover{color:#2660f5}
#download-list .bind .bind_box .bind_choose_two .text_book .history-item .item-right-btn .item-download{color:var(--text-color-title-dark);cursor:pointer;padding:8px;width:72px}
#download-list .bind .bind_box .bind_choose_two .text_book .history-item .item-right-btn .item-download:hover{color:#2660f5}
#download-list .bind .bind_box .bind_choose_two .text_book .history-item .item-right-btn .item-box{margin-left:8px;position:relative}
#download-list .bind .bind_box .bind_choose_two .text_book .history-item .item-right-btn .item-box .out{padding:0 10px;height:0;overflow:hidden;position:absolute;right:0;background:#fff;box-shadow:15px 26px 50px 0 rgba(23,108,255,0.2);z-index:3}
#download-list .bind .bind_box .bind_choose_two .text_book .history-item .item-right-btn .item-box .out .tip{text-align:right}
#download-list .bind .bind_box .bind_choose_two .text_book .history-item .item-right-btn .item-box:hover .out{height:48px}
#download-list .end_tip{position:static;width:100%;padding-top:100px;text-align:center;font-size:var(--font-sm);left:0;bottom:0;color:#8a8e99}
@media only screen and (max-width:768px){#download-list .end_tip{font-size:var(--font-lg)}
}
/* 应用下载 */
#download-list .app .content{display:flex;flex-wrap:wrap}
#download-list .app .content .item{width:31.666%;padding:30px;background:#fff;margin-right:1.6%;margin-top:30px;border-radius:15px;display:flex;flex-direction:column;justify-content:space-between;min-height:300px}
#download-list .app .content .item .tit{display:flex;align-items:center;line-height:22px;font-weight:600;font-size:var(--font-base)}
#download-list .app .content .item .tit .icon{width:48px;height:48px;margin-right:10px;border-radius:8px;overflow:hidden}
#download-list .app .content .item .brief{color:rgba(0,0,0,0.6);line-height:20px;font-size:var(--font-sm);margin-top:12px}
#download-list .app .content .item .tip{margin-top:4px;color:rgb(187 161 112 / 1);line-height:20px;font-weight:500;font-size:var(--font-xs)}
#download-list .app .content .item .btn_box{display:flex;align-items:center;margin-top:30px}
#download-list .app .content .item .btn_box .down_btn{text-align:center;padding:8px 10px;color:#bba170;border:1px #bba170 solid;min-width:140px;font-size:var(--font-base)}
#download-list .app .content .item .btn_box .down_btn:hover{background:#bba170;color:#fff}
#download-list .app .content .item .btn_box .md5{color:rgb(153 153 153 / 1);font-weight:500;font-size:var(--font-base);margin-left:25px;cursor:pointer}
@media screen and (max-width:750px){#download-list .app .content .item .btn_box .md5{margin-left:0;padding-top:15px}
}
#download-pup{background:rgba(0,0,0,.8);height:100%;left:0;position:fixed;top:0;width:100%;z-index:2000;display:none}
#download-pup .content{background-color:#fff;border-radius:12px;padding:32px 40px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:560px;z-index:3000}
#download-pup .content .title{color:var(--color);font-size:var(--font-md);line-height:20px;width:100%}
#download-pup .content .brief{margin-top:36px;min-height:180px;color:var(--color);font-size:var(--font-sm);line-height:24px;max-height:180px;overflow-y:scroll}
#download-code{background:rgba(0,0,0,.8);height:100%;left:0;position:fixed;top:0;width:100%;z-index:100;display:none}
#download-code .content{background-color:#fff;border-radius:12px;padding:32px 40px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:560px;z-index:3000}
#download-code .content .title{color:var(--color);font-size:var(--font-md);line-height:20px;width:100%;text-align:center}
#download-code .content .form{margin-top:30px}
#download-code .content .info{display:flex;justify-content:space-between}
#download-code .content .info .tip{font-size:var(--font-sm)}
#download-code .content .info .tip.blue{color:var(--main)}
#download-code .content .info .label{width:48%}
#download-code .content .info .label .input{line-height:30px;font-size:var(--font-base);border:1px solid;margin-top:10px;padding:0 5px}
#download-code .content .info .code{width:48%}
#download-code .content .info .code .imgs{height:auto;margin-bottom:10px}
#download-code .content .btn_box{margin-top:20px;display:flex;justify-content:center}
#download-code .content .btn_box .btn{width:100px;line-height:40px;text-align:center;font-size:var(--font-base);border-radius:5px;border:1px solid;cursor:pointer}
#download-code .content .btn_box .btn:first-child{background:var(--main);border-color:var(--main);color:#fff;margin-right:30px}
@media screen and (max-width:1280px){#download-list .choose .content{width:100%}
#download-list .choose{flex-wrap:wrap}
#download-list .choose .btn_box{display:flex;padding-top:90px;width:100%}
#download-list .choose .btn{width:25%}
}
@media screen and (max-width:1200px){#download-list .choose .content{width:100%}
#download-list .choose .tab_box{width:100%}
#download-list .choose{flex-wrap:wrap}
#download-list .choose .btn_box{display:flex;padding-top:90px;width:100%}
#download-list .choose .btn{width:25%}
}
@media screen and (max-width:1024px){#download-list .choose{flex-wrap:wrap}
#download-list .choose .content{width:100%;top:0}
#download-list .choose .btn_box{width:100%;justify-content:center;padding-top:90px}
#download-list .app .content{justify-content:space-between}
#download-list .app .content .item{width:49%;margin-right:0}
}
@media(max-width:768px){#download-list .choose .btn_box{width:100%;justify-content:center;padding-top:90px}
}
@media screen and (max-width:750px){#download-list .choose .btn{font-size:var(--font-lg);margin-top:20px}
#download-list .choose .content .top{font-size:var(--font-lg)}
#download-list .choose .content .top .icon{transform:scale(1.3)}
#download-list .choose .content .bot .info .text{font-size:var(--font-lg)}
#download-list .choose .content .bot .info .ul .li{font-size:var(--font-lg)}
#download-list .bind .bind_box .list{display:block;padding:30px}
#download-list .bind .bind_box .list .logo{width:100%}
#download-list .bind .bind_box .list .logo img{transform:scale(1.3)}
#download-list .bind .bind_box .list .ul{width:100%;margin:30px 0;font-size:var(--font-xl);line-height:1.6}
#download-list .bind .bind_box .list .end{width:100%}
#download-list .bind .bind_box .list .end .img{width:200px;height:200px;margin:auto}
#download-list .bind .bind_box .list .end .img .max{width:80%}
#download-list .bind .bind_box .list .end .text{font-size:var(--font-lg)}
#download-list .bind .bind_box .list .btn{height:70px;line-height:70px;font-size:var(--font-lg);width:100%}
#download-list .bind .bind_box .list .md5{margin-top:30px;text-align:center;font-size:var(--font-lg);width:100px;margin-left:auto;margin-right:auto}
#download-list .bind .bind_box .choose_two{font-size:var(--font-lg)}
#download-list .bind .bind_box .bind_choose_two .text_book .ul .li .text{font-size:var(--font-2xl)}
#download-list .bind .bind_box .bind_choose_two .text_book .ul .li .brief{font-size:var(--font-xl);line-height:1.6}
#download-list .bind .bind_box .bind_choose_two .text_book .history-item{font-size:var(--font-lg);display:block}
#download-list .bind .bind_box .bind_choose_two .text_book .history-item .item-right-btn .item-download,#download-list .bind .bind_box .bind_choose_two .text_book .history-item .item-right-btn .item-check,#download-list .bind .bind_box .bind_choose_two .text_book .history-item .item-info .item-right .item-size,#download-list .bind .bind_box .bind_choose_two .text_book .history-item .item-info .item-right .item-time{width:auto;padding:0}
#download-list .bind .bind_box .bind_choose_two .text_book .history-item .item-right-btn{margin-left:0;margin-top:30px;margin-bottom:30px}
#download-list .bind .bind_box .bind_choose_two .text_book .history-item .item-info{width:100%}
#download-list .bind .bind_box .bind_choose_two .text_book .history-item .item-right-btn .item-box{margin-left:30px}
#download-pup .content .title{font-size:var(--font-2xl)}
#download-pup .content .brief{font-size:var(--font-xl);line-height:1.5}
#download-pup .content .brief{max-height:400px}
#download-list .bind .bind_box .word_list{display:block;padding:50px 30px}
#download-list .bind .bind_box .word_list .logo{width:100%;font-size:var(--font-2xl);padding-left:0}
#download-list .bind .bind_box .word_list .ul{margin:30px 0;font-size:var(--font-xl);line-height:1.6;width:100%}
#download-list .bind .bind_box .word_list .btn{width:100%;height:70px;font-size:var(--font-lg)}
#download-list .bind .bind_box .bind_choose_two .text_book .history-item .item-right-btn .item-box .out{line-height:1.8}
#download-list .bind .bind_box .bind_choose_two .text_book .history-item .item-right-btn .item-box:hover .out{height:100px}
#download-list .choose .content .bot .info .search .text{font-size:var(--font-lg)}
#download-list .choose .content .bot .info .search .cont .input{line-height:60px;font-size:var(--font-lg);width:calc(100% - 50px)}
#download-list .choose .content .bot .info .search .cont .btn_son{transform:scale(1.3)}
#download-list .app .content .item{width:100%;margin-right:0}
#download-list .app .content .item .tit{font-size:var(--font-2xl);line-height:1.6}
#download-list .app .content .item .tit .icon{width:58px;height:58px}
#download-list .app .content .item .brief{font-size:var(--font-xl);line-height:1.6;margin-top:30px}
#download-list .app .content .item .tip{font-size:var(--font-xl);line-height:1.6;margin-top:15px}
#download-list .app .content .item .btn_box .md5,#download-list .app .content .item .btn_box .down_btn{font-size:var(--font-lg)}
}
/* 在线文档支持 */
#online-support{padding:90px 0 120px}
#online-support .content{margin-top:50px;display:flex;justify-content:space-between}
#online-support .content .box{width:calc((100% - (18px * 2)) / 3);margin-right:2%;padding:5% 3.333%;background:#f5f6f7;border-radius:30px;display:flex;justify-content:space-between;align-items:flex-start}
#online-support .content .box .icon{width:80px;height:80px;border-radius:50%;background:#fff}
#online-support .content .box .word{width:calc(100% - 100px)}
#online-support .content .box .word .name{font-size:var(--font-md);font-weight:500;color:var(--color)}
#online-support .content .box .word .brief{margin-top:5px;line-height:25px;font-size:var(--font-xs);color:var(--color2)}
#online-support .content .box .word .btn{width:115px;height:52px;border-radius:26px;box-sizing:border-box;text-align:center;line-height:52px;font-size:var(--font-base);color:var(--color);border:1px solid #1a1a11;margin-top:50px}
#online-support .content .box:hover{background:#fff;box-shadow:15px 26px 50px 0 rgba(23,108,255,0.2)}
#online-support .content .box:hover .icon{background:var(--main)}
#online-support .content .box:hover .icon img{object-fit:contain;filter:brightness(0) invert(100%)}
#online-support .content .box:hover .word .btn{color:var(--main);border-color:var(--main)}
/* 服务简介 */
#retuen-service{background:#f5f6f7;padding:120px 0}
#retuen-service .content{display:flex;justify-content:space-between;align-items:center;border-radius:30px;overflow:hidden;background:#fff}
#retuen-service .content .img{width:57.5%;padding-top:38.333%}
#retuen-service .content .word{width:42.5%;padding:0 7.5%}
#retuen-service .content .word .title{line-height:46px;font-size:var(--font-xl);font-weight:500}
#retuen-service .content .word .data{display:flex;margin-top:12px;flex-wrap:wrap}
#retuen-service .content .word .data .box{width:65px;height:65px;border-radius:50%;border:1px solid #d4d5d6;margin-right:20px;margin-top:20px}
#retuen-service .content .word .data .box:last-child{margin-right:0}
#retuen-service .content .word .btn{font-size:var(--font-base);color:#000;margin-top:75px}
@media screen and (max-width:750px){#online-support .content{display:block;margin-top:20px}
#online-support .content .box{width:100%;margin-top:30px;display:block;padding:30px}
#online-support .content .box .icon{width:120px;height:120px;margin-bottom:30px}
#online-support .content .box .icon img{transform:scale(1.3)}
#online-support .content .box .word .name{font-size:var(--font-2xl)}
#online-support .content .box .word .brief{font-size:var(--font-xl);line-height:1.6}
#online-support .content .box .word .btn{width:150px;height:60px;line-height:60px;font-size:var(--font-lg);border-radius:30px}
#retuen-service .content{display:block}
#retuen-service .content .img{width:100%;padding-top:0}
#retuen-service .content .img .max{position:relative}
#retuen-service .content .word{width:100%;padding:30px}
#retuen-service .content .word .title{font-size:var(--font-2xl)}
#retuen-service .content .word .data .box{width:80px;height:80px}
#retuen-service .content .word .data .box img{transform:scale(1.3)}
#retuen-service .content .word .btn{font-size:var(--font-lg);display:flex;align-items:center}
#retuen-service .content .word .btn img{transform:scale(1.3);margin-left:20px}
}
/* 教程列表 */
#tutorial{padding:60px 0 120px}
#tutorial .content{display:flex;justify-content:space-between}
#tutorial .content .left{width:23.333%}
#tutorial .content .left .choose .list{padding-bottom:40px;border-bottom:1px solid #e0e1e3;margin-top:50px}
#tutorial .content .left .choose .list:first-child{margin-top:0}
#tutorial .content .left .choose .list .title{font-size:var(--font-md);font-weight:500;color:var(--color);margin-bottom:25px}
#tutorial .content .left .choose .list .search{padding:0 7.142%;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
#tutorial .content .left .choose .list .search.hide{display:none}
#tutorial .content .left .choose .list .search .input{line-height:50px;font-size:var(--font-base)}
#tutorial .content .left .choose .list .search .input::placeholder{color:var(--color2)}
#tutorial .content .left .choose .list .search .btn{cursor:pointer}
#tutorial .content .left .choose .list .ul .li{color:var(--color2);font-size:var(--font-base);line-height:19px;display:flex;justify-content:space-between;align-items:flex-start;cursor:pointer;margin-top:17px}
#tutorial .content .left .choose .list .ul .li.hide{display:none}
#tutorial .content .left .choose .list .ul .li:first-child{margin-top:0}
#tutorial .content .left .choose .list .ul .li .checkbox{width:19px;height:19px;border:1px solid #bfc2c8;border-radius:3px;text-align:center;color:#fff}
#tutorial .content .left .choose .list .ul .li .checkbox::before{content:'✔';opacity:0;transition:all .3s linear}
#tutorial .content .left .choose .list .ul .li .text{width:calc(100% - 40px - 30px)}
#tutorial .content .left .choose .list .ul .li .num{text-align:right;width:30px}
#tutorial .content .left .choose .list .ul .li.cur,#tutorial .content .left .choose .list .ul .li:hover{color:var(--color)}
#tutorial .content .left .choose .list .ul .li.cur .checkbox{background:var(--main);border-color:var(--main)}
#tutorial .content .left .choose .list .ul .li.cur .checkbox:before{opacity:1}
#tutorial .content .right{width:70%}
#tutorial .content .right .list{padding:3.571% 7.738% 5.357% 3.571%;background:#fff;border-radius:30px;display:flex;justify-content:space-between;align-items:flex-start;margin-top:33px}
#tutorial .content .right .list:first-child{margin-top:0}
#tutorial .content .right .list .img{width:21.476%;padding-top:21.476%;position:relative}
#tutorial .content .right .list .word{width:calc(100% - 21.476% - 40px)}
#tutorial .content .right .list .word .name{font-size:var(--font-md);font-weight:500;color:var(--color)}
#tutorial .content .right .list .word .brief{margin-top:20px;line-height:25px;font-size:var(--font-base);color:var(--color2);min-height:75px}
#tutorial .content .right .list .word .bot{margin-top:55px;display:flex;justify-content:space-between;align-items:flex-start}
#tutorial .content .right .list .word .time{font-size:var(--font-md);color:var(--color);opacity:.5;margin-top:5px}
#tutorial .content .right .list .word .bot .category{display:flex;flex-wrap:wrap;max-width:70%}
#tutorial .content .right .list .word .bot .category .item{height:auto;padding:4px 7px;font-size:var(--font-xs);background:#eaf7ff;margin-right:5px;border-radius:3px;margin-top:5px}
#tutorial .content .right .list:hover{box-shadow:15px 26px 50px 0 rgba(23,108,255,0.2)}
#tutorial .content .right .list:hover .word .name{color:var(--main)}
#tutorial .content .right .list:hover .word .brief{color:var(--color)}
@media screen and (max-width:1024px){#tutorial .content{display:block}
#tutorial .content .left{width:100%}
#tutorial .content .left .choose .list{margin-top:30px}
#tutorial .content .left .choose .list .title{margin-bottom:0}
#tutorial .content .left .choose .list .search{margin-top:17px;padding:0 30px}
#tutorial .content .left .choose .list .ul{display:flex;flex-wrap:wrap}
#tutorial .content .left .choose .list .ul .li:first-child,#tutorial .content .left .choose .list .ul .li{width:33%;margin-top:17px;padding-right:10px}
#tutorial .content .right{width:100%;margin-top:30px}
}
@media screen and (max-width:750px){#tutorial .content .left .choose .list .ul{justify-content:space-between}
#tutorial .content .left .choose .list .ul .li:first-child,#tutorial .content .left .choose .list .ul .li{width:49%;margin-top:17px}
#tutorial .content .left .choose .list .title{font-size:var(--font-2xl)}
#tutorial .content .left .choose .list .ul .li .num,#tutorial .content .left .choose .list .ul .li .text{font-size:var(--font-lg);line-height:1.6}
#tutorial .content .left .choose .list .ul .li .checkbox{width:30px;height:30px;margin-top:5px}
#tutorial .content .left .choose .list .ul .li .checkbox::before{line-height:30px;font-size:var(--font-lg)}
#tutorial .content .left .choose .list .search .input{line-height:60px;font-size:var(--font-lg)}
#tutorial .content .left .choose .list .search .btn{transform:scale(1.3)}
#tutorial .content .right .list{display:block;padding:30px}
#tutorial .content .right .list .img{width:100%;padding-top:50%}
#tutorial .content .right .list .img .max{transform:scale(1.3) translate(-50%,-50%)}
#tutorial .content .right .list .word{width:100%}
#tutorial .content .right .list .word .name{font-size:var(--font-2xl)}
#tutorial .content .right .list .word .brief{font-size:var(--font-xl);line-height:1.6}
#tutorial .content .right .list .word .time{font-size:var(--font-lg)}
#tutorial .content .right .list .word .bot{display:block}
#tutorial .content .right .list .word .bot .category{max-width:none;width:100%;margin-top:10px}
#tutorial .content .right .list .word .bot .category .item{font-size:var(--font-lg);margin-right:10px;margin-top:10px}
}
/* 分页 */
#page{margin-top:60px;display:flex;justify-content:center}
#page.other{justify-content:flex-start}
#page .lyui_paging_btn,#page .num{width:50px;height:50px;text-align:center;line-height:50px;font-size:var(--font-base);color:#666;margin-right:5px;border-radius:10px;transition:all .3s linear}
@media only screen and (max-width:768px){#page .num{width:80px;height:80px;font-size:var(--font-lg)}
}
#page .lyui_paging_btn:last-child,#page .num:last-child{margin-right:0}
#page .lyui_paging_btn.cur,#page .lyui_paging_btn:hover,#page .num.cur,#page .num:hover{background:var(--main);color:#fff}
#page .lyui_paging_prev,#page .lyui_paging_next,#page .pn{width:100px;height:50px;border-radius:10px;border:1px solid #e6e6e6;box-sizing:border-box;text-align:center;line-height:50px;font-size:var(--font-base);color:#666;background:#fff;transition:all .3s linear}
@media only screen and (max-width:768px){#page .lyui_paging_prev,#page .lyui_paging_next,#page .pn{width:150px;height:80px;font-size:var(--font-lg)}
}
#page .lyui_paging_next,#page .pn.next{margin-left:20px}
#page .lyui_paging_next .svg,#page .pn.next .svg{margin-left:10px}
#page .lyui_paging_prev,#page .pn.prev{margin-right:20px}
#page .lyui_paging_prev .svg,#page .pn.prev .svg{transform:rotate(180deg);margin-right:10px}
#page .lyui_paging_prev:hover,#page .lyui_paging_next:hover,#page .pn:hover{background:var(--main);border-color:var(--main);color:#fff}
#page .lyui_paging_prev:hover .svg,#page .lyui_paging_next:hover .svg,#page .pn:hover .svg{object-fit:contain;filter:brightness(0) invert(100%)}
#page .lyui_paging>font{display:none}
/* 文档详情 */
#tutorial-detail{padding:35px 0 120px}
#tutorial-detail .content{border-radius:30px;background:#fff;padding:70px 8.333% 100px}
@media only screen and (max-width:768px){#tutorial-detail .content{border-radius:30px;background:#fff;padding:70px 4.333% 100px;font-size:var(--font-lg)!important}
}
#tutorial-detail .content .title{text-align:center;font-size:var(--font-2xl);font-weight:500;color:var(--color)}
@media only screen and (max-width:768px){#tutorial-detail .content .title{font-size:var(--font-xl)}
}
#tutorial-detail .content .btnbox{display:flex;justify-content:center}
#tutorial-detail .content .btnbox .btn{cursor:pointer;padding:0 20px;margin-top:30px;min-width:180px;line-height:40px;border:1px solid;text-align:center;font-size:var(--font-base);margin-right:30px}
#tutorial-detail .content .btnbox .btn:last-child{margin-right:0}
#tutorial-detail .content .btnbox .btn:hover{background:var(--main);color:#fff}
#tutorial-detail .content .time{display:flex;justify-content:center;align-items:center;font-size:var(--font-base);font-family:'PR';color:var(--color2);margin-top:20px}
#tutorial-detail .content .time .icon{margin-right:10px}
#tutorial-detail .content .detail{line-height:38px;margin-top:70px}
#tutorial-detail .content .detail *{max-width:100%;overflow:hidden;text-overflow:ellipsis}
#tutorial-detail .content .detail{padding:30px 0}
#tutorial-detail .content .detail *{max-width:100%;white-space:pre-line!important;}
#tutorial-detail .content .detail p{display:block}
#tutorial-detail .content .detail span{display:contents}
#tutorial-detail .content .share{margin-top:100px;display:flex;justify-content:center}
#tutorial-detail .content .share .box{margin-right:35px;cursor:pointer}
#tutorial-detail .content .share .box:last-child{margin-right:0}
#tutorial-detail .content .share .box .svg{fill:#ccc}
#tutorial-detail .content .share .box::last-child{margin-right:0}
#tutorial-detail .content .share .box:hover .wechat{fill:#22ac38}
#tutorial-detail .content .share .box:hover .sina{fill:#e60012}
#tutorial-detail .content .share .box:hover .qq{fill:#0aa4ea}
#tutorial-detail .content .share .box:hover .facebook{fill:#3b579b}
#tutorial-detail .content .share .box:hover .linkedin{fill:#37b4ee}
#tutorial-detail .content .page{display:flex;justify-content:space-between;margin-top:90px}
#tutorial-detail .content .page .pn{width:48%;border-radius:15px;background:#f5f6f7;padding:30px 4%}
#tutorial-detail .content .page .pn .text{font-size:var(--font-base);color:var(--color2)}
#tutorial-detail .content .page .pn .name{font-size:var(--font-md);color:var(--color);min-height:58px;margin-top:5px}
#tutorial-detail .content .page .pn .time_box{display:flex;align-items:center;font-size:var(--font-base);color:var(--color2);margin-top:30px}
#tutorial-detail .content .page .pn .time_box .icon{margin-right:5px}
#tutorial-detail .content .page .pn:hover .name{color:var(--main)}
#tutorial-detail .content .page.news .pn:hover{background:var(--main)}
#tutorial-detail .content .page.news .pn:hover .text{color:#fff}
#tutorial-detail .content .page.news .pn:hover .name{color:#fff}
#tutorial-detail .content .page.news .pn:hover .time_box{color:#fff}
#tutorial-detail .content .page.news .pn:hover .time_box .icon img{object-fit:contain;filter:brightness(0) invert(100%)}
#tutorial-detail .recommend{margin-top:40px;border-radius:30px;background:#fff;padding:45px 5% 65px}
#tutorial-detail .recommend .title{font-size:var(--font-lg);color:var(--color)}
#tutorial-detail .recommend .ul{margin-top:35px;display:flex;justify-content:space-between;flex-wrap:wrap}
#tutorial-detail .recommend .ul .li{width:calc((100% - 60px)/2);font-size:var(--font-base);color:var(--color2);display:flex;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid #e9e9ea;margin-top:35px}
#tutorial-detail .recommend .ul .li:nth-child(-n+2){margin-top:0}
#tutorial-detail .recommend .ul .li .name{color:var(--color);width:calc(100% - 100px)}
#tutorial-detail .recommend .ul .li:hover,#tutorial-detail .recommend .ul .li:hover .name{color:var(--main)}
@media screen and (max-width:750px){#tutorial-detail .content{padding:70px 30px 100px}
#tutorial-detail .content .time{font-size:var(--font-lg)}
#tutorial-detail .content .time .icon{transform:scale(1.3)}
#tutorial-detail .content .detail *{font-size:var(--font-xl)!important;line-height:1.8!important}
#tutorial-detail .content .share .box .svg{transform:scale(1.3)}
#tutorial-detail .content .page{display:block}
#tutorial-detail .content .page .pn{width:100%}
#tutorial-detail .content .page .pn:last-child{margin-top:30px}
#tutorial-detail .content .page .pn .text{font-size:var(--font-lg)}
#tutorial-detail .content .page.news .pn .name{font-size:var(--font-2xl)}
#tutorial-detail .content .page .pn .time_box{font-size:var(--font-lg)}
#tutorial-detail .content .page .pn .time_box .icon{transform:scale(1.3)}
#tutorial-detail .recommend .title{font-size:var(--font-2xl)}
#tutorial-detail .recommend .ul .li:nth-child(-n+2),#tutorial-detail .recommend .ul .li{width:100%;margin-top:35px;display:block;font-size:var(--font-lg)}
#tutorial-detail .recommend .ul .li:first-child{margin-top:0}
#tutorial-detail .recommend .ul .li .name{width:100%;margin-bottom:20px}
}
@media screen and (max-width:750px){#tutorial-detail .content .detail *{font-size:var(--font-lg)!important;line-height:1.8!important}
}
/* 视频教程 */
#video{padding:35px 0 120px}
#video .choose{display:flex;justify-content:center;font-size:var(--font-md);color:var(--color)}
#video .choose .box{margin-right:4.166%}
#video .choose .box:last-child{margin-right:0}
#video .choose .box.cur,#video .choose .box:hover{color:var(--main)}
#video .content{margin-top:12px;display:flex;flex-wrap:wrap}
#video .content .box{width:calc((100% - 2.75%*2)/3);border-radius:30px;overflow:hidden;background:#fff;margin-right:2.75%;margin-top:33px;cursor:pointer}
#video .content .box:nth-child(3n){margin-right:0}
#video .content .box .info{position:relative}
#video .content .box .info .img{padding-top:66.666%;position:relative}
#video .content .box .info .img::before{content:'';width:100%;height:100%;background:var(--color);opacity:.7;position:absolute;left:0;top:0;z-index:1;transition:all .3s linear}
#video .content .box .info .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2}
#video .content .box .word{padding:26px 7.936%}
#video .content .box .name{line-height:27px;font-size:var(--font-md);color:var(--color);font-weight:500}
#video .content .box:hover .img::before{opacity:.2}
#video .content .box:hover .play{opacity:0}
#video .content .box:hover .name{color:var(--main)}
/* 视频弹窗 */
#video-pup{position:fixed;background:rgba(41,44,51,0.75);width:100%;height:100%;z-index:25;top:0;left:0;display:none}
#video-pup .content{height:78.5%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
#video-pup .content .video{position:absolute;left:0;top:0;width:100%;height:100%}
#video-pup .content .video .mp4{object-fit:cover;width:100%;height:100%}
#video-pup .content .close{right:-40px;top:0;position:absolute;cursor:pointer}
@media screen and (max-width:1024px){#video .content{justify-content:space-between}
#video .content .box{width:48%;margin-right:0}
#video-pup .content .close{right:5px;top:5px}
}
@media screen and (max-width:750px){#video .content .box .name{font-size:var(--font-lg);line-height:1.6}
}
/* 玩机教程 */
#play{padding:55px 0 120px}
#play .content{display:flex;justify-content:space-between}
#play .content .left{width:23.333%}
#play .content .left .tit{font-size:var(--font-md);font-weight:500;display:none}
#play .content .left .choose .list{padding-bottom:25px;border-bottom:1px solid #e0e1e3;margin-top:35px}
#play .content .left .choose .list:first-child{margin-top:0}
#play .content .left .choose .list .title{font-size:var(--font-md);font-weight:500;color:var(--color)}
#play .content .left .choose .list .ul{margin-top:22px;padding-left:18px}
#play .content .left .choose .list .ul .li{display:flex;align-items:center;font-size:var(--font-base);color:var(--color2);margin-top:12px}
#play .content .left .choose .list .ul .li:first-child{margin-top:0}
#play .content .left .choose .list .ul .li .icon{display:flex;align-items:center;justify-content:center;margin-right:5px}
#play .content .left .choose .list .ul .li .icon img:nth-of-type(2){display:none}
#play .content .left .choose .list .ul .li.cur,#play .content .left .choose .list .ul .li:hover{color:var(--main)}
#play .content .left .choose .list .ul .li.cur .icon img:nth-of-type(1),#play .content .left .choose .list .ul .li:hover .icon img:nth-of-type(1){display:none}
#play .content .left .choose .list .ul .li.cur .icon img:nth-of-type(2),#play .content .left .choose .list .ul .li:hover .icon img:nth-of-type(2){display:block}
#play .content .right{width:70%}
#play .content .right .list{background:#fff;border-radius:30px;padding:2.38% 7.738% 2.38% 2.38%;display:flex;justify-content:space-between;align-items:center;margin-top:33px}
#play .content .right .list:first-child{margin-top:0}
#play .content .right .list .img{width:31.788%;padding-top:42.384%;border-radius:15px;overflow:hidden}
#play .content .right .list .word{width:calc(100% - 31.788% - 40px)}
#play .content .right .list .word .time{display:flex;align-items:center;font-size:var(--font-base);font-family:'PR';color:var(--color2)}
#play .content .right .list .word .time .svg{margin-right:10px}
#play .content .right .list .word .name{font-size:var(--font-md);color:var(--color);font-weight:500;margin-top:25px}
#play .content .right .list .word .brief{margin-top:20px;line-height:25px;font-size:var(--font-base);color:var(--color2);min-height:75px}
#play .content .right .list .word .user{display:flex;display:flex;align-items:center;font-size:var(--font-base);color:var(--color2);margin-top:55px}
#play .content .right .list .word .user .user_img{width:40px;height:40px;border-radius:50%;margin-right:12px}
#play .content .right .list:hover{box-shadow:15px 26px 50px 0 rgba(23,108,255,0.2)}
#play .content .right .list:hover .name{color:var(--main)}
#play .content .right .list:hover .brief{color:var(--color)}
@media screen and (max-width:1024px){#play .content{display:block}
#play .content .left{width:100%;position:relative}
#play .content .left .tit{display:flex;align-items:center;justify-content:space-between;padding-bottom:30px;border-bottom:1px solid var(--color);cursor:pointer}
#play .content .left .tit.cur{color:var(--main)}
#play .content .left .tit.cur .icon{transform:rotate(90deg);fill:var(--main)}
#play .content .left .choose{position:absolute;z-index:2;background:#fff;width:100%;box-shadow:15px 26px 50px 0 rgba(23,108,255,0.2);border-radius:0 0 30px 30px;display:none}
#play .content .left .choose.cur{max-height:500px;overflow:auto!important}
#play .content .left .choose .list .title{padding:15px 20px}
#play .content .left .choose .list .ul{padding:0 28px;margin-top:0}
#play .content .right{width:100%;margin-top:30px}
}
@media screen and (max-width:750px){#play .content .left .tit{font-size:var(--font-2xl)}
#play .content .left .tit .icon{transform:scale(1.3)}
#play .content .left .tit.cur .icon{transform:rotate(90deg) scale(1.3);fill:var(--main)}
#play .content .left .choose .list .title{font-size:var(--font-xl)}
#play .content .left .choose .list .ul .li{font-size:var(--font-lg)}
#play .content .left .choose .list .ul .li .icon{transform:scale(1.3)}
#play .content .right .list{padding:30px;display:block}
#play .content .right .list .img{width:100%;padding-top:0;height:500px;object-fit:cover}
#play .content .right .list .img .max{position:relative}
#play .content .right .list .word{width:100%;margin-top:30px}
#play .content .right .list .word .time{font-size:var(--font-lg)}
#play .content .right .list .word .time .svg{transform:scale(1.3)}
#play .content .right .list .word .name{font-size:var(--font-2xl)}
#play .content .right .list .word .brief{font-size:var(--font-xl);line-height:1.8}
#play .content .right .list .word .user{font-size:var(--font-lg)}
#play .content .right .list .word .user .user_img{width:60px;height:60px}
}
#compatible{padding:0 0 60px}
#compatible .content{display:flex;justify-content:space-between;align-items:start}
#compatible .content .left{width:41.667%;position:relative}
#compatible .content .left .img{padding-top:70%;background:#fff;border-radius:30px;position:relative;overflow:hidden;height:0}
#compatible .content .left .img .max{max-width:280px}
#compatible .content .left .text{font-size:var(--font-md);font-weight:500;color:var(--color);position:absolute;left:50%;transform:translateX(-50%);bottom:25px}
#compatible .content .right{width:56%}
#compatible .content .right .name{font-size:var(--font-md);font-weight:600;color:var(--color)}
#compatible .content .right .brief{margin-top:25px;line-height:31px;font-size:var(--font-base);color:var(--color)}
@media screen and (max-width:1024px){#compatible .content{display:block}
#compatible .content .left{width:100%}
#compatible .content .left .img{width:60%;padding-top:50%;margin:auto}
#compatible .content .right{width:100%;margin-top:30px}
}
@media screen and (max-width:750px){#compatible .content .left .img{width:100%;padding-top:80%}
#compatible .content .left .text{font-size:var(--font-2xl);margin-top:30px}
#compatible .content .right .name{font-size:var(--font-xl)}
#compatible .content .right .brief{font-size:var(--font-lg);line-height:1.5}
}
/* 兼容说明 内容区 */
#compatible-list{padding:0 0 120px}
#compatible-list .table{background:#fff;border-radius:18px;width:100%;text-align:left;box-shadow:0 8px 20px 0 rgba(0,0,0,0.1)}
#compatible-list .table .td,#compatible-list .table .th{padding:20px;font-size:var(--font-md);border-right:1px solid #d2d2d2;width:16.667%;min-width:auto}
@media screen and (max-width:750px){#compatible-list .table .th{padding:20px;font-size:var(--font-md);border-right:1px solid #d2d2d2;width:16.667%;min-width:260px}
}
#compatible-list .table .th{background:#ebebeb}
#compatible-list .table .th:first-child{border-radius:18px 0 0 0}
#compatible-list .table .th:last-child{border-radius:0 18px 0 0}
#compatible-list .table .td:last-child,#compatible-list .table .th:last-child{border-right:0}
#compatible-list .tbody{border-radius:0 0 18px 18px;overflow:hidden;border-bottom:1px solid #ebebeb}
#compatible-list .table .td{font-size:var(--font-base)}
#compatible-list .table .long{width:calc(100% - 16.667%)}
#compatible-list .table .tr{border-bottom:1px solid #f5f6f7}
#compatible-list .table .tr:nth-child(2n){background:#f5f6f7}
#compatible-list .table .tr:last-child{border-bottom:1px solid #d2d2d2}
#compatible-list .label{padding:0 12px;border-radius:8px;background:#f5f6f7;width:100%;margin-top:10px}
#compatible-list .select{cursor:pointer;line-height:38px;width:100%;height:38px;font-size:var(--font-base)}
#compatible-list .opacity0{opacity:0;pointer-events:none}
#compatible-list .table .tbody .tr:hover{box-shadow:0 0 15px 0 rgba(12,101,255,0.15)}
#compatible-list .tip{font-size:var(--font-lg);text-align:center;font-weight:500}
#compatible-list .content{width:100%;margin-top:0;height:38px;border-radius:8px;background:#f5f6f7;position:relative;margin-top:10px}
#compatible-list .content .top{padding:0 12px;height:38px;display:flex;align-items:center;justify-content:space-between;font-size:var(--font-base);color:var(--color);fill:var(--color);cursor:pointer}
#compatible-list .content .top input{width:calc(100% - 15px);pointer-events:none}
#compatible-list .content .icon{transform:scale(0.8)}
#compatible-list .content.cur{background:#fff;border-radius:8px 8px 0 0}
#compatible-list .content.cur .icon{transform:scale(0.8) rotate(90deg);fill:var(--main)}
#compatible-list .content .bot{height:0;overflow:hidden;background:#fff;z-index:10;position:absolute;left:0;width:100%;box-shadow:15px 26px 50px 0 rgba(23,108,255,0.2);border-bottom-left-radius:8px;border-bottom-right-radius:8px}
#compatible-list .content .bot .info{padding:5px 6.416% 25px;background:#fff}
#compatible-list .content .bot .info .text{font-size:var(--font-base);color:var(--color2)}
#compatible-list .content .bot .info .search{margin:15px 0}
#compatible-list .content .bot .info .search .text{font-size:var(--font-xs);color:var(--color2)}
#compatible-list .content .bot .info .search .cont{border:1px solid #ccc;padding:0 10px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;margin-top:5px}
#compatible-list .content .bot .info .search .cont.hide{display:none}
#compatible-list .content .bot .info .search .cont .input::placeholder{color:var(--color2)}
#compatible-list .content .bot .info .search .cont .btn{cursor:pointer;transform:scale(0.8)}
#compatible-list .content .bot .info .search .cont .input{line-height:30px;font-size:var(--font-xs);width:calc(100% - 30px)}
#compatible-list .content .bot .info .search .cont .btn{cursor:pointer}
#compatible-list .content .bot .info .ul{max-height:220px;overflow:auto}
#compatible-list .content:nth-of-type(2) .bot .info .ul{max-height:330px}
#compatible-list .content .bot .info .ul .li{margin-top:2px;font-size:var(--font-xs);color:#292c33;padding:7px}
#compatible-list .content .bot .info .ul .li.main{font-weight:500;pointer-events:none}
#compatible-list .content .bot .info .ul .li.son{padding:0 20px}
#compatible-list .content .bot .info .ul .li.hide{display:none}
#compatible-list .content .bot .info .ul .li.cur,#compatible-list .content .bot .info .ul .li:hover{color:var(--main);background:#ebebeb}
#compatible-list .content.cur{box-shadow:15px 26px 50px 0 rgba(23,108,255,0.2)}
@media screen and (max-width:992px){#compatible-list .long{width:100%;overflow:auto}
#compatible-list .table{width:1800px;min-height:500px}
#compatible-list .content .top,#compatible-list .table .td{font-size:var(--font-lg)}
#compatible-list .table .th{font-size:var(--font-xl)}
#compatible-list .content,#compatible-list .content .top{height:50px}
#compatible-list .content .icon{transform:scale(1.3)}
#compatible-list .content .bot .info .ul .li{font-size:var(--font-lg)}
#compatible-list .content .bot .info .search .cont .input{line-height:50px;font-size:var(--font-md);width:calc(100% - 30px)}
#compatible-list .content .bot .info .search .cont .btn{transform:scale(1.3)}
#compatible-list .content.cur .icon{transform:scale(1.3) rotate(90deg)}
}
/* 门店查询 */
#store{padding:45px 0 120px}
#store .big_box{margin-top:50px;position:relative}
#store .big_box .map .img{padding-top:800px;overflow:hidden;border-radius:35px;display:none}
#store .big_box .map .img img{object-fit:cover}
#store .big_box .map .img.cur{display:block}
#store .big_box .choose{width:28.125%;position:absolute;right:50px;top:50%;transform:translateY(-50%)}
#store .big_box .choose .input_box{display:flex;align-items:center;justify-content:space-between;border-radius:30px;background:#fff;padding:0 6.666%}
#store .big_box .choose .input_box .input{line-height:60px;width:calc(100% - 50px);font-size:var(--font-base);color:var(--color)}
#store .big_box .choose .input_box .input::placeholder{color:var(--color2)}
#store .big_box .choose .input_box .btn{cursor:pointer}
#store .big_box .choose .content{margin-top:20px;background:#fff;border-radius:20px;overflow:hidden}
#store .big_box .choose .content .head{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-base);color:var(--color);height:55px;padding:0 6.666%;border-bottom:1px solid #f3f3f5;cursor:pointer}
#store .big_box .choose .content .head .icon{transform:rotate(90deg)}
#store .big_box .choose .content .head.cur .icon{transform:rotate(-90deg)}
#store .big_box .choose .content .bot{height:600px;overflow-y:auto}
#store .big_box .choose .content .bot.region{position:absolute;left:0;width:100%;background:#fff;z-index:2;display:none;border-radius:0 0 20px 20px}
#store .big_box .choose .content .region.cur{overflow:auto!important}
#store .big_box .choose .content .bot::-webkit-scrollbar{width:5px;background:#fff}
#store .big_box .choose .content .bot::-webkit-scrollbar-thumb{border-radius:3px;background:var(--color2);cursor:pointer}
#store .big_box .choose .content .bot .ul{padding:25px 0 35px}
#store .big_box .choose .content .bot .ul .li{padding:0 6.666%;font-size:var(--font-base);color:var(--color);margin-top:15px;cursor:pointer}
#store .big_box .choose .content .bot .ul .li:first-child{margin-top:0}
#store .big_box .choose .content .bot .ul .li:hover{color:var(--main)}
#store .big_box .choose .content .bot .list{padding:30px;border-bottom:1px solid #f3f3f5}
#store .big_box .choose .content .bot .list .name{font-size:var(--font-md);font-weight:500;color:var(--color)}
#store .big_box .choose .content .bot .list .ol{margin-top:12px}
#store .big_box .choose .content .bot .list .ol .li{display:flex;justify-content:space-between;align-items:flex-start;margin-top:14px;cursor:pointer}
#store .big_box .choose .content .bot .list .ol .li:first-child{margin-top:0}
#store .big_box .choose .content .bot .list .ol .li .text{font-size:var(--font-sm);color:var(--color2);width:calc(100% - 27px)}
#store .big_box .choose .content .bot .list.cur .name,#store .big_box .choose .content .bot .list:hover .name{color:var(--main)}
@media screen and (max-width:1366px){#store .big_box .choose{width:35.125%}
}
@media screen and (max-width:1024px){#store .big_box{display:flex;flex-direction:column-reverse}
#store .big_box .choose{position:relative;right:0;top:0;transform:translateY(0);width:100%}
#store .big_box .choose .input_box{padding:0 30px}
#store .big_box .choose .content .head{padding:0 30px}
#store .big_box .choose .content .bot{height:650px}
#store .big_box .choose .content .bot .ul .li{padding:0 30px}
#store .big_box .map{margin-top:30px}
}
@media screen and (max-width:750px){#store .big_box .choose .input_box .input{height:70px;font-size:var(--font-lg)}
#store .big_box .choose .input_box .btn{transform:scale(1.3)}
#store .big_box .choose .content .head{font-size:var(--font-lg);height:77px}
#store .big_box .choose .content .head .icon{transform:rotate(90deg) scale(1.3)}
#store .big_box .choose .content .head.cur .icon{transform:rotate(-90deg) scale(1.3)}
#store .big_box .choose .content .bot .ul .li{font-size:var(--font-lg)}
#store .big_box .choose .content .bot .list .name{font-size:var(--font-lg)}
#store .big_box .choose .content .bot .list .ol .li .text{font-size:var(--font-lg)}
#store .big_box .choose .content .bot .list .ol .li .icon{transform:scale(1.3);padding-top:6px}
}
/* 资讯中心 */
/* 热门 选项区 */
#news-hot{padding:40px 0 120px}
#news-hot .choose{display:flex;justify-content:center}
#news-hot .choose .box{font-size:var(--font-md);color:var(--color);margin-right:4.166%}
#news-hot .choose .box:last-child{margin-right:0}
#news-hot .choose .box:hover{color:var(--main)}
#news-hot .choose .box.cur{color:var(--main);font-weight:500}
#news-hot .content{display:flex;flex-wrap:wrap;margin-top:42px}
#news-hot .content .hot{width:65.75%;border-radius:30px;overflow:hidden;margin:0;position:relative}
#news-hot .content .hot .img{padding-top:66.666%}
#news-hot .content .hot .img::before{content:'';width:100%;height:100%;position:absolute;z-index:2;left:0;bottom:0;background-image:url('/images/news/bg.png');background-position:bottom center;background-repeat:no-repeat;background-size:cover}
#news-hot .content .hot .info{width:100%;padding:5.069%;display:flex;justify-content:space-between;align-items:flex-end;position:absolute;left:0;bottom:0;z-index:3}
#news-hot .content .hot .info .word{width:calc(100% - 100px);color:#fff}
#news-hot .content .hot .info .word .name{font-size:var(--font-md);font-weight:500}
#news-hot .content .hot .info .word .time{font-size:var(--font-md);margin-top:10px}
#news-hot .content .hot .info .page{display:flex;align-items:center}
#news-hot .content .hot .info .page .pn{opacity:.75;cursor:pointer}
#news-hot .content .hot .info .page .pn.prev{transform:rotate(-180deg);margin-right:20px}
#news-hot .content .hot .info .page .pn:hover{opacity:1}
#news-hot .content .box{width:31.5%;border-radius:30px;background:#f7f9fa;overflow:hidden}
#news-hot .content .box .img{padding-top:66.666%}
#news-hot .content .box .word{padding:20px 7.936% 35px}
#news-hot .content .box .word .name{line-height:32px;font-size:var(--font-md);font-weight:500}
#news-hot .content .box .word .brief{font-size:var(--font-base);color:var(--color2);margin-top:15px;line-height:25px}
#news-hot .content .box .word .time{margin-top:35px;font-size:var(--font-md)}
#news-hot .content .box:hover{background:#fff;box-shadow:15px 26px 50px 0 rgba(23,108,255,0.2)}
#news-hot .content .box:hover .word .name{color:var(--main)}
#news-hot .content .box:hover .word .brief{color:var(--color)}
#news-hot .content .box:hover .word .time{color:var(--main)}
#news-hot .content .item{margin-top:33px;margin-right:2.75%}
#news-hot .content .item:last-child{margin-right:0}
#news-hot .content .item:nth-child(2){margin-right:0}
@media screen and (max-width:1024px){#news-hot .content{justify-content:space-between}
#news-hot .content .item{margin-right:0;width:48%}
#news-hot .content .hot{width:100%}
}
@media screen and (max-width:750px){#news-hot .choose .box{font-size:var(--font-lg)}
#news-hot .content .hot .info .word .name{font-size:var(--font-lg)}
#news-hot .content .hot .info .word .time{font-size:var(--font-lg)}
#news-hot .content .hot .info .page .pn{transform:scale(1.3)}
#news-hot .content .hot .info .page .pn.prev{transform:rotate(-180deg) scale(1.3);margin-right:20px}
#news-hot .content .box .word .name{font-size:var(--font-lg);line-height:1.6}
#news-hot .content .box .word .brief{font-size:var(--font-lg);line-height:1.6}
#news-hot .content .box .word .time{font-size:var(--font-lg)}
}
/* 列表 */
#news-list{padding:95px 0 120px;background:#f5f6f7}
#news-list .content{display:flex;justify-content:space-between}
#news-list .content .text{font-size:var(--font-md);font-weight:500;color:var(--color);margin-bottom:25px}
#news-list .content .left{width:65.75%}
#news-list .content .left .list{display:flex;justify-content:space-between;flex-wrap:wrap}
#news-list .content .left .box{width:47.908%;border-radius:30px;background:#fff;overflow:hidden;margin-top:33px}
#news-list .content .left .box:nth-child(-n+2){margin-top:0}
#news-list .content .left .box .img{padding-top:66.666%}
#news-list .content .left .box .word{padding:20px 7.936% 35px}
#news-list .content .left .box .word .name{line-height:32px;font-size:var(--font-md);font-weight:500}
#news-list .content .left .box .word .brief{font-size:var(--font-base);color:var(--color2);margin-top:15px;line-height:25px}
#news-list .content .left .box .word .time{margin-top:35px;font-size:var(--font-md)}
#news-list .content .left .box:hover{box-shadow:15px 26px 50px 0 rgba(23,108,255,0.2)}
#news-list .content .left .box:hover .word .name{color:var(--main)}
#news-list .content .left .box:hover .word .brief{color:var(--color)}
#news-list .content .left .box:hover .word .time{color:var(--main)}
#news-list .content .right{width:31.5%}
#news-list .content .right .ul .li{padding:6.613% 7.936%;background:#fff;border-radius:15px;display:flex;align-items:center;justify-content:space-between;margin-top:20px}
#news-list .content .right .ul .li:first-child{margin-top:0}
#news-list .content .right .ul .li .word{color:var(--color);width:calc(100% - 37.735% - 30px)}
#news-list .content .right .ul .li .word .name{line-height:27px;font-size:var(--font-md);font-weight:500}
#news-list .content .right .ul .li .word .time{font-size:var(--font-md);opacity:.5;margin-top:10px}
#news-list .content .right .ul .li .img{width:37.735%;padding-top:25.157%;border-radius:5px;overflow:hidden}
#news-list .content .right .ul .li:hover{box-shadow:15px 26px 50px 0 rgba(23,108,255,0.2)}
#news-list .content .right .ul .li:hover .word .name{color:var(--main)}
#news-list .content .right .ul .li:hover .word .time{opacity:1}
@media screen and (max-width:1024px){#news-list .content{flex-direction:column-reverse}
#news-list .content .right{width:100%}
#news-list .content .right .ul{display:flex;justify-content:space-between;flex-wrap:wrap}
#news-list .content .right .ul .li:first-child,#news-list .content .right .ul .li{width:48%;margin-top:20px;padding:30px}
#news-list .content .left{width:100%;margin-top:30px}
}
@media screen and (max-width:750px){#news-list .content .text{font-size:var(--font-2xl)}
#news-list .content .right .ul .li:first-child,#news-list .content .right .ul .li{width:100%}
#news-list .content .right .ul .li .word .name{font-size:var(--font-lg);line-height:1.6}
#news-list .content .right .ul .li .word .time{font-size:var(--font-lg)}
#news-list .content .left .box .word .name{font-size:var(--font-lg);line-height:1.6}
#news-list .content .left .box .word .brief{font-size:var(--font-lg);line-height:1.6}
#news-list .content .left .box .word .time{font-size:var(--font-lg)}
}
/* 联系我们 */
#contact{padding:80px 0 120px}
#contact .content{border-radius:30px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:space-between}
#contact .content .img{width:50%;padding-top:37.5%}
#contact .content .word{padding:0 8.333%;width:50%}
#contact .content .word .text{font-size:var(--font-lg);font-weight:500;color:var(--color)}
#contact .content .word .ul{margin-top:48px}
#contact .content .word .ul .li{display:flex;justify-content:space-between;margin-top:40px}
#contact .content .word .ul .li:first-child{margin-top:0}
#contact .content .word .ul .li .name{font-size:var(--font-base);color:var(--color);width:calc(100% - 33px)}
#contact .buy{border-radius:30px;background:#fff;padding:45px 5% 50px;margin-top:40px}
#contact .buy .name{font-size:var(--font-lg);font-weight:500;color:var(--color)}
#contact .buy .brief{font-size:var(--font-base);color:var(--color2);margin-top:10px}
#contact .buy .info{display:flex;justify-content:space-between;flex-wrap:wrap}
#contact .buy .info .box{width:calc((100% - 40px * 3)/4);margin-top:35px}
#contact .buy .info .box .icon{border-radius:10px;background:#f5f6f7;position:relative;padding-top:240px}
#contact .buy .info .box .icon .code{opacity:0}
#contact .buy .info .box .text{text-align:center;font-size:var(--font-base);margin-top:15px}
#contact .buy .info .box:hover .icon{background:#fff;box-shadow:15px 26px 50px 0 rgba(23,108,255,0.2)}
#contact .buy .info .box:hover .icon .code{opacity:1}
#contact .list{display:flex;flex-wrap:wrap;justify-content:space-between}
#contact .list .box{width:48.333%;padding:45px 5% 55px;background:#fff;border-radius:30px;margin-top:40px}
#contact .list .box .text{font-size:var(--font-lg);font-weight:500;color:var(--color)}
#contact .list .box .ul{margin-top:30px}
#contact .list .box .ul .item .brief{font-size:var(--font-base);color:var(--color2);line-height:28px}
#contact .list .box .ul .item .info{display:flex;align-items:flex-start;justify-content:space-between;margin-top:15px}
#contact .list .box .ul .item .info .code{width:100px;padding-top:100px}
#contact .list .box .ul .item .info .word{font-size:var(--font-base);color:var(--color);width:calc(100% - 126px);line-height:35px}
#contact .list .box .ul .btn_box{margin-top:45px;display:flex;justify-content:space-between}
#contact .list .box .ul .btn_box .btn{width:47.826%;background:#f5f6f7;padding:30px 8.695%;border-radius:10px}
#contact .list .box .ul .btn_box .btn .name{font-size:var(--font-md);color:var(--color)}
#contact .list .box .ul .btn_box .btn .go{display:flex;align-items:center;margin-top:5px;font-size:var(--font-base);color:var(--main);justify-content:space-between}
#contact .list .box .ul .btn_box .btn:hover{background:var(--main)}
#contact .list .box .ul .btn_box .btn:hover .name{color:#fff}
#contact .list .box .ul .btn_box .btn:hover .go{color:#fff}
#contact .list .box .ul .btn_box .btn:hover .go .icon{transform:translateX(-50px);object-fit:contain;filter:brightness(0) invert(100%)}
#contact .list .box.long{width:100%}
#contact .list .box.long .item{width:48.333%;border-right:1px solid #e9e9ea;margin-top:45px}
#contact .list .box.long .item:nth-child(-n+2){margin-top:0}
#contact .list .box.long .item:last-child,#contact .list .box.long .item:nth-child(2n){border-right:0}
#contact .list .box.long .ul{display:flex;flex-wrap:wrap;justify-content:space-between}
#contact .list .box.other{width:100%}
#contact .list .box.other .word{display:flex;justify-content:space-between;flex-wrap:wrap}
#contact .list .box.other .word .li{width:43.186%}
#contact .list .box:hover{box-shadow:15px 26px 50px 0 rgba(23,108,255,0.2)}
@media screen and (max-width:1024px){#contact .buy .info .box{width:46%}
#contact .buy .info .box .icon{padding-top:340px}
#contact .list .box .ul .item .info .word{display:block}
#contact .list .box .ul .item .info .word .li{width:100%}
}
@media screen and (max-width:750px){#contact .content{display:block}
#contact .content .img{width:100%;padding-top:0}
#contact .content .img .max{position:relative}
#contact .content .word{width:100%;padding:30px}
#contact .content .word .text{font-size:var(--font-2xl)}
#contact .content .word .ul .li .name{font-size:var(--font-lg)}
#contact .content .word .ul .li .icon{transform:scale(1.3);padding-top:6px}
#contact .buy .name{font-size:var(--font-2xl)}
#contact .buy .brief{font-size:var(--font-lg)}
#contact .buy .info .box{width:48%}
#contact .buy .info .box .icon{padding-top:300px}
#contact .buy .info .box .icon .svg{transform:scale(1.3) translate(-50% -50%)}
#contact .buy .info .box .text{font-size:var(--font-lg)}
#contact .list .box .text{font-size:var(--font-2xl)}
#contact .list .box .ul .item .brief{font-size:var(--font-lg);line-height:1.6}
#contact .list .box.long .item:nth-child(-n+2),#contact .list .box.long .item{width:100%;margin-top:45px}
#contact .list .box.long .item:first-child{margin-top:0}
#contact .list .box .ul .item .info .word{font-size:var(--font-lg);line-height:1.6}
#contact .list .box{width:100%}
#contact .list .box .ul .btn_box .btn .name{font-size:var(--font-lg)}
#contact .list .box .ul .btn_box .btn .go{font-size:var(--font-lg)}
#contact .list .box .ul .btn_box .btn .go .icon{transform:scale(1.3)}
#contact .list .box .ul .btn_box .btn:hover .go .icon{transform:scale(1.3) translateX(-50px);object-fit:contain;filter:brightness(0) invert(100%)}
}
#products-img .img img{object-fit:cover}
#products-html{position:relative;z-index:5}
#products-html .iframe{height:130vh}
#products-html *{max-width:100%}
.detail_content{padding:30px 0}
.detail_content *{max-width:100%;white-space:pre-line!important}
.detail_content p{display:block}
.detail_content span{display:contents}
@media screen and (max-width:750px){.detail_content *{font-size:var(--font-xl)!important;line-height:1.8!important}
}
#products-html-other{z-index:10;position:relative}