.home-title {
    width: 100%;
    height: 680rem;
    background: url("/img/index/homeTitle.png") no-repeat center;
    background-size: 100% 100%;
    position: relative;
    margin-bottom: 288rem;
}

@keyframes home-title-info-active {
    from {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(0%);
    }
}
.home-title-info {
    width: 934rem;
    height: 500rem;
    position: absolute;
    left: 55rem;
    top: 30rem;
    overflow: hidden;
}
.home-title-info-name2 {
    color: #000;
    font-size: 38rem;
    font-weight: 400;
    width: 100%;
    text-align: right;
    line-height: 42rem;
    margin-bottom: 41rem;
}

.home-title-swipt {
    width: calc(100% - 130rem);
    height: 370rem;
    position: absolute;
    left: 130rem;
    top: 517rem;
    overflow: hidden;
    padding-top: 20rem;
    box-sizing: border-box;
}
.home-title-swipt-main {
    width: 690rem;
    height: 100%;
    display: flex;
    margin-right: 20rem;
    /*position: absolute;*/
    /*left: 0;*/
    /*top: 0;*/
    /*transition: all 0.5s;*/
}
.home-title-swipt-item:hover {
    transform: scale(1.05) translateY(-10rem);
}
.home-title-swipt-box {
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    position: absolute;
    left: 0;
    top: 0;
    /*transition: all 0.2s;*/
}
.home-title-swipt-item {
    width: 690rem;
    height: 330rem;
    display: flex;
    flex-shrink: 0;
    margin-right: 24rem;
    cursor: pointer;
    transition: all 0.5s;
    margin-top: 20rem;
}
.home-title-swipt-item img {
    width: 330rem;
    height: 330rem;
}
.home-title-swipt-item-right {
    width: calc(100% - 330rem);
    height: 100%;
    background: #f0f7ff;
    padding: 17rem 14rem 0 24rem;
    box-sizing: border-box;
}
.home-title-swipt-item-right-title {
    width: 100%;
    height: 40rem;
    text-align: center;
    line-height: 40rem;
    font-size: 26rem;
    margin-bottom: 23rem;
}
.home-title-swipt-item-right-title span:nth-child(1) {
    width: 60rem;
    height: 100%;
    display: inline-block;
    background: #4474d8;

    color: #fff;
}
.home-title-swipt-item-right-title span:nth-child(2) {
    width: 40rem;
    height: 100%;
    display: inline-block;
    background: #c2d4fa;

    color: #000;
}

