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

a,.transition,:before,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%;
    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)
}

@-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,"ArialMT","微软雅黑";
    color: #0f050a;
    -webkit-text-size-adjust: none;
    opacity: 0
}

body.show {
    opacity: 1
}

a {
    color: #0f050a;
    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: #cd8200;
    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,"ArialMT","微软雅黑";
    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: 12.6rem;
    margin: 0 auto
}

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

.iconfont {
    font-family: "iconfont"
}

@font-face {
    font-family:"DINPro-Bold";src:url(../image/DINPro-Bold.woff2) format("woff2"),url(../image/DINPro-Bold.woff) format("woff"),url(../image/DINPro-Bold.ttf) format("truetype"),url(../image/DINPro-Bold.eot) format("embedded-opentype"),url(../image/DINPro-Bold.svg) format("svg");font-weight:normal;font-style:normal
}

@font-face {
    font-family:"Algerian";src:url(../image/Algerian.ttf) format("truetype");font-weight:normal;font-style:normal
}

@font-face {
    font-family:"AgencyFB";src:url(../image/AgencyFB.ttf) format("truetype");font-weight:normal;font-style:normal
}

@font-face {
    font-family:"NotoSansHans";src:url(../image/NotoSansHans-Regular.ttf) format("truetype");font-weight:normal;font-style:normal
}

#app {
    height: 100vh;
    position: relative;
    overflow: hidden
}

#app a.btn-enter {
    background: url(../image/img47.png) center no-repeat;
    background-size: 100%;
    width: .47rem;
    height: .87rem;
    position: absolute;
    z-index: 20;
    right: .6rem;
    bottom: .4rem;
    display: block;
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}

.canvas canvas {
    display: block;
    width: 100%;
    outline: none
}

.g-head {
    position: fixed;
    z-index: 5000;
    left: 0;
    top: 0;
    right: 0
}

.g-head a.logo {
    display: block;
    background: url(../image/logo.png) center no-repeat;
    background-size: 100%;
    width: 2.46rem;
    height: .6rem;
    position: absolute;
    left: .6rem;
    top: .4rem;
    z-index: 5
}

.g-head .navA {
    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;
    position: absolute;
    top: .4rem;
    padding: .1rem 0;
    right: .6rem;
    cursor: pointer;
    z-index: 5
}

.g-head .navA .ico {
    width: .25rem;
    height: .15rem;
    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: 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;
    position: relative
}

.g-head .navA .ico i {
    display: block;
    height: 1px;
    width: 100%;
    background: #000;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.g-head .navA .ico i:nth-child(1) {
    width: .22rem
}

.g-head .navA .ico i:nth-child(3) {
    width: .16rem
}

.g-head .navA .ico em {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: .14rem;
    opacity: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.g-head .navA .name {
    font-size: .22rem;
    font-family: "Algerian";
    margin-left: .14rem;
    line-height: 1em
}

.g-head .title {
    position: absolute;
    left: .6rem;
    top: .4rem;
    width: 2.35rem;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.g-head .title .num {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: #343434 solid 1px
}

.g-head .title .num em {
    font-family: "AgencyFB";
    font-size: 1.24rem;
    font-weight: 600;
    line-height: 1em
}

.g-head .title .num span {
    font-family: "Algerian";
    font-size: .62rem;
    line-height: 1em;
    padding-left: .1rem
}

.g-head .title .en {
    color: #4c4c4c;
    font-size: .36rem;
    font-family: "AgencyFB";
    text-transform: uppercase;
    line-height: .55rem;
    margin-right: -1rem;
    position: relative;
    top: .03rem
}

.g-head .title h2 {
    color: #4c4c4c;
    font-size: .3rem;
    font-family: "NotoSansHans";
    line-height: 1em;
    font-weight: 400
}

.g-head .btns {
    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;
    position: absolute;
    z-index: 5;
    top: 1rem;
    right: .6rem;
    width: .52rem
}

.g-head .btns a {
    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-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: .3rem
}

.g-head .btns a img {
    width: 100%
}

.g-head .btns a div {
    font-size: .2rem;
    font-family: "Algerian";
    color: #333;
    padding-top: .1rem;
    line-height: 1em;
    text-transform: uppercase;
    margin-right: -0.3rem;
    margin-left: -0.3rem
}

.g-nav {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    background-size: cover;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.g-nav .nav {
    position: relative;
    z-index: 5
}

.g-nav .nav ul {
    height: 100vh;
    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
}

.g-nav .nav li {
    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
}

.g-nav .nav a {
    display: block;
    height: .99rem;
    line-height: .99rem;
    overflow: hidden;
    position: relative;
    font-size: .7rem;
    text-align: center
}

.g-nav .nav a .en {
    position: relative;
    top: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    color: rgba(0,0,0,.1);
    font-family: "Algerian";
    text-transform: uppercase
}

.g-nav .nav a .name {
    position: absolute;
    left: 0;
    top: 100%;
    right: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    color: #bd966b
}

.g-nav .nav li.on a .en {
    top: -0.99rem
}

.g-nav .nav li.on a .name {
    top: 0
}

.g-nav .yuans {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 11.99rem;
    margin-left: -6rem;
    margin-top: -6rem
}

.g-nav .yuans img {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}

.g-nav .yuan356 {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 3.56rem;
    margin-left: -6.6rem;
    margin-top: 2.95rem
}

.g-nav .yuan585 {
    position: absolute;
    left: 50%;
    bottom: 50%;
    width: 5.85rem;
    margin-left: 2.2rem;
    margin-bottom: 2.1rem
}

.g-nav .icons dl {
    position: absolute;
    top: 0;
    height: 100vh;
    width: 40%
}

.g-nav .icons dl dd {
    position: absolute;
    top: 100%
}

.g-nav .icons dd:nth-child(1) {
    left: 0
}

.g-nav .icons dl:nth-child(2) {
    right: 0
}

body.navShow .g-head .navA .ico i {
    width: 0
}

body.navShow .g-head .navA .ico em {
    opacity: 1
}

body.navShow .g-nav {
    opacity: 1;
    visibility: visible
}

.g-foot {
    position: fixed;
    z-index: 20;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.g-foot .msg {
    position: absolute;
    left: .6rem;
    bottom: .4rem;
    font-size: .14rem;
    line-height: .24rem;
    color: #666
}

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

    .wal {
        margin: 0 .6rem
    }

    #app a.btn-enter {
        right: .3rem;
        bottom: .6rem
    }

    .g-head a.logo {
        left: .3rem
    }

    .g-head .navA {
        right: .3rem
    }

    .g-head .navA .ico {
        width: .35rem;
        height: .22rem
    }

    .g-head .navA .ico i:nth-child(1) {
        width: .3rem
    }

    .g-head .navA .ico i:nth-child(3) {
        width: .22rem
    }

    .g-head .navA .ico em {
        width: .22rem
    }

    .g-head .navA .name {
        font-size: .3rem
    }

    .g-head .title {
        left: .3rem;
        width: 2rem;
        top: .2rem
    }

    .g-head .title .num em {
        font-size: .8rem
    }

    .g-head .title .num span {
        font-size: .4rem
    }

    .g-head .btns {
        top: 1.2rem;
        right: .3rem
    }

    .g-head .btns a {
        margin-bottom: .2rem
    }

    .g-head .btns a div {
        display: none
    }

    .g-foot .msg {
        left: .3rem;
        bottom: .3rem;
        font-size: .22rem;
        line-height: 1.5em
    }
}

@media screen and (max-width: 550px) {
    .wal {
        margin: 0 .3rem
    }
}

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

.loading {
    position: fixed;
    z-index: 110;
    left: 0;
    top: 0;
    right: 0;
    bottom: 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;
    background: #fff
}

.loading dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 .12rem
}

.loading dl dd {
    padding: 0 .05rem
}

.loading dl img {
    height: .7rem
}

.index #index {
    height: 100vh;
    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;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.index #index canvas {
    display: block;
    width: 100%;
    outline: none
}

.index a.btn {
    display: block;
    width: 1.2rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -0.6rem;
    margin-top: 1.6rem
}

.org {
    height: 100vh;
    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;
    padding-top: .6rem
}

.org .head .box,.org .list li a {
    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-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;
    border: rgba(15,5,10,.15) solid 1px;
    border-radius: .1rem;
    height: 1rem;
    background: #fff;
    text-align: center;
    position: relative;
    font-size: .16rem;
    padding-top: .1rem
}

.org .head .box:before,.org .list li a:before {
    content: "";
    display: block;
    position: absolute;
    top: .1rem;
    right: .1rem;
    background: url(../image/img14.svg) center no-repeat;
    background-size: 100%;
    width: .14rem;
    height: .1rem
}

