.cia2020-container {
    width: 100%;
}

.cia2020-banner {
    width: 100%;
}

.cia2020-banner img {
    max-width: 100%;
    min-width: 1210px;
}



body {
    font-family: '微软雅黑';
}

/*

    cia2020-system

*/
.cia2020-system {
    width: 1210px;
    margin: 86px auto;
    text-align: center;
}

.title {
    font-size: 40px;
    color: #747474;
    margin-bottom: 40px;
}

.title-left {
    width: 24px;
    height: 17px;
    background: url(../images/prism-left.png);
    display: inline-block;
    margin-right: 22px
}

.title-right {
    width: 24px;
    height: 17px;
    background: url(../images/prism-right.png);
    display: inline-block;
    margin-left: 22px
}

.class-left,
.class-right {
    width: 389px;
    height: 720px;
    background: url('../images/Boutique.png');
    float: left;
    position: relative;
    z-index: 98;
    margin-top: 15px;

}

.class-left {
    margin-right: -14px;

}

.class-right {
    margin-left: -14px;
}

.class-center {
    width: 433px;
    height: 800px;
    background: url('../images/senior-class.png');
    float: left;
    position: relative;
    z-index: 99;
    margin-top: -25px;
}

.class-center .class-head {
    top: 50px
}

.class-center .class-middle {
    top: 260px;
}


.clear {
    clear: both;
}

.class-head {
    position: absolute;
    left: 40px;
    top: 10px;
}

.class-name {
    font-size: 55px;
    color: #fff;
    display: block;
}

.class-Price {
    font-size: 48px;
    color: #fff;
    display: block;
    text-align: left;
}

.class-Price em {
    font-size: 20px;
}

.class-middle {
    position: absolute;

    top: 220px;
    width: 100%;
}

.class-middle span {
    display: block;
    font-size: 18px;
    margin-bottom: 10px;
}

.class-desc {
    display: block;
    font-size: 24px !important;
    margin-bottom: 50px !important;
}

.class-foot {
    width: 193px;
    height: 40px;
    background: url('../images/button-1.png');
    position: absolute;
    bottom: 30px;
    left: 100px;

}

.class-foot a {
    font-size: 20px;
    color: #fff;
    line-height: 35px;
}

.class-center .class-foot {
    left: 120px;
    bottom: 60px;
    background: url('../images/button-2.png')
}


/*

   cia2020-change

*/

.cia2020-change {
    width: 100%;
    margin-bottom: 80px
}

.cia2020-change img {
    min-width: 1210px;
    width: 100%;
}

/*

   cia2020-sysDesc

*/

.cia2020-sysDesc {
    width: 1210px;

    margin: 80px auto;
    text-align: center;
}

.sysDesc-left {
    width: 585px;
    height: 304px;
    background: url('../images/new-senior.png');
    float: left;
    position: relative;
}

.sysDesc-right {
    width: 585px;
    height: 304px;
    background: url('../images/new-Boutique.png');
    float: right;
    position: relative;
}

.cia2020-sysDesc .class-head {
    left: 14px;
    top: 25px;
}

.cia2020-sysDesc .class-head .class-name {
    font-size: 48px
}

.cia2020-sysDesc .class-head .class-Price {
    font-size: 48px
}

.cia2020-sysDesc .class-middle {
    top: 32px;
    width: 60%;
    left: 40%;
}

.cia2020-sysDesc .class-middle .class-desc {
    width: 100%;
    text-align: center;
    margin-bottom: 30px !important;
}

.cia2020-sysDesc .class-middle .class-li {
    font-size: 16px;
    margin-bottom: 5px;
    text-align: left;
    line-height: 20px;
}

.new-class-left {
    width: 50%;
    height: 190px;
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.new-class-right {
    width: 50%;
    height: 190px;
    float: right;
    display: flex;
    flex-direction: column;

}

.red {
    color: red;
}

.orange {
    color: #ea7266;
}