:root { --more-color: #126fc1; --bg-blue: #D9EAFE; --deep-blue-color: #01418b; --color-gray: gray; } :focus-visible{ outline: none!important; } .navbar-nav .dropdown-menu{ background-color: #126fc1; margin: 0; top: 97%; } .navbar-nav .dropdown-menu a{ font-size: 16px; color: rgba(255, 255, 255, 0.85); } .navbar-nav .dropdown-item{ height: 48px; display:inline-flex; justify-content: center; align-items: center; } .navbar-nav .dropdown-item:focus, .navbar-nav .dropdown-item:hover{ background-color: #0e8fdc; } .navbar-nav .dropdown-item:focus a, .navbar-nav .dropdown-item:hover a{ } .top-swiper .swiper-pagination-bullet{ width: 45px; height: 10px; background: white; border-radius: 20px; opacity:1; } .top-swiper .swiper-pagination-bullet-active{ background: #126fc1; } .index-swiper .swiper-pagination{ bottom:32px; } .headlin-icon{ /*color: var(--deep-blue-color);*/ color: #126fc1; font-weight: bold; text-align: center; font-size: 25px; width: 50px; line-height: 30px; border-bottom: solid 3px #126fc1; padding-bottom: 5px; } .dropdown-toggle::after{ content: none; } body { font-family: "Microsoft Yahei", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; } .yewu-top-bg { height: 600px; } @media screen and (max-width: 1366px) { .yewu-top-bg { height: 400px; } } .position, .position a { font-size: 14px; color: rgba(0, 0, 0, 0.65); } .more-icon { display: inline-flex; align-items: center; justify-content: center; } .more-icon img { padding-left: 10px; } .container { min-width: 1200px; padding-left: 0; padding-right: 0; } .row { margin-left: 0; margin-right: 0; } .row .col, .col-sm, .col-sm-6, .col-sm-12, .col-md-12 { padding-left: 0; padding-right: 0; } #nads-left { position: absolute; left: 0px; } #nads-right { position: fixed; right: 0px; } #nads-right-bottom{ position: fixed; right: 0px; } .swiper-news { width: 578px; height: 385px; margin: 0 0 0 0 !important; } .swiper-news .position-absolute { height: 50px; width: 100%; left: 0; background-color: rgba(0, 0, 0, 0.5); bottom: 0; display: flex; justify-content: flex-start; align-items: center; } .swiper-news .position-absolute h5 { color: #fff; margin-left: 24px; } .swiper-news .swiper-pagination { height: 50px; width: 100%; /*background-color: rgba(0, 0, 0, 0.5);*/ bottom: 0 !important; /*height: 40px !important;*/ display: flex; justify-content: flex-end; align-items: center; padding-right: 24px; } .swiper-news .swiper-pagination-bullet { border-radius: 0; background: #fff; } .img-center { display: block; overflow: hidden; } .img-center img { position: static; display: block; width: 100%; height: 100%; min-height: 90px; min-width: 90px; object-fit: cover; } .ads { height: 100px; width: 200px; z-index: 1301; } .ads dt{ margin-bottom: 5px; } .ads .close { position: absolute; right: 0; /*top: 0;*/ background-color: rgba(0, 0, 0, 0.8); padding: 4px 4px 4px 4px; } .ads .close img { width: 1.5rem; } .ads img { width: 100%; } .header { /*background-color: #EEF3F7;*/ background-image: url(/template/default/images/top.jpg); background-size: cover; height: 160px; } .header .container { display: flex; flex-flow: row wrap; justify-content: space-between; } .header .container .top-site-info { flex-grow: 1; } /* top site info start */ .top-site-info .logo { /*width: 80px;*/ /*height: 80px;*/ } .top-site-info .logo img { /*width: 80px;*/ /*height: 80px;*/ } .top-site-info .title .name { font-weight: bolder; font-size: 44px; /*color: var(--deep-blue-color);*/ color:#0084cd; line-height: 44px; margin-bottom: 10px; text-align: justify; text-align-last: justify; } .top-site-info .title .desc { font-size: 20px; font-weight: 600; line-height: 20px; color: #0084cd; display: block; text-align: justify; text-align-last: justify; /*font-weight: 600;*/ } /* top site info end */ .site-func { display: flex; flex-flow: column nowrap; justify-content: space-between; width: 320px; } .site-func .top { text-align: right; /*margin-bottom: 2rem;*/ } .site-func .bottom { /*padding-bottom: 7px;*/ /*flex-grow: 1;*/ /*margin-bottom: 10px;*/ } .site-func .bottom form { height: 40px; border: solid 0.5px #BDDAF8; border-radius: 0.25rem; /*padding: 0.5rem;*/ background-color: rgba(217, 234, 254, 0.5); justify-content: flex-end; } .header .bottom .form-group { border-right: solid 1px #BDDAF8; flex-grow: 1; } .header .bottom .form-group input { border: none; width: 100%; color: rgba(89, 118, 167, 0.45); -webkit-text-fill-color: rgba(89, 118, 167, 0.45); background-color: rgba(217, 234, 254, 0.5); background-color: transparent; } .header .bottom .btn { /*color: var(--deep-blue-color);*/ color: #126fc1; } .header .bottom .btn i { font-size: 18px; height: 18px; width: 18px; } .ban { height: 12px; /*width: 6.7rem;*/ width: 95px; /*background-color: rgba(51,118,255,0.3);*/ background-color: rgba(218, 235, 255, 1); position: absolute; /*left: 49px;*/ z-index: -1; } .ban6 { height: 10px; /*width: 6.7rem;*/ width: 95px; /*background-color: rgba(51,118,255,0.3);*/ /*background-color: rgba(0, 18, 255, 0.2);*/ background-color: rgba(218, 235, 255, 1); position: absolute; /*left: 49px;*/ z-index: -1; } /*.ban3{*/ /* left: 643px!important;*/ /*}*/ /*.ban4{*/ /* left: 345px!important;*/ /*}*/ /*.ban5{*/ /* left: 938px!important;*/ /*}*/ /*.container{*/ /* margin-left: 10em;*/ /* margin-right: 10em;*/ /*}*/ .border-bottom-gray { border-bottom: 1px solid #dee2e6 !important; } #navbarNav .nav-item { height: 56px; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-expand-lg .navbar-nav .nav-link { color: white; display: inline-flex; align-items: center; justify-content: center; /*font-size: 1.1rem;*/ font-size: 18px; padding-right: 8px; padding-left: 8px; color: rgba(255, 255, 255, 0.85); } .navbar-expand-lg .navbar-nav .nav-link div { display: flex; justify-content: center; align-items: center; } .navbar-expand-lg .navbar-nav .nav-link div img { margin-right: 5px; width: 18px; height: 18px; } .navbar-nav .active { background-color: #0e8fdc; } .navbar-nav .active > .nav-link { color: white; } /* headline news */ .headline-news { display: flex; flex-flow: column nowrap; height: 100%; } .headline-news .first-line { display: flex; flex-flow: row nowrap; justify-content: start; align-items: center; } .headline-news .first-line .icon { padding: 1em 2em 1em 2em; background-color: var(--bg-blue); overflow: hidden; flex-grow: 0; flex-shrink: 0; height: 96px; width: 125px; border-radius: 4px; display: flex; justify-content: center; /*width: 20%;*/ } .headline-news .first-line .icon img { /*height: 55px;*/ } .headline-news .first-line .title { margin-left: 1em; flex-grow: 1; flex-shrink: 1; /*width: 80%;*/ } .headline-news .first-line .title h3 { /*font-size: 2.3rem;*/ font-size: 28px; margin-bottom: 0; line-height: 1.5; color: rgba(0, 0, 0, 0.85); } .headline-news .second-line { display: flex; flex-flow: row nowrap; justify-content: end; } .headline-news .second-line .date { /*font-size: 15px;*/ font-size: 14px; margin-bottom: 16px; color: var(--deep-blue-color); } .headline-news .third-line { flex-grow: 1; } #headline-desc { font-size: 14px; color: rgba(0, 0, 0, 0.65); } #headline-desc-2 { font-size: 14px; /*color: rgba(0, 0, 0, 0.85);*/ color: rgba(0, 0, 0, 0.65); text-indent: 20px; line-height: 24px; text-align: justify; } .headline-news .fourth-line { display: flex; flex-flow: row nowrap; justify-content: end; margin-top: 1em; } .headline-news .fourth-line .read-more { /*background-color: var(--bg-blue);*/ background-color: #cce4ff; width: 80px; height: 36px; display: flex; justify-content: center; align-items: center; border-radius: 2px; } .headline-news .fourth-line .read-more a { color: var(--deep-blue-color); font-size: 14px; } /* headline news end*/ /* news block */ .news-block-title-row { border-bottom: 1px solid #d9d9d9 !important } .news-block-content-row .col-sm { padding-right: 10px; padding-left: 10px; } .news-block-title { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: baseline; /*padding-right: 10px;*/ } .news-block-title-content { display: flex; justify-content: center; align-items: center; border-bottom: 2px solid #126fc1; padding-bottom: 0.5rem; } .news-block-title h5 { /*color: var(--deep-blue-color);*/ color: #126fc1; margin-bottom: 0; font-size: 20px; font-weight: bold; display: inline-flex; align-items: center; padding-right: 8px; padding-left: 8px; } .news-block-title-content img { width: 20px; height: 20px; /*margin-right: 5px;*/ } .news-block-title-content .box { display: flex; justify-content: center; align-items: center; } .news-block-title a { color: #126fc1; } .news-block-list li { list-style: inside; padding-top: 24px; /*padding-bottom: 24px;*/ } .news-block-list li:hover { color: #3593ff; } .news-block-list li:hover a { color: #3593ff; } .news-block-list li a { font-size: 16px; } .news-block-list li span { font-size: 16px; color: rgba(0, 0, 0, 0.85); } .news-block-list .date { /*color: var(--color-gray);*/ color: rgba(0, 0, 0, 0.45); } /* news block end */ /*wenhua block */ .wenhua-box { display: flex; flex-flow: row nowrap; } .wenhua-box.right { justify-content: flex-end; } .wenhua-box.left { justify-content: flex-start; } .wenhua-block { height: 324px; width: 968px; display: flex; flex-flow: row nowrap; } .wenhua-block .pic { pading-left: 0; padding-right: 0; height: 324px; width: 480px; overflow: hidden; } .wenhua-block .pic img { height: 324px; width: 480px; } .wenhua-block .content { width: 488px; display: flex; flex-flow: column nowrap; background-color: #1E71BF; padding: 2em; color: white; } .wenhua-block .content .more { margin-top: 50px; justify-content: flex-end; } .wenhua-block .content .more-btn { width: 86px; height: 32px; /*margin-top: 1em;*/ text-align: right; background-color: rgba(255, 255, 255, 0.65); display: flex; justify-content: center; align-items: center; border-radius: 2px; /*padding: 0.5em 1em 0.5em 1em;*/ } .wenhua-block .content .more-btn a { color: var(--deep-blue-color); font-size: 14px; } .wenhua-block .content .title-box { display: flex; justify-content: flex-start; margin-bottom: 10px; } .wenhua-block .content .title { display: flex; justify-content: center; align-items: center; border-bottom: 2px solid white; padding-left: 8px; padding-right: 8px; } .wenhua-block .content .title h5 { font-size: 20px; font-weight: bold; } .wenhua-block .content-list h6 { font-size: 18px; /*margin-top: 10px;*/ } .wenhua-block .content-list p { font-size: 14px; } .wenhua-block .content li { list-style: none; margin-left: 0; } .wenhua-block .content li a { color: white; } .wenhua-block .content li span { font-size: 14px; } .wenhua-block .content .float-right { color: rgba(255, 255, 255, 0.65); } .wenhua-block .more-icon img{ padding-left: 5px; } /* wenhua block */ .yewu-container { margin-top: -7em; } .yewu-bar { display: flex; flex-flow: row nowrap; } .yewu-bar img { width: 100%; } /* ye wu block */ .yewu-block { display: flex; flex-flow: column nowrap; padding: 2em; } .yewu-21 { background-image: url(/template/default/images/ywbg-21.png); } .yewu-22 { background-image: url(/template/default/images/ywbg-22.png); } .yewu-28 { background-image: url(/template/default/images/ywbg-28.png); } .yewu-29 { background-image: url(/template/default/images/ywbg-29.png); } .yewu-30 { background-image: url(/template/default/images/ywbg-30.png); } .yewu-31 { background-image: url(/template/default/images/ywbg-31.png); } .yewu-32 { background-image: url(/template/default/images/ywbg-32.png); } .yewu-33 { background-image: url(/template/default/images/ywbg-33.png); } .yewu-34 { background-image: url(/template/default/images/ywbg-34.png); } .yewu-35 { background-image: url(/template/default/images/ywbg-35.png); } .yewu-bg { transition: all 0.6s; / / 设置动画执行的时间为0 .6 s cursor: pointer; } .yewu-bg:hover { transform: scale(1.1); / / 设置图片按照比例放大1 .2 倍 } /*.assist-div{*/ /* width: 1px;*/ /* height: 1px;*/ /* position: absolute;*/ /* top: -500px; // 这里可以设任意高度 对应锚点最后离窗口顶端的距离*/ /*left: 0;*/ /*}*/ /*#yewu-content-21:target, #anchor2:target, #anchor3:target {*/ /* padding-top: 8rem; // 这里更改padding-top的值使其定位到不同地方*/ /*}*/ /*.yewu-item{*/ /* height: 13.2rem;*/ /* !*width: 8rem;*!*/ /* display: flex;*/ /* align-items: flex-end;*/ /* !*flex-grow: 1;*!*/ /*}*/ /*.yewu-item-21{*/ /* background-image: url(/template/default/images/ywi-21.png);*/ /*}*/ /*.yewu-item-22{*/ /* background-image: url(/template/default/images/ywi-22.png);*/ /*}*/ /*.yewu-item-28{*/ /* background-image: url(/template/default/images/ywi-28.png);*/ /*}*/ /*.yewu-item-29{*/ /* background-image: url(/template/default/images/ywi-29.png);*/ /*}*/ /*.yewu-item-30{*/ /* background-image: url(/template/default/images/ywi-30.png);*/ /*}*/ /*.yewu-item-31{*/ /* background-image: url(/template/default/images/ywi-31.png);*/ /*}*/ /*.yewu-item-32{*/ /* background-image: url(/template/default/images/ywi-32.png);*/ /*}*/ /*.yewu-item-33{*/ /* background-image: url(/template/default/images/ywi-33.png);*/ /*}*/ /*.yewu-item-34{*/ /* background-image: url(/template/default/images/ywi-34.png);*/ /*}*/ /*.yewu-item-35{*/ /* background-image: url(/template/default/images/ywi-35.png);*/ /*}*/ .yewu-item-title { color: white; /*padding: 1.1rem;*/ display: flex; flex-flow: column nowrap; align-items: center; width: 7.9rem; vertical-align: middle; text-align: center; vertical-align: middle; /*background-color: var(--bg-blue);*/ } .yewu-item-title:hover { background-color: var(--bg-blue); } .yewu-block .title { margin-bottom: 1em; color: var(--deep-blue-color); } .yewu-block .title h5 { display: inline-flex; align-items: center; font-size: 18px; font-weight: bold; /*color: #1f5293;*/ color: #126fc1; } .yewu-block .title h5 img { /*width: 24px;*/ /*height: 20px;*/ margin-right: 5px; } .yewu-block .group { display: flex; flex-flow: row nowrap; justify-content: space-between; /*align-items: center;*/ /*margin-bottom: 1em;*/ } .yewu-block .group .right { margin-right: 1.5em; } .yewu-block .group .left { margin-left: 1.5em; } .yewu-block .group .desc { height: 160px; /*width: 424px;*/ width: 40%; /*background-color: rgba(58, 93, 134, 0.7);*/ background-color: rgba(39, 97, 173, 0.8); padding: 1em; color: white; font-size: 14px; color: #eff7ff; display: flex; flex-flow: column nowrap; justify-content: space-between; } .yewu-block .group .desc .read-more { text-align: right; } .yewu-block .group .desc .read-more a { color: #eff7ff; font-size: 14px; } .yewu-block .group .list { flex-grow: 1; } .yewu-block-list li:first-child { padding-top: 0; } .yewu-block-list li { list-style: inside; color: #063196; padding-top: 10px; } .yewu-block-list a { /*color: var(--deep-blue-color);*/ color: #063196; font-size: 16px; } /* yewu block end */ /* silde mune */ .sort-nav { width: 248px; display: flex; flex-flow: column nowrap; justify-content: center; } .sort-nav .item { background-color: #EEEEEE; padding-top: 0.5rem; padding-bottom: 0.5rem; display: flex; flex-flow: row nowrap; align-content: center; justify-content: center; margin-bottom: 2px; font-size: 18px; /*font-weight: 500;*/ line-height: 36px; } .sort-nav .item a { font-size: 18px; height: 36px; display: inline-flex; justify-content: center; align-items: center; } .sort-nav .item.active { background-color: #1E71BF; } .sort-nav .item.active a { color: white; font-size: 20px; line-height: 20px; color: rgba(255, 255, 255, 0.85); } /* silde menu end */ .dangjian-list .border-bottom-dashed { border-bottom: 1px dashed rgba(0, 0, 0, 0.15) !important } .dangjian-list li { list-style: inside; padding-top: 16px; padding-bottom: 16px; } .dangjian-list li:hover { /*color: #074d9d;*/ color: #0056b3; /*text-decoration: underline;*/ } .dangjian-list li span:hover { color: #0056b3; } .dangjian-list li a:active { /*color: #074d9d;*/ color: #0056b3; /*text-decoration: underline;*/ } .dangjian-list li a span { font-size: 16px; color: rgba(0, 0, 0, 0.85); /*color: #0056b3;*/ } .dangjian-list .float-right { color: rgba(0, 0, 0, 0.45); } .site-info { background-image: url(/template/default/images/footer-bg.png); background-size: 100% 100%; /*min-height:200px;*/ } .block-site-info { color: white; } .qrcode{ padding-top: 7px; } .block-site-info .logo { width: 64px; height: 64px; } .block-site-info .logo img { width: 64px; height: 64px; } .block-site-info .title{ margin-bottom: 2rem; } .block-site-info .title .name { font-weight: bold; font-size: 28px; color: white; text-align: justify; text-align-last: justify; /*margin-bottom: 16px;*/ padding-right: 144px; } .block-site-info .title .desc { font-size: 16px; text-align: justify; text-align-last: justify; padding-right: 144px; } .copyright { min-height: 40px; background-color: #126fc1; color: white; } /*headline banner start*/ .headline-banner { background: #ffffff; padding: 1rem 24px 1rem 1rem; display: flex; flex-flow: row nowrap; align-items: center; height: 112px; box-shadow: 0px 2px 6px 0px rgba(0, 28, 72, 0.2) !important; } .headline-banner .headline-more { align-self: flex-end; padding-bottom: 0.4rem; margin-left: 24px; } .headline-banner .headline-more a { /*color: var(--more-color);*/ color: #126fc1; font-size: 14px; } .headline-banner .icon { background-color: var(--bg-blue); /*padding: 0.5em;*/ width: 125px; height: 96px; margin-right: 24px; display: flex; justify-content: center; align-items: center; } .headline-banner .icon img { /*width: 125px;*/ height: 80%; } .headline-content { display: flex; flex-flow: column nowrap; /*flex-grow: 1;*/ width: 940px; /*margin-right: 7rem;*/ /*align-items: center;*/ /*justify-content: center;*/ } .headline-content .title { display: flex; flex-flow: row nowrap; /*flex-grow: 1;*/ justify-content: flex-start; align-items: center; } .headline-content .title h1 { /*color: var(--deep-blue-color);*/ color: #126fc1; display: flex; flex-flow: row nowrap; align-items: center; /*font-size: 2em;*/ margin-bottom: 0; font-size: 32px; } .headline-content .desc { margin-top: 16px; display: flex; flex-flow: column nowrap; justify-content: flex-end; /*padding-right: 10px;*/ } .headline-content .date { background-color: var(--bg-blue); width: 110px; height: 30px; margin-left: 20px; padding: 0.5em; font-size: 0.8em; display: flex; flex-flow: column; justify-content: center; text-align: center; color: var(--deep-blue-color); margin-left: 20px; } /* headline banner end */ /* notice bar*/ .notice-bar { display: flex; flex-flow: row nowrap; background-color: var(--bg-blue); padding: 1em; padding-right: 24px; justify-content: flex-start; height: 72px; overflow: hidden; } .notice-bar-box { display: flex; flex-flow: column nowrap; justify-content: flex-start; flex-grow: 1; /*overflow: hidden;*/ /*align-items: flex-start;*/ } .notice-bar .icon { display: flex; align-items: center; /*color: var(--deep-blue-color);*/ font-size: 18px; color: #126fc1; } .notice-bar .icon img { margin-right: 0.5em; width: 1.2rem; } .notice-bar-box li { /*display: block;*/ width: 100%; /*overflow: hidden;*/ } .notice-bar-item { height: 45px; display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; } .notice-bar-box .title { flex-grow: 1; padding-left: 1em; padding-right: 1em; font-size: 16px; color: rgba(0, 0, 0, 0.85); } .notice-bar-box .more { font-size: 14px; color: rgba(0, 0, 0, 0.45); } .notice-bar-box .more a { /*color: var(--more-color);*/ font-size: 14px; color: #126fc1; } /* notice bar end */ /* home block */ .home-block { display: flex; flex-flow: row nowrap; width: 50%; } .home-block .img-center img { width: 300px; height: 245px; } .home-block .list { width: 50%; display: flex; flex-flow: column nowrap; padding-left: 10px; padding-right: 10px; padding-top: 10px; } .home-block .img-center { width: 50%; } .home-block .list-title { color: var(--deep-blue-color); display: flex; margin-bottom: 1em; } .home-block .title-content { border-bottom: 2px solid #126fc1; padding-bottom: 0.5em; display: flex; align-items: center; } .home-block .title-content .box { display: flex; justify-content: center; align-items: center; } .home-block .title-content img { /*width: 22px;*/ /*height: 20px;*/ /*margin-right: 5px;*/ } .home-block .list-item { padding-top: 2px; padding-bottom: 2px; height: 48px; } .home-block .title-content h5 { /*padding-bottom: 0.5em;*/ margin-bottom: 0; padding-left: 7px; padding-right: 7px; display: inline-flex; align-items: center; font-size: 20px; font-weight: bold; /*color: var(--deep-blue-color);*/ color: #126fc1; } .home-block .date { font-size: 12px; color: rgba(0, 0, 0, 0.45); } .home-block .more { margin-top: 1em; font-size: 15px; } .home-block .more a { /*color: var(--deep-blue-color);*/ color: #126fc1; font-size: 15px; } .list-item .title { margin-bottom: 0px; font-size: 16px; color: rgba(0, 0, 0, 0.85); } .list-item .date { color: gray; } /* home block end */ /* home fun */ .home-fun { padding-top: 3.5rem; padding-bottom: 3.5rem; background-color: #E5ECF3; } .home-fun .container { display: flex; flex-flow: row wrap; justify-content: space-around; } .home-fun-item { /*position: relative;*/ width: 232px; height: 200px; overflow: hidden; /*padding-top: 0.5rem;*/ /*padding-bottom: 0.5rem;*/ /*padding-right: 0.5rem;*/ margin-bottom: 12px; border-radius: 2px; box-shadow: 0px 8px 16px 0px rgba(0, 28, 72, 0.34); } .home-fun-item a { display: block; overflow: hidden; } .home-fun-item img { position: static; display: block; width: 232px; height: 200px; object-fit: cover; } /* home fun end */ /* home tab */ .home-tab-content ul { font-size: 1.14rem; } .home-tab-content li { list-style: inside; margin-bottom: 4px; content: "."; color: #666666; } .home-tab-content li:hover{ color:#0056b3; } .home-tab-content li span{ color: #555; } .home-tab-content li span:hover{ color:#0056b3; } .home-tab .nav-tabs .nav-link { border: 0px; } .home-tab h5 { font-size: 20px; color: rgba(0, 0, 0, 0.65); } .home-tab .nav-tabs .nav-link{ display: flex; justify-content: center; } .home-tab .nav-tabs .nav-link.active h5 { font-weight: bolder; color: #126fc1; z-index: 10; position: relative; } .home-tab .nav-tabs .nav-link.active { color: #126fc1; /*font-weight: bolder;*/ border-bottom: 2px solid #126fc1; display: flex; justify-content: center; } .home-tab .nav-tabs .nav-link.active .ban2 { height: 0.6rem; width: 5.5rem; background-color: rgba(218, 235, 255, 1); position: absolute; top: 15px; z-index: 5; } .home-tab .more-tab{ /*position: absolute;*/ /*right: 0;*/ margin-top: 6px; margin-right: -15px; } .home-tab .more-tab{ display: none; background-image: url(/template/default/images/icon/more-4.png); width: 22px; height: 22px; } .home-tab .more-tab.active { display: block; } .home-tab .more-tab:hover { background-image: url(/template/default/images/icon/more-5.png); } /* home tab end*/ .footer .container .link { border-bottom: 1px solid #dee2e6 !important; } .footer .container nav .nav-tabs { border-bottom: 2px solid #126fc1; height: 57px; } .footer .container nav .nav-tabs .nav-link { margin-bottom: -2px; color: #8DA9CB; display: flex; justify-content: center; align-items: center; width: 19%; font-size: 20px; } .footer .container nav .nav-tabs .nav-link.active { color: #126fc1; /*background-color: rgba(180, 28, 28, 0);*/ border-color: #126fc1 #126fc1 #fff; font-weight: bolder; border-width: 2px; } .footer .container nav .nav-tabs .nav-link:hover { border-color: #126fc1 #126fc1 #fff; background-color: #fff; border-width: 2px; } /* links block*/ .link-block .title { /*color: var(--deep-blue-color);*/ color: #126fc1; border-bottom: 2px solid #126fc1; display: flex; align-items: center; padding-bottom: 0.5em; } .link-block .title i { font-size: 20px; width: 20px; height: 20px; } .link-block .title .box { display: flex; justify-content: center; align-items: center; } .link-block .title h5 { margin-bottom: 0; font-size: 20px; var(--deep-blue-color); display: inline-flex; align-items: center; padding-left: 8px; padding-right: 8px; } /* links block end */ .page-link { color: black; } .page-link:focus{ box-shadow: none; } .page-num, .page-link{ color: black; } .page-num-current { /*background-color:#C51211;*/ /*border-color: #C51211;*/ color: white; /*background-color: var(--deep-blue-color);*/ /*border-color: var(--deep-blue-color);*/ background-color: #126fc1; border-color: #126fc1; } .tab-content .tab-pane { margin-top: 16px; } #nav-tabContent .col-sm-3 { margin-bottom: 0.3rem; } #nav-tabContent .col-sm-3 a { font-size: 14px; color: rgba(0, 0, 0, 0.85); } #nav-tabContent .col-sm-3 a:hover { color: #3593ff; text-decoration: underline; } .news-detail-title { font-size: 30px; color: rgba(0, 0, 0, 0.85); } /* ----------------- 额外修改 -----------------*/ /* 领导页面*/ .lingdao .item.active a{ line-height: normal; } .lingdao .item a{ display: inline-block; min-width: 3em; text-align-last: justify; text-align: justify; text-justify: distribute-all-lines; } /* foot的集团友情链接*/ .link-1{ flex: 0 0 27%; max-width: 27%; } .link-2{ flex: 0 0 27%; max-width: 27%; } .link-3{ flex: 0 0 23%; max-width: 23%; } .link-4{ flex: 0 0 23%; max-width: 23%; } .link-1 div,.link-2 div,.link-3 div,.link-4 div{ margin-bottom:.3rem; } .link-1 a,.link-2 a,.link-3 a,.link-4 a{ font-size: 14px; color: rgba(0, 0, 0, 0.85) } /*页面滚动条调整*/ html{ /*aoyun.css :overflow:hidden*/ overflow: auto; } html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body,html{ height: 100%; margin: 0; padding: 0; border: 0; outline: 0; box-sizing: border-box; } body{ display: block; /*防止缩放后导航栏显示不全*/ min-width: 1300px; } html::-webkit-scrollbar { /*x-轴*/ height: 6px; /*y-轴*/ width: 6px; background-color: #fff; } html::-webkit-scrollbar-track { border-radius: 6px; background-color: #fff; } html::-webkit-scrollbar-thumb { border-radius: 4px; background: linear-gradient(to right, rgb(121, 183, 245), rgb(18, 111, 193), rgb(121, 183, 245));; } /*card list // 原 home block*/ .card-box{ display: flex; justify-content: space-between; margin-bottom:10px; } .card-box:nth-child(n+5){ margin-bottom: 0; } .card-list{ display: flex; flex-direction: column; width: 49.5%; border: 1px solid #D9D9D9; border-top: 2px solid #01418B; padding:15px 20px 20px; } .card-list .title-box{ display: flex; justify-content: space-between; } .card-list .title-box .list-title{ color: var(--deep-blue-color); display: flex; margin-bottom: 1em; } .card-list .title-box .title-content{ border-bottom: 2px solid #126fc1; padding-bottom: 0.5em; display: flex; align-items: center; } .card-list .title-content .box { display: flex; justify-content: center; align-items: center; } .card-list .ban{ height: 12px; width: 95px; background-color: rgba(218, 235, 255, 1); position: absolute; z-index: -1; } .card-list .title-content h5 { margin-bottom: 0; padding-left: 7px; padding-right: 7px; display: inline-flex; align-items: center; font-size: 16px; font-weight: bold; color: #126fc1; } .card-list .content-box{ width: 100%; } .card-list .content-box .image-box{ float:left; overflow:hidden; margin-right:7px; width: 30%; height: 120px; background: #6CABF6; border-radius: 2px; } .card-list .content-box .image-box img{ width: 100%; height: 100%; } .card-list .content-box .list-item { padding-top: 2px; padding-bottom: 2px; height: 40px; line-height: 40px; display: flex; justify-content: space-between; } .card-list .content-box .list-item a{ width: 75%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .card-list .content-box .list-item:nth-child(n+4) a{ width: 83%; } .card-list .more a{ color: #126fc1; font-size: 16px; } /*card fun // 原 home fun*/ .card-fun { padding-top: 54px; padding-bottom: 54px; background-color: #E5ECF3; } .card-fun .container { display: flex; flex-flow: row wrap; justify-content: space-around; } .card-fun-item { width: 232px; height: 101px; overflow: hidden; margin-bottom: 12px; border-radius: 2px; box-shadow: 0px 8px 16px 0px rgba(0, 28, 72, 0.34); } .card-fun-item a { display: block; overflow: hidden; display: inline-flex; justify-content: center; align-items: center; } .card-fun-item a:hover{ transform: scale3d(1.2,1.2,1); transition: transform .15s linear; } .card-fun-item img { position: static; display: block; width: 232px; height: 101px; object-fit: cover; } /*beat365网站平台灰白色*/ .gray{ -webkit-filter: grayscale(1); } /* beat365网站平台头部添加OA链接 */ .site-func .top .text-secondary{ margin-right: 6px; font-size: 18px; display: inline-flex; align-items: center; height: 32px; } .site-func .top .text-secondary span{ color:#00a0e9; } .site-func .top .text-secondary img{ width: 20px; height: 16px; margin-right: 6px; } /*模态框*/ .modal_info{ display: flex; visibility: hidden; flex-direction: column; align-items: flex-start; justify-content: flex-start; overflow: hidden; width: 260px; height: 160px; position: fixed; top:50%; left: 50%; margin-left: -100px; margin-top:-70px; background-color: #FFFFFF; border-radius: 3px; box-sizing: border-box; z-index: 111; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; position: absolute; _left:expression(eval(document.documentElement.clientWidth/2 + document.documentElement.scrollLeft - this.offsetWidth/2 - parseInt(this.currentStyle.marginLeft,10) - parseInt(this.currentStyle.marginRight,10))) ; _top:expression(eval(document.documentElement.clientHeight/2 + document.documentElement.scrollTop - this.offsetHeight/2 - parseInt(this.currentStyle.marginTop,10) - parseInt(this.currentStyle.marginBottom,10))); } .modal_info .head_blue{ padding: 5px; height: auto; box-sizing: border-box; background: #126fc1; font-style: normal; font-weight: bold; font-size: 16px; line-height: 16px; color: #FFFFFF; width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: space-between !important; text-transform:capitalize; } .modal_info .head_blue h1{ font-size: 16px; color: white; } .modal_info .body_main{ display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding: 10px 10px; background-color: #FFFFFF; flex: 1; width: 100%; box-sizing: border-box; } .modal_info .bottom_button{ display: flex; flex-direction: row; align-items: center; justify-content: space-around; width: 100%; padding: 10px; box-sizing: border-box; } .modal_info .bottom_button div{ display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 5px; box-sizing: border-box; } .modal_info .bottom_button .yes{ background-color: #126fc1; color: #FFFFFF; border-radius: 5px; } .modal_info .bottom_button .no{ background-color: #FFFFFF; color: #505050; border: 1px solid #505050; border-radius: 5px; } .md-show{ visibility:visible !important; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /*底部滚动和突出显示栏目*/ .fixed-func{ position: fixed; right: 0px; /*bottom: 155px;*/ display: flex; flex-direction: column; align-items: center; width: 60px; overflow: hidden; background: rgba(225, 238, 250,.5); border-radius: 6px; z-index:10; } .fixed-func-item{ display: flex; width: 60px; height: 60px; } .fixed-func-item-a{ display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; /*padding:6px;*/ } .fixed-func-item-a img{ width: 26px; height: 26px; } .fixed-func-item-a span{ font-size: 12px; height: 16px; color:#333; margin-top:6px; } a.fixed-func-item-a:hover{ background: #e1eefa; border-radius: 6px; }