@import url("https://s1.hdslb.com/bfs/static/jinkela/long/font/regular.css");
@import url("https://s1.hdslb.com/bfs/static/jinkela/long/font/medium.css");


svg {
    width: 100%;
    height: 100%;
    display: block;
}

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

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

.bsFrameDiv img {
    margin: 0 !important;
}

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

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

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

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

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

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

.nicescroll-rails {
    cursor: pointer !important;
    padding: 0 0.15625vw;
    box-sizing: border-box;
}

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

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

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


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

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

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


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



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

@font-face {
    font-family: "Rajdhani-Light";
    src: url(../fonts/Rajdhani-Light-6.ttf);
}
@font-face {
    font-family: "Rajdhani-Medium";
    src: url(../fonts/Rajdhani-Medium-3.ttf);
}
@font-face {
    font-family: "Rajdhani-Regular";
    src: url(../fonts/Rajdhani-Regular-2.ttf);
}
@font-face {
    font-family: "Rajdhani-SemiBold";
    src: url(../fonts/Rajdhani-SemiBold-5.ttf);
}


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

html, body {
    font-family: "HarmonyOS_Regular", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
    background: #fff;
    font-size: 0.7291666vw;
    width: 100%;
    color: #000;
    -webkit-overflow-scrolling: touch;

}

body {
    overflow: hidden;
}

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

.html_page {
    position: relative;
    z-index: 19;
    background: #ffffff;
    width: 100%;
    /*min-height: 100vh;*/
}

.BMap_cpyCtrl {
    display: none;
}

.anchorBL {
    display: none;
}

.body_flex {
    position: fixed;
}

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

i {
    font-style: normal;
}

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

table {
    border-collapse: collapse;
}

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

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

video {
    outline: none;
}

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

li {
    list-style: none;
}


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

textarea {
    resize: none;
}

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

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

textarea {
    resize: vertical;
}

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

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

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

/*单行超出省略*/
.space-over {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*多行超出省略*/
.space-list-over {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

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

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

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

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


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

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

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

.swiper-animation {
    opacity: 0;
}

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

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

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

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

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

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

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

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

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

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

/*css play*/
.header_wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;

}

.header_wrap:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    background: #ffffff;
    z-index: 8;
    /*-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);*/
    /*transition: all 1s cubic-bezier(.4, 0, .2, 1);*/
}


.header_box {
    padding: 0 13.541666vw;
    position: relative;
    z-index: 9;
}

.header_content {
    position: relative;
    z-index: 9;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.header_logo_box {
    width: 6.7708333vw;
    position: relative;
    z-index: 10;
}

.header_logo_img img {
    -webkit-filter: grayscale(500%) brightness(0) invert(100%);
    filter: grayscale(500%) brightness(0) invert(100%);
    /*-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);*/
    /*transition: all 1s cubic-bezier(.4, 0, .2, 1);*/
}

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

.header_menu_item_box {
    position: relative;
    padding: 0 2.1875vw;
    cursor: pointer;
}

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

.header_menu_wrap {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: calc(100% - 6.7708333vw);
    padding-left: 0.520833vw;
    position: relative;
    z-index: 9;
}

.header_menu_item_link {
    font-size: 0.7291666vw;
    line-height: 3.3333vw;
    color: #ffffff;
    position: relative;
    z-index: 9;
    /*-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);*/
    /*transition: all 1s cubic-bezier(.4, 0, .2, 1);*/
}

.header_menu_item_link:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background: #31A9FF;
    opacity: 0;
    z-index: 9;
}

.header_shop_btn_box .header_shop_btn_link {
    display: block;
    position: relative;
    padding: 0.5208333vw 1.25vw;
    background: #31A9FF;
    -webkit-border-radius: 0.3125vw;
    border-radius: 0.3125vw;
}

.header_shop_button {
    position: relative;
}

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

.header_shop_down_wrap {
    position: absolute;
    left: 50%;
    top: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: max-content;
    pointer-events: none;

}

.header_shop_down_animate {
    padding: 0.625vw 0 0 0;
    position: relative;
    -webkit-transform: translateY(-0.5208333vw);
    transform: translateY(-0.5208333vw);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

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

.header_shop_down_box {
    position: relative;
    padding-top: 0.3125vw;
}

.header_shop_down_box:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 0;
    height: 0;
    border-right: 0.3125vw solid transparent;
    border-left: 0.3125vw solid transparent;
    border-bottom: 0.3125vw solid #ffffff;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.header_shop_down_content {
    padding: 1.041666vw 1.5625vw;
    background: #ffffff;
    -webkit-border-radius: 0.3125vw;
    border-radius: 0.3125vw;
}

.header_shop_down_li {
    margin-bottom: 1.041666vw;
}

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

.header_shop_down_li a {
    width: 100%;
}

.header_shop_down_icon {
    width: 1.25vw;
    height: 1.25vw;
}

.header_shop_down_title {
    font-size: 0.625vw;
    line-height: 1.25vw;
    color: #161616;
    margin-left: 0.5208333vw;
}

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

