.mySwiper{ max-width: 1920px; min-width: 1200px; } .mySwiper>.swiper-wrapper>.swiper-slide>img { margin: 0 auto; } .mySwiper>.swiper-button-prev { left: var(--swiper-navigation-sides-offset, 30px) } .mySwiper>.swiper-button-next { right: var(--swiper-navigation-sides-offset, 30px) } .mySwiper>.swiper-button-next:hover, .mySwiper>.swiper-button-prev:hover { --swiper-navigation-color: rgba(15, 98, 169, .6); } .mySwiper { --swiper-theme-color: #0078b0; --swiper-navigation-color: rgba(15, 98, 169, .3); /* 单独设置按钮颜色 */ --swiper-navigation-size: 30px; /* 设置按钮大小 */ } /* 首页新闻 */ .mainBox { background-color: #fff; background-image: url('../images/body_top_bg.png'); background-repeat: repeat-x; padding-top: 5px; padding-bottom: 20px; min-width: 1200px; } .mainBox>.mainCont { width: 1200px; /* background: rgba(0, 255, 255, .1); */ margin: 0 auto; display: flex; justify-content: space-between; align-items: center; padding-top: 20px; padding-bottom: 20px; } /* 新闻轮播图 */ .mainBox>.mainCont>.newsSwiper { width: 438px; height: 293px; border: 1px #ccc solid; margin-left: auto; margin-right: auto; } .mainBox>.mainCont>.newsSwiper .carousel-inner img { width: 430px; height: 285px; margin: 3px; } .mainBox>.mainCont>.newsSwiper .carousel-inner a { display: inline-block; width: 100%; left: 0; right: 0; padding-bottom: 20px; padding-left: 15px; padding-right: 15px; } .mainBox>.mainCont>.newsSwiper .carousel-inner a:hover { text-decoration: none; color: red; } /* 首页新闻列表 */ .mainBox>.mainCont>.newsBox { width: 700px; height: 330px; /* background-color: rgba(0, 255, 0, .1); */ } .newsBox>.nav-tabs { border-bottom: 2px #E8E9EB solid; height: auto; } .newsBox>.nav-tabs>.nav-item { font-size: 18px; margin-bottom: -2px; font-weight: bold; color: #64748A; } .newsBox>.nav-tabs>.nav-item>a>.icon { font-size: 18px; } .newsBox>.nav-tabs>.nav-item>a, .newsBox>.nav-tabs>.nav-item>a:hover .newsBox>.nav-tabs>.nav-item>a:focus, .newsBox>.nav-tabs>.nav-item>a:before, .newsBox>.nav-tabs>.nav-item>a:after { border-color: transparent; background-color: transparent; color: #64748A; } .newsBox>.nav-tabs>li.active>a, .newsBox>.nav-tabs>li.active>a:hover, .newsBox>.nav-tabs>li.active>a:focus, .newsBox>.nav-tabs>li.active>a:before, .newsBox>.nav-tabs>li.active>a:after { border: none; color: #0062AD; background-color: transparent; } .newsBox>.nav-tabs>.active { border-bottom: 2px #0078b0 solid; } .newsBox>.nav-tabs { position: relative; /* border: 1px red solid; */ } .newsBox>.nav-tabs>a { display: inline-block; position: absolute; right: 5px; bottom: 5px; } .newsBox>.nav-tabs>a:hover { color: red; text-decoration: none; } .newsBox>.tab-content { padding: 10px; } /* 首页新闻列表 */ .news-text>ul { list-style-type: none; margin: 0; padding: 0; } .news-text>ul>li { display: flex; justify-content: space-between; margin-bottom: 5px; padding: 10px 5px; } .news-text>ul>li:hover { -webkit-animation-name: pulse; animation-name: pulse; background-color: #f8f8f8; } .news-text>ul>li>.news-date { width: 70px; height: 70px; border: 1px solid #f0f0f0; display: flex; flex-direction: column; justify-content: center; align-items: center; padding-top: 10px; padding-bottom: 10px; color: #2772B2; } .news-text>ul>li>.news-date>h2 { padding: 0px; margin: 2px; font-size: 24px; } .news-text>ul>li>.news-date>h3 { padding: 0px; margin: 5px; font-weight: 100; font-size: 16px; } .news-list { width: calc(100% - 100px); text-decoration: none; color: #475568; } .news-list:hover { color: #2772B2; text-decoration: none; } .news-list>.news-title { font-weight: 500; font-size: 18px; margin-top: 5px; margin-bottom: 5px; } .news-list>.news-abstract { font-size: 14px; color: #999; line-height: 1.3em; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; display: -webkit-box; -webkit-box-orient: vertical; } /* 公告通知列表 */ .note-ul { list-style: none; padding: 0; margin: 0; margin-top: 10px; } .note-ul>li { display: flex; justify-content: space-between; align-items: center; padding-top: 5px; padding-bottom: 5px; font-size: 18px; padding-left: 8px; background-image: url('../images/box_1.gif'); background-repeat: no-repeat; background-position: left center; } .note-ul>li>a { display: inline-block; width: calc(100% - 130px); color: #475568; } .note-ul>li>a:hover { text-decoration: none; color: #0078b0; } .note-ul>li>span { display: inline-block; width: 115x; color: #64748A; text-align: right; } /* 相关链接 */ .linkBox { min-width: 1200px; background-color: #E8F2FE; } .linkBox>.linkCenter { width: 1200px; margin: 0 auto; height: 100%; /* background-color: rgba(255, 255, 255, .3); */ padding: 15px 5px; } .linkTitle { text-align: center; position: relative; } .linkTitle>span { display: inline-block; font-size: 20px; color: #0062AD; font-weight: bold; letter-spacing: 2px; padding-left: 12px; padding-right: 12px; background-color: #E8F2FE; position: relative; z-index: 3; } .linkTitle:before { content: ""; border-bottom: solid 1px #DEDFE2; display: block; top: 15px; position: relative; z-index: 0; } .linkCont { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; margin-bottom: 15px; } .linkCont>a { width: 150px; height: 120px; text-align: center; /* background-color: rgba(255, 255, 255, .5); */ display: flex; flex-direction: column; justify-content: center; align-items: center; } .linkCont>a:hover { text-decoration: none; } .linkCont>a>p { display: inline-block; width: 72px; height: 72px; border-radius: 50%; border: 1px #fff solid; background-color: #fff; background-position: center center; background-repeat: no-repeat; } .linkCont>a:hover p { background-color: #0062AD; border: 8px #CCE2F2 solid; } .linkCont>a:hover>span { color: #0062AD; } .linkCont>a>span { font: 18px/22px "微软雅黑"; color: #4f4f4f; } .linkCont>a>.icon_1 { background-image: url('../images/icon_1.png'); } .linkCont>a:hover>.icon_1 { background-image: url('../images/icon_1_hover.png'); } .linkCont>a>.icon_2 { background-image: url('../images/icon_2.png'); } .linkCont>a:hover>.icon_2 { background-image: url('../images/icon_2_hover.png'); } .linkCont>a>.icon_3 { background-image: url('../images/icon_3.png'); } .linkCont>a:hover>.icon_3 { background-image: url('../images/icon_3_hover.png'); } .linkCont>a>.icon_4 { background-image: url('../images/icon_4.png'); } .linkCont>a:hover>.icon_4 { background-image: url('../images/icon_4_hover.png'); } .linkCont>a>.icon_5 { background-image: url('../images/icon_5.png'); } .linkCont>a:hover>.icon_5 { background-image: url('../images/icon_5_hover.png'); } .linkCont>a>.icon_6 { background-image: url('../images/icon_6.png'); } .linkCont>a:hover>.icon_6 { background-image: url('../images/icon_6_hover.png'); } .linkCont>a>.icon_7 { background-image: url('../images/icon_7.png'); } .linkCont>a:hover>.icon_7 { background-image: url('../images/icon_7_hover.png'); } .linkCont>a>.icon_8 { background-image: url('../images/icon_8.png'); } .linkCont>a:hover>.icon_8 { background-image: url('../images/icon_8_hover.png'); }