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

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

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

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

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

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

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

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

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

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

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

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

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

html {
    font-size: 100px
}

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

body.show {
    opacity: 1
}

a {
    color: #4d4d4d;
    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: #00ccbe;
    outline: none
}

li {
    list-style: outside none
}

h1 {
    font-size: 16px
}

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

h5 {
    font-size: 12px
}

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

em {
    font-style: normal
}

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

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

@font-face {
    font-family: "iconfont";
    src: url("../fonts/font_2640790_i0hduw50ts.woff2") format("woff2"), url("../fonts/font_2640790_i0hduw50ts.woff") format("woff"), url("../fonts/font_2640790_i0hduw50ts.ttf") format("truetype")
}

.iconfont {
    font-family: "iconfont"
}

@font-face {
    font-family: "Roboto-Regular";
    src: url(../fonts/roboto-regular.ttf) format("truetype");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "Roboto-Bold";
    src: url(../fonts/roboto-bold.ttf) format("truetype");
    font-weight: normal;
    font-style: normal
}

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

@font-face {
    font-family: "YaHeiLight";
    src: url("../image/Microsoft YaHei UI Light.ttf") format("truetype");
    font-weight: normal;
    font-style: normal
}

.g-head .head {
    position: fixed;
    z-index: 50;
    left: 0;
    top: 0;
    right: 0;
    padding: 0 .6rem;
    -webkit-transition: background-color .5s ease;
    transition: background-color .5s ease
}

.g-head .head:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    background: rgba(255, 255, 255, .2)
}

.g-head .wal {
    height: 1rem;
    position: relative;
    max-width: 100%
}

.g-head a.logo {
    display: block;
    position: absolute;
    z-index: 5;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1.84rem;
    background: url(../images/logo.png) center no-repeat;
    background-size: 100%
}

.g-head .language {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 1rem;
    color: rgba(255, 255, 255, .6)
}

.g-head .language ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.g-head .language li {
    position: relative;
    padding-left: .26rem
}

.g-head .language li:before {
    content: "";
    display: block;
    position: absolute;
    left: .13rem;
    top: 0;
    content: "|"
}

.g-head .language li:first-child:before {
    display: none
}

.g-head .language li a {
    color: #fff;
    font-size: .16rem
}

.g-head .language li a.on {
    font-weight: bold
}

.g-head .navA {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1rem;
    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;
    opacity: 0;
    visibility: hidden
}

.g-head .navA i {
    font-family: "iconfont";
    font-style: normal;
    font-size: .2rem
}

.g-head .g-nav {
    position: absolute;
    top: 0;
    right: 1.6rem;
    -webkit-transition: all .5s linear;
    transition: all .5s linear
}

.g-head .g-nav>ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.g-head .g-nav>ul>li {
    margin-left: .8rem
}

.g-head .g-nav>ul>li a.name {
    display: block;
    line-height: 1rem;
    font-size: .18rem;
    color: rgba(255, 255, 255, .7);
    position: relative
}

.g-head .g-nav>ul>li a.name:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: -1px;
    height: 2px;
    background: #fff
}

.g-head .g-nav>ul>li a.name.on {
    color: #fff
}

.g-head .g-nav>ul>li a.name.on:before {
    left: 0;
    right: 0
}

.g-head.on .head {
    background: #fff
}

.g-head.on .head:before {
    background: rgba(0, 0, 0, .1)
}

.g-head.on a.logo {
    background-image: url(../images/logo-color.png)
}

.g-head.on .language {
    color: #888
}

.g-head.on .language li a {
    color: #333
}

.g-head.on .g-nav>ul>li a.name {
    color: #333
}

.g-head.on .g-nav>ul>li a.name:before {
    background: #00ccbe
}

.g-head.on .g-nav>ul>li a.name:hover,
.g-head.on .g-nav>ul>li a.name.on {
    color: #00ccbe
}

.index-head .head:before {
    display: none
}

.index-head .language {
    display: none
}

.index-head .g-nav {
    right: 12.5vw
}

.g-nav-layer {
    position: fixed;
    z-index: 45;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000 url(../images/nav-bg.jpg) center no-repeat;
    background-size: cover;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.g-nav-layer .bg1 {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/nav-bg-1.jpg) center no-repeat;
    background-size: cover;
    opacity: 0;
    -webkit-transition: all .5s linear;
    transition: all .5s linear
}

.g-nav-layer .bg1.show {
    opacity: 1
}

.g-nav-layer .bg2 {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/nav-bg-2.jpg) center no-repeat;
    background-size: cover;
    opacity: 0;
    -webkit-transition: all .5s linear;
    transition: all .5s linear
}

.g-nav-layer .bg2.show {
    opacity: 1
}

.g-nav-layer .list {
    width: 38.5416666667vw;
    padding-left: 18.4375vw;
    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;
    position: relative
}

.g-nav-layer .list ul {
    width: 100%
}

.g-nav-layer .list li a.name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 1.3rem;
    color: #fff;
    font-size: .24rem;
    font-weight: bold;
    -webkit-transition-property: color;
    transition-property: color
}

.g-nav-layer .list li a.name .num {
    width: .67rem;
    position: relative;
    margin-right: .19rem;
    top: -0.06rem
}

.g-nav-layer .list li a.name .num img:nth-child(2) {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0
}

.g-nav-layer .list li .list-2,
.g-nav-layer .list li .list-3 {
    width: 28.125vw;
    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;
    border-left: rgba(255, 255, 255, .2) solid 1px;
    position: absolute;
    left: 100%;
    top: -100vh;
    opacity: 0;
    visibility: hidden
}

.g-nav-layer .list li .list-2 a,
.g-nav-layer .list li .list-3 a {
    display: block;
    padding-left: 6.4583333333vw;
    color: #fff;
    font-size: .2rem;
    line-height: .66rem;
    position: relative
}

.g-nav-layer .list li .list-2 a:before,
.g-nav-layer .list li .list-3 a:before {
    content: "";
    display: block;
    position: absolute;
    left: -2px;
    top: 50%;
    width: 3px;
    height: .2rem;
    background: #00ccbe;
    margin-top: -0.1rem;
    opacity: 0
}

.g-nav-layer .list li .list-2 li:hover>a,
.g-nav-layer .list li .list-3 li:hover>a {
    color: #00ccbe
}

.g-nav-layer .list li .list-2 li:hover>a:before,
.g-nav-layer .list li .list-3 li:hover>a:before {
    opacity: 1
}

.g-nav-layer .list li .list-2 li:hover .list-3 {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .5s ease .1s;
    transition: opacity .5s ease .1s;
    top: 0
}

.g-nav-layer .list li:hover a.name {
    color: #00ccbe
}

.g-nav-layer .list li:hover a.name .num img:nth-child(1) {
    opacity: 0
}

.g-nav-layer .list li:hover a.name .num img:nth-child(2) {
    opacity: 1
}

.g-nav-layer .list li:hover .list-2 {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .5s ease .1s;
    transition: opacity .5s ease .1s;
    top: 0
}

body.navShow .g-head .g-nav {
    opacity: 0;
    visibility: hidden
}

body.navShow .index-side .btn {
    top: 100%;
    margin-top: -1rem
}

body.navShow .index-side .btn:before {
    opacity: 1
}

body.navShow .index-side .btn div {
    opacity: 0
}

body.navShow .index-side .dots {
    opacity: 0;
    visibility: hidden
}

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

.phone-show {
    display: none
}

@media screen and (min-width: 800px) {
    .g-head .g-nav>ul>li:hover a.name {
        color: #fff
    }

    .g-head .g-nav>ul>li:hover a.name:before {
        left: 0;
        right: 0
    }

    .g-head .g-nav>ul>li:hover .list1 {
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity .5s ease .1s;
        transition: opacity .5s ease .1s
    }

    .g-head .g-nav li {
        position: relative
    }

    .g-head .g-nav .list1 {
        position: absolute;
        left: 50%;
        top: 100%;
        width: 2rem;
        margin-left: -1rem;
        background: rgba(0, 0, 0, .7);
        border-top: #fff solid 2px;
        margin-top: -1px;
        padding: .06rem 0;
        opacity: 0;
        visibility: hidden
    }

    .g-head .g-nav .list1 li:hover>a {
        background: #00ccbe;
        color: #fff !important
    }

    .g-head .g-nav .list1 li:hover .list2 {
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity .5s linear .1s;
        transition: opacity .5s linear .1s
    }

    .g-head .g-nav .list1 a {
        display: block;
        text-align: center;
        font-size: .16rem;
        line-height: .24rem;
        padding: .1rem;
        color: #fff
    }

    .g-head .g-nav .list1 a:hover {
        background: #00ccbe;
        color: #fff !important
    }

    .g-head .g-nav .list1 .list2 {
        position: absolute;
        left: 100%;
        top: 0;
        width: 1rem;
        background: rgba(0, 0, 0, .7);
        margin-left: 1px;
        opacity: 0;
        visibility: hidden
    }

    .g-head .g-nav .list1 .list2:before {
        content: "";
        display: block;
        position: absolute;
        left: -1px;
        top: 0;
        bottom: 0;
        width: 1px;
        background: rgba(255, 255, 255, .15)
    }

    .index-head .g-nav>ul>li:hover a.name {
        color: #fff
    }

    .g-head.on .g-nav>ul>li:hover a.name {
        color: #00ccbe
    }

    .g-head.on .g-nav .list1 {
        border-color: #00ccbe;
        background: rgba(255, 255, 255, .8);
        box-shadow: 0 0 .1rem rgba(0, 0, 0, .1)
    }

    .g-head.on .g-nav .list1 a {
        color: #333
    }

    .g-head.on .g-nav .list1 .list2 {
        background: rgba(255, 255, 255, .8);
        box-shadow: 0 0 .1rem rgba(0, 0, 0, .1)
    }
}

.g-foot {
    background: #fafafa;
    padding: .55rem .6rem;
    position: relative;
    z-index: 2
}

.g-foot .wal {
    max-width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -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
}

.g-foot .logo {
    width: 1.84rem
}

.g-foot .nav ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.g-foot .nav li {
    margin-left: .5rem
}

.g-foot .nav a {
    display: block;
    font-size: .16rem;
    color: #212121;
    position: relative
}

.g-foot .nav a:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    right: 50%;
    height: 1px;
    background: #00ccbe
}

.g-foot .nav a:hover {
    color: #00ccbe
}

.g-foot .nav a:hover:before {
    left: -0.1rem;
    right: -0.1rem
}

.g-foot .list {
    width: 80%;
    padding: .6rem 0 0 0;
    position: relative;
    left: 11.4583333333vw;
    min-height: 2.35rem
}

.g-foot .list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.g-foot .list li {
    margin-right: .6rem;
    position: relative
}

.g-foot .list li .num {
    padding: 0 0 .1rem .35rem
}

.g-foot .list li .num img {
    height: .46rem
}

.g-foot .list li h3 {
    font-size: .18rem;
    color: #212121;
    position: absolute;
    left: 0;
    top: .3rem;
    line-height: 1em
}

.g-foot .list li p {
    font-size: .14rem;
    line-height: .24rem;
    position: relative;
    color: gray;
    padding-left: .21rem
}

.g-foot .list li p img {
    width: .14rem;
    position: absolute;
    left: 0;
    top: .05rem
}

.g-foot .ewm {
    width: .99rem
}

.g-foot .msg {
    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: .14rem;
    color: #666
}

.g-foot .msg p {
    padding-right: 1em
}

.g-foot .msg .links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 1em
}

.g-foot .msg .links ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.g-foot .msg .links li {
    padding-right: 1em
}

.g-foot .msg .links a {
    color: #666
}

.g-foot .msg .links a:hover {
    color: #00ccbe
}

a.topA {
    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: .13rem;
    color: #7f7f7f;
    position: fixed;
    z-index: 20;
    right: .6rem;
    bottom: .6rem;
    opacity: 0;
    visibility: hidden
}

a.topA img {
    width: .36rem;
    margin-left: .12rem
}

a.topA.show {
    opacity: 1;
    visibility: visible
}

@-webkit-keyframes rotateAnima {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotateAnima {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

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

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

    .phone-show {
        display: block
    }

    .pc-show {
        display: none
    }

    body.navShow {
        overflow: hidden
    }

    body.navShow .g-head .head {
        background: #fff
    }

    body.navShow .g-head a.logo {
        background-image: url(../images/logo-color.png)
    }

    body.navShow .g-head .language {
        color: #999
    }

    body.navShow .g-head .language a {
        color: #333
    }

    body.navShow .g-head a.navA {
        color: #000
    }

    body.navShow .g-head a.navA i:nth-child(1) {
        display: none
    }

    body.navShow .g-head a.navA i:nth-child(2) {
        display: block
    }

    body.navShow .g-head .g-nav {
        right: 0;
        left: 0;
        opacity: 1;
        visibility: visible
    }

    body.navShow .g-nav-layer {
        opacity: 0;
        visibility: hidden
    }

    .g-head .head {
        padding: 0
    }

    .g-head .language {
        right: 1rem
    }

    .g-head .language li {
        padding-left: .4rem
    }

    .g-head .language li:before {
        left: .2rem
    }

    .g-head .language li a {
        font-size: .26rem
    }

    .g-head .navA {
        right: -0.3rem;
        opacity: 1;
        visibility: visible;
        color: #fff
    }

    .g-head .navA i {
        font-family: "iconfont";
        font-style: normal;
        font-size: .3rem
    }

    .g-head .navA i:nth-child(2) {
        display: none
    }

    .g-head .g-nav {
        position: fixed;
        bottom: 0;
        right: -100%;
        left: 100%;
        top: 1rem;
        margin-top: -1px;
        overflow-y: auto;
        background: #fff;
        border-top: #eee solid 1px;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
        padding: 0 .35rem
    }

    .g-head .g-nav>ul {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .g-head .g-nav>ul>li {
        margin-left: 0;
        width: 100%;
        border-bottom: #eee solid 1px
    }

    .g-head .g-nav>ul>li a.name {
        line-height: 1rem;
        font-size: .3rem;
        color: #000
    }

    .g-head .g-nav>ul>li a.name:before {
        display: none
    }

    .g-head .g-nav>ul>li a.name.on {
        color: #00ccbe
    }

    .g-head .g-nav>ul>li.s-nav-li {
        position: relative
    }

    .g-head .g-nav>ul>li.s-nav-li .arrow1 {
        position: absolute;
        top: 0;
        right: -0.3rem;
        height: 1rem;
        width: 1rem;
        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-family: "iconfont";
        -webkit-transform: scale(0.8) rotate(-90deg);
        -ms-transform: scale(0.8) rotate(-90deg);
        transform: scale(0.8) rotate(-90deg);
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
        font-size: .3rem
    }

    .g-head .g-nav>ul>li.s-nav-li.open .arrow1 {
        -webkit-transform: scale(0.8) rotate(0deg);
        -ms-transform: scale(0.8) rotate(0deg);
        transform: scale(0.8) rotate(0deg);
        color: #00ccbe
    }

    .g-head .g-nav .list1 {
        border-top: #eee solid 1px;
        padding: .2rem 0;
        display: none
    }

    .g-head .g-nav .list1 ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -0.3rem
    }

    .g-head .g-nav .list1 li {
        width: 45%;
        position: relative;
        padding-right: .3rem
    }

    .g-head .g-nav .list1 li:nth-child(even) {
        width: 55%
    }

    .g-head .g-nav .list1 li a {
        display: block;
        line-height: .6rem;
        font-size: .26rem
    }

    .g-head .g-nav .list1 li.s-nav-li2>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
    }

    .g-head .g-nav .list1 li.s-nav-li2>a .arrow2 {
        font-family: "iconfont";
        -webkit-transform: scale(0.4) rotate(-90deg);
        -ms-transform: scale(0.4) rotate(-90deg);
        transform: scale(0.4) rotate(-90deg);
        opacity: .6
    }

    .g-head .g-nav .list1 li.s-nav-li2.open>a .arrow2 {
        -webkit-transform: scale(0.4) rotate(0deg);
        -ms-transform: scale(0.4) rotate(0deg);
        transform: scale(0.4) rotate(0deg)
    }

    .g-head .g-nav .list1 li .list2 {
        display: none;
        border: #eee solid 1px;
        padding: .15rem 0 .15rem .2rem;
        border-radius: .04rem;
        box-shadow: 0 0 .1rem rgba(0, 0, 0, .1)
    }

    .g-head .g-nav .list1 li .list2 a {
        font-size: .24rem;
        line-height: .52rem
    }

    .g-head.on .navA {
        color: #000
    }

    .index-head .navA {
        display: none
    }

    .g-foot {
        padding: .55rem 0
    }

    .g-foot .wal {
        position: relative
    }

    .g-foot .nav {
        width: 100%;
        padding: .5rem 0
    }

    .g-foot .nav ul {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .g-foot .nav li {
        margin-left: 0
    }

    .g-foot .nav a {
        font-size: .26rem
    }

    .g-foot .nav a:before {
        display: none
    }

    .g-foot .list {
        width: 100%;
        padding: 0;
        left: 0
    }

    .g-foot .list ul {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .g-foot .list li {
        margin-right: 0;
        width: 100%;
        padding-bottom: .3rem
    }

    .g-foot .list li .num {
        padding: 0 0 .3rem .65rem
    }

    .g-foot .list li .num img {
        height: .46rem
    }

    .g-foot .list li h3 {
        font-size: .28rem
    }

    .g-foot .list li p {
        font-size: .24rem;
        line-height: .44rem;
        padding-left: .3rem
    }

    .g-foot .list li p img {
        width: .2rem;
        top: .12rem
    }

    .g-foot .ewm {
        width: 1.2rem;
        position: absolute;
        top: 2rem;
        right: 0
    }

    .g-foot .msg {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        font-size: .24rem;
        line-height: 1.8em
    }

    .g-foot .msg .links {
        padding: 0;
        width: 100%
    }

    a.topA {
        font-size: .22rem;
        right: .3rem
    }

    a.topA em {
        display: none
    }

    a.topA img {
        width: .42rem
    }
}

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

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

.ellipsis,
.index-news .list li a .bd h5 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.index-bg {
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #000
}

.index-bg .bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: center no-repeat;
    background-size: cover;
    opacity: 0
}

.index-bg .bg .video-bg {
    background: url(../images/video-bg.png) center no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.index-bg .bg video {
    display: block;
    width: 100%;
    height: 100vh;
    -o-object-fit: cover;
    object-fit: cover
}

.index-bg .bg .phone-show {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: center no-repeat;
    background-size: cover
}

#index {
    height: 100vh;
    overflow: hidden;
    position: relative;
    z-index: 2
}

.index-slide {
    height: 100vh;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.index-side {
    position: fixed;
    z-index: 55;
    top: 0;
    right: 0;
    bottom: 0;
    width: 1rem
}

.index-side .line {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background: rgba(255, 255, 255, .2)
}

.index-side .language-line {
    width: 3px;
    height: 0;
    margin-top: .21rem;
    position: absolute;
    left: -1px;
    top: 0;
    background: #fff
}

.index-side .language {
    position: absolute;
    left: 0;
    top: .21rem;
    right: 0
}

.index-side .language li {
    position: relative
}

.index-side .language li:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: .16rem;
    height: 1px;
    margin-left: -0.08rem;
    background: rgba(255, 255, 255, .4)
}

.index-side .language li:last-child:after {
    display: none
}

.index-side .language a {
    display: block;
    line-height: .57rem;
    text-align: center;
    color: #fff;
    opacity: .6;
    font-size: .14rem
}

.index-side .language a:hover,
.index-side .language a.on {
    opacity: 1
}

.index-side .btn {
    position: absolute;
    z-index: 5;
    left: 0;
    top: 50%;
    right: 0;
    height: 1rem;
    background: #00ccbe;
    margin-top: -0.5rem;
    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;
    cursor: pointer;
    -webkit-transition-property: top, margin-top;
    transition-property: top, margin-top;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear
}

.index-side .btn:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/close.svg) center no-repeat;
    background-size: .18rem;
    opacity: 0
}

.index-side .btn div {
    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;
    width: .22rem;
    height: .14rem;
    -webkit-transition: opacity .5s linear;
    transition: opacity .5s linear
}

.index-side .btn div i {
    display: block;
    height: 1px;
    width: 100%;
    background: #fff;
    -webkit-transition: width .5s ease;
    transition: width .5s ease
}

.index-side .btn div i:nth-child(1) {
    width: 70%
}

.index-side .btn div i:nth-child(2) {
    width: 85%
}

.index-side .btn:hover div i:nth-child(1) {
    width: 100%
}

.index-side .btn:hover div i:nth-child(3) {
    width: 70%
}

.index-side .dots {
    position: absolute;
    right: .4rem;
    bottom: .4rem;
    width: .2rem;
    -webkit-transition: all .5s linear;
    transition: all .5s linear
}

.index-side .dots .dot {
    height: .4rem;
    position: relative
}

.index-side .dots .dot:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 4px;
    height: 4px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: #fff
}

