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; }