html, body {
    font-family: "serifcnMedium";
}
body {
    width: 100%;
    height:auto;
    background: url(../images/exhibitsImg/exhListBg.jpg) no-repeat center center;
    background-size:100% 100%;
    cursor: pointer;
}
body::-webkit-scrollbar {
    width: 1rem;
    height: 1.2rem;
}
body::-webkit-scrollbar-thumb {
    border-radius: 1rem;
    box-shadow: inset 0 0 0.5rem rgba(5, 1, 77, 0.2);
    background: rgba(1, 8, 81, 0.5);
}
body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 0.5rem rgba(5, 1, 77, 0.2);
    border-radius: 0;
    background: rgba(1, 8, 81, 0.4535);
}
.center-box {
    margin: 0 auto;
    width: 150rem;
    text-align: left;
    position:relative;
}
.exhTop{
    width:100%;
    height:29.5rem;
    position:relative;
}
.exhibits-logo {
    width: 15.2rem;
    height: 10.5rem;
    display:block;
    background: url(../images//onlineImg/logo.png) no-repeat;
    background-size: 100% 100%;
}
.exhibits-logo2024 {
    background: url(../images//onlineImg/logo2024.png) no-repeat;
    background-size: 100% 100%;
}
.exhibits-title {
    position:absolute;
    left: 50%;
    top: 6rem;
    transform: translate(-50%, 0);
    width: 90.4rem;
    height: 5.9rem;
    background: url(../images//exhibitsImg/exhibitsTitle.png) no-repeat;
    background-size: 100% 100%;
}
.online_gallery {
    position:absolute;
    left: 50%;
    top:18.8rem;
    transform: translate(-50%, 0);
    width: 117.1rem;
    height: 6.5rem;
}
.onBtn ul {
    display: flex;
    justify-content: space-between;
}
.onBtn ul li {
    width: 21rem;
    height: 6.2rem;
    line-height: 6.2rem;
    text-align: center;
    color: rgba(255, 255, 255, .4);
    font-size: 2.2rem;
    background: url(../images/onlineImg/onlineBtn.png) no-repeat;
    background-size: 100% 100%;
}
.onBtn ul li a {
    color: rgba(255, 255, 255, .4);
}
.onBtn ul li a i {
    width: 2.3rem;
    height: 2.6rem;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1.3rem;
    background: url(../images/onlineImg/abhBtn.png) no-repeat;
    background-size: 100% 100%;
    background-size: 100% 100%;
}
.onBtn ul li:nth-child(2) a i {
    width: 3.1rem;
    background: url(../images/onlineImg/zsBtn.png) no-repeat;
    background-size: 100% 100%;
}
.onBtn ul li:nth-child(3) a i {
    width: 2.6rem;
    height: 2.8rem;
    background: url(../images/onlineImg/zpBtn.png) no-repeat;
    background-size: 100% 100%;
}
.onBtn ul li:nth-child(4) a i {
    width: 2.5rem;
    background: url(../images/onlineImg/zxzbBtn.png) no-repeat;
    background-size: 100% 100%;
}
.onBtn ul li:nth-child(5) a i {
    width: 3.3rem;
    height: 2.8rem;
    background: url(../images/onlineImg/gydjBtn.png) no-repeat;
    background-size: 100% 100%;
}
.onBtn ul li.current {
    color: #fff;
    background: url(../images/onlineImg/onlineBtnHover.png) no-repeat;
    background-size: 100% 100%;
}
.onBtn ul li.current a {
    color: #fff;
}
.onBtn ul li.current a i {
    background: url(../images/onlineImg/abhBtnHover.png) no-repeat;
    background-size: 100% 100%;
}
.onBtn ul li:nth-child(2).current a i {
    background: url(../images/onlineImg/zsBtnH.png) no-repeat;
    background-size: 100% 100%;
}
.onBtn ul li:nth-child(3).current a i {
    background: url(../images/onlineImg/zpBtnHover.png) no-repeat;
    background-size: 100% 100%;
}
.onBtn ul li:nth-child(4).current a i {
    background: url(../images/onlineImg/zxzbBtnHover.png) no-repeat;
    background-size: 100% 100%;
}
.onBtn ul li:nth-child(5).current a i {
    background: url(../images/onlineImg/gydjBtnHover.png) no-repeat;
    background-size: 100% 100%;
}
.exh-con{
    width:150rem;
    overflow:hidden;
    background:#fff;
    padding:1.4rem 4.7rem 9.3rem 4rem;
    box-sizing:border-box;
    border-radius:1rem;
    box-shadow:0 0 0.3rem rgba(0,0,0,.3);
}
.bread{
    width:100%;
    height:7.7rem;
    line-height:7.7rem;
    font-size:2.2rem;
    font-family:"思源黑体CN";
    border-bottom:0.1rem solid rgba(12,100,191,.1);
}
.bread a{
    display:inline-block;
    color:#5887c4;
    background:url(../images/exhDetailsImg/breadArrow.png) no-repeat center right;
    padding-right:2.5rem;
    margin-right:2rem;
    cursor:pointer;
    text-decoration:none;
}
.bread em{
    color:#666;
}
.CXCPYear{
    width:100%;
    height:auto;
    overflow:hidden;
}
.CXCPYear li {
    font-size: 2.4rem;
    font-weight: bold;
    float: left;
    width: 12rem;
    text-align: center;
    padding-top:0rem;
    line-height: 4.5rem;
    border: #CCC 1px solid;
    border-radius: 1.5rem;
    margin: 1rem 1.5rem 2rem 0;
}
.CXCPYear li.on{
    color:#d9261f;
}
.exh-list-con{
    padding-top:3.8rem;
    display:flex;
    justify-content: space-between;
}
.exh-list-con .exh-left{
    width:32rem;
}
.exh-list-con .exh-left .innoSearch {
    overflow: hidden;
    margin-bottom: 2.4rem;
    display:flex;
    justify-content: space-between;
}
.innoSearch input {
    width: 26.5rem;
    height: 5rem;
    line-height: 5rem;
    float: left;
    padding-left: 1rem;
    font-size: 1.6rem;
    border: 1px solid rgb(53, 96, 146);
    border-bottom-left-radius: 1rem;
    border-top-left-radius: 1rem;
    border-right: none;
    transition: all 0.5s ease-in-out;
}
.innoSearch input:focus{
    box-shadow: 0 0 0.3rem #ccc;
    transform: scale(1.005);
}
.innoSearch input::-webkit-input-placeholder {
    color: rgb(53, 96, 146);
}
.innoSearch input:focus {
    border-color: rgb(53, 96, 146);
    outline: 0;
}
.innoSearch button {
    width: 5.2rem;
    height: 5.2rem;
    line-height: 5.2rem;
    border: 1px solid rgb(53, 96, 146);
    border-radius:0 1rem 1rem 0;
    border-left: none;
    cursor:pointer;
    background:url(../images/exhDetailsImg/searchBtu.png) no-repeat center center;
}
/* 创新产品 */
.innoProduct {
    width: 31.8rem;
    height: 11.3rem;
    line-height: 11.3rem;
    background: url(../images/exhDetailsImg/innvoateProBtu.png) no-repeat;
    border-radius: 1rem;
    text-align: center;
    margin-bottom: 4rem;
}
.innoProduct h1 a{
    font-family: "思源黑体Bold";
    color: #fff;
    font-size: 4.4rem;
}
/* 产品索引 */
.productIndex li{
    /* width: 26.4rem; */
    height: 8rem;
    line-height: 8rem;
    font-size:2rem;
    background-color: #ebf2fb;
    list-style: none;
    border: 1px solid #dbe5f1;
    border-bottom: none;
    text-align: justify;
    padding-left: 2.6rem;
}
.productIndex li:last-child{
    border-bottom: 0.1rem solid #dbe5f1;
}
.productIndex li::before {
    content: url(../images/exhDetailsImg/minBtu.png);
    margin-right: .8rem;
    display:inline-block;
    vertical-align: middle;
}
.productIndex li:hover {
    background-image: linear-gradient(to right,#6158f5 0%,#1a44a9 100%);
    color: #fff;
}
.productIndex li:hover::before {
    content: url(../images/exhDetailsImg/minBtuHover.png);
}
.productIndex .curentActive {
    background-image: linear-gradient(to right,#6158f5 0%,#1a44a9 100%);
    color: #fff;
}
.productIndex a{
    overflow: hidden;
    text-overflow:ellipsis; 
    white-space: nowrap;
    width:90%;
    display:inline-block;
    vertical-align: middle;
    color:#000;
}
.productIndex .curentActive a,.productIndex li:hover a{
    color: #fff;
}
.productIndex .curentActive::before {
    content: url(../images/exhDetailsImg/minBtuHover.png);
}
.exh-list-con .exh-right{
    width:104.5rem;
}
.AIProducts {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.AIProducts li {
    list-style: none;
    width: 31.1rem;
    height: 36rem;
    border: 1px solid #dbe5f1;
    float: left;
    margin-right: 5rem;
    margin-bottom: 4.7rem;
}
.AIProducts li:nth-child(3n) {
    margin-right: 0;
}
.AIProducts li .AIProImage {
    width: 100%;
    height: 27rem;
    position: relative;
}
.AIProducts li .AIProImage img {
    position: absolute;
    left: 6.6rem;
    top: 4.8rem;
}
.AIProducts li .AIProImage span{
    position:absolute;
    top:1rem;
    right:1rem;
    width:4.2rem;
    height:4.2rem;
    background: url(../images/exhDetailsImg/cx.png) no-repeat;
    background-size: contain;
    z-index:2;
}
.AIProducts li .AIProFooter {
    width: 28.6rem;
    height: 7.8rem;
    padding-top: 2.2rem;
    padding-left: 2.5rem;
    background-color: #ebf2fb;
}
.AIProducts li .AIProFooter p {
    font-size: 1.6rem;
    font-family: '宋体';
    line-height: 2.6rem;
    color: #173ba3;
    overflow: hidden;
    text-overflow:ellipsis; 
    white-space: nowrap;
}
.AIProducts li .AIProFooter h4 {
    font-family: '黑体';
    line-height: 2.6rem;
    font-size: 1.8rem;
    color: #173ba3;
    font-weight: 600;
    overflow: hidden;
    text-overflow:ellipsis; 
    white-space: nowrap;
}
.demand-foot{
    width:100%;
    height:21.2rem;
}
.demand-foot .demand-foot-con{
    width:80rem;
    height:21.2rem;
    margin:0 auto;
    display:flex;
    justify-content: space-between;
    align-items: center;
}
.demand-foot .demand-foot-con .demand-code{
    width:32rem;
    height:12.2rem;
    display:flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.demand-foot .demand-foot-con .demand-code img{
    height: 100%;
    object-fit: contain;
    margin-right: 1rem;
}
.demand-foot .demand-foot-con .demand-code .demand-text p{
    font-size:1.6rem;
    line-height:4.2rem;
    color:#666;
}
.demand-foot .demand-foot-con .demand-code .demand-text p:last-child{
    font-weight:bold;
}
.foot-icp{
    width:50rem;
    line-height:5.4rem;
    margin:0 auto;
    font-size:1.6rem;
    color:rgba(23,59,163,.95);
    display:flex;
    justify-content: space-between;
}

.media-search{
    height:5.6rem;
    font-size:0;
}
.media-search .media-btn{
    width:100%;
    height:5.6rem;
    display:flex;
    align-items: center;
}
.media-search input,.media-search button {
    border: none;
    outline: none;
}
.media-search input {
    width: 24.2rem;
    height: 5rem;
    line-height: 5rem;
    border: 1px solid rgba(125, 162, 211, .8);
    background:transparent;
    border-radius: 1rem 0 0 1rem;
    font-size: 1.8rem;
    color: #a5bedf;
    padding: 0 0 0 1.6rem;
    border-right: 0;
    vertical-align:middle;
    display:inline-block;
}
.media-search button {
    width: 6.2rem;
    height: 5.2rem;
    border: 1px solid rgba(125, 162, 211, .8);
    display: inline-block;
    vertical-align:middle;
    border-left: 0;
    border-radius: 0 1rem 1rem 0;
    cursor: pointer;
    background: transparent url(../images/mediaDetails/mediaSearch.png) no-repeat center center;
}
.media-search input::placeholder {
    color: #a5bedf;
}