/*@charset "UTF-8";*/


/*分享默认样式修改*/
.bsTop {
    width: 208px !important;
}

.bshare-custom a {
    background: none !important;
    outline: none;
    opacity: 1;
}

.bshare-custom a:hover {
    opacity: 1;
}

.bsFrameDiv div {
    width: 208px !important;
    height: 208px !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: 16px;
    color: #b2b2b2;
}

.bshare-custom.icon-medium-plus a {
    padding-left: 0 !important;
    color: #999999;
    margin: 0 0 0 22px !important;
    width: 40px !important;
    height: 40px !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;
}

.BMap_bubble_pop {
    border: none !important;
    box-sizing: border-box !important;
    padding: 15px 20px !important;
    border-radius: 10px !important;
    height: auto !important;
    width: 300px !important;
}

.BMap_bubble_pop:after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 40%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 0;
    width: 0;
    border-right: 15px solid transparent;
    border-left: 15px solid #fff;
    border-bottom: 20px solid transparent;
}

.BMap_bubble_pop img {
    display: none !important;
}

.BMap_bubble_top {
    height: auto !important;
    line-height: 30px !important;
}

.BMap_bubble_buttons {
    display: none;
}

.BMap_bubble_title {
    font-weight: bold !important;
    color: #333 !important;
    width: 100% !important;
    height: auto !important;
    position: relative !important;
    font-size: 16px !important;
    white-space: initial !important;
    line-height: 30px !important;
}

.BMap_bubble_center,
.BMap_bubble_content {
    width: 100% !important;
    height: auto !important;
    position: relative !important;
    color: #999 !important;
    line-height: 24px !important;
}

.BMap_stdMpZoom .BMap_button_new {
    left: 0 !important;
    top: 0 !important;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    background: none !important;
    border: none !important;
}

.BMap_stdMpZoom .BMap_button_new .BMap_smcbg {
    background: none !important;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
}

.BMap_stdMpZoom .BMap_button_new .in:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 50%;
    height: 2px;
    background: rgba(255, 255, 255, 1);
}

.BMap_stdMpZoom .BMap_button_new .in:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    height: 50%;
    width: 2px;
    background: rgba(255, 255, 255, 1);
}

.BMap_stdMpZoom .BMap_button_new .out:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 50%;
    height: 2px;
    background: rgba(255, 255, 255, 1);
}

.BMap_stdMpZoom {
    background: rgba(255, 255, 255, .4) !important;
}

/*滚动条默认样式修改*/
#ascrail2000 {
    padding: 20px 0;
}

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

.nicescroll-rails {
    cursor: pointer !important;
}

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


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

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

@font-face {
    font-family: "Manrope_Regular";
    src: url(../fonts/manrope-regular-6.otf);
}

@font-face {
    font-family: "Manrope_Bold";
    src: url(../fonts/manrope-extrabold-3.otf);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    word-wrap: break-word !important;
    word-break: normal !important;
    -webkit-touch-callout: none;
    /*-moz-user-select: none;*/
    /*-webkit-user-select: none;*/
    /*-ms-user-select: none;*/
    /*-khtml-user-select: none;*/
    /*user-select: none;*/
}

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


/*#ascrail2000 {*/
/*    height: calc(100vh - 20px) !important;*/
/*    top: 10px!important;*/
/*    right: 3px!important;*/
/*    overflow: hidden!important;*/
/*}*/

.BMap_cpyCtrl {
    display: none;
}

.anchorBL {
    display: none;
}

.body_flex {
    position: fixed;
    width: 100%;
}

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

i {
    font-style: normal;
}

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

table {
    border-collapse: collapse;
}

