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

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


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

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

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


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

.content_center {
    padding: 0 5.208333vw;
}
.index_banner_read {
    position: relative;
    z-index: 2;
    width: 100%;
}

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

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

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

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

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

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

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

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

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


.index_banner_wrap {
    height: 100vh;
}

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

.index_banner_swiper {
    height: 100%;
}

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

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


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

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

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

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

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

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

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

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

.index_banner_pagination_length {
    opacity: 0.5;
}

.index_banner_pagination_line {
    width: auto !important;
}

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

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

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

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

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

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

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

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

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

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

}

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

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

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

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

.index_about_video_label {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -webkit-border-radius: 100%;
    border-radius: 100%;

}

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

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

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

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

.index_about_max {
    width: 49.270833%;
    position: relative;
    z-index: 3;
    overflow: hidden;
}
.index_abouts_max
{
    display:none;
}

.index_about_img {
    position: relative;
    z-index: 2;
    text-align: right;
}

.index_about_img img
{
    height: auto;
    width: 96%;
    margin:30px 0px 40px;
}

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

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

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


.index_about_titles_text {
    font-size: 45px;
    line-height: 4.1666vw;
    position: relative;
    font-weight: bold;
    color: #001732;
    padding: 0 1.6666vw 0 0;
    width: 247px;
}

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


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


.index_about_span {
    font-size: 24px;
    line-height: 4.1666vw;
    position: absolute;
    font-weight: bold;
    color: #666666;
    width: 522px;
    top: 145px;
    left: 392px;
}

.index_about_read {
    padding: 3.510417vw 1.435417vw 0 4.3333vw;
    position: relative;
    z-index: 2;
}

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

.index_pro_title_en {
    color: #aaaaaa;
}

.index_about_edit_box {
    margin-top: 0.125vw;
    font-size: 0.88541666vw;
    line-height: 1.5625vw;
    color: #333333;
    text-align: justify;
    padding-right: 0;
}

.index_about_edit_box p
{
    margin-bottom:20px;
}

.index_about_button {
    margin-top: 1.864583vw;
}

.index_public_button {
    pointer-events: auto;
}

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

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


.index_public_about_button {
    pointer-events: auto;
}

.index_public_about_button a {
    position: relative;
    display: block;
    margin-top:46px;
}

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

.index_public_circle {
    z-index: 9;
    position: absolute;
    left: 0;
    top: 0;
    width: 2.3958333vw;
    height: 2.3958333vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}
.index_public_about {
    z-index: 9;
    position: relative;
    left: 102px;
    top: 0;
    width: 74%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}
.index_public_about li {
    width: 130px;
    float: left;
    margin: 0 10px;
    overflow: hidden;
    border-radius: 100%;
}
.index_public_about li img {
    width: 130px;
    border-radius: 100%;
    height: 130px;
    transition: all 0.5s;
}
.index_public_about li:hover img {
    transform: scale(1.1);
}

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

.AddPublicButtonItem .index_public_circle {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


.index_about_wrap {
    position: relative;
    overflow: hidden;
    top: -6px;
}


.index_about_big {
    position: relative;
}

.index_about_num_box {
    padding: 7.291666vw 0;
}

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

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

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

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

.index_about_num_big {
    position: relative;
}

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

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

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

.index_pro_wrap {
    position: relative;
}

.index_pro_box {
    padding: 0 0 1.8125vw 0;
}

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

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

.index_pro_back_img {
    padding-bottom: 30.98958333%;
}

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

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


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

.index_pro_item_img {

}

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

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

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

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

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

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

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

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

.index_pro_item_button .index_public_btn_text {
    color: #fff;
}

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

.index_pro_item_current {
    width: 53.837209%;
}

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

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

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

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

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

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

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

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

.index_pro_list_wrap {
    margin-top: 3.38541666vw;
}

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

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

.index_skill_back {
    padding-bottom: 49.4791666%;
}

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

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

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

.index_skill_circle_img {
    padding-bottom: 100%;
}

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

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

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

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

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

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

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

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

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

.index_skill_item_box {
    padding: 0 2.6041666vw;
}

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

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

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

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

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

.index_skill_button .index_public_btn_text {
    color: #fff;
}

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

.index_news_box {
    padding: 7.291666vw 0;
}

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

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

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


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

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

.index_news_item_head {
    width: 100%;
}

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

.index_news_item_title {
    margin-top: 0.5208333vw;
}

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

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

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

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

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

.index_news_item_box {
    height: 100%;
}

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

.index_news_item_photo {
    width: 40.767825%;
}

.index_news_item_img {
    background: #009999;
}

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

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

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

.index_news_content {
    margin-top: 4.42708333vw;
}

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

.index_news_item_icon svg {
    fill: #001732;
}

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

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

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

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

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

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

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

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

.index_news_pagination_wrap {
    margin-top: 4.1666vw;
}

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

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

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

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


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

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

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

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

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

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


.footer_wrap {
    width: 100%;
}

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

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

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

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

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

.footer_logo_box {
    width: 100%;
}

.footer_logo_box img
{
    width:100%;
}

.footer_logo_box svg {
    fill: #fff;
}

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

.footer_message_link {
    margin-top: 0.5208333vw;
}

.footer_message_link a {
    position: relative;
}

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

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

.footer_message_icon {
    width: 0.98958333vw;
}

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

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

.footer_message_tel_icon {
    width: 2.23958333vw;
    margin-bottom: 20px;
}

.footer_message_tel_icon svg {
    fill: #ffffff;
}

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

.footer_message_tel_cn {
    font-size: 16px;
    line-height: 1.3541666vw;
    color: #ffffff;
}

.footer_message_tel_cn a
{
    color:#ffffff;
}

.footer_message_tel_num {
    width: 100%;
}

.footer_message_tel_num a {
    display: block;
    font-size: 16px;
    line-height: 1.875vw;
    color: #ffffff;
}

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

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

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

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

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

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

.footer_nav_box {
    width: 100%;
    padding-right: 9.208333vw;
    height: 88%;
}

.footer_nav_title_box {
    font-size: 1.041666vw;
    line-height: 0.9375vw;
    color: #fff;
    text-align: center;
}

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

.footer_nav_list {
    padding-top: 0;
}

.footer_nav_item {
    width: 9.26235vw;
    -webkit-justify-content: center;
    justify-content: center;
    border-right: #048282 solid 1px;
    text-align: center;
    padding-top: 6vw;
    padding-bottom: 6vw;
}

.footer_nav_ul {
    margin-top: 0;

}

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

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

}

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

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

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

.footer_bq_item_text,
.footer_bq_item_texts,
.footer_bq_item_texts a,
.footer_bq_item_text a {
    font-size: 16px;
    line-height: 2.08333vw;
    color: #ffffff;
}


