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

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: 15px;
    color: #b2b2b2;
}

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

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

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

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

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

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


article, aside, dialog, footer, header, section, footer, nav, figure, menu {
    display: block
}

.d-din-condensed-bold {
    font-family: "d-din-condensed-bold", "Microsoft YaHei", "Arial", "Helvetica", "sans-serif" !important;
}

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

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

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

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

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

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

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

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

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

@font-face {
    font-family: "d-din-condensed-bold";
    src: url(../font/d-din.condensed-bold.ttf);
}

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

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

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

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

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

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

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

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

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


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

html, body {
    font-family: d-din-condensed-bold,"Manrope-Regular", "Microsoft YaHei", "Arial", "Helvetica", "sans-serif" !important;
    background: #fff;
    font-size: 14px;
    width: 100%;
    color: #333;
    margin: 0 auto;
    -webkit-overflow-scrolling: touch;
    text-align: justify;
}



.BMap_cpyCtrl {
    display: none;
}

.anchorBL {
    display: none;
}

.body_flex {
    position: fixed;
}

.body_hide {
    overflow-x: hidden;
}

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

i {
    font-style: normal;
}

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

table {
    border-collapse: collapse;
}

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

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

video {
    outline: none;
}

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

li {
    list-style: none;
}

input, select, button, textarea {
    vertical-align: middle;
    border-radius: 0;
    outline: none;
    background: none;
    border: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    }

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;
}

.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 0.0520833vw 0.0520833vw rgba(0, 0, 0, .075), 0 0 0.41666vw rgba(10, 201, 245, .6);
    box-shadow: inset 0 0.0520833vw 0.0520833vw rgba(0, 0, 0, .075), 0 0 0.41666vw rgba(10, 201, 245, .6);
}


.space-over {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.space-list-over {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

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

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

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

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


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

.cover img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    object-fit: cover;
    /* transition: all .5s ease; */
    left: 50%!important;
    top: 50%!important;
    -webkit-transform: translate(-50%,-50%)!important;
    -ms-transform: translate(-50%,-50%)!important;
    transform: translate(-50%,-50%)!important;
}
.about_qualification_tab .cover img {
	height: auto;
}
.flex {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    /* flex: 1; */
}

.swiper-animation {
    opacity: 0;
}

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

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



/*css play*/
.index_page_wrap {
    height: 100vh;
    position: relative;
}

.index_page_swiper {
    height: 100%;
}

.index_banner_wrap {
    height: 100%;
}

.index_banner_box {
    height: 100%;
}

.index_banner_swiper {
    height: 100%;
}

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

.index_banner_img {
    height: 100%;
    width: 100%;
}
.index_banner_img video{
    height: 100%;
    width: 100%;
    object-fit: cover;
}

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

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

.header_after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    background: #fff;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .5s cubic-bezier(.69, .27, .45, .99);
}

.header_after:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.0520833vw;
    background: #ededed;
    opacity: 0;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}


.header_logo_box {
    pointer-events: auto;
}

.header_logo_box a {
    width: 200px;
    height: auto;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    align-items: center;
}
.header_logo_box a img{width:auto!important;height: auto!important;}
.header_logo_box span{
    flex: auto;
    font-size: 28px;
    margin-left: 10px;
    line-height: 1;
    font-weight: bold;
    color: #188acc;
    letter-spacing: 1px;
    font-family: 'd-din-condensed-bold';
}

.header_logo_green {
    fill: #009944;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.header_logo_blue {
    fill: #188acc;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.header_logo_white {
    fill: #188acc;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.content_center {
    padding: 0 3.125vw;
}

.page_center {
    padding: 0 6.7708333vw;
}

.web_center {
    padding: 0 8.333vw;
}

