* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: "Microsoft YaHei", "微软雅黑", sans-serif;
}

.header {
    background: #f5f5f5;
    border-bottom: 1px solid #e0e0e0;
}

  .header-content {
        width: 100%;
        height: 70px;
        background-color: #0A55A6;
    }

    .header-main {
        margin: auto;
        width: 1200px;
        height: 100%;
        display: flex;
        align-items: center;
    }

    .logo {
        width: 165px;
        height: 70px;
        background: #FFF;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-right: 50px;
    }

    .logo-img {
        width: 123px;
        height: 46px;
    }

    .header-main-text {
        display: flex;
        font-family: Alibaba PuHuiTi;
    }

    .header-main-text a {
        /* width: 94px; */
        display: flex;
        align-items: center;
        margin-right: 49px;
        position: relative;
        /* 为下划线定位做准备 */
        text-decoration: none;
    }

    .header-main-text p {
        font-weight: 500;
        font-size: 20px;
        color: #FFFFFF;
        line-height: 40px;
        font-family: "Microsoft YaHei", Arial, sans-serif;
        padding: 5px 0;
    }

    /* 下划线样式 - 默认隐藏 */
    .header-main-text .underlines {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 3px;
        background-color: #FE8C24;
    }

    /* 激活状态的下划线 - 显示 */
    .header-main-text a.active .underline {
        display: block;
    }

    /* 鼠标悬停效果 */
    .header-main-text a:hover p {
        color: #FE8C24;
        cursor: pointer;
    }

    .footer-content {
        width: 100%;
        height: 100px;
        background-color: bisque;
    }

    /* 搜索框聚焦时输入框宽度变化 */
    .header-search {
        width: 300px;
        position: relative;
        margin-left: 66px;
    }
    .brand-header-search{
        width: 352px;
        position: relative;
    }

    /* 搜索容器 */
    .search-container {
        position: relative;
        width: 100%;
        margin: 0 auto;
    }
    .brand-search-form{
        display: -ms-flexbox;
        display: flex;
        overflow: hidden;
        width: 353px;
        height: 32px;
        background: #FFFFFF;
        border-radius: 8px;
        opacity: 0.9;
    }
    /* 搜索表单 */
    .search-form {
        display: -ms-flexbox;
        display: flex;
        overflow: hidden;
        width: 353px;
        height: 38px;
        background: #FFFFFF;
        border-radius: 8px;
        opacity: 0.9;

    }

    /* 搜索输入框 */
    .search-input {
        -ms-flex: 1;
        flex: 1;
        padding: 8px 12px;
        border: none;
        outline: none;
        font-size: 14px;
    }

    /* 搜索按钮 */
    .search-btn {
        padding: 8px 16px;
        color: white;
        border: none;
        background: none;
        cursor: pointer;
        display: block;
    }

    /* 下拉建议列表 */
    .suggestions {
        position: absolute;
        top: 110%;
        /*border-radius: 20px;*/
        -webkit-border-bottom-left-radius: 8px;
        -webkit-border-bottom-right-radius: 8px;
        overflow: hidden;
        left: 0;
        right: 0;
        border: 1px solid #ccc;
        border-top: none;
        background-color: white;
        list-style: none;
        display: none;
        /* 默认隐藏 */
        z-index: 100;
        width: 353px;
        margin-top: -9px;
    }
    .suggestions.search {
    	border: unset;
		margin-top: -7px;
	}
    .suggestions .brand-icon{
        width: 35px;
        height: 20px;
        background: rgba(195, 176, 160, 0.5);
        color: #f17809;
        font-size: 13px;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 5px;
        margin-left: 5px;
        margin-top: 2px;
    }
    .suggestions .information-icon{
        width: 35px;
        height: 20px;
        background: rgba(195, 160, 171, 0.5);
        color: red;
        font-size: 13px;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 5px;
        border-radius: 5px;
        margin-top: 2px;
    }