.footer_bq_item_texts
{
    width: 85%;
    float: left;
    text-align: center;
}

.footer_bq_item_text {
    margin-right: 0.83333vw;
}

.footer_bq_item_text:last-child {
    margin-right: -150px;
}

.footer_bq_item_support
{
    float:right;
    font-size: 16px;
}


.footer_bq_item_box
{
    width: 93%;
}

.footer_bq_item_support,
.footer_bq_item_support a {
    color: #ffffff;
}


.vertical-solid1 {
    border: none;
    border-left: 3px solid #ffffff;
    width: 10px;
    position: relative;
    height: 50px;
    top: -34px;
    left: -27px;
    z-index: 99;
}
.vertical-solid2 {
    border: none;
    border-left: 3px solid #ffffff;
    width: 10px;
    position: relative;
    height: 50px;
    top: -34px;
    left: -27px;
}
.vertical-solid3 {
    border: none;
    border-left: 3px solid #ffffff;
    width: 10px;
    position: relative;
    height: 50px;
    top: -34px;
    left: -33px;
}
.vertical-solid4 {
    border: none;
    border-left: 3px solid #ffffff;
    width: 10px;
    position: relative;
    height: 50px;
    top: -34px;
    left: -42px;
}
.vertical-solid5 {
    border: none;
    border-left: 3px solid #ffffff;
    width: 10px;
    position: relative;
    height: 50px;
    top: -34px;
    left: -50px;
    z-index: 99;
}
.vertical-solid6 {
    border: none;
    border-left: 3px solid #ffffff;
    width: 10px;
    position: relative;
    height: 50px;
    top: -34px;
    left: -50px;
}
.vertical-solid7 {
    border: none;
    border-left: 3px solid #ffffff;
    width: 10px;
    position: relative;
    height: 50px;
    top: -34px;
    left: -50px;
}
.vertical-solid8 {
    border: none;
    border-left: 3px solid #ffffff;
    width: 10px;
    position: relative;
    height: 50px;
    top: -84px;
    right: -127px;
}

.page_banner_box {
    position: relative;
}

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

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

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

.page_banner_nav_wrap {
    height: 4.4791666vw;
}

.pro_read_wrap .page_banner_nav_wrap {
    background: #f0f0f0;
}

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

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

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

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

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

.page_banner_nav_current:after {
    width: 100%;
}

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

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

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

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

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

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

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

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

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

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

.about_content_photo {
    width: 47%;
}

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

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

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

.about_page_wrap {
    width: 100vw;
    overflow: hidden;
    padding: 0 9.635417vw;
}


.about_page_wrap3 {
    width: 100vw;
    overflow: hidden;
    padding: 0 9.635417vw;
}

.about_content_wrap {
    position: relative;
}

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

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

}

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

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

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

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

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

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

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

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

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

.about_vision_img {
    height: 100%;
}

.about_vision_img img
{
    width:100%;
}

.about_vision_head .index_about_title_text {
    color: #fff;
}

.about_vision_head .index_abouts_title_text {
    color: #fff;
}

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

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

.about_vision_text {
    font-size: 16px;
    line-height: 32px;
    margin-top: 0.78125vw;
    color: #ffffff;
}

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

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

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

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

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

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

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

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

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

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

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

.about_value_box {
    padding: 0 9.63541666vw;
}

.about_value_big {
    position: relative;
}

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

.about_value_slide {
    background: #fff;
}

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

.about_value_photo {
    width: 53.548388%;
}

.about_value_read {
    width: 100%;
}

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

}

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

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

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

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

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

.about_value_img {
    padding-bottom: 65.66265%;
}

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

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

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

.about_value_page_hover {
    color: #052145;
}

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

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

.about_value_page_center {
    padding: 0 0.5208333vw;
}

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

.BMap_Marker .wap_list {
    opacity: 0;
}

.BMap_noprint .wap_list {
    opacity: 1;
}

.pro_head_wrap {
    padding: 0 9.63541666vw;
}

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

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

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

.pro_head_read {
    width: 72.91667%;
}

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


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

.pro_banner_img {
    padding-bottom: 30.25%;
}

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

.pro_content_box {
    padding: 0 9.63541666vw;
}

.index_pro_ul {
    padding-top: 3.125vw;
}

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

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


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

.index_pro_img {
    padding-bottom: 66.1842105%;
}

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

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

.index_pro_big {
    padding: 0 2.08333vw;
}

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

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

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

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

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

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

.pro_tab_img {
    padding-bottom: 41.6666%;
}

.pro_tab_box {
    position: relative;
}

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

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

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

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

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

.pro_tab_item_head {
    margin-top: 3.38541666vw;
}

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

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

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

.pro_tab_item_read {
    width: 100%;
}

.pro_tab_item_current .pro_tab_item_cn {
    color: #009999;
}

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

.pro_photo_box {
    padding: 0 0.26041666vw;
}

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

.pro_photo_item_img {
    padding-bottom: 181.79347%;
}

.pro_photo_wrap {
    padding: 1.041666vw 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

}

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

.AddQualityWrap .quality_content_img {
    height: 100%;
}

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

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

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

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

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

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

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

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


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

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

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

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

