/*@charset "UTF-8";*/
/* CSS Document */
/*-- 提倡互联网共享,同时应尊重原创作者,网站制作属: lijia xiong --*/
/*注意：样式有改动，改动者：肖国梁*/
/*html5*/


.html_page {
    position: relative;
    z-index: 9;
    background: #fff;
    overflow-x: hidden;
}

svg {
    width: 100%;
}

/*插件样式*/
.bsTop {
    width: 10.83333vw !important;
}

.bsFrameDiv div {
    width: 10.83333vw !important;
    height: 10.83333vw !important;
    display: -webkit-flex !important;
    display: -ms-flex !important;
    display: flex !important;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.bsFrameDiv img {
    margin: 0 !important;
}

.bshare-custom {
    display: -webkit-flex !important;
    display: -ms-flex !important;
    display: flex !important;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    font-size: 0.8333vw;
    color: #b2b2b2;
}

.bshare-custom.icon-medium-plus a {
    padding-left: 0 !important;
    color: #999999;
    margin: 0 0 0 1.1458333vw !important;
    width: 2.08333vw !important;
    height: 2.08333vw !important;
    display: -webkit-flex !important;
    display: -ms-flex !important;
    display: flex !important;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    outline: none;
    -webkit-transition: all .5s cubic-bezier(.165, .84, .44, 1);
    transition: all .5s cubic-bezier(.165, .84, .44, 1);
}

.bshare-custom a:hover {
    text-decoration: none !important;
    opacity: 1;
    color: #36adad;
}

.BMap_Marker img {
    width: auto;
    display: inline-block;
}

.BMap_bubble_content img {
    width: auto;
    display: inline-block;
}

.nicescroll-cursors {
    border: none !important;
}

.nicescroll-rails {
    padding: 1.041666vw 0;
    cursor: pointer !important;
}

/*默认样式*/
article, aside, dialog, footer, header, section, footer, nav, figure, menu {
    display: block
}

.Avian-Regular {
    font-family: "Avian-Regular", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}

.Avian-Bold {
    font-family: "Avian-Bold", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}

.Manrope-Light {
    font-family: "Manrope-Light", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}

.Manrope-Medium {
    font-family: "Manrope-Medium", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}

.Manrope-Regular {
    font-family: "Manrope-Regular", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}

.Manrope-ExtraBold {
    font-family: "Manrope-ExtraBold", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}

.Manrope-ExtraLight {
    font-family: "Manrope-ExtraLight", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}

.Manrope-Bold {
    font-family: "Manrope-Bold", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}

.Manrope-SemiBold {
    font-family: "Manrope-SemiBold", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}

.Roboto-Black {
    font-family: "Roboto-Black", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}

.Segoeuib {
    font-family: "Segoeuib", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}

@font-face {
    font-family: "Avian-Regular";
    src: url(../fonts/Avian-Regular.ttf);
}

@font-face {
    font-family: "Avian-Bold";
    src: url(../fonts/Avian-Bold.ttf);
}

@font-face {
    font-family: "Manrope-Light";
    src: url(../fonts/Manrope-Light.ttf);
}

@font-face {
    font-family: "Manrope-Medium";
    src: url(../fonts/Manrope-Medium.ttf);
}

@font-face {
    font-family: "Manrope-Regular";
    src: url(../fonts/Manrope-Regular.ttf);
}

@font-face {
    font-family: "Manrope-ExtraBold";
    src: url(../fonts/Manrope-ExtraBold.ttf);
}

@font-face {
    font-family: "Manrope-ExtraLight";
    src: url(../fonts/Manrope-ExtraLight.ttf);
}

@font-face {
    font-family: "Manrope-Bold";
    src: url(../fonts/Manrope-Bold.ttf);
}

@font-face {
    font-family: "Manrope-SemiBold";
    src: url(../fonts/Manrope-SemiBold.ttf);
}

@font-face {
    font-family: "Roboto-Black";
    src: url(../fonts/Roboto-Black-1.ttf);
}

@font-face {
    font-family: "Segoeuib";
    src: url(../fonts/segoeuib.ttf);
}


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    word-wrap: break-word !important;
    word-break: normal !important;
}

html, body {
    font-family: "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
    background: #fff;
    font-size: 0.7291666vw;
    width: 100%;
    color: #333;
    margin: 0 auto;
    -webkit-overflow-scrolling: touch;
}

body {
    overflow: hidden;
}

/*#ascrail2000 {*/
/*    height: calc(100vh - 1.041666vw) !important;*/
/*    top: 0.5208333vw!important;*/
/*    right: 0.15625vw!important;*/
/*    overflow: hidden!important;*/
/*}*/

.BMap_cpyCtrl {
    display: none;
}

.anchorBL {
    display: none;
}

.body_flex {
    position: fixed;
}

.body_hide {
    overflow-x: hidden;
}

img {
    border: none;
    display: block;
    width: 100%;
}

i {
    font-style: normal;
}

