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  HarmonyOS Sans SC ,OPPOSans ,PingFang SC ,Source Han Sans ,Microsoft YaHei;
    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_1600{margin: auto; width: 83.33333333333333vw;}
.auto_1440{margin: auto; width: 75vw;}
.auto_1000{margin: auto; width: 52.08333333333333vw;}
@media(max-width:992px){
    .auto_1600,.auto_1440,.auto_1000{width: 90%;}
}
.columns{display: flex;}
.move{display: none;}
.exceed {
    padding: 7.65625vw 0 0; 
}
@media(max-width:992px){
    .pc{display: none !important;}
    .move{display: block;}
    .exceed {
        padding: 60px 0 0; 
    }
}
.image{overflow: hidden;}
.image img{transition: 1s; width: 100%;}


/*强制去除表单自带的样式*/
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 white 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;}
/* 分页 */
.module_HL1GBCD1 .layui-laypage {
    margin: 0;
}
.layui-box .layui-laypage-curr {
    font-weight: bold;
}
.layui-box a:hover,
.layui-box .layui-laypage-curr:hover {
    color: #fff !important;
    background-color: rgba(0,42,206,1.000) !important;;
}
.module_HL1GBCD1 .pageMain #pagination{text-align: center; display: none;}
.module_HL1GBCD1 .pageMain #pagination a,
.module_HL1GBCD1 .layui-laypage .layui-laypage-spr{ 
    padding: 0px;
    position: relative; 
    background: rgba(239, 239, 239, 1);
    /* border-radius: .416667vw; */
    border: none;
}
.module_HL1GBCD1 .pageMain #pagination a:hover{color: rgba(0,42,206,1.000);}
.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 .layui-laypage .layui-laypage-curr{
    border: none; 
    padding: 0px; 
    /* border-radius: .416667vw; */
    overflow: hidden;
}
.module_HL1GBCD1 .pageMain #pagination .layui-laypage .layui-laypage-curr em{ color: #fff;background: rgba(0,42,206,1.000);}
.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(0,42,206,1.000);
    }
.module_HL1GBCD1 .pageMain .loadMore a:hover{background:rgba(0,42,206,1.000); color: #fff;}
@media (min-width:992px) {
    .module_HL1GBCD1 .pageMain #pagination{display: block;}
    .module_HL1GBCD1 .pageMain #pagination a,
    .module_HL1GBCD1 .layui-laypage .layui-laypage-spr{ height: 2.5vw; line-height: 2.5vw; width: 2.5vw;  margin: 0px .390625vw;font-size: var(--font-size13);}
    .module_HL1GBCD1 .pageMain #pagination .layui-laypage .layui-laypage-curr{height: 2.5vw; line-height: 2.5vw; width: 2.5vw;font-size: var(--font-size17);margin: 0 .390625vw;}
    /* .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-size12);    font-weight: bold;}
    .module_HL1GBCD1 .pageMain #pagination a.layui-laypage-next{font-size: var(--font-size12);    font-weight: bold;}
    .module_HL1GBCD1 .pageMain .loadMore{display: none;}
}
/* 分页 */
.bannerInner .image img{
    animation: amplify1 8s  infinite;
    -webkit-animation: amplify1 8s infinite;
    animation-timing-function:linear;
}
@-webkit-keyframes amplify1 {
    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 amplify1 {
    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);
    }
}
.bgimage img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}
.bgimage video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

/* 按钮 */
.SeeMore a {
    width: 8.333333333333333vw;
    margin: 3.125vw auto 0 ;
    text-align: center;
    background: #0072BC;
    border-radius: 50px;
    padding: 0.5729166666666667vw 0;
    color: #FFFFFF;
    font-size: var(--font-size16);
    display: block;
}
.SeeMore a:hover{
    background: #1b82c7;
}
@media (max-width:992px) {
    .SeeMore a {
        width: 100px;
        padding: 2px 0px;
    }
}
/* 按钮 */
/* 触摸放大 */
.amplify:hover .image img{
    transform: scale(1.05);
}
/* 触摸放大 */
/* 弹窗 */
.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-size38); */
    /* font-weight: 600; */
    line-height: 1;
    /* color: #333333; */
}
html{
    --font-size12:.729167vw;
    --font-size13:.677083vw;
    --font-size14:.729167vw;
    --font-size15:.78125vw;
    --font-size16:.833333vw;
    --font-size17:.885417vw;
    --font-size18:.9375vw;
    --font-size20:1.041667vw;
    --font-size22:1.145833vw;
    --font-size24:1.25vw;
    --font-size25:1.302083vw;
    --font-size26:1.354167vw;
    --font-size28:1.458333vw;
    --font-size30:1.5625vw;
    --font-size32:1.666667vw;
    --font-size35:1.822917vw;
    --font-size36:1.979167vw;
    --font-size38:1.979167vw;
    --font-size40:2.083333vw;
    --font-size42:2.1875vw;
    --font-size45:2.34375vw;
    --font-size46:2.395833vw;
    --font-size48:2.5vw;
    --font-size50:2.604167vw;
    --font-size52:2.708333vw;
    --font-size54:2.8125vw;
    --font-size55:2.864583vw;
    --font-size56:2.916667vw;
    --font-size90:4.6875vw;
}
@media(min-width:1600px){
    html{
        --font-size12:0.729vw;
        --font-size13:0.677vw;
        --font-size14:0.729vw;
        --font-size15:0.781vw;
        --font-size16:0.833vw;
        --font-size17:0.885vw;
        --font-size18:0.938vw;
        --font-size20:1.042vw;
        --font-size22:1.146vw;
        --font-size24:1.25vw;
        --font-size25:1.302vw;
        --font-size26:1.354vw;
        --font-size28:1.458vw;
        --font-size30:1.563vw;
        --font-size32:1.667vw;
        --font-size35:1.823vw;
        --font-size36:1.979vw;
        --font-size38:1.979vw;
        --font-size40:2.083vw;
        --font-size42:2.188vw;
        --font-size45:2.344vw;
        --font-size46:2.396vw;
        --font-size48:2.5vw;
        --font-size50:2.604vw;
        --font-size52:2.708vw;
        --font-size54:2.813vw;
        --font-size55:2.865vw;
        --font-size56:2.917vw;
        --font-size90:4.688vw;
    }
} 
@media(max-width:1380px){ 
    html{
        --font-size12:.9375vw;
        --font-size13:.989583vw;
        --font-size14:1.041667vw;
        --font-size15:1.09375vw;
        --font-size16:1.145833vw;
        --font-size17:1.197917vw;
        --font-size18:1.25vw;
        --font-size20:1.354167vw;
        --font-size22:1.354vw;
        --font-size24:1.458vw;
        --font-size25:1.510417vw;
        --font-size26:1.563vw;
        --font-size28:1.667vw;
        --font-size30:1.771vw;
        --font-size32:1.875vw;
        --font-size35:2.031vw;
        --font-size36:2.083vw;
        --font-size38:2.188vw;
        --font-size40:2.292vw;
    }
}
@media(max-width:992px){ 
    html{
        --font-size12:12px;
        --font-size13:12px;
        --font-size14:12px;
        --font-size15:12px;
        --font-size16:13px;
        --font-size17:14px;
        --font-size18:14px;
        --font-size20:15px;
        --font-size22:16px;
        --font-size24:18px;
        --font-size25:18px;
        --font-size26:18px;
        --font-size28:18px;
        --font-size30:18px;
        --font-size32:18px;
        --font-size35:18px;
        --font-size36:18px;
        --font-size38:18px;
        --font-size40:18px;
        --font-size42:20px;
        --font-size45:20px;
        --font-size46:20px;
        --font-size48:20px;
        --font-size50:20px;
        --font-size52:20px;
        --font-size54:20px;
        --font-size55:20px;
        --font-size56:20px;
        --font-size90:22px;
    }
}


.bannerInner {
    position: relative;
}
.bannerInner .columns {
    position: absolute;
    width: 100%;
    top: 13.541667vw;
    left: 0;
    z-index: 2;
}
.white .bannerInner .columns .title{
    font-size: var(--font-size45);
    color: #FFFFFF;
    padding: 0 0 1.197917vw;
}
.white .bannerInner .columns .intro{
    font-size: var(--font-size20);
    color: #FFFFFF;
}
.white .bannerInner .columns .intro2 {
    font-size: var(--font-size18);
    color: #FFFFFF;
    padding: .78125vw 0 0;
    display: flex;
    align-items: flex-end;
}
.white .bannerInner .columns .intro2 i{
    font-size: var(--font-size20);
    margin: 0 .520833vw 0 0;
}
.black .bannerInner .columns .title{
    font-size: var(--font-size45);
    color: #000000;
    padding: 0 0 1.197917vw;
}
.black .bannerInner .columns .intro{
    font-size: var(--font-size20);
    color: rgba(66, 66, 66, .6);
}
.black .bannerInner .columns .intro2 {
    font-size: var(--font-size18);
    color: #FFFFFF;
    padding: .78125vw 0 0;
}
.black1.black .bannerInner .columns .intro {
    color: #4F4F4F;
}
.Breadcrumbs {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 1.822917vw;
}
.Breadcrumbs ul{
    display: flex;
    align-items: center;
    line-height: 1;
}
.Breadcrumbs ul img{
    width: .833333vw;
    margin: 0 0 .104167vw;
}
.Breadcrumbs ul li {
    display: flex;
    align-items: center;
}
.Breadcrumbs ul li i {
    font-size: var(--font-size14);
    color: rgba(255, 255, 255, 0.5);
    padding: 0 .520833vw;
}
.Breadcrumbs ul li a{
    font-size: var(--font-size14);
    color: rgba(255, 255, 255, 0.5);
}
.Breadcrumbs ul li:last-child i{
    display: none;
}
.Breadcrumbs ul li:last-child a {
    color: #ffffff;
}
.black .Breadcrumbs ul li i ,
.black .Breadcrumbs ul li a{
    color: rgba(50, 50, 50, .5);
}
.black .Breadcrumbs ul li:last-child a {
    color: #323232;
}
.black .Breadcrumbs ul img {
    filter: grayscale(100%) brightness(30%);
}


#bannerVideo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}
@media(max-width:992px){ 
    .Breadcrumbs {
        display: none;
    }
    .bannerInner .image img {
        height: 260px;
        object-fit: cover;
    }
    .bannerInner .columns {
        top: 0;
        display: flex;
        height: 100%;
        align-items: center;
    }
    .bannerInner .columns .title {
        padding: 0 0 10px !important;
    }
    .black .bannerInner .columns .intro{
        color: rgba(66, 66, 66, .8);
    }
}
.ProjectCases {
    padding: 4.166667vw 0 5.208333vw;
}
.ProjectCases dl.list {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0 4.166667vw;
}
.ProjectCases dl.list dd{
    min-width: 8.072917vw;
    padding: 1.5625vw .520833vw;
    width: max-content;
    text-align: center;
    cursor: pointer;

    margin: 0 .260417vw; 
}
.ProjectCases dl.list .title{
    font-size: var(--font-size16);
    color: #000000;
    padding: 1.302083vw 0 0 ;
    line-height: unset;
}
.ProjectCases dl.list .icon img{
    height: 2.135417vw;
    filter: grayscale(100%) brightness(0%);
}
.ProjectCases dl.list dd:hover,
.ProjectCases dl.list dd.on {
    background: url('../images/10.jpg') no-repeat center;
    background-size: 100% 100%;
}
.ProjectCases dl.list dd:hover .title,
.ProjectCases dl.list dd.on .title {
    color: #FFFFFF;
    font-weight: 600;
}
.ProjectCases dl.list dd:hover .icon img ,
.ProjectCases dl.list dd.on .icon img{
    filter: unset;
}

/* .ProjectCases ul li:nth-child(1 4 7 10 13 16) */
.ProjectCases ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -0.417vw;
}
.ProjectCases ul li {
    width: calc(25% - 0.834vw);
    margin: 0vw 0.417vw;
}
.ProjectCases ul li .image{
    height: 18.177083vw;
}
.ProjectCases ul li:nth-child(1) ,.ProjectCases ul li:nth-child(2) {
    width: calc(50% - 0.834vw);
}
.ProjectCases ul li:nth-child(1) .image,
.ProjectCases ul li:nth-child(2) .image{
    height: 37.1875vw;
}

.ProjectCases ul li .image img {
    height: 100%;
    object-fit: cover;
}

.ProjectCases ul li a{
    display: block;
}
.ProjectCases ul li .Htitle{
    font-size: var(--font-size20);
    color: #000000;
    margin: 1.041667vw .416667vw 2.083333vw;

    display: block; 
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;

    line-height: 1;
    transition: .5s;
}
.ProjectCases ul li .images {
    position: relative;
}
.ProjectCases ul li .text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 1.822917vw 2.083333vw;
    opacity: 0;
    transition: .8s;
}
.ProjectCases ul li .text .title {
    font-weight: 400;
    font-size: var(--font-size20);
    color: #FFFFFF;
    line-height: 1.4;
    padding: 0 0 .78125vw;
}
.ProjectCases ul li .text .intro {
    font-size: var(--font-size16);
    color: #FFFFFF;
    line-height: 1.5;
    opacity: 0.7;
    margin: 0 0 1.5625vw;
}
.ProjectCases ul li .text .layui-icon-return{
    width: 2.916667vw;
    height: 2.916667vw;
    border-radius: 50%;
    border: .104167vw solid #CFCFCF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font-size14);
    color: #ffffff;
    transform: rotate(180deg);
    font-weight: 600;
}
.ProjectCases ul li:hover .text {
    background: url('../images/11.png') no-repeat center;
    background-size: 100% 100%;
}
.ProjectCases ul li:hover .Htitle {
    opacity: 0;
    transition: .5s;
}
.ProjectCases ul li:hover .text {
    transition: .8s;
    opacity: 1;
}

.ProjectCases ul .layui-flow-more {
    margin: 2.604167vw auto 0 ;
    width: 100%;
}
.ProjectCases ul .layui-flow-more a cite{
    position: relative;
    background-color: unset;
    font-size: var(--font-size16);
    color: rgba(0,42,206,1.000);
    padding: 0 2.083333vw 0 0;
}
.ProjectCases ul .layui-flow-more a cite::after{
    content: '';
    position: absolute;
    right: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(0deg);
    -moz-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    -o-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
    -webkit-transition: .8s ease;
    -o-transition: .8s ease;
    -moz-transition: .8s ease;
    transition: .8s ease;
    width: .729167vw;
    height: .78125vw;
    background-image: url('../images/12.png');
    background-repeat: repeat-y;
    background-position: 0px 0px;
    -o-background-size: .729167vw .78125vw;
    background-size: .729167vw  .78125vw;
    -webkit-animation: upDownIcon 10s linear infinite;
    -moz-animation: upDownIcon 10s linear infinite;
    -o-animation: upDownIcon 10s linear infinite;
    animation: upDownIcon 10s linear infinite;
}

.ProjectCases ul li .image {
    position: relative;
}
.ProjectCases ul li .image #video1{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media(max-width:992px){ 
    .ProjectCases {
        padding: 35px 0;
    }
    .ProjectCases ul li {
        width: 100% !important;
        margin: 0 0 25px !important;
    }
    .ProjectCases ul li .image {
        height: 260px !important;
    }
    .ProjectCases ul li .text {
        padding: 30px;
    }
    .ProjectCases ul li .text .layui-icon-return {
        width: 35px;
        height: 35px;
    }
    .ProjectCases ul li .text .title {
        padding: 0 0 10px;
    }
    .ProjectCases ul li .text .intro {
        margin: 0 0 12px;
    }
    .ProjectCases ul li .Htitle {
        margin: 16px 0 0 ;
        white-space: unset;
        line-height: unset;
    }
    .ProjectCases ul .layui-flow-more a cite {
        padding: 0 25px 0 0;
    }
    .ProjectCases ul .layui-flow-more a cite::after{
        width: 12px;
        height: 12px;
        background-image: url('../images/12.png');
        background-repeat: repeat-y;
        background-position: 0px 0px;
        -o-background-size: 12px 12px;
        background-size: 12px  12px;

        -webkit-animation: upDownIcon 3s linear infinite;
        -moz-animation: upDownIcon 3s linear infinite;
        -o-animation: upDownIcon 3s linear infinite;
        animation: upDownIcon 3s linear infinite;
    }

    .ProjectCases dl.list {
        justify-content: unset;
        align-items: unset;
        overflow: auto;
        padding: 0 0 25px;
    }
    .ProjectCases dl.list dd {
        min-width: 33.33%;
        padding: 20px 5px;
    }
    .ProjectCases dl.list .icon img {
        height: 30px;
    }
    .ProjectCases dl.list .title {
        padding: 10px 0 0 ;
    }
}

@-webkit-keyframes upDownIcon {
    0% {
        background-position: 0px 0px;
    }

    100% {
        background-position: 0px 6.25vw;
    }
}

@-moz-keyframes upDownIcon {
    0% {
        background-position: 0px 0px;
    }

    100% {
        background-position: 0px 6.25vw;
    }
}

@-o-keyframes upDownIcon {
    0% {
        background-position: 0px 0px;
    }

    100% {
        background-position: 0px 6.25vw;
    }
}

@keyframes upDownIcon {
    0% {
        background-position: 0px 0px;
    }

    100% {
        background-position: 0px 6.25vw;
    }
}

.ProjectDetails {
    padding: 5.208333vw 0;
}
.ProjectDetails .title{
    font-size: var(--font-size52);
    color: #000000;
    text-align: center;
    padding: 0 0 1.822917vw;
}
.ProjectDetails .intro{
    font-size: var(--font-size17);
    color: #424242;
    line-height: 1.5;
    max-width: 62.5vw ;
    margin: 0 auto;
}
.ProjectDetails .images {
    margin: 3.385417vw 3.125vw 0;
}
.ProjectDetails .images video{
    width: 100%;
    display: block;
}

@media(max-width:992px){ 
    .ProjectDetails {
        padding: 35px 0;
    }
    .ProjectDetails .title{
        padding: 0 0 20px;
    }
    .ProjectDetails .intro {
        max-width: 100%;
    }
}

.IndustrySolutions {
    padding: 5.208333vw 0;
    background: #F5F5F8;
}
.IndustrySolutions .columns {
    display: flex;
}
.IndustrySolutions dl {
    width: 30.208333vw;
    min-width: 30.208333vw;
    margin: 4.427083vw 5.729167vw 0 0;
}
.IndustrySolutions dl span{
    font-size: var(--font-size16);
    color: #002ace;
    font-weight: bold;
    display: block;
}
.IndustrySolutions dl .title{
    font-size: var(--font-size40);
    color: #000000;
    padding: 1.041667vw 0 1.5625vw;
}
.IndustrySolutions dl .intro{
    font-size: var(--font-size15);
    color: #6C6C6C;
    margin: 0 0 2.864583vw;
    line-height: 1.6;
}
.IndustrySolutions dl a {
    font-size: var(--font-size17);
    color: #000000;
    display: flex;
    align-items: center;
    /* font-weight: bold; */
    line-height: 1;
}
.IndustrySolutions dl a i {
    font-size: var(--font-size17);
    margin: 0 0 0 .78125vw;
}
.IndustrySolutions ul {
    margin: 0 -11.979167vw 0 0;
    padding: 0 11.979167vw 0 0;
}
.IndustrySolutions ul li {
    width: 100%;
}
.IndustrySolutions ul .swiper-pagination {
    display: flex;
    justify-content: flex-end;
    bottom: 2.083333vw;
    padding: 0 14.0625vw 0 0;
}
.IndustrySolutions ul .swiper-pagination-bullet {
    width: .572917vw;
    height: .572917vw;
    border-radius: 50%;
    border: .104167vw solid #8C8C8D;
    opacity: 0.5;
    margin: 0 .364583vw;
    background: unset;
}
.IndustrySolutions ul .swiper-pagination-bullet-active {
    background: #002ace;
    opacity: 1;
    border: 0 solid #8C8C8D;
}
.IndustrySolutions dl a:hover {
    color: #002ace;
}
@media(max-width:992px){ 
    .IndustrySolutions {
        padding: 35px 0;
    }
    .IndustrySolutions .columns {
        display: block;
    }
    .IndustrySolutions dl {
        width: 100%;
        margin: 0 0 25px;
    }
    .IndustrySolutions dl .title {
        padding: 10px 0 15px;
    }
    .IndustrySolutions dl .intro {
        margin: 0 0 15px;
    }
    .IndustrySolutions ul .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }
    .IndustrySolutions ul {
        padding: 0;
        margin: 0;
    }
}


.SolutionList {
    padding: 5.208333vw 0;
}
.SolutionList .layui-form {
    position: relative;
    z-index: 3;
}
.SolutionList .top {
    position: relative;
}
.SolutionList .top .columns {
    border-bottom: 1px solid rgba(228, 228, 228, 1);
    align-items: flex-end;
    /* justify-content: space-between; */
}
.SolutionList .top .columns a{
    position: relative;
    z-index: 2;
    margin: 0 3.90625vw 0 0;
}
.SolutionList .top .columns .layui-form-radio{
    margin: 0;
    padding: 0;
}
.SolutionList .top .columns .layui-form-radio>div{
    font-weight: 400;
    font-size: var(--font-size16);
    color: #545454;
    padding: 0 0 1.041667vw;
    border-bottom: .104167vw solid rgba(217, 41, 44, 0);
}
.SolutionList .top .columns .layui-form-radioed>div ,
.SolutionList .top .columns .on>div>div{
    color: rgba(0,42,206,1.000);
    border-bottom: .104167vw solid rgba(0,42,206,1.000);
    font-weight: bold;
}
.SolutionList .top .columns .layui-form-radioed>div,
.SolutionList .top .columns .layui-form-radio>div:hover {
    color: rgba(0,42,206,1.000);
}
.SolutionList .top .layui-anim.layui-icon {
    display: none;
}
.SolutionList .top dl .input>.layui-form-radio,
/* .SolutionList .top dl .input>.title , */
.SolutionList .top dl .input>.title .layui-form-radio{
    margin: 00;
    border: 1px solid #9F9E9E;
    font-weight: 400;
    font-size: var(--font-size14);
    color: #787878;
    padding: .208333vw 1.041667vw;
    text-align: center;
    border-radius: 50px;
    min-width: 5.208333vw;
    line-height: 1.458333vw;
}
/* .SolutionList .top dl .input>.title .layui-form-radio {
    padding: 0;
    margin: 0;
} */
.SolutionList .top dl .input>.title .layui-form-radio {
    padding: 0.208333vw 2.604167vw 0.208333vw 1.041667vw;
}
.SolutionList .top dl .input>.layui-form-radio>div,
.SolutionList .top dl .input>.title .layui-form-radio>div{
    font-size: var(--font-size14);
}
.SolutionList .top dl .input>.title {
    display: flex;
    align-items: center;
}
.SolutionList .top dl .input>.title i {
    font-size: var(--font-size14);
    margin: 0 0 0 .520833vw;
    line-height: 1;
    font-weight: bold;

    position: absolute;
    right: 1.041667vw;
}
.SolutionList .top dl .input {
    position: relative;
    margin: 0 .520833vw 0  0;
    padding: 0 0 .520833vw;
}
.SolutionList .top dl .input .list {
    display: none;
    position: absolute;
    /* width: 100%; */
    border: unset;
    box-shadow: 0 0 20px 0 #0000001a;
    top: calc(100% );
    padding: 5px 0;
    z-index: 1;
    background: #fff;

    max-height: 16.145833vw;
    overflow: auto;
}

    .SolutionList .top dl .input .list::-webkit-scrollbar {
        width: 2px;
        height: 0;
        background-color: #DFDFDF;
    }
    
    .SolutionList .top dl .input .list::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); 
        border-radius: 6px;
        background-color: #DFDFDF;
    }
    .SolutionList .top dl .input .list::-webkit-scrollbar-thumb {
        border-radius: 2px;
        -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .1);
        background: #002ace;
    }

