/*@charset "UTF-8";*/
/* CSS Document */
/*-- 提倡互联网共享,同时应尊重原创作者,网站制作属: lijia xiong --*/
/*QQ：897232289*/
/*html5*/

/*单行超出省略*/
.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;
}

.html_page {
    background: #fff;
    position: relative;
    z-index: 9;
    width: 100vw;
}

svg {
    width: 100%;
}

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

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

.bsFrameDiv img {
    margin: 0 !important;
}

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@font-face {
    font-family: "Barlow-Thin";
    src: url(../fonts/Barlow-Thin.otf);
}

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

@font-face {
    font-family: "Gothic";
    src: url(../fonts/GOTHIC_0.TTF);
}

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

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

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

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

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

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

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

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

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

body {
    overflow: hidden;
}

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

}


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

.BMap_cpyCtrl {
    display: none;
}

.anchorBL {
    display: none;
}

.body_flex {
    position: fixed;
}

.body_show {
    overflow: auto;
    overflow-x: hidden;
}

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

i {
    font-style: normal;
}

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

table {
    border-collapse: collapse;
}

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

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

video {
    outline: none;
}

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

li {
    list-style: none;
}

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

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

textarea {
    resize: none;
}

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

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

textarea {
    resize: vertical;
}

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

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

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


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 {*/
/*}*/

.loading_wrap {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
}

.loading_wrap:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 50%;
    background: #fff;
    z-index: 1;
}

.loading_wrap:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    background: #fff;
    z-index: 1;
}

.loading_back {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 2;
}

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

.loading_line_box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0.15625vw;
    background: #001e42;
}

.loading_line_after {
    width: 0;
    height: 100%;
    background: #ffc300;
}

.loading_active .loading_logo_wrap {
    opacity: 1;
}

.loading_logo_wrap {
    width: 17.86458333vw;
    opacity: 0;
}

.loading_logo_en {
    width: 100%;
    -webkit-transform: translateY(1.5625vw);
    transform: translateY(1.5625vw);
    -webkit-transition: all .6s 1s ease-in-out;
    transition: all .6s 1s ease-in-out;
}

.loading_logo_en svg {
    width: 100%;
    height: 100%;
}

.loading_logo_en svg path {
    fill: rgba(255, 255, 255, 0);
    stroke-width: 0.1041666vw;
    stroke: #001e42;
}

.loading_logo_cn {
    -webkit-transform: translateY(-1.5625vw);
    transform: translateY(-1.5625vw);
    opacity: 0;
    width: 52.769679%;
    margin: 0.5208333vw auto 0;
    pointer-events: none;
    -webkit-transition: all .6s 1s ease-in-out;
    transition: all .6s 1s ease-in-out;
}

.loading_logo_cn svg {
    fill: #001e42;
    width: 100%;
    height: 100%;
}

.loading_active .loading_logo_en svg path {
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.loading_fade .loading_logo_en svg path {
    fill: #001e42;
    stroke: rgba(255, 255, 255, 0);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.loading_fade .loading_logo_en {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.loading_fade .loading_logo_cn {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    fill: rgba(255, 255, 255, 1);
    opacity: 1;
}

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

.loading_hide .loading_back {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

.loading_hide .loading_logo_wrap {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

.loading_hide:after {
    height: 0;
    -webkit-transition: all .8s .4s ease;
    transition: all .8s .4s ease;
}

.loading_hide:before {
    height: 0;
    -webkit-transition: all .8s .4s ease;
    transition: all .8s .4s ease;
}

/*---------------------------css---------------------------*/

.content_center {
    padding: 0 5.208333vw;
}

.header_wrap {
    position: fixed;
    left: 0;
    top: 0;
    -webkit-transform: translateY(-2.083333vw);
    transform: translateY(-2.083333vw);
    opacity: 0;
    pointer-events: none;
    width: 100%;
    z-index: 99;
    -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1);
    transition: all .8s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 0ms;
    transition-delay: 0ms;
}

.header_after {
    height: 5.15625vw;
    position: absolute;
    left: 0;
    top: -100%;
    pointer-events: none;
}

.header_show {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    pointer-events: auto;
}

.header_wrap:after {
    content: "";
    background: #fff;
    position: absolute;
    left: 0;
    top: -100%;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 0.5208333vw rgba(0, 0, 0, .03);
    -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1);
    transition: all .8s cubic-bezier(.77, 0, .175, 1);
    z-index: -1;
}

.header_active {
    -webkit-box-shadow: 0 0 0.26041666vw rgba(0, 0, 0, .1);
    box-shadow: 0 0 0.26041666vw rgba(0, 0, 0, .1);
    -webkit-transition-delay: 800ms;
    transition-delay: 800ms;
}

.header_active:after {
    top: 0;
}


.header_active .header_logo_box {
    width: 7.8125vw;

}

.header_active .header_nav_link {
    color: #666;
    line-height: 5.208333vw;
}

.header_active .header_logo_box a svg {
    fill: #001732;
    height: 100%;
}

.header_active .header_nav_current .header_nav_link {
    color: #ffc300;
}

.header_active .header_nav_default .header_nav_link {
    color: #666;
}

.header_active .header_nav_hover .header_nav_link {
    color: #333;
}

.header_active .header_languages_icon,
.header_active .header_languages_text {
    color: #333;
}

.header_white {
    -webkit-box-shadow: 0 0 0.26041666vw rgba(0, 0, 0, .1);
    box-shadow: 0 0 0.26041666vw rgba(0, 0, 0, .1);
}

.header_white:after {
    top: 0;
}


.header_white .header_logo_box {
    width: 7.8125vw;
}

.header_white .header_nav_link {
    color: #666;
    line-height: 5.208333vw;
}

.header_white .header_logo_box a svg {
    fill: #001732;
}

.header_white .header_nav_current .header_nav_link {
    color: #ffc300;
}

.header_white .header_nav_default .header_nav_link {
    color: #666;
}

.header_white .header_nav_hover .header_nav_link {
    color: #333;
}

.header_white .header_languages_icon,
.header_white .header_languages_text {
    color: #333;
}

.header_box {
    position: relative;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1);
    transition: all .8s cubic-bezier(.77, 0, .175, 1);
}

.header_logo_box {
    width: 9.42708333vw;
    -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1);
    transition: all .8s cubic-bezier(.77, 0, .175, 1);
    z-index: 9;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}


.header_logo_box a svg {
    fill: #fff;
    -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1);
    transition: all .8s cubic-bezier(.77, 0, .175, 1);
}

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

.header_nav_tab {
    width: 44.7674418%;
    -webkit-align-items: center;
    align-items: center;
}

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

.header_nav_languages {
    margin-left: 2.03125vw;
}

.header_nav_item {

    position: relative;
}


.header_nav_link {
    padding: 0 1.92708333vw;
    font-size: 0.8333vw;
    line-height: 6.25vw;
    color: #fff;
    pointer-events: auto;
    -webkit-transition: all .8s cubic-bezier(.165, .84, .44, 1);
    transition: all .8s cubic-bezier(.165, .84, .44, 1);
}

.header_nav_tab:first-child .header_nav_item:first-child .header_nav_link {
    padding: 0 1.92708333vw 0 0;
}


.header_nav_languages a {
    pointer-events: auto;
    -webkit-align-items: center;
    align-items: center;
}

.header_languages_icon {
    font-size: 0.9375vw;
    color: #fff;
    -webkit-transition: all .8s cubic-bezier(.165, .84, .44, 1);
    transition: all .8s cubic-bezier(.165, .84, .44, 1);
}

.header_languages_text {
    font-size: 0.83333vw;
    margin-left: 0.5208333vw;
    color: #fff;
    -webkit-transition: all .8s cubic-bezier(.165, .84, .44, 1);
    transition: all .8s cubic-bezier(.165, .84, .44, 1);
}

.header_nav_current .header_nav_link {
    color: #ffc300;
}

.header_nav_default .header_nav_link {
    color: #fff;
}

.header_nav_hover .header_nav_link {
    color: #ffc300;
}

.index_banner_read {
    position: relative;
    z-index: 2;
    width: 100%;
}

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

.index_banner_title {
    font-size: 2.3958333vw;
    line-height: 3.0208333vw;
    color: #ffffff;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2.083333vw);
    transform: translateY(2.083333vw);
}

.index_banner_tips {
    font-size: 4.6875vw;
    line-height: 7.91666vw;
    font-weight: bold;
    color: #ffffff;
    position: relative;
    padding: 0 1.6666vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2.083333vw);
    transform: translateY(2.083333vw);
}

.index_banner_tips:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 2.083333vw;
    height: 2.083333vw;
    box-sizing: border-box;
    border-right: 0.625vw solid #ffc300;
    border-top: 0.625vw solid #ffc300;
}

.index_banner_button {
    width: 10.41666vw;
    margin: 2.6041666vw auto 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2.083333vw);
    transform: translateY(2.083333vw);
}

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

.index_banner_button a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ffc300;
    z-index: 1;
}

.index_banner_button a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ffc300;
    z-index: 2;
}

.index_banner_label {
    font-size: 1.041666vw;
    line-height: 3.125vw;
    color: #fff;
    z-index: 3;
    position: relative;
    text-align: center;
}


.index_banner_wrap {
    height: 100vh;
}

.index_banner_box {
    height: 100%;
    position: relative;
}

.index_banner_swiper {
    height: 100%;
}

.index_banner_content {
    height: 100%;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

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


.index_banner_swiper .swiper-slide-active .index_banner_title {
    transform: none;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: all .8s cubic-bezier(.165, .84, .44, 1);
    transition: all .8s cubic-bezier(.165, .84, .44, 1);
}

.index_banner_swiper .swiper-slide-active .index_banner_tips {
    transform: none;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: all .8s cubic-bezier(.165, .84, .44, 1);
    transition: all .8s cubic-bezier(.165, .84, .44, 1);
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}

.index_banner_swiper .swiper-slide-active .index_banner_button {
    transform: none;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: all .8s cubic-bezier(.165, .84, .44, 1);
    transition: all .8s cubic-bezier(.165, .84, .44, 1);
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}

.index_banner_pagination_box {
    position: absolute;
    width: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    bottom: 2.08333vw;
    z-index: 9;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2.083333vw);
    transform: translateY(2.083333vw);
}

.index_banner_pagination_show {
    transform: none;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: all .8s cubic-bezier(.165, .84, .44, 1);
    transition: all .8s cubic-bezier(.165, .84, .44, 1);
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
}

.index_banner_pagination_num {
    font-size: 0.9375vw;
    height: 1.041666vw;
    line-height: 1.041666vw;
    overflow: hidden;
    width: 2.91666vw;
    text-align: center;
    color: #fff;
    align-items: flex-start;
}

.index_banner_pagination_top {
    width: 0.625vw;
    text-align: left;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_banner_pagination_current {
    position: relative;
    font-size: 0.9375vw;
    height: 1.041666vw;
    line-height: 1.041666vw;
}

.index_banner_pagination_length {
    opacity: 0.5;
}

.index_banner_pagination_line {
    width: auto !important;
}

.index_banner_pagination_line .swiper-pagination-bullet {
    width: 3.125vw;
    height: 0.5208333vw;
    margin: 0 0.36458333vw !important;
    opacity: 1;
    border-radius: 0;
    background: none;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    position: relative;
    outline: none;
    cursor: pointer;
}

.index_banner_pagination_line .swiper-pagination-bullet:after {
    content: "";
    width: 100%;
    height:20%;
    position: absolute;
    left: 0;
    top: 40%;
    background: rgba(255, 255, 255, .1);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

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

.index_banner_pagination_after {
    background: #fff;
    width: 0;
    height: 100%;
}

.banner_pagination_current_line .index_banner_pagination_after {
    -webkit-transition: all 10s linear;
    transition: all 10s linear;
    width: 100%;
}

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

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

.index_about_logo {
    position: absolute;
    left: 45vw;
    bottom: 0;
    z-index: 2;
    width: 61.458333vw;
}

.index_about_logo_white {
    position: absolute;
    left: 45vw;
    bottom: 0;
    z-index: 4;
    width: 61.458333vw;
}

.index_about_video_button {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(.6);
    transform: translateX(-50%) translateY(-50%) scale(.6);
    opacity: 0;
    pointer-events: auto;
    width: 3.125vw;
    height: 3.125vw;
    z-index: 9;
    cursor: pointer;

}

.AddAboutButton .index_about_video_button {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1);
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88);
    transition: all .8s cubic-bezier(.78, .11, .16, .88);
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
}

