@import "common.css"; .anim-flipInX { -webkit-animation: flipInX 1s ease 0s 1; animation: flipInX 1s ease 0s 1; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; filter: alpha(opacity=0); } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; filter: alpha(opacity=100); } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); -ms-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; filter: alpha(opacity=0); } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; filter: alpha(opacity=100); } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); -ms-transform: perspective(400px); transform: perspective(400px); } } .anim-flipInY { -webkit-animation: flipInY 1s ease 0s 1; animation: flipInY 1s ease 0s 1; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; filter: alpha(opacity=0); } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; filter: alpha(opacity=100); } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); -ms-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; filter: alpha(opacity=0); } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; filter: alpha(opacity=100); } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); -ms-transform: perspective(400px); transform: perspective(400px); } } .header { font-size: 14px; } .header-box { background: #fff; } .header-box-top { width: 1200px; height: 40px; margin: 0 auto; display: flex; justify-content: space-between; } .header-box-top-date { line-height: 40px; } .header-banner { width: 1200px; height: 220px; margin: 0 auto; display: flex; justify-content: space-between; } .header-banner-left { display: flex; align-items: center; justify-content: space-between; align-content: center; } .header-banner-left-logo { width: 80px; height: 80px; text-align: center; line-height: 80px; } .header-banner-left-logo > img { width: 550px; } .header-banner-left-txt { padding-left: 25px; flex: 1; } .header-banner-left-txt-title { font-family: ygyxs2; font-size: 56px; color: #002d70; } .header-banner-left-txt-subtitle { font-size: 14px; line-height: 3; } .header-banner-left-txt-tag { font-family: ygyxs2; font-size: 20px; color: #002b6b; } .header-banner-right { width: 600px; } .header-banner-right .swiper-slide { text-align: right; } .header-banner-right .swiper-slide > img { width: 100%; } .header-banner-right-top { height: 235px; overflow: hidden; } .header-banner-right-top .box-img { text-align: center; } .header-nav { width: 1200px; height: 68px; margin: 0 auto; background: url("../img/nav.png") no-repeat center; } .header-nav-box { display: flex; padding: 18px 15px 0 15px; position: relative; z-index: 10; } .header-nav-box-li { width: 145px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #d6edfe; font-weight: bold; background: url("../img/navbg.jpg") no-repeat right; } .header-nav-box-li:nth-child(2) > .header-nav-box-li-details:after { left: 204px; } .header-nav-box-li:nth-child(3) > .header-nav-box-li-details:after { left: 332px; } .header-nav-box-li:nth-child(4) > .header-nav-box-li-details:after { left: 461px; } .header-nav-box-li:nth-child(5) > .header-nav-box-li-details:after { left: 594px; } .header-nav-box-li:nth-child(7) > .header-nav-box-li-details:after { left: 853px; } .header-nav-box-li:nth-child(8) > .header-nav-box-li-details:after { left: 984px; } .header-nav-box-li:nth-child(9) > .header-nav-box-li-details:after { left: 1112px; } .header-nav-box-li:last-child { background: none; } .header-nav-box-li-link { display: block; color: #d6edfe; } .header-nav-box-li-link:hover { background: #0668b2; } .header-nav-box-li-details { display: none; position: absolute; left: 0; top: 60px; width: 1170px; padding: 20px 15px; z-index: 10; } .header-nav-box-li-details:after { content: ''; display: block; width: 14px; height: 14px; background: url("../img/clumn_arrow.png") no-repeat center; position: absolute; top: 12px; z-index: 1; } .header-nav-box-li-details-content { border: 2px solid #0e84de; background-color: #f5fafd; min-height: 200px; padding: 15px; text-align: left; color: #444; font-size: 12px; font-weight: normal; line-height: normal; display: flex; justify-content: space-between; } .header-nav-box-li-details-unit-column { display: flex; flex-wrap: wrap; } .header-nav-box-li-details-unit-column-name { display: block; height: 105px; } .header-nav-box-li-details-unit-column-name.subtitle1, .header-nav-box-li-details-unit-column-name.subtitle2, .header-nav-box-li-details-unit-column-name.subtitle3, .header-nav-box-li-details-unit-column-name.subtitle4, .header-nav-box-li-details-unit-column-name.subtitle5, .header-nav-box-li-details-unit-column-name.subtitle6, .header-nav-box-li-details-unit-column-name.subtitle7, .header-nav-box-li-details-unit-column-name.subtitle8 { text-align: center; line-height: 65px; height: 65px; font-size: 16px; color: #0d83dd; border: 1px solid #add5f3; background-color: #d5eaf8; } .header-nav-box-li-details-unit-column-name.subtitle1 { width: 390px; } .header-nav-box-li-details-unit-column-name.subtitle2, .header-nav-box-li-details-unit-column-name.subtitle3, .header-nav-box-li-details-unit-column-name.subtitle4, .header-nav-box-li-details-unit-column-name.subtitle5, .header-nav-box-li-details-unit-column-name.subtitle6, .header-nav-box-li-details-unit-column-name.subtitle7, .header-nav-box-li-details-unit-column-name.subtitle8 { width: 190px; margin-top: 7px; } .header-nav-box-li-details-unit-column-name.dhlpic1 { width: 304px; background: url("../img/dhlpic1.png") no-repeat center; background-size: 304px 106px; } .header-nav-box-li-details-unit-column-name.dhlpic2 { width: 304px; margin-top: 10px; background: url("../img/dhlpic2.png") no-repeat center; background-size: 304px 106px; } .header-nav-box-li-details-unit-column-name.dhlpic3 { width: 190px; background: url("../img/dhlpic3.png") no-repeat center; background-size: 100%; } .header-nav-box-li-details-unit-column-name.dhlpic4 { width: 190px; background: url("../img/dhlpic4.png") no-repeat center; background-size: 100%; margin-left: 10px; } .header-nav-box-li-details-unit-column-name.dhlpic5 { width: 100%; margin-top: 10px; background: url("../img/dhlpic5.png") no-repeat center; background-size: 100%; } .header-nav-box-li-details-unit-column-name.dhlpic6 { width: 190px; background: url("../img/dhlpic6.png") no-repeat center; background-size: 100%; } .header-nav-box-li-details-unit-column-name.dhlpic7 { width: 380px; background: #40adda url("../img/dhlpic7.png") no-repeat center; background-size: 190px 106px; } .header-nav-box-li-details-unit-column-name.dhlpic8 { width: 100%; margin-top: 10px; background: url("../img/dhlpic8.jpg") no-repeat center; background-size: 100%; } .header-nav-box-li-details-unit-column-name.dhlpic17 { width: 190px; background: url("../img/dhlpic17.png") no-repeat center; background-size: 100%; } .header-nav-box-li-details-unit-column-name.dhlpic18 { width: 190px; background: url("../img/dhlpic18.png") no-repeat center; background-size: 100%; margin-left: 10px; } .header-nav-box-li-details-unit-column-name.dhlpic19 { width: 100%; margin-top: 10px; background: url("../img/dhlpic19.png") no-repeat center; background-size: 100%; } .header-nav-box-li-details-unit-column-name.dhlpic20 { width: 276px; margin-top: 10px; background: url("../img/dhlpic20.png") no-repeat center; background-size: 100%; } .header-nav-box-li-details-unit-column-name.dhlpic21 { width: 276px; margin-top: 10px; background: url("../img/dhlpic21.png") no-repeat center; background-size: 100%; } .header-nav-box-li-details-unit-column-name.dhlpic22 { width: 276px; margin-top: 10px; margin-right: 10px; background: url("../img/dhlpic22.png") no-repeat center; background-size: 100%; } .header-nav-box-li-details-unit-column-name.dhlpic23 { width: 276px; margin-top: 10px; background: url("../img/dhlpic23.png") no-repeat center; background-size: 100%; } .header-nav-box-li-details-unit-two { display: block; } .header-nav-box-li-details-unit-three { width: 390px; justify-content: space-between; } .header-nav-box-li-details-unit-detail { flex: 1; padding-left: 15px; } .header-nav-box-li-details-unit-detail-title { text-indent: 18px; font-size: 16px; font-weight: bold; color: #4aa6ec; border-left: 3px #4aa6ec solid; } .header-nav-box-li-details-unit-detail-content { margin-top: 12px; display: flex; justify-content: space-between; } .header-nav-box-li-details-unit-detail-content-img > img { width: 280px; height: 185px; display: block; } .header-nav-box-li-details-unit-detail-content-text { padding: 0 0 0 15px; font-size: 14px; line-height: 2; } .header-nav-box-li-details-unit-detail-content-text > a { color: #0a75c6; } .header-nav-box-li-details-unit-detail-news { display: flex; justify-content: space-between; } .header-nav-box-li-details-unit-detail-news-list { width: 50%; } .header-nav-box-li-details-unit-detail-news-list-tit { text-indent: 18px; font-size: 16px; font-weight: bold; color: #4aa6ec; padding: 5px 0; position: relative; } .header-nav-box-li-details-unit-detail-news-list-tit:after { content: ''; width: 3px; height: 16px; background: #4aa6ec; display: block; position: absolute; top: 8px; left: 0; } .header-nav-box-li-details-unit-detail-news-list-row { display: flex; justify-content: space-between; padding: 12px 15px 0 0; font-size: 14px; color: #444; } .header-nav-box-li-details-unit-detail-news-list-row-title { width: 280px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .header-nav-box-li-details-unit-detail-news-list-row:hover { color: #4aa6ec; } .header-nav-box-li-details-unit-detail-news-auto { width: 100%; } .header-nav-box-li-details-platform { display: flex; flex-wrap: wrap; justify-content: space-between; } .header-nav-box-li-details-platform-list { width: 273px; height: 106px; font-size: 16px; color: #fff; text-align: center; } .header-nav-box-li-details-platform-list > span { height: 100%; display: flex; align-content: center; align-items: center; justify-content: center; } .header-nav-box-li-details-platform-list:nth-child(1) { background: #70afde; } .header-nav-box-li-details-platform-list:nth-child(2) { background: #a2c8e3; } .header-nav-box-li-details-platform-list:nth-child(3) { background: #7ec5e5; } .header-nav-box-li-details-platform-list:nth-child(4) { background: #87d2e0; } .header-nav-box-li-details-platform-list:nth-child(5) { background: #89d0ac; margin-top: 15px; width: 561px; } .header-nav-box-li-details-platform-list:nth-child(6) { background: #b7d093; margin-top: 15px; width: 561px; } .header-nav-box-li:hover > .header-nav-box-li-details { display: block; } .header-inside { height: 225px; background: url("../img/npage-bg.jpg") no-repeat center; background-size: cover; object-fit: cover; } .header-inside-box { position: relative; width: 1200px; height: 225px; margin: 0 auto; } .header-inside-box-logo { width: 100%; height: 100%; } .header-inside-box-logo > img { width: 500px; margin-top: 55px; } .header-inside-box-logo-title { font-size: 24px; font-weight: bold; color: #083d84; font-family: ygyxs2; padding: 0 0 0 90px; } .header-inside-box-nav { display: flex; position: absolute; right: 0; bottom: 0; } .header-inside-box-nav-link { text-align: center; background: url("../img/npage-bgnav.png") no-repeat center; background-size: 100%; position: relative; } .header-inside-box-nav-link-li { display: block; height: 50px; width: 124px; line-height: 60px; font-size: 16px; color: #fff; } .header-inside-box-nav-link:hover > div { border: 1px #ccc solid; z-index: 10; display: block; } .header-inside-box-nav-link-sub { display: none; line-height: normal; position: absolute; top: 50px; left: 0; right: 0; width: 100%; background: #fff; } .header-inside-box-nav-link-sub-li { display: block; height: 30px; line-height: 30px; } .header-inside-box-nav-link-sub-li:hover { background: #0b7ccd; color: #fff; } .header-science-box { width: 1200px; margin: 0 auto; } .header-science-box-logo { height: 230px; display: flex; align-items: center; font-size: 48px; font-weight: bold; color: #fff; } .header-science-nav { background-image: linear-gradient(to right, #1181cb, #32b2c0); } .header-science-nav-li { width: 1200px; margin: 10px auto 0 auto ; background: #fff; } .header-science-nav-li-link { margin: 10px 10px 0 10px; background-image: linear-gradient(to right, #1181cb, #32b2c0); display: flex; } .header-science-nav-li-link-nv { width: 150px; padding: 15px 0; text-align: center; font-size: 16px; position: relative; } .header-science-nav-li-link-nv::after { display: block; content: ''; position: absolute; top: 20px; left: 0; width: 2px; height: 15px; background: #0b7ccd; } .header-science-nav-li-link-nv:last-child { border: 0; } .header-science-nav-li-link-nv > a { display: block; color: #fff; } .header-science-nav-li-link-nv:hover {   background: #0668b2; } .header-science-nav-li-link-nv:hover .header-science-nav-li-link-nv-snv { display: block; } .header-science-nav-li-link-nv-snv { display: none; position: absolute; top: 50px; left: 0; right: 0; z-index: 10; } .header-science-nav-li-link-nv-snv > a { display: block; background-image: linear-gradient(to right, #1181cb, #32b2c0); color: #fff; padding: 5px 0; } .header-science-nav-li-link-nv-snv > a:hover { background: #54cfde; color: #fff; } .header-dang { background: url('../img/dang.png') no-repeat top; background-size: 100% 500px; height: 550px; position: relative; } .header-speechSpirit { background: url('../img/speechSpirit-bg.png') no-repeat top; background-size: 100% 500px; height: 500px; position: relative; } .header-dang1 { background: url('../img/mofandanwei.jpg') no-repeat top; background-size: 100% 500px; height: 550px; position: relative; } .header-dang2 { background: url('../img/20da2-2.png') no-repeat top; background-size: 100% 500px; height: 550px; position: relative; } .header-dang3 { background: url('../img/xinshidai3.png') no-repeat top; background-size: 100% 500px; height: 550px; position: relative; } .header-dang4 { background: url('../img/djxxjy.JPG') no-repeat top; background-size: 100% 500px; height: 550px; position: relative; } .header-dang-nav { height: 50px; width: 100%; margin: 0 auto; background: #c9040a; position: absolute; bottom: 0; left: 0; right: 0; } .header-dang-nav-box { width: 1200px; height: 100%; margin: 0 auto; display: flex; } .header-dang-nav-box-li { width: 200px; height: inherit; text-align: center; line-height: 50px; font-size: 22px; color: #fff; } .header-platform { height: 350px; position: relative; } .header-platform-box { width: 1200px; height: 100%; margin: 0 auto; position: relative; } .header-platform-box-logo { width: 100%; height: 100%; } .header-platform-box-logo-left { width: 500px; margin-top: 100px; } .header-platform-box-logo-right { position: absolute; top: 0; right: 0; } .header-platform-box-logo-title { font-size: 24px; font-weight: bold; color: #083d84; font-family: 楷体; padding: 0 0 0 90px; } .header-platform-nav { position: absolute; bottom: 0; left: 0; right: 0; } .header-platform-nav-box { width: 1200px; margin: 0 auto; display: flex; background: linear-gradient(to right, #3f8ddc, #61ac56); } .header-platform-nav-box-link { text-align: center; } .header-platform-nav-box-link-li { display: block; height: 50px; width: 130px; line-height: 50px; font-size: 16px; color: #fff; } .header-platform-nav-box-link:hover > div { border: 1px #ccc solid; z-index: 10; display: block; } .header-platform-nav-box-link-sub { display: none; line-height: normal; position: absolute; top: 50px; left: 0; right: 0; width: 100%; background: #fff; } .header-platform-nav-box-link-sub-li { display: block; height: 30px; line-height: 30px; } .header-platform-nav-box-link-sub-li:hover { background: #0b7ccd; color: #fff; } .main { background: #fff; width: 1170px; margin: 0 auto 15px auto; padding: 15px; min-height: 600px; } .main-banner { box-shadow: 0 0 10px #ccc; } .main-banner .main-banner-img { display: block; } .main-banner .main-banner-img > img { width: 100%; height: 100px; display: block; } .main-content { box-shadow: 0 0 10px #ccc; background: #ECF7FF; padding: 10px; margin: 15px 0; } .main-content-box { display: flex; justify-content: space-between; margin-bottom: 15px; } .main-content-box:last-child { margin-bottom: 0; } .main-content-box-banner { width: 375px; height: 325px; margin: 0; } .main-content-box-banner-img { height: 100%; position: relative; display: block; opacity: 1!important; } .main-content-box-banner-img > img { width: 100%; height: 100%; } .main-content-box-banner-img > span { position: absolute; bottom: 0; left: 0; right: 0; height: 40px; line-height: 40px; background: rgba(0, 0, 0, 0.5); font-size: 14px; color: #fff; text-indent: 10px; } .main-content-box-banner .swiper-pagination { text-align: right; } .main-content-box-news { width: 475px; border: 1px #b4d8f4 solid; background: #fff; border-radius: 5px; } .main-content-box-news-title { padding: 0 28px; height: 40px; line-height: 40px; font-size: 22px; position: relative; border-bottom: 1px #b4d8f4 solid; color: #0e81da; display: block; background: url("../img/conbx2lis2s3_02.png") no-repeat 10px; } .main-content-box-news-title:after { position: absolute; top: 14px; right: 15px; content: ''; border: solid #0E81DA; border-width: 0 1px 1px 0; display: inline-block; padding: 6px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .main-content-box-news-list { /** 一/两条置顶+margin-top:10px ;无置顶去掉margin-top **/ /**margin-top:10px;**/ font-size: 14px; } .main-content-box-news-list-link { display: flex; justify-content: space-between; height: 30px; line-height: 30px; padding: 0 15px; color: #000; position: relative; } .main-content-box-news-list-link-txt { padding: 0 10px; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: 0.25s; } .main-content-box-news-list-link-txt:hover { color: #0e81d8; text-indent: 15px; } .main-content-box-news-list-link-date { color: #797979; } .main-content-box-notify { border-radius: 5px; width: 270px; height: 322px; overflow: hidden; border: 1px #b4d8f4 solid; background: #fff; } .main-content-box-notify-scroll { height: 130px; margin: 0 0 10px 0; line-height: 26px; font-size: 12px; overflow: hidden; } .main-content-box-notify-scroll1 {   height: 130px;   margin: 0 0 10px 0;   line-height: 26px;   font-size: 12px;   overflow: hidden; } .main-content-box-notify-title { padding: 0 28px; height: 40px; line-height: 40px; font-size: 22px; position: relative; border-bottom: 1px #b4d8f4 solid; color: #0e81da; display: block; background: url("../img/conbx2lis2s3_02.png") no-repeat 10px; } .main-content-box-notify-title:after { position: absolute; top: 14px; right: 15px; content: ''; border: solid #0E81DA; border-width: 0 1px 1px 0; display: inline-block; padding: 6px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .main-content-box-notify-news { font-size: 14px; } .main-content-box-notify-news-list-link { display: flex; justify-content: space-between; height: 30px; line-height: 30px; padding: 0 10px; color: #000; position: relative; } .main-content-box-notify-news-list-link::before { content: ""; display: block; width: 5px; height: 5px; position: absolute; top: 12.5px; left: 10px; border-radius: 50%; color: red; z-index: 5; background: #0e81da; } .main-content-box-notify-news-list-link-txt { width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-indent: 10px; transition: 0.25s; } .main-content-box-notify-news-list-link-txt:hover { color: #0e81d8; text-indent: 15px; } .main-content-box-notify-news-list-link-date { color: #797979; } .main-content-box-notify .notify-scroll { border-top: 1px #b4d8f4 solid; border-bottom: 1px #b4d8f4 solid; } .main-content-box-notify-top { height: 60px; margin: 0; } /** 一条置顶 **/ .main-content-box-notify-top1 { height: 50px; margin: 0; } /** 两条置顶 **/ .main-content-box-notify-top3{ height: 19px; margin: 0; } /** 无置顶 **/ .main-content-box-notify-top2{ height: 0px; margin: 0; } /** 三条置顶 **/ .main-content-box-notify-top4 { height: 79px; margin: 0; } .main-content-box-notify-top1 .main-content-box-news-list-link-txt { color: red; } .main-content-box-notify-top2 .main-content-box-news-list-link-txt { color: red; } .main-content-box-notify-top3 .main-content-box-news-list-link-txt { color: red; } .main-content-box-notify-top .main-content-box-notify-news-list-link { color: red; } .main-content-box-notify-top4 .main-content-box-news-list-link-txt { color: red; } .main-content-box-notify-bottom { display: flex; justify-content: space-between; padding: 0 8px; } .main-content-box-notify-bottom-icon1, .main-content-box-notify-bottom-icon2, .main-content-box-notify-bottom-icon3 { width: 79px; height: 67px; display: block; color: #5daf56; text-align: center; font-size: 12px; } .main-content-box-notify-bottom-icon1 > span, .main-content-box-notify-bottom-icon2 > span, .main-content-box-notify-bottom-icon3 > span { display: inline-block; margin-top: 35px; } .main-content-box-notify-bottom-icon1 { background: url("../img/bg7.jpg") no-repeat center; background-size: 79px 67px; } .main-content-box-notify-bottom-icon2 { background: url("../img/bg8.png") no-repeat center; background-size: 79px 67px; } .main-content-box-notify-bottom-icon3 { background: url("../img/bg9.png") no-repeat center; background-size: 79px 67px; } .main-content-box-radius { width: 375px; } .main-content-box-hot, .main-content-box-status { width: 565px; } .main-content-box-intend .main-content-box-news-list-link:after, .main-content-box-intend .main-content-box-news-list-link:before { content: ""; display: block; width: 3px; height: 3px; position: absolute; top: 15px; } .main-content-box-intend .main-content-box-news-list-link:after { background: #1272bc; left: 10px; } .main-content-box-intend .main-content-box-news-list-link:before { background: #e8901d; left: 15px; } .main-content-box-intend .main-content-box-news-list-link:nth-child(1) > .main-content-box-news-list-link-date, .main-content-box-intend .main-content-box-news-list-link:nth-child(2) > .main-content-box-news-list-link-date, .main-content-box-intend .main-content-box-news-list-link:nth-child(3) > .main-content-box-news-list-link-date { color: red; } .main-content-box-radius .main-content-box-news-list-link::before { content: ""; display: block; width: 5px; height: 5px; position: absolute; top: 12.5px; left: 10px; border-radius: 50%; color: red; z-index: 10; background: #0e81da; } .main-team { background: #ECF7FF; padding: 10px; margin-bottom: 10px; box-shadow: 0 0 10px #ccc; } .main-team-box { border-radius: 5px; background: #fff; border: 1px #b4d8f4 solid; margin-bottom: 15px; } .main-team-box:last-child { margin: 0; } .main-team-box-title { padding: 0 28px; height: 40px; line-height: 40px; font-size: 22px; position: relative; border-bottom: 1px #b4d8f4 solid; color: #0e81da; display: block; background: url("../img/conbx2lis2s3_02.png") no-repeat 10px; } /** .main-team-box-list { display: flex; flex-wrap: wrap; } .main-team-box-list-li { font-size: 16px; padding: 20px 25px; width: 303px; margin: 14px; display: flex; text-align: center; justify-content: center; align-items: center; transition: 0.25s; color: #fff; } .main-team-box-list-li.icon1 { background: url("../img/icon-1.png") no-repeat center; background-size: 353px 62px; } .main-team-box-list-li.icon2 { background: url("../img/icon-2.png") no-repeat center; background-size: 353px 62px; } **/ .main-team-box-list { display: flex; flex-wrap: wrap; justify-content: space-around; padding:10px 0 0 0; } .main-team-box-list-li { font-size: 14px; padding: 20px 25px; width: 349px; height:50px; box-sizing:border-box; display: flex; text-align: center; justify-content: center; align-items: center; transition: 0.25s; color: #fff; margin-bottom:10px; } .main-team-box-list-li.icon1 { background: url("../img/icon-1.png") no-repeat center; background-size: 349px 50px; } .main-team-box-list-li.icon2 { background: url("../img/icon-2.png") no-repeat center; background-size: 349px 50px; } .main-team-box-list-li.icon3 { background: url("../img/icon-3.png") no-repeat center; background-size: 253px 50px; } .main-reach { box-shadow: 0 0 10px #ccc; background: #ECF7FF; padding: 10px; display: flex; justify-content: space-between; margin-bottom: 15px; } .main-reach-box { border: 1px #b4d8f4 solid; border-radius: 5px; width: 565px; height: 350px; background: #fff; } .main-reach-box-title { padding: 0 28px; height: 40px; line-height: 40px; font-size: 22px; position: relative; border-bottom: 1px #b4d8f4 solid; color: #0e81da; display: block; background: url("../img/conbx2lis2s3_02.png") no-repeat 10px; } .main-reach-box-title:after { position: absolute; top: 14px; right: 15px; content: ''; border: solid #0E81DA; border-width: 0 1px 1px 0; display: inline-block; padding: 6px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .main-reach-box-content { padding: 5px 0; font-size: 14px; } .main-reach-box-content-li { display: flex; align-content: center; align-items: center; padding: 5px 10px; } .main-reach-box-content-li:nth-child(1) .main-reach-box-content-li-txt { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative; } .main-reach-box-content-li:nth-child(1) .main-reach-box-content-li-txt:before { content: ""; display: block; width: 5px; height: 5px; border-radius: 50%; position: absolute; top: 7px; left: 0; background: #0a75c6; } .main-reach-box-content-li:nth-child(n+2) .main-reach-box-content-li-txt { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative; } .main-reach-box-content-li:nth-child(n+2) .main-reach-box-content-li-txt:before { content: ""; display: block; width: 5px; height: 5px; border-radius: 50%; position: absolute; top: 7px; left: 0; background: #0a75c6; } .main-reach-box-content-li:hover .main-reach-box-content-li-txt { text-indent: 10px; color: #0e81d8; } .main-reach-box-content-li:hover .main-reach-box-content-li-img { display: block; } .main-reach-box-content-li-img { display: block; width: 110px; height: 80px; } .main-reach-box-content-li-txt { flex: 1; padding: 0 10px; color: #000; transition: 0.25s; } .main-reach-box-content-li-date { width: 50px; text-align: center; color: #797979; } .main-info { box-shadow: 0 0 10px #ccc; background: #ECF7FF; padding: 10px; display: flex; justify-content: space-between; } .main-info-left { width: 565px; } .main-info-left-box { overflow: hidden; margin: 0 0 10px 0; } .main-info-left-box:last-child { margin: 0; } .main-info-left-box-nav { border-radius: 5px 5px 0 0; border: 1px #b4d8f4 solid; border-bottom: 0; display: flex; position: relative; background: #f0f8fe; padding: 8px 0 0 8px; } .main-info-left-box-nav:after { position: absolute; top: 19px; right: 15px; content: ''; border: solid #0E81DA; border-width: 0 1px 1px 0; display: inline-block; padding: 6px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .main-info-left-box-nav-title { font-size: 22px; width: 135px; height: 41px; line-height: 41px; text-align: center; background: url("../img/bg15.png") no-repeat center; background-size: 135px 41px; color: #fff; } .main-info-left-box-nav-title.info-active { background: url("../img/bg16.png") no-repeat center; } .main-info-left-box-nav-title1 { font-size: 22px; width: 135px; height: 41px; line-height: 41px; text-align: center; background-size: 135px 41px; color: #0e81da; } .main-info-left-box-nav-title1.info-active { color: #fff; background-color: #015293; } .main-dang-left-box-nav-title1 { font-size: 22px; width: 135px; height: 41px; line-height: 41px; text-align: center; background-size: 135px 41px; color: #c9040a; } .main-dang-left-box-nav-title1.info-active { color: #fff; background-color: #c9040a; } .main-info-left-box-nav1 { border-radius: 5px 5px 0 0; border-bottom: 1px #b4d8f4 solid; display: flex; position: relative; background: #f0f8fe; } .main-info-left-box-nav1:after { position: absolute; top: 19px; right: 15px; content: ""; border: solid #0e81da; border-width: 0 1px 1px 0; display: inline-block; padding: 6px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .main-dang-left-box-nav1 { border-radius: 5px 5px 0 0; display: flex; position: relative; background: #f0f8fe; } .main-dang-left-box-nav1:after { position: absolute; top: 19px; right: 15px; content: ""; border-width: 0 1px 1px 0; display: inline-block; padding: 6px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .main-info-left-box-nav1-title { font-size: 22px; width: 135px; height: 41px; line-height: 41px; text-align: center; background: url("../img/bg15.png") no-repeat center; background-size: 135px 41px; color: #fff; } .main-info-left-box-nav1-title.info-active { background: url("../img/bg16.png") no-repeat center; } .main-info-left-box-con { border: 1px #b4d8f4 solid; border-radius: 0 0 5px 5px; font-size: 14px; height: 250px; overflow: hidden; } .main-info-left-box-con-list { padding: 5px 0; } .main-info-left-box-con-list-li { height: 30px; line-height: 30px; display: flex; padding: 0 5px 0 0; } .main-info-left-box-con-list-li-tit { color: #0e81da; position: relative; padding-left: 10px; } .main-info-left-box-con-list-li-tit:before { content: ""; display: block; width: 5px; height: 5px; border-radius: 50%; border: 1px #0e81da solid; position: absolute; background: #fff; top: 12px; left: 4px; z-index: 1; } .main-info-left-box-con-list-li-tit:after { content: ""; width: 1px; height: 30px; display: block; position: absolute; top: 0; left: 7.5px; background: #0e81da; } .main-info-left-box-con-list-li-txt { flex: 1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #000; transition: 0.25s; } .main-info-left-box-con-list-li-txt:hover { color: #0E80D8; text-indent: 10px; } .main-info-left-box-con-list-li-date { text-align: center; width: 50px; color: #797979; } .main-info-left-box-con1 { border-radius: 0 0 5px 5px; font-size: 14px; height: 272px; overflow: hidden; } .main-info-left-box-con1-list { padding: 5px 0; } .main-info-left-box-con1-list-li { height: 30px; line-height: 30px; display: flex; padding: 0 5px 0 0; } .main-info-left-box-con1-list-li-tit { color: #0e81da; position: relative; padding-left: 10px; } .main-info-left-box-con1-list-li-tit:before { content: ""; display: block; width: 5px; height: 5px; border-radius: 50%; border: 1px #0e81da solid; position: absolute; background: #fff; top: 12px; left: 4px; z-index: 1; } .main-info-left-box-con1-list-li-tit:after { content: ""; width: 1px; height: 30px; display: block; position: absolute; top: 0; left: 7.5px; background: #0e81da; } .main-info-left-box-con1-list-li-txt { flex: 1; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #000; transition: 0.25s; } .main-info-left-box-con1-list-li-txt:hover { color: #0e80d8; text-indent: 10px; } .main-info-left-box-con1-list-li-date { text-align: center; width: 50px; color: #797979; } .main-info-right { width: 565px; background: #fff; border: 1px #b4d8f4 solid; border-radius: 5px; overflow: hidden; } .main-info-right-title { border-bottom: 1px #b4d8f4 solid; height: 41px; line-height: 30px; position: relative; background: url("../img/conbx2lis2s3_02.png") #fff no-repeat 10px; padding: 8px 28px 0 28px; font-size: 22px; display: block; color: #0e81da; } .main-info-right-list { font-size: 14px; background: #ecf7ff; height: 100%; } .main-info-right-list-li-box-title { background: url("../img/newTil_bg.jpg") no-repeat left; background-size: 100% 100%; font-size: 18px; height: 40px; line-height: 40px; text-indent: 10px; } .main-info-right-list-li-box-link { display: flex; flex-wrap: wrap; align-content: center; padding: 5px; } .main-info-right-list-li-box-link > a { padding: 5px 15px; margin: 5px 5px; color: #000; display: inline-block; border: 1px solid #D3E8F9; border-radius: 5px; position: relative; } .main-info-right-list-li-box-link > a:hover { background: #0e81da; color: #fff; } .main-info-right-list-li-box-link > a:before { content: ''; display: block; width: 6px; height: 3px; position: absolute; top: 13px; left: 5px; } .main-info-right-list-top1 { background: #f8fcff; } .main-info-right-list-top1 > a::before { background: #57a6e4; } .main-info-right-list-top2 { background: #fffefc; } .main-info-right-list-top2 > a::before { background: #efc07f; } .main-info-right-list-top3 { background: #fffaff; } .main-info-right-list-top3 > a::before { background: #eecbf7; } .main-info-right-list-top4 { background: #eff6ff; } .main-info-right-list-top4 > a::before { background: #94bcf7; } .main-info-right-list-top5 { background: #f8fefa; } .main-info-right-list-top5 > a::before { background: #80b796; } .main-scenery { box-shadow: 0 0 10px #ccc; background: #F0F8FE; padding: 10px; margin: 15px 0; } .main-scenery-title { border-bottom: 1px #b4d8f4 solid; height: 41px; line-height: 41px; position: relative; background: url("../img/conbx2lis2s3_02.png") #fff no-repeat 10px; padding: 0 28px; font-size: 22px; display: block; color: #0e81da; } .main-scenery-title:after { position: absolute; top: 15px; right: 15px; content: ''; border: solid #0E81DA; border-width: 0 1px 1px 0; display: inline-block; padding: 6px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .main-scenery-box { border: 1px #b4d8f4 solid; border-radius: 5px; overflow: hidden; } .main-scenery-banner { background: #fff; } .main-scenery-banner .swiper-slide { width: 215px; height: 145px; } .main-scenery-banner .swiper-slide .main-scenery-banner-img { position: relative; display: block; font-size: 14px; height: 100%; } .main-scenery-banner .swiper-slide .main-scenery-banner-img > img { width: 100%; height: 100%; object-fit: cover; display: block; } .main-scenery-banner .swiper-slide .main-scenery-banner-img > span { background: rgba(0, 0, 0, 0.6); position: absolute; left: 0; bottom: 0; right: 0; display: block; width: 100%; height: 28px; text-align: center; line-height: 28px; color: #e9e9e9; } .main-public { box-shadow: 0 0 10px #ccc; background: #F6FBFF; padding: 10px; font-size: 16px; } .main-public-box { display: flex; align-items: center; } .main-public-box-title { width: 100px; height: 85px; background: url("../img/public0.png") no-repeat center; background-size: 100px 85px; } .main-public-box-title1 { width: 100px; height: 85px; background: url("../img/public-download.png") no-repeat center; background-size: 100px 85px; } .main-public-box-content { padding: 0 0 0 10px; flex: 1; display: flex; justify-content: space-between; } .main-public-box-content1 { padding: 0 0 0 10px; flex: 1; display: flex; justify-content: space-between; } .main-public-box-content > a { display: flex; align-items: center; justify-content: center; width: 200px; height: 85px; background: url("../img/public6.png") no-repeat center; color: #0e81da; } .main-public-box-content1 > a { display: flex; align-items: center; justify-content: center; width: 250px; height: 85px; background: url("../img/public-shuilixuehui.png") no-repeat center; color: #0e81da; } .main-public-box-content > a:hover { background: #0e81da; color: #fff; } .main-public-box-content1 > a:hover { background: #0e81da; color: #fff; } .main-link { box-shadow: 0 0 10px #ccc; background: #ECF7FF; padding: 10px; margin-top: 15px; position: relative; } .main-link-box { background: #fff; border: 1px #b4d8f4 solid; border-radius: 5px; } .main-link-title { padding: 0 28px; height: 40px; line-height: 40px; font-size: 22px; position: relative; color: #0e81da; display: block; background: url("../img/conbx2lis2s3_02.png") no-repeat 10px; } .main-link-menu { border: 1px #F0F8FE solid; border-top: 0; display: flex; align-items: center; align-content: center; justify-content: center; font-size: 14px; position: absolute; top: 10px; left: 0; right: 0; } .main-link-menu-li { width: 125px; height: 38px; line-height: 40px; text-align: center; border-bottom: 2px solid #fff; cursor: pointer; } .main-link-menu-li.menu-active { position: relative; color: #0e81da; border-bottom: 2px solid #0E81DA; } .main-link-menu-li.menu-active:after { content: ''; display: block; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 5px solid #0E81DA; position: absolute; bottom: 0; left: 50%; margin-left: -2px; } .main-link-block { font-size: 12px; min-height: 190px; } .main-link-block-box { display: flex; flex-wrap: wrap; padding: 5px 0; } .main-link-block-box ~ div { display: none; } .main-link-block-box > a { text-align: center; width: 191px; padding: 10px 0; color: #000; } .main-link-block-box > a:hover { color: #0e81da; } .main-details { padding: 0 50px 25px 50px; } .main-details-title { font-size: 26px; text-align: center; color: #A3161C; padding: 0 0 10px 0; } .main-details-sub { text-align: center; } .main-details-subtitle { padding: 10px 0 20px 0; display: flex; justify-content: center; font-size: 14px; } .main-details-subtitle > span { padding: 0 15px; } .main-details-special img { max-width: 100%; } .main-details-content { font-family: '宋体'; } .main-details-content > * { font-family: '宋体' !important; } .main-details-content img { width: 600px; display: block; margin: 0 auto; } .main-list { display: flex; justify-content: space-between; } .main-list-nav { width: 225px; min-height: 500px; box-shadow: 0px 5px 19px 0px #EBEBEB; } .main-list-nav-title { background: url("../img/About-tilbg.jpg") no-repeat center; background-size: 100%; height: 74px; text-align: center; font-size: 28px; font-weight: bold; color: #fff; display: flex; justify-content: center; align-items: center; align-content: center; padding: 0 10px; } .main-list-nav-content { display: block; height: 45px; line-height: 45px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; font-size: 16px; padding: 0 15px; color: #666; border-bottom: 1px solid #DDDADA; transition: 0.25s; } .main-list-nav-content:hover { position: relative; color: #0d83dd; } .main-list-nav-content:hover:after { content: ""; display: block; position: absolute; bottom: 0; left: 60px; right: 0; width: 100px; height: 2px; background: #0d83dd; } .main-list-nav-content.content-active { position: relative; color: #0d83dd; } .main-list-nav-content.content-active:after { content: ""; display: block; position: absolute; bottom: 0; left: 60px; right: 0; width: 100px; height: 2px; background: #0d83dd; } .main-list-nav-search { background: url("../img/About-tilbg.jpg") no-repeat center; background-size: 100%; height: 74px; text-align: center; font-size: 20px; font-weight: bold; color: #fff; display: flex; justify-content: space-between; align-items: center; } .main-list-nav-search-flag { width: 100px; font-size: 38px; font-style: oblique; } .main-list-nav-search-txt { flex: 1; text-align: left; } .main-list-li { box-shadow: 0px 5px 19px 0px #EBEBEB; flex: 1; margin: 0 0 0 15px; } .main-list-li-title { display: flex; justify-content: space-between; padding: 10px; border-bottom: 2px solid #F2F2F2; } .main-list-li-title-left { color: #0d83dd; font-weight: bold; font-size: 16px; } .main-list-li-title-right { font-size: 14px; } .main-list-li-title-right > a:last-child { color: #0a75c6; } .main-list-li-box { font-size: 14px; } .main-list-li-box-link { min-height: 400px; } .main-list-li-box-link-href { display: flex; justify-content: space-between; padding: 10px; border-bottom: 1px dashed #E6E6E6; transition: 0.25s; position: relative; overflow: hidden; } .main-list-li-box-link-href:after { transition: 0.25s; content: ""; position: absolute; top: 18px; left: -5px; width: 5px; height: 5px; border-radius: 50%; background: #0a75c6; } .main-list-li-box-link-href:hover { padding-left: 25px; } .main-list-li-box-link-href:hover:after { left: 15px; } .main-list-li-box-link-href-txt { color: #1369c0; width: 600px; display: flex; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .main-list-li-box-link-href-txt2 { color: #1369c0; width: 300px; display:inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .main-list-li-box-link-href-txt3 { color: #1369c0; display: inline-block; overflow: hidden; flex: 1; margin-left: 181px; text-overflow: ellipsis; white-space: nowrap; } .main-list-li-box-link-href-date { color: #565759; } .main-list-li-box-link-href-date2 { color: #1369c0; } .main-list-li-box-leader-href { padding: 10px; display: flex; justify-content: center; border-bottom: 1px #ccc dashed; } .main-list-li-box-leader-href:last-child { border: 0; } .main-list-li-box-leader-href-img { width: 133px; height: 163px; } .main-list-li-box-leader-href-cen { display: flex; flex-wrap: wrap; align-items: center; padding-left: 15px; font-size: 14px; flex: 1; } .main-list-li-box-leader-href-cen-li { width: 100%; } .main-list-li-box-image { display: flex; flex-wrap: wrap; padding: 10px; } .main-list-li-box-image-href { display: block; position: relative; width: 283px; height: 250px; margin: 10px; border-radius: 5px; transition: 0.25s; box-shadow: 0px 5px 20px 0px #EBEBEB; } .main-list-li-box-image-href:hover { box-shadow: 0px 5px 20px 0px #0a75c6; } .main-list-li-box-image-href-img { overflow: hidden; border-radius: 5px; display: flex; justify-content: center; align-content: center; align-items: center; height: 100%; } .main-list-li-box-image-href-img > img { width: 100%; } .main-list-li-box-image-href-cen { background: rgba(0, 0, 0, 0.5); color: #fff; position: absolute; bottom: 0; left: 0; right: 0; padding: 5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; border-radius: 0 0 5px 5px; text-align: center; } .main-list-li-box-page { margin: 10px 0; display: flex; justify-content: center; font-size: 14px; } .main-list-li-box-page-count { border: 1px solid #DEDEDE; padding: 5px 10px; } .main-list-li-box-page-li { margin: 0 5px; padding: 5px 15px; cursor: pointer; border: 1px solid #DEDEDE; transition: 0.25s; } .main-list-li-box-page-li:hover { background: #0a75c6; color: #fff; } .main-list-li-box-page-li.li-active { border: 1px solid #0d83dd; background: #0d83dd; color: #fff; } .main-list-li-box-page-go { display: flex; justify-content: space-between; } .main-list-li-box-page-go > input { border: 1px solid #DEDEDE; width: 50px; height: 30px; text-align: center; } .main-list-li-box-page-go > a { background: #0d83dd; line-height: 30px; color: #fff; display: block; padding: 0 15px; margin: 0 5px; } .main-list-li-box-table { width: 100%; } .main-list-li-box-table-header { background: #0e81da; color: #fff; } .main-list-li-box-table-header-tr > th { text-align: center; font-size: 16px; height: 40px; line-height: 40px; } .main-list-li-box-table-body-tr:nth-of-type(even) { background: #f3fdff; } .main-list-li-box-table-body-tr { cursor: pointer; } .main-list-li-box-table-body-tr > td { text-align: center; padding: 15px 0; } .main-list-li-box-table-body-tr:hover { background: #4aa6ec; color: #fff; } .main-inside { display: flex; justify-content: space-between; } .main-inside-left { width: 275px; box-shadow: 0px 5px 19px 0px #EBEBEB; } .main-inside-left-content-title-link { border-bottom: 1px solid #3A96ED; background: url("../img/npage-tit.png") no-repeat left; height: 36px; line-height: 36px; text-indent: 15px; display: block; font-size: 18px; color: #fff; font-weight: bold; position: relative; } .main-inside-left-content-title-link::after { content: ''; position: absolute; top: 0; right: 0; width: 50px; height: 35px; background: url("../img/npage-more.png") no-repeat center; } .main-inside-left-content-title-img { height: 200px; border: 1px solid #3090DD; margin: 30px 0 0 0; } .main-inside-left-content-title-img > img { width: 260px; margin: -15px 0 0 -1px; } .main-inside-left-content-info { font-size: 14px; padding: 10px; background: #EFF6FB; line-height: 2; text-align: justify; } .main-inside-left-content-info-link { color: #1481d8; } .main-inside-left-content-expert-link { display: block; padding: 10px; position: relative; height: 340px; overflow: hidden; } .main-inside-left-content-expert-link:hover { box-shadow: 0 0 10px #ccc; } .main-inside-left-content-expert-link-img { width: 100%; display: block; object-fit: cover; } .main-inside-left-content-expert-link-tit { text-align: center; font-size: 14px; position: absolute; bottom: 10px; left: 10px; right: 10px; padding: 5px; background: rgba(0, 0, 0, 0.5); color: #fff; } .main-inside-right { flex: 1; margin-left: 20px; box-shadow: 0px 5px 19px 0px #EBEBEB; } .main-inside-right-box { display: flex; justify-content: space-between; } .main-inside-right-box-banner { width: 580px; height: 387px; margin: 0; } .main-inside-right-box-banner-img { width: 100%; display: block; position: relative; height: 100%; } .main-inside-right-box-banner-img > img { width: 100%; display: block; height: 100%; } .main-inside-right-box-banner-img > span { position: absolute; bottom: 0; left: 0; right: 0; color: #fff; background: rgba(0, 0, 0, 0.7); padding: 10px 0; text-align: center; font-size: 14px; } .main-inside-right-pagination { display: flex; flex-direction: column; justify-content: space-between; } .main-inside-right-pagination-link { width: 285px; height: 123px; opacity: 0.5; } .main-inside-right-pagination-link > img { width: 100%; height: 100%; } .main-inside-right-pagination-link.active { opacity: 1; } .main-inside-right-content { margin-top: 20px; } .main-inside-right-content-title-link { border-bottom: 1px solid #3A96ED; background: url("../img/npage-tit.png") no-repeat left; height: 36px; line-height: 36px; text-indent: 15px; display: block; font-size: 18px; color: #fff; font-weight: bold; position: relative; } .main-inside-right-content-title-link::after { content: ''; position: absolute; top: 0; right: 0; width: 50px; height: 35px; background: url("../img/npage-more.png") no-repeat center; } .main-inside-right-content-li { display: flex; flex-wrap: wrap; font-size: 14px; justify-content: space-between; } .main-inside-right-content-li-link { width: 50%; padding: 5px 0; text-indent: 25px; position: relative; display: flex; justify-content: space-between; } .main-inside-right-content-li-link::after { content: ''; position: absolute; display: block; width: 6px; height: 3px; top: 50%; left: 10px; margin-top: -3px; background: #3b97ee; } .main-inside-right-content-li-link:hover > span { color: #3b97ee; } .main-inside-right-content-li-link-title { width: 350px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .main-inside-right-content-li-link-time { color: #939393; padding-right: 10px; } .main-inside-right-content-text { font-size: 14px; text-indent: 2rem; padding: 5px 10px; line-height: 1.5; } .main-inside-right-content-text-title { font-size: 16px; font-weight: bold; } .main-inside-right-content-text > a { color: #0b7ccd; } .main-inside-right-content-tag { padding: 15px 0; display: flex; flex-wrap: wrap; } .main-inside-right-content-tag > a { border: 6px solid #ebebeb; font-size: 14px; height: 34px; line-height: 34px; font-weight: 400; border-radius: 10px; padding: 0 15px; margin: 10px; background: #0e81da; color: #fff; transition: 0.25s; } .main-inside-right-content-tag > a:hover { background: #fff; color: #0e81da; border: 6px solid #0e81da; } .main-science-box { display: flex; justify-content: space-between; flex-wrap: wrap; } .main-science-blank { width: 320px; } .main-science-blank-info { background-image: linear-gradient(to right, #1181cb, #32b2c0); padding: 10px; } .main-science-blank-info-title { text-align: center; font-size: 16px; color: #fff; padding: 5px 0 15px 0; } .main-science-blank-info-content { border-top: 1px #1f97c6 solid; padding-top: 15px; display: flex; justify-content: space-between; } .main-science-blank-info-content > img { width: 120px; height: 105px; } .main-science-blank-info-content > span { font-size: 14px; line-height: 1.5; color: #fff; padding-left: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: auto; } .main-science-blank-box { margin-top: 25px; } .main-science-blank-box-title { font-size: 16px; background-image: linear-gradient(to right, #32b2c0, #1181cb); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: flex; justify-content: space-between; padding: 10px 0; } .main-science-blank-box-title > a { font-size: 12px; } .main-science-blank-box-content { border: 1px #dcefff solid; height: 150px; overflow: hidden; background: url("../img/science5.jpg") no-repeat top; } .main-science-blank-box-content:hover { overflow: auto; } .main-science-blank-box-content:hover::-webkit-scrollbar { /*滚动条整体样式*/ width: 10px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } .main-science-blank-box-content:hover::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 10px; box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: #535353; } .main-science-blank-box-content:hover::-webkit-scrollbar-track { /*滚动条里面轨道*/ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 10px; background: #ededed; } .main-science-blank-box-content-link { display: block; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 10px 0; font-size: 14px; } .main-science-blank-box-content-link:hover { background: #d0edff; } .main-science-blank-notify { width: 320px; } .main-science-blank-notify-tab { display: flex; justify-content: space-between; } .main-science-blank-notify-tab-title { cursor: pointer; width: 50%; text-align: center; background-image: linear-gradient(to bottom, #1bc1d4, #66d4e1); height: 45px; line-height: 45px; color: #fff; font-size: 16px; } .main-science-blank-notify-tab-title:hover { background-image: linear-gradient(to bottom, #007bd8, #3babfd); } .main-science-blank-notify-tab-title.active { background-image: linear-gradient(to bottom, #007bd8, #3babfd); } .main-science-blank-notify-center-box-li { padding: 5px 0 5px 0; display: flex; border-bottom: 1px transparent solid; } .main-science-blank-notify-center-box-li:hover { border-bottom: 1px #e4e5e5 solid; } .main-science-blank-notify-center-box-li-time { width: 70px; font-size: 14px; text-align: center; } .main-science-blank-notify-center-box-li-time-day { border: 1px #dbdddc solid; border-bottom: 0; font-size: 16px; padding: 5px 0; font-weight: bold; } .main-science-blank-notify-center-box-li-time-year { background: #0b7ccd; font-size: 12px; color: #fff; padding: 5px 0; } .main-science-blank-notify-center-box-li-detail { width: 220px; padding: 0 10px; } .main-science-blank-notify-center-box-li-detail-tit { color: #0b7ccd; font-size: 14px; line-height: 2; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .main-science-blank-notify-center-box-li-detail-sub { color: #7f8381; font-size: 12px; } .main-science-block { margin-bottom: 25px; } .main-science-block.w500 { width: 500px; } .main-science-block.w380 { width: 380px; } .main-science-block-title { font-size: 16px; background-image: linear-gradient(to right, #32b2c0, #1181cb); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: flex; justify-content: space-between; align-items: center; padding: 10px 0; border-bottom: 1px #dcefff solid; } .main-science-block-title > a { font-size: 12px; } .main-science-block-banner { margin-top: 15px; } .main-science-block-banner-img { width: 100%; height: 342px; position: relative; display: block; } .main-science-block-banner-img > img { width: 100%; height: 100%; display: block; } .main-science-block-banner-img > span { display: block; position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.5); color: #fff; padding: 10px; } .main-science-block-banner-pagination { text-align: right; } .main-science-block-li { background: url("../img/science5.jpg") no-repeat top; padding-top: 15px; border: 1px #dcefff solid; } .main-science-block-li-link { display: flex; justify-content: space-between; font-size: 14px; padding: 5px 0; position: relative; transition: 0.25s; } .main-science-block-li-link::before { content: ''; display: block; width: 5px; height: 5px; border-radius: 50%; position: absolute; top: 12px; left: 5px; background: #0b7ccd; } .main-science-block-li-link-title { text-indent: 15px; } .main-science-block-li-link:hover { color: #0c7acd; } .main-science-block-li-link-time { padding-right: 10px; font-size: 12px; } .main-science-block-expert { height: 247px; } .main-science-block-expert-img { height: 248px; position: relative; display: flex; align-items: center; } .main-science-block-expert-img > img { width: 100%; height: 100%; display: block; } .main-science-block-expert-img > span { display: block; background: rgba(0, 0, 0, 0.5); color: #fff; padding: 10px; font-size: 12px; text-align: center; } .main-science-info { display: flex; justify-content: space-between; border: 1px solid #e5e5e5; border-top: 3px solid #0d83db; padding: 5px; } .main-science-info-left { width: 345px; height: 180px; } .main-science-info-left-hot { height: 100%; } .main-science-info-left-hot-img { position: relative; display: block; } .main-science-info-left-hot-img > img { width: 100%; height: 100%; display: block; } .main-science-info-left-hot-img > span { display: block; position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.5); color: #fff; padding: 10px; font-size: 12px; text-align: center; } .main-science-info-left-hot-pagination { text-align: right; } .main-science-info-cen { flex: 1; padding: 0 15px; } .main-science-info-cen-title { font-size: 16px; font-weight: bold; text-align: center; } .main-science-info-cen-text { font-size: 14px; text-indent: 2rem; line-height: 2; } .main-science-info-cen-text > a { color: #0b7ccd; } .main-science-info-right { width: 345px; height: 180px; } .main-science-link { border: 1px solid #e5e5e5; border-top: 3px solid #0d83db; margin-top: 25px; } .main-science-link-title { text-align: center; font-size: 16px; height: 54px; line-height: 34px; color: #fff; background: url("../img/science7.jpg") no-repeat center; } .main-science-link-li { display: flex; flex-wrap: wrap; padding: 15px 0; } .main-science-link-li > a { width: 194px; text-align: center; font-size: 14px; padding: 5px 0; } .main-science-link-li > a:hover { color: #0b7ccd; } .main-dang-tit { display: block; font-size: 20px; color: #c9040a; font-weight: bold; padding: 15px 0 30px 0; } .main-dang-box { display: flex; justify-content: space-between; flex-wrap: wrap; } .main-dang-box1 { display: flex; justify-content: space-between; flex-wrap: wrap; } .main-dang-box > div { width: 49%; height: 400px; margin: 0; } .main-dang-box1 > div { width: 66%; height: 400px; margin: 0; } .main-dang-box-news1{ width: 31%!important; height: 400px; margin: 0;} .main-dang-box-news2{ width: 31%!important; height: 400px; margin: 0;} .main-dang-box-banner { width: 100%; height: inherit; } .main-dang-box-banner-img { height: 100%; position: relative; display: block; } .main-dang-box-banner-img > img { width: 100%; height: 100%; } .main-dang-box-banner-img > span { position: absolute; bottom: 0; left: 0; right: 0; height: 40px; line-height: 40px; background: rgba(0, 0, 0, 0.5); font-size: 14px; color: #fff; text-indent: 10px; } .main-dang-box-banner .swiper-pagination { text-align: right; } .main-dang-box-news-tit { font-size: 18px; font-weight: bold; display: block; } .main-dang-box-news-sub { margin: 25px 0 0 0; font-size: 24px; position: relative; text-indent: 10px; padding: 0 0 0 10px; color:#c9040a; } .main-dang-box-news-sub:before { content: ''; display: block; position: absolute; top: 10px; left: 0; width: 10px; height: 10px; border-radius: 50%; background: #c9040a; } .main-dang-box-news-li { font-size: 14px; min-height: 170px; padding: 15px 0; } .main-dang-box-news-li-tit { display: block; line-height: 2; transition: 0.25s; padding: 0 0 0 15px; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .main-dang-box-news-li-tit:before { content: ''; display: block; width: 5px; height: 5px; position: absolute; top: 12.5px; left: 5px; border-radius: 50%; background: #c9040a; } .main-dang-box-news-li-tit:hover { color: #0b7ccd; } .main-dang-box2 { display: flex; justify-content: space-between; flex-wrap: wrap; } .main-dang-box2 > div { width: 33%; height: 400px; margin: 0; } .swiper-container1{ width: 98%!important; } .swiper-wrapper1{ position: relative; margin-top:-76px; width: 100%; /* height: 100%; */ z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; } .main-dang-box2-banner { width: 100%; height: inherit; } .main-dang-box2-banner-img { height: 100%; position: relative; display: block; } .main-dang-box2-banner-img > img { width: 100%; } .main-dang-box2-banner-img > span { position: absolute; bottom: 0; left: 0; right: 0; height: 40px; line-height: 40px; background: rgba(0, 0, 0, 0.5); font-size: 14px; color: #fff; text-indent: 10px; } .main-dang-box2-banner .swiper-pagination { text-align: right; } .main-dang-box2-news-tit { font-size: 18px; font-weight: bold; display: block; } .main-dang-box2-news-sub { margin: -289px 0 0 0; font-size: 24px; position: relative; text-indent: 10px; padding: 0 0 0 10px; } .main-dang-box2-news-sub:before { content: ""; display: block; position: absolute; top: 10px; left: 0; width: 10px; height: 10px; border-radius: 50%; background: #c9040a; } .main-dang-box2-news-li { font-size: 14px; min-height: 170px; padding: 15px 0; } .main-dang-box2-news-li-tit { display: block; line-height: 2; transition: 0.25s; padding: 0 0 0 15px; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .main-dang-box2-news-li-tit:before { content: ""; display: block; width: 5px; height: 5px; position: absolute; top: 12.5px; left: 5px; border-radius: 50%; background: #c9040a; } .main-dang-box2-news-li-tit:hover { color: #0b7ccd; } .main-platform-box { display: flex; justify-content: space-between; } .main-platform-box-banner { margin: 0; width: 450px; height: 350px; } .main-platform-box-banner-img { height: 100%; position: relative; display: block; } .main-platform-box-banner-img > img { width: 100%; height: 100%; } .main-platform-box-banner-img > span { position: absolute; bottom: 0; left: 0; right: 0; height: 40px; line-height: 40px; background: rgba(0, 0, 0, 0.5); font-size: 14px; color: #fff; text-indent: 10px; } .main-platform-box-detail { width: 420px; } .main-platform-box-detail-tit { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px #c9ddf1 solid; } .main-platform-box-detail-tit-name { font-size: 18px; color: #3982ca; padding: 10px 0; position: relative; } .main-platform-box-detail-tit-name:before, .main-platform-box-detail-tit-name:after { content: ''; display: block; width: 50%; height: 3px; position: absolute; bottom: 0; left: 0; } .main-platform-box-detail-tit-name:before { background: #5ba566; } .main-platform-box-detail-tit-name:after { left: 50%; background: #3982ca; } .main-platform-box-detail-tit > a { font-size: 12px; color: #0b7ccd; } .main-platform-box-detail-list { font-size: 14px; padding: 6px 0; } .main-platform-box-detail-list-li { display: flex; justify-content: space-between; position: relative; padding: 5px 0 5px 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: 0.25s; } .main-platform-box-detail-list-li:hover { color: #0b7ccd; } .main-platform-box-detail-list-li:before { content: ''; display: block; position: absolute; left: 0; top: 12.5px; width: 5px; height: 5px; border-radius: 50%; background: #0b7ccd; } .main-platform-box-detail-list-li-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 350px; } .main-platform-box-detail-list-li-time { color: #797979; width: 50px; text-align: center; } .main-platform-box-intro { width: 250px; background: #3272b4; } .main-platform-box-intro-tit { font-size: 18px; color: #cae1fa; text-align: center; padding: 20px 0; } .main-platform-box-intro-img { text-align: center; } .main-platform-box-intro-img > img { width: 220px; } .main-platform-box-intro-cen { font-size: 14px; padding: 10px; height: 150px; overflow: auto; color: #cae1fa; } .main-platform-box-inflow { margin: 15px 0; } .main-platform-box-inflow-tit { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px #c9ddf1 solid; } .main-platform-box-inflow-tit-name { font-size: 18px; color: #3982ca; padding: 10px 0; position: relative; } .main-platform-box-inflow-tit-name:before, .main-platform-box-inflow-tit-name:after { content: ''; display: block; width: 50%; height: 3px; position: absolute; bottom: 0; left: 0; } .main-platform-box-inflow-tit-name:before { background: #5ba566; } .main-platform-box-inflow-tit-name:after { left: 50%; background: #3982ca; } .main-platform-box-inflow-tit > a { font-size: 12px; color: #0b7ccd; } .main-platform-box-inflow-cen { background: #f3f9ff; width: 900px; padding: 15px 0; display: flex; justify-content: space-between; } .main-platform-box-inflow-cen-banner { margin: 0; width: 300px; height: 200px; } .main-platform-box-inflow-cen-banner-img { height: 100%; position: relative; display: block; } .main-platform-box-inflow-cen-banner-img > img { width: 100%; height: 100%; } .main-platform-box-inflow-cen-banner-img > span { position: absolute; bottom: 0; left: 0; right: 0; height: 40px; line-height: 40px; background: rgba(0, 0, 0, 0.5); font-size: 14px; color: #fff; text-indent: 10px; } .main-platform-box-inflow-cen-list-li { display: flex; justify-content: space-between; font-size: 14px; padding: 5px 0; position: relative; transition: 0.25s; } .main-platform-box-inflow-cen-list-li:before { content: ''; display: block; position: absolute; left: 0; top: 12.5px; width: 5px; height: 5px; border-radius: 50%; background: #0b7ccd; } .main-platform-box-inflow-cen-list-li:hover { color: #0b7ccd; } .main-platform-box-inflow-cen-list-li-text { padding-left: 15px; width: 520px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .main-platform-box-inflow-cen-list-li-time { width: 50px; text-align: center; } .main-platform-box-list { width: 250px; margin: 15px 0; } .main-platform-box-list-li { display: flex; padding: 15px 0; margin: 10px 0; font-size: 14px; transition: 0.25s; } .main-platform-box-list-li:hover { box-shadow: 0 0 10px #ccc; } .main-platform-box-list-li:nth-child(1) { background: #e5f4ff; border: 1px #cfe6f8 solid; } .main-platform-box-list-li:nth-child(2) { background: #ffeedc; border: 1px #eccd90 solid; } .main-platform-box-list-li:nth-child(3) { background: #d2f6da; border: 1px #eccd90 solid; } .main-platform-box-list-li-img { margin: 0 0 0 15px; } .footer { width: 100%; background: #0E81DA; } .footer-box { font-size: 14px; width: 1200px; height: 150px; margin: 0 auto; display: flex; justify-content: center; align-items: center; align-content: center; } .footer-box-flag { padding: 0 25px; } .footer-box-flag > img { width: 52px; height: 63px; } .footer-box-bottom { line-height: 2; } .footer-box-bottom-nav > a { text-align: center; display: inline-block; padding: 0 15px; min-width: 55px; color: #cfe3f3; position: relative; } .footer-box-bottom-nav > a:after { content: ''; width: 1px; height: 15px; display: block; background: #3D97DC; position: absolute; top: 6px; right: 0; } .footer-box-bottom-nav > a:last-child:after { display: none; } .footer-box-bottom-text { color: #add2ee; } .dang .main-list-nav-title { background: none; background: url(../img/About-tilbg.jpg) no-repeat center; } .dang .main-list-nav-content.content-active, .dang .main-list-li-title-left, .dang .main-list-li-title-right > a:last-child, .dang .main-list-li-box-link-href-txt { color: #0d83dd; } .dang .main-list-nav-content.content-active:after, .dang .main-list-li-box-link-href:after, .dang .main-list-nav-content:hover:after, .dang .main-list-li-box-page-go > a, .dang .main-list-li-box-page-li:hover { background: #0d83dd; } .dang .main-list-nav-content:hover { color: #0d83dd; } .dang .main-list-li-box-page-li.li-active { background: #0d83dd; border: 1px solid #0d83dd; } .jhw .main-list-nav-title { background: none; background: #C9050B; font-size:17px; } .jhw .main-list-nav-content{ color:#C9050B; } .jhw .main-list-nav-content.content-active, .jhw .main-list-nav-content:hover{ color:#fff; background: #C9050B; } .jhw .main-list-li-title-left, .jhw .main-list-li-title-right > a:last-child, .jhw .main-list-li-box-link-href-txt { color: #C9050B; } .jhw .main-list-li-box-link-href-txt { width:91%; } .jhw .main-list-nav-content.content-active:after, .jhw .main-list-li-box-link-href:after, .jhw .main-list-nav-content:hover:after, .jhw .main-list-li-box-page-go > a, .jhw .main-list-li-box-page-li:hover { background: #C9050B; } .jhw .main-list-li-box-page-li.li-active { background: #C9050B; border: 1px solid #C9050B; } .none { display: none; } .red { color: red; } .suspension { position: fixed; right: 30px; top: 30%; z-index: 10; transition: 0.5s; } .suspensionLeft { position: fixed; left: 30px; top: 30%; z-index: 10; transition: 0.5s; } .suspension-wchat { padding-top: 15px; background: #5ea0d2; } .suspension-wchat-rq { margin: 0 auto; width: 120px; } .suspension-wchat-rq > img { width: 100%; } .suspension-wchat-title { text-align: center; margin: 0 auto; color: #fbfeff; font-size: 12px; width: 120px; padding: 0 0 10px 0; } .suspension-wchat-search { padding: 0 10px; display: flex; justify-content: space-between; align-items: center; border-top: 1px #fbfeff solid; } .suspension-wchat-search > img { width: 15px; height: 15px; cursor: pointer; } .suspension-wchat-search > input { display: block; width: 100px; height: 35px; background: #5ea0d2; color: #fff; font-size: 12px; cursor: pointer; } .suspension-wchat-search > input::placeholder { color: #fbfeff; } .suspension-report { padding-top: 15px; } .suspension-report > img { width: 150px; display: block; } .suspension-report1 { padding-top: 15px; } .suspension-report1 > img { width: 150px; display: block; } .suspension-arrow { display: none; width: 45px; height: 45px; position: absolute; top: -30px; right: 180px; cursor: pointer; background: url("../img/search.png") #5ea0d2 no-repeat center; object-fit: cover; } .suspension-close { position: absolute; top: -30px; right: 0; background: url('../img/yctk.png') no-repeat center; width: 25px; height: 25px; cursor: pointer; } .swiper-button-next, .swiper-button-prev { width: 20px; height: 40px; } .swiper-button-next:after, .swiper-button-prev:after { content: ''; } .swiper-button-next { right: 0; background: rgba(0, 0, 0, 0.5) url("../img/jt.png") no-repeat -35px 11.5px; } .swiper-button-prev { left: 0; background: rgba(0, 0, 0, 0.5) url("../img/jt.png") no-repeat 5px 11.5px; } .nddbxcg-list-wrap{ } .nddbxcg-list-title{ position:relative; cursor: default;} .nddbxcg-list-title i { display: inline-block; width: 14px; height: 14px; background: url(../img/icon_arrow_down_b.png) no-repeat center; background-size: contain; position: absolute; right: 8px; top: 17px; } .nddbxcg-list-title:hover i ,.nddbxcg-list-title.content-active i{ background-image: url(../img/icon_arrow_down_w.png) } .nddbxcg-list-title.active i{ transform: rotate(180deg); } .nddbxcg-list-content{ background: #fff; border: 1px solid #e4e4e4; padding-top: 10px; padding-bottom: 27px; width: 100%; display: block; box-sizing: border-box; } .nddbxcg-list-content-item{ text-align:center; height:32px; line-height:32px; } .nddbxcg-list-content-item:hover{ background-color: rgb(230, 245, 255); display: block; color: #2d66a5; } .nddbxcg-list-content-item a{ height:32px; line-height:32px; } .nddbxcg-list-content-item a:hover { color: #2d66a5; font-size: 16px; font-weight: 600; } .nddbxcg-list-content-item span{ font-size: 35px; margin-right: 10px; vertical-align: bottom; } .main-details-content1 {   font-family: '宋体'; } .main-details-content1 > * {   font-family: '宋体' !important; } .main-details-content1 img {   width: 100%;   display: block;   margin: 0 auto; } /*覆盖样式*/ .main-list-nav-content{ margin-top: 15px; color: rgb(45, 102, 165); font-size: 22px; display: block; background: #fff; border: 1px solid #ddd; } .main-list-nav-content.content-active,.main-list-nav-content:hover{ color: #fff; background-color: rgb(45, 102, 165); } .main-list-nav-content:hover::after { display:none; } /** **样式更新20240805 **/ .header-platform-nav-box-link { text-align: center; font-size: 16px; position: relative; color: #fff; } .header-platform-nav-box-link::after { display: block; content: ""; position: absolute; } .header-science-nav-li-link-nv:last-child { border: 0; } .header-platform-nav-box-link > a { display: block; color: #fff; height: 50px; line-height: 50px; &:hover { background: #0e81da; color: #fff; } } .header-platform-nav-box-link:hover .header-platform-nav-li-link-nv-snv { display: block; } .header-platform-nav-li-link-nv-snv { display: none; position: absolute; top: 50px; left: 0; right: 0; z-index: 10; } .header-platform-nav-li-link-nv-snv > a { display: block; background-image: linear-gradient(to right, #3f8ddc, #61ac56); color: #fff; padding: 5px 0; } .header-platform-nav-li-link-nv-snv > a:hover { background: #54cfde; color: #fff; } .main-achievement-box-detail { width: 420px; } .main-achievement-box-list-li { display: flex; padding: 15px 0; margin: 10px 0; font-size: 14px; transition: 0.25s; line-height: 5px; } .main-achievement-box-list-li:hover { color: #3982ca; } .main-achievement-box-list-li:nth-child(1) { font-size: 17px; font-weight: 500; border-bottom: 1px solid #ebeef5; } .main-achievement-box-list-li:nth-child(2) { font-size: 17px; font-weight: 500; border-bottom: 1px solid #ebeef5; } .main-achievement-box-list-li:nth-child(3) { font-size: 17px; font-weight: 500; border-bottom: 1px solid #ebeef5; } .main-achievement-box-list-li:nth-child(4) { font-size: 17px; font-weight: 500; border-bottom: 1px solid #ebeef5; } .main-achievement-box-list-li:nth-child(5) { font-size: 17px; font-weight: 500; border-bottom: 1px solid #ebeef5; } .main-achievement-box-list-li:nth-child(6) { font-size: 17px; font-weight: 500; border-bottom: 1px solid #ebeef5; } .main-achievement-box-detail-tit { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px #c9ddf1 solid; } .main-achievement-box-detail-tit-name { font-size: 18px; color: #3982ca; padding: 10px 0; position: relative; } .main-achievement-box-detail-tit-name:before, .main-achievement-box-detail-tit-name:after { content: ""; display: block; width: 50%; height: 3px; position: absolute; bottom: 0; left: 0; } .main-achievement-box-detail-tit-name:before { background: #5ba566; } .main-achievement-box-detail-tit-name:after { left: 50%; background: #3982ca; } .main-achievement-box-detail-tit > a { font-size: 12px; color: #0b7ccd; } .main-platform-box-nav-title { display:inline-block; font-size: 16px; font-weight:bold; width: 119px; height: 37px; line-height: 37px; text-align: center; background-size: 135px 41px; color: #0e81da; } .main-platform-box-nav-title.info-active { color: #fff; background-color: #3A96ED; } .main-content-box-news-title1 { font-size: 18px; width: 113px; height: 41px; line-height: 41px; text-align: center; background-size: 135px 41px; color: #0e81da; } .main-content-box-news-title1.info-active { color: #fff; background-color: #015293; } /*# sourceMappingURL=index.css.map */