<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">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,html{
    overscroll-behavior: none;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
textarea,
p,
blockquote,
th,
td,
input,
select,
textarea,
button,
img {
    padding: 0;
    margin: 0;
    font-weight: 400;
}
p {margin: 0px; padding: 0px;}
body,
button,
input,
select,
textarea {
    font: 14px/1.5 'gilroymedium', 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif, Arial;
    color: #333;
}
img {border: 0px;vertical-align: middle;}
table {border-collapse: collapse;border-spacing: 0;}
table th,
table td {
    border: 1px solid #ccc;
}
*,
:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-repeat: no-repeat;
}
a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    text-decoration: none;
    color: #333;
    outline: none;
    cursor: pointer;
}
a:hover {
    background-repeat: no-repeat;
    text-decoration: none;
}
a,
input[type="button"],
button,
label,
input[type="submit"],
input[type="reset"] {
    cursor: pointer;
}
[type="checkbox"],
[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}
input,
textarea,
select {
    outline: none;
}
input[type="text"],
input[type="password"],
input[type="button"],
input[type="submit"],
input[type="reset"],
select,
textarea {
    outline-style: none;
    -webkit-appearance: none;
    resize: none;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
input:-webkit-autofill {
    /* ������俄拭�����桁� */
    -webkit-box-shadow: 0 0 0px rgba(255, 255, 255, 0) inset !important;
    -webkit-box-flex-color: #333;
}
* { outline: none; margin: 0; padding: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a{text-decoration: unset;}
.auto_1720{margin: auto; width: 89.583333vw;}
.auto_1400{margin: auto; width: 72.91666666666667vw;}
.auto_1000{margin: auto; width: 52.08333333333333vw;}
@media(max-width:992px){
    .auto_1720,.auto_1400,.auto_1000{width: 90%;}
}
.columns{display: flex;}
.move{display: none;}
@media(max-width:992px){
    .pc{display: none !important;}
    .move{display: block;}
}
.image{overflow: hidden;}
.image img{transition: 1s;}

/*綣阪�九ｻ�よ；����研���桁�*/
select,input,textarea {border-radius: 0;-webkit-border-radius: 0;color: #878787;font-family: Arial;}
input:focus {outline: none;}
input,button,select,textarea {outline: none;
/*-webkit-appearance:none; */}
input:-webkit-autofill{
    box-shadow: 0 0 0 1000px 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;}
/* ��蕁� */
.layui-box {
    margin-bottom: 6.25vw;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.layui-box em {
    font-style: normal
}
.layui-box a,
.layui-box .layui-laypage-curr {
    width: 40px;
    height: 40px;
    display: block;
    line-height: 40px;
    text-align: center;
    font-size: 12px;
    color: rgba(102, 102, 102, 1);
    margin: 0 10px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    font-weight: bold;
    /* background-color: #ebebeb */
}
.layui-box a:hover,
.layui-box .layui-laypage-curr:hover {
    color: #fff !important;
    background-color: rgba(0, 114, 188, 1);
    border: solid 1px rgba(0, 114, 188, 1)
}
.layui-box .layui-laypage-curr {
    color: #fff;
    border: solid 1px rgba(0, 114, 188, 1);
    background-color: rgba(0, 114, 188, 1)
}
.layui-box .layui-laypage-prev,
.layui-box .layui-laypage-next,
.layui-box .layui-laypage-last,
.layui-box .layui-laypage-first {
    line-height: 40px;
    margin: 0 10px
}
.layui-box .layui-laypage-next {
    margin-left: 17px
}
.layui-box .layui-laypage-prev {
    margin-right: 17px
}
.module_HL1GBCD1 .pageMain{padding: xsPaddingTop; overflow: hidden; position: relative; background: mainBgColor;}
.module_HL1GBCD1 .pageMain .commonMain{ max-width: var(--content-Wdith); margin: 0px auto; padding:0px 20px;}
.module_HL1GBCD1 .pageMain #pagination{text-align: center; display: none;}
.module_HL1GBCD1 .pageMain #pagination a{ 
    height: 30px; line-height: 30px; width: 30px;  padding: 0px; margin: 0px 4px; position: relative; border: none; font-size: 14px;
    border: 1px solid rgba(0, 0, 0, .2);
}
.module_HL1GBCD1 .pageMain #pagination a:hover{color: #fff;}
.module_HL1GBCD1 .pageMain #pagination a:hover .icon-zuojiantou,
.module_HL1GBCD1 .pageMain #pagination a:hover .icon-youjiantou{color: #fff;}
.module_HL1GBCD1 .pageMain #pagination a .icon-zuojiantou,
.module_HL1GBCD1 .pageMain #pagination a .icon-youjiantou{color: rgba(102, 102, 102, 1);}
.module_HL1GBCD1 .pageMain #pagination a.layui-laypage-prev{font-size: 16px;}
.module_HL1GBCD1 .pageMain #pagination a.layui-laypage-next{font-size: 16px;}
.module_HL1GBCD1 .pageMain #pagination .layui-laypage .layui-laypage-curr{height: 30px; line-height: 30px; width: 30px;font-size: 14px; border: none; padding: 0px; margin: 0px 4px;  font-weight: 600;}
.module_HL1GBCD1 .pageMain #pagination .layui-laypage .layui-laypage-curr em{ color: #fff;}

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

.module_HL1GBCD1 .pageMain .loadMore a:hover{background:#0d5e9e; color: #fff;}
.module_HL1GBCD1 .pageMain .loadMore a:hover .icon{background-position: 0px 0px;}
.module_HL1GBCD1 .pageMain .loadMore a {
    margin: 30px 0;
}
@media (min-width:768px) {
    .module_HL1GBCD1 .pageMain{padding: mdPaddingTop;}
    .module_HL1GBCD1 .pageMain .commonMain{ max-width: mdContentWidth;}
    .module_HL1GBCD1 .pageMain #pagination{display: block;}
    .module_HL1GBCD1 .pageMain #pagination a{ height: 48px; line-height: 48px; width: 48px;  margin: 0px 4px;font-size: 14px;}
    .module_HL1GBCD1 .pageMain #pagination .layui-laypage .layui-laypage-curr{height: 48px; line-height: 48px; width: 48px;font-size: 18px;}
    /* .module_HL1GBCD1 .pageMain #pagination .layui-laypage .layui-laypage-curr em{border-radius: 8px;} */
    .module_HL1GBCD1 .pageMain #pagination a.layui-laypage-prev{font-size: 16px;}
    .module_HL1GBCD1 .pageMain #pagination a.layui-laypage-next{font-size: 16px;}
    .module_HL1GBCD1 .pageMain .loadMore{display: none;}
}
@media (min-width:1200px) {
    .module_HL1GBCD1 .pageMain{padding: lgPaddingTop;}
    .module_HL1GBCD1 .pageMain .commonMain{ max-width: lgContentWidth;}
    .module_HL1GBCD1 .pageMain #pagination a{ height: 48px; line-height: 48px; width: 48px; margin: 0px 4px;font-size: 14px;}
    .module_HL1GBCD1 .pageMain #pagination .layui-laypage .layui-laypage-curr{height: 48px; line-height: 48px; width: 48px;font-size: 18px;}
    /* .module_HL1GBCD1 .pageMain #pagination .layui-laypage .layui-laypage-curr em{border-radius: 8px;} */
    .module_HL1GBCD1 .pageMain #pagination a.layui-laypage-prev{font-size: 16px;}
    .module_HL1GBCD1 .pageMain #pagination a.layui-laypage-next{font-size: 16px;}
}
/* ��蕁� */
.banner_ .image img{
    /* animation: amplify 8s  infinite;
    -webkit-animation: amplify 8s infinite;
    animation-timing-function:linear; */
    width: 100%;
}
@-webkit-keyframes amplify {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes amplify {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
.bgimage img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}
/* ���� */
.SeeMore{
    width: 7.083333vw;
    height: 2.604167vw;
    line-height: 2.604167vw;
    border: .104167vw solid #ffffff;
    border-radius: 50px;

    font-size: var(--font-size14);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin: auto;
    transition: all .4s ease;
}
.SeeMore i{
    margin: 0 0 0 .46875vw;
    font-size: var(--font-size16);
}
.SeeMore:hover{
    border: .104167vw solid var(--vi-color);
    background: var(--vi-color);
    color: #ffffff;
}
@media (max-width:992px) {
    .SeeMore{
        width: 110px;
        line-height: 35px;
        height: 35px;
    }
    .SeeMore i{
        margin: 0 0 0 5px;
    }
}
/* ���� */
/* 茹��御�上ぇ */
.amplify:hover .image img{
    transform: scale(1.05);
}
/* 茹��御�上ぇ */
/* 莉��㊤�上���� */
.slick-dots {
    text-align: center;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0px 5px;
}
.slick-dots li button {
    background: #0071bc3f;
    display: block;
    font-size: 0;
    padding: 4px;
    border: 0;
    border-radius: 50px;
}
li.slick-active button {
    background: #0071bc;
}
/* 莉��㊤�上���� */
/* 綣合� */
.tanchuang{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgb(0 0 0 / 30%);
    visibility: hidden;
    opacity: 0;
    transition: .5s;
}
.tanchuang.on{
    visibility: unset;
    opacity: 1;
    transition: .5s;
}
/* 綣合� */
.title{
    font-size: var(--font-size42);
    font-weight: 600;
    color: #000000;
    line-height: 1;
    /* text-align: center; */
}
html{
    --font-size12:.625vw;
    --font-size13:.677083vw;
    --font-size14:0.7291666666666667vw;
    --font-size15:.78125vw;
    --font-size16:0.8333333333333333vw;
    --font-size17:0.8854166666666667vw;
    --font-size18:0.9375vw;
    --font-size20:1.041666666666667vw;
    --font-size22:1.145833333333333vw;
    --font-size24:1.25vw;
    --font-size26:1.354166666666667vw;
    --font-size28:1.458333333333333vw;
    --font-size30:1.5625vw;
    --font-size32:1.666666666666667vw;
    --font-size36:1.875vw;
    --font-size38:1.979167vw;
    --font-size40:2.083333333333333vw;
    --font-size42:2.1875vw;
    --font-size46:2.395833333333333vw;
    --font-size48:2.5vw;
    --font-size54:2.8125vw;
    --font-size56:2.916666666666667vw;
    --font-size90:4.6875vw;
}
@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-size26:18px;
        --font-size28:18px;
        --font-size30:18px;
        --font-size32:18px;
        --font-size36:18px;
        --font-size38:18px;
        --font-size40:18px;
        --font-size42:18px;
        --font-size46:20px;
        --font-size48:20px;
        --font-size54:20px;
        --font-size56:20px;
        --font-size90:22px;
    }
}


.banner{background: #ffffff;}
.banner .image img {
    width: 100%;
}
.banner .swiper-pagination {
    bottom: 5.208333vw;
    text-align: unset;
}
.banner .swiper-pagination .pagination{
    width: 11.875vw;
}
.banner .swiper-pagination .pagination .number{
    display: flex;
    justify-content: space-between;
    margin-top: .3646vw;
}
.banner .swiper-pagination .pagination span{
    font-size: var(--font-size14);
    font-weight: bold;
    color: #FFFFFF;
    opacity: 0.5;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    cursor: pointer;
}
.banner .swiper-pagination .pagination span.active{
    opacity: 1;
}
.banner .swiper-pagination i{
    width: 11.875vw;
    height: 1px;
    background: rgba(206, 206, 206, .3);
    margin: 0 .260417vw;
    display: block;
    position: relative;
}
.banner .swiper-pagination i::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 1px;
    width: 0;
    animation: width 5s;
    -webkit-animation: width 5s;
    animation-timing-function:linear;
    background: rgb(255, 255, 255);
}
@-webkit-keyframes width {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}
@keyframes width {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}
.banner .columns{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 9.375vw 0;

    animation: fadeInUp 1.5s  ;
    -webkit-animation: fadeInUp 1.5s ;
    animation-timing-function:ease;
    display: none;
    z-index: 2;
}
.banner .columns .title{
    font-size: var(--font-size40);
    color: #FFFFFF;
    line-height: 1.25;
    text-shadow: 1px 1px 0px rgba(0,0,0,0);
    margin: 1.041667vw 0 0;
}
.banner .list.on .columns{
    display: block;
}
.banner .columns .img img{
    width: 16.145833vw;
}

#video3 {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
@media(max-width:992px){ 
    .banner .columns {
        padding: 90px 0;
    }
    .banner .columns .img img {
        width: auto;
        height: 35px;
    }
    .banner .columns .title {
        margin: 10px 0 0;
        line-height: 1.4;
    }
    .banner .swiper-pagination {
        bottom: 55px;
    }
    .banner .swiper-pagination i {
        width: 100%;
        margin: 0 1px;
    }
    .banner .swiper-pagination .pagination{
        width: 120px;
    }
    .banner .swiper-pagination .pagination span {
        line-height: 1;
    }
    .banner .swiper-pagination .pagination .number{
        margin-top: 5px;
    }
}


.Mainbottom {
    background: #fff;
}
.Mainbottom .white {
    border-top: 1px solid rgba(231, 237, 240, 1);
}
.Mainbottom .columns.top{
    padding: 5.208333vw 0 4.6875vw;
    justify-content: space-between;
}
.Mainbottom .columns.top ul{
    display: flex;
}
.Mainbottom .columns.top ul li{
    padding: 0 3.90625vw 0 0;
}
.Mainbottom .columns.top ul li a{
    display: block;
    font-size: var(--font-size13);
    color: #484848;
    line-height: 1;
    opacity: 0.8;
    padding: 0 0 .572917vw 0;
}
.Mainbottom .columns.top ul li a:hover{
    color: var(--vi-color);
}
.Mainbottom .columns.top ul li a:nth-child(1){
    font-size: var(--font-size15);
    color: #080808;
    opacity: 0.95;
    padding: 0 0 1.041667vw;
}
.Mainbottom .columns&gt;.right{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.Mainbottom .columns&gt;.right .SeeMore {
    margin: 1.563vw 0px 0px;
    border: .104167vw solid #D7011E;
    color: #D7011E;
}
.Mainbottom .columns&gt;.right .SeeMore:hover {
    color: #ffffff;
}
.Mainbottom .columns&gt;.right&gt;div:nth-child(1){
    display: flex;
}

.Mainbottom .columns&gt;.right&gt;div:nth-child(1) .text{text-align: right;margin-right: .7813vw;}
.Mainbottom .columns&gt;.right&gt;div:nth-child(1) .text&gt;img{
    width: 5.9375vw;
    margin: 0 0 .833333vw;
}
.Mainbottom .columns&gt;.right&gt;div:nth-child(1) .text span:nth-child(2) {
    display: flex;
    align-items: center;
    font-size: var(--font-size22);
    font-weight: bold;
    color: #302B2B;
    opacity: 0.9;
}
.Mainbottom .columns&gt;.right&gt;div:nth-child(1) .text span:nth-child(2) img {
    width: .989583vw;
    margin: 0 .364583vw 0 0 ;
}
.Mainbottom .columns&gt;.right&gt;div:nth-child(1) .text span:nth-child(3) {
    font-size: var(--font-size14);
    font-weight: 400;
    color: #000000;
    opacity: 0.5;
    margin: .260417vw 0 0 ;
    display: block;
}
.Mainbottom .columns&gt;.right&gt;div:nth-child(1) .image {
    width: 4.84375vw;
    /* padding: .260417vw; */
    border-radius: .520833vw;
    margin: 0 0 0 .729167vw;
    background: #F6F6F6;
}

.Mainbottom .columns&gt;.right .link{
    display: flex;
    align-items: center;
    margin-top: 2.0833vw;
}

.Mainbottom .columns&gt;.right .link a{
    margin-right: .625vw;
    position: relative;
}

.Mainbottom .columns&gt;.right .link a:last-child{
    margin-right: 0px;
}

.Mainbottom .columns&gt;.right .link a span img{
    width: auto;
    height: 1.5625vw;
    filter: grayscale(1) opacity(0.7);
    transition: all .4s ease;
}

.Mainbottom .columns&gt;.right .link a .popup{
    position: absolute;
    left: 50%;
    top: 0px;
    transform: translateX(-50%) translateY(-100%);
    background-color: #fff;
    border-radius: .2604vw;
    width: 5.2083vw;
    box-shadow: 0px .2083vw .5208vw #ddd;
    transition: all .4s ease;
    opacity: 0;
}

.Mainbottom .columns&gt;.right .link a .popup::after{
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    border: 9px solid transparent;
    border-top-color: #fff;
    position: absolute;
    left: 50%;
    bottom: -0.9375vw;
    transform: translateX(-50%);
}

.Mainbottom .columns&gt;.right .link a .popup img{
    width: 100%;
    height: auto;
    border-radius: .2604vw;
}

.Mainbottom .columns&gt;.right .link a:hover span img{
    filter: none;
}

.Mainbottom .columns&gt;.right .link a:hover .popup {
    top: -0.5208vw;
    opacity: 1;
}

.Mainbottom .bottom{
    position: relative;
    height: 33.072917vw;
}
.Mainbottom .bottom .title{
    color: #FFFFFF;
    margin: 0 0 1.145833vw ;
    text-align: center;
}
.Mainbottom .bottom .auto_1720 {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
    padding: 13.020833vw 0 0;
}
.Mainbottom .copyright {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.5625vw 0;
    position: relative;
}
.Mainbottom .copyright span,
.Mainbottom .copyright a{
    display: inline-block;
    font-size: var(--font-size12);
    color: #FFFFFF;
}
.Mainbottom .copyright a{
    margin: 0 .625vw;
}
.Mainbottom .copyright a:hover{
    opacity: .7;
}

.Mainbottom .regular {
    padding: 0 0 32.96875vw;
    position: relative;
    z-index: 0;
}
.Mainbottom .Fixedbase {
    position: fixed;
    bottom: 0;
    z-index: -1;
    width: 100%;
}
@media(max-width:992px){ 
    .Mainbottom .copyright a {
        margin: 0 10px;
    }
    .Mainbottom .copyright{
        text-align: center;
        padding: 15px 0;
    }
}

.indexProduct {
    padding: 5.208333vw 0 1.5625vw;
    background: #fff;
}
.indexProduct .title{
     text-align: center;
     margin: 0 0 .78125vw;
}
.indexProduct .intro{
    font-size: var(--font-size17);
    color: #5F5F5F;
    text-align: center;
    line-height: 1.6;
}
.indexProduct ul{
    padding: 3.125vw 0 0;
    display: grid;
    grid-template-columns: 44.53125vw 21.979167vw 21.979167vw;
    grid-gap: .520833vw;
}
.indexProduct ul li {
    position: relative;
}
.indexProduct ul li:nth-child(1){
     grid-row-start: 1;
     grid-row-end: 3;
}
.indexProduct ul li:nth-child(2){
    grid-column-start: 2;
    grid-column-end: 4;
}
.indexProduct ul li .Htitle{
    font-size: var(--font-size24);
    font-weight: 600;
    color: #FFFFFF;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 1.5625vw;
}
.indexProduct ul li:nth-child(1) .Htitle{
    font-size: var(--font-size28);
}
.indexProduct ul li .image img{
    width: 100%;
}
@media(max-width:992px){ 
    .indexProduct {
        padding: 35px 0 10px;
    }
    .indexProduct ul{
        padding: 20px 0 0;
        grid-template-columns: auto auto ;
        grid-gap: 5px;
    }
    .indexProduct .title {
        margin: 0 0 5px;
    }
    .indexProduct ul li:nth-child(1),
    .indexProduct ul li:nth-child(2) {
        grid-row-start: unset;
        grid-row-end: unset;

        grid-column-start: 1;
        grid-column-end: 3;
    }
    .indexProduct ul li:nth-child(1) .Htitle{
        padding: 20px 14px;
        font-size: 14px;
    }
    .indexProduct ul li .Htitle{
        padding: 20px 14px;
        font-size: 14px;
        font-weight: 600;
    }
}

.indexSolution {
    padding: 5.208333vw 0 1.5625vw;
    background: #fff;
}
.indexSolution .title{
     text-align: center;
     margin: 0 0 .78125vw;
}
.indexSolution .intro{
    font-size: var(--font-size17);
    color: #5F5F5F;
    text-align: center;
    line-height: 1.6;
}
.indexSolution ul{
    padding: 3.125vw 0 0;
}
.indexSolution ul li{
    position: relative;
    display: block;
}
.indexSolution ul li .image img{
    width: 100%;
}
.indexSolution .SolutionList {position: relative;}
.indexSolution .SolutionList .columns{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 10.416667vw 0 0 ;
    display: block;

    animation: fadeInUp 1.5s  ;
    -webkit-animation: fadeInUp 1.5s ;
    animation-timing-function:ease;
    display: none;
}
.indexSolution .list.on .columns{
    display: block;
}
.indexSolution .columns .title{
    color: #FFFFFF;
    text-align: center;
    padding: 0 0 1.145833vw;
    margin: auto;
}
.indexSolution .columns .intro{
    font-size: var(--font-size16);
    font-weight: 400;
    color: #FFFFFF;
    line-height: 1.6;
    padding: 0 0 1.354167vw;
}

.indexSolution .SolutionList dl {
    position: absolute;
    padding: .208333vw .260417vw;
    border-radius: 50px;
    overflow: hidden;
    bottom: 1.71875vw;
    transform: translateX(-50%);
    left: 50%;
    background: rgba(255, 255, 255, .1);
    z-index: 1;
    backdrop-filter: blur(5px);
    display: flex;
}
.indexSolution .SolutionList dl dd{
    height: 2.760417vw;
    line-height: 2.760417vw;
    border-radius: 50px;
}
.indexSolution .SolutionList dl dd.on{
    background: #D6001D;
}
.indexSolution .SolutionList dl dd a {
    font-size: var(--font-size16);
    font-weight: normal;
    color: #000000;
    display: block;
    padding: 0 1.666667vw;
}
.indexSolution .SolutionList dl dd.on a{
    color: #FFFFFF;
}
.indexSolution .SolutionList dl::after{
    content: '';
    width: 100%;
    height: 100%;
    /* filter: blur(5px); */
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    background: #f6f6f69e;
}
@media(max-width:992px){ 
    .indexSolution{
        padding: 35px 0 0;
        overflow: hidden;
    }
    .indexSolution .title {
        margin: 0 0 5px;
    }
    .indexSolution ul{
        padding: 20px 0 0 ;
    }
    .indexSolution .SolutionList {
        margin: 0 -5.5%;
    }
    .indexSolution .SolutionList .columns{
        width: 90%;
        left: 5%;
        padding: 70px 0 0;
    }
    .indexSolution .columns .title {
        padding: 0 0 12px;
    }
    .indexSolution .columns .intro{
        padding: 0 0 18px;
    }
    .indexSolution .SolutionList dl {
        bottom: 15px;
        width: 90%;
        padding: 2px;
        overflow: auto;
        background: rgb(255 255 255 / 60%);
    }
    .indexSolution .SolutionList dl dd{
        height: 32px;
        line-height: 32px;
        /* width: 25%;
        min-width: 25%; */
        width: 33.03%;
        min-width: 33.03%;
        margin: 0 .15%;
        padding: 0;
    }
    .indexSolution .SolutionList dl dd a{
        /* padding: 0 18px; */
        text-align: center;
        /* font-size: 12px; */
    }
    .indexSolution .SolutionList dl::after {
        display: none;
    }
}

.indexBrand.indexSolution .SolutionList .columns{
    width: auto;
    padding: 0;
}
.indexBrand.indexSolution .SolutionList dl dd a{
    min-width: 6.979167vw;
    text-align: center;
}
/* .indexBrand.indexSolution .SolutionList .columns {
    width: auto;
    right: 18.489583vw;
    left: unset;
} */
.indexBrand.indexSolution .SolutionList .columns .intro {
    text-align: left;
}
.indexBrand.indexSolution .SolutionList .columns .title {
    text-align: left;
    font-size: var(--font-size48);
    font-weight: 400;
    padding: 1.041667vw 0 1.5625vw;
    color: #000000;
    line-height: 1.3;
}
.indexBrand.indexSolution .SolutionList .columns .SeeMore{
    margin: 0;
    border: .104167vw solid #D7011E;
    color: #D7011E;
}
.indexBrand.indexSolution .SolutionList .columns .SeeMore:hover {
    color: #ffffff;
}
.indexBrand.indexSolution .SolutionList .columns img {
    /* height: 1.875vw; */
    width: auto;
    max-width: 15.625vw;
}

@media(min-width:992px) {
    .indexBrand.indexSolution .SolutionList .white .columns .title {
        color: #FFFFFF;
    }
    .indexBrand.indexSolution .SolutionList .white .columns .SeeMore {
        border: 0.104167vw solid #FFFFFF;
        color: #FFFFFF;
    }
}

.indexBrand.indexSolution .SolutionList .white .columns .SeeMore:hover {
    border: 0.104167vw solid #D7011E;
}
@media(max-width:992px){ 
    .indexBrand.indexSolution .SolutionList {
        margin: 0;
    }
    .indexBrand.indexSolution .SolutionList .columns {
        top: 55px !important;
        left: 5.5% !important;
    }
    .indexBrand.indexSolution .SolutionList .columns img{
        max-width: unset;
        height: 25px;
    }
    .indexBrand.indexSolution .SolutionList .columns .title {
        padding: 10px 0 15px;
    }
}

.indexVideo {
    padding: 3.645833vw 0 2.083333vw;
    background: #fff;
}
.indexVideo ul {
    display: flex;
    padding: 3.645833vw 0 0;
}
.indexVideo ul li {
    width: calc(33.33% - (3.645833vw / 3));
}
.indexVideo ul li:not(:nth-child(3)) {
    margin: 0 1.822917vw 0 0 ;
}
.indexVideo ul .image {
    position: relative;
}
.indexVideo ul .image img:nth-child(1){
    width: 100%;
}
.indexVideo ul .image img:nth-child(2){
    position: absolute;
    width: 3.229167vw;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.indexVideo ul li .Htitle{
    font-size: var(--font-size20);
    color: #000000;
    padding: 1.302083vw 0 .78125vw;
    font-weight: 600;
}
.indexVideo ul li:hover .Htitle {
    color: #d6001d;
}
.indexVideo ul li .date{
    font-size: var(--font-size14);
    font-weight: 300;
    color: #898989;
    display: flex;
    align-items: center;
    line-height: 1;
}
.indexVideo ul li .date i{
    font-size: var(--font-size14);
    margin: 0 .364583vw 0 0 ;
}

.indexVideo .title{
    text-align: center;
    margin: 0 0 .78125vw;
}
.indexVideo .intro{
   font-size: var(--font-size17);
   color: #5F5F5F;
   text-align: center;
   line-height: 1.6;
}

.tanchuang .view{
    width: 60%;
    margin: auto;
    text-align: right;
}
.tanchuang .view i{
    display: inline-block;
    font-size: .8333vw;
    color: #fff;
    cursor: pointer;
    margin-bottom: .5208vw;
}
#video1{
    width: 100%;
    display: block;
}
.icon-guanbi {
    font-size: var(--font-size20);
    color: #fff;
    cursor: pointer;
}
@media(max-width:992px){ 
    .indexVideo {
        padding: 35px 0 10px;
        overflow: hidden;
    }
    .indexVideo .title {
        margin: 0 0 5px;
    }
    .indexVideo ul {
        padding: 20px 50px 0 ;
        overflow: hidden;
    }
    /* .indexVideo ul li {
        margin: 0 !important;
    } */
    .tanchuang .view {
        width: 80%;
    }
    .indexVideo ul .image img:nth-child(2){
        width: 31px;
    }
    .indexVideo ul li .Htitle{
        padding: 10px 0 8px;
    }

    .indexVideo .auto_1720 {
        width: 100%;
    }
    .indexVideo ul li .date {
        line-height: 1;
    }
    .indexVideo ul li .date i {
        margin: 1px 5px 0 0 ;
    }
}

.indexNews {
    padding: 5.208333vw 0 ;
    background: #fff;
}
.indexNews .title{
    text-align: center;
    margin: 0 0 .78125vw;
}
.indexNews .intro{
   font-size: var(--font-size17);
   color: #5F5F5F;
   text-align: center;
   line-height: 1.6;
}
.indexNews .columns {
    padding: 2.604167vw 0 0 ;
}
.indexNews dl{
    width: 55.208333vw;
    margin: 0 1.041667vw 0 0;
}
.indexNews dl dd {
    position: relative;
}
.indexNews dl .image img{
    width: 100%;
}
.indexNews dl .text{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 2.083333vw ;
}
.indexNews dl .Htitle{
    font-size: var(--font-size22);
    color: #FFFFFF;
    line-height: 1.35;
    margin: 0 0 .78125vw;
}
.indexNews dl .date{
    font-size: var(--font-size14);
    font-weight: 300;
    color: #c7c7c7;
    display: flex;
    align-items: center;
    line-height: 1;
}
.indexNews dl .date i{
    font-size: var(--font-size14);
    margin: 0 .364583vw 0 0 ;
}
.indexNews ul {
    width: 33.333333vw;
    display: grid;
    grid-template-columns: 16.145833vw 16.145833vw ;
    grid-gap: 1.041667vw;
}
.indexNews ul li{
    background: #F6F6F6;
}
.indexNews ul li a{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    padding: 2.083333vw;
}
.indexNews ul li .Htitle{
    font-size: var(--font-size22);
    color: #000000;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /* -webkit-line-clamp: 3; */
}
.indexNews ul li a:hover .Htitle{
    color: rgba(214, 0, 29, 1);
}
.indexNews ul li .Hintro{
    font-size: var(--font-size16);
    font-weight: 400;
    color: #5D5D5D;
    line-height: 1.5;
    padding: 1.5625vw 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.indexNews ul li:nth-child(1),
.indexNews ul li:nth-child(2){
    max-height: 14.583333vw;
}
.indexNews ul li:nth-child(3){
    grid-column-start: 1;
    grid-column-end: 3;
    min-height: 14.583333vw;
}
.indexNews ul li .date{
    font-size: var(--font-size14);
    font-weight: 300;
    color: #969696;
    display: flex;
    align-items: center;
    line-height: 1;
}
.indexNews ul li .date i{
    font-size: var(--font-size14);
    margin: 0 .364583vw 0 0 ;
}


.indexNews dl .swiper-pagination-bullet{
    width:.989583vw;
    height: .15625vw;
    background: #FFFFFF;
    border-radius: .104167vw;
}
.indexNews dl .swiper-pagination-bullet-active{
    width: 1.25vw;
}
.indexNews dl .swiper-pagination {
    width: max-content;
    right: 1.875vw;
    bottom: 2.447917vw;
    left: auto;
}
@media(max-width:992px){ 
    .indexNews {
        padding: 35px 0 ;
    }
    .indexNews .title {
        margin: 0 0 5px;
    }
    .indexNews .columns {
        padding: 20px 0 0;
        flex-wrap: wrap;
    }
    .indexNews dl {
        width: 100%;
        margin: 0 0 12px;
    }
    .indexNews dl .text{
        padding: 20px ;
        background: linear-gradient(0deg, #000000ad, transparent);
        width: 100%;
    }
    .indexNews dl .Htitle {
        font-size: 15px;
        margin: 0 0 12px;
    }
    .indexNews dl .swiper-pagination-bullet {
        width: 12px;
        height: 1;
        margin: 0 2.5px;
    }
    .indexNews ul {
        width: 100%;
        grid-template-columns: auto auto;
        grid-gap: 11px;
    }
    .indexNews ul li {
        max-height: unset !important;
    }
    /* .indexNews ul li:nth-child(1){
        grid-column-start: 1;
        grid-column-end: 3;
    }
    .indexNews ul li:nth-child(3) {
        grid-column-start: unset;
        grid-column-end: unset;
    } */
    .indexNews ul li a {
        padding: 30px 20px 25px;
    }
    .indexNews ul li:nth-child(1), .indexNews ul li:nth-child(2) {
        grid-row-start: 2
    }
    .indexNews ul li:nth-child(3) .Hintro {
        padding: 20px 0 0;
        margin: 0 0 50px;
    }
    .indexNews ul li .date {
        line-height: 1;
    }
    .indexNews ul li .date i {
        margin: 1px 5px 0 0;
    }

    .indexNews ul li:nth-child(1) a, 
    .indexNews ul li:nth-child(2) a {
        padding: 25px 20px 20px;
    }
    .indexNews ul li:nth-child(1) .date,
    .indexNews ul li:nth-child(2) .date{
        margin: 50px 0 0;
    }
    .indexNews ul li .Htitle {
        word-break: break-word;
        /* -webkit-line-clamp: 30; */
    }
    /* .indexNews ul li .Htitle br{
        display: none;
    } */

    .indexNews dl .date i {
        margin: 1px 5px 0 0 ;
    }
}

.indexNews,.indexVideo,.indexSolution,
.indexProduct,.banner,.Mainbottom .white{
    background: #fff;
    position: relative;
    z-index: 1;
}

/* ���� */

/* 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
}

html {
    --vi-color: rgba(214, 0, 29, 1);
    --title-color: #272727;
    --text-color: #4c505f;
    --content-Wdith-1200: 77.0833vw;
    --bigTitle-fontSize-1200: 2.3958vw;
    --bigTitle-lineheight-1200: 2.9167vw;
    --smallTitle-fontsize-1200: 1.5625vw;
    --smallTitle-lineheight-1200: 1.8229vw;
    --padding-1200: 5.7292vw 0vw;
    --text-fontsize-1200: 0.9375vw;
    --text-lineheight-1200: 1.4583vw;
    --content-Wdith-768: 81.25vw;
    --bigTitle-fontSize-768: 2.875vw;
    --bigTitle-lineheight-768: 3.5vw;
    --smallTitle-fontsize-768: 1.875vw;
    --smallTitle-lineheight-768: 2.1875vw;
    --padding-768: 6.875vw 0vw;
    --text-fontsize-768: 1.125vw;
    --text-lineheight-768: 1.75vw;
    --content-Wdith: 100%;
    --bigTitle-fontSize: 22px;
    --bigTitle-lineheight: 30px;
    --smallTitle-fontsize: 16px;
    --smallTitle-lineheight: 23px;
    --text-fontsize: 14px;
    --text-lineheight: 24px;
    --padding: 35px 0px;
}
/* 莚㊧� */
.module_hEWu4upOZcr0 .header .haderOther{
    margin: 0 0 0 2.083333vw;
}
.module_hEWu4upOZcr0 .header .haderOther .langBox{
    position: relative;
    padding: 0 .677083vw 0 0;
}
.module_hEWu4upOZcr0 .header .haderOther .langBox::after{
    position: absolute;
    top: calc(50% - .104167vw);
    right: 0;
    /* content: ''; */
    border-top: 4px solid #000;
    border-right: 4px solid #00000000;
    border-bottom: 4px solid #00000000;
    border-left: 4px solid #00000000;
}
.module_hEWu4upOZcr0 .header .haderOther .langBox .iconfont{display: flex;align-items: center; font-size: 1.25vw;cursor: pointer;}
.module_hEWu4upOZcr0 .header .haderOther .langBox .iconfont span{
    margin: 0 0 0 .364583vw;
    font-size: .729167vw;
}
.module_hEWu4upOZcr0 .header .haderOther .langBox .Lhide {
    background-color: #fff;
    border-radius: 5px;
    position: absolute;
    top: 2.083333vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-box-shadow: 0 5px 5px #0000000d;
    box-shadow: 0 5px 5px #0000000d;
    display: none;
    padding: .520833vw 0 ;
}
.module_hEWu4upOZcr0 .header .haderOther .langBox .Lhide a{
    padding: 0 .520833vw;
    line-height: 2;
    display: block;
}
.module_hEWu4upOZcr0 .header .haderOther .langBox .Lhide a:hover{
    background: #e3e3e7;
}
@media (min-width: 1260px){.module_hEWu4upOZcr0 .header .haderOther .langBox .Lhide {top: 60px;}}
@media (max-width: 992px){
    .module_hEWu4upOZcr0 .header .haderOther .langBox .iconfont {
        font-size: 23px;
    }
    .module_hEWu4upOZcr0 .header .haderOther .langBox .iconfont span {
        font-size: 0;
    }
    .module_hEWu4upOZcr0 .header .haderOther .langBox .Lhide{
        top: 46px;
        padding: 5px 0;
    }
    .module_hEWu4upOZcr0 .header .haderOther .langBox .Lhide a{
        padding: 0 10px;
    }
}

/* 莚㊧� */
body{
    /* padding-top: 60px !important;  */
    position: relative;-webkit-transition: left .4s cubic-bezier(0.4, 0.01, 0.165, 0.99);-o-transition: left .4s cubic-bezier(0.4, 0.01, 0.165, 0.99);-moz-transition: left .4s cubic-bezier(0.4, 0.01, 0.165, 0.99);transition: left .4s cubic-bezier(0.4, 0.01, 0.165, 0.99); left: 0px;}
.module_hEWu4upOZcr0{position: relative; z-index:99;}
.module_hEWu4upOZcr0 .header{ background:#ffffff;border-bottom: 1px solid transparent; box-shadow:0px 0px 0px rgba(0,0,0,0.1); 
    height: 60px; 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; 
    position: fixed; width: 100%; top:0px; left: 0px;
    -webkit-transition: left .4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -o-transition: left .4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    -moz-transition: left .4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
    transition: left .4s cubic-bezier(0.4, 0.01, 0.165, 0.99); 
    left: 0px; z-index: 99;
}
.module_hEWu4upOZcr0 .header .commonMain{ 
    /* max-width: var(--content-Wdith);  */
    /* width: 100%;  */
    margin: 0px auto; 
    /* padding:0px 20px;  */
    display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center;}

.module_hEWu4upOZcr0 .header .logo{-webkit-box-flex: 1;-webkit-flex: 1;-moz-box-flex: 1;-ms-flex: 1;flex: 1;}
.module_hEWu4upOZcr0 .header .logo img{ height:26px;
    filter: grayscale(100%) brightness(500%)
}

.module_hEWu4upOZcr0 .header .navBox{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms  -flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center;}
.module_hEWu4upOZcr0 .header .navBox .navList{ background: #FAFAFA; display: none; position: fixed; width: 260px; right: -260px; top: 0px; bottom: 0px; padding: 50px 0px 0px; overflow-y: auto;-webkit-transition: right .4s cubic-bezier(0.4, 0.01, 0.165, 0.99);-o-transition: right .4s cubic-bezier(0.4, 0.01, 0.165, 0.99);-moz-transition: right .4s cubic-bezier(0.4, 0.01, 0.165, 0.99);transition: right .4s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.module_hEWu4upOZcr0 .header .navBox .navList .list{position: relative; border-top: 1px solid #eff1f3;}
.module_hEWu4upOZcr0 .header .navBox .navList .list h3 a{ 
    padding: 0px 25px; 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; line-height: 50px; font-size: 14px; position: relative; color: #333;font-weight: 400;}
.module_hEWu4upOZcr0 .header .navBox .navList .list h3 a::before{content: '';display: block; width: 8px; height: 8px; border-radius: 100%; border: 1px solid #D8D8D8; margin-right: 15px;}
.module_hEWu4upOZcr0 .header .navBox .navList .list.cur{background: #fff;}
.module_hEWu4upOZcr0 .header .navBox .navList .list.cur h3 a::before{background: #666; border-color: #666;}
.module_hEWu4upOZcr0 .header .navBox .navList .closeNavText a{ visibility: hidden;}
.module_hEWu4upOZcr0 .header .haderOther{ 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-flex: 1;-webkit-flex: 1;-moz-box-flex: 1;-ms-flex: 1;flex: 1; */
    -webkit-box-pack: end;-webkit-justify-content: flex-end;-moz-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
.module_hEWu4upOZcr0 .header .haderOther .login{margin-left: 15px;}
.module_hEWu4upOZcr0 .header .haderOther .login .loginBtn{ display: block; width: 21px; color: var(--vi-color); font-size: 21px;}
.module_hEWu4upOZcr0 .header .haderOther .login .user{ display:none;font-size: 14px;}
.module_hEWu4upOZcr0 .header .haderOther .searchBox{ margin-left: 15px; position: relative;}
.module_hEWu4upOZcr0 .header .haderOther .searchBox .searchBtn{display: block; width: 21px;  color: #333; font-size: 21px;}
.module_hEWu4upOZcr0 .header .haderOther .navbtn {width: 26px;color: var(--vi-color); position: relative; cursor: pointer;margin-left: 15px; font-size: 20px;}

.module_hEWu4upOZcr0 .header .searchformMain{position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; display:none; z-index: 99;}
.module_hEWu4upOZcr0 .header .searchformMain .searchform{ background: #fff; padding: 10px 0px 30px; position: relative; z-index: 99;-webkit-transition: opacity .8s cubic-bezier(.2,1,.3,1),-webkit-transform .8s cubic-bezier(.2,1,.3,1);transition: opacity .8s cubic-bezier(.2,1,.3,1),-webkit-transform .8s cubic-bezier(.2,1,.3,1);-o-transition: opacity .8s cubic-bezier(.2,1,.3,1),-o-transform .8s cubic-bezier(.2,1,.3,1);-moz-transition: transform .8s cubic-bezier(.2,1,.3,1),opacity .8s cubic-bezier(.2,1,.3,1),-moz-transform .8s cubic-bezier(.2,1,.3,1);transition: transform .8s cubic-bezier(.2,1,.3,1),opacity .8s cubic-bezier(.2,1,.3,1);transition: transform .8s cubic-bezier(.2,1,.3,1),opacity .8s cubic-bezier(.2,1,.3,1),-webkit-transform .8s cubic-bezier(.2,1,.3,1),-moz-transform .8s cubic-bezier(.2,1,.3,1),-o-transform .8s cubic-bezier(.2,1,.3,1); opacity: 0; -webkit-transform:translate3d(0px, -100%, 1px); -moz-transform:translate3d(0px, -100%, 1px); transform:translate3d(0px, -100%, 1px);}
.module_hEWu4upOZcr0 .header .searchformMain .searchform form{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; align-items: center; max-width: 1080px;margin: 0px auto;border-bottom: 2px solid #595959; width: 100%; padding:20px 0px; position: relative;}
.module_hEWu4upOZcr0 .header .searchformMain .searchform form input{ -webkit-box-flex: 1; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; margin:0px 15px; font-size: 14px;color: #333;line-height: inherit; vertical-align: middle;}
.module_hEWu4upOZcr0 .header .searchformMain .searchform form button{left: 0px; font-size: 20px;height: 100%; top: 0px;  background: none; border: none; cursor: pointer;}
.module_hEWu4upOZcr0 .header .searchformMain .searchform form .closeSearch{cursor: pointer; right: 0px; top: 0px; height: 100%; font-size: 20px; color: #333;}
.module_hEWu4upOZcr0 .header .searchformMain .search_mask{content: ''; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.6);}
.module_hEWu4upOZcr0 .header .searchformMain.admission .searchform{-webkit-transform: translate3d(0px,0px,0px);-moz-transform: translate3d(0px,0px,0px);transform: translate3d(0px,0px,0px); opacity: 1;}

.module_hEWu4upOZcr0 .admissionheader{left: -260px;}
.module_hEWu4upOZcr0 .admissionheader .navBox .navList{ right: 0px;}
.hideScroll{overflow: hidden;}
.admissionBody{left:-260px;}

.module_hEWu4upOZcr0 .header .navBox .navList .list .subNavBtn{position: absolute; right: 0px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack:right; -webkit-justify-content:right; -moz-box-pack:right; -ms-flex-pack:right; justify-content:right; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 45%; height: 50px; top:0px; right: 0px; padding-right: 25px;}
.module_hEWu4upOZcr0 .header .navBox .navList .list .subNavBtn i{width: 12px; height: 12px; display: block; position: relative;}
.module_hEWu4upOZcr0 .header .navBox .navList .list .subNavBtn i::after{content: ''; width: 100%; height: 2px; background: #474747; position: absolute; left: 0px; top: 50%; margin-top: -1px;}
.module_hEWu4upOZcr0 .header .navBox .navList .list .subNavBtn i::before{content: ''; width: 2px; height: 100%; background: #474747; position: absolute; left: 50%; top: 0px; margin-left: -1px; -webkit-transition: all .4s cubic-bezier(0.4, 0.01, 0.165, 0.99); -o-transition: all .4s cubic-bezier(0.4, 0.01, 0.165, 0.99); -moz-transition: all .4s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: all .4s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.module_hEWu4upOZcr0 .header .navBox .navList .list .subNavMain{display: none;}
.module_hEWu4upOZcr0 .header .navBox .navList .list .subNavMain .threeNavBox{display: none;}
.module_hEWu4upOZcr0 .header .navBox .navList .list .subNavMain .subNavList{position: relative;}
.module_hEWu4upOZcr0 .header .navBox .navList .list .subNavMain .subNavList&gt;a{ padding: 15px 25px; border-top: 1px solid #EBEBEB; background: #f6f6f6; display: block;}
.module_hEWu4upOZcr0 .header .navBox .navList .list .subNavMain .subNavList&gt;a::before{margin-right: 10px;}
.module_hEWu4upOZcr0 .header .navBox .navList .list .subNavMain .subNavList .mThreeNav{ display: none;}
.module_hEWu4upOZcr0 .header .navBox .navList .list.active h3{ background: #ebebeb;}
.module_hEWu4upOZcr0 .header .navBox .navList .list.active h3 a::before{background: #666; border-color: #666;}
.module_hEWu4upOZcr0 .header .navBox .navList .list.active .subNavBtn i::before{-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);}

.module_hEWu4upOZcr0 .header .navBox .navList .list .subNavMain .subNavBox .subNavList .threeNavBtn{position: absolute; right: 0px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack:right; -webkit-justify-content:right; -moz-box-pack:right; -ms-flex-pack:right; justify-content:right; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; width: 40%; height: 45px; top:0px; right: 0px; padding-right: 25px;}
.module_hEWu4upOZcr0 .header .navBox .navList .list .subNavMain .subNavBox .subNavList .threeNavBtn i{width: 12px; height: 12px; display: block; position: relative;}
.module_hEWu4upOZcr0 .header .navBox .navList .list .subNavMain .subNavBox .subNavList .threeNavBtn i::after{content: ''; width: 100%; height: 2px; background: #474747; position: absolute; left: 0px; top: 50%; margin-top: -1px;}
.module_hEWu4upOZcr0 .header .navBox .navList .list .subNavMain .subNavBox .subNavList .threeNavBtn i::before{content: ''; width: 2px; height: 100%; background: #474747; position: absolute; left: 50%; top: 0px; margin-left: -1px; -webkit-transition: all .4s cubic-bezier(0.4, 0.01, 0.165, 0.99); -o-transition: all .4s cubic-bezier(0.4, 0.01, 0.165, 0.99); -moz-transition: all .4s cubic-bezier(0.4, 0.01, 0.165, 0.99); transition: all .4s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.module_hEWu4upOZcr0 .header .navBox .navList .list .subNavMain .subNavBox .subNavList .mThreeNav a{ display: block; padding: 15px 50px;border-top: 1px solid #EBEBEB;}
.module_hEWu4upOZcr0 .header .navBox .navList .list .subNavMain .subNavBox .subNavList .mThreeNav a::before{margin-right: 10px;}
.module_hEWu4upOZcr0 .header .navBox .navList .list .subNavMain .subNavBox .subNavList.active1 .threeNavBtn i::before{-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);}
            @media (min-width:768px) {
    .module_hEWu4upOZcr0 .header .searchformMain .searchform{padding: 0.625vw 0vw 3.125vw;}
    .module_hEWu4upOZcr0 .header .searchformMain .searchform form{padding:2.8125vw 0vw;}
    .module_hEWu4upOZcr0 .header .searchformMain .searchform form input{margin:0vw 1.875vw; font-size: 1.125vw;}
    .module_hEWu4upOZcr0 .header .searchformMain .searchform form button{font-size: 1.5vw;}
    .module_hEWu4upOZcr0 .header .searchformMain .searchform form .closeSearch{font-size: 1.5vw;}
    .module_hEWu4upOZcr0 .header .searchformMain .search_mask{ background: rgba(0,0,0,0);}
}            @media (min-width:992px) {
    body{padding-top: 0vw !important;}
    .module_hEWu4upOZcr0 .header{height: 5.833333vw; position: fixed; background:#ffffff00;  box-shadow:0vw 0vw 0vw rgba(0,0,0,0.1);
        /* transition: .5s; */
                transition: 1s;
    }
    .module_hEWu4upOZcr0 .header.height{height: 3.833333vw;}
    .module_hEWu4upOZcr0 .header .commonMain{padding:0vw;}
    .module_hEWu4upOZcr0 .header .logo img{ height: 1.979167vw;width: auto;}
    .module_hEWu4upOZcr0 .header .haderOther .navbtn{ display: none;}
    .module_hEWu4upOZcr0 .header .navBox .navList{ padding: 0vw; width: auto; right: 0vw; background: none; 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; position: relative; padding: 0vw; position:relative; overflow: visible; top: 0vw;}
    .module_hEWu4upOZcr0 .header .navBox .navList .list{margin-left: 2.6042vw; padding: 0vw; border-top: none;}
    .module_hEWu4upOZcr0 .header .navBox .navList .list h3 a{line-height: 5.833333vw;font-size: .833333vw; padding: 0vw;}
    .module_hEWu4upOZcr0 .header.height .navBox .navList .list h3 a{line-height: 3.833333vw;}
    .module_hEWu4upOZcr0 .header .navBox .navList .list h3 a::before{display: none;}
    .module_hEWu4upOZcr0 .header .navBox .navList .list h3 a::after{bottom: 0vw; width: 0vw; height: 0.1042vw; background: var(--vi-color); 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;}
    .module_hEWu4upOZcr0 .header .navBox .navList .list.cur{background: none;}
    /* .module_hEWu4upOZcr0 .header .navBox .navList .list.cur h3 a{color: var(--vi-color);} */
    /* .module_hEWu4upOZcr0 .header .navBox .navList .list.cur h3 a::after{width: 100%;} */
    .module_hEWu4upOZcr0 .header .navBox .navList .list:hover h3 a{ color: var(--vi-color);}
    .module_hEWu4upOZcr0 .header .navBox .navList .list:hover h3 a::after{width: 100%;}
    .module_hEWu4upOZcr0 .header .navBox .navList .list:first-child{margin-left: 0vw;}
    .module_hEWu4upOZcr0 .header .navBox .navList .closeNavText{display: none;}
    .module_hEWu4upOZcr0 .header .haderOther .login{margin-left: 3.125vw;}
    .module_hEWu4upOZcr0 .header .haderOther .searchBox{margin-left: 1.5625vw;}
    .module_hEWu4upOZcr0 .header .haderOther .login .user{font-size: 0.8854vw;}
    .module_hEWu4upOZcr0 .header .searchformMain .searchform{padding: 0.5208vw 0vw 2.6042vw;}
    .module_hEWu4upOZcr0 .header .searchformMain .searchform form{padding:2.3438vw 0vw;}
    .module_hEWu4upOZcr0 .header .searchformMain .searchform form input{margin:0vw 1.5625vw; font-size: 0.9375vw;}
    .module_hEWu4upOZcr0 .header .searchformMain .searchform form button{font-size: 1.25vw;}
    .module_hEWu4upOZcr0 .header .searchformMain .searchform form .closeSearch{font-size: .9375vw;}
    .module_hEWu4upOZcr0 .header .haderOther .login .loginBtn{width: 1.0938vw; font-size: 1.0938vw;}
    .module_hEWu4upOZcr0 .header .haderOther .login .user{font-size: 0.7292vw;}
    .module_hEWu4upOZcr0 .header .haderOther .searchBox{ margin-left: 0.7813vw;}
    .module_hEWu4upOZcr0 .header .haderOther .searchBox .searchBtn{width: 1.0938vw;font-size: 1.0938vw;}

    .module_hEWu4upOZcr0 .header .navBox .navList .list .subNavBtn{display: none;}
    .module_hEWu4upOZcr0 .header .navBox .navList .list .subNavMain{position: absolute; min-width: 100%; left: -2.0833vw; overflow: hidden;max-height: 0vw; display: block;}
    .module_hEWu4upOZcr0 .header .navBox .navList .list .subNavMain .subNavBox{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; background: #f9f9f9; white-space: nowrap; overflow: hidden;}
    .module_hEWu4upOZcr0 .header .navBox .navList .list .subNavMain .subNavBox .subNav{min-width: 8.4167vw;padding:1.5625vw 0vw;}
    .module_hEWu4upOZcr0 .header .navBox .navList .list .subNavMain .subNavBox .subNav .subNavList &gt; a{ display: block; background: none; border: none; line-height: 2.0833vw; font-size: 0.8333vw; padding: 0vw 2.0833vw; position: relative;}
    .module_hEWu4upOZcr0 .header .navBox .navList .list .subNavMain .subNavBox .subNav .subNavList &gt; a:hover::after{content: ''; border-right: 0.4167vw solid transparent;border-top: 0.4167vw solid var(--vi-color); position: absolute; left: 0vw; top: 0vw;}
    .module_hEWu4upOZcr0 .header .navBox .navList .list .subNavMain .subNavBox .subNav .subNavList &gt; a:hover{background: #e3e3e7;}
    .module_hEWu4upOZcr0 .header .navBox .navList .list .subNavMain .subNavBox .subNav .subNavList.cur1 &gt; a::after{content: ''; border-right: 0.4167vw solid transparent;border-top: 0.4167vw solid var(--vi-color); position: absolute; left: 0vw; top: 0vw;}
    .module_hEWu4upOZcr0 .header .navBox .navList .list .subNavMain .subNavBox .subNav .subNavList.cur1 &gt; a{background: #e3e3e7;}
    .module_hEWu4upOZcr0 .header .navBox .navList .list .subNavMain .subNavBox .subNav .threeNavBtn{display: none;}
    .module_hEWu4upOZcr0 .header .navBox .navList .list .subNavMain .subNavBox .subNav .mThreeNav{display: none;}
    .module_hEWu4upOZcr0 .header .navBox .navList .list .subNavMain .subNavBox .threeNavBox{display:block;padding:1.5625vw 0vw; position: relative;}
    .module_hEWu4upOZcr0 .header .navBox .navList .list .subNavMain .subNavBox .threeNavBox::before{content: ''; width: 0.0521vw; height: 100%; position: absolute; left: 0vw; top: 0vw; background: #eae9f1;}
    .module_hEWu4upOZcr0 .header .navBox .navList .list .subNavMain .subNavBox .threeNavBox .threeNav{min-width: 13.5417vw; display: none;}
    .module_hEWu4upOZcr0 .header .navBox .navList .list .subNavMain .subNavBox .threeNavBox .threeNav&gt;a{ display: block;line-height: 2.0833vw; padding: 0vw 2.0833vw; font-size: 0.8333vw;}
    .module_hEWu4upOZcr0 .header .navBox .navList .list .subNavMain .subNavBox .threeNavBox .threeNav&gt;a:hover{background: #e3e3e7;}
    .module_hEWu4upOZcr0 .header .navBox .navList .list:hover .subNavMain{max-height: 52.0833vw;-webkit-transition: all .8s ease-in-out;-o-transition: all .8s ease-in-out;-moz-transition: all .8s ease-in-out;transition: all .8s ease-in-out}
    .module_hEWu4upOZcr0 .header .navBox .navList .list .subNavMain .subNavList&gt;a::before{display: none;}
}          




.module_hEWu4upOZcr0 .header.on .logo img{
    filter: unset;
}
@media(min-width:992px){
    /* �処�� */
    .white .module_hEWu4upOZcr0 .header .navBox .navList .list h3 a,
    .white .module_hEWu4upOZcr0 .header .haderOther .searchBox .searchBtn,
    .white .module_hEWu4upOZcr0 .header .haderOther .langBox .iconfont{
        color: #ffffff;
    }
    .white .module_hEWu4upOZcr0 .header .haderOther .langBox::after{
        border-top: 4px solid #ffffff;
    }
    .module_hEWu4upOZcr0 .header.on {background: #ffffff;border-color: #eee;}

    .module_hEWu4upOZcr0 .header.on .navBox .navList .list.cur h3 a {
        color: #d6001d;
    }

    /* 藥��� */
    .black .module_hEWu4upOZcr0 .header{border-color: #dfe0e2;}
    .black .module_hEWu4upOZcr0 .header .logo img {filter: none;}
    .black .module_hEWu4upOZcr0 .header .navBox .navList .list h3 a,
    .black .module_hEWu4upOZcr0 .header .haderOther .searchBox .searchBtn,
    .black .module_hEWu4upOZcr0 .header .haderOther .langBox .iconfont{
        color: #010302;
    }
    .black .module_hEWu4upOZcr0 .header .haderOther .langBox::after{
        border-top: 4px solid #010302;
    }
    
    .module_hEWu4upOZcr0 .header .navBox .navList .list:nth-child(4) .subNavMain {
        display: none;
    }

    /* 綺��� */
    .detailBottom .regular{padding: 0px;}
    .detailBottom .regular .Fixedbase{position: relative;}
    .detailBottom .regular .Fixedbase .bottom{height: auto;}
    .detailBottom .regular .Fixedbase .bottom .bgimage{display: none;}
    .detailBottom .regular .Fixedbase .bottom .auto_1720{padding: 0px;}
    .detailBottom .regular .Fixedbase .bottom .auto_1720&gt;div:nth-child(1){display: none;}
    .detailBottom .copyright{border-top: 1px solid #f0f3f8;}
    .detailBottom .copyright span, .detailBottom .copyright a{color: #333;}
}
@media(max-width:992px){
    .module_hEWu4upOZcr0 .header .logo img {
        filter: unset;
    }

    .white .module_hEWu4upOZcr0 .header{
        background: #ffffff00;
    }
    .white .module_hEWu4upOZcr0 .header .haderOther .searchBox .searchBtn,
    .white .module_hEWu4upOZcr0 .header .haderOther .langBox .iconfont,
    .white .module_hEWu4upOZcr0 .header .haderOther .navbtn{
        color: #ffffff;
    }
    .white .module_hEWu4upOZcr0 .header .logo img {
        filter: grayscale(100%) brightness(500%);
    }

    /* 藥��� */
    .black .module_hEWu4upOZcr0 .header{background: #fff; border-color: #dfe0e2;}
    .black .module_hEWu4upOZcr0 .header .logo img {filter: none;}
    .black .module_hEWu4upOZcr0 .header .haderOther .searchBox .searchBtn,
    .black .module_hEWu4upOZcr0 .header .haderOther .langBox .iconfont{
        color: var(--vi-color);
    }
    .black .module_hEWu4upOZcr0 .header .haderOther .navbtn{
        color: var(--vi-color);
    }

    .module_hEWu4upOZcr0 .header .haderOther .searchBox .searchBtn,
    .module_hEWu4upOZcr0 .header .haderOther .langBox .iconfont{
        color: var(--vi-color);
    }
}</pre></body></html>