.index-side .dots .dot span {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: .2rem;
    height: .2rem;
    margin-left: -0.1rem;
    margin-top: -0.1rem;
    background: url(../fonts/calc(100%25 - .1rem);
    height: calc(100% - .08rem)
}

.index-title {
    position: relative;
    padding-bottom: .7rem
}

.index-title img {
    height: .82rem
}

.index-title h2 {
    position: absolute;
    left: 0;
    top: .5rem;
    font-size: .48rem;
    line-height: 1em
}

.index-banner .wal {
    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;
    color: #fff
}

.index-banner .list {
    width: 6.73rem;
    position: relative;
    left: 1.77rem
}

.index-banner div.title {
    font-size: .36rem;
    font-family: "YaHeiLight";
    line-height: 1em;
    padding: .5rem 0 .25rem 0
}

.index-banner h2.title {
    font-size: .6rem;
    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
}

.index-banner h2.title em {
    background: -webkit-linear-gradient(top, #ffe99d, #f1c07d);
    background: linear-gradient(to bottom, #ffe99d, #f1c07d);
    -webkit-background-clip: text;
    color: transparent
}

.index-banner .dot {
    padding: .55rem 0 0 0
}

.index-banner .dot div {
    width: .38rem;
    height: .2rem;
    position: relative
}

.index-banner .dot div i {
    display: block;
    border-radius: 50%;
    width: .2rem;
    height: .2rem;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff
}

.index-banner .dot div i.i-2 {
    background: #00ccbe;
    left: .18rem
}

.index-banner .en {
    font-size: .16rem;
    color: rgba(255, 255, 255, .6);
    font-family: "Roboto-Regular";
    display: none
}

.index-about .wal {
    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
}

.index-about h2 {
    width: 4.55rem
}

.index-about h3 {
    width: 6.17rem;
    padding-top: .32rem
}

.index-about .content {
    width: 6.99rem;
    font-size: .2rem;
    line-height: 2em;
    text-align: justify;
    padding: .5rem 0 .6rem 0;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.index-program {
    color: #fff
}

.index-program:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 1px;
    background: rgba(255, 255, 255, .3)
}

.index-program h2.title {
    position: absolute;
    left: 0;
    top: 1.4rem;
    right: 0;
    text-align: center;
    font-size: .6rem;
    line-height: 1em;
    opacity: .7;
    -webkit-transition: opacity .5s linear;
    transition: opacity .5s linear
}

.index-program .list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.index-program .list li {
    width: 50%;
    position: relative
}

.index-program .list li .bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: center no-repeat;
    background-size: cover;
    opacity: 0;
    -webkit-transition: opacity .5s linear;
    transition: opacity .5s linear
}

.index-program .list li .container {
    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;
    position: relative;
    text-align: center
}

.index-program .list li .container .num {
    position: relative;
    width: 1.3rem
}

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

.index-program .list li .container h3 {
    opacity: .7;
    font-size: .48rem;
    line-height: 1em;
    padding-top: .3rem;
    position: relative;
    z-index: 2;
    top: 0;
    -webkit-transition: all .5s linear;
    transition: all .5s linear
}

.index-program .list li .container .bd {
    width: 5.4rem;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
    height: 0;
    opacity: 0
}

.index-program .list li .container .bd .content {
    font-size: .2rem;
    line-height: 2em;
    padding: .4rem 0
}

.index-program .list li .container .bd .p-more {
    margin: 0 auto
}

.index-program .list li.on .bg {
    opacity: 1
}

.index-program .list li.on .container .num img:nth-child(1) {
    opacity: 0
}

.index-program .list li.on .container .num img:nth-child(2) {
    opacity: 1
}

.index-program .list li.on .container h3 {
    padding-top: 0;
    top: -0.25rem
}

.index-program .list li.on .container .bd {
    opacity: 1;
    height: 2.5rem
}

.index-program.on:before,
.index-program.on h2.title {
    opacity: 0
}

.index-news {
    color: #fff
}

.index-news .wal {
    height: 100vh;
    position: relative
}

.index-news .index-title {
    position: absolute;
    z-index: 5;
    left: 0;
    top: 50%;
    margin-top: 1.06rem
}

.index-news .list {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.index-news .list:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    right: -5rem;
    height: 1px;
    background: rgba(255, 255, 255, .2)
}

.index-news .list li a {
    opacity: 0;
    visibility: hidden;
    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;
    color: #fff
}

.index-news .list li a .zoomImg {
    width: 4rem;
    border-radius: .1rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.index-news .list li a .zoomImg img {
    width: 100%;
    height: 2rem
}

.index-news .list li a .num {
    font-size: 1.2rem;
    opacity: .1;
    font-family: "Roboto-Regular";
    position: absolute;
    top: 50%;
    right: 1.2rem;
    line-height: 2rem;
    margin-top: -1rem
}

.index-news .list li a .bd {
    width: 3.36rem;
    margin-left: .29rem;
    position: relative;
    z-index: 2
}

.index-news .list li a .bd h5 {
    font-size: .22rem;
    font-weight: 400;
    margin-bottom: .15rem;
    height: 1.5em;
    line-height: 1.5em
}

.index-news .list li a .bd p {
    font-size: .14rem;
    line-height: 2em;
    height: 6em;
    overflow: hidden;
    opacity: .8;
    text-overflow: ellipsis;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    word-break: break-all
}

.index-news .list li a .tag {
    position: absolute;
    z-index: 5;
    left: -0.3rem;
    bottom: .33rem;
    line-height: .2rem;
    background: rgba(255, 255, 255, .9);
    border-radius: .05rem;
    color: #00ccbe;
    padding: 0 .12rem;
    font-size: .12rem
}

.index-news .list li a:hover {
    color: #00ccbe
}

.index-news .list li.swiper-slide-active a,
.index-news .list li.swiper-slide-next a {
    opacity: 1;
    visibility: visible
}

.index-news .list .list-1 {
    width: 18.9rem;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2.55rem
}

.index-news .list .list-1 li a:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -0.56rem;
    right: .76rem;
    height: 1px;
    background: #00ccbe;
    opacity: 0
}

.index-news .list .list-1 li a .time {
    position: absolute;
    z-index: 5;
    left: 0;
    top: 2.44rem;
    width: 4rem;
    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;
    background: url(../images/img24.png) center top no-repeat;
    background-size: .24rem;
    font-family: "Roboto-Regular";
    font-size: .12rem;
    line-height: 1em;
    padding-top: .4rem
}

.index-news .list .list-1 li a .time em {
    font-size: .22rem
}

.index-news .list .list-1 li a .time span {
    position: relative;
    padding-left: .1rem;
    top: .02rem
}

.index-news .list .list-1 li a .time span:before {
    display: block;
    content: "/";
    left: .02rem;
    top: 0;
    position: absolute
}

.index-news .list .list-1 li.swiper-slide-next {
    opacity: .8
}

.index-news .list .list-1 li.swiper-slide-active a:before {
    opacity: 1
}

.index-news .list .list-1 li.swiper-slide-active a .time {
    background-image: url(../images/img24on.png);
    color: #00ccbe
}

.index-news .list .list-2 {
    width: 18.9rem;
    position: absolute;
    left: 4.73rem;
    top: 50%;
    margin-top: .55rem
}

.index-news .list .list-2 li a .time {
    position: absolute;
    z-index: 5;
    left: 0;
    top: -0.92rem;
    width: 4rem;
    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;
    background: url(../images/img24.png) center bottom no-repeat;
    background-size: .24rem;
    font-family: "Roboto-Regular";
    font-size: .12rem;
    line-height: 1em;
    height: .5rem
}

.index-news .list .list-2 li a .time em {
    font-size: .22rem
}

.index-news .list .list-2 li a .time span {
    position: relative;
    padding-left: .1rem;
    top: .02rem
}

.index-news .list .list-2 li a .time span:before {
    display: block;
    content: "/";
    left: .02rem;
    top: 0;
    position: absolute
}

.index-news .list .list-2 li.swiper-slide-next {
    opacity: .4
}

.index-news .list .list-2 li.swiper-slide-active a .time {
    background-image: url(../images/img24on.png);
    color: #00ccbe
}

.index-news .arrow {
    position: absolute;
    z-index: 5;
    left: 2rem;
    top: 50%;
    margin-top: 2.94rem;
    width: 1.7rem;
    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
}

.index-news .arrow 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;
    width: .36rem;
    height: .36rem;
    border-radius: 50%;
    color: #fff;
    font-size: .18rem;
    font-family: "iconfont"
}

.index-news .arrow a:hover {
    background: #00ccbe
}

.index-news .arrow .num {
    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: .14rem;
    color: rgba(255, 255, 255, .7);
    font-family: "Roboto-Regular"
}

.index-news .arrow .num .num-curr {
    font-size: .22rem;
    color: #00ccbe;
    line-height: 1em;
    position: relative;
    top: -0.02rem
}

.index-news .arrow .num span {
    padding: 0 .06rem 0 .03rem
}

.index-contact {
    color: #fff
}

.index-contact .wal {
    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;
    padding-top: 1rem
}

.index-contact .name {
    font-size: .28rem;
    line-height: 1em
}

.index-contact .list {
    padding: .2rem 0 .4rem 0
}

.index-contact .list li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: .46rem;
    font-size: .16rem
}

.index-contact .list li .ico {
    width: .22rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: .08rem
}

@media screen and (max-width: 800px) {
    .p-more {
        width: 2.2rem;
        height: .76rem;
        font-size: .26rem
    }

    .index-side .language-line {
        margin-top: .3rem
    }

    .index-side .language a {
        line-height: .9rem;
        font-size: .24rem
    }

    .index-side .btn:before {
        background-size: .26rem
    }

    .index-side .btn div {
        width: .32rem;
        height: .24rem
    }

    .index-side .btn:hover div i:nth-child(1) {
        width: 100%
    }

    .index-side .btn:hover div i:nth-child(3) {
        width: 70%
    }

    .index-scroll {
        left: .1rem
    }

    .index-banner .list {
        width: 6rem;
        left: 0
    }

    .index-banner div.title {
        font-size: .36rem;
        width: 5.2rem;
        line-height: 1.5em
    }

    .index-banner h2.title {
        font-size: .6rem;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        line-height: 1.3em
    }

    .index-banner .en {
        font-size: .22rem
    }

    .index-about .content {
        width: 6rem;
        font-size: .26rem
    }

    .index-program {
        padding-right: 1rem
    }

    .index-program:before {
        left: 50%;
        margin-left: -0.5rem
    }

    .index-program h2.title {
        top: 1.4rem;
        right: 1rem;
        font-size: .46rem;
        line-height: 1.5em;
        padding: 0 .5rem
    }

    .index-program .list li .container h3 {
        font-size: .44rem;
        padding-top: .3rem;
        position: relative;
        z-index: 2;
        top: 0;
        -webkit-transition: all .5s linear;
        transition: all .5s linear
    }

    .index-program .list li .container .bd {
        width: 2.9rem
    }

    .index-program .list li .container .bd .content {
        font-size: .22rem;
        line-height: 1.7em;
        padding: .24rem 0
    }

    .index-news .index-title {
        margin-top: 1.06rem
    }

    .index-news .list li a .zoomImg {
        width: 3rem
    }

    .index-news .list li a .zoomImg img {
        height: 2rem
    }

    .index-news .list li a .num {
        right: 1.2rem
    }

    .index-news .list li a .bd {
        width: 2.9rem;
        margin-left: .25rem
    }

    .index-news .list li a .bd h5 {
        font-size: .28rem
    }

    .index-news .list li a .bd p {
        font-size: .22rem;
        line-height: 1.7em;
        height: 3.4em;
        overflow: hidden;
        -webkit-line-clamp: 2
    }

    .index-news .list li a .tag {
        left: -0.2rem;
        line-height: .4rem;
        font-size: .2rem
    }

    .index-news .list .list-1 {
        width: 16rem;
        margin-top: -2.55rem
    }

    .index-news .list .list-1 li a .time {
        width: 3rem;
        font-size: .24rem
    }

    .index-news .list .list-1 li a .time em {
        font-size: .32rem
    }

    .index-news .list .list-2 {
        width: 16rem;
        margin-top: .55rem;
        left: 3.2rem
    }

    .index-news .list .list-2 li a .time {
        width: 3rem;
        font-size: .24rem
    }

    .index-news .list .list-2 li a .time em {
        font-size: .32rem
    }

    .index-news .list .list-2 li a .num {
        right: 4rem
    }

    .index-news .list .list-2 li a .bd {
        opacity: 0
    }

    .index-news .arrow {
        left: .8rem;
        margin-top: 3.2rem;
        width: 2.2rem
    }

    .index-news .arrow a {
        width: .48rem;
        height: .48rem;
        font-size: .24rem
    }

    .index-news .arrow .num {
        font-size: .24rem
    }

    .index-news .arrow .num .num-curr {
        font-size: .32rem
    }

    .index-contact .name {
        font-size: .32rem
    }

    .index-contact .list li {
        height: .66rem;
        font-size: .24rem
    }

    .index-contact .list li .ico {
        width: .28rem
    }
}

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

.p-banner {
    background: center no-repeat;
    background-size: cover;
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 5
}

.p-banner .list {
    width: 100%;
    overflow: hidden;
    position: relative
}

.p-banner .list li {
    background: center no-repeat;
    background-size: cover
}

.p-banner .list li a {
    display: block;
    height: calc(100vh - .7rem)
}

.p-banner .wal {
    height: calc(100vh - .7rem);
    position: relative
}

.p-banner .title {
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 1rem
}

.p-banner .title h2 {
    font-size: .6rem;
    line-height: 1em
}

.p-banner .title p {
    font-size: .26rem;
    padding-top: .3rem
}

.p-banner .index-scroll {
    position: absolute;
    left: auto;
    right: .6rem;
    height: 1.9rem;
    display: none
}

.page-banner2 .wal {
    height: 4.88rem
}

.page-banner2 .title {
    bottom: .55rem
}

.page-banner2 .title p {
    line-height: .4rem
}

.particle-network-animation {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

#app {
    position: relative;
    min-height: 50vh;
    z-index: 5
}

.p-curr {
    border-bottom: #e5e5e5 solid 1px;
    position: relative;
    z-index: 5
}

.p-curr .wal {
    height: .7rem;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.p-curr .home,
.p-curr .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;
    height: .7rem;
    width: .7rem;
    font-family: "iconfont";
    border-left: #e5e5e5 solid 1px;
    border-right: #e5e5e5 solid 1px;
    color: #666;
    font-size: .2rem
}

.p-curr .home:hover,
.p-curr .back:hover {
    color: #00ccbe
}

.p-curr .back {
    position: absolute;
    top: 0;
    right: 0
}

.p-curr .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.p-curr .list .item {
    position: relative;
    -webkit-transition: background-color .5s linear;
    transition: background-color .5s linear
}

.p-curr .list .item .name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-right: #e5e5e5 solid 1px;
    height: .7rem;
    font-size: .16rem;
    padding: 0 .25rem 0 .3rem;
    width: 2.8rem
}

.p-curr .list .item .name:after {
    display: block;
    font-family: "iconfont";
    content: "";
    color: #999;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8)
}

.p-curr .list .item ul {
    position: absolute;
    left: 0;
    top: 100%;
    right: 0;
    background: #fff;
    padding: .15rem 0;
    border: #e5e5e5 solid 1px;
    border-top: 0;
    opacity: 0;
    visibility: hidden
}

.p-curr .list .item ul a {
    display: block;
    font-size: .14rem;
    line-height: .32rem;
    padding: 0 .25rem
}

.p-curr .list .item:hover {
    background: #fff
}

.p-curr .list .item:hover ul {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease
}

.page-num-name {
    text-align: right
}

.page-num-name em {
    font-family: "Roboto-Bold";
    font-size: .38rem;
    line-height: .6rem;
    display: block
}

.page-num-name div {
    font-size: .16rem;
    line-height: .22rem;
    opacity: .4;
    font-family: "Roboto-Regular";
    padding-top: .1rem;
    display: none
}

.p-title {
    padding: 1.24rem 0 .65rem 0
}

.p-title h2 {
    font-size: .6rem;
    line-height: 1em;
    color: #3b4048;
    letter-spacing: .03rem
}

.p-title .en {
    text-transform: uppercase;
    font-size: .2rem;
    line-height: 1em;
    padding-top: .3rem;
    color: #000;
    font-family: "SourceHanSerifCN-Regular";
    display: none
}

.consultation-1 {
    min-height: 8.95rem;
    position: relative;
    padding-bottom: 1rem
}

.consultation-1 .page-num-name {
    position: absolute;
    top: 1.2rem;
    right: 0
}

.consultation-1 .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-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
}

.consultation-1 .col {
    width: 7.01rem
}

.consultation-1 .col .logo {
    width: 2.79rem
}

.consultation-1 .col .name {
    width: 6.15rem;
    font-size: .28rem;
    line-height: .4rem;
    padding: .3rem 0 .28rem 0
}

.consultation-1 .col .content {
    font-size: .2rem;
    line-height: 1.8em;
    text-align: justify
}

.consultation-1 .img {
    width: 7.37rem
}

.consultation-2 {
    background: url(../images/consultation-2.jpg) center no-repeat;
    background-size: cover;
    width: 100%;
    overflow: hidden;
    position: relative
}

.consultation-2 .wal {
    min-height: 10.4rem;
    padding: .8rem 0
}

.consultation-2 .list {
    width: 7.18rem;
    margin-left: auto
}

.consultation-2 .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: .48rem 0;
    position: relative
}

.consultation-2 .list li:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 19.2rem;
    height: 1px;
    background: rgba(255, 255, 255, .3)
}

.consultation-2 .list li .ico {
    width: .7rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: .25rem
}

.consultation-2 .list li p {
    font-size: .22rem;
    line-height: .36rem;
    color: #fff;
    font-family: "YaHeiLight"
}

.consultation-2 .list li:hover .ico img {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.consultation-3 {
    position: relative
}

.consultation-3 .page-num-name {
    position: absolute;
    top: 1.2rem;
    right: 0
}

.consultation-3 .list {
    padding-bottom: 1.6rem
}

.consultation-3 .list li {
    position: relative;
    padding-bottom: 1.1rem
}

.consultation-3 .list li:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: .55rem;
    border-top: rgba(13, 4, 8, .2) dashed 1px
}

.consultation-3 .list li:last-child {
    padding-bottom: 0
}

.consultation-3 .list li:last-child:after {
    display: none
}

.consultation-3 .list 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;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.consultation-3 .list li a .zoomImg {
    width: 6rem
}

.consultation-3 .list li a .zoomImg .url {
    position: absolute;
    z-index: 5;
    left: .1rem;
    top: .1rem;
    right: .1rem;
    bottom: .1rem;
    background: rgba(255, 255, 255, .9);
    font-size: .15rem;
    color: #00ccbe;
    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;
    opacity: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.consultation-3 .list li a .col {
    width: 8.3rem
}

.consultation-3 .list li a .col .name {
    font-size: .24rem;
    line-height: .36rem;
    margin-bottom: .3rem
}

.consultation-3 .list li a .col p {
    font-size: .16rem;
    line-height: .26rem;
    color: gray;
    max-width: 7.53rem;
    margin-bottom: .45rem
}

.consultation-3 .list li a .col .time {
    border-top: rgba(0, 0, 0, .15) solid 1px;
    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;
    padding-top: .4rem;
    font-size: .16rem;
    color: rgba(33, 33, 33, .6)
}

.consultation-3 .list li a .col .time em {
    background: url(../images/img14.png) left center no-repeat;
    background-size: .14rem;
    padding-left: .24rem
}

.consultation-3 .list li a .col .time:after {
    display: block;
    content: "";
    font-family: "iconfont";
    font-size: .18rem
}

.consultation-3 .list li a:hover .zoomImg .url {
    opacity: 1
}

.news-list {
    padding: 1.2rem 0 0 0
}

.news-list .list {
    padding-bottom: 0
}

.p-num {
    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;
    padding: .7rem 0 1.4rem 0
}

.p-num .num {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.p-num .num 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: .3rem;
    height: .3rem;
    font-size: .14rem;
    margin-right: .1rem
}

.p-num .num a:hover,
.p-num .num a.on {
    background: #00ccbe;
    color: #fff
}

.p-num .next {
    font-family: "iconfont";
    border-radius: 50%;
    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;
    width: .48rem;
    height: .48rem;
    background: #00ccbe;
    color: #fff;
    font-size: .2rem
}

.case {
    min-height: 6.15rem;
    position: relative;
    padding-bottom: 1rem
}

.case .page-num-name {
    position: absolute;
    top: 1.2rem;
    right: 0
}

.case .content {
    font-size: .34rem;
    line-height: .54rem;
    color: #3b4048;
    width: 6.84rem;
    padding-top: .3rem
}

.case .img {
    position: absolute;
    top: 2.45rem;
    right: 0;
    width: 7.61rem
}

.authentication {
    min-height: 5.38rem;
    position: relative;
    padding-bottom: .9rem
}

.authentication .page-num-name {
    position: absolute;
    top: 1.2rem;
    right: 0
}

.authentication .content {
    font-size: .2rem;
    line-height: .46rem;
    text-align: justify;
    color: #212121
}

.authentication-item {
    min-height: 6rem
}

.authentication-item .wal {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 1rem 0
}

.authentication-item .page-num-name {
    position: absolute;
    top: 1rem;
    right: 0
}

.authentication-item .title {
    width: 100%;
    padding-bottom: .35rem
}

.authentication-item .title h2 {
    font-size: .36rem;
    line-height: 1em;
    color: #3b4048;
    text-shadow: 0 .08rem .06rem rgba(38, 44, 92, .3)
}

.authentication-item .title .en {
    text-transform: uppercase;
    font-size: .16rem;
    line-height: 1em;
    padding-top: .2rem;
    color: #000;
    font-family: "SourceHanSerifCN-Regular"
}

.authentication-item .list {
    border-top: rgba(33, 33, 33, .2) solid 1px;
    width: 4.6rem;
    padding-top: .3rem
}

.authentication-item .list li {
    font-size: .2rem;
    line-height: .34rem;
    position: relative;
    color: #58595b;
    padding: 0 0 .25rem .18rem
}

.authentication-item .list li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: .13rem;
    width: .08rem;
    height: .08rem;
    border-radius: 50%;
    background: #7a7a7a
}

.authentication-item .img-list {
    border-top: rgba(33, 33, 33, .2) solid 1px;
    width: 9.4rem;
    overflow: hidden;
    position: relative;
    padding-top: .32rem
}

.authentication-item .img-list .list-wrapper {
    margin-left: -0.3rem
}

.authentication-item .img-list li {
    padding-left: .3rem
}

.authentication-item .img-list li .zoomImg {
    border: rgba(13, 4, 8, .15) solid 1px
}

.authentication-item .img-list li .name {
    text-align: center;
    padding-top: .15rem;
    font-size: .16rem;
    line-height: .22rem;
    color: #666
}

.authentication-item .img-list .dots {
    padding-top: .4rem;
    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
}

.authentication-item .img-list .dots span {
    display: block;
    border-radius: 50%;
    width: .12rem;
    height: .12rem;
    margin: 0 .06rem;
    background: rgba(0, 0, 0, .3)
}

.authentication-item .img-list .dots span.swiper-pagination-bullet-active {
    background: #00ccbe
}

.authentication-item .img-list-3 {
    overflow: visible
}

.authentication-item .img-list-3 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.3rem
}

.authentication-item .img-list-3 li {
    width: 25%;
    padding-bottom: .35rem
}

.authentication-item .img-list-3 li .name {
    margin-left: -0.2rem;
    margin-right: -0.2rem
}

.authentication-item-odd {
    background: rgba(209, 241, 249, .15)
}

.p-more2 {
    display: inline-block;
    font-size: .18rem;
    color: #00ccbe;
    line-height: 1em;
    padding-bottom: .05rem;
    position: relative
}

.p-more2:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: .12rem;
    background: rgba(0, 204, 184, .15)
}

.p-more2 em {
    display: inline-block;
    position: relative;
    z-index: 2;
    left: 0;
    -webkit-transition: left .5s ease;
    transition: left .5s ease
}

.p-more2:hover:before {
    width: .9rem
}

.p-more2:hover em {
    left: .22rem
}

.p-scroll {
    width: 1.18rem;
    height: 1.18rem
}

.p-scroll em {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/img118.png) center no-repeat;
    background-size: 100% 100%
}

.p-scroll span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/img118_2.png) center no-repeat;
    background-size: 100% 100%
}

.p-table table,
.gene-prediction-1 .list2 table,
.verification-1 .list table {
    border-top: #00ccbe solid .03rem
}

.p-table th,
.gene-prediction-1 .list2 th,
.verification-1 .list th,
.p-table td,
.gene-prediction-1 .list2 td,
.verification-1 .list td {
    border-left: rgba(0, 0, 0, .15) solid 1px;
    font-size: .24rem;
    width: 12.5%
}

.p-table th:first-child,
.gene-prediction-1 .list2 th:first-child,
.verification-1 .list th:first-child,
.p-table td:first-child,
.gene-prediction-1 .list2 td:first-child,
.verification-1 .list td:first-child {
    border: 0
}

.p-table th,
.gene-prediction-1 .list2 th,
.verification-1 .list th {
    height: .92rem;
    color: #00ccbe
}

.p-table td,
.gene-prediction-1 .list2 td,
.verification-1 .list td {
    text-align: center;
    line-height: .35rem;
    padding: .3rem .14rem
}

.p-table tr:nth-child(even) td,
.gene-prediction-1 .list2 tr:nth-child(even) td,
.verification-1 .list tr:nth-child(even) td {
    background: #f7fbfc
}

.verification-1 {
    min-height: 9rem;
    position: relative
}

.verification-1:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: -0.7rem;
    bottom: 2.65rem;
    background: rgba(209, 241, 249, .15)
}

.verification-1 .wal {
    position: relative
}

.verification-1 .page-num-name {
    position: absolute;
    top: 1.2rem;
    right: 0
}

.verification-1 .p-title {
    padding: 1.19rem 0 .42rem 0
}

.verification-1 .img {
    width: 7.59rem;
    margin-left: auto;
    padding-bottom: 2.57rem
}

.verification-1 .container {
    width: 8.4rem;
    min-height: 4.8rem;
    background: #fff;
    box-shadow: 0 .08rem .06rem 0 rgba(38, 44, 92, .15);
    position: absolute;
    left: 0;
    top: 4.48rem;
    z-index: 2;
    padding: .55rem .58rem
}

.verification-1 .container h3 {
    font-size: .3rem;
    padding-bottom: .4rem
}

.verification-1 .container li {
    position: relative;
    max-width: 6.76rem;
    font-size: .2rem;
    line-height: 1.8em;
    color: #4d4d4d;
    padding: 0 0 .2rem .43rem
}

.verification-1 .container li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: .21rem;
    height: .36rem;
    background: url(../images/img21.png) center no-repeat;
    background-size: 100%
}

.verification-1 .container .more {
    text-align: right
}

.verification-1 .container .p-scroll {
    position: absolute;
    left: -0.59rem;
    bottom: -0.59rem
}

.verification-1 .list {
    background: #fff;
    min-height: 4.6rem;
    box-shadow: 0 0 .1rem rgba(92, 38, 42, .15);
    padding: .4rem
}

.verification-2 {
    min-height: 10.46rem;
    position: relative
}

.verification-2 .page-num-name {
    position: absolute;
    top: 1.4rem;
    left: 0
}

.verification-2 .title {
    text-align: right;
    font-size: .34rem;
    line-height: .5rem;
    color: #3b4048;
    padding: 1.9rem 0 1.3rem 0
}

.verification-2 .title em {
    color: #00ccbe
}

.verification-2 .container {
    width: 8.4rem;
    min-height: 3.8rem;
    background: #fff;
    box-shadow: 0 .08rem .06rem 0 rgba(38, 44, 92, .15);
    position: relative;
    z-index: 5;
    padding: .55rem .58rem;
    margin-left: auto
}

.verification-2 .container li {
    position: relative;
    max-width: 6.76rem;
    font-size: .2rem;
    line-height: 1.8em;
    color: #4d4d4d;
    padding: 0 0 .2rem .43rem
}

.verification-2 .container li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: .21rem;
    height: .36rem;
    background: url(../images/img21.png) center no-repeat;
    background-size: 100%
}

.verification-2 .container .more {
    text-align: right
}

.verification-2 .img {
    width: 7.48rem;
    position: absolute;
    left: 0;
    top: 2.8rem
}

.quality-control {
    padding: 0 0 1rem 0;
    position: relative
}

.quality-control .p-title {
    padding: 1.2rem 0 .4rem 0
}

.quality-control .content {
    padding-bottom: .5rem;
    font-size: .24rem;
    line-height: .36rem
}

.quality-control .list {
    position: absolute;
    top: 1.6rem;
    right: 0
}

.quality-control .list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.quality-control .list li {
    padding-left: .8rem;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-size: .18rem
}

