/* ==================================================
   ABOUT GLOBAL
================================================== */
.about_page{
    width:100%;
    overflow:hidden;
}
.about_container{
    width:165rem;
    margin:0 auto;
}
.about_section_tag{
    position:relative;
    padding-left:1.8rem;
    color:#1558ff;
    font-size:1.2rem;
    font-weight:600;
    letter-spacing:.05rem;
    line-height:2rem;
}
.about_section_tag:before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    width:.6rem;
    height:1.4rem;
    transform:translateY(-50%);
    background:#ff7300;
}
/* ==================================================
   BANNER
================================================== */
.about_banner_tag{
    display: flex;
    align-items: center;
    gap: 1rem;
    color: #a9c7ff;
    font-weight: 700;
    font-size: 1.15rem;
    letter-spacing: .13em;
    text-transform: uppercase;
}
.about_banner_tag::before{
    content: "";
    width: 2.5rem;
    height: .2rem;
    background-color: #ff8500;
}
.about_banner{
    height:65rem;
    position:relative;
    color:#fff;
    padding-top: 11rem;
}
.about_banner_bg{
    position:absolute;
    inset:0;
    z-index:-1;
    overflow: hidden;
    top: 11rem;
}
.about_banner_bg img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.about_banner:after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        90deg,
        rgba(0,25,75,.7),
        rgba(0,30,70,.15)
    );
    z-index:-1;
    top: 11rem;
}
.about_banner_content{
    padding-top:10rem;
}
.about_banner_title{
    margin-top:2rem;
    font-size:5.6rem;
    line-height:1.12;
    font-weight:700;
    letter-spacing:-.1rem;
}
.about_banner_desc{
    margin-top:2.5rem;
    font-size:1.8rem;
    line-height:2.8rem;
    color:#fff;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.about_banner_desc::after{
    content: "";
    width: 7.5rem;
    height: .2rem;
    background-color: #ff8500;
    margin-top: 1rem;
}
.about_banner_data{
    display:flex;
    gap:5rem;
    margin-top:5rem;
}
.about_banner_data_item{
    display:flex;
    align-items:center;
    position:relative;
}
.about_banner_icon{
    width:5rem;
    height:5rem;
    margin-right:1.5rem;
}
.about_banner_icon img{
    width:100%;
}
.about_banner_datatit{
    display: flex;
    flex-direction: column;
}
.about_banner_num{
    font-size:3rem;
    font-weight:700;
    line-height:3rem;
    margin-bottom: 0.5rem;
}
.about_banner_text{
    font-size:1.5rem;
    color:#d9e6ff;
}
/* ==================================================
   PROFILE
================================================== */
.about_profile{
    padding:2rem 0;
    background:#fff;
}
.about_profile .about_container{
    display:flex;
    justify-content:space-between;
}
.about_profile_left{
    width:45rem;
    padding-top:3rem;
}
.about_profile_title{
    margin-top:2rem;
    font-size:4.2rem;
    line-height:1.1;
    color:#09204a;
}
.about_profile_desc{
    margin-top:3rem;
    font-size:1.5rem;
    line-height:2.5rem;
    color:#505b70;
}
.about_profile_slogan{
    margin-top:3rem;
    color:#1558ff;
    font-family:cursive;
    font-size:2rem;
    line-height:3rem;
}
.about_profile_right{
    width:110rem;
    display:flex;
    gap:1rem;
}
.about_profile_main{
    width:75rem;
    height:34rem;
    border-radius:1rem;
    overflow:hidden;
}
.about_profile_main img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.about_profile_cards{
    width:33rem;
    display:flex;
    flex-direction:column;
    gap:1rem;
}
.about_profile_card{
    height:16.5rem;
    position:relative;
    border-radius:1rem;
    overflow:hidden;
}
.about_profile_card img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.about_profile_card span{
    position:absolute;
    bottom:1.5rem;
    right:1.5rem;
    color:#fff;
    font-size:1.4rem;
}
/* ==================================================
   ABOUT HISTORY
================================================== */
.about_history{
    position:relative;
    padding:8rem 0;
    background:#031432;
    overflow:hidden;
    color:#fff;
        height:100vh;

    min-height:90rem;

    overflow:hidden;
}
.about_history:before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:40rem;
    background:
    linear-gradient(
        180deg,
        transparent,
        rgba(0,35,90,.25)
    );
    pointer-events:none;
}
.about_history .about_container{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
}
.about_history_window_w{
    position: relative;
    padding-bottom: 5rem;
}
.about_history_window{


    width:95rem;


    height:70rem;


    overflow:hidden;


    position:relative;


}
/* ==================================================
   LEFT INTRO
================================================== */
.about_history_intro{
    width:42rem;
    padding-top:2rem;
    flex-shrink:0;
}
.about_history_tag{
    display:flex;
    align-items:center;
    gap:1rem;
    font-size:1.2rem;
    font-weight:600;
    color:#fff;
}
.about_history_tag span{
    display:block;
    width:2.5rem;
    height:.2rem;
    background:#155cff;
}
.about_history_title{
    margin-top:2.5rem;
    font-size:4.8rem;
    line-height:1.15;
    font-weight:700;
    letter-spacing:-.05rem;
}
.about_history_desc{
    width:36rem;
    margin-top:2.5rem;
    font-size:1.5rem;
    line-height:2.5rem;
    color:#b7c4dd;
}
.about_history_more{
    margin-top:8rem;
    width:3rem;
    height:5rem;
    position:relative;
}
.about_history_more i{
    position:absolute;
    left:1.3rem;
    top:0;
    width:.1rem;
    height:3rem;
    background:#7184a6;
}
.about_history_more i:after{
    content:"";
    position:absolute;
    bottom:0;
    left:-.4rem;
    width:.8rem;
    height:.8rem;
    border-right:.1rem solid #7184a6;
    border-bottom:.1rem solid #7184a6;
    transform:rotate(45deg);
}
/* ==================================================
   RIGHT TIMELINE
================================================== */