.suggestions .enterprise-icon{
    width: 35px;
    height: 20px;
    background: rgba(160, 172, 195, 0.5);
    color: #376cbd;
    font-size: 13px;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 5px;
    border-radius: 5px;
    margin-top: 2px;
}
    .suggestions li {
        padding: 8px 12px;
        cursor: pointer;
        display: -ms-flexbox;
        display: flex;
    }

    .suggestions li:hover {
        background-color: #f0f0f0;
        
    }

 .footer-content{
        width: 100%;
        height: 188px;
        background: #5D6569;
        padding: 47px 0 20px 0;        
    }
   

    .footer-nav {
      margin-bottom: 15px;
      text-align: center;    

    }

    .footer-nav a {
      color: #fff;
      text-decoration: none; 
      margin: 0 20px;       
      position: relative;    
    }

    .footer-nav a:not(:last-child)::after {
      content: "|";          
      position: absolute;    
      right: -22px;         
      color: #fff;           
    }

    .footer-copyright {
        display: flex; 
        width: 1200px;
        margin: auto;
        width: 1200px;
        margin: auto;
        justify-content: center;
        color: #fff;
        margin: 38px auto 0 auto;

    }
    .footer-img {
        width: 142px; 
        height: auto; 
        margin-right: 10px; 
    }
    .copyright-text p {
        margin: 0; 
        line-height: 1.6; 
        text-algin:left;
    }
    .copyright-text p a {
        text-decoration: none;
        color: white;
    }

  .statement{
      width: 100%;
      height: 157px;
      background: #5D6569;
      opacity: 0.4;
  }
  .statement-content{
      width: 1200px;
      margin: auto;
  }
  .statement-link-list{
      width: 1200px;
  }
  .statement-text{
      margin-top: 16px;
  }
  .statement-text-item{
      width: auto;
      height: 12px;
      font-weight: 400;
      font-size: 14px;
      color: #FFFFFF;
      opacity: 0.75;
      float: left;
      line-height: 25px;
      margin: 0 16px 16px 0;

  }
  .statement-link-list h2{
      font-weight: 400;
      font-size: 20px;
      color: #FFFFFF;
      line-height: 53px;
  }
  .statement-link-list.hr{
      width: 1200px;
      height: 1px;
      border: 1px solid #FFFFFF;
      opacity: 0.5;
      margin: 15px 0 20px 0;
      display: block;
  }



  /*卡片样式图片在左边的 ，以及没有图片的*/
/* 无图片的卡片：内容宽度占满，保持其他样式一致 */
.card.no-img .card-content {
    width: 100%;
}

.card.card-img-right{
    flex-direction: row-reverse;
}
.card .card-img-right .card-media{
    margin-right: 0;
    margin-left: 10px;
}
.card {
    width: 100%;
    height: 100%;
    /*min-width: 594px;*/
    /*min-height: 160px; !* 保证最小高度 *!*/
    margin: 0 auto;
    border-radius: 6px;
    background-color: #fff;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    box-sizing: border-box;
    /*overflow: hidden;*/
    position: relative;
}

/* 图片容器：按比例占宽（这里 30%），并固定高度 */
.card-media {
    width: 180px;
    flex-shrink: 0;
    -ms-flex: 0 0 180px;
    overflow: hidden;
    /*min-height: 134px;;*/
    height: 135px;
}

/* 图片：使用绝对定位 + min-width/min-height 实现 cover 行为（兼容 IE10） */
.card-media img.card-img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 现代浏览器 */
    display: block;
}
.card-content {
    -ms-flex: 1 1 auto; /* IE10 剩余空间 */
    flex: 1 1 auto;
    overflow: hidden;
    box-sizing: border-box;

}
.spacing{
    margin-right: 15px;
}
.card-content a {
    text-decoration: none;
}

.card-title {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 20px;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    line-height: 27px;
    box-sizing: border-box;
}

.card-text {
    overflow: hidden;
    height: auto;
}

.card-desc {
    font-weight: 400;
    font-size: 16px;
    color: #000;
    line-height: 24px;
    opacity: 0.75;
    margin: 0 0 15px 0;
    height: 48px;
    /* 现代浏览器 */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 兼容 IE10/IE11 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .card-desc {
        display: block;
        white-space: normal;
        max-height: 48px; /* 24px × 2 */
        overflow: hidden;
    }
}


.card-meta {
    width: 100%;
    margin-top: 4px;
    display: -ms-flexbox;
    /*display: flex;*/
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: end;
    align-items: flex-end;
    box-sizing: border-box;
    float: left;
}

.card-tag {
    border-radius: 4px;
    border: 1px solid #094BAE;
    padding: 2px 11px;
    overflow: hidden;
    float: left;
    margin-right: 11px;
}

.card-tag a {
    text-decoration: none;
    outline: none;
    border-radius: 4px;
}

.card-tag span {
    font-weight: 400;
    font-size: 14px;
    color: #094BAE;
    line-height: 24px;
}

.tag-number {
    float: right;
}

.tag-number img {
    width: 14px;
    height: 10px;
    vertical-align: middle;
}

