body {

    font-family: "PingFang SC", "Microsoft YaHei";

}

@font-face {

    font-family: 'robotobold';

    src: url('../font/yiyaokeji-webfont.eot');

    src: url('../font/yiyaokeji-webfont.eot') format('embedded-opentype'),

         url('../font/yiyaokeji-webfont.woff2') format('woff2'),

         url('../font/yiyaokeji-webfont.woff') format('woff'),

         url('../font/yiyaokeji-webfont.ttf') format('truetype'),

         url('../font/yiyaokeji-webfont.svg') format('svg');

    font-weight: normal;

    font-style: normal;

}

/* 公共样式 - start */

:root {

    /* 字号 */

    --font54: 54px;

    --font48: 48px;

    --font32: 32px;

    --font24: 24px;

    /* 段落字号 */

    --font18: 18px;

    --font16: 16px;

    --font14: 14px;

    /* 行高 */

    --line15: 1.5;

    --line175: 1.75;

    /* 导航 */

    --line80: 80px;

    /* 颜色 */

    --color1: #333333;

    --color2: #666666;

    --color3: #999999;

    --color4: #ffffff;

    --colormain: #133782;

    --colorbj: #F9F9F9;

    /* 板块间距 */

    --space120: 120px;

    --space100: 100px;

    --space40: 40px;

    /* 段落间距 */

    --parpspace10: 10px;

    --parpspace12: 12px;

    /* 特殊字体 */

    --family1: 'robotobold';

}

.std-h1 {

    font-size: var(--font32);

    color: var(--color1);

    line-height: var(--line15);

    font-weight: bold;

}

.std-insideh1 {

    font-size: var(--font54);

    color: var(--color1);

    line-height: var(--line15);

    font-weight: bold;

}

.std-h2,

.yxedr-active h2 {

    font-size: var(--font48);

    color: var(--color1);

    line-height: var(--line15);

    font-weight: bold;

}

.std-h3,

.yxedr-active h3 {

    font-size: var(--font32);

    color: var(--color1);

    line-height: var(--line15);

    font-weight: bold;

}

.std-h4,

.yxedr-active h4 {

    font-size: var(--font24);

    color: var(--color1);

    line-height: var(--line15);

    font-weight: bold;

}

.std-text1,

.std-text1 p {

    font-size: var(--font18);

    color: rgb(235, 235, 235);

    line-height: var(--line15);

}

.std-text2,

.std-text2 p {

    font-size: var(--font16);

    color: #333;

    line-height: var(--line175);

}

.yxedr-active p {

    font-size: var(--font16);

    color: var(--color2);

    line-height: var(--line175);

    margin-bottom: var(--parpspace12);

}

.std-margin {

    margin-top: var(--space100);

}

.std-margin1 {

    margin-bottom: var(--space100);

}

.std-margin2 {

    margin-bottom: var(--space50);

}

.std-padding {

    padding-top: var(--space120);

}

.std-padding1 {

    padding-bottom: var(--space100);

}

.std-padding2 {

    padding-bottom: var(--space50);

}

/* wow弹窗字体引入 */

.altumcode {

    --fontFamily: "PingFang SC", "Microsoft YaHei" !important;

}

/* 英文站换行规则 */

/* p,div,h1,h2,h3,h4,h5,h6,span,a{ 

    word-wrap: normal; 

    word-break: keep-all; 

} */

/*分享翻译*/

.ys-wechat-cont-parga p::before {

    content: '分享到 - 微信';

    /* content: 'Share the - weixin'; */

}

/* yongsy样式 */

a[href="https://www.yongsy.com"] {

    color: rgba(255, 255, 255, .2);

}

/* 轮播溢出隐藏 */

.ys-ban-li:not(:first-child) {

    display: none;

}

.head-nav-item-title {

    line-height: var(--line80);

}

.line-clamp {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}

.transition-time1 {

    transition: all .36s both;

}

.transition-time2 {

    transition: all .5s both;

}

/* 公共样式 - end */

/*导航默认选中*/

.yxnav-active1 {}

.yxnav-active2 {}

/* 按钮规范*/

.std-btn1 {

    display: inline-block;

}

.std-btn1-box {

    display: flex;

    align-items: center;

    padding: 14px 38px;

    border-radius: 30px;

    transition: all .4s;

    position: relative;

    background: var(--colormain);

    overflow: hidden;

}

.std-btn1-box-text {

    color: var(--color4);

    line-height: 1.4;

    transition: all .4s;

    z-index: 2;

}

.std-btn1-box-icon {

    width: 16px;

    margin-left: 12px;

    z-index: 2;

}

.std-btn1-box-icon img {

    width: 100%;

}

.std-btn1-box::after {

    content: "";

    position: absolute;

    top: 0;

    right: 0;

    width: 0%;

    height: 100%;

    background: #125A2C;

    transition: all .4s;

    z-index: 1;

}

.std-btn2 {

    display: inline-block;

}

.std-btn2-box {

    display: flex;

    align-items: center;

    padding: 9px 38px;

    border-radius: 20px;

    position: relative;

    z-index: 2;

}

.std-btn2-box::before {

    content: '';

    width: 40px;

    height: 40px;

    border-radius: 20px;

    background: var(--colormain);

    transition: all 0.36s;

    position: absolute;

    top: 50%;

    right: 0;

    transform: translateY(-50%);

    z-index: -1;

    pointer-events: none;

}

.std-btn2-box-text {

    color: var(--colormain);

    line-height: var(--line12);

    transition: all .4s;

}

.std-btn2-box-icon {

    width: 16px;

    height: 16px;

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

    /* margin-left: 20px; */

    transition: all 0.36s;

    overflow: hidden;

    transform: translateX(26px);

}

.std-btn2-box-icon img {

    width: 100%;

    height: 100%;

    z-index: 3;

}

.std-btn3 {

    display: inline-block;

}

.std-btn3-box {

    display: flex;

    align-items: center;

}

.std-btn3-box-text {

    color: var(--color3);

    line-height: var(--line12);

    transition: all .4s;

}

.std-btn3-box-icon {

    width: 12px;

    margin-left: 14px;

    position: relative;

}

.std-btn3-box-icon img {

    width: 100%;

    transition: all .4s;

}

.std-btn3-box-icon img {

    margin-top: -2px;

}

.std-btn3-box-icon img:nth-child(2) {

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    opacity: 0;

    margin-top: 1px;

}

.std-btn4 {

    display: inline-block;

}

.std-btn4-box {

    position: relative;

}

.std-btn4-box-icon {

    width: 26px;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 10;

}

.std-btn4-box-bg {

    display: block;

    background: var(--colormain);

    width: 50px;

    height: 50px;

    border-radius: 25px;

    position: relative;

    transition: all .4s;

    transform: scale(0);

}

.std-btn4-box-icon img {

    width: 100%;

}

.std-btn5 {

    display: inline-block;

}

.std-btn5-box {

    position: relative;

}

.std-btn5-box-icon {

    width: 40px;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 10;

    transition: all .4s;

}

.std-btn5-box-bg {

    display: block;

    background: var(--colormain);

    width: 50px;

    height: 50px;

    border-radius: 25px;

    position: relative;

    transition: all .4s;

    transform: scale(0);

}

.std-btn5-box-icon img:nth-child(2) {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    opacity: 0;

}

.std-btn5-box-icon img {

    width: 100%;

}

/* 按钮规范*/

/* 导航 */

.ys-main {

    margin-top: 80px;

}

.ys-header {

    position: relative;

    z-index: 99;

}

.ys-hd-pc {

    position: fixed;

    width: 100%;

    padding: 0 100px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    background: var(--color4);

    box-shadow: 0px 4px 24.3px 0px rgba(0, 0, 0, 0.10);

}

.head-logo  a{

    width: 300px;

    line-height: 80px;

    display: block;

}

.head-logo img {

    width: 100%;

}

.head-logo{

    width: 30%;

}

.sect-head{

    background: #f8f8f8;

}

.head-rigth{

    width: 70%;

    display: flex;

    align-items: center;

    justify-content: end;

}

.head-nav {

    display: flex;

    align-items: center;

    justify-content: center;

    margin: 0 auto;

    margin-left: -60px;

    margin-right: 46px;

}

.head-nav-item {

    margin: 0 60px;

    position: relative;

}

.head-nav-item-title {

    font-size: var(--font16);

    color: var(--color1);

    position: relative;

    line-height: 80px;

    display: inline-block;

}

.head-nav-item-title::after {

    content: "";

    position: absolute;

    width: 0%;

    height: 2px;

    background-color: var(--colormain);

    bottom: 0;

    left: 0;

    transition: all .4s;

}

.hnit-arrow {

    margin-left: 10px;

    width: 12px;

    display: inline-block;

    position: relative;

}

.hnit-arrow img {

    width: 100%;

    transition: all .4s;

}

.hnit-arrow img:nth-child(2) {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    opacity: 0;

}

.head-other {

    display: flex;

    align-items: center;

}

.head-other-search {

    display: flex;

    align-items: center;

    border-bottom: 1px solid #C3C3C3;

    width: 172px;

    margin-right: 22px;

}

.head-other-search input {

    font-size: var(--font18);

    height: 30px;

    color: var(--color1);

    width: calc(100% - 32px);

}

.head-other-search input::placeholder {

    color: rgba(153, 153, 153, .4);

    font-size: var(--font14);

    line-height: var(--line175);

}

.head-other-sear-img {

    width: 30px;

    height: 30px;

    background-color: var(--colormain);

    border-radius: 15px;

    position: relative;

    margin-bottom: 6px;

    cursor: pointer;

    position: relative;

    right: -4px;

}

.home-products .swiper-pagination-progressbar {

    background: #C5C5C5;

    position: absolute;

}

.head-other-sear-img img {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}

.head-other-language a {

    display: flex;

    align-items: center;

    margin-right: 30px;

}

.head-other-language img {

    width: 18px;

    margin-right: 7px;

}

.head-other-language p {

    color: var(--color2);

    transition: all .4s;

}

.head-other-link a {

    display: flex;

    align-items: center;

}

.head-other-link img {

    width: 20px;

    margin-right: 16px;

}

.head-other-link p {

    font-weight: bold;

    color: var(--colormain);

}

.head-nav-item-down {

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    margin-top: 15px !important;

    display: none;

    z-index: 10;

    background: transparent;

    box-shadow: 0px 4px 24.3px 0px rgba(0, 0, 0, 0.10);

}

.mode1 {

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    z-index: 10;

    border-radius: 20px;

}

.mode2 {

    min-width: 400px;

    z-index: 10;

}

.mode2 ul {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    border-radius: 5px;

    background: #FFF;

    padding: 29px 21px 32px 29px;

}

.mode2 li {

    width: 33.333333%;

    margin-bottom: 8px;

}

.mode2 a {

    display: block;

    font-size: var(--font16);

    color: var(--color2);

    line-height: var(--line175);

    padding: 6px 24px;

    transition: all .4s;

    /* white-space: nowrap; */

    /* max-width: 84px; */

    margin: 0 auto;

    border-radius: 5px;

    text-align: center;

}

.mode3 {

    height: fit-content;

}

.mode3 ul{

    border-radius: 5px;

    background: #FFF;

    padding: 29px 20px 22px 21px;

    z-index: 10;

}

.mode3 li {

    margin-top: 8px;

}

.mode3 li:first-child {

    margin-top: 0;

}

.mode3 a {

    display: block;

    font-size: var(--font16);

    color: var(--color2);

    line-height: var(--line175);

    padding: 6px 20px;

    transition: all .4s;

    white-space: nowrap;

}

.hnid-cry {

    width: 1700px;

    height: 741px;

    border-radius: 10px;

    background: #FFF;

    display: flex;

    justify-content: center;

    margin: 0 auto;

    position: relative;

    z-index: 10;

    transition: all .4s;

    overflow: hidden;

}

.hnid-le {

    width: 25%;

    padding-top: 30px;

    padding-left: 153px;

}

.hnid-ri-toggle-li:nth-child(n+2) {

    display: none;

}

.mode1 .mCSB_scrollTools {

    margin-top: 30px;

}

.hnid-ri {

    width: 75%;

    background: var(--colorbj);

    padding-top: 70px;

    padding-left: 147px;

    padding-right: 257px;

    padding-bottom: 30px;

}

.hnid-le li {

    padding: 15px 20px 15px 55px;

    font-size: 20px;

    color: var(--color2);

    line-height: var(--line175);

    position: relative;

    cursor: pointer;

}

.hnid-le li::before {

    content: "";

    position: absolute;

    width: 3px;

    height: 28px;

    background-color: var(--colormain);

    left: 25px;

    top: 50%;

    transform: translateY(-50%);

    transition: all .4s;

    opacity: 0;

}

.hnid-ri-ul {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -48px;

}

.hnid-ri-ul-li {

    width: 33.333333%;

    min-width: 230px;

    padding: 0 48px;

    margin-bottom: 45px;

}

.hrul-img {

    width: 100%;

}

.hrul-img img {

    width: 100%;

}

.hrul-text {

    padding-top: 20px;

    color: var(--color1);

    width: 66%;

    margin: 0 auto;

    text-align: center;

    transition: all .4s;

}

/* 导航 */

/* banner */

.ys-ban-dots-ul {

    display: flex;

    justify-content: center;

}

.ybdu-li {

    width: 28px;

    cursor: pointer;

    margin: 0px 5px;

    transition: all .4s;

}

.ybdu-li.on {

    width: 93px;

}

.ybdu-li-line {

    width: 100%;

    height: 3px;

    background: rgba(255, 255, 255, .6);

    position: relative;

    transition: all .4s;

}

.ybdu-li-line-pro {

    width: 0;

    height: 3px;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    background: rgba(255, 255, 255, 1);

}

.ys-ban-dots {

    bottom: 41px;

    z-index: 5;

}

.ys-ban-title {

    color: var(--color4);

    font-size: var(--font54);

    line-height: var(--line15);

    font-weight: bold;

}

.ys-ban-btn {

    margin-top: 50px;

}

/* banner */

/* 侧边列表 */

.yx-sidebar {

    position: fixed;

    bottom: 6%;

    /* transform: translateY(-50%); */

    right: 30px;

    z-index: 10;

}

.yx-sidebar-list {

    border-radius: 20px;

    background: var(--colormain);

    padding: 17px 7px;

}

.yx-sidebar-list-nub {

    position: relative;

    margin-top: 20px;

}

.yx-sidebar-list-nub:first-child {

    margin-top: 0px;

}

/* 侧边列表内容 */

.ysln-img {

    width: 26px;

    margin: 0 auto;

    cursor: pointer;

    position: relative;

}

.ysln-img::after {

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    display: block;

    width: 34px;

    height: 34px;

    border-radius: 50%;

    background-color: rgba(255, 255, 255, .2);

    transition: all .4s;

    opacity: 0;

}

.ysln-img img {

    width: 100%;

}

/* 浮窗 */

.ysln-tan {

    position: absolute;

    top: 0;

    right: 0px;

    top: 50%;

    z-index: -1;

    transform: translateX(0) translateY(-50%);

    opacity: 0;

    transition: all .4s ease-out;

    padding-right: 10px;

    pointer-events: none;

}

.ysln-tan-cry {

    padding: 22px 26px;

    position: relative;

    border-radius: 10px;

    background: var(--color4);

    box-shadow: 0px 2px 19px 10px rgba(11, 32, 19, 0.05);

}

.ysln-tan-cry::before,

.ysln-tan-img::before {

    content: "";

    position: absolute;

    left: 100%;

    top: 50%;

    transform: translateY(-50%);

    width: 0;

    height: 0;

    border: 18px solid transparent;

    border-left-color: var(--color4);

    opacity: 1;

    margin-left: -1px;

}

.ysln-tan-cry-tel {

    font-size: var(--font24);

    font-family: Roboto;

    font-weight: bold;

    line-height: 1;

    color: #333;

    white-space: nowrap;

}