.index_about_video_icon {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(255, 195, 0, .85);
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.index_about_video_icon svg {
    fill: #fff;
    width: 0.83333vw;
}

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

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

.index_about_video_label {
    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%;

}

.index_about_video_btn .index_about_video_label:nth-child(1) {
    background: rgba(255, 195, 0, 0);
    border: 0.15625vw solid rgba(255, 195, 0, .85);
    -webkit-animation: jing_scale 2.4s linear infinite normal both;
    animation: jing_scale 2.4s linear infinite normal both;
}

.index_about_video_btn .index_about_video_label:nth-child(2) {
    background: rgba(255, 195, 0, 0);
    border: 0.15625vw solid rgba(255, 195, 0, .85);
    -webkit-animation: jing_scale 2.4s .6s linear infinite normal both;
    animation: jing_scale 2.4s .6s linear infinite normal both;
}

.index_about_video_btn .index_about_video_label:nth-child(3) {
    background: rgba(255, 195, 0, 0);
    border: 0.15625vw solid rgba(255, 195, 0, .85);
    -webkit-animation: jing_scale 2.4s 1.2s linear infinite normal both;
    animation: jing_scale 2.4s 1.2s linear infinite normal both;
}

.index_about_video_btn .index_about_video_label:nth-child(4) {
    background: rgba(255, 195, 0, 0);
    border: 0.15625vw solid rgba(255, 195, 0, .85);
    -webkit-animation: jing_scale 2.4s 1.8s linear infinite normal both;
    animation: jing_scale 2.4s 1.8s linear infinite normal both;
}

@-webkit-keyframes jing_scale {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    14% {
        width: 120%;
        height: 120%;
        opacity: 0.8;
    }
    28% {
        width: 140%;
        height: 140%;
        opacity: 0.6;
    }
    42% {
        width: 160%;
        height: 160%;
        opacity: .4;
    }
    56% {
        width: 180%;
        height: 180%;
        opacity: .2;
    }
    70% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}


@keyframes jing_scale {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    14% {
        width: 120%;
        height: 120%;
        opacity: 0.8;
    }
    28% {
        width: 140%;
        height: 140%;
        opacity: 0.6;
    }
    42% {
        width: 160%;
        height: 160%;
        opacity: .4;
    }
    56% {
        width: 180%;
        height: 180%;
        opacity: .2;
    }
    70% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}

.index_about_max {
    width: 44.2708333%;
    position: relative;
    z-index: 3;
    overflow: hidden;
}

.index_about_img {
    padding-bottom: 102.35294%;
    position: relative;
}

.index_about_content {
    position: absolute;
    right: 0;
    top: 0;
    width: 55.7291667%;
}

.index_about_back {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.index_about_title_text {
    font-size: 2.5vw;
    line-height: 4.1666vw;
    position: relative;
    font-weight: bold;
    color: #001732;
    padding: 0 1.6666vw 0 0;
}

.index_about_title_text:after {
    content: "";
    position: absolute;
    right: 0;
    top: -0.625vw;
    width: 1.9791666vw;
    height: 1.9791666vw;
    box-sizing: border-box;
    border-right: 0.67708333vw solid #ffc300;
    border-top: 0.67708333vw solid #ffc300;
}

.index_about_read {
    padding: 6.51041666vw 9.63541666vw 0 8.3333vw;
    position: relative;
    z-index: 2;
}

.index_about_title_en {
    color: #ccc;
    font-size: 1.041666vw;
    line-height: 1.6666vw;
    text-transform: uppercase;
    width: 100%;
}

.index_pro_title_en {
    color: #aaaaaa;
}

.index_about_edit_box {
    margin-top: 3.125vw;
    font-size: 0.88541666vw;
    line-height: 1.5625vw;
    color: #333333;
}

.index_about_button {
    margin-top: 2.86458333vw;
}

.index_public_button {
    pointer-events: auto;
}

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

.index_public_button a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 2.3958333vw;
    height: 2.3958333vw;
    z-index: 10;
    background: rgba(255, 195, 0, 0);
    -webkit-border-radius: 1.19791665vw;
    border-radius: 1.19791665vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_public_circle {
    z-index: 9;
    position: absolute;
    left: 0;
    top: 0;
    width: 2.3958333vw;
    height: 2.3958333vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_public_circle svg {
    width: 100%;
    height: 100%;
    fill: rgba(255, 195, 0, 0);
    stroke: #ffc300;
    stroke-width: 0.078125vw;
}

.AddPublicButtonItem .index_public_circle {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 1.2s cubic-bezier(.78, .11, .16, .88);
    transition: all 1.2s cubic-bezier(.78, .11, .16, .88);
}

.AddPublicButtonItem .index_public_circle circle {
    stroke-dashoffset: 0 !important;

    -webkit-transition: all 1.2s cubic-bezier(.78, .11, .16, .88);
    transition: all 1.2s cubic-bezier(.78, .11, .16, .88);
}

.AddPublicButtonItem a:after {
    background: rgba(255, 195, 0, 1);
    -webkit-transition-delay: .9s;
    transition-delay: .9s;
}

.AddPublicButtonItem .index_public_btn_content {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

.index_public_btn_content {
    padding: 0 0.9375vw;
    line-height: 2.3958333vw;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    z-index: 11;
    -webkit-transform: translateX(-0.9375vw);
    transform: translateX(-0.9375vw);
    opacity: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_public_btn_text {
    font-size: 0.83333vw;
    color: #0f0f39;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_public_btn_icon {
    width: 0.88541666vw;
    margin-left: 0.78125vw;
}

.index_public_btn_icon svg {
    width: 100%;
    height: 100%;
    fill: #0f0f39;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_public_default a:after {
    -webkit-transition-delay: 0ms !important;
    transition-delay: 0ms !important;
}

.index_public_default .index_public_btn_content {
    -webkit-transition-delay: 0ms !important;
    transition-delay: 0ms !important;
}

.index_public_default a:hover:after {
    width: 100%;
}

.index_public_default a:hover .index_public_btn_content {
    padding: 0 1.1458333vw;
}

.index_public_default a:hover .index_public_btn_text {
    color: #fff;
}

.index_public_default a:hover .index_public_btn_icon svg {
    fill: #fff;
}


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


.index_about_big {
    position: relative;
}

.index_about_num_box {
    padding: 7.291666vw 0;
}

.index_about_num_item {
    width: 25%;
    -webkit-justify-content: center;
    justify-content: center;
}

.index_about_num_tit {
    font-size: 4.4791666vw;
    line-height: 4.6875vw;
    color: #ffc300;
}

.index_about_num_min {
    font-size: 0.9375vw;
    line-height: 2.8vw;
    margin-left: 0.78125vw;
    font-weight: bold;
    color: #ffc300;
}

.index_about_num_text {
    font-size: 0.88541666vw;
    line-height: 1.30208333vw;
    color: #333333;
}

.index_about_num_big {
    position: relative;
}

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

.index_about_num_icon:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 0 0 2.6041666vw rgba(49, 49, 49, .35);
    box-shadow: 0 0 2.6041666vw rgba(49, 49, 49, .35);
}

.AboutLineRotate:after {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    -webkit-transition: all 2s cubic-bezier(.78, .11, .16, .88);
    transition: all 2s cubic-bezier(.78, .11, .16, .88);
}

.index_pro_wrap {
    position: relative;
}

.index_pro_box {
    padding: 6.25vw 0 7.8125vw 0;
}

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

.index_pro_big {
    position: relative;
    z-index: 2;
}

.index_pro_back_img {
    padding-bottom: 30.98958333%;
}

.index_pro_head {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.index_pro_item_box {
    width: 21.3372095%;
    margin-right: 1.744186%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .7s cubic-bezier(.77, 0, .25, .89);
    transition: all .7s cubic-bezier(.77, 0, .25, .89);
}


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

.index_pro_item_img {

}

.index_pro_item_img a {
    display: block;
    height: 31.1458333vw;
}

.index_pro_item_content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    pointer-events: none;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.index_pro_item_content:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 30, 66, .5);
    -webkit-transition: all .7s cubic-bezier(.77, 0, .25, .89);
    transition: all .7s cubic-bezier(.77, 0, .25, .89);
}

.index_pro_item_read {
    width: 100%;
    padding: 2.08333vw 2.6041666vw;
    position: relative;
    z-index: 1;
}

.index_pro_item_foot {
    -webkit-transform: translateY(calc(100% - 2.1875vw));
    transform: translateY(calc(100% - 2.1875vw));
    -webkit-transition: all .7s cubic-bezier(.77, 0, .25, .89);
    transition: all .7s cubic-bezier(.77, 0, .25, .89);
}

.index_pro_item_tit {
    font-size: 1.5625vw;
    line-height: 2.1875vw;
    font-weight: bold;
    color: #fff;
}

.index_pro_item_text {
    margin-top: 0.78125vw;
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #fff;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2.083333vw);
    transform: translateY(2.083333vw);
    -webkit-transition: all .7s cubic-bezier(.77, 0, .25, .89);
    transition: all .7s cubic-bezier(.77, 0, .25, .89);
}

.index_pro_item_button {
    margin-top: 2.08333vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2.083333vw);
    transform: translateY(2.083333vw);
    -webkit-transition: all .7s cubic-bezier(.77, 0, .25, .89);
    transition: all .7s cubic-bezier(.77, 0, .25, .89);
}

.index_pro_item_button .index_public_btn_text {
    color: #fff;
}

.index_pro_item_button .index_public_btn_icon svg {
    fill: #fff;
}

.index_pro_item_current {
    width: 53.837209%;
}

.index_pro_item_current .index_pro_item_content:after {
    background: rgba(0, 30, 66, 0);
}

.index_pro_item_current .index_pro_item_foot {
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.index_pro_item_current .index_pro_item_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.index_pro_item_current .index_pro_item_button {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.index_pro_item_current .index_public_circle {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 1.5s cubic-bezier(.78, .11, .16, .88);
    transition: all 1.5s cubic-bezier(.78, .11, .16, .88);
}

.index_pro_item_current .index_public_circle circle {
    stroke-dashoffset: 0 !important;
    -webkit-transition: all 1.5s cubic-bezier(.78, .11, .16, .88);
    transition: all 1.5s cubic-bezier(.78, .11, .16, .88);
}

.index_pro_item_current a:after {
    background: rgba(255, 195, 0, 1);
    -webkit-transition-delay: .9s;
    transition-delay: .9s;
}

.index_pro_item_current .index_public_btn_content {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}

.index_pro_list_wrap {
    margin-top: 3.38541666vw;
}

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

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

.index_skill_back {
    padding-bottom: 49.4791666%;
}

.index_skill_circle_box {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 5.208333vw;
    width: 81.6666%;
    z-index: 9;
}

.AddEarthIn {
    -webkit-animation: 100s EarthRotate infinite linear both normal;
    animation: 100s EarthRotate infinite linear both normal;
}

@keyframes EarthRotate {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}

.index_skill_circle_img {
    padding-bottom: 100%;
}

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

.index_skill_head .index_about_title_text {
    color: #fff;
    padding: 0 1.6666vw;
}

.index_skill_head .index_about_title_en {
    text-align: center;
}

.index_skill_head .index_about_title_head {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
}

.index_skill_bold {
    color: #ffc300;
    font-weight: bold;
}

.index_skill_title {
    font-size: 3.958333vw;
    line-height: 5.208333vw;
    color: #ffffff;
    margin-top: 2.6041666vw;
    -webkit-justify-content: center;
    justify-content: center;
}

.index_skill_content {
    -webkit-justify-content: center;
    justify-content: center;
    padding-top: 2.708333vw;
}

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

.index_skill_item_box {
    padding: 0 2.6041666vw;
}

.index_skill_item_num {
    font-size: 4.6875vw;
    line-height: 4.6875vw;
    color: #fff;
}

.index_skill_item_cn {
    font-size: 1.25vw;
    line-height: 2.8vw;
    font-weight: bold;
    margin-left: 0.5208333vw;
    color: #fff;
}

.index_skill_item_min {
    font-size: 4.16666vw;
    line-height: 4.6875vw;
    color: #fff;
}

.index_skill_item_text {
    font-size: 0.9375vw;
    line-height: 1.458333vw;
    margin-top: 0.5208333vw;
    text-align: center;
    color: #fff;
}

.index_skill_button {
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 7.8125vw;
}

.index_skill_button .index_public_btn_text {
    color: #fff;
}

.index_skill_button .index_public_btn_icon svg {
    fill: #fff;
}

.index_news_box {
    padding: 7.291666vw 0;
}

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

.index_news_head .index_about_title_head {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
}

.index_news_head .index_about_title_text {
    padding: 0 1.6666vw;
}

.index_news_head .index_about_title_en {
    text-align: center;
}

.index_news_item_head {
    width: 100%;
}

.index_news_item_time {
    font-size: 0.7291666vw;
    line-height: 0.9375vw;
    color: #aaaaaa;
}

.index_news_item_title {
    margin-top: 0.5208333vw;
}

.index_news_item_link {
    max-width: 100%;
    display: inline-block;
}

.index_news_item_link a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 1.1458333vw;
    line-height: 1.875vw;
    color: #222222;
    -webkit-transition: all .6s cubic-bezier(.54, .07, .38, .93);
    transition: all .6s cubic-bezier(.54, .07, .38, .93);
}

.index_news_item_link a:hover {
    color: #ffc300;
}

.index_news_item_text {
    font-size: 0.78125vw;
    line-height: 1.458333vw;
    margin-top: 1.5625vw;
    color: #999999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.index_news_swiper .swiper-wrapper {
    -webkit-transition: all .8s cubic-bezier(.54, .07, .38, .93);
    transition: all .8s cubic-bezier(.54, .07, .38, .93);
}

.index_news_item_box {
    height: 100%;
}

.index_news_item_read {
    width: 59.232175%;
    padding: 0 5.208333vw;
    -webkit-align-content: space-between;
    align-content: space-between;
}

.index_news_item_photo {
    width: 40.767825%;
}

.index_news_item_img {
    background: #ffc300;
}

.index_news_item_img a {
    display: block;
    padding-bottom: 100%;
}

.index_news_item_img a img {
    -webkit-transition: all .6s cubic-bezier(.54, .07, .38, .93);
    transition: all .6s cubic-bezier(.54, .07, .38, .93);
}

.index_news_item_img a:hover img {
    -webkit-transform: scale(.96);
    transform: scale(.96);
}

.index_news_content {
    margin-top: 4.42708333vw;
}

.index_news_item_icon {
    width: 0.98958333vw;
    height: 1.5625vw;
    -webkit-align-items: center;
    align-items: center;
}

.index_news_item_icon svg {
    fill: #001732;
}

.index_news_item_button a {
    position: relative;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transition: all .6s cubic-bezier(.54, .07, .38, .93);
    transition: all .6s cubic-bezier(.54, .07, .38, .93);
}

.index_news_item_btn {
    padding: 0 0.8333vw;
    font-size: 0.83333vw;
    color: #001732;
    -webkit-transition: all .6s cubic-bezier(.54, .07, .38, .93);
    transition: all .6s cubic-bezier(.54, .07, .38, .93);
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.index_news_item_prev svg {
    -webkit-transition: all .6s cubic-bezier(.54, .07, .38, .93);
    transition: all .6s cubic-bezier(.54, .07, .38, .93);
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.index_news_item_next svg {
    -webkit-transform: translateX(-0.5208333vw);
    transform: translateX(-0.5208333vw);
    opacity: 0;
    -webkit-transition: all .6s cubic-bezier(.54, .07, .38, .93);
    transition: all .6s cubic-bezier(.54, .07, .38, .93);
}

.index_news_item_button a:hover {
    -webkit-transform: translateX(-0.98958333vw);
    transform: translateX(-0.98958333vw);
    -webkit-transition: all .6s cubic-bezier(.54, .07, .38, .93);
    transition: all .6s cubic-bezier(.54, .07, .38, .93);
}

.index_news_item_button a:hover .index_news_item_btn {
    padding: 0 0.8333vw 0 0;
    color: #ffc300;
    -webkit-transition: all .6s cubic-bezier(.54, .07, .38, .93);
    transition: all .6s cubic-bezier(.54, .07, .38, .93);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.index_news_item_button a:hover .index_news_item_prev svg {
    -webkit-transform: translateX(0.5208333vw);
    transform: translateX(0.5208333vw);
    opacity: 0;
    fill: #ffc300;
    -webkit-transition: all .6s cubic-bezier(.54, .07, .38, .93);
    transition: all .6s cubic-bezier(.54, .07, .38, .93);
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.index_news_item_button a:hover .index_news_item_next svg {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    fill: #ffc300;
    -webkit-transition: all .6s cubic-bezier(.54, .07, .38, .93);
    transition: all .6s cubic-bezier(.54, .07, .38, .93);
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.index_news_pagination_wrap {
    margin-top: 4.1666vw;
}

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

.index_news_pagination_line {
    width: 91.860465%;
    height: 0.1041666vw;
    background: #eaeaea;
    position: relative;
}

.index_news_pagination_after {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #ffc300;
}

.index_news_pagination_current .index_news_pagination_after {
    -webkit-transition: all 6s linear;
    transition: all 6s linear;
    width: 100%;
}


.index_news_pagination_button {
    width: 8.139535%;
    padding-left: 1.1458333vw;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.index_news_pagination_btn {
    width: 2.5vw;
    height: 2.5vw;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    box-sizing: border-box;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid rgba(175, 175, 175, 1);
    outline: none;
    cursor: pointer;
    pointer-events: auto;
    -webkit-transition: all .6s cubic-bezier(.54, .07, .38, .93);
    transition: all .6s cubic-bezier(.54, .07, .38, .93);
}

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

.index_news_pagination_btn svg {
    width: 0.98958333vw;
    fill: rgba(175, 175, 175, 1);
    -webkit-transition: all .6s cubic-bezier(.54, .07, .38, .93);
    transition: all .6s cubic-bezier(.54, .07, .38, .93);
}

.index_news_pagination_btn:hover {
    background: rgba(255, 195, 0, 1);
    border: 1px solid rgba(255, 195, 0, 1);
}

.index_news_pagination_btn:hover svg {
    fill: #182d45;
}

.index_partner_wrap {
    background: #f5f5f5;
    position: relative;
    overflow: hidden;
}

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

.index_partner_back {
    padding-bottom: 33.75%;
}

.index_partner_box {
    padding: 7.291666vw 0 5.7291666vw 0;
}

.index_partner_big {
    position: relative;
    z-index: 2;
}

.index_partner_content {
    margin-top: 3.6458333vw;
}

.index_partner_item {
    padding: 0.46875vw;
}

.index_partner_item a {
    display: block;
    background: #ffffff;
}

.index_partner_slide:nth-child(2n) .index_partner_item a {
    background: #fbfbfb;
}

.index_partner_img {
    padding-bottom: 49.2647058%;
}

.index_partner_img img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: .5;
    -webkit-transition: all .6s cubic-bezier(.54, .07, .38, .93);
    transition: all .6s cubic-bezier(.54, .07, .38, .93);
}

.index_partner_item a:hover .index_partner_img img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
}

.index_partner_swiper .swiper-wrapper {
    flex-direction: initial !important;
    overflow: hidden;
    -webkit-transition: transform .6s cubic-bezier(.54, .07, .38, .93);
    transition: transform .6s cubic-bezier(.54, .07, .38, .93);
}

.index_partner_button {
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 3.125vw;
}

.index_partner_btn.swiper-button-disabled {
    opacity: .4;
}

.index_partner_btn {
    width: 2.5vw;
    height: 2.5vw;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    box-sizing: border-box;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid rgba(175, 175, 175, 1);
    outline: none;
    cursor: pointer;
    margin: 0 0.5208333vw;
    -webkit-transition: all .6s cubic-bezier(.54, .07, .38, .93);
    transition: all .6s cubic-bezier(.54, .07, .38, .93);
}

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

.index_partner_btn svg {
    width: 0.98958333vw;
    fill: rgba(175, 175, 175, 1);
    -webkit-transition: all .6s cubic-bezier(.54, .07, .38, .93);
    transition: all .6s cubic-bezier(.54, .07, .38, .93);
}

.index_partner_btn:hover {
    background: rgba(255, 195, 0, 1);
    border: 1px solid rgba(255, 195, 0, 1);
}

.index_partner_btn:hover svg {
    fill: rgba(255, 255, 255, 1);
}

.index_partner_center {
    padding: 0 4.73958333vw;
}

.html_page:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 3.2291666vw;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    pointer-events: none;
    box-sizing: border-box;
    width: 9.583333vw;
    height: 9.583333vw;
    border-top: 3.2291666vw solid #ffc300;
    border-right: 3.2291666vw solid #ffc300;
    z-index: 90;
}

.footer_wrap {
    width: 100%;
}

.inner_page_animate {
    position: relative;
    top: -40%;
    left: 0;
    width: 100%;
    -webkit-transition: all cubic-bezier(.54, .07, .38, .93);
    transition: all cubic-bezier(.54, .07, .38, .93);
}

.footer_box {
    width: 100%;
    position: relative;
    background: #00112b;
}

/*.footer_box:after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    right: 0;*/
/*    top: -3.2291666vw;*/
/*    pointer-events: none;*/
/*    width: 9.63541666vw;*/
/*    height: 9.63541666vw;*/
/*    border-top: 3.2291666vw solid #ffc300;*/
/*    border-right: 3.2291666vw solid #ffc300;*/
/*}*/

.footer_content_box {
    position: relative;
    z-index: 9;
    opacity: 0;
}

.footer_message_wrap {
    width: 25.208333%;
    padding: 4.1666vw 0 2.291666vw 0;
}

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

.footer_logo_box {
    width: 8.958333vw;
}

.footer_logo_box svg {
    fill: #fff;
}

.footer_message_read {
    font-size: 1.25vw;
    line-height: 2.08333vw;
    margin-top: 4.42708333vw;
    color: #fff;
    font-weight: bold;
}

.footer_message_link {
    margin-top: 0.5208333vw;
}

.footer_message_link a {
    position: relative;
}

.footer_message_link a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background: #ffc300;
    pointer-events: none;
}

.footer_message_title {
    font-size: 0.9375vw;
    line-height: 2.8125vw;
    color: #ffc300;
    width: calc(100% - 0.98958333vw);
}

.footer_message_icon {
    width: 0.98958333vw;
}

.footer_message_icon svg {
    width: 100%;
    height: 100%;
    fill: #ffc300;
}

.footer_message_tel_box {
    -webkit-align-items: center;
    align-items: center;
    margin-top: 3.38541666vw;
}

.footer_message_tel_icon {
    width: 2.23958333vw;
}

.footer_message_tel_icon svg {
    fill: #ffc300;
}

.footer_message_tel_read {
    width: calc(100% - 2.23958333vw);
    padding-left: 0.625vw;
}

.footer_message_tel_cn {
    font-size: 0.83333vw;
    line-height: 1.3541666vw;
    color: #ffc300;
}

.footer_message_tel_num {
    width: 100%;
}

.footer_message_tel_num a {
    display: block;
    font-size: 1.3541666vw;
    line-height: 1.875vw;
    color: #ffc300;
}

.footer_nav_wrap {
    width: 74.791667%;
    position: relative;
    -webkit-align-content: space-between;
    align-content: space-between;
}

.footer_nav_wrap:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: rgba(255, 255, 255, .1);
}

.footer_nav_wrap a {
    position: relative;
    -webkit-transition: all .45s cubic-bezier(.4, .22, .21, 1.04);
    transition: all .45s cubic-bezier(.4, .22, .21, 1.04);
}

.footer_nav_wrap a:after {
    content: "";
    width: 0;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transition: all .45s cubic-bezier(.4, .22, .21, 1.04);
    transition: all .45s cubic-bezier(.4, .22, .21, 1.04);
}

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

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

.footer_nav_box {
    width: 100%;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    padding-right: 9.208333vw;
}

.footer_nav_title_box {
    font-size: 1.041666vw;
    line-height: 0.9375vw;
    margin-bottom: 1.5625vw;
    color: #fff;
}

.footer_nav_line_box {
    width: 1.041666vw;
    height: 0.1041666vw;
    background: #ffc300;
}

.footer_nav_list {
    padding-top: 4.16666vw;
}

.footer_nav_item {
    width: 10.46875vw;
    padding-left: 1.041666vw;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.footer_nav_ul {
    margin-top: 1.041666vw;

}

.footer_nav_li a {
    font-size: 0.8333vw;
    line-height: 2.08333vw;
    color: rgba(255, 255, 255, .3);
}

.footer_bq_box {
    width: 100%;
    position: relative;

}

.footer_bq_box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, .1);
    pointer-events: none;
}

.footer_bq_item_wrap {
    width: 50%;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    padding: 0.911458333vw 0;
}

.footer_bq_item_wrap:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    background: rgba(255, 255, 255, .1);
    pointer-events: none;
    height: 100%;
}

.footer_bq_item_text,
.footer_bq_item_text a {
    font-size: 0.78125vw;
    line-height: 2.08333vw;
    color: rgba(255, 255, 255, .2);
}

.footer_bq_item_text {
    margin-right: 0.83333vw;
}

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

.footer_bq_item_support,
.footer_bq_item_support a {
    color: rgba(255, 255, 255, .1);
}

.page_banner_box {
    position: relative;
}

.page_banner_img {
    padding-bottom: 41.6666%;
}

.page_banner_read {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9;
    width: 100%;
    padding: 0 5.208333vw;
}

.page_banner_title {
    color: #ffffff;
    font-size: 2.6041666vw;
    line-height: 3.4375vw;
    letter-spacing: 0.26041666vw;
    font-weight: bold;
    text-align: center;
}

.page_banner_text {
    color: #ffffff;
    font-size: 1.1458333vw;
    line-height: 2.08333vw;
    margin-top: 0.5208333vw;
    text-align: center;
    -webkit-transition-delay: .05s !important;
    transition-delay: .05s !important;
}

.page_banner_nav_wrap {
    height: 4.4791666vw;
}

.pro_read_wrap .page_banner_nav_wrap {
    background: #f0f0f0;
}

.page_banner_nav_box {
    padding: 0 9.63541666vw;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
}

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

.page_banner_nav_item {
    margin-right: 3.125vw;
    position: relative;
}

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

.page_banner_nav_item:after {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    height: 0.15625vw;
    width: 0;
    background: #002258;
    z-index: 9;
}

.page_banner_nav_current:after {
    width: 100%;
}

.page_banner_nav_item a {
    font-size: 0.9375vw;
    line-height: 4.4791666vw;
    color: #333333;
}

.page_banner_nav_current a {
    font-weight: bold;
    color: #002258;
}

.page_banner_address_tips {
    font-size: 0.78125vw;
    line-height: 4.4791666vw;
    color: #888888;
}

.page_banner_address_text {
    position: relative;
    margin-right: 2.083333vw;
}

.page_banner_address_text:after {
    content: "";
    position: absolute;
    right: -1.041666vw;
    top: 50%;
    transform: translateY(-50%);
    border-bottom: 0.26041666vw solid transparent;
    border-top: 0.26041666vw solid transparent;
    border-left: 0.3125vw solid #888888;
}

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

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

.page_banner_address_text a {
    font-size: 0.78125vw;
    line-height: 4.4791666vw;
    color: #888888;
    -webkit-transition: all .6s cubic-bezier(.54, .07, .38, .93);
    transition: all .6s cubic-bezier(.54, .07, .38, .93);
}

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

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

.about_content_photo {
    width: 50%;
}

.about_content_read {
    width: 50%;
    padding-top: 7.291666vw;
    position: relative;
}

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

.about_content_center {
    width: 100%;
    padding: 0 9.63541666vw 0 7.291666vw;
    position: relative;
    z-index: 2;
}

.about_content_img {
    padding-bottom: 106.93069%;
}

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

.about_content_wrap {
    position: relative;
}

.about_content_btn {
    position: absolute;
    left: 50%;
    top: 16.3541666vw;
    -webkit-transform: translateX(-50%) scale(.6);
    transform: translateX(-50%) scale(.6);
    opacity: 0;
    pointer-events: none;
    width: 3.125vw;
    height: 3.125vw;
    z-index: 10;
    cursor: pointer;
}

.about_content_foot {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    padding: 0 9.63541666vw;

}

.about_content_list {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, 0));
    padding: 4.16666vw 0 4.16666vw 6.7708333vw;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-transform: translateX(150%);
    transform: translateX(50%);
    opacity: 0;
    pointer-events: none;
}

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

