@charset "utf-8";
    :root {
    --color:#005CE6;
    --vh:100vh
}
@media screen and (max-width:767px) {
    _::-webkit-full-page-media,_:future,:root .safari_only {
    padding-bottom:100px
}

}
* {
    padding:0;
    margin:0;
    outline:none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
html {
    font-size:calc(100vw/19.2)
}
@media (min-width:1901px) {
    html {
    font-size:100px
}

}
@media (max-width:1600px) {
    html {
    font-size:66px
}

}
@media (max-width:767px) {
    html {
    font-size:calc(100vw/7.5)
}

}
body {
    min-height:100%;
    font-family:'PingFang SC','Microsoft YaHei','Microsoft YaHei UI','SimSun','SimHei','Arial';
    font-size:16px;
    line-height:1.5;
    color:#333;
    background:#fff
}
@media (max-width:1600px) {
    body {
    font-size:14px
}

}
@media (max-width:767px) {
    body {
    font-size:.28rem
}

}
img {
    max-width:100%;
    border:0;
    vertical-align:top
}
li {
    list-style:none
}
h1,h2,h3,h4,h5,h6 {
    font-family:inherit;
    font-style:inherit;
    font-size:inherit;
    font-weight:normal
}
a,a:hover,a:focus {
    text-decoration:none
}
input,button {
    -webkit-appearance:none;
    border-radius:0
}
button {
    cursor:pointer
}
input[type="button"],input[type="reset"],input[type="submit"] {
    -webkit-appearance:button;
    cursor:pointer
}
textarea {
    resize:none;
    overflow:auto
}
input,button,textarea,select {
    border:0;
    font-family:inherit;
    font-style:inherit;
    font-size:inherit;
    font-weight:normal;
    color:inherit;
    background:transparent
}
select {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    white-space:nowrap;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
select::-ms-expand {
    display:none
}
table {
    border-collapse:collapse
}
.fl {
    float:left
}
.fr {
    float:right
}
.clear {
    zoom:1
}
.clear:after {
    content:'';
    display:block;
    clear:both
}
.bg-color1 {
    background-color:#fff
}
.ptb100 {
    padding-top:1rem;
    padding-bottom:1rem
}
@media (max-width:767px) {
    .ptb100 {
    padding-top:1.2rem;
    padding-bottom:1.2em
}

}
.pt100 {
    padding-top:1rem
}
@media (max-width:767px) {
    .pt100 {
    padding-top:1.2rem
}

}
.pb100 {
    padding-bottom:1rem
}
@media (max-width:767px) {
    .pb100 {
    padding-bottom:1.2rem
}

}
.font14 {
    font-size:14px
}
.font16 {
    font-size:16px
}
.font18 {
    font-size:18px
}
.font20 {
    font-size:20px
}
.font22 {
    font-size:22px
}
.font24 {
    font-size:24px
}
.font26 {
    font-size:26px
}
.font27 {
    font-size:27px
}
.font28 {
    font-size:28px
}
.font30 {
    font-size:30px
}
.font32 {
    font-size:32px
}
.font34 {
    font-size:34px
}
.font36 {
    font-size:36px
}
.font40 {
    font-size:40px
}
.font42 {
    font-size:42px
}
.font44 {
    font-size:44px
}
.font46 {
    font-size:46px
}
.font48 {
    font-size:48px
}
.font50 {
    font-size:50px
}
.font52 {
    font-size:52px
}
.font54 {
    font-size:54px
}
.font56 {
    font-size:56px
}
.font60 {
    font-size:60px
}
.font72 {
    font-size:72px
}
.font80 {
    font-size:80px
}
@media (max-width:1600px) {
    .font16 {
    font-size:14px
}
.font18 {
    font-size:16px
}
.font20 {
    font-size:18px
}
.font22 {
    font-size:20px
}
.font24 {
    font-size:22px
}
.font26 {
    font-size:24px
}
.font28 {
    font-size:26px
}
.font30 {
    font-size:28px
}
.font32 {
    font-size:30px
}
.font34 {
    font-size:32px
}
.font36 {
    font-size:34px
}
.font40 {
    font-size:38px
}
.font42,.font44 {
    font-size:40px
}
.font46 {
    font-size:42px
}
.font48 {
    font-size:44px
}
.font50 {
    font-size:46px
}
.font52 {
    font-size:48px
}
.font54 {
    font-size:48px
}
.font56 {
    font-size:48px
}
.font60,.font72,.font80 {
    font-size:48px
}

}
@media (max-width:1280px) {
    .font16 {
    font-size:14px
}
.font18 {
    font-size:16px
}
.font20 {
    font-size:18px
}
.font22 {
    font-size:20px
}
.font24 {
    font-size:22px
}
.font26 {
    font-size:24px
}
.font28 {
    font-size:24px
}
.font30 {
    font-size:26px
}
.font32 {
    font-size:28px
}
.font34 {
    font-size:28px
}
.font36,.font40 {
    font-size:30px
}
.font42,.font44 {
    font-size:32px
}
.font46 {
    font-size:36px
}
.font48,.font50 {
    font-size:38px
}
.font52,.font54,.font56,.font60,.font72,.font80 {
    font-size:44px
}

}
@media (max-width:767px) {
    .font14,.font16 {
    font-size:.28rem
}
.font18,.font20 {
    font-size:.3rem
}
.font22,.font24,.font26,.font27 {
    font-size:.32rem
}
.font28 {
    font-size:.36rem
}
.font30,.font32,.font34 {
    font-size:.4rem
}
.font36,.font40,.font42,.font44,.font46 {
    font-size:.46rem
}
.font48,.font50,.font52,.font54,.font56,.font60,.font72,.font80 {
    font-size:.58rem
}

}
.container {
    margin:0 auto;
    width:85%;
    max-width:1440px
}
@media (max-width:1280px) {
    .container {
    width:90%
}

}
svg path {
    mix-blend-mode:normal !important
}
.public-scrollbar {
    scrollbar-width:thin
}
.public-scrollbar ::-webkit-scrollbar {
    width:5px;
    height:1px
}
.public-scrollbar ::-webkit-scrollbar-thumb {
    border-radius:3px;
    box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
    background:#1bd629
}
.public-scrollbar ::-webkit-scrollbar-track {
    box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
    border-radius:3px;
    background:#ededed
}
.public-btn {
    display:inline-flex;
    justify-content:center;
    align-items:center
}
.public-btn a {
    height:45px;
    display:flex;
    align-items:center;
    padding:0 20px 0 25px;
    border-radius:25px;
    position:relative;
    z-index:2
}
@media (max-width:767px) {
    .public-btn a {
    height:.8rem;
    border-radius:.4rem;
    padding:0 .3rem 0 .4rem
}

}
.public-btn a::before {
    content:'';
    width:100%;
    height:45px;
    border-radius:25px;
    background:#1bd629;
    transition:all .4s;
    position:absolute;
    top:50%;
    right:0;
    transform:translateY(-50%);
    z-index:-1;
    pointer-events:none
}
@media (max-width:767px) {
    .public-btn a::before {
    height:.8rem;
    border-radius:.4rem
}

}
.public-btn a span {
    color:#fff;
    line-height:1.55555556em;
    transition:all .4s
}
.public-btn a i {
    width:23px;
    height:23px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-left:10px;
    transition:all .4s;
    overflow:hidden
}
@media (max-width:767px) {
    .public-btn a i {
    width:.4rem;
    height:.4rem
}

}
.public-btn a i svg {
    width:40%;
    height:40%;
    animation:arrowRun 5s infinite
}
.public-btn a i svg path {
    fill:#fff;
    transition:all .4s
}
@media (min-width:992px) {
    .public-btn a:hover span {
    color:#333
}
.public-btn a:hover::before {
    width:45px
}
.public-btn a:hover i {
    transform:translateX(9px)
}
.public-btn a:hover i svg path {
    fill:#fff
}

}
@media (min-width:992px) and (max-width:767px) {
    .public-btn a:hover::before {
    width:.8rem
}

}
@media (min-width:992px) and (max-width:767px) {
    .public-btn a:hover i {
    transform:translateX(.1rem)
}

}
.public-img {
    display:block;
    position:relative;
    z-index:1;
    overflow:hidden
}
.public-img::before {
    content:"";
    display:block;
    position:relative;
    z-index:0;
    padding-top:100%
}
.public-img>img {
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:all .8s
}
.public-content {
    color:#666;
    line-height:1.8
}
.public-content h1,.public-content h2,.public-content h3,.public-content h4,.public-content h5,.public-content h6 {
    font-style:normal;
    font-size:normal;
    font-weight:normal;
    color:#000
}
.public-content a {
    color:#666
}
.public-content table {
    max-width:100%
}
.public-content table td,.public-content table th {
    padding:10px 15px;
    border:1px solid #dbf1ed
}
.public-content li {
    margin-left:15px;
    list-style:disc
}
.public-content ol {
    margin-left:15px;
    list-style:decimal
}
.public-content img {
    max-width:100%;
    height:auto !important
}
.public-content video {
    width:100% !important;
    height:auto !important
}
#hi-upgrade {
    position:fixed;
    top:0;
    left:0;
    z-index:9999;
    width:100%;
    height:100%;
    background:#fff;
    font-size:16px;
    line-height:26px;
    text-align:center
}
#hi-upgrade .hi-wrap {
    position:absolute;
    top:50%;
    left:50%;
    margin:-177px 0 0 -450px;
    width:900px
}
#hi-upgrade .hi-wrap .hi-title {
    font-size:30px;
    line-height:40px;
    color:#333
}
#hi-upgrade .hi-wrap .hi-close {
    margin:10px 0;
    display:inline-block;
    cursor:pointer;
    font-size:18px;
    color:#1bd629
}
@media (min-width:992px) {
    #hi-upgrade .hi-wrap .hi-close:hover {
    text-decoration:underline
}

}
#hi-upgrade .hi-wrap .hi-text1 {
    color:#666
}
#hi-upgrade .hi-wrap .hi-text1 span {
    color:#1bd629
}
#hi-upgrade .hi-wrap .hi-text2 {
    position:relative;
    margin:60px 0;
    color:#333
}
#hi-upgrade .hi-wrap .hi-text2::before {
    content:"";
    position:absolute;
    top:50%;
    left:0;
    z-index:1;
    width:100%;
    border-top:1px solid #ddd
}
#hi-upgrade .hi-wrap .hi-text2 span {
    position:relative;
    z-index:5;
    padding:0 30px;
    background:#fff
}
#hi-upgrade .hi-wrap .hi-list {
    overflow:hidden
}
#hi-upgrade .hi-wrap .hi-list li {
    display:inline-block;
    width:16%
}
#hi-upgrade .hi-wrap .hi-list li div {
    margin:0 auto 5px;
    width:50px;
    height:50px
}
#hi-upgrade .hi-wrap .hi-list li a {
    color:#666
}
@media (min-width:992px) {
    #hi-upgrade .hi-wrap .hi-list li a:hover {
    color:#1bd629
}

}
#hi-upgrade .hi-wrap .hi-list li .hi-ico1 {
    background:url(../images/hi-llq-1.jpg) no-repeat center / 100%
}
#hi-upgrade .hi-wrap .hi-list li .hi-ico2 {
    background:url(../images/hi-llq-2.jpg) no-repeat center / 100%
}
#hi-upgrade .hi-wrap .hi-list li .hi-ico3 {
    background:url(../images/hi-llq-3.jpg) no-repeat center / 100%
}
#hi-upgrade .hi-wrap .hi-list li .hi-ico4 {
    background:url(../images/hi-llq-4.jpg) no-repeat center / 100%
}
#hi-upgrade .hi-wrap .hi-list li .hi-ico5 {
    background:url(../images/hi-llq-5.jpg) no-repeat center / 100%
}
#hi-upgrade .hi-wrap .hi-list li .hi-ico6 {
    background:url(../images/hi-llq-6.jpg) no-repeat center / 100%
}
#c-placeholder {
    height:76px
}
@media (max-width:991px) {
    #c-placeholder {
    height:1.2rem
}

}

/* header */

.banner {
    width:100%;
    height:100vh;
    position:relative;
    overflow:hidden
}
.banner .img {
    width:100%;
    height:100%;
    position:relative;
    z-index:1
}
.banner .img::before {
    content:'';
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background:rgba(0,0,0,0.2);
    z-index:2
}
.banner .img img {
    width:100%;
    height:100%;
    object-fit:cover
}
.banner .img video {
    position:absolute;
    top:50%;
    left:50%;
    z-index:1;
    width:100%;
    height:100%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    object-fit:cover
}
.banner .img .msk {
    position:absolute;
    top:0;
    left:0;
    z-index:2;
    width:100%;
    height:100%;
    background:url(../images/mbl.png) repeat top left;
    z-index:19
}
.banner .img.vblack video {
    filter:grayscale(100%)
}
.banner>.container {
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    padding-bottom:.1rem;
    z-index:3
}
@media (max-width:767px) {
    .banner>.container {
    top:65%
}

}
.banner>.container .tbox .title {
    color:#fff;
    line-height:1.16666667em
}
@media (max-width:767px) {
    .banner>.container .tbox .title {
    font-weight:bold
}

}
.banner>.container .tbox .txt {
    margin-top:.23rem;
    line-height:1.5em;
    color:rgba(255,255,255,0.7)
}
@media (max-width:767px) {
    .banner>.container .tbox .txt {
    width:89%;
    line-height:1.4em
}
.banner>.container .tbox .txt br {
    display:none
}

}
.banner>.container .tbox .more {
    margin-top:.47rem;
    display:flex
}
.banner>.container .tbox .more a {
    display:flex;
    align-items:center
}
.banner>.container .tbox .more a span {
    color:#fff;
    line-height:1.625em;
    transition:all .4s
}
@media (max-width:767px) {
    .banner>.container .tbox .more a span {
    font-size:16px
}

}
.banner>.container .tbox .more a i {
    width:.4rem;
    height:.4rem;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-left:.14rem;
    position:relative;
    overflow:hidden
}
@media (max-width:767px) {
    .banner>.container .tbox .more a i {
    width:.6rem;
    height:.6rem
}

}
.banner>.container .tbox .more a i::before {
    content:'';
    width:100%;
    height:100%;
    background:#1bd629;
    border-radius:50%;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    transition:all .8s
}
.banner>.container .tbox .more a i::after {
    content:'';
    width:100%;
    height:100%;
    border:2px solid #1bd629;
    border-radius:50%;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    box-sizing:border-box
}
.banner>.container .tbox .more a i svg {
    width:10px;
    height:10px;
    position:relative;
    z-index:2;
    transition:all .4s
}
.banner>.container .tbox .more a i svg path {
    fill:#fff;
    transition:all .4s
}
@media (min-width:992px) {
    .banner>.container .tbox .more a:hover span {
    color:#1bd629
}
.banner>.container .tbox .more a:hover i svg {
    transform:rotateZ(180deg)
}

}
.banner>.container .tbox .more a.on span {
    color:#1bd629
}
.banner>.container .tbox .more a.on i svg {
    transform:rotateZ(180deg)
}

.banner .client {
    width:100%;
    position:absolute;
    left:0;
    bottom:0;
    z-index:2;
    background:#1bd629;
    overflow:hidden;
    padding:.55rem 0;
    transform-origin:bottom;
    -webkit-transform-origin:bottom;
    -moz-transform-origin:bottom;
    transform:rotateX(200deg) translate3d(0,0,0);
    -webkit-transform:rotateX(200deg) translate3d(0,0,0);
    -moz-transform:rotateX(200deg) translate3d(0,0,0);
    transition:all .65s cubic-bezier(.55,.65,.55,1) 0s;
    -webkit-transition:all .65s cubic-bezier(.55,.65,.55,1) 0s;
    -moz-transition:all .65s cubic-bezier(.55,.65,.55,1) 0s
}
.banner .client.on {
    transform:rotateX(0deg) translate3d(0,0,0);
    -webkit-transform:rotateX(0deg) translate3d(0,0,0);
    -moz-transform:rotateX(0deg) translate3d(0,0,0)
}
.banner .client .close {
    width:25px;
    height:25px;
    position:absolute;
    top:.2rem;
    right:.18rem;
    display:flex;
    justify-content:center;
    align-items:center;
    cursor:pointer;
    display:none
}
.banner .client .close svg path {
    fill:#1bd629
}
.banner .client .container .swiper-container {
    width:100%
}
.banner .client .container .swiper-container .swiper-slide {
    display:flex;
    justify-content:center;
    align-items:center;
    background:#1bd629
}
.banner .client .container .swiper-container .swiper-slide .img8 {
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    transform:translateY(.6rem);
    transition:all .8s;
    opacity:0
}
@media (max-width:991px) {
    .banner .client .container .swiper-container .swiper-slide .img8 {
    display:none
}

}
.banner .client .container .swiper-container .swiper-slide .img4 {
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    display:none;
    transform:translateY(.6rem);
    transition:all .8s;
    opacity:0
}
@media (max-width:991px) {
    .banner .client .container .swiper-container .swiper-slide .img4 {
    display:flex
}

}
@media (max-width:767px) {
    .banner .client .container .swiper-container .swiper-slide .img4 {
    display:none
}

}
.banner .client .container .swiper-container .swiper-slide .img3 {
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    display:none;
    transform:translateY(.6rem);
    transition:all .8s;
    opacity:0
}
@media (max-width:767px) {
    .banner .client .container .swiper-container .swiper-slide .img3 {
    display:flex
}

}
.banner .client .container .swiper-container .swiper-slide .imgs {
    height:50px;
    display:flex;
    justify-content:center;
    align-items:center
}
.banner .client .container .swiper-container .swiper-slide .imgs img {
    max-height:100%
}
.banner .client .container .swiper-container .swiper-slide.swiper-slide-active .img8 {
    opacity:1;
    transform:translateY(0)
}
.banner .client .container .swiper-container .swiper-slide.swiper-slide-active .img4 {
    opacity:1;
    transform:translateY(0)
}
.banner .client .container .swiper-container .swiper-slide.swiper-slide-active .img3 {
    opacity:1;
    transform:translateY(0)
}



.font-run span {
    clip-path:polygon(0 0,100% 0,100% 0,0 50%);
    transition:all 1s;
    transform:translateY(100%);
    position:relative;
    display:inline-block;
    opacity:0
}
.font-run.on span {
    opacity:1;
    clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);
    transform:translateY(0)
}
.font-run.font-run-delay span {
    transition:all 1s .5s
}
.font-run.font-run-delay1 span {
    transition:all 1s 1s
}
@media (max-width:991px) {
    .font-run.font-run-delay1 span {
    transition:all 1s .7s
}

}
.index-box1 {
    width:100%;
    padding:1.82rem 0 .6rem
}
@media (max-width:767px) {
    .index-box1 {
    padding:1.2rem 0 0
}

}
.index-box1 .bg {
    width:100%;
    height:100vh;
    position:sticky;
    position:-webkit-sticky;
    top:0;
    display:flex;
    align-items:flex-end;
    overflow:hidden
}
.index-box1 .bg img {
    width:100%
}
.index-box1 .bg video {
    width:100%;
    object-fit:fill
}
@media (max-width:767px) {
    .index-box1 .bg video {
    width:250%;
    transform:translateX(-30%)
}

}
.index-box1 .container {
    margin-top:-100vh;
    position:relative;
    z-index:2
}
.index-box1 .container .top .title {
    display:flex;
    align-items:flex-end
}
.index-box1 .container .top .title span {
    line-height:1.2em;
    color:#333;
    display:block
}
.index-box1 .container .top .title i {
    width:.44rem;
    height:.44rem;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:.42rem;
    overflow:hidden
}
.index-box1 .container .top .title i svg {
    width:50%;
    height:50%;
    animation:arrowRun 5s infinite
}
.index-box1 .container .top .title i svg path {
    fill:#1bd629
}
.index-box1 .container .top .more {
    display:flex;
    margin-top:.44rem
}
.index-box1 .container .top .more a {
    display:flex;
    align-items:center
}
.index-box1 .container .top .more a span {
    line-height:1.55555556em;
    color:#1bd629
}
.index-box1 .container .top .more a .icons {
    width:20px;
    height:20px;
    display:flex;
    overflow:hidden
}
.index-box1 .container .top .more a .icons i {
    width:100%;
    height:100%;
    transition:all .5s;
    transform:translateX(-100%);
    flex-shrink:0;
    display:flex;
    justify-content:flex-end;
    align-items:center
}
.index-box1 .container .top .more a .icons i svg {
    width:50%;
    height:50%;
    transform:rotateZ(-90deg)
}
.index-box1 .container .top .more a .icons i svg path {
    fill:#1bd629
}
@media (min-width:992px) {
    .index-box1 .container .top .more a:hover .icons i {
    transform:translateX(0)
}

}
.index-box1 .container .list {
    width:100%;
    margin-top:.92rem
}
.index-box1 .container .list ul {
    width:100%;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap
}
.index-box1 .container .list ul li {
    width:41.66666667%;
    margin-bottom:1.7rem
}
@media (max-width:767px) {
    .index-box1 .container .list ul li {
    width:100%;
    margin-bottom:1.2rem
}

}
.index-box1 .container .list ul li a {
    width:100%;
    display:block
}
.index-box1 .container .list ul li a .public-img {
    width:100%;
    border-radius:.1rem;
    background:#f4f4f4
}
.index-box1 .container .list ul li a .public-img .zz {
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    z-index:3;
    background:#f5f7f9
}
.index-box1 .container .list ul li a .public-img img {
    transition:transform .65s ease-out,opacity .5s ease-out;
    border-radius:.1rem
}
.index-box1 .container .list ul li a .public-img video {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    object-fit:cover;
    z-index:2
}
@media (max-width:767px) {
    .index-box1 .container .list ul li a .public-img video {
    display:none
}

}
.index-box1 .container .list ul li a .tbox {
    padding:.35rem 1.5rem 0 .1rem
}
@media (max-width:767px) {
    .index-box1 .container .list ul li a .tbox {
    padding-right:0
}

}
.index-box1 .container .list ul li a .tbox .t1 {
    line-height:1.625em;
    color:#999
}
.index-box1 .container .list ul li a .tbox .t2 {
    line-height:1.25em;
    color:#333;
    margin-top:.1rem
}
@media (max-width:767px) {
    .index-box1 .container .list ul li a .tbox .t2 {
    display:-webkit-box;
    overflow:hidden;
    text-overflow:ellipsis;
    word-wrap:break-word;
    word-break:break-all;
    white-space:normal !important;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical
}

}
.index-box1 .container .list ul li:nth-child(2n) {
    margin-top:-3rem;
    margin-bottom:4.7rem
}
@media (max-width:767px) {
    .index-box1 .container .list ul li:nth-child(2n) {
    margin-top:0;
    margin-bottom:1.2rem
}

}
.index-box1 .container .list ul li:nth-child(3) a .public-img,.index-box1 .container .list ul li:nth-child(4) a .public-img {
    width:80%
}
@media (max-width:767px) {
    .index-box1 .container .list ul li:nth-child(3) a .public-img,.index-box1 .container .list ul li:nth-child(4) a .public-img {
    width:100%
}

}
.index-box1 .container .list ul li:nth-child(3) a .public-img::before,.index-box1 .container .list ul li:nth-child(4) a .public-img::before {
    padding-top:62.5%
}
@media (min-width:992px) {
    .index-box1 .container .list ul li:hover a .public-img img {
    transform:scale(1.05)
}

}
.index-box2 {
    width:100%;
    padding:1.47rem 0 1.18rem
}
@media (max-width:1280px) {
    .index-box2 {
    height:auto;
    padding:1.2rem 0
}

}
@media (max-width:991px) {
    .index-box2 {
    height:initial;
    padding:1.5rem 0 0
}

}
.index-box2 .container {
    position:sticky;
    position:-webkit-sticky;
    top:1.2rem;
    display:flex;
    justify-content:space-between
}
@media (max-width:1280px) {
    .index-box2 .container {
    top:.8rem
}

}
@media (max-width:991px) {
    .index-box2 .container {
    flex-wrap:wrap;
    position:relative;
    top:initial
}

}
.index-box2 .container .left {
    width:41.66666667%
}
@media (max-width:1600px) {
    .index-box2 .container .left {
    width:48.67%
}

}
@media (max-width:991px) {
    .index-box2 .container .left {
    width:100%
}

}
.index-box2 .container .left .top .title {
    line-height:1.25em;
    color:#333
}
.index-box2 .container .left .top .public-btn {
    margin-top:.3rem
}
.index-box2 .container .left .top .more {
    display:flex;
    margin-top:.3rem
}
.index-box2 .container .left .top .more a {
    display:flex;
    align-items:center
}
.index-box2 .container .left .top .more a span {
    line-height:1.55555556em;
    color:#1bd629
}
.index-box2 .container .left .top .more a .icons {
    width:20px;
    height:20px;
    display:flex;
    overflow:hidden
}
.index-box2 .container .left .top .more a .icons i {
    width:100%;
    height:100%;
    transition:all .5s;
    transform:translateX(-100%);
    flex-shrink:0;
    display:flex;
    justify-content:flex-end;
    align-items:center
}
.index-box2 .container .left .top .more a .icons i svg {
    width:50%;
    height:50%;
    transform:rotateZ(-90deg)
}
.index-box2 .container .left .top .more a .icons i svg path {
    fill:#1bd629
}
@media (min-width:992px) {
    .index-box2 .container .left .top .more a:hover .icons i {
    transform:translateX(0)
}

}
.index-box2 .container .left .menu {
    width:100%;
    position:relative;
    margin-top:.8rem
}
@media (max-width:1280px) {
    .index-box2 .container .left .menu {
    margin-top:.8rem
}

}
@media (max-width:991px) {
    .index-box2 .container .left .menu {
    display:none
}

}
.index-box2 .container .left .menu .bgs {
    width:calc(100% - 4px);
    height:0;
    background:#f5f7f9;
    position:absolute;
    right:0;
    top:0;
    transition:all .6s;
    border-radius:.1rem;
    opacity:0
}
.index-box2 .container .left .menu .bgs-active {
    width:calc(100% - 4px);
    height:0;
    background:#fff;
    background-size:auto 100%;
    position:absolute;
    right:0;
    top:0;
    z-index:2;
    transition:all .4s;
    border-radius:.1rem;
    display:flex;
    align-items:center
}
.index-box2 .container .left .menu .bgs-active .border {
    width:5px;
    height:.7rem;
    border-radius:5px 0 0 5px;
    flex-shrink:0;
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    z-index:3;
    transition:all .6s;
    background:#1bd629;
    box-shadow:.1rem 0 .2rem 0 rgba(0,204,102,0.8)
}
.index-box2 .container .left .menu .bgs-active .tbox {
    width:calc(100% - 4px);
    height:100%;
    position:relative;
    padding:.3rem .32rem;
    border-radius:.1rem;
    transition:all .6s;
    overflow:hidden;
    z-index:2;
    border:1px solid #eee;
    margin-left:4px
}
.index-box2 .container .left .menu ul {
    width:100%;
    position:relative;
    z-index:3
}
.index-box2 .container .left .menu ul li {
    width:100%;
    margin-bottom:.4rem;
    display:flex;
    justify-content:flex-end;
    position:relative;
    cursor:pointer;
    transition:all .6s
}
.index-box2 .container .left .menu ul li:last-child {
    margin-bottom:0
}
.index-box2 .container .left .menu ul li .border {
    width:5px;
    height:.7rem;
    background:transparent;
    border-radius:5px 0 0 5px;
    flex-shrink:0;
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    z-index:3;
    transition:all .6s
}
.index-box2 .container .left .menu ul li .tbox {
    width:calc(100% - 4px);
    position:relative;
    padding:.3rem .32rem;
    border-radius:.1rem;
    border:1px solid transparent;
    transition:all .6s;
    overflow:hidden;
    z-index:2
}
.index-box2 .container .left .menu ul li .tbox .num {
    width:36px;
    height:20px;
    font-size:14px;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#1bd629;
    z-index:2;
    position:absolute;
    top:.13rem;
    right:.18rem;
    border-radius:11px;
    opacity:0;
    transition:all .6s
}
.index-box2 .container .left .menu ul li .tbox .txt {
    line-height:1.33333333em;
    height:1.33333333em;
    color:#999;
    overflow:hidden
}
.index-box2 .container .left .menu ul li .tbox .txt span {
    display:block;
    transition:all .6s
}
.index-box2 .container .left .menu ul li .tbox .txt span:nth-child(2) {
    color:#1bd629
}
.index-box2 .container .left .menu ul li .tbox .title {
    color:#999;
    line-height:1.33333333em;
    height:1.33333333em;
    margin-top:.12rem;
    overflow:hidden
}
.index-box2 .container .left .menu ul li .tbox .title span {
    display:block;
    transition:all .6s
}
.index-box2 .container .left .menu ul li .tbox .title span:nth-child(2) {
    color:#333
}
.index-box2 .container .left .menu ul li .tbox .text {
    color:#999;
    line-height:1.625em;
    margin-top:.15rem;
    display:none;
    opacity:0;
    transition:all .6s
}
.index-box2 .container .left .menu ul li.on .tbox .num {
    opacity:1
}
.index-box2 .container .left .menu ul li.on .tbox .txt span {
    transform:translateY(-100%)
}
.index-box2 .container .left .menu ul li.on .tbox .title span {
    transform:translateY(-100%)
}
.index-box2 .container .left .menu ul li.on .tbox .text {
    display:block;
    opacity:1
}
@media (max-width:1280px) {
    .index-box2 .container .left .menu ul li.on .tbox .text {
    display:none
}

}
.index-box2 .container .right {
    width:41.31944444%;
    position:relative;
    z-index:1
}
@media (max-width:1280px) {
    .index-box2 .container .right {
    width:35%;
    margin-right:5%
}

}
@media (max-width:991px) {
    .index-box2 .container .right {
    margin-top:1.6rem;
    margin-right:0;
    width:50%;
    display:none
}

}
@media (max-width:767px) {
    .index-box2 .container .right {
    width:100%;
    margin-top:.8rem
}

}
.index-box2 .container .right ul {
    width:100%
}
.index-box2 .container .right ul li {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    opacity:0;
    border-radius:.1rem;
    z-index:1;
    overflow:hidden
}
.index-box2 .container .right ul li::before {
    content:'';
    width:100%;
    padding-top:133.61344538%;
    display:block
}
.index-box2 .container .right ul li:nth-child(1) {
    position:relative;
    z-index:3
}
.index-box2 .container .right ul li img {
    width:100%;
    height:100%;
    object-fit:cover;
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    z-index:2
}
.index-box2 .container .right ul li .video {
    width:101%;
    height:100%;
    object-fit:cover;
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    overflow:hidden;
    z-index:3
}
.index-box2 .container .right ul li .video video {
    width:100%;
    height:100%;
    object-fit:cover;
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    z-index:-1;
    opacity:0
}
.index-box2 .container .right ul li .video video:nth-child(1) {
    z-index:2
}
.index-box2 .container .right ul li .video video.on {
    z-index:4
}
.index-box2 .container .right ul li.on {
    opacity:1;
    z-index:3
}
.index-box2 .container .right ul li.on img {
    width:100%;
    height:100%
}
.index-box2 .container .list {
    width:100%;
    display:flex;
    justify-content:space-between;
    margin-top:1rem
}
@media (max-width:767px) {
    .index-box2 .container .list {
    flex-wrap:wrap
}

}
.index-box2 .container .md-box {
    width:100%;
    margin-top:.8rem;
    display:none
}
@media (max-width:991px) {
    .index-box2 .container .md-box {
    display:block
}

}
.index-box2 .container .md-box ul li {
    width:100%;
    margin-bottom:.6rem;
    background:#fff;
    padding-top:.3rem
}
.index-box2 .container .md-box ul li:last-child {
    margin-bottom:0
}
@media (max-width:991px) {
    .index-box2 .container .md-box ul li {
    position:sticky;
    position:-webkit-sticky;
    transform-origin:top left
}
.index-box2 .container .md-box ul li:nth-child(1) {
    top:1.5rem;
    padding-bottom:2.3rem
}
.index-box2 .container .md-box ul li:nth-child(2) {
    top:2.8rem;
    padding-bottom:1rem;
    margin-top:-2.3rem
}
.index-box2 .container .md-box ul li:nth-child(3) {
    top:3.6rem
}

}
.index-box2 .container .md-box ul li .public-img {
    border-radius:.15rem;
    margin-top:.5rem
}
.index-box2 .container .md-box ul li .tbox {
    width:100%
}
.index-box2 .container .md-box ul li .tbox .txt {
    line-height:1.33333333em;
    color:#999
}
.index-box2 .container .md-box ul li .tbox .txt span {
    display:block;
    transition:all .6s;
    color:#1bd629
}
.index-box2 .container .md-box ul li .tbox .title {
    color:#333;
    line-height:1.33333333em;
    margin-top:.12rem
}
.index-box2 .container .md-box ul li .tbox .text {
    line-height:1.625em;
    margin-top:.15rem;
    display:none
}
@keyframes box2imgRun {
    0% {
    transform:translate(-50%,0)
}
50% {
    transform:translate(-50%,10px)
}
100% {
    transform:translate(-50%,0)
}

}
.index-box3 {
    width:100%;
    padding:1.18rem 0 2.45rem
}
@media (max-width:991px) {
    .index-box3 {
    padding:1.2rem 0
}

}
@media (max-width:767px) {
    .index-box3 {
    padding:1.2rem 0
}

}
.index-box3 .container .top .title {
    color:#333;
    line-height:1.25em
}
.index-box3 .container .list {
    width:100%;
    margin-top:1.25rem
}
@media (max-width:767px) {
    .index-box3 .container .list {
    display:none
}

}
.index-box3 .container .list ul {
    width:100%;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap
}
.index-box3 .container .list ul li {
    width:43.05555556%;
    padding-bottom:.42rem;
    border-bottom:1px solid #ececec;
    position:relative;
    margin-bottom:1rem
}
@media (max-width:767px) {
    .index-box3 .container .list ul li {
    width:100%
}
.index-box3 .container .list ul li:last-child {
    margin-bottom:0
}

}
.index-box3 .container .list ul li:nth-child(2n) {
    margin-top:-1.6rem;
    margin-bottom:2.6rem
}
@media (max-width:767px) {
    .index-box3 .container .list ul li:nth-child(2n) {
    margin-top:0;
    margin-bottom:1rem
}
.index-box3 .container .list ul li:nth-child(2n):last-child {
    margin-bottom:0
}

}
.index-box3 .container .list ul li .logo {
    width:100%;
    display:flex;
    height:45px
}
.index-box3 .container .list ul li .logo img {
    height:100%
}
.index-box3 .container .list ul li .txt {
    line-height:1.625em;
    color:#333;
    margin-top:.33rem
}
.index-box3 .container .list ul li .tbox {
    width:100%;
    display:flex;
    align-items:center;
    padding-left:5px;
    margin-top:.5rem
}
.index-box3 .container .list ul li .tbox .icon {
    width:52px;
    height:52px;
    border-radius:50%;
    display:flex;
    flex-shrink:0;
    margin-right:.24rem
}
.index-box3 .container .list ul li .tbox .ts .ts1 {
    color:#666;
    line-height:1.33333333em
}
.index-box3 .container .list ul li .tbox .ts .ts2 {
    color:#999;
    line-height:1.42857143em;
    margin-top:2px
}
.index-box3 .container .list ul li::after {
    content:'';
    width:0;
    height:1px;
    background:#1bd629;
    position:absolute;
    left:0;
    bottom:-1px;
    z-index:2;
    transition:all .8s
}
@media (min-width:992px) {
    .index-box3 .container .list ul li:hover::after {
    width:100%
}

}
.index-box3 .md-list {
    width:100%;
    margin-top:.5rem;
    display:none
}
@media (max-width:767px) {
    .index-box3 .md-list {
    display:block
}

}
.index-box3 .md-list .swiper-container {
    padding:0 0 50px 5%
}
.index-box3 .md-list .swiper-container .swiper-wrapper {
    align-items:stretch
}
.index-box3 .md-list .swiper-container .swiper-slide {
    border:1px solid #eee;
    border-radius:.15rem;
    padding:.3rem;
    opacity:.2;
    height:auto;
    display:flex;
    flex-direction:column;
    justify-content:space-between
}
.index-box3 .md-list .swiper-container .swiper-slide .logo {
    width:100%;
    display:flex;
    height:30px
}
.index-box3 .md-list .swiper-container .swiper-slide .logo img {
    height:100%
}
.index-box3 .md-list .swiper-container .swiper-slide .txt {
    line-height:1.625em;
    color:#333;
    margin-top:.33rem
}
.index-box3 .md-list .swiper-container .swiper-slide .tbox {
    width:100%;
    display:flex;
    align-items:center;
    padding-left:5px;
    margin-top:.5rem
}
.index-box3 .md-list .swiper-container .swiper-slide .tbox .icon {
    width:52px;
    height:52px;
    border-radius:50%;
    display:flex;
    flex-shrink:0;
    margin-right:.15rem
}
.index-box3 .md-list .swiper-container .swiper-slide .tbox .ts .ts1 {
    color:#666;
    line-height:1.33333333em
}
.index-box3 .md-list .swiper-container .swiper-slide .tbox .ts .ts2 {
    color:#999;
    line-height:1.42857143em;
    margin-top:2px;
    font-size:12px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    word-break:break-all;
    white-space:normal;
    box-sizing:border-box;
    width:100%
}
.index-box3 .md-list .swiper-container .swiper-slide::after {
    content:'';
    width:0;
    height:1px;
    background:#1bd629;
    position:absolute;
    left:0;
    bottom:-1px;
    z-index:2;
    transition:all .8s
}
.index-box3 .md-list .swiper-container .swiper-slide.swiper-slide-active {
    opacity:1
}
.index-box3 .md-list .swiper-container .swiper-pagination {
    bottom:0
}
.index-box3 .md-list .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
    background:#1bd629
}
.index-box4 {
    width:100%;
    position:relative
}
.index-box4 .video {
    width:100%;
    height:7rem;
    position:relative;
    overflow:hidden
}
@media (max-width:1440px) {
    .index-box4 .video {
    height:8.4rem
}

}
@media (max-width:767px) {
    .index-box4 .video {
    height:auto
}

}
.index-box4 .video .img {
    width:100%;
    height:100%;
    transform:translateY(-2rem)
}
@media (max-width:767px) {
    .index-box4 .video .img {
    transform:translateY(0)
}

}
.index-box4 .video .img img {
    width:100%;
    height:100%;
    object-fit:cover
}
.index-box4 .video .img img:nth-child(1) {
    object-position:30% 50%
}
@media (max-width:991px) {
    .index-box4 .video .img img:nth-child(1) {
    display:none
}

}
.index-box4 .video .img img:nth-child(2) {
    display:none
}
@media (max-width:991px) {
    .index-box4 .video .img img:nth-child(2) {
    display:block
}

}

.index-box4 .container {
    position:absolute;
    left:50%;
    top:45%;
    transform:translate(-50%,-50%);
    z-index:2
}
@media (max-width:767px) {
    .index-box4 .container {
    padding-top:0;
    top:25%
}

}
.index-box4 .container .title {
    line-height:1.35em;
    color:#333;
    position:relative
}
@media (max-width:767px) {
    .index-box4 .container .title {
    font-size:.4rem
}

}
.index-box4 .container .title span {
    display:block
}
.index-box4 .container .tbox {
    width:100%;
    margin-top:.55rem;
    opacity:0;
    transform:translateY(.5rem);
    transition:all 1s
}
@media (max-width:767px) {
    .index-box4 .container .tbox {
    margin-top:.4rem
}

}
.index-box4 .container .tbox .tbs {
    display:flex;
    align-items:center
}
.index-box4 .container .tbox .icon {
    width:68px;
    height:68px;
    border-radius:50%;
    overflow:hidden;
    display:flex;
    flex-shrink:0
}
@media (max-width:767px) {
    .index-box4 .container .tbox .icon {
    width:.8rem;
    height:.8rem
}

}
.index-box4 .container .tbox .icon img {
    width:100%;
    height:100%;
    object-fit:cover
}
.index-box4 .container .tbox .ts {
    margin-left:.14rem
}
@media (max-width:767px) {
    .index-box4 .container .tbox .ts {
    margin-left:.3rem
}

}
.index-box4 .container .tbox .ts .ts1 {
    color:#333;
    line-height:1.5em
}
@media (max-width:767px) {
    .index-box4 .container .tbox .ts .ts1 {
    font-size:16px
}

}
.index-box4 .container .tbox .ts .ts2 {
    color:#333;
    line-height:1.5em;
    margin-top:6px
}
@media (max-width:767px) {
    .index-box4 .container .tbox .ts .ts2 {
    margin-top:0
}

}

.index-box4 .container .tbox.on {
    opacity:1;
    transform:translateY(0)
}
@keyframes scan {
    0% {
    background-size:0 100%
}
100% {
    background-size:100% 100%
}

}
.index-box5 {
    width:100%;
    padding:1.17rem 0 0
}
@media (max-width:767px) {
    .index-box5 {
    padding:1.2rem 0
}

}
.index-box5 .container {
    position:relative
}
.index-box5 .container .top .ts {
    line-height:1.125em;
    color:#999
}
.index-box5 .container .top .title {
    line-height:1.27777778em;
    color:#1bd629;
    display:flex;
    align-items:center;
    margin-top:.15rem
}
.index-box5 .container .top .title .font-run {
    flex-shrink:0
}
.index-box5 .container .top .title .s1 {
    color:#333;
    border-right:2px solid #d0d0d0;
    line-height:1;
    padding-right:.2rem;
    margin-right:.2rem
}
.index-box5 .container .top .title .swiper-container {
    height:1.27777778em;
    margin:0
}
.index-box5 .container .top .title .swiper-container .swiper-slide {
    height:1.27777778em
}
@media (max-width:767px) {
    .index-box5 .container .top .title .swiper-container .swiper-slide {
    font-size:.36rem
}

}
.index-box5 .container .list {
    width:100%;
    margin-top:.92rem
}
.index-box5 .container .list ul {
    width:calc(100% + .9rem);
    margin:0 -0.45rem;
    display:flex;
    flex-wrap:wrap
}
@media (max-width:767px) {
    .index-box5 .container .list ul {
    width:100%;
    margin:0
}

}
.index-box5 .container .list ul li {
    width:calc(33.33% - .9rem);
    border-radius:.1rem;
    overflow:hidden;
    border:1px solid #eee;
    margin:0 .45rem .48rem
}
@media (max-width:991px) {
    .index-box5 .container .list ul li {
    width:calc(50% - .9rem)
}

}
@media (max-width:767px) {
    .index-box5 .container .list ul li {
    width:100%;
    margin:0 0 .45rem
}
.index-box5 .container .list ul li:last-child {
    margin-bottom:0
}

}
.index-box5 .container .list ul li a {
    width:100%;
    display:block
}
.index-box5 .container .list ul li a .public-img {
    width:100%;
    border-top-left-radius:.1rem;
    border-top-right-radius:.1rem
}
.index-box5 .container .list ul li a .public-img img {
    border-top-left-radius:inherit;
    border-top-right-radius:inherit
}
.index-box5 .container .list ul li a .public-img::before {
    padding-top:47.61904762%
}
.index-box5 .container .list ul li a .tbox {
    width:100%;
    padding:.3rem .2rem .44rem;
    position:relative
}
.index-box5 .container .list ul li a .tbox .lb {
    line-height:1.71428571em;
    color:#999
}
.index-box5 .container .list ul li a .tbox .t1 {
    width:100%;
    line-height:1.33333333em;
    height:2.66666667em;
    color:#333;
    margin-top:.2rem;
    padding-right:.4rem;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    transition:all .4s
}
.index-box5 .container .list ul li a .tbox .t2 {
    line-height:1.42857143em;
    color:#999;
    padding-top:.38rem;
    border-top:1px solid #e8e8e8;
    margin-top:.39rem;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    background:#fff;
    transition:all .8s;
    transform:translateY(50%);
    opacity:0
}
@media (max-width:991px) {
    .index-box5 .container .list ul li a .tbox .t2 {
    display:none
}

}
.index-box5 .container .list ul li a .tbox .more {
    position:absolute;
    left:.2rem;
    bottom:.52rem;
    display:flex;
    align-items:center;
    transition:all .8s;
    transform-origin:top center
}
@media (max-width:991px) {
    .index-box5 .container .list ul li a .tbox .more {
    position:relative;
    bottom:initial;
    left:initial;
    margin-top:.3rem
}

}
.index-box5 .container .list ul li a .tbox .more span {
    color:#1bd629;
    line-height:1.375em;
    margin-right:.13rem
}
.index-box5 .container .list ul li a .tbox .more i {
    width:22px;
    height:22px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#1bd629
}
.index-box5 .container .list ul li a .tbox .more i svg {
    width:7px;
    height:auto
}
.index-box5 .container .list ul li a .tbox .more i svg path {
    fill:#fff
}
@media (min-width:992px) {
    .index-box5 .container .list ul li:hover a .public-img img {
    transform:scale(1.1)
}
.index-box5 .container .list ul li:hover a .tbox .t1 {
    color:#1bd629
}
.index-box5 .container .list ul li:hover a .tbox .t2 {
    transform:translateY(0);
    opacity:1;
    z-index:2
}
.index-box5 .container .list ul li:hover a .tbox .more {
    opacity:0;
    transform:rotateX(-90deg);
    z-index:-1
}

}
@media (min-width:992px) and (max-width:767px) {
    .index-box5 .container .list ul li:hover a .tbox .more {
    opacity:1;
    transform:rotateX(0);
    z-index:1
}

}
.index-box5 .container .mores {
    position:absolute;
    right:0;
    top:.3rem
}
@media (max-width:767px) {
    .index-box5 .container .mores {
    position:relative;
    right:initial;
    top:initial;
    margin:.5rem auto;
    display:flex;
    justify-content:center
}

}



/* 1111111111111111 */




@keyframes txtRun {
    form {
    transform:rotate(0deg)
}
to {
    transform:rotate(360deg)
}

}
@keyframes arrowRun {
    0% {
    transform:translate3d(0%,0%,0) scale3d(1,1,1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg);
    transform-style:preserve-3d
}
7% {
    transform:translate3d(150%,-150%,0) scale3d(1,1,1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg);
    transform-style:preserve-3d
}
7.1% {
    transform:translate3d(-150%,150%,0) scale3d(1,1,1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg);
    transform-style:preserve-3d
}
14% {
    transform:translate3d(0%,0%,0) scale3d(1,1,1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg,0deg);
    transform-style:preserve-3d
}

}




.img-open {
    width:30px;
    height:30px;
    background:#1bd629;
    border-radius:50%;
    overflow:hidden;
    opacity:0;
    pointer-events:none;
    position:fixed;
    left:-15px;
    top:-15px;
    transform:scale(0);
    will-change:transform;
    z-index:9999;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    font-family:initial
}
.img-open img {
    width:14px;
    height:14px
}
.img-close {
    width:30px;
    height:30px;
    background:#1bd629;
    border-radius:50%;
    overflow:hidden;
    opacity:0;
    pointer-events:none;
    position:fixed;
    left:-15px;
    top:-15px;
    transform:scale(0);
    will-change:transform;
    z-index:9999;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    font-family:initial
}
.img-close img {
    width:14px;
    height:14px
}
.fpublic-box {
    width:100%;
    position:relative
}
.fpublic-box .bg {
    width:100%;
    height:3rem;
    position:absolute;
    bottom:0;
    left:0;
    z-index:-1;
    pointer-events:none;
    display:flex;
    overflow:hidden
}
@media (max-width:767px) {
    .fpublic-box .bg {
    display:none
}

}
.fpublic-box .bg .zheng {
    width:100%;
    height:100%;
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    opacity:0
}
.fpublic-box .bg .zheng.on {
    opacity:1;
    z-index:2
}
.fpublic-box .bg .fan {
    width:100%;
    height:100%;
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    opacity:0
}
.fpublic-box .bg .fan.on {
    opacity:1;
    z-index:2
}
.fpublic-box .bg video {
    width:100%;
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%)
}
.fpublic-box .mbg {
    width:100%;
    display:flex;
    position:absolute;
    bottom:0;
    display:none
}
@media (max-width:767px) {
    .fpublic-box .mbg {
    display:block
}

}
.fpublic-box .container {
    padding:1.91rem 0 1.67rem;
    position:relative;
    z-index:2
}
@media (max-width:767px) {
    .fpublic-box .container {
    padding:1.6rem 0;
    padding:.78rem 0 2.14rem
}

}
.fpublic-box .container .title {
    line-height:1.27777778em;
    color:#333;
    text-align:center
}
.fpublic-box .container .more {
    width:1.3rem;
    height:1.3rem;
    border-radius:50%;
    overflow:hidden;
    position:absolute;
    bottom:-0.24rem;
    left:50%;
    transform:translateX(-50%);
    transition:all .4s
}
@media (max-width:1600px) {
    .fpublic-box .container .more {
    width:1.5rem;
    height:1.5rem
}

}
@media (max-width:767px) {
    .fpublic-box .container .more {
    width:1.8rem;
    height:1.8rem
}

}
.fpublic-box .container .more::before {
    content:'';
    width:100%;
    height:100%;
    background:#1bd629;
    border-radius:50%;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    transition:all .4s
}
.fpublic-box .container .more a {
    width:100%;
    height:100%;
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center
}
.fpublic-box .container .more a .gm {
    width:100%;
    height:100%;
    display:flex;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    padding:.1rem;
    transition:all .4s
}
.fpublic-box .container .more a .gm svg {
    width:100%;
    height:100%;
    animation:txtRun 10s linear forwards infinite
}
.fpublic-box .container .more a .gm svg path {
    fill:rgba(255,255,255,0.5)
}
.fpublic-box .container .more a .txts {
    display:flex;
    position:relative
}
.fpublic-box .container .more a .txts span {
    line-height:1.22222222em;
    color:#fff
}
@media (max-width:767px) {
    .fpublic-box .container .more a .txts span {
    font-size:14px
}

}
.fpublic-box .container .more a .txts i {
    position:absolute;
    left:calc(100% + 3px);
    top:-3px;
    width:16px;
    height:16px;
    display:flex;
    justify-content:center;
    align-items:center;
    overflow:hidden
}
@media (max-width:767px) {
    .fpublic-box .container .more a .txts i {
    left:100%
}

}
.fpublic-box .container .more a .txts i svg {
    width:50%;
    height:50%;
    animation:arrowRun 5s infinite
}
.fpublic-box .container .more a .txts i svg path {
    fill:#fff
}
@media (min-width:992px) {
    .fpublic-box .container .more:hover::before {
    transform:translate(-50%,-50%) scale(.9)
}
.fpublic-box .container .more:hover a .gm {
    transform:translate(-50%,-50%) scale(.9)
}

}


/* footer
 */


.top-pop {
    width:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:999;
    background:url(../images/top-pop-bg.jpg) center center no-repeat;
    background-size:cover;
    padding:12px 0;
    display:none
}
@media (max-width:991px) {
    .top-pop {
    padding:.2rem
}

}
.top-pop .txt {
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap
}
@media (max-width:991px) {
    .top-pop .txt {
    width:90%;
    justify-content:flex-start
}

}
@media (max-width:767px) {
    .top-pop .txt {
    width:100%;
    text-align:center
}

}
.top-pop .txt span {
    color:#fff;
    line-height:1.625em
}
.top-pop .txt a {
    height:35px;
    display:flex;
    align-items:center;
    padding:0 15px 0 20px;
    border-radius:18px;
    position:relative;
    margin-left:.4rem
}
@media (max-width:991px) {
    .top-pop .txt a {
    margin-left:0;
    margin-top:.2rem
}

}
@media (max-width:767px) {
    .top-pop .txt a {
    margin:.2rem auto 0;
    height:.8rem;
    padding:0 .2rem 0 .3rem;
    border-radius:.4rem
}

}
.top-pop .txt a::before {
    content:'';
    width:100%;
    height:36px;
    border-radius:18px;
    background:#fff;
    transition:all .4s;
    position:absolute;
    top:50%;
    right:0;
    transform:translateY(-50%);
    z-index:-1;
    pointer-events:none
}
@media (max-width:767px) {
    .top-pop .txt a::before {
    height:.8rem;
    border-radius:.4rem
}

}
.top-pop .txt a span {
    color:#1bd629;
    line-height:1.71428571em;
    transition:all .4s
}
.top-pop .txt a i {
    width:22px;
    height:22px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    transition:all .4s;
    overflow:hidden;
    margin-left:5px
}
.top-pop .txt a i svg {
    width:10px;
    height:10px;
    animation:arrowRun 5s infinite
}
.top-pop .txt a i svg path {
    fill:#1dd540;
    transition:all .4s
}
@media (min-width:992px) {
    .top-pop .txt a:hover::before {
    width:35px
}
.top-pop .txt a:hover span {
    color:#fff
}
.top-pop .txt a:hover i {
    transform:translateX(8px)
}

}
.top-pop .close {
    padding:0 .15rem;
    height:30px;
    border-radius:15px;
    position:absolute;
    right:.22rem;
    top:50%;
    transform:translateY(-50%);
    border:1px solid rgba(255,255,255,0.2);
    display:flex;
    justify-content:center;
    align-items:center;
    cursor:pointer
}
@media (max-width:767px) {
    .top-pop .close {
    bottom:.2rem;
    top:initial;
    transform:translateY(0)
}

}
.top-pop .close::before {
    content:'';
    width:100%;
    height:100%;
    border-radius:15px;
    background:rgba(0,121,9,0.5);
    opacity:.2;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%)
}
.top-pop .close span {
    color:#007138;
    transition:all .4s
}
.top-pop .close i {
    width:10px;
    height:10px;
    margin-left:.13rem;
    display:flex
}
@media (max-width:767px) {
    .top-pop .close i {
    width:.2rem;
    height:.2rem
}

}
.top-pop .close i svg {
    width:100%;
    height:100%
}
.top-pop .close i svg path {
    fill:#007138;
    transition:all .4s
}
@media (min-width:992px) {
    .top-pop .close:hover span {
    color:#fff
}
.top-pop .close:hover i svg path {
    fill:#fff
}

}


@keyframes iconRun {
    0% {
    transform:scale(.9)
}
50% {
    transform:scale(1)
}
100% {
    transform:scale(.9)
}

}
@keyframes yuanRun {
    form {
    transform:translate(-50%,-50%) scale(1);
    opacity:1
}
to {
    transform:translate(-50%,-50%) scale(1.5);
    opacity:0
}

}
.info-public-box {
    width:100%;
    padding:.53rem 0 .9rem;
    overflow:hidden
}
.info-public-box.info2-public-box {
    padding:1.12rem 0 .9rem
}
.info-public-box .container .Breadcrumbs {
    margin-bottom:.3rem;
    font-size:12px
}
.info-public-box .container .Breadcrumbs a {
    color:#f8f8f8
}
.info-public-box .container .Breadcrumbs i svg path {
    fill:#f8f8f8
}
.info-public-box .container .Breadcrumbs span {
    color:#f8f8f8
}
.info-public-box .container .top {
    width:100%;
    overflow:hidden
}
.info-public-box .container .top .title {
    color:#000;
    line-height:1.13888889em
}
.info-public-box .container .top .txt {
    color:#333;
    line-height:1.41666667em;
    margin-top:.16rem
}
.info-public-box .container .tips {
    width:100%;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    margin-top:.53rem;
    padding-top:.49rem;
    position:relative;
    z-index:2;
    background:#fff
}
.info-public-box .container .tips .line {
    width:100%;
    height:1px;
    background:#f1f1f1;
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%)
}
.info-public-box .container .tips .left {
    display:flex;
    flex-wrap:wrap
}
@media (max-width:767px) {
    .info-public-box .container .tips .left {
    width:100%;
    margin-bottom:.3rem
}

}
.info-public-box .container .tips .left .ts {
    color:#999;
    display:flex;
    align-items:center;
    margin-right:1.23rem
}
.info-public-box .container .tips .left .ts:last-child {
    margin-right:0
}
.info-public-box .container .tips .left .ts span {
    color:#666;
    line-height:1.55555556em;
    margin-left:.4rem
}
.info-public-box .container .tips .right a {
    display:flex;
    align-items:center
}
.info-public-box .container .tips .right a svg {
    width:22px;
    height:22px
}
.info-public-box .container .tips .right a span {
    color:#999;
    line-height:1.55555556em;
    margin-left:.1rem
}
.case-rly {
    width:100%
}
.case-rly .rly-box1 {
    width:100%;
    height:150vh;
    position:relative
}
.case-rly .rly-box1 .img {
    width:1440px;
    height:7.2rem;
    margin:0 auto;
    position:sticky;
    position:-webkit-sticky;
    top:0;
    border-radius:.15rem
}
@media (max-width:1600px) {
    .case-rly .rly-box1 .img {
    width:80%
}

}
.case-rly .rly-box1 .img img {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    transition:all .5s
}
.case-rly .rly-box1 .img video {
    width:100%;
    height:100%;
    object-fit:fill;
    position:absolute;
    top:0
}
.case-rly .rly-box2 {
    width:100%;
    padding:1.44rem 0 .65rem;
    position:relative
}
.case-rly .rly-box2 .container .tips {
    color:#999999;
    line-height:1.5em;
    text-align:center
}
.case-rly .rly-box2 .container .txt {
    color:#202945;
    text-align:center;
    line-height:1.44em;
    margin-top:.82rem
}
.case-rly .rly-box2 .container .txt span {
    display:inline-flex;
    align-items:center
}
.case-rly .rly-box2 .container .txt span .m1 {
    transform-origin:center center;
    animation:m1 linear 2s infinite
}
.case-rly .rly-box2 .container .txt span .m2 {
    transform-origin:right center;
    animation:m2 linear 2s infinite
}
.case-rly .rly-box2 .container .txt span .m3 {
    transform-origin:left center;
    animation:m1 linear 2s infinite
}
.case-rly .rly-box2 .container .txt span .m4 {
    transform-origin:center center;
    animation:m1 linear 2s infinite
}
.case-rly .rly-box2 .container .txt.on span .on {
    color:#00a984
}
.case-rly .rly-box2 .container .scroll-tips {
    margin-top:1.91rem;
    text-align:center
}
.case-rly .rly-box2 .container .scroll-tips .icon {
    width:30px;
    height:40px;
    margin:auto;
    position:relative
}
.case-rly .rly-box2 .container .scroll-tips .icon .img1 {
    position:absolute;
    top:.1rem;
    left:50%;
    transform:translateX(-50%)
}
.case-rly .rly-box2 .container .scroll-tips .icon .img1 img {
    animation:scroll linear 2s infinite
}
.case-rly .rly-box2 .container .scroll-tips .icon .img2 img {
    animation:scroll linear 2s infinite
}
.case-rly .rly-box2 .container .scroll-tips span {
    color:#00a985;
    margin-top:.15rem;
    line-height:1.625em;
    display:block
}
.case-rly .rly-box2 .bbox {
    width:100%;
    height:.8rem;
    position:absolute;
    top:100%;
    left:0;
    overflow:hidden
}
.case-rly .rly-box2 .bbox span {
    width:35rem;
    height:9.6rem;
    background:#fff;
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    z-index:2;
    border-radius:50%
}
.case-rly .rly-box3 {
    width:100%;
    position:relative
}
.case-rly .rly-box3 .bg {
    width:100%
}
.case-rly .rly-box3 .bg img {
    width:100%
}
.case-rly .rly-box3 .container {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:2
}
.case-rly .rly-box3 .container .t1 span {
    line-height:1.5em;
    color:#fff;
    background:url(../images/rly-box3-icon.svg) center bottom no-repeat;
    padding-bottom:.1rem
}
.case-rly .rly-box3 .container .t2 {
    color:#fff;
    line-height:1.2em;
    margin-top:.53rem
}
.case-rly .rly-box4 {
    width:100%;
    padding:1.78rem 0 1.5rem
}
.case-rly .rly-box4 .container {
    position:relative
}
.case-rly .rly-box4 .container .title {
    color:#202945;
    line-height:1.2em;
    text-align:center
}
.case-rly .rly-box4 .container .tips {
    color:#999;
    margin-top:.68rem;
    text-align:center;
    line-height:1.5em
}
.case-rly .rly-box4 .container .img {
    max-width:720px;
    border-radius:.2rem;
    overflow:hidden;
    box-shadow:0 0 .5rem 0 rgba(153,153,153,0.2);
    margin:.24rem auto 0
}
.case-rly .rly-box4 .container .ball {
    position:absolute;
    padding:.3rem;
    width:3.7rem;
    height:3.7rem;
    border-radius:50%
}
.case-rly .rly-box4 .container .ball.b1 {
    background-image:linear-gradient(45deg,#15dd78 0%,#2dffdf 100%),linear-gradient(#3cb1ff,#3cb1ff);
    background-blend-mode:normal,normal;
    box-shadow:0 50px 30px 0 rgba(15,178,104,0.1),inset 0 0 60px 0 rgba(0,0,0,0.2);
    border:solid 3px #ffffff;
    left:.36rem;
    top:2.03rem
}
.case-rly .rly-box4 .container .ball.b2 {
    background-image:linear-gradient(45deg,#3a9efe 0%,#2de9ff 100%),linear-gradient(#3cb1ff,#3cb1ff);
    background-blend-mode:normal,normal;
    box-shadow:0 50px 30px 0 rgba(28,123,207,0.1),inset 0 0 60px 0 rgba(0,0,0,0.2);
    border:solid 3px #ffffff;
    top:3.03rem;
    right:.4rem
}
.case-rly .rly-box4 .container .ball .icon {
    width:.8rem;
    height:.8rem;
    display:flex;
    justify-content:center;
    align-items:center;
    margin:0 auto
}
.case-rly .rly-box4 .container .ball .t1 {
    color:#fff;
    line-height:1.20833333em;
    margin-top:.18rem;
    text-align:center
}
.case-rly .rly-box4 .container .ball .t2 {
    color:#fff;
    line-height:1.3em;
    margin-top:.23rem;
    text-align:center
}
.case-rly .rly-box5 {
    width:100%;
    background:#eff9f9;
    padding:1.44rem 0 1.3rem
}
.case-rly .rly-box5 .container .title {
    color:#202945;
    line-height:1.2em;
    text-align:center
}
.case-rly .rly-box5 .container .content {
    max-width:1056px;
    margin:1.4rem auto 0;
    position:relative
}
.case-rly .rly-box5 .container .content .img {
    width:100%;
    position:relative;
    z-index:1
}
.case-rly .rly-box5 .container .content .img img {
    width:100%
}
.case-rly .rly-box5 .container .content .img video {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:2
}
.case-rly .rly-box5 .container .content .bbox {
    position:absolute;
    width:50%;
    height:100%;
    z-index:3
}
.case-rly .rly-box5 .container .content .bbox.box1 {
    left:0;
    top:0
}
.case-rly .rly-box5 .container .content .bbox.box1 .ball {
    width:250px;
    height:250px;
    border-radius:50%;
    position:absolute;
    top:110px;
    left:132px;
    background-image:linear-gradient(45deg,#15dd78 0%,#2dffdf 100%),linear-gradient(#00a985,#00a985);
    background-blend-mode:normal,normal;
    box-shadow:0 50px 30px 0 rgba(15,178,104,0.1),inset 0 0 50px 0 rgba(255,255,255,0.5)
}
.case-rly .rly-box5 .container .content .bbox.box1 .dbox .bs {
    background:#00a985
}
.case-rly .rly-box5 .container .content .bbox.box1 .dbox1 {
    left:47.72%;
    bottom:calc(100% - 5px)
}
.case-rly .rly-box5 .container .content .bbox.box1 .dbox1 .txt {
    bottom:25px;
    left:50%;
    transform:translateX(-50%)
}
.case-rly .rly-box5 .container .content .bbox.box1 .dbox2 {
    left:22px;
    top:41.97%;
    transform:translateY(-50%)
}
.case-rly .rly-box5 .container .content .bbox.box1 .dbox2 .txt {
    right:30px;
    top:50%;
    transform:translateY(-50%)
}
@media (max-width:1600px) {
    .case-rly .rly-box5 .container .content .bbox.box1 .dbox2 .txt {
    top:calc(100% + 7px);
    left:50%;
    right:initial;
    transform:translate(-50%,0)
}

}
.case-rly .rly-box5 .container .content .bbox.box1 .dbox3 {
    left:47.72%;
    bottom:73px
}
.case-rly .rly-box5 .container .content .bbox.box1 .dbox3 .txt {
    top:25px;
    left:50%;
    transform:translateX(-50%)
}
.case-rly .rly-box5 .container .content .bbox.box2 {
    right:0;
    top:0
}
.case-rly .rly-box5 .container .content .bbox.box2 .ball {
    width:250px;
    height:250px;
    border-radius:50%;
    position:absolute;
    top:110px;
    right:132px;
    background-image:linear-gradient(45deg,#3a9efe 0%,#2de9ff 100%),linear-gradient(#00a985,#00a985);
    background-blend-mode:normal,normal;
    box-shadow:0 50px 30px 0 rgba(28,124,207,0.1),inset 0 0 50px 0 rgba(255,255,255,0.5)
}
.case-rly .rly-box5 .container .content .bbox.box2 .dbox .bs {
    background:#3a9efe
}
.case-rly .rly-box5 .container .content .bbox.box2 .dbox1 {
    right:47.72%;
    bottom:calc(100% - 5px)
}
.case-rly .rly-box5 .container .content .bbox.box2 .dbox1 .txt {
    bottom:25px;
    left:50%;
    transform:translateX(-50%)
}
.case-rly .rly-box5 .container .content .bbox.box2 .dbox2 {
    right:22px;
    top:41.97%;
    transform:translateY(-50%)
}
.case-rly .rly-box5 .container .content .bbox.box2 .dbox2 .txt {
    left:30px;
    top:50%;
    transform:translateY(-50%)
}
@media (max-width:1600px) {
    .case-rly .rly-box5 .container .content .bbox.box2 .dbox2 .txt {
    top:calc(100% + 7px);
    left:50%;
    transform:translate(-50%,0)
}

}
.case-rly .rly-box5 .container .content .bbox.box2 .dbox3 {
    right:47.72%;
    bottom:73px
}
.case-rly .rly-box5 .container .content .bbox.box2 .dbox3 .txt {
    top:25px;
    left:50%;
    transform:translateX(-50%)
}
.case-rly .rly-box5 .container .content .bbox .ball {
    display:flex;
    justify-content:center;
    align-items:center;
    color:#fff;
    line-height:1.27777778em
}
.case-rly .rly-box5 .container .content .bbox .dbox {
    position:absolute
}
.case-rly .rly-box5 .container .content .bbox .dbox .txt {
    color:#666;
    white-space:nowrap;
    position:absolute
}
.case-rly .rly-box5 .container .content .bbox .dbox .bs {
    width:10px;
    height:10px;
    border-radius:50%
}
.case-rly .rly-box6 {
    width:100%
}
.case-rly .rly-box6 .container {
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    flex-wrap:wrap;
    position:relative
}
.case-rly .rly-box6 .container .left {
    width:50%;
    height:100vh;
    position:sticky;
    position:-webkit-sticky;
    top:0;
    padding-top:1.44rem
}
.case-rly .rly-box6 .container .left .title {
    color:#202945;
    line-height:1.16666667em
}
.case-rly .rly-box6 .container .left ul {
    width:100%;
    margin-top:1.1rem;
    padding-right:20%
}
.case-rly .rly-box6 .container .left ul li {
    margin-bottom:.78rem;
    cursor:pointer;
    position:relative;
    z-index:1
}
.case-rly .rly-box6 .container .left ul li:last-child {
    margin-bottom:0
}
.case-rly .rly-box6 .container .left ul li .icon {
    width:1.18rem;
    height:1.18rem;
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    opacity:0
}
.case-rly .rly-box6 .container .left ul li .icon img {
    animation:scroll linear 2s infinite
}
.case-rly .rly-box6 .container .left ul li .t1 {
    color:#999;
    line-height:1.27777778em;
    transform-origin:left center
}
.case-rly .rly-box6 .container .left ul li .t2 {
    color:#666;
    line-height:1.33333333em;
    margin-top:.3rem;
    display:none
}
.case-rly .rly-box6 .container .left ul li.on .icon {
    opacity:1
}
.case-rly .rly-box6 .container .left ul li.on .t1 {
    transform:scale(1.38888889)
}
.case-rly .rly-box6 .container .left ul li.on .t1.color1 {
    color:#00a985
}
.case-rly .rly-box6 .container .left ul li.on .t1.color2 {
    color:#3a9efe
}
.case-rly .rly-box6 .container .left ul li.on .t1.color3 {
    color:#ff6726
}
.case-rly .rly-box6 .container .left ul li.on .t2 {
    display:block
}
.case-rly .rly-box6 .container .right {
    padding:3rem 1rem;
    position:relative;
    z-index:1;
    transition:all .4s
}
.case-rly .rly-box6 .container .right ul {
    width:4.8rem;
    position:relative
}
.case-rly .rly-box6 .container .right ul li {
    width:4.8rem;
    height:4.8rem;
    transition:all .8s;
    margin-bottom:2.2rem
}
.case-rly .rly-box6 .container .right ul li:last-child {
    margin-bottom:0
}
.case-rly .rly-box6 .container .right ul li .ball {
    width:100%;
    height:100%;
    border-radius:50%;
    position:relative
}
.case-rly .rly-box6 .container .right ul li .ball::before {
    content:'';
    width:100%;
    height:100%;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    border-radius:50%
}
.case-rly .rly-box6 .container .right ul li .ball.color1 {
    background:rgba(0,169,133,0.1)
}
.case-rly .rly-box6 .container .right ul li .ball.color1::before {
    border:1px solid rgba(0,169,133,0.2)
}
.case-rly .rly-box6 .container .right ul li .ball.color2 {
    background:rgba(58,158,254,0.1)
}
.case-rly .rly-box6 .container .right ul li .ball.color2::before {
    border:1px solid rgba(58,158,254,0.2)
}
.case-rly .rly-box6 .container .right ul li .ball.color3 {
    background:rgba(255,103,38,0.1)
}
.case-rly .rly-box6 .container .right ul li .ball.color3::before {
    border:1px solid rgba(255,103,38,0.2)
}
.case-rly .rly-box6 .container .right ul li .ball .img {
    width:150%;
    height:150%;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    bottom:-0.8rem;
    z-index:2;
    overflow:hidden
}
.case-rly .rly-box6 .container .right ul li .ball .img img {
    width:100%;
    position:absolute;
    top:0;
    z-index:1
}
.case-rly .rly-box6 .container .right ul li.on {
    padding:0;
    opacity:1;
    z-index:3
}
.case-rly .rly-box6 .container .right ul li.on .ball::before {
    animation:scale 2s linear infinite
}
.case-rly .rly-box6 .container .right ul li.on .ball.color1 .img img {
    animation:rbox6_1 2.5s steps(41) infinite
}
.case-rly .rly-box6 .container .right ul li.on .ball.color2 .img img {
    animation:rbox6_2 2.5s steps(41) infinite
}
.case-rly .rly-box6 .container .right ul li.on .ball.color3 .img img {
    animation:rbox6_3 2.5s steps(51) infinite
}
.case-rly .rly-box6 .container .right ul li.on img {
    display:block
}
@keyframes rbox6_1 {
    0% {
    top:0
}
100% {
    top:-4100%
}

}
@keyframes rbox6_2 {
    0% {
    top:0
}
100% {
    top:-4100%
}

}
@keyframes rbox6_3 {
    0% {
    top:0
}
100% {
    top:-5100%
}

}
.case-rly .rly-box7 {
    width:100%;
    background:#eff9f9 url(../images/rly-box7-bg.jpg) center bottom no-repeat;
    background-size:contain;
    padding:1.43rem 0 0
}
.case-rly .rly-box7 .title {
    line-height:1.2em;
    color:#202945;
    text-align:center
}
.case-rly .rly-box7 .list {
    width:100%;
    margin-top:.97rem
}
.case-rly .rly-box7 .list .item {
    width:100%;
    height:3.6rem;
    position:relative;
    overflow:hidden
}
.case-rly .rly-box7 .list .item ul {
    height:100%;
    position:absolute;
    left:0;
    display:flex;
    align-items:flex-start
}
.case-rly .rly-box7 .list .item ul li {
    width:3rem;
    height:3rem;
    box-shadow:0 .5rem .3rem 0 rgba(209,236,236,0.6);
    border-radius:.8rem;
    border:solid 4px #ffffff;
    margin-right:.6rem;
    padding:.26rem .26rem .2rem;
    overflow:hidden
}
.case-rly .rly-box7 .list .item ul li:last-child {
    margin-right:0
}
.case-rly .rly-box7 .list .item ul li .icon {
    width:2.48rem;
    height:2.48rem;
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    z-index:1;
    overflow:hidden;
    margin-top:-0.3rem
}
.case-rly .rly-box7 .list .item ul li .icon.icons {
    max-width:100%;
    max-height:100%
}
.case-rly .rly-box7 .list .item ul li .icon.diqiu img {
    width:100%;
    position:absolute;
    top:0;
    z-index:1;
    animation:rbox7_1 2.5s steps(51) infinite
}
.case-rly .rly-box7 .list .item ul li .icon.huaxiang img {
    width:100%;
    position:absolute;
    top:0;
    z-index:1;
    animation:rbox7_2 2.5s steps(51) infinite
}
.case-rly .rly-box7 .list .item ul li .icon.tupu img {
    width:100%;
    position:absolute;
    top:0;
    z-index:1;
    animation:rbox7_3 2.5s steps(41) infinite
}
.case-rly .rly-box7 .list .item ul li .icon.yunying img {
    width:100%;
    position:absolute;
    top:0;
    z-index:1;
    animation:rbox7_4 2.5s steps(49) infinite
}
.case-rly .rly-box7 .list .item ul li .icon.xiaolv img {
    width:100%;
    position:absolute;
    top:0;
    z-index:1;
    animation:rbox7_5 2.5s steps(45) infinite
}
.case-rly .rly-box7 .list .item ul li .icon.fuwu img {
    width:100%;
    position:absolute;
    top:0;
    z-index:1;
    animation:rbox7_6 2.5s steps(49) infinite
}
.case-rly .rly-box7 .list .item ul li .txt {
    width:100%;
    text-align:center;
    color:#666;
    line-height:1.66666667em;
    margin-top:-0.15rem
}
.case-rly .rly-box7 .list .item ul li.bg {
    background-image:linear-gradient(45deg,#3a9efe 0%,#2de9ff 100%),linear-gradient(#ffffff,#ffffff)
}
.case-rly .rly-box7 .list .item ul li.bg .txt {
    color:#fff
}
.case-rly .rly-box7 .list .item.item2 ul {
    left:initial;
    right:0
}
.case-rly .rly-box7 .container {
    padding:.8rem 0 0;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap
}
.case-rly .rly-box7 .container .t1 {
    width:50%;
    color:#202945;
    line-height:1.2em
}
.case-rly .rly-box7 .container .t2 {
    width:50%;
    color:#666;
    line-height:2
}
.case-rly .rly-box7 .ball-box {
    width:100%;
    height:7.7rem;
    position:relative;
    overflow:hidden
}
.case-rly .rly-box7 .ball-box .ball {
    position:absolute;
    display:flex;
    justify-content:center;
    align-items:center;
    transition:all ease-out .4s;
    border-radius:50%;
    box-shadow:0 0 20px 0 rgba(215,240,240,0.5),inset 0 20px 50px 0 #ffffff;
    border:solid 2px #ffffff;
    transform-origin:center center
}
.case-rly .rly-box7 .ball-box .ball.b1 {
    width:3.8rem;
    height:3.8rem;
    bottom:4.2rem;
    right:100%;
    transition:all ease-out .8s .1s
}
.case-rly .rly-box7 .ball-box .ball.b2 {
    width:4.4rem;
    height:4.4rem;
    bottom:4.2rem;
    left:100%;
    transition:all ease-out .8s;
    overflow:hidden
}
.case-rly .rly-box7 .ball-box .ball.b2 .img {
    width:100%;
    height:85.71428571%;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:1;
    overflow:hidden
}
.case-rly .rly-box7 .ball-box .ball.b2 img {
    width:100%;
    position:absolute;
    top:0
}
.case-rly .rly-box7 .ball-box .ball.b3 {
    width:2.6rem;
    height:2.6rem;
    bottom:3.9rem;
    left:100%;
    transition:all ease-out .8s .2s
}
.case-rly .rly-box7 .ball-box .ball.b4 {
    width:1.2rem;
    height:1.2rem;
    bottom:100%;
    right:100%;
    transition:all ease-out .8s .3s
}
.case-rly .rly-box7 .ball-box .ball.b5 {
    width:2rem;
    height:2rem;
    bottom:100%;
    left:100%;
    transition:all ease-out .8s .4s
}
.case-rly .rly-box7 .ball-box.on .b1 {
    bottom:1.31rem;
    right:calc(50% + 2.08rem);
    transform:rotateZ(360deg)
}
.case-rly .rly-box7 .ball-box.on .b2 {
    bottom:1px;
    left:calc(50% - 2.21rem);
    transform:rotateZ(-360deg)
}
.case-rly .rly-box7 .ball-box.on .b2 img {
    animation:rbox7_3 2.5s steps(41) infinite
}
.case-rly .rly-box7 .ball-box.on .b3 {
    bottom:1.1rem;
    left:calc(50% + 2.19rem);
    transform:rotateZ(-360deg)
}
.case-rly .rly-box7 .ball-box.on .b4 {
    bottom:3.8rem;
    right:calc(50% + 1.16rem);
    transform:rotateZ(360deg)
}
.case-rly .rly-box7 .ball-box.on .b5 {
    bottom:3.4rem;
    left:calc(50% + 1.34rem);
    transform:rotateZ(-360deg)
}
@keyframes rbox7_1 {
    0% {
    top:0
}
100% {
    top:-5100%
}

}
@keyframes rbox7_2 {
    0% {
    top:0
}
100% {
    top:-5100%
}

}
@keyframes rbox7_3 {
    0% {
    top:0
}
100% {
    top:-4100%
}

}
@keyframes rbox7_4 {
    0% {
    top:0
}
100% {
    top:-4900%
}

}
@keyframes rbox7_5 {
    0% {
    top:0
}
100% {
    top:-4500%
}

}
@keyframes rbox7_6 {
    0% {
    top:0
}
100% {
    top:-4900%
}

}
.case-rly .rly-box8 {
    margin-top:-0.6rem;
    padding:0 0 1.5rem
}
.case-rly .rly-box8 .container .img {
    width:100%
}
.case-rly .rly-box8 .container .title {
    color:#202945;
    text-align:center;
    line-height:1.2em;
    margin-top:-0.5rem
}
.case-rly .rly-box8 .container .txt {
    color:#666;
    line-height:1.8em;
    text-align:center;
    margin-top:.46rem
}
.case-rly .rly-box8 .container .box {
    width:100%;
    position:relative;
    margin-top:.5rem
}
.case-rly .rly-box8 .container .box .bg {
    width:100%
}
.case-rly .rly-box8 .container .box .list {
    width:100%;
    position:absolute;
    top:0;
    display:flex;
    justify-content:center;
    align-items:flex-start;
    padding-top:1rem
}
.case-rly .rly-box8 .container .box .list .item {
    width:4rem;
    background:#fff;
    border-radius:.15rem;
    padding:.23rem .4rem .27rem;
    margin:0 .25rem;
    position:relative
}
@media (max-width:1600px) {
    .case-rly .rly-box8 .container .box .list .item {
    width:5rem
}

}
.case-rly .rly-box8 .container .box .list .item:nth-child(1) {
    width:3.8rem;
    margin:1.3rem .25rem 0;
    animation:scroll 3s forwards linear infinite
}
@media (max-width:1600px) {
    .case-rly .rly-box8 .container .box .list .item:nth-child(1) {
    width:4.3rem
}

}
.case-rly .rly-box8 .container .box .list .item:nth-child(1) .icon {
    width:.94rem;
    height:.8rem
}
.case-rly .rly-box8 .container .box .list .item:nth-child(2) {
    animation:scroll 3s .2s forwards linear infinite
}
.case-rly .rly-box8 .container .box .list .item:nth-child(2)::before {
    left:initial;
    right:.4rem;
    transform:scaleX(-1)
}
.case-rly .rly-box8 .container .box .list .item:nth-child(2) .icon {
    width:.77rem;
    height:.76rem
}
.case-rly .rly-box8 .container .box .list .item:nth-child(3) {
    margin:.7rem .25rem 0;
    animation:scroll 3s .4s forwards linear infinite
}
.case-rly .rly-box8 .container .box .list .item:nth-child(3) .icon {
    width:.88rem;
    height:.83rem
}
.case-rly .rly-box8 .container .box .list .item::before {
    content:'';
    width:.3rem;
    height:.2rem;
    background:url(../images/rly-box8-bicon.png) center center no-repeat;
    background-size:contain;
    position:absolute;
    top:100%;
    left:.4rem
}
.case-rly .rly-box8 .container .box .list .item .icon {
    position:absolute;
    top:-0.2rem;
    right:-0.15rem
}
.case-rly .rly-box8 .container .box .list .item .t1 {
    color:#999;
    line-height:1.66666667em
}
.case-rly .rly-box8 .container .box .list .item .t2 {
    line-height:1.25em;
    color:#000;
    margin-top:.1rem
}
.case-rly .rly-box8 .container .box .list .item .t2 span {
    color:#3a9efe
}
.case-rly .rly-box9 {
    width:100%;
    position:relative;
    padding:1.45rem 0 1.5rem;
    overflow:hidden
}
.case-rly .rly-box9 .bg {
    width:36rem;
    height:100%;
    border-radius:50%;
    background:#eff9f9;
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    pointer-events:none;
    z-index:-1
}
.case-rly .rly-box9 .container .title {
    color:#202945;
    text-align:center;
    line-height:1.2em
}
.case-rly .rly-box9 .container .list {
    width:100%;
    margin-top:.54rem;
    position:relative
}
.case-rly .rly-box9 .container .list .swiper-container .swiper-slide .item {
    position:relative;
    max-width:800px;
    margin:0 auto;
    background-image:linear-gradient(#ffffff,#ffffff),linear-gradient(#e9ecf0,#e9ecf0);
    background-blend-mode:normal,normal;
    box-shadow:inset 0 0 .2rem 0 rgba(153,153,153,0.5);
    border-radius:.3rem;
    padding:.1rem
}
.case-rly .rly-box9 .container .list .swiper-container .swiper-slide .item .public-img {
    width:100%;
    border-radius:.2rem
}
.case-rly .rly-box9 .container .list .swiper-container .swiper-slide .item .public-img::before {
    padding-top:74.35%
}
.case-rly .rly-box9 .container .list .swiper-container .swiper-slide .item .public-img video {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:3;
    object-fit:cover
}
.case-rly .rly-box9 .container .list .swiper-prev,.case-rly .rly-box9 .container .list .swiper-next {
    position:absolute;
    z-index:2;
    top:50%;
    transform:translateY(-50%);
    width:.6rem;
    height:.6rem;
    border:solid 3px #c7e5e5;
    cursor:pointer;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:50%;
    transition:all .4s
}
@media (max-width:767px) {
    .case-rly .rly-box9 .container .list .swiper-prev,.case-rly .rly-box9 .container .list .swiper-next {
    width:.8rem;
    height:.8rem
}

}
.case-rly .rly-box9 .container .list .swiper-prev::before,.case-rly .rly-box9 .container .list .swiper-next::before {
    content:'';
    width:.6rem;
    height:.6rem;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    border-radius:50%;
    background-image:linear-gradient(45deg,#17cea8 0%,#13d8af 40%,#0fe2b5 100%),linear-gradient(#00a985,#00a985);
    background-blend-mode:normal,normal;
    box-shadow:0 0 20px 0 rgba(0,227,179,0.5),inset 0 0 3px 0 #ffffff;
    transition:all .4s;
    opacity:0
}
@media (max-width:767px) {
    .case-rly .rly-box9 .container .list .swiper-prev::before,.case-rly .rly-box9 .container .list .swiper-next::before {
    width:.8rem;
    height:.8rem
}

}
.case-rly .rly-box9 .container .list .swiper-prev svg,.case-rly .rly-box9 .container .list .swiper-next svg {
    position:relative;
    z-index:2
}
.case-rly .rly-box9 .container .list .swiper-prev svg path,.case-rly .rly-box9 .container .list .swiper-next svg path {
    fill:#c7e5e5;
    transition:all .4s
}
@media (min-width:992px) {
    .case-rly .rly-box9 .container .list .swiper-prev:hover,.case-rly .rly-box9 .container .list .swiper-next:hover {
    border:solid 3px transparent
}
.case-rly .rly-box9 .container .list .swiper-prev:hover::before,.case-rly .rly-box9 .container .list .swiper-next:hover::before {
    opacity:1
}
.case-rly .rly-box9 .container .list .swiper-prev:hover svg path,.case-rly .rly-box9 .container .list .swiper-next:hover svg path {
    fill:#fff
}

}
.case-rly .rly-box9 .container .list .swiper-prev {
    left:0
}
.case-rly .rly-box9 .container .list .swiper-next {
    right:0
}
.case-rly .rly-box9 .container .list .swiper-next svg {
    transform:scale(-1)
}
.case-rly .rly-box10 {
    width:100%;
    height:100vh;
    padding:2rem 0 1.16rem;
    background:url(../images/rly-box10-bg1.png) center bottom no-repeat;
    background-size:contain;
    display:flex;
    justify-content:center;
    align-items:center
}
.case-rly .rly-box10 .container .title {
    text-align:center;
    color:#202945;
    line-height:calc(60/50em)
}
.case-rly .rly-box10 .container .box {
    max-width:1060px;
    margin:1rem auto 0;
    padding:13px 150px 85px;
    background:url(../images/rly-box10-bg2.png) top center no-repeat
}
.case-rly .rly-box10 .container .box .public-img {
    width:100%;
    border-radius:.1rem
}
.case-rly .rly-box10 .container .box .public-img::before {
    padding-top:48.28947368%
}
.case-rly .rly-box10 .container .box .public-img video {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:3;
    object-fit:cover
}
.case-rly .rly-box11 {
    width:100%;
    background:#eff9f9;
    padding:1.44rem 0 1.3rem;
    position:relative;
    overflow:hidden
}
.case-rly .rly-box11 .container {
    display:flex;
    justify-content:space-between
}
.case-rly .rly-box11 .container .title {
    width:30%;
    color:#202945;
    line-height:1.16666667em
}
.case-rly .rly-box11 .container .box {
    width:65.27%;
    margin-top:.07rem;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
.case-rly .rly-box11 .container .box .item {
    width:100%;
    min-height:2.6rem;
    padding:.48rem .6rem;
    background-image:linear-gradient(0deg,#9dd9ff 0%,#3a9efe 100%),linear-gradient(#e9ecf0,#e9ecf0);
    background-blend-mode:normal,normal;
    border-radius:.2rem;
    position:relative;
    margin-bottom:.2rem
}
.case-rly .rly-box11 .container .box .item .tbox {
    width:100%
}
.case-rly .rly-box11 .container .box .item .tbox .t1 {
    color:#edf4f8;
    line-height:1.5em
}
.case-rly .rly-box11 .container .box .item .tbox .t2 {
    color:#edf4f8;
    line-height:1.5em;
    margin-top:.13rem
}
.case-rly .rly-box11 .container .box .item .icon {
    position:absolute;
    display:flex
}
.case-rly .rly-box11 .container .box .item:nth-child(1) .icon {
    width:2.71rem;
    right:0;
    top:50%;
    transform:translateY(-50%)
}
.case-rly .rly-box11 .container .box .item:nth-child(2) {
    width:48.96%;
    min-height:3.8rem;
    background-image:linear-gradient(0deg,#baf5dd 0%,#0ec28d 100%),linear-gradient(#e9ecf0,#e9ecf0);
    background-blend-mode:normal,normal
}
.case-rly .rly-box11 .container .box .item:nth-child(2) .icon {
    width:1.46rem;
    right:.4rem;
    bottom:.4rem
}
.case-rly .rly-box11 .container .box .item:nth-child(3) {
    width:48.96%;
    min-height:3.8rem;
    background-image:linear-gradient(0deg,#ffcaa0 0%,#ff6726 100%),linear-gradient(#e9ecf0,#e9ecf0);
    background-blend-mode:normal,normal
}
.case-rly .rly-box11 .container .box .item:nth-child(3) .icon {
    width:1.5rem;
    right:.5rem;
    bottom:.4rem
}
.case-rly .rly-box11 .fixed-box {
    position:absolute;
    width:4.53rem;
    height:3.49rem;
    left:0;
    bottom:0
}
.case-rly .rly-box11 .fixed-box img {
    animation:run 5s  linear infinite
}
.case-rly .rly-box12 {
    width:100%;
    padding:1.44rem 0 1.5rem;
    background:url(../images/rly-box12-colour.png) center 1.4rem no-repeat
}
.case-rly .rly-box12 .container .title {
    color:#202945;
    text-align:center;
    line-height:1.2em
}
.case-rly .rly-box12 .container .txt {
    color:#666;
    text-align:center;
    line-height:1.5em;
    margin-top:.48rem
}
.case-rly .rly-box12 .container .list {
    width:100%;
    margin-top:.7rem
}
.case-rly .rly-box12 .container .list ul {
    display:flex
}
.case-rly .rly-box12 .container .list ul li {
    padding-left:.6rem;
    padding-top:.44rem;
    margin-right:-4.16%
}
.case-rly .rly-box12 .container .list ul li:nth-child(1) {
    width:50%;
    height:4rem;
    background-image:linear-gradient(0deg,#baf5dd 0%,#0ec28d 100%),linear-gradient(#e9ecf0,#e9ecf0);
    background-blend-mode:normal,normal;
    box-shadow:0 20px 50px 0 rgba(0,169,133,0.3);
    border-radius:.3rem;
    border:solid 3px #ffffff
}
.case-rly .rly-box12 .container .list ul li:nth-child(2) {
    width:20.83%;
    height:4rem;
    background-image:linear-gradient(0deg,#9dd9ff 0%,#3a9efe 100%),linear-gradient(#e9ecf0,#e9ecf0);
    background-blend-mode:normal,normal;
    box-shadow:0 20px 50px 0 rgba(58,158,254,0.3);
    border-radius:.3rem;
    border:solid 3px #ffffff
}
.case-rly .rly-box12 .container .list ul li:nth-child(3) {
    width:20.83%;
    height:4rem;
    background-image:linear-gradient(0deg,#ffcaa0 0%,#ff6726 100%),linear-gradient(#e9ecf0,#e9ecf0);
    background-blend-mode:normal,normal;
    box-shadow:0 20px 50px 0 rgba(255,103,38,0.3);
    border-radius:.3rem;
    border:solid 3px #ffffff
}
.case-rly .rly-box12 .container .list ul li:nth-child(4) {
    width:20.83%;
    height:4rem;
    background-image:linear-gradient(0deg,#b6aaff 0%,#7a66f0 100%),linear-gradient(#e9ecf0,#e9ecf0);
    background-blend-mode:normal,normal;
    box-shadow:0 20px 50px 0 rgba(122,102,240,0.3);
    border-radius:.3rem;
    border:solid 3px #ffffff
}
.case-rly .rly-box12 .container .list ul li span {
    line-height:1.6em;
    text-transform:uppercase;
    color:#fff
}
.case-rly .rly-box13 {
    width:100%;
    background:#eef9f9;
    padding:1.38rem 0 1.5rem;
    position:relative
}
.case-rly .rly-box13 .motive-wr02 {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:340px;
    overflow:hidden
}
.case-rly .rly-box13 .motive-wr02 .motive-ani>div {
    width:2px;
    height:45%;
    opacity:1;
    animation:wave02 8s linear infinite
}
.case-rly .rly-box13 .container {
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    position:relative;
    z-index:2
}
.case-rly .rly-box13 .container .title {
    line-height:1.4em;
    color:#202945
}
.case-rly .rly-box13 .container .txt {
    width:50%;
    color:#666;
    line-height:1.5em;
    padding-top:.08rem
}
.case-rly .rly-box13 .list {
    width:100%;
    margin-top:.55rem;
    overflow:hidden
}
.case-rly .rly-box13 .list .swiper-container .swiper-slide {
    border-radius:.2rem;
    padding:.1rem;
    box-shadow:0 0 .2rem 0 rgba(153,153,153,0.5) inset
}
.case-rly .rly-box13 .list .swiper-container .swiper-slide img {
    width:100%;
    border-radius:.15rem
}
.case-rly .rly-box13 .menu {
    width:900px;
    max-width:90%;
    margin:.54rem auto 0;
    border-bottom:1px solid #dbe8e8
}
.case-rly .rly-box13 .menu ul {
    width:100%;
    display:flex;
    flex-wrap:wrap
}
.case-rly .rly-box13 .menu ul li {
    width:25%;
    line-height:1.5em;
    padding-bottom:.25rem;
    color:#202945;
    cursor:pointer;
    transition:all .4s;
    position:relative;
    text-align:center
}
.case-rly .rly-box13 .menu ul li::before {
    content:'';
    width:0;
    height:2px;
    background:#00a985;
    position:absolute;
    left:0;
    bottom:-1px;
    transition:all .4s
}
.case-rly .rly-box13 .menu ul li::after {
    content:'';
    width:130px;
    height:20px;
    background:url(../images/rly-box13-menu-bg.png) center top no-repeat;
    position:absolute;
    right:-65px;
    top:5px
}
@media (min-width:992px) {
    .case-rly .rly-box13 .menu ul li:hover {
    color:#00a985
}

}
.case-rly .rly-box13 .menu ul li:last-child::after {
    display:none
}
.case-rly .rly-box13 .menu ul li.on {
    color:#00a985
}
.case-rly .rly-box13 .menu ul li.on::before {
    width:100%
}
.case-rly .rly-box14 {
    width:100%;
    position:relative;
    padding:1.42rem 0 1.5rem;
    overflow:hidden
}
.case-rly .rly-box14 .bicon {
    position:absolute;
    right:0;
    top:0;
    width:4.53rem;
    height:3.49rem
}
.case-rly .rly-box14 .bicon img {
    animation:run 5s  linear infinite
}
.case-rly .rly-box14 .container .title {
    display:flex
}
.case-rly .rly-box14 .container .title span {
    color:#00a985;
    line-height:1.66666667em;
    background:url(../images/rly-box14-tline.svg) left bottom no-repeat;
    padding-bottom:.16rem
}
.case-rly .rly-box14 .container .txt {
    max-width:585px;
    color:#999;
    line-height:1.33333333em;
    margin-top:.7rem
}
.case-rly .rly-box14 .container .txt span {
    color:#202945
}
.case-rly .rly-box14 .container .list {
    width:100%;
    margin-top:1.5rem
}
.case-rly .rly-box14 .container .list ul {
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap
}
.case-rly .rly-box14 .container .list ul li {
    width:13.19%;
    height:2.3rem;
    padding-top:.39rem;
    background-image:linear-gradient(180deg,rgba(191,243,224,0.2) 0%,rgba(255,255,255,0.2) 100%),linear-gradient(#eef9f9,#eef9f9);
    background-blend-mode:normal,normal;
    box-shadow:0 .1rem .2rem 0 rgba(0,169,133,0.05),inset 0 3px 2px 0 rgba(255,255,255,0.5);
    border-style:solid;
    border-width:1px;
    border-image-source:linear-gradient(0deg,rgba(214,242,255,0.6) 0%,rgba(255,255,255,0.6) 100%);
    border-image-slice:1;
    position:relative
}
.case-rly .rly-box14 .container .list ul li::before {
    content:'';
    width:1.44rem;
    height:.81rem;
    position:absolute;
    top:-0.1rem;
    left:50%;
    transform:translateX(-50%);
    pointer-events:none;
    background:url(../images/rly-box14-libg.png) top center no-repeat
}
.case-rly .rly-box14 .container .list ul li::after {
    content:'';
    width:.11rem;
    height:.21rem;
    position:absolute;
    left:calc(100% + .25rem);
    top:50%;
    transform:translateY(-50%);
    background:url(../images/rly-box14-arrow.svg) center center no-repeat
}
.case-rly .rly-box14 .container .list ul li:last-child::after {
    display:none
}
.case-rly .rly-box14 .container .list ul li .icon {
    width:.72rem;
    height:.72rem;
    margin:0 auto;
    display:flex;
    justify-content:center;
    align-items:center
}
.case-rly .rly-box14 .container .list ul li .ts {
    color:#666;
    text-align:center;
    line-height:1.33333333em;
    margin-top:.33rem
}
.case-rly .rly-box15 {
    width:100%;
    position:relative;
    padding:1.42rem 0 1.5rem;
    overflow:hidden
}
.case-rly .rly-box15 .bicon {
    position:absolute;
    right:0;
    top:0;
    width:4.53rem;
    height:3.49rem
}
.case-rly .rly-box15 .bicon img {
    animation:run 5s  linear infinite
}
.case-rly .rly-box15 .container .title {
    display:flex
}
.case-rly .rly-box15 .container .title span {
    color:#00a985;
    line-height:1.66666667em;
    background:url(../images/rly-box14-tline.svg) left bottom no-repeat;
    padding-bottom:.16rem
}
.case-rly .rly-box15 .container .txt {
    max-width:585px;
    color:#999;
    line-height:1.33333333em;
    margin-top:.7rem
}
.case-rly .rly-box15 .container .txt span {
    color:#202945
}
.case-rly .rly-box15 .container .img-box {
    width:50%;
    margin-top:.15rem;
    margin-left:auto;
    position:relative;
    background-image:linear-gradient(#ffffff,#ffffff),linear-gradient(#000000,#000000);
    background-blend-mode:normal,normal;
    box-shadow:inset 0 0 .2rem 0 rgba(153,153,153,0.5);
    border-radius:.3rem;
    padding:.08rem
}
.case-rly .rly-box15 .container .img-box .img {
    width:100%;
    border-radius:.2rem;
    overflow:hidden
}
.case-rly .rly-box15 .container .img-box .img video {
    width:100%
}
.case-rly .rly-box15 .container .img-box .ts {
    width:calc(100% - .16rem);
    height:65%;
    background:linear-gradient(to bottom,rgba(90,174,254,0),#5aaefe);
    position:absolute;
    left:.08rem;
    bottom:.08rem;
    padding-bottom:.22rem;
    border-radius:0 0 .2rem .2rem;
    display:flex;
    justify-content:center;
    align-items:flex-end
}
.case-rly .rly-box15 .container .img-box .ts span {
    color:#fff;
    line-height:1.66666667em
}
.case-rly .rly-box16 {
    width:100%;
    background:#eef9f9;
    padding:1.44rem 0 1.56rem
}
.case-rly .rly-box16 .container .top {
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    flex-wrap:wrap
}
.case-rly .rly-box16 .container .top .title {
    width:50%;
    color:#202945;
    line-height:1.2em
}
.case-rly .rly-box16 .container .top .txt {
    width:50%;
    line-height:1.5em;
    color:#666
}
.case-rly .rly-box16 .container .list {
    width:100%;
    margin-top:1.45rem
}
.case-rly .rly-box16 .container .list ul li {
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    margin-bottom:3.5rem;
    position:relative;
    z-index:1
}
.case-rly .rly-box16 .container .list ul li .zdh {
    width:772px;
    height:412px;
    position:absolute;
    top:calc(100% - .15rem);
    left:50%;
    transform:translateX(-50%);
    z-index:1;
    overflow:hidden
}
.case-rly .rly-box16 .container .list ul li .zdh img {
    width:100%;
    position:absolute;
    top:0
}
.case-rly .rly-box16 .container .list ul li .zdh.on img {
    animation:rbox16 1s steps(7) forwards
}
.case-rly .rly-box16 .container .list ul li:nth-child(2n) {
    flex-direction:row-reverse
}
.case-rly .rly-box16 .container .list ul li:nth-child(2n) .zdh {
    transform:translateX(-50%) rotateY(180deg)
}
.case-rly .rly-box16 .container .list ul li:last-child {
    margin-bottom:0
}
.case-rly .rly-box16 .container .list ul li .ts {
    width:40.97%;
    color:#999;
    line-height:1.33333333em
}
.case-rly .rly-box16 .container .list ul li .ts span {
    color:#202945
}
.case-rly .rly-box16 .container .list ul li .img {
    width:50%;
    box-shadow:0 .1rem .2rem 0 rgba(122,166,166,0.1),inset 0 5px 10px 0 #ffffff;
    border-radius:.3rem;
    padding:.08rem
}
.case-rly .rly-box16 .container .list ul li .img img {
    border-radius:.2rem
}
@keyframes rbox16 {
    0% {
    top:0
}
100% {
    top:-700%
}

}
@keyframes m1 {
    0% {
    transform:scale(1)
}
25% {
    transform:scale(1.1)
}
50% {
    transform:scale(1)
}
75% {
    transform:scale(1.1)
}
100% {
    transform:scale(1)
}

}
@keyframes m2 {
    0% {
    transform:rotateZ(0deg)
}
25% {
    transform:rotateZ(10deg)
}
50% {
    transform:rotateZ(0deg)
}
75% {
    transform:rotateZ(-10deg)
}
100% {
    transform:rotateZ(0deg)
}

}
.Breadcrumbs {
    width:100%;
    display:flex;
    align-items:center
}
.Breadcrumbs a {
    color:#ccc;
    transition:all .4s
}
.Breadcrumbs i {
    width:10px;
    height:10px;
    display:flex;
    margin:0 .1rem
}
.Breadcrumbs i svg {
    width:100%;
    height:100%
}
.Breadcrumbs i svg path {
    fill:#ccc
}
.Breadcrumbs span {
    color:#ccc
}
.motive-ani {
    position:absolute;
    width:120%;
    height:100%;
    left:0
}
.motive-ani02 {
    top:0;
    left:-105px;
    transform:rotate(180deg)
}
.motive-ani>div {
    width:.1rem;
    height:100%;
    background-size:100% 100%;
    background-color:#e4f0f0;
    display:inline-block;
    bottom:0;
    top:0;
    margin-top:auto;
    margin-bottom:auto;
    position:absolute;
    animation:wave 12s linear infinite
}
.motive-ani>div:first-child {
    margin-left:0
}
@keyframes wave {
    0% {
    left:-2%
}
5% {
    height:45%
}
15%,27%,55%,67%,95% {
    height:65%
}
20%,22%,60%,62% {
    height:90%
}
35%,45%,75%,85% {
    height:45%
}
40%,42%,80%,82% {
    height:40%
}
100% {
    left:100%;
    height:90%
}

}
@keyframes wave02 {
    1%,33%,35%,66%,68%,99% {
    height:40%
}
5%,29%,31%,62%,72%,95% {
    height:45%
}
12%,22%,45%,55%,79%,89% {
    height:65%
}
16%,18%,49%,51%,83%,85% {
    height:90%
}

}
@keyframes scroll {
    0% {
    transform:translateY(0)
}
50% {
    transform:translateY(10px)
}
100% {
    transform:translateY(0)
}

}
@keyframes scroll2 {
    0% {
    transform:translateY(0) rotateZ(90deg)
}
50% {
    transform:translateY(3px) rotateZ(90deg)
}
100% {
    transform:translateY(0) rotateZ(90deg)
}

}
@keyframes jello-horizontal {
    0% {
    transform:scale3d(1,1,1)
}
30% {
    transform:scale3d(1.25,.75,1)
}
40% {
    transform:scale3d(.75,1.25,1)
}
50% {
    transform:scale3d(1.15,.85,1)
}
65% {
    transform:scale3d(.95,1.05,1)
}
75% {
    transform:scale3d(1.05,.95,1)
}
100% {
    transform:scale3d(1,1,1)
}

}
@keyframes scale {
    0% {
    transform:translate(-50%,-50%) scale(1);
    opacity:1
}
100% {
    transform:translate(-50%,-50%) scale(1.3);
    opacity:0
}

}
@keyframes scale2 {
    0% {
    transform:translate(-50%,-50%) scale(1);
    opacity:1
}
100% {
    transform:translate(-50%,-50%) scale(2);
    opacity:0
}

}
@keyframes run {
    0% {
    transform:translate(0,0) scale(1)
}
50% {
    transform:translate(-20px,15px) scale(1.1)
}
100% {
    transform:translate(0,0) scale(1)
}

}
.info-public-box2 {
    width:100%;
    padding:1.5rem 0 0
}
.info-public-box2 .container .top {
    width:100%;
    position:relative
}
.info-public-box2 .container .top .img {
    width:100%;
    position:absolute;
    z-index:-1;
    pointer-events:none;
    top:-0.2rem;
    left:50%;
    transform:translateX(-50%);
    display:flex;
    justify-content:center
}
.info-public-box2 .container .top .title {
    text-align:center;
    color:#0f0e0e;
    line-height:1;
    padding:.4rem 0
}
.info-public-box2 .container .top .title::before {
    content:'';
    width:3.28rem;
    height:1.71rem;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    background:url(../images/public-box2-top-icon.png) center center no-repeat;
    background-size:contain
}
.info-public-box2 .container .txt {
    text-align:center;
    color:#666;
    line-height:1.8em;
    margin-top:.6rem
}
.info-public-box2 .container .web-link .public-btn {
    display:flex;
    justify-content:center;
    margin-top:.64rem
}
.info-public-box2 .container .web-link .public-btn .link {
    display:flex;
    align-items:center;
    height:.6rem;
    padding:0 .26rem 0 .34rem;
    background:#1bd629;
    border-radius:.3rem;
    position:relative;
    min-width:2.3rem;
    z-index:1;
    border:1px solid #1bd629;
    overflow:hidden
}
.info-public-box2 .container .web-link .public-btn .link::before {
    content:"";
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    width:100%;
    height:100%;
    background-color:#fff;
    border-radius:25px;
    transform:scaleX(0);
    transform-origin:right;
    -webkit-transition:transform .6s cubic-bezier(.785,.135,.15,.86);
    -moz-transition:transform .6s cubic-bezier(.785,.135,.15,.86);
    -o-transition:transform .6s cubic-bezier(.785,.135,.15,.86);
    transition:transform .6s cubic-bezier(.785,.135,.15,.86)
}
.info-public-box2 .container .web-link .public-btn .link span {
    color:#fff;
    font-weight:bold;
    margin-left:.1rem;
    position:relative;
    z-index:2;
    transition:all .4s
}
.info-public-box2 .container .web-link .public-btn .link .ficon {
    width:.3rem;
    height:.3rem;
    display:flex;
    align-items:center;
    overflow:hidden;
    position:relative;
    z-index:2
}
@media (max-width:767px) {
    .info-public-box2 .container .web-link .public-btn .link .ficon {
    width:.4rem;
    height:.4rem
}

}
.info-public-box2 .container .web-link .public-btn .link .ficon i {
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-shrink:0;
    transform:translateX(-100%);
    transition:all .5s;
    margin:0;
    border-radius:0
}
.info-public-box2 .container .web-link .public-btn .link .ficon i svg {
    width:100%;
    height:100%;
    transform:rotateZ(-90deg);
    animation:none
}
.info-public-box2 .container .web-link .public-btn .link .ficon i svg path {
    fill:#fff
}
.info-public-box2 .container .web-link .public-btn .link .ficon i:nth-child(1) svg path {
    fill:#1bd629
}
@media (min-width:992px) {
    .info-public-box2 .container .web-link .public-btn .link:hover span {
    color:#1bd629
}
.info-public-box2 .container .web-link .public-btn .link:hover::before {
    transform:scaleX(1);
    transform-origin:left
}
.info-public-box2 .container .web-link .public-btn .link:hover .ficon i {
    transform:translateX(0)
}

}
.info-public-box2 .container .img-box {
    width:100%;
    display:flex;
    justify-content:space-between;
    margin-top:1rem
}
.info-public-box2 .container .img-box .img-left {
    width:45.55%;
    margin-top:1.2rem
}
.info-public-box2 .container .img-box .img-right {
    width:52.29%
}
.info-public-box2 .container .txt-box {
    width:100%;
    margin-top:1rem;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap
}
.info-public-box2 .container .txt-box .logos {
    width:133px;
    height:37px;
    margin-top:.72rem
}
.info-public-box2 .container .txt-box .logos a {
    width:100%;
    height:100%;
    display:flex
}
.info-public-box2 .container .txt-box .logos a svg {
    width:100%;
    height:100%
}
.info-public-box2 .container .txt-box .logos a svg rect {
    fill:none
}
.info-public-box2 .container .txt-box .tbox {
    width:69.44%;
    border-top:1px solid #ddd;
    padding-top:.8rem
}
.info-public-box2 .container .txt-box .tbox .text {
    color:#333;
    line-height:1.11111111em
}
.info-public-box2 .container .txt-box .tbox .ts {
    color:#999;
    line-height:1.66666667em;
    margin-top:.86rem
}
.info-public-box2 .container .txt-box .tbox .link {
    margin-top:.65rem;
    display:flex;
    justify-content:flex-start
}
.info-public-box2 .container .txt-box .tbox .link a {
    height:.55rem;
    border-radius:.27rem;
    display:flex;
    align-items:center;
    padding:0 .26rem 0 .34rem;
    background:#1bd629;
    position:relative;
    z-index:1;
    border:1px solid #1bd629;
    overflow:hidden
}
.info-public-box2 .container .txt-box .tbox .link a::before {
    content:"";
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    width:100%;
    height:100%;
    background-color:#fff;
    border-radius:25px;
    transform:scaleX(0);
    transform-origin:right;
    -webkit-transition:transform .6s cubic-bezier(.785,.135,.15,.86);
    -moz-transition:transform .6s cubic-bezier(.785,.135,.15,.86);
    -o-transition:transform .6s cubic-bezier(.785,.135,.15,.86);
    transition:transform .6s cubic-bezier(.785,.135,.15,.86)
}
.info-public-box2 .container .txt-box .tbox .link a span {
    color:#fff;
    margin-right:.16rem;
    position:relative;
    z-index:2;
    transition:all .4s
}
.info-public-box2 .container .txt-box .tbox .link a .icons {
    width:.2rem;
    height:.2rem;
    display:flex;
    align-items:center;
    overflow:hidden;
    position:relative;
    z-index:2
}
.info-public-box2 .container .txt-box .tbox .link a .icons i {
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-shrink:0;
    transform:translateX(-100%);
    transition:all .5s
}
.info-public-box2 .container .txt-box .tbox .link a .icons i svg {
    width:50%;
    height:50%;
    transform:rotateZ(-90deg)
}
.info-public-box2 .container .txt-box .tbox .link a .icons i svg path {
    fill:#fff
}
.info-public-box2 .container .txt-box .tbox .link a .icons i:nth-child(1) svg path {
    fill:#1bd629
}
@media (min-width:992px) {
    .info-public-box2 .container .txt-box .tbox .link a:hover span {
    color:#1bd629
}
.info-public-box2 .container .txt-box .tbox .link a:hover::before {
    transform:scaleX(1);
    transform-origin:left
}
.info-public-box2 .container .txt-box .tbox .link a:hover .icons i {
    transform:translateX(0)
}

}
.info-public-box2 .container .other-case {
    width:100%;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    margin-top:1.66rem;
    padding-top:.48rem;
    overflow:hidden
}
.info-public-box2 .container .other-case .t1 {
    color:#999;
    text-align:center;
    line-height:2.22222222em
}
.info-public-box2 .container .other-case .t2 {
    text-align:center;
    color:#333;
    line-height:1.16666667em;
    margin-top:.2rem;
    display:flex;
    justify-content:center;
    transition:all .8s;
    transform-origin:center center
}
.info-public-box2 .container .other-case .t2 span {
    transition:all .8s
}
.info-public-box2 .container .other-case .img {
    margin:0 auto 0;
    width:420px;
    height:280px;
    transform:translateY(80px);
    transition:all .8s;
    border-top-left-radius:.1rem;
    border-top-right-radius:.1rem;
    overflow:hidden
}
.info-public-box2 .container .other-case .img a {
    width:100%;
    height:100%;
    display:flex
}
.info-public-box2 .container .other-case .img a img {
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:top center
}
@media (min-width:992px) {
    .info-public-box2 .container .other-case:hover .t2 {
    transform:scale(.79166667)
}
.info-public-box2 .container .other-case:hover .t2 span {
    transform:translateY(-0.1rem);
    opacity:.5
}
.info-public-box2 .container .other-case:hover .img {
    transform:translateY(0)
}

}
.info-public-box2 .container .other-case-link {
    width:100%;
    display:flex;
    justify-content:center;
    margin-top:.82rem
}
.info-public-box2 .container .other-case-link a {
    min-width:2.24rem;
    height:.7rem;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:.35rem;
    position:relative;
    overflow:hidden
}
@media (max-width:767px) {
    .info-public-box2 .container .other-case-link a {
    height:.8rem;
    border-radius:.4rem
}

}
.info-public-box2 .container .other-case-link a span {
    color:#000;
    position:relative;
    transition:all .6s;
    z-index:2
}
.info-public-box2 .container .other-case-link a span sup {
    color:#1bd629;
    line-height:1;
    margin-top:-0.05rem;
    margin-left:.1rem;
    position:absolute;
    left:100%;
    transition:all .6s
}
.info-public-box2 .container .other-case-link a::before {
    content:"";
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    width:100%;
    height:100%;
    background-color:#1bd629;
    border-radius:.35rem;
    transform:scaleY(0);
    transform-origin:top;
    -webkit-transition:transform .6s cubic-bezier(.785,.135,.15,.86);
    -moz-transition:transform .6s cubic-bezier(.785,.135,.15,.86);
    -o-transition:transform .6s cubic-bezier(.785,.135,.15,.86);
    transition:transform .6s cubic-bezier(.785,.135,.15,.86)
}
.info-public-box2 .container .other-case-link a::after {
    content:"";
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    width:100%;
    height:100%;
    border-radius:.35rem;
    border:2px solid #1bd629;
    box-sizing:border-box
}
@media (min-width:992px) {
    .info-public-box2 .container .other-case-link a:hover span {
    color:#fff
}
.info-public-box2 .container .other-case-link a:hover span sup {
    color:#fff
}
.info-public-box2 .container .other-case-link a:hover::before {
    transform:scaleY(1);
    transform-origin:bottom
}

}
.page-tips {
    color:#ccc;
    line-height:1;
    position:absolute;
    top:-0.3rem;
    font-size:14px;
    text-transform:uppercase
}
@media (max-width:991px) {
    .page-tips {
    display:none
}

}
@keyframes anima {
    0% {
    left:0;
    opacity:0;
    transform:scale(.9);
    z-index:10
}
20% {
    opacity:1;
    transform:scale(1);
    z-index:8
}
50% {
    left:50%;
    opacity:1;
    transform:scale(1);
    z-index:5
}
80% {
    left:80%;
    opacity:1;
    transform:scale(1);
    z-index:2
}
100% {
    left:100%;
    opacity:0;
    transform:scale(.9);
    z-index:1
}

}
.info-page {
    width:100%
}
.info-page .info-top-public-box {
    width:100%;
    padding:1.5rem 0 0
}
@media (max-width:767px) {
    .info-page .info-top-public-box {
    padding:1.2rem 0 0
}

}
.info-page .info-top-public-box .container {
    position:relative;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    flex-wrap:wrap
}
.info-page .info-top-public-box .container .left {
    position:relative
}
@media (max-width:991px) {
    .info-page .info-top-public-box .container .left {
    width:100%;
    display:flex;
    flex-wrap:wrap
}

}
.info-page .info-top-public-box .container .left .title {
    width:100%;
    line-height:1.2em;
    color:#000
}
@media (max-width:991px) {
    .info-page .info-top-public-box .container .left .title {
    font-weight:bold
}

}
.info-page .info-top-public-box .container .left .title span {
    display:block;
    font-size:inherit
}
.info-page .info-top-public-box .container .left .tips {
    display:flex;
    margin-top:.34rem
}
@media (max-width:991px) {
    .info-page .info-top-public-box .container .left .tips {
    order:-1;
    margin:0 0 .5rem
}

}
.info-page .info-top-public-box .container .left .tips a {
    display:flex;
    align-items:center
}
.info-page .info-top-public-box .container .left .tips a span {
    line-height:1.5em;
    border-bottom:1px dashed #1bd629;
    color:#666;
    margin-right:.1rem
}
@media (max-width:991px) {
    .info-page .info-top-public-box .container .left .tips a span {
    border-bottom:none;
    color:#ccc
}

}
.info-page .info-top-public-box .container .left .tips a i {
    width:18px;
    height:18px;
    border-radius:50%;
    background:#1bd629;
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    font-style:normal;
    flex-shrink:0
}
@media (max-width:991px) {
    .info-page .info-top-public-box .container .left .tips a i {
    background:#ccc
}

}
.info-page .info-top-public-box .container .left .more a {
    display:flex;
    align-items:center
}
.info-page .info-top-public-box .container .left .more a span {
    line-height:1.5em;
    color:#1bd629
}
.info-page .info-top-public-box .container .left .more a i {
    width:22px;
    height:22px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    transition:all .4s;
    overflow:hidden;
    background:#1bd629;
    margin-left:.13rem
}
@media (max-width:767px) {
    .info-page .info-top-public-box .container .left .more a i {
    width:.4rem;
    height:.4rem
}

}
.info-page .info-top-public-box .container .left .more a i svg {
    width:8px;
    height:8px
}
.info-page .info-top-public-box .container .left .more a i svg path {
    fill:#fff
}
@media (min-width:992px) {
    .info-page .info-top-public-box .container .left .more a:hover i svg {
    animation:arrowRun 5s infinite
}

}
.info-page .info-top-public-box .container .left .more .ms {
    width:100%;
    font-size:14px;
    line-height:1.71428571em;
    color:#ccc;
    margin-top:3px
}
.info-page .info-top-public-box .container .tbox {
    width:525px;
    max-width:50%;
    border-left:2px solid #eee;
    padding:5px 0 5px .35rem
}
@media (max-width:991px) {
    .info-page .info-top-public-box .container .tbox {
    width:100%;
    max-width:100%;
    border-left:none;
    padding:0;
    margin-top:.3rem
}

}
.info-page .info-top-public-box .container .tbox .txt {
    line-height:1.33333333em;
    color:#333
}
@media (max-width:991px) {
    .info-page .info-top-public-box .container .tbox .txt {
    color:#999
}

}
.info-page .info-top-public-box .container .tbox .more {
    display:flex;
    flex-wrap:wrap;
    margin-top:.45rem
}
@media (max-width:991px) {
    .info-page .info-top-public-box .container .tbox .more {
    margin-top:.8rem
}

}
.info-page .info-top-public-box .container .tbox .more a {
    display:flex;
    align-items:center
}
.info-page .info-top-public-box .container .tbox .more a span {
    line-height:1.5em;
    color:#1bd629
}
.info-page .info-top-public-box .container .tbox .more a i {
    width:22px;
    height:22px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    transition:all .4s;
    overflow:hidden;
    background:#1bd629;
    margin-left:.13rem
}
@media (max-width:767px) {
    .info-page .info-top-public-box .container .tbox .more a i {
    width:.4rem;
    height:.4rem
}

}
.info-page .info-top-public-box .container .tbox .more a i svg {
    width:8px;
    height:8px
}
.info-page .info-top-public-box .container .tbox .more a i svg path {
    fill:#fff
}
@media (min-width:992px) {
    .info-page .info-top-public-box .container .tbox .more a:hover i svg {
    animation:arrowRun 5s infinite
}

}
.info-page .info-top-public-box .container .tbox .more .ms {
    width:100%;
    font-size:14px;
    line-height:1.71428571em;
    color:#ccc;
    margin-top:3px
}
@media (max-width:991px) {
    .info-page .info-top-public-box .container .tbox .more .ms {
    display:none
}

}
.info-page .info-top-public-box .container .tbox .ts {
    color:#999;
    line-height:1.5em;
    margin-top:.44rem
}
@media (max-width:991px) {
    .info-page .info-top-public-box .container .tbox .ts {
    display:none
}

}
.info-page .info-top-public-box .container .tbox .xmt-icon {
    width:250px;
    height:62px;
    margin-top:.47rem;
    display:flex;
    flex-wrap:wrap;
    position:relative
}
@media (max-width:991px) {
    .info-page .info-top-public-box .container .tbox .xmt-icon {
    margin-top:1.5rem
}

}
.info-page .info-top-public-box .container .tbox .xmt-icon .xmt-box {
    width:62px;
    height:62px;
    border-radius:50%;
    overflow:hidden;
    position:absolute;
    left:0;
    opacity:0
}
.info-page .info-top-public-box .container .tbox .xmt-icon .xmt-box img {
    width:100%;
    height:100%;
    object-fit:cover
}
.info-page .info-top-public-box .container .tbox .xmt-icon .xmt-box.show {
    animation:anima 5s 0s linear infinite
}
.info-page .info-top-public-box .container .tbox .xmt-icon .xmt-box:nth-child(1) {
    animation:anima 5s 1s linear infinite
}
.info-page .info-top-public-box .container .tbox .xmt-icon .xmt-box:nth-child(2) {
    animation:anima 5s 2s linear infinite
}
.info-page .info-top-public-box .container .tbox .xmt-icon .xmt-box:nth-child(3) {
    animation:anima 5s 3s linear infinite
}
.info-page .info-top-public-box .container .tbox .xmt-icon .xmt-box:nth-child(4) {
    animation:anima 5s 4s linear infinite
}
.info-page .info-top-public-box .container .tbox .xmt-icon .xmt-box:nth-child(5) {
    animation:anima 5s 5s linear infinite
}
.info-page .info-top-public-box .container .tbox .xmt-icon ul {
    width:100%;
    height:.62rem;
    position:relative
}
.info-page .info-top-public-box .container .tbox .xmt-icon ul li {
    overflow:hidden;
    position:absolute;
    left:0;
    opacity:0
}
.info-page .info-top-public-box .container .tbox .xmt-icon ul li a {
    width:.62rem;
    height:.62rem;
    border-radius:50%;
    overflow:hidden;
    display:flex;
    margin-right:-0.14rem
}
.info-page .info-top-public-box .container .tbox .xmt-icon ul li.show {
    animation:anima 5s 1 linear
}
.info-page .info-top-public-box .container.xmt-more .more {
    display:flex;
    flex-wrap:wrap;
    position:absolute;
    left:0;
    bottom:-0.4rem
}
@media (max-width:991px) {
    .info-page .info-top-public-box .container.xmt-more .more {
    bottom:1.7rem
}

}
.info-page .info-top-public-box .container.xmt-more .more a {
    display:flex;
    align-items:center
}
.info-page .info-top-public-box .container.xmt-more .more a span {
    line-height:1.5em;
    color:#1bd629
}
.info-page .info-top-public-box .container.xmt-more .more a i {
    width:22px;
    height:22px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    transition:all .4s;
    overflow:hidden;
    background:#1bd629;
    margin-left:.13rem
}
@media (max-width:767px) {
    .info-page .info-top-public-box .container.xmt-more .more a i {
    width:.4rem;
    height:.4rem
}

}
.info-page .info-top-public-box .container.xmt-more .more a i svg {
    width:8px;
    height:8px
}
.info-page .info-top-public-box .container.xmt-more .more a i svg path {
    fill:#fff
}
@media (min-width:992px) {
    .info-page .info-top-public-box .container.xmt-more .more a:hover i svg {
    animation:arrowRun 5s infinite
}

}
.info-page .info-top-public-box .container.xmt-more .more .ms {
    width:100%;
    font-size:14px;
    line-height:1.71428571em;
    color:#ccc;
    margin-top:3px
}
.info-page .info-menu1 {
    width:100%;
    padding:1.04rem 0 .4rem
}
@media (max-width:991px) {
    .info-page .info-menu1 {
    padding:1.04rem 0 .3rem
}

}
.info-page .info-menu1 .container ul {
    display:flex;
    flex-wrap:wrap
}
@media (max-width:991px) {
    .info-page .info-menu1 .container ul {
    overflow-x:auto;
    padding-bottom:0;
    flex-wrap:unset
}

}
.info-page .info-menu1 .container ul li {
    margin-right:.1rem;
    margin-bottom:.15rem;
    display:flex
}
.info-page .info-menu1 .container ul li a {
    padding:0 .4rem;
    height:50px;
    border-radius:25px;
    border:1px solid #d7d7d7;
    display:flex;
    justify-content:center;
    align-items:center;
    transition:all .6s;
    position:relative;
    z-index:1;
    overflow:hidden
}
@media (max-width:767px) {
    .info-page .info-menu1 .container ul li a {
    height:.8rem;
    border-radius:.4rem;
    padding:0 .3rem
}

}
.info-page .info-menu1 .container ul li a::before {
    content:"";
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    width:100%;
    height:100%;
    background-color:#1bd629;
    border-radius:25px;
    transform:scaleX(0);
    transform-origin:right;
    -webkit-transition:transform .6s cubic-bezier(.785,.135,.15,.86);
    -moz-transition:transform .6s cubic-bezier(.785,.135,.15,.86);
    -o-transition:transform .6s cubic-bezier(.785,.135,.15,.86);
    transition:transform .6s cubic-bezier(.785,.135,.15,.86)
}
.info-page .info-menu1 .container ul li a span {
    color:#999;
    transition:all .6s;
    position:relative;
    z-index:2;
    white-space:nowrap
}
@media (max-width:767px) {
    .info-page .info-menu1 .container ul li a span {
    font-size:.22rem
}

}
.info-page .info-menu1 .container ul li a sup {
    color:#1bd629;
    font-size:10px;
    line-height:1;
    transition:all .6s;
    position:relative;
    z-index:2;
    margin-top:-10px;
    margin-left:5px;
    margin-right:-10px
}
@media (max-width:767px) {
    .info-page .info-menu1 .container ul li a sup {
    display:none
}

}
@media (min-width:992px) {
    .info-page .info-menu1 .container ul li:hover a {
    border:1px solid transparent
}
.info-page .info-menu1 .container ul li:hover a::before {
    transform:scaleX(1);
    transform-origin:left
}
.info-page .info-menu1 .container ul li:hover a span {
    color:#fff
}
.info-page .info-menu1 .container ul li:hover a sup {
    color:#fff
}

}
.info-page .info-menu1 .container ul li.on a {
    border:1px solid transparent
}
.info-page .info-menu1 .container ul li.on a::before {
    transform:scaleX(1);
    transform-origin:left
}
.info-page .info-menu1 .container ul li.on a span {
    color:#fff
}
.info-page .info-menu1 .container ul li.on a sup {
    color:#fff
}
.info-page .case-list-box1 {
    width:100%;
    background:#fff;
    position:relative;
    z-index:2;
    overflow:hidden
}
.info-page .case-list-box1 .tips {
    width:100%
}
.info-page .case-list-box1 .tips .container {
    position:relative;
    height:1.02rem
}
@media (max-width:767px) {
    .info-page .case-list-box1 .tips .container {
    width:90%;
    height:.6rem
}

}
.info-page .case-list-box1 .tips .container .line {
    width:100%;
    height:2px;
    background:#ddd;
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    z-index:1
}
.info-page .case-list-box1 .tips .container .txt {
    width:100%;
    height:1.02rem;
    padding:.38rem .1rem 0;
    line-height:1.5em;
    color:#999;
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%)
}
@media (max-width:767px) {
    .info-page .case-list-box1 .tips .container .txt {
    padding:0
}

}
@media (max-width:767px) {
    .info-page .case-list-box1 .tips .container .txt p {
    display:none
}

}
.info-page .case-list-box1 .tips .container .txt span {
    color:#1bd629
}
.info-page .case-list-box1 .big {
    position:relative;
    overflow:hidden
}
.info-page .case-list-box1 .big .container {
    position:relative;
    height:6rem
}
@media (max-width:767px) {
    .info-page .case-list-box1 .big .container {
    height:auto
}

}
.info-page .case-list-box1 .big .container .bg {
    width:100%;
    height:6rem;
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    overflow:hidden;
    border-radius:.15rem
}
@media (max-width:767px) {
    .info-page .case-list-box1 .big .container .bg {
    position:relative;
    left:initial;
    top:initial;
    transform:translateX(0)
}
.info-page .case-list-box1 .big .container .bg::before {
    content:'';
    width:100%;
    padding-top:100%;
    display:block
}

}
.info-page .case-list-box1 .big .container .bg img {
    width:100%;
    height:100%;
    object-fit:cover
}
@media (max-width:767px) {
    .info-page .case-list-box1 .big .container .bg img {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}

}
.info-page .case-list-box1 .big .container .img {
    width:6rem;
    position:absolute;
    top:.8rem;
    right:2rem;
    z-index:2
}
@media (max-width:991px) {
    .info-page .case-list-box1 .big .container .img {
    width:55%;
    right:1rem
}

}
@media (max-width:767px) {
    .info-page .case-list-box1 .big .container .img {
    width:80%;
    height:5rem;
    overflow:hidden;
    right:10%;
    top:1rem
}

}
.info-page .case-list-box1 .big .container .img img {
    width:100%
}
.info-page .case-list-box1 .big .container .tbox {
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:1.33rem;
    z-index:2
}
@media (max-width:991px) {
    .info-page .case-list-box1 .big .container .tbox {
    left:.5rem
}

}
@media (max-width:767px) {
    .info-page .case-list-box1 .big .container .tbox {
    position:relative;
    top:initial;
    left:initial;
    transform:translateY(0);
    margin-top:.5rem;
    padding:0 .2rem
}

}
.info-page .case-list-box1 .big .container .tbox .title {
    color:#333
}
.info-page .case-list-box1 .big .container .tbox .title span {
    display:block
}
.info-page .case-list-box1 .big .container .tbox .title .s1 {
    line-height:1.44444444em
}
.info-page .case-list-box1 .big .container .tbox .title .s2 {
    line-height:1.29166667em
}
.info-page .case-list-box1 .big .container .tbox .txt {
    line-height:1.33333333em;
    color:#666;
    margin-top:.66rem
}
@media (max-width:767px) {
    .info-page .case-list-box1 .big .container .tbox .txt {
    margin-top:.3rem
}

}
.info-page .case-list-box1 .big .container .label {
    position:absolute;
    right:.7rem;
    bottom:.54rem;
    z-index:2
}
@media (max-width:991px) {
    .info-page .case-list-box1 .big .container .label {
    right:.2rem
}

}
@media (max-width:767px) {
    .info-page .case-list-box1 .big .container .label {
    width:100%;
    position:relative;
    right:initial;
    bottom:initial;
    margin-top:.3rem
}

}
.info-page .case-list-box1 .big .container .label .lbs {
    display:flex
}
.info-page .case-list-box1 .big .container .label span {
    padding:0 .22rem;
    height:35px;
    border-radius:17px;
    border:1px solid #fff;
    color:#666;
    transition:all .4s;
    margin-right:.16rem;
    display:flex;
    align-items:center;
    cursor:pointer;
    font-size:14px
}
@media (max-width:767px) {
    .info-page .case-list-box1 .big .container .label span {
    height:.6rem;
    border-radius:.4rem;
    border:1px solid #e8e8e8;
    font-size:12px
}

}
.info-page .case-list-box1 .big .container .label span:last-child {
    margin-right:0
}
.info-page .case-list-box2 {
    width:100%;
    background:#fff;
    padding-top:.6rem;
    position:relative;
    z-index:1;
    overflow:hidden
}
@media (max-width:767px) {
    .info-page .case-list-box2 {
    padding-bottom:.8rem
}

}
.info-page .case-list-box2 .container ul {
    width:calc(100% + .6rem);
    margin:0 -0.3rem;
    display:flex;
    flex-wrap:wrap
}
@media (max-width:767px) {
    .info-page .case-list-box2 .container ul {
    width:100%;
    margin:0
}

}
.info-page .case-list-box2 .container ul li {
    width:calc(33.33% - .6rem);
    margin:0 .3rem .5rem;
    border-bottom:1px solid #eee;
    position:relative
}
@media (max-width:991px) {
    .info-page .case-list-box2 .container ul li {
    width:calc(50% - .6rem)
}

}
@media (max-width:767px) {
    .info-page .case-list-box2 .container ul li {
    width:100%;
    margin:0 0 .5rem
}

}
.info-page .case-list-box2 .container ul li::after {
    content:'';
    width:0;
    height:1px;
    background:#1bd629;
    position:absolute;
    left:0;
    bottom:0;
    z-index:2;
    transition:all .8s
}
.info-page .case-list-box2 .container ul li.mores::after {
    display:none
}
@media (max-width:767px) {
    .info-page .case-list-box2 .container ul li.mores a .public-img::before {
    padding-top:70%
}

}
.info-page .case-list-box2 .container ul li a {
    width:100%;
    display:block;
    position:relative
}
.info-page .case-list-box2 .container ul li a .public-img {
    width:100%;
    border-radius:.15rem
}
.info-page .case-list-box2 .container ul li a .tbox {
    width:100%;
    padding:.28rem .15rem 0
}
.info-page .case-list-box2 .container ul li a .tbox .tips {
    color:#666;
    display:flex;
    line-height:1.625em
}
.info-page .case-list-box2 .container ul li a .tbox .tips span {
    color:#1bd629;
    padding-right:.11rem;
    margin-right:.09rem;
    position:relative
}
.info-page .case-list-box2 .container ul li a .tbox .tips span::after {
    content:'';
    width:1px;
    height:13px;
    background:#ddd;
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%)
}
.info-page .case-list-box2 .container ul li a .tbox .t1 {
    line-height:1.36363636em;
    color:#333;
    margin-top:.2rem;
    transition:all .4s
}
.info-page .case-list-box2 .container ul li a .tbox2 {
    width:100%;
    position:absolute;
    top:0;
    z-index:2;
    padding-top:.8rem
}
.info-page .case-list-box2 .container ul li a .tbox2 .t1 {
    line-height:1.2em;
    text-align:center;
    color:#fff
}
.info-page .case-list-box2 .container ul li a .tbox2 .more {
    width:1.3rem;
    height:1.3rem;
    border-radius:50%;
    overflow:hidden;
    transition:all .4s;
    position:relative;
    margin:.8rem auto 0
}
@media (max-width:1600px) {
    .info-page .case-list-box2 .container ul li a .tbox2 .more {
    width:1.5rem;
    height:1.5rem
}

}
@media (max-width:767px) {
    .info-page .case-list-box2 .container ul li a .tbox2 .more {
    width:1.8rem;
    height:1.8rem;
    margin:.5rem auto 0
}

}
.info-page .case-list-box2 .container ul li a .tbox2 .more::before {
    content:'';
    width:100%;
    height:100%;
    background:#fff;
    border-radius:50%;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    transition:all .4s
}
.info-page .case-list-box2 .container ul li a .tbox2 .more .a {
    width:100%;
    height:100%;
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center
}
.info-page .case-list-box2 .container ul li a .tbox2 .more .a .gm {
    width:100%;
    height:100%;
    display:flex;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    padding:.1rem;
    transition:all .4s
}
.info-page .case-list-box2 .container ul li a .tbox2 .more .a .gm svg {
    width:100%;
    height:100%;
    animation:txtRun 10s linear forwards infinite
}
.info-page .case-list-box2 .container ul li a .tbox2 .more .a .gm svg path {
    fill:#ccc
}
.info-page .case-list-box2 .container ul li a .tbox2 .more .a .txts {
    display:flex;
    position:relative
}
.info-page .case-list-box2 .container ul li a .tbox2 .more .a .txts span {
    line-height:1.22222222em;
    color:#1bd629;
    text-align:center
}
@media (max-width:767px) {
    .info-page .case-list-box2 .container ul li a .tbox2 .more .a .txts span {
    font-size:14px
}

}
.info-page .case-list-box2 .container ul li a .tbox2 .more .a .txts i {
    position:absolute;
    left:calc(50% + .2rem);
    top:-3px;
    width:16px;
    height:16px;
    display:flex;
    justify-content:center;
    align-items:center;
    overflow:hidden
}
@media (max-width:767px) {
    .info-page .case-list-box2 .container ul li a .tbox2 .more .a .txts i {
    left:100%
}

}
.info-page .case-list-box2 .container ul li a .tbox2 .more .a .txts i svg {
    width:50%;
    height:50%;
    animation:arrowRun 5s infinite
}
.info-page .case-list-box2 .container ul li a .tbox2 .more .a .txts i svg path {
    fill:#1bd629
}
@media (min-width:992px) {
    .info-page .case-list-box2 .container ul li a .tbox2 .more:hover::before {
    transform:translate(-50%,-50%) scale(.9)
}
.info-page .case-list-box2 .container ul li a .tbox2 .more:hover .a .gm {
    transform:translate(-50%,-50%) scale(.9)
}

}
.info-page .case-list-box2 .container ul li .label {
    width:100%;
    display:flex;
    flex-wrap:wrap;
    margin-top:.35rem;
    padding:0 .1rem .48rem
}
.info-page .case-list-box2 .container ul li .label a {
    display:flex
}
.info-page .case-list-box2 .container ul li .label a span {
    height:35px;
    padding:0 .22rem;
    border-radius:17px;
    display:flex;
    align-items:center;
    font-size:14px;
    color:#aaa;
    background:#f4f4f4;
    border:1px solid #f4f4f4;
    margin-right:.1rem;
    transition:all .4s
}
@media (max-width:767px) {
    .info-page .case-list-box2 .container ul li .label a span {
    height:.6rem;
    border-radius:.4rem;
    border:1px solid #e8e8e8;
    background:transparent;
    font-size:12px
}

}
.info-page .case-list-box2 .container ul li .label a span:last-child {
    margin-right:0
}
@media (min-width:992px) {
    .info-page .case-list-box2 .container ul li .label a:hover span {
    border:1px solid #f4f4f4;
    background:#fff
}

}
@media (min-width:992px) {
    .info-page .case-list-box2 .container ul li:hover a .public-img img {
    transform:scale(1.05)
}
.info-page .case-list-box2 .container ul li:hover a .tbox .t1 {
    color:#000
}
.info-page .case-list-box2 .container ul li:hover::after {
    width:100%
}

}
.info-page .case-list-box2 .page-list {
    margin-top:.55rem
}
.page-list {
    width:100%;
    display:flex;
    justify-content:center
}
.page-list a {
    width:.5rem;
    height:.5rem;
    border-radius:5px;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#ccc;
    border:1px solid #eeeeee;
    margin:0 5px;
    transition:all .4s
}
@media (max-width:767px) {
    .page-list a {
    width:.8rem;
    height:.8rem;
    font-size:14px
}

}
.page-list a svg {
    width:30%;
    height:30%
}
.page-list a svg path {
    fill:#1bd629;
    transition:all .4s
}
.page-list a.prev svg {
    transform:rotateZ(90deg)
}
.page-list a.next svg {
    transform:rotateZ(-90deg)
}
@media (min-width:992px) {
    .page-list a:hover {
    background:#1bd629;
    border:1px solid #1bd629;
    color:#fff
}
.page-list a:hover svg path {
    fill:#fff
}

}
.page-list a.on {
    background:#1bd629;
    border:1px solid #1bd629;
    color:#fff
}
.page-list a.on svg path {
    fill:#fff
}
.email-header {
    width:100%;
    position:fixed;
    left:0;
    top:0;
    z-index:99;
    background:#fff;
    height:1.3rem;
    border-bottom:1px solid #d7d7d7;
    display:flex;
    align-items:center
}
.email-header .container {
    display:flex;
    justify-content:space-between;
    align-items:center
}
.email-header .container .logo {
    width:100%;
    display:flex
}
.email-header .container .logo a {
    width:100%;
    display:flex;
    align-items:flex-end
}
.email-header .container .logo a svg {
    flex-shrink:0;
    height:46px
}
.email-header .container .logo a svg .cls-1 {
    fill:#fff
}
.email-header .container .logo a span {
    color:#999;
    line-height:1;
    margin-left:.2rem;
    margin-bottom:.15rem
}
@media (max-width:767px) {
    .email-header .container .logo a span {
    font-size:12px
}

}
.email-header .container .home {
    width:.6rem;
    height:.6rem;
    border-radius:50%;
    background:#1bd629;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-shrink:0
}
@media (max-width:767px) {
    .email-header .container .home {
    width:.8rem;
    height:.8rem
}

}
.email-header .container .home a {
    width:100%;
    height:100%;
    border-radius:50%;
    background:#1bd629;
    display:flex;
    justify-content:center;
    align-items:center
}
.email-header .container .home a svg {
    width:45%;
    height:45%
}
.email-header .container .home a svg path {
    fill:#fff
}
.email-container {
    width:100%;
    height:1.3rem
}
.email-list {
    width:100%
}
.email-list .container .tips {
    color:#999;
    line-height:1.55555556em;
    padding:.42rem .25rem .2rem;
    border-bottom:1px solid #eee
}
.email-list .container ul {
    width:100%
}
.email-list .container ul li {
    width:100%;
    padding:.48rem 0 .5rem .25rem;
    border-bottom:1px solid #eee
}
.email-list .container ul li a {
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:flex-start
}
.email-list .container ul li a .tbox {
    width:64.1221374%;
    padding-top:6px
}
.email-list .container ul li a .tbox .t1 {
    line-height:1.25em;
    color:#333
}
.email-list .container ul li a .tbox .t2 {
    color:#999;
    line-height:1.375em;
    margin-top:.33rem;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden
}
.email-list .container ul li a .public-img {
    width:24.42748092%;
    border-radius:.1rem
}
.email-info {
    width:100%
}
.email-info .email-banner {
    width:100%;
    height:4rem
}
.email-info .email-banner img {
    width:100%;
    height:100%;
    object-fit:cover
}
.email-info .container {
    padding:.4rem 0
}
.email-info .container .title {
    line-height:1.4em;
    color:#333
}
.email-info .container .public-content {
    border-top:1px solid #eee;
    margin-top:.47rem;
    line-height:2em;
    color:#999;
    padding:.3rem 0
}
.email-info .more {
    width:100%;
    display:flex;
    justify-content:center;
    position:fixed;
    left:0;
    bottom:0;
    z-index:3;
    padding:2.5rem 0 .5rem;
    background:linear-gradient(to bottom,rgba(255,255,255,0),#fff)
}
.email-info .more a {
    height:.45rem;
    display:flex;
    align-items:center;
    padding:0 .12rem 0 .2rem;
    border-radius:.27rem;
    position:relative
}
@media (max-width:767px) {
    .email-info .more a {
    height:.8rem;
    border-radius:.4rem;
    padding:0 .2rem 0 .4rem
}

}
.email-info .more a::before {
    content:'';
    width:100%;
    height:.45rem;
    border-radius:.25rem;
    background:#1bd629;
    transition:all .4s;
    position:absolute;
    top:50%;
    right:0;
    transform:translateY(-50%);
    z-index:-1;
    pointer-events:none
}
@media (max-width:767px) {
    .email-info .more a::before {
    height:.8rem;
    border-radius:.4rem
}

}
.email-info .more a span {
    color:#fff;
    line-height:1.55555556em
}
.email-info .more a i {
    width:.22rem;
    height:.22rem;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-left:.1rem;
    transition:all .4s;
    overflow:hidden
}
@media (max-width:767px) {
    .email-info .more a i {
    width:.4rem;
    height:.4rem
}

}
.email-info .more a i svg {
    width:40%;
    height:40%;
    animation:arrowRun 5s infinite
}
.email-info .more a i svg path {
    fill:#fff;
    transition:all .4s
}
@media (min-width:992px) {
    .email-info .more a:hover::before {
    width:.45rem
}
.email-info .more a:hover i {
    background:#1bd629;
    margin-left:.2rem
}
.email-info .more a:hover i svg path {
    fill:#fff
}

}
.contact {
    width:100%;
    position:relative;
    padding:.6rem 0 1.2rem
}
@media (max-width:767px) {
    .contact {
    padding:.8rem 0 0
}

}
.contact .bg {
    width:100%;
    position:absolute;
    top:0;
    left:0;
    pointer-events:none;
    z-index:1
}
.contact .bg img,.contact .bg video {
    width:100%;
    transform:scaleY(-1)
}
.contact .container {
    border:1px solid #eaeaea;
    border-radius:.15rem;
    background:rgba(255,255,255,0.8);
    backdrop-filter:blur(5px);
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    padding:.6rem .62rem .5rem .7rem;
    position:relative;
    z-index:2
}
@media (max-width:991px) {
    .contact .container {
    padding:0;
    flex-direction:column-reverse;
    border:none
}

}
.contact .container .left {
    width:39.75535168%
}
@media (max-width:1600px) {
    .contact .container .left {
    width:47%
}

}
@media (max-width:991px) {
    .contact .container .left {
    width:100%;
    margin-top:.5rem;
    border:1px solid #eaeaea;
    padding:.6rem .3rem;
    border-radius:.15rem
}

}
.contact .container .left .title {
    padding:0 .12rem .34rem;
    line-height:1.33333333em;
    color:#000;
    border-bottom:2px solid #f4f4f4
}
.contact .container .left .lx {
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    flex-wrap:wrap;
    margin-top:.25rem;
    padding:0 .12rem
}
.contact .container .left .lx .sleft .item {
    margin-bottom:.27rem
}
.contact .container .left .lx .sleft .item:last-child {
    margin-bottom:0
}
.contact .container .left .lx .sleft .item .t1 {
    font-size:14px;
    line-height:1.71428571em;
    color:#999
}
.contact .container .left .lx .sleft .item .t2 {
    line-height:1.41666667em;
    color:#333
}
@media (max-width:767px) {
    .contact .container .left .lx .sleft .item .t2 {
    font-size:.4rem
}

}
.contact .container .left .lx .sleft .item .t3 {
    color:#999;
    line-height:1.5em
}
.contact .container .left .lx .sleft .item .t4 {
    line-height:1.2em;
    color:#999999
}
.contact .container .left .lx .wx {
    margin-top:.28rem;
    margin-right:.13rem;
    position:relative
}
.contact .container .left .lx .wx a {
    height:50px;
    border:1px solid #dedede;
    border-radius:25px;
    display:flex;
    align-items:center;
    padding:0 33px 0 23px;
    transition:all .4s;
    position:relative;
    z-index:2;
    background:#fff
}
@media (max-width:767px) {
    .contact .container .left .lx .wx a {
    height:.8rem;
    border-radius:.4rem
}

}
.contact .container .left .lx .wx a i {
    width:24px;
    height:20px;
    display:flex;
    flex-shrink:0
}
.contact .container .left .lx .wx a i svg {
    width:100%;
    height:100%
}
.contact .container .left .lx .wx a i svg path {
    fill:#1bd629;
    transition:all .4s
}
.contact .container .left .lx .wx a span {
    color:#1bd629;
    margin-left:.1rem;
    transition:all .4s
}
@media (min-width:992px) {
    .contact .container .left .lx .wx a:hover {
    background:#1bd629;
    border:1px solid #1bd629
}
.contact .container .left .lx .wx a:hover span {
    color:#fff
}
.contact .container .left .lx .wx a:hover i svg path {
    fill:#fff
}

}
.contact .container .left .lx .wx a.on {
    background:#1bd629;
    border:1px solid #1bd629
}
.contact .container .left .lx .wx a.on span {
    color:#fff
}
.contact .container .left .lx .wx a.on i svg path {
    fill:#fff
}
.contact .container .left .lx .wx .wx-tc {
    width:150px;
    height:150px;
    padding:.18rem;
    position:absolute;
    top:calc(100% + .23rem);
    left:50%;
    transform:translateX(-50%);
    background:#fff;
    border:1px solid #dedede;
    border-radius:.1rem;
    z-index:1;
    transition:all .4s;
    opacity:0;
    pointer-events:none
}
@media (max-width:767px) {
    .contact .container .left .lx .wx .wx-tc {
    width:2.8rem;
    height:2.8rem;
    opacity:1;
    display:none;
    transition:all 0s
}

}
.contact .container .left .lx .wx .wx-tc::before {
    content:'';
    border-bottom:8px solid #fff;
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    position:absolute;
    left:50%;
    bottom:100%;
    transform:translateX(-50%);
    z-index:2
}
.contact .container .left .lx .wx .wx-tc::after {
    content:'';
    border-bottom:8px solid #dedede;
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    position:absolute;
    left:50%;
    bottom:calc(100% + 1px);
    transform:translateX(-50%)
}
.contact .container .left .lx .wx .wx-tc img {
    width:100%
}
@media (min-width:992px) {
    .contact .container .left .lx .wx:hover .wx-tc {
    opacity:1;
    pointer-events:stroke
}

}
.contact .container .left .address {
    margin-top:.63rem;
    padding:0 .12rem
}
.contact .container .left .address .t1 {
    font-size:14px;
    line-height:1.71428571em;
    color:#999
}
.contact .container .left .address .t2 {
    line-height:1.3em;
    color:#333;
    margin-top:3px
}
.contact .container .left .address .more {
    display:flex;
    margin-top:.3rem
}
.contact .container .left .address .more a {
    height:50px;
    border:1px solid #dedede;
    border-radius:25px;
    display:flex;
    align-items:center;
    padding:0 .33rem 0 .23rem;
    transition:all .4s
}
@media (max-width:767px) {
    .contact .container .left .address .more a {
    height:.8rem;
    border-radius:.4rem
}

}
.contact .container .left .address .more a i {
    width:24px;
    height:20px;
    display:flex
}
.contact .container .left .address .more a i svg {
    width:100%;
    height:100%
}
.contact .container .left .address .more a i svg path {
    fill:#1bd629;
    transition:all .4s
}
.contact .container .left .address .more a span {
    color:#1bd629;
    margin-left:.2rem;
    transition:all .4s
}
@media (min-width:992px) {
    .contact .container .left .address .more a:hover {
    background:#1bd629;
    border:1px solid #1bd629
}
.contact .container .left .address .more a:hover span {
    color:#fff
}
.contact .container .left .address .more a:hover i svg path {
    fill:#fff
}

}
.contact .container .left .add-team {
    width:100%;
    border-top:1px solid #f4f4f4;
    margin-top:.6rem;
    padding:.46rem 0 0 .15rem;
    line-height:1.5em;
    color:#333;
    display:flex;
    flex-wrap:wrap
}
.contact .container .left .add-team .as {
    position:relative;
    z-index:1;
    display:inline-block
}
.contact .container .left .add-team .as a {
    display:inline-flex;
    align-items:center
}
.contact .container .left .add-team .as a span {
    color:#1bd629;
    text-decoration:underline;
    margin-right:.05rem
}
.contact .container .left .add-team .as a i {
    width:20px;
    height:20px;
    display:flex;
    justify-content:center;
    align-items:center;
    transition:all .4s
}
.contact .container .left .add-team .as a i svg {
    width:50%;
    height:50%
}
.contact .container .left .add-team .as a i svg path {
    fill:#1bd629
}
@media (min-width:992px) {
    .contact .container .left .add-team .as a:hover i {
    transform:translateX(.1rem)
}

}
.contact .container .left .add-team .as .contact-join-tc {
    width:300px;
    position:absolute;
    top:calc(100% + 15px);
    left:calc(50% - 12px);
    transform:translateX(-50%);
    z-index:2;
    background:#fff;
    border:1px solid #eee;
    border-radius:5px;
    font-size:14px;
    line-height:20px;
    padding:15px 0 15px 25px;
    display:none
}
.contact .container .left .add-team .as .contact-join-tc.on {
    display:block !important
}
.contact .container .left .add-team .as .contact-join-tc::before {
    content:'';
    border-bottom:7px solid #fff;
    border-left:7px solid transparent;
    border-right:7px solid transparent;
    position:absolute;
    bottom:100%;
    left:50%;
    transform:translateX(-50%);
    z-index:3
}
.contact .container .left .add-team .as .contact-join-tc::after {
    content:'';
    border-bottom:9px solid #eee;
    border-left:9px solid transparent;
    border-right:9px solid transparent;
    position:absolute;
    bottom:100%;
    left:50%;
    transform:translateX(-50%);
    z-index:2
}
.contact .container .left .add-team .as .contact-join-tc a {
    color:#1bd629;
    text-decoration:underline
}
.contact .container .left .followUs {
    display:flex;
    align-items:flex-end;
    padding:.3rem 0 0 .15rem
}
.contact .container .left .followUs .ewm {
    width:128px;
    background:#fff;
    border:1px solid #f1f1f1;
    border-radius:.1rem;
    padding:8px 6px
}
.contact .container .left .followUs .ewm .img img {
    width:100%
}
.contact .container .left .followUs .txt {
    font-size:14px;
    padding-left:.2rem;
    padding-bottom:10px
}
.contact .container .right {
    width:47.40061162%
}
@media (max-width:1280px) {
    .contact .container .right {
    width:49%
}

}
@media (max-width:991px) {
    .contact .container .right {
    width:100%;
    border:1px solid #eaeaea;
    padding:.6rem .3rem;
    border-radius:.15rem
}

}
.contact .container .right .title {
    padding:0 .12rem .34rem;
    line-height:1.33333333em;
    color:#000;
    border-bottom:2px solid #f4f4f4
}
.contact .container .right .form {
    width:100%;
    padding:.26rem .11rem 0
}
.contact .container .right .form form {
    width:100%;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
.contact .container .right .form form .item {
    width:100%;
    margin-bottom:.25rem
}
@media (max-width:1600px) {
    .contact .container .right .form form .item {
    margin-bottom:.15rem
}

}
.contact .container .right .form form .item.item1 {
    width:45.65217391%
}
@media (max-width:767px) {
    .contact .container .right .form form .item.item1 {
    width:100%
}

}
.contact .container .right .form form .item.item2 {
    width:49.27536232%
}
@media (max-width:767px) {
    .contact .container .right .form form .item.item2 {
    width:100%
}

}
.contact .container .right .form form .item .ts {
    display:flex;
    align-items:center;
    line-height:1.71428571em
}
.contact .container .right .form form .item .ts span {
    color:#333
}
.contact .container .right .form form .item .ts i {
    color:#1bd629;
    font-style:normal
}
.contact .container .right .form form .item .txt {
    width:100%;
    height:45px;
    border:1px solid #ccc;
    border-radius:.05rem;
    padding-left:.15rem;
    color:#1bd629;
    transition:all .4s;
    margin-top:2px
}
@media (max-width:991px) {
    .contact .container .right .form form .item .txt {
    height:.6rem
}

}
@media (max-width:767px) {
    .contact .container .right .form form .item .txt {
    height:.8rem;
    border-radius:.15rem
}

}
.contact .container .right .form form .item .txt::placeholder {
    color:#ccc;
    transition:all .4s
}
.contact .container .right .form form .item .txt:focus {
    border:1px solid #1bd629
}
.contact .container .right .form form .item .txt:focus::placeholder {
    color:#1bd629
}
.contact .container .right .form form .item .text {
    width:100%;
    height:1.2rem;
    border:1px solid #ccc;
    border-radius:.05rem;
    padding:.13rem .15rem;
    color:#1bd629;
    transition:all .4s;
    margin-top:2px;
    line-height:1.5em
}
@media (max-width:767px) {
    .contact .container .right .form form .item .text {
    border-radius:.15rem
}

}
.contact .container .right .form form .item .text::placeholder {
    color:#ccc;
    transition:all .4s
}
.contact .container .right .form form .item .text:focus {
    border:1px solid #1bd629
}
.contact .container .right .form form .item .text:focus::placeholder {
    color:#1bd629
}
.contact .container .right .form form .item .ck {
    width:100%
}
.contact .container .right .form form .item .ck ul {
    width:100%;
    display:flex;
    flex-wrap:wrap
}
.contact .container .right .form form .item .ck ul li {
    min-width:110px;
    display:flex;
    align-items:center;
    margin-top:7px;
    padding-right:.22rem;
    cursor:pointer
}
.contact .container .right .form form .item .ck ul li i {
    width:16px;
    height:16px;
    border:1px solid #e7e7e7;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:3px;
    transition:all .4s;
    padding-bottom:2px
}
.contact .container .right .form form .item .ck ul li i::before {
    content:'';
    width:7px;
    height:3px;
    border-left:1px solid #fff;
    border-bottom:1px solid #fff;
    display:block;
    transform:rotateZ(-45deg)
}
.contact .container .right .form form .item .ck ul li span {
    color:#999;
    font-size:14px;
    line-height:1.71428571em;
    margin-left:.12rem
}
.contact .container .right .form form .item .ck ul li.on i {
    border:1px solid #1bd629;
    background:#1bd629
}
.contact .container .right .form form .btn {
    width:100%;
    height:45px;
    border-radius:5px;
    background:#1bd629;
    color:#fff;
    margin-top:10px
}
@media (max-width:767px) {
    .contact .container .right .form form .btn {
    height:.8rem;
    margin-top:.3rem
}

}
.contact .container .right .form form .tips {
    display:flex;
    align-items:center;
    cursor:pointer;
    margin-top:.23rem
}
.contact .container .right .form form .tips i {
    width:18px;
    height:18px;
    border-radius:50%;
    border:1px solid #e7e7e7;
    display:flex;
    justify-content:center;
    align-items:center;
    transition:all .4s;
    padding-bottom:2px;
    margin-right:.12rem
}
.contact .container .right .form form .tips i::before {
    content:'';
    width:7px;
    height:3px;
    border-left:1px solid #fff;
    border-bottom:1px solid #fff;
    display:block;
    transform:rotateZ(-45deg)
}
.contact .container .right .form form .tips span {
    font-size:14px;
    line-height:1.71428571em;
    color:#a7a7a7
}
.contact .container .right .form form .tips span a {
    color:#a7a7a7;
    text-decoration:underline;
    transition:all .4s
}
@media (min-width:992px) {
    .contact .container .right .form form .tips span a:hover {
    color:#1bd629
}

}
.contact .container .right .form form .tips.on i {
    border:1px solid #1bd629;
    background:#1bd629
}
.service-box1 {
    width:100%;
    margin-top:1rem;
    overflow:hidden
}
.service-box1 .img {
    width:100%;
    height:5rem;
    overflow:hidden;
    position:relative;
    z-index:1
}
@media (max-width:1600px) {
    .service-box1 .img {
    height:6.5rem
}

}
.service-box1 .img .video {
    width:100%;
    height:100%;
    transform:translateY(-1rem)
}
@media (max-width:767px) {
    .service-box1 .img .video {
    height:7.5rem
}

}
.service-box1 .img .video img {
    width:100%;
    height:100%;
    object-fit:cover
}
.service-box1 .img .video video {
    width:100%;
    height:100%;
    object-fit:cover
}
.service-box1 .container {
    padding:1.1rem 0 1.03rem
}
.service-box1 .container .title {
    text-align:center;
    line-height:1.3em;
    color:#000
}
.service-box1 .container .title span {
    transform:scale(1.5);
    display:block
}
.service-box1 .container .icons {
    display:flex;
    justify-content:center;
    margin-top:.92rem;
    transform:translateY(-0.92rem);
    opacity:0
}
.service-box1 .container .icons p {
    width:40px;
    height:40px;
    display:flex;
    justify-content:center;
    align-items:center;
    position:relative;
    z-index:2
}
.service-box1 .container .icons p::before {
    content:'';
    width:100%;
    height:100%;
    border:2px solid #f5f7f9;
    border-radius:50%;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    animation:scale2 2s linear infinite;
    z-index:-1
}
.service-box1 .container .icons p::after {
    content:'';
    width:100%;
    height:100%;
    border:2px solid #f5f7f9;
    border-radius:50%;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    animation:scale2 2s 1s linear infinite;
    z-index:-1
}
.service-box1 .container .icons span {
    width:100%;
    height:100%;
    border-radius:50%;
    border:2px solid #1bd629;
    display:flex;
    justify-content:center;
    align-items:center;
    position:relative;
    z-index:2
}
.service-box1 .container .icons span svg {
    width:12px;
    height:12px;
    animation:scroll2 2s forwards linear infinite
}
.service-box1 .container .icons span svg path {
    fill:#1bd629
}
.service-box2 {
    width:100%;
    padding-bottom:1.18rem
}
.service-box2 .container {
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    position:sticky;
    position:-webkit-sticky;
    top:1.2rem
}
@media (max-width:1280px) {
    .service-box2 .container {
    top:.5rem
}

}
@media (min-width:1921px) {
    .service-box2 .container {
    top:20vh
}

}
.service-box2 .container .img-box {
    width:50%
}
@media (max-width:1280px) {
    .service-box2 .container .img-box {
    width:45%
}

}
@media (max-width:991px) {
    .service-box2 .container .img-box {
    display:none
}

}
.service-box2 .container .img-box ul {
    width:100%;
    position:relative
}
.service-box2 .container .img-box ul li {
    width:100%;
    position:absolute;
    top:0;
    opacity:0;
    transition:all .4s
}
.service-box2 .container .img-box ul li:nth-child(1) {
    position:relative
}
.service-box2 .container .img-box ul li .public-img {
    width:100%;
    border-radius:.15rem
}
.service-box2 .container .img-box ul li .public-img::before {
    padding-top:104.16666667%
}
.service-box2 .container .img-box ul li .public-img img {
    border-radius:.18rem
}
.service-box2 .container .img-box ul li .public-img video {
    width:100%;
    height:100%;
    object-fit:cover;
    position:absolute;
    top:0;
    left:0;
    z-index:3;
    filter:grayscale(100%)
}
.service-box2 .container .img-box ul li .public-img .video-zz {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:4;
    overflow:hidden
}
.service-box2 .container .img-box ul li .public-img .video-zz img {
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:0
}
.service-box2 .container .img-box ul li.on {
    z-index:3;
    opacity:1
}
.service-box2 .container .text-box {
    width:45.13888889%;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
    position:relative;
    overflow:hidden
}
@media (max-width:991px) {
    .service-box2 .container .text-box {
    width:100%;
    border-bottom:none;
    overflow:initial
}

}
.service-box2 .container .text-box ul {
    width:100%;
    height:100%;
    display:flex;
    flex-wrap:wrap
}
.service-box2 .container .text-box ul li {
    width:100%;
    background:#fff;
    border-bottom:1px solid #eee;
    padding:0 .24rem;
    overflow:hidden;
    position:relative;
    box-sizing:border-box
}
@media (max-width:991px) {
    .service-box2 .container .text-box ul li {
    padding:0;
    position:relative
}
.service-box2 .container .text-box ul li:nth-child(1) {
    top:initial
}
.service-box2 .container .text-box ul li:nth-child(2) {
    top:initial
}
.service-box2 .container .text-box ul li:nth-child(3) {
    top:initial
}
.service-box2 .container .text-box ul li:nth-child(4) {
    top:initial
}

}
.service-box2 .container .text-box ul li::before {
    content:'';
    width:0;
    height:1px;
    background:#1bd629;
    position:absolute;
    left:0;
    bottom:0;
    transition:all .6s
}
.service-box2 .container .text-box ul li .title {
    height:.7rem;
    display:flex;
    align-items:center;
    transform-origin:left center;
    cursor:pointer
}
@media (max-width:1600px) {
    .service-box2 .container .text-box ul li .title {
    height:.9rem
}

}
@media (max-width:991px) {
    .service-box2 .container .text-box ul li .title {
    height:1.3rem;
    font-size:.4rem
}

}
.service-box2 .container .text-box ul li .title p {
    line-height:1.5em;
    color:#cacaca;
    display:flex;
    align-items:center
}
@media (max-width:991px) {
    .service-box2 .container .text-box ul li .title p {
    color:#333
}

}
.service-box2 .container .text-box ul li .title p span {
    transition:all .4s;
    margin-right:.1rem
}
@media (max-width:991px) {
    .service-box2 .container .text-box ul li .title p span {
    color:#1bd629
}

}
.service-box2 .container .text-box ul li .title p i {
    width:8px;
    height:8px;
    display:flex;
    margin-left:.1rem;
    margin-top:-14px
}
.service-box2 .container .text-box ul li .title p i svg {
    width:100%;
    height:100%
}
.service-box2 .container .text-box ul li .title p i svg path {
    fill:#cacaca;
    transition:all .4s
}
@media (max-width:991px) {
    .service-box2 .container .text-box ul li .title p i svg path {
    fill:#1bd629
}

}
.service-box2 .container .text-box ul li .tbox {
    width:100%;
    padding:0 0 .84rem;
    transform:scale(.9);
    transform-origin:left top
}
@media (max-width:991px) {
    .service-box2 .container .text-box ul li .tbox {
    transform:scale(1)
}

}
.service-box2 .container .text-box ul li .tbox .public-img {
    width:100%;
    border-radius:.15rem;
    display:none
}
@media (max-width:991px) {
    .service-box2 .container .text-box ul li .tbox .public-img {
    display:block
}

}
.service-box2 .container .text-box ul li .tbox .public-img::before {
    padding-top:52.08333333%
}
.service-box2 .container .text-box ul li .tbox .public-img video {
    width:100%;
    height:100%;
    object-fit:cover;
    position:absolute;
    top:0;
    left:0;
    z-index:3
}
.service-box2 .container .text-box ul li .tbox .public-img .video-zz {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:4;
    overflow:hidden
}
.service-box2 .container .text-box ul li .tbox .public-img .video-zz img {
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:0
}
.service-box2 .container .text-box ul li .tbox .txt {
    line-height:1.5em;
    color:#999;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:4;
    overflow:hidden
}
@media (max-width:991px) {
    .service-box2 .container .text-box ul li .tbox .txt {
    line-height:1.625em
}

}
.service-box2 .container .text-box ul li .tbox .tlist {
    width:100%;
    display:flex;
    flex-wrap:wrap;
    margin-top:.4rem
}
.service-box2 .container .text-box ul li .tbox .tlist .ts {
    width:25%;
    position:relative;
    padding:0 .1rem .1rem
}
@media (max-width:767px) {
    .service-box2 .container .text-box ul li .tbox .tlist .ts {
    width:33.33%
}

}
.service-box2 .container .text-box ul li .tbox .tlist .ts::after {
    content:'';
    width:1px;
    height:.7rem;
    background:#ededed;
    position:absolute;
    left:0;
    top:.1rem
}
.service-box2 .container .text-box ul li .tbox .tlist .ts .icon {
    width:.56rem;
    height:.56rem;
    display:flex;
    justify-content:center;
    align-items:center;
    margin:0 auto
}
.service-box2 .container .text-box ul li .tbox .tlist .ts .icon img {
    width:60%;
    height:60%
}
.service-box2 .container .text-box ul li .tbox .tlist .ts .tst {
    color:#333;
    line-height:1.5em;
    text-align:center;
    margin-top:4px;
    font-size:14px
}
@media (max-width:1100px) {
    .service-box2 .container .text-box ul li .tbox .tlist .ts .tst {
    font-size:12px
}

}
.service-box2 .container .text-box ul li .tbox .tlist-app {
    width:100%;
    display:flex;
    flex-wrap:wrap;
    margin-top:.3rem
}
@media (max-width:1100px) {
    .service-box2 .container .text-box ul li .tbox .tlist-app {
    margin-top:.2rem
}

}
.service-box2 .container .text-box ul li .tbox .tlist-app .ts {
    width:25%;
    position:relative;
    padding:0 .1rem .1rem
}
@media (max-width:767px) {
    .service-box2 .container .text-box ul li .tbox .tlist-app .ts {
    width:33.33%
}

}
.service-box2 .container .text-box ul li .tbox .tlist-app .ts::after {
    content:'';
    width:1px;
    height:.7rem;
    background:#ededed;
    position:absolute;
    left:0;
    top:.1rem
}
@media (max-width:767px) {
    .service-box2 .container .text-box ul li .tbox .tlist-app .ts::after {
    height:1.2rem
}

}
.service-box2 .container .text-box ul li .tbox .tlist-app .ts .icon {
    width:.56rem;
    height:.56rem;
    display:flex;
    justify-content:center;
    align-items:center;
    margin:0 auto
}
.service-box2 .container .text-box ul li .tbox .tlist-app .ts .icon img {
    width:60%;
    height:60%
}
.service-box2 .container .text-box ul li .tbox .tlist-app .ts .tst {
    color:#333;
    line-height:1.5em;
    text-align:center;
    margin-top:4px;
    font-size:14px
}
@media (max-width:1100px) {
    .service-box2 .container .text-box ul li .tbox .tlist-app .ts .tst {
    font-size:12px
}

}
.service-box2 .container .text-box ul li .tbox .tlist-xmt {
    width:100%
}
.service-box2 .container .text-box ul li .tbox .tlist-xmt .ts {
    width:100%;
    display:flex;
    border-bottom:1px solid #eee;
    padding:.3rem .18rem .45rem
}
@media (max-width:1600px) {
    .service-box2 .container .text-box ul li .tbox .tlist-xmt .ts {
    padding:.25rem .18rem
}

}
@media (max-width:1100px) {
    .service-box2 .container .text-box ul li .tbox .tlist-xmt .ts {
    padding:.2rem .18rem
}

}
.service-box2 .container .text-box ul li .tbox .tlist-xmt .ts:last-child {
    border-bottom:none
}
.service-box2 .container .text-box ul li .tbox .tlist-xmt .ts .icon {
    width:.56rem;
    height:.56rem;
    display:flex;
    flex-shrink:0
}
.service-box2 .container .text-box ul li .tbox .tlist-xmt .ts .icon img {
    width:60%;
    height:60%
}
.service-box2 .container .text-box ul li .tbox .tlist-xmt .ts .tb {
    margin-left:.24rem
}
.service-box2 .container .text-box ul li .tbox .tlist-xmt .ts .tb .t1 {
    color:#666;
    line-height:1.41666667em
}
.service-box2 .container .text-box ul li .tbox .tlist-xmt .ts .tb .t2 {
    color:#999;
    line-height:1.5em
}
@media (min-width:992px) {
    .service-box2 .container .text-box ul li:hover::before {
    width:100%
}
.service-box2 .container .text-box ul li:hover .title p {
    color:#333
}
.service-box2 .container .text-box ul li:hover .title p span {
    color:#1bd629
}
.service-box2 .container .text-box ul li:hover .title p i svg path {
    fill:#1bd629
}

}
.service-box2 .container .text-box ul li.on .title p {
    color:#333
}
.service-box2 .container .text-box ul li.on .title p span {
    color:#1bd629
}
.service-box2 .container .text-box ul li.on .title p i svg path {
    fill:#1bd629
}
.service-box2.service-sem .container .text-box ul li .tbox .txt {
    -webkit-line-clamp:5
}
.service-box2a {
    width:100%;
    padding:0 0 1.23rem
}
.service-box2a .container .list {
    width:95%;
    margin:0 auto
}
@media (max-width:991px) {
    .service-box2a .container .list {
    width:100%
}

}
.service-box2a .container .list ul li {
    width:100%;
    border-radius:.15rem;
    background:#fff;
    border:1px solid #eee;
    padding:.4rem;
    display:flex;
    justify-content:space-between;
    margin-bottom:20px;
    position:sticky;
    position:-webkit-sticky;
    transform-origin:top center
}
.service-box2a .container .list ul li:nth-child(1) {
    top:10px
}
.service-box2a .container .list ul li:nth-child(2) {
    top:40px
}
.service-box2a .container .list ul li:last-child {
    margin-bottom:0
}
@media (max-width:991px) {
    .service-box2a .container .list ul li {
    padding:.2rem .4rem .4rem
}

}
.service-box2a .container .list ul li .lbox {
    width:50%
}
@media (max-width:1100px) {
    .service-box2a .container .list ul li .lbox {
    width:45%
}

}
@media (max-width:991px) {
    .service-box2a .container .list ul li .lbox {
    display:none
}

}
.service-box2a .container .list ul li .lbox .public-img {
    width:100%;
    border-radius:.15rem
}
.service-box2a .container .list ul li .lbox .public-img::before {
    padding-top:104.16666667%
}
.service-box2a .container .list ul li .rbox {
    width:45.13888889%
}
@media (max-width:1100px) {
    .service-box2a .container .list ul li .rbox {
    width:52%
}

}
@media (max-width:991px) {
    .service-box2a .container .list ul li .rbox {
    width:100%
}

}
.service-box2a .container .list ul li .rbox .title {
    display:flex;
    align-items:center;
    transform-origin:left center;
    padding:.33rem .26rem .26rem;
    border-bottom:1px solid #1bd629
}
@media (max-width:1100px) {
    .service-box2a .container .list ul li .rbox .title {
    padding:.2rem .26rem
}

}
@media (max-width:991px) {
    .service-box2a .container .list ul li .rbox .title {
    height:1.3rem;
    font-size:.4rem
}

}
.service-box2a .container .list ul li .rbox .title p {
    line-height:1.23809524em;
    color:#333;
    display:flex;
    align-items:center
}
.service-box2a .container .list ul li .rbox .title p span {
    transition:all .4s;
    margin-right:.1rem
}
.service-box2a .container .list ul li .rbox .title p i {
    width:10px;
    height:10px;
    display:flex;
    margin-left:.1rem;
    margin-top:-0.1rem
}
.service-box2a .container .list ul li .rbox .title p i svg {
    width:100%;
    height:100%
}
.service-box2a .container .list ul li .rbox .title p i svg path {
    fill:#1bd629;
    transition:all .4s
}
.service-box2a .container .list ul li .rbox .tbox {
    width:100%
}
@media (max-width:991px) {
    .service-box2a .container .list ul li .rbox .tbox {
    margin-top:.2rem
}

}
.service-box2a .container .list ul li .rbox .tbox .public-img {
    width:100%;
    border-radius:.15rem;
    display:none
}
@media (max-width:991px) {
    .service-box2a .container .list ul li .rbox .tbox .public-img {
    display:block
}

}
.service-box2a .container .list ul li .rbox .tbox .public-img::before {
    padding-top:104.16666667%
}
.service-box2a .container .list ul li .rbox .tbox .tlist {
    width:100%;
    margin-top:.3rem
}
@media (max-width:1100px) {
    .service-box2a .container .list ul li .rbox .tbox .tlist {
    margin-top:.2rem
}

}
.service-box2a .container .list ul li .rbox .tbox .tlist .ts {
    width:100%;
    display:flex;
    border-bottom:1px solid #eee;
    padding:.3rem .18rem .45rem
}
@media (max-width:1100px) {
    .service-box2a .container .list ul li .rbox .tbox .tlist .ts {
    padding:.2rem .18rem
}

}
.service-box2a .container .list ul li .rbox .tbox .tlist .ts .icon {
    width:.56rem;
    height:.56rem;
    display:flex;
    flex-shrink:0
}
.service-box2a .container .list ul li .rbox .tbox .tlist .ts .icon img {
    width:100%;
    height:100%
}
.service-box2a .container .list ul li .rbox .tbox .tlist .ts .tb {
    margin-left:.24rem
}
.service-box2a .container .list ul li .rbox .tbox .tlist .ts .tb .t1 {
    color:#666;
    line-height:1.41666667em
}
.service-box2a .container .list ul li .rbox .tbox .tlist .ts .tb .t2 {
    color:#999;
    line-height:1.5em
}
.service-box3 {
    width:100%
}
.service-box3 .container {
    position:relative;
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    padding:.69rem 1.23rem .69rem .84rem
}
@media (max-width:767px) {
    .service-box3 .container {
    padding:.5rem .3rem
}

}
.service-box3 .container .bg {
    width:100%;
    height:100%;
    border-radius:.15rem;
    overflow:hidden;
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
    pointer-events:none
}
.service-box3 .container .bg img {
    width:100%;
    height:100%;
    object-fit:cover
}
@media (max-width:991px) {
    .service-box3 .container .tbox {
    width:100%
}

}
.service-box3 .container .tbox .title {
    line-height:1.33333333em;
    color:#000
}
@media (max-width:767px) {
    .service-box3 .container .tbox .title {
    text-align:center
}

}
.service-box3 .container .tbox .txt {
    line-height:1.5em;
    color:#999;
    margin-top:.16rem
}
@media (max-width:767px) {
    .service-box3 .container .tbox .txt {
    text-align:center
}
.service-box3 .container .tbox .txt br {
    display:none
}

}
@media (max-width:991px) {
    .service-box3 .container .ck {
    margin-top:.3rem
}

}
@media (max-width:767px) {
    .service-box3 .container .ck {
    margin:.5rem auto 0
}

}
.service-box3 .container .ck .tips {
    width:100%;
    color:#999;
    font-size:14px;
    line-height:1.71428571em;
    margin-top:.1rem;
    padding-left:.27rem
}
@media (max-width:767px) {
    .service-box3 .container .ck .tips {
    text-align:center;
    padding-left:0
}

}
.service-box4-7 {
    width:100%;
    position:relative
}
.service-box4-7 .bg {
    width:100%;
    height:100vh;
    position:sticky;
    position:-webkit-sticky;
    top:0;
    overflow:hidden;
    display:flex;
    align-items:flex-end;
    z-index:-1
}
.service-box4-7 .bg video {
    width:100%
}
.service-box4-7 .service-box4-7s {
    width:100%;
    margin-top:-100vh;
    position:relative;
    z-index:1
}
.service-box4 {
    width:100%;
    padding:1.04rem 0 1.24rem
}
@media (max-width:767px) {
    .service-box4 {
    padding:1rem 0 .5rem
}

}
.service-box4 .container {
    position:relative
}
.service-box4 .container .top {
    width:100%;
    display:flex;
    justify-content:space-between
}
.service-box4 .container .top .title {
    display:flex;
    align-items:flex-end
}
.service-box4 .container .top .title .ts span {
    line-height:1.3em;
    color:#333;
    display:block
}
.service-box4 .container .top .title i {
    width:.3rem;
    height:.3rem;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:.22rem;
    overflow:hidden
}
@media (max-width:1600px) {
    .service-box4 .container .top .title i {
    margin-bottom:.42rem;
    margin-left:3px
}

}
@media (max-width:767px) {
    .service-box4 .container .top .title i {
    margin-bottom:.3rem
}

}
.service-box4 .container .top .title i svg {
    width:50%;
    height:50%;
    animation:arrowRun 5s infinite
}
.service-box4 .container .top .title i svg path {
    fill:#1bd629
}
.service-box4 .container .list {
    width:100%;
    margin-top:.85rem
}
@media (max-width:767px) {
    .service-box4 .container .list.mb-list ul {
    width:100%;
    margin:0
}
.service-box4 .container .list.mb-list ul li {
    width:100%;
    margin:0 0 .4rem
}
.service-box4 .container .list.mb-list ul li a .tbox .t1 {
    font-size:.28rem
}
.service-box4 .container .list.mb-list ul li a .tbox .txt {
    font-size:.32rem
}

}
.service-box4 .container .list ul {
    width:calc(100% + .7rem);
    margin:0 -0.35rem;
    display:flex;
    flex-wrap:wrap;
    align-items:stretch
}
@media (max-width:767px) {
    .service-box4 .container .list ul {
    width:calc(100% + .3rem);
    margin:0 -0.15rem
}

}
.service-box4 .container .list ul li {
    width:calc(33.33% - .7rem);
    margin:0 .35rem .4rem;
    background:#fff;
    border:1px solid #eee;
    border-radius:.1rem;
    padding:.13rem .13rem .3rem;
    overflow:hidden;
    height:555px
}
@media (max-width:1600px) {
    .service-box4 .container .list ul li {
    height:510px
}

}
@media (max-width:1366px) {
    .service-box4 .container .list ul li {
    height:450px
}

}
@media (max-width:1024px) {
    .service-box4 .container .list ul li {
    height:375px
}

}
@media (max-width:991px) {
    .service-box4 .container .list ul li {
    width:calc(50% - .7rem);
    height:auto
}

}
@media (max-width:767px) {
    .service-box4 .container .list ul li {
    width:calc(50% - .3rem);
    margin:0 .15rem .5rem;
    padding:0 0 .5rem 0
}

}
.service-box4 .container .list ul li a {
    width:100%;
    display:block
}
.service-box4 .container .list ul li a .public-img {
    width:100%;
    border-radius:.1rem
}
.service-box4 .container .list ul li a .public-img::before {
    transition:all .4s
}
@media (max-width:767px) {
    .service-box4 .container .list ul li a .public-img {
    border-radius:.1rem .1rem 0 0
}

}
.service-box4 .container .list ul li a .tbox {
    width:100%;
    margin-top:.37rem;
    padding:0 .7rem 0 .2rem;
    position:relative
}
@media (max-width:767px) {
    .service-box4 .container .list ul li a .tbox {
    padding:0 .2rem
}

}
.service-box4 .container .list ul li a .tbox .t1 {
    color:#666;
    display:flex;
    line-height:1.625em
}
.service-box4 .container .list ul li a .tbox .t1 span {
    color:#1bd629;
    padding-right:.11rem;
    margin-right:.09rem;
    position:relative
}
.service-box4 .container .list ul li a .tbox .t1 span::after {
    content:'';
    width:1px;
    height:13px;
    background:#ddd;
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%)
}
.service-box4 .container .list ul li a .tbox .txt {
    line-height:1.33333333em;
    color:#333;
    margin-top:.18rem;
    display:-webkit-box;
    overflow:hidden;
    text-overflow:ellipsis;
    word-wrap:break-word;
    word-break:break-all;
    white-space:normal !important;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    height:1.33333333em
}
@media (max-width:767px) {
    .service-box4 .container .list ul li a .tbox .txt {
    height:1.3em
}

}
@media (max-width:767px) {
    .service-box4 .container .list ul li a .tbox .txt {
    font-size:.26rem
}

}
.service-box4 .container .list ul li a .tbox .mores {
    color:#1bd629;
    display:flex;
    align-items:center;
    position:absolute;
    top:calc(100% + .4rem);
    left:.2rem;
    opacity:0;
    transition:all .6s
}
@media (max-width:767px) {
    .service-box4 .container .list ul li a .tbox .mores {
    display:none
}

}
.service-box4 .container .list ul li a .tbox .mores i {
    display:flex;
    margin-left:.1rem
}
.service-box4 .container .list ul li a .tbox .mores i svg {
    transform:rotateZ(-90deg)
}
.service-box4 .container .list ul li a .tbox .mores i svg path {
    fill:#1bd629
}
@media (min-width:992px) {
    .service-box4 .container .list ul li:hover a .public-img::before {
    padding-top:90%
}
.service-box4 .container .list ul li:hover a .public-img img {
    transform:scale(1.05)
}
.service-box4 .container .list ul li:hover a .tbox .mores {
    transform:translateY(-0.1rem);
    opacity:1
}

}
.service-box4 .container .mores {
    position:absolute;
    right:0;
    top:.5rem
}
@media (max-width:767px) {
    .service-box4 .container .mores {
    position:relative;
    display:flex;
    justify-content:center;
    margin-top:.2rem;
    top:initial;
    right:initial
}

}
.service-box5 {
    width:100%;
    padding:0 0 .7rem;
    background:#fff;
    position:relative;
    z-index:2
}
@media (max-width:767px) {
    .service-box5 {
    padding:.7rem 0 1.2rem
}

}
.service-box5::before {
    content:'';
    width:100%;
    height:1.5rem;
    background:linear-gradient(to top,#fff,rgba(255,255,255,0));
    position:absolute;
    top:-1.5rem;
    left:0
}
@media (max-width:767px) {
    .service-box5::before {
    display:none
}

}
.service-box5 .container {
    position:relative
}
.service-box5 .container .top {
    width:100%;
    display:flex;
    justify-content:space-between
}
.service-box5 .container .top .left .t1 {
    color:#999;
    line-height:1.5em
}
.service-box5 .container .top .left .title {
    display:flex;
    align-items:flex-end;
    margin-top:.12rem
}
.service-box5 .container .top .left .title span {
    line-height:1.27777778em;
    color:#333;
    display:block
}
.service-box5 .container .top .public-btn {
    margin-top:.2rem
}
.service-box5 .container .list {
    width:100%;
    margin-top:.92rem
}
.service-box5 .container .list ul {
    width:calc(100% + .9rem);
    margin:0 -0.45rem;
    display:flex;
    flex-wrap:wrap
}
@media (max-width:991px) {
    .service-box5 .container .list ul {
    width:calc(100% + .4rem);
    margin:0 -0.2rem
}

}
@media (max-width:767px) {
    .service-box5 .container .list ul {
    width:100%;
    margin:0
}

}
.service-box5 .container .list ul li {
    width:calc(33.33% - .9rem);
    border-radius:.1rem;
    overflow:hidden;
    border:1px solid #eee;
    margin:0 .45rem .48rem
}
@media (max-width:991px) {
    .service-box5 .container .list ul li {
    width:calc(33.33% - .4rem);
    margin:0 .2rem .48rem
}

}
@media (max-width:767px) {
    .service-box5 .container .list ul li {
    width:100%;
    margin:0 0 .4rem
}
.service-box5 .container .list ul li:last-child {
    margin-bottom:0
}

}
.service-box5 .container .list ul li a {
    width:100%;
    display:block
}
.service-box5 .container .list ul li a .public-img {
    width:100%
}
.service-box5 .container .list ul li a .public-img::before {
    padding-top:47.61904762%
}
.service-box5 .container .list ul li a .tbox {
    width:100%;
    padding:.44rem .2rem .44rem;
    position:relative
}
.service-box5 .container .list ul li a .tbox .t1 {
    width:100%;
    line-height:1.45454545em;
    height:2.66666667em;
    color:#333;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    transition:all .4s
}
.service-box5 .container .list ul li a .tbox .t2 {
    line-height:1.5em;
    height:calc(4.5em + .3rem);
    color:#999;
    padding-top:.3rem;
    padding-right:.3rem;
    border-top:1px solid #e8e8e8;
    margin-top:.44rem;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
    overflow:hidden;
    background:#fff;
    transition:all .8s;
    transform:translateY(50%);
    opacity:0
}
@media (max-width:991px) {
    .service-box5 .container .list ul li a .tbox .t2 {
    display:none
}

}
.service-box5 .container .list ul li a .tbox .more {
    position:absolute;
    left:.2rem;
    bottom:.52rem;
    display:flex;
    align-items:center;
    transition:all .8s;
    transform-origin:top center
}
@media (max-width:991px) {
    .service-box5 .container .list ul li a .tbox .more {
    position:relative;
    bottom:initial;
    left:initial;
    margin-top:.3rem
}

}
.service-box5 .container .list ul li a .tbox .more span {
    color:#1bd629;
    line-height:1.375em;
    margin-right:.13rem
}
.service-box5 .container .list ul li a .tbox .more i {
    width:22px;
    height:22px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#1bd629
}
.service-box5 .container .list ul li a .tbox .more i svg {
    width:7px;
    height:auto
}
.service-box5 .container .list ul li a .tbox .more i svg path {
    fill:#fff
}
@media (min-width:992px) {
    .service-box5 .container .list ul li:hover a .public-img img {
    transform:scale(1.1)
}
.service-box5 .container .list ul li:hover a .tbox .t1 {
    color:#1bd629
}
.service-box5 .container .list ul li:hover a .tbox .t2 {
    transform:translateY(0);
    opacity:1;
    z-index:2
}
.service-box5 .container .list ul li:hover a .tbox .more {
    opacity:0;
    transform:rotateX(-90deg);
    z-index:-1
}

}
@media (min-width:992px) and (max-width:767px) {
    .service-box5 .container .list ul li:hover a .tbox .more {
    opacity:1;
    transform:rotateX(0);
    z-index:1
}

}
.service-box5 .container .mores {
    position:absolute;
    right:0;
    top:.5rem
}
@media (max-width:767px) {
    .service-box5 .container .mores {
    position:relative;
    display:flex;
    justify-content:center;
    margin-top:.5rem
}

}
.service-box6 {
    width:100%;
    background:#f5f7f9;
    padding:.93rem 0 1.2rem
}
@media (max-width:767px) {
    .service-box6 {
    padding:1rem 0
}

}
.service-box6 .container {
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    flex-wrap:wrap
}
@media (max-width:991px) {
    .service-box6 .container .top {
    width:100%
}

}
.service-box6 .container .top .t1 {
    color:#999;
    line-height:1.5em
}
@media (max-width:767px) {
    .service-box6 .container .top .t1 {
    display:none
}

}
.service-box6 .container .top .title {
    line-height:1.16666667em;
    color:#333;
    margin-top:.14rem
}
@media (max-width:767px) {
    .service-box6 .container .top .title {
    margin-top:0
}

}
.service-box6 .container .top .title span {
    display:block
}
.service-box6 .container .top .more {
    display:flex;
    margin-top:.75rem
}
@media (max-width:991px) {
    .service-box6 .container .top .more {
    margin-top:.5rem
}

}
.service-box6 .container .top .more a {
    color:#1bd629;
    line-height:1.5em;
    display:flex;
    align-items:center
}
.service-box6 .container .top .more a i {
    width:22px;
    height:22px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:50%;
    background:#1bd629;
    margin-left:.1rem;
    overflow:hidden
}
.service-box6 .container .top .more a i svg {
    width:40%;
    height:40%
}
.service-box6 .container .top .more a i svg path {
    fill:#fff
}
@media (min-width:992px) {
    .service-box6 .container .top .more a:hover i svg {
    animation:arrowRun 5s infinite
}

}
.service-box6 .container .list {
    width:64.44444444%;
    border-top:1px solid #ddd
}
@media (max-width:991px) {
    .service-box6 .container .list {
    width:100%;
    margin-top:.8rem
}

}
.service-box6 .container .list ul {
    width:100%
}
.service-box6 .container .list ul li {
    width:100%;
    padding:.34rem .36rem .34rem .27rem;
    border-bottom:1px solid #ddd
}
@media (max-width:767px) {
    .service-box6 .container .list ul li {
    padding:.34rem 0 .34rem 0
}

}
.service-box6 .container .list ul li .title {
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    line-height:1.45454545em;
    cursor:pointer
}
.service-box6 .container .list ul li .title span {
    color:#333;
    transition:all .4s
}
.service-box6 .container .list ul li .title i {
    width:.18rem;
    height:.18rem;
    display:flex;
    position:relative;
    flex-shrink:0
}
.service-box6 .container .list ul li .title i img {
    width:100%;
    height:100%
}
.service-box6 .container .list ul li .title i img:nth-child(2) {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:2
}
.service-box6 .container .list ul li .txt {
    line-height:1.5em;
    color:#999;
    padding:.26rem .8rem .22rem 0;
    display:none
}
@media (max-width:767px) {
    .service-box6 .container .list ul li .txt {
    line-height:1.6
}

}
@media (min-width:992px) {
    .service-box6 .container .list ul li:hover .title span {
    color:#1bd629
}

}
.service-box6 .container .list ul li.on .title span {
    color:#1bd629
}
.service-box6 .container .list ul li.on .title i img:nth-child(1) {
    opacity:0
}
.zz-mask {
    position:fixed;
    width:100%;
    height:100%;
    z-index:9;
    background:transparent;
    top:0;
    left:0;
    display:none
}
.service-box7 {
    width:100%;
    padding:.97rem 0 2.3rem
}
@media (max-width:767px) {
    .service-box7 {
    padding:1.2rem 0;
    position:relative;
    z-index:5
}

}
.service-box7 .container .top {
    width:100%;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    position:relative;
    z-index:2
}
@media (max-width:767px) {
    .service-box7 .container .top {
    overflow:hidden
}

}
.service-box7 .container .top .title span {
    display:block;
    line-height:1.25em;
    color:#333
}
.service-box7 .container .top .al7-box {
    display:flex;
    align-items:center;
    position:relative;
    z-index:1
}
@media (max-width:991px) {
    .service-box7 .container .top .al7-box {
    width:100%;
    margin-bottom:.5rem;
    order:-1
}

}
.service-box7 .container .top .al7-box .wx-tc-wap {
    position:absolute;
    top:0;
    left:150%;
    z-index:2;
    width:106px;
    border:2px solid #eaeaea;
    border-radius:5px;
    background:#fff;
    padding:.1rem;
    display:none;
    transition:all .4s;
    z-index:10
}
.service-box7 .container .top .al7-box .wx-tc-wap.on {
    left:68%
}
@media (max-width:767px) {
    .service-box7 .container .top .al7-box .wx-tc-wap {
    display:block
}

}
.service-box7 .container .top .al7-box .wx-tc-wap .imgs {
    width:100%
}
.service-box7 .container .top .al7-box .wx-tc-wap span {
    width:100%;
    display:block;
    text-align:center;
    font-size:12px;
    line-height:20px;
    margin-top:6px
}
.service-box7 .container .top .al7-box .icons {
    position:relative;
    z-index:1
}
.service-box7 .container .top .al7-box .icons .img {
    width:.82rem;
    height:.82rem;
    border-radius:50%;
    overflow:hidden;
    position:relative;
    z-index:2
}
@media (max-width:767px) {
    .service-box7 .container .top .al7-box .icons .img {
    width:1.2rem;
    height:1.2rem
}

}
.service-box7 .container .top .al7-box .icons::before {
    content:'';
    width:100%;
    height:100%;
    border-radius:50%;
    border:1px solid rgba(27,214,41,0.15);
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    animation:scale2 2s linear infinite
}
.service-box7 .container .top .al7-box .icons::after {
    content:'';
    width:100%;
    height:100%;
    border-radius:50%;
    border:1px solid rgba(27,214,41,0.15);
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    animation:scale2 2s 1s linear infinite
}
.service-box7 .container .top .al7-box .icons i {
    width:24px;
    height:24px;
    border-radius:50%;
    background:#1bd629;
    display:flex;
    justify-content:center;
    align-items:center;
    position:absolute;
    right:0;
    bottom:0;
    z-index:3
}
.service-box7 .container .top .al7-box .icons i svg {
    width:16px;
    height:16px
}
.service-box7 .container .top .al7-box .icons i svg path {
    fill:#fff
}
.service-box7 .container .top .al7-box .icons .wx-tc {
    position:absolute;
    top:calc(100% + .25rem);
    left:50%;
    transform:translateX(-50%);
    z-index:2;
    width:106px;
    border:2px solid #eaeaea;
    border-radius:5px;
    background:#fff;
    padding:.1rem;
    display:none
}
.service-box7 .container .top .al7-box .icons .wx-tc::before {
    content:'';
    border-bottom:8px solid #fff;
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    position:absolute;
    bottom:calc(100% - 1px);
    left:50%;
    transform:translateX(-50%);
    z-index:2
}
.service-box7 .container .top .al7-box .icons .wx-tc::after {
    content:'';
    border-bottom:8px solid #eaeaea;
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    position:absolute;
    bottom:calc(100% + 2px);
    left:50%;
    transform:translateX(-50%);
    z-index:1
}
.service-box7 .container .top .al7-box .icons .wx-tc .imgs {
    width:100%
}
.service-box7 .container .top .al7-box .icons .wx-tc span {
    width:100%;
    display:block;
    text-align:center;
    font-size:12px;
    line-height:20px;
    margin-top:6px
}
@media (min-width:992px) {
    .service-box7 .container .top .al7-box .icons:hover .wx-tc {
    display:block
}

}
@media (min-width:992px) and (max-width:767px) {
    .service-box7 .container .top .al7-box .icons:hover .wx-tc {
    display:none
}

}
.service-box7 .container .top .al7-box .txt {
    margin-left:.2rem;
    line-height:1.27272727em
}
.service-box7 .container .top .al7-box .txt p {
    display:flex;
    position:relative;
    z-index:1
}
.service-box7 .container .top .al7-box .txt p span {
    color:#000;
    position:relative;
    z-index:2
}
.service-box7 .container .top .al7-box .txt p span::before {
    content:'';
    width:100%;
    height:7px;
    background:linear-gradient(to right,#1bd629,rgba(27,214,41,0));
    position:absolute;
    left:0;
    bottom:0;
    z-index:-1;
    border-radius:3px
}
.service-box7 .container .content {
    width:100%;
    margin-top:.7rem;
    border:2px solid #f4f4f4;
    border-radius:.15rem;
    background:#fff;
    display:flex;
    flex-wrap:wrap;
    position:relative;
    z-index:1
}
@media (max-width:767px) {
    .service-box7 .container .content {
    flex-direction:column-reverse;
    z-index:3
}

}
.service-box7 .container .content .left {
    width:39.58333333%;
    border-right:2px solid #f4f4f4;
    padding:.47rem .6rem .43rem
}
@media (max-width:991px) {
    .service-box7 .container .content .left {
    width:100%;
    border-right:none
}

}
@media (max-width:767px) {
    .service-box7 .container .content .left {
    padding:.5rem .3rem;
    background:#fff;
    border-radius:inherit
}

}
.service-box7 .container .content .left .t1 {
    color:#666;
    line-height:1.41666667em
}
.service-box7 .container .content .left .form {
    width:100%;
    margin-top:.5rem
}
.service-box7 .container .content .left .form .txt {
    width:100%;
    height:52px;
    border-radius:5px;
    border:1px solid #ccc;
    padding-left:.2rem;
    transition:all .4s;
    color:#1bd629;
    margin-bottom:.24rem
}
@media (max-width:767px) {
    .service-box7 .container .content .left .form .txt {
    height:.8rem
}

}
.service-box7 .container .content .left .form .txt::placeholder {
    color:#ccc;
    transition:all .4s
}
@media (min-width:992px) {
    .service-box7 .container .content .left .form .txt:hover {
    border:1px solid #1bd629
}
.service-box7 .container .content .left .form .txt:hover::placeholder {
    color:#1bd629
}

}
.service-box7 .container .content .left .form .text {
    width:100%;
    height:1.52rem;
    border-radius:5px;
    border:1px solid #ccc;
    padding:.13rem .2rem;
    transition:all .4s;
    color:#1bd629;
    margin-bottom:.24rem;
    line-height:1.5em
}
.service-box7 .container .content .left .form .text::placeholder {
    color:#ccc;
    transition:all .4s
}
@media (min-width:992px) {
    .service-box7 .container .content .left .form .text:hover {
    border:1px solid #1bd629
}
.service-box7 .container .content .left .form .text:hover::placeholder {
    color:#1bd629
}

}
.service-box7 .container .content .left .form .btn {
    width:100%;
    height:52px;
    border-radius:5px;
    background:#1bd629;
    color:#fff;
    transition:all .4s
}
@media (min-width:992px) {
    .service-box7 .container .content .left .form .btn:hover {
    background:#26ec5a
}

}
.service-box7 .container .content .right {
    width:60.41666667%;
    padding:.6rem .8rem;
    position:relative;
    z-index:1
}
@media (max-width:991px) {
    .service-box7 .container .content .right {
    width:100%;
    padding:.6rem
}

}
@media (max-width:767px) {
    .service-box7 .container .content .right {
    padding:.5rem .3rem
}

}
.service-box7 .container .content .right .swiper-container {
    width:100%;
    padding-bottom:.5rem
}
.service-box7 .container .content .right .swiper-container .swiper-wrapper {
    align-items:stretch
}
.service-box7 .container .content .right .swiper-container .swiper-slide {
    width:100%;
    min-height:2.03rem;
    background:#fff;
    border-bottom:1px solid #ececec;
    padding-bottom:.3rem;
    height:auto
}
.service-box7 .container .content .right .swiper-container .swiper-slide .ttop {
    width:100%;
    display:flex;
    align-items:center
}
@media (max-width:767px) {
    .service-box7 .container .content .right .swiper-container .swiper-slide .ttop {
    align-items:flex-start
}

}
.service-box7 .container .content .right .swiper-container .swiper-slide .ttop .icon {
    width:52px;
    height:52px;
    border-radius:50%;
    overflow:hidden;
    flex-shrink:0;
    margin-right:.24rem
}
.service-box7 .container .content .right .swiper-container .swiper-slide .ttop .icon img {
    width:100%;
    height:100%;
    border-radius:50%;
    object-fit:cover
}
.service-box7 .container .content .right .swiper-container .swiper-slide .ttop .ts .t1 {
    color:#666;
    line-height:1.33333333em
}
.service-box7 .container .content .right .swiper-container .swiper-slide .ttop .ts .t2 {
    font-size:14px;
    color:#999;
    line-height:1.71428571em
}
@media (max-width:767px) {
    .service-box7 .container .content .right .swiper-container .swiper-slide .ttop .ts .t2 {
    font-size:.28rem;
    line-height:1.2;
    margin-top:.1rem
}

}
.service-box7 .container .content .right .swiper-container .swiper-slide .txt {
    color:#333;
    line-height:1.625em;
    margin-top:.36rem
}
.service-box7 .container .content .right .swiper-container .swiper-pagination {
    bottom:0;
    font-size:0;
    display:flex;
    justify-content:flex-end
}
.service-box7 .container .content .right .swiper-container .swiper-pagination .swiper-pagination-bullet {
    background:#ddd;
    opacity:1;
    transition:all .4s;
    margin:0 .1rem 0 0
}
.service-box7 .container .content .right .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
    background:#1bd629
}
.service-box7 .container .content .right .logo-list {
    width:100%;
    margin-top:.6rem;
    overflow:hidden
}
.service-box7 .container .content .right .logo-list .title {
    line-height:1.8em;
    color:#1bd629;
    margin-bottom:.42rem
}
.service-box7 .container .content .right .logo-list .lists {
    width:100%;
    position:relative
}
.service-box7 .container .content .right .logo-list .lists::before {
    content:'';
    width:2.5rem;
    height:100%;
    background:linear-gradient(to right,#fff,rgba(255,255,255,0));
    position:absolute;
    left:0;
    top:0;
    z-index:2
}
.service-box7 .container .content .right .logo-list .lists::after {
    content:'';
    width:2.5rem;
    height:100%;
    background:linear-gradient(to left,#fff,rgba(255,255,255,0));
    position:absolute;
    right:0;
    top:0;
    z-index:2
}
.service-box7 .container .content .right .logo-list .lists ul {
    display:flex;
    margin-bottom:.13rem
}
.service-box7 .container .content .right .logo-list .lists ul:last-child {
    margin-bottom:0
}
.service-box7 .container .content .right .logo-list .lists ul li {
    width:124px;
    height:50px;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-shrink:0;
    margin:0 .1rem
}
.service-box7 .container .content .right .logo-list .lists ul li img {
    width:100%;
    height:100%;
    object-fit:cover
}
.service-box8 {
    width:100%
}
@media (max-width:767px) {
    .service-box8 {
    padding:0 0 1rem
}

}
.service-box8 .container .title {
    color:#000;
    line-height:1.3em;
    text-align:center
}
.service-box8 .container .list {
    width:100%;
    margin-top:.8rem
}
@media (max-width:767px) {
    .service-box8 .container .list {
    display:none
}

}
.service-box8 .container .list ul {
    width:calc(100% + 1.16rem);
    margin:0 -0.58rem;
    display:flex;
    flex-wrap:wrap
}
@media (max-width:991px) {
    .service-box8 .container .list ul {
    width:calc(100% + .5rem);
    margin:0 -0.25rem
}

}
@media (max-width:767px) {
    .service-box8 .container .list ul {
    width:100%;
    margin:0
}

}
.service-box8 .container .list ul li {
    width:calc(33.33% - 1.16rem);
    margin:0 .58rem .82rem;
    position:relative;
    border:1px solid #dadee1;
    border-radius:.15rem
}
@media (max-width:991px) {
    .service-box8 .container .list ul li {
    width:calc(33.33% - .5rem);
    margin:0 .25rem .82rem
}

}
@media (max-width:767px) {
    .service-box8 .container .list ul li {
    width:100%;
    margin:0 0 .8rem
}

}
.service-box8 .container .list ul li .icons {
    width:.38rem;
    height:.33rem;
    position:absolute;
    top:1.75rem;
    left:calc(100% + .4rem);
    display:flex;
    overflow:hidden
}
@media (max-width:991px) {
    .service-box8 .container .list ul li .icons {
    left:calc(100% + .1rem)
}

}
@media (max-width:767px) {
    .service-box8 .container .list ul li .icons {
    left:50%;
    transform:translateX(-50%) rotateZ(90deg);
    top:calc(100% + .25rem)
}

}
.service-box8 .container .list ul li .icons span {
    width:.33rem;
    height:.33rem;
    flex-shrink:0;
    display:flex;
    justify-content:center;
    align-items:center;
    position:absolute;
    left:0;
    top:0
}
.service-box8 .container .list ul li .icons span:nth-child(1) {
    animation:sb8iconRun 2s infinite
}
.service-box8 .container .list ul li .icons span:nth-child(2) {
    animation:sb8iconRun 2s .3s infinite
}
.service-box8 .container .list ul li .icons span svg {
    width:100%;
    height:100%
}
.service-box8 .container .list ul li .icons span svg path {
    fill:#1bd629
}
.service-box8 .container .list ul li .icons span img {
    object-fit:contain
}
.service-box8 .container .list ul li:last-child .icon {
    display:none
}
.service-box8 .container .list ul li .public-img {
    width:100%;
    border-radius:.15rem .15rem 0 0
}
.service-box8 .container .list ul li .public-img::before {
    padding-top:87.5%
}
.service-box8 .container .list ul li .public-img img {
    object-fit:unset;
    width:80%;
    height:auto;
    left:50%;
    transform:translateX(-50%);
    top:5%
}
.service-box8 .container .list ul li .tbox {
    width:100%;
    height:1.7rem;
    background:#f0f1f2;
    border-radius:.15rem;
    border-top:1px solid #dadee1;
    margin-top:-0.1rem;
    position:relative;
    z-index:2;
    padding:.37rem .44rem
}
@media (max-width:991px) {
    .service-box8 .container .list ul li .tbox {
    padding:.3rem
}

}
.service-box8 .container .list ul li .tbox .ts {
    color:#999;
    line-height:1.5em
}
.service-box8 .container .list ul li .tbox .t1 {
    color:#000;
    line-height:1;
    margin-top:4px
}
.service-box8 .mb-box {
    width:100%;
    padding-top:.6rem;
    display:none
}
@media (max-width:767px) {
    .service-box8 .mb-box {
    display:block
}

}
.service-box8 .mb-box .swiper-container {
    padding:0 .9rem .44rem
}
@media (max-width:767px) {
    .service-box8 .mb-box .swiper-container {
    padding:0 0 .8rem
}

}
.service-box8 .mb-box .swiper-container .swiper-slide {
    background:#f0f0f1;
    border-radius:.15rem;
    opacity:.4;
    transition:all .4s
}
.service-box8 .mb-box .swiper-container .swiper-slide .public-img {
    width:100%;
    border-radius:.15rem .15rem 0 0
}
.service-box8 .mb-box .swiper-container .swiper-slide .public-img::before {
    padding-top:87.5%
}
.service-box8 .mb-box .swiper-container .swiper-slide .tbox {
    width:100%;
    height:1.7rem;
    background:#f0f1f2;
    border-radius:.15rem;
    border-top:1px solid #dadee1;
    margin-top:-0.1rem;
    position:relative;
    z-index:2;
    padding:.37rem .44rem
}
@media (max-width:991px) {
    .service-box8 .mb-box .swiper-container .swiper-slide .tbox {
    padding:.3rem
}

}
.service-box8 .mb-box .swiper-container .swiper-slide .tbox .ts {
    color:#999;
    line-height:1.5em
}
.service-box8 .mb-box .swiper-container .swiper-slide .tbox .t1 {
    color:#000;
    line-height:1;
    margin-top:4px
}
.service-box8 .mb-box .swiper-container .swiper-slide-active {
    opacity:1
}
.service-box8 .mb-box .swiper-container .swiper-pagination {
    display:none
}
@media (max-width:767px) {
    .service-box8 .mb-box .swiper-container .swiper-pagination {
    display:block;
    bottom:0
}

}
.service-box8 .mb-box .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
    background:#1bd629
}
@keyframes sb8iconRun {
    0% {
    transform:translate3d(-100%,0%,0) scale(1);
    transform-style:preserve-3d;
    opacity:1
}
100% {
    transform:translate3d(150%,0%,0) scale(.9);
    transform-style:preserve-3d;
    opacity:0
}

}
.service-box9 {
    width:100%;
    background:#f5f7f9;
    padding:.72rem 0 .8rem;
    margin-top:1.06rem
}
.service-box9 .container .top .ts {
    color:#999;
    text-align:center;
    line-height:1.5em
}
.service-box9 .container .top .title {
    color:#000;
    text-align:center;
    line-height:1.3em
}
.service-box9 .container .list {
    width:100%;
    margin-top:.4rem;
    position:relative
}
.service-box9 .container .list .swiper-container {
    padding:0 .9rem .44rem
}
@media (max-width:767px) {
    .service-box9 .container .list .swiper-container {
    padding:0 0 1rem
}

}
.service-box9 .container .list .swiper-container .swiper-slide {
    background:#f0f0f1;
    border-radius:.25rem;
    padding:.28rem;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    transition:all .4s
}
.service-box9 .container .list .swiper-container .swiper-slide img {
    border-radius:.15rem
}
.service-box9 .container .list .swiper-container .swiper-slide-active {
    box-shadow:0 .12rem .12rem 0 rgba(0,0,0,0.1)
}
.service-box9 .container .list .swiper-container .swiper-pagination {
    display:none
}
@media (max-width:767px) {
    .service-box9 .container .list .swiper-container .swiper-pagination {
    display:block;
    bottom:0
}

}
.service-box9 .container .list .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
    background:#1bd629
}
.service-box9 .container .list .swiper-prev,.service-box9 .container .list .swiper-next {
    width:.7rem;
    height:.7rem;
    border-radius:50%;
    cursor:pointer;
    display:flex;
    justify-content:center;
    align-items:center;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:2;
    background:rgba(234,234,234,0.4);
    transition:all .4s
}
@media (max-width:767px) {
    .service-box9 .container .list .swiper-prev,.service-box9 .container .list .swiper-next {
    width:.8rem;
    height:.8rem;
    display:none
}

}
.service-box9 .container .list .swiper-prev svg,.service-box9 .container .list .swiper-next svg {
    width:11px;
    height:11px
}
.service-box9 .container .list .swiper-prev svg path,.service-box9 .container .list .swiper-next svg path {
    fill:rgba(0,0,0,0.4);
    transition:all .4s
}
@media (min-width:992px) {
    .service-box9 .container .list .swiper-prev:hover,.service-box9 .container .list .swiper-next:hover {
    background:#1bd629
}
.service-box9 .container .list .swiper-prev:hover svg path,.service-box9 .container .list .swiper-next:hover svg path {
    fill:#fff
}

}
.service-box9 .container .list .swiper-prev {
    left:-0.4rem
}
@media (max-width:767px) {
    .service-box9 .container .list .swiper-prev {
    left:-0.2rem
}

}
.service-box9 .container .list .swiper-next {
    right:-0.4rem
}
@media (max-width:767px) {
    .service-box9 .container .list .swiper-next {
    right:-0.2rem
}

}
.service-box9 .container .list .swiper-next svg {
    transform:rotateZ(180deg)
}
.service-box10 {
    width:100%;
    padding:0 0 1.23rem
}
@media (max-width:767px) {
    .service-box10 {
    padding:0
}

}
.service-box10 .container .top .ts {
    color:#999;
    text-align:center;
    line-height:1.5em
}
.service-box10 .container .top .title {
    color:#000;
    text-align:center;
    margin-top:.2rem
}
@media (max-width:767px) {
    .service-box10 .container .top .title {
    font-size:.42rem
}

}
.service-box10 .container .list {
    width:100%;
    margin-top:.8rem
}
.service-box10 .container .list ul {
    width:calc(100% + .3rem);
    margin:0 -0.15rem;
    display:flex;
    flex-wrap:wrap
}
@media (max-width:767px) {
    .service-box10 .container .list ul {
    width:100%;
    margin:0
}

}
.service-box10 .container .list ul li {
    width:calc(33.33% - .3rem);
    background:#f5f7f9;
    border-radius:.15rem;
    margin:0 .15rem .33rem;
    padding:.45rem .43rem .35rem
}
@media (max-width:991px) {
    .service-box10 .container .list ul li {
    width:calc(50% - .3rem)
}

}
@media (max-width:767px) {
    .service-box10 .container .list ul li {
    width:100%;
    margin:0 0 .33rem
}
.service-box10 .container .list ul li:last-child {
    margin:0
}

}
.service-box10 .container .list ul li .t1 {
    line-height:1.41666667em;
    color:#000
}
.service-box10 .container .list ul li .t2 {
    width:330px;
    max-width:100%;
    line-height:1.5em;
    color:#999;
    margin-top:.16rem
}
.service-box10 .container .list ul li .num {
    margin-top:.4rem;
    width:.62rem;
    height:.62rem;
    border-radius:.18rem;
    color:#1bd629;
    background:#fff;
    border:1px solid #eaeaea;
    display:flex;
    justify-content:center;
    align-items:center
}
.service-app-box1 {
    width:100%;
    background:#f5f7f9;
    padding:.84rem 0 .73rem
}
.service-app-box1 .container .top .title {
    color:#000;
    text-align:center;
    line-height:1.2em
}
.service-app-box1 .container .top .txt {
    color:#999;
    text-align:center;
    line-height:1.55555556em;
    margin-top:.2rem
}
.service-app-box1 .container .list {
    width:100%;
    margin-top:.8rem
}
.service-app-box1 .container .list ul {
    width:calc(100% + .3rem);
    margin:0 -0.15rem;
    display:flex;
    flex-wrap:wrap
}
.service-app-box1 .container .list ul li {
    width:calc(20% - .3rem);
    margin:0 .15rem .3rem;
    background:#fff;
    border:1px solid #eaeaea;
    border-radius:.15rem;
    padding:.24rem .2rem .2rem .3rem
}
@media (max-width:991px) {
    .service-app-box1 .container .list ul li {
    width:calc(33.33% - .3rem)
}

}
@media (max-width:767px) {
    .service-app-box1 .container .list ul li {
    width:calc(50% - .3rem)
}

}
.service-app-box1 .container .list ul li .t1 {
    color:#333;
    line-height:1.41666667em
}
.service-app-box1 .container .list ul li .icons {
    width:45px;
    height:45px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#f5f7f9;
    margin-left:auto;
    margin-top:.58rem
}
.service-app-box1 .container .list ul li .icons svg {
    width:42%;
    height:42%
}
.service-app-box1 .container .list ul li .icons svg path {
    fill:#1bd629
}
.service-app-box2 {
    width:100%;
    padding:.9rem 0 .42rem
}
.service-app-box2 .container .top .title {
    color:#000;
    text-align:center;
    line-height:1.2em
}
.service-app-box2 .container .top .txt {
    color:#999;
    text-align:center;
    line-height:1.55555556em;
    margin-top:.2rem
}
.service-app-box2 .container .box {
    width:100%;
    margin-top:.64rem;
    border:1px solid #eaeaea;
    border-radius:.15rem;
    position:relative;
    overflow:hidden
}
@media (max-width:767px) {
    .service-app-box2 .container .box {
    display:none
}

}
.service-app-box2 .container .box .list {
    width:100%;
    padding:.22rem 0 .28rem;
    border-bottom:1px solid #eaeaea;
    background:url(../images/service-app-box2-bg1.png) center bottom no-repeat;
    background-size:100%
}
.service-app-box2 .container .box .list ul {
    width:100%;
    display:flex;
    flex-wrap:wrap
}
.service-app-box2 .container .box .list ul li {
    width:calc(100% / 7);
    position:relative;
    cursor:pointer
}
.service-app-box2 .container .box .list ul li .num {
    width:35px;
    height:35px;
    color:#1bd629;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:50%;
    margin:0 auto;
    transition:all .6s
}
.service-app-box2 .container .box .list ul li .txt {
    color:#999;
    transition:all .6s;
    margin-top:.1rem;
    line-height:1.55555556em;
    text-align:center
}
.service-app-box2 .container .box .list ul li .icons {
    width:.2rem;
    height:.37rem;
    position:absolute;
    bottom:-5px;
    right:-0.12rem;
    display:flex;
    justify-content:center;
    align-items:center
}
.service-app-box2 .container .box .list ul li .icons img {
    transition:all .6s
}
.service-app-box2 .container .box .list ul li .icons img:nth-child(2) {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:2;
    opacity:0
}
.service-app-box2 .container .box .list ul li:last-child .icons {
    display:none
}
.service-app-box2 .container .box .list ul li.on .num {
    color:#fff;
    background:#1bd629
}
.service-app-box2 .container .box .list ul li.on .txt {
    color:#333
}
.service-app-box2 .container .box .list ul li.on .icons img:nth-child(1) {
    opacity:0
}
.service-app-box2 .container .box .list ul li.on .icons img:nth-child(2) {
    opacity:1
}
.service-app-box2 .container .box .tlist {
    width:100%;
    position:relative
}
.service-app-box2 .container .box .tlist ul {
    width:100%
}
.service-app-box2 .container .box .tlist ul li {
    width:100%;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    padding:.7rem .7rem .4rem;
    background:#fff;
    position:absolute;
    top:0;
    opacity:0;
    transform:translateY(.5rem);
    transition:all .6s
}
.service-app-box2 .container .box .tlist ul li:nth-child(1) {
    position:relative
}
.service-app-box2 .container .box .tlist ul li .tbox {
    width:47.69230769%
}
.service-app-box2 .container .box .tlist ul li .tbox .t1 {
    line-height:1.26666667em;
    color:#333
}
.service-app-box2 .container .box .tlist ul li .tbox .txt {
    color:#999;
    line-height:1.875em;
    margin-top:.24rem
}
.service-app-box2 .container .box .tlist ul li .rbox {
    width:42.15384615%;
    min-height:280px;
    border-left:1px solid #eaeaea;
    padding-left:.72rem
}
@media (max-width:1100px) {
    .service-app-box2 .container .box .tlist ul li .rbox {
    width:47%;
    padding-left:.3rem
}

}
.service-app-box2 .container .box .tlist ul li .rbox .t1 {
    line-height:1.26666667em;
    color:#333;
    padding-left:.3rem
}
.service-app-box2 .container .box .tlist ul li .rbox .ts {
    margin-top:.43rem;
    display:flex;
    flex-wrap:wrap
}
.service-app-box2 .container .box .tlist ul li .rbox .ts span {
    height:45px;
    padding:0 .3rem;
    border:1px solid #eaeaea;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-right:.1rem;
    margin-bottom:.1rem;
    color:#666;
    border-radius:23px
}
.service-app-box2 .container .box .tlist ul li .rbox .more {
    padding-left:.3rem;
    display:flex;
    flex-wrap:wrap;
    margin-top:.35rem
}
.service-app-box2 .container .box .tlist ul li .rbox .more a {
    display:flex;
    align-items:center
}
.service-app-box2 .container .box .tlist ul li .rbox .more a span {
    line-height:1.5em;
    color:#1bd629
}
.service-app-box2 .container .box .tlist ul li .rbox .more a i {
    width:22px;
    height:22px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    transition:all .4s;
    overflow:hidden;
    background:#1bd629;
    margin-left:.13rem
}
@media (max-width:767px) {
    .service-app-box2 .container .box .tlist ul li .rbox .more a i {
    width:.4rem;
    height:.4rem
}

}
.service-app-box2 .container .box .tlist ul li .rbox .more a i svg {
    width:8px;
    height:8px
}
.service-app-box2 .container .box .tlist ul li .rbox .more a i svg path {
    fill:#fff
}
@media (min-width:992px) {
    .service-app-box2 .container .box .tlist ul li .rbox .more a:hover i svg {
    animation:arrowRun 5s infinite
}

}
.service-app-box2 .container .box .tlist ul li .rbox .more .ms {
    width:100%;
    font-size:14px;
    line-height:1.71428571em;
    color:#ccc;
    margin-top:3px
}
.service-app-box2 .container .box .tlist ul li.on {
    opacity:1;
    z-index:3;
    transform:translateY(0)
}
.service-app-box2 .container .box .ckbox {
    position:absolute;
    display:flex;
    left:.6rem;
    bottom:.7rem;
    z-index:5
}
.service-app-box2 .container .box .ckbox .swiper-prev,.service-app-box2 .container .box .ckbox .swiper-next {
    width:.6rem;
    height:.6rem;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    transition:all .4s;
    cursor:pointer;
    background:rgba(234,234,234,0.4)
}
@media (max-width:1600px) {
    .service-app-box2 .container .box .ckbox .swiper-prev,.service-app-box2 .container .box .ckbox .swiper-next {
    width:.8rem;
    height:.8rem
}

}
.service-app-box2 .container .box .ckbox .swiper-prev svg,.service-app-box2 .container .box .ckbox .swiper-next svg {
    width:13px;
    height:12px
}
.service-app-box2 .container .box .ckbox .swiper-prev svg path,.service-app-box2 .container .box .ckbox .swiper-next svg path {
    fill:rgba(51,51,51,0.4);
    transition:all .4s
}
@media (min-width:992px) {
    .service-app-box2 .container .box .ckbox .swiper-prev:hover,.service-app-box2 .container .box .ckbox .swiper-next:hover {
    background:#1bd629
}
.service-app-box2 .container .box .ckbox .swiper-prev:hover svg path,.service-app-box2 .container .box .ckbox .swiper-next:hover svg path {
    fill:#fff
}

}
.service-app-box2 .container .box .ckbox .swiper-next {
    margin-left:.1rem
}
.service-app-box2 .container .box .ckbox .swiper-next svg {
    transform:rotateZ(180deg)
}
.service-app-box2 .container .mb-box {
    width:100%;
    margin-top:.5rem;
    display:none
}
@media (max-width:767px) {
    .service-app-box2 .container .mb-box {
    display:block
}

}
.service-app-box2 .container .mb-box .swiper-container .swiper-slide {
    border:1px solid #e8e8e8;
    border-radius:.1rem;
    padding:.3rem;
    box-sizing:border-box;
    opacity:.4;
    transition:all .4s
}
@media (max-width:767px) {
    .service-app-box2 .container .mb-box .swiper-container .swiper-slide {
    padding:.5rem .3rem
}

}
.service-app-box2 .container .mb-box .swiper-container .swiper-slide .tbox {
    width:100%
}
.service-app-box2 .container .mb-box .swiper-container .swiper-slide .tbox .t1 {
    line-height:1.26666667em;
    color:#333
}
@media (max-width:767px) {
    .service-app-box2 .container .mb-box .swiper-container .swiper-slide .tbox .t1 {
    font-size:.4rem
}

}
.service-app-box2 .container .mb-box .swiper-container .swiper-slide .tbox .txt {
    color:#999;
    line-height:1.875em;
    margin-top:.24rem
}
@media (max-width:767px) {
    .service-app-box2 .container .mb-box .swiper-container .swiper-slide .tbox .txt {
    line-height:1.625em
}

}
.service-app-box2 .container .mb-box .swiper-container .swiper-slide .rbox {
    width:100%;
    margin-top:.5rem
}
.service-app-box2 .container .mb-box .swiper-container .swiper-slide .rbox .t1 {
    line-height:1.26666667em;
    color:#333;
    padding-left:.3rem
}
@media (max-width:767px) {
    .service-app-box2 .container .mb-box .swiper-container .swiper-slide .rbox .t1 {
    padding-left:0;
    font-size:.4rem
}

}
.service-app-box2 .container .mb-box .swiper-container .swiper-slide .rbox .ts {
    margin-top:.43rem;
    display:flex;
    flex-wrap:wrap
}
@media (max-width:767px) {
    .service-app-box2 .container .mb-box .swiper-container .swiper-slide .rbox .ts {
    border-bottom:1px solid #f4f4f4;
    padding-bottom:.35rem
}

}
.service-app-box2 .container .mb-box .swiper-container .swiper-slide .rbox .ts span {
    height:45px;
    padding:0 .3rem;
    border:1px solid #eaeaea;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-right:.1rem;
    margin-bottom:.1rem;
    color:#666;
    border-radius:23px
}
@media (max-width:767px) {
    .service-app-box2 .container .mb-box .swiper-container .swiper-slide .rbox .ts span {
    height:30px;
    font-size:12px;
    padding:0 .2rem
}

}
.service-app-box2 .container .mb-box .swiper-container .swiper-slide .rbox .more {
    padding-left:.3rem;
    display:flex;
    flex-wrap:wrap;
    margin-top:.35rem
}
@media (max-width:767px) {
    .service-app-box2 .container .mb-box .swiper-container .swiper-slide .rbox .more {
    padding-left:0
}

}
.service-app-box2 .container .mb-box .swiper-container .swiper-slide .rbox .more a {
    display:flex;
    align-items:center
}
.service-app-box2 .container .mb-box .swiper-container .swiper-slide .rbox .more a span {
    line-height:1.5em;
    color:#1bd629
}
.service-app-box2 .container .mb-box .swiper-container .swiper-slide .rbox .more a i {
    width:22px;
    height:22px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    transition:all .4s;
    overflow:hidden;
    background:#1bd629;
    margin-left:.13rem
}
@media (max-width:767px) {
    .service-app-box2 .container .mb-box .swiper-container .swiper-slide .rbox .more a i {
    width:.4rem;
    height:.4rem
}

}
.service-app-box2 .container .mb-box .swiper-container .swiper-slide .rbox .more a i svg {
    width:8px;
    height:8px
}
.service-app-box2 .container .mb-box .swiper-container .swiper-slide .rbox .more a i svg path {
    fill:#fff
}
@media (min-width:992px) {
    .service-app-box2 .container .mb-box .swiper-container .swiper-slide .rbox .more a:hover i svg {
    animation:arrowRun 5s infinite
}

}
.service-app-box2 .container .mb-box .swiper-container .swiper-slide .rbox .more .ms {
    width:100%;
    font-size:14px;
    line-height:1.71428571em;
    color:#ccc;
    margin-top:3px
}
.service-app-box2 .container .mb-box .swiper-container .swiper-slide.swiper-slide-active {
    opacity:1
}
.service-app-box2 .container .mb-box .ckbox {
    width:100%;
    margin-top:.5rem;
    display:flex;
    justify-content:center
}
.service-app-box2 .container .mb-box .ckbox .swiper-prev,.service-app-box2 .container .mb-box .ckbox .swiper-next {
    width:.8rem;
    height:.8rem;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    transition:all .4s;
    cursor:pointer;
    background:rgba(234,234,234,0.4)
}
.service-app-box2 .container .mb-box .ckbox .swiper-prev svg,.service-app-box2 .container .mb-box .ckbox .swiper-next svg {
    width:13px;
    height:12px
}
.service-app-box2 .container .mb-box .ckbox .swiper-prev svg path,.service-app-box2 .container .mb-box .ckbox .swiper-next svg path {
    fill:rgba(51,51,51,0.4);
    transition:all .4s
}
@media (min-width:992px) {
    .service-app-box2 .container .mb-box .ckbox .swiper-prev:hover,.service-app-box2 .container .mb-box .ckbox .swiper-next:hover {
    background:#1bd629
}
.service-app-box2 .container .mb-box .ckbox .swiper-prev:hover svg path,.service-app-box2 .container .mb-box .ckbox .swiper-next:hover svg path {
    fill:#fff
}

}
.service-app-box2 .container .mb-box .ckbox .swiper-next {
    margin-left:.1rem
}
@media (max-width:767px) {
    .service-app-box2 .container .mb-box .ckbox .swiper-next {
    margin-left:.4rem
}

}
.service-app-box2 .container .mb-box .ckbox .swiper-next svg {
    transform:rotateZ(180deg)
}
.service-allLink-box1 {
    width:100%;
    padding:1.45rem 0 0
}
.service-allLink-box1 .container .top {
    width:100%;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    padding:0 .54rem 0 .25rem
}
@media (max-width:767px) {
    .service-allLink-box1 .container .top {
    padding:0
}

}
.service-allLink-box1 .container .top .left .t1 {
    color:#1bd629;
    line-height:1.5em
}
.service-allLink-box1 .container .top .left .title {
    margin-top:.22rem;
    line-height:1.16666667em;
    color:#333
}
.service-allLink-box1 .container .top .txt {
    width:48.52941176%;
    color:#999;
    line-height:1.55555556em;
    margin-top:.4rem
}
@media (max-width:991px) {
    .service-allLink-box1 .container .top .txt {
    width:100%
}

}
.service-allLink-box1 .container .list {
    width:100%;
    margin-top:.8rem
}
@media (max-width:767px) {
    .service-allLink-box1 .container .list {
    margin-top:.5rem
}

}
.service-allLink-box1 .container .list ul {
    width:calc(100% + .36rem);
    margin:0 -0.18rem;
    display:flex;
    flex-wrap:wrap
}
@media (max-width:767px) {
    .service-allLink-box1 .container .list ul {
    width:100%;
    margin:0
}

}
.service-allLink-box1 .container .list ul li {
    width:calc(25% - .36rem);
    margin:0 .18rem .36rem;
    border:1px solid #eaeaea;
    border-radius:.15rem;
    position:relative;
    padding:.45rem .25rem .4rem
}
@media (max-width:991px) {
    .service-allLink-box1 .container .list ul li {
    width:calc(50% - .36rem)
}

}
@media (max-width:767px) {
    .service-allLink-box1 .container .list ul li {
    width:100%;
    margin:0 0 .3rem
}

}
.service-allLink-box1 .container .list ul li::before {
    content:'';
    width:100%;
    height:.1rem;
    background:#1bd629;
    position:absolute;
    top:0;
    left:0;
    border-radius:.15rem .15rem 0 0
}
.service-allLink-box1 .container .list ul li .t1 {
    line-height:1.35714286em;
    color:#000
}
.service-allLink-box1 .container .list ul li .t2 {
    color:#666;
    margin-top:.2rem;
    line-height:1.5em
}
.service-allLink-box1 .container .list ul li .icons {
    width:54px;
    height:54px;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-left:auto;
    margin-top:.65rem
}
.service-allLink-box1 .container .list ul li .tboxs {
    width:100%;
    margin-top:.3rem;
    border-top:1px solid #eee;
    padding:.16rem 0 0
}
.service-allLink-box1 .container .list ul li .tboxs .ts1 {
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center
}
.service-allLink-box1 .container .list ul li .tboxs .ts1 span {
    color:#999;
    line-height:1.5em
}
.service-allLink-box1 .container .list ul li .tboxs .ts1 i {
    width:30px;
    height:30px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    border:1px solid #f4f4f4;
    display:none
}
.service-allLink-box1 .container .list ul li .tboxs .ts1 i svg path {
    fill:#1bd629
}
.service-allLink-box1 .container .list ul li .tboxs .ts2 {
    width:100%;
    padding-top:.22rem
}
.service-allLink-box1 .container .list ul li .tboxs .ts2 .ts {
    width:100%;
    display:flex;
    align-items:center;
    margin-bottom:6px
}
.service-allLink-box1 .container .list ul li .tboxs .ts2 .ts i {
    width:27px;
    height:24px;
    display:flex;
    align-items:center;
    padding-left:2px
}
.service-allLink-box1 .container .list ul li .tboxs .ts2 .ts i svg path {
    fill:#1bd629
}
.service-allLink-box1 .container .list ul li .tboxs .ts2 .ts span {
    color:#999;
    line-height:1.5em
}
.service-allLink-box2 {
    width:100%;
    padding:1.2rem 0 0;
    position:relative
}
@media (max-width:767px) {
    .service-allLink-box2 {
    padding:1.2rem 0
}

}
.service-allLink-box2::after {
    content:'';
    width:100%;
    height:1.93rem;
    background:#f5f7f9;
    position:absolute;
    bottom:0;
    left:0
}
@media (max-width:767px) {
    .service-allLink-box2::after {
    display:none
}

}
.service-allLink-box2 .container {
    position:relative;
    z-index:2
}
.service-allLink-box2 .container .top {
    width:100%;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    padding:0 0 0 .25rem
}
@media (max-width:767px) {
    .service-allLink-box2 .container .top {
    padding:0
}

}
.service-allLink-box2 .container .top .left .t1 {
    color:#1bd629;
    line-height:1.5em
}
.service-allLink-box2 .container .top .left .title {
    margin-top:.22rem;
    line-height:1.16666667em;
    color:#333
}
.service-allLink-box2 .container .top .txt {
    width:49.46996466%;
    color:#999;
    line-height:1.55555556em;
    margin-top:.4rem
}
@media (max-width:991px) {
    .service-allLink-box2 .container .top .txt {
    width:100%
}

}
.service-allLink-box2 .container .box {
    width:100%;
    margin-top:.8rem;
    border:1px solid #eaeaea;
    border-radius:.15rem;
    display:flex;
    flex-wrap:wrap;
    background:#fff
}
@media (max-width:767px) {
    .service-allLink-box2 .container .box {
    border:none;
    margin-top:.5rem
}

}
.service-allLink-box2 .container .box .item {
    width:50%
}
@media (max-width:767px) {
    .service-allLink-box2 .container .box .item {
    width:100%;
    border:1px solid #eaeaea;
    border-radius:.1rem;
    margin-bottom:.3rem
}

}
.service-allLink-box2 .container .box .item:last-child .ts {
    border-right:none;
    border-radius:0 0 .15rem 0
}
@media (max-width:767px) {
    .service-allLink-box2 .container .box .item:last-child .ts {
    border-radius:.1rem
}

}
.service-allLink-box2 .container .box .item .ts {
    width:100%;
    border-right:1px solid #eee;
    border-bottom:1px solid #eee;
    border-radius:0 0 0 .15rem;
    padding:.37rem .3rem .39rem
}
@media (max-width:767px) {
    .service-allLink-box2 .container .box .item .ts {
    border-right:none;
    border-bottom:none
}

}
.service-allLink-box2 .container .box .item .ts .t1 {
    color:#1bd629;
    line-height:1.6em
}
.service-allLink-box2 .container .box .item .ts .t2 {
    line-height:1.33333333em;
    color:#333;
    margin-top:.1rem
}
.service-allLink-box2 .container .box .item .ts .t3 {
    color:#999;
    line-height:1.625em;
    margin-top:1.73rem
}
@media (max-width:767px) {
    .service-allLink-box2 .container .box .item .ts .t3 {
    margin-top:.8rem
}
.service-allLink-box2 .container .box .item .ts .t3 br {
    display:none
}

}
.service-allLink-box2 .container .box .item .public-btn {
    margin:.17rem 0 .17rem .2rem
}
@media (max-width:767px) {
    .service-allLink-box2 .container .box .item .public-btn {
    display:none
}

}
.service-allLink-box2 .container .mores {
    width:100%;
    display:none
}
@media (max-width:767px) {
    .service-allLink-box2 .container .mores {
    display:flex;
    margin-top:.6rem;
    justify-content:center
}

}
.service-allLink-box3 {
    width:100%;
    padding:1.55rem 0 1rem;
    background:#f5f7f9;
    position:relative
}
.service-allLink-box3 .container {
    position:relative;
    z-index:2
}
.service-allLink-box3 .container .top {
    width:100%;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    padding:0 0 0 .25rem
}
@media (max-width:767px) {
    .service-allLink-box3 .container .top {
    padding:0
}

}
.service-allLink-box3 .container .top .left .t1 {
    color:#1bd629;
    line-height:1.5em
}
.service-allLink-box3 .container .top .left .title {
    margin-top:.22rem;
    line-height:1.16666667em;
    color:#333
}
.service-allLink-box3 .container .top .txt {
    width:49.46996466%;
    color:#999;
    line-height:1.55555556em;
    margin-top:.4rem
}
@media (max-width:767px) {
    .service-allLink-box3 .container .top .txt {
    width:100%
}
.service-allLink-box3 .container .top .txt br {
    display:none
}

}
.service-allLink-box3 .container .list {
    width:100%;
    margin-top:.8rem
}
@media (max-width:767px) {
    .service-allLink-box3 .container .list {
    margin-top:.5rem
}

}
.service-allLink-box3 .container .list ul {
    width:calc(100% + 38px);
    margin:0 -19px;
    display:flex;
    flex-wrap:wrap
}
@media (max-width:767px) {
    .service-allLink-box3 .container .list ul {
    width:100%;
    margin:0
}

}
.service-allLink-box3 .container .list ul li {
    width:calc(33.33% - 38px);
    height:5.52rem;
    margin:0 19px;
    border:1px solid #eaeaea;
    border-radius:.15rem;
    padding:.48rem .2rem .48rem .4rem;
    position:relative;
    overflow:hidden;
    background:rgba(255,255,255,0.8);
    backdrop-filter:blur(5px)
}
@media (max-width:1600px) {
    .service-allLink-box3 .container .list ul li {
    height:6.52rem
}

}
@media (max-width:991px) {
    .service-allLink-box3 .container .list ul li {
    height:auto;
    padding:.7rem .2rem .5rem
}

}
@media (max-width:767px) {
    .service-allLink-box3 .container .list ul li {
    width:100%;
    height:auto;
    margin:0 0 .3rem
}

}
.service-allLink-box3 .container .list ul li .tips {
    display:none;
    position:absolute;
    top:.2rem;
    right:.2rem
}
@media (max-width:991px) {
    .service-allLink-box3 .container .list ul li .tips {
    border:1px solid #eaeaea;
    padding:0 10px;
    height:20px;
    border-radius:10px;
    display:flex;
    align-items:center;
    font-size:12px
}

}
.service-allLink-box3 .container .list ul li .t1 {
    line-height:1.25em;
    color:#1bd629
}
.service-allLink-box3 .container .list ul li .txt {
    color:#999;
    line-height:1.5em;
    margin-top:.3rem
}
@media (max-width:767px) {
    .service-allLink-box3 .container .list ul li .txt br {
    display:none
}

}
.service-allLink-box3 .container .list ul li .imgs {
    width:100%;
    height:4rem;
    position:absolute;
    left:0;
    bottom:0;
    opacity:0;
    overflow:hidden;
    pointer-events:none;
    display:flex;
    align-items:flex-end
}
@media (max-width:991px) {
    .service-allLink-box3 .container .list ul li .imgs {
    display:none
}

}
.service-allLink-box3 .container .list ul li .imgs .ibs {
    width:100%
}
.service-allLink-box3 .container .list ul li .imgs .ibs img {
    width:100%
}
.service-allLink-box3 .container .list ul li .imgs .ibs span {
    width:80px;
    height:41px;
    background:url(../images/service-allLink-box3-icon1.png) top center no-repeat;
    text-align:center;
    color:#1bd629;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    z-index:3;
    line-height:1.94444444em
}
.service-allLink-box3 .container .list ul li .imgs .ibs span::after {
    content:'';
    position:absolute;
    width:1px;
    height:5rem;
    border-right:1px dashed #1bd629;
    left:50%;
    transform:translateX(-50%);
    top:calc(100% + .27rem)
}
.service-allLink-box3 .container .list ul li:nth-child(1) .imgs {
    transition:all .6s .9s
}
@media (min-width:1921px) {
    .service-allLink-box3 .container .list ul li:nth-child(1) .imgs .ibs img {
    height:5rem
}

}
.service-allLink-box3 .container .list ul li:nth-child(1) .imgs span {
    left:49.5%;
    bottom:.78rem
}
@media (min-width:1921px) {
    .service-allLink-box3 .container .list ul li:nth-child(1) .imgs span {
    bottom:1.1rem
}

}
@media (max-width:1600px) {
    .service-allLink-box3 .container .list ul li:nth-child(1) .imgs span {
    bottom:.85rem
}

}
@media (max-width:1366px) {
    .service-allLink-box3 .container .list ul li:nth-child(1) .imgs span {
    bottom:.7rem
}

}
@media (max-width:1280px) {
    .service-allLink-box3 .container .list ul li:nth-child(1) .imgs span {
    bottom:.8rem
}

}
@media (max-width:1024px) {
    .service-allLink-box3 .container .list ul li:nth-child(1) .imgs span {
    bottom:.7rem
}

}
.service-allLink-box3 .container .list ul li:nth-child(1) .imgs span::after {
    top:calc(100% + .33rem)
}
.service-allLink-box3 .container .list ul li:nth-child(2) .imgs {
    transition:all .6s 1.2s
}
@media (min-width:1921px) {
    .service-allLink-box3 .container .list ul li:nth-child(2) .imgs .ibs img {
    height:4rem
}

}
.service-allLink-box3 .container .list ul li:nth-child(2) .imgs span {
    left:49%;
    bottom:1.3rem
}
@media (min-width:1921px) {
    .service-allLink-box3 .container .list ul li:nth-child(2) .imgs span {
    bottom:1.74rem
}

}
@media (max-width:1600px) {
    .service-allLink-box3 .container .list ul li:nth-child(2) .imgs span {
    bottom:1.67rem
}

}
@media (max-width:1366px) {
    .service-allLink-box3 .container .list ul li:nth-child(2) .imgs span {
    bottom:1.4rem
}

}
@media (max-width:1280px) {
    .service-allLink-box3 .container .list ul li:nth-child(2) .imgs span {
    bottom:1.5rem
}

}
@media (max-width:1024px) {
    .service-allLink-box3 .container .list ul li:nth-child(2) .imgs span {
    bottom:1.2rem
}

}
.service-allLink-box3 .container .list ul li:nth-child(3) .imgs {
    transition:all .6s 2s
}
@media (min-width:1921px) {
    .service-allLink-box3 .container .list ul li:nth-child(3) .imgs .ibs img {
    height:3.4rem
}

}
.service-allLink-box3 .container .list ul li:nth-child(3) .imgs span {
    left:50.3%;
    bottom:2.44rem
}
@media (min-width:1921px) {
    .service-allLink-box3 .container .list ul li:nth-child(3) .imgs span {
    bottom:2.84rem
}

}
@media (max-width:1600px) {
    .service-allLink-box3 .container .list ul li:nth-child(3) .imgs span {
    bottom:3.24rem
}

}
@media (max-width:1440px) {
    .service-allLink-box3 .container .list ul li:nth-child(3) .imgs span {
    bottom:3.1rem
}

}
@media (max-width:1366px) {
    .service-allLink-box3 .container .list ul li:nth-child(3) .imgs span {
    bottom:2.8rem
}

}
@media (max-width:1280px) {
    .service-allLink-box3 .container .list ul li:nth-child(3) .imgs span {
    bottom:2.85rem
}

}
@media (max-width:1024px) {
    .service-allLink-box3 .container .list ul li:nth-child(3) .imgs span {
    bottom:2.3rem
}

}
.service-allLink-box3 .container .list ul li:nth-child(3) .imgs span::after {
    top:calc(100% + .3rem)
}
.service-allLink-box3 .container .list ul li.on .imgs {
    opacity:1
}
.service-allLink-box3 .bg {
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
    z-index:1
}
.service-allLink-box3 .bg img {
    width:100%
}
.service-allLink-box3 .bg2 {
    width:0;
    height:100%;
    pointer-events:none;
    position:absolute;
    bottom:0;
    left:0;
    z-index:3;
    overflow:hidden;
    transition:all 4s
}
@media (max-width:991px) {
    .service-allLink-box3 .bg2 {
    display:none
}

}
.service-allLink-box3 .bg2 img {
    max-width:initial;
    width:1920px;
    position:absolute;
    object-fit:contain;
    bottom:0
}
@media (min-width:1921px) {
    .service-allLink-box3 .bg2 img {
    bottom:.4rem
}

}
@media (max-width:1600px) {
    .service-allLink-box3 .bg2 img {
    width:113vw;
    bottom:-0.55rem
}

}
@media (max-width:1440px) {
    .service-allLink-box3 .bg2 img {
    width:113.9vw;
    bottom:-0.35rem
}

}
@media (max-width:1280px) {
    .service-allLink-box3 .bg2 img {
    width:121vw;
    bottom:-0.3rem
}

}
@media (max-width:1024px) {
    .service-allLink-box3 .bg2 img {
    width:122vw;
    bottom:-0.1rem
}

}
.service-allLink-box3 .bg2.on {
    width:100%
}
.service-allLink-box4 {
    width:100%;
    padding:.98rem 0
}
@media (max-width:767px) {
    .service-allLink-box4 {
    padding:1rem 0
}

}
.service-allLink-box4 .container .top {
    width:100%;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    padding:0 0 0 .25rem
}
.service-allLink-box4 .container .top .left .t1 {
    color:#1bd629;
    line-height:1.5em
}
.service-allLink-box4 .container .top .left .title {
    margin-top:.22rem;
    line-height:1.16666667em;
    color:#333
}
.service-allLink-box4 .container .top .txt {
    width:49.46996466%;
    color:#999;
    line-height:1.55555556em;
    margin-top:.4rem
}
@media (max-width:991px) {
    .service-allLink-box4 .container .top .txt {
    width:100%
}

}
.service-allLink-box4 .container .list {
    width:100%;
    margin-top:.72rem
}
.service-allLink-box4 .container .list ul {
    width:calc(100% + .38rem);
    margin:0 -0.19rem;
    display:flex;
    flex-wrap:wrap
}
@media (max-width:767px) {
    .service-allLink-box4 .container .list ul {
    width:100%;
    margin:0
}

}
.service-allLink-box4 .container .list ul li {
    width:calc(33.33% - .38rem);
    margin:0 .19rem;
    border:1px solid #eaeaea;
    border-radius:.15rem;
    padding:.32rem .25rem .78rem
}
@media (max-width:991px) {
    .service-allLink-box4 .container .list ul li {
    padding:.3rem .2rem .6rem
}

}
@media (max-width:767px) {
    .service-allLink-box4 .container .list ul li {
    width:100%;
    margin:0 0 .3rem
}

}
.service-allLink-box4 .container .list ul li .num {
    line-height:24px;
    color:#1bd629
}
.service-allLink-box4 .container .list ul li .public-img {
    width:100%;
    margin-top:.2rem;
    border-radius:.1rem
}
.service-allLink-box4 .container .list ul li .public-img::before {
    padding-top:50%
}
.service-allLink-box4 .container .list ul li .t1 {
    line-height:1.25em;
    color:#1bd629;
    margin-top:.6rem;
    padding-left:5px
}
@media (max-width:991px) {
    .service-allLink-box4 .container .list ul li .t1 {
    padding-left:0
}

}
@media (max-width:767px) {
    .service-allLink-box4 .container .list ul li .t1 br {
    display:none
}

}
.service-allLink-box4 .container .list ul li .txt {
    color:#999;
    line-height:1.5em;
    margin-top:.3rem;
    padding-left:5px
}
@media (max-width:991px) {
    .service-allLink-box4 .container .list ul li .txt {
    padding-left:0
}

}
.service-pop {
    width:750px;
    max-width:90%;
    position:fixed;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    z-index:99;
    display:none
}
.service-pop .box {
    width:100%;
    border:2px solid #1bd629;
    background:#fff;
    border-radius:.15rem;
    padding:.4rem .48rem .21rem
}
.service-pop .box .title {
    color:#000;
    line-height:1.15384615em;
    position:relative;
    z-index:2
}
.service-pop .box .close {
    width:22px;
    height:22px;
    position:absolute;
    display:flex;
    justify-content:center;
    align-items:center;
    right:.3rem;
    top:.26rem;
    cursor:pointer;
    z-index:2
}
.service-pop .box .close svg {
    width:22px;
    height:22px
}
.service-pop .box .close svg path {
    fill:#999
}
.service-pop .box .content {
    width:100%;
    margin-top:.27rem;
    max-height:470px;
    overflow-y:auto
}
@media (max-width:767px) {
    .service-pop .box .content {
    max-height:300px;
    padding-right:5px;
    -webkit-text-size-adjust:100%;
    -ms-text-size-adjust:100%;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    scrollbar-width:thin
}
.service-pop .box .content::-webkit-scrollbar {
    width:3px
}
.service-pop .box .content::-webkit-scrollbar-thumb {
    border-radius:3px;
    box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
    background:#1bd629
}
.service-pop .box .content::-webkit-scrollbar-track {
    box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
    border-radius:3px;
    background:#ededed
}

}
.service-pop .box .content .item {
    margin-bottom:.26rem
}
.service-pop .box .content .item:last-child {
    margin-bottom:0
}
.service-pop .box .content .item .t1 {
    color:#1bd629;
    line-height:1.5em
}
.service-pop .box .content .item .t2 {
    color:#666;
    font-size:14px;
    line-height:1.42857143em;
    margin-top:.13rem
}
.service-pop .box .dowm {
    width:100%;
    border-top:1px solid #eee;
    margin-top:.36rem;
    padding-top:.22rem
}
.service-pop .box .dowm .ts {
    text-align:center;
    color:#999;
    line-height:1.5em
}
.service-pop .box .dowm .public-btn {
    margin:7px auto 0;
    display:flex;
    justify-content:center
}
.viewpoint-list {
    width:100%
}
@media (max-width:767px) {
    .viewpoint-list {
    padding-bottom:.8rem
}

}
.viewpoint-list .container ul {
    width:calc(100% + .6rem);
    margin:0 -0.3rem;
    display:flex;
    flex-wrap:wrap
}
@media (max-width:767px) {
    .viewpoint-list .container ul {
    width:100%;
    margin:0
}

}
.viewpoint-list .container ul li {
    width:calc(33.33% - .6rem);
    border-radius:.1rem;
    overflow:hidden;
    border:1px solid #eee;
    margin:0 .3rem .4rem
}
@media (max-width:991px) {
    .viewpoint-list .container ul li {
    width:calc(50% - .6rem)
}

}
@media (max-width:767px) {
    .viewpoint-list .container ul li {
    width:100%;
    margin:0 0 .4rem
}
.viewpoint-list .container ul li:last-child {
    margin-bottom:0
}

}
.viewpoint-list .container ul li a {
    width:100%;
    display:block
}
.viewpoint-list .container ul li a .public-img {
    width:100%
}
.viewpoint-list .container ul li a .public-img::before {
    padding-top:47.61904762%
}
.viewpoint-list .container ul li a .tbox {
    width:100%;
    padding:.3rem .2rem .44rem;
    position:relative
}
.viewpoint-list .container ul li a .tbox .lb {
    line-height:1.71428571em;
    color:#999
}
.viewpoint-list .container ul li a .tbox .t1 {
    width:100%;
    line-height:1.45454545em;
    height:2.66666667em;
    color:#333;
    margin-top:.2rem;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    transition:all .4s
}
.viewpoint-list .container ul li a .tbox .t2 {
    line-height:1.5em;
    color:#999;
    padding-top:.3rem;
    padding-right:.3rem;
    border-top:1px solid #e8e8e8;
    margin-top:.44rem;
    background:#fff;
    transition:all .8s;
    transform:translateY(50%);
    opacity:0
}
@media (max-width:991px) {
    .viewpoint-list .container ul li a .tbox .t2 {
    display:none
}

}
.viewpoint-list .container ul li a .tbox .more {
    position:absolute;
    left:.2rem;
    bottom:.52rem;
    display:flex;
    align-items:center;
    transition:all .8s;
    transform-origin:top center
}
@media (max-width:991px) {
    .viewpoint-list .container ul li a .tbox .more {
    position:relative;
    bottom:initial;
    left:initial;
    margin-top:.3rem
}

}
.viewpoint-list .container ul li a .tbox .more span {
    color:#1bd629;
    line-height:1.375em;
    margin-right:.13rem
}
.viewpoint-list .container ul li a .tbox .more i {
    width:22px;
    height:22px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#1bd629
}
.viewpoint-list .container ul li a .tbox .more i svg {
    width:7px;
    height:auto
}
.viewpoint-list .container ul li a .tbox .more i svg path {
    fill:#fff
}
@media (min-width:992px) {
    .viewpoint-list .container ul li:hover a .public-img img {
    transform:scale(1.1)
}
.viewpoint-list .container ul li:hover a .tbox .t1 {
    color:#1bd629
}
.viewpoint-list .container ul li:hover a .tbox .t2 {
    transform:translateY(0);
    opacity:1;
    z-index:2
}
.viewpoint-list .container ul li:hover a .tbox .more {
    opacity:0;
    transform:rotateX(-90deg);
    z-index:-1
}

}
@media (min-width:992px) and (max-width:767px) {
    .viewpoint-list .container ul li:hover a .tbox .more {
    opacity:1;
    transform:rotateX(0);
    z-index:1
}

}
.viewpoint-list .page-list {
    margin-top:.55rem
}
.viewpoint-info {
    width:100%;
    padding:.94rem 0 .53rem
}
.viewpoint-info .container .Breadcrumbs {
    margin-bottom:.3rem;
    font-size:14px;
    display:flex;
    align-items:center
}
.viewpoint-info .container .Breadcrumbs a {
    color:#ccc;
    flex-shrink:0
}
.viewpoint-info .container .Breadcrumbs i {
    flex-shrink:0
}
.viewpoint-info .container .Breadcrumbs i svg path {
    fill:#ccc
}
.viewpoint-info .container .Breadcrumbs span {
    width:100%;
    color:#ccc;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.viewpoint-info .container .top {
    width:100%;
    display:flex;
    justify-content:space-between
}
.viewpoint-info .container .top .left .t1 {
    color:#999;
    line-height:1.71428571em;
    font-size:14px
}
.viewpoint-info .container .top .left .t1 a {
    color:#999;
    transition:all .4s
}
@media (min-width:992px) {
    .viewpoint-info .container .top .left .t1 a:hover {
    color:#1bd629
}

}
.viewpoint-info .container .top .left .title {
    max-width:960px;
    line-height:1.25em;
    color:#000;
    margin-top:.2rem
}
@media (max-width:767px) {
    .viewpoint-info .container .top .left .title br {
    display:none
}

}
.viewpoint-info .container .top .back {
    display:flex;
    margin-right:.25rem;
    margin-top:.35rem
}
@media (max-width:767px) {
    .viewpoint-info .container .top .back {
    display:none
}

}
.viewpoint-info .container .top .back a {
    width:80px;
    height:80px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-content:center;
    flex-wrap:wrap;
    position:relative;
    z-index:2
}
.viewpoint-info .container .top .back a::before {
    content:'';
    width:100%;
    height:100%;
    border-radius:50%;
    background:#1bd629;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    z-index:-1;
    transition:all .4s
}
.viewpoint-info .container .top .back a i {
    width:.24rem;
    height:.24rem;
    display:flex;
    margin:0 auto
}
.viewpoint-info .container .top .back a i svg {
    width:100%;
    height:100%
}
.viewpoint-info .container .top .back a i svg path {
    fill:#fff
}
.viewpoint-info .container .top .back a span {
    width:100%;
    font-size:14px;
    color:#fff;
    line-height:1.71428571em;
    text-align:center;
    margin-top:5px
}
@media (min-width:992px) {
    .viewpoint-info .container .top .back a:hover::before {
    transform:translate(-50%,-50%) scale(1.1)
}

}
.viewpoint-info .container .top2 {
    width:100%;
    padding:.18rem .28rem;
    display:flex;
    align-items:center;
    margin-top:.6rem;
    border-radius:.1rem;
    background:linear-gradient(to right,#f4f4f4,rgba(244,244,244,0))
}
@media (max-width:767px) {
    .viewpoint-info .container .top2 {
    flex-wrap:wrap
}

}
.viewpoint-info .container .top2 .icon {
    width:49px;
    height:49px;
    border-radius:50%;
    overflow:hidden
}
.viewpoint-info .container .top2 .icon img {
    width:100%;
    height:100%;
    object-fit:cover
}
.viewpoint-info .container .top2 .ts {
    min-width:1.6rem;
    margin-left:.15rem;
    border-right:1px solid #ccc;
    padding-right:.5rem
}
.viewpoint-info .container .top2 .ts .t1 {
    color:#1bd629;
    line-height:1.33333333em
}
.viewpoint-info .container .top2 .ts .t1 a{
    color:#666;
}
.viewpoint-info .container .top2 .ts .t2 {
    color:#999;
    font-size:14px;
    line-height:1.42857143em
}
.viewpoint-info .container .top2 .ts .t2 a{
    color:#666;
}
.viewpoint-info .container .top2 .ts2 {
    margin-left:.7rem
}
@media (max-width:991px) {
    .viewpoint-info .container .top2 .ts2 {
    margin-left:0
}

}
.viewpoint-info .container .top2 .ts2 .t1 {
    color:#aaa;
    font-size:14px;
    line-height:1.42857143em
}
.viewpoint-info .container .top2 .ts2 .t2 {
    color:#666;
    font-size:14px;
    line-height:1.71428571em
}
.viewpoint-info .container .top2.case-top2 {
    background:none;
    padding:.18rem 0 .34rem;
    border-bottom:2px solid #cccccc;
    border-radius:0
}
.viewpoint-info .container .top2.case-top2 .icon {
    width:46px;
    height:46px;
    border:2px solid #1bd629
}
.viewpoint-info .container .top2.case-top2 .ts {
    min-width:2rem;
    border-right:none
}
.viewpoint-info .container .top2.case-top2 .ts2 {
    margin-top:auto
}
.viewpoint-info .container .top2.case-top2 .time {
    margin-top:auto;
    margin-left:auto;
    display:flex;
    align-items:center;
    padding-right:.2rem
}
@media (max-width:767px) {
    .viewpoint-info .container .top2.case-top2 .time {
    display:none
}

}
.viewpoint-info .container .top2.case-top2 .time i {
    width:17px;
    height:17px;
    display:flex;
    margin-right:.12rem
}
.viewpoint-info .container .top2.case-top2 .time span {
    color:#999;
    font-size:14px;
    line-height:1.71428571em
}
.viewpoint-info .container .case-top {
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    flex-wrap:wrap;
    padding-top:.4rem;
    flex-direction:row-reverse
}
.viewpoint-info .container .case-top .tbox {
    width:37.5%;
    padding-top:.16rem
}
@media (max-width:991px) {
    .viewpoint-info .container .case-top .tbox {
    width:100%;
    margin-top:1rem
}

}
.viewpoint-info .container .case-top .tbox .t1 {
    font-size:14px;
    line-height:24px;
    color:#1bd629
}
.viewpoint-info .container .case-top .tbox .t1 .company {
    color:#666;
    position:relative;
    z-index:1;
    padding-left:.1rem;
    margin-left:.1rem
}
.viewpoint-info .container .case-top .tbox .t1 .company::before {
    content:'';
    width:1px;
    height:13px;
    background:#ddd;
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%)
}
.viewpoint-info .container .case-top .tbox .t2 {
    line-height:1.25em;
    color:#000;
    margin-top:.25rem
}
.viewpoint-info .container .case-top .tbox .t3 {
    line-height:1.33333333em;
    color:#999;
    margin-top:.58rem
}
@media (max-width:767px) {
    .viewpoint-info .container .case-top .tbox .t3 {
    display:none
}

}
.viewpoint-info .container .case-top .tbox .t4 {
    width:100%;
    display:flex;
    margin-top:.62rem
}
.viewpoint-info .container .case-top .tbox .t4 .item {
    width:33.33%;
    border-right:1px solid #eee;
    padding:5px 0 5px .4rem
}
@media (max-width:767px) {
    .viewpoint-info .container .case-top .tbox .t4 .item {
    padding:5px 0 5px .2rem
}

}
.viewpoint-info .container .case-top .tbox .t4 .item:first-child {
    padding:5px 0
}
.viewpoint-info .container .case-top .tbox .t4 .item:last-child {
    border-right:none
}
.viewpoint-info .container .case-top .tbox .t4 .item .num {
    letter-spacing:-2px;
    line-height:1;
    font-weight:bold;
    display:flex
}
.viewpoint-info .container .case-top .tbox .t4 .item .num i {
    width:16px;
    height:16px;
    display:flex;
    justify-content:center;
    align-items:center;
    overflow:hidden
}
@media (max-width:767px) {
    .viewpoint-info .container .case-top .tbox .t4 .item .num i {
    left:100%
}

}
.viewpoint-info .container .case-top .tbox .t4 .item .num i svg {
    width:50%;
    height:50%;
    animation:arrowRun 5s infinite
}
.viewpoint-info .container .case-top .tbox .t4 .item .num i svg path {
    fill:#1bd629
}
.viewpoint-info .container .case-top .tbox .t4 .item .ts {
    color:#999;
    line-height:1.5em;
    margin-top:5px
}
.viewpoint-info .container .case-top .img-box {
    width:47.91666667%;
    position:relative
}
@media (max-width:991px) {
    .viewpoint-info .container .case-top .img-box {
    width:85%;
    margin-left:auto
}

}
.viewpoint-info .container .case-top .img-box::before {
    content:'';
    width:100%;
    padding-top:60.14492754%;
    display:block
}
.viewpoint-info .container .case-top .img-box .img1 {
    position:absolute;
    z-index:2;
    bottom:-9.87951807%;
    left:-17.39130435%;
    width:25.07246377%;
    height:84.81927711%
}
.viewpoint-info .container .case-top .img-box .img1::before {
    content:'';
    width:293.6416185%;
    height:15.90909091%;
    background:url(../images/case-top-bg-shadow.png) left bottom no-repeat;
    background-size:contain;
    position:absolute;
    bottom:0;
    left:-20.80924855%;
    z-index:-1
}
.viewpoint-info .container .case-top .img-box .img1 .bg {
    width:100%;
    height:100%
}
.viewpoint-info .container .case-top .img-box .img1 .img {
    width:90.1734104%;
    height:95.45454545%;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
.viewpoint-info .container .case-top .img-box .img1 .img img {
    width:100%;
    height:100%;
    object-fit:cover
}
.viewpoint-info .container .case-top .img-box .img2 {
    width:100%;
    height:100%;
    position:absolute;
    right:0;
    top:0
}
.viewpoint-info .container .case-top .img-box .img2 .bg {
    width:100%;
    height:100%;
    border-radius:.25rem;
    overflow:hidden;
    position:relative;
    z-index:2
}
.viewpoint-info .container .case-top .img-box .img2 .bg img {
    width:100%;
    height:100%
}
.viewpoint-info .container .case-top .img-box .img2 .img {
    width:94.20289855%;
    height:80.72289157%;
    position:absolute;
    z-index:1;
    left:50%;
    transform:translateX(-50%);
    top:9.63855422%
}
.viewpoint-info .container .case-top .img-box .img2 .img img {
    width:100%;
    height:100%;
    object-fit:cover
}
.viewpoint-info .container .case-top.case-yy-top .tbox {
    width:40.97222222%;
    padding:0
}
@media (max-width:991px) {
    .viewpoint-info .container .case-top.case-yy-top .tbox {
    width:100%;
    margin-top:.5rem
}

}
.viewpoint-info .container .case-top.case-yy-top .tbox .t2 {
    line-height:1.33333333em
}
.viewpoint-info .container .case-top.case-yy-top .tbox .t3 {
    line-height:1.5em;
    margin-top:.42rem
}
.viewpoint-info .container .case-top.case-yy-top .tbox .t4 {
    width:100%;
    display:flex;
    margin-top:.62rem
}
.viewpoint-info .container .case-top.case-yy-top .tbox .t4 .item {
    width:33.33%;
    border-left:1px solid #eee;
    padding:5px 0 5px .4rem
}
@media (max-width:767px) {
    .viewpoint-info .container .case-top.case-yy-top .tbox .t4 .item {
    padding:5px 0 5px .2rem
}

}
.viewpoint-info .container .case-top.case-yy-top .tbox .t4 .item .num {
    letter-spacing:-2px;
    line-height:1;
    font-weight:bold;
    display:flex
}
.viewpoint-info .container .case-top.case-yy-top .tbox .t4 .item .num i {
    width:16px;
    height:16px;
    display:flex;
    justify-content:center;
    align-items:center;
    overflow:hidden;
    flex-shrink:0
}
@media (max-width:767px) {
    .viewpoint-info .container .case-top.case-yy-top .tbox .t4 .item .num i {
    left:100%
}

}
.viewpoint-info .container .case-top.case-yy-top .tbox .t4 .item .num i svg {
    width:50%;
    height:50%;
    animation:arrowRun 5s infinite
}
.viewpoint-info .container .case-top.case-yy-top .tbox .t4 .item .num i svg path {
    fill:#1bd629
}
.viewpoint-info .container .case-top.case-yy-top .tbox .t4 .item .num i.down {
    transform:rotateZ(90deg)
}
.viewpoint-info .container .case-top.case-yy-top .tbox .t4 .item .ts {
    color:#999;
    line-height:1.5em;
    margin-top:5px
}
.viewpoint-info .container .case-top.case-yy-top .img-box {
    margin-top:.24rem
}
@media (max-width:991px) {
    .viewpoint-info .container .case-top.case-yy-top .img-box {
    width:100%;
    margin-top:0
}

}
.viewpoint-info .container .content {
    width:100%;
    margin-top:1.05rem;
    display:flex;
    justify-content:space-between
}
.viewpoint-info .container .content .left {
    width:27.77777778%;
    height:calc(100vh - 2rem);
    position:sticky;
    position:-webkit-sticky;
    top:80px;
    display:flex;
    flex-wrap:wrap;
    align-content:space-between
}
@media (max-width:991px) {
    .viewpoint-info .container .content .left {
    display:none
}

}
.viewpoint-info .container .content .left .ltop {
    width:100%
}
.viewpoint-info .container .content .left .ltop ul li {
    width:100%;
    display:flex;
    color:#999;
    font-size:16px;
    line-height:26px;
    height:26px;
    transition:all .4s;
    cursor:pointer;
    position:relative;
    z-index:1;
    padding-left:.1rem;
    margin-bottom:.1rem
}
.viewpoint-info .container .content .left .ltop ul li span {
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.viewpoint-info .container .content .left .ltop ul li::before {
    content:'';
    width:2px;
    height:2px;
    background:#999;
    transition:all .4s;
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%)
}
@media (min-width:992px) {
    .viewpoint-info .container .content .left .ltop ul li:hover {
    color:#1bd629
}
.viewpoint-info .container .content .left .ltop ul li:hover::before {
    background:#1bd629
}

}
.viewpoint-info .container .content .left .ltop ul li.on {
    color:#1bd629;
    font-size:18px
}
.viewpoint-info .container .content .left .ltop ul li.on::before {
    background:#1bd629
}
.viewpoint-info .container .content .left .ldown {
    width:100%
}
.viewpoint-info .container .content .left .ldown .ts {
    color:#333;
    line-height:1.33333333em
}
.viewpoint-info .container .content .left .ldown ul {
    width:100%;
    margin-top:.22rem
}
.viewpoint-info .container .content .left .ldown ul li {
    display:flex;
    margin-bottom:.06rem
}
.viewpoint-info .container .content .left .ldown ul li:last-child {
    margin-bottom:0
}
.viewpoint-info .container .content .left .ldown ul li a {
    color:#999;
    font-size:16px;
    line-height:1.71428571em;
    transition:all .4s;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.viewpoint-info .container .content .left .ldown ul li a i {
    height:16px;
    padding:0 5px;
    border-radius:8px;
    background:#1bd629;
    font-style:normal;
    display:inline-flex;
    justify-content:center;
    align-items:center;
    color:#fff;
    font-size:12px
}
@media (min-width:992px) {
    .viewpoint-info .container .content .left .ldown ul li:hover a {
    color:#1bd629
}

}
.viewpoint-info .container .content .right {
    width:68.05555556%;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:flex-start
}
@media (max-width:991px) {
    .viewpoint-info .container .content .right {
    width:100%
}

}
.viewpoint-info .container .content .right .public-content {
    width:79.59183673%;
    color:#666;
    line-height:1.5em;
    letter-spacing:.12em
}
@media (max-width:767px) {
    .viewpoint-info .container .content .right .public-content {
    width:100%;
    line-height:1.875em;
    font-size:.28rem
}

}
.viewpoint-info .container .content .right .public-content h3 {
    line-height:1.5em;
    color:#000;
    font-size:.3rem
}
@media (max-width:767px) {
    .viewpoint-info .container .content .right .public-content h3 {
    font-size:.36rem
}

}
.viewpoint-info .container .content .right .public-content .img-tc {
    cursor:pointer
}
.viewpoint-info .container .content .right .public-content img {
    width:100%
}
.viewpoint-info .container .content .right .case-content {
    width:79.59183673%
}
@media (max-width:767px) {
    .viewpoint-info .container .content .right .case-content {
    width:100%
}

}
.viewpoint-info .container .content .right .case-content>ul {
    width:100%
}
.viewpoint-info .container .content .right .case-content>ul>li {
    width:100%
}
.viewpoint-info .container .content .right .case-content>ul>li .img-tc {
    cursor:pointer
}
.viewpoint-info .container .content .right .case-content>ul>li .tbox {
    width:100%
}
.viewpoint-info .container .content .right .case-content>ul>li .tbox .txt {
    color:#666;
    line-height:1.5em
}
@media (max-width:767px) {
    .viewpoint-info .container .content .right .case-content>ul>li .tbox .txt {
    line-height:1.875em;
    font-size:.3rem
}

}
.viewpoint-info .container .content .right .case-content>ul>li .tbox .txt h3 {
    line-height:1.5em;
    color:#000
}
.viewpoint-info .container .content .right .case-content>ul>li .tbox .txt a {
    display:block
}
.viewpoint-info .container .content .right .case-content>ul>li .tbox .vbox {
    width:100%;
    background:url(../images/case-ionf-vbox-bg.png) center center no-repeat;
    background-size:cover;
    border:1px solid #dedede;
    border-radius:.15rem;
    padding:.3rem .35rem;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap
}
.viewpoint-info .container .content .right .case-content>ul>li .tbox .vbox .video {
    width:51.00286533%;
    position:relative
}
@media (max-width:767px) {
    .viewpoint-info .container .content .right .case-content>ul>li .tbox .vbox .video {
    width:100%
}

}
.viewpoint-info .container .content .right .case-content>ul>li .tbox .vbox .video video {
    width:100%
}
.viewpoint-info .container .content .right .case-content>ul>li .tbox .vbox .video .play {
    width:.68rem;
    height:.48rem;
    position:absolute;
    z-index:2;
    left:12px;
    bottom:12px;
    background:#1bd629;
    border-radius:.08rem .08rem .08rem .08rem;
    display:flex;
    justify-content:center;
    align-items:center;
    cursor:pointer
}
.viewpoint-info .container .content .right .case-content>ul>li .tbox .vbox .video .play img {
    width:.15rem
}
.viewpoint-info .container .content .right .case-content>ul>li .tbox .vbox .tbox {
    width:42.97994269%
}
@media (max-width:767px) {
    .viewpoint-info .container .content .right .case-content>ul>li .tbox .vbox .tbox {
    width:100%
}

}
.viewpoint-info .container .content .right .case-content>ul>li .tbox .vbox .tbox .t1 {
    line-height:1.8em;
    color:#1bd629
}
.viewpoint-info .container .content .right .case-content>ul>li .tbox .vbox .tbox .t2 {
    line-height:1.5em;
    color:#999;
    margin-top:.16rem
}
@media (max-width:767px) {
    .viewpoint-info .container .content .right .case-content>ul>li .tbox .vbox .tbox .t2 br {
    display:none
}

}
.viewpoint-info .container .content .right .yy-content {
    width:79.59183673%;
    letter-spacing:.12em
}
@media (max-width:767px) {
    .viewpoint-info .container .content .right .yy-content {
    width:100%
}

}
.viewpoint-info .container .content .right .yy-content h1,.viewpoint-info .container .content .right .yy-content h2,.viewpoint-info .container .content .right .yy-content h3,.viewpoint-info .container .content .right .yy-content h4,.viewpoint-info .container .content .right .yy-content h5,.viewpoint-info .container .content .right .yy-content h6 {
    font-style:normal;
    font-size:normal;
    font-weight:normal;
    color:#000
}
.viewpoint-info .container .content .right .yy-content h2 {
    font-size:36px
}
.viewpoint-info .container .content .right .yy-content h3 {
    font-size:24px
}
.viewpoint-info .container .content .right .yy-content h4 {
    font-size:20px
}
.viewpoint-info .container .content .right .yy-content h5 {
    font-size:18px
}
.viewpoint-info .container .content .right .yy-content>ul {
    width:100%
}
.viewpoint-info .container .content .right .yy-content>ul>li {
    width:100%
}
.viewpoint-info .container .content .right .yy-content>ul>li .yy-tbox {
    width:100%
}
.viewpoint-info .container .content .right .yy-content>ul>li .yy-tbox .txt {
    color:#666;
    line-height:1.5em
}
@media (max-width:767px) {
    .viewpoint-info .container .content .right .yy-content>ul>li .yy-tbox .txt {
    line-height:1.875em;
    font-size:.3rem
}

}
.viewpoint-info .container .content .right .yy-content>ul>li .yy-tbox .txt h3 {
    line-height:1.5em;
    color:#000
}
.viewpoint-info .container .content .right .yy-content>ul>li .yy-tbox .txt a {
    display:block
}
.viewpoint-info .container .content .right .yy-content>ul>li .yy-tbox .vbox {
    width:100%;
    background:url(../images/case-ionf-vbox-bg.png) center center no-repeat;
    background-size:cover;
    border:1px solid #dedede;
    border-radius:.15rem;
    padding:.3rem .35rem;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap
}
.viewpoint-info .container .content .right .yy-content>ul>li .yy-tbox .vbox .video {
    width:51.00286533%;
    position:relative
}
@media (max-width:767px) {
    .viewpoint-info .container .content .right .yy-content>ul>li .yy-tbox .vbox .video {
    width:100%
}

}
.viewpoint-info .container .content .right .yy-content>ul>li .yy-tbox .vbox .video video {
    width:100%
}
.viewpoint-info .container .content .right .yy-content>ul>li .yy-tbox .vbox .video .play {
    width:.68rem;
    height:.48rem;
    position:absolute;
    z-index:2;
    left:12px;
    bottom:12px;
    background:#1bd629;
    border-radius:.08rem .08rem .08rem .08rem;
    display:flex;
    justify-content:center;
    align-items:center;
    cursor:pointer
}
.viewpoint-info .container .content .right .yy-content>ul>li .yy-tbox .vbox .video .play img {
    width:.15rem
}
.viewpoint-info .container .content .right .yy-content>ul>li .yy-tbox .vbox .tbox {
    width:42.97994269%
}
@media (max-width:767px) {
    .viewpoint-info .container .content .right .yy-content>ul>li .yy-tbox .vbox .tbox {
    width:100%
}

}
.viewpoint-info .container .content .right .yy-content>ul>li .yy-tbox .vbox .tbox .t1 {
    line-height:1.8em;
    color:#1bd629
}
.viewpoint-info .container .content .right .yy-content>ul>li .yy-tbox .vbox .tbox .t2 {
    line-height:1.5em;
    color:#999;
    margin-top:.16rem
}
@media (max-width:767px) {
    .viewpoint-info .container .content .right .yy-content>ul>li .yy-tbox .vbox .tbox .t2 br {
    display:none
}

}
.viewpoint-info .container .content .right .yy-content>ul>li .yy-cbox1 {
    width:100%;
    padding-bottom:.42rem;
    border-bottom:1px solid #ececec
}
.viewpoint-info .container .content .right .yy-content>ul>li .yy-cbox1 .icon1 {
    height:33px;
    display:flex
}
.viewpoint-info .container .content .right .yy-content>ul>li .yy-cbox1 .txt {
    line-height:1.2em;
    margin-top:.42rem
}
@media (max-width:767px) {
    .viewpoint-info .container .content .right .yy-content>ul>li .yy-cbox1 .txt {
    line-height:1.875em;
    font-size:.3rem
}

}
.viewpoint-info .container .content .right .yy-content>ul>li .yy-cbox1 .author {
    margin-top:.53rem;
    display:flex;
    align-items:center
}
.viewpoint-info .container .content .right .yy-content>ul>li .yy-cbox1 .author .icons {
    width:.52rem;
    height:.52rem;
    border-radius:50%;
    overflow:hidden;
    flex-shrink:0
}
@media (max-width:767px) {
    .viewpoint-info .container .content .right .yy-content>ul>li .yy-cbox1 .author .icons {
    width:.8rem;
    height:.8rem
}

}
.viewpoint-info .container .content .right .yy-content>ul>li .yy-cbox1 .author .icons img {
    width:100%;
    height:100%;
    object-fit:cover
}
.viewpoint-info .container .content .right .yy-content>ul>li .yy-cbox1 .author .ts .t1 {
    color:#666;
    line-height:1.33333333em
}
.viewpoint-info .container .content .right .yy-content>ul>li .yy-cbox1 .author .ts .t2 {
    color:#999;
    font-size:14px;
    line-height:1.71428571em
}
.viewpoint-info .container .content .right .yy-content>ul>li .yy-box2 {
    width:100%;
    padding-bottom:.5rem
}
.viewpoint-info .container .content .right .yy-content>ul>li .yy-box2 .t1 {
    line-height:1.41666667em;
    color:#000
}
.viewpoint-info .container .content .right .yy-content>ul>li .yy-box2 .txt {
    line-height:1.5em;
    color:#666;
    margin-top:.35rem
}
@media (max-width:767px) {
    .viewpoint-info .container .content .right .yy-content>ul>li .yy-box2 .txt {
    line-height:1.875em;
    font-size:.3rem
}

}
.viewpoint-info .container .content .right .yy-content>ul>li .yy-box3 {
    width:100%
}
.viewpoint-info .container .content .right .yy-content>ul>li .yy-box3 .tbox1 {
    width:100%;
    padding-bottom:.5rem
}
.viewpoint-info .container .content .right .yy-content>ul>li .yy-box3 .tbox1 .ts {
    width:100%;
    border-top:1px solid #eee;
    display:flex;
    margin-bottom:.66rem
}
.viewpoint-info .container .content .right .yy-content>ul>li .yy-box3 .tbox1 .ts:last-child {
    margin-bottom:0
}
.viewpoint-info .container .content .right .yy-content>ul>li .yy-box3 .tbox1 .ts .tb1 {
    width:50%;
    border-right:1px solid #eee;
    padding:.37rem .25rem 0
}
.viewpoint-info .container .content .right .yy-content>ul>li .yy-box3 .tbox1 .ts .tb1 .t1 {
    display:flex
}
.viewpoint-info .container .content .right .yy-content>ul>li .yy-box3 .tbox1 .ts .tb1 .t1 span {
    height:35px;
    color:#333;
    padding:0 .16rem;
    border-radius:17px;
    background:#eee;
    display:flex;
    align-items:center
}
@media (max-width:767px) {
    .viewpoint-info .container .content .right .yy-content>ul>li .yy-box3 .tbox1 .ts .tb1 .t1 span {
    height:30px;
    font-size:12px;
    padding:0 .25rem
}

}
.viewpoint-info .container .content .right .yy-content>ul>li .yy-box3 .tbox1 .ts .tb1 .t2 {
    line-height:1.5em;
    color:#999;
    margin-top:.2rem
}
.viewpoint-info .container .content .right .yy-content>ul>li .yy-box3 .tbox1 .ts .tb2 {
    width:50%;
    padding:.37rem .25rem 0
}
.viewpoint-info .container .content .right .yy-content>ul>li .yy-box3 .tbox1 .ts .tb2 .t1 {
    display:flex
}
.viewpoint-info .container .content .right .yy-content>ul>li .yy-box3 .tbox1 .ts .tb2 .t1 span {
    height:35px;
    color:#fff;
    padding:0 .16rem;
    border-radius:17px;
    background:#1bd629;
    display:flex;
    align-items:center
}
@media (max-width:767px) {
    .viewpoint-info .container .content .right .yy-content>ul>li .yy-box3 .tbox1 .ts .tb2 .t1 span {
    height:30px;
    font-size:12px;
    padding:0 .25rem
}

}
.viewpoint-info .container .content .right .yy-content>ul>li .yy-box3 .tbox1 .ts .tb2 .t2 {
    line-height:1.5em;
    color:#999;
    margin-top:.2rem
}
.viewpoint-info .container .content .right .yy-content>ul>li .yy-box3 .tbox2 {
    width:100%;
    border:1px solid #dedede;
    background:url(../images/case-ionf-vbox-bg.png) right center no-repeat;
    background-size:cover;
    border-radius:.15rem;
    padding:.5rem .48rem .34rem;
    margin-bottom:.5rem
}
@media (max-width:767px) {
    .viewpoint-info .container .content .right .yy-content>ul>li .yy-box3 .tbox2 {
    padding:.5rem .3rem .34rem
}

}
.viewpoint-info .container .content .right .yy-content>ul>li .yy-box3 .tbox2 .t2title {
    line-height:1.4em;
    color:#000;
    position:relative;
    font-size:20px
}
@media (max-width:1600px) {
    .viewpoint-info .container .content .right .yy-content>ul>li .yy-box3 .tbox2 .t2title {
    font-size:18px
}

}
@media (max-width:1280px) {
    .viewpoint-info .container .content .right .yy-content>ul>li .yy-box3 .tbox2 .t2title {
    font-size:16px
}

}
@media (max-width:991px) {
    .viewpoint-info .container .content .right .yy-content>ul>li .yy-box3 .tbox2 .t2title {
    font-size:.3rem
}

}
.viewpoint-info .container .content .right .yy-content>ul>li .yy-box3 .tbox2 .t2title::before {
    content:'';
    width:.39rem;
    height:.33rem;
    background:url(../images/maoh.svg) center center no-repeat;
    background-size:contain;
    position:absolute;
    left:-0.17rem;
    top:-0.17rem
}
.viewpoint-info .container .content .right .yy-content>ul>li .yy-box3 .tbox2 .author {
    margin-top:.56rem;
    display:flex;
    align-items:center
}
@media (max-width:767px) {
    .viewpoint-info .container .content .right .yy-content>ul>li .yy-box3 .tbox2 .author {
    margin-top:.8rem
}

}
.viewpoint-info .container .content .right .yy-content>ul>li .yy-box3 .tbox2 .author .icons {
    width:.65rem;
    height:.65rem;
    border-radius:50%;
    overflow:hidden
}
@media (max-width:767px) {
    .viewpoint-info .container .content .right .yy-content>ul>li .yy-box3 .tbox2 .author .icons {
    width:.8rem;
    height:.8rem;
    flex-shrink:0
}

}
.viewpoint-info .container .content .right .yy-content>ul>li .yy-box3 .tbox2 .author .icons img {
    width:100%;
    height:100%;
    object-fit:cover
}
.viewpoint-info .container .content .right .yy-content>ul>li .yy-box3 .tbox2 .author .ts {
    margin-left:.24rem
}
@media (max-width:767px) {
    .viewpoint-info .container .content .right .yy-content>ul>li .yy-box3 .tbox2 .author .ts {
    width:100%
}

}
.viewpoint-info .container .content .right .yy-content>ul>li .yy-box3 .tbox2 .author .ts .t1 {
    color:#1bd629;
    line-height:1.72727273em
}
.viewpoint-info .container .content .right .yy-content>ul>li .yy-box3 .tbox2 .author .ts .t2 {
    color:#999;
    font-size:14px;
    line-height:1.71428571em
}
@media (max-width:767px) {
    .viewpoint-info .container .content .right .yy-content>ul>li .yy-box3 .tbox2 .author .ts .t2 {
    font-size:12px
}

}
.viewpoint-info .container .content .right .yy-content>ul>li .yy-box3 .txt {
    width:100%;
    color:#666;
    line-height:1.5em;
    padding-bottom:.5rem
}
@media (max-width:767px) {
    .viewpoint-info .container .content .right .yy-content>ul>li .yy-box3 .txt {
    line-height:1.875em;
    font-size:.3rem
}

}
.viewpoint-info .container .content .right .yy-content>ul>li .yy-box3 .txt img {
    max-width:100%;
    height:auto !important
}
.viewpoint-info .container .content .right .yy-content>ul>li .yy-box4 {
    width:100%;
    padding-bottom:.5rem
}
.viewpoint-info .container .content .right .yy-content>ul>li .yy-box4 .t1 {
    line-height:1.41666667em;
    color:#000
}
.viewpoint-info .container .content .right .yy-content>ul>li .yy-box4 .t2 {
    line-height:1.5em;
    color:#666;
    margin-top:.34rem
}
@media (max-width:767px) {
    .viewpoint-info .container .content .right .yy-content>ul>li .yy-box4 .t2 {
    line-height:1.875em;
    font-size:.3rem
}

}
.viewpoint-info .container .content .right .tips {
    width:14.28571429%;
    height:6.5rem;
    padding:0 .2rem 0 .3rem;
    border-left:1px solid #f4f4f4;
    position:sticky;
    position:-webkit-sticky;
    top:80px
}
@media (max-width:767px) {
    .viewpoint-info .container .content .right .tips {
    width:100%;
    height:auto;
    position:relative;
    top:initial;
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-direction:row-reverse;
    border-left:none;
    border-top:1px solid #f4f4f4;
    margin-top:4rem;
    padding:.5rem 0
}

}
.viewpoint-info .container .content .right .tips .zan {
    width:100%;
    padding-bottom:.22rem;
    border-bottom:1px solid #f4f4f4
}
@media (max-width:767px) {
    .viewpoint-info .container .content .right .tips .zan {
    width:auto;
    border-bottom:none;
    padding-bottom:0;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    bottom:calc(100% + .4rem)
}

}
.viewpoint-info .container .content .right .tips .zan .icon {
    width:.65rem;
    height:.65rem;
    margin:0 auto;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:50%;
    border:1px solid #f4f4f4;
    cursor:pointer;
    transition:all .4s
}
@media (max-width:1600px) {
    .viewpoint-info .container .content .right .tips .zan .icon {
    width:48px;
    height:48px
}

}
@media (max-width:767px) {
    .viewpoint-info .container .content .right .tips .zan .icon {
    width:1.6rem;
    height:1.6rem
}

}
.viewpoint-info .container .content .right .tips .zan .icon .icobutton {
    width:41%;
    height:41%
}
.viewpoint-info .container .content .right .tips .zan .icon svg {
    width:41%;
    height:41%
}
.viewpoint-info .container .content .right .tips .zan .icon svg path {
    fill:#666;
    transition:all .4s
}
.viewpoint-info .container .content .right .tips .zan .num {
    width:100%
}
.viewpoint-info .container .content .right .tips .zan .num span {
    color:#1bd629;
    line-height:1;
    text-align:center;
    display:block;
    margin-top:.1rem
}
@media (max-width:767px) {
    .viewpoint-info .container .content .right .tips .zan .num span {
    font-size:20px;
    margin-top:.2rem
}

}
.viewpoint-info .container .content .right .tips .zan.on .fa-thumbs-up {
    background:url(../images/zan-m.svg) center center no-repeat !important;
    transform:scale3d(1,1,1) !important
}
.viewpoint-info .container .content .right .tips .share {
    width:100%;
    margin-top:.2rem;
    border-bottom:1px solid #f4f4f4
}
@media (max-width:767px) {
    .viewpoint-info .container .content .right .tips .share {
    width:auto;
    border-bottom:none;
    display:flex;
    align-items:center;
    margin-top:0
}

}
.viewpoint-info .container .content .right .tips .share span {
    width:100%;
    display:block;
    text-align:center;
    color:#ccc;
    font-size:14px;
    line-height:1.71428571em
}
.viewpoint-info .container .content .right .tips .share .social-share {
    padding:.12rem 0
}
@media (max-width:767px) {
    .viewpoint-info .container .content .right .tips .share .social-share {
    display:flex;
    flex-wrap:nowrap;
    flex-direction:row;
    padding:0
}

}
.viewpoint-info .container .content .right .tips .share .social-share a {
    width:48px;
    height:48px;
    border-radius:50%;
    border:1px solid #f4f4f4;
    margin:0 auto .12rem;
    display:flex;
    justify-content:center;
    align-items:center;
    transition:all .4s;
    flex-shrink:0
}
@media (max-width:767px) {
    .viewpoint-info .container .content .right .tips .share .social-share a {
    width:.8rem;
    height:.8rem;
    margin:0 .1rem
}

}
.viewpoint-info .container .content .right .tips .share .social-share a svg {
    width:20px;
    height:20px
}
.viewpoint-info .container .content .right .tips .share .social-share a svg path {
    fill:#ccc;
    transition:all .4s
}
.viewpoint-info .container .content .right .tips .share .social-share a:hover {
    background:#1bd629;
    border:1px solid #1bd629
}
.viewpoint-info .container .content .right .tips .share .social-share a:hover svg path {
    fill:#fff
}
.viewpoint-info .container .content .right .tips .back {
    width:100%;
    display:block;
    margin-top:.25rem
}
@media (max-width:767px) {
    .viewpoint-info .container .content .right .tips .back {
    width:auto;
    border-bottom:none;
    margin-top:0;
    display:flex;
    align-items:center
}

}
.viewpoint-info .container .content .right .tips .back .icon {
    width:48px;
    height:48px;
    display:flex;
    justify-content:center;
    align-items:center;
    margin:0 auto;
    border-radius:50%;
    transition:all .4s
}
@media (max-width:767px) {
    .viewpoint-info .container .content .right .tips .back .icon {
    width:.6rem;
    height:.8rem;
    justify-content:flex-start;
    flex-shrink:0
}

}
.viewpoint-info .container .content .right .tips .back .icon svg {
    width:50%;
    height:50%;
    object-fit:contain
}
@media (max-width:767px) {
    .viewpoint-info .container .content .right .tips .back .icon svg {
    width:.5rem;
    height:.4rem
}

}
.viewpoint-info .container .content .right .tips .back .icon svg path {
    fill:#1bd629;
    transition:all .4s
}
.viewpoint-info .container .content .right .tips .back span {
    width:100%;
    font-size:14px;
    line-height:1.71428571em;
    color:#999;
    display:block;
    text-align:center;
    transition:all .4s
}
@media (max-width:767px) {
    .viewpoint-info .container .content .right .tips .back span {
    margin-top:0
}

}
@media (min-width:992px) {
    .viewpoint-info .container .content .right .tips .back:hover .icon {
    background:#1bd629
}
.viewpoint-info .container .content .right .tips .back:hover .icon svg path {
    fill:#fff
}
.viewpoint-info .container .content .right .tips .back:hover span {
    color:#1bd629
}

}
.viewpoint-info .container .ck-box {
    width:100%;
    margin-top:.96rem
}
@media (max-width:767px) {
    .viewpoint-info .container .ck-box {
    margin-top:0
}

}
.viewpoint-info .container .ck-box .boxs {
    width:68.05555556%;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    border-top:2px solid #a7a7a7;
    padding-top:.3rem;
    margin-left:auto
}
@media (max-width:991px) {
    .viewpoint-info .container .ck-box .boxs {
    width:100%;
    flex-wrap:wrap
}

}
.viewpoint-info .container .ck-box .boxs .ck-left {
    display:flex;
    padding-top:.36rem
}
@media (max-width:767px) {
    .viewpoint-info .container .ck-box .boxs .ck-left {
    width:100%;
    flex-wrap:wrap
}

}
.viewpoint-info .container .ck-box .boxs .ck-left .t1 {
    width:1.2rem;
    font-size:14px;
    line-height:1.42857143em;
    color:#999
}
@media (max-width:767px) {
    .viewpoint-info .container .ck-box .boxs .ck-left .t1 {
    width:auto;
    flex-shrink:0;
    padding-right:.1rem
}

}
@media (max-width:767px) {
    .viewpoint-info .container .ck-box .boxs .ck-left .t2 {
    width:100%;
    margin-top:.3rem
}

}
.viewpoint-info .container .ck-box .boxs .ck-left .t2 a .ts {
    width:100%;
    display:flex
}
.viewpoint-info .container .ck-box .boxs .ck-left .t2 a .ts span {
    line-height:1.25em;
    color:#1bd629;
    transition:all .4s;
    position:relative;
    display:flex
}
@media (max-width:767px) {
    .viewpoint-info .container .ck-box .boxs .ck-left .t2 a .ts span {
    font-size:.36rem
}

}
.viewpoint-info .container .ck-box .boxs .ck-left .t2 a .ts span::before {
    content:'';
    width:0;
    height:2px;
    background:#1bd629;
    transition:all .4s;
    position:absolute;
    left:0;
    bottom:0
}
.viewpoint-info .container .ck-box .boxs .ck-left .t2 a .ts:nth-child(2) span::before {
    transition:all .4s .4s
}
@media (min-width:992px) {
    .viewpoint-info .container .ck-box .boxs .ck-left .t2 a:hover .ts span::before {
    width:100%
}

}
.viewpoint-info .container .ck-box .boxs .more {
    width:1.3rem;
    height:1.3rem;
    border-radius:50%;
    overflow:hidden;
    position:relative;
    transition:all .4s;
    flex-shrink:0
}
@media (max-width:1600px) {
    .viewpoint-info .container .ck-box .boxs .more {
    width:1.5rem;
    height:1.5rem
}

}
@media (max-width:767px) {
    .viewpoint-info .container .ck-box .boxs .more {
    width:1.8rem;
    height:1.8rem;
    display:none
}

}
.viewpoint-info .container .ck-box .boxs .more::before {
    content:'';
    width:100%;
    height:100%;
    border-radius:50%;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%) scale(0);
    background:#1bd629;
    transition:all .4s
}
.viewpoint-info .container .ck-box .boxs .more a {
    width:100%;
    height:100%;
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    z-index:2
}
.viewpoint-info .container .ck-box .boxs .more a .gm {
    width:100%;
    height:100%;
    display:flex;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    padding:.1rem;
    transition:all .4s
}
.viewpoint-info .container .ck-box .boxs .more a .gm svg {
    width:100%;
    height:100%;
    animation:txtRun 10s linear forwards infinite
}
.viewpoint-info .container .ck-box .boxs .more a .gm svg path {
    fill:rgba(27,214,41,0.5);
    transition:all .4s
}
.viewpoint-info .container .ck-box .boxs .more a .txts {
    display:flex;
    position:relative
}
.viewpoint-info .container .ck-box .boxs .more a .txts span {
    line-height:1.22222222em;
    color:#1bd629;
    text-align:center;
    transition:all .4s
}
@media (max-width:767px) {
    .viewpoint-info .container .ck-box .boxs .more a .txts span {
    font-size:14px
}

}
.viewpoint-info .container .ck-box .boxs .more a .txts i {
    position:absolute;
    left:calc(50% + 18px);
    top:-3px;
    width:16px;
    height:16px;
    display:flex;
    justify-content:center;
    align-items:center;
    overflow:hidden
}
@media (max-width:767px) {
    .viewpoint-info .container .ck-box .boxs .more a .txts i {
    left:calc(50% + .25rem)
}

}
.viewpoint-info .container .ck-box .boxs .more a .txts i svg {
    width:50%;
    height:50%;
    animation:arrowRun 5s infinite
}
.viewpoint-info .container .ck-box .boxs .more a .txts i svg path {
    fill:#1bd629;
    transition:all .4s
}
@media (min-width:992px) {
    .viewpoint-info .container .ck-box .boxs .more:hover::before {
    transform:translate(-50%,-50%) scale(1)
}
.viewpoint-info .container .ck-box .boxs .more:hover a .gm svg path {
    fill:#fff
}
.viewpoint-info .container .ck-box .boxs .more:hover a .txts span {
    color:#fff
}
.viewpoint-info .container .ck-box .boxs .more:hover a .txts i svg path {
    fill:#fff
}

}
.other-viewpoint {
    width:100%
}
.other-viewpoint .container {
    padding:.75rem 0 0;
    border-top:1px solid #ededed
}
@media (max-width:767px) {
    .other-viewpoint .container {
    padding:.8rem 0 1rem
}

}
.other-viewpoint .container .title {
    line-height:1.33333333em;
    color:#999;
    padding:0 .08rem
}
.other-viewpoint .container .list {
    width:100%;
    margin-top:.54rem;
    border:1px solid #e8e8e8;
    border-radius:.1rem
}
.other-viewpoint .container .list ul {
    width:100%;
    display:flex;
    flex-wrap:wrap
}
.other-viewpoint .container .list ul li {
    width:33.33%;
    border-right:1px solid #e8e8e8;
    padding:.3rem
}
.other-viewpoint .container .list ul li:nth-child(3n) {
    border-right:none
}
@media (max-width:767px) {
    .other-viewpoint .container .list ul li {
    width:100%;
    border-right:none;
    border-bottom:1px solid #e8e8e8;
    padding:.3rem .3rem .5rem
}
.other-viewpoint .container .list ul li:last-child {
    border-bottom:none
}

}
.other-viewpoint .container .list ul li a {
    width:100%;
    display:block
}
.other-viewpoint .container .list ul li a .public-img {
    width:100%;
    border-radius:.1rem
}
.other-viewpoint .container .list ul li a .public-img::before {
    padding-top:47.61904762%
}
.other-viewpoint .container .list ul li a .tbox {
    width:100%;
    padding:.3rem .2rem 0;
    position:relative
}
.other-viewpoint .container .list ul li a .tbox .lb {
    line-height:1.71428571em;
    color:#999
}
.other-viewpoint .container .list ul li a .tbox .t1 {
    width:100%;
    line-height:1.45454545em;
    height:2.66666667em;
    color:#333;
    margin-top:.2rem;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    transition:all .4s
}
.other-viewpoint .container .list ul li a .tbox .t2 {
    line-height:1.5em;
    color:#999;
    padding-top:.3rem;
    padding-right:.3rem;
    border-top:1px solid #e8e8e8;
    margin-top:.44rem;
    background:#fff;
    transition:all .8s;
    transform:translateY(50%);
    opacity:0
}
@media (max-width:991px) {
    .other-viewpoint .container .list ul li a .tbox .t2 {
    display:none
}

}
.other-viewpoint .container .list ul li a .tbox .more {
    position:absolute;
    left:.2rem;
    bottom:.52rem;
    display:flex;
    align-items:center;
    transition:all .8s;
    transform-origin:top center
}
@media (max-width:991px) {
    .other-viewpoint .container .list ul li a .tbox .more {
    position:relative;
    bottom:initial;
    left:initial;
    margin-top:.3rem
}

}
.other-viewpoint .container .list ul li a .tbox .more span {
    color:#1bd629;
    line-height:1.375em;
    margin-right:.13rem
}
.other-viewpoint .container .list ul li a .tbox .more i {
    width:22px;
    height:22px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#1bd629
}
.other-viewpoint .container .list ul li a .tbox .more i svg {
    width:8px;
    height:auto
}
.other-viewpoint .container .list ul li a .tbox .more i svg path {
    fill:#fff
}
@media (min-width:992px) {
    .other-viewpoint .container .list ul li:hover a .public-img img {
    transform:scale(1.1)
}
.other-viewpoint .container .list ul li:hover a .tbox .t1 {
    color:#1bd629
}
.other-viewpoint .container .list ul li:hover a .tbox .t2 {
    transform:translateY(0);
    opacity:1;
    z-index:2
}
.other-viewpoint .container .list ul li:hover a .tbox .more {
    opacity:0;
    transform:rotateX(-90deg);
    z-index:-1
}

}
@media (min-width:992px) and (max-width:767px) {
    .other-viewpoint .container .list ul li:hover a .tbox .more {
    opacity:1;
    transform:rotateX(0);
    z-index:1
}

}
.others-case {
    width:100%
}
.others-case .container {
    padding:.75rem 0 0;
    border-top:1px solid #ededed
}
@media (max-width:767px) {
    .others-case .container {
    padding:.8rem 0 1rem
}

}
.others-case .container .title {
    line-height:1.33333333em;
    color:#999;
    padding:0 .08rem
}
.others-case .container .list {
    width:100%;
    margin-top:.54rem
}
.others-case .container .list ul {
    width:calc(100% + .7rem);
    margin:0 -0.35rem;
    display:flex;
    flex-wrap:wrap
}
@media (max-width:767px) {
    .others-case .container .list ul {
    width:100%;
    margin:0
}

}
.others-case .container .list ul li {
    width:calc(33.33% - .7rem);
    margin:0 .35rem .4rem;
    background:#fff;
    border:1px solid #eee;
    border-radius:.1rem;
    padding:.13rem .13rem .3rem;
    overflow:hidden
}
@media (max-width:991px) {
    .others-case .container .list ul li {
    width:calc(33.33% - .4rem);
    margin:0 .2rem .4rem
}

}
@media (max-width:767px) {
    .others-case .container .list ul li {
    width:100%;
    margin:0 0 .5rem;
    padding:0 0 .5rem 0
}

}
.others-case .container .list ul li a {
    width:100%;
    display:block
}
.others-case .container .list ul li a .public-img {
    width:100%;
    border-radius:.1rem
}
.others-case .container .list ul li a .public-img::before {
    transition:all .4s
}
@media (max-width:767px) {
    .others-case .container .list ul li a .public-img {
    border-radius:.1rem .1rem 0 0
}

}
.others-case .container .list ul li a .tbox {
    width:100%;
    margin-top:.37rem;
    padding:0 .7rem 0 .2rem;
    position:relative
}
@media (max-width:767px) {
    .others-case .container .list ul li a .tbox {
    padding:0 .2rem
}

}
.others-case .container .list ul li a .tbox .t1 {
    color:#1bd629;
    line-height:1.5em
}
@media (max-width:767px) {
    .others-case .container .list ul li a .tbox .t1 {
    font-size:.24rem
}

}
.others-case .container .list ul li a .tbox .txt {
    line-height:1.33333333em;
    color:#333;
    margin-top:.18rem
}
@media (max-width:767px) {
    .others-case .container .list ul li a .tbox .txt {
    font-size:.26rem
}

}
.others-case .container .list ul li a .tbox .mores {
    color:#1bd629;
    display:flex;
    align-items:center;
    position:absolute;
    top:calc(100% + .3rem);
    left:.2rem;
    opacity:0;
    transition:all .6s
}
@media (max-width:767px) {
    .others-case .container .list ul li a .tbox .mores {
    display:none
}

}
.others-case .container .list ul li a .tbox .mores i {
    display:flex;
    margin-left:.1rem
}
.others-case .container .list ul li a .tbox .mores i svg {
    transform:rotateZ(-90deg)
}
.others-case .container .list ul li a .tbox .mores i svg path {
    fill:#1bd629
}
@media (min-width:992px) {
    .others-case .container .list ul li:hover a .public-img::before {
    padding-top:90%
}
.others-case .container .list ul li:hover a .public-img img {
    transform:scale(1.05)
}
.others-case .container .list ul li:hover a .tbox .mores {
    transform:translateY(-0.1rem);
    opacity:1
}

}
.option-header {
    width:100%;
    height:68px;
    background:#fff;
    display:flex;
    align-items:center
}
@media (max-width:767px) {
    .option-header {
    height:1.2rem
}

}
.option-header .container {
    display:flex;
    align-items:center
}
.option-header .container .logo {
    width:116px;
    height:33px
}
.option-header .container .logo svg {
    height:100%
}
.option-header .container .tips {
    background:#eee;
    position:relative;
    padding:3px .18rem;
    border-radius:.18rem;
    margin-left:.25rem
}
@media (max-width:767px) {
    .option-header .container .tips {
    display:none
}

}
.option-header .container .tips::before {
    content:'';
    width:14px;
    height:14px;
    background:url(../images/option-header-icon.svg) center center no-repeat;
    background-size:contain;
    position:absolute;
    left:-3px;
    bottom:0
}
.option-header .container .tips p {
    color:#999;
    font-size:14px;
    line-height:1.71428571em
}
.option-header .container .tips p span {
    color:#1bd629
}
.option-header .container .home {
    width:36px;
    height:36px;
    border-radius:50%;
    background:#1bd629;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-shrink:0;
    margin-left:auto
}
@media (max-width:767px) {
    .option-header .container .home {
    width:.8rem;
    height:.8rem
}

}
.option-header .container .home a {
    width:100%;
    height:100%;
    border-radius:50%;
    background:#1bd629;
    display:flex;
    justify-content:center;
    align-items:center
}
.option-header .container .home a svg {
    width:45%;
    height:45%
}
.option-header .container .home a svg path {
    fill:#fff
}
.option {
    width:100%;
    position:relative;
    padding:.46rem 0 1.5rem
}
@media (max-width:991px) {
    .option {
    padding:.6rem 0 0
}

}
@media (max-width:767px) {
    .option {
    padding:1.2rem 0
}

}
.option .bg {
    width:100%;
    position:absolute;
    top:0;
    left:0;
    pointer-events:none;
    z-index:1
}
.option .bg video,.option .bg img {
    width:100%;
    transform:scaleY(-1)
}
.option .container {
    position:relative;
    z-index:2;
    display:flex;
    justify-content:space-between;
    align-items:stretch;
    flex-wrap:wrap
}
@media (max-width:991px) {
    .option .container {
    flex-direction:column-reverse
}

}
.option .container .mtips {
    position:relative;
    padding:3px .18rem;
    border-radius:.18rem;
    display:none;
    margin-bottom:15px
}
@media (max-width:767px) {
    .option .container .mtips {
    display:block
}

}
.option .container .mtips p {
    color:#999;
    font-size:14px;
    line-height:1.71428571em
}
.option .container .mtips p span {
    color:#1bd629
}
.option .container .left {
    width:54.16666667%;
    display:flex;
    flex-direction:column;
    justify-content:space-between
}
@media (max-width:991px) {
    .option .container .left {
    width:100%;
    margin-top:.5rem
}

}
.option .container .left .box1 {
    width:100%;
    border:1px solid #f4f4f4;
    border-radius:.1rem;
    background:rgba(255,255,255,0.8);
    backdrop-filter:blur(5px)
}
.option .container .left .box1 .title {
    line-height:1.8em;
    color:#1bd629;
    padding:.23rem .36rem .16rem
}
.option .container .left .box1 ul {
    width:100%;
    border-top:1px solid #f4f4f4;
    border-radius:.1rem;
    padding:.28rem .3rem .62rem
}
@media (max-width:1100px) {
    .option .container .left .box1 ul {
    padding:.28rem .3rem .45rem
}

}
.option .container .left .box1 ul li {
    width:100%;
    display:flex;
    margin-bottom:.48rem
}
@media (max-width:1600px) {
    .option .container .left .box1 ul li {
    margin-bottom:.25rem
}

}
.option .container .left .box1 ul li:last-child {
    margin-bottom:0
}
.option .container .left .box1 ul li .icon {
    width:20px;
    height:20px;
    background:#1bd629;
    border-radius:50%;
    flex-shrink:0;
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    padding-bottom:2px;
    margin-top:5px;
    margin-right:.16rem
}
.option .container .left .box1 ul li .icon::before {
    content:'';
    width:7px;
    height:3px;
    display:block;
    border-left:1px solid #fff;
    border-bottom:1px solid #fff;
    transform:rotateZ(-45deg)
}
.option .container .left .box1 ul li .ts .t1 {
    line-height:1.55555556em;
    color:#333
}
.option .container .left .box1 ul li .ts .t2 {
    color:#aaa;
    line-height:1.42857143em;
    font-size:14px;
    margin-top:4px
}
.option .container .left .box2 {
    width:100%;
    border:1px solid #f4f4f4;
    border-radius:.1rem;
    background:rgba(255,255,255,0.8);
    backdrop-filter:blur(5px);
    margin-top:.44rem
}
.option .container .left .box2 .title {
    line-height:1.8em;
    color:#1bd629;
    padding:.23rem .36rem .16rem
}
.option .container .left .box2 .list {
    width:100%;
    border-top:1px solid #f4f4f4;
    border-radius:.1rem;
    overflow:hidden;
    padding:.2rem .3rem;
    position:relative
}
.option .container .left .box2 .list::before {
    content:'';
    width:2.5rem;
    height:100%;
    background:linear-gradient(to right,#fff,rgba(255,255,255,0));
    position:absolute;
    left:0;
    top:0;
    z-index:2
}
.option .container .left .box2 .list::after {
    content:'';
    width:2.5rem;
    height:100%;
    background:linear-gradient(to left,#fff,rgba(255,255,255,0));
    position:absolute;
    right:0;
    top:0;
    z-index:2
}
.option .container .left .box2 .list ul {
    display:flex;
    margin-bottom:.13rem
}
.option .container .left .box2 .list ul:last-child {
    margin-bottom:0
}
.option .container .left .box2 .list ul li {
    width:124px;
    height:50px;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-shrink:0;
    margin:0 .1rem
}
.option .container .left .box2 .list ul li img {
    width:100%;
    height:100%;
    object-fit:cover
}
.option .container .form {
    width:39.93055556%;
    border:1px solid #f4f4f4;
    border-radius:.1rem;
    padding:.25rem .6rem;
    background:rgba(255,255,255,0.8);
    backdrop-filter:blur(5px);
    transition:all .4s
}
@media (max-width:991px) {
    .option .container .form {
    width:100%
}

}
@media (max-width:767px) {
    .option .container .form {
    padding:.6rem .3rem
}

}
.option .container .form form {
    width:100%;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
.option .container .form form .title {
    line-height:1.5em;
    color:#1bd629;
    white-space:nowrap
}
@media (max-width:1600px) {
    .option .container .form form .title {
    white-space:initial
}

}
.option .container .form form .txts {
    width:100%;
    color:#666;
    min-height:.75rem
}
@media (max-width:767px) {
    .option .container .form form .txts {
    margin-bottom:.3rem
}

}
.option .container .form form .item {
    width:100%;
    margin-bottom:.25rem
}
@media (max-width:1600px) {
    .option .container .form form .item {
    margin-bottom:.2rem
}

}
@media (max-width:991px) {
    .option .container .form form .item {
    margin-bottom:.15rem
}

}
.option .container .form form .item.item1 {
    width:44.69026549%
}
@media (max-width:767px) {
    .option .container .form form .item.item1 {
    width:100%
}

}
.option .container .form form .item.item2 {
    width:49.11504425%
}
@media (max-width:767px) {
    .option .container .form form .item.item2 {
    width:100%
}

}
.option .container .form form .item .ts {
    display:flex;
    align-items:center;
    line-height:1.71428571em
}
.option .container .form form .item .ts span {
    color:#333
}
.option .container .form form .item .ts i {
    color:#1bd629;
    font-style:normal
}
.option .container .form form .item .txt {
    width:100%;
    height:45px;
    border:1px solid #ccc;
    border-radius:.05rem;
    padding-left:.15rem;
    color:#1bd629;
    transition:all .4s;
    margin-top:2px
}
@media (max-width:1280px) {
    .option .container .form form .item .txt {
    height:36px
}

}
@media (max-width:767px) {
    .option .container .form form .item .txt {
    height:.8rem
}

}
.option .container .form form .item .txt::placeholder {
    color:#ccc;
    transition:all .4s
}
.option .container .form form .item .txt:focus {
    border:1px solid #1bd629
}
.option .container .form form .item .txt:focus::placeholder {
    color:#1bd629
}
.option .container .form form .item select {
    width:100%;
    height:45px;
    border:1px solid #ccc;
    border-radius:.05rem;
    margin-top:2px;
    padding:0 .15rem;
    color:#ccc;
    background:url(../images/option-select-icon.svg) 95% center no-repeat;
    background-size:10px;
    box-shadow:0 -0.15rem .15rem -0.05rem #e7ffe9 inset
}
@media (max-width:1280px) {
    .option .container .form form .item select {
    height:40px
}

}
@media (max-width:767px) {
    .option .container .form form .item select {
    height:.8rem
}

}
.option .container .form form .item .ck {
    width:100%
}
.option .container .form form .item .ck ul {
    width:100%;
    display:flex;
    flex-wrap:wrap
}
.option .container .form form .item .ck ul li {
    min-width:110px;
    display:flex;
    align-items:center;
    margin-top:5px;
    padding-right:.22rem;
    cursor:pointer
}
@media (max-width:991px) {
    .option .container .form form .item .ck ul li {
    margin-top:7px
}

}
.option .container .form form .item .ck ul li i {
    width:16px;
    height:16px;
    border:1px solid #e7e7e7;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:3px;
    transition:all .4s;
    padding-bottom:2px
}
.option .container .form form .item .ck ul li i::before {
    content:'';
    width:7px;
    height:3px;
    border-left:1px solid #fff;
    border-bottom:1px solid #fff;
    display:block;
    transform:rotateZ(-45deg)
}
.option .container .form form .item .ck ul li span {
    color:#999;
    font-size:14px;
    line-height:1.71428571em;
    margin-left:.12rem
}
.option .container .form form .item .ck ul li.on i {
    border:1px solid #1bd629;
    background:#1bd629
}
.option .container .form form .item .ck.ck1 {
    border-bottom:1px solid #eee;
    padding-bottom:.22rem
}
@media (max-width:1600px) {
    .option .container .form form .item .ck.ck1 {
    padding-bottom:.18rem
}

}
.option .container .form form .item .ck.ck1 ul li {
    min-width:90px;
    padding-right:.1rem
}
.option .container .form form .btn {
    width:100%;
    height:45px;
    border-radius:5px;
    background:#1bd629;
    color:#fff
}
@media (max-width:1280px) {
    .option .container .form form .btn {
    height:40px
}

}
@media (max-width:767px) {
    .option .container .form form .btn {
    height:.8rem;
    margin-top:.3rem
}

}
.option .container .form form .tips {
    display:flex;
    align-items:center;
    cursor:pointer;
    margin-top:.15rem
}
@media (max-width:991px) {
    .option .container .form form .tips {
    margin-top:.23rem
}

}
.option .container .form form .tips i {
    width:18px;
    height:18px;
    border-radius:50%;
    border:1px solid #e7e7e7;
    display:flex;
    justify-content:center;
    align-items:center;
    transition:all .4s;
    padding-bottom:2px;
    margin-right:.12rem
}
.option .container .form form .tips i::before {
    content:'';
    width:7px;
    height:3px;
    border-left:1px solid #fff;
    border-bottom:1px solid #fff;
    display:block;
    transform:rotateZ(-45deg)
}
.option .container .form form .tips span {
    font-size:14px;
    line-height:1.71428571em;
    color:#a7a7a7
}
.option .container .form form .tips span a {
    color:#1bd629;
    transition:all .4s
}
@media (min-width:992px) {
    .option .container .form form .tips span a:hover {
    color:#1bd629
}

}
.option .container .form form .tips.on i {
    border:1px solid #1bd629;
    background:#1bd629
}
@media (min-width:992px) {
    .option .container .form:hover {
    border:1px solid #1bd629
}

}
.about {
    width:100%;
    margin-top:1rem
}
.about .about-box1 {
    width:100%;
    height:6rem;
    position:relative;
    overflow:hidden;
    display:flex;
    justify-content:center;
    align-items:center
}
@media (max-width:1600px) {
    .about .about-box1 {
    height:6.5rem
}

}
@media (max-width:767px) {
    .about .about-box1 {
    height:5.5rem
}

}
.about .about-box1 .video {
    width:100%;
    height:100%;
    object-fit:cover;
    transform:translateY(-1rem)
}
.about .about-box1 .video img {
    width:100%;
    height:100%;
    object-fit:cover
}
.about .about-box1 .video video {
    width:100%;
    height:100%;
    object-fit:cover
}
.about .about-box2 {
    width:100%;
    padding:1.2rem 0 1.1rem
}
.about .about-box2 .container {
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    flex-wrap:wrap
}
.about .about-box2 .container .left {
    width:34.72222222%;
    position:sticky;
    position:-webkit-sticky;
    top:1.2rem
}
@media (max-width:1600px) {
    .about .about-box2 .container .left {
    width:40%
}

}
@media (max-width:1100px) {
    .about .about-box2 .container .left {
    width:100%;
    position:relative;
    top:initial
}

}
@media (max-width:991px) {
    .about .about-box2 .container .left {
    display:flex;
    flex-wrap:wrap
}

}
.about .about-box2 .container .left .tzz {
    width:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:2;
    overflow:hidden
}
.about .about-box2 .container .left .tzz span {
    width:100%;
    height:1.46666667em;
    display:block;
    background:rgba(255,255,255,0.8)
}
.about .about-box2 .container .left .tzz.on span {
    transform:translateX(100%)
}
.about .about-box2 .container .left .tzz.on span:nth-child(1) {
    transition:all 2s
}
.about .about-box2 .container .left .tzz.on span:nth-child(2) {
    transition:all 2s .1s
}
.about .about-box2 .container .left .tzz.on span:nth-child(3) {
    transition:all 2s .2s
}
.about .about-box2 .container .left .tzz.on span:nth-child(4) {
    transition:all 2s .3s
}
.about .about-box2 .container .left .title {
    line-height:1.46666667em;
    color:#000
}
@media (max-width:991px) {
    .about .about-box2 .container .left .title {
    width:100%
}

}
@media (max-width:767px) {
    .about .about-box2 .container .left .title {
    font-size:.42rem
}

}
.about .about-box2 .container .left .title span {
    display:block
}
.about .about-box2 .container .left .txt {
    color:#999;
    line-height:1.5em;
    margin-top:.58rem
}
@media (max-width:991px) {
    .about .about-box2 .container .left .txt {
    display:none
}

}
.about .about-box2 .container .right {
    width:62.5%
}
@media (max-width:1600px) {
    .about .about-box2 .container .right {
    width:56%
}

}
@media (max-width:1100px) {
    .about .about-box2 .container .right {
    width:100%;
    margin-top:.6rem
}

}
.about .about-box2 .container .right .txt {
    line-height:1.88888889em;
    color:#666
}


.about .about-box3 {
    width:100%
}
.about .about-box3 .container {
    padding:.92rem 0 1.16rem;
    border-top:2px solid #ddd;
    position:relative
}
.about .about-box3 .container .left {
    width:34.72222222%;
    position:absolute;
    top:.75rem;
    left:0;
    z-index:2
}
@media (max-width:1100px) {
    .about .about-box3 .container .left {
    width:100%
}

}
@media (max-width:767px) {
    .about .about-box3 .container .left {
    position:relative;
    top:initial;
    left:initial
}

}
.about .about-box3 .container .left .tzz {
    width:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:2;
    overflow:hidden
}
.about .about-box3 .container .left .tzz span {
    width:100%;
    height:1.46666667em;
    display:block;
    background:rgba(255,255,255,0.8)
}
.about .about-box3 .container .left .tzz.on span {
    transform:translateX(100%)
}
.about .about-box3 .container .left .tzz.on span:nth-child(1) {
    transition:all 2s
}
.about .about-box3 .container .left .tzz.on span:nth-child(2) {
    transition:all 2s .1s
}
.about .about-box3 .container .left .tzz.on span:nth-child(3) {
    transition:all 2s .2s
}
.about .about-box3 .container .left .tzz.on span:nth-child(4) {
    transition:all 2s .3s
}
.about .about-box3 .container .left .title {
    line-height:1.46666667em;
    color:#000
}
.about .about-box3 .container .left .title span {
    display:block
}
.about .about-box3 .container .left .txt {
    color:#999;
    line-height:1.33333333em;
    margin-top:.48rem
}
@media (max-width:991px) {
    .about .about-box3 .container .left .txt {
    display:none
}

}
.about .about-box3 .container .right {
    width:100%
}
@media (max-width:767px) {
    .about .about-box3 .container .right {
    margin-top:.5rem
}

}
.about .about-box3 .container .right ul {
    width:100%;
    display:flex;
    flex-wrap:wrap
}
.about .about-box3 .container .right ul li {
    width:12.5%;
    position:relative;
    margin:0 -1px -1px 0
}
@media (max-width:767px) {
    .about .about-box3 .container .right ul li {
    width:33.33%;
    display:none
}
.about .about-box3 .container .right ul li.on {
    display:block
}

}
.about .about-box3 .container .right ul li::before {
    content:'';
    width:100%;
    padding-top:100%;
    display:block
}
.about .about-box3 .container .right ul li.on a {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:2;
    display:flex;
    justify-content:center;
    align-items:center;
    border:1px solid #eaeaea;
    overflow:hidden
}
.about .about-box3 .container .right ul li.on a img {
    width:85%;
    height:85%;
    object-fit:contain;
    transition:all .8s
}
@media (min-width:992px) {
    .about .about-box3 .container .right ul li.on a:hover img {
    transform:scale(1.05)
}

}
.about .about-box3 .container .right ul li.more {
    background:#1bd629
}
.about .about-box3 .container .right ul li.more a {
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center
}
.about .about-box3 .container .right ul li.more a .gm {
    width:1.3rem;
    height:1.3rem;
    display:flex;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    padding:.1rem;
    transition:all .4s
}
@media (max-width:1600px) {
    .about .about-box3 .container .right ul li.more a .gm {
    width:1.5rem;
    height:1.5rem
}

}
@media (max-width:767px) {
    .about .about-box3 .container .right ul li.more a .gm {
    width:1.8rem;
    height:1.8rem
}

}
.about .about-box3 .container .right ul li.more a .gm svg {
    width:100%;
    height:100%;
    animation:txtRun 10s linear forwards infinite
}
.about .about-box3 .container .right ul li.more a .gm svg path {
    fill:rgba(255,255,255,0.5)
}
.about .about-box3 .container .right ul li.more a .txts {
    display:flex;
    position:relative
}
.about .about-box3 .container .right ul li.more a .txts span {
    line-height:1.22222222em;
    color:#fff
}
@media (max-width:767px) {
    .about .about-box3 .container .right ul li.more a .txts span {
    font-size:14px
}

}
.about .about-box3 .container .right ul li.more a .txts i {
    position:absolute;
    left:calc(100% + 3px);
    top:-3px;
    width:16px;
    height:16px;
    display:flex;
    justify-content:center;
    align-items:center;
    overflow:hidden
}
@media (max-width:767px) {
    .about .about-box3 .container .right ul li.more a .txts i {
    left:100%
}

}
.about .about-box3 .container .right ul li.more a .txts i svg {
    width:50%;
    height:50%;
    animation:arrowRun 5s infinite
}
.about .about-box3 .container .right ul li.more a .txts i svg path {
    fill:#fff
}
@media (min-width:992px) {
    .about .about-box3 .container .right ul li.more:hover::before {
    transform:translate(-50%,-50%) scale(.9)
}
.about .about-box3 .container .right ul li.more:hover a .gm {
    transform:translate(-50%,-50%) scale(.9)
}

}
.about .about-box4 {
    width:100%;
    display:none
}
.about .about-box4 .container {
    border-top:2px solid #ddd;
    padding:.81rem 0 1.49rem;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap
}
.about .about-box4 .container .left {
    width:34.72222222%;
    position:sticky;
    position:-webkit-sticky;
    z-index:1;
    top:1.2rem
}
@media (max-width:1100px) {
    .about .about-box4 .container .left {
    width:100%;
    position:relative;
    top:initial
}

}
.about .about-box4 .container .left .tzz {
    width:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:2;
    overflow:hidden
}
.about .about-box4 .container .left .tzz span {
    width:100%;
    height:1.46666667em;
    display:block;
    background:rgba(255,255,255,0.8)
}
.about .about-box4 .container .left .tzz.on span {
    transform:translateX(100%)
}
.about .about-box4 .container .left .tzz.on span:nth-child(1) {
    transition:all 2s
}
.about .about-box4 .container .left .tzz.on span:nth-child(2) {
    transition:all 2s .1s
}
.about .about-box4 .container .left .tzz.on span:nth-child(3) {
    transition:all 2s .2s
}
.about .about-box4 .container .left .tzz.on span:nth-child(4) {
    transition:all 2s .3s
}
.about .about-box4 .container .left .title {
    line-height:1.46666667em;
    color:#000
}
.about .about-box4 .container .left .title span {
    display:block
}
.about .about-box4 .container .left .txt {
    color:#999;
    line-height:1.33333333em;
    margin-top:.58rem
}
@media (max-width:991px) {
    .about .about-box4 .container .left .txt {
    display:none
}

}
.about .about-box4 .container .right {
    width:62.5%;
    padding:0 1.05rem 0 .1rem
}
@media (max-width:1100px) {
    .about .about-box4 .container .right {
    width:100%;
    margin-top:.6rem;
    padding:0
}

}
.about .about-box4 .container .right .item {
    width:100%;
    margin-bottom:.9rem
}
.about .about-box4 .container .right .item:last-child {
    margin-bottom:0
}
.about .about-box4 .container .right .item .t1 {
    color:#1bd629;
    line-height:1.53333333em
}
.about .about-box4 .container .right .item .t2 {
    line-height:1.75em;
    color:#999;
    margin-top:.14rem
}
@media (max-width:767px) {
    .about .about-box4 .container .right .item .t2 {
    line-height:1.5em
}

}
.about .about-box5 {
    width:100%
}
.about .about-box5 .container {
    border-top:2px solid #ddd;
    padding:.81rem 0 1.24rem;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    flex-wrap:wrap
}
.about .about-box5 .container .left {
    width:34.72222222%;
    position:sticky;
    position:-webkit-sticky;
    z-index:1;
    top:1.2rem
}
@media (max-width:1100px) {
    .about .about-box5 .container .left {
    width:100%;
    position:relative;
    top:initial
}

}
.about .about-box5 .container .left .tzz {
    width:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:2;
    overflow:hidden
}
.about .about-box5 .container .left .tzz span {
    width:100%;
    height:1.46666667em;
    display:block;
    background:rgba(255,255,255,0.8)
}
.about .about-box5 .container .left .tzz.on span {
    transform:translateX(100%)
}
.about .about-box5 .container .left .tzz.on span:nth-child(1) {
    transition:all 2s
}
.about .about-box5 .container .left .tzz.on span:nth-child(2) {
    transition:all 2s .1s
}
.about .about-box5 .container .left .tzz.on span:nth-child(3) {
    transition:all 2s .2s
}
.about .about-box5 .container .left .tzz.on span:nth-child(4) {
    transition:all 2s .3s
}
.about .about-box5 .container .left .title {
    line-height:1.46666667em;
    color:#000
}
.about .about-box5 .container .left .title span {
    display:block
}
.about .about-box5 .container .left .txt {
    color:#999;
    line-height:1.33333333em;
    margin-top:.55rem
}
@media (max-width:991px) {
    .about .about-box5 .container .left .txt {
    display:none
}

}
.about .about-box5 .container .right {
    width:62.5%
}
@media (max-width:1100px) {
    .about .about-box5 .container .right {
    width:100%;
    margin-top:.6rem
}

}
.about .about-box5 .container .right ul {
    width:100%
}
.about .about-box5 .container .right ul li {
    width:100%;
    border-bottom:1px solid #ddd;
    margin-bottom:.61rem;
    padding:0 0 .85rem .1rem
}
@media (max-width:767px) {
    .about .about-box5 .container .right ul li {
    border-bottom:1px solid #eee
}

}
.about .about-box5 .container .right ul li:last-child {
    margin-bottom:0
}
.about .about-box5 .container .right ul li a {
    width:100%;
    display:flex;
    justify-content:space-between
}
@media (max-width:1100px) {
    .about .about-box5 .container .right ul li a {
    flex-wrap:wrap
}

}
.about .about-box5 .container .right ul li .tbox {
    width:70.78651685%
}
@media (max-width:1100px) {
    .about .about-box5 .container .right ul li .tbox {
    width:100%
}

}
.about .about-box5 .container .right ul li .tbox .t1 {
    line-height:1.46666667em;
    color:#333;
    transition:all .4s;
    display:flex
}
@media (max-width:767px) {
    .about .about-box5 .container .right ul li .tbox .t1 {
    font-size:.42rem;
    line-height:1.33333333em
}

}
.about .about-box5 .container .right ul li .tbox .t1 span {
    position:relative;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.about .about-box5 .container .right ul li .tbox .t1 span::after {
    content:'';
    width:0;
    height:2px;
    background:#1bd629;
    transition:all .4s;
    position:absolute;
    left:0;
    bottom:0
}
.about .about-box5 .container .right ul li .tbox .txt {
    width:100%;
    line-height:1.5em;
    color:#999;
    margin-top:.18rem;
    transition:all .4s
}
.about .about-box5 .container .right ul li .author {
    width:22.47191011%;
    display:flex;
    align-items:center;
    margin-left:.3rem;
    flex-shrink:0
}
@media (max-width:1100px) {
    .about .about-box5 .container .right ul li .author {
    width:100%;
    margin-top:.5rem;
    margin-left:0
}

}
.about .about-box5 .container .right ul li .author .icon {
    width:58px;
    height:58px;
    border-radius:50%;
    border:2px solid #1bd629;
    overflow:hidden
}
@media (max-width:767px) {
    .about .about-box5 .container .right ul li .author .icon {
    width:42px;
    height:42px
}

}
.about .about-box5 .container .right ul li .author .icon img {
    width:100%;
    height:100%;
    object-fit:cover
}
.about .about-box5 .container .right ul li .author .ts {
    margin-left:.18rem
}
.about .about-box5 .container .right ul li .author .ts .t1 {
    color:#1bd629;
    line-height:1.5em
}
.about .about-box5 .container .right ul li .author .ts .t2 {
    font-size:14px;
    line-height:1.71428571em;
    color:#999
}
@media (max-width:767px) {
    .about .about-box5 .container .right ul li .author .ts .t2 {
    font-size:12px
}

}
@media (min-width:992px) {
    .about .about-box5 .container .right ul li:hover .tbox .t1 {
    color:#1bd629
}
.about .about-box5 .container .right ul li:hover .tbox .t1 span::after {
    width:100%
}
.about .about-box5 .container .right ul li:hover .tbox .txt {
    color:#333
}

}
.about .about-box5 .container .right .public-btn {
    margin-top:.44rem;
    margin-left:.1rem
}
.about .about-box5.about-nbox5 {
    margin-top:.5rem
}
.about .about-box5.about-nbox5 .container {
    padding:.7rem 0 .96rem
}
.about .about-box5.about-nbox5 .container .right ul li {
    margin-bottom:.6rem;
    padding-bottom:.6rem
}
.about .about-box5.about-nbox5 .container .right ul li:last-child {
    margin-bottom:0
}
.about .about-box5.about-nbox5 .container .right ul li a {
    align-items:center
}
@media (max-width:767px) {
    .about .about-box5.about-nbox5 .container .right ul li a {
    flex-direction:column-reverse
}

}
.about .about-box5.about-nbox5 .container .right ul li a .tbox {
    padding-top:.1rem;
    width:55.05617978%;
    padding-left:.1rem
}
@media (max-width:767px) {
    .about .about-box5.about-nbox5 .container .right ul li a .tbox {
    width:100%;
    padding-top:.3rem;
    padding-left:0
}

}
.about .about-box5.about-nbox5 .container .right ul li a .tbox .t1 {
    line-height:calc(36/24)
}
@media (max-width:767px) {
    .about .about-box5.about-nbox5 .container .right ul li a .tbox .t1 {
    font-size:.36rem
}

}
.about .about-box5.about-nbox5 .container .right ul li a .tbox .txt {
    margin-top:.2rem;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden
}
.about .about-box5.about-nbox5 .container .right ul li a .public-img {
    width:calc(280/890*100%);
    border-radius:.15rem
}
@media (max-width:767px) {
    .about .about-box5.about-nbox5 .container .right ul li a .public-img {
    width:100%
}

}
.about .about-box5.about-nbox5 .container .right ul li a .public-img::before {
    padding-top:50%
}
.about .about-box6 {
    width:100%
}
.about .about-box6 .container {
    padding:.75rem 0 1.08rem;
    border-top:2px solid #ddd;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    flex-wrap:wrap
}
.about .about-box6 .container .left {
    width:34.72222222%;
    position:sticky;
    position:-webkit-sticky;
    top:1rem
}
@media (max-width:1100px) {
    .about .about-box6 .container .left {
    width:100%;
    position:relative;
    top:initial
}

}
.about .about-box6 .container .left .tzz {
    width:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:2;
    overflow:hidden
}
.about .about-box6 .container .left .tzz span {
    width:100%;
    height:1.46666667em;
    display:block;
    background:rgba(255,255,255,0.8)
}
.about .about-box6 .container .left .tzz.on span {
    transform:translateX(100%)
}
.about .about-box6 .container .left .tzz.on span:nth-child(1) {
    transition:all 2s
}
.about .about-box6 .container .left .tzz.on span:nth-child(2) {
    transition:all 2s .1s
}
.about .about-box6 .container .left .tzz.on span:nth-child(3) {
    transition:all 2s .2s
}
.about .about-box6 .container .left .tzz.on span:nth-child(4) {
    transition:all 2s .3s
}
.about .about-box6 .container .left .title {
    line-height:1.46666667em;
    color:#000
}
.about .about-box6 .container .left .title span {
    display:block
}
.about .about-box6 .container .left .txt {
    color:#999;
    line-height:1.33333333em;
    margin-top:.48rem
}
@media (max-width:991px) {
    .about .about-box6 .container .left .txt {
    display:none
}

}
.about .about-box6 .container .right {
    width:62.5%
}
@media (max-width:1100px) {
    .about .about-box6 .container .right {
    width:100%;
    margin-top:.6rem
}

}
.about .about-box6 .container .right ul li {
    width:100%;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    border:1px solid #eaeaea;
    border-radius:.15rem;
    background:#fff;
    padding:.63rem .65rem .43rem .36rem;
    margin-bottom:30px;
    position:sticky;
    position:-webkit-sticky;
    transform-origin:top center
}
@media (max-width:1100px) {
    .about .about-box6 .container .right ul li {
    position:relative;
    padding:.5rem .3rem
}

}
.about .about-box6 .container .right ul li:nth-child(1) {
    top:0
}
@media (max-width:1100px) {
    .about .about-box6 .container .right ul li:nth-child(1) {
    top:initial
}

}
.about .about-box6 .container .right ul li:nth-child(2) {
    top:.3rem
}
@media (max-width:1100px) {
    .about .about-box6 .container .right ul li:nth-child(2) {
    top:initial
}

}
.about .about-box6 .container .right ul li:nth-child(3) {
    top:.6rem
}
@media (max-width:1100px) {
    .about .about-box6 .container .right ul li:nth-child(3) {
    top:initial
}

}
.about .about-box6 .container .right ul li:nth-child(4) {
    top:.9rem
}
@media (max-width:1100px) {
    .about .about-box6 .container .right ul li:nth-child(4) {
    top:initial
}

}
.about .about-box6 .container .right ul li:nth-child(5) {
    top:1.2rem
}
@media (max-width:1100px) {
    .about .about-box6 .container .right ul li:nth-child(5) {
    top:initial
}

}
.about .about-box6 .container .right ul li:last-child {
    margin-bottom:0
}
.about .about-box6 .container .right ul li::after {
    content:'';
    width:21px;
    height:19px;
    background:url(../images/about-box6-icon1.jpg) center center no-repeat;
    background-size:contain;
    position:absolute;
    right:1rem;
    bottom:-10px
}
.about .about-box6 .container .right ul li .boxs {
    width:100%;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
.about .about-box6 .container .right ul li .boxs .img {
    width:100px;
    height:39px;
    display:flex;
    justify-content:center;
    align-items:center
}
@media (max-width:767px) {
    .about .about-box6 .container .right ul li .boxs .img {
    height:30px;
    justify-content:flex-start
}

}
.about .about-box6 .container .right ul li .boxs .img img {
    max-height:100%
}
.about .about-box6 .container .right ul li .boxs .tbox {
    width:73.75%
}
@media (max-width:767px) {
    .about .about-box6 .container .right ul li .boxs .tbox {
    width:100%;
    margin-top:.5rem
}

}
.about .about-box6 .container .right ul li .boxs .tbox .txt {
    line-height:1.625em;
    color:#333;
    position:relative
}
.about .about-box6 .container .right ul li .boxs .tbox .txt::before {
    content:'';
    width:.46rem;
    height:.37rem;
    position:absolute;
    background:url(../images/maoh.svg) center center no-repeat;
    background-size:cover;
    top:-0.19rem;
    left:-0.33rem
}
@media (max-width:767px) {
    .about .about-box6 .container .right ul li .boxs .tbox .txt::before {
    left:-0.2rem
}

}
.about .about-box6 .container .right ul li .boxs .tbox .people {
    margin-top:.7rem;
    display:flex;
    align-items:center
}
@media (max-width:767px) {
    .about .about-box6 .container .right ul li .boxs .tbox .people {
    margin-top:.5rem
}

}
.about .about-box6 .container .right ul li .boxs .tbox .people .icon {
    width:40px;
    height:40px;
    border-radius:50%;
    overflow:hidden;
    flex-shrink:0
}
@media (max-width:767px) {
    .about .about-box6 .container .right ul li .boxs .tbox .people .icon {
    width:.8rem;
    height:.8rem
}

}
.about .about-box6 .container .right ul li .boxs .tbox .people .icon img {
    width:100%;
    height:100%;
    object-fit:cover
}
.about .about-box6 .container .right ul li .boxs .tbox .people .ts {
    margin-left:.14rem
}
.about .about-box6 .container .right ul li .boxs .tbox .people .ts .t1 {
    color:#666;
    line-height:1.25em
}
.about .about-box6 .container .right ul li .boxs .tbox .people .ts .t2 {
    color:#999;
    font-size:14px;
    line-height:1.66666667em
}
.about .about-box7 {
    width:100%;
    position:relative
}
.about .about-box7 .bg {
    width:100%;
    height:100vh;
    position:sticky;
    position:-webkit-sticky;
    top:0
}
.about .about-box7 .bg img {
    width:100%;
    transform:translateY(-2rem)
}
@media (max-width:991px) {
    .about .about-box7 .bg img {
    transform:translateY(1.5rem)
}

}
.about .about-box7 .container {
    position:relative;
    z-index:2;
    margin-top:-100vh;
    padding:.76rem 0 .6rem;
    border-top:2px solid #ddd;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    flex-wrap:wrap
}
.about .about-box7 .container .left {
    width:34.72222222%;
    position:sticky;
    position:-webkit-sticky;
    z-index:1;
    top:1.2rem
}
@media (max-width:1100px) {
    .about .about-box7 .container .left {
    width:100%;
    position:relative;
    top:initial
}

}
.about .about-box7 .container .left .tzz {
    width:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:2;
    overflow:hidden
}
.about .about-box7 .container .left .tzz span {
    width:100%;
    height:1.46666667em;
    display:block;
    background:rgba(255,255,255,0.8)
}
.about .about-box7 .container .left .tzz.on span {
    transform:translateX(101%)
}
.about .about-box7 .container .left .tzz.on span:nth-child(1) {
    transition:all 2s
}
.about .about-box7 .container .left .tzz.on span:nth-child(2) {
    transition:all 2s .1s
}
.about .about-box7 .container .left .tzz.on span:nth-child(3) {
    transition:all 2s .2s
}
.about .about-box7 .container .left .tzz.on span:nth-child(4) {
    transition:all 2s .3s
}
.about .about-box7 .container .left .title {
    line-height:1.46666667em;
    color:#000
}
.about .about-box7 .container .left .title span {
    display:block;
    white-space:nowrap
}
.about .about-box7 .container .left .txt {
    color:#999;
    line-height:1.33333333em;
    margin-top:1.1rem
}
@media (max-width:1100px) {
    .about .about-box7 .container .left .txt {
    margin-top:.6rem
}

}
@media (max-width:991px) {
    .about .about-box7 .container .left .txt {
    display:none
}

}
.about .about-box7 .container .right {
    width:62.5%;
    padding-top:.17rem
}
@media (max-width:1100px) {
    .about .about-box7 .container .right {
    width:100%;
    margin-top:.6rem
}

}
.about .about-box7 .container .right ul {
    width:100%;
    display:flex;
    flex-wrap:wrap
}
@media (max-width:1100px) {
    .about .about-box7 .container .right ul {
    width:calc(100% + .5rem);
    margin:0 -0.25rem
}

}
@media (max-width:767px) {
    .about .about-box7 .container .right ul {
    width:100%;
    margin:0
}

}
.about .about-box7 .container .right ul li {
    width:42.22222222%;
    border:1px solid #eaeaea;
    border-radius:.15rem;
    padding:.32rem .3rem .5rem .35rem;
    margin:0 .35rem .6rem .25rem;
    background:#fff
}
@media (max-width:1100px) {
    .about .about-box7 .container .right ul li {
    width:calc(50% - .5rem);
    margin:0 .25rem .6rem
}

}
@media (max-width:767px) {
    .about .about-box7 .container .right ul li {
    width:100%;
    margin:0 0 .6rem
}

}
.about .about-box7 .container .right ul li:nth-child(2n) {
    margin-top:1rem;
    margin-bottom:-0.4rem
}
@media (max-width:767px) {
    .about .about-box7 .container .right ul li:nth-child(2n) {
    margin:0 0 .6rem
}

}
.about .about-box7 .container .right ul li .icon {
    width:.9rem;
    height:.7rem;
    display:flex;
    justify-content:center;
    align-items:center
}
.about .about-box7 .container .right ul li .icon svg {
    max-width:100%;
    max-height:100%
}
.about .about-box7 .container .right ul li .icon svg path {
    fill:#1bd629
}
.about .about-box7 .container .right ul li .t1 {
    margin-top:1.1rem;
    line-height:1.5em;
    color:#333
}
@media (max-width:767px) {
    .about .about-box7 .container .right ul li .t1 {
    margin-top:.5rem
}

}
.about .about-box7 .container .right ul li .txt {
    color:#999;
    line-height:1.5em;
    margin-top:.32rem
}
.about .about-box8 {
    width:100%
}
.about .about-box8 .container {
    border-top:2px solid #ddd;
    padding:.75rem 0 .42rem
}
.about .about-box8 .container .top {
    position:relative;
    z-index:1
}
.about .about-box8 .container .top .tzz {
    width:34.72222222%;
    position:absolute;
    top:0;
    left:0;
    z-index:2;
    overflow:hidden
}
@media (max-width:1100px) {
    .about .about-box8 .container .top .tzz {
    width:100%
}

}
.about .about-box8 .container .top .tzz span {
    width:100%;
    height:1.46666667em;
    display:block;
    background:rgba(255,255,255,0.8)
}
.about .about-box8 .container .top .tzz.on span {
    transform:translateX(100%)
}
.about .about-box8 .container .top .tzz.on span:nth-child(1) {
    transition:all 2s
}
.about .about-box8 .container .top .tzz.on span:nth-child(2) {
    transition:all 2s .1s
}
.about .about-box8 .container .top .tzz.on span:nth-child(3) {
    transition:all 2s .2s
}
.about .about-box8 .container .top .tzz.on span:nth-child(4) {
    transition:all 2s .3s
}
.about .about-box8 .container .top .title {
    line-height:1.46666667em;
    color:#000
}
.about .about-box8 .container .list {
    width:100%;
    position:relative;
    z-index:1;
    margin-top:.88rem;
    overflow:hidden
}
.about .about-box8 .container .list .swiper-container {
    border:1px solid #eaeaea;
    border-radius:.15rem
}
.about .about-box8 .container .list .swiper-container .swiper-slide {
    width:100%;
    display:flex;
    flex-wrap:wrap;
    flex-direction:row-reverse;
    background:#fff
}
.about .about-box8 .container .list .swiper-container .swiper-slide .public-img {
    width:62.5%;
    overflow:hidden
}
@media (max-width:991px) {
    .about .about-box8 .container .list .swiper-container .swiper-slide .public-img {
    width:100%
}

}
.about .about-box8 .container .list .swiper-container .swiper-slide .public-img::before {
    padding-top:66.66666667%
}
.about .about-box8 .container .list .swiper-container .swiper-slide .public-img img {
    width:100%;
    transform-origin:center center;
    transform:scale(1.1);
    transition:all 3.5s
}
.about .about-box8 .container .list .swiper-container .swiper-slide .tbox {
    width:37.5%;
    padding:1.38rem .58rem 0 .5rem
}
@media (max-width:1100px) {
    .about .about-box8 .container .list .swiper-container .swiper-slide .tbox {
    padding:1.38rem .3rem 0
}

}
@media (max-width:991px) {
    .about .about-box8 .container .list .swiper-container .swiper-slide .tbox {
    width:100%;
    padding:.5rem .3rem
}

}
.about .about-box8 .container .list .swiper-container .swiper-slide .tbox .t1 {
    color:#000;
    line-height:1.20833333em;
    transform:translateY(25px);
    opacity:0;
    transition:all .8s .3s
}
.about .about-box8 .container .list .swiper-container .swiper-slide .tbox .t2 {
    color:#999;
    line-height:1.5em;
    margin-top:.46rem;
    transform:translateY(25px);
    opacity:0;
    transition:all .8s .4s
}
.about .about-box8 .container .list .swiper-container .swiper-slide-active .public-img img {
    transform:scale(1)
}
.about .about-box8 .container .list .swiper-container .swiper-slide-active .tbox .t1 {
    transform:translateY(0);
    opacity:1
}
.about .about-box8 .container .list .swiper-container .swiper-slide-active .tbox .t2 {
    transform:translateY(0);
    opacity:1
}
.about .about-box8 .container .list .nums {
    position:absolute;
    left:.62rem;
    top:.42rem;
    display:flex;
    z-index:3
}
@media (max-width:991px) {
    .about .about-box8 .container .list .nums {
    display:none
}

}
.about .about-box8 .container .list .nums .n1 {
    font-size:12px;
    line-height:2em;
    color:#1bd629;
    padding-right:8px
}
.about .about-box8 .container .list .nums .n2 {
    font-size:12px;
    line-height:2em;
    color:#999;
    margin-top:.2rem;
    position:relative
}
.about .about-box8 .container .list .nums .n2::before {
    content:'';
    width:40px;
    height:1px;
    background:#ccc;
    position:absolute;
    left:-25px;
    top:3px;
    transform:rotateZ(-45deg)
}
.about .about-box8 .container .list .ck {
    position:absolute;
    left:.5rem;
    bottom:.46rem;
    display:flex;
    z-index:3
}
@media (max-width:1100px) {
    .about .about-box8 .container .list .ck {
    width:100%;
    position:relative;
    left:initial;
    bottom:initial;
    justify-content:center;
    margin-top:.5rem
}

}
.about .about-box8 .container .list .ck .swiper-prev,.about .about-box8 .container .list .ck .swiper-next {
    width:.7rem;
    height:.7rem;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    transition:all .4s;
    cursor:pointer;
    background:rgba(234,234,234,0.4)
}
@media (max-width:1600px) {
    .about .about-box8 .container .list .ck .swiper-prev,.about .about-box8 .container .list .ck .swiper-next {
    width:.8rem;
    height:.8rem
}

}
.about .about-box8 .container .list .ck .swiper-prev svg,.about .about-box8 .container .list .ck .swiper-next svg {
    width:13px;
    height:12px
}
.about .about-box8 .container .list .ck .swiper-prev svg path,.about .about-box8 .container .list .ck .swiper-next svg path {
    fill:rgba(51,51,51,0.4);
    transition:all .4s
}
@media (min-width:992px) {
    .about .about-box8 .container .list .ck .swiper-prev:hover,.about .about-box8 .container .list .ck .swiper-next:hover {
    background:#1bd629
}
.about .about-box8 .container .list .ck .swiper-prev:hover svg path,.about .about-box8 .container .list .ck .swiper-next:hover svg path {
    fill:#fff
}

}
.about .about-box8 .container .list .ck .swiper-next {
    margin-left:.1rem
}
@media (max-width:767px) {
    .about .about-box8 .container .list .ck .swiper-next {
    margin-left:.4rem
}

}
.about .about-box8 .container .list .ck .swiper-next svg {
    transform:rotateZ(180deg)
}
.about .about-nbox1 {
    width:100%;
    padding:0 0 1.3rem
}
.about .about-nbox1 .container {
    position:relative
}
.about .about-nbox1 .container .img {
    width:100%;
    height:5.1rem;
    border-radius:.15rem;
    overflow:hidden
}
.about .about-nbox1 .container .img img {
    width:100%;
    transform:translateY(-2rem)
}
@media (max-width:991px) {
    .about .about-nbox1 .container .img img {
    height:100%;
    object-fit:cover;
    transform:translateY(0)
}

}
.about .about-nbox1 .container .tbox {
    width:100%;
    position:absolute;
    top:1.5rem;
    left:0;
    z-index:2
}
.about .about-nbox1 .container .tbox .t1 {
    color:#fff;
    text-align:center
}
.about .about-nbox1 .container .tbox .t2 {
    color:#fff;
    text-align:center;
    margin-top:.1rem
}
@media (max-width:767px) {
    .about .about-nbox1 .container .tbox .t2 {
    font-size:.46rem
}

}
.about .about-nbox1 .container .tbox .more {
    width:100%;
    display:flex;
    justify-content:center;
    margin-top:.38rem
}
.about .about-nbox1 .container .tbox .more .public-btn:hover a span {
    color:#fff
}
.about .about-nbox3 {
    width:100%
}
.about .about-nbox3 .container .team-up {
    width:100%;
    position:relative
}
.about .about-nbox3 .container .team-up .bg {
    width:100%;
    border-radius:.15rem;
    overflow:hidden;
    background:#f7f8f9
}
.about .about-nbox3 .container .team-up .bg img {
    width:100%
}
@media (max-width:991px) {
    .about .about-nbox3 .container .team-up .bg img {
    margin-left:10%
}

}
@media (max-width:767px) {
    .about .about-nbox3 .container .team-up .bg {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    display:flex;
    align-items:flex-end
}
.about .about-nbox3 .container .team-up .bg img {
    width:auto;
    max-width:initial;
    height:60%;
    object-fit:cover;
    margin-left:-58%
}

}
.about .about-nbox3 .container .team-up .cbox {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 1.3rem 0 1.1rem
}
@media (max-width:991px) {
    .about .about-nbox3 .container .team-up .cbox {
    padding:0 1rem 0 .8rem
}

}
@media (max-width:767px) {
    .about .about-nbox3 .container .team-up .cbox {
    position:relative;
    flex-wrap:wrap;
    padding:.5rem .3rem 3.5rem
}

}
.about .about-nbox3 .container .team-up .cbox .img {
    width:5rem
}
@media (max-width:767px) {
    .about .about-nbox3 .container .team-up .cbox .img {
    margin:0 auto
}

}
@media (max-width:767px) {
    .about .about-nbox3 .container .team-up .cbox .tbox {
    margin:0 auto;
    text-align:center
}

}
.about .about-nbox3 .container .team-up .cbox .tbox .t1 {
    line-height:calc(46/36);
    color:#000
}
.about .about-nbox3 .container .team-up .cbox .tbox .more {
    margin-top:.38rem
}
.social-share a:before {
    display:none
}
.social-share .icon-wechat .wechat-qrcode {
    top:50px
}
.social-share .icon-wechat .wechat-qrcode:after {
    display:none
}
@media (max-width:992px) {
    .social-share .icon-wechat .wechat-qrcode h4 {
    display:none
}
.social-share .icon-wechat .wechat-qrcode .help {
    display:none
}
.social-share .icon-wechat .wechat-qrcode .qrcode {
    width:100px
}
.social-share .icon-wechat .wechat-qrcode {
    top:50px;
    left:-50px;
    width:120px;
    height:initial;
    z-index:999
}

}
.social-share .icon-facebook:hover path {
    fill:#44619D;
    opacity:1
}
.social-share .icon-twitter:hover path {
    fill:#55acee;
    opacity:1
}
.social-share .icon-weibo:hover path {
    fill:#ff763b;
    opacity:1
}
.social-share .icon-wechat:hover path {
    fill:#7bc549;
    opacity:1
}
.statement {
    width:100%;
    padding:1.2rem 0 0
}
.statement .container {
    max-width:1200px
}
.statement .container .title {
    text-align:center;
    line-height:1.27777778em;
    color:#000
}
.statement .container .public-content {
    margin-top:.5rem
}
.setmap {
    width:100%;
    padding:1.2rem 0 0
}
.setmap .container {
    max-width:1200px
}
.setmap .container .title {
    text-align:center;
    line-height:1.27777778em;
    color:#000
}
.setmap .container .c-list>li {
    padding:20px 0
}
.setmap .container .c-list>li>a {
    font-size:20px;
    color:#333;
    transition:all .5s
}
.setmap .container .c-list ul {
    display:flex;
    align-items:flex-start;
    flex-wrap:wrap
}
.setmap .container .c-list ul>li {
    margin:10px 20px 0 0
}
.setmap .container .c-list ul>li a {
    color:#666;
    transition:all .5s
}
.setmap .container .c-list a:hover {
    color:#1bd629 !important
}
.fa-thumbs-up {
    width:100%;
    height:100%;
    background:url(../images/zan-x.svg) center center no-repeat
}
.fa-thumbs-up::before {
    display:none
}
.fa-thumbs-up:hover {
    background:url(../images/zan-m.svg) center center no-repeat
}
.icobutton {
    font-size:0;
    position:relative;
    margin:0;
    padding:0;
    color:#c0c1c3;
    border:0;
    background:none;
    overflow:visible;
    -webkit-tap-highlight-color:rgba(0,0,0,0)
}
.icobutton .fa {
    display:block;
    padding:0 .1em
}
.icobutton svg {
    left:0
}
.label-page {
    width:100%
}
.label-page .top {
    width:100%;
    background:#f5f7f9;
    padding:.7rem 0 .65rem
}
.label-page .top .container {
    padding-left:.5rem
}
@media (max-width:991px) {
    .label-page .top .container {
    padding-left:0
}

}
.label-page .top .container .title {
    color:#000;
    line-height:1.33333333em
}
.label-page .content {
    width:100%;
    padding:.54rem 0 0
}
.label-page .content .container {
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    flex-wrap:wrap
}
.label-page .content .container .left {
    width:70.13888889%
}
@media (max-width:991px) {
    .label-page .content .container .left {
    width:100%
}

}
.label-page .content .container .left .list {
    width:100%
}
.label-page .content .container .left .list ul li {
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    margin-bottom:.73rem
}
.label-page .content .container .left .list ul li .public-img {
    width:41.58415842%;
    border-radius:.15rem;
    background:#1bd629
}
@media (max-width:767px) {
    .label-page .content .container .left .list ul li .public-img {
    width:100%
}

}
.label-page .content .container .left .list ul li .public-img::before {
    padding-top:47.61904762%
}
.label-page .content .container .left .list ul li .public-img a {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.label-page .content .container .left .list ul li .tbox {
    width:55.44554455%
}
@media (max-width:767px) {
    .label-page .content .container .left .list ul li .tbox {
    width:100%;
    margin-top:.25rem
}

}
.label-page .content .container .left .list ul li .tbox .t1 {
    width:100%
}
.label-page .content .container .left .list ul li .tbox .t1 a {
    width:100%;
    display:flex;
    transition:all .4s;
    color:#333;
    line-height:1.45454545em
}
@media (min-width:992px) {
    .label-page .content .container .left .list ul li .tbox .t1 a:hover {
    color:#1bd629
}

}
.label-page .content .container .left .list ul li .tbox .t2 {
    color:#666;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
    margin-top:.1rem
}
.label-page .content .container .left .list ul li .tbox .ts {
    margin-top:.45rem;
    display:flex;
    align-items:center;
    flex-wrap:wrap
}
.label-page .content .container .left .list ul li .tbox .ts .time {
    min-width:1.95rem;
    color:#999;
    font-size:14px;
    line-height:24px
}
.label-page .content .container .left .list ul li .tbox .ts .lbs {
    display:flex
}
@media (max-width:767px) {
    .label-page .content .container .left .list ul li .tbox .ts .lbs {
    width:100%;
    margin-top:.1rem
}

}
.label-page .content .container .left .list ul li .tbox .ts .lbs a {
    min-width:80px;
    height:28px;
    border:1px solid #ddd;
    border-radius:5px;
    padding:0 .1rem;
    font-size:14px;
    color:#333;
    display:flex;
    align-items:center;
    transition:all .4s;
    margin-right:.1rem
}
@media (min-width:992px) {
    .label-page .content .container .left .list ul li .tbox .ts .lbs a:hover {
    color:#1bd629;
    border:1px solid #1bd629
}

}
.label-page .content .container .left .page-list {
    margin-top:.27rem
}
.label-page .content .container .right {
    width:22.91666667%;
    padding-top:.15rem
}
@media (max-width:991px) {
    .label-page .content .container .right {
    width:100%;
    margin-top:1rem
}

}
.label-page .content .container .right .tj-news {
    width:100%
}
.label-page .content .container .right .tj-news .title {
    color:#222;
    line-height:1.41666667em
}
.label-page .content .container .right .tj-news ul {
    width:100%;
    margin-top:.2rem
}
.label-page .content .container .right .tj-news ul li {
    padding:.26rem 0 .24rem;
    border-bottom:1px dashed #e8e8e8
}
.label-page .content .container .right .tj-news ul li a {
    width:100%;
    display:block
}
.label-page .content .container .right .tj-news ul li a .t1 {
    color:#666;
    transition:all .4s
}
.label-page .content .container .right .tj-news ul li a .t2 {
    font-size:14px;
    color:#999;
    line-height:24px;
    margin-top:.1rem
}
.label-page .content .container .right .hot-label {
    width:100%;
    margin-top:.58rem
}
.label-page .content .container .right .hot-label .title {
    color:#222;
    line-height:1.41666667em
}
.label-page .content .container .right .hot-label .list {
    width:calc(100% + .14rem);
    display:flex;
    flex-wrap:wrap;
    margin-top:.25rem
}
.label-page .content .container .right .hot-label .list a {
    min-width:1rem;
    height:40px;
    border:1px solid #ddd;
    border-radius:5px;
    margin-right:.14rem;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#333;
    font-size:14px;
    padding:0 .1rem;
    margin-bottom:.1rem;
    transition:all .4s
}
@media (min-width:992px) {
    .label-page .content .container .right .hot-label .list a:hover {
    color:#1bd629;
    border:1px solid #1bd629
}

}
.Legal-statement {
    width:100%
}
.Legal-statement .top {
    width:100%;
    background:#f5f7f9;
    padding:.7rem 0 .65rem
}
.Legal-statement .top .title {
    text-align:center;
    line-height:1.33333333em;
    color:#000
}
.Legal-statement .container {
    padding:1rem 0 0
}
.Legal-statement .container .public-content {
    line-height:1.25em;
    color:#666
}



.notFound {
    width:100%;
    height:calc(100vh - 68px);
    position:relative;
    z-index:1;
    background:url(../images/notFound-bg.jpg) center center no-repeat;
    background-size:cover;
    display:flex;
    justify-content:center;
    align-items:center;
    overflow:hidden
}
.notFound .box {
    width:836px;
    max-width:90%;
    margin:auto
}
.notFound .box .txt {
    color:#666;
    text-align:center;
    line-height:1.5em
}
.notFound .box .txt2 {
    color:#1bd629;
    text-align:center;
    line-height:1.27777778em;
    margin-top:7px
}
.notFound .box .imgs {
    width:392px;
    max-width:100%;
    position:relative;
    z-index:1;
    display:flex;
    justify-content:center;
    margin:.58rem auto 0
}
.notFound .box .imgs .img {
    width:100%
}
.notFound .box .imgs .eye {
    width:48px;
    height:55px;
    position:absolute;
    z-index:2;
    top:53%;
    left:49.5%;
    transform:translate(-50%,-50%);
    display:flex;
    justify-content:center;
    align-items:center
}
.notFound .box .imgs .eye span {
    width:25px;
    height:13px
}
.notFound .box .tbox {
    margin-top:1.2rem;
    width:100%;
    display:flex;
    justify-content:center;
    flex-wrap:wrap
}
.notFound .box .tbox .txts {
    color:#999;
    position:relative;
    z-index:1
}
.notFound .box .tbox .txts::before {
    content:'';
    width:3rem;
    height:1px;
    background:#eee;
    position:absolute;
    z-index:2;
    right:calc(100% + .15rem);
    top:50%;
    transform:translateY(-50%)
}
.notFound .box .tbox .txts::after {
    content:'';
    width:3rem;
    height:1px;
    background:#eee;
    position:absolute;
    z-index:2;
    left:calc(100% + .15rem);
    top:50%;
    transform:translateY(-50%)
}
.notFound .box .tbox .cks {
    width:100%;
    display:flex;
    justify-content:center;
    margin-top:.42rem
}
.notFound .box .tbox .cks .public-btn {
    margin:0 .1rem
}
.notFound .box .tbox .cks .public-btn a i svg {
    transform:rotateZ(-90deg);
    animation:none
}
.notFound .box .tbox .cks .btn {
    margin:0 .1rem;
    display:inline-flex;
    justify-content:center;
    align-items:center
}
.notFound .box .tbox .cks .btn a {
    height:45px;
    display:flex;
    align-items:center;
    padding:0 20px 0 25px;
    border-radius:25px;
    position:relative;
    z-index:2
}
@media (max-width:767px) {
    .notFound .box .tbox .cks .btn a {
    height:.8rem;
    border-radius:.4rem;
    padding:0 .3rem 0 .4rem
}

}
.notFound .box .tbox .cks .btn a::before {
    background:none;
    border:2px solid #1bd629;
    box-sizing:border-box
}
.notFound .box .tbox .cks .btn a span {
    color:#1bd629;
    line-height:1.55555556em;
    transition:all .4s
}
.notFound .box .tbox .cks .btn a i {
    width:23px;
    height:23px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    margin-left:10px;
    transition:all .4s;
    overflow:hidden
}
@media (max-width:767px) {
    .notFound .box .tbox .cks .btn a i {
    width:.4rem;
    height:.4rem
}

}
.notFound .box .tbox .cks .btn a i svg {
    width:40%;
    height:40%;
    transform:rotateZ(-90deg)
}
.notFound .box .tbox .cks .btn a i svg path {
    fill:#1bd629;
    transition:all .4s
}
@media (min-width:992px) {
    .notFound .box .tbox .cks .btn a:hover i {
    transform:translateX(9px)
}

}
@media (min-width:992px) and (max-width:767px) {
    .notFound .box .tbox .cks .btn a:hover i {
    transform:translateX(.1rem)
}

}
.isWX {
    width:100%;
    height:100%;
    object-fit:cover;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:9;
    display:none
}



.pswp--zoom-allowed .pswp__button--zoom {
    display:none !important
}
.g-ck-left {
    display:flex;
    flex-direction:column
}
.g-ck-left .g-ck-left-box {
    display:flex;
    align-items:center
}
.g-ck-left .g-ck-left-box:first-child {
    margin-bottom:.18rem
}
@media (max-width:767px) {
    .g-ck-left .g-ck-left-box:first-child {
    margin-bottom:.38rem
}

}
@media (max-width:767px) {
    .g-ck-left .g-ck-left-box .t2 {
    margin-top:0 !important
}

}
.viewpoint-list .container ul .g-viewpoint-list:hover a .img {
    opacity:1
}
.viewpoint-list .container ul .g-viewpoint-list:hover a .tbox .lb span {
    color:#fff
}
.viewpoint-list .container ul .g-viewpoint-list:hover a .tbox .t1 {
    color:#fff
}
.viewpoint-list .container ul .g-viewpoint-list:hover a .tbox .more {
    opacity:1;
    transform:rotateX(0deg);
    z-index:1
}
.viewpoint-list .container ul .g-viewpoint-list:hover a .tbox .more span {
    color:#fff
}
.viewpoint-list .container ul .g-viewpoint-list:hover a .tbox .more i {
    background:#fff
}
.viewpoint-list .container ul .g-viewpoint-list:hover a .tbox .more i svg path {
    fill:#1bd629
}
.viewpoint-list .container ul .g-viewpoint-list a {
    position:relative
}
.viewpoint-list .container ul .g-viewpoint-list a .img {
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    opacity:0;
    transition:all .4s
}
.viewpoint-list .container ul .g-viewpoint-list a .tbox {
    position:relative;
    z-index:10;
    padding:.22rem .24rem .2rem
}
.viewpoint-list .container ul .g-viewpoint-list a .tbox .more {
    position:initial;
    margin-top:.4rem
}
.viewpoint-list .container ul .g-viewpoint-list a .tbox .more span {
    transition:all .4s
}
.viewpoint-list .container ul .g-viewpoint-list a .tbox .more i {
    transition:all .4s
}
.viewpoint-list .container ul .g-viewpoint-list a .tbox .more i svg path {
    transition:all .4s
}
.viewpoint-list .container ul .g-viewpoint-list2 a .img {
    opacity:1
}
.viewpoint-list .container ul .g-viewpoint-list2 a .tbox .lb span {
    color:#fff
}
.viewpoint-list .container ul .g-viewpoint-list2 a .tbox .t1 {
    color:#fff
}
.viewpoint-list .container ul .g-viewpoint-list2 a .tbox .more {
    opacity:1;
    transform:rotateX(0deg);
    z-index:1
}
.viewpoint-list .container ul .g-viewpoint-list2 a .tbox .more span {
    color:#fff
}
.viewpoint-list .container ul .g-viewpoint-list2 a .tbox .more i {
    background:#fff
}
.viewpoint-list .container ul .g-viewpoint-list2 a .tbox .more i svg path {
    fill:#1bd629
}
.c-case-currency {
    padding-top:.92rem
}
.c-case-currency .fzfont {
    position:relative;
    overflow:hidden
}
.c-case-currency .fzfont .container {
    position:relative;
    padding-bottom:.5rem
}
.c-case-currency .fzfont .container .xian {
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    bottom:0;
    width:100%;
    height:1px;
    background-color:#f1f1f1
}
.c-case-currency .fzfont .tit {
    font-weight:bold;
    font-size:.72rem;
    margin-bottom:6px
}
@media (max-width:767px) {
    .c-case-currency .fzfont .tit {
    font-size:.42rem
}

}
.c-case-currency .fzfont .text {
    color:#333333
}
@media (max-width:767px) {
    .c-case-currency .fzfont .text {
    font-size:.32rem
}

}
.c-case-currency .jut {
    margin-top:.5rem;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
}
.c-case-currency .jut .lt {
    width:60%;
    display:flex
}
@media (max-width:991px) {
    .c-case-currency .jut .lt {
    flex-wrap:wrap
}

}
@media (max-width:767px) {
    .c-case-currency .jut .lt {
    width:100%;
    margin-bottom:.26rem
}

}
.c-case-currency .jut .lt .li {
    color:#666666;
    display:flex;
    align-items:flex-start;
    line-height:28px
}
@media (max-width:1600px) {
    .c-case-currency .jut .lt .li {
    line-height:26px
}

}
@media (max-width:767px) {
    .c-case-currency .jut .lt .li {
    width:100%;
    line-height:.38rem
}

}
.c-case-currency .jut .lt .li:first-child {
    margin-right:1.2rem
}
@media (max-width:767px) {
    .c-case-currency .jut .lt .li:first-child {
    margin-right:0
}

}
.c-case-currency .jut .lt .li span {
    display:block;
    margin-right:.4rem;
    color:#999999;
    font-size:14px
}
@media (max-width:991px) {
    .c-case-currency .jut .lt .li span {
    width:60px
}

}
@media (max-width:767px) {
    .c-case-currency .jut .lt .li span {
    width:1.4rem;
    font-size:.3rem
}

}
.c-case-currency .jut .but {
    display:flex;
    align-items:center;
    color:#999999
}
.c-case-currency .jut .but .ficon {
    display:flex;
    width:22px;
    overflow:hidden;
    margin-right:12px
}
@media (max-width:1600px) {
    .c-case-currency .jut .but .ficon {
    width:20px;
    margin-right:10px
}

}
@media (max-width:767px) {
    .c-case-currency .jut .but .ficon {
    width:.4rem
}

}
.c-case-currency .jut .but .ficon img {
    float:left
}
.c-case-currency .jut .but .ficon svg {
    width:100%;
    height:100%
}
.c-case-currency .jut .but .ficon svg path {
    fill:#1bd629
}
.c-case-currency .jut .but i {
    display:flex;
    align-items:center;
    width:11px;
    margin-left:14px;
    overflow:hidden
}
@media (max-width:1600px) {
    .c-case-currency .jut .but i {
    width:8px;
    margin-left:10px
}

}
@media (max-width:767px) {
    .c-case-currency .jut .but i {
    width:.2rem;
    height:.28rem
}

}
.c-case-currency .jut .but i svg {
    width:100%;
    float:left
}
.c-case-currency .jut .but i svg path {
    fill:#999999
}
.c-case-currency .cont {
    position:relative;
    margin-top:.88rem
}
.c-case-currency .cont .fznei {
    border-radius:15px;
    position:relative;
    left:50%;
    width:86vw;
    max-width:1666px;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    overflow:hidden
}
.c-case-currency .cont .fznei:before {
    content:"";
    display:block;
    padding-bottom:46.31944444%
}
.c-case-currency .cont .fznei .fzvideo {
    width:86vw;
    height:100%;
    max-width:1666px;
    position:absolute;
    left:50%;
    top:50%;
    z-index:10;
    transform:translate(-50%,-50%)
}
@media (max-width:767px) {
    .c-case-currency .cont .fznei .fzvideo {
    display:none
}

}
.c-case-currency .cont .fznei .fzvideo video {
    width:100%;
    height:100%;
    object-fit:cover
}
.c-case-currency .cont .fznei .fzimg {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100
}
.c-case-currency .cont .fznei .fzimg img {
    width:100%;
    height:100%;
    object-fit:cover
}
.c-case-currency .cont .fznei .c-btn {
    position:absolute;
    top:57%;
    left:30.5%;
    z-index:20;
    transform:translate(-50%,-50%)
}
@media (max-width:991px) {
    .c-case-currency .cont .fznei .c-btn {
    display:none
}

}
@media (max-width:767px) {
    .c-case-currency .cont .fznei .c-btn {
    display:none
}

}
.c-case-currency .cont .fznei .c-btn .c-box1 div {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border-radius:50%;
    background-color:#fff;
    animation:round1 3s linear infinite
}
.c-case-currency .cont .fznei .c-btn .c-box1 div:nth-child(2) {
    animation:round1 3s 1s linear infinite
}
.c-case-currency .cont .fznei .c-btn .c-box1 div:nth-child(3) {
    animation:round1 3s 2s linear infinite
}
.c-case-currency .cont .fznei .c-btn .c-box1 .c-ico {
    position:relative;
    z-index:5;
    width:30px;
    height:30px;
    vertical-align:top;
    transition:all .3s;
    border-radius:50%
}
.c-case-currency .cont .fznei .c-btn .c-box2 {
    display:flex;
    align-items:center;
    position:absolute;
    top:50%;
    left:-15px;
    z-index:1;
    padding:0 40px 0 70px;
    height:60px;
    color:#333;
    transform:translateY(-50%);
    white-space:nowrap;
    overflow:hidden;
    font-weight:bold
}
@media (max-width:767px) {
    .c-case-currency .cont .fznei .c-btn .c-box2 {
    padding:0 .2rem;
    height:.6rem;
    top:120%;
    left:50%;
    transform:translate(-50%,0);
    font-size:.2rem
}

}
.c-case-currency .cont .fznei .c-btn .c-box2::before {
    opacity:0;
    content:"";
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    width:0;
    height:100%;
    background-color:#fff;
    transition:all .3s;
    border-radius:30px
}
@media (max-width:767px) {
    .c-case-currency .cont .fznei .c-btn .c-box2::before {
    width:100%
}

}
.c-case-currency .cont .fznei .c-btn .c-box2 .c-ico {
    margin-left:.1rem;
    position:relative;
    z-index:2;
    width:16px;
    height:16px;
    opacity:0;
    transition:all .3s 0s
}
.c-case-currency .cont .fznei .c-btn .c-box2 .c-ico path {
    fill:#333
}
@media (max-width:767px) {
    .c-case-currency .cont .fznei .c-btn .c-box2 .c-ico {
    opacity:1;
    width:.2rem;
    height:.2rem
}

}
.c-case-currency .cont .fznei .c-btn .c-box2 span {
    position:relative;
    z-index:2;
    opacity:0;
    transition:all .3s 0s
}
@media (max-width:767px) {
    .c-case-currency .cont .fznei .c-btn .c-box2 span {
    opacity:1
}

}
.c-case-currency .cont .fznei .c-btn:hover .c-box1 .c-ico {
    box-shadow:15px 15px 20px rgba(61,164,255,0.3)
}
.c-case-currency .cont .fznei .c-btn:hover .c-box2::before {
    opacity:1;
    width:100%
}
.c-case-currency .cont .fznei .c-btn:hover .c-box2 .c-ico,.c-case-currency .cont .fznei .c-btn:hover .c-box2 span {
    opacity:1;
    transition:all .3s .3s
}
.c-case-currency .c-content1 {
    padding:1.4rem 0
}
.c-case-currency .c-content1 .c-text-box {
    display:flex;
    align-items:flex-start;
    flex-wrap:wrap;
    justify-content:space-between
}
@media (max-width:767px) {
    .c-case-currency .c-content1 .c-text-box {
    flex-wrap:wrap
}

}
.c-case-currency .c-content1 .c-text-box .c-title {
    color:#999
}
.c-case-currency .c-content1 .c-text-box .c-text {
    font-weight:bold;
    width:59.7%;
    color:#999
}
@media (max-width:767px) {
    .c-case-currency .c-content1 .c-text-box .c-text {
    margin-top:.2rem;
    width:100%
}

}
.c-case-currency .c-content1 .c-text-box .c-text .on {
    color:#333
}
.c-case-currency .c-content3 .c-text-box {
    padding:1.6rem 0 1.1rem;
    display:flex;
    align-items:flex-start;
    flex-wrap:wrap;
    justify-content:flex-end
}
@media (max-width:767px) {
    .c-case-currency .c-content3 .c-text-box {
    padding:.8rem 0 .55rem
}

}
.c-case-currency .c-content3 .c-text-box .c-text {
    width:52.77%;
    color:#333
}
@media (max-width:767px) {
    .c-case-currency .c-content3 .c-text-box .c-text {
    width:100%
}

}
.c-case-currency .c-content4 {
    position:relative;
    margin-top:2rem;
    height:100vh;
    width:100%;
    z-index:-1
}
@media screen and (max-width:992px) {
    .c-case-currency .c-content4 {
    height:56.25vw
}

}
@media (max-width:767px) {
    .c-case-currency .c-content4 {
    margin-top:.8rem
}

}
.c-case-currency .c-content4 img {
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    width:100%;
    height:100%;
    object-fit:cover
}
@media (min-width:992px) {
    .c-case-currency .c-content4.on img {
    position:fixed
}

}
.c-case-currency .c-content5 {
    padding:1.4rem 0
}
.c-case-currency .c-content5 .c-text-box {
    display:flex;
    align-items:flex-start;
    flex-wrap:wrap;
    justify-content:space-between
}
.c-case-currency .c-content5 .c-text-box .c-title {
    color:#999
}
.c-case-currency .c-content5 .c-text-box .c-box {
    width:59.7%
}
@media (max-width:767px) {
    .c-case-currency .c-content5 .c-text-box .c-box {
    width:100%
}

}
.c-case-currency .c-content5 .c-text-box .c-box .c-text {
    font-weight:bold;
    color:#333
}
@media (max-width:767px) {
    .c-case-currency .c-content5 .c-text-box .c-box .c-text {
    margin-top:.2rem
}

}
.c-case-currency .c-content5 .c-text-box .c-box .public-btn {
    margin-top:.6rem;
    cursor:pointer
}
.c-case-currency .c-content5 .c-text-box .c-box .public-btn svg {
    width:80%;
    height:80%
}
.new_bot {
    margin-top:1.7rem
}
@media (max-width:767px) {
    .new_bot {
    margin-top:.6rem
}

}
.new_bot .container {
    display:flex;
    justify-content:space-between
}
@media (max-width:991px) {
    .new_bot .container {
    flex-direction:column
}

}
.new_bot .container .hot-label {
    width:40.27777778%
}
@media (max-width:991px) {
    .new_bot .container .hot-label {
    width:100%;
    margin-bottom:.4rem
}

}
.new_bot .container .hot-label .title {
    color:#222;
    line-height:1.41666667em
}
.new_bot .container .hot-label .list {
    width:calc(100% + .14rem);
    display:flex;
    flex-wrap:wrap;
    margin-top:.25rem
}
.new_bot .container .hot-label .list a {
    min-width:1rem;
    height:40px;
    border:1px solid #ddd;
    border-radius:5px;
    margin-right:.14rem;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#333;
    font-size:14px;
    padding:0 .1rem;
    margin-bottom:.1rem;
    transition:all .4s
}
@media (min-width:992px) {
    .new_bot .container .hot-label .list a:hover {
    color:#1bd629;
    border:1px solid #1bd629
}

}
.new_bot .container .sell-label {
    width:44.44444444%
}
@media (max-width:991px) {
    .new_bot .container .sell-label {
    width:100%
}

}
.new_bot .container .sell-label .list {
    margin-top:.25rem
}
.new_bot .container .sell-label .list a {
    margin-bottom:.18rem;
    display:flex;
    justify-content:space-between
}
.new_bot .container .sell-label .list a:hover p,.new_bot .container .sell-label .list a:hover span {
    color:#1bd629
}
.new_bot .container .sell-label .list a p {
    color:#666;
    transition:all .4s
}
@media (max-width:767px) {
    .new_bot .container .sell-label .list a p {
    max-width:60%;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis
}

}
.new_bot .container .sell-label .list a span {
    color:#999;
    transition:all .4s
}
.c-case-currency .viewpoint-info-2 {
    display:none
}
@media (max-width:767px) {
    .c-case-currency .viewpoint-info-2 {
    display:block;
    padding:0
}

}
@media (max-width:767px) {
    .c-case-currency .fzfont,.c-case-currency .fzfont2 {
    display:none
}

}
.team {
    width:100%;
    padding:1.2rem 0 0
}
.team .container .list {
    width:100%
}
.team .container .list .item {
    width:100%;
    display:flex;
    justify-content:space-between;
    flex-direction:row-reverse;
    flex-wrap:wrap;
    align-items:flex-start;
    padding-bottom:.95rem;
    border-bottom:2px solid #f5f7f9;
    margin-bottom:.95rem
}
@media (max-width:991px) {
    .team .container .list .item {
    flex-wrap:wrap
}

}
.team .container .list .item:last-child {
    border-bottom:none;
    margin-bottom:0
}
.team .container .list .item .public-img {
    width:50%;
    border-radius:.15rem
}
@media (max-width:991px) {
    .team .container .list .item .public-img {
    width:100%
}

}
.team .container .list .item .public-img::before {
    padding-top:calc(560/720*100%)
}
.team .container .list .item .public-img img {
    transform:scale(1.2);
    transition:all .8s
}
.team .container .list .item .tbox {
    width:calc(580/1440*100%);
    display:flex;
    flex-wrap:wrap;
    align-content:space-between
}
@media (max-width:991px) {
    .team .container .list .item .tbox {
    width:100%;
    margin-top:.5rem
}

}
.team .container .list .item .tbox .top {
    width:100%;
    padding-top:.3rem
}
.team .container .list .item .tbox .top .logo img {
    width:1.8rem
}
@media (max-width:767px) {
    .team .container .list .item .tbox .top .logo img {
    width:2.2rem
}

}
.team .container .list .item .tbox .top .logo span {
    display:block;
    font-weight:bold;
    letter-spacing:3px;
    margin-top:7px
}
@media (max-width:767px) {
    .team .container .list .item .tbox .top .logo span {
    letter-spacing:normal
}

}
.team .container .list .item .tbox .top .t2 {
    color:#000;
    line-height:calc(28/20);
    margin-top:.23rem
}
.team .container .list .item .tbox .top .more {
    display:flex;
    margin-top:.26rem
}
.team .container .list .item .tbox .top .more a {
    display:flex;
    align-items:center
}
.team .container .list .item .tbox .top .more a span {
    line-height:1.55555556em;
    color:#1bd629
}
.team .container .list .item .tbox .top .more a .icons {
    width:20px;
    height:20px;
    display:flex;
    overflow:hidden
}
.team .container .list .item .tbox .top .more a .icons i {
    width:100%;
    height:100%;
    transition:all .5s;
    transform:translateX(-100%);
    flex-shrink:0;
    display:flex;
    justify-content:flex-end;
    align-items:center
}
.team .container .list .item .tbox .top .more a .icons i svg {
    width:50%;
    height:50%;
    transform:rotateZ(-90deg)
}
.team .container .list .item .tbox .top .more a .icons i svg path {
    fill:#1bd629
}
@media (min-width:992px) {
    .team .container .list .item .tbox .top .more a:hover .icons i {
    transform:translateX(0)
}

}
.team .container .list .item .tbox .tbs {
    width:100%;
    margin-top:.8rem
}
.team .container .list .item .tbox .tbs .ibox {
    width:100%;
    display:flex;
    align-items:center
}
.team .container .list .item .tbox .tbs .ibox .icon {
    width:.8rem;
    height:.8rem;
    overflow:hidden;
    border-radius:50%
}
.team .container .list .item .tbox .tbs .ibox .ts {
    margin-left:.2rem
}
.team .container .list .item .tbox .tbs .ibox .ts .t1 {
    color:#222;
    line-height:1
}
.team .container .list .item .tbox .tbs .ibox .ts .t2 {
    color:#999;
    margin-top:2px
}
.team .container .list .item .tbox .tbs .txt {
    width:100%;
    border-top:1px solid #f0f0f0;
    margin-top:.34rem;
    color:#999;
    line-height:calc(26/18);
    padding-right:.35rem;
    padding:.28rem .35rem .16rem 0;
    position:relative
}
.team .container .list .item .tbox .tbs .txt::before {
    content:'';
    width:10px;
    height:10px;
    border-top:1px solid #f0f0f0;
    border-right:1px solid #f0f0f0;
    position:absolute;
    left:.3rem;
    top:-6px;
    background:#fff;
    transform:rotateZ(-45deg)
}
.team .container .list .item .tbox .tbs .txt::after {
    content:'';
    width:21px;
    height:19px;
    background:url(../images/about-box6-icon1.jpg) center center no-repeat;
    background-size:contain;
    position:absolute;
    right:1rem;
    top:-10px
}
.team .container .list .item.on .public-img img {
    transform:none
}
.team .container .team-up {
    width:100%;
    margin-top:.75rem;
    position:relative
}
.team .container .team-up .bg {
    width:100%;
    border-radius:.15rem;
    overflow:hidden;
    background:#f7f8f9
}
.team .container .team-up .bg img {
    width:100%
}
@media (max-width:991px) {
    .team .container .team-up .bg img {
    margin-left:10%
}

}
@media (max-width:767px) {
    .team .container .team-up .bg {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    display:flex;
    align-items:flex-end
}
.team .container .team-up .bg img {
    width:auto;
    max-width:initial;
    height:60%;
    object-fit:cover;
    margin-left:-58%
}

}
.team .container .team-up .cbox {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 1.3rem 0 1.1rem
}
@media (max-width:991px) {
    .team .container .team-up .cbox {
    padding:0 1rem 0 .8rem
}

}
@media (max-width:767px) {
    .team .container .team-up .cbox {
    position:relative;
    flex-wrap:wrap;
    padding:.5rem .3rem 3.5rem
}

}
.team .container .team-up .cbox .img {
    width:5rem
}
@media (max-width:767px) {
    .team .container .team-up .cbox .img {
    margin:0 auto
}

}
@media (max-width:767px) {
    .team .container .team-up .cbox .tbox {
    margin:0 auto;
    text-align:center
}

}
.team .container .team-up .cbox .tbox .t1 {
    line-height:calc(46/36);
    color:#000
}
.team .container .team-up .cbox .tbox .more {
    margin-top:.38rem
}
.join {
    width:100%
}
.join .box1 {
    width:100%;
    padding:1.4rem 0 1.4rem
}
.join .box1 .container {
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    align-items:flex-start
}
.join .box1 .container .top {
    width:calc(480/1440*100%)
}
@media (max-width:991px) {
    .join .box1 .container .top {
    width:100%
}

}
.join .box1 .container .top .title {
    color:#000;
    line-height:calc(44/30)
}
@media (max-width:767px) {
    .join .box1 .container .top .title br {
    display:none
}

}
.join .box1 .container .top .tips {
    margin-top:.48rem;
    color:#999999;
    line-height:calc(28/18)
}
@media (max-width:767px) {
    .join .box1 .container .top .tips {
    display:none
}

}
.join .box1 .container .right {
    width:calc(900/1440*100%)
}
@media (max-width:991px) {
    .join .box1 .container .right {
    width:100%;
    margin-top:.8rem
}

}
.join .box1 .container .right .txt {
    color:#666;
    line-height:calc(34/18)
}
.join .box1 .container .right .tbox {
    width:100%;
    margin-top:.65rem
}
.join .box1 .container .right .tbox .t1 {
    color:#000;
    line-height:calc(34/24)
}
.join .box1 .container .right .tbox .tbs {
    width:100%;
    margin-top:.18rem;
    border:1px solid #eaeaea;
    border-radius:.15rem;
    position:relative;
    padding:.67rem .7rem .4rem
}
.join .box1 .container .right .tbox .tbs::after {
    content:'';
    width:21px;
    height:19px;
    background:url(../images/about-box6-icon1.jpg) center center no-repeat;
    background-size:contain;
    position:absolute;
    right:1rem;
    bottom:-10px
}
.join .box1 .container .right .tbox .tbs .ins {
    width:650px;
    max-width:100%;
    position:relative;
    line-height:calc(26/16);
    color:#333
}
.join .box1 .container .right .tbox .tbs .ins::before {
    content:'';
    width:.46rem;
    height:.37rem;
    position:absolute;
    background:url(../images/maoh.svg) center center no-repeat;
    background-size:cover;
    top:-0.19rem;
    left:-0.33rem
}
.join .box1 .container .right .tbox .tbs .ibox {
    width:100%;
    display:flex;
    align-items:center;
    margin-top:.54rem
}
.join .box1 .container .right .tbox .tbs .ibox .icon {
    width:.58rem;
    height:.58rem;
    overflow:hidden;
    border-radius:50%;
    border:2px solid #1bd629
}
.join .box1 .container .right .tbox .tbs .ibox .ts {
    margin-left:.18rem
}
.join .box1 .container .right .tbox .tbs .ibox .ts .t1 {
    color:#1bd629;
    line-height:1
}
.join .box1 .container .right .tbox .tbs .ibox .ts .t2 {
    color:#999;
    margin-top:5px;
    font-size:14px;
    line-height:24px
}
.join .box2 {
    width:100%;
    position:relative
}
.join .box2 .bg {
    width:100%;
    height:6rem;
    position:relative;
    overflow:hidden
}
.join .box2 .bg .img {
    width:100%;
    height:100%;
    transform:translateY(-2rem)
}
@media (max-width:991px) {
    .join .box2 .bg .img {
    transform:translateY(0)
}

}
.join .box2 .bg .img video {
    width:100%;
    height:7.2rem;
    object-fit:cover
}
@media (max-width:991px) {
    .join .box2 .bg .img video {
    height:100%
}

}
.join .box2 .bg .img img {
    width:100%
}
@media (max-width:991px) {
    .join .box2 .bg .img img {
    height:100%;
    object-fit:cover
}

}
.join .box2 .container {
    position:absolute;
    z-index:2;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%)
}
.join .box2 .container .t1 {
    line-height:calc(28/18);
    color:rgba(255,255,255,0.6)
}
.join .box2 .container .t2 {
    margin-top:.1rem;
    line-height:calc(54/40);
    color:#fff
}
@media (max-width:767px) {
    .join .box2 .container .t2 br {
    display:none
}

}
.join .box2 .container .more {
    display:flex
}
.join .box2 .container .more .paly {
    margin-top:.36rem;
    display:flex;
    align-items:center;
    cursor:pointer
}
.join .box2 .container .more .paly span {
    color:#fff;
    position:relative
}
.join .box2 .container .more .paly span::before {
    content:'';
    width:0;
    height:1px;
    background:#fff;
    position:absolute;
    left:0;
    bottom:0;
    transition:all .4s
}
.join .box2 .container .more .paly i {
    width:.4rem;
    height:.4rem;
    border-radius:50%;
    background:#1bd629;
    display:flex;
    justify-content:center;
    align-items:center;
    padding-left:3px;
    margin-left:.2rem;
    transition:all .4s
}
.join .box2 .container .more .paly i svg {
    width:.11rem
}
.join .box2 .container .more .paly i svg path {
    fill:#fff
}
@media (min-width:992px) {
    .join .box2 .container .more .paly:hover span::before {
    width:100%
}
.join .box2 .container .more .paly:hover i {
    transform:scale(.9)
}

}
.join .box2 .container .more a {
    display:flex;
    align-items:center;
    margin-top:.45rem
}
.join .box2 .container .more a span {
    color:#fff;
    position:relative
}
.join .box2 .container .more a span::before {
    content:'';
    width:0;
    height:1px;
    background:#fff;
    position:absolute;
    left:0;
    bottom:0;
    transition:all .4s;
    opacity:1
}
.join .box2 .container .more a i {
    width:22px;
    height:22px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    transition:all .4s;
    overflow:hidden;
    background:#1bd629;
    margin-left:.13rem
}
@media (max-width:767px) {
    .join .box2 .container .more a i {
    width:.4rem;
    height:.4rem
}

}
.join .box2 .container .more a i svg {
    width:8px;
    height:8px
}
.join .box2 .container .more a i svg path {
    fill:#fff
}
@media (min-width:992px) {
    .join .box2 .container .more a:hover span::before {
    width:100%
}
.join .box2 .container .more a:hover i svg {
    animation:arrowRun 5s infinite
}

}
.join .box3 {
    width:100%;
    padding:1.3rem 0 1.4rem
}
.join .box3 .container {
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    align-items:flex-start
}
.join .box3 .container .top {
    width:calc(480/1440*100%)
}
@media (max-width:991px) {
    .join .box3 .container .top {
    width:100%
}

}
.join .box3 .container .top .title {
    color:#000;
    line-height:calc(44/30)
}
@media (max-width:767px) {
    .join .box3 .container .top .title br {
    display:none
}

}
.join .box3 .container .top .tips {
    margin-top:.48rem;
    color:#999999;
    line-height:calc(28/18)
}
@media (max-width:767px) {
    .join .box3 .container .top .tips {
    display:none
}

}
.join .box3 .container .list {
    width:calc(900/1440*100%)
}
@media (max-width:991px) {
    .join .box3 .container .list {
    width:100%;
    margin-top:.5rem
}

}
.join .box3 .container .list ul {
    width:100%
}
.join .box3 .container .list ul li {
    width:100%;
    padding-bottom:.6rem;
    border-bottom:1px solid #ddd;
    margin-bottom:.6rem
}
.join .box3 .container .list ul li:last-child {
    margin-bottom:0
}
.join .box3 .container .list ul li a {
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center
}
@media (max-width:1280px) {
    .join .box3 .container .list ul li a {
    flex-wrap:wrap
}

}
@media (min-width:992px) {
    .join .box3 .container .list ul li a:hover .tbox .title {
    color:#1bd629
}
.join .box3 .container .list ul li a:hover .tbox .title span::before {
    width:100%
}

}
.join .box3 .container .list ul li .public-img {
    width:calc(280/890*100%);
    border-radius:.15rem
}
@media (max-width:767px) {
    .join .box3 .container .list ul li .public-img {
    width:100%
}

}
.join .box3 .container .list ul li .public-img::before {
    padding-top:50%
}
.join .box3 .container .list ul li .tbox {
    width:calc(540/900*100%)
}
@media (max-width:991px) {
    .join .box3 .container .list ul li .tbox {
    width:100%;
    margin-top:.3rem
}

}
.join .box3 .container .list ul li .tbox .title {
    color:#333;
    line-height:calc(36/24);
    display:flex
}
@media (max-width:767px) {
    .join .box3 .container .list ul li .tbox .title {
    font-size:.36rem
}

}
.join .box3 .container .list ul li .tbox .title span {
    position:relative;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.join .box3 .container .list ul li .tbox .title span::before {
    content:'';
    width:0;
    height:2px;
    background:#1bd629;
    position:absolute;
    left:0;
    bottom:0;
    transition:all .4s
}
.join .box3 .container .list ul li .tbox .txt {
    color:#999;
    margin-top:.2rem;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden
}
.join .box3 .container .list ul li .ibox {
    width:2.3rem;
    max-width:100%;
    display:flex;
    align-items:center
}
@media (max-width:1280px) {
    .join .box3 .container .list ul li .ibox {
    margin-top:.5rem;
    width:100%
}

}
.join .box3 .container .list ul li .ibox .icon {
    width:.58rem;
    height:.58rem;
    overflow:hidden;
    border-radius:50%;
    border:2px solid #1bd629
}
@media (max-width:767px) {
    .join .box3 .container .list ul li .ibox .icon {
    width:.8rem;
    height:.8rem
}

}
.join .box3 .container .list ul li .ibox .ts {
    margin-left:.18rem
}
.join .box3 .container .list ul li .ibox .ts .t1 {
    color:#1bd629;
    line-height:1
}
.join .box3 .container .list ul li .ibox .ts .t2 {
    color:#999;
    margin-top:5px;
    font-size:14px;
    line-height:24px
}
@media (max-width:767px) {
    .join .box3 .container .list ul li .ibox .ts .t2 {
    line-height:20px
}

}
.join .box3 .container .list .more {
    margin-top:.44rem
}
.join .join-box4 {
    width:100%;
    padding:1.4rem 0 1.5rem
}
.join .join-box4 .container .img-box {
    width:calc(720/1440*100%)
}
.join .join-box4 .container .text-box {
    width:calc(650/1440*100%)
}
@media (max-width:991px) {
    .join .join-box4 .container .text-box {
    width:100%
}

}
.join .join-box4 .container .text-box ul li {
    padding:0 .1rem 0 .24rem
}
@media (max-width:991px) {
    .join .join-box4 .container .text-box ul li {
    padding:.6rem 0
}

}
.join .join-box4 .container .text-box ul li .join-tbox {
    width:100%
}
.join .join-box4 .container .text-box ul li .join-tbox .icon {
    width:100%;
    height:0;
    overflow:hidden;
    opacity:0
}
@media (max-width:991px) {
    .join .join-box4 .container .text-box ul li .join-tbox .icon {
    height:auto;
    opacity:1
}

}
.join .join-box4 .container .text-box ul li .join-tbox .icon img,.join .join-box4 .container .text-box ul li .join-tbox .icon svg {
    height:.64rem
}
.join .join-box4 .container .text-box ul li .join-tbox .box4-title {
    width:100%;
    display:flex;
    color:#cacaca;
    transition:all .4s;
    line-height:1
}
@media (max-width:991px) {
    .join .join-box4 .container .text-box ul li .join-tbox .box4-title {
    color:#000
}

}
.join .join-box4 .container .text-box ul li .join-tbox .box4-title span {
    color:#cacaca;
    transition:all .4s
}
@media (max-width:991px) {
    .join .join-box4 .container .text-box ul li .join-tbox .box4-title span {
    color:#1bd629
}

}
.join .join-box4 .container .text-box ul li .join-tbox .box4-title i {
    width:8px;
    height:8px;
    display:flex;
    margin-left:.1rem;
    margin-top:-14px
}
.join .join-box4 .container .text-box ul li .join-tbox .box4-title i svg {
    width:100%;
    height:100%
}
.join .join-box4 .container .text-box ul li .join-tbox .box4-title i svg path {
    fill:#cacaca;
    transition:all .4s
}
@media (max-width:991px) {
    .join .join-box4 .container .text-box ul li .join-tbox .box4-title i svg path {
    fill:#1bd629
}

}
.join .join-box4 .container .text-box ul li .join-tbox .txt {
    color:#999
}
.join .join-box4 .container .text-box ul li.on .join-tbox .box4-title {
    color:#000
}
.join .join-box4 .container .text-box ul li.on .join-tbox .box4-title span {
    color:#1bd629
}
.join .join-box4 .container .text-box ul li.on .join-tbox .box4-title i svg path {
    fill:#1bd629
}
.join .box5 {
    width:100%;
    padding:1.4rem 0 0;
    position:relative
}
.join .box5::before {
    content:'';
    width:100%;
    height:70%;
    background:linear-gradient(to bottom,rgba(242,242,243,0.4),rgba(242,242,243,0));
    position:absolute;
    top:0;
    left:0
}
.join .box5 .container {
    position:relative;
    z-index:2
}
.join .box5 .container .title {
    color:#000;
    line-height:calc(44/30)
}
.join .box5 .list {
    width:100%;
    margin-top:.9rem;
    position:relative;
    z-index:2
}
.join .box5 .list .boxs {
    width:100%;
    height:2.9rem;
    position:relative;
    overflow:hidden
}
.join .box5 .list .boxs .bs {
    height:100%;
    position:absolute;
    left:0;
    display:flex;
    align-items:flex-start
}
.join .box5 .list .boxs .bs .item {
    width:4.2rem;
    height:2.8rem;
    position:relative;
    border-radius:.1rem;
    overflow:hidden;
    margin:0 .1rem .1rem 0;
    flex-shrink:0
}
.join .box5 .list .boxs .bs .item::before {
    content:'';
    width:100%;
    height:50%;
    background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.5));
    position:absolute;
    left:0;
    bottom:0;
    z-index:2
}
.join .box5 .list .boxs .bs .item .img {
    width:100%;
    height:100%;
    position:relative
}
.join .box5 .list .boxs .bs .item .img img {
    width:100%;
    height:100%;
    object-fit:cover;
    filter:grayscale(100%);
    transition:all .4s
}
.join .box5 .list .boxs .bs .item .img video {
    width:100%;
    height:100%;
    object-fit:cover;
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    z-index:2;
    transition:all .4s
}
.join .box5 .list .boxs .bs .item .txt {
    width:100%;
    color:#fff;
    position:absolute;
    left:0;
    bottom:0;
    z-index:2;
    padding:.12rem .15rem
}
.join .box5 .list .boxs .bs .item:hover .img img {
    filter:grayscale(0)
}
.join .box5 .list .boxs .bs .item:hover .img video {
    opacity:1
}
.join .box5 .list .boxs.boxs2 .bs {
    left:initial;
    right:0
}
.join .box6 {
    width:100%;
    padding:1.2rem 0 0
}
.join .box6 .container {
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    flex-wrap:wrap
}
.join .box6 .container .top {
    width:calc(480/1440*100%)
}
@media (max-width:991px) {
    .join .box6 .container .top {
    width:100%
}

}
.join .box6 .container .top .title {
    color:#000;
    line-height:calc(44/30)
}
@media (max-width:767px) {
    .join .box6 .container .top .title br {
    display:none
}

}
.join .box6 .container .top .tips {
    margin-top:.48rem;
    color:#999999;
    line-height:calc(28/18)
}
@media (max-width:767px) {
    .join .box6 .container .top .tips {
    display:none
}

}
.join .box6 .container .list {
    width:calc(900/1440*100%);
    border-top:1px solid #ddd
}
@media (max-width:991px) {
    .join .box6 .container .list {
    width:100%;
    margin-top:.5rem
}

}
.join .box6 .container .list ul {
    width:100%
}
.join .box6 .container .list ul li {
    width:100%;
    border-bottom:1px solid #ddd;
    padding:.35rem .4rem .35rem .1rem
}
@media (max-width:767px) {
    .join .box6 .container .list ul li {
    padding:.34rem 0
}

}
.join .box6 .container .list ul li .t1 {
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    cursor:pointer
}
.join .box6 .container .list ul li .t1 span {
    color:#333;
    transition:all .4s;
    line-height:calc(32/22);
    position:relative
}
@media (max-width:767px) {
    .join .box6 .container .list ul li .t1 span {
    font-size:.32rem
}

}
.join .box6 .container .list ul li .t1 span::before {
    content:'';
    width:0;
    height:2px;
    background:#1bd629;
    position:absolute;
    left:0;
    bottom:0;
    transition:all .4s
}
.join .box6 .container .list ul li .t1 i {
    width:.18rem;
    height:.18rem;
    position:relative
}
.join .box6 .container .list ul li .t1 i img {
    position:absolute;
    transition:all .4s;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%)
}
.join .box6 .container .list ul li .t2 {
    width:100%;
    padding-top:.2rem;
    display:none
}
@media (max-width:767px) {
    .join .box6 .container .list ul li .t2 {
    padding:.26rem .8rem .22rem 0
}

}
.join .box6 .container .list ul li .t2 .ts {
    color:#333;
    line-height:calc(30/16)
}
@media (max-width:767px) {
    .join .box6 .container .list ul li .t2 .ts {
    color:#999
}

}
.join .box6 .container .list ul li .t2 .join-btn {
    display:flex;
    margin-top:.16rem
}
.join .box6 .container .list ul li .t2 .join-btn a {
    display:flex;
    align-items:center;
    border:1px solid #1bd629;
    height:.48rem;
    border-radius:.24rem;
    padding:0 .14rem 0 .28rem
}
.join .box6 .container .list ul li .t2 .join-btn a span {
    line-height:1.5em;
    color:#1bd629
}
.join .box6 .container .list ul li .t2 .join-btn a i {
    width:22px;
    height:22px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    transition:all .4s;
    overflow:hidden;
    background:#1bd629;
    margin-left:.13rem
}
@media (max-width:767px) {
    .join .box6 .container .list ul li .t2 .join-btn a i {
    width:.4rem;
    height:.4rem
}

}
.join .box6 .container .list ul li .t2 .join-btn a i svg {
    width:8px;
    height:8px
}
.join .box6 .container .list ul li .t2 .join-btn a i svg path {
    fill:#fff
}
@media (min-width:992px) {
    .join .box6 .container .list ul li .t2 .join-btn a:hover i svg {
    animation:arrowRun 5s infinite
}

}
@media (min-width:992px) {
    .join .box6 .container .list ul li:hover .t1 span {
    color:#1bd629
}

}
.join .box6 .container .list ul li.on .t1 span {
    color:#1bd629
}
.join .box6 .container .list ul li.on .t1 i img.jia {
    opacity:0
}
.join .box6 .container .list ul li.on .t1 i img.jian {
    opacity:1
}
.service {
    width:100%
}
.service .box1 {
    width:100%;
    padding:1.25rem 0 .85rem;
    position:relative
}
@media (max-width:991px) {
    .service .box1 {
    padding:1.3rem 0
}

}
@media (max-width:767px) {
    .service .box1 {
    padding:.5rem 0 2.3rem
}

}
.service .box1 .container {
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    flex-wrap:wrap
}
.service .box1 .container .tbox {
    width:50%;
    position:relative;
    z-index:2
}
@media (max-width:991px) {
    .service .box1 .container .tbox {
    width:100%
}

}
.service .box1 .container .tbox .title {
    width:100%;
    line-height:1.25em;
    color:#222
}
@media (max-width:767px) {
    .service .box1 .container .tbox .title {
    font-size:.56rem
}

}
.service .box1 .container .tbox .title span {
    display:block
}
.service .box1 .container .tbox .list {
    width:100%;
    margin-top:.4rem
}
@media (max-width:991px) {
    .service .box1 .container .tbox .list {
    width:50%
}

}
@media (max-width:767px) {
    .service .box1 .container .tbox .list {
    margin-top:.5rem
}

}
.service .box1 .container .tbox .list .items {
    width:100%;
    margin-bottom:.3rem
}
@media (max-width:767px) {
    .service .box1 .container .tbox .list .items {
    margin-bottom:.5rem
}

}
.service .box1 .container .tbox .list .items:last-child {
    margin-bottom:0
}
.service .box1 .container .tbox .list .items .t1 {
    color:#1bd629;
    line-height:calc(28/18)
}
.service .box1 .container .tbox .list .items .t2 {
    color:#222;
    line-height:calc(40/30);
    margin-top:7px
}
.service .box1 .container .tbox .list .items .t3 {
    max-width:550px;
    color:#999;
    margin-top:.15rem
}
@media (max-width:767px) {
    .service .box1 .container .tbox .list .items .t3 {
    display:none
}

}
.service .box1 .container .img {
    width:50%;
    display:flex;
    justify-content:center
}
@media (max-width:991px) {
    .service .box1 .container .img {
    position:absolute;
    top:3.5rem;
    right:.1rem;
    opacity:.5;
    align-items:flex-end
}

}
@media (max-width:767px) {
    .service .box1 .container .img {
    top:2.6rem;
    width:64%
}

}
.service .box1 .container .img img {
    width:calc(508/720*100%)
}
@media (max-width:991px) {
    .service .box1 .container .img img {
    width:80%
}

}
@media (max-width:767px) {
    .service .box1 .container .img img {
    width:90%
}

}
.service .box2 {
    width:100%
}
.service .box2 .bg {
    width:100%;
    height:100vh;
    position:sticky;
    position:-webkit-sticky;
    top:0;
    left:0;
    overflow:hidden
}
.service .box2 .bg img {
    width:100%
}
.service .box2 .box {
    width:100%;
    position:relative;
    z-index:2;
    padding:1.2rem 0;
    margin-top:-100vh;
    overflow:hidden
}
.service .box2 .container .title {
    color:#222;
    line-height:calc(54/40);
    text-align:center
}
@media (max-width:767px) {
    .service .box2 .container .title {
    font-size:.42rem
}

}
.service .box2 .container .title p {
    transform:scale(1.5)
}
@media (max-width:991px) {
    .service .box2 .container .title p {
    transform:scale(1)
}

}
.service .box2 .container .title p span {
    color:#1bd629
}
.service .box2 .container .arrow {
    width:100%;
    display:flex;
    justify-content:center;
    margin-top:.8rem;
    transform:translateY(-0.92rem);
    opacity:0
}
@media (max-width:991px) {
    .service .box2 .container .arrow {
    transform:translateY(0);
    opacity:1
}

}
.service .box2 .container .arrow span {
    width:40px;
    height:40px;
    border-radius:50%;
    border:2px solid #1bd629;
    display:flex;
    justify-content:center;
    align-items:center;
    cursor:pointer;
    position:relative
}
@media (max-width:991px) {
    .service .box2 .container .arrow span {
    width:.6rem;
    height:.6rem
}

}
.service .box2 .container .arrow span::before {
    content:'';
    width:100%;
    height:100%;
    border-radius:50%;
    border:1px solid #1bd629;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%) scale(1);
    transform-origin:center center;
    animation:serviceArrowRun 1.5s linear forwards infinite
}
.service .box2 .container .arrow span svg path {
    fill:#1bd629
}
.service .box2 .container .list {
    width:100%;
    margin-top:.8rem
}
.service .box2 .container .list ul {
    width:100%
}
.service .box2 .container .list ul li {
    width:100%;
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    background:#fff;
    border-radius:.1rem;
    padding:.53rem .6rem .57rem;
    margin-bottom:.8rem;
    overflow:hidden
}
@media (max-width:767px) {
    .service .box2 .container .list ul li {
    padding:.6rem .3rem
}

}
.service .box2 .container .list ul li:last-child {
    margin-bottom:0
}
.service .box2 .container .list ul li .tbox {
    width:calc(680/1320*100%)
}
@media (max-width:991px) {
    .service .box2 .container .list ul li .tbox {
    width:100%
}

}
.service .box2 .container .list ul li .tbox .q1 {
    display:flex
}
.service .box2 .container .list ul li .tbox .q1 span {
    height:.33rem;
    color:#fff;
    background:#1bd629;
    border-radius:.18rem;
    font-size:14px;
    padding:0 .15rem;
    display:flex;
    align-items:center
}
@media (max-width:767px) {
    .service .box2 .container .list ul li .tbox .q1 span {
    height:.46rem;
    border-radius:.23rem
}

}
.service .box2 .container .list ul li .tbox .t1 {
    max-width:5.8rem;
    color:#c5c5c5;
    line-height:calc(42/30);
    margin-top:.22rem
}
@media (max-width:1600px) {
    .service .box2 .container .list ul li .tbox .t1 {
    max-width:100%
}
.service .box2 .container .list ul li .tbox .t1 br {
    display:none
}

}
.service .box2 .container .list ul li .tbox .t1 span {
    color:#333
}
.service .box2 .container .list ul li .tbox .ts {
    width:100%;
    margin-top:.44rem
}
.service .box2 .container .list ul li .tbox .ts .ts1 {
    color:#666
}
.service .box2 .container .list ul li .tbox .ts .ts2 {
    max-width:5.5rem;
    color:#c5c5c5;
    line-height:calc(42/30);
    margin-top:.22rem;
    margin-top:.2rem
}
@media (max-width:1600px) {
    .service .box2 .container .list ul li .tbox .ts .ts2 {
    max-width:100%
}

}
.service .box2 .container .list ul li .tbox .ts .ts2 span {
    color:#333
}
.service .box2 .container .list ul li .tbox .servs {
    width:100%;
    margin-top:.7rem
}
.service .box2 .container .list ul li .tbox .servs .ts1 {
    width:100%;
    border-bottom:1px solid #eeeeee;
    position:relative;
    padding:0 .1rem .18rem
}
.service .box2 .container .list ul li .tbox .servs .ts1::before {
    content:'';
    width:calc(836/680*100%);
    height:1.66rem;
    background:url(../images/service-box2-list-bg.png) center bottom no-repeat;
    position:absolute;
    bottom:0;
    left:-0.6rem;
    pointer-events:none
}
@media (max-width:767px) {
    .service .box2 .container .list ul li .tbox .servs .ts1::before {
    height:2.5rem
}

}
@media (max-width:767px) {
    .service .box2 .container .list ul li .tbox .servs .ts1 {
    border-bottom:none
}

}
.service .box2 .container .list ul li .tbox .servs .link {
    width:100%;
    display:flex;
    margin-top:.38rem;
    padding-left:8px;
    flex-wrap:wrap
}
@media (max-width:767px) {
    .service .box2 .container .list ul li .tbox .servs .link {
    display:none
}

}
.service .box2 .container .list ul li .tbox .servs .link a {
    display:flex;
    align-items:center;
    margin-right:.4rem;
    margin-bottom:.15rem
}
@media (max-width:767px) {
    .service .box2 .container .list ul li .tbox .servs .link a {
    width:50%;
    margin-right:0;
    margin-bottom:.3rem
}

}
.service .box2 .container .list ul li .tbox .servs .link a:last-child {
    margin-right:0
}
.service .box2 .container .list ul li .tbox .servs .link a span {
    line-height:1.5;
    color:#1bd629;
    position:relative
}
.service .box2 .container .list ul li .tbox .servs .link a span::before {
    content:'';
    width:0;
    height:1px;
    background:#1bd629;
    position:absolute;
    left:0;
    bottom:0;
    transition:all .4s
}
.service .box2 .container .list ul li .tbox .servs .link a i {
    width:24px;
    height:24px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    transition:all .4s;
    overflow:hidden;
    background:#1bd629;
    margin-left:.13rem
}
@media (max-width:767px) {
    .service .box2 .container .list ul li .tbox .servs .link a i {
    width:.4rem;
    height:.4rem
}

}
.service .box2 .container .list ul li .tbox .servs .link a i svg {
    width:8px;
    height:8px
}
.service .box2 .container .list ul li .tbox .servs .link a i svg path {
    fill:#fff
}
@media (min-width:992px) {
    .service .box2 .container .list ul li .tbox .servs .link a:hover span::before {
    width:100%
}
.service .box2 .container .list ul li .tbox .servs .link a:hover i svg {
    animation:arrowRun 5s infinite
}

}
.service .box2 .container .list ul li .tbox .servs .link2 {
    width:calc(100% + .6rem);
    margin:0 -0.3rem;
    border-top:1px solid #eee;
    display:none
}
@media (max-width:767px) {
    .service .box2 .container .list ul li .tbox .servs .link2 {
    width:100%;
    margin:0;
    display:flex;
    flex-wrap:wrap
}

}
.service .box2 .container .list ul li .tbox .servs .link2 a {
    width:100%;
    height:50px;
    display:flex;
    align-items:center;
    border-bottom:1px solid #eee;
    position:relative;
    padding-left:35px
}
.service .box2 .container .list ul li .tbox .servs .link2 a::before {
    content:'';
    width:3px;
    height:3px;
    background:#1bd629;
    border-radius:50%;
    position:absolute;
    left:25px;
    top:50%;
    transform:translateY(-50%)
}
.service .box2 .container .list ul li .tbox .servs .link2 a span {
    color:#1bd629
}
.service .box2 .container .list ul li .tbox .servs .link2 a i {
    width:10px;
    height:10px;
    margin-left:.2rem;
    display:flex;
    align-items:center
}
.service .box2 .container .list ul li .tbox .servs .link2 a i svg {
    transform:rotateZ(-90deg)
}
.service .box2 .container .list ul li .tbox .servs .link2 a i svg path {
    fill:#1bd629
}
.service .box2 .container .list ul li .other {
    width:calc(560/1320*100%);
    padding-top:.15rem
}
@media (max-width:991px) {
    .service .box2 .container .list ul li .other {
    width:100%;
    margin-top:.8rem
}

}
.service .box2 .container .list ul li .other .o-case {
    width:100%
}
.service .box2 .container .list ul li .other .o-case .tips {
    color:#999;
    font-weight:bold
}
.service .box2 .container .list ul li .other .o-case .ts {
    width:calc(100% + .1rem);
    margin:.15rem -0.05rem 0;
    display:flex;
    flex-wrap:wrap
}
.service .box2 .container .list ul li .other .o-case .ts a {
    width:calc(33.33% - .1rem);
    margin:0 .05rem .15rem;
    background:#f5f7f9;
    border:1px solid #f5f7f9;
    border-radius:5px
}
@media (max-width:767px) {
    .service .box2 .container .list ul li .other .o-case .ts a {
    width:calc(50% - .1rem)
}

}
.service .box2 .container .list ul li .other .o-case .ts a .public-img {
    width:100%;
    background:#fff;
    border-radius:5px
}
.service .box2 .container .list ul li .other .o-case .ts a .public-img::before {
    padding-top:calc(88/178*100%)
}
.service .box2 .container .list ul li .other .o-case .ts a .txt {
    width:100%;
    color:#8e96a8;
    text-align:center;
    font-size:14px;
    line-height:18px;
    padding:.12rem .1rem;
    transition:all .4s
}
@media (max-width:767px) {
    .service .box2 .container .list ul li .other .o-case .ts a .txt {
    padding:.15rem .05rem
}

}
.service .box2 .container .list ul li .other .o-case .ts a:hover .public-img img {
    transform:scale(1.05)
}
.service .box2 .container .list ul li .other .o-case .ts a:hover .txt {
    color:#1bd629
}
.service .box2 .container .list ul li .other .o-news {
    width:100%;
    margin-top:.7rem
}
.service .box2 .container .list ul li .other .o-news .tips {
    color:#999;
    font-weight:bold
}
.service .box2 .container .list ul li .other .o-news .ts {
    width:100%;
    margin-top:.25rem
}
.service .box2 .container .list ul li .other .o-news .ts .item {
    width:100%;
    display:flex;
    align-items:flex-start;
    margin-bottom:8px
}
.service .box2 .container .list ul li .other .o-news .ts .item:last-child {
    margin-bottom:0
}
.service .box2 .container .list ul li .other .o-news .ts .item a {
    color:#333;
    transition:all .4s
}
.service .box2 .container .list ul li .other .o-news .ts .item a:hover {
    color:#1bd629
}
.service .box2 .container .list ul li .other .o-news .ts .item .hot {
    width:36px;
    height:16px;
    background:#1bd629;
    border-radius:8px;
    display:inline-flex;
    justify-content:center;
    align-items:center;
    color:#fff;
    font-size:12px;
    margin-left:5px;
    position:relative;
    top:-2px
}
@media (max-width:1280px) {
    .service .box2 .container .list ul li .other .o-news .ts .item .hot {
    top:-1px
}

}
@keyframes serviceArrowRun {
    0% {
    opacity:1;
    transform:translate(-50%,-50%) scale(1)
}
100% {
    opacity:0;
    transform:translate(-50%,-50%) scale(1.5)
}

}
.c-service-app .c-list {
    overflow:hidden;
    padding-bottom:1rem
}
@media (max-width:767px) {
    .c-service-app .c-list {
    padding-bottom:.4rem
}

}
.c-service-app .c-list li {
    float:left;
    width:43.05555556%;
    margin-bottom:1rem
}
@media (max-width:767px) {
    .c-service-app .c-list li {
    width:100%;
    margin-top:0 !important;
    margin-bottom:.8rem
}

}
.c-service-app .c-list li:nth-child(2) {
    margin-top:1.2rem
}
.c-service-app .c-list li:nth-child(2n) {
    float:right
}
.c-service-app .c-list li .public-img {
    border-radius:15px
}
.c-service-app .c-list li .public-img::before {
    padding-top:70.16129032%
}
.c-service-app .c-list li .c-title {
    margin:.3rem 0 .2rem
}
.c-service-app .c-list li .c-text {
    color:#999
}
.c-service-ui .c-list {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    flex-wrap:wrap
}
.c-service-ui .c-list li {
    width:43.05555556%;
    margin-bottom:1rem
}
@media (max-width:767px) {
    .c-service-ui .c-list li {
    width:100%;
    margin-top:0 !important;
    margin-bottom:.8rem
}

}
.c-service-ui .c-list li:nth-child(2) {
    margin-top:1.2rem
}
.c-service-ui .c-list li:nth-child(2n) {
    float:right
}
.c-service-ui .c-list li .public-img {
    border-radius:15px
}
.c-service-ui .c-list li .public-img::before {
    padding-top:70.16129032%
}
.c-service-ui .c-list li .c-title {
    margin:.3rem 0 .2rem
}
.c-service-ui .c-list li .c-text {
    color:#999
}
.service-box1.style2 {
    margin-top:0;
    overflow:hidden
}
.service-box1.style2 .c-img {
    position:relative;
    margin:.2rem auto 0;
    text-align:center;
    max-width:1314px
}
.service-box1.style2 .c-img img {
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    width:100%
}
.service-box1.style2 .c-img img:nth-child(1) {
    position:relative;
    z-index:5
}
.service-box1.style2 .c-img img:nth-child(2) {
    z-index:6
}
.service-box1.style2 .c-img img:nth-child(3) {
    z-index:6
}
.service-box1.style2 .c-img img:nth-child(4) {
    z-index:6
}
@-webkit-keyframes fadeInLeft2 {
    0% {
    opacity:0;
    -webkit-transform:translate3d(-60px,0,0);
    transform:translate3d(-60px,0,0)
}
to {
    opacity:1;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}

}
@keyframes fadeInLeft2 {
    0% {
    opacity:0;
    -webkit-transform:translate3d(-60px,0,0);
    transform:translate3d(-60px,0,0)
}
to {
    opacity:1;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}

}
.fadeInLeft2 {
    -webkit-animation-name:fadeInLeft2;
    animation-name:fadeInLeft2
}
@-webkit-keyframes fadeInRight2 {
    0% {
    opacity:0;
    -webkit-transform:translate3d(60px,0,0);
    transform:translate3d(60px,0,0)
}
to {
    opacity:1;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}

}
@keyframes fadeInRight2 {
    0% {
    opacity:0;
    -webkit-transform:translate3d(60px,0,0);
    transform:translate3d(60px,0,0)
}
to {
    opacity:1;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}

}
.fadeInRight2 {
    -webkit-animation-name:fadeInRight2;
    animation-name:fadeInRight2
}
.team.style2 {
    padding:0
}
.team.style2 .container {
    padding:1rem 0;
    border-top:1px solid #f6f7f9;
    border-bottom:1px solid #f6f7f9
}
.team.style2 .container .list .item:last-child {
    padding-bottom:0
}
.case-info2 {
    width:100%
}
.case-info2 .container .list {
    width:100%;
    padding:.55rem 0
}
@media (max-width:991px) {
    .case-info2 .container .list {
    padding:0 0 .6rem
}

}
.case-info2 .container .list ul {
    width:100%;
    display:table
}
.case-info2 .container .list ul li {
    width:calc(630/1440*100%);
    margin-bottom:1.25rem
}
@media (min-width:992px) {
    .case-info2 .container .list ul li:nth-child(odd) {
    float:left
}

}
@media (min-width:992px) {
    .case-info2 .container .list ul li:nth-child(even) {
    float:right
}

}
@media (max-width:991px) {
    .case-info2 .container .list ul li {
    width:100%;
    margin-bottom:.6rem
}

}
.case-info2 .container .list ul li .img {
    width:100%;
    position:relative;
    overflow:hidden
}
.case-info2 .container .list ul li .img img {
    width:100%
}
.case-info2 .container .list ul li .img .zz {
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    z-index:3;
    background:#f5f7f9
}
.case-info2 .container .list ul li .txt1 {
    width:100%;
    line-height:2;
    color:#000;
    padding:0 1rem 0 .6rem
}
@media (max-width:991px) {
    .case-info2 .container .list ul li .txt1 {
    padding:0
}

}
.case-info2 .container .list ul li .end-box {
    width:100%;
    padding:.77rem 1rem 0 .2rem
}
@media (max-width:991px) {
    .case-info2 .container .list ul li .end-box {
    padding:0
}

}
.case-info2 .container .list ul li .end-box .t1 {
    line-height:calc(42/32);
    color:#999
}
.case-info2 .container .list ul li .end-box .t2 {
    color:#333;
    margin-top:.2rem
}
.case-info2 .container .list ul li .end-box .web-link .public-btn {
    display:flex;
    justify-content:flex-start;
    margin-top:.56rem
}
.case-info2 .container .list ul li .end-box .web-link .public-btn .link {
    display:flex;
    align-items:center;
    height:.6rem;
    padding:0 .26rem 0 .34rem;
    background:#1bd629;
    border-radius:.3rem;
    position:relative;
    min-width:2.3rem;
    z-index:1;
    border:1px solid #1bd629;
    overflow:hidden
}
.case-info2 .container .list ul li .end-box .web-link .public-btn .link::before {
    content:"";
    position:absolute;
    top:0;
    left:0;
    z-index:1;
    width:100%;
    height:100%;
    background-color:#fff;
    border-radius:25px;
    transform:scaleX(0);
    transform-origin:right;
    -webkit-transition:transform .6s cubic-bezier(.785,.135,.15,.86);
    -moz-transition:transform .6s cubic-bezier(.785,.135,.15,.86);
    -o-transition:transform .6s cubic-bezier(.785,.135,.15,.86);
    transition:transform .6s cubic-bezier(.785,.135,.15,.86)
}
.case-info2 .container .list ul li .end-box .web-link .public-btn .link span {
    color:#fff;
    font-weight:bold;
    margin-left:.1rem;
    position:relative;
    z-index:2;
    transition:all .4s
}
.case-info2 .container .list ul li .end-box .web-link .public-btn .link .ficon {
    width:.3rem;
    height:.3rem;
    display:flex;
    align-items:center;
    overflow:hidden;
    position:relative;
    z-index:2
}
@media (max-width:767px) {
    .case-info2 .container .list ul li .end-box .web-link .public-btn .link .ficon {
    width:.4rem;
    height:.4rem
}

}
.case-info2 .container .list ul li .end-box .web-link .public-btn .link .ficon i {
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-shrink:0;
    transform:translateX(-100%);
    transition:all .5s;
    margin:0;
    border-radius:0
}
.case-info2 .container .list ul li .end-box .web-link .public-btn .link .ficon i svg {
    width:100%;
    height:100%;
    transform:rotateZ(-90deg);
    animation:none
}
.case-info2 .container .list ul li .end-box .web-link .public-btn .link .ficon i svg path {
    fill:#fff
}
.case-info2 .container .list ul li .end-box .web-link .public-btn .link .ficon i:nth-child(1) svg path {
    fill:#1bd629
}
@media (min-width:992px) {
    .case-info2 .container .list ul li .end-box .web-link .public-btn .link:hover span {
    color:#1bd629
}
.case-info2 .container .list ul li .end-box .web-link .public-btn .link:hover::before {
    transform:scaleX(1);
    transform-origin:left
}
.case-info2 .container .list ul li .end-box .web-link .public-btn .link:hover .ficon i {
    transform:translateX(0)
}

}