.org .head .box .img,.org .list li a .img {
    width: .52rem;
    position: absolute;
    left: 50%;
    top: -0.35rem;
    margin-left: -0.26rem
}

.org .head .box .img img,.org .list li a .img img {
    height: .52rem;
    border-radius: 50%
}

.org .head .box .name,.org .list li a .name {
    color: #0f050a;
    line-height: .22rem
}

.org .head .box p,.org .list li a p {
    color: rgba(15,5,10,.4);
    line-height: .22rem
}

.org .head .box .num,.org .list li a .num {
    position: absolute;
    left: 0;
    bottom: -0.14rem;
    right: 0;
    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
}

.org .head .box .num div,.org .list li a .num div {
    padding: 0 .1rem;
    height: .24rem;
    background: #1e2ff1;
    border-radius: .05rem;
    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;
    color: #fff;
    font-size: .13rem;
    border: #2c38bf solid 1px
}

.org .head .box .num div:after,.org .list li a .num div:after {
    display: block;
    content: "";
    font-family: "iconfont";
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    position: relative;
    left: .04rem
}

.org .head .box:hover .name,.org .list li a:hover .name {
    font-weight: 600;
    color: #1e2ff1
}

.org .head {
    height: 1.35rem
}

.org .head .box {
    width: 2.5rem;
    left: -0.2rem
}

.org .head .box .num div {
    background: #b1b1b4;
    border-color: #939395
}

.org .head .box .num div:after {
    -webkit-transform: scale(0.8) rotate(180deg);
    -ms-transform: scale(0.8) rotate(180deg);
    transform: scale(0.8) rotate(180deg)
}

.org .line {
    background: url(../image/line.svg) center top no-repeat;
    background-size: 100%;
    height: .97rem;
    width: 14.47rem;
    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;
    font-size: .13rem;
    padding: 0 .2rem .2rem
}

.org .line a {
    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;
    cursor: default;
    color: #333
}

.org .line a:after {
    display: block;
    content: "";
    font-family: "iconfont";
    -webkit-transform: scale(0.8) rotate(180deg);
    -ms-transform: scale(0.8) rotate(180deg);
    transform: scale(0.8) rotate(180deg);
    position: relative;
    left: .04rem
}

.org .list {
    min-height: 4.8rem;
    width: 13.28rem
}

.org .list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -0.21rem
}

.org .list li {
    width: 20%;
    padding: 0 0 .64rem .21rem
}

.org-show {
    height: 100vh;
    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
}

.org-show .wal {
    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;
    width: 11.8rem
}

.org-show .container {
    width: 7.51rem;
    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: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.org-show .container .head {
    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;
    position: relative
}

.org-show .container .head .img {
    width: .76rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: .2rem
}

.org-show .container .head .img img {
    border-radius: 50%;
    height: .76rem
}

.org-show .container .head .name {
    padding-right: .38rem;
    font-size: .22rem
}

.org-show .container .head .name p {
    font-size: .14rem;
    opacity: .7;
    padding-top: .06rem
}

.org-show .container .head a.btn,.org-show .container .head a.back {
    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;
    border: rgba(15,5,10,.15) solid 1px;
    border-radius: .3rem;
    width: 1.25rem;
    height: .4rem;
    font-size: .16rem
}

.org-show .container .head a.btn:hover,.org-show .container .head a.back:hover {
    background: #333;
    border-color: #333;
    color: #fff
}

.org-show .container .head a.back {
    width: .75rem;
    position: absolute;
    right: 0;
    font-size: .24rem
}

.org-show .container .content {
    font-size: .16rem;
    line-height: .28rem;
    min-height: 1.3rem;
    padding: .2rem 0
}

.org-show .container .msg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.org-show .container .msg .col {
    width: 2.72rem
}

.org-show .container .msg .col h3 {
    font-size: .16rem;
    padding-bottom: .04rem
}

.org-show .container .msg .col dl dd {
    position: relative;
    padding: 0 0 .15rem .25rem
}

.org-show .container .msg .col dl dd:before {
    content: "";
    display: block;
    position: absolute;
    left: .07rem;
    top: .28rem;
    bottom: -0.04rem;
    width: .02rem;
    background: #ceced0
}

.org-show .container .msg .col dl dd .dot {
    position: absolute;
    left: 0;
    top: .08rem;
    border-radius: 50%;
    width: .16rem;
    height: .16rem;
    background: #ceced0
}

.org-show .container .msg .col dl dd .name {
    line-height: .32rem;
    font-size: .16rem
}

.org-show .container .msg .col dl dd p {
    font-size: .14rem;
    color: #4f4660
}

.org-show .container .msg .col dl dd:last-child:before {
    display: none
}

.org-show .container .msg .col dl dd.on .dot {
    background: #cd8200
}

.org-show .container .msg .col dl dd.on .dot:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    background: #fff;
    border-radius: 50%;
    width: .06rem;
    height: .06rem;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.org-show .container .msg .col .btn {
    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: .32rem
}

.org-show .container .msg .col .btn a {
    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;
    border-radius: 50%;
    width: .18rem;
    height: .18rem;
    background: #b1b1b4;
    color: #fff
}

.org-show .container .msg .col .btn a em {
    display: block;
    font-size: .14rem;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8)
}

.org-show .container .msg .col .btn a:hover {
    background: #cd8200
}

.org-show .container .list {
    min-height: 3rem;
    background: #f3f6fc;
    border-radius: .15rem;
    padding: 0 .2rem 0 .55rem
}

.org-show .container .list .title {
    height: 1.1rem;
    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
}

.org-show .container .list .title h2 {
    font-size: .2rem;
    padding-bottom: .15rem
}

.org-show .container .list .title div {
    font-size: .16rem;
    opacity: .6
}

.org-show .container .list .scroll {
    height: 2rem;
    overflow-y: auto
}

.org-show .container .list .scroll::-webkit-scrollbar {
    width: 2px
}

.org-show .container .list .scroll::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.2)
}

.org-show .container .list .scroll::-webkit-scrollbar-track {
    background: rgba(0,0,0,0)
}

.org-show .container .list .scroll ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.org-show .container .list .scroll li {
    width: 50%
}

.org-show .container .list .scroll li a {
    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;
    padding-bottom: .28rem
}

.org-show .container .list .scroll li a .img {
    width: .52rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: .15rem
}

.org-show .container .list .scroll li a .img img {
    border-radius: 50%;
    height: .52rem
}

.org-show .container .list .scroll li a .name {
    font-size: .16rem;
    color: #0f050a
}

.org-show .container .list .scroll li a .name p {
    font-size: .14rem;
    opacity: .3;
    padding-top: .06rem
}

.org-show .side {
    width: 3.2rem
}

.org-show .side .side-head {
    background: #f3f6fc;
    border-radius: .15rem;
    margin-bottom: .5rem;
    min-height: 3rem;
    padding: .2rem
}

.org-show .side .side-head .head {
    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
}

.org-show .side .side-head .head .img {
    width: .6rem;
    border-radius: .05rem;
    border: rgba(15,5,10,.2) solid 1px
}

.org-show .side .side-head .head .img img {
    height: .6rem
}

.org-show .side .side-head .head .name {
    padding-left: .2rem;
    font-size: .2rem;
    color: #4d4d4d;
    text-transform: uppercase
}

.org-show .side .side-head .list li {
    padding-top: .25rem
}

.org-show .side .side-head .list li .name {
    font-size: .16rem;
    color: rgba(77,77,77,.6)
}

.org-show .side .side-head .list li p {
    font-size: .2rem;
    color: #212121;
    padding-top: .05rem
}

.org-show .side .side-list {
    background: #f3f6fc;
    border-radius: .15rem;
    min-height: 3rem;
    padding: 0 .2rem
}

.org-show .side .side-list .title {
    line-height: .77rem;
    font-size: .2rem;
    color: #0f050a
}

.org-show .side .side-list .list li {
    padding-bottom: .2rem
}

.org-show .side .side-list .list a {
    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
}

.org-show .side .side-list .list a .img {
    width: .52rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: .15rem
}

.org-show .side .side-list .list a .img img {
    border-radius: 50%;
    height: .52rem
}

.org-show .side .side-list .list a .name {
    font-size: .16rem;
    color: #0f050a
}

.org-show .side .side-list .list a .name p {
    font-size: .14rem;
    opacity: .3;
    padding-top: .06rem
}

.training {
    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: 16.2rem;
    height: 100vh
}

.training .container {
    width: 4.6rem
}

.training .container .title {
    background: url(../image/img207.svg) center no-repeat;
    background-size: 100% 100%;
    width: 2.07rem;
    height: .87rem;
    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
}