.ysln-tan-img {

    position: relative;

    z-index: 1;

    width: 140px;

    padding: 17px;

    border-radius: 10px;

    background: var(--color4);

    box-shadow: 0px 2px 19px 10px rgba(11, 32, 19, 0.05);

}

.ysln-tan-img img {

    width: 100%;

}

.yx-sidebar-up {

    width: 40px;

    height: 40px;

    margin-top: 8px;

    background-color: var(--colormain);

    border-radius: 20px;

    position: relative;

    cursor: pointer;

}

.yx-sidebar-up-icon {

    width: 12px;

    margin: 0 auto;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}

.yx-sidebar-up-icon img {

    width: 100%;

    transform: rotate(-90deg);

}

/* 侧边列表 */

/* 底部 */

.mod-foot {

    padding-top: var(--space100);

    padding-bottom: 75px;

    position: relative;

    overflow: hidden;

    background-color: var(--colormain);

}

.mod-foot-tp {

    display: flex;

}

.mod-foot-tp-le {

    width:50%;

    position: relative;

    z-index: 10;

}

.mod-foot-tp-ri {

    width: 65%;

    justify-content: space-between;

    padding-left: 100px;

}

.mftl-logo {

    width: 70%;

}

.mftl-logo img {

    width: 70%;

}

.mftl-link {

   display: flex;

}
.mod-foot-tp-le .wz{padding-left: 30px;}
.mftl-link .mftl-link-text{
color: #fff;
    font-size: 16px;
    margin-bottom: 15px;

}
.mftl-link .mftl-link-text b{

   font-size: 20px;
 
 }
.mftl-link-num {

    line-height: 1;

    padding: 8px 0;
    color: #fff;

}

.mftl-search {

    width: 100%;

    padding-top: var(--space100);

    display: flex;

    align-items: center;

    justify-content: space-between;

    position: relative;

    border-bottom: 1px solid var(--color2);

    padding-right: 12px;

}

.mftl-sear-input {

    display: flex;

    width: 100%;

}

.mftl-sear-input input {

    width: calc(100% - 40px);

    color: var(--color1);

    line-height: 42px;

    font-size: var(--font16);

    width: 100%;

    padding-right: 15px;

}

.mftl-sear-input input::placeholder {

    color: rgba(153, 153, 153, 0.4);

    line-height: var(--line175);

    font-size: var(--font16);

}

.mftl-sear-input img {

    width: 18px;

    cursor: pointer;

    flex-shrink: 0;

}

.mod-foot-tp-ri>ul {

    display: flex;

    justify-content: space-between;

}

.mod-foot-tp-ri>ul>li a {

    display: inline-block;

    font-size: 20px;

    color: #fff;

    font-weight: bold;

    line-height: var(--line175);

    margin-bottom: var(--space40);

}

.mod-foot-tp-ri>ul>li>ul>li a {

    display: inline-block;

    color: rgb(235, 235, 235);

    font-size: var(--font16);

    line-height: var(--line175);

    transition: all .4s;

    margin-bottom: 10px;

    font-weight: normal;

}


.mod-foot-bt {

    display: flex;

    justify-content: space-between;

    align-items: end;

    padding-top: 20px;

}

.mfbr-share {

    display: flex;

    margin: 0 -8px;

}

.mfbr-share-li {

    padding: 0 8px;

    position: relative;

}

.mfbr-share-li-icon {

    width: 90px;
    height: 90px;
    cursor: pointer;

}

.mfbr-share-li-icon img {

    width: 100%;

    position: relative;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}
.mfbr-share-li-icon p{

    font-size: 14px;
    color: #fff;
    text-align: center;
    padding-top: 10px;

}
.mfbr-share-li-code {

    width: 110px;

    position: absolute;

    bottom: 58px;

    padding: 9px;

    border-radius: 10px;

    background: var(--color4);

    box-shadow: 0px 2px 19px 10px rgba(11, 32, 19, 0.05);

    left: 50%;

    transform: translateX(-50%) scale(0.8);

    z-index: 5;

    opacity: 0;

    transition: all .4s;

    transform-origin: bottom;

}

.mfbr-share-li-code img {

    width: 100%;

}

.mod-foot-bt-bg {

    width: 800px;

    position: absolute;

    top: -400px;

    left: -400px;

    animation: move_aperture 12s linear infinite both;

    opacity: 0.8;

}

@keyframes move_aperture {

    0% {

        top: -400px;

        left: -400px;

    }

    15% {

        top: calc(100% - 400px);

        left: -400px;

    }

    50% {

        top: calc(100% - 400px);

        left: calc(100% - 400px);

    }

    65% {

        top: -400px;

        left: calc(100% - 400px);

    }

    100% {

        top: -400px;

        left: -400px;

    }

}

.mfbr-share-li-code::before {

    content: "";

    position: absolute;

    left: 50%;

    bottom: -22px;

    transform: translateX(-50%);

    width: 0;

    height: 0;

    border: 12px solid transparent;

    border-top-color: var(--color4);

}

.mod-foot-bt-le p:nth-child(1) span {

    color: rgb(235, 235, 235);

    font-size: var(--font14);

    line-height: 1.2;

}

.mod-foot-bt-le p:nth-child(1) a {

    color: rgb(235, 235, 235);

    font-size: var(--font14);

    line-height: var(--line15);

}

.mod-foot-bt-le p:nth-child(1) a:last-child {

    display: block;

}

.mod-foot-bt-le p:nth-child(2) {

    margin: 0 -12px;

    margin-top: 18px !important;

}

.mod-foot-bt-le p:nth-child(2) a {

    padding: 0 12px;

    color: rgb(218 218 218 / 80%);

    font-size: var(--font14);

    line-height: 1.2;

    position: relative;

}

.mod-foot-bt-le p:nth-child(2) a::after {

    content: "";

    display: inline-block;

    width: 1px;

    height: 80%;

    top: 50%;

    transform: translateY(-50%);

    background-color: rgba(153, 153, 153, 0.5);

    position: absolute;

    margin-left: 12px;

}

.mod-foot-bt-le p:nth-child(2) a:last-child:after {

    display: none;

}

/* 底部 */

.home-products {

    padding-top: var(--space100);

}

.home-prod-head {

    display: flex;

    align-items: start;

    justify-content: space-between;



}

.home-prod-head-le {

    width: 68%;

}

.home-prod-head-ri {

    width: 32%;

    margin-top: 7px;

}

.hphr-btn {

    float: right;

}

.hphl-text {

    padding-top: 20px;

}

.hphl-text p {

    color: var(--color2);

}

.home-prod-swiper {

    padding-top: 50px;

    position: relative;

}

.home-prod-swiper.swiper-container-horizontal>.swiper-pagination-progressbar {

    top: auto !important;

    bottom: -40px;

    height: 2px;

    width: 47.5%;

    left: 50%;

    transform: translateX(-50%) !important;

}

.home-prod-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

    background-color: var(--colormain) !important;

}

.home-prod-swiper .swiper-wrapper {

    margin: 0 -20px;

    display: flex;

}

.home-prod-swiper .swiper-slide {

    padding: 0 20px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    flex-shrink: 0;

}

.home-prod-swiper-cry {

    position: relative;

    min-height: 520px;

    padding: 30px 30px 172px 50px;

    border-radius: 20px;

    background: var(--color4);

    box-shadow: 0px 4px 23.9px 0px rgba(0, 0, 0, 0.10);

}

.home-prod-swiper .swiper-slide:nth-child(n+2){

    animation-delay: .4s;

}

.home-prod-swiper .swiper-slide:nth-child(n+3){

    animation-delay: .8s;

}

.home-prod-swiper .swiper-slide:nth-child(n+4){

    animation-delay: 1.2s;

}

.head-nav-item.on .head-nav-item-title{

    color: var(--colormain);

}

.hpsc-bg {

    width: 290px;

    height: 290px;

    border-radius: 144.5px;

    /* background: #EDEDED; */

    position: relative;

    transition: all .4s;

    top: 28px;

    left: 20px;

}

.hrul-text p {

    transition: all .4s;

}

.hpsc-img {

    position: absolute;

    width: 100%;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

}

.hpsc-btn {

    float: right;

}

.hpsc-tit {

    padding-top: 93px;

}

.hpsc-hover-cry {

    display: none;

}

.hpsc-hover-text {

    color: var(--color2);

    padding-top: 10px;

}

.hhul-text {

    color: var(--color2);

}

.hpsc-hover-ul {

    padding-top: 41px;

}

.hpsc-hover-ul-li {

    display: flex;

    align-items: center;

    padding-top: 18px;

}

.hpsc-hover-ul-li:first-child {

    padding-top: 0px !important;

}

.hpsc-hover {

    position: absolute;

    bottom: 0;

    left: 0;

    z-index: 5;

    padding: 0 30px 43px 50px;

}

.hhul-icon {

    width: 30px;

    flex-shrink: 0;

    margin-right: 12px;

}

.hhul-icon img {

    width: 100%;

}

.home-apply-toggle .ys-slick {

    display: flex;

    justify-content: space-between;

    padding-top: 78px;

}

.home-apply-toggle li {

    font-size: 26px;

    font-weight: bold;

    color: var(--color1);

    line-height: var(--line15);

    padding-left: 20px;

    position: relative;

    transition: all .4s;

    cursor: pointer;

}

.home-apply-toggle li::before {

    content: "";

    position: absolute;

    width: 4px;

    height: 30px;

    top: 50%;

    transform: translateY(-50%);

    background-color: var(--colormain);

    left: 0;

}

.home-apply-cry {

    position: relative;

    margin-top: 56px;

}

.home-apply-cry-bg {

    width: 100%;

    pointer-events: none;

}

.home-apply-cry-bg::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.20);

}

.home-apply-cry-bg img {

    width: 100%;

}

.hacc-ul {

    /* position: absolute; */

}

.hacc-ul-li .ys-cont1600{

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    top: 150px;

    z-index: 10;

}

.hacc-ul-li-text p {

    color: var(--color4);

    width: 51%;

}

.home-apply .std-btn1-box {

    padding: 0 35px;

}

.home-apply .std-btn1-box-text{

    line-height: 47px;

}

.hacc-ul-li-btn {

    padding-top: 35px;

}

.home-apply-toggle .on {

    color: var(--colormain);

}

.home-apply-cry-togbg {

    position: absolute;

    top: -50%;

    z-index: -1;

    width: 20%;

    pointer-events: none;

}

.home-apply-cry-togbg img{

    width: 100%;

}

.hacc-ul-li:nth-child(n+2) {

    display: none;

}

.home-auto-img {

    border-radius: 20px;

    overflow: hidden;

    position: relative;

}

.home-auto-img img {

    width: 100%;

}

.home-auto-img::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: linear-gradient(0deg, rgb(19 55 130) 0%, rgba(0, 0, 0, 0.30) 100%);

}

.home-auto .ys-cont1600 {

    position: relative;

}

.home-auto-cry {

    position: absolute;

    top: 179px;

    width: 100%;

    padding: 0 var(--space100);

}

.home-auto-tit {

    width: 44%;

    margin: 0 auto;

    text-align: center;

    color: var(--color4);

}
.home-auto-cont p {
    padding-top: 20px;
    width: 50%;
    margin: 0 auto;
    text-align: center;
    color: var(--color4);
    font-size: 16px;
    line-height: 24px;

}

.home-auto-cont {

    position: relative;

}

.home-auto-ul {

    width: 100%;

    bottom: 139px;

    display: flex;

    align-items: end;

    position: absolute;

    z-index: 10;

    margin: 0 auto;

    padding: 0 50px;

    justify-content: center;

}

.ys-phnav-menu {

    background: var(--colormain);

}

.ys-ph-navbar1 .ys-phnav-menubtn span,

.ys-ph-navbar1 .ys-phnav-menubtn::after,

.ys-ph-navbar1 .ys-phnav-menubtn::before,

.ys-ph-navbar4 .ys-phnav-menubtn span,

.ys-ph-navbar4 .ys-phnav-menubtn::after,

.ys-ph-navbar4 .ys-phnav-menubtn::before {

    background: var(--colormain);

}

.ys-phnav-header a,

.ys-phnav-header-font {

    color: var(--colormain);

}

.home-auto-ul-li {

    padding: 0 50px;

    width: 25%;

}

.haul-text {

    color: var(--color4);

    line-height: var(--line15);

    height: 59px;

}

.haul-scroll {

    display: flex;

    align-items: center;

    max-width: 274px;

    border-top: 1px solid var(--color4);

}

.haul-scroll-tit {

    font-size: var(--font48);

    color: var(--color4);

    line-height: 1.4;

    font-weight: bold;

    z-index: 10;

    font-family:var(--family1);

    transition: all .4s;

    /* height: 90px; */

    position: absolute;

    margin-top: 20px;

}

.haul-scroll-text {

    font-size: 20px;

    line-height: var(--line15);

    color: var(--color4);

    padding-left: 97px;

    padding-top: 38px;

    transition: all .4s;

}

.home-new-cry {

    padding-top: 50px;

    display: flex;

}

.home-new-cry-le {

    width: 42.68%;

}

.home-new-cry-ri {

    width: 57.32%;

    padding-left: 60px;

}

.hncl-img {

    border-radius: 20px 20px 0px 0px;

}

.home-new-cry-le .ys-slick-item {

    height: auto;

    border-radius: 20px;

    border-bottom: 3px solid var(--colormain);

    background: #FBFBFB;

}

.home-new-cry-le a{

    height: 100%;

}

.sales-head-ri a{

    font-size: 22px;

}

.hncl-script {

    padding: 24px 43px 49px 50px;

}

.hncl-scri-date {

    color: var(--color3);

}

.hncl-scri-tit {

    padding-top: 16px;

    transition: all .4s;

}

.hncl-scri-text p {

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    min-height: 2.8em;

    color: var(--color2);

    padding-top: 20px;

}

.home-main .slick-dots {

    bottom: 18px;

}

.slick-dots li {

    width: 7px;

    height: 7px;

    margin: 0 5px;

    background: var(--colormain);

    opacity: .3;

}

.slick-dots li.slick-active {

    background: var(--colormain) !important;

    opacity: 1;

}

.hncr-ul-li:first-child {

    margin-top: 0;

}

.ys-nyban-ri .ys-slick-item-cont {

    position: relative;

}

.ys-nyban-ri-icon {

    position: absolute;

    top: 50%;

    left: 42%;

    transform: translate(-50%, -50%);

    z-index: 10;

    cursor: pointer;

    width: 50px;

}

.ys-nyban-ri-icon img{

    width: 100%;

}

.hncr-ul-li {

    padding-top: 36px;

    padding-bottom: 36px;

    border-top: 1px solid #EAEAEA;

    cursor: pointer;

}

.sect-standard{

    position: relative;

}

.sect-stan-bg{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

}

.sect-stan-bg img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.hncr-ul-li-date {

    color: var(--color3);

}

.swiper-pagination-current{

    opacity: 0;

}

.swiper-pagination-total{

    opacity: 0;

}

.hncr-ul-li-tit {

    padding-top: 17px;

    font-size: 20px;

    font-weight: bold;

    color: var(--color1);

    transition: all .4s;

    line-height: var(--line15);

}

.hncr-ul-li-text p {

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    min-height: 2.8em;

    color: var(--color2);

    padding-top: 20px;

}

.hncr-ul-li:last-child {

    border-bottom: 1px solid #EAEAEA;

}

.home-new {

    position: relative;
    background-color: #f9faff;

}

.home-new-bg {

    width: 30%;

    position: absolute;

    left: 0;

    bottom: 0;

    pointer-events: none;

}

.home-new-bg img {

    width: 100%;

}

.home-new-bg2 {

    width: 20%;

    position: absolute;

    right: 0;

    top: -200px;

    z-index: -1;

}

.home-new-bg2 img {

    width: 100%;

}

.home-about-bg {

    width: 100%;

}

.home-about-bg img {

    width: 100%;

}

