.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

body.show a,
body.show .transition,
body.show :before,
body.show img {
    -webkit-transition: All .5s ease;
    transition: All .5s ease
}

.zoomImg {
    width: 100%;
    overflow: hidden;
    position: relative;
    display: block
}

.zoomImg:before {
    position: absolute;
    top: 0;
    left: -90%;
    z-index: 2;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    opacity: .6;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    -ms-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.zoomImg:hover:before {
    -webkit-animation: shine .75s;
    animation: shine .75s
}

.zoomImg:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

a:hover .zoomImg:before {
    -webkit-animation: shine .75s;
    animation: shine .75s
}

a:hover .zoomImg img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

@-webkit-keyframes shine {
    100% {
        left: 125%
    }
}

@keyframes shine {
    100% {
        left: 125%
    }
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

html {
    font-size: 100px
}

body {
    font-size: 12px;
    font-family: Arial, "微软雅黑";
    color: #090505;
    -webkit-text-size-adjust: none;
    opacity: 0;
    -webkit-font-smoothing: antialiased
}

body.show {
    opacity: 1
}

a {
    color: #090505;
    text-decoration: none;
    outline: none
}

a:active {
    star: expression(this.onFocus=this.blur())
}

a:link {
    text-decoration: none;
    outline: none
}

a:visited {
    text-decoration: none;
    outline: none
}

a:hover {
    text-decoration: none;
    color: #98be33;
    outline: none
}

li {
    list-style: outside none
}

h1 {
    font-size: 16px
}

h2,
h3,
h4,
h5 {
    font-size: 14px
}

h5 {
    font-size: 12px
}

textarea,
input {
    background: transparent;
    font-size: 12px;
    font-family: Arial, "微软雅黑";
    color: #888;
    outline: none;
    border: 0
}

em {
    font-style: normal
}

img {
    vertical-align: middle;
    max-width: 100%;
    border: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.wal {
    max-width: 14.5rem;
    margin: 0 auto
}

@font-face {
    font-family: "iconfont";
    src: url("//at.alicdn.com/t/font_2640790_0xr51bk0scp.woff2?t=1650704386844") format("woff2"), url("//at.alicdn.com/t/font_2640790_0xr51bk0scp.woff?t=1650704386844") format("woff"), url("//at.alicdn.com/t/font_2640790_0xr51bk0scp.ttf?t=1650704386844") format("truetype")
}

.iconfont {
    font-family: "iconfont"
}

@font-face {
    font-family: "DINPro-Bold";
    src: url(https://kgu-vinno-hk.oss-accelerate.aliyuncs.com/zh/img/9e/DINPro-Bold.woff2) format("woff2"), url(https://kgu-vinno-hk.oss-accelerate.aliyuncs.com/zh/img/9e/DINPro-Bold.woff) format("woff"), url(https://kgu-vinno-hk.oss-accelerate.aliyuncs.com/zh/img/9e/DINPro-Bold.ttf) format("truetype"), url(https://kgu-vinno-hk.oss-accelerate.aliyuncs.com/zh/img/9e/DINPro-Bold.eot) format("embedded-opentype"), url(https://kgu-vinno-hk.oss-accelerate.aliyuncs.com/zh/img/9e/DINPro-Bold.svg) format("svg");
    font-weight: normal;
    font-style: normal
}

@media screen and (max-width: 800px) {
    html {
        font-size: 50px
    }

    .wal,
    .wal-1200 {
        margin: 0 .6rem
    }
}

@media screen and (max-width: 550px) {

    .wal,
    .wal-1200 {
        margin: 0 .3rem
    }
}

.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.vinno-a5e-1 {
    background: url(https://kgu-vinno-hk.oss-accelerate.aliyuncs.com/zh/img/9e/img1920_1.jpg) center no-repeat;
    background-size: cover
}

.vinno-a5e-1 .wal {
    height: 10rem;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.vinno-a5e-1 .wal .img {
    width: 9.62rem
}

.vinno-a5e-1 .wal .word {
    width: 3.92rem;
    position: absolute;
    left: 8.8rem;
    top: 2.9rem
}

.vinno-a5e-2 {
    background: url(https://kgu-vinno-hk.oss-accelerate.aliyuncs.com/zh/img/9e/img1920_2.jpg) center no-repeat fixed;
    background-size: cover;
    min-height: 13.39rem
}

.vinno-a5e-2 .content100 {
    padding-top: 2.6rem;
    width: 7rem;
    margin-left: auto;
    font-size: .26rem;
    line-height: .45rem;
    color: #000
}

.vinno-a5e-3 {
    min-height: 13.5rem;
    background: -webkit-linear-gradient(top, #323232, #151515);
    background: linear-gradient(to bottom, #323232, #151515);
    color: #fff
}

.vinno-a5e-3 .wal {
    padding: 1.7rem 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.vinno-a5e-3 div.title {
    color: #98be33;
    font-size: .45rem;
    padding-bottom: .32rem;
    line-height: 1em
}

.vinno-a5e-3 h3.title {
    font-size: .25rem;
    padding-bottom: .2rem;
    line-height: 1em
}

.vinno-a5e-3 .col-l {
    width: 5.47rem
}

.vinno-a5e-3 .col-l .list {
    padding-bottom: .25rem
}

.vinno-a5e-3 .col-l .list li {
    font-size: .2rem;
    line-height: 1.6em;
    padding-left: .25rem;
    background: url(https://kgu-vinno-hk.oss-accelerate.aliyuncs.com/zh/img/9e/img14.png) left center no-repeat;
    background-size: .14rem
}

.vinno-a5e-3 .col-l .img-list {
    padding-bottom: .8rem
}

.vinno-a5e-3 .col-l .img-list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.vinno-a5e-3 .col-l .img-list li img {
    width: 100%;
    height: 1.47rem
}

.vinno-a5e-3 .col-l .img-list li .name {
    text-align: center;
    line-height: .32rem;
    background: #656565;
    font-size: .18rem
}

.vinno-a5e-3 .col-l .img-list li:nth-child(1) {
    width: 2.92rem
}

.vinno-a5e-3 .col-l .img-list li:nth-child(2) {
    width: 2.47rem
}

.vinno-a5e-3 .col-l .img-list2 li {
    padding-bottom: .15rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.vinno-a5e-3 .col-l .img-list2 li .img {
    width: 2.5rem
}

.vinno-a5e-3 .col-l .img-list2 li .content100 {
    width: 2.75rem;
    font-size: .19rem;
    line-height: .28rem;
    text-align: justify
}

.vinno-a5e-3 .col-l .img-list2 li .content100 em {
    color: #98be33
}

.vinno-a5e-3 .col-r {
    width: 7.29rem
}

.vinno-a5e-3 .col-r .list-1 {
    padding-bottom: .9rem
}

.vinno-a5e-3 .col-r .list-1 ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.vinno-a5e-3 .col-r .list-1 li {
    width: 3.5rem;
    background: #090505;
    padding-top: .3rem
}

.vinno-a5e-3 .col-r .list-1 li .name {
    text-align: center;
    line-height: .74rem;
    font-size: .18rem
}

.vinno-a5e-3 .col-r .list-2 ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.vinno-a5e-3 .col-r .list-2 li {
    width: 3.5rem
}

.vinno-a5e-3 .col-r .list-2 li p {
    font-size: .19rem;
    line-height: 1.5em;
    padding: .08rem 0 .25rem 0
}

.vinno-a5e-4 {
    background: url(https://kgu-vinno-hk.oss-accelerate.aliyuncs.com/zh/img/9e/img1920_3.jpg) center no-repeat fixed;
    background-size: cover;
    min-height: 12.84rem;
    padding: 1.9rem 0
}

.vinno-a5e-4 div.title {
    color: #98be33;
    font-size: .45rem;
    line-height: 1em
}

.vinno-a5e-4 .content100 {
    font-size: .22rem;
    line-height: .35rem;
    color: #090505;
    width: 5.45rem;
    padding: .35rem 0 .45rem 0
}

.vinno-a5e-4 .img-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.vinno-a5e-4 .img-row .img-1 {
    width: 5.48rem
}

.vinno-a5e-4 .img-row .img-2 {
    width: 7.31rem
}

.vinno-a5e-5 {
    min-height: 11.61rem;
    background: -webkit-linear-gradient(top, #323232, #151515);
    background: linear-gradient(to bottom, #323232, #151515);
    color: #fff
}

.vinno-a5e-5 .wal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1.35rem 0
}

.vinno-a5e-5 .wal .col {
    width: 7.35rem
}

.vinno-a5e-5 .wal .col div.title {
    color: #98be33;
    font-size: .45rem;
    line-height: 1em
}

.vinno-a5e-5 .wal .col .list {
    padding: .25rem 0 .35rem 0
}

.vinno-a5e-5 .wal .col .list li {
    font-size: .22rem;
    line-height: .35rem;
    padding-left: .25rem;
    background: url(https://kgu-vinno-hk.oss-accelerate.aliyuncs.com/zh/img/9e/img14.png) left center no-repeat;
    background-size: .14rem
}

.vinno-a5e-5 .wal .img {
    width: 4.65rem
}

.vinno-a5e-6 {
    background: url(https://kgu-vinno-hk.oss-accelerate.aliyuncs.com/zh/img/9e/img1920_4.jpg) center no-repeat fixed;
    background-size: cover;
    min-height: 10.7rem
}

.vinno-a5e-6 .wal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.vinno-a5e-6 .hd {
    width: 100%;
    padding: 1.6rem 0 .8rem 0
}

.vinno-a5e-6 .hd h2 {
    color: #98be33;
    font-size: .45rem;
    padding-bottom: .2rem
}

.vinno-a5e-6 .hd p {
    font-size: .26rem;
    color: #090505
}

.vinno-a5e-6 .col {
    width: 5.65rem
}

.vinno-a5e-6 .col .img {
    width: 5.25rem;
    margin: 0 auto;
    padding-bottom: .5rem
}

.vinno-a5e-6 .col ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.vinno-a5e-6 .col li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.vinno-a5e-6 .col li img {
    height: .3rem
}

.vinno-a5e-6 .col li .name {
    font-size: .2rem;
    padding-left: .12rem
}

.vinno-a5e-6 .side-img {
    width: 8.39rem
}

.vinno-p-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.vinno-p-title:before {
    display: block;
    content: "";
    width: .13rem;
    height: .4rem;
    margin-right: .24rem;
    background: url(https://kgu-vinno-hk.oss-accelerate.aliyuncs.com/zh/img/9e/img13.png) center no-repeat;
    background-size: 100%
}

.vinno-p-title h2 {
    font-size: .4rem;
    font-weight: 400;
    line-height: 1em
}

.vinno-p-1 {
    background: url(https://kgu-vinno-hk.oss-accelerate.aliyuncs.com/zh/img/9e/img1920_10.jpg) center no-repeat;
    background-size: cover;
    height: 10rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.vinno-p-1 .img {
    width: 12.02rem;
    position: absolute;
    left: 50%;
    top: 2rem;
    margin-left: -8.5rem
}

.vinno-p-1 .word {
    width: 4.84rem;
    position: absolute;
    left: 50%;
    margin-left: 1.5rem;
    top: 3.12rem
}

.vinno-p-2 {
    background: url(https://kgu-vinno-hk.oss-accelerate.aliyuncs.com/zh/img/9e/img1920_9.jpg) center no-repeat;
    background-size: cover;
    min-height: 13.54rem;
    padding: 1.55rem 0
}

.vinno-p-2 .row {
    padding: .55rem 0 0 .37rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.vinno-p-2 .col-l {
    width: 5.82rem
}

.vinno-p-2 .col-l .content100 {
    padding-bottom: .3rem;
    font-size: .22rem;
    line-height: .35rem;
    text-align: justify
}

.vinno-p-2 .col-r {
    width: 7.68rem
}

.vinno-p-3 {
    background: url(https://kgu-vinno-hk.oss-accelerate.aliyuncs.com/zh/img/9e/img1920_8.jpg) center no-repeat fixed;
    background-size: cover;
    min-height: 13.53rem;
    padding: 1.55rem 0;
    color: #fff
}

.vinno-p-3 .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .65rem 0 0 .37rem
}

.vinno-p-3 .row h3 {
    font-size: .3rem
}

.vinno-p-3 .row .content100 {
    min-height: 1.9rem;
    padding: .2rem 0 .3rem 0;
    font-size: .22rem;
    line-height: .35rem;
    text-align: justify
}

.vinno-p-3 .row .img {
    padding-bottom: .16rem
}

.vinno-p-3 .row .col-l {
    width: 6.04rem
}

.vinno-p-3 .row .col-r {
    width: 6.6rem
}

.vinno-p-4 {
    min-height: 11.8rem;
    color: #fff;
    background: -webkit-linear-gradient(top, #313131, #151515);
    background: linear-gradient(to bottom, #313131, #151515);
    padding: 1.75rem 0
}

.vinno-p-4 .content100 {
    font-size: .21rem;
    padding: .4rem 0 1.2rem .37rem
}

.vinno-p-4 .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: .37rem
}

.vinno-p-4 .list li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 1.9rem
}

.vinno-p-4 .list li .ico {
    width: .95rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.vinno-p-4 .list li .img {
    width: 2.75rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.vinno-p-4 .list li .col {
    width: 100%;
    padding: 0 .18rem 0 .14rem
}

.vinno-p-4 .list li .col .name {
    color: #98be33;
    font-size: .3rem
}

.vinno-p-4 .list li .col p {
    font-size: .19rem;
    line-height: 1.5em;
    text-align: justify;
    padding-top: .1rem
}

.vinno-p-4 .list ul:nth-child(1) {
    width: 6.61rem
}

.vinno-p-4 .list ul:nth-child(2) {
    width: 6.23rem
}

.vinno-p-4 .list ul:nth-child(2) li .img {
    width: 2.47rem
}

.vinno-p-5 {
    background: #ebebeb;
    min-height: 12.5rem;
    padding: 1.75rem 0
}

.vinno-p-5 .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .4rem 0 .1rem .37rem
}

.vinno-p-5 .row .content100 {
    font-size: .22rem;
    line-height: .3rem;
    width: 4.2rem;
    text-align: justify
}

.vinno-p-5 .row .img {
    width: 9.19rem
}

.vinno-p-5 .row2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-left: .37rem
}

.vinno-p-5 .row2 .list-1 {
    width: 4.21rem
}

.vinno-p-5 .row2 .list-1 ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.vinno-p-5 .row2 .list-1 li {
    width: 1.21rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -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
}

.vinno-p-5 .row2 .list-1 li .ico {
    width: 1.21rem
}

.vinno-p-5 .row2 .list-1 li .name {
    text-align: center;
    font-size: .17rem;
    line-height: .23rem;
    padding: .2rem 0 .25rem 0;
    background: url(https://kgu-vinno-hk.oss-accelerate.aliyuncs.com/zh/img/9e/img11.png) center .06rem no-repeat;
    background-size: .11rem
}

.vinno-p-5 .row2 .list-1 li:nth-child(1),
.vinno-p-5 .row2 .list-1 li:nth-child(2) {
    width: 50%
}

.vinno-p-5 .row2 .list-2 {
    width: 9.21rem
}

.vinno-p-5 .row2 .list-2 ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.vinno-p-5 .row2 .list-2 li {
    width: 2.27rem
}

.vinno-p-5 .row2 .list-2 li .name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .18rem;
    padding: .08rem 0 .32rem 0
}

.vinno-p-5 .row2 .list-2 li .name:before {
    display: block;
    content: "";
    width: .09rem;
    height: .12rem;
    background: url(https://kgu-vinno-hk.oss-accelerate.aliyuncs.com/zh/img/9e/img9.png) center no-repeat;
    background-size: 100%;
    margin-right: .05rem
}

.vinno-p-6 {
    min-height: 14.8rem;
    color: #fff;
    background: -webkit-linear-gradient(top, #313131, #151515);
    background: linear-gradient(to bottom, #313131, #151515);
    padding: 1.75rem 0
}

.vinno-p-6 .wal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.vinno-p-6 .vinno-p-title {
    padding-bottom: .6rem;
    width: 100%
}

.vinno-p-6 .side-img {
    width: 7.49rem
}

.vinno-p-6 .list {
    width: 6.44rem
}

.vinno-p-6 .list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.vinno-p-6 .list li {
    width: 3.11rem;
    padding-bottom: .3rem
}

.vinno-p-6 .list li:nth-child(6) {
    width: 3.18rem
}

.vinno-p-7 .hd img {
    width: 100%;
    height: 7.95rem
}

.vinno-p-7 .bd {
    background: url(https://kgu-vinno-hk.oss-accelerate.aliyuncs.com/zh/img/9e/img1920_7.jpg) center no-repeat;
    background-size: cover;
    min-height: 5.8rem
}

.vinno-p-7 .bd .wal {
    padding: .85rem 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.vinno-p-7 .bd .wal .img-1 {
    width: 6.8rem
}

.vinno-p-7 .bd .wal .img-2 {
    width: 7.58rem
}

.vinno-p-8 {
    background: url(https://kgu-vinno-hk.oss-accelerate.aliyuncs.com/zh/img/9e/img1920_5.jpg) center no-repeat fixed;
    background-size: cover;
    min-height: 14.34rem;
    padding: 1.53rem 0
}

.vinno-p-8 .wal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.vinno-p-8 .vinno-p-title {
    width: 100%;
    padding-bottom: .85rem
}

.vinno-p-8 .col-l {
    width: 7.16rem
}

.vinno-p-8 .col-l .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: .8rem;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.vinno-p-8 .col-l .row .col {
    width: 2.46rem
}

.vinno-p-8 .col-l .row .col h5 {
    font-size: .3rem;
    padding-bottom: .2rem
}

.vinno-p-8 .col-l .row .col p {
    font-size: .22rem;
    line-height: .35rem;
    text-align: justify
}

.vinno-p-8 .col-l .row .img {
    width: 4.36rem
}

.vinno-p-8 .col-r {
    width: 6.37rem
}

.vinno-p-8 .col-r li h5 {
    padding: .62rem 0 .15rem 0;
    font-size: .3rem;
    line-height: 1em
}

.vinno-p-9 {
    min-height: 11.8rem;
    background: -webkit-linear-gradient(top, #323232, #151515);
    background: linear-gradient(to bottom, #323232, #151515);
    color: #fff;
    padding: 1.85rem 0
}

.vinno-p-9 .vinno-p-title {
    color: #fff;
    padding: 0
}

.vinno-p-9 .content100 {
    padding: .3rem 0 .95rem 0;
    font-size: .3rem;
    line-height: 1.5em
}

.vinno-p-9 .list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.vinno-p-9 .list li:nth-child(1) {
    width: 7.16rem
}

.vinno-p-9 .list li:nth-child(2) {
    width: 7.19rem
}

.vinno-p-10 {
    padding: 1.33rem 0
}

.vinno-p-10 .wal {
    max-width: 12.67rem
}

.vinno-p-10 ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.vinno-p-10 li {
    width: 5.93rem;
    position: relative;
    padding-bottom: .41rem
}

.vinno-p-10 li .name {
    position: absolute;
    z-index: 5;
    right: .57rem;
    bottom: .6rem;
    line-height: .41rem;
    color: #fff;
    padding: 0 .1rem 0 .45rem;
    font-size: .25rem;
    background: -webkit-linear-gradient(left, rgba(101, 162, 66, 0), #65a242);
    background: linear-gradient(to right, rgba(101, 162, 66, 0), #65a242)
}

.vinno-p-11 {
    background: #ebebeb;
    padding: .74rem 0 .77rem 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.vinno-p-11 .ewm {
    width: 2.37rem
}

.vinno-p-11 .col {
    padding-left: .49rem;
    font-size: .5rem;
    line-height: .7rem;
    color: #4c4c4c
}

.vinno-p-11 .col .name {
    font-size: .67rem
}

.en .vinno-p-title h2 {
    font-weight: 600
}

.en .vinno-p-1 .word {
    width: 5.55rem
}

.en .vinno-p-2 .vinno-p-title:before {
    height: .7rem;
    background-image: url(https://kgu-vinno-hk.oss-accelerate.aliyuncs.com/zh/img/9e/img13_2.png)
}

.en .vinno-p-2 .col-l .content100 {
    font-size: .2rem;
    line-height: .25rem;
    text-align: left
}

.en .vinno-p-3 .row h3 {
    font-size: .28rem;
    line-height: .3rem
}

.en .vinno-p-3 .row .content100 {
    font-size: .2rem;
    line-height: .25rem;
    text-align: left;
    color: #f7f7f7
}

.en .vinno-p-4 .vinno-p-title:before {
    height: .7rem;
    background-image: url(https://kgu-vinno-hk.oss-accelerate.aliyuncs.com/zh/img/9e/img13_2.png)
}

.en .vinno-p-4 .content100 {
    font-size: .2rem;
    line-height: .25rem
}

.en .vinno-p-4 .list li .col .name {
    font-size: .24rem
}

.en .vinno-p-4 .list li .col p {
    font-size: .16rem;
    text-align: left
}

.en .vinno-p-5 .vinno-p-title:before {
    height: .7rem;
    background-image: url(https://kgu-vinno-hk.oss-accelerate.aliyuncs.com/zh/img/9e/img13_2.png)
}

.en .vinno-p-5 .row .content100 {
    font-size: .18rem;
    line-height: .23rem;
    text-align: left
}

.en .vinno-p-5 .row2 {
    padding-top: .1rem
}

.en .vinno-p-5 .row2 .list-1 li .name {
    margin-left: -0.2rem;
    margin-right: -0.2rem
}

.en .vinno-p-5 .row2 .list-2 li .name {
    line-height: .24rem;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start
}

.en .vinno-p-5 .row2 .list-2 li .name:before {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: .24rem
}

.en .vinno-p-8 .col-l {
    width: 7.19rem
}

.en .vinno-p-8 .col-l .row .col {
    width: 2.46rem
}

.en .vinno-p-8 .col-l .row .col h5 {
    font-size: .26rem;
    line-height: .28rem
}

.en .vinno-p-8 .col-l .row .col p {
    font-size: .2rem;
    line-height: .25rem;
    text-align: left
}

.en .vinno-p-8 .col-r li h5 {
    font-size: .28rem
}

.en .vinno-p-9 .content100 {
    font-size: .2rem
}

.en .vinno-p-11 .col .name {
    font-size: .5rem
}

.page1 {
    width: 100%;
    overflow: hidden;
    position: relative;
    color: #fff
}

.page1 .content100 {
    font-size: .15rem;
    line-height: .25rem
}

.page1-1 {
    background: url(https://kgu-vinno-hk.oss-accelerate.aliyuncs.com/zh/img/9e/img1920_11.jpg) center no-repeat;
    background-size: cover;
    height: 11.9rem;
    position: relative
}

.page1-1 .title {
    width: 4.08rem;
    position: absolute;
    left: 50%;
    top: 1.04rem;
    margin-left: -2.04rem
}

.page1-2 {
    background: url(https://kgu-vinno-hk.oss-accelerate.aliyuncs.com/zh/img/9e/img1920_12.jpg) center no-repeat;
    background-size: cover;
    height: 4.15rem
}

.page1-3 {
    background: url(https://kgu-vinno-hk.oss-accelerate.aliyuncs.com/zh/img/9e/img1920_13.jpg) center no-repeat;
    background-size: cover
}

.page1-3 .wal {
    height: 8.26rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 12.8rem
}

.page1-3 .col {
    width: 3.63rem;
    position: relative;
    left: 1.19rem
}

.page1-3 .col .content100 {
    font-size: .15rem;
    line-height: .25rem;
    text-align: justify;
    padding-bottom: .2rem
}

.page1-3 .big-img {
    width: 7.54rem
}

.page1-4 {
    background: url(https://kgu-vinno-hk.oss-accelerate.aliyuncs.com/zh/img/9e/img1920_15.jpg) center no-repeat;
    background-size: cover
}

.page1-4 .wal {
    height: 8.26rem;
    position: relative
}

.page1-4 .container {
    position: absolute;
    left: 50%;
    margin-left: 2.4rem;
    top: 3.6rem;
    width: 3.7rem
}

.page1-4 .container h2 {
    font-size: .28rem;
    line-height: 1em
}

.page1-4 .container .content100 {
    font-size: .15rem;
    line-height: .25rem;
    padding: .22rem 0 .3rem 0
}

.page1-5 {
    color: #333;
    position: relative;
    background: url(https://kgu-vinno-hk.oss-accelerate.aliyuncs.com/zh/img/9e/img1019.jpg) left top no-repeat;
    background-size: auto 10.19rem
}

.page1-5 .wal {
    min-height: 10.19rem;
    padding: 1.5rem 0 0 7.55rem;
    position: relative
}

.page1-5 h2 {
    font-size: .28rem;
    padding-bottom: .16rem;
    line-height: 1em
}

.page1-5 .content100 {
    font-size: .15rem;
    line-height: .25rem
}

.page1-5 .item {
    position: relative;
    padding-left: .4rem
}

.page1-5 .item .ico {
    width: .29rem;
    position: absolute;
    left: 0;
    top: 0
}

.page1-5 .item h3 {
    font-size: .18rem;
    line-height: 1em;
    padding-bottom: .06rem
}

.page1-5 .row {
    width: 5.75rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: .23rem
}

.page1-5 .row .col {
    width: 2.35rem
}

.page1-5 .row .img {
    width: 3.18rem;
    text-align: center
}

@media screen and (max-width: 1900px)and (min-width: 800px) {
    .page1-5 {
        background: none
    }

    .page1-5:before {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -9.6rem;
        top: 0;
        bottom: 0;
        width: 12.7rem;
        background: url(https://kgu-vinno-hk.oss-accelerate.aliyuncs.com/zh/img/9e/img1019.jpg) left top no-repeat;
        background-size: auto 10.19rem;
        -webkit-transition-duration: 0s;
        transition-duration: 0s
    }
}

.page1-6 {
    background: url(https://kgu-vinno-hk.oss-accelerate.aliyuncs.com/zh/img/9e/img1920_18.jpg) center no-repeat;
    background-size: cover
}

.page1-6 .container {
    height: 7.23rem;
    background: -webkit-linear-gradient(left, rgba(127, 179, 31, 0.75), rgba(3, 110, 168, 0.75));
    background: linear-gradient(to right, rgba(127, 179, 31, 0.75), rgba(3, 110, 168, 0.75));
    width: 5.28rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 .6rem
}

.page1-6 .container h2 {
    font-size: .32rem
}

.page1-6 .container h3 {
    font-size: .22rem;
    font-weight: 400;
    padding: .1rem 0 .4rem 0
}

.page1-6 .container .content100 {
    padding-bottom: .2rem;
    font-size: .15rem;
    line-height: .25rem
}

.page1-6 .container ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.page1-6 .container li {
    width: 1.94rem
}

.page1-6 .container li .name {
    text-align: center;
    font-size: .11rem;
    padding-top: .08rem
}

.page1-7 .wal {
    height: 3.8rem;
    max-width: 12.85rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #4c4948
}

.page1-7 .content100 {
    font-size: .15rem;
    line-height: .25rem
}

.page1-7 .left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 5.2rem
}

.page1-7 .left .content100 {
    width: 1.85rem
}

.page1-7 .left .img {
    width: 3.15rem
}

.page1-7 .right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 6.6rem
}

.page1-7 .right .item {
    width: 2.1rem
}

.page1-7 .right .item h3 {
    font-size: .18rem;
    padding-bottom: .15rem
}

.page1-7 .right .img {
    width: 1.46rem;
    position: relative;
    top: -0.3rem
}

.page1-8 {
    background: url(https://kgu-vinno-hk.oss-accelerate.aliyuncs.com/zh/img/9e/img1920_19.jpg) center no-repeat;
    background-size: cover
}

.page1-8 .container {
    height: 6.37rem;
    background: -webkit-linear-gradient(left, rgba(127, 179, 31, 0.75), rgba(3, 110, 168, 0.75));
    background: linear-gradient(to right, rgba(127, 179, 31, 0.75), rgba(3, 110, 168, 0.75));
    width: 5.38rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 1rem;
    margin-left: auto
}

.page1-8 .container h2 {
    font-size: .32rem;
    line-height: .43rem;
    padding-bottom: .25rem
}

.page1-8 .container h3 {
    font-size: .22rem;
    padding-bottom: .08rem
}

.page1-8 .container .img {
    padding: .2rem 0 .3rem 0
}

.page1-9 {
    color: #4c4948
}

.page1-9 .wal {
    max-width: 11.5rem;
    padding: .7rem 0 1.2rem 0
}

.page1-9 h2 {
    font-size: .25rem;
    padding-bottom: .2rem
}

.page1-9 .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.page1-9 .content100 {
    width: 4.3rem
}

.page1-9 .content100 dl {
    padding-top: .1rem
}

.page1-9 .content100 dd {
    position: relative
}

.page1-9 .content100 dd:before {
    content: "";
    display: block;
    position: absolute;
    left: -0.1rem;
    top: .1rem;
    border-radius: 50%;
    width: .04rem;
    height: .04rem;
    background: #7fb220
}

.page1-9 ul {
    width: 6.83rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.page1-9 li img {
    height: 1.77rem
}

.page1-10 {
    background: url(https://kgu-vinno-hk.oss-accelerate.aliyuncs.com/zh/img/9e/img1920_21.jpg) center no-repeat;
    background-size: cover
}

.page1-10 .container {
    height: 6.38rem;
    background: -webkit-linear-gradient(left, rgba(127, 179, 31, 0.75), rgba(3, 110, 168, 0.75));
    background: linear-gradient(to right, rgba(127, 179, 31, 0.75), rgba(3, 110, 168, 0.75));
    width: 5.38rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 .6rem
}

.page1-10 .container h2 {
    font-size: .32rem;
    line-height: .43rem;
    padding-bottom: .25rem
}

.page1-10 .container li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: .23rem
}

.page1-10 .container li .img {
    width: 2.08rem
}

.page1-10 .container li .content100 {
    width: 1.75rem
}

.page1-11 .wal {
    max-width: 11.2rem;
    padding: .63rem 0 .75rem 0
}

.page1-11 ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.page1-11 li {
    width: 3.5rem;
    color: #4c4948
}

.page1-11 li .content100 {
    padding-top: .15rem
}

.page1-11 li dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.page1-11 li dl dd {
    width: 49%
}

.page1-12 {
    background: url(https://kgu-vinno-hk.oss-accelerate.aliyuncs.com/zh/img/9e/img1920_24.jpg) center no-repeat;
    background-size: cover
}

.page1-12 .container {
    height: 6.37rem;
    background: -webkit-linear-gradient(left, rgba(127, 179, 31, 0.75), rgba(3, 110, 168, 0.75));
    background: linear-gradient(to right, rgba(127, 179, 31, 0.75), rgba(3, 110, 168, 0.75));
    width: 5.38rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 .6rem
}

.page1-12 .container h2 {
    font-size: .32rem;
    line-height: .43rem;
    padding-bottom: .25rem
}

.page1-12 .container h3 {
    font-weight: 400;
    font-size: .22rem;
    padding-bottom: .1rem
}

.page1-12 .container ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: .18rem
}

.page1-12 .container ul .img img {
    height: 1.37rem
}

.page1-13 {
    padding: .6rem 0 .9rem 0;
    color: #4c4948
}

.page1-13 .wal {
    max-width: 13.4rem
}

.page1-13 ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.page1-13 li:nth-child(1) {
    width: 4.91rem
}

.page1-13 li:nth-child(2) {
    width: 4.3rem
}

.page1-13 li:nth-child(3) {
    width: 3.65rem
}

.page1-13 h2 {
    font-size: .22rem;
    font-weight: 400;
    padding-bottom: .15rem
}

.page1-13 .content100 {
    padding-bottom: .2rem
}

.page1-13 .img img {
    height: 1.6rem
}

.page1-13 dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.page1-14 {
    background: url(https://kgu-vinno-hk.oss-accelerate.aliyuncs.com/zh/img/9e/img1920_25.jpg) center no-repeat;
    background-size: cover
}

.page1-14 .container {
    height: 6.37rem;
    background: -webkit-linear-gradient(left, rgba(127, 179, 31, 0.75), rgba(3, 110, 168, 0.75));
    background: linear-gradient(to right, rgba(127, 179, 31, 0.75), rgba(3, 110, 168, 0.75));
    width: 5.38rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 .9rem;
    margin-left: auto
}

.page1-14 .container h2 {
    font-size: .32rem;
    line-height: .43rem;
    padding-bottom: .25rem
}

.page1-14 .container h3 {
    font-weight: 400;
    font-size: .22rem;
    padding-bottom: .17rem
}

.page1-15 {
    color: #4c4948;
    padding: .85rem 0
}

.page1-15 .wal {
    max-width: 12.34rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.page1-15 h2 {
    width: 100%;
    font-size: .22rem;
    padding-bottom: .17rem
}

.page1-15 .list-1 {
    width: 5.27rem
}

.page1-15 .list-1 ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.page1-15 .list-1 li {
    width: 2.59rem
}

.page1-15 .list-1 li img {
    width: 100%
}

.page1-15 .list-1 li .name {
    text-align: center;
    font-size: .14rem;
    height: .33rem;
    padding-top: .08rem
}

.page1-15 .list-2 {
    width: 6.03rem
}

.page1-15 .list-2 li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: .28rem
}

.page1-15 .list-2 li .col {
    width: 3.45rem
}

.page1-15 .list-2 li .col h3 {
    font-size: .22rem;
    padding-bottom: .1rem
}

.page1-15 .list-2 li .img {
    width: 2.42rem
}

.page1-16 {
    background: url(https://kgu-vinno-hk.oss-accelerate.aliyuncs.com/zh/img/9e/img1920_26.jpg) center no-repeat;
    background-size: cover
}

.page1-16 .container {
    padding: 1.34rem 0 .6rem .4rem
}

.page1-16 .container h2 {
    font-size: .38rem;
    line-height: 1em;
    padding-bottom: .2rem
}

.page1-16 .img {
    width: 5.3rem
}

.page1-16 .wal {
    height: 10.7rem;
    max-width: 11.56rem
}

@media screen and (max-width: 800px) {
    .vinno-a5e-1 .wal {
        height: 100vh;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        overflow: hidden
    }

    .vinno-a5e-1 .wal .img {
        width: 7rem;
        position: relative;
        left: .6rem
    }

    .vinno-a5e-1 .wal .word {
        width: 3rem;
        padding-top: .6rem;
        position: relative;
        left: 0;
        top: 0
    }

    .vinno-a5e-2 .content100 {
        width: 5rem;
        font-size: .28rem;
        line-height: .5rem
    }

    .vinno-a5e-3 {
        padding: 0 .3rem
    }

    .vinno-a5e-3 .wal {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .vinno-a5e-3 h3.title {
        font-size: .28rem
    }

    .vinno-a5e-3 .col-l {
        width: 100%;
        padding-bottom: .8rem
    }

    .vinno-a5e-3 .col-l .list li {
        font-size: .24rem
    }

    .vinno-a5e-3 .col-l .img-list li img {
        width: 100%;
        height: 1.8rem
    }

    .vinno-a5e-3 .col-l .img-list li .name {
        line-height: .6rem;
        font-size: .24rem
    }

    .vinno-a5e-3 .col-l .img-list li:nth-child(1) {
        width: 3.2rem
    }

    .vinno-a5e-3 .col-l .img-list li:nth-child(2) {
        width: 3rem
    }

    .vinno-a5e-3 .col-l .img-list2 li {
        padding-bottom: .25rem
    }

    .vinno-a5e-3 .col-l .img-list2 li .img {
        width: 2.6rem
    }

    .vinno-a5e-3 .col-l .img-list2 li .content100 {
        width: 3.5rem;
        font-size: .24rem;
        line-height: .36rem
    }

    .vinno-a5e-3 .col-r {
        width: 100%
    }

    .vinno-a5e-3 .col-r .list-1 li {
        width: 3rem
    }

    .vinno-a5e-3 .col-r .list-1 li .name {
        font-size: .24rem
    }

    .vinno-a5e-3 .col-r .list-2 li {
        width: 3rem
    }

    .vinno-a5e-3 .col-r .list-2 li p {
        font-size: .24rem
    }

    .vinno-a5e-4 {
        padding: 1.9rem .3rem
    }

    .vinno-a5e-4 .content100 {
        font-size: .26rem;
        line-height: .45rem;
        width: 100%
    }

    .vinno-a5e-4 .img-row .img-2 {
        width: 100%;
        padding-top: .3rem
    }

    .vinno-a5e-5 {
        padding: 0 .3rem
    }

    .vinno-a5e-5 .wal {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .vinno-a5e-5 .wal .col {
        width: 100%;
        padding-bottom: .5rem
    }

    .vinno-a5e-5 .wal .col .list li {
        font-size: .24rem;
        line-height: .4rem
    }

    .vinno-a5e-6 {
        padding: 0 .3rem 1.5rem .3rem
    }

    .vinno-a5e-6 .col {
        width: 100%
    }

    .vinno-a5e-6 .col li .name {
        font-size: .24rem
    }

    .vinno-a5e-6 .side-img {
        width: 100%;
        padding-top: .5rem
    }

    .vinno-p-1 {
        height: 100vh;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .vinno-p-1 .img {
        width: 100%;
        position: relative;
        left: 0;
        top: 0;
        margin-left: 0
    }

    .vinno-p-1 .word {
        width: 4rem;
        position: relative;
        left: 0;
        top: 0;
        margin-left: 0
    }

    .vinno-p-2 .col-l {
        width: 90%
    }

    .vinno-p-2 .col-l .content100 {
        padding-bottom: .3rem;
        font-size: .26rem;
        line-height: .4rem
    }

    .vinno-p-2 .col-r {
        width: 100%;
        padding-top: .5rem
    }

    .vinno-p-3 .row .content100 {
        font-size: .24rem;
        line-height: .4rem
    }

    .vinno-p-3 .row .col-l {
        width: 6.05rem;
        padding-bottom: .5rem
    }

    .vinno-p-3 .row .col-r {
        width: 6.05rem
    }

    .vinno-p-4 .content100 {
        font-size: .24rem;
        line-height: 1.7em;
        padding-bottom: .3rem
    }

    .vinno-p-4 .list {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .vinno-p-4 .list li {
        margin-left: -0.37rem;
        height: auto;
        padding: .15rem 0
    }

    .vinno-p-4 .list li .col .name {
        font-size: .28rem
    }

    .vinno-p-4 .list li .col p {
        font-size: .22rem
    }

    .vinno-p-4 .list ul:nth-child(1) {
        width: 100%
    }

    .vinno-p-4 .list ul:nth-child(2) {
        width: 100%
    }

    .vinno-p-5 .row {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .vinno-p-5 .row .content100 {
        font-size: .24rem;
        line-height: .4rem;
        width: 100%
    }

    .vinno-p-5 .row .img {
        width: 100%;
        padding-top: .4rem
    }

    .vinno-p-5 .row2 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: .5rem 0;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .vinno-p-5 .row2 .list-1 {
        width: 6rem
    }

    .vinno-p-5 .row2 .list-1 li {
        width: 1.5rem
    }

    .vinno-p-5 .row2 .list-1 li .name {
        font-size: .22rem;
        line-height: .32rem
    }

    .vinno-p-5 .row2 .list-1 li:nth-child(1),
    .vinno-p-5 .row2 .list-1 li:nth-child(2) {
        width: 50%
    }

    .vinno-p-5 .row2 .list-2 {
        width: 100%
    }

    .vinno-p-5 .row2 .list-2 ul {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .vinno-p-5 .row2 .list-2 li {
        width: 50%
    }

    .vinno-p-5 .row2 .list-2 li .name {
        font-size: .24rem;
        line-height: .32rem
    }

    .vinno-p-5 .row2 .list-2 li .name:before {
        height: .32rem;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .vinno-p-6 .side-img {
        width: 100%
    }

    .vinno-p-6 .list {
        width: 100%;
        padding-top: .5rem
    }

    .vinno-p-6 .list li {
        width: 3.31rem
    }

    .vinno-p-6 .list li:nth-child(6) {
        width: 3.4rem
    }

    .vinno-p-7 .hd img {
        height: 4rem
    }

    .vinno-p-7 .bd .wal {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -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
    }

    .vinno-p-7 .bd .wal .img-1 {
        width: 5rem
    }

    .vinno-p-7 .bd .wal .img-2 {
        width: 6rem
    }

    .vinno-p-8 .col-l {
        width: 100%
    }

    .vinno-p-8 .col-l .row .col {
        width: 3rem
    }

    .vinno-p-8 .col-l .row .col p {
        font-size: .24rem;
        line-height: .35rem
    }

    .vinno-p-8 .col-l .row .img {
        width: 3.6rem
    }

    .vinno-p-8 .col-r {
        width: 100%
    }

    .vinno-p-9 .list li:nth-child(1) {
        width: 100%;
        padding-bottom: .5rem
    }

    .vinno-p-9 .list li:nth-child(2) {
        width: 100%
    }

    .vinno-p-10 li {
        width: 3.4rem
    }

    .vinno-p-11 .col {
        padding-left: .35rem;
        font-size: .3rem;
        line-height: .45rem
    }

    .vinno-p-11 .col .name {
        font-size: .35rem
    }

    .en .vinno-p-2 .col-l .content100 {
        font-size: .24rem;
        line-height: .35rem
    }

    .en .vinno-p-3 .row h3 {
        font-size: .3rem;
        line-height: .35rem
    }

    .en .vinno-p-3 .row .content100 {
        font-size: .24rem;
        line-height: .35rem
    }

    .en .vinno-p-4 .content100 {
        font-size: .24rem;
        line-height: .35rem
    }

    .en .vinno-p-4 .list li .col .name {
        font-size: .26rem
    }

    .en .vinno-p-4 .list li .col p {
        font-size: .22rem;
        line-height: 1.3em
    }

    .en .vinno-p-5 .row .content100 {
        font-size: .24rem;
        line-height: .4rem
    }

    .en .vinno-p-8 .col-l {
        width: 100%
    }

    .en .vinno-p-8 .col-l .row .col {
        width: 3rem
    }

    .en .vinno-p-8 .col-l .row .col h5 {
        font-size: .26rem;
        line-height: .28rem
    }

    .en .vinno-p-8 .col-l .row .col p {
        font-size: .22rem;
        line-height: .35rem;
        text-align: left
    }

    .en .vinno-p-8 .col-r li h5 {
        font-size: .32rem
    }

    .en .vinno-p-9 .content100 {
        font-size: .24rem;
        line-height: 1.7em
    }

    .en .vinno-p-11 .col .name {
        font-size: .35rem
    }

    .page1 .content100 {
        font-size: .24rem;
        line-height: .4rem
    }

    .page1-3 .wal {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: auto;
        padding: 1rem 0
    }

    .page1-3 .col {
        width: 6rem;
        left: 0;
        padding-bottom: .6rem
    }

    .page1-3 .col .content100 {
        font-size: .24rem;
        line-height: .4rem;
        padding-bottom: .4rem
    }

    .page1-3 .big-img {
        width: 6rem
    }

    .page1-4 .container {
        left: auto;
        right: 0;
        margin-left: 0;
        top: 2rem;
        width: 3.7rem
    }

    .page1-4 .container h2 {
        font-size: .32rem
    }

    .page1-4 .container .content100 {
        font-size: .24rem;
        line-height: .4rem
    }

    .page1-5 {
        background-size: auto 8rem
    }

    .page1-5 .wal {
        padding: 9rem 0 1rem 0
    }

    .page1-5 h2 {
        font-size: .32rem
    }

    .page1-5 .content100 {
        font-size: .24rem;
        line-height: .4rem
    }

    .page1-5 .item {
        margin-top: .2rem
    }

    .page1-5 .item h3 {
        font-size: .28rem
    }

    .page1-5 .row {
        width: 100%
    }

    .page1-5 .row .col {
        width: 3.5rem
    }

    .page1-6 .container {
        height: 8rem;
        padding: 0 .4rem
    }

    .page1-6 .container h2 {
        font-size: .32rem
    }

    .page1-6 .container h3 {
        font-size: .28rem;
        margin-right: -0.4rem
    }

    .page1-6 .container .content100 {
        padding-bottom: .2rem;
        font-size: .24rem;
        line-height: .4rem
    }

    .page1-6 .container li {
        width: 2.1rem
    }

    .page1-6 .container li .name {
        font-size: .2rem
    }

    .page1-7 .wal {
        height: auto;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: .8rem 0
    }

    .page1-7 .content100 {
        font-size: .2rem;
        line-height: .34rem
    }

    .page1-7 .left {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 100%;
        padding-bottom: .4rem
    }

    .page1-7 .left .content100 {
        width: 3.3rem
    }

    .page1-7 .left .img {
        width: 3.15rem
    }

    .page1-7 .right {
        width: 100%;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .page1-7 .right .item {
        width: 2.5rem
    }

    .page1-7 .right .item h3 {
        font-size: .28rem
    }

    .page1-7 .right .img {
        width: 1.46rem;
        position: relative;
        top: -0.3rem
    }

    .page1-8 .container {
        height: 8rem;
        padding: 0 .4rem
    }

    .page1-8 .container h2 {
        font-size: .32rem
    }

    .page1-8 .container h3 {
        font-size: .3rem
    }

    .page1-9 h2 {
        font-size: .32rem
    }

    .page1-9 .row {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .page1-9 .content100 {
        width: 100%;
        padding-bottom: .4rem
    }

    .page1-9 .content100 dd:before {
        top: .14rem
    }

    .page1-10 .container {
        height: 8.8rem;
        padding: 0 .4rem
    }

    .page1-10 .container li {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: .3rem
    }

    .page1-10 .container li .img {
        width: 2.08rem
    }

    .page1-10 .container li .content100 {
        width: 100%;
        padding-top: .12rem
    }

    .page1-11 ul {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .page1-11 li {
        width: 100%;
        padding-bottom: .4rem
    }

    .page1-11 li .content100 {
        padding-top: .15rem
    }

    .page1-11 li dl dd {
        width: 47%
    }

    .page1-12 .container {
        padding: 0 .4rem
    }

    .page1-12 .container h3 {
        font-size: .28rem
    }

    .page1-12 .container ul .img img {
        height: 1.5rem
    }

    .page1-13 {
        padding: .9rem 0 .6rem 0
    }

    .page1-13 ul {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .page1-13 li:nth-child(1) {
        width: 100%
    }

    .page1-13 li:nth-child(2) {
        width: 100%
    }

    .page1-13 li:nth-child(3) {
        width: 100%
    }

    .page1-13 li {
        padding-bottom: .4rem
    }

    .page1-13 h2 {
        font-size: .3rem
    }

    .page1-13 .img img {
        height: auto;
        width: 100%
    }

    .page1-13 dd {
        width: 48%
    }

    .page1-14 .container {
        padding: 0 .4rem
    }

    .page1-14 .container h3 {
        font-size: .28rem
    }

    .page1-15 .wal {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .page1-15 h2 {
        font-size: .3rem
    }

    .page1-15 .list-1 {
        width: 100%;
        padding-bottom: .4rem
    }

    .page1-15 .list-1 li {
        width: calc(50% - .15rem)
    }

    .page1-15 .list-1 li .name {
        font-size: .22rem;
        height: .6rem;
        padding-top: .15rem
    }

    .page1-15 .list-2 {
        width: 100%
    }

    .page1-15 .list-2 li .col {
        width: 100%;
        padding-right: .2rem
    }

    .page1-15 .list-2 li .col h3 {
        font-size: .3rem
    }

    .page1-15 .list-2 li .img {
        width: 3rem;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .page1-16 .container {
        padding: 2rem 0 .6rem 0
    }

    .page1-16 .container .content100 {
        width: 3.6rem
    }

    .page1-16 .img {
        width: 4rem
    }
}

.page1 {
    background: #ffffff;
}

sup {
    font-size: 0.83em;
    vertical-align: super;
    line-height: 0;
}