.quality-control .list li:before {
    content: "";
    display: block;
    position: absolute;
    left: .4rem;
    top: 50%;
    width: 1px;
    height: .2rem;
    background: rgba(0, 0, 0, .2);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.quality-control .list li:first-child:before {
    display: none
}

.quality-control .list li .num {
    font-size: .8rem;
    color: #00ccbe;
    line-height: 1em;
    font-family: "SourceHanSerifCN-Regular";
    margin-right: .12rem;
    position: relative;
    top: .04rem
}

.quality-control .list2 {
    background: url(../images/img1484.png) left center no-repeat;
    background-size: auto 1.56rem
}

.quality-control .list2 ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.quality-control .list2 li {
    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;
    width: 1.82rem;
    margin-right: 1.75rem;
    left: .31rem;
    top: .1rem;
    position: relative;
    height: 4.4rem
}

.quality-control .list2 li .num {
    background: url(../images/img180_1.png) center no-repeat;
    background-size: 100% 100%;
    width: 1.82rem;
    height: 1.77rem;
    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
}

.quality-control .list2 li .num img {
    width: 1.38rem
}

.quality-control .list2 li h5 {
    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;
    height: .46rem;
    background: #00b2cc;
    border-radius: .1rem;
    font-size: .24rem;
    color: #fff
}

.quality-control .list2 li dl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: .2rem;
    line-height: .39rem;
    color: #666;
    width: 3.2rem;
    padding-bottom: .15rem
}

.quality-control .list2 li dd {
    min-width: 5.5em
}

.quality-control .list2 .ul-1 li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.quality-control .list2 .ul-1 li h5 {
    margin-bottom: .25rem
}

.quality-control .list2 .ul-1 li:nth-child(1) dd {
    min-width: 6.5em
}

.quality-control .list2 .ul-2 li {
    left: 2.07rem;
    top: -0.1rem
}

.quality-control .list2 .ul-2 li .num {
    background-image: url(../images/img180_2.png);
    height: 1.8rem
}

.quality-control .list2 .ul-2 li h5 {
    margin-top: .25rem
}

.quality-control .list2 .ul-2 li dl {
    padding: .15rem 0 0 0
}

.quality-control .list2 .ul-2 li:nth-child(2) dd {
    min-width: 4.5em
}

.quality-control .list2 .ul-2 li:nth-child(2) dd:nth-child(2) {
    min-width: 50%
}

.quality-control .list2 .ul-2 li:nth-child(3) dd {
    min-width: 7.5em
}

.individuation {
    padding: 1.2rem 0 1.7rem 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.individuation .col {
    width: 5.28rem
}

.individuation .col .p-title {
    padding: 0
}

.individuation .col .content {
    font-size: .24rem;
    line-height: 2em;
    text-align: justify;
    color: #4d4d4d;
    padding: .5rem 0 .6rem 0;
    font-family: "YaHeiLight"
}

.individuation .col .more 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;
    background: rgba(1, 0, 1, .05);
    border: rgba(1, 0, 1, .5) solid 1px;
    font-size: .2rem;
    color: #212121;
    width: 2.2rem;
    height: .6rem
}

.individuation .col .more a:hover {
    color: #fff;
    background: #00ccbe;
    border-color: #00ccbe
}

.individuation .zoomImg {
    width: 9rem
}

.individuation .list {
    width: 100%;
    padding-top: 1.4rem
}

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

.individuation .list li .num {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    color: #000;
    font-family: "SourceHanSerifCN-Regular"
}

.individuation .list li .num em {
    font-size: .6rem;
    line-height: 1em
}

.individuation .list li .num span {
    font-size: .28rem;
    line-height: 1em
}

.individuation .list li .name {
    font-size: .24rem;
    color: gray;
    padding-top: .2rem
}

.follow-up-service {
    position: relative;
    min-height: 8.98rem;
    padding: 1.35rem 0
}

.follow-up-service .p-title {
    padding: 0
}

.follow-up-service .num {
    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;
    width: 3.2rem;
    height: .9rem;
    position: relative;
    margin-top: .5rem
}

.follow-up-service .num:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../images/img320.png) center no-repeat;
    background-size: 100% 100%;
    width: 3.31rem;
    height: 1.01rem
}

.follow-up-service .num em {
    font-family: "SourceHanSerifCN-Regular";
    font-size: .36rem;
    color: #000;
    font-weight: bold
}

.follow-up-service .num em:nth-child(1) {
    font-size: .6rem
}

.follow-up-service .num em:nth-child(2) {
    padding: 0 .16rem 0 .06rem;
    position: relative;
    top: .1rem
}

.follow-up-service .num span {
    font-size: .2rem;
    color: #4d4d4d;
    position: relative;
    top: .14rem
}

.follow-up-service .msg2 {
    padding-top: .3rem;
    font-size: .2rem;
    color: #4d4d4d;
    max-width: 7.5rem
}

.follow-up-service .msg {
    padding: .3rem 0 .36rem 0;
    font-size: .24rem;
    line-height: .4rem;
    color: #212121;
    width: 7.5rem
}

.follow-up-service .content {
    font-size: .2rem;
    line-height: 1.8em;
    width: 7.36rem;
    text-align: justify
}

.follow-up-service .list {
    position: absolute;
    top: 1.29rem;
    right: 1.19rem;
    width: 4.18rem;
    height: 3.1rem
}

.follow-up-service .list li {
    position: absolute;
    text-align: center
}

.follow-up-service .list li .arrow {
    background: url(../images/img45.png) center no-repeat;
    background-size: 100%;
    position: absolute;
    width: .45rem;
    height: .45rem
}

.follow-up-service .list li .ico {
    width: 1rem
}

.follow-up-service .list li .name {
    margin-left: -0.6rem;
    margin-right: -0.6rem;
    font-size: .24rem;
    line-height: .32rem;
    color: #212121;
    padding: .24rem 0 .13rem 0
}

.follow-up-service .list li p {
    margin-right: -0.6rem;
    margin-left: -0.6rem;
    font-size: .18rem;
    line-height: .26rem;
    color: gray
}

.follow-up-service .list li:nth-child(1) {
    left: 0;
    top: 0
}

.follow-up-service .list li:nth-child(1) .arrow {
    left: 1.8rem;
    top: .265rem
}

.follow-up-service .list li:nth-child(2) {
    right: 0;
    top: 0
}

.follow-up-service .list li:nth-child(2) .arrow {
    left: .265rem;
    top: 2.4rem;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.follow-up-service .list li:nth-child(3) {
    left: 0;
    top: 100%
}

.follow-up-service .list li:nth-child(3) .arrow {
    left: .265rem;
    top: -0.65rem;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg)
}

.follow-up-service .list li:nth-child(4) {
    right: 0;
    top: 100%
}

.follow-up-service .list li:nth-child(4) .arrow {
    left: -1.3rem;
    top: .265rem;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.gene-prediction-1 {
    min-height: 9rem;
    position: relative;
    padding-bottom: 1.2rem
}

.gene-prediction-1:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: -0.7rem;
    bottom: 0;
    background: rgba(209, 241, 249, .15)
}

.gene-prediction-1 .wal {
    position: relative
}

.gene-prediction-1 .page-num-name {
    position: absolute;
    top: 1.2rem;
    right: 0
}

.gene-prediction-1 .p-title {
    padding: 1.19rem 0 .8rem 0
}

.gene-prediction-1 .head {
    height: 1.35rem;
    display: none
}

.gene-prediction-1 .head svg {
    display: block;
    width: 100%
}

.gene-prediction-1 .list {
    padding-bottom: .4rem
}

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

.gene-prediction-1 .list li {
    width: 3.57rem;
    padding-bottom: .65rem
}

.gene-prediction-1 .list li .img {
    height: 3.72rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.gene-prediction-1 .list li .img .zoomImg {
    width: 100%
}

.gene-prediction-1 .list li h5 {
    font-size: .24rem;
    color: #00ccbe;
    padding: .35rem 0 .2rem 0
}

.gene-prediction-1 .list li p {
    font-size: .18rem;
    line-height: .32rem;
    text-align: justify;
    color: #505050
}

.gene-prediction-1 .list2 {
    background: #fff;
    box-shadow: 0 0 .1rem rgba(92, 38, 42, .15);
    padding: .4rem
}

.gene-prediction-2 {
    width: 100%;
    overflow: hidden;
    position: relative
}

.gene-prediction-2 .wal {
    position: relative;
    padding: 0 0 2rem 0
}

.gene-prediction-2 .page-num-name {
    position: absolute;
    top: 1.2rem;
    right: 0
}

.gene-prediction-2 .p-title {
    padding-bottom: .4rem
}

.gene-prediction-2 .list {
    max-width: 11.8rem;
    padding-bottom: .5rem
}

.gene-prediction-2 .list li {
    position: relative;
    color: #212121;
    font-size: .24rem;
    line-height: .46rem;
    padding: 0 0 .12rem .21rem
}

.gene-prediction-2 .list li:before {
    display: block;
    content: "•";
    position: absolute;
    left: 0;
    top: 0
}

.gene-prediction-2 .list2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

.gene-prediction-2 .list2 .img {
    width: 3.4rem
}

.gene-prediction-2 .list2 ul {
    width: 10.78rem
}

.gene-prediction-2 .list2 li {
    position: relative
}

.gene-prediction-2 .list2 li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100vw;
    background: #212121;
    opacity: .1
}

.gene-prediction-2 .list2 li .head {
    padding: .55rem 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: rgba(33, 33, 33, .5);
    -webkit-transition: color .5s ease;
    transition: color .5s ease;
    line-height: .4rem;
    position: relative
}

.gene-prediction-2 .list2 li .head:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: .27rem;
    background: url(../images/img27.png) center no-repeat;
    background-size: 100%;
    opacity: .3
}

.gene-prediction-2 .list2 li .head .name h5 {
    font-weight: 400;
    font-size: .32rem
}

.gene-prediction-2 .list2 li .head .name p {
    font-size: .18rem;
    color: gray
}

.gene-prediction-2 .list2 li .head .msg {
    font-size: .24rem;
    width: 6.1rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.gene-prediction-2 .list2 li .bd {
    margin-top: -0.25rem;
    display: none
}

.gene-prediction-2 .list2 li .bd dl {
    padding-bottom: .4rem
}

.gene-prediction-2 .list2 li .bd dd {
    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;
    line-height: .3rem;
    padding: .1rem 0;
    font-size: .2rem
}

.gene-prediction-2 .list2 li .bd dd .name {
    background: url(../images/img21.png) left center no-repeat;
    background-size: .21rem;
    padding-left: .41rem
}

.gene-prediction-2 .list2 li .bd dd .msg {
    width: 6.1rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.gene-prediction-2 .list2 li.on:before {
    opacity: .3
}

.gene-prediction-2 .list2 li.on .head {
    color: #212121
}

.gene-prediction-2 .list2 li.on .head:before {
    opacity: 1
}

.TFDAI-1 .list {
    padding: 1.1rem 0 .65rem 0
}

.TFDAI-1 .list li {
    font-size: .2rem;
    line-height: .32rem;
    position: relative;
    padding: 0 0 .15rem .41rem;
    font-family: "YaHeiLight"
}

.TFDAI-1 .list li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: .21rem;
    height: .32rem;
    background: url(../images/img21.png) center no-repeat;
    background-size: 100%
}

.TFDAI-1 .list li b {
    color: #00ccbe;
    font-family: "微软雅黑"
}

.TFDAI-2 {
    position: relative;
    padding: 1.7rem 0 2rem 0
}

.TFDAI-2 .page-num-name {
    position: absolute;
    top: 1.7rem;
    right: 0
}

.TFDAI-2 .list {
    max-width: 8.36rem;
    padding-bottom: .2rem
}

.TFDAI-2 .list h3 {
    font-size: .36rem;
    color: #3b4048;
    padding-bottom: .2rem;
    line-height: 1em
}

.TFDAI-2 .list .content {
    font-size: .2rem;
    line-height: 1.7em;
    color: #666;
    padding-bottom: .45rem
}

.TFDAI-2 .list2 ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.TFDAI-2 .list2 li {
    width: 2.8rem
}

.TFDAI-2 .list2 li .num {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-size: .14rem;
    color: #000;
    font-family: "SourceHanSerifCN-Regular"
}

.TFDAI-2 .list2 li .num em {
    font-size: .6rem;
    line-height: 1em
}

.TFDAI-2 .list2 li .name {
    font-size: .2rem;
    color: gray;
    padding-top: .2rem
}

.TFDAI-2 .img {
    width: 6.3rem;
    position: absolute;
    right: 0;
    top: 2.5rem
}

.TFDAI-2 .img img {
    position: relative;
    left: .1rem
}

.TFDAI-2 .img .bg-1 {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/img630-bg-1.png) center no-repeat;
    background-size: 100% 100%
}

.TFDAI-2 .img .bg-2 {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/img630-bg-2.png) center no-repeat;
    background-size: 100% 100%
}

.TFDAI-3 {
    background: rgba(209, 241, 249, .15)
}

.TFDAI-3 .wal {
    position: relative;
    min-height: 9.6rem;
    padding-bottom: 1rem
}

.TFDAI-3 .page-num-name {
    position: absolute;
    top: 1.1rem;
    right: 0
}

.TFDAI-3 .p-title {
    padding: 1.1rem 0 .55rem 0
}

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

.TFDAI-3 .list li {
    width: 3.36rem;
    position: relative
}

.TFDAI-3 .list li .container {
    border: #00ccb8 solid .02rem;
    min-height: 5.1rem;
    padding: .1rem .1rem 0 .3rem;
    color: #3b4048
}

.TFDAI-3 .list li .container h5 {
    font-size: .28rem;
    padding: .15rem 0
}

.TFDAI-3 .list li .container dd {
    font-size: .2rem;
    line-height: 1.6em;
    position: relative;
    padding-left: .16rem;
    padding-bottom: .06rem
}

.TFDAI-3 .list li .container dd:before {
    display: block;
    content: "•";
    position: absolute;
    left: 0;
    top: 0
}

.TFDAI-3 .list li:nth-child(even) {
    top: .6rem
}

.TFDAI-4 {
    position: relative
}

.TFDAI-4 .page-num-name {
    position: absolute;
    top: 1.1rem;
    right: 0
}

.TFDAI-4 .p-title {
    padding: 1.1rem 0 .45rem 0
}

.TFDAI-4 .list {
    padding-bottom: .35rem
}

.TFDAI-4 .list li {
    font-size: .24rem;
    line-height: .32rem;
    position: relative;
    padding: 0 0 .1rem .41rem
}

.TFDAI-4 .list li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: .21rem;
    height: .32rem;
    background: url(../images/img21.png) center no-repeat;
    background-size: 100%
}

.TFDAI-4 .list2 {
    padding: 0 .2rem .2rem
}

.TFDAI-4 .list2 ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.TFDAI-4 .list2 li {
    width: 3.4rem;
    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: relative;
    padding-top: 1rem;
    text-align: center;
    height: 3rem;
    background: #f5f5f5;
    box-shadow: .03rem .03rem .06rem 0 rgba(0, 0, 0, .1);
    border-radius: .05rem
}

.TFDAI-4 .list2 li h5 {
    position: absolute;
    left: -0.31rem;
    top: .2rem;
    font-size: .28rem;
    font-weight: 400;
    color: #fff;
    line-height: .8rem;
    width: 4.15rem;
    height: .98rem;
    background: url(../images/img415_1.png) center no-repeat;
    background-size: 100% 100%
}

.TFDAI-4 .list2 li .content {
    font-size: .28rem;
    line-height: .44rem;
    color: #212121
}

.TFDAI-4 .list2 li:nth-child(1) {
    z-index: 4
}

.TFDAI-4 .list2 li:nth-child(2) {
    z-index: 3
}

.TFDAI-4 .list2 li:nth-child(2) h5 {
    background-image: url(../images/img415_2.png)
}

.TFDAI-4 .list2 li:nth-child(3) {
    z-index: 2
}

.TFDAI-4 .list2 li:nth-child(3) h5 {
    background-image: url(../images/img415_3.png)
}

.TFDAI-4 .list2 li:nth-child(4) {
    z-index: 1
}

.TFDAI-4 .list2 li:nth-child(4) h5 {
    background-image: url(../images/img415_4.png)
}

.internet-hospital-2222 {
    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-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: .67rem 0 .78rem 0
}

.internet-hospital-2222 .side-img {
    width: 5.16rem
}

.internet-hospital-2222 .col {
    width: 9.35rem
}

.internet-hospital-2222 .col .msg {
    font-size: .32rem;
    line-height: .54rem;
    color: #3b4048
}

.internet-hospital-2222 .col .content {
    font-family: "YaHeiLight";
    font-size: .2rem;
    line-height: 1.6em;
    color: #333;
    padding: .4rem 0
}

.internet-hospital2-2222 {
    width: 100%;
    overflow: hidden;
    position: relative
}

.internet-hospital2-2222 .wal {
    padding-bottom: 1rem;
    position: relative;
    min-height: 9.5rem
}

.internet-hospital2-2222 .page-num-name {
    position: absolute;
    top: 0;
    right: 0
}

.internet-hospital2-2222 .p-title {
    padding: 0
}

.internet-hospital2-2222 .list {
    width: 14.85rem;
    position: relative
}

.internet-hospital2-2222 .list:before {
    content: "";
    display: block;
    position: absolute;
    left: -5rem;
    top: 50%;
    right: -100vw;
    height: 1px;
    background: rgba(0, 0, 0, .15)
}

.internet-hospital2-2222 .list li .box {
    height: 3.6rem;
    padding: 0 1.4rem 0 .23rem;
    position: relative;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease
}

.internet-hospital2-2222 .list li .box .name {
    color: #212121;
    padding-bottom: .2rem;
    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;
    -webkit-transition: color .5s ease;
    transition: color .5s ease
}

.internet-hospital2-2222 .list li .box .name b {
    font-family: "Roboto-Bold";
    font-size: .26rem
}

.internet-hospital2-2222 .list li .box .name h5 {
    font-size: .24rem
}

.internet-hospital2-2222 .list li .box .content {
    font-size: .18rem;
    line-height: .32rem;
    color: #666;
    -webkit-transition: color .5s ease;
    transition: color .5s ease
}

.internet-hospital2-2222 .list li .box:hover {
    color: #00ccbe
}

.internet-hospital2-2222 .list li .box:hover .name,
.internet-hospital2-2222 .list li .box:hover .content {
    color: #00ccbe
}

.internet-hospital2-2222 .list li.swiper-slide-prev .box {
    opacity: 0
}

.internet-hospital2-2222 .list .list-1 li .box {
    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: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-bottom: .75rem
}

.internet-hospital2-2222 .list .list-1 li .box .time {
    position: absolute;
    z-index: 5;
    left: 0;
    top: 100%;
    margin-top: -0.12rem;
    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;
    background: url(../images/img24_1.png) center top no-repeat;
    background-size: .24rem;
    font-family: "Roboto-Regular";
    font-size: .12rem;
    line-height: 1em;
    padding-top: .4rem
}

.internet-hospital2-2222 .list .list-1 li .box .time em {
    font-size: .22rem
}

.internet-hospital2-2222 .list .list-1 li .box .time span {
    position: relative;
    padding-left: .1rem;
    top: .02rem
}

.internet-hospital2-2222 .list .list-1 li .box .time span:before {
    display: block;
    content: "/";
    left: .02rem;
    top: 0;
    position: absolute
}

.internet-hospital2-2222 .list .list-1 li .box:hover .time {
    background-image: url(../images/img24on.png)
}

.internet-hospital2-2222 .list .list-2 {
    position: relative;
    left: 2.57rem
}

.internet-hospital2-2222 .list .list-2 li .box {
    padding-top: .8rem
}

.internet-hospital2-2222 .list .list-2 li .box .time {
    position: absolute;
    z-index: 5;
    left: 0;
    top: -0.38rem;
    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;
    background: url(../images/img24_1.png) center bottom no-repeat;
    background-size: .24rem;
    font-family: "Roboto-Regular";
    font-size: .12rem;
    line-height: 1em;
    height: .5rem
}

.internet-hospital2-2222 .list .list-2 li .box .time em {
    font-size: .22rem
}

.internet-hospital2-2222 .list .list-2 li .box .time span {
    position: relative;
    padding-left: .1rem;
    top: .02rem
}

.internet-hospital2-2222 .list .list-2 li .box .time span:before {
    display: block;
    content: "/";
    left: .02rem;
    top: 0;
    position: absolute
}

.internet-hospital2-2222 .list .list-2 li .box:hover .time {
    background-image: url(../images/img24on.png)
}

.internet-hospital2-2222 .arrow {
    position: absolute;
    z-index: 5;
    left: 0;
    top: 6.42rem;
    width: 1.7rem;
    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
}

.internet-hospital2-2222 .arrow 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;
    width: .36rem;
    height: .36rem;
    border-radius: 50%;
    color: #666;
    font-size: .18rem;
    font-family: "iconfont"
}

.internet-hospital2-2222 .arrow a:hover {
    background: #00ccbe;
    color: #fff
}

.internet-hospital2-2222 .arrow .num {
    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: .14rem;
    color: rgba(102, 102, 102, .7);
    font-family: "Roboto-Regular"
}

.internet-hospital2-2222 .arrow .num .num-curr {
    font-size: .22rem;
    color: #00ccbe;
    line-height: 1em;
    position: relative;
    top: -0.02rem
}

.internet-hospital2-2222 .arrow .num span {
    padding: 0 .06rem 0 .03rem
}

.internet-hospital {
    width: 100%;
    overflow: hidden;
    position: relative
}

.internet-hospital .wal {
    position: relative;
    min-height: 50vh;
    padding-bottom: 1.6rem
}

.internet-hospital .page-num-name {
    position: absolute;
    top: 1.2rem;
    right: 0
}

.internet-hospital .p-title {
    padding-bottom: .35rem
}

.internet-hospital .container h3 {
    font-size: .24rem;
    color: #4f5661
}

.internet-hospital .container .content {
    font-size: .2rem;
    line-height: 1.5em;
    color: #666;
    padding: .18rem 0 .8rem 0
}

.internet-hospital .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 1.4rem
}

.internet-hospital .list .img {
    width: 5.34rem;
    height: 5.34rem;
    position: relative
}

.internet-hospital .list .img .img-1 {
    position: absolute;
    left: 1.16rem;
    bottom: .65rem;
    width: 2.77rem
}

.internet-hospital .list .img .img-2 {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.internet-hospital .list ul {
    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;
    width: 4.43rem
}

.internet-hospital .list li .box {
    position: relative
}

.internet-hospital .list li .box .ico {
    width: .74rem;
    position: absolute;
    top: 0
}

.internet-hospital .list li .box .name {
    font-size: .26rem;
    padding: .1rem 0
}

.internet-hospital .list li .box .content {
    font-size: .2rem;
    line-height: 1.5em;
    color: gray
}

.internet-hospital .list ul.ul-l {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1
}

.internet-hospital .list ul.ul-l li .box {
    padding-right: .84rem;
    text-align: right
}

.internet-hospital .list ul.ul-l li .box .ico {
    right: -0.05rem
}

.internet-hospital .list ul.ul-l li .box .content {
    margin-left: -0.5rem
}

.internet-hospital .list ul.ul-l li .box .content dd {
    position: relative;
    padding-right: .15rem
}

.internet-hospital .list ul.ul-l li .box .content dd:before {
    display: block;
    content: "•";
    position: absolute;
    top: 0;
    right: 0
}

.internet-hospital .list ul.ul-l li:nth-child(1) .name {
    color: #cc292c
}

.internet-hospital .list ul.ul-l li:nth-child(2) .name {
    color: #92c2b2
}

.internet-hospital .list ul.ul-l li:nth-child(3) .name {
    color: #bdca47
}

.internet-hospital .list ul.ul-r li .box {
    padding-left: .84rem
}

.internet-hospital .list ul.ul-r li .box .ico {
    left: -0.05rem
}

.internet-hospital .list ul.ul-r li:nth-child(1) .name {
    color: #f8841d
}

.internet-hospital .list ul.ul-r li:nth-child(2) .name {
    color: #b497b5
}

.internet-hospital .list ul.ul-r li:nth-child(3) .name {
    color: #76a7b7
}

.internet-hospital .list2 ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.internet-hospital .list2 li {
    position: relative;
    width: 7.3rem
}

.internet-hospital .list2 li .box {
    height: 3.6rem;
    border: rgba(0, 0, 0, .15) solid 1px;
    padding: .45rem 0 0 .6rem;
    position: relative
}

.internet-hospital .list2 li .name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding-bottom: .32rem
}

.internet-hospital .list2 li .name:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1rem;
    height: 1px;
    background: rgba(0, 0, 0, .15)
}

.internet-hospital .list2 li .name .ico {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    border: rgba(7, 0, 2, .1) solid 1px;
    margin-right: .4rem
}

.internet-hospital .list2 li .name em {
    font-size: .32rem;
    color: #212121
}

.internet-hospital .list2 li p {
    font-size: .2rem;
    line-height: 1.5em;
    color: #807d7e;
    padding-top: .3rem
}

.internet-hospital .list2 li .ewm {
    width: 2.58rem;
    position: absolute;
    top: .55rem;
    right: .46rem
}

.innovation-in-payments-01 {
    height: 6.3rem;
    padding-top: 1.4rem
}

.innovation-in-payments-01 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
}

.innovation-in-payments-01 li {
    width: 2rem;
    height: 2rem;
    position: relative
}

.innovation-in-payments-01 li .item {
    width: 2rem;
    height: 2rem;
    position: absolute;
    z-index: 5;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #fafafa;
    border-radius: 50%;
    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
}