div {
    display: block;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

table {
    border-collapse: collapse;
}

a {
    display: inline-block;
    text-decoration: none;
    color: #000;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
}

h1, h2, h3, h4, h5 {
    font-weight: normal;
}

video {
    outline: none;
}

a:focus {
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

li {
    list-style: none;
}

input, select, button, textarea {
    vertical-align: middle;
    border-radius: 0;
    outline: none;
    background: none;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    font-family: "Microsoft YaHei", 微软雅黑, Arial, Helvetica, sans-serif;
}

select::-ms-expand {
    display: none;
}

textarea {
    resize: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type="number"] {
    -moz-appearance: textfield;
}

textarea {
    resize: vertical;
}

/*清除浮动*/
.clear:after {
    content: "";
    width: 0;
    height: 0;
    clear: both;
    display: block;
}

/*input高亮*/
.salient-input {
    padding: 0.36458333vw 0 0.36458333vw 0.26041666vw;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.salient-input:focus {
    border-color: #4faad6;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 0.41666vw rgba(10, 201, 245, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 0.41666vw rgba(10, 201, 245, .6);
}

/*单行超出省略*/
.space-over {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*多行超出省略*/
.space-list-over {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #8c8c8c;
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #8c8c8c;
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #8c8c8c;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #8c8c8c;
}


.cover {
    position: relative;
    height: 0;
    overflow: hidden;
}

.cover img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
}

.flex {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.swiper-animation {
    opacity: 0;
}

.banner_box .swiper-slide {
    background: #fff;
    overflow: hidden;
}

.swiper-pagination-bullet {
    outline: none;
    cursor: pointer;
}

/*!*滚动条整体部分，可以设置宽度等*!*/
/*::-webkit-scrollbar {*/
/*}*/

/*!*滚动条两端的按钮*!*/

/*::-webkit-scrollbar-button {*/
/*}*/

/*!*外层轨道*!*/
/*::-webkit-scrollbar-track {*/
/*}*/

/*!*内层滚动槽*!*/
/*::-webkit-scrollbar-track-piece {*/
/*}*/

/*!*滚动的滑块*!*/
/*::-webkit-scrollbar-thumb {*/
/*}*/

/*!*边角*!*/
/*::-webkit-scrollbar-corner {*/
/*}*/

/*!*定义右下角拖动块的样式*!*/
/*::-webkit-resizer {*/
/*}*/

/*css play*/


.page_center {
    padding: 0 9.63541666vw;
}

.index_banner_wrap {
    position: relative;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    z-index: 10;
}

.index_circle_wrap {
    width: 0;
    height: 0;
    position: absolute;
    left: -10%;
    bottom: -10%;
    z-index: 9;
    pointer-events: none;
}

.index_circle_box {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #187aba;
}

.index_banner_box {
    width: 50%;
    height: 100vh;
    margin: 0;
}

.index_banner_content {
    position: relative;
    height: 100%;
    background: #fff;
}

.index_banner_read {
    position: absolute;
    left: 0;
    top: 27.22222%;
    width: 100%;
    padding: 0 5.208333vw 0 9.63541666vw;
}

.index_banner_title {
    font-size: 2.8125vw;
    line-height: 3.90625vw;
    color: #187aba;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.index_banner_subtitle {
    font-size: 2.8125vw;
    line-height: 3.90625vw;
    color: #111111;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.index_banner_en {
    font-size: 1.3541666vw;
    line-height: 1.875vw;
    margin-top: 1.5625vw;
    color: #333333;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);

}

.index_banner_box .swiper-slide-active .index_banner_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.4, 0, .2, 1);
    transition: all .8s cubic-bezier(.4, 0, .2, 1);
}

.index_banner_box .swiper-slide-active .index_banner_subtitle {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.4, 0, .2, 1);
    transition: all .8s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.index_banner_box .swiper-slide-active .index_banner_en {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.4, 0, .2, 1);
    transition: all .8s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.index_banner_photo {
    width: 50%;
    height: 100vh;
    position: relative;
}

.index_banner_back {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9;
}

.index_banner_svg {
    height: 100%;
    width: 100%;
}


.index_banner_pic {
    width: 100%;
    height: 100vh;
}

.index_banner_img {
    height: 100%;
    width: 100%;
}

.index_banner_img img {
    -webkit-transform: translateY(-2.08333vw);
    transform: translateY(-2.08333vw);
    -webkit-transition: all 2s cubic-bezier(.4, 0, .2, 1);
    transition: all 2s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.index_banner_pic .swiper-slide-active .index_banner_img img {
    -webkit-transform: none;
    transform: none;

}

.header_big {
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.header_big:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    background: #fff;
    -webkit-box-shadow: 0 0 0.5208333vw rgba(0, 0, 0, .1);
    box-shadow: 0 0 0.5208333vw rgba(0, 0, 0, .1);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.header_wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 99;
    pointer-events: none;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
}

.header_after {
    height: 4.999998vw;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    pointer-events: none;
    z-index: -1;
}

.header_logo_box {
    padding-left: 4.1666vw;
}

.header_logo_box a {
    width: 7.5vw;
    display: block;
}

.header_logo_box a img {
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.header_nav_wrap {
    padding: 1.82291666vw 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.header_nav_item {
    margin: 0 0.67708333vw;
    position: relative;
}

.header_nav_item:hover .header_nav_down_wrap {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
}

.header_nav_link {
    font-size: 0.8333vw;
    line-height: 2.916666vw;
    padding: 0 2.08333vw;
    color: #222222;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.header_box {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
    z-index: 9;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.header_language_wrap {
    margin-left: 2.6041666vw;
}

.header_language_box a {
    line-height: 2.3958333vw;
    width: 2.3958333vw;
    font-size: 0.8333vw;
    color: #555555;
    position: relative;
    text-align: center;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.header_language_box a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 0.1041666vw solid #c5c6cb;
    box-sizing: border-box;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.header_content_box {
    -webkit-align-items: center;
    align-items: center;
    padding-right: 1.041666vw;
}

.header_number_box {
    position: relative;
    padding: 0 1.30208333vw;
    margin-left: 1.5625vw;
}

.header_number_box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-background-image: linear-gradient(90deg, #187aba, #b3cde2);
    background-image: linear-gradient(90deg, #187aba, #b3cde2);
    -webkit-border-radius: 1.19791666vw;
    border-radius: 1.19791666vw;

}

.header_number_text {
    font-size: 0.7291666vw;
    line-height: 2.3958333vw;
    color: #fff;
    position: relative;
    z-index: 9;
}

.header_hide .header_big {
    -webkit-transform: translateY(-120%);
    transform: translateY(-120%);
}

.index_pagination_wrap {
    position: absolute;
    left: 0;
    top: 60%;
    z-index: 9;
    width: 100%;
    pointer-events: none;
    padding: 0 9.63541666vw;
    opacity: 0;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.index_banner_pagination_item {
    width: 1.82291666vw;
    height: 1.82291666vw;
    pointer-events: auto;
    margin-right: 0.78125vw;
    cursor: pointer;
    outline: none;
}

.index_banner_pagination_item:last-child {
    margin-right: 0;
}

.index_banner_pagination_circle {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.index_pagination_svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    fill-opacity: 0;
    stroke: #187aba;
    stroke-width: 1px;
    stroke-dasharray: 314.15927%;
    stroke-dashoffset: 314.15927%;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_banner_pagination_circle:after {
    content: "";
    width: 0.41666vw;
    height: 0.41666vw;
    background: #c1c1c1;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_banner_pagination_active .index_pagination_svg {
    stroke-dashoffset: 0;
}

.index_banner_pagination_active .index_banner_pagination_circle:after {
    background: #187aba;
}


.index_banner_tips_wrap {
    position: absolute;
    bottom: 2.6041666vw;
    left: 0;
    width: 100%;
    z-index: 999;
    pointer-events: none;
    -webkit-justify-content: center;
    justify-content: center;
    opacity: 0;
}

.index_banner_tips_title {
    font-size: 0.7291666vw;
    line-height: 2.08333vw;
    color: #333333;
}

.index_banner_tips_line {
    height: 1.25vw;
    width: 1px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.index_banner_tips_line:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    width: 100%;
    background: #187aba;
}

.body_animate .index_banner_circle {
    cy: 14vw;
    cx: 28vw;
    ry: 28vw;
    rx: 28vw;
    -webkit-transition: all 2s cubic-bezier(.4, 0, .2, 1);
    transition: all 2s cubic-bezier(.4, 0, .2, 1);

}

.body_animate .index_circle_wrap {
    left: -13%;
    bottom: -18%;
    width: 28.125vw;
    height: 28.125vw;
    -webkit-transition: all 2s cubic-bezier(.4, 0, .2, 1);
    transition: all 2s cubic-bezier(.4, 0, .2, 1);

}

.body_animate .index_banner_tips_wrap {
    opacity: 1;
    -webkit-transition: all .8s cubic-bezier(.4, 0, .2, 1);
    transition: all .8s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}


.body_animate .index_banner_tips_line:after {
    -webkit-animation: 2s BannerLine infinite linear normal both;
    animation: 2s BannerLine infinite linear normal both;
}

.body_animate .header_wrap {
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition: all .8s cubic-bezier(.4, 0, .2, 1);
    transition: all .8s cubic-bezier(.4, 0, .2, 1);
}

.body_animate .public_banner_en {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: all .8s cubic-bezier(.4, 0, .2, 1);
    transition: all .8s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.body_animate .public_banner_cn {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: all .8s cubic-bezier(.4, 0, .2, 1);
    transition: all .8s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}

.body_animate .index_pagination_wrap {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition: all .8s cubic-bezier(.4, 0, .2, 1);
    transition: all .8s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .7s;
    transition-delay: .7s;
}

@keyframes BannerLine {
    0% {
        height: 0;
    }
    40% {
        height: 100%;

    }
    70% {
        top: 0;
    }
    100% {
        top: 100%;
        height: 100%;
    }
}

@-webkit-keyframes BannerLine {
    0% {
        height: 0;
    }
    40% {
        height: 100%;
    }
    70% {
        top: 0;
    }
    100% {
        top: 100%;
        height: 100%;
    }
}

.index_about_title {
    font-size: 1.5625vw;
    line-height: 2.08333vw;
    color: #222222;
    margin-bottom: 1.30208333vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.index_about_text {
    font-size: 0.8333vw;
    line-height: 1.666vw;
    color: #555555;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.index_about_wrap {
    position: relative;
    z-index: 9;
    padding: 9.8958333vw 0 6.7708333vw 0;
    background: #fff;
    z-index: 9;
}

.index_about_tab {
    margin-top: 5.208333vw;
}

.index_about_content {
    width: 45.80645%;
}

.index_about_item_box {
    width: 23.94366%;
    margin: 0 14.08451% 0 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.index_about_item_box:nth-child(3n) {
    margin: 0;
}

.index_about_item_circle {
    padding-bottom: 100%;
    position: relative;
    height: 0;
}

.index_about_item_svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;

}

.index_about_item_current {
    z-index: 9;
}

.index_about_item_svg svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    fill-opacity: 0;
    stroke: #cfcfcf;
    stroke-width: 1px;
}

.index_about_item_current svg {
    stroke-dasharray: 314.15927%;
    stroke-dashoffset: 314.15927%;
    stroke: #187aba;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.index_about_item_box:nth-child(2n) .index_about_item_current {
    transform: rotate(180deg);
}

.index_about_item_content {
    position: relative;
}

.index_about_item_read {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.index_about_item_center {
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.index_about_item_back {
    pointer-events: none;
}

.index_about_item_number {
    font-size: 2.6041666vw;
    line-height: 3.125vw;
    color: #222222;
}

.index_about_item_text {
    font-size: 0.7291666vw;
    line-height: 2.08333vw;
    color: #222222;
}

.index_about_box {
    position: relative;
    z-index: 9;
}

.index_about_photo {
    position: absolute;
    right: 0;
    bottom: 0;

}

.index_about_img {
    width: 51.09375vw;
    -webkit-transform: translateY(60%);
    transform: translateY(60%);
}

.index_about_item_title {
    font-size: 0.8333vw;
    line-height: 1.5625vw;
    color: #555555;
    text-align: center;
    margin-top: 0.78125vw;
}

.public_button_box {
    /*margin-top: 5.208333vw;*/
}

.public_button_box a {
    -webkit-align-items: center;
    align-items: center;
    padding: 0 1.30208333vw;
    position: relative;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-border-radius: 1.25vw;
    border-radius: 1.25vw;
}

.public_button_box a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #dadada;
    -webkit-border-radius: 1.25vw;
    border-radius: 1.25vw;
    box-sizing: border-box;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.public_button_text {
    font-size: 0.78125vw;
    line-height: 2.5vw;
    color: #666666;
    position: relative;
    z-index: 9;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.public_button_icon {
    margin-left: 1.041666vw;
    height: 0.390625vw;
    position: relative;
    width: 1.3541666vw;
}

.public_button_label {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 9;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.public_button_label:nth-child(2) {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transform: translateX(-1vw);
    transform: translateX(-1vw);
    opacity: 0;
}

.public_button_label svg {
    width: 100%;
    display: block;
    fill: #999;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

/*蓝色*/
.public_button_box a:hover:after {
    border: 1px solid #187aba;
}

.public_button_box a:hover {
    background: #187aba;
}

.public_button_box a:hover .public_button_text {
    color: #fff;
}

.public_button_box a:hover .public_button_label:nth-child(2) {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
}

.public_button_box a:hover .public_button_label:nth-child(1) {
    -webkit-transform: translateX(1vw);
    transform: translateX(1vw);
    opacity: 0;
}

.public_button_box a:hover .public_button_label svg {
    fill: #fff;
}

/*白框*/
.public_white_button a:hover:after {
    border: 1px solid #fff;
}

.public_white_button a:hover {
    background: #fff;
}

.public_white_button a:hover .public_button_text {
    color: #187aba;
}

.public_white_button a:hover .public_button_label svg {
    fill: #187aba;
}

/*白色*/
.pro_content_button .public_button_box a:hover:after {
    background: #187aba;
}


.pro_content_button .public_button_box a:hover .public_button_text {
    color: #fff;
}

.pro_content_button .public_button_box a:hover .public_button_label svg {
    fill: #fff;
}


.index_product_wrap {
    background: #187aba;
    overflow: hidden;
    position: relative;
    z-index: 10;
}

.index_product_box {
    position: relative;
}

.index_product_head {
    position: absolute;
    left: 0;
    top: 4.1666vw;
    width: 100%;
}


.index_product_content {
    padding: 6.25vw 0 0 0;
    width: 100%;
    position: relative;
    z-index: 9;
}


.index_product_photo_tab:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.index_product_photo_swiper {
    position: relative;
    z-index: 9;
}

.index_product_photo_swiper:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 15%;
    height: 100%;
    z-index: 9;
    background-image: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}

.index_product_photo_swiper:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 15%;
    height: 100%;
    z-index: 9;
    background-image: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
}

.index_product_photo_wrap {
    width: 58.06451%;
    position: relative;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

.index_product_pagination_box {
    opacity: 0;
    pointer-events: none;
}

.index_product_photo_box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-bottom: 100%;
}

.index_product_photo_tab {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden;
    z-index: 9;
    padding: 6.7708333vw 4.2708333vw 1.30208333vw 4.2708333vw;
}

.index_product_details_img {
    padding-bottom: 70.5163043%;
}


.index_public_en {
    font-size: 2.916666vw;
    line-height: 2.916666vw;
    color: #fff;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.index_public_cn {
    margin-top: 0.78125vw;
    font-size: 1.5625vw;
    line-height: 2.08333vw;
    color: #fff;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.index_product_photo_read {
    margin-top: 2.86458333vw;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    z-index: 9;
}

.index_product_photo_text {
    font-size: 1.09375vw;
    line-height: 1.5625vw;
    color: #666666;
}

.index_product_photo_current {
    color: #187aba;
}

.index_product_details_box {
    -webkit-align-items: center;
    align-items: center;
    width: 21.032258%;
    padding: 10.41666vw 0.5208333vw 10.41666vw 0;
}

.product_details_item_box {
    padding: 2.6041666vw 0;
}

.product_details_item_title {
    font-size: 3.125vw;
    line-height: 3.6458333vw;
    color: #ffffff;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.index_about_button {
    margin-top: 5.208333vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.product_details_item_text {
    font-size: 0.78125vw;
    line-height: 1.5625vw;
    margin-top: 0.78125vw;
    color: #ffffff;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.product_details_item_button {
    margin-top: 5.208333vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.index_product_details_swiper .swiper-slide-active .product_details_item_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.4, 0, .2, 1);
    transition: all .8s cubic-bezier(.4, 0, .2, 1);
}

.index_product_details_swiper .swiper-slide-active .product_details_item_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.4, 0, .2, 1);
    transition: all .8s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.index_product_details_swiper .swiper-slide-active .product_details_item_button {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.4, 0, .2, 1);
    transition: all .8s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.public_white_button a:after {
    border: 1px solid #fff;
}


.public_white_button a .public_button_text {
    color: #fff;
}

.public_white_button a .public_button_label svg {
    fill: #fff;
}

.index_product_pagination_wrap {
    width: 20.903232%;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: center;
    align-items: center;
}

.index_product_pagination_item {
    width: 3.4375vw;
    height: 3.4375vw;
    padding: 0.26041666vw;
    margin-bottom: 0.9375vw;
    background: rgba(255, 255, 255, .22);
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    outline: none;
    cursor: pointer;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_product_pagination_active {
    background: rgba(255, 255, 255, 1);
}

.index_map_wrap {
    position: relative;
    z-index: 9;
    background: #fff;
}

.index_map_box {
    position: relative;
}

.index_map_content {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    width: 100%;
    padding: 5.7291666vw 0 9.375vw 0;
    pointer-events: none;
}

.index_map_details_item {
    padding: 2.08333vw;
}

.index_map_details_title {
    font-size: 1.5625vw;
    line-height: 2.08333vw;
    font-weight: bold;
    color: #222222;
    margin-bottom: 1.041666vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.index_map_details_text {
    font-size: 0.78125vw;
    line-height: 1.5625vw;
    color: #666666;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.index_map_head .index_public_en {
    color: #222222;
}

.index_map_head .index_public_cn {
    color: #187aba;
}

.index_map_tab {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}

.index_map_details_box {
    position: absolute;
    left: 46.875%;
    top: 50%;
    width: 18.75vw;
    z-index: 9;
}

.index_map_details_swiper {
    background: #fff;
    -webkit-box-shadow: 0 0 2.6041666vw rgba(129, 129, 129, .35);
    box-shadow: 0 0 2.6041666vw rgba(129, 129, 129, .35);
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.index_map_item_circle {
    width: 100%;
    height: 100%;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.index_map_item_box {
    position: absolute;
    width: 1.9791666vw;
    height: 1.9791666vw;

}


.index_map_item_box:nth-child(1) {
    left: 76.5%;
    top: 47.2%;
}

/*.index_map_item_box:nth-child(2) {*/
/*    left: 71%;*/
/*    top: 35.5%;*/
/*}*/

.index_map_item_box:nth-child(2) {

    left: 75.2%;
    top: 46%;
}

.index_map_item_box:nth-child(3) {
    left: 74.5%;
    top: 48.5%;
}

.index_map_item_box:nth-child(4) {
    left: 75.4%;
    top: 42.9%;
}

.index_map_item_box:nth-child(5) {
    left: 73.8%;
    top: 50.5%;
}

.index_map_item_box:nth-child(6) {
    left: 70.8%;
    top: 67.5%;
}

.index_map_item_title {
    font-size: 0.7291666vw;
    line-height: 1.25vw;
    color: #187aba;
    width: 7.8125vw;
    position: absolute;
    opacity: 0;
}

.index_map_item_box:nth-child(1) .index_map_item_title {
    left: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: left;
}

/*.index_map_item_box:nth-child(2) .index_map_item_title {*/
/*    left: 50%;*/
/*    -webkit-transform: translateX(-50%) translateY(-100%);*/
/*    transform: translateX(-50%) translateY(-100%);*/
/*    text-align: center;*/
/*}*/

.index_map_item_box:nth-child(2) .index_map_item_title {

    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-100%);
    transform: translateY(-50%) translateX(-100%);
    text-align: right;
}

.index_map_item_box:nth-child(3) .index_map_item_title {
    left: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: left;
}

.index_map_item_box:nth-child(4) .index_map_item_title {
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-100%);
    transform: translateY(-50%) translateX(-100%);
    text-align: right;
}

.index_map_item_box:nth-child(5) .index_map_item_title {
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
}

.index_map_item_box:nth-child(6) .index_map_item_title {
    left: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: left;
}


.index_map_item_label {
    width: 0.3125vw;
    height: 0.3125vw;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.index_map_item_label:after {
    content: "";
    -webkit-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    background: #187aba;
}

.index_map_item_label:nth-child(1) {
    z-index: 9;
}

.index_map_item_label:nth-child(1):after {
    background: #fff;
}

.index_map_item_label:nth-child(2):after {
    -webkit-animation: jing_scale 2.4s linear infinite normal both;
    animation: jing_scale 2.4s linear infinite normal both;
}

.index_map_item_label:nth-child(3):after {
    -webkit-animation: jing_scale 2.4s .8s linear infinite normal both;
    animation: jing_scale 2.4s .8s linear infinite normal both;
}

.index_map_item_label:nth-child(4):after {
    -webkit-animation: jing_scale 2.4s 1.6s linear infinite normal both;
    animation: jing_scale 2.4s 1.6s linear infinite normal both;
}

@-webkit-keyframes jing_scale {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    20% {
        width: 232%;
        height: 232%;
        opacity: 0.8;
    }
    40% {
        width: 365%;
        height: 365%;
        opacity: 0.6;
    }
    60% {
        width: 495%;
        height: 495%;
        opacity: .4;
    }
    80% {
        width: 630%;
        height: 630%;
        opacity: 0;
    }
    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}

@keyframes jing_scale {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    20% {
        width: 232%;
        height: 232%;
        opacity: 0.8;
    }
    40% {
        width: 365%;
        height: 365%;
        opacity: 0.6;
    }
    60% {
        width: 495%;
        height: 495%;
        opacity: .4;
    }
    80% {
        width: 630%;
        height: 630%;
        opacity: 0;
    }
    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}

.index_map_read {
    height: 23.4375vw;
    width: 9.6875vw;
    margin-top: 5.7291666vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.index_map_swiper {
    height: 100%;
    pointer-events: auto;
}

.index_map_slide_title {
    font-size: 0.9375vw;
    line-height: 2.6041666vw;
    color: #333333;
    text-align: center;
    background: #f0f0f0;
    -webkit-border-radius: 1.30208333vw;
    border-radius: 1.30208333vw;
    cursor: pointer;
    outline: none;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_map_swiper .swiper-slide-active .index_map_slide_title {
    background: #187aba;
    color: #fff;

}

.index_news_wap_button {
    display: none;
}

.index_map_details_swiper .swiper-slide-active .index_map_details_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.4, 0, .2, 1);
    transition: all .8s cubic-bezier(.4, 0, .2, 1);
}

.index_map_details_swiper .swiper-slide-active .index_map_details_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.4, 0, .2, 1);
    transition: all .8s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.index_map_details_swiper .swiper-slide-active .index_map_details_button {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.4, 0, .2, 1);
    transition: all .8s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.index_map_details_button {
    margin-top: 2.34375vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.index_customers_wrap {
    position: relative;
}

.index_customers_wrap:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 9;
}

.index_customers_back {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.index_customers_box {
    position: relative;
    z-index: 9;
    padding: 6.25vw 0;
}

.index_customers_head .index_public_en {
    text-align: center;
}

.index_customers_head .index_public_cn {
    text-align: center;
}

.index_customers_item_box {
    padding-bottom: 30.952380%;
}

.index_customers_prev_swiper .swiper-wrapper,
.index_customers_next_swiper .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important;;
}

.index_customers_read {
    margin-top: 6.25vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.index_customers_tab {
    padding: 2.6041666vw 0;
}

.index_news_head .index_public_en {
    color: #222222;
}

.index_news_head .index_public_cn {
    color: #187aba;
}

.index_news_button {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.index_news_tips {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.index_news_wrap {
    padding: 6.25vw 0;
    position: relative;
    background: #f4f4f4;
    z-index: 9;
}

.index_news_item_title {
    padding: 1.30208333vw 0 0.78125vw 0;
}

.index_news_item_title a {
    max-width: 100%;
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    color: #222222;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_news_item_photo a {
    display: block;
    padding-bottom: 62.1118012%;
}

.index_news_item_photo a img {
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_news_item_box:hover .index_news_item_title a {
    color: #187aba;
}

.index_news_item_box:hover .index_news_item_photo a img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.index_news_item_time {
    font-size: 0.8333vw;
    line-height: 1.3541666vw;
    color: #666666;
}

.index_news_content {
    margin-top: 4.6875vw;
    position: relative;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.index_news_swiper .swiper-wrapper {
    -webkit-transition: all .8s cubic-bezier(.4, 0, .2, 1);
    transition: all .8s cubic-bezier(.4, 0, .2, 1);
}

.index_news_pagination_wrap {
    position: absolute;
    top: 32%;
    left: 0;
    width: 100%;

}

.index_news_pagination_box {
    width: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.index_news_pagination_icon {
    font-size: 2.08333vw;
    color: #6b6b6b;
    text-align: center;
    position: relative;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_news_pagination_icon:hover {
    color: #187aba;
}

.index_news_pagination_btn {
    cursor: pointer;
    outline: none;
}

.index_news_pagination_prev .index_news_pagination_icon {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    left: -1.5625vw;
}

.index_news_pagination_next .index_news_pagination_icon {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    right: -1.5625vw;
}

.index_news_pagination_next .index_news_pagination_icon:before {
    display: block;
    position: relative;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.footer_address_wrap {
    width: 43.6129%;
    padding: 3.125vw 0 4.1666vw 0;
    position: relative;
}

.footer_address_wrap:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    border-right: 1px solid #292929;
}


.footer_nav_wrap {
    width: 56.3871%;
    padding: 3.125vw 0 4.1666vw 0;
}

.footer_wrap {
    background: #1c1c1c;
    position: relative;
    z-index: 10;
}

.footer_public_title,
.footer_public_title a {
    font-size: 0.88541666vw;
    line-height: 1.5625vw;
    font-weight: bold;
    color: #ffffff;
}

.footer_address_tel {
    margin-top: 0.41666vw;
}

.footer_address_tel,
.footer_address_tel a {
    font-size: 1.7708333vw;
    line-height: 2.08333vw;
    color: #fff;
}

.footer_address_tab {
    margin: 1.041666vw 0;
}

.footer_address_item_box,
.footer_address_item_box a {
    font-size: 0.78125vw;
    line-height: 1.7708333vw;
    color: #666666;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.footer_address_item_box a:hover {
    color: #fff;
}

.footer_up_wrap {
    position: relative;
}

.footer_up_wrap:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #292929;
}

.footer_address_btn a {
    padding: 0 2.08333vw;
    font-size: 0.7291666vw;
    line-height: 1.9791666vw;
    font-weight: bold;
    color: #666666;
    background: #2a2a2a;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}


.footer_nav_item_li a {
    display: inline-block;
    font-size: 0.78125vw;
    line-height: 1.7708333vw;
    color: #666666;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.footer_nav_item_li a:hover {
    color: #fff;
}

.footer_nav_item_box {
    width: 20%;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    padding-left: 1.041666vw;
}

.footer_nav_item_content {
    max-width: 100%;
}

.footer_nav_item_ul {
    margin-top: 1.5625vw;
}

.footer_copyright_item_box {
    width: 50%;
}

.footer_copyright_item_box:last-child {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.footer_down_box {
    padding: 1.71875vw 0;
}

.footer_copyright_item_text {
    margin-right: 1.041666vw;
}

.footer_copyright_item_text:last-child {
    margin: 0;
}

.footer_copyright_item_box_img {
    display: inline-block;
    width: 1em;
    margin-right: .3em;
}

.footer_copyright_item_text,
.footer_copyright_item_text a {
    font-size: 0.78125vw;
    line-height: 1.7708333vw;
    color: #444;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.footer_copyright_item_text a:hover {
    color: #fff;
}

.header_nav_down_wrap {
    position: absolute;
    left: 0;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(1vw);
    transform: translateY(1vw);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.header_nav_down_content {
    position: relative;
    margin-top: 0.26041666vw;
    padding: 0.88541666vw 0;
}

.header_nav_down_content:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;

    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 8;
    -webkit-box-shadow: 0 0 1.26041666vw rgba(0, 0, 0, .1);
    box-shadow: 0 0 1.26041666vw rgba(0, 0, 0, .1);
    -webkit-border-radius: 0.5208333vw;
    border-radius: 0.5208333vw;
}

.header_nav_down_icon {
    position: absolute;
    width: 0.5208333vw;
    height: 0.5208333vw;
    top: -0.26041666vw;
    left: 50%;
    margin-left: -0.26041666vw;
    z-index: 9;

}

.header_nav_down_icon:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-box-shadow: 0 0 0.26041666vw rgba(0, 0, 0, .2);
    box-shadow: 0 0 0.26041666vw rgba(0, 0, 0, .2);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.header_nav_down_icon:before {
    content: "";
    position: absolute;
    left: -50%;
    top: 50%;
    width: 200%;
    height: 100%;
    z-index: 9;
    background: #fff;
}


.header_nav_down_box {
    position: relative;
    z-index: 9;
}

.header_nav_down_link {
    font-size: 0.78125vw;
    line-height: 2.08333vw;
    color: #222222;
    text-align: center;
    display: block;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.header_nav_down_link:hover {
    color: #187aba;
}


.public_banner_back {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.header_white_box .header_logo_box a img {
    -webkit-filter: grayscale(100%) brightness(600%);
    filter: grayscale(100%) brightness(600%);
}

.header_white_box .header_nav_link {
    color: #fff;
}

.header_white_box .header_language_box a {
    color: #fff;
}

.header_white_box .header_language_box a:after {
    border: 0.1041666vw solid #fff;
}


.header_active .header_logo_box a img {
    -webkit-filter: none;
    filter: none;
}

.header_active .header_language_box a {
    color: #222222;
}

.header_active .header_language_box a:after {
    border: 0.1041666vw solid #c5c6cb;
}

.header_active .header_nav_link {
    color: #222222;
}

.header_active .header_big:after {
    height: 100%;

}

.header_active .header_nav_wrap {
    padding: 1.041666vw 0;
}

.public_banner_wrap {
    height: 100vh;
    position: relative;

}

.public_banner_box {
    width: 100%;
    position: relative;
    z-index: 9;
    height: 100%;
    -webkit-align-items: center;
    align-items: center;
}

.public_banner_content {
    width: 100%;
}

.public_banner_en {
    font-size: 3.8541666vw;
    line-height: 4.1666vw;
    color: #fff;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.public_banner_cn {
    font-size: 1.5625vw;
    line-height: 2.08333vw;
    margin-top: 1.041666vw;
    color: #fff;
    text-align: center;
    font-family: "Microsoft YaHei UI Light", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}


.public_banner_wrap .index_banner_tips_title {
    color: #fff;
}

.public_banner_wrap .index_banner_tips_line:after {
    background: #fff;
}

.public_head_title {
    font-size: 1.5625vw;
    line-height: 2.08333vw;
    color: #222222;
    margin-bottom: 1.041666vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.public_head_line {
    width: 1.82291666vw;
    height: 0.15625vw;
    position: relative;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.public_head_line:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #187aba;
}

.about_detail_en {
    margin-top: 1.041666vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.about_detail_text {
    font-size: 4.1666vw;
    line-height: 5.208333vw;
    color: rgba(255, 255, 255, 0);
    -webkit-text-stroke: 1px #187aba;
}

.about_detail_text:nth-child(2) {
    padding-left: 8.333vw;
}

.about_detail_head {
    width: 45.16129%;
}

.about_detail_content {
    width: 54.83871%;
}

.about_detail_title {
    font-size: 1.041666vw;
    line-height: 1.5625vw;
    color: #333333;
    font-weight: bold;
    margin-bottom: 1.5625vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.about_detail_read {
    margin-bottom: 4.6875vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.about_detail_read, .about_detail_read p {
    font-size: 0.8333vw;
    line-height: 1.5625vw;
    color: #444444;
}

.about_detail_tips_title {
    font-size: 1.1458333vw;
    line-height: 1.666vw;
    color: #187aba;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.about_detail_tips_number {
    font-size: 4.6875vw;
    line-height: 5.208333vw;
    margin-top: 0.5208333vw;
    color: #187aba;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.about_detail_wrap {
    padding: 6.25vw 0 5.208333vw 0;
}

.about_page_wrap {
    position: relative;
    z-index: 9;
    background: #fff;
}

.about_advertising_box {
    padding: 0 9.63541666vw;
}

.about_advertising_img {
    width: 100%;
}

.about_layout_wrap {
    position: relative;
}

.about_wap_wrap {
    display: none;
}

.about_wap_content {
    position: relative;
}

.about_layout_box {
    position: relative;
}

.about_layout_photo {
    width: 38.6458333%;
    position: relative;
}

.about_layout_content {
    width: 61.3541667%;
    padding: 0 9.63541666vw 0 0;
    position: relative;
}

.about_layout_big {
    padding: 0 10.9375vw 0 4.6875vw;
}

.about_layout_swiper {
    padding: 3.6458333vw 0;
}

.about_layout_back {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9;
    pointer-events: none;
}

.about_layout_svg {
    height: 100%;
    width: 100%;
}

/*.about_layout_circle {*/
/*    cy: 35.41666vw;*/
/*    cx: 3.2291733vw;*/
/*    ry: 35.41666vw;*/
/*    rx: 35.41666vw;*/
/*    -webkit-transition: all 2s cubic-bezier(.4, 0, .2, 1);*/
/*    transition: all 2s cubic-bezier(.4, 0, .2, 1);*/
/*}*/


.about_layout_tab {

}

.about_layout_img {
    padding-bottom: 111.8598%;
}

.about_layout_en {
    font-size: 2.3958333vw;
    line-height: 2.916666vw;
    margin-top: 0.78125vw;
    color: #187aba;
    text-transform: uppercase;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.about_layout_wrap {
    padding: 6.25vw 0 0 0;
}

.about_layout_head {
    padding: 0 0 7.291666vw 0;
}

.about_layout_item_title {
    font-size: 2.6041666vw;
    line-height: 3.125vw;
    color: #222222;
    font-family: "Microsoft YaHei UI Light", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.about_layout_item_read {
    font-size: 0.8333vw;
    line-height: 1.875vw;
    color: #555555;
    margin-top: 2.6041666vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.about_layout_item_contact {
    margin-top: 1.875vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.about_layout_item_contact,
.about_layout_item_contact a {
    font-size: 0.8333vw;
    line-height: 1.875vw;
    color: #222222;
}


.about_layout_swiper .swiper-slide-active .about_layout_item_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.4, 0, .2, 1);
    transition: all .8s cubic-bezier(.4, 0, .2, 1);
}

.about_layout_swiper .swiper-slide-active .about_layout_item_read {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.4, 0, .2, 1);
    transition: all .8s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.about_layout_swiper .swiper-slide-active .about_layout_item_contact {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.4, 0, .2, 1);
    transition: all .8s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.about_layout_pagination_wrap {
    position: absolute;
    right: 0;
    top: 0;
    width: 33.958333vw;
    height: 33.958333vw;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
    pointer-events: none;
}

.about_layout_pagination_box {
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    margin-left: -10.7291666vw;
    position: relative;
    -webkit-align-items: center;
    align-items: center;
}

.about_layout_pagination_box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #f5f5f5;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.about_layout_pagination_tab {
    width: 7.8125vw;
    margin-left: 2.6041666vw;
}

.about_layout_pagination_swiper {
    height: 20.9375vw;
}


.about_pagination_item_box {
    width: 100%;
    padding: 1.041666vw 0;
    cursor: pointer;
    outline: none;

}

.about_pagination_item_icon {
    width: 3.3333vw;
    height: 3.3333vw;
    padding: 0.36458333vw;
    position: relative;
    margin: 0 auto;
}

.about_pagination_item_icon:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid #187aba;
    box-sizing: border-box;
    opacity: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.about_layout_pagination_swiper .swiper-slide-active .about_pagination_item_icon:after {
    opacity: 1;
}

.about_pagination_item_img {
    padding-bottom: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.about_pagination_item_title {
    text-align: center;
    font-size: 0.8333vw;
    line-height: 1.5625vw;
    color: #666666;
}


.about_layout_pagination_pic {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9;
    -webkit-justify-content: center;
    justify-content: center;
}

.about_layout_pagination_pic .swiper-pagination-bullet {
    width: 1.5625vw;
    height: 1.5625vw;
    background: none;
    opacity: 1 !important;
    margin: 0 0.15625vw !important;
    position: relative;
}

.about_layout_pagination_pic .swiper-pagination-bullet:after {
    content: "";
    position: absolute;
    left: 30%;
    top: 30%;
    width: 40%;
    height: 40%;
    background: rgba(255, 255, 255, .4);
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.about_layout_pagination_pic .swiper-pagination-bullet-active:after {
    background: rgba(255, 255, 255, 1);
}

.about_culture_wrap {
    position: relative;
}

.about_culture_wrap:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 9;
}

.about_culture_back {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.about_culture_back:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
}

.about_culture_tips_box {
    position: absolute;
    left: 0;
    top: 4.6875vw;
    width: 100%;
    z-index: 10;
}

.about_culture_tips_box .public_head_title {
    color: #fff;
    text-align: center;
}

.about_culture_tips_box .public_head_line {
    margin: 0 auto;
}

.about_culture_tips_box .public_head_line:after {
    background: #fff;
}

.about_culture_tips_en {
    color: #fff;
    text-transform: uppercase;
    font-size: 2.3958333vw;
    line-height: 2.916666vw;
    text-align: center;
    margin-top: 0.78125vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.about_culture_box {
    position: relative;
    z-index: 9;
}

.about_culture_icon {
    font-size: 2.916666vw;
    line-height: 2.916666vw;
    color: #fff;
    text-align: center;
}

.about_culture_read {
    margin-top: 7.291666vw;
    position: relative;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.about_culture_number_wrap {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);

}

.about_culture_number_box {
    color: rgba(255, 255, 255, .3);
    font-size: 1.1458333vw;
    line-height: 1.666vw;
}

.about_culture_title {
    font-size: 1.5625vw;
    line-height: 2.08333vw;
    margin-top: 1.5625vw;
    color: #fff;
    text-align: center;
    font-family: "Microsoft YaHei UI Light", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}

.about_culture_text {
    font-size: 0.8333vw;
    line-height: 1.5625vw;
    height: 6.25vw;
    color: #fff;
    text-align: center;
    font-family: "Microsoft YaHei UI Light", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2vw);
    transform: translateY(2vw);
}

.about_culture_item_box {
    width: 33.3333%;
    padding: 17.1875vw 6.7708333vw 6.25vw 6.7708333vw;
    position: relative;

}

.about_culture_head {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.about_culture_item_box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 0;
    border-right: 1px solid rgba(255, 255, 255, .2);
}

.about_culture_item_box:first-child:after {
    display: none;
}

.about_culture_item_active .about_culture_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.4, 0, .2, 1);
    transition: all .8s cubic-bezier(.4, 0, .2, 1);
}

.about_culture_item_active .about_culture_number_box {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2vw);
    transform: translateY(2vw);
    -webkit-transition: all .8s cubic-bezier(.4, 0, .2, 1);
    transition: all .8s cubic-bezier(.4, 0, .2, 1);
}

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

.innovation_page_back {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.innovation_page_box {
    position: relative;
    z-index: 9;
    height: 100%;
    -webkit-align-items: center;
    align-items: center;
}

.innovation_page_big {
    width: 100%;
    margin-top: 6.5625vw;
}

.innovation_page_tab {
    padding: 0 0 0 16.1458333vw;
}

.innovation_item_img {
    padding-bottom: 63.3333%;
    -webkit-border-radius: 0.5208333vw;
    border-radius: 0.5208333vw;
}


.innovation_item_year {
    font-size: 4.1666vw;
    line-height: 4.6875vw;
    color: #ffffff;
    margin-top: -2.6041666vw;
    position: relative;
    z-index: 9;
}

.innovation_item_read {
    font-size: 0.9375vw;
    line-height: 1.458333vw;
    color: #ffffff;
    margin-top: 1.30208333vw;
}

.innovation_item_photo {
    padding-left: 3.38541666vw;
}

.innovation_item_box {
    padding: 0 2.08333vw;
}

.innovation_page_swiper {
    -webkit-transform: translateX(15%);
    transform: translateX(15%);
    opacity: 0;
    pointer-events: none;
}

.innovation_page_swiper .swiper-slide:nth-child(2n) .innovation_item_box {
    margin-top: 6.25vw;
}

.innovation_page_list {
    -webkit-align-items: center;
    align-items: center;
}

.innovation_page_head {
    width: 41.419354%;
}

.innovation_page_content {
    margin-top: 4.1666vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.innovation_pagination_wrap {
    width: 58.580646%;
    position: relative;
}

.innovation_page_en {
    font-size: 3.8541666vw;
    line-height: 4.375vw;
    color: #ffffff;
}

.innovation_page_cn {
    font-size: 1.5625vw;
    line-height: 2.08333vw;
    margin-top: 1.30208333vw;
    color: #ffffff;
    font-family: "Microsoft YaHei UI Light", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}


.innovation_pagination_box {
    height: 1px !important;
    background: rgba(255, 255, 255, .2);
    position: relative;
}

.innovation_pagination_box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-100%);
    transform: translateY(-50%) translateX(-100%);
    width: 0.67708333vw;
    height: 0.67708333vw;
    background: #187aba;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.innovation_pagination_box .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #187aba;
}

.partner_page_title {
    -webkit-justify-content: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.partner_page_text {
    font-size: 2.3958333vw;
    line-height: 2.916666vw;
    color: #222222;
    font-family: "Microsoft YaHei UI Light", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;

}

.partner_page_color {
    color: #187aba;
    font-weight: bold;
}

.partner_page_subtitle {
    font-size: 0.9375vw;
    line-height: 1.458333vw;
    margin-top: 1.30208333vw;
    color: #444444;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.partner_page_wrap {
    padding: 7.291666vw 0;
}

.partner_page_item_box {
    width: 16.1290322%;
    margin: 0 4.83870975% 2.6041666vw 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.partner_page_item_box:nth-child(5n) {
    margin: 0 0 2.6041666vw 0;
}

.partner_page_item_img {
    padding-bottom: 50%;
    -webkit-border-radius: 0.208333vw;
    border-radius: 0.208333vw;

}

.partner_page_item_img:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to top, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0));
    z-index: 2;
}

.partner_page_item_img:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #d1e4f1;
    box-sizing: border-box;
    z-index: 1;
    -webkit-border-radius: 0.208333vw;
    border-radius: 0.208333vw;
}

.partner_page_item_img img {
    z-index: 9;
    -webkit-filter: grayscale(100%) invert(50%);
    filter: grayscale(100%) invert(50%);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.partner_page_tab {
    margin-top: 7.291666vw;
}

.partner_page_item_box:hover .partner_page_item_img img {
    -webkit-filter: grayscale(0) invert(0);
    filter: grayscale(0) invert(0);
}

.architecture_page_bjq img {
    max-width: 100%;
    width: auto;
    margin: 0 auto;
}

.architecture_page_wrap {
    padding-bottom: 2.6041666vw;
}

/*.architecture_page_bjq p,*/
/*.architecture_page_bjq img,*/
/*.architecture_page_bjq h1,*/
/*.architecture_page_bjq h2,*/
/*.architecture_page_bjq h3,*/
/*.architecture_page_bjq h4 {*/
/*    opacity: 0;*/
/*    pointer-events: none;*/
/*    -webkit-transform: translateY(3vw);*/
/*    transform: translateY(3vw);*/
/*}*/

.duty_page_title {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.duty_page_text {
    font-size: 2.3958333vw;
    line-height: 2.916666vw;
    color: #222222;
    font-family: "Microsoft YaHei UI Light", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}

.duty_page_color {
    color: #187aba;
    font-weight: bold;
}

.duty_page_subtitle {
    font-size: 0.9375vw;
    line-height: 1.458333vw;
    margin-top: 1.30208333vw;
    color: #444444;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.duty_page_wrap {
    padding-top: 6.7708333vw;
    position: relative;
    z-index: 9;
}

.duty_detail_subtitle {
    font-size: 0.9375vw;
    line-height: 2.08333vw;
    color: #555555;
}

.duty_detail_title {
    font-size: 1.5625vw;
    line-height: 1.5625vw;
    margin-left: 0.26041666vw;
    color: #222222;
}

.duty_detail_head {
    width: 100%;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.duty_detail_tips_read {
    width: 100%;
    margin-top: 1.5625vw;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.duty_detail_tips_wrap {
    width: 20.32258%;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.duty_detail_tips_box {
    padding: 0 3.125vw 0 0;
    margin-bottom: 7.291666vw;
    width: 100%;
    position: relative;
}

.duty_detail_tips_box:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 0.26041666vw;
    height: 0;
    background: #187aba;
}

.duty_detail_photo {
    width: 36.51612%;
}

.duty_detail_content {
    width: 43.1613%;
    padding-left: 8.8541666vw;
}

.duty_detail_img {
    padding-bottom: 168.43033%;
}

.duty_detail_img:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #fff;
}

.duty_detail_box {
    margin-top: 7.8125vw;
}

.duty_detail_bjq {
    margin-top: 2.6041666vw;
}

.duty_detail_bjq p {
    font-size: 0.8333vw;
    line-height: 1.875vw;
    color: #555555;
    text-align: justify;
}

.duty_detail_bjq p,
.duty_detail_bjq img,
.duty_detail_bjq h1,
.duty_detail_bjq h2,
.duty_detail_bjq h3,
.duty_detail_bjq h4 {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.duty_tab_box {
    background: #f4f4f4;
    padding: 7.8125vw 0 3.7708333vw 0;
}

.duty_list_swiper {
    padding-bottom: 3vw;
}

.duty_item_img {
    padding-bottom: 138.4341%;
}

.duty_item_photo {
    width: 100%;
    position: relative;
}

.duty_item_content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    background: rgba(24, 122, 186, .95);
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: center;
    align-content: center;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.duty_item_box:hover .duty_item_content {
    opacity: 1;
    pointer-events: auto;
}

.duty_item_box {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.duty_item_button {
    width: 7.708333vw;
    margin-bottom: 1.30208333vw;

}

.duty_item_button:last-child {
    margin-bottom: 0;
}

.duty_item_button a {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
}

.duty_item_text {
    font-size: 0.8333vw;
    line-height: 2.6041666vw;
    color: #fff;
}

.duty_item_icon {
    font-size: 0.625vw;
    color: #fff;
    margin-left: 0.5208333vw;
}

.duty_item_button a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #fff;
    box-sizing: border-box;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
}

.duty_item_color a {
    background: #fff;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
}

.duty_item_color .duty_item_text {
    color: #187aba;
}

.duty_item_color .duty_item_icon {
    font-size: 0.8333vw;
    color: #187aba;
}

.duty_item_title {
    font-size: 0.8333vw;
    line-height: 1.3541666vw;
    margin-top: 1.5625vw;
    color: #333333;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

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

.pro_page_back {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.pro_page_box {
    position: relative;
    z-index: 20;
    height: 100%;
    pointer-events: none;
}

.pro_nav_wrap {
    width: 16.6666%;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    display: none;
}

.pro_center_wrap {
    width: 87.9166%;
    -webkit-align-content: flex-start;
    align-content: flex-start;
}

.pro_show_wrap {
    width: 100%;
    padding: 0 0 0 11.9791666vw;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 2.6041666vw
}


.pro_center_box {
    width: 100%;
    height: 100%;
    padding-right: 4.1666vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .8s cubic-bezier(.4, 0, .2, 1);
    transition: all .8s cubic-bezier(.4, 0, .2, 1);
}

.pro_content_wrap {
    width: 68.905473%;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 2.6041666vw 0 11.9791666vw;
}

.pro_max_wrap {
    width: 31.094527%;
    opacity: 0;
    height: 100%;
}

.pro_max_box {
    width: 100%;
    height: 100%;
    position: relative;
}


.pro_max_swiper,
.two_max_swiper {
    width: 100%;
    height: 100%;
}

.pro_max_swiper .swiper-slide,
.two_max_swiper .swiper-slide {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
}

.pro_max_photo {
    width: 100%;
    padding-bottom: 100%;
    position: relative;
    background: #7e7f83;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    opacity: .2;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.pro_max_photo a {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.two_max_swiper .swiper-slide-active .pro_max_photo,
.pro_max_swiper .swiper-slide-active .pro_max_photo {
    opacity: 1;
}

.pro_max_img {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    padding-bottom: 70.5163043%;
}

.pro_content_box {
    width: 100%;
}

.pro_nav_box {
    height: 100%;
    width: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: center;
    align-content: center;
    position: relative;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
    opacity: 0;
    pointer-events: none;
}

.pro_nav_tab {
    width: 100%;
    position: relative;
    z-index: 9;
    -webkit-justify-content: center;
    justify-content: center;
    pointer-events: none;
}

.pro_nav_item_box {
    pointer-events: auto;
    width: 7vw;
    height: 7vw;
    margin: 0 2.6041666vw 0 0;
    background: #fff;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.pro_nav_item_box:last-child {
    margin: 0;
}

.pro_nav_item_icon {
    font-size: 2vw;
    line-height: 2vw;
    text-align: center;
    color: #666666;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.pro_nav_item_title {
    font-size: 0.7291666vw;
    line-height: 1.041666vw;
    margin-top: 0.78125vw;
    color: #666666;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.pro_nav_box:after {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    width: 130.208333vw;
    height: 130.208333vw;
    border-radius: 100%;
    border: 1px solid #d3d3d3;
    box-sizing: border-box;
    pointer-events: none;
    display: none;
}

.pro_nav_item_active {
    background: #187aba;
}

.pro_nav_item_active .pro_nav_item_title {
    color: #fff;
}

.pro_nav_item_active .pro_nav_item_icon {
    color: #fff;
}

.pro_content_big {
    padding: 2.6041666vw 0;
    pointer-events: none;
}

.pro_content_swiper {
    height: 100%;
    pointer-events: none;
}

.pro_big_swiper .swiper-slide-active {
    pointer-events: none !important;
}

.pro_content_swiper .swiper-slide-active {
    pointer-events: none !important;
}

.pro_content_subtitle {
    font-size: 0.88541666vw;
    line-height: 1.458333vw;
    color: #777777;
    opacity: 0;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.pro_content_title {
    font-size: 3.38541666vw;
    line-height: 3.90625vw;
    margin-top: 1.041666vw;
    color: #187aba;
    opacity: 0;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.pro_content_read {
    font-size: 0.8333vw;
    line-height: 1.7708333vw;
    margin-top: 2.6041666vw;
    color: #333333;
    opacity: 0;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.pro_content_button {
    margin-top: 4.6875vw;
    opacity: 0;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.pro_content_button .public_button_box a:after {
    border: none;
    background: #fff;
}

.pro_content_button .public_button_text {
    color: #187aba;
}

.pro_content_button .public_button_label svg {
    fill: #187aba;
}

.pro_content_swiper .swiper-slide-active .pro_content_subtitle,
.two_content_swiper .swiper-slide-active .pro_content_subtitle {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.4, 0, .2, 1);
    transition: all .8s cubic-bezier(.4, 0, .2, 1);
}

.pro_content_swiper .swiper-slide-active .pro_content_title,
.two_content_swiper .swiper-slide-active .pro_content_title {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.4, 0, .2, 1);
    transition: all .8s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.pro_content_swiper .swiper-slide-active .pro_content_read,
.two_content_swiper .swiper-slide-active .pro_content_read {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.4, 0, .2, 1);
    transition: all .8s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.pro_big_swiper .swiper-slide-active .pro_content_swiper .swiper-slide-active .pro_content_button a {
    pointer-events: auto !important;
}

.pro_big_swiper .swiper-slide-active .pro_max_swiper .swiper-slide-active .pro_max_photo a {
    pointer-events: auto !important;
}

.pro_content_swiper .swiper-slide-active .pro_content_button,
.two_content_swiper .swiper-slide-active .pro_content_button {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.4, 0, .2, 1);
    transition: all .8s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.pro_big_swiper {
    width: 100%;
    height: 26.041666vw;
    margin-top: 8.3333vw;
}

.pro_big_swiper .swiper-slide-active .pro_center_box {
    opacity: 1;
    pointer-events: none;
}

.pro_mouse_swiper {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 19;
}

.pro_slide_swiper {
    width: 100%;
    height: 100%;
}

.pro_slide_item_read {
    width: 100%;
    height: 100%;
}

.pro_max_pagination_box {
    position: absolute;
    right: -5%;
    bottom: 0;
    z-index: 9;
}

.pro_max_pagination_read {
    font-size: 4vw;
    line-height: 4vw;
    color: #fff;
}

.pro_tips_box {
    height: 22.6041666vw;
    opacity: 0;
}

.pro_tips_line {
    width: 1px;
    height: 9.375vw;
    background: #187aba;
    opacity: .3;
    margin: 0 auto;
}

.pro_tips_first {
    height: 11.375vw;
}

.pro_tips_last {
    height: 6.375vw;
}

.pro_tips_wrap {
    -webkit-justify-content: center;
    justify-content: center;
    width: 12.0834%;
    -webkit-align-items: center;
    align-items: center;
}

.pro_tips_icon {
    width: 2.8125vw;
    line-height: 2.8125vw;
    text-align: center;
    color: #187aba;
    font-size: 0.8333vw;
    position: relative;
    margin: 0.5208333vw 0;
}

.pro_tips_icon:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #187aba;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    box-sizing: border-box;
}

.pro_head_wrap {
    background: #187aba;
    padding: 11.458333vw 0 6.25vw 0;
}


.pro_head_pagination_box {
    width: 100%;
}

.pro_head_pagination_item {
    width: 100%;
    padding-bottom: 100%;
    position: relative;
    background: #fff;
    margin: 0 0 1.5625vw 0;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    cursor: pointer;
}

.pro_head_pagination_item:last-child {
    margin-bottom: 0;
}

.pro_head_pagination_item:after {
    content: "";
    position: absolute;
    left: 7%;
    top: 7%;
    width: 86%;
    height: 86%;
    border: 1px solid #187aba;
    box-sizing: border-box;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    opacity: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.pro_head_pagination_active:after {
    opacity: 1;
}

.pro_head_pagination_photo {
    position: absolute;
    left: 15%;
    top: 0;
    width: 70%;
    height: 100%;
    -webkit-align-items: center;
    align-items: center;
}

.pro_head_pagination_img {
    padding-bottom: 70.5163043%;
    width: 100%;
}

.pro_head_pagination_wrap {
    width: 6.651884%;
    -webkit-transform: translateX(-3vw);
    transform: translateX(-3vw);
    opacity: 0;
    pointer-events: none;
}

.pro_head_tab {
    width: 93.348116%;
    padding-left: 1.5625vw;
    -webkit-transform: translateX(-3vw);
    transform: translateX(-3vw);
    opacity: 0;
    pointer-events: none;
}

.pro_head_swiper {
    width: 100%;
}

.pro_head_photo {
    opacity: 0;
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
}

.pro_head_img {
    padding-bottom: 70.5163043%;
}

.pro_head_control_wrap {
    width: 58.193544%;
    -webkit-align-items: center;
    align-items: center;
}

.pro_head_content {
    width: 41.806456%;
}


.pro_head_swiper .swiper-slide-active .pro_head_photo {
    opacity: 1;
}

.pro_head_subtitle {
    font-size: 0.8333vw;
    line-height: 1.3541666vw;
    color: #fff;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.pro_head_title {
    font-size: 2.08333vw;
    line-height: 2.6041666vw;
    color: #fff;
    margin: 1.30208333vw 0 1.82291666vw 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.pro_head_line {
    height: 1px;
    width: 100%;
    background: rgba(255, 255, 255, .2);
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.pro_head_text {
    color: #a0cae6;
    font-size: 0.78125vw;
    line-height: 1.5625vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.pro_head_read {
    padding: 2.08333vw 0;

}

.pro_xgl_lnk {
    font-size: 0.9375vw;
    line-height: 2.6041666vw;
    padding: 0 1.30208333vw;
    color: #333333;
    text-align: center;
    background: #f0f0f0;
    -webkit-border-radius: 1.30208333vw;
    border-radius: 1.30208333vw;
    cursor: pointer;
    outline: none;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.pro_xgl_lnk:hover {
    color: #187aba;
}

.pro_head_tips_wrap {
    margin: 2.08333vw 0 0 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.pro_head_tips_title {
    font-size: 0.8333vw;
    line-height: 1.3541666vw;
    color: #a0cae6;
    margin-bottom: 0.78125vw;
}

.pro_head_tips_item {
    width: 30%;
    margin: 0.5208333vw 5% 0 0;
}

.pro_head_tips_item:nth-child(3n) {
    margin: 0.5208333vw 0 0 0;
}

.pro_head_tips_label {
    font-size: 0.8333vw;
    line-height: 1.3541666vw;
    color: #a0cae6;
}

.pro_head_tips_text {
    font-size: 0.8333vw;
    line-height: 1.3541666vw;
    color: #fff;
}

.pro_head_contact {
    font-size: 0.9375vw;
    line-height: 1.458333vw;
    margin-top: 2.34375vw;
    color: #fff;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.pro_details_tab {
    padding: 0.5208333vw 0 0 0;
}

.pro_details_pagination_item {
    position: relative;
    cursor: pointer;
    margin-right: 9.375vw;
    z-index: 9;
}

.pro_details_pagination_box {
    position: relative;
}

.pro_details_pagination_box:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #e3e8ee;
}

.pro_details_pagination_item:last-child {
    margin: 0;
}

.pro_details_pagination_item:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 1px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #187aba;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.pro_details_pagination_active .pro_details_pagination_text {
    color: #187aba;
}

.pro_details_pagination_active:after {
    width: 100%;
}

.pro_details_pagination_text {
    font-size: 0.9375vw;
    line-height: 5.208333vw;
    color: #8da4ba;
}

.details_public_title {
    font-size: 0.9375vw;
    line-height: 1.458333vw;
    color: #222222;
    margin-bottom: 0.78125vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.details_public_line {
    width: 1.82291666vw;
    height: 0.15625vw;
    background: #187aba;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.details_public_subtitle {
    font-size: 2.3958333vw;
    line-height: 2.916666vw;
    margin-top: 1.041666vw;
    color: #187aba;
    text-transform: uppercase;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.details_introduction_content {
    width: 57.16129%;
    padding-right: 10.41666vw;
}

.details_introduction_photo {
    width: 42.83871%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.details_introduction_img {
    padding-bottom: 73.192771%;
    -webkit-border-radius: 1.3541666vw;
    border-radius: 1.3541666vw;
}

.details_introduction_read {
    font-size: 0.8333vw;
    line-height: 1.7708333vw;
    margin-top: 4.1666vw;
    color: #333333;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.details_introduction_wrap {
    padding: 6.7708333vw 0;
}

.details_series_wrap {
    background: #f4f4f4;
    padding: 3.6458333vw 0 6.7708333vw 0;
}

.details_series_content {
    -webkit-border-radius: 1.82291666vw;
    border-radius: 1.82291666vw;
    overflow: hidden;
    margin-top: 3.125vw;
}

.details_series_table_box {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.details_series_table_title {
    background: #fff;
}

.series_table_title_label {
    font-size: 0.8333vw;
    line-height: 1.30208333vw;
    font-weight: bold;
    color: #333333;
    padding: 1.30208333vw 0;
    text-align: center;
}

.details_series_item_label:nth-child(1),
.series_table_title_label:nth-child(1) {
    width: 15.9354838%;
}

.details_series_item_label:nth-child(2),
.series_table_title_label:nth-child(2) {
    width: 18.387096%;
}

.details_series_item_label:nth-child(3),
.series_table_title_label:nth-child(3) {
    width: 22.903225%;
}

.details_series_item_label:nth-child(4),
.series_table_title_label:nth-child(4) {
    width: 17.677419%;
}

.details_series_item_label:nth-child(5),
.series_table_title_label:nth-child(5) {
    width: 25.0967762%;
}

.details_series_table_content {
    background: #fff;
    margin-top: 0.5208333vw;
}

.details_series_item_box {
    position: relative;
}

.details_series_item_box:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #e7e7e7;
}

.details_series_item_label {
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 1.30208333vw 0;
    position: relative;
}

.details_series_item_label:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 1px;
    background: #e7e7e7;
}

.details_series_item_label:last-child:after {
    display: none;
}

.details_series_item_read {
    font-size: 0.8333vw;
    line-height: 1.30208333vw;
    color: #555555;
    text-align: center;
    padding: 0 1.041666vw;
}

.details_page_wrap {
    padding: 6.7708333vw 0;
}

.pro_details_big {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .8s ease;
    transition: all .8s ease;
}

.pro_details_swiper .swiper-slide-active .pro_details_big {
    opacity: 1;
    pointer-events: auto;
}

.details_series_item_text {
    font-size: 0.8333vw;
    line-height: 1.30208333vw;
    margin-top: 0.5208333vw;
    color: #555555;
}

.details_series_item_photo {
    width: 6.9791666vw;
}

.details_series_item_img {
    padding-bottom: 50.746268%;
}

.details_page_bjq {
    margin-top: 4.1666vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.details_page_bjq p {
    font-size: 0.8333vw;
    line-height: 1.7708333vw;
    color: #333333;
}

.details_page_bjq img {
    width: auto;
    max-width: 100%;
    display: inline-block;
    padding: 1.041666vw 0;
}

.news_page_item_photo {
    width: 33.74193%;
}

.news_page_item_content {
    width: 66.25807%;
    padding: 3.125vw 0;
    background: #f6f6f6;
    position: relative;
}

.news_page_item_content:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0.1041666vw;
    background: #187aba;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.news_page_wrap {
    padding: 6.7708333vw 0 5.208333vw 0;
}

.news_page_item_big {

    height: 100%;
    padding: 0 5.98958333vw 0 4.1666vw;
    position: relative;
}

.news_page_item_button {
    position: absolute;
    bottom: 0;
}

.news_page_item_img {
    padding-bottom: 69.024856%;
}

.news_page_item_label {
    font-size: 0.67708333vw;
    line-height: 1.041666vw;
    color: #999999;
    margin-right: 0.9375vw;
}

.news_page_item_title {
    font-size: 1.1458333vw;
    line-height: 1.666vw;
    color: #222222;
    margin-top: 0.78125vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news_page_item_text {
    font-size: 0.78125vw;
    line-height: 1.3541666vw;
    color: #444444;
    margin-top: 2.08333vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news_page_btn_text {
    position: relative;
    overflow: hidden;

}

.news_page_btn_label {
    font-size: 0.78125vw;
    line-height: 1.041666vw;
    color: #222222;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.news_page_btn_label:last-child {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);

}

.news_page_btn_icon {
    position: relative;
    margin-left: 0.78125vw;
    overflow: hidden;
}

.news_page_btn_jt {
    font-size: 0.625vw;
    line-height: 1.041666vw;
    color: #222222;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.news_page_btn_jt:last-child {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%);

}

.news_page_item_box {
    margin-bottom: 2.08333vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.news_page_item_box:last-child {
    margin-bottom: 0;
}

.news_page_item_box a:hover .news_page_btn_label:last-child {
    -webkit-transform: none;
    transform: none;
    color: #187aba;
}


.news_page_item_box a:hover .news_page_btn_label:first-child {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    color: #187aba;
}

.news_page_item_box a:hover .news_page_btn_jt:last-child {
    -webkit-transform: none;
    transform: none;
    color: #187aba;
}


.news_page_item_box a:hover .news_page_btn_jt:first-child {
    -webkit-transform: translateX(200%);
    transform: translateX(200%);
    color: #187aba;
}

.news_page_item_box a:hover .news_page_item_content:after {
    width: 100%;
}

.news_page_pagination_box {
    -webkit-justify-content: center;
    justify-content: center;
}

.news_page_pagination_box a {
    width: 2.3958333vw;
    line-height: 2.3958333vw;
    text-align: center;
    color: #333333;
    font-size: 0.8333vw;
    margin: 0 0.41666vw;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.news_page_pagination_box .news_page_pagination_hover {
    color: #fff;
    background: #187aba;
}

.news_page_pagination_next {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.news_banner_wrap {
    position: relative;
    overflow: hidden;
}

.news_banner_back {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.news_banner_box {
    position: relative;
    z-index: 9;
    padding: 11.458333vw 0 5.7291666vw 0;
}


.news_banner_button {
    font-size: 0.7291666vw;
    line-height: 2.08333vw;
    color: #333333;
    width: 5.208333vw;
    text-align: center;
    -webkit-border-radius: 0.208333vw;
    border-radius: 0.208333vw;
    background: #fff;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}


.news_banner_title {
    font-size: 1.875vw;
    line-height: 3.125vw;
    color: #fff;
    margin-top: 1.7708333vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.news_banner_tips {
    margin-top: 2.6041666vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.news_banner_label {
    font-size: 0.8333vw;
    line-height: 1.3541666vw;
    color: rgba(255, 255, 255, .5);
    margin-right: 2.34375vw;
}

.news_details_wrap {
    padding: 4.1666vw 0 6.7708333vw 0;
}

.news_details_box {
    padding: 0 11.3541666vw;
}

.news_banner_content {
    padding: 0 4.1666vw;
    position: relative;
}

.news_banner_big {
    padding: 0 16.82291666vw;
    position: relative;
}

.news_fixed_box {
    position: absolute;
    left: 0;
    top: 0;
}

.news_fixed_box a {
    -webkit-align-items: center;
    align-items: center;
}

.news_fixed_button {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.news_fixed_icon {
    width: 4.1666vw;
    line-height: 4.1666vw;
    text-align: center;
    color: #fff;
    font-size: 1.1458333vw;
    position: relative;
}

.news_fixed_text {
    line-height: 1.25vw;
    color: #fff;
    font-size: 0.9375vw;
    margin-left: 1.041666vw;
}

.news_fixed_icon:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 1px solid rgba(255, 255, 255, .5);
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.news_details_bjq p {
    font-size: 0.8333vw;
    line-height: 1.7708333vw;
    color: #444444;
}

.news_details_bjq p,
.news_details_bjq img,
.news_details_bjq h1,
.news_details_bjq h2,
.news_details_bjq h3,
.news_details_bjq h4 {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.news_details_bjq h1 {
    font-size: 0.9375vw;
    font-weight: bold;
    line-height: 1.7708333vw;
    color: #444444;
}

.news_details_bjq img {
    padding: 1.82291666vw 0;
    width: auto;
    max-width: 100%;
    display: inline-block;
}

.video_item_box {
    width: 46.12903%;
    margin: 0 7.74194% 4.1666vw 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.video_item_box:nth-child(2n) {
    margin: 0 0 4.1666vw 0;
}

.public_banner_fixed {
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
}

.video_item_photo {
    position: relative;
    -webkit-border-radius: 2.34375vw;
    border-radius: 2.34375vw;
    overflow: hidden;
    cursor: pointer;
}

.video_item_photo:hover .video_item_icon:before {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.video_item_img {
    padding-bottom: 61.53846%;
}

.video_item_content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    z-index: 9;
    background: rgba(0, 0, 0, .4);
}

.video_item_button {
    width: 100%;
}

.video_item_icon {
    font-size: 2.916666vw;
    line-height: 3.4375vw;
    color: #fff;
    text-align: center;
}

.video_item_icon:before {
    display: block;
    position: relative;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.video_item_tips {
    font-size: 1.5625vw;
    line-height: 2.08333vw;
    margin-top: 1.041666vw;
    color: #fff;
    text-align: center;
}

.video_item_title {
    font-size: 0.9375vw;
    line-height: 1.458333vw;
    color: #666666;
    text-align: center;
    margin-top: 1.82291666vw;
}

.video_page_wrap {
    padding: 6.7708333vw 0 2.6041666vw 0;
}


.investor_details_tab {
    padding: 0.5208333vw 0 0 0;
}

.investor_details_pagination_item {
    position: relative;
    cursor: pointer;
    margin-right: 9.375vw;
    z-index: 9;
}

.investor_details_pagination_box {
    position: relative;
}

.investor_details_pagination_box:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #e3e8ee;
}

.investor_details_pagination_item:last-child {
    margin: 0;
}

.investor_details_pagination_item:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 0;
    height: 1px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #187aba;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}


.investor_details_pagination_text a {
    font-size: 0.9375vw;
    line-height: 5.208333vw;
    color: #8da4ba;
}


.investor_details_pagination_active .investor_details_pagination_text a {
    color: #187aba;
}

.investor_details_pagination_active:after {
    width: 100%;
}


.investor_page_head {
    background: #fff;
    padding: 1.5625vw 0;
    -webkit-border-radius: 2.1875vw;
    border-radius: 2.1875vw;
    margin-top: 4.1666vw;
}

.investor_page_label {
    padding: 0 3.125vw 0 4.1666vw;
    font-size: 0.8333vw;
    line-height: 1.25vw;
    font-weight: bold;
    color: #333333;
}

.investor_page_item_label:nth-child(1),
.investor_page_label:nth-child(1) {
    width: 16.64516%;
}

.investor_page_item_label:nth-child(2),
.investor_page_label:nth-child(2) {
    width: 43.35483%;
}

.investor_page_item_label:nth-child(3),
.investor_page_label:nth-child(3) {
    width: 20.516129%;
}

.investor_page_item_label:nth-child(4),
.investor_page_label:nth-child(4) {
    width: 19.483881%;
}

.investor_page_item_label {
    padding: 0 3.125vw 0 4.1666vw;
    font-size: 0.9375vw;
    line-height: 1.458333vw;
    color: #555555;
    white-space: normal;
}

.investor_page_item_box a {
    padding: 3.2291666vw 0;
}

.investor_page_item_box:nth-child(2n) a {
    background: #fff;
    -webkit-border-radius: 2.1875vw;
    border-radius: 2.1875vw;
}

.investor_page_tab {
    padding-bottom: 4.6875vw;
}

.investor_page_wrap {
    padding-bottom: 5.7291666vw;
    background: #f3f3f3;
    position: relative;
    z-index: 9;
}

.news_page_box {
    padding-bottom: 5.7291666vw;
}

.investor_page_item_box a:hover .investor_page_item_label:nth-child(2) {
    color: #187aba;
}

.join_details_max {
    font-size: 3.6458333vw;
    line-height: 4.1666vw;
    color: #222222;
    font-family: "Microsoft YaHei UI Light", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.join_details_color {
    font-weight: bold;
    color: #187aba;
}

.join_details_box {
    padding: 6.25vw 0 10.9375vw 0;
    position: relative;
}

.join_details_head_box {
    width: 48.70967%;
}

.join_details_min {
    font-size: 0.8333vw;
    line-height: 1.5625vw;
    color: #333333;
    margin-top: 1.5625vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.join_details_foot_wrap {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin-top: 2.6041666vw;
}

.join_details_foot_box {
    width: 51.29033%;
}

.join_details_foot_box p {
    font-size: 0.8333vw;
    line-height: 1.5625vw;
    color: #333333;
}

.join_details_foot_box p,
.join_details_foot_box img,
.join_details_foot_box h1,
.join_details_foot_box h2,
.join_details_foot_box h3,
.join_details_foot_box h4 {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.join_details_foot_box h1 {
    font-size: 0.9375vw;
    font-weight: bold;
}


.join_details_stroke_text {
    position: absolute;
    left: 0;
    bottom: -2.08333vw;
    font-size: 4.6875vw;
    line-height: 5.208333vw;
    color: rgba(255, 255, 255, 0);
    -webkit-text-stroke: 1px #187aba;
}

.join_page_content {
    background: #f3f3f3;
    padding: 6.7708333vw 0 5.208333vw 0;
}

.join_page_head {
    padding: 1.5625vw 0;
    background: #fff;
    -webkit-border-radius: 2.1875vw;
    border-radius: 2.1875vw;
}

.join_page_label {
    font-size: 0.8333vw;
    line-height: 1.25vw;
    color: #333333;
    font-weight: bold;
    padding: 0 1.041666vw 0 3.75vw;
}

.join_page_item_label {
    font-size: 0.8333vw;
    line-height: 1.25vw;
    color: #666666;
    padding: 0 1.041666vw 0 3.75vw;
    white-space: normal;
}

.join_page_item_label:nth-child(1),
.join_page_label:nth-child(1) {
    width: 23.225806%;
}

.join_page_item_label:nth-child(2),
.join_page_label:nth-child(2) {
    width: 21.419354%;
}

.join_page_item_label:nth-child(3),
.join_page_label:nth-child(3) {
    width: 24.12903%;
}

.join_page_item_label:nth-child(4),
.join_page_label:nth-child(4) {
    width: 31.22581%;
}

.join_page_item_box {
    padding: 1.5625vw 0;
    background: #fff;
    -webkit-border-radius: 2.1875vw;
    border-radius: 2.1875vw;
    margin-top: 1.041666vw;
}

.join_page_item_title {
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
}

.join_page_item_icon {
    width: 0.41666vw;
    height: 0.41666vw;
    position: relative;
}

.join_page_item_icon:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #666666;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.join_page_item_text {
    font-size: 0.8333vw;
    line-height: 1.25vw;
    color: #666666;
    font-weight: bold;
    padding-left: 1.82291666vw;
    width: calc(100% - 0.41666vw);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.join_page_tips {
    font-size: 0.8333vw;
    line-height: 1.3541666vw;
    color: #333333;
    margin-top: 4.1666vw;
}


.join_page_tips a {
    font-size: 1.25vw;
    line-height: 1.3541666vw;
    color: #187aba;
}

.contact_page_map_wrap {
    width: 52.08333%;
    position: relative;
}

.contact_page_map_wrap:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 19;
}

.contact_page_map_box {
    padding-bottom: 88.5%;
}

.contact_page_content {
    width: 47.91667%;
    padding: 0 9.63541666vw 0 8.333vw;
    -webkit-align-items: center;
    align-items: center;
}

.contact_page_big {
    width: 100%;
}

.contact_item_box {
    -webkit-align-items: center;
    align-items: center;
    margin-top: 2.08333vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.contact_item_box:first-child {
    margin-top: 0;
}

.contact_item_read {
    width: calc(100% - 2.08333vw);
}

.contact_item_icon {
    font-size: 2.03125vw;
    line-height: 2.08333vw;
    color: #bebebe;
    width: 2.08333vw;
    text-align: center;
}

.contact_item_title {
    font-size: 1.25vw;
    line-height: 1.7708333vw;
    color: #97c3e0;
    margin-bottom: 0.5208333vw;
}

.contact_item_text a,
.contact_item_text {
    font-size: 0.9375vw;
    line-height: 1.7708333vw;
    color: #222222;
}

.contact_ewm_wrap {
    padding-top: 3.125vw;
}

.contact_ewm_box {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.contact_ewm_photo {
    width: 7.8125vw;
    padding: 0.5208333vw;
    position: relative;
}

.contact_ewm_photo:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #d0d0d0;
    -webkit-border-radius: 0.7291666vw;
    border-radius: 0.7291666vw;
    box-sizing: border-box;
}

.contact_ewm_img {
    padding-bottom: 100%;
}

.contact_ewm_title {
    text-align: center;
    font-size: 0.8333vw;
    line-height: 1.458333vw;
    color: #333333;
    margin-top: 0.78125vw;
}


.BMap_Marker .wap_list {
    opacity: 0;
}

.BMap_noprint .wap_list {
    opacity: 1;
}

.wap_list {
    position: absolute;
    bottom: 25%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(0) scaleY(.4);
    transform: translateX(-50%) translateY(0) scaleY(.4);
    width: 2vw;
    height: 2vw;
}

.wap_list .wap_item_label {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 100%;
    height: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    border: 1px #187aba solid;
    box-sizing: border-box;
}

.wap_item_label:nth-child(2) {
    -webkit-animation: map_scale 2.4s linear infinite normal both;
    animation: map_scale 2.4s linear infinite normal both;
}

.wap_item_label:nth-child(3) {
    -webkit-animation: map_scale 2.4s .8s linear infinite normal both;
    animation: map_scale 2.4s .8s linear infinite normal both;
}

.wap_item_label:nth-child(4) {
    -webkit-animation: map_scale 2.4s 1.6s linear infinite normal both;
    animation: map_scale 2.4s 1.6s linear infinite normal both;
}

@-webkit-keyframes map_scale {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    20% {
        width: 160%;
        height: 160%;
        opacity: 0.6;
    }
    40% {
        width: 220%;
        height: 220%;
        opacity: 0.4;
    }
    60% {
        width: 280%;
        height: 280%;
        opacity: .2;
    }
    80% {
        width: 340%;
        height: 340%;
        opacity: 0;
    }
    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}

@keyframes map_scale {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    20% {
        width: 160%;
        height: 160%;
        opacity: 0.6;
    }
    40% {
        width: 220%;
        height: 220%;
        opacity: 0.4;
    }
    60% {
        width: 280%;
        height: 280%;
        opacity: .2;
    }
    80% {
        width: 340%;
        height: 340%;
        opacity: 0;
    }
    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}

.video_popup_wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: rgba(0, 0, 0, .65);
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.video_popup_box {
    width: 59.63541666%;
    position: relative;
    z-index: 9;
    -webkit-transform: translateY(-1.5625vw);
    transform: translateY(-1.5625vw);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.video_popup_content {
    padding-bottom: 56.25%;
}

.video_popup_content video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video_popup_close {
    margin-top: 2.08333vw;
    -webkit-justify-content: center;
    justify-content: center;
}

.video_popup_icon {
    font-size: 2.6041666vw;
    line-height: 2.6041666vw;
    text-align: center;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.video_popup_icon:hover {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.video_popup_black {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 8;
}


.video_popup_show {
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}


.video_popup_show .video_popup_box {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}


.AddIndexAboutPhoto .index_about_img {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddIndexAboutWrap .index_about_title {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}


.AddIndexAboutWrap .index_about_text {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
}

.AddIndexAboutWrap .index_about_item_box {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .7s;
    transition-delay: .7s;
}

.AddIndexAboutWrap .index_about_item_current svg {
    stroke-dashoffset: 157.079635%;
    -webkit-transition-delay: .7s;
    transition-delay: .7s;
}

.AddIndexAboutWrap .index_about_button {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
}

.AddIndexProductBox .index_product_head .index_public_en {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddIndexProductBox .index_product_head .index_public_cn {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.AddIndexProductBox .index_product_photo_wrap {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.AddIndexProductBox .index_product_pagination_box {
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}


.AddIndexMapTab .index_map_head .index_public_en {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddIndexMapTab .index_map_head .index_public_cn {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.AddIndexMapTab .index_map_read {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.AddIndexMapTab .index_map_details_swiper {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}


.AddIndexMapTab .index_map_item_box:nth-child(1) .index_map_item_circle {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.AddIndexMapTab .index_map_item_box:nth-child(1) .index_map_item_title {
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.AddIndexMapTab .index_map_item_box:nth-child(2) .index_map_item_circle {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: 4s;
    transition-delay: .4s;
}

.AddIndexMapTab .index_map_item_box:nth-child(2) .index_map_item_title {
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}

.AddIndexMapTab .index_map_item_box:nth-child(3) .index_map_item_circle {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: 6s;
    transition-delay: .6s;
}

.AddIndexMapTab .index_map_item_box:nth-child(3) .index_map_item_title {
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .7s;
    transition-delay: .7s;
}

.AddIndexMapTab .index_map_item_box:nth-child(4) .index_map_item_circle {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
}

.AddIndexMapTab .index_map_item_box:nth-child(4) .index_map_item_title {
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .9s;
    transition-delay: .9s;
}

.AddIndexMapTab .index_map_item_box:nth-child(5) .index_map_item_circle {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

.AddIndexMapTab .index_map_item_box:nth-child(5) .index_map_item_title {
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s;
}

.AddIndexMapTab .index_map_item_box:nth-child(6) .index_map_item_circle {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: 1.2s;
    transition-delay: 1.2s;
}

.AddIndexMapTab .index_map_item_box:nth-child(6) .index_map_item_title {
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s;
}

.AddIndexMapTab .index_map_item_box:nth-child(7) .index_map_item_circle {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s;
}

.AddIndexMapTab .index_map_item_box:nth-child(7) .index_map_item_title {
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s;
}


.AddIndexCustomersWrap:after {
    height: 0;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}


.AddIndexCustomersWrap .index_customers_head .index_public_en {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}

.AddIndexCustomersWrap .index_customers_head .index_public_cn {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
}

.AddIndexCustomersWrap .index_customers_read {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .7s;
    transition-delay: .7s;
}


.AddIndexNewsBox .index_news_head .index_public_en {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddIndexNewsBox .index_news_head .index_public_cn {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.AddIndexNewsBox .index_news_button {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.AddIndexNewsBox .index_news_content {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.footer_address_btn a:hover {
    background: #333;
    color: #fff;
}


.AddAboutDetailHead .public_head_title {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddAboutDetailHead .public_head_line {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.AddAboutDetailHead .about_detail_en {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}


.AddAboutDetailContent .about_detail_title {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddAboutDetailContent .about_detail_read {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.AddAboutDetailContent .about_detail_tips_title {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.AddAboutDetailContent .about_detail_tips_number {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}


.AddAboutLayoutHead .public_head_title {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);

}

.AddAboutLayoutHead .public_head_line {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}


.AddAboutLayoutHead .about_layout_en {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.AddAboutLayoutBox .about_layout_circle {
    cy: 35.41666vw;
    cx: 3.2291733vw;
    ry: 35.41666vw;
    rx: 35.41666vw;
    -webkit-transition: all 2s cubic-bezier(.4, 0, .2, 1);
    transition: all 2s cubic-bezier(.4, 0, .2, 1);
}

.AddAboutLayoutBox .about_layout_pagination_wrap {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.AddAboutCultureWrap:after {
    height: 0;
    webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddAboutCultureWrap .public_head_title {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.AddAboutCultureWrap .public_head_line {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}

.AddAboutCultureWrap .about_culture_tips_en {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}


.AddAboutCultureWrap .about_culture_item_box:after {
    height: 100%;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
}

.AddAboutCultureWrap .about_culture_head {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
}

.AddAboutCultureWrap .about_culture_read {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
}

.AddInnovationPageBig .innovation_page_swiper {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}

.AddInnovationPageBig .innovation_page_content {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .8s;
    transition-delay: .8s;

}

.AddPartnerPageHead .partner_page_title {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddPartnerPageHead .partner_page_subtitle {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.AddPartnerPageItemBox {
    -webkit-transform: none !important;
    transform: none !important;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.architecture_page_bjq .ArchitecturePageShow {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddDutyPageHead .duty_page_title {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddDutyPageHead .duty_page_subtitle {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.AddDutyDetailPhoto .duty_detail_img:after {
    height: 0;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.duty_detail_bjq .AddDutyDetailBjqShow {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddDutyDetailTipsBox .duty_detail_head {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddDutyDetailTipsBox .duty_detail_tips_read {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.AddDutyDetailTipsBox:after {
    height: 100%;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.AddDutyItemBox {
    -webkit-transform: none !important;
    transform: none !important;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddNewsPageItemBox {
    -webkit-transform: none !important;
    transform: none !important;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}


.AddVideoItemBox {
    -webkit-transform: none !important;
    transform: none !important;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddJoinDetailsHeadBox .join_details_max {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddJoinDetailsHeadBox .join_details_min {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.join_details_foot_box .AddJoinDetailsFootShow {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddContactPageMapWrap:after {
    width: 0;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .35s;
    transition-delay: .35s;
}

.AddContactPageContent .contact_item_box:nth-child(1) {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}

.AddContactPageContent .contact_item_box:nth-child(2) {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
}

.AddContactPageContent .contact_item_box:nth-child(3) {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .7s;
    transition-delay: .7s;
}

.AddContactPageContent .contact_item_box:nth-child(4) {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
}

.AddContactPageContent .contact_ewm_box {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .9s;
    transition-delay: .9s;
}

.AddNewsBannerContent .news_fixed_button {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddNewsBannerContent .news_banner_button {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddNewsBannerContent .news_banner_title {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}


.AddNewsBannerContent .news_banner_tips {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}


.news_details_bjq .AddNewsDetailsBjq {
    -webkit-transform: none;
    transform: none;
    pointer-events: auto;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddProPageWrap .pro_nav_box {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}


.AddProPageWrap .pro_max_wrap {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .7s;
    transition-delay: .7s;
}

.AddProPageWrap .pro_tips_box {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s;
}

.AddProPageWrap .pro_tips_first {
    -webkit-animation: ProFirstAnimate 4s linear infinite normal both;
    animation: ProFirstAnimate 4s linear infinite normal both;
}

.AddProPageWrap .pro_tips_last {
    -webkit-animation: ProLastAnimate 4s linear infinite normal both;
    animation: ProLastAnimate 4s linear infinite normal both;
}

@-webkit-keyframes ProFirstAnimate {
    0% {
        height: 11.375vw;
    }
    50% {

        height: 6.375vw;
    }
    100% {
        height: 11.375vw;
    }
}

@keyframes ProFirstAnimate {
    0% {
        height: 11.375vw;
    }
    50% {

        height: 6.375vw;
    }
    100% {
        height: 11.375vw;
    }
}

@-webkit-keyframes ProLastAnimate {
    0% {
        height: 6.375vw;
    }
    50% {
        height: 11.375vw;
    }
    100% {
        height: 6.375vw;
    }
}

@keyframes ProLastAnimate {
    0% {
        height: 6.375vw;
    }
    50% {
        height: 11.375vw;
    }
    100% {
        height: 6.375vw;
    }
}

.pro_xgl_lnk_wrap {
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
    opacity: 0;
    padding-top:2.08333vw;
}

.AddProHeadBox .pro_xgl_lnk_wrap{
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

.AddProHeadBox .pro_head_pagination_wrap {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddProHeadBox .pro_head_tab {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.AddProHeadBox .pro_head_subtitle {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.AddProHeadBox .pro_head_title {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.AddProHeadBox .pro_head_top {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}

.AddProHeadBox .pro_head_text {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}

.AddProHeadBox .pro_head_tips_wrap {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
}

.AddProHeadBox .pro_head_bottom {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .7s;
    transition-delay: .7s;
}

.AddProHeadBox .pro_head_contact {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
}

.AddDetailsIntroductionBox .details_public_title {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddDetailsIntroductionBox .details_public_line {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.AddDetailsIntroductionBox .details_public_subtitle {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.AddDetailsIntroductionBox .details_introduction_read {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.AddDetailsIntroductionBox .details_introduction_photo {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}

.AddDetailsSeriesBox .details_public_title {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddDetailsSeriesBox .details_public_line {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.AddDetailsSeriesBox .details_public_subtitle {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.AddDetailsSeriesBox .details_series_table_box {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}


.AddDetailsPageBox .details_public_title {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddDetailsPageBox .details_public_line {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.AddDetailsPageBox .details_public_subtitle {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.AddDetailsPageBox .details_page_bjq {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.architecture_page_wrap {
    position: relative;
    z-index: 19;
    background: #fff;
}

.header_menu_wrap {
    display: none;
}

.wap_nav_wrap {
    display: none;
}

.footer_copyright_item_made {
    display: none;
}