.header_shop_btn_text {
    font-size: 0.7291666vw;
    line-height: 1.041666vw;
    color: #ffffff;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}


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

.header_search_button {
    position: relative;
}

.header_search_btn_box {
    cursor: pointer;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 1.041666vw;
}

.header_search_btn_icon {
    width: 1.25vw;
    height: 3.3333vw;
    position: relative;
    z-index: 9;
}

.header_search_btn_icon svg {
    fill: #ffffff;
    /*-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);*/
    /*transition: all 1s cubic-bezier(.4, 0, .2, 1);*/
}

.header_search_btn_box:hover .header_search_btn_icon svg {
    fill: #31A9FF;
}

.header_languages_button {
    position: relative;
}

.header_languages_btn_box {
    cursor: pointer;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    z-index: 9;
}

.header_languages_btn_icon {
    width: 0.96vw;
}

.header_languages_btn_icon svg {
    fill: #ffffff;
    /*-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);*/
    /*transition: all 1s cubic-bezier(.4, 0, .2, 1);*/
}

.header_languages_btn_text {
    font-size: 0.7291666vw;
    line-height: 3.3333vw;
    color: #ffffff;
    margin-left: 0.5208333vw;
    /*-webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);*/
    /*transition: all 1s cubic-bezier(.4, 0, .2, 1);*/
}

.header_languages_btn_box:hover .header_languages_btn_icon svg {
    fill: #31A9FF;
}

.header_languages_btn_box:hover .header_languages_btn_text {
    color: #31A9FF;
}

.header_hover:after {
    height: 100%;
    -webkit-box-shadow: 0 0 0.78125vw rgba(0, 0, 0, .05);
    box-shadow: 0 0 0.78125vw rgba(0, 0, 0, .05);
}

.header_hover .header_logo_img img {
    -webkit-filter: none;
    filter: none;
}

.header_hover .header_menu_item_link {
    color: #161616;
}

.header_hover .header_search_btn_icon svg {
    fill: #161616;
}

.header_hover .header_languages_btn_icon svg {
    fill: #161616;
}

.header_hover .header_languages_btn_text {
    color: #161616;
}

.header_white {
    position: sticky;
}

.header_white:after {
    height: 100%;
    -webkit-box-shadow: 0 0 0.78125vw rgba(0, 0, 0, .05);
    box-shadow: 0 0 0.78125vw rgba(0, 0, 0, .05);
}

.header_white .header_logo_img img {
    -webkit-filter: none;
    filter: none;
}

.header_white .header_menu_item_link {
    color: #161616;
}

.header_white .header_search_btn_icon svg {
    fill: #161616;
}

.header_white .header_languages_btn_icon svg {
    fill: #161616;
}

.header_white .header_languages_btn_text {
    color: #161616;
}

.header_active:after {
    height: 100%;
    -webkit-box-shadow: 0 0 0.78125vw rgba(0, 0, 0, .05);
    box-shadow: 0 0 0.78125vw rgba(0, 0, 0, .05);
}

.header_active .header_logo_img img {
    -webkit-filter: none;
    filter: none;
}

.header_active .header_menu_item_link {
    color: #161616;
}

.header_active .header_search_btn_icon svg {
    fill: #161616;
}

.header_active .header_languages_btn_icon svg {
    fill: #161616;
}

.header_active .header_languages_btn_text {
    color: #161616;
}

.index_banner_wrap {
    height: 100vh;
    position: relative;
}

.index_banner_swiper {
    height: 100%;
}

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

.index_banner_pic {
    height: 100%;
}

.index_banner_img {
    height: 100%;
}

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

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

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

.index_banner_center {
    width: 100%;
    padding: 0 13.541666vw;
    margin-top: -3.125vw;
}

.index_banner_title {
    font-size: 3.125vw;
    line-height: 4.375vw;
    color: #ffffff;
    /*opacity: 0;*/
    /*pointer-events: none;*/
    /*-webkit-transform: translateY(4vw);*/
    /*transform: translateY(4vw);*/
}

.index_banner_subtitle {
    font-size: 1.458333vw;
    line-height: 2.08333vw;
    color: #ffffff;
    /*opacity: 0;*/
    /*pointer-events: none;*/
    /*-webkit-transform: translateY(4vw);*/
    /*transform: translateY(4vw);*/
}

.index_banner_button {
    margin-top: 2.6041666vw;
    /*opacity: 0;*/
    /*pointer-events: none;*/
    /*-webkit-transform: translateY(4vw);*/
    /*transform: translateY(4vw);*/
}

.index_banner_current .index_banner_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.index_banner_current .index_banner_subtitle {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.index_banner_current .index_banner_button {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.index_banner_btn_box {
    margin-right: 2.34375vw;
}

.index_banner_btn_box a {
    display: block;
    position: relative;
    padding: 0.7291666vw 1.875vw;
    background: #31A9FF;
    -webkit-border-radius: 0.3125vw;
    border-radius: 0.3125vw;
}

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

.index_banner_btn_text {
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    color: #ffffff;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_banner_btn_white a {
    background: #ffffff;
}

.index_banner_btn_white .index_banner_btn_text {
    color: #161616;
}

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

.index_banner_control_box {
    width: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0 7.291666vw;
}

.index_banner_control_btn {
    width: 2.708333vw;
    height: 2.708333vw;
    cursor: pointer;
    pointer-events: auto;
    background: rgba(22, 22, 22, .3);
    -webkit-border-radius: 100%;
    border-radius: 100%;

}

.index_banner_control_btn:hover {
    background: rgba(22, 22, 22, .5);
}

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

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

.index_banner_control_label {
    width: 25%;
}

.index_banner_control_label svg {
    fill: none;
    stroke: #ffffff;
    stroke-width: 2.4;
    stroke-linecap: round;
    stroke-linejoin: round;
}


.index_banner_pagination_wrap {
    position: absolute;
    left: 0;
    bottom: 3.125vw;
    width: 100%;
    z-index: 9;
    /*opacity: 0;*/
    /*pointer-events: none;*/

}

.body_animate .index_banner_pagination_wrap {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

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

.index_banner_pagination_box .swiper-pagination-bullet {
    width: 0.5208333vw !important;
    height: 0.5208333vw !important;
    margin: 0 0.26041666vw !important;
    -webkit-border-radius: 0.26041666vw !important;
    border-radius: 0.26041666vw !important;
    background: rgba(255, 255, 255, .65);
    opacity: 1;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_banner_pagination_box .swiper-pagination-bullet-active {
    width: 3.125vw !important;
    background: rgba(255, 255, 255, 1);
}

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

.index_pro_head_box {
    -ebkit-justify-content: center;
    justify-content: center;
}

.index_public_title {
    font-size: 1.458333vw;
    line-height: 1.9791666vw;
    color: #161616;
}

.index_pro_nav_swiper .swiper-slide {
    width: auto;
}

.index_pro_nav_text {
    font-size: 0.7291666vw;
    line-height: 1.041666vw;
    padding: 0.3125vw 1.25vw;
    background: #F8F9FC;
    color: #161616;
    -webkit-border-radius: 0.3125vw;
    border-radius: 0.3125vw;
    text-align: center;
    /*-webkit-transition: all .6s ease;*/
    /*transition: all .6s ease;*/
    cursor: pointer;
    box-sizing: border-box;
}

.index_pro_nav_active {
    background: #31A9FF;
    color: #ffffff;
}

.index_pro_nav_text:hover {
    background: #31A9FF;
    color: #ffffff;
}

.index_pro_nav_wrap {
    padding: 0 5.8333vw;
    margin-top: 2.1875vw;
    position: relative;
}

.index_pro_box {
    padding: 0 13.541666vw;
}

.index_pro_nav_button {
    width: 3.4375vw;
}

.index_pro_nav_prev {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

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

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

.index_pro_nav_btn {
    width: 2.5vw;
    height: 1.6666vw;
    background: #F8F9FC;
    -webkit-border-radius: 0.3125vw;
    border-radius: 0.3125vw;
    /*-webkit-transition: all .6s ease;*/
    /*transition: all .6s ease;*/
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    cursor: pointer;
}

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

.index_pro_nav_icon {
    width: 20.8333%;
}

.index_pro_nav_icon svg {
    fill: none;
    stroke: #161616;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    /*-webkit-transition: all .6s ease;*/
    /*transition: all .6s ease;*/
}

.index_pro_nav_swiper {
    width: calc(100% - 6.875vw);
}

.pro_list_nav_swiper {
    width: calc(100% - 6.875vw);
}

.index_pro_nav_button .swiper-button-disabled {
    background: #F8F9FC;
}

.index_pro_nav_button .swiper-button-disabled .index_pro_nav_icon svg {

    stroke: #CCCCCC;
}

.index_pro_nav_button .swiper-button-disabled:hover {
    cursor: not-allowed;
}

.index_pro_item_box {
    background: #ffffff;
}

.index_pro_item_box a {
    display: block;
    width: 100%;
    position: relative;
}

.index_pro_item_box a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #31A9FF;
    -webkit-border-radius: 0.5208333vw;
    border-radius: 0.5208333vw;
    box-sizing: border-box;
    z-index: 9;
    pointer-events: none;
    opacity: 0;
}

.index_pro_item_content {
    position: relative;
    z-index: 9;
    background: #F8F9FC;
    padding: 3.125vw 0.5208333vw 2.08333vw;
    -webkit-border-radius: 0.5208333vw;
    border-radius: 0.5208333vw;
}

.index_pro_item_title {
    font-size: 1.041666vw;
    line-height: 1.158333vw;
    padding: 0.15vw 0;
    color: #161616;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;

}

.index_pro_item_subtitle {
    font-size: 0.83333vw;
    line-height: 1.25vw;
    color: #666666;
    text-align: center;
    font-family: "Rajdhani-SemiBold", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}

.index_pro_item_read_wrap {
    padding: 0 2.083333vw;
}

.index_pro_item_read {
    position: relative;
    padding-bottom: 2.88333vw;
}

.index_pro_item_type {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    opacity: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}


.index_pro_item_label {
    width: 33.3333%;
    padding: 0 0.15vw;
    position: relative;
}

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

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

.index_pro_label_title {
    font-size: 0.625vw;
    line-height: 0.8vw;
    padding: 0.225vw 0;
    color: #A8A8A8;
    text-align: center;
}

.index_pro_label_text {
    font-size: 0.7291666vw;
    line-height: 0.8vw;
    padding: 0.225vw 0;
    color: #161616;
    text-align: center;
}

.index_pro_item_pic {
    padding-bottom: 100%;
    position: relative;
}

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

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

.index_pro_item_box a:hover:after {
    opacity: 1;
}

.index_pro_item_box a:hover .index_pro_item_type {
    bottom: 1.041666vw;
    opacity: 1;
}

.index_pro_item_box a:hover .index_pro_item_img {
    -webkit-transform: scale(.9);
    transform: scale(.9);
}

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

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

.index_pro_item_text {
    font-size: 0.7291666vw;
    line-height: 1.25vw;
    color: #a8a8a8;
    margin-right: 0.26041666vw;
}

.index_pro_item_icon {
    width: 0.83333vw;
}

.index_pro_item_icon svg {
    fill: none;
    stroke-width: 1.6;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: #a8a8a8;
}

.index_pro_control_slide.swiper-slide-active .index_pro_item_swiper .swiper-slide {
    pointer-events: auto !important;
}

.index_pro_control_box {
    background: #ffffff;
    position: relative;
}

/*.index_pro_control_slide.swiper-slide-active .index_pro_control_box {*/
/*    opacity: 1;*/
/*    pointer-events: auto;*/
/*}*/

.index_pro_control_swiper {
    overflow: initial;
}

.service_pro_wrap .index_pro_control_swiper {
    overflow: hidden;
}

.index_pro_control_swiper .index_pro_control_wrapper {
    -webkit-align-items: stretch;
    align-items: stretch;
    transition-duration: 0ms !important;
}

.index_pro_control_swiper .swiper-slide {
    transition-duration: 0ms !important;
}

.index_pro_control_slide {
    height: auto;
}

.index_pro_content {
    margin-top: 2.08333vw;
}

.index_pro_control_button {
    position: absolute;
    top: 50%;
    margin-top: -1.3541666vw;
    width: 2.708333vw;
    height: 2.708333vw;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    cursor: pointer;
    pointer-events: none;
    opacity: 0;

}

.index_pro_control_button:hover:after {
    background: rgba(255, 255, 255, 0);
    border: 0.1041666vw solid #31A9FF;
}

.index_pro_control_button:hover svg {
    background: rgba(255, 255, 255, 0);
    stroke: #31A9FF;
}


.index_pro_control_slide.swiper-slide-active .index_pro_control_button {
    opacity: 1;
    pointer-events: auto;
}

.index_pro_control_slide.swiper-slide-active .index_pro_control_button.swiper-button-disabled {
    cursor: not-allowed;
    opacity: .5;
}

.index_pro_control_slide.swiper-slide-active .index_pro_control_button.swiper-button-disabled:hover:after {
    background: #F8F9FC;
    border: 0.1041666vw solid #F8F9FC;
}

.index_pro_control_slide.swiper-slide-active .index_pro_control_button.swiper-button-disabled:hover svg {
    stroke: #cccccc;
}

.index_pro_control_hide {
    opacity: 0 !important;
    pointer-events: none !important;
}

.index_pro_control_button:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #F8F9FC;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    border: 0.1041666vw solid #F8F9FC;
    box-sizing: border-box;
    /*-webkit-transition: all .6s ease;*/
    /*transition: all .6s ease;*/
}

.index_pro_control_prev {
    left: -2.08333vw;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

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

.index_pro_control_next {
    right: -2.08333vw;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}


.index_pro_control_button svg {
    stroke: #cccccc;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    position: relative;
    z-index: 9;
    /*-webkit-transition: all .6s ease;*/
    /*transition: all .6s ease;*/
}


.footer_wrap {
    position: relative;
}

.footer_box {
    padding: 5.208333vw 0 3.6458333vw 0;
    background: #161616;
}

.footer_content {
    padding: 0 13.541666vw;
    position: relative;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.footer_big {
    padding: 0 13.541666vw;
    position: relative;
    margin-top: 4.8958333vw;
}

.footer_menu_item_box {
    margin-right: 10.9375vw;
}

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

.footer_menu_item_title {
    font-size: 0.83333vw;
    line-height: 1.1458333vw;
    color: #ffffff;

}


.footer_menu_item_ul {
    margin-top: 0.5208333vw;
}

.footer_menu_item_li {
    padding: 0.26041666vw 0;
}

.footer_menu_item_li a {
    font-size: 0.625vw;
    line-height: 1.1458333vw;
    color: #cccccc;
    position: relative;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

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

.footer_menu_item_li a:hover {
    color: #ffffff;
}

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

.footer_form_title {
    font-size: 0.83333vw;
    line-height: 1.1458333vw;
    color: #ffffff;

}

.footer_form_subtitle {
    font-size: 0.625vw;
    line-height: 1.25vw;
    color: #ffffff;
    margin-top: 0.8333vw;
}

.footer_form_content {
    width: 17.6041666vw;
    position: relative;
    margin-top: 0.8333vw;
}

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

.footer_form_input {
    width: calc(100% - 1.875vw);
}

.footer_form_input input {
    font-size: 0.625vw;
    line-height: 1.875vw;
    color: #ffffff;
    padding: 0 0.5208333vw;
    width: 100%;
    display: block;
}

.footer_form_input input::placeholder {
    color: #cccccc;
}

.footer_form_button {
    width: 1.875vw;
    height: 1.875vw;
    background: #ffffff;
    -webkit-border-radius: 0 0.3125vw 0.3125vw 0;
    border-radius: 0 0.3125vw 0.3125vw 0;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    cursor: pointer;
}

.footer_form_icon {
    width: 1.041666vw;
}

.footer_form_label {
    width: 100%;
}

.footer_form_label svg {
    fill: #333333;
}

.footer_form_tips {
    font-size: 0.625vw;
    line-height: 0.9375vw;
    color: #cccccc;
    margin-top: 0.8333vw;
}

.footer_add_wrap {
    margin-top: 3.125vw;
}

.footer_add_read {
    margin-top: 0.5208333vw;
}

.footer_add_item_box {
    padding: 0.3125vw 0;
}

.footer_add_item_box,
.footer_add_item_box a {
    font-size: 0.625vw;
    line-height: 1.041666vw;
    color: #cccccc;
    position: relative;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

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

.footer_add_item_box a:hover {
    color: #ffffff;
}

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

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

.footer_head_logo {
    width: 7.291666vw;
}

.footer_head_logo img {
    -webkit-filter: grayscale(500%) brightness(0) invert(100%);
    filter: grayscale(500%) brightness(0) invert(100%);
}

.footer_head_nav_box {
    margin-left: 1.041666vw;
}

.footer_head_nav_text {
    padding: 0 0.5208333vw;
    position: relative;
}

.footer_head_nav_text:after {
    content: "";
    position: absolute;
    right: 0;
    top: 12.5%;
    width: 1px;
    height: 75%;
    background: #ffffff;
}

.footer_head_nav_text:first-child {
    padding: 0 0.5208333vw 0 0;
}

.footer_head_nav_text:last-child {
    padding: 0 0 0 0.5208333vw;
}

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

.footer_head_nav_text,
.footer_head_nav_text a {
    font-size: 0.7291666vw;
    line-height: 1.041666vw;
    color: #ffffff;
}

.footer_head_nav_text a {
    position: relative;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

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

.footer_head_nav_text a:hover {
    color: #ffffff;
}

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

.footer_head_wrap {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
    padding-bottom: 1.041666vw;
}

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

.footer_share_item_box {
    margin-right: 1.041666vw;
    position: relative;
}

.footer_share_down_box {
    position: absolute;
    left: 50%;
    top: 0.5208333vw;
    -webkit-transform: translateX(-50%) translateY(-100%);
    transform: translateX(-50%) translateY(-100%);
    width: 5.208333vw;
    padding: 0 0 0.7291666vw 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.footer_share_item_show .footer_share_down_box {
    top: 0;
    opacity: 1;
    pointer-events: auto;
}

.footer_share_down_content {
    background: #ffffff;
    padding: 0.5208333vw;
    position: relative;
    height: 5.208333vw;
    -webkit-border-radius: 0.3125vw;
    border-radius: 0.3125vw;
}

.footer_share_down_content:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%) translateY(100%);
    transform: translateX(-50%) translateY(100%);
    width: 0;
    height: 0;
    border-right: 0.3125vw solid transparent;
    border-left: 0.3125vw solid transparent;
    border-top: 0.3125vw solid #ffffff;
}

.footer_share_down_pic {
    padding-bottom: 100%;
    position: relative;
}

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

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

.footer_share_item_box a {
    height: 1.041666vw;
}

.footer_share_item_box a img {
    height: 100%;
    width: auto;
    -webkit-filter: grayscale(100%) brightness(0) invert(100%);
    filter: grayscale(100%) brightness(0) invert(100%);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.footer_share_item_box a:hover img {
    -webkit-filter: none;
    filter: none;
}


.footer_copy_text {
    margin-right: 1.041666vw;
}

.footer_copy_text a {
    margin-right: 0.5208333vw;
}

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

.footer_copy_text,
.footer_copy_text a {
    font-size: 0.625vw;
    line-height: 0.9375vw;
    color: #cccccc;
}

.footer_copy_text a {
    position: relative;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

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

.footer_copy_text a:hover {
    color: #ffffff;
}

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

.footer_copy_read {
    margin-bottom: 0.5208333vw;
}

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

.footer_copy_box {
    padding: 1.041666vw 0 0 0;
}


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

.index_service_wrap {
    padding: 3.6458333vw 0 0 0;
}

.index_service_box {
    padding: 0 13.541666vw;
}

.index_service_item_box {
    width: 24.1428%;
    margin: 0 1.1429333% 0 0;
}

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

.index_service_item_box a {
    display: block;
    position: relative;
    height: 100%;
}

.index_service_item_box:hover .index_service_item_content {
    -webkit-box-shadow: 0 0 0.5208333vw rgba(0, 0, 0, .2);
    box-shadow: 0 0 0.5208333vw rgba(0, 0, 0, .2);
}

.index_service_item_content {
    height: 100%;
    padding: 1.6666vw;
    background: #FAFAFA;
    -webkit-border-radius: 0.5208333vw;
    border-radius: 0.5208333vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

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

.index_service_item_label {
    width: 3.75vw;
    height: 3.75vw;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.index_service_item_label img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;

}

.index_service_item_read {
    margin-top: 1.041666vw;
}

.index_service_item_title {
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    color: #161616;
    text-align: center;
}


.index_service_item_text {
    font-size: 0.7291666vw;
    line-height: 1.25vw;
    color: #666666;
    text-align: center;
}

.index_service_content {
    margin-top: 2.08333vw;
}

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

.index_news_wrap {
    padding: 5.208333vw 0;
}

.index_news_nav_box {
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 1.041666vw;
}

.index_news_nav_li {
    position: relative;
    margin: 0 0.41666vw;
}

.index_news_nav_li a {
    padding: 0.3125vw 1.25vw;
    font-size: 0.7291666vw;
    line-height: 1.041666vw;
    color: #31A9FF;
    position: relative;
    z-index: 9;
    /*-webkit-transition: all .6s ease;*/
    /*transition: all .6s ease;*/
}

.index_news_nav_li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #31A9FF;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
    box-sizing: border-box;
    /*-webkit-transition: all .6s ease;*/
    /*transition: all .6s ease;*/
}

.index_news_nav_active:after {
    background: #31A9FF;
}

.index_news_nav_active a {
    color: #ffffff;
}

.index_news_content {
    margin-top: 1.041666vw;
    position: relative;
}

.index_news_item_box a {
    display: block;
}

.index_news_item_img {
    padding-bottom: 54.1547%;
    -webkit-border-radius: 0.625vw;
    border-radius: 0.625vw;
}

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

/*.index_news_item_img:after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background: #ffffff;*/
/*}*/

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

.AddIndexNewsItemImg:after {
    height: 0;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.index_news_item_read {
    margin-top: 1.25vw;
}

.index_news_item_title {
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    color: #161616;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.index_news_item_text {
    font-size: 0.83333vw;
    line-height: 1.25vw;
    color: #666666;
    margin-top: 0.5208333vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.index_news_item_button {
    margin-top: 2.08333vw;
}

.index_news_item_btn {
    -webkit-align-items: center;
    align-items: center;

}

.index_news_item_label {
    font-size: 0.7291666vw;
    line-height: 1.25vw;
    color: #A8A8A8;
    margin-right: 0.5208333vw;
}

.index_news_item_icon {
    width: 0.625vw;
}

.index_news_item_icon svg {
    fill: none;
    stroke: #A8A8A8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.index_news_box {
    padding: 0 13.541666vw;
}

.index_news_control_prev {
    left: -2.08333vw;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

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

.index_news_control_next {
    right: -2.08333vw;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}


.index_pro_button {
    width: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 3.125vw;
}

.index_pro_btn_box {
    position: relative;
}

.index_pro_btn_box a {
    padding: 0.5208333vw 1.25vw;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    z-index: 9;
}

.index_pro_btn_box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #31A9FF;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
    box-sizing: border-box;
    /*-webkit-transition: all .6s ease;*/
    /*transition: all .6s ease;*/
    pointer-events: none;
}


.index_pro_btn_text {
    font-size: 0.7291666vw;
    line-height: 1.041666vw;
    color: #31A9FF;
    /*-webkit-transition: all .6s ease;*/
    /*transition: all .6s ease;*/

}

.index_pro_btn_icon {
    margin-left: 0.5208333vw;
    position: relative;
    width: 0.7291666vw;
}

.index_pro_btn_label {
    width: 100%;
    /*-webkit-transition: all .6s ease;*/
    /*transition: all .6s ease;*/
}

.index_pro_btn_label svg {
    fill: none;
    stroke: #31A9FF;
    stroke-linecap: round;
    stroke-linejoin: round;
    /*-webkit-transition: all .6s ease;*/
    /*transition: all .6s ease;*/
}

.index_pro_btn_label:nth-child(2) {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    -webkit-transform: translateX(-80%);
    transform: translateX(-80%);
}

.index_pro_btn_box:hover:after {
    background: #31A9FF;
}

.index_pro_btn_box:hover .index_pro_btn_text {
    color: #ffffff;
}

.index_pro_btn_box:hover .index_pro_btn_label:nth-child(1) {
    -webkit-transform: translateX(80%);
    transform: translateX(80%);
    opacity: 0;
}

.index_pro_btn_box:hover .index_pro_btn_label:nth-child(2) {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
}

.index_pro_btn_box:hover .index_pro_btn_label svg {
    stroke: #ffffff;
}

.index_solution_content {
    position: relative;
}

.index_solution_img {
    position: relative;
}

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

.index_solution_item_box {
    position: absolute;
}

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


.index_solution_item_tips {
    width: 2.6041666vw;
    height: 2.6041666vw;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    /*-webkit-transform: scale(0);*/
    /*transform: scale(0);*/
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    position: relative;
    z-index: 9;
}

.index_solution_item_icon {
    width: 40%;
    height: 40%;
    position: relative;

}

.index_solution_item_label {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    height: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: rgba(79, 115, 252, 1);
    z-index: 2;
}

.index_solution_item_label:nth-child(1) {
    background: #ffffff;
    width: 40%;
    height: 40%;
    z-index: 3;
}

.index_solution_item_label:nth-child(3) {
    width: 138%;
    height: 138%;
    -webkit-animation: max_scale 3s linear infinite normal both;
    animation: max_scale 3s linear infinite normal both;
    background: rgba(79, 115, 252, .4);
}

.index_solution_item_label:nth-child(4) {
    width: 138%;
    height: 138%;
    -webkit-animation: max_scale 3s .75s linear infinite normal both;
    animation: max_scale 3s .75s linear infinite normal both;
    background: rgba(79, 115, 252, .4);
}


@keyframes max_scale {
    0% {
        width: 138%;
        height: 138%;
        opacity: 0
    }

    20% {
        opacity: 1
    }

    75% {
        width: 276%;
        height: 276%;
        opacity: 0
    }

    100% {
        opacity: 0
    }

}

.index_solution_item_label:nth-child(5) {
    display: none;
}

.index_solution_item_label:nth-child(6) {
    display: none;
}


.index_solution_item_content {
    position: absolute;
    left: 100%;
    top: 0;
    width: 0;
    overflow: hidden;
    background: #4F73FC;
    -webkit-border-radius: 1.30208333vw;
    border-radius: 1.30208333vw;
}

.index_solution_item_active .index_solution_item_content {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

.index_solution_item_active .index_solution_item_animate {
    opacity: 1;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.index_solution_item_pack {
    position: relative;
}

.index_solution_item_animate {
    width: max-content;
    padding: 0.5208333vw 1.041666vw;

    opacity: 0;
}

.AddSolutionTab .index_solution_item_tips {
    transform: none;
}

.index_solution_item_text {
    font-size: 0.83333vw;
    line-height: 1.5625vw;
    color: #ffffff;
}

.index_solution_item_jt {
    width: 0.5208333vw;
    margin-left: 0.78125vw;
}

.index_solution_item_jt svg {
    fill: none;
    stroke: #ffffff;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_solution_box {
    position: relative;
}


.index_solution_head_wrap {
    position: absolute;
    left: 0;
    top: 5.208333vw;
    width: 100%;
    padding: 0 19.791666vw;
    z-index: 9;
}

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

/*.index_solution_head_box .index_public_title {*/
/*    opacity: 0;*/
/*    pointer-events: none;*/
/*    -webkit-transform: translateY(4vw);*/
/*    transform: translateY(4vw);*/
/*}*/

/*.index_solution_head_box .index_public_text {*/
/*    opacity: 0;*/
/*    pointer-events: none;*/
/*    -webkit-transform: translateY(4vw);*/
/*    transform: translateY(4vw);*/
/*}*/

.index_public_text {
    font-size: 0.9375vw;
    line-height: 1.30208333vw;
    text-align: center;
    color: #161616;
    margin-top: 1.041666vw;
}

.index_about_wrap {
    padding: 5.208333vw 0 0 0;
}

.index_about_box {
    padding: 0 13.541666vw;
}

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

.index_about_big {
    width: 59%;
}

.index_about_pic {
    margin-top: 2.08333vw;
    position: relative;
}

.index_about_pagination_wrap {
    position: absolute;
    left: 0;
    bottom: 1.041666vw;
    width: 100%;
    z-index: 9;
}

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

.index_about_pagination_box .swiper-pagination-bullet {
    width: 0.5208333vw !important;
    height: 0.5208333vw !important;
    margin: 0 0.26041666vw !important;
    -webkit-border-radius: 0.26041666vw !important;
    border-radius: 0.26041666vw !important;
    background: rgba(255, 255, 255, .65);
    opacity: 1;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.index_about_pagination_box .swiper-pagination-bullet-active {
    width: 4.1666vw !important;
    background: rgba(255, 255, 255, 1);
}

.index_about_swiper {
    -webkit-border-radius: 0.625vw;
    border-radius: 0.625vw;
}

.index_about_img {
    padding-bottom: 43.7046%;
    -webkit-border-radius: 0.625vw;
    border-radius: 0.625vw;
}

.index_about_read {
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    color: #161616;
    margin-top: 2.08333vw;
}

.index_about_pack {
    width: 33.71428%;
    position: relative;
}

.index_about_back {
    position: absolute;
    right: -13.541666vw;
    top: -3.125vw;
    width: 134.7457%;
}

.index_about_tab {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    position: relative;
    z-index: 9;
    /*-webkit-transform: translateX(4vw);*/
    /*transform: translateX(4vw);*/
    /*opacity: 0;*/
    /*pointer-events: none;*/
}

.AddIndexAboutTab {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.index_about_item_box {
    width: 50%;
    padding-left: 0.83333vw;
    margin: 0 0 0.83333vw 0;
}

.index_about_item_box:nth-child(2n+1) {
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
}

.index_about_item_box:last-child {
    transform: none;
}

.index_about_item_content {
    background: #ffffff;
    padding: 1.5625vw 1.041666vw;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
    -webkit-box-shadow: 0 0 0.3125vw rgba(0, 0, 0, .1);
    box-shadow: 0 0 0.3125vw rgba(0, 0, 0, .1);
}

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

.index_about_item_label {
    width: 3.75vw;
    height: 3.75vw;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;

}

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

.index_about_item_head {
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 0.5208333vw;
}

.index_about_item_title {
    font-size: 1.458333vw;
    line-height: 2.08333vw;
    color: #31A9FF;
}

.index_about_item_unit {
    margin-left: 0.5208333vw;
}

.index_about_item_text {
    font-size: 0.83333vw;
    line-height: 1.1458333vw;
    color: #161616;
    margin-top: 0.5208333vw;
    text-align: center;
}

.header_down_default_wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 0;
    overflow: hidden;
    cursor: initial;
    /*-webkit-transition: all .6s ease;*/
    /*transition: all .6s ease;*/
    pointer-events: none;
}


.header_down_default_box {
    padding: 2.6041666vw 0 5.208333vw 0;
}

.header_down_default_center {
    -webkit-align-content: flex-start;
    align-content: flex-start;
    padding: 0 13.541666vw;
}

.header_down_pro_wrap .header_down_default_center {
    padding: 0;
}

.header_down_nav_wrap {
    width: 20%;
}

.header_down_nav_box {
    padding: 0 2.08333vw 0 0;
}

.header_down_nav_li {
    margin-bottom: 0.5208333vw;

}

.header_down_nav_li a {
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    padding: 0.83333vw 1.041666vw;
    color: #161616;
    display: block;
    /*-webkit-transition: all .6s ease;*/
    /*transition: all .6s ease;*/
}

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


.header_down_nav_active a {
    background: #F8F9FC;
    -webkit-border-radius: 0.3125vw;
    border-radius: 0.3125vw;
    color: #31A9FF;
}

.header_down_details_wrap {
    position: relative;
    width: 80%;
}

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

.header_down_details_box {
    padding: 0 0 0 2.08333vw;
}

.header_down_details_head {
    -webkit-align-items: center;
    align-items: center;
    padding: 0.83333vw 0 0 0;
    margin-bottom: 0.625vw;
}

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

.header_down_details_title {
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    color: #161616;

}

.header_down_details_icon {
    width: 1.1458333vw;
    margin-left: 0.5208333vw;
}

.header_down_details_icon svg {
    fill: none;
    stroke: #161616;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.header_down_details_head a:hover .header_down_details_title {
    color: #31A9FF;
}

.header_down_details_head a:hover .header_down_details_icon svg {
    stroke: #31A9FF;
}

.header_down_details_subtitle {
    font-size: 0.83333vw;
    line-height: 1.25vw;
    color: #666666;
    margin-bottom: 2.08333vw;
}

.header_down_details_line {
    width: 100%;
    height: 1px;
    position: relative;
}

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

.header_down_details_big {
    position: relative;

}

.header_down_default_pack {
    padding: 3.3333vw 0 0 0;
    background: #ffffff;
}

.header_down_default_animate {
    /*opacity: 0;*/
    /*pointer-events: none;*/
    /*-webkit-transition: all .6s ease;*/
    /*transition: all .6s ease;*/
}

.header_down_details_pack {
    opacity: 0;
    pointer-events: none;
    /*-webkit-transition: all .6s ease;*/
    /*transition: all .6s ease;*/
    background: #ffffff;
}

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

.header_down_default_shadow:after {
    content: "";
    position: absolute;
    left: 0;
    top: -0.5vw;
    width: 100%;
    height: 0.5vw;
    -webkit-box-shadow: 0 0 .6vw rgba(230, 230, 230, .5);
    box-shadow: 0 0 .6vw rgba(230, 230, 230, .5);
}


.header_back_box {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 99;
    pointer-events: none;
    /*-webkit-transition: all .6s cubic-bezier(.4, 0, .2, 1);*/
    /*transition: all .6s cubic-bezier(.4, 0, .2, 1);*/
}


.header_back_show {
    background: rgba(98, 98, 98, .76);
    -webkit-backdrop-filter: blur(1.3541666vw);
    backdrop-filter: blur(1.3541666vw);

}

.header_down_details_swiper .swiper-wrapper {
    transition-duration: 0ms !important;
}

.header_down_details_swiper .swiper-slide {
    transition-duration: 0ms !important;
}

.header_menu_item_hover .header_down_details_swiper .swiper-slide-active .header_down_details_pack {
    opacity: 1;
    pointer-events: auto;
}

.header_menu_item_hover .header_down_default_animate {
    opacity: 1;
    pointer-events: auto;
    /*-webkit-transition-delay: .3s;*/
    /*transition-delay: .3s;*/
}

.header_menu_item_hover .header_down_default_shadow {
    pointer-events: auto;
}

.header_down_details_tab {
    margin-top: 1.25vw;


}

.header_details_item_box {
    width: 32.3148%;
    margin: 0.83333vw 1.5278% 0 0;
}

.header_details_item_box:nth-child(3n) {
    margin: 0.83333vw 0 0 0;
}

.header_details_item_box a {
    position: relative;
    display: block;
    -webkit-border-radius: 0.3125vw;
    border-radius: 0.3125vw;
    overflow: hidden;
}

.header_details_item_img {
    padding-bottom: 54.1547%;

}

.header_details_item_read {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 1.1458333vw 1.041666vw;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
}

.header_details_item_box:hover .header_details_item_read {
    background: linear-gradient(to bottom, rgba(49, 169, 255, 0), rgba(49, 169, 255, 1));
}

.header_details_item_text {
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    color: #161616;
    width: calc(100% - 1vw);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.header_details_item_icon {
    width: 0.5208333vw;
}

.header_details_item_icon svg {
    fill: none;
    stroke: #ffffff;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

/*.header_down_pro_wrap {*/
/*    height: auto;*/
/*}*/

/*.header_down_pro_wrap .header_down_default_animate {*/
/*    opacity: 1;*/
/*    pointer-events: auto;*/
/*}*/


.header_down_pro_wrap .header_down_default_box {
    padding: 0;
}


.header_pro_nav_wrap {
    width: 100%;
    padding: 0 13.541666vw;
}

.header_down_pro_page {
    width: 100%;
    height: 0;
    padding: 0 13.541666vw;
    overflow: hidden;
    /*-webkit-transition: all .6s ease;*/
    /*transition: all .6s ease;*/
}

.header_down_pro_animate {
    height: calc(100vh - 13.6458vw);
}

.header_pro_nav_li {
    width: 9.0909%;
    padding: 1.041666vw 0;
    cursor: pointer;
}

.header_pro_nav_li a {
    display: block;
    padding: 1.041666vw 0.41666vw;
    position: relative;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
    /*-webkit-transition: all .6s ease;*/
    /*transition: all .6s ease;*/
}

.header_pro_nav_li a:after {
    content: "";
    position: absolute;
    right: 0;
    top: 1.041666vw;
    width: 1px;
    height: calc(100% - 2.08333vw);
    background: #CCCCCC;
    /*-webkit-transition: all .6s ease;*/
    /*transition: all .6s ease;*/
}

.header_pro_nav_li:last-child a:after {
    display: none;
}

.header_pro_nav_icon {
    margin-bottom: 0.5208333vw;
    -webkit-justify-content: center;
    justify-content: center;
}

.header_pro_nav_label {
    width: 4.1666vw;
    height: 4.1666vw;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.header_pro_nav_label img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    /*-webkit-transition: all .6s ease;*/
    /*transition: all .6s ease;*/
}

.header_pro_nav_title {
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    text-align: center;
    color: #161616;
}

.header_down_pro_show .header_pro_nav_current a,
.header_pro_nav_active a {
    background: #31A9FF;
}

.header_down_pro_show .header_pro_nav_current .header_pro_nav_title,
.header_pro_nav_active .header_pro_nav_title {
    color: #ffffff;
}

.header_down_pro_show .header_pro_nav_current .header_pro_nav_label img,
.header_pro_nav_active .header_pro_nav_label img {
    -webkit-filter: grayscale(500%) brightness(0) invert(100%);
    filter: grayscale(500%) brightness(0) invert(100%);
}

.header_down_pro_show .header_pro_nav_current a:after,
.header_pro_nav_active a:after {
    background: rgba(255, 255, 255, 0);
}

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

.header_pro_series_swiper {
    height: 100%;
}

.header_pro_series_swiper .swiper-wrapper {
    transition-duration: 0ms !important;
}

.header_pro_series_swiper .swiper-slide {
    transition-duration: 0ms !important;
}

.header_pro_down_box {
    background: #ffffff;
    height: 100%;
    padding: 1.5625vw 0 0 0;
}

.header_pro_down_after {
    padding: 2.08333vw 0 2.6041666vw 0;
    height: 100%;
    position: relative;
}

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

.header_pro_down_content {
    padding-top: 2.08333vw;
    height: calc(100% - 5.98958333vw);
}

.header_pro_down_big {
    height: 100%;
    width: 20%;
    position: relative;
}

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

.header_pro_down_pack {
    width: 80%;
    height: 100%;
    padding: 0 0 0 2.08333vw;
}

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

.header_pro_sub_box {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #ffffff;
    opacity: 0;
    pointer-events: none;
    /*-webkit-transition: all .6s ease;*/
    /*transition: all .6s ease;*/
}

.header_pro_down_tab {
    height: calc(100% - 3.3333vw);
    overflow-y: auto;
    padding-right: 2.08333vw;
    position: relative;
    z-index: 9;
}

.header_pro_down_tab::-webkit-scrollbar {
    width: 0.1041666vw;
}

/* 滚动条轨道 */
.header_pro_down_tab::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0);
}

/* 滚动条滑块 */
.header_pro_down_tab::-webkit-scrollbar-thumb {
    background: #31A9FF;
}

.header_pro_down_button {
    margin-top: 1.04166vw;
}

.header_pro_down_btn {
    position: relative;
}

.header_pro_down_btn:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #31A9FF;
    box-sizing: border-box;
    -webkit-border-radius: 0.3125vw;
    border-radius: 0.3125vw;
    /*-webkit-transition: all .6s ease;*/
    /*transition: all .6s ease;*/
}

.header_pro_down_btn a {
    padding: 0.5208333vw 1.25vw;
    position: relative;
    z-index: 9;
    -webkit-align-items: center;
    align-items: center;
}

.header_pro_btn_text {
    font-size: 1.041666vw;
    line-height: 1.25vw;
    color: #31A9FF;
    /*-webkit-transition: all .6s ease;*/
    /*transition: all .6s ease;*/
}

.header_pro_btn_icon {
    width: 1.25vw;
    margin-left: 0.5208333vw;
}

.header_pro_btn_icon svg {
    fill: none;
    stroke: #31A9FF;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    /*-webkit-transition: all .6s ease;*/
    /*transition: all .6s ease;*/
}

.header_pro_down_btn:hover:after {
    background: #31A9FF;
}

.header_pro_down_btn:hover .header_pro_btn_text {
    color: #ffffff;
}

.header_pro_down_btn:hover .header_pro_btn_icon svg {
    stroke: #ffffff;
}

.header_pro_down_head {
    margin-bottom: 0.5208333vw;
}

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

.header_pro_down_title {
    font-size: 1.458333vw;
    line-height: 2.08333vw;
    color: #161616;

}

.header_pro_down_icon {
    width: 1.6666vw;
    margin-left: 0.5208333vw;
}

.header_pro_down_icon svg {
    fill: none;
    stroke: #161616;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.header_pro_down_head a:hover .header_pro_down_title {
    color: #31A9FF;
}

.header_pro_down_head a:hover .header_pro_down_icon svg {
    stroke: #31A9FF;
}

.header_pro_down_li {
    margin-bottom: 0.5208333vw;

}

.header_pro_down_li a {
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    padding: 0.83333vw 1.041666vw;
    color: #161616;
    display: block;
    /*-webkit-transition: all .6s ease;*/
    /*transition: all .6s ease;*/
}

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


.header_pro_down_active a {
    background: #F8F9FC;
    -webkit-border-radius: 0.3125vw;
    border-radius: 0.3125vw;
    color: #31A9FF;
}


.header_pro_sub_title {
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    color: #161616;

}

.header_pro_sub_icon {
    width: 1.1458333vw;
    margin-left: 0.5208333vw;
}

.header_pro_sub_icon svg {
    fill: none;
    stroke: #161616;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.header_pro_sub_head a:hover .header_pro_sub_title {
    color: #31A9FF;
}

.header_pro_sub_head a:hover .header_pro_sub_icon svg {
    stroke: #31A9FF;
}

.header_pro_sub_content {
    height: calc(100% - 1.458333vw);
    padding-top: 1.041666vw;
}

.header_pro_sub_big {
    width: 16.666%;
    height: 100%;
}

.header_pro_sub_tab {
    height: 100%;
    padding-right: 1.041666vw;
    overflow-y: auto;
}

.header_pro_sub_tab::-webkit-scrollbar {
    width: 0.1041666vw;
}

/* 滚动条轨道 */
.header_pro_sub_tab::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0);
}

/* 滚动条滑块 */
.header_pro_sub_tab::-webkit-scrollbar-thumb {
    background: #31A9FF;
}

.header_pro_sub_li {
    position: relative;
}

.header_pro_sub_li a {
    display: block;
    width: 100%;
    font-size: 1.041666vw;
    line-height: 1.3vw;
    padding: 0.6vw 0;
    color: #a8a8a8;
    /*-webkit-transition: all .6s ease;*/
    /*transition: all .6s ease;*/
}

.header_pro_sub_active a {
    color: #31A9FF;
}

.header_pro_sub_pack {
    width: 83.334%;
    height: 100%;
    position: relative;
}

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

.header_pro_sub_photo {
    width: 39%;
    margin: 0 auto;
    position: relative;
}

.header_pro_sub_pic {
    padding-bottom: 83.91752%;
    position: relative;
}

.header_pro_sub_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    /*-webkit-transition: all .6s ease;*/
    /*transition: all .6s ease;*/
}

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

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


.header_pro_series_swiper .swiper-slide-active .header_pro_sub_show {
    opacity: 1;
    pointer-events: auto;
}

.search_popup_wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 0;
    overflow: hidden;
    pointer-events: none;
    /*-webkit-transition: all .6s ease;*/
    /*transition: all .6s ease;*/
}


.search_popup_content {
    padding-top: 3.3333vw;
    background: #ffffff
}

.search_popup_center {
    padding: 0 13.541666vw;
    pointer-events: none;
    opacity: 0;
    /*-webkit-transition: all .6s ease;*/
    /*transition: all .6s ease;*/
    overflow: hidden;
    position: relative;
}

.search_popup_center:after {
    content: "";
    position: absolute;
    left: 0;
    top: -0.5vw;
    width: 100%;
    height: 0.5vw;
    -webkit-box-shadow: 0 0 .6vw rgba(230, 230, 230, .5);
    box-shadow: 0 0 .6vw rgba(230, 230, 230, .5);
}

.search_popup_big {
    padding: 3.125vw 0 5.208333vw 0;
    position: relative;
    z-index: 9;

}

.search_popup_show .search_popup_center {
    pointer-events: auto;
    opacity: 1;
    /*-webkit-transition-delay: .3s;*/
    /*transition-delay: .3s;*/
}

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

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

.search_popup_form_icon {
    width: 1.6666vw;
    height: 1.6666vw;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.search_popup_form_label {
    width: 68.75%;
}

.search_popup_form_label svg {
    fill: #161616;
}

.search_popup_form_input {
    width: calc(100% - 1.6666vw);
}

.search_popup_form_input input {
    width: 100%;
    font-size: 1.041666vw;
    line-height: 2.708333vw;
    color: #161616;
    padding: 0 0.5208333vw;
}

.search_popup_form_input input::placeholder {
    color: #cccccc;
}

.search_popup_related_title {
    font-size: 0.83333vw;
    line-height: 2.5vw;
    color: #cccccc;
}

.search_popup_related_li {
    padding: 0.26041666vw 0;
}

.search_popup_related_li a {
    max-width: 100%;
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #666666;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.search_popup_related_li a:hover {
    color: #31A9FF;
}

.search_popup_related_box {
    width: 17.1428%;
    padding: 0 2.08333vw;
}

.search_popup_pack {
    margin-top: 2.08333vw;
}

.search_popup_pro_wrap {
    width: 82.8572%;
}

.search_popup_pro_title {
    font-size: 0.83333vw;
    line-height: 2.5vw;
    color: #666666;
}

.search_popup_pro_text {
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    color: #161616;

    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.search_popup_pro_li {
    width: 24.1379%;
    margin: 0 1.1494666% 0 0;
    position: relative;
    background: #F8F9FC;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
    overflow: hidden;
}

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

.search_popup_pro_li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
    box-sizing: border-box;
    border: 0.1041666vw solid #31A9FF;
    opacity: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}


.search_popup_pro_li a {
    display: block;
    position: relative;
    padding: 2.08333vw 0;
    z-index: 9;
}


.search_popup_pro_head {
    width: 42.8571%;
    position: relative;
    margin: 0 auto 1.5625vw;
}

.search_popup_pro_pic {
    padding-bottom: 100%;
}

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

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

.search_popup_pro_content {
    position: relative;
}

.search_popup_pro_label {
    position: absolute;
    right: 0;
    top: 1.041666vw;
    font-size: 0.625vw;
    line-height: 1.1458333vw;
    padding: 0 0.5208333vw;
    color: #ffffff;
    -webkit-border-radius: 0.208333vw 0 0 0.208333vw;
    border-radius: 0.208333vw 0 0 0.208333vw;
    background: #31A9FF;
}

.search_popup_pro_li:hover:after {
    opacity: 1;
}

.search_popup_pro_li:hover .search_popup_pro_img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

#header_search_btn {
    cursor: pointer;
}

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

.public_close_btn {
    width: 1.25vw;
    height: 1.25vw;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    cursor: pointer;
}

.public_close_label {
    width: 66.666%;
}

.public_close_btn svg {
    stroke: #A8A8A8;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    /*-webkit-transition: all .6s ease;*/
    /*transition: all .6s ease;*/
}

.public_close_btn:hover svg {
    stroke: #31A9FF;
}


.languages_popup_wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 0;
    overflow: hidden;
    pointer-events: none;
    /*-webkit-transition: all .6s ease;*/
    /*transition: all .6s ease;*/
}


.languages_popup_content {
    padding-top: 3.3333vw;
    background: #ffffff
}

.languages_popup_center {
    padding: 0 13.541666vw;
    pointer-events: none;
    opacity: 0;
    /*-webkit-transition: all .6s ease;*/
    /*transition: all .6s ease;*/
    overflow: hidden;
    position: relative;
}

.languages_popup_center:after {
    content: "";
    position: absolute;
    left: 0;
    top: -0.5vw;
    width: 100%;
    height: 0.5vw;
    -webkit-box-shadow: 0 0 .6vw rgba(230, 230, 230, .5);
    box-shadow: 0 0 .6vw rgba(230, 230, 230, .5);
}

.languages_popup_big {
    padding: 3.125vw 0 5.208333vw 0;
    position: relative;
    z-index: 9;

}

.languages_popup_show .languages_popup_center {
    pointer-events: auto;
    opacity: 1;
    /*-webkit-transition-delay: .3s;*/
    /*transition-delay: .3s;*/
}

.languages_popup_title {
    font-size: 1.458333vw;
    line-height: 2.08333vw;
    color: #161616;
    padding-bottom: 1.041666vw;

    position: relative;
    text-align: center;

}

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

.languages_popup_tab {
    margin-top: 3.125vw;
}

.languages_popup_item_box {
    width: 32.57142%;
    margin: 0 1.1429% 1.1429% 0;
}

.languages_popup_item_box:nth-child(3n) {
    margin: 0 0 1.1429% 0;
}

.languages_popup_item_box a {
    width: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 1.5625vw 2.08333vw;
    background: #FAFAFA;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
    /*-webkit-transition: all .6s ease;*/
    /*transition: all .6s ease;*/
}

.languages_popup_item_text {
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    color: #161616;
    /*-webkit-transition: all .6s ease;*/
    /*transition: all .6s ease;*/

}


.languages_popup_item_label {
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    color: #A8A8A8;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.languages_popup_item_box a:hover .languages_popup_item_label,
.languages_popup_item_box a:hover .languages_popup_item_text {
    color: #ffffff;
}

.languages_popup_item_box a:hover {
    background: #31A9FF;
}


.contact_page_wrap {
    padding: 1.041666vw 0 3.6458333vw 0;
}

.contact_page_box {
    padding: 0 13.541666vw;
}

.contact_banner_img {
    padding-bottom: 41.2857%;
    -webkit-border-radius: 0.625vw;
    border-radius: 0.625vw;
}

.contact_page_content {
    margin-top: 3.125vw;
}

.contact_head_title {
    font-size: 1.875vw;
    line-height: 2.6041666vw;
    color: #161616;

}

.contact_page_tab {
    position: relative;
}

.contact_page_item_box {
    width: 33.3333%;
    padding-right: 6.25vw;
    margin-top: 2.08333vw;
}

.contact_page_item_width .contact_page_item_box {
    width: 100%;
    padding: 0;
}

.contact_page_item_title {
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    color: #161616;

}

.contact_page_item_text {
    margin-top: 0.5208333vw;

}

.contact_page_item_text {
    font-size: 0.83333vw;
    line-height: 1.041666vw;
    color: #161616;
}

.contact_page_item_text a {
    color: #31A9FF;
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    font-family: "Alibaba-PuHuiTi-Medium", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}

.service_page_banner_wrap {
    position: relative;
}

.service_page_banner_back {
    padding-bottom: 18.75%;
}

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

.service_page_banner_content {
    width: 100%;
    -webkit-justify-content: center;
    justify-content: center;
}

.service_page_banner_big {
    width: 35.9375%;
}

.service_page_banner_title {
    font-size: 1.458333vw;
    line-height: 1.9791666vw;
    color: #161616;
    text-align: center;

}

.service_page_banner_read {
    margin: 0.625vw 0;

}

.service_banner_form_wrap {
    position: relative;
    background: #ffffff;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
}

.service_banner_form_box {
    padding: 0 0.7291666vw;
    position: relative;
    z-index: 9;
}

.service_banner_form_btn {
    width: 1.875vw;
    height: 2.5vw;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    cursor: pointer;
}

.service_banner_form_icon {
    width: 45%;
}

.service_banner_form_input {
    width: calc(100% - 1.875vw);
}

.service_banner_form_input input {
    width: 100%;
    font-size: 0.625vw;
    line-height: 2.5vw;
    color: #161616;

}

.service_banner_form_input input::placeholder {
    color: #A8A8A8;
}

.service_page_banner_tips {
    font-size: 0.8333vw;
    line-height: 1.25vw;
    color: #666666;
    text-align: center;

}

.supports_rapid_lnks {
    cursor: pointer;
    color: #666666;
}

.supports_rapid_lnks:hover {
    color: #161616;
}

.service_pro_wrap {
    padding: 5.208333vw 0 0 0;
}

.service_pro_box {
    padding: 0 13.541666vw;
}

.service_pro_item_box {
    width: 24.1428%;
    margin: 0 1.1429333% 1.1429333% 0;
}

.service_pro_item_box:nth-child(4n) {
    margin: 0 0 1.1429333% 0;
}

.service_pro_item_box a {
    display: block;
    background: #F8F9FC;
    padding: 1.5625vw 0.52083333vw;
    -webkit-border-radius: 0.3125vw;
    border-radius: 0.3125vw;
    overflow: hidden;
    position: relative;
}

.service_pro_item_head_wrap {
    padding: 0 1.30208333vw;
}

.service_pro_item_label {
    position: absolute;
    right: 0;
    top: 1.041666vw;
    font-size: 0.625vw;
    line-height: 1.1458333vw;
    color: #ffffff;
    padding: 0 0.5208333vw;
    -webkit-border-radius: 0.208333vw 0 0 0.208333vw;
    border-radius: 0.208333vw 0 0 0.208333vw;
    background: #31A9FF;
}

.service_pro_item_head {
    width: 64%;
    margin: 0 auto 1.25vw;
}

.service_pro_item_pic {
    padding-bottom: 100%;
    position: relative;
}

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

.service_pro_item_img img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

.service_pro_item_title {
    font-size: 0.83333vw;
    line-height: 1.25vw;
    color: #161616;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.service_pro_box .index_pro_control_swiper .index_pro_control_wrapper {
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.resources_page_wrap {
    padding: 5.208333vw 0 0 0;
}

.resources_page_box {
    padding: 0 13.541666vw;
}

.resources_page_tab {
    margin-top: 2.08333vw;
}

.resources_page_item_box {
    width: 24.1428%;
    margin: 0 1.1429333% 0 0;
}

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


.resources_page_item_box a {
    height: 100%;
    display: block;
    position: relative;
    background: #FAFAFA;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
    overflow: hidden;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}


.resources_page_item_content {
    padding: 2.08333vw 1.5625vw;
}

.resources_page_item_head {
    width: 3.75vw;
    margin: 0 auto 1.041666vw;
}

.resources_page_item_pic {
    padding-bottom: 100%;
    position: relative;
}

.resources_page_item_ewm {
    z-index: 9;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

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

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

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

.resources_page_item_title {
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    color: #161616;

    text-align: center;
}

.resources_page_item_text {
    margin-top: 0.3125vw;
    font-size: 0.7291666vw;
    line-height: 1.25vw;
    color: #76767f;
    text-align: center;
}

.service_page_big {
    padding: 0 0 5.208333vw 0;
    position: relative;
}


.resources_page_item_box a:hover {
    -webkit-box-shadow: 0 0 0.5208333vw rgba(0, 0, 0, .2);
    box-shadow: 0 0 0.5208333vw rgba(0, 0, 0, .2);
}

.resources_page_item_box a:hover .resources_page_item_ewm {
    opacity: 1;
    pointer-events: auto;
}

.resources_contact_tab .resources_page_item_text {
    height: 2.5vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.public_service_box .resources_page_item_text {
    height: 2.5vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.resources_contact_tab .resources_page_item_box {
    width: 32.5713778%;
    margin: 0 1.1429333% 0 0;
}

.resources_contact_tab .resources_page_item_box:nth-child(3n) {
    margin: 0;
}

.resources_page_item_button {
    margin-top: 0.5208333vw;
    -webkit-justify-content: center;
    justify-content: center;
}

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

.resources_page_item_label {
    font-size: 0.625vw;
    line-height: 1.25vw;
    color: #161616;
}

.resources_page_item_icon {
    width: 0.7291666vw;
    margin-left: 0.3125vw;
}

.resources_page_item_icon svg {
    fill: none;
    stroke: #161616;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.manual_page_wrap {
    padding: 5.208333vw 0;
}

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

.manual_page_head_box .service_banner_form_wrap:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #161616;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
    box-sizing: border-box;
}

.public_service_wrap {
    margin-top: 3.125vw;
    position: relative;

}

.public_service_box {
    position: relative;
    padding: 0 13.541666vw;
}

.public_service_nav_wrap {
    position: relative;
}

.public_service_nav_wrap:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #CCCCCC;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

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

.public_service_nav_li {
    margin-right: 3.125vw;
}

.public_service_nav_li a {
    display: none !important;
}

.public_service_nav_li .js_support_xgl_sec_nav_lnk {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
}

.public_service_nav_li a, .public_service_nav_li .js_support_xgl_sec_nav_lnk {
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    color: #666666;
    padding-bottom: 1.041666vw;
    position: relative;
}

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


.public_service_nav_active a, .public_service_nav_active .js_support_xgl_sec_nav_lnk {
    color: #161616;
    font-family: "Alibaba-PuHuiTi-Medium", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}

.public_service_nav_active a:after, .public_service_nav_active .js_support_xgl_sec_nav_lnk:after {
    width: 100%;
}

.public_service_content {
    position: relative;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.public_service_big {
    width: 24.2857%;
    position: sticky;
    top: 3.3333vw;
}

.public_service_big_has_line:after {
    content: '';
    position: absolute;
    right: -1px;
    width: 1px;
    height: 100%;
    top: 0;
    background: #cccccc;
}

.public_menu_wrap {
    max-height: calc(100vh - 3.3333vw);
    padding: 0 3.125vw 0 0;
    overflow-y: auto;
}

.public_menu_wrap::-webkit-scrollbar {
    width: 0.1041666vw;
}

/* 滚动条轨道 */
.public_menu_wrap::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0);
}

/* 滚动条滑块 */
.public_menu_wrap::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0);
}

.public_menu_head_wrap {
    padding: 2.08333vw 0 2.08333vw 0;
}

.public_menu_head_wrap_box {
    display: none;
}

.public_menu_head_wrap_box_active {
    display: block;
}

.public_menu_item_box {
    margin-bottom: 1.5625vw;
}

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

.public_menu_item_box a, .public_menu_item_box .js_support_xgl_third_nav_lnk {
    font-size: 1.041666vw;
    line-height: 2.08333vw;
    color: #161616;
    padding: 0 2.08333vw;
}

.public_menu_item_box a {
    display: none !important;
}

.public_menu_item_box .js_support_xgl_third_nav_lnk {
    cursor: pointer;
}

.public_menu_item_box:hover {
    background: #FAFAFA;
}

.public_menu_item_box a:hover, .public_menu_item_box .js_support_xgl_third_nav_lnk:hover {
    font-family: "Alibaba-PuHuiTi-Medium", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}

.public_menu_item_active {
    background: #FAFAFA;
}

.public_menu_item_active a, .js_support_xgl_third_nav_lnk {
    font-family: "Alibaba-PuHuiTi-Medium", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}

.public_menu_content {
    position: relative;
    padding: 2.08333vw;
}

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

.public_menu_title {
    font-size: 1.041666vw;
    line-height: 2.08333vw;
    color: #161616;

}

.public_menu_ul {
    margin-top: 0.5208333vw;
}

.public_menu_down_head {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
}

.public_menu_down_title {
    font-size: 1.041666vw;
    line-height: 2.08333vw;
    color: #161616;
    width: calc(100% - 0.83333vw);
}

.public_menu_down_icon {
    width: 0.83333vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

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

.public_menu_down_li {
    margin-bottom: 0.78125vw;
}

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

.public_menu_down_li a {
    width: 100%;
    -webkit-align-items: center;
    align-items: center;
}

.public_menu_down_li .js_support_xgl_model_sn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: flex;
    width: 100%;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
}


.public_menu_down_wrap {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.public_menu_down_content {
    padding: 0.5208333vw 0;
}

.public_menu_down_label {
    width: 0.7291666vw;
    height: 0.7291666vw;
    border: 1px solid #A8A8A8;
    margin-right: 0.5208333vw;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-border-radius: 0.1041666vw;
    border-radius: 0.1041666vw;
}

.public_menu_down_label:after {
    content: "";
}

.public_menu_down_text {
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #666666;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    width: calc(100% - 1.25vw);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: "Rajdhani-SemiBold", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}

.public_menu_down_li a:hover .public_menu_down_label {
    background: url(../images/cd-icon-check.svg) no-repeat center center #31A9FF;
    background-size: 150%;
    border: 1px solid #31A9FF;
}

.public_menu_down_li a:hover .public_menu_down_text, .public_menu_down_li .js_support_xgl_model_sn:hover .public_menu_down_text {
    color: #31A9FF;
}

.public_menu_down_active .public_menu_down_label {
    background: url(../images/cd-icon-check.svg) no-repeat center center #31A9FF;
    background-size: 150%;
    border: 1px solid #31A9FF;
}

.public_menu_down_active .public_menu_down_text {
    color: #31A9FF;
}


.public_menu_li {
    padding: 0.78125vw 0;
}


.public_details_wrap {
    position: relative;
    width: 75.7143%;
    height: 100%;
}

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

.public_details_box {
    padding: 2.08333vw 2.08333vw 0 2.08333vw;
}

.public_details_title {
    font-size: 1.458333vw;
    line-height: 2.08333vw;
    color: #161616;

}

.public_details_item_tips {
    font-size: 1.041666vw;
    line-height: 1.458333vw;

    color: #161616;
}

.public_details_content {
    margin-top: 2.86458333vw;
}

.public_details_item_box {
    margin-bottom: 2.08333vw;
}

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


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

.public_details_item_li {
    margin-bottom: 0.83333vw;
    display: block;
    width: 100%;
    position: relative;
    background: #FAFAFA;
}

.public_details_item_li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
    border: 1px solid #cccccc;
    box-sizing: border-box;
}

.public_details_item_content {
    position: relative;
    z-index: 9;
    padding: 0.7291666vw 2.08333vw;
    width: 100%;
}

.public_details_down_tab .public_details_item_content {
    padding: 2.08333vw 2.08333vw 2.708333vw 2.08333vw;
}

.public_details_down_tab .public_details_item_li:after {
    -webkit-border-radius: 1.0416666vw;
    border-radius: 1.0416666vw;
}

.public_details_down_tab .public_details_item_li {
    background: #ffffff;
}

.public_details_item_type {
    width: 6.6666%;
}

.public_details_item_icon {
    padding-bottom: 100%;
    position: relative;
}

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

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

.public_details_item_button {
    width: 11.5555%;
    -webkit-align-content: flex-start;
    align-content: flex-start;
}

.public_details_item_btn {
    position: relative;
    width: 100%;
    margin-top: 0.7291666vw;
    display: block;
}

.public_details_item_btn a {
    display: block;
    font-size: 0.7291666vw;
    line-height: 1.6666vw;
    color: #ffffff;
    -webkit-border-radius: 0.3125vw;
    border-radius: 0.3125vw;
    background: #393939;
    text-align: center;
}

.public_details_item_read {
    width: 81.7779%;
    padding: 0 1.041666vw;
}

.public_details_item_center {
    width: 100%;
    padding-top: 0.208333vw;
}

.public_details_item_title {
    font-size: 1.041666vw;
    line-height: 1.3541666vw;
    color: #161616;
}

.public_details_item_text {
    font-size: 0.7291666vw;
    line-height: 1.041666vw;
    margin-top: 0.3125vw;
    color: #76767F;
}

.public_details_item_tab {
    margin-top: 1.041666vw;
}


.public_details_item_message {
    font-size: 0.7291666vw;
    line-height: 1.041666vw;
    color: #76767F;
    margin-top: 0.3125vw;
}

.public_details_down_wrap {
    position: relative;
    z-index: 9;
    height: 0;
    overflow: hidden;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.public_details_down_content {
    padding: 0 2.08333vw 1.041666vw 2.08333vw;
}

.public_details_down_big {
    padding: 0 0 0 6.6666%;
}

.public_details_down_pack {
    padding: 0 0 0 1.041666vw;
}

.firmware_down_bjq,
.firmware_down_bjq p {
    font-size: 0.7291666vw;
    line-height: 1.25vw;
    color: #666666;
}

.firmware_down_bjq h1 {
    font-size: 1.1458333vw;
    line-height: 2.1875vw;
    color: #161616;

}

.firmware_down_bjq h2 {
    font-size: 1.041666vw;
    line-height: 2.08333vw;
    color: #161616;

}

.firmware_down_bjq h3 {
    font-size: 0.9375vw;
    line-height: 1.9791666vw;
    color: #161616;

}

.firmware_down_bjq h4 {
    font-size: 0.83333vw;
    line-height: 1.875vw;
    color: #161616;

}

.firmware_down_bjq h5 {
    font-size: 0.7291666vw;
    line-height: 1.7708333vw;
    color: #161616;

}

.firmware_down_button {
    margin-top: 2.08333vw;
}

.firmware_down_btn_box {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    cursor: pointer;
}

.firmware_down_btn_text {
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #161616;
}

.firmware_down_btn_icon {

    position: relative;
}


.firmware_down_content {
    height: 0;
    overflow: hidden;
    position: relative;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.firmware_down_animate {
    position: relative;
    padding-top: 1.5625vw;
}

.firmware_down_pack {
    padding: 1.5625vw 0 0 0;
    position: relative;
}

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

.firmware_down_btn_hide {
    display: none;
}

.shop_page_content {
    margin-top: 2.08333vw;
}

.shop_page_item_box {
    width: 24.1428%;
    margin: 0 1.1429333% 0 0;
}

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

.shop_page_item_box a {
    display: block;
    background: #F9FAFB;
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.shop_page_item_box a:hover {
    -webkit-box-shadow: 0 0 0.5208333vw rgba(0, 0, 0, .2);
    box-shadow: 0 0 0.5208333vw rgba(0, 0, 0, .2);
}

.shop_page_item_content {
    padding: 4.1666vw 1.5625vw;
    position: relative;
    z-index: 9;
}

.shop_page_item_head {
    width: 43.1654%;
    margin: 0 auto 2.08333vw;
}

.shop_page_item_pic {
    padding-bottom: 100%;
    position: relative;
}

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

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

.shop_page_item_title {
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    color: #161616;

    text-align: center;
}

.service_product_wrap {
    margin-top: 2.08333vw;
}

.service_product_item_content {
    background: #FAFAFA;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
    padding: 1.041666vw 2.08333vw;
}

.service_product_item_pic {
    width: 12.6515%;
}

.service_product_item_pic a {
    padding-bottom: 100%;
    display: block;
    position: relative;
}

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

.service_product_item_img img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

.service_product_item_big {
    width: 87.3485%;
    padding-left: 1.041666vw;
}

.service_product_item_title {
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    color: #161616;

}

.service_product_item_text {
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #666666;
    margin-top: 0.5208333vw;
}


.service_product_item_button {
    margin-top: 2.5vw;
}

.service_product_item_btn {
    position: relative;
    margin-right: 0.5208333vw;
}

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

.service_product_item_btn:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #CCCCCC;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;

}

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

.service_product_item_btn a {
    padding: 0.3125vw 1.5625vw;
    font-size: 0.7291666vw;
    line-height: 1.041666vw;
    color: #666666;
    -webkit-border-radius: 0.3125vw;
    border-radius: 0.3125vw;
}

.service_product_item_btn a:hover {
    color: #31A9FF;
}

.service_product_item_active a {
    background: #393939;
    color: #ffffff !important;
    font-family: "Alibaba-PuHuiTi-Medium", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;

}

.service_product_item_active:after {
    opacity: 0;
}

.service_product_item_box {
    margin-bottom: 1.041666vw;
}

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

.pro_faq_wrap {
    margin-top: 2.08333vw;
}


.pro_faq_item_title {
    font-size: 1.041666vw;
    line-height: 1.458333vw;

    color: #161616;
}

.pro_faq_item_text {
    font-size: 0.83333vw;
    line-height: 1.25vw;
    color: #666666;
    margin-top: 0.3125vw;
}

.pro_faq_item_read {
    margin-top: 0.5208333vw;
}

.pro_faq_item_time {
    font-size: 0.625vw;
    line-height: 1.3541666vw;
    color: #666666;
}

.pro_faq_item_label {
    position: relative;
    margin-left: 1.041666vw;
}

.pro_faq_item_label .lnk {
    display: inline-block;
    background: #ffffff;
    -webkit-border-radius: 0.3125vw;
    border-radius: 0.3125vw;
    font-size: 0.625vw;
    line-height: 1.3541666vw;
    color: #666666;
    padding: 0 1.041666vw;
}

.pro_faq_item_box {
    margin-bottom: 1.041666vw;
    cursor: pointer;
}

.pro_faq_item_content {
    padding: 1.041666vw 3.125vw 1.041666vw 1.041666vw;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.pro_faq_item_box:hover .pro_faq_item_content {
    background: #FAFAFA;
}

.js-faq-content-video-wrap {
    margin-top: 0.3125vw;
    margin-bottom: 0.3125vw;
}

.js-faq-content-video-wrap video {
    display: block;
    max-width: 100%;
}

.js-faq-content-content-wrap {
    margin-bottom: 0.3125vw;
}

.js-faq-back-decoration {
    padding: 0.3125vw 0;
}


.faq_popup_wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    z-index: 1000;
    pointer-events: none;
    opacity: 0;
    background: rgba(98, 98, 98, .76);
    -webkit-transition: all .6s cubic-bezier(.4, 0, .2, 1);
    transition: all .6s cubic-bezier(.4, 0, .2, 1);
}

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

.faq_popup_box {
    position: relative;
    z-index: 9;
    width: 52.08333%;
    background: #ffffff;
    padding: 2.08333vw 3.125vw;
    -webkit-border-radius: 0.625vw;
    border-radius: 0.625vw;
    -webkit-transform: translateY(2vw);
    transform: translateY(2vw);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .6s cubic-bezier(.4, 0, .2, 1);
    transition: all .6s cubic-bezier(.4, 0, .2, 1);
}

.faq_popup_show {
    opacity: 1;
    pointer-events: auto;
    -webkit-backdrop-filter: blur(1.3541666vw);
    backdrop-filter: blur(1.3541666vw);
}

.faq_popup_show .faq_popup_box {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.faq_popup_head {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
    margin-bottom: 2.08333vw;
}

.faq_popup_title {
    font-size: 1.458333vw;
    line-height: 1.9791666vw;
    color: #161616;
    width: calc(100% - 3vw);
}

.faq_popup_btn {
    width: 1.25vw;
    height: 1.25vw;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    cursor: pointer;
}

.faq_popup_label {
    width: 66.666%;
}

.faq_popup_label svg {
    stroke: #A8A8A8;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.faq_popup_btn:hover .faq_popup_label svg {
    stroke: #31A9FF;
}

.faq_popup_line {
    width: 100%;
    height: 1px;
    position: relative;
    background: #cccccc;
}

.faq_popup_bjq {
    height: 50vh;
    padding-right: 3.125vw;
    overflow-y: auto;
}

.faq_popup_bjq::-webkit-scrollbar {
    width: 0.3125vw;

}

/* 滚动条轨道 */
.faq_popup_bjq::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, .1);
    -webkit-border-radius: 0.15625vw;
    border-radius: 0.15625vw;
}

/* 滚动条滑块 */
.faq_popup_bjq::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .5);
    -webkit-border-radius: 0.15625vw;
    border-radius: 0.15625vw;
}


.faq_popup_bjq,
.faq_popup_bjq p {
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #666666;
}

.fnrs_supports_detail_pdf_wrap a {
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #666666;
}

.fnrs_supports_detail_pdf_wrap a:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 1vw;
    height: 1vw;
    background: url(../images/ico-pdf.png) no-repeat left center;
    background-size: contain;
}

.fnrs_supports_detail_title {
    color: rgb(49, 169, 255);
    margin-bottom: 1.458333vw;
}

.fnrs_supports_detail_video_wrap {
    width: 100%;
    margin-bottom: 1.458333vw;
}

.fnrs_supports_detail_video_wrap video {
    width: 100%;
    height: auto;
    display: inline-block;
    vertical-align: top;
}

.faq_popup_bjq h1 {
    font-size: 1.458333vw;
    line-height: 2.08333vw;
    font-family: "Alibaba-PuHuiTi-Medium", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;

}

.faq_popup_bjq h2 {
    font-size: 1.3541666vw;
    line-height: 1.9791666vw;
    font-family: "Alibaba-PuHuiTi-Medium", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;

}

.faq_popup_bjq h3 {
    font-size: 1.25vw;
    line-height: 1.875vw;
    font-family: "Alibaba-PuHuiTi-Medium", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;

}

.faq_popup_bjq h4 {
    font-size: 1.041666vw;
    line-height: 1.6666vw;
    font-family: "Alibaba-PuHuiTi-Medium", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;

}

.faq_popup_bjq h5 {
    font-size: 0.9375vw;
    line-height: 1.5625vw;
    font-family: "Alibaba-PuHuiTi-Medium", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;

}

.faq_popup_content {
    margin-top: 2.08333vw;
}

.news_banner_wrap {
    position: relative;
}

.news_banner_back {
    padding-bottom: 14.6875%;
}

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

.news_banner_center {
    width: 100%;
}

.news_banner_title {
    font-size: 1.875vw;
    line-height: 2.34375vw;
    color: #161616;

    text-align: center;
}

.news_page_wrap {
    padding: 3.125vw 0 5.208333vw 0;
}

.news_page_box {
    padding: 0 13.541666vw;
}

.news_page_head_box {
    padding: 0.5208333vw 1.041666vw;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    background: #FAFAFA;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
}

.news_page_nav_li {
    margin-right: 1.041666vw;
}

.news_page_nav_li a {
    font-size: 1.041666vw;
    line-height: 2.08333vw;
    color: #666666;
    padding: 0 1.5625vw;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
}

.news_page_nav_li:hover a {
    color: #ffffff;
    background: #31A9FF;
}

.news_page_nav_active a {
    color: #ffffff;
    background: #31A9FF;
    font-family: "Alibaba-PuHuiTi-Medium", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}

.news_page_form_wrap {
    width: 23.3823%;
    position: relative;
}

.news_page_form_wrap:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #A8A8A8;
    background: #ffffff;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
    box-sizing: border-box;
}

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

.news_page_form_button {
    width: 2.08333vw;
    height: 2.08333vw;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    cursor: pointer;
}

.news_page_form_icon {
    width: 40%;

}

.news_page_form_label {
    width: 100%;
}

.news_page_form_label svg {
    fill: #A8A8A8;
}

.news_page_form_input {
    width: calc(100% - 2.08333vw);
}

.news_page_form_input input {
    font-size: 0.625vw;
    line-height: 2.08333vw;
    color: #161616;
    width: 100%;
    padding: 0 1.041666vw 0 0;
}

.news_page_form_input input::placeholder {
    color: #A8A8A8;
}

.news_page_content {
    padding: 2.08333vw;
    margin-top: 0.83333vw;
    position: relative;
    background: #FAFAFA;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
}

.news_page_tips_title {
    font-size: 1.458333vw;
    line-height: 2.08333vw;
    color: #161616;

    margin-bottom: 1.041666vw;
}

.news_page_line {
    width: 100%;
    height: 1px;
    position: relative;
    background: #cccccc;
}

.news_page_max_box {
    margin-top: 1.041666vw;
}

.news_page_max_box a {
    display: block;
    background: #ffffff;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
    overflow: hidden;
}

.news_page_max_img {
    padding-bottom: 16.3636%;
}

.news_page_max_read {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 1.041666vw;
}

.news_page_max_title {
    width: 80%;
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    color: #161616;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news_page_max_time {
    width: 20%;
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    color: #161616;

    text-align: right;
}

.news_page_tab {
    margin-top: 2.08333vw;
}

.news_page_item_box {
    position: relative;
    padding: 2.08333vw 0 0 0;
    margin: 0 0 2.08333vw 0;
    width: 100%;
}

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

.news_page_item_box a {
    display: block;
}

.news_page_item_pic {
    width: 21.4285%;
}

.news_page_item_img {
    padding-bottom: 54.1547%;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
}

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

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

.news_page_item_box:hover .news_page_item_title {
    color: #31A9FF;
}

.news_page_item_big {
    width: 78.5715%;
    padding-left: 2.08333vw;
    position: relative;
    -webkit-align-content: space-between;
    align-content: space-between;
}

.news_page_item_title {
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    color: #161616;

    margin-top: 0.78125vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

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

.news_page_item_head {
    width: 100%;
}

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

.news_page_item_time {
    font-size: 0.625vw;
    line-height: 1.25vw;
    color: #A8A8A8;
}

.news_page_item_label {
    font-size: 0.7291666vw;
    line-height: 1.25vw;
    color: #161616;
    margin-right: 0.5208333vw;
}

.news_page_item_icon {
    width: 0.625vw;
}

.news_page_item_icon svg {
    fill: none;
    stroke: #161616;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.news_details_title {
    font-size: 1.458333vw;
    line-height: 2.08333vw;
    color: #161616;

    margin-bottom: 0.5208333vw;
}

.news_details_time {
    font-size: 0.625vw;
    line-height: 1.25vw;
    color: #A8A8A8;
    margin-bottom: 1.041666vw;
}

.news_details_text {
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #666666;
    margin-bottom: 1.041666vw;
}

.news_details_line {
    width: 100%;
    height: 1px;
    position: relative;
    background: #cccccc;
}

.news_details_big {
    margin-top: 2.08333vw;
}

.news_details_big,
.news_details_big p {
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #666666;
}

.news_details_big img {
    width: auto;
    max-width: 100%;
    display: inline-block;
    vertical-align: top;
    padding: 0;
}


.maintain_page_wrap {
    padding: 5.208333vw 0;
    position: relative;
}

.maintain_page_box {
    padding: 0 13.541666vw;
    position: relative;
}

.maintain_page_title {
    font-size: 1.458333vw;
    line-height: 1.9791666vw;
    color: #161616;


}

.maintain_page_head_wrap {
    margin-top: 4.4791666vw;
    position: relative;

}

.maintain_page_head_box {
    position: relative;
}

.maintain_page_head_tips {
    position: absolute;
    right: 3.125vw;
    bottom: 0;
    width: 43.6428%;
}

.maintain_page_head_img {
    padding-bottom: 62.3567%;
}

.maintain_page_head_content {
    padding: 2.08333vw;
    background: #F9FAFB;
    -webkit-border-radius: 0.625vw;
    border-radius: 0.625vw;
    position: relative;
}

.maintain_page_head_big {
    width: 50%;
}

.maintain_page_head_title {
    font-size: 1.458333vw;
    line-height: 2.08333vw;
    color: #161616;

    margin-bottom: 0.5208333vw;
}

.maintain_page_head_text {
    font-size: 0.9375vw;
    line-height: 1.458333vw;
    color: #666666;
    margin-bottom: 1.875vw;
}

.maintain_page_head_pack {
    padding-bottom: 0;
}

.maintain_page_head_button {
    width: 100%;
    margin-bottom: 0.8333vw;
}

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

.maintain_page_head_btn a {
    font-size: 0.83333vw;
    line-height: 1.25vw;
    color: #161616;
    padding: 0.625vw 1.875vw;
    background: #31A9FF;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
}

.maintain_page_head_button:nth-child(2) .maintain_page_head_btn a {
    background: #cccccc;
}

.maintain_process_head_wrap {
    padding: 0;
}

.maintain_process_head_box {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
    margin-bottom: 2.08333vw;
}

.maintain_process_head_box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 2.55208333vw;
    width: 100%;
    height: 0.208333vw;
    background: #31A9FF;
}

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

.maintain_process_item_head {
    width: 5.3125vw;
    margin: 0 auto;
    background: #31A9FF;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.maintain_process_item_back {
    padding-bottom: 100%;
    position: relative;
}

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

.maintain_process_item_label {
    width: 52.9411%;
    height: 52.9411%;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

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

.maintain_process_item_read {
    margin-top: 1.041666vw;
}

.maintain_process_item_title {
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    color: #161616;

    text-align: center;
}

.maintain_process_wrap {
    padding: 2.08333vw 0;
    background: #F9FAFB;
    -webkit-border-radius: 0.625vw;
    border-radius: 0.625vw;
    margin-top: 1.041666vw;

}

.maintain_process_box {
    padding: 0 2.08333vw;
}

.maintain_process_head_line {
    width: 100%;
    height: 1px;
    position: relative;
    background: #cccccc;
}

.maintain_process_content {
    margin-top: 2.08333vw;
    padding: 0;
}

.maintain_process_down_wrap {
    position: relative;
    overflow: hidden;
    height: 0;
    /*-webkit-transition: all .6s ease;*/
    /*transition: all .6s ease;*/
}

.maintain_process_down_tab {
    padding: 1.875vw 0;
}

.maintain_process_down_li {
    margin-bottom: 1.875vw;
}

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

.maintain_process_down_title {
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    color: #161616;

}


.maintain_process_down_text {
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #666666;
    margin-top: 0.5208333vw;
}

.maintain_process_down_button {
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
}

.maintain_process_down_btn {
    position: relative;
    cursor: pointer;
}

.maintain_process_down_label {
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #666666;
    margin-right: 0.5208333vw;
    /*-webkit-transition: all .6s ease;*/
    /*transition: all .6s ease;*/
}

.maintain_process_down_icon {
    width: 0.83333vw;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    /*-webkit-transition: all .6s ease;*/
    /*transition: all .6s ease;*/
}

.maintain_process_down_icon svg {
    fill: none;
    stroke: #666666;
    stroke-linecap: round;
    stroke-linejoin: round;
    /*-webkit-transition: all .6s ease;*/
    /*transition: all .6s ease;*/
}

.maintain_process_down_btn:hover .maintain_process_down_icon svg {
    stroke: #31A9FF;
}

.maintain_process_down_btn:hover .maintain_process_down_label {
    color: #31A9FF;
}

.maintain_process_down_show .maintain_process_down_icon {
    -webkit-transform: none;
    transform: none;
}

.maintain_faq_wrap {
    padding: 2.08333vw;
    background: #F9FAFB;
    -webkit-border-radius: 0.625vw;
    border-radius: 0.625vw;
    margin-top: 1.041666vw;
}

.maintain_faq_box {
    position: relative;
}

.maintain_faq_head_title {
    font-size: 1.458333vw;
    line-height: 2.08333vw;

    color: #161616;
}

.maintain_faq_head_text {
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #666666;
    margin-top: 0.5208333vw;
}

.maintain_faq_head_box {
    margin-bottom: 1.875vw;
}

.maintain_faq_line {
    position: relative;
    width: 100%;
    height: 1px;
    background: #cccccc;
}

.maintain_faq_content {
    margin-top: 3.125vw;
}

.maintain_faq_nav_box {
    position: relative;
}

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

.maintain_faq_nav_li {
    margin-right: 3.125vw;
    position: relative;
    z-index: 9;
    cursor: pointer;
}

.maintain_faq_nav_li:after {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    width: 0;
    height: 0.1041666vw;
    background: #31A9FF;
    /*-webkit-transition: all .6s ease;*/
    /*transition: all .6s ease;*/
}

.maintain_faq_nav_text {
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    color: #161616;

    padding-bottom: 0.5208333vw;
    position: relative;
}

.maintain_faq_nav_active:after {
    width: 100%;
}

.maintain_faq_tab {
    background: #F9FAFB;
}

.maintain_faq_swiper {
    margin-top: 2.08333vw;
}

.maintain_faq_swiper .swiper-wrapper {
    transition-duration: 0ms !important;
}

.maintain_faq_swiper .swiper-slide {
    transition-duration: 0ms !important;
}

.maintain_faq_item_box {
    margin-bottom: 1.6666vw;
}

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

.maintain_faq_item_title {
    font-size: 1.041666vw;
    line-height: 1.458333vw;

    color: #161616;
}

.maintain_faq_item_text {
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #666666;
    margin-top: 0.5208333vw;
}

.process_page_wrap {
    padding: 4.42708333vw 0 8.333vw 0;
}

.process_page_box {
    padding: 0 13.541666vw;
}

.process_page_head_title {
    font-size: 1.458333vw;
    line-height: 1.9791666vw;
    color: #161616;

}

.process_page_head_text {
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #666666;
    margin-top: 0.5208333vw;

}

.process_page_content {
    margin-top: 2.08333vw;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.process_page_nav_wrap {
    width: 24.1428%;
    background: #FAFAFA;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;

}

.process_page_nav_box {
    padding: 2.08333vw 2.08333vw 6.25vw 2.08333vw;
}

.process_page_nav_li {
    padding-bottom: 3.125vw;
    position: relative;
}

.process_page_nav_li:last-child {
    padding: 0;
}

.process_page_nav_li:after {
    content: "";
    position: absolute;
    left: 0.98958333vw;
    top: 0;
    width: 0.1041666vw;
    height: 100%;
    background: #A8A8A8;
}

.process_page_nav_circle {
    width: 2.08333vw;
    line-height: 2.08333vw;
    text-align: center;
    color: #ffffff;
    font-size: 1.041666vw;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #A8A8A8;
    position: relative;
    z-index: 9;
}

.process_page_nav_title {
    width: calc(100% - 2.08333vw);
    padding-left: 1.041666vw;
    font-size: 1.041666vw;
    line-height: 2.08333vw;
    color: #A8A8A8;

}

.process_page_nav_active:after {
    background: #31A9FF;
}

.process_page_nav_active .process_page_nav_circle {
    background: #31A9FF;
}

.process_page_nav_active .process_page_nav_title {
    color: #161616;
}

.process_page_big {
    width: 74.7142%;
    background: #FAFAFA;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;

}

.process_pack_wrap {
    padding: 2.08333vw 2.08333vw 3.125vw 2.08333vw;
}

.process_pack_head_title {
    font-size: 1.458333vw;
    line-height: 1.9791666vw;
    color: #161616;
}

.process_pack_head_text {
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #666666;
    margin-top: 0.5208333vw;
}

.process_search_box {
    width: 55.2795%;
    position: relative;
    background: #ffffff;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
}

.process_search_box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
}

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

.process_search_icon {
    width: 8.9887%;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.process_search_label {
    width: 40%;
}

.process_search_label svg {
    fill: #A8A8A8;
}

.process_search_input {
    width: 77.9027%;
}

.process_search_input input {
    padding: 0 1.041666vw 0 0;
    font-size: 0.625vw;
    line-height: 2.5vw;
    color: #161616;
    width: 100%;
    display: block;
}

.process_search_input input::placeholder {
    color: #666666;
}

.process_search_button {
    width: 13.1086%;
    position: relative;
}

.process_search_button:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #cccccc;
    pointer-events: none;
}

.process_search_btn {
    font-size: 0.625vw;
    line-height: 2.5vw;
    color: #161616;
    text-align: center;
    cursor: pointer;
}

.process_search_wrap {
    margin-top: 1.041666vw;
}

.process_pro_wrap {
    margin-top: 2.08333vw;
}


.process_pro_nav_box {
    position: relative;
}

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

.process_pro_nav_li {
    margin-right: 2.08333vw;
    position: relative;
    z-index: 9;
    cursor: pointer;
}

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

.process_pro_nav_text {
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    color: #161616;

    padding-bottom: 0.5208333vw;
    position: relative;
}

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

.process_pro_nav_active:after {
    width: 100%;
}

.process_pro_item_box {
    width: 22.7743%;
    margin: 0 2.9676% 0 0;
    cursor: pointer;
    position: relative;
    display: none;
}

.process_pro_item_box_active {
    display: block;
}

.process_pro_item_box_active.put_away {
    display: none;
}

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


.process_pro_down_hide {
    display: none;
}

.process_pro_item_content {
    padding: 1.5625vw;
    position: relative;
    z-index: 9;
    background: #ffffff;
    -webkit-border-radius: 0.3125vw;
    border-radius: 0.3125vw;
    margin-bottom: 0.83333vw;
}

.process_pro_item_content:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 0.3125vw;
    border-radius: 0.3125vw;
    border: 0.1041666vw solid #31A9FF;
    box-sizing: border-box;
    opacity: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.process_pro_item_active .process_pro_item_content:after {
    opacity: 1;
}

.process_pro_item_head {
    width: 60%;
    margin: 0 auto 1.25vw;
    position: relative;
    z-index: 9;
}

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

.process_pro_item_pic {
    width: 100%;
    padding-bottom: 100%;
    position: relative;
}

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

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

.process_pro_item_title {
    font-size: 0.83333vw;
    line-height: 1.25vw;
    color: #161616;

    text-align: center;
}

.process_pro_content {
    margin-top: 1.875vw;
}


.process_pro_down_button {
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
}

.process_pro_down_btn {
    position: relative;
    cursor: pointer;
}

.process_pro_down_label {
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #666666;
    margin-right: 0.5208333vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.process_pro_down_icon {
    width: 0.83333vw;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.process_pro_down_icon svg {
    fill: none;
    stroke: #666666;
    stroke-linecap: round;
    stroke-linejoin: round;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.process_pro_down_show .process_pro_down_icon {
    -webkit-transform: none;
    transform: none;
}

.process_pro_big {
    background: #FAFAFA;
}

.process_pro_down_wrap {
    overflow: hidden;
    /*-webkit-transition: all .6s ease;*/
    /*transition: all .6s ease;*/
}

.process_pro_down_max {
    max-height: initial;
}

.process_prev_button {
    margin-top: 2.08333vw;
}

.process_prev_btn_box {
    cursor: pointer;
}

.process_prev_btn_text {
    font-size: 0.83333vw;
    line-height: 1.25vw;
    color: #A8A8A8;
    padding: 0.625vw 2.08333vw;
    background: #e4e4e4;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
}

.process_prev_btn_box_active .process_prev_btn_text {
    background: #31A9FF;
    color: #fff;
}

.process_form_wrap {
    margin-top: 1.041666vw;
    padding-bottom: 1.041666vw;
}

.process_form_select_wrap {
    width: 48.8612%;
    position: relative;
    z-index: 9;
}

.process_form_select_box {
    position: relative;
}

.process_form_select_box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    border: 1px solid #cccccc;
    box-sizing: border-box;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
    pointer-events: none;
}

.process_form_select_big {
    position: absolute;
    left: 0;
    top: calc(100% - 0.5208333vw);
    width: 100%;
    background: #fafafa;

    opacity: 0;
    pointer-events: none;
    -webkit-transform: scaleY(.8);
    transform: scaleY(.8);
    transform-origin: top center;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    padding: 1.041666vw 0 0.5208333vw 0;
}

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

.process_form_select_pack {
    height: 9.375vw;
    overflow-y: auto;
    position: relative;
}

.process_form_select_option {
    font-size: 0.7291666vw;
    line-height: 1.5625vw;
    color: #161616;
    padding: 0 1.25vw;
    cursor: pointer;
}

.process_form_select_option:hover {
    background: #e9e9e9;
}

.process_form_select_content {
    position: relative;
    z-index: 3;
    background: #ffffff;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
    cursor: pointer;
    width: 100%;
}

.process_form_select_icon {
    width: 2.08333vw;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.process_form_select_label {
    width: 40%;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.process_form_select_label svg {
    fill: none;
    stroke: #666666;
    stroke-linecap: round;
    stroke-linejoin: round;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.process_form_select_input {
    width: calc(100% - 2.08333vw);
}

.process_form_select_input input {
    width: 100%;
    font-size: 0.7291666vw;
    line-height: 2.5vw;
    color: #161616;
    padding: 0 1.25vw;
    pointer-events: none;
}

.process_form_select_input input::placeholder {
    color: #161616;
}

.process_form_select_show .process_form_select_label {
    -webkit-transform: none;
    transform: none;
}

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

.process_form_textarea_wrap {
    margin-top: 1.041666vw;
}

.process_form_textarea_box textarea {
    resize: none;
    width: 100%;
    background: #ffffff;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
    font-size: 0.7291666vw;
    line-height: 1.25vw;
    color: #161616;
    padding: 1.041666vw 1.25vw;
    height: 10.8333vw;
}

.process_form_textarea_box textarea::-webkit-scrollbar {
    width: 0.1041666vw;
}

/* 滚动条轨道 */
.process_form_textarea_box textarea::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0);
}

/* 滚动条滑块 */
.process_form_textarea_box textarea::-webkit-scrollbar-thumb {
    background: #31A9FF;
}

.feed_form_item_input input {
    width: 100%;
    font-size: 0.7291666vw;
    line-height: 2.5vw;
    color: #161616;
    padding: 0 1.25vw;
}

.process_form_textarea_box textarea::placeholder {
    color: #666666;
}

.process_messages_form_wrap {
    padding: 0 0 1.041666vw 0;
    margin-top: 1.041666vw;
}

.process_messages_form_box {
    padding: 0 9.6875vw 0 0;
}

.process_messages_form_li {
    width: 100%;
    position: relative;
    background: #ffffff;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
    margin: 0 0 1.041666vw 0;
}

.process_messages_form_tab .process_messages_form_li {
    width: 46.1538%;
    margin: 0 7.6924% 1.041666vw 0;

}

.process_messages_form_tab .process_messages_form_li:nth-child(2n) {
    margin: 0 0 1.041666vw 0;
}

.process_messages_form_li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
    border: 1px solid #cccccc;
    box-sizing: border-box;
    pointer-events: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 1;
}


.type_area_inputs_show .process_messages_form_li:after {
    border-color: #31A9FF;
}

.process_messages_form_input {
    width: 100%;
    height: 2.5vw;
}

.process_messages_form_input input {
    width: 100%;
    display: block;
    padding: 1.25vw 1.25vw 0.208333vw 1.25vw;
    font-size: 0.7291666vw;
    line-height: 1.041666vw;
    color: #161616;
}

.process_messages_form_input_multiple {
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    opacity: 1;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.process_messages_form_input_multiple .js_repair_area {
    display: inline-block;
    vertical-align: top;
    margin-left: 0.625vw;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.process_messages_form_input_multiple .js_repair_area:first-child {
    margin-left: 0.89vw;
}

.process_messages_form_input_multiple .js_repair_area + .js_repair_area {
    padding-left: 0.625vw;
}

.process_messages_form_input_multiple .js_repair_area + .js_repair_area:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0.208333vw;
    width: 1px;
    height: 1.041666vw;
    background: #999;
}

.process_messages_form_input_multiple .js_select_area {
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding: 1.25vw 0.3125vw 0.208333vw;
    font-size: 0.7291666vw;
    line-height: 1.041666vw;
    cursor: pointer;
    color: #999;

}

.process_messages_form_input_multiple .js_repair_area.has_value .js_select_area {
    /*color: #161616;*/
    color: #31A9FF;
}

.process_area_select_big_wrap {
    position: absolute;
    left: 0;
    width: 100%;
    top: calc(100% - 0.5208333vw);
    z-index: 10;
    pointer-events: none;
    transform-origin: top left;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: scaleY(.8);
    transform: scaleY(.8);
    opacity: 0;
}

.type_area_inputs_wrap .process_area_select_big_wrap.process_area_select_big_show {
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
}

.process_area_select_big {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    background: #fafafa;
    padding: 1.5624933vw 0.225vw 1.041666vw;
}

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

.process_area_select_pack {
    overflow-y: auto;
    position: relative;
}

.process_area_select_option {
    display: inline-block;
    vertical-align: top;
    font-size: 0.7291666vw;
    line-height: 1.5625vw;
    color: #161616;
    padding: 0 0.225vw;
    margin: 0.4vw .8vw;
    cursor: pointer;
}

.type_area_close {
    position: absolute;
    width: 1vw;
    height: 1vw;
    top: 50%;
    margin-top: -0.5vw;
    right: 0.5vw;
    z-index: 22;
    cursor: pointer;
}

.type_area_close svg {
    display: block;
    width: 60%;
    height: 60%;
    margin: 20%;
    object-fit: contain;
}

.process_area_select_option:hover, .process_area_select_option_active {
    color: #31A9FF;
}


.process_messages_form_label {
    position: absolute;
    left: 0;
    font-size: 0.7291666vw;
    line-height: 1.041666vw;
    color: #161616;
    top: 0.7291666vw;
    padding: 0 1.25vw;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    pointer-events: none;
}

.process_messages_form_label:after {
    content: "*";
    display: inline-block;
    color: #ff4040;
    margin-left: 0.1041666vw;
}

.process_messages_form_li_no_tips .process_messages_form_label:after {
    display: none;
}


.process_messages_select_box {
    position: relative;
}


.process_messages_select_big {
    position: absolute;
    left: 0;
    top: calc(100% - 0.5208333vw);
    width: 100%;
    background: #fafafa;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: scaleY(.8);
    transform: scaleY(.8);
    transform-origin: top center;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    padding: 1.041666vw 0 0.5208333vw 0;
}

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

.process_messages_select_pack {
    height: 9.375vw;
    overflow-y: auto;
    position: relative;
}

.process_messages_select_option {
    font-size: 0.7291666vw;
    line-height: 1.5625vw;
    color: #161616;
    padding: 0 1.25vw;
    cursor: pointer;
}

.process_messages_select_option:hover {
    background: #e9e9e9;
}

.process_messages_select_content {
    position: relative;
    background: #ffffff;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
    cursor: pointer;
    width: 100%;
    z-index: 1;
}

.process_messages_select_icon {
    width: 2.08333vw;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.process_messages_select_label {
    width: 40%;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.process_messages_select_label svg {
    fill: none;
    stroke: #666666;
    stroke-linecap: round;
    stroke-linejoin: round;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.process_messages_select_input {
    width: calc(100% - 2.08333vw);
}

.process_messages_select_input input {
    width: 100%;
    font-size: 0.7291666vw;
    line-height: 2.5vw;
    color: #161616;
    padding: 0 1.25vw;
    pointer-events: none;
}

.process_messages_select_input input::placeholder {
    color: #161616;
}

.process_messages_select_show:after {
    border: 1px solid #31A9FF;
}

.process_messages_select_show .process_messages_select_label {
    -webkit-transform: none;
    transform: none;
}

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

.type_data input {
    pointer-events: none;
}

.type_area_inputs_wrap {
    position: relative;
    margin-bottom: 1.041666vw;
    z-index: 8;
}

.type_area_inputs {
    z-index: 18;
    cursor: pointer;
}

.process_messages_tel_wrap {
    position: relative;
    margin-bottom: 1.041666vw;
    z-index: 8;
}

.process_messages_tel_wrap.process_messages_tel_show {
    z-index: 20;
}

.process_messages_tel_wrap:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
    border: 1px solid #cccccc;
    box-sizing: border-box;
    pointer-events: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 3;
}

.process_messages_tel_box {
    background: #ffffff;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
    position: relative;
    z-index: 2;
}

.process_messages_tel_box .process_messages_form_li {
    background: none;
    margin-bottom: 0;
}

.process_messages_tel_box .process_messages_select_content {
    background: none;
}

.process_messages_tel_box .process_messages_form_li:after {
    display: none;
}

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

.process_messages_select_max {
    position: relative;
    width: calc(100% - 2.08333vw);
}

.process_messages_select_max .process_messages_form_input {
    pointer-events: none;
}

.process_messages_select_max .process_messages_form_input input {
    padding: 1.25vw 0 0.208333vw 1.25vw;
}

.process_messages_select_max .process_messages_form_label {
    padding: 0 0 0 1.25vw;
}

.process_messages_tel_box .process_messages_form_li:nth-child(1) {
    width: 9.291666vw;
}

.process_messages_tel_box .process_messages_form_li:nth-child(2) {
    width: calc(100% - 9.291666vw);
}

.tel_select_show .process_messages_select_label {
    -webkit-transform: none;
    transform: none;
}

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

.type_focus:after {
    border: 1px solid #31A9FF;
}

.input_focus {
    top: 0.208333vw;
    font-size: 0.57291666vw;
}

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


.process_check_wrap {
    margin: 1.041666vw 0 0 0;
}

.process_check_line {
    width: 100%;
    height: 1px;
    position: relative;
    background: #cccccc;
}

.process_check_content {
    margin-top: 1.5625vw;
}

.process_check_item_box {
    width: 100%;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
    background: #ffffff;
    position: relative;
    margin-bottom: 2.08333vw;
}

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

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

.process_check_item_content {
    position: relative;
    z-index: 9;
    padding: 1.041666vw;
}

.process_check_item_title {
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    color: #161616;

}

.process_check_item_big {
    margin-top: 0.5208333vw;
}

.process_check_item_ul {
    width: 80%;
}

.process_check_item_read {
    margin-bottom: 0.5208333vw;
}

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

.process_check_item_li {
    margin-bottom: 0.5208333vw;
}

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

.process_check_item_button {
    width: 20%;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.process_check_item_text {
    font-size: 0.7291666vw;
    line-height: 1.25vw;
    color: #161616;
}

.process_check_item_btn .edit_lnk {
    display: inline-block;
    vertical-align: top;
    font-size: 0.7291666vw;
    line-height: 1.25vw;
    color: #31A9FF;
    cursor: pointer;
}

.process_check_tips_box {
    margin-top: 2.08333vw;
}

.process_check_tips_box input {
    width: 0.7291666vw;
    height: 0.7291666vw;
    border: 1px solid #a8a8a8;
    box-sizing: border-box;
    margin-right: 0.5208333vw;
    -webkit-border-radius: 0.1041666vw;
    border-radius: 0.1041666vw;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.process_check_tips_box label {
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
}

.process_check_tips_box {
    font-size: 0.7291666vw;
    line-height: 1.25vw;
    color: #666666;

}

.process_check_tips_box a {
    color: #31A9FF;
}

.process_check_tips_box input:checked {
    background: url(../images/cd-icon-check.svg) no-repeat center center #31A9FF;
    background-size: 150%;
    border: 1px solid #31A9FF;
}


.about_banner_back {
    padding-bottom: 19.21875%;
}

.about_details_wrap {
    padding: 5.208333vw 0 0 0;
}

.about_details_box {
    padding: 0 13.541666vw;
}

.about_details_pic {
    width: 38.9285%;
}


.about_details_max {
    position: relative;
    padding-bottom: 55.2542%;
}

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

.about_details_width {
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-align-content: center;
    align-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-border-radius: 0.625vw;
    border-radius: 0.625vw;
}

.about_details_hidden {
    min-width: max-content;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.about_details_animate {
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-align-content: center;
    align-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;

}

.about_details_img {
    width: 28.3854vw;
    padding-bottom: 55.2542%;
}

.AddAboutDetailsPic .about_details_width {
    width: 100%;
    height: 100%;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.about_details_big {
    width: 61.0715%;
    padding-right: 6.7708333vw;
}


.about_details_title {
    font-size: 1.458333vw;
    line-height: 1.9791666vw;
    color: #161616;

}

.about_details_subtitle {
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    color: #161616;
    margin-top: 1.7708333vw;
}

.about_details_text {
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    color: #666666;
    margin-top: 1.041666vw;
}

.about_history_wrap {
    padding: 5.208333vw 0 0 0;
}

.about_history_box {
    padding: 0 13.541666vw;
}

.about_history_item_tips {
    width: 46.4286%;
    position: relative;
}

.about_history_item_year {
    font-size: 11.9791666vw;
    line-height: 15.1041666vw;
    color: #9dcbfe;
    text-align: center;
}

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

.about_history_item_max {
    width: 32%;
    height: 100%;
}

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

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

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

.about_history_item_content {
    width: 53.5714%;
    padding: 3.6458333vw 0;
}

.about_history_item_read {
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #666666;
    width: 100%;
}

.about_history_item_box {
    background: #ffffff;
}

.about_history_nav_title {
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    color: #161616;

    text-align: center;
    margin-bottom: 0.5208333vw;
}

.about_history_nav_circle {
    width: 2.708333vw;
    height: 2.708333vw;
    margin: 0 auto;
    position: relative;

    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-transition: all .6s;
    transition: all .6s;
}

.about_history_nav_icon {
    width: 1.041666vw;
    height: 1.041666vw;
    position: relative;
    background: #ffffff;
}

.about_history_nav_label {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    opacity: 0;
    -webkit-transition: all .6s;
    transition: all .6s;
}

.about_history_nav_label:nth-child(1) {
    background: #A8A8A8;
    width: 30%;
    height: 30%;
    opacity: 1;

}

.about_history_nav_label:nth-child(2) {
    border: 0.15625vw solid #A8A8A8;
    opacity: 1;
}


.about_history_nav_li {
    -webkit-justify-content: center;
    justify-content: center;

}

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

.about_history_nav_read {
    cursor: pointer;
    pointer-events: auto;
}

.about_history_nav_wrap {
    margin-top: 6.7708333vw;
    position: relative;
}

.about_history_nav_wrap:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 1.3541666vw;
    width: 100%;
    height: 1px;
    background: #cccccc;
}

.about_history_nav_box {
    width: calc(100% - 10.41666vw);
}

.about_history_content {
    margin-top: 1.041666vw;
}

.about_history_nav_swiper .swiper-slide-thumb-active .about_history_nav_circle {
    background: #ffffff;
}

.about_history_nav_swiper .swiper-slide-thumb-active .about_history_nav_label:nth-child(1) {
    background: #31A9FF;
}

.about_history_nav_swiper .swiper-slide-thumb-active .about_history_nav_label:nth-child(2) {
    border: 0.15625vw solid #31A9FF;
}

.about_history_nav_swiper .swiper-slide-thumb-active .about_history_nav_label:nth-child(3) {
    -webkit-animation: circle_scale 2.4s linear infinite normal both;
    animation: circle_scale 2.4s linear infinite normal both;
    border: 1px solid #31A9FF;
}

.about_history_nav_swiper .swiper-slide-thumb-active .about_history_nav_label:nth-child(4) {
    -webkit-animation: circle_scale 2.4s 1.2s linear infinite normal both;
    animation: circle_scale 2.4s 1.2s linear infinite normal both;
    border: 1px solid #31A9FF;
}

@-webkit-keyframes circle_scale {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    20% {
        width: 135%;
        height: 135%;
        opacity: 0.9;
    }
    40% {
        width: 170%;
        height: 170%;
        opacity: 0.6;
    }
    60% {
        width: 205%;
        height: 205%;
        opacity: .4;
    }
    80% {
        width: 240%;
        height: 240%;
        opacity: 0;
    }
    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}

@keyframes circle_scale {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    20% {
        width: 135%;
        height: 135%;
        opacity: 0.9;
    }
    40% {
        width: 170%;
        height: 170%;
        opacity: 0.6;
    }
    60% {
        width: 205%;
        height: 205%;
        opacity: .4;
    }
    80% {
        width: 240%;
        height: 240%;
        opacity: 0;
    }
    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}

.about_history_nav_button {
    width: 5.208333vw;
    -webkit-justify-content: center;
    justify-content: center;
    padding-top: 1.9791666vw;
    position: relative;
    z-index: 9;
}

.about_history_nav_btn {
    width: 2.708333vw;
    height: 2.708333vw;
    background: #F8F9FC;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    cursor: pointer;
    position: relative;
    pointer-events: auto;
}

.about_history_nav_btn:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 0.1041666vw solid #c6c6c6;
    box-sizing: border-box;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    /*-webkit-transition: all .6s ease;*/
    /*transition: all .6s ease;*/
}


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

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

.about_history_btn_icon svg {
    stroke: #cccccc;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    position: relative;
    z-index: 9;
    /*-webkit-transition: all .6s ease;*/
    /*transition: all .6s ease;*/
}


.about_history_nav_btn:hover:after {
    border: 0.1041666vw solid #31A9FF;
}

.about_history_nav_btn:hover .about_history_btn_icon svg {
    stroke: #31A9FF;
}


.about_history_nav_btn.swiper-button-disabled {
    cursor: not-allowed;
}

.about_history_nav_btn.swiper-button-disabled:after {
    border: 0.1041666vw solid #e2e2e2;
}

.about_history_nav_btn.swiper-button-disabled .about_history_btn_icon svg {
    stroke: #e5e5e5;
}

.about_history_nav_btn.swiper-button-disabled:hover:after {
    border: 0.1041666vw solid #e2e2e2;
}

.about_history_nav_btn.swiper-button-disabled:hover .about_history_btn_icon svg {
    stroke: #e5e5e5;
}


.about_company_wrap {
    padding: 5.208333vw 0 0 0;
}

.about_company_box {
    padding: 0 13.541666vw;
}

.about_company_content {
    margin-top: 2.08333vw;
    position: relative;
}

.about_company_button {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-align-items: center;
    align-items: center;
    pointer-events: none;
}

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

.about_company_center .about_company_prev {
    -webkit-transform: translateX(-170%) rotate(180deg);
    transform: translateX(-170%) rotate(180deg);
}

.about_company_center .about_company_next {
    -webkit-transform: translateX(170%);
    transform: translateX(170%);
}

.about_company_item_box {
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
    background: #FAFAFA;
    overflow: hidden;
}

.about_company_item_img {
    padding-bottom: 76.923%;
}


.AddAboutCompanyItemImg:after {
    height: 0;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.about_company_item_read {
    padding: 1.041666vw;
}

.about_company_item_title {
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    color: #161616;

}


.about_company_item_text {
    font-size: 0.78125vw;
    line-height: 1.458333vw;
    color: #666666;
    margin-top: 0.5208333vw;
}

.about_brand_wrap {
    padding: 5.208333vw 0 0 0;
}

.about_brand_box {
    padding: 0 13.541666vw;
}

.about_brand_content {
    padding: 0 10.41666vw;
    margin-top: 3.125vw;
}


.about_brand_item_box {
    width: 100%;
    padding-bottom: 100%;
    position: relative;
}

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

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

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

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


.about_brand_details_title {
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    color: #161616;

    text-align: center;
}

.about_brand_details_text {
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #666666;
    margin-top: 1.041666vw;
    text-align: center;
}

.about_brand_details_read {
    background: #ffffff;
    padding: 0 2.08333vw;
}

.about_brand_details_swiper {
    margin-top: 2.08333vw;
}

.about_brand_swiper .swiper-slide {
    width: 15.625vw;
}

.about_brand_big {
    position: relative;
}


.about_brand_button {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-align-items: center;
    align-items: center;
    pointer-events: none;
}

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

.about_brand_center .about_brand_prev {
    -webkit-transform: translateX(-253%) rotate(180deg);
    transform: translateX(-253%) rotate(180deg);
}

.about_brand_center .about_brand_next {
    -webkit-transform: translateX(253%);
    transform: translateX(253%);
}

.about_partner_wrap {
    padding: 5.208333vw 0 0 0;
}

.about_partner_box {
    padding: 0 13.541666vw;
}

.about_partner_head {
    position: relative;
}

.about_partner_subtitle {
    font-size: 3.125vw;
    line-height: 4.4791666vw;
    color: #9DCBFE;
    opacity: .3;
    text-align: center;
    text-transform: uppercase;
    position: relative;
}

.about_partner_subtitle:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}

.about_partner_head .about_details_title {
    text-align: center;
    margin-top: -2.23958333vw;
    position: relative;
    z-index: 9;
}

.about_partner_content {
    margin-top: 3.125vw;
}

.about_partner_item_box {
    width: 15.7142%;
    margin: 0 1.14296% 1.14296% 0;
}

.about_partner_item_box:nth-child(6n) {
    margin: 0 0 1.14296% 0;
}

.about_partner_item_img {
    padding-bottom: 70.909%;
}


.media_page_wrap {
    padding: 5.208333vw 0;
}

.media_page_box {
    padding: 0 13.541666vw;
}

.media_page_title {
    font-size: 1.458333vw;
    line-height: 1.9791666vw;
    color: #161616;

}

.media_page_content {
    margin-top: 3.125vw;
}

.media_page_item_box {
    width: 24.1428%;
    margin: 0 1.1429333% 0 0;
    background: #FAFAFA;
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

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

.media_page_item_pic {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    opacity: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}


.media_page_item_pic a {
    width: 100%;
    height: 100%;
    padding: 3.125vw 0 2.08333vw 0;
    position: relative;
}

.media_page_item_pic a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #161616;
    box-sizing: border-box;
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
}

.media_page_item_big {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    position: relative;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    opacity: 0;
}

.media_page_item_img {
    margin: 0 auto;
    width: 9.4791666vw;
    height: 9.4791666vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.media_page_item_tips {
    margin-top: 1.5625vw;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: center;
    justify-content: center;
}

.media_page_item_current {
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    color: #31A9FF;
}

.media_page_item_link {
    width: 0.5208333vw;
}

.media_page_item_content {
    padding: 4.1666vw 0;
    position: relative;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.media_page_item_box:hover .media_page_item_pic {
    opacity: 1;
}

.media_page_item_box:hover .media_page_item_big {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}

.media_page_item_box:hover .media_page_item_content {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0;
}

.media_page_item_head {
    width: 29.58579%;
    margin: 0 auto 2.6041666vw;
}

.media_page_item_icon {
    width: 100%;
    padding-bottom: 100%;
    position: relative;
}

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

.media_page_item_label svg {
    width: 100%;
    height: 100%;
    fill: #161616;
}

.media_page_item_title {
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    color: #161616;

    text-align: center;
}

.media_page_tips_box {
    margin-top: 3.125vw;

}

.media_page_tips_title {
    font-size: 1.458333vw;
    line-height: 1.9791666vw;
    color: #161616;

}

.media_page_tips_text {
    margin-top: 1.041666vw;
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #161616;
}

.media_page_tips_text a {
    color: #31A9FF;
}

.join_banner_wrap {
    position: relative;
}

.join_banner_back {
    padding-bottom: 28.75%;
}

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

.join_banner_content {
    width: 100%;
    padding: 0 13.541666vw;
    margin-top: 1.041666vw;
}

.join_banner_title {
    font-size: 1.875vw;
    line-height: 2.6041666vw;

    color: #ffffff;
    text-align: center;
}

.join_banner_max {
    font-size: 5.3125vw;
    line-height: 7.5vw;
    color: #ffffff;
    text-align: center;
}

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

.join_banner_btn_box a {
    padding: 0.7291666vw 1.875vw;
    -webkit-align-items: center;
    align-items: center;
    background: #31A9FF;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
}

.join_banner_btn_read {
    position: relative;
    margin-left: 0.5208333vw;
    overflow: hidden;
}

.join_banner_btn_text {
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    color: #ffffff;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}


.join_banner_btn_icon {
    width: 1.1458333vw;
}

.join_banner_btn_label {
    width: 100%;
}

.join_banner_btn_label svg {
    fill: none;
    stroke: #ffffff;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.join_details_wrap {
    padding: 5.208333vw 0;
}

.join_details_box {
    padding: 0 13.541666vw;
}

.join_details_pic {
    width: 50.5714%;
}

.join_details_content {
    width: 49.4286%;
    padding-right: 6.25vw;
}

.join_details_item_box {
    width: 45.979%;
    margin: 0 8.042% 2.08333vw 0;
}

.join_details_item_box:nth-child(2n) {
    margin: 0 0 2.08333vw 0;
}

.join_public_title {
    font-size: 1.458333vw;
    line-height: 1.9791666vw;
    color: #161616;


}

.join_details_subtitle {
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    color: #161616;

    margin-top: 0.5208333vw;
}

.join_details_tips {
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #161616;
    margin-top: 1.041666vw;
}

.join_details_item_title {
    font-size: 1.458333vw;
    line-height: 2.08333vw;
    color: #161616;

    margin-bottom: 0.5208333vw;
}

.join_details_item_text {
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #161616;
}

.join_details_tab {
    margin-top: 1.82291666vw;
}

.join_details_img {
    padding-bottom: 63.2768%;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
}

.join_record_wrap {
    position: relative;
}

.join_record_back {
    padding-bottom: 23.28125%;
}

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

.join_record_content {
    width: 100%;
    padding: 0 13.541666vw;
    margin-bottom: 3.6458333vw;
}

.join_record_title {
    font-size: 1.258333vw;
    line-height: 1.98333vw;
    color: #ffffff;

    margin-bottom: 1.041666vw;
}

.join_record_text {
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #ffffff;
}

.join_believe_wrap {
    padding: 5.208333vw 0 0 0;
}

.join_believe_head {
    padding: 0 13.541666vw;
}

.join_believe_content {
    padding: 0 13.541666vw;
    margin-top: 2.08333vw;
    position: relative;

}

.join_believe_swiper {
    overflow: initial;
}

.join_believe_item_content {
    background: #FAFAFA;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
}

.join_believe_item_head {
    padding: 2.08333vw 2.08333vw 0.78125vw 2.08333vw;
}

.join_believe_item_title {
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    color: #161616;

}

.join_believe_item_text {
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #161616;
    margin-top: 0.5208333vw;
}

.join_believe_item_img {
    padding-bottom: 45.3947%;
}

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

.join_believe_center {
    width: 100%;
    padding: 0 13.541666vw;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.join_believe_center .about_history_nav_btn {
    box-shadow: 0 0.15625vw 0.26041666vw rgba(0, 0, 0, .2);
    background: #ffffff;
}

.join_believe_center .about_history_nav_btn:after {
    border: none;
}

.join_believe_center .about_history_nav_btn .about_history_btn_icon svg {
    stroke: #cccccc;
}


.join_believe_center .join_believe_prev .about_history_btn_icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.join_believe_center .join_believe_prev {
    -webkit-transform: translateX(-170%);
    transform: translateX(-170%);
}

.join_believe_center .join_believe_next {
    -webkit-transform: translateX(170%);
    transform: translateX(170%);
}

.join_believe_center .about_history_nav_btn:hover .about_history_btn_icon svg {
    stroke: #161616;
}

.join_believe_center .about_history_nav_btn.swiper-button-disabled {
    opacity: .5;
}

.join_believe_center .about_history_nav_btn.swiper-button-disabled:hover:after {
    border: none;
}

.join_believe_center .about_history_nav_btn.swiper-button-disabled:hover .about_history_btn_icon svg {
    stroke: #cccccc;
}

.join_challenge_wrap {
    padding: 5.208333vw 0 0 0;
}

.join_challenge_head {
    padding: 0 13.541666vw;
}

.join_public_text {
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #666666;
    margin-top: 1.041666vw;
}

.join_challenge_content {
    margin-top: 2.08333vw;
    position: relative;
}

.join_challenge_item_box {
    position: relative;
}

.join_challenge_item_img {
    padding-bottom: 23.28125%;
}

.join_challenge_item_content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0 13.541666vw;
    z-index: 9;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.join_challenge_item_read {
    width: 42.8571%;
    margin-top: 4.1666vw;
}

.join_challenge_item_title {
    font-size: 1.458333vw;
    line-height: 2.08333vw;
    color: #161616;

}

.join_challenge_item_text {
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #161616;
    margin-top: 0.5208333vw;
}


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

.join_challenge_center {
    width: 100%;
    padding: 0 13.541666vw;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.join_challenge_center .about_history_nav_btn {
    background: rgba(22, 22, 22, .3);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.join_challenge_center .about_history_nav_btn:after {
    border: none;
    display: none;
}

.join_challenge_center .about_history_nav_btn .about_history_btn_icon svg {
    stroke: #ffffff;
}

.join_challenge_center .join_challenge_prev {
    -webkit-transform: translateX(-170%) rotate(180deg);
    transform: translateX(-170%) rotate(180deg);
}

.join_challenge_center .join_challenge_next {
    -webkit-transform: translateX(170%);
    transform: translateX(170%);
}

.join_challenge_center .about_history_nav_btn:hover {
    background: rgba(22, 22, 22, .5);
}

.join_challenge_center .about_history_nav_btn:hover .about_history_btn_icon svg {
    stroke: #ffffff;
}

.join_challenge_center .about_history_nav_btn.swiper-button-disabled {
    opacity: .5;
}

.join_challenge_center .about_history_nav_btn.swiper-button-disabled:hover {
    background: rgba(22, 22, 22, .3);
}

.join_challenge_center .about_history_nav_btn.swiper-button-disabled:hover .about_history_btn_icon svg {
    stroke: #ffffff;
}

.join_create_wrap {
    padding: 5.208333vw 0 0 0;
}

.join_create_box {
    padding: 0 13.541666vw;
}

.join_create_tab {
    margin-top: 3.125vw;
}

.join_create_item_box {
    width: 32.5%;
    margin: 0 1.25% 0 0;
    padding-right: 6.25vw;
}

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

.join_create_item_icon {
    width: 2.8125vw;
    height: 2.8125vw;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.join_create_item_label {
    width: 80%;
    height: 80%;
}

.join_create_item_label svg {
    fill: none;
    stroke: #161616;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.join_create_item_read {
    margin-top: 0.83333vw;
}

.join_create_item_title {
    font-size: 1.458333vw;
    line-height: 2.08333vw;
    color: #161616;

}

.join_create_item_text {
    margin-top: 1.041666vw;
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #666666;
}

.join_fellow_wrap {
    padding: 5.208333vw 0 0 0;
}

.join_fellow_box {
    padding: 0 13.541666vw;
}


.join_fellow_content {
    margin-top: 2.08333vw;
    position: relative;
}

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

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

.join_fellow_center .about_history_nav_btn {
    box-shadow: 0 0.15625vw 0.26041666vw rgba(0, 0, 0, .2);
    background: #ffffff;
}

.join_fellow_center .about_history_nav_btn:after {
    border: none;
    display: none;
}

.join_fellow_center .about_history_nav_btn .about_history_btn_icon svg {
    stroke: #cccccc;
}

.join_fellow_center .about_history_nav_btn:hover .about_history_btn_icon svg {
    stroke: #161616;
}

.join_fellow_center .about_history_nav_btn.swiper-button-disabled {
    opacity: .5;
}

.join_fellow_center .about_history_nav_btn.swiper-button-disabled:hover .about_history_btn_icon svg {
    stroke: #cccccc;
}

.join_fellow_center .join_fellow_prev .about_history_btn_icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.join_fellow_center .join_fellow_prev {
    -webkit-transform: translateX(-170%);
    transform: translateX(-170%);
}

.join_fellow_center .join_fellow_next {
    -webkit-transform: translateX(170%);
    transform: translateX(170%);
}

.join_fellow_item_box {
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
    overflow: hidden;
    background: #FAFAFA;
}

.join_fellow_item_img {
    padding-bottom: 76.923%;
}


.AddJoinFellowItemImg:after {
    height: 0;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.join_fellow_item_read {
    padding: 2.08333vw 1.041666vw 4.6875vw 1.041666vw;
}

.join_fellow_item_title {
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    color: #161616;

}


.join_fellow_item_text {
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #666666;
    margin-top: 0.5208333vw;
}

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

.join_think_item_head {
    width: 3.125vw;
}

.join_think_item_img {
    padding-bottom: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.join_think_item_title {
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #161616;

    width: calc(100% - 3.125vw);
    padding-left: 0.5208333vw;
}

.join_think_swiper .swiper-wrapper {
    transition-timing-function: linear !important;
}

.join_think_item_box {
    /*width: 24.1428%;*/
    padding: 1.041666vw 1.041666vw 2.08333vw 1.041666vw;
    background: #FAFAFA;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
    /*margin: 0 1.1429333% 0 0;*/
}

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

.join_think_item_read {
    margin-top: 1.041666vw;
}

.join_think_item_text {
    font-size: 0.7291666vw;
    line-height: 1.30208333vw;
    color: #666666;
}

.join_think_wrap {
    padding: 5.208333vw 0 0 0;
}

.join_think_box {
    padding: 0 13.541666vw;
}

.join_think_content {
    margin-top: 1.041666vw;
}

.join_work_wrap {
    padding: 5.208333vw 0;
}

.join_work_box {
    padding: 0 13.541666vw;
}

.join_work_content {
    margin-top: 2.08333vw;
}

.join_work_nav_wrap {
    width: 16.8571%;
    padding-top: 1.041666vw;
}

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

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

.join_work_nav_title {
    font-size: 1.041666vw;
    line-height: 2.08333vw;
    color: #161616;

}

.join_work_nav_head {
    padding-bottom: 1.041666vw;
    position: relative;
}

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

.join_work_big {
    width: 83.1429%;
    position: relative;
    padding: 0 3.6458333vw 0 1.5625vw;
}


.join_work_nav_content {
    padding: 2.08333vw 0 0 0;
}

.join_work_nav_li {
    margin: 0 0 2.08333vw 0;
}

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

.join_work_nav_li a {
    width: 100%;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.join_work_nav_icon {
    width: 0.7291666vw;
    height: 0.7291666vw;
    border: 1px solid #666666;
    position: relative;
    box-sizing: border-box;
    -webkit-border-radius: 0.1041666vw;
    border-radius: 0.1041666vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

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

.join_work_nav_text {
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    color: #666666;
    width: calc(100% - 1.041666vw);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.join_work_nav_active .join_work_nav_icon {
    background: url(../images/cd-icon-check.svg) no-repeat center center #31A9FF;
    background-size: 150%;
    border: 1px solid #31A9FF;
}

.join_work_nav_active .join_work_nav_text {
    color: #31A9FF;
}

.join_work_nav_li a:hover .join_work_nav_icon {
    background: url(../images/cd-icon-check.svg) no-repeat center center #31A9FF;
    background-size: 150%;
    border: 1px solid #31A9FF;
}

.join_work_nav_li a:hover .join_work_nav_text {
    color: #31A9FF;
}


.join_work_item_box {
    margin-bottom: 1.041666vw;
    position: relative;
    cursor: pointer;
}

.join_work_item_content {
    position: relative;
    z-index: 9;
    padding: 1.041666vw 1.5625vw;
}

.join_work_item_box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #FAFAFA;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
    opacity: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.join_work_item_box:hover:after {
    opacity: 1;
}

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

.join_work_item_title {
    font-size: 1.041666vw;
    line-height: 2.08333vw;
    color: #161616;

}

.join_work_item_type {
    margin-top: 0.41666vw;
}

.join_work_item_label {
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #A8A8A8;
    padding: 0 0.83333vw;
    position: relative;
}

.join_work_item_label:first-child {
    padding: 0 0.83333vw 0 0;
}

.join_work_item_label:last-child {
    padding: 0 0 0 0.83333vw;
}

.join_work_item_label:after {
    content: "";
    position: absolute;
    right: 0;
    top: 25%;
    height: 50%;
    width: 1px;
    background: #A8A8A8;
}

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

.join_work_item_read {
    margin-top: 1.041666vw;
}

.join_work_item_text {
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #666666;
}


.join_popup_wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    z-index: 1000;
    pointer-events: none;
    opacity: 0;
    background: rgba(98, 98, 98, .76);
    -webkit-transition: all .6s cubic-bezier(.4, 0, .2, 1);
    transition: all .6s cubic-bezier(.4, 0, .2, 1);
}

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

.join_popup_box {
    position: relative;
    z-index: 9;
    width: 54.1666%;
    background: #ffffff;
    padding: 2.08333vw 3.125vw;
    -webkit-border-radius: 0.625vw;
    border-radius: 0.625vw;
    -webkit-transform: translateY(2vw);
    transform: translateY(2vw);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .6s cubic-bezier(.4, 0, .2, 1);
    transition: all .6s cubic-bezier(.4, 0, .2, 1);
}

.join_popup_hide_btn {
    position: absolute;
    right: 1.041666vw;
    top: 1.041666vw;
    width: 1.25vw;
    height: 1.25vw;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    cursor: pointer;
}

.join_popup_hide_icon {
    width: 66.666%;
}

.join_popup_hide_icon svg {
    stroke: #A8A8A8;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.join_popup_hide_btn:hover .join_popup_hide_icon svg {
    stroke: #31A9FF;
}

.join_popup_show {
    opacity: 1;
    pointer-events: auto;
    -webkit-backdrop-filter: blur(1.3541666vw);
    backdrop-filter: blur(1.3541666vw);
}

.join_popup_show .join_popup_box {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.join_popup_title {
    font-size: 1.458333vw;
    line-height: 1.9791666vw;
    color: #161616;
    text-align: center;
}

.join_popup_type {
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 1.041666vw;
}

.join_popup_label {
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #666666;
    padding: 0 0.83333vw;
    position: relative;
}

.join_popup_label:first-child {
    padding: 0 0.83333vw 0 0;
}

.join_popup_label:last-child {
    padding: 0 0 0 0.83333vw;
}

.join_popup_label:after {
    content: "";
    position: absolute;
    right: 0;
    top: 25%;
    height: 50%;
    width: 1px;
    background: #666666;
}

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

.join_popup_tab {
    height: 25.9375vw;
    padding-right: 2vw;
    overflow-y: auto;
}

.join_popup_tab::-webkit-scrollbar {
    width: 0.3125vw;

}

/* 滚动条轨道 */
.join_popup_tab::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, .1);
    -webkit-border-radius: 0.15625vw;
    border-radius: 0.15625vw;
}

/* 滚动条滑块 */
.join_popup_tab::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .5);
    -webkit-border-radius: 0.15625vw;
    border-radius: 0.15625vw;
}

.join_popup_item_title {
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    color: #161616;
    padding-left: 1.1458333vw;
    position: relative;
}

.join_popup_item_title:after {
    content: "";
    position: absolute;
    left: 0;
    top: 10%;
    height: 80%;
    width: 0.208333vw;
    background: #31A9FF;

}

.join_popup_big {
    margin-top: 1.041666vw;
}

.join_popup_item_read {
    margin-top: 1.041666vw;
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #666666;
}

.join_popup_item_box {
    margin-bottom: 2.08333vw;
}

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

.join_popup_button {
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    margin-top: 2.08333vw;
}

.join_popup_btn_box a {
    position: relative;
    padding: 0.5208333vw 1.25vw;
    background: #31A9FF;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
}

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

.join_popup_btn_text {
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #ffffff;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.join_popup_btn_text:nth-child(2) {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
}

.join_popup_btn_box a:hover .join_popup_btn_text:nth-child(1) {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.join_popup_btn_box a:hover .join_popup_btn_text:nth-child(2) {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}


.pro_banner_wrap {
    position: relative;
}

.pro_banner_back {
    padding-bottom: 52.08333%;
}

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

.pro_banner_content {
    padding: 0 26.041666vw;
    margin-top: 5.208333vw;
}

.pro_banner_title {
    font-size: 1.875vw;
    line-height: 2.6041666vw;
    color: #161616;

    text-align: center;

}

.pro_banner_text {
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #161616;
    margin-top: 1.041666vw;
    text-align: center;

}

.pro_banner_button {
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 2.08333vw;

}

.pro_banner_btn_box a {
    position: relative;
}

.pro_banner_btn_box a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 0.3125vw;
    border-radius: 0.3125vw;
    border: 1px solid #161616;
    box-sizing: border-box;
}

.pro_banner_btn_content {
    position: relative;
    z-index: 9;
    padding: 0.5208333vw 1.25vw;
}

.pro_banner_btn_text {
    font-size: 0.7291666vw;
    line-height: 1.041666vw;
    color: #161616;
}

.pro_banner_btn_icon {
    width: 0.83333vw;
    margin-left: 0.5208333vw;
}

.pro_banner_btn_label {
    width: 100%;
}

.pro_banner_btn_label svg {
    fill: none;
    stroke: #161616;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.pro_banner_btn_box a:hover:after {
    border: 1px solid #31A9FF;
    background: #31A9FF;
}

.pro_banner_btn_box a:hover .pro_banner_btn_text {
    color: #ffffff;
}

.pro_banner_btn_box a:hover .pro_banner_btn_label svg {
    stroke: #ffffff;
}

.pro_scope_wrap {
    padding: 5.208333vw 0 0 0;
}

.pro_scope_box {
    padding: 0 13.541666vw;
}

.pro_scope_head {
    padding: 0 6.25vw;
}

.pro_public_title {
    font-size: 1.458333vw;
    line-height: 1.9791666vw;
    color: #161616;
    text-align: center;
}

.pro_public_text {
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #666666;
    text-align: center;
    margin-top: 1.041666vw;
}

.pro_scope_content {
    margin-top: 2.08333vw;
}

.pro_scope_item_box {
    width: 24.1428%;
    margin: 0 1.14293333% 0 0;
}

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

.pro_scope_item_box a {
    display: block;
    -webkit-border-radius: 0.625vw;
    border-radius: 0.625vw;
    overflow: hidden;
    -webkit-box-shadow: 0 0 0.3125vw rgba(0, 0, 0, .16);
    box-shadow: 0 0 0.3125vw rgba(0, 0, 0, .16);
    position: relative;
}

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

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

.pro_scope_item_content {
    padding: 2.08333vw 1.875vw;
    position: relative;
    z-index: 9;
}

.pro_scope_item_head {
    width: 21.3017%;
    margin: 0 auto 1.1458333vw;
}

.pro_scope_item_icon {
    position: relative;
    padding-bottom: 100%;
}

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

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

.pro_scope_item_title {
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    color: #161616;

    text-align: center;
}

.pro_scope_item_text {
    font-size: 0.83333vw;
    line-height: 1.25vw;
    color: #666666;
    text-align: center;
    margin-top: 0.625vw;
}

.pro_scope_item_button {
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 2.291666vw;
}

.pro_scope_btn_icon {
    margin-left: 0.5208333vw;
    width: 0.83333vw;
}

.pro_scope_btn_text {
    font-size: 0.83333vw;
    line-height: 1.25vw;
    color: #31A9FF;
}

.pro_scope_btn_icon svg {
    fill: none;
    stroke: #31A9FF;
    stroke-linecap: round;
    stroke-linejoin: round;
}


.pro_scope_item_box a:hover .pro_scope_item_pic {
    opacity: 1;
}


.pro_scope_item_box a:hover .pro_scope_item_label img {
    -webkit-filter: grayscale(500%) brightness(0) invert(100%);
    filter: grayscale(500%) brightness(0) invert(100%);
}

.pro_scope_item_box a:hover .pro_scope_item_title {
    color: #ffffff;
}

.pro_scope_item_box a:hover .pro_scope_item_text {
    color: #ffffff;
}

.pro_scope_item_box a:hover .pro_scope_btn_text {
    color: #ffffff;
}

.pro_scope_item_box a:hover .pro_scope_btn_icon svg {
    stroke: #ffffff;
}

.pro_major_wrap {
    padding: 5.208333vw 0 0 0;
}

.pro_major_box {
    padding: 0 13.541666vw;
}

.pro_major_content {
    margin-top: 2.08333vw;
    position: relative;
}

.pro_major_tab {
    position: relative;
    -webkit-border-radius: 0.5208333vw;
    border-radius: 0.5208333vw;
    overflow: hidden;
    -webkit-box-shadow: 0 0 0.3125vw rgba(0, 0, 0, .16);
    box-shadow: 0 0 0.3125vw rgba(0, 0, 0, .16);
}


.pro_major_details_box {
    position: relative;
}

.pro_major_details_swiper {
    height: 100%;
}

.pro_major_photo {
    width: 45.7142%;
}

.pro_major_img {
    background: #ffffff;
    padding-bottom: 58.90625%;
}

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

.pro_major_details_content {
    width: 54.2858%;
    height: 100%;
    background: #ffffff;
}

.pro_major_details_content {
    padding: 2.08333vw 3.125vw 2.08333vw 2.08333vw;
}

.pro_major_details_title {
    font-size: 1.458333vw;
    line-height: 2.08333vw;
    color: #161616;
}

.pro_major_details_text {
    font-size: 0.83333vw;
    line-height: 1.25vw;
    color: #666666;
    margin-top: 1.041666vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
}


.pro_major_pagination_wrap {
    position: relative;
    left: 0;
    bottom: 0;
    z-index: 9;
    margin-top: 2.0833vw;
}

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

.pro_major_pagination_box .swiper-pagination-bullet {
    width: 0.5208333vw;
    height: 0.5208333vw;
    position: relative;
    background: none;
    opacity: 1;
    margin: 0 0.41666vw !important;
}

.pro_major_pagination_box .swiper-pagination-bullet:first-child {
    margin: 0 0.41666vw 0 0 !important;
}

.pro_major_pagination_box .swiper-pagination-bullet:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #A8A8A8;
    box-sizing: border-box;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.pro_major_pagination_box .swiper-pagination-bullet-active:after {
    background: #A8A8A8;
}


.pro_major_button {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-align-items: center;
    align-items: center;
    pointer-events: none;
}

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

.pro_major_btn_center .pro_major_btn_prev {
    -webkit-transform: translateX(-170%) rotate(180deg);
    transform: translateX(-170%) rotate(180deg);
}

.pro_major_btn_center .pro_major_btn_next {
    -webkit-transform: translateX(170%);
    transform: translateX(170%);
}


.pro_screen_wrap {
    padding: 5.208333vw 0 0 0;
}

.pro_screen_box {
    padding: 0 13.541666vw;
}


.pro_screen_form_wrap {
    position: relative;
    width: 50%;
    margin: 1.041666vw auto 0;
}

.pro_screen_form_wrap:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #161616;
    background: #ffffff;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
    box-sizing: border-box;
}

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

.pro_screen_form_button {
    width: 2.08333vw;
    height: 2.08333vw;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    cursor: pointer;
}

.pro_screen_form_icon {
    width: 40%;

}

.pro_screen_form_label {
    width: 100%;
}

.pro_screen_form_label svg {
    fill: #A8A8A8;
}

.pro_screen_form_input {
    width: calc(100% - 2.08333vw);
}

.pro_screen_form_input input {
    font-size: 0.625vw;
    line-height: 2.08333vw;
    color: #161616;
    width: 100%;
    padding: 0 1.041666vw 0 0;
}

.pro_screen_form_input input::placeholder {
    color: #A8A8A8;
}

.pro_screen_type_wrap {
    margin-top: 2.08333vw;
}

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

.pro_screen_type_label {
    margin: 0 0.41666vw;
}

.pro_screen_type_label .js_fnrs_tag_lnk, .pro_screen_type_label .js_fnrs_wintag_lnk {
    display: inline-block;
    cursor: pointer;
    padding: 0.3125vw 1.25vw;
    color: #161616;
    font-size: 0.7291666vw;
    line-height: 1.041666vw;
    background: #F8F9FC;
    -webkit-border-radius: 0.3125vw;
    border-radius: 0.3125vw;
}

.pro_screen_type_active .js_fnrs_tag_lnk, .pro_screen_type_active .js_fnrs_wintag_lnk {
    background: #31A9FF;
    color: #ffffff;
}

.pro_screen_nav_select {
    position: relative;
    margin: 0 0.41666vw;
    z-index: 10;
}

.pro_screen_nav_head {
    position: relative;
    z-index: 3;
    background: #ffffff;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
    cursor: pointer;
    padding: 0 1.25vw;
    -webkit-justify-content: center;
    justify-content: center;
}

.pro_screen_nav_head:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    border: 1px solid #A8A8A8;
    box-sizing: border-box;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
    pointer-events: none;
}

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

.pro_screen_nav_text {
    font-size: 0.7291666vw;
    line-height: 1.6666vw;
    color: #666666;
    padding: 0;
    pointer-events: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pro_screen_nav_icon {
    width: 1.6666vw;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    z-index: 9;
}

.pro_screen_nav_label {
    width: 50%;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.pro_screen_nav_label svg {
    fill: none;
    stroke: #666666;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.pro_screen_nav_content {
    position: absolute;
    left: 0;
    top: calc(100% - 0.5208333vw);
    width: max-content;
    min-width: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: scaleY(.8);
    transform: scaleY(.8);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.pro_screen_nav_head:hover {
    background: #31A9FF;
}

.pro_screen_nav_head:hover:after {
    border: 1px solid #31A9FF;
}

.pro_screen_nav_head:hover .pro_screen_nav_label svg {
    stroke: #ffffff;
}

.pro_screen_nav_head:hover .pro_screen_nav_text {
    color: #ffffff;
}

.pro_screen_nav_show {
    position: relative;
    z-index: 19;
}

.pro_screen_nav_show .pro_screen_nav_head {
    background: #31A9FF;
}

.pro_screen_nav_show .pro_screen_nav_head:after {
    border: 1px solid #31A9FF;
}

.pro_screen_nav_show .pro_screen_nav_label svg {
    stroke: #ffffff;
}

.pro_screen_nav_show .pro_screen_nav_text {
    color: #ffffff;
}

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

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

.pro_screen_nav_big {
    padding: 1.041666vw 0 0.5208333vw 0;
    background: #F8F9FC;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
}

.pro_screen_nav_li {
    -webkit-align-items: center;
    align-items: center;
    padding: 0 1.25vw;
    cursor: pointer;
}

.pro_screen_li_check {
    position: relative;
    width: 0.5208333vw;
    height: 0.5208333vw;
    -webkit-border-radius: 0.1041666vw;
    border-radius: 0.1041666vw;
    border: 1px solid #666666;
    box-sizing: border-box;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.pro_screen_li_text {
    font-size: 0.625vw;
    line-height: 1.25vw;
    color: #666666;
    margin-left: 0.5208333vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.pro_screen_nav_active .pro_screen_li_check {
    border: 1px solid #31A9FF;
    background: #31A9FF;
}

.pro_screen_nav_active .pro_screen_li_text {
    color: #31A9FF;
}

.pro_screen_nav_li:hover .pro_screen_li_check {
    border: 1px solid #31A9FF;
    background: #31A9FF;
}

.pro_screen_nav_li:hover .pro_screen_li_text {
    color: #31A9FF;
}


.pro_screen_nav_box {
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    z-index: 9;
}

.pro_screen_nav_wrap {
    margin-top: 2.08333vw;
    position: relative;
    z-index: 20;
}

.pro_screen_nav_contrast {
    margin: 0 0.41666vw;
}

.pro_screen_contrast_wrap {
    position: relative;
}

.pro_screen_contrast_wrap:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    border: 1px solid #A8A8A8;
    box-sizing: border-box;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
    pointer-events: none;
    background: #ffffff;
}

.pro_screen_contrast_box {
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    z-index: 9;
    padding: 0 1.25vw;
    cursor: pointer;
}

.pro_screen_contrast_text {
    font-size: 0.7291666vw;
    line-height: 1.6666vw;
    color: #666666;
}

.pro_screen_contrast_icon {
    margin-left: 0.5208333vw;
    width: 0.83333vw;
    line-height: 0.83333vw;
    color: #ffffff;
    font-size: 0.5208333vw;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #31A9FF;
    text-align: center;
}


.pro_screen_contrast_wrap:hover:after {
    border: 1px solid #31A9FF;
    background: #31A9FF;
}


.pro_screen_contrast_wrap:hover .pro_screen_contrast_text {
    color: #ffffff;
}


.pro_screen_contrast_wrap:hover .pro_screen_contrast_icon {
    color: #31A9FF;
    background: #ffffff;
}

.pro_center_wrap {
    position: relative;
    margin-top: 3.4375vw;
}

.pro_center_tips {
    font-size: 0.625vw;
    line-height: 1.25vw;
    color: #161616;
}

.pro_center_item_box {
    width: 24.1428%;
    margin: 0 1.1429333% 1.1429333% 0;
    position: relative;
    background: #F8F9FC;
    -webkit-border-radius: 0.5208333vw;
    border-radius: 0.5208333vw;
}

.pro_center_item_box:nth-child(4n) {
    margin: 0 0 1.1429333% 0;
}

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

.pro_center_item_content a {
    display: block;
    padding: 2.08333vw 0.52083vw;
}

.pro_center_item_head_wrap {
    padding: 0 1.5625vw;
}

.pro_center_item_title {
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    color: #161616;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.pro_center_item_subtitle {
    margin-top: 1.041666vw;
    font-size: 0.78125vw;
    line-height: 1.25vw;
    color: #666666;
    text-align: center;
    font-family: "Rajdhani-SemiBold", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}

.pro_center_item_head {
    width: 76.7441%;
    margin: 1.041666vw auto 0;
}

.pro_center_item_pic {
    position: relative;
    padding-bottom: 100%;
}


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

.pro_center_item_img img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

.pro_center_item_type {
    margin-top: 1.9791666vw;
}

.pro_center_label_box {
    width: 33.3333%;
    padding: 0 0.5208333vw;
    position: relative;
}

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

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

.pro_center_label_title {
    font-size: 0.625vw;
    line-height: 1.25vw;
    color: #A8A8A8;
    text-align: center;
}


.pro_center_label_text {
    font-size: 0.7291666vw;
    line-height: 1.25vw;
    color: #161616;

    text-align: center;
}

.pro_center_item_button {
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 1.041666vw;
}

.pro_center_btn_text {
    font-size: 0.7291666vw;
    line-height: 1.25vw;
    color: #A8A8A8;
}

.pro_center_btn_icon {
    width: 0.83333vw;
    margin-left: 0.5208333vw;
}

.pro_center_btn_icon svg {
    fill: none;
    stroke: #A8A8A8;
    stroke-linecap: round;
    stroke-linejoin: round;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.pro_center_compare_button {
    position: absolute;
    right: 1.041666vw;
    top: 1.041666vw;
    width: 1.875vw;
}

.pro_center_compare_btn {
    width: 100%;
    position: relative;
    cursor: pointer;
}

.pro_center_compare_btn:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    border: 1px solid #A8A8A8;
    background: #ffffff;
    box-sizing: border-box;
}

.pro_center_compare_text {
    font-size: 0.625vw;
    line-height: 1.875vw;
    color: #666666;
    position: relative;
    z-index: 9;
    text-align: center;
}

.pro_center_compare_active:after {
    border: 1px solid #31A9FF;
    background: #31A9FF;
}

.pro_center_compare_active .pro_center_compare_text {
    color: #ffffff;
}

#js_pagination_box {
    display: none !important; /*特殊情况，请勿更改此值*/
}

.public_pagination_wrap {
    position: relative;
}

.public_pagination_box, .public_pagination_box_cpy {
    -webkit-justify-content: center;
    justify-content: center;
}

.public_pagination_box_cpy .lnk {
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    cursor: pointer;
}

.public_pagination_box a, .public_pagination_box_cpy .lnk {
    width: 1.875vw;
    height: 1.875vw;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 0.41666vw;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    position: relative;
    font-size: 0.7291666vw;
    line-height: 1.875vw;
    color: #C6C6C6;
}

.public_pagination_box a:after, .public_pagination_box_cpy .lnk:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    pointer-events: none;
    border: 1px solid #C6C6C6;
    opacity: 1;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.public_pagination_box a.public_pagination_prev:after,
.public_pagination_box a.public_pagination_next:after,
.public_pagination_box_cpy .lnk.public_pagination_prev:after,
.public_pagination_box_cpy .lnk.public_pagination_next:after {
    border: 1px solid #C6C6C6;
    background: #F8F9FC;
    opacity: 1;
}

.public_pagination_box a.public_pagination_prev svg,
.public_pagination_box_cpy .lnk.public_pagination_prev svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.public_pagination_box a.public_pagination_current,
.public_pagination_box_cpy .lnk.public_pagination_current {
    color: #ffffff;
    background: #31A9FF;
}

.public_pagination_box a.public_pagination_current:after,
.public_pagination_box_cpy .lnk.public_pagination_current:after {
    opacity: 1;
    border: 1px solid #31A9FF;
}

.public_pagination_box a svg,
.public_pagination_box_cpy .lnk svg {
    width: 17.3913%;
    fill: #C6C6C6;
    display: block;
    position: relative;
    z-index: 9;
}


.public_pagination_box a:hover,
.public_pagination_box_cpy .lnk:hover {
    color: #ffffff;
    background: #31A9FF;
}

.public_pagination_box a.public_pagination_prev:hover:after,
.public_pagination_box a.public_pagination_next:hover:after,
.public_pagination_box_cpy .lnk.public_pagination_prev:hover:after,
.public_pagination_box_cpy .lnk.public_pagination_next:hover:after {
    background: #31A9FF;
}

.public_pagination_box a:hover:after,
.public_pagination_box_cpy .lnk:hover:after {
    opacity: 1;
    border: 1px solid #31A9FF;
}

.public_pagination_box a.public_pagination_next:hover svg,
.public_pagination_box a.public_pagination_prev:hover svg,
.public_pagination_box_cpy .lnk.public_pagination_next:hover svg,
.public_pagination_box_cpy .lnk.public_pagination_prev:hover svg {
    fill: #ffffff;
}

.public_pagination_box a.public_pagination_disabled:hover:after,
.public_pagination_box_cpy .lnk.public_pagination_disabled:hover:after {
    background: #F8F9FC;
    border: 1px solid #F8F9FC;
}

.public_pagination_box a.public_pagination_disabled:hover svg,
.public_pagination_box_cpy .lnk.public_pagination_disabled:hover svg {
    fill: #C6C6C6;
}

.public_pagination_box a.public_pagination_disabled:after,
.public_pagination_box_cpy .lnk.public_pagination_disabled:after {
    border: 1px solid #F8F9FC;
    background: #F8F9FC;
    opacity: 1;
}

.public_pagination_box a.public_pagination_disabled,
.public_pagination_box_cpy .lnk.public_pagination_disabled {
    cursor: not-allowed;
    background: #F8F9FC;
}

.pro_page_pagination_wrap {
    margin-top: 1.5625vw;
}

.news_page_pagination_wrap {
    margin-top: 1.5625vw;
}


.pro_popup_wrap {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    z-index: 1000;
    pointer-events: none;
    opacity: 0;
    background: rgba(98, 98, 98, .76);
    -webkit-transition: all .6s cubic-bezier(.4, 0, .2, 1);
    transition: all .6s cubic-bezier(.4, 0, .2, 1);
}

.pro_popup_wrap.expand_active {
    overflow: auto;
    padding: 3vw 0;
}

.pro_popup_wrap.expand_active::-webkit-scrollbar {
    width: 0;
}


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

.pro_popup_box {
    position: relative;
    z-index: 9;
    width: 83.3333%;
    background: #ffffff;
    padding: 2.08333vw 0;
    -webkit-border-radius: 0.625vw;
    border-radius: 0.625vw;
    -webkit-transform: translateY(2vw);
    transform: translateY(2vw);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .6s cubic-bezier(.4, 0, .2, 1);
    transition: all .6s cubic-bezier(.4, 0, .2, 1);
}

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

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

.pro_popup_head_title {
    font-size: 1.458333vw;
    line-height: 1.9791666vw;
    color: #161616;
    text-align: center;
}

.pro_popup_type_wrap {
    position: relative;
    padding: 0 5.208333vw;
}

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

.pro_popup_big {
    margin-top: 1.041666vw;

}

.pro_popup_pack {
    position: relative;
    margin-top: 1.82291666vw;
    padding: 0 2.08333vw 0 5.208333vw;
}

.pro_popup_height_box {
    height: 60vh;
    overflow-y: auto;
    padding: 0 2.8125vw 0 0;
}

.pro_popup_wrap.expand_active .pro_popup_height_box {
    height: auto;
}

.pro_popup_height_box::-webkit-scrollbar {
    width: 0.3125vw;

}


/* 滚动条轨道 */
.pro_popup_height_box::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, .1);
    -webkit-border-radius: 0.15625vw;
    border-radius: 0.15625vw;
}

/* 滚动条滑块 */
.pro_popup_height_box::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .5);
    -webkit-border-radius: 0.15625vw;
    border-radius: 0.15625vw;
}

.pro_popup_height_content {
    position: relative;
}

.pro_popup_height_wrap {
    position: relative;
}

.pro_popup_swiper {
    width: 100%;
    margin: 0;
    height: auto;
}

.pro_popup_swiper .swiper-wrapper {
    height: auto;
}

.pro_popup_swiper .swiper-slide {
    width: auto;
}

.pro_popup_scroll_wrap {
    padding: 0 3.125vw 0 0;
    position: relative;
    margin-top: 2.08333vw;
}

.pro_popup_scroll_box {
    z-index: 50;
    height: 0.3125vw;
    width: 100%;
}

.pro_popup_scroll_box .swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    -webkit-border-radius: 0.15625vw;
    border-radius: 0.15625vw;
    left: 0;
    top: 0;
}

.pro_popup_tab {
    width: max-content;
    position: relative;
}

.pro_popup_max_box {
    position: relative;
}

.pro_popup_max_box:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    background: #cccccc;
}

.pro_popup_max_box:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #cccccc;
}


.pro_popup_tips_wrap {
    width: 18.2291666vw;
    display: inline-block;
    position: relative;
    z-index: 9;
}

.pro_popup_tips_wrap:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #cccccc;
}

.pro_popup_tips_wrap:before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #cccccc;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.pro_popup_center_wrap {
    position: relative;
}

.pro_popup_btn_box {
    margin-bottom: 1.041666vw;
}

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

.pro_popup_btn_box a {
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    padding: 0.3125vw 1.25vw;
}

.pro_popup_btn_box a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #666666;
    box-sizing: border-box;
    -webkit-border-radius: 0.3125vw;
    border-radius: 0.3125vw;
}


.pro_popup_btn_icon {
    width: 1.041666vw;
    margin-right: 0.5208333vw;
    position: relative;
    z-index: 1;
}

.pro_popup_btn_icon svg {
    fill: none;
    stroke: #666666;
    stroke-width: 1.2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.pro_popup_btn_text {
    font-size: 0.7291666vw;
    line-height: 1.041666vw;
    color: #666666;
    position: relative;
    z-index: 1;
}

.pro_popup_btn_box:hover a:after {
    background: #31A9FF;
    border: 1px solid #31A9FF;
}

.pro_popup_btn_box:hover .pro_popup_btn_text {
    color: #ffffff;
}

.pro_popup_btn_box:hover .pro_popup_btn_icon svg {
    stroke: #ffffff;
}

.pro_popup_item_box {
    width: 18.2291666vw;
    position: relative;
}

.pro_popup_item_box:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #cccccc;
}

.pro_popup_item_tips {
    padding: 1.041666vw;
}

.pro_popup_item_head {
    width: 32.255%;
    margin: 0 auto 1.5625vw;
}

.pro_popup_item_pic {
    padding-bottom: 100%;
    position: relative;
}

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

.pro_popup_item_title {
    font-size: 1.041666vw;
    line-height: 1.458333vw;

    color: #161616;
    text-align: center;
}

.pro_popup_tips_head {
    height: 10.3125vw;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.pro_popup_item_li {
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #262626;
    padding: 0.9375vw;
    height: 3.333333vw;
    text-align: center;

}

.pro_popup_item_li:nth-child(2n+1) {
    background: #FAFAFA;
}

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

.pro_popup_item_more a {
    padding: 0.3125vw 1.25vw;
    background: #393939;
    position: relative;
    -webkit-border-radius: 0.3125vw;
    border-radius: 0.3125vw;
    margin: 1.041666vw 0;
}

.pro_popup_more_text {
    font-size: 0.7291666vw;
    line-height: 1.041666vw;
    color: #ffffff;
}

.pro_popup_more_icon {
    width: 0.83333vw;
    margin-left: 0.5208333vw;
}

.pro_popup_more_icon svg {
    fill: none;
    stroke: #ffffff;
    stroke-linecap: round;
    stroke-linejoin: round;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.pro_popup_down_button {
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 0.8333vw;
    padding: 0 3.125vw 0 0;
}

.pro_popup_down_btn {
    position: relative;
    cursor: pointer;
}

.pro_popup_down_btn:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #A8A8A8;
    -webkit-border-radius: 0.3125vw;
    border-radius: 0.3125vw;
    box-sizing: border-box;
}

.pro_popup_wrap.expand_active .pro_popup_down_btn {
    display: none;
}


.pro_popup_down_box {
    position: relative;
    z-index: 9;
    padding: 0.3125vw 1.25vw;
}

.pro_popup_down_text {
    font-size: 0.7291666vw;
    line-height: 1.041666vw;
    color: #666666;
}

.pro_popup_down_icon {
    width: 1.6666vw;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    z-index: 9;
}

.pro_popup_down_label {
    width: 50%;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.pro_popup_down_label svg {
    fill: none;
    stroke: #666666;
    stroke-linecap: round;
    stroke-linejoin: round;
}


.pro_popup_down_btn:hover:after {
    border: 1px solid #31A9FF;
    background: #31A9FF;
}

.pro_popup_down_btn:hover .pro_popup_down_label svg {
    stroke: #ffffff;
}

.pro_popup_down_btn:hover .pro_popup_down_text {
    color: #ffffff;
}


.pro_popup_hide_btn {
    position: absolute;
    right: 1.041666vw;
    top: 1.041666vw;
    width: 1.25vw;
    height: 1.25vw;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    cursor: pointer;
}

.pro_popup_hide_icon {
    width: 66.666%;
}

.pro_popup_hide_icon svg {
    stroke: #A8A8A8;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.pro_popup_hide_btn:hover .pro_popup_hide_icon svg {
    stroke: #31A9FF;
}

.pro_page_wrap {
    padding: 0 0 5.208333vw 0;
}

.pro_details_banner_wrap {
    position: relative;
    background: #FAFAFA;
}

.pro_details_banner_box {
    padding: 5vw 0 0.625vw 0;
    position: relative;
    z-index: 9;
}

.pro_details_banner_back {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 1.041666vw;
}

.pro_details_banner_content {
    padding: 0 13.541666vw;
    position: relative;
}

.pro_details_banner_subtitle {
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    color: #262626;
    text-align: center;
    font-family: "Rajdhani-SemiBold", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}

.pro_details_banner_title {
    font-size: 1.875vw;
    line-height: 2.6041666vw;
    color: #262626;
    text-align: center;

    margin-top: 0.3125vw;
}

.pro_details_banner_type {
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 1.041666vw;
}

.pro_details_banner_label {
    padding: 0.208333vw 1.25vw;
    color: #393939;
    font-size: 0.625vw;
    line-height: 0.9375vw;
    background: #F2F2F2;
    -webkit-border-radius: 0.3125vw;
    border-radius: 0.3125vw;
    margin: 0 0.41666vw;
    cursor: pointer;
}

.pro_details_banner_active {
    color: #ffffff;
    background: #393939;
}

.pro_details_type_box {
    padding: 0 19.2708333vw;
    margin-top: 1.041666vw;
    position: relative;
}

.pro_details_parameter_box {
    background: #FAFAFA;
    -webkit-justify-content: center;
    justify-content: center;
}

.pro_details_parameter_li {
    width: 33.333%;
    position: relative;
}

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

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

.pro_details_parameter_title {
    font-size: 0.7291666vw;
    line-height: 1.25vw;
    color: #666666;
    text-align: center;
}

.pro_details_parameter_text {
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    color: #666666;
    text-align: center;
}

.pro_details_pic_box {
    padding: 0 19.2708333vw;
    margin-top: 3.125vw;
    position: relative;
}

.pro_details_pic_read {
    padding-bottom: 86.4048%;
    position: relative;
    top: -3vw;
    /*background: #FAFAFA;*/
    opacity: 0;
}

.pro_details_pic_swiper .swiper-slide-active .pro_details_pic_read {
    opacity: 1;
}

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

.pro_details_pic_content {
    position: relative;
    min-height: 10vw;
}

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

.pro_details_pic_center {
    width: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: -5.7291666vw;
}

.pro_details_pic_center .pro_details_pic_prev {
    -webkit-transform: translateX(-180%);
    transform: translateX(-180%);
}

.pro_details_pic_center .pro_details_pic_next {
    -webkit-transform: translateX(180%);
    transform: translateX(180%);
}

.pro_details_pic_center .pro_details_pic_next .pro_details_pic_icon {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.pro_details_pic_btn {
    pointer-events: auto;
    cursor: pointer;
}

.pro_details_pic_icon {
    width: 2.6041666vw;

}

.pro_details_shop_button {
    position: absolute;
    left: 0;
    bottom: 1.458333vw;
    width: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    z-index: 9;
}

.pro_details_shop_btn {
    margin: 0 0.5208333vw;
}

.pro_details_shop_btn a {
    position: relative;
    padding: 0.3125vw 1.25vw;
}

.pro_details_shop_btn a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #393939;
    -webkit-border-radius: 0.3125vw;
    border-radius: 0.3125vw;
    box-sizing: border-box;
}

.pro_details_shop_text {
    position: relative;
    z-index: 9;
    font-size: 0.7291666vw;
    line-height: 1.041666vw;
    color: #393939;
}

.pro_details_shop_btn a:hover:after {
    background: #393939;
}

.pro_details_shop_btn a:hover .pro_details_shop_text {
    color: #ffffff;
}

.pro_details_pic_swiper {
    overflow: initial;
}

/*.pro_details_pic_swiper .swiper-slide {*/
/*    transition-duration: 0ms !important;*/
/*}*/

.pro_details_type_swiper .swiper-slide {
    transition-duration: 0ms !important;
}

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

.pro_point_item_box {
    position: absolute;
    cursor: pointer;
}

.pro_point_item_read {
    position: absolute;
    left: -2.08333vw;
    top: -0.78125vw;
    -webkit-transform: translateY(-110%);
    transform: translateY(-110%);
    width: max-content;
    background: #ffffff;
    padding: 0.41666vw 1.5625vw 0.41666vw 0.41666vw;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
    -webkit-align-items: center;
    align-items: center;
    opacity: 0;
    pointer-events: none;
    -webkit-box-shadow: 0 0 0.26041666vw rgba(0, 0, 0, .3);
    box-shadow: 0 0 0.26041666vw rgba(0, 0, 0, .3);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.pro_point_item_active .pro_point_item_read {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.pro_point_item_read:after {
    content: "";
    position: absolute;
    left: 2.08333vw;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 0.3125vw solid transparent;
    border-right: 0.3125vw solid transparent;
    border-top: 0.41666vw solid #ffffff;
}

.pro_point_item_text {
    font-size: 0.7291666vw;
    line-height: 1.041666vw;
    color: #161616;

    margin-left: 0.5208333vw;
}

.pro_point_item_icon {
    width: 1.6666vw;
    height: 1.6666vw;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

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

.pro_point_item_circle {
    position: relative;
    width: 0.5208333vw;
    height: 0.5208333vw;
}

.pro_point_item_label {
    -webkit-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    height: 100%;
    background: #31A9FF;
}

.pro_point_item_label:nth-child(1) {
    width: 40%;
    height: 40%;
    background: #ffffff;
    z-index: 9;
}

.pro_point_item_label:nth-child(2) {
    -webkit-animation: point_scale 3s linear infinite normal both;
    animation: point_scale 3s linear infinite normal both;
}

.pro_point_item_label:nth-child(3) {
    -webkit-animation: point_scale 3s 1s linear infinite normal both;
    animation: point_scale 3s 1s linear infinite normal both;
}

.pro_point_item_label:nth-child(4) {
    -webkit-animation: point_scale 3s 2s linear infinite normal both;
    animation: point_scale 3s 2s linear infinite normal both;
}


@-webkit-keyframes point_scale {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    20% {
        width: 150%;
        height: 150%;
        opacity: 0.7;
    }
    40% {
        width: 200%;
        height: 200%;
        opacity: 0.5;
    }
    60% {
        width: 250%;
        height: 250%;
        opacity: .3;
    }
    80% {
        width: 300%;
        height: 300%;
        opacity: 0;
    }
    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}

@keyframes point_scale {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    20% {
        width: 150%;
        height: 150%;
        opacity: 0.7;
    }
    40% {
        width: 200%;
        height: 200%;
        opacity: 0.5;
    }
    60% {
        width: 250%;
        height: 250%;
        opacity: .3;
    }
    80% {
        width: 300%;
        height: 300%;
        opacity: 0;
    }
    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}


.solution_tab_wrap {
    padding: 5.208333vw 0;
}

.solution_tab_box {
    padding: 0 13.541666vw;
}

.solution_tab_title {
    font-size: 1.458333vw;
    line-height: 1.9791666vw;
    color: #161616;
    margin-bottom: 0.83333vw;
}

.solution_tab_line {
    width: 5.208333vw;
    height: 0.208333vw;
    background: #31A9FF;
}

.solution_tab_big {
    padding: 0;
    position: relative;
}

.solution_page_item_box {
    position: relative;
    padding-top: 4.1666vw;
}

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


.solution_page_item_max {
    position: relative;
    padding-bottom: 55.2542%;
}

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

.solution_page_item_width {
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-align-content: center;
    align-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
}

.solution_page_item_details {
    min-width: max-content;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.solution_page_item_animate {
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-align-content: center;
    align-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;

}

.solution_page_item_img {
    padding-bottom: 48.2962%;
    -webkit-border-radius: 1.041666vw;
    border-radius: 1.041666vw;
}

.solution_page_item_pic {
    width: 48.2142%;
}

.solution_page_item_content {
    position: absolute;
    -webkit-align-items: center;
    align-items: center;
    width: 51.7858%;
    height: 100%;
}

.solution_page_item_read {
    width: 100%;
}


.solution_page_item_title {
    font-size: 1.458333vw;
    line-height: 2.08333vw;
    color: #31A9FF;

}

.solution_page_item_text {
    margin-top: 1.041666vw;
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #666666;
}

.solution_page_item_button {
    margin-top: 1.30208333vw;
}

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

.solution_page_btn_text {
    color: #31A9FF;
    font-size: 0.625vw;
    line-height: 1.041666vw;
}

.solution_page_btn_icon {
    width: 0.7291666vw;
    margin-left: 0.208333vw;
}

.solution_page_btn_icon svg {
    fill: none;
    stroke: #31A9FF;
    stroke-linecap: round;
    stroke-linejoin: round;
}

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

.solution_page_item_box:nth-child(2n+1) .solution_page_item_pack {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}

.solution_page_item_box:nth-child(2n+1) .solution_page_item_content {
    left: 0;
    padding: 0 3.90625vw 0 0;
}

.solution_page_item_box:nth-child(2n) .solution_page_item_content {
    right: 0;
    padding: 0 0 0 3.90625vw;
}


.solution_account_wrap {
    padding: 5.208333vw 0;
    background: #FAFAFA;
}

.solution_account_box {
    padding: 0 13.541666vw;
}

.solution_account_title {
    font-size: 1.458333vw;
    line-height: 1.9791666vw;
    color: #161616;

}

.solution_account_head_box {
    background: #192280;
}

.solution_account_head_label {
    padding: 1.041666vw;
}

.solution_account_head_text {
    font-size: 0.9375vw;
    line-height: 1.25vw;
    color: #ffffff;
}

.solution_account_head_label:nth-child(1) {
    width: 16.8571%;
}

.solution_account_head_label:nth-child(2) {
    width: 16.8571%;
}

.solution_account_head_label:nth-child(3) {
    width: 33.7142%;
}

.solution_account_head_label:nth-child(4) {
    width: 32.5718%;
}


.solution_account_item_box:nth-child(2n+1) {
    background: #ffffff;
}

.solution_account_item_box a {
    width: 100%;
}

.solution_account_item_label {
    padding: 1.1458333vw 1.041666vw;
}

.solution_account_item_text {
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #161616;
}

.solution_account_item_label:nth-child(1) {
    width: 16.8571%;
}

.solution_account_item_label:nth-child(2) {
    width: 16.8571%;
}

.solution_account_item_label:nth-child(3) {
    width: 33.7142%;
}

.solution_account_item_label:nth-child(4) {
    width: 32.5718%;
}

.solution_account_content {
    margin-top: 2.08333vw;
}

.feed_page_wrap {
    padding: 5.208333vw 0;
}

.feed_page_box {
    padding: 0 13.541666vw;
}

.feed_page_title {
    font-size: 1.458333vw;
    line-height: 1.9791666vw;
    color: #161616;
}

.feed_page_text {
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #666666;
    margin-top: 0.5208333vw;
}

.feed_page_tips {
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #666666;
    margin-top: 0.5208333vw;
}

.feed_page_tips a {
    color: #31A9FF;
}

.feed_page_content {
    margin-top: 2.08333vw;
}

.feed_page_form_wrap {
    padding: 2.08333vw 2.08333vw 3.125vw 2.08333vw;
    background: #FAFAFA;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
}

.feed_page_form_content {
    position: relative;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 2.08333vw;
}

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

.feed_page_form_pack {
    width: 46.9696%;
    position: relative;
}

.feed_page_form_textarea {
    width: 100%;
}

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

.feed_form_item_box {
    width: 48.7096%;
}

.feed_form_item_width .feed_form_item_box {
    width: 100%;
}

.feed_page_form_head {
    margin-bottom: 0.5208333vw;
}

.feed_page_form_title {
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    color: #161616;

}

.feed_page_form_label {
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    color: #DA1E28;

}


.feed_form_item_content {
    position: relative;
}

.feed_form_item_big {
    position: relative;
}

.feed_form_item_big:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    border: 1px solid #cccccc;
    background: #ffffff;
    box-sizing: border-box;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
    pointer-events: none;
}

.feed_form_item_input {
    width: 100%;
    position: relative;
    z-index: 3;
}

.feed_form_item_input textarea {
    width: 100%;
    font-size: 0.7291666vw;
    line-height: 1.25vw;
    color: #161616;
    padding: 0.625vw 1.25vw;
    resize: none;
    height: 8.75vw;
}

.feed_form_item_input textarea::-webkit-scrollbar {
    width: 0.1041666vw;
}

/* 滚动条轨道 */
.feed_form_item_input textarea::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0);
}

/* 滚动条滑块 */
.feed_form_item_input textarea::-webkit-scrollbar-thumb {
    background: #31A9FF;
}

.feed_form_item_input input {
    width: 100%;
    font-size: 0.7291666vw;
    line-height: 2.5vw;
    color: #161616;
    padding: 0 1.25vw;
}

.feed_type_select {
    z-index: 6;
}

.feed_type_select .feed_form_item_big {
    cursor: pointer;
}

.feed_type_select .feed_form_item_input {
    width: calc(100% - 2.08333vw);
}

.feed_type_select .feed_form_item_input input {
    pointer-events: none;
}

.feed_form_item_input input::placeholder {
    color: #A8A8A8;
}

.feed_form_item_icon {
    width: 2.08333vw;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    z-index: 3;
}

.feed_form_item_label {
    width: 40%;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.feed_form_item_label svg {
    fill: none;
    stroke: #666666;
    stroke-linecap: round;
    stroke-linejoin: round;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.feed_form_select_box {
    position: absolute;
    left: 0;
    top: calc(100% - 0.5208333vw);
    width: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: scaleY(.8);
    transform: scaleY(.8);
    transform-origin: top center;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    padding: 0;
}

.feed_form_select_pack_has_active {
    padding: 1.041666vw 1px 0.5208333vw;
}

.feed_form_select_pack {
    max-height: 9.375vw;
    overflow-y: auto;
    position: relative;
    z-index: 1;
}

.feed_form_select_box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fafafa;
    border: 1px solid #cccccc;
    box-sizing: border-box;
    -webkit-border-radius: 0 0 0.41666vw 0.41666vw;
    border-radius: 0 0 0.41666vw 0.41666vw;
    pointer-events: none;
}

.feed_form_select_option {
    font-size: 0.7291666vw;
    line-height: 1.5625vw;
    color: #161616;
    padding: 0 1.25vw;
    display: none;
    cursor: pointer;
}

.feed_form_select_option_active {
    display: block;
}

.feed_form_select_option:hover {
    background: #e9e9e9;
}

.feed_form_item_show {
    z-index: 10;
}

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

.feed_page_form_button {
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    margin-top: 2.08333vw;
}

.feed_page_form_btn {
    padding: 0.5208333vw 1.25vw;
    background: #31A9FF;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
    cursor: pointer;
}

.feed_page_form_link {
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    color: #ffffff;
}


.sale_banner_box {
    padding-bottom: 14.58333%;
    background: #F9FAFB;
    position: relative;
}

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

.sale_banner_center {
    width: 100%;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.sale_banner_back {
    width: 29.964%;
}

.sale_banner_img {
    padding-bottom: 62.4703%;
}

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

.sale_banner_mbx_text {
    color: #A8A8A8;
    font-size: 0.83333vw;
    line-height: 1.458333vw;
}

.sale_banner_mbx_text a {
    color: #A8A8A8;
}

.sale_banner_mbx_text a:hover {
    color: #31A9FF;
}

.sale_banner_mbx_label {
    width: 0.41666vw;
    margin: 0 0.5208333vw;
}

.sale_banner_mbx_label svg {
    fill: none;
    stroke: #A8A8A8;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.sale_page_wrap {
    padding: 0 0 5.208333vw 0;
}

.sale_page_box {
    padding: 0 18.75vw 0 15.625vw;
}

.sale_page_content {
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.sale_page_nav_wrap {
    width: 26.9841%;
    position: sticky;
    top: 0;
    left: 0;
}

.sale_page_nav_box {
    padding: 5.208333vw 3.125vw 0 0;
    position: relative;
}

.sale_page_big {
    width: 73.0159%;
    padding: 5.208333vw 0 0 2.08333vw;
    position: relative;
}

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

.sale_page_nav_li {
    margin-bottom: 1.458333vw;
}

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

.sale_page_nav_li a {
    display: none !important;
}

.sale_page_nav_li .lnk {
    padding: 0.3125vw 2.08333vw;
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    color: #161616;
    display: block;
    cursor: pointer;

}

.sale_page_nav_active .lnk {
    background: #FAFAFA;
    -webkit-border-radius: 0.3125vw;
    border-radius: 0.3125vw;
    font-family: "Alibaba-PuHuiTi-Medium", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}

.sale_page_nav_li .lnk:hover {

    background: #FAFAFA;
    -webkit-border-radius: 0.3125vw;
    border-radius: 0.3125vw;
}

.sale_page_bjq {
    display: none;
}

.sale_page_bjq_active {
    display: block;
}

.sale_page_bjq,
.sale_page_bjq p {
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #666666;
}

.sale_page_bjq h1 {
    font-size: 1.458333vw;
    line-height: 2.08333vw;
    color: #161616;
    margin-bottom: 0.5208333vw;
    font-family: "Alibaba-PuHuiTi-Medium", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}

.sale_page_bjq h2 {
    margin-bottom: 0.5208333vw;
    font-size: 1.3541666vw;
    line-height: 1.9791666vw;
    color: #161616;
    font-family: "Alibaba-PuHuiTi-Medium", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;

}

.sale_page_bjq h3 {
    margin-bottom: 0.5208333vw;
    font-size: 1.25vw;
    line-height: 1.875vw;
    color: #161616;
    font-family: "Alibaba-PuHuiTi-Medium", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;

}

.sale_page_bjq h4 {
    margin-bottom: 0.5208333vw;
    font-size: 1.041666vw;
    line-height: 1.6666vw;
    color: #161616;
    font-family: "Alibaba-PuHuiTi-Medium", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;

}

.sale_page_bjq h5 {
    margin-bottom: 0.5208333vw;
    font-size: 0.9375vw;
    line-height: 1.5625vw;
    color: #161616;
    font-family: "Alibaba-PuHuiTi-Medium", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;

}

.privacy_page_wrap {
    padding: 5.208333vw 0;
}

.privacy_page_box {
    padding: 0 13.541666vw;
}

.privacy_page_title {
    font-size: 1.875vw;
    line-height: 2.6041666vw;
    color: #161616;

    text-align: center;
    margin-bottom: 2.08333vw;
}

.privacy_page_line {
    width: 100%;
    height: 1px;
    position: relative;
    background: #cccccc;
}

.privacy_page_label {
    margin-top: 2.08333vw;
    font-size: 0.7291666vw;
    line-height: 1.25vw;
    color: #666666;
    text-align: center;
}

.privacy_page_time {
    margin-top: 0.5208333vw;
    font-size: 0.7291666vw;
    line-height: 1.25vw;
    color: #666666;
    text-align: center;
}

.privacy_page_content {
    margin-top: 0.5208333vw;
}

.privacy_page_bjq strong {
    color: #161616;
    font-weight: initial;
}

.privacy_page_bjq,
.privacy_page_bjq p {
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #666666;
}

.privacy_page_bjq h1 {
    font-size: 1.458333vw;
    line-height: 2.08333vw;
    color: #161616;
    margin-bottom: 0.5208333vw;
    font-family: "Alibaba-PuHuiTi-Medium", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}

.privacy_page_bjq h2 {
    margin-bottom: 0.5208333vw;
    font-size: 1.3541666vw;
    line-height: 1.9791666vw;
    color: #161616;
    font-family: "Alibaba-PuHuiTi-Medium", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;

}

.privacy_page_bjq h3 {
    margin-bottom: 0.5208333vw;
    font-size: 1.25vw;
    line-height: 1.875vw;
    color: #161616;
    font-family: "Alibaba-PuHuiTi-Medium", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;

}

.privacy_page_bjq h4 {
    margin-bottom: 0.5208333vw;
    font-size: 1.041666vw;
    line-height: 1.6666vw;
    color: #161616;
    font-family: "Alibaba-PuHuiTi-Medium", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;

}

.privacy_page_bjq h5 {
    margin-bottom: 0.5208333vw;
    font-size: 0.9375vw;
    line-height: 1.5625vw;
    color: #161616;
    font-family: "Alibaba-PuHuiTi-Medium", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;

}


.shop_public_service_title {
    font-size: 1.875vw;
    line-height: 2.6041666vw;
    color: #161616;

}

.shop_public_service_text {
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #666666;
    margin-top: 0.5208333vw;

}

.shop_public_service_text a {
    color: #666666;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.shop_public_service_text a:hover {
    color: #31A9FF;
}


.shop_service_icon_box .shop_page_item_head {
    width: 25.8992%;
}

.shop_service_wrap {
    padding: 5.208333vw 0;
}

.shop_service_box {
    padding: 0 13.541666vw;
}

.shop_service_box .shop_page_content {
    margin-top: 2.08333vw;
}

.shop_service_content {
    margin-bottom: 5.208333vw;
}

.shop_service_content:last-child {
    margin-bottom: 0
}

.guide_page_wrap {
    padding: 5.208333vw 0;
}

.guide_page_box {
    padding: 0 13.541666vw;
}

.guide_scroll_line {
    width: 100%;
    height: 0.208333vw;
    -webkit-border-radius: 0.1041666vw;
    border-radius: 0.1041666vw;
    background: #FAFAFA;
    position: relative;
}

.guide_scroll_after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #31A9FF;
    -webkit-border-radius: 0.1041666vw;
    border-radius: 0.1041666vw;
}

.guide_page_item_box {
    background: #FAFAFA;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
    position: relative;
    width: 32.5714%;
    margin: 0 1.1429% 1.1429% 0;
    cursor: pointer;
}

.guide_page_item_box:nth-child(3n) {
    margin: 0 0 1.1429% 0;
}

.guide_page_item_box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 0.1041666vw solid #31A9FF;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.guide_page_item_active:after {
    opacity: 1;
}

.guide_page_item_content {
    padding: 1.041666vw 2.08333vw;
    position: relative;
    z-index: 9;
}

.guide_page_item_pic {
    width: 23.4042%;
}

.guide_page_item_img {
    padding-bottom: 100%;
    position: relative;
}

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

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

.guide_page_item_read {
    padding: 0 0 0 1.041666vw;
    width: 76.5958%;
}

.guide_page_item_title {
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    color: #262626;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.guide_page_item_text {
    font-size: 0.7291666vw;
    line-height: 1.25vw;
    color: #666666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.guide_page_big {
    margin-top: 4.1666vw;
}

.guide_page_tab {
    margin-top: 2.08333vw;
}

.guide_page_title {
    font-size: 1.458333vw;
    line-height: 1.9791666vw;
    color: #161616;
    text-align: center;
}

.guide_page_text {
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #666666;
    text-align: center;
    margin-top: 0.5208333vw;
}

.guide_page_button {
    margin-top: 2.08333vw;
    -webkit-justify-content: center;
    justify-content: center;
}

.guide_page_btn_box {
    margin: 0 0.41666vw;
}

.guide_page_btn_box_lnk {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    padding: 0.5208333vw 1.25vw;
    background: #31A9FF;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
}

.guide_page_prev a, .guide_page_prev_lnk {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    background: #CCCCCC;
}

.guide_page_btn_text {
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #ffffff;
}

.type_page_tab {
    margin-top: 2.08333vw;
}

.type_page_item_box {
    width: 49.4285%;
    margin: 0 1.143% 1.143% 0;
    background: #FAFAFA;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
    padding: 2.6041666vw 2.08333vw;
    position: relative;
    cursor: pointer;
}

.type_page_item_box:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 0.1041666vw solid #31A9FF;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.type_page_item_active:after {
    opacity: 1;
}

.type_page_item_box:nth-child(2n) {
    margin: 0 0 1.143% 0;
}

.type_page_item_text {
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    color: #262629;
    position: relative;
    z-index: 9;
}

.result_page_wrap {
    padding: 5.208333vw 0;
}

.result_page_box {
    padding: 0 13.541666vw;
}

.result_page_title {
    font-size: 1.875vw;
    line-height: 2.6041666vw;
    color: #161616;

}

.result_page_item_button {
    margin-top: 2.08333vw;
    -webkit-justify-content: center;
    justify-content: center;
}

.result_page_item_btn a {
    padding: 0.5208333vw 1.25vw;
    background: #31A9FF;
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #ffffff;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
}

.result_page_item_more {
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 0.5208333vw;
}

.result_page_more_text {
    font-size: 0.625vw;
    line-height: 1.25vw;
    color: #31A9FF;
}

.result_page_more_icon {
    width: 0.83333vw;
    margin-left: 0.5208333vw;
}


.result_page_more_icon svg {
    fill: none;
    stroke: #31A9FF;
    stroke-linecap: round;
    stroke-linejoin: round;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

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

.result_page_item_title {
    font-size: 1.458333vw;
    line-height: 2.08333vw;
    color: #161616;

    text-align: center;
    margin-top: 0.5208333vw;
}

.result_page_item_center {
    margin: 1.041666vw auto 0;
    width: 71.5596%;
}

.result_page_item_pic {
    position: relative;
    padding-bottom: 100%;
}

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

.result_page_tips_content {
    position: relative;
}

.result_page_tips_content:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 0.208333vw;
    border-radius: 0.208333vw;
    background: #CCCCCC;
    box-sizing: border-box;
}

.result_page_tips_read {
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    z-index: 9;
    padding: 0 0.625vw;
}

.result_page_tips_icon {
    width: 0.83333vw;
    margin-right: 0.3125vw;
}

.result_page_tips_icon svg {
    fill: #31A9FF;
}

.result_page_tips_text {
    color: #666666;
    font-size: 0.83333vw;
    line-height: 1.5625vw;
}

.result_page_item_box {
    padding: 1.041666vw 3.125vw;
    width: 24.1428%;
    position: relative;
    margin: 0 1.1428% 0 0;
    background: #FAFAFA;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
}


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

.result_page_item_big {
    width: 100%;
}

.result_page_item_max {
    width: 49.4288%;
}

.result_page_item_max .result_page_item_big {
    width: 38.1118%;
}

.result_page_item_pack {
    width: 61.8882%;
    padding-left: 1.041666vw;
    -webkit-align-items: center;
    align-items: center;
    display: none;
}

.result_page_item_max .result_page_item_pack {
    display: flex;
}

.result_page_item_max .result_page_tips_content:after {
    border: 1px solid #31A9FF;
    background: none;
}

.result_page_item_subtitle {
    font-size: 1.041666vw;
    line-height: 1.458333vw;

    color: #161616;
}

.result_page_item_text {
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #666666;
    margin-top: 1.041666vw;
}

.result_page_content {
    margin-top: 2.08333vw;
}

.result_page_btn_content {
    padding: 0.7291666vw 1.25vw;
    background: #cccccc;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
    -webkit-align-items: center;
    align-items: center;
}

.result_page_btn_icon {
    width: 1.25vw;
    margin-right: 0.5208333vw;
}

.result_page_btn_icon svg {
    fill: none;
    stroke: #ffffff;
    stroke-width: 1.5;
    stroke-linecap: round;
}

.result_page_btn_text {
    font-size: 0.7291666vw;
    line-height: 1.041666vw;
    color: #ffffff;
}

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

.result_page_btn_box {
    margin: 0 0.41666vw;
}

.result_page_btn_box_compare_btn {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
}

.result_page_btn_box_compare_btn .result_page_btn_content {
    background: #31A9FF;
}


.float_share_wrap {
    position: fixed;
    right: 2.08333vw;
    top: 50%;
    z-index: 99;
    -webkit-transform: translateX(100%) translateY(-50%);
    transform: translateX(100%) translateY(-50%);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.float_share_current {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.float_share_box {
    background: #ffffff;
    -webkit-border-radius: 1.3541666vw;
    border-radius: 1.3541666vw;
    -webkit-box-shadow: 0 0 0.208333vw rgba(0, 0, 0, .2);
    box-shadow: 0 0 0.208333vw rgba(0, 0, 0, .2);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.float_share_item_box {
    width: 2.708333vw;
    height: 2.708333vw;
    position: relative;
}

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

.float_share_item_big {
    position: absolute;
    left: 0.5208333vw;
    opacity: 0;
    pointer-events: none;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-100%);
    transform: translateY(-50%) translateX(-100%);
    width: max-content;
    padding-right: 0.5208333vw;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.float_share_item_box:hover .float_share_item_big {
    left: 0;
    opacity: 1;
    pointer-events: auto;
}

.float_share_item_box:hover .float_share_item_label img {
    -webkit-filter: none;
    filter: none;
}

.float_share_item_read {
    padding: 0 1.25vw;
    background: #ffffff;
    position: relative;
    -webkit-border-radius: 0.3125vw;
    border-radius: 0.3125vw;
    -webkit-box-shadow: 0 0 0.26041666vw rgba(0, 0, 0, .1);
    box-shadow: 0 0 0.26041666vw rgba(0, 0, 0, .1);
}

.float_share_item_read:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 0;
    height: 0;
    -webkit-transform: translateY(-50%) translateX(100%);
    transform: translateY(-50%) translateX(100%);
    border-bottom: 0.15625vw solid transparent;
    border-top: 0.15625vw solid transparent;
    border-left: 0.3125vw solid #ffffff;
}

.float_share_item_subtitle,
.float_share_item_subtitle a {
    font-size: 0.625vw;
    line-height: 1.458333vw;
    color: #666666;
    text-align: center;
    -webkit-justify-content: center;
    justify-content: center;
    cursor: pointer;
}

.float_share_item_tips {
    font-size: 0.625vw;
    line-height: 1.25vw;
    color: #161616;

    text-align: center;
}

.float_share_item_subtext,
.float_share_item_subtext a {
    font-size: 0.625vw;
    line-height: 1.25vw;
    color: #666666;
    text-align: center;
    -webkit-justify-content: center;
    justify-content: center;
}

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

.float_share_item_content a {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

.float_share_item_icon {
    width: 46.1538%;
    height: 46.1538%;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

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

.float_share_item_label img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    -webkit-filter: grayscale(100%) brightness(150%) invert(100%);
    filter: grayscale(100%) brightness(150%) invert(100%);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.float_share_item_pack {
    padding: 0.5208333vw 0;
}

.float_share_down_box {
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
    height: 10.8333vw;
}

.float_share_down_content {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.float_share_show .float_share_down_box {
    height: 0;
    overflow: hidden;
}

.float_share_show .float_share_content .float_share_item_icon {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.float_share_show .float_share_down_content {
    opacity: 0;
    overflow: hidden;
    -webkit-transition: .6s ease;
    transition: .6s ease;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}

.trial_page_wrap {
    padding: 5.208333vw 0;
}

.trial_page_box {
    padding: 0 13.541666vw;
}

.trial_page_title {
    font-size: 1.458333vw;
    line-height: 1.9791666vw;
    color: #161616;

}

.trial_page_subtitle {
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #666666;
    margin-top: 0.5208333vw;
}

.trial_contact_wrap {
    margin-top: 2.08333vw;
}

.trial_contact_box {
    padding: 2.08333vw;
    background: #FAFAFA;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
}

.trial_contact_title {
    font-size: 1.04166vw;
    line-height: 2.08333vw;
    color: #161616;

}

.trial_contact_subtitle {
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #666666;
}

.trial_contact_content {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
    z-index: 9;
    margin-top: 1.5625vw;
}

.trial_contact_item_box {
    width: 41.6666%;
}

.trial_contact_item_box a {
    width: 100%;
    position: relative;
}

.trial_contact_item_box a:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #CCCCCC;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
    box-sizing: border-box;
}

.trial_contact_item_content {
    width: 100%;
    -webkit-align-items: center;
    align-items: center;
    padding: 0.83333vw;
    position: relative;
    z-index: 9;
}

.trial_contact_item_icon {
    width: 1.6666vw;
    height: 1.6666vw;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

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

.trial_contact_item_text {
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    color: #31A9FF;
    width: calc(100% - 1.6666vw);
    padding-left: 0.5208333vw;
}

.trial_form_wrap {
    margin-top: 0.83333vw;
    background: #FAFAFA;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
}

.trial_form_box {
    padding: 3.125vw 2.08333vw;
}

.trial_form_content {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
}

.trial_form_pack {
    position: relative;
    margin-top: 2.08333vw;
}

.trial_form_big {
    width: 41.6666%;
}

.trial_form_title {
    font-size: 1.041666vw;
    line-height: 2.08333vw;
    color: #161616;

    padding-bottom: 1.041666vw;
    position: relative;
}

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

.trial_form_item_title {
    font-size: 1.041666vw;
    line-height: 1.458333vw;

    color: #161616;
}

.trial_form_item_tips {
    font-size: 1.041666vw;
    line-height: 1.458333vw;

    color: #DA1E28;
}

.trial_form_item_content {
    margin-top: 0.5208333vw;
    position: relative;
}

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

.trial_form_item_input input {
    width: 100%;
    font-size: 0.7291666vw;
    line-height: 2.5vw;
    color: #161616;
    padding: 0 1.25vw;
}

.trial_form_item_input input::placeholder {
    color: #A8A8A8;
}

.trial_form_item_icon {
    width: 2.08333vw;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    z-index: 9;
}

.trial_form_item_label {
    width: 40%;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.trial_form_item_label svg {
    fill: none;
    stroke: #666666;
    stroke-linecap: round;
    stroke-linejoin: round;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.trial_form_item_pack {
    position: relative;
    cursor: pointer;
    background: #ffffff;
    z-index: 5;
    box-sizing: border-box;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
}

.trial_form_item_pack:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    border: 1px solid #cccccc;
    box-sizing: border-box;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
    pointer-events: none;
}

.trial_form_tab {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
    margin-bottom: 2.08333vw;
}

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

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

.trial_form_width .trial_form_item_box {
    width: 48.5454%;
}


.trial_form_add_tab .trial_form_item_box:nth-child(1) {
    width: 20.2272%;
}

.trial_form_add_tab .trial_form_item_box:nth-child(2) {
    width: 20.2272%;
}

.trial_form_add_tab .trial_form_item_box:nth-child(3) {
    width: 57.1212%;
}

.trial_form_add_wrap {
    position: relative;
    margin-top: 2.08333vw;
}

.trial_form_add_box {
    margin-bottom: 2.08333vw;
}

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

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

.trial_form_item_select .trial_form_item_input {
    width: calc(100% - 2.08333vw);
    pointer-events: none;
}

.trial_form_select_box {
    position: absolute;
    left: 0;
    top: calc(100% - 0.5208333vw);
    width: 100%;
    background: #fafafa;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: scaleY(.8);
    transform: scaleY(.8);
    transform-origin: top center;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-border-radius: 0 0 0.41666vw 0.41666vw;
    border-radius: 0 0 0.41666vw 0.41666vw;
}

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

.trial_form_select_pack_active {
    padding: 1.041666vw 0 0.5208333vw;
}

.trial_form_select_pack {
    max-height: 9.375vw;
    overflow-y: auto;
    position: relative;
}

.trial_form_select_option {
    font-size: 0.7291666vw;
    line-height: 1.5625vw;
    color: #161616;
    padding: 0 1.25vw;
    cursor: pointer;
}

.trial_form_select_option:hover {
    background: #e9e9e9;
}

.trial_form_item_show {
    z-index: 9;
}

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

.trial_form_button {
    position: relative;
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 2.08333vw;
}

.trial_form_btn_box {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    padding: 0.5208333vw 1.25vw;
    background: #31A9FF;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
}

.trial_form_btn_text {
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    color: #ffffff;
}

.apply_form_add_tab {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
}

.apply_form_add_tab .trial_form_item_box:nth-child(1) {
    width: 48.5454%;
}

.apply_form_add_tab .trial_form_item_box:nth-child(2) {
    width: 48.5454%;
}

.apply_form_choice_box {
    position: relative;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 0.5208333vw;
}

.apply_form_choice_btn {
    width: 48.5454%;
    position: relative;
    cursor: pointer;
}

.apply_form_choice_btn:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    border: 1px solid #cccccc;
    box-sizing: border-box;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
    pointer-events: none;
}

.apply_form_choice_show:after {
    border: 1px solid #31A9FF;
}

.apply_form_choice_text {
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #161616;
    text-align: center;
    padding: 0.83333vw 1.25vw;
    position: relative;
    z-index: 1;
}

.apply_form_wrap {
    margin-top: 0.83333vw;
    background: #FAFAFA;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;
}

.apply_form_box {
    padding: 3.125vw 2.08333vw;
}

.apply_form_big {
    margin-top: 2.08333vw;
}

.apply_form_select_box .trial_form_item_box {
    width: 41.6666%;
}

.trial_form_item_input textarea {
    width: 100%;
    font-size: 0.7291666vw;
    line-height: 1.458333vw;
    color: #161616;
    padding: 0.5208333vw 1.25vw;
    resize: none;
    height: 14.1666vw;
}

.trial_form_item_input textarea::placeholder {
    color: #A8A8A8;
}

.trial_form_item_input textarea::-webkit-scrollbar {
    width: 0.1041666vw;
}

/* 滚动条轨道 */
.trial_form_item_input textarea::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0);
}

/* 滚动条滑块 */
.trial_form_item_input textarea::-webkit-scrollbar-thumb {
    background: #31A9FF;
}

.pro_area_wrap {
    position: relative;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding: 0 13.541666vw;
}

.pro_area_tips_wrap {
    width: 10.41666vw;
    position: fixed;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9;
    padding-left: 3.125vw;
}

.pro_area_tips_box {
    padding: 0;
}

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

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

.pro_area_tips_li a {
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0.26041666vw 0;
}

.pro_area_tips_icon {
    width: 0.41666vw;
    height: 0.41666vw;
    position: relative;
    background: rgba(0, 0, 0, .3);
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}

.pro_area_tips_icon:after {
    content: "";
    width: 50%;
    height: 50%;
    background: #161616;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    opacity: 0;
}

.pro_area_tips_text {
    margin-left: 0.5208333vw;
    font-size: 0.625vw;
    line-height: 0.9375vw;
    color: #A8A8A8;
}

.pro_area_tips_hide .pro_area_tips_text {
    opacity: 0;
}

.pro_area_tips_current .pro_area_tips_text {
    opacity: 1;
}

.pro_area_box {
    width: 100%;
}

.pro_area_tips_active .pro_area_tips_icon:after {
    opacity: 1;
}

.pro_area_tips_active .pro_area_tips_text {
    color: #161616;
}


.pro_brief_wrap {
    padding: 9.8958333vw 0 0.5208333vw 0;
    position: relative;
}

.pro_brief_label {
    position: absolute;
    left: 0;
    top: 2.86458333vw;
    width: 100%;
    text-align: center;
    font-size: 9.375vw;
    line-height: 8.333vw;
    -webkit-text-stroke: 1px #e6e6e6;
    color: transparent;
    font-family: "Rajdhani-SemiBold", "Microsoft YaHei", 微软雅黑, "Arial", "Helvetica", "sans-serif" !important;
}

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

.pro_brief_big {
    width: 39.2857%;
}

.pro_brief_content {
    width: 60.7143%;
    padding-left: 2.08333vw;
}

.pro_brief_pic {
    padding-bottom: 83.6363%;
    position: relative;
    margin-top: 0.26041666vw;
}

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

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

.public_pro_title {
    font-size: 1.458333vw;
    line-height: 1.9791666vw;
    color: #161616;

}

.pro_brief_text {
    font-size: 0.9375vw;
    line-height: 1.458333vw;
    color: #666666;
    margin-top: 2.08333vw;
}

.pro_brief_tab {
    margin-top: 2.08333vw;
}

.pro_brief_item_box {
    font-size: 0.9375vw;
    line-height: 1.458333vw;
    color: #666666;
}

.pro_advantage_wrap {
    position: relative;
    padding: 5.208333vw 0 0 0;
}

.pro_advantage_nav_wrap {
    padding: 0 17.1875vw;
    margin-top: 2.08333vw;
    position: relative;
}

.pro_advantage_nav_wrap .index_pro_nav_text {
    border: 1px solid #F8F9FC;
    padding: 0.26041666vw 1.25vw;
}

.pro_advantage_nav_wrap .index_pro_nav_active {
    border: 1px solid #31A9FF;
    box-sizing: border-box;
    background: none;
    color: #31A9FF;
}

.pro_advantage_nav_wrap .index_pro_nav_text:hover {
    border: 1px solid #31A9FF;
    box-sizing: border-box;
    background: none;
    color: #31A9FF;
}


.pro_advantage_nav_wrap .index_pro_nav_button .index_pro_nav_btn {
    background: none;
    border: 1px solid #666666;
    box-sizing: border-box;
}

.pro_advantage_nav_wrap .index_pro_nav_button .index_pro_nav_icon svg {
    stroke: #666666;
}

.pro_advantage_nav_wrap .index_pro_nav_button .swiper-button-disabled {
    background: #F8F9FC;
}

.pro_advantage_nav_wrap .index_pro_nav_button .swiper-button-disabled {
    border: 1px solid #F8F9FC;
}

.pro_advantage_nav_wrap .index_pro_nav_button .swiper-button-disabled .index_pro_nav_icon svg {
    stroke: #cccccc;
}

.pro_advantage_pack {
    margin-top: 2.08333vw;
}

.pro_advantage_swiper {
    background: #ffffff;
    -webkit-border-radius: 0.5208333vw;
    border-radius: 0.5208333vw;
    overflow: hidden;
    -webkit-box-shadow: 0 0 0.3125vw rgba(0, 0, 0, .16);
    box-shadow: 0 0 0.3125vw rgba(0, 0, 0, .16);
}

.pro_advantage_item_box {
    position: relative;
}

.pro_advantage_item_big {
    width: 50.5715%;
    padding: 3.125vw;
    background: #ffffff;
}

.pro_advantage_item_pic {
    width: 49.4285%;
}

.pro_advantage_item_img {
    padding-bottom: 58.9595%;
}

.pro_advantage_item_title {
    font-size: 1.458333vw;
    line-height: 2.08333vw;
    color: #161616;
}

.pro_advantage_item_text {
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #666666;
    margin-top: 1.041666vw;
}


.pro_arguments_wrap {
    padding: 5.208333vw 0 0 0;
}

.pro_arguments_item_box {
    width: 33.3333%;
    padding: 1.041666vw 0;
    position: relative;
}

.pro_arguments_item_width {
    width: 100%;
}

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

.pro_arguments_item_title {
    font-size: 0.83333vw;
    line-height: 1.458333vw;
    color: #76767f;
}

.pro_arguments_item_text {
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    color: #161616;

    margin-top: 0.3125vw;
}

.pro_arguments_content {
    margin-top: 1.041666vw;
    height: 31.875vw;
    overflow: hidden;
}

.pro_arguments_show {
    height: auto;
}

.pro_arguments_button {
    margin-top: 2.08333vw;
    -webkit-justify-content: center;
    justify-content: center;
}

.pro_arguments_hide {
    display: none;
}

.pro_arguments_btn_box {
    cursor: pointer;
}

.pro_arguments_btn_text {
    font-size: 0.7291666vw;
    line-height: 1.25vw;
    color: #393939;
}

.pro_arguments_btn_icon {
    width: 0.83333vw;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-left: 0.3125vw;
}

.pro_arguments_btn_icon svg {
    fill: none;
    stroke: #666666;
    stroke-linecap: round;
    stroke-linejoin: round;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.pro_series_wrap {
    padding: 5.208333vw 0 0 0;
}

.pro_series_box {
    background: #FAFAFA;
    padding: 3.125vw 13.541666vw;
    width: 100vw;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

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

.pro_series_btn_box {
    padding: 0 1.041666vw;
    position: relative;
    -webkit-align-items: center;
    align-items: center;
    cursor: pointer;
}

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

.pro_series_btn_text {
    font-size: 0.83333vw;
    line-height: 2.1875vw;
    color: #666666;
    position: relative;
    z-index: 1;
}

.pro_series_btn_icon {
    width: 0.83333vw;
    margin-left: 0.5208333vw;
    position: relative;
    z-index: 1;
}

.pro_series_btn_icon svg {
    fill: #161616;
}

.pro_series_btn_box:hover:after {
    border: 1px solid #31A9FF;
    background: #31A9FF;
}

.pro_series_btn_box:hover .pro_series_btn_text {
    color: #ffffff;
}

.pro_series_btn_box:hover .pro_series_btn_icon svg {
    fill: #ffffff;
}

.pro_series_btn_box:hover .pro_series_btn_tips {
    color: #31A9FF;
    background: #ffffff;
}

.pro_series_tips_box {
    background: #192280;
}

.pro_series_tips_label {
    width: 11.1111%;
    text-align: center;
    font-size: 0.9375vw;
    line-height: 1.25vw;
    color: #ffffff;
    padding: 1.041666vw 0;
}

.pro_series_item_label {
    width: 11.1111%;
    text-align: center;
    font-size: 0.83333vw;
    line-height: 1.6666vw;
    color: #161616;
    padding: 1.041666vw 0;
}

.pro_series_item_contrast {
    cursor: pointer;
}

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

.pro_series_item_img {
    width: 1.6666vw;
}

.pro_series_item_img svg {
    fill: #161616;
}

.pro_series_btn_tips {
    margin-left: 0.5208333vw;
    width: 0.83333vw;
    line-height: 0.83333vw;
    color: #ffffff;
    font-size: 0.5208333vw;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background: #31A9FF;
    text-align: center;
    position: relative;
    z-index: 1;
}

.pro_series_item_active .pro_series_item_img svg {
    fill: #31A9FF;
}

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

.pro_series_item_btn {
    position: relative;
}

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

.pro_series_item_btn a {
    padding: 0 1.25vw;
    font-size: 0.7291666vw;
    line-height: 1.6666vw;
    color: #666666;
    position: relative;
    z-index: 9;
}

.pro_series_item_btn:hover:after {
    background: #31A9FF;
    border: 1px solid #31A9FF;
}

.pro_series_item_btn:hover a {
    color: #ffffff;
}

.pro_series_content {
    margin-top: 2.08333vw;
}

.pro_series_item_box:nth-child(2n+1) {
    background: #ffffff;
}

.about_earth_wrap {
    padding: 5.208333vw 0;
}

.about_earth_box {
    padding: 0 0 0 13.541666vw;
}

.about_earth_tips_wrap {
    width: 19.8717%;
}

.about_earth_tips_box {
    margin-top: 5.208333vw;
}

.about_earth_tips_li {
    position: relative;
}

.about_earth_tips_title {
    font-size: 1.041666vw;
    line-height: 2.08333vw;

    color: #31A9FF;
}

.about_earth_tips_text {
    font-size: 0.83333vw;
    line-height: 2.08333vw;
    color: #666666;
    margin-left: 0.5208333vw;
}

.about_earth_content {
    width: 80.1283%;
    position: relative;
}

.about_earth_back {
    padding-bottom: 66.4%;
}

.about_earth_back img {
    object-fit: contain;
}

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

.about_earth_li {
    position: absolute;
    cursor: pointer;
    width: 0.5208333vw;
    height: 0.5208333vw;
}

.about_earth_li:nth-child(1) {
    left: 75.28%;
    top: 59.759036%;
}

.about_earth_li:nth-child(2) {
    left: 76.8%;
    top: 50.602409%;
}

.about_earth_li:nth-child(3) {
    left: 74.32%;
    top: 56.385542%;
}

.about_earth_li:nth-child(4) {
    left: 78.4%;
    top: 54.939759%;
}

.about_earth_li:nth-child(5) {
    left: 77.36%;
    top: 54.096386%;
}

.about_earth_li:nth-child(6) {
    left: 78.24%;
    top: 58.192771%;
}

.about_earth_li:nth-child(7) {
    left: 18.56%;
    top: 51.686746%;
}

.about_earth_li:nth-child(8) {
    left: 76.4%;
    top: 60.120482%;
}

.about_earth_li:nth-child(9) {
    left: 73.52%;
    top: 67%;
}

.about_earth_read {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9;
    opacity: 0;
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.about_earth_left {
    -webkit-transform: translateY(-50%) translateX(-100%);
    transform: translateY(-50%) translateX(-100%);
    left: 0.3125vw;
}

.about_earth_right {
    -webkit-transform: translateY(-50%) translateX(-0.3125vw);
    transform: translateY(-50%) translateX(-0.3125vw);
    left: 100%;
}

.about_earth_text {
    width: max-content;
}

.about_earth_inner {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .6s ease;
    transition: all .6s ease;
}

.AddAboutEarthContent .about_earth_inner {
    -webkit-transform: none;
    transform: none;
}

.AddAboutEarthContent .about_earth_read {
    opacity: 1;
}

.AddAboutEarthContent .about_earth_left {
    left: -0.3125vw;
}

.AddAboutEarthContent .about_earth_right {
    -webkit-transform: translateY(-50%) translateX(0.3125vw);
    transform: translateY(-50%) translateX(0.3125vw);
}

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

.about_earth_label {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    box-sizing: border-box;
    background: rgb(13, 138, 255);
    -webkit-border-radius: 100%;
    border-radius: 100%;
}

.about_earth_label:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 40%;
    height: 40%;
    background: #ffffff;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    opacity: 0;
}

.about_earth_label:nth-child(1) {
    z-index: 9;
    border: 1px solid #ffffff;
}

.about_earth_label:nth-child(1):after {
    opacity: 1;
}

.about_earth_label:nth-child(2) {
    -webkit-animation: earth_scale 4.8s linear infinite normal both;
    animation: earth_scale 4.8s linear infinite normal both;
}

.about_earth_label:nth-child(3) {
    -webkit-animation: earth_scale 4.8s 1.2s linear infinite normal both;
    animation: earth_scale 4.8s 1.2s linear infinite normal both;
}

.about_earth_label:nth-child(4) {
    -webkit-animation: earth_scale 4.8s linear 2.4s infinite normal both;
    animation: earth_scale 4.8s linear 2.4s infinite normal both;
}

.about_earth_label:nth-child(5) {
    -webkit-animation: earth_scale 4.8s linear 3.6s infinite normal both;
    animation: earth_scale 4.8s linear 3.6s infinite normal both;
}

@-webkit-keyframes earth_scale {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    20% {
        width: 160%;
        height: 160%;
        opacity: 0.5;
    }
    40% {
        width: 320%;
        height: 320%;
        opacity: 0.2;
    }
    60% {
        width: 1200%;
        height: 1200%;
        opacity: .15;
    }
    80% {
        width: 3000%;
        height: 3000%;
        opacity: 0;
    }
    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}

@keyframes earth_scale {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
    20% {
        width: 160%;
        height: 160%;
        opacity: 0.5;
    }
    40% {
        width: 320%;
        height: 320%;
        opacity: 0.2;
    }
    60% {
        width: 1200%;
        height: 1200%;
        opacity: .15;
    }
    80% {
        width: 3000%;
        height: 3000%;
        opacity: 0;
    }
    100% {
        width: 100%;
        height: 100%;
        opacity: 0;
    }
}

.AddProBannerWrap .pro_banner_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddProBannerWrap .pro_banner_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.AddProBannerWrap .pro_banner_button {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.AddProDetailsBanner .pro_details_banner_subtitle {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddProDetailsBanner .pro_details_banner_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.AddProDetailsBanner .pro_details_banner_type {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.AddProDetailsBanner .pro_details_type_box {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}

.AddProDetailsBanner .pro_details_pic_box {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}

.AddIndexSolutionHeadBox .index_public_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddIndexSolutionHeadBox .index_public_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.AddSolutionPageItemPic .solution_page_item_width {
    width: 100%;
    height: 100%;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddServicePageBanner .service_page_banner_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddServicePageBanner .service_page_banner_read {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.AddServicePageBanner .service_page_banner_tips {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.AddPublicServiceWrap {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
}


.AddMaintainContent .maintain_page_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddMaintainContent .maintain_page_head_wrap {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.AddMaintainContent .maintain_process_wrap {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.AddProcessBox .process_page_head_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddProcessBox .process_page_head_text {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.AddProcessBox .process_page_nav_wrap {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: 2s;
    transition-delay: .2s;
}

.AddProcessBox .process_page_big {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.AddMediaPageBox .media_page_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddMediaPageBox .media_page_item_box {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.AddMediaPageBox .media_page_tips_box {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.AddJoinBannerBox .join_banner_title {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
}

.AddJoinBannerBox .join_banner_max {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .1s;
    transition-delay: .1s;
}

.AddJoinBannerBox .join_banner_button {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 1s cubic-bezier(.4, 0, .2, 1);
    transition: all 1s cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

.header_wap_menu_button {
    display: none;
}

.wap_header_wrap {
    display: none;
}

.index_news_pagination_wrap {
    display: none;
}

.process_pro_swiper .swiper-wrapper {
    transition-duration: 0ms !important;
}

.process_pro_swiper .swiper-slide {
    transition-duration: 0ms !important;
}

.pro_major_pic_swiper .swiper-slide {
    transition-duration: 0ms !important;
}

.pro_major_details_swiper .swiper-slide {
    transition-duration: 0ms !important;
}

.pro_advantage_swiper .swiper-slide {
    transition-duration: 0ms !important;
}

.pro_major_details_swiper .swiper-slide {
    transition-duration: 0ms !important;
}

/*.header_menu_item_active .header_menu_item_link {*/
/*    color: #31A9FF;*/
/*}*/

/*.header_menu_item_active .header_menu_item_link:after {*/
/*    opacity: 1;*/
/*    background: #31A9FF;*/
/*}*/

/*.header_menu_item_active.header_menu_disabled_box .header_menu_item_link {*/
/*    color: #161616;*/
/*}*/

/*.header_menu_item_active.header_menu_disabled_box .header_menu_item_link:after {*/
/*    opacity: 1;*/
/*    background: #161616;*/
/*}*/

.header_menu_item_hover.header_menu_disabled_box .header_menu_item_link {
    color: #161616;
}

.header_menu_item_hover.header_menu_disabled_box .header_menu_item_link:after {
    opacity: 1;
    background: #161616;
}

.header_menu_item_hover .header_menu_item_link {
    color: #31A9FF;
}

.header_menu_item_hover .header_menu_item_link:after {
    opacity: 1;
}

.index_news_big {
    background: #ffffff;
    pointer-events: none;
    opacity: 0;
}

.index_news_swiper .swiper-slide {
    pointer-events: none !important;
}

.index_news_max_swiper {
    overflow: initial;
}

.index_news_max_swiper .swiper-slide-active .index_news_big {
    pointer-events: auto;
    opacity: 1;
}

.index_news_max_swiper .swiper-slide-active .index_news_big .swiper-slide {
    pointer-events: auto !important;
}

.index_news_max_swiper .swiper-slide-active .index_pro_control_button {
    opacity: 1;
    pointer-events: auto;
}

.index_news_max_swiper .swiper-slide-active .index_pro_control_button.swiper-button-disabled {
    opacity: .5;
    cursor: not-allowed;
}

.index_news_max_swiper .swiper-slide-active .index_pro_control_button.swiper-button-disabled:hover:after {
    background: #F8F9FC;
    border: 0.1041666vw solid #F8F9FC;
}

.index_news_max_swiper .swiper-slide-active .index_pro_control_button.swiper-button-disabled:hover svg {
    stroke: #cccccc;
}

.support_page_item_box {
    margin-bottom: 0.83333vw;
    cursor: pointer;
}

.support_page_item_content {
    padding: 1.3541666vw 2.08333vw;
    -webkit-border-radius: 0.41666vw;
    border-radius: 0.41666vw;

    -webkit-justify-content: space-between;
    justify-content: space-between;

}

.support_page_item_box:hover .support_page_item_content {
    background: #FAFAFA;
}

.support_page_title {
    width: calc(100% - 1.3541666vw);
    font-size: 1.041666vw;
    line-height: 1.458333vw;
    color: #161616;
}

.support_page_label {
    width: 0.41666vw;
}

.support_page_label svg {
    fill: none;
    stroke: #A8A8A8;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}


.support_content_wrap {
    padding: 0 0 5.208333vw 0;
}

.public_details_item_show {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    width: 100%;
    margin-top: 1.041666vw;
    cursor: pointer;
}

.public_details_item_hide {
    display: none;
}

.firmware_show_text {
    font-size: 0.7291666vw;
    line-height: 1.25vw;
    color: #666666;
}

.firmware_show_icon {
    margin-left: 0.625vw;
    width: 0.83333vw;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.firmware_collapse_btn {
    cursor: pointer;
}

.firmware_collapse_btn .firmware_show_icon {
    -webkit-transform: none;
    transform: none;
}

.firmware_show_icon svg {
    fill: none;
    stroke: #666666;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.firmware_collapse_button {
    -webkit-justify-content: center;
    justify-content: center;
    margin-top: 0.8333vw;
}