/*html5*/
.menu-second{margin-left:1%;}
/*单行超出省略*/
.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;
    background-color: #005aa5!important;
    width: 5px!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(../font/Manrope-Light.ttf);
}

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

@font-face {
    font-family: "Manrope-Medium";
    src: url(../font/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(../font/Futura_LT_Book.ttf);
}

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

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

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

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

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

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

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

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

@font-face {
    font-family: "Manrope-SemiBold";
    src: url(../font/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: #005aa5;
}

.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;*/
    width: 10.2125vw;

}

.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: #005aa5;
}

.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: #005aa5;
}

.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;*/
    width: 11.027083vw;
    -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: #005aa5;
    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: #005aa5;
}

.header_nav_default .header_nav_link {
    color: #fff;
}

.header_nav_hover .header_nav_link {
    color: #005aa5;
}

.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: #005aa5;
    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 #005aa5;
    border-top: 0.625vw solid #005aa5;
}

.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: #005aa5;
    z-index: 1;
}

.index_banner_button a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #005aa5;
    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%;*/
    left: 55%;
    /*top: 50%;*/
    /*top: 22%;*/
    top: 47%;
    -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: #ff0505;
    -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 #ff0505;
    -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 #ff0505;
    -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: #ff0505;
    border: 0.15625vw solid #ff0505;
    -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 #ff0505;
    -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%;*/
    padding-bottom: 92%;
    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;
    /*font-size: 4.2vw;*/
    line-height: 4.1666vw;
    position: relative;
    font-weight: bold;
    color: #005aa5;
    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 #005aa5;
    border-top: 0.67708333vw solid #005aa5;
}

.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;*/
    font-size: 1.3vw;
    margin-top: 10px;
    line-height: 1.6666vw;
    text-transform: uppercase;
    width: 100%;
}

.index_pro_title_en {
    /*color: #aaaaaa;*/
    color: #a9a9a9;
}

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

.index_about_button {
    /*margin-top: 2.86458333vw;*/
    margin-top: 0.864583vw;
}

.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: #005aa5;
    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: #005aa5;
    -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: #005aa5;
}

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

.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%;*/
    width: 18.337209%;
    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(4n) {
    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;*/
    font-size: 1.2625vw;
    line-height: 2.1875vw;
    font-weight: bold;
    color: #005aa5;
}

.index_pro_item_text {
    margin-top: 0.78125vw;
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #005aa5;
    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%;*/
    width: 39.737209%;
}

.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: #005aa5;
    -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: #005aa5;
    font-weight: bold;
}

.index_skill_title {
    font-size: 3.958333vw;
    /*line-height: 5.208333vw;*/
    line-height: 39px;
    color: #ffffff;
    margin-top: 2.6041666vw;
    -webkit-justify-content: center;
    justify-content: center;
}
.index_skill_title>p{
    padding: 0 20%;
    letter-spacing: 2px;
    font-size: 23px;
    /*font-size: 17px;*/
    font-weight: 600;
    /*color: #ff0b15;*/
}
.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: #005aa5;
}

.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: #005aa5;
}

.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: #005aa5;
}

.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: #005aa5;
    -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: #005aa5;
    -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: #005aa5;
    -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: #005aa5;
}

.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 #005aa5;
    border-right: 3.2291666vw solid #005aa5;
    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 #005aa5;*/
/*    border-right: 3.2291666vw solid #005aa5;*/
/*}*/

.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: #fff;
    pointer-events: none;
}

.footer_message_title {
    font-size: 0.9375vw;
    line-height: 2.8125vw;
    /*color: #005aa5;*/
    color: #ffffff;
    width: calc(100% - 0.98958333vw);
}

.footer_message_icon {
    width: 0.98958333vw;
}

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

.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: #fff;
}

.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: #fff;
}

.footer_message_tel_num {
    width: 100%;
}

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

.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;*/
    -webkit-justify-content: flex-start;
    /*justify-content: flex-end;*/
    justify-content: flex-start;
    padding-right: 9.208333vw;
}
.code-ul{
    padding-top: 4.16666vw;
    padding-left: 2.16666vw;
    display: flex;
    /*width: 45%;*/
    width: 21%;
}
.code-ul>li{
    width: 100%;
}
.foot-code{
    max-width: 100%;
    width: 55%;
}
.code-tit{
    font-size: 18px;
    letter-spacing: 1px;
    color: #fff;
    padding: 9px 0 0 0;
    display: block;
    text-align: center;
    width: 55%;
}
.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: #fff;
}

