/*@charset "UTF-8";*/
/* CSS Document */
html, body {
    font-family: Arial, Helvetica, sans-serif;
    background: #fff;
    width: 100%;
    color: #333;
    -webkit-overflow-scrolling: touch;
}

html {
    font-size: 0.9375vw;
}

body {
    overflow: hidden;
}

*, *::after, *::before {
    margin: 0;
    padding: 0;
    box-sizing: border-box;

}

* {
    word-wrap: break-word;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
}

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

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

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

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

input, select, button, textarea {
    display: inline-block;
    vertical-align: middle;
    border-radius: 0;
    outline: none;
    background: none;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: inherit;
}

input:hover, input:focus, select:hover, select:focus, button:hover, button:focus, textarea:hover, textarea:focus {
    outline: none;
}

.html_page {
    position: relative;
    z-index: 19;
    background: #ffffff;
    width: 100%;
    overflow: hidden;
}


.body_fixed {
    position: fixed;
}

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


div {
    display: block;
}

table {
    border-collapse: collapse;
}

a {
    display: inline-block;
    text-decoration: none;
    color: inherit;
}

video {
    outline: none;
}

a, a:hover, a:focus, a:active, a:visited, div, div:focus, input, input:focus, button, button:focus {
    outline: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    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;
}

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


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

.trans {
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}


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

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

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

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


.img-wrap {
    position: relative;
    height: 0;
    overflow: hidden;
}

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

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;

}

.flex-lc {
    -webkit-box-pack: start;
    -webkit-box-align: center;
    -moz-box-pack: start;
    -moz-box-align: center;
    -ms-box-pack: start;
    -ms-box-align: center;
    -wekbit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
}

