﻿

/* 轮播溢出隐藏 */
.ys-ban-li:not(:first-child) {
    display: none;
}

/* 规范 star */

.std-tit1,
.yxedr-active h2 {
    font-size: 58px;
    line-height: 1.4;
}

.std-tit2,
.yxedr-active h3 {
    font-size: 48px;
    line-height: 1.4;
}

.std-tit3,
.yxedr-active h4 {
    font-size: 40px;
    line-height: 1.4;
}

.std-tit4,
.yxedr-active h5 {
    font-size: 32px;
    line-height: 1.45;
}

.std-tit5,
.yxedr-active h6 {
    font-size: 24px;
    line-height: 1.6;
}

.yxedr-active p {
    font-size: 18px;
    line-height: 1.75;
    color: #4B5262;
    margin-bottom: 12px;
}

.std-word,
.std-word p {
    font-size: 18px;
    line-height: 1.6;
}

.std-word1,
.std-word1 p {
    font-size: 16px;
    line-height: 1.6;
}

.std-padd {
    padding: 120px 0;
}

.std-padd1 {
    padding: 100px 0;
}

.std-mar {
    margin-bottom: 50px;
}




/* 规范 end */


.ys-hd-pc {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    transition: all 0.36s;
}

.head-logo {
    width: 90px;
    line-height: 80px;
}

.head-logo img:nth-child(2) {
    opacity: 0;
}

.mon-head {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.head-nav-item-title {
    font-size: 16px;
    line-height: 80px;
    color: #fff;
    transition: all 0.36s;
    display: block;
    white-space: nowrap;
}

.head-nav {
    display: flex;
    padding-left: 90px
}

.head-nav-item {
    padding: 0 30px;
    position: relative;
}

.mon-head-le {
    display: flex;
}

.mhrl-top-ri {
    width: 12px;
}

.mhrl-top-le {
    width: 28px;
}

.mhrl-top svg {
    width: 100%;
    transition: all 0.36s;
}

.mhrl-top {
    height: 80px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.mhrl-top-le path {
    transition: all 0.36s;
}

.mon-head-ri-lang {
    position: relative;
}


.mhrl-btm {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    background: #fff;
    padding: 10px;
    display: none;
}

.mhrl-btm-li a {
    color: #333;
    line-height: 1.5;
    text-align: center;
    display: block;
    padding: 5px 0;
    transition: all 0.36s;
}

.mon-head-ri-retri {
    width: 360px;
    margin-right: 32px;
    position: relative;
    height: 80px;
    display: flex;
    align-items: center;
}

.mon-head-ri {
    display: flex;
    align-items: center;
}

.mhrr-top {
    width: 100%;
    height: 44px;
    border-radius: 60px;
    background: #fff;
    overflow: hidden;
    position: relative;
    transition: all 0.36s;
}

.mhrr-top input {
    width: 100%;
    position: relative;
    height: 100%;
    font-size: 14px;
    color: #999999;
    padding-left: 20px;
    padding-right: 50px;
}

.mhrr-top input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #999999;
}

.mhrr-top input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999999;
}

.mhrr-top input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999999;
}

.mhrr-top input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #999999;
}

.mhrr-svg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 12px;
    width: 26px;
    cursor: pointer;
}

.mhrr-top.act {
    background: var(--color) !important;
}

.mhrr-top.act .mhrr-svg path {
    stroke: #fff !important;
}

.mhrr-top.act input {
    color: #fff !important;
}

.mhrr-top.act input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #fff !important;
}

.mhrr-top.act input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #fff !important;
}

.mhrr-top.act input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #fff !important;
}

.mhrr-top.act input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #fff !important;
}

.mhrr-svg path {
    transition: all 0.36s;
}

.mhrr-btm {
    top: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 560px;
    background: #fff;
    padding: 16px 37px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    display: none;
}

.mhrr-btm-link {
    border: 1px solid rgba(51, 51, 51, 0.3);
    border-radius: 30px;
    padding: 4px 20px;
    display: block;
    font-size: 14px;
    line-height: 1.4;
    color: #333333;
    transition: all 0.36s;
}

.mhrr-btm-ul {
    display: flex;
    flex-wrap: wrap;
}

.mhrr-btm-li {
    padding: 0 6px;
    margin: 6px 0;
}

.mhrl-top.act .mhrl-top-ri svg {
    transform: rotate(180deg);
}

.ys-ban-txtbox-tit .std-tit1 {
    color: #fff;
    font-weight: bold;
    line-height: 1.4;
}

.ys-ban-txtbox-info p {
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.4;
}

.ys-ban-txtbox-tit {
    margin-bottom: 20px;
}

.ys-ban-txtbox-info {
    margin-bottom: 53px;
}

.mod-more-link {
    display: flex;
    align-items: center;
    border: 1px solid #FFF;
    background: rgba(255, 255, 255, 0.10);
    padding: 10.5px 23px;
    transition: all .36s .15s;
}

.mod-more {
    display: inline-block;
    position: relative;
    overflow: hidden;
}

.mod-more-link p {
    color: #fff;
    line-height: 1.4;
    transition: all 0.36s;
    padding-right: 10px;
}

.mod-more-link svg {
    width: 14px;
    position: relative;
    z-index: 5;
}

.mod-more-link path {
    transition: all 0.36s;
}

.std-bt-bg {
    transform: translate3d(-100%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(45deg, 0deg);
    transform-style: preserve-3d;
    background: var(--color);
    z-index: 2;
    width: 130%;
    position: absolute;
    height: 120%;
    top: -5%;
    bottom: 0%;
    left: -20%;
    right: 0%;
    pointer-events: none;
    transition: transform .3s linear;
}

.mod-more-link p {
    position: relative;
    z-index: 5;
}

.yx-progr-ul {
    position: absolute;
    bottom: 30%;
    z-index: 10;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
}

.yx-progr-li {
    width: 80px;
    position: relative;
    margin-right: 20px;
    background: rgba(255, 255, 255, 0.4);
    height: 2px;
    cursor: pointer;
}

.yx-progr-sp {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #fff;
}

.yx-progr-li-progr {
    width: 100%;
    position: relative;
    cursor: pointer;
}

.home-data {
    width: 100%;
    position: relative;
    z-index: 10;
    margin-top: -90px;
}

.home-data-wrap {
    width: 100%;
    background: #fff;
    padding: 33px 20px;
}

.hdwu-icon {
    width: 70px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.hdwu-info .std-tit5 {
    color: #999;
    line-height: 1.4;
    text-align: center;
    transition: all 0.36s;
}

.home-data-wrap-ul {
    display: flex;
    flex-wrap: wrap;
}

.hdwu-li {
    width: 20%;
}

.hdwu-icon img:nth-child(2) {
    opacity: 0;
}

.hdwu-icon img {
    transform: scale(1) !important;
}

.home-product {
    width: 100%;
}

.home-product-top .std-tit2 {
    color: #333;
    font-weight: bold;
    line-height: 1.4;
}

.home-product-top p {
    color: #666;
    line-height: 1.4;
    margin-top: 20px;
}

.home-product-btm {
    width: 100%;
    position: relative;
}

.hpbs-li {
    width: 33.333333%;
    padding: 0 20px;
}

.hpbs-li-link-img2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.hpbs-li-link-top {
    width: 100%;
    padding: 40px 60px;
    z-index: 10;
    text-align: center;
    position: relative;
    z-index: 10;
    transition: all 0.36s;
}

.hpbs-li-link-pctiu {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}

.hpbs-li-link-pctiu img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hllt-tit .std-tit5 {
    color: #333;
    line-height: 1.4;
    font-weight: bold;
    height: 1.4em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.hpbs-li-link {
    width: 100%;
    display: block;
    position: relative;
}

.hllt-info p {
    color: #666;
    line-height: 1.4;
    max-height:4.5em;
    overflow: hidden;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.hllt-tit {
    margin-bottom: 20px;
}

.hllt-img {
    width: 145px;
    margin: 0 auto;
}

.hllt-img img {
    transform: scale(1) !important;
}

.hllt-info {
    margin-bottom: 33px;
}

.home-product-btm-more {
    width: 72px;
    height: 72px;
    background: #fff;
    -webkit-clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
    clip-path: polygon(20% 0%, 80% 0%, 100% 20%, 100% 80%, 80% 100%, 20% 100%, 0% 80%, 0% 20%);
    position: fixed;
    top: 40px;
    left: 40px;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    /* transition: all 0.36s; */
    pointer-events: none;
}

.home-product-btm-more.on {
    opacity: 1;
}

.hpbm-img {
    width: 16px;
    margin: 0 auto;
    margin-bottom: 2px;
}

.hpbm-img img {
    width: 100%;
}


.hpbm-info p {
    font-size: 12px;
    line-height: 1.4;
    color: var(--color);
}

.home-product-btm-swip {
    margin: 0 -20px;
}

.hpbc-wrap {
    width: 48px;
    cursor: pointer;
}


.hpbc-le {
    transform: rotate(180deg);
}

.home-product-btm-control {
    display: flex;
}

.home-product-btm .hpbc-wrap {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.home-product-btm .hpbc-le {
    transform: translateY(-50%) rotate(180deg);
    left: -105px;
}

.home-product-btm .hpbc-ri {
    right: -105px;
}

.hpbc-wrap img:nth-child(2) {
    opacity: 0;
}

.home-applica {
    width: 100%;
    position: relative;
}

.home-applica-btm {
    width: 100%;
    position: relative;
}

.home-applica-btm-ul {
    margin: 0 -1px;
    display: flex;
    flex-wrap: wrap;
}

.habu-li {
    width: 13%;
    padding: 0 1px;
    height: 770px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.6s;
}

.habu-li.act {
    width: 61%;
}

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

.habu-wrap-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.habu-wrap-img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(0, 0, 0, 0.3);
}

.habu-wrap {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.habu-wrap-show-tit .std-tit4 {
    color: #fff;
    line-height: 1.7;
    font-weight: bold;
}

.habu-wrap-show {
    text-align: center;
    position: relative;
    z-index: 10;
    width: 55%;
    opacity: 0;
}


.habu-wrap-show-info p {
    color: rgba(255, 255, 255, 0.8);
}

.habu-wrap-show-tit {
    margin-bottom: 20px;
}


.habu-wrap-show-info {
    margin-bottom: 50px;
}

.habu-wrap-hide-icon {
    width: 80px;
    margin: 0 auto;
    margin-bottom: 4px;
}

.habu-wrap-hide-icon img {
    width: 100%;
}

.habu-wrap-hide .habu-wrap-show-tit {
    margin-bottom: 0;
}

.habu-wrap-hide {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    padding: 0 15px;
    z-index: 5;
}

.habu-li.act .habu-wrap-hide {
    opacity: 0;
}

.habu-li.act .habu-wrap-show {
    opacity: 1;
    transition: all 0.36s;
    transition-delay: 0.56s;
}

.home-journa {
    width: 100%;
    position: relative;
}

.home-journa-btm {
    width: 100%;
    position: relative;
}

.hjbu-li {
    width: 33.333333%;
    padding: 0 16px;
    margin-bottom: 30px;
}

.home-journa-btm-ul {
    margin: 0 -16px;
    display: flex;
    flex-wrap: wrap;
}

.hjbu-link {
    width: 100%;
    position: relative;
    display: block;
    background: #F5F5F7;
}

.hjbu-link-top {
    width: 100%;
    position: relative;
}

.hjbu-link-top-label p {
    font-size: 14px;
    line-height: 1.75;
    color: #fff;
    background: var(--color);
    padding: 1.5px 12px;
    display: inline-block;
}

.hjbu-link-top-label {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px 30px;
    width: 100%;
}

.hjbu-link-btm {
    width: 100%;
    padding: 24px 30px 47px;
}

.hjbu-link-btm-time p {
    color: #999999;
    line-height: 1.4;
}

.std-tit20 {
    font-size: 20px;
    line-height: 1.4;
}

.hjbu-link-btm-tit .std-tit20 {
    color: #333;
    transition: all 0.36s;
    height: 2.8em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.hjbu-link-btm-time {
    margin-bottom: 4px;
}

.hjbu-link-btm-info p {
    line-height: 1.75;
    color: #666;
    height: 5.25em;
    overflow: hidden;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.hjbu-link-btm-tit {
    margin-bottom: 20px;
}

.hjbu-li.on .hjbu-link-top-label p {
    background: var(--color1);
}

.home-system {
    width: 100%;
    position: relative;
}

.home-system-wrap {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.home-system-ri {
    width: 56%;
}

.home-system-ri img {
    width: 100%;
}

.home-system-le {
    width: 44%;
    padding-right: 110px;
}

.home-system-le-tit .std-tit2 {
    color: #fff;
    line-height: 1.45;
    font-weight: bold;
}

.home-system-le-num p {
    font-size: 66px;
    line-height: 1.4;
    color: var(--color1);
    font-family: 'xianji';
}

.home-system-le-info p {
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.45;
}

.home-system-le-tit {
    margin-bottom: 20px;
}

.home-system-le-info {
    margin-bottom: 50px;
}

.ys-footer {
    width: 100%;
    position: relative;
    background: #F5F5F7;
}

.mod-fot-top {
    width: 100%;
    position: relative;
    width: 100%;
    border-bottom: 1px solid rgba(51, 51, 51, 0.15);
    padding-top: 60px;
    padding-bottom: 60px;
    z-index: 10;
}

.mod-fot-top-wrap {
    width: 542px;
    margin: 0 auto;
    max-width: 100%;
    text-align: center;
}

.mftw-tit .std-tit4 {
    color: #333;
    line-height: 1.45;
}

.mftw-tit {
    margin-bottom: 30px;
}

.mftw-input {
    background: #fff;
}

.mod-fot-top-wrap .mhrr-svg path {
    stroke: #333333 !important;
}

.mod-fot-top-wrap .mftw-input {
    width: 100%;
}

.mftw-input input {
    font-size: 16px;
    color: #999999;
    padding-left: 38px;
    padding-right: 65px;
}

.mftw-input input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #999999;
}

.mftw-input input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999999;
}

.mftw-input input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999999;
}

.mftw-input input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #999999;
}

.mftw-input .mhrr-svg {
    right: 30px;
}

.mod-fot-top-wrap .mhrr-btm-ul {
    justify-content: center;
    margin-top: 30px;
}

.mod-fot-btm {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.mod-fot-btm-ri,
.mod-fot-btm-le {
    padding-top: 40px;
    padding-bottom: 58px;
}

.mod-fot-btm-ri {
    width: 370px;
    padding-left: 40px;
    border-left: 1px solid rgba(51, 51, 51, 0.15);
}

.mod-fot-btm-le {
    width: calc(100% - 370px);
    padding-right: 20px;
    display: flex;
}

.mfbl-li-top a {
    font-size: 20px;
    line-height: 1.4;
    font-weight: bold;
    transition: all 0.36s;
    color: #333;
}

.mfbl-li-btm {
    width: 100%;
}

.mfbl-li-btm-li a {
    font-size: 14px;
    line-height: 1.4;
    color: rgba(51, 51, 51, 0.7);
    transition: all 0.36s;
}

.mfbl-li-top {
    margin-bottom: 20px;
}

.mfbl-li-btm-li {
    margin-bottom: 16px;
}

.mfbl-li {
    width: 20%;
    padding-right: 20px;
}

.mfbr-tit .std-tit20 {
    color: #333;
    line-height: 1.4;
    font-weight: bold;
}

.mfbr-tit {
    margin-bottom: 20px;
}

.mfbr-ul-li-btm {
    width: 110px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 35px;
    left: 50%;
    transform: translateX(-50%);
    display: none;
}

.mfbr-ul-li-btm img {
    width: 100%;
}

.mfbr-ul-li-top {
    width: 20px;
    cursor: pointer;
}

.mfbr-ul-li-top img {
    width: 100%;
}

.mfbr-ul-li {
    position: relative;
    margin-right: 28px;
}

.mfbr-ul {
    display: flex;
    margin-bottom: 30px;
}

.mfbr-info-li p,
.mfbr-info-li a {
    color: rgba(51, 51, 51, 0.7);
    line-height: 1.5;
}

.mfbr-info-li {
    width: 100%;
    margin-bottom: 10px;
}

.mfbr-code {
    width: 100px;
}

.mfbr-code img {
    width: 100%;
}

.mfbr-info {
    margin-bottom: 30px;
}

.mod-fot-copyr {
    width: 100%;
    position: relative;
    border-top: 1px solid rgba(51, 51, 51, 0.15);
    padding: 20px 0;
}

.mod-fot-copyr p {
    font-size: 14px;
    line-height: 1.5;
}

.mod-fot-copyr p,
.mod-fot-copyr p a {
    color: rgba(51, 51, 51, 0.6);
}

.ys-footer-desz1 {
    position: absolute;
    top: 0;
    right: 0;
    width: 542px;
}

.ys-footer-desz2 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 540px;
}

.ys-footer .ys-cont1400 {
    position: relative;
    z-index: 10;
}


.ys-ban-txtbox-tit .std-tit2 {
    color: #fff;
    font-weight: bold;
    line-height: 1.4;
}


.inner-page .ys-hd-pc {
    background: #fff;
}

.inner-page .head-logo img:nth-child(1) {
    opacity: 0;
}

.inner-page .head-logo img:nth-child(2) {
    opacity: 1;
}

.inner-page .head-nav-item-title {
    color: #333;
}

.inner-page .mon-head-ri .mhrr-top {
    background: #F5F5F7;
}

.inner-page .mon-head-ri .mhrr-top input {
    color: #666;
}

.inner-page .mon-head-ri .mhrr-top input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #666;
}

.inner-page .mon-head-ri .mhrr-top input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #666;
}

.inner-page .mon-head-ri .mhrr-top input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #666;
}

.inner-page .mon-head-ri .mhrr-top input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #666;
}

.inner-page .mhrl-top-ri path,
.inner-page .mhrl-top-le path {
    fill: #333;
}

.inner-page .ys-main {
    margin-top: 80px;
}

.ys-hd-pc.isfixed {
    background: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}

.mhrl-top-ri svg path {
    transition: all 0.36s;
}

.ys-hd-pc.isfixed .head-logo img:nth-child(1) {
    opacity: 0;
}

.ys-hd-pc.isfixed .head-logo img:nth-child(2) {
    opacity: 1;
}

.ys-hd-pc.isfixed .head-nav-item-title {
    color: #333;
}

.ys-hd-pc.isfixed .mon-head-ri .mhrr-top {
    background: #F5F5F7;
}

.ys-hd-pc.isfixed .mon-head-ri .mhrr-top input {
    color: #666;
}

.ys-hd-pc.isfixed .mon-head-ri .mhrr-top input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #666;
}