.home-about {

    position: relative;

}

/* .home-about-cry {

    position: absolute;

    top: 40%;

    left: 50%;

    transform: translateX(-50%);

} */

.home-about-cry-tit {

    color: var(--color4);

}

.home-about-cry-text p {

    color: var(--color4);

    padding-top: 26px;

    width: 45.5%;

}

.home-about-cry-btn {

    padding-top: 50px;

}

.home-about-cry-view {

    position: absolute;

    top: 49vh;

    right: 119px;

    cursor: pointer;

    width: 66px;

}

.home-about-cry-view img {

    width: 100%;

}

.htci-ph {

    width: 406px;

    margin: 0 auto;

    display: none;

}

.htci-ph img {

    width: 100%;

}

.htci-text p {

    font-size: var(--font48);

    line-height: var(--line15);

    color: var(--color1);

    font-weight: bold;

}

.htci-scroll {

    margin-top: 37px;

}

.htci-scroll p {

    font-size: 16px;

    line-height: 1.75;

    color: #999999;

    margin-bottom: 15px;

}

.htci-scroll-img {

    width: 36px;

    animation: xl 1.2s infinite;

    margin: 0 auto;

}

.htci-scroll-img img {

    width: 100%;

}

@keyframes xl {

    0% {

        transform: translateY(0px);

    }

    50% {

        transform: translateY(10px);

    }

    100% {

        transform: translateY(0px);

    }

}

.home-tech {

    width: 100% !important;

    position: relative !important;

}

.home-tech-miss {

    width: 100%;

    position: relative;

}

.home-tech-miss-cont {

    width: 100%;

    height: 220vh;

    overflow: hidden;

}

.htmc-box {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: calc(100vh - 80px);

}

.htmc-box.ys_fixed {

    position: fixed;

    top: 80px;

    left: 0;

}

.htmc-box.ys_fixed.ys_notfixed {

    position: absolute;

    top: auto;

    bottom: 0;

}

.htmc-box-cry {

    width: 100%;

    height: 100%;

    /* height: 100vh; */

    position: absolute;

    left: 0%;

    top: 0%;

}

.htmc-box-cry-svg2{

    display: none !important;

}

.htmc-box-cry-svg {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: calc(100% + 10px);

    object-fit: cover;

    z-index: 10;

    transform-origin: 60% 40%;

    transition: all 1s ease-out;

}

.about_miss_bg {

    position: absolute;

    left: 0;

    top: 0;

    z-index: 10;

    width: 100%;

    height: 100%;

    transform-origin: 50% 50%;

    transition: all .2s ease-out;

}

.home-tech-miss-cont .ys_cont1400 {

    position: relative;

    z-index: 10;

}

.htmc-box-text-cry {

    width: 100%;

    position: relative;

}

.hbtc-cont {

    width: 100%;

    transform: translateY(0px);

    transition: all .36s ease;

    transition-delay: 0.2s;

}

.home-tech-miss.on .hbtc-cont {

    opacity: 0;

    transform: translateY(-30px);

    transition: all .36s ease;

}

.about_miss_le_tit {

    font-family: "montserrat-bold" !important;

    line-height: 1.2;

    color: #333;

    margin-bottom: 49px;

}

.about_miss_le_word p {

    color: #666;

    line-height: 1.5;

    margin-bottom: 12px;

}

.about_miss_le_word {

    max-height: 230px;

    padding-right: 12px;

}

.about_miss_ul {

    display: flex;

    margin: 0 -47px;

    margin-top: 60px;

}

.about_miss_ul_li {

    padding: 0 47px;

    width: 33.333333%;

}

.amul_box_num .ys_demo_num {

    color: #008856;

    font-size: 76px;

    font-family: "montserrat-bold" !important;

}

.amul_box_text p {

    color: #666;

    line-height: 1.75;

    padding-top: 17px;

    border-top: solid 1px rgb(205, 205, 205);

}

.amul_box_num {

    display: flex;

    align-items: center;

}

.amul_box_num span {

    display: inline-block;

    color: #008856;

    font-family: "montserrat-bold" !important;

    margin-left: 5px;

    margin-top: 40px;

}

.about_miss_btn .std_btn2_text p {

    font-size: 14px;

    line-height: 1.75;

    color: #fff;

}

.about_miss_btn .std_btn2_box {

    border: solid 1px #008856;

    background: #008856;

}

.about_miss_btn {

    margin-top: 65px;

}

.about_miss_btn .std_btn2_icon {

    width: 14px;

}

.htmc-box-text {

    width: 100%;

    position: absolute;

    left: 50%;

    top: 45%;

    transform: translate(-50%, -50%);

    z-index: 11;

}

.hbcb-img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

}

.htmc-box-cry-svg.skrollable-after {

    opacity: 0;

    pointer-events: none;

}

.about_visi {

    width: 100%;

    position: relative;

    z-index: 12;

}

.htmc-box-cry-bg {

    width: 100%;

    height: 100%;

    position: relative;

}

