html,
body {
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
height: 100%;
width: 100%;
min-width: 1180px;
min-height: 800px;
}
.main {
width: 100%;
height: 100%;
position: fixed;
position: relative;
}
/* 顶部 */
.top-container {
background-color: #B71913;
padding: 24px 0;
}
.top-container .top-box {
display: flex;
align-items: center;
justify-content: space-between;
width: 80%;
margin: auto;
}
.top-container .top-box .logo-box {
background-size: 100% 100%;
background-repeat: no-repeat;
height: 60px;
width: 332px;
margin-right: 24px;
}
.top-container .top-box .nav-box {
flex: 1;
height: 60px;
}
.tabs {
list-style: none;
padding: 0;
margin: 0;
display: flex;
align-items: center;
justify-content: space-between;
height: 60px;
}
.tab {
width: 64px;
margin: auto;
color: #FFFFFD;
cursor: pointer;
position: relative;
transition: color 0.3s, border-bottom 0.3s;
}
.tab>a {
text-decoration: none;
display: inline-block;
color: #FFFFFD;
font-size: 16px;
font-weight: 540;
}
.tab>input {
max-width: 60px;
}
.tab>a:hover {
color: #EC4115;
}
.tab::after {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 3px;
background-color: #EC4115;
transition: width 0.3s;
}
.tab.active::after {
width: 100%;
}
.tab.active {
padding-bottom: 6px;
color: #EC4115;
}
.top-box .search-box {
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
}
.top-box .search-box input {
width: 60px;
height: 24px;
border-radius: 24px;
border: none;
outline: none;
}
.main .headImg {
width: 100%;
overflow: hidden;
}
.main .headImg>img {
min-width: 1180px;
width: 100%;
background-image: url("../images/bannerner22.jpg");
background-size: cover;
background-repeat: no-repeat;
object-fit: fill;
background-position:center;
width: 100%;
height: 596px;
}
.main .news {
display: flex;
flex-direction: column;
width: 80%;
min-width: 1180px;
margin: 25px auto;
min-height: 615px;
}
.news .news-tit-box {
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
}
.news .news-tit-box .news-tit-left {
margin-right: 24px;
min-width: 40px;
}
.news .news-tit-box .news-tit-left .news-tit_1 {
white-space: nowrap;
font-family: "黑体", Arial, sans-serif;
font-weight: bold;
font-size: 28px;
color: #ed4115;
z-index: 9999;
}
.news .news-tit-box .news-tit-left .news-tit_2 {
white-space: nowrap;
width: 90%;
margin: auto;
font-family: "黑体", Arial, sans-serif;
font-weight: bold;
font-size: 22px;
color: rgba(237, 65, 21, 0.3);
z-index: 999;
}
.news .news-tit-box .news-tit-right {
width: 84%;
display: flex;
align-items: flex-end;
}
.news .news-tit-box .news-tit-right .news-right-line {
width: 85%;
border-bottom: 2px dashed rgba(237, 65, 21, 0.3);
padding-bottom: 6px;
}
.news .news-tit-box .news-tit-right .news-tit-more {
white-space: nowrap;
text-align: right;
border-bottom: 2px solid rgba(237, 65, 21, 0.3);
margin-left: 16px;
font-weight: 540;
font-size: 16px;
color: rgba(237, 65, 21, 0.3);
padding-bottom: 6px;
}
.news .news-tit-box .news-tit-right .news-tit-more>a {
text-decoration: none;
display: contents;
width: 100%;
text-align: right;
font-weight: 540;
font-size: 20px;
color: #ed4115;
}
.main .news .newS .newsY {
display: flex;
align-items: center;
flex: 1;
}
.main .news .newS .newsY .xXClass {
position: relative;
width: 990px;
}
.main .news .newS .newsY .xXClass::after {
content: '';
position: absolute;
top: 5px;
left: 14px;
width: 973px;
border-top: 1px dashed #84b0d6;
}
.main .news .newS .newsY .mores {
display: flex;
align-items: center;
flex: 1;
}
.main .news .newS .newsY .mores .sXClass {
position: relative;
width: 60px;
}
.main .news .newS .newsY .mores .sXClass::after {
content: '';
position: absolute;
top: 5.4px;
left: 0px;
width: 266px;
border-top: 1px solid #84b0d6;
transform: translateY(-50%);
}
.main .news .newS .newsY .mores .findmores {
margin: 0px 0px 26px -62px;
color: #1065b0;
font-size: 14px;
}
.main .news .bottmoCloum {
width: 84%;
margin: 24px auto 30px;
min-height: 600px;
background-color: #f5f9fc;
border-radius: 6px;
padding: 16px;
transition: background-color 0.3s ease;
color: #333333;
font-size: 16px;
font-weight: 400;
letter-spacing: 0.03rem;
}
/* 底部 */
.footer-box {
width: 100%;
min-width: 1180px;
display: flex;
align-items: center;
justify-content: center;
background-color: #B71913;
min-height: 44px;
line-height: 44px;
text-align: center;
}
.footer-box .footer-item {
font-size: 14px;
color: #fff;
letter-spacing: 0.05rem;
}