.innovation-in-payments-01 li .item:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 1.6rem;
    height: 1.6rem;
    background: #fdfdfd;
    box-shadow: 0 .06rem .14rem 0 rgba(159, 163, 170, .2), 0 .03rem .04rem 0 #fff;
    border-radius: 50%
}

.innovation-in-payments-01 li .item:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: center no-repeat;
    background-size: 1.84rem
}

.innovation-in-payments-01 li .item .ico {
    width: .6rem;
    position: relative;
    z-index: 5
}

.innovation-in-payments-01 li .item .name {
    text-align: center;
    font-size: .18rem;
    line-height: .22rem;
    height: .44rem;
    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;
    z-index: 5;
    top: .1rem
}

.innovation-in-payments-01 li .item .line {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -1.06rem;
    margin-top: -1.06rem;
    width: 2.12rem;
    height: 2.12rem;
    background: center no-repeat;
    background-size: 100% 100%
}

.innovation-in-payments-01 li .item:hover .ico img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.innovation-in-payments-01 li:nth-child(even) {
    width: 1.33rem;
    top: 1.52rem
}

.innovation-in-payments-01 li:nth-child(1) .item:before {
    background-image: url(../images/img184_1.png)
}

.innovation-in-payments-01 li:nth-child(1) .item .line {
    background-image: url(../images/img200_1.png)
}

.innovation-in-payments-01 li:nth-child(2) .item:before {
    background-image: url(../images/img184_2.png)
}

.innovation-in-payments-01 li:nth-child(2) .item .line {
    background-image: url(../images/img200_2.png)
}

.innovation-in-payments-01 li:nth-child(3) .item:before {
    background-image: url(../images/img184_3.png)
}

.innovation-in-payments-01 li:nth-child(3) .item .line {
    background-image: url(../images/img200_3.png)
}

.innovation-in-payments-01 li:nth-child(4) .item:before {
    background-image: url(../images/img184_4.png)
}

.innovation-in-payments-01 li:nth-child(4) .item .line {
    background-image: url(../images/img200_4.png)
}

.innovation-in-payments-01 li:nth-child(5) .item:before {
    background-image: url(../images/img184_5.png)
}

.innovation-in-payments-01 li:nth-child(5) .item .line {
    background-image: url(../images/img200_5.png)
}

.innovation-in-payments-01 li:nth-child(6) .item:before {
    background-image: url(../images/img184_6.png)
}

.innovation-in-payments-01 li:nth-child(6) .item .line {
    background-image: url(../images/img200_6.png)
}

.innovation-in-payments-01 li:nth-child(7) .item:before {
    background-image: url(../images/img184_7.png)
}

.innovation-in-payments-01 li:nth-child(7) .item .line {
    background-image: url(../images/img200_7.png)
}

.innovation-in-payments-01 li:nth-child(8) .item:before {
    background-image: url(../images/img184_8.png)
}

.innovation-in-payments-01 li:nth-child(8) .item .line {
    background-image: url(../images/img200_8.png)
}

.innovation-in-payments-02 {
    background: url(../images/innovation-in-payments-02.jpg) center no-repeat;
    background-size: cover
}

.innovation-in-payments-02 .wal {
    min-height: 8.8rem
}

.innovation-in-payments-02 .p-title {
    padding: 1rem 0 .45rem 0
}

.innovation-in-payments-02 .content {
    font-size: .2rem;
    line-height: 1.7em;
    color: #58595b
}

.innovation-in-payments-02 .content p {
    padding-bottom: .2rem
}

.innovation-in-payments-02 .list {
    min-height: 4.5rem;
    position: relative;
    padding-top: .34rem
}

.innovation-in-payments-02 .list .line {
    position: absolute;
    left: 50%;
    top: .94rem;
    width: 10.5rem;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 1.4rem;
    overflow: hidden
}

.innovation-in-payments-02 .list .title {
    position: relative;
    z-index: 2;
    width: 2.6rem;
    margin: 0 auto;
    height: 1.2rem;
    background: url(../images/img260_1.png) center no-repeat;
    background-size: auto 100%;
    text-align: center;
    font-weight: bold;
    line-height: 1.2rem;
    font-size: .32rem;
    box-shadow: .08rem .13rem .3rem 0 rgba(120, 78, 237, .15);
    color: #212121
}

.innovation-in-payments-02 .list .title:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: -0.54rem;
    right: 0;
    bottom: 0;
    background: url(../images/img174.png) center top no-repeat;
    background-size: 1.74rem
}

.innovation-in-payments-02 .list .title:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 100%;
    width: 1.06rem;
    height: .15rem;
    border-radius: .15rem;
    background: #784eed;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.innovation-in-payments-02 .list 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;
    margin-top: .93rem
}

.innovation-in-payments-02 .list li {
    position: relative;
    z-index: 2;
    padding: 0 .3rem
}

.innovation-in-payments-02 .list li .item {
    position: relative;
    width: 2rem;
    height: 1.8rem;
    background: url(../images/img200.png) 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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: .18rem;
    top: 0;
    -webkit-transition: top .5s ease;
    transition: top .5s ease;
    border-radius: .1rem;
    box-shadow: .08rem .13rem .3rem 0 rgba(120, 78, 237, .15)
}

.innovation-in-payments-02 .list li .item:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: -0.54rem;
    right: 0;
    bottom: 0;
    background: url(../images/img174_1.png) center top no-repeat;
    background-size: 1.74rem
}

.innovation-in-payments-02 .list li .item:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 100%;
    width: 1.06rem;
    height: .15rem;
    border-radius: .15rem;
    background: #ff5c2e;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.innovation-in-payments-02 .list li .item .num {
    position: absolute;
    z-index: 2;
    left: 0;
    top: .08rem;
    right: 0;
    text-align: center;
    color: #fff;
    font-size: .3rem;
    font-family: "Roboto-Bold";
    line-height: 1em
}

.innovation-in-payments-02 .list li .item .name {
    font-size: .18rem;
    line-height: .32rem;
    color: #212121;
    position: relative;
    width: 100%;
    text-align: center
}

.innovation-in-payments-02 .list li .item .name:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -0.34rem;
    width: .42rem;
    background: url(../images/img42_1.png) center no-repeat;
    background-size: 100%
}

.innovation-in-payments-02 .list li:nth-child(2) .item:before {
    background-image: url(../images/img174_2.png)
}

.innovation-in-payments-02 .list li:nth-child(2) .item:after {
    background: #e8a238
}

.innovation-in-payments-02 .list li:nth-child(2) .item .name:after {
    background-image: url(../images/img42_2.png)
}

.innovation-in-payments-02 .list li:nth-child(3) .item:before {
    background-image: url(../images/img174_3.png)
}

.innovation-in-payments-02 .list li:nth-child(3) .item:after {
    background: #02a795
}

.innovation-in-payments-02 .list li:nth-child(3) .item .name:after {
    background-image: url(../images/img42_3.png)
}

.innovation-in-payments-02 .list li:nth-child(4) .item:before {
    background-image: url(../images/img174_4.png)
}

.innovation-in-payments-02 .list li:nth-child(4) .item:after {
    background: #0076a8
}

.innovation-in-payments-02 .list li:nth-child(4) .item .name:after {
    background-image: url(../images/img42_4.png)
}

.innovation-in-payments-02 .list li:nth-child(5) .item:before {
    background-image: url(../images/img174_5.png)
}

.innovation-in-payments-02 .list li:nth-child(5) .item:after {
    background: #4d52a5
}

.innovation-in-payments-02 .list li:nth-child(5) .item .name:after {
    display: none
}

.innovation-in-payments-02 .list li:hover .item {
    top: -0.2rem
}

.new-drug {
    padding: 1.23rem 0 1.6rem 0
}

.new-drug ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.new-drug li {
    width: 7.3rem
}

.new-drug 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;
    background: url(../images/img730.png) center no-repeat;
    background-size: cover;
    height: 2.4rem;
    position: relative;
    padding: 0 .76rem
}

.new-drug a:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: rgba(0, 0, 0, .1) solid 1px
}

.new-drug a .ico {
    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: 1rem;
    height: 1rem;
    border: rgba(7, 0, 2, .1) solid 1px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.new-drug a .ico img {
    width: .58rem
}

.new-drug a .col {
    width: 100%;
    padding-left: .81rem;
    position: relative
}

.new-drug a .col:before {
    content: "";
    display: block;
    position: absolute;
    left: .4rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1px;
    height: .99rem;
    background: rgba(0, 0, 0, .15)
}

.new-drug a .col h5 {
    font-size: .32rem;
    padding-bottom: .12rem
}

.new-drug a .col p {
    font-size: .2rem;
    line-height: 1.5em;
    color: #807d7e
}

@media screen and (max-width: 800px) {
    .p-banner .list li {
        height: 5rem
    }

    .p-banner .list li a {
        height: .5rem
    }

    .p-banner .wal {
        height: 5rem
    }

    .p-banner .title {
        bottom: .6rem
    }

    .p-banner .title h2 {
        font-size: .46rem
    }

    .p-banner .title p {
        font-size: .24rem;
        max-width: 70%;
        line-height: 1.6em;
        padding-top: .2rem
    }

    .p-banner .index-scroll {
        right: .3rem
    }

    .page-banner2 .title p {
        max-width: 100%
    }

    .p-curr .wal {
        height: .9rem;
        margin: 0
    }

    .p-curr .home,
    .p-curr .back {
        height: .9rem;
        width: .9rem;
        font-size: .28rem
    }

    .p-curr .home {
        border-left: 0;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }

    .p-curr .back {
        border-right: 0
    }

    .p-curr .list {
        width: 100%;
        padding-right: .89rem
    }

    .p-curr .list .item {
        width: 50%
    }

    .p-curr .list .item .name {
        height: .9rem;
        font-size: .26rem;
        padding: 0 .15rem 0 .2rem;
        width: 100%
    }

    .p-curr .list .item ul {
        padding: .15rem 0
    }

    .p-curr .list .item ul a {
        font-size: .24rem;
        line-height: .4rem;
        padding: .15rem .2rem
    }

    .p-curr .list .item:nth-child(3) {
        display: none
    }

    .page-num-name {
        text-align: right;
        display: none
    }

    .page-num-name em {
        font-family: "Roboto-Bold";
        font-size: .38rem;
        line-height: 1em;
        display: block
    }

    .page-num-name div {
        font-size: .16rem;
        line-height: .22rem;
        opacity: .4;
        font-family: "Roboto-Regular";
        padding-top: .1rem
    }

    .p-title h2 {
        font-size: .56rem;
        letter-spacing: 0
    }

    .p-title .en {
        font-size: .22rem
    }

    .p-num .num a {
        width: .5rem;
        height: .5rem;
        font-size: .24rem
    }

    .p-num .next {
        width: .6rem;
        height: .6rem;
        font-size: .24rem
    }

    .consultation-1 .col {
        width: 100%;
        padding-bottom: .5rem
    }

    .consultation-1 .col .logo {
        width: 2.79rem
    }

    .consultation-1 .col .name {
        width: 6.15rem;
        font-size: .32rem;
        line-height: .48rem
    }

    .consultation-1 .col .content {
        font-size: .26rem
    }

    .consultation-1 .img {
        width: 100%
    }

    .consultation-2 .list {
        width: 5.5rem
    }

    .consultation-2 .list li {
        padding: .35rem 0
    }

    .consultation-2 .list li p {
        font-size: .24rem;
        line-height: .4rem
    }

    .consultation-3 .list li a {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .consultation-3 .list li a .zoomImg {
        width: 100%
    }

    .consultation-3 .list li a .zoomImg .url {
        left: .25rem;
        top: .25rem;
        right: .25rem;
        bottom: .25rem;
        font-size: .3rem
    }

    .consultation-3 .list li a .col {
        width: 100%;
        padding-top: .35rem
    }

    .consultation-3 .list li a .col .name {
        font-size: .28rem;
        line-height: .46rem;
        margin-bottom: .3rem
    }

    .consultation-3 .list li a .col p {
        font-size: .24rem;
        line-height: .44rem;
        margin-bottom: .45rem
    }

    .consultation-3 .list li a .col .time {
        border-top: 0;
        padding-top: 0;
        font-size: .26rem
    }

    .consultation-3 .list li a .col .time em {
        background-size: .2rem;
        padding-left: .32rem
    }

    .consultation-3 .list li a .col .time:after {
        font-size: .24rem
    }

    .case {
        padding-bottom: 0
    }

    .case .content {
        padding: 0 0 .5rem 0
    }

    .case .img {
        position: static;
        width: 100%
    }

    .authentication .content {
        font-size: .26rem
    }

    .authentication-item .title h2 {
        font-size: .46rem
    }

    .authentication-item .title .en {
        font-size: .24rem
    }

    .authentication-item .list {
        border-top: rgba(33, 33, 33, .2) solid 1px;
        width: 100%;
        padding: .5rem 0 .2rem 0
    }

    .authentication-item .list li {
        font-size: .26rem;
        line-height: .44rem
    }

    .authentication-item .list li:before {
        top: .16rem
    }

    .authentication-item .img-list {
        padding-top: .5rem
    }

    .authentication-item .img-list li .name {
        font-size: .24rem;
        line-height: .32rem
    }

    .authentication-item .img-list-3 li {
        width: 50%
    }

    .p-more2 {
        font-size: .26rem
    }

    .p-table table,
    .verification-1 .list table,
    .gene-prediction-1 .list2 table {
        width: 15rem
    }

    .p-table th,
    .verification-1 .list th,
    .gene-prediction-1 .list2 th {
        font-size: .26rem
    }

    .verification-1 .img {
        width: 100%;
        padding: .65rem 0
    }

    .verification-1 .container {
        width: 100%;
        position: relative;
        top: 0;
        padding: .4rem
    }

    .verification-1 .container h3 {
        font-size: .32rem
    }

    .verification-1 .container li {
        font-size: .24rem
    }

    .verification-1 .container li:before {
        height: .44rem
    }

    .verification-1 .list {
        width: 100%;
        overflow-x: auto
    }

    .verification-2 {
        padding-bottom: 1rem
    }

    .verification-2 .title {
        padding: 1rem 0 .3rem 0
    }

    .verification-2 .container {
        width: 100%;
        padding: .4rem
    }

    .verification-2 .container li {
        font-size: .24rem
    }

    .verification-2 .container li:before {
        height: .44rem
    }

    .verification-2 .img {
        width: 100%;
        position: relative;
        top: 0;
        margin-top: .5rem
    }

    .quality-control .content {
        padding-bottom: .35rem;
        font-size: .28rem;
        line-height: .44rem
    }

    .quality-control .list {
        position: relative;
        top: 0;
        left: -0.8rem
    }

    .quality-control .list li {
        font-size: .28rem
    }

    .quality-control .list li:before {
        height: .5rem
    }

    .quality-control .list2 {
        background: none;
        padding-top: .6rem
    }

    .quality-control .list2 ul {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .quality-control .list2 li {
        width: 50%;
        margin-right: 0;
        left: 0;
        top: 0;
        height: auto;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding-bottom: .3rem;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .quality-control .list2 li .num {
        background-image: url(../images/img180_2.png);
        height: 1.8rem;
        margin-bottom: .25rem
    }

    .quality-control .list2 li h5 {
        height: .66rem;
        padding: 0 .2rem;
        font-size: .28rem
    }

    .quality-control .list2 li dl {
        font-size: .24rem;
        line-height: .4rem;
        width: 100%;
        padding-top: .3rem;
        position: relative;
        left: .3rem
    }

    .quality-control .list2 li dd {
        min-width: 50%
    }

    .quality-control .list2 .ul-1 li {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .quality-control .list2 .ul-1 li h5 {
        margin-bottom: 0
    }

    .quality-control .list2 .ul-1 li:nth-child(1) dd {
        min-width: 6.5em
    }

    .quality-control .list2 .ul-2 li {
        left: 0;
        top: 0
    }

    .quality-control .list2 .ul-2 li h5 {
        margin-top: 0
    }

    .quality-control .list2 .ul-2 li dl {
        padding: .3rem 0 0 0
    }

    .quality-control .list2 .ul-2 li:nth-child(2) dd {
        min-width: 4.5em
    }

    .quality-control .list2 .ul-2 li:nth-child(2) dd:nth-child(2) {
        min-width: 50%
    }

    .quality-control .list2 .ul-2 li:nth-child(3) dd {
        min-width: 7.5em
    }

    .individuation {
        padding: 1.2rem 0 1rem 0
    }

    .individuation .col {
        width: 100%;
        padding-bottom: .5rem
    }

    .individuation .col .content {
        font-size: .28rem
    }

    .individuation .col .more a {
        font-size: .26rem;
        width: 2.4rem;
        height: .7rem
    }

    .individuation .zoomImg {
        width: 100%
    }

    .individuation .list {
        padding: 1rem 0 0 .5rem
    }

    .individuation .list ul {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .individuation .list li {
        width: 50%;
        padding-bottom: .5rem
    }

    .individuation .list li .num em {
        font-size: .68rem;
        font-weight: bold
    }

    .individuation .list li .num span {
        font-size: .32rem
    }

    .individuation .list li .name {
        font-size: .28rem
    }

    .follow-up-service {
        padding-bottom: 4rem
    }

    .follow-up-service .num span {
        font-size: .24rem
    }

    .follow-up-service .msg2 {
        font-size: .2rem
    }

    .follow-up-service .msg {
        font-size: .28rem;
        line-height: .44rem;
        width: 100%
    }

    .follow-up-service .content {
        font-size: .26rem;
        width: 100%;
        padding-bottom: .5rem
    }

    .follow-up-service .list {
        position: relative;
        top: 0;
        right: 0;
        margin: 0 auto
    }

    .follow-up-service .list li .name {
        margin-left: -1.5rem;
        margin-right: -1.5rem;
        font-size: .26rem
    }

    .follow-up-service .list li p {
        font-size: .22rem;
        line-height: .32rem;
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }

    .gene-prediction-1 .head {
        display: none
    }

    .gene-prediction-1 .p-title {
        padding-bottom: .4rem
    }

    .gene-prediction-1 .list {
        padding-bottom: 1rem;
        padding-top: .2rem
    }

    .gene-prediction-1 .list li {
        width: calc(50% - .15rem);
        padding-bottom: .35rem
    }

    .gene-prediction-1 .list li .img {
        height: 3rem
    }

    .gene-prediction-1 .list li .img img {
        height: 3rem;
        width: 100%
    }

    .gene-prediction-1 .list li h5 {
        font-size: .26rem
    }

    .gene-prediction-1 .list li p {
        font-size: .24rem;
        line-height: .4rem
    }

    .gene-prediction-1 .list2 {
        width: 100%;
        overflow-x: auto
    }

    .gene-prediction-2 .list li {
        font-size: .28rem
    }

    .gene-prediction-2 .list2 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .gene-prediction-2 .list2 ul {
        width: 100%
    }

    .gene-prediction-2 .list2 li .head {
        padding: .55rem 0;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .gene-prediction-2 .list2 li .head .name {
        padding-bottom: .1rem
    }

    .gene-prediction-2 .list2 li .head .name h5 {
        font-weight: bold
    }

    .gene-prediction-2 .list2 li .head .name p {
        font-size: .24rem;
        color: gray
    }

    .gene-prediction-2 .list2 li .head .msg {
        font-size: .26rem;
        line-height: 1.6em;
        width: 100%
    }

    .gene-prediction-2 .list2 li .bd dd {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        line-height: .4rem;
        padding: .1rem 0;
        font-size: .24rem
    }

    .gene-prediction-2 .list2 li .bd dd .msg {
        width: 100%;
        padding-left: .41rem
    }

    .TFDAI-1 .list li {
        font-size: .26rem;
        line-height: .44rem
    }

    .TFDAI-1 .list li:before {
        height: .44rem
    }

    .TFDAI-2 {
        padding: 1.2rem 0 1rem 0
    }

    .TFDAI-2 .list .content {
        font-size: .24rem
    }

    .TFDAI-2 .list2 {
        padding-bottom: .5rem
    }

    .TFDAI-2 .list2 ul {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .TFDAI-2 .list2 li {
        width: auto
    }

    .TFDAI-2 .list2 li .name {
        font-size: .26rem
    }

    .TFDAI-2 .img {
        width: 6.3rem;
        position: relative;
        top: 0;
        margin: 0 auto
    }

    .TFDAI-3 .list ul {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .TFDAI-3 .list li {
        width: calc(50% - .15rem);
        margin-bottom: .3rem
    }

    .TFDAI-3 .list li .container dd {
        font-size: .24rem
    }

    .TFDAI-4 .list li {
        font-size: .26rem;
        line-height: .44rem
    }

    .TFDAI-4 .list li:before {
        height: .44rem
    }

    .TFDAI-4 .list2 ul {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .TFDAI-4 .list2 li {
        width: 3.1rem;
        margin-bottom: .3rem
    }

    .TFDAI-4 .list2 li h5 {
        left: -0.31rem;
        top: .2rem;
        font-size: .28rem;
        line-height: .8rem;
        width: 3.9rem;
        height: .98rem
    }

    .internet-hospital-2222 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .internet-hospital-2222 .col {
        width: 100%
    }

    .internet-hospital-2222 .col .content {
        font-size: .24rem
    }

    .internet-hospital2-2222 .p-title h2 {
        font-size: .52rem
    }

    .internet-hospital2-2222 .list {
        width: 4.95rem
    }

    .internet-hospital2-2222 .list li .box {
        height: 5rem;
        padding: 0 .6rem 0 .23rem
    }

    .internet-hospital2-2222 .list li .box .name b {
        font-size: .32rem
    }

    .internet-hospital2-2222 .list li .box .name h5 {
        font-size: .28rem
    }

    .internet-hospital2-2222 .list li .box .content {
        font-size: .24rem;
        line-height: .4rem
    }

    .internet-hospital2-2222 .list .list-1 li .box .time {
        font-size: .22rem;
        padding-top: .4rem
    }

    .internet-hospital2-2222 .list .list-1 li .box .time em {
        font-size: .26rem
    }

    .internet-hospital2-2222 .list .list-2 {
        left: 2.57rem
    }

    .internet-hospital2-2222 .list .list-2 li .box .time {
        font-size: .22rem;
        height: .5rem
    }

    .internet-hospital2-2222 .list .list-2 li .box .time em {
        font-size: .26rem
    }

    .internet-hospital2-2222 .arrow {
        top: 7.2rem;
        width: 2rem
    }

    .internet-hospital2-2222 .arrow a {
        width: .4rem;
        height: .4rem;
        font-size: .24rem
    }

    .internet-hospital2-2222 .arrow .num {
        font-size: .24rem
    }

    .internet-hospital2-2222 .arrow .num .num-curr {
        font-size: .32rem
    }

    .internet-hospital .wal {
        padding-bottom: 1rem
    }

    .internet-hospital .container h3 {
        font-size: .32rem
    }

    .internet-hospital .container .content {
        font-size: .26rem
    }

    .internet-hospital .list {
        -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;
        padding-bottom: 1rem
    }

    .internet-hospital .list .img {
        width: 5.34rem;
        height: 5.34rem;
        -webkit-box-ordinal-group: -1;
        -webkit-order: -2;
        -ms-flex-order: -2;
        order: -2
    }

    .internet-hospital .list ul {
        width: 6rem
    }

    .internet-hospital .list li {
        padding-top: .3rem
    }

    .internet-hospital .list li .box {
        position: relative
    }

    .internet-hospital .list li .box .ico {
        width: .74rem;
        position: absolute;
        top: 0
    }

    .internet-hospital .list li .box .name {
        font-size: .3rem;
        padding: .1rem 0
    }

    .internet-hospital .list li .box .content {
        font-size: .24rem
    }

    .internet-hospital .list ul.ul-l li .box {
        padding: 0 0 0 .84rem;
        text-align: left
    }

    .internet-hospital .list ul.ul-l li .box .ico {
        left: -0.05rem;
        right: auto
    }

    .internet-hospital .list ul.ul-l li .box .content {
        margin-left: 0
    }

    .internet-hospital .list ul.ul-l li .box .content dd {
        padding: 0 0 0 .15rem
    }

    .internet-hospital .list ul.ul-l li .box .content dd:before {
        left: 0;
        right: auto
    }

    .internet-hospital .list ul.ul-r li .box {
        padding-left: .84rem
    }

    .internet-hospital .list ul.ul-r li .box .ico {
        left: -0.05rem
    }

    .internet-hospital .list2 li {
        width: 100%;
        padding-bottom: .3rem
    }

    .internet-hospital .list2 li .box {
        height: 3.6rem;
        padding: .45rem 0 0 .4rem
    }

    .internet-hospital .list2 li .name .ico {
        margin-right: .2rem
    }

    .internet-hospital .list2 li p {
        font-size: .24rem
    }

    .internet-hospital .list2 li .ewm {
        width: 2.4rem;
        right: .3rem
    }

    .innovation-in-payments-01 {
        height: 8.3rem;
        padding-top: 1.2rem
    }

    .innovation-in-payments-01 ul {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative;
        left: -0.2rem
    }

    .innovation-in-payments-01 li {
        width: 2rem;
        height: 3rem
    }

    .innovation-in-payments-01 li .item {
        width: 2rem;
        height: 2rem;
        position: absolute;
        z-index: 5;
        left: 50%;
        top: 0;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        background: #fafafa;
        border-radius: 50%;
        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
    }

    .innovation-in-payments-01 li .item:after {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 1.6rem;
        height: 1.6rem;
        background: #fdfdfd;
        box-shadow: 0 .06rem .14rem 0 rgba(159, 163, 170, .2), 0 .03rem .04rem 0 #fff;
        border-radius: 50%
    }

    .innovation-in-payments-01 li .item:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: center no-repeat;
        background-size: 1.84rem
    }

    .innovation-in-payments-01 li .item .ico {
        width: .6rem;
        position: relative;
        z-index: 5
    }

    .innovation-in-payments-01 li .item .name {
        text-align: center;
        font-size: .18rem;
        line-height: .22rem;
        height: .6rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        position: relative;
        z-index: 5
    }

    .innovation-in-payments-01 li .item .line {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -1.06rem;
        margin-top: -1.06rem;
        width: 2.12rem;
        height: 2.12rem;
        background: center no-repeat;
        background-size: 100% 100%
    }

    .innovation-in-payments-01 li:nth-child(even) {
        width: 1.33rem;
        top: 1.52rem
    }

    .innovation-in-payments-01 li:nth-child(4) .item:before {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .innovation-in-payments-02 .wal {
        padding-bottom: 1rem
    }

    .innovation-in-payments-02 .content {
        font-size: .24rem
    }

    .innovation-in-payments-02 .list .line {
        display: none
    }

    .innovation-in-payments-02 .list ul {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: .8rem;
        margin-left: -0.2rem;
        margin-right: -0.2rem
    }

    .innovation-in-payments-02 .list li {
        padding: 0 .2rem .6rem .2rem;
        width: 33.333%
    }

    .innovation-in-payments-02 .list li .item {
        width: 100%
    }

    .innovation-in-payments-02 .list li .item .num {
        font-size: .32rem
    }

    .innovation-in-payments-02 .list li .item .name {
        font-size: .24rem;
        line-height: .4rem;
        padding: 0 .2rem
    }

    .innovation-in-payments-02 .list li:nth-child(3) .item .name:after {
        display: none
    }

    .new-drug li {
        width: 100%;
        padding-bottom: .3rem
    }

    .new-drug a {
        height: 2.4rem;
        padding: 0 .3rem 0 .4rem
    }

    .new-drug a .col p {
        font-size: .24rem
    }
}

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

.honor-1 {
    background: url(../images/honor-1.jpg) center no-repeat;
    background-size: cover;
    min-height: 8.2rem
}

.honor-1 .row {
    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;
    padding: 1.2rem .65rem;
    font-family: "SourceHanSerifCN-Regular"
}

.honor-1 .row .list-1 {
    width: 8.9rem;
    overflow: hidden;
    position: relative
}

.honor-1 .row .list-1 .list-wrapper {
    position: relative;
    left: 50%;
    width: 27.9rem;
    margin-left: -13.95rem
}

.honor-1 .row .list-1 li {
    padding-top: .1rem
}

.honor-1 .row .list-1 li .name {
    opacity: 0;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    text-align: center;
    margin-left: -1rem;
    margin-right: -1rem
}

.honor-1 .row .list-1 li .name h5 {
    font-size: .28rem;
    padding: .4rem 0 .15rem 0;
    line-height: 1em;
    color: #212121
}

.honor-1 .row .list-1 li .name .msg {
    font-size: .16rem;
    color: #999;
    line-height: 1.8em;
    max-width: 6rem;
    margin: 0 auto
}

.honor-1 .row .list-1 li.swiper-slide-active .zoomImg {
    box-shadow: 0 .06rem .2rem rgba(0, 0, 0, .15)
}

.honor-1 .row .list-1 li.swiper-slide-active .name {
    opacity: 1
}

.honor-1 .row .list-2 {
    width: 3.1rem;
    position: relative
}

.honor-1 .row .list-2 .list-wrapper {
    height: 4.25rem;
    overflow: hidden;
    position: relative
}

.honor-1 .row .list-2 li {
    height: .85rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.honor-1 .row .list-2 li .name {
    font-size: .18rem;
    color: #212121;
    border-radius: .5rem;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    height: .6rem;
    line-height: .6rem;
    min-width: 2.8rem;
    padding: 0 .1rem;
    text-align: center;
    cursor: pointer
}

.honor-1 .row .list-2 li.swiper-slide-active .name {
    color: #fff;
    background: #00ccbe
}

.honor-1 .row .list-2 .arrow 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-family: "iconfont";
    position: absolute;
    z-index: 5;
    left: 0;
    width: 100%;
    opacity: .7;
    font-size: .16rem
}

.honor-1 .row .list-2 .arrow a:hover {
    opacity: 1;
    color: #00ccbe
}

.honor-1 .row .list-2 .arrow a.prev {
    top: -0.2rem;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.honor-1 .row .list-2 .arrow a.next {
    bottom: -0.2rem
}

.honor-2 {
    padding: 1.15rem 0 1.7rem 0
}

.honor-2 ul {
    border-right: rgba(0, 0, 0, .2) solid 1px;
    border-bottom: rgba(0, 0, 0, .2) solid 1px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.honor-2 li {
    width: 50%;
    border-left: rgba(0, 0, 0, .2) solid 1px;
    border-top: rgba(0, 0, 0, .2) solid 1px;
    height: .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;
    padding: 0 .45rem
}

.honor-2 li a {
    display: block;
    font-size: .18rem;
    line-height: .26rem;
    color: #4d4d4d;
    padding-left: .43rem;
    background: url(../images/img20.png) left center no-repeat;
    background-size: .2rem
}

.honor-2 li a:hover {
    color: #00ccbe;
    text-decoration: underline
}

.development-1 {
    position: relative;
    padding-bottom: .77rem
}

.development-1 .p-title {
    padding: 1.25rem 0 .6rem 0
}

.development-1 .list {
    width: 8.5rem;
    min-height: 4.08rem
}

.development-1 .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-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.development-1 .list li {
    width: 4rem;
    height: 1.38rem;
    border-bottom: rgba(0, 0, 0, .15) solid 1px;
    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
}

.development-1 .list li:nth-child(1),
.development-1 .list li:nth-child(2) {
    border-top: rgba(0, 0, 0, .15) solid 1px
}

.development-1 .list li .ico {
    width: .72rem;
    height: .72rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative
}

.development-1 .list li .ico:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/img72.png) center no-repeat;
    background-size: 100% 100%;
    -webkit-animation: rotateAnima 12s linear infinite;
    animation: rotateAnima 12s linear infinite
}

.development-1 .list li .col {
    width: 100%;
    padding-left: .2rem;
    color: #000
}

.development-1 .list li .col h5 {
    font-size: .24rem;
    padding-bottom: .03rem
}

.development-1 .list li .col p {
    font-size: .16rem;
    line-height: .28rem
}

.development-1 .img-list {
    position: absolute;
    top: 1.2rem;
    right: 0;
    width: 5.8rem;
    overflow: hidden
}

.development-1 .img-list .dots {
    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: .29rem
}

.development-1 .img-list .dots span {
    border-radius: 50%;
    width: .1rem;
    height: .1rem;
    background: rgba(0, 0, 0, .4);
    margin: 0 .1rem
}

.development-1 .img-list .dots .swiper-pagination-bullet-active {
    background: #00ccbe
}

.development-2 .head {
    background: url(../images/development-2.jpg) center no-repeat;
    background-size: cover;
    height: 5rem;
    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;
    color: #fff;
    position: relative
}

.development-2 .head:before,
.development-2 .head:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    width: 16.6rem;
    height: .55rem;
    background: #fff;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.development-2 .head:before {
    top: -1px
}

.development-2 .head:after {
    bottom: -1px
}

.development-2 .head h2 {
    font-size: .46rem;
    line-height: 1em;
    position: relative;
    padding-bottom: .8rem
}

.development-2 .head h2:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: .4rem;
    width: .6rem;
    height: .04rem;
    background: #fff;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.development-2 .head p {
    font-size: .18rem
}

.development-2 .list {
    position: relative;
    z-index: 2;
    top: -0.11rem;
    padding-bottom: 1.5rem
}

.development-2 .list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: -0.11rem
}

.development-2 .list li {
    width: 10%;
    padding: 0 0 .11rem .11rem
}

.development-2 .list li:hover img {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transition: all .5s linear;
    transition: all .5s linear
}

.development-2 .list li.ewm {
    width: 20%;
    position: relative;
    z-index: 5
}

.development-2 .list li.ewm .img {
    position: absolute;
    left: .11rem;
    top: 0;
    right: 0
}

.page-bg {
    background: rgba(209, 241, 249, .15)
}

.about-1 {
    width: 100%;
    overflow: hidden;
    position: relative
}

.about-1 .wal {
    padding: 1.43rem 0 1.17rem .49rem;
    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;
    position: relative
}

.about-1 .wal:after {
    content: "";
    display: block;
    position: absolute;
    top: 1rem;
    right: 0;
    background: url(../images/yin-icon.png) center no-repeat;
    background-size: 100% 100%;
    width: 1rem;
    height: .8rem
}

.about-1 .side-img {
    width: 6rem;
    position: relative
}

.about-1 .side-img:after {
    content: "";
    display: block;
    position: absolute;
    left: -0.49rem;
    top: 0;
    background: url(../images/img28.png) center no-repeat;
    background-size: 100%;
    width: .28rem;
    height: 1.39rem
}

.about-1 .side-img .p-scroll {
    position: absolute;
    left: -0.7rem;
    bottom: 1rem
}

.about-1 .col {
    width: 7.21rem
}

.about-1 .col .p-title {
    padding: 0 0 .4rem 0
}

.about-1 .col .content {
    font-size: .2rem;
    text-align: justify;
    line-height: 2em;
    color: #58595b
}

.about-1 .col .content .line {
    height: .8rem;
    position: relative
}

.about-1 .col .content .line:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 50%;
    width: 100vw;
    height: 1px;
    background: rgba(0, 0, 0, .15)
}

.about-1 .col .content .p {
    padding-bottom: .4rem
}

.about-1 .col .img {
    padding-top: .7rem
}

.about-2 {
    width: 100%;
    overflow: hidden;
    position: relative
}

.about-2:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 5;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(../images/about-bg.png) center no-repeat;
    background-size: auto 100%;
    height: 1.61rem
}

.about-2 .p-title {
    padding: 1rem 0 0 0
}

.about-2 .list li {
    width: 4.2rem;
    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: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 9rem
}

.about-2 .list .box {
    position: relative;
    padding: 0 .35rem 1.8rem .35rem
}

.about-2 .list .box:before {
    content: "";
    display: block;
    position: absolute;
    left: .07rem;
    bottom: 0;
    top: .2rem;
    width: 1px;
    background: rgba(0, 0, 0, .2)
}

.about-2 .list .box .year {
    position: relative
}

.about-2 .list .box .year:after {
    content: "";
    display: block;
    position: absolute;
    top: .12rem;
    width: .15rem;
    height: .15rem;
    background: #fff;
    border: #33d6c6 solid .03rem;
    border-radius: 50%;
    box-sizing: border-box;
    left: -0.35rem
}

.about-2 .list .box .year h5 {
    font-size: .36rem;
    color: #000;
    line-height: 1em;
    font-weight: 400;
    font-family: "Roboto-Regular"
}

.about-2 .list .box .year p {
    font-size: .16rem;
    line-height: .22rem;
    color: rgba(0, 0, 0, .7);
    padding: .1rem 0 .3rem 0
}

.about-2 .list .box dd {
    font-size: .18rem;
    line-height: .24rem;
    color: #212121;
    padding-bottom: .15rem;
    position: relative
}

.about-2 .list .box dd:after {
    content: "";
    display: block;
    position: absolute;
    top: .085rem;
    width: .09rem;
    height: .09rem;
    background: #fff;
    border: #48a83a solid .02rem;
    border-radius: 50%;
    box-sizing: border-box;
    left: -0.32rem
}

.about-2 .list .box dd.red:after {
    border-color: #e84d39
}

.about-2 .list .box dd.blue:after {
    border-color: #018bd6
}

.about-2 .list .box dd.violet:after {
    border-color: #c747c0
}

.about-2 .list .box dd.yellow:after {
    border-color: #f4a845
}

.about-3 {
    background: url(../images/about-3.jpg) center no-repeat;
    background-size: cover;
    width: 100%;
    overflow: hidden;
    position: relative
}

.about-3 .wal {
    min-height: 9.5rem;
    padding: 1.15rem 0
}

.about-3 .p-title {
    padding: 0
}

.about-3 .p-title h2 {
    color: #fff
}

.about-3 .list {
    padding-top: .3rem
}

.about-3 .list li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.about-3 .list a {
    border-bottom: rgba(255, 255, 255, .3) solid 1px;
    line-height: .76rem;
    position: relative;
    color: #fff;
    padding-left: .33rem;
    font-size: .18rem;
    background: url(../images/img15.png) left center no-repeat;
    background-size: .15rem
}

.about-4 {
    background: url(../images/about-4.jpg) center top no-repeat;
    background-size: cover;
    width: 100%;
    overflow: hidden;
    position: relative
}

.about-4 .wal {
    min-height: 9rem
}

.about-4 .p-title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 1.24rem 0 .8rem 0
}

.about-4 .p-title p {
    font-size: .24rem;
    padding-left: .1rem;
    color: #58595b
}

.about-4 .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.4rem
}

.about-4 .list li {
    width: 20%;
    padding-left: .4rem;
    position: relative
}

.about-4 .list li .item {
    position: relative;
    background: #fff;
    border-radius: .2rem;
    min-height: 5.6rem;
    padding: .5rem .3rem .3rem .4rem;
    top: 0;
    -webkit-transition: top .5s ease;
    transition: top .5s ease
}

.about-4 .list li .item:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: .2rem;
    opacity: 0;
    background: #00bfac
}

.about-4 .list li .item:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: .2rem;
    border: rgba(33, 33, 33, .1) solid 2px
}

.about-4 .list li .item .bg {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: .2rem;
    background: center top no-repeat;
    background-size: 100%
}

.about-4 .list li .item .ico {
    height: .5rem;
    position: relative
}

.about-4 .list li .item .ico img {
    height: .5rem
}

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

.about-4 .list li .item h5 {
    font-size: .26rem;
    line-height: .4rem;
    position: relative;
    padding: .3rem 0 .8rem 0;
    color: #212121;
    margin-right: -0.1rem;
    -webkit-transition: color .5s ease;
    transition: color .5s ease
}

.about-4 .list li .item h5:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: .4rem;
    width: .28rem;
    height: .03rem;
    background: #00bfac
}

