.comWidth{width:75%;margin:auto;}
body{position: relative;}
.flex{display: flex;align-items: center;}
.part_wrap{width: 75%;margin: 0 auto;}
/*banner*/


/*面包屑*/
p.daohang {
            width: 75%;
        font-size: 0.7292vw; /* 14px */
        padding: 0 0 1.3021vw 0; /* 25px */
        border-bottom: 0.0521vw solid; /* 1px */
        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::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}


/*公司治理*/
.bjfooter {
     position: relative;

}

/*组织架构*/



/*轮播图*/
.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;} /* 60px 80px */

/*企业客户*/
.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}

.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:50px;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:0px;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:0px;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:0px}
.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:50px;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:50px;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:#ff4200;border-radius:50px;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:0}
.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; /* 20px */
                        bottom:0;
                        width:0; /* use border-left for dashed line */
                        border-left:0.1042vw dashed #d7dfe6; /* 2px */
                        transform:translateX(-50%);
                }
                     /* Timeline container */
                #contentDisplay{
                        position:relative;
                        max-width:66.6667vw; /* 1280px */
                        margin:3.125vw auto; /* 60px */
                        padding:1.0417vw 1.0417vw; /* 20px */
                }

                /* center vertical dashed line */
   

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

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

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

                /* Title styling */
                .article-title a{
                        font-size:2.1875vw; /* 42px */
                        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 60%);
                        box-sizing:border-box;
                        /* keep some inner spacing so paragraphs don't touch the edges */
                        padding:0.5208vw; /* 10px */
         
                        position:relative; /* needed for the triangle pseudo-element */
                }

                /* Paragraph styling inside content (gradient moved to container) */
                .article-content p{
                        font-size:0.8333vw; /* 16px */
                        color:#444;
                        line-height:1.3542vw; /* 26px */
                        margin:0 0 0.4167vw 0; /* 8px */
                }

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

                /* Odd items: title on left, content on right  2023年以前 */
 
.article-content1 {
    position: relative;
    max-width: 62.5vw; /* 1200px */
    margin: 3.125vw auto; /* 60px */
    padding: 0.5208vw 0 0 0; /* 10px */
}


.article-content1 p {
    width: 48%;
    box-sizing: border-box;
    background: linear-gradient(90deg, #ecf0f4 0%, #fff 60%);
    border-radius: 6px;
    padding: 0.5208vw 0.9375vw; /* 10px 18px */
    font-size: 0.8333vw; /* 16px */
    color: #444;
    line-height: 1.3542vw; /* 26px */
    margin: 0 0 1.6667vw 0; /* 32px */
    position: relative;
}
.article-content1 p:nth-child(odd) {
    float: right;
    clear: right;
    text-align: left;
    margin-left: 52%;
    background: linear-gradient(90deg, #ecf0f4 0%, #fff 60%);
}
.article-content1 p:nth-child(even) {
    float: left;
    clear: left;
    text-align: right;
    margin-right: 52%;
    background: linear-gradient(270deg, #ecf0f4 0%, #fff 60%);
}
.article-data .article-content1 p::after {
        content: '';
        position: absolute;
        left: 50%;
        top: 0.9375vw; /* 18px */
        transform: translateX(-50%);
        width: 0.4167vw; /* 8px */
        height: 0.4167vw; /* 8px */
        background: #fff;
        border: 0.1042vw solid #245dff; /* 2px */
        border-radius: 50%;
        box-shadow: 0 0 0 0.2083vw rgba(159, 184, 200, 0.06); /* 4px */
}


@media (max-width: 900px) {
    .article-content1 {
        padding: 0.5208vw 0; /* 10px */
    }
    .article-content1 p {
        width: 100%;
        margin: 0 0 0.9375vw 0; /* 18px */
        float: none;
        clear: none;
        text-align: left;
        background: #ecf0f4;
    }
}

                @media (max-width:760px){
                        #contentDisplay::before{ left:1.0417vw; } /* 20px */
                        #contentDisplay::after{ left:1.0417vw; } /* 20px */
                        .article-data{
                                display:block;
                                padding-left:1.7708vw; /* 34px */
                        }
                        .article-data::after{ left:1.0417vw; transform:none; top:1.25vw; } /* 20px / 24px */
                        .article-title, .article-content{ width:100%; }
                        .article-title{ font-size:1.6667vw; text-align:left; padding:0 0 0.4167vw 0; } /* 32px / 8px */
                        .article-content{ font-size:0.7813vw; margin-top:0.3125vw; padding:0.7292vw; } /* 15px / 6px /14px */
                }
                .redline {
    display: inline-block;
    vertical-align: middle;
    width: 0.8854vw; /* 17px */
    height: 0.0521vw; /* 1px */
    background: #d9534f;
    border-radius: 0.1042vw; /* 2px */
    margin-left: 0.625vw; /* 12px */
    position: relative;
    top: 0.2em;
}