.footer_nav_list {
    padding-top: 4.16666vw;
}

.footer_nav_item {
    width: 8.56875vw;
    padding-left: 0;
    /*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, 1);
    /*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%;*/
    padding-bottom: 30.6666%;
    margin-top: 80px;
}

.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.204167vw;
    line-height: 3.4375vw;
    letter-spacing: 1px;
    font-weight: bold;
    text-align: left;
}

.page_banner_text {
    color: #ffffff;
    text-transform: uppercase;
    /*font-size: 1.1458333vw;*/
    font-size: 1.245833vw;
    line-height: 2.08333vw;
    /*margin-top: 0.5208333vw;*/
    margin-top:0;
    text-align: left;
    -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;*/
    margin-right: 2.525vw;
    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: #005aa5;
    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: #005aa5;
}

.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 {
    display: none;
    width: 50%;
}

.about_content_read {
    /*width: 50%;*/
    width: 100%;
    /*padding-top: 7.291666vw;*/
    padding-top: 2.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;*/
    padding: 0 9.63541666vw 3vw 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 {
    display: none;
    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: #005aa5;
}

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

.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: #005aa5;
}

.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: 20%;
    height: 100%;
    background: #005aa5;
    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: 20%;
    
    -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: #005aa5;
    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 #005aa5;
}

.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: #005aa5;
}


.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: #005aa5;
}

.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: #005aa5;
}

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

.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: #005aa5;
}

.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: #005aa5;
}

.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;
    display: none;
}

.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: #005aa5;
}

.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 #005aa5;
    background: #005aa5;
}

.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 {
    /*padding: 10px 0 40px;*/
    padding: 10px 0 40px;
    -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: #005aa5;
}

.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;*/
    width: 24%;
    margin: 0 1.264516% 3.225806% 0;
    border: 2px solid #ddd;
    transition: all 0.36s;

}
.product_item_box:hover{
    box-shadow: 0 3px 8px rgba(0,0,0,.1);
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
}
.product_item_box:nth-child(4n) {
    margin: 0 0 3.225806% 0;
}

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

.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: 0.945833vw;*/
    /*font-size: 1.045833vw;*/
    font-size: 0.945833vw;
    line-height: 1.6666vw;
    font-weight: bold;
    max-width: 100%;
    color: #222222;
    height: 64px;
    padding: 0 15px;
}

.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;
    display: none;
}

.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);*/
    /*transform: translateY(-10px);*/
    /*-webkit-transform: translateY(-10px);*/
}

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

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

.product_item_head {
    /*padding: 1.9791666vw 0;*/
    padding: 0 0 0.779167vw;
    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 #005aa5;
    background: #005aa5;
}

.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 #005aa5 !important;
    background: #005aa5 !important;
}

.pro_list_box {
    /*margin-top: 2.86458333vw;*/
    margin-top: 0;
}

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

.pro_read_wrap {
    padding-top: 5.208333vw;

}

.pro_details_photo {
    /*width: 48.193548%;*/
    /*width: 38.193548%;*/
    width: 32.193548%;
}
div.concept_box.flex{margin: 2% 0px;}
div.concept_box.flex:nth-child(2n){
    flex-direction: row-reverse;
}
.pro_details_content {
    /*width: 51.806452%;*/
    width: 67.706452%;
    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%;*/
    padding-bottom: 100%;
}

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

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

.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;*/
    font-size: 1.2375vw;
    line-height: 1.041666vw;
    
    color: #222;
    font-weight: bold;
}

.pro_details_read {
    /*margin-top: 2.8125vw;*/
    /*margin-top: 2.0125vw;*/
    margin-top: 0.8125vw;
}

.pro_details_title {
    /*font-size: 2.1875vw;*/
    font-size: 1.8875vw;
    line-height: 2.1875vw;
    color: #005aa5;
    font-weight: bold;
    margin-top: 1.09375vw;
    margin-bottom: 0.8125vw;
    /*margin-bottom: 2.8125vw;*/
}

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