.ys-hd-pc.isfixed .mon-head-ri .mhrr-top input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #666;
}

.ys-hd-pc.isfixed .mon-head-ri .mhrr-top input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #666;
}

.ys-hd-pc.isfixed .mon-head-ri .mhrr-top input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #666;
}

.ys-hd-pc.isfixed .mhrl-top-ri path,
.ys-hd-pc.isfixed .mhrl-top-le path {
    fill: #333;
}

.ys-banner1 .ys-ban-imgbox::before {
    background: linear-gradient(270deg, rgba(0, 70, 155, 0.00) 51.04%, var(--color) 74.45%, var(--color) 97.86%), linear-gradient(270deg, rgba(48, 63, 70, 0.00) 39.24%, #303F46 61.72%, #161F34 89.19%);
}

.mod-bread {
    position: absolute;
    top: 7px;
    left: 0;
    width: 100%;
    z-index: 10;
}

.mod-bread-ul {
    display: flex;
}

.mod-bread-ul-li a {
    font-size: 16px;
    line-height: 1.75;
    color: #fff;
}

.mod-bread-ul-li {
    padding-right: 38px;
    position: relative;
}

.mod-bread-ul-li::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 12px;
    width: 8px;
    height: 12px;
    background-image: url(../fonts/arrde.svg);
    background-size: 100% 100%;
}

.mod-bread-ul-li:last-child {
    padding-right: 0;
}

.mod-bread-ul-li:last-child::after {
    display: none;
}

.ys-banner1 .ys-ban-txtbox-info p {
    color: #fff;
    opacity: 1;
}

.ys-banner1 .ys-ban-txtbox-tit {
    margin-bottom: 0px !important;
}

.ys-banner1 .ys-ban-txtbox-info {
    margin-bottom: 0 !important;
    margin-top: 10px;
}

.contact-plate {
    width: 100%;
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
}

.contact-plate-wrap {
    width: 42%;
}

.contact-plate-wrap-li {
    width: 100%;
    position: relative;
    background: #F5F5F7;
    padding: 20px 30px 26px;
    transition: all 0.36s;
    margin-bottom: 20px;
    cursor: pointer;
}

.contact-plate-wrap-li:last-child {
    margin-bottom: 0;
}

.cpwl-tit .std-tit5 {
    font-weight: bold;
    color: #333;
    line-height: 1.4;
    transition: all 0.36s;
}

.cpwl-info p {
    line-height: 1.4;
    transition: all 0.36s;
}

.cpwl-tit {
    margin-bottom: 30px;
}

.cpwl-info-le p {
    color: #666;
}

.cpwl-info-ri p {
    color: #333;
}

.cpwl-info {
    display: flex;
    margin-bottom: 10px;
}

.cpwl-info:last-child {
    margin-bottom: 0;
}

.cpwl-info-le {
    flex: none;
}

.contact-plate-wrap-li.act {
    background: var(--color);
}

.contact-plate-wrap-li.act p {
    color: #fff !important;
}

.mod-stick {
    overflow: visible !important;
}

.contact-plate-relat {
    width: 100%;
    position: relative;
}

.contact-map-img {
    width: 100%;
    position: relative;
}

.contact-map-img img {
    width: 100%;
}

.contact-map {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.contact-map-wrap {
    position: sticky;
    width: 100%;
    top: 240px;
    left: 0;
}

.cmwa-dots-top p {
    color: #666;
    line-height: 1.4;
}

.cmwa-dots {
    position: absolute;
    z-index: 10;
    display: flex;
    align-items: center;
    transform: translate(-50%, -50%);
}

.cmwa-dots-btm {
    width: 14px;
    height: 14px;
    background: var(--color);
    border-radius: 50%;
    margin-bottom: 2px;
    transition: all 0.36s;
    position: relative;
}

.cmwa-dots-top {
    padding-right: 9px;
}

.cmwa-dots.left {
    flex-direction: row-reverse;
}

.cmwa-dots.left .cmwa-dots-top {
    padding-right: 0;
    padding-left: 9px;
}

.cmwa-dots.top {
    text-align: center;
    flex-direction: column-reverse;
    justify-content: center;
}

.cmwa-dots.top .cmwa-dots-top {
    padding-right: 0;
    padding-top: 4px;
}

.cmwa-dots.bottom {
    text-align: center;
    flex-direction: column;
    justify-content: center;
}

.cmwa-dots.bottom .cmwa-dots-top {
    padding-right: 0;
    padding-bottom: 4px;
}

.cmwa-dots-btm-img {
    width: 353px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 180px;
    opacity: 0;
    transition: all 0.36s;
    pointer-events: none;
}

.cmwa-dots-btm::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 220px;
    height: 1px;
    border-top: 1px dashed var(--color1);
    right: 10px;
    opacity: 0;
    transition: all 0.36s;
    pointer-events: none;
}

.cmwa-dots.act .cmwa-dots-btm {
    background: var(--color1);
}

.cmwa-dots.on .cmwa-dots-btm {
    width: 24px;
    height: 24px;
}


.cmwa-dots.act .cmwa-dots-btm::after {
    opacity: 1;
}

.cmwa-dots.act .cmwa-dots-btm-img {
    opacity: 1;
}

.cmwa-dots.act {
    z-index: 12;
}

.tiny-advant-tit .std-tit3 {
    text-align: center;
    font-weight: bold;
}

.tiny-advant-ul-li {
    width: 25%;
    padding: 0 20px;
}

.tiny-advant-ul {
    margin: 0 -20px;
    display: flex;
    flex-wrap: wrap;
}

.taul-wrap {
    width: 100%;
    position: relative;
    text-align: center;
}

.taul-icon {
    width: 100px;
    margin: 0 auto;
    margin-bottom: 12px;
}


.taul-tit .std-tit20 {
    color: #333;
    font-weight: bold;
    line-height: 1.4;
}

.taul-info p {
    color: #666;
    line-height: 1.75;
}

.taul-tit {
    margin-bottom: 10px;
}

.tiny-series {
    width: 100%;
    background: #F5F5F7;
}

.tiny-series-wrap {
    width: 980px;
    margin: 0 auto;
    max-width: 100%;
}

.tiny-series-video {
    width: 100%;
    position: relative;
}

.tiny-series-video-img {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.tiny-series-video-img img {
    width: 100%;
}

.tiny-series-video-play {
    width: 44px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    cursor: pointer;
}

.tiny-series-info p {
    color: #333;
    line-height: 1.75;
}

.tiny-series-info {
    margin-top: 20px;
}

.tiny-product {
    width: 100%;
    position: relative;
    background: #0D1B35;
}

.tiny-product-top .std-tit3 {
    font-weight: bold;
    color: #fff;
    line-height: 1.75;
}

.tiny-product-top {
    text-align: center;
}

.tiny-product-top p {
    color: #fff;
    line-height: 1.75;
    margin-top: 4px;
}

.tiny-product-btm {
    width: 100%;
    position: relative;
}

.tiny-product-btm svg {
    width: 100%;
}

.tpbs-link {
    cursor: pointer;
}

.mod-side {
    width: 280px;
    height: calc(100vh - 80px);
    position: fixed;
    top: 80px;
    right: 0;
    background: #fff;
    z-index: 90;
    border-right: 1px solid #F5F5F7;
}

.mod-side-top {
    width: 100%;
    position: relative;
    padding: 18px 20px 30px;
    background: var(--color);
}

.mstr-img {
    width: 16px;
    cursor: pointer;
}

.mstr-img img {
    width: 100%;
}

.mod-side-top-return {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 20px;
}

.mod-side-top-link {
    display: flex;
    align-items: center;
    padding: 8px 24px;
    background: #fff;
}

.mod-side-top-link p {
    color: var(--color);
    font-weight: bold;
    padding-left: 10px;
    width: 100%;
    padding-right: 10px;
    line-height: 1.4;
    height: 1.4em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.mstl-icon {
    width: 24px;
    flex: none;
}

.mstl-arr {
    width: 8px;
}

.mod-side-btm {
    width: 100%;
    padding: 30px 20px;
}

.mod-side-btm-ul {
    width: 100%;
}

.msbu-li {
    width: 100%;
    border-bottom: 1px solid #F5F5F7;
    margin-bottom: 10px;
}

.msbu-link {
    display: flex;
    align-items: flex-start;
    padding: 9px 5px;
    padding-right: 0 !important;
}

.msbu-link img {
    width: 24px;
}

.msbu-link p {
    color: #333;
    transition: all 0.36s;
    line-height: 1.4;
    margin-top: 2px;
    padding-left: 10px;
}

.mod-side-btm-ul {
    max-height: 73vh;
}

.mod-side-btm-ul .mCSB_outside+.mCSB_scrollTools {
    right: -18px;
}

.mod-side-btm-ul .mCSB_dragger_bar {
    background: var(--color) !important;
}

.mod-side {
    right: -296px;
    transition: right 0.56s;
}

.mod-side-launch {
    right: calc(100%);
    width: 39px;
    position: absolute;
    top: 184px;
    cursor: pointer;
    transition: all 0.36s;
}

.mod-side-launch-icon img:nth-child(2) {
    opacity: 0;
}

.mod-open .mod-side {
    right: 0;
}

.mod-open .ys-page-wrap {
    padding-right: 280px;
}

.mod-open .mod-side-launch {
    opacity: 0;
    pointer-events: none;
}

.ys-page-wrap {
    transition: padding-right 0.56s; 
	/* transition-delay: .1s; */
}

.mod-side.on .mod-side-launch-icon img:nth-child(1) {
    opacity: 0;
}

.mod-side.on .mod-side-launch-icon img:nth-child(2) {
    opacity: 1;
}

.mod-side-launch-icon {
    width: 100%;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}

.compa-grow {
    width: 100%;
    position: relative;
    padding-bottom: 0 !important;
    overflow: hidden;
}

.compa-grow-wrap {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.compa-grow-le {
    width: 41%;
    overflow: hidden;
    position: relative;
}

.compa-grow-le img {
    width: 100%;
}

.compa-grow-ri {
    width: 59%;
    padding-left: 63px;
}

.compa-grow-ri-tit .std-tit3 {
    color: #333;
    font-weight: bold;
    line-height: 1.45;
}

.compa-grow-ri-tit {
    margin-bottom: 32px;
}

.compa-grow-ri-info p {
    color: 666;
    line-height: 1.75;
}

.cgru-li {
    width: 30%;
    padding: 0 10px;
}

.cgru-li:nth-child(1) {
    width: 24%;
}

.cgru-li:nth-child(2) {
    width: 33%;
}

.cgru-li:nth-child(3) {
    width: 43%;
}

.compa-grow-ri-ul {
    margin: 0 -10px;
    display: flex;
    flex-wrap: wrap;
}

.cgru-li-top .std-tit5 {
    font-family: 'xianji';
    color: var(--color1);
    line-height: 1.4;
}

.cgru-li-top span {
    font-size: 66px;
    line-height: 1.2;
}

.cgru-li-btm p {
    color: #666;
    line-height: 1.75;
}

.compa-grow-ri-info {
    padding-bottom: 40px;
}

.compa-cultur {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.compa-cultur-top .std-tit3 {
    color: #333333;
}

.compa-cultur-top p {
    color: #666666;
}

.compa-cultur-btm {
    width: 100%;
    position: relative;
}

.compa-cultur-btm::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
}

.compa-cultur-btm-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -18px;
}

.ccbw-li {
    width: 25%;
    padding: 0 18px;
}


.ccbw-wrap {
    width: 100%;
    padding: 30px;
    height: 340px;
    position: relative;
    display: flex;
    align-items: center;
    transition: all 0.36s;
}

.ccbw-wrap-logo {
    width: calc(100% - 30px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.36s;
    opacity: 0;
}

.compa-cultur-btm .ys-cont1200 {
    position: relative;
    z-index: 10;
}

.ccbw-wrap-cont {
    width: 100%;
}

.ccbw-wrap-icon {
    width: 100px;
    margin: 0 auto;
    margin-bottom: 28px;
    display: none;
}

.ccbw-wrap-tit .std-tit4 {
    color: #fff;
    line-height: 1.45;
    font-weight: bold;
    text-align: center;
}

.compa-cultur-btm-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.compa-cultur-btm-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.compa-policy {
    width: 100%;
    position: relative;
}

.home-distrib {
    width: 100%;
    position: relative;
    z-index: 2;
    height: 300vh;
}

.home-distrib-wrap {
    width: 100%;
    position: sticky;
    top: 0;
    left: 0;
    overflow: hidden;
}

.home-distrib-top {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 15;
    transition: all .3s ease-out;
    pointer-events: none;
}

.overvi-devel-scle {
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: transparent;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    z-index: 2;
    width: 37vw;
    height: 37vw;
    border: 100vw solid #fff;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.overvi-devel-scle-qrap {
    position: absolute;
    width: 30vw;
    height: 30vw;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background-color: #fff;
    text-align: center;
    padding: 66px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-distrib-btm {
    width: 100%;
    height: 100vh;
    background: #fff;
    position: relative;
    overflow: hidden;
}

.home-distrib-btm-img {
    width: 100%;
    height: 100%;
    position: relative;
}

.home-distrib-btm-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-distrib-btm-img::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 5, 16, 0.5);
}

.home-distrib-btm .ys-cont1200 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) translateY(40px);
    z-index: 10;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    opacity: 0;
    transition: all 0.6s;
}

.overvi-devel-wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.odsq-tit .std-tit3 {
    color: var(--color);
    font-weight: bold;
}

.odsq-tit {
    text-align: center;
}

.odsq-info .std-tit20 {
    color: #333333;
    line-height: 1.65;
}

.odsq-icon {
    width: 42px;
    margin: 0 auto;
}

.odsq-icon img {
    width: 100%;
}

.odsq-tit {
    margin-bottom: 26px;
}

.odsq-info {
    margin-bottom: 40px;
}

.home-distrib.on .home-distrib-btm .ys-cont1200 {
    opacity: 1;
}

.odwl-tit .std-tit3 {
    font-weight: bold;
    line-height: 1.45;
    color: #fff;
}

.odwl-info p {
    color: #fff;
    line-height: 1.6;
}

.odwl-tit {
    margin-bottom: 32px;
}

.overvi-devel-wrap-le {
    width: calc(100% - 500px);
    padding-right: 228px;
}

.overvi-devel-wrap-ri {
    width: 500px;
}

.odwr-wrap {
    width: 100%;
    position: relative;
}

.odwr-img {
    width: 100%;
    border-radius: 50%;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(12.399999618530273px);
}

.odwr-img img {
    width: 100%;
}

.odwr-absol {
    width: 60%;
    height: 60%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: var(--color);
    padding: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.odwr-absol-flex-img {
    width: 115px;
    margin: 0 auto;
    max-width: 100%;
    -webkit-box-reflect: below -3px -webkit-linear-gradient(top, rgba(255, 255, 255, 0.00) 70%, #FFF 200%);
}

.odwr-absol-flex-tit p {
    color: #fff;
    line-height: 1.4;
    text-align: center;
}

.odwr-absol-flex-tit {
    margin-top: 22px;
}


.odwr-absol-ul {
    width: 100%;
    position: relative;
}

.odwr-absol-flex {
    width: 100%;
    display: none;
}

.odwr-absol-flex:first-child {
    display: block;
}

.odwr-li-crit {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    position: relative;
    display: block;
    z-index: 1;
    transition: all 0.36s;
}

.odwr-li-crit::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 150%;
    height: 150%;
    border-radius: 50%;
    background: #F5A200;
    z-index: -1;
    transform: translate(-50%, -50%) scale(0.1);
    opacity: 0;
}

.odwr-li.act .odwr-li-crit {
    background: #F5A200;
}

.odwr-li.act .odwr-li-crit::after {
    animation: myfirst 1.5s linear infinite;
}




@keyframes myfirst {
    0% {
        transform: translate(-50%, -50%) scale(0.1);
        opacity: .7;
    }

    50% {
        transform: translate(-50%, -50%) scale(0.7);
        opacity: 0.5;
    }

    100% {
        transform: translate(-50%, -50%) scale(1.4);
        opacity: 0;
    }
}

.odwr-li {
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}

.odwr-li p {
    font-size: 16px;
    color: #fff;
    line-height: 1.4;
    padding-left: 14px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
    white-space: nowrap;
}

.odwr-li2 {
    top: 7.3%;
    left: 76.6%;
}

.odwr-li3 {
    top: 95%;
    left: 64%;
}

.odwr-li.odwr-li1 {
    top: 47.5%;
    left: -1.9%;
}

.odwr-li.odwr-li1 p {
    top: 35px;
    transform: translateX(-50%);
    left: 50%;
    padding-left: 0;
}

#sliderLine {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: none;
    transform: rotate(-180deg);
}

#sliderLine .change {
    width: 100%;
    height: 100%;
    stroke: #fff !important;
    stroke-width: 3px !important;
}

#sliderLine.change01 circle.change {
    stroke-dashoffset: 2000;
    stroke-opacity: 0;
    -webkit-transition-duration: 2s;
    -o-transition-duration: 2s;
    transition-duration: 2s;
}

#sliderLine circle.change {
    stroke-dasharray: 2000;
    stroke-dashoffset: 2000;
    -webkit-transition-duration: 2s;
    -o-transition-duration: 2s;
    transition-duration: 2s;
}

#sliderLine.change02 circle.change {
    stroke-dashoffset: 1320;
}

#sliderLine.change03 circle.change {
    stroke-dashoffset: 640;
}

#sliderLine.change04 circle.change {
    stroke-dashoffset: 0;
    -webkit-transition-duration: 2s;
    -o-transition-duration: 2s;
    transition-duration: 2s;
}

.odwr-wrap.opcit #sliderLine.change04 circle.change {
    stroke-opacity: 0;
}

