@charset "utf-8";

body {
    font-family: "PingFang SC", "Microsoft YaHei";  
}
.altumcode {
    font-family: "PingFang SC", "Microsoft YaHei"!important;
}
input, textarea{
    font-family: "PingFang SC", "Microsoft YaHei" !important;
}
/* *,h1, h2, h3, h4, h5, h6, p{
    font-weight: lighter;
} */
p{
    /* text-align: justify; */
}
@font-face {
    font-family: 'weihengregular';
    src: url('../fonts/roboto/Roboto-Regular.woff2') format('woff2'),
         url('../fonts/roboto/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
:root{
    --font70: 70px;
    --font60: 60px;
    --font46: 46px;
    --font36: 36px;
    --font30: 30px;
    --font26: 26px;
    --font20: 20px;
    --text18: 18px;
    --text16: 16px;
    --l1h3: 1.3;
    --l1h4: 1.4;
    --l1h5: 1.5;
    --l1h6: 1.6;
    --l1h75: 1.75;
    --color333: #333;
    --color666: #666;
    --color999: #999;
    --color000: #000;
    --colorfff: #fff;
    --colormain: #C4935E;
    --colormain2: #D7AC78;
    --colorf7: #f7f7f7;
    --colore3: #e3e3e3;
    --head: 80px;
    --space100: 100px;
    --space110: 110px;
    --space120: 120px;
    --space130: 130px;
    --space150: 150px;
    --space80: 80px;
    --space70: 70px;
    --space56: 56px;
    --space40: 40px;
    --weiheng: 'weihengregular'!important;
    --font22: 22px;
    --anchor: 60px;
}
.std-title1{
    font-size: var(--font60);
    line-height: var(--l1h3);
    color: var(--color333);
}
.std-title2,.yxedr-active h2{
    font-size: var(--font46);
    line-height: var(--l1h3);
    color: var(--color333);
}
.std-title3,.yxedr-active h3{
    font-size: var(--font36);
    line-height: var(--l1h4);
    color: var(--color333);
}
.std-title4,.yxedr-active h4{
    font-size: var(--font30);
    line-height: var(--l1h5);
    color: var(--color333);
}
.std-title5,.yxedr-active h5{
    font-size: var(--font26);
    line-height: var(--l1h5);
    color: var(--color333);
}
.std-title6,.yxedr-active h6{
    font-size: var(--font20);
    line-height: var(--l1h75);
    color: var(--color333);
}
.std-text1,
.std-text1 p,
.yxedr-active p{
    font-size: var(--text16);
    color: var(--color666);
    line-height: var(--l1h75);
}
.yxedr-active p{
    margin-bottom: 0.75em;
}
.std-text2,
.std-text2 p{
    font-size: var(--text18);
    line-height: var(--l1h75);
    color: var(--color666);
}
/* 英文站换行规则 */
/* 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'; */
}
/*导航默认选中*/
.yxnav-active1 {

}
.yxnav-active2 {

}
/* yongsy样式 */
a[href="https://www.yongsy.com"] {
    color: rgba(255, 255, 255, .2);
}
/* 轮播溢出隐藏 */
.ys-ban-li:not(:first-child){
    display: none;
}
/*鼠标效果*/

.anchor-box-list-item.on .abli-inof .std-text2::before{
    width: 100%;
    opacity: 1;
}
.anchor-box-list-item.on .abli-inof .std-text2{
    color: var(--colormain);
}
.about-profile{
    padding-top: 87px;
}
.about-profile-bg,
.about-profile-bg img{
    width: 100%;
}
.about-profile-bg{
    z-index: 5;
    position: relative;
}
.about-profile-text .std-title2{
    color: var(--color333);
    line-height: var(--l1h5);
    margin-bottom: 22px;
}
.about-profile-text .std-text1 p{
    color: var(--color666);
    line-height: var(--l1h75);
}
.about-profile-text .std-text1 p{
    margin-bottom: 0.875em;
}
.about-profile-text .std-text1 p:last-child{
    margin-bottom: 0;
}
.about-profile-text{
    width: 66%;
    margin-bottom: var(--space40);
}
.apli-data{
    font-size: 64px;
    font-family: var(--weiheng);
    line-height: 1;
    margin-bottom: 9px;
}
.about-profile-list-item{
    text-align: center;
}
.about-profile-list-item .std-text2{
    color: var(--color666);
    margin-bottom: 14px;
}
.apli-bot{
    width: 120px;
    margin: 0 auto;
    border-top: 1px solid #F4F4F4;
    padding-top: 12px;
    display: flex;
    justify-content: center;
}
.apli-bot-icon{
    width: 32px;
}
.about-profile-list{
    display: flex;
    justify-content: space-between;
}
.about-profile-bg{
    margin-top: -5.79vw;
}
.about-profile .ys-cont1200{
    position: relative;
    z-index: 6;
}
.about-culture{
    position: relative;
}
.about-culture-bg{
    position: relative;
}
.about-culture-bg,
.about-culture-bg img{
    width: 100%;
}
.about-culture-bg::before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(0,0,0,.4);
    z-index: 3;
    top: 0;
    left: 0;

}
.acli-icon{
    width: 70px;
    margin: 0 auto;
    margin-bottom: 12px;
}
.about-culture-list-item .std-title5{
    color: var(--colorfff);
    line-height: var(--l1h75);
    margin-bottom: 10px;
    text-align: center;
}
.about-culture-list-item .std-text1,
.about-culture-list-item .std-text1 p{
    color: var(--colorfff);
    text-align: center;
}
.about-culture .ys-cont1200{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: var(--space130);
    z-index: 6;
}
.about-culture .std-title2{
    color: var(--colorfff);
    text-align: center;
    margin-bottom: calc(var(--space100) + 7px);
}
.about-culture-list{
    display: flex;
    justify-content: center;
    margin: 0 -20px;
}
.about-culture-list-item{
    width: 20%;
    padding: 0 10px;
}
.about-honor{
    padding-bottom: var(--space120);
    padding-top: var(--space110);
}
.about-honor .std-title2{
    margin-bottom: 18px;
    line-height: var(--l1h5);
    color: var(--color333);
}
.about-honor-text{
    margin-bottom: 56px;
}