@media(min-width:992px){
    .SolutionList .top dl .inputThree:hover .list{
        display: block;
    }
}
.SolutionList .top dl .input .list .layui-form-radio {
    margin: 0;
    padding: 0;
    line-height: unset;
    padding: .520833vw .78125vw;
    width: 100%;
    min-width: 7.8125vw;
}
.SolutionList .top dl .input .list .layui-form-radio>div{
    font-size: var(--font-size14);
}
/* .SolutionList .top dl .layui-form-select {
    margin: 1.041667vw .520833vw 0  0;
} */
/* .SolutionList .top dl .layui-form-select .layui-input {
    text-align: left;
}
.SolutionList .layui-form-select .layui-edge {
    border-width: 0;
    width: .520833vw;
    height: .520833vw;
    border-top: .104167vw solid rgba(120, 120, 120, 1);
    border-left: .104167vw solid rgba(120, 120, 120, 1);
    transform: rotate(45deg);
    right: 1.302083vw;
}
.SolutionList .layui-form-selected .layui-edge {
    transform: rotate(227deg) ;
    margin-top: -0.3125vw;
} */

.SolutionList .top dl .input>.layui-form-radioed,
.SolutionList .top dl .input.on .title .layui-form-radioed,
.SolutionList .top dl .input.on .title .layui-form-radio{
    background: rgba(0,42,206,1.000);
    border: 1px solid rgba(0,42,206,1.000);
    color: #FFFFFF;
}
.SolutionList .top dl .input.on .title i {
    color: #FFFFFF;
}
.SolutionList .top dl .input>.layui-form-radio:hover,
.SolutionList .top dl .input:hover .title .layui-form-radio{
    background: rgba(147, 42, 43, 0);
    border: 1px solid rgba(0,42,206,1.000);
    color: rgba(0,42,206,1.000);
}
.SolutionList .top dl .input:hover .title i {
    color: rgba(0,42,206,1.000);
}
.SolutionList .top dl .input>.layui-form-radio:hover div{
    color: rgba(0,42,206,1.000);
}
.SolutionList .top dl {
    margin: 1.041667vw 0 0;
}
.SolutionList .top dl dd{
    animation: fadeInUp 1s  ;
    -webkit-animation: fadeInUp 1s ;
    animation-timing-function:ease;
    display: flex;
    flex-wrap: wrap;
}

.SolutionList .sousuo {
    position: absolute;
    width: 20.3125vw;
    right: 0;
    top: -2.302083vw;
}
.SolutionList .sousuo form {
    display: flex;
    justify-content: flex-end;
    position: relative;
}
.SolutionList .sousuo input{
    border-radius: 50px;
    border: 0px solid #E4E4E4;

    padding: 0 2.34375vw;

    /* font-weight: bold; */
    font-size: var(--font-size14);
    color: #787878;

    width: 20.677083vw;
    height: 2.239583vw;
    line-height: 2.239583vw;
    background: #F1F1F5;
}
.SolutionList .sousuo input::-webkit-input-placeholder {color: rgba(120, 120, 120, 1);}
.SolutionList .sousuo input::-webkit-input-placeholder {color: rgba(120, 120, 120, 1);}
.SolutionList .sousuo input:-moz-placeholder {color: rgba(120, 120, 120, 1);}
.SolutionList .sousuo input::-moz-placeholder {color: rgba(120, 120, 120, 1);}
.SolutionList .sousuo input:-ms-input-placeholder {color: rgba(120, 120, 120, 1);}

.SolutionList .sousuo .icon- {
    position: absolute;
    left: .9375vw;
    line-height: 2.239583vw;
    font-size: var(--font-size16);
    border: 0;
    background: transparent;
    font-weight: bold;
}
.SolutionList .sousuo .icon-:before {
    content: "\e636";
}
.SolutionList .top #SeeMore2,
.SolutionList .layui-btn {
    opacity: 0;
    visibility: hidden;
    height: 0;
    width: 0;
    padding: 0;
    border-radius: 0;
    border: 0px solid transparent;
}

.ProductList.SolutionList {
    padding: 6.208333vw 0;
}
.ProductList dl.Product_ {
    display: flex;
    flex-wrap: wrap;
    padding: 1.5625vw 0 0;
}
.ProductList dl.Product_ dd{
    margin: 0 1.5625vw 1.5625vw 0;
    width: calc(33.33% - 1.041667vw);
}
.ProductList dl.Product_ dd:nth-child(3n){
    margin-right: 0 ;
}
.ProductList dl.Product_ dd .image img{
    height: 21.875vw;
    object-fit: cover;
    background: #F5F5F8;
}
.ProductList dl.Product_ dd a{
    border: 2px solid #F4F4F5;
    display: block;
}
.ProductList dl.Product_ dd a .image {
    background: #f5f4f9;
}
.ProductList dl.Product_ dd a .text {
    padding: 2.604167vw 1.822917vw 3.645833vw;
} 
.ProductList dl.Product_ dd a .title {
    font-size: var(--font-size25);
    color: #000000;
    margin: 0 0 1.041667vw;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.ProductList dl.Product_ dd a .Explore {
    font-size: var(--font-size17);
    color: #7f7f7f;
} 
.ProductList dl.Product_ dd a .Explore i {
    font-size: var(--font-size17);
    margin: 0 0 0 .208333vw;
}
.ProductList dl.Product_ dd a:hover .text {
    background: url('../assets/126.jpg') no-repeat center;
    background-size: 100% 100% ;
}
.ProductList dl.Product_ dd a:hover .Explore {
    color: #FFFFFF;
}
.ProductList dl.Product_ dd a:hover .title {
    color: #FFFFFF;
}

.ProductList .layui-flow-more {
    padding: 2.083333vw 0 0 ;
    width: 100%;
    margin: 0;
    font-size: var(--font-size16);
    color: rgba(148, 46, 47, 1);
}
.ProductList .layui-flow-more a cite {
    font-size: var(--font-size16);
    color: rgba(148, 46, 47, 1);
    padding: 0 2.083333vw 0 0;
    background: url('../assets/127.png') no-repeat right / .729167vw;
}
@media(max-width:992px){ 

    .ProductList.SolutionList {
        padding: 0 0 35px;
    }
    .ProductList dl.Product_  {
        display: block;
        padding: 5px 0 0 ;
    }
    .ProductList dl.Product_ dd {
        width: 100%;
        margin: 0 0 20px;
    }
    .ProductList dl.Product_ dd .image img {
        height: 220px;
        padding: 20px 0;
        width: auto;
        margin: auto;
        display: block;
    }
    .ProductList dl.Product_ dd a .text {
        padding: 30px 20px ;
    }
    .ProductList dl.Product_ dd a .title {
        margin: 0 0 10px 0;
    }
    
    .SolutionList {
        padding: 0 0 35px 0;
    }
    .SolutionList .sousuo {
        position: unset;
        width: 100%;
        display: flex;
        justify-content: space-between;
        padding: 35px 0 15px;
    }
    .SolutionList .sousuo .shaixuan {
        font-size: 14px;
        display: flex;
        align-items: center;
        width: 150px;
        justify-content: flex-end;
    } 
    .SolutionList .sousuo .shaixuan i {
        margin: 0 0 0 10px;
    }
    .SolutionList .sousuo .shaixuan.on{
        color: rgba(0,42,206,1.000);
    }
    .SolutionList .sousuo input {
        width: 100%;
        height: 35px;
        line-height: 35px;
        padding: 0 40px;
    }
    .SolutionList .sousuo .icon- {
        line-height: 35px;
        left: 16px;
    }
    /* .SolutionList .top .columns {
        overflow: auto;
    } */
    /* .SolutionList .top .columns a {
        min-width: max-content;
        margin: 20px 20px 0 0;
    } */
    .SolutionList .top dl {
        margin: 0 0 0;
    }
    .SolutionList .top dl .input {
        margin: 0 0 0 0;
        padding: 0 20px 0 0;
        min-width: 33.33%;
    }
    .ProductList.SolutionList .top dl .input {
        width: unset;
        min-width: 50%;
        padding: 0 0 0 0;
    }
    .SolutionList .top dl .input>.layui-form-radio, 
    .SolutionList .top dl .input>.title{
        padding: 0 0;
        line-height: 2;
        font-size: 14px;
        border: unset;
    }
    .SolutionList .top dl .input>.title {
        display: none;
    }
    /* .ProductList.SolutionList .top dl .input>.title {
        display: block;
    }
    .ProductList.SolutionList .top dl .input>.title i{
        display: none;
    } */
    .ProductList.SolutionList .top dl .input>.title .layui-form-radio {
        padding: 15px 20px 0px;
        border: 0 solid #9F9E9E;
        line-height: unset;
    }
    .ProductList.SolutionList .top dl .input>.title .layui-form-radio>div {
        font-size: 15px;
    }
    .SolutionList .top dl .input>.title i {
        margin: 0 0 0 10px;
    }
    /* .SolutionList .top dl .input .list {
        padding: 5px 0;
        min-width: 150px;
        line-height: 2.5;
    } */
    .SolutionList .top dl .input .list .layui-form-radio {
        padding: 0 0;
        color: #787878;
        display: flex;
    }
    /* .SolutionList .top dl .input .list .layui-form-radio>div {
        line-height: 1.5;
    } */
    /* .SolutionList .top .columns .layui-form-radio>div {
    } */


    /*  */
    .SolutionList .top .columns {
        display: flex;
        flex-wrap: wrap;
    }
    .SolutionList .top .Stitle {
        font-size: 15px;
        padding: 15px 0 5px 20px;
    }
    .SolutionList .top .layui-anim.layui-icon {
        display: inline-block;
        font-size: var(--font-size14);
    }
    .SolutionList .top .columns .layui-form-radio>div {
        font-size: 14px;
        border-bottom: unset;
        padding: 0;
    }
    .SolutionList .top .columns a {
        min-width: 33.33%;
        margin: 5px 0px 0 0;
    }

    .SolutionList .top dl .input .list {
        display: flex;
        position: unset;
        box-shadow: unset;
        padding: 0;
        min-width: 150px;
        line-height: 2.5;
        flex-wrap: wrap;
        max-height: unset;
    }
    .SolutionList .top dl .input .list>div,
    .SolutionList .top dl .input .list>a {
        min-width: 33.33%;
        padding: 0 10px 0 0;
        margin: 5px 0 0 ;
    }
    .SolutionList .top dl .input .list>a{
        min-width: 50%;
    }
    .SolutionList .top dl .input>.layui-form-radio>div{
        margin: 5px 0 0 ;
    }
    .SolutionList .top dl a.input>.layui-form-radio>div{
        margin: 0;
    }
    .SolutionList .top dl .input.inputThree {
        width: 100%;
    }
    .SolutionList .top dl .input>.layui-form-radioed, 
    .SolutionList .top dl .input.on .title {
        background: rgba(147, 42, 43, 0);
        color: rgba(0,42,206,1.000);
    }
    .SolutionList .top dl .input>.layui-form-radio:hover, .SolutionList .top dl .input:hover .title{
        border: unset;
    }
    .SolutionList .top dl .input>.layui-form-radio:hover div{
        color: rgba(0,42,206,1.000);
    }

    .SolutionList .top {
        position: sticky;
        top: 60px;
        background: #fff;
        z-index: 1;
    }
    .SolutionList .screen {
        position: absolute;
        background: #ffffff;
        /* padding: 0 0 30px; */
        top: 100%;
        left: 0;
        /* width: 100%; */
        z-index: 1;
        display: none;

        margin: 0 -5%;
        padding: 0 5% 30px;
        width: 110%;

        box-shadow: 0px 15px 20px 0 #00000021;
    }

    .SolutionList .top dl dd {
        max-height: 250px;
        overflow: auto;
    }


    .SolutionList .determine {
        font-size: 15px;
        text-align: right;
        padding: 10px 30px 0;

        font-size: 15px;
        text-align: left;
        padding: 5px 30px;
        margin: 5px 0 0 auto;
        max-width: max-content;
        background: #8d3331;
        color: #fff;
    }

}
.SolutionList ul {
    display: flex;
    flex-wrap: wrap;
    padding: 3.125vw 0 2.291667vw ;
    justify-content: space-between;
}
.SolutionList ul li{
    width: 36.979167vw;
    margin: 0 0 2.083333vw;
}
.SolutionList ul li .image img{
    height: 23.4375vw;
    object-fit: cover;
}
.SolutionList ul li .title {
    font-weight: 400;
    font-size: var(--font-size24);
    color: #000000;
    opacity: 0.9;
    padding: 1.5625vw 0 .78125vw;

    display: block; 
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.SolutionList ul li a:hover .title {
    color: rgba(0,42,206,1.000)
}
.SolutionList ul li .intro {
    font-weight: 400;
    font-size: var(--font-size16);
    color: #6C6C6C;
    opacity: 0.7;
    line-height: 1;

    display: block; 
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
@media(min-width:1388px){
    .SolutionList ul {
        justify-content: unset;
    }
    .SolutionList ul li {
        width: calc(33.33% - (2.083333vw / 3));
        margin: 0 1.041667vw 2.083333vw 0;
    }
    .SolutionList ul li:nth-child(3n) {
        margin-right: 0 ;
    }
} 
@media(max-width:992px){ 
    .SolutionList ul {
        padding: 0 0 10px;
    }
    .SolutionList ul li {
        width: 100%;
        margin: 0 0 25px;
    }
    .SolutionList ul li .image img {
        height: auto;
    }
    .SolutionList ul li .title {
        padding: 15px 0 10px ;
    }
}
.brewing {
    padding: 6.25vw 0 4.0625vw;
}
.brewing .columns {
    display: flex;
    margin: 0 0 2.864583vw;
}
.brewing .columns .title{
    min-width: 21.875vw;
    padding: 0 4.166667vw 0 0;
    font-size: var(--font-size52);
    color: #000000;
}

.downloadBtn{    
    display: none;
    margin-top: 1.563vw;
    border: 1px solid #9D9C9C;
    width: 8.333vw;
    font-size: 0.833vw;
    justify-content: center;
    align-items: center;
    padding: 0.781vw 0vw;
    border-radius: 1.563vw;
    transition: all .6s;
    color: #9D9C9C;
}

.downloadBtn img{width: 0.781vw; margin-right: 0.26vw; filter: grayscale(100%) brightness(280%); transition: all .6s;}

.downloadBtn:hover{background: #002ace; color: #fff; border-color: #002ace; }
.downloadBtn:hover img{filter: grayscale(100%) brightness(1000%);}

.brewing:nth-child(2) .downloadBtn{display: flex;}

.brewing .columns .intro {
    font-size: var(--font-size17);
    color: #424242;
    /* line-height: 1.354167vw;
    height: calc(1.354167vw * 6);
    overflow: auto; */
    flex: 1;
    padding: 0 1.5625vw 0 0;
    overflow: auto;
    line-height: 1.6;
}
.brewing .columns .intro p,
.brewing .columns .intro span{
    line-height: 1.6 !important;
    font-size: var(--font-size17) !important;
}
.brewing .columns .intro::-webkit-scrollbar {
    width: .208333vw;
    background-color: rgba(246, 246, 247, 1);
}
.brewing .columns .intro::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); 
    border-radius: 6px;
    background-color: rgba(246, 246, 247, 1);
}
.brewing .columns .intro::-webkit-scrollbar-thumb {
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .1);
    background: rgba(230, 1, 19, 1);
}

.brewing video {
    width: 100%;
    height: auto;
}
@media(max-width:992px){ 
    .brewing {
        padding: 35px 0;
    }
    .brewing .columns {
        display: block;
        margin: 0 0 20px;
    }
    .brewing .columns .intro {
        /* overflow: unset; */
        overflow: auto;
        line-height: 22px;
        /* height: calc(22px * 8); */
        padding: 0;
    }
    .brewing .columns .intro::-webkit-scrollbar {
        width: 3px;
        height: 4px;
    }
    .brewing .columns .title {
        padding: 0 0 20px;
    }
    .downloadBtn{    
        margin-top:20px;
        width: 120px;
        font-size: 14px;
        padding: 10px 0px;
        border-radius: 30px;
    }
    .downloadBtn img{width: 12px; margin-right: 5px;}
}
.technological {
    padding: 5.208333vw 0 6.25vw;
    background: #F5F5F8;
}
.technological .title{
    font-weight: 400;
    font-size: var(--font-size52);
    color: #000000;
    padding: 0 0 2.5vw;
}
.technological .columns .text {
    padding: 0 5.208333vw 0 0;
    flex: 1;
}
.technological .columns .image{
    width: 53.125vw;
}
.technological .columns ul li {
    margin: 0 0 1.302083vw;
}
.technological .columns ul li .Htitle{
    font-size: var(--font-size18);
    color: #848484;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.technological .columns ul li .Htitle i {
    width: 1.145833vw;
    height: 1.145833vw;
    border-radius: 50%;
    border: 1px solid ;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font-size16);
    margin: 0 .9375vw 0 0;
}
.technological .columns ul li .intro {
    font-size: var(--font-size16);
    color: #002ace;
    opacity: 0.7;
    padding: .625vw 0 ;
    margin: 0 0 0 2.083333vw;
    display: none;
}
.technological .columns ul li .intro .image {
    margin: 20px 0 0 ;
}
.technological .columns ul li.on .Htitle {
    color: #002ace;
}
@media(min-width:992px){
    .technological .swiper2 .swiper-wrapper {
        display: block;
    }
}
@media(max-width:992px){ 
    .technological {
        padding: 35px 0;
    }
    .technological .columns {
        display: block;
    }
    .technological .title {
        padding: 0 0 20px;
    }
    .technological .columns ul li {
        margin: 0 0 15px;
    }
    .technological .columns ul li .Htitle i {
        width: 25px;
        height: 25px;
        margin: 0 15px 0 0;
    }
    .technological .columns ul li .intro {
        /* margin: 0 0 0 40px; */
        padding: 15px 0 10px 0;
        text-align: center;
        display: block !important;
        color: #242424;
    }
    .technological .columns .image {
        width: 100%;
        display: none;
    }
    .technological .columns .intro .image {
        display: block;
    }

    .technological .swiper1 {
        padding: 0 23% 10px;
    }
    .technological .swiper1 .swiper-slide{
        font-size: 18px;
        text-align: center;
        position: relative;
    }
    .technological .swiper1 .swiper-slide::before {
        content: "";
        position: absolute;
        right: 88%;
        top: 50%;
        transform: translateY(-50%);
        background-image: url('../images/zxc1.svg');
        width: 80px;
        height: 11px;
        background-size: 80px 11px;
        background-repeat: no-repeat;
        background-position: center;
    }
    .technological .columns .text {
        padding: 0;
    }
    .technological .columns ul li .Htitle {
        display: none;
    }
    .technological .swiper1 .swiper-slide.swiper-slide-active {
        color: #8d3331;
    }
}
.equipment {
    padding: 5.208333vw 0;
}
.equipment .columns{
     align-items: center;
     justify-content: space-between;
}
.equipment .columns .title{
    font-size: var(--font-size52);
    color: #000000;
}
.equipment .columns a{
    font-size: var(--font-size52);
    color: rgba(207, 207, 207, 1);

    width: 2.916667vw;
    height: 2.916667vw;
    border-radius: 50%;
    border: .104167vw solid #CFCFCF;
    display: inline-flex;
    align-items: center;
    justify-content: center;

    position: relative;
    margin: 0 0 0 .416667vw;
}
.equipment .columns a:nth-child(2) {
    transform: rotate(180deg);
}
.equipment .columns a i {
    font-size: var(--font-size14);
    font-weight: bold;
}
.equipment .columns a svg {
    display: none;

    position: absolute;
    top: -0.104167vw;
    left: -0.104167vw;
    width: 3.125vw;
    height: 3.125vw;
    margin: -0.104167vw;
    fill: none;
    stroke: #002ace;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    stroke-width: .104167vw;
    stroke-dasharray: 167;
    animation: mySvg .5s  ;
    -webkit-animation: mySvg .5s ;
    animation-timing-function:linear;

    /* stroke-dashoffset: 120; */
}
.equipment .columns a:nth-child(2) svg {
    -webkit-transform: rotate(-0);
    -ms-transform: rotate(-0);
    transform: rotate(-0);
}
.equipment .columns a:hover svg{
    display: block;
}
.equipment .columns a:hover i{
    color: #002ace;
}