.home-honor {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.home-honor-btm {
    width: 100%;
    position: relative;
    background: #F5F5F7;
    padding: 20px 43px;
}

.hhbu-li {
    width: 20%;
    padding: 19px;
}

.home-honor-btm-ul {
    margin: 0 -19px;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
}

.home-honor-more-wrap p {
    color: var(--color);
    line-height: 1.4;
    padding-right: 6px;
}

.home-honor-more-wrap img {
    width: 16px;
}

.home-honor-more-wrap {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.home-honor-more {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.home-histor {
    width: 100%;
    background: #0D1B35;
    overflow: hidden;
}

.home-histor .tiny-advant-tit .std-tit3 {
    color: #fff;
}

.home-histor-btm {
    width: 100%;
    position: relative;
}

.home-histor-btm-swiper {
    width: 100%;
    position: relative;
    margin-bottom: 124px;
}

.hhbs-ul {
    width: 100%;
}

.hhbs-li {
    width: 82% !important;
    margin-right: 200px;
}

.hhbs-li-wrap {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.hhbs-li-wrap-ri {
    width: 56%;
}

.hhbs-li-wrap-le {
    width: 44%;
    padding-right: 60px;
    padding-top: 22px;
}

.hlwl-time p {
    font-size: 66px;
    line-height: 1.4;
    color: var(--color1);
    font-family: 'xianji';
}

.hlwl-time p span {
    font-size: 30px;
}

.hlwl-tit .std-tit4 {
    color: #fff;
    font-weight: bold;
    line-height: 1.45;
}

.hlwl-info p {
    color: #fff;
    line-height: 1.75;
}

.hlwl-tit {
    margin-bottom: 20px;
}


.hhby-swiper-ul-li {
    width: 25%;
    text-align: center;
    cursor: pointer;
    display: none;
}

.hhby-swiper-ul-li:first-child {
    display: block;
}

.hsul-wrap span {
    width: 14px;
    background: #fff;
    border-radius: 50%;
    height: 14px;
    display: block;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    transition: all 0.36s;
}

.hsul-wrap span::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 150%;
    height: 150%;
    border-radius: 50%;
    background: #F5A200;
    z-index: -1;
    transform: translate(-50%, -50%) scale(0.1);
    opacity: 0;
}

.hhby-swiper-ul-li.slick-current .hsul-wrap span::after {
    animation: myfirst 1.5s linear infinite;
}

.hhby-swiper-ul-li.slick-current .hsul-wrap span {
    background: #F5A200;
}

.hsul-wrap .std-tit4 {
    color: #fff;
    font-family: 'xianji';
    margin-top: 6px;
}

.home-histor-btm-year {
    width: 100%;
    position: relative;
}

.home-histor-btm-year::after {
    content: '';
    position: absolute;
    top: 6px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% + 64px);
    height: 2px;
    background: rgba(255, 255, 255, 0.2);
}

.hhby-control-wrap {
    width: 48px;
    position: absolute;
    top: -17px;
    cursor: pointer;
}

.hhby-control-le {
    transform: rotate(180deg);
    left: -150px;
}

.hhby-control-ri {
    right: -150px;
}

.home-histor-btm-standi {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
}

.filter-baner-ri {
    width: 244px;
}

.filter-baner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.filter-baner-le {
    width: calc(100% - 244px);
    padding-right: 10%;
}

.filter-produc {
    width: 100%;
    position: relative;
}

/* 选型表样式 stdr */



.mod_sidebar {
    display: flex;
    justify-content: flex-end;
}

.sidebar_box {
    z-index: 22;
}

.sidebar_box {
    width: 310px;
    min-height: 100%;
    border-right: 1px solid #D7DFEA;
    flex-shrink: 0;
    position: relative;
    order: 1;
    background: #fff;
}

.sidebar_box_core {
    max-height: calc(100vh - 155px);
    padding-bottom: 0;
}

.sidebar_box_core {
    opacity: 0;
    pointer-events: none;
}

.mCustomScrollbar {
    -ms-touch-action: auto;
    touch-action: auto;
}

.sidebar_box_core {
    height: calc(100vh - 155px);
}

.sidebar_on .sidebar_box_core {
    opacity: 1;
    pointer-events: all;
    transition: opacity .3s, 0.3s;
}

.srct_search.act .srct_search_close {
    opacity: 1;
}

.sidebar_box_top {
    width: 100%;
    padding: 14px 20px;
    display: flex;
    justify-content: flex-end;
}

.sidebar_box_btn {
    width: 16px;
    cursor: pointer;
}

.sidebar_box_btn img {
    width: 100%;
}

.sidebar_box_title {
    font-size: var(--text16);
    font-weight: bold;
    color: var(--colormain);
    line-height: var(--lh1d5);
    padding: 18px 14px 18px 28px;
}



.sidebar_box_title a {
    color: inherit;
    font-size: inherit;
    line-height: inherit;
}

.sidebar_box_list {
    border-top: 1px solid #ECECEC;
}

.sidebar_box_list_item {
    position: relative;
}

.sbli_link {
    cursor: pointer;
}

.sbli_link {
    display: flex;
    align-items: flex-start;
    padding: 15px 5px 15px 28px;
    border-bottom: 1px solid #ECECEC;
}

.sbli_link_icon {
    width: 17px;
}

.sbli_link_icon {
    transition: all 0.36s;
}

.sidebar_box_list_item.on>.sbli_link .sbli_link_icon {
    transform: rotate(90deg);
}

.ys_imgbox_contain,
.ys_imgbox_cover {
    position: relative;
    overflow: hidden;
}

.ys_imgbox_contain img,
.ys_imgbox_cover img {
    width: 100%;
    transition: all .36s ease;
}

.sbli_link_icon img {
    width: 100%;
}

.sidebar_box_list_item .ys_imgbox_cover img {
    transform: scale(1) !important;
}

.sblb_nub.on>.sbli_link .sbli_select img:first-child,
.sblb_nub.on>.sbli_link .sbli_link_icon img:first-child,
.sidebar_box_list_item.on>.sbli_link .sbli_select img:first-child,
.sidebar_box_list_item.on>.sbli_link .sbli_link_icon img:first-child {
    opacity: 0;
}

.sblb_nub.on>.sbli_link .sbli_select img:nth-of-type(2),
.sblb_nub.on>.sbli_link .sbli_link_icon img:nth-of-type(2),
.sidebar_box_list_item.on>.sbli_link .sbli_select img:nth-of-type(2),
.sidebar_box_list_item.on>.sbli_link .sbli_link_icon img:nth-of-type(2) {
    opacity: 1;
}

.sidebar_box_list_item .ys_imgbox_cover img:nth-of-type(2) {
    opacity: 0;
}

.ys_imgbox_cover img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.sbli_link_font {
    color: var(--color333);
    font-size: var(--font14);
    line-height: var(--lh1d5);
    width: calc(100% - 17px);
    padding-left: 10px;
    transition: all 0.36s;
}

.sidebar_box_list_item.act .sbli_link_font {
    padding-left: 37px;
}

.sidebar_box_list_item.act .sbli_link_font {
    padding-left: 10px;
    width: calc(100% - 40px);
}

.sblb_nub.on>.sbli_link .sbli_link_font,
.sidebar_box_list_item.on>.sbli_link .sbli_link_font {
    color: var(--colormain);
}

.sbli_link_font a {
    color: inherit;
    line-height: inherit;
    transition: all 0.36s;
    display: block;
    width: 100%;
}

.sidebar_box_list .sbli_link_font a {
    color: inherit;
    transition: all 0.36s;
}

.sbli_data {
    color: #999 !important;
}

.sidebar_box_list_bot {
    display: none;
}

.sbli_link {
    display: flex;
    align-items: flex-start;
    padding: 15px 5px 15px 28px;
    border-bottom: 1px solid #ECECEC;
}

.sblb_nub .sbli_link {
    background: #F4F4F4;
    padding-left: calc(28px + 22px);
    transition: background 0.36s;
}

.sbli_select {
    width: 17px;
    position: relative;
    top: 0;
    left: 0;
    margin-left: 6px;
}

.inside_core {
    position: relative;
}

.inside_core {
    width: 100%;
    transition: width .3s, 0.3s;
    flex-shrink: 0;
    order: 2;
}

/* .inside_core {
    min-height: calc(100vh - 155px);
} */

.sidebar_on .inside_core {
    width: calc(100% - 310px);
}

.sidebar_btn {
    /* position: fixed; */
    width: 40px;
    height: 85px;
    background: var(--colormain);
    left: 0;
    top: 255px;
    cursor: pointer;
    z-index: 90;
    transition: left 0s, opacity .3s 0.3s;
    border-radius: 0 5px 5px 0;
}

.mod_sidebar.sidebar_on .sidebar_btn {
    transition: left 0s, opacity 0.1s 0s;
}

.sidebar_on .sidebar_btn {
    opacity: 0;
    pointer-events: none;
    left: 290px;
}

.sidebar_btn img {
    width: 11px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.select_rtv {
    padding: 0 60px;
    /* padding-top: 29px; */
}

.select_rtv::before {
    content: '';
    height: calc(100% + 2px);
    background: var(--colorfff);
    position: absolute;
    top: -1px;
    right: 0;
    width: 57px;
    z-index: 26;
    display: block;
}

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


.select_rtv_cry_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.select_rtv_cry_top {
    position: relative;
    z-index: 25;
}

.srct_left {
    display: flex;
    align-items: center;
}

.srct_left_change {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.srct_left_change_icon {
    width: 17px;
}

.srct_left_change_icon {
    width: 16px;
    /* top: -2px; */
}

.srct_left_change_icon {
    font-size: 0;
}


.srct_left_change_font {
    position: relative;
}

.std_title6,
.yxedr_active h6 {
    font-size: var(--font18);
    line-height: var(--lh1d8);
}

.srct_left_change .std_title6 {
    color: var(--color333);
    font-weight: bold;
    line-height: var(--lh1d5);
    padding-left: 12px;
    transition: all 0.36s;
}


.srct_left_change_font .std_title6 {
    white-space: nowrap;
}




.srct_left_change .std_title6 {
    padding-left: 9px;
}

.srct_left_change_font .std_title6:not(:first-child) {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
}

.srct_left_change.on .std_title6:first-child {
    opacity: 0;
}

.srct_left_change.on .std_title6:not(:first-child) {
    opacity: 1;
    pointer-events: all;
}

.srct_left_reset {
    display: flex;
    align-items: center;
    margin-left: 40px;
    cursor: pointer;
}

.srct_left_reset .ys_imgbox_cover {
    width: 16px;
}

.std_text14,
.std_text14 p {
    font-size: var(--text14);
    line-height: var(--lh1d5);
    color: var(--color333);
}

.srct_left_reset .std_text14 {
    color: var(--color000);
    padding-left: 6px;
    line-height: var(--lh1d5);
    transition: all 0.36s;
}

.srct_text,
.srct_compare {
    margin-left: 40px;
}

.srct_text p {
    color: var(--color333);
    line-height: var(--lh1d5);
}

.srct_search {
    height: 48px;
    background: var(--colorf4);
    width: 480px;
    margin-left: 40px;
    padding: 10px 16px 10px 20px;
    border-radius: 5px;
    overflow: hidden;
}


.srct_search {
    display: flex;
    align-items: center;
}

.srct_search input {
    flex-grow: 1;
    padding-right: 10px;
    font-size: var(--text16);
    color: var(--color333);
}

.srct_search input {
    width: calc(100% - 44px);
}

.srct_search input {
    height: 100%;
}



.srct_search_close,
.srct_search_submit {
    width: 20px;
    cursor: pointer;
}

.srct_search_close {
    margin-right: 12px;
}

.srct_search_close {
    opacity: 0;
    transition: all 0.36s;
}

.srct_search_close,
.srct_search_submit {
    width: 16px;
    cursor: pointer;
}

.srct_search_submit {
    width: 18px;
}

.select_rtv .ys_imgbox_cover img {
    transform: scale(1) !important;
}

.srct_search_close img:nth-of-type(2) {
    opacity: 0;
}

.select_rtv .ys_imgbox_cover img {
    transform: scale(1) !important;
}

.srct_search_submit img {
    width: 100%;
}

.srct_right_list {
    margin: 0 -9px;
    display: flex;
    align-items: center;
}

.srct_right_list_nub {
    padding: 0 9px;
    position: relative;
}

.std_text1,
.std_text1 p,
.yxedr_active p {
    font-size: var(--text16);
    line-height: var(--lh1d8);
    color: var(--color666);
}

.srct_right_list_nub .std_text1 {
    color: #666;
    line-height: var(--lh1d5);
    cursor: pointer;
}



.srln_pop {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 20;
    display: none;
}

.srln_pop_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.srln_pop_bg img {
    width: 100%;
}

.ys_share {
    display: flex;
    padding: 12% 14px 8px;
    position: relative;
    z-index: 2;
}

.ys_share_list {
    padding: 0 2px;
}

.ys_share_img {
    width: 24px;
}

.ys_share_img img {
    width: 100%;
}

.mc_retrieval_box {
    display: flex;
    justify-content: flex-end;
}

.mc_rtv_left_wai {
    z-index: 23;
}

.mc_rtv_left {
    width: 283px;
    border: 1px solid #E3E4E8;
    background: var(--colorf4);
}

.mc_rtv_left {
    flex-shrink: 0;
    order: 1;
}

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

.mc_rtv_left,
.mc_rtv_right {
    max-height: calc(100vh - 200px);
}

.mc_rtv_left {
    height: auto;
}

.mc_rtv_left {
    z-index: 22;
    transition: transform .1s linear;
    transform: translateZ(10px);
}

.mc_rtv_left {
    height: var(--lefth1);
}

.mc_rtv_left {
    height: auto;
    min-height: 100%;
}

.mc_rtv_left {
    background: #F5F5F7;
}

.mc_rtv_bd_core {
    padding-top: 12px;
    padding-bottom: 12px;
}


.mc_rtvl_xlhd {
    padding: 4.5px 17px 4.5px 27px;
    cursor: pointer;
}

.mc_rtvl_xlhd {
    position: relative;
}

.mc_rtvl_xlhd::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #F5A200;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 40px;
    opacity: 0;
    transition: all 0.36s;
}

.mc_rtvl_xlhd::before {
    right: 35px;
}

.mc_rtvl_li.act .mc_rtvl_xlhd::before {
    opacity: 1;
}





.mc_rtvl_xtb,
.mc_rtvl_xtb img {
    width: 20px;
    cursor: pointer;
}

.mc_rtvl_xtb {
    position: relative;
    top: 5px;
    transition: all 0.36s;
}

.add_status.on1 .mc_rtvl_xtb,
.mc_rtvl_li.on1 .mc_rtvl_xtb {
    transform: rotate(180deg);
}

.mc_rtvl_xlbd {
    padding: 0 17px 0 27px;
}

.mc_rtvl_xlbd {
    height: 0;
    opacity: 0;
    pointer-events: none;
}

.add_status.on1 .mc_rtvl_xlbd,
.mc_rtvl_li.on1 .mc_rtvl_xlbd {
    height: auto;
    opacity: 1;
    pointer-events: all;
    transition: all 0.36s;
}

.mc_rtvl_xlbd_core {
    padding-left: 27px;
}

.mc_rtvl_xlbd_core {
    padding-bottom: 8px;
    padding-top: 4px;
}

.mc_rtvl_xlbd_core {
    padding-left: 22px;
}

.mrxc_list {
    max-height: 160px;
}

.mrxc_list {
    position: relative;
}

.mrxc_list {
    max-height: 180px;
}

.mrxc_list {
    max-height: calc(32px* 6);
}

.mrxc_list_nub {
    padding: 2px 0;
    display: flex;
    align-items: flex-start;
}

.mrxc_list_nub {
    cursor: pointer;
}

.mrxc_list_nub {
    padding-left: 1px;
}

.mc_tab_compare,
.mc_rtvl_radio,
.mc_rtvl_checkbox {
    width: 14px;
    height: 14px;
    position: relative;
    cursor: pointer;
}

.mrxc_list_nub .mc_rtvl_checkbox,
.mrxc_list_nub .mc_rtvl_radio,
.mc_rtvl_xlhd .mc_rtvl_checkbox {
    margin-top: 7px;
}

.mc_tab_compare::before,
.mc_rtvl_checkbox::before,
.mc_rtvl_radio::before {
    content: '';
    width: 100%;
    height: 100%;
    border: 1px solid #666;
    /* border-radius: 50%; */
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.36s;
}

.mc_tab_compare::before {
    border-color: #D8D8D8;
}

.mc_rtvl_li.acts .mc_tab_compare::before,
.mc_rtvl_li.acts .mc_rtvl_checkbox::before {
    border-color: #00469B;
}

.mc_rtvl_radio::before {
    border: 1px solid #D8D8D8;
}

/* .mc_rtvl_radio::before {
    border-radius: 50%;
} */

.mrxc_checkbox .mc_rtvl_radio::before {
    background: #fff;
}

.mc_rtvl_radio::after {
    content: '';
    width: 60%;
    height: 60%;
    /* border-radius: 50%; */
    background: var(--colormain);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.36s;
    opacity: 0;
}

.mc_tab_compare.on::after,
.mc_rtvl_checkbox.on::after,
.mc_rtvl_radio.on::after,
.mc_rtvl_checkbox:checked::after,
.mc_rtvl_radio:checked::after {
    opacity: 1;
}

.mrxc_list_nub .std_text14,
.mc_rtvl_xlhd .std_text14 {
    color: var(--color333);
    line-height: 2;
    padding-left: 13px;
}

.sele_pop_btm_head .mrxc_list_nub .std_text14,
.mrxc_list_nub .std_text14 {
    white-space: normal;
    max-width: calc(100% - 14px);
}

.mrxc_list_nub .std_text14,
.mc_rtvl_xlhd .std_text14 {
    padding-left: 8px;
}


.sidebar_on .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px;
}

.sidebar_on .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
}

.sidebar_on .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: var(--colormain);
}

.sidebar_on .mCSB_scrollTools.mCS-dark .mCSB_dragger:active .mCSB_dragger_bar,
.sidebar_on .mCSB_scrollTools.mCS-dark .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.sidebar_on .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: var(--colormain);
}

.sidebar_on .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.sidebar_on .mCSB_scrollTools.mCS-dark .mCSB_dragger:active .mCSB_dragger_bar,
.sidebar_on .mCSB_scrollTools.mCS-dark .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.sidebar_on .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #ADADAD;
}

.sidebar_on .mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
}

.sidebar_on .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #f8f8f8;
}

.select_rtv .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #efefef;
}

.table_left_reset {
    color: var(--color333);
    transition: all 0.36s;
    line-height: 2;
    font-size: var(--font14);
    cursor: pointer;
    text-decoration: underline;
    text-decoration-color: transparent;
    display: inline-block;
}

.table_left_reset {
    margin-top: 3px;
}

.select_rtv.on .mc_rtv_right {
    width: 100%;
}

.mc_rtv_right {
    width: calc(100% - 320px);
}

.mc_rtv_right {
    flex-shrink: 0;
    flex-grow: 1;
    order: 2;
    transition: width .3s, 0.3s;
}

.mc_rtv_right {
    position: relative;
}

/* .mc_rtv_left,
.mc_rtv_right {
    max-height: calc(100vh - 200px);
} */

.mc_rtv_right {
    --widthcry: 170px;
    max-height: none;
}

.mc_rtv_right {
    background: #f4f4f4;
}

.mc_rtv_right {
    overflow: hidden;
}

.mc_rtv_right {
    --length1: 13;
}

.mc_rtv_right {
    --widthcry: 205px;
}

.mc_rtv_right {
    min-height: calc(100vh - 400px);
}

