/* 单行溢出 */
.text-ellipsis {
    white-space: nowrap;   
    overflow: hidden;     
    text-overflow: ellipsis;
}
.tc-bg1{background-color: #0FA8EF; }
.tc-bg2{background-color: #D66D87; }
.tc-bg3{background-color: #D1B472; }
.tc-bg4{background-color: #26C7E3; }
.tc-bg5{background-color: #21AF67; }
.tc-bg6{background-color: #8372D1; }
.bgc{background-color: #ededed;}

.tc-item{min-height: 0;flex: 1;}

.tc-item1{display: flex;gap: clamp(16px,1.8vw,36px); line-height: 1.75;font-size: clamp(16px,0.9vw,22px); height: 100%;}
.tc-item1 .tcleft{flex: 0 0 408px; height: 100%; overflow: hidden;}
.tc-item1 .tcleft img{width: 100%; height: 100%;object-fit: contain;}
.tc-item1 .tcright{display: flex;flex: 1; flex-direction: column; height: 100%;justify-content: space-between;}
.tc-item1 .tcright .ptext3{display: block; height:56%;  overflow: hidden;
            font-size: clamp(16px,1vw,20px);}
.tc-item1 .tcright a{color: #3d3d3d;}
.tc-item1 .tccont{display: flex; flex-wrap: wrap;gap: 0.5vw; overflow: hidden; height: 40%; flex-wrap: wrap;}
.tc-item1 .tccont .aicon{background-color: rgba(255, 255, 255, 0.8); display: flex;align-items: center; justify-content: center;color: #333; flex: 1; min-width: 20%;} 

.tc-item2{display: flex;flex-direction: column;gap:clamp(16px,1vw,22px);font-size: clamp(16px,0.9vw,22px);}
.tc-item2 .tctop{display: flex; flex-wrap: wrap;   gap: clamp(16px,1.8vw,46px); overflow: hidden;}
.tc-item2 .tctop a{flex:1;  color: #333; text-align: center;  height: 100%; display: block; overflow: hidden;}
.tc-item2 .tctop a img{ width: 100%; display: block;height:100%;object-fit:cover;transition: all .2s;}
.tc-item2 .tctop a img:hover{transform: scale(1.05);}

.tc-item2 .tctop a p{height: 4.8vh;display: block; overflow: hidden;width: 100%;}
.tc-item2 .tcbottom{display: grid; gap: clamp(16px,1.8vw,46px);grid-template-columns: repeat(4, 1fr);}
.tc-item2 .tcbottom a{background-color: #fff; color: #333; display: flex;align-items: center;justify-content: center; padding:16px 10px;  min-width: 0;}
.tc-item2 .tcbottom img{display: block;width: 100%; object-fit: cover; height: 100%;}

.tc-item3{display: flex; flex-wrap: wrap; gap:16px;font-size: clamp(16px,0.9vw,22px);}
.tc-item3 .tcleft{display: flex; justify-content: space-between;flex: 1; box-sizing: border-box; height: 100%; overflow: hidden;}
.tc-item3 .tcleft .swiper-wrapper{gap: 1.2%; display: flex;  }
.tc-item3 .tcleft .swiper-slide {flex: 1;overflow: hidden; display: flex; }
.tc-item3 .tcleft .swiper-slide a{position: relative;}
.tc-item3 .tcleft .swiper-slide a p{position: absolute;bottom: 0; height: 42px; background-color: rgba(0, 0, 0, 0.6); text-align: center; width: 100%; line-height: 42px; color: #fff; box-sizing: border-box; padding:0 16px;}
.tc-item3 .tcleft .swiper-slide a img{display: block; width: 100%; object-fit: cover; height:100%;}
.tc-item3 .tcright{flex:  0  0 18.8vw;display: flex; flex-direction: column; justify-content: space-between; gap: 1vh;} 
.tc-item3 .tcright a{ flex: 1; display: flex;align-items: center;justify-content: center;color: #fff;font-size: clamp(16px,0.9vw,22px);font-weight: bold; }


.tc-item5 {display: flex; justify-content: space-between;gap:1.2vw; flex-wrap: wrap;font-size: clamp(16px,0.9vw,22px);align-items: flex-start;}
.tc-item5 .tcright{flex: 1;display: flex; flex-wrap: wrap; justify-content: space-between; min-height: 0; height:100%;
  }
.tc-item5 .tcright a{flex:0 0 32.6%;height:47%; overflow: hidden;}
.tc-item5 .tcright a img{width: 100%; height: 100%;object-fit: cover;display: block;}
.tc-item5 .tcright a:nth-child(1){flex:0 0 100%;height:49%; }
.tc-item5 .tcleft{flex: 0 0 24.6vw;overflow: hidden; height: 100%;
    min-height: 0;}
.tc-item5 .tcleft img{width: 100%; height: 100%;object-fit: cover; display: block; }

.tc-item4 {display: flex;gap:1.2vw; flex-direction: column;font-size: clamp(16px,0.9vw,22px);}
.tc-item4 .tctop{display: grid; grid-template-columns: repeat(4,1fr);gap: clamp(16px,1.8vw,46px);}
.tc-item4 .tctop a{display: flex;
    flex-direction: column;gap: 8px;
    overflow: hidden;
}
  .tc-item4 .tctop .videoimg{aspect-ratio: 16 / 9;width: 100%;overflow: hidden;}
.tc-item4 .tctop p{text-align: center;}
.tc-item4 .tctop img{width: 100%; height: 100%; object-fit: contain;vertical-align: bottom;}

.tc-item4 .tcbottom{display: grid; grid-template-columns: repeat(5,1fr);gap: clamp(16px,1.8vw,46px);}
.tc-item4 .tcbottom a{background-color: #fff;padding: 16px 0; text-align: center;}

.yjwh-tc-index > * {
    min-height: 0;
}


 @media screen and (max-width:1100px) {
                html,body{height: auto; overflow:auto;}
               .section{justify-content:flex-start;height: auto;}
               .main{margin: 2vh auto; height: auto;overflow: unset; margin-bottom:8vh;}
                .menu{flex-wrap: wrap; position: unset; height: auto;}
                .menu li{flex: 1;display: flex;align-items: center;justify-content: center;}
                 .menu li.blogo{flex: 0 0 100%;order: -2;padding-top: 20px;}
                  .menu li.sreach{flex: 0 0 100%; order: -1;}
                .section{flex-direction: column;}
                .footer{position: relative; height: auto;right: unset;margin: 0 auto; flex-wrap: wrap; flex-direction: column;}
                /* .yjwh-icon-info{gap: 2%;} */
                .yjwh-icon > div{flex: 0 0 30%;}
                .title{padding-bottom: 26px;height: auto;}
                .yjwh-tc{border-radius: 0px 30px 0px 0px;}
               
                .tc-item1{flex-direction: column;}
                .tc-item1 .tcright{gap: 16px;}
                .tc-item2 .tctop{flex-direction: column;}
                .tc-item2 .tcbottom {grid-template-columns: repeat(1, 1fr); height: auto!important;}
                 /* .tc-item2 .tcbottom a{ flex: 0 0 46%;} */
                .yjwh-tc-index{padding:10px; height: auto;} 
                .tc-item3 .tcright{flex: 0 0 100%;}
              .tc-item3 .tcleft{height: auto; }
              .tc-item3 .tcright a{padding: 10px 0;}
              .tc-item3{gap: 26px;}
              .tc-item3 .tcleft{flex-wrap: wrap;gap: 16px;}
.tc-item3 .tcleft a{flex: 0 0 46%;}
.tc-item5 .tcright,.tc-item5 .tcleft{flex:  0 0 100%; height: auto;gap: 16px;}.tc-item5 .tcleft{margin-bottom: 16px;}
.tc-item5 .tcright a{flex: 0 0 100%;}
.tc-item1 .tccont{gap: 10px;}
.tc-item1 .tcright .ptext3{height: auto;}
/* .tc-item1 .tccont .aicon{flex: 0 0 calc(50% - 10px);} */
    .tc-item4 .tctop{ grid-template-columns: repeat(2,1fr);}
      .tc-item4 .tcbottom{ grid-template-columns: repeat(1,1fr);}
     .yjwh-icon {height: auto;}
     .yjwh-tc-info{height: auto;}
     .tc-item1 .tcleft{flex: unset;}
     .tc-item1 .tccont .aicon{min-width: 100%;}
              }