/*  功能页面css */

@media screen and (min-width:1441px) {
    .qd-banner {
        height: 320px;
    }
}
@media screen and (max-width:1440px) {
    .qd-banner {
        height: 240px;
    }
}
.qd-banner {
    width: 100%;
    background-image: url('../assets/about/banner.jpg');background-size: cover;background-position: center center;
}

.qd-company {
    width: 100%;
    height: 432px;
}
.qd-company h2{
    margin-top: 76px;
    text-align: center;
    font-size: 48px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
}
.qd-company p{
    text-indent: 2em;
    margin-top: 65px;
    font-size: 16px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #666666;
    line-height: 40px;
}
.qd-era {
    width: 100%;
    height: 623px;
}
.qd-era .left, .qd-era .right {
    flex: 1;
    height: 443px;
}
.qd-era .left p, .qd-era .right p{
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
    line-height: 40px;
}
.qd-era .left span, .qd-era .right span {
    width: 279px;
    height: 54px;
    font-size: 14px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #666666;
    line-height: 40px;
}
.qd-era .center{
    width: 516px;
    height: 443px;
}

@media screen and (min-width:1441px) {
    
    .qd-progress .time-line {
        padding: 0 185px;
    }
}
@media screen and (max-width:1440px) {
    .qd-progress .time-line {
        padding: 0 75px;
    }
}
.qd-progress {
    width: 100%;
    height: 1350px;
}
.qd-progress h2{
    text-align: center;
    font-size: 48px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
}
.qd-progress .time-line {
   margin-top: 100px;
}
.qd-progress .time-line .center {
    margin: 0 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.qd-progress .time-line .center .h-125{
    height: 125px;
}
.qd-progress .time-line .center .h-155{
    height: 155px;
}
.qd-progress .time-line .center .h-139{
    height: 139px;
}
.qd-progress .time-line .dot{
    width: 15px;
    height: 15px;
    background-color: #3D79FF;
    border-radius: 50%;
    box-shadow: 0 0 15px #125dff;
}
.qd-progress .time-line .dot img{
    width: 36px;
    height: 36px;
    border-radius: 50%;
}
.qd-progress .time-line .line{
    width: 2px;
    height: 125px;
    background-color: #3D79FF;
}

.qd-progress .time-line .left h4, .qd-progress .time-line .right h4{
    font-size: 18px;
    font-family: Source Han Sans CN;
    font-weight: 700;
    color: #3D79FF;
}
.qd-progress .time-line .left .mt-150{
    margin-top: 150px;
}
.qd-progress .time-line .left .mt-240{
    margin-top: 240px;
}
.qd-progress .time-line .left .mt-230{
    margin-top: 230px;
}


.qd-progress .time-line .right .mt-20{
    margin-top: -20px;
}
.qd-progress .time-line .right .mt-240{
    margin-top: 240px;
}
.qd-progress .time-line .right .mt-270{
    margin-top: 270px;
}
.qd-progress .time-line .right .mt-255{
    margin-top: 255px;
}
.qd-progress .time-line .left p, .qd-progress .time-line .right p{
    text-align: justify;
    margin-top: 25px;
    width: 467px;
    font-size: 13px;
    font-family: Source Han Sans CN;
    font-weight: 400;
    color: #333333;
}