/* pc 端 媒体查询 */
@media screen and (min-width: 769px){
    .container .phone-velop{
        display: none;
    }
    .container .phone-intro{
        display: none;
    }
    .container .group-intro .title-wrap .pc-title{
        margin-top: 0;
        padding-top: 90px;
    }
    .container .group-intro{
        position: relative;
        background: url('/static/website-new/images/pc/about/groupbg-01.png') no-repeat #FEFBF8;
        background-size: initial;
        background-position: 100%;
        z-index: 3;
        /*height: 807px;*/
        padding-bottom: 360px;
    }
    .container .text-intro{
        margin: 50px auto 0;
        width: 920px;
        font-size: 20px;
        color: #333;
        line-height: 1.6;
    }
    .container .business-wrap{
        margin: 0 auto;
        width: 1176px;
        position: absolute;
        left: 50%;
        bottom: -38px;
        transform: translateX(-50%);
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .container .business-wrap .business-item{
        position: relative;
        width: 248px;
        height: 345px;
        cursor: pointer;
    }
    .container .business-wrap .business-item .front,
    .container .business-wrap .business-item .back{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }
    .container .business-wrap .business-item .front{
        backface-visibility: hidden;
        transition: transform 300ms linear;
        transform: rotateY(0deg)
    }
    .container .business-wrap .business-item .back{
        transform: rotateY(180deg);
        transition: transform 300ms linear;
        backface-visibility: hidden;
    }
    .container .business-wrap .business-item:hover .front{
        transform: rotateY(180deg)
    }
    .container .business-wrap .business-item:hover .back{
        transform: rotateY(0deg);
    }

    .container .intro-wrap{
        position: relative;
    }
    .container .intro-wrap .group-bg{
        height: 977px;
        background: url('/static/website-new/images/pc/about/groupbg-02.jpg') no-repeat;
        background-size: cover;
        background-position: 100%;
    }
    .container .intro-wrap .line-bg{
        height: 580px;
        background: url('/static/website-new/images/pc/about/line-bg.png') no-repeat;
        background-size: cover;
        background-position: 0 100%;
    }

    .container .intro-wrap .intro-cont{
        width: 1376px;
        height: 620px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        position: absolute;
        bottom: 210px;
        left: 50%;
        transform: translateX(-50%);
        background-color: #fff;
    }
    .container .intro-wrap .intro-cont .map-card{
        position: relative;
        width: 390px;
        height: 100%;
    }
    .container .intro-wrap .intro-cont .map-card .intro-tag{
        position: absolute;
        top: 88px;
        left: 46px;
    }
    .container .intro-wrap .intro-cont .map-card .intro-tag .tag{
        font-size: 42px;
        color: #fff;
    }
    .container .intro-wrap .intro-cont .map-card .intro-tag .tag:first-child{
        margin-bottom: 20px;
    }
    .container .intro-wrap .intro-cont .map-card .intro-tag .en-tag{
        margin-top: 40px;
        line-height: 1.6;
        font-size: 24px;
        color: #fff;
        opacity: 0.5;
    }
    .container .intro-wrap .intro-cont .txt-wrap{
        width: 828px;
        height: 412px;
        margin-left: 60px;
    }
    .container .intro-wrap .intro-cont .txt-wrap .txt{
        font-size: 16px;
        color: #333;
        line-height: 1.6;
        margin-bottom: 55px;
    }

    .container .poster-wrap{
        height: 500px;
        background: url('/static/website-new/images/pc/about/poster.jpg') no-repeat #FEFBF8;
        background-size: cover;
        background-position: 100%;
    }
    .container .poster-wrap .poster-cont{
        padding-top: 120px;
        margin-left: 26%;
    }
    .container .poster-wrap .poster-text{
        display: flex;
        align-items: center;
        margin-bottom: 40px;
    }
    .container .poster-wrap .poster-text .text{
        font-size: 60px;
        font-weight: bold;
        color: #fff;
    }
    .container .poster-wrap .poster-text .round{
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background-color: #fff;
        margin: 0 20px;
    }
    .container .poster-wrap .en-text{
        font-size: 30px;
        color: #fff;
        opacity: 0.7;
    }

    .container .text-box{
        width: 100%;
    }
    .container .text-box .txt{
        font-size: 48px;
        color: #333;
        margin: 80px auto;
        text-align: center;
    }

    /* 时间轴 */
    .container .group-velop{

    }
    .container .velop-cont{

    }
    .container .velop-cont .time-line{
        position: relative;
        margin: 0 auto;
        width: 8px;
        /* height: 4860px; */
        /*height: 4470px;*/
        background-color: #A55A2B;
        padding-bottom: 560px;
    }

    .container .velop-cont .time-card{
        position: relative;
        top: 63px;
        left: -213px;
        font-size: 72px;
        font-weight: bold;
        color: #A55A2B;
    }
    .container .velop-cont .time-card::after{
        content: '';
        width: 51px;
        height: 51px;
        position: absolute;
        top: 50%;
        left: 192px;
        transform: translateY(-50%);
        background: url('/static/website-new/images/round-icon.png');
    }

    .container .velop-cont .history-card{
        position: relative;
        width: 548px;
        left: -600px;
        top: 140px;
        background-color: #F4F4F4;
        padding: 40px 64px 40px 35px;
    }
    .container .velop-cont .left{
        top: 85px;
    }
    .container .velop-cont .right{
        left: 62px;
        top: 150px;
    }
    .container .velop-cont .right::after{
        left: -72px;
        transform: translateY(-50%) rotateZ(180deg) !important;
    }
    .container .velop-cont .history-card::after{
        content: '';
        width: 40px;
        height: 30px;
        position: absolute;
        top: 50%;
        right: -72px;
        transform: translateY(-50%);
        background: url('/static/website-new/images/arrow-icon.png');
    }
    .container .velop-cont .history-card .time{
        font-size: 42px;
        color: #fff;
        padding: 12px 20px;
        background-color: #A55A2B;
        display: inline-block;
        margin-bottom: 30px;
    }
    .container .velop-cont .history-card .text{
        font-size: 30px;
        color: #333;
        line-height: 1.6;
    }
    .container .velop-cont .left2{
        top: 390px;
    }
    .container .velop-cont .right2{
        left: 62px;
        top: 385px;
    }
    .container .velop-cont .right2::after{
        left: -72px;
        transform: translateY(-50%) rotateZ(180deg) !important;
    }

}

/* 移动端 媒体查询 */
@media screen and (max-width:768px){
    .container .pc-velop{
        display: none;
    }
    .container .pc-intro{
        display: none;
    }
    .container .group-intro .title-wrap .pc-title{
        margin-top: 0;
        padding-top: .96rem /* 36px -> .96rem */;
    }
    .container .group-intro{
        position: relative;
        padding: 0 .533rem /* 20px -> .533rem */;
        background-color: #FEFBF8;
        z-index: 3;
    }
    .container .text-intro{
        margin-top: 1.067rem /* 40px -> 1.067rem */;
        width: 8.933rem /* 335px -> 8.933rem */;
        font-size: .373rem /* 14px -> .373rem */;
        color: #333;
        line-height: 1.6;
        text-indent: 2em;
    }
    .container .business-wrap{
        margin-top: 1.28rem /* 48px -> 1.28rem */;
        padding: 0 .533rem /* 20px -> .533rem */;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
    .container .business-wrap .business-item{
        margin-bottom: .8rem /* 30px -> .8rem */;
        margin-right: .853rem /* 32px -> .853rem */;
        width: 3.307rem /* 124px -> 3.307rem */;
        height: 4.587rem /* 172px -> 4.587rem */;
        cursor: pointer;
    }
    .container .business-wrap .business-item:nth-child(2n){
        margin-right: 0;
    }
    .container .business-wrap .business-item .back{
        display: none;
    }

    .container .intro-wrap{
        position: relative;
    }
    .container .intro-wrap .group-bg{
        height: 5.067rem /* 190px -> 5.067rem */;
        background: url('/static/website-new/images/phone/about/group-bg.jpg') no-repeat;
        background-size: cover;
        background-position: 100%;
    }
    .container .intro-wrap .line-bg{
        height: 3.733rem /* 140px -> 3.733rem */;
        background: url('/static/website-new/images/phone/about/map-card.png') no-repeat;
        background-size: cover;
        background-position: 100%;
    }

    .container .intro-wrap .line-bg{
        display: flex;
        align-items: center;
    }
    .container .intro-wrap .line-bg .intro-tag{
        margin-left: .64rem /* 24px -> .64rem */;
    }
    .container .intro-wrap .line-bg .intro-tag .tag{
        display: inline-block;
        font-size: .56rem /* 21px -> .56rem */;
        color: #fff;
    }
    .container .intro-wrap .line-bg .intro-tag .tag:first-child{
        margin-right: .4rem /* 15px -> .4rem */;
    }
    .container .intro-wrap .line-bg .intro-tag .en-tag{
        margin-top: .533rem /* 20px -> .533rem */;
        width: 5.2rem /* 195px -> 5.2rem */;
        line-height: 1.6;
        font-size: .32rem /* 12px -> .32rem */;
        color: #fff;
        opacity: 0.5;
    }

    .container .intro-wrap .intro-cont{
        background: url('/static/website-new/images/phone/about/line-bg.png') no-repeat;
        background-size: cover;
        background-position: 0 100%;
    }
    .container .intro-wrap .intro-cont .txt-wrap{
        padding: 1.067rem /* 40px -> 1.067rem */ .533rem /* 20px -> .533rem */ 1.6rem /* 60px -> 1.6rem */;
    }
    .container .intro-wrap .intro-cont .txt-wrap .txt{
        font-size: .373rem /* 14px -> .373rem */;
        color: #333;
        line-height: 1.6;
        margin-bottom: .8rem /* 30px -> .8rem */;
    }

    .container .poster-wrap{
        height: 5.067rem /* 190px -> 5.067rem */;
        background: url('/static/website-new/images/phone/about/course-bg.png') no-repeat #FEFBF8;
        background-size: cover;
        background-position: 100%;
    }
    .container .poster-wrap .poster-cont{
        padding-top: .96rem /* 36px -> .96rem */;
        margin-left: .853rem /* 32px -> .853rem */;
    }
    .container .poster-wrap .poster-text{
        display: flex;
        align-items: center;
        margin-bottom: .32rem /* 12px -> .32rem */;
    }
    .container .poster-wrap .poster-text .text{
        font-size: .48rem /* 18px -> .48rem */;
        font-weight: bold;
        color: #fff;
    }
    .container .poster-wrap .poster-text .round{
        width: .16rem /* 6px -> .16rem */;
        height: .16rem /* 6px -> .16rem */;
        border-radius: 50%;
        background-color: #fff;
        margin: 0 .133rem /* 5px -> .133rem */;
    }
    .container .poster-wrap .en-text{
        font-size: .32rem /* 12px -> .32rem */;
        color: #fff;
        opacity: 0.7;
    }

    .container .text-box{
        width: 100%;
    }
    .container .text-box .txt{
        font-size: .48rem /* 18px -> .48rem */;
        color: #333;
        margin: .96rem /* 36px -> .96rem */ auto;
        text-align: center;
    }

    /* 时间轴 */
    .container .group-velop{

    }
    .container .velop-cont{

    }
    .container .velop-cont .time-line{
        position: relative;
        margin-left: .8rem /* 30px -> .8rem */;
        width: .107rem /* 4px -> .107rem */;
        /* height: 77.68rem 2913px -> 77.68rem; */
        /*height: 72.533rem !* 2720px -> 72.533rem *!;*/
        background-color: #A55A2B;
        padding-bottom: 920px;
    }

    .container .velop-cont .time-card{
        position: relative;
        top: 1.68rem /* 63px -> 1.68rem */;
        left: .933rem /* 35px -> .933rem */;
        font-size: .96rem /* 36px -> .96rem */;
        font-weight: bold;
        color: #A55A2B;
    }
    .container .velop-cont .time-card::after{
        content: '';
        width: .693rem /* 26px -> .693rem */;
        height: .693rem /* 26px -> .693rem */;
        position: absolute;
        top: 50%;
        right: .64rem /* 24px -> .64rem */;
        transform: translateY(-50%);
        background: url('/static/website-new/images/round-icon.png');
        background-size: cover;
    }

    .container .velop-cont .history-card{
        position: relative;
        width: 7.307rem /* 274px -> 7.307rem */;
        left: .8rem /* 30px -> .8rem */;
        top: 2.667rem /* 100px -> 2.667rem */;
        background-color: #F4F4F4;
        padding: .533rem /* 20px -> .533rem */ .427rem /* 16px -> .427rem */ .533rem /* 20px -> .533rem */ .48rem /* 18px -> .48rem */;
    }
    .container .velop-cont .left{
        top: 2.267rem /* 85px -> 2.267rem */;
    }
    .container .velop-cont .right{
        left: .8rem /* 30px -> .8rem */;
        top: 3.733rem /* 140px -> 3.733rem */;
    }
    .container .velop-cont .right::after{
        left: -1.92rem /* -72px -> -1.92rem */;
        transform: translateY(-50%) rotateZ(180deg) !important;
    }
    .container .velop-cont .history-card::after{
        content: '';
        width: .533rem /* 20px -> .533rem */;
        height: .4rem /* 15px -> .4rem */;
        position: absolute;
        top: 50%;
        left: -0.96rem /* -36px -> -0.96rem */;
        transform: translateY(-50%) rotateZ(180deg);
        background: url(/static/website-new/images/arrow-icon.png);
        background-size: cover;
    }
    .container .velop-cont .history-card .time{
        font-size: .56rem /* 21px -> .56rem */;
        color: #fff;
        padding: .16rem /* 6px -> .16rem */ .267rem /* 10px -> .267rem */;
        background-color: #A55A2B;
        display: inline-block;
        margin-bottom: .8rem /* 30px -> .8rem */;
    }
    .container .velop-cont .history-card .text{
        font-size: .4rem /* 15px -> .4rem */;
        color: #333;
        line-height: 1.6;
    }
}