a {
    display: inline-block;
    text-decoration: none;
    color: #000;
    cursor: hand;
    -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: 7px 0 7px 5px;
    -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 8px rgba(10, 201, 245, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px 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;
}

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

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

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

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

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

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

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

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

/*-------------------------------cursor play-------------------------------*/
.cursorDiv {
    width: 50px;
    height: 50px;
    margin-left: -25px;
    margin-top: -25px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    pointer-events: none;
}

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

.cursor_banner_btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 43px !important;
    color: #fff;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.cursor_banner_prev:before {
    position: relative;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.cursor_banner_show {
    -webkit-transform: scale(1);
    transform: scale(1);
}

/*-------------------------------css play-------------------------------*/
.html_page_wrap {
    width: 100%;
    min-height: 100vh;
    overflow-x: hidden;
}

.web_center {
    padding: 0 60px;
}

.header_wrap {
    background: #fff;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    box-shadow: 0 0 5px rgba(0,0,0,.1);
}

.header_wap_button {
    display: none;
}

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

.header_logo_box a {
    width: 180px;
}
.header_logo_box a img {
    -webkit-filter: invert(100%) grayscale(100%);
    filter: invert(100%) grayscale(100%);
}
.header_nav_box {
    width: calc(100% - 180px);
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.header_box {
    line-height: 60px;
    height: 60px;
    -webkit-align-items: center;
    align-items: center;
}

.header_nav_item {
    position: relative;
    padding: 0 30px;
}

.header_nav_item:before {
    content: '';
    position: absolute;
    display: block;
    height: 2px;
    bottom: -1px;
    width: 100%;
}

.header_nav_item .header_nav_link {
    font-size: 20px;
    color: #9b9b9b;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.header_nav_item .header_nav_link:hover {
    color: #000;
}

.header_nav_tel {
    padding-left: 60px;
}

.header_tel_box {
    font-size: 20px;
    font-weight: bold;
    color: #000;
}

.header_tel_box a {
    color: #000;
}

.header_content_xgl {
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    top: 100%;
    padding-top: 36px;
    padding-bottom: 36px;
    background: #fff;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
}

.header_content_xgl_title {
    font-size: 92px;
    line-height: 106px;
    color: #eaeaea;
    border-bottom: 1px solid #cdcdcd;

}

.header_content_xgl_list {
    padding-left: 48%;
}

.header_content_xgl_item {
    position: relative;
    font-size: 30px;
    line-height: 80px;
    height: 80px;
    border-bottom: 1px solid #ececec;
    -wekbit-transition: all .3s ease;
    transition: all .3s ease;
}

.header_content_xgl_item:hover {
    background: #0f19df;
}

.header_content_xgl_item .xgl_lnk {
    display: block;
}

.header_content_xgl_item .tit {
    padding: 0 22px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.header_content_xgl_item .btn_cir {
    display: block;
    width: 44px;
    height: 44px;
    margin-top: -22px;
    position: absolute;
    right: 22px;
    top: 50%;
    border: 1px solid #797979;
    border-radius: 50%;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    transform-origin: right;
}

.header_content_xgl_item .btn_cir i {
    position: absolute;
    top: 50%;
    right: 50%;
    width: 11px;
    height: 11px;
    margin-top: -6px;
    margin-right: -3px;
    border-right: 1px solid #949494;
    border-top: 1px solid #949494;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.header_content_xgl_item .btn_cir .line {
    position: absolute;
    top: 50%;
    right: 50%;
    width: 16px;
    height: 2px;
    margin-top: -1px;
    background: transparent;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scaleY(0.5);
    -moz-transform: scaleY(0.5);
    transform: scaleY(0.5);
    margin-right: -3px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.header_content_xgl_item:hover .btn_cir {
    border: 1px solid #fff;
}

.header_content_xgl_item:hover .xgl_lnk .tit {
  color: #fff;
}
.header_content_xgl_item:hover .btn_cir .line {
    background: #fff;
    margin-right: -8px;
}
.header_content_xgl_item:hover .btn_cir i {
    border-right-color: #fff;
    border-top-color: #fff;
    margin-right: -8px;
}

.index_banner_wrap {
    height: calc(100vh - 60px);
    position: relative;
}

.index_banner_wrap_for_case {
    height: auto;
    padding-bottom: 0;
}

.index_banner_wrap_for_case .swiper-container {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
}

.index_banner_wrap_for_case .cover {
    height: auto;
}

.index_banner_wrap_for_case .cover img {
    position: static;
    width: 100%;
    height: auto;
}

.index_banner_wrap_for_case .index_banner_xgl_pagingation {
    bottom: 30px;
    top: auto;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 0;
    letter-spacing: -5px;
}

.index_banner_wrap_for_case .index_banner_xgl_pagingation .index_banner_xgl_bullet {
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    margin: 0 4px;
}

.index_banner_swiper {
    height: 100%;
    pointer-events: none;
    z-index: 99;
}

.index_banner_swiper .swiper-slide {
    pointer-events: none;
}

.index_banner_xgl_pagingation {
    position: absolute;
    top: 50%;
    left: 100px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 99;
}

.index_banner_xgl_bullet {
    position: relative;
    width: 26px;
    height: 26px;
    margin: 4px 0;
    cursor: pointer;
}

.index_banner_xgl_bullet .dot {
    position: absolute;
    width: 6px;
    height: 6px;
    top: 50%;
    left: 50%;
    margin: -3px 0 0 -3px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.index_banner_xgl_bullet .svg {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.index_banner_xgl_bullet .svg_circle {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: #ffffff;
    stroke-width: 1;
    stroke-dasharray: 0 82;

}

.index_banner_xgl_bullet_active .svg_circle {
    stroke-dasharray: 82 82;
    -webkit-transition: all 10s linear;
    -moz-transition: all 10s linear;
    transition: all 10s linear;
}

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

.index_banner_button {
    position: absolute;
    top: auto;
    bottom: 60px;
    left: 105px;
    width: 149px;
    height: 41px;
    z-index: 100;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
}

.index_banner_btn_line {
    height: 100%;
    width: 1px;
    background: rgba(255, 255, 255, .5);
}

.index_banner_btn {
    position: relative;
    width: 50px;
    height: 25px;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    opacity: .5;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.index_banner_btn:hover {
    opacity: 1;
}

.index_banner_btn .ind_ban_line {
    width: 100%;
    height: 1px;
    background: #fff;
    margin: 12px 0;
}

.index_banner_btn .ind_ban_arr {
    position: absolute;
    top: 12px;
    width: 12px;
    height: 12px;
    margin-top: -6px;
}

.index_banner_prev .ind_ban_arr {
    left: 0;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.index_banner_next .ind_ban_arr {
    right: 0;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

.index_banner_box {
    height: 100%;
}

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

.index_banner_img > a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.index_banner_content {
    width: 100%;
    position: absolute;
    bottom: 60px;
    z-index: 2;
    display: none;
}

.index_banner_read {
    color: #fff;
}

.index_banner_title {
    font-size: 24px;
    line-height: 36px;
    overflow: hidden;
}

.index_banner_title a {
    color: #fff;
    pointer-events: auto;
}

.index_banner_text {
    font-size: 12px;
    line-height: 24px;
    overflow: hidden;
}

.index_banner_label {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.index_banner_active .index_banner_label {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

.page_content_wrap {
    margin-top: 60px;
    background: #fff;
    position: relative;
    z-index: 2;
    /*border-bottom: 20px solid #0f19df;*/
}

.index_banner_pagination {
    position: absolute;
    bottom: 50px;
    width: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    z-index: 100;
}

.index_banner_pagination .swiper-pagination-bullet {
    width: 30px;
    height: 3px;
    -webkit-border-radius: 0;
    border-radius: 0;
    opacity: 1;
    position: relative;
    margin: 0 3px;
}

.index_banner_pagination .swiper-pagination-bullet:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #9b9b9b;
    pointer-events: none;
}

.index_banner_pagination .swiper-pagination-bullet:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #fff;
    pointer-events: none;
    z-index: 1;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.index_banner_pagination .swiper-pagination-bullet-active:before {
    width: 100%;
}

.index_describe_wrap {
    margin: 140px 0 120px;
}

.index_describe_read {
    width: 33.3333%;
    color: #9a9a9a;
    padding: 0 60px;
}

.index_describe_content {
    width: 66.6667%;
    padding: 0 60px 0 0;
}

.describe_read_en {
    font-size: 30px;
    line-height: 36px;
    margin-top: 10px;
}

.describe_read_title {
    font-size: 20px;
    line-height: 32px;
    margin: 15px 0;
}

.describe_read_text {
    font-size: 12px;
    line-height: 24px;
}

.describe_content_title {
    /*
    font-size: 44px;
    line-height: 72px;
    */
    font-size: 60px;
    line-height: 86px;
    color: #000000;
}

.describe_content_en {
    /*
    font-size: 12px;
    line-height: 24px;
    */
    font-size: 44px;
    line-height: 64px;
    padding-top: 32px;
    color: #000000;
}

.describe_content_line {
    border-top: 1px solid #d0d0d0;
    margin-top: 160px;
    padding-bottom: 40px;
}

.describe_content_text {
    font-size: 18px;
    line-height: 36px;
    margin-top: 80px;
    color: #9a9a9a;
}

.index_case_xtop {
    width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    font-size: 20px;
    line-height: 36px;
    padding-bottom: 30px;
}

.index_case_xtop_wrap_for_case_wap {
    display: none;
}

.index_case_xtop_wrap_for_case {
    padding-top: 50px;
}

.index_case_xtop .index_case_xtop_left {
    color: #000;
}

.index_case_xtop .index_case_xtop_right {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
}

.index_case_xtop .index_case_xtop_right a {
    color: #959595;
    margin-left: 60px;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.index_case_xtop_wrap_for_case .index_case_xtop_right a {
    color: #808080;
}

.index_case_xtop_wrap_for_case .index_case_xtop_right a.current {
    color: #000;
}

.index_case_xtop .index_case_xtop_right a:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: #949494;
    z-index: 2;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_case_xtop_wrap_for_case .index_case_xtop_right a:after {
    background: #808080;
}

.index_case_xtop_wrap_for_case .index_case_xtop_right a.current:after {
    background: #000;
}

.index_case_xtop .index_case_xtop_right a:hover {
    color: #000;
}

.index_case_xtop .index_case_xtop_right a:hover:after {
    left: 0;
    width: 100%;
}

.index_case_item {
    width: 33.3333%
}

.index_case_item:nth-child(3n+1) a {
    -webkit-animation-delay: 100ms;
    animation-delay: 100ms;
}

.index_case_item:nth-child(3n+2) a {
    -webkit-animation-delay: 200ms;
    animation-delay: 200ms;
}

.index_case_item:nth-child(3n) a {
    -webkit-animation-delay: 300ms;
    animation-delay: 300ms;
}

.index_case_item a {
    display: block;
    position: relative;
}


.index_case_img {
    padding-bottom: 75.07788%;
}

.index_case_read {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    z-index: 1;
    padding: 30px 40px;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    opacity: 0;
    -webkit-transition: all .6s .2s ease;
    transition: all .6s .2s ease;
}

.index_case_content {
    width: 100%;
    z-index: 2;
    color: #fff;
    overflow: hidden;
}

.index_case_title {
    font-size: 24px;
    line-height: 36px;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_case_text {
    font-size: 12px;
    line-height: 24px;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_case_item a:hover .index_case_read {
    opacity: 1;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_case_item a:hover .index_case_title {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all .6s .1s ease;
    transition: all .6s .1s ease;
}

.index_case_item a:hover .index_case_text {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all .6s .2s ease;
    transition: all .6s .2s ease;
}

.index_case_button {
    position: relative;
    padding: 60px 0 80px 0;
    background: #fff;
    text-align: center;
    z-index: 10;
}

.index_case_button a {
    font-size: 22px;
    line-height: 36px;
    color: #9a9a9a;
    position: relative;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

/*.index_case_button a:before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    width: 100%;*/
/*    height: 1px;*/
/*    background: #9a9a9a;*/
/*    z-index: 1;*/
/*    -webkit-transition: all .6s ease;*/
/*    transition: all .6s ease;*/
/*}*/

.index_case_button a:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: #000;
    z-index: 2;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_case_button a:hover {
    color: #000;
}

.index_case_button a:hover:after {
    left: 0;
    width: 100%;
}


.index_advertise_after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, .5);
}

.index_advertise_back {
    padding-bottom: 39.6875%;
}

.index_advertise_box {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    -webkit-align-items: center;
    align-items: center;
}

.index_advertise_content {
    width: 100%;
    overflow: hidden;

}

.index_advertise_center {
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-transform: translateY(60px);
    transform: translateY(60px);
    opacity: 0;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.AddAdvertiseFade {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}

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

.index_advertise_text {
    font-size: 74px;
    line-height: 86px;
    color: #fff;
}

.index_advertise_icon {
    width: 70px;
    height: 70px;
    position: relative;
    margin: 0 25px;
}

.index_advertise_icon:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.index_advertise_icon:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.index_15years {
    background: #000000 url("../images/index_cirs_bg.jpg") no-repeat center;
    background-size: cover;
    padding-top: 70px;
    padding-bottom: 70px;
}

.index_15years_inner {
    padding-bottom: 50px;
}

.ind_15years {
    padding: 7.2222% 1.6667%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.ind_15years_item {
    position: relative;
    height: 0;
    width: 25%;
    padding-bottom: 14.0230%;
    text-align: center;
}

.ind_15years_item .span-wrap {
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    height: 192px;
    margin-top: -96px;
}

.ind_15years_item .span-tit-wrap {
    font-size: 124px;
    line-height: 144px;
    color: #fff;
}

.ind_15years_item .span-con-wrap {
    font-size: 20px;
    line-height: 40px;
    color: #fff;
}

.ind_15_svg_cir {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 113.7615%;
    height: 0%;
    padding-bottom: 113.7615%;
    margin-left: -56.88075%;
    margin-top: -56.88075%;
}

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

.ind_15_svg_cir .svg_circle {
    fill: none;
    stroke: #686868;
    stroke-width: 1px;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    transition: all 1s linear;
    stroke-dasharray: 0% 314.15927%;
    stroke-dashoffset: -78.53981%;
}

.AddXglIn .ind_15_svg_cir .svg_circle {
    stroke-dasharray: 314.15927% 0%;
}

.index_15years_bot_t {
    text-align: center;
    font-size: 40px;
    line-height: 2;
    color: #fff;
}

.index_brands {
    padding-top: 160px;
    padding-bottom: 126px;
}

.index_brands_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
}

.index_brand_item {
    width: -webkit-calc(25% - 36px);
    width: calc(25% - 36px);
}

.index_brand_item_mar {
    margin-right: 48px;
}

.index_brand_item_tit {
    padding-bottom: 25px;
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
}

.index_brand_item_tit .tit {
    font-size: 38px;
    line-height: 60px;
    color: #000;
}

.index_brand_item_tit a {
    color: inherit;
}

.index_brand_item_tit .btn_cir_lnk, .index_brand_item_tit .btn_cir_lnk:hover, .index_brand_item_tit .btn_cir_lnk:focus {
    cursor: pointer;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.index_brand_item_tit .btn_cir {
    display: block;
    width: 44px;
    height: 44px;
    position: relative;
    border: 1px solid #c8c8c8;
    border-radius: 50%;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    transform-origin: right;
}

.index_brand_item_tit .btn_cir i {
    position: absolute;
    top: 50%;
    right: 50%;
    width: 11px;
    height: 11px;
    margin-top: -6px;
    margin-right: -3px;
    border-right: 1px solid #949494;
    border-top: 1px solid #949494;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.index_brand_item_tit .btn_cir .line {
    position: absolute;
    top: 50%;
    right: 50%;
    width: 16px;
    height: 2px;
    margin-top: -1px;
    background: transparent;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scaleY(0.5);
    -moz-transform: scaleY(0.5);
    transform: scaleY(0.5);
    margin-right: -3px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.index_brand_item_tit .btn_cir:hover {
    background: #0f19df;
    border-color: #0f19df;
}

.index_brand_item_tit .btn_cir:hover i {
    border-right-color: #fff;
    border-top-color: #fff;
    margin-right: -8px;
}

.index_brand_item_tit .btn_cir:hover .line {
    background: #fff;
    margin-right: -8px;
}

.index_brand_item_sub {
    padding-bottom: 50px;
}

.index_brand_item_sub .img-wrap {
    margin-bottom: 30px;
    position: relative;
    height: 0;
    padding-bottom: 65.8596%;
    overflow: hidden;
}

.index_brand_item_sub .img {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_brand_item:hover .index_brand_item_sub .img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.index_brand_item_sub .info-wrap {
    font-size: 18px;
    line-height: 36px;
    color: #959595;
}

.index_brand_item_bot {
    font-size: 18px;
    line-height: 36px;
}

.index_brand_item_bot .bot-tit {
    color: #959595;
}

.index_brand_item_bot .bot-con {
    color: #000;
}

.index_copbg img {
    display: block;
    width: 100%;
    height: auto;
}

.index_gai_news_wrap {
    padding-top: 130px;
    padding-bottom: 120px;
}

.index_news_wrap {
    padding-top: 90px;
}

.index_news_title, .index_gai_news_title {
    position: relative;
    overflow: hidden;
}

.index_news_title {
    margin-bottom: 50px;
}

.index_gai_news_title {
    margin-bottom: 34px;
}

.index_news_title a, .index_gai_news_title a {
    position: relative;
    padding-bottom: 2px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.index_news_title a {
    font-size: 40px;
    line-height: 60px;
}

.index_gai_news_title a {
    font-size: 48px;
    line-height: 64px;
    color: #000;
}

.index_news_title a:after, .index_gai_news_title a:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background: #000;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    pointer-events: none;
}

.index_news_title a:hover:after, .index_gai_news_title a:hover:after {
    left: 0;
    width: 100%;
}

.index_gai_news_body:after {
    content: '';
    clear: both;
    display: block;
    height: 0;
    overflow: hidden;
}

.index_gai_news_body .leftBox {
    float: left;
    padding-top: 8px;
    width: 45.55%;
}

.index_gai_banner_swiper {
    position: relative;
}

.index_gai_banner_box {
    width: 100%;
}

.index_gai_banner_img {
    width: 100%;
    padding-bottom: 65.15%;
}

.index_gai_banner_img img {
    display: block;
    width: 100%;
}

.index_gai_banner_xgl_pagingation {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    z-index: 99;
    font-size: 0;
    letter-spacing: -5px;
    text-align: center;
}

.index_gai_banner_xgl_bullet {
    position: relative;
    display: inline-block;
    letter-spacing: normal;
    width: 26px;
    height: 26px;
    margin: 0 4px;
    cursor: pointer;
}

.index_gai_banner_xgl_bullet .dot {
    position: absolute;
    width: 6px;
    height: 6px;
    top: 50%;
    left: 50%;
    margin: -3px 0 0 -3px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.index_gai_banner_xgl_bullet .svg {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.index_gai_banner_xgl_bullet .svg_circle {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: #ffffff;
    stroke-width: 1;
    stroke-dasharray: 0 82;

}

.index_gai_banner_xgl_bullet_active .svg_circle {
    stroke-dasharray: 82 82;
    -webkit-transition: all 4s linear;
    -moz-transition: all 4s linear;
    transition: all 4s linear;
}

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

.index_gai_news_body .rightBox {
    float: right;
    width: 45.55%;
}

.index_news_gai_item + .index_news_gai_item {
    padding-top: 30px;
    border-top: 1px solid #dedede;
    margin-top: 30px;
}

.index_news_gai_item_gai {
    padding-bottom: 8px;
}

.index_news_gai_item_gai_title {
    font-size: 20px;
    line-height: 36px;
    color: #000;
}

.index_news_gai_item_gai_title a {
    position: relative;
    color: inherit;
}

.index_news_gai_item_gai_title a:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 1px;
    background: #000;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_news_gai_item_gai_title a:hover:after {
    left: 0;
    width: 100%;
}

.index_news_gai_item_gai_info {
    font-size: 20px;
    line-height: 36px;
    color: #000;
}

.index_news_gai_item_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
}

.index_news_gai_item_lnk {
    position: relative;
    display: block;
    width: -webkit-calc(25% - 18px);
    width: calc(25% - 18px);
    font-size: 16px;
    line-height: 30px;
    color: #959595;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_news_gai_item_lnk:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 1px;
    background: #000;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_news_gai_item_lnk:hover {
    color: #000;
}

.index_news_gai_item_lnk:hover:after {
    width: 100%;
    left: 0;
}

.index_news_gai_item_list b {
    display: block;
    width: 1px;
    margin-left: 11px;
    margin-right: 12px;
    height: 18px;
    background: #959595;
}

.index_news_gai_item_list b:nth-of-type(4n) {
    display: none;
}


.index_news_item {
    width: 10%;
    margin-right: 5%;

}

.index_news_item:nth-child(7n) {
    margin: 0;
}

.index_news_item a {
    padding-left: 10px;
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    line-height: 30px;
    font-size: 14px;
    color: #9a9a9a;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_news_item a:hover {
    color: #333;
}

.index_news_item a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 13px;
    width: 4px;
    height: 4px;
    background: #9a9a9a;
}

.index_news_list {
    padding: 50px 0;
}

.index_news_line {
    width: 0;
    height: 1px;
    background: #d3d3d3;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}


.footer_animate {
    background: #0f19df;
    position: relative;
    top: -50%;
}

.footer_box {
    color: #fff;
    padding: 60px 0;
}

.footer_ewm_wrap {
    width: 26.6666%;
}

.footer_content_wrap {
    width: 73.3337%;
}

.footer_ewm_box {
    padding-right: 27.5%;
}

.footer_ewm_img {
    width: 126px;
    height: 126px;
    overflow: hidden;
}
.footer_ewm_img img {
    filter: brightness(1000%);
}
.footer_ewm_title {
    margin: 5px 0 15px 0;
}

.footer_ewm_service {
    font-size: 12px;
    line-height: 20px;
}

.footer_ewm_title,
.footer_content_title,
.footer_content_address {
    font-size: 14px;
    line-height: 26px;

}

.footer_link_box {
    font-size: 12px;
    line-height: 20px;
    padding: 20px 0;
}

.footer_link_box a {
    color: #fff;
    margin: 0 10px 0 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

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

.footer_content_box {
    padding-bottom: 19px;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.footer_content_line {
    background: #878cef;
    height: 1px;
    width: 100%;
}

.footer_content_read {
    width: 50%;
}

.footer_tel_box {
    width: 50%;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.footer_content_tel {
    padding-right: 30px;
}

.footer_content_tel:last-child {
    padding-right: 0;
}

.footer_content_tel a {
    color: #ffffff;
    font-size: 17px;
    line-height: 30px;
    position: relative;
}

.footer_content_tel a:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: #fff;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.footer_content_tel a:hover:after {
    width: 100%;
    left: 0;
}

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

.footer_link_copyright,
.footer_link_copyright a {
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

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

.footer_link_js {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.footer_link_js,
.footer_link_js a {
    font-size: 12px;
    line-height: 20px;
    color: #333;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

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

.footer_share_box {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin-bottom: 20px;
}

.footer_share_icon {
    margin-left: 15px;
}

.footer_share_icon a {
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

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

.footer_share_icon a.icon-zhanku1 {
    font-size: 23px;
}


.case_details_banner {
    height: calc(100vh - 42px);
}

.case_details_back {
    height: 100%;
    width: 100%;
    background-attachment: initial !important;
}

.case_details_read {
    margin: 110px 0;
}

.details_title_box {
    width: 32.5%;
}

.details_text_box {
    width: 67.5%;
}

.details_title_max {
    font-size: 26px;
    line-height: 38px;
    color: #000000;
    margin-bottom: 25px;
}

.details_title_min,
.details_bjq {
    font-size: 14px;
    line-height: 28px;
    color: #999;

}

.case_details_img {
    padding-bottom: 40px;
    position: relative;
    overflow: hidden;
}

.case_details_img:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.case_details_img video {
    display: block;
    width: 100%;
    height: auto;
}

.case_details_ewm {
    padding: 30px 0;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
}

.case_details_ewm:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    z-index: -1;
    background: #000;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.details_ewm_item {
    text-align: center;
    margin: 0 90px;
    -webkit-transition: all .6s .3s ease;
    transition: all .6s .3s ease;
}

.details_ewm_item:nth-child(1) {
    -webkit-transform: translateX(-30%);
    transform: translateX(-30%);
    opacity: 0;
}

.details_ewm_item:nth-child(2) {
    -webkit-transform: translateX(30%);
    transform: translateX(30%);
    opacity: 0;
}

.details_ewm_img {
    width: 150px;
    height: 150px;
    overflow: hidden;
    margin: 0 auto;
}

.details_ewm_text {
    margin-top: 12px;
    font-size: 14px;
    line-height: 26px;
    color: #686868;
}

.case_details_center {
    width: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%);
    opacity: 0;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.case_details_center:after {
    display: none;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.case_details_item {
    height: 80%;
    width: 200px;
    position: relative;
    -webkit-align-items: center;
    align-items: center;
}

.case_details_prev {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.case_details_next {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.case_details_item:hover a {
    width: 130px;
}

.case_details_item:hover a .details_line:after {
    width: 100%;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

.case_details_item:hover a .details_before:before {
    width: 100%;
    -webkit-transition: all .6s .3s ease;
    transition: all .6s .3s ease;
}

.case_details_item:hover a .details_after:after {
    width: 100%;
    -webkit-transition: all .6s .3s ease;
    transition: all .6s .3s ease;
}

.case_details_link:hover {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.case_details_link:hover .case_details_after:after {
    width: 100%;

}

.case_details_link:hover .case_details_before:before {
    width: 100%;

}

.details_line {
    width: 100%;
    height: 1px;
    background: #cdcdcd;
    position: relative;
}

.details_line:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #000;
    -webkit-transition: all .6s .3s ease;
    transition: all .6s .3s ease;
}

.case_details_item a {
    width: 120px;
    height: 100%;
    position: relative;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}


.case_details_item a .details_after {
    position: absolute;
    left: -3px;
    top: 11px;
    width: 24px;
    height: 1px;
    background: #cdcdcd;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    overflow: hidden;
}

.case_details_item a .details_after:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #000;

    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

.case_details_item a .details_before {
    position: absolute;
    left: -3px;
    bottom: 11px;
    width: 24px;
    height: 1px;
    background: #cdcdcd;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    overflow: hidden;
}

.case_details_item a .details_before:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #000;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

.case_details_btn {
    padding: 90px 0;
    -webkit-justify-content: center;
    justify-content: center;
}

.case_details_list {
    width: 50px;
    height: 50px;
    margin: 0 150px;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.case_details_link {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    position: relative;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.case_details_link .case_details_after {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 1px;
    background: #cdcdcd;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.case_details_link .case_details_after:after {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    height: 100%;
    width: 0;
    background: #000;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.case_details_link .case_details_before {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 1px;
    background: #cdcdcd;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.case_details_link .case_details_before:before {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 0;
    height: 100%;
    width: 0;
    background: #000;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.related_case_title {
    text-align: center;
    font-size: 22px;
    line-height: 34px;
    color: #666666;
    margin-bottom: 90px;
}

.related_list_box {
    position: relative;
}

.related_swiper .index_case_item {
    width: 100%;
}

.related_button_item {
    z-index: 2;
    position: absolute;
    top: 50%;
    width: 46px;
    height: 46px;
    padding: 10px 0;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden;
    background: #fff;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    outline: none;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.related_button_prev {
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.related_button_next {
    right: 0;
    -webkit-transform: rotate(180deg) translateY(50%);
    transform: rotate(180deg) translateY(50%);
}

.related_list_box:hover .related_button_item {
    opacity: 1;
    pointer-events: auto;
}

.related_list_box:hover .related_button_prev {
    left: 30px;
}

.related_list_box:hover .related_button_next {
    right: 30px;
}

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

.related_button_icon {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.related_button_icon:nth-child(2) {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
    opacity: 0;
}

.related_button_item:hover .related_button_icon:nth-child(1) {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
    opacity: 0;
}

.related_button_item:hover .related_button_icon:nth-child(2) {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

.related_button_icon:after {
    content: "";
    position: absolute;
    left: 20%;
    top: 22.5%;
    width: 40%;
    height: 1px;
    background: #404040;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.related_button_icon:before {
    content: "";
    position: absolute;
    left: 20%;
    bottom: 22.5%;
    width: 40%;
    height: 1px;
    background: #404040;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.related_button_line {
    width: 50%;
    height: 1px;
    background: #404040;
}

.about_banner_wrap .index_banner_wrap {
    height: calc(81.1vh);
}

.about_banner_wrap .index_banner_button {
    display: none;
}

.about_banner_wrap .index_banner_pagination {
    display: none;
}

.about_content_box {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 10px 0;
}

.about_content_wrap_line {
    height: 1px;
    background: #cacaca;
    margin-bottom: 10px;
}

.about_content_wrap1 {
    padding-top: 145px;
    padding-bottom: 120px;
}

.about_content_wrap2 {
    padding-top: 135px;
    padding-bottom: 105px;
}

.about_team_box {
    padding-top: 170px;
    text-align: center;
}

.about_team_box_title {
    font-size: 48px;
    line-height: 68px;
    color: #000;
    margin-bottom: 4px;
}

.about_team_box_info {
    font-size: 24px;
    line-height: 48px;
    color: #969696;
}

.about_team_box_content {
    padding-top: 70px;
    font-size: 30px;
    line-height: 60px;
    color: #000;
    text-align: center;
}

.about_team_box_content img {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
}

.about_team_box_content .box_chd1, .about_team_box_content .box_chd_line, .about_team_box_content .box_chd_fra {
    margin-bottom: 10px;
}

.about_team_box_content .box_chd1 {
    text-align: center;
}

.about_team_box_content .myteam_box {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #c3c3c3;
    text-align: center;
    padding: 12px 66px;
    border-radius: 10px;
    background: #f2f2f2;
    white-space: nowrap;
}

.about_team_box_content .box_chd_line_img {
    display: block;
    width: 18px;
    height: 88px;
    margin: 0 auto;
}

.about_team_box_content .box_chd_fra, .about_team_box_content .box_chd_fra_img {
    display: block;
    width: 917px;
    height: 125px;
    margin-left: auto;
    margin-right: auto;
}

.about_team_box_content .box_chd_fra {
    position: relative;
}

.about_team_box_content .box_chd_fra .myteam_box {
    position: absolute;
    top: 100%;
    margin-top: 10px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%);
}

.about_team_box_content .box_chd_fra .myteam_box1 {
    left: 0;
    margin-left: 4px;
}

.about_team_box_content .box_chd_fra .myteam_box2 {
    left: 50%;
}

.about_team_box_content .box_chd_fra .myteam_box3 {
    left: 100%;
    margin-left: -4px;
}

.about_team_box_content .box_chd_list {
    width: 1220px;
    max-width: 100%;
    margin: 0 auto;
    height: 86px;
}


.about_advertise_box {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    padding: 50px 0 100px 0;
}


.about_core_box {
    padding: 160px 0 0 0;
}

.about_core_item {
    width: 38.1%;
    margin-right: 15.5737%;
}

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

.about_core_img {
    padding-bottom: 140.471%;
    margin-bottom: 35px;
}

.about_core_img:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.about_content_wrap3 {
    padding-top: 110px;
    padding-bottom: 85px;
    background: #f2f2f2;
}

.about_people_box {
    margin: 118px 0 0;
}

.about_people_item {
    width: 17.32026%;
    margin: 0 3.349675% 24px 0;

}

.about_people_item:nth-child(5n) {
    margin: 0 0 24px 0;
}

.about_people_img {
    padding-bottom: 66.0287%;
    border: 1px solid #c3c3c3;
}


.about_adverxgl_item {
    position: relative;
}

.about_advertise_img {
    padding-bottom: 39.5833333%;
}

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

.about_partner_wrap {
    padding-top: 190px;
}

.about_partner_list {
    padding-top: 130px;
    padding-bottom: 60px;

}

.about_partner_item {
    width: 14.7%;
    margin-right: 6.625%;
    margin-bottom: 50px;
}


.about_partner_item:nth-child(5n+1) {
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms;
}

.about_partner_item:nth-child(5n+2) {
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}

.about_partner_item:nth-child(5n+3) {
    -webkit-transition-delay: 250ms;
    transition-delay: 250ms;
}

.about_partner_item:nth-child(5n+4) {
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
}

.about_partner_item:nth-child(5n) {
    margin-right: 0;
    -webkit-transition-delay: 350ms;
    transition-delay: 350ms;
}


.about_partner_img {
    padding-bottom: 44.44%;
}

.about_partner_title {
    font-size: 40px;
    line-height: 52px;
    color: #000000;
}

.about_page_wrap {
    padding-bottom: 100px;
}

.core_banner_wrap {
    height: 84.7vh;
    position: relative;
}

.core_banner_img {
    height: 100%;
}

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

.core_banner_read {
    width: 100%;
    text-align: center;
    color: #fff;
}

.core_banner_title {
    font-size: 104px;
    line-height: 154px;

}

.core_banner_text {
    font-size: 40px;
    line-height: 66px;
}

.core_head_wrap {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.core_ewm_wrap {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    padding: 0 60px;
}

.about_core_line {
    margin: 35px 0;
}

.about_advertise_line {
    margin: 20px 0;
}

.about_partner_line {
    margin: 30px 0;
}

.core_head_line {
    margin: 100px 0;
}

.core_content_box {
    padding: 130px 0 0 0;
}

.core_title_box {
    width: 32%;
    padding-right: 80px;
}

.core_item_img {
    padding-bottom: 56.2295%;
    margin-bottom: 150px;
}

.core_item_box {
    padding: 15px 0 135px 0;
}

.core_item_tips {
    font-size: 40px;
    line-height: 66px;
    color: #000000;
}

.core_content_list {
    padding-bottom: 15px;
}

.about_content_tit {
    width: 30%;
}

.about_content_title {
    font-size: 58px;
    font-weight: normal;
    line-height: 76px;
    color: #0f19df;
}

.about_adverxgl_content {
    background: #0f19df;
    padding-top: 130px;
    padding-bottom: 160px;
}

.about_adverxgl_content_line {
    height: 1px;
    background: #7278e8;
    margin-bottom: 20px;
}

.about_adverxgl_box {
    padding-bottom: 144px;
}

.about_adverxgl_box .about_content_title {
    color: #fff;
    padding-bottom: 66px;
}

.about_adverxgl_box .about_adverxgl_xglinfo {
    font-size: 18px;
    line-height: 36px;
    color: #969696;
    min-height: 288px;
}

.about_adverxgl_item .about_adverxgl_content2 {
    background: #0f19df;

}

.about_content_tit2_wrap {
    width: 50%;
}

.about_adverxgl_item .about_content_tit2 {
    padding-top: 40px;
    padding-bottom: 70px;
}

.about_adverxgl_item .about_content_title2 {
    font-size: 18px;
    line-height: 36px;
    color: #fff;
}

.about_adverxgl_item .about_adverxgl_xglinfo2 {
    font-family: "Manrope_Bold", "Microsoft YaHei", 微软雅黑, Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 36px;
    color: #fff;
    font-weight: bold;
}

.about_adverxgl_img_wrap {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;

}

.about_adverxgl_img_wrap_inner {
    width: 42.222%;
    float: right;
    margin-right: 7.222%;

}

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

.about_adverxgl_img img {
    display: block;
    width: 100%;
}

.about_content_read,
.about_advertise_read,
.core_head_box,
.core_item_box,
.core_ewm_box,
.news_bjq_content {
    width: 68%;
}

.about_core_line,
.about_advertise_line,
.core_head_line,
.core_item_line {
    height: 1px;
    background: #dfdfdf;
    width: 100%;
}

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

.about_adv .lay_img {
    position: relative;
}

.about_adv .lay_img .img {
    display: block;
    width: 100%;
    object-fit: cover;
}

.about_adv .lay_info {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    font-size: 70px;
    line-height: 104px;
    height: 208px;
    margin-top: -104px;
    color: #fff;
    text-align: center;
}

.about_text_box {
    font-size: 30px;
    line-height: 60px;
    color: #969696;
}


.about_core_tips,
.about_core_text,
.about_advertise_title,
.about_advertise_text,
.core_head_text,
.core_item_text {
    font-size: 18px;
    line-height: 36px;
    color: #999999;
}

.core_ewm_content {
    padding: 30px;
    position: relative;
}

.core_ewm_content:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    background: #000;
    z-index: -1;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.core_ewm_img {
    width: 150px;
    height: 150px;
    overflow: hidden;
    margin: 0 auto;
}

.core_ewm_list {
    width: 33.50515%;
    overflow: hidden;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.core_ewm_item {
    -webkit-transform: translateX(-30%);
    transform: translateX(-30%);
    opacity: 0;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.core_ewm_read {
    -webkit-transform: translateX(-10%);
    transform: translateX(-10%);
    opacity: 0;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.core_ewm_center {
    width: 66.49485%;
    padding-left: 30px;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

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

.core_ewm_title {
    font-size: 14px;
    line-height: 28px;
    margin-top: 12px;
    color: #999999;
}

.core_ewm_text {
    font-size: 46px;
    line-height: 70px;
    color: #fff;
}

.core_ewm_icon {
    width: 50px;
    height: 50px;
    margin: 0 15px;
}

.core_ewm_icon:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 100%;
    height: 1px;
    background: #fff;
}

.core_ewm_icon:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 100%;
    height: 1px;
    background: #fff;
}

.core_content_wrap {
    padding-bottom: 100px;
}

.corePage_wrap {
    padding: 60px 0 50px;
}

.corePage_table .corePage_col {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    width: 25%;
    position: relative;
    border-top: 1px solid #d2d2d2;
    border-left: 1px solid #d2d2d2;
}

.corePage_table .corePage_col1_1, .corePage_table .corePage_col3_1, .corePage_table .corePage_col_n3_2 {
    width: 50%;

}

.corePage_table .corePage_col_n3_1, .corePage_table .corePage_col_n3_2 {
    border-top: none;
}

.corePage_table .corePage_col_n3_2 {
    border-left-color: #000;
}

.corePage_table .corePage_col1_1, .corePage_table .corePage_col3_1 {
    border-left: none;
}

.corePage_table .corePage_col_n2_1 {
    margin-left: 25%;
}

.corePage_table .corePage_row4 .corePage_col:nth-child(4n+1) {
    border-left: none;
}

.corePage_table .corePage_row4 .corePage_col:nth-child(1), .corePage_table .corePage_row4 .corePage_col:nth-child(2) {
    border-top: none;
}

@media screen and (min-width: 1201px) {
    .corePage_table .corePage_row4 .corePage_col:nth-child(3), .corePage_table .corePage_row4 .corePage_col:nth-child(4) {
        border-top: none;
    }

    .wap_xgl_wx_box {
        display: none !important;
    }
}

.corePage_banner_wrap {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center;
}

.corePage_table .corePage_col1_1 {
    background: #0f19df;
}

.corePage_banner_inner {
    display: inline-block;
    vertical-align: top;
    height: 100%;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 40px;
    padding-bottom: 40px;
}

.corePage_banner_inner .tit {
    font-size: 90px;
    line-height: 110px;
    font-weight: bold;
    color: #fff;
}

.corePage_banner_inner .con {
    margin-top: 9.3%;
    -webkit-align-items: center;
    align-items: center;
}

.corePage_banner_inner .ico {
    margin: 0 auto;
    width: 40px;
    height: 40px;
    border: 1px solid #858585;
    border-radius: 50%;
}

.corePage_banner_inner .ico img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.corePage_banner_inner .txt {
    padding-top: 16px;
    font-size: 25px;
    line-height: 34px;
    color: #fff;
}

.corePage_banner_inner .lay_arr {
    width: 12px;
    height: 20px;
    position: relative;
    margin: 0 40px;
}

.corePage_banner_inner .lay_arr:before {
    content: '';
    position: absolute;
    right: 3px;
    top: 50%;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

.corePage_col3_1 .corePage_banner_wrap, .corePage_info_wrap_n3_2 {
    padding-bottom: 59.778%;
}

.corePage_info_wrap_n3_2 {
    position: relative;
    height: 0;
}

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

.corePage_info_wrap_n3_2.expand_xgl .info_info {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.corePage_info_wrap_n3_2.expand_xgl .info_info p {
    width: 50%;
}

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

.corePage_info_wrap .lnk {
    display: block;
    padding: 1.6vw 2.5vw;
}

.corePage_col {
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.corePage_col_n3_2 {
    background: #000;
}

.corePage_col_xgl:hover {
    background: #0f19df;

}

.corePage_table .corePage_col_n3_2:hover {
    border-left-color: #0f19df;
}

.corePage_info_wrap .info_title {
    font-size: 36px;
    line-height: 66px;
    color: #000;
    font-weight: normal;
    margin-bottom: 30px;
}

.corePage_col_n3_2 .corePage_info_wrap .info_title {
    color: #fff;
}

.corePage_col_xgl:hover .corePage_info_wrap .info_title {
    color: #fff;
}

.corePage_info_wrap .info_content {
    font-size: 18px;
    line-height: 36px;
    min-height: 288px;
    color: #9b9b9b;
}

.corePage_col_n3_2 .corePage_info_wrap .info_content {
    color: #fff;
}

.corePage_col_xgl:hover .corePage_info_wrap .info_content {
    color: #fff;
}

.corePage_caseBox {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}

.corePage_col .corePage_caseBox {
    position: absolute;
    bottom: 1.6vw;
    left: 0;
    padding: 0 2.5vw;
}

.corePage_caseItem .lnk {
    font-size: 18px;
    line-height: 44px;
    height: 44px;
    display: block;
    padding-right: 32px;
    position: relative;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.corePage_caseItem .tit {
    color: #000;
    padding-left: 12px;   -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.corePage_caseItem + .corePage_caseItem .lnk {
    border-top: 1px solid #cdcdcd;
}

.corePage_caseItem:hover .lnk {
    background: #0f19df;
    border-top-color: #0f19df;
}
.corePage_caseItem:hover .lnk .tit {
   color: #fff;
}

.corePage_caseItem:hover + .corePage_caseItem .lnk {
    border-top-color: #0f19df;
}

.corePage_caseItem .btn_cir_lnk, .corePage_caseItem .btn_cir_lnk:hover, .corePage_caseItem .btn_cir_lnk:focus, .corePage_caseItem:hover .btn_cir_lnk {
    cursor: pointer;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.corePage_caseItem .btn_cir {
    position: absolute;
    top: 50%;
    right: 8px;
    display: block;
    width: 24px;
    height: 24px;
    margin-top: -12px;
    border: 1px solid #808080;
    border-radius: 50%;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    transform-origin: right;
}

.corePage_caseItem .btn_cir i {
    position: absolute;
    top: 50%;
    right: 50%;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    margin-right: -2px;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.corePage_caseItem .btn_cir .line {
    position: absolute;
    top: 50%;
    right: 50%;
    width: 8px;
    height: 2px;
    margin-top: -1px;
    background: transparent;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scaleY(0.5);
    -moz-transform: scaleY(0.5);
    transform: scaleY(0.5);
    margin-right: -2px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.corePage_caseItem:hover .btn_cir {
    border-color: #fff;
}

.corePage_caseItem:hover .btn_cir i {
    border-right-color: #fff;
    border-top-color: #fff;
    margin-right: -4px;
}

.corePage_caseItem:hover .btn_cir .line {
    background: #fff;
    margin-right: -4px;
}

.corePage_more_lnk {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 130px;
    height: 130px;
    margin-top: -65px;
    margin-left: -65px;
}

.corePage_more_lnk .btn_cir, .corePage_more_lnk .btn_cir:hover, .corePage_more_lnk .btn_cir:focus, .corePage_more_lnk:hover .btn_cir .btn_cir {
    cursor: pointer;
    outline: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.corePage_more_lnk .btn_cir {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    border: 1px solid #a0a0a0;
    border-radius: 50%;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    transform-origin: center;
}

.corePage_more_lnk .btn_cir i {
    position: absolute;
    top: 50%;
    right: 50%;
    width: 34px;
    height: 34px;
    margin-top: -17px;
    margin-right: -8px;
    border-right: 1px solid #a0a0a0;
    border-top: 1px solid #a0a0a0;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.corePage_more_lnk .btn_cir .line {
    position: absolute;
    top: 50%;
    right: 50%;
    width: 48px;
    height: 2px;
    margin-top: -1px;
    background: transparent;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scaleY(0.5);
    -moz-transform: scaleY(0.5);
    transform: scaleY(0.5);
    margin-right: -12px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.corePage_more_lnk:hover .btn_cir {
    background: #0f19df;
    border-color: #0f19df;
}

.corePage_more_lnk:hover .btn_cir i {
    border-right-color: #fff;
    border-top-color: #fff;
    margin-right: -16px;
}

.corePage_more_lnk:hover .btn_cir .line {
    background: #fff;
    margin-right: -20px;
}


.contact_wap_item {
    width: 48.8888%;
    position: relative;
    overflow: hidden;
}

.contact_wap_list:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    pointer-events: auto;
    z-index: 999;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.contact_wap_content {
    position: relative;
    height: 0;
    padding-bottom: 56.36363%;
}

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

.contact_wap_list {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    overflow: hidden;
}

.contact_wap_text {
    font-size: 20px;
    line-height: 30px;
    color: #686868;
    margin: 36px 0;
}

.contact_content_wrap {
    padding: 110px 0 0 0;
}

.contact_content_box {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.contact_ewm_list {
    padding-bottom: 90px;
    border-bottom: 1px solid #cacaca;
}

.contact_item_box {
    width: 48.8888%;
}

.contact_tel_list {
    padding-top: 80px;
    padding-bottom: 110px;
}

.contact_tel_item a {
    font-size: 48px;
    line-height: 62px;
    padding: 5px 0;
    color: #000;
    font-weight: bold;
    position: relative;
}

.contact_tel_item a:after {
    content: "";
    width: 0;
    height: 2px;
    background: #000;
    position: absolute;
    bottom: 5px;
    right: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}


.contact_tel_item a:hover:after {
    left: 0;
    width: 100%;
}

.contact_ewm_item {
    margin-right: 60px;
}

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

.contact_ewm_img {
    width: 190px;
    height: 190px;
    overflow: hidden;
}

.contact_ewm_text {
    font-size: 14px;
    line-height: 24px;
    margin-top: 12px;
    color: #686868;
}

.contact_ewm_read {
    margin-top: 120px;
}

.contact_ewm_max {
    font-size: 45px;
    line-height: 70px;
    color: #999;
}

.contact_ewm_min {
    font-size: 45px;
    line-height: 70px;
    color: #000;
}

.contact_page_wrap {
    padding: 60px 0 0 0;
}

.news_page_item {
    width: 48.61111%;
    margin: 0 2.77778% 0 0;
}

.news_page_item:nth-child(2n+1) .news_page_center {
    -webkit-animation-delay: 100ms;
    animation-delay: 100ms;
}

.news_page_item:nth-child(2n) .news_page_center {
    -webkit-animation-delay: 200ms;
    animation-delay: 200ms;
}

.news_page_item:nth-child(2n) {
    margin: 0 0 0 0;
}

.news_page_center {
    width: 100%;
    padding: 60px 0;
    opacity: 0;
    -webkit-transform-origin: left top;
    transform-origin: left top;
}

.news_page_photo {
    width: 32.68571%;
}

.news_page_content {
    width: 67.31429%;
    padding-left: 50px;
    /*-webkit-transform: translateX(-30%);*/
    /*transform: translateX(-30%);*/
    /*opacity: 0;*/
    -webkit-align-content: space-between;
    align-content: space-between;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.news_page_img a {
    display: block;
    padding-bottom: 94.05594%;
    position: relative;
}

.news_page_img a:after {
    display: none;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

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

.news_page_time {
    font-size: 14px;
    line-height: 24px;
    color: #999999;
    width: 100%;
}

.news_page_title a {
    display: inline-block;
    max-width: 100%;
    color: #000000;
    font-size: 26px;
    line-height: 38px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
}

.news_page_text {
    font-size: 14px;
    line-height: 28px;
    height: 112px;
    color: #999999;
    margin-top: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.news_page_read {
    width: 100%;

}

.news_page_button {
    width: 100%;
}

.news_button_box {
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 1px;
    padding: 0 6px;
    color: #999999;
    position: relative;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

/*
.news_button_box:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: #000;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}
*/


.news_button_icon {
    margin-left: 5px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.news_page_line {
    width: 0;
    height: 1px;
    background: #cdcdcd;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.news_page_item:hover .news_page_button a .news_button_box {
    color: #fff;
    background: #0f19df;
}

/*
.news_page_item:hover .news_page_button a .news_button_box:after {
    width: 100%;
    left: 0;
}
*/


.news_page_item:hover .news_page_button a .news_button_box .news_button_icon {
    margin-left: 8px;
}

.news_page_item:hover .news_page_img a img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.public_page_list {
    -webkit-justify-content: center;
    justify-content: center;
    padding: 100px 0;
}

.public_page_list a {
    font-size: 20px;
    line-height: 32px;
    color: #9b9b9b;
    margin: 0 15px;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.public_page_list a:hover {
    color: #000;
}

.public_page_active {
    color: #000 !important;
}

.news_bjq_box {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;

}


.news_bjq_head {
    -webkit-align-items: flex-end;
    align-items: flex-end;
    color: #000;
    padding: 50px 0;
}

.news_bjq_title {
    width: 85%;
    font-size: 28px;
    line-height: 40px;

}

.news_bjq_time {
    width: 15%;
    text-align: right;
    font-size: 14px;
    line-height: 26px;
}

.related_news_box {
    position: relative;
    height: 100%;
    padding-bottom: 110px;
}

.related_news_box:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #e6e6e6;
}

.news_bjq_line,
.related_news_line {
    background: #e6e6e6;
    width: 100%;
    height: 1px;
}

.news_bjq_read {
    font-size: 14px;
    line-height: 28px;
    color: #999999;
    padding: 50px 0;
}

.news_bjq_read p {
    -webkit-transform: translateY(60px);
    transform: translateY(60px);
    opacity: 0;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.news_bjq_read img {
    display: block;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    padding: 20px 0;
}


.related_item_title {
    width: 70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    padding-left: 10px;
}

.related_item_title:after {
    content: "";
    position: absolute;
    width: 4px;
    height: 4px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    background: #999999;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.related_item_time {
    width: 30%;
    text-align: right;
}

.related_news_wrap {
    width: 32%;
    padding: 50px 0 0 60px;

}

.related_news_item a {
    font-size: 14px;
    line-height: 28px;
    color: #c1c1c1;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.related_news_item a:hover {
    color: #000;
}

/*
.related_news_item a:hover .related_item_title {
    padding-left: 15px;
}
 */

.related_news_item a:hover .related_item_title:after {
    background: #000;
}

.related_news_title {
    font-size: 28px;
    line-height: 40px;
    color: #999999;
    padding: 25px 0 25px 19px;
}

.related_news_list {
    padding: 10px 0 10px 19px;
}

.news_bjq_end {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    padding: 0 60px;
}

.news_bjq_btn .case_details_btn {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 20px 0 75px;
}

.news_bjq_btn .case_details_item {
    width: 120px;
}

.news_bjq_btn .case_details_item:hover a {
    width: 100%;
}

.news_bjq_btn .case_details_list {
    margin: 0 70px;
}

.IndexFade {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.AddIndexFade .IndexFade {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.CaseScale {
    opacity: 0;
    -webkit-transform: translateY(30%);
    transform: translateY(30%);
    -webkit-transform-origin: left top;
    transform-origin: left top;
}

.AddCaseScale .CaseScale {
    -webkit-animation: CaseTranslateY 1s forwards normal cubic-bezier(.32, .03, .34, .88);
    animation: CaseTranslateY 1s forwards normal cubic-bezier(.32, .03, .34, .88);
}


@-webkit-keyframes CaseTranslateY {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30%);
        transform: translateY(30%);
    }
    50% {
        opacity: 1;
    }
    70% {
        opacity: 1;
        -webkit-transform: translateY(-2%);
        transform: translateY(-2%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes CaseTranslateY {
    0% {
        opacity: 0;
        -webkit-transform: translateY(30%);
        transform: translateY(30%);
    }
    50% {
        opacity: 1;
    }
    70% {
        opacity: 1;
        -webkit-transform: translateY(-2%);
        transform: translateY(-2%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.AddNewsWidth .index_news_title a, .AddNewsWidth .index_gai_news_title a {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

.AddNewsWidth .index_news_line {
    width: 100%;
}

.IndexNewsFade {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.IndexNewsFade:nth-child(7n+1) {
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

.IndexNewsFade:nth-child(7n+2) {
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}

.IndexNewsFade:nth-child(7n+3) {
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms;
}

.IndexNewsFade:nth-child(7n+4) {
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}

.IndexNewsFade:nth-child(7n+5) {
    -webkit-transition-delay: 250ms;
    transition-delay: 250ms;
}

.IndexNewsFade:nth-child(7n+6) {
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
}

.IndexNewsFade:nth-child(7n) {
    -webkit-transition-delay: 350ms;
    transition-delay: 350ms;
}

.AddNewsFade {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.CaseFade {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.AddCaseFade .CaseFade {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.CaseImgFade {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;

}

.AddCaseImgFade:after {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.AddCaseEwmFade:after {
    height: 100%;
}

.AddCaseEwmFade .details_ewm_item:nth-child(1) {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

.AddCaseEwmFade .details_ewm_item:nth-child(2) {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

.AddCaseIconFade {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

.AddCoreImgFade:after {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.about_core_tips,
.about_core_text {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.about_core_line {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.AddCoreReadFade .about_core_tips {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}

.AddCoreReadFade .about_core_line {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms;
}

.AddCoreReadFade .about_core_text {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}

.aboutFade {
    opacity: 0;
    -webkit-transform: translateY(30%);
    transform: translateY(30%);
    -webkit-transform-origin: left top;
    transform-origin: left top;
}

/*.aboutFade {*/
/*    -webkit-transform: translateX(-60px);*/
/*    transform: translateX(-60px);*/
/*    opacity: 0;*/
/*    -webkit-transition: all 1s ease;*/
/*    transition: all 1s ease;*/
/*}*/


.AddCoreReadFade .aboutFade {
    -webkit-animation: CaseTranslateY 1s forwards normal cubic-bezier(.32, .03, .34, .88);
    animation: CaseTranslateY 1s forwards normal cubic-bezier(.32, .03, .34, .88);
}

/*.AddCoreReadFade .aboutFade {*/
/*    -webkit-transform: translateX(0);*/
/*    transform: translateX(0);*/
/*    opacity: 1;*/
/*}*/

.about_advertise_title,
.about_advertise_line,
.about_advertise_text {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;

}

.AddAdvertiseImgFade:after {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.AddAdvertiseFade .about_advertise_title {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

.AddAdvertiseFade .about_advertise_line {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}

.AddAdvertiseFade .about_advertise_text {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms;
}


.PartnerFade {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.AddPartnerFade .PartnerFade {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.AddNewsItemFade .news_page_center {
    -webkit-animation: CaseTranslateY 1s forwards normal cubic-bezier(.32, .03, .34, .88);
    animation: CaseTranslateY 1s forwards normal cubic-bezier(.32, .03, .34, .88);
}

/*.AddNewsItemFade .news_page_img a:after {*/
/*    -webkit-transform: translateX(100%);*/
/*    transform: translateX(100%);*/
/*}*/

/*.AddNewsItemFade .news_page_content {*/
/*    opacity: 1;*/
/*    -webkit-transform: translateX(0);*/
/*    transform: translateX(0);*/
/*    -webkit-transition-delay: 200ms;*/
/*    transition-delay: 200ms;*/
/*}*/

/*.AddNewsItemFade .news_page_line {*/
/*    width: 100%;*/
/*}*/

.NewsFade {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.AddNewsHeadFade .NewsFade {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.AddNewsContentFade {
    opacity: 1 !important;
    -webkit-transform: translateX(0) !important;
    transform: translateX(0) !important;
}

.AddNewsEwmFade .core_ewm_content:after {
    width: 100%;
}

.AddNewsEwmFade .core_ewm_item:nth-child(1) {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}

.AddNewsEwmFade .core_ewm_item:nth-child(2) {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms;
}

.AddNewsEwmFade .core_ewm_read {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}

.RelatedFade {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.AddNewsRelatedBox:after {
    height: 100%;
}

.AddNewsRelatedBox .RelatedFade {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

.AddNewsRelatedBox .RelatedFade:nth-child(2) {
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

.CoreHeadFade {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.AddCoreHeadFade .CoreHeadFade {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

.CoreItemFade {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.AddCoreItemFade .CoreItemFade {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

.AddCoreItemFade .core_item_tips {
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}

.AddCoreItemFade .core_item_text {
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}

.AddCoreItemFade .core_item_img {
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
}

.AddCoreItemFade .core_item_line {
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
}

.AddContactWapFade:after {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.TelFade {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.AddContactTelFade .contact_tel_item {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

.ContactEwmFade {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.ContactEwmFade:nth-child(1) {
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}

.ContactEwmFade:nth-child(2) {
    -webkit-transition-delay: 250ms;
    transition-delay: 250ms;
}

.AddContactEwmFade .ContactEwmFade {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

.ContactReadFade {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.ContactReadFade:nth-child(1) {
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

.ContactReadFade:nth-child(2) {
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}

.AddContactReadFade .ContactReadFade {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

.header_nav_item_active .header_nav_link {
    color: #000 !important;
}

/*top*/
.html_top_wrap_top {
    position: fixed;
    right: 0;
    bottom: -webkit-calc(30vh - 48px);
    bottom: calc(30vh - 48px);
    z-index: 999;
}

.html_top_wrap_top, .html_top_wrap, .html_top_box_wx {
    width: 48px;
}

.html_top_wrap, .html_top_box_wx {
    height: 48px;
}

.html_top_box_wx {
    display: block;
    background: #0f19df;
    position: relative;
    cursor: pointer;
}

.html_top_box_wx .wx-icon-wrap {
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
}

.html_top_box_wx .wx-icon {
    display: block;
    width: 68%;
    margin: 16% auto;

}

.html_top_box_wx .wx-icon svg {
    width: 100%;
    fill: #fff;
}

.html_top_wrap {
    position: relative;
    margin-top: 1px;
    overflow: hidden;


}

.html_top_wrap.hidden_box .html_top_box {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}

.html_top_active .html_top_box {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.html_top_height .html_top_box {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
}


.html_top_box {
    width: 100%;
    height: 100%;
    background: #0f19df;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.html_top_box.html_top_box_fade_act {
    opacity: 1;
}

.html_top_icon {
    font-size: 23px;
    color: #fff;
    width: 100%;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;

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

.html_top_icon:before {
    display: block;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.html_top_icon:nth-child(1) {

}

.html_top_icon:nth-child(2), .html_top_box_wx .wx-icon-wrap:nth-child(2) {
    position: absolute;
    left: 0;
    top: 30%;
    opacity: 0;
}

.html_top_box:hover .html_top_icon:nth-child(1), .html_top_box_wx:hover .wx-icon-wrap:nth-child(1) {
    -webkit-transform: translateY(-30%);
    transform: translateY(-30%);
    opacity: 0;
}

.html_top_box:hover .html_top_icon:nth-child(2), .html_top_box_wx:hover .wx-icon-wrap:nth-child(2) {
    top: 0;
    opacity: 1;
}

.html_top_box_wx:after {
    content: '';
    position: absolute;
    left: -22px;
    width: 24px;
    top: 0;
    height: 100%;
    background: transparent;
    pointer-events: none;
}

.html_top_box_wx.active:after {
    pointer-events: auto;
}

.pc_xgl_wx_box {
    display: none;
    position: absolute;
    padding: 23px 20px;
    background: #fff;
    right: 68px;
    top: -71px;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
}

.pc_xgl_wx_box:before, .pc_xgl_wx_box:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -6px;
    width: 0;
    height: 0;
    border-right: none;
    border-left: 6px solid #fff;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    margin-top: -6px;
}

.pc_xgl_wx_box:before {
    border-left-color: #ccc;
    border-left-width: 7px;
    right: -8px;
}

.pc_xgl_wx_line {
    width: 2px;
    height: 144px;
    background: #e5e5e5;
}


.pc_xgl_wx_box_inner {
    width: 760px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: single;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-box-align: center;
    -moz-box-pack: justify;
    -moz-box-align: center;
    -webkit-justify-content: space-between;
    -webkit-align-items: center;
    -moz-justify-content: space-between;
    -moz-align-items: center;
    -ms-flex-pack: justify;
    -ms-flex-align: center;
    justify-content: space-between;
    align-items: center;

}

.pc_xgl_wx_item {
    width: 300px;
}

.pc_xgl_wx_item .info_left {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-lines: single;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -webkit-box-align: start;
    -moz-box-pack: justify;
    -moz-box-align: start;
    -webkit-justify-content: space-between;
    -webkit-align-items: flex-start;
    -moz-justify-content: space-between;
    -moz-align-items: flex-start;
    -ms-flex-pack: justify;
    -ms-flex-align: start;
    justify-content: space-between;
    align-items: flex-start;
    width: 144px;
}

.pc_xgl_wx_item .msg {
    position: relative;
    padding-left: 22px;

}

.pc_xgl_wx_item .msg .lay_icon {
    position: absolute;
    top: 6px;
    left: 0;
    width: 16px;
    height: 16px;
}

.pc_xgl_wx_item .lay_icon svg {
    display: block;
    width: 100%;
    height: 100%;
}

.pc_xgl_wx_item .msg .p-tit, .pc_xgl_wx_item .msg .p-inf {
    font-size: 15px;
    line-height: 28px;
}

.pc_xgl_wx_item .msg .p-tit {
    color: #000;
    font-weight: bold;
}

.pc_xgl_wx_item .msg .p-inf {
    color: #969696;
}

.pc_xgl_wx_item .info_right {
    width: 144px;
    height: 144px;
}

.pc_xgl_wx_item .info_right .info_img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/*品牌战略*/
.brand_page_banner {
    position: relative;
    height: 0;
    padding-bottom: 37.23958333%;
    overflow: hidden;
}

.brand_page_banner .banner_info {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}

.brand_page_banner .banner_info1 {
    top: 0;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    -moz-box-pack: center;
    -moz-box-align: center;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    -moz-justify-content: center;
    -moz-align-items: center;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    justify-content: center;
    align-items: center;
}

.brand_page_banner .banner_info2 {
    top: 28.95%;
}

.brand_page_banner .banner_info_inner {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    font-weight: bold;
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, .5);
    border-bottom: 1px solid rgba(255, 255, 255, .5);
}

.brand_page_banner .banner_info1 .banner_info_inner {
    font-size: 106px;
    line-height: 152px;
    padding: 10px 0;
}

.brand_page_banner .banner_info2 .banner_info_inner {
    border-top-width: 2px;
    border-bottom-width: 2px;
    font-size: 118px;
    line-height: 168px;
    padding: 22px 0;
}

.brand_page_banner .banner_subinfo {
    position: absolute;
    bottom: 11.88%;
    left: 0;
    width: 100%;
    text-align: center;
}

.brand_page_banner .banner_subinfo_inner {
    padding: 0 10px;
    font-size: 36px;
    line-height: 52px;
    color: #fff;
}

.brand_world {
    position: relative;
}

.brand_world_back_img img {
    display: block;
    width: 100%;
}

.brand_world_front {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 80px;
}

.brand_world_front .web_center {
    height: 100%;
}

.brand_world_front .about_content_box {
    position: relative;
    height: 100%;
}

.brand_world_front .brand_world_bot_info {
    position: absolute;
    left: 0;
    bottom: 100px;
    width: 100%;
}

.brand_world_bot_info .info {
    margin-right: 42px;
    position: relative;
    padding-left: 30px;
    font-size: 26px;
    color: #000;
    line-height: 40px;
    overflow: hidden;
}

.brand_world_bot_info .dot {
    position: absolute;
    top: 50%;
    left: 0;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    border: 1px solid #000;
    border-radius: 50%;
}

.brand_world_bot_info .dot:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 2px;
    margin: -1px 0 0 -1px;
    background: #000;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    transform: scale(.5);
}

.brand_picList {
    background: #f2f2f2;
    padding: 140px 0;
}

.brand_picList .web_center {
    padding: 0 200px;
}

.brand_picList .about_content_title {
    text-align: center;
    width: 100%;
    margin-bottom: 32px;
}

.brand_picList .about_content_tit, .brand_world .about_content_tit {
    width: 100%;
}

.brand_picList .brand_picList_fra {
    width: 75.16%;
    margin: 0 auto;
    padding-bottom: 58px;
}

.brand_picList .brand_picList_fra .img {
    width: 100%;
    display: block;
}

.brand_picList_list {
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.brand_picList_item {
    width: 25%;
    border: 1px solid #888;
    border-top: none;
}

.brand_picList_item .box {
    border-top: 1px solid #898989;
}

.brand_picList_item .box_top {
    padding-top: 38px;
    padding-bottom: 32px;
    border-bottom: 1px solid #898989;
}

.brand_picList_item .box_ico {
    margin: 0 auto;
    padding-bottom: 30px;
}

.brand_picList_item .ico {
    display: block;
    width: 150px;
    height: 150px;
    margin: 0 auto;
}

.brand_picList_item .box_tit {
    font-size: 26px;
    line-height: 40px;
    font-weight: bold;
    color: #0f19df;
    padding: 0 10px;
    text-align: center;
}

.brand_picList_item .box_bot {
    padding: 75px 35px 35px;
}

.brand_picList_item .box_content {
    font-size: 20px;
    line-height: 41px;
    color: #bfbfbf;
}

.brand_picList_item .box_content p:after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
}

.brand_picList_item .box_content .span1 {
    float: left;
    margin-right: 12px;
    color: #000;
}

.brand_picList_item .box_content .span2 {
    display: block;
    overflow: hidden;
    color: #000;
}

.brand_picList_list .cir_wrap {
    width: 12.5%;
    position: relative;
}

.brand_picList_list .cir {
    position: absolute;
    width: 44px;
    height: 44px;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    border: 1px solid #0f19df;
    border-radius: 50%;
}

.brand_picList_list .cir .arr {
    position: absolute;
    top: 50%;
    right: 50%;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    margin-right: -3px;
    border-right: 1px solid #0f19df;
    border-top: 1px solid #0f19df;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

@-webkit-keyframes jing_scale {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    20% {
        width: 160%;
        height: 160%;
        opacity: 0.6;
    }
    40% {
        width: 440%;
        height: 440%;
        opacity: 0.4;
    }
    60% {
        width: 560%;
        height: 560%;
        opacity: .2;
    }
    80% {
        width: 680%;
        height: 680%;
        opacity: 0;
    }
    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}

@keyframes jing_scale {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    20% {
        width: 160%;
        height: 160%;
        opacity: 0.6;
    }
    40% {
        width: 440%;
        height: 440%;
        opacity: 0.4;
    }
    60% {
        width: 560%;
        height: 560%;
        opacity: .2;
    }
    80% {
        width: 680%;
        height: 680%;
        opacity: 0;
    }
    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}

.brand_jing_circle_wrap {
    position: absolute;
    width: 10px;
    height: 10px;
}

.brand_jing_circle_wrap1 {
    left: 83.6975%;
    top: 63.2295%;
}

.brand_jing_circle {
    position: relative;
    left: -5px;
    top: -5px;
}

.brand_jing_circle_inner {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
}

.brand_jing_dot {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    margin-left: -6px;
    border-radius: 50%;
    background: #fff;
}

.brand_jing_cir {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: rgba(0, 0, 0, .8);
}

.brand_jing_cir1 {
    width: 100%;
    height: 100%;
    -webkit-animation: jing_scale 2.4s linear infinite normal both;
    animation: jing_scale 2.4s linear infinite normal both;
}

.brand_jing_cir2 {
    -webkit-animation: jing_scale 2.4s .6s linear infinite normal both;
    animation: jing_scale 2.4s .6s linear infinite normal both;
}

.brand_jing_cir3 {
    -webkit-animation: jing_scale 2.4s 1.2s linear infinite normal both;
    animation: jing_scale 2.4s 1.2s linear infinite normal both;
}

.brand_jing_cir4 {
    -webkit-animation: jing_scale 2.4s 1.8s linear infinite normal both;
    animation: jing_scale 2.4s 1.8s linear infinite normal both;
}

.brand_xgl {
    padding-top: 100px;

}

.brand_xgl .about_content_tit {
    width: 22%;
}

.brand_xgl .about_content_read {
    width: 78%;
}

.about_content_tit_full, .brand_xgl .about_content_tit_full {
    width: 100%;
}

.brand_marketing {
    background: #f8f8f8;
    padding-bottom: 112px;
}

.brand_marketing .about_content_box {
    padding-top: 40px;
}

.brand_marketing_box {
    position: relative;

}

.brand_marketing_img_wrap {
    width: 35.38%;
    margin: 0 auto;
    padding-top: 30px;
    padding-bottom: 270px;
}

.brand_marketing_img_wrap img {
    display: block;
    width: 100%;
}

.brand_marketing_lay_inf {
    width: 32.31%;
}

.brand_marketing_item {
    margin-bottom: 65px;
    width: 70%;
}

.brand_marketing_lay_inf2 .brand_marketing_item {
    margin-left: 30%;
}

.brand_marketing_item_title {
    position: relative;
    font-size: 26px;
    line-height: 84px;
    font-weight: bold;
    color: #000;
}

.brand_marketing_item_title .line {
    background: #3e3e3e;
}

.brand_marketing_item_title .line1 {
    width: 100%;
    height: 1px;
}

.brand_marketing_item_title .line2 {
    position: absolute;
    width: 36%;
    height: 1px;
    bottom: 0;
}

.brand_marketing_lay_inf1 .line2 {
    right: 0;

}

.brand_marketing_lay_inf2 .line2 {
    left: 0;
}

.brand_marketing_item1 .line2 {
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    right: 0;
    bottom: -1px;
}

.brand_marketing_item2 .line2 {
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg);
    left: -36%;
    bottom: 0;
}

.brand_marketing_item3 .line2 {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 0;
    bottom: 1px;
}

.brand_marketing_item4 .line2 {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
    left: -36%;
    bottom: 0;
}

.brand_marketing_item_content {
    font-size: 26px;
    line-height: 50px;
    color: #898989;
    padding-top: 20px;
    min-height: 250px;
    width: -webkit-calc(100% + 40px);
    width: calc(100% + 40px);
}

.brand_marketing_item_content p:after {
    content: '';
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
}

.brand_marketing_item_content .span1 {
    float: left;
    margin-right: 12px;
}

.brand_marketing_item_content .span2 {
    display: block;
    overflow: hidden;
}

.brand_marketing_box_for_wap {
    display: none;
}


.brand_role_box_inner {
    padding-top: 60px;
    padding-bottom: 160px;
}

.brand_role_box {
    font-size: 26px;
    line-height: 52px;
    color: #898989;
}

.brand_role_box table {
    width: 100%;
}

.brand_role_box table tr:first-child td, .brand_role_box table tr td:first-child {
    color: #000;
    font-weight: bold;
}

.brand_role_box table tr:nth-child(2n-1) td {
    background-color: #f8f8f8;
}

.brand_role_box table tr td {
    text-align: left;
    vertical-align: middle;
    padding: 17px 30px;
}

.brand_role_box table tr td:first-child {
    width: 14%;
}

@-webkit-keyframes jing_scale2 {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    20% {
        width: 130%;
        height: 130%;
        opacity: 1;
    }
    40% {
        width: 140%;
        height: 140%;
        opacity: 0.5;
    }
    60% {
        width: 160%;
        height: 160%;
        opacity: .2;
    }
    80% {
        width: 180%;
        height: 180%;
        opacity: 0;
    }
    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}

@keyframes jing_scale2 {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    20% {
        width: 130%;
        height: 130%;
        opacity: 1;
    }
    40% {
        width: 140%;
        height: 140%;
        opacity: 0.5;
    }
    60% {
        width: 160%;
        height: 160%;
        opacity: .2;
    }
    80% {
        width: 180%;
        height: 180%;
        opacity: 0;
    }
    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}


.brand_journey {
    background: #000;
}

.brand_journey .about_content_wrap_line {
    background: #959595;
}

.brand_journey .about_content_title {
    color: #fff;
}

.brand_journey_content_read {
    padding-top: 100px;
    padding-bottom: 70px;
}

.brand_journey_box {
    position: relative;
    height: 600px;
}

.brand_journey_box .brand_journey_background {
    position: absolute;
    width: 1640px;
    left: 50%;
    margin-left: -820px;
    height: 200px;
    bottom: 0;
}

.brand_journey_background .cir {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1240px;
    height: 150px;
    margin-left: -620px;
    margin-top: -75px;

}

.brand_journey_background .cir_in {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: radial-gradient(rgba(15, 25, 223, 0), rgba(15, 25, 224, 1));


}


.brand_journey_background .cir1 .cir_in {
    -webkit-animation: jing_scale2 4.8s linear infinite normal both;
    animation: jing_scale2 4.8s linear infinite normal both;
}

.brand_journey_background .cir2 .cir_in {
    -webkit-animation: jing_scale2 4.8s linear 1.2s infinite normal both;
    animation: jing_scale2 4.8s linear 1.2s infinite normal both;
}

.brand_journey_background .cir3 .cir_in {
    -webkit-animation: jing_scale2 4.8s linear 2.4s infinite normal both;
    animation: jing_scale2 4.8s linear 2.4s infinite normal both;
}

.brand_journey_background .cir4 .cir_in {
    -webkit-animation: jing_scale2 4.8s linear 3.6s infinite normal both;
    animation: jing_scale2 4.8s linear 3.6s infinite normal both;
}

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

.brand_journey_item {
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);

}

.brand_journey_item .number_cir {
    width: 64px;
    height: 64px;
    line-height: 64px;
    font-size: 26px;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 50%;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;

}

.brand_journey_item .txt {
    text-align: center;
    font-size: 26px;
    line-height: 32px;
    color: #fff;
    padding: 16px 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    opacity: 0;
}

.brand_journey_item .line {
    width: 1px;
    left: 50%;
    height: 0;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

.brand_journey_list.AddFadeInUp .brand_journey_item .line {
    -webkit-transition: all .6s linear .4s;
    transition: all .6s linear .4s;
}

.brand_journey_list.AddFadeInUp .brand_journey_item .txt {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .3s linear 1.1s;
    transition: all .3s linear 1.1s;
}

.brand_journey_list.AddFadeInUp .brand_journey_item .number_cir {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .3s linear 1.5s;
    transition: all .3s linear 1.5s;
}

.brand_journey_item1 {
    left: 9.09%;
    bottom: 100px;
}

.brand_journey_list.AddFadeInUp .brand_journey_item1 .line {
    height: 280px;
}

.brand_journey_item2 {
    left: 18.18%;
    bottom: 160px;
}

.brand_journey_list.AddFadeInUp .brand_journey_item2 .line {
    height: 290px;
}

.brand_journey_item3 {
    left: 27.27%;
    bottom: 40px;
}

.brand_journey_list.AddFadeInUp .brand_journey_item3 .line {
    height: 240px;
}

.brand_journey_item4 {
    left: 36.36%;
    bottom: 170px;
}

.brand_journey_list.AddFadeInUp .brand_journey_item4 .line {
    height: 330px;
}

.brand_journey_item5 {
    left: 45.45%;
    bottom: 30px;
}

.brand_journey_list.AddFadeInUp .brand_journey_item5 .line {
    height: 230px;
}

.brand_journey_item6 {
    left: 54.54%;
    bottom: 100px;
}

.brand_journey_list.AddFadeInUp .brand_journey_item6 .line {
    height: 280px;
}

.brand_journey_item7 {
    left: 63.63%;
    bottom: 150px;
}

.brand_journey_list.AddFadeInUp .brand_journey_item7 .line {
    height: 340px;
}

.brand_journey_item8 {
    left: 72.72%;
    bottom: 30px;
}

.brand_journey_list.AddFadeInUp .brand_journey_item8 .line {
    height: 240px;
}

.brand_journey_item9 {
    left: 81.81%;
    bottom: 200px;
}

.brand_journey_list.AddFadeInUp .brand_journey_item9 .line {
    height: 320px;
}

.brand_journey_item10 {
    left: 90.9%;
    bottom: 125px;
}

.brand_journey_list.AddFadeInUp .brand_journey_item10 .line {
    height: 325px;
}