.index-box1-head { position: relative; } .index-box1-l, .index-box1-r { position: absolute; top: 50%; transform: translateY(-50%); } .index-box1-l { left: 0; width: 110px; height: 150px; background: url(topnewBG.jpg) no-repeat; } .index-box1-r { right: 0; } .index-box1-r a { color: rgb(189, 26, 45); font-size: 16px; } .index-box1-c { height: 150px; width: 1080px; margin: 0 auto; text-align: center; display: flex; flex-direction: column; justify-content: center; } .index-box1-c .title { font-size: 30px; color: #df0012; font-weight: bold; line-height: 44px; } .index-box1-c .desc { font-size: 18px; color: #333; } .index-box1-c .desc:hover { color: #df0012; } .index-box1-body { display: flex; padding-bottom: 30px; } .index-box1-body-l, .index-box1-body-r { flex: 1; } .index-box1-body-r { margin-left: 44px; } .news-title { height: 43px; font-size: 32px; font-weight: bold; box-sizing: content-box; border-bottom: 2px solid #e5e5e5; } .news-title a { line-height: 41px; color: #0e3890; border-bottom: 2px solid #bd1a2d; } .news-title span { color: #bd1a2d; } .news-list { margin-top: 10px; } .news-list li { zoom: 1; line-height: 38px; display: flex; justify-content: space-between; background: url(dot.png) no-repeat 0 50%; } .news-list li a { color: #666; font-size: 18px; text-indent: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; width: 0; } .news-list li a:hover { color: #248; } .news-list li span { color: #ccc; font-size: 12px; margin-left: 48px; } .index-box2 { height: 490px; overflow: hidden; background-color: #104697; } .index-box2-body { display: flex; margin-top: 41px; } .index-box2-body-l { width: 640px; flex: none; } .slides-box, .slides-img { height: 360px; position: relative; overflow: hidden; } .slides-img a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .slides-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .slides-txt { height: 50px; width: 100%; background: url(../images/banner-opbg40.png); position: absolute; bottom: 0px; left: 0px; } .slides-mask { height: 50px; width: 100%; background-color: #000; opacity: 0.6; position: absolute; bottom: 0px; left: 0px; } .slides-txt a { position: absolute; bottom: 0px; left: 0; width: 100%; height: 100%; color: #fff; font-size: 18px; line-height: 50px; padding: 0 20px; overflow: hidden; white-space: nowrap; text-align: center; text-overflow: ellipsis; } .slides-num { text-align: right; font-size: 0px; margin-top: 20px; margin-right: 20px; } .slides-num span { display: inline-block; width: 14px; height: 14px; text-align: center; background: #fff; border-radius: 50%; margin-left: 20px; cursor: pointer; } .slides-num span.cur { background: #f5d389; } .news2-title p { height: 52px; line-height: 36px; float: left; font-size: 40px; font-weight: bold; color: #fff; border-bottom: 5px solid #fff; box-sizing: content-box; } .index-box2-body-r { margin-left: 44px; } .news2-title a { color: #fff; } .news2-toptitle { margin-top: 10px; } .news2-toptitle a { font-size: 26px; font-weight: bold; line-height: 32px; margin-top: 10px; color: #fff; /* 2行隐藏 */ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .news2-list { margin-top: 15px; } .news2-list-ul li { line-height: 38px; font-size: 14px; color: #fff; display: flex; justify-content: space-between; } .news2-list-ul li a { font-size: 16px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 0; flex: 1; } .news2-list-ul li span { margin-left: 44px; } .tzgg-box { height: 58px; display: flex; align-items: center; } .tzgg-box .tzgg-title { font-size: 26px; color: #fff; font-weight: 600; vertical-align: middle; margin-left: 4px; } .tzgg-content { flex: 1; display: flex; margin-left: 6px; align-items: center; } .tzgg-content a { font-size: 20px; color: #fff; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 0; flex: 1; } .tzgg-content span { font-size: 16px; color: #a6ccea; margin-left: 10px; } .tzgg-more { font-size: 14px; color: #fff; margin-left: 30px; } .divider { width: 100%; height: 1px; margin: 44px 0; position: relative; display: block; background-color: #bdbdbd; } .divider a { font-size: 50px; color: #104697; font-family: ysbth; font-size: 50px; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); background-color: #fff; padding: 0 28px; } .divider a span { font-size: 59px; color: #bd1a2d; vertical-align: baseline; } .index-box3 { margin-top: 20px; } .index-card { border: 1px solid #e1e1e1; padding: 0 31px 31px; } .index-card-nav { display: flex; margin-top: 16px; } .index-card-nav li { flex: 1; background-color: #e9e9e9; border-radius: 6px; height: 50px; line-height: 50px; text-align: center; } .index-card-nav li.cur { background-color: #104697; color: #fff; position: relative; } .index-card-nav li.cur::after { content: '1'; position: absolute; bottom: -8px; right: 50%; transform: translateX(50%); border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #104697; width: 0; height: 0; } .index-card-nav li.cur a { color: #fff; } .index-card-nav li a { font-size: 22px; font-weight: bold; width: 100%; height: 100%; display: block; } .index-card-nav li + li { margin-left: 26px; } .index-card-body { margin-top: 35px; } .index-card-body .index-item{ display: flex; } .index-item-l{ flex: none; } .index-item-r{ flex: 1; width: 0; } .news3-title { min-height: 40px; } .line-1 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } .line-2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .news3-title a { font-size: 22px; font-weight: bold; line-height: 27px; color: #333333; } .news3-title a:hover { color: #c92e1a; } .news3-desc { font-size: 14px; color: #404040; line-height: 30px; text-indent: 30px; } .news3-1 { padding-bottom: 18px; border-bottom: 1px solid #c1182f; } .news3-list{ margin-top: 18px; } .news3-list li { height: 38px; overflow: hidden; zoom: 1; background: url(dot.png) no-repeat 0 50%; display: flex; justify-content: space-between; align-items: center; } .news3-list li a { float: left; font-size: 16px; color: #333; text-indent: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; width: 0; } .news3-list li a:hover{ color: #c92e1a; } .news3-list li span { float: right; color: #aaa; font-size: 14px; margin-left: 44px; } .index-card-ad{ margin-top: 20px; display: flex; justify-content: space-between; } .news3-img-swiper{ width: 560px; margin-right: 44px; } .swiper { width: 100%; height: 100%; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; } .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; }