:root {
    --font-color: #000;
    --font-dark-color: #f8f9fb;
    --font-active-color: #1e9fff;
    --font-muted-color: #606a70;
    --i-window-height: 100vh;
    --font-48:2.5vw;
    --font-44:2.292vw;
    --font-40:2.083vw;
    --font-36:1.875vw;
    --font-32:1.667vw;
    --font-30:1.563vw;
    --font-26:1.354vw;
    --font-24:1.25vw;
    --font-22:1.146vw;
    --font-20:1.042vw;
    --font-19:0.99vw;
    --font-18:0.938vw;
    --font-17:0.885vw;
    --font-16:0.833vw;
    --font-15:0.781vw;
    --font-14:0.729vw;
    --font-13:0.667vw;
    --font-12:0.625vw;
  }
body{color:var(--font-color);font-family:"\5FAE\8F6F\96C5\9ED1","Microsoft YaHei","微软雅黑";font-size:var(--font-16);}
.box{display:flex;flex-direction: column;justify-content: center;align-items: center;height: var(--i-window-height);background: var(--font-dark-color);background-image: linear-gradient(to top, #dad4ec 0%, #dad4ec 1%, #f3e7e9 100%);}
.box_title{font-size: var(--font-36);font-weight: bold;}
.box_subtitle{font-size: var(--font-18);margin-top: 1vw;}
.soft_wrap{display: flex;flex-direction: column;}
.soft_box{display: flex;margin-top: 3vw;background-color: #fff;padding: 3vw;border-radius: 2px;}
.soft_box .img{display: block;width: 7vw;;}
.soft_box .text{display: flex;flex-direction: column;justify-content: space-between;padding-left: 1.5vw;}
.soft_box .text .title{font-size: var(--font-24);display: flex;align-items: center;}
.soft_box .text .title .layui-btn{margin-left: 4vw;display: flex;align-items: center;line-height: initial;font-size: var(--font-16);height: 2vw;padding: 1.2vw 1.5vw;}
.soft_box .text .title .layui-btn i{font-size: var(--font-16);margin-right: 0.3vw;}
.soft_box .text .info{font-size: var(--font-12);color: var(--font-muted-color);line-height: 2;}
.wap_down_btn{display: none!important;}

.soft_not{margin-top: 2vw;width: 100%;}
.layui-elem-quote{background-color: #fff;color: var(--font-muted-color);border-color: #1e9fff;font-size:var(--font-15);}
.layui-elem-quote a{color: var(--font-active-color);}
.soft_not .item{display: flex;}
.soft_not .item a{display: flex;align-items: center;margin-right: 1vw;margin-top: 1vw;font-size: var(--font-14);}
.soft_not .item a img{display: block;height: 22px;margin-right: .5vw;}
.soft_not .item a:hover{border-color: var(--font-active-color)!important;color: var(--font-active-color)!important;}

.skin_video{width: 960px;height: 540px;background-color: #000;}
.skin_video .layui-layer-content video{display: block;margin: 0;padding: 0;}


.form_contact .subtitle{font-size:var(--font-16);color:var(--font-active-color)}
.form_contact .subtitle::after{display:block;content:'';width:3vw;background:var(--font-active-color);height:1px;margin:0.5vw auto 1vw}
.form_contact .layui-text{margin-bottom:1.5vw;font-size:0.781vw}
.form_contact .layui-form-item .layui-input{height:2.396vw;line-height:2.396vw}
.form_contact .layui-form-item .layui-form-select,.form_contact .layui-input-wrap{width:100%;line-height:2.396vw}
.form_contact .layui-form-item .layui-input,.form_contact .layui-form-item .layui-textarea{font-size:0.781vw}
.form_contact .layui-form-item .layui-textarea{height:5vw}
.form_contact .layui-form-item{margin-bottom:1.042vw;position:relative}
.form_contact .layui-form-item.last{margin-bottom:0}
.contact_warp .form_contact .layui-form-item.last .flex{width:100%}
.form_contact .flex{display:flex;justify-content:space-between;flex-wrap:wrap}
.form_contact .layui-form-item.flex .layui-input-wrap{width:65%}
.form_contact .layui-form-item .codeimg{height:2.396vw}
.form_contact .layui-btn{text-align:center;background-color:var(--font-active-color);color:#fff;outline:none;width:30%;font-size:0.933vw;text-transform:uppercase;height:2.396vw;line-height:inherit;display:flex;align-items:center;justify-content:center;border:0}
.form_contact .layui-form-item.flex::after{display:none}
.form_contact .layui-form-item.required .layui-input-affix{display:block !important;line-height:2.396vw}
.form_contact .layui-form-item.required .layui-input-affix.layui-hide .layui-icon-clear::before{display:block;content:'*';color:#ff0000;font-size:0.625vw;}
.feedback_box{width: 40vw;}
.feedback_box .layui-layer-content{padding: 2vw 1.5vw;}
.feedback_box .layui-text{font-size: 0.781vw;}
.feedback_box .layui-form-item:last-of-type{margin-bottom: 0;}
.feedback_box .layui-form-item .layui-input ,.feedback_box .layui-form-item .layui-input-wrap{min-height: 2.396vw;}
.feedback_box .layui-btn-block{width: 100%;font-size: 1vw;background-color: var(--font-active-color);display: flex;line-height: inherit;align-items: center;justify-content:center;}


@media screen and (max-width:640px) {
  :root{
    --font-52:52px;
    --font-48:48px;
    --font-44:44px;
    --font-40:40px;
    --font-36:36px;
    --font-32:32px;
    --font-30:30px;
    --font-26:26px;
    --font-24:24px;
    --font-22:22px;
    --font-20:20px;
    --font-19:19px;
    --font-18:18px;
    --font-17:17px;
    --font-16:16px;
    --font-15:15px;
    --font-14:14px;
    --font-13:13px;
    --font-12:12px;
}
.box{padding: 0 15px;}
.box_title{font-size: var(--font-22);font-weight: bold;text-align: center;}
.box_subtitle{font-size: var(--font-14);margin-top: 10px;text-align: center;}

.soft_box{margin-top: 15px;;padding: 30px 20px;border-radius: 10px;flex-direction: column;margin-top: 20px;}
.soft_box .img{display: block;width: auto;height: 80px;;margin: 0 auto;}
.soft_box .text{display: flex;flex-direction: column;justify-content: space-between;padding: 0;margin-top: 20px;align-items: center;width:100%;}
.soft_box .text .title{font-size: var(--font-18);display: flex;align-items: center;text-align:center;justify-content:space-between;}
.soft_box .text .title .layui-btn{margin-left: 4vw;display: flex;align-items: center;line-height: initial;font-size: var(--font-16);height: 2vw;padding: 1.2vw 1.5vw;}
.soft_box .text .title .layui-btn i{font-size: var(--font-16);margin-right: 0.3vw;}
.soft_box .text .info{font-size: var(--font-14);color: var(--font-muted-color);line-height: 2;margin-top: 10px;}

.pc_down_btn{display: none!important;}
.wap_down_btn{display: flex!important;justify-content: center;margin-top: 20px;}


.soft_not{margin-top: 20px;width: 100%;}
.layui-elem-quote{background-color: #fff;color: var(--font-muted-color);border-color: #1e9fff;font-size:var(--font-14);}
.layui-elem-quote a{color: var(--font-active-color);}
.soft_not .item{display: flex;}
.soft_not .item a{display: flex;align-items: center;margin-right: 10px;margin-top: 10px;font-size: var(--font-14);}
.soft_not .item a img{display: block;height: 16px;margin-right: 5px;}
.soft_not .item a:hover{border-color: var(--font-active-color)!important;color: var(--font-active-color)!important;}

.skin_video{width: 100%;height: auto;background-color: #000;}
.skin_video .layui-layer-content video{display: block;margin: 0;padding: 0;}


.form_contact .subtitle{font-size:var(--font-16);color:var(--font-active-color)}
.form_contact .subtitle::after{display:block;content:'';width:20px;background:var(--font-active-color);height:1px;margin:5px auto 10px}
.form_contact .layui-text{margin-bottom:20px;font-size:15px}
.form_contact .layui-form-item .layui-input{height:38px;line-height:38px}
.form_contact .layui-form-item .layui-form-select,.form_contact .layui-input-wrap{width:100%;line-height:38px}
.form_contact .layui-form-item .layui-input,.form_contact .layui-form-item .layui-textarea{font-size:15px}
.form_contact .layui-form-item .layui-textarea{height:100px}
.form_contact .layui-form-item{margin-bottom:20px;position:relative}
.form_contact .layui-form-item.last{margin-bottom:0}
.contact_warp .form_contact .layui-form-item.last .flex{width:100%}
.form_contact .flex{display:flex;justify-content:space-between;flex-wrap:wrap}
.form_contact .layui-form-item.flex .layui-input-wrap{width:65%}
.form_contact .layui-form-item .codeimg{height:38px}
.form_contact .layui-btn{text-align:center;background-color:var(--font-active-color);color:#fff;outline:none;width:30%;font-size:0.933vw;text-transform:uppercase;height:38px;line-height:inherit;display:flex;align-items:center;justify-content:center;border:0}
.form_contact .layui-form-item.flex::after{display:none}
.form_contact .layui-form-item.required .layui-input-affix{display:block !important;line-height:38px}
.form_contact .layui-form-item.required .layui-input-affix.layui-hide .layui-icon-clear::before{display:block;content:'*';color:#ff0000;font-size:15px;}
.feedback_box{width: 100%;max-width:100%;}
.feedback_box .layui-layer-content{padding: 20px;}
.feedback_box .layui-text{font-size: 14px;}
.feedback_box .layui-form-item:last-of-type{margin-bottom: 0;}
.feedback_box .layui-form-item .layui-input ,.feedback_box .layui-form-item .layui-input-wrap{min-height: 38px;}
.feedback_box .layui-btn-block{width: 100%;font-size: 16px;background-color: var(--font-active-color);display: flex;line-height: inherit;align-items: center;justify-content:center;}

}