@charset "utf-8";

* {
    font-family: 'siyuan' !important;
}

html {
    min-width: 1120px;
}

/* 公共部分 */
.meeting_bg {
    background-image: url('../images/bg.png');
    background-size: 1920px 11px;
    background-repeat: repeat-y;
    background-position: center center;
}

.marg1120 {
    width: 1120px;
    margin: 0 auto;
}

.co_title {
    width: 1120px;
    height: 133px;
    margin: 0 auto;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

/* 导航 */
.header_nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 95px;
    z-index: 400;
    background: rgba(0, 0, 0, 0.3);
}

.header_inner {
    width: 1120px;
    height: 95px;
    margin: 0 auto;
    background: url('../images/logo_info.png') no-repeat;
    background-size: 140px auto;
    background-position: 0 center;
}

.header_inner ul {
    display: block;
    margin-left: 160px;
    width: 960px;
    height: 95px;
}

.header_inner ul li {
    display: block;
    float: left;
    padding: 0 15px;
    height: 95px;
    line-height: 95px;
}

.header_inner ul li a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #FFF;
    font-size: 16px;
}

.header_inner ul li:hover a {
    color: #f8ad84;
    /* font-weight: 600; */
}


/* 头图 */
.headpic {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    overflow: hidden;
    width: 100%;
    /* width: 100%;
    height: 1104px;
    background-image: url('../images/headpic.png');
    background-size: 1920px 1104px;
    background-position: center; */
}

#saishijieshao {
    margin-bottom: 40px;
}
.ssjs_title {
    background: url('../images/ssjs_title.png') no-repeat;
    background-size: 1950px 150px;
    height: 150px;
    background-position: center;
}
.ssjs_box {
    background: url('../images/ssjs_box.png') no-repeat;
    background-size: 1120px 348px;
    height: 348px;
    width: 1120px;
    margin: 0 auto;
    background-position: center;
    padding-top: 0.1px;
}
.ssjs_box p {
    color: #fff;
    font-size: 18px;
    line-height: 33px;
    margin: 0 130px;
    margin-top: 40px;
}