.about_history_timeline{

    position:absolute;

    left:0;

    top:0;

    width:100%;

}
/* 中间线 */
.about_history_line{
    position:absolute;
    top:0;
    bottom:6rem;
    left:50%;
    transform:translateX(-50%);
    width:.2rem;
    background:
    linear-gradient(
        180deg,
        #1461ff,
        rgba(20,97,255,.15)
    );
}
/* ==================================================
   ITEM
================================================== */
.about_history_item{
    position:relative;
    display:flex;
    align-items:center;
    min-height:14rem;
    margin-bottom:3.5rem;
}
/* 左边图片 + 右边文字 */
.about_history_left{
    justify-content:flex-start;
    padding-right:8rem;
}
.about_history_right{
    justify-content:flex-end;
    padding-left:8rem;
}
/* 节点 */
.about_history_point{
    position:absolute;
    left:50%;
    top:50%;
    transform:
    translate(-50%,-50%);
    width:1.4rem;
    height:1.4rem;
    border-radius:50%;
    background:#fff;
    border:.3rem solid #155cff;
    box-shadow:
    0 0 2rem rgba(21,92,255,.9);
    z-index:5;
}
/* ==================================================
   IMAGE
================================================== */
.about_history_image{
    width:20rem;
    height:11rem;
    border-radius:.8rem;
    overflow:hidden;
    flex-shrink:0;
}
.about_history_image img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.6s;
}
.about_history_item:hover 
.about_history_image img{
    transform:scale(1.08);
}
/* ==================================================
   CONTENT
================================================== */
.about_history_content{
    width:40rem;
}
.about_history_left 
.about_history_content{
    margin-left:2rem;
}
.about_history_right 
.about_history_content{
    margin-right:2rem;
    text-align:left;
}
.about_history_year{
    font-size:2.8rem;
    font-weight:700;
    line-height:1;
    color:#fff;
}
.about_history_content h3{
    margin-top:.5rem;
    font-size:1.8rem;
    color:#fff;
    font-weight:600;
}
.about_history_content p{
    margin-top:.8rem;
    font-size:1.3rem;
    line-height:1.8rem;
    color:#9caecc;
}
/* ==================================================
   SCROLL TEXT
================================================== */
.about_history_scroll{
    margin-top: 2rem;
    font-size: 1.2rem;
    color: #8295b5;
    position: absolute;
    bottom: 0rem;
    left: 4rem;
}
.about_history_scroll:before{
    content:"";
    display:inline-block;
    width:.8rem;
    height:.8rem;
    border-radius:50%;
    background:#155cff;
    margin-right:1rem;
}
/* ==================================================
   Hover
================================================== */
.about_history_item:hover 
.about_history_point{
    animation:
    historyPoint 1.5s infinite;
}
@keyframes historyPoint{
    0%{
        box-shadow:
        0 0 0 0 rgba(21,92,255,.8),
        0 0 2rem rgba(21,92,255,.9);
    }
    100%{
        box-shadow:
        0 0 0 1.8rem rgba(21,92,255,0),
        0 0 3.5rem rgba(21,92,255,.3);
    }
}
/* ==================================================
   GLOBAL
================================================== */
.about_global{
    padding:7rem 0;
    background:#f5f8ff;
}
.about_global .about_container{
    display:flex;
    justify-content:space-between;
}
.about_global_left{
    width:55rem;
}
.about_global_title{
    margin-top:3rem;
    font-size:5rem;
    line-height:1.15;
    color:#081c44;
}
.about_global_title span{
    color:#ff7200;
}
.about_global_desc{
    margin-top:2rem;
    width:38rem;
    font-size:1.6rem;
    line-height:2.5rem;
}
.about_global_map{
    margin-top: 4rem;
    width: 50rem;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.about_global_map img{
    width:4rem;
}
.about_global_map .about_global_mapimg{
    background-color: #f5f9ff;
    border: 1px solid #276cff2e;
    border-radius: 1rem;
    padding: 1rem;
}
.about_global_right{
    width:85rem;
}
.about_global_point{
    display: flex;
    flex-direction: column;
    font-size: 1.5rem;
    margin-left: 2rem;
}
.about_global_point span{
    font-size: 2rem;
    color: #000000;
    margin-bottom: 0.5rem;
}
.about_global_list{
    margin-top:2rem;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:1rem;
}
.about_global_item{
    height:16rem;
    position:relative;
    border-radius:1rem;
    overflow:hidden;
}
.about_global_item img{
    width:100%;
    height:100%;
    object-fit:cover;
}
.about_global_info{
    position:absolute;
    left:2rem;
    bottom:2rem;
    color:#fff;
}
.about_global_info strong{
    display:block;
    font-size:2rem;
}
.about_global_info span{
    font-size:1.3rem;
}
/* ==================================================
   CERTIFICATION
================================================== */
.about_certification{
    padding:6rem 0;
    background:#f6f9ff;
}
.about_certification .about_container{
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.about_certification_left{
    width:70rem;
}
.about_certificate_list{
    margin-top:3rem;
    display:flex;
    align-items:flex-end;
    gap:2rem;
}
.about_certificate_item{
    width:10rem;
    height:13rem;
    background:#fff;
    padding:1rem;
    box-shadow:0 1rem 3rem rgba(0,30,90,.08);
    border-radius:.5rem;
    display:flex;
    align-items:center;
    justify-content:center;
}
.about_certificate_item img{
    max-width:100%;
    max-height:100%;
}
.about_certification_right{
    width:75rem;
    display:flex;
    justify-content:space-between;
}
.about_cert_item{
    width:22rem;
    padding-left:3rem;
    border-left:.1rem solid #dce6f7;
}
.about_cert_icon{
    width:4.5rem;
    height:4.5rem;
}
.about_cert_icon img{
    width:100%;
}
.about_cert_item h3{
    margin-top:2rem;
    font-size:2rem;
    color:#081d45;
}
.about_cert_item p{
    margin-top:1.5rem;
    font-size:1.4rem;
    line-height:2.2rem;
    color:#657189;
}
/* ==================================================
   COMMITMENT
================================================== */
.about_commitment{
    padding:7rem 0;
    background:#031535;
    color:#fff;
}
.about_commitment .about_container{
    display:flex;
    justify-content:space-between;
    align-items:center;
}
.about_commitment_text{
    width:74rem;
}
.about_commitment_text .about_section_tag{
    color:#fff;
}
.about_commitment_text h2{
    margin-top:2rem;
    font-size:4.5rem;
    line-height:1.2;
    width: 55rem;
}
.about_commitment_text h2 span{
    color:#ff7200;
}
.about_commitment_text p{
    margin-top:3rem;
    width: 55rem;
    font-size:1.5rem;
    line-height:2.5rem;
    color:#c7d4ec;
}
.about_commitment_items{
    margin-top:4rem;
    display:flex;
    gap:3rem;
}
.about_commitment_items div{
    font-size: 1.3rem;
    line-height: 2rem;
    color: #c9c9c9;
    position: relative;
    padding-top: 3rem;
    display: flex;
    flex-direction: column;
}
.about_commitment_items div img{
    width: 5rem;
    margin-bottom: 2rem;
}
.about_commitment_items div span{
    margin-bottom: 1rem;
    color: white;
    font-weight: bold;
}
.about_commitment_gallery{
    width:85rem;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:1rem;
}
.about_commitment_gallery img{
    width:100%;
    height:23rem;
    object-fit:cover;
    border-radius:1rem;
}
.about_commitment_gallery img:nth-child(1){
    grid-column:span 2;
}
.about_commitment_gallery img:nth-child(6){
    grid-column:span 2;
}
/* ==================================================
   CONTACT CTA
================================================== */
.about_contact{
    padding:8rem 0;
    background:#fff;
    text-align:center;
}
.about_contact h2{
    font-size:4.8rem;
    line-height:1.2;
    color:#081d45;
}
.about_contact_btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-top:4rem;
    width:20rem;
    height:5.5rem;
    background:#1558ff;
    border-radius:3rem;
    color:#fff;
    font-size:1.6rem;
    text-decoration:none;
    transition:.3s;
}
.about_contact_btn:hover{
    background:#ff7200;
}