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; } .headClass { height: 98px; padding-top: 12px; background-color: #005bac; min-width: 1180px; width: 100%; } .headClass .imgClass { width: 80%; margin: auto; } .menuListClass { width: 100%; background: #005bac; height: 60px; display: flex; opacity: 0.6; min-width: 1180px; } .menuListClass .cloums { display: flex; width: 90%; min-width: 1180px; margin: auto; justify-content: space-between; align-items: center; } .menuListClass .cloums .menu-item { text-decoration: none; color: #f1e8e8; cursor: pointer; font-family: "黑体", Arial, sans-serif; font-weight: normal; font-size: 20px; } .menuListClass .cloums .menu-item:hover, .menuListClass .cloums .menu-item.active { color: white; } .main .headImg { width: 100%; overflow: hidden; } .main .headImg>img { min-width: 1180px; width: 100%; } .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: #005BAA; 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: #B1CDE8; z-index: 999; } .news .news-tit-box .news-tit-right { width: 82.5%; display: flex; align-items: flex-end; white-space: nowrap; overflow: hidden; } .news .news-tit-box .news-tit-right .news-right-line { width: 84%; border-bottom: 2px dashed #80ADD6; padding-bottom: 6px; } .news .news-tit-box .news-tit-right .news-tit-more { text-align: right; border-bottom: 2px solid #80ADD6; margin-left: 16px; font-weight: 540; font-size: 16px; color: #005BAA; 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: #005BAA; } .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 { display: flex; } .main .news .bottmoCloum .left { display: flex; flex-direction: column; } .main .news .bottmoCloum .left .leftS { background-image: url('../img/lmPh.png'); background-position: center center; background-repeat: no-repeat; height: 45px; display: flex; align-items: center; width: 227px; margin-top: 25px; } .main .news .bottmoCloum .left .leftS .fontC { color: #ffffff; font-family: "黑体", sans-serif; font-weight: bold; font-size: 18px; padding-left: 18px; letter-spacing: 1px; } .main .news .bottmoCloum .left .leftX { display: flex; flex-direction: column; width: 185px; margin-top: 18px; justify-content: center; } .main .news .bottmoCloum .left .leftX .xs { position: relative; color: #666666; font-family: "黑体", sans-serif; font-weight: normal; font-size: 18px; margin: 10px 5px; height: 50px; line-height: 50px; justify-content: center; display: flex; cursor: pointer; width: 226px; border-bottom: 1px dashed #84b0d6; text-decoration: none; } } .main .news .bottmoCloum .left .leftX .xs::after { content: ''; position: absolute; bottom: -9px; width: 176px; border-top: 1px dashed #84b0d6; } .main .news .bottmoCloum .left .leftX .xs:hover { background-image: url(../img/lmPh.png); background-position: 100% 100%; background-repeat: no-repeat; object-fit: cover; color: white; } .main .news .bottmoCloum .left .leftX .xs:hover::after { content: none; } .main .news .bottmoCloum .left .leftX .xs.active { background-image: url('../img/lmPh.png'); background-position: 100% 100%; background-repeat: no-repeat; object-fit: cover; color: white; height: 45px; display: flex; align-items: center; min-width: 185px; padding: 1px 2px; } .main .news .bottmoCloum .left .leftX .xs.active::after { content: none; } .main .news .bottmoCloum .right { margin-top: 25px; background-color: #f5f9fc; width: 68%; margin-left: 104px; border-radius: 4px; transition: background-color 0.3s ease; padding-bottom: 16px; } .main .news .bottmoCloum .right .listContent { display: flex; text-decoration: none; color: #666666; gap: 20px; padding: 20px; justify-content: center; align-items: center; position: relative; } .main .news .bottmoCloum .right .listContent:hover { /* background-color: #f0f0f0; */ color: #0b6cb8; transition: all 0.3s ease-in; } .main .news .bottmoCloum .right .listContent a:hover { color: #ff0000; } .main .news .bottmoCloum .right .listContent .left { width: 10px; height: 10px; background: #666666; border-radius: 50%; } .main .news .bottmoCloum .right .listContent:hover .left { background: #0b6cb8; width: 10px; height: 10px; border-radius: 50%; } .main .news .bottmoCloum .right .listContent .middle { width: 80%; } .main .news .bottmoCloum .right .listContent .Contentright { width: 100px; } .main .news .bottmoCloum .right .listContent::before { content: ''; position: absolute; bottom: 0px; left: 66px; width: 88%; height: 0px; border: 0.5px dashed #dfd1d1; } .footer { width: 100%; min-width: 1180px; height: 227px; background: #005bac; display: flex; flex-direction: column; } .footer .content { width: 80%; min-width: 1180px; margin: 0px auto; display: flex; } .footer .content .contentTop { margin: 20px 0px; } .footer .content .contentBottom { gap: 20px; display: flex; flex-direction: column; margin: auto; color: #fff; font-family: "黑体", sans-serif; font-weight: 300; font-size: 14px; }