    /*公用头部*/
    
    .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 * 238)/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 * 72)/1080);
        text-align: center;
        width: 25%;
        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 * 121)/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 * 20)/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 * 99)/1920);
        height: calc((100vw * 99)/1920);
        /* border: 1px solid #DCDCDC; */
        position: absolute;
        right: calc((100vw * 18)/1920);
        top: 50%;
        transform: translateY(-50%);
        border-radius: calc((100vw * 5)/1920);
    }

    .index .bottom .report .code img {
        position: absolute;
        max-width: calc((100vw * 94)/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: 71.5%;
        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: 100%;
        height: 100%;
        max-height: 260px;
    }
    
    #certify .swiper-slide a {
        display: block;
        width: 100%;
        height: 100%;
    }
    
    #certify .swiper-slide div {
        text-align: center;
        font-size: 14px;
        font-weight: 400;
        width: 100%;
        color: rgba(102, 102, 102, 1);
        position: absolute;
        height: calc((100vw * 20) /1920);
        line-height: calc((100vw * 20) /1920);
        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: 323px;
        height: 323px;
        left: 50%;
        top: 50%;
        border-radius: 50%;
        transform: translate(-50%, -50%);
        z-index: 10;
    }
      .group-overview-business-all>div:nth-of-type(1) .center{
          width: 51%;
      }
    .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: 20px!important;
        font-weight: 800!important;
        color:#fff;
        line-height: 20px;
    }
    
    .group-overview-business-all>div:nth-of-type(1)>div>div:nth-of-type(2) {
        font-size: 16px!important;
        font-weight: 800!important;
        color:#fff;
        line-height: 15px;
    }
    
    .group-overview-business-all>div:nth-of-type(2) {
        width: 185px;
        height: 152px;
        top: 1.5px;
        left: 55.5px;
        z-index: 11;
    }
    
    .group-overview-business-all>div:nth-of-type(2):hover {
        top: -5px;
        left: 53px;
    }
    
    .group-overview-business-all>div:nth-of-type(3) {
        width: 183px;
        height: 154px;
        top: 0;
        right: 53px;
          z-index: 12;
    }
    
    .group-overview-business-all>div:nth-of-type(3):hover {
        top: -5px;
        right: 50px;
    }
    
    .group-overview-business-all>div:nth-of-type(4) {
        width: 129px;
        height: 197px;
        top: 92px;
        right: 2px;
          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: 182px;
        bottom: 24px;
        right: 8px;
          z-index: 14;
    }
    
    .group-overview-business-all>div:nth-of-type(5):hover {
        bottom: 20px;
        right: 3px;
    }
    
    .group-overview-business-all>div:nth-of-type(6) {
        width: 203px;
        height: 116px;
        bottom: -1px;
        right: 139px;
          z-index: 15;
    }
    
    .group-overview-business-all>div:nth-of-type(6):hover {
        bottom: -8px;
    }
    
    .group-overview-business-all>div:nth-of-type(7) {
        width: 172px;
        height: 183px;
        bottom: 24px;
        left: 6px;
           z-index: 16;
    }
    
    .group-overview-business-all>div:nth-of-type(7):hover {
        bottom: 20px;
        left: -3px;
    }
    
    .group-overview-business-all>div:nth-of-type(8) {
        width: 132px;
        height: 198px;
        bottom: 186px;
        left: 1px;
     z-index: 17;

    }
    
    .group-overview-business-all>div:nth-of-type(8):hover {
        left: -5px
    }
    

    /*集团业务-港口*/
    
    .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-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);
        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 {
        margin-left: calc((100vw * 58) /1920);
        font-size: 14px;
        color: #666666;
        margin-top: calc((100vh * 67) /1080);
        line-height: 25px;
    }
    
    .contact-us-bottom {
        width: 100%;
        height: calc(100% - calc((100vh * 380) /1080));
        background-color: #f1f4f8;
        padding-top: calc((100vh * 59) /1080);
    }
    
    .contact-us-map {
        position: absolute;
        width: calc((100vw * 1000) /1920);
        height: calc((100vh * 805) /1080);
        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;
    }