.about-4 .list li .item .content {
    font-size: .18rem;
    line-height: .32rem;
    color: #58595b;
    position: relative;
    -webkit-transition: color .5s ease;
    transition: color .5s ease
}

.about-4 .list li:nth-child(even) {
    top: .5rem
}

.about-4 .list li:nth-child(2) .item:before,
.about-4 .list li:nth-child(2) .item h5:before {
    background: #2d9ec5
}

.about-4 .list li:nth-child(3) .item:before,
.about-4 .list li:nth-child(3) .item h5:before {
    background: #ef8b1d
}

.about-4 .list li:nth-child(4) .item:before,
.about-4 .list li:nth-child(4) .item h5:before {
    background: #88549c
}

.about-4 .list li:nth-child(5) .item:before,
.about-4 .list li:nth-child(5) .item h5:before {
    background: #3e67ae
}

.about-4 .list li .item:hover {
    top: -0.2rem
}

.about-4 .list li .item:hover:before {
    opacity: 1
}

.about-4 .list li .item:hover .ico img:nth-child(1) {
    opacity: 0
}

.about-4 .list li .item:hover .ico img:nth-child(2) {
    opacity: 1
}

.about-4 .list li .item:hover h5,
.about-4 .list li .item:hover .content {
    color: #fff
}

.about-4 .list li .item:hover h5:before {
    background: #fff
}

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

.culture-bg .yuan-1 {
    position: absolute;
    left: -3rem;
    top: 50%;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 50%;
    background: rgba(163, 195, 27, .2)
}

.culture-bg .yuan-2 {
    position: absolute;
    right: -1.86rem;
    top: 0;
    width: 2.48rem;
    height: 2.48rem;
    border-radius: 50%;
    background: rgba(35, 131, 198, .1)
}

.culture-1 {
    padding-bottom: 2.35rem;
    position: relative
}

.culture-1 .en-title {
    width: 13.14rem;
    position: absolute;
    left: 50%;
    top: 3rem;
    margin-left: -1.8rem
}

.culture-1 .p-title {
    padding: 1.2rem 0;
    text-align: right
}

.culture-1 .img {
    width: 7rem;
    position: relative
}

.culture-1 .img .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    z-index: 5;
    top: -0.8rem;
    right: -1.26rem;
    width: 6rem;
    height: 2rem;
    border: #00ccb8 solid .02rem;
    background: rgba(255, 255, 255, .8)
}

.culture-1 .img .title img {
    width: 4.09rem
}

.culture-2 {
    position: relative
}

.culture-2 .en-title {
    width: 2.85rem;
    position: absolute;
    left: -2.85rem;
    top: -5.7rem
}

.culture-2 .p-title {
    padding: 0
}

.culture-2 .content {
    padding: .65rem 0 1.15rem 0;
    max-width: 7.06rem;
    text-align: justify;
    font-size: .24rem;
    line-height: .44rem
}

.culture-2 .img {
    width: 5.6rem;
    position: absolute;
    right: 0;
    top: -6.8rem
}

.culture-3 {
    position: relative;
    padding-bottom: 1.7rem
}

.culture-3 .en-title {
    width: 11.29rem;
    position: absolute;
    left: 50%;
    top: 1.73rem
}

.culture-3 .p-title {
    text-align: right;
    padding: 0 0 .85rem 0
}

.culture-3 .list {
    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: 11.25rem;
    background: #00ccb8;
    position: relative
}

.culture-3 .list .yuan {
    position: absolute;
    left: 5.11rem;
    top: -0.7rem;
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 50%;
    background: rgba(214, 21, 24, .3)
}

.culture-3 .list dl {
    padding-left: .9rem;
    font-size: .28rem;
    line-height: .84rem;
    color: #fff;
    position: relative
}

.culture-3 .list .img-list {
    width: 8.4rem;
    overflow: hidden;
    position: relative
}

.culture-3 .list .arrow {
    position: absolute;
    z-index: 5;
    right: 0;
    bottom: 0;
    width: 1.2rem;
    height: .6rem;
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.culture-3 .list .arrow:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1px;
    height: .12rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #000;
    opacity: .2
}

.culture-3 .list .arrow 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;
    width: 50%;
    height: .6rem;
    font-family: "iconfont";
    font-size: 12px;
    color: #999
}

.culture-3 .list .arrow a:hover {
    color: #00ccbe
}

.culture-3 .list .arrow a.prev em {
    -webkit-transform: rotate(90deg) scale(0.7);
    -ms-transform: rotate(90deg) scale(0.7);
    transform: rotate(90deg) scale(0.7)
}

.culture-3 .list .arrow a.next em {
    -webkit-transform: rotate(-90deg) scale(0.7);
    -ms-transform: rotate(-90deg) scale(0.7);
    transform: rotate(-90deg) scale(0.7)
}

.news-show {
    position: relative;
    padding: 1.2rem 0 .6rem 0
}

.news-show .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;
    height: .6rem;
    width: .6rem;
    font-family: "iconfont";
    border: rgba(7, 0, 2, .2) solid 1px;
    border-radius: 50%;
    color: #666;
    font-size: .24rem;
    z-index: 5;
    position: absolute;
    top: 1.05rem;
    right: 0
}

.news-show .back:hover {
    color: #00ccbe
}

.news-show .head {
    padding-right: 1rem;
    border-bottom: rgba(0, 0, 0, .1) solid 1px
}

.news-show .head h2 {
    font-weight: 400;
    font-size: .3rem;
    color: #333
}

.news-show .head .time {
    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: .13rem 0 .2rem 0;
    font-size: .14rem;
    color: #666
}

.news-show .head .time span {
    font-family: "iconfont";
    margin-right: .08rem
}

.news-show .content {
    font-size: .2rem;
    line-height: 1.9em;
    text-align: justify;
    color: #666;
    padding: .5rem 0 0 0
}

.news-show .content .p {
    padding-bottom: .35rem
}

.news-show .content .imgs {
    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
}

.news-show .content .imgs ul {
    width: 7.45rem
}

.news-show .content .imgs li {
    padding-bottom: .25rem
}

.news-show .content .imgs li .zoomImg {
    border-radius: .08rem
}

.news-show .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: .5rem;
    position: relative;
    top: .1rem;
    z-index: 5;
    max-width: 8rem;
    margin: 0 auto
}

.news-show .title h2 {
    line-height: .56rem;
    padding: 0 .21rem;
    background: #00ccb8;
    color: #fff;
    font-size: .2rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.news-show .title:before,
.news-show .title:after {
    width: 50%;
    border-top: #00ccb8 solid 1px;
    height: .18rem;
    display: block;
    content: "";
    position: relative;
    top: -0.1rem
}

.news-show .title:before {
    border-left: #00ccb8 solid 1px
}

.news-show .title:after {
    border-right: #00ccb8 solid 1px
}

.news-show .container {
    background: #fafafa;
    min-height: 2rem;
    padding: .3rem
}

.news-show .container .list li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: .2rem;
    line-height: 1.9em;
    padding: .06rem 0
}

.news-show .container .list li h5 {
    font-size: .2rem;
    color: #212121;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.news-show .container .list li p {
    color: #666
}

.news-show .container.container2 {
    text-align: center;
    font-size: .2rem;
    line-height: 1.9em;
    color: #666;
    padding: .5rem .33rem 0 .33rem
}

.news-show .container.container2 .p {
    padding-bottom: .35rem
}

.news-show .container.container2 .img {
    padding-bottom: .5rem
}

.p-num2 {
    border-top: rgba(0, 0, 0, .1) solid 1px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: .35rem;
    font-size: .16rem
}

.p-num2 a {
    color: #666
}

.p-num2 a:hover {
    color: #212121
}

.strength {
    padding-bottom: 1.7rem
}

.strength .p-title {
    padding: 1.2rem 0 .4rem 0
}

.strength .list {
    padding-bottom: .55rem
}

.strength .list li {
    position: relative;
    font-size: .24rem;
    line-height: .4rem;
    color: #3b4048;
    padding-left: .41rem
}

.strength .list li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: .4rem;
    width: .21rem;
    background: url(../images/img21.png) center no-repeat;
    background-size: 100%
}

.strength .list2 ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.strength .list2 li {
    width: 7.3rem;
    height: 3.6rem;
    border: rgba(0, 0, 0, .15) solid 1px;
    position: relative;
    padding: .46rem .55rem 0 .62rem;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.strength .list2 li .num {
    position: absolute;
    width: 1.12rem;
    top: .37rem;
    right: .48rem
}

.strength .list2 li .num img:nth-child(2) {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0
}

.strength .list2 li .title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: .6rem;
    position: relative
}

.strength .list2 li .title:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: .26rem;
    width: 1rem;
    height: 1px;
    background: rgba(0, 0, 0, .15)
}

.strength .list2 li .title .ico {
    width: 1rem;
    height: 1rem;
    position: relative;
    border-radius: 50%;
    background: #fff
}

.strength .list2 li .title .ico:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: rgba(7, 0, 2, .1) solid 1px;
    border-radius: 50%
}

.strength .list2 li .title .ico img:nth-child(2) {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0
}

.strength .list2 li .title h5 a {
    font-size: .32rem;
    color: #212121;
    padding-left: .39rem;
    display: block
}

.strength .list2 li .content {
    font-size: .2rem;
    line-height: 1.5em;
    color: #807d7e;
    padding-bottom: .4rem;
    -webkit-transition: color .5s ease;
    transition: color .5s ease
}

.strength .list2 li .more {
    text-align: right;
    font-size: .16rem
}

.strength .list2 li .more a {
    display: inline-block;
    opacity: .6
}

.strength .list2 li:hover {
    background: #00ccb8;
    border-color: rgba(0, 0, 0, 0)
}

.strength .list2 li:hover .num img:nth-child(1) {
    opacity: 0
}

.strength .list2 li:hover .num img:nth-child(2) {
    opacity: 1
}

.strength .list2 li:hover .title:before {
    width: 3.42rem;
    background: #fff
}

.strength .list2 li:hover .title .ico:before {
    opacity: 0
}

.strength .list2 li:hover .title .ico img:nth-child(1) {
    opacity: 0
}

.strength .list2 li:hover .title .ico img:nth-child(2) {
    opacity: 1
}

.strength .list2 li:hover .title h5 a {
    color: #fff
}

.strength .list2 li:hover .content {
    color: #fff
}

.strength .list2 li:hover .more a {
    color: #fff
}

.patent-1 {
    position: relative;
    min-height: 8.35rem
}

.patent-1 .page-num-name {
    position: absolute;
    top: 1.2rem;
    right: 0;
    z-index: 5
}

.patent-1 .p-title {
    padding: 1.25rem 0 .4rem 0
}

.patent-1 .msg {
    padding-bottom: .7rem;
    font-size: .34rem;
    color: #3b4048
}

.patent-1 .msg em {
    color: #00ccbe
}

.patent-1 .list {
    max-width: 7.85rem
}