.flex-hor {
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -moz-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.flex-ver {
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -moz-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
}

.w-f {
    width: 100%;
}

.h-f {
    height: 100%;
}


/*css play*/
.header_wrap {
    position: fixed;
    left: 0;
    top: 0;
    height: 5.555555rem;
    width: 100%;
    z-index: 999;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.header_wrap.header_active, .header_wrap.header_nav_active {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

.header_wrap.header_active, .header_wrap.header_nav_active, .header_wrap.header_wrap_active_by_wap {
    background: #fff;
}

.header_wrap > .page_center {
    height: 100%;
}

.header_box {
    height: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -moz-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.header_wrap .logo_wrap {
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -moz-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.logo_wrap .lnk {
    display: inline-block;
    position: relative;
    width: 6.333333rem;
    height: 3.33333rem;
}

.logo_wrap .logo {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.logo-normal {
    opacity: 1;
}

.logo-color {
    opacity: 0;
}

.header_active .logo-normal, .header_nav_active .logo-normal {
    opacity: 0;
}

.header_active .logo-color, .header_nav_active .logo-color {
    opacity: 1;
}

.nav-wrap, .nav, .nav_item {
    height: 100%;
}

.flex-just-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -moz-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.flex-just-bet {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -moz-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flex-align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -moz-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.nav_item {
    position: relative;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -moz-justify-content: center;
    -ms-flex-align: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -moz-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.nav_item, .nav_sub {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.nav_item .lnk {
    position: relative;
    font-size: 1.4rem;
    line-height: 2.222222rem;
    padding: 0 1.388888rem;
    margin: 0 1.3888888rem;
    color: #fff;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.header_active .nav_item .lnk, .header_nav_active .nav_item .lnk {
    color: #666;
}

.nav_sub_wrap {
    position: absolute;
    top: 3.666666rem;
    left: 50%;
    padding-top: 1.888889rem;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);

}

.nav_arrow {
    position: absolute;
    left: 50%;
    top: 2rem;
    width: 14px;
    height: 7px;
    margin-left: -7px;
    background: url(../images/nav_arrow.png) no-repeat center top;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    will-change: transform;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;

}

.nav_item:hover .nav_arrow {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
}

.header_wrap .nav_item:hover .lnk {
    color: #8800a0;
}

.nav_sub_wrap {
    display: none;
}

.nav_sub {
    background: #e9e9e9;
    border-radius: 0.5rem;
    padding: 1rem 1.333333rem;
}

.nav_sub_item .sub_lnk::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background: #d5d5d5;
}

.nav_sub_item:last-child .sub_lnk::after {
    display: none;
}

.nav_sub_item .sub_lnk:hover::after {
    background: -webkit-linear-gradient(left, #8800a0, #1961b0);
    background: linear-gradient(to right, #8800a0, #1961b0);
}

.nav_sub_item .sub_lnk {
    position: relative;
    display: block;
    min-width: 12rem;
    font-size: 1rem;
    line-height: 3rem;
    height: 3rem;
    text-align: center;
    padding: 0 1.333333rem;
    white-space: nowrap;
    color: #333;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.nav_sub_item .sub_lnk:hover {
    color: #8800a0;
    font-weight: bold;
}

.search_and_lang {
    padding-left: 2.222222rem;
    height: 100%;
}

.search_btn {
    position: relative;
    width: 1.333333rem;
    height: 1.333333rem;
    margin-right: 1.666667rem;
    cursor: pointer;
}

.search_btn::before, .search_btn::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.search_btn::before {
    background: url("../images/ico_search_white.png") no-repeat center;
    background-size: contain;
    opacity: 1;
}

.search_btn::after {
    background: url("../images/ico_search_black.png") no-repeat center;
    background-size: contain;
    opacity: 0;
}

.header_active .search_btn::before, .header_nav_active .search_btn::before {
    opacity: 0;
}

.header_active .search_btn::after, .header_nav_active .search_btn::after {
    opacity: 1;
}

.header_lang_box {
    position: relative;
    height: 2rem;
    cursor: pointer;
}

.header_lang_box .ico {
    display: block;
    position: relative;
    width: 1.333333rem;
    height: 1.333333rem;
}

.header_lang_box .ico::before, .header_lang_box .ico::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.header_lang_box .ico::before {
    background: url("../images/ico_lang_white.png") no-repeat center;
    background-size: contain;
    opacity: 1;
}

.header_lang_box .ico::after {
    background: url("../images/ico_lang_color.png") no-repeat center;
    background-size: contain;
    opacity: 0;
}

.header_active .header_lang_box .ico::before, .header_nav_active .header_lang_box .ico::before {
    opacity: 0;
}

.header_active .header_lang_box .ico::after, .header_nav_active .header_lang_box .ico::after {
    opacity: 1;
}

.lang_box {
    padding-left: 0.39rem;
}

.lang_current {
    display: inline-block;
    font-size: 1rem;
    line-height: 2rem;
    color: #fff;
}

.header_active .lang_current, .header_nav_active .lang_current {
    color: #666;
}

.lang_select {
    position: absolute;
    right: -0.5rem;
    top: 1.8rem;
    display: none;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.lang_select .lang_lnk:first-child::before {
    content: '';
    position: absolute;
    top: -4px;
    left: 50%;
    margin-left: -6px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 4px solid #fff;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.lang_select .lang_lnk:first-child:hover::before {
    border-bottom-color: #1b5292;
}

.lang_select .lang_lnk {
    position: relative;
    display: block;
    background: #fff;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 0 0.5rem;
    color: #666;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.lang_select .lang_lnk:first-child {
    padding-top: .23rem;
    border-radius: .25rem .25rem 0 0;
}

.lang_select .lang_lnk:last-child {
    padding-bottom: .23rem;
    border-radius: 0 0 .25rem .25rem;
}

.lang_select .lang_lnk:hover {
    background-color: #1b5292;
    color: #fff;
}

.index_banner_wrap {
    position: relative;
}

.index_banner_swiper {
    height: 100vh;
}

.index_banner_swiper .img-wrap {
    width: 100%;
    height: 100%;
}

.index_banner_button_wrap {
    position: absolute;
    z-index: 99;
    bottom: 2.61rem;
    right: 8.888888rem;
    -webkit-box-lines: single;
    -webkit-flex-wrap: nowrap;
    -moz-box-lines: single;
    -moz-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
}

.index_banner_button_wrap .index_banner_btn_box {
    position: relative;
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: -webkit-linear-gradient(top left, #650873, #1961b0);
    background: linear-gradient(135deg, #650873, #1961b0);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.index_banner_button_wrap .index_banner_btn_box:hover {
    background: -webkit-linear-gradient(bottom right, #650873, #1961b0);
    background: linear-gradient(315deg, #650873, #1961b0);
}

.index_banner_button_wrap .index_banner_btn_prev::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -3px;
    margin-top: -5px;
    width: 9px;
    height: 9px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.index_banner_button_wrap .index_banner_btn_next::before {
    content: '';
    position: absolute;
    right: 50%;
    top: 50%;
    margin-right: -3px;
    margin-top: -5px;
    width: 9px;
    height: 9px;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.index_banner_button_wrap .index_banner_btn_next {
    margin-left: .5rem;
}

.index_banner_page_text_wrap {
    position: absolute;
    z-index: 99;
    left: 8.888888rem;
    bottom: 2.61rem;
    color: #fff;
}

.index_banner_page_text_wrap .cur_num {
    font-size: 2.777778rem;
    line-height: 2.777778rem;
}

.index_banner_page_text_wrap i, .index_banner_page_text_wrap .total_num {
    font-size: 1.35rem;
    line-height: 1.35rem;
    font-style: normal;
}

.index_banner_page_text_wrap i {
    margin-left: 0.333333rem;
    margin-right: 0.222222rem;
}

.wap_header_wrap {
    display: none;
}

.header_wap_menu_btn {
    display: none;
}

.index_container_product {
    background: #eee;
}

.index_container {
    position: relative;
    padding-top: 8rem;
}

.index_bg_text {
    position: absolute;
    top: 4.55rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    font-weight: bold;
    font-size: 13.888889rem;
    line-height: 13.888889rem;
    white-space: nowrap;
}

.index_container_product .index_bg_text {
    color: rgba(255, 255, 255, .3);
}

.index_container_product {
    padding-bottom: 6.833333rem;
}
.header_wap_lang_menu{
    display:none;
}

.index_boxer {
    position: relative;
    z-index: 5;
}

.index_boxer_tit .tit-wrap {
    text-align: center;
    isolation: isolate;
}

.index_boxer_tit .tit {
    margin-top: -1.777777rem;
    display: inline-block;
    font-weight: bold;
    font-size: 5.555555rem;
    line-height: 8.555555rem;
    background: -webkit-linear-gradient(left, #650873, #1961b0);
    background: linear-gradient(90deg, #650873, #1961b0);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}

.index-neil-wrap {
    margin-top: -1.777777rem;
    text-align: center;
}

.index-neil {
    display: inline-block;
    position: relative;
    width: 1.333333rem;
    height: 1.985333rem;
    background: url(../images/neil_decoration.png) no-repeat center;
    background-size: contain;
}

.index-neil::before, .index-neil::after {
    content: '';
    position: absolute;
    top: 50%;
    height: 1px;
    width: 6.388888rem;
}

.index-neil::before {
    right: -webkit-calc(100% + 5px);
    right: calc(100% + 5px);
    background: #650873;
}

.index-neil::after {
    left: -webkit-calc(100% + 5px);
    left: calc(100% + 5px);
    background: #1961b0;
}

.index_container_product .index_boxer_tit {
    padding-bottom: 4.666667rem;
}

.index_pro_left {
    width: 44.777777rem;
    background: url(../images/index_pro_bg.jpg) no-repeat center;
    background-size: 100% 100%;
}

.index_pro_vbox {
    position: relative;
    padding: 3rem 2.222222rem 1.944444rem;
    border-radius: 1rem;
}

.index_pro_vbox .img-wrap, .index_pro_vbox .ind_pro_desc, .index_pro_vbox .ind_proL_tit {
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.index_pro_vbox:hover .img-wrap {
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    transform: scale(1.06);
}

.index_pro_right_wrap .index_pro_vbox:hover .ind_pro_desc {
    color: #650873;
}

.index_pro_swiper {
    height: 43rem;
}

.ind_proL_tit {
    position: relative;
    z-index: 10;
    min-height: 2.5rem;
    font-size: 1.444444rem;
    line-height: 2.5rem;
    padding-left: 2.611111rem;
}

.ind_proL_tit .ind_pro_ico {
    top: -webkit-calc(1.25rem - 8px);
    top: calc(1.25rem - 8px);
}

.ind_pro_ico {
    position: absolute;
    width: 1.666666rem;
    height: 16px;
    left: 0;
}

.ind_pro_ico i {
    display: block;
    height: 2px;
    margin-bottom: 5px;
}

.ind_pro_ico i:nth-child(1) {
    width: 100%;
}

.ind_pro_ico i:nth-child(2) {
    width: 66.666667%;
}

.ind_pro_ico i:nth-child(3) {
    width: 40%;
}

.index_pro_left .ind_pro_ico i {
    background: #fff;
}

.index_pro_left .ind_proL_tit {
    color: #fff;
}

.ind_pro_desc {
    position: relative;
    z-index: 10;
    font-size: 2.222222rem;
    font-weight: bold;
    margin-bottom: 1rem;
}

.index_pro_left .ind_pro_desc {
    color: #fff;
}

.ind_pro_con {
    position: relative;
    z-index: 10;
    font-size: 0.833333rem;
    line-height: 1.666666rem;
    padding-bottom: 1.8333333rem;
}

.index_pro_left .ind_pro_con {
    color: #fff;
}

.ind_pro_con p {
    position: relative;
    padding-left: 0.833333rem;
}

.ind_pro_con p::before {
    content: '';
    position: absolute;
    top: 0.781111rem;
    left: 0;
    width: .222222rem;
    height: .222222rem;
    border-radius: 50%;
}

.index_pro_left .ind_pro_con p::before {
    background: #fff;
}

.ind_pro_dLink_wrap {
    position: relative;
    z-index: 10;
}

.ind_pro_dLink {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding: 0.5rem 1.944444rem;
    font-size: 1rem;
    line-height: 1.222222rem;
    border-radius: 2.222222rem;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.ind_pro_dLink_w {
    color: #fff;
}

.ind_pro_dLink_c {
    background: -webkit-linear-gradient(left, #8800a0, #1961b0);
    background: linear-gradient(to right, #8800a0, #1961b0);
    color: #fff;
}

.ind_pro_dLink_w:hover {
    background: #fff;
    color: #222;
}

.ind_pro_dLink_c:hover {
    background: -webkit-linear-gradient(right, #8800a0, #1961b0);
    background: linear-gradient(to left, #8800a0, #1961b0);
}

.ind_pro_dLink i {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.444444rem;
    width: 0.9444444rem;
    height: 0.888889rem;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.ind_pro_dLink:hover i {
    -webkit-transform: translateX(.5rem);
    -moz-transform: translateX(.5rem);
    transform: translateX(.5rem);
}

.ind_pro_dLink_w::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #fff;
    border-radius: 2.222222rem;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;

}

.ind_pro_dLink i::before, .ind_pro_dLink i::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.ind_pro_dLink_c i::before {
    background: url(../images/index_pro_arrow.png) no-repeat left center;
    background-size: contain;
}

.ind_pro_dLink_w i::before {
    background: url(../images/index_pro_arrow.png) no-repeat left center;
    background-size: contain;
    opacity: 1;
}

.ind_pro_dLink_w i::after {
    background: url(../images/index_pro_arrow_black.png) no-repeat left center;
    background-size: contain;
    opacity: 0;
}

.ind_pro_dLink_w:hover i::before {
    opacity: 0;
}

.ind_pro_dLink_w:hover i::after {
    opacity: 1;
}

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

.ind_pro_dPic {
    position: absolute;
    bottom: 3rem;
    right: 0;
    width: 100%;
    height: 0;
    padding-bottom: 80%;
}

.index_pro_right_box .ind_pro_dPic {
    bottom: -0.5rem;
    right: -1rem;
    width: 64.79%;
    height: 0;
    padding-bottom: 46.74%;
}

.index-pro-swiper-pagination {
    position: absolute;
    left: .5rem;
    bottom: .5rem;
}

.index_pro_swiper_dot {
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: middle;
    width: 0.78rem;
    height: 0.78rem;
    border-radius: 50%;
    margin-right: 0.555555rem;
    cursor: pointer;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.index_pro_swiper_dot::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #a0a0a0;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.index_pro_swiper_dot::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -80%;
    margin-top: -80%;
    width: 160%;
    height: 160%;
    background: #fff;
    border-top: 1px solid #640974;
    border-right: 1px solid #4f73b6;
    border-bottom: 1px solid #2355a8;
    border-left: 1px solid #640974;
    border-radius: 50%;
    opacity: 0;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.index_pro_swiper_dot.active::after {
    background: -webkit-linear-gradient(left, #8800a0, #1961b0);
    background: linear-gradient(to right, #8800a0, #1961b0);

}

.index_pro_swiper_dot.active::before {
    opacity: 1;
}

.index_bg2_text {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 17.888888rem;
    height: 9.5rem;
    background: url("../images/neil_sign.png") no-repeat right center;
    background-size: contain;
    opacity: .1;
}

.index_pro_right_box {
    width: 38.111111rem;
    height: 23.1666666rem;
    background: #fff;
}

.index_pro_right_wrap .index_pro_right_box + .index_pro_right_box {
    margin-top: 1.666666rem;
}

.index_pro_right_box .ind_pro_ico i, .ind_pro_color_ico i {
    background: -webkit-linear-gradient(left, #8800a0, #1961b0);
    background: linear-gradient(to right, #8800a0, #1961b0);
}

.index_pro_right_box .ind_proL_tit {
    color: #333;
}

.index_pro_right_box .ind_pro_desc {
    color: #333;
}

.index_pro_right_box .ind_pro_con {
    color: #333;
}

.index_pro_right_box .index_pro_right_box .ind_pro_con p::before {
    background: #999;
}

.index_pro_right_box .ind_pro_con p::before {
    background: #999;
}

.index_container_about {
    position: relative;
    padding-bottom: 5.944444rem;
    background: #fff;
}

.index_container_about .index_bg_text {
    color: rgba(242, 242, 242, .4);
}

.index_container_about_background {
    position: absolute;
    right: 0;
    bottom: 0;
    height: auto;
    width: 64.0625%;
}

.index_container_about_background .img {
    position: static;
    width: 100%;
    height: auto;
    display: block;
}

.index_container_about .index_boxer_tit {
    padding-bottom: 4.722222rem;
}

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

.index_about_con .tit {
    font-weight: bold;
    font-size: 2.777777rem;
    line-height: 3.888888rem;
    word-break: break-all;
}

.index_about_con .con {
    padding: 1.666666rem 0;
    width: 66%;
    font-size: 1rem;
    line-height: 1.666666rem;
    color: #999;
    word-break: break-all;
}

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

.index_application_con_inner {
    position: relative;
    width: 66.666666%;
    margin: 0 auto;
}

.index_application_swiper {
    overflow: visible;
}

.index_about_con .subtit {
    font-size: 2.222222rem;
    line-height: 4.444444rem;
    word-break: break-all;
}

.index_about_con .ind_pro_dLink_wrap {
    padding-top: 1.666666rem;
}

.index_adv {
    padding-top: 3.444444rem;
    padding-bottom: 3.444444rem;
    background: url("../images/index_adv_back.jpg") no-repeat center;
    background-size: cover;
    color: #fff;
}

.index_ad_num {
    font-size: 4.444444rem;
    line-height: 4.444444rem;
    padding-right: .5rem;
}
.index-num-li .flex{justify-content: center;}
.index_adv_bor{width:1px;background:rgba(255, 255, 255, 0.2);}
.index_adv_con {
    display: flex;
    align-items: self-end;
}

.index_adv_sy {
    font-size: 1.111111rem;
    line-height: 2.222222rem;

}

.index_adv_conent {
    font-size: 1rem;
    line-height: 1.333333rem;margin-top: .08rem;text-align: center;
}

.index_container_application {
    background: #eee;
    padding-bottom: 6.555555rem;
}

.index_container_application .index_bg_text {
    color: rgba(255, 255, 255, .3);
}

.index_container_application .index_boxer_tit {
    padding-bottom: 4.166666rem;
}

.index_container_application .ind_pro_dLink_wrap {
    text-align: center;
    padding-top: 3.166666rem;
}

.ind_app_item {
    margin: 0 0.8333333rem;
    height: 100%;

}

.ind_app_item .lnk {
    display: block;
    height: 100%;
    width: 100%;
    border-radius: 1.35rem;
    overflow: hidden;
    background: #fff;
}

.ind_app_item .img-wrap {
    position: relative;
    padding-bottom: 49.635%;
}

.ind_app_item .info-wrap {
    padding: 1.35rem 1.777777rem 1.333333rem;
    position: relative;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.ind_app_item:hover .info-wrap {
    background: -webkit-linear-gradient(left, #8800a0, #1961b0);
    background: linear-gradient(to right, #8800a0, #1961b0);
}

.ind_app_item .info-wrap-in {
    position: relative;
}

.ind_app_item .info-tit, .ind_app_item .info-con {
    width: 75.16%;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.ind_app_item .info-tit {
    font-weight: normal;
    font-size: 2rem;
    line-height: 3.111111rem;
    height: 3.111111rem;
    overflow: hidden;
    white-space: nowrap;
    color: #333;
}

.ind_app_item:hover .info-tit {
    color: #fff;
}

.ind_app_item .info-con {
    font-size:1rem;
    line-height: 1.6rem;
    height: 2.888888rem;
    overflow: hidden;
    color: #999;
}

.ind_app_item:hover .info-con {
    color: #fff;
}

.ind_app_item .lay_arr {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ind_app_arrow {
    position: relative;
    width: 2.222222rem;
    height: 2.222222rem;
    border-radius: 50%;
    overflow: hidden;
    background: -webkit-linear-gradient(left, #8800a0, #1961b0);
    background: linear-gradient(to right, #8800a0, #1961b0);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.ind_app_item:hover .ind_app_arrow {
    background: #fff;
}

.ind_app_arrow i::before, .ind_app_arrow i::after {
    content: '';
}

.ind_app_arrow i, .ind_app_arrow i::before, .ind_app_arrow i::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;

}

.ind_app_arrow i::before {
    background: url("../images/index_application_arrow_white.png") no-repeat;
    background-size: 100% 100%;
    opacity: 1;
}

.ind_app_arrow i::after {
    background: url("../images/index_application_arrow_color.png") no-repeat;
    background-size: 100% 100%;
    opacity: 0;
}

.ind_app_item:hover .ind_app_arrow i::before {
    opacity: 0;
}

.ind_app_item:hover .ind_app_arrow i::after {
    opacity: 1;
}

.index_container_core {
    padding-bottom: 3.888888rem;
}

.index_container_core .index_bg_text {
    color: #fafafa;
}

.index_container_core .index_boxer_tit {
    padding-bottom: 2.5rem;
}

.index_core_item {
    padding: 0 0.833333rem 1.666666rem;
    width: 33.333333%;
}

.index_core_item_inner {
    background: #fff;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
    text-align: center;
    border-radius: 1.333333rem;
    padding: 2.111111rem 2rem;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.index_core_item_inner:hover {
    background: -webkit-linear-gradient(left, #8800a0, #1961b0);
    background: linear-gradient(to right, #8800a0, #1961b0);
}

.index_core_item .icon_wrap {
    width: 5.555555rem;
    height: 5.555555rem;
    position: relative;
    margin: 0 auto 0.833333rem;
}

.index_core_item .icon_img_normal, .index_core_item .icon_img_active {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.index_core_item .icon_img_normal {
    opacity: 1;
}

.index_core_item .icon_img_active {
    opacity: 0;
}

.index_core_item_inner:hover .icon_img_normal {
    opacity: 0;
}

.index_core_item_inner:hover .icon_img_active {
    opacity: 1;
}

.index_core_item .info-tit {
    font-size: 2.222222rem;
    line-height: 2.444444rem;
    font-weight: bold;
    color: #333;
    margin-bottom: 0.555555rem;
}

.index_core_item .info-tit, .index_core_item .info-con {
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.index_core_item_inner:hover .info-tit {
    color: #fff;
}

.index_core_item .info-con {
    color: #999;
    font-size: 1rem;
    line-height: 1.888888rem;
}

.index_core_item_inner:hover .info-con {
    color: #fff;
}

.index_container_news {
    background: #eee;
}

.index_container_news .index_bg_text {
    color: rgba(255, 255, 255, .3);
}

.index_container_news .index_boxer_tit {
    padding-bottom: 5.333333rem;
}

.index_news_con {
    padding-bottom: 9.611111rem;
}

.index_news_lbx, .index_news_rbx {
    width: 43.155555rem;
}

.index_news_box {
    border-radius: 1rem;
    background: #fff;
    padding: 1.777777rem 1.555555rem 0.777778rem;
}

.index_news_tit {
    position: relative;
    min-height: 1.571428rem;
    padding-right: 2.222222rem;
    margin-bottom: 0.944444rem;
}

.ind_pro_ico_wrap {
    position: relative;
    padding-left: 2.5rem;
}

.index_news_tit .ind_pro_ico {
    top: 50%;
    margin-top: -8px;
}

.ind_news_arror {
    position: absolute;
    top: 50%;
    right: 0;
    width: 1.444444rem;
    height: 1.055556rem;
    margin-top: -0.527778rem;

}

.index_news_title {
    width: 20rem;
    white-space: nowrap;
    overflow: hidden;
    font-size: 1.666666rem;
    line-height: 2.5rem;
    background: -webkit-linear-gradient(left, #650873, #1961b0);
    background: linear-gradient(90deg, #650873, #1961b0);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}

.ind_news_arror::before, .ind_news_arror::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.ind_news_arror::before {
    opacity: 1;
    background: url("../images/index_news_center_arrow.png") no-repeat right center;
    background-size: contain;
}

.ind_news_arror::after {
    opacity: 0;
    background: url("../images/index_news_center_arrow_active.png") no-repeat right center;
    background-size: contain;
}

.ind_news_arror:hover::before {
    opacity: 0;
}

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

.index_news_ban {
    margin-bottom: 1.666666rem;
    position: relative;
}

.index_news_ban .lnk {
    position: relative;
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 52.380952%;
    border-radius: .5rem;
    overflow: hidden;
}

.index_news_ban, .index_news_ban .lnk, .index_news_ban .img {
    border-radius: .5rem;
}

.index_news_ban .lnk .img, .index_news_ban .inf-wrap {
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

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

.index_news_ban .inf-wrap {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    padding: 0.555555rem 1.222222rem;
    background: #1961b0;
    background: -webkit-linear-gradient(left, #8800a0, #1961b0);
    background: linear-gradient(to right, #8800a0, #1961b0);
    color: #fff;
    opacity: .8;

}

.index_news_ban .inf {
    font-size: 1rem;
    line-height: 1.388888rem;
}

.index_news_lbx .index_news_list {
    padding-bottom: 0.275555rem;
}

.index_news_item {
    position: relative;
    padding-bottom: 1.35rem;
}

.index_news_item + .index_news_item {
    padding-top: 1.35rem;
}

.index_news_item::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    width: 100%;
    background: #d6d6d6;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

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

.index_news_item:hover::after {
    background: -webkit-linear-gradient(left, #8800a0, #1961b0);
    background: linear-gradient(to right, #8800a0, #1961b0);
}

.news_item_img {
    width: 9.333333rem;
    overflow: hidden;
}

.news_item_img .img-wrap {
    position: relative;
    padding-bottom: 52.380952%;
    display: block;
    overflow: hidden;
}

.news_item_img .img {
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;

}

.news_item_img .img-wrap, .news_item_img .img {
    border-radius: 0.277777rem;
}

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

.news_item_info {
    width: 22.166667rem;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    flex-shrink: 0;
}

.news_item_tit {
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: bold;
}

.news_item_tit, .news_item_tit .lnk {
    color: #333;
}

.index_news_item:hover .news_item_tit, .index_news_item:hover .news_item_tit .lnk {
    color: #610c76;
}

.news_item_tit .lnk {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news_item_con {
    font-size: 1rem;
    line-height: 1.388888rem;
    max-height: 2.777776rem;
    overflow: hidden;
    color: #999;
}

.news_item_date {
    width: 4.833333rem;
    height: 4.166667rem;
    position: relative;
    margin-top: 0.444444rem;
    border-left: 1px solid #d6d6d6;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
}

.news_item_date .pub_date {
    text-align: center;
}

.news_item_date .date {
    font-size: 1.888888rem;
    line-height: 2.444444rem;
    color: #333;
}

.news_item_date .month {
    font-size: 1rem;
    line-height: 1.166667rem;
    color: #999;
}

.index_news_bbx {
    margin-top: 2.166667rem;
}

.index_consult_bg, .footer_wrap {
    background: #101010;
}

.footer_main {
    padding-top: 1.166666rem;
    padding-bottom: 1.555555rem;
}

.footer_in_left {
    width: 17.777778rem;
    padding-top: 1.555555rem;
    padding-bottom: 1rem;
}

.footer_in_mid {
    width: 32.222222rem;
}

.footer_logo_wrap {
    margin-bottom: 2.5rem;
}

.footer_logo {
    width: 9.833333rem;
    height: 5.222222rem;
}

.footer_address {
    font-size:1.1rem;
    line-height: 1.388888rem;
    color: #fff;
}

.footer_in_mid {
    padding-left: 2.222222rem;
    border-left: 1px solid #282828;
    padding-top: 0.777777rem;
    padding-bottom: 1.222222rem;
}

.footer_in_right {
    width: 19.777777rem;
}

.foot_menu {
    padding-right: 1.166667rem;
}

.foot_menu_item {
    font-size: 1.2rem;
    line-height: 2.388888rem;
    width: 10.833333rem;
}

.foot_menu_item .lnk {
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
    color: #999;
}

.foot_menu_item .lnk:hover {
    color: #fff;
}

.footer_in_right {
    padding-top: 1.555555rem;
}

.wx_code_wrap {
    padding-bottom: .5rem
}

.qr_code_item {
    width: 6rem;
    height: 6rem;
    padding: 0.222222rem;
    background: #fff;
}

.qr_code {
    display: block;
    width: 100%;
    height: 100%;
}

.footer_com_infos .info {
    position: relative;
    font-size: 1.1rem;
    line-height: 1.8rem;
}

.footer_com_infos .lnk {
    color: #fff;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;

}

.footer_com_infos .ico {
    display: inline-block;
    vertical-align: middle;
    width: 1.333333rem;
    height: 1.333333rem;
    margin-right: 0.277777rem;

}

.copyright {
    padding: 0.444444rem 0;
    border-top: 1px solid #282828;
    font-size: 1.1rem;
    line-height: 2.444444rem;
    color: #999;padding:8px 0;
}

.copyright .info1 {
    margin-right: 1.666666rem;
}

.index_consult_bg {
    height: 8.888888rem;
}

.index_consult_bg .page_in_center {
    position: relative;
}

.index_consult_box_wrap {
    position: absolute;
    top: -4.888888rem;
    left: 0;
    width: 100%;
    padding: 3.777778rem 3.222222rem 3rem;
    border-radius: 1.944444rem 0 1.944444rem 0;
    background: #8800a0;
    background: -webkit-linear-gradient(left, #8800a0, #1961b0);
    background: linear-gradient(to right, #8800a0, #1961b0);
    overflow: hidden;

}

.index_consult_box_wrap .bg_text {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("../images/footer_logo.png") no-repeat right center;
    background-size: auto 100%;
    opacity: .1;
}

.index_consult_box {
    position: relative;
}

.index_consult_box .tit {
    font-size: 1.444444rem;
    line-height: 2.444444rem;
    color: #fff;
    font-weight: bold;
    margin-bottom: 1.35rem;
}

.index_consult_box .tab-in {
    margin-right: 0.555555rem;
}

.index_consult_box .tab-in, .index_consult_box .tab-sub {
    margin-bottom: 0.555555rem;
}

.index_consult_box .input {
    width: 17.777777rem;
    font-size: 0.888889rem;
    line-height: 1.35rem;
    padding: 0.666666rem 1rem;
    border: none;
    background: #fff;
    color: #333;
    border-radius: .222222rem;
}

.index_consult_box .btn {
    cursor: pointer;
    width: 15rem;
    height: 2.444444rem;
    line-height: 2.444444rem;
    text-align: center;
    border: none;
    font-weight: bold;
    font-size: 1.35rem;
    color: #fff;
    background: #650873;
    background: -webkit-linear-gradient(right, #650873, #1961b0);
    background: linear-gradient(to left, #650873, #1961b0);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
    border-radius: 0.555555rem 0 0.55555rem 0;
}

.index_consult_box .btn:hover {
    background: -webkit-linear-gradient(right, #1961b0, #650873);
    background: linear-gradient(to left, #1961b0, #650873);
}

.myBanner_wrap {
    position: relative;
    width: 100%;
    padding-bottom: 26.041666%;
    z-index: 1;
}

.banner-wrap {
    position: absolute;
    left: 0;
    top: 0;
}

.banner-wrap .banner {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-info {
    position: absolute;
    top: 10rem;
    left: 0;
    width: 100%;
    z-index: 2;
}

.bannerInfo-tit {
    font-size: 5.388888rem;
    line-height: 6.55555rem;
    color: #fff;
    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
    -webkit-mask-position: center;
    -webkit-mask-size: 100% 100%;font-weight: bold;
}

.myBanner_wrap .b-line {
    width: 9.333333rem;
    height: 2px;
    background: #fff;
}

.bannerInfo-con {
    font-size: 1.35rem;
    line-height: 1.666666rem;
    padding-top: 1.222222rem;
    color: #fff;
}

.bannerInfo-tit, .myBanner_wrap .b-line, .bannerInfo-con {
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.bread-line {
    position: absolute;
    z-index: 3;
    left: 0;
    width: 100%;
    bottom: 1rem;
    font-size: 1rem;
    line-height: 1.666666rem;
    color: #fff;
    text-align: right;

}

.bread-line a {
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.bread-line a:hover {
    text-decoration: underline;
}

.bread-home-ico {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -0.2rem;
    width: 1.0625rem;
    height: 1.0625rem;
    margin-right: 0.28rem;
    background: url("../images/breadline_home_ico.png") no-repeat center;
    background-size: contain;
}

.myPageNav {
    position: relative;
    height: 4rem;
    overflow: hidden;
}

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

.myPageNav-list .lnk {
    position: relative;
    display: inline-block;
    font-size: 1.3rem;
    line-height: 2rem;
    padding: 1rem 0;
    font-weight: bold;
    margin-right: 3.111111rem;
    color: #333;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
    cursor: pointer;
}

.myPageNav-list .lnk.active {
    color: #8800a0;
}

.myPageNav-list .lnk::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 3px;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.myPageNav-list .lnk:hover::after, .myPageNav-list .lnk.active::after {
    width: 100%;
    background: -webkit-linear-gradient(left, #8800a0, #1961b0);
    background: linear-gradient(to right, #8800a0, #1961b0);
}

/*About Us*/
.about_container {
    position: relative;
    padding-top: 9.222222rem;
}

.about_profile {
    padding-bottom: 1.666666rem;
}

.about_boxer {
    position: relative;
    z-index: 5;
}

.about_container .bg_text {
    font-weight: bold;
    font-size: 11.888888rem;
    line-height: 17.222222rem;
    position: absolute;
    top: 3.444444rem;
    left: -4.166666rem;
    color: #000;
    opacity: 0.06;
    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
    -webkit-mask-position: center;
    -webkit-mask-size: 100% 100%;
}

.about_tit {
    font-weight: bold;
    font-size: 3.888888rem;
    line-height: 5.777777rem;
}

.about_profile .about_tit {
    margin-bottom: 1.35rem;
}

.about_tit i {
    font-style: normal;
    display: inline-block;
    vertical-align: top;
    background: -webkit-linear-gradient(left, #650873, #1961b0);
    background: linear-gradient(90deg, #650873, #1961b0);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}

.about_con {
    width: 48.928%;
    height: 32.185rem;
    overflow: auto;
}

.about_con::-webkit-scrollbar {
    width: 3px;
}

.about_con::-webkit-scrollbar-track {
    margin-top: 1rem;
    margin-bottom: 1rem;
    background: #ccc;
}

.about_con::-webkit-scrollbar-thumb {
    background: #650873;
}

.about_con_inner {
    width: -webkit-clac(100% -2.444444rem);
    width: clac(100% -2.444444rem);
    margin-right: 2.444444rem;
    overflow-x: hidden;
}

.about_con h2 {
    font-size: 1.444444rem;
    font-weight: bold;
    color: #333;
    margin-bottom: .3125rem;
}

.about_con p {
    font-size: 1rem;
    line-height: 1.875rem;
    color: #999;
}

.about_con h3 {
    margin-top: 1.667rem;
    font-size: 1.5rem;
    font-weight: bold;
    color: #333;
}

.about_swim {
    width: 47.285714%;
    padding: 0.777777rem 0;
}

.about_swim .img {
    display: block;
    width: 100%;
}

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

.about_history_bg .bg_pic {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about_history .about_tit {
    margin-bottom: 1.35rem;
}

.history_banner_swiper {
    width: 70rem;
    overflow: visible;
}

.about_history_item {
    text-align: center;
    width: 60rem;
    margin: 0 auto;
    padding-top: 0.333333rem;
    padding-bottom: 5.888888rem;
}

.about_history_item .year {
    text-align: center;
    font-size: 11.35rem;
    line-height: 12.222222rem;
}

.about_history_item .year-in {
    display: inline-block;
    position: relative;
    width: 27.222222rem;
    text-align: center;
    background: -webkit-linear-gradient(left, #650873, #1961b0);
    background: linear-gradient(90deg, #650873, #1961b0);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;font-weight: bold;
}

.about_history_item .year-in::before, .about_history_item .year-in::after {
    content: '';
    position: absolute;
    top: 50%;
    height: 1px;
    width: 16.666666rem;
}

.about_history_item .year-in::before {
    left: -16.666666rem;
    background: #650873;
}

.about_history_item .year-in::after {
    right: -16.666666rem;
    background: #1961b0;
}

.about_history_item .con {
    font-size: 1.2rem;
    line-height: 1.888888rem;
    color: #333;
    text-align: center;
    padding-top: 1rem;
    min-height: 13.333328rem;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
    opacity: 0;
}

.swiper-slide-active .about_history_item .con {
    opacity: 1;
}

.about_history .bg_text {
    opacity: 0.025;
}

.history_banner_btn_box {
    position: absolute;
    z-index: 10;
    top: 4.6rem;
    width: 3.333333rem;
    height: 3.333333rem;
    border-radius: 50%;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
    background: url("../images/cases_circle.png") no-repeat center;
    background-size: 100% 100%;
    cursor: pointer;
}

.history_banner_btn_prev {
    left: -.15rem;
}

.history_banner_btn_next {
    right: -.15rem;
}

.history_banner_btn_box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.history_banner_btn_box:hover::before {
    background: -webkit-linear-gradient(left, #8800a0, #1961b0);
    background: linear-gradient(to right, #8800a0, #1961b0);
}

.history_banner_btn_box i, .history_banner_btn_box i::before, .history_banner_btn_box i::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.history_banner_btn_box i::before, .history_banner_btn_box i::after {
    content: '';
}

.history_banner_btn_box i::before {
    opacity: 1;
}

.history_banner_btn_box i::after {
    opacity: 0;
}

.history_banner_btn_box:hover i::before {
    opacity: 1;
}

.history_banner_btn_box:hover i::after {
    opacity: 0;
}

.history_banner_btn_prev i::before {
    background: url("../images/cases_arrow_left.png") no-repeat center;
    background-size: 100% 100%;
}

.history_banner_btn_next i::before {
    background: url("../images/cases_arrow_right.png") no-repeat center;
    background-size: 100% 100%;
}

.history_banner_btn_prev:hover i::before {
    background: url("../images/cases_arrow_left_white.png") no-repeat center;
    background-size: 100% 100%;
}

.history_banner_btn_next:hover i::before {
    background: url("../images/cases_arrow_right_white.png") no-repeat center;
    background-size: 100% 100%;
}

.history_banner_btn_box .btn_text {
    position: absolute;
    top: 50%;
    font-size: 1.444444rem;
    line-height: 2.444444rem;
    height: 2.444444rem;
    margin-top: -1.222222rem;
    color: #333;
    white-space: nowrap;
    font-weight: bold;
}

.history_banner_btn_prev .btn_text {
    left: -3.96rem;
}

.history_banner_btn_next .btn_text {
    right: -3.96rem;
}

.about_culture_con {
    padding-top: 6.333333rem;
}

.about_culture_info {
    margin-top: 4.777777rem;
    font-size: 1.666666rem;
    line-height: 2.444444rem;
    color: #666;
}

.about_culture_img {
    text-align: center;
}

.about_culture_img .pic {
    display: inline-block;
    vertical-align: top;
    width: 16.777777rem;
    max-width: 302px;
}

.about_culture_inner .lBx {
    width: 45%;
}

.about_culture_inner .rBx {
    width: 43.21%;
}

.about_culture_item + .about_culture_item {
    margin-top: 5.5rem;
}

.culture-ico {
    position: relative;
    width: 6.222222rem;
    height: 6.222222rem;
    margin-right: .5rem;
}

.about_culture_item .info-tit {
    font-size: 2.222222rem;
    line-height: 2.444444rem;
    color: #333;
    font-weight: bold;
}

.about_culture_item .info-con {
    font-size: 1rem;
    line-height: 1.666666rem;
    color: #666;
}

.about_culture_item .info {
    -webkit-flex: 1;
    -moz-flex: 1;
    flex: 1;
}

.about_culture_list {
    padding-bottom: 0.555555rem;
}

.about_culture {
    padding-bottom: 7.111111rem;
}

.about_honor {
    background: #f7f7f7;
    padding-bottom: 5.1875rem;
}

.about_company_style {
    background: #fff;
    padding-bottom: 5.1875rem;
}

.about_honor .about_tit {
    margin-bottom: 1.666666rem;
}

.about_company_style .about_tit {
    margin-bottom: 1.666666rem;
}

.about_honor_swiper {
    padding-top: 1.666666rem;
    padding-bottom: 1.666666rem;
}

.about_style_swiper {
    padding-top: 1.666666rem;
    padding-bottom: 1.666666rem;
}

.about_honor_wrap {
    padding-bottom: 2.055555rem;
}

.about_style_wrap {
    padding-bottom: 2.055555rem;
}

.honor_item {
    border-radius: .555555rem;
    overflow: hidden;
    background: #fff;
    border: 1px solid transparent;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.about_honor .honor_item::after {
    content: '';
    border-radius: .555555rem;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid transparent;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.about_honor .honor_item:hover::after {
    border-color: #8800a0;
}

.honor_item .img-wrap-wrap {
    padding: 1.5rem 3.722222rem;
}

.about_style_swiper .honor_item .img-wrap-wrap {
    padding: 0;
}

.honor_item .img-wrap {
    padding-bottom: 141.5841%;
}

.honor_item .img {
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.about_style_swiper .honor_item .img-wrap {
    padding-bottom: 62.114537%;
}

.about_style_swiper .honor_item:hover .img {
    -wekbit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}

.honor_item .info-wrap {
    position: relative;
    padding: .444444rem 1rem;
    background: #aeaeae;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.honor_item:hover .info-wrap {
    background: #8800a0;
    background: -webkit-linear-gradient(left, #8800a0, #1961b0);
    background: linear-gradient(to right, #8800a0, #1961b0);
}

.honor_item .info {
    text-align: center;
    font-size: 1rem;
    line-height: 2.444444rem;
    color: #fff;
}

.about_honor .page_in_center, .about_company_style .page_in_center {
    position: relative;
}

.about_honor .history_banner_btn_prev, .about_company_style .history_banner_btn_prev {
    left: 0;
}

.about_honor .history_banner_btn_next, .about_company_style .history_banner_btn_next {
    right: 0;
}

.about_honor .history_banner_btn_box {
    top: auto;
    bottom: 13.5rem;
}

.about_company_style .history_banner_btn_box {
    top: auto;
    bottom: 11.5rem;
}

.case_card_wrap .history_banner_btn_box {
    top: auto;
    bottom: 12rem;
}

.honor-swiper-pagination {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
}


/*product list*/
.YXTPage-pro {
    padding-top: 4.333333rem;
    padding-bottom: 4.333333rem;
    background: #efefef;
}

.proBanner-wrap {
    margin-bottom: 2.222222rem;
}

.proBanner {
    position: relative;
    border-radius: 1rem;
    overflow: hidden;
}

.proBanner .bg {
    display: block;
    width: 100%;
}

.proBanner .con {
    position: absolute;
    left: 6.857143%;
    width: 48.28%;
    color: #fff;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.proBanner .con-tit {
    font-size: 3.611111rem;
    font-weight: bold;
    line-height: 5.555555rem;
    margin-bottom: 1.333333rem;
}

.proBanner .con-con {
    font-size: 1rem;
    line-height: 2.444444rem;
    min-height: 9.777776rem;
    overflow: hidden;
}

.proList-wrap {
    padding-bottom: 1.333333rem;
}

.proList {
    margin: 0 -0.833333rem;
}

.proItem-wrap {
    width: 33.333333%;
    padding: 0 0.833333rem 1.666666rem;
}

.proItem {
    display: block;
    padding: 2.222222rem 1.35rem;
    position: relative;
    background: #fff;
    overflow: hidden;
}

.proItem::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid transparent;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.proItem, .proItem::before {
    border-radius: 1.35rem;
}

.proItem:hover::before {
    border: 1px solid #630c7d;
}

.proItem-tit {
    margin: 1.5rem 0;
    font-size: 1.333333rem;
    line-height: 2.444444rem;
    font-weight: bold;
    color: #333;
    text-align: center;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.proItem:hover .proItem-tit {
    color: #690579;
}

.proItem-btn-wrap {
    padding-bottom: 2.666666rem;
    text-align: center;
}

.proItem-btn {
    text-align: center;
    position: relative;
    display: inline-block;
    font-size: 1rem;
    line-height: 2.444444rem;
    height: 2.444444rem;
    padding: 0 2.444444rem;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
    cursor: pointer;
}

.proItem-btn::before {
    content: "";
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #666;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.proItem-btn, .proItem-btn::before {
    border-radius: .5rem;
}

.proItem:hover .proItem-btn {
    background: #8800a0;
    background: -webkit-linear-gradient(left, #8800a0, #1961b0);
    background: linear-gradient(to right, #8800a0, #1961b0);
}

.proItem:hover .proItem-btn::before {
    opacity: 0;
}

.proItem-btn .txt {
    position: relative;
    color: #666;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
    cursor: pointer;
}

.proItem:hover .proItem-btn .txt {
    color: #fff;
}

.proItem-btn i {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 0.944444rem;
    height: 1rem;
    margin-left: 0.388888rem;
}

.proItem-btn i::before, .proItem-btn i::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.proItem-btn i::before {
    background: url("../images/index_pro_arrow_black.png") no-repeat right center;
    background-size: contain;
    opacity: 1;
}

.proItem-btn i::after {
    background: url("../images/index_pro_arrow.png") no-repeat right center;
    background-size: contain;
    opacity: 0;
}

.proItem:hover .proItem-btn i::before {
    opacity: 0;
}

.proItem:hover .proItem-btn i::after {
    opacity: 1;
}

.proItem-img-wrap .img-wrap {
    padding-bottom: 68.316831%;
}

.paging-wrap {
    padding: 0.833333rem 0;
    text-align: center;
}

.paging-wrap a,.paging-wrap span {
    display: inline-block;
    position: relative;
    text-align: center;
    background: #fff;
    border-radius: .5rem;
    font-size: 1rem;
    line-height: 2.444444rem;
    height: 2.444444rem;
    white-space: nowrap;
    padding: 0 .5rem;
    margin: 0.166666rem;
    min-width: 2.444444rem;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.newsList-con-wrap .paging-wrap a,.YXTPage-video .paging-wrap a {
    background: #e3e3e3;
}

.paging-wrap .current, .paging-wrap a:hover {
    color: #fff;
    background: #8800a0;
    background: -webkit-linear-gradient(left top, #8800a0, #1961b0);
    background: linear-gradient(to right bottom, #8800a0, #1961b0);
}

.paging-wrap .page-prev::before, .paging-wrap .page-prev::after, .paging-wrap .page-next::before, .paging-wrap .page-next::after {
    content: '';
    position: absolute;
    width: 0.611111rem;
    height: 1.055555rem;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.paging-wrap .page-prev::before {
    background: url("../images/page_prev.png") no-repeat center;
    background-size: contain;
}

.paging-wrap .page-next::before {
    background: url("../images/page_next.png") no-repeat center;
    background-size: contain;
}

.paging-wrap .page-prev::before, .paging-wrap .page-next::before {
    opacity: 1;
}

.paging-wrap .page-prev::after {
    background: url("../images/page_prev_active.png") no-repeat center;
    background-size: contain;
}

.paging-wrap .page-next::after {
    background: url("../images/page_next_active.png") no-repeat center;
    background-size: contain;
}

.paging-wrap .page-prev::after, .paging-wrap .page-next::after {
    opacity: 0;
}

.paging-wrap .page-prev:hover::before, .paging-wrap .page-next:hover::before {
    opacity: 0;
}

.paging-wrap .page-prev:hover::after, .paging-wrap .page-next:hover::after {
    opacity: 1;
}

.proDetail-banner-wrap {
    padding: 4.277777rem 0;

}

.proDetailBanner {
    width: 50%;
}


.proDetailBanner .big-img-wrap, .proDetailBanner .small-img-wrap {
    padding-bottom: 67.714286%;
    border-radius: .5rem;
    overflow: hidden;
    background: #fff;
}

.proDetailBoxer {
    margin-top: .555555rem;
    position: relative;
}

.proDetailBoxer-in {
    width: 84.714286%;
    margin: 0 auto;
}

.proDetailBanner .small-img-wrap::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid transparent;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
    z-index: 2;
}

.proDetailBanner .small-img-wrap, .proDetailBanner .small-img-wrap::before {
    border-radius: 0.277777rem;
}

.proDetailBanner .small-img-wrap:hover::before {
    border-top: 1px solid #650873;
    border-left: 1px solid #650873;
    border-right: 1px solid #1961b0;
    border-bottom: 1px solid #1961b0;
}

.proDetailBanner .small-img-wrap-wrap {
    padding: 0 0.555555rem;
}

.proDetail-banner-wrap {
    background: #efefef;
}

.proDetailSmallBanSwiper .small-img-wrap {
    cursor: pointer;
}

.proDetailSmallBanSwiper-prev, .proDetailSmallBanSwiper-next {
    position: absolute;
    top: 0;
    height: 100%;
    background: #fff;
    border-radius: 0.277777rem;
    width: 2.555555rem;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
    cursor: pointer;
}

.proDetailSmallBanSwiper-prev:hover, .proDetailSmallBanSwiper-next:hover {
    background: #8800a0;
}

.proDetailSmallBanSwiper-prev {
    left: 0;
}

.proDetailSmallBanSwiper-next {
    right: 0;
}

.proDetailSmallBanSwiper-prev i, .proDetailSmallBanSwiper-next i {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.611111rem;
    height: 1.055555rem;
    margin-top: -0.5277775rem;
    margin-left: -0.3055555rem;
}

.proDetailSmallBanSwiper-prev i::before, .proDetailSmallBanSwiper-prev i::after, .proDetailSmallBanSwiper-next i::before, .proDetailSmallBanSwiper-next i::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.proDetailSmallBanSwiper-prev i::before, .proDetailSmallBanSwiper-next i::before {
    opacity: 1;
}

.proDetailSmallBanSwiper-prev i::after, .proDetailSmallBanSwiper-next i::after {
    opacity: 0;
}

.proDetailSmallBanSwiper-prev:hover i::before, .proDetailSmallBanSwiper-next:hover i::before {
    opacity: 0;
}

.proDetailSmallBanSwiper-prev:hover i::after, .proDetailSmallBanSwiper-next:hover i::after {
    opacity: 1;
}

.proDetailSmallBanSwiper-prev i::before {
    background: url("../images/pro_detail_arrow_left.png") no-repeat left center;
    background-size: contain;
}

.proDetailSmallBanSwiper-next i::before {
    background: url("../images/pro_detail_arrow_right.png") no-repeat right center;
    background-size: contain;
}

.proDetailSmallBanSwiper-prev i::after {
    background: url("../images/pro_detail_arrow_left_active.png") no-repeat left center;
    background-size: contain;
}

.proDetailSmallBanSwiper-next i::after {
    background: url("../images/pro_detail_arrow_right_active.png") no-repeat right center;
    background-size: contain;
}

.proDetail-msg {
    width: 45.714286%;
    padding-top: 2.5rem;
}

.proDetail-msg .tit-wrap {
    border-bottom: 1px solid #ccc;
    padding-bottom: 0.833333rem;
    margin-bottom: 1.35rem;
}

.proDetail-msg .tit {
    font-size: 1.333333rem;
    line-height: 1.777777rem;
    margin-bottom: 0.833333rem;
    font-weight: normal;
    color: #999;
}

.proDetail-msg .subTit {
    font-size: 2.222222rem;
    line-height: 3.333333rem;
    font-weight: bold;
    color: #666;
    padding-bottom: 0.833333rem;
}

.proDetail-pro_desc {
    font-size: 1rem;
    line-height: 1.944444rem;
    color: #666;
}

.proDetail-pro_desc p {
    position: relative;
    padding-left: 0.833333rem;
}

.proDetail-pro_desc p::before {
    content: '';
    position: absolute;
    top: 0.861111rem;
    left: 0;
    width: .222222rem;
    height: .222222rem;
    border-radius: 50%;
    background: #999;
}

.proDetail_logos {
    padding: 0.8333333rem 0;
}

.proDetail_logos img {
    display: inline-block;
    vertical-align: top;
    margin-bottom: .5rem;
    max-width: 100%;
}

.proDetail-con-wrap {
    padding-top: 3rem;
    padding-bottom: 1.666666rem;
}

.proDetail-con-tit-wrap {
    border-bottom: 1px solid #ccc;
    padding-bottom: 0.8333333rem;
    margin-bottom: 4rem;
}

.proDetail-con-tit {
    font-size: 2.777777rem;
    line-height: 4.222222rem;
    font-weight: bold;
}

.proDetail-con-tit i {
    font-style: normal;
    display: inline-block;
    max-width: 100%;
    background: -webkit-linear-gradient(left, #650873, #1961b0);
    background: linear-gradient(90deg, #650873, #1961b0);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}

.pro-editor, .news-editor {
    font-size: 1.2rem;
    line-height: 1.8rem;
    padding-bottom: 4rem;
}

.pro-editor {
    color: #333;
}

.news-editor {
    color: #999;
}

.pro-editor img, .pro-editor video {
    display: inline-block;
    vertical-align: top;
    width: auto;
    max-width: 100%;
}

.proToggle-wrap {
    position: relative;
    border-top: 1px solid #ccc;
    padding-top: 1.666666rem;
}

.proToggle {
    width: 82.857143%;
}

.proToggle p {
    font-size: 1rem;
    line-height: 2.222222rem;
}

.proToggle p, .proToggle p a {
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.proToggle p:hover, .proToggle p a:hover {
    color: #8800a0;
}

.proToggle p a {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
}

.pro-return {
    padding-top: .555555rem;
}

.return-lnk {
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #666;
}

.return-lnk::before {
    content: '';
    display: block;
    width: 2.222222rem;
    height: 2.5rem;
    margin: 0 auto;
    background: url("../images/return_to_list_ico.png") no-repeat center;
    background-size: contain;

}


/*news*/
.newsDetail-con-wrap {
    background: #fff;
    padding-top: 4rem;
    padding-bottom: 1.666666rem;
}

.newsDetail-con-tit-wrap {
    padding-bottom: 0.666666rem;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 2.666666rem;
}

.newsDetail-con-tit {
    font-size: 1.8rem;
    line-height: 2.777777rem;
    text-align: center;
    font-weight: normal;
    color: #333;
    margin-bottom: 0.333333rem;
}

.newsDetail-con-infos .icoInfo {
    margin: 0 1.55555rem;
}

.icoInfo {
    font-size: 1.2rem;
    line-height: 1.888888rem;
    height: 1.888888rem;
    color: #999;
    position: relative;
    padding-left: 1.555555rem;
}

.icoInfo::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 1.333333rem;
    height: 1.333333rem;
    margin-top: -0.6666665rem;
}

.icoInfo-views::before {
    background: url("../images/ico_views.png") no-repeat left center;
    background-size: contain;
}

.icoInfo-datetime::before {
    background: url("../images/ico_date.png") no-repeat left center;
    background-size: contain;
}

.newsList-con-wrap {
    padding-top: 2.777777rem;
    padding-bottom: 4.333333rem;
}

.news_rec_item {
    width: 32.19%;
    background: #f7f7f7;
}

.news_rec_item:nth-child(3n+1), .news_rec_item:nth-child(3n+2) {
    margin-right: 1.715%;
}

.news_rec_img {
    width: 100%;
    overflow: hidden;
}

.news_rec_img .img-wrap {
    position: relative;
    padding-bottom: 52.097%;
    display: block;
    overflow: hidden;
}

.news_rec_item, .news_rec_img .img-wrap, .news_rec_img .img {
    border-radius: .444444rem;
}

.news_rec_img .img {
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.news_rec_item:hover .news_rec_img .img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}

.news_rec_info-wrap {
    padding: 1.5rem 1.666666rem 1.888888rem;
}

.news_rec_info {
    padding-bottom: 1.833333rem;
}

.news_rec_info .news_item_tit {
    margin-bottom: .222222rem;
}

.news_rec_opt {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -moz-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.news_list {
    padding-top: 1.35rem;
    padding-bottom: 1.944444rem;
}

.news_item {
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -moz-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f7f7f7;
    margin-bottom: 1.35rem;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.news_item::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid transparent;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.news_item:hover::before {
    border: 1px solid #640973;
}

.newsList_item_img {
    width: 32.19%;
    overflow: hidden;
}

.newsList_item_img .img-wrap {
    position: relative;
    padding-bottom: 52.097%;
    display: block;
    overflow: hidden;
}

.newsList_item_img, .newsList_item_img .img-wrap, .newsList_item_img .img, .news_item:hover::before {
    border-radius: .444444rem;
}

.newsList_item_img .img {
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.news_item:hover .newsList_item_img .img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}

.news_info {
    position: relative;
    -webkit-align-self: flex-start;
    -moz-align-self: flex-start;
    align-self: flex-start;
}

.news_list .news_info {
    width: 49.571428%;
    margin-left: 0.388888rem;
    padding: 1.35rem 0 1rem;
}

.news_info .news_item_tit {
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
    margin-bottom: .222222rem;
}

.news_item:hover .news_info .news_item_tit, .news_item:hover .news_info .lnk {
    color: #640973;
}

.news_info .news_item_con {
    max-height: 4.166664rem;
    overflow: hidden;
}

.news_opt {
    padding-top: 1.35rem;
}

.newsList_lay_date {
    width: 7.777777rem;
    margin-right: 2.777777rem;
    padding-top: 1.222222rem;
    padding-bottom: 1rem;
    background: #d9d9d9;
    border-radius: 0.555555rem;
    text-align: center;
}

.news_item:hover .newsList_lay_date {
    background: #8800a0;
    background: -webkit-linear-gradient(left, #8800a0, #1961b0);
    background: linear-gradient(to right, #8800a0, #1961b0);
}

.news_item:hover .newsList_lay_date,
.newsList_lay_date .date,
.newsList_lay_date .date::before,
.newsList_lay_date .year {
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    transition: all .3s linear;
}

.newsList_lay_date .date {
    position: relative;
    margin-bottom: 2px;
    font-size: 2.222222rem;
    line-height: 3.111111rem;
    color: #666;
}

.news_item:hover .date {
    color: #fff;
}

.newsList_lay_date .date::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: -2px;
    height: 2px;
    width: 1.888888rem;
    margin-left: -0.999999rem;
    background: #a9a9a9;
}

.news_item:hover .date::before {
    background: #fff;
}

.newsList_lay_date .year {
    padding-top: .5rem;
    font-size: 1.333333rem;
    line-height: 1.777777rem;
    color: #999;
}

.news_item:hover .year {
    color: #fff;
}

/*conatct*/
.contact_profile .index_boxer_tit .tit {
    font-size: 4.444444rem;
    line-height: 6.222222rem;
    margin-top: 0;
}

.contact_profile {
    padding-top: 8.888888rem;
}

.contact_profile .index_bg_text {
    top: 5rem;
    font-size: 7.777777rem;
    line-height: 8.222222rem;
    color: rgba(0, 0, 0, 0.05);
    -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
    -webkit-mask-position: center;
    -webkit-mask-size: 100% 100%;
}

.contact_profile_list {
    padding-top: 2.666666rem;
}

.contact_profile_item {
    width: 31.428571%;
    margin-bottom: 2.222222rem;
    border-radius: 1.333333rem;
    background: #f5f5f5;
    padding-top: 4.777777rem;
    padding-bottom: 3.055555rem;
}

.contact_profile_item:nth-child(3n+1),
.contact_profile_item:nth-child(3n+2) {
    margin-right: 2.8571435%;
}

.contact_profile_item .ico-wrap {
    position: relative;
    margin: 0 auto;
    width: 7.666666rem;
    height: 7.666666rem;
    border-radius: 50%;
    overflow: hidden;
    background: #8800a0;
    background: -webkit-linear-gradient(left, #8800a0, #1961b0);
    background: linear-gradient(to right, #8800a0, #1961b0);
}

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

.contact_profile1 {
    padding-bottom: 3.777777rem;
}

.contact_profile2 {
    background: #f5f5f5;
    padding-bottom: 5.222222rem;
}

.contact_profile_item .info-tit {
    padding-top: 1rem;
    padding-bottom: 0.722222rem;
    text-align: center;
    color: #666;
    font-weight: bold;
    font-size: 1.666666rem;
    line-height: 2.777777rem;
}

.contact_profile_item .info-info {
    font-size: 1rem;
    line-height: 1.555555rem;
    color: #666;
    text-align: center;
    width: 74.272727%;
    margin: 0 auto;
}

.contact_profile_item .info-info-tel {
    width: 95%;
    font-size: 1.888888rem;
    line-height: 2.777778rem;
}

.contact_profile_item .info-info-tel .lnk {
    display: inline-block;
    vertical-align: top;
    background: -webkit-linear-gradient(left, #650873, #1961b0);
    background: linear-gradient(90deg, #650873, #1961b0);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}

.contact_profile_form {
    padding-top: 0.777777rem;
}

.contact_profile_form .f_row {
    padding-bottom: 1.333333rem;
}

.contact_profile_form .f-cell {
    position: relative;
    width: 49.142857%;
    background: #fff;
    border-radius: .5rem;
    padding: 0.555555rem 0.777777rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: single;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.contact_profile_form .f_row_full .f-cell {
    width: 100%;
}

.contact_profile_form .ico {
    display: inline-block;
    vertical-align: top;
    width: 1.333333rem;
    height: 1.333333rem;
    margin-top: 0.1875rem;
    margin-right: 0.444444rem;
}

.contact_profile_form .ico-name {
    background: url("../images/contact_form_ico_user.png") no-repeat center;
    background-size: contain;
}

.contact_profile_form .ico-email {
    background: url("../images/contact_form_ico_email.png") no-repeat center;
    background-size: contain;
}

.contact_profile_form .ico-tel {
    background: url("../images/contact_form_ico_tel.png") no-repeat center;
    background-size: contain;
}

.contact_profile_form .ico-company {
    background: url("../images/contact_form_ico_city.png") no-repeat center;
    background-size: contain;
}

.contact_profile_form .ico-msg {
    background: url("../images/contact_form_ico_pencil.png") no-repeat center;
    background-size: contain;
}

.contact_profile_form .f-input-wrap {
    width: -webkit-calc(100% - 1.777777rem);
    width: calc(100% - 1.777777rem);
}

.contact_profile_form input, .contact_profile_form textarea {
    font-size: 1rem;
    line-height: 1.666666rem;
    height: 1.666666rem;
    width: 100%;
    padding: 0;
    border: none;
    background: none;
    -webkit-appearance: none;
    appearance: none;
}

.contact_profile_form textarea {
    height: 6.666664rem;
}

.contact_profile_form .f_btn_wrap {
    padding-top: 0.555555rem;
}

.contact_profile_form .ind_pro_dLink,.search-bg  .ind_pro_dLink{
    font-size: 1.4rem;
    line-height: 1.666666rem;
    padding: 0.55555rem 4rem;
    cursor: pointer;
}

/*case*/
.application_profile_con {
    width: 47.142857%;
}

.application_profile_con .tit {
    font-size: 1.666666rem;
    line-height: 2.666666rem;
    color: #333;
    font-weight: bold;
    margin-bottom: 0.333333rem;
}

.application_profile_con .con {
    font-size: 1rem;
    line-height: 1.666666rem;
    color: #999;
}

.application_swim {
    width: 49%;
    position: relative;
    margin-top: -12.222222rem;
}

.application_swim .img {
    display: block;
    width: 100%;
    border-radius: 1rem;
}

.application_profile {
    padding-bottom: 6.666666rem;
}

.case_card_wrap {
    padding-top: 3.333333rem;
    padding-bottom: 5.888888rem;
    background: #f5f5f5;
}

.case_card_title {
    margin-bottom: 2.222222rem;
}

.case_card_title .tit {
    text-align: center;
    font-size: 4.444444rem;
    line-height: 5.666666rem;
}

.case_card_title .tit i {
    font-style: normal;
    font-weight: bold;
    display: inline-block;
    vertical-align: top;
    background: -webkit-linear-gradient(left, #650873, #1961b0);
    background: linear-gradient(90deg, #650873, #1961b0);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}

.case_pics_wrap .card_item {
    width: 47.777777rem;
    margin: 0 auto;
}
.case_pics_wrap .swiper-slide-active .card_item {
    width: 53.777777rem;
}

.case_pics_wrap .card_item .img-wrap {
    padding-bottom: 57.471264%;
    border-radius: 1.666666rem;
}

.case_card_wrap .page_in_center {
    position: relative;
}

.YXTPage-video{
    padding-top:4.722222rem;
    padding-bottom: 4.333333rem;
}
.video-list{
    padding-bottom: 1.888888rem;
}
.video-item{
    position:relative;
    width:-webkit-calc((100% - 40px) /3);
    width:calc((100% - 40px) /3);
    margin-bottom:20px;
    border-radius:1rem;
    overflow: hidden;
    cursor:pointer;
}
.video-item:nth-child(3n+1),.video-item:nth-child(3n+2){
    margin-right:20px;
}
.video-item .img-wrap{
    padding-bottom: 69.333333%;
}
.video-item .img{
     -webkit-transition: all .3s linear;
     -moz-transition: all .3s linear;
     transition: all .3s linear;
}
.video-item:hover .img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}
.video-item::before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.5);
}
.video-item::after{
    content:'';
    position:absolute;
    left:50%;
    top:50%;
    width:4.555556rem;
    height:4.555556rem;
    margin-top:-2.277778rem;
    margin-left:-2.277778rem;
    background:url("../images/play_btn.png") no-repeat center;
    background-size:contain;
}

.index_video_wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 99999;
    background: rgba(0, 0, 0, .8);
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all .5s .2s ease;
    transition: all .5s .2s ease;
}

.index_video_active {
    opacity: 1;
    pointer-events: auto;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

.index_video_active .index_video_item {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .5s .1s ease;
    transition: all .5s .1s ease;
}

.index_video_active .index_video_close {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .5s .2s ease;
    transition: all .5s .2s ease;
}

.index_video_box {
    width: 65%;
}

.index_video_item {
    width: 100%;
    padding-bottom: 63.15789%;
    overflow: hidden;
    position: relative;
    pointer-events: none;
    opacity: 0;
    -webkit-transform: translateY(-2.08333vw);
    transform: translateY(-2.08333vw);
    -webkit-transition: all .5s .1s ease;
    transition: all .5s .1s ease;
}

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

.index_video_close {
    position: absolute;
    right: 1.5625vw;
    top: 1.5625vw;
    width: 3.125vw;
    height: 3.125vw;
    pointer-events: none;
    opacity: 0;
    -webkit-transform: translateY(-2.08333vw);
    transform: translateY(-2.08333vw);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    cursor: pointer;
}

.index_video_close:hover:after {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}

.index_video_close:hover:before {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}

.index_video_close:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.index_video_close:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    background: #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}


/*PC端的屏幕，认为屏宽超过1200px的为PC端*/
@media screen and (min-width: 1201px) {
    .page_center {
        padding: 0 5.888888rem;
    }

    .page_in_center {
        padding: 0 3.555555rem;
    }

    .header_wrap::after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 1px;
        background: rgba(255, 255, 255, 0.1);
    }


}


/*中屏幕*/
@media screen and (min-width: 1400px) and (max-width: 1900px) {

}


/*超过1920*/
@media screen and  (min-width: 1921px) {

}

.down-tit{display: flex;border-radius: 10px;text-align: center;background: linear-gradient(to right, #650873, #1961b0);font-size:24px;color:#fff;font-weight:bold;justify-content: space-between;padding:0 3%;}
.down-tit span{padding:26px 5px;}
.down-tit span,.down-list li a span{width:15%}
.down-tit span.down-name,.down-list li a span.down-name{width: calc(((100% - .7rem) / 3)* 2);text-align: left;display: flex;align-items: center;}
.down-list li a{display: flex;align-items: center;justify-content: space-between;text-align: center;padding:0 3%;font-size:20px;border-bottom: 1px solid #e7e7e7;}
.down-list li a span{padding:26px 5px;}
.down-list li i{font-style: normal;}
.down-list li a img{vertical-align: middle;}
.down-img2{margin-right:10px;}
.down-list li a:hover span.down-name{color:#650873}
.list_dt{ padding:26px 3% 26px 0;position:relative;cursor:pointer;border-bottom: 1px solid #e7e7e7;}
.list_dt:before { content:"";position:absolute;right:3%;top:50%;width:40px;height:40px;margin-top:-20px;background: url(../images/off.png) no-repeat center;background-size:100% 100%;}
.list_dt#open:before{ background: url(../images/on.png) no-repeat center;}
.faq-t { padding-right:42px;display: flex;}
.list_dd{ display:none;padding:20px 0;font-size:.16rem;line-height:.3rem;color:#777;border-bottom: 1px solid #e7e7e7;}
.faq-q { padding-left:20px;line-height:30px;font-size: 20px;color:#333}
.faq-q2 { font-size:16px;line-height:30px;color:#666;font-weight:normal;}
.faq-t b { line-height:30px;color:#8800a0;font-size: 28px;font-weight: normal;}
.list_dd .faq-t b{color:#666;margin-top: 5px;}
#open .faq-q{font-weight: bold;color:#8800a0;}
.cont-bg{background:#f5f5f5;border-radius: 20px;padding:60px 5%;text-align: center;height:100%;}
.cont-icon{background: linear-gradient(to right, #650873, #1961b0);width:130px;height:130px;border-radius:100%;margin:0 auto;display:flex;align-items: center;justify-content: space-between;}
.cont-tit{color:#666;font-size: 30px;padding:25px 0 25px;}
.cont-p{font-weight:bold;background: linear-gradient(to right, #650873, #1961b0);-webkit-background-clip: text;background-clip: text;color: transparent;font-size: 30px;}
.cont-list{margin:0 -20px;display:flex;flex-wrap: wrap;}
.cont-list li{padding:0 20px;width: 33.33%;}
.cont-p2{font-size:22px;color:#666;}
.cont-p3{font-size:16px;color:#666;line-height: 28px;}


.cont-input input,.cont-input textarea,.code-input input  {width: 100%;padding:16px 10px;background:none;border:none;color:#999;outline-style: none ;outline-width: 0px ;text-shadow: none ;-webkit-appearance: none ;-webkit-user-select: text ;outline-color: transparent ;font-size:16px;}
.cont-input textarea { height:160px;}
.code-input .submit2 { background: linear-gradient(to right, #650873, #1961b0);color:#fff;height:50px;width:200px;font-size:20px;outline-style: none ;outline-width: 0px ;border-style: none ;text-shadow: none ;-webkit-appearance: none ;-webkit-user-select: text ;outline-color: transparent ;display: inline-block;color:#fff;cursor:pointer;margin:0;border-radius: 30px;margin-top:30px;}
.cont-input2 textarea { margin-right:0;width:98%;}
.code-input .submit2:hover{background:#650873;}
.code-input input { width:200px;margin:0;}
.code-input img { height:48px;width:120px;vertical-align:middle;margin:0 15px;cursor:pointer;}
.cont-message { margin-bottom:60px;}
.cont-text3 { font-size:18px;color:#666;line-height:30px;margin-top:20px;}
.am-pagination-select>li>a, .am-pagination-select>li>a, .am-pagination-select>li>a, .am-pagination>li>a:focus, .am-pagination>li>a:hover, .am-pagination>li>span:focus, .am-pagination>li>span:hover { border:1px solid #eee;}
.code-input { padding-top:30px;}
.message{background: #f5f5f5;padding:80px 0;}
.cont-input{display: flex;align-items: center;background-color: #fff;border-radius:8px;padding:0 15px;}
.cont-mar2{margin:0 -15px;display:flex;flex-wrap: wrap;}
.cont-mess-pro{padding:0 15px 30px;    width: 50%;}
.cont-mess-pro2{padding:0;width: 100%;}
.cont-mess-pro2 .cont-input{align-items: normal;}
.cont-mess-pro2 .cont-input img{margin-top:8px;}

.join-p{margin-top:20px;font-size: 16px;color: #999;line-height: 30px;}
.join-tit{font-size:60px;font-weight: bold;line-height: 1;background: linear-gradient(to right, #650873, #1961b0);-webkit-background-clip: text;background-clip: text;color: transparent;margin-top:50px;}
.join-list{position:relative;display: flex;flex-wrap: wrap;}
.join-list li{width:50%;}
.join-tit-pro{background: linear-gradient(to bottom, #f2f2f2, #fff);-webkit-background-clip: text;background-clip: text;color: transparent;font-size:13vw;font-weight: bold;position:absolute;left:46%;top:0;line-height: 1;}
.join-img img{width:100%;display: block;position: relative;}
.join-text{position: relative;}
.join-list{margin:0 -15px;}
.join-list li{padding:0 15px;}

.down-tit2{border-radius: 10px;display: flex;text-align: center;position: relative;font-size:1.3rem;color:#999;justify-content: space-between;padding:0 60px 0 3%;background-color: #eaeaea;align-items: center;}
.down-tit2 span{padding:26px 5px;}
.down-tit2 span{width:26%}
.down-tit2 span.down-name{width: calc(((100% - .7rem) / 3)* 2);text-align: left;display: flex;align-items: center;font-weight: bold;color:#333;font-size:1.8rem;}
.list_dt2{ padding:10px 0;position:relative;cursor:pointer;}
.list_dd2{ display:none;padding:20px 0;font-size:16px;line-height:30px;color:#777;border-bottom: 1px solid #e7e7e7;}
.list_dd .faq-t b{color:#666;margin-top: 5px;}
#open .faq-q{font-weight: bold;color:#8800a0;}
.down-tit2::before{content: "";width:19px;height:12px;background:url(../images/join-arr1.png) no-repeat center;position:absolute;right:20px;top:50%;margin-top:-6px;}
#open .down-tit2{background: linear-gradient(to right, #650873, #1961b0);color:#fff;}
#open .down-tit2 span.down-name{color:#fff;}
#open .down-tit2::before{background:url(../images/join-arr2.png) no-repeat center;}
.list-dd-text{padding:5px 3%;}
.list-dd-tit{font-size: 24px;color:#333;font-weight: bold;position:relative;padding-left:20px;}
.list-dd-tit::before{content: "";position:absolute;left:0;top:7%;width:5px;height:86%;background: linear-gradient(to right, #650873, #1961b0);line-height: 1;border-radius: 5px;}
.list-dd-p{margin-top:15px;}

.search img { margin-left:2vw;vertical-align: middle;}
.search-popover-mask {z-index: 9998;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.4;filter:alpha(opacity=40);display:none}
.search-popover {z-index:9999;position:fixed;top:0;left:0;width:100%;height:100%;display:none;}
.search-po { width:100%;height:100%;background:rgba(0,0,0,.6);} 
.search-poptit { background:#fff;position:absolute;width:600px;height:auto;left:50%;top:50%;-webkit-transform: translate(-50%,-50%);z-index:99;}
.search-bg { padding:75px 80px;}
.search-text { border-bottom: 1px solid #e3e3e3;font-size:1.2rem;padding-bottom:1.5rem;width:100%;}
.search-close { position: absolute;right:0;top:0;width:4rem;height:4rem;background:url(../images/search_close.png) no-repeat center;background-size:2.4rem 2.4rem;}
.search-close:hover { transform: rotate(180deg);}
.f_btn_wrap-search{margin-top:2rem;}
@media (max-width: 767px) {
    .down-tit{font-size:18px;}  
    .down-list li a{font-size:16px;}
    .down-tit span,.down-list li a span{width:20%}
    .down-tit span,.down-list li a span,.down-tit2 span{padding:20px 5px;}
    .video-list{margin:0 -5px;}
    .video-list li{padding:0 5px 20px;width:50%;}
    .cont-mar2,.cont-list{margin: 0;}
    .cont-mess-pro {padding: 0 5px 20px;}
    .down-tit2{font-size: 16px;}
    .down-tit2 span.down-name,.list-dd-tit{font-size: 20px;}
    .join-list li{width:100%;}
    .join-tit{font-size: 48px;}
    .cont-list li{width: 100%;padding:0 0 20px;}
    .cont-icon{width: 100px;height: 100px;}
    .cont-tit{font-size: 24px;}
    .code-input{padding-top:0;}

}