.training .container .title h2 {
    font-weight: 400;
    font-size: .26rem
}

.training .container .content {
    font-size: .18rem;
    line-height: 2em;
    text-align: justify;
    padding-top: .3rem
}

.training .canvas {
    width: 8.66rem
}

.systematism {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    opacity: 0;
    visibility: hidden
}

.systematism.show {
    opacity: 1;
    visibility: visible
}

.systematism h2.title {
    font-size: .4rem;
    padding-bottom: .15rem;
    color: #c88a51
}

.systematism h2.title.title-2 {
    color: #20a08b
}

.systematism h2.title.title-3 {
    color: #46aacb
}

.systematism ul {
    width: 11.85rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.systematism li {
    width: 3.4rem;
    height: 2.5rem;
    position: relative;
    z-index: 1
}

.systematism li .bg-1,.systematism li .bg-2 {
    background: url(../image/img284.png) center top no-repeat;
    background-size: 2.84rem;
    position: absolute;
    left: 0;
    top: 1.5rem;
    right: 0;
    height: 3.5rem
}

.systematism li .bg-2 {
    background-image: url(../image/img284_2.png);
    z-index: 8
}

.systematism li .qiu {
    position: absolute;
    left: 50%;
    top: 0;
    width: 1.2rem;
    margin-left: -0.6rem
}

.systematism li .name {
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -1.7rem;
    width: 3.4rem;
    height: 2.18rem;
    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;
    text-align: center;
    font-size: .28rem;
    line-height: .4rem;
    font-weight: bold;
    background: url(../image/img340_1.png) center no-repeat;
    background-size: 2.7rem;
    color: #c88a51
}

.systematism li .name.en {
    font-size: .3rem;
    font-family: "Algerian";
    font-weight: 400
}

.systematism ul.ul-1 li.li_02 .name {
    background-image: url(../image/img340_2.png);
    color: #d5615b
}

.systematism ul.ul-1 li.li_03 .name {
    background-image: url(../image/img340_3.png);
    color: #c83a7e
}

.systematism ul.ul-2 {
    width: 7.9rem
}

.systematism ul.ul-2 li .name {
    background-image: url(../image/img340_4.png);
    color: #20a08b
}

.systematism ul.ul-3 {
    width: 7.9rem
}

.systematism ul.ul-3 li .name {
    background-image: url(../image/img340_5.png);
    color: #46aacb
}

.pageMail {
    max-width: 14.5rem;
    height: 100vh;
    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
}

.pageMail .canvas {
    width: 8.46rem
}

.pageMail .list {
    width: 5.65rem
}

.pageMail .list ul {
    margin-left: -3.15rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.pageMail .list li {
    width: 33.333%;
    padding: 0 0 .5rem .45rem
}

.pageMail .list li .ico {
    width: 1.2rem;
    height: 1.1rem;
    line-height: 1.1rem;
    text-align: center;
    background: url(../image/img120.png) center no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
    font-family: "Algerian";
    font-size: .53rem;
    color: rgba(0,0,0,0)
}

.pageMail .list li .content {
    font-size: .16rem;
    line-height: 2em;
    text-align: justify;
    color: #545454;
    padding-top: .3rem
}

.pageMail .list li:nth-child(2) .ico {
    background-image: url(../image/img120_1.png)
}

.pageMail .list li:nth-child(3) .ico {
    background-image: url(../image/img120_2.png)
}

.pageMail .list li:nth-child(4) .ico {
    background-image: url(../image/img120_3.png)
}

.pageMail .list li:nth-child(5) .ico {
    background-image: url(../image/img120_4.png)
}

.pageMail .list li:nth-child(6) .ico {
    background-image: url(../image/img120_5.png)
}

.weTag {
    max-width: 17.21rem;
    height: 100vh;
    background: url(../image/img1721.png) center bottom no-repeat;
    background-size: 100%;
    position: relative
}

.weTag li {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -1.285rem;
    margin-top: -0.85rem
}

.weTag li div {
    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: .26rem;
    color: #212121;
    text-align: center;
    background: url(../image/img257.png) center no-repeat;
    background-size: 100% 100%;
    width: 2.57rem;
    height: 1.69rem;
    line-height: 1.7em;
    opacity: 0
}

.weTag li.li_01 div {
    color: #ca9562;
    background-image: url(../image/img257_1.png)
}

.weTag li.li_02 div {
    color: #d875a4;
    background-image: url(../image/img257_2.png)
}

.weTag li.li_03 div {
    color: #d5615b;
    background-image: url(../image/img257_3.png)
}

.weTag li.li_04 div {
    color: #20a08b;
    background-image: url(../image/img257_4.png)
}

.weTag li.li_05 div {
    color: #46aacb;
    background-image: url(../image/img257_5.png)
}

.product {
    max-width: 13.8rem;
    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: 100vh
}

.product 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: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.product li {
    width: 33.333%;
    height: 2.95rem;
    position: relative;
    opacity: 0
}

.product li .bg {
    position: absolute;
    left: 0;
    bottom: .02rem;
    right: 0;
    height: 1.91rem;
    background: url(../image/img396.png) center no-repeat;
    background-size: auto 100%;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

.product li .img {
    position: absolute;
    left: 50%;
    bottom: .42rem;
    width: 3.65rem;
    margin-left: -1.825rem;
    z-index: 5;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

.product li .name {
    background: url(../image/img284.svg) center no-repeat;
    background-size: auto 100%;
    height: 1.09rem;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
    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: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-bottom: .09rem
}

.product li .name img {
    height: .22rem
}

.team li {
    height: 3.5rem
}

.team li .img {
    bottom: .5rem
}

.product-list {
    max-width: 13.8rem;
    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: 100vh
}

.product-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: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.product-list li {
    width: 33.333%;
    height: 2.95rem;
    position: relative;
    z-index: 1
}

.product-list li .bg-1,.product-list li .bg-2 {
    background: url(../image/img284.png) center top no-repeat;
    background-size: 2.84rem;
    position: absolute;
    left: 0;
    top: 1.86rem;
    right: 0;
    height: 3.5rem
}

.product-list li .bg-2 {
    background-image: url(../image/img284_2.png);
    z-index: 8
}

.product-list li .qiu {
    position: absolute;
    left: 50%;
    top: 0;
    width: 1.2rem;
    margin-left: -0.6rem
}

.product-list li .img {
    position: absolute;
    left: 50%;
    bottom: -2rem;
    width: 3.65rem;
    margin-left: -1.825rem;
    z-index: 5;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom
}

.product-list li .name {
    height: 1.09rem;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 12;
    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: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-bottom: .09rem
}

.product-list li .name img {
    height: .22rem
}

.about {
    height: 100vh;
    position: relative
}

.about .canvas {
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 19.2rem
}

.about .nav a {
    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-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;
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -1.45rem;
    width: 3.2rem;
    font-size: .22rem;
    color: #4c4c4c
}

.about .nav a img {
    width: 2.15rem
}

.about .nav a .en {
    font-family: "Algerian";
    font-size: .36rem;
    line-height: 1em;
    padding: .1rem 0 .06rem 0
}

.about .nav li:nth-child(1) a {
    left: 0
}

.about .nav li:nth-child(2) a {
    right: 0
}

.companyIntroduction {
    max-width: 16.5rem;
    height: 100vh;
    position: relative
}

.companyIntroduction .canvas {
    width: 11.98rem;
    height: 11.98rem;
    position: absolute;
    left: -0.35rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.companyIntroduction .container {
    position: absolute;
    top: 50%;
    right: 0;
    width: 4.45rem;
    margin-top: -1.7rem
}

.companyIntroduction .container .logo {
    width: 2.46rem;
    padding-bottom: .3rem
}

.companyIntroduction .container .content {
    font-size: .18rem;
    line-height: 2em;
    text-align: justify
}

.about-video {
    position: absolute;
    left: 50%;
    top: 0;
    background: url(../image/img1440.png) center no-repeat;
    background-size: 100% 100%;
    height: 4.18rem;
    width: 14.4rem;
    margin-left: -7.2rem
}

.about-video .bg {
    position: absolute;
    left: -1px;
    top: -1px;
    right: -1px;
    bottom: -1px;
    overflow: hidden
}

.about-video .bg div {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50%;
    background: #fff;
    height: 100vh
}

.about-video .bg div.bg-1 {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom
}

.about-video .bg div.bg-2 {
    left: 50%;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom
}

.about-video .layer {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    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
}

.about-video .layer h2 {
    color: #fff;
    font-size: .46rem;
    line-height: 1em;
    padding-bottom: .56rem;
    opacity: 0
}

.about-video .layer a.video-btn {
    display: block;
    width: .8rem;
    opacity: 0;
    -webkit-transition-duration: 0s;
    transition-duration: 0s
}

.about-video .layer .ico {
    width: 1.1rem;
    position: absolute;
    left: 50%;
    bottom: -0.55rem;
    margin-left: -0.55rem
}

.aboutNav a {
    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-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;
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -1.45rem;
    width: 3.2rem;
    font-size: .22rem;
    color: #4c4c4c
}

.aboutNav a img {
    width: 2.15rem
}

.aboutNav a .en {
    font-family: "Algerian";
    font-size: .36rem;
    line-height: 1em;
    padding: .1rem 0 .06rem 0
}

.aboutNav li:nth-child(1) a {
    left: 50%;
    margin-left: -1.6rem;
    margin-top: 1.2rem
}

.aboutClass {
    height: 100vh;
    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: 18rem;
    padding-top: 2rem
}

.aboutClass .col {
    width: 7.5rem;
    position: relative
}

.aboutClass .col .name {
    position: absolute;
    z-index: 5;
    left: 0;
    right: 0;
    bottom: .55rem;
    text-align: center;
    color: #4d4d4d;
    height: .7rem
}

.aboutClass .col .name .en {
    text-transform: uppercase;
    font-size: .36rem;
    font-family: "Algerian";
    line-height: 1em
}

.aboutClass .col .name .en-2 {
    font-size: .26rem
}

.aboutClass .col .name h5 {
    font-weight: 400;
    font-size: .27rem;
    line-height: 1em;
    padding-top: .05rem
}

.aboutClass .col-1 {
    left: 0
}

.aboutClass .col-2 {
    right: 0
}

.aboutClass .col-2 .name {
    opacity: 0
}

.p-arrow,.history-show .arrow,.history .arrow,.videos .list .arrow,.companyIntroduction .container .arrow {
    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;
    padding-top: .79rem
}

.p-arrow a,.history-show .arrow a,.history .arrow a,.videos .list .arrow a,.companyIntroduction .container .arrow a {
    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-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;
    margin: 0 .35rem;
    color: #212121
}

.p-arrow a:before,.history-show .arrow a:before,.history .arrow a:before,.videos .list .arrow a:before,.companyIntroduction .container .arrow a:before {
    display: block;
    content: "";
    width: .6rem;
    height: .6rem;
    background: url(../image/prev60.png) center no-repeat;
    background-size: 100% 100%
}

.p-arrow a em,.history-show .arrow a em,.history .arrow a em,.videos .list .arrow a em,.companyIntroduction .container .arrow a em {
    font-family: "Algerian";
    text-transform: uppercase;
    font-size: .18rem;
    line-height: 1em;
    padding-top: .1rem
}

.p-arrow a.close:before,.history-show .arrow a.close:before,.history .arrow a.close:before,.videos .list .arrow a.close:before,.companyIntroduction .container .arrow a.close:before {
    background-image: url(../image/close60.png)
}

.p-arrow a.next:before,.history-show .arrow a.next:before,.history .arrow a.next:before,.videos .list .arrow a.next:before,.companyIntroduction .container .arrow a.next:before {
    background-image: url(../image/next60.png)
}

.p-arrow a.disabled,.history-show .arrow a.disabled,.history .arrow a.disabled,.videos .list .arrow a.disabled,.companyIntroduction .container .arrow a.disabled {
    opacity: .5;
    cursor: default
}

.videos {
    height: 100vh;
    overflow: hidden;
    position: relative
}

.videos .canvas {
    width: 11.98rem;
    height: 11.98rem;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.videos .list {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    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
}

.videos .list .list-wrapper {
    width: 24.87rem
}

.videos .list .list-wrapper li {
    padding: 0 .7rem
}

.videos .list .list-wrapper li .img {
    position: relative;
    opacity: .4;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    background: #fff
}

.videos .list .list-wrapper li .img div {
    opacity: .8
}

.videos .list .list-wrapper li .img i.btn,.videos .list .list-wrapper li .img em.btn {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../image/btn74.svg) center no-repeat;
    background-size: .74rem
}

.videos .list .list-wrapper li .img em.btn {
    display: none;
    cursor: pointer
}

.videos .list .list-wrapper li.swiper-slide-active .img {
    opacity: 1;
    background: #000
}

.videos .list .list-wrapper li.swiper-slide-active .img i.btn {
    display: none
}

.videos .list .list-wrapper li.swiper-slide-active .img em.btn {
    display: block
}

.videos .foot {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .6rem
}

.videos .foot .bg {
    width: 100%;
    overflow: hidden;
    position: relative
}

.videos .foot .bg li {
    height: .6rem;
    background: url(../image/line.png) center repeat-x;
    background-size: auto 100%
}

.videos .foot h2 {
    font-size: .28rem;
    text-align: center;
    color: #f3f6fc;
    line-height: .6rem;
    position: absolute;
    z-index: 5;
    left: 0;
    top: 0;
    right: 0
}

.video-layer {
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    right: 0;
    bottom: 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;
    background: rgba(0,0,0,.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.video-layer.show {
    opacity: 1;
    visibility: visible
}

.video-layer .container {
    width: 12rem;
    position: relative
}

.video-layer .container video {
    width: 100%
}

.video-layer .container .close {
    position: absolute;
    z-index: 5;
    top: 0;
    right: 0;
    width: .6rem;
    height: .6rem;
    line-height: .6rem;
    text-align: center;
    font-size: .24rem;
    color: #fff;
    background: rgba(0,0,0,.6);
    cursor: pointer
}

.video-layer .container .close:hover {
    background: #cd8200
}

.sCase {
    height: 100vh;
    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
}

.sCase .container {
    width: 6.3rem;
    padding: 1rem 0 0 1.6rem
}

.sCase .container .logo img {
    height: 1.4rem
}

.sCase .container .content {
    min-height: 3rem;
    padding: .35rem 0;
    font-size: .18rem;
    line-height: 2em;
    text-align: justify
}

.sCase .container .arrow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.sCase .container .arrow a {
    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-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;
    margin-right: .7rem;
    color: #212121
}

.sCase .container .arrow a:before {
    display: block;
    content: "";
    width: .6rem;
    height: .6rem;
    background: url(../image/prev60.png) center no-repeat;
    background-size: 100% 100%
}

.sCase .container .arrow a em {
    font-family: "Algerian";
    text-transform: uppercase;
    font-size: .18rem;
    line-height: 1em;
    padding-top: .1rem
}

.sCase .container .arrow a.close:before {
    background-image: url(../image/close60.png)
}

.sCase .container .arrow a.next:before {
    background-image: url(../image/next60.png)
}

.sCase .container .arrow a.disabled {
    opacity: .5;
    cursor: default
}

.sCase .canvas {
    width: 12.5rem
}

.history {
    height: 100vh;
    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-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;
    position: relative;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.history .list {
    width: 35rem
}

.history .list li {
    position: relative
}

.history .list li img {
    width: 100%;
    opacity: 0
}

.history .list li h2 {
    opacity: 0;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    text-align: center;
    font-size: .28rem;
    padding-top: .1rem
}

.history .list li.swiper-slide-active img,.history .list li.swiper-slide-prev img,.history .list li.swiper-slide-next img {
    opacity: 1
}

.history .list li.swiper-slide-active .btn {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    cursor: pointer
}

.history .list li.swiper-slide-active h2 {
    opacity: 1
}

.history .arrow a.prev {
    position: absolute;
    z-index: 5;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.history .arrow a.next {
    position: absolute;
    z-index: 5;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.history-show {
    position: absolute;
    z-index: 1000;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.history-show .wal {
    max-width: 14.55rem;
    position: relative;
    height: 100vh
}

.history-show .list li {
    height: 100vh;
    position: relative;
    display: none
}

.history-show .list li .container {
    width: 4.15rem;
    padding-bottom: 1rem
}

.history-show .list li .container .logo img {
    height: 1.4rem
}

.history-show .list li .container .content {
    min-height: 3rem;
    padding: .35rem 0;
    font-size: .18rem;
    line-height: 2em;
    text-align: justify
}

.history-show .list li .canvas {
    width: 9.7rem
}

.history-show .list li .canvas img {
    width: 100%
}

.history-show .list li.on {
    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
}

.history-show .arrow {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: absolute;
    top: 50%;
    right: 0;
    width: 4.15rem;
    padding: 0;
    margin-top: 2rem
}

.history-show .arrow a {
    margin-right: .7rem;
    margin-left: 0
}

.history-foot {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .6rem;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.history-foot .bg {
    width: 100%;
    overflow: hidden;
    position: relative
}

.history-foot .bg li {
    height: .6rem;
    background: url(../image/line.png) center repeat-x;
    background-size: auto 100%
}

.history-foot h2 {
    font-size: .28rem;
    text-align: center;
    color: #f3f6fc;
    line-height: .6rem;
    position: absolute;
    z-index: 5;
    left: 0;
    top: 0;
    right: 0
}

body.historyShow .history {
    opacity: 0;
    visibility: hidden
}

body.historyShow .history-show {
    opacity: 1;
    visibility: visible
}

body.historyShow .history-foot {
    opacity: 0;
    visibility: hidden
}

body.historyShow a.btn-enter,body.historyShow .g-foot {
    opacity: 0;
    visibility: hidden
}

.awards {
    height: 100vh;
    position: relative
}

.awards .canvas {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 19.2rem;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.awards h2 {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    font-size: .28rem;
    top: 84vh;
    opacity: 0
}

.case {
    height: 100vh;
    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
}

.case .list {
    width: 16.65rem;
    position: relative
}

.case .list-wrapper {
    width: 100%;
    overflow: hidden;
    position: relative
}

.case .list-wrapper li {
    min-height: 4.9rem
}

.case .list-wrapper li a {
    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-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    color: #000
}

.case .list-wrapper li a .img {
    width: 2.2rem;
    padding-bottom: .25rem
}

.case .list-wrapper li a .name {
    background: url(../image/img207.svg) center no-repeat;
    background-size: 100% 100%;
    width: 2.07rem;
    height: .87rem;
    line-height: .87rem;
    text-align: center;
    font-size: .26rem
}

.case .list-wrapper li dl {
    width: 1.7rem;
    margin: 0 auto;
    padding-top: .18rem;
    display: none;
    height: 1.6rem;
    overflow: hidden;
    overflow-y: auto;
    padding-right: .2rem;
    left: .1rem;
    position: relative
}

.case .list-wrapper li dl dd {
    margin-bottom: .1rem;
    width: 1.45rem;
    height: .61rem;
    background: url(../image/img207.svg) center no-repeat;
    background-size: 100% 100%;
    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: .16rem;
    color: #4d4d4d;
    cursor: pointer
}

.case .list-wrapper li dl dd:hover,.case .list-wrapper li dl dd.on {
    background-image: url(../image/btn207on.svg);
    color: #fff
}

.case .list-wrapper li:hover a .name,.case .list-wrapper li.on a .name {
    background-image: url(../image/btn207on.svg);
    color: #fff
}

.case .list-wrapper li:hover dl,.case .list-wrapper li.on dl {
    display: block
}

.case .layer {
    position: fixed;
    z-index: 25;
    left: 50%;
    top: 50%;
    min-height: 6rem;
    width: 6.68rem;
    background: #fff;
    border: #0e050b solid 1px;
    margin-top: -3rem;
    padding: 0 .4rem;
    opacity: 0;
    visibility: hidden;
    margin-left: 0
}

.case .layer.on {
    opacity: 1;
    visibility: visible;
    margin-left: 1.05rem;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.case .layer .close {
    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-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;
    position: absolute;
    z-index: 5;
    top: .13rem;
    right: .13rem
}

.case .layer .close:before {
    width: .6rem;
    height: .6rem;
    background: url(../image/close60.png) center no-repeat;
    background-size: 100% 100%;
    content: "";
    display: block
}

.case .layer .close em {
    font-size: .18rem;
    color: #333;
    padding-top: .12rem;
    font-family: "Algerian"
}

.case .layer h3 {
    font-size: .26rem;
    font-weight: 400;
    color: #cd8200;
    padding: .4rem 0 .25rem 0
}

.case .layer dl.info {
    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
}

.case .layer dl.info dd {
    min-width: 45%;
    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;
    font-size: .22rem;
    line-height: 1em;
    padding-bottom: .22rem
}

.case .layer dl.info dd img {
    width: .2rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: .08rem
}

.case .layer .scroll {
    height: 3.5rem;
    overflow-y: auto;
    padding-right: .1rem
}

.case .layer .scroll::-webkit-scrollbar {
    width: 2px;
}

.case .layer .scroll::-webkit-scrollbar-thumb {
    background: #000
}

.case .layer .scroll::-webkit-scrollbar-track {
    background: #ccc
}

.case .layer .scroll h5 {
    font-size: .2rem;
    line-height: .36rem;
    color: #b98f62;
    font-weight: 400
}

.case .layer .scroll .content {
    font-size: .16rem;
    line-height: .36rem;
    text-align: justify;
    padding-bottom: .36rem
}

.case-show {
    max-width: 13.2rem;
    height: 100vh;
    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
}

.case-show .side {
    width: 2.57rem
}

.case-show .side .title {
    position: relative;
    height: .98rem
}

.case-show .side .title .en {
    font-size: .55rem;
    text-transform: uppercase;
    opacity: .2;
    font-family: "Algerian";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    line-height: .4rem
}

.case-show .side .title h2 {
    font-size: .34rem;
    font-weight: 400;
    line-height: 1em;
    padding: .2rem 0 0 .11rem
}

.case-show .side .nav {
    height: 4.92rem;
    overflow-y: auto
}

.case-show .side .nav::-webkit-scrollbar {
    width: .04rem;
    height: .04rem
}

.case-show .side .nav::-webkit-scrollbar-thumb {
    background: #cd8200;
    border-radius: .04rem
}

.case-show .side .nav::-webkit-scrollbar-track {
    background: rgba(0,0,0,.1);
    border-radius: .04rem
}

.case-show .side .nav li {
    padding-bottom: .37rem
}

.case-show .side .nav a {
    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;
    line-height: .25rem;
    text-align: center;
    background: url(../image/img207_1.svg) center no-repeat;
    background-size: 100% 100%;
    width: 2.07rem;
    height: .87rem;
    padding-top: .04rem
}

.case-show .side .nav a em {
    display: block;
    max-width: 1.51rem
}

.case-show .side .nav a:hover,.case-show .side .nav a.on {
    color: #fff;
    background-image: url(../image/img207_1on.svg);
    padding-top: .12rem
}

.case-show .container {
    width: 9.7rem;
    min-height: 5.9rem
}

.case-show .container .head {
    height: 1.4rem
}

.case-show .container .head h2 {
    border-bottom: rgba(0,0,0,.1) solid 1px;
    min-height: .7rem;
    font-size: .26rem;
    padding: .12rem 0;
    font-weight: 400;
    color: #cd8200
}

.case-show .container .head dl.info {
    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: .7rem;
    font-size: .16rem;
    margin-right: -0.6rem
}

.case-show .container .head dl.info dd {
    min-width: 40%;
    padding-right: .6rem
}

.case-show .container .scroll {
    height: 4.5rem;
    overflow-y: auto;
    padding-right: .8rem
}

.case-show .container .scroll::-webkit-scrollbar {
    width: .02rem
}

.case-show .container .scroll::-webkit-scrollbar-thumb {
    background: #cd8200;
    border-radius: .04rem
}

.case-show .container .scroll::-webkit-scrollbar-track {
    background: rgba(0,0,0,.1);
    border-radius: .04rem
}

.case-show .container .scroll .name {
    font-size: .16rem;
    padding: .2rem 0 .16rem 0
}

.case-show .container .scroll .content {
    font-size: .16rem;
    line-height: 2em;
    text-align: justify;
    color: #666;
    padding-bottom: .3rem
}

.job .container .head dl.info dd {
    min-width: 1.8rem;
    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;
    line-height: 1em
}

.job .container .head dl.info dd img {
    height: .2rem;
    margin-right: .08rem
}

.job .container .scroll {
    height: 3.45rem
}

.job .container .scroll .name {
    padding-top: 0
}

.job .container .scroll .content {
    padding-bottom: .2rem
}

.job .container .foot {
    height: .85rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-top: rgba(0,0,0,.1) solid 1px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .2rem
}

.job .container .foot .name {
    font-size: .16rem;
    color: #b98f62;
    padding-right: .26rem
}

.job .container .foot .file {
    width: 1.4rem;
    height: .4rem;
    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;
    border: rgba(0,0,0,.2) solid 1px;
    position: relative;
    margin-right: .1rem;
    font-size: .14rem
}

.job .container .foot .file input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.job .container .foot .lzm {
    margin-right: .1rem;
    width: 1.17rem;
    height: .4rem;
    border: rgba(0,0,0,.2) solid 1px;
    overflow: hidden
}

.job .container .foot .input {
    margin-right: .26rem;
    width: 1.4rem;
    height: .4rem;
    border: #e4e4e4 solid 1px;
    background: #fff
}

.job .container .foot .input input::-webkit-input-placeholder {
    color: #999
}

.job .container .foot .input input::-moz-placeholder {
    color: #999
}

.job .container .foot .input input:-moz-placeholder {
    color: #999
}

.job .container .foot .input input:-ms-input-placeholder {
    color: #999
}

.job .container .foot .input textarea::-webkit-input-placeholder {
    color: #999
}

.job .container .foot .input textarea::-moz-placeholder {
    color: #999
}

.job .container .foot .input textarea:-moz-placeholder {
    color: #999
}

.job .container .foot .input textarea:-ms-input-placeholder {
    color: #999
}

.job .container .foot .input input {
    width: 100%;
    height: .38rem;
    line-height: .38rem;
    font-size: .14rem;
    padding: 0 .13rem;
    color: #333
}

.job .container .foot .submit {
    background: #b98f62;
    width: 1.4rem;
    height: .4rem
}

.job .container .foot .submit input {
    width: 100%;
    height: .4rem;
    cursor: pointer;
    color: #fff;
    font-size: .16rem;
    line-height: 1em
}

.job2 {
    max-width: 13.65rem
}

.job2 .list {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding: 25vh 0
}

.job2 .list li {
    opacity: 0;
    position: relative;
    z-index: 1;
    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-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;
    height: 50vh;
    cursor: pointer
}

.job2 .list li .name {
    height: .7rem;
    width: 1.45rem;
    background: url(../image/img145.svg) center no-repeat;
    background-size: 100% 100%;
    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: .14rem;
    text-align: center;
    line-height: .18rem;
    margin-bottom: .2rem;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.job2 .list li .img {
    width: 2.07rem;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-1.035rem);
    -ms-transform: translateX(-1.035rem);
    transform: translateX(-1.035rem)
}

.job2 .list li .img img:nth-child(2) {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0
}

.job2 .list li:hover .name,.job2 .list li.on .name {
    color: #fff;
    background-image: url(../image/img145on.svg)
}

.job2 .list li:hover .img img:nth-child(1),.job2 .list li.on .img img:nth-child(1) {
    opacity: 0
}

.job2 .list li:hover .img img:nth-child(2),.job2 .list li.on .img img:nth-child(2) {
    opacity: 1
}

.job2 .list li.li_01:hover .name,.job2 .list li.li_01.on .name {
    background-image: url(../image/img145_1on.svg)
}

.job2 .list li.li_02:hover .name,.job2 .list li.li_02.on .name {
    background-image: url(../image/img145_2on.svg)
}

.job2 .list li.li_03:hover .name,.job2 .list li.li_03.on .name {
    background-image: url(../image/img145_3on.svg)
}

.job2 .list li.li_04:hover .name,.job2 .list li.li_04.on .name {
    background-image: url(../image/img145_4on.svg)
}

.job2 .list li.li_05:hover .name,.job2 .list li.li_05.on .name {
    background-image: url(../image/img145_5on.svg)
}

.job2 .list li.li_06:hover .name,.job2 .list li.li_06.on .name {
    background-image: url(../image/img145_6on.svg)
}

.job2 .list li.li_07:hover .name,.job2 .list li.li_07.on .name {
    background-image: url(../image/img145_7on.svg)
}

.job2 .layer {
    position: fixed;
    z-index: 25;
    left: 50%;
    top: 50%;
    min-height: 6rem;
    width: 6.68rem;
    background: #fff;
    border: #0e050b solid 1px;
    margin-top: -3.55rem;
    padding: 0 .4rem;
    opacity: 0;
    visibility: hidden;
    margin-left: 0
}

.job2 .layer.on {
    opacity: 1;
    visibility: visible;
    margin-left: 1.05rem;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.job2 .layer .close {
    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-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;
    position: absolute;
    z-index: 5;
    top: .13rem;
    right: .13rem
}

.job2 .layer .close:before {
    width: .6rem;
    height: .6rem;
    background: url(../image/close60.png) center no-repeat;
    background-size: 100% 100%;
    content: "";
    display: block
}

.job2 .layer .close em {
    font-size: .18rem;
    color: #333;
    padding-top: .12rem;
    font-family: "Algerian"
}

.job2 .layer h3 {
    font-size: .26rem;
    font-weight: 400;
    color: #cd8200;
    padding: .4rem 0 .25rem 0
}

.job2 .layer dl.info {
    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
}

.job2 .layer dl.info dd {
    min-width: 45%;
    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;
    font-size: .22rem;
    line-height: 1em;
    padding-bottom: .22rem
}

.job2 .layer dl.info dd img {
    width: .2rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: .08rem
}

.job2 .layer .scroll {
    height: 3.5rem;
    overflow-y: auto;
    padding-right: .1rem
}

.job2 .layer .scroll::-webkit-scrollbar {
    width: 2px
}

.job2 .layer .scroll::-webkit-scrollbar-thumb {
    background: #000
}

.job2 .layer .scroll::-webkit-scrollbar-track {
    background: #ccc
}

.job2 .layer .scroll h5 {
    font-size: .2rem;
    line-height: .36rem;
    color: #b98f62;
    font-weight: 400
}

.job2 .layer .scroll .content {
    font-size: .16rem;
    line-height: .36rem;
    text-align: justify;
    padding-bottom: .36rem
}

.job2 .layer .foot {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-top: #999 solid 1px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: .4rem;
    padding: .2rem 0 .4rem 0
}

.job2 .layer .foot .file {
    width: 1.4rem;
    height: .4rem;
    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;
    border: rgba(0,0,0,.2) solid 1px;
    position: relative;
    margin-right: .1rem;
    font-size: .14rem
}

.job2 .layer .foot .file input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.job2 .layer .foot .lzm {
    margin-right: .1rem;
    width: 1.17rem;
    height: .4rem;
    border: rgba(0,0,0,.2) solid 1px;
    overflow: hidden
}

.job2 .layer .foot .input {
    margin-right: .26rem;
    width: 1.4rem;
    height: .4rem;
    border: #e4e4e4 solid 1px;
    background: #fff
}

.job2 .layer .foot .input input::-webkit-input-placeholder {
    color: #999
}

.job2 .layer .foot .input input::-moz-placeholder {
    color: #999
}

.job2 .layer .foot .input input:-moz-placeholder {
    color: #999
}

.job2 .layer .foot .input input:-ms-input-placeholder {
    color: #999
}

.job2 .layer .foot .input textarea::-webkit-input-placeholder {
    color: #999
}

.job2 .layer .foot .input textarea::-moz-placeholder {
    color: #999
}

.job2 .layer .foot .input textarea:-moz-placeholder {
    color: #999
}

.job2 .layer .foot .input textarea:-ms-input-placeholder {
    color: #999
}

.job2 .layer .foot .input input {
    width: 100%;
    height: .38rem;
    line-height: .38rem;
    font-size: .14rem;
    padding: 0 .13rem;
    color: #333
}

.job2 .layer .foot .submit {
    background: #b98f62;
    width: 1.4rem;
    height: .4rem
}

.job2 .layer .foot .submit input {
    width: 100%;
    height: .4rem;
    cursor: pointer;
    color: #fff;
    font-size: .16rem;
    line-height: 1em
}

.contact {
    background: url(../image/img676.png) right center no-repeat;
    background-size: auto 100%;
    height: 100vh
}

.contact .wal {
    height: 100vh;
    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: 12rem
}

.contact .canvas {
    width: 5.58rem
}

.contact .container {
    width: 5.1rem
}

.contact .container .title {
    position: relative;
    padding-bottom: .25rem
}

.contact .container .title .en {
    font-size: .55rem;
    text-transform: uppercase;
    opacity: .2;
    font-family: "Algerian";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    line-height: .4rem
}

.contact .container .title h2 {
    font-size: .34rem;
    font-weight: 400;
    line-height: 1em;
    padding: .2rem 0 0 0
}

.contact .container .list {
    padding-bottom: .3rem
}

.contact .container .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;
    padding: .12rem 0
}

.contact .container .list li .ico {
    width: .47rem;
    height: .47rem;
    border-radius: 50%;
    border: rgba(0,0,0,.3) solid 1px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: .2rem
}

.contact .container .list li .col {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 100%
}

.contact .container .list li .col .name {
    font-size: .2rem;
    padding-bottom: .06rem
}

.contact .container .list li .col p {
    font-size: .18rem;
    color: #666
}

.contact .container .ewm {
    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;
    font-size: .2rem
}

.contact .container .ewm .img {
    width: 1.3rem;
    margin-right: .35rem
}

.contact .container .ewm em {
    color: #666
}

.worldTree .canvas {
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.culture {
    width: 19.2rem;
    height: 19.2rem;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -9.6rem
}

.culture .canvas {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0
}

.culture li {
    position: absolute;
    left: -0.75rem;
    right: .75rem;
    bottom: .55rem;
    text-align: center;
    font-weight: 600;
    font-size: .32rem;
    line-height: .46rem;
    color: #4d4d4d
}

.brand {
    width: 19.2rem;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -9.6rem;
    background: url(../image/brand.png) center no-repeat;
    background-size: cover
}

.brand .canvas {
    position: absolute;
    left: 0;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 19.2rem
}

.brand .msg {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 1.6rem
}

.brand .msg ul {
    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
}

.brand .msg li {
    padding: 0 .38rem;
    font-size: .4rem;
    font-weight: bold
}

.partner-index {
    height: 100vh;
    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;
    width: 13.7rem;
    margin: 0 auto
}

.partner-index .col {
    width: 5.94rem;
    position: relative
}

.partner-index .col a {
    display: block;
    z-index: 5;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.partner-index .col .canvas {
    margin-left: -1.2rem;
    margin-right: -1.2rem;
    position: relative;
    top: 1rem
}

.partner-index .col .name {
    height: 1.94rem;
    position: relative;
    z-index: 2;
    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-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
}

.partner-index .col .name .en {
    text-transform: uppercase;
    font-size: .36rem;
    font-family: "Algerian";
    line-height: 1em
}

.partner-index .col .name h5 {
    font-weight: 400;
    font-size: .27rem;
    line-height: 1em;
    padding-top: .05rem
}

.partner {
    background: url(../image/img1149.jpg) center no-repeat;
    background-size: 11.49rem;
    height: 100vh;
    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
}

.partner .canvas {
    width: 5.5rem;
    height: 5.5rem
}

.tetra {
    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;
    height: 100vh
}

.tetra img {
    display: block;
    height: 100vh
}

.tetra video {
    display: block;
    height: 100vh
}

@media screen and (max-width: 800px) {
    .org .head .box,.org .list li a {
        height: 1.6rem;
        font-size: .22rem;
        padding-top: .1rem
    }

    .org .head .box:before,.org .list li a:before {
        width: .24rem;
        height: .2rem
    }

    .org .head .box .img,.org .list li a .img {
        width: .8rem;
        top: -0.4rem;
        margin-left: -0.4rem
    }

    .org .head .box .img img,.org .list li a .img img {
        height: .8rem
    }

    .org .head .box .name,.org .list li a .name {
        font-size: .26rem;
        line-height: .34rem
    }

    .org .head .box p,.org .list li a p {
        line-height: .34rem
    }

    .org .head .box .num div,.org .list li a .num div {
        height: .34rem;
        font-size: .2rem
    }

    .org .head {
        height: 2rem
    }

    .org .head .box {
        width: 3.5rem;
        left: -0.1rem
    }

    .org .line {
        height: .97rem;
        width: 7rem;
        font-size: .22rem
    }

    .org .list {
        width: 7rem;
        max-height: 50vh;
        overflow-y: auto;
        padding: .4rem 0
    }

    .org .list li {
        width: 50%
    }

    .org-show .wal {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 6.9rem
    }

    .org-show .container {
        width: 100%
    }

    .org-show .container .head .img {
        width: .86rem
    }

    .org-show .container .head .img img {
        height: .86rem
    }

    .org-show .container .head .name {
        padding-right: .24rem;
        font-size: .28rem
    }

    .org-show .container .head .name p {
        font-size: .22rem
    }

    .org-show .container .head a.btn,.org-show .container .head a.back {
        width: 1.4rem;
        height: .54rem;
        font-size: .22rem
    }

    .org-show .container .head a.back {
        width: .75rem;
        font-size: .24rem
    }

    .org-show .container .content {
        font-size: .24rem;
        line-height: 1.7em
    }

    .org-show .container .msg .col {
        width: 50%
    }

    .org-show .container .msg .col h3 {
        font-size: .26rem
    }

    .org-show .container .msg .col dl dd:before {
        top: .3rem
    }

    .org-show .container .msg .col dl dd .dot {
        top: .1rem
    }

    .org-show .container .msg .col dl dd .name {
        line-height: .4rem;
        font-size: .24rem
    }

    .org-show .container .msg .col dl dd p {
        font-size: .22rem
    }

    .org-show .container .msg .col .btn {
        height: .4rem
    }

    .org-show .container .msg .col .btn a {
        width: .28rem;
        height: .28rem
    }

    .org-show .container .list {
        padding: 0 .2rem 0 .35rem
    }

    .org-show .container .list .title {
        height: 1.3rem
    }

    .org-show .container .list .title h2 {
        font-size: .3rem
    }

    .org-show .container .list .title div {
        font-size: .22rem
    }

    .org-show .container .list .scroll {
        height: 3rem
    }

    .org-show .container .list .scroll li a .img {
        width: .7rem
    }

    .org-show .container .list .scroll li a .img img {
        height: .7rem
    }

    .org-show .container .list .scroll li a .name {
        font-size: .24rem
    }

    .org-show .container .list .scroll li a .name p {
        font-size: .22rem
    }

    .org-show .side {
        width: 3.2rem;
        display: none
    }

    .org-show .side .side-head {
        background: #f3f6fc;
        border-radius: .15rem;
        margin-bottom: .5rem;
        min-height: 3rem;
        padding: .2rem
    }

    .org-show .side .side-head .head {
        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
    }

    .org-show .side .side-head .head .img {
        width: .6rem;
        border-radius: .05rem;
        border: rgba(15,5,10,.2) solid 1px
    }

    .org-show .side .side-head .head .img img {
        height: .6rem
    }

    .org-show .side .side-head .head .name {
        padding-left: .2rem;
        font-size: .2rem;
        color: #4d4d4d;
        text-transform: uppercase
    }

    .org-show .side .side-head .list li {
        padding-top: .25rem
    }

    .org-show .side .side-head .list li .name {
        font-size: .16rem;
        color: rgba(77,77,77,.6)
    }

    .org-show .side .side-head .list li p {
        font-size: .2rem;
        color: #212121;
        padding-top: .05rem
    }

    .org-show .side .side-list {
        background: #f3f6fc;
        border-radius: .15rem;
        min-height: 3rem;
        padding: 0 .2rem
    }

    .org-show .side .side-list .title {
        line-height: .77rem;
        font-size: .2rem;
        color: #0f050a
    }

    .org-show .side .side-list .list li {
        padding-bottom: .2rem
    }

    .org-show .side .side-list .list a {
        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
    }

    .org-show .side .side-list .list a .img {
        width: .52rem;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-right: .15rem
    }

    .org-show .side .side-list .list a .img img {
        border-radius: 50%;
        height: .52rem
    }

    .org-show .side .side-list .list a .name {
        font-size: .16rem;
        color: #0f050a
    }

    .org-show .side .side-list .list a .name p {
        font-size: .14rem;
        opacity: .3;
        padding-top: .06rem
    }

    .training {
        -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
    }

    .training .container {
        width: 100%;
        padding-bottom: .6rem
    }

    .training .container .title h2 {
        font-size: .3rem
    }

    .training .container .content {
        font-size: .24rem;
        line-height: 1.75em
    }

    .training .canvas {
        width: 100%
    }

    .systematism ul {
        width: 7.5rem
    }

    .systematism ul.ul-1 li {
        height: 2.4rem;
        width: 2.3rem
    }

    .systematism ul.ul-1 li .bg-1,.systematism ul.ul-1 li .bg-2 {
        background-size: 2.3rem
    }

    .systematism ul.ul-1 li .name {
        background-size: 2.2rem
    }

    .systematism ul.ul-2 {
        width: 7.5rem
    }

    .systematism ul.ul-3 {
        width: 7.5rem
    }

    .pageMail {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .pageMail .canvas {
        width: 100%
    }

    .pageMail .list {
        width: 100%
    }

    .pageMail .list ul {
        margin-left: -0.3rem
    }

    .pageMail .list li {
        width: 33.333%;
        padding: .3rem 0 0 .3rem
    }

    .pageMail .list li .content {
        font-size: .18rem;
        line-height: 1.4em;
        padding-top: .2rem
    }

    .about .canvas {
        width: 14rem
    }

    .about .nav a {
        margin-top: 0;
        top: 2.5rem;
        font-size: .24rem
    }

    .companyIntroduction .canvas {
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        margin-top: -2rem
    }

    .companyIntroduction .container {
        width: 100%;
        margin-top: 1.5rem
    }

    .companyIntroduction .container .content {
        font-size: .24rem;
        line-height: 1.5em;
        height: 6em;
        overflow-y: auto
    }

    .companyIntroduction .container .arrow {
        padding-top: .3rem
    }

    .aboutNav {
        display: none
    }

    .aboutNav a {
        top: 1.5rem;
        margin-top: 0;
        width: 50%;
        font-size: .26rem
    }

    .aboutClass {
        -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-top: 4rem
    }

    .aboutClass .col {
        padding: 0 .4rem
    }

    .aboutClass .col .name {
        bottom: .4rem
    }

    .aboutClass .col-1 {
        left: 0;
        top: .4rem
    }

    .aboutClass .col-2 {
        right: 0
    }

    .video-layer .container {
        width: 7.5rem;
        position: relative
    }

    .sCase {
        -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
    }

    .sCase .container {
        width: 100%;
        padding: 0 .3rem
    }

    .sCase .container .logo img {
        height: 1.4rem
    }

    .sCase .container .content {
        min-height: 3rem;
        padding: .35rem 0;
        font-size: .24rem;
        line-height: 1.8em
    }

    .sCase .container .arrow {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        z-index: 5;
        left: 0;
        right: 0;
        bottom: 1.5rem
    }

    .sCase .container .arrow a {
        margin: 0 .35rem
    }

    .sCase .canvas {
        width: 100%;
        margin-top: -1.5rem
    }

    .partner-index {
        -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;
        width: 100%
    }

    .partner-index .col {
        position: relative
    }

    .partner-index .col-2 {
        top: -1rem
    }

    .awards h2 {
        font-size: .3rem;
        top: 80vh
    }

    .product li {
        width: 50%
    }

    .product-list li {
        width: 50%
    }

    .history-show .list li .container {
        width: 100%;
        padding-bottom: 0
    }

    .history-show .list li .container .content {
        font-size: .24rem;
        line-height: 1.6em
    }

    .history-show .list li .canvas {
        width: 100%;
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .history-show .list li.on {
        -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;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .history-show .arrow {
        top: auto;
        bottom: 1rem;
        width: 100%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .history-show .arrow a {
        margin: 0 .35rem
    }

    .case .list {
        width: 100%
    }

    .case .list-wrapper li {
        min-height: 6rem
    }

    .case .list-wrapper li dl {
        width: 1.9rem;
        height: 1.75rem
    }

    .case .list-wrapper li dl dd {
        width: 1.8rem;
        height: .7rem;
        font-size: .22rem
    }

    .case .layer {
        width: 7rem;
        margin-left: -3.5rem;
        padding: 0 .3rem .3rem
    }

    .case .layer.on {
        margin-left: -3.5rem
    }

    .case .layer .close em {
        font-size: .24rem
    }

    .case .layer h3 {
        font-size: .32rem;
        padding-right: .5rem
    }

    .case .layer dl.info dd {
        min-width: 50%;
        font-size: .24rem
    }

    .case .layer .scroll {
        height: 4.5rem
    }

    .case .layer .scroll h5 {
        font-size: .26rem;
        line-height: .46rem
    }

    .case .layer .scroll .content {
        font-size: .24rem;
        line-height: .4rem
    }

    .case .layer .foot .file {
        width: 2.5rem;
        height: .6rem;
        margin-right: .2rem;
        font-size: .24rem
    }

    .case .layer .foot .lzm {
        margin-right: .2rem;
        width: 1.6rem;
        height: .6rem
    }

    .case .layer .foot .input {
        margin-right: .2rem;
        width: 2.5rem;
        height: .6rem
    }

    .case .layer .foot .input input {
        height: .58rem;
        line-height: .58rem;
        font-size: .24rem;
        padding: 0 .2rem
    }

    .case .layer .foot .submit {
        width: 1.8rem;
        height: .6rem
    }

    .case .layer .foot .submit input {
        height: .6rem;
        font-size: .24rem
    }

    .case-show {
        -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
    }

    .case-show .side {
        width: 100%
    }

    .case-show .side .nav {
        height: 1.2rem;
        overflow-x: auto;
        overflow-y: hidden
    }

    .case-show .side .nav ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-left: -0.3rem
    }

    .case-show .side .nav li {
        padding: 0 0 0 .3rem;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .case-show .side .nav a {
        font-size: .24rem;
        line-height: .3rem;
        width: 2.7rem;
        height: 1rem
    }

    .case-show .side .nav a em {
        display: block;
        max-width: 96%
    }

    .case-show .container {
        width: 100%;
        padding-top: .5rem
    }

    .case-show .container .head {
        height: auto
    }

    .case-show .container .head h2 {
        font-size: .3rem
    }

    .case-show .container .head dl.info {
        height: auto;
        padding: .2rem 0;
        font-size: .24rem;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        line-height: 1.6em
    }

    .case-show .container .head dl.info dd {
        min-width: 50%;
        line-height: .4rem
    }

    .case-show .container .scroll {
        padding-right: .3rem
    }

    .case-show .container .scroll .name {
        font-size: .26rem;
        padding: .2rem 0 .16rem 0
    }

    .case-show .container .scroll .content {
        font-size: .24rem;
        line-height: 1.7em
    }

    .job .container .head dl.info dd {
        min-width: 50%
    }

    .job .container .head dl.info dd img {
        height: .24rem
    }

    .job .container .scroll {
        height: 3.2rem
    }

    .job .container .foot {
        height: 1.85rem;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: .2rem 0 .15rem 1.7rem;
        position: relative
    }

    .job .container .foot .name {
        font-size: .24rem;
        position: absolute;
        left: 0;
        top: .25rem;
        line-height: .6rem
    }

    .job .container .foot .file {
        width: 2.5rem;
        height: .6rem;
        margin-right: .2rem;
        font-size: .24rem
    }

    .job .container .foot .lzm {
        margin-right: .2rem;
        width: 1.6rem;
        height: .6rem
    }

    .job .container .foot .input {
        margin-right: .2rem;
        width: 2.5rem;
        height: .6rem
    }

    .job .container .foot .input input {
        height: .58rem;
        line-height: .58rem;
        font-size: .24rem;
        padding: 0 .2rem
    }

    .job .container .foot .submit {
        width: 1.8rem;
        height: .6rem
    }

    .job .container .foot .submit input {
        height: .6rem;
        font-size: .24rem
    }

    .job2.wal {
        margin: 0
    }

    .job2 .list li .name {
        height: .8rem;
        width: 2rem;
        margin: 0 auto;
        font-size: .22rem;
        line-height: .24rem
    }

    .job2 .list li .img {
        left: 0;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        margin: 0 auto
    }

    .job2 .layer {
        width: 7rem;
        margin-left: -3.5rem;
        padding: 0 .3rem
    }

    .job2 .layer.on {
        margin-left: -3.5rem
    }

    .job2 .layer .close em {
        font-size: .24rem
    }

    .job2 .layer h3 {
        font-size: .32rem
    }

    .job2 .layer dl.info dd {
        min-width: 50%;
        font-size: .24rem
    }

    .job2 .layer .scroll {
        height: 4.5rem
    }

    .job2 .layer .scroll h5 {
        font-size: .26rem;
        line-height: .46rem
    }

    .job2 .layer .scroll .content {
        font-size: .24rem;
        line-height: .4rem
    }

    .job2 .layer .foot .file {
        width: 2.5rem;
        height: .6rem;
        margin-right: .2rem;
        font-size: .24rem
    }

    .job2 .layer .foot .lzm {
        margin-right: .2rem;
        width: 1.6rem;
        height: .6rem
    }

    .job2 .layer .foot .input {
        margin-right: .2rem;
        width: 2.5rem;
        height: .6rem
    }

    .job2 .layer .foot .input input {
        height: .58rem;
        line-height: .58rem;
        font-size: .24rem;
        padding: 0 .2rem
    }

    .job2 .layer .foot .submit {
        width: 1.8rem;
        height: .6rem
    }

    .job2 .layer .foot .submit input {
        height: .6rem;
        font-size: .24rem
    }

    .contact .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
    }

    .contact .canvas {
        width: 4rem;
        margin-left: auto
    }

    .contact .container {
        width: 100%
    }

    .contact .container .list li .col .name {
        font-size: .26rem
    }

    .contact .container .list li .col p {
        font-size: .24rem;
        padding-top: .05rem
    }

    .contact .container .ewm {
        font-size: .24rem
    }

    .culture {
        width: 12rem;
        height: 12rem;
        margin-left: -6rem;
        bottom: 50%;
        margin-bottom: -3rem
    }

    .culture li {
        left: -0.5rem;
        right: .5rem;
        bottom: .15rem;
        font-size: .3rem;
        line-height: .4rem
    }

    .tetra img {
        height: 70vh
    }

    .tetra video {
        height: 70vh
    }
}

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