.patent-1 .list li {
    font-size: .2rem;
    line-height: 1.6em;
    color: #666;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 0 0 .3rem .41rem
}

.patent-1 .list li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: .21rem;
    height: .32rem;
    background: url(../images/img21.png) center no-repeat;
    background-size: 100%
}

.patent-1 .list li b {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: #3b4048
}

.patent-1 .img {
    width: 6.32rem;
    position: absolute;
    top: 1.06rem;
    right: .26rem
}

.patent-1 .img .yuan {
    position: absolute;
    left: 0;
    top: 0;
    right: 0
}

.patent-1 .img .name {
    position: relative;
    z-index: 5
}

.patent-1 .img p {
    font-size: .24rem;
    line-height: .42rem;
    color: #3b4048;
    position: absolute;
    left: -3.68rem;
    bottom: 0;
    width: 3.65rem
}

.patent-1 .img p:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: .42rem;
    width: .61rem;
    background: url(../images/img61.png) center no-repeat;
    background-size: 100%
}

.patent-2-bg {
    background: rgba(209, 241, 249, .15)
}

.patent-2 .wal {
    position: relative;
    padding: 1.2rem 0 1rem 0
}

.patent-2 .wal .page-num-name {
    position: absolute;
    top: 1.2rem;
    right: 0;
    z-index: 5
}

.patent-2 .wal .title {
    padding: 0 0 .4rem 0;
    font-size: .34rem;
    color: #3b4048
}

.patent-2 .wal .title em {
    color: #00ccbe
}

.patent-2 .wal .list {
    padding-bottom: .2rem
}

.patent-2 .wal .list li {
    font-size: .24rem;
    line-height: .32rem;
    color: #666;
    position: relative;
    padding: 0 0 .1rem .41rem
}

.patent-2 .wal .list li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: .21rem;
    height: .32rem;
    background: url(../images/img21.png) center no-repeat;
    background-size: 100%
}

.patent-2 .wal .list li em {
    color: #00ccbe
}

.patent-2 .wal .img {
    text-align: center
}

.strength-article-1 {
    width: 100%;
    overflow: hidden;
    position: relative
}

.strength-article-1 .wal {
    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;
    padding: 1.43rem 0 1.23rem .49rem;
    position: relative
}

.strength-article-1 .wal:after {
    content: "";
    display: block;
    position: absolute;
    top: 1rem;
    right: 0;
    background: url(../images/yin-icon.png) center no-repeat;
    background-size: 100% 100%;
    width: 1rem;
    height: .8rem
}

.strength-article-1 .side-img {
    width: 6rem;
    position: relative
}

.strength-article-1 .side-img:after {
    content: "";
    display: block;
    position: absolute;
    left: -0.49rem;
    top: 0;
    background: url(../images/img28-2.png) center no-repeat;
    background-size: 100%;
    width: .28rem;
    height: 1.39rem
}

.strength-article-1 .side-img .p-scroll {
    position: absolute;
    left: -0.7rem;
    bottom: 1rem
}

.strength-article-1 .col {
    width: 7.2rem;
    padding-top: .5rem
}

.strength-article-1 .col .title {
    font-size: .42rem;
    line-height: .6rem;
    color: #3b4048
}

.strength-article-1 .col .line {
    height: 1rem;
    position: relative
}

.strength-article-1 .col .line:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: .35rem;
    height: 1px;
    width: 100vw;
    background: rgba(0, 0, 0, .15)
}

.strength-article-1 .col .content {
    font-size: .2rem;
    line-height: 2em;
    text-align: justify;
    color: #58595b
}

.strength-article-1 .col .content p {
    padding-bottom: .4rem
}

.strength-article-2 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.3rem;
    margin-bottom: -0.3rem
}

.strength-article-2 li {
    width: 33.333%;
    padding: 0 0 .3rem .3rem
}

.strength-article-2 a {
    display: block;
    position: relative
}

.strength-article-2 a:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: #e6e6e6 solid 1px
}

.strength-article-2 a:after {
    content: "";
    display: block;
    position: absolute;
    top: .4rem;
    right: .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;
    width: .42rem;
    height: .42rem;
    content: "";
    font-family: "iconfont";
    color: #fff;
    border: rgba(255, 255, 255, .9) solid 2px;
    font-size: .16rem;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    opacity: 0
}

.strength-article-2 a .img img {
    width: 100%;
    height: 4.75rem;
    opacity: 0
}

.strength-article-2 a .container {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: .35rem .5rem;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    font-size: .14rem
}

.strength-article-2 a .container .tag {
    line-height: 1em
}

.strength-article-2 a .container .name {
    font-size: .22rem;
    line-height: .36rem;
    color: #262626;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    padding: .35rem 0 .45rem 0
}

.strength-article-2 a .container .content {
    font-size: .16rem;
    line-height: .28rem
}

.strength-article-2 a .container .time {
    height: .57rem;
    line-height: .57rem;
    overflow: hidden;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    margin-top: .6rem
}

@media screen and (min-width: 800px) {
    .strength-article-2 a:hover:before {
        opacity: 0
    }

    .strength-article-2 a:hover:after {
        -webkit-transition-delay: .2s;
        transition-delay: .2s;
        opacity: 1
    }

    .strength-article-2 a:hover .img img {
        opacity: 1
    }

    .strength-article-2 a:hover .container {
        color: #fff;
        background: rgba(0, 0, 0, .65)
    }

    .strength-article-2 a:hover .container .name {
        color: #fff;
        padding: .2rem 0 .3rem 0
    }

    .strength-article-2 a:hover .container .time {
        height: 0;
        margin-top: 0
    }
}

@media screen and (max-width: 800px) {
    .honor-1 .row {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 1rem 0;
        margin: 0
    }

    .honor-1 .row .list-1 {
        width: 100%;
        padding-bottom: .6rem
    }

    .honor-1 .row .list-1 .list-wrapper {
        width: 16.74rem;
        margin-left: -8.37rem
    }

    .honor-1 .row .list-1 li {
        padding-top: .1rem
    }

    .honor-1 .row .list-1 li .name {
        margin-left: -0.3rem;
        margin-right: -0.3rem
    }

    .honor-1 .row .list-1 li .name h5 {
        font-size: .32rem
    }

    .honor-1 .row .list-1 li .name .msg {
        font-size: .24rem
    }

    .honor-1 .row .list-2 {
        width: 100%;
        padding: 0 .5rem;
        overflow: hidden
    }

    .honor-1 .row .list-2 .list-wrapper {
        height: 1rem;
        width: 100%
    }

    .honor-1 .row .list-2 li {
        height: 1rem;
        padding: 0 .1rem
    }

    .honor-1 .row .list-2 li .name {
        font-size: .26rem;
        height: .7rem;
        line-height: .7rem;
        min-width: 100%
    }

    .honor-1 .row .list-2 .arrow a {
        left: .1rem;
        width: .4rem;
        height: 100%;
        font-size: .28rem
    }

    .honor-1 .row .list-2 .arrow a.prev {
        top: 0;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .honor-1 .row .list-2 .arrow a.next {
        bottom: 0;
        left: auto;
        right: .1rem;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    .honor-2 {
        padding: 1.15rem 0 1.7rem 0
    }

    .honor-2 li {
        width: 100%;
        height: auto;
        padding: .26rem .25rem
    }

    .honor-2 li a {
        font-size: .24rem;
        line-height: .36rem
    }

    .development-1 .list {
        width: 100%;
        padding-bottom: .65rem
    }

    .development-1 .list ul {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .development-1 .list li {
        width: 3.35rem;
        height: 1.8rem
    }

    .development-1 .list li .col h5 {
        font-size: .26rem
    }

    .development-1 .list li .col p {
        font-size: .24rem;
        line-height: .32rem
    }

    .development-1 .img-list {
        position: relative;
        top: 0;
        width: 5.8rem;
        margin: 0 auto
    }

    .development-2 .head {
        height: 5rem
    }

    .development-2 .head:before,
    .development-2 .head:after {
        width: 6.9rem;
        height: .3rem
    }

    .development-2 .head p {
        font-size: .24rem;
        padding: 0 .8rem;
        line-height: 1.7em
    }

    .development-2 .list {
        padding-top: .5rem
    }

    .development-2 .list ul {
        margin-left: -2px
    }

    .development-2 .list li {
        padding: 0 0 2px 2px
    }

    .development-2 .list li.ewm .img {
        left: 2px
    }

    .about-1 .wal {
        padding: 1.43rem 0 1.17rem .49rem;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .about-1 .col {
        width: 100%
    }

    .about-1 .col .p-title {
        padding: .65rem 0 .4rem 0
    }

    .about-1 .col .content {
        font-size: .26rem
    }

    .about-2:after {
        height: 1.3rem
    }

    .about-2 .list li {
        width: 5rem;
        height: 11.8rem
    }

    .about-2 .list .box .year:after {
        top: .15rem
    }

    .about-2 .list .box .year h5 {
        font-size: .46rem
    }

    .about-2 .list .box .year p {
        font-size: .24rem;
        line-height: .32rem
    }

    .about-2 .list .box dd {
        font-size: .24rem;
        line-height: .34rem
    }

    .about-2 .list .box dd:after {
        top: .09rem
    }

    .about-3 .list {
        width: 5rem
    }

    .about-3 .list a {
        line-height: .4rem;
        padding: .2rem 0 .2rem .33rem;
        font-size: .24rem;
        background: none;
        position: relative
    }

    .about-3 .list a:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: .2rem;
        width: .15rem;
        height: .4rem;
        background: url(../images/img15.png) left center no-repeat;
        background-size: 100%
    }

    .about-4 {
        background: url(../images/about-4.jpg) center top no-repeat;
        background-size: cover
    }

    .about-4 .wal {
        min-height: 9rem
    }

    .about-4 .p-title {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        padding: 1.24rem 0 .8rem 0
    }

    .about-4 .p-title p {
        font-size: .24rem;
        padding-left: .1rem;
        color: #58595b
    }

    .about-4 .list ul {
        margin-left: -0.25rem
    }

    .about-4 .list li {
        width: 50%;
        padding: 0 0 .25rem .25rem
    }

    .about-4 .list li .item {
        min-height: 6.6rem;
        padding: .5rem .2rem .3rem .3rem
    }

    .about-4 .list li .item h5 {
        font-size: .28rem;
        line-height: .44rem
    }

    .about-4 .list li .item .content {
        font-size: .24rem;
        line-height: .4rem
    }

    .about-4 .list li:nth-child(even) {
        top: 0
    }

    .culture-bg .yuan-1 {
        top: 1rem
    }

    .culture-bg .yuan-2 {
        top: .5rem
    }

    .culture-1 {
        padding-bottom: 2.35rem;
        position: relative
    }

    .culture-1 .en-title {
        width: 8rem;
        top: 4.5rem
    }

    .culture-1 .img {
        width: 5rem
    }

    .culture-2 {
        padding-top: 1.3rem
    }

    .culture-2 .en-title {
        left: -1.85rem
    }

    .culture-2 .p-title {
        padding: 0
    }

    .culture-2 .content {
        font-size: .26rem;
        line-height: .48rem
    }

    .culture-2 .img {
        width: 3.6rem;
        top: -3.3rem
    }

    .culture-3 .en-title {
        width: 9rem;
        left: -1rem;
        top: 0
    }

    .culture-3 .list {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%
    }

    .culture-3 .list .yuan {
        left: 2rem;
        top: auto;
        bottom: -1rem
    }

    .culture-3 .list dl {
        padding-left: 0;
        font-size: .28rem;
        line-height: 1.2rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        width: 100%
    }

    .culture-3 .list .img-list {
        width: 100%
    }

    .news-show {
        padding: 1rem 0 .6rem 0
    }

    .news-show .head h2 {
        line-height: 1.5em
    }

    .news-show .head .time {
        padding: .2rem 0 .3rem 0;
        font-size: .24rem
    }

    .news-show .content {
        font-size: .28rem
    }

    .news-show .content .imgs ul {
        width: 100%
    }

    .news-show .title {
        padding: .5rem .3rem 0 .3rem;
        top: .1rem
    }

    .news-show .title h2 {
        line-height: .3rem;
        height: .9rem;
        padding: 0 .35rem;
        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;
        max-width: 80%;
        text-align: center;
        font-size: .28rem
    }

    .news-show .title:before,
    .news-show .title:after {
        height: .35rem;
        top: -0.1rem
    }

    .news-show .container .list li {
        font-size: .24rem
    }

    .news-show .container .list li h5 {
        font-size: .26rem
    }

    .news-show .container.container2 {
        font-size: .24rem;
        padding: .5rem .3rem 0 .3rem
    }

    .p-num2 {
        border-top: rgba(0, 0, 0, .1) solid 1px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-top: .35rem;
        font-size: .16rem
    }

    .p-num2 a {
        color: #666
    }

    .p-num2 a:hover {
        color: #212121
    }

    .strength .list li {
        font-size: .26rem;
        line-height: .48rem
    }

    .strength .list li:before {
        height: .48rem
    }

    .strength .list2 li {
        width: 100%;
        margin-bottom: .3rem;
        height: 4.5rem
    }

    .strength .list2 li .content {
        font-size: .24rem;
        line-height: 1.8em
    }

    .strength .list2 li .more {
        font-size: .26rem
    }

    .patent-1 .list li {
        font-size: .24rem
    }

    .patent-1 .list li:before {
        height: .4rem
    }

    .patent-1 .list li b {
        font-size: .26rem
    }

    .patent-1 .img {
        width: 6.32rem;
        position: relative;
        top: 0;
        right: 0;
        margin: 0 auto
    }

    .patent-1 .img p {
        font-size: .28rem;
        line-height: .6rem;
        position: relative;
        left: 0;
        width: 100%;
        padding-bottom: 1rem
    }

    .patent-2 .wal .list {
        padding-bottom: .2rem
    }

    .patent-2 .wal .list li {
        font-size: .26rem;
        line-height: .44rem
    }

    .patent-2 .wal .list li:before {
        height: .44rem
    }

    .strength-article-1 .wal {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .strength-article-1 .col {
        width: 100%;
        padding-top: .5rem
    }

    .strength-article-1 .col .title {
        font-size: .38rem
    }

    .strength-article-1 .col .line {
        height: .75rem
    }

    .strength-article-1 .col .content {
        font-size: .26rem
    }

    .strength-article-2 li {
        width: 100%;
        padding: 0 0 .3rem .3rem
    }

    .strength-article-2 a .img {
        display: none
    }

    .strength-article-2 a .container {
        position: relative;
        font-size: .24rem
    }

    .strength-article-2 a .container .name {
        font-size: .32rem;
        line-height: .46rem
    }

    .strength-article-2 a .container .content {
        font-size: .26rem;
        line-height: .4rem
    }

    .strength-article-2 a .container .time {
        margin-top: .2rem
    }
}

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

.companion-diagnostics-1 {
    position: relative
}

.companion-diagnostics-1:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/companion-diagnostics-1.png) center no-repeat;
    background-size: auto 100%;
    height: 3.24rem
}

.companion-diagnostics-1 .wal {
    min-height: 9.55rem;
    position: relative
}

.companion-diagnostics-1 .page-num-name {
    position: absolute;
    top: 1.2rem;
    right: 0
}

.companion-diagnostics-1 .title {
    padding: .99rem 0 0 0
}

.companion-diagnostics-1 .title div {
    font-family: "YaHeiLight";
    font-size: .46rem;
    line-height: 1em;
    padding-bottom: .25rem;
    color: #000
}

.companion-diagnostics-1 .title h2 {
    color: #00ccbe;
    font-size: .36rem
}

.companion-diagnostics-1 .list {
    position: relative;
    min-height: 6.4rem
}

.companion-diagnostics-1 .list .big-img {
    width: 14.94rem;
    position: absolute;
    left: 50%;
    top: -0.1rem;
    margin-left: -7.2rem
}

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

.companion-diagnostics-1 .list li {
    padding-top: 1.3rem;
    position: relative
}

.companion-diagnostics-1 .list li h3 {
    font-size: .36rem;
    font-weight: 400;
    color: #00ccbe;
    padding-bottom: .3rem
}

.companion-diagnostics-1 .list li dd,
.companion-diagnostics-1 .list li p {
    font-size: .24rem;
    line-height: .36rem;
    color: #212121
}

.companion-diagnostics-1 .list li dd {
    position: relative;
    padding-left: .28rem
}

.companion-diagnostics-1 .list li dd:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: .13rem;
    width: .1rem;
    height: .1rem;
    border-radius: 50%;
    box-sizing: border-box;
    border: #090103 solid 1px
}

.companion-diagnostics-1 .list li .ico {
    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
}

.companion-diagnostics-1 .list li .ico h5 {
    font-size: .28rem;
    color: #212121;
    line-height: 1em
}

.companion-diagnostics-1 .list li.li_01 {
    width: 3.22rem
}

.companion-diagnostics-1 .list li.li_01 .ico {
    left: 3.42rem;
    top: 1.84rem;
    width: 1.84rem
}

.companion-diagnostics-1 .list li.li_01 .ico h5 {
    padding-top: .2rem
}

.companion-diagnostics-1 .list li.li_02 {
    width: 3.01rem
}

.companion-diagnostics-1 .list li.li_02 h3 {
    color: #d61518
}

.companion-diagnostics-1 .list li.li_02 .ico {
    left: -1.73rem;
    top: 1.63rem;
    width: .92rem
}

.companion-diagnostics-1 .list li.li_02 .ico h5 {
    padding-top: .16rem
}

.companion-diagnostics-2 {
    background: url(../images/companion-diagnostics-2.png) center no-repeat;
    background-size: cover;
    color: #fff;
    width: 100%;
    overflow: hidden;
    position: relative
}

.companion-diagnostics-2 .wal {
    min-height: 9.4rem;
    position: relative
}

.companion-diagnostics-2 .page-num-name {
    position: absolute;
    top: 1.4rem;
    right: 0
}

.companion-diagnostics-2 .title {
    padding: 1.25rem 0 .75rem 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: .46rem;
    line-height: 1em
}

.companion-diagnostics-2 .title em {
    opacity: .7;
    font-family: "YaHeiLight"
}

.companion-diagnostics-2 .list {
    width: 7.4rem;
    margin-left: auto
}

.companion-diagnostics-2 .list li {
    position: relative;
    line-height: .5rem;
    padding: .32rem 0 .32rem .58rem;
    font-size: .26rem
}

.companion-diagnostics-2 .list li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: .32rem;
    width: .23rem;
    height: .5rem;
    background: url(../images/img23.png) center no-repeat;
    background-size: 100%
}

.companion-diagnostics-2 .list li:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100vw;
    background: rgba(255, 255, 255, .3)
}

.companion-diagnostics-2 .list .more {
    padding: .55rem 0 1rem 0
}

.companion-diagnostics-3 {
    width: 100%;
    overflow: hidden;
    position: relative
}

.companion-diagnostics-3 .wal {
    position: relative;
    padding: 1.3rem 0 1.5rem 0
}

.companion-diagnostics-3 .page-num-name {
    position: absolute;
    top: 1.3rem;
    right: 0
}

.companion-diagnostics-3 .title {
    padding: 0 0 1.15rem 0
}

.companion-diagnostics-3 .title div {
    font-family: "YaHeiLight";
    font-size: .46rem;
    line-height: 1em;
    padding-bottom: .15rem;
    color: #000
}

.companion-diagnostics-3 .title h2 {
    color: #00ccbe;
    font-size: .46rem
}

.companion-diagnostics-3 .row {
    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
}

.companion-diagnostics-3 .list {
    width: 6rem
}

.companion-diagnostics-3 .list .name {
    color: #00ccbe;
    font-size: .32rem;
    line-height: 1em;
    position: relative;
    padding-left: .2rem
}

.companion-diagnostics-3 .list .name:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: .03rem;
    height: .28rem;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #00ccbe
}

.companion-diagnostics-3 .list dl {
    padding: .2rem 0 .4rem .22rem
}

.companion-diagnostics-3 .list dd {
    font-size: .2rem;
    line-height: .34rem;
    position: relative;
    padding-left: .28rem;
    font-family: "YaHeiLight"
}

.companion-diagnostics-3 .list dd:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: .1rem;
    height: .1rem;
    box-sizing: border-box;
    border-radius: 50%;
    border: #000 solid 1px;
    opacity: .6;
    margin-top: -0.05rem
}

.companion-diagnostics-3 .list .item {
    padding: .4rem 0 0 .22rem
}

.companion-diagnostics-3 .list .item h5 {
    font-size: .24rem;
    color: #00ccbe;
    position: relative;
    line-height: 1em;
    padding-left: .28rem
}

.companion-diagnostics-3 .list .item h5:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: .1rem;
    height: .1rem;
    border-radius: 50%;
    background: #00ccbe;
    margin-top: -0.05rem
}

.companion-diagnostics-3 .list .item dl {
    padding: .15rem 0 0 .28rem
}

@media screen and (min-width: 800px) {
    .companion-diagnostics-3 .list2 {
        width: 5rem;
        height: 5rem;
        position: relative;
        right: 2rem
    }

    .companion-diagnostics-3 .list2 li {
        width: .74rem;
        position: absolute;
        z-index: 5
    }

    .companion-diagnostics-3 .list2 li .name {
        position: absolute;
        width: 3.4rem
    }

    .companion-diagnostics-3 .list2 li .name h5 {
        font-weight: 400;
        font-size: .28rem;
        line-height: 1em;
        padding-bottom: .06rem
    }

    .companion-diagnostics-3 .list2 li .name p {
        font-size: .2rem;
        line-height: 1.5em;
        color: gray
    }

    .companion-diagnostics-3 .list2 li:nth-child(1) {
        left: 50%;
        margin-left: -0.37rem;
        top: -0.37rem
    }

    .companion-diagnostics-3 .list2 li:nth-child(1) .name {
        left: 50%;
        margin-left: -1.7rem;
        bottom: 100%;
        padding-bottom: .03rem;
        text-align: center
    }

    .companion-diagnostics-3 .list2 li:nth-child(1) .name h5 {
        color: #00ccbe
    }

    .companion-diagnostics-3 .list2 li:nth-child(2),
    .companion-diagnostics-3 .list2 li:nth-child(3) {
        left: 100%;
        margin-left: -0.74rem;
        top: .78rem
    }

    .companion-diagnostics-3 .list2 li:nth-child(2) .name,
    .companion-diagnostics-3 .list2 li:nth-child(3) .name {
        left: 100%;
        padding-left: .15rem;
        top: .1rem
    }

    .companion-diagnostics-3 .list2 li:nth-child(2) .name h5,
    .companion-diagnostics-3 .list2 li:nth-child(3) .name h5 {
        color: #9b77b5
    }

    .companion-diagnostics-3 .list2 li:nth-child(3) {
        top: 3.44rem
    }

    .companion-diagnostics-3 .list2 li:nth-child(3) .name h5 {
        color: #f8841d
    }

    .companion-diagnostics-3 .list2 li:nth-child(4) {
        left: 50%;
        margin-left: -0.37rem;
        top: 100%;
        margin-top: -0.37rem
    }

    .companion-diagnostics-3 .list2 li:nth-child(4) .name {
        left: 50%;
        margin-left: -1.7rem;
        top: 100%;
        padding-top: .1rem;
        text-align: center
    }

    .companion-diagnostics-3 .list2 li:nth-child(4) .name h5 {
        color: #2383c6
    }

    .companion-diagnostics-3 .list2 li:nth-child(5),
    .companion-diagnostics-3 .list2 li:nth-child(6) {
        left: 0;
        top: 3.44rem
    }

    .companion-diagnostics-3 .list2 li:nth-child(5) .name,
    .companion-diagnostics-3 .list2 li:nth-child(6) .name {
        right: 100%;
        padding-right: .15rem;
        top: .1rem;
        text-align: right
    }

    .companion-diagnostics-3 .list2 li:nth-child(5) .name h5,
    .companion-diagnostics-3 .list2 li:nth-child(6) .name h5 {
        color: #d61518
    }

    .companion-diagnostics-3 .list2 li:nth-child(6) {
        top: .78rem
    }

    .companion-diagnostics-3 .list2 li:nth-child(6) .name h5 {
        color: #a3c31b
    }
}

.innovate-1 {
    padding: 1.17rem 0 1.87rem 0
}

.innovate-1 .list {
    position: relative;
    margin-bottom: .9rem;
    width: 100%
}

.innovate-1 .list:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: rgba(8, 1, 2, .15) solid 1px
}

.innovate-1 .list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.innovate-1 .list li {
    width: 25%;
    position: relative;
    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: 2.4rem;
    -webkit-transition: background-color .5s ease;
    transition: background-color .5s ease;
    cursor: pointer
}

.innovate-1 .list li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 1rem;
    margin-top: -0.5rem;
    background: rgba(8, 1, 2, .2)
}

.innovate-1 .list li:first-child:before {
    display: none
}

.innovate-1 .list li .ico {
    width: 1.2rem;
    height: 1.2rem;
    position: relative
}

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

.innovate-1 .list li p {
    text-align: center;
    font-size: .18rem;
    line-height: .28rem;
    color: gray;
    -webkit-transition: color .5s ease;
    transition: color .5s ease
}

.innovate-1 .list li.on {
    background: #00ccbe
}