.tag-number span {
    font-weight: 500;
    font-size: 14px;
    color: #094BAE;
    line-height: 24px;
    margin-left: 4px;
    vertical-align: middle;
}
.globalcut {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ellipsis {
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

/*品牌标签*/
.tags_sse {
	background: url("../image/tags/sse.png") no-repeat 100% 100% !important;
	background-size: 17px !important;
}
.tags_szse {
	background: url("../image/tags/szse.png") no-repeat 100% 100% !important;
	background-size: 17px !important;
}
.tags_bse {
	background: url("../image/tags/bse.png") no-repeat 100% 100% !important;
	background-size: 17px !important;
}
.tags_hkex {
	background: url("../image/tags/hkex.png") no-repeat 100% 100% !important;
	background-size: 17px !important;
}
.tags_nyse {
	background: url("../image/tags/nyse.png") no-repeat 100% 100% !important;
	background-size: 17px !important;
}
.tags_nasdaq {
	background: url("../image/tags/nasdaq.png") no-repeat 100% 100% !important;
	background-size: 17px !important;
}
.tags_gbe {
	background: url("../image/tags/gbe.png") no-repeat 100% 100% !important;
	background-size: 17px !important;
}
.tags_hnte {
	background: url("../image/tags/hnte.png") no-repeat 100% 100% !important;
	background-size: 17px !important;
}
.tags_nete {
	background: url("../image/tags/nete.png") no-repeat 100% 100% !important;
	background-size: 17px !important;
}
.tags_ntide {
	background: url("../image/tags/ntide.png") no-repeat 100% 100% !important;
	background-size: 17px !important;
}
.tags_nipde {
	background: url("../image/tags/nipde.png") no-repeat 100% 100% !important;
	background-size: 17px !important;
}
.tags_gazelles {
	background: url("../image/tags/gazelles.png") no-repeat 100% 100% !important;
	background-size: 17px !important;
}
.tags_srci {
	background: url("../image/tags/srci.png") no-repeat 100% 100% !important;
	background-size: 17px !important;
}
.tags_nmic {
	background: url("../image/tags/nmic.png") no-repeat 100% 100% !important;
	background-size: 17px !important;
}
.tags_global500 {
	background: url("../image/tags/global500.png") no-repeat 100% 100% !important;
	background-size: 17px !important;
}
.tags_csoe {
	background: url("../image/tags/csoe.png") no-repeat 100% 100% !important;
	background-size: 17px !important;
}
.tags_soe {
	background: url("../image/tags/soe.png") no-repeat 100% 100% !important;
	background-size: 17px !important;
}
.tags_laozihao {
	background: url("../image/tags/laozihao.png") no-repeat 100% 100% !important;
	background-size: 17px !important;
}
.tags_cob {
	background: url("../image/tags/cob.png") no-repeat 100% 100% !important;
	background-size: 17px !important;
}
.tags_guohuo {
	background: url("../image/tags/guohuo.png") no-repeat 100% 100% !important;
	background-size: 17px !important;
}
.tags_wangdian {
	background: url("../image/tags/wangdian.png") no-repeat 100% 100% !important;
	background-size: 17px !important;
}	

.pagination-container {
    text-align: center;
    margin-top: 20px;
}

.pagination {
    display: inline-block;
    font-size: 14px;
    user-select: none;
    width: 600px;
}

.pagination span {
    display: inline-block;
    min-width: 30px;
    height: 30px;
    line-height: 28px;
    margin: 0 4px;
    padding: 0 6px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    background-color: white;
    color: #333;
}

/* 当前选中页码 */
.pagination .active {
    background-color: #094BAE;
    color: #fff;
    border-color: #094BAE;
    cursor: default;
}

/* 禁用样式 */
.pagination .disabled {
    color: #ccc;
    border-color: #eee;
    background-color: white;
    cursor: default;
}

/* 省略号样式 */
.pagination .ellipsis {
    border: none;
    background: transparent;
    color: #999;
    cursor: default;
}

.loading-more{
    width: 150px;
    height: 43px;
    border-radius: 21px;
    border: 1px solid #094BAE;
    margin: auto;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin-top: 20px;
}
.loading-more span{
    font-weight: 400;
    font-size: 16px;
    color: #094BAE;
    line-height: 24px;
    margin-top: -3px;
}
.loading-more .loading-icon{
    width: 22px;
    height: 22px;
    margin-left: 10px;
    border-radius: 50%;
    border: 1px solid #094BAE;
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    justify-content: center;
}
.loading-more .loading-icon img{
    width: 12px;
    height: 12px;
}