/* 首页定制样式（仅覆盖必要样式，便于后续维护） */ /* 页面基调 */ *{margin:0;padding:0;outline:none;} body{font-family: "Microsoft Yahei";background:#f5f5f7;color:#000;} html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu{margin:0;padding:0;} :active, :focus, :hover, :link, :visited {-webkit-transition: all .2s linear; -moz-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;} li{list-style:none;} a:hover{color:#df3741;text-decoration:none;} a:active{color:#df3741;text-decoration:none;} a:visited{color:#000;text-decoration:none;} a:link{color:#000;text-decoration:none;} .display-none{display: none;} :root { --color: #10242B; --colorred:#C7000A; --colorbt:#000; --colorjs:#666; --color_black:#000; } /* 头部三栏*/ /* header-top */ .header-channel{background: #fff;} .header-channel .header-top{background:url(../images/header_bar_bg.png) repeat-x center center;padding: 8px 0;font-size:14px;color:#666;height: 37px;} .header-channel .header-auth a{color: #666;text-decoration:none;transition:color 0.3s} .header-channel .header-auth a:hover{color:var(--colorred)} /* header-logo 样式 - 根据效果图设计 */ .header-channel .container.py-2{padding:20px 0 !important} .header-channel .top-logo{display:flex;align-items:center;justify-content:flex-start} .header-channel .top-logo .logo{margin:0} .header-channel .top-logo .logo a{display:block;text-decoration:none} .header-channel .top-logo .logo img{max-height:70px;width:auto;transition:transform 0.3s} .header-channel .top-logo .logo img:hover{transform:scale(1.05)} .header-channel .top-search{display:flex;align-items:center;justify-content:left;} .header-channel .pc-search-input{height:45px;border:2px solid #e9ecef;border-right:none;border-radius:25px 0 0 25px;padding:0 20px;font-size:14px;background:#f8f9fa;transition:all 0.3s;width:425px !important} .header-channel .pc-search-input:focus{outline:none;border-color:var(--colorred);background:#fff;box-shadow:0 0 0 3px rgba(199,0,10,0.1)} .header-channel .pc-search-btn{height:45px;background:var(--colorred);border:none;border-radius:0 25px 25px 0;padding:0 25px;font-size:18px;font-weight:bold;color:#fff;cursor:pointer;transition:all 0.3s;margin-left:-2px} .header-channel .pc-search-btn:hover{background:#a0080b;transform:translateY(-1px);box-shadow:0 4px 8px rgba(199,0,10,0.3)} .header-channel .top-right{display:flex;align-items:center;justify-content:flex-end} .header-channel .header-phones{background:url(../images/tel.png) no-repeat left center;padding-left: 55px;background-size: 60px 60px;text-align:right} .header-channel .header-phones .d-flex{align-items:center;gap:15px;} .header-channel .phone-numbers div{font-size: 20px;color: #393939;line-height: 1.5;font-weight: bold;} .header-channel .phone-text{font-size: 20px;font-weight:bold;color:var(--colorred);width: 60px;border-right: 2px solid;padding-right: 10px;line-height: 1;} .header-channel .phone-text .p1{padding-bottom:8px;} .header-channel .phone-numbers{text-align:right} /* 页面导航*/ .header-channel .navbar{background:var(--colorred); border-radius:0; padding-left:0; padding-right:0; min-height:46px;} .header-channel .navbar .nav-link{color:#fff !important; padding:0.5rem 1rem;font-size:18px;border-left: 1px solid #a40000;} .header-channel .navbar .nav-item:last-child .nav-link{border-right: 1px solid #a40000;} .header-channel .navbar .nav-link.active, .header-channel .navbar .nav-link:hover{background:#ac010a;color:#fff !important;} @media (min-width: 992px){ .header-channel .navbar .nav-equal{display:flex; width:100%;} .header-channel .navbar .nav-equal .nav-item{flex:1 1 0; text-align:center;} .header-channel .navbar .nav-equal .nav-link{display:block;} } /* 焦点图*/ .carousel-item{height:420px;text-align:center;} .carousel-item a{width:100%;height:100%;} .carousel-item a .banner-image{width:100%;height:100%;background-size: cover;background-position: center;} .carousel-content{position:absolute;top:60%;left:50%;transform:translate(-50%,-50%);text-align:center;color:white;z-index:2} .carousel-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1} .carousel-indicators{bottom: 110px;} @media (min-width: 1400px){ .carousel-item{height:710px;} } /* 按钮导航*/ .hero-nav{margin-top:-120px;position: relative;z-index: 1;} .hero-nav-container{display:flex;justify-content:center;flex-wrap:wrap;box-shadow: 0 4px 15px rgba(0, 0, 0, .1);background: #fff;margin:0 -10px 15px;padding:10px 0;} .hero-nav-left{display:flex;justify-content:center;flex-wrap:wrap;} .hero-nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:#333;transition:transform .3s,color .3s;flex:1;} .hero-nav-item:hover{transform:translateY(-5px);} .hero-nav-item:last-child{border-right: none;} .hero-nav-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;color:white;} .hero-nav-icon img{width:100%;height:100%;object-fit:cover} .hero-nav-text{font-size:16px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding-top:5px;} .hero-nav-item:nth-child(5) .hero-nav-text{padding:0;} /* 面包屑导航 */ .breadcrumb{background-color: transparent;padding: 5px 0;margin-bottom: 0;} .breadcrumb i{padding-right: 5px;} .breadcrumb-item{font-size: 15px;color: #666;} .breadcrumb-item a{color: #666;text-decoration: none;transition: color 0.3s;} .breadcrumb-item a:hover{color: var(--colorred);} .breadcrumb-item.active{color: var(--colorred);font-weight: 500;} .breadcrumb-item + .breadcrumb-item::before{content: ">";color: #999;padding: 0 8px;} /* 发布项目按钮样式 */ .publish-project{color: #000; padding-left:30px; border-left: 1px solid #ccc;} .publish-project-icon{display: flex;align-items: center;justify-content: left; gap: 10px;color:var(--colorred);font-size:20px;font-weight: bold;} .publish-project-text{font-size: 16px;} /* 标题 */ .share-block .share-header{display: -webkit-box; display: flex;display: -ms-flexbox;flex-wrap: nowrap;-ms-flex-wrap: nowrap;} .share-block .share-header.skin01 h2.title{font-size:20px;color:#000;font-weight:bold;padding-left:10px;border-left:5px solid var(--colorred);} .share-block .share-header.skin01 .abstract{margin-left: auto;} .share-block .share-header.skin01 .abstract a{color:#666;font-size: 14px;} .share-block .share-header.skin03{border-bottom: 1px solid #e5e5e5;padding-bottom: 10px;} .share-block .share-header.skin03 h2.title{font-size:16px;color:#000;font-weight:bold;padding-left:10px;border-left:5px solid var(--colorred);} .share-block .share-header.skin02 h2.title{font-size:18px;background: var(--colorred);color:#fff;font-weight: bold;padding:10px 15px;margin-bottom: -2px;letter-spacing:2px;} .share-block .share-header.skin02 {display: flex;display: -ms-flexbox;flex-wrap: nowrap; -ms-flex-wrap: nowrap; margin: 0;line-height: 2rem;} .share-block .share-header.skin04 h2.title{font-size:20px;color: var(--colorred);font-weight: bold;padding-left:10px;border-left:5px solid var(--colorred);} /* 图文 */ .share-block .data-list .img-block{position: relative; margin-bottom: auto;flex: 0 0 auto; -ms-flex: 0 0 auto;max-width: 100%;text-align:center;overflow:hidden;} .share-block .data-list .img-block:hover img{-webkit-transform: scale(1.2); -moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;} .share-block .share-header:after, .share-block ul.data-list:before, .share-block ul.data-list:after{clear: both; overflow: hidden;display: table;content: '';} .share-block ul.data-list{padding:0;list-style:none;margin-bottom: -15px;} .share-block ul.data-list li.data-item{margin:0;padding-bottom:15px;} .share-block ul.data-list li.data-item .txt-block .abstract p{padding:5px 0;} .share-block ul.data-list[class*="items-columns-"]{margin-left:-10px;margin-right:-10px;} .share-block ul.data-list[class*="items-columns-"] li.data-item{float:left;padding-left:10px;padding-right:10px;} .share-block ul.data-list[class*="items-columns-"] li.data-item .img-block{text-align:center;box-shadow: 0 0 14px #e3e3e3;} .share-block ul.data-list[class*="items-columns-"] li.data-item .img-block{margin-bottom:15px;} .share-block ul.data-list[class*="items-columns-"] li.data-item .txt-block h3{display:block;list-style:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;font-weight:bold;padding-bottom:15px;} .share-block ul.data-list[class*="items-columns-"] li.data-item .txt-block p{margin-bottom:0px;font-size:14px;padding-bottom:15px; line-height: 1.8;color:var(--colorjs);} .share-block ul.data-list[class*="items-columns-"] li.data-item .txt-block a.btn-primary{font-size:14px;color:var(--colorred);} @media(min-width:576px){ .share-block ul.data-list.items-columns-2 li.data-item:nth-child(2n+1):before, .share-block ul.data-list.items-columns-3 li.data-item:nth-child(3n+1):before, .share-block ul.data-list.items-columns-4 li.data-item:nth-child(4n+1):before, .share-block ul.data-list.items-columns-5 li.data-item:nth-child(5n+1):before, .share-block ul.data-list.items-columns-6 li.data-item:nth-child(6n+1):before, .share-block ul.data-list.items-columns-2 li.data-item:nth-child(2n+0):after, .share-block ul.data-list.items-columns-3 li.data-item:nth-child(3n+0):after, .share-block ul.data-list.items-columns-4 li.data-item:nth-child(4n+0):after, .share-block ul.data-list.items-columns-5 li.data-item:nth-child(5n+0):after, .share-block ul.data-list.items-columns-6 li.data-item:nth-child(6n+0):after{clear:both;overflow:hidden;display:table;content:'';} .share-block ul.data-list.items-columns-2 li.data-item{width:50%;} .share-block ul.data-list.items-columns-3 li.data-item{width:33.33333333333333%;} .share-block ul.data-list.items-columns-4 li.data-item{float:left;width:25%;} .share-block ul.data-list.items-columns-5 li.data-item{float:left;width:20%;} .share-block ul.data-list.items-columns-6 li.data-item{float:left;width:16.66666666666666%;} .share-block ul.data-list.items-columns-2 li.data-item:nth-child(2n+1), .share-block ul.data-list.items-columns-3 li.data-item:nth-child(3n+1), .share-block ul.data-list.items-columns-4 li.data-item:nth-child(4n+1), .share-block ul.data-list.items-columns-5 li.data-item:nth-child(5n+1), .share-block ul.data-list.items-columns-6 li.data-item:nth-child(6n+1){clear:left} .share-block ul.data-list.items-columns-2 li.data-item:nth-child(2n+0), .share-block ul.data-list.items-columns-3 li.data-item:nth-child(3n+0), .share-block ul.data-list.items-columns-4 li.data-item:nth-child(4n+0), .share-block ul.data-list.items-columns-5 li.data-item:nth-child(5n+0), .share-block ul.data-list.items-columns-6 li.data-item:nth-child(6n+0){clear:right;} } /* 精选项目 */ .hot-project .card-header{position: relative;} .hot-project .share-header.skin01{padding-right:15px;} .hot-project .card-header-tabs .nav-link{font-size:16px;color:#000;border:none;padding:0px 10px;} .hot-project .card-header-tabs .nav-link.active,.hot-project .card-header-tabs .nav-link:hover{color:var(--colorred);} .hot-project .share-header.skin02{position: absolute;right: 0; top: 0;} .hot-project .share-header.skin02 p.abstract a{font-size:14px;color:#666;} .hot-project .card-body{box-shadow: 0 4px 15px rgba(0, 0, 0, .1);} .hot-project .tab-content thead{background-color:var(--colorred);color:#fff;} .hot-project .tab-content tbody tr a,.hot-project .tab-content tbody tr td{font-size:16px;color:#383838;} .hot-project .tab-content tbody tr:hover a,.hot-project .tab-content tbody tr:hover td{color:var(--colorred);} .hot-project .tab-content tbody tr:nth-child(odd){background-color:#fff;} .hot-project .tab-content tbody tr:nth-child(even){background-color:#f8f8f8;} .hot-project .tab-content tbody tr td{padding-top:10px;padding-bottom:10px;} .hot-project .tab-content tbody tr.news td.text-truncate{width:85%; white-space:inherit;} @media (min-width: 1400px){ .index-project .card-header{padding-bottom: 15px !important;} .index-project .tab-content tbody tr td{padding-top:13px;padding-bottom:13px;} } /* 首页合作伙伴及案例-上图片滚动 */ .scrollimg-block {OVERFLOW: hidden;ZOOM: 1; POSITION: relative;} .scrollimg-block .LeftBotton {CURSOR: pointer; POSITION: absolute; left:0; top: 70px;font-size: 30px;color: #c8c7c6;} .scrollimg-block .RightBotton {CURSOR: pointer; POSITION: absolute; right:0; top: 70px;font-size: 30px;color: #c8c7c6;} .scrollimg-block .Cont {MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 1050px; PADDING-TOP: 5px; white-space: nowrap;} .scrollimg-block .box {FLOAT: left;display: flex;align-items: center;WIDTH: 200px;TEXT-ALIGN: center;height:180px;margin: 0 5px;flex-wrap: wrap;align-content: center;} .scrollimg-block .box .box-1 {display: flex;height: 80px;margin-bottom: 10px;border:1px solid #ccc;justify-content: center;align-items: center;width: 200px;align-content: center;} .scrollimg-block .box .box-1 img {max-width: 100%;max-height: 60px;object-fit: contain;} @media (min-width:1400px) { .scrollimg-block .Cont {width:1230px;} .scrollimg-block .box {width:195px;} .scrollimg-block .box a{width:195px;} } @media (min-width:1400px) { .hot-ad .data-list .img-block img{width:420px;} } /* 首页合作伙伴及案例-下图片文字滚动 */ .scrollimgtext-block {OVERFLOW: hidden; ZOOM: 1; POSITION: relative;} .scrollimgtext-block .LeftBotton {CURSOR: pointer; POSITION: absolute; left:0; top: 50%;font-size: 30px;color: #c8c7c6;} .scrollimgtext-block .RightBotton{CURSOR: pointer; POSITION: absolute; right:0; top: 50%;font-size: 30px;color: #c8c7c6;} .scrollimgtext-block ul.data-list {MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 1050px;} .scrollimgtext-block ul.data-list li.data-item {FLOAT: left; WIDTH: 350px;padding:0 10px;} .scrollimgtext-block ul.data-list li.data-item .txt-block{box-shadow: 0 0 14px #e3e3e3;margin-bottom: 10px;} .scrollimgtext-block ul.data-list li.data-item .txt-block h3{display:block;list-style:none;background: #f4f4f4; padding: 5px 10px 15px; line-height: 1;} .scrollimgtext-block ul.data-list li.data-item .txt-block h3 a{font-size:16px; font-weight: bold;} .scrollimgtext-block ul.data-list li.data-item .txt-block h3 a:hover{color:var(--colorred);} .scrollimgtext-block ul.data-list li.data-item .txt-block h3 span a{color:var(--colorred);padding-right:10px;} .scrollimgtext-block ul.data-list li.data-item .txt-block .abstract p{margin-bottom:0px;font-size:16px;padding: 10px; line-height:2;color:#646464;} .scrollimgtext-block ul.data-list li.data-item .txt-block p a.more{color:var(--colorred);border:1px solid var(--colorred);border-radius:10px;padding:5px 10px;font-size:16px; display: block; text-align: center;} .scrollimgtext-block ul.data-list li.data-item .txt-block p a.more:hover{background: var(--colorred);color:#fff;} @media (max-width:575.98px) { .scrollimgtext-block .LeftBotton{background-size: 50% 50%;} .scrollimgtext-block .RightBotton{background-size: 50% 50%;} } @media (min-width:1400px) { .scrollimgtext-block ul.data-list{width:1230px;} .scrollimgtext-block ul.data-list li.data-item{width:410px;} } /* 项目中心左侧导航 */ .btn-toggle[aria-expanded="true"]::before {transform: rotate(90deg);} .btn-toggle::before { width: 1.25em; line-height: 0; content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='rgba%28255,255,255,1%29' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M5 14l6-6-6-6'/%3e%3c/svg%3e"); transition: transform .35s ease; transform-origin: .5em 50%; } .pc-sidebar .card-list{font-weight:600;padding:10px 20px;background:var(--colorred);width: 100%;border-radius: inherit;} .pc-sidebar .card-list span{padding-left:10px;color:#fff;} .pc-sidebar .list-group-item{align-items:center;border:0;border-bottom:1px solid #eee;padding:10px 50px;color:#333;} .pc-sidebar .list-group-item span{padding:0 10px;} .pc-sidebar .list-group-item:hover{color:var(--colorred);} .pc-sidebar .list-group-item.active{background:#fff5f6;border-color:var(--colorred);border-left:4px solid var(--colorred);color:var(--colorred);} .pc-sidebar .data-list li.data-item .txt-block{background:var(--bs-danger);text-align: center;min-height: 60px;display: flex;align-content: center;justify-content: center;align-items: center;border-radius: 5px;} .pc-sidebar .data-list li.data-item .txt-block:hover{box-shadow: 0 5px 10px rgb(0 0 0 / 20%); transform: translate3d(0, -5px, 0); transition: all .3s;} .pc-sidebar ul.data-list[class*="items-columns-"] li.data-item .txt-block h3{padding-bottom:0;font-weight: inherit;} .pc-sidebar ul.data-list[class*="items-columns-"] li.data-item .txt-block h3 a{line-height: 1.5;color:#Fff;} .pc-filter {border: none;border-radius: initial !important; box-shadow: 0 4px 15px rgba(0, 0, 0, .1);} .pc-filter .filter-opts{flex:1;} .pc-filter .filter-opts .filter-form{display: flex;width: 90%;} .pc-filter .filter-opts .filter-form .form-control{border-radius:0%;} .pc-filter .filter-opts .pc-search-btn{width:80px;border-radius: 0;} .pc-filter .filter-row{display:flex;gap: 5px;align-items:center;padding: 5px 0;border-bottom:1px dashed #eee;} .pc-filter .filter-label{min-width: 100px;text-align:right;color:#000;line-height: 34px;font-weight: bold;font-size: 16px;} .pc-filter .filter-opts a{display:inline-block;padding: 3px 5px;border-radius:5px;color:#5b5a5a;font-size:15px;background:#fff;margin: 5px 0;} .pc-filter .filter-opts a.active{background:var(--colorred);color:#fff;border-color:var(--colorred);} .pc-filter .filter-opts a:hover{color:var(--colorred);background:#fff;} /* 筛选展开 */ .location-filter {display: flex;align-items: flex-start; gap: 10px;} .location-items {flex: 1;display: flex;flex-wrap: wrap;gap: 5px;max-height: 40px;overflow: hidden;transition: max-height 0.3s ease;} .location-items.expanded {max-height: 200px;} .location-items a {display: inline-block;padding: 0px 5px;border-radius: 5px;color: #5b5a5a;font-size: 16px;background: #fff;margin: 5px 0;} .location-toggle-btn {background: #f8f9fa;border: 1px solid var(--colorred);border-radius: 5px;padding: 3px 10px;font-size: 14px; color: var(--colorred); cursor: pointer; transition: all 0.3s; display: flex; align-items: center; gap: 5px; white-space: nowrap;} .location-toggle-btn:hover {background: var(--colorred); color: white; border-color: var(--colorred);} .location-toggle-btn .toggle-icon {transition: transform 0.3s;} .location-toggle-btn.expanded .toggle-icon {transform: rotate(180deg);} /* 项目详情页 */ .details-block h1.title{text-align:center;font-size:18px;padding:20px 0;line-height:1.8rem;font-weight:bold;} .details-block .share li.pr-2{padding-right:0.5rem !important;} .details-block .postmeta {color:#a7a7a7;display:flex;justify-content: center;} .details-block .postmeta span{padding-right:20px;font-size:12px;} .details-block .postmeta .rates span{padding-right:5px;} .details-block .postmeta span i{padding-right:0.5rem !important;font-size: 18px;line-height: 1.5;} .details-block .rates{display: flex;align-items: center;justify-content: space-between;} .details-block .rates-right {display:none;} .details-block .rates-right a{padding:5px 10px;color:#fff;} .details-block .rates-right a i{padding-right:0.5rem !important;font-size: 18px;line-height: 1.5;} .details-block .details p{text-indent:2rem;padding-bottom:15px;line-height:1.8rem;font-size:16px;text-align: justify;} .details-block .details p a{color:#000;} .details-block .details img{max-width:100% !important;height: auto;margin:0 auto;display:block;} .details-block .tag{font-size:14px;padding-bottom:20px;color:#ebebeb;} .details-block .tag a{padding:7px 10px;background: #ebebeb url(../images/fenlei_bg.png) no-repeat right top; margin-right:10px;} .sidebar{padding-bottom:15px;} /* 没有找到心仪的项目？ */ .demand-match-section {padding: 30px;border-radius: 15px;text-align: center;box-shadow: 0 4px 15px rgba(0, 0, 0, .1);position: relative;overflow: hidden;background:#fff;} .demand-match-title {font-size: 24px;font-weight: bold; margin-bottom: 15px; position: relative;z-index: 2;} .demand-match-subtitle {font-size: 16px;margin-bottom: 25px;opacity: 0.9; position: relative;z-index: 2;} .demand-match-btn {background: var(--colorred);border: none;padding: 15px 40px; font-size: 18px;font-weight: bold;border-radius: 50px;cursor: pointer; transition: all 0.3s;box-shadow: 0 5px 15px rgba(0,0,0,0.2);position: relative;z-index: 2;color:#fff;} .demand-match-btn:hover {transform: translateY(-3px); box-shadow: 0 8px 25px rgba(0,0,0,0.3);} /* 栏目右侧-左图右文 */ .share-newslist-block ul.data-list li.data-item {display: flex;display: -ms-flexbox;flex-wrap: nowrap;-ms-flex-wrap: nowrap; position: relative;margin-bottom:0px;} .share-newslist-block ul.data-list li.data-item .img-block{position: relative;margin-bottom: auto;flex: 0 0 auto; -ms-flex: 0 0 auto;max-width: 100%;margin-right:10px;text-align:center;} .share-newslist-block ul.data-list.w120 li.data-item .img-block{width: 120px;} .share-newslist-block ul.data-list.w150 li.data-item .img-block{width: 150px;} .share-newslist-block ul.data-list.w180 li.data-item .img-block{width: 180px;} .share-newslist-block ul.data-list.w240 li.data-item .img-block{width: 240px;} .share-newslist-block ul.data-list li.data-item .txt-block h3{font-size: 18px;} .share-newslist-block ul.data-list li.data-item .txt-block h3 a{color:#000;font-size: 14px;line-height: 1.8rem;} .share-newslist-block ul.data-list li.data-item .txt-block h3 a:hover{color:var(--colorred);} /* 案例列表页 */ .share-block ul.data-list li.data-item.leftimg-righttxt {display: flex;display: -ms-flexbox;flex-wrap: nowrap;-ms-flex-wrap: nowrap; position: relative;padding:10px;background: #fff;margin-bottom: 10px;} .share-block ul.data-list li.data-item.leftimg-righttxt .img-block{position: relative; margin-bottom: auto;flex: 0 0 auto; -ms-flex: 0 0 auto;width:200px;max-width: 100%;border: 1px solid #eee;text-align:center;overflow:hidden;} .share-block ul.data-list li.data-item.leftimg-righttxt .img-block:hover img{-webkit-transform: scale(1.2); -moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;} .share-block ul.data-list li.data-item.leftimg-righttxt .txt-block {-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;overflow: hidden;margin-left:15px;} .share-block ul.data-list li.data-item.leftimg-righttxt .txt-block h3 {margin-top:-5px;} .share-block ul.data-list li.data-item.leftimg-righttxt .txt-block h3 a{color:#000;font-size: 16px;} .share-block ul.data-list li.data-item.leftimg-righttxt .txt-block h3 a:hover{color:var(--colorred);} .share-block ul.data-list li.data-item.leftimg-righttxt .txt-block .abstract p{font-size:14px;padding:5px 0;line-height: 1.8;color:#666;} .share-block ul.data-list li.data-item.leftimg-righttxt .txt-block .time-block{font-size:15px;color:#ccc;padding-top:5px;} .share-block ul.data-list li.data-item.leftimg-righttxt:hover {box-shadow: 0 5px 10px rgb(0 0 0 / 20%);transform: translate3d(0, -2px, 0); transition: all .3s;} /* 分页 */ .page {text-align:center;margin-top:30px;} .page a{color:#666;margin: 0px;background: #f4f4f5;border-radius: 2px;padding: 5px 10px;} .page b{margin: 0px;padding: 5px 10px;background:var(--colorred);color:#fff;} .page a b{padding:0;background:none;color:#777;margin:0;} .page select{padding-left:10px;margin-left:10px;border:1px solid #ccc;} /* 投资需求栏目页 */ .demand-top{display: flex;justify-content: space-between; align-items: center; } .demand-top .demand-img{flex: 1;display: flex;justify-content: center;} .demand-top .demand-button .btn{background: var(--colorred);border-color: var(--colorred);padding: 15px 20px;margin-right: 15px;font-size: 18px;} .demand-top .demand-button i{padding-left: 10px;} @media (min-width: 1400px) { .demand-top .demand-img img{width:810px;} .demand-top .demand-button .btn {padding:20px;font-size:20px;} } .hot-video .share-block ul.data-list li.data-item{padding-bottom:0;} /* 视频详细页 */ .video-details-block .title{font-size:24px;color:#000;font-weight:bold;margin-bottom:15px;} /* 视频封面和弹窗播放 */ .video-cover-section{margin-bottom:30px;} .video-cover-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,0.1);transition:transform 0.3s,box-shadow 0.3s;} .video-cover-container:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,0.15);} .video-cover{position:relative;/* width: 50%; *//* height:280px; */background:#000;overflow:hidden;display: flex;justify-content: center;align-content: center;align-items: center;} .video-cover-image{width: 50%;height:100%;object-fit:cover;} .video-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:rgba(255,255,255,0.9);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s;} .video-play-button:hover{background:rgba(255,255,255,1);transform:translate(-50%,-50%) scale(1.1);} .video-play-button i{font-size:48px;color:var(--colorred);} .video-info{padding:20px;} .video-title{font-size:18px;font-weight:bold;color:#333;margin-bottom:15px;} .video-meta{display:flex;flex-wrap:wrap;gap:15px;font-size:14px;color:#666;} .video-meta span{display:flex;align-items:center;gap:5px;} .video-meta i{font-size:16px;color:var(--colorred);} /* 视频弹窗样式 */ #videoModal .modal-content{border:none;border-radius:12px;} #videoModal .modal-header{padding:15px 20px;} #videoModal .modal-title{font-size:16px;font-weight:500;} #videoModal .modal-body{padding:0;} .video-wrapper{background:#000;position:relative;} #videoModal video{width:100%;height:auto;max-height:70vh;object-fit:contain;} /* 视频介绍 */ .video-introduction{background:#f8f9fa;border-radius:8px;padding:20px;margin-bottom:20px;} .video-introduction .section-title{font-size:18px;color:#333;font-weight:bold;margin-bottom:15px;border-left:4px solid var(--colorred);padding-left:10px;} .video-introduction .introduction-content{font-size:14px;line-height:1.6;color:#555;} .video-introduction .introduction-content p{margin-bottom:15px;} .video-introduction .introduction-content ul{margin:15px 0;padding-left:20px;} .video-introduction .introduction-content li{margin-bottom:8px;line-height:1.5;} .video-introduction .introduction-content strong{color:var(--colorred);} /* 响应式视频播放器 */ @media (max-width: 768px) { .video-cover{height:200px;} .video-play-button{width:60px;height:60px;} .video-play-button i{font-size:36px;} .video-info{padding:15px;} .video-title{font-size:16px;} .video-meta{gap:10px;font-size:12px;} .video-introduction{padding:15px;} .video-introduction .section-title{font-size:16px;} } /* 产经资讯导航 */ .subnav{background:#e8e8e8;} .subnav .nav-pills{display: flex;flex-wrap: wrap;align-items: center;flex-grow: 1;} .subnav .nav-item{padding:10px 20px;flex: 1;text-align:center;} .subnav .nav-item a.nav-link{font-size:18px;color:#000;font-weight:600;background: none;} .subnav .nav-item a.nav-link:hover{color:var(--colorred);} /* 服务支持页 */ .about-block p{font-size:16px;color:#1c1c1c;line-height:1.8rem;text-align: justify;padding-bottom:15px;text-indent:2rem;} /* 服务支持页-关于我们 */ .about-block .about ul.data-list li.data-item .block{margin:5px;padding:15px;text-align:center;border-radius: 12px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);min-height:230px;} .about-block .about ul.data-list li.data-item .block .icon{display: flex;justify-content: center; align-items: center;color:var(--colorred);font-size:18px;font-weight:bold;margin-bottom:15px;} .about-block .about ul.data-list li.data-item .block .icon span{padding-right:10px;} .about-block .about ul.data-list li.data-item .block .text{line-height:2rem;} .about-block .about ul.data-list li.data-item .block-1{background: linear-gradient(to right, #fff, #def4fc);} .about-block .about ul.data-list li.data-item .block-2{background: linear-gradient(to right, #fff, #ffeff0);} .about-block .about ul.data-list li.data-item .block-3{background: linear-gradient(to right, #fff, #fcf4f2);} /* 服务支持页-合伙人团队 */ .about-block ul.data-list li.data-item .txt-block .abstract p{text-indent:0;} .about-block ul.data-list li.data-item.leftimg-righttxt .img-block{width:135px;} .about-block ul.data-list li.data-item.leftimg-righttxt .txt-block h3{font-weight:bold;padding-bottom: 10px;margin-top: 5px;font-size:16px;} .about-block ul.data-list li.data-item.leftimg-righttxt .txt-block h3 span{font-size:18px;padding-right:10px;} .about-block ul.data-list li.data-item.leftimg-righttxt .txt-block .abstract p{color:#333;font-size:15px;} /* 服务支持页-服务特色 */ .about-block .tese-block {padding:15px;} .about-block .tese-block ul.data-list li.data-item {align-items: center;} .about-block .tese-block ul.data-list li.data-item.leftimg-righttxt{box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);padding:15px;border-radius: 12px;margin-bottom:20px;} .about-block .tese-block ul.data-list li.data-item.leftimg-righttxt.tese-01{background: linear-gradient(to right, #fff, #def4fc);} .about-block .tese-block ul.data-list li.data-item.leftimg-righttxt.tese-02{background: linear-gradient(to right, #fff, #ebe4fd);} .about-block .tese-block ul.data-list li.data-item.leftimg-righttxt.tese-03{background: linear-gradient(to right, #fff, #ffeff0);} .about-block .tese-block ul.data-list li.data-item.leftimg-righttxt.tese-04{background: linear-gradient(to right, #fff, #def4fc);} .about-block .tese-block ul.data-list li.data-item.leftimg-righttxt.tese-05{background: linear-gradient(to right, #fff, #ffeded);} .about-block .tese-block ul.data-list li.data-item.leftimg-righttxt.tese-06{background: linear-gradient(to right, #fff, #fefdf8);} .about-block .tese-block ul.data-list li.data-item.leftimg-righttxt .img-block{width:120px;margin-bottom: initial;border:none;} .about-block .tese-block ul.data-list li.data-item.leftimg-righttxt .txt-block h3{font-size:18px;color:var(--colorred);} /* 服务支持页-生态保障 */ .about-block .ecological ul.data-list.items-columns-3 li.data-item:nth-child(1){width:30%;} .about-block .ecological ul.data-list.items-columns-3 li.data-item:nth-child(2){width:44%;} .about-block .ecological ul.data-list.items-columns-3 li.data-item:nth-child(3){width:26%;} .about-block .ecological ul.data-list li.data-item .block{text-align:left;min-height:325px;} .about-block .ecological ul.data-list li.data-item .block .text{font-size:15px;} /* 服务支持页-合作伙伴 */ .about-block .partner .nav-tabs li{flex:1;margin:15px 5px;} .about-block .partner .nav-tabs .nav-link{width:100%;border:none;background:#f5f5f7;border-radius: inherit; color: #000;} .about-block .partner .nav-tabs .nav-link.active{background:var(--colorred);color:#fff;} /* 新闻栏目页 */ /* 新闻栏目页 -顶部导航 */ .top-news-nav ul{display:flex;background: #fff;border-bottom:2px solid var(--colorred);margin-bottom:15px;} .top-news-nav ul li{flex-grow:1;font-size:14px;padding:10px 0;border-right: 1px solid #ccc;width: 16.66666%;border-top:1px solid #ccc;} .top-news-nav ul li:last-child{border-right:none;} .top-news-nav ul li:nth-child(6){border-right:none;} .top-news-nav ul li a{color:#777;} .top-news-nav ul li.active {border-bottom:1px solid var(--colorred);} .top-news-nav ul li.active a{color:var(--colorred);} /* 卡片与版心微调 */ .card { border-radius: .5rem; } .card .card-header { border-bottom: 1px solid rgba(0,0,0,.075); } /* 页脚 */ .footer {background:url(../images/bottom_bj.jpg) repeat-x right top; } .footer hr {opacity: .2;} /* 页脚细节样式 */ .footer .footer_left{padding-right: 20px;} .footer .footer-title{font-weight:bold;color:#fff;font-size:16px;} .footer .footer-select{border-color:#ddd;color:#666;} /* 自定义选择框下拉箭头为红色 */ .footer .footer-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23df3741' class='bi bi-caret-down-fill' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center;background-size:20px 20px;padding:10px 2rem 10px 10px;} /* 二维码列表 */ .footer .footer_center {padding:0 40px;border-left: 1px solid #fff;} .footer .footer_center a{color:#fff;text-decoration:none;font-size:16px;} .footer .footer_center .qr-item span{font-size:14px;color:#fff;} .footer .footer_right{padding-left: 40px;border-left: 1px solid #fff;} /* 联系方式图标 */ .footer .contact-widget,.footer .contact-widget a{display: inline-block;color:#fff;} .footer .contact-info .tel{float:left;padding-top: 10px;font-size:42px;color:#fff;font-weight: bold;} .footer .contact-info .tel-number{float: left; margin-left: 15px;font-size:24px;color:#fff;} .footer .contact-info .bi {margin-right:10px;} .footer .Copyright{color:#fff;} .consult-fab{position: fixed;right: 18px;bottom: 20%;transform: translateY(-50%); width: 80px;height: 80px; background: #df3741;color: #fff;border-radius: 14px;box-shadow: 0 8px 20px rgba(223,55,65,.35);text-decoration: none; z-index: 1050; font-size: 14px; letter-spacing: .05em; text-align: center;padding: 10px 6px;line-height: 1.2;cursor: pointer;} .consult-fab-content i{font-size:28px;} .qr-popover { position: absolute; z-index: 1050; background: #fff; border: 1px solid rgba(0,0,0,.08); padding: 6px; border-radius: 8px; box-shadow: 0 8px 24px rgba(0,0,0,.12); display: none; } .qr-popover img { width: 120px; height: 120px; display: block; }