.home-title-swipt-item-right-name {
    width: 100%;
    height: 52rem;
    line-height: 26rem;
    font-size: 22rem;
    font-weight: 400;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 30rem;
}
.home-title-swipt-item-right-desc {
    width: 100%;
    height: 120rem;
    line-height: 30rem;
    font-size: 17rem;
    font-weight: 400;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

.indexPage2 {
    width: 100%;
    height: auto;
    padding: 86rem 110rem 186rem 130rem;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}
.indexPage2Left {
    width: 600rem;
    height: 678rem;
    position: relative;
}
.indexPage2LeftText {
    width: 100%;
    height: 100%;
    background: #f2f7fd;
    position: relative;
}
/*@keyframes home-title-info-active {*/
/*    from {*/
/*        transform: translateX(-100%);*/
/*    }*/
/*    to {*/
/*        transform: translateX(0%);*/
/*    }*/
/*}*/
.indexPage2LeftTextTitle {
    width: 239rem;
    height: 159rem;
    background: rgb(71, 90, 129);
    position: absolute;
    left: -38rem;
    top: -38rem;
    padding: 30rem 0 0 25rem;
    box-sizing: border-box;
    animation: home-title-info-active 1s forwards;
}

.indexPage2LeftTextTitleName1 {
    font-size: 24rem;
    line-height: 26rem;
    color: #ffffff;
    margin-bottom: 23rem;
    animation: home-title-info-active 1s 0.1s forwards;
}
.indexPage2LeftTextTitleName2 {
    font-size: 34rem;
    color: #ffffff;
    font-weight: bold;
    animation: home-title-info-active 1s 0.2s forwards;
}
.indexPage2LeftTextTop {
    width: 100%;
    height: 400rem;
}
.indexPage2LeftTextTop img {
    width: 600rem;
    height: 100%;
}
.indexPage2LeftTextBottom {
    width: 100%;
    height: 278rem;
    padding: 36rem 60rem 40rem;
    box-sizing: border-box;
    cursor: pointer;
}

.indexPage2LeftTextBottomName {
    width: 100%;
    height: auto;
    line-height: 40rem;
    color: rgb(66, 79, 109);
    font-size: 30rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 30rem;
}

.indexPage2LeftTextBottomTime {
    width: 100%;
    height: 35rem;
    color: rgb(207, 160, 84);
    font-size: 30rem;
    font-weight: bold;
    text-align: center;
}
.indexPage2LeftTextBottomUser {
    width: 100%;
    height: auto;
    line-height: 26rem;
    display: flex;
    justify-content: center;
    font-size: 18rem;
    /*flex-wrap: wrap;*/
}
.indexPage2LeftTextBottomUser img {
    width: 23rem;
    height: 23rem;
    margin-right: 10rem;
    margin-top: 1rem;
}
.indexPage2LeftTextBottomUserIcon {
    width: 23rem;
    height: 23rem;
    margin-right: 10rem;
}
.indexPage2LeftTextBottomUserName {
    width: 70rem;
    height: 26rem;
    display: inline-block;
    font-size: 18rem;
    font-weight: 400;
}
.indexPage2LeftTextBottomUserText {
    width: calc(100% - 100rem);
    height: 52rem;
    display: inline-block;
    overflow: hidden;
}
.indexPage2LeftTextMove {
    width: 100rem;
    height: 46rem;
    position: absolute;
    bottom: -71rem;
    right: 0rem;
    border: 1rem solid #768cbe;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24rem;
    color: rgb(57, 72, 104);
    cursor: pointer;
}
.indexPage2LeftTextMove svg {
    width: 28rem;
    height: 28rem;
    margin-left: 4rem;
    margin-top: 4rem;
}

.indexPage2Right {
    width: calc(100% - 700rem);
    height: auto;
    padding-top: 22rem;
    box-sizing: border-box;
    padding-right: 100rem;
}
.indexPage2RightTitle {
    width: 100%;
    height: 80rem;
    display: flex;
    justify-content: space-between;
    margin-bottom: 80rem;
}
.indexPage2RightTitleLeft {
    width: 300rem;
    height: 100%;
}
.indexPage2RightTitleLeft1 {
    color: rgb(40, 47, 85);
    font-size: 24rem;
    margin-bottom: 13rem;
}
.indexPage2RightTitleLeft2 {
    color: rgb(40, 47, 85);
    font-size: 34rem;
    font-weight: bold;
}
.indexPage2RightTitleRight {
    width: 100rem;
    height: 100%;
    display: flex;
    align-items: flex-end;
}

.indexPage2RightTextMove {
    width: 100rem;
    height: 46rem;

    border: 1rem solid #768cbe;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24rem;
    color: rgb(57, 72, 104);
    cursor: pointer;
}
.indexPage2RightTextMove svg {
    width: 28rem;
    height: 28rem;
    margin-left: 4rem;
    margin-top: 4rem;
}

.indexPage2RightItem {
    width: 100%;
    height: 100rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.indexPage2RightItemLeft {
    width: 100rem;
    height: 100%;
    font-size: 18rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    text-align: center;
}
.indexPage2RightItem .indexPage2RightItemLeft svg {
    transition: all 0.2s;
    width: 32.364971rem !important;
    height: 6.381714rem !important;
}
.indexPage2RightItem:hover .indexPage2RightItemLeft svg {
    transform: scaleX(1.2);
}
.indexPage2RightItemLeftTime {
    font-size: 30rem;
    font-weight: bold;
    color: rgb(68, 116, 216);
}
.indexPage2RightItemRight {
    width: calc(100% - 140rem);
    height: 100rem;
    border-top: 1rem solid #e5e5e5;
    box-sizing: border-box;
    padding-left: 17rem;
    box-sizing: border-box;
    color: rgb(66, 79, 109);
    font-size: 25rem;
    white-space: normal;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.indexPage2RightItem:hover .indexPage2RightItemRight {
    color: rgb(21, 71, 176);
}
.indexPage2RightItem:hover .indexPage2RightItemLeftTime {
    color: rgb(207, 160, 84);
}

.indexPage2Right .indexPage2RightItem:nth-last-child(1) .indexPage2RightItemRight {
    border-bottom: 1rem solid #e5e5e5;
}

.indexPage3 {
    width: 100%;
    height: auto;
    padding: 64rem 100rem 180rem;
    background: #f8f9fd;
}

.home-new-title {
    width: 100%;
    height: 26rem;
    text-align: center;
    line-height: 26rem;
    color: #282f55;
    font-size: 20rem;
    margin-bottom: 24rem;
}

.home-new-name {
    width: 100%;
    height: 47rem;
    text-align: center;
    line-height: 47rem;
    color: #282f55;
    font-size: 36rem;
    margin-bottom: 64rem;
    font-weight: bold;
}

.home-new-desc {
    width: 100%;
    height: calc(372rem + 256rem);
    display: flex;
    justify-content: space-between;
    padding: 0 81rem;
    box-sizing: border-box;
    margin-bottom: 113rem;
}

.home-new-desc-item {
    width: 556rem;
    height: 100%;
    background: #f8f9fa;
    opacity: 0;
    transform: translateY(-328rem);
    transition: all 0.5s;
}
.home-new-desc-item-img {
    width: 100%;
    height: 372rem;
    margin-bottom: 30rem;
}
.home-new-desc-item-img img {
    width: 100%;
    height: 100%;
}

.home-new-desc-item-info {
    width: 100%;
    height: 55rem;
    line-height: 55rem;
    color: #3d3d3d;
    font-weight: 400;
    font-size: 26rem;
    text-align: center;
    margin-bottom: 41rem;
    position: relative;
    cursor: pointer;
    padding-bottom: 20rem;
}
.home-new-desc-item-info-line {
    position: absolute;
    width: 100rem;
    height: 5rem;
    background: #2367f9;
    bottom: 0rem;
    left: 50%;
    margin-left: -50rem;
    transition: all 0.3s;
}

.home-new-desc-item-info:hover .home-new-desc-item-info-line {
    transform: scaleX(4);
}
.home-new-desc-item-text {
    width: 100%;
    height: auto;
    padding: 0 15rem 0 34rem;
    box-sizing: border-box;
    color: #505050;
    font-size: 18rem;
    line-height: 30rem;
}

.home-new-desc-item-active {
    opacity: 1;
    transform: translateY(0);
}

.indexPage3List {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    position: relative;
}

@keyframes indexPage3ListItemTop {
    0% {
        transform: translateY(-20%);
    }
    100% {
        transform: translateY(0%);
    }
}
.indexPage3ListItem {
    width: 510rem;
    height: auto;
    cursor: pointer;
    background-color: white;
    padding-bottom: 34rem;
    transition: all 0.2s;
    border-radius: 5rem;
}
.indexPage3ListItemActive {
    animation: indexPage3ListItemTop 0.5s forwards;
}
.indexPage3ListItem:hover {
    transform: scaleY(1.1);
    box-shadow: 0 0 5rem 1rem #999;
}
.indexPage3ListItem img {
    width: 100%;
    height: 443rem;
    margin-bottom: 15rem;
}
.indexPage3ListItemName {
    width: 100%;
    height: 36rem;
    line-height: 36rem;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: rgb(40, 47, 85);
    font-size: 28rem;
    margin-bottom: 10rem;
    padding: 0 64rem 0 73rem;
    font-weight: 400;
}

.indexPage3ListItemTime {
    width: 100%;
    height: 28rem;
    line-height: 28rem;
    text-align: center;
    margin-bottom: 30rem;
}
.indexPage3ListItemTime span {
    font-size: 24rem;
    color: rgb(118, 140, 190);
    font-weight: 350;
    border-bottom: 4rem solid rgb(35, 103, 249);
    padding-bottom: 3rem;
}

.indexPage3ListItemText {
    width: 100%;
    height: 90rem;
    line-height: 30rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-size: 20rem;
    padding: 0 40rem 0 50rem;
    font-weight: 400;
}

.indexPage4 {
    width: 100%;
    height: 731rem;
    background: url("/img/index/6.png") no-repeat;
    background-size: 100% 100%;
    padding-left: 217rem;
    box-sizing: border-box;
}
.indexPage4 img {
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.indexPage4Title1 {
    width: 600rem;
    height: 160rem;
    padding: 32rem 30rem 0;
    box-sizing: border-box;
    background: linear-gradient(90deg, rgb(71, 90, 129), rgba(71, 90, 129, 0) 100%);
}
.indexPage4Title1Name {
    font-size: 24rem;
    color: #ffffff;
    margin-bottom: 15rem;
}
.indexPage4Title1Name2 {
    font-size: 34rem;
    line-height: 40rem;
    color: #ffffff;
    font-weight: bold;
}
.indexPage4Title1Active {
    animation: home-title-info-active 1s forwards;
}

.indexPage4Title2 {
    width: 1024rem;
    height: 379rem;
    padding: 58rem 10rem 0 32rem;
    box-sizing: border-box;
    background: rgba(181, 181, 181, 0.31);
    cursor: pointer;
}
.indexPage4Title2Name {
    width: 750rem;
    height: 116rem;
    color: #ffffff;
    font-weight: bold;
    font-size: 40rem;
    opacity: 1;
    margin-bottom: 12rem;
}
.indexPage4Title2Time {
    font-size: 30rem;
    font-weight: bold;
    color: rgb(244, 212, 161);
    margin-bottom: 20rem;
}
.indexPage4Title2Text {
    font-size: 18rem;
    color: #ffffff;
    margin-bottom: 10rem;
}

.indexPage5 {
    width: 100%;
    height: 850rem;
    padding: 150rem 114rem;
    box-sizing: border-box;
    background: #ffffff;
    cursor: pointer;
}
.indexPage5Page {
    width: 100%;
    height: 556rem;
    display: flex;
    justify-content: space-between;
}
.indexPage5PageLeft {
    width: 665rem;
    height: 100%;
}
.indexPage5PageLeft img {
    width: 100%;
    height: 100%;
}
.indexPage5PageRight {
    width: calc(100% - 665rem);
    height: auto;
    padding-top: 150rem;
    padding-left: 195rem;
    box-sizing: border-box;
    position: relative;
    background-image: url("/img/index/1.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.indexPage5PageRightTitle {
    width: 100%;
    height: 30rem;
    font-size: 24rem;
    margin-bottom: 38rem;
    color: rgb(40, 47, 85);
}

.indexPage5PageRightName {
    font-size: 34rem;
    color: rgb(40, 47, 85);
    font-weight: bold;
    margin-bottom: 46rem;
}
.indexPage5PageRightText {
    font-size: 24rem;
    line-height: 36rem;
    color: rgb(40, 47, 85);
    margin-bottom: 100rem;
}

.indexPage5PageRightNutton {
    width: 100%;
    height: 70rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.indexPage5PageRightNuttonLeft {
    width: calc(100% - 200rem);
    height: 100%;
    display: flex;
}
.indexPage5PageRightNuttonLeftItem {
    flex: 1;
}
.indexPage5PageRightNuttonLeftItemNumver {
    font-size: 32rem;
    color: rgb(35, 103, 249);
    text-align: center;
    font-weight: bold;
}
.indexPage5PageRightNuttonLeftItemName {
    font-size: 24rem;
    color: rgb(40, 47, 85);
    text-align: center;
}
.indexPage5PageRightNuttonRight {
    width: 100rem;
    height: 46rem;
    border: 1rem solid rgb(118, 140, 190);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24rem;
    color: rgb(57, 72, 104);
    cursor: pointer;
    position: absolute;
    right: 100rem;
    bottom: 60rem;
    font-weight: 300;
}
.indexPage5PageRightNuttonRight svg {
    width: 28rem;
    height: 28rem;
    margin-left: 4rem;
    margin-top: 4rem;
}

@keyframes home-title-info-active2 {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0%);
    }
}

.indexPage5PageActive {
    animation: home-title-info-active2 1s forwards;
}
.indexPage6 {
    width: 100%;
    height: 280rem;
    background: #51556b;
    display: flex;
    justify-content: space-between;
}
.indexPage6Left {
    width: 650rem;
    height: 100%;
    padding: 95rem 112rem 0 89rem;
    box-sizing: border-box;
}
.indexPage6LeftTitle {
    width: 100%;
    height: 30rem;
    line-height: 30rem;
    font-size: 24rem;
    color: #ffffff;
    font-weight: 100;
    margin-bottom: 30rem;
}
.indexPage6LeftName {
    width: 100%;
    height: 43rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.indexPage6LeftName .indexPage6LeftNameLeft {
    color: #ffffff;
    font-size: 34rem;
    font-weight: bold;
}
.indexPage6LeftNameButton {
    width: 100rem;
    height: 40rem;
    border: 1rem solid rgb(118, 140, 190);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14rem;
    color: #ffffff;
    cursor: pointer;
}

.indexPage6LeftNameButton svg {
    width: 20rem;
    height: 20rem;
    margin-left: 10rem;
}

.indexPage6Item {
    flex: 1;
    padding: 91rem 0 0 122rem;
    box-sizing: border-box;
}

@keyframes home-title-info-active3 {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(0%);
    }
}

.indexPage6ItemActive {
    animation: home-title-info-active3 1s forwards;
}

.indexPage6 .indexPage6Item:nth-child(2) {
    background: url("/img/index/z1.png") no-repeat;
    background-size: 100% 100%;
    border-right: 2rem solid #51556b;
    box-sizing: border-box;
}
.indexPage6 .indexPage6Item:nth-child(3) {
    background: url("/img/index/z2.png") no-repeat;
    background-size: 100% 100%;
}
.indexPage6ItemName {
    width: 242rem;
    height: 114rem;
    background: url("/img/index/z3.png") no-repeat;
    background-size: 100% 100%;
    color: rgb(174, 199, 255);
    font-size: 34rem;
    line-height: 114rem;
    padding-left: 34rem;
    box-sizing: border-box;
    cursor: pointer;
}
.indexPage6ItemLine {
    width: 100%;
    height: 3rem;
    background-image: linear-gradient(to right, rgba(251, 252, 254, 0.3), transparent);
}
.conindex {
    display: none;
}

.indexPage3ListMove {
    width: 100rem;
    height: 46rem;
    border: 1rem solid rgb(118, 140, 190);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24rem;
    color: rgb(57, 72, 104);
    cursor: pointer;
    position: absolute;
    right: 0rem;
    bottom: -97rem;
    font-weight: 300;
}
.indexPage3ListMove svg {
    width: 28rem;
    height: 28rem;
    margin-left: 4rem;
    margin-top: 4rem;
}