.about_content_item_number {
    font-size: 4.4791666vw;
    line-height: 4.2708333vw;
    color: #ffc300;
}

.about_content_item_year {
    font-size: 0.9375vw;
    line-height: 2.08333vw;
    margin-left: 0.5208333vw;
    font-weight: bold;
    color: #ffc300;
}

.about_content_item_text {
    font-size: 0.88541666vw;
    line-height: 1.5625vw;
    margin-top: 0.5208333vw;
    color: #333333;
}

.about_vision_box {
    position: relative;
    padding-bottom: 46.3541666%;
}

.about_vision_head {
    position: absolute;
    left: 0;
    top: 7.291666vw;
    z-index: 9;
    width: 100%;
    padding: 0 9.63541666vw;
}

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

.about_vision_content {
    height: 100%;
    position: relative;
}

.about_vision_read {
    position: absolute;
    left: 0;
    top: 15.625vw;
    z-index: 9;
    width: 100%;
    padding: 0 9.63541666vw;
}

.about_vision_img {
    height: 100%;
}

.about_vision_head .index_about_title_text {
    color: #fff;
}

.about_vision_head .index_about_title_en {
    color: rgba(255, 255, 255, .2);
}

.about_vision_title {
    font-size: 1.5625vw;
    line-height: 2.1875vw;
    color: #fff;
}

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

.about_vision_pagination {
    position: absolute;
    left: 0;
    top: 58%;
    z-index: 9;
    padding: 0 9.63541666vw;
    pointer-events: none;
}

.about_vision_pagination .swiper-pagination-bullet {
    outline: none;
    cursor: pointer;
    opacity: 1;
    width: 0.7291666vw;
    height: 0.7291666vw;
    margin: 0 0.5208333vw 0 0 !important;
    background: #002258;
    pointer-events: auto;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.about_vision_pagination .swiper-pagination-bullet-active {
    background: #ffc300;
}

.about_vision_list_wrap {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 55.7291666%;
    z-index: 10;
}

.about_vision_list_wrap:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 25, 62, .85);
    z-index: 1;
}

.about_vision_list_after {
    position: absolute;
    left: 0;
    top: 0;
    width: 25%;
    height: 100%;
    background: #ffc300;
    z-index: 2;
    -webkit-transition: all .6s cubic-bezier(.54, .07, .38, .93);
    transition: all .6s cubic-bezier(.54, .07, .38, .93);
}

.about_vision_item_box {
    width: 25%;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 3.90625vw 0;
    position: relative;
    z-index: 9;
    cursor: pointer;
    outline: none;
    pointer-events: auto;
}

.about_vision_item_box:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: rgba(255, 255, 255, .16);
}

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

.about_vision_item_icon {
    font-size: 2.55208333vw;
    color: #fff;
    text-align: center;
}

.about_vision_item_text {
    color: #fff;
    font-size: 0.9375vw;
    line-height: 1.5625vw;
    margin-top: 0.625vw;
    font-weight: bold;
    text-align: center;
}

.about_value_box {
    padding: 0 9.63541666vw;
}

.about_value_big {
    position: relative;
}

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

.about_value_slide {
    background: #fff;
}

.about_value_content {
    width: 46.451612%;
    padding-right: 6.51041666vw;
    -webkit-align-items: center;
    align-items: center;
}

.about_value_photo {
    width: 53.548388%;
}

.about_value_read {
    width: 100%;
}

.about_value_title {
    font-size: 1.7708333vw;
    line-height: 2.5vw;
    margin-bottom: 1.30208333vw;
    color: #222222;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2.083333vw);
    transform: translateY(2.083333vw);

}

.about_value_line {
    height: 0.1041666vw;
    width: 100%;
    background: #ffc300;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2.083333vw);
    transform: translateY(2.083333vw);
}

.about_value_text {
    font-size: 1.041666vw;
    line-height: 2.08333vw;
    margin-top: 1.30208333vw;
    color: #666666;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2.083333vw);
    transform: translateY(2.083333vw);
}

.about_value_swiper .swiper-slide-active .about_value_title {
    transform: none;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: all .8s cubic-bezier(.165, .84, .44, 1);
    transition: all .8s cubic-bezier(.165, .84, .44, 1);
}