.equipment ul {
    padding: 3.125vw 0 0;
}
.equipment ul li .image img{
    height: 22.916667vw;
    object-fit: cover;
}
.equipment ul li .text{
    padding: 2.5vw 1.822917vw 3.229167vw;
    border: .104167vw solid #F4F4F5;
}
.equipment ul li:hover .text {
    background: url('../images/13.jpg') no-repeat center;
    background-size: 100% 100%;
}
.equipment ul li .text .title{
    font-weight: 400;
    font-size: var(--font-size24);
    color: #000000;
    padding: 0 0 1.5625vw ;
    margin: 0 0 .78125vw;

    border-bottom: 1px solid rgba(132, 132, 132, .1);
}
.equipment ul li .text .intro {
    font-size: var(--font-size16);
    color: #848484;
    opacity: 0.6;
    line-height: 1.6;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.equipment ul li .text .more {
    font-weight: 400;
    font-size: var(--font-size17);
    color: rgba(132, 132, 132, 1);
    display: flex;
    align-items: center;
    line-height: 1;
    margin: 1.822917vw 0 0;
}
.equipment ul li .text .more i {
    margin: .052083vw 0 0 .625vw;
}

.equipment ul li:hover .text .more,
.equipment ul li:hover .text .intro{
    color: rgb(255, 255, 255);
}
.equipment ul li:hover .text .title{
    border-bottom: 1px solid rgba(241, 241, 245, .1);
    color: rgb(255, 255, 255);
}
@media(max-width:992px){ 
    .equipment {
        padding: 35px 0;
    }
    .equipment .columns a {
        display: none;
    }
    .equipment ul li .image img {
        height: auto;
    }
    .equipment ul {
        padding: 20px 0 0 ;
    }
    .equipment ul li .text {
        padding: 20px ;
    }
    .equipment ul li .text .title {
        padding: 0 0 15px;
        margin: 0 0 10px;
    }
    .equipment ul li .text .more {
        margin: 20px 0 0;
    }
}
.FEATURES {
    padding: 5.208333vw 0 6.25vw;
    background: #F5F5F8;
}
.FEATURES .title{
    font-weight: 400;
    font-size: var(--font-size52);
    color: #000000;
    padding: 0 0 3.125vw;
}
.FEATURES .columns .image{
    width: 33.072917vw;
}
.FEATURES .columns ul{
    flex: 1;
    margin: 0 2.864583vw 0 0;
}

.FEATURES ul li {
    padding: 1.510417vw 3.385417vw 1.510417vw 3.125vw;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    opacity: .6;
    position: relative;
    margin: 0 0 .729167vw;

    transition: .5s;
}
.FEATURES ul li .Top {
    display: flex;
    align-items: center;
}
.FEATURES ul li .Top span {
    width: 1.5625vw;
    height: 1.5625vw;
    border-radius: 50%;
    border: .104167vw solid #002ace;
    font-size: var(--font-size18);
    color: #002ace;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 .520833vw 0 0;
}
.FEATURES ul li .Top .Htitle {
    font-weight: 400;
    font-size: var(--font-size26);
    color: #000000;
    flex: 1;
    padding: 0 2.604167vw 0 0;
    line-height: 1;
}
.FEATURES ul li .intro {
    font-size: var(--font-size16);
    color: #2B2B2B;
    line-height: 1.6;
    padding: .78125vw 0 0 ;
    max-width: 29.166667vw;

    display: none;
}
.FEATURES ul li .Top i {
    color: rgba(97, 95, 97, 1);
    font-size: var(--font-size18);
    font-weight: bold;
}
.FEATURES ul li.on {
    opacity: 1;
    padding: 2.864583vw 3.385417vw 2.083333vw 3.125vw;
}
.FEATURES ul li.on::after{
    content: '';
    position: absolute;
    top: 50%;
    left: -0.208333vw;
    width: .208333vw;
    height: 3.072917vw;
    background: #002ace;
    transform: translateY(-50%);
    box-shadow: 8px 0px 20px 0 rgba(148, 46, 47, 1);
}
.FEATURES ul li.on .Top i {
    color: #002ace;
}
@media(max-width:992px){ 
    .FEATURES {
        padding: 35px 0;
    }
    .FEATURES .title {
        padding: 0 0 20px ;
    }
    .FEATURES .columns{
        display: block;
    }
    .FEATURES ul li .intro {
        max-width: 100%;
        padding: 15px 0 0;
    }
    .FEATURES ul li .intro .image {
        margin: 20px 0 0 ;
        width: 100%;
    }
    .FEATURES ul li .intro .image img{
        height: 200px;
        object-fit: cover;
    }
    .FEATURES ul li{
        padding: 16px 20px;
        margin: 0 0 12px;
    }
    .FEATURES ul li.on {
        opacity: 1;
        padding: 20px;
    }
    .FEATURES ul li .Top span {
        width: 25px;
        height: 25px;
        margin: 0 15px 0 0;
    }
    .FEATURES ul li.on::after {
        width: 2px;
        height: 50px;
    }
    .FEATURES ul li .Top .Htitle {
        line-height: unset;
        padding: 0 10px 0 0;
    }
    .FEATURES .columns .image {
        display: none;
    }
}
.projectlayout {
    padding: 5.208333vw 0 4.947917vw;
}
.projectlayout .title{
    font-weight: 400;
    font-size: var(--font-size52);
    color: #000000;
    text-align: center;
    padding: 0 0 2.604167vw;
}
@media(max-width:992px){ 
    .projectlayout {
        padding: 35px 0;
    }
    .projectlayout .title{
        padding: 0 0 20px;
    }
}
.TechnicalAdvantages {
    background: #F5F5F8;
}
.TechnicalAdvantages .columns .image{
    width: 30vw;
    height: 100%;
}
.TechnicalAdvantages .columns .image img {
    height: 100%;
    object-fit: cover;
}
.TechnicalAdvantages .columns .text{
    width: 70vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 4.6875vw;
}
.TechnicalAdvantages .columns .text .title {
    font-size: var(--font-size52);
    color: #000000;
    padding: 0 0 1.5625vw;
}
.TechnicalAdvantages .columns .text .intro {
    font-size: var(--font-size18);
    color: #353535;
    max-width: 32.291667vw;
    margin: 0 0 1.5625vw;
} 
.TechnicalAdvantages .columns .text .intro p {
    line-height: 1.5625vw;
    padding: 0 0 0 1.145833vw;
    margin: .416667vw 0 ;
    position: relative;
}
.TechnicalAdvantages .columns .text .intro p::before {
    content: '';
    width: .46875vw;
    height: .46875vw;
    border-radius: 50%;
    border: .104167vw solid #002ace;
    display: inline-block;
    position: absolute;
    left: 0;
    top: .572917vw;
}
.TechnicalAdvantages.TechnicalAdvantagesNoDot .columns .text .intro p{padding: 0px;}
.TechnicalAdvantages.TechnicalAdvantagesNoDot .columns .text .intro p::before {display: none;}

.TechnicalAdvantages.TechnicalAdvantagesleftText .columns{flex-direction: row-reverse;}
.TechnicalAdvantages.TechnicalAdvantagesleftText .columns .text{padding-left: 0px;}

.TechnicalAdvantages.TechnicalAdvantagesleftTextNoDot .columns{flex-direction: row-reverse;}
.TechnicalAdvantages.TechnicalAdvantagesleftTextNoDot .columns .text{padding-left: 0px;}
.TechnicalAdvantages.TechnicalAdvantagesleftTextNoDot .columns .text .intro p{padding: 0px;}
.TechnicalAdvantages.TechnicalAdvantagesleftTextNoDot .columns .text .intro p::before {display: none;}



@media(max-width:992px){ 
    .TechnicalAdvantages .columns{
        display: block;
    }
    .TechnicalAdvantages .columns .image {
        width: 100%;
    }
    .TechnicalAdvantages .columns .text {
        max-width: 100%;
        width: 100%;
        margin: auto;
        padding: 35px 5%;
    }
    .TechnicalAdvantages .columns .text .intro {
        max-width: 100%;
    }
    .TechnicalAdvantages .columns .text .intro p {
        line-height: 22px;
        padding: 0 0 0 15px;
        margin: 5px 0;
    }
    .TechnicalAdvantages .columns .text .intro p::before {
        width: 5px;
        height: 5px;
        top: 8px;
    }
    .TechnicalAdvantages .columns .text .title {
        padding: 0 0 10px;
    }
}

.RelatedCases {
    padding: 6.770833vw 7.03125vw;
    position: relative;
    text-align: center;
}
.RelatedCases .more {
    font-weight: 400;
    font-size: var(--font-size17);
    color: rgba(132, 132, 132, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}
.RelatedCases .more i {
    margin: .052083vw 0 0 .625vw;
}
.RelatedCases .more{
    color: rgb(255, 255, 255);
}
.RelatedCases .title {
    font-size: var(--font-size52);
    color: #FFFFFF;
}
.RelatedCases .intro {
    font-size: var(--font-size22);
    color: #FFFFFF;
    opacity: 0.8;
    padding: 1.302083vw 0 1.822917vw;
    font-weight: 300;
}
@media(max-width:992px){ 
    .RelatedCases {
        padding: 45px 0;
    }
    .RelatedCases .intro {
        padding: 13px 0 22px;
    }
}
.Professional {
    padding: 0 0 6.25vw 0;
}
.Professional .top {
    position: relative;
    transition: all .6s ease-in-out;
}
/* @media(min-width:992px){ 
    .Professional .top  {
        margin: 7.8125vw 0 0;
    }
} */
.Professional .top .title{
    font-size: var(--font-size52);
    color: #000000;
    padding: 0 0 1.5625vw ;
    text-align: center;
}
.Professional .top .intro{
    font-size: var(--font-size18);
    color: #3D3D3D;
    line-height: 1.5;
    opacity: 0.9;
    padding: 0 0 3.385417vw;
    text-align: center;
}
.Professional .top .image {
    padding: 0 0 ;
    clip-path: inset(35% 00% 0%);
    /* transition: 1.2s; */
    transition: all .5s ease-in-out;
}

.Professional .button .title{
    font-size: var(--font-size52);
    color: #000000;
    padding: 5.208333vw 0 1.822917vw ;
}
.Professional .button .intro{
    font-size: var(--font-size18);
    color: #3D3D3D;
    line-height: 1.5;
    opacity: 0.9;
}
.Professional .button dl {
    display: flex;
    flex-wrap: wrap;
    margin: 3.90625vw 0 0;
    justify-content: space-between;
}
.Professional .button dl dt{
    width: 100%;
    display: flex;
    align-items: center;

    font-size: var(--font-size30);
    color: #002ace;
    line-height: 1;
}
.Professional .button dl dt i{
    flex: 1;
    height: .104167vw;
    background: #F5F5F5;
    margin: 0 0 0 1.5625vw;
}
.Professional .button dl dd {
    width: 36.979167vw;
    padding: 2.34375vw 1.041667vw;
    background: #F5F5F8;
    margin: 1.5625vw 0 0;
    min-height: 12.5vw;
}
.Professional .button dl dd .Htitle {
    font-size: var(--font-size24);
    color: #000000;
    margin: 0 0 0 -1.041667vw;
    padding: 0 0 0 1.041667vw;
    border-left: .208333vw solid rgba(0,42,206,1.000);
    line-height: 1;
}
.Professional .button dl dd .intro {
    font-size: var(--font-size16);
    margin: 1.5625vw 0 0 ;
} 

.Professional .button dl dd:hover {
    background: url('../images/15.jpg') no-repeat center;
    background-size: 100% 100%;
}
.Professional .button dl dd:hover .Htitle{
    color: #FFFFFF;
}
.Professional .button dl dd:hover .intro{
    color: #FFFFFF;
    opacity: 0.7;
}

.Professional .top .text{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    height: 100%;
    padding: 6.25vw 0;
    z-index: 1;
}
@media(max-width:992px){ 
    .Professional {
        padding: 35px 0;
    }
    .Professional .top .title {
        padding: 0 0 15px;
    }
    .Professional .top .intro {
        padding: 0 0 20px;
        text-align: left;
    }
    .Professional .top .intro br{
        display: none;
    }
    .Professional .top .image {
        margin: 0;
        clip-path: unset;
    }
    .Professional .button .title {
        padding: 30px 0 15px;
    }
    .Professional .button .intro br{
        display: none;
    }
    .Professional .button dl {
        margin: 30px 0 0 ;
    }
    .Professional .button dl dt i {
        margin: 0 0 0 20px;
    }
    .Professional .button dl dd {
        width: 100%;
        margin: 20px 0 0 ;
        padding: 20px;
    }
    .Professional .button dl dd .Htitle {
        margin: 0 0 0 -20px;
        padding: 0 0 0 20px;
        font-size: 16px;
        border-left: 2px solid rgba(0,42,206,1.000);
    }
    .Professional .button dl dd .intro {
        margin: 10px 0 0;
    }

    .Professional .top .text {
        position: unset;
        padding: 0 0 0;
    }
}
.serviceTeam {
    position: relative;
}
.serviceTeam .text{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 6.458333vw 0;
}
.serviceTeam .text .title {
    font-size: var(--font-size52);
    color: #000000;
    text-align: center;
    padding: 0 0 1.5625vw;
}
.serviceTeam .text .intro{
    font-size: var(--font-size18);
    color: #5A5A5A;
    line-height: 1.5;
    text-align: center;
}
@media(max-width:992px){ 
    .serviceTeam .text {
        position: unset;
        background: #f5f5f8;
        padding: 35px 0;
    }
    .serviceTeam .text .title {
        padding: 0 0 15px;
    }
    .serviceTeam .text .intro {
        text-align: left;
    }
    .serviceTeam .text .intro br {
        display: none;
    }
}

.ServiceHotline {
    padding: 6.25vw 0;
}
.ServiceHotline .title{
    font-size: var(--font-size52);
    color: #000000;
    padding: 0 0 2.604167vw;
    text-align: center;
}
.ServiceHotline .images {
    position: relative;
}
.ServiceHotline ul{
    display: flex;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 6.25vw 0;
}
.ServiceHotline ul li {
    min-width: 18.072917vw;
    padding: 0 2.604167vw;
    text-align: center;
    position: relative;
}
.ServiceHotline ul li:not(:last-child)::after{
    display: block;
    content: '';
    width: .052083vw;
    height: calc(100% - .989583vw);
    top: .416667vw;
    background: rgba(255, 255, 255, .2);
    position: absolute;
    right: 0;
    /* border-right: 1px solid rgba(255, 255, 255, .2);
    border-left: 1px solid rgba(255, 255, 255, .2); */
}
.ServiceHotline ul li img {
    max-width: 2.239583vw;
    min-width: 2.083333vw;
}
.ServiceHotline ul li .Htitle{
    font-size: var(--font-size20);
    color: #FFFFFF;
    padding: 1.822917vw 0 .78125vw;
    line-height: 1;
    font-weight: bold;
}
.ServiceHotline ul li .intro{
    font-size: var(--font-size16);
    color: #FFFFFF;
    opacity: 0.5;
}
@media(max-width:992px){ 
    .ServiceHotline {
        padding: 35px 0;
    }
    .ServiceHotline .title {
        padding: 0 0 20px;
    }
    .ServiceHotline ul {
        position: unset;
        display: block;
    }
    .ServiceHotline .images .image img{
        position: absolute;
        height: 100%;
        object-fit: cover;
    }
    .ServiceHotline ul li {
        padding: 20px 0 ;
        margin: 0 10%;
    }
    .ServiceHotline ul li img {
        max-width: 32px;
        min-width: unset;
    }
    .ServiceHotline ul li .Htitle {
        padding: 15px 0 10px;
    }
    .ServiceHotline ul li:not(:last-child)::after {
        width: 100%;
        height: 1px;
        top: unset;
        bottom: 0;
    }
}
.Feedback {
    padding: 6.25vw 0 6.510417vw;
    background: #F5F5F8;
}
.Feedback .columns {
    justify-content: space-between;
}
.Feedback .text {
    max-width: 20.833333vw;
}
.Feedback .text .title{
    font-size: var(--font-size42);
    color: #000000;
    padding: 0 0 1.5625vw;
}
.Feedback .text .intro{
    font-size: var(--font-size17);
    color: #000000;
    line-height: 1.5;
    opacity: 0.8;
}
.Feedback .text .intro a {
    color: rgba(0,42,206,1.000);
}

.Feedback .layui-form {
    width: 42.1875vw;
}
.Feedback .topTitle {
    font-size: var(--font-size15);
    color: #2A2829;
    font-weight: 600;
}
.Feedback ul li {
    display: flex;
    justify-content: space-between;
    margin: 1.041667vw 0 0;
}
.Feedback ul li input ,
.Feedback ul li textarea {
    width: 20.833333vw;
    height: 2.8125vw;
    line-height: 2.8125vw;
    background: rgba(255, 255, 255, .9);

    /* font-weight: 600; */
    font-size: var(--font-size15);
    color: rgba(42, 40, 41, .8);
    padding: 0 1.197917vw;
}
.Feedback ul li textarea{
    width: 100%;
    padding: 1.197917vw;
    min-height: 7.1875vw;
    line-height: 1;
}
.Feedback button.more{
    width: 8.125vw;
    height: 2.447917vw;
    background: #002ace;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;

    font-size: var(--font-size15);
    color: rgba(255, 255, 255, .8);
    border: 0;
    margin: 1.822917vw 0 0;
}
.Feedback button.more i {
    margin: 0 0 0 1.302083vw;
    color: rgba(255, 255, 255, 1);
    font-size: var(--font-size15);
}
.Feedback button.more:hover {
    background: rgba(255, 255, 255, 1);
    color: #002ace;
    border: 1px solid #002ace;
}
.Feedback button.more:hover i {
    color: #002ace;
}

.Feedback ul li>div {
    position: relative;
}
.Feedback ul li>div img {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}
@media(max-width:992px){ 
    .Feedback ul li>div img  {
        top: 15px;
        height: 40px;
    }
    .Feedback {
        padding: 35px 0;
    }
    .Feedback .columns {
        display: block;
    }
    .Feedback .text {
        max-width: 100%;
    }
    .Feedback .text .title {
        padding: 0 0 20px;
    }
    .Feedback .layui-form {
        width: 100%;
        padding: 25px 0 0 ;
    }
    .Feedback ul li {
        display: block;
        margin: 0;
    }
    .Feedback ul li input, .Feedback ul li textarea {
        width: 100%;
        height: 40px;
        line-height: 40px;
        padding: 0 20px;
        margin: 15px 0 0;
    }
    .Feedback ul li textarea {
        padding: 20px;
        height: unset;
        line-height: 1;
        min-height: 100px;
    }
    .Feedback button.more {
        width: 125px;
        height: 32px;
        margin: 20px auto 0;
    }
    .Feedback button.more i {
        margin: 0 0 0 10px;
    }
}

.download {
    padding: 5.208333vw 0;
    background: #F7F7F7;
}
.download ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 3.125vw;
}
.download ul li {
    width: 23.958333vw;
    margin: 0 1.5625vw 1.5625vw 0;
    background: #fff;
    transition: .3s;
}
.download ul li:nth-child(3n) {
    margin-right: 0;
}
.download ul li .text {
    padding: 1.5625vw 1.875vw 1.5625vw 1.979167vw;
}
.download ul li .text .title{
    font-size: var(--font-size22);
    color: #000000;
    padding: 0 0 1.5625vw;
    margin: 0 0 1.041667vw;
    position: relative;
    border-bottom: .104167vw solid rgba(216, 218, 222, .9);
}
.download ul li .text .title::after{
    content: '';
    position: absolute;
    bottom: -0.104167vw;
    left: 0;
    width: 0;
    height: .104167vw;
    background: #002ace;
    transition: 1s;
}
.download ul li .text .columns{
    align-items: center;
    justify-content: space-between;
}
.download ul li .text .columns span {
    font-size: var(--font-size16);
    color: #9D9C9C;
}
.download ul li .text .columns img{
    width: .989583vw;
    filter: grayscale(100%) brightness(280%);
} 

.download ul li:hover {
    box-shadow: 0px 15px 54px 0px rgba(75, 75, 75, 0.3);
}
.download ul li:hover .text .columns img{
    filter: unset;
}
.download ul li:hover .text .columns span{
    color: rgba(0,42,206,1.000);
}
.download ul li:hover .text .title::after {
    width: 100%;
    transition: 1s;
}
@media(max-width:992px){ 
    .download {
        padding: 35px 0;
    }
    .download ul li {
        width: 100%;
        margin: 0 0 20px;
    }
    .download ul li .text {
        padding: 20px;
    }
    .download ul li .text .title {
        padding: 0 0 15px;
        margin: 0 0 15px;
    }
    .download ul li .text .title {
        border-bottom: 1px solid rgba(216, 218, 222, .9);
    }
    .download ul li .text .title::after {
        height: 1px;
    }
    .download ul li .text .columns img {
        width: 15px;
    }
    .download ul {
        padding: 0 0 10px;
    }
}


.NewsTop {
    padding: 5.208333vw 0 6.25vw;
}
.NewsTop .columns{
    align-items: center;
    justify-content: space-between;
    padding: 0 0 3.645833vw;
}
.NewsTop .columns .title{
   font-size: var(--font-size52);
   color: #000000;
}
.NewsTop .columns a{
   font-size: var(--font-size52);
   color: rgba(207, 207, 207, 1);

   width: 2.916667vw;
   height: 2.916667vw;
   border-radius: 50%;
   border: .104167vw solid #CFCFCF;
   display: inline-flex;
   align-items: center;
   justify-content: center;

   position: relative;
   margin: 0 0 0 .416667vw;
}
.NewsTop .columns a:nth-child(2) {
   transform: rotate(180deg);
}
.NewsTop .columns a i {
   font-size: var(--font-size14);
   font-weight: bold;
}
.NewsTop .columns a svg {
   display: none;

   position: absolute;
   top: -0.104167vw;
   left: -0.104167vw;
   width: 3.125vw;
   height: 3.125vw;
   margin: -0.104167vw;
   fill: none;
   stroke: #002ace;
   -webkit-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   transform: rotate(180deg);
   stroke-width: .104167vw;
   stroke-dasharray: 167;
   animation: mySvg .5s  ;
   -webkit-animation: mySvg .5s ;
   animation-timing-function:linear;

   /* stroke-dashoffset: 120; */
}
.NewsTop .columns a:nth-child(2) svg {
   -webkit-transform: rotate(-0);
   -ms-transform: rotate(-0);
   transform: rotate(-0);
}
.NewsTop .columns a:hover svg{
   display: block;
}
.NewsTop .columns a:hover i{
   color: #002ace;
}

.NewsTop ul {
    padding: 0 0 0 11.979167vw;
}
.NewsTop ul li{
    width: 52.5vw;
}
.NewsTop ul li {
    position: relative;
}
.NewsTop ul li .text{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10.416667vw 3.125vw 2.083333vw;
    background: linear-gradient(0deg, #000000bd, transparent);
}
.NewsTop ul li span {
    font-weight: 400;
    font-size: var(--font-size14);
    color: #FFFFFF;
    opacity: 0.6;
}
.NewsTop ul li .title{
    font-weight: 400;
    font-size: var(--font-size30);
    color: #FFFFFF;
    line-height: 1.3;
    padding: .78125vw 0 0;
} 


@media(max-width:992px){ 
    .NewsTop {
        padding: 35px 0;
    }
    .NewsTop .columns a {
        display: none;
    }
    .NewsTop .columns {
        padding: 0 0 20px;
    }
    .NewsTop ul {
        width: 90%;
        margin: auto;
        padding: 0;
    }
    .NewsTop ul li .text{
        position: unset;
        padding: 20px 0 0 ;
        background: unset;
    }
    .NewsTop ul li .title br {
        display: none;
    }
    .NewsTop ul li span,
    .NewsTop ul li .title{
        color: #000;
    }
    .NewsTop ul li .title {
        padding: 10px 0 0;
        line-height: 1.5;
        font-size: 16px;
    }
    .NewsTop .swiper-pagination {
        position: unset;
        display: flex;
        justify-content: center;
        padding: 1.041667vw 0 0;
    }
    .NewsTop .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        border: 2px solid #8C8C8D;
        opacity: 0.5;
        margin: 0 3px;
        background: unset;
    }
    .NewsTop .swiper-pagination-bullet-active {
        background: #002ace;
        opacity: 1;
        border: 0 solid #8C8C8D;
    }
}
.NewsList {
    background: #F5F5F8;
    padding: 5.208333vw 0;
}
.NewsList ul{
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 2.083333vw;
}
.NewsList ul li{
    width: calc(33.33% - (4.166667vw / 3));
    margin: 0 2.083333vw 2.604167vw 0;
}
.NewsList ul li:nth-child(3n){
    margin-right: 0;
}
.NewsList ul li .title{
    font-size: var(--font-size18);
    color: #000000;
    display: block; 
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 1.5625vw 0 .729167vw;
}
.NewsList ul li .date {
    font-size: var(--font-size14);
    color: #444444;
    opacity: 0.6;
    line-height: 1;
} 
.NewsList ul li:hover  .title{
    color: rgba(0,42,206,1.000);
}
@media(max-width:1388px){
    .NewsList ul li{
        width: calc(50% - (2.083333vw / 2));
        margin: 0 2.083333vw 2.604167vw 0;
    }
    .NewsList ul li:nth-child(3n){
        margin-right: 2.083333vw;
    }
    .NewsList ul li:nth-child(2n){
        margin-right: 0;
    }

} 
@media(max-width:992px){ 
    .NewsList {
        padding: 35px 0;
    }
    .NewsList ul li {
        width: 100%;
        margin: 0 0 25px;
    }
    .NewsList ul li .title {
        padding: 15px 0 10px;
    }
    .NewsList ul {
        padding: 0 0 5px;
    }
}


.Newsdetail {
    padding: 7.65625vw 0 0;
    background: #F5F5F8;
}
.Newsdetail .top{
    margin: 0 1.041667vw;
    background: #ffffff;
    padding: 5.625vw 16.145833vw 2.083333vw;
}
.Newsdetail .top .columns {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 0 1.5625vw;
}

.Newsdetail .top .columns ul{
    display: flex;
    align-items: center;
    line-height: 1;
}
.Newsdetail .top .columns ul img{
    width: .833333vw;
    margin: 0 0 .104167vw;
}
.Newsdetail .top .columns ul li {
    display: flex;
    align-items: center;
}
.Newsdetail .top .columns ul li i {
    font-size: var(--font-size14);
    color: rgba(0, 0, 0, 0.5);
    padding: 0 .520833vw;
}
.Newsdetail .top .columns ul li a{
    font-size: var(--font-size14);
    color: rgba(0, 0, 0, 0.5);
}
.Newsdetail .top .columns ul li:last-child i{
    display: none;
}
.Newsdetail .top .columns ul li:last-child a {
    color: #000000;
}
.Newsdetail .top .columns ul img {
    filter: grayscale(100%) brightness(30%);
}

.Newsdetail .top .social-share .social-share-icon:not(:first-child) {
    margin-top: 0;
}
.Newsdetail .top .social-share .social-share-icon {
    width: 1.979167vw;
    height: 1.979167vw;
    font-size: var(--font-size16);
    line-height: 1.979167vw;
    display: inline-block;
    top: 0;

    color: rgba(207, 207, 207, 1);
    transition: 0s;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.Newsdetail .top .social-share .social-share-icon:hover {
    color: rgb(255, 255, 255);
    background: #932a2c;
}
.Newsdetail .top .title {
    font-weight: normal;
    font-size: var(--font-size40);
    color: #000000;
    line-height: 1.25;
}
.Newsdetail .top .date {
    font-weight: 400;
    font-size: var(--font-size14);
    color: #000000;
    padding: 1.822917vw 0 0 ;
}
.Newsdetail .images.image {
    margin: 0 1.041667vw ;
    padding: 0 1.041667vw ;
    background: #ffffff;
}
.Newsdetail .images.image img {
    /* border-top: 1px solid #e1e1e1; */
    padding: 2.083333vw 0 2.604167vw;
}

.detailShare span{
    font-size: var(--font-size16);
    color: #545454;
    margin: 0 .520833vw 0 0;
}
.detailShare a{
    width: 1.770833vw;
    height: 1.770833vw;
    background: #932a2c00;
    border-radius: 50%;
    display: inline-block;
    margin: 0 .130208vw;
}
.detailShare a:hover{
    background: #932a2c;
}
.detailShare a:hover img{
    filter: grayscale(100%) brightness(500%);
}
@media(max-width:992px){ 
    .Newsdetail {
        padding: 70px 0 0 ;
    }
    .Newsdetail .top {
        margin: 0 10px;
        padding: 35px 20px;
    }
    .Newsdetail .top .columns {
        padding: 0 0 20px;
    }
    .Newsdetail .top .columns dl span {
        padding: 0 8px;
    }
    .Newsdetail .top .title br {
        display: none;
    }
    .Newsdetail .top .date {
        padding: 20px 0 0 ;
    }
    .Newsdetail .images.image  {
        margin: 0 10px ;
        padding: 0 0 35px;
    }
    .Newsdetail .top .columns ul {
        display: none;
    }
}
.NewsContent {
    margin: 0 1.041667vw;
    padding: 2.604167vw 15.416667vw 6.666667vw;
    background: #ffffff;
    display: flex;
    overflow: visible;
}
.NewsContent .left .detailShare{
    text-align: center;
    padding:  0 2.604167vw 1.5625vw .520833vw;
    margin:  0 0 2.083333vw;
    border-bottom: 1px solid rgba(217, 223, 218, .2);
    max-width: max-content;
}
.NewsContent .left .detailShare span {
    margin: 0 auto .520833vw;
    display: block;
}
.NewsContent .left .detailShare a{
    /* width: 1.770833vw;
    height: 1.770833vw;
    line-height: 1.770833vw;
    font-size: var(--font-size19);
    top: 0;
    margin: .520833vw auto 0;
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
    transition: .5s; */
    margin: .130208vw 0;
    display: block;

    font-size: var(--font-size18);

    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(207, 207, 207, 1);
    transition: 0s;
    line-height: 1;
}
.NewsContent .left .detailShare a:hover {
    transition: 0s;
    color: #fff;
    background: #932a2c;
}
.NewsContent .left a.button-next {
    color: rgba(207, 207, 207, 1);
    width: 2.916667vw;
    height: 2.916667vw;
    border-radius: 50%;
    border: .104167vw solid #CFCFCF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.NewsContent .left a i {
    font-size: var(--font-size14);
    font-weight: bold;
}
.NewsContent .left a svg {
    display: none;
    position: absolute;
    top: -0.104167vw;
    left: -0.104167vw;
    width: 3.125vw;
    height: 3.125vw;
    margin: -0.104167vw;
    fill: none;
    stroke: #002ace;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    stroke-width: .104167vw;
    stroke-dasharray: 167;
    animation: mySvg .5s  ;
    -webkit-animation: mySvg .5s ;
    animation-timing-function:linear;

    /* stroke-dashoffset: 120; */
}
.NewsContent .left a:hover svg{
    display: block;
}
.NewsContent .left a:hover i{
    color: #002ace;
}
.NewsContent .left{
    width: 5.208333vw;
    height: 100%;
    position: sticky;
    top: 8.208333vw;
}


.NewsContent .right {
    flex: 1;
    padding: 0 0 0 3.854167vw;
    border-left: 1px solid rgba(217, 223, 218, .2);
}
.NewsContent .right .intro{
    font-size: var(--font-size16);
    color: #666666;
    line-height: 1.9;
}
.NewsContent .right .intro b{
    color: rgba(39, 39, 39, 1);
}
.NewsContent .right .Stitle{
    font-weight: normal;
    font-size: var(--font-size24);
    color: #000000;
    line-height: 1.3;
}
.NewsContent .right .Htitle {
    font-size: var(--font-size24);
    color: #002ace;
}
.NewsContent .right .columns {
    width: 100%;
    background: #F5F5F5;
    border-radius: 50px;

    margin: 4.166667vw 0 0 ;
}
.NewsContent .right .columns a {
    display: flex;
    align-items: center;
    width: 50%;
    padding: 1.302083vw 0;
}
.NewsContent .right .columns a span:nth-child(1){
    font-weight: normal;
    font-size: var(--font-size13);
    color: #A5A5A5;
    padding: 0 0 0 2.291667vw;
}
.NewsContent .right .columns a span:nth-child(2){
    font-size: var(--font-size15);
    color: #000000;
    opacity: 0.8;
    max-width: 15.625vw;
    margin: 0 0 0 .625vw;

    display: block; 
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.NewsContent .right .columns a:nth-child(2) span:nth-child(1) {
    border-left: 1px solid rgba(213, 213, 213, .6);
}
.NewsContent .right .columns a:hover span:nth-child(2){
    color: rgba(229, 1, 17, 1);
}
@media(max-width:992px){ 
    .NewsContent {
        display: block;
        padding: 0 0 35px 0;
        margin: 0 10px;
    }
    .NewsContent .left {
        display: none;
    }
    .NewsContent .right {
        padding: 0 20px;
    }
    .NewsContent .right .columns {
        display: block;
        background: transparent;
        margin: 15px 0 0;
    }
    .NewsContent .right .columns a {
        padding: 10px 0;
        background: #F5F5F5;
        margin: 20px 0 0 ;
        width: 100%;
    }
    .NewsContent .right .columns a span:nth-child(1) {
        padding: 0 0 0 20px;
        margin: 0 15px 0 0 ;
    }
    .NewsContent .right .columns a span:nth-child(2) {
        flex: 1;
        max-width: unset;
        margin: 0 20px 0 0;
    }

    .detailShare{
        display: flex;
        align-items: center;
    }
    .detailShare a ,
    .Newsdetail .top .social-share .social-share-icon{
        width: 30px;
        height: 30px;
        line-height: 30px;
        margin: 0 3px;
    }
    .detailShare span {
        margin: 0 5px 0 0;
    }
}

.RelatedArticles {
    padding: 5.208333vw 0 2.604167vw;
}
.RelatedArticles ul{
    padding: 0;
}
.RelatedArticles .title {
    padding: 0 0 2.604167vw;
    font-size: var(--font-size45);
    color: #000000;
}
@media(max-width:992px){ 
    .RelatedArticles {
        padding: 35px 0 15px;
    }
    .RelatedArticles .title {
        padding: 0 0 20px;
    }
}

.recruitmentTop {
    padding: 5.208333vw 0 6.25vw;
}
.recruitmentTop .title {
    font-size: var(--font-size46);
    color: #000000;
    line-height: 1.2;
    padding: 0 0 1.302083vw;
    text-align: center;
}
.recruitmentTop .title span {
    color: rgba(0,42,206,1.000);
}
.recruitmentTop .intro{
    font-size: var(--font-size16);
    color: #585859;
    line-height: 1.5;
    opacity: 0.9;
    text-align: center;
    padding: 0 0 2.604167vw;
}

.recruitmentTop .swiper-pagination{
    display: flex;
    justify-content: center;
    position: unset;
    margin: 1.822917vw 0 0;
}
@media(max-width:992px){ 
    .recruitmentTop {
        padding: 35px 0;
    }
    .recruitmentTop .title {
        padding: 0 0 15px;
    }
    .recruitmentTop .intro {
        padding: 0 0 20px;
        text-align: left;
    }
    .recruitmentTop .intro br {
        display: none;
    }
    .recruitmentTop .swiper-pagination {
        margin: 20px 0 0;
    }
}

.idea {
    position: relative;
}
.idea .text{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 9.895833vw 0;
}
.idea .text ul li {
    font-size: var(--font-size30);
    color: #9A9A9A;
    line-height: 1.55;
    text-align: center;
    transition: .3s;
}
.idea .text ul li.active{
    color: #000;
    transition: .3s;
}
@media(max-width:992px){ 
    .idea .text {
        position: unset;
        padding: 30px 0 0;
    }
    .idea .text ul li {
        display: inline;
    }
}
.recruitmentButton {
    padding: 5.208333vw 0 6.25vw;
}
.recruitmentButton .title{
    font-size: var(--font-size52);
    color: #000000;
    line-height: 1.2;
    padding: 0 0 3.385417vw;
}
.recruitmentButton .columns .list{
    position: relative;
    width: 50%;
    text-align: center;
    background: #CED6D8;
}
.recruitmentButton .columns .list .image {
    width: 20.520833vw;
    margin: auto;
}
/* .recruitmentButton .columns .list .text{
    position: absolute;
    top: 31.770833vw;
    left: 0;
    width: 100%;
    text-align: center;
} */
.recruitmentButton .columns .list:nth-child(1) {
    padding: 4.6875vw 0 5.208333vw;
}
.recruitmentButton .columns .list:nth-child(2) {
    padding: 4.166667vw 0;
    height: 100%;
}
.recruitmentButton .columns .list .Htitle {
    font-size: var(--font-size46);
    color: #002ace;
    line-height: 1;
}
.recruitmentButton .columns .list .intro {
    color: #002ace;
}
.recruitmentButton .columns .list:nth-child(1) .Htitle{
    padding: 2.604167vw 0 1.822917vw;
}
.recruitmentButton .columns .list:nth-child(1) a{
    font-size: var(--font-size20);
    color: #002ace;
    margin: 0 .78125vw;
    opacity: 0.8;
}
.recruitmentButton .columns .list:nth-child(1) a i {
    margin: 0 0 0 .729167vw;
}
.recruitmentButton .columns .list:nth-child(2) {
    margin: -5.208333vw 0 0;
}
.recruitmentButton .columns .list:nth-child(2) .Htitle{
    padding: 2.604167vw 0 1.302083vw;
}
.recruitmentButton .columns .list:nth-child(2) .intro{
    font-size: var(--font-size20);
    line-height: 32px;
    opacity: 0.8;
    word-wrap: break-word;
    line-height: 1.6;
}

.recruitmentButton .columns .list:nth-child(1) a:hover{
    opacity: 1;
}

@media(min-width:992px){ 
    .recruitmentButton .columns .list:hover {
        background: #002ace;
    }
    .recruitmentButton .columns .list:hover .Htitle,
    .recruitmentButton .columns .list:hover .intro,
    .recruitmentButton .columns .list:hover a{
        color: #fff;
    }
}
@media(max-width:992px){ 
    .recruitmentButton .columns .list:nth-child(2) {
        background: #002ace;
    }
    .recruitmentButton .columns .list:nth-child(2) .Htitle,
    .recruitmentButton .columns .list:nth-child(2) .intro,
    .recruitmentButton .columns .list:nth-child(2) a{
        color: #fff;
    }


    .recruitmentButton {
        padding: 35px 0 0;
    }
    .recruitmentButton .title {
        text-align: center;
        padding: 0 0 20px;
    }
    .recruitmentButton .columns {
        display: block;
    }
    .recruitmentButton .title br {
        display: none;
    }
    /* .recruitmentButton .columns {
        display: block;
    }
    .recruitmentButton .columns .list {
        width: 100%;
        padding: 35px 0 35px !important;
        margin: 0 !important;
    }
    .recruitmentButton .columns .list .Htitle {
        padding: 0 0 15px !important;
        font-size: 18px !important;
    }
    .recruitmentButton .columns .list .text {
        top: unset;
        bottom: 0;
        text-align: left;
        padding: 0 5%;
    }
    .recruitmentButton .columns .list .image {
        width: 80px;
        right: 5%;
        top: 50%;
        transform: translateY(-50%);
        position: absolute;
    }
    .recruitmentButton .columns .list:nth-child(2){
        margin: 20px 0 0 ; 
    }
    .recruitmentButton .columns .list:nth-child(2) .image {
        display: none;
    } */

    .recruitmentButton .columns .list {
        display: flex;
        flex-direction: column;
        justify-content: center;

        width: 100%;
    }
    .recruitmentButton .columns .list .image {
        width: 80px;
        margin: 0 auto;
    }
    .recruitmentButton .columns .list:nth-child(1) .Htitle,
    .recruitmentButton .columns .list:nth-child(2) .Htitle {
        padding: 20px 0 10px;
    }
    .recruitmentButton .columns .list:nth-child(2) {
        margin: 0;
        padding: 30px;
    }
    .recruitmentButton .columns .list:nth-child(1) {
        padding: 30px;
    }
}


.ContactUs {
    position: relative;
}
.ContactUs .Information{
    position: absolute;
    width: 40.625vw;
    min-height: 22.864583vw;
    background: #002ace;
    right: 11.979167vw;
    top: 11.041667vw;
    padding: 3.4375vw 3.645833vw;
}
.ContactUs .Information .title {
    font-size: var(--font-size38);
    color: #FFFFFF;
    padding: 0 0 1.302083vw;
}
.ContactUs .Information .intro {
    font-size: var(--font-size18);
    color: rgba(255, 255, 255, .8) ;
    line-height: 1.7;
}
.ContactUs .Information .intro a{color: rgba(255, 255, 255, .8) ;}

.ContactUs .Information .intro span {
    color: rgba(255, 255, 255, .5)
}
.ContactUs .Information i {
    position: absolute;
    right: 2.083333vw;
    top: 2.083333vw;
    font-size: var(--font-size40);
    color: #fff;
    cursor: pointer;
}

.ContactUs .top {
    position: relative;
}
.ContactUs .top .round{
    display: block;
    width: 0.57292vw;
    height: 0.57292vw;
    background: #002ace;
    border-radius: 50%;
    position: relative;
}
.ContactUs .top .round span{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 420%;
    height: 420%;
    border-radius: 50%;
    background: rgba(147, 42, 43, 0.15);
    display: block;
    -webkit-animation: amplify 3s linear infinite;
    -moz-animation: amplify 3s linear infinite;
    animation: amplify 3s linear infinite;
}
.ContactUs .top .round span:nth-child(2){
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
}
.ContactUs .top .round span:nth-child(3){
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    animation-delay: 2s;
}
.ContactUs .top .other{
    position: absolute;
    left: 50%;
    top: 0px;
    -webkit-transform: translate(-50%, -100%);
    -moz-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    /* pointer-events: none; */
    z-index: 1;
    cursor: pointer;
}
.ContactUs .top .other::after{
    width: 1px;
    height: 4.375vw;
    background: #BE0008;
    margin: 0 auto;
    content: "";
    display: block;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    transition: all 0.8s ease;
 }
 .ContactUs .top .other .logo{
    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-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 9.84375vw;
    height: 9.84375vw;
    background: #FFFFFF;
    border-radius: 50%;
    border: 0.26042vw solid #9C2B2D;
    -webkit-transition: all 0.6s ease 0.2s;
    -moz-transition: all 0.6s ease 0.2s;
    transition: all 0.6s ease 0.2s;
 }
 .ContactUs .top .other .logo img{
    width: auto;
    height: 3.07292vw;
}
.ContactUs .top .drop {
    position: absolute;
    left: 25.35%;
    top: 51.25%;
    z-index: 22;
    cursor: pointer;
}
@media(max-width:992px){ 
    .ContactUs .Information {
        position: unset;
        width: 100%;
        padding: 30px 20px;
    }
    .ContactUs .Information .title {
        padding: 0 0  20px;
    }
    .ContactUs .Information i {
        display: none;
    }
    .ContactUs .top .round {
        width: 8px;
        height: 8px;
    }
    .ContactUs .top .other .logo {
        width: 60px;
        height: 60px;
    }
    .ContactUs .top .other::after {
        height: 16px;
    }
}

.message {
    padding: 5.208333vw 0 5.729167vw;
}
.message .title{
    font-size: var(--font-size45);
    color: #000000;
    padding: 0 0 1.5625vw;
}
.message .intro{
    font-size: var(--font-size20);
    color: #57585D;
    padding: 0 0 2.604167vw;
}

.message2 .title,
.message2 .intro{
   text-align: center;
}
.message ul li {
    display: flex;
    justify-content: space-between;
    margin: 1.041667vw 0 0 ;
}
.message ul li:nth-child(2)>input:nth-child(1) {
    width: 49.322917vw;
}
.message ul li input,
.message ul li textarea{
    width: 23.59375vw;
    height: 3.020833vw;
    line-height: 3.020833vw;
    padding: 0 1.302083vw;
    background: #F6F6F6;

    font-size: var(--font-size14);

}
.message ul li input::-webkit-input-placeholder {    color: rgba(0, 0, 0, .5);}
.message ul li input::-webkit-input-placeholder {    color: rgba(0, 0, 0, .5);}
.message ul li input:-moz-placeholder {    color: rgba(0, 0, 0, .5);}
.message ul li input::-moz-placeholder {    color: rgba(0, 0, 0, .5); }
.message ul li input:-ms-input-placeholder {     color: rgba(0, 0, 0, .5);}

.message ul li textarea::-webkit-input-placeholder {    color: rgba(0, 0, 0, .5);}
.message ul li textarea::-webkit-input-placeholder {    color: rgba(0, 0, 0, .5);}
.message ul li textarea:-moz-placeholder {    color: rgba(0, 0, 0, .5);}
.message ul li textarea::-moz-placeholder {    color: rgba(0, 0, 0, .5); }
.message ul li textarea:-ms-input-placeholder {     color: rgba(0, 0, 0, .5);}


.message ul li textarea {
    padding: 1.041667vw 1.302083vw;
    height: 4.635417vw;
    line-height: 1;
    width: 100%;
}
.message button.more{
    width: 8.125vw;
    height: 2.447917vw;
    background: #002ace;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;

    font-size: var(--font-size15);
    color: rgba(255, 255, 255, .8);
    border: 0;
    margin: 2.604167vw 0 0;
}
.message .layui-btn-primary {
    padding: 0;
    margin: 0;
    border: unset;
}
.message button.more i {
    margin: 0 0 0 1.302083vw;
    color: rgba(255, 255, 255, 1);
    font-size: var(--font-size15);
}
.message button.more:hover {
    background: rgba(255, 255, 255, 1);
    color: #002ace;
    border: 1px solid #002ace;
}
.message button.more:hover i {
    color: #002ace;
}

.message ul li>div {
    position: relative;
}
.message ul li>div img {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
}
@media(max-width:992px){ 
    .message {
        padding: 35px 0;
    }
    .message .title {
        padding: 0 0 15px;
    }
    .message .intro {
        padding: 0 0 10px;
    }

    .message ul li {
        display: block;
        margin: 0;
    }
    .message ul li input, .message ul li textarea {
        width: 100% !important;
        height: 40px;
        line-height: 40px;
        padding: 0 20px;
        margin: 15px 0 0;
    }
    .message ul li textarea {
        padding: 20px;
        height: unset;
        line-height: 1;
        min-height: 100px;
    }
    .message button.more {
        width: 125px;
        height: 32px;
        margin: 20px auto 0;
    }
    .message button.more i {
        margin: 0 0 0 10px;
    }
    .message ul li>div img  {
        top: 15px;
        height: 40px;
    }
}

.CrumbsTop {
    position: fixed;
    top: 7.552083vw;
    left: 0;
    width: 100%;
    transition: all 0.8s ;
    z-index: 10;
}
.CrumbsTop.on {
    background: #fff;
    transition: all 0.8s ;
}
.CrumbsTop .columns {
    justify-content: space-between;
    align-items: center;
}
.CrumbsTop .columns .left {
    position: relative;
}
.CrumbsTop .columns .left .title{
    padding: 1.197917vw 0;
    font-size: var(--font-size17);
    color: #242424;
    cursor: pointer;
    font-weight: bold;
}
.CrumbsTop .columns .left .title i {
    font-size: var(--font-size12);
    margin: 0 0 .15625vw .520833vw;
    font-weight: bold;
    color: rgba(141, 51, 49, 1);
    border-right: .130208vw solid rgba(141, 51, 49, 1);
    border-bottom: .130208vw solid rgba(141, 51, 49, 1);
    width: .416667vw;
    display: inline-block;
    height: .416667vw;
    transform: rotate(45deg);
}
.CrumbsTop .columns .left .title i::before {
    display: none;
}
.CrumbsTop .columns .left .title::after {
    background: linear-gradient(90deg, #04418100, rgba(141, 51, 49, 1), #065daf00);
}
.CrumbsTop .columns .left .title::after {
    bottom: 0vw;
    width: 100%;
    height: 0.1042vw;
    background: linear-gradient(90deg, #04418100, rgba(141, 51, 49, .88), #065daf00);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    content: '';
    position: absolute;
    -webkit-transition: .6s ease;
    -o-transition: .6s ease;
    -moz-transition: .6s ease;
    transition: .6s ease;
}

.CrumbsTop .columns .left ul{
    position: absolute;
}

.CrumbsTop .columns dl {
    display: flex;
    align-items: center;
    max-width: 63%;
    overflow: auto;
}
.CrumbsTop .columns dl a {
    padding: 1.197917vw 0 ;
    font-size: var(--font-size16);
    color: rgba(139, 138, 137, 1);
    margin: 0 0 0 2.083333vw;

    min-width: max-content;
    display: block;
}
.CrumbsTop .columns dl::-webkit-scrollbar {
    width: 2px;
    height: 6px;
    background-color: #DFDFDF;
}

.CrumbsTop .columns dl::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); 
    border-radius: 6px;
    background-color: #DFDFDF;
}
.CrumbsTop .columns dl::-webkit-scrollbar-thumb {
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .1);
    background: rgba(141, 51, 49, 1);
}
.CrumbsTop .columns dl .on a {
    color: #282521;
}
.CrumbsTop ul{
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 13.020833vw;
    width: max-content;
    background: #fff;
    padding: 1.041667vw 0;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 12px 20px 0 #0000001c;
}
.CrumbsTop ul li a{
    line-height: 2.2;
    font-size: var(--font-size16);
    padding: 0 1.041667vw;
    display: block;
    margin: 0 0 .416667vw;
}
.CrumbsTop ul li a:hover{
    background: rgb(245 246 248);
    /* color: rgba(141, 51, 49, 1); */
}
@media(max-width:1380px){
    .CrumbsTop .columns dl a {
        margin: 0 0 0 1.083333vw;
    }
}

@media(max-width:992px){ 
    .CrumbsTop .columns dl {
        display: none;
    }
    .CrumbsTop,
    .CrumbsTop.on{
        position: unset;
        background: #f3f3f3;
    }
    .CrumbsTop .columns .left .title{
        width: 100%;
        padding: 0 ;
    }
    .CrumbsTop .columns .left ul{
        z-index: 1;
        width: 110%;
        margin: 0 -5%;
        padding: 10px 0;
    }
    .CrumbsTop .columns .left ul a{
        padding: 0 5%;
        margin: 0 0 5px;
        font-size: 14px;
    }
    .CrumbsTop .columns .left .title {
        font-size: 16px;
    }
    .CrumbsTop .columns .left {
        padding: 20px 0;
        width: 100%;
    }
    .CrumbsTop .columns .left .title i {
        margin: 0 0 4px 10px;
        height: 8px;
        width: 8px;
        border-right: 2.5px solid rgba(141, 51, 49, 1);
        border-bottom: 2.5px solid rgba(141, 51, 49, 1);
    }
}

.SystemIntroduction {
    margin: 0 0 3.645833vw;
    position: relative;
}
.SystemIntroduction .Top{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.SystemIntroduction .Top .auto_1440 {
    height: 100%;
}
.SystemIntroduction .Top .columns {
    justify-content: space-between;
    height: 100%;
}
.SystemIntroduction .Top .text {
    max-width: 32.25vw;
    padding: 5.208333vw 0 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.SystemIntroduction .Top .text .Htitle{
    font-size: var(--font-size18);
    color: #002ace;
    line-height: 1;
    font-weight: 600;
}
.SystemIntroduction .Top .text .title{
    font-size: var(--font-size56);
    color: #000000;
    line-height: unset;
    padding: .78125vw 0 1.5625vw;
}
.SystemIntroduction .Top .text .intro{
    font-size: var(--font-size15);
    color: #6C6C6C;
    max-width: 30.208333vw;
    line-height: 1.6;
}
.SystemIntroduction .Top .text .intro p,
.SystemIntroduction .Top .text .intro span {
    font-size: var(--font-size17) !important;
    line-height: 1.6;
}
.SystemIntroduction .Top .text .more {
    margin: 2.083333vw 0 0 ;
    display: flex;
    align-items: center;
    font-size: var(--font-size17);
    color: #000000;
    line-height: 1;
    font-weight: 600;
}
.SystemIntroduction .Top .text .more:hover {
    color: rgba(141, 51, 49, .88);
}
.SystemIntroduction .Top .text .more i {
    margin: 1px 0 0 .625vw;
    font-size: var(--font-size16);
}
.SystemIntroduction .Top .image {
    width: 29.166667vw;
    padding: 5.208333vw 0 0;
    margin: 0 0 -2.604167vw;
    text-align: center;
    /* display: flex;
    align-items: flex-end; */
}
.SystemIntroduction .Top .image img{
    width: auto;
    max-height: calc(100%);
}

.SystemIntroduction4 .Top .text {
    max-width: 100%;
}
.SystemIntroduction4 .Top .text .intro {
    max-width: 100%;
}
/*  */
@media(min-width:992px){ 
    .SystemIntroduction2.SystemIntroduction .Top .image {
        width: 54.6875vw;
        padding: 5.208333vw 0 0;
        margin: 0 -4.6875vw -2.604167vw 0;
        text-align: center;
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }
    .SystemIntroduction2.SystemIntroduction .Top .text {
        max-width: 23.4375vw;
    }
    .SystemIntroduction3.SystemIntroduction .Top .text {
        max-width: 26.4375vw;
    }
    .SystemIntroduction3.SystemIntroduction .Top .image{
        width: 49.6875vw;
        padding: 5.208333vw 0 0;
        margin: 0 -4.6875vw -4.604167vw 0;
        text-align: center;
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
    }
}
@media(max-width:992px){ 
    .SystemIntroduction {
        padding: 35px 0;
        margin: 0;
    }
    .SystemIntroduction .Top .text,
    .SystemIntroduction .Top .text .intro {
        max-width: 100%;
    }
    .SystemIntroduction .Top .text {
        padding: 0 ;
    }
    .SystemIntroduction .Top .text .title {
        padding: 10px 0 15px;
    }
    .SystemIntroduction .Top .columns {
        display: block;
    }
    .SystemIntroduction .Top .text .more{
        margin: 20px 0 0 ;
    }
    .SystemIntroduction .Top {
        position: unset;
    }
    .SystemIntroduction>.image img{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: -1;
    }
    .SystemIntroduction .Top .image {
        width: 80%;
        margin: auto;
        padding: 25px 0 0 ;
    }
    .SystemIntroduction .Top .image img {
        width: 100%;
    }
    .SystemIntroduction .Top .text .more i {
        margin: 1px 0 0 10px;
        font-size: var(--font-size16);
    }
}
.structure {
    padding: 5.208333vw 0;
}
.structure .columns .image{
    width: 50vw;
}
.structure .columns .text{
    flex: 1;
    padding: 0 3.645833vw 3.645833vw 4.166667vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: url('../images/21.jpg') no-repeat center;
    background-size: 100% 100% ;
}
.structure .columns .title {    
    font-size: var(--font-size45);
    color: #FFFFFF;
    padding: 0 0 1.5625vw;
}
.structure .columns .intro {    
    font-size: var(--font-size18);
    color: rgba(255, 255, 255, .7);
    line-height: 1.458333vw;
}
.structure .columns .intro p{
    position: relative;
    padding: 0 0 0 1.041667vw;
}
.structure .columns .intro p::after{
    content: '';
    position: absolute;
    top: .520833vw;
    left: 0;

    width: .46875vw;
    height: .46875vw;
    border-radius: 50%;
    border: .104167vw solid rgba(255, 255, 255, .7);
}
@media(max-width:992px){ 
    .structure {
        padding: 35px 0;
    }
    .structure .columns {
        display: block;
    }
    .structure .columns .image {
        width: 100%;
    }
    .structure .columns .text {
        padding: 20px ;
    }
    .structure .columns .title {
        padding: 0 0 15px;
    }
    .structure .columns .intro {
        line-height: 20px;
    }
    .structure .columns .intro p {
        padding: 0 0 0 15px;
    }
    .structure .columns .intro p::after {
        width: 7px;
        height: 7px;
        top: 7px;
        border: 1px solid rgba(255, 255, 255, .7);
    }
}
.configuration {
    padding: 5.208333vw 0 6.25vw;
    /* background: #F5F5F8; */
    background: linear-gradient(360deg, #F5F5F8, transparent);
}
.configuration .title{
    font-size: var(--font-size45);
    color: #000000;
    padding: 0 0 3.645833vw;
    line-height: 1.2;
}
.configuration .columns .image{
    min-width: 18.489583vw;
    width: 18.489583vw;
    margin: 0 5.208333vw 0 0;
}
.configuration .columns .table {
    flex: 1;
    max-width: 51.302083vw;
    padding: 0 0 .520833vw;
    overflow: auto;
}
.configuration .columns .table::-webkit-scrollbar {
    width: 2px;
    background-color: #DFDFDF;
}

.configuration .columns .table::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); 
    border-radius: 6px;
    background-color: #DFDFDF;
}
.configuration .columns .table::-webkit-scrollbar-thumb {
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .1);
    background: #002ace;
}
.configuration .columns table {
    width: 100%;
}
.configuration .columns table tr{
}
.configuration .columns table tr td {
    font-size: var(--font-size15);
    color: #6C6C6C;
    height: auto;
    /* width: 50%; */
    height: 2.604167vw;
}
.configuration .columns table tr:nth-child(1) td {
    font-size: var(--font-size22);
    color: #FFFFFF;
    background: #002ace;
    /* padding: .625vw 0; */
    height: 3.125vw;
}
.configuration.configuration2 .columns table tr td{
    background: transparent;
    color: #6C6C6C;
}
.configuration.configuration2 .columns table tr td:nth-child(1){
    color: #FFFFFF;
    background: #002ace;
}
/* .configuration .columns table tr td:nth-child(1){
    padding-left: 3.125vw;
}
.configuration .columns table tr td:nth-child(2){
    padding-left: 6.510417vw;
} */

.configuration .columns p,
.configuration .columns span {
    font-size: var(--font-size17) !important;
    line-height: 1.6;
}
.configuration.horizontalTable{background: none;}
.configuration.horizontalTable .title{min-width: 21.875vw;}

@media(max-width:992px){ 
    .configuration {
        padding: 35px 0;
    }
    .configuration .title {
        padding: 0 0 20px;
    }
    .configuration .columns {
        display: block;
    } 
    .configuration .columns table tr td {
        padding: 10px !important;
        min-width: 100%;
    }
    /* .configuration .columns table tr:nth-child(1) td {
        padding: 10px 20px;
    } */
    .configuration .columns .image {
        width: 100%;
        margin: 0 auto 20px;
    }
    .configuration .columns .table {
        max-width: 100%;
            padding: 0 0 5px;
    }
    .configuration .columns .table::-webkit-scrollbar {
        height: 4px;
    }
}
.flowChart {
    padding: 5.208333vw 0;
}
.flowChart .title {
    padding: 0 0 3.125vw;
    font-size: var(--font-size52);
    color: #000000;
    text-align: center;
}
.flowChart .columns {
    position: relative;
}
.flowChart .columns dl{
    position: absolute;
    top: 0;
    right: 2.291667vw;
    /* width: 100%; */
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: end;
    z-index: 1;
}
.flowChart .columns dl dd {
    font-size: var(--font-size18);
    color: #848484;
    display: flex;
    align-items: center;
}
.flowChart .columns dl dd span:nth-child(1) {
    padding: 0 0 2.1875vw;
    line-height: .6;
    display: block;
}
.flowChart .columns dl dd i:nth-child(1) {
    width: .416667vw;
    height: .416667vw;
    background: #94938F;
    border-radius: 50%;
    opacity: 0.7;
    display: block;
}
.flowChart .columns dl dd i:nth-child(2) {
    width: .104167vw;
    height: 2.083333vw;
    background: #94938F;
    opacity: 0.7;
    margin: .104167vw auto 0 ;
    display: block;
}
@media(max-width:992px){ 
    .flowChart .columns dl {
        position: unset;
    }
    .flowChart .columns {
        display: block;
    }
    .flowChart .columns dl{
        line-height: unset;
        flex-direction: unset;
        flex-wrap: wrap;
    }
    .flowChart .columns dl dd {
        width: 50%;
    }
    .flowChart .columns dl dd span:nth-child(1) {
        line-height: unset;
        padding: 10px 0;
    }
    .flowChart .columns dl span:nth-child(2) {
        display: none;
    }
    .flowChart {
        padding: 35px 0 25px;
    }
    .flowChart .title {
        padding: 0 0 20px;
    }
    .flowChart .columns ul {
        margin: 0 0 15px;
    }
}

.Productfeatures {
    padding: 3.90625vw 0 0;
    margin: 0 0 4.166667vw;
}
.Productfeatures .columns {
    align-items: center;
}
.Productfeatures .columns .text {
    margin: 0 5.729167vw 0 0;
    padding: 0 0 1.041667vw;
    flex: 1;
}
.Productfeatures .columns .text .title{
    font-size: var(--font-size52);
    color: #000000;
    padding: 0 0 1.5625vw;
}
.Productfeatures .columns .text .intro{
    font-size: var(--font-size17);
    color: #4C4C4C;
    line-height: 1.5625vw;
}
.Productfeatures .columns .text .intro p,
.Productfeatures .columns .text .intro span{
    font-size: var(--font-size17) !important;
    line-height: 1.6;
}
.Productfeatures .columns .image {
    min-width: 36.875vw;
    width: 36.875vw;
}
.Productfeatures .columns .intro p{
    position: relative;
    /* padding: 0 0 0 1.041667vw; */
}
.Productfeatures .columns .intro p::after{
    /* content: ''; */
    position: absolute;
    top: .572917vw;
    left: 0;

    width: .46875vw;
    height: .46875vw;
    border-radius: 50%;
    border: .15625vw solid rgba(141, 51, 49, 1);
}
@media(max-width:992px){ 
    .Productfeatures {
        padding: 35px 0 0;
        margin: 0 0 35px;
    }
    .Productfeatures .columns {
        display: block;
    }
    .Productfeatures .columns .text .title {
        padding: 0 0 15px;
    }
    .Productfeatures .columns .text .intro {
        line-height: 22px;
        padding: 0 0 10px;
    }
    .Productfeatures .columns .intro p {
        /* padding: 0 0 0 20px; */
    }
    .Productfeatures .columns .intro p::after {
        top: 8px;
        width: 6px;
        height: 6px;
        border: .104167vw solid rgba(141, 51, 49, 1);
    }
    .Productfeatures .columns .image {
        min-width: 100%;
        width: 100%;
    }
}
.Productadvantages {
    margin: 4.166667vw 0 0 ;
    padding: 0 0 5.208333vw;
}
.Productadvantages .columns {
    align-items: center;
}
.Productadvantages .text {
    margin: 0 0 0 4.6875vw;
    flex: 1;
}
.Productadvantages .title {
    font-size: var(--font-size52);
    color: #000000;
    padding: 0 0 1.5625vw;
}
.Productadvantages ul {
    width: 100%;
}
.Productadvantages ul li {
    padding: 1.041667vw 0;
    border-bottom: 1px solid rgba(236, 236, 236, 1);
    cursor: pointer;
}
.Productadvantages ul li .Htitle {
    font-size: var(--font-size17);
    color: #0B0C0C;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.Productadvantages ul li .Htitle span {
    padding: 0 .520833vw 0 0;
}
.Productadvantages ul li .Htitle i{
    font-weight: bold;
    font-size: var(--font-size17);
    transition: .5s;
}
.Productadvantages ul li .intro {
    padding: .78125vw 0 0 1.510417vw;
    font-size: var(--font-size15);
    display: none;
}
.Productadvantages ul li.on i{
    transform: rotate(45deg);
    transition: .5s;
}
.Productadvantages ul li:hover .Htitle,
.Productadvantages ul li.on .Htitle{
    color: #002ace;
}
@media(max-width:992px){ 
    .Productadvantages {
        margin: 35px 0 0;
        padding: 0 0 35px;
    }
    .Productadvantages .columns {
        flex-direction: column-reverse;
    }
    .Productadvantages .text {
        margin: 0;
    }
    .Productadvantages .title {
        padding: 0 0 10px;
    }
    .Productadvantages ul li {
        padding: 15px 0;
    }
    .Productadvantages ul li .Htitle span {
        padding: 0 30px 0 0;
    }
    .Productadvantages ul li .intro {
        padding: 12px 0 0;
    }
}
.TechnicalParameter {
    padding: 5.208333vw 0 7.8125vw;
    background: #F5F5F8;
}
.TechnicalParameter .columns {
    padding: 5.208333vw 6.770833vw 5.729167vw 2.083333vw;
    background: rgba(255,255,255,0.1);
    box-shadow: 0px 0px 43px 0px rgba(59,59,59,0.1);
    /* border: 1px solid #FFFFFF; */
}
.TechnicalParameter .title{
    font-size: var(--font-size52);
    color: #000000;
    padding: 0 0 3.125vw;
}
.TechnicalParameter .table{
    width: 30.729167vw;
    overflow: auto;
    height: 18.229167vw;
}
.TechnicalParameter .table p ,
.TechnicalParameter .table p span{
    font-size: var(--font-size17) !important;
    line-height: 1.6;
}
.TechnicalParameter .table::-webkit-scrollbar {
    width: 3px;
    height: 7px;
    background-color: rgba(226, 226, 227, 1);
}

.TechnicalParameter .table::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); 
    border-radius: 6px;
    background-color: rgba(226, 226, 227, 1);
}
.TechnicalParameter .table::-webkit-scrollbar-thumb {
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .1);
    background: rgba(0,42,206,1.000);
}
.TechnicalParameter table tr td{
    font-size: var(--font-size16);
    color: #000000;
    padding: .729167vw 0;
    border: 0;
    border-bottom: 1px solid rgba(170, 170, 170, .5);
}
.TechnicalParameter table tr td:nth-child(1) {
    width: 9.375vw;
}
.TechnicalParameter ul {
    margin: 0 2.604167vw 0 0;
    flex: 1;
}
.TechnicalParameter .table table{
    padding: 0 1.5625vw 1.041667vw 0 ;
    display: block;
}
.TechnicalParameter ul .swiper-pagination-bullet {
    width: .572917vw;
    height: .572917vw;
    border-radius: 50%;
    border: .104167vw solid #8C8C8D;
    opacity: 0.5;
    margin: 0 .364583vw;
    background: unset;
}
.TechnicalParameter ul .swiper-pagination-bullet-active {
    background: #002ace;
    opacity: 1;
    border: 0 solid #8C8C8D;
}
@media(max-width:992px){ 
    .TechnicalParameter {
        padding: 35px 0;
    }
    .TechnicalParameter .title {
        padding: 0 0 20px;
    }
    .TechnicalParameter .columns {
        display: block;
        padding: 20px;
    }
    .TechnicalParameter .table{
        width: 100%;
        height: auto;
    }
    .TechnicalParameter table tr td:nth-child(1) {
        width: 100px;
    }
    .TechnicalParameter table tr td {
        padding: 12px 0;
    }
    .TechnicalParameter ul {
        padding: 0 0 20px;
        margin: 0;
    }
    .TechnicalParameter ul .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }
    /* .TechnicalParameter .table */
}
.softwareSystem {
    padding: 5.208333vw 0;
}
.softwareSystem .title{
    /* text-align: center;
    padding: 0 0 2.083333vw;
    font-size: var(--font-size52);
    color: #000000; */

    text-align: center;
    font-size: var(--font-size45);
    color: #000000;
    padding: 0 0 3.645833vw;
    line-height: 1.2;
}
.softwareSystem .image {
    margin: auto;
}
.softwareSystem .image img {
    width: auto;
    display: block;
    margin: auto;
}