#saishimudi {
    margin-bottom: 32px;
}
.ssmd_title {
    background: url('../images/ssmd_title.png') no-repeat;
    background-size: 1950px 218px;
    height: 218px;
    background-position: center;
}
.ssmd_box {
    width: 1120px;
    height: 205px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.ssmd_box .ssmd_item {
    width: 269px;
    height: auto;
    position: relative;
}
.ssmd_box .ssmd_item .icon {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.ssmd_box .ssmd_item p {
    position: absolute;
    z-index: 2;
    top: 108px;
    width: 100%;
    text-align: center;
    font-size: 24px;
    line-height: 29px;
    color: #fff;
}

#saishijiazhi {
    margin-bottom: 30px;
}
.ssjz_title {
    background: url('../images/ssjz_title.png') no-repeat;
    background-size: 1950px 218px;
    height: 218px;
    background-position: center;
}
.ssjz_box {
    width: 1120px;
    margin: 16px auto 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.ssjz_item {
    width: 262px;
    height: 303px;
    position: relative;
    color: #fff;
}
.ssjz_item .title {
    position: absolute;
    top: 20px;
    left: 108px;
    font-size: 24px;
    line-height: 1;
}
.ssjz_item .content {
    position: absolute;
    top: 120px;
    left: 36px;
}
.ssjz_box .ssjz_item:first-child .content {
    top: 108px;
}
.ssjz_item .content p {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 10px;
    display: flex;
    align-items: flex-start;
}
.ssjz_item .content p:last-child {
    margin-bottom: 0;
}
.ssjz_item .content p::before {
    display: block;
    margin-right: 5px;
}
.ssjz_item .content p:nth-child(1):before {
    content: "①";
}
.ssjz_item .content p:nth-child(2):before {
    content: "②";
}
.ssjz_item .content p:nth-child(3):before {
    content: "③";
}


.cszn_title {
    background: url('../images/cszn_title.png') no-repeat;
    background-size: 1950px 218px;
    height: 218px;
    background-position: center;
}


.cszn {
    background-position: center center;
    margin: 0 auto;
    width: 1120px;
    color: #fff;
    position: relative;
    margin-bottom: 48px;
}
.cszn h3 {
    position: absolute;
    left: 49px;
    top: 20px;
    font-size: 30px;
}
.cszn p {
    position: absolute;
    left: 85px;
    font-size: 20px;
    line-height: 25px;
}
.cszn1 {
    background: url('../images/cszn1.png') no-repeat;
    background-size: 1120px 377px;
    height: 377px;
}
.cszn1 h3 {
    top: 24px;
}
.cszn1 p:nth-of-type(1) {
    top: 120px;
}
.cszn1 p:nth-of-type(2) {
    top: 199px;
}
.cszn1 p:nth-of-type(3) {
    top: 304px;
}


.cszn2 {
    background: url('../images/cszn2.png') no-repeat;
    background-size: 1120px 598px;
    height: 598px;
}
.cszn2 p:nth-of-type(1) {
    top: 113px;
}
.cszn2 p:nth-of-type(2) {
    top: 197px;
}
.cszn2 p:nth-of-type(3) {
    top: 282px;
}
.cszn2 p:nth-of-type(4) {
    top: 365px;
}
.cszn2 p:nth-of-type(5) {
    top: 452px;
}
.cszn2 p:nth-of-type(6) {
    top: 528px;
}

.cszn3 {
    background: url('../images/cszn3.png') no-repeat;
    background-size: 1120px 71px;
    height: 71px;
}
.cszn3 p {
    top: 27px;
    left: 280px;
}

#saichenganpai {
    margin-bottom: 54px;
}
.scap_title {
    background: url('../images/scap_title.png') no-repeat;
    background-size: 1950px 218px;
    height: 218px;
    background-position: center;
}
.scap_box {
    width: 1120px;
    margin: 0 auto;
}
.scap_box .row {
    color: #fff;
    width: 1120px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.scap_box .row .col {
    width: 253px;
    text-align: center;
    display: flex;
    flex-direction: column;
    font-size: 16px;
    position: relative;
}
.scap_box .row .col span:first-child {
    font-size: 24px;
    margin-bottom: 8px;
}
.scap_box .row .col_bg {
    width: 253px;
    height: 65px;
    background-image: url('../images/scap_bg.png');
    background-size: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}
.scap_box .line {
    width: 1120px;
    margin: 30px auto;
}

#saishipingshen {
    margin-bottom: 20px;
}
.ssps_title {
    background: url('../images/ssps_title.png') no-repeat;
    background-size: 1950px 218px;
    height: 218px;
    background-position: center;
}
.ssps_box {
    width: 1120px;
    margin: 20px auto;
}
.ssps_box .ssps_row {
    display: flex;
    margin-bottom: 80px;
    justify-content: space-around;
}
.ssps_box .ssps_item {
    height: 170px;
    width: 169px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: url('../images/ssps_p.png') no-repeat;
    background-size: 169px 121px;
    background-position: center top;
    position: relative;
}
.ssps_p {
    margin: 30px 0 24px 31px;
    font-size: 18px;
    color: #fff;
}
.ssps_box .ssps_n {
    position: absolute;
    text-align: center;
    width: 169px;
    color: #fff;
    font-size: 24px;
    bottom: 14px;
}
.ssps_v {
    position: absolute;
    text-align: center;
    width: 169px;
    color: #3f42cc;
    font-weight: bold;
    font-size: 32px;
    top: 28px;
}


.jxsz_title {
    background: url('../images/jxsz_title.png') no-repeat;
    background-size: 1950px 218px;
    height: 218px;
    background-position: center;
}
.jxsz_1 {
    display: block;
    margin: 0 auto;
}
.jxsz_box {
    width: 1120px;
    margin: 0 auto;
    position: relative;
}
.jxsz_box p {
    position: absolute;
    color: #fff;
    margin-left: 50px;
    font-size: 18px;
}
.jxsz_box p:nth-of-type(1) {
    top: 113px;
}
.jxsz_box p:nth-of-type(2) {
    top: 183px;
}
.jxsz_box p:nth-of-type(3) {
    top: 253px;
}
.jxsz_box p:nth-of-type(4) {
    top: 318px;
}
.jxsz_box p:nth-of-type(5) {
    top: 386px;
}
.jxsz_box p:nth-of-type(6) {
    top: 454px;
}

.dspw_title {
    background: url('../images/dspw_title.png') no-repeat;
    background-size: 1950px 218px;
    height: 218px;
    background-position: center;
    margin-bottom: 20px;
}
.dspw_box {
    justify-content: space-around;
    width: 1120px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

#baomingfangshi {
    margin-bottom: 20px;
}
.bmfs_title {
    background: url('../images/bmfs_title.png') no-repeat;
    background-size: 1950px 218px;
    height: 218px;
    background-position: center;
}
.bmfs_box {
    display: flex;
    width: 1120px;
    margin: 0 auto;
}
.bmfs_box .code {
    border-left: 1px dashed #9ba2ec;
    padding: 0 60px 0 80px;
}
.bmfs_box .left {
    padding-top: 24px;
    color: #fff;
    font-size: 18px;
    margin-right: 80px;
    line-height: 30px;
}
.bmfs_box .left p {
    margin-bottom: 14px;
}
.bmfs_box .left p span {
    color: #ffbe9b;
}

.bmfs_box1 {
    background: url('../images/bmfs_bg.png') no-repeat;
    width: 1120px;
    height: 445px;
    margin: 0 auto;
    font-size: 18px;
    line-height: 58px;
    color: #fff;
    padding-top: 0.1px;
}
.bmfs_box1 p {
    margin-left: 72px;
}
.bmfs_box1 p:first-child {
    margin-top: 98px;
}

.xqcx_title {
    background: url('../images/xqcx_title.png') no-repeat;
    background-size: 1950px 218px;
    height: 218px;
    background-position: center;
}
.xqcx_box {
    background: url('../images/xqcx_bg.png') no-repeat;
    width: 1120px;
    height: 322px;
    margin: 0 auto;
    position: relative;
    color: #fff;
    font-size: 18px;
}
.xqcx_box .xqcx_u {
    position: absolute;
    top: 174px;
    line-height: 30px;
}
.xqcx_box .xqcx_u1 {
    left: 229px;
}
.xqcx_box .xqcx_u2 {
    left: 656px;
}
.xqcx_box .xqcx_t {
    top: 127px;
    left: 229px;
    font-size: 24px;
    position: absolute;
}
.xqcx_box .xqcx_s {
    top: 254px;
    left: 229px;
    font-size: 16px;
    color: #ffbf9c;
    position: absolute;
}

#footer {
    border-top: 1px solid #a2aaf1;
    position: relative;
    margin-top: 60px;
    height: 75px;
    line-height: 75px;
}
#footer span {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: rgba(255,255,255, 0.6);
}
#footer a {
    color: rgba(255,255,255, 0.6);
}

