/*nav*/ .news-nav{ width: 100%; height: 3.125rem; background: #F8F9FA; margin-top: 3.75rem; } .news-nav ul{ width: 75rem; height: 3.125rem; margin: 0 auto; } .news-nav ul li{ float: left; height: 3.125rem; line-height: 3.125rem; margin-right: 1.25rem; font-size:.875rem; font-weight:400; color:rgba(9,15,33,1); } .news-contain{ width: 75rem; margin: 0 auto; padding: 2.875rem 0 3.75rem 2.5rem; display: flex; justify-content: space-between; } /*宸︿晶鏂伴椈*/ .contain-left{ width: 49.5rem; } .news-tit{ width:49.5rem; font-size:2.75rem; font-weight:500; color:rgba(9,15,33,1); line-height:4.125rem; text-align: left; } .news-date{ height: 3.75rem; width: 49.5rem; border-bottom: 1px solid rgba(223,226,228,1); } .news-date li{ float: left; margin-right: 1.25rem; line-height: 3.75rem; font-size:.875rem; font-weight:400; color:rgba(9,15,33,.3); } .news-date li{ cursor: pointer; } .news-date li:hover{ color: #4DB7DD; } .news-date .first-li:hover,.news-date li:nth-child(2):hover{ color:rgba(9,15,33,.3); cursor: default; } .news-date li::after{ float: left; width:.0625rem; height:.75rem; background:rgba(181,183,188,1); margin-right: 1.25rem; content: ''; display: inline-block; margin-top: 1.4375rem; } .news-date .first-li::after{ display: none; } .news-article{ margin: 1.875rem 0 0; text-align: left; border-bottom: 1px solid rgba(223,226,228,1); overflow: hidden; } .news-article img { width: 100%; } .news-article-sub{ height:1.375rem; font-size:1rem; font-weight:500; color:rgba(9,15,33,1); line-height:1.375rem; margin-bottom: .625rem; } /* .news-article p{ width:792px; font-size:14px; font-weight:400; color:rgba(9,15,33,.7); line-height:30px; margin-top: 20px; } */ /* .news-article p:last-child{ margin-bottom: 50px; } */ .news-article-img{ margin-top: 1.25rem; } .news-article-img img{ width:49.5rem; height:20.8125rem; background: #f3f3f3; } .news-article-img h6{ margin-top: 1.25rem; width: 49.5rem; height: 1.25rem; text-align: center; font-size:.875rem; font-weight:400; color:rgba(9,15,33,.7); line-height:1.25rem; } .news-page{ margin-top: 1.875rem; display: flex; justify-content: space-between; } .page{ width: 23.75rem; } .page-img{ float: left; background: url("../../uploads/news/icon锛弉ew2.svg") no-repeat center; width: 1.25rem; height: 1.25rem; margin-right: .625rem; } .page-txt{ float: left; width:21.875rem; height:1.25rem; font-size:.875rem; font-weight:400; color:rgba(9,15,33,.7); line-height:1.25rem; } .page:hover{ cursor: pointer; } .page:hover .page-img{ background: url("../../uploads/news/icon锛弉ew.svg") no-repeat center; } .page:hover .page-txt{ color: #4DB7DD; } /*鐩稿叧鎺ㄨ崘*/ .news-about{ margin-top: 3.75rem; } .news-about h1{ width:7.5rem; height:2.625rem; font-size:1.875rem; font-weight:500; color:rgba(9,15,33,1); line-height:2.625rem; } .news-about-tips{ margin-top: 2.5rem; width: 49.5rem; display: flex; justify-content: space-between; } .news-about-tip{ width:23.75rem; height:22.5rem; background:rgba(255,255,255,1); box-shadow:0rem .25rem .875rem 0rem rgba(12,37,91,0.1); } .news-about-tip-img{ width:23.75rem; height:10rem; background: #f3f3f3; } .news-about-tip-img img{ width: 100%; height: 100%; } .news-about-tip-img img{ width:23.75rem; height:10rem; } .news-about-tip h2{ margin: 1.25rem auto .625rem; width:20rem; height: 3.75rem; font-size:1rem; font-weight:500; color:rgba(9,15,33,1); line-height:1.875rem; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .news-about-tip p{ margin: 0 auto; width:20rem; height:4.875rem; font-size:.875rem; font-weight:400; color:rgba(9,15,33,.5); line-height:1.625rem; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .news-about-tip:hover p{ word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; } /*鍙充晶鏂伴椈*/ .contain-right{ width: 18rem; } .news-right-title{ height: 2.625rem; width: 18rem; border-bottom: 1px solid #DFE2E4; font-size:1rem; font-weight:500; color:rgba(9,15,33,1); line-height:1.375rem; } .news-hot{ margin-top: .875rem; } .news-hot h2{ width:18rem; font-size:.875rem; font-weight:500; color:rgba(9,15,33,1); line-height:1.625rem; margin-top: 1.25rem; } .news-hot h2:hover{ font-weight: 600; } .news-hot p{ width:18rem; font-size:.875rem; font-weight:400; color:rgba(9,15,33,.5); line-height:1.625rem; margin-top: .625rem; word-break:break-all; height: 3.625rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .news-label{ margin-top: 3.75rem; } .news-labels{ width: 18rem; display: flex; flex-wrap: wrap; justify-content: flex-start; } .news-labels span{ padding: .3125rem .625rem; margin-top: 1.25rem; border-radius:.25rem; border:1px solid rgba(9,15,33,.3); line-height: 1.125rem; text-align: center; font-size:.875rem; font-weight:400; margin-right: .625rem; } .news-labels span:hover{ border:1px solid #4DB7DD; color: #4DB7DD; } .news-labels span:hover a{ color: #4DB7DD; } .news-labels span a{ color:rgba(9,15,33,.5); } .news-recommend{ margin-top: 3.75rem; } .news-recommend-tip{ margin-top: 1.25rem; display: flex; justify-content: space-between; } .news-recommend-tip-img{ width:4.75rem; height:4.75rem; border-radius:.25rem; background: #f3f3f3; overflow: hidden; } .news-recommend-tip-img img{ /*width: 100%;*/ height: 100%; border-radius:.25rem; } .news-recommend-tip-txt{ width: 12.25rem; text-align: left; } .news-recommend-tip-txt h3{ width:12.25rem; height:3.25rem; font-size:.875rem; font-weight:400; color:rgba(9,15,33,1); line-height:1.625rem; word-break: break-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .news-recommend-tip-txt p{ height:1.0625rem; font-size:.75rem; font-weight:400; color:rgba(9,15,33,.3); line-height:1.0625rem; margin-top: .4375rem; } /*i, cite, em, var, address, dfn{ */ /* font-style: italic;*/ /*}*/ /*.banner-img {*/ /* height: 240px;*/ /* background: url("../../uploads/news/news-list1.jpg") no-repeat center center; */ /*}*/ /*.banner-img > img {*/ /* position: absolute;*/ /* z-index: 1;*/ /* width: 100%;*/ /* height: 240px;*/ /*}*/ /*.make-cover {*/ /* position: absolute;*/ /* z-index: 2;*/ /* width: 100%;*/ /* height: 240px;*/ /*}*/ /*.maker-title {*/ /* position: relative;*/ /* top: 50%;*/ /* width: 1200px;*/ /* margin: -30px auto 0;*/ /*}*/ /*.marker-bg {*/ /* padding-left: 80px;*/ /* font-size: 32px;*/ /* color: #FFFFFF;*/ /* line-height: 60px;*/ /* background: url("../../uploads/news/news-list2.png") no-repeat left center;*/ /* background-size: 60px 60px;*/ /*}*/ /*.news-author {*/ /* text-align: center;*/ /* font-size: 14px;*/ /* margin: 10px 0 15px;*/ /* color: #999;*/ /*}*/ /*.news-author>span:nth-child(3) {*/ /* padding-left: 50px;*/ /*}*/ /*.detail-container{*/ /* width: 100%;*/ /*}*/ /*.detail-content{*/ /* width: 1200px;*/ /* margin: 0 auto;*/ /* font-size: 14px;*/ /*}*/ /*.detail-content p.news-title{*/ /* text-align: center;*/ /* font-size: 23.73px;*/ /* line-height: 60px;*/ /* margin-top: 20px;*/ /* margin-bottom: 0px;*/ /*}*/ /*.detail-content p.news-date{*/ /* text-align: right;*/ /* margin-right: 148px;*/ /* margin-top: 50px;*/ /* font-size: 10px;*/ /* color: #9d9d9e;*/ /* padding-bottom: 10px;*/ /*}*/ /*.detail-content .news-content {*/ /* word-wrap: break-word;*/ /*}*/ /*.detail-prev-next{*/ /* width: 1200px;*/ /* margin: 0 auto;*/ /* margin-bottom: 30px;*/ /*}*/ /*.detail-prev-next ul{*/ /* border-top: 1px dashed #ccc;*/ /* padding-top: 40px;*/ /* list-style: none;*/ /*}*/ /*.detail-prev-next ul li{*/ /* line-height: 30px;*/ /* cursor: pointer;*/ /* text-align: left;*/ /*}*/ /*span.circle {*/ /* display: inline-block;*/ /* width: 12px;*/ /* height: 12px;*/ /* background: #00A0E9;*/ /* border-radius: 50%;*/ /* margin-right: 5px;*/ /*}*/ /*.detail-prev-next ul a{*/ /* color: #232323; */ /*}*/ /*.detail-prev-next ul a:hover{*/ /* color: #4A90E2; */ /*}*/ /*.back-list{*/ /* display: inline-block;*/ /* margin-top: 5px;*/ /* margin-left: 80px;*/ /* font-size: 14px;*/ /* color: #fff;*/ /*}*/