.softwareSystem.softwareSystemImg .images img{display: block; margin:auto; max-width: 100%; height: auto !important;}
.softwareSystem.softwareSystemImg .images video{display: block; margin:auto; max-width: 1024px;}

.softwareSystem.softwareSystemVideo .images video{display: block; margin:auto; max-width: 1024px;}
.softwareSystem.softwareSystemVideo .images img{display: block; margin:auto; max-width: 100%; height: auto !important;}

@media(max-width:992px){ 
    .softwareSystem {
        padding: 35px 0;
    }
    .softwareSystem .title {
        padding: 0 0 20px;
    }
}
.FUNCTION {
    padding: 5.208333vw 0;
    background: #F5F5F8;
}
.FUNCTION .title{
    text-align: center;
    padding: 0 0 1.5625vw;
    font-size: var(--font-size52);
    color: #000000;
}
.FUNCTION .intro {
    font-size: var(--font-size17);
    color: #6C6C6C;
    line-height: 1.4;
    opacity: 0.8;
    padding: 0 0 2.083333vw;
    text-align: center;
}
.FUNCTION .image {
    margin: auto;
}
.FUNCTION .image img {
    width: auto;
    display: block;
    margin: auto;
}
@media(max-width:992px){ 
    .FUNCTION {
        padding: 35px 0;
    }
    .FUNCTION .title,
    .FUNCTION .intro {
        padding: 0 0 15px;
    }
}