.about_value_swiper .swiper-slide-active .about_value_line {
    transform: none;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: all .8s cubic-bezier(.165, .84, .44, 1);
    transition: all .8s cubic-bezier(.165, .84, .44, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.about_value_swiper .swiper-slide-active .about_value_text {
    transform: none;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: all .8s cubic-bezier(.165, .84, .44, 1);
    transition: all .8s cubic-bezier(.165, .84, .44, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.about_value_img {
    padding-bottom: 65.66265%;
}

.about_value_wrap {
    padding: 7.8125vw 0 8.8541666vw 0;
}

.about_value_page_box {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.about_value_page_text {
    width: 3.2vw;
    font-size: 2.5vw;
    line-height: 2.5vw;
    color: #999999;
    font-style: italic;
    margin-right: 1.5625vw;
    position: relative;
    cursor: pointer;
    outline: none;
    -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88);
    transition: all .8s cubic-bezier(.78, .11, .16, .88);
}

.about_value_page_hover {
    color: #052145;
}

.about_value_page_text:after {
    content: "";
    position: absolute;
    bottom: 0.5208333vw;
    transform: rotate(23deg);
    right: -1.041666vw;
    width: 0.1041666vw;
    height: 1.041666vw;
    background: #999999;
}

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

.about_value_page_center {
    padding: 0 0.5208333vw;
}

.about_value_page_max {
    font-size: 7.8125vw;
    line-height: 7.8125vw;;
    font-style: italic;
    position: absolute;
    z-index: 9;
    left: 40%;
    bottom: -3vw;
    color: rgba(220, 220, 220, .0);
    -webkit-text-stroke: 1px #ffc300;
}

.BMap_Marker .wap_list {
    opacity: 0;
}

.BMap_noprint .wap_list {
    opacity: 1;
}

.pro_head_wrap {
    padding: 0 9.63541666vw;
}

.pro_head_box {
    padding: 5.98958333vw 0;
    -webkit-align-items: center;
    align-items: center;
}

.pro_head_title {
    width: 27.08333%;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

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

.pro_head_read {
    width: 72.91667%;
}

.pro_head_tips {
    font-size: 1.25vw;
    line-height: 2.08333vw;
    font-weight: bold;
    color: #ffc300;
}


.pro_head_text {
    font-size: 0.9375vw;
    line-height: 1.5625vw;
    color: #222222;
}

.pro_banner_img {
    padding-bottom: 30.25%;
}

.pro_content_wrap {
    padding: 6.7708333vw 0;
    background: #f5f5f5;
}

.pro_content_box {
    padding: 0 9.63541666vw;
}

.index_pro_ul {
    padding-top: 3.125vw;
}

.index_pro_li {
    width: 49.032258%;
    margin-right: 1.935484%;
    position: relative;
}

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


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

.index_pro_img {
    padding-bottom: 66.1842105%;
}

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

.index_pro_read {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 68.68421%;
    background: #ffffff;
    padding: 1.66666vw 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_pro_big {
    padding: 0 2.08333vw;
}

.index_pro_tips {
    font-size: 1.25vw;
    line-height: 1.5625vw;
    margin-bottom: 0.5208333vw;
    font-weight: bold;
    color: #222222;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_pro_text {
    font-size: 0.8333vw;
    line-height: 1.3541666vw;
    color: #666666;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_pro_li a:hover .index_pro_img img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.index_pro_li a:hover .index_pro_read {
    background: #ffc300;
}

.index_pro_li a:hover .index_pro_tips {
    color: #fff;
}

.index_pro_li a:hover .index_pro_text {
    color: #fff;
}

.pro_tab_img {
    padding-bottom: 41.6666%;
}

.pro_tab_box {
    position: relative;
}

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

.pro_tab_item_box {
    width: 33.33333%;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    cursor: pointer;
    outline: none;
    pointer-events: auto;
}

.pro_tab_item_box:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: rgba(255, 255, 255, .2);
}

.pro_tab_item_box:nth-child(3n):after {
    display: none;
}

.pro_tab_item_icon {
    font-size: 4.84375vw;
    line-height: 5.208333vw;
    text-align: center;
    color: #fff;
}

.pro_tab_item_head {
    margin-top: 3.38541666vw;
}

.pro_tab_item_cn {
    font-size: 1.875vw;
    line-height: 2.08333vw;
    text-align: center;
    color: #fff;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.pro_tab_item_en {
    font-size: 0.9375vw;
    line-height: 1.1458333vw;
    margin-top: 1.041666vw;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
}

.pro_tab_item_number {
    font-size: 3.6458333vw;
    line-height: 3.6458333vw;
    margin-top: 10.41666vw;
    text-transform: uppercase;
    text-align: center;
    color: rgba(255, 255, 255, .0);
    -webkit-text-stroke: 1px #fff;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.pro_tab_item_read {
    width: 100%;
}

.pro_tab_item_current .pro_tab_item_cn {
    color: #ffc300;
}

.pro_tab_item_current .pro_tab_item_number {
    -webkit-text-stroke: 1px #ffc300;
}

.pro_photo_box {
    padding: 0 0.26041666vw;
}

.pro_photo_item_box {
    width: 20%;
    padding: 0 0.36458333vw;
    position: relative;
}

.pro_photo_item_img {
    padding-bottom: 181.79347%;
}

.pro_photo_wrap {
    padding: 1.041666vw 0;
}

.pro_photo_item_read {
    position: absolute;
    bottom: 5.625vw;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 9;
}

.pro_photo_item_cn {
    font-size: 1.25vw;
    line-height: 1.7708333vw;
    margin-bottom: 0.625vw;
    font-weight: bold;
    color: #fff;
}

.pro_photo_item_en {
    text-transform: uppercase;
    color: #fff;
    font-size: 0.8333vw;
    line-height: 1.1458333vw;
}

.quality_content_wrap {
    position: relative;
    overflow: hidden;
    padding: 0 9.63541666vw;
}

.quality_content_box {
    position: relative;
    z-index: 9;
    width: 100%;
    padding: 7.1875vw 0 9.1666vw 0;
}

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

.quality_content_back:after {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    height: 100%;
    background-image: linear-gradient(to top, rgba(255, 195, 0, 0), rgba(255, 195, 0, 1));
    -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88);
    transition: all .8s cubic-bezier(.78, .11, .16, .88);
}

.quality_content_photo {
    width: 52.516129%;
    position: relative;
}

.quality_content_animate {
    padding-bottom: 72.358722%;
    width: 100%;
    position: relative;
    left: 0;
    top: 0;
    overflow: hidden;
}

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

    overflow: hidden;
    -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88);
    transition: all .8s cubic-bezier(.78, .11, .16, .88);
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}

.quality_content_images {
    padding-bottom: 72.358722%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;

}

/*.AddQualityWrap .quality_content_back:after {*/
/*    width: 34.375%;*/
/*}*/

.AddQualityWrap .quality_content_img {
    height: 100%;
}

.quality_content_big {
    width: 47.483871%;
    padding-left: 6.875vw;
}

.quality_content_head .index_about_title_box {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2.083333vw);
    transform: translateY(2.083333vw);
}

.quality_content_head .index_about_title_en {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2.083333vw);
    transform: translateY(2.083333vw);
}

.AddQualityBig .index_about_title_box {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88);
    transition: all .8s cubic-bezier(.78, .11, .16, .88);
    -webkit-transition-delay: .7s;
    transition-delay: .7s;
}

.AddQualityBig .index_about_title_en {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88);
    transition: all .8s cubic-bezier(.78, .11, .16, .88);
    -webkit-transition-delay: .75s;
    transition-delay: .75s;
}

.AddQualityBig .quality_content_tit {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88);
    transition: all .8s cubic-bezier(.78, .11, .16, .88);
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
}

.AddQualityBig .quality_content_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88);
    transition: all .8s cubic-bezier(.78, .11, .16, .88);
    -webkit-transition-delay: .85s;
    transition-delay: .85s;
}

.AddQualityBig .quality_content_item_box {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88);
    transition: all .8s cubic-bezier(.78, .11, .16, .88);
    -webkit-transition-delay: .9s;
    transition-delay: .9s;
}


.quality_content_tit {
    font-size: 2.08333vw;
    line-height: 2.44791vw;
    color: #222222;
    font-weight: bold;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2.083333vw);
    transform: translateY(2.083333vw);
}

.quality_content_text {
    font-size: 1.5625vw;
    line-height: 1.71875vw;
    color: #111111;
    margin-top: 1.1458333vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2.083333vw);
    transform: translateY(2.083333vw);
}

.quality_content_ul {
    margin-top: 2.5vw;
    width: 100%;
}

.quality_content_item_box {
    width: 50%;
    margin-top: 1.25vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2.083333vw);
    transform: translateY(2.083333vw);
}

.quality_content_item_box:nth-child(2n) {

    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.quality_content_item_box:nth-child(2n) .quality_content_item_read {
    width: 65.562913%;
}

.quality_content_item_tit {
    font-size: 3.125vw;
    line-height: 3.125vw;
    color: #ffc300;
}

.quality_content_item_text {
    font-size: 0.9375vw;
    line-height: 1.7708333vw;
    color: #333333;
}

.quality_content_head {
    width: 100%;
}

.quality_content_center {
    width: 100%;
}

.quality_content_read {
    height: 100%;
    -webkit-align-content: space-between;
    align-content: space-between;
}

.quality_banner_wrap {
    position: relative;
}

.quality_banner_back {
    padding-bottom: 56.25%;
}

.quality_banner_box {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9;
    text-align: center;
}

.quality_banner_icon {
    color: #fff;
    font-size: 3.90625vw;
}

.quality_banner_title {
    font-size: 2.6041666vw;
    line-height: 3.2291666vw;
    margin-top: 2.34375vw;
    letter-spacing: 0.3125vw;
    color: #fff;
}

.quality_banner_text {
    font-size: 2.08333vw;
    line-height: 2.6041666vw;
    margin-top: 1.25vw;
    letter-spacing: 0.625vw;
    font-family: "Microsoft YaHei UI Light", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
    color: #fff;
}

.quality_certificate_head .index_about_title_text {
    margin: 0 auto;
}

.quality_certificate_head .index_about_title_en {
    text-align: center;
}

.quality_certificate_back {
    padding-bottom: 45.88541666%;
}

.quality_certificate_wrap {
    position: relative;
}

.quality_certificate_box {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9;
}

.quality_certificate_item {
    padding: 0 1.61458333vw;

}

.quality_certificate_img {
    padding-bottom: 99.11764%;
    background: #fff;
}

.quality_certificate_tab {
    padding: 0 8.07291666vw;
    margin-top: 3.38541666vw;
}

.quality_certificate_title {
    font-size: 0.8333vw;
    line-height: 3.80208333vw;
    text-align: center;
    color: #666666;
    background: #fff;
    position: relative;
}

.quality_certificate_title:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: #e9e9e9;
}

.support_content_wrap {
    position: relative;
    overflow: hidden;
    padding: 0 9.63541666vw;
}

.support_content_box {
    padding: 7.291666vw 0 8.07291666vw 0;
}

.support_content_back {
    position: absolute;
    right: -6.7708333vw;
    top: 3.38541666vw;
    width: 78.75%;
    pointer-events: none;
}

.support_content_head {
    -webkit-align-items: center;
    align-items: center;
    margin-top: 4.1666vw;
}

.support_content_line {
    width: 2.6041666vw;
    height: 0.1041666vw;
    background: #333;
}

.support_content_tips {
    font-size: 1.1458333vw;
    line-height: 1.7708333vw;
    padding-left: 1.041666vw;
    width: calc(100% - 2.6041666vw);
    color: #333333;
}

.support_content_title {
    color: #222222;
    font-size: 2.08333vw;
    line-height: 2.6041666vw;
    margin-top: 1.041666vw;
}

.support_content_bold {
    font-size: 2.08333vw;
    line-height: 2.6041666vw;
    margin-top: 0.5208333vw;
    font-weight: bold;
    color: #ffc300;
}

.support_content_tab {
    margin-top: 7.03125vw;
}

.support_content_item {
    width: 31.935483%;
    margin-right: 2.0967755%;
    position: relative;
}

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

.support_content_img {
    padding-bottom: 63.030303%;
}

.support_item_head {
    position: absolute;
    width: auto;
    right: 0;
    bottom: 0;
    z-index: 9;
    background: #fff;
}

.support_item_head {
    padding-left: 1.5625vw;
}

.support_item_title {
    font-size: 1.1458333vw;
    line-height: 3.6458333vw;
    color: #222222;
}

.support_item_tips {
    font-size: 1.7708333vw;
    line-height: 3.6458333vw;
    color: #ffc300;
}

.quality_certificate_btn {
    width: 2.5vw;
    height: 2.5vw;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    box-sizing: border-box;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid rgba(175, 175, 175, 1);
    outline: none;
    pointer-events: auto;
    cursor: pointer;
    -webkit-transition: all .6s cubic-bezier(.54, .07, .38, .93);
    transition: all .6s cubic-bezier(.54, .07, .38, .93);
}

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

.quality_certificate_btn svg {
    width: 0.98958333vw;
    fill: rgba(175, 175, 175, 1);
    -webkit-transition: all .6s cubic-bezier(.54, .07, .38, .93);
    transition: all .6s cubic-bezier(.54, .07, .38, .93);
}

.quality_certificate_number {
    width: 6.041666vw;
    -webkit-justify-content: center;
    justify-content: center;
    font-size: 1.041666vw;
    line-height: 1.6666vw;
    color: #888888;
}

.quality_certificate_text {
    text-align: center;
    width: 1.5625vw;
}

.quality_certificate_button {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 3.125vw;
}


.quality_certificate_btn:hover {
    background: rgba(255, 195, 0, 1);
    border: 1px solid rgba(255, 195, 0, 1);
}

.quality_certificate_btn:hover svg {
    fill: #182d45;
}

.quality_certificate_current {
    color: #333333;
}

.about_technology_content {
    width: 46.451612%;
    padding-right: 3.125vw;
    -webkit-align-items: center;
    align-items: center;
}

.quality_technology_title {
    font-size: 2.6041666vw;
    line-height: 3.2291666vw;
    color: #222222;
    font-weight: bold;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2.083333vw);
    transform: translateY(2.083333vw);
}

.quality_technology_text {
    margin-top: 0.78125vw;
    font-size: 1.3541666vw;
    line-height: 2.08333vw;
    color: #111111;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2.083333vw);
    transform: translateY(2.083333vw);
}

.quality_technology_read {
    width: 100%;
}


.about_value_swiper .swiper-slide-active .quality_technology_title {
    transform: none;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: all .8s cubic-bezier(.165, .84, .44, 1);
    transition: all .8s cubic-bezier(.165, .84, .44, 1);
}

