.main{
    display: flex;
    /*align-items: center;*/
    justify-content: center;
    max-width: 1320px;
    flex-direction:column;
}

.top{
    /*width: 1320px;*/
    margin-bottom: 10px;
}

.top-left{
    margin-right: 20px;
    width: 70%;
}
.top-right{
    width: 30%;
}




/*.carousel-item-card{*/
/*    width:90%;*/
/*    background: blueviolet;*/
/*}*/

.expert-div{
    padding-top: 20px;
    padding-bottom: 50px;
    flex-wrap: wrap;  /* 允许换行 */
    gap: 10px;  /* 元素之间的间隔 */
}
.expert-label{
    background: white;
    flex: 0 0 calc(25% - 10px);  /* 每个 item 占容器宽度的 25%（减去间隔） */
    box-sizing: border-box;  /* 使间隔不影响宽度计算 */
    padding: 20px;
    border-radius: 10px;
    border: 0.5px solid rgba(204, 204, 204, 1);
}
.expert-label .name {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0px;
    color: rgba(51, 51, 51, 1);
}
.expert-label .org {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0px;
    color: rgba(102, 102, 102, 1);
    padding: 5px 0px;
}
.expert-label .direction{
    border-left: 2px solid rgba(40, 103, 205, 1);
    max-width: 280px;
}
.expert-label .direction-label {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0px;
    color: rgba(51, 51, 51, 1);
    min-width: 74px;
}
.expert-label span {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0px;
    color: rgba(153, 153, 153, 1);
    display: block; /* 让 span 充满父容器 */
    white-space: nowrap; /* 防止换行 */
    overflow: hidden; /* 隐藏溢出部分 */
    text-overflow: ellipsis; /* 超出部分显示省略号 */
}




.market-logo-div{
    margin: 20px 5%;
    position: relative;
    align-items: center;
}
.market-logo-div .font-div{
    margin-left: 10px;
}
.market-logo-div .title{
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0px;
    line-height: 20px;
    color: rgba(51, 51, 51, 1);
}
.market-logo-div .red{
    color:rgba(255, 71, 0, 1);
}
.market-logo-div .blue{
    color:rgba(1, 115, 254, 1);
}
.market-abstract{
    color:rgba(179, 179, 179, 1);
    /*width: 80%;*/
}

.market-logo-div:not(:last-child)::after {
    content: "";
    position: absolute;
    right: -40%; /* 位置调整，使竖线处于两个元素之间 */
    top: 0;
    height: 100%;
    width: 1px;
    background-color: rgba(204, 204, 204, 1);
    transform: translateX(50%); /* 将竖线向右移动一半宽度，使其居中 */
}


.transform-div{
    width: 100%;
    padding-top:50px;
    justify-content: center;
    /*background: url("/static/images/henan/index/background.png") no-repeat top center, white; !* 背景色 *!*/
    background-size: 100% 250px, 100% 100%;
    /*background-position: center center;*/
    /*background-size: cover; !* 图片覆盖整个区域 *!*/
    /*margin-top: 50px;*/
}

.transform-div-search{
    width: 100%;
    max-width: 1320px;
    justify-content: space-between;
    padding:10px;
    border: 1px solid rgba(204, 204, 204, 1);
    background: white;
    border-radius: 5px;
    margin-bottom: 10px;
}
.transform-div-search input{
    border-radius: 4px;
    width:45%
}
.transform-div-search button{
    width:7%
}


.out-link-div{
    margin:20px 0px;
    justify-content: space-between
}
.out-link-div button{
    background-size: cover; /* 背景图片完全覆盖按钮 */
    background-position: center center; /* 背景居中 */
    background-repeat: no-repeat; /* 不重复背景图片 */
    width:48%;
    height:80px;
}
.first-link{
    background-image: url('/static/images/first-link.png'); /* 设置背景图 */
}
.last-link{
    background-image: url('/static/images/last-link.png'); /* 设置背景图 */
}





/*成果简介找市场*/
.search-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #f5f9ff; /* 背景颜色 */
    padding: 15px 20px;
    border-radius: 8px; /* 圆角 */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* 阴影 */
}

/* 信息区域 */
.search-info p {
    margin: 0;
    font-size: 14px;
    color: #333;
    line-height: 1.5;
}

/* 检索框区域 */
.search-bar {
    display: flex;
    align-items: center;
    /*gap: 10px; !* 元素间距 *!*/
}

/* 输入框样式 */
.search-input {
    width: 300px;
    height: 40px;
    padding: 0 10px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 4px 0 0 4px;
    outline: none;
    box-sizing: border-box;
}

/* 按钮样式 */
.search-button {
    height: 40px;
    padding: 0 15px;
    font-size: 14px;
    background-color: #ff5722; /* 按钮背景色 */
    color: #fff;
    border: none;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    transition: background-color 0.3s;
}

.search-button:hover {
    background-color: #e64a19; /* 按钮悬停背景色 */
}