.characteristics {
    padding: 5.208333vw 0 0 ;
    margin: 0 0 5.208333vw;
}
.characteristics .title{
    text-align: center;
    padding: 0 0 2.604167vw;
    font-size: var(--font-size52);
    color: #000000;
}
.characteristics .image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.characteristics ul{
    display: flex;
    width: 100%;
}
.characteristics ul li{
    flex: 1;
    padding: 11.458333vw 3.90625vw 3.90625vw;
    text-align: center;
    min-height: 32.291667vw;
    transition: .5s;
}
.characteristics ul li .Htitle {
    font-size: var(--font-size30);
    color: #FFFFFF;
    padding: 0 0 1.302083vw;
}
.characteristics ul li .intro {
    font-size: var(--font-size17);
    color: #FFFFFF;
    line-height: 1.6;
    opacity: 0.8;
}
.characteristics .columns {
    position: relative;
}
.characteristics ul li.on {
    background: url('../images/22.png') no-repeat center;
    background-size: 100% 100% ;
    padding: 10.416667vw 3.90625vw 3.90625vw;
    transition: .5s;
}
@media(max-width:992px){ 
    .characteristics {
        padding: 35px 0 0;
        margin: 0 0 35px;
    }
    .characteristics .columns {
        display: block;
    }
    .characteristics .image {
        position: unset;
    }
    .characteristics .title {
        padding: 0 0 20px;
    }
    .characteristics ul {
        display: block;
    }
    .characteristics ul li,
    .characteristics ul li.on {
        width: 100%;
        padding: 20px 0;
        text-align: left;
        border-bottom: 1px solid #efefef;
        background: unset;
    }
    .characteristics ul li .Htitle {
        color: #000;
    }
    .characteristics ul li .intro{
        color: #000;
    }
}

.scope {
    margin: 5.208333vw 0 0;
}
.scope .title{
    text-align: center;
    padding: 0 0 2.604167vw;
    font-size: var(--font-size52);
    color: #000000;
}
.scope ul li {
    position: relative;
}
.scope ul li .text{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    display: none;

    animation: fadeInUp 1s  ;
    -webkit-animation: fadeInUp 1s ;
    animation-timing-function:linear;
}
.scope ul li.on .text {
    display: flex;
}
.scope ul li .text .Htitle{
    font-size: var(--font-size42);
    color: #1A1A1A;
    padding: 1.041667vw 0 1.302083vw;
    line-height: 1;
}
.scope ul li .text .intro {
    font-size: var(--font-size17);
    color: #000;
    line-height: 1.6;
    opacity: 0.8;
    max-width: 19.427083vw;
}
.scope dl{
    position: absolute;
    top: 0;
    padding: 1.5625vw 0 0;
    right: 11.979167vw;
    /* width: 100%; */
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: end;
    z-index: 1;
}
.scope dl dd {
    font-size: var(--font-size18);
    color: #848484;
    display: flex;
    align-items: center;
}
.scope dl dd span:nth-child(1) {
    padding: 0 0 2.1875vw;
    line-height: .6;
    display: block;
    margin: 0 10px 0 0;
}
.scope dl dd i:nth-child(1) {
    width: .416667vw;
    height: .416667vw;
    background: #94938F;
    border-radius: 50%;
    opacity: 0.7;
    display: block;
}
.scope dl dd i:nth-child(2) {
    width: .104167vw;
    height: 2.083333vw;
    background: #94938F;
    opacity: 0.7;
    margin: .104167vw auto 0 ;
    display: block;
    position: relative;
}
.scope dl dd:last-child i:nth-child(2) {
    opacity: 0;
}
.scope dl dd i:nth-child(2)::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: .104167vw;
    height: 0;
    background: #002ace !important;
}

.scope dl dd.on i:nth-child(1){
    background: #002ace;
}
.scope dl dd.on i:nth-child(2)::after{
    height: 100%;
    transition: 3s;
}
.scope dl dd.on span{
    color: #002ace;
}
@media(max-width:992px){ 
    .scope {
        margin: 35px 0 0;
    }
    .scope .title {
        padding: 0 0 20px;
    }
    .scope ul li .text {
        position: unset;
        opacity: 0;
        visibility: hidden;
        display: block;
    }
    .scope dl {display: none;}
    .scope ul li .text .intro {
        max-width: 100%;
        padding: 0 0 35px;
    }
    .scope ul li .text .Htitle {
        padding: 25px 0 10px;
    }
    .scope ul li .image:nth-child(1) {
        display: none !important;
    }
    .scope ul li.on .text {
        opacity: 1;
        visibility: unset;
    }

    .scope .swiper-pagination {
        position: unset;
        display: flex;
        justify-content: center;
        margin:  0 0 20px;
    }
}
.applicationArea {
    position: relative;
}
.applicationArea .text {
    position: absolute;
    top: 6.25vw;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 2;
}
.applicationArea .text .title {
    padding: 0 0 2.604167vw;
    font-size: var(--font-size52);
    color: #000000;
    padding: 0 0 1.302083vw;
}
.applicationArea .text .intro {
    font-size: var(--font-size15);
    color: #353535;
    line-height: 1.6;
}

