/*header*/
#header,
#nav ul li h3 {
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}
#header {
    z-index: 999;
    height: 7rem;
    width: 100%;
    top: 0;
    position: absolute;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}
#header>.m {
    display: flex;
    height: 100%;
    width: 100%;
    max-width: inherit;
    padding: 0 4rem;
    justify-content: space-between;
    align-items: center;
    position: static;
}
#logo {
    flex-shrink: 0;
}
.logo{ width: 13rem;}
.logo img{ width:100%;}
#logo a {
    display: flex;
    height: 100%;
    align-items: center;
}
#logo img {
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}
#banner #nav {
    position: absolute;
    bottom: 0;
    z-index: 999;
    mix-blend-mode: multiply;
    padding-bottom: 4rem;
}
#nav {
    flex-grow: 1;
    transition: .5s;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#nav ul {
    display: flex;
    flex-grow: 1;
    max-width: 1130px;
}
#nav ul li {
    float: left;
    position: relative;
    z-index: 0;
    flex-grow: 1;
    text-align: center;
}
#nav ul li a {
    display: block;
    text-transform: uppercase;
    font-size: 0;
}
#nav ul li h3 {
    font-size: 1.125rem;
    color: #6f6f6f;
    line-height: 4rem;
    overflow: hidden;
    text-align: center;
    position: relative;
    z-index: 1;
    display: inline-block;
}
svg.defs {
    height: 0;
    position: absolute;
    width: 0;
}
.cir_anim01 {
    width: 130px;
    height: auto;
    position: absolute;
    left: 50%;
    transform: translateX(-50%) translateY(-20%);
    top: 50%;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: .2s;
}
path.guidao {
    fill: none;
    box-sizing: border-box;
    stroke: #b2b2b2;
    stroke-width: 1;
    stroke-dasharray: 150, 60;
    stroke-dashoffset: -37;
}
#nav ul li.on .cir_anim01,
#nav ul li:hover .cir_anim01 {
    opacity: 1;
    visibility: visible;
}
#nav.hide {
    opacity: 0;
    transform: translateY(-20px);
}
.menu_nav {
    position: fixed;
    right: 4rem;
    top: 1.75rem;
    cursor: pointer;
    z-index: 9999;
}
.menu_nav .ico {
    position: relative;
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.menu_nav .ico img,
.menu_nav .ico span {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.menu_nav .ico .cir1 {
    animation: roll_5 14.2s linear infinite;
    animation-delay: 0.3s;
}
.menu_nav .ico .cir2 {
    animation: roll_5 10.4s linear infinite;
    animation-delay: 0.5s;
}
.menu_nav .ico span {
    background: #fff;
    border-radius: 50%;
    transform: scale(.75);
}
.menu_nav p {
    text-align: center;
    font-size: .875rem;
    color: #fff;
    text-transform: uppercase;
    margin-top: .625rem;
}
.nav_line {
    display: flex;
    position: relative;
    z-index: 9;
    flex-direction: column;
    justify-content: space-between;
    width: 1.875rem;
    height: 1.5rem;
}
.nav_line i {
    width: 100%;
    height: 2px;
    display: block;
    background: #2794cb;
    transition: .5s;
}
.nav_line i:nth-child(1) {
    transform-origin: left;
}
.nav_line i:nth-child(2) {
    transform-origin: right;
}
.nav_line i:nth-child(3) {
    transform-origin: left;
}
.menu_nav:hover .nav_line i {
    animation: scale_x .6s ease-out;
}
/***********************/
.m_nav_list {
    /* flex-direction:column; */
    /* justify-content: flex-start; */
    width: 100%;
    /* overflow: auto; */
}
.m_nav_list::-webkit-scrollbar {
    display: none
}
#m_nav {
    z-index: 998;
    position: fixed;
    background: rgba(255, 255, 255, 0.6);
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
    width: 20rem;
    height: 100vh;
    right: 0;
    top: 0;
    display: none;
    padding: 12rem 0 5rem;
    overflow: hidden;
    pointer-events: none;
    transform: perspective(600px) rotateY(-90deg);
    transform-origin: right;
    transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -webkit-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -moz-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -o-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -ms-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    display: block;
    overflow: auto;
    visibility: hidden;
    opacity: 0;
}
#m_nav::-webkit-scrollbar {
    display: none;
}
#m_nav.act {
    pointer-events: auto;
    top: 0;
    visibility: visible;
    opacity: 1;
    transform: perspective(600px) rotateY(0deg);
}
#m_nav>ul>li {
    width: 80%;
    overflow: hidden;
    padding: 0 1rem;
    margin: 0 auto;
}
#m_nav>ul>li+li {
    border-top: 1px solid rgb(111 111 111 / 10%);
}
#m_nav li .a {}
#m_nav li .a h3 {
    line-height: 4.5rem;
    height: 4.5rem;
    color: #000;
    padding: 0;
    font-size: 1.125rem;
    float: left;
    transition: .5s;
}
#m_nav li .a h3:hover {
    color: #2794cb;
}
#m_nav li .a span {
    display: block;
    position: absolute;
    top: 0;
    right: 10px;
    width: 20px;
    height: 50px;
    text-align: center;
}
#m_nav li .a span i {
    font-size: 0;
}
#m_nav .title .a i {
    opacity: 1;
    filter: alpha(opacity=100);
    display: inline-block;
    width: 16px;
    height: 4.5rem;
    float: right;
    display: inline-block;
    background: url(../image/arrow_down.svg) center no-repeat;
    background-size: contain;
}
#m_nav li.on.title .a i {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
}
#m_nav .on.title .a i {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
}
#m_nav li {
    display: block;
    width: 100%;
}
.slide_nav {
    position: absolute;
    left: 0;
    height: 70px;
    z-index: 998;
    padding: 15px;
    top: 0;
    width: 100%;
}
#m_nav .title .list {
    display: none;
    position: relative;
    width: 100%;
    z-index: 9;
    left: 0;
    margin-left: 0;
    background: none;
    border: 0;
    clear: both;
    padding-bottom: 10px;
}
#m_nav .title .list span {
    background: none;
}
#m_nav .title .list a {
    display: block;
    font-size: .875rem;
    color: #888;
    text-align: left;
    line-height: 35px;
    height: 35px;
    border: 0;
    transition: .3s;
    padding-left: 1rem;
}
#m_nav .title .list a:hover {
    color: #2794cb;
}
/*三级导航 开始*/
#m_nav .title .list .void>a {
    background-size: 10px;
    position: relative;
}
#m_nav .title .list .void>a:before {
    content: "·";
    position: absolute;
    left: -1em;
    font-size: 12px;
    font-weight: bold;
}
#m_nav .title .list span {
    position: relative;
    display: block;
}
#m_nav .title .list span .sub {
    position: static;
    width: 100%;
    display: block !important;
    overflow: hidden;
}
#m_nav .title .sub a {
    background: none;
    font-size: .875rem;
    opacity: .8;
    min-width: 50%;
    float: left;
    display: inline-block;
    color: #999;
}
.nav_mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 997;
    background-color: rgba(0, 0, 0, 0.2);
    background: rgba(39, 148, 203, 0.2);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    display: none;
}
/*首页banner*/
#banner {
    position: relative;
}
#banner .swiper-container {
    height: 100vh;
}
#banner .swiper-slide {
    overflow: hidden;
}
#banner video {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
    display: block;
}
#banner .slide-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat !important;
}
.n_about .con .ar_article ul li{float:left;width:50%}
#banner .txt {
    color: #fff;
    height: 100%;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    padding-bottom: 6rem;
    padding-left: 2rem;
}
#banner .txt h4 {
    opacity: 0;
    font-size: 3.5rem;
    color: #343635;
    font-family: YuMoW04;
}
#banner .txt h3 {
    opacity: 0;
    font-size: 4.2rem;
    color: #343635;
    font-weight: 100;
    margin-top: 2rem;
    margin-bottom: 1.5rem;
}
#banner .swiper-button-prev {
    left: 4%;
}
#banner .swiper-button-next {
    right: 4%;
}
#banner .swiper-slide.swiper-slide-active .txt h4 {
    animation: enter 1.2s forwards .2s;
}
#banner .swiper-slide.swiper-slide-active .txt h3 {
    animation: enter 1.2s forwards .3s;
}
#banner .dotbox {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    margin-top: -6rem;
    z-index: 999;
}
#banner .dotbox .swiper-pagination-bullet {
    width: 8px !important;
    height: 8px !important;
    display: block;
    border-radius: 50%;
    background: #fff;
    opacity: .5;
    transform: scale(.8);
    margin: 17px 0;
    transition: .5s;
}
#banner .dotbox .swiper-pagination-bullet-active {
    opacity: 1;
    transform: scale(1);
}
#banner .swiper-pagination {
    position: static;
}
@-webkit-keyframes enter {
    0% {
        opacity: 0;
        transform: translateY(100px);
        -webkit-transform: translateY(100px);
        -moz-transform: translateY(100px);
        -ms-transform: translateY(100px);
        -o-transform: translateY(100px);
    }
    20% {
        opacity: 0;
        transform: translateY(100px);
        -webkit-transform: translateY(100px);
        -moz-transform: translateY(100px);
        -ms-transform: translateY(100px);
        -o-transform: translateY(100px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
    }
}
@keyframes enter {
    0% {
        opacity: 0;
        transform: translateY(100px);
        -webkit-transform: translateY(100px);
        -moz-transform: translateY(100px);
        -ms-transform: translateY(100px);
        -o-transform: translateY(100px);
    }
    20% {
        opacity: 0;
        transform: translateY(100px);
        -webkit-transform: translateY(100px);
        -moz-transform: translateY(100px);
        -ms-transform: translateY(100px);
        -o-transform: translateY(100px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
    }
}
.bn_ar {
    padding: 1.125rem;
    display: flex;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999;
    cursor: pointer;
}
.bn_ar i {
    width: 3.75rem;
    height: 2px;
    display: block;
    flex-shrink: 0;
    background: #fff;
    position: relative;
}
.bn_ar span {
    margin: 0 6px;
    font-size: 1.5rem;
    color: #fff;
    text-transform: uppercase;
    font-family: CORMORANT700;
}
.banner_left {
    left: 0;
    padding-left: 0;
}
.banner_right {
    right: 0;
    padding-right: 0;
}
.banner_left:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0;
    transition: .5s;
}
.banner_left i:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
    background: #2794cb;
    position: absolute;
    right: 0;
    top: 0;
    transition: .5s;
}
.banner_right:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    z-index: -1;
    right: 0;
    top: 0;
    transition: .5s;
}
.banner_right i:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
    background: #2794cb;
    position: absolute;
    left: 0;
    top: 0;
    transition: .5s;
}
.bn_ar:hover:before {
    width: 100%;
}
.bn_ar:hover i:before {
    width: 100%;
}
.bn_ar:hover span {
    color: #110702;
}
.s_tt {
    text-align: center;
    margin-bottom: 3rem;
}
.s_tt h4 {
    font-size: 2.5rem;
    color: #010101;
    font-family: YuMoW04;
    position: relative;
    display: inline-block;
}
.s_tt h3 {
    font-size: 1.5rem;
    color: #343635;
    margin-top: .75rem;
}
.s_tt p {
    font-size: .875rem;
    line-height: 1.875rem;
    color: #a0a4a7;
    margin-top: 1.5rem;
}
.lineanim1 {
    height: 1rem;
    width: 5rem;
    transform: rotate(120deg);
    position: absolute;
    left: -4rem;
}
.lineanim1 i {
    display: block;
    width: 0;
    height: 1px;
    background: #797b7c;
    transition: .8s;
    position: absolute;
    opacity: 0;
}
.lineanim1 i:nth-child(1) {
    right: 0;
    bottom: 0;
    transition-delay: .3s;
}
.lineanim1 i:nth-child(2) {
    left: 0;
    top: 0;
    transition-delay: .3s;
}
.s_tt.white h4 {
    color: #fff;
}
.s_tt.white h3 {
    color: #fff;
}
@keyframes rotate {
    0% {
        transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(0);
    }
    100% {
        transform: perspective(400px) rotateZ(20deg) rotateX(-40deg) rotateY(-360deg);
    }
}
.stars {
    transform: perspective(500px);
    transform-style: preserve-3d;
    position: absolute;
    bottom: 0;
    perspective-origin: 50% 100%;
    left: 50%;
    animation: rotate 90s infinite linear;
    z-index: -2;
}
.star {
    width: 1px;
    height: 1px;
    border-radius: 50%;
    background: #F7F7B6;
    position: fixed;
    top: 0;
    left: 0;
    transform-origin: 0 0 -300px;
    transform: translate3d(0, 0, -300px);
    backface-visibility: hidden;
    opacity: .5;
}
.aos-animate .lineanim1 i {
    width: 3rem;
    opacity: 1;
}
.s_explore {
    position: relative;
    z-index: -1;
    width: 100%;
    padding-bottom: 11.625rem;
    overflow: hidden;
    z-index: 1;
    background: url(../image/pro_bg1.jpg) center bottom no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.pro_bg_mask {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    z-index: 99;
    pointer-events: none;
}
.exp_bg {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    z-index: -1;
}
.pro_bg1 {
    position: absolute;
    z-index: -1;
    left: 0;
    width: 100%;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pro_bg3 {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 5%;
}
.pro_bg4 {
    position: absolute;
    z-index: -1;
    right: 0;
    top: 20%;
    width: 24.25rem;
}
.s_explore .roll-box {
    position: relative;
    z-index: 5;
    height: 80%;
}
.s_explore .roll-box>img {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
}
.s_explore .roll-box>img.cir4 {
    position: relative;
    height: auto;
    animation: roll_5 17s linear infinite;
}
/* .s_explore .roll-box > img.cir5 {
    animation: roll_5 20s linear infinite;
} */
.s_explore .roll-box>img.cir6 {
    animation: roll_5 14.2s linear infinite;
    animation-delay: 0.3s;
}
.s_explore .roll-box>img.cir7 {
    animation: roll_5 10.4s linear infinite;
    animation-delay: 0.5s;
}
.s_explore .outbox {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.s_explore .ttbox {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.s_explore .ttbox .tt {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
}
.s_explore .ttbox .tt h3 {
    font-size: 2rem;
    color: #333;
    margin-top: .75rem;
}
.s_explore .ttbox img {}
.exp_line {
    position: absolute;
    z-index: 99;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.exp_line .innerbox {
    display: inline-block;
    margin-top: 5rem;
    margin-right: 3rem;
    position: relative;
}
.exp_line svg path {
    stroke: transparent;
    fill: none;
    /* stroke-dasharray: 0 , 600;  */
    /* transition: 5s;   */
    stroke: rgba(255, 255, 255, 0.3);
    stroke-width: 1;
    stroke-dashoffset: 0;
}
/* .exp_line .aos-animate svg path:nth-child(1){ animation-delay: 400ms;}
.exp_line .aos-animate svg path:nth-child(2){ animation-delay: 150ms;}
.exp_line .aos-animate svg path:nth-child(3){ animation-delay: 200ms;}
.exp_line .aos-animate svg path:nth-child(4){ animation-delay: 100ms;}
.exp_line .aos-animate svg path:nth-child(5){ animation-delay: 600ms;}
.exp_line .aos-animate svg path:nth-child(6){ animation-delay: 0ms;}
.exp_line .aos-animate svg path:nth-child(7){ animation-delay: 300ms;}
.exp_line .aos-animate svg path:nth-child(8){ animation-delay: 100ms;} */
/* .exp_line .aos-animate svg path{ animation-name: pathanim; animation-duration:  3s; animation-fill-mode: forwards;  }
@keyframes pathanim {
    0% {
        stroke-dasharray: 0 , 400;
    }
    100% {
        stroke-dasharray: 400 , 400;
    }
  } */
.svgbox {
    opacity: 1 !important;
}
.exp_line .innerbox ul {}
.exp_line .innerbox ul li {
    position: absolute;
    width: 38px;
    height: 38px;
    cursor: pointer;
}
.exp_line .innerbox ul li span {
    display: block;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.625rem;
    color: #fff;
    font-family: CORMORANT700;
    background: url(../image/s_explore_boll.png) center no-repeat;
}
.exp_line .innerbox ul li dl {
    position: absolute;
}
.exp_line .innerbox ul li dt {
    font-size: 1.125rem;
    color: #ffffff;
    white-space: nowrap;
}
.exp_line .innerbox ul li dd {
    font-size: .9rem;
    color: #fab67f;
    white-space: nowrap;
    position: absolute;
    margin-top: 1rem;
	line-height:1.5;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}
.exp_line .innerbox ul li:nth-child(1) {
    left: 16%;
    top: -4%;
}
.exp_line .innerbox ul li:nth-child(2) {
    left: -1%;
    top: 19%;
}
.exp_line .innerbox ul li:nth-child(3) {
    left: 29%;
    bottom: -5%;
}
.exp_line .innerbox ul li:nth-child(4) {
    right: 8%;
    top: 4%;
}
.exp_line .innerbox ul li:nth-child(5) {
    right: -1%;
    top: 65%;
}
.exp_line .innerbox ul li:nth-child(6) {
    right: 8%;
    top: 36%;
}
.exp_line .innerbox ul li:nth-child(7) {
    left: 6%;
    top: 58%;
}
.exp_line .innerbox ul li:nth-child(8) {
    right: 21%;
    top: 95%;
}
section,
footer {
    z-index: 2;
    position: relative;
    background: #fff;
}
.exp_line .innerbox ul li:nth-child(1) dl {
    left: 50%;
    transform: translateX(-50%);
    bottom: 57px;
}
.exp_line .innerbox ul li:nth-child(2) dl {
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
}
.exp_line .innerbox ul li:nth-child(3) dl {
    left: 50%;
    transform: translateX(-50%);
    top: 57px;
}
.exp_line .innerbox ul li:nth-child(4) dl {
    left: 50px;
    top: 50%;
    transform: translateY(-50%);
}
.exp_line .innerbox ul li:nth-child(5) dl {
    left: 50px;
    top: 50%;
    transform: translateY(-50%);
}
.exp_line .innerbox ul li:nth-child(6) dl {
    left: 50px;
    top: 50%;
    transform: translateY(-50%);
}
.exp_line .innerbox ul li:nth-child(7) dl {
    right: 50px;
    top: 50%;
    transform: translateY(-50%);
}
.exp_line .innerbox ul li:nth-child(8) dl {
    left: 50%;
    transform: translateX(-50%);
    top: 57px;
}
.exp_line .innerbox ul li:nth-child(1) dl dd {
    top: 50%;
    transform: translateY(-50%);
    right: 80px;
    margin: 0;
}
.exp_line .innerbox ul li:nth-child(2) dl dd {
    right: 0;
}
.exp_line .innerbox ul li:nth-child(3) dl dd {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.exp_line .innerbox ul li:nth-child(7) dl dd {
    right: 0;
}
.exp_line .innerbox ul li:nth-child(8) dl dd {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
.exp_line .innerbox ul li:hover dd {
    opacity: 1;
    visibility: visible;
}
.service__drawing svg * {
    transition: stroke 0.3s ease-in-out;
}
.s_hd {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 3.75rem;
}
.s_hd .s_tt {
    margin-bottom: 0;
}
.s_pro {
    background: #eef0f2;
    position: relative;
    overflow: hidden;
    z-index: 2;
    width: 100%;
}
.s_pro .s_tt {
    display: flex;
    text-align: left;
    align-items: flex-end;
}
.s_pro .s_tt .lineanim1 {
    left: auto;
    right: -2rem;
    top: 0rem;
}
.s_pro .s_tt h4 {
    margin-right: 1.25rem;
}
.s_pro .s_tt h3 {
    margin-bottom: .375rem;
}
.more_r {
    height: 2.625rem;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-size: .875rem;
    color: #333333;
    position: relative;
}
.more_r i {
    margin-left: .5rem;
}
.more_r:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #8f9192;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: left;
}
.more_r:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #8f9192;
    position: absolute;
    bottom: 0;
    left: 0;
    transform-origin: right;
}
.more_r:hover:before {
    animation: scale_x .6s ease-out;
}
.more_r:hover:after {
    animation: scale_x .6s ease-out;
}
.s_pro {}
.s_pro .bd {
    display: flex;
    align-items: center;
}
.s_pro .bd .left {
    flex-shrink: 0;
    width: 566px;
    max-width: 100%;
    margin-right: 4rem;
}
.s_pro .bd .right {
    flex-grow: 1;
}
.s_pro .box1 {}
.s_pro .box2 {
    padding-top: 4.25rem;
}
.s_pro .box3 {}
.s_pro .box3 .img:after {
    padding-top: 56%;
}
.s_pro .bd .box1 .swiper-slide {
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
}
.s_pro .bd .box1 .box {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.s_pro .bd .box1 .ico {}
.s_pro .bd .box1 .ico svg {
    width: 5rem;
    height: 5rem;
}
.s_pro .bd .box1 .ico svg * {
    fill: none;
}
.s_pro .bd .box1 i {
    margin-top: 1.625rem;
    display: block;
    width: 4rem;
    height: 2px;
    background: #6867a9;
    transform: scaleX(0);
    transition: .5s;
}
.s_pro .bd .box1 .ico svg * {
    stroke: #6867a9;
    stroke-width: 1px;
}
.s_pro .bd .box1 .swiper-slide:nth-child(1) i {
    background: #2794cb;
}
.s_pro .bd .box1 .swiper-slide:nth-child(2) i {
    background: #2794cb;
}
.s_pro .bd .box1 .swiper-slide:nth-child(3) i {
    background: #2794cb;
}
.s_pro .bd .box1 .swiper-slide:nth-child(4) i {
    background: #a9bedd;
}
.s_pro .bd .box1 .swiper-slide:nth-child(5) i {
    background: #b1cdb8;
}
.s_pro .bd .box1 .swiper-slide:nth-child(1) .ico svg * {
    stroke: #f4a774;
}
.s_pro .bd .box1 .swiper-slide:nth-child(2) .ico svg * {
    stroke: #2794cb;
}
.s_pro .bd .box1 .swiper-slide:nth-child(3) .ico svg * {
    stroke: #2794cb;
}
.s_pro .bd .box1 .swiper-slide:nth-child(4) .ico svg * {
    stroke: #6b88b4;
}
.s_pro .bd .box1 .swiper-slide:nth-child(5) .ico svg * {
    stroke: #b1cdb8;
}
.s_pro .bd .box1 .swiper-slide.swiper-slide-thumb-active i {
    transform: scaleX(1);
}
.s_pro .bd .box1 .swiper-slide:nth-child(1).swiper-slide-thumb-active .circle {
    animation: rotateInDownLeft 1s forwards;
}
.s_pro .bd .box1 .swiper-slide:nth-child(2).swiper-slide-thumb-active .circle {
    animation: fadeInRight 1s forwards;
}
.s_pro .bd .box1 .swiper-slide:nth-child(3).swiper-slide-thumb-active .circle {
    animation: fadeInUp 1s forwards;
}
.s_pro .bd .box1 .swiper-slide:nth-child(4).swiper-slide-thumb-active .circle {
    animation: bounceIn 1s forwards;
}
.s_pro .bd .box1 .swiper-slide:nth-child(5).swiper-slide-thumb-active .circle {
    animation: lightSpeedIn 1s forwards;
}
.s_pro .bd .txt {}
.s_pro .bd .txt span {
    opacity: 0;
    font-size: 1.5rem;
    color: #a0a4a7;
    font-family: YuMoW03;
    display: block;
    margin-bottom: 5px;
}
.s_pro .bd .txt h4 {
    opacity: 0;
    font-size: 1.875rem;
    margin-bottom: 1.5rem;
}
.s_pro .bd .txt p {
    opacity: 0;
    font-size: 1.125rem;
    color: #515253;
}
.s_pro .bd .swiper-slide.swiper-slide-active .txt span {
    animation: enter 1.2s forwards .2s;
}
.s_pro .bd .swiper-slide.swiper-slide-active .txt h4 {
    animation: enter 1.2s forwards .3s;
}
.s_pro .bd .swiper-slide.swiper-slide-active .txt p {
    animation: enter 1.2s forwards .4s;
}
.s_pro2 {
    background: #fff;
    width: 100%;
    overflow: hidden;
}
.s_pro2 .hd {
    margin-bottom: 3.5rem;
}
.s_pro2 .hd .box {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: .4;
    transition: .5s;
    cursor: pointer;
}
.s_pro2 .hd .box .ico {
    margin-right: 7px;
    width: 25%;
}
.s_pro2 .hd .box .txt {
    font-size: .875rem;
    color: #010101;
    line-height: 1.125rem;
    max-width: 7rem;
}
.s_pro2 .hd .swiper-slide-thumb-active .box {
    opacity: 1;
}
.s_pro2 .bd .box2 .txt {
    display: none;
}
.s_pro2 .box2 .swiper-slide {
    cursor: pointer;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    transform: scale(0.6);
}
.s_pro2 .box2 .swiper-slide-prev,
.s_pro2 .box2 .swiper-slide-next {
    transform: scale(0.85);
}
.s_pro2 .box2 .swiper-slide-active,
.swiper-slide-duplicate-active {
    transform: scale(1);
}
.s_pro2 .box2 .pic {
    max-width: 255px;
    margin: 0 auto;
}
.s_pro2 .box2 h5 {
    font-size: 1rem;
    margin-top: 1.75rem;
    color: #010101;
    opacity: 1;
    transition: .5s;
}
.s_pro2 .box2 .swiper-slide-active h5 {
    opacity: 0;
}
.s_pro2 .box3 {
    margin-top: 2.5rem;
    position: relative;
}
.s_pro2 .box3 .txt {
    background: #fff;
    text-align: center;
}
.s_pro2 .box3 .txt span {
    font-size: 2.25rem;
    color: #2794cb;
    font-family: YuMoW04;
}
.s_pro2 .box3 .txt h4 {
    font-size: 1.375rem;
    color: #000000;
    margin-bottom: 1.375rem;
    margin-top: .625rem;
}
.s_pro2 .box3 .txt p {
    font-size: .875rem;
    line-height: 1.125rem;
    color: #585858;
}
.pro_left,
.pro_right {
    position: absolute;
    width: 6.125rem;
    height: 3.875rem;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 999;
}
.pro_right {
    right: 0;
    left: auto;
}
.cir_anim02 {
    width: 130px;
    height: 200px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    transition: .2s;
}
path.guidao2 {
    fill: none;
    box-sizing: border-box;
    stroke: #b2b2b2;
    stroke-width: 1;
    stroke-dasharray: 233, 13;
    stroke-dashoffset: -34;
    width: 100%;
    height: 100%;
}
.pro_left .icon,
.pro_right .icon {
    width: 1rem;
    height: 1rem;
}
.pro_left:hover svg,
.pro_right:hover svg {
    fill: #2794cb !important;
    stroke: #2794cb !important;
}
.pro_left:hover path,
.pro_right:hover path {
    stroke: #2794cb !important;
}
.pro_left:hover circle,
.pro_right:hover circle {
    fill: #2794cb !important;
}
.s_platform {
    background: url(../image/s_platform_bg2.jpg) center no-repeat;
    background-size: cover;
}
.s_platform .s_tt {}
.s_platform .s_tt p {
    font-size: .875rem;
    color: #a0a4a7;
}
.s_platform .center {
    margin-top: -10rem;
    position: relative;
}
.s_platform .center .hd {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 99;
    width: 100%;
    height: 200px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    max-width: 628px;
    text-align: center;
    transform: translateX(-50%) translateY(-50%);
}
.s_platform .center .hd ul {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-align: center;
}
.s_platform .center .hd li {
    color: #fff;
    padding-top: 1rem;
    position: relative;
    margin: 0 -5%;
}
/* .s_platform .center .hd li a{ opacity: .4; transition: .5s; transform: scale(.9);} */
.s_platform .center .hd .txt2 {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.s_platform .center .hd h5 {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 6px;
    transition: .5s .2s;
}
.s_platform .center .hd p {
    font-size: 1.375rem;
    transition: .5s .2s;
}
.s_platform .center .hd span {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    transition: .5s;
    left: 0;
    top: 0;
    padding: 0 5rem;
    padding-top: 3rem;
    line-height: 1.7;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.s_platform .center .hd li:nth-child(2) {
    color: #313131;
}

/* .s_platform .center .hd li.on a,.s_platform .center .hd li:hover a{ opacity: 1;transform: scale(1);} */
.s_platform .center .hd li:hover h5 {
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}
.s_platform .center .hd li:hover p {
    opacity: 0;
    visibility: hidden;
    transition: .5s;
}
.s_platform .center .hd li:hover span {
    opacity: 1;
    visibility: visible;
    padding-top: 0;
    transition-delay: .2s;
}
/* .s_platform .center .hd li.on,.s_platform .center .hd li:hover{ -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); -webkit-animation: beat 0.7s 1; animation: beat 0.7s 1;} */
.s_platform .bd {
    position: absolute;
    top: 85%;
    left: 0;
    width: 100%;
    z-index: 9;
}
.s_platform .center .hd li a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.s_platform .txt h5 {
    opacity: 0;
    font-size: 1.625rem;
    color: #000000;
    font-weight: bold;
    margin-bottom: 1.5rem;
}
.s_platform .txt p {
    opacity: 0;
    font-size: .875rem;
    color: #8f8f8f;
    line-height: 1.5rem;
}
.s_platform .bd .txt {
    text-align: center;
}
.s_platform .swiper-slide.swiper-slide-active .txt h5 {
    animation: enter 1.2s forwards .2s;
}
.s_platform .swiper-slide.swiper-slide-active .txt p {
    animation: enter 1.2s forwards .3s;
}
.s_platform .bd2 {}
.s_platform .bd2 img {
    opacity: 0;
    visibility: hidden;
}
.s_platform .bd2 ul {}
.s_platform .bd2 ul li:hover .box {
    -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
    transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
    -webkit-animation: beat 0.7s 1;
    animation: beat 0.7s 1;
}
.s_platform .bd2 ul li {
    width: 7rem;
    height: 7rem;
    position: absolute;
    color: #111;
}
.s_platform .bd2 ul li .box {
    width: 100%;
    height: 100%;
    background: url(../image/pro_boll.png) center no-repeat;
    display: flex;
    align-items: center;
    font-size: .875rem;
    line-height: 1rem;
    justify-content: center;
    text-align: center;
}
.s_platform .bd2 ul li:nth-child(1) {
    left: 16%;
    top: 18%;
}
.s_platform .bd2 ul li:nth-child(2) {
    left: 3%;
    top: 30%;
}
.s_platform .bd2 ul li:nth-child(3) {
    left: 10%;
    bottom: 42%;
}
.s_platform .bd2 ul li:nth-child(4) {
    left: 0%;
    bottom: 33%;
}
.s_platform .bd2 ul li:nth-child(5) {
    left: 10%;
    top: 71%;
}
.s_platform .bd2 ul li:nth-child(6) {
    left: 22%;
    bottom: 9%;
}
.s_platform .bd2 ul:nth-child(2) li {
    left: auto !important;
}
.s_platform .bd2 ul:nth-child(2) li:nth-child(1) {
    right: 16%;
    top: 18%;
}
.s_platform .bd2 ul:nth-child(2) li:nth-child(2) {
    right: 3%;
    top: 30%;
}
.s_platform .bd2 ul:nth-child(2) li:nth-child(3) {
    right: 10%;
    bottom: 42%;
}
.s_platform .bd2 ul:nth-child(2) li:nth-child(4) {
    right: 0%;
    bottom: 33%;
}
.s_platform .bd2 ul:nth-child(2) li:nth-child(5) {
    right: 10%;
    top: 71%;
}
.s_platform .bd2 ul:nth-child(2) li:nth-child(6) {
    right: 22%;
    bottom: 9%;
}
.s_platform .bd2 ul li:nth-child(1) .box {
    background-size: 95% !important;
}
.s_platform .bd2 ul li:nth-child(2) .box {
    background-size: 75% !important;
}
.s_platform .bd2 ul li:nth-child(3) .box {
    background-size: 100% !important;
}
.s_platform .bd2 ul li:nth-child(4) .box {
    background-size: 70% !important;
}
.s_platform .bd2 ul li:nth-child(5) .box {
    background-size: 100% !important;
}
.s_platform .bd2 ul li:nth-child(6) .box {
    background-size: 100% !important;
}
.s_platform .bd2 ul li:nth-child(7) .box {
    background-size: 95% !important;
}
.s_platform .bd2 ul li:nth-child(8) .box {
    background-size: 90% !important;
}
.s_platform .bd2 ul:nth-child(1) li .box {
    background: url(../image/pro_boll_on.png) center no-repeat;
    color: #fff;
}
.s_platform .bd2 .swiper-slide.swiper-slide-active li:nth-child(1) {
    animation: fade-l 1s forwards .1s ease;
}
.s_platform .bd2 .swiper-slide.swiper-slide-active li:nth-child(2) {
    animation: fade-l 1s forwards .2s ease;
}
.s_platform .bd2 .swiper-slide.swiper-slide-active li:nth-child(3) {
    animation: fade-l 1s forwards .2s ease;
}
.s_platform .bd2 .swiper-slide.swiper-slide-active li:nth-child(4) {
    animation: fade-l 1s forwards .1s ease;
}
.s_platform .bd2 .swiper-slide.swiper-slide-active li:nth-child(5) {
    animation: fade-r 1s forwards .1s ease;
}
.s_platform .bd2 .swiper-slide.swiper-slide-active li:nth-child(6) {
    animation: fade-r 1s forwards .2s ease;
}
.s_platform .bd2 .swiper-slide.swiper-slide-active li:nth-child(7) {
    animation: fade-r 1s forwards .2s ease;
}
.s_platform .bd2 .swiper-slide.swiper-slide-active li:nth-child(8) {
    animation: fade-r 1s forwards .1s ease;
}
@-webkit-keyframes fade-l {
    0% {
        opacity: 0;
        transform: translateX(-100px);
        -webkit-transform: translateX(-100px);
    }
    20% {
        opacity: 0;
        transform: translateX(-100px);
        -webkit-transform: translateX(-100px);
    }
    100% {
        opacity: 1;
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
    }
}
@keyframes fade-l {
    0% {
        opacity: 0;
        transform: translateX(-100px);
        -webkit-transform: translateX(-100px);
    }
    20% {
        opacity: 0;
        transform: translateX(-100px);
        -webkit-transform: translateX(-100px);
    }
    100% {
        opacity: 1;
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
    }
}
@-webkit-keyframes fade-r {
    0% {
        opacity: 0;
        transform: translateX(100px);
        -webkit-transform: translateX(100px);
    }
    20% {
        opacity: 0;
        transform: translateX(100px);
        -webkit-transform: translateX(100px);
    }
    100% {
        opacity: 1;
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
    }
}
@keyframes fade-r {
    0% {
        opacity: 0;
        transform: translateX(100px);
        -webkit-transform: translateX(100px);
    }
    20% {
        opacity: 0;
        transform: translateX(100px);
        -webkit-transform: translateX(100px);
    }
    100% {
        opacity: 1;
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
    }
}
.s_ys {
    background: url(../image/s_ys_bg.jpg) center no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.s_ys .lineanim1 i {
    background: #fff;
}
.s_ys .box {
    border-radius: .9375rem;
    background: rgba(255, 255, 255, 0.2);
    -webkit-backdrop-filter: blur(13px);
    backdrop-filter: blur(13px);
    height: 23.125rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 4.5rem 1.75rem;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.s_ys .box:before {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    z-index: -1;
    transition: .5s;
}
.s_ys .box .ico {
    margin-bottom: 2rem;
}
.s_ys .box .ico svg {
    width: 4.25rem;
    height: 4.25rem;
}
.s_ys .box i {
    display: block;
    width: 10px;
    height: 10px;
    border: 2px solid #fff;
    border-radius: 50%;
    margin-bottom: 2rem;
    flex-shrink: 0;
    transition: .5s;
}
.s_ys .box h4 {
    font-size: 1.375rem;
    color: #fff;
    margin-bottom: .75rem;
    transition: .5s;
    transform: translateY(0px);
}
.s_ys .box span {
    font-size: .75rem;
    color: rgba(255, 255, 255, 0.5);
    font-family: YuMoW04;
    text-transform: uppercase;
    text-align: center;
    display: block;
    transition: .5s;
}
.s_ys .box p {
    font-size: .875rem;
    line-height: 1.375rem;
    color: #8f8f8f;
    text-align: center;
    margin-top: .5rem;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
    transform: translateY(0px);
}
.s_ys .box:hover:before {
    height: 100%;
}
.s_ys .box:hover svg * {
    stroke: #2794cb;
    animation: strokeanim 3s forwards;
}
.s_ys .box:hover i {
    transform: translateY(-30px);
    opacity: 0;
    visibility: hidden;
    transition: .5s .1s;
}
.s_ys .box:hover h4 {
    font-size: 1.375rem;
    color: #010101;
    transform: translateY(-30px);
    transition: .5s .2s;
}
.s_ys .box:hover span {
    transform: translateY(-30px);
    opacity: 0;
    visibility: hidden;
    transition: .5s .2s;
}
.s_ys .box:hover p {
    opacity: 1;
    visibility: visible;
    transform: translateY(-40px);
    transition: .5s .3s;
}
svg * {
    stroke-linecap: round;
    stroke-miterlimit: 10;
}
/* @keyframes strokeanim {
    0% {
        stroke-dasharray: 0 , 188.49;
        stroke-dashoffset:188.49;
    }
    100% {
        stroke-dasharray:188.49 , 0;
        stroke-dashoffset:188.49;
    }
  } */
.s_rukou {}
.s_rukou ul {
    display: flex;
    margin: 0 -1.625rem;
}
.s_rukou ul li {
    width: 33.333%;
    padding: 0 1.625rem;
}
.s_rukou ul li a {
    display: block;
}
.s_rukou ul li .img {}
.s_rukou ul li .img img {
    display: block;
}
.s_rukou ul li .con {
    display: flex;
    padding-top: 1.5rem;
}
.s_rukou ul li .icobox {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-shrink: 0;
}
.s_rukou ul li .ico {
    position: relative;
    margin-bottom: .5rem;
    width: 4rem;
    height: 4rem;
}
.s_rukou ul li .ico span {
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.s_rukou ul li .ico svg {
    position: relative;
    z-index: 1;
}
.s_rukou ul li .ico svg path {}
.s_rukou ul li .ico img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block !important;
}
.s_rukou ul li .icobox p {
    font-size: 1rem;
    color: #2794cb;
    line-height: 1.375rem;
}
.s_rukou ul li .line {
    display: block;
    width: 1px;
    height: auto;
    margin: 0 1.5rem;
    background: #eceef0;
}
.s_rukou ul li .txt {}
.s_rukou ul li .txt h5 {
    font-size: 1.375rem;
    color: #010101;
    line-height: 4.25rem;
}
.s_rukou ul li .txt p {
    font-size: .875rem;
    line-height: 1.5rem;
}
.s_rukou ul li:hover .ico svg path {
    fill: #fff;
}
#foot {
    background: url(../image/foot_bg.png) center top no-repeat;
    color: #fff;
    position: relative;
}
#foot:before {
    content: "";
    display: block;
    width: calc(50% - 850px);
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #a0a4a7;
}
#foot:after {
    content: "";
    display: block;
    width: calc(50% - 850px);
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: #a0a4a7;
}
#foot>.m {
    display: flex;
    justify-content: space-between;
}
#foot .left {
    flex-grow: 1;
    padding-top: 3.75rem;
}
#foot .right {
    max-width: 348px;
    padding-top: 3.75rem;
    position: relative;
}
#foot .line {
    width: 1px;
    height: auto;
    background: rgba(255, 255, 255, 0.2);
    margin: 0 7rem;
}
.foot_nav {
    display: flex;
    justify-content: space-between;
    flex-grow: 1;
    margin-bottom: 3rem;
}
.foot_nav dl {
    color: #fff;
}
.foot_nav dt {
    font-size: 1rem;
    padding-bottom: 1.5rem;
    margin-bottom: .75rem;
    border-bottom: 1px solid #fff;
}
.foot_nav dd {
    font-size: .875rem;
    line-height: 1.75rem;
    color: rgba(255, 255, 255, 0.8);
    transition: .3s;
}
.foot_nav dd:hover {
    color: #fff;
}
.foot_bot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.875rem 0;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.copyright {
    font-size: .8125rem;
    line-height: 1.5;
    text-align: right;
    color: rgba(255, 255, 255, .5);
}
.copyright a:hover{ color: #fff;}
.s_foot_link {
    height: 38px;
    width: 203px;
    cursor: pointer;
    overflow: visible;
    position: relative;
    text-align: left;
}
.s_foot_link .tanchu {
    overflow: auto;
    box-sizing: border-box;
    position: absolute;
    bottom: 40px;
    border-bottom: 0;
    display: none;
    left: 0;
    right: -1px;
}
.s_foot_link .tanchu>div {
    max-height: 200px;
    background: rgba(248, 162, 86, 0.7);
    display: block;
    padding: 10px 1.25rem;
    overflow: auto;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.3);
}
.s_foot_link .tanchu>div::-webkit-scrollbar {
    display: none
}
.s_foot_link .tanchu a {
    color: #fff;
    color: rgba(255, 255, 255, 0.9);
    line-height: 27px;
    display: block;
    font-size: 13px;
}
.s_foot_link .tanchu a:hover {
    color: #fff;
}
.s_foot_link #bnt_link1.a {
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid rgba(255, 255, 255, 0.3);
    font-size: 13px;
    padding: 0 1.25rem;
    text-align: left;
    line-height: 38px;
    width: 100%;
    height: 38px;
    box-sizing: border-box;
    text-decoration: none;
    position: absolute;
    z-index: 1;
}
.s_foot_link .a span {
    width: 14px;
    height: 14px;
    line-height: 14px;
    display: block;
}
.s_foot_link .a span svg {
    display: block;
    transition: .5s;
}
.s_foot_link #bnt_link1.a.icon_un svg {
    transform: rotateX(180deg);
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotateX(180deg);
}
.foot_tel {}
.foot_tel div {
    font-size: 1rem;
    display: flex;
    align-items: center;
    margin-bottom: .75rem;
}
.foot_tel div svg {
    width: 1rem;
    margin-right: .5rem;
}
.foot_tel p {
    font-size: 1.5rem;
    font-family: YuMoW03;
}
.foot_lianxi {
    font-size: .875rem;
    line-height: 1.25rem;
    color: rgba(255, 255, 255, 0.7);
    margin-top: .875rem;
}
.foot_lianxi svg {
    width: 1.125rem;
    height: 1.125rem;
}
.foot_lianxi svg:hover path {
    fill: #2794cb;
}
.foot_ewm {
    display: flex;
    align-items: center;
    margin-top: 1.5rem;
}
.foot_ewm img {
    flex-shrink: 0;
    width: 7rem;
    height: 7rem;
    margin-right: 1.125rem;
}
.foot_ewm p {
    color: rgba(255, 255, 255, 0.7);
    font-size: 12px;
    line-height: 16px;
}
#gotop {
    position: absolute;
    right: 0;
    top: 0;
    transform: translateY(-50%);
}
img.gotop {
    width: 5.75rem;
    position: relative;
    z-index: 9;
    cursor: pointer;
}
img.gotop:hover {
    -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
    transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
    -webkit-animation: beat 0.7s 1;
    animation: beat 0.7s 1;
}
.foot_mask {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-48.5%);
    width: 11.125rem;
    max-width: inherit;
    margin-top: -1px;
}
@keyframes beat {
    from,
    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    25% {
        -webkit-transform: scale(0.9, 1.1);
        transform: scale(0.9, 1.1);
    }
    50% {
        -webkit-transform: scale(1.1, 0.9);
        transform: scale(1.1, 0.9);
    }
    75% {
        -webkit-transform: scale(0.95, 1.05);
        transform: scale(0.95, 1.05);
    }
    from,
    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    25% {
        -webkit-transform: scale(0.9, 1.1);
        transform: scale(0.9, 1.1);
    }
    50% {
        -webkit-transform: scale(1.1, 0.9);
        transform: scale(1.1, 0.9);
    }
    75% {
        -webkit-transform: scale(0.95, 1.05);
        transform: scale(0.95, 1.05);
    }
}
@-webkit-keyframes beat {
    from,
    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    25% {
        -webkit-transform: scale(0.9, 1.1);
        transform: scale(0.9, 1.1);
    }
    50% {
        -webkit-transform: scale(1.1, 0.9);
        transform: scale(1.1, 0.9);
    }
    75% {
        -webkit-transform: scale(0.95, 1.05);
        transform: scale(0.95, 1.05);
    }
    from,
    to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    25% {
        -webkit-transform: scale(0.9, 1.1);
        transform: scale(0.9, 1.1);
    }
    50% {
        -webkit-transform: scale(1.1, 0.9);
        transform: scale(1.1, 0.9);
    }
    75% {
        -webkit-transform: scale(0.95, 1.05);
        transform: scale(0.95, 1.05);
    }
}
.pro2_huan {
    position: absolute;
    left: 50%;
    top: 55%;
    display: flex;
    justify-content: center;
    transform: translateX(-50%) translateY(-50%);
}
.pro2_huan img {
    margin: 0 -12%;
    width: 18.75rem;
    height: 18.75rem;
}
.pro2_huan .pro2_huan2 {
    transition: 2s ease;
}
/* .pro2_huan .pro2_huan2{ animation: roll_5 14.2s linear infinite; animation-delay: 0.3s;} */
/* .s_platform_nav{ opacity: 0; }
 */
