.comWidth{width:75%;margin:auto;}
body{position: relative;}
.flex{display: flex;align-items: center;}
.part_wrap{width: 75%;margin: 0 auto;}
/*banner*/
.article-title a,.article-content p,#contentDisplay .article-data:nth-child(even) .article-content p,#contentDisplay .article-data:nth-child(odd) .article-content p,.article-content1 p,#contentDisplay .article-data:nth-child(even) .article-content1 p,#contentDisplay .article-data:nth-child(odd) .article-content1 p,.article-content2 p,#contentDisplay .article-data:nth-child(even) .article-content2 p,#contentDisplay .article-data:nth-child(odd) .article-content2 p{font-family: Microsoft YaHei UI light;}
/*面包屑*/
p.daohang {
      width: 75%;
    font-size: 0.65vw;
    padding: 1.3vw 0 1.3vw 0;
    border-bottom: 0.0521vw solid;
    color: #999999;
    margin: 0 0 0.31rem 3rem;
}
div#content-area {
    text-align: center;
}
.position{width:75%;margin:0 auto;border-bottom:solid 0.0521vw #d4d4d4;height:0.8125rem;line-height:0.8125rem;font-size:0.175rem;color:#999;margin-bottom:1rem;font-family:'Noto Sans Sc'}
.position span{color:#999}
.position a{font-size:0.175rem;color:#999;padding:0 .08rem;font-family:'Noto Sans Sc'}

/*企业概况*/
.qygkList{display:flex;justify-content:space-between;align-items:flex-start;position: relative;}
.qygkList .qygkLeft>div{font-size:0.22rem;color:#666666;font-weight:lighter;font-family:'微软雅黑';line-height:0.4rem;margin-bottom:0.15rem}
.qygkList .qygkLeft p.pageName{color:#0042ff;font-size:0.22rem;font-weight:bold;padding-left:0.3rem;box-sizing:border-box;position:relative}
.qygkList .qygkLeft p.pageName::before{content:"";display:inline-block;width:0.15rem;height:0.15rem;background:#ff4200;border-radius:50%;position:absolute;top:0.07rem;left:0}
.qygkList .qygkLeft p.title{font-size:0.4rem;font-weight:lighter;color:#333333;margin:0.3rem 0}
.qygkList .qygkLeft{width:45%}
.qygkList .qygkRight{width: 54%;text-align: right;padding-right: 1rem;box-sizing: border-box;position: relative;}
.qygkList .qygkLeft video{display:none}

.qygkList .qygkRight>video{width:80%;height:5rem;position:relative;z-index:1}
.qygkList .qygkRight::after{content:"";display:inline-block;width:0.5rem;height:0.5rem;background:#0042ff;position:absolute;bottom:-0.3rem;right:0}
.qygkList .qygkRight>video::before{display:inline-block;position:absolute;top:0;right:0;width:0.4rem;height:1rem;background:#aac3fb}
.qygkList .qygkRight::before{=:#aac3fb}
.qygkList::after{content:"";display:inline-block;position:absolute;top:0.3rem;right:0.5rem;width:1rem;height:2rem;background:linear-gradient(rgba(170,195,251,0.5),rgba(0,0,0,0));z-index:-1}
.qygkList .qygkRight::before{content:"";display:inline-block;position:absolute;bottom:0;left:1.1rem;width:0.7rem;height:2rem;background:linear-gradient(rgba(251,165,135,0.5),rgba(0,0,0,0));z-index:-1}


/*企业概况-数字*/
.sj{margin:1.5rem 0}
.sj ul{display:flex;justify-content:space-between;align-items:flex-start;}
.sj ul li p.top{color:#0042ff;font-size:0.6rem;margin-bottom:0.2rem}
.sj ul li{position:relative;padding-left:0.4rem;border-left:0.1042vw solid transparent;background:linear-gradient(#ffffff,#ffffff) padding-box,linear-gradient(rgba(211,211,211),rgba(0,0,0,0));}
.sj ul li p.bottom{color:#666666;font-size:0.22rem;cursor:unset;font-weight:lighter;font-family:'微软雅黑'}
.sj ul li:nth-child(4),.sj ul li:nth-child(5){max-width:1.6rem}
.sj ul li:nth-child(6){max-width:1.8rem}


/*公司治理-导航*/
.secondNav{}
.secondNav .navTop{margin-bottom:1rem}
.secondNav .navTop span{font-size:0.4rem;font-weight:lighter;color:#333333}
.secondNav ul{}
.secondNav ul li.liA{}
.secondNav ul li.li{border-top:0.0521vw solid #e4e4e3;height:0.8rem;line-height:0.8rem;width:2.5rem;text-align:center;border-left:0.1042vw solid #0042ff;background: #fff;}
.secondNav ul li.li span{color:#666666;font-weight:lighter;font-size:0.26rem;display:inline-block;width:100%;height:100%;cursor:pointer}
.secondNav ul li.li:last-child{border-bottom:0.0521vw solid #e4e4e3}
.secondNav ul li.active{background:#265efe;border-left:0.2083vw solid #ff4200}
.secondNav ul li.active span{color:#fff;font-weight:normal;font-size:0.29rem}


/*公司治理*/


/*组织架构*/



/*轮播图*/
.ppwhCon{padding-bottom:1rem}
.ppwhCon p.pageName{color:#0042ff;font-size:0.22rem;font-weight:bold;padding-left:0.3rem;box-sizing:border-box;position:relative;margin-bottom:0.3rem}
.ppwhCon p.pageName::before{content:"";display:inline-block;width:0.15rem;height:0.15rem;background:#ff4200;border-radius:50%;position:absolute;top:0.07rem;left:0}
.ppwh{padding:1rem 0;position:relative}
.ppwhCon p.title{font-size:0.4rem;font-weight:lighter;margin-bottom:0.5rem}
.ppwhCon .ppwhSwiper{overflow:hidden}
.ppwhCon .ppwhSwiper .swiper-slide{}
.ppwhCon .ppwhSwiper .swiper-slide img{width:100%}
.ppwhCon .newsSwiperPag{bottom:1.4rem !important;width:100%}
.ppwhCon .newsSwiperPag .swiper-pagination-bullet{width:0.4rem;height:0.06rem;border-radius:0;margin-right:0.1rem;background:#cbcbcb;opacity:1}
.ppwhCon .newsSwiperPag .swiper-pagination-bullet-active{width:1rem;height:0.06rem;border-radius:0;background:#ff4200}


/*荣誉资质*/

.ryzzBox{}
.ryzzCon{}
.ryzzCon>div.fl{width:43%;height: 9rem;}
.ryzzCon>div.fl img{width:100%;height: 100%;object-fit: cover;}
.ryzzCon>div.fr{width:57%;background:url(/ciic/uiFramework/commonResource/image/2025112716191897484.png) left bottom no-repeat;background-size: cover;padding: 1rem 2rem;box-sizing:border-box;height: 9rem;}
.ryzzCon>div.fr p.pageName{color:#0042ff;font-size:0.22rem;font-weight:bold;padding-left:0.3rem;box-sizing:border-box;position:relative;margin-bottom:0.3rem}
.ryzzCon>div.fr p.pageName::before{content:"";display:inline-block;width:0.15rem;height:0.15rem;background:#ff4200;border-radius:50%;position:absolute;top:0.07rem;left:0}
.ryzzCon>div.fr p.title1{font-size:0.4rem;font-weight:lighter;margin-bottom:0.5rem}
.ryzzCon>div.fr ul.otherArctile{}
.ryzzCon>div.fr ul.otherArctile li{margin-bottom:0.5rem}
.ryzzCon>div.fr ul.otherArctile li p{font-size:0.22rem;font-weight:lighter}
.ryzzCon>div.fr a.btn{display:flex;font-size:0.2rem;font-family:"微软雅黑";font-weight:bold;color:#0042ff;border:0.0521vw solid #0042ff;width:2.2rem;justify-content:end;align-items:center}
.ryzzCon>div.fr a.btn span.infotext{width:100%;text-align:center;font-size:0.2rem;font-family:"微软雅黑";font-weight:bold;color:#0042ff}
.ryzzCon>div.fr ul.otherArctile li p span.data-text{font-size:0.22rem;font-weight:lighter}
.ryzzCon>div.fr ul.otherArctile li p span.data-num{font-size:0.34rem;color:#0042ff}



/*发展历程*/
.fzlcBox{background:url(/ciic/uiFramework/commonResource/image/2025112716404014687.jpg) bottom no-repeat;background-size: cover;padding:1rem 0 2rem 0;}
.fzlcCon{}
.fzlcCon p.pageName{color:#0042ff;font-size:0.22rem;font-weight:bold;padding-left:0.3rem;box-sizing:border-box;position:relative;margin-bottom:0.3rem}
.fzlcCon p.pageName::before{content:"";display:inline-block;width:0.15rem;height:0.15rem;background:#ff4200;border-radius:50%;position:absolute;top:0.07rem;left:0}
.fzlcCon .fzlcTop{width:47%}
.fzlcCon .fzlcTop p.topTitle{font-size:0.4rem;font-weight:lighter;margin-bottom:0.5rem}
.fzlcCon .fzlcTop p.topSum{font-size:0.22rem;color:#666666;font-weight:lighter;font-family:'微软雅黑';line-height:0.4rem;margin-bottom:0.5rem}
.fzlcCon .fzlcTop a.btn{display:flex;font-size:0.2rem;font-family:"微软雅黑";font-weight:bold;color:#0042ff;border:0.0521vw solid #0042ff;width:2.2rem;justify-content:end;align-items:center}
.fzlcCon .fzlcTop a.btn span.infotext{width:100%;text-align:center;font-size:0.2rem;font-family:"微软雅黑";font-weight:bold;color:#0042ff}
.fzlcCon .fzclBottom{background:url(/ciic/uiFramework/commonResource/image/2025112716540816920.png) left top no-repeat;width:100%;background-size:contain;height:6rem;position:relative}
.fzlcCon .fzclBottom .fzclItem{position:absolute;text-align:center}
.fzlcCon .fzclBottom .fzclItem .itemShow{cursor:pointer}
.fzlcCon .fzclBottom .fzclItem.item1{top:-0.4rem;right:1rem}
.fzlcCon .fzclBottom .fzclItem p.itemTitle{color:#0042ff;font-size:0.3rem;margin-bottom:0.1rem}
.fzlcCon .fzclBottom .fzclItem p.itemShort{font-size:0.22rem;font-weight:bold;color:#333333;}
.fzlcCon .fzclBottom .fzclItem::after{content:"";width:0.2rem;height:2rem;display:inline-block;background:url(/ciic/uiFramework/commonResource/image/2025112717101253129.png) top center no-repeat;margin-top:0.2rem}
.fzlcCon .fzclBottom .fzclItem.item2{top:0.8rem;right:50%;margin-right:-2.7rem}
.fzlcCon .fzclBottom .fzclItem.item3{top:0.8rem;right:50%;margin-right:2.3rem}
.fzlcCon .fzclBottom .fzclItem.item4{top:2.4rem;margin-left:-9.5rem;left:50%}

.fzlcCon .fzclBottom .fzclItem.active p.itemTitle{color:#fd4909}

.ryzzSwiper{display:none !important;padding: 3.125vw 0 4.1667vw !important;}

/*企业客户*/
.qykhCon{}
.qykh{padding:1rem 0;background: url(/ciic/uiFramework/commonResource/image/2025112717261387755.png) bottom no-repeat;background-size: cover;}
.qykhCon p.pageName{font-size:0.4rem;font-weight:lighter;margin-bottom:0.5rem;text-align:center}


.qykhCon .logo{position:relative;overflow:hidden;width:100%;padding: 0.5rem 0;}
.qykhCon .logo .scroll{display:inline-flex;gap:0;will-change:transform;animation:leftScroll var(--speed) linear infinite}
.qykhCon .logo .scroll img{display:block;max-width:none}
@keyframes leftScroll{from{transform:translateX(0)}
to{transform:translateX(-50%)}}
:root{--speed:20s}
.bjfooter {
    position: relative;
 
    background-image: url(/ciic/uiFramework/commonResource/image/2025120616472163957.png);height: 36vw;
    width: 100%;
    background-size: cover;}
.home_waist{position: absolute;
    bottom: 0;
    width: 100%;}

@media (max-width:768px){
/*面包屑*/
.position{width: 90%; margin: 0 auto; border-bottom: solid 0.0521vw #d4d4d4;  height:auto;;line-height: 1.5; font-size:0.625vw; color: #999;padding:0.7813vw 0;} 
.position span{ color: #999;font-size:0.625vw; }
.position a{ font-size:0.625vw;color: #999;padding:0 0.2604vw;}


/*企业概况*/
.qygkList{flex-wrap:wrap;margin-top: 1.5625vw;}
.comWidth{width:90%}
.qygkList .qygkLeft{width:100%}
.qygkList .qygkRight{width:100%}
.qygkList .qygkLeft p.pageName{font-size:0.7292vw;padding-left:1.0417vw}
.qygkList .qygkLeft p.pageName::before{width:0.5208vw;height:0.5208vw;background:#ff0000;border-radius:2.6042vw;top:0.2604vw}
.qygkList .qygkLeft p.title{font-size:1.1458vw;margin:0.5208vw 0 1.0417vw}
.qygkList .qygkLeft>div{font-size:0.7292vw;line-height:2;margin-bottom:0.5208vw}
.qygkList .qygkRight>video{height:unset;width:100%}
.qygkList .qygkRight::after{content:unset}
.qygkList .qygkRight::before{content:unset}
.qygkList::after{content:unset}


/*企业概况-数字*/
.sj{margin:1.5625vw 0 0.5208vw}
.sj ul{flex-wrap:wrap}
.sj ul li{width:45%;margin-bottom:1.5625vw;padding-left:0.7813vw}
.sj ul li:nth-child(4),.sj ul li:nth-child(5){max-width:unset}
.sj ul li:nth-child(6){max-width:unset}
.sj ul li p.top{font-size:1.1458vw;margin-bottom:0.5208vw}
.sj ul li p.bottom{font-size:0.7292vw;line-height:1.5}


/*公司治理*/
.gszlLeft{width:100%}
.gszlRight{width:100%}
.gszlBg{padding:1.5625vw 0}
.secondNav .navTop{margin-bottom:1.0417vw}
.secondNav .navTop span{font-size:1.1458vw}
.secondNav ul{display:flex;align-items:center;margin-bottom:1.5625vw;width:100%;}
.secondNav ul li.li{height:2.0833vw;width:50%;line-height:2.0833vw;border-left:0vw;transition:all 0.4s ease;border-right:solid 0.0521vw #d8d8d8;border-bottom:0.2083vw solid transparent}
.secondNav ul li.li:last-child{border-left:0vw;transition:all 0.4s ease;border-right:solid 0.0521vw #d8d8d8;border-bottom:0.2083vw solid transparent}
.secondNav ul li.li span{font-size:0.7292vw}
.secondNav ul li.active{border-left:0;border-bottom:0.2083vw solid #ff4200 !important;border-right:0vw}
.secondNav ul li.active span{font-size:0.8333vw}
.leader .pageName{font-size:0.8333vw;margin-bottom: 1.0417vw;}
.leader ul li img{width:4.1667vw}
.leader ul li p.title{font-size:0.8333vw;margin:1.0417vw 0 0.5208vw}
.leader ul li p.short{font-size:0.7292vw;margin-bottom:1.5625vw}


/*组织架构*/
.zzjgBox{padding:1.5625vw 0}
.zzjgBox .zzjgImg p.title{font-size:1.1458vw;margin-bottom:0.7813vw}
.zzjgBox .zzjgImg .info{font-size:0.7292vw;margin-top:1.0417vw}
.zzjgBox .zzjgImg .info img{width:0.5208vw;height:0.5208vw}
.fade{bottom:2.0313vw}
.collapsed .showImg{max-height:10.4167vw}


/*品牌文化*/
.ppwh{padding:1.5625vw 0}
.ppwhCon p.pageName{font-size:0.7292vw;padding-left:1.0417vw}
.ppwhCon p.pageName::before{width:0.5208vw;height:0.5208vw;background:#ff0000;border-radius:2.6042vw;top:0.2604vw}
.ppwhCon p.title{font-size:1.1458vw;margin:0.5208vw 0 1.0417vw}
.ppwhCon .newsSwiperPag .swiper-pagination-bullet{width:1.0417vw;height:0.1563vw}
.ppwhCon .newsSwiperPag .swiper-pagination-bullet-active{width:2.0833vw}
.ppwhCon .newsSwiperPag{bottom:1.5625vw !important}


/*荣誉资质*/
.ryzzCon>div.fl{display:none}
.ryzzCon>div.fr{width:100%;height:auto;padding:1.5625vw 5%;box-sizing:border-box}
.ryzzCon>div.fr p.title1{font-size:1.1458vw;margin-bottom:1.0417vw}
.ryzzCon>div.fr p.pageName{font-size:0.7292vw;padding-left:1.0417vw;margin-bottom:0.5208vw}
.ryzzCon>div.fr p.pageName::before{width:0.5208vw;height:0.5208vw;background:#ff0000;border-radius:2.6042vw;top:0.2604vw}
.ryzzCon>div.fr ul.otherArctile li{margin-bottom:1.0417vw}
.ryzzCon>div.fr ul.otherArctile li p{}
.ryzzCon>div.fr ul.otherArctile li p span.data-text{font-size:0.7292vw}
.ryzzCon>div.fr ul.otherArctile li p span.data-num{font-size:1.1458vw}
.ryzzCon>div.fr a.btn{font-size:0.7292vw;width:7.2917vw;height:2.0833vw}
.ryzzCon>div.fr a.btn span.infotext{font-size:0.7292vw}
.ryzzCon>div.fr a.btn>img{width:2.0833vw;height:2.0833vw}




/*发展历程*/
.fzlcCon p.pageName{font-size:0.7292vw;padding-left:1.0417vw;margin-bottom:0.5208vw}
.fzlcCon p.pageName::before{width:0.5208vw;height:0.5208vw;background:#ff0000;border-radius:2.6042vw;top:0.2604vw}
.fzlcCon .fzlcTop{width:100%}
.fzlcCon .fzlcTop p.topTitle{font-size:1.1458vw;margin-bottom:1.0417vw}
.fzlcCon .fzlcTop p.topSum{font-size:0.7292vw;line-height:2;margin-bottom: 1.5625vw;}
.fzlcCon .fzlcTop a.btn{font-size:0.7292vw;width:7.2917vw;height:2.0833vw}
.fzlcCon .fzlcTop a.btn>img{width:2.0833vw;height:2.0833vw}
.fzlcCon .fzlcTop a.btn span.infotext{font-size:0.7292vw}


/*企业客户*/
.qykh{padding:1.5625vw 0}
.qykhCon p.pageName{font-size:1.1458vw;margin-bottom:1.0417vw}
.qykhCon .logo{padding:0vw}
.qykhCon .logo .scroll img{height:15.625vw}


/*发展历程-bottom*/
.fzlcCon .fzclBottom{display:none}
.ryzzSwiper{display:block !important;}

.fzlcBox{padding:1.5625vw 0 9.375vw}
.ryzzSwiper .swiper-slide{text-align:center}
.ryzzSwiper .swiper-slide p.itemTitle{font-size:1.0417vw;color:#0042ff;font-family:'微软雅黑'}
.ryzzSwiper .swiper-slide p.itemShort{font-size:0.7292vw;font-weight:bold;margin-top:0.5208vw}
}
                   /* Timeline container */
            #contentDisplay::before{
            content:'';
            position:absolute;
            left:50%;
            top:1.0417vw; /* leave space at very top for the red dot */
            bottom:0;
            width:0; /* use border-left for dashed line */
            border-left:0.1042vw dashed #d7dfe6;
            transform:translateX(-50%);
        }
           /* Timeline container */
        #contentDisplay{
            position:relative;
            
            margin:3.125vw auto;
            padding:1.0417vw 1.0417vw;
        }

        /* center vertical dashed line */
   

        /* red dot at the very top of the dashed line */
        #contentDisplay::after{
            content:'';
            position:absolute;
            left:50%;
            top:0.3125vw;
            transform:translateX(-50%);
            width:0.7813vw;
            height:0.7813vw;
            background:#d9534f;
            border-radius:50%;
            box-shadow:0 0 0 0.2083vw rgba(217,83,79,0.08);
            z-index:3;
        }

        .article-data{
            position:relative;
            display:flex;
            justify-content:space-between;
            align-items:flex-start;
            margin:1.875vw 0;
            width:100%;
            box-sizing:border-box;
            gap:4%;
        }

        .article-title, .article-content{
            width:48%;
            box-sizing:border-box;
        }

        /* Title styling */
        .article-title a{
            font-size:2.1875vw;
            line-height:1.1;
            color:#333;
            font-weight:600;
        }

        /* Content container styling */
        .article-content{
            /* default gradient for content blocks (odd items: fade left->right) */
            background: linear-gradient(90deg, #ecf0f4 0%, #ffffff 100%);
            box-sizing:border-box;
            /* keep some inner spacing so paragraphs don't touch the edges */
            padding:0.5208vw;
            position:relative; /* needed for the triangle pseudo-element */
        }

        /* Paragraph styling inside content (gradient moved to container) */
        .article-content p{

            font-size:0.8vw;
            /*color: #444;*/
            line-height:1.4vw;
            margin:0 0 0.4167vw 0;
        }

        /* small connector dot on the central line for each item */
        .article-data::after{
            content:'';
            position:absolute;
            left:50%;
            top:0.9375vw;
            transform:translateX(-50%);
            width:0.4167vw;
            height:0.4167vw;
            background:#fff;
            border:0.1042vw solid #245dff;
            border-radius:50%;
            box-shadow:0 0 0 0.2083vw rgba(159,184,200,0.06);
        }

        /* Odd items: title on left, content on right  2023年以前 */
 
.article-content1 {
  position: relative;
  max-width: 100%;
  margin: 0vw auto;
  padding: 1.0417vw 0;
}


.article-content1 p {
  width: 48%;
  box-sizing: border-box;
  background: linear-gradient(90deg, #ecf0f4 0%, #fff 100%);

  padding: 0.5208vw 0.9375vw;
  font-size: 0.8vw;
  /*color: #444;*/
  line-height: 1.4vw;
  margin: 0 0 0 0;
  position: relative;
}
.article-content1 p:nth-child(odd) {
  float: right;
  clear: right;
  text-align: left;
  margin-left: 47%;
  background: linear-gradient(90deg, #ecf0f4 0%, #fff 100%);
}
.article-content1 p:nth-child(even) {
  float: left;
  clear: left;
  text-align: right;
  margin-right: 52%;
  background: linear-gradient(270deg, #ecf0f4 0%, #fff 100%);
}
.article-content1 p:nth-child(odd)::after {
    content: '';
    position: absolute;
    left: -4.1%;
    top: 0.9375vw;
    transform: translateX(-50%);
    width: 0.4167vw;
    height: 0.4167vw;
    background: #fff;
    border: 0.1042vw solid #245dff;
    border-radius: 50%;
    box-shadow: 0 0 0 0.2083vw rgba(159, 184, 200, 0.06);
}
.article-content1 p:nth-child(even)::after {
    content: '';
    position: absolute;
    left: 104.3%;
    top: 0.9375vw;
    transform: translateX(-50%);
    width: 0.4167vw;
    height: 0.4167vw;
    background: #fff;
    border: 0.1042vw solid #245dff;
    border-radius: 50%;
    box-shadow: 0 0 0 0.2083vw rgba(159, 184, 200, 0.06);
}
.article-data .article-content1 p:nth-child(odd)::before {
    content: '';
    position: absolute;
    top: 0.625vw;
    width: 0;
    height: 0;
    pointer-events: none;
    z-index: 1;
    left: -0.625vw;
    border-top: 0.4167vw solid transparent;
    border-bottom: 0.4167vw solid transparent;
    border-right: 0.625vw solid #ecf0f4;
}

.article-data .article-content1 p:nth-child(even)::before {
        content: '';
    position: absolute;
    top: 0.625vw;
    width: 0;
    height: 0;
    pointer-events: none;
    z-index: 1;
    right: -0.625vw;
    border-top: 0.4167vw solid transparent;
    border-bottom: 0.4167vw solid transparent;
    border-left: 0.625vw solid #ecf0f4;
}
.article-content2{position: relative;
    max-width: 100%;
    padding: 1.0417vw 0;
    left: 20.2%;}
.article-content2 p{width:26.0417vw;}
.article-content2 p:nth-child(odd)::after {
    content: '';
    position: absolute;
    left: -6.1%;
    top: 0.9375vw;
    transform: translateX(-50%);
    width: 0.4167vw;
    height: 0.4167vw;
    background: #fff;
    border: 0.1042vw solid #245dff;
    border-radius: 50%;
    box-shadow: 0 0 0 0.2083vw rgba(159, 184, 200, 0.06);
}
@media (min-width:100vw){}
@media (max-width: 1476px) {
  .article-content1 {
    padding: 0.5208vw 0;
  }
  .article-content1 p {
  
    margin: 0 0 0.9375vw 0;
    float: none;
    clear: none;
    text-align: left;
    background: #ecf0f4;
  }
}

        @media (max-width:768px){
            #contentDisplay::before{ left:1.0417vw; }
            #contentDisplay::after{ left:1.0417vw; }
            .article-data{
                display:block;
                padding-left:1.7708vw;
            }
            .article-data::after{ left:1.0417vw; transform:none; top:1.25vw; }
            .article-title, .article-content{ width:100%; }
            .article-title{ font-size:1.6667vw; text-align:left; padding:0 0 0.4167vw 0; }
            .article-content{ font-size:0.7813vw; margin-top:0.3125vw; padding:0.7292vw; }
        }
        .redline {
  display: inline-block;
  vertical-align: middle;
  width: 0.8854vw;
  height: 0.0521vw;
  background: #d9534f;
  border-radius: 0.105vw;
  margin-left: 0.625vw;
  position: relative;
  top: 0.2em;
}


   @media (max-width:768px){
.article-content2{left:-0.0208vw !important;}
.zzjgBox{display:none;}
.article-title a, .article-content p, #contentDisplay .article-data:nth-child(even) .article-content p, #contentDisplay .article-data:nth-child(odd) .article-content p, .article-content p span, #contentDisplay .article-data:nth-child(even) .article-content p span, #contentDisplay .article-data:nth-child(odd) .article-content p span, .article-content1 p, #contentDisplay .article-data:nth-child(even) .article-content1 p, #contentDisplay .article-data:nth-child(odd) .article-content1 p, .article-content2 p, #contentDisplay .article-data:nth-child(even) .article-content2 p, #contentDisplay .article-data:nth-child(odd) .article-content2 p, .article-content1 p span, #contentDisplay .article-data:nth-child(even) .article-content1 p span, #contentDisplay .article-data:nth-child(odd) .article-content1 p span, .article-content2 p span, #contentDisplay .article-data:nth-child(even) .article-content2 p span, #contentDisplay .article-data:nth-child(odd) .article-content2 p span {
    font-family: Microsoft YaHei UI regular !important;
}
                            /* tighten container and move timeline line/dot to the left */
                           #contentDisplay {
        margin: 10vw auto;
        padding: 0.416vw 0.625vw;
    }
                         
                            #contentDisplay::before {
        left: 1.666vw !important;
        top: 1.25vw;
        bottom: 0.625vw;
        border-left: 0.5vw dashed #d7dfe6;
    }
                               #contentDisplay::after {
        left: 1.666vw !important;
        top: 0.416vw;
        width: 2vw;
        height: 2vw;
    }

                            /* Stack each article into a boxed card with title above content */
                           .article-data {
        display: block;
        padding-left: 2.291vw !important;
        padding-right: 0.625vw !important;
        padding-top: 8vw;
        margin: 0.937vw 0;
width:97%;
    }
       .article-data::after {
        left: 0.2vw !important;
       top: 24vw;
        transform: none;
        width: 1.5vw;
        height: 1.5vw;
    }
                                    /* make all text left-to-right and ensure content stacked */
                                    .article-title, .article-content{width:100% !important; text-align:left !important;}

                                    .article-title{font-size:0.937vw !important; text-align:left; margin:0 0 0.312vw 0; padding:0;}
                                    .article-title a {
        font-size: 5.95vw !important;
        line-height: 1.2;
    }

          .article-content {
        padding: 4vw 0 0.729vw !important;
        margin: 4vw 0 0 2vw;
        font-size: 0.729vw !important;
        background: linear-gradient(90deg, #ecf0f4 0%, #ffffff 100%) !important;
        border-radius: 0.312vw;
    }
                                     .article-content p {
        font-size: 3.8vw;
        line-height: 5vw;
        margin: 0vw 0 3.093vw 0;
        position: relative;
        padding-left: 5.041vw !important;
    }
                                    /* Ensure wrappers exist and are positioned for pseudo-elements */
                                    #contentDisplay .article-content p .first-char,
                                    #contentDisplay .article-content p .last-char{position:relative;display:inline-block}

                                    /* hide any previous right-side bars so we only show left bars */
                                    #contentDisplay .article-data:nth-child(even) .article-content p .first-char::after,
                                    #contentDisplay .article-content p .last-char::after,
                                     #contentDisplay .article-data:nth-child(odd) .article-content p .first-char::before{display:none !important} 

                                    /* universal left-aligned red bar placed to the left of the first character */
                                    #contentDisplay .article-content p .first-char::before{
                                        content:'';
                                        position:absolute;
                                        right:calc(100% + 0.625vw); /* place left of the first character */
                                        top:0;
                                        width:2.08vw;
                                        height:0.208vw;
                                        background:#d9534f;
                                        border-radius:0.105vw;
                                    }

                                    /* ensure no horizontal overflow */
                                    .article-content{overflow:visible;}

                                    /* Force the small triangle pointer to the LEFT for all items on mobile
                                       and make its vertical position match the blue dot on the timeline */
                                    #contentDisplay .article-data .article-content{position:relative}
                                   #contentDisplay .article-data .article-content::before {
        left: -1.625vw !important;
        right: auto !important;
        top: 3.9375vw !important;
        border-top: 2vw solid transparent !important;
        border-bottom: 2vw solid transparent !important;
        border-left: 0 !important;
        border-right: 2vw solid #ecf0f4 !important;
        display: block;
    }

                                    /* Place blue dot on dashed line and align vertically with the triangle 
                                    #contentDisplay .article-data::after{
                                                left: 0.729vw !important;
                                           top: 3.229vw !important;
                                        transform:none !important;
                                        z-index:3 !important;
                                    }*/

.second_nav .article-list li{    width: 24.7vw !important;text-align: center;}

.second_nav .article-list li a{font-size:5vw !important;}

.bjfooter{height: 131vw;}

                        }
@media (max-width:768px){
  /* Keep original expand/collapse behavior on mobile; ensure floats are cleared
     and make even boxes render the same as odd boxes (stacked full-width cards).
     This only affects mobile; desktop rules remain unchanged. */
  /* .article-content1::after{ content: ''; display: block; clear: both; } */

  /* Force both odd and even timeline entries to be full-width stacked cards on mobile */
  .article-content1 p,
  .article-content1 p:nth-child(odd),
  .article-content1 p:nth-child(even) {
     float: none !important;
        clear: none !important;
        font-size: 3.8vw;
        line-height: 5vw;
        width: 97% !important;
        margin: 0 0 3.93vw 2vw !important;
        text-align: left !important;
        box-sizing: border-box !important;
        background: linear-gradient(90deg, #ecf0f4 0%, #ffffff 100%) !important;
        padding: 4vw 0 4vw 5.041vw !important;
  }

  /* Ensure the small dot/connector positions used on desktop do not overlap mobile layout */
 
  .article-content1 p { position: relative !important; padding-left: 2.708vw !important; }
  .article-content1 p::after {
    display: block !important;
    content: '' !important;
    position: absolute !important;
 left: -3.197vw !important;
        top: 4.75vw !important;
    transform: translateX(-50%) !important;
   width: 1.5vw !important;
        height: 1.5vw !important;
    background: #fff !important;
    border: 0.104vw solid #245dff !important;
    border-radius: 50% !important;
    box-shadow: 0 0 0 0.21vw rgba(159,184,200,0.06) !important;
    z-index: 3 !important;
  }
  /* show a small triangle pointer on the left edge that points to the timeline */
   .article-content1 p::before {
           left: -1.625vw !important;
        right: auto !important;
       top: 3.9375vw !important;
        border-top: 2vw solid transparent !important;
        border-bottom: 2vw solid transparent !important;
        border-left: 0 !important;
        border-right: 2vw solid #ecf0f4 !important;
        display: block;}
  /* Ensure paragraph containers are positioned so inner markers can be absolutely placed */
  .article-content1 p { position: relative !important; }

  /* Add a small red short line element inside each paragraph (mobile-only).
     We insert a <span class="redline-mobile"></span> into each <p> via JS and
     style it here so it sits to the right of the blue dot/triangle. */
  .article-content1 p .redline-mobile{
    content: '';
        display: block !important;
        position: absolute !important;
        left: 1vw !important;
        top: 6.2vw !important;
        transform: translateY(-50%) !important;
        width: 3vw !important;
        height: 0.5vw !important;
        background: #d9534f !important;
        border-radius: 0.1042vw !important;
        z-index: 2 !important;
  }
.show-more-btn span {
    margin-left: -270%!important;
    font-weight: 700!important;
    color: #4266ff!important;
    font-size: 4vw!important;
    margin-right: 10px!important;
}
.show-more-btn img {
    height: 2.7292vw!important;
}
}