.tag {
    position: fixed;
    display: block;
    right: 60px;
    bottom: 200px;
    z-index: 999;
    cursor: pointer;
    animation: bounce 1s ease-in-out infinite alternate;
}
/* 鼠标悬停时暂停动画 */
.tag:hover {
    animation-play-state: paused;
}

.guest_list_zone {
    display: block;
    width: 1120px;
    margin: 50px auto;
}

.guest_list_zone li {
    float: left;
    width: 210px;
    height: 380px;
    margin: 0 93px 0 0;
    color: #f5dfb9;
    text-align: center;
}

.guest_list_zone li:nth-child(4n) {
    margin: 0 0 0 0;
}

.guest_list_zone li img {
    display: block;
    width: 100%;
    margin-bottom: 10px;
}

.guest_list_zone li .name {
    width: 90%;
    height: 30px;
    margin: 0 auto;
    line-height: 30px;
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.guest_list_zone li .company {
    min-height: 22px;
    width: 90%;
    margin: 0 auto;
    font-size: 16px;
    line-height: 22px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.guest_list_zone li .position {
    width: 90%;
    margin: 0 auto;
    font-size: 16px;
    min-height: 22px;
    line-height: 22px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* 定义跳动动画 */
@keyframes bounce {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-30px);
    }
}