html {
    background: #ffffff;
}

body {
    overflow-x: hidden;
    background: #ffffff;
}

.public-head {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 970px;
}

.banner {
    width: 1920px;
    position: absolute;
    left: 50%;
    margin-left: -960px;
}

.banner img {
    width: 1920px;
}

.public-head-top-wrap {
    position: fixed;
    /* left: 0; */
    top: 0;
    height: 114px;
    width: 100%;
    z-index: 999;
}

.public-head-top-wrap.white {
    background: #fff;
}

.public-head-top {
    /* border: 1px solid red; */
    /* width: 100%; */
    height: 100%;
}

.logo {
    /* width: 146px; */
    height: 50px;
    display: inline-block;
    float: left;
    margin-top: 34px;
    cursor: pointer;
}

.public-menu-list {
    height: 50px;
    display: inline-block;
    float: right;
    font-size: 16px;
    line-height: 114px;
}

.public-menu-item {
    color: #202020;
    display: inline-block;
    margin-left: 40px;
}

.public-menu-item.active {
    color: #E1572E;
}

.page01-part01-title {
    width: 886px;
    /* height: 150px; */
    display: block;
    margin: 118px auto 80px;
}

.page01-part01-icon-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.page01-part01-icon {
    width: 33%;
    display: inline-block;
    margin-bottom: 80px;
    text-align: center;
}

.page01-part01-icon img {
    width: 160px;
    height: 160px;
    display: inline-block;
    margin: 0 auto 10px;
}

.page01-part02 {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 983px;
    margin-top: 30px;
}

.page01-part02-bg {
    width: 1920px;
    position: absolute;
    left: 50%;
    margin-left: -960px;
    z-index: -1;
}

.page01-part02-bg img {
    width: 1920px;
}

.page01-part02-title {
    width: 1200px;
    margin: 136px auto 63px;
    display: inline-block;
}

.page01-part02-left {
    width: 515px;
    height: 381px;
    display: inline-block;
    float: left;
    margin-top: 20px;
}

.page01-part02-right {
    width: 675px;
    height: 434px;
    display: inline-block;
    float: right;
}

.page01-part02-video {
    width: 100%;
}

.page01-part03 {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 902px;
}

.page01-part03-bg {
    width: 1920px;
    position: absolute;
    left: 50%;
    margin-left: -960px;
    z-index: -1;
}

.page01-part03-bg img {
    width: 1920px;
}

.page01-part03-title {
    width: 189px;
    margin: 100px auto 80px;
    display: block;
}

.page01-part03-timeline {
    width: 1920px;
}

.page01-part03-timeline-wrap {
    width: 1920px;
    position: absolute;
    left: 50%;
    margin-left: -960px;
    z-index: -1;
}

.page01-part04 {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 1211px;
}

.page01-part04-bg {
    width: 1920px;
    position: absolute;
    left: 50%;
    margin-left: -960px;
    z-index: -1;
}

.page01-part04-bg img {
    width: 1920px;
}

.page01-part04-title {
    width: 190px;
    margin: 120px auto;
    display: block;
}

.page01-part04-left {
    width: 341px;
    height: 728px;
    float: left;
    /* border: 1px solid red; */
}

.page01-part04-right {
    width: 613px;
    height: 730px;
    float: right;
    /* border: 1px solid green; */
}

.page01-part05 {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 1880px;
}

.page01-part05-bg {
    width: 1920px;
    position: absolute;
    left: 50%;
    margin-left: -960px;
    z-index: -1;
}

.page01-part05-bg img {
    width: 1920px;
}

.page01-part05-title {
    width: 187px;
    display: block;
    margin: 150px auto 100px;
}

.page01-part05-item-left {
    float: left;
}

.page01-part05-item-right {
    float: right;
}

.page01-part05-item {
    background: #fff;
    width: 500px;
    padding: 20px;
}

.page01-part05-pic01 {
    width: 500px;
    height: 333px;
    object-fit: cover;
}

.page01-part05-pic02 {
    width: 590px;
    height: 332px;
    object-fit: cover;
}

.page01-part05-item-title {
    color: #202020;
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 5px;
}

