

.item-link {

    display: flex;           /* 使用 Flexbox 布局 */

    align-items: center;     /* 垂直居中对齐 */

    text-decoration: none;   /* 去除链接下划线 */

}



.item-image {

    width: 24px;             /* 可以根据需要调整图片大小 */

    height: auto;

    margin-right: 8px;       /* 图片和文字之间的间距 */

}



.item-name {

    flex: 1;                 /* 让文本部分自动占用剩余空间 */

}



.item-icon img {

    width: 16px;             /* 调整箭头图标的大小 */

    height: auto;

}



.carousel-item {

    height: calc(100vh - 80px);

    overflow: hidden;

}



.carousel-item img {

    width: 100%;

    height: calc(100vh - 80px);

    object-fit: cover;

    object-position: center;

}

.carousel-text {

    width: 1540px;

    margin-left: auto;

    margin-right: auto;

    margin-top: -600px;

    color: #fff;

}

.carousel-label {

    font-size: 48px;

    font-weight: 500;

}

.carousel-line {

    margin-left: 90px;

    width: 52px;

    height: 7px;

    background-color: #fff;

    position: relative;

    z-index: 99;

    margin-top: 32px;

    margin-bottom: 32px;

}

.carousel-content {

    font-size: 20px;

}

.carousel-indicators {

    margin-bottom: 50px;

}

.index_001 {

    height: 700px;

    background:url('../image/index_bg001.png');

    background-position:center center;

    background-size: cover;

}

.index_002 {

    height: 700px;

    background:#223388;

    color: #fff;

    margin-bottom: 250px;

}

.index_003 {

    height: 600px;

    background-image:url('../image/index_bg003.png');

    background-position:center center;

    background-size: cover;

    color: #FFFFFF;

}

.index_005 {

    height: 710px;

    background-image:url('../image/index_bg005.png');

    background-position:center center;

    background-size: cover;

    color: #FFFFFF;

    margin-top: 100px;

    margin-bottom: 100px;

    padding-top: 100px;

}

.index_003_bg {

    height: 600px;

    width: 100%;

    background-color: rgba(6, 58, 160, 0.46);

    padding-top: 88px;

}

.index_003 .center {

    text-align: center;

}

.index_004 .center{

    display: block;

    text-align: center;

}

.index_005 .center{

    display: block;

    text-align: center;

}

.content-item {

    width: 1540px;

    margin-left: auto;

    margin-right: auto;

    display: flex;

    justify-content: flex-end;

}

.content-item-between {

    justify-content: space-between;

}

.content-title {

    margin-top: 120px;

    font-size: 40px;

    font-weight: 700;

}

.index_003 .content-item {

    display: block;

}

.index_003 .content-title {

    margin-top: 0;

}

.index_005 .content-title {

    margin-top: 0;

}

.index_005 .content-item.middle {

    justify-content: center;

}

.content-red-line {

    width: 36px;

    height: 6px;

    margin-top: 6px;

    margin-left: 58px;

    margin-bottom: 40px;



    background: #CA1878;

}

.content-white-line {

    width: 36px;

    height: 6px;

    margin-top: 6px;

    margin-left: 60px;

    margin-bottom: 40px;



    background: #fff;

}

.index_003 .content-white-line {

    margin-left: auto;

    margin-right: auto;

}

.index_004 .content-red-line {

    margin-left: auto;

    margin-right: auto;

}

.index_005 .content-white-line {

    margin-left: auto;

    margin-right: auto;

}

.content-description {

    font-size: 18px;

    line-height: 30px;

    font-weight: 400;

    color: rgba(255, 255, 255, 0.8);

}
.content-description-en{text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;
}

.content-subtitle {

    font-size: 32px;

    font-weight: 500;

    margin-top: 80px;

}

.index_003 .content-description {

    font-size: 16px;

    width: 510px;

    margin-left: auto;

    margin-right: auto;

    margin-top: 20px;

}

.content-right {

    width: 506px;

    color: #fff;

}

.index_002 .content-right {

    width: 600px;

}