#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
}
#loader {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 99;
}
#loader img {}
.load_logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    overflow: hidden;
}
.load_logo img {
    width: 20rem;
}
.load_boll1 {
    position: relative;
    z-index: 3;
    margin: 0 -8%;
    width: 18rem;
}
.load_boll2 {
    position: relative;
    z-index: 4;
    margin: 0 -8%;
    width: 18rem;
    mask-image: linear-gradient(to left, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);
    -webkit-mask-image: linear-gradient(to left, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);
}
#loader-wrapper .txt {
    max-width: 78.75rem;
    display: flex;
    justify-content: space-between;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    font-size: 1.75rem;
    font-weight: 100;
    width: 100%;
    height: 100%;
    color: #fff;
    z-index: 999;
    align-items: center;
}
/* .load_boll2:before{ content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 50%; background: linear-gradient(90deg,#000 0%, transparent 100%); z-index: -1; } */
.load_boll2 img {
    -webkit-animation: spin 3s linear infinite;
    mix-blend-mode: color;
    -moz-animation: spin 3s linear infinite;
    -o-animation: spin 3s linear infinite;
    -ms-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
    mask-image: linear-gradient(#000 0%, #fff 0%, transparent 100%);
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
#loader-wrapper .loader-section {
    width: 100%;
    float: left;
    height: 100%;
    background: #1f1f20;
    z-index: 1000;
}
#loader-wrapper .zu {
    height: 100%;
    width: 100%;
    position: fixed;
    /* background: #2794cb; */
    -webkit-transform: scaleY(4);
    opacity: 1;
    -ms-transform: scaleY(4);
    transform: scaleY(4);
    -webkit-transition: all 1.5s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 1.5s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
#loader-wrapper .loader-section {}
.loaded #loader-wrapper .loader-section {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 1s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 1s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.loaded #loader {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.loaded .txt {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#loader-wrapper .txt.hide {
    opacity: 0;
    -webkit-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}
#loader-wrapper .txt.hide span {
    filter: blur(2px);
}
.loaded .load_logo {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.loaded #loader-wrapper {
    visibility: hidden;
    overflow: hidden;
    -webkit-transition: all 0.3s 1s ease-out;
    transition: all 0.3s 1s ease-out;
}
.loaded #loader-wrapper .zu {
    -webkit-transform: rotate(0);
    opacity: 0;
    visibility: hidden;
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all 1.5s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 1.5s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
.pin-spacer {
    background: #fff;
}
.load_logo.hide {
    opacity: 0;
    visibility: hidden;
    filter: blur(5px);
    transform: scale(2);
    -webkit-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
}
/* .loadbox{ transition: 1.5s 2s; opacity: 1; visibility: visible;}
.loadbox.loaded{opacity: 0; visibility: hidden;} */