.page01-part05-item-desc {
    color: #202020;
    font-size: 14px;
}

.page01-part05-wrap {
    margin-bottom: 25px;
}

.page01-part05-pic03 {
    width: 714px;
    height: 333px;
    object-fit: cover;
}

.page01-part05-pic04 {
    width: 375px;
    height: 332px;
    object-fit: cover;
}

.page01-part05-pic05 {
    width: 497px;
    height: 333px;
    object-fit: cover;
}

.page01-part05-pic06 {
    width: 591px;
    height: 332px;
    object-fit: cover;
}

.page01-part06-title {
    width: 188px;
    display: block;
    margin: 0 auto 80px;
}

.page01-part06-item {
    width: 550px;
    height: 160px;
    padding: 15px;
    background: #fff;
    display: inline-block;
    box-shadow: 0 10px 40px rgba(26, 62, 148, .1);
    margin-bottom: 20px;
    margin-left: 5px;
    margin-right: 5px;
}


/* .page01-part06-item-double {
    margin-left: 20px;
} */

.page01-part06-pic {
    width: 200px;
    height: 160px;
    display: inline-block;
    object-fit: cover;
    float: left;
}

.page01-part06-right {
    width: 330px;
    display: inline-block;
    margin-left: 20px;
    color: #202020;
    font-size: 20px;
    float: right;
    position: relative;
    height: 100%;
}

.page01-part06-right-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.page01-part06-right-desc {
    margin-top: 10px;
    color: #8E919F;
    font-size: 18px;
    line-height: 28px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.page01-part06-right-date {
    color: #8E919F;
    font-size: 16px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

.public-footer {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 327px;
    margin-top: 80px;
}

.footer-bg-wrap {
    width: 1920px;
    position: absolute;
    left: 50%;
    margin-left: -960px;
    z-index: -1;
}

.footer-bg-wrap img {
    width: 1920px;
}

.footer-left {
    width: 500px;
    display: inline-block;
}

.footer-logo {
    /* width: 158px; */
    height: 53px;
    margin-top: 77px;
}

.footer-invite-txt {
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    margin-top: 30px;
    margin-bottom: 20px;
}

.footer-contact-txt {
    font-size: 12px;
    color: #fff;
    line-height: 18px;
    margin-top: 5px;
}

.footer-right {
    float: right;
}

.footer-item {
    width: 130px;
    display: inline-block;
    margin-top: 100px;
    margin-left: 50px;
}

.footer-item a {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 32px;
}

.page01-footer-line {
    width: 130px;
}

.copyright {
    color: #FFFFFF;
    font-size: 16px;
    margin-top: 80px;
    margin-left: 50px;
}

.page01-part06-right-date a {
    float: right;
    color: #1A3E92;
}

.page01-part04-left-title {
    font-size: 26px;
    line-height: 30px;
    color: #E1572E;
}

.page01-part04-left-desc {
    font-size: 18px;
    line-height: 30px;
    color: #202020;
    margin-top: 30px;
    width: 335px;
}

.page01-part04-left-pic1 {
    width: 335px;
    height: 225px;
    display: block;
    margin-top: 30px;
}

.page01-part04-left-pic2 {
    width: 335px;
    height: 155px;
    display: block;
    margin-top: 10px;
}

.page01-part04-left-pic3 {
    width: 335px;
    height: 165px;
    display: block;
    margin-top: 10px;
}

.page01-part04-right-title {
    font-size: 26px;
    line-height: 30px;
    color: #1A3E92;
}

.page01-part04-right-desc {
    font-size: 18px;
    line-height: 30px;
    color: #202020;
    margin-top: 30px;
    width: 540px;
}

.page01-part04-right-pic {
    width: 450px;
    height: 450px;
    display: block;
    margin: 50px auto 0;
}

.page01-part01-desc {
    color: #202020;
    font-size: 24px;
    text-align: center;
}

.page01-part02-desc {
    color: #FFFFFF;
    font-size: 18px;
    line-height: 30px;
    width: 450px;
}

.page01-part02-left-pic {
    width: 450px;
    margin-top: 30px;
}