.content-children-list {

    color: rgba(255, 255, 255, 0.6);

    display: flex;

    margin-top: 160px;

    justify-content: flex-end;

}

.content-children-list .content-child-item {

    margin: 0 18px;

    cursor: pointer;

    font-size: 23px;

}

.content-children-list .content-child-item .red-point {

    display: none;

}

.content-children-list .content-child-item .white-line {

    display: none;

}

.content-children-list .content-child-item.active {

    color: #fff;

}

.content-children-list .content-child-item.active .red-point {

    display: block;

    width: 0;

    height: 0;

    left: -12px;

    top: -1px;

    position: relative;

}

.content-children-list .content-child-item.active .white-line {

    display: block;

    width: 23px;

    height: 4px;

    background-color: #fff;

    margin: 10px 0 0 32px;

}

.content-children-list .content-child-item.active .red-point img {

    width: 37px;

    height: 37px;

}

.content-child-img-list {

    display: flex;

    justify-content: space-between;

    width: 100%;

    margin-top: 64px;

}

.index_002 .content-child-img-list .content-child-item {

    display: block;

    width: 367px;

    height: 472px;

    border-radius: 4px;

    overflow: hidden;

}

.content-child-img {

    width: 100%;

}

.index_004 .content-child-img-list .content-child-item {

    display: block;

    width: 497px;

    height: 606px;

    overflow: hidden;

}

.content-child-item-name {

    margin-top: -272px;

    text-align: center;

    font-size: 23px;

    font-weight: 700;

    display: none;

}

.content-child-item.active .content-child-item-name {

    display: block;

}

.content-child-item-icon {

    margin-top: -55px;

    text-align: center;

    display: block;

}

.content-child-item.active .content-child-item-icon {

    margin-top: 183px;

}

.index_002 .content-child-img-list .content-child-item-icon img {

    width: 32px;

    height: 32px;

}

