.zhanhui {
       width: 100%;
       position: relative;
       background: #FFFFFF;
   }

   .banner {
       width: 100%;
       position: relative;
       line-height: 0;
   }

   .bannerh3 {
       position: absolute;
       left: 50%;
       top: 50%;
       transform: translate(-50%, -50%);
       font-size: 100px;

       line-height: 100px;
       color: #FFFFFF;
   }

   .appmore {
       width: 295px;
       height: 51px;
       border: 1px solid #477F69;
       background: #477F69;
       display: flex;
       justify-content: center;
       align-items: center;
       font-size: 16px;
       color: #FFFFFF;
       font-weight: 400;
       clip-path: polygon(0 calc(100% - 5px), 5px 100%, calc(100% - 5px) 100%, 100% calc(100% - 5px), 100% 5px, calc(100% - 5px) 0, 5px 0, 0 5px);
       margin: auto;
       cursor: pointer;
       font-family: Montserrat;
       margin-top: 64px;
       margin-bottom: 64px;
   }

   .banner img {
       width: 100%;
       aspect-ratio: 20 / 9;
   }

   .zhanhui-content {
       width: 1200px;
       margin: auto;
   }

   .top-content {
       width: 1200px;
       margin: auto;
       text-align: center;
       padding-top: 170px;
   }

   .bottom-content {
       width: 1200px;
       margin: 100px auto 0 auto;
       padding-bottom: 54px;
   }

   .tc-div {
       width: 100%;
       padding-bottom: 70px;
       display: flex;
       flex-wrap: wrap;
       justify-content: space-between;

   }

   .trimg {
       width: 31px;
       height: 31px;
   }

   .tc-right-item {
       display: flex;
       align-items: center;
       justify-content: space-between;
   }

   .tc-item {
       width: calc(50% - 12.5px);
       height: 437px;
       margin-bottom: 26px;
   }

   .tc-div .tc-item:first-child {
       width: 100%;
       height: 664px;
   }

   .tc-div .tc-item:first-child .tc-left img {
       height: 554px;
   }

   /* .tc-div .tc-item:first-child .tc-right-item h3{
      font-size: 26px;
      line-height: 26px;
    } */
   .tc-item a {
       display: flex;
       margin-bottom: 36px;
       width: 100%;
       height: 100%;
       background: #EEEEEE;
       /* box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.16); */
       flex-direction: column;

       box-sizing: border-box;
   }

   .tc-left {

       width: 100%;
   }

   .tc-left img {
       width: 100%;
       height: 328px;

       object-fit: cover;
   }

   .tc-right {
       transition: all 0.3s;
       width: 100%;
       height: 109px;
       background: #EEEEEE;
       padding: 19px 28px 0 24px;
       box-sizing: border-box;
   }

   .tc-right h3 {

       font-weight: 600;
       font-size: 18px;
       color: #251E1C;
       line-height: 22px;
       margin-bottom: 12px;
       width: 90%;
       height: 44px;
       overflow: hidden;
       text-align: left;
   }

   .tc-right p {


       font-weight: 500;
       font-size: 15px;
       color: #B4B4B4;
       line-height: 21px;
       text-align: left;
       font-weight: 500;
   }

   .tc-right-flex {
       display: flex;
       justify-content: flex-start;
       align-items: center;
       width: 100%;
       height: 24px;
   }

   .tc-right span {

       font-weight: 400;
       font-size: 14px;
       color: #CCCCCC;
       line-height: 30px;
       margin-right: 60px;
   }

   .trflex {
       width: 60%;
       display: flex;
       align-items: center;
   }

   .trfimg {
       width: 40%;
       display: flex;
       justify-content: flex-end;
       align-items: center;
       padding-right: 35px;
   }

   .fenye {
       width: 100%;
       display: flex;
       justify-content: center;
   }

   .fenye li {
       list-style: none;
       width: 59px;
       height: 32px;
       margin-right: 4px;
   }

   .fenye li a,
   .fenye li span {
       width: 100%;
       height: 100%;
       background: #F5F5F5;
       border-radius: 4px 4px 4px 4px;
       border: 1px solid #707070;
       font-size: 14px;

       line-height: 14px;
       color: #333333;
       width: 100%;
       height: 100%;
       display: flex;
       align-items: center;
       justify-content: center;
   }

   .fenye .active a {
       background: #222A35;
       border: 1px solid #707070;
       color: #FFFFFF;
   }

   .site-footer {
       margin-top: 0;
   }

   .tc-item:hover .tc-right {
       background: #477F69;
   }

   .tc-item:hover .tc-right h3 {
       color: #FFFFFF;
   }

   @media (max-width:1200px) {
       .top-content {
           padding-top: 70px;
       }

       .top-content {
           width: 95%;
           margin: auto;
       }

       .tc-div .tc-item:first-child {
           height: auto;
       }

       .tc-div .tc-item:first-child .tc-left img {
           height: auto;
       }

       .tc-right h3 {
           height: auto;
           font-size: 15px !important;
           line-height: 17px !important;

       }

       .tc-item a {
           margin-bottom: 0;
       }

       .tc-item {
           width: 100%;
           height: auto;
       }

       .tc-right {
           height: auto;
           padding: 19px 28px 10px 24px;
       }

       .tc-left img {
           height: auto;
       }

       .tc-div {
           padding-bottom: 0px;
       }
   }

   @media(max-width:750px) {
       .banner img {

           aspect-ratio: 750 / 739;
       }
   }