.quality_content_item_box:nth-child(2n) {

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

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

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

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

.quality_content_head {
    width: 100%;
}

.quality_content_center {
    width: 100%;
}

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

.quality_banner_wrap {
    position: relative;
}

.quality_banner_back {
    padding-bottom: 56.25%;
}

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

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

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

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

.quality_certificate_head .index_about_title_text {
    margin: 0 auto;
}

.quality_certificate_head .index_abouts_title_text {
    margin: 0 auto;
}

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

.quality_certificate_back {
    padding-bottom: 45.88541666%;
}

.quality_certificate_wrap {
    position: relative;
}

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

.quality_certificate_item {
    padding: 0 1.61458333vw;

}

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

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

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

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

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

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

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

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

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

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

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

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

.support_content_tab {
    margin-top: 7.03125vw;
}

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

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

.support_content_img {
    padding-bottom: 63.030303%;
}

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

.support_item_head {
    padding-left: 1.5625vw;
}

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

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

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

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

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

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

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

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


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

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

.quality_certificate_current {
    color: #333333;
}

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

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

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

.quality_technology_read {
    width: 100%;
}


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

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

.quality_technology_wrap {
    padding: 7.291666vw 0;
}

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


.proPage,.newPage{ background-repeat: no-repeat; background-position:bottom center; overflow:hidden; box-sizing:border-box;}
.proPage .title,.newPage .title{ text-align:center; width:80%; margin:0 auto 80px; color: #212529;}
.proSwiper .swiper-slide,.newSwiper .swiper-slide{ width:100%; height:100%; border-radius:8px;box-shadow: 6px 6px 20px rgb(0,0,0,0.12); float:left; margin-bottom: 37px; }
.proSwiper .swiper-slide:hover,.newSwiper .swiper-slide:hover{box-shadow: 8px 8px 30px rgb(0,0,0,0.18);}
.proSwiper,.newSwiper{ padding-right:20px; padding-left:20px;}
.proMain{ position:relative;}
.proMain .swiper-button-prev{ position:absolute; right:130px; top:-30px; background:url(../images/icon3.png) no-repeat center center; background-size:75%; width:25px; height:25px; left:auto;}
.proMain .swiper-button-next{ position:absolute; right:85px; top:-30px; background:url(../images/icon4.png) no-repeat center center; background-size:75%; width:25px; height:25px; left:auto;}
.swiper-button-next:after,.swiper-button-prev:after{ display:none;}
.proPage .proInfo{ position:relative; width:100%; height:100%; overflow:hidden;border-radius:8px; cursor: pointer; border:1px solid #rgba(255,255,255,0.5);}
.proPage .proInfo .zz{ position:absolute; left:0; bottom:0; width:100%; height:100%;}
.proPage .proInfo .txt{ background-color: #ffffff; width: 100%; height: 57px; line-height: 57px; text-align: center; }
.proPage .proInfo .txt span{ color:#000000; font-size:16px;}
.proPage .proInfo a{ display:block;}


.news .more a i,.news .more a:hover i,
.proSwiper .swiper-slide,.newSwiper .swiper-slide,.proSwiper .swiper-slide:hover,.newSwiper .swiper-slide:hover{-webkit-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;}
.proPage .proInfo .txt span{ background-position:95% center;}
.proPage .proInfo:hover .txt span{-webkit-animation:you 0.8s infinite linear; animation:you 0.8s infinite linear;}

@keyframes you{
	0% { background-position:95% center;}
	50% { background-position:100% center;}
	100% { background-position:95% center;}
}

@-webkit-keyframes you{
	0% { background-position:95% center;}
	50% { background-position:100% center;}
	100% { background-position:95% center;}
}



.index2 {
	width: 100%;
	overflow: hidden;
	background-color: #ffffff;
	padding: 70px 0;
}
.index-title {
	width: 100%;
	height: 70px;
	overflow: hidden;
	position: relative;
	background-image: url(../images/br.png);
	background-repeat: no-repeat;
	background-position: 1px 99%;
}
.index-title h1 {
	font-size: 36px;
	font-weight: bold;
	line-height: 50px;
}
.index-title h1 a {
	display: block;
	width: 90px;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	color: #949494;
	font-weight: normal;
	overflow: hidden;
	float: right;
	margin: 10px 0;
	transition: all 0.5s;
}
.index-title h1 a span {
	display: block;
	width: 20px;
	height: 20px;
	overflow: hidden;
	border-radius: 50%;
	background-color: #009999;
	float: right;
	margin: 5px 0;
	position: relative;
}
.index-title h1 a span img {
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -6px 0 0 -6px;
}
.index-title h1 a:hover {
	color: #009999;
	margin: 10px 10px 10px 0;
}
.index2-txt2
{
    font-size:16px;
    line-height:1.5;
    text-align:center;
    margin-top:5px;
    color:#666666;
}
.index2 .index2-swiper {
	width: 100%;
	overflow: hidden;
	position: relative;
	margin: 50px 0 0;
}
.index2-swiper .swiper-container {
	padding: 0 0 55px;
	margin: 0 auto;
	overflow: initial;
}
.index2-swiper .index2-img {
	width: 100%;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	background-color: #ffffff;
	transition: all 0.5s;
}
.index2-swiper .index2-img img {
	opacity: 0.7;
}
.index2-swiper .swiper-slide.swiper-slide-active .index2-img,.index2-swiper .swiper-slide.swiper-slide-next .index2-img {	
	background-color: #000000;
}
.index2-img .index2-txt {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	color: #FFFFFF;
	padding: 285px 40px 0;
	font-size: 16px;
	line-height: 24px;
	transition: all 0.5s;
}
.index2-txt h3 {
	font-size: 24px;
	font-weight: bold;
	line-height: 30px;
	margin: 0 0 10px;
}
.index2-txt p {
	opacity: 0;
	transition: all 0.5s;
}
.index2-txt span {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	overflow: hidden;
	margin: 40px 0 0;
	opacity: 0;
	transition: all 0.5s;
}
.index2-swiper .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    background: #009999;
    opacity: 1;
    position: relative;
    transform: scale(0.6);
}
.index2-swiper .swiper-container-horizontal>.swiper-pagination-bullets,.index2-swiper .swiper-pagination-custom,.index2-swiper .swiper-pagination-fraction {
	bottom: 0;
	height: 20px;
}
.index2-swiper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 2px;
}
.index2-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
	border: 1px solid #e71122;
	background-color: transparent;
	width: 20px;
	height: 20px;
	transform: scale(1);
}
.index2-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
	content: '';
	display: block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	overflow: hidden;
	background-color: #e71122;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -6px 0 0 -6px;
}
.index2-swiper .swiper-button-next,.index2-swiper .swiper-container-rtl .swiper-button-prev {
	background:rgba(0,0,0,0.37) url(../images/index2-right.png);
    right: -173px;
    left: auto;
}
.index2-swiper .swiper-button-prev,.index2-swiper .swiper-container-rtl .swiper-button-next {
	background:rgba(0,0,0,0.37) url(../images/index2-left.png);
    left: -173px;
    right: auto;
}
.index2-swiper .swiper-button-next,.index2-swiper .swiper-button-prev {
    width: 66px;
    height: 76px;
    margin-top: -70px;
    border-radius: 0;
    background-repeat: no-repeat !important;
    background-position: center !important;
    z-index: 20;
}
@media only screen and (max-width: 991px) {
	.index-title h1 a {
		display: none;
	}
	.index2 {
	    padding: 60px 0;
	}
	.index2-swiper .swiper-container {
		width: 650px;
	}
	.index2-swiper .swiper-slide {
		width: 405px
	}
	.index2-swiper .swiper-button-next, .index2-swiper .swiper-button-prev {
		display: none;
	}
	.position {
		display: block !important;
    }
    .footer_bq_item_text {
        margin-right: 10px !important;
    }
    .footer_bq_item_wrap {
        padding: 15px 0px 0px!important;
    }
}


.position {
		display: none;
		width: 100%;
		height: auto;
		position: fixed;
		bottom: 0px;
		z-index: 1001;
		background: #323232;
	}
	
	.innerWrapper {
		display: block;
		margin: 0 auto;
		width: 100%;
		position: relative;
		padding: 0;
	}
	
	.innerWrapper a {
		display: block;
		float: left;
		margin: 0;
		padding: 0;
		overflow: hidden;
		width: 33.3333%;
	}
	
	.position .innerWrapper a img {
		display: block;
		margin: 0 auto;
	}



@media only screen and (max-width: 700px) {
	.index-title {
	    height: 55px;
	}
	.index-title h1 {
	    font-size: 28px;
	    line-height: 35px;
	}
	.index2 {
	    padding: 50px 0 30px;
	}
	.index2 .index2-swiper {
	    margin: 25px 0 0;
	}
	.index2-swiper .swiper-container {
	    padding: 0 0 30px;
		width: 325px;
	}
	.index2-swiper .swiper-slide {
		width: 205px
	}
	.index2-img .index2-txt {
	    padding: 140px 25px 0;
	    font-size: 12px;
	    line-height: 18px;
	}
	.index2-txt h3 {
	    font-size: 20px;
	    line-height: 25px;
	    margin: 0;
	}
	.index2-swiper .index2-img img {
		height: 200px;
	}
}
@media only screen and (min-width: 992px) {
	.index2-swiper .swiper-container {
		width: 960px;
	}
	.index2-txt span {
	    margin: 25px 0 0;
	}
	.index2-swiper .swiper-slide {
		width: 405px
	}
	.index2-swiper .swiper-slide.swiper-slide-active {
		width: 775px !important;
	}
	.index2-swiper .swiper-slide.swiper-slide-active .index2-img {
		background-color: #000000;
	}
	.index2-swiper .swiper-slide.swiper-slide-active .index2-img .index2-txt {
		padding: 90px 40px 0;
	}
	.index2-swiper .swiper-slide.swiper-slide-active .index2-txt p {
		opacity: 1;
	}
	.index2-swiper .swiper-slide.swiper-slide-active .index2-txt span {
		opacity: 1;
	}
}
@media only screen and (min-width: 1200px) {
	.index2-swiper .swiper-container {
		width: 1100px;
	}
	.index2-txt span {
	    margin: 40px 0 0;
	}
}
@media only screen and (min-width: 1350px) {
	.index2-swiper .swiper-container {
		width: 1280px;
	}
}


.col-index-news{ padding:0 0 0; width:100%; height: 860px; background:url(../images/bg_news.jpg) no-repeat top center; float:left; }
.col-index-news .title{ width:100%; position: relative;}
.col-index-news .title h2{font-size: 24px;font-weight: normal;margin-bottom: 12px;}
.col-index-news .title h3{font-size: 40px;font-weight: normal;margin-bottom: 4vh;}
.col-index-news .title ul.child{ display: flex; justify-content: center; margin-top:25px; margin-bottom: 50px; }
.col-index-news .title ul.child li{ width: 150px; text-align: center; line-height: 1.5;}
.col-index-news .title ul.child li a{display: inline-block;transition: 0.3s;font-size: 18px;color:#666;border-bottom: 2px solid transparent;}
.col-index-news .title ul.child li a:hover{color:#009999;border-bottom: 2px solid #009999;}
.col-index-news .title a.more{display: block;width: 200px;height: 52px;border-radius: 25px;background: #16a88b;color:#fff;text-align: center;line-height: 52px;font-size: 16px;box-shadow: 1.5px 2.598px 8px 0px rgba(22, 168, 139, 0.3);transition: 0.36s;position: absolute;left: 0;bottom: 0;}
.col-index-news .title a.more:hover{box-shadow: 1.5px 2.598px 8px 0px rgba(22, 168, 139, 0.6);transform: translateY(-2px);}
.col-index-news .slides{ width: 100%;}
.col-index-news .slides .swiper-container{padding-bottom: calc(8vh + 30px);}
.col-index-news .slides .swiper-slide{ width:33.33%; background-color:#ffffff;}
.col-index-news .slides .swiper-slide p.date{color:#666;font-size: 16px;transition: 0.3s color; padding: 10px;}
.col-index-news .slides .swiper-slide p.date i.iconfont{margin-right: 5px;font-size: 16px;}
.col-index-news .slides .swiper-slide h3{ color: #525252; font-size: 17px; line-height: 25px; margin: 1px 0 0vh; transition: 0.3s color; padding: 10px; font-weight: 700; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.col-index-news .slides .swiper-slide h4{ padding: 10px; font-size: 14px; text-align: justify;}
.col-index-news .slides .swiper-slide .more{color: #666; font-size: 14px; transition: 0.3s color; margin-top: 2.6vh; padding: 10px;}
.col-index-news .slides .swiper-slide:hover h3,.col-index-news .slide .swiper-slide:hover .more{color:#000;}
.col-index-news .slides .swiper-button{width: auto;height: auto;margin-top: auto;top: auto;opacity: 1;outline: none;bottom: 0;color:rgba(0, 0, 0, 0.22);transition: 0.3s;font-size: 40px;font-weight: bold;line-height: 1;}
.col-index-news .slides .swiper-button::after{display: none;}
.col-index-news .slides .swiper-button-prev{left: auto;right: 65px;}
.col-index-news .slides .swiper-button-next{right: 0;}


.overflow{overflow: hidden;}
.overflow img{width: 100%;transition: 1.5s cubic-bezier(.165,.84,.44,1);}
.overflow:hover img{-webkit-transform:scale(1.08);transform:scale(1.08)}


.index_partner_wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
}

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

.index_partner_back {
    padding-bottom: 0;
}

.index_partner_box {
    padding: 50px 0 5.7291666vw 0;
}

.index_partner_big {
    position: relative;
    z-index: 2;
    background-color: #f1f1f1bd;
}

.index_partner_content {
    margin-top: 3.6458333vw;
}

.index_partner_item {
    padding: 0.46875vw;
}

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

.index_partner_slide:nth-child(2n) .index_partner_item a 
{
    
}

.index_partner_img img {
    -webkit-transition: all .6s cubic-bezier(.54, .07, .38, .93);
    transition: all .6s cubic-bezier(.54, .07, .38, .93);
    border: #CCCCCC solid 1px;
    width: 100%;
}

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

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

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

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

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

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

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

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

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

.index_partner_center {
    padding: 0 4.73958333vw;
}


.link_list{ float:left; margin-top:25px; }
.link_list li{ float:left; width:85px; text-align:center; margin-right: 22px; }
.link_list li p{ float:left; width:85px; font-size:14px; color:#ffffff; line-height:25px; }
.link_list li:last-child{ margin-right: 0px; }


.about_honor_wrap {
    padding: 4.7708333vw 0 4.6875vw 0;
}

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

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

.about_honor_text {
    font-size: 0.9375vw;
    line-height: 1.5625vw;
    color: #333333;
}

.about_honor_head {
    width: 50%;
}

.about_honor_read {
    margin-top: 1.041666vw;
}

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

.about_honor_item_photo {
    padding: 0;
    position: relative;
    cursor: pointer;
}

.about_honor_item_photo:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 0.208333vw solid #e8e8e8;
    pointer-events: none;
    box-sizing: border-box;
}

.about_honor_tab {
    margin-top: 0;
}

.about_honor_item_title {
    font-size: 0.9375vw;
    line-height: 0.5625vw;
    margin-top: 1.25vw;
    color: #333333;
    text-align: center;
}


.about_honor_item_btn {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .9);
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    opacity: 0;
    font-size: 2.291666vw;
    color: #009999;

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

.about_honor_item_btn:before {
    -webkit-transform: scale(.6);
    transform: scale(.6);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.about_honor_item_photo:hover .about_honor_item_btn {
    opacity: 1;
}

.about_honor_item_photo:hover .about_honor_item_btn:before {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.about_honor_pagination {
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 2.083333vw;
}

.about_honor_pagination .swiper-pagination-bullet {
    width: 0.78125vw;
    height: 0.78125vw;
    margin: 0 0.3125vw !important;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    opacity: 1;
    background: #d1d1d1;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.about_honor_pagination .swiper-pagination-bullet-active {
    width: 0.78125vw;
    height: 0.78125vw;
    margin: 0 0.3125vw !important;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    opacity: 1;
    background: #009999;
}

.about_honor_item_box
{
    width:23%;
    height: auto;
    float:left;
    margin: 0 1% 1% 1%;
}
.about_honor_item_box img
{
    width: 100%;
}

.about_honor_item_img
{
    overflow: hidden;
    text-align: center;
}


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

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

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

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

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

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

.cur {
    color: #fff !important;
}

.cur:after {
    border: 1px solid #009999 !important;
    background: #009999 !important;
}

.news .title{ font-size: 36px; line-height: 36px; color: #010101; font-weight: bold; position: relative; padding-bottom: 22px; }
.news .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 35px; height: 2px; background: #009999; }
.news .list li{ height: 280px; border-bottom: #ececec solid 1px; }
.news .list li:last-child{ border-bottom: none; }
.news .list li a{ display: block; padding-left: 345px; height: 280px; position: relative; }
.news .list li .imgDiv{ position: absolute; left: 0; top: 25px; overflow: hidden; max-height: 234px;}
.news .list li .imgDiv img{ width:303px; }
.news .list li .time{ padding-top: 28px; font-size: 16px; line-height: 24px; color: #999; font-family: light; }
.news .list li .name{ font-size: 18px; color: #333; height: 30px; line-height: 30px; padding-top: 41px; }
.news .list li .content{ padding-top: 41px; font-size: 14px; color: #999; line-height: 24px; }
.news .list li:hover .name{ color: #009999; }


.news_head_photo {
    width: 53.225806%;
}

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

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

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

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

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

.news_tab_current {
    font-size: 3.5666vw;
    line-height: 3.4375vw;
    color: #d6d6d6;
    font-family: "Manrope-ExtraBold";
}

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

.technology_honor_wrap {
    position: relative;
}

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

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


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

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

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

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

.news_head_slide {
    background: #fff;
}

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

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

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

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

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

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

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

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

.news_head_tab {
    position: relative;
}

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

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

.news_pagination_active {
    color: #009999;
}

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

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

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

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

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

.news_page_item_img {
    padding-bottom: 62.5%;
}

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

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

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

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

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

.news_page_item_button {
    margin-top: 1.82291666vw;
}

.news_content_wrap {
    padding: 0 9.63541666vw;
}

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

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

.pageDown{ padding-bottom:15px;}
.pageDown li{ padding-bottom: 10px; font-size: 16px; }
.pageDown li a{ display: block; padding: 0 30px; background: #ffffff; height: 64px; line-height: 64px; color: #3f4150; overflow:hidden;}
.pageDown li a:hover{ background: #009999; color: #fff; }


.nodata{ width:100%; float:left; text-align:center; font-size:18px; line-height:32px; padding: 100px 0px 200px; }


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

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

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

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

.contact_details_ewm_img img
{
    width:100%;
}

.contact_details_wrap {
    padding-top: 3.7291666vw;
}

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

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

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

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

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

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

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

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

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

.contact_details_item_box:nth-child(1) {
    width: 18%;
}

.contact_details_item_box:nth-child(2) {
    width: 32%;
}

.contact_details_item_box:nth-child(3) {
    width: 32%;
}

.contact_details_item_box:nth-child(4) {
    width: 18%;
}

.contact_details_item_big {
    max-width: 100%;
    padding: 0 5.208333vw;
}

.contact_details_item_icon {
    width: 3.125vw;
    height: 3.125vw;
    font-size: 1.09375vw;
    margin: 0 auto;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    background: #f3f3f3;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    margin-bottom: 1.041666vw;
}

.contact_details_item_icon img
{
    height:31px;
}

.contact_details_item_icon.icon-a-14 {
    font-size: 1.25vw;
}

.contact_details_item_tips {
    font-size: 16px;
    line-height: 1.458333vw;
    color: #777777;
    text-align: center;
    margin-bottom: 0.41666vw;
}

.contact_details_item_text,
.contact_details_item_text a {
    font-size: 1.041666vw;
    line-height: 2.08333vw;
    text-align: center;
    color: #222222;
}


.contact_wrap{ padding: 0 9.63541666vw; }


.p_2{ width:100%; }


.contact-map {
	width: 100%;
	height: 450px;
	border-radius: 5px;
	border: 1px solid #c0c0c0;
	overflow: hidden;
	float:left;
	margin-bottom:50px;
}


.contact-wrap .message form
{
    padding: 40px 30px 50px;

    background-color: #f4f4f4;
}
@media (max-width: 991px)
{
    .contact-wrap .message form
    {
        margin-top: 35px;
        padding: 30px;
        clear: both;
    }
}
@media (max-width: 767px)
{
    .contact-wrap .message form
    {
        padding: 25px 15px;
    }
}
.contact-wrap .message form p
{
    font-size: 16px;
    line-height: 1.875;

    margin-bottom: 25px;
}
@media (max-width: 767px)
{
    .contact-wrap .message form p
    {
        font-size: 14px;
    }
}
.contact-wrap .message form .row
{
    margin: 0 -10px;
}
.contact-wrap .message form .row li
{
    padding: 0 10px;
}
.contact-wrap .message form input::-webkit-input-placeholder,
.contact-wrap .message form textarea::-webkit-input-placeholder
{
    color: #999;
}
.contact-wrap .message form input:-o-placeholder,
.contact-wrap .message form textarea:-o-placeholder
{
    color: #999;
}
.contact-wrap .message form input::-moz-placeholder,
.contact-wrap .message form textarea::-moz-placeholder
{
    color: #999;
}
.contact-wrap .message form input:-ms-input-placeholder,
.contact-wrap .message form textarea:-ms-input-placeholder
{
    color: #999;
}
.contact-wrap .message form input:focus::-webkit-input-placeholder,
.contact-wrap .message form textarea:focus::-webkit-input-placeholder
{
    color: #c5c5c5;
}
.contact-wrap .message form input:focus::-o-placeholder,
.contact-wrap .message form textarea:focus::-o-placeholder
{
    color: #c5c5c5;
}
.contact-wrap .message form input:focus::-moz-placeholder,
.contact-wrap .message form textarea:focus::-moz-placeholder
{
    color: #c5c5c5;
}
.contact-wrap .message form input:focus::-ms-input-placeholder,
.contact-wrap .message form textarea:focus::-ms-input-placeholder
{
    color: #c5c5c5;
}
.contact-wrap .message form input,
.contact-wrap .message form textarea
{
    display: block;
    width: 100%;
    margin-bottom: 20px;
    padding: 15px 20px;
    color: #999;
    font-size: 16px;
}
.contact-wrap .message form textarea
{
    height: 120px;
}
.contact-wrap .message form .submit
{
    font-size: 18px;
    position: relative;
    margin-top: 10px;
    padding: 12px 72px;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
    color: #fff;
    background-color: #009999;
    border:none;
}
.contact-wrap .message form .submit:hover
{
    background-color: #009999;
}
@media only screen and (min-width: 992px)
{
    .contact-wrap .map
    {
        position: relative;

        height: 560px;
        margin-top: 100px;
    }
    .contact-wrap .map .dituContent
    {
        position: absolute;
        top: 0;
        left: 0;

        display: block;

        width: 100%;
        height: 100%;
    }
}
@media (max-width: 991px)
{
    .contact-wrap .map
    {
        margin-top: 45px;
    }
    .contact-wrap .map .dituContent
    {
        height: 400px;
    }
}
@media (max-width: 767px)
{
    .contact-wrap .map .dituContent
    {
        height: 280px;
    }
}


@media (min-width: 768px){
    .col-sm-6 {
        width: 50%;
        float: left;
    }
}
button, input, textarea {
    resize: none;
    border: none;
    outline: none;
}
button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
.message
{
    margin-bottom:50px;
}


.product-content {
	width: 100%;
	position: relative;
	background-color: #f1f1f1;
	padding: 200px 9.63541666vw 40px 9.63541666vw;
	float: left;
}
.product-right {
	margin: 0 auto;
	overflow: hidden;
	max-width: 100%;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.product-right-show {
	margin: 0 auto;
	overflow: hidden;
	max-width: 100%;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.product-right a {
	padding: 0 12px;
	margin: 0 0 95px;
	overflow: hidden;
	-webkit-box-flex: 0;
    -ms-flex: 0 0 23%;
    flex: 0 0 23%;
    width: 23%;
}
.product-img {
	width: 100%;
	padding: 40px;
	overflow: hidden;
}
.product-img img {
	width: 100%;
	transition: all 0.4s;
}
.product-txt {
	z-index: 1;
	top: -12px;
	width: 100%;
	overflow: hidden;
	position: relative;
	padding: 0 0 0 20px;
	background-color: #ffffff;
}
.product-txt h4 {
	width: 100%;
	margin: 12px 0 5px;
	overflow: hidden;
}
.product-txt h5 {
	width: 100%;
	overflow: hidden;
}
.product-txt h4 span {
	float: left;
	display: block;
	color: #ffffff;
	font-size: 18px;
	line-height: 23px;
	padding: 10px 20px;
	transition: all 0.4s;
	background-color: #009999;
}
.product-txt h5 span {
	float: left;
	display: block;
	color: #ffffff;
	font-size: 14px;
	line-height: 17px;
	padding: 10px 20px;
	transition: all 0.4s;
	background-color: #009999;
}
.product-txt .txt-txt {
	width: 100%;
	color: #444444;
	overflow: hidden;
	margin: 20px 0 0;
	line-height: 19px;
}
.product-txt .txt-txt p {
	margin: 0 0 5px;
}
.product-right a:hover .product-img img {
	transform: scale(1.1);
}
.product-right a:hover .product-txt h4 span,.product-right a:hover .product-txt h5 span {
	color: #FFFFFF;
	background-color: #009999;
}
@media only screen and (max-width: 991px) {
	.product-content {
	    padding: 100px 0 40px;
	}
	.product-content .product-left {
	    width: 100%;
	    position: relative;
	}
	.product-menu ul {
	    float: none;
	    width: 640px;
	    margin: 0 auto;
	    padding: 30px 0;
	}
	.product-menu ul li {
		margin: 30px 0 0;
	}
	.product-menu ul li:first-of-type {
		margin: 0;
	}
	.product-right {
	    max-width: 664px;
	    padding: 70px 0 0;
	}
	.product-right-show {
	    max-width: 664px;
	    padding: 70px 0 0;
	}
	.product-right a {
	    margin: 0 0 70px;
	    -ms-flex: 0 0 50%;
	    flex: 0 0 50%;
	    width: 50%;
	}
}
@media only screen and (max-width: 750px) {
	.product-content {
	    padding: 80px 0 40px;
	}
	.product-menu ul {
	    width: 330px;
	    padding: 15px 0;
	}
	.product-menu ul li {
		margin: 15px 0 0;
	}
	.product-menu ul:before {
		left: 9px;
	}
	.product-menu .product-icon {
	    width: 20px;
	    height: 20px;
	    transform: scale(0.5);
	    margin: 2px 10px 2px 0;
	}
	.product-menu p {
		line-height: 24px;
	    width: -moz-calc(100% - 30px);
	    width: -webkit-calc(100% - 30px);
	    width: calc(100% - 30px);
	}
	.product-menu ul li.active {
		font-size: 20px;
	}
	.product-right {
	    max-width: 330px;
	    padding: 40px 0 0;
	}
	.product-right-show {
	    max-width: 330px;
	    padding: 40px 0 0;
	}
	.product-right a {
	    margin: 0 0 30px;
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    width: 100%;
		padding: 0;
	}
	.product-img {
	    padding: 30px;
	}
}
@media only screen and (min-width: 992px) {
	.product-content {
		padding: 150px 9.63541666vw 20px 9.63541666vw;
	}
	.product-content .product-left {
		width: 300px;
	}
	.product-left .product-menu {
	    top: 150px;
	}
	.product-menu ul {
		width: 280px;
		padding: 40px 0 0;
	}
	.product-menu ul:before {
		left: 11px;
	}
	.product-menu ul li {
	    margin: 0 0 50px;
	}
	.product-menu ul li.active {
	    font-size: 18px;
	}
	.product-menu .product-icon {
		width: 24px;
		height: 24px;
		margin-right: 10px;
	}
	.product-menu p {
		line-height: 24px;
		width: -moz-calc(100% - 50px);
		width: -webkit-calc(100% - 50px);
		width: calc(100% - 50px);
	}
	.product-right a {
		padding: 0 8px;
		margin: 0 0 50px;
	}
	.product-img {
		padding: 20px;
	}
	.product-txt {
		top: -8px;
		padding: 0 0 0 10px;
	}
	.product-txt h4 span {
		font-size: 14px;
		line-height: 18px;
		padding: 5px 10px;
	}
	.product-txt h5 span {
		font-size: 12px;
		line-height: 15px;
		padding: 5px 10px;
	}
	.product-txt .txt-txt {
		font-size: 12px;
		margin: 10px 0 0;
		line-height: 15px;
	}
}
@media only screen and (min-width: 1200px) {
	.product-content {
		padding: 180px 9.63541666vw 30px 9.63541666vw;
	}
	.product-content .product-left {
		width: 350px;
	}
	.product-left .product-menu {
	    top: 180px;
	}
	.product-menu ul {
		width: 320px;
		padding: 50px 0 0;
	}
	.product-menu ul li {
	    margin: 0 0 70px;
	}
	.product-right a {
		padding: 0 10px;
		margin: 0 0 70px;
	}
	.product-img {
		padding: 30px;
	}
	.product-txt {
		top: -10px;
		padding: 0 0 0 15px;
	}
	.product-txt h4 span {
		font-size: 16px;
		line-height: 20px;
		padding: 8px 15px;
	}
	.product-txt h5 span {
		font-size: 13px;
		line-height: 16px;
		padding: 8px 15px;
	}
	.product-txt .txt-txt {
		font-size: 13px;
		margin: 15px 0 0;
		line-height: 17px;
		min-height: 75px;
	}
}
@media only screen and (min-width: 1400px) {
	.product-content {
		padding: 100px 9.63541666vw 40px 9.63541666vw;
	}
	.product-content .product-left {
		width: 400px;
	}
	.product-left .product-menu {
	    top: 200px;
	}
	.product-menu ul {
		width: 355px;
		padding: 70px 0 0;
	}
	.product-menu ul:before {
		left: 14px;
	}
	.product-menu ul li {
	    margin: 0 0 85px;
	}
	.product-menu ul li.active {
	    font-size: 24px;
	}
	.product-menu .product-icon {
		width: 30px;
		height: 30px;
		margin-right: 15px;
	}
	.product-menu p {
		line-height: 30px;
		width: -moz-calc(100% - 60px);
		width: -webkit-calc(100% - 60px);
		width: calc(100% - 60px);
	}
	.product-right a {
		padding: 0 12px;
		margin: 0 0 0px;
	}
	.product-img {
		padding: 0;
	}
	.product-txt {
		top: -21px;
		padding: 0 0 15px 20px;
	}
	.product-txt h4 span {
		font-size: 18px;
		line-height: 23px;
		padding: 10px 20px;
	}
	.product-txt h5 span {
		font-size: 14px;
		line-height: 17px;
		padding: 10px 20px;
	}
	.product-txt .txt-txt {
		font-size: 16px;
		margin: 20px 0 0;
		line-height: 24px;
		min-height: 111px;
	}
}
@media only screen and (min-width: 1600px) {
	.product-content {
		padding:100px 9.63541666vw 1px 9.63541666vw;
	}
	.product-content .product-left {
		width: 420px;
	}
}
@media only screen and (min-width: 1800px) {
	.product-content .product-left {
		width: 450px;
	}
}



.valve-img {
	width: 475px;
	overflow: hidden;
	padding: 70px 0 0;
	position: relative;
}
.valve-img img {
	z-index: 1;
	width: 100%;
	position: relative;
	margin-bottom: 50px;
}
.valve-img:before {
	top: 0px;
	left: 50%;
	content: '';
	width: 200px;
	height: 100%;
	display: block;
	overflow: hidden;
	position: absolute;
	margin-left: -100px;
}
.valve-right {
	width: 650px;
	overflow: hidden;
	margin: 0 0 0 30px;
}
.valve-right h3 {
	color: #000000;
	font-size: 54px;
	max-width: 600px;
	line-height: 60px;
}
.valve-right h4 {
	width: 100%;
	overflow: hidden;
	margin: 30px 0 20px 5px;
}
.valve-right h4 span {
	float: left;
	display: block;
	color: #009999;
	font-size: 20px;
	line-height: 23px;
	padding: 10px 20px;
	background-color: #FFFFFF;
}
.valve-right .valve-txt,.valve-right .valve-pdf {
	width: 100%;
	overflow: hidden;
	padding: 0 0 0 5px;
	margin-bottom: 5%;
}
.valve-right .valve-txt>p,.valve-right .valve-pdf h5 {
	color: #000000;
    font-size: 16px;
    line-height: 32px;
}
.valve-pdf .pdf-box {
	width: 100%;
	padding: 30px 0;
	margin: 10px 0 0;
	overflow: hidden;
	border-top: 1px solid #888888;
}
.valve-pdf .pdf-icon {
	float: left;
	width: 44px;
	overflow: hidden;
}
.pdf-icon img {
	width: 100%;
}
.valve-pdf .pdf-txt {
	float: left;
	color: #2d2d2d;
	padding: 4px 0;
	font-size: 14px;
	overflow: hidden;
	line-height: 18px;
	margin: 0 0 0 16px;
	width: -moz-calc(100% - 200px);
	width: -webkit-calc(100% - 200px);
	width: calc(100% - 200px);
}
.valve-pdf a {
	float: right;
	width: 115px;
	margin: 6px 0;
	display: block;
	color: #FFFFFF;
	font-size: 12px;
	padding: 0 10px;
	overflow: hidden;
	line-height: 32px;
	font-family: arial;
	text-align: center;
	transition: all 0.4s;
	background-color: #000000;
}
.valve-pdf a span {
	vertical-align: middle;
}
.valve-pdf a img {
	margin-left: 3px;
	vertical-align: middle;
}
.valve-pdf a:hover {
	background-color: #009999;
}
@media only screen and (max-width: 1260px) {
    .valve-img {
        width: 460px !important;
    }
}
@media only screen and (max-width: 991px) {
	.valve-right {
		width: 100%;
		margin: 60px 0;
		padding: 0 0 0 30px;
	}
}
@media only screen and (max-width: 750px) {
	.valve-img {
		width: 100%;
		margin: 0 0 40px;
		padding: 30px 0 0;
	}
	.valve-img:before {
	    width: 100px;
	    margin-left: -50px;
	}
	.valve-right {
	    padding: 0;
	    margin: 20px 0 30px;
	}
	.valve-right h3 {
		font-size: 30px;
    	line-height: 35px;
	}
	.valve-right h4 {
	    margin: 15px 0 10px;
	}
	.valve-right h4 span {
	    font-size: 16px;
	    line-height: 20px;
	    padding: 5px 10px;
	}
	.valve-right .valve-txt, .valve-right .valve-pdf {
		padding: 0;
	}
}
@media only screen and (min-width: 992px) {
	.valve-img {
		width: 450px;
		padding: 40px 0 0;
		margin: 0 0 0 40px;
	}
	.valve-img:before {
		width: 140px;
		margin-left: -70px;
	}
	.valve-right {
		width: 100%;
		margin: 0px 0;
		padding: 0 0 0 30px;
	}
}
@media only screen and (min-width: 1200px) {
	.valve-img {
		width: 495px;
		padding: 0px 0 0;
		margin: 0 0 0 35px;
	}
	.valve-img:before {
		width: 160px;
		margin-left: -80px;
	}
	.valve-right {
		width: 100%;
		padding: 0 0 0 50px;
	}
}
@media only screen and (min-width: 1400px) {
	.valve-img {
		margin: 0;
		float: left;
		width: 495px;
		padding: 40px 0 0;
	}
	.valve-img:before {
		width: 180px;
		margin-left: -90px;
	}
	.valve-right {
		padding: 0;
		float: left;
		width: 61%;
		margin: 0 0 0 45px;
	}
}
@media only screen and (min-width: 1600px) {
	.valve-img {
		width: 450px;
		padding: 0px 0 0;
	}
	.valve-img:before {
		width: 200px;
		margin-left: -100px;
	}
}
@media only screen and (min-width: 1800px) {
	.valve-img {
		width: 510px;
		padding: 0px 0 0;
	}
	.valve-right 
	{
	    width: 61%;
	    margin: 0 0 0 50px;
	}
}


.proDetail {
    margin-top: 30px;
    height: auto;
    background: #fff;
    float: left;
    width: 100%;
    margin-bottom:50px;
}

.rightpush {
    width: 100%;
    float: right;
    margin: 30px 0 0 0;
    background: #fff;
    padding: 0 1%;
}

.rightpush img {
    width: 100%;
}

.padding-large {
    margin-bottom: 30px;
}

.proDetail .bottomLine {
    overflow: hidden;
    border-bottom: 1px dashed #ddd;
}

.proDetail .detailItem {
    width: 180px;
    text-align: center;
    background: #008f8e;
    line-height: 60px;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
}

.proDetail .proCon {
    padding: 30px;
    line-height: 30px;
    font-size: 16px;
    text-align: justify;
}

.proDetail .proCon h4{
    font-size: 20px;
    font-weight:700;
}


.proDetail .proCon p{
    line-height: 30px;
    font-size: 16px;
}


.proDetail .proCon strong
{
    margin-bottom:10px;
    display: inline-block;
}

.proDetail .proCon img {
    max-width: 100%;
    height: auto;
}

.proDetail .proCon table {
    width: 100% !important;
    border-collapse: collapse;
    border: 0px none;
    border-top: 1px solid #ccc !important;
    border-left: 1px solid #ccc !important;
    border-spacing: 0;
    table-layout: fixed;
}

.proDetail .proCon table tr {
    height: auto !important;
}

.proDetail .proCon table td:first-child {
    width: 150px !important;
}

.proDetail .proCon table td {
    height: auto !important;
    border: 0px none !important;
    line-height: 1.5;
    padding: 5px !important;
    text-align: center;
    border-right: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
    word-wrap: break-word;
    word-break: break-all;
    width: auto!important;
}

.proDetail .proCon table td p {
    display: block;
    margin: 0;
}

.proDetail .proCon table td span {
    display: inline-block;
    margin: 0;
    font-size: 16px !important;
    text-align: center;
}

.proDetail .proCon table tr {
    transition: all .2s;
}

.proDetail .proCon table tr:hover {
    background: #e7f1fc;
}

.p_r{ float:right; width:100%;}
.r_3{ width:50%; float:right; text-align:center; font-size:18px; line-height:50px; max-width:125px; background-color:#008f8e; color:#ffffff; margin-right:3%;}
.r_3 a{ color:#ffffff; display:block;}
.r_4{ width:50%; float:right; text-align:center; font-size:18px; line-height:50px; max-width:125px; background-color:#008f8e; color:#ffffff;}
.r_4 a{ color:#ffffff; display:block;}


.page_banner_img img
{
    width:100%;
}


.famous_school_list{
    width: 100%;
    margin-top: 20px;
}
.famous_school_list .swiper-slide{
    float:left;
}
.famous_school_list .swiper-slide img
{
    width:98%;
    border:#CCCCCC solid 1px;
}
.famous_school_list .swiper-slide p
{
    line-height:32px;
    text-align:center;
    font-size:16px;
    margin-top:5px;
}


.famous_school_list2{
    width: 100%;
    margin-top: 20px !important;
}
.famous_school_list2 .swiper-slide{
    float:left;
}
.famous_school_list2 .swiper-slide img
{
    width:98%;
    border:#CCCCCC solid 1px;
}
.famous_school_list2 .swiper-slide p
{
    line-height:32px;
    text-align:center;
    font-size:16px;
    margin-top:5px;
}


.valve-btn {
    width: 50%;
    overflow: hidden;
    margin: 0 0 50px 0;
    float: left;
}
.valve-btn a {
	display: block;
	width: 180px;
	height: 57px;
	line-height: 57px;
	overflow: hidden;
	position: relative;
	text-align: center;
	float: left;
	background-color: #008f8e;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
}
.valve-btn a em {
	position: relative;
	z-index: 2;
	font-style:normal;
}
.valve-btn a:first-of-type img {
    padding-top: 14px;
    position: absolute;
    margin-left: -61px;
}
.valve-btn a em span
{
    margin-top: 0px;
    position: absolute;
    width: 75px;
    margin-left: -20px;
}