.mc_rtv_right {
    background: #fff;
}

.select_pctable {
    position: relative;
}

.mc_table_hd_box {
    position: relative;
}

.mc_table_hd {
    position: relative;
}

.mc_table_hd {
    position: relative;
    z-index: 11;
}

.mc_table_hd {
    position: relative;
    z-index: 20;
}

.mc_table_hd {
    position: absolute;
    top: 0;
}

.mc_table_hd {
    width: 100%;
}

.mc_table_hd {
    margin-bottom: 10px;
}

.mc_tab_th.mc_tab_td0,
.sele_th.sele_th0,
.mc_tab_td.mc_tab_td0,
.mc_tab_bd_left {
    height: auto;
    width: 205px;
    min-width: auto;
    max-width: none;
    text-align: center;
}


.mtcr_all_th,
.mc_tab_td {
    min-width: 205px !important;
    text-align: center;
}

.mc_table_hd .mc_tab_bd_left::before {
    content: '';
    background: #E2E2E2;
    width: 1px;
    position: absolute;
    left: 0px;
    top: 0;
    height: 100%;
    z-index: 21;
}

.mc_tab_td0 {
    background: #F4F4F4;
}

.mc_tab_td0,
.sele_th0 {
    position: relative;
    z-index: 10;
}

.mc_tab_td0,
.sele_th0 {
    z-index: 9;
}

.mc_tab_th.mc_tab_td0 {
    min-width: 239px;
}

.mc_tab_th_wrap {
    position: relative;
    z-index: 6;
}

.mc_tab_th_wrap {
    display: inline-block;
}

.mc_tab_th_wrap {
    display: block;
}

.mc_tab_sortbtn {
    color: inherit;
    font-weight: inherit;
    font-size: inherit;
    display: inline-block;
    line-height: 1.5;
    white-space: nowrap;
}

.mc_tab_sortbtn {
    white-space: normal;
}

.mc_tab_th.act .mc_tab_th_wrap::after {
    opacity: 1;
}

.mc_tab_th_wrap::after {
    content: '';
    width: 6px;
    height: 6px;
    position: absolute;
    right: 0px;
    top: 0px;
    background: #F5A200;
    border-radius: 50%;
    opacity: 0;
    transition: all 0.36s;
}

.mc_tab_th_wrap::after {
    right: -8px;
}

.mc_tab_th_wrap::after {
    top: -8px;
    right: -11px;
}

.mc_tab_td0,
.sele_th0 {
    position: relative;
    z-index: 10;
}

.mc_tab_td0,
.sele_th0 {
    z-index: 9;
}

.sele_th::before,
.mc_tab_th::before {
    content: '';
    border-top: 1px solid #E2E2E2;
    border-bottom: 1px solid #E2E2E2;
    border-right: 1px solid #E2E2E2;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10;
}

.sele_th.sele_th0::before,
.mc_tab_td0.mc_tab_th::before {
    width: calc(100% - 19px);
    left: 19px;
    border-right: 1px solid #E2E2E2;
}

.sele_th.sele_th0::before,
.mc_tab_td0.mc_tab_th::before,
.mc_tab_td.mc_tab_td0::before {
    width: 100% !important;
    left: 0 !important;
}

.sele_wrap {
    /* cursor: pointer; */
    position: relative;
    z-index: 3;
}

.sele_wrap {
    padding: 14.5px 20px;
}

.sele_wrap {
    transition: all 0.36s;
}

.sele_wrap {
    padding: 10px 16px;
    height: 45px !important;
}

.sele_wrap {
    height: 100%;
    display: flex;
    align-items: center;
}

.sele_th0 .sele_wrap {
    padding-left: 0;
}

.srct_text,
.srct_compare {
    margin-left: 40px;
}

.srct_compare {
    cursor: pointer;
    opacity: .4;
    pointer-events: none;
    transition: all 0.36s;
}

.srct_compare {
    margin: 0 !important;
}

.srct_compare {
    position: relative;
}

.srct_compare {
    white-space: nowrap;
}

.sele_wrap .std_text14 {
    font-size: var(--text14);
    color: var(--color000);
    line-height: 1.5;
    font-weight: normal;
}

.srct_compare .std_text14 {
    transition: all 0.36s;
}

.srct_compare .std_text14:nth-of-type(2) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
}

.srct_compare.on {
    pointer-events: all;
    opacity: 1;
}

.mc_tab_sortbtn::before {
    content: "";
    position: absolute;
    right: -5px;
    top: 50%;
    width: 8px;
    height: 16px;
    background: url(../fonts/jianrg.svg) center / cover no-repeat;
    opacity: 0;
    transform: translateY(-50%);
}

.mc_tab_th.desc .mc_tab_sortbtn::before {
    opacity: 1;
    transform: translateY(-50%) rotate(90deg);
}

.mc_tab_th.asc .mc_tab_sortbtn::before {
    opacity: 1;
    transform: translateY(-50%) rotate(-90deg);
}

.mc_table_core_right,
.mtbr_item {
    white-space: nowrap;
    font-size: 0;
}

.mc_table_core_right {
    width: calc(100% - 204px);
}

.select_main2 .mtbr_item,
.mc_table_core_right {
    display: flex;
}

.amp_add {
    width: 140px;
}

.mc_table_hd .mc_tab_bd_left,
.mtcr_all_th {
    display: flex;
    flex-direction: column;
}

.mtcr_all_th,
.mc_tab_bd_right .mc_tab_td {
    flex-grow: 1;
}

.amp_add,
.amp_add .amp_add_th {
    height: 100%;
}

.mc_tab_th {
    color: var(--color000);
    font-size: var(--text16);
    background: var(--colorf4);
    position: relative;
    font-weight: normal;
    min-width: 80px;
}

.mc_tab_th {
    padding: 32px 16px;
    cursor: pointer;
}

.mc_tab_th {
    vertical-align: top;
}

.mc_tab_th {
    min-width: 190px;
    max-width: 260px;
}

.mc_tab_th {
    min-width: auto !important;
    max-width: none;
    width: 100%;
}

.srct_left_change_font .std_title6,
.srct_search input,
.srct_right_list_nub .std_text1,
.mc_tab_th {
    font-size: 16px;
}

.mc_table_hd .mc_tab_th {
    flex-grow: 1;
}

.amp_add .amp_add_th .mc_tab_th {
    height: calc(100% - 45px);
}

.mc_tab_th::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.36s;
}

.sele_th {
    position: relative;
    background: var(--colorf4);
}

.sele_th::before {
    border-top: 0;
}

.amp_add,
.amp_add_other {
    display: inline-block;
}

.amp_add_other {
    min-width: calc(100% - 140px);
}

.amp_add_other {
    height: 100%;
}

.amp_add_other {
    width: calc(100% - 140px);
}

.mtcr_all {
    width: calc(var(--widthcry)* var(--length1)) !important;
    min-width: 100%;
    white-space: nowrap;
    font-size: 0;
    display: flex;
}

.mtcr_all_th,
.mc_tab_td {
    width: var(--widthcry);
    min-width: auto;
    max-width: none;
}

.sele_wrap {
    /* cursor: pointer; */
    position: relative;
    z-index: 3;
}

.sele_wrap {
    padding: 14.5px 16px;
}

.sele_wrap {
    transition: all 0.36s;
}

.sele_wrap {
    padding: 10px 20px;
    height: 44px !important;
}

.sele_wrap {
    height: 100%;
    display: flex;
    align-items: center;
}

.sele_wrap_icon {
    width: 17px;
    cursor: pointer;
}

.sele_wrap_icon {
    height: 21px;
    display: flex;
    align-items: center;
}

.select_rtv .ys_imgbox_cover img {
    transform: scale(1) !important;
}

.select_rtv .ys_imgbox_cover img {
    transform: scale(1) !important;
}

.sele_wrap_icon img:nth-of-type(2) {
    opacity: 0;
}

.sele_pop {
    position: absolute;
    top: 0;
    left: 0;
    width: 270px;
    border: solid 1px #DAD8D8;
    background: #f4f4f4;
    opacity: 0;
    pointer-events: none;
    z-index: 20;
}

.sele_th:last-child .sele_pop {
    left: auto;
    right: 0;
}

.mtcr_all_th .sele_th .sele_pop {
    left: 0;
    right: auto;
}

.sele_th.on .sele_pop {
    opacity: 1;
    pointer-events: all;
}

.sele_th:last-child .sele_pop {
    left: auto;
    right: 0;
}

.mtcr_all_th .sele_th .sele_pop {
    left: 0;
    right: auto;
}

.sele_pop_top {
    display: flex;
    justify-content: flex-end;
    padding: 11.5px 12px;
    background: #DADADA;
    border-bottom: 1px solid #DAD8D8;
}

.sele_pop_top_icon {
    width: 20px;
    cursor: pointer;
}

.sele_pop_btm_head {
    width: 100%;
    padding: 20px;
}

.sele_pop_btm_head {
    padding-right: 10px;
}

.sele_pop_btm_head {
    padding-top: 0;
}

.mrxc_list {
    max-height: 160px;
}

.mrxc_list {
    position: relative;
}

.mrxc_list {
    max-height: calc(32px* 6);
}

.mrxc_list_nub {
    padding: 2px 0;
    display: flex;
    align-items: flex-start;
}

.mrxc_list_nub {
    cursor: pointer;
}

.mrxc_list_nub {
    padding-left: 1px;
}

.mrxc_list_nub .std_text14,
.mc_rtvl_xlhd .std_text14 {
    padding-left: 8px;
}

.sele_pop_btm_head .mrxc_list_nub .std_text14 {
    font-weight: normal;
    color: var(--color333);
    line-height: 2;
}

.sele_pop_btm_head .mrxc_list_nub .std_text14,
.mrxc_list_nub .std_text14 {
    white-space: normal;
    max-width: calc(100% - 14px);
}

.sele_pop .mCSB_container {
    padding-top: 20px;
}

.sele_pop_btm_reset {
    display: inline-block;
    margin-top: 6px;
}

.sele_pop_btm_reset p {
    color: var(--color333);
    transition: all 0.36s;
    line-height: 2;
    font-size: var(--font14);
    cursor: pointer;
    text-decoration: underline;
    text-decoration-color: transparent;
    display: inline-block;
}

.sele_pop_top_icon img:nth-of-type(2) {
    opacity: 0;
}

.sele_wrap_icon img:nth-of-type(2) {
    opacity: 0;
}

.sele_th::before,
.mc_tab_th::before {
    pointer-events: none;
}

.mctable_scroll {
    height: 10px;
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    background: #EFEFEF;
    z-index: -1;
}

.mctable_scroll_cry {
    height: 10px;
}

.mCSB_scrollTools {
    opacity: 1 !important;
}

.select_rtv .mctable_scroll .mCSB_scrollTools {
    width: 100%;
    left: 0;
    top: 0;
}

.select_rtv .mctable_scroll .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #ADADAD;
}

.select_rtv .mctable_scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 10px;
    margin: 0px auto;
}

.select_rtv .mctable_scroll .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 1.5px auto;
}

.select_rtv .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #efefef;
}


.select_rtv .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 10px;
    margin: 0px 0;
}

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

.mc_table_one,
.mc_table_two,
.mc_tab_bd,
.mc_table_hd {
    white-space: nowrap;
    font-size: 0;
    display: flex;
}

.mc_tab_bd_left {
    white-space: normal;
}

.mc_tab_bd_left {
    position: relative;
}

.mc_tab_td0 {
    color: var(--color333);
}

.mc_tab_td {
    position: relative;
}

.mc_tab_td0 {
    background: #F4F4F4;
}

.mc_tab_td0,
.sele_th0 {
    position: relative;
    z-index: 10;
}

.mc_tab_td0,
.sele_th0 {
    z-index: 9;
}

.mtcr_all_th,
.mc_tab_td {
    width: var(--widthcry);
    min-width: auto;
    max-width: none;
}

.mc_tab_td {
    font-size: 14px;
    color: var(--color333);
    line-height: 1.2;
    display: inline-block;
    white-space: normal;
    align-items: center;
}

.mc_tab_td0.mc_tab_td,
.sele_th.sele_th0,
.mc_tab_th.mc_tab_td0 {
    padding-left: 19px;
}

.mc_tab_td.mc_tab_td0 {
    align-items: flex-start;
    position: relative;
}

.mc_tab_td.mc_tab_td0 {
    transition: background 0.36s;
}

.mc_tab_bd_left.tbs_left .mc_tab_td0 {
    background: #fff;
}

.mc_tab_td::before {
    content: '';
    border-bottom: 1px solid #E2E2E2;
    border-right: 1px solid #E2E2E2;
    position: absolute;
    width: 100%;
    height: 100%;
    top: -1px;
    left: -1px;
}

.mc_tab_td.mc_tab_td0::before {
    border-bottom: 1px solid #E2E2E2;
    width: calc(100% - 19px);
    left: 19px;
}

.mc_tab_td_box {
    display: flex;
    align-items: flex-start;
    position: relative;
    flex-grow: 1;
}

.mc_tab_td>div {
    position: relative;
    z-index: 6;
}

.mc_tab_td>div {
    align-items: center;
    height: 100%;
}

.mc_tab_compare {
    top: 20px;
}

.mc_tab_compare {
    top: 0 !important;
}

.mc_tab_compare::after,
.mrxc_checkbox .mc_rtvl_radio::after,
.mc_rtvl_checkbox::after {
    content: '';
    background: transparent;
    background-image: url(../fonts/ca_dui1.svg);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-size: 100% 100%;
    transition: all 0.36s;
    opacity: 0;
}

.mc_tab_name_box {
    width: calc(100% - 14px);
    padding-left: 13px;
}

.mc_tab_name_box {
    padding-left: 9px;
}

.mtnb_core {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 11.5px 20px 11.5px 0;
}

.mtnb_core_text {
    width: calc(100% - 24px);
}

.rtv_font {
    font-size: var(--text14);
    color: var(--colormain);
    line-height: 1.5;
    width: calc(100% - 24px);
    flex-grow: 1;
}

.mtnb_core_text .rtv_font {
    width: 100%;
}

.mtnb_core a .rtv_font {
    color: var(--colormain);
}

.mtnb_core_icon {
    width: 24px;
}

.rtv_icon {
    width: 24px;
}

.mc_tab_bd .mc_tab_bd_left .mc_tab_td0::after {
    content: '';
    background: #ECECEC;
    width: 1px;
    position: absolute;
    left: 0px;
    top: 0;
    height: 100%;
    z-index: 21;
}

.mc_table_core_right {
    width: calc(100% - 239px);
}

.mc_tab_bd_right {
    overflow-x: auto;
    overflow-y: hidden;
}

.mc_tab_bd_right {
    scrollbar-color: transparent transparent !important;
    scrollbar-track-color: transparent !important;
    -ms-scrollbar-track-color: transparent !important;
    -webkit-scrollbar-color: transparent transparent !important;
    -moz-scrollbar-color: transparent transparent !important;
    -ms-scrollbar-color: transparent transparent !important;
    -o-scrollbar-color: transparent transparent !important;
    -webkit-scrollbar-width: 0px !important;
    -moz-scrollbar-width: 0px !important;
    -ms-scrollbar-width: 0px !important;
    -o-scrollbar-width: 0px !important;
    -webkit-scrollbar-height: 0px !important;
    -moz-scrollbar-height: 0px !important;
    -ms-scrollbar-height: 0px !important;
    -o-scrollbar-height: 0px !important;
}

.select_main2 .mtbr_item,
.mc_table_core_right {
    display: flex;
}

.mc_table_core_right.mc_tab_bd_right {
    display: block;
}

.mtbr_item {
    width: 100%;
    background: var(--colorfff);
}

.mtbr_item {
    display: flex;
}

.mtbr_item {
    width: calc(var(--widthcry)* var(--length1));
    min-width: 100%;
}

.select_main2 .mtbr_item {
    display: block;
    font-size: 0;
    white-space: nowrap;
}

.select_main2 .mtbr_item {
    width: auto;
}

.select_main2 .mtbr_item,
.mc_table_core_right {
    display: flex;
}

.amp_add {
    width: 140px;
}

.mtbr_item .amp_add {
    top: -4px;
    position: relative;
}

.mtbr_item .amp_add {
    top: 0;
}

.mc_tab_td {
    position: relative;
}

.mtcr_all_th,
.mc_tab_td {
    width: var(--widthcry);
    min-width: auto;
    max-width: none;
}

.mc_tab_td:not(.mc_tab_td0) {
    padding: 10px 20px;
}

.mtbr_item .mc_tab_td {
    background: var(--colorfff);
}

