html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
textarea,
p,
blockquote,
th,
td,
input,
select,
textarea,
button,
img {
    padding: 0;
    margin: 0;
    font-weight: 400;
}
p {margin: 0px; padding: 0px;}
body,
button,
input,
select,
textarea {
    font: 14px/1.5 'gilroymedium', 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif, Arial;
    color: #333;
}
img {border: 0px;vertical-align: middle;}
table {border-collapse: collapse;border-spacing: 0;}
table th,
table td {
    border: 1px solid #ccc;
}
*,
:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-repeat: no-repeat;
}
a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    text-decoration: none;
    color: #333;
    outline: none;
    cursor: pointer;
}
a:hover {
    background-repeat: no-repeat;
    text-decoration: none;
}
a,
input[type="button"],
button,
label,
input[type="submit"],
input[type="reset"] {
    cursor: pointer;
}
[type="checkbox"],
[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}
input,
textarea,
select {
    outline: none;
}
input[type="text"],
input[type="password"],
input[type="button"],
input[type="submit"],
input[type="reset"],
select,
textarea {
    outline-style: none;
    -webkit-appearance: none;
    resize: none;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
input:-webkit-autofill {
    /* 选择历史信息的样式 */
    -webkit-box-shadow: 0 0 0px rgba(255, 255, 255, 0) inset !important;
    -webkit-box-flex-color: #333;
}
* { outline: none; margin: 0; padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a{text-decoration: unset;}
.auto_1620{margin: auto; width: 84.375vw;}
.auto_1440{margin: auto; width: 75vw;}
.auto_1100{margin: auto; width: 57.29167vw;}
@media(max-width:992px){
    .auto_1620,.auto_1440,.auto_1100{width: 90%;}
}
.columns{display: flex;}
.move{display: none;}
/*.exceed{overflow: hidden;}*/
.swiper {
    overflow: hidden;
}
@media(max-width:992px){
    .pc{display: none !important;}
    .move{display: block;}
}
.image{overflow: hidden;}
.image img{transition: 1s;}

/*强制去除表单自带的样式*/
select,input,textarea {border-radius: 0;-webkit-border-radius: 0;color: #878787;font-family: Arial;}
input:focus {outline: none;}
input,button,select,textarea {outline: none;
/*-webkit-appearance:none; */}
input:-webkit-autofill{
    box-shadow: 0 0 0 1000px #f3f4f500 inset !important;
}
input:-internal-autofill-previewed,
input:-internal-autofill-selected {
    -webkit-text-fill-color: #999 !important;
    -webkit-transition: background-color 99999999s ease-in-out 0s !important;
    -o-transition: background-color 99999999s ease-in-out 0s !important;
    transition: background-color 99999999s ease-in-out 0s !important
}
textarea {resize: none;/*-webkit-appearance:none; */}
textarea,input,select {background: none;border: none;margin: 0;padding: 0;}
img {display: block;max-width: 100%;}
li {list-style: none;}
/* 分页 */
.layui-box {
    /* margin-bottom: 6.25vw; */
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
}
.layui-box em {
    font-style: normal
}
.layui-box a,
.layui-box .layui-laypage-curr {
    width: 40px;
    height: 40px;
    display: block;
    line-height: 40px;
    text-align: center;
    font-size: 12px;
    color: rgba(102, 102, 102, 1);
    margin: 0 10px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    /* font-weight: bold; */
    /* background-color: #ebebeb */
}
.layui-box a:hover,
.layui-box .layui-laypage-curr:hover {
    color: #fff !important;
    background-color: rgba(145, 7, 130, 1);
    border: solid 1px rgba(0, 114, 188, 1)
}
.layui-box .layui-laypage-curr {
    color: #fff;
    border: solid 1px rgba(0, 114, 188, 1);
    background-color: rgba(145, 7, 130, 1);
}
.layui-box .layui-laypage-prev,
.layui-box .layui-laypage-next,
.layui-box .layui-laypage-last,
.layui-box .layui-laypage-first {
    line-height: 40px;
    margin: 0 10px
}
.layui-box .layui-laypage-next {
    margin-left: 17px
}
.layui-box .layui-laypage-prev {
    margin-right: 17px
}
.module_HL1GBCD1 .pageMain{padding: xsPaddingTop; overflow: hidden; position: relative; background: mainBgColor;}
/* .module_HL1GBCD1 .pageMain .commonMain{ max-width: var(--content-Wdith); margin: 0px auto; padding:0px 20px;} */
.module_HL1GBCD1 .pageMain #pagination{text-align: center; display: none;}
.module_HL1GBCD1 .pageMain #pagination a,
.layui-laypage .layui-laypage-spr{ 
    height: 30px; line-height: 30px; width: 30px;  padding: 0px; margin: 0px 4px; position: relative; border: none; font-size: 14px;
    /* border: 1px solid rgba(0, 0, 0, .2); */
}
.module_HL1GBCD1 .pageMain #pagination a:hover{color: #fff;}
.module_HL1GBCD1 .pageMain #pagination a:hover .icon-zuojiantou,
.module_HL1GBCD1 .pageMain #pagination a:hover .icon-youjiantou{color: #fff;}
.module_HL1GBCD1 .pageMain #pagination a .icon-zuojiantou,
.module_HL1GBCD1 .pageMain #pagination a .icon-youjiantou{color: rgba(102, 102, 102, 1);}
.module_HL1GBCD1 .pageMain #pagination a.layui-laypage-prev{font-size: 16px;}
.module_HL1GBCD1 .pageMain #pagination a.layui-laypage-next{font-size: 16px;}
.module_HL1GBCD1 .pageMain #pagination .layui-laypage .layui-laypage-curr{height: 30px; line-height: 30px; width: 30px;font-size: 14px; border: none; padding: 0px; margin: 0px 4px;  font-weight: 500;}
.module_HL1GBCD1 .pageMain #pagination .layui-laypage .layui-laypage-curr em{ color: #fff;}

.module_HL1GBCD1 .pageMain .loadMore{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.module_HL1GBCD1 .pageMain .loadMore a{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: .8s ease; -o-transition: .8s ease; -moz-transition: .8s ease; transition: .8s ease; font-size: 12px; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; color: rgba(102, 102, 102, 1); width: 110px; border-radius: 45px; height: 30px; border: 2px solid rgba(145, 7, 130, 1);}
.module_HL1GBCD1 .pageMain .loadMore a .icon{ margin-left: 10px; width: 12px; height: 13px; -webkit-transition: .6s ease; -o-transition: .6s ease; -moz-transition: .6s ease; transition: .6s ease; background-position: 0px -14px; background-repeat: no-repeat; background-image: url(xsloadmoreIcon); display: block;display: none;}

.module_HL1GBCD1 .pageMain .loadMore a:hover{background:rgba(145, 7, 130, 1); color: #fff;}
.module_HL1GBCD1 .pageMain .loadMore a:hover .icon{background-position: 0px 0px;}
.module_HL1GBCD1 .pageMain .loadMore a {
    margin: 30px 0 0;
}
.layui-laypage span{border: 0;}
@media (min-width:768px) {
    .module_HL1GBCD1 .pageMain{padding: mdPaddingTop;}
    /* .module_HL1GBCD1 .pageMain .commonMain{ max-width: mdContentWidth;} */
    .module_HL1GBCD1 .pageMain #pagination{display: block;}
    .module_HL1GBCD1 .pageMain #pagination a,
    .layui-laypage .layui-laypage-spr{ height: 2.5vw; line-height: 2.5vw; width: 2.5vw;  margin: 0px 4px;font-size: var(--font-size14);}
    .module_HL1GBCD1 .pageMain #pagination .layui-laypage .layui-laypage-curr{height: 2.5vw; line-height: 2.5vw; width: 2.5vw;font-size: var(--font-size17);}
    /* .module_HL1GBCD1 .pageMain #pagination .layui-laypage .layui-laypage-curr em{border-radius: 8px;} */
    .module_HL1GBCD1 .pageMain #pagination a.layui-laypage-prev{font-size: var(--font-size16);}
    .module_HL1GBCD1 .pageMain #pagination a.layui-laypage-next{font-size: var(--font-size16);}
    .module_HL1GBCD1 .pageMain .loadMore{display: none;}
}
@media (min-width:1200px) {
    .module_HL1GBCD1 .pageMain{padding: lgPaddingTop;}
    .module_HL1GBCD1 .pageMain .commonMain{ max-width: lgContentWidth;}
    .module_HL1GBCD1 .pageMain #pagination a,
    .layui-laypage .layui-laypage-spr{ height: 2.5vw; line-height: 2.5vw; width: 2.5vw; margin: 0px 7px;font-size: var(--font-size14);}
    .module_HL1GBCD1 .pageMain #pagination .layui-laypage .layui-laypage-curr{height: 2.5vw; line-height: 2.5vw; width: 2.5vw;font-size: var(--font-size17);}
    /* .module_HL1GBCD1 .pageMain #pagination .layui-laypage .layui-laypage-curr em{border-radius: 8px;} */
    .module_HL1GBCD1 .pageMain #pagination a.layui-laypage-prev{font-size: var(--font-size14);}
    .module_HL1GBCD1 .pageMain #pagination a.layui-laypage-next{font-size: var(--font-size14);}
}
/* 分页 */
/* 按钮 */
.SeeMore {
    width: 7.552083vw;
    margin: 2.604167vw auto 0 ;
    background: url('../images/7.png') no-repeat center;
    background-size: 100%;
    padding: .78125vw 0 .78125vw 1.041667vw;
    color: #910782;
    font-size: var(--font-size16);
    display: block;
    overflow: hidden;
    position: relative;
}
.SeeMore:hover{
    /* opacity: .8; */
    color: #910782;
}
.SeeMore::after {
    content: '';
    position: absolute;
    width: 300px;
    height: 5px;
    background: #f8f5f5;
    left: -200%;
    transform: rotate(45deg);
    transition: 1s;
}
.SeeMore:hover:after {
    left: 50%;
    transition: 1s;
}
@media (max-width:992px) {
    .SeeMore {
        width: 120px;
        padding: 12px 0px 12px 20px;
        margin: 30px auto 0;
    }
}
/* 按钮 */
/* 触摸放大 */
.amplify:hover .image img{
    transform: scale(1.05);
}
/* 触摸放大 */
/* 轮播图圆点 */
.slick-dots {
    text-align: center;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0px 5px;
}
.slick-dots li button {
    background: #0071bc3f;
    display: block;
    font-size: 0;
    padding: 4px;
    border: 0;
    border-radius: 50px;
}
li.slick-active button {
    background: #0071bc;
}
/* 轮播图圆点 */

.bgimage img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}
/* 弹窗 */
.tanchuang{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(0 0 0 / 30%);
    visibility: hidden;
    opacity: 0;
    transition: .5s;
}
.tanchuang.on{
    visibility: unset;
    opacity: 1;
    transition: .5s;
}
/* 弹窗 */
.title{
    font-size: var(--font-size42);
    font-weight: 600;
    line-height: 1;
    color: #040404;
}


.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
    bottom: 0;
    text-align: center;
}
.swiper-pagination-bullet{
    background: #dfdfdf ;
    opacity: 1 ;
    margin: 0 5px;
}
.swiper-pagination-bullet-active{
    background: #581A7F ;
}
html{
    --font-size12:.625vw;
    --font-size13:.677083vw;
    --font-size14:0.7291666666666667vw;
    --font-size15:.78125vw;
    --font-size16:0.8333333333333333vw;
    --font-size17:0.8854166666666667vw;
    --font-size18:0.9375vw;
    --font-size20:1.041666666666667vw;
    --font-size22:1.145833333333333vw;
    --font-size24:1.25vw;
    --font-size26:1.354166666666667vw;
    --font-size28:1.458333333333333vw;
    --font-size30:1.5625vw;
    --font-size32:1.666666666666667vw;
    --font-size36:1.875vw;
    --font-size38:1.979167vw;
    --font-size40:2.083333333333333vw;
    --font-size42:2.1875vw;
    --font-size46:2.395833333333333vw;
    --font-size48:2.5vw;
    --font-size50:2.604167vw;
    --font-size53:2.760417vw;
    --font-size54:2.8125vw;
    --font-size56:2.916666666666667vw;
    --font-size90:4.6875vw;
}
@media(max-width:992px){ 
    html{
        --font-size12:13px;
        --font-size13:13px;
        --font-size14:14px;
        --font-size15:14px;
        --font-size16:14px;
        --font-size17:14px;
        --font-size18:14px;
        --font-size20:15px;
        --font-size22:16px;
        --font-size24:18px;
        --font-size26:18px;
        --font-size28:18px;
        --font-size30:18px;
        --font-size32:18px;
        --font-size36:18px;
        --font-size38:18px;
        --font-size42:18px;
        --font-size40:18px;
        --font-size46:20px;
        --font-size48:20px;
        --font-size50:20px;
        --font-size53:20px;
        --font-size54:20px;
        --font-size56:20px;
        --font-size90:22px;
    }
}

.Mainbottom {
    position: relative;
}
.Mainbottom .columns {
    padding: 4.010417vw 0;
}
.Mainbottom .columns .image{
    width: 17.96875vw;
}
.Mainbottom .columns .image img{
    width: auto;
    height: 2.291667vw;
}
.Mainbottom .columns ul{
    display: flex;
    flex: 1;
}
.Mainbottom .columns ul li:not(:last-child){
    margin: 0 6.510417vw 0 0;
}
.Mainbottom .columns ul li a{
    font-size: var(--font-size14);
    color: #7B7B7B;
    opacity: 0.8;
    display: block;
}
.Mainbottom .columns ul li a:not(:last-child){
    margin: 0 0 .572917vw;
}
.Mainbottom .columns ul li a:nth-child(1){
    font-size: var(--font-size15);
    color: #000000;
    opacity: 0.95;
    display: block;
    margin: 0 0 .833333vw;
}
.Mainbottom .columns ul li:last-child span{
    font-size: var(--font-size14);
    color: #7B7B7B;
    opacity: 0.8;
    display: block;
    padding: 0 0 .260417vw;
}
.Mainbottom .columns ul li a:not(:nth-child(1)):hover{
    color: var(--vi-color);
    opacity: 1;
}
.Mainbottom .columns .image1{
    width: 4.947917vw;
    background: #FFFFFF;
    border-radius: .260417vw;
    padding: .15625vw;
    height: 100%;
    text-align: center;
}
.Mainbottom .columns .image1 span{
    font-size: var(--font-size12);
    color: #363636;
    padding: 0 0 2px;
    display: block;
}
.copyright {position: relative;}
.copyright .columns {
    display: flex;
    align-items: center;
    padding: .9375vw 0 .625vw;
    justify-content: space-between;
    color: #FFFFFF;
}
.copyright .columns span,
.copyright .columns a{
    font-size: var(--font-size12);
    color: #FFFFFF;
    display: inline-flex;
    /* line-height: 1.6; */
    align-items: center;
}
.copyright .columns .text>a:nth-child(1):after{
    content: '';
    width: .052083vw;
    height: .572917vw;
    display: block;
    margin: .15625vw .260417vw;
    background: #FFFFFF;
}
.copyright .columns .text {
    margin: .3125vw 0 0;
    display: flex;
    align-items: center;
}
.copyright .columns a:hover{
    color: rgb(206, 206, 206);
}
.copyright .columns i{
    color: rgba(161, 161, 161, 1);
    margin: 0 5px;
    font-size: var(--font-size12);
}
@media(max-width:992px){ 
    .copyright .columns{
        padding: 8px 0;
        text-align: center;
        line-height: 1.6;
        justify-content: center;
    }
}
.banner_ {
    position: relative;
}
.banner_ .image img{
    animation: amplify 8s  infinite;
    -webkit-animation: amplify 8s infinite;
    animation-timing-function:linear;
    width:100%;
}
.banner_ .title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.banner_ .title .auto_1620 {
    font-weight: 400;
    color: #FFFFFF;
    z-index: 1;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--font-size53);
}
.banner_ .rumbs {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 1.770833vw;
    z-index: 2;
}
.banner_ .rumbs .auto_1620 {
    height: 100%;
    display: flex;
    align-items: center;
}
.banner_ .rumbs .auto_1620 a{
    font-size: var(--font-size14);
    font-weight: 300;
    color: #ffffff;
    margin: 0 .78125vw 0 0 ;
    display: flex;
    align-items: center;
}
.banner_ .rumbs .auto_1620 a i{
    color: rgba(245, 245, 245, .5);
    margin: 0 0 0 .78125vw;
}
@media(max-width:992px){ 
}

.logon_ {
    position: relative;
    padding: 9.895833vw 0;
}
.logon_ .columns{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border-radius: .833333vw;
    overflow: hidden;
    width: max-content;
    margin: auto;
}
.logon_ .columns .image{
    min-width: 40.104167vw;
    width: 40.104167vw;
}
.logon_ .columns .image img{
    min-height: 31.25vw;
    height: 100%;
    object-fit: cover;
    width: 100%;
}
.logon_ .columns .column {
    width: 31.25vw;
    padding: 2.5vw 3.645833vw;
    background: #fff;
    position: relative;
}
.logon_ .columns .column::after {
    content: '';
    width: 100%;
    height: .260417vw;
    background: #910782;
    position: absolute;
    top: 0;
    left: 0;
}
.logon_ .columns .column .title{
    font-size: var(--font-size24);
    color: #910782;
    text-align: center;
    padding: 0 0 .260417vw;
}
.logon_ .columns .column .layui-form-item{
    padding: 1.5625vw 0 0;
    display: block;
    margin: 0;
}
.logon_ .columns .column .layui-form-label{
    font-size: var(--font-size16);
    font-weight: normal;
    color: rgba(102, 102, 102, 1);
    line-height: 1;
    margin: 0 0 .520833vw ;
    padding: 0;
    float: unset;
    width: max-content;
    display: flex;
    align-items: end;
}
.logon_ .columns .column .layui-input-block{
    margin: 0;
    display: flex;
    justify-content: space-between;
}
.logon_ .columns .column .layui-form-label i{
    color: #FF0000;
    font-weight: 600;
    margin: 0 .260417vw 0 0;
    font-size: var(--font-size18);
    height: .78125vw;
    display: inline-block;
}
.logon_ .columns .column .layui-input,
.register .columns .column .select2-selection{
    border-radius: .260417vw;
    background: #F3F4F5;
    padding: .885417vw 1.041667vw;
    font-size: var(--font-size16);
    color: #000000;
    height: auto;
}
.logon_ .columns .column .layui-input-wrap{width: 100%;}
.logon_ .columns .column .layui-btn {
    background: #910782;
    font-size: var(--font-size18);
    color: #FFFFFF;
    padding: .3125vw;
    width: 100%;
    height: auto;
    border-radius: .260417vw;
}
.logon_ .layui-input-affix {
    line-height: unset;
    padding: 0 14px;
    width: auto;
    height: 100%;
    display: flex;
    align-items: center;
}
.logon_ .layui-input-affix i{
    cursor: pointer;
    pointer-events: auto !important;
    font-size: var(--font-size16);
}
.logon_ .columns .column .layui-input::-webkit-input-placeholder {color: #BCBCBC;}
.logon_ .columns .column .layui-input::-webkit-input-placeholder {color: #BCBCBC;}
.logon_ .columns .column .layui-input:-moz-placeholder {color: #BCBCBC;}
.logon_ .columns .column .layui-input::-moz-placeholder {color: #BCBCBC;}
.logon_ .columns .column .layui-input:-ms-input-placeholder {color: #BCBCBC;}

.logon_ .text{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 1.041667vw 0 0 ;
}
.logon_ .text a{
    font-size: var(--font-size16);
    color: #828282;
}
.logon_ .text a .purple{
    display: inline-block;
    /* margin: 0 .260417vw; */
    color: #910782;
}

.logon_ .intro{
    font-size: var(--font-size14);
    color: #999999;
    padding: .677083vw 0 .260417vw;
    text-align: center;
}

.logon_ .columns .column .layui-input-block img{
    width: 6.25vw;
    margin: 0 0 0 1.041667vw;
}

.logon_ .layui-form-select {
    display: none;
    cursor: pointer;
}
@media(max-width:992px){ 
    .logon_{
        min-height: calc(100vh - 61px - 60px);
        display: flex;
    }
    .logon_ .columns {
        width: 100%;
        border-radius: 10px;
    }
    .logon_ .columns .column{
        width: 100%;
        padding: 30px 20px 40px;
    }
    .logon_ .columns .column::after{
        height: 4px;
    }
    .logon_ .columns .column .layui-form-label i {
        height: auto;
        margin: 0 5px 0 0;
    }
    .logon_ .columns .column .layui-form-label{
        margin: 0 0 10px;
    }
    .logon_ .columns .column .layui-input{
        padding: 12px 20px;
    }
    .logon_ .columns .column .layui-form-item{
        padding: 20px 0 0;
    }
    .logon_ .columns .image {
        width: 100%;
        height: 95px;
    }
    .logon_ .text{
        margin: 20px 0 0;
    }
    .logon_ .columns .column .layui-btn,
    .logon_ .columns .column .layui-input{
        border-radius: 5px;
    }
    .logon_ .columns .column .layui-input-block img {
        width: 130px;
        margin: 0 0 0 15px;
        position: absolute;
        right: 0;
        bottom: 1px;
    }
    .logon_ .intro{
        padding: 10px 0 0;
    }
}
.layui-layer{
    background: #fff;
    padding: 1.041667vw ;
}
.layui-layer-face{margin: 0 .520833vw 0 0;}

.register .columns .column{
    width: 71.354167vw;
    padding: 2.5vw 2.864583vw 3.645833vw; 
}
.register .columns .columns{
    border-radius: 0;
    justify-content: space-between;
    width: 100%;
}
.register .columns .column .layui-form-item {
    width: calc(33.33% - (5.833333vw / 3));
}
/* 地址 */
.register .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 1.3;
    padding: 0;
}
.register .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    right: .625vw;
}
.register .select2-container {
    width: 100% !important;
    height: 100%;
}
/* 地址 */
.register .select .list{
    width: calc(50% - .46875vw);
}
.register .select .list:nth-child(3){
    display: none;
}
.register .columns.Hintro{
    font-size: var(--font-size15);
    color: #BCBCBC;
    line-height: 20px;
    margin: .78125vw 0 0;
}
.register .columns.Hintro .layui-form-item{
    padding: 0;
    width: 100%;
}
.register .columns .columns:last-child {
    justify-content: center;
}
.register .columns .columns:last-child .layui-form-item{
    width: 23.802083vw;
}
.register .text {
    justify-content: center;
    margin: .520833vw 0 0;
}
.register .columns .columns:last-child .privacy {
    display: flex;
    align-items: center;
    margin: .885417vw 0 0;
    justify-content: center;
    flex-wrap: wrap;
}
.register .columns .columns:last-child .privacy a{
    color: #910782;
}
.register .columns .columns:last-child .privacy .layui-unselect{
    margin: 0;
}
.register .columns .columns:last-child .privacy .layui-unselect i{
    top: .130208vw;
}
.register .columns .columns:last-child .privacy .layui-unselect >div {
    font-size: var(--font-size14);
    color: #828282;
}
@media(max-width:992px){ 
    .register .columns .column {
        width: 100%;
        padding: 30px 20px 40px;
    }
    .register .columns .columns {
        display: block;
    }
    .register .columns .column .layui-form-item {
        width: 100%;
    }
    .logon_ .columns .column .layui-input-block{
        display: block;
    }
    .register .select .list {
        width:100%;
        margin: 10px 0 0;
    }
    .register .columns .column .select2-selection{
        padding: 12px 20px;
        border: 0;
        border-radius: 5px;
    }
    .register .select2-container--default .select2-selection--single .select2-selection__arrow {
        right: 10px;
    }
    .register .columns.Hintro{
        margin: 15px 0 0 ;
    }
    .register .columns .columns:last-child .layui-form-item{
        width: 100%;
    }
    .register .columns .column .layui-btn{
        line-height: 30px;
    }
    .register .text {
        margin: 10px 0 0;
        /* padding: 0 0 0 28px;
        justify-content: unset; */
    }
    /* .register .columns .columns:last-child .privacy a{
        padding: 0 0 0 28px;
    } */
    .register .columns .columns:last-child .privacy{
        margin: 10px 0 0;
    }
    /* .register .columns .columns:last-child .privacy{
        justify-content: unset;
    } */
    .register .columns .columns:last-child .privacy .layui-unselect i {
        top: 2.5px;
    }
}

.personal {
padding: 3.125vw 0 7.65625vw;
background: #F5F5F5;
}
.personal .center_left{
    min-width: 19.166667vw;
    width: 19.166667vw;
}
.personal .center_left ul{
    padding: 2.083333vw 2.604167vw;
    background: #ffffff;
    margin: 0 0 .520833vw 0;
}
.personal .center_left ul li{
    padding: .885417vw 0;
}
.personal .center_left ul li a{
    display: flex;
    align-items: center;
}
.personal .center_left ul li img{
    width: 1.041667vw;
    margin: 0 1.041667vw 0 0;
    filter: grayscale(100%) brightness(300%);
}
.personal .center_left ul li a:hover img{
    filter: unset;
}
.personal .center_left ul li a.on img{
    filter: unset;
}
.personal .center_left ul li span{
    font-size: var(--font-size18);
    font-weight: 400;
    color: #999999;
}
.personal .center_left ul li a:hover span{
    color: #910782;
}
.personal .center_left ul li a.on span{
    color: #910782;
}
.personal .center_left .exit {
    width: 100%;
    background: #FFFFFF;
}
.personal .center_left .exit a{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 2.5vw 0;
}
.personal .center_left .exit .icon-img{
    width: 3.958333vw;
    height: 3.958333vw;
    background: #F9F7FA;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 1.041667vw;
}
.personal .center_left .exit .icon-img img{
    width: 1.666667vw;
}
.personal .center_left .exit span{
    font-size: var(--font-size18);
    font-weight: 400;
    color: #000000;
}
.personal .center_left .exit a:hover span{
    color: #910782;
}

.personal .center_right{
    margin: 0 0 0 2.604167vw;
    flex: 1;
    min-height: 34.114583vw;
    background: #FFFFFF;
    padding: 2.083333vw;
}
.personal .center_right .title{
    font-size: var(--font-size24);
    color: #010000;
    line-height: 1;
    padding: 0 0 1.041667vw ;
    border-bottom: 1px solid rgba(234, 236, 238, 1);
    position: relative;
    font-weight: 500;
}
.personal .center_right .title::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: .104167vw;
    width: 4.791667vw;
    height: .104167vw;
    background: #910782;
}

@media(max-width:992px){ 
    .personal {
        min-height: calc(100vh - 121px);
    }
    .personal .columns{
        display: block;
    }
    .personal .center_left {
        width: 100%;
        display: flex;
        flex-direction: column-reverse;
    }
    .personal .center_left ul{
        display: flex;
        justify-content: space-between;
        padding: 15px 30px;
        margin: 3px 0 15px;
        flex-wrap: wrap;
    }
    .personal .center_left ul li{
       width: 50%;
    }
    .personal .center_left ul li a img {
        width: 13px;
        margin: 0 10px 0 0;
    }
    .personal .center_left .exit a{
        flex-direction: unset;
        padding: 10px 0;
    }
    .personal .center_left .exit .icon-img{
        width: 15px;
        height: auto;
        margin: 0 10px 0 0;
    }
    .personal .center_left .exit .icon-img img{
        width: unset;
    }
    .personal .center_right{
        padding: 20px;
        margin: 0;
    }
    .personal .center_right .title{
        padding: 0 0 10px;
    }
    .personal .center_right .title::after{
        width: 50px;
    }
    /* .personal {
        padding: 35px 0;
    } */
}

.history .center_right .module_HL1GBCD1{
    margin: 2.083333vw 0 0;
}
.history .center_right ul {
    margin: 2.083333vw 0 0;
}
.history .center_right ul li{
    background: #F7F7F7;
    border-radius: 5px;
    margin: 0 0 .833333vw;
}
.history .center_right ul li a{
    display: flex;
    align-items: center;
    padding: 1.40625vw 1.770833vw 1.40625vw 2.03125vw;
}
.history .center_right ul li a .date {
    display: flex;
    align-items: center;
    flex: 1;
    justify-content: flex-end;
}
.history .center_right ul li a .date img {
    width: .833333vw;
    margin: 0 .520833vw 0 0;
}
.history .center_right ul li a .icon-image{
    width: 1.770833vw;
    margin: 0 1.458333vw 0 0;
}
.history .center_right ul li a span:nth-child(1){
    font-size: var(--font-size18);
    color: #333333;
    display: block;
    margin: 0 0 .260417vw;
}
.history .center_right ul li a span:nth-child(2){
    font-size: var(--font-size14);
    font-weight: 400;
    color: #BCBCBC;
}
.history .center_right ul li a:hover span:nth-child(1){
    color: #910782;
}
@media(max-width:992px){ 
    .history .center_right ul {
        margin: 20px 0 0;
    }
    .history .center_right ul li:not(:last-child){
        margin: 0 0 15px;

    }
    /* .history .center_right ul li{
    } */
    .history .center_right ul li a .icon-image {
        min-width: 25px;
        width: 25px;
        margin: 0 10px 0 0;
    }
    .history .center_right ul li a{
        display: block;
        padding: 20px 10px;
    }
    .history .center_right ul li a span:nth-child(1){
        margin: 0 0 5px;
    }
    .history .center_right ul li a .date img {
        width: 12px;
        margin: 0 10px 0 0;
    }

    .history .center_right ul li a .date{
        margin: -24px 0 0;
    }
    .history .center_right .module_HL1GBCD1{
        margin: 0;
    }
}


.personaldata .layui-form-label{
    font-size: var(--font-size14);
    font-weight: normal;
    color: rgba(102, 102, 102, 1);
    line-height: 1;
    margin: 0 0 .520833vw ;
    padding: 0;
    float: unset;
    width: max-content;
    display: flex;
    align-items: end;
}
.personaldata .layui-input-block{
    margin: 0;
    display: flex;
    justify-content: space-between;
}
.personaldata .layui-input,
.personaldata .select2-container--default .select2-selection--single{
    border-radius: .260417vw;
    border: 1px solid #CECECE!important;
    padding: .78125vw 1.041667vw;
    font-size: var(--font-size14);
    color: #000000;
    height: auto;
}
.personaldata .layui-input::-webkit-input-placeholder {color: #BCBCBC;}
.personaldata .layui-input::-webkit-input-placeholder {color: #BCBCBC;}
.personaldata .layui-input:-moz-placeholder {color: #BCBCBC;}
.personaldata .layui-input::-moz-placeholder {color: #BCBCBC;}
.personaldata .layui-input:-ms-input-placeholder {color: #BCBCBC;}
.personaldata .layui-form-item{
    padding: 1.5625vw 0 0;
    display: block;
    margin: 0;
}
.personaldata .columns {
    justify-content: space-between;
}
.personaldata .layui-form-item {
    width: calc(33.33% - (4.166667vw / 3));
}
.personaldata .layui-form-select {
    display: none;
    cursor: pointer;
}
/* 地址 */
.personaldata .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 1.3;
    padding: 0;
}
.personaldata .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    right: .625vw;
}
.personaldata .select2-container {
    width: 100% !important;
    height: 100%;
}
/* 地址 */
.personaldata .select .list {
    width: calc(50% - .625vw);
}
.personaldata .layui-btn {
    background: #910782;
    font-size: var(--font-size18);
    color: #FFFFFF;
    padding: .260417vw 0;
    width: 100%;
    height: auto;
    border-radius: 0.260417vw;
}
.personaldata .layui-form .columns:last-child{
    justify-content: center;
}
.personaldata .layui-form .columns:last-child .layui-form-item {
    width: 23.802083vw;
    padding: 2.8125vw 0 0 ;
}
.personaldata .layui-form {
    padding: .520833vw 0 0;
}
@media(max-width:992px){ 
    .personaldata .layui-input,
    .personaldata .select2-container--default .select2-selection--single {
        padding: 12px 20px;
    }
    .personaldata .layui-form-item{
        width: 100%;
        padding: 20px 0 0;
    }
    .layui-form-item .layui-form-label{
        margin: 0 0 5px;
    }
    .personaldata .select .list{
        width: 100%;
    }
    .personaldata .layui-input-block{
        display: block;
    }
    .personaldata .select .list:nth-child(1) {
        margin: 0 0 15px;
    }
    .personaldata .select2-container--default .select2-selection--single .select2-selection__arrow {
        right: 10px;
    }

    .personaldata .layui-form .columns:last-child .layui-form-item {
        width: 100%;
    }
    .personaldata .layui-form .columns:last-child .layui-btn {
        width: 120px;
        margin: 0 15% 0 0;
    }
    .personaldata .layui-form .columns:last-child .layui-input-block{
        display: flex;
        justify-content: left;
        align-items: center;
    }
    .personaldata .layui-form .columns:last-child a{
        display: flex;
        align-items: center;
    }
    .personaldata .layui-form .columns:last-child a .icon-img{
        width: 20px;
        margin: 0 10px 0 0;
    }

}

.modify .layui-input-affix {
    line-height: unset;
    padding: 0 14px;
    width: auto;
    height: 100%;
    display: flex;
    align-items: center;
}
.modify .layui-input-affix i{
    cursor: pointer;
    pointer-events: auto !important;
    font-size: var(--font-size16);
}

.modify .layui-form-item {
    width: calc(50% - (3.385417vw / 2));
}
.modify .layui-input-block,
.modify .layui-input-wrap{
    width: 100%;
    display: block;
}
.modify .layui-input-block span{
    font-size: var(--font-size13);
    font-weight: 400;
    color: #BCBCBC;
    padding: 10px 0 0;
}
.modify .layui-input-block img{
    position: absolute;
    width: 6.25vw;
    right: 8%;
    height: 90%;
    top: 5%;
}
@media(max-width:992px){ 
    .modify .layui-form-item{
        width: 100%;
    }
    .modify .layui-form .columns:last-child .layui-form-item{
        width: 100%;
        padding: 30px 0 0;
    }
    .modify .layui-input-block img {
        width: 100px;
        right: 5%;
        height: 80%;
        top: 10%;
    }
}

.ContactUs {
    padding: 5.208333vw 0;
}
.ContactUs ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 -1.875vw;
}
.ContactUs ul li {
    width: calc(33.33% - (3.75vw / 3));
}
.ContactUs ul li:hover span:nth-child(2){
    color: #910782;
}
.ContactUs ul li .image img{
    transition: 1s;
}
.ContactUs ul li:hover .image img{
    transform: scale(1.05);
    transition: 1s;
}
.ContactUs ul li:not(:nth-child(3n)) {
    margin: 0 1.875vw 1.875vw 0;
}
.ContactUs ul li span:nth-child(2){
    font-size: 1.197917vw;
    font-weight: 500;
    color: #333333;
    margin: 0 0 0px;
    padding: 1.041667vw 0 .78125vw;
    text-indent: 0;
}
.ContactUs ul li span{
    font-size: var(--font-size16);
    font-weight: 300;
    color: #595959;
    display: block;
    margin: 0 0 .520833vw;
    line-height: 1.5;
    /* padding: 0 0 0 3em;
    text-indent: -3em; */
}
@media(max-width:992px){ 
    .ContactUs ul li span:nth-child(2){
        font-size: 16px;
        padding: 10px 0 5px;
    }
    .ContactUs ul {
        display: block;
        margin: 0 0 -20px;
    }
    .ContactUs ul li {
        width: 100%;
        margin: 0 0 20px !important;
    }
    /*.ContactUs ul li span br{*/
    /*    display: none;*/
    /*}*/
}

.record .center_right .module_HL1GBCD1{
    margin: 2.083333vw 0 0;
}

.record .center_right ul{
    padding: 2.083333vw 0 0;
}
.record .center_right ul li{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 1.458333vw 2.1875vw;
    font-size: var(--font-size18);
    color: #6d6d6d;
    line-height: 1;
}
.record .center_right ul li:nth-child(2n + 1){
    background: #F7F7F7;
}
.record .center_right ul li>div{
     width: 25%;
}
.record .center_right ul li>div i{
    color: rgba(128, 128, 128, 1);
    margin: 0 5px;
}
.record .center_right ul li dl{
    width: 100%;
    display: flex;
    padding: 1.041667vw 0 0;
    flex-wrap: wrap;
}
.record .center_right ul li dl dd{
    margin: 0 1.5625vw 0 0;
    font-size: var(--font-size17);
}
.record .center_right ul li>div:nth-child(2),
.record .center_right ul li>div:nth-child(3){
    text-align: center;
}
.record .center_right ul li>div:nth-child(4){
    text-align: right;
}
.record .center_right ul li:nth-child(1){
    color: #000000;
    border-bottom: 1px solid rgba(247, 247, 247, 1);
    background: unset;
}
/* .record .center_right ul li:nth-child(1) div{
    font-weight: 600;
} */
.record .center_right ul li:nth-child(1) div:last-child{
    padding: 0 2.083333vw 0 0;
}
.record .center_right ul li:not(:nth-child(1)) div:nth-child(4) span{
    margin: 0 1.25vw 0 0;
}
.record .center_right ul li.on:not(:nth-child(1)) div:nth-child(4) span{
    color: #910782;
}
.record .center_right ul li div a{
    font-size: var(--font-size16);
    color: #FFFFFF;
    width: 4.84375vw;
    padding: .520833vw;
    background: #910782;
    border-radius: 4px;
    display: inline-block;
    text-align: center;
    /* margin: 0 0 0 1.25vw; */
}
@media(max-width:992px){ 
    .record .center_right .module_HL1GBCD1{
        margin: 0;
    }
    .record .center_right ul li:nth-child(1){
        display: none;
    }
    /* .record .center_right ul li>div:nth-child(1){display: none;} */
    .record .center_right ul li>div{
        width: 50%;
        text-align: unset !important;
        margin: 10px 0;

    }
    .record .center_right ul li{
        padding: 15px 0px 15px 20px;
    }
    /* .record .center_right ul li>div:nth-child(4) {
        text-align: center;
        width: 100%;
    } */
    .record .center_right ul li div a{
        width: 110px;
        padding: 6px 0;
    }
    .record .center_right ul li.on:not(:nth-child(1)) div:nth-child(4) span {
        line-height: 2;
    }
    .record .center_right ul li dl dd{
        margin: 0;
        width: 50%;
        line-height: 2;
    }
}

.rumbs1 {
    padding: 1.510417vw 0;
    border-top: 1px solid rgba(235, 235, 235, 1);
}
.rumbs1 ul {
    display: flex;
    align-items: center;
}
.rumbs1 ul a{
    font-size: var(--font-size14);
    /* font-weight: 600; */
    color: #8b8f9b;
    line-height: 1;
    display: flex;
    align-items: center;
}
.rumbs1 ul a i{
    font-size: var(--font-size14);
    margin: 0 .520833vw;
    font-weight: 400;
}

.statement {
    position: relative;
    padding: 3.90625vw 0 5.208333vw;
    min-height: 100vh;
}
.statement .columns {
    display: block;
    /*padding: 2.708333vw 1.5625vw 2.604167vw 3.645833vw;*/
    background: #FFFFFF;
    border-radius: .833333vw;
    max-width: 65.625vw;
    margin: auto;
}
.statement .columns .title{
    font-size: var(--font-size42);
    font-weight: bold;
    color: #333333;
    padding: 0 0 2.604167vw;
    text-align: center;
}
.statement .columns .intro{
    font-size: var(--font-size16);
    font-weight: 300;
    color: #595959;
    line-height: 1.8;

    max-height: 600px;
    padding: 0 2.604167vw 0 0;
    overflow: hidden;
}
.expand{
    text-align: center;
    font-size: var(--font-size18);
    color: #969696;
    margin: 1.041667vw auto .520833vw;
    cursor: pointer;
    max-width: max-content;
}
.statement .columns .intro::-webkit-scrollbar {
    width: .416667vw;
    height: 16px;
    background-color: #DFDFDF;
    border-radius: 50px;
}
.statement .columns .intro::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(237, 237, 237, 1);
    border-radius: 50px;
    background-color: #DFDFDF;
}
.statement .columns .intro::-webkit-scrollbar-thumb {
    border-radius: 50px;
    -webkit-box-shadow: inset 0 0 2px rgba(237, 237, 237, 1);
    background: rgba(145, 7, 130, 1);
}

.statement ul {
    margin: 0 0 3.125vw;
}
.statement ul li a{
    display: flex;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid #cccc;
    padding: 0 1.041667vw;
}
.statement ul li .date{
    padding: 1.5625vw 1.041667vw;
}
.statement ul li .date span:nth-child(1){
    font-size: var(--font-size40);
    font-weight: 600;
    display: block;
    line-height: .8;
    margin: 0 0 .520833vw 0;
    text-align: center;
}
.statement ul li .date span:nth-child(2){
    font-size: var(--font-size16);
    font-weight: 600;
    display: block;
    color: #9d9d9d;
}
.statement ul li .Htitle{
    font-size: var(--font-size24);
    margin: 0 0 0 1.5625vw;
    color: #333333;
        overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.statement ul li:hover{
    background: #f6f6f6;
    border-radius: 10px;
}
.statement ul li:hover .Htitle,
.statement ul li:hover .date span:nth-child(2),
.statement ul li:hover .date span:nth-child(1){
    color: #910782;
}
@media(max-width:992px){ 
    .statement .columns {
        max-width: 100%;
        /*padding: 30px 15px 30px 30px;*/
    }
    .statement .columns .intro::-webkit-scrollbar {
        width: 3px;
    }
    .statement .columns .title{
        padding: 0 0 15px;
    }
    .statement ul li a{
        padding: 15px 5px;
    }
    .statement ul li .Htitle {
        font-size: 14px;
    }
}

.Software{
    padding: 5vw 0;
}
.resources .Software .title{
    font-size: var(--font-size42);
    color: #010101;
    text-align: center;
    padding: 0 0 1.90625vw;
}
.resources .Software .intro {
    font-size: var(--font-size16);
    font-weight: 400;
    color: #333333;
    position: relative;
    z-index: 1;
}
.resources .Software .juzhong {
    /* width: max-content; */
    margin: 20px auto 0;
    text-align: center;
}
.resources .Software .Stitle {
    margin: 1.041667vw 0 0;
}
.resources .Software .Stitle span a{
    font-size: var(--font-size26);
    font-weight: 600;
    color: #999999;
    margin: 0 2.239583vw 0 0 ;
    line-height: 1;
}
.resources .Software .Stitle span.on a{
    color: #010101;
}
.resources .Software .columns{
    padding: 2.604167vw 0 0 ;
}
.resources .columns .left{
    width: 9.791667vw;
    margin: 0 2.291667vw 0 0;
}

.resources .columns .left ul li{
    display: flex;
    justify-content: space-between;
    margin: 0 0 1.197917vw;
    cursor: pointer;
    position: relative;
}
.resources .columns .left ul .layui-form-select .layui-input{
    border-radius: 50px;
    border: 1px solid #999999;
    padding: .833333vw 1.145833vw;
    height: unset;
    font-size: var(--font-size16);
    font-weight: 600;
    color: #666666;
    line-height: 1.3;
}
.resources .columns .left ul li i{
    margin-right: .677083vw;
}
.resources .columns .layui-form-select dl{
    top: 105%;
    padding: 10px 0;
}
.resources .columns .left ul li>input,
.resources .columns .left ul li>div.input{
    border-radius: 50px;
    border: 1px solid #999999;
    padding: .833333vw 1.145833vw;
    height: unset;
    font-size: var(--font-size16);
    font-weight: 600;
    color: #666666;
    width: 100%;
    text-align: center;
    line-height: 1.3;
    transition: all .3s;
    -webkit-transition: all .3s;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.resources .columns .left ul li .layui-form-select dl dd {
    cursor: pointer;
    font-size: var(--font-size16);
}

.resources .columns .left ul li:hover .input,
.resources .columns .left ul li:hover input{
    background: #82239A;
    border: 1px solid #82239A !important;
    color: #FFFFFF !important;
}
.resources .columns .left ul li:hover i{
    border-top-color: #FFFFFF;
}
.resources .columns .left ul li.on .input,
.resources .columns .left ul li.on input{
    background: #82239A;
    border: 1px solid #82239A !important;
    color: #FFFFFF !important;
}
.resources .columns .left ul li.on i{
    border-top-color: #FFFFFF;
}

.layui-form-select dl dd.layui-this{
    color: #82239A !important;
}
/* .resources .columns .left ul li>div.input{
    width: 100%;
    height: 100%;
    position: absolute;
    background: #00000000;
    border-radius: 50px;
} */
.resources .right {
    flex: 1;
}

.resources .Software .right ul li a{
    display: flex;
    align-items: center;
    padding: 1.354167vw 2.8125vw 1.354167vw 2.083333vw;
    margin: 1.354167vw 0 0  ;
    color: rgba(51, 51, 51, 1);

    font-size: var(--font-size18);
    line-height: 1;
}
.resources .Software .right ul li{
    background: rgba(247, 247, 247, 1);
}
.resources .Software .right ul:nth-child(1) li:nth-child(1){
    background: #82239A;
    padding: 1.354167vw 2.8125vw 1.354167vw 2.083333vw;
    display: flex;
    color: #FFFFFF;
    font-size: var(--font-size18);
    line-height: 1;
}
.resources .Software .right ul li div{
    display: flex;
    align-items: center;
    justify-content: center;
}

.resources .Software .right ul li div:nth-child(1) {
    justify-content: unset;
    width: 28%;
}
.resources .Software .right ul li div:nth-child(1) img {
    width: 1.770833vw;
    margin: 0 1.666667vw 0 0;
}
.resources .Software .right ul li div:nth-child(2) {
    width: 15%;
    text-align: center;
}
.resources .Software .right ul li div:nth-child(3) {
    width: 20%;
    text-align: center;
}
.resources .Software .right ul li div:nth-child(4) {
    width: 17%;
    text-align: center;
}
.resources .Software .right ul li div:nth-child(5) {
    flex: 1;
    text-align: center;
}
.resources .Software .right ul li div:nth-child(5) img{
    width: 1.09375vw;
    margin: 0 .572917vw 0 0;
}
.resources .Software .right ul li div:nth-child(6) img{
    width: 1.302083vw;
}

.resources .Software .right ul li a:hover {
    color: #82239A;
}


.License {
    position: relative;
    padding: 5.208333vw 0 5.729167vw;
}
.resources .License .columns{
    border-radius: .520833vw;
    background: #FFFFFF;
    overflow: hidden;
}
.resources .License .columns .images{
    position: relative;
    min-width: 32.5vw;
    width: 32.5vw;
    padding: 4.6875vw 3.958333vw;
}
.resources .License .columns .images .bgimage img{
    z-index: 0;
}
.resources .License .columns .images .title{
    font-size: var(--font-size42);
    font-weight: 400;
    color: #951187;
    line-height: 1;
    padding: 0 0 1.041667vw;
    position: relative;
    z-index: 1;
}
.resources .License .columns .images .intro{
    font-size: var(--font-size16);
    font-weight: 400;
    color: #333333;
    position: relative;
    z-index: 1;
}
.resources .License .columns>div:nth-child(2){
    flex: 1;
}
.resources .License .columns ul{
    padding: 4.895833vw 4.427083vw;
    min-height: 29.583333vw;
    width: 100%;
}
.resources .License .columns ul li {
    display: flex;
    align-items: center;
    margin: 0 0 1.5625vw;
    position: relative;
}
.resources .License .columns ul li img{
    position: absolute;
    width: 6.25vw;
    right: 1.041667vw;
}
.resources .License .columns ul li input,
.resources .License .columns ul li select{
    height: 3.177083vw;
    background: #F7F7F7;
    border-radius: .416667vw;
    width: 100%;
    padding: 0 1.5625vw;

    font-size: var(--font-size16);
    font-weight: 400;
    color: #666666;
}
.resources .License .columns ul li .layui-form-select{
    width: 100%;
}
.resources .License .columns ul li:nth-child(1) input{
    width: 20.833333vw;
}
.resources .License .columns ul li:nth-child(1) a{
    width: 9.635417vw;
    height: 3.177083vw;
    background: #FFFFFF;
    border: 1px solid #82239A;
    border-radius: .416667vw;
    display:inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 0 1.5625vw;
}
.resources .License .columns ul li:nth-child(1) a i{
    color: #82239A;
    font-size: var(--font-size20);
    font-weight: 600;

}
@media(max-width:992px){ 
    .resources .Software .title{
        padding: 0 0 20px;
    }
    .resources .Software .columns{
        padding: 20px 0 0 ;
        display: block;
    }

    .resources .Software .juzhong{
        width: auto;
    }

    .resources .columns .left ul {
        display: flex;
        width: 100%;
        overflow: auto;
        padding: 0 0 15px 0;
        margin: 0 0 15px;
        padding: 0 0 230px;
    }
    .resources .columns .left ul li{
        width: max-content;
        margin: 0 20px 0 0;
        min-width: 40%;
    }
    .resources .columns .left{
        width: 100%;
        /* margin: 0 0 20px; */
        margin: 0 0 -230px;
    }
    .resources .columns .left ul li>input, .resources .columns .left ul li>div.input,
    .resources .columns .left ul .layui-form-select .layui-input{
        padding: 8px 15px;
    }


    .resources .right{
        margin: 25px 0 0;
    }
    .resources .Software .Stitle{
        margin: 20px 0 0;
    }
    .resources .Software .right ul li:nth-child(1){
        display: none !important;
    }
    .resources .Software .right ul li a{
        flex-wrap: wrap;
        margin: 20px 0 0;
        padding: 20px;
    }
    .resources .Software .right ul li div{
        align-items: unset;
    }
    .resources .Software .right ul li div:nth-child(1){
        width: 100%;
        line-height: 2;
    }
    .resources .Software .right ul li div:nth-child(2),
    .resources .Software .right ul li div:nth-child(3),
    .resources .Software .right ul li div:nth-child(4),
    .resources .Software .right ul li div:nth-child(5){
        width: 100%;
        text-align: unset;
        justify-content: unset;
        line-height: 2;
    }
    .resources .Software .right ul li div img {
        display: none !important;
    }
    .resources .Software .right ul li div:nth-child(6) img {
        width: 30px;
        display: block !important;
    }
    .resources .Software .right ul li div span{
        margin: 0 10px 0 0;
        min-width: max-content;
    }
    .resources .Software .right ul li {
        box-shadow: 0px 0px 20px 0px #e2e2e2;
    }

    .resources .License .columns {
        display: block;
    }
    .resources .License .columns .images {
        width: 100%;
        height: auto;
        padding: 30px;
        overflow: hidden;
    }
    .resources .License .columns .images .bgimage img{
        height: auto;
    }

    .resources .License .columns ul li input, .resources .License .columns ul li select{
        padding: 11px 20px;
        height: auto;
    }
    .resources .License .columns ul li:nth-child(1) input {
        width: 100%;
    }
    .resources .License .columns ul li{
        margin: 0 0 20px;
        align-items: unset;
    }
    .resources .License .columns ul li:nth-child(1) a{
        height: auto;
        width: 60px;
    }
    .resources .License .columns ul li img {
        position: absolute;
        width: 138px;
        right: 0;
    }
    .resources .License .columns ul {
        padding: 20px 20px 30px;
    }
    .resources .License .columns ul .layui-form-select .layui-edge{
        right: 18px;
    }

    
    .resources .columns .left ul::-webkit-scrollbar {
        width: 2px;
        height: 16px;
        background-color: #DFDFDF;
        display: none;
    }
    .resources .Software .Stitle span {
        font-size: 16px;
    }
}

.bulletin {
    padding: 5.104167vw 0 4.791667vw;
}
.bulletin ul{
    margin: 0 0 -2.447917vw 0;
    display: flex;
    flex-wrap: wrap;
}
.bulletin ul li{
    width: calc(33.33% - 1.5625vw);
}
.bulletin ul li:not(:nth-child(3n)){
    margin: 0 2.34375vw 2.447917vw 0;
}
.bulletin ul li a {
    border: 1px solid #E6E6E6;
    display: block;
    padding: 2.5vw 2.083333vw 2.604167vw;
}
.bulletin ul li a .date {
    font-size: var(--font-size40);
    font-weight: bold;
    color: #999999;
    line-height: .8;
    opacity: 0.5;
    padding: 0 0 2.760417vw;
}
.bulletin ul li a .title {
    font-size: var(--font-size22);
    font-weight: 500;
    color: #333333;
}
.bulletin ul li a .intro {
    font-size: var(--font-size16);
    font-weight: 300;
    color: #595959;
    line-height: 1.65;
    margin: 1.041667vw 0 1.5625vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.bulletin ul li a .icon{
    transform: rotate(180deg);
    width: max-content;
}
.bulletin ul li a:hover{
    background: #910782;
    box-shadow: 0px 16px 38px 0px rgba(184,53,217,0.27);
    transition: .3s;
}
.bulletin ul li a:hover .date,
.bulletin ul li a:hover .title,
.bulletin ul li a:hover .intro,
.bulletin ul li a:hover .icon{
    color: #FFFFFF;
}
.bulletin .module_HL1GBCD1{
    margin: 4.375vw 0 0;
}
@media(max-width:992px){ 
    .bulletin ul{
        margin: 0 0 -20px;
    }
    .bulletin ul li{
        width: calc(100%);
    }
    .bulletin ul li:not(:nth-child(3n)) {
        margin: unset
    }
    .bulletin ul li {
        margin: 0 0 20px !important;
    }
    .bulletin ul li a{
        padding: 25px 20px;
    }
    .bulletin ul li a .date{
        padding: 0 0 20px;
    }
    .bulletin ul li a .intro{
        margin: 15px 0;
    }
    .bulletin ul li a .title{
        line-height: unset;
    }
    .bulletin .module_HL1GBCD1{
        margin: 0 0 0;
    }
}

.CompanyNews {
    padding: 5.052083vw 0 4.791667vw;
}
.CompanyNews ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 -2.34375vw;
}
.CompanyNews ul li{
    margin: 0 2.604167vw 2.604167vw 0;
    width: calc(33.33% - (5.208333vw / 3));
}
/* .CompanyNews ul li:nth-child(3n){
    margin: 0 0 2.604167vw 0;
} */
.CompanyNews ul li a {
    height: 100%;
    display: block;
    background: rgba(247, 247, 247, 1);
}
.CompanyNews ul li a .image{
    position: relative;
}
.CompanyNews ul li a .image span{
    position: absolute;
    top: 0;
    left: 0;
    width: 4.6875vw;
    height: 2.604167vw;
    background: #910782;
    border-radius: 0px 2px 2px 0px;
    font-size: var(--font-size14);
    font-weight: 500;
    color: #FFFFFF;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.CompanyNews ul li a>div:nth-child(2){
    padding: 2.34375vw 2.083333vw;
}
.CompanyNews ul li a .date{
    font-size: var(--font-size14);
    font-weight: 300;
    color: #383838;
    line-height: 1;
    display: flex;
    align-items: center;
    padding: 0 0 1.041667vw;
}
.CompanyNews ul li a .date img{
    width: var(--font-size14);
    margin: 0 .364583vw 0 0;
}
.CompanyNews ul li a .title{
    font-size: var(--font-size22);
    font-weight: 500;
    color: #333333;
    line-height: 1.3;
    margin: 0 0 1.302083vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.CompanyNews ul li a .icon{
    transform: rotate(180deg);
    width: max-content;
    color: rgba(58, 58, 58, 1);
    opacity: 0.8;
    font-weight: 600;
}

.CompanyNews ul li a:hover .title {
    color: #910782;
}

@media(min-width:992px){
    /* .CompanyNews ul li:nth-child(4) {
        margin: 0 0 2.604167vw 0;
    } */
    .CompanyNews ul li:nth-child(3n + 1) {
        margin: 0 0 2.604167vw 0;
    }
    .CompanyNews ul#newcont li:nth-child(1) .image img {
        height: 13.28125vw;
        object-fit: cover;
        width: 100%;
    }
    /* .CompanyNews ul li:nth-child(3) {
        margin: 0 0 2.604167vw 0;
    } */
    .CompanyNews ul li:nth-child(1){
        margin: 0 0 2.604167vw calc(55.364583vw + 2.604167vw );
        height: 25.260417vw;
    }
    .CompanyNews .ulTop {
        margin: 0; 
        /* height: 25.3125vw; */
        position: relative;
    }
    .CompanyNews .ulTop li:nth-child(1){
        position: absolute;
        width: 100%;
        height: 25.3125vw;
        z-index: 1;
        max-width: 55.364583vw;
        margin: 0;
    }
    .CompanyNews .ulTop li:nth-child(2){
        margin: 0 0 2.604167vw 0;
    }
    /* .CompanyNews .ulTop li:nth-child(1){
        width: calc(66.66% - (2.604167vw / 3));
        position: relative;
    } */
    .CompanyNews .ulTop li:nth-child(1) a .image,
    .CompanyNews .ulTop li:nth-child(1) a .image img{
        height: 100%;
        object-fit: cover;
        width: 100%;
    }
    .CompanyNews .ulTop li:nth-child(1) a>div:nth-child(2) {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 8.854167vw 3.020833vw 2.083333vw;
        width: 100%;
        background: linear-gradient(0deg, #0000005e, transparent);
    }
    .CompanyNews .ulTop li:nth-child(1) a>div:nth-child(2) .date,
    .CompanyNews .ulTop li:nth-child(1) a>div:nth-child(2) .title{
        color: #FFFFFF;
    }
    .CompanyNews .ulTop li:nth-child(1) a>div:nth-child(2) .date img{
        filter: grayscale(100%) brightness(500%);
    }
    .CompanyNews .ulTop li:nth-child(1) a>div:nth-child(2) .icon{
        display: none;
    }
}
.CompanyNews .module_HL1GBCD1 {
    margin: 4.166667vw 0 0;
}
@media(max-width:992px){ 
    .CompanyNews .module_HL1GBCD1 {
        margin: 0;
    }
    .CompanyNews ul{
        margin: 0 0 -20px;
    }
    .CompanyNews ul li{
        width: 100% !important;
        margin: 0 0 20px !important;
        position: relative;
    }
    .CompanyNews ul li a .image span{
        width: 90px;
        height: 40px;
    }
    .CompanyNews ul li a>div:nth-child(2){
        padding: 20px ;
    }
    .CompanyNews ul li a .date{
        padding: 0 0 10px;
    }
    .CompanyNews ul li a .date img {
        width: 14px;
        margin: -2px 10px 0 0;
    }
    .CompanyNews ul li a .title{
        margin: 0 0 10px;
    }
    .CompanyNews .ulTop {margin: 0;}
}


.recruit{
    background: #F7F7F7;
    padding: 4.791667vw 0;
}
/* .module_62EAAP2O .jobsMain .commonMain{ max-width: var(--content-Wdith); margin: 0px auto; padding:0px 20px;} */
.module_62EAAP2O .jobsMain{
    /* padding: var(--padding); */
     overflow: hidden; position: relative; 
     /* background: #eef4f8; */
}
.module_62EAAP2O .jobsMain .title{font-size:var(--bigTitle-fontSize); line-height: var(--bigTitle-lineheight); text-align: center; font-weight: 540; color: var(--title-color);}

.module_62EAAP2O .jobsMain .jobsListBox .link{
    visibility: hidden;
    opacity: 0;
    width: 0;
}
.module_62EAAP2O .jobsMain .jobsListBox{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; 
    -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 0px; margin: 0px;}
.module_62EAAP2O .jobsMain .jobsListBox .list{ display: block; width: 100%; margin: 20px 0px 0px; border-radius: .78125vw; padding: 20px; background: #fff; border: 2px solid transparent;}
.module_62EAAP2O .jobsMain .jobsListBox .list .jobTitleBox{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex;}
.module_62EAAP2O .jobsMain .jobsListBox .list .jobTitleBox .icon{padding-right: 10px;}
.module_62EAAP2O .jobsMain .jobsListBox .list .jobTitleBox .icon img{width: 30px;display:block;}
.module_62EAAP2O .jobsMain .jobsListBox .list .jobTitleBox .jobTitle{-webkit-box-flex: 1;-webkit-flex: 1;-moz-box-flex: 1;-ms-flex: 1;flex: 1;}
.module_62EAAP2O .jobsMain .jobsListBox .list .jobTitleBox .jobTitle .subTitle{font-size:16px; line-height: 20px; color: #333;display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp:1}
.module_62EAAP2O .jobsMain .jobsListBox .list .jobTitleBox .jobTitle .city{margin-top: 8px; font-size: 13px; color: #535353; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center;}
.module_62EAAP2O .jobsMain .jobsListBox .list .jobTitleBox .jobTitle .city i{margin-right: 10px;}
.module_62EAAP2O .jobsMain .jobsListBox .list .jobTitleBox .jobDetail{display: none;}
.module_62EAAP2O .jobsMain .jobsListBox .list .desc{margin-top:15px; font-size: 14px; color: #666; 
    line-height: 24px;
    /* height:48px; */
    display: -webkit-box; -o-text-overflow: ellipsis; 
    text-overflow: ellipsis;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp:3}
.module_62EAAP2O .jobsMain .jobsListBox .list .more{padding-top: 20px; font-size: 24px; color: #2B3951;}

.module_62EAAP2O .jobsMain .jobsListBox .list:hover{border-color: var(--vi-color);}
.module_62EAAP2O .jobsMain .jobsListBox .list:hover .more{color:var(--vi-color);}


.module_62EAAP2O .jobsEjectMain{position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999; background-color: rgba(0,0,0,0.5); display: none;}
.module_62EAAP2O .jobsEjectBox{position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -moz-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.module_62EAAP2O .jobsEject{width: 1060px; max-width: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -moz-box-orient:vertical; -moz-box-direction:normal; -ms-flex-direction:column; flex-direction:column; max-height: 85%; padding:20px;background: #fff; border-radius: 15px 15px 0px 0px; position: relative;}
.module_62EAAP2O .jobsEjectClose{position: absolute; right:20px; top: 20px; font-size: 20px; color:#000; font-weight: 700; cursor: pointer;}
.module_62EAAP2O .jobsEjectTitle{padding-bottom: 15px; margin-right: 10%;position: relative;}
.module_62EAAP2O .jobsEjectTitle::after{content: ''; background: #e1e1e1; position: absolute; bottom: 0px; width: 100%; height: 1px;}
.module_62EAAP2O .jobsEjectTitle .subTitle{font-size: 18px; line-height: 1.2; 
    color: #910782; font-weight: 600;}
.module_62EAAP2O .jobsEjectTitle .city{padding-top: 10px; font-size: 12px; color: #535353; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center;}
.module_62EAAP2O .jobsEjectTitle .city img{width: 15px; margin-right: 5px;}

.module_62EAAP2O .jobsEjectContent{padding:15px 10% 15px 0px;font-size: 14px;line-height:24px;-webkit-box-flex: 1;-webkit-flex: 1;-moz-box-flex: 1;-ms-flex: 1;flex: 1; overflow-y: auto;  color: #474b51;}
.module_62EAAP2O .jobsEjectContent .contentTitle{font-size: 14px; color: #000000; font-weight: 600;}

.module_62EAAP2O .jobsEjectContent::-webkit-scrollbar {
    width: 2px;
    height: 16px;
    background-color: #fff;
}
.module_62EAAP2O .jobsEjectContent::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    background-color: #fff;
}
.module_62EAAP2O .jobsEjectContent::-webkit-scrollbar-thumb {
    border-radius: 6px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .1);
    background-color:var(--vi-color);
}            @media (min-width:768px) {
    /* .module_62EAAP2O .jobsMain{padding: var(--padding-768);} */
    /* .module_62EAAP2O .jobsMain .commonMain{ max-width: var(--content-Wdith-768);} */
    .module_62EAAP2O .jobsMain .title{font-size:var(--bigTitle-fontSize-768); line-height: var(--bigTitle-lineheight-768);}
    .module_62EAAP2O .jobsMain .jobsListBox{padding-top: 1.875vw; margin: 0vw -1.375vw;}
    .module_62EAAP2O .jobsMain .jobsListBox .list{width: -webkit-calc(50% - 2.75vw);width: -moz-calc(50% - 2.75vw);width: calc(50% - 2.75vw); margin: 2.8125vw 1.375vw 0vw;padding: 3.125vw;}
    .module_62EAAP2O .jobsMain .jobsListBox .list .jobTitleBox .jobTitle .subTitle{font-size: 1.375vw; line-height: 1.5vw;}
    .module_62EAAP2O .jobsMain .jobsListBox .list .jobTitleBox .jobTitle .city{margin-top: 0.5vw;font-size: 0.9375vw;}
    .module_62EAAP2O .jobsMain .jobsListBox .list .jobTitleBox .jobTitle .city i{margin-right: 0.625vw;}
    .module_62EAAP2O .jobsMain .jobsListBox .list .jobTitleBox .icon{padding-right: 1.875vw;}
    .module_62EAAP2O .jobsMain .jobsListBox .list .jobTitleBox .icon img{width: 1.875vw;}
    .module_62EAAP2O .jobsMain .jobsListBox .list .desc{margin-top:1.5625vw;font-size: 1vw;line-height: 1.75vw;
        /* height:3.5vw; */
    }
    .module_62EAAP2O .jobsMain .jobsListBox .list .more{padding-top: 1.25vw; font-size: 1.5vw;}
    .module_62EAAP2O .jobsEjectBox{-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;}
    .module_62EAAP2O .jobsEject{padding:3.75vw;max-width: 92%;border-radius: 0.9375vw;}
    .module_62EAAP2O .jobsEjectClose{right: 3.75vw; top: 3.75vw;}
    .module_62EAAP2O .jobsEjectTitle{padding-bottom: 1.5625vw;}
    .module_62EAAP2O .jobsEjectTitle .subTitle{font-size: 2.125vw;}
    .module_62EAAP2O .jobsEjectTitle .city{ font-size: 0.9375vw;padding-top: 1.25vw;}
    .module_62EAAP2O .jobsEjectTitle .city i{margin-right: 0.625vw;}
    .module_62EAAP2O .jobsEjectContent{padding:1.875vw 10% 1.875vw 0vw;font-size: 1vw;line-height:2vw;}
    .module_62EAAP2O .jobsEjectContent .contentTitle{font-size: 1.125vw;}
}            @media (min-width:1200px) {
    /* .module_62EAAP2O .jobsMain{padding: var(--padding-1200);} */
    /* .module_62EAAP2O .jobsMain .commonMain{ max-width: var(--content-Wdith-1200);} */
    .module_62EAAP2O .jobsMain .title{font-size: var(--bigTitle-fontSize-1200); line-height: var(--bigTitle-lineheight-1200);}
    .module_62EAAP2O .jobsMain .jobsListBox{padding-top: 1.5625vw; margin: 0vw -1.1458vw;}
    .module_62EAAP2O .jobsMain .jobsListBox .list{width: -webkit-calc(33.333% - 2.2917vw);
        width: -moz-calc(33.333% - 2.2917vw);width: calc(33.333% - 2.2917vw); margin: 2.3438vw 1.1458vw 0vw;
        padding: 2.395833vw 2.6042vw 1.927083vw;}
    .module_62EAAP2O .jobsMain .jobsListBox .list .jobTitleBox .jobTitle .subTitle{font-size: 1.1458vw; line-height: 1.25vw;}
    .module_62EAAP2O .jobsMain .jobsListBox .list .jobTitleBox .jobTitle .city{margin-top: 0.4167vw;font-size: 0.7813vw;}
    .module_62EAAP2O .jobsMain .jobsListBox .list .jobTitleBox .jobTitle .city i{margin-right: 0.5208vw;}
    .module_62EAAP2O .jobsMain .jobsListBox .list .jobTitleBox .icon{padding-right: 1.5625vw;}
    .module_62EAAP2O .jobsMain .jobsListBox .list .jobTitleBox .icon img{width: 1.5625vw;}
    .module_62EAAP2O .jobsMain .jobsListBox .list .desc{margin-top:1.3021vw;font-size: 0.8333vw;line-height: 1.4583vw;
        /* height:2.9167vw; */
    }
    .module_62EAAP2O .jobsMain .jobsListBox .list .more{padding-top: 1.0417vw; font-size: 1.25vw;}
    .module_62EAAP2O .jobsEject{padding:3.125vw; border-radius: 0.7813vw;}
    .module_62EAAP2O .jobsEjectClose{right: 3.125vw; top: 3.125vw;}
    .module_62EAAP2O .jobsEjectTitle{padding-bottom: 1.3021vw;}
    .module_62EAAP2O .jobsEjectTitle .subTitle{font-size: 1.7708vw;}
    .module_62EAAP2O .jobsEjectTitle .city{ font-size: 0.7813vw;padding-top: 1.0417vw;}
    .module_62EAAP2O .jobsEjectTitle .city i{margin-right: 0.5208vw;}
    .module_62EAAP2O .jobsEjectContent{padding:1.5625vw 10% 1.5625vw 0vw;font-size: 0.8333vw;line-height: 1.6667vw;}
    .module_62EAAP2O .jobsEjectContent .contentTitle{font-size: 0.9375vw;}
} 
.recruit .module_HL1GBCD1 {
    margin: 4.6875vw 0 0;
}
.recruit .topimg{
    margin: 0 0 5.520833vw;
}
.recruit .title{
    color: #010101;
    text-align: center;
    padding: 0 0 1.822917vw;
}
.recruit .intro{
    font-size: var(--font-size16);
    font-weight: 400;
    color: #666666;
    text-align: center;
}
.jobsEjectMain a {
    width: 7.5vw;
    min-height: 2.65625vw;
    background: #FFFFFF;
    border: 1px solid #910782;
    font-size: var(--font-size16);
    font-weight: 400;
    color: #910782;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 1.5625vw 0 0;
}


@media(min-width:1300px){
    .module_62EAAP2O .jobsEjectTitle {
        position: relative;
    }
    .module_62EAAP2O .jobsEjectTitle::before{
        position: absolute;
        bottom: -0.416667vw;
        right: -11.5%;
        content: '';
        width: .416667vw;
        height: .416667vw;
        background: #910782;
        border-radius: 50%;
    }
    .module_62EAAP2O .jobsEjectTitle.on::before{
        display: none;
    }
    
}

.recruit .layui-form {
    margin: 3.125vw 0 0;
}
.recruit .layui-form dl{
    display: flex;
    align-items: center;
    background: #F2F2F2;
    margin: .520833vw 0 0;
}
.recruit .layui-form dl dt{
    width: 6.302083vw;
    height:3.489583vw;
    background: #910782;
    display: flex;
    align-items: center;
    justify-content: center;

    font-size: var(--font-size16);
    font-weight: 400;
    color: #FFFFFF;
    margin: 0 .520833vw 0 0;
    font-weight: 600;
}
.recruit .layui-form dl dd{
    margin: 0 1.510417vw;
}
.recruit .layui-form dl .layui-form-radio {
    margin: 0;
    padding: 0;
}
.recruit .layui-form dl .layui-form-radio div {
    font-size: var(--font-size16);
    font-weight: 600;
}
.recruit .layui-form dl .layui-anim.layui-icon {
    display: none;
}
@media(max-width:992px){ 
    .recruit .module_HL1GBCD1 {
        margin: 00;
    }
    .recruit .auto_1620 {
        overflow: hidden;
    }
    .recruit .topimg{
        /* margin: 0 0 ; */
        width: 150%;
        margin: 0 0 30px -39%;
    }
    .recruit .title{
        padding: 0 0 20px;
    }
    .module_62EAAP2O .jobsEjectTitle .city i{
        margin: 0 10px 0 0;
    }
    .recruit .layui-form dl {
        flex-wrap: wrap;
        margin: 20px 0 0;
    }
    .recruit .layui-form dl dt,
    .recruit .layui-form dl dd{
        height: 30px;
        padding: 0 15px;
        width: auto;
        margin: 5px 0;
    }
    .jobsEjectMain a {
        width: 110px;
        min-height: 42px;
    }

    .module_62EAAP2O .jobsEjectBox{
        align-items: center;
    }
}

.notice {
    padding: 5.15625vw 0 4.270833vw;
}
.notice .title{
    text-align: center;
    padding: 0 0 2.083333vw;
}
.notice .intro{
    font-size: var(--font-size18);
    font-weight: 400;
    color: #595959;
    line-height: 1.9;
    text-align: center;
    padding: 0 0 2.083333vw;
}
.notice ul li a{
    display: flex;
    align-items: center;
    padding: 1.354167vw 2.604167vw 1.354167vw 2.864583vw;
    margin: 1.354167vw 0 0  ;
    color: #333333;
    background: #F7F7F7;
    font-size: var(--font-size18);
    line-height: 1;
}
.notice ul li div{
    display: flex;
    align-items: center;
}
.notice ul li div:nth-child(1){
    flex: 1;
}
.notice ul li div:nth-child(1) img{
    width: 1.770833vw;
    margin: 0 1.71875vw 0 0;
}
.notice ul li div:nth-child(2) {
    color: #666666;
}
.notice ul li div:nth-child(2) img{
    width: 1.09375vw;
    margin: 0 .572917vw 0 0;
}
.notice ul li div:nth-child(3) img{
    width: 1.302083vw;
    margin: 0 0 0 2.604167vw;
}
.notice .module_HL1GBCD1 {
    margin: 4.166667vw 0 0;
}
.notice ul li a:hover div:nth-child(1){
    color: hsla(288, 63%, 37%, 1);
}
@media(max-width:992px){ 
    .notice .module_HL1GBCD1 {
        margin: 0 0 0;
    }
    .notice ul li a{
        flex-wrap: wrap;
        padding: 20px;
        line-height: 2;
        margin: 20px 0 0;
    }
    .notice ul li div:nth-child(1){
        width: 100%;
        flex: unset;
    }
    .notice ul li div:nth-child(1) img {
        width: 18px;
        margin: 0 15px 0 0;
        display: none;
    }
    .notice ul li div:nth-child(2){
        flex: 1;
        display: flex;
        align-items: center;
    }
    .notice ul li div:nth-child(3) img {
        width: 20px;
    }
    .notice ul li div:nth-child(2) img {
        width: 16px;
        margin: 0 15px 0 0;
    }
    .notice .title{
        padding: 0 0 20px;
    }
    .notice .intro {
        padding: 0;
        text-align: left;
    }
    .notice .intro br {
        display: none;
    }
}

.softwaretool {
    padding: 4.6875vw 0;
    background: #F7F7F7;
}
.softwaretool .title{
    /* font-weight: 400; */
    color: #010101;
    text-align: center;
    padding: 0 0 2.083333vw;
}
.softwaretool .intro{
    font-size: var(--font-size18);
    font-weight: 400;
    color: #595959;
    line-height: 1.9;
    text-align: center;
    padding: 0 0 2.083333vw;
}
.softwaretool .SeeMore{
    margin: auto;
    font-size: var(--font-size18);
    width: 9.53125vw;
    padding: .989583vw 1.041667vw;
}
.softwaretool dl {
    margin: 0 -0.729167vw;
    padding: 4.427083vw 0 2.447917vw;
}
.softwaretool dl dd{
    background: #FFFFFF;
    border-radius: 1.041667vw;
    margin: 0 .729167vw;
    padding: 2.604167vw 2.604167vw 2.083333vw;
}
.softwaretool dl dd .image img{
    width: auto;
    height: 3.645833vw;
    margin: 0 auto 1.875vw;
}
.softwaretool dl dd .Htitle{
    font-size: var(--font-size22);
    font-weight: 400;
    color: #333333;
    line-height: 1;
    text-align: center;
    padding: 0 0 .78125vw;
}
.softwaretool dl dd .Hintro{
    font-size: var(--font-size16);
    font-weight: 300;
    color: #4C505F;
    line-height: 1.4;
    text-align: center;
}
.softwaretool dl dd:hover .Htitle{
    color: #910782;
}
.softwaretool dl .slick-track{
    display: flex;
}
.softwaretool dl .slick-dots {
    position: absolute;
    bottom: 0;
    text-align: center;
    left: 0;
    width: 100%;
}
.softwaretool dl .slick-dots li button {
    width: 1.354167vw;
    height: .416667vw;
    background: #000000;
    opacity: 0.07;
    border-radius: 50px;
}
.softwaretool dl .slick-dots li.slick-active button {
    background: #82239A;
    opacity: 1;
}
.softwaretool dl .slick-dots li{
    margin: 0 .416667vw;
}

.softwareimg {
    padding: 4.375vw 0 4.53125vw;
}
.softwareimg .columns {
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 0 -2.083333vw;
}
.softwareimg .columns .image{
    width: calc(50% - 1.041667vw);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 26.041667vw;
    border: 1px solid #D6D6D6;
    margin: 0 0 2.083333vw;
}
.softwareimg .columns .image img{
    width: auto;
    max-height: 100%;
    object-fit: cover;
}
.softwareimg .columns .image:hover img{
    transform: scale(1.05);
    transition: 1s;
}
@media(max-width:992px){ 
    .softwaretool dl {
        margin: 0 -10px;
    }
    .softwaretool dl dd {
        padding: 30px;
        margin: 0 10px;
    }
    .softwaretool dl dd .image img {
        height: 50px;
        margin: 0 auto 20px;
    }
    .softwaretool dl dd .Htitle{
        padding: 0 0 20px;
    }
    .softwaretool dl{
        padding: 20px 0 30px;
    }
    .softwaretool dl .slick-dots li button {
        width: 18px;
        height: 4px;
        padding: 0;
    }
    .softwaretool dl .slick-dots li{
        margin: 0 5px;
    }
    .softwaretool .title{
        padding: 0 0 15px;
    }
    .softwaretool .intro{
        padding: 0 0 15px;
        text-align: left;
    }
    .softwareimg .columns{
        margin: 0 0 -20px;
    }
    .softwareimg .columns .image{
        height: auto;
        width: 100%;
        height: 250px;
        margin: 0 0 20px;
    }
    .softwaretool .SeeMore{
        width: 120px;
        padding: 12px 0px 12px 20px;
    }
    .softwaretool .intro br{
        display: none;
    }
}

.Partners {
    padding: 4.6875vw 0;
    background: #F7F7F7;
}
.Partners .SeeMore{
    margin: unset;
}
.Partners .columns .left {
    width: 8.229167vw;
}
.Partners .partnerList {
    flex: 1;
}
.Partners .partnerList ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 -1.041667vw ;
}
.Partners .partnerList ul li{
    width: calc(33.33% - (2.083333vw / 3));
}
.Partners .partnerList ul li:not(:nth-child(3n)){
    margin: 0 1.041667vw 1.041667vw 0;
}
.Partners .partnerList ul li a{
    padding: 0 2.34375vw 3.489583vw;
    background: #fff;
    background: url('../assets/38.png')#fff no-repeat 90% 4.479167vw / 8.489583vw;
    display: block;
}
.Partners .partnerList ul li a .title{
    font-size: var(--font-size26);
    font-weight: 400;
    color: #333333;
    padding: 0 0 1.302083vw;
}
.Partners .partnerList ul li a .intro{
    font-size: var(--font-size16);
    font-weight: 400;
    color: #666666;
    line-height: 1.6;
    margin: 0 0 3.125vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.Partners .partnerList ul li a .image{
    height: 7.552083vw;
    display: flex;
    align-items: center;
    width: 100%;
}
.Partners .partnerList ul li a .image img{
    width: auto;
    max-height: 70%;
}
.Partners .partnerList ul li a:hover .title{
    color: #910782;
}
.Partners .module_HL1GBCD1{
    margin: 3.958333vw 0 0;
}
@media(max-width:992px){ 
    .Partners .module_HL1GBCD1{
        margin: 0;
    }
    .Partners .columns .left{
        width: 100%;
    }
    .Partners .columns{
        display: block;
    }
    .Partners .partnerList ul li{
        width: 100%;
        margin: 0 0 20px !important;
    }
    .Partners .partnerList ul li a{
        padding: 0 20px 20px;
    }
    .Partners .partnerList ul li a .image {
        height: 80px;
    }
    .Partners .partnerList ul li a .title{
        padding: 5px 0 10px;
    }
    .Partners .partnerList ul li a .intro{
        margin: 0 0 25px;
    }
    .Partners .partnerList {
        padding: 10px 0 0;
    }
    .Partners .partnerList ul {
        margin: 0 0 -20px;
    }
}

.Microvideo {
    padding: 5.052083vw 0 4.166667vw;
}
.Microvideo .columns .left {
    width: 8.229167vw;
}
.Microvideo .videoList {
    flex: 1;
}
.Microvideo .videoList ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 -2.760417vw;
}
.Microvideo .videoList ul li {
    cursor: pointer;
    width: calc(33.33% - 1.041667vw);
}
.Microvideo .videoList ul li:not(:nth-child(3n)){
    margin: 0 1.5625vw 2.760417vw 0;
}
.Microvideo .videoList ul li .image {
    position: relative;
}
.Microvideo .videoList ul li .image i{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    opacity: 0;
    transition: .3s;
    align-items: center;
    justify-content: center;
    background: hsla(0, 0%, 0%, .3);
}
.Microvideo .videoList ul li .image i img{
    width: 4.114583vw;
    /* height: 4.114583vw; */
    /* border: 2px solid #FFFFFF; */
    border-radius: 50%;
}
.Microvideo .videoList ul li:hover .image i{
    opacity: 1;
    transition: .3s;
}
.Microvideo .videoList ul li .title{
    font-size: var(--font-size20);
    font-weight: 400;
    color: #000000;
    /* line-height: 23px; */
    padding: 1.71875vw 0 1.145833vw 0 ;
}
.Microvideo .videoList ul li .date{
    display: flex;
    align-items: center;
}
.Microvideo .videoList ul li .date img{
    width: .885417vw;
    margin: 0 .520833vw 0 0;
}
.Microvideo .module_HL1GBCD1{
    margin: 3.75vw 0 0;
}

.tanchuang .view{
    width: 100%;
    margin: auto;
    text-align: right;
}
#video1{
    width: 100%;
    display: block;
}
.icon-guanbi {
    font-size: var(--font-size20);
    color: #fff;
    cursor: pointer;
}
@media(max-width:992px){ 
    .tanchuang .view{
        width: 90%;
    }
    .Microvideo .module_HL1GBCD1{
        margin: 0;
    }
    .Microvideo .columns {
        display: block;
    }
    .Microvideo .columns .left {
        width: 100%;
    }
    .Microvideo .videoList ul{
        padding: 15px 0 0;
        margin: 0 0 -40px;
    }
    .Microvideo .videoList ul li{
        margin: 0 0 40px !important;
        width: 100%;
    }
    .Microvideo .videoList ul li .title{
        padding: 20px 0 10px ;
    }
    .Microvideo .videoList ul li .date img {
        width: 15px;
        margin: 0 10px 0 0;
    }
    .Microvideo .videoList ul li .image i img{
        width: 50px;
    }
}

.Solution {
    padding: 4.791667vw 0 5.208333vw;
}
.Solution ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.Solution ul li{
    width: calc(50% - 1.5625vw);
    height: 100%;
    background: #F7F7F7;
    border-radius: .520833vw;
}
.Solution ul li a{
    padding: 1.40625vw 1.40625vw 1.927083vw;
    display: block;
}
.Solution ul li .image{
    border-radius: .520833vw;
}
.Solution ul li .title{
    font-size: var(--font-size30);
    font-weight: 400;
    color: #333333;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.927083vw 0 0 ;
}
.Solution ul li .title i{
    width: 2.604167vw;
    height: 2.604167vw;
    border: 2px solid ;
    color: #981992;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    transform: rotate(180deg);
}
.Solution ul li:nth-child(2n){
    margin: 3.125vw 0 1.041667vw;
}
.Solution ul li:nth-child(2n) a{
    display: flex;
    flex-direction: column-reverse;
}
.Solution ul li:nth-child(2n) .title{
    padding: 0 0 1.927083vw  ;
}

.Solution ul li a:hover .title{
    color: #981992;
}
@media(max-width:992px){ 
    .Solution ul li{
        width: 100%;
        padding: 20px ;
        border-radius: 10px;
        margin: 0 0 20px !important;
    }
    .Solution ul li:nth-child(2n) a{
        display: block;
    }
    .Solution ul li .image{
        border-radius: 10px;
    }
    .Solution ul li .title,
    .Solution ul li:nth-child(2n) .title{
        padding: 15px 0 0;
    }
    .Solution ul li .title i {
        width: 35px;
        height: 35px;
    }
    .Solution ul .layui-flow-more{
        margin: 10px 0 0 ;
    }

}

.natural {
    padding: 5.104167vw 0;
}
.natural .IPresources {
    padding: 0 ;
}
.natural .IPresources .columns {
    padding: 0 ;
}
.natural .IPresources .right ul li div{
    width: auto ;
    flex: 1;
    justify-content: center !important;
}
.natural .IPresources .right ul li div:nth-child(3){width: 0;
    flex: unset;
}
.natural .IPresources .right ul li div:nth-child(2),
.natural .IPresources .right ul li div:nth-child(4){
    width: 26% ;
    flex: unset;
}
.natural .IPresources .right ul li a{
    padding: 1.197917vw 2.8125vw 1.197917vw 2.083333vw;
    margin: 0;
}

.natural .IPresources .right ul li:nth-child(2n){
    background: #fff;
}

.IPintroduce {
    padding: 0 0 4.427083vw;
}
.natural .IPintroduce .columns>div:nth-child(1){
    width: 37.708333vw;
    max-width: 37.708333vw;
    padding: 4.84375vw;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background: #F7F7F7;
}
.natural .IPintroduce .columns .title{
    width: 100%;
}
.natural .IPintroduce .columns .intro{
    font-size: var(--font-size18);
    font-weight: 400;
    color: #595959;
    line-height: 1.8;
    padding: 2.447917vw 0 0;
}
@media(max-width:992px){ 
    .natural .IPresources .right ul li div:nth-child(1){
        width: 100%;
        min-width: 100%;line-height: 2.5;
    }
    .natural .IPresources .right ul li div:nth-child(3){
        width: 0%;line-height: 2.5;
    }
    .natural .IPresources .right ul li div:nth-child(2){
        width: 37%;line-height: 2.5;
    }
    .natural .IPresources .right ul li div:nth-child(4){
        width: 63%;line-height: 2.5;
    }
    .natural .IPresources .right ul li div:nth-child(5){
        width: 50% ;
        flex: unset;
        line-height: 2.5;
        align-items: center;
    }
.natural .IPresources .right ul li div{
    justify-content: unset !important;
}
.natural .IPresources .right ul li a{
    padding: 20px ;
    margin: 0 0 20px;
}
.natural .IPresources .right ul li div:nth-child(5) img{
    display: block !important;
    width: 18px;
}
.natural .IPresources .columns{
    padding: 0 0 35px;
}
.natural .IPintroduce .columns{
    display: block;
}
.natural .IPintroduce .columns>div:nth-child(1){
    width: 100%;
    max-width: 100%;
    padding: 30px 20px;
}
.natural {
    padding: 0;
}
}

.banner {
    position: relative;
}
.banner .swiper-pagination {
    bottom: 3.697917vw;
    text-align: unset;
}
.banner .swiper-pagination .pagination{
    display: flex;
    align-items: center;
}
.banner .swiper-pagination .pagination span{
    font-size: var(--font-size16);
    font-weight: bold;
    color: #FFFFFF;
    opacity: 0.5;
}
.banner .swiper-pagination .pagination span:nth-child(1){
    opacity: 1;
}
.banner .swiper-pagination i{
    width: 11.875vw;
    height: 1px;
    background: #FFFFFF;
    margin: 0 .520833vw;
    display: block;
    position: relative;
}
.banner .swiper-pagination i::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 0;
    animation: width 6s;
    -webkit-animation: width 6s;
    animation-timing-function:linear;
    background: #BB59FF;
}

.banner .columns{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    align-items: center;

    animation: below_ 3s;
    -webkit-animation: below_ 3s;
}
.banner .swiper-slide-active .columns{
    display: flex;
}
.banner .columns .title{
    font-size: var(--font-size50);
    line-height: 1.3;
    color: #FFFFFF;
}
.banner .list >div>img {
    width:100%;
}
.banner .columns .SeeMore{
    /* filter: grayscale(100%) brightness(500%); */
    margin: 1.302083vw 0 0;
    background: url('../images/20.png') no-repeat center;
    background-size: 100%;

    width: 6.875vw;
    padding: .677083vw 0 .677083vw 1.041667vw;
    font-size: var(--font-size14);
    color: #FFFFFF;

    position: relative;
    overflow: hidden;
}

.indexProduct {
    position: relative;
    padding: 9.010417vw 0 2.916667vw;
}
.indexProduct .auto_1620{
    overflow: hidden;
}
.indexProduct .bgimage img {
    width: auto;
}
.indexProduct .Stitle {
    font-size: var(--font-size16);
    font-weight: 600;
    color: #581A7F;
    line-height: 1;
    text-align: right;
    padding: 0 0 .520833vw;
}
.indexProduct .title {
    text-align: right;
    line-height: 1.2;
}
.indexProduct .columns{
    justify-content: space-between;
    align-items: center;
}
.indexProduct .columns .image {
    width: 31.25vw;
    margin: 0 0 .520833vw;
}
.indexProduct ul{
    padding: 7.291667vw 0 0 ;
    overflow: hidden;
    margin: 0 -2px 0 0;
}
.indexProduct ul li {
    background: #F6F6F6;
    height: auto;
}
.indexProduct ul li a{
    padding: 0 0 3.645833vw;
    display: block;
    border-right: 1px solid hsla(0, 0%, 90%, 1);
}
.indexProduct ul li a:hover .image img{
    transform: scale(1.1);
    transition: 1s;
}
.indexProduct ul li .image{
    height: 15.364583vw;
    display: flex;
    align-items: center;
    justify-content: center;
}
.indexProduct ul li .image img{
    width: auto;
    max-height: 9.375vw;
}
.indexProduct ul li .Htitle{
    font-size: var(--font-size20);
    font-weight: 600;
    color: #040404;
    line-height: 1.4;
    text-align: center;
    min-height: 2.916667vw;
}
.indexProduct ul li .SeeMore{
    width: 5.989583vw;
    margin: 1.5625vw auto 0;
    background: url('../images/22.jpg') no-repeat center;
    background-size: 100%;
    color: #fff;
    font-size: var(--font-size12);
    padding: .520833vw 1.041667vw;
}

@media(max-width:992px){ 
    .banner .columns{
        height: auto;
        padding: 25% 0 0;
    }
    .banner .columns .SeeMore {
        width: 120px;
        padding: 12px 0px 12px 20px;
        margin: 30px 0 0;
    }
    .banner .swiper-pagination{
        text-align: center;
    }
    .banner .swiper-pagination-bullet{
        background: #d1d1d1 ;
    }
    .banner .swiper-pagination-bullet-active{
        background: #ffffff ;
    }
    .indexProduct .columns .image{
        display: none;
    }
    .indexProduct .title{
        line-height: 1.3;
        /* text-align: center; */
        color: #fff;
    }
    .indexProduct .columns{
        justify-content: right;
    }
    .indexProduct .Stitle{
        /* text-align: center; */
        padding: 00 0 10px;
        color: #fff;
    }
    .indexProduct ul{
        padding: 25px 0 0 ;
    }
    .indexProduct ul li .SeeMore{
        width: 120px;
        padding: 12px 0px 12px 20px;
        margin: 20px 0 0;
    }
    .indexProduct ul li .image{
        height: unset;
        min-width: 45%;
        width: 45%;
        margin: 0 5% 0 0;
    }
    .indexProduct ul li a>div:nth-child(2){
        width: 50%;
    }
    .indexProduct ul li .image img {
        max-height: 130px;
    }
    .indexProduct ul li .Htitle {
        text-align: left;
        font-size: 16px;
        word-wrap: break-word;
    }
    .indexProduct ul li a{
        padding: 25px 30px;
        display: flex;
        align-items: center;
    }
    .indexProduct ul li:not(:last-child){
        border-bottom: 1px solid rgba(229, 229, 229, 1);
    }
    .indexProduct .swiper-wrapper {
        display: block;
    }
    .indexProduct{
        padding: 0;
    }

    .banner .swiper-pagination .pagination{
        justify-content: center;
    }
    .banner .swiper-pagination i {
        width: 40%;
        margin: 0 10px;
    }

    .indexProduct .bgimage img {
        width: 100%;
        height: auto;
    }
}
.control {
    display: flex;
    align-items: center;
    justify-content: right;
    margin: 1.979167vw 0 0;
}
.control .swiper-pagination{
    position: unset;
    width: auto;
}
.control .swiper-pagination .pagination{
    display: flex;
    align-items: center;
}
.control .swiper-pagination i{
    width: 6.666667vw;
    height: .15625vw;
    background: #BABCC1;
    margin: 0 .833333vw;
    display: block;
    position: relative;
}
.control .swiper-pagination i::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: .15625vw;
    width: 0;
    animation: width 6s;
    -webkit-animation: width 6s;
    animation-timing-function:linear;
    background: #BB59FF;
}
.control.on .swiper-pagination i::after {
    display: none;
}
.control .swiper-pagination .pagination span{
    font-size: var(--font-size16);
    font-weight: bold;
    color: #6B6E78;
}
.control .swiper-pagination .pagination span:nth-child(1){
    color: #650F79;
}
.control .button-prev,
.control .button-next{
    padding: 0 .416667vw;
}
.control .button-prev{
    transform: rotate(180deg);
}
.control .Pause{
    width: .833333vw;
    height: .833333vw;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.control .Pause i{
    font-size: var(--font-size24);
}

@media(max-width:992px){ 
    .control{display: none;}
}

.indexSolution .images{
    position: relative;
}
.indexSolution .images .text{
    position: absolute;
    top: 13.541667vw;
    left: 0;
    width: 100%;
}
.indexSolution .images .text{
    position: absolute;
    top: 13.541667vw;
    left: 0;
    width: 100%;
}
.indexSolution .text .title{
    font-size: var(--font-size16);
    font-weight: 400;
    color: #F1DBFF;
}
.indexSolution .text .intro{
    font-size: var(--font-size50);
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.15;
    padding: .78125vw 0 1.822917vw;
}
.indexSolution .SeeMore {
    margin: 0;
    background: url('../images/20.png') no-repeat center;
    background-size: 100%;

    width: 6.875vw;
    padding: .677083vw 0 .677083vw 1.041667vw;
    font-size: var(--font-size14);
    color: #FFFFFF;
}

.indexSolution{
    overflow: hidden;
}
.indexSolution .columns{
    margin: -6.145833vw -7.8125vw 0 0;
}
.indexSolution .columns ul{
    margin: -0.9375vw 0 0;
    padding: 0.9375vw 0 0 0;
    width: 75.41666vw;
    z-index: 1;
    overflow: hidden;
}
.indexSolution .columns ul li{
    background: linear-gradient(180deg, #A7AAB2, #F6F6F6);
}
.indexSolution .columns ul li .image{
    height: 5.208333vw;
    display: flex;
    align-items: center;
    justify-content: center;
}
.indexSolution .columns ul li .image img{
    width: auto;
    max-height: 2.604167vw;
}
.indexSolution .columns ul li .image img:nth-child(2){
    display: none;
}
.indexSolution .columns ul li .title{
    font-size: var(--font-size18);
    color: #2E2E2E;
    margin: 0 0 .677083vw;
    text-align: center;
}
.indexSolution .columns ul li .icon-img{
    width: 1.09375vw;
    margin: 0 auto 1.770833vw;
}
.indexSolution .control {
    justify-content: center;
    margin: 0;
    flex: 1;
    background: linear-gradient(90deg, #71158A, #610C74);
    z-index: 1;
    color: #fff;
}
.indexSolution .control .swiper-pagination .pagination span{
    color: #fff;
}
.indexSolution .swiper-pagination i{
    background: hsla(0, 0%, 100%, .5);
}
.indexSolution .swiper-pagination i::after{
    background: hsla(0, 0%, 100%, 1);
}
.indexSolution .columns ul li a{
    display: block;
    height: 100%;
}
@media(min-width:992px){
    .indexSolution .columns ul li.on{
        margin: -.9375vw 0 0;
        background: #fff; 
        height: calc(100% + .9375vw);
    }
}
.indexSolution .columns ul li.on .image img:nth-child(1){
    display: none;
}
.indexSolution .columns ul li.on .image img:nth-child(2){
    display: block;
}
@media(max-width:992px){ 
    .indexSolution {
        padding: 0 0 0 !important;
    }
    .indexSolution .columns {
        margin: 0 -5.5%;
    }


    .indexSolution .columns ul li .image img{
        max-height: 25px;
    }
    .indexSolution .columns ul li .image{
        height: 60px;
    }
    .indexSolution .columns ul {
        width: 100%;
        padding: 10px 0 0;
        margin: -10px 0 0 ;
    }
    .indexSolution .columns ul li.on{
        margin: -10px 0 0;
        background: #fff;
        height: calc(100% + 10px);
        border-bottom: 2px solid rgba(110, 19, 134, 1);
    }
    .indexSolution .SeeMore{
        width: 120px;
        padding: 12px 0px 12px 20px;
        margin: 30px 0 0;
    }
    .indexSolution .images img{
        min-height: 250px;
    }
    .indexSolution .text .intro{
        padding: 10px 0 0 ;
        line-height: 1.3;
    }
    .indexSolution .columns ul li .title{
        margin: 0 0 5px;
    }

    .indexSolution .text .title{
        font-weight: 600;
    }
}

.NewsRepublic {
    padding: 5.208333vw 0 5.9375vw;
}
.NewsRepublic .Stitle{
    font-size: var(--font-size16);
    font-weight: 600;
    text-align: center;
    color: #581A7F;
    padding: 0 0 .9375vw;
    line-height: 1;
}
.NewsRepublic .Htitle{
    text-align: center;
    padding: 0 0 3.645833vw;
    font-size: var(--font-size42);
    font-weight: 600;
    color: #010101;
    line-height: 1;
}
.NewsRepublic .columns dl{
    margin: 0 1.041667vw;
    width: 32.291667vw;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.NewsRepublic .columns dl dd{
    height: calc(50% - .520833vw);
    width: 100%;
}
.NewsRepublic .columns dl dd .title{
    font-size: var(--font-size22);
    font-weight: 400;
    color: #010101;
    line-height: 1.3;
    padding: 0 0 1.302083vw;
}
.NewsRepublic .columns dl dd .intro{
    font-size: var(--font-size15);
    font-weight: 400;
    color: #010101;
    line-height: 1.5;
    opacity: 0.8;
    margin: 0 0 2.604167vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.NewsRepublic .columns dl dd a{
    padding: 2.864583vw 2.604167vw 2.083333vw;
    display: block;
    background: #F6F6F6;
    max-height: 100%;
}
.NewsRepublic .columns dl dd div:nth-child(3){
    display: flex;
    justify-content: space-between;
}
.NewsRepublic .columns dl dd div span{
    font-size: var(--font-size14);
    font-weight: 600;
    color: #000000;
    display: flex;
    align-items: center;
}
.NewsRepublic .columns dl dd div span i{
    margin: 0 5px 0 0 ;
    color: #660F7B;
}
.NewsRepublic .columns dl dd div span:nth-child(2){
    color: #660F7B;
}
.NewsRepublic .columns dl dd a:hover{
    background: linear-gradient(90deg, hsla(287, 55%, 51%, 1), #610C74);
}
.NewsRepublic .columns dl dd a:hover .title,
.NewsRepublic .columns dl dd a:hover .intro,
.NewsRepublic .columns dl dd a:hover span,
.NewsRepublic .columns dl dd a:hover i{
    color: #ffffff;
}

.NewsRepublic .list {
    width: 51.041667vw;
}
.NewsRepublic .list li{
    position: relative;
}
.NewsRepublic .list .text{
    position: absolute;
    left: 2.083333vw;
    bottom: 1.770833vw;
}
.NewsRepublic .list .text .title{
    font-size: var(--font-size22);
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.3;
    padding: 0 0 1.041667vw;
}
.NewsRepublic .list .text div:nth-child(2){
    font-size: var(--font-size14);
    font-weight: 400;
    color: #FFFFFF;
}
.NewsRepublic .list .text div:nth-child(2) i{
    margin: 0 5px 0 0;
}
.NewsRepublic .slick-dots {
    position: absolute;
    right: 2.083333vw;
    bottom: 2.083333vw;
    z-index: 1;
}

.NewsRepublic .slick-dots li button{
    width: .885417vw;
    height: 3px;
    background: #FFFFFF;
    opacity: 0.3;
    border-radius: 2px;
    padding: 0;
}
.NewsRepublic li.slick-active button{
    opacity: 1;
}
@media(max-width:992px){ 
    .NewsRepublic .Stitle{
        padding: 0 0 10px;
    }
    .NewsRepublic .Htitle{
        padding: 0 0 20px;
    }
    .NewsRepublic .columns{
        display: flex;
        flex-direction: column-reverse;
    }
    .NewsRepublic .columns dl{
        width: 100%;
        margin: 0;
    }
    .NewsRepublic .columns dl dd a{
        padding: 20px;
    }
    .NewsRepublic .columns dl dd .intro {
        margin: 10px 0 20px;
    }
    .NewsRepublic .columns dl dd{
        margin: 20px 0 0 ;
    }
    .NewsRepublic .list{
        width: 100%;
    }
    .NewsRepublic .list .text{
        bottom: 20px;
        left: 20px;
    }
    .NewsRepublic .slick-dots{
        bottom: 20px;
        right: 20px;
    }
    .NewsRepublic .list .text .title{
        margin: 0 0 10px;
        max-width: 80%;
        font-weight: 600;
    }
    .NewsRepublic .slick-dots li button{
        width: 15px;
        /* height: 8px;
        border-radius: 50px; */
    }

    .NewsRepublic li.slick-active button{
        width: 18px;
    }

    .NewsRepublic .columns dl dd .title{
        /* line-height: unset; */
        font-weight: 600;
    }
    .NewsRepublic .columns dl dd div span{
        font-weight: 400;
    }
}

.indexintroduce {
    position: relative;
    padding: 5.833333vw 0 6.979167vw;
}
.indexintroduce .Stitle{
    font-size: var(--font-size16);
    font-weight: 400;
    color: #F1DBFF;
}
.indexintroduce .title{
    font-size: var(--font-size42);
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.25;
}
.indexintroduce .SeeMore{
    margin: 1.5625vw 0 0;
    background: url(../images/20.png) no-repeat center;
    background-size: 100%;
    width: 6.875vw;
    padding: 0.677083vw 0 0.677083vw 1.041667vw;
    font-size: var(--font-size14);
    color: #FFFFFF;
}
.indexintroduce dl{
    padding: 17.552083vw 0 0;
    display: flex;
    align-items: center;
}
.indexintroduce dl dd{
    padding: 0 2.604167vw 0 0;
}
.indexintroduce dl dd div:nth-child(1) {
    display: flex;
    align-items: flex-end;
    font-size: var(--font-size14);
    font-weight: 400;
    color: #FFFFFF;
}
.indexintroduce dl dd div:nth-child(1) span{
    font-size: 3.645833vw;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 1;
}
.indexintroduce dl dd div:nth-child(2){
    font-size: var(--font-size14);
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1;
    opacity: 0.5;
    text-align: center;
    margin: .9375vw 0 0;
}
@media(max-width:992px){ 
    .indexintroduce dl dd div:nth-child(1) span{
        font-size: 25px;
    }
    .indexintroduce dl{
        justify-content: space-between ;
        display: none;
    }
    .indexintroduce dl dd{
        padding: 0;
    }
    .indexintroduce dl dd div:nth-child(2){
        margin: 10px 0 0;
    }
    .indexintroduce .Stitle {
        margin: 0 0 10px;
        font-weight: 600;
    }
    .indexintroduce .title{
        line-height: 1.3;
        font-weight: 600;
    }
    .indexintroduce .SeeMore{
        width: 120px;
        padding: 12px 0px 12px 20px;
        margin: 30px 0 0;
    }
    .indexintroduce {
        position: relative;
        min-height: 450px;
    }
    /* .indexintroduce::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #00000042;
        z-index: -1;
    } */
}

.detailsTop {
    min-height: 34.375vw;
    padding: 5.208333vw 0;
    position: relative;
    display: flex;
}
.detailsTop .columns {
    align-items: center;
    height: 100%;
    justify-content: space-between;
    padding: 0 10.9375vw 0 0 ;
}
.detailsTop .columns>div:nth-child(1){
    max-width: 35.416667vw;
}
.detailsTop .columns .title{
    font-size: var(--font-size46);
    font-weight: bold;
    color: #FFFFFF;
    padding: 0 0 1.71875vw;
    border-bottom: 1px solid rgba(233, 238, 244, .3);
    position: relative;
}
.detailsTop .columns .title::after{
    content: '';
    bottom: 0;
    left: 0;
    position: absolute;
    width: 2.395833vw;
    height: .260417vw;
    background: #E9EEF4;
}
.detailsTop .columns .intro{
    font-size: var(--font-size16);
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.7;
    padding: 2.083333vw 0 3.645833vw;
}
.detailsTop .columns .SeeMore {
    margin: 0;
    background: url(../images/20.png) no-repeat center;
    background-size: 100% 100%;
    width: 7.8125vw;
    padding: .807292vw 0 .807292vw 1.041667vw;
    font-size: var(--font-size16);
    color: #FFFFFF;
}
.detailsTop .columns .images img{
    -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent) , to(rgba(250, 250, 250, 0.1)));
}
@media(max-width:992px){ 
    .detailsTop .columns {
        display: block;
        padding: 0;
    }
    .detailsTop .columns>div:nth-child(1) {
        max-width: 100%;
    }
    .detailsTop .columns .SeeMore {
        width: 120px;
        padding: 12px 0px 12px 20px;
        margin: 0;
        margin: 20px auto 0;
    }
    .detailsTop .columns .intro{
        padding: 20px 0;
    }
    .detailsTop .columns .title{
        padding: 0 0 20px;
    }
    .detailsTop .columns .title::after{
        width: 40px;
    }

    .detailsTop .columns .images{
        width: 55%;
        padding: 20px 0;
        margin: auto;
    }
}

.specific{
    padding: 5.208333vw 0;
    position: relative;
}
.specific dl{
    overflow: hidden;
    position: relative;
    padding: 0 0 2.604167vw;
}
.specific .title {
    padding: 0 0 3.645833vw;
    text-align: center;
}
.specific dl dd{
    min-height: 21.197917vw;
    background: #FFFFFF;
    height: auto;
}
.specific dl dd .index{
    font-size: 3.59375vw;
    font-weight: bold;
    color: #910782;
    line-height: .8;
    opacity: 0.1;
    text-align: right;
    padding: 1.25vw 1.09375vw 0 0 ;
}
.specific dl dd .image{
    background: url('../images/29.png') no-repeat top left / 7.03125vw;
    position: absolute;
    width: 6.979167vw;
    height: 5.833333vw;
    display: flex;
    align-items: center;
    padding: 0 0 0 1.666667vw;
}
.specific dl dd .image img{
    width: auto;
    max-height: 2.760417vw;
    max-width: 2.916667vw;
}
.specific dl dd .Htitle{
    font-size: var(--font-size26);
    padding: 4.6875vw 1.5625vw 1.041667vw;
    color: #333333;
    line-height: 1;
}
.specific dl dd .intro{
    font-size: var(--font-size18);
    font-weight: 400;
    color: #333333;
    line-height: 1.4;
    padding: 0 1.5625vw;
    opacity: 0.5;
}
.specific .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
}
.specific .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 7px;
}
@media(max-width:992px){ 
    .specific dl dd .image img {
        max-height: unset;
        max-width: unset;
    }
    .specific dl dd .image {
        background: url(../images/29.png) no-repeat top left / 60px;
        width: 60px;
        height: 50px;
        padding: 0 0 0 10px;
    }
    .specific dl dd .image img {
        max-width: 55%;
        max-height: 50%;
    }
    .specific dl dd {
        min-height: 150px;
    }
    .specific dl dd .Htitle {
        padding: 60px 20px 10px;
    }
    .specific dl dd .intro {
        padding: 0 20px 40px;
    }
    .specific dl dd .index {
        font-size: 40px;
        padding: 20px 20px 0 0;
    }
    .specific dl {
        padding: 0 0 40px;
    }
    .specific .title{
        padding: 0 0 20px;
    }

    .specific .swiper-pagination-bullet{
        width: 8px;
        height: 8px;
    }
    .specific .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 4px;
    }
}

.KIT {
    padding: 5.3125vw 0 5.729167vw;
    position: relative;
}
.KIT dl{
    overflow: hidden;
    position: relative;
    /* padding: 0 0 2.604167vw; */
    width: 100%;
}
.KIT .title{
    text-align: center;
    color: #FFFFFF;
    padding: 0 0 4.166667vw;
}
.KIT dl dd{
    padding: 0 2.604167vw 2.34375vw 2.34375vw;
    background: #FFFFFF;
    height: auto;
}
.KIT dl dd .image{
    height: 15.260417vw;
    display: flex;
    align-items: center;
    justify-content: center;
}
.KIT dl dd .image img{
    max-width: 11.770833vw;
}
.KIT dl dd .Htitle{
    font-size: var(--font-size24);
    color: #333333;
    margin: 0 0 1.041667vw;
    text-align: center;
    line-height: 1.2;
    font-weight: 600;
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*display: -webkit-box;*/
    /*-webkit-box-orient: vertical;*/
    /*-webkit-line-clamp: 1;*/
}
.KIT dl dd .intro{
    font-size: var(--font-size16);
    color: #666666;
    line-height: 1.5;
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*display: -webkit-box;*/
    /*-webkit-box-orient: vertical;*/
    /*-webkit-line-clamp: 2;*/
    margin: 0 0 3.645833vw;
    text-align: center;
}
.KIT dl dd a:hover .Htitle {
    color: #910782;
}
.KIT dl dd div:nth-child(4){
    font-size: var(--font-size14);
    font-weight: 400;
    color: #630D77;
    text-align: center;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}
.KIT dl dd div:nth-child(4) i{
    margin: 0 0 0 .260417vw;
}
/* .KIT .swiper-pagination-bullet{
    opacity: 0;
    visibility: hidden;
} */
.KIT .swiper-pagination-bullet{
    background: #dfdfdf;
    opacity: .5;
    opacity: 1;
    visibility: unset;
}
.KIT .swiper-pagination-bullet-active {
    background: #ffffff;
    opacity: 1;
}
.KIT .swiper-pagination{
    position: unset;
    margin: 10px 0;
}

.KIT .columns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 0 1.5625vw;
}
.KIT .columns .swiper-button-prev,
.KIT .columns .swiper-button-next{
    font-size: var(--font-size60);
    color: rgb(255 255 255);
    background-image: unset;
    width: auto;
    height: auto;
}
.KIT .columns .swiper-button-prev {
    left: -1.5625vw;
}
.KIT .columns .swiper-button-next {
    right: -1.5625vw;
}
@media(max-width:992px){ 
    .KIT .columns {
        padding: 0;
    }
    .KIT .title{
        padding: 0 0 20px;
    }
    .KIT dl{
        padding: 0 0 35px;
    }
    .KIT dl dd .image{
        height: 180px;
    }
    .KIT dl dd .image img {
        max-width: 50%;
    }
    .KIT dl dd .Htitle{
        margin: 0 0 10px;
    }
    .KIT dl dd .intro{
        margin: 0 0 20px;
    }
    .KIT dl dd{
        padding: 0 20px 30px;
    }
    /* .KIT .swiper-pagination-bullet{
        opacity: .5;
        opacity: 1;
        visibility: unset;
    }
    .KIT .swiper-pagination-bullet-active {
        background: #ffffff;
        opacity: 1;
    } */
}

.Technical {
    padding: 4.947917vw 0 4.6875vw;
}
.Technical .title{
    text-align: center;
    padding: 0 0 3.125vw;
}
.Technical dl dd a{
    display: flex;
    align-items: center;
    padding: 1.354167vw 2.604167vw 1.354167vw 2.864583vw;
    margin: 1.354167vw 0 0  ;
    color: #333333;
    background: #F7F7F7;
    font-size: var(--font-size18);
    line-height: 1;
}
.Technical dl dd div{
    display: flex;
    align-items: center;
}
.Technical dl dd div:nth-child(1){
    flex: 1;
}
.Technical dl dd div:nth-child(1) img{
    width: 1.770833vw;
    margin: 0 1.71875vw 0 0;
}
.Technical dl dd div:nth-child(2) {
    color: #666666;
}
.Technical dl dd div:nth-child(2) img{
    width: 1.09375vw;
    margin: 0 .572917vw 0 0;
}
.Technical dl dd div:nth-child(3) img{
    width: 1.302083vw;
    margin: 0 0 0 2.604167vw;
}
.Technical .moddlulL1GBCD1 {
    margin: 4.166667vw 0 0;
}
.Technical dl dd a:hover div:nth-child(1){
    color: hsla(288, 63%, 37%, 1);
}
@media(max-width:992px){ 

    .Technical dl dd a{
        flex-wrap: wrap;
        padding: 20px;
        line-height: 2;
        margin: 20px 0 0;
    }
    .Technical dl dd div:nth-child(1){
        width: 100%;
        flex: unset;
    }
    .Technical dl dd div:nth-child(1) img {
        width: 18px;
        margin: 0 15px 0 0;
        display: none;
    }
    .Technical dl dd div:nth-child(2){
        flex: 1;
        display: flex;
        align-items: center;
    }
    .Technical dl dd div:nth-child(3) img {
        width: 20px;
    }
    .Technical dl dd div:nth-child(2) img {
        width: 16px;
        margin: 0 15px 0 0;
    }
    .Technical .title{
        padding: 0 0 20px;
    }
    .Technical .intro {
        padding: 0;
    }
    .Technical .intro br {
        display: none;
    }
}
.Technical ul {
    display: flex;
    justify-content: center;
    padding: 0 0 2.083333vw;
}
.Technical ul li{
    display: flex;
    justify-content: space-between;
    margin: 0 .572917vw;
    cursor: pointer;
    position: relative;
}
.Technical ul .layui-form-select .layui-input{
    border-radius: 50px;
    border: 1px solid #999999;
    padding: .833333vw 1.145833vw;
    height: unset;
    font-size: var(--font-size16);
    font-weight: 600;
    color: #666666;
    line-height: 1.3;
}
.Technical ul li i{
    margin-right: .677083vw;
}
.Technical .columns .layui-form-select dl{
    top: 105%;
    padding: 10px 0;
}
.Technical ul li>input,
.Technical ul li>div.input{
    border-radius: 50px;
    border: 1px solid #999999;
    padding: .833333vw 1.145833vw;
    height: unset;
    font-size: var(--font-size16);
    font-weight: 600;
    color: #666666;
    width: 100%;
    text-align: center;
    line-height: 1.3;
    transition: all .3s;
    -webkit-transition: all .3s;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 8.697917vw;
}
.Technical ul li .layui-form-select dl dd {
    cursor: pointer;
    font-size: var(--font-size16);
}

.Technical ul li:hover .input,
.Technical ul li:hover input{
    background: #82239A;
    border: 1px solid #82239A !important;
    color: #FFFFFF !important;
}
.Technical ul li:hover i{
    border-top-color: #FFFFFF;
}
.Technical ul li.on .input,
.Technical ul li.on input{
    background: #82239A;
    border: 1px solid #82239A !important;
    color: #FFFFFF !important;
}
.Technical ul li.on i{
    border-top-color: #FFFFFF;
}

/* .layui-form-select dl dd.layui-this{
    color: #82239A !important;
} */




.Technical .list dl{
    display: none;
}
.Technical .list dl dd:nth-child( n + 6){
    display: none;
}
@media(max-width:992px){ 
    .Technical ul {
        display: flex;
        width: 100%;
        overflow: auto;
        padding: 0 0 5px 0;
        /* margin: 0 0 15px; */
        justify-content: unset;
    }
    .Technical ul li{
        width: max-content;
        margin: 0 20px 0 0;
        min-width: 40%;
    }
    .Technical ul li>input, .Technical ul li>div.input,
    .Technical ul .layui-form-select .layui-input{
        padding: 8px 15px;
    }
    .Technical ul::-webkit-scrollbar {
        display: none;
    }
    
}

.Table {
    padding: 5vw 0;
    position: relative;
}
.Table .title{
    color: #FFFFFF;
    text-align: center;
    padding: 0 0 3.958333vw;
}
.Table .list{
    width: 100%;
    border: 1px solid hsla(0, 0%, 100%, .3);
    background: hsla(0, 0%, 100%, .3);
    border-radius: 1.041667vw;

    font-size: var(--font-size20);
    font-weight: 500;
    color: #FFFFFF;
    padding: 1.770833vw 3.385417vw 2.760417vw 4.166667vw;
}
.Table .list table{
    width: 100%;
}
/* .Table .list table tr:nth-child(1){
    background: #82239A;
} */
.Table .list table td{
    font-size: var(--font-size20);
    font-weight: 500;
    color: #FFFFFF;
    border: 0;
    border-bottom: 1px solid hsla(0, 0%, 93%, .3);
    text-align: center;
    padding: .333333vw 0;
}
.Table .list table td:not(:last-child){
    border-right: 1px solid hsla(0, 0%, 93%, .3);
}
@media(max-width:992px){ 
    .Table .list{
        padding: 0;
        margin: 0 -4%;
        width: 108%;
    }
    .Table .list>div{overflow: auto;}
    .Table .list table{
        width: 200%;
    }
    .Table .title{
        padding: 0 0 20px;
    }
}

.ProductCenter {
    padding: 4.84375vw 0 5.364583vw;
}
.ProductCenter ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 -2.083333vw;
}
.ProductCenter ul li{
    width: 19.270833vw;
    margin: 0 0 2.083333vw;
    height: 22.421875vw;
    /* height: 100%; */
}
.ProductCenter ul li:nth-child(3n + 2){
    margin: 0 2.34375vw;
}
.ProductCenter ul li .image{
    height: 15.104167vw;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ProductCenter ul li .image img{
    width: auto;
    max-height: 9.739583vw;
}
.ProductCenter ul li a:hover .image img{
    transform: scale(1.1);
    transition: 1s;
}
.ProductCenter ul li a{
    background:rgba(245, 245, 245, .8);
    border-radius: .78125vw;
    display: block;
    padding: 0 2.083333vw 2.083333vw;
    text-align: center;
    height: 100%;
}
.ProductCenter ul li .title{
    font-size: var(--font-size24);
    color: #040404;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.ProductCenter ul li .intro{
    font-size: var(--font-size18);
    font-weight: 400;
    color: #333333;
    line-height: 1;
    padding: 1.041667vw 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.ProductCenter ul li:nth-child(6),
.ProductCenter ul li:nth-child(6n + 1){
    width: 41.041667vw;
    height: 37.5vw;
}
.ProductCenter ul li:nth-child(6n){
    margin: -15.104167vw 0 0;
}
.ProductCenter ul li:nth-child(6) .image,
.ProductCenter ul li:nth-child(6n + 1) .image{
   height: 28.333333vw;
}
.ProductCenter ul li:nth-child(6) .image img,
.ProductCenter ul li:nth-child(6n + 1) .image img{
    max-height: 15.104167vw;
}
.ProductCenter ul li a:hover .title{
    color: rgba(145, 7, 130, 1);
}
.ProductCenter ul li a:hover {
    /* box-shadow: 0 0 5px 3px rgba(240, 240, 240, 1); */
    opacity: .9;
}

@media(min-width:992px){ 
   .ProductCenter ul {
        display: grid;
        grid-template-columns: auto auto auto;
    }
    .ProductCenter ul li:nth-child(1){
        grid-row-start: 1;
        grid-row-end: 3;
        height: 100%;
    }
    .ProductCenter ul li:nth-child(5) {
        margin: 0;
    }
    .ProductCenter ul li:nth-child(4) {
        margin: 0 2.34375vw;
    } 
}


@media(max-width:992px){ 
    .ProductCenter ul{
        margin: 0 0 -20px;
    }
    .ProductCenter ul li {
        width: 100%;
        height: auto;
        margin: 0 0 20px !important;
    }
    .ProductCenter ul li:nth-child(6),
    .ProductCenter ul li:nth-child(6n + 1){
        width: 100%;
        height: auto !important;
    }
    .ProductCenter ul li:nth-child(6n){
        margin: 0;
    }
    .ProductCenter ul li a{
        padding: 0 20px 30px;
    }
    .ProductCenter ul li .image{
        height: 200px !important;
    }
    .ProductCenter ul li .image img {
        max-height: 150px !important;
    }
}
@media(max-width:992px){ 
}
@media(max-width:992px){ 
}
@media(max-width:992px){ 
}

.layui-flow-more a cite{
    padding: 0 1.927083vw 0 0 ;
    overflow: hidden;
    position: relative;
    background: url('../images/17.png') no-repeat right; 
}
@media(max-width:992px){ 
    .layui-flow-more a cite{
        padding: 0 25px 0 0;
    }
    .padding35{
        padding: 35px 0 ;
    }
    /* .swiper-pagination-bullet{
        background: #fff !important;
        opacity: .5 !important;
    }
    .swiper-pagination-bullet-active{
        background: #ffffff !important;
        opacity: 1 !important;
    } */


}
/* .layui-flow-more a cite::after {
    position: absolute;
    right: 0;
    content: '';
    background-image: url('../images/17.png') ; 
    background-repeat:repeat-y; 
    background-position: 0px 0px; 
    -o-background-size: .625vw .625vw; 
    background-size: .625vw .625vw;
    -webkit-animation:upDownIcon 10s linear infinite; 
    -moz-animation:upDownIcon 10s linear infinite;
     -o-animation:upDownIcon 10s linear infinite;
      animation:upDownIcon 10s linear infinite;
      padding: 0 .3125vw;
      height: 100%;
} */
/* 动画 */
/* transform: translate3d(0, -100px, 0); 上 fadeInUp wow" data-wow-duration="2s"   */
@-webkit-keyframes amplify {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes amplify {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 30px, 0);
        transform: translate3d(0, 30px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}
/* @-webkit-keyframes upDownIcon {
    0%{background-position: 0px 0px;}
    100%{background-position: 0px 120px;}
}
@-moz-keyframes upDownIcon {
    0%{background-position: 0px 0px;}
    100%{background-position: 0px 120px;}
}
@-o-keyframes upDownIcon {
    0%{background-position: 0px 0px;}
    100%{background-position: 0px 120px;}
}
@keyframes upDownIcon {
    0%{background-position: 0px 0px;}
    100%{background-position: 0px 120px;}
} */
@-webkit-keyframes below_ {
    0%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@keyframes below_ {
    0%,
    90% {
        -webkit-transition-timing-function: cubic-bezier(0.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(0.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 50px, 0);
        transform: translate3d(0, 50px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@-webkit-keyframes width {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}
@keyframes width {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

/*  */
.solutionCharacteristicMain {
    padding: 0;
    background-image: url(../images/solution_03.jpg);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

.solutionCharacteristicMain .solutionCharacteristic {
    /* margin: 10px -5px 0px; */
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.solutionCharacteristicMain .solutionCharacteristic .list {
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px);
    margin: 10px 5px 0px;
    padding: 10px 5px;
    top: 0px;
    border: 2px solid transparent;
    -webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.1);
    border: 0 solid #910782;
    border-radius: 15px;
    background: #fff;
    text-align: center;
    position: relative
}

.solutionCharacteristicMain .solutionCharacteristic .list::after {
    content: ''
}

.solutionCharacteristicMain .solutionCharacteristic .list .listContent {
    position: relative;
    z-index: 10
}

.solutionCharacteristicMain .solutionCharacteristic .list .icon img {
    width: 33px;
    vertical-align: middle ;
    margin: auto;
}

.solutionCharacteristicMain .solutionCharacteristic .list .subTitle {
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.2;
    color: #000000
}

.solutionCharacteristicMain .solutionCharacteristic .list .desc {
    margin-top: 10px;
    font-size: 12px;
    line-height: 18px;
    color: #696969
}

.solutionCharacteristicMain .solutionCharacteristic .list:hover {
    top: -25px;
    background: rgba(255,255,255,0.75);
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    border-color: #910782;
    -webkit-box-shadow: 0px 20px 27px rgba(123,143,194,0.4);
    box-shadow: 0px 20px 27px rgba(123,143,194,0.4)
}

@media (min-width: 1200px) {
    .solutionCharacteristicMain {
        padding: 0
    }

    /* .solutionCharacteristicMain .solutionCharacteristic {
        margin: 2.604vw -1.042vw 0vw
    } */

    .solutionCharacteristicMain .solutionCharacteristic .list {
        width: -webkit-calc(25% - 2.084vw);
        width: calc(25% - 2.084vw);
        margin: 0vw 1.042vw;
        padding: 2.344vw 2.083vw 3.125vw;
        top: 0vw;
        border: 0 solid #910782;
        border-radius: 0.781vw
    }

    .solutionCharacteristicMain .solutionCharacteristic .list .icon img {
        width: 2.76vw
    }

    .solutionCharacteristicMain .solutionCharacteristic .list .subTitle {
        margin-top: 1.042vw;
        font-size: 1.146vw;
        line-height: 1.2
    }

    .solutionCharacteristicMain .solutionCharacteristic .list .desc {
        margin-top: 0.781vw;
        font-size: 0.833vw
    }

    .solutionCharacteristicMain .solutionCharacteristic .list:hover {
        top: -1.302vw;
        -webkit-backdrop-filter: blur(2.083vw);
        backdrop-filter: blur(2.083vw);
        -webkit-box-shadow: 0vw 1.042vw 1.406vw rgba(123,143,194,0.4);
        box-shadow: 0vw 1.042vw 1.406vw rgba(123,143,194,0.4)
    }
}
@media (min-width: 768px) {
    .solutionCharacteristicMain {
        padding: 0
    }

    .solutionCharacteristicMain .solutionCharacteristic {
        margin: 1.041667vw 0 1.5625vw
    }

    .solutionCharacteristicMain .solutionCharacteristic .list {
        width: -webkit-calc(50% - 2.5vw);
        width: calc(50% - 2.5vw);
        margin: 2.5vw 1.25vw 0vw;
        padding: 2.813vw 2.2vw 3.75vw;
        top: 0vw;
        border: 0 solid #910782;
        border-radius: 0.938vw
    }

    .solutionCharacteristicMain .solutionCharacteristic .list .icon img {
        width: 3.125vw
    }

    .solutionCharacteristicMain .solutionCharacteristic .list .subTitle {
        margin-top: 1.25vw;
        font-size: 1.375vw;
        line-height: 1.2
    }

    .solutionCharacteristicMain .solutionCharacteristic .list .desc {
        margin-top: 0.938vw;
        font-size: 1vw;
        line-height: -webkit-calc(22 / 16);
        line-height: calc(22 / 16)
    }

    .solutionCharacteristicMain .solutionCharacteristic .list:hover {
        top: -1.563vw;
        -webkit-backdrop-filter: blur(2.5vw);
        backdrop-filter: blur(2.5vw);
        -webkit-box-shadow: 0vw 1.25vw 1.688vw rgba(123,143,194,0.4);
        box-shadow: 0vw 1.25vw 1.688vw rgba(123,143,194,0.4)
    }

    .solutionCharacteristicMain .solutionCharacteristic .list:nth-child(-n+2) {
        margin-top: 0px
    }
}

@media (min-width: 992px) {
    .solutionCharacteristicMain .solutionCharacteristic .list {
        width: -webkit-calc(25% - 2.5vw);
        width: calc(25% - 2.5vw);
        margin: 0vw 1.25vw
    }
}

.lianxi {
    margin: 1.5625vw 0 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--font-size16);
    flex-wrap: wrap;
}
.lianxi  span:not(:last-child){
    margin: 0 20px 0 0;
}
@media (max-width: 992px) {
    .lianxi {
        margin: 20px 0 0;
    }
    .lianxi  span {
        margin: 0 !important;
        display: block;
        width: 100%
        ;
    }
}



/* 调查问卷 */
.questionnaire {
  padding: 5.83333vw 0px 3.33333vw;
  background-position: center;
  background-size: cover;
 background-attachment: fixed;
}
.questionnaire .questionnaireBox {
  width: 44.42708vw;
  padding: 2.65625vw 4.73958vw 3.69792vw 3.90625vw;
  border: 1px solid #FFFFFF;
  background: rgba(255, 255, 255, 0.65);
  backdrop-filter: blur(0.78125vw);
  border-radius: 0.57292vw;
  margin: 0px auto;
}
.questionnaire .questionnaireBox .questionnaireTitle {
  text-align: center;
  margin-bottom: 2.60417vw;
}
.questionnaire .questionnaireBox .questionnaireTitle .title {
  font-weight: bold;
  font-size: 1.40625vw;
  color: #000000;
  margin-bottom: 0.36458vw;
}
.questionnaire .questionnaireBox .questionnaireTitle .intro {
  font-size: 0.72917vw;
  color: #797B7E;
}
.questionnaire .questionnaireBox .questionnaireMain {
  flex-wrap: wrap;
  display: flex;
  margin: -0.72917vw -0.46875vw;
}
.questionnaire .questionnaireBox .questionnaireMain .list {
  width: calc(50% - 0.9375vw);
  margin: 0.72917vw 0.46875vw;
}
.questionnaire .questionnaireBox .questionnaireMain .list:nth-child(7) {
  z-index: 9;
}
.questionnaire .questionnaireBox .questionnaireMain .list:nth-child(n+7) {
  width: 100%;
}
.questionnaire .questionnaireBox .questionnaireMain .list:nth-child(8) {
  margin-bottom: 2.76042vw;
}
.questionnaire .questionnaireBox .questionnaireMain .list:last-child {
  margin-bottom: 0px;
}
.questionnaire .questionnaireBox .questionnaireMain .list .title {
  font-weight: 500;
  font-size: 0.83333vw;
  color: #000000;
  margin-bottom: 0.46875vw;
}
.questionnaire .questionnaireBox .questionnaireMain .list .title span {
  font-size: 0.9375vw;
  color: #e11c1d;
  margin-right: 0.26042vw;
}
.questionnaire .questionnaireBox .questionnaireMain .list .input {
  flex: 1 1;
  position: relative;
}
.questionnaire .questionnaireBox .questionnaireMain .list .input input {
  width: 100%;
  height: 2.60417vw;
  background: #FFFFFF;
  font-size: 0.72917vw;
  color: #000000;
  padding: 0px 0.78125vw;
  border-radius: 0.3125vw;
  border: 1px solid #fff;
  transition: all 0.4s ease;
}
.questionnaire .questionnaireBox .questionnaireMain .list .input input::placeholder {
  color: #A5ABB6;
}
.questionnaire .questionnaireBox .questionnaireMain .list .input input:focus {
  border-color: #910782 !important;
  box-shadow: none !important;
}
.questionnaire .questionnaireBox .questionnaireMain .list .input .tab {
  display: inline-block;
  width: auto;
  height: 2.70833vw;
  line-height: 2.60417vw;
  padding: 0px 1.25vw;
  background: #ECECF1;
  border-radius: 0.3125vw;
  border: 1px solid #FFFFFF;
  font-size: 0.83333vw;
  color: #000000;
  margin-right: 0.52083vw;
  cursor: pointer;
  transition: all 0.4s ease;
}
.questionnaire .questionnaireBox .questionnaireMain .list .input .tab:last-child {
  margin-right: 0px;
}
.questionnaire .questionnaireBox .questionnaireMain .list .input .tab.active {
  color: #fff;
  background: rgba(145, 7, 130, 0.6);
  border-color: rgba(145, 7, 130, 0.8);
}
.questionnaire .questionnaireBox .questionnaireMain .list .input .layui-form-select dl {
  top: 3.28125vw;
  padding: 0.26042vw 0;
  max-height: 15.625vw;
  border-radius: 0.10417vw;
  box-shadow: 1px 1px 0.20833vw rgba(0, 0, 0, 0.08);
}
.questionnaire .questionnaireBox .questionnaireMain .list .input .layui-form-select dl dd, .questionnaire .questionnaireBox .questionnaireMain .list .input .layui-form-select dl dt {
  font-size: 0.72917vw;
  padding: 0 0.52083vw;
  line-height: 1.875vw;
}
.questionnaire .questionnaireBox .questionnaireMain .list .input .layui-form-select dl dd.layui-this {
  color: #910782;
}
.questionnaire .questionnaireBox .questionnaireMain .list .input .layui-form-select .layui-edge {
  right: 0.9375vw;
  width: 0.41667vw;
  height: 0.41667vw;
  border: 0px;
  border-right: 1px solid #A3A3A3;
  border-top: 1px solid #A3A3A3;
  transform: rotate(135deg);
  margin-top: -0.26042vw;
}
.questionnaire .questionnaireBox .questionnaireMain .list .input .layui-form-selected .layui-edge {
  transform: rotate(315deg);
  margin-top: -0.10417vw;
}
.questionnaire .questionnaireBox .questionnaireMain .list .submit {
  width: 100%;
  height: 2.65625vw;
  background: #910782;
  border: 0px;
  border-radius: 0.3125vw;
  font-size: 0.83333vw;
  color: #FFFFFF;
  margin: 0px auto;
  cursor: pointer;
}
.questionnaire .questionnaireBox .questionnaireMain .list .inputBox .inputLeft .selectInput {
  margin-bottom: 0.57292vw;
  position: relative;
}
.questionnaire .questionnaireBox .questionnaireMain .list .inputBox .inputLeft .selectInput > input {
  position: relative;
  z-index: 2;
}
.questionnaire .questionnaireBox .questionnaireMain .list .inputBox .inputLeft .selectInput .selectInputPopup {
  max-height: 0px;
  overflow: hidden;
  transition: all 0.4s ease;
  display: flex;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  background: #ffffff;
  border-radius: 0.3125vw;
  padding-top: 2.60417vw;
  padding-right: 0.72917vw;
  overflow: hidden;
}
.questionnaire .questionnaireBox .questionnaireMain .list .inputBox .inputLeft .selectInput .selectInputPopup .selectInputPopupLeft {
  width: 15.05208vw;
  padding-top: 0.9375vw;
  background: #f8f8f8;
}
.questionnaire .questionnaireBox .questionnaireMain .list .inputBox .inputLeft .selectInput .selectInputPopup .selectInputPopupLeft .listing {
  font-weight: 600;
  height: 2.1875vw;
  line-height: 2.1875vw;
  font-size: 0.72917vw;
  color: #989898;
  padding: 0px 1.09375vw;
  cursor: pointer;
}
.questionnaire .questionnaireBox .questionnaireMain .list .inputBox .inputLeft .selectInput .selectInputPopup .selectInputPopupLeft .listing.active {
  color: #fff;
  background: #910782;
}
.questionnaire .questionnaireBox .questionnaireMain .list .inputBox .inputLeft .selectInput .selectInputPopup .selectInputPopupRight {
  flex: 1 1;
  padding: 0px 0px 0px 1.97917vw;
  margin: 1.35417vw 0px 0.9375vw;
  max-height: 10vw;
  overflow-y: auto;
}
.questionnaire .questionnaireBox .questionnaireMain .list .inputBox .inputLeft .selectInput .selectInputPopup .selectInputPopupRight::-webkit-scrollbar {
  width: 0.10417vw;
  height: 0.10417vw;
  background-color: #f3f3f3;
}
.questionnaire .questionnaireBox .questionnaireMain .list .inputBox .inputLeft .selectInput .selectInputPopup .selectInputPopupRight::-webkit-scrollbar-track {
  border-radius: 0.10417vw;
  background-color: #f3f3f3;
}
.questionnaire .questionnaireBox .questionnaireMain .list .inputBox .inputLeft .selectInput .selectInputPopup .selectInputPopupRight::-webkit-scrollbar-thumb {
  border-radius: 0.10417vw;
  background-color: #910782;
  cursor: pointer;
}
.questionnaire .questionnaireBox .questionnaireMain .list .inputBox .inputLeft .selectInput .selectInputPopup .selectInputPopupRight .checkBox {
  display: none;
}
.questionnaire .questionnaireBox .questionnaireMain .list .inputBox .inputLeft .selectInput .selectInputPopup .selectInputPopupRight .checkBox:nth-child(1) {
  display: block;
}
.questionnaire .questionnaireBox .questionnaireMain .list .inputBox .inputLeft .selectInput .selectInputPopup .selectInputPopupRight .checkBox .check {
  margin-bottom: 0.82292vw;
}
.questionnaire .questionnaireBox .questionnaireMain .list .inputBox .inputLeft .selectInput .selectInputPopup .selectInputPopupRight .checkBox .check .layui-form-checkbox[lay-skin=primary] > div {
  margin-top: -1px;
  padding-right: 0.52083vw;
  line-height: 0.9375vw;
}
.questionnaire .questionnaireBox .questionnaireMain .list .inputBox .inputLeft .selectInput .selectInputPopup .selectInputPopupRight .checkBox .check .layui-form-checkbox > div {
  padding: 0 0.57292vw;
  font-size: 0.72917vw;
  color: #000000;
  border-radius: 0.10417vw 0 0 0.10417vw;
}
.questionnaire .questionnaireBox .questionnaireMain .list .inputBox .inputLeft .selectInput .selectInputPopup .selectInputPopupRight .checkBox .check .layui-form-checkbox[lay-skin=primary] > i {
  width: 0.67708vw;
  height: 0.67708vw;
  line-height: 0.57292vw;
  font-size: 0.52083vw;
  border-radius: 0.10417vw;
  border-color: #C9C9C9;
  background: #E2E2E2;
  margin-top: 1px;
}
.questionnaire .questionnaireBox .questionnaireMain .list .inputBox .inputLeft .selectInput .selectInputPopup .selectInputPopupRight .checkBox .check .layui-form-checkbox[lay-skin=primary] {
  min-width: 0.67708vw;
  min-height: 0.67708vw;
  padding-left: 0.52083vw;
}
.questionnaire .questionnaireBox .questionnaireMain .list .inputBox .inputLeft .selectInput .selectInputPopup .selectInputPopupRight .checkBox .check .layui-form-checkbox > i {
  width: 1.5625vw;
  border-radius: 0 0.10417vw 0.10417vw 0;
  font-size: 0.72917vw;
}
.questionnaire .questionnaireBox .questionnaireMain .list .inputBox .inputLeft .selectInput .selectInputPopup .selectInputPopupRight .checkBox .check .layui-form-checked[lay-skin=primary] > i {
  border-color: #620D75 !important;
  background: linear-gradient(239deg, #A83CC5, #620D75) !important;
}
.questionnaire .questionnaireBox .questionnaireMain .list .inputBox .inputLeft .selectInput.active > input {
  border-color: #910782 !important;
  box-shadow: none !important;
}
.questionnaire .questionnaireBox .questionnaireMain .list .inputBox .inputLeft .selectInput.active .selectInputPopup {
  max-height: 16.66667vw;
}
.questionnaire .questionnaireBox .questionnaireMain .list .inputBox .inputRight {
  position: absolute;
  top: 0.72917vw;
  right: -2.96875vw;
}
.questionnaire .questionnaireBox .questionnaireMain .list .inputBox .inputRight .btn {
  font-weight: 500;
  font-size: 0.625vw;
  color: transparent;
  background: linear-gradient(239deg, #A83CC5 0%, #620D75 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 2.29167vw;
  cursor: pointer;
}
.questionnaire .questionnaireBox .questionnaireMain .list .inputBox .inputRight .btn:last-child {
  margin-bottom: 0px;
}
.questionnaire .questionnaireBox .questionnaireMain .list .inputBox .inputRight .btn i {
  display: inline-block;
  width: 0.52083vw;
  height: 0.52083vw;
  position: relative;
  margin-right: 0.36458vw;
}
.questionnaire .questionnaireBox .questionnaireMain .list .inputBox .inputRight .btn i::before, .questionnaire .questionnaireBox .questionnaireMain .list .inputBox .inputRight .btn i::after {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #7f2096;
  content: "";
  display: block;
}
.questionnaire .questionnaireBox .questionnaireMain .list .inputBox .inputRight .btn i::before {
  width: 100%;
  height: 0.10417vw;
}
.questionnaire .questionnaireBox .questionnaireMain .list .inputBox .inputRight .btn i::after {
  width: 0.10417vw;
  height: 100%;
}
.questionnaire .questionnaireBox .questionnaireMain .list .inputBox .inputRight .btn.removeBtn {
  display: none;
}
.questionnaire .questionnaireBox .questionnaireMain .list .inputBox .inputRight .btn.removeBtn i::after {
  display: none;
}

/* 问卷按钮 */
.questionnaireBtn {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  position: fixed;
  top: 60%;
  right: 2.13542vw;
  z-index: 999;
  background: url("../images/questionnaireBtn.png") no-repeat center/cover;
  width: 6.61458vw;
  height: 6.5625vw;
  font-weight: 500;
  font-size: 0.83333vw;
  color: #FFFFFF;
  line-height: 0.98958vw;
  text-align: center;
  padding: 0px 0.52083vw 0.57292vw;
}

/* 问卷 */
.questionnaireList {
  display: none;
  padding: 8.59375vw 0px 4.6875vw;
  background: no-repeat #f3fbfe left top;
  background-size: 100% auto;
}
.questionnaireList .questionnaireListBox {
  width: 41.66667vw;
  border-radius: 0.57292vw;
  background: #FFFFFF;
  padding: 2.91667vw 4.16667vw 4.01042vw;
  margin: 0px auto;
}
.questionnaireList .questionnaireListBox .questionnaireListTitle {
  text-align: center;
  margin-bottom: 3.38542vw;
}
.questionnaireList .questionnaireListBox .questionnaireListTitle .title {
  font-weight: bold;
  font-size: 1.40625vw;
  color: #000000;
  margin-bottom: 0.41667vw;
}
.questionnaireList .questionnaireListBox .questionnaireListTitle .intro {
  font-size: 0.72917vw;
  color: #A2A2A3;
}
.questionnaireList .questionnaireListBox .questionnaireListMain .wrapper {
  margin-bottom: 3.69792vw;
}
.questionnaireList .questionnaireListBox .questionnaireListMain .wrapper:last-child {
  margin-bottom: 0px;
}
.questionnaireList .questionnaireListBox .questionnaireListMain .wrapper .bigTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-weight: 500;
  font-size: 0.9375vw;
  color: #000000;
  margin-bottom: 2.55208vw;
  overflow: hidden;
}
.questionnaireList .questionnaireListBox .questionnaireListMain .wrapper .bigTitle::before {
  flex: 1 1;
  width: auto;
  height: 0.57292vw;
  background: url("../images/questionnaireListTitleBefore.png") no-repeat top right;
  background-size: auto 0.57292vw;
  margin-right: 1.04167vw;
  content: "";
  display: block;
}
.questionnaireList .questionnaireListBox .questionnaireListMain .wrapper .bigTitle::after {
  flex: 1 1;
  width: auto;
  height: 0.57292vw;
  background: url("../images/questionnaireListTitleAfter.png") no-repeat top left;
  background-size: auto 0.57292vw;
  margin-left: 1.04167vw;
  content: "";
  display: block;
}
.questionnaireList .questionnaireListBox .questionnaireListMain .wrapper .listBox {
  width: 25.52083vw;
  margin-bottom: 1.30208vw;
  padding-bottom: 1px;
}
.questionnaireList .questionnaireListBox .questionnaireListMain .wrapper .listBox:last-child {
  margin-bottom: 0px;
}
.questionnaireList .questionnaireListBox .questionnaireListMain .wrapper .listBox .title {
  width: 43.95833vw;
  font-size: 0.9375vw;
  color: #000000;
  margin-bottom: 0.88542vw;
}
.questionnaireList .questionnaireListBox .questionnaireListMain .wrapper .listBox .title b {
  font-weight: 900;
  font-size: 0.9375vw;
  margin-right: 0.78125vw;
}
.questionnaireList .questionnaireListBox .questionnaireListMain .wrapper .listBox .tabs {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.78125vw;
}
.questionnaireList .questionnaireListBox .questionnaireListMain .wrapper .listBox .tabs span {
  font-size: 0.72917vw;
  color: #7E7B8C;
  height: 1.25vw;
  line-height: 1.25vw;
  background: #EEEDF2;
  border-radius: 0.20833vw;
  padding: 0px 0.36458vw;
}
.questionnaireList .questionnaireListBox .questionnaireListMain .wrapper .listBox .list {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.25vw;
}
.questionnaireList .questionnaireListBox .questionnaireListMain .wrapper .listBox .list span {
  width: 2.1875vw;
  height: 2.60417vw;
  line-height: 2.60417vw;
  font-size: 0.78125vw;
  color: #000000;
  text-align: center;
  background: #EAE8F4;
  border-radius: 0.20833vw;
  cursor: pointer;
}
.questionnaireList .questionnaireListBox .questionnaireListMain .wrapper .listBox .list span.active {
  background: #910782;
  color: #fff;
}
.questionnaireList .questionnaireListBox .questionnaireListMain .wrapper .listBox .input textarea {
  width: 33.22917vw;
  height: 7.55208vw;
  font-size: 0.72917vw;
  color: #000000;
  background: #FFFFFF;
  border-radius: 0.3125vw;
  border: 1px solid #DCDCDC;
  transition: all 0.4s ease;
  padding: 0.52083vw 0.9375vw;
}
.questionnaireList .questionnaireListBox .questionnaireListMain .wrapper .listBox .input textarea::placeholder {
  color: #A5ABB6;
}
.questionnaireList .questionnaireListBox .questionnaireListMain .wrapper .listBox .input textarea:focus {
  border-color: #910782 !important;
  box-shadow: none !important;
}
.questionnaireList .questionnaireListBox .questionnaireListMain .submit {
  display: block;
  width: 13.69792vw;
  height: 2.65625vw;
  background: #910782;
  border: 0px;
  border-radius: 0.3125vw;
  font-size: 0.83333vw;
  color: #FFFFFF;
  margin: 0px auto;
  cursor: pointer;
  margin: -0.52083vw auto 0px;
}

/* 成功提示 */
.questionnaireSuccess {
  display: none;
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background: rgba(0, 0, 0, 0.5);
}
.questionnaireSuccess .title {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: flex-end;
  text-align: center;
  width: 27.60417vw;
  height: 17.65625vw;
  font-size: 1.04167vw;
  color: #000000;
  line-height: 1.61458vw;
  background: url("../images/questionnaireSuccess.png") no-repeat center/cover;
  padding: 2.39583vw 2.08333vw;
  margin-top: -2.60417vw;
}
@media (max-width: 992px) {
  /* 调查问卷 */
  .questionnaire {
    padding: 80px 0px 40px;
  }
  .questionnaire .questionnaireBox {
    width: calc(100% - 40px);
    padding: 40px 20px;
    backdrop-filter: blur(20px);
    border-radius: 8px;
  }
  .questionnaire .questionnaireBox .questionnaireTitle {
    margin-bottom: 25px;
  }
  .questionnaire .questionnaireBox .questionnaireTitle .title {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .questionnaire .questionnaireBox .questionnaireTitle .intro {
    font-size: 13px;
  }
  .questionnaire .questionnaireBox .questionnaireMain .list {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 16px;
  }
  .questionnaire .questionnaireBox .questionnaireMain .list:nth-child(8) {
    margin-bottom: 29px;
  }
  .questionnaire .questionnaireBox .questionnaireMain .list:last-child {
    margin-bottom: 0px;
  }
  .questionnaire .questionnaireBox .questionnaireMain .list .title {
    text-align: left;
    width: 100%;
    font-size: 14px;
    margin-right: 0px;
    margin-bottom: 8px;
  }
  .questionnaire .questionnaireBox .questionnaireMain .list .title span {
    font-size: 14px;
    margin-right: 2px;
  }
  .questionnaire .questionnaireBox .questionnaireMain .list .input {
    flex: none;
    width: 100%;
  }
  .questionnaire .questionnaireBox .questionnaireMain .list .input input {
    height: 44px;
    font-size: 13px;
    padding: 0px 12px;
    border-radius: 4px;
  }
  .questionnaire .questionnaireBox .questionnaireMain .list .input input:focus {
    box-shadow: 0px 0px 0px 3px rgba(145, 7, 130, 0.2) !important;
  }
  .questionnaire .questionnaireBox .questionnaireMain .list .input .tab {
    height: 34px;
    line-height: 32px;
    padding: 0px 12px;
    border-radius: 4px;
    font-size: 12px;
    margin-right: 6px;
  }
  .questionnaire .questionnaireBox .questionnaireMain .list .input .layui-form-select dl {
    top: 54px;
    padding: 5px 0;
    min-height: 200px;
    max-height: 300px;
    border-radius: 2px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.08);
  }
  .questionnaire .questionnaireBox .questionnaireMain .list .input .layui-form-select dl dd, .questionnaire .questionnaireBox .questionnaireMain .list .input .layui-form-select dl dt {
    font-size: 13px;
    padding: 0 10px;
    line-height: 32px;
  }
  .questionnaire .questionnaireBox .questionnaireMain .list .input .layui-form-select .layui-edge {
    right: 18px;
    width: 8px;
    height: 8px;
    margin-top: -5px;
  }
  .questionnaire .questionnaireBox .questionnaireMain .list .input .layui-form-selected .layui-edge {
    transform: rotate(315deg);
    margin-top: -2px;
  }
  .questionnaire .questionnaireBox .questionnaireMain .list .submit {
    width: 100%;
    height: 44px;
    border-radius: 4px;
    font-size: 14px;
  }
  /* 问卷按钮 */
  .questionnaireBtn {
    width: 45px;
    height: 84.1666666667px;
    font-size: 11px;
    line-height: 16px;
    padding: 0px 7px 10px 0px;
  }
  /* 问卷 */
  .questionnaireList {
    padding: 80px 0px 40px;
  }
  .questionnaireList .questionnaireListBox {
    width: calc(100% - 40px);
    padding: 34px 20px 40px;
    border-radius: 8px;
  }
  .questionnaireList .questionnaireListBox .questionnaireListTitle {
    margin-bottom: 25px;
  }
  .questionnaireList .questionnaireListBox .questionnaireListTitle .title {
    font-size: 20px;
    margin-bottom: 10px;
  }
  .questionnaireList .questionnaireListBox .questionnaireListTitle .intro {
    font-size: 13px;
  }
  .questionnaireList .questionnaireListBox .questionnaireListMain .wrapper {
    margin-bottom: 36px;
  }
  .questionnaireList .questionnaireListBox .questionnaireListMain .wrapper .bigTitle {
    white-space: nowrap;
    font-size: 14px;
    margin-bottom: 25px;
  }
  .questionnaireList .questionnaireListBox .questionnaireListMain .wrapper .bigTitle::before {
    height: 8px;
    background-size: auto 8px; 
    margin-right: 12px;
  }
  .questionnaireList .questionnaireListBox .questionnaireListMain .wrapper .bigTitle::after {
    height: 8px;
    background-size: auto 8px;
    margin-left: 12px;
  }
  .questionnaireList .questionnaireListBox .questionnaireListMain .wrapper .listBox {
    width: 100%;
    margin-bottom: 12px;
  }
  .questionnaireList .questionnaireListBox .questionnaireListMain .wrapper .listBox .title {
    width: 100%;
    font-size: 14px;
    margin-bottom: 9px;
  }
  .questionnaireList .questionnaireListBox .questionnaireListMain .wrapper .listBox .title b {
    font-size: 14px;
    margin-right: 8px;
  }
  .questionnaireList .questionnaireListBox .questionnaireListMain .wrapper .listBox .tabs {
    margin-bottom: 10px;
  }
  .questionnaireList .questionnaireListBox .questionnaireListMain .wrapper .listBox .tabs span {
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    border-radius: 4px;
    padding: 0px 5px;
  }
  .questionnaireList .questionnaireListBox .questionnaireListMain .wrapper .listBox .list {
    margin-bottom: 15px;
  }
  .questionnaireList .questionnaireListBox .questionnaireListMain .wrapper .listBox .list span {
    flex: 1;
    width: auto;
    height: 33px;
    line-height: 33px;
    font-size: 12px;
    border-radius: 4px;
    margin-right: 2px;
  }
  .questionnaireList .questionnaireListBox .questionnaireListMain .wrapper .listBox .list span:last-child {
    margin-right: 0px;
  }
  .questionnaireList .questionnaireListBox .questionnaireListMain .wrapper .listBox .input textarea {
    width: 100%;
    height: 99px;
    font-size: 13px;
    border-radius: 6px;
    padding: 8px 12px;
  }
  .questionnaireList .questionnaireListBox .questionnaireListMain .wrapper .listBox .input textarea:focus {
    box-shadow: 0px 0px 0px 3px rgba(145, 7, 130, 0.2) !important;
  }
  .questionnaireList .questionnaireListBox .questionnaireListMain .submit {
    width: 100%;
    height: 44px;
    border-radius: 4px;
    font-size: 14px;
    margin: -10px 0px 0px;
  }
}