.about-honor .habc-list-item,
.honor-inof .habc-list-item {
    width: 50%;
}
.honor-inof .habc-list {
    --jian11: 12px;
}
.about-honor .habc-list-item-link {
    background: #f8f8f8;
}
.about-honor .habc-list{
    margin-top: 17px;
}
.about-honor-box-item {
    margin-bottom: 68px;
}
.about-honor-box-item:last-child{
    margin-bottom: 0;
}

.about-honor-btn{
    display: flex;
    justify-content: center;
    margin-top: 60px;
}
.about-events{
    background: var(--colorf7);
}
.about-ban-mask{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.about-ban-mask .ys-cont1200{
    position: relative;
    height: 100%;
}
.about-ban{
    --pro: 0;
}
.about-ban-mask img{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    /* 20 - 3.12 */
    --scale1: calc(8.12 - var(--pro) * 5);
    transform: translate(-50%,-50%) scale(var(--scale1));
}

.about-events.on .yecb_left_numnr{
    position: fixed;
    top: var(--top1);
    left: calc(50% - 600px);
}
.about-events.on2 .yecb_left_numnr{
    position: absolute;
    top: var(--top2);
    left: 0;
}
.ys_event3_cont_box{
    display: flex;
    justify-content: space-between;
}
.about-events{
    overflow: hidden;
}
.about-honor{
    background: var(--colorfff);
    z-index:3;
    position: relative;
}
.ys-footer {
    position: relative;
    z-index: 3;
}
.ys-nyban-img-true{
    --left1: calc(var(--pro) * 400px);
    --scale2: calc(1 - var(--pro) * 0.4);
    --top1:  calc(var(--prox) * 2%);
    transform: translate(var(--left1),var(--top1)) scale(var(--scale2));
}
.about-ban-mask{
    opacity: 0;
    transition: all .4s ease;
}
.about-ban .ys-nyban-title,
.about-ban .mod-crumbs,
.about-main .std-anchor{
    transition: all .4s ease;
}
.about-ban.act .about-ban-mask{
    opacity: calc(var(--pro) * 10);
}
.about-ban.act .ys-nyban-title,
.about-ban.act .mod-crumbs{
    opacity: 0;
}
.about-main.act .std-anchor{
    opacity: 0;
}
.about-main.act1 .ys-nyban-img-true{
    position: absolute;
    top: var(--topx);
}

.about-culture .ys-cont1200 {
    position: absolute;
    left: 0;
    width: 100%;
    transform: translateX(0);
    top: 10px;
}
.about-culture-bg{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 30%!important;
}
.about-culture-bg img{
    width: 100%;
    height: 100%;
     /* object-fit: cover; */
}
.about-culture{
    /* padding-top: var(--space130);
    padding-bottom: var(--space130); */
    /* height: 100vh; */
    /* padding-top: 50px; */
}
.about-profile-list{
    flex-wrap: wrap;
}
.hbli-box-text .std-btn1 .std-text1 {
    margin-bottom: 0!important;
}
.std-btn2-link .std-text1,
.std-btn3-link .std-text1 {
    margin-bottom: 0!important;
}
.home-awards-bot .ys-cont1200{
    width: 100%;
    height: 50vh;
    z-index: 100000
    ;
}
/* 2023.05.08 - end */
.global-network-box-pro1 .gnbp-inof-map img{
    opacity: 1;
    pointer-events: none;
    position: relative;
    z-index: 3;
}
.ys-phnavss-modal {
    background: rgba(0, 0, 0, .8);
}
.gnbp-inof-pop-nub{
    z-index: 10;
}
.article-addbtn{
    display: flex;
    justify-content: flex-end;
    padding-bottom: 16px;
}
.about-events-prev{
    line-height: inherit;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;   
}
.about-events-prev.on{
    position: relative;
    opacity: 1;
    pointer-events: all;
    transition: opacity .4s linear;
}

.about-culture-bg{
    position: inherit!important;
    width: 100vw;
    height: 100vh;
    left: 0;
    overflow: hidden;
}
.about-culture-bg img{
    width: 100%;
    height: 100%;
     /* object-fit: cover; */
    object-position: 50% 100%;
}
.about-main .ys-main>section:not(.about-culture),
.about-main .about-add{
    position: relative;
    z-index: 7;
}
.about-main .about-add{
    background: var(--colorfff);
    z-index: 8;
}
.about-culture-bg img{
    transform: scale(1.25);
    transition: transform 3000ms 500ms ease-in;
    object-fit: cover;
}
.about-culture.act .about-culture-bg img{
    transform: scale(1);
}
.head-nav-item.yxnav-active1 .head-nav-item-title {
    color: var(--colormain);
}

  * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;

        }

        body {
            background-color: #F9F9F9;
            color: #000;
        }

        a {
            text-decoration: none;
            color: #333;
        }

        header {
            width: 100%;
            background-color: #F9F9F9;
            border-bottom: 1px solid #eee;
        }

        .nav-container {
            width: 100%;
            margin: 0 auto;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 10px 100px;
            position: fixed;
            z-index: 2;
            background-color: white;
        }

        .logo {
            width: 150px;
        }

        .nav-list {
            display: flex;
            list-style: none;
        }

        .nav-list li {
            margin: 0 15px;
        }

        .banner {
            /* margin-top: 50px; */
            width: 100%;
            height: 525px;
            background: url(../img/banner1.png) no-repeat center center;
            background-size: cover;
            position: relative;
            z-index: 1000;
        }

        .banner .overlay {
            /* height: 525px; */
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .banner-content {
            width: 1560px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .banner-content h2 {
            font-size: 28px;
            margin-bottom: 20px;
            color: #333;
        }

        .banner-content p {
            line-height: 1.8;
            color: #666;
        }

        .container {
            position: relative;
            /* width: 1560px !important; */
            z-index: 10000;
            max-width:inherit;
        }

        .breadcrumb {
            margin-bottom: 32px;
            color: #999;
        }

        .case-filter {
            margin-bottom: 20px;
        }

        .case-filter a {
            margin-right: 15px;
            color: #666;
        }

        .case-list {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .case-item {
            width: 31%;
            background-color: #fff;
            border: 1px solid #eee;
            padding: 15px;
            margin-bottom: 20px;
            border-radius: 4px;
            transition: box-shadow 0.3s ease;
        }

        .case-item:hover {
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
        }

        .case-item .date {
            color: #999;
            font-size: 12px;
            margin-bottom: 10px;
        }

        .case-item h3 {
            font-size: 16px;
            margin-bottom: 10px;
            line-height: 1.4;
        }

        .case-item p {
            font-size: 14px;
            color: #666;
            line-height: 1.6;
        }

        .pagination {
            text-align: center;
            margin-top: 20px;
        }

        .pagination a {
            margin: 0 5px;
            color: #666;
        }





        .banner-title {
            font-size: 24px;
            color: #fff;
            margin-bottom: 20px;
        }

        .banner-btn {
            padding: 14px 70px;
            background-color: #fff;
            border: none;
            color: #CC9522;
            font-size: 18px;
            font-weight: 600;
            cursor: pointer;
            border-radius: 100px;
            margin-top: 30px;
        }

        /* 图片悬停效果 */

        .img-hover {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .img-hover:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
        }

        .oneP {}

        .twoP {}

        .threeP {
            margin-top: 38px;
        }

        .number1 {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .number1 h1 {
            color: #CC9522;
            font-size: 64px;
            font-weight: bold;
        }

        .number1 div {
            font-size: 24px;
        }

        .contentBg {
            width: 305px;
            height: 282px;
            margin-left: 150px;
        }

        /* 关闭 case-card 悬浮效果 */
        /* .case-card{ transition: none !important; box-shadow: none !important; }*/
        .case-card:hover {
            transform: none !important;
            box-shadow: none !important;
            border-color: inherit !important;
            transition: none !important;
            animation: none !important;
        }

        .acli-icon img {
            /* width: 58px; */
            height: 48px;
        }