.htmc-box-cry-bg::after {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.htmc-box-cry-bg img {

    width: 100%;

}

.htmc-box-cry-lebg {

    width: 20%;

    height: 100%;

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    z-index: 10;

    pointer-events: none;

}

.htmc-box-cry-lebg img {

    width: 100%;

    height: 100%;

}

.about_visi_cont {

    width: 100%;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    opacity: 0;

    z-index: 10;

}

.about_visi_cont_word {

    width: 28%;

}

.about_visi_cont_word p {

    color: #fff;

    line-height: 1.5;

}

.about_visi_cont h2 {

    color: #fff;

    margin-bottom: 22px;

    font-family: "montserrat-bold" !important;

}

.htmc-box-cry-svg {

    pointer-events: none;

}

.htmc-box.act .about_visi_cont {

    opacity: 1;

}

.htmc-box.act .about_visi_cont h2 {

    -webkit-animation: fadeInUp 1s ease both;

    animation: fadeInUp 1s ease both;

    animation-delay: 0.2s;

}

.htmc-box.act .home-about-cry-text {

    -webkit-animation: fadeInUp 1s ease both;

    animation: fadeInUp 1s ease both;

    animation-delay: 0.3s;

}

.htmc-box.act .home-about-cry-btn {

    -webkit-animation: fadeInUp 1s ease both;

    animation: fadeInUp 1s ease both;

    animation-delay: 0.4s;

}

.htmc-box.act .home-about-cry-view {

    -webkit-animation: fadeInUp 1s ease both;

    animation: fadeInUp 1s ease both;

    animation-delay: 0.4s;

}

.about_visi_cont_bg {

    display: none;

}

.about_miss_le-img {

    position: absolute;

    top: -8vh;

    left: 20vw;

}

.about-miss-le-word {

    position: absolute;

    top: 19vh;

    left: 50%;

    transform: translateX(-50%);

    width: max-content;

}

.htci-scroll p {

    text-align: center;

}

.home-tech-cry-sticky.ys-fixed {

    position: fixed;

    top: 0;

    left: 0;

}

.ys_ban_video {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.ylcs-logo {

    z-index: 5;

}

.ylcs-logo.skrollable-after {

    opacity: 0;

    pointer-events: none;

}

.ys-logobig-cry-phimg {

    display: none;

    width: 100%;

}

.ys-logobig-cry-phimg img {

    width: 100%;

}

.home-tech-cry-sticky.ys-fixed.ys_notfixed {

    position: absolute;

    bottom: 0;

    top: auto;

}

.ys-pos-cover {

    position: absolute;

    left: 0;

    top: 0;

    z-index: 10;

    width: 100%;

    height: 100%;

}

.home-tech-cry-item {

    /* transition: all 0.36s; */

    position: absolute;

    top: 62vh;

    left: 0;

    width: 100%;

    text-align: center;

    z-index: 50;

}

.home-tech-cry-wordimg {

    position: absolute;

    top: 40vh;

    left: 38vw;

    z-index: 50;

}

.home-tech-cry-bg {

    position: absolute;

    left: 0;

    top: 0;

    z-index: 30;

}

.home-auto {

    position: relative;

}

.home-products {

    position: relative;

}

.hidden{

    overflow: hidden;

}

.busi-apply-ul-li:nth-child(3n+1){

    animation-delay: .2s;

}

.busi-apply-ul-li:nth-child(3n+2){

    animation-delay: .3s;

}

.busi-apply-ul-li:nth-child(3n+3){

    animation-delay: .4s;

}

.sales-serve-ul-li:nth-child(3n+1){

    animation-delay: .2s;

}

.sales-serve-ul-li:nth-child(3n+2){

    animation-delay: .3s;

}

.sales-serve-ul-li:nth-child(3n+3){

    animation-delay: .3s;

}

.issue-cry{

    padding-bottom: 20px;

}

.home-auto-bg {

    position: absolute;

    top: 0;

    right: 0;

    z-index: -1;

    width: 20%;

}

.hncr-ul-li:nth-child(2){

    animation-delay: .2s;

}

.hncr-ul-li:nth-child(3){

    animation-delay: .3s;

}

.home-auto-bg img{

    width: 100%;

}

.mfbr-share-li.on .mfbr-share-li-code {

    opacity: 1;

}

.home-auto-bg2 {

    position: absolute;

    bottom: -50%;

    right: 0;

    pointer-events: none;

    width: 20%;

}

.home-auto-bg2 img{

    width: 100%;

}

.mode1 .mCSB_outside+.mCSB_scrollTools {

    right: 120px;

}

.mode1 .mCSB_scrollTools {

    max-height: 660px;

}

.mode1 .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-color: var(--colormain) !important;

    width: 2px;

}

.mode1 .mCSB_scrollTools .mCSB_draggerContainer {

    top: 33px;

    width: 2px;

}

.mCSB_scrollTools .mCSB_draggerContainer {

    right: 74px;

}

/* .products-summary .ys-nyban-title h1 {

    color: var(--color1) !important;

}

.products-summary .ys-pos-center {

    top: 32%;

} */

.prod-main .ys-cont1440 {

    display: flex;

    padding-top: 38px;

}

/* .sticky-html, */

.sticky-body {

    overflow: visible !important;

}

.deta-features{

    padding: var(--space100) 0;

}

.prod-main-le {

    width: 20%;

    padding-right: 77px;

    padding-top: 60px;

    position: sticky;

    left: 0;

    top: 50px;

    height: fit-content;

}

.ys-nybanner {

    position: relative;

}

.ys-mbx {

    /* position: absolute; */

    top: 33px;

    /* left: 50%; */

    transform: translateX(13%);

    z-index: 10;

}

.ys-nyban-title h1 {

    font-size: var(--font54);

    color: var(--color4);

}

.details-main .ys-nyban-title h1 {

    color: var(--color4);

}

.ys-nyban-title p {

    width: 41%;

    font-size: 20px;

    padding-top: 20px;

}

.business-main .ys-bread-list a {

    color: rgba(255, 255, 255, .7);

    z-index: 10;

}

.business-main .ys-bread-list:last-child a {

    color: rgba(255, 255, 255, 1)

}

.ys-nyban-cry {

    display: flex;

    align-items: center;

    padding: 75px 0;

}

.ys-nyban-ri .ys-imgbox-cover img{

    height: fit-content;

}

.details-main .ys-nyban-img {

    background-color: var(--color4);

}

.ys-nyban-bg1 {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 30%;

    pointer-events: none;

}

.ys-nyban-bg1 img{

    width: 100%;

}

.ys-nyban-bg2 {

    position: absolute;

    top: 0;

    right: 0;

    width: 30%;

    pointer-events: none;

}

.ys-nyban-bg2 img{

    width: 100%;

}

.ys-nyban-le {

    width: 51%;

}

.ys-nyban-ri {

    width: 49%;

    padding-left: var(--space120);

}

.ys-nyban-ri .ys-slick-item {

    width: 100% !important;
    background-color: #fff;

}

.ys-nyban-ri .ys-imgbox-cover {

    width: 100%;

}

.ys-nyban-ri .ys-imgbox-cover img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.ynlw-text p {

    padding-top: 24px;

    padding-bottom: var(--space40);

    border-bottom: 1px solid #E1E1E1;

    color: var(--color2);

    line-height: 1.95;

}

.ys-nyban-le-ul {

    padding-top: var(--space40);

    display: flex;

    margin: 0 -40px;

}

.ynlu-li {

    width: 33.333333%;

    padding: 0 40px;

    position: relative;

}

.ynlu-li::after{

    content: "";

    position: absolute;

    height: 56%;

    width: 1px;

    background-color: #EBEBEB;

    top: 11px;

    right: 0;

}

.ynlu-li:last-child::after{

    display: none;

}

.ynlu-li-icon {

    width: 40px;

}

.ynlu-li-icon img {

    width: 100%;

}

.ynlu-li-text {

    padding-top: 21px;

    font-weight: bold;

    color: var(--color1);

}

.ys-nyban-le-btn {

    padding-top: 50px;

    margin: 0 -10px;

}

.ynlb-li {

    padding: 0 10px;

}

.ys-nyban-le-btn .std-btn1-box {

    padding: 14px 24px;

}

.ys-bread-list a {

    color: rgba(153, 153, 153, .7)

}

.ys-bread-list:last-child a {

    color: rgba(153, 153, 153, 1)

}

.products-summary .end li::before {

    content: "" !important;

}

.prod-main-ri {

    width: 80%;

    border-left: 1px solid #D2D2D2;

    padding-left: 30px;

}

.ys-bread-list:first-child{

    padding-left: 0;

}

.pmlu-li {

    font-size: 20px;

    color: var(--color2);

    margin-top: 12px;

    line-height: 50px;

    text-align: center;

    border-radius: 25px;

    transition: all .4s linear; 

    cursor: pointer;
    background-color: #f5f5f5;

}

/* .pmlu-li:first-child {

    margin-top: 0;

} */

.pmlu-li.act {

    background-color: var(--colormain);

    color: var(--color4);

}

.yxnav-active1 .head-nav-item-title::after {

    width: 100%;

}

.yxnav-active1 .head-nav-item-title {

    color: var(--colormain);

}

.yxnav-active1 .hnit-arrow img:nth-child(1) {

    opacity: 0;

}

.yxnav-active1 .hnit-arrow img:nth-child(2) {

    opacity: 1;

}

.yxnav-active2::before {

    opacity: 1 !important;

}

.yxnav-active2 {

    background: var(--colorbj);

}

.yxnav-active2 a{

    color: var(--colormain);

}

.yxnav-active3 a {

    color: var(--colormain);

    background: var(--colorbj);

}

.yxnav-active4 a {

    color: var(--colormain);

    background: var(--colorbj);

}

.hnid-ri-ul-li.yxnav-active5 .hrul-text p {

    color: var(--colormain);

}

.pmri-ul {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -18px;

}

.pmri-ul-li {

    width: 33.333333%;

    margin-top: 50px;

    padding: 0 18px;

}

.ys-slick-item.pmri-ul-li{

    height: auto;

}

.sect-edge  .slick-dots{
    bottom: 5px;
}

.pmri-ul-li-box {
    border: solid 1px #f0f0f0;
    height: 100%;

    display: block;

    transition: all .4s;

    padding: 20px 20px 30px 20px;

    position: relative;

    display: flex;

    flex-direction: column;

}

.deta-para-ri table {

    width: 100%;

}

.deta-para-ri table th {

    padding: 9px 32px;

    text-align: left;

}

.deta-para-ri thead {

    background-color: var(--colormain);

}

.deta-para-ri thead th {

    color: var(--color4);

    font-size: var(--font16);

    line-height: 2;

    font-weight: normal;

}
.deta-para-ri tbody tr {
 background-color: #fcfcfc;

}
.deta-para-ri tbody td {

    color: var(--color2);

    font-size: var(--font16);

    line-height: 2;

    padding: 9px 32px;

}

.deta-para-ri tbody tr:nth-child(even) {

    background-color: var(--colorbj);

}

.ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox .ys-phnav-header-font, .ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox a, .ys-ph-nav li.yxnav-active2>.ys-phnav-lisbox .ys-phnav-header-font, .ys-ph-nav li.yxnav-active3>.ys-phnav-lisbox .ys-phnav-header-font {

    color: #fff;

}

.deta-para-ri table {

    border-collapse: collapse;

}

.deta-para-ri table,

th,

td {
    border: none;
}

.deta-para-ri tbody tr td:first-child {
    width: 266px;
}
.pmri-ul-li-box::after {

    content: "";

    position: absolute;

    bottom: 0;

    height: 2px;

    width: 90%;

    left: 50%;

    transform: translateX(-50%);

    background-color: #133782;

    transition: all .4s;

}

.pmri-ul-li-tit {

    text-align: center;

    font-size: 20px;

    color: var(--color1);

    line-height: var(--line15);

    font-weight: bold;

    transition: all .4s;

}

.pulb-word {

    flex: 1;

}

.pmri-ul-li-img {

    width: 100%;

    margin: 0 auto;

    margin-top: 18px;
    margin-bottom: 50px;

}

.details-main .pmri-ul-li-img{

    margin-top: 48px;

}

.pmri-ul-li-img img {

    width: 100%;

}

.pmri-ul-li-text {

    display: flex;

    justify-content: center;

    align-items: center;

    padding-top: 12px;

}

.pult-li {

    color: var(--color3);

    font-size: var(--font14);

    line-height: var(--line15);

    padding: 0 10px;

    position: relative;

}

.pult-li:last-child::after {

    display: none;

}

.pult-li::after {

    content: "";

    position: absolute;

    top: 0;

    right: -2px;

    width: 1px;

    height: 14px;

    background-color: var(--color3);

    top: 50%;

    transform: translateY(-50%);

}

.pmri-ul-li-btn {

    display: flex;

    justify-content: center;

    padding-top: 30px;

}

.ynlu-li:first-child{

    padding-top: 0;

}

.prod-main-ri-item {

    padding-top: 80px;

}

.prod-main-ri-item:first-child {

    padding-top: 54px;

}

.pmlu-li.act {

    background-color: var(--colormain);

    color: var(--color4);

}

.deta-para-cry {

    display: flex;
    flex-wrap: wrap;

    align-items: center;

}

.deta-para-le {
    width: 37%;
    background-color: #f5f5f5

}

.deta-para-cry{

    padding-top: 30px;

}

.deta-para-le-img {

    width: 100%;
    border: solid 1px #cfd4df;
}

.deta-para-le-img img {

    width: 100%;

}

.deta-para-ri {

    width: 63%;

    padding-left: 199px;

    height: 100%;

}

.grey {

    background-color: var(--colorbj);

}

.deta-method-ul {

    display: flex;

    margin: 0 -18px;

    margin-bottom: -15 !important;

}

.deta-method-ul-li {

    margin-top: 67px;

    width: 50%;

    padding: 0 18px;

    padding-bottom: 15px !important;


}

.deta-method-ul .slick-dots {

    bottom: -10px;

}

.dmul-le-cry {

    display: flex;

    padding: 43px 144px 31px 97px;

    border-radius: 20px;

    background: #FFF;

    transition: all .4s;

    box-shadow: 0px 4px 12.1px 0px rgba(0, 0, 0, 0.10);

}

.inte-site-ul-li.act .isul-opint::before {

    display: block;

}

.inte-site-ul-li.act .isul-opint::before {

    display: block;

}

.inte-site-ul-li .isul-opint:hover  .isul-opint-line {

    /* clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 0%); */

}

.inte-site-ul-li.act .isul-opint-cry {

    animation: show .7s linear forwards;

    animation-delay: 1.2s;

}

.dmul-le-cry-le {

    width: 50px;

}

.dmul-le-cry-le img {

    width: 100%;

}

.dmul-le-cry-ri {

    width: calc(100% - 50px);

    padding-left: 53px;

}

.dlcr-text p {

    font-size: 20px;

    color: var(--color1);

    line-height: var(--line15);

}

.dlcr-load {

    display: flex;

    padding-top: 25px;

}

.dlcr-load span {

    color: var(--colormain);

}

.dlcr-load img {

    margin-left: 12px;

    width: 16px;

}

.details-main .ys-modal {

    background: rgba(0, 0, 0, .5);

}

.ys-modal-content {

    border-radius: 20px;

    background: linear-gradient(0deg, #FFF 0%, #FFF 100%);

}

.mess-modal-word {

    text-align: center;

}

.mess-modal-text p {

    color: var(--color2);

    padding-top: 16px;

}

.mess-modal-page-ul {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -18px;

}

.mmpu-li {

    width: 33.33%;

    padding: 0 18px;

    margin-top: 30px;

}

.mess-modal-page {

    padding-top: 10px;

}

.mmpu-li-text span {

    color: #F00;

}

.mmpu-li-input {

    border: 1px solid #EDEDED;

    height: 50px;

    margin-top: 5px;

    position: relative;

    transition: all .4s;

}

.mmpu-li-input p {

    position: absolute;

    left: 0;

    color: #F00;

    font-size: var(--font16);

    line-height: var(--line15);

    transition: all .4s;

    display: none;

    pointer-events: none;

}

.mmpu-li-textarea {

    border: 1px solid #EDEDED;

    height: 100px;

    margin-top: 5px;

    position: relative;

}

.mmpu-li-textarea p {

    position: absolute;

    top: 15px;

    left: 26px;

    font-size: var(--font14);

    color: #f00;

    line-height: var(--line15);

    transition: all .4s;

    display: none;

    pointer-events: none;

}

.mmpu-li-link-cue {

    font-size: var(--font14);

    color: #f00;

    margin-top: 5px;

    transition: all .4s;

    display: none;

}

.ys-form-empty .mmpu-li-text {

    color: #f00;

}

.ys-form-empty .mmpu-li-input {

    border: 1px solid #f00;

}

.ys-form-empty .mmpu-li-textarea {

    border: 1px solid #f00;

}

.ys-form-empty .mmpu-li-link-cue {

    display: block;

}

.mmpu-li.ys-form-empty .mmpu-li-input p {

    display: block;

}

.mmpu-li.ys-form-empty .mmpu-li-textarea p {

    display: block;

}

.mmpu-li-textarea textarea {

    width: 100%;

    height: 100%;

    padding: 15px 26px;

    overflow-y: hidden;

    font-size: var(--color1);

    font-size: var(--font16);

    line-height: var(--line15);

}

.mmpu-li-input input {

    line-height: 50px;

    padding: 0 26px;

    width: 100%;

    font-size: var(--font16);

    color: var(--color1);

}

.ys-modal-content {

    width: 1044px;

    padding: 66px;

    max-height: 1040px;

}

.mmpu-li2 {

    width: 100%;

}

.mmpu-li2 .mmpu-li-cont {

    width: calc(50% - 18px);

}

.details-main .about-even-slcik-btn{

    display: none;

}

.about-even{

    padding-bottom: 10px;

    position: relative;

    z-index: 10;

}

.mmpu-li-cry {

    display: flex;

    align-items: end;

}

.mmpu-li-code {

    margin-left: 15px;

    width: 121px;

    cursor: pointer;

}

.mmpu-li-link {

    display: flex;

    align-items: center;

}

/* .mmpu-li-link.on .mmpu-li-link-box::after {

    opacity: 1;

} */

.mmpu-li-link-box {

    width: 12px;

    height: 12px;

    border-radius: 5.691px;

    border: 1px solid #D9D9D9;

    background: #FFF;

    flex-shrink: 0;

    cursor: pointer;

    position: relative;

}

.mmpu-li-link-box::after {

    content: "";

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    width: 8px;

    height: 8px;

    background-color: var(--colormain);

    border-radius: 50%;

    transition: all .4s;

    opacity: 0;

}

.mmpu-li-link-text {

    font-size: var(--font14);

    color: var(--color2);

    line-height: 2;

    margin-left: 5px;

}

.mmpu-li-link-text a {

    color: var(--colormain);

    text-decoration: underline;

}

.mess-modal-page-btn {

    display: flex;

    justify-content: center;

    cursor: pointer;

    margin-top: 50px;

}

.mess-modal-page-btn .std-btn1-box {

    padding: 14px 68px;

}

.mess-modal-page-btn2 {

    display: flex;

    justify-content: center;

    cursor: pointer;

    margin-top: 20px;

}

.mess-modal-page-btn2 .std-btn1-box {

    padding: 14px 68px;

}

.std-btn1-box {

    cursor: pointer;

}

.busi-apply-ul {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -18px;

    margin-top: -74px !important;

}

.classroom-main .ys-nyban-title p {

    width: 100%;

}

.busi-apply-ul-li {

    width: 33.333333%;

    padding: 0 18px;

    margin-top: 74px;

}

.busi-apply-ul-li a{

    display: flex;

    flex-direction: column;

}

.bpul-tit {

    font-weight: bold;

    padding-top: 27px;

    transition: all .4s;

}

.bpul-text{

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

    max-height: 5.8em;

}

.bpul-text p{

    color: var(--color3);

    line-height: var(--line15);

    padding-top: 24px;

    padding-right: 29px;

}

.bpul-btn {

    padding-top: var(--space40);

}

.bpul-btn .std-btn3-box-text {

    color: var(--color2);

}

.bpul-btn .std-btn3-box-icon {

    margin-left: 16px;

}

.white .ys-bread-list a {

    color: rgba(255, 255, 255, .7)

}

.white .ys-bread-list:last-child a {

    color: rgba(255, 255, 255, 1)

}

.sect-head-cry {

    padding-top: 56px;

    padding-bottom: 72px;

    padding-left: 3px;

    padding-right: 3px;

}

.sect-head-cry.yxedr-active p{

    font-size: 20px;

    line-height: 1.9;

    /* text-align: center; */

    letter-spacing: 2px;

}

.sect-head{

    position: relative;

}

.sect-head-cry span {

    font-weight: bold;

    color: var(--colormain);

    font-size: var(--font24);

    letter-spacing: 2.4px;

}

.sect-edge-ul .slick-slide {

    height: auto;

}

.sect-edge-ul .sect-head {

    position: relative;

    background-color: var(--colorbj);

}

.sect-head-bg1 {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 20%;

    pointer-events: none;

}

.sect-head-bg1 img{

    width: 100%;

}

.sect-head-bg2 {

    position: absolute;

    top: 0;

    right: 0;

    width: 20%;

    position: none;

}

.sect-head-bg2 img{

    width: 100%;

}

.sect-edge-ul {

    display: flex;

    flex-wrap: wrap;

    padding-top: 50px;

    margin: 0 -18px;

    margin-top: -30px !important;

    margin-bottom: -30px !important;

}

.sect-edge-ul-li {

    width: 25%;

    padding: 0 18px;

    padding-top: 30px !important;

    padding-bottom: 30px !important;

}

.seul-icon {

    width: 50px;

}

.seul-icon img {

    width: 100%;

}

.seul-icon-box {

    height: 100%;

    display: block;

    transition: all .4s;

    padding: 42px 33px 44px 29px;

    border-radius: 20px;

    background: #FFF;

    box-shadow: 0px -1px 22px 0px rgba(0, 0, 0, 0.05);

}

.seul-tit {

    font-weight: bold;

    margin-top: 66px;

    transition: all .4s;

}

.seul-text p {

    margin-top: 18px;

    color: var(--color2);

    line-height: 1.6;

}

.seul-icon.ys-imgbox-cover img:nth-child(2) {

    transform: scale(1) !important;

}

.sect-standard {

    padding-top: 186px;

    padding-bottom: 158px;

}

.sect-stan-text {

    padding-top: 130px;

}

.sect-standard .ys-cont1440 {

    display: flex;

    flex-wrap: wrap;

}

.sect-stan-le {

    width: 45%;

}

.sect-stan-ri {

    width: 55%;

    padding-left: 222px;

}

.sect-stan-text.yxedr-active p {

    position: relative;

    padding-left: 26px;

}

.sect-stan-text.yxedr-active p::before {

    content: "";

    display: block;

    width: 10px;

    height: 10px;

    background-color: var(--colormain);

    border-radius: 100%;

    position: absolute;

    left: 0;

    top: 0;

    margin-top: 8px;

}

.deta-more {

    position: relative;
    margin-top: 50px;
    border: solid 1px #e4e4e4;

}

.deta-more-bg {

    position: absolute;

    bottom: 0;

    left: 0;

    pointer-events: none;

}

.dcsu-li {

    width: 210px;

    margin: 0 18px;

    padding: 13px 20px 25px;

    border-radius: 10px;

    background: #FFF;

    box-shadow: 0px 4px 9.1px 0px rgba(0, 0, 0, 0.10);

}

.dcsu-li-img {

    width: 90px;

    margin: 0 auto;

    margin-bottom: 30px;

}

.dcsu-li-img img {

    width: 100%;

}

.dcsu-li-text {

    width: 100%;

    text-align: center;

    position: relative;

}

.dcsu-li-text p {

    font-size: var(--font14);

    color: var(--color2);

    line-height: 1.6;

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    bottom: 0px;

    width: 100%;

}

.deta-coop-scroll {

    margin-top: var(--space40);

    width: 1440px;

}

.dong1-main-ul1 {

    position: relative;

    left: 0;

    top: 0;

}

.deta-coop-scroll-ul {

    animation: donghua 20s linear infinite;

    display: flex;

    padding: 10px 0 26px;

}

.deta-more-slick .slick-track{

    padding-bottom: 10px !important;

}

@keyframes donghua {

    0% {

        transform: translateX(0%);

    }

    100% {

        transform: translateX(-100%);

    }

}

.dong1-main-ul2 {

    transform: translateX(100%) !important;

    position: absolute;

    top: 0;

}

.deta-coop-scroll {

    position: relative;

    overflow: hidden;

}

.deta-coop-scroll::before {

    content: '';

    position: absolute;

    height: 100%;

    left: -200px;

    top: 0;

    bottom: 0;

    background: linear-gradient(90deg, #F9F9F9 26.03%, rgba(249, 249, 249, 0.00) 115.66%);

    width: 40rem;

    z-index: 10;

    /* height: calc(100% - 40px); */

    top: 50%;

    transform: translateY(-50%);

    pointer-events: none;

}

.deta-coop-scroll::after {

    content: '';

    position: absolute;

    height: 100%;

    background: linear-gradient(90deg, #F9F9F9 26.03%, rgba(249, 249, 249, 0.00) 115.66%);

    right: -200px;

    bottom: 0;

    width: 40rem;

    z-index: 10;

    height: calc(100% + 40px);

    top: 50%;

    transform: translateY(-50%) rotate(180deg) !important;

    pointer-events: none;

}

.fk {

    width: 15px;

    height: 15px;

    border-radius: 100%;

    background: #1F8745;

    position: absolute;

    left: -7px;

    top: -7px;

}

.svg-attributes-demo {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

}

.sect-stan-ri-img {

    position: absolute;

    top: 50%;

    left: 50%;

    width: 75%;

    height: 75%;

    transform: translate(-50%,-50%);

    overflow: hidden;

    border-radius: 100%;

}

.internet-main .ys-nyban-title {

    top: 34%;

}

.dfci-list-ul-li.act {

    /* opacity: 1; */

    display: block;

    position: relative;

}

.dfci-list-ul-li.active{

    display: block;

    position: relative;

}

.internet-main .ys-nyban-title p {

    width: 44%;

    font-size: var(--font16);

}

.dbcb-li{

    width: 16px;

    height: 16px;

    background-color: var(--colormain);

    border-radius: 100%;

    position: absolute;

    transition: all .4s;

}

.dfci-bg-cry{

    position: relative;

}

.ys-nyban-pop {

    position: absolute;

    bottom: 15%;

    left: 50%;

    transform: translateX(-50%);

}

.ys-nyban-pop-ul {

    display: flex;

    margin: 0 -20px;

}

.ynpu-li {

    min-width: 320px;

}

.inte-site-ul-li.on .isul-opint::before{

    display: block;

}

.inte-site-ul-li.on .isul-opint::after{

    display: block;

}

.ynpu-li:first-child{

    padding-right: 40px;

}

.ynpu-li-cry {

    min-width: 320px;

    height: 100%;

    padding: 28px 41px 42px;

    border-radius: 20px;

    background: var(--color4);

    box-shadow: 0px 4px 12.8px 0px rgba(0, 0, 0, 0.10);

}

.sect-stan-ri-cry{

    position: relative;

    width: fit-content;

}

.ynpu-li-img {

    width: 67px;

}

.ynpu-li-img img {

    width: 100%;

}

.ynpu-li-tit {

    margin-top: 5px;

}

.ssru-li{

    color: var(--color1);

    font-size: 18px;

    line-height:1.6;

    font-weight: bold;

    position: absolute;

}

.sect-stan-ri-four .ssru-li1{

    top: 8%;

    left: 73%;

}

.sect-stan-ri-four .ssru-li2{

    bottom: 17%;

    right:1%;

}

.sect-stan-ri-four .ssru-li3{

    bottom: 8%;

    left: 19%;

    transform: translateX(-50%);

}

.sect-stan-ri-four .ssru-li4{

    bottom: 77%;

    left: 6%;

}

.sect-stan-ri-five .ssru-li1{

    top: 11%;

    left: 79%;

}

.sect-stan-ri-five .ssru-li2{

    top: 66%;

    right: 0%;

}

.sect-stan-ri-five .ssru-li3{

    bottom: -3%;

    left: 43%;

}

.sect-stan-ri-five .ssru-li4{

    top: 62%;

    left: -3%;

}

.sect-stan-ri-five .ssru-li5{

    top: 9%;

    left: 14%;

}

.ynpu-li-num {

    font-size: 20px;

    color: var(--colormain);

    line-height: var(--line175);

    font-weight: bold;

    margin-top: 12px;

}

.ynpu-li-text {

    font-size: var(--font14);

    color: var(--color2);

    line-height: var(--line175);

}

.ynpu-li-btn {

    margin-top: 22px;

}

.ynpu-li-btn .std-btn1-box {

    padding: 7px 28px;

}

.inte-site-map {

    margin-top: 59px;

    width: 56%;

}

.inte-site-bg {

    width: 100%;

    pointer-events: none;

    z-index: -1;

    position: relative;

    pointer-events: none;

}

.inte-site-bg img {

    width: 100%;

}

.inte-site-map {

    position: relative;

}

.isul-opint {

    width: 22px;

    position: absolute;

    cursor: pointer;

    z-index: 10;

}

.isul-opint img {

    width: 100%;

}

.opint1 {

    top: 28%;

    right: 13%;

}

.opint2 {

    top: 38.8%;

    right: 26%;

}

.opint3 {

    bottom: 34%;

    right: 15%;

}

.opint4 {

    right: 23.4%;

    bottom: 13.6%;

    display: none;

}

.opint5 {

    bottom: 52%;

    right: 40%;

}

.opint6 {

    bottom: 32%;

    right: 52%;

}

@keyframes myfirst {

    0% {

        transform: translate(-50%, -50%) scale(1);

        opacity: .7;

    }

    50% {

        transform: translate(-50%, -50%) scale(2);

        opacity: 0.5;

    }

    100% {

        transform: translate(-50%, -50%) scale(4);

        opacity: 0;

    }

}

.isul-opint::before {

    content: '';

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 100%;

    height: 100%;

    border-radius: 50%;

    background: rgba(31, 135, 69, .7);

    z-index: -1;

    animation: myfirst 2s linear infinite;

    animation-delay: 0.6s;

    transform: translate(-50%, -50%) scale(1);

    transition: all .4s;

    display: none;

}

.isul-opint::after {

    content: '';

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 100%;

    height: 100%;

    border-radius: 50%;

    background: rgba(31, 135, 69, .7);

    z-index: -1;

    animation: myfirst 2s linear infinite;

    transform: translate(-50%, -50%) scale(1);

    transition: all .4s;

    display: none;

}

.isul-opint-cry {

    min-width: 424px;

    padding: 38px 38px 42px;

    border-radius: 10px;

    background: #FFF;

    box-shadow: 0px 6px 18.4px 0px rgba(103, 103, 103, 0.25);

    transition: all 30s;

    opacity: 0;

    z-index: -1;

    position: absolute;

    top: -200px;

    left: calc(100% + 200px);

    transition: all .4s;

    pointer-events: none;

}

.ispu-li .isul-opint-cry{

    display: none;

    position: relative;

    left: 0;

    top: 0;

    max-width: 100%;

    margin-top: 40px;

}

.ispu-li:nth-child(n+2){

    display: none;

}

@keyframes show {

    0% {

        opacity: 0;

    }

    100% {

        opacity: 1;

    }

}

.isul-opint-cry-tit {

    color: var(--colormain);

}

.isul-opint-cry-ul {

    margin-top: 12px;

}

.iocu-li {

    display: flex;

    align-items: center;

    margin-top: 12px;

}

.iocu-li-iocn {

    width: 16px;

    margin-right: 16px;

}

.iocu-li-iocn img {

    width: 100%;

}

.isul-opint-cry-img {

    width: 348px;

    margin-top: var(--space40);

}

.isul-opint-cry-img img {

    width: 100%;

}

@keyframes line1 {

    0% {

        width: 0;

    }

    100% {

        width: 110px;

    }

}

@keyframes line2 {

    0% {

        width: 0;

        opacity: 0;

    }

    100% {

        width: 100px;

        opacity: 1;

    }

}

.isul-opint-line2 {

    animation: line2 1s linear .36s 1 normal forwards;

    animation-delay: 1.3s;

    opacity: 0;

}

.isul-opint-line {

    width: 211px !important;

    /* background: linear-gradient(to right,transparent,#1F8745); */

    position: absolute;

    top: -80px;

    z-index: 20;

    pointer-events: none;

}

.isul-opint-line img {

    width: 100%;

}

.isul-opint-line2 {

    width: 110px;

    height: 1px;

    background: var(--colormain);

    position: absolute;

    top: -69px;

    left: 94px;

    z-index: 20;

    pointer-events: none;

}

.isul-opint-line {

    transition: all 1s;

    clip-path: polygon(0% 0%, 0% 100%, 0% 0%, 0% 100%);

}

.sales-serve .std-h2 {

    text-align: center;

}

.sales-serve-ul {

    display: flex;

    margin: 0 -18px;

    flex-wrap: wrap;

    margin-top: 10px;

}

.sales-serve-ul-li {

    width: 33.333333%;

    padding: 0 18px;

    margin-top: var(--space40);

}

.ssul-box {

    height: 100%;

    display: block;

    border-radius: 20px;

    background: #FFF;

    padding: 53px 20px 28px;

    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.10);

    transition: all .4s;

}

.ssul-box-icon {

    width: 90px;

    margin: 0 auto;

}

.ssul-box-icon img {

    width: 100%;

}

.deta-cooperate .ys-cont1440{

    overflow: hidden;

}

.ssul-box-tit {

    transition: all .4s;

    text-align: center;

    padding-top: 20px;

}

.ssul-box-text p {

    padding-top: 15px;

    color: var(--color3);

    line-height: var(--line15);

    text-align: center;

}

.sales-serve-ul-li:nth-last-child(-n+3) .ssul-box {

    padding: 30px;

}

.ssul-box-icon.ys-imgbox-cover img:nth-child(2) {

    transform: scale(1) !important;

}

.sales-main .ys-nyban-title {

    top: 40%;

}

.sales-main .ys-nyban-title h1 {

    color: var(--color1);

}

.sales-main .ys-nyban-title p {

    color: var(--color2);

    width: 44%;

    font-size: var(--font16);

    padding-top: 14px;

}

.sales-head-cry {

    width: 100%;

    position: absolute;

    top: 0;

    left: 50%;

    transform: translate(-50%, -50%);

    display: flex;

    border-radius: 20px;

    padding: 48px 192px 48px 108px;

    background: #FFF;

    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);

}

.sales-head-le {

    width: 46%;

    display: flex;

    align-items: center;

}

.sales-head-le-icon {

    width: 80px;

}

.sales-head-le-icon img {

    width: 100%;

}

.sales-head-le-tit {

    margin-left: 45px;

}

.sales-head-ri {

    flex-grow: 1;

    display: flex;

    align-items: center;

    margin: 0 -100px;

}

.sales-head-ri a {

    color: var(--colormain);

    padding: 0 100px;

    position: relative;

}

.sales-head-ri a::after {

    content: "";

    width: 1px;

    height: 76px;

    background-color: #DEDEDE;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 0;

}

.sales-head-ri a:last-child::after {

    display: none;

}

.sales-head .ys-cont1440 {

    position: relative;

    z-index: 10;

}

.issue-cry-head {

    display: flex;

    justify-content: space-between;

}

.issue-cry-head-ri {

    display: flex;

}

.issue-cry-head-le {

    margin: 0 -8px;

}

.ichl-li {

    padding: 0 8px;

}

.ichl-li .std-btn1-box {

    border-radius: 30px;

    border: 1px solid #EDEDED;

    backdrop-filter: blur(10px);

    background: var(--color4);

    padding: 11px 48px;

}

.ichl-li .std-btn1-box-text {

    color: var(--color1);

    line-height: var(--line175);

}

.issue-main .ys-bread-list a {

    color: rgba(255, 255, 255, .7);

}

.issue-main .ys-bread-list:last-child a {

    color: rgba(255, 255, 255, 1);

}

.ichr-input {

    width: 336px;

    border-radius: 42px;

    background: #F8F8FA;

}

.new-head{

    position: relative;

}

.issue-cry{

    position: relative;

}

.issue-cry-bg2{

    position: absolute;

    top: -20%;

    right: 0;

    width: 20%;

    z-index: -1;

    pointer-events: none;

}

.issue-cry-bg2 img{

    width: 100%;

}

.new-head-bg{

    position: absolute;

    top: -60%;

    right: 0;

    width: 20%;

    pointer-events: none;

}

.class-cry-bg{

    position: absolute;

    right: 0;

    top: 0;

    width: 30%;

    pointer-events: none;

}

.class-cry-bg img{

    width: 100%;

}

.new-head-bg img{

    width: 100%;

}

.classroom-main .ys-nyban-img{

    position: relative;

}

.classroom-main .ys-nyban-img::before{

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    background: linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%);

    z-index: 10;

}

.issue-main .ys-nyban-img{

    position: relative;

}

.issue-main .ys-nyban-img::before{

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    opacity: 0.2;

    background: linear-gradient(90deg, #000 24.75%, rgba(0, 0, 0, 0.00) 43.97%);

    z-index: 10;

}

.sectors-main .ys-nyban-img{

    position: relative;

}

.sectors-main .ys-nyban-img::before{

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    opacity: 0.2;

    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);

    z-index: 10;

}

.ichr-input input {

    width: 100%;

    line-height: 50px;

    padding: 0 32px;

    font-size: var(--font16);

    color: var(--color1);

}

.ichr-input input::placeholder {

    line-height: 50px;

    font-size: var(--font16);

    color: #B4B4B4;

}

.ichr-search {

    margin-left: 16px;

}

.issue-cry-head-ri .std-btn1-box {

    padding: 14px 60px;

}

.issue-cry-cont {

    margin-top: 80px;

}

.iccl-ul-li {

    transition: all .4s;

    display: flex;

    align-items: start;

    padding: 31px 65px;

    margin-top: 30px;

    border-radius: 20px;

    background: #FFF;

    box-shadow: 0px 4px 12.1px 0px rgba(0, 0, 0, 0.10);

}

.iccl-ul-li-num {

    position: relative;

    z-index: 10;

    width: 50px;

    text-align: center;

    font-size: 20px;

    color: var(--color4);

    line-height: 1.6;

}

.iccl-ul-li-num::after {

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 50px;

    height: 50px;

    border-radius: 25px;

    background-color: var(--colormain);

    z-index: -1;

}

.iccl-ul-li-text {

    width: calc(100% - 50px);

    margin-left: 42px;

}

.iccl-ul-li-text p {

    color: var(--color1);

    font-size: 20px;

    line-height: 1.6;

    transition: all .4s;

}

.end li::before {

    content: "\e74c" !important;

}

.mod-page {

    padding-top: 80px;

}

.ccul-ul-li:nth-child(3n+1){

    animation-delay: .2s;

}

.ccul-ul-li:nth-child(3n+2){

    animation-delay: .3s;

}

.ccul-ul-li:nth-child(3n+3){

    animation-delay: .4s;

}

.iccl-proli{

    padding-bottom: 20px;

}

.pc-fenye li.activepage {

    color: #fff;

    background: var(--colormain);

}

.new-cry{

    position: relative;

}

.iccl-proli-li {

    margin-top: 30px;

    border-radius: 20px;

    background: #FFF;

    transition: all .4s;

    box-shadow: 0px 4px 12.1px 0px rgba(0, 0, 0, 0.10);

}

.iccl-proli-li-top {

    display: flex;

    align-items: center;

    padding: 40px 122px 40px 40px;

    justify-content: space-between;

    cursor: pointer;

}

.iplt-le-num {

    font-weight: normal;

    color: var(--colormain);

    margin-top: -6px;

}

.iplt-le-text {

    margin-left: 33px;

    transition: all .4s;

}

.iplt-le-text p{

    line-height: 1.3;

}

.iccl-proli-li-bom {

    display: none;

}

.iplb-cry {

    display: flex;

    /* align-items: center; */

    padding: 0px 40px 40px;

}

.iplt-le {

    display: flex;

    align-items: start;

    width: calc(100% - 25px);

}

.iplt-le-btn {

    width: 25px;

    position: relative;

}

.iplt-le-btn img {

    width: 100%;

    transition: all .4s;

}

.iplt-le-btn img:nth-child(2) {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 0;

    opacity: 0;

}

.iccl-proli-li-bom {

    display: none;

}

.iccl-proli-li-bom .std-text2 {

    color: var(--color2);

}

.iccl-proli-li.on .iplt-le-btn img:nth-child(2) {

    opacity: 1;

}

.iccl-proli-li.on .iplt-le-btn img:nth-child(1) {

    opacity: 0;

}

.issue-cry-bg {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    pointer-events: none;

}

.issue-cry-bg img {

    width: 30%;

}

.mod-page {

    position: relative;

}

.ys-nybanner {

    position: relative;
    background-color: #f7f7f7;

}

.issue-main .ys-nybanner::after {

    content: " ";

    position: absolute;

    width: 100%;

    height: 100%;

    background: linear-gradient(90deg, #000 24.75%, rgba(0, 0, 0, 0.00) 43.97%);

    opacity: 0.2;

    top: 0;

    left: 0;

    z-index: 0;

}

.ys-nyban-title {

    z-index: 10;

}

.ccul-ul {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -18px;

    margin-top: -11px;

}

.ccul-ul-li {

    width: 33.333333%;

    padding: 0 18px;

    margin-top: 50px;

}

.ccul-ul-li-img {

    position: relative;

}

.culi-icon {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    z-index: 10;

    cursor: pointer;

}

.ccul-ul-li .ys-video-btn {

    cursor: pointer;

}

.culi-img {

    border-radius: 20px;

}

.culi-icon {

    width: 60px;

}

.culi-icon img {

    width: 100%;

}

.ccul-ul-li-date {

    padding-top: 23px;

    color: var(--color3);

    line-height: var(--line175);

}

.ccul-ul-li-text p {

    font-size: 20px;

    transition: all .4s;

    color: var(--color1);

    line-height: var(--line15);

    padding-top: 15px;

    font-weight: bold;

}

.class-cry-ul-li:nth-child(n+2) {

    display: none;

}

/* .new-summary .ys-bread-list a {

    color: rgba(255, 255, 255, .7);

} */

/* .new-summary .ys-bread-list:last-child a {

    color: rgba(255, 255, 255, 1);

} */

.ys-cont1020 {

    width: 75vw;

    margin: 0 auto;

}

.new-details .ys-mbx {

    position: relative;

    top: 0;

    left: 0;

    transform: translateX(0);

    padding-top: 34px;

}

.details-cry {

    padding-top: var(--space40);

}

.details-cry-head-share {

    padding-top: 10px;

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.dchs-share {

    display: flex;

    align-items: center;

}

.dchs-date {

    color: var(--color3);

    font-size: var(--font16);

    line-height: var(--line175);

}

.dchs-share span {

    color: var(--color2);

    font-size: var(--font16);

    line-height: var(--line175);

    margin-right: 28px;

}

.dchs-share .ys-share-img {

    width: 24px;

}

.dchs-share .ys-share-img img {

    width: 100%;

}

.details-cry-head{

    padding-bottom: 25px;

    margin-bottom: var(--space40);

    border-bottom: 1px solid #E9E9E9;

}

.details-cry-link{

    margin-top: 25px;

    padding-top: var(--space40);

    border-top: 1px solid #E9E9E9;

}

.details-cry-cont {

    padding: 0 10px;

}

.new-summary .std-btn2-box {

    padding: 9px 38px 9px 0px;

}

.details-cry-cont.yxedr-active p {

    margin-bottom: var(--space40);

}

.ys-wechat {

    background: rgba(0, 0, 0, .5);

}

.details-cry-link {

    padding-top: var(--space40);

    justify-content: space-between;

    display: flex;

}

.details-cry-link-li a {

    color: var(--color3);

    font-size: var(--font16);

    line-height: var(--line175);

    transition: all .4s;

}

.details-about {

    padding-bottom: 83px;

    position: relative;

}

.details-about-bg {

    position: absolute;

    bottom: 0;

    left: 0;

    pointer-events: none;

    width: 30%;

}

.details-about-bg img{

    width: 100%;

}

.new-head {

    padding-top: 82px;

}

.new-head-ul .slick-dots {

    left: calc(55% + 50px);

    transform: translateX(0);

    text-align: left;

    bottom: 39px;

}

.details-cry-cont img{

    border-radius: 10px;

}

.new-head-cry{

    display: flex;

    background-color: var(--colorbj);

    border-radius: 20px;

    overflow: hidden;

    flex-wrap: wrap;

}

.new-head-le {

    width: 55%;

}

.new-head-ri {

    width: 45%;

    padding: 77px 63px 39px 50px;

    position: relative;

}

.new-head-ri-date {

    color: var(--color3);

}

.new-head-ri-tit {

    padding-top: 14px;

}

.new-head-ri-text {

    padding-top: 30px;

}

.new-head-ri-text p {

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    min-height: 2.8em;

    color: var(--color2);

}

.new-head-ri-btn {

    padding-top: 50px;

}

.new-head-ri .ys-slick {

    height: 100%;

}

.new-head-ri .slick-list {

    height: 100%;

}

.new-head-ri .slick-dots {

    bottom: 0px;

    left: 0;

    width: fit-content;

}

.new-cry .issue-cry-head {

    justify-content: start;

}

.new-cry .issue-cry-head {

    padding-top: 90px;

}

.issue-cry-head-down .ys-select {

    border-radius: 42px;

    background: #F8F8FA;

}

.issue-cry-head-down .ys-select {

    max-width: 200px;

    margin-right: var(--space40);

}

.issue-cry-head-down .ys-select .ys-select-hd {

    line-height: 50px;

    padding-left: 33px;

    padding-right: 35px;

}

.issue-cry-head-down .ys-select input {

    line-height: 50px;

    font-size: var(--font16);

    color: var(--color1);

}

.issue-cry-head-down .ys-select input::placeholder {

    line-height: 50px;

    font-size: var(--font16);

    color: #B4B4B4;

}

.issue-cry-head-down .ys-select-xtbbox {

    right: 35px;

}

.issue-cry-head-down .mCSB_outside+.mCSB_scrollTools {

    right: 0px;

}

.issue-cry-head-down .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-color: var(--colormain) !important;

}

.issue-cry-head-down .mCSB_outside+.mCSB_scrollTools {

    right: 22px;

}

.issue-cry-head-down .ys-select-bd {

    padding: 20px 54px 20px 30px;

    border-radius: 20px;

    border: 1px solid #EDEDED;

    background: #FFF;

    box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.05);

    max-height: 180px;

    margin-top: 10px;

}

.issue-cry-head-down .ys-select-li:first-child{

    padding-top: 0;

    margin-top: 0;

    border-top: 0px solid #EDEDED;

}

.issue-cry-head-down .ys-select-li {

    padding-top: 15px;

    margin-top: 15px;

    border-top: 1px solid #EDEDED;

    font-size: var(--font14);

    transition: all .4s;

    font-size: var(--font14);

    color: var(--color2);

    line-height: var(--line175);

}

.issue-cry-head-down .mCSB_scrollTools .mCSB_draggerContainer {

    margin: 20px 0;

}

.new-summary .ccul-ul {

    margin-top: -61px;

}

.new-summary .ccul-ul-li {

    margin-top: var(--space100);

}

/* .contact-main .ys-bread-list a {

    color: rgba(255, 255, 255, .7);

}

.contact-main .ys-bread-list:last-child a {

    color: rgba(255, 255, 255, 1);

} */

.contact-site .std-h2 {

    text-align: center;

}

.contact-site-ul {

    padding-top: 19px;

    display: flex;

    flex-wrap: wrap;

    margin: 0 -18px;

}

.contact-site-ul-li {

    padding: 0 18px;

    width: 50%;

    padding-top: var(--space40) !important;

    height: auto;

}

.csul-cry {

    height: 100%;

    padding: 61px 93px 71px;

    border-radius: 20px;

    background: #FFF;

    transition: all .4s;

    box-shadow: 0px 10px 17.9px 0px rgba(0, 0, 0, 0.05);

}

.csul-cry-link {

    margin-top: 28px;

}

.ccll-box {

    display: flex;

    align-items: start;

}

.csul-cry-link-li {

    padding-top: 24px;

    display: flex;

}

.ccll-box-text a{

    color: var(--color2);

    line-height: var(--line15);

    font-size: var(--font16);

}

.ccll-box-text {

    color: var(--color2);

    line-height: var(--line15);

}

.ccll-box-iocn {

    width: 28px;

    margin-right: 16px;

    margin-top: -2px;

    flex-shrink: 0;

}

.ccll-box-iocn img {

    width: 100%;

}

.csul-cry-tit {

    position: relative;

}

.csul-cry-tit::before {

    content: "";

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: -16px;

    width: 4px;

    height: 33px;

    background-color: var(--colormain);

}

.sales-serve{

    padding-bottom: 60px;

}

.sales-serve-ul{

    padding-bottom: 20px !important;

}

.contact-head .ys-cont1440 {

    position: relative;

}

.contact-site-ul-li:nth-child(2n+1){

    animation-delay: .2s;

}

.contact-site-ul-li:nth-child(2n+2){

    animation-delay: .3s;

}

.contact-head{

    position: relative;

    z-index: 10;

}

.contact-head-cry {

    width: 100%;

    position: absolute;

    top: 0;

    left: 50%;

    transform: translate(-50%, -50%);

    border: 1px solid #EEE;

    box-shadow: 0px 0px 10px 1px rgba(37, 97, 212, 0.08);

    border-radius: 20px;

    background-color: #fff;

    min-height: 284px;

    padding: 55px 120px;

}

.contact-head-ul {

    display: flex;

    justify-content: space-between;

    margin: 0 -110px;

}

.contact-head-ul-li {

    width: 32%;

    padding: 0 20px 0 60px;

}

.contact-site {

    position: relative;

}

.contact-site-bg {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 20%;

    pointer-events: none;

}

.contact-site-bg img{

    width: 100%;

}

.chul-icon {

    position: relative;

    width: 60px;

    height: 60px;

    border-radius: 100%;

    background-color: var(--colormain);

}

.chul-icon img {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    width: 60%;

}

.chul-tit {

    padding-top: 14px;

}

.chul-num {

    padding-top: 8px;

}

.chul-num .std-text2 {

    line-height: var(--line15);

    color: var(--color2);

}

.contact-head-ul-li {

    position: relative;

}

.contact-head-ul-li::after {

    content: "";

    display: block;

    width: 1px;

    height: 115px;

    background-color: #DEDEDE;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    right: 0;

}

.contact-head-ul-li:last-child::after {

    display: none;

}

.contact-main .ys-nyban-title p {

    width: 52%;

}

.contact-site {

    padding-top: 262px;

}

.contact-site-bg1 {

    position: absolute;

    right: 0;

    top: -20%;

    width: 20%;

    pointer-events: none;

}

.contact-site-bg1 img{

    width: 100%;

}

.sales-serve {

    position: relative;

    padding-top: 120px;

}

.sales-serve-bg {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 30%;

    pointer-events: none;

}

.sales-serve-bg img{

    width: 100%;

}

.recr-cry-ul {

    margin: 30px 0;

}

.recr-cry-drop {

    transition: all .4s;

    margin-top: var(--space40);

    border-radius: 20px;

    background: #FFF;

    box-shadow: 0px 12px 26.9px 0px rgba(0, 0, 0, 0.05);

}

.recr-cry-drop-top {

    padding: 36px 79px 45px 52px;

    display: flex;

    align-items: start;

    cursor: pointer;

}

.recr-cry-drop-bom {

    padding: 0px 280px 51px 52px;

    position: relative;

    margin-top: -13px;

    display: none;

}

.recr-cry-drop-bom::before {

    content: "";

    display: block;

    position: absolute;

    width: 92%;

    top: -16px;

    height: 1px;

    background-color: #F3F3F3;

}

.rcdt-posts {

    font-size: 20px;

    color: var(--color1);

    line-height: 1.2;

    font-weight: bold;

    padding: 0 20px;

    position: relative;

    width: 35%;

}

.rcdt-posts::before {

    content: "";

    display: block;

    width: 4px;

    height: 20px;

    background-color: var(--colormain);

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

}

.rcdt-expe {

    color: var(--color2);

    line-height: var(--line15);

    width: 20%;

}

.rcdt-degree {

    color: var(--color2);

    line-height: var(--line15);

    flex: 1;

    padding: 0 20px;

}

.rcdt-btn {

    width: 40px;

    transition: all .4s;

}

.rcdt-btn img {

    width: 100%;

}

.rcdb-tit {

    line-height: 2.25;

    font-weight: bold;

}

.recr-cry-drop.on .rcdt-btn {

    transform: rotate(180deg);

}

.rcdb-btn {

    margin-top: 12px;

}

.recruitment-main .issue-cry-head-down .ys-select {

    max-width: 188px;

}

.recruitment-main .issue-cry-head-down .ys-select .ys-select-hd {

    padding-left: 30px;

    padding-right: 30px;

}

.recruitment-main .issue-cry-head-down .ys-select {

    margin-right: 16px;

}

.recruitment-main .issue-cry-head-down .ys-select {

    border-radius: 30px;

    background: var(--color4);

    border: 1px solid #EDEDED;

}

.recruitment-main .issue-cry-head-down {

    display: flex;

}

.recruitment-main .issue-cry-head-down .ys-select input::placeholder {

    color: var(--color1);

}

/* .about-main .ys-bread-list a {

    color: rgba(255, 255, 255, .7);

}

.about-main .ys-bread-list:last-child a {

    color: rgba(255, 255, 255, 1);

} */

.about-main .ys-nyban-title {

    text-align: center;

}

.about-main .ys-nyban-title h1 {

    text-align: left;

    padding-top: 19px;

}

.about-main .ys-nyban-title img {

    width: 20%;

}

.about-ours .ys-cont1440 {

    display: flex;

}

.about-ours-le {

    width: 43%;

    position: relative;

}

.about-ours-ri {

    width: 100%;

    z-index: 10;

}

.about-ours-le h2 {

    color: var(--colormain);

    position: relative;

    z-index: 10;

}

.about-ours-ri-text {

    padding-top: 60px;

}

.about-ours-ri-head {

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.aorh-le span {

    color: var(--colormain);

}

.aorh-ri {

    width: 74px;

}

.aorh-ri img {

    width: 100%;

}

.about-ours-ri-text.yxedr-active p {

    color: var(--color1);

}

.myVideo {

    width: 100%;

    height: 130px;

}

.about-culture {

    padding-top: 100px;

    padding-bottom: 100px;

}

.about-culture h2 {

    color: var(--color4);

    text-align: center;

}

.about-culture-ul {

    padding-top: 50px;

    display: flex;

    justify-content: space-between;

    margin: 0 -18px;

}

.about-culture-ul-li {

    padding: 0 18px;

    width: 33.333333%;

    height: auto;

}

.acul-box {

    height: 100%;

    display: block;

    border-radius: 20px;

    border: 1px solid #FFF;

    padding: 63px 20px 69px;

    transition: all .4s;

}

.acul-icon {

    width: 90px;

    margin: 0 auto;

    position: relative;

}

.acul-icon img {

    width: 100%;

    transition: all .4s;

}

.acul-icon img:nth-child(2) {

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    opacity: 0;

}

.acul-tit {

    padding-top: 43px;

    transition: all .4s;

    color: var(--color4);

    text-align: center;

}

.acul-text p {

    text-align: center;

    color: var(--color4);

    font-size: 18px;

    transition: all .4s;

    padding-top: 16px;

    line-height: var(--line15);

}

.about-honor-slick {

    padding-top: 50px;

    position: relative;

}

.about-honor-slick .ys-slick {

    width: 100%;

    margin: -20px 0;

}

.about-honor-slick .slick-list{

    margin: 0 -18px;

}

.about-honor-slick .ys-slick-item {

    padding: 20px 18px;

}

.about-honor-slick .slick-slide {

    height: auto;

}

.ahsl-cry{

    height: 100%;

    /* border-bottom: 4px solid var(--colormain); */

    padding: 56px 33px 60px;

    border-radius: 20px;

    background: #FFF;

    transition: all .4s;

    box-shadow: 0px 8px 20px 0px rgba(11, 40, 116, 0.10);

    position: relative;

}

.ahsl-cry::after{

    content: "";

    position: absolute;

    width: calc(100% - 10px);

    height: 40px;

    z-index: -1;

    background-color: var(--colormain);

    border-radius: 100px;

    bottom: -4px;

    left: 50%;

    transform: translateX(-50%);

}

.sect-stan-ri-cry svg{

    position: absolute;

    opacity: 0;

    width: 100%;

    height: 100%;

}

.about-honor-slick-img {

    position: relative;

}

.about-honor-slick-img .ys-imgbox-cover {

    width: 76%;

    margin: 0 auto;

}

.sect-stan-ri-icon circle{

    display: none;

}

.about-honor-slick-img .ys-imgbox-cover img {

    width: 100%;

}

.about-honor-slick-bg {

    position: absolute;

    top: 20%;

    width: 100%;

    z-index: 0;

    pointer-events: none;

    display: none;

}

.about-honor-slick-bg img {

    width: 100%;

}

.about-honor-slick-tit {

    text-align: center;

    font-weight: bold;

    color: var(--colormain);

    padding-top: 31px;

    display: none;

}

.about-honor-slick-text {

    text-align: center;

    transition: all .4s;

    color: var(--color1);

    padding-top: 6px;

    font-weight: bold;

}

.about-honor-sbtn-prev {

    position: relative;

    width: fit-content;

    left: 0;

    cursor: pointer;

}

.about-honor-sbtn-prev img {

    transform: rotate(180deg);

}

.about-honor-sbtn-prev::after {

    content: "";

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    background-color: var(--colormain);

    width: 40px;

    height: 40px;

    border-radius: 100%;

    z-index: -1;

    transition: all .4s;

}

.about-honor-sbtn-next {

    position: relative;

    width: 20px;

    cursor: pointer;

}

.about-honor-sbtn-next::after {

    content: "";

    position: absolute;

    top: 50%;

    right: 0;

    transform: translateY(-50%);

    background-color: var(--colormain);

    width: 40px;

    height: 40px;

    border-radius: 100%;

    z-index: -1;

    transition: all .4s;

}

.about-honor-sbtn {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: calc(100% + 197px);

    display: flex;

    justify-content: space-between;

}

.slick-disabled.about-honor-sbtn-prev::after {

    background-color: rgb(19 55 130 / 36%);

}

.slick-disabled.about-honor-sbtn-next::after {

    background-color: rgb(19 55 130 / 36%);

}

.slick-disabled.about-honor-sbtn-prev {

    cursor: default;

}

.slick-disabled.about-honor-sbtn-next {

    cursor: default;

}

.about-honor {

    position: relative;

}

.about-honor-bg {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 30%;

    pointer-events: none;

}

.about-honor-bg img{

    width: 100%;

}

.about-honor-sbtn-next img {

    right: 12px;

    position: absolute;

}

.about-send-cry {

    display: flex;

}

.about-send-le {

    width: 42%;

    overflow: hidden;

}

.about-send-le img{

    width: 100%;

    transition: all .4s;

}

.about-send-cry-ri {

    width: 48%;

    float: right;

}

.ascr-icon {

    width: 45px;

    margin: 0 auto;

}

.ascr-icon img {

    width: 100%;

}

.ascr-tit {

    padding-top: 5.3%;

    text-align: center;

}

.ascr-text p {

    text-align: center;

    font-size: 20px;

    color: var(--color2);

    line-height: var(--line175);

}

.ascr-btn {

    padding-top: 12%;

    margin: 0 auto;

    text-align: center;

}

.ascr-name {

    font-size: 20px;

    color: var(--colormain);

    line-height: 45px;

    text-align: center;

    padding-top: 14%;

    font-weight: bold;

}

.ascr-office {

    font-size: 20px;

    color: var(--color2);

    line-height: 45px;

    text-align: center;

}

.ascr-text {

    padding-top: 4.5%;

}

.ascr-btn {

    width: 100%;

}

.ascr-btn .std-btn3-box {

    justify-content: center;

    cursor: pointer;

}

.send-pop-text {

    padding-top: 50px;

    margin-top: var(--space40);

    border-top: 1px solid #E9E9E9;

}

.send-pop-text.yxedr-active p {

    color: var(--color1);

    line-height: 36px;

}

.ys-modal-close{

    padding: 10px;

}

.send-pop .ys-modal-content {

    width: 1044px;

    padding: 80px 55px 102px 109px;

    max-height: 840px;

}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {

    background-color: var(--colormain) !important;

}

.send-pop-bg {

    position: absolute;

    top: 0;

    right: 0;

    pointer-events: none;

}

.send-pop-bg1 {

    position: absolute;

    bottom: 0;

    left: 0;

}

.icon-close:before {

    font-size: 16px;

}

.ys-modal-close {

    top: 33px;

    right: 51px;

}

.icon-close img {

    width: 100%;

}

.about-adva-swiper-text{

    height: 80px;

}

.about-adva-swiper-text p {

    color: var(--color1);

    line-height: var(--line175);

    text-align: center;

    transition: all .4s;

    margin-top: 45px;

    padding: 0 19px;

}

.about-adva-swiper {

    padding-top: var(--space100);

    overflow: hidden;

    margin: 0 -30px;

}

.about-adva-swiper .swiper {

    padding: 0 30px;

}

.about-adva-swiper-img {

    box-shadow: 8px 4px 30px 0px rgba(0, 0, 0, 0.10);

}

.about-adva-head {

    display: flex;

    align-items: end;

    justify-content: space-between;

}

.swiper-ri {

    width: 404px;

}

.swiper-ri-bar {

    width: 404px;

    height: 2px;

    background-color: #C5C5C5;

}

.about-advantage {

    position: relative;

    margin-top: -1px;

    z-index: 10;

}

.about-advantage .ys-cont1440{

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    bottom: 15%;

}

.about-adva-bg{

    position: relative;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: -1;

}

.about-adva-bg img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.about-advantage .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

    background: var(--colormain) !important;

}

.swiper-ri-num-prev {

    color: var(--colormain);

    font-size: var(--font24);

    line-height: var(--line175);

    font-weight: bold;

}

.swiper-ri-num-next {

    color: var(--color1);

    font-size: 18px;

    line-height: var(--line175);

    font-weight: bold;

}

.about-ours-le-text {

    font-size: 280px;

    line-height: 1.4;

    font-weight: bold;

    color: #F7F7F7;

    position: absolute;

    z-index: 5;

    font-family:'robotobold';

}

.quote {

    bottom: 0;

}

.letter {

    bottom: -22%;

    left: 10%;

}

.about-ours-le-bg {

    position: absolute;

    padding-top: 48px;

}

.about-ours-le-bg::before {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    background: linear-gradient(90deg, #FFF 20.9%, rgba(255, 255, 255, 0.00) 25.11%);

}

.about-ours-le-bg::after {

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    left: -14%;

    background: linear-gradient(270deg, #FFF 2.9%, rgba(255, 255, 255, 0.00) 25.11%);

}

.about-even-cry {

    display: flex;

    padding-top: 50px;

}

.about-even-le {

    width: 50%;

    padding-right: 48px;

}

.about-even-ri {

    width: 50%;

    height: fit-content;

    border-radius: 20px;

    overflow: hidden;

}

.about-even-ri img {

    width: 100%;

}

.about-even-le-text {

    padding-top: 78px;

    width: 84%;

}

.about-even-le-text p{

    font-size: 20px;

}

.about-even-le-year {

    font-family: Roboto;

    font-size: 280px;

    font-weight: bold;

    line-height: 1;

    background: linear-gradient(180deg, #F2F2F2 0%, rgba(242, 242, 242, 0.00) 95.88%);

    background-clip: text;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

}

.about-even-bom {

    margin-top: 84px;

    position: relative;

}

.about-even-bom-circle {

    width: 68%;

    left: 50%;

    transform: translateX(-50%);

    position: absolute;

    top: -5px;

    display: flex;

    justify-content: space-between;

    z-index: 10;

}

.aebc-li-text {

    font-size: 18px;

    color: var(--color3);

    font-weight: bold;

    margin-top: 53px;

    transition: all .4s;

}

.aebc-li-dot {

    width: 28px;

    margin-left: 8px;

    position: absolute;

    top: 14px;

    z-index: 10;

}

.aebc-li-dot img {

    position: absolute;

    top: -14px;

    opacity: 0;

    transition: all .4s;

}

.aebc-li-dot img {

    width: 100%;

    margin: 0 auto;

}

.aebc-li-smalldot {

    width: 10px;

    height: 10px;

    border-radius: 100%;

    background-color: var(--colormain);

}

.aebc-li-smalldot {

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    left: 8px;

}

.about-even-bom-slick .slick-list{

    width: 100%;

 }

.aebc-li {

    cursor: pointer;

}

.about-even-bom-slick .slick-track{

    display: flex !important;

    justify-content: space-between !important;

}

.aebc-li.act .aebc-li-dot img {

    opacity: 1;

}

.aebc-li.act .aebc-li-text {

    color: var(--color1);

}

.about-even-slcik {

    position: relative;

}

.about-even-slcik-btn {

    position: absolute;

    bottom: 0;

}

.about-even-slcik-btn {

    display: flex;

    align-items: center;

}

.aesb-prev {

    width: 40px;

    height: 40px;

    border-radius: 100%;

    background-color: var(--colormain);

    position: relative;

    cursor: pointer;

    margin-right: 19px;

    transition: all .4s;

}

.aesb-prev img {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%) rotate(180deg);

}

.aesb-next {

    width: 40px;

    height: 40px;

    border-radius: 100%;

    background-color: var(--colormain);

    position: relative;

    cursor: pointer;

    transition: all .4s;

}

.aesb-next img {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

}

.slick-disabled.aesb-prev {

    background-color: rgb(19 55 130 / 27%);

    cursor: default;

}

.about-ours-video {

    margin-top: 74px;

}

.slick-disabled.aesb-next {

    background-color: rgb(19 55 130 / 27%);

    cursor: default;

}

.busi-apply {

    position: relative;

}

.busi-apply-bg {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 20%;

    pointer-events: none;

}

.busi-apply-bg img{

    width: 100%;

}

.deta-feat-cry {

    position: relative;

    margin-top: 50px;

}

.deta-feat-cry-text {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: -1;

}

.dfct-li {

    width: 369px;

    position: absolute;

    cursor: pointer;

}

.dfct-li-num {

    color: rgba(51, 51, 51, 0.6);

    transition: all .4s;

}

.dfct-li-tit {

    color: rgba(51, 51, 51, 0.6);

    transition: all .4s;

    padding-top: 16px;

}

.dfct-li-text p {

    color: rgba(102, 102, 102, 0.6);

    transition: all .4s;

    padding-top: 16px;

}

.deta-feat-cry-img {

    width: 626px;

    margin: auto;

    position: relative;

}

.dfci-bg{

    width: 100%;

}

.dfci-list {

    width: 84%;

    height: 84%;

    border-radius: 100%;

    overflow: hidden;

    z-index: 10;

}

.dfci-bg-cry-line{

    width: 100%;

    height: 100%;

    position: relative;

    z-index: -1;

}



.dbcb-li.act{

    opacity: 0;

}

.dfci-list-ul {

    width: 100%;

    height: 100%;

}

.dfci-list-ul-li {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%,-50%);

    width: 100%;

    height: 100%;

    display: none;

    transition: all .8s ease-in-out;

    z-index: 10;

}

.dfct-li1.act .dfct-li-num{

    color: var(--colormain);

}

.dfct-li1.act .dfct-li-tit{

    color: var(--colormain);

}

.dfct-li1.act .dfct-li-text p{

    color: var(--colormain);

}

.dfct-li2.act .dfct-li-num{

    color: var(--colormain);

}

.dfct-li2.act .dfct-li-tit{

    color: var(--colormain);

}

.dfct-li2.act .dfct-li-text p{

    color: var(--colormain);

}

.dfct-li3.act .dfct-li-num{

    color: var(--colormain);

}

.dfct-li3.act .dfct-li-tit{

    color: var(--colormain);

}

.dfct-li3.act .dfct-li-text p{

    color: var(--colormain);

}

.dfct-li4.act .dfct-li-num{

    color: var(--colormain);

}

.dfct-li4.act .dfct-li-tit{

    color: var(--colormain);

}

.dfct-li4.act .dfct-li-text p{

    color: var(--colormain);

}

.dlul-img{

    width: 100%;

    height: 100%;

    cursor: pointer;

}

.dlul-img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.dfct-li4,

.dfct-li3 {

    text-align: right;

}

.recruitment-main .ys-nyban-title p {

    width: 44%;

}

.recruitment-cry {

    position: relative;

}

.recr-cry-bg {

    position: absolute;

    top: -20%;

    right: 0;

    pointer-events: none;

    width: 20%;

}

.recr-cry-bg img{

    width: 100%;

}

.about-ours{

    position: relative;

}

.about-ours-bg1{

    position: absolute;

    top: -50%;

    right: -5%;

    width: 30%;

    pointer-events: none;

}

.about-ours-bg1 img{

    width: 100%;

}

.about-ours-bg2{

    position: absolute;

    left: 0;

    bottom: 0;

}

.ichl-li.on .std-btn1-box-text {

    color: var(--color4);

}

.ichl-li.on .std-btn1-box{

    border: 1px solid var(--colormain);

}

.ichl-li.on .std-btn1-box::after {

    background: var(--colormain);

    width: 100%;

    height: calc(100% + 2px);

}

.ys-form-inof-agree.on .mmpu-li-link-box::after {

    opacity: 1;

}

.sect-stan-ri-img img{

    transition: all .4s;

}

.svg-attributes-demo circle{

    stroke-dasharray: 2.5;

    stroke: #D2D2D2;

    stroke-width: 3px;

    opacity: 0;

}

.sect-stan-ri-icon{

    position: relative;

    width: 100%;

    height: 100%;

}

.prod-main{

    position: relative;

}

.prod-main-bg{

    position: absolute;

    top: 0;

    right: 0;

    pointer-events: none;

    width: 20%;

}

.prod-main-bg img{

    width: 100%;

}

.prod-main-bg2{

    position: absolute;

    top: 24%;

    left: 0;

    width: 20%;

    pointer-events: none;

}

.prod-main-bg2 img{

    width: 100%;

}

.details-main .ys-bread-list:nth-last-child(2)::before{

    background: url(../image/ban_arrow02.png) center / cover no-repeat;

}

.prod-main-bg3{

    position: absolute;

    top: 56%;

    right: -6%;

    width: 20%;

    pointer-events: none;

}

.prod-main-bg3 img{

    width: 100%;

}

.prod-main-bg4{

    position: absolute;

    bottom: 0;

    left: 0;

    pointer-events: none;

}

.about-send{

    position: relative;

}

.about-send .ys-cont1440{

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    z-index: 0;

    bottom: 12%;

}

.about-ours-video video{

    z-index: 2;

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.bpul-img{

    border-radius: 10px;

    overflow: hidden;

}

.ys-bread-list::before {

    content: '';

    background: url(../image/ban_arrow03.png)center / cover no-repeat;

    background-size: 100% 100%;

    width: 5px;

    height: 10px;

    position: absolute;

    top: 50%;

    right: -4px;

    transform: translateY(-50%);

    font-size: 16px;

    color: #666;

    line-height: 1.75;

}

.products-summary .ys-bread-list::before {

    background: url(../image/ban_arrow02.png)center / cover no-repeat;

}

.details-main .ys-bread-list::before {

    background: url(../image/ban_arrow01.png)center / cover no-repeat;

}

.business-main .ys-bread-list:nth-last-child(2)::before{

    background: url(../image/ban_arrow04.png)center / cover no-repeat;

}

.business-main .ys-nyban-img{

    position: relative;

}

.sectors-main .ys-bread-list:nth-last-child(2)::before{

    background: url(../image/ban_arrow04.png)center / cover no-repeat;

}

.sales-main .ys-bread-list::before {

    background: url(../image/ban_arrow01.png)center / cover no-repeat;

}

.sales-main .ys-bread-list:nth-last-child(2):before {

    background: url(../image/ban_arrow02.png)center / cover no-repeat;

}

.new-details .ys-bread-list::before {

    background: url(../image/ban_arrow01.png)center / cover no-repeat;

}

.new-details .ys-bread-list:nth-last-child(2):before {

    background: url(../image/ban_arrow02.png)center / cover no-repeat;

}

.recruitment-main .ys-bread-list:before {

    background: url(../image/ban_arrow01.png)center / cover no-repeat;

}

.recruitment-main .ys-bread-list:nth-last-child(2):before {

    background: url(../image/ban_arrow02.png)center / cover no-repeat;

}

.issue-main .ys-bread-list:nth-last-child(2)::before{

    background: url(../image/ban_arrow04.png)center / cover no-repeat;

}

.new-summary .ys-bread-list:nth-last-child(2)::before{

    background: url(../image/ban_arrow04.png)center / cover no-repeat;

}

.classroom-main .ys-bread-list:nth-last-child(2)::before{

    background: url(../image/ban_arrow04.png)center / cover no-repeat;

}

.new-summary .ys-bread-list:nth-last-child(2)::before{

    background: url(../image/ban_arrow04.png)center / cover no-repeat;

}

.about-main .ys-bread-list:nth-last-child(2)::before{

    background: url(../image/ban_arrow04.png)center / cover no-repeat;

}

.contact-main .ys-bread-list:nth-last-child(2)::before{

    background: url(../image/ban_arrow04.png)center / cover no-repeat;

}

.classroom-main .ys-bread-list a{

    color: rgba(255, 255, 255, .7);

}

.classroom-main .ys-bread-list:last-child a{

    color: rgba(255, 255, 255, 1);

}

.business-main .ys-nyban-img::before{

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    opacity: 0.2;

    background: linear-gradient(90deg, #000 24.75%, rgba(0, 0, 0, 0.00) 43.97%);

    z-index: 10;

    pointer-events: none;

}

.busi-apply-bg2{

    position: absolute;

    top: -20%;

    right: 0;

    width: 20%;

    pointer-events: none;

}

.busi-apply-bg2 img{

    width: 100%;

}

.inte-site-ul-li.act .isul-opint-line {

    clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 0%);

}

.inte-site-ul-li.act .isul-opint-cry {

    animation: show .7s linear forwards;

    animation-delay: 1.2s;

}

.about-adva-top{

    position: relative;

    height: 560px;

}

.about-adva-bg img{

    object-fit: cover;

}

.about-adva-bom{

    width: 100%;

    height: 247px;

}

.about-adva-bom img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.about-advantage .ys-cont1440 {

    position: absolute;

    left: 50%;

    transform: translateX(-50%);

    bottom: -125px;

}

.home-auto-ul-li a{

    position: relative;

}

.contact-main .ys-nyban-img::before{

    content: "";

    position: absolute;

    width: 100%;

    height: 100%;

    /* background: linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%); */

}

.ys-slick-item {

    -webkit-user-select: text;

    -khtml-user-select: text;

    -moz-user-select: text;

    -ms-user-select: text;

    user-select: text;

}

.sect-edge .ys-cont1440{

    margin-bottom: 15px;

}

.about-ours-vibg{

 width: 100%;

 display: none;  

}

.about-ours-vibg img{

    width: 100%;

}

.deta-feat-cry-text .slick-current .dfct-li-tit{

    color: var(--colormain);

    transition: all 2s;

}

.deta-feat-cry-text .slick-current .dfct-li-text p{

    color: var(--colormain);

    transition: all 2s;

}

.deta-feat-cry-text .slick-current .dfct-li-num{

    color: var(--colormain);

    transition: all 2s;

}

.deta-feat-cry-text .slick-current .dfct-li-tit{

    color: var(--colormain);

    opacity: 1;

}

.deta-feat-cry-text .slick-current .dfct-li-text p{

    color: var(--colormain);

    opacity: 1;

}

.dfci-list{

    /* pointer-events: none; */

}

.yx-sidebar{

    display: block;

}

/* .yx-sidebar.on{

    display: block;

} */

.dfci-bg-cry-line{

    transition: all .2s;

}

.home-tech-phmiss{

    position: relative;

    width: 100%;

    display: none;

}

.home-tech-phmiss img{

    width: 100%;

}

.home-tech-phmiss-cry{

    position: relative;

}

.home-tech-phmiss .htci-text{

    text-align: center;

    margin-bottom: 15px;

}

.home-tech-phmiss .about_visi_cont{

    opacity: 1;

}

.sectors-main .ys-slick .slick-track {

    width: 100% ;

}

.sectors-main .pmri-ul-li {

    width: 25% !important;

}

.slick-list{

    width: 100% !important;

}

/* 产品特性圆圈 */

.dfct-li.act .dfct-li-num{

    color: var(--colormain);

}

.dfct-li.act .dfct-li-tit{

    color: var(--colormain);

}

.dfct-li.act .dfct-li-text p{

    color: var(--colormain);

}

/* 圆点 */

.deta-feat-cry3 .dbcb-li1,

.deta-feat-cry4 .dbcb-li1,

.deta-feat-cry5 .dbcb-li1,

.deta-feat-cry6 .dbcb-li1{

    top: 15%;

    left: 14%;

}

.deta-feat-cry3 .dbcb-li2,

.deta-feat-cry4 .dbcb-li2,

.deta-feat-cry5 .dbcb-li2,

.deta-feat-cry6 .dbcb-li2{

    top: 33%;

    left: 3%;

}

.deta-feat-cry4 .dbcb-li3,

.deta-feat-cry5 .dbcb-li3,

.deta-feat-cry6 .dbcb-li3{

    top: 20%;

    left: 10%;

}

.deta-feat-cry4 .dbcb-li4{

    top: 10%;

    left: 21%;

}

.deta-feat-cry3 .dbcb-li3{

    top: 43%;

    left: 1%;

}

.deta-feat-cry5 .dbcb-li4,

.deta-feat-cry6 .dbcb-li4{

    top: 43%;

    left: 1%;

}

.deta-feat-cry5 .dbcb-li5,

.deta-feat-cry6 .dbcb-li5{

    top: 10%;

    left: 21%;

}

.deta-feat-cry6 .dbcb-li6{

    top: 10%;

    left: 21%;

}

/* 文字 */

.deta-feat-cry3 .dfct-li1,

.deta-feat-cry4 .dfct-li1,

.deta-feat-cry5 .dfct-li1,

.deta-feat-cry6 .dfct-li1{

    top: 50px;

    right: 0px;

}

.deta-feat-cry3 .dfct-li2,

.deta-feat-cry4 .dfct-li2,

.deta-feat-cry5 .dfct-li2,

.deta-feat-cry6 .dfct-li2{

    bottom: 50px;

    right: 0px;

}

.deta-feat-cry6 .dfct-li2{

    top: 230px;

    right: 0px;

}

.deta-feat-cry4 .dfct-li3,

.deta-feat-cry5 .dfct-li3{

    bottom: 50px;

    left: 0;

}

.deta-feat-cry6 .dfct-li3{

    bottom: 0px;

    right: 0px;

    text-align: left;

}

.deta-feat-cry4 .dfct-li4{

    top: 34px;

    left: 0;

}

.deta-feat-cry3 .dfct-li3{

    text-align: right;

    top: 220px;

}

.deta-feat-cry5 .dfct-li4{

    text-align: right;

    top: 220px;

}

.deta-feat-cry6 .dfct-li4{

    bottom: 50px;

    left: 0;

}

.deta-feat-cry6 .dfct-li5{

    text-align: right;

    top: 220px;

}

.deta-feat-cry5 .dfct-li5{

    top: 34px;

    left: 0;

    text-align: right;

}

.deta-feat-cry6 .dfct-li6{

    text-align: right;

    top: 0px;

}

.inte-word-cry{
    width: 100%;
}
.embed-icon-default{
    display: none !important;
}
.embed-icon{
    display: none !important;
}
.embed-toolbar{
    display: none !important;
}
.hula-prev img,
.hula-next img{
    width: 100%;
}
.hacc-ul-li-arrow{
    display: flex;
    align-items: center;
    margin-top: 40px;
}
.hula-prev{
    margin-right: 10px;
}
.hula-prev,
.hula-next{
    width: 40px;
    height: 40px;
    display: none;
}
.ys-ph-nav .ys-phnav-header-font, .ys-ph-nav a {
    color: rgba(255,255,255,0.8);
}
    .ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox .ys-phnav-header-font, .ys-ph-nav li.yxnav-active1>.ys-phnav-lisbox a, .ys-ph-nav li.yxnav-active2>.ys-phnav-lisbox .ys-phnav-header-font, .ys-ph-nav li.yxnav-active3>.ys-phnav-lisbox .ys-phnav-header-font {
        color: rgba(255,255,255,1);
        font-weight: bold;
    }
    .head-other-language{
        display: none;
    }
    .ys-phs-form input::placeholder{
        color: rgba(255,255,255,0.4) !important;
    }
    .hacc-ul-li-phtext{
        display: none;
    }
    .yx-sidebar-list-nub.act .ysln-tan{
        opacity: 1;
        transform: translateX(-40%) translateY(-50%);
    }
    .yx-sidebar-list-nub3{
        display: none;
    }
/*鼠标效果*/

@media screen and (min-width: 1200px) {

    .isul-opint:hover .isul-opint-line {

        /* clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 0%); */

    }

    .isul-opint:hover .isul-opint-cry {

        animation: show .7s linear forwards;

        animation-delay: 1.2s;

    }

    .ahsl-cry:hover{

        box-shadow: 0px 4px 12.1px 0px rgba(0, 0, 0, 0.20);

    }

    .dmul-le-cry:hover{

        box-shadow: 0px 4px 12.1px 0px rgba(0, 0, 0, 0.20);

    }

    .sect-stan-ri-img:hover img{

        transform: scale(1.05);

    }

    .ichl-li:hover .std-btn1-box-text {

        color: var(--color4);

    }

    

    .ichl-li:hover .std-btn1-box::after {

        background: var(--colormain);

        width: 100%;

    }

    .swiper-slide:hover .about-adva-swiper-text p {

        color: var(--colormain);

    }

    .about-send-le:hover img {

        transform: scale(1.1);

    }

    .ahsl-cry:hover .about-honor-slick-text {

        color: var(--colormain);

    }

    .acul-box:hover {

        background: rgba(255, 255, 255, 0.80);

        border: 1px solid #fff;

        backdrop-filter: blur(25px);

    }

    .acul-box:hover .acul-icon img:nth-child(2) {

        opacity: 1;

    }

    .acul-box:hover .acul-tit {

        color: var(--colormain);

    }

    .acul-box:hover .acul-text p {

        color: var(--colormain);

    }

    .recr-cry-drop:hover {

        box-shadow: 0px 4px 12.1px 0px rgba(0, 0, 0, 0.20);

    }

    .csul-cry:hover {

        box-shadow: 0px 10px 17.9px 0px rgba(0, 0, 0, 0.10);

    }

    .ccul-ul-li a:hover .ccul-ul-li-text p {

        color: var(--colormain);

    }

    .issue-cry-head-down .ys-select-li:hover {

        color: var(--colormain);

    }

    .details-cry-link-li a:hover {

        color: var(--colormain);

    }

    .ccul-ul-li .ys-video-btn:hover .culi-img img:nth-child(2) {

        transform: scale(1.1);

    }

    .ccul-ul-li .ys-video-btn:hover .ccul-ul-li-text p {

        color: var(--colormain);

    }

    .iccl-proli-li:hover {

        box-shadow: 0px 4px 12.1px 0px rgba(0, 0, 0, 0.20);

    }

    .iccl-proli-li:hover .iplt-le-text {

        color: var(--colormain);

    }

    .iccl-proli-li:hover .iplt-text {

        color: var(--colormain);

    }

    .iccl-ul-li:hover {

        box-shadow: 0px 4px 12.1px 0px rgba(0, 0, 0, 0.20);

    }

    .iccl-ul-li:hover .iccl-ul-li-text p {

        color: var(--colormain);

    }

    .comp-tabli li:hover {

        background-color: var(--colormain);

        color: var(--color4);

    }

    .ichl-li .std-btn1-box:hover .std-btn1-box-text {

        color: var(--color4);

    }

    .ichl-li .std-btn1-box:hover::after {

        background: var(--colormain);

    }

    .ssul-box:hover {

        box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.15);

    }

    .ssul-box:hover .ssul-box-tit {

        color: var(--colormain);

    }

    .isul-opint:hover::after {

        display: block;

    }

    .isul-opint:hover::before {

        display: block;

    }

    .seul-icon-box:hover {

        box-shadow: 0px 11px 22px 0px rgba(0, 0, 0, 0.15);

    }

    .seul-icon-box:hover .seul-tit {

        color: var(--colormain);

    }

    .busi-apply-ul-li a:hover .bpul-tit {

        color: var(--colormain);

    }

    .busi-apply-ul-li a:hover .std-btn3-box-text {

        color: var(--colormain);

    }

    .busi-apply-ul-li a:hover .std-btn3-box-icon img:nth-child(1) {

        opacity: 0;

    }

    .busi-apply-ul-li a:hover .std-btn3-box-icon img:nth-child(2) {

        opacity: 1;

    }

    .pmri-ul-li-box:hover {

        border-radius: 20px;

        background: #FFF;

        box-shadow: 0px 4px 12.1px 0px rgba(0, 0, 0, 0.10);

    }

    .pmri-ul-li-box:hover .pmri-ul-li-tit {

        color: var(--colormain);

    }

    .pmri-ul-li-box:hover::after {

        opacity: 0;

    }

    .pmri-ul-li-box:hover .std-btn3-box-text {

        color: var(--colormain);

    }

    .pmri-ul-li-box:hover .std-btn3-box-icon img:nth-child(2) {

        opacity: 1;

    }

    .pmri-ul-li-box:hover .std-btn3-box-icon img:nth-child(1) {

        opacity: 0;

    }

    .home-new-cry-le .ys-slick-item:hover .hncl-scri-tit {

        color: var(--colormain);

    }

    .head-other-language a:hover p {

        color: var(--colormain);

    }

    .pmlu-li:hover {

        background-color: var(--colormain);

        color: var(--color4);

    }

    .ysln-img:hover::after {

        opacity: 1;

    }

    .home-products:hover .swiper-slide:nth-child(4n+2) {

        animation-delay: .3s;

    }

    .home-products:hover .swiper-slide:nth-child(4n+3) {

        animation-delay: .4s;

    }

    .home-products:hover .swiper-slide:nth-child(4n+4) {

        animation-delay: .5s;

    }

    .home-prod-swiper-cry:hover .std-btn5-box-bg {

        transform: scale(1);

    }

    .home-prod-swiper-cry:hover .std-btn5-box-icon img:nth-child(2) {

        opacity: 1;

    }

    .home-prod-swiper-cry:hover .hpsc-bg {

        left: 0;

        top: 8px;

        width: 300px;

        height: 300px;

    }

    .mfbr-share-li:hover .mfbr-share-li-code {

        transform: translateX(-50%) scale(1);

        opacity: 1;

        pointer-events: all;

    }

    .hncr-ul-li:hover .hncr-ul-li-tit {

        color: var(--colormain);

    }

    .mod-foot-tp-ri>ul>li>ul>li a:hover {

        color: #fff;
        font-weight: bold;

    }

    .yx-sidebar-list-nub:nth-child(1):hover .ysln-tan {

        opacity: 1;

        transform: translateX(-40%) translateY(-50%);

    }

    .yx-sidebar-list-nub:nth-child(2):hover .ysln-tan {

        opacity: 1;

        transform: translateX(-25%) translateY(-50%);

    }

    .home-auto-ul-li a:hover .haul-scroll-tit{

        transform: translateY(-15px);

    }

    /* 按钮规范*/

    .std-btn1-box:hover::after {

        width: 100%;

        left: 0;

        right: auto;

    }

    .new-summary .std-btn2-box:hover::before {

        width: 40px;

    }

    .new-summary .std-btn2-box:hover .std-btn2-box-text {

        color: var(--colormain);

    }

    .std-btn2-box:hover::before {

        width: 100%;

    }

    .std-btn2-box:hover .std-btn2-box-text {

        color: var(--color4);

    }

    .std-btn3-box:hover .std-btn3-box-text {

        color: var(--color3);

    }

    .std-btn3-box:hover .std-btn3-box-icon img:nth-child(2) {

        opacity: 1;

    }

    .std-btn3-box:hover .std-btn3-box-text {

        color: var(--colormain);

    }

    .std-btn4-box:hover .std-btn4-box-bg {

        transform: scale(1);

    }

    .std-btn5-box:hover .std-btn5-box-bg {

        transform: scale(1);

    }

    .std-btn5-box:hover .std-btn5-box-icon img:nth-child(2) {

        opacity: 1;

    }
    .yx-sidebar-list-nub:nth-child(3):hover .ysln-tan {
        opacity: 1;
        transform: translateX(-38%) translateY(-50%);
    }
    /* 按钮规范*/
/*2.10 地图标点*/
.opint1 {
    top: 28%;
    right: 23%;
}
.opint2 {
    top: 38.8%;
    right: 36%;
}
.opint3 {
    bottom: 34%;
    right: 25%;
}
.opint4 {
    right: 23.4%;
    bottom: 13.6%;
    display: none;
}
.opint5 {
    bottom: 52%;
    right: 50%;
}
.opint6 {
    bottom: 32%;
    right: 63%;
}

}