.about_value_swiper .swiper-slide-active .quality_technology_text {
    transform: none;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: all .8s cubic-bezier(.165, .84, .44, 1);
    transition: all .8s cubic-bezier(.165, .84, .44, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.quality_technology_wrap {
    padding: 7.291666vw 0;
}

.index_about_text {
    font-size: 0.8375vw;
    line-height: 1.5625vw;
    margin-top: 1.30208333vw;
    color: #333333;
    text-align: center;
}

.quality_method_wrap {
    padding: 6.7708333vw 0 7.8125vw 0;
    position: relative;
}

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

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

.quality_method_slide {
    background: #f4f5f9;
}

.quality_method_img {
    padding-bottom: 65.587044%;
}


.quality_method_list {
    position: relative;
}

.quality_method_read {

    position: relative;
}

.quality_method_swiper {
    position: relative;
}

.quality_method_page_button {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9;
    pointer-events: none;
}

.quality_method_button:first-child {
    position: relative;
}

.quality_method_button {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.quality_method_btn {
    width: 2.5vw;
    height: 2.5vw;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    border: 1px solid #ccc;
    box-sizing: border-box;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    outline: none;
    cursor: pointer;
    pointer-events: auto;
    -webkit-transition: all .6s cubic-bezier(.54, .07, .38, .93);
    transition: all .6s cubic-bezier(.54, .07, .38, .93);
}

.quality_method_prev svg {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

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

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

.quality_method_next {

}

.quality_method_btn svg {
    width: 37.5%;
    fill: #aeaeae;
    -webkit-transition: all .6s cubic-bezier(.54, .07, .38, .93);
    transition: all .6s cubic-bezier(.54, .07, .38, .93);
}

.quality_method_btn:hover {
    border: 1px solid #ffc300;
    background: #ffc300;
}

.quality_method_btn:hover svg {
    fill: #182d45;
}

.quality_method_content {
    margin-top: 4.1666vw;
    position: relative;
}

.page_center {
    padding: 0 9.63541666vw;
}

.pro_list_head {
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.pro_list_head .index_about_title_text {
    padding: 0 1.6666vw;
}

.pro_list_head .index_about_title_en {
    text-align: center;
}

.pro_nav_item_box {
    padding: 0 1.71875vw;
}

.pro_nav_item_box:first-child {
    padding: 0 1.71875vw 0 0;
}

.pro_nav_item_box:last-child {
    padding: 0 0 0 1.71875vw;
}

.pro_nav_item_box a {
    font-size: 0.9375vw;
    line-height: 2.5vw;
    color: #666666;
    position: relative;
}

.pro_nav_item_box a:after {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    height: 0.1041666vw;
    width: 0;
    background: #ffc300;
}

.pro_nav_item_current {
    font-weight: bold;
    color: #222222;
}

.pro_nav_item_current a:after {
    width: 100%;
}

.product_item_box {
    width: 31.2903225%;
    margin: 0 3.06451625% 3.225806% 0;

}

.product_item_box:nth-child(3n) {
    margin: 0 0 3.225806% 0;
}

.product_item_img a {
    display: block;
    padding-bottom: 61.85567%;
}

.product_item_img a img {
    -webkit-transition: all .6s cubic-bezier(.54, .07, .38, .93);
    transition: all .6s cubic-bezier(.54, .07, .38, .93);
}

.product_item_title {
    text-align: center;
    padding: 0.5208333vw 0;
}

.product_item_title a {
    font-size: 1.1458333vw;
    line-height: 1.6666vw;
    font-weight: bold;
    max-width: 100%;
    color: #222222;
}

.product_item_text {
    font-size: 0.8333vw;
    line-height: 1.458333vw;
    text-align: center;
    color: #888888;
}

.product_item_btn {
    text-align: center;
    padding: 1.6666vw 0 0 0;
}

.product_item_btn a {
    width: 2.5vw;
    height: 2.5vw;
    margin: 0 auto;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    box-sizing: border-box;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid rgba(175, 175, 175, 1);
    outline: none;
    cursor: pointer;
    -webkit-transition: all .6s cubic-bezier(.54, .07, .38, .93);
    transition: all .6s cubic-bezier(.54, .07, .38, .93);
}

.product_item_btn a svg {
    width: 20.8333%;
    fill: rgba(175, 175, 175, 1);
    -webkit-transition: all .6s cubic-bezier(.54, .07, .38, .93);
    transition: all .6s cubic-bezier(.54, .07, .38, .93);
}

.product_item_box:hover .product_item_img a img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.product_item_box:hover .product_item_btn a {
    border: 1px solid #ffc300;
    background: #ffc300;
}

.product_item_box:hover .product_item_btn a svg {
    fill: #fff;
}

.product_item_head {
    padding: 1.9791666vw 0;
    box-sizing: border-box;
    border: 1px solid #e2e2e2;
    border-top: none;
    background: #fff;
}

.page_pagination_box {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 2.08333vw;
    position: relative;
    z-index: 9;
}

.page_pagination_box a {
    line-height: 2.291666vw;
    font-size: 0.78125vw;
    color: #999999;
    position: relative;
    width: 2.291666vw;
    margin: 0 0.26041666vw;
    text-align: center;
    -webkit-transition: all .6s cubic-bezier(.54, .07, .38, .93);
    transition: all .6s cubic-bezier(.54, .07, .38, .93);
}

.page_pagination_box a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 1px solid #dedede;
    background: #fff;
    -webkit-border-radius: 1.1458333vw;
    border-radius: 1.1458333vw;
    z-index: -1;
    -webkit-transition: all .6s cubic-bezier(.54, .07, .38, .93);
    transition: all .6s cubic-bezier(.54, .07, .38, .93);
}

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

.page_pagination_box a:hover:after {
    border: 1px solid #ffc300;
    background: #ffc300;
}

.page_pagination_next,
.page_pagination_prev {
    width: auto !important;
    padding: 0 1.041666vw !important;
    margin: 0 0.5208333vw !important;
}

.page_pagination_current {
    color: #fff !important;
}

.page_pagination_current:after {
    border: 1px solid #ffc300 !important;
    background: #ffc300 !important;
}

.pro_list_box {
    margin-top: 2.86458333vw;
}

.pro_list_content {
    padding: 5.208333vw 0;
    background: #f5f5f5;
}

.pro_read_wrap {
    padding-top: 5.208333vw;

}

.pro_details_photo {
    width: 48.193548%;
}

.pro_details_content {
    width: 51.806452%;
    padding-left: 3.333333vw;
    -webkit-align-content: space-between;
    align-content: space-between;
}

.pro_details_head {
    width: 100%;
}

.pro_details_bottom {
    width: 100%;
    margin-top: 2.08333vw;
}

.pro_details_tab_img {
    padding-bottom: 64.257028%;
}

.pro_details_item_img {
    padding-bottom: 67.669172%;
    position: relative;
}

.pro_details_item_img:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0.15625vw;
    background: #ffc300;
}

.pro_details_item_swiper .active .pro_details_item_img:after {
    width: 100%;
}

.pro_details_item_swiper {
    margin-top: 1.041666vw;
}

.pro_details_tips {
    font-size: 0.9375vw;
    line-height: 1.041666vw;
    color: #ffc300;
    font-weight: bold;
}

.pro_details_read {
    margin-top: 2.8125vw;
}

.pro_details_title {
    font-size: 2.1875vw;
    line-height: 2.1875vw;
    color: #222222;
    font-weight: bold;
    margin-top: 1.09375vw;
    margin-bottom: 2.8125vw;
}

.pro_details_line {
    height: 1px;
    width: 100%;
    background: #dddddd;
}

.pro_details_item_title {
    font-size: 0.8333vw;
    line-height: 2.08333vw;
    font-weight: bold;
    color: #333333;
}

.pro_details_item_text {
    font-size: 0.8333vw;
    line-height: 2.08333vw;
    color: #666666;
}

.pro_read_big {
    padding: 5.208333vw 0 4.6875vw 0;
    background: #f6f6f6;
}

.pro_details_button {
    margin-right: 1.5625vw;
}

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

.pro_details_button a {
    width: 8.6458333vw;
    background: #ffc300;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-border-radius: 1.30208333vw;
    border-radius: 1.30208333vw;
}

.pro_details_btn_text {
    font-size: 0.8333vw;
    line-height: 2.6041666vw;
    color: #fff;
    -webkit-transform: translateX(0.67708333vw);
    transform: translateX(0.67708333vw);
    -webkit-transition: all .6s cubic-bezier(.54, .07, .38, .93);
    transition: all .6s cubic-bezier(.54, .07, .38, .93);
}

.pro_details_btn_icon {
    width: 1.041666vw;
    margin-left: 0.3125vw;
    line-height: 2.6041666vw;
    -webkit-justify-content: center;
    justify-content: center;
    opacity: 0;
    -webkit-transform: translateX(-0.67708333vw);
    transform: translateX(-0.67708333vw);
    -webkit-transition: all .6s cubic-bezier(.54, .07, .38, .93);
    transition: all .6s cubic-bezier(.54, .07, .38, .93);
}

.pro_details_btn_icon:before {
    font-size: 0.9375vw;
    color: #fff;
}

.pro_details_button a:hover .pro_details_btn_text {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.pro_details_button a:hover .pro_details_btn_icon {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.pro_read_item_box a {
    font-size: 0.9375vw;
    line-height: 4.84375vw;
    margin-right: 3.38541666vw;
    color: #666666;
    position: relative;
}

.pro_read_item_box a:after {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    height: 0.15625vw;
    width: 0;
    background: #ffc300;
}

.pro_read_item_box:last-child a {
    margin-right: 0;
}

.pro_read_nav_wrap {
    position: relative;
}

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

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

.pro_read_item_current a {
    font-weight: bold;
    color: #ffc300;
}

.pro_read_item_current a:after {
    width: 100%;
}

.product_details_head {
    font-size: 1.5625vw;
    line-height: 1.6666vw;
    padding-left: 1.25vw;
    font-weight: bold;
    color: #222222;
    position: relative;
}

.product_details_head:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0.26041666vw;
    height: 100%;
    background: #ffc300;
}

.product_details_content {
    padding: 5.208333vw 0;
}

.product_details_read {
    font-size: 0.9375vw;
    line-height: 2.08333vw;
    margin-top: 2.08333vw;
    color: #222222;
}

.product_details_read img {
    padding: 1.041666vw 0;
    width: auto;
    max-width: 100%;
}

.product_details_box:nth-child(2n) {
    background: #f6f6f6;
}

.product_related_head .index_about_title_text:after {
    display: none;
}


.product_related_head .index_about_title_en {
    color: #ffc300;
}

.product_related_wrap {
    padding: 4.6875vw 0 7.8125vw 0;
}

.page_banner_line {
    width: 3.6458333vw;
    height: 0.26041666vw;
    background: #fff;
    margin: 1.82291666vw auto;
}

.technology_platform_content {
    margin-top: 2.34375vw;
}

.technology_platform_line {
    width: 100%;
    height: 1px;
    background: #ececec;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2.083333vw);
    transform: translateY(2.083333vw);
}

.technology_platform_title {
    font-size: 1.7708333vw;
    line-height: 1.9791666vw;
    margin-top: 2.34375vw;
    color: #222222;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2.083333vw);
    transform: translateY(2.083333vw);
}

.technology_platform_text {
    font-size: 0.8333vw;
    line-height: 1.5625vw;
    margin-top: 1.041666vw;
    color: #666666;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2.083333vw);
    transform: translateY(2.083333vw);
}

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

.technology_platform_list {
    margin-top: 4.1666vw;
    width: 100%;
    justify-content: space-between;
}

.technology_platform_item_num {
    font-size: 3.6458333vw;
    color: #ffb400;
    text-align: center;
}

.technology_platform_item_text {
    font-size: 0.8333vw;
    line-height: 1.3541666vw;
    margin-top: 0.7291666vw;
    color: #333333;
    text-align: center;
}

.technology_box {
    position: relative;
}

.technology_platform_back {
    height: 47.916666vw;
}

.technology_platform_box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    align-items: center;
}

.technology_platform_read {
    width: 51.1458333%;
    padding: 0 5.7291666vw 0 9.63541666vw;
}

.technology_platform_read .index_about_title_box {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2.083333vw);
    transform: translateY(2.083333vw);
}

.technology_platform_read .index_about_title_en {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2.083333vw);
    transform: translateY(2.083333vw);
}

.platform_item_content .index_about_title_box {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2.083333vw);
    transform: translateY(2.083333vw);
}

.platform_item_content .index_about_title_en {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2.083333vw);
    transform: translateY(2.083333vw);
}

.platform_item_content .platform_item_text {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2.083333vw);
    transform: translateY(2.083333vw);
}

.technology_platform_photo {
    width: 48.8541667%;
    height: 100%;
    align-items: center;
    position: relative;
}

.technology_platform_photo:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 0;
    background: #f7f7f7;
    -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88);
    transition: all .8s cubic-bezier(.78, .11, .16, .88);
}

.technology_platform_img {
    width: 100%;
    padding-bottom: 66.7377398%;
    z-index: 2;
    position: relative;
}

.technology_platform_animate {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    overflow: hidden;
    -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88);
    transition: all .8s cubic-bezier(.78, .11, .16, .88);
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}

.technology_platform_images {
    width: 100%;
    padding-bottom: 66.7377398%;
}

.AddTechnologyBox:after {
    width: 81.343283%;
}

.AddTechnologyBox .technology_platform_animate {
    height: 100%;
}

.AddTechnologyPlatformRead .index_about_title_box {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88);
    transition: all .8s cubic-bezier(.78, .11, .16, .88);
    -webkit-transition-delay: .7s;
    transition-delay: .7s;
}

.AddTechnologyPlatformRead .index_about_title_en {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88);
    transition: all .8s cubic-bezier(.78, .11, .16, .88);
    -webkit-transition-delay: .75s;
    transition-delay: .75s;
}

.AddTechnologyPlatformRead .technology_platform_line {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88);
    transition: all .8s cubic-bezier(.78, .11, .16, .88);
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
}

.AddTechnologyPlatformRead .technology_platform_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88);
    transition: all .8s cubic-bezier(.78, .11, .16, .88);
    -webkit-transition-delay: .85s;
    transition-delay: .85s;
}

.AddTechnologyPlatformRead .technology_platform_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88);
    transition: all .8s cubic-bezier(.78, .11, .16, .88);
    -webkit-transition-delay: .9s;
    transition-delay: .9s;
}

.AddTechnologyPlatformRead .technology_platform_item_box {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88);
    transition: all .8s cubic-bezier(.78, .11, .16, .88);
    -webkit-transition-delay: .95s;
    transition-delay: .95s;
}

.platform_list_box {
    position: relative;
}

.platform_item_box {
    -webkit-align-items: center;
    align-items: center;
    position: relative;
}

/*.platform_item_box:after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background: #fff;*/
/*    -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88);*/
/*    transition: all .8s cubic-bezier(.78, .11, .16, .88);*/
/*}*/

.platform_item_box:nth-child(2n+1) .platform_item_photo:after {
    right: 0;
}

.platform_item_box:nth-child(2n) .platform_item_photo:after {
    left: 0;
}

.AddPlatformItemBox .platform_item_photo:after {
    width: 0;
}

.AddPlatformItemBox .index_about_title_box {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88);
    transition: all .8s cubic-bezier(.78, .11, .16, .88);
    -webkit-transition-delay: .7s;
    transition-delay: .7s;
}

.AddPlatformItemBox .index_about_title_en {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88);
    transition: all .8s cubic-bezier(.78, .11, .16, .88);
    -webkit-transition-delay: .75s;
    transition-delay: .75s;
}

.AddPlatformItemBox .platform_item_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88);
    transition: all .8s cubic-bezier(.78, .11, .16, .88);
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
}

.platform_item_box:nth-child(2n+1) .platform_item_content {
    width: 39.73958334%;
    padding: 0 9.63541666vw 0 5.7291666vw;
}

.platform_item_box:nth-child(2n+1) .platform_item_photo {
    width: 60.26041666%;
}

.platform_item_box:nth-child(2n+1) .platform_item_img {
    height: 29.6875vw;
}

.platform_item_box:nth-child(2n) .platform_item_content {

    width: 60.26041666%;
    padding: 0 9.63541666vw 0 5.7291666vw;
}

.platform_item_box:nth-child(2n) .platform_item_photo {
    width: 39.73958334%;
}

.platform_item_box:nth-child(2n) .platform_item_img {
    height: 29.6875vw;
}

.platform_item_photo {
    position: relative;
}

.platform_item_photo:after {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: #fff;
    -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88);
    transition: all .8s cubic-bezier(.78, .11, .16, .88);
}

.platform_item_title {
    font-size: 1.7708333vw;
    line-height: 2.3958333vw;
    margin-bottom: 1.5625vw;
    color: #222222;
}

.platform_item_line {
    width: 2.13541666vw;
    height: 0.15625vw;
    background: #ffc300;
}

.platform_item_text {
    font-size: 0.8333vw;
    line-height: 1.5625vw;
    margin-top: 2.6041666vw;
    color: #666666;
}

.platform_icon_box {
    margin-top: 3.125vw;
}

.platform_icon_item {
    margin-right: 3.125vw;
}

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

.platform_icon_label {
    font-size: 1.875vw;
    line-height: 2.86458333vw;
    text-align: center;
    color: #333;
}

.platform_icon_text {
    font-size: 0.9375vw;
    line-height: 1.458333vw;
    margin-top: 0.5208333vw;
    text-align: center;
    color: #333333;
}

.technology_team_wrap {
    position: relative;
}

.technology_team_back {
    padding-bottom: 56.25%;
}

.technology_team_box {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    z-index: 9;
    padding: 0 9.63541666vw;
}

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

.technology_team_head .index_about_title_text {
    color: #fff;
    padding: 0 1.6666vw;
}

.technology_team_head .index_about_title_en {
    text-align: center;
    color: rgba(255, 255, 255, .2);
}

.technology_team_title {
    font-size: 3.125vw;
    font-weight: bold;
    text-align: center;
    color: #fff;
}

.technology_team_content {
    margin-top: 3.125vw;
}

.technology_team_text {
    margin-top: 0.78125vw;
    font-size: 2.34375vw;
    line-height: 3.125vw;
    text-align: center;
    color: #fff;
}

.technology_honor_slide {
    padding: 0 1.5625vw;


}

.technology_honor_swiper {
    padding: 1.041666vw 0;
    margin-top: 3.6458333vw;
    position: relative;
}

.technology_honor_swiper .swiper-slide-active .technology_honor_item {
    -webkit-transform: scale(1.11);
    transform: scale(1.11);
    opacity: 1;
}

.technology_honor_swiper .swiper-slide-active .technology_honor_text {
    opacity: 1;
}

.technology_honor_swiper .swiper-slide-prev .technology_honor_item {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    opacity: 1;
}

.technology_honor_swiper .swiper-slide-next .technology_honor_item {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    opacity: 1;
}

.technology_honor_item {
    height: 100%;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    opacity: .4;
    -webkit-transition: all .6s cubic-bezier(.54, .07, .38, .93);
    transition: all .6s cubic-bezier(.54, .07, .38, .93);
}

.technology_honor_img {
    width: 100%;
    padding-bottom: 143.1034%;
}

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

.technology_honor_head .index_about_title_box {
    -webkit-justify-content: center;
    justify-content: center;
}

.technology_honor_head .index_about_title_text {
    padding: 0 1.6666vw;
}


.technology_honor_head .index_about_title_en {
    text-align: center;
}

.technology_honor_box {
    padding: 5.7291666vw 0 4.94791666vw 0;
    position: relative;
    z-index: 9;
}

.technology_honor_content {
    padding: 0 8.125vw;
    position: relative;
}

.technology_honor_big {
    position: relative;
}

.technology_honor_text {
    width: 100%;
    margin-top: 0.8333vw;
    font-size: 0.9375vw;
    text-align: center;
    color: #333333;
    opacity: 0;
    -webkit-transition: all .6s cubic-bezier(.54, .07, .38, .93);
    transition: all .6s cubic-bezier(.54, .07, .38, .93);
}

.technology_honor_btn {
    position: relative;

}

.technology_honor_prev {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    left: -2.08333vw;
}

.technology_honor_next {
    right: -2.08333vw;
}

