.header-box{background: #111111;    padding-bottom: calc(var(--base-font) * 60);position:relative}
.header-box .img1{position:absolute;right:0;bottom:0}
.header-content .top{padding-top:calc(var(--base-font) * 40)}
.header-content .top .tagtext{color:#FEFEFE}
.section  .ab-title {
    position: relative;
    height: calc(var(--base-font) * 103);
    margin: calc(var(--base-font) * 99) 0 0 calc(var(--base-font) * 235);
}
.section  .ab-title .t1{
    -webkit-text-stroke: 1px rgba(85, 85, 85, 1);
    overflow-wrap: break-word;
    color: rgba(153, 153, 153, 0);
    font-size: calc(var(--base-font) * 130);
    font-family: MicrosoftYaHei-Bold;
    font-weight: 700;
    line-height: calc(var(--base-font) * 41);
    margin-left: calc(var(--base-font) * 296);
}
.section  .ab-title .t2{
    position: absolute;
    left: 0;
    top: 1px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: calc(var(--base-font) * 124);
    font-family: MicrosoftYaHei-Bold;
    font-weight: 700;
    line-height: calc(var(--base-font) * 41);
}

.header-content .intro{margin-top: calc(var(--base-font) * 30);color:#FFFFFF}
.header-content .intro .title{
    font-size: calc(var(--base-font) * 36);
    font-family: MicrosoftYaHei-Bold;
    font-weight: 700;
    margin-left: calc(var(--base-font) * 2);
}
.header-content .intro .content{
    margin-top: calc(var(--base-font) * 30);display: flex;
}
.header-content .intro .text{
    width: calc(var(--base-font) * 450);
    color: #666666;
    font-size: calc(var(--base-font) * 14);
}
.header-content .intro .group{margin-left:calc(var(--base-font) * 230);    display: flex;align-items: center;}
.header-content .intro .group .item{margin-right:calc(var(--base-font) * 70)}
.header-content .intro .group .item .t1{font-size:calc(var(--base-font) * 30)}
.header-content .intro .group .item .t2{font-size:calc(var(--base-font) * 18);margin-top:calc(var(--base-font) * 20);color:#666666}
.header-content .intro .bottom{margin-top:calc(var(--base-font) * 40)}
.header-content .intro .bottom .t3{font-size: calc(var(--base-font) * 60);text-align:center}
.header-content .intro .bottom .t4{font-size:calc(var(--base-font) * 36);color:#555555;text-align:center}


/**/
.section2{background:#5392D5;position:relative}
.section2 .img2{position:absolute;bottom:0;    width: 100%;}
.section2  .ab-title {
    position: relative;
    height: calc(var(--base-font) * 103);
    margin: 0 0 0 calc(var(--base-font) * 235);
}
.section2  .ab-title .t1{
    -webkit-text-stroke: 1px rgba(85, 85, 85, 1);
    overflow-wrap: break-word;
    color: rgba(153, 153, 153, 0);
    font-size: calc(var(--base-font) * 124);
    font-family: MicrosoftYaHei-Bold;
    font-weight: 700;
    text-align: left;
    line-height: calc(var(--base-font) * 41);
    margin-left: calc(var(--base-font) * 250);
}
.section2  .ab-title .t2{
    position: absolute;
    left: calc(var(--base-font) * 80);
    top: 1px;
    overflow-wrap: break-word;
    color: rgba(255, 255, 255, 1);
    font-size: calc(var(--base-font) * 124);
    font-family: MicrosoftYaHei-Bold;
    font-weight: 700;
    line-height: calc(var(--base-font) * 41);
}

.section2 .content .title{font-size: calc(var(--base-font) * 36);color:#FFFFFF}

.section2 .group{display: flex;padding-bottom: calc(var(--base-font) * 120);}
.section2 .group .item{display:flex;    margin-top: calc(var(--base-font) * 190);color:#FFFFFF;    width: calc(var(--base-font) * 350);}
.section2 .group .item2{margin-top:calc(var(--base-font) * 90)}
.section2 .group .item3{margin-top:calc(var(--base-font) * 10)}
.section2 .group .item4{margin-top:-3.33rem}
.section2 .group .item .img{margin-right:calc(var(--base-font) * 20)}
.section2 .group .item .rf .top{display:flex;align-items: center;}
.section2 .group .item .t1{font-size: calc(var(--base-font) * 48);margin-right: calc(var(--base-font) * 10);}
.section2 .group .item .t2{font-size: calc(var(--base-font) * 18);}
.section2 .group .item .t3{font-size: calc(var(--base-font) * 18);}
.section2 .group .item .rf .r-title{font-size:calc(var(--base-font) * 18);font-weight: bold;margin-top:calc(var(--base-font) * 30)}
.section2 .group .item .rf .r-content{font-size:calc(var(--base-font) * 14);line-height: calc(var(--base-font) * 24);margin-top: calc(var(--base-font) * 20);width: calc(var(--base-font) * 300);font-family: Microsoft YaHei;color:#f1f1f1}


/**/
.section3{background:#111111}
.section3 .content .title{font-size:calc(var(--base-font) * 36);font-weight:bold;color:#FFFFFF;margin-top:calc(var(--base-font) * 20)}
.section3 .group{margin-top: calc(var(--base-font) * 30);display:flex;align-items:center;    flex-wrap: wrap;    justify-content: space-between;}
.section3 .group .item{
    border-radius: calc(var(--base-font) * 10);
    height: calc(var(--base-font) * 218);
    width: calc(var(--base-font) * 440);
    margin: 0 0 calc(var(--base-font) * 40) 0;
    background: rgba(63, 55, 51, 1);
}
.section3 .group .item .bg{padding:calc(var(--base-font) * 40);height: calc(var(--base-font) * 218); width: calc(var(--base-font) * 440);border-radius:calc(var(--base-font) * 10)}
.section3 .group .item .bg1{background: url(../images/about/4.png) 100% no-repeat;}
.section3 .group .item .bg2{background: url(../images/about/5.png) 100% no-repeat;}
.section3 .group .item .bg3{background: url(../images/about/6.png) 100% no-repeat;}
.section3 .group .item .bg4{background: url(../images/about/7.png) 100% no-repeat;}
.section3 .group .item .bg5{background: url(../images/about/8.png) 100% no-repeat;}
.section3 .group .item .bg6{background: url(../images/about/9.png) 100% no-repeat;}
.section3 .group .item .t1{font-size:calc(var(--base-font) * 18);font-weight:bold;color:#FFFFFF}
.section3 .group .item .t2{font-size:calc(var(--base-font) * 14);color:#EEEEEE;margin-top: calc(var(--base-font) * 20);}


/**/
.section4{background:#111111}
.section4 .content .title{font-size:calc(var(--base-font) * 36);font-weight:bold;color:#FFFFFF;margin-top:calc(var(--base-font) * 20)}
.section4 .group{margin-top: calc(var(--base-font) * 30);display:flex;align-items:center;    flex-wrap: wrap;    justify-content: space-between;}
.section4 .group .group1{
    display: flex;
    flex-wrap: wrap;
    width: 70%;
    flex: 1;
    position: relative;
}
.section4 .group1 .item{
    border-radius: 0.33rem;
    height: calc(var(--base-font) * 218);
    width: calc(var(--base-font) * 440);
    margin: 0 0 calc(var(--base-font) * 40) 0;
    /*background: rgba(63, 55, 51, 1);*/
}
.section4 .group1 .item .bg{padding:calc(var(--base-font) * 40);height: calc(var(--base-font) * 218); width: calc(var(--base-font) * 440);}
.section4 .group1 .item .bg1{background: url(../images/about/11.png)  no-repeat; background-size: cover;   width: calc(var(--base-font) * 535);height: calc(var(--base-font) * 233);position:absolute}
.section4 .group1 .item .bg2{background: url(../images/about/12.png) no-repeat; background-size: cover;   position: absolute;width:calc(var(--base-font) * 455); height:calc(var(--base-font) * 313);right: calc(var(--base-font) * 40);padding-left: calc(var(--base-font) * 100);}

.section4 .group1 .item .bg4{background: url(../images/about/14.png)  no-repeat;background-size: cover;position: absolute;width:calc(var(--base-font) * 455); height:calc(var(--base-font) * 313);bottom: calc(var(--base-font) * 40);padding-top: calc(var(--base-font) * 180);}
.section4 .group1 .item .bg5{background: url(../images/about/15.png?v=1)  no-repeat;background-size: cover;width: calc(var(--base-font) * 535);height: calc(var(--base-font) * 233);position:absolute;bottom:calc(var(--base-font) * 40);right: calc(var(--base-font) * 40);padding-left: calc(var(--base-font) * 180);padding-top: calc(var(--base-font) * 100);}

.section4 .group1 .item .bg3{background: url(../images/about/13.png) no-repeat; background-size: cover;}
.section4 .group1 .item .bg6{background: url(../images/about/16.png) no-repeat;background-size: cover;}
.section4 .group1 .item .t1{font-size:calc(var(--base-font) * 18);font-weight:bold;color:#FFFFFF}
.section4 .group1 .item .t2{font-size:calc(var(--base-font) * 14);color:#EEEEEE;margin-top: calc(var(--base-font) * 20);width: calc(var(--base-font) * 300);}
.section4 .group .group1 .c-btn{
    font-family: Microsoft YaHei;
    font-weight: bold;
    font-size: calc(var(--base-font) * 20);
    color: #262C48;
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(var(--base-font) * 219);
    height: calc(var(--base-font) * 62);
    line-height: calc(var(--base-font) * 62);
    text-align: center;
    background: linear-gradient(0deg, #F9F7DF, #EBE3F5);
    border-radius: calc(var(--base-font) * 31);
    transform: translate(-60%, -90%);
}
    
.section4 .group2 .item{
    border-radius: 0.33rem;
    height: calc(var(--base-font) * 218);
    width: calc(var(--base-font) * 440);
    margin: 0 0 calc(var(--base-font) * 40) 0;
    background: rgba(63, 55, 51, 1);
}
.section4 .group2 .item .bg{padding:calc(var(--base-font) * 40);height: calc(var(--base-font) * 218); width: calc(var(--base-font) * 440);}
.section4 .group2 .item .bg1{background: url(../images/about/11.png)  no-repeat;background-size: cover;}
.section4 .group2 .item .bg2{background: url(../images/about/12.png)  no-repeat;background-size: cover;}
.section4 .group2 .item .bg5{background: url(../images/about/15.png)  no-repeat;background-size: cover;}
.section4 .group2 .item .bg6{background: url(../images/about/16.png)  no-repeat;background-size: cover;}
.section4 .group2 .item .bg3{background: url(../images/about/13.png)  no-repeat;background-size: cover;}
.section4 .group2 .item .bg4{background: url(../images/about/14.png)  no-repeat;background-size: cover;}
.section4 .group2 .item .t1{font-size:calc(var(--base-font) * 18);font-weight:bold;color:#FFFFFF}
.section4 .group2 .item .t2{font-size:calc(var(--base-font) * 14);color:#EEEEEE;margin-top: calc(var(--base-font) * 20);}


.section5{background:url(../images/about/bg5.png)  no-repeat;height: calc(var(--base-font) * 900); background-size: cover;}
.section5 .content{margin-top:calc(var(--base-font) * 50)}
.section5 .content .title{font-size:calc(var(--base-font) * 36);color:#FFFFFF;font-weight:bold}
.section5 .content .intro{
    width: calc(var(--base-font) * 640);
    background: #FFFFFF;
    border-radius: calc(var(--base-font) * 10);
    opacity: 0.6;
    padding: calc(var(--base-font) * 20);
    margin-top: calc(var(--base-font) * 70);
}
.footer{margin-top:0}