.applicationArea .list {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 2;
    min-height: 28.645833vw;
    background: linear-gradient(0deg, #0000009e, transparent);

    display: flex;
    align-items: flex-end;
}
.applicationArea .list::after{
    position: absolute;
    content: '';
    width: 100%;
    height: 1px ;
    background: rgba(255, 255, 255, .1);
    bottom: 9.84375vw;
    left: 0;
}
.applicationArea .list::before{
    position: absolute;
    content: '';
    width: 100%;
    height: 1px ;
    background: rgba(255, 255, 255, .1);
    bottom: 17.96875vw;
    left: 0;
}
.applicationArea .list .auto_1440{
    margin: 0 auto;
}
.applicationArea .list dl dd{
    text-align: center;
}
.applicationArea .list dl dd .icon {
    height: 2.864583vw;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5.5vw 0 0;
    box-sizing: content-box;
}
.applicationArea .list dl dd .icon img {
    max-height: 100%;
}
.applicationArea .list dl dd i {
    width: .364583vw;
    height: .364583vw;
    background: #002ace;
    border-radius: 50%;
    display: block;
    margin: auto;
    transition: .5s;

    margin: 2.604167vw auto 1.302083vw;
}
.applicationArea .list dl .Htitle{
    font-size: var(--font-size18);
    color: #FFFFFF;
    /* padding: 1.302083vw 0 0;
    height: 3.90625vw; */
}
.applicationArea .list dl dd i:last-child{
    width: .364583vw;
    height: .364583vw;
    background: #FFFFFF;
    border-radius: 50%;
    margin: 0 auto 6.770833vw;
    opacity: 0;
}
.applicationArea .list dl .swiper-wrapper {
    align-items: flex-end;
    display: flex;
}


.applicationArea .list dl dd.on i {
    margin: 1.041667vw auto;
    opacity: 0;
    transition: .8s;
}
.applicationArea .list dl dd.on i:last-child{
    margin: 2.604167vw auto 9.739583vw;
    transition: .8s;
    opacity: 1;
}
.applicationArea .list dl dd.on {
    background: linear-gradient(0deg, rgb(147, 42, 43), transparent);
}
@media(max-width:992px){ 
    .applicationArea ul li .image img{
        min-height: 550px;
        object-fit: cover;
    }
    .applicationArea ul li .image:nth-child(1) {
        display: none !important;
    }
    .applicationArea .text {
        /* position: unset; */
        top: 85px;
    }
    .applicationArea .text .intro {
        max-width: 70%;
        margin: auto;
    }
    .applicationArea .text .intro br {
        display: none;
    }
    .applicationArea .text .title {
        padding: 0 0 20px;
    }
    .applicationArea .list dl dd i:last-child{
        margin: 20px auto 30px;
        width: 5px;
        height: 5px;
    }
    .applicationArea .list dl dd .icon{
        height: 30px;
    }
    .applicationArea .list dl dd i {
        width: 5px;
        height: 5px;
        margin: 10px auto 10px;
    }
    .applicationArea .list dl dd.on i {
        margin: 10px auto 10px;
        opacity: 0;
        transition: .8s;
    }
    .applicationArea .list dl dd.on i:last-child {
        margin: 20px auto 30px;
    }

    .applicationArea .list::before {
        bottom: 87px;
    }
    .applicationArea .list::after {
        bottom: 31px;
    }
}
.accessories {
    background: #F5F5F8;
    padding: 9.21875vw 0 5.208333vw ;
}
.accessories .columns {
    justify-content: space-between;
    /* margin: 0 -11.979167vw 0 0; */
}
.accessories .image {
    /* margin: 0 0 0 -11.979167vw ; */
}
.accessories .columns .text .title{
    font-size: var(--font-size52);
    color: #000000;
    padding: 0 0 1.5625vw;
}
.accessories .columns .text .intro{
    font-size: var(--font-size18);
    color: #4C4C4C;
    line-height: 1.5625vw;
}
/* .accessories .columns .image {
    min-width: 36.875vw;
    width: 36.875vw;
} */
.accessories .columns .intro p{
    position: relative;
    padding: 0 0 0 1.041667vw;
}
.accessories .columns .intro p::after{
    content: '';
    position: absolute;
    top: .572917vw;
    left: 0;

    width: .46875vw;
    height: .46875vw;
    border-radius: 50%;
    border: .104167vw solid rgba(141, 51, 49, 1);
}

.accessories.accessoriesNoDot .columns .intro p{padding: 0px;}
.accessories.accessoriesNoDot .columns .intro p::after{display: none;}
.accessories.accessoriesNoDot .columns .intro p img{
    margin: 0 0 5px
}


@media(max-width:992px){ 
    .accessories {
        padding: 35px 0;
    }
    .accessories .columns {
        margin: auto;
        display: block;
    }
    .accessories .image {
        margin: 0;
    }
    .accessories .columns .text .intro {
        line-height: 20px;
        padding: 0 0 25px;
    }
    .accessories .columns .intro p {
        padding: 0 0 0 15px;
    }
    .accessories .columns .intro p::after {
        width: 7px;
        height: 7px;
        top: 7px;
        border: 1px solid rgba(0,42,206,1.000);
    }
    .accessories .columns .text .title {
        padding: 0 0 15px;
    }
}

.CorporateHonors {
    margin: -5.208333vw 0 0;
    padding: 10.416667vw 0 5.208333vw;
    background: #F5F5F8;
    overflow: hidden;
}
.CorporateHonors .text a{
    font-size: var(--font-size52);
    color: rgba(207, 207, 207, 1);

    width: 2.916667vw;
    height: 2.916667vw;
    border-radius: 50%;
    border: .104167vw solid #CFCFCF;
    display: inline-flex;
    align-items: center;
    justify-content: center;

    position: relative;
    margin: 0 .416667vw 0 0 ;
}
.CorporateHonors .text a:nth-child(2) {
    transform: rotate(180deg);
}
.CorporateHonors .text a i {
    font-size: var(--font-size14);
    font-weight: bold;
}
.CorporateHonors .text a svg {
    display: none;

    position: absolute;
    top: -0.104167vw;
    left: -0.104167vw;
    width: 3.125vw;
    height: 3.125vw;
    margin: -0.104167vw;
    fill: none;
/*  stroke: #002ace; */    
    stroke: #002ace;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    stroke-width: .104167vw;
    stroke-dasharray: 167;
    animation: mySvg .5s  ;
    -webkit-animation: mySvg .5s ;
    animation-timing-function:linear;

    /* stroke-dashoffset: 120; */
}
.CorporateHonors .text a:nth-child(2) svg {
    -webkit-transform: rotate(-0);
    -ms-transform: rotate(-0);
    transform: rotate(-0);
}
.CorporateHonors .text a:hover svg{
    display: block;
}
.CorporateHonors .text a:hover i{
    color: #002ace;
}


.CorporateHonors .text {
    display: flex;
    flex-direction: column;
    width: 26.927083vw;
    min-width: 26.927083vw;
    padding: 0 7.8125vw 2.083333vw 0;
}
.CorporateHonors .columns .text .title {
    font-size: var(--font-size52);
    color: #000000;
    padding: 0 0 1.822917vw;
}
.CorporateHonors .columns .text .Htitle{
    padding: 0 0 0 1.458333vw;
    font-size: var(--font-size18);
    color: #5A5A5A;
    line-height: 1;
    flex: 1;
    margin: .78125vw 0;
}
.CorporateHonors .columns .text .Htitle.on {
    font-size: var(--font-size28);
    color: #002ace;
    line-height: .9;
    padding: 0 0 .260417vw 1.458333vw;
    border-left: .15625vw solid rgba(0,42,206,1.000);
} 
.CorporateHonors .columns .text .intro{
    font-size: var(--font-size16);
    color: #3D3D3D;
    opacity: 0.9;
    padding: 0 0 1.822917vw;
}

.CorporateHonors .ul {
    width: calc(100% - 26.927083vw);
    min-width: calc(100% - 26.927083vw);
    margin: 0 -11.979167vw 0 0;
}
.CorporateHonors ul {
    width: 100%;
    height: 31.875vw;
    padding: 2.083333vw 0 2.083333vw 1.983333vw;
    box-sizing: content-box;
}
.CorporateHonors ul li {
    width: 10.729167vw;
    display: flex;
    align-items: flex-end;
}
.CorporateHonors ul .image {
    width: 100%;
}
.CorporateHonors ul .swiper-slide-active{
    width: 22.916667vw;
}
.CorporateHonors .swiper-wrapper {
    transition: 1s;
    transition-duration:1s !important;
    /* height: auto; */
    align-items: flex-end;
}

.CorporateHonors .columns .text dl {
    flex: 1;
}

.CorporateHonors ul .swiper-slide-active .image {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 40px 0px;
}
/* .CorporateHonors .lisTtext{
    margin: 0.520833vw 0 0;
}
.CorporateHonors .lisTtext .list {
    font-size: var(--font-size15);
    padding: 0.625vw;
    box-shadow: 0 0 8px 0 #bababa;
    background: #fff;
} */

@media(max-width:992px){ 
    /* .CorporateHonors .lisTtext {
        margin: 0 0 20px;
    }
    .CorporateHonors .lisTtext .list {
        padding: 10px 12px;
    } */
    .CorporateHonors {
        padding: 95px 0 25px;
        margin: -60px 0 0 ;
    }
    .CorporateHonors .columns {
        display: block;
    }
    .CorporateHonors .text {
        width: 100%;
    }
    .CorporateHonors .columns .text .title {
        padding: 0 0 20px;
    }
    .CorporateHonors .columns .text .Htitle {
        margin: 0 0 15px;
    }
    .CorporateHonors .columns .text .Stitle {
        padding: 0 0 15px;
    }
    .CorporateHonors .text a {
        display: none;
    }
    .CorporateHonors .columns .text .intro {
        padding: 0 0 10px;
    }
    .CorporateHonors .ul {
        margin: 0;
        width: 100%;
    }
    .CorporateHonors ul {
        margin: 0 ;
        padding: 0 20% 40px;
        height: auto;
        box-sizing: border-box;
    }
    .CorporateHonors ul .swiper-slide-active {
        box-shadow: none;
    }
    .CorporateHonors .text {
        padding: 0 0 10px;
    }
}

.CorporateCulture  {
    padding: 5.208333vw 0 ;
    position: relative;
    z-index: 1;
    background: #fff;
}
.CorporateCulture .auto_1440{
    width: calc(100% - 6.25vw);
    margin: 0 3.125vw;
}
.CorporateCulture .title{
    font-size: var(--font-size52);
    color: #000000;
    padding: 0 0 3.125vw;
    text-align: center;
}
.CorporateCulture .list {
    position: relative;
}
.CorporateCulture .list .image img{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}
.CorporateCulture .list ul{
    display: flex;
    min-height: 39.583333vw;
}
.CorporateCulture .list ul li{
    flex: 1;
    padding: 0 1.979167vw;
    text-align: center;
}
.CorporateCulture .list ul li .icon {
    height: 3.385417vw;
    display: flex;
    align-items: center;
    padding: 13.802083vw 0 1.302083vw;
    box-sizing: content-box;
    justify-content: center;
    opacity: .8;
    transition: .5s;
}
.CorporateCulture .list ul li .icon img{
    max-height: 100%;
}
.CorporateCulture .list ul li .Htitle {
    font-size: var(--font-size28);
    color: #FFFFFF;
    line-height: 1;
    padding: 0 0 1.041667vw;
    transition: .5s;
} 
.CorporateCulture .list ul li .intro {
    font-size: var(--font-size16);
    color: #FFFFFF;
    line-height: 1.6;
    opacity: 0.8;
} 

.CorporateCulture .list ul li:hover {
    background: url('../images/34.png') no-repeat center;
    background-size: 100% 100%;
}
.CorporateCulture .list ul li:hover .icon {
    opacity: 1;
    padding: 12.8125vw 0 1.5625vw ;
    transition: .5s;
}
.CorporateCulture .list ul li:hover .Htitle {
    padding: 0 0 .78125vw;
    transition: .5s;
}

@media(max-width:992px){ 
    .CorporateCulture {
        padding: 35px 0;
    }
    .CorporateCulture .title {
        padding: 0 0 20px;
    }
    .CorporateCulture .list ul {
        display: block;
    }
    .CorporateCulture .list ul li {
        padding: 35px ;
        border-bottom: 1px solid #ccc;
    }
    .CorporateCulture .list ul li .icon {
        padding: 0 0 25px !important;
        height: 35px;
    }
    .CorporateCulture .list ul li .Htitle {
        padding: 0 0 15px !important;
    }
}
.Leader .Top{
    padding: 7.8125vw 15.625vw 7.291667vw;
    display: flex;
}
.Leader .Top .left{
    font-size: 10.416667vw;
    color: #002ace;
    padding: 0 6.25vw 0 0 ;
    line-height: .8;
}
.Leader .Top .text{
    flex: 1;
}
.Leader .Top .text .title{
    font-size: var(--font-size45);
    color: #000000;
    padding: 0 0 1.5625vw;
}
.Leader .Top .text .intro {
    font-size: var(--font-size16);
    color: #616060;
    line-height: 1.6;
}

@media(max-width:992px){ 
}

.LeaderImg {
    position: relative;
}
.LeaderImg ul {
    width: 100%;
    position: relative;
    height: auto;
}

.LeaderImg ul li{
    -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
}
.LeaderImg ul li:nth-child(1) {
    position: absolute;
    top: 3.4375vw;
    left: 6.40625vw;
    width: 16.510417vw;
}
.LeaderImg ul li:nth-child(2) {
    position: absolute;
    top: 2.604167vw;
    right: 5.625vw;
    width: 12.708333vw;
}
.LeaderImg ul li:nth-child(3) {
    position: absolute;
    top: 28.177083vw;
    left: 15vw;
    width: 10.989583vw;
}
.LeaderImg ul li:nth-child(4) {
    position: absolute;
    top: 28.177083vw;
    right: 15vw;
    width: 13.541667vw;
}
.LeaderImg #video1 {
    width: 100%;
    height: 100%;
    object-fit: cover;

    -webkit-transition: all 1s ease 0.2s;
    -moz-transition: all 1s ease 0.2s;
    transition: all 1s ease 0.2s;
}
.LeaderImg .LeaderVideo {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100vh;
    position: relative;
    z-index: 5;
}

/*  */
.LeaderImg.active ul li:nth-child(3),
.LeaderImg.active ul li:nth-child(1)  {
    top: 50% ;
    left: 50% ;
    transform: translateX(-50%);
}
.LeaderImg.active ul li:nth-child(2),
.LeaderImg.active ul li:nth-child(4)  {
    top: 50% ;
    right: 50% ;
    transform: translateX(-50%);
}

.LeaderImg.active #video1 {
    width: 100%;
    height: 100%;
}
/*  */
@media(max-width:992px){ 
    .LeaderImg ul {
        height: auto;
    }
    .LeaderImg .LeaderVideo {
        align-items: center;
        height: auto;
    }
    .LeaderImg ul li:nth-child(1),
    .LeaderImg ul li:nth-child(2) {
        width: 80px;
    }
    .LeaderImg ul li:nth-child(3) {
        top: 60%;
        left: 50px;
        width: 60px;
    }
    .LeaderImg ul li:nth-child(4) {
        top: 60%;
        right: 7%;
        width: 80px;
    }
}
.LeaderIntro {
    padding: 8.333333vw 0 ;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}
.LeaderIntro .title {
    font-size: var(--font-size55);
    color: #000000;
    /* padding: 0 0 5.208333vw; */
    padding: 0 0 5.208333vw 30.729167vw;
    /* text-align: right; */
}
.LeaderIntro .intro {
    font-size: var(--font-size17);
    color: #6C6C6C;
    line-height: 1.4;
    padding: 0 0 0 30.729167vw;
}
.Leaderbg {
    background: #00000047;
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    z-index: 6;
}
@media(max-width:992px){ 
    .Leader .Top {
        padding: 35px 5%;
        display: block;
    }
    .Leader .Top .left {
        padding: 0;
    }
    .Leader .Top .text .title {
        padding: 20px 0;
    }
    .LeaderIntro {
        position: unset;
        padding: 35px 0;
    }
    .LeaderIntro .title {
        text-align: center;
        padding: 0 0 20px;
    }
    .LeaderIntro .intro {
        padding: 0;
    }
    .Leaderbg {
        display: none;
    }
}
.BrandStory {
    min-height: 100vh;
    height: 100vh;
    position: relative;
}
.BrandStory .auto_1440 {
    height: 100%;
}
.BrandStory .columns{
    align-items: center;
    height: 100%;
}
.BrandStory .text {
    width: 50%;
    padding: 0 5.46875vw 0 0;
}
.BrandStory .text .title {
    display: flex;
    align-items: flex-end;
    padding: 0 0 2.34375vw;
    transition: 1s;
    transform: translate3d(0%, 0%, 0px);
}
.BrandStory .text .title span:nth-child(1){
    font-weight: bold;
    font-size: var(--font-size20);
    color: #FFFFFF;
    display: block;
    line-height: .8;
    padding: 0 1.145833vw .78125vw;
    text-align: right;

}
.BrandStory .text .title span:nth-child(2){
    font-weight: bold;
    font-size: 12.5vw;
    color: #FFFFFF;
    display: block;
    line-height: .8;
}
.BrandStory .text .title .Htitle {
    font-weight: 400;
    font-size: var(--font-size55);
    color: #FFFFFF;
    line-height: 1;
    padding: 0 0 0 1.5625vw;
}
.BrandStory .text .intro {
    font-size: var(--font-size17);
    color: #FFFFFF;
    line-height: 1.6;
    transform: translate3d(0, 00%, 0px);
    transition: 1s;
}

.BrandStory ul {
    width: 50%;
    padding: 3.125vw 0 0 0 ;
    border-left: 1px solid rgba(255, 255, 255, .3);

    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: 1s;
}
.BrandStory ul li {
    display: flex;
    align-items: flex-start;
    min-height: 7.8125vw;
}
.BrandStory ul li .Stitle {
    padding: 0 3.125vw 0 0;
    margin: 0 2.604167vw 0 0;
    font-size: var(--font-size50);
    color: rgba(255, 255, 255, .6);
    line-height: 1;
    min-width: max-content;
    display: flex;
    align-items: center;
    position: relative;
    transform: scale(0.75);
    transition: all .3s ease-out;
}
.BrandStory ul li .Stitle::after{
    position: absolute;
    right: 0;
    top: .520833vw;
    display: block;
    content: '';
    width: 1px;
    height: calc(100% - .625vw);
    opacity: 0.3;
}
.BrandStory ul li .Stitle::before{
    display: block;
    content: '';
    width: 1.5625vw;
    height: 1.5625vw;
    border-radius: 50%;
    margin: 0 3.125vw 0 -0.78125vw;
    transition: .5s;
}
.BrandStory ul li .intro {
    font-size: var(--font-size17);
    color: #FFFFFF;
    line-height: 1.6;
    display: none;
}
@media(min-width:992px){
    .BrandStory ul li.on .Stitle {
        color: #FFFFFF;
        /* border-right: 1px solid rgba(255, 255, 255, .3); */
        transition: all .3s ease-out;
        transform: scale(1);
    }
    .BrandStory ul li.on .Stitle::after {
        background: #FFFFFF;
        transition: .5s;
    }
    .BrandStory ul li.on .Stitle::before {
        background: #FFFFFF;
        transition: .5s;
    }
    .BrandStory ul li.on .intro {
        display: block;
        transition: .5s;
    }
    .BrandStory .text .title.on {
        /* position: absolute; */
        /* left: 50%;
        top: 50%; */
        transform: translate3d(70%, 30%, 0px);
        transition: 1s;
    }
    .BrandStory .text .intro.on{
        transform: translate3d(0, 100%, 0px);
        opacity: 0;
        transition: 1s;
    }
    .BrandStory ul.on {
        transform: translate3d(20%, 00%, 0px);
        transition: 1s;
        opacity: 0;
    }
}
@media(max-width:992px){ 
    .BrandStory {
        min-height: auto;
        height: auto;
        padding: 35px 0;
    }
    .BrandStory .columns {
        display: block;
    }
    .BrandStory .text {
        width: 100%;
    }
    .BrandStory ul {
        width: 100%;
        padding: 0 0 0 20px;
    }
    .BrandStory ul li {
        display: block;
    }
    .BrandStory ul li:not(:last-child){
        padding: 0 0 25px;
    }
    .BrandStory ul li .intro {
        display: block;
        padding: 0 0 ;
    }
    .BrandStory .text .title {
        padding: 0 0 20px;
    }
    .BrandStory ul li .Stitle {
        padding: 0 0 20px;
        transform: scale(1);
        color: rgba(255, 255, 255, 1);
    }
    .BrandStory .text .intro {
        padding: 0 0 25px;
    }
    .BrandStory ul li .Stitle::before {
        width: 10px;
        height: 10px;
        background: rgba(255, 255, 255, 1);
        margin: 0 15px 0 0 ;
    }
}


@media(max-width:992px){ 
}
@media(max-width:992px){ 
}
@media(max-width:992px){ 
}
@media(max-width:992px){ 
}
@media(max-width:992px){ 
}
@media(max-width:992px){ 
}
@media(max-width:992px){ 
}
@media(max-width:992px){ 
}
@media(max-width:992px){ 
}




/* 动画 */

/* transform: translate3d(0, -100px, 0); 上 fadeInUp wow" data-wow-duration="2s"   */
@-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 mySvg {
    0% {
        stroke-dashoffset: 120;
    }
    100% {
        stroke-dashoffset: 0;
    }
}
@keyframes mySvg {
    0% {
        stroke-dashoffset: 120;
    }
    100% {
        stroke-dashoffset: 0;
    }
}



.header .navBox .navList .list .subNavMain .subNavList > a {
    font-size: var(--font-size16);
}
.header .navBox .navList .list:nth-child(2) .subNavMain {
    display: none;
}

.header .headerFast .content1600 .nav ul li .subCompanyBox{pointer-events: none;}
.header .headerFast .content1600 .nav ul li:hover .subCompanyBox{pointer-events: all;}