.technology_honor_button {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    z-index: 9;
    pointer-events: none;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.news_head_photo {
    width: 53.225806%;
}

.news_head_img {
    padding-bottom: 59.393939%;
    position: relative;
}

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

.news_head_img a {
    position: absolute;
    height: 100%;
    width: 100%;
}

.news_tab_content {
    width: 46.774194%;
    padding-left: 5.208333vw;
    background: #fff;
}

.news_tab_number {
    -webkit-align-items: flex-end;
    align-items: flex-end;
    opacity: 0;
    -webkit-transform: translateY(2.083333vw);
    transform: translateY(2.083333vw);
}

.news_tab_current {
    font-size: 4.1666vw;
    line-height: 3.4375vw;
    color: #d6d6d6;
}

.news_tab_year {
    font-size: 0.9375vw;
    line-height: 1.458333vw;
    margin-left: 0.5208333vw;
    color: #d7d7d7;
}

.technology_honor_wrap {
    position: relative;
}

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

.news_tab_title {
    margin-top: 2.6041666vw;
    opacity: 0;
    pointer-events: none;
    position: relative;
    z-index: 9;
    -webkit-transform: translateY(2.083333vw);
    transform: translateY(2.083333vw);
}


.news_tab_title a {
    font-size: 1.5625vw;
    line-height: 2.1875vw;
    max-width: 100%;
    max-height: 4.2708333vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #1b1e1e;
    font-weight: bold;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.news_tab_title a:hover {
    color: #ffc300;
}

.news_tab_text {
    font-size: 0.8333vw;
    line-height: 1.6666vw;
    margin-top: 0.625vw;
    height: 8.3333vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    color: #666666;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2.083333vw);
    transform: translateY(2.083333vw);
}

.news_tab_button {
    margin-top: 0.5208333vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2.083333vw);
    transform: translateY(2.083333vw);
}

.news_head_slide {
    background: #fff;
}

.news_head_box {
    padding: 4.6875vw 0 5.208333vw 0;
}

.news_head_content {
    background: #fff;
    pointer-events: none;
}

.news_head_content .news_head_img img:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.news_head_swiper .swiper-slide-active .news_head_content {
    pointer-events: auto;
}

.news_head_swiper .swiper-slide-active .news_tab_number {
    transform: none;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: all .8s cubic-bezier(.165, .84, .44, 1);
    transition: all .8s cubic-bezier(.165, .84, .44, 1);
}

.news_head_swiper .swiper-slide-active .news_tab_title {
    transform: none;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: all .8s cubic-bezier(.165, .84, .44, 1);
    transition: all .8s cubic-bezier(.165, .84, .44, 1);
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}

.news_head_swiper .swiper-slide-active .news_tab_text {
    transform: none;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: all .8s cubic-bezier(.165, .84, .44, 1);
    transition: all .8s cubic-bezier(.165, .84, .44, 1);
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}

.news_head_swiper .swiper-slide-active .news_tab_button {
    transform: none;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: all .8s cubic-bezier(.165, .84, .44, 1);
    transition: all .8s cubic-bezier(.165, .84, .44, 1);
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
}

.news_head_tab {
    position: relative;
}

.news_head_pagination {
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-align-items: center;
    align-items: center;
    width: 46.774194%;
    z-index: 9;
    padding-left: 5.208333vw;
}

.news_pagination_number {
    width: 2.86458333vw;
    font-size: 0.9375vw;
    color: #333333;
}

.news_pagination_active {
    color: #ffc300;
}

.news_pagination_animate {
    width: calc(100% - 2.86458333vw);
    height: 0.15625vw;
    background: #e9e9e9;
    position: relative;
}

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

.news_animate_show:after {
    width: 100%;
    -webkit-transition: all 8s linear;
    transition: all 8s linear;
}

.news_page_item_box {
    width: 30.96774%;
    margin: 0 3.54839% 3.54839% 0;
}

.news_page_item_box:nth-child(3n) {
    margin: 0 0 3.54839% 0;
}

.news_page_item_img {
    padding-bottom: 62.5%;
}

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

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

.news_page_item_title a {
    font-size: 1.25vw;
    line-height: 2.1875vw;
    margin-top: 1.30208333vw;
    max-width: 100%;
    max-height: 4.375vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #222222;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.news_page_item_title a:hover {
    color: #ffc300;
}

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

.news_page_item_button {
    margin-top: 1.82291666vw;
}

.news_content_wrap {
    padding-bottom: 5.7291666vw;
}

.page_return_icon {
    font-size: 0.9375vw;
    margin-right: 0.67708333vw;
    color: #999999;
}

.page_return_text {
    font-size: 0.78125vw;
    color: #999999;
}

.resources_max {
    font-size: 1.9791666vw;
    line-height: 2.86458333vw;
    margin-bottom: 2.34375vw;
    font-weight: bold;
    color: #001732;
    text-align: center;
}

.resources_title {
    color: #ffc300;
}

.resources_tips {
    font-size: 0.9375vw;
    line-height: 1.5625vw;
    color: #333333;
    text-align: center;
}

.resources_head_wrap {
    padding: 5.7291666vw 0 9.375vw 0;
}

.resources_head_box {
    position: relative;
    width: 63.0208333%;
    margin: 0 auto;
}

.resources_head_icon {
    position: absolute;
    width: 2.708333vw;
}

.resources_head_prev {
    left: 0;
    top: 0;
}

.resources_head_next {
    right: 0;
    bottom: -1.5625vw;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.resources_head_icon svg {
    fill: #ffc300;
    height: 100%;
}

.resources_banner_box {
    padding-bottom: 25.98958333%;
    position: relative;
}

.resources_banner_img {
    position: absolute;
    left: 50%;
    top: -17.5%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 41.3541666%;
}

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

.benefits_head .index_about_title_text {
    padding: 0 1.6666vw;
}

.benefits_head .index_about_title_en {
    text-align: center;
}

.benefits_item_box {
    width: 23.354838%;
    margin-right: 2.193549333%;
    position: relative;
}

.benefits_item_box:nth-child(4n) {
    margin-right: 0;
}

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

.benefits_item_img:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    background-image: linear-gradient(rgba(255, 255, 255, 0) 20%, #ffc300 90%);
    -webkit-transition: all .8s cubic-bezier(.165, .84, .44, 1);
    transition: all .8s cubic-bezier(.165, .84, .44, 1);
}

.benefits_item_box:hover .benefits_item_img:after {
    height: 100%;
}

.benefits_item_read {
    position: relative;
    z-index: 9;
    padding: 6.7708333vw 0 2.1875vw 0;
}

.benefits_item_icon {
    width: 4.6875vw;
    height: 4.6875vw;
    margin: 0 auto 1.30208333vw;
    font-size: 1.82291666vw;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    background: rgba(255, 255, 255, .1);
    -webkit-border-radius: 100%;
    border-radius: 100%;
    color: #fff;
}

.benefits_item_title {
    font-size: 1.25vw;
    line-height: 1.875vw;
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin-bottom: 9.0625vw;
}


.benefits_item_text {
    font-size: 0.78125vw;
    line-height: 1.458333vw;
    color: #fff;
    text-align: center;
}

.benefits_wrap {
    padding: 6.7708333vw 0;
}

.benefits_list {
    margin-top: 3.6458333vw;
}

.join_wrap {
    background: #f5f5f5;
    padding: 5.7291666vw 0;
    position: relative;
}

.join_box {
    position: relative;
    z-index: 8;
}

.join_item_title {
    font-size: 1.25vw;
    line-height: 1.875vw;
    font-weight: bold;
    color: #222222;
}

.join_item_tips {
    margin-top: 0.78125vw;
    max-width: 100%;
}

.join_item_label {
    font-size: 0.8333vw;
    line-height: 1.25vw;
    color: #ffba00;
    padding: 0 1.1458333vw;
    max-width: 33.3333%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.join_item_label:first-child {
    padding: 0 1.1458333vw 0 0;
}

.join_item_label:last-child {
    padding: 0 0 0 1.1458333vw;
}


.join_item_bold {
    font-size: 0.9375vw;
    line-height: 1.458333vw;
    margin-top: 2.6041666vw;
    font-weight: bold;
    color: #333333;
}

.join_item_read {
    margin-top: 0.5208333vw;
    font-size: 0.78125vw;
    line-height: 1.40625vw;
    height: 4.21875vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #666666;
}

.join_item_foot {
    margin-top: 3.38541666vw;
}

.join_item_button {
    background: #ffc300;
    padding: 0 1.30208333vw 0 1.5625vw;
    -webkit-align-items: center;
    align-items: center;
    -webkit-border-radius: 1.19791666vw;
    border-radius: 1.19791666vw;
}

.join_item_btn_text {
    font-size: 0.78125vw;
    line-height: 2.3958333vw;
    color: #fff;
}

.join_item_btn_icon {
    position: relative;
    width: 0.7291666vw;
    margin-left: 0.625vw;
}

.join_item_btn_svg {
    width: 100%;
    fill: #fff;
    -webkit-transition: all .6s cubic-bezier(.54, .07, .38, .93);
    transition: all .6s cubic-bezier(.54, .07, .38, .93);
}

.join_item_btn_hover {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
}

.join_item_box {
    width: 32.129032%;
    margin: 0 1.806452% 2.08333vw 0;
}

.join_item_box:nth-child(3n) {
    margin: 0 0 2.08333vw 0;
}

.join_item_box a {
    display: block;
    padding: 1.82291666vw 2.08333vw 2.34375vw 2.08333vw;
    background: #fff;
}

.join_item_box a:hover .join_item_btn_default {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
}

.join_item_box a:hover .join_item_btn_hover {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
}

.join_list_wrap {
    margin-top: 3.125vw;
}

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

.resources_page_wrap {
    padding: 0 18.75vw 5.208333vw 18.75vw;
    background: #efefef;
}

.resources_page_box {
    background: #fff;
    padding: 3.6458333vw 0 3.125vw 0;
    margin-top: -4.6875vw;
    position: relative;
    z-index: 9;
}

.resources_page_head {
    padding: 0 3.6458333vw;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 2.5vw;
}

.resources_page_title {
    font-size: 1.7708333vw;
    line-height: 2.6041666vw;
    font-weight: bold;
    color: #222222;
}

.resources_page_tips {
    margin-top: 1.30208333vw;
}

.resources_page_item_box {
    -webkit-align-items: center;
    align-items: center;
    margin-right: 4.1666vw;
}

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

.resources_page_item_icon {
    font-size: 0.9375vw;
    text-align: center;
    color: #ffc000;
    width: 1.041666vw;
}

.resources_page_item_text {
    width: calc(100% - 1.041666vw);
    padding-left: 0.41666vw;
    font-size: 0.8333vw;
    line-height: 1.5625vw;
    color: #ffc000;
}

.resources_page_read {
    width: calc(100% - 7.291666vw);
    padding-right: 2.08333vw;
}

.resources_page_button {
    width: 7.291666vw;

}

.resources_page_button a {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    height: 2.3958333vw;
}

.resources_page_button a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #ffc300;
    box-sizing: border-box;
    -webkit-border-radius: 1.19791666vw;
    border-radius: 1.19791666vw;
    pointer-events: none;
}

.resources_page_btn_icon {
    font-size: 0.78125vw;
    color: #ffc300;
}

.resources_page_btn_text {
    font-size: 0.78125vw;
    color: #ffc300;
    margin-left: 0.625vw;
}

.resources_page_line {
    height: 1px;
    width: 100%;
    background: #f1f1f1;
}

.resources_page_bjq_wrap {
    padding: 3.125vw 3.6458333vw;
}

.resources_page_bjq_box h1 {
    font-size: 0.9375vw;
    line-height: 2.08333vw;
    font-weight: bold;
    color: #333333;
}

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

.resources_page_mail_box {
    padding: 0 3.6458333vw;
}

.resources_page_mail_text {
    font-size: 0.8333vw;
    line-height: 1.458333vw;
    color: #666666;
}

.resources_page_mail_text a {
    font-size: 1.5625vw;
    line-height: 2.1875vw;
    color: #ffc300;
    -webkit-transition: all .6s cubic-bezier(.54, .07, .38, .93);
    transition: all .6s cubic-bezier(.54, .07, .38, .93);
}

.resources_btn_icon {
    width: 0.98958333vw;
}

.resources_btn_icon svg {
    fill: #999999;
    -webkit-transition: all .6s cubic-bezier(.54, .07, .38, .93);
    transition: all .6s cubic-bezier(.54, .07, .38, .93);
}

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

.resources_btn_text {
    font-size: 0.8333vw;
    line-height: 3.28125vw;
    width: calc(100% - 1.5625vw);
    color: #999999;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all .6s cubic-bezier(.54, .07, .38, .93);
    transition: all .6s cubic-bezier(.54, .07, .38, .93);
}

.resources_page_foot {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 2.6041666vw;
}

.resources_foot_button {
    width: 49.16666%;
}

.resources_foot_button a {
    background: #fff;
    padding: 0 1.5625vw;
    -webkit-transition: all .6s cubic-bezier(.54, .07, .38, .93);
    transition: all .6s cubic-bezier(.54, .07, .38, .93);
}

.resources_page_next a {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.resources_page_prev a .resources_btn_icon {
    margin-right: 0.5208333vw;
}

.resources_page_next a .resources_btn_icon {
    margin-left: 0.5208333vw;
}

.resources_page_next a .resources_btn_text {
    text-align: right;

}

.resources_foot_button:hover a {
    background: #ffc300;
}

.resources_foot_button:hover .resources_btn_icon svg {
    fill: #fff;
}

.resources_foot_button:hover .resources_btn_text {
    color: #fff;
}

.news_page_head_wrap {
    background: #f6f6f6;
}

.news_page_head_box {
    padding: 5.208333vw 0 5.7291666vw 0;
}

.news_page_head_title {
    font-size: 1.7708333vw;
    line-height: 2.8125vw;
    color: #222222;
}

.news_page_head_item {
    -webkit-align-items: center;
    align-items: center;
    margin-right: 4.1666vw;
}

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

.news_page_head_tips {
    margin-top: 1.5625vw;
}

.news_page_head_icon {
    font-size: 0.88541666vw;
}

.news_page_head_icon.icon-a-26 {
    font-size: 0.78125vw;
}

.news_page_head_text {
    font-size: 0.78125vw;
    line-height: 1.458333vw;
    padding-left: 0.5208333vw;
    color: #888888;
}

.news_details_content {
    width: 69.9354838%;
    padding-right: 4.94791666vw;
}


.news_details_read {
    font-size: 0.8333vw;
    line-height: 1.5625vw;
    padding: 3.125vw 0;
    color: #333333;
}

.news_details_read img {
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    padding: 1.041666vw 0;
}

.news_details_line {
    width: 100%;
    height: 1px;
    background: #e5e5e5;
}

.news_hot_content {
    width: 30.0645162%;
    position: relative;
}

.news_hot_content:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #ececec;
}

.news_details_btn_icon {
    width: 0.9375vw;
}

.news_details_btn_icon svg {
    fill: #d3d3d3;
}

.news_details_btn_text {
    font-size: 0.8333vw;
    color: #999999;
}

.news_details_prev .news_details_btn_icon {

    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.news_details_prev .news_details_btn_text {
    margin-left: 1.041666vw;
}

.news_details_next .news_details_btn_text {
    margin-right: 1.041666vw;
}

.news_details_button {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    padding: 2.5vw 0 5.208333vw 0;
}

.news_details_return a {
    position: relative;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    width: 3.8541666vw;
}

.news_circle1 {
    width: 100%;
    height: 100%;
    position: absolute;
    left: -0.15625vw;
    top: 0;
    box-sizing: border-box;
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.news_circle2 {
    width: 100%;
    height: 100%;
    position: absolute;
    right: -0.15625vw;
    top: 0;
    box-sizing: border-box;
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.news_return_icon {
    line-height: 3.85416666vw;
}

.news_hot_head {
    margin-top: 3.125vw;
    position: relative;
}

.news_hot_icon {
    width: 0.208333vw;
    height: 100%;
    background: #ffc300;
    position: absolute;
    left: 0;
    top: 0;
}

.news_hot_text {
    font-size: 1.25vw;
    line-height: 1.3541666vw;
    padding-left: 2.08333vw;
    font-weight: bold;
    color: #222222;
}

.news_hot_list {
    padding-left: 2.08333vw;
    margin-top: 2.08333vw;
}

.news_hot_item_time {
    font-size: 0.841666vw;
    line-height: 1.3541666vw;
    color: #999999;
}

.news_hot_item_title {
    margin-top: 0.36458333vw;
}

.news_hot_item_title a {
    font-size: 1.10vw;
    line-height: 1.7708333vw;
    max-width: 100%;
    color: #222222;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

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

.news_hot_item_line {
    margin-top: 1.041666vw;
    width: 100%;
    height: 1px;
    background: #e3e3e3;
}

.news_hot_item_box {
    margin-bottom: 1.30208333vw;
}

.concept_photo {
    width: 56.40625%;
    position: relative;
}

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

.concept_content {
    width: 43.59375%;
    padding: 0 9.63541666vw 0 6.25vw;
    -webkit-align-items: center;
    align-items: center;
}

.concept_img {
    padding-bottom: 66.4819944%;
}

.concept_head_box {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    margin-bottom: 2.34375vw;
}

.concept_head_box .index_about_title_box {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2.083333vw);
    transform: translateY(2.083333vw);
}

.concept_head_box .index_about_title_en {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2.083333vw);
    transform: translateY(2.083333vw);
}

.concept_head_box .concept_head_icon {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2.083333vw);
    transform: translateY(2.083333vw);
}


.concept_head_icon {
    font-size: 3.28125vw;
    color: #cccccc;
}

.concept_line {
    width: 100%;
    height: 0.1041666vw;
    background: #ffc300;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2.083333vw);
    transform: translateY(2.083333vw);
}

.concept_read_wrap {
    width: 100%;
}

.concept_read_box {
    margin-top: 2.6041666vw;
}

.concept_read_title {
    font-size: 1.1458333vw;
    line-height: 1.7708333vw;
    color: #333333;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2.083333vw);
    transform: translateY(2.083333vw);
}

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

.social_wrap {
    padding: 7.291666vw 0 8.8541666vw 0;
    position: relative;
}

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

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

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

.social_head .index_about_title_text {
    padding: 0 1.6666vw;
}

.social_head .index_about_title_en {
    text-align: center;
}

.social_list {
    margin-top: 4.1666vw;
}

.social_item_box {
    position: relative;
    width: 18.387096%;
    margin-right: 2.01613%;
}

.social_item_box:nth-child(5n) {
    margin-right: 0;
}

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

.social_item_back img {
    filter: blur(0.5208333vw);
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    -webkit-transition: all .8s cubic-bezier(.54, .07, .38, .93);
    transition: all .8s cubic-bezier(.54, .07, .38, .93);
}

.social_item_back:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 1;
    -webkit-transition: all .8s cubic-bezier(.54, .07, .38, .93);
    transition: all .8s cubic-bezier(.54, .07, .38, .93);
}


.social_item_title {
    font-size: 1.25vw;
    line-height: 1.6666vw;
    font-weight: bold;
    color: #333333;
    -webkit-transition: all .8s cubic-bezier(.54, .07, .38, .93);
    transition: all .8s cubic-bezier(.54, .07, .38, .93);
}

.social_item_text {
    font-size: 0.8333vw;
    line-height: 1.3541666vw;
    height: 13.541666vw;
    overflow: auto;
    margin-top: 0.78125vw;
    color: #555555;
    -webkit-transition: all .8s cubic-bezier(.54, .07, .38, .93);
    transition: all .8s cubic-bezier(.54, .07, .38, .93);
}

.social_item_foot {
    width: 100%;
    margin-top: 0.78125vw;

}

.social_item_head {
    width: 100%;
}

.social_item_box:nth-child(1) .social_item_foot svg {
    width: 2.3958333vw;
}

.social_item_box:nth-child(2) .social_item_foot svg {
    width: 2.91666vw;
}

.social_item_box:nth-child(3) .social_item_foot svg {
    width: 2.44791666vw;
}

.social_item_box:nth-child(4) .social_item_foot svg {
    width: 2.6041666vw;
}

.social_item_box:nth-child(5) .social_item_foot svg {
    width: 2.3958333vw;
}


.social_item_read {
    padding: 1.875vw;
    -webkit-align-content: space-between;
    align-content: space-between;
    position: relative;
    z-index: 9;
}

.social_item_default {
    fill: #ffc300;
    -webkit-transition: all .8s cubic-bezier(.54, .07, .38, .93);
    transition: all .8s cubic-bezier(.54, .07, .38, .93);
}

.social_item_color {
    fill: #001732;
    -webkit-transition: all .8s cubic-bezier(.54, .07, .38, .93);
    transition: all .8s cubic-bezier(.54, .07, .38, .93);
}

.social_item_current .social_item_title {
    color: #fff;
}

.social_item_current .social_item_text {
    color: #fff;
}

.social_item_current .social_item_default {
    fill: #fff;
}

.social_item_current .social_item_color {
    fill: #fff;
}

.social_item_current .social_item_back:after {
    opacity: 0;
}

.social_item_current .social_item_back img {
    filter: blur(0);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.contact_details_head {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-bottom: 2.08333vw;
}

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

.contact_details_ewm_text {
    font-size: 0.9375vw;
    line-height: 1.875vw;
    color: #333333;
    font-weight: bold;
    padding-right: 1.30208333vw;
}

.contact_details_ewm_img {
    width: 6.5625vw;
    height: 6.5625vw;
    padding: 0.36458333vw;
    background: #eeeeee;
}

.contact_details_wrap {
    padding-top: 5.7291666vw;
}

.contact_details_line {
    width: 100%;
    height: 1px;
    background: #ededed;
}

.contact_details_list {
    padding: 2.86458333vw 0 4.1666vw 0;
}

.contact_details_item_box {
    width: 25%;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
}

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

.contact_details_item_box:first-child {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

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

.contact_details_item_box:first-child .contact_details_item_big {
    padding: 0 2.6041666vw 0 0;
}

.contact_details_item_box:last-child .contact_details_item_big {
    padding: 0 0 0 2.6041666vw;
}

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

.contact_details_item_box:nth-child(1) {
    width: 18%;
}

.contact_details_item_box:nth-child(2) {
    width: 32%;
}

.contact_details_item_box:nth-child(3) {
    width: 32%;
}

.contact_details_item_box:nth-child(4) {
    width: 18%;
}

.contact_details_item_big {
    max-width: 100%;
    padding: 0 5.208333vw;
}

.contact_details_item_icon {
    width: 3.125vw;
    height: 3.125vw;
    font-size: 1.09375vw;
    margin: 0 auto;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    background: #f3f3f3;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    margin-bottom: 1.041666vw;
}

.contact_details_item_icon.icon-a-14 {
    font-size: 1.25vw;
}

.contact_details_item_tips {
    font-size: 0.8333vw;
    line-height: 1.458333vw;
    color: #777777;
    text-align: center;
    margin-bottom: 0.41666vw;
}

.contact_details_item_text,
.contact_details_item_text a {
    font-size: 1.041666vw;
    line-height: 2.08333vw;
    text-align: center;
    color: #222222;
}


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

.business_head .index_about_title_text {
    padding: 0 1.6666vw;
}

.business_head .index_about_title_en {
    text-align: center;
}

.business_item_box {
    width: 31.612903%;
    margin-right: 2.5806455%;
    padding: 1.82291666vw 2.08333vw;
    background: #ffffff;
    -webkit-transition: all .6s cubic-bezier(.54, .07, .38, .93);
    transition: all .6s cubic-bezier(.54, .07, .38, .93);
}

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

.business_wrap {
    position: relative;
    padding: 5.7291666vw 0 9.375vw 0;
}

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

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

.business_list {
    margin-top: 3.90625vw;
}

.business_item_tips_text {
    font-size: 1.041666vw;
    line-height: 2.34375vw;
    color: #333333;
    position: relative;
    -webkit-transition: all .6s cubic-bezier(.54, .07, .38, .93);
    transition: all .6s cubic-bezier(.54, .07, .38, .93);
}

.business_item_tips_text:after {
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.1041666vw;
    background: #001e42;
    position: absolute;
    -webkit-transition: all .6s cubic-bezier(.54, .07, .38, .93);
    transition: all .6s cubic-bezier(.54, .07, .38, .93);
}


.business_item_title {
    font-size: 1.25vw;
    line-height: 1.6666vw;
    color: #333333;
    margin: 1.30208333vw 0 1.5625vw 0;
    -webkit-transition: all .6s cubic-bezier(.54, .07, .38, .93);
    transition: all .6s cubic-bezier(.54, .07, .38, .93);
}

.business_item_line {
    width: 100%;
    height: 1px;
    background: #e8e8e8;
    -webkit-transition: all .6s cubic-bezier(.54, .07, .38, .93);
    transition: all .6s cubic-bezier(.54, .07, .38, .93);
}

.business_item_read {
    margin-top: 1.5625vw;
}

.business_item_label {
    -webkt-align-items: center;
    align-items: center;
}

.business_item_icon {
    width: 1.5625vw;
    font-size: 0.78125vw;
    color: #333333;
    -webkit-transition: all .6s cubic-bezier(.54, .07, .38, .93);
    transition: all .6s cubic-bezier(.54, .07, .38, .93);
}

.business_item_icon.icon-a-15 {
    font-size: 0.67708333vw;
}

.business_item_icon.icon-a-14 {
    font-size: 0.88541666vw;
}

.business_item_text {
    width: calc(100% - 1.5625vw);
}

.business_item_text a,
.business_item_text {

    font-size: 0.78125vw;
    line-height: 1.875vw;
    color: #333333;
    -webkit-transition: all .6s cubic-bezier(.54, .07, .38, .93);
    transition: all .6s cubic-bezier(.54, .07, .38, .93);
}

.business_item_box:hover {
    background: #ffc300;
}

.business_item_box:hover .business_item_tips_text {
    color: #fff;
}

.business_item_box:hover .business_item_text a,
.business_item_box:hover .business_item_text {
    color: #fff;
}

.business_item_box:hover .business_item_icon {
    color: #fff;
}

.business_item_box:hover .business_item_line {
    background: #fff;
}

.business_item_box:hover .business_item_title {
    color: #fff;
}

.business_item_box:hover .business_item_tips_text:after {
    background: #fff;
}

.quality_page_item_box {
    width: 16.6666%;
    text-align: center;

    cursor: pointer;
    -webkit-justify-content: center;
    justify-content: center;
}

.quality_page_item_box:first-child {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.quality_page_item_box:first-child .quality_page_item_label {
    text-align: left;
}

.quality_page_item_box:last-child .quality_page_item_label {
    text-align: right;
}

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

.quality_page_item_label {
    width: 10.41666vw;
    font-size: 0.9375vw;
    line-height: 4.2708333vw;
    color: #333333;
    position: relative;
    -webkit-transition: all .6s cubic-bezier(.54, .07, .38, .93);
    transition: all .6s cubic-bezier(.54, .07, .38, .93);
}

.quality_page_item_label:after {
    content: "";
    position: absolute;
    left: 0;
    width: 0;
    bottom: 0;
    height: 0.15625vw;
    background: #ffc300;
    -webkit-transition: all .6s cubic-bezier(.54, .07, .38, .93);
    transition: all .6s cubic-bezier(.54, .07, .38, .93);
}

.quality_page_item_current .quality_page_item_label {
    color: #ffc300;
    font-weight: bold;
}

.quality_page_item_current .quality_page_item_label:after {
    width: 100%;
}

.header_nav_button {
    display: none;
}

.about_profile_box {
    position: relative;
}

/*.index_about_title_box {*/
/*    -webkit-justify-content: center;*/
/*    justify-content: center;*/
/*}*/
.about_content_center .index_about_title_box {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2.083333vw);
    transform: translateY(2.083333vw);
}

.about_content_center .index_about_title_en {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2.083333vw);
    transform: translateY(2.083333vw);
}

.about_content_center .index_about_edit_box {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2.083333vw);
    transform: translateY(2.083333vw);
}

.AboutContentBox:after {
    width: 0;
    pointer-events: none;
    -webkit-transition: all 1.6s cubic-bezier(.78, .11, .16, .88);
    transition: all 1.6s cubic-bezier(.78, .11, .16, .88);
}

.AboutContentBox .about_content_btn {
    -webkit-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88);
    transition: all .8s cubic-bezier(.78, .11, .16, .88);
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
}

.AboutContentBox .about_content_center .index_about_title_box {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88);
    transition: all .8s cubic-bezier(.78, .11, .16, .88);
    -webkit-transition-delay: .9s;
    transition-delay: .9s;
}