.mc_tab_bd_right .mc_tab_td {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mtbr_item .mc_tab_td {
    transition: all 0.36s;
}

.amp_add .mc_tab_td {
    width: 100% !important;
}

.select_main2 .mc_tab_bd_right .mc_tab_td {
    vertical-align: baseline;
}

.select_main2 .mc_tab_bd_right .mc_tab_td {
    vertical-align: middle;
}

.mtbr_item .amp_add .mc_tab_td::before {
    border-bottom: 0;
}

.mc_tab_td>div {
    position: relative;
    z-index: 6;
}

.mc_tab_td>div {
    align-items: center;
    height: 100%;
}

.mc_tab_td .std_text14 {
    color: var(--color333);
    line-height: 1.2;
}

.mc_tab_td:not(.mc_tab_td0)>div {
    height: 100%;
    display: flex;
    align-items: center;
}

.mc_tab_td .std_text14 p {
    width: 100%;
}

.amp_add_other {
    min-width: calc(100% - 140px);
}

.amp_add_other {
    height: 100%;
}

.amp_add_other {
    width: calc(100% - 140px);
}

.amp_add_other_flex {
    width: calc(var(--widthcry)* var(--length1));
    min-width: 100%;
    white-space: nowrap;
    font-size: 0;
    display: flex;
    height: 100%;
}

.mc_tab_td {
    position: relative;
}

.mtcr_all_th,
.mc_tab_td {
    width: var(--widthcry);
    min-width: auto;
    max-width: none;
}

.mc_tab_td:not(.mc_tab_td0) {
    padding: 10px 16px;
}

.mtbr_item .mc_tab_td {
    background: var(--colorfff);
}

.mc_tab_bd_right .mc_tab_td {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mtbr_item .mc_tab_td {
    transition: all 0.36s;
}





.mc_tab_td>div {
    position: relative;
    z-index: 6;
}

.mc_tab_td>div {
    align-items: center;
    height: 100%;
}

.mc_tab_td:not(.mc_tab_td0)>div {
    height: 100%;
    display: flex;
    align-items: center;
}

.rtv_status {
    display: flex;
    align-items: center;
}

.rtv_status_img,
.scli_name_icon {
    width: 24px;
}

.rtv_status_img,
.scli_name_icon {
    width: 14px;
}

.rtv_status_img img {
    width: 100%;
}

.rtv_status span {
    padding-left: 11px;
    color: var(--colormain);
    text-decoration: underline;
    text-underline-position: under;
}

.rtv_status span {
    padding-left: 7px;
}

.mc_tab_td {
    position: relative;
}

.mtcr_all_th,
.mc_tab_td {
    width: var(--widthcry);
    min-width: auto;
    max-width: none;
}

.mc_tab_td {
    font-size: 14px;
    color: var(--color333);
    line-height: 1.2;
    display: inline-block;
    white-space: normal;
}

.mc_tab_td:not(.mc_tab_td0) {
    padding: 10px 16px;
}

.mtbr_item .mc_tab_td {
    background: var(--colorfff);
}

.mc_tab_bd_right .mc_tab_td {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mtbr_item .mc_tab_td {
    transition: all 0.36s;
}



.mc_tab_td:not(.mc_tab_td0)>div {
    height: 100%;
    display: flex;
    align-items: center;
}

.mc_tab_td .std_text14 p {
    width: 100%;
}

.mc_tab_td.mc_tab_td0,
.mc_tab_td.mc_tab_td0::before {
    z-index: 12 !important;
}


.select_pctable.act1 .mc_table_hd {
    position: fixed;
    top: var(--top1);
    width: var(--all_width);
}

/* .mc_tab_bd .mc_tab_td {
    background: transparent !important;
} */

.mtbr_item .amp_add .mc_tab_td::after {
    content: '';
    height: 1px;
    width: 100%;
    position: absolute;
    background: #ECECEC;
    bottom: 0;
    left: 0;
    z-index: 10;
}

.select_phtable {
    display: none;
}

.select_phtable_nub:first-child {
    border-top: 1px solid #ECECEC;
}

.select_phtable_nub_link {
    display: block;
    padding-top: 16px;
    padding-bottom: 13px;
    border-bottom: 1px solid #ECECEC;
}

.spnl_title {
    display: flex;
    margin-bottom: 12px;
    align-items: center;
}

.spnl_title .std_title5 {
    font-size: 20px;
    color: var(--colormain);
    font-weight: bold;
    padding-right: 16px;
    max-width: calc(100% - 24px);
}

.std_title5,
.yxedr_active h5 {
    font-size: var(--font20);
    line-height: var(--lh1d6);
}

.rtv_icon {
    width: 24px;
}

.spnl_other {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 -5px;
    margin-top: 5px;
}

.spnl_other_item {
    display: flex;
    flex-wrap: wrap;
    padding: 0 5px;
}

.spnl_other_name {
    font-size: 14px;
    line-height: 1.5;
    color: var(--color333);
    padding-right: 10px;
}

.rtv_status {
    display: flex;
    align-items: center;
}

.rtv_status_img,
.scli_name_icon {
    width: 24px;
}

.rtv_status_img,
.scli_name_icon {
    width: 14px;
}

.rtv_status_img img {
    width: 100%;
}

.rtv_status span {
    padding-left: 11px;
    color: var(--colormain);
    text-decoration: underline;
    text-underline-position: under;
}

.rtv_status span {
    padding-left: 7px;
}

.select_phtable_nub_link .std_text14 p {
    line-height: 1.5;
    color: var(--color333);
    font-size: 16px;
}

.spnl_text {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}


.spnl_text .std_text14 {
    width: 86%;
    max-width: calc(100% - 17px);
}

.select_phtable_nub_link .std_text14 p {
    line-height: 1.5;
    color: var(--color333);
    font-size: 16px;
}

.spnl_icon {
    width: 17px;
}

.spnl_icon img {
    width: 100%;
}

.kuan_zhan {
    width: calc(var(--widthcry)* var(--length1));
    height: 2px;
}

.select_main2 .kuan_zhan {
    width: calc(var(--widthcry)* var(--length1) + 140px);
}

.kuan_zhan {
    height: 0.1px;
}




.select-table-tit {
    width: 100%;
    padding: 0 60px;
    margin-bottom: 45px;
}

.select-table-tit .std-tit2 {
    color: #333;
    font-family: 'AlibabaSansMedium';
}

.mc_tab_compare.on::after,
.mc_rtvl_checkbox.on::after,
.mc_rtvl_radio.on::after,
.mc_rtvl_checkbox:checked::after,
.mc_rtvl_radio:checked::after {
    opacity: 1;
}

.mc_tab_td::before {
    pointer-events: none;
}

.select_rtv::before {
    content: '';
    height: calc(100% + 2px);
    background: var(--colorfff);
    position: absolute;
    top: -1px;
    right: 0;
    width: 60px;
    z-index: 26;
    display: block;
}

.select_rtv::after {
    content: '';
    height: calc(100% + 2px);
    background: var(--colorfff);
    position: absolute;
    top: -1px;
    left: 0;
    width: 60px;
    z-index: 26;
    display: block;
}

.select_rtv::after {
    height: 100%;
}

.sidebar_btn {
    position: absolute;
    top: 0;
    left: 0 !important;
}

.sidebar_box {
    width: 500px;
}

.sidebar_box_core_padd {
    width: 100%;
    padding-left: 80px;
    padding-right: 20px;
}

.sidebar_on .inside_core {
    width: calc(100% - 500px);
}

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

.sidebar_on .sidebar_btn_ri {
    opacity: 1;
    pointer-events: all;
}

.sidebar_btn_le img {
    transform: translate(-50%, -50%) rotate(180deg);
}

.sbcp-tit p {
    color: #666;
    line-height: 1.5;
}

.sbcp-tit {
    margin-bottom: 10px;
}

.sbcp-li-top {
    width: 100%;
    padding: 8px 10px;
    /* background: #F8F8F8; */
    display: flex;
    transition: all 0.36s;
    cursor: pointer;
}

.sbcp-li-top a {
    color: #666;
    transition: all 0.36s;
    line-height: 1.5;
    padding-right: 10px;
}

.sbcp-li-top-svg {
    width: 16px;
    margin-top: 4px;
    flex: none;
}

.sbcp-li-top-svg img {
    width: 100%;
    transition: all 0.36s;
}

.sbcp-li-btm-li {
    width: 100%;
    padding-bottom: 8px;
}

.slbl-top {
    width: 100%;
    display: flex;
    cursor: pointer;
}

.sbcp-li-btm {
    width: 100%;
    padding-left: 30px;
    margin-top: 7px;
    display: none;
}

.slbl-top a {
    line-height: 1.5;
    color: #666;
    transition: all 0.36s;
    padding-right: 10px;
}

.slbl-btm {
    width: 100%;
    padding-left: 20px;
    margin-top: 8px;
    display: none;
}

.slbl-li a {
    color: #666;
    line-height: 1.5;
    transition: all 0.36s;
}

.slbl-li {
    width: 100%;
    margin-bottom: 4px;
    margin-bottom: 7px;
}

.sbcp-li.act .sbcp-li-top a {
    color: #00469B;
    /* font-weight: bold; */
}

.sbcp-li.act .sbcp-li-top {
    background: #F8F8F8;
}

.sbcp-li-btm-li.act .slbl-top .std-word1 {
    color: #00469B;
    /* font-weight: bold; */
}

.slbl-li.act a {
    color: #00469B;
}

.sbcp-li.act .sbcp-li-top .sbcp-li-top-svg img {
    transform: rotate(180deg);
}

.std_text14,
.std_text14 p {
    font-size: 16px;
}

.srct_left_reset .std_text14 {
    color: #333;
}

.srct_search input {
    font-family: 'AlibabaSansRegular';
}

.srct_right_list_nub a {
    display: flex;
    align-items: center;
}

.srct_right_list_nub .std_text1 {
    padding-right: 10px;
    padding-top: 3px;
    transition: all 0.36s;
}

.mc_rtv_left {
    width: 320px;
}

.mc_rtv_right {
    width: calc(100% - 320px);
}

.mc_rtvl_li .std_text14 {
    color: #666;
}

.select_rtv_cry_top .srct_left_change_icon img:nth-child(2) {
    opacity: 0;
}

.table_left_reset {
    font-size: 16px;
    color: #666;
}


.mc_table_hd_box .mc_tab_td0 {
    z-index: 20;
}

.mc_tab_sortbtn {
    color: #333;
    font-size: 16px;
}

.srct_compare .std_text14 {
    width: 100%;
    font-size: 16px;
    color: #666 !important;
    text-align: center !important;
}


.mc_table_core_right {
    width: calc(100% - 205px);
}


.amp_add_other {
    width: 100%;
}

.mc_tab_bd .mc_tab_bd_left .mc_tab_td0 {
    text-align: left;
}

.mtnb_core a .rtv_font {
    color: #666;
}

.mc_tab_td .std_text14 p {
    color: #666;
}

.mtnb_core_text .rtv_font {
    font-size: 16px;
}

.sele_pop_btm_head {
    text-align: left;
}

.sele_pop_btm_reset p {
    font-size: 16px;
}

.rtv_status span {
    font-size: 16px;
    color: #666;
    text-decoration: none;
    margin-top: 3px;
}

.rtv_status_wai {
    justify-content: center;
}

.mc_rtv_bd_core,
.mc_rtvl_list,
.mc_rtvl_li,
.mc_rtvl_xlhd,
.mc_rtvl_xlbd {
    width: 100%;
}

.mc_rtvl_li .std_text14 {
    font-size: 14px;
}

.mc_rtvl_xlhd-wrap {
    padding-bottom: 6px;
}

.mc_table_hd .mc_tab_td0,
.amp_add_other .mc_tab_th {
    transition: all 0.36s;
}

/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .amp_add_other .mc_tab_th:hover {
        background: #003779 !important;
    }

    .mc_table_hd .mc_tab_td0:hover {
        background: #003779 !important;
    }

    .mc_tab_bd .mc_tab_bd_left .mc_tab_td0:hover .mtnb_core a .rtv_font {
        color: #00469B;
    }

    .srct_left_change:hover .srct_left_change_icon img:nth-child(1) {
        opacity: 0;
    }

    .srct_left_change:hover .srct_left_change_icon img:nth-child(2) {
        opacity: 1;
    }

    .srct_left_change:hover .std_title6 {
        color: #00469B;
    }

    .srct_left_change:hover .slbl-li a:hover {
        color: #00469B;
    }

    .mc_tab_td.mc_tab_td0.an_hover {
        background: #f4f4f4 !important;
    }

    .mtbr_item:hover .mc_tab_td {
        background: #f4f4f4 !important;
    }

    .sele_wrap:hover .sele_wrap_icon img:first-child {
        opacity: 0;
    }

    .sele_wrap:hover .sele_wrap_icon img:nth-of-type(2) {
        opacity: 1;
    }

    .sele_pop_top_icon:hover img:first-child {
        opacity: 0;
    }

    .sele_pop_top_icon:hover img:nth-of-type(2) {
        opacity: 1;
    }

    /* .mc_table_hd .mc_tab_th:hover::after {
        background: #E6E6E6;
    } */

    .sblb_nub .sbli_link:hover {
        background: #fff;
    }

    .sbli_link:hover .sbli_select img:first-child,
    .sbli_link:hover .sbli_link_icon img:first-child {
        opacity: 0;
    }

    .sbli_link:hover .sbli_select img:nth-of-type(2),
    .sbli_link:hover .sbli_link_icon img:nth-of-type(2) {
        opacity: 1;
    }

    .sbli_link:hover .sbli_link_font {
        color: var(--colormain);
    }

    .srct_right_list_nub:hover .std_text1 {
        color: #00469B;
    }

    .resour-retriev-screen-ri .news-recommend-list-link:hover {
        background-color: rgba(0, 70, 155, 1);
        border: 1px solid rgba(0, 70, 155, 1);
        color: rgba(255, 255, 255, 1);
    }

    .develo-sort-btm-li:hover .drim-link {
        background-color: rgba(0, 70, 155, 1) !important;
        color: rgba(255, 255, 255, 1) !important;
    }

    .tiny-page .mod-more-link:hover {
        border-color: rgb(8, 55, 113);
        background: rgb(8, 55, 113);
    }

}


.mc_rtvl_xlhd {
    display: flex;
}

.mc_rtvl_checkbox {
    flex: none;
    margin-top: 10px !important;
}

.mc_rtvl_xtb {
    flex: none;
    margin-top: 4px !important;
}

.mc_rtvl_li .std_text14 {
    width: 100%;
}

.srct_left_change_font .std_title6,
.srct_search input,
.srct_right_list_nub .std_text1,
.mc_tab_th {
    font-size: 18px;
}


.srct_left_reset .std_text14 {
    font-size: 14px;
    padding-left: 10px;
}

.srct_left_reset {
    margin-left: 90px;
}

.srct_text p {
    font-size: 14px;
}

.srct_text,
.srct_compare {
    margin-left: 70px;
}

.srct_search {
    height: 44px;
    background: var(--colorf4);
    width: 360px;
    margin-left: 30px;
    border-radius: 60px;
}

.srct_search input {
    color: #666;
    font-size: 14px;
}

.select_rtv_cry_top {
    margin-bottom: 10px;
}

.srct_right_list_nub .std_text1 {
    font-size: 16px;
    color: #004098;
}

.mc_rtvl_xlhd {
    align-items: flex-start;
}

.mc_rtvl_checkbox {
    margin-top: 6px !important;
}

.mc_rtvl_xtb {
    margin-top: 1px !important;
}

.mc_rtvl_xlhd-wrap {
    width: 100%;
    position: relative;
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid #E3E4E8;
}

.mc_table_hd .mc_tab_td0 {
    background: #00469B !important;
    text-align: left;
}

.mc_table_hd .mc_tab_td0 .mc_tab_sortbtn {
    color: #fff !important;
}


.amp_add_other .mc_tab_th {
    background: #00469B !important;
    text-align: left;
}

.amp_add_other .mc_tab_th .mc_tab_sortbtn {
    color: #fff !important;
}

.mc_tab_th {
    padding: 10px 20px;
}

.mc_tab_th_wrap {
    display: flex;
    align-items: center;
}

.mttw-img-com {
    width: 8px;
    height: 5px;
    position: relative;
}

.mttw-img-com svg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.mttw-img {
    margin-left: 6px;
}

.mttw-img-top {
    margin-bottom: 2px;
}

.mttw-img-com path {
    transition: all 0.36s;
}

.mc_tab_th.desc .mttw-img-btm path {
    fill: #F5A200;
}

.mc_tab_th.asc .mttw-img-top path {
    fill: #F5A200;
}

.mc_tab_th.asc .mc_tab_sortbtn::before,
.mc_tab_th.desc .mc_tab_sortbtn::before {
    display: none !important;
}

.mc_tab_th_wrap::after {
    top: 50%;
    right: auto;
    transform: translateY(-50%);
    left: -10px;
}


.mtnb_core_text .rtv_font {
    font-size: 14px;
    color: #333;
}

.mtnb_core a .rtv_font {
    color: #333;
}

.mc_tab_td:not(.mc_tab_td0)>div {
    text-align: left;
}

.std_text14,
.std_text14 p {
    font-size: 14px;
}

/* 选型表样式 end */

.mod-banner-nav {
    width: 100%;
    background: #0D1B35;
    z-index: 20;
    position: sticky;
    top: 80px;
}

.ys-banner-nav-ul {
    display: flex;
}

.ybnl-link {
    color: #fff;
    opacity: 0.7;
    line-height: 1.75;
    padding: 8px 42px;
    transition: all 0.36s;
    display: block;
    cursor: pointer;
}

.ybnl-li.act .ybnl-link {
    opacity: 1;
    background: var(--color);
}

.resour-retriev {
    width: 100%;
    position: relative;
}

.resour-retriev-top {
    width: 100%;
    position: relative;
    border-radius: 49px;
    border: 1px solid #ECECEC;
    background: #F5F5F7;
    display: flex;
    margin-bottom: 40px;
}

.resour-retriev-top-ri {
    width: 80px;
    height: 50px;
    background: var(--color);
    border-radius: 48px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: none;
}

.resour-retriev-top-ri img {
    width: 26px;
}

.resour-retriev-top-le {
    width: calc(100% - 80px);
}

.resour-retriev-top-le {
    width: 100%;
    height: 50px;
    position: relative;
}

.resour-retriev-top-le input {
    width: 100%;
    height: 100%;
    font-size: 16px;
    color: #999;
    padding-left: 30px;
    padding-right: 50px;
}

.resour-retriev-top-le input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #999;
}

.resour-retriev-top-le input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999;
}

.resour-retriev-top-le input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999;
}

.resour-retriev-top-le input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #999;
}

.rrtl-btn {
    width: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    cursor: pointer;
}

.rrnl-link {
    color: #333333;
    line-height: 1.75;
    padding: 4px 30px;
    display: block;
    border: 1px solid #E3E4E8;
    background: #F5F5F7;
}

.resour-retriev-nav {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 15px;
}

.resour-retriev-nav-li.act .rrnl-link {
    color: #fff;
    border-color: var(--color);
    background: var(--color);
}

.resour-retriev-nav-li {
    margin-right: 20px;
    margin-bottom: 15px;
}

.resour-retriev-btm {
    width: 100%;
    position: relative;
}

.resour-retriev-btm-ul {
    margin: 0 -10px;
    display: flex;
    flex-wrap: wrap;
}

.rrbu-li {
    width: 50%;
    padding: 0 10px;
    margin-bottom: 20px;
}

.rrbu-link {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border: 1px solid #E3E4E8;
    background: #F5F5F7;
    padding: 49px 18px;
    padding-right: 32px;
    transition: all 0.36s;
}

.rrbu-link-le {
    width: 30%;
}

.rrbu-link-ri {
    width: 70%;
    padding-left: 25px;
}

.rrbu-link-ri-tit .std-tit5 {
    color: #333;
    line-height: 1.4;
    font-weight: bold;
}

.rrbu-link-ri-info p {
    color: #666;
    line-height: 1.75;
}

.rrbu-link-ri-tit {
    margin-bottom: 10px;
}

.develo-sort-wrap .resour-retriev-top {
    margin-bottom: 0;
}

.develo-sort-wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 50px;
}

.develo-sort-ri {
    flex: none;
    margin-left: 112px;
    width: 172px;
    position: relative;
}

.develo-sort-ri .ys-select-hd input {
    font-size: 16px;
    color: #666;
}

.develo-sort-ri .ys-select-hd input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #666;
}

.develo-sort-ri .ys-select-hd input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #666;
}

.develo-sort-ri .ys-select-hd input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #666;
}

.develo-sort-ri .ys-select-hd input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #666;
}

.develo-sort-ri .ys-select-hd {
    width: 100%;
    border-radius: 45px;
    border: 1px solid #DDD;
    height: 50px;
    padding: 0 20px;
}