.header_box {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 30px 0;
    position: relative;
    z-index: 9;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

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

.header_nav_item {
    margin: 0 1.82291666vw;
}


.header_nav_link {
    font-size: 20px;
    line-height: 2.55208333vw;
    color: #ffffff;
    position: relative;
    pointer-events: auto;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.header_nav_link:after {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    width: 0;
    height: 0.1041666vw;
    background: #fff;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.header_nav_current .header_nav_link:after {
    width: 100%;
}

.header_nav_default .header_nav_link:after {
    width: 0;
}

.header_nav_hover .header_nav_link:after {
    width: 100%;
}

.header_language_box {
    padding-left: 5.46875vw;
    -webkit-align-items: center;
    align-items: center;
}

.header_language_item {
    padding: 0 0.5208333vw;
    pointer-events: auto;
}

.header_language_item a {
    font-size: 18px;
    color: rgba(255, 255, 255, .5);
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

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

}

.header_nav_btn {
    width: 1.3541666vw;
    margin-left: 1.5625vw;
    cursor: pointer;
    outline: none;
    pointer-events: auto;
}

.header_nav_label {
    height: 0.1041666vw;
    width: 100%;

    margin-bottom: 0.36458333vw;
    position: relative;
}

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

.header_nav_label:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.index_banner_pagination_box {
    position: absolute;
    left: 0;
    bottom: 1.7708333vw !important;
    z-index: 9;
    padding: 0 6.7708333vw;
    width: 100%;
    pointer-events: none;
    opacity: 0;
}

.index_page_slide:last-child {
    height: 26.5625vw;
}

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

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

.index_banner_pagination_item {
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
    outline: none;
    pointer-events: auto;
    margin-right: 1.5625vw;
}

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

.index_banner_pagination_text {
    font-size: 20px;
    line-height: 1.3541666vw;
    font-weight: bold;
    color: #fff;
}

.index_banner_pagination_icon {
    position: relative;
    width: 2.65625vw;
    height: 0.41666vw;
    margin-left: 0.26041666vw;
    border: 0.0520833vw solid #fff;
    box-sizing: border-box;
}

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

.index_banner_read {
    position: absolute;
    left: 0;
    z-index: 9;
    top: 50%;
    width: 100%;
    padding: 0 6.7708333vw;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-shadow: 0 0px 10px rgba(0, 0, 0, 0.3);
}

.index_banner_tips {
    font-size: 4.5vw;
    /* line-height: 6.25vw; */
    font-weight: bold;
    color: #fff;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}


.index_banner_title {
    font-size: 2.5vw;
    line-height: 1;
    font-weight: bold;
    color: #fff;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.index_banner_text {
    font-size: 2vw;
    line-height: 2vw;
    margin-top: 10px;
    color: #fff;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.index_banner_swiper .swiper-slide-active .index_banner_tips {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.index_banner_swiper .swiper-slide-active .index_banner_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: .05s;
    transition-delay: .05s;
}

.index_banner_swiper .swiper-slide-active .index_banner_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.index_banner_swiper .swiper-slide-active .index_max_light {
    opacity: 1;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-animation: 180s .2s lightRotate infinite linear normal both;
    animation: 180s .2s lightRotate infinite linear normal both;
}

.index_banner_swiper .swiper-slide-active .index_min_light {
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-animation: 180s .2s fallLightRotate infinite linear normal both;
    animation: 180s .2s fallLightRotate infinite linear normal both;
}

@keyframes fallLightRotate {
    0% {
        opacity: .3;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    50% {
        opacity: .1;
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }
    100% {
        opacity: .3;
        -webkit-transform: rotate(-360deg);
        transform: rotate(-360deg);
    }
}

@keyframes lightRotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.index_banner_swiper .swiper-slide-active .index_banner_content3 .index_banner_tips {
    color: #00486e;
}

.index_banner_swiper .swiper-slide-active .index_banner_content3 .index_banner_title {
    color: #00486e;
}

.index_banner_swiper .swiper-slide-active .index_banner_content3 .index_banner_text {
    color: #00486e;
}

.index_banner_pagination_current .index_banner_pagination_icon:after {
    width: 100%;
    -webkit-transition: all 20s linear;
    transition: all 20s linear;
}

.index_banner_light {
    width: 390.625vw;
    height: 390.625vw;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -500%;
    z-index: 10;
    pointer-events: none;
}

.index_max_light {
    opacity: 0;
    width: 100%;
    height: 100%;
}

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

.index_float_wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 10;
    pointer-events: none;
}

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

.index_float_mouse_box {
    position: absolute;
    bottom: 1.5625vw;
    width: 100%;
    -wenkit-justify-content: center;
    justify-content: center;
    pointer-events: none;
    opacity: 0;
}

.index_float_mouse_icon {
    width: 1.19791666vw;
    height: 1.66666vw;
    border-radius: 0.59895833vw;
    box-sizing: border-box;
    border: 0.1041666vw solid #fff;
    margin: 0 auto;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.index_float_mouse_icon:after {
    content: "";
    width: 0.1041666vw;
    height: 0.5208333vw;
    background: #fff;
    margin-top: 0.3125vw;
    -webkit-animation: 1.5s MouseAnimate infinite ease normal both;
    animation: 1.5s MouseAnimate infinite ease normal both;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}


@-webkit-keyframes MouseAnimate {
    0% {
        margin-top: 0.3125vw;
    }
    50% {
        margin-top: 0.625vw;
        opacity: 1;
    }
    70% {
        margin-top: 0.625vw;
        opacity: 0;
    }
    100% {
        margin-top: 0.3125vw;
        opacity: 0;
    }
}

@keyframes MouseAnimate {
    0% {
        margin-top: 0.3125vw;
    }
    50% {
        margin-top: 0.625vw;
        opacity: 1;
    }
    70% {
        margin-top: 0.625vw;
        opacity: 0;
    }
    100% {
        margin-top: 0.3125vw;
        opacity: 0;
    }
}

.index_float_mouse_text {
    font-size: 0.78125vw;
    line-height: 1.6666vw;
    text-align: center;
    color: #fff;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.index_banner_button {
    position: absolute;
    left: 0;
    z-index: 9;
    bottom: 2.08333vw;
    width: 100%;
    padding: 0 6.7708333vw;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    pointer-events: none;
    opacity: 0;
}

.index_banner_btn {
    width: 2.708333vw;
    height: 2.708333vw;
    position: relative;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    pointer-events: auto;
    outline: none;
    cursor: pointer;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_banner_btn:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 0.1041666vw solid #fff;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.index_banner_btn svg {
    width: 32.6923%;
    fill: #fff;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_banner_btn:hover {
    background: #fff;
}

.index_banner_btn:hover svg {
    fill: #333333;
}

.index_banner_next {
    margin-left: 1.041666vw;
}

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


.header_black .header_nav_link {
    color: #1d1f22;
}

.header_black .header_language_item a {
    color: #333;
    font-family: 'd-din-condensed-bold';
}

.header_black .header_language_current a {
    color: #188acc;
}

.header_black .header_nav_label:after {
    background: #222222;
}

.header_black .header_nav_current .header_nav_link {
    color: #188acc;
}

.header_black .header_nav_current .header_nav_link:after {
    background: #188acc;
}

.header_black .header_nav_default .header_nav_link {
    color: #333;
}

.header_black .header_nav_default.header_nav_link:after {
    background: #333333;
}

.header_black .header_nav_hover .header_nav_link {
    color: #188acc;
}

.header_black .header_nav_hover .header_nav_link:after {
    background: #188acc;
}

.header_white_back .header_after {
    height: 100%;
}

.header_white_back .header_after:after {
    opacity: 1;
}


.header_active {
    pointer-events: auto !important;
}

.header_active .header_logo_box a {
    height: auto;
}

.header_active .header_box {
    padding: 1vw 0;
}

.header_active .header_after {
    height: 100%;
}

.header_active .header_after:after {
    opacity: 1;
}


.header_active .header_nav_link {
    color: #333;
}

.header_active .header_language_item a {
    color: #333;
}

.header_active .header_language_current a {
    color: #188acc;
}

.header_active .header_nav_label:after {
    background: #222222;
}

.header_active .header_nav_current .header_nav_link {
    color: #188acc;
}

.header_active .header_nav_current .header_nav_link:after {
    background: #188acc;
}

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

.header_active .header_nav_default.header_nav_link:after {
    background: #333333;
}

.header_active .header_nav_hover .header_nav_link {
    color: #188acc;
}

.header_active .header_nav_hover .header_nav_link:after {
    background: #188acc;
}


.header_index_white .header_nav_link {
    color: #fff;
}

.header_index_white .header_nav_current .header_nav_link {
    color: #fff;
}

.header_index_white .header_nav_current .header_nav_link:after {
    background: #fff;
}

.header_index_white .header_language_item a {
    color: rgba(255, 255, 255, .5);
}

.header_index_white .header_language_current a {
    color: #fff;
}

.header_index_white .header_nav_label:after {
    background: #fff;
}

.header_index_white .header_nav_default .header_nav_link {
    color: #fff;
}

.header_index_white .header_nav_default.header_nav_link:after {
    background: #fff;
}

.header_index_white .header_nav_hover .header_nav_link {
    color: #fff;
}

.header_index_white .header_nav_hover .header_nav_link:after {
    background: #fff;
}

.index_float_pagination {
    position: absolute;
    right: 2.083333vw !important;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    opacity: 0;
    pointer-events: none;
}

.index_float_pagination .index_float_bullet_box {
    opacity: 1;
    width: 0.36458333vw;
    height: 0.36458333vw;
    position: relative;
    margin-bottom: 1.30208333vw !important;
    pointer-events: auto;
    cursor: pointer;
    outline: none;
}

.index_float_bullet_box:after {
    content: "";
    position: absolute;
    top: 0.67708333vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0.0520833vw;
    background: rgba(255, 255, 255, .35);
    height: 0.67708333vw;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.index_float_pagination .index_float_bullet_box:last-child {
    margin-bottom: 0;

}

.index_float_pagination .index_float_bullet_box:last-child:after {
    display: none;
}

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

.index_float_bullet_label {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: #fff;
    width: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    height: 100%;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

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

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

.index_float_bullet_current .index_float_bullet_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;
}

.index_float_bullet_current .index_float_bullet_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: 180%;
        height: 180%;
        opacity: 0.4;
    }
    40% {
        width: 260%;
        height: 260%;
        opacity: 0.2;
    }
    60% {
        width: 340%;
        height: 340%;
        opacity: .1;
    }
    80% {
        width: 420%;
        height: 420%;
        opacity: 0;
    }
    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}

@keyframes jing_scale {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    20% {
        width: 180%;
        height: 180%;
        opacity: 0.4;
    }
    40% {
        width: 260%;
        height: 260%;
        opacity: 0.2;
    }
    60% {
        width: 340%;
        height: 340%;
        opacity: .1;
    }
    80% {
        width: 420%;
        height: 420%;
        opacity: 0;
    }
    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}

.index_float_blue .index_float_bullet_label {
    background: #cccccc;
}

.index_float_blue .index_float_bullet_box:after {
    background: rgba(204, 204, 204, .5);
}

.index_float_blue .index_float_bullet_current .index_float_bullet_label {
    background: #188acc;
}

.index_float_blue .index_float_bullet_current .index_float_bullet_label:nth-child(1) {
    background: #fff;
}

.index_float_blue .index_float_bullet_current .index_float_bullet_label:nth-child(2) {
    -webkit-animation: blue_scale 2.4s linear infinite normal both;
    animation: blue_scale 2.4s linear infinite normal both;
}

.index_float_blue .index_float_bullet_current .index_float_bullet_label:nth-child(3) {
    -webkit-animation: blue_scale 2.4s .8s linear infinite normal both;
    animation: blue_scale 2.4s .8s linear infinite normal both;
}

.index_float_blue .index_float_bullet_current .index_float_bullet_label:nth-child(4) {
    -webkit-animation: blue_scale 2.4s 1.6s linear infinite normal both;
    animation: blue_scale 2.4s 1.6s linear infinite normal both;
}

@-webkit-keyframes blue_scale {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    20% {
        width: 180%;
        height: 180%;
        opacity: .4;
    }
    40% {
        width: 260%;
        height: 260%;
        opacity: 1;
    }
    60% {
        width: 340%;
        height: 340%;
        opacity: .6;
    }
    80% {
        width: 420%;
        height: 420%;
        opacity: 0;
    }
    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}

@keyframes blue_scale {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    20% {
        width: 180%;
        height: 180%;
        opacity: .4;
    }
    40% {
        width: 260%;
        height: 260%;
        opacity: 1;
    }
    60% {
        width: 340%;
        height: 340%;
        opacity: .6;
    }
    80% {
        width: 420%;
        height: 420%;
        opacity: 0;
    }
    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}

.index_float_mouse_black .index_float_mouse_icon {
    border: 0.1041666vw solid #666666;
}

.index_float_mouse_black .index_float_mouse_icon:after {
    background: #666666;
}

.index_float_mouse_black .index_float_mouse_text {
    color: #666666;
}

.index_float_mouse_hide {
    opacity: 0 !important;
    -webkit-transition-delay: 0s !important;
    transition-delay: 0s !important;
}

.body_animate .header_wrap {
    opacity: 1;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
}

.body_animate .index_float_pagination {
    opacity: 1;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
}

.body_animate .index_banner_button {
    opacity: 1;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
}

.body_animate .index_banner_pagination_box {
    opacity: 1;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
}

.body_animate .index_float_mouse_box {
    opacity: 1;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
}

.body_animate .header_page_wrap {
    webkit-transition-delay: 0s !important;
    transition-delay: 0s !important;
}

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

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

.index_about_read {
    width: 100%;
    margin-top: 3.125vw;
}

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

.index_public_cn {
    font-size: 2.5vw;
    line-height: 3.2291666vw;
    font-weight: bold;
    color: #333333;
}

.index_public_icon {
    width: 1.041666vw;
    height: 1.041666vw;
    margin-left: 0.7291666vw;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #188acc;
    display: none;
}

.index_public_en {
    font-size: 18px;
    line-height: 1.25vw;
    text-transform: uppercase;
    color: #333333;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.index_public_white .index_public_cn,
.index_public_white .index_public_en {
    color: #fff;
}

.index_public_white .index_public_icon {
    background: #fff;
}

.index_about_max {
    font-size: 3vw;
    line-height: 1.2;
    margin-top: 50px;
    font-weight: bold;
    color: #fff;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.index_about_list {
    margin-top: 1.82291666vw;
}

.index_about_item_cn {
    font-size: 15px;
    line-height: 1.25vw;
    color: #ffffff;
}

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

.index_about_item_max {
    font-size: 2.5vw;
    line-height: 4.0625vw;
    color: #ffffff;
}

.index_about_item_min {
    /* text-transform: uppercase; */
    font-size: 1vw;
    line-height: 2.8125vw;
    margin-left: 0.5208333vw;
    font-weight: bold;
    color: #ffffff;
}

.index_about_item_box {
    padding-right: 4vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.index_about_item_box:nth-child(3) .index_about_item_min {
    /* font-size: 1.875vw; */
}

.index_about_item_box:nth-child(4) .index_about_item_min {
    /* font-size: 1.875vw; */
}

.index_public_button {
    width: 8.333vw;
    height: 2.6041666vw;
    padding: 0.26041666vw;
    -webkit-border-radius: 1.30208333vw;
    border-radius: 1.30208333vw;
    overflow: hidden;
    position: relative;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.index_public_button:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #fff;
    -webkit-border-radius: 1.30208333vw;
    border-radius: 1.30208333vw;
    -webkit-transition: all .8s cubic-bezier(.55, .17, .37, .94);
    transition: all .8s cubic-bezier(.55, .17, .37, .94);
}

.index_public_button a {
    position: relative;
    z-index: 9;
    -webkit-align-items: center;
    align-items: center;
}

.index_public_btn_read {
    width: calc(100% - 2.08333vw);
    text-align: center;
    position: relative;
    justify-content: center;
}

.index_public_btn_content {
    position: relative;
}
.index_development_button .index_public_btn_text {color:#1d1f22}
.index_product_button .index_public_btn_text {color:#1d1f22}
.index_strength_button .index_public_btn_text {color:#1d1f22}

.index_public_btn_text {
    color: #fff;
    line-height: 1.041666vw;
    font-size: 15px;
    -webkit-transition: all .8s cubic-bezier(.55, .17, .37, .94);
    transition: all .8s cubic-bezier(.55, .17, .37, .94);
}

.index_public_btn_icon {
    width: 2.08333vw;
    height: 2.08333vw;
    position: relative;
    background: #188acc;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all .8s cubic-bezier(.55, .17, .37, .94);
    transition: all .8s cubic-bezier(.55, .17, .37, .94);
}

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

.index_public_btn_svg svg {
    width: 20%;
    fill: #fff;
    -webkit-transition: all .8s cubic-bezier(.55, .17, .37, .94);
    transition: all .8s cubic-bezier(.55, .17, .37, .94);
}

.index_public_btn_hover {
    position: absolute;
    left: 0;
    top: 0;

}

.index_public_btn_hover svg {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
}

.index_about_button {
    margin-top: 2.6041666vw;
}

.index_color_button:hover:after {
    background: #188acc;
}

.index_color_button:hover .index_public_btn_icon {
    background: #fff;
}

.index_color_button:hover .index_public_btn_svg svg {
    fill: #188acc;
}

.index_color_button:hover .index_public_btn_text {
    color: #fff !important;
}


.index_public_button:hover .index_public_btn_default svg {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
    -webkit-transition: all .8s cubic-bezier(.55, .17, .37, .94);
    transition: all .8s cubic-bezier(.55, .17, .37, .94);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.index_public_button:hover .index_public_btn_hover svg {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -webkit-transition: all .8s cubic-bezier(.55, .17, .37, .94);
    transition: all .8s cubic-bezier(.55, .17, .37, .94);
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.index_public_button:hover .index_public_text_default {
    color: #188acc;
}

.index_public_button:hover:after {
    width: 100%;
}

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

.index_page_wrapper {
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

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

.index_development_content .index_public_title {
    opacity: 0 !important;
    pointer-events: none !important;
    -webkit-transform: translateY(3vw) !important;
    transform: translateY(3vw) !important;
}

.index_development_content .index_public_en {
    opacity: 0 !important;
    pointer-events: none !important;
    -webkit-transform: translateY(3vw) !important;
    transform: translateY(3vw) !important;
}

.index_development_content .index_development_blue {
    opacity: 0 !important;
    pointer-events: none !important;
    -webkit-transform: translateY(3vw) !important;
    transform: translateY(3vw) !important;
}

.index_development_content .index_development_green {
    opacity: 0 !important;
    pointer-events: none !important;
    -webkit-transform: translateY(3vw) !important;
    transform: translateY(3vw) !important;
}

.index_development_content .index_development_text {
    opacity: 0 !important;
    pointer-events: none !important;
    -webkit-transform: translateY(3vw) !important;
    transform: translateY(3vw) !important;
}

.index_development_content .index_development_button .index_public_button {
    opacity: 0 !important;
    pointer-events: none !important;
    -webkit-transform: translateY(3vw) !important;
    transform: translateY(3vw) !important;
}

.index_development_content .index_development_back_head .index_public_title {
    opacity: 0 !important;
    pointer-events: none !important;
    -webkit-transform: translateY(3vw) !important;
    transform: translateY(3vw) !important;
}

.index_development_content .index_development_back_head .index_public_en {
    opacity: 0 !important;
    pointer-events: none !important;
    -webkit-transform: translateY(3vw) !important;
    transform: translateY(3vw) !important;
}

.index_development_content .index_development_back_title {
    opacity: 0 !important;
    pointer-events: none !important;
    -webkit-transform: translateY(3vw) !important;
    transform: translateY(3vw) !important;
}

.index_development_content .index_development_back_item {
    opacity: 0 !important;
    pointer-events: none !important;
    -webkit-transform: translateY(3vw) !important;
    transform: translateY(3vw) !important;
}

.index_development_height {
    height: 0;
}

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

.index_development_read {
    width: 100%;
    position: relative;
    z-index: 9;
}

.index_development_center {
    margin-top: 50px;
}

.index_development_blue {
    font-size: 3.333vw;
    line-height: 4.375vw;
    font-weight: bold;
    color: #188acc;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.index_development_green {
    font-size: 2.6041666vw;
    line-height: 3.8541666vw;
    font-weight: bold;
    color: #009944;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

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

.index_development_button {
    margin-top: 2.6041666vw;
}

.index_development_map {
    position: absolute;
    left: 33.8541666%;
    top: 50%;
    -webkit-transform: translateY(-50%) scale(0.8);
    transform: translateY(-50%) scale(0.8);
    opacity: 0;
    width: 35.46875vw;
    height: 35.57291666vw;
    z-index: 10;
}

.index_development_map img {
    -webkit-transform: scale(3.5);
    transform: scale(3.5);
    -webkit-transition: all 1s cubic-bezier(.69, .27, .45, .99);
    transition: all 1s cubic-bezier(.69, .27, .45, .99);
}

.index_development_back img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: all 1s cubic-bezier(.69, .27, .45, .99);
    transition: all 1s cubic-bezier(.69, .27, .45, .99);
}

.index_development_current .index_development_map img {
    -wenkit-transform: scale(1);
    transform: scale(1);
}

.index_development_current .index_development_back img {
    -wenkit-transform: scale(1);
    transform: scale(1);
}


.index_development_en {
    position: absolute;
    left: 22.08333%;
    top: 74%;
    width: 55.88541666%;
    z-index: 7;
}

.index_development_en svg {
    fill: #f0f0f0;
    opacity: 0;
}

.index_development_back_read {
    position: relative;
    z-index: 9;
    width: 100%;
}

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

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

.index_development_back_head .index_public_title {
    -webkit-justify-content: center;
    justify-content: center;
}

.index_development_back_list {
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 2.6041666vw;
}

.index_development_back_item {
    padding: 0 80px;
}

.index_development_back_photo {
    width: 100px;
    margin: 0 auto 20px;
}

.index_development_back_text {
    font-size: 1vw;
    line-height: 1.25vw;
    color: #ffffff;
}

.index_development_back_img {
    padding-bottom: 100%;
}

.index_development_back_title {
    font-size: 2vw;
    line-height: 3.8541666vw;
    margin-top: 30px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
}

.index_page_content .index_banner_swiper .swiper-slide-active .index_banner_tips {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.index_page_content .index_banner_swiper .swiper-slide-active .index_banner_title {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.index_page_content .index_banner_swiper .swiper-slide-active .index_banner_text {
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.index_strength_tab {
    margin-top: 50px;
}

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

.index_strength_text {
    font-size: 1vw;
    line-height: 1.5vw;
    margin-top: 0.78125vw;
    color: #333333;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.index_strength_button {
    margin-top: 1.30208333vw;

}

.index_strength_swiper {
    padding-bottom: 2.5vw;
}


.index_strength_content {
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
    width: 42.708333%;

}

.index_strength_slide {
    /*background: #fff;*/
}

.index_public_pagination_read {
    width: 3.958333vw;
}

.index_public_pagination_text {
    font-size: 16px;
    color: #222222;
}

.index_product_pagination_current,
.index_strength_pagination_current {
    color: #188acc;
}

.index_strength_read {
    width: 100%;
    padding: 0 5.98958333vw 0 6.7708333vw;
    margin-top: 5.208333vw;
}

.index_strength_wrap {
    height: 100%;
}

.index_strength_photo_box {
    width: 57.291667%;
    position: relative;
}

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

.index_strength_photo_swiper {
    height: 100%;
}

.index_strength_photo_img {
    height: 100%;
}

.index_public_pagination_box {
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.index_public_pagination_line {
    width: calc(100% - 7.8125vw);
    height: 0.1041666vw;
    background: #e7e7e7;
}

.index_public_swiper_button {
    padding: 0 0.78125vw;
}

.index_public_pagination_label {
    width: 100%;
    height: 100%;
    background: #188acc;
}

.index_strength_pagination_animate {
    -webkit-animation: strengthLineWidth 10s forwards linear normal;
    animation: strengthLineWidth 10s forwards linear normal;
}


.index_public_pagination_btn {
    width: 1.1458333vw;
    height: 2.08333vw;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
    outline: none;
}

.index_public_pagination_btn:nth-child(1) {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.index_public_pagination_btn svg {
    width: 40.9090909%;
    fill: #999999;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.index_public_pagination_this svg {
    fill: #188acc;

}

.index_strength_list {
    margin-top: 4.1666vw;
}

.index_strength_item_box {
    width: 28.869565%;
    margin-right: 6.6956525%;
    position: relative;
    cursor: pointer;
    outline: none;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.index_strength_item_box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .6);
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.index_strength_item_current:after {
    background: rgba(255, 255, 255, 0);
}

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

.index_strength_item_img {
    padding-bottom: 57.831325%;
}

.index_product_button {
    margin-top: 2.08333vw;
}

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

.index_product_center {
    padding: 0 0 0 6.7708333vw;
    width: 100%;
}

.index_product_content {
    width: 20.7821229%;
    padding-right: 3.125vw;
    -webkit-align-content: space-between;
    align-content: space-between;
}

.index_product_item_img {
    padding-bottom: 127.27%;
    z-index: 1;
}

.index_product_tab {
    width: 79.2178771%;
}

.index_product_item_box {
    -webkit-border-radius: 1.3541666vw;
    border-radius: 1.3541666vw;
    overflow: hidden;
    position: relative;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.index_product_item_box a {
    position: relative;
    display: block;
    z-index: 9;
}

.index_product_item_box a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    /*opacity: 0;*/
    background-image: linear-gradient(to top, rgba(0, 0, 0, .8) 0%, rgba(0, 0, 0, 0) 50%);
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.index_product_item_box a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-image: linear-gradient(to top, rgba(0, 47, 75, .8) 0%, rgba(0, 47, 75, 0) 50%);
    opacity: 0;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.index_product_item_box:hover a:before {
    opacity: 1;
}

.index_product_item_box:hover a:after {
    opacity: 0;
}

.index_product_item_box:hover .index_product_item_number {
    color: rgba(255, 255, 255, 1);
}

.index_product_item_read {
    position: absolute;
    bottom: 1.82291666vw;
    left: 0;
    width: 100%;
    padding: 0 1.9791666vw;
    z-index: 3;
}

.index_product_top {
    width: 100%;
}

.index_product_item_number {
    font-size: 2.6041666vw;
    line-height: 2.708333vw;
    color: #fff;
    -webkit-text-stroke: 0.0520833vw #fff;
    color: rgba(255, 255, 255, 0);
    box-sizing: border-box;
    margin-bottom: 1.041666vw;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.index_product_item_title {
    font-size: 18px;
    line-height: 1.5625vw;
    margin-bottom: 0.3125vw;
    font-weight: bold;
    color: #fff;
}

.index_product_item_text {
    font-size: 0.78125vw;
    line-height: 1.458333vw;
    color: #fff;

}

.index_product_text {
    font-size: 1vw;
    line-height: 1.5vw;
    margin-top: 3.125vw;
    color: #333333;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

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

.index_partner_back {
    height: 100%;
}

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

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

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

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

.index_news_item_box:hover .index_news_item_button a .index_news_btn_text {
    color: #188acc;
}

.index_news_item_box:hover .index_news_item_button a .index_news_btn_icon {
    background: #188acc;
}

.index_partner_item_box {
    position: absolute;
    -webkit-transform: scale(.2);
    transform: scale(.2);
    opacity: 0;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.index_partner_item_img {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    box-shadow: 0 0 2.6041666vw rgba(114, 115, 141, .1);
}

.index_partner_item_box:nth-child(1) {
    width: 8.958333vw;
    height: 8.958333vw;
    top: 68.7037037%;
    left: 66.458333%;
}

.index_partner_item_box:nth-child(2) {
    width: 8.80208333vw;
    height: 8.80208333vw;
    left: 22.08333%;
    top: 34.259259%;
}

.index_partner_item_box:nth-child(3) {
    width: 7.291666vw;
    height: 7.291666vw;
    right: 11.1458333%;
    top: 35.37037%;
}

.index_partner_item_box:nth-child(4) {
    width: 7.291666vw;
    height: 7.291666vw;
    left: 11.82291666%;
    top: 61.481481%;
}

.index_partner_item_box:nth-child(5) {
    width: 6.041666vw;
    height: 6.041666vw;
    right: 26.1458333%;
    top: 24.074074%;
}

.index_partner_item_box:nth-child(6) {
    width: 4.375vw;
    height: 4.375vw;
    left: 24.1666%;
    top: 73.4259259%;
}

.index_partner_item_box:nth-child(7) {
    width: 4.375vw;
    height: 4.375vw;
    left: 9.21875%;
    top: 28.981481%;
}

.index_partner_item_box:nth-child(8) {
    width: 5.15625vw;
    height: 5.15625vw;
    right: 9.375%;
    top: 62.59259%;
}

.index_partner_circle_box {
    width: 19.375vw;
    height: 19.375vw;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

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

.index_partner_circle_item {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-transform: translateX(-50%) translateY(-50%) scale(.5);
    transform: translateX(-50%) translateY(-50%) scale(.5);
    opacity: 0;

}

.index_partner_circle_item .index_partner_circle_label {
    width: 100%;
    height: 100%;
    border: 0.0520833vw solid rgba(29, 31, 136, 1);
    box-sizing: border-box;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.index_partner_circle_item:nth-child(1) {
    width: 100%;
    height: 100%;
}

.index_partner_circle_item:nth-child(2) {
    width: 127.41935%;
    height: 127.41935%;
}

.index_partner_circle_item:nth-child(3) {
    width: 148.9247%;
    height: 148.9247%;
}

.index_partner_circle_item:nth-child(2) .index_partner_circle_label {
    border: 0.0520833vw solid rgba(29, 31, 136, .3);
}

.index_partner_circle_item:nth-child(3) .index_partner_circle_label {
    border: 0.0520833vw solid rgba(29, 31, 136, .1);
}

.index_partner_head .index_public_head {
    -webkit-transform: scale(.6);
    transform: scale(.6);
    opacity: 0;
    pointer-events: none;
}

.index_partner_head .index_public_title {
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
}

.index_partner_head .index_public_en {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
}

.index_partner_head .index_public_cn {
    padding-left: 1.7708333vw;
}

.index_partner_head .index_public_text {
    text-align: center;
}

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

.index_news_wrap {
    height: 100%;
    -webkit-align-items: center;
    align-items: center;
}

.index_news_center {
    width: 100%;
}

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

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

}

.index_news_head .index_public_cn {
    padding-left: 1.7708333vw;
}

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

.index_news_item_img a {
    padding-bottom: 61.8%;
    width: 100%;
    display: block;
    -webkit-border-radius: 0.9375vw;
    border-radius: 0.9375vw;
}

.index_news_item_img a img {
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.index_news_item_time {
    font-size: 15px;
    line-height: 1.666vw;
    margin-top: 1.30208333vw;
    color: #666666;
}

.index_news_item_title {
    margin-top: 0.41666vw;
    height: auto;
}

.index_news_item_title a {
    font-size: 18px;
    line-height: 1.7708333vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #333333;
}

.index_news_btn_text {
    font-size: 0.78125vw;
    line-height: 1.25vw;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.index_news_item_top {
    margin-top: 1.5vw;
}

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

.index_news_btn_icon {
    width: 0.9375vw;
    height: 0.9375vw;
    margin-left: 0.41666vw;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    background: #aaaaaa;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.index_news_btn_icon svg {
    width: 25%;
    fill: #fff;
}

.index_news_content {
    margin-top: 25px;
}

.index_news_pagination_box {
    /*margin-top: 2.08333vw;*/
    margin-top: 1.041666vw;
}

.index_news_pagination_box .index_public_pagination_line {
    width: calc(100% - 3.8541666vw);
}

.footer_wrap {
    background: #222222;

}

.index_page_content .footer_wrap {
    height: 100%;
}

.footer_wrap a {
    position: relative;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.footer_wrap a:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0.0520833vw;
    background: #fff;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

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

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

.footer_nav_item {
    margin-right: 6.25vw;
}

.footer_nav_title {
    font-size: 16px;
    line-height: 1.25vw;
    margin-bottom: 1.5625vw;
    font-weight: bold;
    color: #ffffff;
}

.footer_nav_li a {
    font-size: 16px;
    line-height: 1.82291666vw;
    color: #777777;
}

.footer_ewm_box {
    width: 6.7708333vw;
}

.footer_ewm_img {
    padding-bottom: 100%;
}

.footer_nav_ul {
    height: 9.11458333vw;
    overflow: hidden;
}

.footer_ewm_title {
    text-align: center;
    font-size: 16px;
    line-height: 1.3541666vw;
    margin-top: 0.67708333vw;
    color: #777777;
}

.footer_box {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 4.1666vw 0 1.5625vw 0;
}

.footer_line_box {
    height: 0.0520833vw;
    width: 100%;
    background: rgba(255, 255, 255, .1);
}

.footer_tel_text {
    font-size: 0.7291666vw;
    line-height: 1.3541666vw;
    color: #555555;
}

.footer_tel_link a {
    font-size: 1.5625vw;
    line-height: 2.08333vw;
    font-weight: bold;
    color: #ffffff;
}

.footer_bq_box {
    width: 100%;
    padding: 2.708333vw 0 2.708333vw 0;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.footer_bq_text,
.footer_bq_text a {
    text-align: right;
    font-size: 0.7291666vw;
    line-height: 1.3541666vw;
    color: #555555;
}

.index_page_current .index_banner_swiper .swiper-slide-active .index_banner_tips {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    font-family: 'd-din-condensed-bold';
}

.index_page_current .index_banner_swiper .swiper-slide-active .index_banner_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
    margin-top: 20px;
}

.index_page_current .index_banner_swiper .swiper-slide-active .index_banner_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
    font-family: 'd-din-condensed-bold';
}

.index_page_current .index_about_head .index_public_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.index_page_current .index_about_head .index_public_en {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

.index_page_current .index_about_max {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}

.index_page_current .index_about_item_box {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms;
}

.index_page_current .index_about_button .index_public_button {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}


.index_page_current .index_development_active .index_development_head .index_public_title {
    opacity: 1 !important;
    pointer-events: auto !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.index_page_current .index_development_active .index_development_head .index_public_en {
    opacity: 1 !important;
    pointer-events: auto !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

.index_page_current .index_development_active .index_development_blue {
    opacity: 1 !important;
    pointer-events: auto !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}

.index_page_current .index_development_active .index_development_green {
    opacity: 1 !important;
    pointer-events: auto !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms;
}

.index_page_current .index_development_active .index_development_text {
    opacity: 1 !important;
    pointer-events: auto !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}

.index_page_current .index_development_active .index_development_button .index_public_button {
    opacity: 1 !important;
    pointer-events: auto !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 250ms;
    transition-delay: 250ms;
}


.index_page_current .index_development_map {
    opacity: 1;
    -webkit-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 250ms;
    transition-delay: 250ms;
}


.index_page_current .index_development_en svg {
    opacity: 1;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 350ms;
    transition-delay: 350ms;
}


.index_page_current .index_development_active .index_development_back_head .index_public_title {
    opacity: 1 !important;
    pointer-events: auto !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);

}

.index_page_current .index_development_active .index_development_back_head .index_public_en {
    opacity: 1 !important;
    pointer-events: auto !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

.index_page_current .index_development_active .index_development_back_title {
    opacity: 1 !important;
    pointer-events: auto !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}

.index_page_current .index_development_active .index_development_back_item {
    opacity: 1 !important;
    pointer-events: auto !important;
    -webkit-transform: none !important;
    transform: none !important;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms;
}

.index_page_current .index_strength_head .index_public_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.index_page_current .index_strength_head .index_public_en {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

.index_page_current .index_strength_swiper .swiper-slide-active .index_strength_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}

.index_page_current .index_strength_swiper .swiper-slide-active .index_strength_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms;
}

.index_page_current .index_strength_swiper .swiper-slide-active .index_public_button {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}

.index_page_current .index_strength_read .index_public_pagination_box {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 250ms;
    transition-delay: 250ms;
}


.index_page_current .index_strength_item_box {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
}

.index_page_current .index_strength_photo_box:after {
    width: 0;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 350ms;
    transition-delay: 350ms;
}

.index_page_current .index_product_head .index_public_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.index_page_current .index_product_head .index_public_en {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

.index_page_current .index_product_content .index_product_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}

.index_page_current .index_product_content .index_product_button .index_public_button {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms;
}

.index_page_current .index_product_content .index_public_pagination_box {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms;
}

.index_page_current .index_product_tab .index_product_item_box {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}


.index_page_current .index_partner_circle_item {
    -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
    transform: translateX(-50%) translateY(-50%) scale(1);
    opacity: 1;
}

.index_page_current .index_partner_circle_item:nth-child(1) {
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.index_page_current .index_partner_circle_item:nth-child(2) {
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 30ms;
    transition-delay: 30ms;
}

.index_page_current .index_partner_circle_item:nth-child(3) {
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 60ms;
    transition-delay: 60ms;
}

.index_page_current .index_partner_head .index_public_head {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}

.index_partner_logo_current .index_partner_item_box {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;

}

.index_page_current .index_news_head .index_public_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.index_page_current .index_news_head .index_public_en {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

.index_page_current .index_news_item_box {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}

.index_page_current .index_news_pagination_box .index_public_pagination_box {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms;
}



.public_banner_wrap {
    height: 46.875vw;
    max-height: 600px;
    position: relative;
    -webkit-align-items: center;
    align-items: center;
    overflow: hidden;
}

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

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

.public_banner_content {
    width: 100%;
}

.public_banner_max {
    padding-top: 30px;
    font-size: 2.5vw;
    line-height: 3.5vw;
    color: #ffffff;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.public_banner_read {
    -webkit-align-items: flex-end;
    align-items: flex-end;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.public_banner_text {
    font-size: 1.5vw;
    line-height: 1.5;
    color: #ffffff;
}

.public_banner_icon {
    width: 0.625vw;
    height: 0.625vw;
    margin-bottom: 1.041666vw;
    margin-left: 0.625vw;
    background: #fff;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.public_nav_wrap {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 0 0 8.333vw;
    height: 4.6875vw;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
    pointer-events: none;
}
.public_nav_wrap.cp,.public_nav_wrap.cp .public_nav_box{height:auto;flex-wrap: nowrap;}
.public_nav_wrap.cp .public_text_default{flex-wrap: nowrap;}
.public_nav_wrap.cp .public_nav_ul{flex: 0 0 80%;}
.public_nav_wrap.cp .public_nav_read{flex: 0 0 20%;width: auto;text-align: right;justify-content: flex-end;}


.public_nav_box {
    background: rgba(255, 255, 255, .85);
    height: 4.6875vw;
    padding: 0 8.333vw 0 3.125vw;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
}

.public_nav_li:first-child {
    margin-left: 0;
}

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

.public_nav_li:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0.15625vw;
    background: #188acc;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.public_nav_li a {
    line-height: 4.6875vw;
    font-size: 20px;
    color: #333333;
}
.public_nav_li:hover a{
color:#188acc
}

.public_nav_active a {
    color: #188acc;
}
.public_nav_li:hover:after {
    width: 100%;
}

.public_nav_active:after {
    width: 100%;
}

.public_nav_default a {
    color: #333333;
}

.public_nav_default:after {
    width: 0;
}

.public_nav_hover a {
    color: #188acc;
}

.public_nav_hover:after {
    width: 100%;
}

.public_nav_icon {
    font-size: 15px;
    line-height: 1.5625vw;
    color: #666;
}

.public_nav_default_text,
.public_nav_default_text a {
    font-size: 0.78125vw;
    line-height: 1.5625vw;
    color: #666;
}

.public_nav_current_text,
.public_nav_current_text a {
    font-size: 0.78125vw;
    line-height: 1.5625vw;
    color: #999999;
}

.public_nav_current_box:last-child .public_nav_current_text,
.public_nav_current_box:last-child .public_nav_current_text a {
    color: #666;
}

.public_text_icon {
    font-size: 0.625vw;
    line-height: 1.5625vw;
    color: #aaaaaa;
}

.public_text_current {
    padding-left: 0.625vw;
}

.public_nav_default_text,
.public_nav_current_text,
.public_nav_current_box {
    padding-left: 0.625vw;
}

.public_text_icon:before {
    display: block;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}


.public_page_head {
    -webkit-align-items: flex-end;
    align-items: flex-end;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.public_page_title {
    font-size: 2.08333vw;
    line-height: 2.708333vw;
    font-weight: bold;
    color: #222222;
}

.public_page_icon {
    width: 0.625vw;
    height: 0.625vw;
    margin-bottom: 0.3125vw;
    margin-left: 0.625vw;
    background: #188acc;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.about_company_big {
    width: 52.08333%;
}

.about_company_photo {
    width: 0;
    padding-bottom: 70%;
    position: relative;
    overflow: hidden;
}

.about_company_img {
    height: 100%;
    width: 52.08333vw;
    position: absolute;
    left: 0;
    top: 0;
}

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

.about_company_title {
    font-size: 18px;
    line-height: 1.5;
    margin-top: 20px;
    color: #188acc;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.about_company_text {
    font-size: 18px;
    line-height: 1.5;
    margin-top: 20px;
    color: #555555;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}
.about_company_text p{margin-bottom:20px}

.about_company_box {
    padding: 5vw 0 5vw 0;
    position: relative;
    z-index: 9;
    -webkit-align-items: center;
    align-items: center;
}

.about_company_wrap {
    position: relative;
    background: #f2f3f5;
}

.about_company_after {
    position: absolute;
    left: 0;
    top: 0;
    width: 8.333vw;
    height: 100%;
}

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

.about_advantage_wrap {
    padding: 5.46875vw 0;
}

.about_advantage_box {
    position: relative;
}

.about_advantage_box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0.0520833vw;
    height: 0;
    background: #e3e3e3;
}

.about_advantage_tips {
    width: 11.25%;
}

.about_advantage_label {
    writing-mode: tb-rl;
    padding-left: 1.041666vw;
    font-size: 16px;
    color: #aaaaaa;
    text-transform: uppercase;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.about_advantage_content {
    width: 88.75%;
}

.about_advantage_item_big {
    position: relative;
}

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

.about_advantage_item_box:nth-child(1) .about_advantage_item_icon {
    right: -0.41666vw;
}

.about_advantage_item_icon {
    position: absolute;
    right: -0.78125vw;
    bottom: 0;
    width: 1.5625vw;
    height: 1.5625vw;
    background: #fff;
    box-sizing: border-box;
    border: 0.0520833vw solid #188acc;
    color: #188acc;
    font-size: 0.7291666vw;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    box-shadow: 0.26041666vw 0 1.5625vw rgba(29, 32, 136, .4);
}

.about_advantage_item_number {
    position: relative;
}

.about_advantage_item_layer {
    font-size: 3.38541666vw;
    line-height: 3.958333vw;
    color: #188acc;
}

.about_advantage_item_label {
    font-size: 0.88541666vw;
    line-height: 2.3958333vw;
    margin-left: 0.78125vw;
    font-weight: bold;
    text-transform: uppercase;
    color: #188acc;
}

.about_advantage_item_box:nth-child(3) .about_advantage_item_label,
.about_advantage_item_box:nth-child(4) .about_advantage_item_label {
    font-size: 1.458333vw;
}

.about_advantage_item_text {
    font-size: 18px;
    line-height: 1.458333vw;
    margin-top: 0.5208333vw;
    color: #666666;
}

.about_advantage_list {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 5.208333vw;
}

.about_advantage_read {
    margin-top: 30px;
    font-size: 18px;
    line-height: 1.5;
    color: #333333;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}
.about_advantage_read p{margin-bottom:20px}

.about_culture_wrap {
    position: relative;
}

.about_culture_back {
    position: relative;
    width: 100%;
    z-index: 1;
}

.about_culture_img {
    padding-bottom: 45%;
}

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

.about_culture_item_box {
    width: 33.3333%;
    padding: 8vw 0 3vw 0;
    position: relative;
}

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

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

.about_culture_item_box:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(24,138,204,0.8);
    opacity: 0;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.about_culture_item_content {
    padding: 0 2.08333vw;
    height: 100%;
    -webkit-align-content: space-between;
    align-content: space-between;
    z-index: 9;
    position: relative;
}

.about_culture_item_en {
    font-size: 30px;
    line-height: 1.6;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.about_culture_item_line {
    width: 2.96875vw;
    height: 0.208333vw;
    margin: 1.5625vw auto 0;
    position: relative;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.about_culture_item_line:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .5);
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.about_culture_item_title {
    font-size: 1.1458333vw;
    line-height: 1.7708333vw;
    margin-top: 2.6041666vw;
    text-align: center;
    color: #ffffff;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.about_culture_item_text {
    font-size: 18px;
    line-height: 1.6;
    height: 10.8333vw;
    overflow: auto;
    text-align: center;
    color: #ffffff;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(2vw);
    transform: translateY(2vw);
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.about_culture_item_icon {
    text-transform: uppercase;
    margin-top: 3.125vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.about_culture_item_label {
    font-size: 16px;
    line-height: 1.458333vw;
    text-align: center;
    color: rgba(255, 255, 255, .4);
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.about_culture_item_number {
    font-size: 16px;
    line-height: 1.458333vw;
    margin-top: 0.41666vw;
    text-align: center;
    color: rgba(255, 255, 255, .4);
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.about_culture_item_head {
    width: 100%;
}

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

.about_culture_item_foot {
    width: 100%;
}

.about_culture_item_current:before {
    opacity: 1;
}

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

.about_culture_item_current .about_culture_item_line:after {
    background: rgba(255, 255, 255, 1);
}

.about_culture_item_current .about_culture_item_label,
.about_culture_item_current .about_culture_item_number {
    color: rgba(255, 255, 255, 1);
}


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

.about_qualification_img {
    padding-bottom: 148.444%;
}

.about_qualification_tab {
    margin-top: 4.1666vw;
}

.about_qualification_wrap {
    padding: 80px 0;
    position: relative;
}

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

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

.about_qualification_line {
    height: 0.208333vw;
    margin-top: 3.38541666vw;
    background: rgba(91, 91, 91, .2);
    position: relative;
    width: 0;
}

.about_qualification_after {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #188acc;
}

.about_qualification_title {
    line-height: 1.6;
    font-size: 18px;
    color: #333333;
    margin-top: 1.041666vw;
    text-align: center;
}


.public_page_text {
    font-size: 15px;
    line-height: 1.666vw;
    margin-top: 1.30208333vw;
    color: #333333;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.development_idea_wrap {
    padding: 6.7708333vw 0 7.55208333vw 0;
}

.development_idea_item_content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    -webkit-align-content: space-between;
    align-content: space-between;
    padding: 3.125vw 0;
}

.development_idea_item_back {
    padding-bottom: 125%;
    position: relative;
}

.development_idea_item_back img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.development_idea_item_back:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ecf0f7;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.development_idea_item_box:nth-child(2n) .development_idea_item_back:after {
    background: #f8fbff;
}

.development_idea_item_box {
    width: 20%;
    position: relative;
}

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

.development_idea_item_icon {
    font-size: 2.6041666vw;
    line-height: 2.6041666vw;
    color: #222222;
    width: 100%;
    text-align: center;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.development_idea_item_center {
    text-align: center;
    width: 100%;
}

.development_idea_item_cn {
    font-size: 1.5625vw;
    line-height: 2.1875vw;
    font-weight: bold;
    color: #333333;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.development_idea_item_en {
    font-size: 0.7291666vw;
    line-height: 1.25vw;
    margin-top: 0.208333vw;
    text-transform: uppercase;
    color: #333333;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.development_idea_item_foot {
    width: 100%;
}

.development_idea_item_line {
    width: 1.30208333vw;
    height: 1.30208333vw;
    position: relative;
    margin: 0 auto;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.development_idea_item_line:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 0.15625vw;
    height: 100%;
    background: #cccfe7;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.development_idea_item_line:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    height: 0.15625vw;
    width: 100%;
    background: #cccfe7;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.development_idea_list {
    margin-top: 5.208333vw;
}

.development_idea_item_current .development_idea_item_back img {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.development_idea_item_current .development_idea_item_back:after {
    opacity: 0;
}

.development_idea_item_current .development_idea_item_icon {
    color: #fff;
}

.development_idea_item_current .development_idea_item_cn {
    color: #fff;
}

.development_idea_item_current .development_idea_item_en {
    color: #fff;
}

.development_idea_item_current .development_idea_item_line:after {
    background: #fff;
    height: 0;
}

.development_idea_item_current .development_idea_item_line:before {
    background: #fff;
}


.development_idea_item_hover .development_idea_item_back img {
    -webkit-transform: scale(1);
    transform: scale(1);
}


.development_idea_item_default .development_idea_item_back:after {
    -webkit-transition-delay: 0ms !important;
    transition-delay: 0ms !important;
}

.development_idea_item_default .development_idea_item_icon {
    -webkit-transition-delay: 0ms !important;
    transition-delay: 0ms !important;
}

.development_idea_item_default .development_idea_item_cn {
    -webkit-transition-delay: 0ms !important;
    transition-delay: 0ms !important;
}

.development_idea_item_default .development_idea_item_en {
    -webkit-transition-delay: 0ms !important;
    transition-delay: 0ms !important;
}

.development_idea_item_default .development_idea_item_line:after {
    -webkit-transition-delay: 0ms !important;
    transition-delay: 0ms !important;
}

.development_idea_item_default .development_idea_item_line:before {
    -webkit-transition-delay: 0ms !important;
    transition-delay: 0ms !important;
}


.development_energy_tab {
    padding: 0 6.25vw;
    margin-top: 5.208333vw;
}

.development_energy_item_box {
    width: 29.779411%;
    margin-right: 5.3308835%;
    position: relative;
}

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

.development_energy_item_circle {
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative;

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

.development_energy_item_circle svg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    fill: #fff;
    fill-opacity: 0;
    stroke: #fff;
    stroke-width:0.0520833vw;

}

.development_energy_item_circle svg circle {
    stroke-dasharray: 314.15927%;
    stroke-dashoffset:314.15927%;

}

.development_energy_item_content {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    padding: 0 2.08333vw;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.development_energy_item_icon {
    position: relative;
    width: 5.26041666vw;
    height: 5.26041666vw;
    margin: 0 auto;
    -webkit-align-content: center;
    align-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

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

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

.development_energy_item_default svg {
    width: 100%;
    fill: #fff;
    z-index: 2;
}

.development_energy_item_default {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(28deg);
    transform: translateX(-50%) translateY(-50%) rotate(28deg);
}

.development_energy_item_animate svg {
    width: 89.10891%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    fill: #fff;
    fill-opacity: 0;
    stroke: #fff;
    stroke-linejoin: round;
    stroke-width: 0.0520833vw;
    fill-rule: evenodd;

}

.development_energy_item_label {
    position: relative;
    z-index: 2;
    font-size: 1.51041666vw;
    color: #188acc;
}

.development_energy_item_label.icon-a-08 {
    font-size: 1.666vw;
}

.development_energy_item_label.icon-a-11 {
    font-size: 1.875vw;
}

.development_energy_back {
    padding-bottom: 46.875%;
    z-index: 1;
}

.development_energy_wrap {
    position: relative;
}

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

.development_energy_big {
    width: 100%;
}

.public_page_center .public_page_head {
    -webkit-justify-content: center;
    justify-content: center;
}

.public_page_center .public_page_text {
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
}

.public_page_white .public_page_title {
    color: #fff;
}

.public_page_white .public_page_icon {
    background: #fff;
}

.public_page_white .public_page_text {
    color: #fff;

}

.development_energy_item_text {
    color: #fff;
    font-size: 16px;
    line-height: 1.5625vw;
    margin-top: 1.5625vw;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.innovation_output_wrap {
    padding: 80px 0;
    position: relative;
}

.innovation_output_item_box {
    width: 48.875%;
    margin-right: 2.25%;
    position: relative;
}

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

.innovation_output_item_box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to top, rgba(0, 0, 0, .4), rgba(0, 0, 0, 0) 60%);
}

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

.innovation_output_item_img {
    padding-bottom: 54.9872122%;
}

.innovation_output_item_title {
    width: 100%;
    padding: 0 2.08333vw;
    font-size: 18px;
    line-height: 1.875vw;
    font-weight: bold;
    position: absolute;
    text-align: center;
    z-index: 2;
    left: 0;
    bottom: 1.82291666vw;
    color: #fff;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.innovation_output_tab {
    margin-top: 4.1666vw;
    position: relative;
    z-index: 9;
}

.innovation_output_base {
    position: absolute;
    right: -4.4791666vw;
    top: 2.34375vw;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    width: 28.2291666vw;
    z-index: 9;
    opacity: 0;
}

.innovation_output_wrap:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    /*height: 18.2291666vw;*/
    height: 0;
    width: 100%;
    background: #f4f4f4;
}

.innovation_auto_photo {
    width: 50%;
    overflow: hidden;
    position: relative;
}

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

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

.innovation_auto_content {
    width: 50%;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
}

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

.innovation_auto_read {
    width: 100%;

}

.innovation_auto_head .innovation_auto_content {
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.innovation_auto_head .innovation_auto_read {
    margin-top: 8.333vw;
}

.innovation_auto_img {
    padding-bottom: 72.91666%;
}

.innovation_auto_back {
    position: absolute;
    left: -6.1458333vw;
    bottom: 2.6041666vw;
    z-index: 9;
    text-transform: uppercase;
    -webkit-text-stroke: 0.0520833vw #dedede;
    color: rgba(255, 255, 255, 0);
    font-size: 7.291666vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateX(-3vw);
    transform: translateX(-3vw);
}

.product_page_wrap {
    padding: 00px 0;
}


.product_page_item_box {
    width: calc((100% - 90px)/4);
    margin: 0 30px 30px 0;
    position: relative;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

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

.product_page_item_img {
    padding-bottom: 100%;
    height:0;
    border:1px solid #eee;
    background: url(/template/default/picture/about_qualification_back.jpg);
    background-size: cover;
}
.product_page_item_title{margin-top: 20px;color: #fff;font-family: d-din-condensed-bold,"Manrope-Regular", "Microsoft YaHei", "Arial", "Helvetica", "sans-serif" !important;font-size: 28px;padding:0 10px;}
.product_page_item_title2{text-align:center;font-size: 22px;position: absolute;width: 100%;bottom: 10px;padding:0 5px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;}
.product_page_item_title a{
    width: 100%;
    font-size: 18px;
    line-height: 1.6;
    color: #222222;
    white-space: nowrap;
    text-align:center;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.product_page_item_hover {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(24,138,204,.9);
    z-index: 9;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.product_page_item_after {
    font-size: 1.3541666vw;
    -webkit-transform: scale(.6);
    transform: scale(.6);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    text-align: center;
}
.product_page_item_after:before{color:#fff;}

.product_page_item_box:hover .product_page_item_hover {
    width: 100%;
    height: 100%;
    opacity: 1;
}

.product_page_item_box:hover .product_page_item_after {
    -webkit-transform: scale(1);
    transform: scale(1);
    text-align: center;
}

.product_page_list {
    margin-top: 3vw;
}

.product_popup_wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: rgba(0, 0, 0, .76);
    -webkit-align-items: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.product_popup_close_btn {
    position: absolute;
    right: 1.5625vw;
    top: 1.5625vw;
    width: 2.6041666vw;
    height: 2.6041666vw;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

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

.product_popup_close_label {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.product_popup_close_label:after {
    content: "";
    width: 0.1041666vw;
    height: 90%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: #fff;
    -webkit-border-radius: 0.0520833vw;
    border-radius: 0.0520833vw;
}

.product_popup_close_label:before {
    content: "";
    width: 90%;
    height: 0.1041666vw;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: #fff;
    -webkit-border-radius: 0.0520833vw;
    border-radius: 0.0520833vw;
}

.product_popup_active {
    opacity: 1;
    pointer-events: auto;
}

.product_popup_box {
    padding: 0 2.08333vw;
    width: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
}

.product_popup_button {
    width: 3.125vw;
    height: 3.125vw;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: rgba(255, 255, 255, .1);
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    outline: none;
    cursor: pointer;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.product_popup_button svg {
    fill: #fff;
    width: 28.333%;
}

.product_popup_button:hover {
    background: #188acc;
}

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

.product_popup_tab {
    width: 30%;
}

.product_popup_img {
    padding-bottom: 144.15584%;
}

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

.product_btn_box {
    cursor: pointer;
}

.product_btn_text {
    font-size: 16px;
    line-height: 2.6041666vw;
    color: #999999;
    }

.product_btn_icon {
    width: 0.57291666vw;
    margin-left: 0.625vw;
}

.product_btn_icon svg {
    fill: #999999;
}

.partner_page_wrap {
    padding: 6.25vw 0 3.6458333vw 0;
    background: #f4f4f4;
}

.partner_page_list {
    margin-top: 4.1666vw;
}

.partner_page_item_box {
    width: 19.25%;
    margin: 0 0.9375% 0.9375% 0;
    background: #fff;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.partner_page_item_box:nth-child(5n) {
    margin: 0 0 0.9375% 0;
}

.partner_page_item_img {
    padding-bottom: 67.20779%;
}

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

.news_number_max {
    font-size: 3.541666vw;
    line-height: 3.125vw;
    color: #666666;
}

.news_number_min {
    font-size: 16px;
    line-height: 1.666vw;
    color: #aaaaaa;
}

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

.news_number_title a {
    font-size: 18px;
    line-height: 1.7708333vw;
    color: #333333;
    font-weight: bold;
}

.news_number_text {
    font-size: 0.78125vw;
    line-height: 1.5625vw;
    height: 7.8125vw;
    margin-top: 0.78125vw;
    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(3vw);
    transform: translateY(3vw);
}

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

.news_slide_item_box {
    background: #f5f5f5;
    height: 100%;
    -webkit-align-items: center;
    align-items: center;
}

.news_page_tab {
    width: 40%;
    padding: 0 3.90625vw 0 3.38541666vw;
    position: relative;
}

.news_page_swiper {
    height: 100%;
}

.news_page_photo {
    width: 60%;
    height: 100%;
    position: relative;
}

.news_img_slide a {
    display: block;
}

.news_img_box {
    padding-bottom: 62.5%;
    position: relative;
}

.news_page_photo:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #f5f5f5;
    z-index: 10;
}

.news_page_wrap {
    padding: 80px 0;
}

.news_page_content {
    background: #f5f5f5;
    padding-bottom: 5.208333vw;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.news_page_line {
    width: 100%;
    height: 0.208333vw;
    background: rgba(91, 91, 91, .2);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 9;
}

.news_page_after {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #188acc;
}

.about_qualification_line_animate {
    -webkit-animation: strengthLineWidth 10s forwards linear normal;
    animation: strengthLineWidth 10s forwards linear normal;
}


.news_page_swiper .swiper-slide-active .news_number_box {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.news_page_swiper .swiper-slide-active .news_number_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

.news_page_swiper .swiper-slide-active .news_number_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}

.news_page_swiper .swiper-slide-active .news_number_button {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms;
}

.news_page_item_box {
    width: 31.875%;
    margin: 0 2.1875% 3.6458333vw 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

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

.news_page_item_box:hover .news_page_item_title a {
    color: #188acc;
}

.news_page_item_box:hover .index_news_btn_icon {
    background: #188acc;
}

.news_page_item_box:hover .index_news_btn_text {
    color: #188acc;
}

.news_page_item_box:nth-child(3n) {
    margin: 0 0 3.6458333vw 0;
}

.news_page_item_img a {
    display: block;
    padding-bottom: 64.70588%;
    position: relative;
}

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

.news_page_item_img a img {
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.news_page_item_time {
    font-size: 16px;
    line-height: 1.458333vw;
    padding: 1.666vw 0 0.8333vw 0;
    color: #333333;
}

.news_page_item_line {
    height: 0.0520833vw;
    width: 100%;
    background: #eaeaea;
}

.news_page_item_title {
    margin-top: 1.30208333vw;
}

.news_page_item_title a {
    max-width: 100%;
    font-size: 18px;
    line-height: 1.7708333vw;
    color: #222222;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);

}

.news_page_big {
    padding: 0vw 0 2.6041666vw 0;
}

.news_page_item_button {
    margin-top: 1.458333vw;
}

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

.page_number_box a {
    width: 2.291666vw;
    color: #999999;
    font-size: 15px;
    line-height: 2.291666vw;
    margin: 0 0.5208333vw;
    text-align: center;
    position: relative;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.page_number_box .page_number_btn {
    width: auto;
    padding: 0 1.40625vw;
}

.page_number_box a:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 0.0520833vw solid #dedede;
    -webkit-border-radius: 1.1458333vw;
    border-radius: 1.1458333vw;
    z-index: -1;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}


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

.page_number_box a:hover:after {
    background: #188acc;
    border: 0.0520833vw solid #188acc;
}

.news_read_content {
    width: 74.25%;
}

.news_related_content {
    width: 25.75%;
    padding-left: 4.6875vw;
}

.news_read_wrap {
    padding: 5.7291666vw 0;
}

.news_read_title {
    font-size:22px;
    line-height: 2.08333vw;
    margin-bottom: 1.5625vw;
    font-weight: bold;
    color: #222222;
}

.news_read_label {
    font-size: 15px;
    line-height: 1.5625vw;
    margin-bottom: 2.1875vw;
    color: #999999;
    margin-right: 3.125vw;
}

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

.news_read_line {
    height: 0.0520833vw;
    width: 100%;
    background: #eaeaea;
}

.news_read_bjq {
    padding: 2.6041666vw 0 3vw 0;
}
.product_read_bjq {
    padding: 30px 0 30px 0;
}
.product_read_bjq p{
	opacity: 1;
	/* pointer-events: none; */
	/* -webkit-transform: translateY(3vw); */
	/* transform: translateY(3vw); */
}

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

.news_read_bjq,
.news_read_bjq p {
    font-size: 18px;
    line-height: 1.6;
    color: #333333;
    margin-bottom: 15px;
        text-wrap: inherit;
}
.product_read_bjq strong{
    font-size:24px;color:#333
    
}
.product_read_bjq{border-top:1px solid #eee;margin-top: 40px;overflow: hidden;}
.product_read_bjq,
.product_read_bjq p {
    font-size: 18px;
    line-height: 1.6;
    color: #666;
    margin-bottom: 0;
    text-wrap: inherit;
}
.product_read_bjq img{max-width: 100%;width:auto;float:right;padding-left:40px;padding-bottom: 30px;}
.news_read_bjq span,.product_read_bjq span,.news_read_bjq div,.product_read_bjq div{text-wrap: inherit!important;}

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

.news_related_title {
    font-size: 18px;
    line-height: 1.875vw;
    color: #333333;
}

.news_related_line {
    margin-top: 0.5208333vw;
    width: 100%;
    height: 0.0520833vw;
    background: #e8e8e8;
}

.news_related_list {
    margin-top: 2.08333vw;
}

.news_related_item_img a {
    display: block;
    padding-bottom: 57.8125%;
}

.news_related_item_time {
    font-size: 15px;
    line-height: 1.1458333vw;
    margin-top: 1.041666vw;
    color: #999999;
}

.news_related_item_title {
    margin-top: 0.5208333vw;
}

.news_related_item_title a {
    max-width: 100%;
    font-size: 16px;
    line-height: 1.458333vw;
    max-width: 100%;
    font-weight: bold;
    color: #333333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

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

.news_related_item_box {
    margin-bottom: 2.291666vw;
}

.news_related_item_box:hover .news_related_item_img a img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.news_related_item_box:hover .news_related_item_title a {
    color: #188acc;
}

.news_related_item_img a img {
    -webkit-transition: all .8s cubic-bezier(.69, .27, .45, .99);
    transition: all .8s cubic-bezier(.69, .27, .45, .99);
}

.news_navigation_box {
    padding: 0 2.6041666vw;
    -webkit-align-items: center;
    align-items: center;
    background: #f6f6f6;
}

.news_navigation_icon {
    line-height: 3.38541666vw;
    font-size: 0.78125vw;
    color: #666666;
    padding-left: 0.9375vw;
}

.news_navigation_text {
    line-height: 3.38541666vw;
    font-size: 16px;
    color: #666666;
}

.news_navigation_prev .news_navigation_icon {
    transform: rotate(180deg);
}

.news_navigation_list a {
    width: 1.041666vw;
}

.news_navigation_list a svg {
    fill: #999999;
}

.news_navigation_btn {
    width: calc(50% - 0.5208333vw);
}

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

.contact_page_content {
    width: 50%;
}

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

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

.contact_page_map_box {
    /* padding-bottom: 97.3958333%; */
    position: relative;
}

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


.BMap_Marker .wap_list {
    opacity: 0;
}

.BMap_noprint .wap_list {
    opacity: 1;
}

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

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

.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;
    }
}


.contact_page_ewm_box {
    width: 9.2708333vw;
    margin-top: 30px;
}

.contact_page_ewm_img {
    box-sizing: border-box;
    border: 1px solid #ececec;
    width: 120px;
    height: 120px;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}


.contact_page_ewm_title {
    text-align: center;
    font-size: 15px;
    line-height: 1.25vw;
    margin-top: 0.8333vw;
    width: 120px;
    color: #666666;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.contact_page_address {
    margin-top: 20px;
}

.contact_page_text a {
    font-size: 18px;
    line-height: 2.08333vw;
    color: #666666;
}
.contact_page_text {
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 5px;
    color: #666666;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.contact_page_center {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
}

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

.development_saving_wrap {
    padding: 6.25vw 0 7.55208333vw 0;
    position: relative;
}

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

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

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

.development_saving_list {
    margin-top: 9.11458333vw;
}

.development_saving_item_box {
    width: 19.0625%;
    margin: 0 1.171875% 0 0;
    position: relative;
}

.development_saving_item_big {
    position: relative;
    padding-bottom: 130.1639%;
}

.development_saving_item_foot {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 112.459016%;
}

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

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

.development_saving_item_circle {
    position: absolute;
    left: 50%;
    top: -1.6666vw;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 4.375vw;
    height: 4.375vw;

    margin: 0 auto;
    z-index: 1;

}

.development_saving_item_top {
    line-height: 4.375vw;
    font-size: 1.5625vw;
    color: #23268b;
    background: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    box-shadow: 0 0 1.041666vw rgba(223, 223, 223, .3);
    text-align: center;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.development_saving_item_title {
    color: #188acc;
    font-size: 18px;
    line-height: 1.875vw;
    margin-top: 2.08333vw;
    font-weight: bold;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.development_saving_item_icon {
    color: #188acc;
    font-size: 1.875vw;
    margin-top: 1.71875vw;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}

.development_saving_item_icon:before {
    display: block;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.development_saving_item_text {
    color: #888888;
    font-size: 15px;
    line-height: 1.5625vw;
    margin-top: 1.666vw;
    text-align: center;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(3vw);
    transform: translateY(3vw);
}


.development_saving_read {
    text-align: center;
    font-size:22px;
    line-height: 2.6041666vw;
    margin-top: 3.90625vw;
    color: #23268b;
}

.development_saving_item_svg {
    position: absolute;
    right: -51%;
    top: -11%;
    width: 13.958333vw;
    overflow: hidden;
}

.development_saving_item_animate {
    width: 0;
    overflow: hidden;
}

.development_saving_item_label {
    width: 13.958333vw;
    fill: #009944;
}

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

.development_saving_item_box:nth-child(5n) .development_saving_item_svg {
    display: none;
}



.development_saving_item_box:nth-child(2n) .development_saving_item_top {
    color: #009944;
}

.development_saving_item_box:nth-child(2n) .development_saving_item_title {
    color: #009944;
}

.development_saving_item_box:nth-child(2n) .development_saving_item_icon {
    color: #009944;
}


.development_saving_item_box:nth-child(2n) .development_saving_item_svg {
    top: -25%;
    right: -44%;
}

.development_saving_item_box:nth-child(2n) .development_saving_item_label {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);

    fill: #23268b;
}

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

.AddBannerRead .public_banner_max {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}

.AddBannerRead .public_banner_read {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

.AddBannerRead .public_nav_wrap {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}


.AddAboutCompanyWrap .about_company_photo {
    width: 100%;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}

.AddAboutCompanyWrap .about_company_after:after {
    width: 100%;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}


.AddAboutCompanyWrap .public_page_head {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
}

.AddAboutCompanyWrap .about_company_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 350ms;
    transition-delay: 350ms;
}

.AddAboutCompanyWrap .about_company_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
}

.AddAboutAdvantageBox:after {
    height: 100%;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}

.AddAboutAdvantageBox .about_advantage_label {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}

.AddAboutAdvantageBox .public_page_head {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

.AddAboutAdvantageBox .about_advantage_read {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}

.AddAboutAdvantageBox .about_advantage_item_box {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms;
}

.AddAboutCultureBox .about_culture_item_en {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}

.AddAboutCultureBox .about_culture_item_line {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

.AddAboutCultureBox .about_culture_item_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}
.AddAboutCultureBox .about_culture_item_center {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms;
}
.AddAboutCultureBox .about_culture_item_icon {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms;
}


.AddAboutQualificationHead .public_page_head {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}


.AddAboutQualificationBox {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}

.AddAboutQualificationLine {
    pointer-events: auto;
    width: 100%;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}


.AddDevelopmentIdeaBox .public_page_head {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}

.AddDevelopmentIdeaBox .public_page_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

.AddDevelopmentIdeaItemBox:after {
    height: 0;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}

.AddDevelopmentIdeaItemBox .development_idea_item_icon {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
}

.AddDevelopmentIdeaItemBox .development_idea_item_cn {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 450ms;
    transition-delay: 450ms;
}

.AddDevelopmentIdeaItemBox .development_idea_item_en {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 500ms;
    transition-delay: 500ms;
}

.AddDevelopmentIdeaItemBox .development_idea_item_line {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 550ms;
    transition-delay: 550ms;
}


.AddDevelopmentEnergyContent .public_page_head {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}

.AddDevelopmentEnergyContent .public_page_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

.AddDevelopmentEnergyTab .development_energy_item_circle svg circle {
    stroke-dasharray: 314.15927% 0;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}

.AddDevelopmentEnergyTab .development_energy_item_icon {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}

.AddDevelopmentEnergyTab .development_energy_item_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms;
}

.AddDevelopmentEnergyTab .development_energy_item_default {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(0);
    transform: translateX(-50%) translateY(-50%) rotate(0);
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
}


.AddDevelopmentSavingHead .public_page_head {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}

.AddDevelopmentSavingHead .public_page_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}


.development_saving_item_box:nth-child(2n) {
    margin-top: 2.6041666vw;
}

.AddDevelopmentSavingTab .development_saving_item_box:nth-child(1) .development_saving_item_animate {
    width: 100%;
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1);
    transition: all .6s cubic-bezier(.77, 0, .175, 1);
}

.AddDevelopmentSavingTab .development_saving_item_box:nth-child(1) .development_saving_item_top {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}

.AddDevelopmentSavingTab .development_saving_item_box:nth-child(1) .development_saving_item_back {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

.AddDevelopmentSavingTab .development_saving_item_box:nth-child(1) .development_saving_item_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

.AddDevelopmentSavingTab .development_saving_item_box:nth-child(1) .development_saving_item_icon {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}

.AddDevelopmentSavingTab .development_saving_item_box:nth-child(1) .development_saving_item_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}

.AddDevelopmentSavingTab .development_saving_item_box:nth-child(2) .development_saving_item_animate {
    width: 100%;
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1);
    transition: all .6s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}

.AddDevelopmentSavingTab .development_saving_item_box:nth-child(2) .development_saving_item_top {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

.AddDevelopmentSavingTab .development_saving_item_box:nth-child(2) .development_saving_item_back {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}

.AddDevelopmentSavingTab .development_saving_item_box:nth-child(2) .development_saving_item_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms;
}

.AddDevelopmentSavingTab .development_saving_item_box:nth-child(2) .development_saving_item_icon {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}

.AddDevelopmentSavingTab .development_saving_item_box:nth-child(2) .development_saving_item_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 250ms;
    transition-delay: 250ms;
}


.AddDevelopmentSavingTab .development_saving_item_box:nth-child(3) .development_saving_item_animate {
    width: 100%;
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1);
    transition: all .6s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
}

.AddDevelopmentSavingTab .development_saving_item_box:nth-child(3) .development_saving_item_top {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}

.AddDevelopmentSavingTab .development_saving_item_box:nth-child(3) .development_saving_item_back {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms;
}

.AddDevelopmentSavingTab .development_saving_item_box:nth-child(3) .development_saving_item_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}

.AddDevelopmentSavingTab .development_saving_item_box:nth-child(3) .development_saving_item_icon {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 250ms;
    transition-delay: 250ms;
}

.AddDevelopmentSavingTab .development_saving_item_box:nth-child(3) .development_saving_item_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
}


.AddDevelopmentSavingTab .development_saving_item_box:nth-child(4) .development_saving_item_animate {
    width: 100%;
    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1);
    transition: all .6s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 600ms;
    transition-delay: 600ms;
}


.AddDevelopmentSavingTab .development_saving_item_box:nth-child(4) .development_saving_item_top {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms;
}

.AddDevelopmentSavingTab .development_saving_item_box:nth-child(4) .development_saving_item_back {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}

.AddDevelopmentSavingTab .development_saving_item_box:nth-child(4) .development_saving_item_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 250ms;
    transition-delay: 250ms;
}

.AddDevelopmentSavingTab .development_saving_item_box:nth-child(4) .development_saving_item_icon {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
}

.AddDevelopmentSavingTab .development_saving_item_box:nth-child(4) .development_saving_item_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 350ms;
    transition-delay: 350ms;
}



.AddDevelopmentSavingTab .development_saving_item_box:nth-child(5) .development_saving_item_top {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}

.AddDevelopmentSavingTab .development_saving_item_box:nth-child(5) .development_saving_item_back {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 250ms;
    transition-delay: 250ms;
}

.AddDevelopmentSavingTab .development_saving_item_box:nth-child(5) .development_saving_item_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
}

.AddDevelopmentSavingTab .development_saving_item_box:nth-child(5) .development_saving_item_icon {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 350ms;
    transition-delay: 350ms;
}

.AddDevelopmentSavingTab .development_saving_item_box:nth-child(5) .development_saving_item_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
}


.AddInnovationOutputHead .public_page_head {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}

.AddInnovationOutputHead .public_page_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}


.AddInnovationOutputItemBox:before {
    height: 0;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}

.AddInnovationOutputItemBox .innovation_output_item_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}

.AddInnovationOutputWrap:after {
    height: 18.2291666vw;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms;
}

.AddInnovationAutoImg:after {
    width: 0;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}

.AddInnovationAutoContent .innovation_auto_back {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
}
.AddInnovationFootContent .innovation_auto_back {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
    left: 40%;
    bottom: 1vw;
}

.AddInnovationAutoContent .public_page_head {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 350ms;
    transition-delay: 350ms;
}

.AddInnovationAutoContent .innovation_auto_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
}

.AddInnovationFootImg:after {
    width: 0 !important;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}

.AddInnovationFootContent .public_page_head {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 350ms;
    transition-delay: 350ms;
}

.AddInnovationFootContent .innovation_auto_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
}


.AddProPageHead .public_page_head {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}

.AddProPageItem {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}

.AddProPageBtn {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}


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

.AddPartnerPageHead .public_page_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

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


.AddNewsPageContent {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}

.AddNewsPageContent .news_page_photo:after {
    width: 0;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}

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

.AddNewsPageItemBox .news_page_item_img a:after {
    height: 0;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}

.AddPageNumberBox {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}

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

.AddContactPageContent .public_page_head {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
}

.AddContactPageContent .contact_page_text:nth-child(1) {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
}


.AddContactPageContent .contact_page_text:nth-child(2) {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}

.AddContactPageContent .contact_page_text:nth-child(3) {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms;
}

.AddContactPageContent .contact_page_text:nth-child(4) {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}

.AddContactPageContent .contact_page_ewm_img {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 250ms;
    transition-delay: 250ms;
}

.AddContactPageContent .contact_page_ewm_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
}

.AddContactPageMap:after {
    width: 0;
    -webkit-transition: all 1s cubic-bezier(.77, 0, .175, 1);
    transition: all 1s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition-delay: 800ms;
    transition-delay: 800ms;
}

.header_wap_box {
    display: none;
}

#ascrail2000{background:#f5f5f5!important;opacity: 1!important;width:8px!important;}
.nicescroll-cursors{background:#188acc!important;width:8px!important;}

.logo2{display:none;}
.logo .logo1{display:none;}
.logo .logo2{display:block;}
.logo span{color:#fff;}

.message-form {
	margin-right: 14.58vw;
	padding-top: 0;
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	padding-top: 50px;
}

.message-form .marketing-top {
	text-align: left;
	font-size: 20px;
	margin-bottom: 20px;
}

.message-form .marketing-top strong {
	margin-bottom: 0;
	line-height: 1.2;
	display: block;
}

.message-form .marketing-top p {
	margin-top: 15px;
}

.message-row {
	margin-bottom: 10px;
}

.message-row .text {
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: #999999;
	font-size: 14px;
	padding: 0 20px;
	border: none;
	outline: none;
	border-bottom: 1px solid #dddddd;
	transition: 0.3s;
}

.message-row .text:focus {
	border-color: #a78157;
}

.message-row .text:focus::-webkit-input-placeholder {
	opacity: 0;
	visibility: hidden;
}

.message-row .textarea {
	color: #999999;
	font-size: 14px;
	padding: 10px 20px;
	height: 60px;
	box-sizing: content-box;
	border: none;
	border-bottom: 1px solid #dddddd;
	transition: 0.3s;
	width: -webkit-fill-available;
	resize: none;
	font-family: "Open Sans";
}

.message-row .textarea:focus {
	border-color: #a78157;
}

.message-row .textarea:focus::-webkit-input-placeholder {
	opacity: 0;
	visibility: hidden;
}

.message-sub {
	display: inline-flex;
	position: relative;
	align-items: center;
	cursor: pointer;
	margin-top: 10px;
	width: 100%;
}
.message-sub button{
    width: 100%;
    line-height: 46px;
    background: #127eff;
    color: #fff;
    border: none;
    cursor: pointer;
}

.message-sub .sub {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}

.message-sub span {
	display: inline-block;
	margin-right: 8px;
	color: #a78157;
	font-size: 18px;
	font-family: "Open Sans-bold";
}
#mapContainer {
		width: 100%;
		height: 1000px;
	}

	#tip {
		height: 30px;
		background-color: #fff;
		padding-left: 10px;
		padding-right: 10px;
		position: absolute;
		font-size: 12px;
		right: 10px;
		bottom: 20px;
		border-radius: 3px;
		line-height: 30px;
		border: 1px solid #ccc;
	}

	#mapContainer div.info-top {
		position: relative;
		background: none repeat scroll 0 0 #F9F9F9;
		border-bottom: 1px solid #CCC;
		border-radius: 5px 5px 0 0;
	}

	#mapContainer div.info-top div {
		display: inline-block;
		color: #333333;
		font-size: 14px;
		font-weight: bold;
		line-height: 31px;
		padding: 0 10px;
		text-align: left;
	}

	#mapContainer div.info-top img {
		position: absolute;
		top: 10px;
		width: auto;
		right: 10px;
		transition-duration: 0.25s;
	}

	#mapContainer div.info-top img:hover {
		box-shadow: 0px 0px 5px #000;
	}

	#mapContainer div.info-middle {
		font-size: 12px;
		padding: 10px;
		line-height: 21px;
		text-align: left
	}

	#mapContainer div.info-bottom {
		height: 0px;
		width: 100%;
		clear: both;
		text-align: center;
	}

	#mapContainer div.info-bottom img {
		position: relative;
		z-index: 104;
		width: auto;
	}
	#mapContainer .amap-logo,#mapContainer .amap-copyright,#mapContainer .amap-controls{display:none!important;}
	.fenye {padding: 30px 0;text-align: center;overflow: hidden;clear: both;}
	.fenye a, .fenye span {zoom: 1;display: inline-block;vertical-align: middle;padding: 10px 15px;font-size: 14px;color: #666;background: #f7f7f7;margin-bottom: 5px;margin-right: 8px;}
	.fenye a:hover, .fenye .page-num-current {background: #016d9e;color: #fff;}
	
	.nynav{padding: 20px 8.333vw 20px 3.125vw;background: #f7f7f7;}
	.nynav_li{}
	.nynav_link{display:none;}
	.nynav_li ul{display:none;}
	.nynav_li.on ul{display:flex;}
	.nynav_li.on ul li{padding: 0;line-height: 40px;margin-right: 40px;font-size: 16px;}
	.nynav_li.on ul li a{color: #666;}
    .nynav_li.on ul li.on a{color: #188acc;}
	
	.detail-one {margin: 0 auto;display: flex;flex-wrap: wrap;background: #fff;}
	.detail-one-imgs{width:100%;}
	.cpxqleft {flex: 0 0 45%;position: relative;margin-right: 5%;background: #fff;border: 1px solid #eee;width: 45%;}
    .cpxqleft .swiper-button-prev:after,.cpxqleft .swiper-button-next:after{font-size: 20px;color: #aaa;}

	.cpxqright {flex: 1;padding: 20px 20px 20px 0;/* BORDER-LEFT: 1px solid #eee; */color: #333;}
	.detail-one-title {font-size: 30px;font-weight: bold;margin-top: 0;margin-bottom: 20px;}
	.detail-one-text {font-size: 18px;line-height: 1.4;color: #666;margin-bottom: 20px;}
	.detail-one-text2 {font-size: 18px;line-height: 1.4;color: #666;margin-bottom: 20px;margin-top: 20px;}
	.detailbut {margin-top: 30px;}
	.detailcpzx {padding: 8px 30px;background: #188acc;display: inline-block;color: #fff;transform: skew(-8deg);border-radius: 3px;font-size: 16px;}
	
	.product_related_item_img a{padding-bottom: 100%;width: 100%;border: 1px solid #eee;}
	.product_related_item_title{margin-top: 10px;margin-bottom: 30px;}
    .product_related_item_title a{width:100%;text-align:center;font-size: 20px;}.category{margin: 20px 0;font-size: 18px;}
    .category a{margin-left:5px}.cpxq{margin: 60px 0;}
	
	.product_read_bjq table{width:100%;}
	.product_read_bjq td{padding: 6px 10px;}
	.product_read_bjq td strong{color: #188acc;}
	.product_read_bjq tr{border: 1px solid rgba(0,0,0,0.06);}
    .product_read_bjq tr:nth-child(2n){background:rgba(0,0,0,0.03);}



@media only screen and (max-width: 1400px) and (min-width: 1280px){
.product_page_item_title{font-size:22px;}
.product_page_item_title2{font-size:20px;}
.public_nav_wrap{padding: 0 0 0 6vw;}
.web_center {padding: 0 6vw;}
}
@media only screen and (max-width: 1280px) and (min-width: 1024px){
    .about_culture_item_box{padding:80px 0;}
	.about_culture_item_en{font-size:20px;}
	.AddAboutCompanyWrap .about_company_text{display:none;}
	.footer_nav_item{margin-right: 5.25vw;}
	.public_nav_li a{font-size:17px;}
	.product_page_item_img{height:0;}
	.product_page_item_box{width: calc((100% - 60px)/4);margin: 0 20px 20px 0;}
	.cpxqright{padding:0 5%;}
	
	.product_page_item_title{font-size:20px;}
	.product_page_item_title2{font-size:18px;}
	.public_nav_wrap{padding: 0 0 0 5vw;}
	.web_center {padding: 0 5vw;}
}
@media only screen and (max-width: 1023px) and (min-width: 769px){
	.header_logo_box a{width:160px;}
	.header_logo_box a img{height: 40px!important;}
	.header_logo_box span{font-size: 20px;}
	.news_read_bjq, .news_read_bjq p{font-szie:15px;}
	.news_read_title{font-szie:18px;}
	
	.product_page_item_title{font-size:20px;}
	.product_page_item_title2{font-size:16px;}
	.public_nav_wrap{padding: 0 0 0 4vw;}
	.web_center {padding: 0 4vw;}
}
@media only screen and (max-width: 900px) and (min-width: 769px){
    .header_nav_item{margin: 0 1.6vw;}
	.header_nav_link{font-size: 16px;}
	.index_development_back_item{padding: 0 20px;}
	.index_public_cn{font-size: 4.5vw;}
	.index_development_back_title{font-size: 3vw;}
	.index_development_back_text{font-size: 2vw;}
}
@media screen and (max-width: 768px){
	.header_logo_box span{font-size: 22px!important;}
	.header_logo_box a{width: 100%!important;}
	.header_logo_box a img{height:100%!important;}
	.index_banner_tips{font-size: 40px!important;}
	.index_banner_title{font-size: 30px!important;}
	.index_banner_text{font-size: 20px!important;}
	.index_banner_read{padding-right:40px!important;}
	.index_development_back_item{padding: 0 10px;}
	.header_nav_wrap{display: block!important;padding-top: 50%!important;}
	
	.public_nav_box{padding: 10px;}
	.public_nav_wrap.cp .public_nav_ul{flex:0 0 100%;}
	.cp .public_nav_li a{margin: 0 2vw;line-height: 2.2;font-size: 15px;}
	.cp .public_nav_li{margin-right:0;}
	.nynav{padding:10px 15px;}
	.nynav_li.on ul{flex-wrap: wrap;}
	.nynav_li.on ul li{font-size: 15px;margin-right: 15px;line-height: 32px;}
	
	.cpxqleft{flex: 0 0 100%;margin:0;width: 100%;}
	.cpxqright{flex: 0 0 100%;margin:0;padding:30px 0;width: 100%;}
	.product_read_bjq, .product_read_bjq p{font-size:16px;}
	.product_related_item_box{flex: 0 0 50%;padding: 10px;}
	.product_related_item_title{font-size:14px}
	.cpxq{margin:40px 0 10px;}
    .product_read_bjq img{max-width: initial;width: 100%;padding: 0;margin-bottom: 20px;margin-top: 20px;}
	
	.product_page_item_title{font-size:20px;}
	.product_page_item_title2{font-size:14px;    position: relative;width: 100%;bottom: -5px;padding: 0 5px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 34px;}
}