/* chunk.993.1778654535556.css */
a {
  text-decoration:none;
  color:inherit;
  display:block
}
@media only screen and (min-width:1200px) {
  .homecontainer {
    font-size:1vw;
    width:100%;
    overflow:hidden
  }
  .homecontainer .main-top-banner {
    height:460px;
    background-image:url(../images/partybuildingandpublicwelfare-1.png);
    background-repeat:no-repeat;
    background-size:cover;
    background-position:50%;
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center
  }
  .homecontainer .main-top-banner .center {
    width:1200px;
    padding-top:24px;
    display:flex;
    justify-content:flex-start;
    align-items:center
  }
  .homecontainer .main-top-banner .info {
    display:flex;
    align-items:center;
    position:relative;
    left:50px
  }
  .homecontainer .main-top-banner .info .rectangle {
    width:140px;
    height:220px;
    border:1px solid #fff;
    position:relative;
    clip-path:polygon(0 0,0 15%,5% 15%,5% 85%,0 85%,0 100%,100% 100%,100% 85%,100% 85%,100% 15%,100% 0,100% 0);
    transform:rotate(180deg)
  }
  .homecontainer .main-top-banner .text {
    position:relative;
    left:-120px;
    display:flex;
    justify-content:center;
    align-items:flex-start;
    flex-direction:column;
    text-align:right;
    color:#fff
  }
  .homecontainer .main-top-banner .text p {
    font-size:16px
  }
  .homecontainer .main-top-banner .text .line {
    height:1px;
    width:270px;
    opacity:.4;
    background-color:#fff;
    margin:20px 0
  }
  .homecontainer .main-top-banner .text :first-child {
    font-size:44px;
    font-weight:500;
    letter-spacing:6px;
    position:relative
  }
  .homecontainer .main-top-banner .text :nth-child(3) {
    font-size:28px;
    font-weight:400;
    letter-spacing:16px;
    position:relative
  }
  .homecontainer .content {
    display:flex;
    flex-direction:column;
    align-items:center
  }
  .homecontainer .content .center {
    width:1200px;
    display:flex;
    padding:46px 0 140px 0;
    flex-direction:column;
    align-items:flex-start
  }
  .homecontainer .content .center .party-building {
    display:flex;
    flex-direction:column
  }
  .homecontainer .content .center .party-building .title {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    margin-bottom:62px
  }
  .homecontainer .content .center .party-building .title .line {
    width:54px;
    height:3px;
    background-color:#c42d26;
    margin:16px 0 9px 0
  }
  .homecontainer .content .center .party-building .title h2 {
    font-size:34px;
    font-weight:500;
    color:#2e2e2e;
    opacity:1
  }
  .homecontainer .content .center .party-building .title h4 {
    font-size:18px;
    font-weight:400;
    color:#2e2e2e;
    opacity:.1
  }
  .homecontainer .content .center .party-building .info {
    display:flex;
    width:100%
  }
  .homecontainer .content .center .party-building .info .year-list {
    height:320px;
    width:136px;
    display:flex;
    flex-direction:column;
    overflow:auto;
    position:relative
  }
  .homecontainer .content .center .party-building .info .year-list .year {
    display:flex;
    flex-direction:column;
    height:80px;
    position:relative
  }
  .homecontainer .content .center .party-building .info .year-list .year span {
    font-size:28px;
    font-weight:400;
    color:#803333;
    line-height:80px;
    text-align:center
  }
  .homecontainer .content .center .party-building .info .year-list .year:hover {
    cursor:pointer
  }
  .homecontainer .content .center .party-building .info .year-list .year:hover span {
    transition:.2s;
    font-size:30px
  }
  .homecontainer .content .center .party-building .info .year-list .year:after {
    content:"";
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    width:56px;
    height:1px;
    background-color:#e8e8e8
  }
  .homecontainer .content .center .party-building .info .year-list .active {
    background-color:#f5f5f5
  }
  .homecontainer .content .center .party-building .info .year-list::-webkit-scrollbar {
    width:6px;
    background-color:#f7f7f7
  }
  .homecontainer .content .center .party-building .info .year-list::-webkit-scrollbar-thumb {
    background-color:#ebebeb;
    border-radius:4px
  }
  .homecontainer .content .center .party-building .info .year-list::-webkit-scrollbar-thumb:hover {
    background-color:#ececec
  }
  .homecontainer .content .center .party-building .list {
    width:1150px;
    display:flex;
    flex-wrap:wrap;
    margin-left:54px
  }
  .homecontainer .content .center .party-building .list .card {
    width:300px;
    height:300px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    margin-right:50px;
    margin-bottom:40px;
    padding:14px;
    box-sizing:border-box;
    box-shadow:0 3px 20px rgba(93,93,93,.1)
  }
  .homecontainer .content .center .party-building .list .card .pic {
    width:272px;
    height:172px
  }
  .homecontainer .content .center .party-building .list .card .pic img {
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
  }
  .homecontainer .content .center .party-building .list .card .text {
    height:120px;
    display:flex;
    margin-top:14px;
    flex-direction:column;
    text-align:left;
    position:relative
  }
  .homecontainer .content .center .party-building .list .card .text:hover h5 {
    color:#c42d26!important
  }
  .homecontainer .content .center .party-building .list .card .text h5 {
    font-size:15px;
    font-weight:400;
    line-height:26px;
    color:#2e2e2e;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
  }
  .homecontainer .content .center .party-building .list .card .text .time {
    display:flex;
    align-items:center;
    position:absolute;
    bottom:0;
    left:0
  }
  .homecontainer .content .center .party-building .list .card .text .time img {
    width:15px;
    height:15px;
    margin-right:8px
  }
  .homecontainer .content .center .party-building .list .card .text .time span {
    display:inline-block;
    width:160px;
    font-size:15px;
    font-weight:400;
    color:#c9c9c9
  }
  .homecontainer .content .center .party-building .list .card:nth-child(3n) {
    margin-right:0
  }
  .homecontainer .content .center .public-welfare {
    width:100%;
    min-height:400px;
    position:relative;
    margin-top:70px;
    display:flex;
    align-items:flex-start;
    flex-direction:column
  }
  .homecontainer .content .center .public-welfare .title {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start
  }
  .homecontainer .content .center .public-welfare .title .line {
    width:54px;
    height:3px;
    background-color:#c42d26;
    margin:16px 0 9px 0
  }
  .homecontainer .content .center .public-welfare .title h2 {
    font-size:34px;
    font-weight:500;
    color:#2e2e2e;
    opacity:1
  }
  .homecontainer .content .center .public-welfare .title h4 {
    font-size:18px;
    font-weight:400;
    color:#2e2e2e;
    opacity:.1
  }
  .homecontainer .content .center .public-welfare .el-empty {
    position:absolute;
    left:50%;
    top:40%;
    transform:translateX(-48%)
  }
  .homecontainer .content .center .public-welfare .info {
    width:100%;
    display:flex;
    flex-direction:column
  }
  .homecontainer .content .center .public-welfare .info .row {
    margin-top:60px;
    display:flex;
    align-items:center;
    justify-content:space-between
  }
  .homecontainer .content .center .public-welfare .info .row .pic {
    width:680px;
    margin-right:60px
  }
  .homecontainer .content .center .public-welfare .info .row .pic img {
    width:320px;
    height:190px;
    -o-object-fit:cover;
    object-fit:cover
  }
  .homecontainer .content .center .public-welfare .info .row .pic :first-child {
    margin-right:40px
  }
  .homecontainer .content .center .public-welfare .info .row .text {
    width:460px;
    height:190px;
    text-align:left;
    border-top:1px solid #dcdcdc;
    border-bottom:1px solid #dcdcdc
  }
  .homecontainer .content .center .public-welfare .info .row .text h3 {
    font-size:26px;
    font-weight:500;
    color:#a1a1a1;
    margin:18px 0 10px
  }
  .homecontainer .content .center .public-welfare .info .row .text p {
    font-size:16px;
    font-weight:400;
    color:#5b5b5b;
    letter-spacing:2px;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
  }
  .homecontainer .content .center .public-welfare .info .reverse {
    margin-top:60px
  }
  .homecontainer .content .center .public-welfare .info .reverse .text {
    text-align:right
  }
  .homecontainer .content .center .public-welfare .info .reverse .pic {
    margin-right:0;
    margin-left:60px
  }
  .homecontainer .content .center .public-welfare .info .single {
    justify-content:flex-start
  }
  .homecontainer .content .center .public-welfare .info .single .pic {
    width:320px
  }
}
@media only screen and (max-width:1200px) {
  .homecontainer {
    font-size:1vw;
    width:100%;
    overflow:hidden
  }
  .homecontainer .main-top-banner {
    height:62vw;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:50%;
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    position:relative;
    top:14vw
  }
  .homecontainer .main-top-banner .center {
    width:100%;
    padding-top:24px;
    display:flex;
    justify-content:flex-start;
    align-items:center
  }
  .homecontainer .main-top-banner .info {
    display:flex;
    align-items:center;
    position:relative;
    left:-6vw;
    scale:.7
  }
  .homecontainer .main-top-banner .info .rectangle {
    width:140px;
    height:220px;
    border:1px solid #fff;
    position:relative;
    clip-path:polygon(0 0,0 15%,5% 15%,5% 85%,0 85%,0 100%,100% 100%,100% 85%,100% 85%,100% 15%,100% 0,100% 0);
    transform:rotate(180deg)
  }
  .homecontainer .main-top-banner .text {
    position:relative;
    left:-120px;
    display:flex;
    justify-content:center;
    align-items:flex-start;
    flex-direction:column;
    text-align:right;
    color:#fff
  }
  .homecontainer .main-top-banner .text p {
    font-size:16px
  }
  .homecontainer .main-top-banner .text .line {
    height:3px;
    width:8vw;
    background-color:#fff;
    margin:20px 0
  }
  .homecontainer .main-top-banner .text :first-child {
    font-size:8vw;
    font-weight:500;
    letter-spacing:6px;
    position:relative
  }
  .homecontainer .main-top-banner .text :nth-child(3) {
    font-size:5vw;
    text-align:left;
    font-weight:400;
    letter-spacing:4px;
    position:relative
  }
  .homecontainer .content {
    display:flex;
    flex-direction:column;
    align-items:center
  }
  .homecontainer .content .center {
    width:100%;
    display:flex;
    padding:6vw 0;
    flex-direction:column;
    align-items:flex-start
  }
  .homecontainer .content .center .party-building {
    display:flex;
    width:100%;
    min-height:400px;
    padding:0 4vw;
    padding-top:12vw;
    box-sizing:border-box;
    position:relative;
    flex-direction:column
  }
  .homecontainer .content .center .party-building .title {
    display:flex;
    width:60vw;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    margin-bottom:6vw
  }
  .homecontainer .content .center .party-building .title .line {
    width:10vw;
    height:2px;
    background-color:#c42d26;
    margin:1vw 0
  }
  .homecontainer .content .center .party-building .title h2 {
    font-size:5.5vw;
    font-weight:500;
    color:#2e2e2e;
    opacity:1
  }
  .homecontainer .content .center .party-building .title h4 {
    font-size:3vw;
    font-weight:400;
    color:#2e2e2e;
    opacity:.1
  }
  .homecontainer .content .center .party-building .el-empty {
    position:absolute;
    left:50%;
    top:30%;
    padding:0;
    transform:translateX(-50%)
  }
  .homecontainer .content .center .party-building .info {
    display:flex;
    width:100%
  }
  .homecontainer .content .center .party-building .info .year-list {
    width:23vw;
    display:flex;
    flex-direction:column;
    overflow:auto;
    position:relative
  }
  .homecontainer .content .center .party-building .info .year-list .year {
    display:flex;
    flex-direction:column;
    height:16vw;
    position:relative
  }
  .homecontainer .content .center .party-building .info .year-list .year span {
    font-size:5vw;
    font-weight:400;
    color:#803333;
    line-height:16vw
  }
  .homecontainer .content .center .party-building .info .year-list .year:hover {
    cursor:pointer
  }
  .homecontainer .content .center .party-building .info .year-list .year:hover span {
    transition:.2s;
    font-size:5.5vw
  }
  .homecontainer .content .center .party-building .info .year-list .year:after {
    content:"";
    position:absolute;
    bottom:0;
    left:50%;
    transform:translateX(-50%);
    width:56px;
    height:1px;
    background-color:#e8e8e8
  }
  .homecontainer .content .center .party-building .info .year-list .active {
    background-color:#f5f5f5
  }
  .homecontainer .content .center .party-building .info .year-list::-webkit-scrollbar {
    width:6px;
    background-color:#f7f7f7
  }
  .homecontainer .content .center .party-building .info .year-list::-webkit-scrollbar-thumb {
    background-color:#ebebeb;
    border-radius:4px
  }
  .homecontainer .content .center .party-building .info .year-list::-webkit-scrollbar-thumb:hover {
    background-color:#ececec
  }
  .homecontainer .content .center .party-building .list {
    width:56vw;
    display:flex;
    flex-direction:column;
    margin-left:4vw
  }
  .homecontainer .content .center .party-building .list .card {
    width:64vw;
    height:68vw;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    margin-bottom:4vw;
    box-shadow:0 3px 20px rgba(93,93,93,.1)
  }
  .homecontainer .content .center .party-building .list .card .pic {
    padding:2vw;
    width:60vw;
    height:40vw
  }
  .homecontainer .content .center .party-building .list .card .pic img {
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center;
    object-position:center
  }
  .homecontainer .content .center .party-building .list .card .text {
    height:24vw;
    display:flex;
    flex-direction:column;
    padding:2vw;
    padding-top:0;
    box-sizing:border-box;
    text-align:left;
    position:relative
  }
  .homecontainer .content .center .party-building .list .card .text h5 {
    font-size:4vw;
    letter-spacing:1.2px;
    font-weight:500;
    line-height:7vw;
    color:#2e2e2e;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
  }
  .homecontainer .content .center .party-building .list .card .text .time {
    display:flex;
    align-items:center;
    position:absolute;
    bottom:2vw;
    left:2vw
  }
  .homecontainer .content .center .party-building .list .card .text .time img {
    width:4vw;
    height:4vw;
    margin-right:4px;
    vertical-align:middle
  }
  .homecontainer .content .center .party-building .list .card .text .time span {
    display:inline-block;
    position:relative;
    top:-1px;
    width:30vw;
    line-height:4vw;
    font-size:4vw;
    font-weight:400;
    color:#c9c9c9
  }
  .homecontainer .content .center .party-building .list .card:nth-child(3n) {
    margin-right:0
  }
  .homecontainer .content .center .public-welfare {
    width:100%;
    min-height:400px;
    position:relative;
    margin-top:10vw;
    display:flex;
    align-items:flex-start;
    flex-direction:column;
    padding:0 4vw;
    box-sizing:border-box
  }
  .homecontainer .content .center .public-welfare .title {
    width:60vw;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    margin-bottom:6vw
  }
  .homecontainer .content .center .public-welfare .title .line {
    width:10vw;
    height:2px;
    background-color:#c42d26;
    margin:1vw 0
  }
  .homecontainer .content .center .public-welfare .title h2 {
    font-size:5.5vw;
    font-weight:500;
    color:#2e2e2e;
    opacity:1
  }
  .homecontainer .content .center .public-welfare .title h4 {
    font-size:3vw;
    font-weight:400;
    color:#2e2e2e;
    opacity:.1
  }
  .homecontainer .content .center .public-welfare .el-empty {
    position:absolute;
    left:50%;
    top:24%;
    padding:0;
    transform:translateX(-50%)
  }
  .homecontainer .content .center .public-welfare .info {
    display:flex;
    width:100%
  }
  .homecontainer .content .center .public-welfare .info .list {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between
  }
  .homecontainer .content .center .public-welfare .info .list .item {
    width:44vw;
    height:50vw
  }
  .homecontainer .content .center .public-welfare .info .list .item .pic {
    width:44vw;
    height:30vw
  }
  .homecontainer .content .center .public-welfare .info .list .item .pic img {
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center;
    object-position:center
  }
  .homecontainer .content .center .public-welfare .info .list .item .text {
    padding:2vw 0
  }
  .homecontainer .content .center .public-welfare .info .list .item .text .tooltip {
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis
  }
  .homecontainer .content .center .public-welfare .info .list .item .text h4 {
    font-size:3.5vw;
    line-height:6vw;
    color:#5b5b5b;
    font-weight:400;
    text-align:left;
    display:-webkit-box;
    letter-spacing:1.2px
  }
}