.pro_details_item_title {
    /*font-size: 0.8333vw;*/
    font-size: 0.9333vw;
    /*line-height: 2.08333vw;*/
    line-height: 2.48333vw;
    /*font-weight: bold;*/
    font-weight: 400;
    color: #333333;
    
}
.pro_details_item_title.product_description{
    font-size: 0.8333vw;
    line-height: 1.68333vw;
}
.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: #005aa5;
    -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: #005aa5;
}

.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: #005aa5;
}

.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: #005aa5;
}

.product_details_content {
    padding: 5.208333vw 0;
}

.product_details_read {
    font-size: 0.9375vw;
    line-height: 2.08333vw;
    margin-top: 2.08333vw;
    color: #222222;
    box-shadow: 0px 0px 5px 1px #ccc;
}

.product_details_read img {
    padding: 1.041666vw 0;
    /*width: auto;*/
    /*width: 75%;*/
    width: 100%;
    max-width: 100%;
    /*box-shadow: 0px 0px 5px 1px #ccc;*/
}

.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: #005aa5;
}

.product_related_wrap {
    /*padding: 4.6875vw 0 7.8125vw 0;*/
    padding: 0vw 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: #005aa5;
}

.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: #005aa5;
}

.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: #005aa5;
}

.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: #005aa5;
}

.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: #005aa5;
}

.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: #005aa5;
}

.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: #005aa5;
    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%;*/
    width: 31.854838%;
    margin-right: 2.193549333%;
    position: relative;
    margin-bottom: 2%;
}
.benefits_item_box:hover .benefits_item_img>img{
    transform: scale(1.1);
}
.benefits_item_img>img{
    transition: all 0.36s;
}
.benefits_item_box:nth-child(3n) {
    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;*/
    height: 100%;
    /*background-image: linear-gradient(rgba(255, 255, 255, 0) 20%, #005aa5 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;*/
    padding: 6.7708333vw 0 0 0;
    /*padding: 6.7708333vw 0 7.4875vw 0;*/
}

.benefits_item_icon {
    display: none;
    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(0, 0, 0, 0.7);
    -webkit-border-radius: 100%;
    border-radius: 100%;
    color: #fff;
}
.benefits_item_icon>img{
    padding: 20px;
}
.benefits_item_title {
    font-size: 1.25vw;
    
    line-height: 1.875vw;
    color: #fff;
    font-weight: bold;
    text-align: center;
    /*margin-bottom: 9.0625vw;*/
    /*padding-top: 0;*/
    /*margin-top: 9.0625vw;*/
    /*margin-top: 14.4625vw;*/
    margin-top: 16.6625vw;
    padding: 6px 0;
    background: #005aa5;
    box-shadow: 0px 0px 3px 1px #c3c0c0;
}


.benefits_item_text {
    display: none;
    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: #005aa5;
    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 #005aa5;
    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: #005aa5;
}

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

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

.resources_page_bjq_wrap {
    /*padding: 3.125vw 3.6458333vw;*/
    padding: 3.125vw 2.045833vw;
}

.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: #005aa5;
    -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: #005aa5;
}

.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: #005aa5;
    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: #005aa5;
    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: #005aa5;
    -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: #005aa5;
    -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: #005aa5;
}

.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: #005aa5;
    -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: #005aa5;
    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: #005aa5;
}

.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;
    margin: 5px 0px;
}

.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 #005aa5;
    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 #005aa5;
    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 #005aa5;
    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: #005aa5;
    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: #005aa5;
}

.float_icon.icon-ziyuan4 {
    font-size: 0.625vw;

}

.float_text {
    font-size: 0.7291666vw;
    line-height: 1.25vw;
    color: #005aa5;
}

.float_content {
    font-size: 1.1458333vw;
    color: #005aa5;
    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: #005aa5;
    color: #fff;
}

.header_down_item:hover .header_down_link:after {
    background: #005aa5;
}

.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: #005aa5;
}

.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: #005aa5;

    -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: #005aa5;
}

.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: #005aa5;
    border: 1px solid #005aa5;
}

.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: #005aa5;
    -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: #005aa5;

}

.magnesium_item_box a:hover .magnesium_item_text {
    color: #005aa5;
}

.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: #005aa5;
    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: #005aa5;
}

.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;*/
    background: #005aa5;
}