@media(min-width:992px){
    /* 导航 */
    .xw .headerbg {
        background: transparent;
        border-bottom: 0px solid #ececec;
    }
    .InnerPage .content1600 {
        width: 75vw;
    }
    .header .navBox .navList .list .subNavMain.columnsBox {
        display: flex;
        min-width: 38.697917vw;
        left: unset;
        right: -4.0833vw;
        box-shadow: 0px 7px 24px 0px rgba(0,0,0,0.1);
        background: #FFFFFF;
    }
    .header .navBox .navList .list:not(:last-child) .subNavMain.columnsBox {
        right: 50%;
        transform: translateX(50%);
    }
    .header .columnsBox .listBox{
        padding: 2.604167vw 0 ;
        border-right: 1px solid rgba(241, 241, 245, 1);
        min-width: 14.625vw;
    }
    .header .columnsBox .listBox dl dt{
        font-weight: 400;
        font-size: var(--font-size32);
        color: #002ace;
        line-height: 1;
        padding: 0 2.604167vw .9375vw 3.125vw;
    }
    .header .columnsBox .listBox dl dd a {
        line-height: 1;
        font-weight: 400;
        font-size: var(--font-size20);
        color: #BBBBBB;
        padding: .625vw 2.604167vw .625vw 3.125vw;
        display: flex;
        align-items: center;
        min-width: max-content;
    }
    .header .columnsBox .listBox dl dd a i {
        font-size: var(--font-size20);
        padding: 0 0 0 .520833vw;
        height: .78125vw;
        opacity: 0;
    }
    .header .columnsBox .listBox dl dd a:hover,
    .header .columnsBox .listBox dl dd.on a {
        background: rgba(241, 241, 245, .3);
        color: rgba(0,42,206,1.000);
    }
    .header .columnsBox .listBox dl dd a:hover i,
    .header .columnsBox .listBox dl dd.on a i{
        padding: 0 0 0 .78125vw;
        transition: .3s;
        opacity: 1;
    }
    .header .columnsBox .introBox {
        padding: 2.604167vw ;
        min-width: 26.041667vw;
        width: 26.041667vw;
    }
    .header .columnsBox .introBox .title {
        font-size: var(--font-size22);
        color: #060606;
        padding: 0 0 .520833vw;
    }
    .header .columnsBox .introBox .intro {
        font-size: var(--font-size17);
        color: #060606;
        opacity: 0.6;
        padding: 0 0 1.041667vw ;
    }
    .header .columnsBox .introBox .image {
        max-width: 20.78125vw;
    }
    .header .columnsBox .introBox li:not(:first-child) {
        display: none;
    }
    .header .columnsBox .listBox dl dd a::before {
        display: none;
    }



    .header .navBox .navList .list .subNavMain.CPcolumnsBox .subNavBox {position: relative;}
    .header .navBox .navList .list .subNavMain.CPcolumnsBox .subNavBox .retract{
        position: absolute;
        left: 50%;
        bottom: .520833vw;
        transform: translateX(-50%);
        display: flex;
        align-items: center;

        cursor: pointer;

        font-size: var(--font-size14);
        color: #060606;
        opacity: 0.8;
    }
    .header .navBox .navList .list .subNavMain.CPcolumnsBox .subNavBox .retract i {
        font-size: var(--font-size14);
        margin: 2px 0 0 .364583vw;
    }
    .header .navBox .navList .list .subNavMain.CPcolumnsBox .subNavBox .retract:hover {
        color: rgba(0,42,206,1.000);
    }
    .header .navBox .navList .list .subNavMain.CPcolumnsBox {
        position: fixed;
        left: 0;
        display: none !important; 
        /* height: 100%; */
        background: rgba(0, 0, 0, .7);
    }
    .header .navBox .navList .list .subNavMain.CPcolumnsBox.on {
        display: none;
    }
    .header .navBox .navList .list .subNavMain.CPcolumnsBox .subNavBox .subNav .subNavList > a {
        font-size: var(--font-size22);
        padding: .729167vw 0 .729167vw 11.979167vw;
        line-height: 1;
        color: #BBBBBB;
    }
    .header .navBox .navList .list .subNavMain.CPcolumnsBox .subNavBox .subNav .subNavList > a:hover::after {
        display: none;
    }
    .header .navBox .navList .list .subNavMain.CPcolumnsBox .subNavBox .subNav .subNavList > a:hover {
        background: transparent;
        color: rgba(0,42,206,1.000);
    }

    .header .navBox .navList .list .subNavMain.CPcolumnsBox .subNavBox .subNav .title {
        font-weight: 600;
        font-size: var(--font-size32);
        color: #002ace;
        padding: 0 0 1.822917vw 11.979167vw;
    }
    .header .navBox .navList .list .subNavMain.CPcolumnsBox .subNavBox .subNav {
        width: 25vw;
        margin: 3.645833vw 0 ;
        max-height: 31.25vw;
        overflow: auto;
        padding: 0;
    }
    .header .navBox .navList .list .subNavMain.CPcolumnsBox .subNavBox .subNav::-webkit-scrollbar {
        width: 2px;
        height: 16px;
        background-color: #DFDFDF;
    }
    
    .header .navBox .navList .list .subNavMain.CPcolumnsBox .subNavBox .subNav::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); 
        border-radius: 6px;
        background-color: #DFDFDF;
    }
    .header .navBox .navList .list .subNavMain.CPcolumnsBox .subNavBox .subNav::-webkit-scrollbar-thumb {
        border-radius: 2px;
        -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .1);
        background: #002ace;
    }
    .header .navBox .navList .list .subNavMain.CPcolumnsBox .subNavBox {
        background: #fff;
        border-top: 1px solid rgba(241, 241, 245, 1);
    }

    .header .navBox .navList .list .subNavMain.CPcolumnsBox .subNavBox .subNav .mThreeNav {
        padding: 1.041667vw 0;
        margin: .729167vw 0;
        background: rgba(241, 241, 245, .3);
        border-top: 1px solid rgba(241, 241, 245, 1);
        border-bottom: 1px solid rgba(241, 241, 245, 1);
    }
    .header .navBox .navList .list .subNavMain.CPcolumnsBox .subNavBox .subNavList .mThreeNav a {
        padding: .520833vw 0 .520833vw 11.979167vw;
        background: transparent;
        border-top: 0 solid #EBEBEB;
        font-size: var(--font-size17);
        color: #060606;
    }
    .header .navBox .navList .list .subNavMain.CPcolumnsBox .subNavBox .subNav .subNavList.on > a {
        color: #002ace;
    }
    /* .header .navBox .navList .list .subNavMain.CPcolumnsBox .subNavBox .subNav .subNavList.on .mThreeNav {
        display: block;
    } */

    .header .navBox .navList .list .subNavMain.CPcolumnsBox .subNavBox .subNavList .mThreeNav a i {
        font-size: var(--font-size17);
        opacity: 0;
    }
    /* .header .navBox .navList .list .subNavMain.CPcolumnsBox .subNavBox .subNavList .mThreeNav a:hover, */
    .header .navBox .navList .list .subNavMain.CPcolumnsBox .subNavBox .subNavList .mThreeNav a.on{
        color: rgba(0,42,206,1.000);
    }
    /* .header .navBox .navList .list .subNavMain.CPcolumnsBox .subNavBox .subNavList .mThreeNav a:hover i, */
    .header .navBox .navList .list .subNavMain.CPcolumnsBox .subNavBox .subNavList .mThreeNav a.on i {
        margin: 0 0 0 5px;
        transition: .3s;
        opacity: 1;
    }


    .header .navBox .navList .list .subNavMain.CPcolumnsBox .subNavBox .RightBox {
        flex: 1;
        padding: 0 11.979167vw 0 0;
        border-left: 1px solid rgba(241, 241, 245, 1);
    }
    .header .navBox .navList .list .subNavMain.CPcolumnsBox .RightList {
        margin: 2.864583vw 0 3.125vw 0;
        max-height: 31.25vw;
        overflow: auto;
        padding: 0 1.041667vw 0 0;
        height: auto !important;
        position: relative;
    }
    .header .navBox .navList .list .subNavMain.CPcolumnsBox .RightList >div{
        display: flex;
        flex-wrap: wrap;
        padding: 0 0 2.864583vw;
    }
    .header .navBox .navList .list .subNavMain.CPcolumnsBox .RightList::-webkit-scrollbar {
        width: 2px;
        height: 16px;
        background-color: #DFDFDF;
    }
    
    .header .navBox .navList .list .subNavMain.CPcolumnsBox .RightList::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); 
        border-radius: 6px;
        background-color: #DFDFDF;
    }
    .header .navBox .navList .list .subNavMain.CPcolumnsBox .RightList::-webkit-scrollbar-thumb {
        border-radius: 2px;
        -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .1);
        background: #002ace;
    }
    .header .navBox .navList .list .subNavMain.CPcolumnsBox .RightList .title {
        font-size: var(--font-size40);
        color: #060606;
        width: 100%;
        padding: 0 0 0 3.125vw;
        display: flex;
        align-items: center;
        justify-content: space-between;
        line-height: unset;
    }
    .header .navBox .navList .list .subNavMain.CPcolumnsBox i.layui-icon-close{
        font-size: var(--font-size22);
        color: rgba(0,42,206,1.000);
        font-weight: 600;
        cursor: pointer;
        position: absolute;
        right: 250px;
        top: 35px;
    }
    .header .navBox .navList .list .subNavMain.CPcolumnsBox .RightList .lists {
        margin: 2.864583vw 0 0 3.125vw;
        width: calc(33.33% - 3.125vw);
    }
    .header .navBox .navList .list .subNavMain.CPcolumnsBox .RightList .lists>a {
        font-size: var(--font-size18);
        color: #060606;
        display: flex;
        align-items: center;
        padding: 0 0 1.041667vw;
        border-bottom: 1px solid rgba(241, 241, 245, 1);
        position: relative;
        width: 100%;
    }
    .header .navBox .navList .list .subNavMain.CPcolumnsBox .RightList .lists>a span{
        flex: 1;
    }
    .header .navBox .navList .list .subNavMain.CPcolumnsBox .RightList .lists>a::before{
        content: '';
        width: .208333vw;
        height: .833333vw;
        background: #BBBBBB; 
        display: block;
        margin: 2px .78125vw 0 0;
    }
    .header .navBox .navList .list .subNavMain.CPcolumnsBox .RightList .lists>a i {
        font-size: var(--font-size16);
        color: rgba(187, 187, 187, 1);
        text-align: right;
        font-weight: bold;
        transition: .3s;
    }
    .header .navBox .navList .list .subNavMain.CPcolumnsBox .RightList .lists.on>a i{
        transform: rotate(180deg);
        transition: .3s;
    }
    .header .navBox .navList .list .subNavMain.CPcolumnsBox .RightList .lists .list_a {
        margin: 1.041667vw 0 0 ;
        display: none;

        overflow: auto;
        max-height: 12.083333vw;
    }
    .header .navBox .navList .list .subNavMain.CPcolumnsBox .RightList .lists .list_a::-webkit-scrollbar {
        width: 2px;
        height: 16px;
        background-color: #DFDFDF;
        margin: 1.041667vw;
    }
    
    .header .navBox .navList .list .subNavMain.CPcolumnsBox .RightList .lists .list_a::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); 
        border-radius: 6px;
        background-color: #DFDFDF;
    }
    .header .navBox .navList .list .subNavMain.CPcolumnsBox .RightList .lists .list_a::-webkit-scrollbar-thumb {
        border-radius: 2px;
        -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .1);
        background: #002ace;
    }

    .header .navBox .navList .list .subNavMain.CPcolumnsBox .RightList .lists .list_a a {
        font-size: var(--font-size14);
        color: #060606;
        padding: .390625vw 0;
        display: block;
        line-height: 1;
    }

    .header .navBox .navList .list .subNavMain.CPcolumnsBox .RightList .lists:hover>a {
        color: rgba(0,42,206,1.000);
    }
    .header .navBox .navList .list .subNavMain.CPcolumnsBox .RightList .lists:hover>a i{
        color: rgba(0,42,206,1.000);
    }
    .header .navBox .navList .list .subNavMain.CPcolumnsBox .RightList .lists:hover>a::before {
        background: #002ace;
    }
    .header .navBox .navList .list .subNavMain.CPcolumnsBox .RightList .lists .list_a a:hover {
        color: rgba(0,42,206,1.000);
    }

    .InnerPage .header {
        position: fixed;
    }
    .header .navBox .navList .list .subNavMain .introBox .threeNavContent{border-bottom: 1px solid rgba(241, 241, 245, 1);}
    .header .navBox .navList .list .subNavMain .introBox .threeNavContent .title{color: #002ace;}
    .header .navBox .navList .list .subNavMain .introBox .threeNavContent .intro{color: #060606; opacity: 0.6;}
    .header .navBox .navList .list .subNavMain .introBox .threeNav{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;margin: 1.563vw -0.521vw 0px; padding-bottom: 1.042vw;}
    .header .navBox .navList .list .subNavMain .introBox .threeNav a{display: flex; align-items: center; position: relative; width: 33.333%; padding: 0vw 0.521vw; margin-bottom: 1.042vw; font-size: 0.885vw;color:rgba(6,6,6,0.6); position: relative;}
    .header .navBox .navList .list .subNavMain .introBox .threeNav a i{margin-left: 0.26vw; transition: all .6s;}
    .header .navBox .navList .list .subNavMain .introBox .threeNav a:hover{color: #002ace;}
    .header .navBox .navList .list .subNavMain .introBox .threeNav a:hover i{margin-left: 0.521vw;}

}
.header .navBox .navList .list .subNavMain.CPcolumnsBox .subNavBox{
    border-radius: 0vw 0vw;
}
@media(max-width:992px) {
    .header .columnsBox .listBox dl dt {
        display: none;
    }
    .header .columnsBox .listBox dl dd{position: relative;}

    .header .columnsBox .listBox dl dd>a{
        padding: 15px 25px;
        border-top: 1px solid #EBEBEB;
        background: #f2f2f2;
        display: block;
        font-size: var(--font-size16);
    }

    .header .columnsBox .listBox dl dd .threeNavBtn {
        position: absolute;
        right: 0px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -moz-box;
        display: flex;
        -webkit-box-pack: right;
        -webkit-justify-content: right;
        -ms-flex-pack: right;
        -moz-box-pack: right;
        justify-content: right;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        -moz-box-align: center;
        align-items: center;
        width: 40%;
        height: 45px;
        top: 0px;
        right: 0px;
        padding-right: 25px;
    }

    .header .columnsBox .listBox dl dd .threeNavBtn i { width: 12px; height: 12px; display: block; position: relative; }

    .header .columnsBox .listBox dl dd .threeNavBtn i::after { content: ''; width: 100%; height: 2px; background: #474747; position: absolute; left: 0px; top: 50%; margin-top: -1px; }

    .header .columnsBox .listBox dl dd .threeNavBtn i::before { content: ''; width: 2px; height: 100%; background: #474747; position: absolute; left: 50%; top: 0px; margin-left: -1px; -webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); }
    
    .header .columnsBox .listBox dl dd .mThreeNav{display: none;}

    .header .columnsBox .listBox dl dd .mThreeNav a{border-top: 1px solid #EBEBEB;background: #f6f6f6;font-size: var(--font-size12);display: flex;align-items: center;justify-content: space-between;padding: 15px 20px 15px 50px;}
    
    .header .columnsBox .listBox dl dd .mThreeNav a i{display: block !important;}

    .header .columnsBox .listBox dl dd a::before {
        margin-right: 10px;
    }
    .header .columnsBox .introBox,
    .header .columnsBox .listBox dl dd a i {
        display: none;
    }

    .header .navBox .navList .list .subNavMain.CPcolumnsBox .subNavBox .subNav .title {
        display: none !important;
    }
    .header .navBox .navList .list .subNavMain.CPcolumnsBox .subNavBox .subNavList .mThreeNav a {
        font-size: var(--font-size12);
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 15px 20px 15px 50px;
    }
    .header .navBox .navList .list .subNavMain.CPcolumnsBox .subNavBox .subNavList .mThreeNav .Fourthlevel {
        display: none;
    }
    .header .navBox .navList .list .subNavMain.CPcolumnsBox .subNavBox .subNavList .mThreeNav .on .Fourthlevel{
        display: block;
    }
    .header .navBox .navList .list .subNavMain.CPcolumnsBox .subNavBox .subNavList .mThreeNav a i {
        /* display: none; */
        font-size: 14px;
        transition: .5s;
    }
    .header .navBox .navList .list .subNavMain.CPcolumnsBox .subNavBox .subNavList .mThreeNav .on a i {
        transform: rotate(90deg);
        transition: .5s;
    }
    .header .navBox .navList .list .subNavMain.CPcolumnsBox .subNavBox .RightBox {
        display: none;
    }


    .header .navBox .navList .list .subNavMain.CPcolumnsBox .subNavBox .retract {
        display: none;
    }

    .navBox .haderOther .langBox .langBtn,
    .navBox .haderOther .searchBox .searchBtn,
    .navBox .haderOther .navbtn {
        color: #000000 !important;
    }


    .header .navBox .navList .list .subNavMain .subNavBox .subNavList .mThreeNav .Fourthlevel a {
        padding: 10px 20px 10px 60px;
    }
    .header .navBox .navList .list:nth-child(2) .subNavMain .subNavBox .subNavList .threeNavBtn {
        width: 100%;
    }

    .header .columnsBox .introBox .threeNav{display: flex;}
    
    .header .columnsBox .introBox .threeNav a{display: flex; margin-right: 15px; margin-bottom: 10px; font-size: 17px;}

}


/* 首页 */
.indexProductsBg .indexProducts .indexProductsContents ul li.color_fff .desc {
    color: #fff;
}
.indexProductsBg .indexProducts .indexProductsContents ul li.color_fff .subTitle {
    color: #fff;
}
.indexProductsBg .indexProducts .indexProductsContents ul li.color_fff .more span {
    color: #fff;
}
.indexProductsBg .indexProducts .indexProductsContents ul li.color_fff .more i {
    color: #fff;
}
@media(min-width:992px){
    .indexCaseBg ,
    .indexCaseBg .indexCase .indexCaseMain{
        height: auto !important;
    }
    .indexCaseBg .indexCase .indexCaseTitle {
        position: sticky;
        top: 7.8125vw;
        padding: 0 0 6.25vw;
    }
    .indexCaseBg .indexCase {
        align-items: flex-start;
    }
    .indexCaseBg .indexCase .indexCaseTitle .more:hover{
        color: #002ace;
    }
    .indexProductsBg .indexProducts .indexProductsContents ul li .desc {
        max-width: 16.104167vw;
    }
    .indexProductsBg .indexProducts .indexProductsContents ul li .title{
        font-weight: 600;
    }
    .header.regular {
        top: 0 !important;
        position: fixed;
    }
    .indexNewsBg .indexNews .indexNewsMain .indexNewsMain1 .content .more:hover,
    .indexNewsBg .indexNews .indexNewsMain .indexNewsMain1 .content .more:hover span {
        color: #002ace;
    }
    .header .navBox .haderOther .langBox {
        margin-left: 2.8646vw !important;
    }
}
.indexCaseBg .indexCase .indexCaseMain .swiper-wrapper .swiper-slide a .content .more::after{
    display: none;
}
.indexCaseBg .indexCase .indexCaseMain .swiper-wrapper .swiper-slide a .content .more i {
    font-size: var(--font-size14);
    font-weight: bold;
}
.indexCaseBg .indexCase .indexCaseMain .swiper-wrapper .swiper-slide a .content .more svg {
    display: none;

    position: absolute;
    top: -0.104167vw;
    left: -0.104167vw;
    width: 3.125vw;
    height: 3.125vw;
    margin: -0.104167vw;
    fill: none;
    stroke: #002ace;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    stroke-width: .104167vw;
    stroke-dasharray: 167;
    animation: mySvg .5s  ;
    -webkit-animation: mySvg .5s ;
    animation-timing-function:linear;

    /* stroke-dashoffset: 120; */
}
.indexCaseBg .indexCase .indexCaseMain .swiper-wrapper .swiper-slide a .content .more:nth-child(2) svg {
    -webkit-transform: rotate(-0);
    -ms-transform: rotate(-0);
    transform: rotate(-0);
}
.indexCaseBg .indexCase .indexCaseMain .swiper-wrapper .swiper-slide a:hover .content .more svg{
    display: block;
}
.indexCaseBg .indexCase .indexCaseMain .swiper-wrapper .swiper-slide a:hover .content .more i{
    color: #002ace;
}
.indexProductsBg .indexProducts .indexProductsContents ul li .more:hover span {
    color: #002ace;
}
.indexProductsBg .indexProducts .indexProductsContents ul li .more:hover i {
    color: #002ace;
}
.indexNewsBg .indexNews .indexNewsMain .indexNewsMain2 .swiper-wrapper .swiper-slide a:hover .content .title {
    color: #002ace; 
}
.banner .swiper-wrapper .swiper-slide a.on {
    cursor: unset;
}
/* .banner .swiper-wrapper .swiper-slide a .labels .label {
    cursor: pointer;
} */

.indexNewsBg .indexNews .indexNewsMain .indexNewsMain2 .swiper-pagination {
    width: 100%;
}
@media(max-width:992px){
    .indexAboutusBg .indexAboutus .indexAboutusMap .labels .label,
    .indexAboutusBg .indexAboutus .indexAboutusMap .labels .label .title {
        display: none;
    }
    .indexAboutusBg .indexAboutus .indexAboutusMap .labels .label:nth-child(9){
        display: block !important;
    }
    .banner .swiper-wrapper .swiper-slide a .content .contentMain .title {
        font-size: 20px;
        line-height: 1.3;
    }
    .banner .swiper-wrapper .swiper-slide a .content .contentMain .more span {
        font-size: 14px;
    }
    .indexProductsBg .indexMobileProducts .indexMobileProductsMain .swiper-wrapper .swiper-slide .content .title {
        font-size: 14px;
    }
    .indexProductsBg .indexMobileProducts .indexMobileProductsMain .swiper-wrapper .swiper-slide .content .subTitle {
        font-size: 20px;
        line-height: unset;
    }
    .indexProductsBg .indexMobileProducts .indexMobileProductsMain .swiper-wrapper .swiper-slide .content .desc {
        font-size: 13px;
    }
    .indexProductsBg .indexMobileProducts .indexMobileProductsMain .swiper-wrapper .swiper-slide .content .more {
        font-size: 14px;
    }
    .indexSolutionsBg .indexSolutions .swiper-slide .content .title {
        font-size: 20px;
        line-height: unset;
    }
    .indexSolutionsBg .indexSolutions .swiper-slide .content {
        padding: 0 ;
    }
    .indexSolutionsBg .indexSolutions .swiper-slide .content .desc {
        font-size: 14px;
    }
    .indexSolutionsBg .indexSolutions .swiper-slide .content .more span {
        font-size: 14px;
    }
    .indexSolutionsBg .indexSolutions .swiper-slide .content .more i {
        font-size: 12px;
    }
    .indexCaseBg .indexCase .indexCaseTitle .subTitle {
        font-size: 20px ;
        line-height: 1.3;
        margin-bottom: 15px;
    }
    .indexCaseBg .indexCase .indexCaseTitle .more span {
        font-size: 14px;
    }
    .indexCaseBg .indexCase .indexCaseTitle .more i {
        font-size: 12px;
    }
    .indexCaseBg .indexCase .indexCaseTitle .title {
        font-size: 14px;
        margin-bottom: 12px;
    }
    .indexCaseBg .indexCase .indexCaseMain .swiper-wrapper .swiper-slide a .content .desc {
        font-size: 14px;
    }
    .indexNewsBg .indexNews .indexNewsTitle .title {
        font-size: 14px;
    }
    .indexNewsBg .indexNews .indexNewsTitle .subTitle {
        font-size: 20px;
    }
    .indexNewsBg .indexNews .indexNewsTitle .title {
        margin-bottom: 8px;
    }
    .indexNewsBg .indexNews .indexNewsMain .indexNewsMain1 .content .list {
        font-size: 14px;
    }
    .indexNewsBg .indexNews .indexNewsMain .indexNewsMain1 .content .time {
        font-size: 12px;
    }
    .indexNewsBg .indexNews .indexNewsMain .indexNewsMain2 .swiper-wrapper .swiper-slide a .content .title {
        font-size: 14px;
        margin-bottom: 5px;
    }
    .indexNewsBg .indexNews .indexNewsMain .indexNewsMain2 .swiper-wrapper .swiper-slide a .content .time {
        font-size: 12px;
    }
    .indexAboutusBg .indexAboutus .indexAboutusTitle > .title {
        font-size: 20px;
        line-height: unset;
    }
    .indexAboutusBg .indexAboutus .indexAboutusTitle .desc {
        font-size: 13px;
    }
    .indexAboutusBg .indexAboutus .indexAboutusTitle .numbers ul li .title {
        font-size: 12px;
        line-height: unset;
        margin: 5px 0 0;
    }
    .indexPartnersBg .indexPartners .indexPartnersTitle {
        font-size: 20px;
    }
    .footerBg .footer .footerCopyright .copyright {
        font-size: 14px;
    }

    .indexCaseBg .indexCase .indexCaseMain .swiper-pagination {
        display: flex;
        justify-content: center;
        width: 100%;
    }
    .indexNewsBg .indexNews .indexNewsMain .indexNewsMain2 .swiper-pagination{
        display: flex;
        justify-content: center;
        width: 100%;
        margin: 20px 0 0;
    }
}
.banner .swiper-wrapper .swiper-slide a .labels .label .icon {
    opacity: 0.6;
}
.banner .swiper-wrapper .swiper-slide a .labels .label:hover .icon  {
    opacity: 1;
}
.indexAboutusBg .indexAboutus .indexAboutusMap .labels .label .title{
    /* opacity: 1;
    visibility: unset; */
    top: unset;
/* 
    animation: beat 1s  ;
    -webkit-animation: beat 1s ;
    animation-timing-function:linear; */
}
.indexAboutusBg .indexAboutus .indexAboutusMap .labels .label:not(:nth-child(9)) .drop .other {
    display: none;
}
.beat {
    -webkit-animation-name: beat;
    animation-name: beat
}
@-webkit-keyframes beat {
    0% {
        transform: scale(.8);
    }
    50%{
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes beat {
    0% {
        transform: scale(.8);
    }
    50%{
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

.indexPartners .swiper-wrapper{
   -webkit-transition-timing-function: linear !important ;
    -o-transition-timing-function: linear !important ;
    transition-timing-function: linear !important ;
}
.shadow {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0000004a;
    z-index: 9;
}

/* 底部导航 */
@media (max-width: 992px) {
    .footerBg {
        padding: 5px 0px 36px;
    }
    .BottomNavigation {
        margin: 0 0 25px;
    }
    .BottomNavigation dl {
        width: 100%;
        padding: 15px 0;
        border-bottom: 1px solid rgba(214, 214, 214, 0.5);
    }
    .BottomNavigation dl dt{ 
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-weight: 600;
    }
    .BottomNavigation a{
        font-size: 14px;
    }   
    .BottomNavigation dd a {
        color: #515151;
        margin-top: 15px;
        display: block;
    }
    .BottomNavigation dl>div {
        display: none;
    }
}
/* 首页产品中心 */
.pagination{
    position: absolute;
    bottom: 3.125vw;
    /* width: 100%; */
    right: 8.333333vw ;
    z-index: 1; 
    display: flex !important;
    align-items: center;
    width: 40vw;
    margin: 0 auto;
    /* left: 50%;
    transform: translateX(-50%); */
}
.pagination .swiper-pagination-progressbar {
    position: relative;
    height: 2px;
    background: rgba(207, 207, 207, 1);
    flex: 1;
}
.pagination .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #002ace;
}
.pagination a {
    font-size: var(--font-size52);
    color: rgba(207, 207, 207, 1);
    width: 2.916667vw;
    height: 2.916667vw;
    border-radius: 50%;
    border: .104167vw solid #CFCFCF;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 0 .520833vw 0 0 ;
}
.pagination a:nth-child(2) i {
    transform: rotate(180deg);
}
.pagination a i {
    font-size: var(--font-size14);
    font-weight: bold;
}
.pagination a svg {
    display: none;
    position: absolute;
    top: -0.104167vw;
    left: -0.104167vw;
    width: 3.125vw;
    height: 3.125vw;
    margin: -0.104167vw;
    fill: none;
    stroke: #002ace;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    stroke-width: .104167vw;
    stroke-dasharray: 167;
    animation: mySvg .5s;
    -webkit-animation: mySvg .5s;
    animation-timing-function: linear;
    /* stroke-dashoffset: 120; */
}
.pagination a:hover{
    border: .104167vw solid #CFCFCF00;
}
.pagination a:hover i {
    color: #002ace;
}
.pagination a:hover svg {
    display: block;
}
.pagination .swiper-pagination1 {
    font-size: 1.666667vw;
    margin: 0 0 0 1.041667vw;
    color: rgba(207, 207, 207, 1);
}

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

/* 产品下拉 */
.ProductDropdown {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 120;
    background: #fff;
    display: none;
}
.ProductDropdown .columns {
    height: 100%;
}
.ProductDropdown .columns .left {
    min-width: 27.864583vw;
    width: 27.864583vw;
    position: relative;
    padding: 6.510417vw 4.6875vw 3.645833vw;
    display: flex;
    flex-direction: column;
}
.ProductDropdown .columns .left .title{
    font-weight: 400;
    font-size: 2.34375vw;
    color: #FFFFFF;
    flex: 1;
    line-height: 1.5;
}
.ProductDropdown .columns .left .logo img{
    width: 9.895833vw;
}

.ProductDropdown .right {
    padding: 6.510417vw 6.770833vw 0;
    position: relative;
    flex: 1;
}
.ProductDropdown .right .layui-icon-close {
    position: absolute;
    top: 2.395833vw;
    right: 3.125vw;
    font-size: 1.145833vw;
    color: rgba(0,42,206,1.000);
    font-weight: 600;
    cursor: pointer;
}
.ProductDropdown .right .title {
    font-weight: 400;
    font-size: 2.34375vw;
    color: #002ace;
    padding: 0 0 2.34375vw;
    line-height: 1;
}
.ProductDropdown .right dl {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgba(234, 234, 234, 1);
    margin: 0 0 2.604167vw;
}
.ProductDropdown .right dl a {
    padding: 0 0 1.25vw;
    position: relative;
    font-weight: 400;
    font-size: 1.354167vw;
    color: #BBBBBB;
    display: block;
}
.ProductDropdown .right dl a::before {
    content: '';
    bottom: 0;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
}
.ProductDropdown .right dl dd.on a::before {
    background: rgba(0,42,206,1.000);
}
.ProductDropdown .right dl dd.on a{
    color: rgba(0,42,206,1.000);
}

.animated{
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.ProductDropdown.on .columns .left .title,
.ProductDropdown.on .columns .left .logo ,
.ProductDropdown.on .right ,
.ProductDropdown.on .iconRight ,
.ProductDropdown.on .share
{
    /* -webkit-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp; */

    animation: fadeInUp 2s ;
    -webkit-animation: fadeInUp 2s ;
    animation-timing-function: ease;
}



.listDropdown {
    display: flex;
}
.listDropdown .list {
    display: flex;
}
.listDropdown .list>.Stitle{
    display: none;
}
.listDropdown .list:not(:first-child){
    display: none;
}
.listDropdown .list .onelevel{
    min-width: 14.21875vw;
    padding: 0 2.083333vw 0 0;
    border-right: 1px solid rgba(234, 234, 234, .5);
    max-height: 21.875vw;
    overflow: auto;
}

.listDropdown .list .onelevel a {
    font-weight: 400;
    font-size: .885417vw;
    color: #2C2C2C;
    min-width: 12.1875vw;
    padding: .442708vw 1.041667vw;
    display: flex;
    justify-content: space-between;
    margin: 0 0 .78125vw;
    align-items: center;
}  
.listDropdown .list .onelevel::-webkit-scrollbar {
    width: 2px;
    height: 16px;
    background-color: #DFDFDF;
}
.listDropdown .list .onelevel::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); 
    border-radius: 6px;
    background-color: #DFDFDF;
}
.listDropdown .list .onelevel::-webkit-scrollbar-thumb {
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .1);
    background: #002ace;
}
.listDropdown .list .onelevel a i {
    font-size: .833333vw;
    font-weight: 600;
} 
.listDropdown .list .onelevel .on a,
.listDropdown .list .onelevel a:hover {
    background: #FBFBFC;
    color: rgba(0,42,206,1.000);
}
.listDropdown .list .twostage{
    min-width: 17.708333vw;
    padding: 0 2.083333vw;
    border-right: 1px solid rgba(234, 234, 234, .5);
    max-height: 21.875vw;
    overflow: auto;
}
.listDropdown .list .twostage::-webkit-scrollbar {
    width: 2px;
    height: 16px;
    background-color: #DFDFDF;
}
.listDropdown .list .twostage::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); 
    border-radius: 6px;
    background-color: #DFDFDF;
}
.listDropdown .list .twostage::-webkit-scrollbar-thumb {
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .1);
    background: #002ace;
}
.listDropdown .list .twostage li:not(:first-child){
    display: none;
}
.listDropdown .list .twostage a {
    font-weight: 400;
    font-size: .833333vw;
    color: #2C2C2C;
    min-width: 13.59375vw;
    padding: .442708vw 1.041667vw;
    display: flex;
    justify-content: space-between;
    margin: 0 0 .520833vw;
    align-items: center;
}  
.listDropdown .list .twostage a i {
    font-size: .78125vw;
    font-weight: 600;
    margin: 0 0 0 .520833vw;
} 
.listDropdown .list .twostage a.on,
.listDropdown .list .twostage a:hover {
    background: #FBFBFC;
    color: rgba(0,42,206,1.000);
}

.listDropdown .threelevel {
    flex: 1;
    padding: 0 0 0 2.083333vw;
    max-height: 21.875vw;
    overflow: auto;
}
.listDropdown .threelevel::-webkit-scrollbar {
    width: 2px;
    height: 16px;
    background-color: #DFDFDF;
}
.listDropdown .threelevel::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.1); 
    border-radius: 6px;
    background-color: #DFDFDF;
}
.listDropdown .threelevel::-webkit-scrollbar-thumb {
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .1);
    background: #002ace;
}
.listDropdown .threelevel .Htitle {
    display: none;
}
.listDropdown .threelevel li {
    display: flex;
    flex-wrap: wrap;
}
.listDropdown .threelevel li:not(:first-child){
    display: none;
}
.listDropdown .threelevel li a {
    font-size: .78125vw;
    color: #3A3A3A;
    min-width: 50%;
    padding: 0 1.041667vw 2.083333vw 0;
}
.listDropdown .threelevel li a:hover  {
    color: rgba(0,42,206,1.000);
}
.ProductDropdown .iconRight{
    width: 17.760417vw;
    position: absolute;
    right: 4.0625vw;
    bottom: 0;
    z-index: -1;
}
.ProductDropdown .iconRight img{
    width: 100%;
}
@media(max-width:1380px){
    .ProductDropdown .right dl a {
        font-size: 1.458333vw;
    }
    .listDropdown .list .onelevel a{
        font-size: 1.25vw;
    }
    .listDropdown .list .twostage a {
        font-size: 1.145833vw;
    }
    .listDropdown .threelevel li a {
        font-size: 1.041667vw;
    }
}
.ProductDropdown .share {
    position: absolute;
    left: 6.770833vw;
    bottom: 4.6875vw;
}
.ProductDropdown .share ul {
    align-items: center; display: flex;
}
.ProductDropdown .share ul li{
    margin-right: 0.573vw;position: relative; cursor: pointer;
}
.ProductDropdown .share ul li .icon {
    width: 1.771vw;height: 1.771vw;border-radius: 50%;transition: all .6s ease;
}
.ProductDropdown .share ul li .icon img{
    width: auto;height: 1.771vw;
}
.ProductDropdown .share ul li .icon img.default{
    display: block;
}
.ProductDropdown .share ul li .icon img.active{
    display: none;
}
.ProductDropdown .share ul li .popup {
    position: absolute;left: 50%;bottom: 0.313vw; transform: translate(-50%, -1.5625vw); 
    padding: 0.365vw;border-radius: 0.365vw;box-shadow: 0vw 0vw 0.313vw #eee;
    background: #fff; transition: all .5s ease;
    opacity: 0;visibility: hidden;
}
.ProductDropdown .share ul li .popup img {
    min-width: 4.688vw;
    width: 4.688vw;
    height: auto;
}