.AboutContentBox .about_content_center .index_about_title_en {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88);
    transition: all .8s cubic-bezier(.78, .11, .16, .88);
    -webkit-transition-delay: 0.95s;
    transition-delay: 0.95s;
}

.AboutContentBox .about_content_center .index_about_edit_box {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88);
    transition: all .8s cubic-bezier(.78, .11, .16, .88);
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}


.AddAboutContentFoot .about_content_list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88);
    transition: all .8s cubic-bezier(.78, .11, .16, .88);
}


.AddAboutContentFoot .about_content_item_box {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88);
    transition: all .8s cubic-bezier(.78, .11, .16, .88);
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
}

.AddConceptWrap .concept_photo:after {
    width: 0;
    -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88);
    transition: all .8s cubic-bezier(.78, .11, .16, .88);
}

.AddConceptWrap .index_about_title_box {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88);
    transition: all .8s cubic-bezier(.78, .11, .16, .88);
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
}

.AddConceptWrap .index_about_title_en {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88);
    transition: all .8s cubic-bezier(.78, .11, .16, .88);
    -webkit-transition-delay: .55s;
    transition-delay: .55s;
}

.AddConceptWrap .concept_head_icon {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88);
    transition: all .8s cubic-bezier(.78, .11, .16, .88);
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
}

.AddConceptWrap .concept_line {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88);
    transition: all .8s cubic-bezier(.78, .11, .16, .88);
    -webkit-transition-delay: .65s;
    transition-delay: .65s;
}


.AddConceptWrap .concept_read_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88);
    transition: all .8s cubic-bezier(.78, .11, .16, .88);
    -webkit-transition-delay: .7s;
    transition-delay: .7s;
}

.AddConceptWrap .concept_read_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.78, .11, .16, .88);
    transition: all .8s cubic-bezier(.78, .11, .16, .88);
    -webkit-transition-delay: .75s;
    transition-delay: .75s;
}

.contact_wap_read {
    padding-bottom: 39.6875%;
}

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

.wap_list .wap_item_label {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 100%;
    height: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #ffc300;
}

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

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

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

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

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


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

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

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

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

.video_box {
    width: 70vw;
}

.video_item {
    position: relative;
    padding-bottom: 56.25%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2.083333vw);
    transform: translateY(2.083333vw);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

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