.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;}
/*新导航样式*/
#head{ position:fixed; z-index:1000; left:0; top:-1px; width:100%; 
/*height:110px;*/
height:80px;
background:rgba(255,255,255,1);box-shadow: 0 1px 8px rgba(0,0,0,.1); transition:all .35s;}
#head.active {transform: translateX(-300px);}
#head .wrap{ position:relative; 
    display: flex;
    justify-content: center;
    align-items: center;
}
#head .logo{ position:relative; 
/*width:20%; */
/*margin-right: 6%;*/
line-height:110px; box-sizing: border-box; overflow:hidden; transition:all .35s;}
#head .logo>a{display:block;}
#head .logo>a>img{ width:100%; height:auto; 
max-width: 170px;
/*max-width: 250px;*/
}
#head .menu{ 
    /*margin-left: 6%;*/
    /*width:60%; */
    width:48%; 
    /*height:110px;*/
    height:80px;
    text-align:left; transition:all .35s; }
#head .menu>.click{ display:none;}
#head .menu>ul{margin:0 auto;}
#head .menu>ul>li{display:block; float:left;
/*padding: 0 40px;*/
padding: 0 30px;
/*padding: 0 25px;*/
text-align:center;}
#head .menu>ul>li>a{ position:relative; display:block; font-size:1.3rem; font-weight: 700; color:rgba(53,59,73,1);
/*line-height:110px;*/
line-height:80px;
transition:all .35s;}
#head .menu>ul>li>a>span{ position:relative;z-index:100;}
#head .menu>ul>li>div{display:none; position:fixed;z-index:96; left:0; 
/*top:109px;*/
top:80px;
width:100%; height:auto; text-align:left; background:rgba(0,0,0,.8);}
#head .menu>ul>li>div>.box{ width:60%;margin:0 auto;padding:50px 0;}
#head .menu>ul>li>div>.box .tit{ 
    /*padding:20px 0;*/
    padding: 10px 0 10px;
    font-size:28px; font-weight:normal; 
    color:#afb1b3;}
