/* 首页 */
/* 通用开始 */
.two-lines {
    display: block !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* 通用结束 */


/*导航高度*/

.top_block {
    height: 145px;
}

/* 中等屏幕及以上 */
@media (max-width: 992px) {
    .top_block {
        height: 80px;
    }
}

/* 大屏幕及以上 */
@media (min-width: 992px) {
    .top_block {
        height: 145px;
    }
}

/*导航高度*/


/* 头部开始 */
.header-top {
    background-color: #FFFFFF;
    z-index: 999;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
}

.logo {
    max-height: 90px;
}

.top-text {
    color: #FFFFFF;
    background-color: #105fad;
    /*height: 45px;*/
    line-height: 45px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 20px 100%, 0 calc(100% - 50px));
}

.top-text a {
    color: #FFFFFF;
}

.logo-text {
    width: 10px;
    margin-left: 5px;
    margin-top: 10px;
}

.logo-text-cn {
    color: #105fad;
    font-size: 22px;
    font-weight: bold;
    line-height: 1;
}

.logo-text-en {
    margin-top: 5px !important;
    color: #105fad;
    font-size: 12px;
    line-height: 1;
}

.nav-item {
    font-size: 18px !important;
}

.navbar-brand-2 .logo-text {
    font-size: 10px;
}

.navbar-brand-2 .logo-text-cn {
    font-size: 15px;
}

.navbar-brand-2 .logo-text-en {
    font-size: 8px;
}

/* 头部结束 */

/* 企业信息开始 */

.cominfo {
    background-color: #27477d;
}

/* 企业信息结束 */

/* 展商开始 */
.exhibitors {
    background-color: #006abfee;

}

.exhibitors-exh {
    background-image: url("/static/web/img/index.jpg");
    background-size: cover;
    /* 关键属性：放大图片铺满容器 */
    background-position: center;
    /* 居中显示最重要的部分 */
    background-repeat: no-repeat;
    /* 防止图片重复 */
}

/* 基本样式：图片容器，隐藏溢出部分是关键 */
.zoom-container {
    overflow: hidden;
}

.zoom-container img {
    /* 保证图片比例不变形 */
    transition: transform 0.5s ease;
    /* 核心：为 transform 属性添加平滑过渡 */
}

/* 鼠标悬停时的效果 */
.zoom-container:hover img {
    transform: scale(1.1);
    /* 核心：微微放大到1.05倍 (5%) */
}

/* 展商结束 */

/* 自定义网格边距开始 */


.content-box {
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 20px;
    height: 100%;
    transition: all 0.3s ease;
    cursor: pointer;
}

.content-box:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transform: translateY(-5px);
}

/* 自定义网格边距结束 */


/* 照片墙开始 */
/* 照片墙容器样式 */
/* 确保滚动容器样式正确 */
.photo-wall-container {
    overflow: hidden;
    position: relative;
}

.photo-track {
    display: flex;
    position: relative;
    width: 200%; /* 关键：轨道宽度是内容的两倍 */
}

.photo-group {
    display: flex;
    width: 50%; /* 关键：每个组占轨道的一半 */
    flex-shrink: 0; /* 防止压缩 */
}

/* 左向滚动动画 */
@keyframes scrollLeft {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

/* 右向滚动动画 */
@keyframes scrollRight {
    0% {
        transform: translateX(-50%);
    }
    100% {
        transform: translateX(0);
    }
}

/* 应用动画类 */
.track-left {
    animation: scrollLeft 40s linear infinite;
}

.track-right {
    animation: scrollRight 40s linear infinite;
}

/* 照片项样式 */
.photo-item {
    padding: 0.75rem;
    transition: transform 0.3s ease;
}

.photo-item img {
    width: 100%;
    height: 160px;
    object-fit: cover;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* 照片墙结束 */


/* 新闻中心开始 */
.newsmoretitle {
    border-top: #105fad 1px solid;
    background-color: #fafafa;
}

.box-shadow {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
}

/* 新闻中心结束 */


/* 上移动画开始 */
.divtm > div {
    transition: transform 0.5s ease;
}

.divtm > div:hover {
    transform: translateY(-5px);
}

/* 上移动画结束 */

/*新闻内容*/
.news_content {
    line-height: 1.5;
}

.news_content img {
    max-width: 100% !important;
}