.innovate-1 .list li.on:before {
    opacity: 0
}

.innovate-1 .list li.on .ico img:nth-child(1) {
    opacity: 0
}

.innovate-1 .list li.on .ico img:nth-child(2) {
    opacity: 1
}

.innovate-1 .list li.on p {
    color: #fff
}

.innovate-1 .list li.on+li:before {
    opacity: 0
}

.innovate-1 .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.innovate-1 .list2 {
    width: 8.6rem;
    padding-top: .1rem
}

.innovate-1 .list2 h2 {
    position: relative;
    font-size: .36rem;
    color: #212121;
    padding-bottom: .7rem
}

.innovate-1 .list2 h2:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: .3rem;
    width: .46rem;
    height: .04rem;
    background: #00ccbe
}

.innovate-1 .list2 li {
    font-size: .2rem;
    color: #666;
    line-height: .4rem;
    padding: 0 0 .2rem .2rem;
    position: relative
}

.innovate-1 .list2 li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: .16rem;
    width: .08rem;
    height: .08rem;
    border-radius: 50%;
    background: #00ccbe
}

.innovate-1 .zoomImg {
    width: 4.82rem
}

.innovate-2 {
    background: url(../images/innovate-2.png) center no-repeat;
    background-size: cover;
    color: #fff
}

.innovate-2 .wal {
    min-height: 8.2rem;
    position: relative
}

.innovate-2 .page-num-name {
    position: absolute;
    top: 1.2rem;
    right: 0
}

.innovate-2 .title {
    padding: 1.25rem 0 .55rem 0
}

.innovate-2 .title h2 {
    font-size: .46rem;
    line-height: 1em;
    padding-bottom: .2rem
}

.innovate-2 .title .en {
    font-size: .2rem;
    font-family: "SourceHanSerifCN-Regular";
    text-transform: uppercase
}

.innovate-2 .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.innovate-2 .list {
    width: 3rem;
    min-height: 4rem;
    border: #fff solid 2px;
    padding: .3rem .1rem 0 .3rem
}

.innovate-2 .list h3 {
    font-size: .24rem;
    line-height: .34rem;
    padding-bottom: .2rem
}

.innovate-2 .list dl {
    padding-bottom: .2rem
}

.innovate-2 .list dd {
    font-size: .18rem;
    line-height: .24rem;
    opacity: .8;
    position: relative;
    padding: 0 0 .1rem .8em
}

.innovate-2 .list dd:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    content: "•"
}

.innovate-2 .list-1 {
    width: 7.6rem
}

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

.innovate-2 .list-1 li:nth-child(even) {
    width: 4.2rem
}

.innovate-2 .list-2 .img {
    padding-bottom: .1rem
}

.innovate-2 .list-2 .img img {
    height: .47rem
}

.innovate-3 {
    min-height: 11.77rem;
    position: relative;
    padding-bottom: 1rem
}

.innovate-3 .page-num-name {
    position: absolute;
    top: 1.3rem;
    right: 0
}

.innovate-3 .p-title {
    padding: 1.2rem 0 .3rem 0
}

.innovate-3 .msg {
    font-size: .28rem;
    color: #3b4048;
    padding-bottom: .45rem
}

.innovate-3 .list li {
    line-height: .39rem;
    position: relative;
    padding: 0 0 .3rem .55rem;
    font-size: .24rem;
    color: #3b4048
}

.innovate-3 .list li b {
    position: absolute;
    left: 0;
    top: 0;
    font-family: "Roboto-Regular"
}

.innovate-3 .list li h5 {
    font-size: .24rem
}

.innovate-3 .list li .content {
    font-size: .2rem;
    color: #666;
    padding-top: .06rem
}

.innovate-3 .list2 {
    position: absolute;
    top: 2.29rem;
    right: .31rem;
    background: url(../images/img659.png) center no-repeat;
    background-size: 100%;
    width: 6.59rem;
    height: 7.58rem
}

.innovate-3 .list2 .title {
    background: url(../images/img278.png) center no-repeat;
    background-size: 100% 100%;
    width: 2.78rem;
    height: 3.08rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -1.39rem;
    margin-top: -1.54rem;
    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
}

.innovate-3 .list2 .title h2 {
    font-size: .26rem;
    color: #333;
    line-height: 1em
}

.innovate-3 .list2 .title .en {
    font-size: .18rem;
    color: #666;
    line-height: 1em;
    padding-top: .2rem;
    font-family: "SourceHanSerifCN-Regular"
}

.innovate-3 .list2 ul {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 7.58rem;
    height: 7.58rem;
    margin-left: -3.79rem;
    margin-top: -3.79rem
}

.innovate-3 .list2 li {
    width: 2.17rem;
    position: absolute
}

.innovate-3 .list2 li:before {
    content: "";
    display: block;
    position: absolute;
    left: -0.2rem;
    top: -0.17rem;
    background: url(../images/img217-bg.png) center no-repeat;
    background-size: 100% 100%;
    width: 2.56rem;
    height: 2.85rem;
    opacity: 0
}

.innovate-3 .list2 li .img {
    position: relative;
    z-index: 5
}

.innovate-3 .list2 li:nth-child(1) {
    left: 50%;
    top: .34rem;
    margin-left: .185rem
}

.innovate-3 .list2 li:nth-child(2) {
    left: 50%;
    top: 2.56rem;
    margin-left: 1.445rem
}

.innovate-3 .list2 li:nth-child(3) {
    left: 50%;
    top: 4.74rem;
    margin-left: .185rem
}

.innovate-3 .list2 li:nth-child(4) {
    right: 50%;
    top: 4.74rem;
    margin-right: .185rem
}

.innovate-3 .list2 li:nth-child(5) {
    right: 50%;
    top: 2.56rem;
    margin-right: 1.445rem
}

.innovate-3 .list2 li:nth-child(6) {
    right: 50%;
    top: .34rem;
    margin-right: .185rem
}

.laboratory-1 {
    position: relative
}

.laboratory-1:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 1.29rem;
    background: url(../images/img1427.png) center no-repeat;
    background-size: auto 100%;
    height: 6.91rem
}

.laboratory-1 .wal {
    position: relative;
    min-height: 8.52rem
}

.laboratory-1 h2 {
    padding: 1.35rem 0 1.2rem 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;
    line-height: 1em;
    font-size: .46rem;
    color: #212121
}

.laboratory-1 h2 em {
    color: #00ccbe;
    position: relative;
    padding-right: .3rem
}

.laboratory-1 h2 em:after {
    content: "";
    display: block;
    position: absolute;
    top: -0.03rem;
    right: .1rem;
    content: "|"
}

.laboratory-1 .list {
    max-width: 13.63rem;
    margin: 0 auto
}

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

.laboratory-1 .list li {
    width: 5.6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 1.1rem
}

.laboratory-1 .list li .ico {
    width: 1.12rem;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.laboratory-1 .list li .col {
    width: 100%;
    padding-left: .23rem
}

.laboratory-1 .list li .col h5 {
    font-size: .32rem;
    color: #212121;
    line-height: 1em;
    padding: .25rem 0 .15rem 0
}

.laboratory-1 .list li .col p {
    font-size: .2rem;
    line-height: 1.5em;
    color: rgba(33, 33, 33, .67);
    font-family: "YaHeiLight";
    padding-left: .18rem;
    position: relative
}

.laboratory-1 .list li .col p:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: .12rem;
    width: .06rem;
    height: .06rem;
    background: #00ccbe;
    border-radius: 50%
}

.laboratory-1 .list li:nth-child(3) {
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.laboratory-1 .list li:nth-child(3) .col {
    width: 4.65rem
}

.laboratory-2 {
    position: relative
}

.laboratory-2 .waves {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 7rem
}

.laboratory-2 .wal {
    position: relative;
    min-height: 9rem
}

.laboratory-2 h2 {
    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;
    line-height: 1em;
    font-size: .46rem;
    color: #1f4fa1
}

.laboratory-2 h2 i {
    width: .46rem;
    height: .42rem;
    background: url(../images/line25.png) center no-repeat;
    background-size: .25rem
}

.laboratory-2 h2 em {
    color: #00ccbe
}

.laboratory-2 .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    padding-top: .97rem
}

.laboratory-2 .list:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 1.5rem;
    right: 0;
    background: url(../images/img67.png) center no-repeat;
    background-size: auto 100%;
    height: 1.25rem
}

.laboratory-2 .list ul {
    width: 6.96rem;
    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
}

.laboratory-2 .list li {
    width: 1.41rem;
    position: relative
}

.laboratory-2 .list li:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 1.5rem;
    width: .03rem;
    height: .78rem;
    border-radius: 2px;
    background: -webkit-linear-gradient(top, rgba(0, 204, 184, 0.8), rgba(0, 204, 184, 0));
    background: linear-gradient(to bottom, rgba(0, 204, 184, 0.8), rgba(0, 204, 184, 0));
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.laboratory-2 .list li:nth-child(odd) {
    top: .92rem
}

.laboratory-2 .list li .name {
    height: 1.41rem;
    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: #00ccbe;
    font-size: .26rem;
    text-align: center;
    position: relative
}

.laboratory-2 .list li .name:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: url(../images/img166_1.png) center no-repeat;
    background-size: 100% 100%;
    -webkit-animation: rotateAnima 8s linear infinite;
    animation: rotateAnima 8s linear infinite
}

.laboratory-2 .list li .name em {
    position: relative
}

.laboratory-2 .list li .name span {
    font-size: .22rem;
    line-height: .26rem;
    position: relative
}

.laboratory-2 .list li .layer {
    font-size: .18rem;
    line-height: .32rem;
    color: #00ccb8;
    position: absolute;
    left: 0;
    top: 1.4rem;
    padding-top: .8rem;
    right: 0;
    text-align: center
}

.laboratory-2 .list li .layer dl {
    max-height: .96rem;
    overflow: hidden;
    -webkit-transition: all 1s ease;
    transition: all 1s ease
}

.laboratory-2 .list li .layer a {
    color: #00ccb8
}

.laboratory-2 .list li:hover .layer dl {
    max-height: 4.8rem
}

.laboratory-2 .list ul:nth-child(2) li:after {
    background: -webkit-linear-gradient(top, rgba(35, 131, 198, 0.8), rgba(35, 131, 198, 0));
    background: linear-gradient(to bottom, rgba(35, 131, 198, 0.8), rgba(35, 131, 198, 0))
}

.laboratory-2 .list ul:nth-child(2) li .name {
    color: #1f4fa1
}

.laboratory-2 .list ul:nth-child(2) li .name:before {
    background-image: url(../images/img166_2.png)
}

.laboratory-2 .list ul:nth-child(2) li .layer {
    color: #1f4fa1
}

.laboratory-2 .list ul:nth-child(2) li .layer a {
    color: #1f4fa1
}

.CRO-1 {
    position: relative
}

.CRO-1 .waves {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 7rem
}

.CRO-1 .wal {
    position: relative;
    min-height: 8.35rem
}

.CRO-1 .page-num-name {
    position: absolute;
    top: 1.2rem;
    right: 0
}

.CRO-1 .p-title {
    padding: 1.2rem 0 .7rem 0
}

.CRO-1 .content {
    font-size: .32rem;
    line-height: .56rem;
    color: #4d4d4d
}

.CRO-2 {
    background: #000 url(../images/cro-2.jpg) center no-repeat;
    background-size: cover;
    color: #fff
}

.CRO-2 .wal {
    position: relative;
    min-height: 10.97rem
}

.CRO-2 .page-num-name {
    position: absolute;
    top: 1.35rem;
    right: 0
}

.CRO-2 .title {
    font-size: .46rem;
    line-height: .68rem;
    padding: 1.3rem 0 1.2rem 0
}

.CRO-2 .list {
    position: relative
}

.CRO-2 .list .img {
    width: 5.54rem;
    position: absolute;
    z-index: 5;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

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

.CRO-2 .list li {
    width: 6.19rem;
    min-height: 3.03rem;
    position: relative;
    padding: 0 0 0 .87rem
}

.CRO-2 .list li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: .6rem;
    width: .57rem;
    background: url(../images/img57-1.png) center no-repeat;
    background-size: 100%
}

.CRO-2 .list li:after {
    content: "";
    display: block;
    position: absolute;
    left: .87rem;
    right: 0;
    top: 0;
    height: .87rem;
    border-bottom: rgba(255, 255, 255, .4) dotted 1px
}

.CRO-2 .list li .logo {
    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: .32rem;
    line-height: 1em
}

.CRO-2 .list li .logo img {
    height: .6rem;
    margin-right: .19rem
}

.CRO-2 .list li .content {
    font-size: .2rem;
    line-height: 1.6em;
    opacity: .8;
    padding-top: .55rem
}

.CRO-2 .list li:nth-child(even) {
    width: 6.04rem;
    padding-left: 1.48rem
}

.CRO-2 .list li:nth-child(even):before {
    background-image: url(../images/img57-2.png);
    left: auto;
    right: 0
}

.CRO-2 .list li:nth-child(even):after {
    left: 0;
    right: .87rem
}

.CRO-2 .list li:nth-child(even) .content {
    width: 4rem
}

.CRO-2 .list li:nth-child(1):after {
    right: .04rem
}

.CRO-2 .list li:nth-child(1) .content {
    width: 4.04rem
}

.CRO-2 .list li:nth-child(3) .content {
    width: 4.7rem
}

.CRO-2 .list li:nth-child(4):after {
    left: .1rem
}

.CRO-3 .wal {
    position: relative;
    min-height: 3rem;
    padding-bottom: 1.55rem
}

.CRO-3 .page-num-name {
    position: absolute;
    top: 1.3rem;
    right: 0
}

.CRO-3 .p-title {
    padding: 1.1rem 0 .35rem 0
}

.CRO-3 .title {
    color: #212121;
    font-size: .36rem
}

.CRO-3 .title em {
    color: #00ccbe
}

.CRO-3 .content {
    font-size: .24rem;
    line-height: .4rem;
    color: #666;
    font-family: "YaHeiLight";
    padding: .1rem 0 .66rem 0
}

.CRO-3 .img {
    width: 15.41rem;
    opacity: 0
}

@media screen and (max-width: 800px) {
    .companion-diagnostics-1 {
        width: 100%;
        overflow: hidden
    }

    .companion-diagnostics-1 .list {
        padding: 5rem 0 1rem 0
    }

    .companion-diagnostics-1 .list .big-img {
        width: 14.94rem;
        position: absolute;
        left: 50%;
        top: -0.1rem;
        margin-left: -7.2rem
    }

    .companion-diagnostics-1 .list ul {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .companion-diagnostics-1 .list li {
        padding: .5rem 0 0 2rem
    }

    .companion-diagnostics-1 .list li h3 {
        padding-bottom: .2rem
    }

    .companion-diagnostics-1 .list li dd,
    .companion-diagnostics-1 .list li p {
        font-size: .26rem;
        line-height: .44rem
    }

    .companion-diagnostics-1 .list li dd:before {
        top: .16rem
    }

    .companion-diagnostics-1 .list li.li_01 {
        width: 100%
    }

    .companion-diagnostics-1 .list li.li_01 .ico {
        left: 0;
        top: .5rem
    }

    .companion-diagnostics-1 .list li.li_02 {
        width: 100%
    }

    .companion-diagnostics-1 .list li.li_02 .ico {
        left: .5rem;
        top: .5rem
    }

    .companion-diagnostics-2 .title {
        padding: 1.25rem 0 .35rem 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        line-height: 1.5em
    }

    .companion-diagnostics-2 .list {
        width: 80%;
        margin-left: auto
    }

    .companion-diagnostics-2 .list li {
        line-height: .44rem;
        padding: .32rem 0 .32rem .58rem;
        font-size: .28rem
    }

    .companion-diagnostics-2 .list li:before {
        height: .44rem
    }

    .companion-diagnostics-3 .title {
        padding-bottom: .6rem
    }

    .companion-diagnostics-3 .row {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .companion-diagnostics-3 .list {
        width: 100%
    }

    .companion-diagnostics-3 .list dd {
        font-size: .24rem;
        line-height: .44rem
    }

    .companion-diagnostics-3 .list .item h5 {
        font-size: .28rem
    }

    .companion-diagnostics-3 .list2 {
        position: relative;
        width: 100%;
        margin-top: .6rem
    }

    .companion-diagnostics-3 .list2 .yuan {
        width: 5rem;
        position: absolute;
        top: 0;
        right: -0.3rem
    }

    .companion-diagnostics-3 .list2 li {
        width: 100%;
        position: static;
        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: .35rem
    }

    .companion-diagnostics-3 .list2 li .ico {
        width: 1rem
    }

    .companion-diagnostics-3 .list2 li .name {
        width: 100%;
        padding-left: .2rem
    }

    .companion-diagnostics-3 .list2 li .name h5 {
        font-weight: 400;
        font-size: .28rem;
        line-height: 1em;
        padding-bottom: .12rem
    }

    .companion-diagnostics-3 .list2 li .name p {
        font-size: .24rem;
        line-height: 1.5em;
        color: gray
    }

    .innovate-1 {
        padding: .9rem 0
    }

    .innovate-1 .list:after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        right: 0;
        height: 1px;
        background: rgba(8, 1, 2, .15)
    }

    .innovate-1 .list ul {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .innovate-1 .list li {
        width: 50%;
        height: 3.2rem
    }

    .innovate-1 .list li:before {
        display: none
    }

    .innovate-1 .list li p {
        font-size: .24rem;
        line-height: .36rem;
        padding-left: .2rem;
        padding-right: .2rem
    }

    .innovate-1 .list2 {
        width: 100%;
        padding: .6rem 0
    }

    .innovate-1 .list2 li {
        font-size: .26rem
    }

    .innovate-1 .zoomImg {
        margin: 0 auto
    }

    .innovate-2 .wal {
        padding-bottom: .5rem
    }

    .innovate-2 .title {
        padding: 1rem 0 .55rem 0
    }

    .innovate-2 .title .en {
        font-size: .22rem
    }

    .innovate-2 .list {
        width: calc(50% - .15rem);
        margin-bottom: .3rem;
        border: rgba(255, 255, 255, .5) solid 1px;
        padding: .3rem .1rem 0 .3rem
    }

    .innovate-2 .list h3 {
        font-size: .28rem;
        line-height: .44rem
    }

    .innovate-2 .list dd {
        font-size: .24rem;
        line-height: .34rem
    }

    .innovate-2 .list-1 {
        width: 100%
    }

    .innovate-2 .list-1 li:nth-child(even) {
        width: 3.6rem
    }

    .innovate-3 .list li {
        line-height: .39rem;
        font-size: .28rem
    }

    .innovate-3 .list li h5 {
        font-size: .28rem
    }

    .innovate-3 .list li .content {
        font-size: .24rem
    }

    .innovate-3 .list2 {
        position: relative;
        top: 0;
        right: 0;
        margin: 0 auto
    }

    .innovate-3 .list2 .title h2 {
        font-size: .3rem
    }

    .innovate-3 .list2 .title .en {
        font-size: .22rem
    }

    .laboratory-1 {
        padding-bottom: 1rem
    }

    .laboratory-1 .list li {
        width: 100%;
        padding: 0 0 .6rem .3rem
    }

    .laboratory-1 .list li .col h5 {
        padding: .15rem 0
    }

    .laboratory-1 .list li .col p {
        font-size: .24rem
    }

    .laboratory-1 .list li .col p:before {
        top: .16rem
    }

    .laboratory-1 .list li:nth-child(3) {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .laboratory-1 .list li:nth-child(3) .col {
        width: 100%
    }

    .laboratory-2 {
        width: 100%;
        overflow: hidden;
        position: relative
    }

    .laboratory-2 .wal {
        position: relative;
        min-height: 13rem
    }

    .laboratory-2 h2 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .laboratory-2 h2 i {
        height: .7rem
    }

    .laboratory-2 .list {
        padding-top: 1.2rem;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .laboratory-2 .list:before {
        display: none
    }

    .laboratory-2 .list ul {
        width: 90%
    }

    .laboratory-2 .list li:nth-child(odd) {
        top: .5rem
    }

    .laboratory-2 .list ul:nth-child(2) {
        position: relative;
        left: 11%;
        top: 1.5rem
    }

    .laboratory-2 .list ul:nth-child(2) li:nth-child(even) {
        top: 1.5rem
    }

    .laboratory-2 .list ul:nth-child(2) li:nth-child(1) {
        left: -0.5rem
    }

    .CRO-1 .content {
        font-size: .28rem;
        line-height: 1.8em
    }

    .CRO-2 {
        width: 100%;
        overflow: hidden;
        position: relative
    }

    .CRO-2 .list {
        position: relative
    }

    .CRO-2 .list .img {
        top: -1rem;
        opacity: .2
    }

    .CRO-2 .list li {
        width: 100%;
        min-height: 1rem;
        padding: 0 0 .5rem .87rem
    }

    .CRO-2 .list li .content {
        font-size: .24rem;
        padding-top: .55rem
    }

    .CRO-2 .list li:nth-child(even) {
        width: 100%;
        padding-left: .87rem
    }

    .CRO-2 .list li:nth-child(even):before {
        background-image: url(../images/img57-1.png);
        left: 0;
        right: auto
    }

    .CRO-2 .list li:nth-child(even):after {
        left: .87rem;
        right: 0
    }

    .CRO-2 .list li:nth-child(even) .content {
        width: 100%
    }

    .CRO-2 .list li:nth-child(1):after {
        right: 0
    }

    .CRO-2 .list li:nth-child(1) .content {
        width: 100%
    }

    .CRO-2 .list li:nth-child(3) .content {
        width: 100%
    }

    .CRO-2 .list li:nth-child(4):after {
        left: .87rem
    }

    .CRO-3 .content {
        width: 90%
    }

    .CRO-3 .img {
        width: 100%
    }
}

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

.en-banner {
    background: center no-repeat;
    background-size: cover;
    color: #fff
}

.en-banner .wal {
    height: 4.88rem;
    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-top: .7rem
}

.en-banner .title h2 {
    font-size: .6rem;
    line-height: .8rem
}

.en-banner .title p {
    font-size: .26rem;
    padding-top: .3rem
}

.en-banner .title p.p-1 {
    line-height: .4rem;
    padding-top: .2rem
}

.innovative_01 {
    height: 6.3rem;
    padding-top: 1.4rem
}

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

.innovative_01 li {
    width: 2rem;
    height: 2rem;
    position: relative
}

.innovative_01 li .item {
    width: 2rem;
    height: 2rem;
    position: absolute;
    z-index: 5;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #fafafa;
    border-radius: 50%;
    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
}

.innovative_01 li .item:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 1.6rem;
    height: 1.6rem;
    background: #fdfdfd;
    box-shadow: 0 .06rem .14rem 0 rgba(159, 163, 170, .2), 0 .03rem .04rem 0 #fff;
    border-radius: 50%
}

.innovative_01 li .item:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: center no-repeat;
    background-size: 1.84rem
}

.innovative_01 li .item .ico {
    width: .6rem;
    position: relative;
    z-index: 5
}

.innovative_01 li .item .name {
    text-align: center;
    font-size: .18rem;
    line-height: .22rem;
    height: .6rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
    z-index: 5
}

.innovative_01 li .item .line {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -1.06rem;
    margin-top: -1.06rem;
    width: 2.12rem;
    height: 2.12rem;
    background: center no-repeat;
    background-size: 100% 100%
}

.innovative_01 li .item:hover .ico img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.innovative_01 li:nth-child(even) {
    width: 1.33rem;
    top: 1.52rem
}

.innovative_01 li:nth-child(3) .name,
.innovative_01 li:nth-child(6) .name {
    height: .76rem
}

.innovative_01 li:nth-child(1) .item:before {
    background-image: url(../images/img184_1.png)
}

.innovative_01 li:nth-child(1) .item .line {
    background-image: url(../images/img200_1.png)
}

.innovative_01 li:nth-child(2) .item:before {
    background-image: url(../images/img184_2.png)
}

.innovative_01 li:nth-child(2) .item .line {
    background-image: url(../images/img200_2.png)
}

.innovative_01 li:nth-child(3) .item:before {
    background-image: url(../images/img184_3.png)
}

.innovative_01 li:nth-child(3) .item .line {
    background-image: url(../images/img200_3.png)
}

.innovative_01 li:nth-child(4) .item:before {
    background-image: url(../images/img184_4.png)
}

.innovative_01 li:nth-child(4) .item .line {
    background-image: url(../images/img200_4.png)
}

.innovative_01 li:nth-child(5) .item:before {
    background-image: url(../images/img184_5.png)
}

.innovative_01 li:nth-child(5) .item .line {
    background-image: url(../images/img200_5.png)
}

.innovative_01 li:nth-child(6) .item:before {
    background-image: url(../images/img184_6.png)
}

.innovative_01 li:nth-child(6) .item .line {
    background-image: url(../images/img200_6.png)
}

.innovative_01 li:nth-child(7) .item:before {
    background-image: url(../images/img184_7.png)
}

.innovative_01 li:nth-child(7) .item .line {
    background-image: url(../images/img200_7.png)
}

.innovative_01 li:nth-child(8) .item:before {
    background-image: url(../images/img184_8.png)
}

.innovative_01 li:nth-child(8) .item .line {
    background-image: url(../images/img200_8.png)
}

.innovative_02 .title {
    font-size: .6rem;
    line-height: 1em;
    padding-bottom: .6rem
}

.innovative_02 .list {
    padding-bottom: 1.75rem
}

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

.innovative_02 .list li {
    width: 7.3rem
}

.innovative_02 .list li a {
    display: block;
    border-radius: .14rem;
    border: rgba(0, 0, 0, .12) solid 1px;
    min-height: 3.7rem;
    padding: .48rem .4rem .4rem .4rem;
    color: #333
}

.innovative_02 .list li a .num {
    position: relative;
    padding-bottom: .35rem
}

.innovative_02 .list li a .num:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: .6rem;
    height: .04rem;
    background: #08ceba
}

.innovative_02 .list li a .num img {
    height: .65rem
}

.innovative_02 .list li a .name {
    font-size: .3rem;
    line-height: .4rem;
    padding: .25rem 0 .1rem 0
}

.innovative_02 .list li a p {
    font-size: .18rem;
    line-height: .32rem
}

.innovative_02 .list li a:hover {
    box-shadow: 0 .02rem .14rem 0 rgba(0, 38, 3, .1);
    border-color: rgba(0, 0, 0, 0)
}

.innovative_03 {
    min-height: 6.9rem;
    position: relative;
    padding: .25rem 0 1rem 0
}

.innovative_03 .title {
    font-size: .6rem;
    line-height: .8rem;
    width: 6rem
}

.innovative_03 .content {
    font-size: .24rem;
    line-height: .32rem;
    width: 7.5rem;
    padding-top: .5rem
}

.innovative_03 .content p {
    padding-bottom: .32rem
}

.innovative_03 .img {
    position: absolute;
    top: -0.52rem;
    right: 0;
    width: 6.45rem
}

.innovative_03 .img:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 50%;
    width: 5.3rem;
    height: 5.3rem;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 0 .08rem .53rem 0 rgba(0, 36, 73, .2)
}