.video_close_btn {
    position: absolute;
    right: 1.5625vw;
    top: 1.5625vw;
    width: 2.6041666vw;
    height: 2.6041666vw;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2.083333vw);
    transform: translateY(2.083333vw);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.video_close_button {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.video_close_button:hover {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

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

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

.float_wrap {
    position: fixed;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 13.541666vw;
    z-index: 29;
    pointer-events: none;
}


.float_show .float_item {
    right: 4.42708333vw;
    opacity: 1;
}

.float_item {
    opacity: 0;
    width: 100%;
    height: 3.90625vw;
    position: relative;
    right: 0;
    -webkit-align-items: center;
    align-items: center;
    box-sizing: border-box;
    border: 1px solid #ffc300;
    background: #fff;
    border-radius: 0.7291666vw 0 0 0.7291666vw;
    margin-top: -1px;
    pointer-events: auto;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.float_item:nth-child(1):hover .float_ewm_wrap {
    opacity: 1;
    left: 0;
    pointer-events: auto;
}

.float_item:nth-child(2):hover {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    right: 0;
}

.float_item a {
    width: 100%;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
}

.float_ewm_wrap {
    position: absolute;
    left: 0.5208333vw;
    padding-right: 1.041666vw;
    top: 50%;
    width: 7.291666vw;
    height: 6.25vw;
    -webkit-transform: translateX(-100%) translateY(-50%);
    transform: translateX(-100%) translateY(-50%);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.float_ewm_box {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 0.625vw;
    border-radius: 0.625vw;
    box-sizing: border-box;
    border: 1px solid #ffc300;
    position: relative;
    z-index: 1;
    background: #fff;
}

.float_ewm_box:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 1.041666vw;
    height: 1.041666vw;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg) translateY(-50%);
    box-sizing: border-box;
    border: 1px solid #ffc300;
    background: #fff;
}

.float_ewm_box img {
    position: relative;
    z-index: 9;
    overflow: hidden;
    --webkit-border-radius: 0.625vw;
    border-radius: 0.625vw;
}

.float_item:nth-child(2) .float_read:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #ffc300;
    opacity: .4;
}

.float_read {
    width: 4.42708333vw;
    position: relative;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.float_icon {
    font-size: 0.9375vw;
    line-height: 1.1458333vw;
    text-align: center;
    width: 100%;
    color: #ffc300;
}

.float_icon.icon-ziyuan4 {
    font-size: 0.625vw;

}

.float_text {
    font-size: 0.7291666vw;
    line-height: 1.25vw;
    color: #ffc300;
}

.float_content {
    font-size: 1.1458333vw;
    color: #ffc300;
    text-align: center;
    width: calc(100% - 4.42708333vw);
}


.about_page_wrap {
    width: 100vw;
    overflow: hidden;
}


.header_nav_down_wrap {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    text-align: center;
    background: #f0f1f3;
    height: 0;
    overflow: hidden;
    -webkit-transition: all .8s cubic-bezier(.165, .84, .44, 1);
    transition: all .8s cubic-bezier(.165, .84, .44, 1);
}

.header_down_link {
    display: block;
    font-size: 0.78125vw;
    line-height: 3.0208333vw;
    color: #666666;
    position: relative;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.header_down_link:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background: #e2e2e2;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.header_down_item:last-child .header_down_link:after {
    display: none;
}

.header_down_item:hover .header_down_link {
    background: #0c223c;
    color: #fff;
}

.header_down_item:hover .header_down_link:after {
    background: #0c223c;
}

.about_honor_wrap {
    padding: 6.7708333vw 0 4.6875vw 0;
}

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

.about_honor_max {
    font-size: 1.25vw;
    line-height: 1.875vw;
    font-weight: bold;
    color: #ffc300;
}

.about_honor_text {
    font-size: 0.9375vw;
    line-height: 1.5625vw;
    color: #333333;
}

.about_honor_head {
    width: 50%;
}

.about_honor_read {
    margin-top: 1.041666vw;
}

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

.about_honor_item_photo {
    padding: 1.6666vw;
    position: relative;
    cursor: pointer;
}

.about_honor_item_photo:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 0.208333vw solid #e8e8e8;
    pointer-events: none;
    box-sizing: border-box;
}

.about_honor_item_img {
    padding-bottom: 66.415094%;
}

.about_honor_tab {
    margin-top: 5.208333vw;
}

.about_honor_item_title {
    font-size: 0.9375vw;
    line-height: 1.5625vw;
    margin-top: 1.25vw;
    color: #333333;
    text-align: center;
}


.about_honor_item_btn {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .9);
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    opacity: 0;
    font-size: 2.291666vw;
    color: #ffc300;

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

.about_honor_item_btn:before {
    -webkit-transform: scale(.6);
    transform: scale(.6);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.about_honor_item_photo:hover .about_honor_item_btn {
    opacity: 1;
}

.about_honor_item_photo:hover .about_honor_item_btn:before {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.about_honor_pagination {
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 2.083333vw;
}

.about_honor_pagination .swiper-pagination-bullet {
    width: 0.78125vw;
    height: 0.78125vw;
    margin: 0 0.3125vw !important;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    opacity: 1;
    background: #d1d1d1;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.about_honor_pagination .swiper-pagination-bullet-active {
    width: 0.78125vw;
    height: 0.78125vw;
    margin: 0 0.3125vw !important;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    opacity: 1;
    background: #ffc300;
}

.about_certification_wrap {
    background: #f0f0f0;
    padding: 5.7291666vw 0 7.8125vw 0;
}

.about_certification_item_img {
    padding-bottom: 141.23711%;
}

.about_certification_tab {
    padding: 0 0 0 9.63541666vw;
    margin-top: 3.125vw;
    position: relative;
}

.about_certification_item_photo {
    padding: 0.36458333vw;
    background: #fff;
}

.about_certification_title {
    color: #333333;
    font-size: 0.9375vw;
    line-height: 1.25vw;
    text-align: center;
    margin-top: 1.30208333vw;
}


.about_certification_pagination {
    position: relative;
}

.index_certification_pagination_prev {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.index_certification_pagination_wrap {
    margin-top: 3.125vw;
}

.index_certification_pagination_wrap .index_news_pagination_line {
    background: #fff;
}


.photo_popup_wrap {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    -webkit-transition: all .6s cubic-bezier(.54, .07, .38, .93);
    transition: all .6s cubic-bezier(.54, .07, .38, .93);
    opacity: 0;
    pointer-events: none;
}

.photo_popup_box {
    height: 100%;
    padding: 0 9.63541666vw;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.photo_popup_img {
    padding-bottom: 66.415094%;
}

.photo_popup_tab {
    width: 60%;
    -webkit-transform: translateY(2.08333vw);
    transform: translateY(2.08333vw);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .6s cubic-bezier(.54, .07, .38, .93);
    transition: all .6s cubic-bezier(.54, .07, .38, .93);
    -webkit-transition-delay: 0ms;
    transition-delay: 0ms;
}

.photo_popup_pagination_button {
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-justify-content: space-between;
    justify-content: space-between;
    pointer-events: none;
    padding: 0 5.208333vw;
}

.photo_popup_pagination_button .index_news_pagination_btn {

    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .6s cubic-bezier(.54, .07, .38, .93);
    transition: all .6s cubic-bezier(.54, .07, .38, .93);
    -webkit-transition-delay: 0ms;
    transition-delay: 0ms;
}

.photo_popup_close {
    position: absolute;
    right: 5.208333vw;
    top: 3.125vw;
    width: 2.5vw;
    height: 2.5vw;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    box-sizing: border-box;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid rgba(175, 175, 175, 1);
    outline: none;
    cursor: pointer;
    pointer-events: auto;
    -webkit-transition: all .6s cubic-bezier(.54, .07, .38, .93);
    transition: all .6s cubic-bezier(.54, .07, .38, .93);
}


.photo_popup_close:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg);
    transform: translateY(-50%) translateX(-50%) rotate(45deg);
    width: 50%;
    height: 0.1041666vw;
    background: rgba(175, 175, 175, 1);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.photo_popup_close:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%) rotate(-45deg);
    transform: translateY(-50%) translateX(-50%) rotate(-45deg);
    width: 50%;
    height: 0.1041666vw;
    background: rgba(175, 175, 175, 1);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}


.photo_popup_pagination_prev {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    margin-left: 2.083333vw;
}

.photo_popup_pagination_next {
    margin-right: 2.083333vw;
}

.photo_popup_close:hover {
    background: #ffc300;
    border: 1px solid #ffc300;
}

.photo_popup_close:hover:before,
.photo_popup_close:hover:after {
    background: #182d45;
}

.photo_popup_show {
    opacity: 1;
    pointer-events: auto;
}

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

.photo_popup_show .photo_popup_pagination_button .index_news_pagination_btn {
    margin: 0;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}


.public_text_box {
    font-size: 0.83333vw;
    line-height: 1.45833vw;
    margin-top: 0.78125vw;
    color: #666666;

}

.magnesium_item_box {
    text-align: center;
}

.magnesium_item_box a {
    text-align: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.magnesium_item_read {
    padding: 2.6041666vw 0;
    position: relative;
}

.magnesium_item_read:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0.15625vw;
    background: #ffc300;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.magnesium_item_icon {
    font-size: 2.5vw;
    line-height: 2.91666vw;
    color: #666666;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.magnesium_item_text {
    font-size: 0.9375vw;
    line-height: 1.5625vw;
    margin-top: 0.7291666vw;
    color: #333333;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

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

.magnesium_swiper:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #e3e3e3;
    pointer-events: none;
}

.magnesium_pagination_button {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.magnesium_box {
    position: relative;
}

.magnesium_pagination_button .magnesium_pagination_prev {
    -webkit-transform: translateX(-150%);
    transform: translateX(-150%);
}

.magnesium_pagination_button .magnesium_pagination_prev svg {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.magnesium_pagination_button .magnesium_pagination_next {
    -webkit-transform: translateX(150%);
    transform: translateX(150%);
}

.magnesium_pagination_button .swiper-button-disabled {
    opacity: .4;
    pointer-events: none;
}

.magnesium_item_box a:hover .magnesium_item_icon {
    color: #ffc300;

}

.magnesium_item_box a:hover .magnesium_item_text {
    color: #ffc300;
}

.magnesium_item_box a:hover .magnesium_item_read:after {
    width: 100%;
}

.magnesium_head_en {
    font-size: 2.6041666vw;
    line-height: 2.91666vw;
    color: #00152a;
    text-transform: uppercase;
}

.magnesium_head_line {
    width: 3.125vw;
    height: 0.3125vw;
    background: #ffc300;
    margin: 1.5625vw 0;
}

.magnesium_head_text {
    font-size: 1.7708333vw;
    line-height: 2.3958333vw;
    font-weight: bold;
    color: #00152a;
}

.magnesium_content {
    padding: 5.7291666vw 0 6.25vw 0;
}

.magnesium_head_box {
    width: 31.80645%;
}

.magnesium_big_box {
    width: 68.19355%;
}

.magnesium_big_text {
    font-size: 0.83333vw;
    line-height: 1.7708333vw;
    color: #333333;
}

.magnesium_big_photo {
    margin-top: 3.6458333vw;
}

.magnesium_big_img {
    padding-bottom: 39.52606%;
}

.aluminum_pagination_button {
    width: 6.041666vw;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 0.5208333vw;
}

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


.aluminum_item_img {
    background: #fff;
    padding-bottom: 60%;
    cursor: pointer;
}

.aluminum_item_title {
    margin-top: 1.82291666vw;
    font-size: 0.9375vw;
    line-height: 1.45833vw;
    color: #222222;
    text-align: center;
    font-weight: bold;
}


.service_swiper .swiper-wrapper,
.quality_method_tab .swiper-wrapper,
.aluminum_popup_swiper .swiper-wrapper,
.magnesium_swiper .swiper-wrapper,
.aluminum_swiper .swiper-wrapper,
.photo_popup_swiper .swiper-wrapper,
.about_certification_swiper .swiper-wrapper,
.about_honor_swiper .swiper-wrapper {
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.aluminum_popup_swiper .swiper-slide-active {
    pointer-events: none;
}

.aluminum_tab {
    margin-top: 3.6458333vw;
}

.aluminum_popup_wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    z-index: 999999;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.aluminum_popup_box {
    width: 71.09375%;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 4.0625vw 2.8125vw;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    margin-top: 2.083333vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.aluminum_popup_show {
    opacity: 1;
    pointer-events: auto;
}

.aluminum_popup_show .aluminum_popup_box {
    opacity: 1;
    pointer-events: auto;
    margin-top: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.aluminum_popup_show .aluminum_popup_swiper .swiper-slide-active {
    pointer-events: auto;
}

.aluminum_popup_show .aluminum_popup_pagination_button .index_news_pagination_btn {
    pointer-events: auto;
}


.aluminum_popup_show .aluminum_popup_swiper .swiper-slide-active .aluminum_popup_item_title {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: all .8s cubic-bezier(.165, .84, .44, 1);
    transition: all .8s cubic-bezier(.165, .84, .44, 1);
}

.aluminum_popup_show .aluminum_popup_swiper .swiper-slide-active .aluminum_popup_item_line {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: all .8s cubic-bezier(.165, .84, .44, 1);
    transition: all .8s cubic-bezier(.165, .84, .44, 1);
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

.aluminum_popup_show .aluminum_popup_swiper .swiper-slide-active .aluminum_popup_item_read {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: all .8s cubic-bezier(.165, .84, .44, 1);
    transition: all .8s cubic-bezier(.165, .84, .44, 1);
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}

.aluminum_popup_item_photo {
    width: 54.494828%;
}

.aluminum_popup_item_images {
    background: #edeff1;
    padding-bottom: 60%;
}

.aluminum_popup_item_content {
    padding-left: 3.125vw;
    width: 45.505172%;
}

.aluminum_popup_item_title {
    font-size: 1.5625vw;
    line-height: 2.1875vw;
    font-weight: bold;
    color: #222222;
    margin: 1.041666vw 0 1.82291666vw 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2.083333vw);
    transform: translateY(2.083333vw);
}

.aluminum_popup_item_line {
    height: 1px;
    width: 100%;
    background: #e0e0e0;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2.083333vw);
    transform: translateY(2.083333vw);
}

.aluminum_popup_item_read {
    font-size: 0.83333vw;
    line-height: 1.875vw;
    color: #666666;
    margin-top: 1.82291666vw;
    max-height: 11.25vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2.083333vw);
    transform: translateY(2.083333vw);
}

.aluminum_popup_item_box {
    background: #fff;
}


.aluminum_popup_close {
    position: absolute;
    right: -3.125vw;
    top: 0;
    width: 2.083333vw;
    height: 2.083333vw;
    cursor: pointer;
}

.aluminum_popup_close:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    width: 100%;
    height: 0.208333vw;
    -webkit-border-radius: 0.1041666vw;
    border-radius: 0.1041666vw;
    background: #fff;
}

.aluminum_popup_close:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    height: 100%;
    width: 0.208333vw;
    -webkit-border-radius: 0.1041666vw;
    border-radius: 0.1041666vw;
    background: #fff;
}


.aluminum_popup_tab {
    position: relative;
}

.aluminum_popup_pagination_wrap {
    position: absolute;
    bottom: 0;
    left: 54.494828%;
    width: 45.505172%;
    padding-left: 3.125vw;
    z-index: 9;
}

.aluminum_popup_pagination_button {
    width: 6.041666vw;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.aluminum_popup_pagination_button .index_news_pagination_btn {
    pointer-events: none;
}

.service_pagination_prev svg,
.aluminum_popup_pagination_prev svg,
.aluminum_pagination_prev svg {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.support_contact_wrap {
    background: #f4f4f4;
}

.support_contact_wrap .contact_details_ewm_img {
    background: #ffc300;
}

.support_contact_wrap .contact_details_line {
    background: #dfdfdf;
}

.support_contact_wrap .contact_details_item_box:after {
    background: #dfdfdf;
}

.support_contact_wrap .contact_details_item_icon {
    background: #fff;
}

.quality_method_big {
    margin-top: 1.82291666vw;
}

.quality_method_title {
    font-size: 0.9375vw;
    line-height: 1.5625vw;
    color: #222222;
    font-weight: bold;
    text-align: center;
}

.quality_method_text {
    font-size: 0.78125vw;
    line-height: 1.40625vw;
    color: #666666;
    text-align: center;
}

.service_wrap {
    padding: 8.3333vw 0 0 0;
}

.service_content {
    font-size: 0.83333vw;
    line-height: 1.7708333vw;
    margin-top: 2.6041666vw;
    color: #666666;
}

.service_tab {
    position: relative;
    padding: 0 0 6.7708333vw 9.63541666vw;
    margin-top: 6.7708333vw;
}

.service_tab:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 74.81371%;
    background: #f3f3f3;
    z-index: 1;
}

.service_item_img {
    padding-bottom: 72.41379%;
}

.service_pagination_wrap {
    position: relative;
    z-index: 9;
    padding: 0 9.63541666vw 0 0;
}

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

.header_wap_button {
    display: none;
}
#pro_content3 { display:none;}