.ProductDropdown .share ul li:hover .icon{
    background: #002ace;
}
.ProductDropdown .share ul li:hover .icon .default{
    display: none;
}
.ProductDropdown .share ul li:hover .icon .active{
    display: block;
}
.ProductDropdown .share ul li:hover .popup {
    opacity: 1;visibility: visible;bottom: 0.885vw;
}

@media(max-width:1380px){
    .ProductDropdown .share ul li .icon {
        width: 2.771vw;
        height: 2.771vw;
    }
    .ProductDropdown .share ul li .icon img {
        height: 2.771vw;
    }
}



@media(min-width:1600px){ 

    .header .columnsBox .listBox {
        min-width: 14.583vw;
    }
    .module_HL1GBCD1 .pageMain #pagination a, 
    .module_HL1GBCD1 .layui-laypage .layui-laypage-spr ,
    .module_HL1GBCD1 .pageMain #pagination .layui-laypage .layui-laypage-curr{
        height: 2.5vw;
        line-height: 2.5vw;
        width: 2.5vw;
    }
    .ContactUs .Information {
        width: 40.625vw;
    }

    .ProductDropdown .share {
        left: 6.771vw;
        bottom: 4.688vw;
    }
    .ProductDropdown .share ul li{
        margin-right: 0.573vw;
    }
    .ProductDropdown .share ul li .icon {
        width: 1.771vw;
        height: 1.771vw;
    }
    .ProductDropdown .share ul li .icon img{
        height: 1.771vw;
    }
    .ProductDropdown .share ul li .popup img {
        min-width: 4.688vw;
        width: 4.688vw;
    }
    .ProductDropdown .share ul li:hover .popup {
        bottom: 0.885vw;
    }


    .ProductDropdown .columns .left {
        min-width: 27.865vw;
        width: 27.865vw;
        padding: 6.51vw 4.688vw 3.646vw;
    }
    .ProductDropdown .columns .left .title{
        font-size: 2.344vw
    }
    .ProductDropdown .columns .left .logo img{
        width: 9.896vw;
    }
    .ProductDropdown .right {
        padding: 6.51vw 6.771vw 0;
    }
    .ProductDropdown .right .layui-icon-close {
        font-size: 1.146vw;
    }
    .ProductDropdown .right .title {
        font-size: 2.344vw;
        padding: 0 0 2.344vw;
    }
    .ProductDropdown .right dl {
        margin: 0 0 2.604vw;
    }
    .ProductDropdown .right dl a {
        padding: 0 0 1.25vw;
        font-size: 1.354vw;
    }
    .listDropdown .list .onelevel{
        min-width: 14.219vw;
        padding: 0 2.083vw 0 0;
        max-height: 21.875vw;
    }
    .listDropdown .list .onelevel a {
        font-size: 0.885vw;
        min-width: 12.188vw;
        padding: 0.443vw 1.042vw;
        margin: 0 0 0.781vw;
    }  
    .listDropdown .list .onelevel a i {
        font-size: 0.833vw;
    } 
    .listDropdown .list .twostage{
        min-width: 17.708vw;
        padding: 0 2.083vw;
        max-height: 21.875vw;
    }
    .listDropdown .list .twostage a {
        font-size: 0.833vw;
        min-width: 13.594vw;
        padding: 0.443vw 1.042vw;
        margin: 0 0 0.521vw;
    }  
    .listDropdown .list .twostage a i {
        font-size: 0.781vw;
        margin: 0 0 0 0.521vw;
    } 
    .listDropdown .threelevel {
        padding: 0 0 0 2.083vw;
    }
    .listDropdown .threelevel li a {
        font-size: 0.781vw;
        padding: 0 1.042vw 2.083vw 0;
    }
    .ProductDropdown .iconRight{
        width: 17.76vw;
        right: 4.063vw;
    }

    .header .navBox .navList .list .subNavMain .introBox .threeNav{margin: 1.563vw -0.521vw 0vw; padding-bottom: 1.042vw;}
    .header .navBox .navList .list .subNavMain .introBox .threeNav a{padding: 0vw 0.521vw; margin-bottom: 1.042vw; font-size: 0.885vw;}
    .header .navBox .navList .list .subNavMain .introBox .threeNav a i{margin-left: 0.26vw;}
    .header .navBox .navList .list .subNavMain .introBox .threeNav a:hover i{margin-left: 0.521vw;}
}

.LeaveAmessage{position: fixed; right: 0px; bottom: 0px; z-index: 999; width: 40px; height: 40px;}

.clff{
    color:#fff;
}

.ft15{
    font-size: 15px;
}

.wel-last-ly{
    position:fixed;
    right: 2%;
    bottom: 4%;
    z-index: 105;
    cursor: pointer;
    animation: wel-last-dh 2s linear infinite;
}

.wel-last-ly img{ width: 50px; height: 50px;}

@keyframes wel-last-dh{
    0%{
        bottom: 4%; 
    }
    50%{
        bottom: 5%;
    }
    100%{
        bottom: 4%;
    }
}

.wel-last-ly2{
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 1100;
    display: none;
    transition: all .5s ease;
    cursor: pointer;
}

.wel-last-ly2 img{ height: 60px; height: 60px;}

.wel-last-bgall{
    width: 83.53%;
    margin: 0 auto;
    margin-top: 55px;
    font-size: 0;
}
.wel-bgall-xm{
    width: 17.5%;
    display: inline-block;
    margin-right: 5%;
}
.wel-bgall-xm:last-child{
    margin-right: 0;
}
.wel-bgall-xm input{
    width: 100%;
    color: #fff;
    background: none;
    border:none;
    border-bottom:1px dashed #fff;
    margin-top: 9px;
}
.wel-bgall-dh{
    width: 23.35%;
}
.wel-bgall-mid{
    margin: 35px 0 30px 0;
}
.wel-bgall-mid .wel-bgall-ly{
    width: 75.9%;
    vertical-align: top;
}
.wel-bgall-ly textarea{
    width: 100%;
    background:none;
    border:none;
    border-bottom:1px dashed #fff;
    display: block;
    height: 30px;
    color: #fff;
}
.wel-bgall2-dh{
    display: inline-block;
    margin-right: 35px;
}
.wel-bgall2-dh .layui-form-checkbox[lay-skin=primary]{min-width: 18px;min-height: 18px;padding-left: 24px;}
.wel-bgall2-dh .layui-form-checkbox[lay-skin=primary]>i{width: 16px;height: 16px; line-height: 14px;font-size: 12px;border-radius: 2px;}
.wel-bgall2-dh .layui-form-checked[lay-skin=primary]>i{background: #fff !important; border-color: #fff !important; color: #002ace;}

.wel-bgall2-dh .layui-form-checkbox[lay-skin=primary]:hover>i{border-color: #fff !important;}

.wel-bgall-mid2 input{
    width: 15px;
    height: 15px;
    border:1px solid #fff;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.wel-bgall2-title{
    margin-bottom: 10px;
}
.wel-bgall-bot{
    margin-top: 55px;
}
.wel-bgall-bot input{
    font-size: 14px;
    color:#ba1219;
    width: 180px;
    height: 45px;
    background: #fff;
    text-align: center;
    line-height: 45px;
    border:none;
}
.wel-last-lybg{
    position: fixed;
    width: 0;
    height: 0;
    background: #002ace;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index:1000;
    /* display: none; */
}
.lybg-on{
    animation: lybg 2s linear forwards;
}
@keyframes lybg{
    0%{
        width: 0;
        height:60px;
    }
    50%{
        width: 42.708vw;
        height: 60px;
    }
    100%{
        width: 42.708vw;
        height: 500px;
    }
}

@media (max-width:992px){
    @keyframes lybg{
        0%{
            width: 0;
            height:60px;
        }
        50%{
            width: 65.25vw;
            height: 60px;
        }
        100%{
            width: 65.25vw;
            height: 500px;
        }
    }
}

@media (max-width:750px){

    .wel-last-bgall{margin-top: 20px;}
    .wel-bgall-xm input{margin-top: 4px;}
    .wel-bgall-xm{padding-top: 5px; width: 100%; margin-right: 0px;}
    .wel-bgall-mid{margin: 0px 0px 10px;}
    .wel-bgall-mid .wel-bgall-ly{width: 100%;}
    .wel-bgall-bot{margin-top: 25px;}

    @keyframes lybg{
        0%{
            width: 0;
            height:60px;
        }
        50%{
            width: 100%;
            height: 60px;
        }
        100%{
            width: 100%;
            height: 500px;
        }
    }
}

@media (min-width:1600px){
    .LeaveAmessage{position: fixed; right: 0vw; bottom: 0vw; z-index: 999; width: 2.083vw; height: 2.083vw;}

.clff{
    color:#fff;
}

.ft15{
    font-size: 0.781vw;
}

.wel-last-ly{
    position:fixed;
    right: 2%;
    bottom: 4%;
    z-index: 105;
    cursor: pointer;
    animation: wel-last-dh 2s linear infinite;
}

.wel-last-ly img{ width: 2.604vw; height: 2.604vw;}

@keyframes wel-last-dh{
    0%{
        bottom: 4%; 
    }
    50%{
        bottom: 5%;
    }
    100%{
        bottom: 4%;
    }
}

.wel-last-ly2{
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 1100;
    display: none;
    transition: all .5s ease;
    cursor: pointer;
}

.wel-last-ly2 img{ height: 3.125vw; height: 3.125vw;}

.wel-last-bgall{
    width: 83.53%;
    margin: 0 auto;
    margin-top: 2.865vw;
    font-size: 0;
}
.wel-bgall-xm{
    width: 17.5%;
    display: inline-block;
    margin-right: 5%;
}
.wel-bgall-xm:last-child{
    margin-right: 0;
}
.wel-bgall-xm input{
    width: 100%;
    color: #fff;
    background: none;
    border:none;
    border-bottom:0.052vw dashed #fff;
    margin-top: 0.469vw;
}
.wel-bgall-dh{
    width: 23.35%;
}
.wel-bgall-mid{
    margin: 1.823vw 0 1.563vw 0;
}
.wel-bgall-mid .wel-bgall-ly{
    width: 75.9%;
    vertical-align: top;
}
.wel-bgall-ly textarea{
    width: 100%;
    background:none;
    border:none;
    border-bottom:0.052vw dashed #fff;
    display: block;
    height: 1.563vw;
    color: #fff;
}
.wel-bgall2-dh{
    display: inline-block;
    margin-right: 1.823vw;
}

.wel-bgall2-dh .layui-form-checked[lay-skin=primary]>i{background: #fff !important; border-color: #fff !important; color: #002ace;}

.wel-bgall2-dh .layui-form-checkbox[lay-skin=primary]:hover>i{border-color: #fff !important;}

.wel-bgall-mid2 input{
    width: 0.781vw;
    height: 0.781vw;
    border:0.052vw solid #fff;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.521vw;
}
.wel-bgall2-title{
    margin-bottom: 0.521vw;
}
.wel-bgall-bot{
    margin-top: 2.865vw;
}
.wel-bgall-bot input{
    font-size: 0.729vw;
    color:#ba1219;
    width: 9.375vw;
    height: 2.344vw;
    background: #fff;
    text-align: center;
    line-height: 2.344vw;
    border:none;
}
.wel-last-lybg{
    position: fixed;
    width: 0;
    height: 0;
    background: #002ace;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index:1000;
    /* display: none; */
}
.lybg-on{
    animation: lybg 2s linear forwards;
}

.wel-bgall2-dh .layui-form-checkbox[lay-skin=primary]{min-width: 0.938vw;min-height: 0.938vw;padding-left: 1.25vw;}
.wel-bgall2-dh .layui-form-checkbox[lay-skin=primary]>i{width: 0.833vw;height: 0.833vw; line-height: 0.729vw;font-size: 0.625vw;border-radius: 0.104vw;}

@keyframes lybg{
    0%{
        width: 0;
        height:3.125vw;
    }
    50%{
        width: 42.708vw;
        height: 3.125vw;
    }
    100%{
        width: 42.708vw;
        height: 26.042vw;
    }
}

}