#head .menu>ul>li>div>.box .txt{ font-size:14px; color:rgba(255,255,255,1); line-height:24px;}
#head .menu>ul>li>div>.box .more{padding:10px 0;text-align:left;}
#head .menu>ul>li>div>.box .more>a{display:inline-block; color:#005aa5; font-size:1.4rem;}
#head .menu>ul>li>div>.box .nav{ padding:20px 0; text-align:left;}
#head .menu>ul>li>div>.box .nav>a{ position:relative; display:inline-block; padding:2px 0; font-size:1.6rem; color:rgba(255,255,255,1); margin-bottom:5px; margin-right:30px; transition:all .35s;}
#head .menu>ul>li>div>.box .nav>a:after{ position:absolute;z-index:1;left:0;bottom:0; width:0;height:1px; background:#005aa5; content:''; transition:all .35s;}
#head .menu>ul>li>div>.box .nav>a:hover{ color:#005aa5;}
#head .menu>ul>li>div>.box .nav>a:hover:after{ width:100%;}
#head .menu>ul>li>div .img{ width:40%; padding:20px 0; height: 220px; overflow: hidden; text-align:left;}
#head .menu>ul>li>div .img>img{max-width:100%;height:auto;}
#head .menu>ul>li.A>a{ color:#005aa5;}
#head .menu>ul>li.A>a:after{ height:100%;opacity:1;}
#head{ position:fixed; z-index:1000; left:0; top:-1px; width:100%; 
height: 80px;
/*height:110px;*/
background:rgba(255,255,255,1);
/*box-shadow: 0 1px 8px rgba(0,0,0,.1);*/
box-shadow: unset;
transition:all .35s;}
        #head.active {transform: translateX(-300px);}
        #head .wrap{ position:relative;
        /*box-shadow: 0 0 7px 0 rgba(0, 0, 0, .2);*/
        box-shadow:unset;
            
        }
        #head .logo{ position:relative; 
        /*width:20%; */
        /*margin-right: 6%;*/
        /*line-height:110px;*/
        line-height: 80px;
        box-sizing: border-box; overflow:hidden; transition:all .35s;}
        #head .logo>a{display:block;}
        #head .logo>a>img{ width:100%; height:auto; 
        max-width: 170px;
        /*max-width: 250px;*/
        }
        #head .menu{ 
            margin-left: 6%;
            /*width:55%; */
            /*height:110px;*/
            height: 80px;
            text-align:left; transition:all .35s; }
        #head .menu>.click{ display:none;}
        #head .menu>ul{margin:0 auto;}
        #head .menu>ul>li{display:block; float:left;
        /*padding: 0 40px;*/
        padding: 0 30px;
        /*padding: 0 25px;*/
        text-align:center;}
        #head .menu>ul>li>a{ position:relative; display:block;
            /*font-size: 1.3rem;*/
            /*font-size: 0.9333vw;*/
            font-size: 0.90vw;
            /*font-size:1.8rem; */
            font-weight: 700; 
            color: #005aa5;
            /*color:rgba(53,59,73,1);*/
            line-height: 80px;
            /*line-height:110px;*/
            transition:all .35s;
        }
        #head .menu>ul>li>a>span{ position:relative;z-index:100;}
        #head .menu>ul>li>div{display:none; position:fixed;z-index:96; left:0; 
        /*top: 80px;*/
        top: 79px;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        /*top:109px;*/
        
        width:100%; height:auto; text-align:left; 
        /*background:rgba(0,0,0,.8);*/
        background:#fff;
            
        }
        #head .menu>ul>li>div>.box{ 
        width: 40%;
        /*width:60%;*/
        margin:0 auto;
        padding: 0px 0;
        /*padding:50px 0;*/
        }
        /*#head .menu>ul>li>div>.box .tit{ padding:20px 0; font-size:28px; font-weight:normal; color:#db261d;}*/
        #head .menu>ul>li>div>.box .txt{ font-size:14px; color:rgba(255,255,255,1); line-height:24px;}
        #head .menu>ul>li>div>.box .more{padding:10px 0;text-align:left;}
        /*#head .menu>ul>li>div>.box .more>a{display:inline-block; color:#db261d; font-size:1.4rem;}*/
        #head .menu>ul>li>div>.box .nav{
            padding: 10px 0 10px;
            /*padding:20px 0; */
            text-align:left;}
        #head .menu>ul>li>div>.box .nav>a{ position:relative; display:inline-block; padding:2px 0;
        font-size: 1.2rem;
        /*font-size:1.6rem; */
        /*color:rgba(255,255,255,1);*/
        color:rgb(35 34 34);
        margin-bottom:5px; margin-right:30px; transition:all .35s;}
        #head .menu>ul>li>div>.box .nav>a:after{ position:absolute;z-index:1;left:0;bottom:0; width:0;height:1px; background:#07579b; content:''; transition:all .35s;}
        /*#head .menu>ul>li>div>.box .nav>a:hover{ color:#db261d;}*/
        #head .menu>ul>li>div>.box .nav>a:hover:after{ width:100%;}
        #head .menu>ul>li>div .img{ width:40%; padding:20px 0; height: 220px; overflow: hidden; text-align:left;}
        #head .menu>ul>li>div .img>img{max-width:100%;height:auto;}
        /*#head .menu>ul>li.A>a{ color:#db261d;}*/
        #head .menu>ul>li.A>a:after{ height:100%;opacity:1;}
        #head .iot{ 
            line-height: 80px;
            /*line-height:110px;*/
            text-align:center; transition:all .35s;}
        #head .iot>a{ position: relative; display:inline-block; padding: 0 50px; box-sizing: border-box; height:40px; line-height:40px; border-radius: 8px  0 8px 0; background-color: #07579b;  
        /*background: -webkit-linear-gradient(top, rgba(223,53,72,1), rgba(193,53,68,1)); */
        background:#07579b;
        color:#fff; font-size:1.2rem; font-weight: bold;transition: all .35s; }
        #head .iot>a:hover{color: #07579b; background: none;}
        #head .iot>a:after{position: absolute;z-index: 3; left: -2px;top: -2px; width: 100%;height: 100%; border-radius: 8px  0 8px 0; border: 2px solid #07579b; opacity: 0; content:'';transition: all .35s;}
        #head .iot>a:hover:after{opacity: 1;}
        #head .navbar{ padding: 0 30px;
        line-height: 80px;
        /*line-height: 110px;*/
        transition:all .35s;}
        #head .navbar>a{display: inline-block; margin: 0 8px;}
        #head .navbar>a i{ font-size: 28px;color: rgba(53,59,73,1); transition: all .35s;}
        #head .navbar>a:hover i{color: #07579b;}
        #menu-mob {
            /*background:rgba(53,59,73,1);*/
            background: #005aa5;
            color: #fff;position: fixed;right: -300px;top: 0;width: 300px;height: 100%;z-index: 9999;transition: all 0.35s;transform-origin: left center;transform: perspective(800px) rotateY(90deg);}
        #menu-mob.active {right:0;transform: rotateY(0deg);}
        #menu-mob>.logo{
            display: flex;
            align-items: center;
            /*height: 80px; line-height: 80px;*/
            height: 60px; line-height: 60px;
            box-sizing: border-box;padding: 0 20px; background: #005aa5; text-align: left;}
        #menu-mob>.logo>img{height: 36px;width: auto;}
        #menu-mob>.menu{ padding: 30px 0; }
        #menu-mob>.menu>ul{display:block;}
        #menu-mob>.menu>ul>li{display:block;}
        #menu-mob>.menu>ul>li>a{display:block; 
        /*font-size: 6.8rem;*/
        font-size: 6.4rem;
        font-weight: 600;
        /*font-size:1.6rem; font-weight: 400;*/
        color:#fff;padding:8px 25px; transition:all .35s;}
        #menu-mob>.menu>ul>li.A>a{ background:rgba(0,0,0,.2);}
        #menu-mob>.menu>ul>li>div{display:none;padding:10px 25px 20px 25px; background: rgba(0,0,0,.1); }
        #menu-mob>.menu>ul>li>div>a{display:block;padding:6px 0; font-size:1.4rem; color:rgba(255,255,255,.9);}
        #menu-mob>.search{ padding:20px; transition:all .35s;}
        #menu-mob>.search>form{ display:block; box-sizing:border-box; width:100%; background:rgba(255,255,255,.5); height:40px; border-radius:8px;}
        #menu-mob>.search>form input[type="text"]{outline: medium;float:left;height:40px;line-height:40px;width:80%;padding-left:16px;border:none;
        font-size: 6rem;background:none;color:#d0021c;box-sizing:border-box;overflow:hidden;}
        #menu-mob>.search>form input::-webkit-input-placeholder{ color:#fff;}
        #menu-mob>.search>form button{float:right;width:20%;height:40px;border:none; background: none; opacity:1;cursor:pointer;box-sizing:border-box;overflow:hidden;}
        #menu-mob>.search>form button>i{color: rgba(53,59,73,1);}
        #menu-mob>.iot{ padding:0 20px; transition:all .35s;}
        #menu-mob>.iot>a{display: block;
        background: #ffffff;
        /*background: #db261d;*/
        font-size: 1.4rem; text-align: center;padding: 10px 0; color: #000; border-radius: 5px;}
        @media only screen and (max-width: 1540px) {
            #head .menu>ul>li {
                padding: 0 20px;
            }
            #head .navbar {
                padding-left: 0;
            }
        }
        @media only screen and (max-width: 1380px) {
            #head .menu>ul>li>a {
                font-size: 1.6rem;
            }
            #head .menu>ul>li>div>.box {
                width: 86%;
            }
            #head .menu>ul>li>div .nav>a {
                font-size: 1.4em;
            }
            #head .navbar {
                padding-left: 0;
                padding-right: 15px;
            }
        }
        @media only screen and (max-width: 1300px) {
            #head .logo {
                width: 18%;
                padding-right: 2%;
            }
            #head .menu {
                width: 54%;
                /*padding-left: 4%;*/
                padding-left: 0%;
            }
            #head .menu>ul>li {
                padding: 0 12px;
            }
            #head .iot>a {
                padding: 0 20px;
                height: 40px;
                line-height: 40px;
            }
            #head .navbar {
                padding: 0 20px;
            }
            #head .navbar>a {
                margin: 0 5px;
            }
        }
        @media only screen and (max-width: 1200px){
            #head {
                height: 80px;
                border-bottom: 0 !important;
                box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
            }
    
            #head .wrap {
                width: 100%;
                max-width: none;
                overflow: hidden;
                justify-content: space-between;
            }
    
            #head .logo {
                margin-left: 3%;
                line-height: 80px;
            }
    
            #head .menu {
                width: 62%;
                height: 80px;
            }
    
            #head .iot {
                display: none;
                line-height: 80px;
            }
    
            #head .navbar {
                display: none;
                line-height: 80px;
                padding: 0;
            }
    
            #head .navbar>a>i {
                font-size: 2.2rem;
                color: #999;
            }
    
            #head .menu>ul {
                display: none;
            }
    
            #head .menu {
                position: relative;
                padding: 0 !important;
                width: 80px;
                float: right;
            }
    
            #head .menu>.click {
                display: block;
                position: absolute;
                right: 0;
                top: 0;
                width: 80px;
                height: 100%;
                cursor: pointer;
            }
    
            #head .menu>.click>.btn {
                position: absolute;
                top: 50%;
                left: 50%;
                z-index: 9;
                margin-top: -16px;
                margin-left: -16px;
                display: block;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                width: 32px;
                height: 32px;
                -webkit-tap-highlight-color: transparent;
                -ms-touch-action: manipulation;
                touch-action: manipulation;
            }
    
            #head .menu>.click>.btn>span {
                position: relative;
                display: block;
                margin-top: 16px;
            }
    
            #head .menu>.click>.btn>span,
            #head .menu>.click>.btn>span:after,
            #head .menu>.click>.btn>span:before {
                display: block;
                width: 28px;
                height: 3px;
                border-radius: 3px;
                background-color: #005aa5;
                transition-duration: .4s;
                -webkit-transition-property: background-color, -webkit-transform;
                -moz-transition-property: background-color, -moz-transform;
                -o-transition-property: background-color, -o-transform;
                transition-property: background-color, transform;
            }
    
            #head .menu>.click>.btn>span:after,
            .menu>.click>.btn>span:before {
                position: absolute;
                content: "";
            }
    
            #head .menu>.click>.btn>span:before {
                top: -10px;
            }
    
            #head .menu>.click>.btn>span:after {
                top: 10px;
            }
    
            #head .menu>.click>.btn.active span {
                background-color: transparent;
            }
    
            #head .menu>.click>.btn.active span:after,
            #head .menu>.mob>.btn.active span:before {
                background-color: #005aa5;
            }
    
            #head .menu>.click>.btn.active span:before {
                -webkit-transform: translateY(10px)rotate(45deg);
                -moz-transform: translateY(10px)rotate(45deg);
                transform: translateY(10px)rotate(45deg);
                -ms-transform: translateY(10px)rotate(45deg);
            }
    
            #head .menu>.click>.btn.active span:after {
                -webkit-transform: translateY(-10px)rotate(-45deg);
                -moz-transform: translateY(-10px)rotate(-45deg);
                transform: translateY(-10px)rotate(-45deg);
                -ms-transform: translateY(-10px)rotate(-45deg);
            }
        }
        @media only screen and (max-width: 780px) {
            .pro_details_item_title.product_description{
                font-size: 3.6333vw;
                line-height: 7.38333vw;
            }
            .index_banner_wrap{
                height: 56vw;
                margin-top: 60px;
            }
            #foot .copyright .share {
                display: none;
            }
            #head {
                height: 60px;
            }
            #head .logo {
                /*width: 40%;*/
                width: 55%;
                line-height: 60px;
            }
            #head .logo>a>img {
                /*max-width: 140px;*/
                /*max-width: 185px;*/
                max-width: 140px;
            }
            #head .menu {
                height: 60px;
            }
            #head .menu>.mob {
                width: 60px;
            }
        }
        /* search */
        #search{ display: none; position: fixed;z-index: 1001; left: 0;top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.9);}
        #search .close{  position: absolute;z-index: 5; right: 20%;top: 20%; cursor: pointer; }
        #search .close>i{font-size: 4.5rem; padding: 10px; color: #fff; background: #005aa5; border-radius: 100%; transition: all .35s;}
        #search form{ position: absolute;z-index: 8; left: 50%;top: 50%; margin-top: -25px; margin-left: -25%; width:50%; height:50px;background:rgba(255,255,255,.9); border-radius: 8px; }
        #search form>input[type="text"]{outline: medium;float:left;height:50px;line-height:50px;width:80%; padding-left: 20px; border:none; background: none;  font-size:14px;color:#777;box-sizing:border-box;overflow:hidden;}
        #search form>input::-webkit-input-placeholder{ color:rgba(0,0,0,.4);}
        #search form>button{ position: relative;float:right;width:100px;height:50px; line-height: 50px; border:none; background: none;  color: #005aa5;cursor:pointer;box-sizing:border-box;overflow:hidden;}
        #search form>button>i{vertical-align: top;font-size: 2.4rem; }