.innovative_03 .img svg {
    position: relative
}

.central-laboratory .wal {
    min-height: 8.5rem;
    position: relative
}

.central-laboratory .title {
    padding: 1.2rem 0 .6rem 0
}

.central-laboratory .title h2 {
    font-size: .46rem;
    line-height: 1em;
    color: #1f4fa1
}

.central-laboratory .title h2 em {
    color: #00ccb8
}

.central-laboratory .title p {
    font-size: .26rem;
    line-height: 1em;
    margin-top: .2rem
}

.central-laboratory .container {
    background: url(../images/img950.png) center no-repeat;
    background-size: 100% 100%;
    width: 9.5rem;
    height: 4.85rem;
    position: relative;
    left: -0.4rem
}

.central-laboratory .container .ico-1 {
    width: .55rem;
    position: absolute;
    left: 5.06rem;
    top: .25rem
}

.central-laboratory .container .ico-2 {
    width: .53rem;
    position: absolute;
    left: 5.08rem;
    top: 3.43rem
}

.central-laboratory .container li {
    position: absolute;
    width: 3.07rem;
    height: 3.07rem;
    top: .58rem
}

.central-laboratory .container li .name {
    text-align: center;
    font-size: .26rem;
    line-height: .32rem;
    color: #00ccb8;
    padding: .5rem 0 .2rem 0
}

.central-laboratory .container li dd {
    font-size: .18rem;
    line-height: .32rem;
    padding-left: .72rem;
    position: relative
}

.central-laboratory .container li dd:before {
    content: "";
    display: block;
    position: absolute;
    left: .56rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: .06rem;
    height: .06rem;
    background: #00ccb8;
    border-radius: 50%;
    position: absolute
}

.central-laboratory .container li:nth-child(1) {
    left: 1.19rem
}

.central-laboratory .container li:nth-child(2) {
    left: 6.36rem
}

.central-laboratory .container li:nth-child(2) .name {
    color: #1b468f;
    padding: .3rem 0 .15rem 0
}

.central-laboratory .container li:nth-child(2) dd:before {
    background: #1b468f
}

.central-laboratory .list {
    position: absolute;
    top: 1.6rem;
    right: 0;
    width: 3.95rem
}

.central-laboratory .list li {
    padding-bottom: .35rem
}

.central-laboratory .list li img {
    border: rgba(0, 0, 0, .12) solid 1px;
    border-radius: .16rem;
    width: 100%
}

.central-laboratory .list li:hover img {
    box-shadow: 0 .02rem .14rem 0 rgba(0, 38, 3, .1);
    border-color: rgba(0, 0, 0, 0)
}

.innovative-solutions-1 {
    width: 100%;
    overflow: hidden;
    position: relative
}

.innovative-solutions-1 .waves {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 7rem
}

.innovative-solutions-1 .wal {
    position: relative;
    min-height: 8rem;
    padding: 1rem 0
}

.innovative-solutions-1 h2 {
    font-size: .6rem;
    line-height: .8rem;
    padding-bottom: .4rem
}

.innovative-solutions-1 li {
    position: relative;
    font-size: .26rem;
    line-height: .32rem;
    padding: 0 0 .32rem .25rem
}

.innovative-solutions-1 li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: .12rem;
    border-radius: 50%;
    width: .08rem;
    height: .08rem;
    background: #333
}

.innovative-solutions-2 {
    width: 100%;
    overflow: hidden;
    position: relative;
    background: #f5f5f5 url(../images/img1920.jpg) center bottom no-repeat;
    background-size: cover
}

.innovative-solutions-2 .wal {
    min-height: 7.6rem;
    position: relative
}

.innovative-solutions-2 .ico {
    width: 2.17rem;
    position: absolute;
    bottom: 0;
    left: 50%
}

.innovative-solutions-2 h2 {
    font-size: .6rem;
    line-height: .8rem;
    padding-top: 1rem
}

.innovative-solutions-2 .content {
    position: absolute;
    top: 2rem;
    right: 0;
    width: 3.63rem
}

.innovative-solutions-2 .content .num {
    width: 1.62rem
}

.innovative-solutions-2 .content p {
    font-size: .26rem;
    line-height: .32rem;
    margin-top: .2rem
}

.innovative-solutions-3 {
    padding: 1rem 0
}

.innovative-solutions-3 .hd {
    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
}

.innovative-solutions-3 .hd .img {
    width: 3.89rem
}

.innovative-solutions-3 .hd p {
    font-size: .38rem;
    line-height: .48rem;
    padding-left: .46rem
}

.innovative-solutions-3 .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.innovative-solutions-3 .row .img-1 {
    width: 5.67rem
}

.innovative-solutions-3 .row .img-2 {
    width: 8.35rem
}

.innovative-solutions-4 {
    background: #fafafa
}

.innovative-solutions-4 .wal {
    min-height: 9.35rem;
    position: relative
}

.innovative-solutions-4 .side {
    width: 6.37rem;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.innovative-solutions-4 .side .title {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    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: .28rem;
    line-height: .48rem
}

.innovative-solutions-4 .side li {
    position: absolute;
    z-index: 5;
    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%;
    background: #fff;
    box-shadow: 0 .08rem .22rem 0 rgba(0, 36, 73, .2);
    width: .7rem;
    height: .7rem;
    font-size: .32rem;
    font-weight: bold
}

.innovative-solutions-4 .side li:nth-child(1) {
    color: #aae069;
    left: 3.81rem;
    top: -0.26rem
}

.innovative-solutions-4 .side li:nth-child(2) {
    color: #03376c;
    left: 5.34rem;
    top: .74rem
}

.innovative-solutions-4 .side li:nth-child(3) {
    color: #18a3db;
    left: 5.94rem;
    top: 2.64rem
}

.innovative-solutions-4 .side li:nth-child(4) {
    color: #4cc5f5;
    left: 5.34rem;
    top: 4.25rem
}

.innovative-solutions-4 .side li:nth-child(5) {
    color: #75d6f4;
    left: 3.79rem;
    top: 5.26rem
}

.innovative-solutions-4 .list {
    position: absolute;
    left: 5.66rem;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.innovative-solutions-4 .list li {
    padding: .25rem 0;
    position: relative
}

.innovative-solutions-4 .list li h5 {
    font-size: .28rem;
    padding-bottom: .1rem;
    -webkit-transition: color .5s ease;
    transition: color .5s ease
}

.innovative-solutions-4 .list li p {
    font-size: .18rem;
    line-height: .28rem
}

.innovative-solutions-4 .list li:hover h5 {
    color: #00ccb8
}

.innovative-solutions-4 .list li:nth-child(1) {
    width: 7.1rem
}

.innovative-solutions-4 .list li:nth-child(2) {
    width: 6.78rem;
    left: 1.12rem
}

.innovative-solutions-4 .list li:nth-child(3) {
    width: 6.32rem;
    left: 1.8rem
}

.innovative-solutions-4 .list li:nth-child(4) {
    width: 6.8rem;
    left: 1.12rem
}

.innovative-solutions-4 .list li:nth-child(5) {
    width: 7.35rem
}

.innovative-solutions-5 {
    padding: 1.2rem 0
}

.innovative-solutions-5 .wal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.innovative-solutions-5 .side {
    width: 25%;
    border-left: rgba(51, 51, 51, .25) solid 1px;
    padding-left: .7rem;
    height: 5.75rem
}

.innovative-solutions-5 .side .title {
    color: #00ccbe;
    font-size: .38rem;
    line-height: .4rem;
    width: 2.2rem;
    margin-top: -0.06rem;
    position: relative
}

.innovative-solutions-5 .side .title:before {
    content: "";
    display: block;
    position: absolute;
    left: -0.26rem;
    top: .15rem;
    width: .1rem;
    height: .1rem;
    border-radius: 50%;
    background: #00ccbe
}

.innovative-solutions-5 .side ul {
    padding: .3rem 0 .4rem 0
}

.innovative-solutions-5 .side li {
    padding-bottom: .2rem
}

.innovative-solutions-5 .side li .num {
    font-size: .38rem;
    color: #0c1f6c
}

.innovative-solutions-5 .side li p {
    font-size: .18rem;
    margin-top: .01rem
}

.innovative-solutions-5 .list {
    width: 75%
}

.innovative-solutions-5 .list ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.innovative-solutions-5 .list li {
    width: 33.333%;
    border-left: rgba(51, 51, 51, .25) solid 1px;
    height: 5.75rem;
    position: relative;
    padding-left: .55rem
}

.innovative-solutions-5 .list li:before {
    content: "";
    display: block;
    position: absolute;
    left: -1px;
    top: 50%;
    width: .3rem;
    height: .78rem;
    background: #fff url(../images/img30.png) center no-repeat;
    background-size: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.innovative-solutions-5 .list li .title {
    font-size: .38rem;
    line-height: 1em;
    color: #00ccbe;
    height: 1.08rem;
    padding-top: .12rem
}

.innovative-solutions-5 .list li .num {
    color: #00ccbe;
    line-height: 1.11rem;
    width: 1.11rem;
    text-align: center;
    font-size: .32rem;
    height: 2rem;
    position: relative;
    left: -0.07rem
}

.innovative-solutions-5 .list li .num:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 1.11rem;
    height: 1.11rem;
    background: url(../images/img106.png) center no-repeat;
    background-size: 1.06rem;
    -webkit-animation: rotate 12s linear infinite;
    animation: rotate 12s linear infinite
}

.innovative-solutions-5 .list li dd {
    font-size: .18rem;
    line-height: .26rem;
    padding: 0 0 .14rem .19rem;
    position: relative;
    width: 2.5rem
}

.innovative-solutions-5 .list li dd:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: .1rem;
    width: .06rem;
    height: .06rem;
    border-radius: 50%;
    background: #333
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.for-biopharma-partners {
    padding: 1.2rem 0
}

.for-biopharma-partners .title {
    position: relative;
    line-height: .54rem
}

.for-biopharma-partners .title h2 {
    font-size: .54rem
}

.for-biopharma-partners .title em {
    position: absolute;
    top: 0;
    right: 0;
    font-size: .38rem;
    font-weight: bold
}

.for-biopharma-partners .msg {
    font-size: .38rem;
    line-height: .48rem;
    padding: .4rem 0 .7rem 0
}

.for-biopharma-partners .msg em {
    color: #00ccbe
}

.for-biopharma-partners .container {
    height: 7.65rem;
    position: relative;
    width: 6rem;
    margin: 0 auto;
    padding-top: .76rem
}

.for-biopharma-partners .container .title {
    text-align: center;
    font-size: .36rem;
    line-height: .42rem;
    color: #091c6b;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 5;
    top: 2.6rem;
    background: url(../images/img113.png) center bottom no-repeat;
    background-size: 1.13rem;
    padding-bottom: .32rem
}

.for-biopharma-partners .container li {
    font-size: .32rem;
    line-height: .36rem;
    text-align: center;
    position: absolute;
    white-space: nowrap
}

.for-biopharma-partners .container li:nth-child(1) {
    color: #43d1a1;
    top: 0;
    margin-left: .85rem;
    left: 50%
}

.for-biopharma-partners .container li:nth-child(2) {
    color: #40d3e2;
    top: 3.04rem;
    margin-left: 3.1rem;
    left: 50%
}

.for-biopharma-partners .container li:nth-child(3) {
    color: #41a7e0;
    top: 6.21rem;
    margin-left: .58rem;
    left: 50%
}

.for-biopharma-partners .container li:nth-child(4) {
    color: #4382dd;
    top: 6.21rem;
    margin-right: .68rem;
    right: 50%
}

.for-biopharma-partners .container li:nth-child(5) {
    color: #5571aa;
    top: 3.04rem;
    margin-right: 3.1rem;
    right: 50%
}

.for-biopharma-partners .container li:nth-child(6) {
    color: #9ed342;
    top: .18rem;
    margin-right: .75rem;
    right: 50%
}

.for-biopharma-partners .list ul {
    display: -ms-grid;
    display: grid;
    grid-gap: .55rem;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr)
}

.for-biopharma-partners .list .item {
    display: block;
    border-radius: .14rem;
    border: rgba(0, 0, 0, .12) solid 1px;
    min-height: 2.1rem;
    padding: .38rem 0 0 .38rem;
    color: #333;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.for-biopharma-partners .list .item .num {
    position: relative;
    padding-bottom: .32rem
}

.for-biopharma-partners .list .item .num:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: .6rem;
    height: .04rem;
    background: #08ceba
}

.for-biopharma-partners .list .item .num img {
    height: .52rem
}

.for-biopharma-partners .list .item p {
    font-size: .24rem;
    padding: .25rem 0
}

.for-biopharma-partners .list .item:hover {
    box-shadow: 0 .02rem .14rem 0 rgba(0, 38, 3, .1);
    border-color: rgba(0, 0, 0, 0)
}

.companion-diagnostic {
    padding-bottom: 1.2rem
}

.companion-diagnostic .title {
    position: relative;
    line-height: .6rem;
    margin-top: 1.2rem
}

.companion-diagnostic .title h2 {
    font-size: .6rem
}

.companion-diagnostic .title h3 {
    font-size: .36rem;
    color: #00ccbe
}

.companion-diagnostic .title em {
    position: absolute;
    top: 0;
    right: 0;
    font-size: .38rem;
    font-weight: bold
}

.companion-diagnostic .content {
    font-size: .24rem;
    line-height: 1.3em;
    font-family: "YaHeiLight"
}

.companion-diagnostic .container {
    position: relative;
    padding-top: .45rem;
    width: 11.23rem;
    margin: 0 auto
}

.companion-diagnostic .msg {
    font-size: .38rem;
    line-height: .48rem;
    padding: .2rem 0 .5rem 0
}

.companion-diagnostic .msg em {
    color: #00ccbe
}

.companion-diagnostic .list ul {
    display: -ms-grid;
    display: grid;
    grid-gap: .55rem;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr)
}

.companion-diagnostic .list .item {
    display: block;
    border-radius: .14rem;
    border: rgba(0, 0, 0, .12) solid 1px;
    min-height: 2.45rem;
    padding: .5rem 0 0 .38rem;
    color: #333;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.companion-diagnostic .list .item .num {
    position: relative;
    padding-bottom: .32rem
}

.companion-diagnostic .list .item .num:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: .6rem;
    height: .04rem;
    background: #08ceba
}

.companion-diagnostic .list .item .num img {
    height: .65rem
}

.companion-diagnostic .list .item p {
    font-size: .22rem;
    padding: .25rem 0
}

.companion-diagnostic .list .item:hover {
    box-shadow: 0 .02rem .14rem 0 rgba(0, 38, 3, .1);
    border-color: rgba(0, 0, 0, 0)
}

@media screen and (max-width: 800px) {
    .en-banner .title h2 {
        font-size: .46rem;
        line-height: .58rem
    }

    .en-banner .title p {
        font-size: .22rem;
        padding-top: .2rem
    }

    .en-banner .title p.p-1 {
        line-height: .34rem
    }

    .innovative_01 {
        height: 8.3rem;
        padding-top: 1.2rem
    }

    .innovative_01 ul {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative;
        left: -0.2rem
    }

    .innovative_01 li {
        width: 2rem;
        height: 3rem
    }

    .innovative_01 li .item {
        width: 2rem;
        height: 2rem;
        position: absolute;
        z-index: 5;
        left: 50%;
        top: 0;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        background: #fafafa;
        border-radius: 50%;
        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
    }

    .innovative_01 li .item:after {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 1.6rem;
        height: 1.6rem;
        background: #fdfdfd;
        box-shadow: 0 .06rem .14rem 0 rgba(159, 163, 170, .2), 0 .03rem .04rem 0 #fff;
        border-radius: 50%
    }

    .innovative_01 li .item:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        background: center no-repeat;
        background-size: 1.84rem
    }

    .innovative_01 li .item .ico {
        width: .6rem;
        position: relative;
        z-index: 5
    }

    .innovative_01 li .item .name {
        text-align: center;
        font-size: .18rem;
        line-height: .22rem;
        height: .6rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
        position: relative;
        z-index: 5
    }

    .innovative_01 li .item .line {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -1.06rem;
        margin-top: -1.06rem;
        width: 2.12rem;
        height: 2.12rem;
        background: center no-repeat;
        background-size: 100% 100%
    }

    .innovative_01 li:nth-child(even) {
        width: 1.33rem;
        top: 1.52rem
    }

    .innovative_01 li:nth-child(4) .item:before {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .innovative_02 .title {
        line-height: 1.2em
    }

    .innovative_02 .list li {
        width: 100%;
        margin-bottom: .4rem
    }

    .innovative_02 .list li:last-child {
        margin-bottom: 0
    }

    .innovative_02 .list li a .name {
        font-size: .32rem
    }

    .innovative_02 .list li a p {
        font-size: .24rem;
        line-height: .36rem
    }

    .innovative_03 {
        min-height: 6.9rem;
        position: relative;
        padding: .25rem 0 1rem 0
    }

    .innovative_03 .title {
        width: 100%;
        line-height: 1.2em
    }

    .innovative_03 .content {
        font-size: .26rem;
        line-height: .44rem;
        width: 100%
    }

    .innovative_03 .img {
        position: relative;
        top: 0;
        width: 6.45rem
    }

    .central-laboratory {
        width: 100%;
        overflow: hidden;
        position: relative
    }

    .central-laboratory .title {
        padding-top: 0
    }

    .central-laboratory .container {
        background: url(../images/img950.png) center no-repeat;
        background-size: 100% 100%;
        width: 9.5rem;
        height: 4.85rem;
        position: relative;
        left: -1.95rem
    }

    .central-laboratory .container .ico-1 {
        width: .55rem;
        position: absolute;
        left: 5.06rem;
        top: .25rem
    }

    .central-laboratory .container .ico-2 {
        width: .53rem;
        position: absolute;
        left: 5.08rem;
        top: 3.43rem
    }

    .central-laboratory .container li {
        position: absolute;
        width: 3.07rem;
        height: 3.07rem;
        top: .58rem
    }

    .central-laboratory .container li .name {
        text-align: center;
        font-size: .26rem;
        line-height: .32rem;
        color: #00ccb8;
        padding: .5rem 0 .2rem 0
    }

    .central-laboratory .container li dd {
        font-size: .18rem;
        line-height: .32rem;
        padding-left: .72rem;
        position: relative
    }

    .central-laboratory .container li dd:before {
        content: "";
        display: block;
        position: absolute;
        left: .56rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: .06rem;
        height: .06rem;
        background: #00ccb8;
        border-radius: 50%;
        position: absolute
    }

    .central-laboratory .container li:nth-child(1) {
        left: 1.19rem
    }

    .central-laboratory .container li:nth-child(2) {
        left: 6.36rem
    }

    .central-laboratory .container li:nth-child(2) .name {
        color: #1b468f;
        padding: .3rem 0 .15rem 0
    }

    .central-laboratory .container li:nth-child(2) dd:before {
        background: #1b468f
    }

    .central-laboratory .list {
        position: relative;
        top: 0;
        width: 100%;
        padding-bottom: 1.2rem
    }

    .central-laboratory .list ul {
        display: -ms-grid;
        display: grid;
        grid-gap: .2rem;
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr)
    }

    .central-laboratory .list li {
        padding-bottom: 0
    }

    .innovative-solutions-1 .wal {
        padding-bottom: 2rem
    }

    .innovative-solutions-1 h2 {
        line-height: .6rem
    }

    .innovative-solutions-1 li {
        font-size: .26rem;
        line-height: .4rem
    }

    .innovative-solutions-1 li:before {
        top: .16rem
    }

    .innovative-solutions-2 h2 {
        line-height: 1em
    }

    .innovative-solutions-2 .content {
        top: 3.5rem;
        right: auto;
        left: 0
    }

    .innovative-solutions-3 .hd {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .innovative-solutions-3 .hd .img {
        width: 3.89rem
    }

    .innovative-solutions-3 .hd p {
        font-size: .38rem;
        line-height: .48rem;
        padding: 0 0 .3rem 0;
        width: 100%
    }

    .innovative-solutions-4 {
        padding: 1.2rem 0
    }

    .innovative-solutions-4 .side {
        width: 6.37rem;
        position: relative;
        left: 0;
        top: 0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .innovative-solutions-4 .list {
        position: relative;
        left: 0;
        top: 0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        padding-top: .5rem
    }

    .innovative-solutions-4 .list li h5 {
        font-size: .28rem;
        padding-bottom: .1rem;
        -webkit-transition: color .5s ease;
        transition: color .5s ease
    }

    .innovative-solutions-4 .list li p {
        font-size: .24rem;
        line-height: .4rem
    }

    .innovative-solutions-4 .list li:nth-child(1) {
        width: 100%
    }

    .innovative-solutions-4 .list li:nth-child(2) {
        width: 100%;
        left: 0
    }

    .innovative-solutions-4 .list li:nth-child(3) {
        width: 100%;
        left: 0
    }

    .innovative-solutions-4 .list li:nth-child(4) {
        width: 100%;
        left: 0
    }

    .innovative-solutions-4 .list li:nth-child(5) {
        width: 100%
    }

    .innovative-solutions-5 .wal {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .innovative-solutions-5 .side {
        width: 100%;
        border: 0;
        border-top: rgba(51, 51, 51, .25) solid 1px;
        padding: .5rem 0 0 .3rem;
        height: 4rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .innovative-solutions-5 .side .col {
        width: 50%
    }

    .innovative-solutions-5 .side li {
        padding-bottom: .3rem
    }

    .innovative-solutions-5 .side li p {
        font-size: .24rem
    }

    .innovative-solutions-5 .list {
        width: 100%
    }

    .innovative-solutions-5 .list ul {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .innovative-solutions-5 .list li {
        width: 100%;
        border: 0;
        border-top: rgba(51, 51, 51, .25) solid 1px;
        height: auto;
        position: relative;
        padding: .55rem 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-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .innovative-solutions-5 .list li:before {
        left: 50%;
        top: -0.3rem;
        -webkit-transform: rotate(90deg) translateY(0);
        -ms-transform: rotate(90deg) translateY(0);
        transform: rotate(90deg) translateY(0);
        margin-left: -0.1rem
    }

    .innovative-solutions-5 .list li .title {
        height: .6rem;
        padding-top: 0
    }

    .innovative-solutions-5 .list li .num {
        height: 1.5rem;
        left: 0
    }

    .innovative-solutions-5 .list li dd {
        font-size: .26rem;
        line-height: .36rem;
        width: 3.5rem
    }

    .innovative-solutions-5 .list li dd:before {
        top: .15rem
    }

    .for-biopharma-partners {
        width: 100%;
        overflow: hidden;
        position: relative
    }

    .for-biopharma-partners .container {
        -webkit-transform: scale(0.75);
        -ms-transform: scale(0.75);
        transform: scale(0.75)
    }

    .for-biopharma-partners .list ul {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr)
    }

    .for-biopharma-partners .list .item p {
        font-size: .26rem;
        padding: .25rem 0
    }

    .companion-diagnostic .title {
        padding-right: 1rem
    }

    .companion-diagnostic .content {
        font-size: .26rem
    }

    .companion-diagnostic .container {
        width: 100%
    }

    .companion-diagnostic .list ul {
        -ms-grid-columns: (1fr)[1];
        grid-template-columns: repeat(1, 1fr)
    }

    .companion-diagnostic .list .item p {
        font-size: .26rem;
        padding: .25rem 0
    }
}