.develo-sort-ri .ys-select-show {
    padding-right: 10px;
}

.develo-sort-ri .ys-select-xtbbox {
    right: 16px;
}

.develo-sort-ri .ys-select-xtbbox .iconfont {
    color: #00469B;
}

.develo-sort-ri .ys-select-bd {
    border: 1px solid #DDD;
    border-radius: 10px;
    padding: 10px;
}

.ys-select-li {
    font-size: 14px;
    line-height: 1.5;
    padding: 2px 0;
}


.develo-sort-btm {
    width: 100%;
    position: relative;
}

.develo-sort-btm-li {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 1px solid #E3E4E8;
}

.dsbl-le {
    width: 22.5%;
}

.dsbl-ri {
    width: 77.5%;
    padding-left: 40px;
}

.dsbl-ri-tit .std-tit5 {
    color: #333333;
    font-weight: bold;
    line-height: 1.4;
    height: 1.4em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.dsbl-ri-info p {
    color: #666666;
    line-height: 1.75;
    /* height: 5.25em;
    overflow: hidden;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical; */
}

.dsbl-ri-tit {
    margin-bottom: 12px;
}

.dsbl-ri-info {
    margin-bottom: 24px;
}

.dsbl-ri-info-more {
    display: inline-block;
}

.drim-link {
    color: #fff;
    line-height: 1.75;
    transition: all 0.36s;
    background: var(--color);
    padding: 6px 24px;
    display: block;
    border: 1px solid var(--color);
}

.dsbl-link {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 40px 0;
}

.develo-sort-btm-li:first-child .dsbl-link {
    padding-top: 0;
}

.data-result {
    width: 100%;
    position: relative;
}

.data-result-btm {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.data-result-le {
    width: 280px;
}

.data-result-ri {
    width: calc(100% - 280px);
    padding-left: 60px;
}

.drlt-wrap p {
    color: var(--color);
    line-height: 1.75;
}

.drlt-wrap img {
    width: 16px;
}

.drlt-wrap p {
    padding-right: 4px;
}

.drlt-wrap {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.data-result-le-top {
    display: flex;
    width: 100%;
    margin-bottom: 12px;
}

.data-result-le-btm {
    width: 100%;
    position: relative;
    padding: 20px;
    background: #F5F5F7;
}

.drlb-ri p {
    color: #333;
    line-height: 1.75;
}

.drlb-le {
    width: 16px;
    height: 16px;
    border: 1px solid #ECECEC;
    margin-top: 7px;
    flex: none;
    position: relative;
}

.drlb-li {
    width: 100%;
    background: #fff;
    display: flex;
    padding: 8px 24px;
    cursor: pointer;
    margin-bottom: 10px;
}

.drlb-li:last-child {
    margin-bottom: 0;
}

.drlb-ri {
    padding-left: 10px;
}

.drlb-le img {
    width: 100%;
    opacity: 0;
    transition: all 0.36s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.drlb-li.on .drlb-le img {
    opacity: 1;
}

.data-result-ri-top p {
    color: #333;
    line-height: 1.75;
}

.data-result-ri-top p span {
    color: var(--color);
}

.data-result-ri-top {
    margin-bottom: 12px;
}

.data-result-ri-btm {
    width: 100%;
    position: relative;
}

.drrb-wrap p {
    line-height: 1.75;
}

.drrb-top .drrb-wrap p {
    font-weight: bold;
    color: #fff;
}

.drrb-top {
    background: var(--color);
    width: 100%;
    display: flex;
}

.drrb-wrap {
    border-right: 1px solid #fff;
    padding: 8px 20px;
    display: flex;
    align-items: center;
}

.drrb-wrap:last-child {
    border-right: none;
}

.drrb-wrap1 {
    width: 44%;
}

.drrb-wrap2 {
    width: 18.666666%;
}

.drrb-wrap3 {
    width: 18.666666%;
}

.drrb-wrap4 {
    width: 18.666666%;
}

.drrb-btm-li {
    display: flex;
    width: 100%;
}

.drrb-btm {
    width: 100%;
    border: 1px solid #F5F5F7;
    border-top: none;
}

.drrb-btm-li .drrb-wrap {
    border-color: #F5F5F7;
}

.drrb-btm-li .drrb-wrap p {
    color: #333;
}

.drrb-btm-li p a {
    color: var(--color);
}

.drrb-btm-li:nth-child(2n) {
    background: #F5F5F7;
}

.drrb-btm-li:nth-child(2n) .drrb-wrap {
    border-color: #fff;
}

.mttw-img-com {
    cursor: pointer;
}

.ys-banner1 .mod-more-link {
    background: #fff;
}

.ys-banner1 .mod-more-link p {
    color: var(--color);
}

.ys-banner1 .mod-more-link path {
    fill: var(--color);
}

.ys-banner1 .ys-ban-txtbox-more {
    margin-top: 20px;
}


.head-nav-item-downwq {
    position: absolute;
    top: 100%;
    left: 0;
    background: #F5F5F7;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    display: none;
}

.hnid-wrap {
    width: 100%;
    padding: 40px 60px;
    display: flex;
    /* flex-wrap: wrap; */
}

.hnid-ri {
    width: 180px;
    flex: none;
}

.hnid-ri a {
    display: block;
    width: 100%;
}

.hnid-ri-tit p {
    font-size: 14px;
    color: #666666;
    line-height: 1.4;
}

.hnid-ri-tit {
    margin-top: 12px;
}

.hnid-le {
    flex: none;
}

.hnid-le-top {
    display: flex;
    margin-bottom: 20px;
}

.hnid-le-top .mod-side-top-link {
    padding: 0 !important;
    background: transparent;
}

.hnid-le-top .mod-side-top-link p {
    color: #333;
}

.hnid-le-btm-li {
    width: 240px;
    padding-right: 20px;
}

.hlbl-wrap {
    width: 100%;
    position: relative;
    margin-bottom: 21px;
}

.hlbl-link {
    display: flex;
    align-items: flex-start;
}

.hlbl-link img {
    width: 24px;
    flex: none;
}

.hlbl-link p {
    color: #999;
    line-height: 1.4;
    transition: all 0.36s;
    margin-top: 2px;
    padding-left: 10px;
}

.hnid-le-btm {
    display: flex;
}


.hlbl-wrap.yxnav-active2 .hlbl-link p {
    color: var(--color);
    text-decoration: underline;
}


.hlbl-wrap:hover .hlbl-link p {
    color: var(--color);
    text-decoration: underline;
}

.head-nav-item.yxnav-active1 .head-nav-item-title {
    color: #00469B !important;
}

.head-nav-item-downwq1 {
    left: -37px;
    display: none;
}

.hnid-list-ul-li {
    width: 146px;
    position: relative;
    margin-right: 40px;
    margin-top: 40px;
}

.hnid-list-ul-li:nth-child(1),
.hnid-list-ul-li:nth-child(2),
.hnid-list-ul-li:nth-child(3) {
    margin-top: 0px;
}

.hnid-list-ul-li::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 1px;
    height: 22px;
    background: #DDDDDD;
}

.hnid-list-ul-li:nth-child(3n)::after {
    display: none;
}

.hnid-list-ul-li:last-child:after {
    display: none;
}

.hlul-icon {
    width: 26px;
}

.hlul-icon img:nth-child(2) {
    opacity: 0;
}

.hlul-link {
    display: flex;
}

.hlul-info p {
    font-size: 18px;
    line-height: 1.4;
    color: #333;
    transition: all 0.36s;
}

.hlul-info {
    padding-left: 10px;
}

.hlul-icon img {
    transform: scale(1) !important;
}

.hnid-list-ul {
    display: flex;
    flex-wrap: wrap;
    width: 596px;
}

.hnid-list-ul-li.yxnav-active2 .hlul-icon img:nth-child(1) {
    opacity: 0;
}

.hnid-list-ul-li.yxnav-active2 .hlul-icon img:nth-child(2) {
    opacity: 1;
}

.hnid-list-ul-li.yxnav-active2 .hlul-info p {
    color: var(--color);
}

.head-nav-item-downwq2 {
    left: -160px;
    display: none;
}

.head-nav-item-downwq3 {
    background: #fff !important;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
}

.hnid-usuall-link {
    font-size: 16px;
    line-height: 1.65;
    color: #999;
    padding: 9px 36px;
    white-space: nowrap;
    display: block;
    transition: all 0.36s;
}

.hnid-usuall-li.yxnav-active2 .hnid-usuall-link {
    background: #F5F5F7;
    color: var(--color);
}

.drrb-wrap span {
    display: none;
}




/* kim */

/*f2_1 F2-关于先楫-新闻资讯*/
.news-recommend-sec {
    background-color: #F5F5F7;
}

.news-recommend-cont-link {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.news-recommend-sec-left {
    width: 36.25%;
}

.news-recommend-sec-right {
    width: 57%;
}

.news-recommend-sec-right .ys-imgbox-cover {
    width: 100%;
}

.nrsl-top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 23px;
    margin-bottom: 20px;
}

.nrsl-top-text {
    width: 80px;
    background-color: #00469B;
    text-align: center;
    line-height: 28px;
    color: #FFFFFF;
    font-size: 14px;
}

.nrsl-top-date {
    margin-left: 16px;
    font-size: 16px;
    line-height: 1.45;
    color: #666666;
}

.news-recommend-sec-left .std-tit5 {
    line-height: 1.45;
    color: #333333;
    font-weight: bold;
    max-height: 2.9em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.nrsl-text {

    margin-top: 20px;
    margin-bottom: 43px;
}

.nrsl-text p {
    font-size: 16px;
    line-height: 1.75;
    color: rgba(102, 102, 102, 1);
    max-height: 12.25em;
    overflow: hidden;
    -webkit-line-clamp: 7;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.nrsl-btm {
    display: inline-block;
}

.nrsl-bot {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background-color: rgba(255, 255, 255, 1);
    padding: 6px 24px;
    transition: all 0.36s ease;
}

.nrsl-bot-text {
    color: #00469B;
    font-size: 16px;
    line-height: 1.75;
    transition: all 0.36s ease;
}

.nrsl-bot-arrow {
    width: 14px;
    height: 8px;
    color: #00469B;
    margin-bottom: 4px;
    margin-left: 10px;
    transition: all 0.36s ease;
}

.news-recommend-ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: -10px;
    margin-right: -10px;
}

.news-recommend-list {
    padding: 0 10px;
}

.news-recommend-list-link {
    display: block;
    background-color: rgba(245, 245, 247, 1);
    border: 1px solid #E3E4E8;
    text-align: center;
    font-size: 18px;
    line-height: 1.75;
    padding: 4px 30px;
    color: #333333;
}

.news-recommend-list .news-recommend-list-link {
    cursor: pointer !important;
}

.news-recommend-list.act .news-recommend-list-link {
    background-color: rgba(0, 70, 155, 1);
    border: 1px solid rgba(0, 70, 155, 1);
    color: rgba(255, 255, 255, 1);
}

.news-recommend-pcfy {
    margin-top: 25px;
}

.news-recommend-pcfy .ys-pcfy .first {
    display: none;
}

.news-recommend-pcfy .ys-pcfy .end {
    display: none;
}

.news-recommend-pcfy .pc-fenye li {
    border: 1px solid rgba(153, 153, 153, 0.20);
    width: 33px;
    height: 33px;
    line-height: 33px;
    color: #00469B;
}

.news-recommend-pcfy .pc-fenye li.activepage {
    color: #fff;
    background: #00469B;
}

.news-recommend-sec-slick .slick-dots {
    bottom: 33px;
    margin: 0 -5px;
    text-align: left;
}

.news-recommend-sec-slick .slick-dots li {
    width: 80px;
    height: 4px;
    margin: 0 5px;
    cursor: pointer;
    border-radius: 0;
    background: rgba(0, 70, 155, 0.2);
}

.news-recommend-sec-slick .slick-dots li.slick-active {
    background: #00469B;
}

/*f2_1 F2-关于先楫-新闻资讯end*/


/*e2_2 E2服务支持技术课程详情*/
.course-details .mod-bread-ul-li a {
    color: #666;
}

.course-details .mod-bread-ul-li::after {
    background-image: url(../fonts/e2arrow.svg);
}

.course-details-sec .ys-cont1200 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.course-details-sec-left {
    width: 70%;
}

.cdsl-top .std-tit3 {
    font-weight: bold;
    line-height: 1.45;
    color: #333;
}

.cdsl-top-bot {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 86.904762%;
    padding-top: 25px;
    padding-bottom: 19px;
    border-bottom: 1px solid rgba(227, 228, 232, 1);
}

.cdsl-top-bot-date {
    padding-right: 20px;
    line-height: 22px;
    font-size: 16px;
    color: #666666;
    line-height: 1.4;
    margin-right: 12px;
    font-family: xianji;
}

.cdsl-top-bot-text {
    display: flex;
    flex-wrap: wrap;
    /* width: 104px;
    height: 28px; */
    line-height: 28px;
}

.cdsl-top-bot-text .ctbt-tit {
    font-size: 16px;
    color: #666666;
    line-height: 1.75;
}

.cdsl-top-bot-text .ctbt-date {
    font-size: 16px;
    color: #666666;
    line-height: 1.75;
}

.cdsl-top-bot-img {
    width: 20px;
    height: 20px;
    margin-left: 26px;
    margin-right: 28px;
}

.cdsl-top-share {
    cursor: pointer;
}

.cdsl-top-bot .ys-share-wecha {
    cursor: pointer;
}

.cdsl-top-bot-img img {
    width: 100%;
}

.cdsl-top-bot .ys-share-img {
    width: 20px;
    height: 20px;
}

.cdsl-top-bot .ys-share-img img {
    width: 100%;
}

.cdsl-bot {
    padding-right: 38px;
}

.cdsl-margin-bot {
    border-right: 1px solid rgba(227, 228, 232, 1);
    margin-right: -38px;
    padding-top: 40px;
}

.cdsl-bot-video {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}

.cdsl-bot-video video {
    width: 100%;
}

.cdsl-bot-play {
    width: 44px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.cdsl-bot-play img {
    width: 100%;
}

.cdsl-bot-time {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    background-color: #00469B;
    padding: 4px 14px;
    position: absolute;
    top: 14px;
    left: 16px;
}

.cdsl-bot-time-number {
    font-size: 16px;
    color: #fff;
    font-family: 'xianji';
    padding-left: 10px;
    line-height: 1.4;
}

.cdsl-bot .yxedr-active p {
    font-size: 16px;
    color: rgba(102, 102, 102, 1);
}

.cdsl-pasy {
    margin-top: 20px;
    display: flex;
    flex-wrap: wrap;
}

.cdsl-pasy-list {
    width: 30.952381%;
}

.cdsl-pasy> :first-child {
    margin-right: 290px;
}

.cdsl-pasy-list-top {
    font-size: 16px;
    line-height: 1.75;
    color: #333;
    margin-bottom: 4px;
    max-height: 1.75em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.cdsl-pasy-list-bot {
    font-size: 14px;
    line-height: 1.75;
    color: #00469B;
    max-height: 3.5em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.cdsl-bot .yxedr-active {
    border-bottom: 1px solid rgba(227, 228, 232, 1);
}

.course-details-sec-right {
    width: 23.5%;
    margin-top: 112px;
}

.cdsr-title {
    font-size: 24px;
    line-height: 1.45;
    color: #333;
    font-weight: bold;
    margin-bottom: 24px;
}

.cull-top {
    position: relative;
}

.cdsr-ul-list-time .cdsl-bot-time {
    top: 6px;
    left: 6px;
}

.cdsr-ul-list-img {
    width: 22px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    z-index: 1;
}

.cdsr-ul-list-text {
    font-size: 16px;
    line-height: 1.75;
    color: #333;
    margin-top: 10px;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.cdsr-ul-list {
    margin-bottom: 20px;
}

/*e2_2 E2服务支持技术课程详情end*/


/*f2_2*/
.detail-main-sec .cdsl-bot-play {
    width: 44px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

.detail-main-sec .cdsl-margin-bot {
    border-right: 0;
    margin-right: 0;
    border-top: 1px solid rgba(227, 228, 232, 1);
}

.detail-main-sec .cdsl-bot {
    padding-right: 0;
}

.detail-main-sec .cdsl-top-bot {
    padding-top: 27px;
    padding-bottom: 35.5px;
    border-bottom: 0;
}

.detail-main-sec .course-details-sec-left {
    width: 60.833333%;
}

.detail-main-sec .cdsl-pasy> :first-child {
    width: 43.835616%;
    padding-right: 30px;
    margin-right: 0;
}

.detail-main-sec .cdsl-pasy> :last-child {
    width: 40.410959%;
}

.detail-main-sec .cdsl-pasy {
    justify-content: space-between;
    margin-top: 30px;
}

.detail-main .mod-bread-ul-li a {
    color: #666;
}

.detail-main .mod-bread-ul-li::after {
    background-image: url(../fonts/e2arrow.svg);
}

.detail-main-sec .course-details-sec-left .yxedr-active h6 {
    line-height: 1.75;
    font-weight: bold;
    color: #0B1839;
    margin-bottom: 6px;
}

.detail-main-sec .course-details-sec-left .yxedr-active p {
    line-height: 1.75;
    font-size: 16px;
    color: #666666;
}

.detail-main-sec .course-details-sec .yxedr-active {
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(227, 228, 232, 1);
}

.detail-main-sec .course-details-sec-right {
    width: 35%;
    margin-top: 0px;

}

.detail-main-sec-right {
    padding-top: 60px;
    padding-left: 50px;
    border-left: 1px solid rgba(227, 228, 232, 1);
}

.detail-main-sec-text {
    font-size: 16px;
    line-height: 1.75;
    color: #333333;
    margin-bottom: 10px;
    max-height: 3.5em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    transition: all 0.4s ease;
}

.detail-main-sec-date {
    font-size: 16px;
    font-family: xianji;
    color: #666666;
    line-height: 1.4;
    transition: all 0.4s ease;
}

.detail-main-sec-right .cdsr-ul-list {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(227, 228, 232, 1);
}

.dmsr-image img {
    margin-left: -6px;
    border: 1px dashed #333333;
}

.dmsr-text {
    margin-left: 12px;
    font-size: 16px;
    line-height: 1.75;
    color: #333333;
}

.dmsr-bot {
    margin-top: 26px;
}

.detail-main-sec .ys-share-wechat {
    cursor: pointer;
}

/*f2_2end*/


/*e3*/
.cooperayion-main-sec-top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: -10px;
    margin-right: -10px;
}

.cmst-list {
    padding: 0 10px;
}

.cmst-link {
    display: block;
    padding: 4px 30px;
    font-size: 18px;
    line-height: 1.75;
    color: #333333;
    border: 1px solid #E3E4E8;
}

.cmst-list a {
    cursor: pointer !important;
}

.cmst-list.act a {
    background-color: #00469B;
    color: #FFFFFF;
}

.cooperayion-main-sec-btm {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: -11px;
    margin-right: -11px;
}

.cmsb-list {
    width: 20%;
    padding: 0 11px;
    margin-bottom: 20px;
}

.cmsb-list .ys-imgbox-cover> :last-child {
    background-color: #FFFFFF;
}

.cmsb-link {

    border: 1px solid #E3E4E8;
}

.ssms-ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: -10px;
    margin-right: -10px;
}

.ssms-ul-list {
    width: 33.333333%;
    padding: 0 10px;
    margin-bottom: 40px;
}

.sull-top .ys-imgbox-cover {
    width: 100%;
}

.sull-top {
    position: relative;
}

.sull-top-play {
    width: 44px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.sull-top-play img {
    width: 100%;
}

.sull-top-time {
    position: absolute;
    top: 6px;
    left: 6px;
    display: flex;
    flex-wrap: wrap;
    padding: 4px 14px;
    background-color: #00469B;
}

.sull-top-time-play {
    width: 8px;
    height: 10px;
    margin-top: 3px;
    margin-right: 8px;
}

.sull-top-time-text {
    font-size: 16px;
    line-height: 1.4;
    color: #FFFFFF;
    font-family: xianji;
}

.sull-date {
    margin-top: 20px;
    margin-bottom: 7px;
    font-size: 16px;
    line-height: 1.4;
    color: #666666;
    font-family: xianji;
}

.sull-tit {
    font-size: 20px;
    line-height: 1.75;
    color: #333333;
    max-height: 3.5em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.sull-text p {
    font-size: 16px;
    line-height: 1.75;
    color: #666666;
    margin-top: 7px;
    height: 3.5em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.service-support-mian-sec .ys-pcfy .first {
    display: none;
}

.service-support-mian-sec .ys-pcfy .end {
    display: none;
}

.service-support-mian-sec .ys-pcfy .prev li::before {
    display: none;
}

.service-support-mian-sec .ys-pcfy .prev li::after {
    content: '';
    width: 18px;
    height: 16px;
    display: inline-block;
    background: url('../fonts/e2_1arrow1.svg');
    background-size: cover;
    margin-top: 8px;
}

.service-support-mian-sec .ys-pcfy .next li::before {
    display: none;
}

.service-support-mian-sec .ys-pcfy .next li::after {
    content: '';
    width: 18px;
    height: 16px;
    display: inline-block;
    background: url('../fonts/e2_1arrow2.svg');
    background-size: cover;
    margin-top: 8px;
}

.service-support-mian-sec .pc-fenye li {
    width: 33px;
    height: 34px;
    line-height: 33px;
    color: #00469B;
    text-align: center;
    margin: 0 10px;
    border-radius: 50%;
    transition: .3s;
    border: 1px solid rgba(153, 153, 153, 0.2);
}

.service-support-mian-sec .pc-fenye li.activepage {
    color: #fff;
    background: #00469B;
}

.service-support-mian-sec .ys-pcfy {
    margin-top: 20px;
}



/*e3end*/

/*f3*/
.join-sec-top-tit {
    font-size: 40px;
    color: #333;
    font-weight: bold;
    line-height: 1.45;
    text-align: center;
}

.join-sec-top-ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -22.5px;
    margin-right: -22.5px;
}

.jstu-list {
    width: 25%;
    padding: 0 22.5px;
}

.image-container {
    position: relative;
    /* 使子元素能够相对于容器进行定位 */
    width: 100%;
    height: 100%;
}

.image-container .ys-imgbox-cover {
    width: 100%;
    height: 100%;
    display: block;
    /* 消除图片底部的默认间隙 */
}

.image-container::after {
    content: '';
    position: absolute;
    /* 绝对定位以相对于父容器定位 */
    top: 0;
    /* 从顶部开始 */
    left: 0;
    /* 从左侧开始 */
    width: 100%;
    /* 宽度与容器相同 */
    height: 100%;
    /* 高度与容器相同 */
    background: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0));
    z-index: 1;
    /* 确保在图片上方 */
    transition: all .36s ease;
}

.image-container::before {
    content: '';
    position: absolute;
    /* 绝对定位以相对于父容器定位 */
    top: 0;
    /* 从顶部开始 */
    left: 0;
    /* 从左侧开始 */
    width: 100%;
    /* 宽度与容器相同 */
    height: 100%;
    /* 高度与容器相同 */
    background: var(--VI, #00469B);
    z-index: 1;
    /* 确保在图片上方 */
    transition: all .36s ease;
    opacity: 0;
}

.jstu-list-link {
    position: relative;
}

.jstu-list-link-text {
    left: 50%;
    transform: translateX(-50%);
    bottom: 24px;
    width: 100%;
    padding: 0 20px;
    position: absolute;
    z-index: 2;
    transition: all 0.36s ease;
}

.jllt-text {
    text-align: center;
    font-size: 16px;
    color: #FFF;
    line-height: 1.75;
    transition: all 0.36s ease;
    height: 3.5em;
    overflow: hidden;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.icon-text {
    font-size: 18px;
    color: #FFF;
    font-weight: bold;
    line-height: 1.75;
    margin-top: 21px;
}

.jstu-list-link-icon {
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 95px;
    opacity: 0;
    z-index: 2;
    transition: all 0.36s ease;
    width: 100%;
    padding: 0 20px;
}

.join-sec-btm-tit {
    font-size: 40px;
    color: #333;
    font-weight: bold;
    line-height: 1.45;
    text-align: center;
}

.join-sec-btm {
    margin-top: 100px;
}

.jsbc-all-list {
    margin-bottom: 20px;
}

.jsbc-all-list-top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    justify-items: center;
    padding: 24px 40px;
    border: 1px solid #E3E4E8;
    cursor: pointer;
}

.jalt-left {
    width: 85.833333%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    justify-items: center;
}

.jalt-left-tit p {
    color: #333;
    font-size: 20px;
    line-height: 1.6;
    height: 1.6em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.jalt-left-text p {
    color: #333;
    font-size: 18px;
    line-height: 1.6;
}

.jalt-right {
    width: 12px;
    height: 6px;
    margin-top: 8px;
}

.jalt-right img {
    width: 100%;
}

.jalb-cont-list {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 29px;
}

.jsbc-all-list-tit {
    width: 10.416666%;
    font-size: 20px;
    line-height: 1.7;
    color: #333;
}

.jsbc-all-list-btm {
    display: none;
    background-color: rgba(245, 245, 247, 1);
    padding: 40px 40px;
}

.jsbc-all-list-text p {
    font-size: 16px;
    line-height: 1.5;
    color: #666;
}

.jsbc-all-list-text {
    width: 79.16666666%;
    margin-top: 6px;
}

.jalb-link {
    margin-left: 10.416666%;
    /* display: inline-block; */
}

.jalb-link .mod-more-link p {
    color: #00469B;
    transition: all 0.36s;
}

.jalb-link .mod-more-link path {
    fill: #00469B;
    transition: all 0.36s;
}

.join-sec-btm-cont {
    margin-top: 52px;
}

.jsbc-all-list-top.on .jalt-right {
    transform: rotate(180deg);
    margin-top: 18px;
    transition: all 0.36s;
}

.jsbc-all-list-top.on {
    border: 1px solid #00469B;
    transition: all 0.36s;
}

.jalb-link .mod-more-link {
    border: 1px solid #00469B;
    background: #fff;

}

.jalb-link .mod-more-link {
    padding: 10px 24px;
}

.jalb-link .mod-more-link p {
    font-size: 16px;
}

/*f3end*/


/*鼠标效果*/
@media screen and (min-width: 1200px) {
    .rrbu-link:hover {
        border-color: #00469B !important;
    }

    /*f2_1 F2-关于先楫-新闻资讯*/
    .news-recommend-cont-link:hover .nrsl-bot {
        background-color: #00469B;
    }

    .news-recommend-cont-link:hover .nrsl-bot-text {
        color: #fff;
    }

    .news-recommend-cont-link:hover .nrsl-bot-arrow {
        color: #fff;
    }

    /*f2_1 F2-关于先楫-新闻资讯end*/


    /*f2_2*/
    .cdsr-ul-list-link:hover .detail-main-sec-text {
        color: #00469B;
    }

    .cdsr-ul-list-link:hover .detail-main-sec-date {
        color: #00469B;
    }

    /*f2_2end*/



    /*f3*/
    .jstu-list-link:hover .image-container::before {
        opacity: 0.9;

    }

    .jstu-list-link:hover .jstu-list-link-icon {
        opacity: 1;
    }

    .jstu-list-link:hover .jstu-list-link-text {
        opacity: 0;
    }

    .jalb-link .mod-more-link:hover p {
        color: #fff;
    }

    .jalb-link .mod-more-link:hover path {
        fill: white;
    }

    /*f3end*/

    .mfbl-li-btm-li a:hover {
        color: var(--color) !important;
    }

}


/* kim end */



/* ada start */
.side-main-title {
    text-align: center;
    line-height: 1.75;
    margin-bottom: 40px;
    font-weight: bold;
}

.side-main-cont {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
}

.side-main-cont-left {
    width: 55%;
    padding-right: 154px;
}

.side-main-cont-right {
    width: 45%;
    cursor: pointer;
}

.smcl-text p {
    margin-bottom: 16px;
}

.smcl-title {
    font-weight: bold;
    margin-top: 4px;
    margin-bottom: 10px;
}

.side-main-cont .yxedr-active p {
    color: #666;
}

.smcl-word:last-child {
    width: 122%;
}

.scheme-main-ul {
    display: flex;
    margin: 0 -10px;
    flex-wrap: wrap;
}

.scheme-main-ul-li {
    display: flex;
    padding: 0 10px;
    width: 33.333333%;
    margin-bottom: 20px;
}


.smul-right {
    width: 42px;
    height: 42px;
}

.scheme-main-ul-li a {
    padding: 20px 20px;
    border: 1px solid #E3E4E8;
    background: #F5F5F7;
    display: flex;
    align-items: center;
    width: 100%;
    transition: all .36s;
}

.smul-left {
    width: 88%;
    padding-right: 20px;
}

.smul-right {
    width: 12%;
}

.smul-left-title {
    font-size: 20px;
    color: #333;
    margin-bottom: 8px;
    line-height: 1.75;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    max-height: calc(1.75em* 1);
    overflow: hidden;
}

.smul-left-text {
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    max-height: calc(1.75em* 1);
    overflow: hidden;
    line-height: 1.75;
    color: #666;
}

.expl-main-cont {
    display: flex;
    align-items: flex-start;
    position: relative;
}

.emtl-title {
    line-height: 1.45;
    font-weight: bold;
}

.expl-main-top-left {
    width: 63%;
    padding-right: 98px;
}

.expl-main-top-right {
    width: 37%;
    position: sticky;
    top: 120px;
    left: 0;
}

.emtl-title {
    margin-bottom: 20px;
}

.emtl-button {
    display: flex;
    position: relative;
    z-index: 10;
    align-items: center;
}

.emtl-text {
    color: #666;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #E3E4E8;
}

.emtl-button-ul {
    display: flex;
    align-items: center;
}

.emtl-button-ul-li a {
    display: block;
    padding: 7px 24px;
    text-align: center;
    background-color: var(--color);
    color: #fff;
    margin-right: 20px;
}

.emtl-bun-waretop {
    display: flex;
    align-items: center;
    padding: 5px 24px;
    border: 1px solid var(--color);
    justify-content: center;
    cursor: pointer;
}

.emtl-bun-ware-text {
    color: var(--color);
    line-height: 1.75;
    margin-right: 4px;
}

.emtl-top {
    margin-bottom: 130px;
}

.expl-main-top-right {
    margin-top: 65px;
}

.expl-main-bom-title {
    margin-bottom: 4px;
}

.emtl-bottom li p {
    position: relative;
}

.emtl-bottom li p::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: var(--color);
    margin-right: 10px;
    position: absolute;
    top: 50%;
    left: -16px;
    transform: translateY(-50%);
}

.expl-main-bom-text {
    color: #666;
    margin-bottom: 4px;
}

.emtl-bun-warehouse {
    position: relative;
}

.emtl-bun-warebom {
    display: none;
    width: 100%;
    position: absolute;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    background: #fff;

}

.emtl-bun-warebom-ul {
    padding: 10px 24px;
    width: 100%;
}

.ebwu-li a {
    transition: all .36s;
    cursor: pointer;
    color: #999;
}

.emtl-bun-ware-icon {
    transition: all .36s;
}

.emtl-bun-warehouse.on .emtl-bun-ware-icon {
    transform: rotate(180deg);
}

.emtl-bottom li p {
    font-size: 16px;
    color: #999;
    margin-left: 16px;
}

.emtl-bottom .yxedr-active ol,
.emtl-bottom .yxedr-active ul {
    padding-inline-start: 0;
    margin-block-start: 0;
    margin-block-end: 0;
}

.appl-top-word {
    text-align: center;
    margin-bottom: 60px;
}

.appl-top-title {
    font-weight: bold;
    margin-bottom: 4px;
    line-height: 1.75;
}

.appl-top-text {
    color: #666;
}

.appl-top-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -50px;
}

.appl-top-ul-li {
    height: 100%;
    width: 25%;
    padding: 0 50px;
}

.atul-icon {
    margin: 0 auto;
    width: 100px;
}

.atul-text {
    color: #666;
    text-align: center;
    margin-top: 20px;
}

.appl-middle {
    position: relative;
}

.appl-middle-bj {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: -1;
}

.appl-middle-bj img {
    margin: 0 auto;
    width: 100%;
    height: 100%;
}

.appl-bottom .appl-top-title {
    text-align: center;
}

.appl-middle-cont-word .appl-top-title {
    color: #fff;
}

.amcw-text {
    color: #fff;
    margin-bottom: 46px;
}

.appl-bottom-title {
    line-height: 1.75;
    text-align: center;
    font-weight: bold;
    margin-bottom: 40px;
}

.appl-bom-ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.appl-bom-ul-li {
    padding: 0 10px;
    width: 33.333333%
}

.appl-bom-ul-li a {
    display: block;
    cursor: pointer;
}

.abul-cont {
    background: #F5F5F7;
}

.abul-cont-word {
    padding: 24px 20px 34px;
}

.abul-cont-text {
    color: #666;
    line-height: 1.75;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: calc(1.75em* 2);
    overflow: hidden;
}

.grey .abul-cont-text {
    font-family: 'xianji';
}

.abul-cont-title {
    font-size: 20px;
    color: #333;
    line-height: 1.75;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: calc(1.75em * 2);
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 16px;
}

.ys-cont703 {
    width: 703px;
    margin-right: 40px;
}

.amcu-li-img {
    width: 100%;
    position: relative;
}

.amcu-li-img::before {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 10;
    opacity: 0;
    transition: all .36s;
}

.appl-middle-cont a:hover .ys-imgbox-cover img {
    transform: scale(1);
}

.amcu-li a {
    position: relative;
}

.amcu-li-word {
    color: #fff;
    text-align: center;
    width: calc(100% - 190px);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .36s;
    opacity: 0;
}

.amcu-li-title {
    font-weight: bold;
    color: #fff;
    margin-bottom: 20px;
}

.appl-middle-cont-ul {
    display: flex;
}

.appl-middle-cont-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.amcb-number-bxian {
    font-size: 24px;
    line-height: 1.75;
    color: #F5A200;
}

.amcb-number-bhou {
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
}

.appl-middle-cont-button {
    width: 10%;
    position: relative;
    display: flex;
    align-items: center;
}

.swiper-pagination-progressbar {
    background: #fff !important;
    position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #F5A200 !important;
}

.appl-middle-cont-button .swiper-pagination {
    position: absolute;
    top: 60%;
    transform: translateY(-50%);
    width: 100%;
    height: 2px;
}

.amcb-number {
    position: absolute;
    left: -80px;
}

.amcb-number {
    color: #fff;
    position: relative;
    margin-right: 10px
}

.amcb-line {
    width: 105px;
    height: 2px;
    background-color: #fff;
    position: relative;
}

.amcb-line::after {
    content: "";
    position: absolute;
    width: 0%;
    height: 100%;
    background: #F5A200;
    transition: all .36s;
}

.appl-middle-cont-bottom {
    width: 703px;
}

.amcu-li {
    margin-right: 40px;
}

.grey {
    background-color: #F5F5F7;
}

.grey .abul-cont-word {
    padding: 20px 0;
}

.dashboard-main .appl-bottom-title {
    margin-bottom: 4px;
}

.appl-bottom-text {
    color: #666;
    text-align: center;
    margin-bottom: 40px;
}

.dmtl-title {
    font-weight: bold;
    margin-bottom: 16px;
}

.dmtl-text {
    color: #666;
    margin-bottom: 24px;
}

.dash-main-top-cont {
    display: flex;
}

.dmtr-title {
    font-weight: bold;
    margin-bottom: 10px;
}

.dash-main-top-left {
    width: 74%;
}

.dash-main-top-right {
    width: 26%;
    padding-left: 32px;
}

.dmtl-img {
    border: 1px solid #E3E4E8;
    background: #F5F5F7;
}

.dmtr-products {
    padding: 20px;
    border: 1px solid #E3E4E8;
    background: #F5F5F7;
}

.dmtr-prod-li a {
    color: #333;
    line-height: 1.75 !important;
    transition: all .36s;
    display: block;
    height: 1.75em;
    overflow: hidden;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.dmtr-products li {
    padding: 10px 0;
    border-bottom: 1px solid #E3E4E8;
}

.dmtr-products li:nth-child(1) {
    padding-top: 0px;
}

.dash-main-head-cont {
    display: flex;
}

.dash-main-head-left {
    width: 43%;
}

.dash-main-head-right {
    width: 57%;
    padding-left: 67px;
}

.dash-main-head-right .yxedr-active p {
    font-size: 16px;
    color: #666;
}

/*.dash-main-head-right .yxedr-active p::before {*/
/*    content: "";*/
/*    display: inline-block;*/
/*    width: 10px;*/
/*    height: 10px;*/
/*    background-color: #00469B;*/
/*    margin-right: 10px;*/
/*}*/

.dash-main-head-right .yxedr-active h6 {
    margin-bottom: 10px;
}

.dmhr-title {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    line-height: 1.75;
}

.dash-main-head {
    margin-top: 100px;
}

.abul-cont-top {
    position: relative;
}

.abul-cont-icon {
    width: 44px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.dmhl-bigimg {
    margin-bottom: 20px;
}

.dmhl-smallimg {
    display: flex;
    margin: 0 -8px;
}

.dmhl-small-li {
    width: 25%;
    padding: 0 8px;
    cursor: pointer;
}

.dashboard-main .slick-dots li {
    opacity: 0;
}

.side-main-cont .yxedr-active h6 {
    margin-bottom: 10px;
}

.grey .abul-cont-title {
    margin-top: 4px;
    margin-bottom: 4px;
}

.dmtr-prod-li a:hover {
    color: var(--color);
}

/* ada end */

.mod-main {
    width: 100%;
    position: relative;
}

body.mod-body {
    overflow: visible !important;
}

.rrbu-link .rrbu-link-le img {
    transform: scale(1) !important;
}

.dash-main-head {
    margin-top: 0 !important;
    /* padding-bottom: 0 !important; */
}

.dmhl-small-li .ys-imgbox-cover::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 2px);
    height: calc(100% - 2px);
    border: 1px solid var(--color);
    transition: all 0.36s;
    opacity: 0;
}

.dmhl-small-li.slick-current .ys-imgbox-cover::after {
    opacity: 1;
}

.dash-main-head-right .dmhr-text ul {
    padding-left: 17px !important;
}

.news-recommend-pcfy.drrb-fenye {
    padding-top: 50px;
    margin-top: 0 !important;
}

.expl-main-top-left .emtl-bottom ul {
    padding-left: 0 !important;
}

.odsq-tit {
    width: 307px;
    margin-left: auto;
    margin-right: auto;
}

.odsq-tit img {
    width: 100%;
}

.course-details-sec-left .yxedr-active {
    border-bottom: 1px solid #E3E4E8;
    padding-bottom: 20px;
}

.contact-map-ph {
    display: none;
}


.contact-plate-wrap-li .cmwa-dots-btm-img {
    position: relative;
    top: auto;
    left: auto;
    transform: none !important;
    right: auto;
    pointer-events: all;
    opacity: 1;
    width: 100%;
    display: none;
}

/*鼠标效果*/
@media screen and (min-width: 1200px) {

    /* .ys-banner1 .mod-more-link:hover {
        background: var(--color);
    } */

    .ys-banner1 .mod-more-link:hover p {
        color: #fff;
    }

    .ys-banner1 .mod-more-link:hover path {
        fill: #fff;
    }

    .dsbl-link:hover .drim-link {
        color: var(--color);
        background: #fff;
    }

    .drim-link:hover {
        color: var(--color);
        background: #fff;
    }

    .ccbw-wrap:hover {
        background: var(--color);
    }

    .ccbw-wrap:hover .ccbw-wrap-logo {
        opacity: 1;
    }

    .mfbl-li-btm-li a:hover {
        color: #333;
    }

    .mfbl-li-top a:hover {
        opacity: 0.7;
    }

    .msbu-link:hover p {
        color: var(--color);
    }

    .hjbu-link:hover .hjbu-link-btm-tit .std-tit20 {
        color: var(--color);
    }

    .hpbc-wrap:hover img:nth-child(1) {
        opacity: 0;
    }

    .hpbc-wrap:hover img:nth-child(2) {
        opacity: 1;
    }

    .hpbs-li-link:hover {
        cursor: none !important;
    }

    .hpbs-li-link:hover .hpbs-li-link-top {
        opacity: 0;
    }

    .hpbs-li-link:hover .hpbs-li-link-img1 {
        opacity: 0;
    }

    .hpbs-li-link:hover .hpbs-li-link-img2 {
        opacity: 1;
    }

    .hdwu-li:hover .hdwu-info .std-tit5 {
        color: #333333;
    }

    .hdwu-li:hover .hdwu-icon img:nth-child(1) {
        opacity: 0;
    }

    .hdwu-li:hover .hdwu-icon img:nth-child(2) {
        opacity: 1;
    }

    .mod-more:hover .std-bt-bg {
        transform: translate3d(0%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    }

    .mhrl-btm-li a:hover {
        color: var(--color);
    }

    .mhrr-btm-link:hover {
        color: #fff;
        border-color: var(--color);
        background-color: var(--color);
    }

    /* ada start */
    .ebwu-li:hover {
        color: var(--color);
    }

    .scheme-main-ul-li a:hover {
        border-color: var(--color);
    }

    .amcu-li:hover .amcu-li-img::before {
        opacity: 1;
    }

    .amcu-li:hover .amcu-li-word {
        opacity: 1;
    }

    .comp-tabli:hover li {
        color: #fff;
        background: #00469B;
    }

    /* ada end */


    .hdwu-li:hover .hdwu-icon img {
        opacity: 0;
    }

    .hdwu-li:hover .hdwu-icon svg {
        opacity: 1;
    }

    .tpbs-link:hover {
        transform: translateY(-4px);
    }

    .tpbs-link {
        transition: transform 0.3s ease;
    }

}

.ys-ban-li.slick-current .ys-ban-imgbox {
    animation: mysacle 5s ease both;
}

@keyframes mysacle {
    0% {
        transform: scale(1.15);
    }
}

.ys-ban-li.slick-current .ys-ban-txtbox-tit .std-tit1,
.ys-ban-li.slick-current .ys-ban-txtbox-more,
.ys-ban-li.slick-current .ys-ban-txtbox-info p {
    animation: ysfadeInUp 1s ease-in-out both;
}

@keyframes fadeInUpimg {
    0% {
        transform: scale(1.5);
    }

    100% {
        transform: none;
    }
}


@keyframes fadeclip {
    0% {
        clip-path: polygon(0 0, 100% 0, 100% 0, 0 50%);
        transform: translateY(60px);
        opacity: 0;
    }

    100% {
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
        transform: translateY(0);
        opacity: 1;
    }
}


@keyframes fadeInUpimg1 {
    0% {
        transform: scale(0.6);
    }

    100% {
        transform: none;
    }
}

.fadeclip {
    animation: fadeclip 1.6s ease 1;
}

.fadeInUpimg {
    transition: all 0.8s !important;
    animation: fadeInUpimg 1.6s ease 1;
}



.fadeInUpimg1 {
    transition: all 0.8s !important;
    animation: fadeInUpimg1 2s ease 1;
}

.scheme-swipe {
    width: 100%;
    position: relative;
    display: none;
}

.scheme-swipe:first-child {
    display: block;
}

.head-nav-item-downwq1 .hlbl-wrap {
    display: flex;
}

.msbu-li {
    display: flex;
}

.msbu-li .msbu-link:first-child {
    flex: none;
}

.ybnl-li .ybnl-link {
    cursor: pointer !important;
}

.develo-sort-ri {
    margin-left: 50px;
}

.appl-middle-wrat {
    width: 100%;
    height: 100vh;
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.appl-middle {
    background: #0D1B35;
}

.mod-fot-copyr {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.hpbc-wrap.swiper-button-disabled {
    opacity: 0.6;
    pointer-events: none;
}

.amcu-li a {
    display: block;
    width: 100%;
}

.dmhl-small-li .ys-imgbox-cover {
    opacity: 0.4;
    transition: all 0.36s;
}

.dmhl-small-li.slick-current .ys-imgbox-cover {
    opacity: 1;
}

.tpbs-link {
    overflow: hidden;
    position: relative;
}

.tpbs-link rect {
    transition: all 0.36s;
}

.tpbs-link:hover .tpbs-link1 {
    fill: #0A386D !important;
}

.tpbs-link:hover .tpbs-link2 {
    opacity: 1;
}

.tpbs-link2 {
    opacity: 0;
}

.tpbs-link text {
    pointer-events: none;
}

.filter-baner .std-bt-bg {
    background: rgb(8, 55, 113) !important;
}

.layui-layer-loading .layui-layer-content {
    height: 60px !important;
}

.hhbc-over {
    width: 100%;
    position: relative;
}

.home-histor-btm-chang {
    width: 100%;
    position: relative;
    display: none;
}

.home-histor-btm-chang:first-child {
    display: block;
}

.cpwl-info-ri p a {
    color: #333;
    transition: all 0.36s;
}

.contact-plate-wrap-li.act p a {
    color: #fff !important;
}



/*  */


.ys-hd-pc:hover {
    background: #fff;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}


.ys-hd-pc:hover .head-logo img:nth-child(1) {
    opacity: 0;
}

.ys-hd-pc:hover .head-logo img:nth-child(2) {
    opacity: 1;
}

.ys-hd-pc:hover .head-nav-item-title {
    color: #333;
}

.ys-hd-pc:hover .mon-head-ri .mhrr-top {
    background: #F5F5F7;
}

.ys-hd-pc:hover .mon-head-ri .mhrr-top input {
    color: #666;
}

.ys-hd-pc:hover .mon-head-ri .mhrr-top input::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #666;
}

.ys-hd-pc:hover .mon-head-ri .mhrr-top input:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #666;
}

.ys-hd-pc:hover .mon-head-ri .mhrr-top input::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #666;
}

.ys-hd-pc:hover .mon-head-ri .mhrr-top input:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #666;
}

.ys-hd-pc:hover .mhrl-top-ri path,
.ys-hd-pc:hover .mhrl-top-le path {
    fill: #333;
}

.news-recommend-sec-slick .slick-dots {
    bottom: 15px;
}

.news-recommend-sec-slick {
    padding-bottom: 55px;
}

.data-result-ri-btm .news-recommend-pcfy {
    text-align: center;
    display: flex;
    justify-content: center;
}

.data-result-ri-btm .news-recommend-pcfy .ys-pcfy {
    cursor: pointer;
}

.news-recommend-sec-cont.on .nrsl-top-text {
    background: var(--color1);
}

.hdwu-icon svg {
    width: 100%;
}

.home-system-ri lottie-player {
    position: absolute;
    top: 0;
    left: 0;
}

.home-system-ri .ys-imgbox-cover {
    z-index: 15;
}

.home-system-ri img:nth-child(1) {
    z-index: 10;
    position: relative;
    animation: p_ddd 2s linear 0ms infinite normal !important;
}

@keyframes p_ddd {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0px);
    }
}


.news-recommend-bot .news-recommend-pcfy {
    text-align: center;
}

.hdwu-icon svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.36s;
}

.appl-bottom .ssms-ul-list {
    display: none;
}

.appl-bottom .ssms-ul-list:nth-child(1),
.appl-bottom .ssms-ul-list:nth-child(2),
.appl-bottom .ssms-ul-list:nth-child(3) {
    display: block;
}

.appl-bottom .appl-bom-ul-li {
    display: none;
}

.appl-bottom .appl-bom-ul-li:nth-child(1),
.appl-bottom .appl-bom-ul-li:nth-child(2),
.appl-bottom .appl-bom-ul-li:nth-child(3) {
    display: block;
}

.home-journa .hjbu-li {
    display: none;
}

.home-journa .hjbu-li:nth-child(1),
.home-journa .hjbu-li:nth-child(2),
.home-journa .hjbu-li:nth-child(3) {
    display: block;
}

.scheme-main-ul .smul-left-text {
    -webkit-line-clamp: 2;
    height: 3.5em;
    max-height: inherit !important;
}

.compa-grow-le .tiny-series-video-play {
    z-index: 10;
}

.compa-grow-le .tiny-series-video-play {
    display: none;
}

.head-logo {
    width: 122px;
}

.mod-side {
    width: 296px;
}

.dmtl-img img {
    width: 100%;
}

.side-page .mod-banner-nav {
    display: block !important;
}

.home-honor-btm .hhbu-li {
    display: none;
}

.home-honor-btm .hhbu-li:nth-child(1),
.home-honor-btm .hhbu-li:nth-child(2),
.home-honor-btm .hhbu-li:nth-child(3),
.home-honor-btm .hhbu-li:nth-child(4),
.home-honor-btm .hhbu-li:nth-child(5),
.home-honor-btm .hhbu-li:nth-child(6),
.home-honor-btm .hhbu-li:nth-child(7),
.home-honor-btm .hhbu-li:nth-child(8),
.home-honor-btm .hhbu-li:nth-child(9),
.home-honor-btm .hhbu-li:nth-child(10) {
    display: block;
}

.home-honor-more-wrap img {
    transition: all 0.36s;
}

.home-honor.act .home-honor-more-wrap img {
    transform: rotate(180deg);
}

.home-honor.act .home-honor-btm .hhbu-li {
    display: block !important;
}

.dmhl-smallimg .slick-list {
    width: 100%;
}

.news-recommend-sec-slick .nrsl-top-date {
    margin-left: 0 !important;
}

.ys-ban-txtbox-info p {
    color: #fff;
}

.expl-main-top-left .yxedr-active p {
    margin-bottom: 4px;
}

.expl-main-top-left .yxedr-active ol,
.expl-main-top-left .yxedr-active ul {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
}

.news-recommend-sec-slick .nrsl-top-text {
    margin-right: 14px;
}

.home-histor {
    position: relative;
}

.home-histor-desz {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.home-histor .ys-cont1200 {
    position: relative;
    z-index: 10;
}

.home-histor-desz img {
    width: 100%;
}

.hhmw-moret {
    display: flex;
    justify-content: center;
}

.ys-share-wechat {
    cursor: pointer;
}

.course-details-sec-left .cdsl-top-bot-text {
    margin-right: 25px;
}

.develo-sort-btm-li .dsbl-ri-tit {
    display: flex;
}

.develo-sort-btm-li .dsbl-ri-tit span {
    flex: none;
    margin-top: 8px;
    padding-left: 15px;
    color: #999999;
    font-size: 16px;
}

.srct_compare.on .std_text14 {
    color: #00469B !important;
}

.sele_th0 {
    cursor: pointer;
}

.srct_compare.std_change .std_text14:first-child {
    opacity: 0;
    pointer-events: none;
}

.srct_compare.std_change .std_text14:nth-of-type(2) {
    opacity: 1;
    pointer-events: all;
}

.compa-grow-le .tiny-series-video-play {
    display: block;
    width: 56px;
}

.dmsr-image {
    width: 102px;
}

.dmsr-image img {
    width: 100%;
}

.tiny-page .tiny-series {
    background: #fff;
}

.head-logo img {
    image-rendering: auto !important;
    /* or crisp-edges, pixelated */
}

.resour-retriev-screen {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.tiny-page .ys-ban-txtbox-more .std-bt-bg {
    background: rgb(8, 55, 113) !important;
}


.appl-bom-ul-li .abul-cont-text:first-child {
    height: auto !important;
}

.develo-sort-btm-fenye {
    padding-top: 30px;
}

.mc_rtvl_radio.newradio::before {
    border-radius: 50%;
}

.mc_rtvl_radio.newradio::after {
    border-radius: 50%;
}

.dsbl-ri .drim-link {
    background: transparent;
    color: var(--color);
}

.drrb-wrap .mttw-img-com.on path {
    fill: #F5A200;
}

.news-recommend-sec-slick .slick-dots {
    bottom: 55px;
}

.std-bt-bg {
    height: 145%;
    top: -15%;
}

.tiny-page .ys-banner .mod-more {
   padding-top: 1px;
}

.develo-sort-wrap {
    position: relative;
    z-index: 10;
}

.course-details-sec-left section {
    flex: auto !important;
}

.hllt-info p {
    height: 4.5em;
}

.ys-ban-txtbox-info {
    width: 52%;
}

.taul-tit .std-tit20 {
    min-height: 2.8em;
}

.hlul-link {
    align-items: flex-start;
}

.nrsl-text p {
    max-height: 5.25em;
    -webkit-line-clamp: 3;
}

.nrsl-text {
    margin-top: 15px;
    margin-bottom: 25px;
}

.compa-cultur-btm .ys-cont1400 {
    position: relative;
    z-index: 10;
}

.hhbs-li-wrap {
    align-items: flex-start;
}

.jsbc-all-list-tit {
    width: 100% !important;
}

.jsbc-all-list-text {
    width: 100% !important;
}

.jalb-link {
    margin-left: 0% !important;
}

.mod-side-top-link {
    padding: 8px 12px;
}

.mod-side-top-link p {
    font-size: 16px;
}

.ybnl-link {
    padding: 8px 10px;
    font-size: 16px;
}

.odwr-li3 p{
    white-space: normal;
    transform: translateY(-16%);
}

.appl-top-word .appl-top-text {
    width: 900px;
    margin: 0 auto;
    max-width: 100%;
}

.tpbs-link path {
    transition: all 0.36s;
}

.nrsl-top-text {
    width: auto !important;
    padding-left: 10px;
    padding-right: 10px;
}


.dsbl-ri-info p,
.dsbl-ri-info p,
.rrbu-link-ri-info p,
.drlb-ri p,
.drrb-wrap p,
.yxedr-active p {
    line-height: 1.5;
}

.drlb-ri {
    margin-top: 4px;
}
.scheme-main-ul .smul-left-text {
    -webkit-line-clamp: 2;
    height: 3em;
    max-height: inherit !important;
    line-height: 1.5;
}

.ys-banner-nav-ul .ybnl-link {
    line-height: 1.5;
    padding: 12px 10px;
}

.sull-tit {
    line-height: 1.5;
    max-height: 4.5em;
    -webkit-line-clamp: 3;
}

.resour-retriev-screen {
    margin-bottom: 20px;
}

.cdsl-top .std-tit4 {
    font-weight: bold;
    line-height: 1.45;
    color: #333;
}
.jllt-text {
    height: auto !important;
    -webkit-line-clamp: 20;
}

.smul-left-title {
    line-height: 1.5;
    -webkit-line-clamp: 2;
    max-height: inherit !important;
    height: 3em;
}

.home-system-le-tit .std-tit3 {
    color: #fff;
    line-height: 1.45;
    font-weight: bold;
}

.home-system-le {
    padding-right: 50px;
}

.hnid-list-ul-li {
    width: 213px;
    margin-right: 15px;
}
    
.hlul-info p {
    font-size: 16px;
}

.hnid-list-ul {
    width: 686px;
}

.hlul-info {
    margin-top: 4px;
}

.hlul-icon {
    flex: none;   
}

.side-main-cont {
    position: relative;
}

.side-main-cont-right {
    position: sticky;
    top: 180px;
    right: 0;
}

.side-main-cont-left {
    padding-right: 65px;
}

/* 2024.12.17 产品专区列表*/
.mod-side {  width: 3.4rem;}
.mod-side {   right: -3.4rem;  transition: right 0.56s;}
.inner-page .ys-main {   margin-top: 0;}
.mod-side{/* top: 0.92rem; *//* height: calc(100vh - 0.92rem); */}
.mod-side-top{background: url(../images/pro-right-title.jpg) no-repeat center; padding: 0.18rem 0.12rem 0.38rem 12%; box-sizing: border-box; background-size: cover;}
.mod-side-top-return{margin-bottom: 0.09rem;}
.ys-main{background: #f9f9f9;}
.mod-open .ys-page-wrap {    padding-right: 3.4rem;}