.content-left {

    width: 400px;

}
.content-left-en{width: 700px;}
.content-left-en .content-description{text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.index_003 .content-child-item {

    width: max-content;

    height: 80px;

    left: 190px;

    top: 3154px;



    background: rgba(255, 255, 255, 0.27);

    border: 1px solid #FFFFFF;

    backdrop-filter: blur(10px);

    border-radius: 4px;



    display: flex;

    padding: 16px 24px;

    font-size: 18px;

}

.index_003 .content-child-item .child-image {

    width: 47px;

    height: 47px;

}

.index_005 .content-children-list {

    margin-top: 60px;

}

.index_005 .content-child-item {

    width: 274px;

    height: 340px;



    background: rgba(255, 255, 255, 0.1);

    border: 1px solid #FFFFFF;

    backdrop-filter: blur(10px);

    /* Note: backdrop-filter has minimal browser support */



    border-radius: 4px;

    display: block;

    text-align: center;

}

.index_005 .content-child-item .child-image {

    width: 52px;

    height: 52px;

    margin-left: auto;

    margin-right: auto;

    margin-top: 116px;

}

.index_005 .content-child-item-show-name {

    font-size: 32px;

    font-weight: 500;

    margin-top: 70px;

    color: #FFF;

}

.index_005 .content-children-line {

    width: 1px;

    height: 92px;

    background-color: #FFFFFF;

    margin: 100px 120px;

}

.index_005 .content-child-item-icon {

    width: 0;

    height: 0;

    left: 220px;

    top: 170px;

    position: relative;

}

.index_005 .content-child-item-icon img {

    width: 32px;

    height: 32px;

}

.index_003 .content-child-item-icon {

    margin: 0;

    width: 0;

    height: 0;

    /*position: relative;*/

    left: 160px;

    top: 8px;

}

.index_003 .content-child-item-icon img {

    width: 32px;

    height: 32px;

}

.index_003 .content-child-item-show-name {

    margin-top: 10px;

    margin-left: 4px;

}
.index_003 .content-child-item-show-name-en{margin-top: 4px;
  line-height: 20px;}
.index_004 .content-child-item-show-name {

    text-align: center;

    font-size: 32px;

    font-weight: 500;

    color: #FFFFFF;

}

.index_004 .content-child-item .articles {

    position: relative;

    height: 0;

    width: 0;

}

.index_004 .content-child-item .articles .column-articles-box {

    width: 497px;

    height: 606px;

    padding-top: 70px;

    background-color: rgba(188, 28, 113, 1);

    overflow: hidden;

}

.index_004 .content-child-item .articles .column-articles-box .column-name {

    font-size: 32px;

    color: #FFFFFF;

    text-align: center;

}

.index_004 .content-child-item .articles .column-articles-box .column-articles {

    margin: 10px 44px;

    color: #FFFFFF;

}

.index_004 .content-child-item .articles .column-articles-box .column-article-item {

    display: flex;

    margin-bottom: 48px;

}

.index_004 .content-child-item .articles .column-articles-box .column-article-item .column-article-li-icon img {

    height: 14px;

    width: 14px;

}

.index_004 .content-child-item .articles .column-articles-box .column-article-item .column-article-li-icon {

    margin-top: 4px;

    margin-right: 10px;

}

.index_004 .content-child-item .articles .column-articles-box .column-zhuazi {

    width: 0;

    height: 0;

    position:relative;

    top: 300px;

    left: 140px;

}

.index_004 .content-child-item .articles .column-articles-box .articles-btn {

    position: relative;

    top: 400px;

    font-size: 16px;

    border: 1px solid #FFFFFF;

    text-align: center;

    color: #FFFFFF;

    display: block;

    margin-left: auto;

    margin-right: auto;

    padding: 13px 0;

    width: 132px;

    line-height: 16px;

}

.content-line {

    display: flex;

}

.content-count-list {

    display: flex;

    margin-top: 50px;

}

.content-count-item-line {

    font-size: 20px;

    color: #fff;

    white-space: nowrap;

}

.content-count-count {

    font-size: 60px;

    font-weight: 700;

    color: #BC1C71;

}

.content-count-unit {

    font-size: 20px;

    color: #BC1C71;

    font-weight: 400;

}

.content-count-line {

    width: 1px;

    height: 40px;

    background-color: #fff;

    margin: 38px 38px;

}
.content-count-line-en{  margin: 38px 18px;}

.content-btns {

    width: max-content;

    margin-top: 50px;

    display: flex;

    justify-content: space-between;

}
.content-btns-en{ width:inherit}
.content-btn {

    width: max-content;

    height: 42px;

    border: 1px solid #BC1C71;

    font-size: 16px;

    text-align: center;

    line-height: 40px;

    /*color: #BC1C71;*/

    margin-right: 4px;

    padding: 0 2px;

    

}

.content-btn:hover {

    color: #BC1C71;

    background-color: #fff;

}

.left-title {

    font-size: 32px;

    font-weight: bold;

    margin-bottom: 30px;

    color: #121314;

}

.left-content {

    width: 780px;

    font-size: 18px;

    color: #63728F;

}

.left-content p {

    margin-bottom: 20px;

}

.right-content {

    margin-left: 216px;

}

.right-item {

    height: 66px;

    border-bottom: 1px solid #EAEAE5;

    font-size: 18px;

    padding-top: 20px;

    display: flex;

    justify-content: space-between;

    width: 204px;

    cursor: pointer;

}

.right-item:hover {

    color: #1368CE;

}

.right-item img {

    width: 16px;

    height: 16px;

    margin-top: 5px;

}

.img-content {

    display: flex;

}

.img-item img {

    width: 400px;

}

.title-content {

    display: flex;

}

.title-content .title-item {

    width: 400px;

    border-top: 1px solid #EAEAE5;

    border-bottom: 1px solid #EAEAE5;

    padding: 16px 30px 10px 30px;

    display: flex;

    justify-content: space-between;

    height: 100px;

    font-size: 18px;

    cursor: pointer;

}

.title-content a {

    margin-top: 24px;

}

.title-content a:nth-child(2) {

    border-right: 1px solid #EAEAE5;

    border-left: 1px solid #EAEAE5;

}

.title-content .title-item img {

    width: 16px;

    height: 16px;

    margin-top: 50px;

}

.title-content .title-item:hover {

    color: #1368CE;

}

.index_002 .hide-content {

    opacity: 0;

    padding-top: 30px;

}

.index_003 .hide-content {

    opacity: 0;

    padding-top: 30px;

}

.index_004 .hide-content {

    opacity: 0;

    padding-top: 30px;

}

.index_005 .hide-content {

    opacity: 0;

    padding-top: 30px;

}

.index_004 .child-image img {

    width: 100%;

}

.index_004 .child-image:hover img {

    width: 110%;

    margin: -5% -5%;

}

.index_004 .child-image .content-child-item-show-name {

    margin-top: -300px;

    transition-duration: 1s;

    -webkit-transition-duration: 1s;

}

.index_004 .child-image:hover .content-child-item-show-name {

    margin-top: -310px;

    transition-duration: 1s;

    -webkit-transition-duration: 1s;

}

.index_005 .content-child-item-icon img {

    width: 32px;

    height: 32px;

}

@media (max-width:1540px) {

    .carousel-text {

        width: 1080px;

        margin-left: auto;

        margin-right: auto;

        margin-top: -600px;

        color: #fff;

    }

    .content-item {

        width: 1080px;

        margin-left: auto;

        margin-right: auto;

        display: flex;

        justify-content: flex-end;

    }

    .index_002 .content-child-img-list .content-child-item {

        display: block;

        width: 256px;

        height: 330px;

        border-radius: 4px;

        overflow: hidden;

    }

    .index_004 .content-child-img-list .content-child-item {

        display: block;

        width: 350px;

        height: 424px;

        overflow: hidden;

    }

    .content-child-item-name {

        margin-top: -190px;

        text-align: center;

        font-size: 23px;

        font-weight: 700;

        display: none;

    }

    .content-child-item-icon {

        margin-top: -38px;

        text-align: center;

        display: block;

    }

    .content-child-item.active .content-child-item-icon {

        margin-top: 118px;

    }

    .index_002 .content-child-img-list .content-child-item-icon img {

        width: 22px;

        height: 22px;

    }

    .content-child-img-item {

        width: 256px;

    }

    .index_003 .content-child-item {

        width: 202px;

        height: 56px;

    

        background: rgba(255, 255, 255, 0.27);

        border: 1px solid #FFFFFF;

        backdrop-filter: blur(10px);

        border-radius: 4px;

    

        display: flex;

        padding: 11px 17px;

        font-size: 14px;

    }
	.index_003-en .content-child-item{ width:240px}

    .index_003 .content-child-item .child-image {

        width: 32px;

        height: 32px;

    }

    .index_003 .content-child-item-show-name {

        margin-top: 6px;

        margin-left: 4px;

    }
	.index_003 .content-child-item-show-name-en{margin-top: 0px;line-height: 16px;}

    .index_003 .content-child-item-icon {

        margin: 0;

        width: 0;

        height: 0;

        position: relative;

        left: 110px;

        top: 0px;

    }

    .index_004 .content-child-item-show-name {

        text-align: center;

        font-size: 32px;

        font-weight: 500;

        color: #FFFFFF;

    }

    .index_004 .child-image .content-child-item-show-name {

        margin-top: -220px;

        transition-duration: 1s;

        -webkit-transition-duration: 1s;

    }

    .index_004 .child-image:hover .content-child-item-show-name {

        margin-top: -227px;

        transition-duration: 1s;

        -webkit-transition-duration: 1s;

    }

    .index_004 .content-child-item .articles .column-articles-box {

        width: 350px;

        height: 420px;

        padding-top: 20px;

        background-color: rgba(188, 28, 113, 1);

        overflow: hidden;

    }

    .index_004 .content-child-item .articles .column-articles-box .column-article-item {

        display: flex;

        margin-bottom: 15px;

    }

    .index_004 .content-child-item .articles .column-articles-box .column-articles {

        margin: 0 20px;

        color: #FFFFFF;

    }

    .index_004 .content-child-item .articles .column-articles-box .articles-btn {

        top: 280px;

    }

}



