/*公用头部*/

    .w100 {
        width: 100%;
    }

    .h100 {
        height: 100%;
    }

    .img-resp {
        position: relative;
        display: block;
        max-width: 100%;
        height: auto;
        margin-right: auto;
        margin-left: auto;
    }

    .header {
        width: 100%;
        max-width: 100%;
        line-height: calc((100vh * 90)/1080);
        height: calc((100vh * 90)/1080);
        box-sizing: border-box;
        overflow: hidden;
        position: fixed;
        z-index: 999;
        background-color: #ffffff;
        box-shadow: 2px 0 10px 1px rgba(98, 139, 166, 0.2);
    }
    /* 头部logo */

   header .logo {
        left: calc((100vw * 39)/1920);
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        line-height: 0;
    }
   header .logo img {
        max-height:calc((100vh * 65)/1080) ;
    }
    /* 头部导航栏 */
   header  .header-nav{
       padding-right: calc((100vw * 143)/1920);

   }
    .header-nav li {
        margin-right:calc((100vw * 48)/1920);
        float: left;
        position: relative;
    }

    .header-nav li a {
        font-size: calc((100vw * 18)/1920);
        color: #333333;
        position: relative;
        display: block;
    }

    .header-nav li:not(.header-active)>a:after {
        display: block;
        content: "";
        position: absolute;
        width: 0;
        height: calc((100vh * 4)/1080) ;
        background-color: #c1a689;
        bottom: calc((100vh * 22)/1080) ;
        left: 50%;
        transition: all .5s;
    }

    .header-nav li:not(.header-active)>a:before {
        display: block;
        content: "";
        position: absolute;
        width: 0;
       height: calc((100vh * 4)/1080) ;
        background-color: #c1a689;
        bottom: calc((100vh * 22)/1080) ;
        right: 50%;
        transition: all .5s;
    }

    .header-nav li:hover a {
        color: #c1a689!important;
        transition: all .5s;
    }

    @media (min-width: 1024px) {
        .header-nav li:not(.header-active):hover>a:after {
            width: 50%;
        }
        .header-nav li:not(.header-active):hover>a:before {
            width: 50%;
        }
    }

    .header-active a {
        color: #c1a689 !important;
    }

    .header-active:after {
        display: block;
        content: "";
        position: absolute;
        width: 100%;
       height: calc((100vh * 4)/1080) ;
        background-color: #c1a689;
        bottom: calc((100vh * 22)/1080) ;
        right: 0;
    }
    /* 头部搜索  */

    .header-right {
        position: absolute;
        right: calc((100vw * 44)/1920);
        height: 100%;
        top: 0;
    }


    header form {
        cursor: pointer;
        border-radius: calc((100vh * 22.5)/1080);
        height: 100%;
         right: calc((100vw * 100)/1920);
        height: calc((100vh * 45)/1080);
        top: 50%;
        transform: translateY(-50%);
        position: absolute;
    }

     header form input {
        width: 0;
        overflow: hidden;
        border: none;
        height: 100%;
        background-color: transparent;
        color: #999999;
        float: left;
    }

     header form button {
        background-color: transparent;
        border: none;
        height: 100%;
        cursor: pointer;
        float: right;
        width:calc((100vw * 22)/1920);
        line-height: 0;
        position: relative;
    }

     header form img {
        width:calc((100vw * 22)/1920);
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
    }

     header .hover form{
         background-color: #f0f0f0;
         width:calc((100vw * 185)/1920);
         padding: 0 calc((100vw * 10)/1920);
         transition: all .3s linear;
     }
      header .hover input{
          width:calc((100vw * 143)/1920) ;
          transition: all .3s linear;
      }
     header .hover  .header-nav{
       padding-right: calc((100vw * 286)/1920);
       transition: all .3s linear;
   }

    header .translate {
         height: 100%;
         width: calc((100vw * 26)/1920);
         position: relative;
         line-height: 0;
    }
     header .translate img{
         width: calc((100vw * 26)/1920);
         position: absolute;
         top: 50%;
         transform: translateY(-50%);
     }
    /*首页*/

    /* 头部 */

    .index .header {
        position: static;
    }

    .index .main {
        height: calc(100vh - calc((100vh * 90) / 1080));
    }

    .index .main .banner-swiper {
        width: 100%;
        height: calc((100vh * 600) / 1080);
    }

    .banner-swiper img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .banner-swiper video {
        width: 100%;
        z-index: 800;
    }

    /* 首页轮播图 */
    .banner-swiper .index-swiper-pagination {
        position: absolute;
        z-index: 100;
        width: 100%;
        bottom: 3%;
        left: 0;
        text-align: center;
    }

    .banner-swiper .index-swiper-pagination .swiper-pagination-bullet {
        width: calc((100vw * 8)/1920);
        height: calc((100vw * 8)/1920);
        background-color: #fff;
        opacity: 1;
        outline: none;
    }

    .banner-swiper .index-swiper-pagination .swiper-pagination-bullet-active {
        background-color: #c1a689;
    }

    /* 首页底部 */

    .index .bottom {
        width: 100%;
        /* height: calc(100vh - calc((100vh * 590)/1080)); */
        box-shadow: 0 3px 20px 0 rgba(3, 3, 3, 0.2);
        background-color: #f7f7f7;
        z-index: 100;
    }

    .index .bottom .piece {
        padding: calc((100vh * 12)/1080);
        height: calc((100vh * 278)/1080);
        overflow: hidden;

    }

    .index .bottom .piece .fl {
        height: 100%;
    }

    .index .bottom .piece .swiper-container {
        width: calc((100vw * 357)/1920);
        border-radius: 3px;
    }

    .index .bottom .piece .swiper-container .swiper-slide {
        position: relative;
    }

    .index .bottom .piece .swiper-container .swiper-slide img {
        width: 100%;
        height: 100%;
    }

    .index .bottom .piece .swiper-container .title {
        color: #fff;
        font-size: calc((100vw * 15)/1920);
        position: absolute;
        width: 100%;
        bottom: calc((100vh * 6)/1080);
        padding-left: calc((100vw * 15)/1920);
        padding-right: calc((100vw * 90)/1920);
        transition: all .3s linear;
    }

    .index .bottom .piece .swiper-container .swiper-2-pagination {
        width: auto;
        bottom: calc((100vh * 6)/1080);
        color: #fff;
        right: 0;
        left: auto;
        max-width: calc((100vw * 100)/1920);
        z-index: 100;
        position: absolute;
        padding-right: calc((100vw * 30)/1920);
        font-size: calc((100vw * 15)/1920);
    }

    .index .bottom .piece .new {
        width: calc((100vw * 999)/1920);
        background-color: #fff;
        padding: 0 calc((100vw * 50)/1920) calc((100vh * 15)/1080) calc((100vw * 28)/1920);
    }

    .index .bottom .piece .new .list {
        padding-top: calc((100vh * 10)/1080);
        position: relative;
    }

    .index .bottom .piece .new .list:before {
        content: "";
        display: block;
        position: absolute;
        width: 1px;
        height: 80%;
        top: 12.5%;
        background-color: #F3F3F3;
        left: 50%;

    }

    .index .bottom .piece .new .list li {
        float: left;
        width: 50%;

    }

    .index .bottom .piece .new .list li:nth-of-type(odd) {
        padding-right: calc((100vw * 40)/1920);
    }

    .index .bottom .piece .new .list li:nth-of-type(even) {
        padding-left: calc((100vw * 40)/1920);
    }

    .index .bottom .piece .new .list li a {
        display: block;
        width: 100%;
        height: 100%;
        transition: all .3s linear;
        padding: calc((100vh * 8)/1080);
        border-radius: 3px;
    }

    .index .bottom .piece .new .list li .title {
        font-size: calc((100vw * 14)/1920);
        color: #666666;
        width: calc(100% - 100px);
        transition: all .3s linear;
        position: relative;
        padding-left: calc((100vw * 12)/1920);
    }

    .index .bottom .piece .new .list li .title::after {
        content: "";
        position: absolute;
        display: block;
        width: calc((100vw * 4)/1920);
        height: calc((100vw * 4)/1920);
        background-color: #D5D5D5;
        border-radius: 50%;
        top: 50%;
        left: 0;
        margin-top: calc((100vw * -2)/1920);
        transition: all .3s linear;
    }

    .index .bottom .piece .new .list li .time {
        font-size: calc((100vw * 14)/1920);
        color: #666666;
        width: calc((100vw * 100)/1920);
        transition: all .3s linear;
        text-align: right;
    }

    .index .bottom .piece .new .list li:hover a {
        background-color: #fff8f2;
    }


    .index .bottom .piece .new .list li:hover .title {
        color: rgb(185, 151, 123);
    }

    .index .bottom .piece .new .list li:hover .time {
        color: rgb(185, 151, 123);
    }

    .index .bottom .piece .new .list li:hover .title::after {
        background-color: rgb(185, 151, 123);
    }

    .index .bottom .piece .subject {
        height: calc((100vh * 50)/1080);
        line-height: calc((100vh * 50)/1080);
        border-bottom: 1px dashed #E9E9E9;
        position: relative;
    }

    .index .bottom .piece .subject span {
        color: rgb(185, 151, 123);
        font-size: calc((100vw * 16)/1920);
        position: relative;
        display: block;
        height: 100%;
        width: calc((100vw * 90)/1920);
    }

    .index .bottom .piece .subject span::after {
        display: block;
        content: "";
        position: absolute;
        bottom: -1px;
        left: 0;
        background-color: rgb(185, 151, 123);
        width: calc((100vw * 72)/1920);
        height: calc((100vh * 2)/1080);
    }

    .index .bottom .piece .subject a {
        position: absolute;
        top: 50%;
        right: 0;
        font-size: calc((100vw * 14)/1920);
        color: #999999;
        transform: translateY(-50%);
    }

    .index .bottom .piece .subject a:hover {
        color: rgb(185, 151, 123);
    }

    .index .bottom .piece .business {
        width: calc((100vw * 526)/1920);
        background-color: #fff;
        height: 100%;
        padding: 0 calc((100vw * 33)/1920) calc((100vh * 15)/1080) calc((100vw * 22)/1920);
    }


    .index .bottom .piece .business .list {
        padding: calc((100vh * 10)/1080) 0;
    }

    .index .bottom .piece .business li {
        float: left;
        height: calc((100vh * 92)/1080);
        text-align: center;
        width: 20%;
        position: relative;
        cursor: pointer;
        padding: 0 calc((100vh * 6)/1080);
        /* border-right: calc((100vw * 1)/1920) solid #f3f3f3; */
    }

    /* .index .bottom .piece .business li:nth-of-type(4n) {
        border-right: none;
    }
     */
    .index .bottom .piece .business li a {
        display: block;
        width: 100%;
        height: 100%;
        padding: calc((100vh * 12)/1080) 0;
    }

    .index .bottom .piece .business li .name {
        font-size: calc((100vw * 12)/1920);
        color: #666666;
        padding-top: calc((100vh * 4)/1080);
        transition: all .3s linear;
        overflow: hidden;
         text-overflow: ellipsis;
            white-space: nowrap;
    }

    .index .bottom .piece .business li .img {
        width: 100%;
        height: calc((100vh * 30)/1080);
        position: relative;
    }

    .index .bottom .piece .business li img {
        max-width: calc((100vw * 37)/1920);
        max-height: calc((100vh * 30)/1080);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        transition: all 1s linear;
    }

    .index .bottom .piece .business li:hover a {
        background-color: #fff8f2;
    }

    .index .bottom .piece .business li:hover .name {
        color: rgb(185, 151, 123);
    }



    .index .bottom .piece .business li:hover img {
        animation: index-li 1s linear;
    }



    @keyframes index-li {
        from {
            top: 30%;
        }

        to {
            top: 50%;
        }
    }

    /* 举报方式     */
    .index .bottom .report {
        padding: 0 calc((100vw * 18)/1920);
        height: calc((100vh * 111)/1080);
        background-color: #fff;
        position: relative;
        overflow: hidden;

    }

    .index .bottom .report .subject {
        color: rgb(193, 163, 140);
        font-size: calc((100vw * 16)/1920);
    }

    .index .bottom .report .group .subject {
        padding: calc((100vh * 16)/1080) 0;
    }

    .index .bottom .report .municipality .subject {
        padding: calc((100vh * 7)/1080) 0;
    }

    .index .bottom .report .group .list li {
        float: left;
        margin-right: calc((100vw * 60)/1920);
        transition: all .3s linear;
    }
    .index .bottom .report .group .list li:hover{
        transform: translateY(-2px);
    }

    .index .bottom .report .group .list li>div:nth-of-type(1) {
        width: calc((100vw * 46)/1920);
        height: calc((100vh * 40)/1080);
        position: relative;
        margin-right: calc((100vw * 14)/1920);
    }

    .index .bottom .report .group .list li>div:nth-of-type(2) {
        margin-left: calc((100vw * 14)/1920);
        position: relative;
    }

    .index .bottom .report .group .list li>div:nth-of-type(2)::after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        background-color: #E9E9E9;
        height: calc((100vh * 30)/1080);
        transform: translateY(-50%);
        width: 1px;
        left: calc((100vw * -14)/1920);
    }

    .index .bottom .report .group .list li img {
        max-width: calc((100vw * 46)/1920);
        max-height: calc((100vh * 40)/1080);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .index .bottom .report .group .list li .title {
        font-size: calc((100vw * 14)/1920);
        color: rgb(193, 163, 140);
    }

    .index .bottom .report .group .list li p {
        font-size: calc((100vw * 12)/1920);
        color: #666666;
        margin-top: calc((100vh * 4)/1080);

        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    @media (max-width: 1800px) {
        .index .bottom .report .group .list li p {
            max-width: 340px;
        }
    }

    .index .bottom .report .municipality {
        margin-right: calc((100vw * 120)/1920);

    }

    .index .bottom .report .municipality .list li {
        float: left;
        width: calc((100vw * 96)/1920);
        height: calc((100vh * 32)/1080);
        line-height: calc((100vh * 32)/1080);
        border: 1px solid rgb(193, 163, 140);
        text-align: center;
        border-radius: calc((100vw * 5)/1920);
        font-size: calc((100vw * 12)/1920);
        color: #666666;
        margin-right: calc((100vw * 8)/1920);
        transition: all .3s linear;
        cursor: pointer;
    }
    .index .bottom .report .municipality .list li a{
        overflow: hidden;
        padding: 0 1%;
          text-overflow: ellipsis;
  white-space: nowrap;
    }

    .index .bottom .report .municipality .list li:hover {
        background-color: rgb(193, 163, 140);
    }

    .index .bottom .report .municipality .list li:hover a {
        color: #fff;
    }

    .index .bottom .report .code {
        width: calc((100vw * 79)/1920);
        height: calc((100vw * 79)/1920);
        /* border: 1px solid #DCDCDC; */
        position: absolute;
        right: calc((100vw * 18)/1920);
        top: 40%;
        transform: translateY(-50%);
        border-radius: calc((100vw * 5)/1920);
    }

    .index .bottom .report .code img {
        position: absolute;
        max-width: calc((100vw * 64)/1920);
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .index .copy-right {
        height: calc((100vh * 32)/1080);
        line-height: calc((100vh * 32)/1080);
        text-align: center;
        background-color: #C1A38C;
        color: #fff;
        font-size: calc((100vw * 14)/1920);
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }

    .index .copy-right a {
        color: #fff;
        font-size: calc((100vw * 14)/1920);
    }
    .index .copy-right a:hover{
         color: blue;
    }
    @media (max-width: 1800px) {
        .index .bottom .report .group .list li {
            float: left;
            margin-right: calc((100vw * 40)/1920);
        }
    }

    @media (max-width: 1450px) {
        .index .bottom .report .group .list li {
            float: left;
            margin-right: calc((100vw * 40)/1920);
        }
    }

    /*侧边栏*/

    #wrap {
        overflow: hidden;
        width: 100%;
    }

    #main {
        height: auto;
        top: 0;
        position: relative;
        width: calc((100vw * 1800) /1920);
        float: right;
    }

    #main>div {
        width: 100%;
        padding-top:  calc((100vh * 90)/1080);
    }

    .sidebar {
        width: calc((100vw * 120) / 1920);
        position: fixed;
        /* height: calc(100vh -  calc((100vh * 90)/1080)) !important; */
        height: 100vh;
        padding-top:calc((100vh * 90)/1080) ;
        left: 0;
        /* top: calc((100vh * 90)/1080); */
        top: 0;
        z-index: 990;
        background: rgba(255, 255, 255, 1);
        box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.03);
        border-right: 1px solid #c1a689;
    }

    .sidebar-list {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 17px;
        font-size: 16px;
        color: #202557;
        cursor: pointer;
    }

    .sidebar-list a {
        color: #202557;
    }

    .sidebar-list>div:before {
        position: absolute;
        content: "";
        display: block;
        bottom: -15px;
        width: 15px;
        height: 1.5px;
        transform: rotate(38deg);
        background-color: rgba(0, 0, 0, 0.2);
    }

    .sidebar-list>div:nth-last-of-type(1):before {
        display: none;
    }

    .sidebar-list>div {
        margin-top: 30px;
    }

    .sidebar-list>div:nth-of-type(1) {
        margin-top: 0;
    }

    .sidebar-list-item {
        position: relative;
    }

    .sidebar-list-item:hover {
        color: #c1a689;
    }

    .sidebar-list-item-active:after {
        display: block;
        position: absolute;
        content: "";
        width: 16px;
        height: 16px;
        top: 50%;
        margin-top: -8px;
        right: calc((100vw * -59) / 1920);
        background-color: #ffffff;
        transform: rotate(45deg);
        /*border: 1px solid #c1a689;*/
        border-right: 1px solid #c1a689;
        border-top: 1px solid #c1a689;
    }

    .sidebar-list-item-active {
        color: #c1a689 !important;
    }

    .sidebar-list-item-active a {
        color: #c1a689 !important;
    }
    /*集团简介*/

    .sidebar-large {
        width: 200px;
        position: fixed;
        /* height: calc(100vh -  calc((100vh * 90)/1080)) !important; */
        height: 100vh;
        padding-top:calc((100vh * 90)/1080) ;
        left: 0;
        /* top: calc((100vh * 90)/1080); */
        top: 0;
        z-index: 990;
        background: rgba(255, 255, 255, 1);
        box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.03);
        border-right: 1px solid #c1a689;
    }

    .sidebar-large .side-item:first-child {
        margin-top: 20px;
    }
    .sidebar-large .side-item a {
        display: block;
        line-height: 56px;
        font-size: 16px;
        padding: 0 30px;
    }

    .sidebar-large .side-item.active a {
        color: #c1a689 !important;
    }

    .group-profile-index-center {
        width: 40.4%;
        height: 100%;
        background-color: #fafbfd;
        overflow: hidden;
    }

    .group-profile-index-right {
        width: 59.6%;
        height: 100%;
        background-color: #fafbfd;
    }

    .company-profile-content {
        margin-left: calc((100vw * 53) /1920);
        margin-right: calc((100vw * 81) /1920);
        margin-top: calc((100vw * 170) /1920);
    }

    .company-profile-content>div:nth-of-type(1) {
        font-size: 18px;
        color: #333333;
        font-weight: bold;
    }

    .company-profile-content>div:nth-of-type(2) {
        font-size: 16px;
        color: #666666;
        margin-top: calc((100vw * 32) /1920);
        line-height: 30px;
    }

    .group-profile-index-right img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    /*集团简介-大事记*/

    .memorabilia-main {
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: relative;
    }

    .memorabilia-main .group-business-port-title {
        margin-left: 6.5625rem;
        margin-top: 3.5rem;
        position: relative;
    }

    .memorabilia-main .group-business-port-title>div:nth-of-type(1) {
        font-size: 1.25rem;
        color: rgba(32, 37, 87, 1);
    }

    .memorabilia-main .group-business-port-title>div:nth-of-type(2) {
        font-size: 1.25rem;
        color: rgba(136, 136, 136, 1);
        margin-top: 0.3125rem;
    }

    .memorabilia-main .group-business-port-title:after {
        width: 0.1875rem;
        position: absolute;
        content: "";
        display: block;
        left: -1.125rem;
        height: 90%;
        top: 5%;
        background-color: #c1a689;
    }

    .memorabilia-main-box {
        width: 100%;
        height: 100%;
        background-color: #f1f3f8;
    }

    .memorabilia-timer-shaft {
        position: absolute;
        max-width: 470px;
        left: calc((100vw * 766) /1920);
        top: calc((100vh * 47) /1080);
        height: 60px;
        overflow: hidden;
    }

    .memorabilia-timer-shaft:before {
        content: "";
        display: block;
        position: absolute;
        bottom: 11px;
        left: 0;
        width: 100%;
        height: 1px;
        background-image: linear-gradient(rgba(193, 166, 137, 0), rgba(193, 166, 137, 1), rgba(193, 166, 137, 1), rgba(193, 166, 137, 0));
    }

    .memorabilia-point-in-time {
        height: 40px;
        position: relative;
        transition: all .3s;
    }

    .memorabilia-point-in-time li {
        float: left;
        font-size: 1.25rem;
        color: rgba(193, 166, 137, 1);
        width: 50px;
        margin-left: 30px;
        cursor: pointer;
        line-height: 50px;
    }

    .memorabilia-point-in-time li:nth-of-type(1) {
        margin-left: 0;
    }

    .memorabilia-point-in-time-active {
        position: relative;
        font-size: 1.5rem!important;
        font-weight: 700;
        line-height: 30px !important;
    }

    .memorabilia-point-in-time-active:before {
        content: "";
        display: block;
        position: absolute;
        bottom: -17px;
        background-color: #C1A689;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        left: 50%;
        margin-left: -9px;
        z-index: 900;
    }

    .memorabilia-point-in-time-active:after {
        content: "";
        display: block;
        position: absolute;
        bottom: -23px;
        width: 22px;
        height: 22px;
        border: 3px solid #C1A689;
        background-color: #ffffff;
        border-radius: 50%;
        left: 50%;
        margin-left: -15px;
        z-index: 800;
    }

    .memorabilia-left {
        width: 42.5%;
        height: 100%;
        background-color: #f4f6f9;
        overflow: hidden;
    }

    .memorabilia-right {
        width: 57.5%;
        height: 100%;
        background-color: #f1f3f8;
    }

    .memorabilia-new-style {
        width: 32.5rem;
        margin-left: 5.375rem;
        height: 80%;
    }

    .memorabilia-new-style>a {
        display: block;
        width: 100%;
        height: 100%;
    }

    .memorabilia-new-style>div {
        opacity: 1;
        transition: all 0.5s;
    }

    .memorabilia-2019 {
        width: 100%;
        margin-top: 2.5rem;
        position: relative;
    }

    .memorabilia-2019-time {
        color: #c1a689;
        font-size: 3.125rem;
        margin-bottom: 2.625rem;
        display: inline-block;
        position: relative;
        width: 7.5rem;
        height: 4.125rem;
        line-height: 4.125rem;
    }

    .memorabilia-2019-time:before {
        position: absolute;
        display: block;
        content: '';
        width: 0.9375rem;
        height: 0.9375rem;
        border-radius: 50%;
        border: #c1a689 0.1875rem solid;
        right: -2.3125rem;
        top: 50%;
        margin-top: -0.46875rem;
    }

    .memorabilia-2019:after {
        position: absolute;
        display: block;
        content: '';
        width: 130%;
        height: 0.125rem;
        top: 2rem;
        left: 9.75rem;
        background-color: #c1a689;
    }

    .memorabilia-things {
        font-size: 1rem;
        color: #666666;
        line-height: 1.875rem
    }

    .memorabilia-divider {
        height: 0.0625rem;
        background-color: #f2f3f5;
        margin: 1.875rem 3.4375rem;
    }

    #swiper-1 .swiper-pagination {
        text-align: left;
    }

    #swiper-1 .swiper-pagination-bullet-active {
        background-color: #c1a689;
    }

    .memorabilia-swiper-time {
        padding-top: 1.25rem;
        color: #c1a689;
    }

    #swiper-1 .swiper-slide {
        width: 100%;
        height: 13.625rem;
        overflow: hidden;
    }

    #swiper-1 img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .memorabilia-swiper-time span:nth-of-type(1) {
        font-size: 0.875rem;
    }

    .memorabilia-swiper-time span:nth-of-type(2) {
        font-size: 1.125rem;
    }

    .memorabilia-swiper-time span:nth-of-type(3) {
        font-size: 1.125rem;
    }

    .memorabilia-time {
        font-size: 3.125rem;
        color: #c1a689;
        position: relative;
    }

    .memorabilia-time-dot:after {
        position: absolute;
        display: block;
        content: '';
        top: 50%;
        border-radius: 50%;
        z-index: 900;
        transition: all .3s;
        left: -1.59375rem;
        margin-top: -0.46875rem;
        width: 0.9375rem;
        height: 0.9375rem;
        background-color: #ffffff;
        border: #c1a689 0.1875rem solid;
    }

    .memorabilia-time-dot:before {
        position: absolute;
        display: none;
        content: '';
        border-radius: 50%;
        border: #c1a689 0.1875rem solid;
        top: 50%;
        z-index: 901;
        width: 0.625rem;
        height: 0.625rem;
        background-color: #c1a689;
        left: -1.4375rem;
        margin-top: -0.3125rem;
    }

    .memorabilia-piece {
        margin-top: 7rem;
        position: relative;
        height: 100%;
    }

    .memorabilia-piece:after {
        position: absolute;
        content: "";
        display: block;
        width: 0.125rem;
        height: 100%;
        left: -0.0625rem;
        top: 4.375rem;
        background-color: #c1a689;
    }

    .memorabilia-piece-item {
        width: 85%;
        height: 16.625rem;
        margin-top: 1.25rem;
        border-radius: 0.5rem;
        cursor: pointer;
        opacity: 1;
        padding: 1.5625rem 0;
        margin-left: 1.125rem;
        transition: all .3s;
    }

    .memorabilia-piece-item:hover {
        background-color: #ffffff;
    }

    .memorabilia-piece-item:hover .memorabilia-time-dot:before {
        display: block;
    }

    .memorabilia-piece-item:hover .memorabilia-time-dot:after {
        width: 1.375rem;
        height: 1.375rem;
        margin-top: -0.6875rem;
        background-color: #ffffff;
        left: -1.8125rem;
    }

    .memorabilia-piece-item>a {
        display: block;
        width: 100%;
        height: 100%;
    }

    .memorabilia-piece-item>a>div:nth-of-type(1) {
        width: 33%;
        float: left;
    }

    .memorabilia-piece-item>a>div:nth-of-type(2) {
        width: 67%;
        float: left;
        padding-right: 1.375rem;
        height: 100%;
        overflow: hidden;
    }

    .memorabilia-piece-item-right>div {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .memorabilia-piece-item-right img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .memorabilia-piece-item-left .memorabilia-time {
        margin-top: 0.9375rem;
        padding-left: 2.1875rem;
        margin-bottom: 1.25rem;
    }

    .memorabilia-content {
        color: #666666;
        font-size: 1rem;
        padding: 0 2.1875rem;
        max-height: 6.25rem;
        overflow: hidden;
    }

    .memorabilia-content>div {
        margin-top: 0.5rem;
        height: 2.625rem;
        overflow: hidden;
    }

    .memorabilia-piece-item-left {
        position: relative;
    }

    .memorabilia-page {
        position: absolute;
        right: 2.5rem;
        top: 50%;
    }

    .memorabilia-page>div {
        width: 1.75rem;
        height: 1.75rem;
        border-radius: 50%;
        background: rgba(250, 251, 253, 1);
        cursor: pointer;
        margin-top: 1.25rem;
        position: relative;
    }

    .memorabilia-page>div:hover {
        box-shadow: 0 0 0.5625rem 0 rgba(0, 0, 0, 0.08);
    }

    .memorabilia-page>div img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    /*集团简介-企业荣耀*/

    .enterprise-honor-main {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .enterprise-honor-top {
        height: 100%;
        /* background-color: #f4f6f9; */
        padding-top: calc((100vw * 58) /1920);
        position: relative;
    }

    .enterprise-honor-top .group-business-port-title {
        margin-top: 0;
    }

    .enterprise-honor-bottom {
        height: 28.5%;
        background-color: #eff2f7;
        padding-left: calc((100vw * 360) /1920);
        padding-right: calc((100vw * 360) /1920);
    }

    .enterprise-honor-swiper {
        top: calc((100vw * 200) /1920);
        width: calc((100vw * 1080) /1920);
        left: calc((100vw * 360) /1920);
        /* height: calc((100vw * 355) /1920); */
        position: absolute;
    }

    #certify {
        position: relative;
        width: 100%;
        height: 100%;
        padding-bottom: calc((100vw * 20) /1920) !important;
    }

    #certify .swiper-slide {
        /* width: 35.64%; */
        height: 100%;
        position: relative;
        padding-bottom: calc((100vw * 40) /1920) !important;
    }

    #certify .swiper-slide img {
        display: block;
        width: auto;
        height: 100%;
        max-height: 260px;
        margin: auto;
    }

    #certify .swiper-slide a {
        display: block;
        width: 100%;
        height: 100%;
    }

    #certify .swiper-slide div {
        text-align: center;
        font-size: 1rem;
        font-weight: 400;
        width: 100%;
        color: rgba(102, 102, 102, 1);
        /* position: absolute; */
        height: calc((100vw * 20) /1920);
        line-height: calc((100vw * 25) /1920);
        margin-top: 10px;
        /* left: 0; */
        /* bottom: calc((100vw * 10) /1920); */
    }

    #certify .swiper-pagination {
        width: 100%;
        /* bottom: calc((100vw * 10) /1920); */
    }

    #certify .swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 5px;
        background-color: #d5d5d5;
        width: 8px;
        height: 8px;
        opacity: 1;
    }

    #certify .swiper-pagination-bullets .swiper-pagination-bullet-active {
        background: #c1a689;
    }

    #certify .swiper-button-next,
    #certify .swiper-button-prev {
        background-image: none;
    }

    .enterprise-honor-list {
        padding-top: calc(100vw * 50 /1920);
    }

    .enterprise-honor-list li {
        float: left;
        height: calc(100vw * 50 /1920);
        line-height: calc(100vw * 50 /1920);
        margin-top: calc(100vw * 5 /1920);
        width: calc((100vw * 293) /1920);
        overflow: hidden;
        position: relative;
        padding-left: calc(100vw * 20 /1920);
        border-bottom: 0.5px dashed #666666;
        margin-left: calc((100vw * 100) /1920);
    }

    .enterprise-honor-list li:after {
        position: absolute;
        content: "";
        display: block;
        width: 5px;
        height: 5px;
        background-color: #B9977B;
        border-radius: 50%;
        top: 50%;
        left: 0;
        margin-top: -2.5px;
    }

    .enterprise-honor-list li:hover {
        border-bottom: 0.5px dashed #C1A689;
    }

    .enterprise-honor-list li:hover>a {
        color: #C1A689;
    }

    .enterprise-honor-list li a {
        display: block;
        color: #666666;
        font-size: 16px;
    }

    .enterprise-honor-list li:nth-child(1) {
        margin-left: 0;
    }

    .enterprise-honor-list li:nth-child(4) {
        margin-left: 0;
    }

    .enterprise-honor-list li:nth-child(7) {
        margin-left: 0;
    }
    /*新闻中心*/
    /*新闻中心-集团要闻*/

    .group-news-main {
        width: 100%;
        height: 100%;
        background-color: #f4f6f9;
        padding-top: calc((100vh * 58) /1080);
    }

    .group-news .group-business-port-title {
        margin-top: 0;
    }

    .group-news-content {
        width: 100%;
        height: 100%;
        padding-top: 5%;
        padding-left: calc((100vw * 57) /1920);
    }

    .group-news-left {
        width: calc(100% - 471px);
        height: 100%;
    }

    .group-news-right {
        width: 471px;
        height: 454px;
        position: relative;
        padding-left: calc((100vw * 63) /1920);
        padding-right: calc((100vw * 63) /1920);
    }

    .group-news-left-list li {
        height: calc((100vw - 17px) * (454 / 1920));
        position: relative;
        cursor: pointer;
        overflow: hidden;
    }

    .group-news-left-list li:hover .group-news-left-item-box img {
        transform: scale(1.2);
    }

    .group-news-left-list li>a {
        display: block;
        width: 100%;
        height: 100%;
    }

    .group-news-left-list li:nth-of-type(1) {
        margin-left: 0;
    }

    .group-news-left-item-box {
        width: 100%;
        height: calc((100vw - 17px) * (232 / 1920));
        overflow: hidden;
    }

    .group-news-left-item-box img {
        width: 100%;
        height: 100%;
        transition: all .5s linear;
    }

    .group-news-left-content {
        margin-top: calc((100vw - 17px) * (40 / 1920));
        transition: all .5s;
        /* height: 182px; */
        height: calc((100vw - 17px) * (182 / 1920));
        width: 100%;
        overflow: hidden;
    }

    .group-news-left-content>div:nth-of-type(1) {
        font-size: 18px;
        color: rgba(32, 37, 87, 1);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding: 0 8px;
    }

    .group-news-left-content>div:nth-of-type(2) {
        font-size: 16px;
        color: rgba(102, 102, 102, 1);
        line-height: calc((100vw - 17px) * (28 / 1920));
        margin-top: calc((100vw - 17px) * (22 / 1920));
        padding: 0 calc((100vw - 17px) * (70 / 1920)) 0 calc((100vw - 17px) * (8 / 1920));
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        text-overflow: ellipsis;
    }

    .group-news-left-more {
        width: 95px;
        height: 35px;
        border: 1px solid #C1A689;
        border-radius: 17.5px;
        bottom: calc((100vh * 150) /1080);
        position: absolute;
        z-index: 900;
        cursor: pointer;
    }

    .group-news-left-more:hover {
        background-color: #C1A689;
    }

    .group-news-left-more:hover>a {
        color: #ffffff!important;
    }

    .group-news-left-more a {
        text-align: center;
        line-height: 35px;
        color: #C1A689;
        display: block;
    }

    .group-news-left-list-swiper-pagination {
        position: absolute;
        bottom: calc((100vh * 100) /1080)!important;
    }

    .group-dynamics-left-list-swiper-pagination {
        position: absolute;
        bottom: 100px!important;
    }

    .group-news-left-list-swiper-pagination .swiper-pagination-bullet,
    .group-dynamics-left-list-swiper-pagination .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }

    .group-news-left-list-swiper-pagination .swiper-pagination-bullet-active,
    .group-dynamics-left-list-swiper-pagination .swiper-pagination-bullet-active {
        background-color: #C1A689;
    }

    .new-center-list {
        position: relative;
    }

    .group-news-right-sort {
        line-height: 0;
        text-align: justify;
        text-align-last: justify;
        text-justify: inter-ideograph;
        font-size: 0;
        height: 30px;
        width: calc(100% - 60px);
    }

    .group-news-right-sort>div {
        font-size: 16px;
        font-weight: 400;
        cursor: pointer;
        line-height: 30px;
        display: inline-block;
    }

    .new-center-list a {
        line-height: 30px;
        font-size: 16px;
        color: rgba(193, 166, 137, 1);
    }

    .group-news-right-sort>div:hover {
        color: rgba(193, 166, 137, 1);
    }

    .group-news-right-list {
        margin-top: calc((100vw * 22) /1920);
        height: calc((100vw * 440) /1920);
    }

    .group-news-right-list li:not(.new-center-no-data) {
        padding: calc((100vw * 17) /1920) 0;
        border-bottom: 1px dashed rgba(0, 0, 0, 0.2);
        position: relative;
    }

    .new-center-no-data {
        width: 100%;
        height: 100%;
        text-align: center;
    }

    .group-news-right-list li:not(.new-center-no-data):after {
        position: absolute;
        display: block;
        content: "";
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: rgba(185, 151, 123, 1);
        left: 0;
        top: 50%;
        margin-top: -2.5px;
    }

    .group-news-right-list li>a {
        display: block;
        font-size: 16px;
        color: rgb(102, 102, 102);
    }

    .group-news-right-list li:hover a {
        color: rgba(193, 166, 137, 1);
    }

    .group-news-right-list li>a>div:nth-of-type(1) {
        max-width: 60%;
        padding-left: 20px;
    }
    /*新闻中心-通知公告*/
    .notice-news-main {
        width: 100%;
        height: 100%;
        background-color: #fafbfd;
        padding-top: calc((100vw * 61) /1920);
        padding-left: calc((100vw * 55) /1920);
        padding-right: calc((100vw * 180) /1920);
    }

    .notice-news-main .group-business-port-title {
        margin-top: 0;
        margin-left: calc((100vw * 18) /1920);
    }

    .notice-news-main-list {
        padding-top: 3%;
        width: 100%;
    }

    .notice-news-main-list li {
        float: left;
        width: 31%;
        min-height: calc((100vw * 199) /1920);
        padding: calc((100vw * 25) /1920) calc((100vw * 50) /1920);
        transition: all .3s linear;
        margin-top: calc((100vw * 25) /1920);
        border: 1px solid #f2f2f2;
        margin: 1%;
    }

    .notice-news-main-list li a {
        display: block;
        width: 100%;
        height: 100%;
    }

    .notice-news-main-list li:hover {
        background-color: #fff8f2;
        box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.03);
    }

    .notice-news-item-content>div:nth-child(1) {
        width: 100%;
        font-size: 16px;
        font-weight: 400;
        color: rgba(32, 37, 87, 1);
        padding-bottom: 5%
    }

    .notice-news-item-content>div:nth-child(2) {
        width: 100%;
        font-size: 14px;
        font-weight: 300;
        color: rgba(102, 102, 102, 1);
        height: 57px;
        overflow: hidden;
    }

    .notice-news-item-time {
        font-size: 14px;
        font-weight: 300;
        color: rgba(153, 153, 153, 1);
        padding-top: 5%;
    }

    .notice-news-main .turning-page {
        right: calc((100vw * 180) /1920);
    }

    .turning-page {
        position: absolute;
        right: 0;
        bottom: 50px;
    }
    /*集团业务*/

    .group-business-main {
        background-color: #fafbfd;
    }

    .group-business-main img {
        border-radius: 5px;
    }
    /*集团业务-业务总览*/

    .group-overview-business-main {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .group-overview-business-right {
        width: 42.2%;
        top: 0;
        left: 0;
        height: 100%;
        position: absolute;
    }

    .group-overview-business-left {
        width: 57.8%;
        top: 0;
        right: 0;
        height: 100%;
        position: absolute;
    }

    .group-overview-business-main .group-business-port-title {
        margin-top: 0;
        margin-left: 0;
        position: absolute;
        top: calc((100vw * 56) /1920);
        left: calc((100vw * 72) /1920);
        z-index: 800;
    }

    .group-overview-business-content {
        position: absolute;
        top: calc((100vw * 172) /1920);
        left: calc((100vw * 72) /1920);
        width: calc((100vw * 668) /1920);
        z-index: 800;
    }
    .group-overview-business-content .item{
        transition:all .3s linear;
    }
     .group-overview-business-content  .item-1{
         opacity: 0;
         margin-top: 20px;
     }

     .group-overview-business-content .title{
        font-size: 22px;
        font-weight: bold;
        color: #fff;

    }

    .group-overview-business-content p {
        margin-top: calc((100vw * 25) /1920);
        font-size: 18px;
        font-weight: 400;
        color: #fff;
        text-indent: 30px;
        line-height: 30px;
    }

    .group-overview-business-left .overview {
        width: 475px;
        height: 475px;
        z-index: 800;
        margin: 0 auto;
        position: relative;
    }

    .group-overview-business-all {
        width: 100%;
        height: 100%;
        position: relative;
        transition: all 1s linear;
    }
    /* .group-overview-business-all:hover{
        transform: rotate(360deg);
    } */

    .group-overview-business-all>div {
        overflow: hidden;
        position: absolute;
        cursor: pointer;
        transition: all .3s linear;
    }

     .group-overview-business-all>div:hover .group-overview-business-all-content>div:nth-of-type(1){
         font-size: 18px;
         color: #fff;
     }
     .group-overview-business-all>div:hover .group-overview-business-all-content>div:nth-of-type(2){
        font-size: 14px;
         color: #fff;
     }
    .group-overview-business-all img {
        height: 100%;
        width: 100%;
    }

    .group-overview-business-all-content {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        text-align: center;
        z-index: 900;
    }

    .group-overview-business-all-content>div:nth-of-type(1) {
        font-size: 16px;
        font-weight: bold;
           color: rgb(45, 62, 66);
        line-height: 16px;
    }

    .group-overview-business-all-content>div:nth-of-type(2) {
        font-size: 12px;
        transform : scale(0.83,0.83) ;
        font-size:10px;
        font-weight: 800;
           color: rgb(45, 62, 66);
        padding: 6px 0;
        font-weight: bold;

    }

    .group-overview-business-all>div:nth-of-type(1) {
        width: 143px;
        height: 143px;
        left: 50%;
        top: 50%;
        border-radius: 50%;
        transform: translate(-50%, -50%);
        z-index: 19;
    }
      .group-overview-business-all>div:nth-of-type(1) .center{
          width: 100%;
      }
    .group-overview-business-all>div:nth-of-type(1):hover img{
         opacity: 1;
         transform: rotate(0);
    }
    .group-overview-business-all>div:nth-of-type(1) img{
        /* opacity: 0; */
        transition: all .3s linear;
        transform: rotate(360deg);
    }

    .group-overview-business-all>div:nth-of-type(1)>div>div:nth-of-type(1) {
        font-size: 15px!important;
        font-weight: 800!important;
        color:#003082;
        /* line-height: 20px; */
    }

    .group-overview-business-all>div:nth-of-type(1)>div>div:nth-of-type(2) {
        /* font-size: 12px!important; */
        font-weight: 800!important;
        color:#003082;
        line-height: 10px;
    }

    /* 物流 */
    .group-overview-business-all>div:nth-of-type(2) {
        /* width: 185px; */
        height: 116px;
        top: 7px;
        right: 206px;
        z-index: 11;
    }

    .group-overview-business-all>div:nth-of-type(2):hover {
        top: 2px;
    }

    /* 工贸 */
    .group-overview-business-all>div:nth-of-type(3) {
        /* width: 183px; */
        height: 116px;
        top: 65px;
        right: 109px;
        z-index: 12;
    }

    .group-overview-business-all>div:nth-of-type(3):hover {
        top: 61px;
        right: 104px;
    }

    /* 投资 */
    .group-overview-business-all>div:nth-of-type(4) {
        /* width: 129px; */
        height: 116px;
        top: 120px;
        right: 10px;
        z-index: 13;
    }

    .group-overview-business-all>div:nth-of-type(4):hover {
        right: 5px;
    }

    /* 金融 */
    .group-overview-business-all>div:nth-of-type(5) {
        /* width: 173px; */
        height: 116px;
        bottom: 70px;
        right: 108px;
          z-index: 15;
    }

    .group-overview-business-all>div:nth-of-type(5):hover {
        bottom: 60px;
        right: 100px;
    }

    /* 船闸 */
    .group-overview-business-all>div:nth-of-type(6) {
        /* width: 203px; */
        height: 116px;
        bottom: 72px;
        left: 43px;
          z-index: 17;
    }

    .group-overview-business-all>div:nth-of-type(6):hover {
        left: 38px;
        bottom: 67px;
    }

    /* 能源 */
    .group-overview-business-all>div:nth-of-type(7) {
        /* width: 172px; */
        height: 116px;
        bottom: 14px;
        left: 140px;
        z-index: 16;
    }

    .group-overview-business-all>div:nth-of-type(7):hover {
        bottom: 10px;
    }

    /* 建设开发 */
    .group-overview-business-all>div:nth-of-type(8) {
        /* width: 132px; */
        height: 116px;
        bottom: 126px;
        right: 10px;
        z-index: 14;
    }

    .group-overview-business-all>div:nth-of-type(8):hover {
        right: 5px;
    }

    /* 文旅 */
    .group-overview-business-all>div:nth-of-type(9) {
        /* width: 132px; */
        height: 116px;
        top: 175px;
        left: 40px;
        z-index: 10;
    }

    /* .group-overview-business-all>div:nth-of-type(9):hover {
        left: 5px;
    } */

     /* 环保 */
    .group-overview-business-all>div:nth-of-type(10) {
        /* width: 132px; */
        height: 116px;
        top: 63px;
        left: 40px;
        z-index: 9;
    }


    /*集团业务-港口*/

    .group-business-port-title {
        margin-top: calc((100vw * 56) /1920);
        margin-left: calc((100vw * 72) /1920);
        position: relative;
    }

    .group-business-port-title:after {
        width: 3px;
        position: absolute;
        content: "";
        display: block;
        left: -18px;
        height: 90%;
        top: 5%;
        background-color: #c1a689;
    }

    .group-business-port-title>div:nth-of-type(1) {
        font-size: 22px;
        font-weight: bold;
        color: rgba(32, 37, 87, 1);
    }

    .group-business-port-title>div:nth-of-type(2) {
        font-size: 20px;
        color: rgba(136, 136, 136, 1);
        margin-top: calc((100vh * 5) /1080);
        font-weight: bold;
    }

    .group-business-port-main {
        width: 100%;
        height: 100%;
    }

    .group-business-port-main .group-business-port1>div {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .group-business-port-main .group-business-port2>div {
        padding-top: calc((100vw * 49) /1920);
        padding-left: calc((100vw * 49) /1920);
        position: relative;
    }

    .group-business-port-main .group-business-port-swiper-pagination {
        right: 44px!important;
        top: 35%!important;
        position: absolute;
        z-index: 999;
        cursor: pointer;
    }

    .group-business-port-main .group-business-port-swiper-pagination .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }

    .group-business-port-main .group-business-port-swiper-pagination .swiper-pagination-bullet-active {
        background-color: #c1a689;
    }

    .group-business-port-map {
        width: 1024px;
        height: 839px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .group-business-port-map img {
        height: 100%;
        width: 100%;
    }

    .group-business-port-map>div {
        position: absolute;
        overflow: hidden;
    }

    .group-business-port-map1 {
        top: 0;
        left: 0;
    }

    .group-business-port-map1 img {
        width: 920px;
        height: 510px;
    }

    .group-business-port-map2 {
        width: 263px;
        height: 166px;
        right: 0;
        bottom: 270px;
    }

    .group-business-port-map3 {
        top: 12px;
        right: 0;
    }

    .group-business-port-map4 {
        bottom: 280px;
        right: 300px;
    }

    .group-business-port-map5 {
        top: 180px;
        right: 0;
        width: 148px;
        height: 148px;
    }

    .group-business-port-map5>a>div {
        width: 98px;
        height: 98px;
    }

    .group-business-port-map6 {
        top: 290px;
        right: 15px;
    }

    .group-business-port-map7 {
        bottom: 450px;
        right: 138px;
        width: 126px;
        height: 126px;
    }

    .group-business-port-map7>a>div {
        width: 82px;
        height: 82px;
    }

    .group-business-port-map8 {
        bottom: 343px;
        right: 195px;
    }

    .group-business-port-map9 {
        bottom: 300px;
        left: 425px;
        width: 115px;
        height: 115px;
    }

    .group-business-port-map9>a>div {
        width: 75px;
        height: 75px;
    }

    .group-business-port-map10 {
        bottom: 395px;
        left: 350px;
    }

    .group-business-port-map11 {
        bottom: 275px;
        left: 226px;
        width: 115px;
        height: 115px;
    }

    .group-business-port-map11>a>div {
        width: 75px;
        height: 75px;
    }

    .group-business-port-map12 {
        bottom: 370px;
        left: 290px;
    }

    .group-business-port-map13 {
        bottom: 280px;
        left: 75px;
        width: 135px;
        height: 135px;
    }

    .group-business-port-map13>a>div {
        width: 98px;
        height: 98px;
    }

    .group-business-port-map14 {
        bottom: 380px;
        left: 192px;
    }

    .group-business-port-content {
        bottom: 150px;
        left: 0;
        width: 100%;
        text-indent: 30px;
        font-size: 16px;
        color: #666666;
        padding-bottom: calc((100vh * 20) /1080);
    }

    .group-business-port-content>div {
        display: none;
    }

    .group-business-port-content>div:nth-of-type(1) {
        display: block;
    }

    .group-business-port-size {
        z-index: 999;
    }

    .group-business-port-size>a {
        display: block;
        width: 100%;
        height: 100%;
    }

    .group-business-port-size>a>div {
        background-color: #8d8da0;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .group-business-port-size>a>div>div {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .group-business-port-size>a>div>div>div:nth-of-type(1) {
        font-size: 15px;
        font-weight: 400;
        color: rgba(255, 255, 255, 1);
        text-align: center;
    }

    .group-business-port-size>a>div>div>div:nth-of-type(2) {
        font-size: 8px;
        font-weight: 400;
        color: rgba(255, 255, 255, 1);
        text-align: center;
    }

    .group-business-port-size img {
        animation: mymove 6s linear infinite;
    }

    @keyframes mymove {
        from {
            transform: rotate(0deg);
        }
        to {
            transform: rotate(360deg);
        }
    }

    .group-business-port-size {
        cursor: pointer;
    }

    .group-business-port-size-remove-hover {
        opacity: 0.5;
    }

    .group-business-port-size-hover {
        opacity: 1;
    }

    .group-business-port-name {
        position: relative;
        padding-left: 10px;
        line-height: 40px;
    }

    .group-business-port-name:after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        width: calc(100vw *7 /1920);
        height: calc(100vw *7 /1920);
        min-width: 4px;
        min-height: 4px;
        background-color: #c1a689;
        border-radius: 50%;
        margin-top: -3.5px;
    }

    .group-business-port-name span:nth-of-type(1) {
        font-size: 20px;
        font-weight: 400;
        color: rgba(32, 37, 87, 1);
    }

    .group-business-port-name span:nth-of-type(2) {
        font-size: 20px;
        font-weight: 400;
        color: rgba(221, 221, 221, 1);
    }

    .group-business-port-left:hover img {
        transform: scale(1.2);
    }

    .group-business-port-left {
        width: calc((100vw * 713) /1920);
        float: left;
    }

    .group-business-port-left>div:nth-of-type(2) {
        width: calc((100vw * 713) /1920);
        height: calc((100vw * 594) /1920);
        overflow: hidden;
        position: relative;
        border-radius: 5px;
    }

    .group-business-port-left>div:nth-of-type(2)>a {
        display: block;
        width: 100%;
        height: 100%;
    }

    .group-business-port-left>div:nth-of-type(2) img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        transition: all 0.3s;
    }

    .group-business-port-left-content {
        position: absolute;
        left: calc((100vw * 20) /1920);
        bottom: calc((100vw * 18) /1820);
        color: #ffffff;
        width: 80%;
    }

    .group-business-port-left-content>div:nth-of-type(1) {
        font-size: 18px;
        font-weight: 400;
        line-height: calc((100vw * 36) /1820);
        width: 100%;
    }

    .group-business-port-left-content>div:nth-of-type(2) {
        font-size: 14px;
        font-weight: 300;
        width: 100%;
    }

    .group-business-port-right {
        float: left;
        margin-left: calc((100vw * 22) /1920);
        width: calc((100vw * 755) /1920);
    }

    .group-business-overseas-port {
        width: 100%;
    }

    .group-business-overseas-port-list {
        width: 100%;
    }

    .group-business-overseas-port-list li {
        float: left;
        width: calc( 50% - 15px);
        margin-left: 15px;
        overflow: hidden;
    }

    .group-business-overseas-port-list li:nth-of-type(1) {
        margin-left: 0;
    }

    .group-business-overseas-port-list li>a {
        display: block;
    }

    .group-business-overseas-port-list li:hover img {
        transform: scale(1.2);
    }

    .group-business-overseas-port-list li>a>div:nth-of-type(1) {
        width: 100%;
        height: calc((100vw * 190) /1920);
        overflow: hidden;
    }

    .group-business-overseas-port-list li>a>div:nth-of-type(1) img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: center;
        transition: all .3s;
        border-radius: 0;
    }

    .group-business-overseas-port-content {
        width: 100%;
        overflow: hidden;
    }

    .group-business-overseas-port-content>div:nth-of-type(1) {
        font-size: 16px;
        font-weight: 400;
        color: rgba(51, 51, 51, 1);
        line-height: calc((100vw * 36) /1920);
        width: 100%;
    }

    .group-business-overseas-port-content>div:nth-of-type(2) {
        font-size: 14px;
        font-weight: 300;
        color: rgba(102, 102, 102, 1);
        width: 100%;
    }

    .group-business-xijiang-port {
        margin-top: calc((100vh * 45) /1080);
        width: 100%;
    }

    .group-business-xijiang-content {
        margin-top: calc((100vh * 5) /1080);
    }

    .group-business-xijiang-content>a {
        display: block;
    }

    .group-business-xijiang-content>a>div:nth-of-type(1) {
        width: 100%;
        height: calc((100vw * 190) /1920);
        border-radius: 5px;
        overflow: hidden;
    }

    .group-business-xijiang-content>a>div:nth-of-type(1) img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .group-business-xijiang-content>a>div:nth-of-type(2) {
        text-indent: 30px;
        font-size: 14px;
        font-weight: 300;
        color: rgba(102, 102, 102, 1);
        line-height: calc((100vw * 25) /1920);
        height: calc((100vw * 50) /1920);
        overflow: hidden;
        margin-top: calc((100vw * 10) /1920);
    }
    /*集团业务-物流*/

    .group-business-logistics-list {
        padding-top: 1.5%;
        padding-left: calc((100vw * 53) /1920);
    }

    .group-business-logistics-list>li {
        width: 45.1%;
        height: calc((100vw * 190) /1920);
        margin-top: 0.8%;
        float: left;
        cursor: pointer;
        position: relative;
    }

    .group-business-logistics-list>li a {
        display: block;
        width: 100%;
        height: 100%;
    }

    .group-business-logistics-list>li:hover {
        box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.03);
    }

    .group-business-logistics-list>li:nth-child(even) {
        margin-left: calc((100vw * 16) /1920);
    }

    .group-business-logistics-list>li>a>div:nth-of-type(1) {
        width: 51.7%;
        height: 100%;
        float: left;
        overflow: hidden;
    }

    .group-business-logistics-list>li>a>div:nth-of-type(2) {
        width: 48.3%;
        height: 100%;
        background-color: #ffffff;
        float: right;
        padding: calc((100vw * 30) /1920) calc((100vw * 40) /1920);
    }

    .group-business-logistics-list>li:hover img {
        transform: scale(1.2);
    }

    .group-business-logistics-list>li>a>div:nth-of-type(1) img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        transition: all .3s linear;
    }

    .group-business-logistics-item-content>div:nth-of-type(1) {
        font-size: 19px;
        font-weight: 400;
        color: rgba(32, 37, 87, 1);
    }

    .group-business-logistics-item-content>div:nth-of-type(2) {
        font-size: 14px;
        font-weight: 300;
        color: rgba(102, 102, 102, 1);
        height: 57px;
        overflow: hidden;
        margin-top: calc((100vh * 15) /1080);
    }
    /*集团业务-工贸*/

    .group-business-industry-employment {
        background-color: #fafbfd;
        height: 58.6%;
        width: 100%;
        float: left;
    }

    .group-business-industry-employment .group-business-port-title {
        margin-top: calc((100vh * 60) /1080);
    }

    .group-business-industry-employment .group-business-port-title:after {
        left: -18px;
    }

    .group-business-industry-trade .group-business-port-title {
        margin-top: calc((100vh * 34) /1080);
    }

    .group-business-industry-trade {
        background-color: #f5f7fa;
        height: 41.4%;
        width: 100%;
        float: left;
    }

    .group-business-industry-main {
        padding-top: 2.5%;
        padding-left: calc((100vw * 57) /1920);
    }

    .group-business-industry-main ul li {
        float: left;
        width: 17.55%;
        margin-left: 5%;
        cursor: pointer;
    }

    .group-business-industry-main ul li a {
        display: block;
    }

    .group-business-industry-main ul li>a>div:nth-of-type(1) {
        width: calc((100vw * 306) /1920);
        height: calc((100vw * 213) /1920);
        position: relative;
        overflow: hidden;
    }

    .group-business-industry-main ul li>a>div:nth-of-type(1)>div {
        position: absolute;
        width: 100%;
        height: 0;
        background-color: rgba(0, 0, 0, 0.3);
        color: #ffffff;
        overflow: hidden;
        transition: all .3s;
        line-height: calc((100vw * 213) /1920);
        text-align: center;
        font-size: 25px;
        top: 0;
        left: 0;
    }

    .group-business-industry-main ul li:hover div:nth-of-type(1) img {
        transform: scale(1.2);
    }

    .group-business-industry-main ul li:hover div:nth-of-type(1) div {
        height: 100%;
    }

    .group-business-industry-main ul li img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        transition: all .3s;
    }

    .group-business-industry-main ul li:nth-of-type(1) {
        margin-left: 0;
    }

    .group-business-industry-employment-content {
        margin-top: calc((100vw * 10) /1920);
    }

    .group-business-industry-employment-content div:nth-of-type(1) {
        font-size: 17px;
        color: rgba(32, 37, 87, 1);
    }

    .group-business-industry-employment-content div:nth-of-type(2) {
        font-size: 13px;
        color: rgba(102, 102, 102, 1);
        margin-top: calc((100vw * 15) /1920);
        max-height: 34px;
        overflow: hidden;
    }
    /* 贸易业务 */

    .group-business-industry-trade-main {
        padding-top: calc((100vw * 44) /1920);
        padding-left: calc((100vw * 54) /1920);
    }

    .group-business-industry-trade-main>a {
        display: block;
    }

    .group-business-industry-trade-main>a>div {
        float: left;
    }

    .group-business-industry-trade-main>a>div:nth-of-type(1) {
        height: calc((100vw * 177) /1920);
        width: 40.4%;
    }

    .group-business-industry-trade-main>a>div:nth-of-type(2) {
        height: calc((100vw * 177) /1920);
        width: 59.6%;
        background-color: #ffffff;
    }

    .group-business-industry-trade-main>a>div:nth-of-type(1) img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        border-radius: 5px;
    }

    .group-business-industry-trade-content div:nth-of-type(1) {
        font-size: 17px;
        color: rgba(32, 37, 87, 1);
        margin-left: calc((100vw * 99) /1920);
        margin-top: calc((100vw * 28) /1920);
        width: 69%;
    }

    .group-business-industry-trade-content div:nth-of-type(2) {
        font-size: 14px;
        color: rgba(102, 102, 102, 1);
        margin-left: calc((100vw * 99) /1920);
        margin-top: calc((100vw * 19) /1920);
        max-height: 76px;
        overflow: hidden;
        width: 69%;
    }
    /*集团业务-投资*/

    .group-business-investment-main {
        margin-top: calc((100vw * 39) /1920);
        margin-left: calc((100vw * 59) /1920);
    }

    .group-business-investment-main>div {
        float: left;
    }

    .group-business-investment-main>div:nth-of-type(2) {
        margin-left: calc((100vw * 26) /1920);
        width: calc((100vw * 792) /1920);
    }

    .group-business-investment-title {
        position: relative;
        margin-left: 16px;
    }

    .group-business-investment-title:after {
        position: absolute;
        content: "";
        display: block;
        width: calc((100vw * 7) /1920);
        height: calc((100vw * 7) /1920);
        min-width: 4px;
        min-width: 4px;
        background-color: #c1a689;
        border-radius: 50%;
        left: -15px;
        top: 50%;
        margin-top: -1.5px;
    }

    .group-business-investment-title span:nth-of-type(1) {
        font-size: 20px;
        color: rgba(32, 37, 87, 1);
    }

    .group-business-investment-title span:nth-of-type(2) {
        font-size: 20px;
        color: rgba(221, 221, 221, 1);
    }

    .group-business-investment-Hongkong {
        width: calc((100vw * 678) /1920);
    }

    .group-business-investment-Hongkong>div:nth-of-type(2) {
        width: 100%;
        height: calc((100vw * 565) /1920);
        margin-top: calc((100vw * 14) /1920);
        position: relative;
        overflow: hidden;
    }

    .group-business-investment-Hongkong>div:nth-of-type(2)>a {
        display: block;
        width: 100%;
        height: 100%;
    }

    .group-business-investment-Hongkong>div:nth-of-type(2):hover img {
        transform: scale(1.2);
    }

    .group-business-investment-Hongkong>div:nth-of-type(2) img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        transition: all .3s;
        border-radius: 0;
    }

    .group-business-investment-Hongkong-content {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 10px 20px;
        opacity: 1;
        background: rgba(255, 255, 255, 0.7);
        transition: all .3s linear;
    }

    .group-business-investment-Hongkong-content>div:nth-of-type(1) {
        font-size: 16px;
        color: rgba(102, 102, 102, 1);
    }

    .group-business-investment-Hongkong-content>div:nth-of-type(2) {
        font-size: 14px;
        color: rgba(102, 102, 102, 1);
        height: 38px;
        overflow: hidden;
    }

    .group-business-investment-Malaysia {
        width: calc((100vw * 792) /1920);
    }

    .group-business-investment-Malaysia ul {
        margin-top: calc((100vh * 14) /1080);
    }

    .group-business-investment-Malaysia ul li {
        float: left;
        margin-left: calc((100vw * 21) /1920);
        width: calc((100vw * 250) /1920);
        position: relative;
    }

    .group-business-investment-Malaysia ul li>a {
        display: block;
    }

    .group-business-investment-Malaysia ul li:hover img {
        transform: scale(1.2);
    }

    .group-business-investment-Malaysia ul li>a>div:nth-of-type(1) {
        width: calc((100vw * 250) /1920);
        height: calc((100vw * 208) /1920);
        overflow: hidden;
    }

    .group-business-investment-Malaysia ul li>a>div:nth-of-type(1) img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: center;
        transition: all .3s;
        border-radius: 0;
    }

    .group-business-investment-Malaysia ul li:nth-of-type(1) {
        margin-left: 0;
    }

    .group-business-investment-Malaysia-content {
        padding: 0 calc((100vw * 15) /1920);
    }

    .group-business-investment-Malaysia-content>div:nth-of-type(1) {
        font-size: 16px;
        color: rgba(51, 51, 51, 1);
        margin-top: calc((100vw * 15) /1920);
        margin-bottom: calc((100vw * 13) /1920);
    }

    .group-business-investment-Malaysia-content>div:nth-of-type(2) {
        font-size: 14px;
        color: rgba(102, 102, 102, 1);
    }

    .group-business-investment-Brunei {
        margin-top: calc((100vw * 33) /1920);
    }

    .group-business-investment-Brunei-main {
        margin-top: calc((100vw * 14) /1920);
        height: calc((100vw * 208) /1920);
    }

    group-business-investment-Brunei-main>a {
        display: block;
    }

    .group-business-investment-Brunei-main>a>div {
        float: left;
    }

    .group-business-investment-Brunei-main>a>div:nth-of-type(1) {
        width: calc((100vw * 542) /1920);
        background-color: #ffffff;
        padding-top: calc((100vw * 37) /1920);
        padding-left: calc((100vw * 21) /1920);
        padding-right: calc((100vw * 39) /1920);
        box-sizing: border-box;
        height: 100%;
    }

    .group-business-investment-Brunei-content>div:nth-of-type(1) {
        font-size: 16px;
        color: rgba(51, 51, 51, 1);
    }

    .group-business-investment-Brunei-content>div:nth-of-type(2) {
        font-size: 14px;
        color: rgba(102, 102, 102, 1);
        margin-top: calc((100vw * 30) /1920);
        overflow: hidden;
        height: calc((100vw * 64) /1920);
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        text-overflow: ellipsis;
        max-height: 40px;
        overflow: hidden;
    }

    .group-business-investment-Brunei-main>a>div:nth-of-type(2) {
        width: calc((100vw * 250) /1920);
        height: 100%;
        overflow: hidden;
    }

    .group-business-investment-Brunei-main>a>div:nth-of-type(2) img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        transition: all .3s;
    }

    .group-business-investment-Brunei-main>a>div:nth-of-type(2):hover img {
        transform: scale(1.2);
    }

    .group-business-investment-Brunei-main img {
        width: 100%;
        height: 100%;
    }
    /*集团业务-能源*/

    .group-business-energy-main {
        margin-top: calc((100vh * 61) /1080);
        margin-left: calc((100vw * 54) /1920);
        padding-right: calc((100vw * 183) /1920);
    }

    .group-business-energy-main>div {
        width: calc((100vw * 779) /1920);
    }

    .group-business-energy-list li {
        float: left;
        width: calc(50% - 2.5px);
        height: calc((100vw - 17px) * (214 / 1920));
        background-color: #ffffff;
        margin-left: 5px;
        cursor: pointer;
        overflow: hidden;
    }

    .group-business-energy-list li:hover {
        box-shadow: 0 0 10px 1px rgba(98, 139, 166, 0.2);
    }

    .group-business-energy-list li:nth-of-type(1) {
        margin-left: 0;
    }

    .group-business-energy-list li>a {
        display: block;
        width: 100%;
        height: 100%;
        overflow: hidden;
        padding: calc((100vw - 17px) * (30 / 1920));
    }

    .group-business-energy-list li>a .table {
        width: 100%;
        height: 100%;
    }

    .group-business-energy-list li .table-cell>div:nth-of-type(1) {
        font-size: 19px;
        color: rgba(32, 37, 87, 1);
    }

    .group-business-energy-list li .table-cell>div:nth-of-type(2) {
        padding-top: calc((100vw - 17px) * (15 / 1920));
        font-size: 14px;
        color: rgba(102, 102, 102, 1);
        height: calc((100vw - 17px) * (94 / 1920));
        overflow: hidden;
    }

    .j-financial-item-img {
        width: calc((100vw * 779) /1920);
        height: calc((100vw * 384) /1920);
        overflow: hidden;
        position: relative;
    }

    .group-business-energy-img-box>div:nth-of-type(2) {
        margin-left: calc((100vw * 4.6666) /1920);
    }

    .j-financial-item-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        position: absolute;
        border-radius: 0;
        top: 0;
        left: 0;
        /*transition: all .2s;*/
    }

    .j-financial-item-img img:nth-of-type(1) {
        opacity: 1;
    }

    .j-financial-item-img img:nth-of-type(2) {
        opacity: 0;
    }
    /*集团业务-建设开发*/

    .group-business-development-main {
        margin-top: calc((100vh * 68) /1080);
        margin-left: calc((100vw * 54) /1920);
        width: calc((100vw * 1570) /1920);
    }

    .group-business-development-main img {
        border-radius: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        transition: all .3s;
    }

    .group-business-development-main>div {
        float: left;
        width: 50%;
        height: calc((100vw * 546) /1920);
        position: relative;
        overflow: hidden;
        cursor: pointer;
    }

    .group-business-development-main>div>a {
        display: block;
        width: 100%;
        height: 100%;
    }

    .group-business-development-main>div:nth-of-type(1):hover img {
        transform: scale(1.2);
    }

    .group-business-development-main>div:nth-of-type(1)>a>div {
        width: calc((100vw * 260) /1920);
        height: 100%;
        transition: all .3s;
        position: absolute;
        background-color: rgba(255, 255, 255, 0.7);
        top: 0;
        left: 0;
        overflow: hidden;
    }

    .group-business-development-main>div:nth-of-type(1)>a>div>div:nth-of-type(1) {
        margin-top: calc((100vh * 43) /1080);
        width: 70%;
        margin-right: auto;
        margin-left: auto;
    }

    .group-business-development-main>div:nth-of-type(1)>a>div>div:nth-of-type(2) {
        margin-top: calc((100vh * 20) /1080);
        width: 70%;
        margin-right: auto;
        margin-left: auto;
        ;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 10;
        text-overflow: ellipsis;
    }

    .group-business-development-main>div:nth-of-type(2):hover img {
        transform: scale(1.2);
    }

    .group-business-development-main>div:nth-of-type(2)>a>div {
        width: 100%;
        height: calc((100vw * 177) /1920);
        position: absolute;
        background-color: rgba(255, 255, 255, 0.7);
        bottom: 0;
        left: 0;
        overflow: hidden;
        transition: all .3s;
    }

    .group-business-development-main>div:nth-of-type(2)>a>div>div:nth-of-type(1) {
        margin-top: calc((100vw * 36) /1920);
        margin-left: calc((100vw * 47) /1920);
        margin-right: calc((100vw * 45) /1920);
    }

    .group-business-development-main>div:nth-of-type(2)>a>div>div:nth-of-type(2) {
        margin-top: calc((100vw * 20) /1920);
        margin-left: calc((100vw * 47) /1920);
        margin-right: calc((100vw * 45) /1920);
        overflow: hidden;
        height: 57px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        text-overflow: ellipsis;
    }

    .group-business-development-content div:nth-of-type(1) {
        font-size: 19px;
        color: rgba(32, 37, 87, 1);
    }

    .group-business-development-content div:nth-of-type(2) {
        font-size: 14px;
        color: rgba(102, 102, 102, 1);
    }
    /*党的建设-总览*/

    .party-build-pandect-main {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .party-build-pandect-main>div {
        width: 67.7%;
        height: 85%;
        position: absolute;
        top: 15%;
        left: 50%;
        transform: translate(-50%, 0);
        background-color: rgba(255, 255, 255, 0.5);
        padding: 0 3%;
        border-radius: 5px;
    }

    .party-build-pandect-top {
      height: 50%;
      width: 100%;
    }

    .party-build-pandect-bottom {
      height: 50%;
      width: 100%;
      padding-top: 6%;
    }

    .party-build-top {
      height: auto;
      width: 100%;
    }
    .dj2_box {
      /* height: 50%; */
      width: 60vw;
      display: flex;
      margin: 2.8333rem auto;
      /* padding-top: 6%; */
    }
    .dj2_L {
      flex: 1;
    }
    .dj2_L_li{
      display: flex;
      justify-content:space-between;
      margin-bottom:1rem;
      height: 33%;
    }
    .dj2_L_img_box{
      width: 22vw;
      /* height: 14vh; */
      display: inline-block;
      position: relative;
    }
    .dj2_L_img_name{
      bottom:0;
      left:0;
      width:100%;
      padding:0.625rem 0.8333rem;
      background:#00000066;
      position:absolute;
    }
    .dj2_L_img_name_p{
      font-size:1rem;
      font-weight:500;
      text-align:left;
      color:#FFFFFF;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;
    }
    .dj2_li{
      width: 22vw;
      display:inline-block;
      margin-bottom: 1rem;
    }
    .dj2_li_top{
      height: 17.1.6667rem;
      background:#EEEEEE;
      display:flex;
      align-items:center;
      justify-content:space-between;
    }
    .dj2_li_top_L{
      min-width: 5.4167rem;
      height: 100%;
      background: linear-gradient(90deg, #E50012 -13.18%, #A70C18 177.13%);
      font-size: 1rem;
      font-weight: 500;
      line-height: 2rem;
      text-align: center;
      color: #ffffff;
      position:relative;
    }
    .dj2_li_top_sj{
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      height: 0.4rem;
      position:absolute;
    }
    .dj2_li_top_sj img{
      height: 100%;
      vertical-align: top;
    }
    .dj2_li_top_btn{
      font-size: 0.8rem;
      font-weight: 500;
      text-align: left;
      color: #E50012;
      padding-right: 0.5833rem;
    }
    .dj2_li_ul{
      margin-top:0.2083rem;
    }
    .dj2_li_ul_li{
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      padding: 0.5417rem 0;
      border-bottom: 1px dashed #EFEFEF;
    }
    .dj2_li_ul_name{
      font-size:1rem;
      font-weight: 400;
      line-height: 2rem;
      text-align: left;
      color: #000000;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .dj2_li_ul_time{
      font-size: 1rem;
      font-weight: 400;
      text-align: left;
      color: #CACACA;
      flex: none;
      padding-right: 0.3333rem;
      margin-left: 1rem;
    }

    .dj2_R {
      width: 14vw;
      margin-left: 1.25rem;
      flex: none;
    }
    .dj2_R_top {
      background: #E50012;
      font-size: 1rem;
      font-weight: 500;
      line-height: 2rem;
      text-align: left;
      color: #FFFFFF;
      width: 100%;
      height: 2rem;
      padding: 0 1rem;
    }
    .dj2_R_li {
      width: 100%;
      margin-top: 0.4167rem;
    }
    .dj2_R_li img {
      width: 100%;
      vertical-align: bottom;
    }

    .party-build-pandect-top>div {
        width: 50%;
        padding-top: calc((100vw * 53) /1920);
    }

    .party-build-pandect-top>div:nth-of-type(1) {
        padding-right: 4%;
    }

    .party-build-pandect-top>div:nth-of-type(2) {
        padding-left: 4%;
    }

    .party-build-pandect-filter {
        line-height: 30px;
        position: relative;
    }

    .party-build-pandect-top .party-build-pandect-filter {
        width: 100%;
    }

    .party-build-pandect-filter:before {
        display: block;
        content: "";
        position: absolute;
        width: 100%;
        height: 2px;
        background-color: rgba(0, 0, 0, 0.05);
        bottom: -5px;
        right: 0;
    }

    .party-build-pandect-filter>div:nth-of-type(1) {
        font-size: 20px;
        color: rgba(32, 37, 87, 1);
        margin-left: calc((100vw * 12) /1920);
        position: relative;
        float: left;
        font-weight: 500;
    }

    .party-build-pandect-filter>div:nth-of-type(1):after {
        position: absolute;
        display: block;
        width: 3px;
        height: 80%;
        content: "";
        left: -14px;
        top: 15%;
        background-color: #c1a689;
    }

    .party-build-pandect-filter ul {
        float: right;
    }

    .party-build-pandect-filter li {
        float: left;
        margin-left: calc((100vw * 16) /1920);
        font-size: 16px;
        cursor: pointer;
        font-weight: 300;
    }

    .party-build-pandect-filter li:hover {
        color: #c1a689;
    }

    .party-build-pandect-filter-active {
        color: rgba(193, 166, 137, 1)!important;
    }

    .party-build-pandect-filter-more {
        color: rgba(193, 166, 137, 1);
    }
    /* 党的建设 */
    /* 总览列表 */

    .party-build-pandect-piece>a {
        display: block;
        width: 100%;
        height: calc((100vw - 17px) * (115 / 1920));
        min-height: 80px;
        margin-top: calc((100vw - 17px) * (35 / 1920));
        padding-left: calc((100vw - 17px) * (28 / 1920));
        padding-right: calc((100vw - 17px) * (28 / 1920));
        cursor: pointer;
        transition: all .3s linear;
    }

    .party-build-pandect-piece>a>div {
        width: 100%;
        height: 100%;
    }

    .party-build-pandect-piece-content {
        width: 70%;
        padding-right: calc((100vw - 17px) * (40 / 1920));
    }

    .party-build-pandect-piece-time {
        width: 30%;
    }

    .party-build-pandect-piece>a:hover {
        background: rgba(255, 255, 255, 0.5);
        box-shadow: 0 0 50px 0 rgba(98, 139, 166, 0.03);
    }

    .party-build-pandect-piece li:hover .party-build-pandect-piece-content>div {
        color: #C4AA8E;
        transition: all .3s linear;
    }

    .party-build-pandect-piece-content>div:nth-of-type(1) {
        font-size: 16px;
        color: rgba(32, 37, 87, 1);
    }

    .party-build-pandect-piece-content>div:nth-of-type(2) {
        text-indent: 30px;
        font-size: 14px;
        height: calc((100vw - 17px) * (60 / 1920));
        line-height: calc((100vw - 17px) * (25 / 1920));
        color: rgba(102, 102, 102, 1);
        padding-top: calc((100vw - 17px) * (10 / 1920));
    }

    .party-build-pandect-piece-time>div:nth-of-type(1) {
        font-size: 33px;
        color: #C4AA8E;
        border-bottom: 0.5px dashed rgba(0, 0, 0, 0.1);
        font-weight: bold;
        padding-bottom: calc((100vw - 17px) * (8 / 1920));
    }

    .party-build-pandect-piece-time>div:nth-of-type(2) {
        font-size: 22px;
        color: #C4AA8E;
        font-weight: 300;
        margin-top: calc((100vw - 17px) * (8 / 1920));
    }
    /* 总览--群团建设 */

    .party-build-pandect-bottom .party-build-pandect-filter {
        width: 100%;
    }

    .party-build-pandect-bottom .party-build-pandect-filter ul {
        float: right;
    }

    .party-build-pandect-bottom .party-build-pandect-piece {
        width: 100%;
    }

    .party-build-pandect-bottom .party-build-pandect-piece::after {
        display: block;
        clear: both;
        content: "";
    }

    .party-build-pandect-bottom .party-build-pandect-piece>a:nth-of-type(1) {
        float: left;
        width: 50%;
        padding-right: 4%;
    }

    .party-build-pandect-bottom .party-build-pandect-piece>a:nth-of-type(2) {
        float: right;
        width: 50%;
        padding-left: 4%;
    }
    /*党的建设-党的建设*/

    .party-build-index-main {
        padding-top: calc((100vw * 84) /1920);
        background-color: #fafbfd;
        width: 100%;
        height: 100%;
    }

    .party-build-index-main>div {
        width: 67.7%;
        border-radius: 5px;
        height: 100%;
        margin: 0 auto;
        position: relative;
    }

    .party-build-index-title {
        margin-left: calc((100vw * 30) /1920);
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        padding-bottom: calc((100vw * 17) /1920);
    }

    .party-build-index-title>div:nth-of-type(1) {
        float: left;
        font-size: 20px;
        color: rgba(32, 37, 87, 1);
        position: relative;
        margin-left: calc((100vw * 12) /1920);
    }

    .party-build-index-title>div:nth-of-type(1):after {
        position: absolute;
        content: "";
        display: block;
        height: 100%;
        width: 6px;
        top: 0;
        left: -18px;
        background-color: #c1a689;
    }

    .party-build-index-title>ul {
        float: left;
    }

    .party-build-index-title li {
        float: left;
        font-size: 16px;
        margin-left: calc((100vw * 18) /1920);
        cursor: pointer;
    }

    .party-build-index-title li:hover {
        color: #c1a689;
    }

    .party-build-index-title li a {
        margin-left: calc((100vw * 8) /1920);
    }

    .new-center-no-data {
        width: 100% !important;
        height: 100% !important;
        padding: 0 !important;
        position: relative;
        background-color: #ffffff;
    }

    .new-center-no-data>div {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    /* 党的建设列表 */

    .party-build-index-list {
        width: 100%;
        height: calc(100vw * (455 / 1920));
        padding-top: calc((100vw - 17px) * (20 / 1920));
    }

    .party-build-index-list>a {
        display: block;
        width: 100%;
        height: calc((100vw - 17px) * (132 / 1920));
        padding: 0 calc((100vw - 17px) * (30 / 1920));
        min-height: 80px;
        cursor: pointer;
        border-bottom: 1px dashed #F2F2F2;
        overflow: hidden;
        transition: all .3s linear;
    }

    .party-build-index-list>a>div {
        width: 100%;
        height: 100%;
    }

    .party-build-index-content {
        width: 85%;
        padding-right: calc((100vw - 17px) * (80 / 1920));
    }

    .party-build-index-content>div:nth-of-type(1) {
        font-size: 16px;
        color: rgba(32, 37, 87, 1);
    }

    .party-build-index-content>div:nth-of-type(2) {
        font-size: 14px;
        color: rgba(102, 102, 102, 1);
        padding-top: calc((100vw - 17px) * (12 / 1920));
        text-indent: 30px;
        height: calc((100vw - 17px) * (60 / 1920));
        line-height: calc((100vw - 17px) * (25 / 1920));
    }

    .party-build-index-time {
        width: 15%;
    }

    .party-build-index-time>div:nth-of-type(1) {
        font-size: 33px;
        color: rgba(32, 37, 87, 1);
        padding-bottom: calc((100vw - 17px) * (8 / 1920));
        border-bottom: 0.5px dashed #666666;
    }

    .party-build-index-time>div:nth-of-type(2) {
        font-size: 22px;
        color: rgba(32, 37, 87, 1);
        padding-top: calc((100vw - 17px) * (8 / 1920));
    }

    .party-build-index-list>a:hover {
        background: rgba(255, 255, 255, 1);
        box-shadow: 0 0 16px 0 rgba(98, 139, 166, 0.1);
    }

    .party-build-index-list>a:hover .party-build-index-content>div {
        color: rgba(193, 166, 137, 1);
        transition: all .3s linear;
    }

    .party-build-index-list>a:hover .party-build-index-time>div:nth-of-type(1) {
        border-bottom: 0.5px dashed rgba(193, 166, 137, 1);
        transition: all .3s linear;
    }

    .party-build-index-list>a:hover .party-build-index-time>div {
        color: rgba(193, 166, 137, 1);
        transition: all .3s linear;
    }
    /* 新闻中心列表 */

    .new-center-page-list {
        width: 100%;
        height: calc(100vw * (455 / 1920));
        padding-top: calc(100vw * (20 / 1920));
    }

    .new-center-page-list li {
        width: 100%;
        height: calc(100vw * (132 / 1920));
        min-height: 80px;
        cursor: pointer;
        border-bottom: 1px dashed #F2F2F2;
        overflow: hidden;
        transition: all .3s linear;
    }

    .new-center-page-list li a {
        display: block;
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .new-center-page-list li .table {
        width: 100%;
        height: calc((100vw - 17px) * (132 / 1920));
        min-height: 80px;
        overflow: hidden;
    }

    .new-center-page-list li .table-cell {
        height: 100%;
    }

    .new-center-item-img {
        width: 15%;
        padding-left: calc((100vw - 17px) * (15 / 1920));
        padding-top: calc((100vw - 17px) * (15 / 1920));
        padding-bottom: calc((100vw - 17px) * (15 / 1920));
        padding-right: calc((100vw - 17px) * (15 / 1920));
        text-align: center;
    }

    .new-center-item-img img {
        width: calc((100vw - 17px) * (152 / 1920));
        max-height: calc((100vw - 17px) * (102 / 1920));
        min-height: calc((100vw - 17px) * (102 / 1920));
        /* max-width: ; */
    }

    .new-center-item-content {
        width: 75%;
        padding-right: calc((100vw - 17px) * (80 / 1920));
    }

    .new-center-item-content>div:nth-of-type(1) {
        font-size: 16px;
        color: rgba(32, 37, 87, 1);
        transition: all .3s linear;
    }

    .new-center-item-content>div:nth-of-type(2) {
        font-size: 14px;
        color: rgba(102, 102, 102, 1);
        padding-top: calc((100vw - 17px) * (12 / 1920));
        text-indent: 30px;
        height: calc((100vw - 17px) * (60 / 1920));
        line-height: calc((100vw - 17px) * (25 / 1920));
        overflow: hidden;
        transition: all .3s linear;
    }

    .new-center-item-time {
        width: 10%;
    }

    .new-center-item-time>div:nth-of-type(1) {
        font-size: 33px;
        color: rgba(32, 37, 87, 1);
        border-bottom: 0.5px dashed #666666;
        padding-bottom: calc((100vw - 17px) * (10 / 1920));
        transition: all .3s linear;
    }

    .new-center-item-time>div:nth-of-type(2) {
        font-size: 22px;
        color: rgba(32, 37, 87, 1);
        margin-top: calc((100vw - 17px) * (10 / 1920));
        transition: all .3s linear;
    }

    .new-center-page-list li:hover {
        background-color: #ffffff;
        box-shadow: 0 0 16px 0 rgba(98, 139, 166, 0.1);
    }

    .new-center-page-list li:hover .new-center-item-content>div {
        color: #C4AA8E;
    }

    .new-center-page-list li:hover .new-center-item-time>div {
        color: #C4AA8E;
    }

    .new-center-page-list li:hover .new-center-item-time>div:nth-of-type(1) {
        border-bottom: 0.5px dashed #C4AA8E;
    }
    /* 分页 */

    .pageination_align {
        text-align: center
    }

    .turning-page-index {
        width: 71px;
        height: 41px;
        line-height: 41px;
        border: 1px solid rgba(84, 121, 148, 1);
        text-align: center;
        margin-left: 4px;
        font-size: 14px;
        color: rgba(102, 102, 102, 1);
        cursor: pointer;
        float: left;
        border-radius: 3px;
    }

    .pageination {
        color: #48576a;
        font-size: 12px;
        display: inline-block;
        user-select: none;
    }

    .pagination_page {
        cursor: pointer;
        float: left;
        width: 44px;
        height: 41px;
        line-height: 41px;
        border: 1px solid rgba(84, 121, 148, 1);
        text-align: center;
        margin-left: 4px;
        font-size: 14px;
        color: rgba(102, 102, 102, 1);
        border-radius: 3px;
    }

    .pagination_page_right {
        border-right: 1px solid rgba(84, 121, 148, 1);
    }

    .pagination_page:hover {
        color: rgba(193, 166, 137, 1);
        border: 1px solid rgba(193, 166, 137, 1) !important;
    }

    .disabled {
        color: #666666 !important;
        background-color: #fff;
        cursor: not-allowed;
    }

    .pagination_page_active {
        color: #ffffff !important;
        ;
        border: 1px solid rgba(193, 166, 137, 1) !important;
        background-color: rgba(193, 166, 137, 1);
        cursor: default;
    }
    /*企业招聘*/

    .enterprise-recruitment {
        width: 100%;
        height: 100%;
        background-color: #fafbfd;
    }

    .enterprise-recruitment-main {
        height: 100%;
        width: 62.5%;
        background-color: #ffffff;
        margin: 0 auto;
        padding-left: 2%;
        padding-right: 2%;
    }

    .enterprise-recruitment-main .turning-page {
        right: 2%;
    }

    .enterprise-recruitment-title {
        padding: 2.5% 0 2% 0;
        font-size: 16px;
        color: #c1a689;
    }

    .enterprise-recruitment-title img {
        vertical-align: -3px;
    }

    .enterprise-recruitment-title>span:nth-of-type(2) {
        padding: 0 10px;
    }

    .enterprise-recruitment-filter {
        width: 100%;
        border: 1px solid rgba(28, 28, 65, 0.14);
        font-size: 14px;
        color: #666666;
        border-radius: 3px;
    }

    .enterprise-recruitment-filter>div {
        width: 100%;
        float: left;
        padding: 0 calc((100vw * 13) /1920);
        margin-top: calc((100vw * 12) /1920);
    }

    .enterprise-recruitment-filter>div ul,
    .enterprise-recruitment-filter>div li {
        float: left;
    }

    .enterprise-recruitment-filter>div li {
        margin-left: calc((100vw * 20) /1920);
        padding-bottom: 5px;
        cursor: pointer;
    }

    .enterprise-recruitment-filter-active {
        border-bottom: 3px solid #c1a689;
    }

    .enterprise-recruitment-search {
        margin-bottom: calc((100vh * 17) /1080);
    }

    .enterprise-recruitment-search>div:nth-of-type(1) {
        width: 226px;
        height: 31px;
        border: 1px solid #999999;
        border-radius: 3px;
    }

    .enterprise-recruitment-search>div:nth-of-type(2) {
        line-height: 30px;
        height: 31px;
        border: 1px solid #999999;
        margin-left: 20px;
        width: 50px;
        text-align: center;
        border-radius: 5px;
        font-size: 14px;
        cursor: pointer;
    }

    .enterprise-recruitment-search input {
        border: none;
        height: 100%;
        width: 186px;
        float: left;
        text-indent: 12px;
    }

    .enterprise-recruitment-search-img-box {
        height: 100%;
        width: 37px;
        float: left;
        border-left: 1px solid #999999;
        line-height: 31px;
        text-align: center;
        cursor: pointer;
    }

    .enterprise-recruitment-table {
        border: 1px solid rgba(28, 28, 65, 0.14);
        margin-top: 1%;
        height: 50%;
        overflow: hidden;
        border-radius: 3px;
    }

    .enterprise-recruitment-table table {
        width: 100%;
        margin-top: 1%;
    }

    .enterprise-recruitment-table tbody {
        width: 100%;
        overflow: hidden;
    }

    .enterprise-recruitment-table-filter {
        padding-top: 10px;
    }

    .enterprise-recruitment-table-filter li {
        float: left;
        margin-left: calc((100vw * 20) /1920);
        padding-bottom: 5px;
        cursor: pointer;
        color: #666666;
        font-size: 14px;
    }

    .enterprise-recruitment-table thead {
        border-bottom: 1px solid rgba(28, 28, 65, 0.14);
        line-height: calc((100vw * 40) /1920);
    }

    .enterprise-recruitment-table table th {
        text-align: center;
        color: #666666!important;
    }

    .enterprise-recruitment-table table tr {
        height: calc(100vw * 65 / 1920);
        cursor: pointer;
    }

    .enterprise-recruitment-table table td {
        text-align: center;
    }

    .enterprise-recruitment-table tbody td {
        font-size: 14px;
        color: #666666;
    }

    .recruitment-btn {
        background-color: #C1A689;
        padding: 2px 8px;
        border-radius: 10px;
        transition: all .3s;
    }

    .recruitment-btn a {
        color: #ffffff;
    }

    .recruitment-btn:hover {
        background-color: #b68039
    }

    .recruitment-btn1 {
        border: 1px solid #C1A689;
        padding: 2px 8px;
        border-radius: 10px;
        transition: all .3s;
    }

    .recruitment-btn1:hover {
        background-color: #f4e2ce;
    }

    .recruitment-btn1 a {
        color: #C1A689!important;
    }

    .enterprise-recruitment-table tbody>tr:nth-child(odd) {
        background-color: rgba(247, 250, 2551, 0.55);
    }

    .enterprise-recruitment-table tbody>tr:nth-child(even) {
        background-color: #ffffff;
    }

    .enterprise-recruitment-table tbody>tr:hover {
        /*box-shadow:0 0 16px 0 rgba(98,139,166,0.2) ;*/
        background-color: #fff8f2;
    }

    .position-details {
        color: #C1A689!important;
    }

    .position-details span:nth-of-type(2) {
        padding: 0 8px;
    }

    .no-data {
        width: 100%;
        height: calc((100vh * 400) /1080) !important;
    }
    /*联系我们*/

    .contact-us-main {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .contact-us-top {
        width: 100%;
        /* height: calc((100vh * 380) /1080); */
        /* background-color: #fafbfd; */
        padding-top: calc((100vh * 58) /1080);
    }

    .contact-us-top-title {
        margin-left: calc((100vw * 73) /1920);
        margin-bottom: 3vh;
        position: relative;
        display: inline-block;
    }

    .contact-us-top-title:after {
        content: '';
        position: absolute;
        display: block;
        height: 90%;
        width: 3px;
        left: -18px;
        top: 5%;
        background-color: #c1a689;
    }

    .contact-us-top-title>div:nth-of-type(1) {
        font-size: 20px;
        color: rgba(32, 37, 87, 1);
    }

    .contact-us-top-title>div:nth-of-type(2) {
        font-size: 20px;
        color: rgba(153, 153, 153, 1);
        margin-top: calc((100vh * 5) /1080);
    }

    .contact-us-top-site {
        width: 40%;
        height: 20vh;
        margin-left: calc((100vw * 58) /1920);
        font-size: 14px;
        color: #666666;
        /* margin-top: calc((100vh * 67) /1080); */
        /* line-height: 25px; */
        border: solid 1px #eeeef0;
        padding:10px 20px;
    }

    .contact-us-bottom {
        width: 100%;
        /* height: calc(100% - calc((100vh * 380) /1080)); */
        /* background-color: #f1f4f8; */
        padding-top: calc((100vh * 59) /1080);
    }

    .contact-us-bottom-site {
      /* width: 100%; */
      margin-left: calc((100vw * 58) /1920);
      margin-right: 5%;
      font-size: 14px;
      color: #666666;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 10px;
    }
    .contact-us-bottom-site li{
      /* width: 25%; */
      font-size: 14px;
      color: #666666;
      border: solid 1px #eeeef0;
      padding:10px 20px;
      margin-bottom: 20px;
    }
    .contact-us-bottom-site li:hover {
      box-shadow: 0 0 10px 1px rgba(98, 139, 166, 0.2);
    }

    .contact-us-map {
        /* position: absolute; */
        width: 100%;
        padding-right: 5%;
        height: 20vh;
        top: calc((100vh * 57) /1080);
        right: calc((100vw * 71) /1920);
    }

    .contact-us-map>div:nth-of-type(1) {
        position: absolute;
        bottom: 0;
        left: -54px;
        width: 54px;
        height: 54px;
        background-color: #6D93AD;
        cursor: pointer;
        text-align: center;
    }

    .contact-us-map>div:nth-of-type(1) div {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .contact-us-map>div:nth-of-type(1) div img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .contact-us-map>div:nth-of-type(2) {
        width: 100%;
        height: 100%;
    }
    /*党的建设详情*/

    .party-build-details {
        background-color: #fafbfd;
    }

    .party-build-details-main {
        width: calc((100vw * 1200) /1920);
        height: 100%;
        margin: 0 auto;
        background-color: #ffffff;
        padding: 0 calc((100vw * 22) /1920);
        overflow: hidden;
    }

    .party-build-details-nav {
        padding-top: calc((100vh * 35) /1080);
        color: #c1a689;
        font-size: 16px;
    }

    .party-build-details-nav a {
        color: #c1a689;
    }

    .party-build-details-nav img {
        vertical-align: -3px;
    }

    .party-build-details-nav .separate {
        padding: 0 10px;
    }

    .party-build-details-nav .separate img {
        vertical-align: middle;
    }

    .party-build-details-nav span:nth-of-type(2) {
        margin-left: 8px;
    }

    .party-build-details-content {
        width: 100%;
        margin-top: calc((100vh * 44) /1080);
    }

    .party-build-details-content img {
        text-align: center;
        /* display: inherit; */
        display: inline-block;
    }

    .party-build-details-content a {
        color: #c1a689;
    }

    .party-build-details-title {
        color: #333333;
        font-size: 18px;
        text-align: center;
        font-weight: bold;
        width: 100%;
    }

    .party-build-details-sub-title {
        margin-top: calc((100vh * 17) /1080);
        padding-bottom: calc((100vh * 20) /1080);
        width: 100%;
        text-align: center;
        border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    }

    .party-build-details-sub-title>ul {
        display: inline-block;
    }

    .party-build-details-sub-title li {
        font-size: 14px;
        color: #999999;
        float: left;
        margin-left: 10px;
    }

    .party-build-details-sub-title li>span:nth-of-type(2) {
        margin-left: 8px;
    }

    .party-build-details-page {
        margin-top: calc((100vh * 38) /1080);
    }

    .party-build-details-page a {
        color: #c1a689;
        font-size: 14px;
        display: block;
    }

    .party-build-details-page>div:nth-of-type(2) {
        margin-top: calc((100vh * 5) /1080);
    }

    .party-build-details-page div span:nth-of-type(2) {
        margin-left: 8px;
    }
    /*搜索结果*/

    .search-main {
        height: 100%;
        width: 100%;
        background-color: #f4f6f9;
        padding-top: 130px;
    }

    .search-first-box {
        position: relative;
    }

    .search-result {
        font-size: 16px;
        font-weight: 400;
        color: rgba(102, 102, 102, 1);
        position: absolute;
        right: calc((100vw * 47) /1920);
        bottom: 0;
    }

    .search-num {
        font-size: 34px;
        font-weight: 700;
        color: rgba(187, 149, 119, 1);
        padding: 0 10px;
    }

    .search-results-container .group-business-port-title {
        margin-top: calc((100vh * 35) /1080);
    }

    .search-results-container .group-business-port-title>div:nth-of-type(2) {
        margin-top: calc((100vh * 5) /1080);
    }

    .search-main .search-results-container {
        background-color: #ffffff;
        height: 100%;
        width: 1200px;
        margin: 0 auto;
    }

    .no-search-results-container {
        background-color: #fafbfd;
        height: 100%;
        width: 100%;
        padding-top: calc((100vh * 130) /1080);
    }

    .no-search-results-container .group-business-port-title {
        margin-top: calc((100vh * 61) /1080);
    }

    .search-main-list {
        margin-top: calc((100vh * 30) /1080);
        height: calc((100vh * 660) /1080);
    }

    .search-main-list li {
        height: calc((100vh * 132) /1080);
        cursor: pointer;
        width: 100%;
        padding: calc((100vh * 25) /1080) calc((100vw * 49) /1920) 0 calc((100vw * 70) /1920);
        transition: all .3s;
    }

    .search-main-list li:nth-child(odd) {
        background-color: rgba(247, 250, 2551, 0.55)
    }

    .search-main-list li:nth-child(even) {
        background-color: #ffffff;
    }

    .search-main-list li>a {
        display: block;
        border-bottom: 1px dashed rgba(228, 228, 228, 1);
        padding-bottom: calc((100vh * 22) /1080);
    }

    .search-main-list li:hover {
        background: #fff8f2;
        box-shadow: 0px 0px 16px 0px rgba(98, 139, 166, 0.1);
    }

    .search-main-item-content {
        width: 72%;
    }

    .search-main-item-content>div:nth-of-type(1) {
        font-size: 16px;
        font-weight: 600;
        color: rgba(32, 37, 87, 1);
        margin-bottom: calc((100vh * 12) /1080);
    }

    .search-main-item-content>div:nth-of-type(2) {
        font-size: 14px;
        font-weight: 300;
        color: rgba(102, 102, 102, 1);
        text-indent: 30px;
    }

    .search-main-item-time {
        height: 100%;
    }

    .search-main-item-time>div:nth-of-type(1) {
        font-size: 33px;
        font-weight: 700;
        color: rgba(32, 37, 87, 1);
    }

    .search-main-item-time>div:nth-of-type(2) {
        font-size: 22px;
        font-weight: 300;
        color: rgba(32, 37, 87, 1);
        border-top: 1px dashed rgba(0, 0, 0, 1);
        padding-top: 3px;
    }

    .no-search-results {
        margin-top: calc((100vh * 45) /1080);
        height: calc((100vh * 665) /1080);
        background-color: #f8f9fb;
        margin-right: calc((100vw * 47) /1920);
        ;
        margin-left: calc((100vw * 53) /1920);
        position: relative;
    }

    .no-search-results>div {
        top: 50%;
        left: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
        display: inline-block;
        text-align: center;
    }

    .no-search-results-tip {
        font-size: 16px;
        font-weight: 400;
        color: rgba(102, 102, 102, 1);
        line-height: 40px;
    }

    .no-search-keywords {
        color: red;
    }

    .no-search-results-tip a {
        color: #BE9F85;
    }
    /*企业招聘详情*/

    .enterprise-recruitment-detail-main {
        width: 100%;
        height: 100%;
        background-color: #fafbfd;
    }

    .enterprise-recruitment-detail-main>div {
        background-color: #ffffff;
        height: 100%;
        padding: 0 40px;
        max-width: 1200px;
        margin: 0 auto;
        position: relative;
    }

    .enterprise-recruitment-detail-main>div>div:nth-of-type(2) {
        border: 1px solid #F2F2F2;
        border-radius: 5px;
        padding: 18px 18px 100px 18px;
    }

    .enterprise-recruitment-detail-title {
        height: calc((100vh * 105) /1080);
        line-height: calc((100vh * 105) /1080);
        color: #C1A689;
        font-size: 16px;
    }

    .enterprise-recruitment-detail-title>span:nth-child(even) {
        padding: 0 8px;
    }

    .enterprise-recruitment-detail-title img {
        vertical-align: middle;
    }

    .post-information-mt7 {
        margin-top: 7px;
    }

    .post-information-mt49 {
        margin-top: 49px;
    }

    .post-information>div:nth-of-type(1) {
        font-size: 16px;
        color: rgba(187, 149, 119, 1);
        position: relative;
        padding-left: 10px;
    }

    .post-information>div:nth-of-type(1):after {
        position: absolute;
        content: "";
        display: block;
        top: 18%;
        left: 0;
        width: 3px;
        height: 80%;
        background: rgba(187, 149, 119, 1);
    }

    .post-information>div:nth-of-type(2) {
        font-size: 14px;
        color: rgba(102, 102, 102, 1);
        padding-top: calc((100vh * 30) /1080);
    }

    .post-information-introduce {
        line-height: 25px;
    }

    .post-name {
        padding-right: calc((100vw * 65) /1920);
    }

    .post-site>span:nth-of-type(1) {
        padding-right: calc((100vw * 10) /1920);
    }

    .other-post-information li {
        float: left;
        margin-left: 100px;
        min-width: 100px;
        text-align: left;
    }

    .other-post-information li:nth-of-type(1) {
        margin-left: 0;
    }

    .other-post-information li div {
        float: left;
    }

    .other-post-information li div:nth-of-type(2) {
        margin-left: 10px;
    }

    .enterprise-recruitment-btn {
        width: 88px;
        height: 32px;
        border-radius: 16px;
        line-height: 32px;
        text-align: center;
        font-size: 16px;
        background-color: #B9977B;
        border: none;
        color: rgba(255, 255, 255, 1);
        cursor: pointer;
        position: absolute;
        bottom: 40px;
        left: 50%;
        margin-left: -44px;
        opacity: 0.8;
        transition: all .3s;
    }

    .enterprise-recruitment-btn a {
        color: rgba(255, 255, 255, 1);
    }

    .enterprise-recruitment-btn:hover {
        opacity: 1;
    }
    /*招聘公告*/

    .announcement-main {
        width: 100%;
        height: 100%;
        padding-top: 5%;
    }

    .announcement-main>div {
        width: 72.3%;
        margin: 0 auto;
        background-color: rgba(255, 255, 255, 0.9);
        height: 100%;
    }

    .announcement-group {
        width: 100%;
        line-height: calc((100vw * 70) /1920);
        height: calc((100vw * 70) /1920);
        box-shadow: 0 0 10px 0 rgba(98, 139, 166, 0.24);
    }

    .announcement-group-list li {
        float: left;
        font-size: 18px;
        font-weight: 400;
        color: rgba(102, 102, 102, 1);
        margin-left: calc((100vw * 65) /1920);
        cursor: pointer;
    }
    .announcement-group-list li:hover{
         color: #B5936F!important;
        border-bottom: 2px solid #B5936F;
    }

    .announcement-content-no-data {
        width: 100%!important;
        height: 100% !important;
    }

    .announcement-content-no-data>div {
        display: inline-block;
        text-align: center;
    }

    .announcement-group-list li:nth-of-type(1) {
        margin-left: 0;
    }

    .announcement-group-list-active {
        color: #B5936F!important;
        border-bottom: 2px solid #B5936F;
    }

    .announcement-content-box {
        width: 78.76%;
        height: 100%;
        margin: 0 auto;
        padding-top: 3%;
        position: relative;
    }

    .announcement-content-list {
        width: 100%;
        height: 62%;
        overflow: hidden;
    }

    .announcement-content-list li {
        height: 12.5%;
        width: 100%;
        border-bottom: 1px solid rgba(237, 237, 237, 1);
        padding: 0 1%;
        min-height: 50px;
    }

    .announcement-content-list li:nth-child(odd) {
        background-color: rgba(247, 250, 2551, 0.55)
    }

    .announcement-content-list li:nth-child(even) {
        background-color: #ffffff;
    }

    .announcement-content-list li:hover {
        background-color: #fff8f2;
    }

    .announcement-content-list li>a {
        display: block;
        height: 100%;
    }

    .announcement-content-list li a:nth-of-type(1) {
        width: 90%;
    }

    .announcement-content-list li a:nth-of-type(2) {
        width: 10%;
        text-align: center;
    }

    .announcement-content-item-left>div:nth-of-type(1) {
        width: 11%;
        min-width: 97px;
    }

    .announcement-content-item-left>div:nth-of-type(2) {
        width: 60%;
        padding-left: 4%;
        font-size: 16px;
        color: rgba(102, 102, 102, 1);
    }

    .announcement-content-item-left>div:nth-of-type(3) {
        width: 29%;
        padding-left: 3%;
        overflow: hidden;
    }

    .announcement-notice {
        width: 97px;
        height: 30px;
        border-radius: 15px;
        line-height: 30px;
        text-align: center;
        font-size: 16px;
        font-weight: 400;
    }

    .invite-announcement {
        border: 1px solid #3A6EA3;
        color: rgba(58, 110, 163, 1);
    }

    .formula-announcement {
        border: 1px solid #B5936F;
        color: #B5936F;
    }

    .announcement-time {
        font-size: 16px;
        color: rgba(102, 102, 102, 1);
    }

    .announcement-read {
        font-size: 16px;
        color: rgba(153, 153, 153, 1);
        width: auto;
        padding-left: 30px;
    }

    .announcement-correlation {
        font-size: 16px;
        color: rgba(181, 147, 111, 1);
        text-align: right;
    }

    .announcement-page {
        position: absolute;
        bottom: 20%;
        right: 0;
    }
    /*报名申请表*/

    .application-form {
        width: 100%;
        min-height: 100%;
        background-color: #f4f6f9;
        padding-top: calc((100vh * 130) /1080);
    }

    .application-form-box {
        width: 1200px;
        margin: 0 auto;
        background-color: #ffffff;
        min-height: 100%;
        padding-right: 90px;
        padding-left: 90px;
        position: relative;
        padding-bottom: 80px;
    }

    .application-form-box .party-build-details-nav {
        padding-bottom: calc((100vh * 35) /1080);
    }

    .application-form-table {
        border: 1px solid #F2F2F2;
        padding: 0 20px 30px;
    }

    .application-form-name {
        line-height: 80px;
        font-size: 18px;
        font-weight: 400;
        color: rgba(51, 51, 51, 1);
        text-align: center;
    }

    .enterprise-recruitment-acceptor {
        margin-top: 28px;
        font-size: 14px;
        color: rgba(102, 102, 102, 1);
    }

    .enterprise-recruitment-acceptor span:nth-of-type(2) {
        border-bottom: 1px solid #BEBEBE;
    }

    .enterprise-recruitment-acceptor span:nth-of-type(2) input {
        width: 83px;
    }

    .enterprise-recruitment-time {
        margin-top: 22px;
    }

    .enterprise-recruitment-time span {
        margin-left: 10px;
    }

    .enterprise-recruitment-time span:nth-child(odd) {
        border-bottom: 1px solid #BEBEBE;
    }

    .enterprise-recruitment-time input {
        width: 65px;
        font-size: 14px;
        color: rgba(102, 102, 102, 1);
    }

    .add-attachment {
        font-size: 14px;
        color: rgba(193, 166, 137, 1);
        line-height: 35px;
    }

    .add-attachment span:nth-of-type(2) {
        margin-left: 22px;
        cursor: pointer;
    }

    .add-attachment img {
        vertical-align: -3px;
        margin-right: 3px;
    }

    .application-form-submit {
        position: fixed;
        bottom: 0;
        width: 100vw;
        height: 80px;
        left: 0;
        opacity: 0;
        background: rgba(255, 255, 255, 0.7);
        box-shadow: 0 0 21px 0 rgba(98, 139, 166, 0.24);
        transition: all .5s;
    }

    .application-form-submit button {
        width: 88px;
        height: 32px;
        border-radius: 16px;
        background-color: #B9977B;
        color: #ffffff;
        font-size: 16px;
        border: none;
        text-align: center;
        cursor: pointer;
        line-height: 32px;
        opacity: 0.8;
        transition: all .3s;
    }

    .application-form-submit button:hover {
        opacity: 1;
    }

    .application-form-add-tx {
        font-size: 12px;
        color: rgba(193, 166, 137, 1);
        text-align: center;
    }

    .application-form-add-tx img {
        vertical-align: -3px;
        padding-right: 3px;
    }

    .picture-style {
        font-size: 10px;
        font-weight: 400;
        color: rgba(153, 153, 153, 1);
        text-align: center;
    }

    .apply-position {
        display: block;
    }
    /*返回顶部*/

    .return-top {
        position: fixed;
        right: 100px;
        bottom: 100px;
        z-index: 999;
        cursor: pointer;
        opacity: 0;
        transition: all .3s;
    }
    /*大事记详情*/

    .memorabilia-detail-box {
        height: 100%!important;
        width: 100%!important;
    }

    .memorabilia-detail {
        width: 100%;
        height: 100%;
        background-color: #f4f6f9;
    }

    .memorabilia-detail .party-build-details-nav {
        margin-left: -17px;
    }

    .memorabilia-detail .container {
        max-width: 1200px;
        margin: 0 auto;
        padding-left: 64px;
        padding-right: 54px;
        min-height: 100%;
        background-color: #ffffff;
    }

    .memorabilia-detail-list {
        margin: 0 auto;
        position: relative;
        padding-top: 87px;
    }

    .memorabilia-detail-list:after {
        position: absolute;
        display: block;
        content: "";
        background-color: rgb(195, 169, 142);
        height: calc(100% - 35px);
        width: 1px;
        top: 35px;
        left: -10px;
        z-index: 10;
    }

    .memorabilia-detail-list li {
        border: 1px solid #F2F2F2;
        min-height: 295px;
        margin-top: 87px;
        border-radius: 5px;
        max-width: 1082px;
        position: relative;
        padding: 12px;
        /* cursor: pointer; */
    }

    .memorabilia-detail-list li:hover .memorabilia-detail-item-time:after {
        display: block;
    }

    .memorabilia-detail-list li:hover .memorabilia-detail-item-time:before {
        border: 3px solid #C1A689;
        width: 22px;
        height: 22px;
        left: -29px;
        margin-top: -11px;
    }

    .memorabilia-detail-list li:hover {
        box-shadow: 0 0 10px 1px rgba(98, 139, 166, 0.2);
    }

    .memorabilia-detail-list li:after {
        width: 15px;
        height: 15px;
        background-color: #ffffff;
        border-top: 1px solid #F2F2F2;
        border-right: 1px solid #F2F2F2;
        position: absolute;
        content: "";
        display: block;
        transform: rotate(-45deg);
        top: -9px;
        left: 58px;
    }

    .memorabilia-detail-list li:nth-of-type(1) {
        margin-top: 0;
    }

    .memorabilia-detail-item {
        height: 218px;
        overflow: hidden;
        transition: all .5s;
    }

    .memorabilia-detail-item-title {
        font-size: 16px;
        color: rgb(195, 169, 142);
        line-height: 28px;
    }

    .memorabilia-detail-item-content-box {
        margin-top: 20px;
        width: 100%;
    }

    .memorabilia-detail-item-content {
        font-size: 14px;
        color: rgb(102, 102, 102);
        line-height: 25px;
    }

    .memorabilia-detail-item-open {
        font-size: 14px;
        color: rgb(195, 169, 142);
        text-align: right;
        line-height: 58px;
        cursor: pointer;
    }

    .memorabilia-detail-item-img {
        max-width: 517px;
        margin-left: 34px;
    }

    .memorabilia-detail-item-time {
        font-size: 48px;
        color: rgb(193, 166, 137);
        font-weight: bold;
        position: absolute;
        top: -80px;
        left: 8px;
    }

    .memorabilia-detail-item-time:after {
        position: absolute;
        content: "";
        /*display: block;*/
        display: none;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background-color: #C1A689;
        left: -23px;
        top: 50%;
        margin-top: -5px;
        z-index: 20;
        transition: all .3s;
    }

    .memorabilia-detail-item-time:before {
        position: absolute;
        content: "";
        display: block;
        border-radius: 50%;
        background-color: #ffffff;
        top: 50%;
        z-index: 20;
        transition: all .3s;
        width: 15px;
        height: 15px;
        border: 1px solid #C1A689;
        margin-top: -7.5px;
        left: -27px;
    }