@charset "utf-8"; .header-wrapper { width: 100%; height: 307px; background: top center/100% no-repeat; overflow: hidden; } .header-wrapper .header-wrap { padding-top: 15px; height: 307px; overflow: hidden; } .header-wrapper .header-wrap .state-wrap { height: 40px; font-size: 14px; } .header-wrapper .header-wrap .state-wrap .dete-wrap { text-shadow: 0px 1px 0px #ffffff; } .header-wrapper .header-wrap .state-wrap .dete-wrap span { margin: 0 3px; } .header-wrapper .header-wrap .state-wrap .search-wrap span { margin-right: 6px; } .header-wrapper .header-wrap .state-wrap .search-wrap .search-input { margin-left: 3px; } .header-wrapper .header-wrap .state-wrap .search-wrap .search-input input { width: 160px; height: 30px; padding: 0 5px; box-sizing: border-box; border: none; } .header-wrapper .header-wrap .state-wrap .search-wrap .search-input #search-btn { display: block; width: 44px; height: 30px; border-bottom-right-radius: 4px; border-top-right-radius: 4px; cursor: pointer; background: center/20px no-repeat #1e7cd3; } .header-wrapper .header-wrap .state-wrap .search-wrap .search-input #search-btn:hover { opacity: 0.6; } .header-wrapper .logo { margin: 52px 0 0 100px; width: 350px; height: 93px; background: no-repeat center/100%; } .nav-wrapper { width: 100%; height: 44px; background: #307dd0; color: #ffffff; } .nav-wrapper .nav-wrap { height: 44px; } .nav-wrapper .nav-wrap li { width: 120px; height: 44px; line-height: 44px; text-align: center; cursor: pointer; position: relative; } .nav-wrapper .nav-wrap li .t { display: block; width: 100%; height: 100%; font-size: 16px; font-weight: 500; } .nav-wrapper .nav-wrap li:hover .second { display: flex; } .nav-wrapper .nav-wrap li:hover .t { opacity: 0.6; } .nav-wrapper .nav-wrap li .second { display: none; padding: 2px; position: absolute; top: 44px; left: 50%; transform: translatex(-50%); width: 200px; background: #ffffff; box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2); overflow: hidden; z-index: 9999; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .nav-wrapper .nav-wrap li .second span { width: 100%; height: 40px; line-height: 40px; font-size: 16px; color: #333333; transition: 0.2s all; } .nav-wrapper .nav-wrap li .second span:hover { background: #307dd0; color: #ffffff; } .banner-wrapper { margin-top: 20px; } .swiper-wrapper { margin-top: 15px; height: 480px; padding: 16px 14px; border: 1px solid #bfbfbf; } .swiper-wrapper .swiper-left-wrap { width: 620px; height: 448px; } .swiper-wrapper .swiper-left-wrap .slider-wrapper { width: 100%; height: 100%; position: relative; } .swiper-wrapper .swiper-left-wrap .slider-wrapper .conbox { width: 100%; height: 100%; } .swiper-wrapper .swiper-left-wrap .slider-wrapper .conbox .slide_ { width: 620px; height: 448px; position: relative; } .swiper-wrapper .swiper-left-wrap .slider-wrapper .conbox .slide_ .slide-txt { position: absolute; left: 0; bottom: 0; width: 100%; height: 55px; line-height: 55px; padding: 0 220px 0 20px; font-size: 18px; background: #307dd0; color: #ffffff; } .swiper-wrapper .swiper-left-wrap .slider-wrapper .switcher { position: absolute; right: 10px; bottom: 26px; z-index: 99; width: 180px; } .swiper-wrapper .swiper-left-wrap .slider-wrapper .switcher a { width: 26px; height: 3px; background: #ffffff; margin: 0 5px; } .swiper-wrapper .swiper-left-wrap .slider-wrapper .switcher a.cur { background: #193faa; } .swiper-wrapper .swiper-right-wrap { padding: 20px 30px 10px; height: 448px; width: 443px; background: #eff6ff; } .swiper-wrapper .swiper-right-wrap .top-title { height: 62px; line-height: 62px; border-bottom: 1px dashed #bfbfbf; font-size: 24px; color: #2868b8; } .swiper-wrapper .swiper-right-wrap .top-desc { margin-top: 18px; height: 50px; line-height: 25px; display: -webkit-box; /* 将对象作为弹性伸缩盒子模型显示 */ -webkit-box-orient: vertical; /* 设置或检索伸缩盒对象的子元素的排列方式 */ -webkit-line-clamp: 2; /* 2行,只有 webkit内核支持 */ word-break: break-all; /* 纯英文换行 */ overflow: hidden; font-size: 16px; } .swiper-wrapper .swiper-right-wrap .top-desc span { color: #929292; font-size: 14px; } .swiper-wrapper .swiper-right-wrap ul { margin-top: 12px; } .swiper-wrapper .swiper-right-wrap ul li { padding-left: 18px; height: 40px; position: relative; } .swiper-wrapper .swiper-right-wrap ul li.line{ padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px dotted #dedede; } .swiper-wrapper .swiper-right-wrap ul li .title { flex: 1; font-size: 18px; } .swiper-wrapper .swiper-right-wrap ul li .date { width: 100px; font-size: 12px; color: #929292; text-align: center; } .swiper-wrapper .swiper-right-wrap ul li:hover { color: #2868b8; } .swiper-wrapper .swiper-right-wrap ul li:nth-child(-n 3) .title { } .swiper-wrapper .swiper-right-wrap ul li:nth-child(-n 3) .title.bolder{ font-weight:550; } .swiper-wrapper .swiper-right-wrap ul li::after { position: absolute; top: 17px; left: 2px; content: ""; display: block; width: 6px; height: 6px; background: #165fc6; } .swiper-wrapper .swiper-right-wrap .more { height: 40px; justify-content: flex-end; color: #2868b8; } .main-wrapper { margin-top: 10px; } .main-wrapper .main-left-wrap { width: 227px; } .main-wrapper .main-left-wrap .director-wrap { padding: 16px 20px; background: #eff6ff; overflow: hidden; } .main-wrapper .main-left-wrap .director-wrap h3 { width: 105px; height: 40px; border-bottom: 3px solid #2868b8; background: 4px center/97px no-repeat; } .main-wrapper .main-left-wrap .director-wrap .detail-image { margin-top: 15px; width: 188px; height: 234px; } .main-wrapper .main-left-wrap .director-wrap .director-list { margin-top: 15px; } .main-wrapper .main-left-wrap .director-wrap .director-list .director-item .post { width: 52px; height: 28px; line-height: 28px; font-weight: 600; font-size: 15px; text-align: center; } .main-wrapper .main-left-wrap .director-wrap .director-list .director-item ul { margin-left: 15px; flex: 1; flex-wrap: wrap; } .main-wrapper .main-left-wrap .director-wrap .director-list .director-item ul li { width: 50%; height: 28px; line-height: 28px; } .main-wrapper .main-left-wrap .committee-wrap { margin-top: 13px; border: 1px solid #2868b8; border-radius: 5px; background: #eff6ff; } .main-wrapper .main-left-wrap .committee-wrap h3 { border-top-left-radius: 5px; border-top-right-radius: 5px; margin: 0 20px; height: 120px; line-height: 30px; text-align: center; color: #324872; font-size: 22px; font-weight: 600; border-bottom: 2px solid #2868b8; } .main-wrapper .main-left-wrap .committee-wrap ul { background: #ffffff; padding-bottom: 13px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .main-wrapper .main-left-wrap .committee-wrap ul li { margin: 0 20px; padding: 10px 0; border-bottom: 1px solid #bfbfbf; color: #324872; font-size: 16px; font-weight: 500; box-sizing: border-box; } .main-wrapper .main-left-wrap .committee-wrap ul li:last-child { border-bottom: 0; } .main-wrapper .main-left-wrap .committee-wrap ul li span { line-height: 26px; } .main-wrapper .main-left-wrap .query-wrap { margin-top: 13px; border: 1px solid #2868b8; border-radius: 5px; background: #eff6ff; } .main-wrapper .main-left-wrap .query-wrap h3 { border-top-left-radius: 5px; border-top-right-radius: 5px; margin: 0 20px; height: 80px; line-height: 30px; text-align: center; color: #324872; font-size: 22px; font-weight: 600; } .main-wrapper .main-left-wrap .query-wrap ul li { padding-left: 50px; margin-bottom: 10px; width: 206px; height: 82px; border: 1px solid #2868b8; border-radius: 5px; box-sizing: border-box; color: #2868b8; font-size: 18px; font-weight: 500; background-color: #ffffff; background-repeat: no-repeat; background-size: 36px auto; background-position: 30px center; } .main-wrapper .main-left-wrap .query-wrap ul li span { line-height: 26px; } .main-wrapper .main-left-wrap .query-wrap ul li:hover { background-color: #f5f5f5; } .main-wrapper .main-left-wrap .query-wrap ul li:nth-child(1) { background-image: ; } .main-wrapper .main-left-wrap .query-wrap ul li:nth-child(2) { background-image: ; } .main-wrapper .main-left-wrap .query-wrap ul li:nth-child(3) { background-image: ; background-position: 10px center; } .main-wrapper .main-left-wrap .query-wrap ul li:nth-child(4) { background-image: ; } .main-wrapper .main-left-wrap .query-wrap ul li:nth-child(5) { background-image: ; } .main-wrapper .main-left-wrap .query-wrap ul li:nth-child(6) { background-image: ; } .main-wrapper .main-left-wrap .query-wrap ul li:nth-child(7) { background-image: ; } .main-wrapper .main-left-wrap .weixin-wrap { margin-top: 17px; padding: 15px 20px; background: #eff6ff; } .main-wrapper .main-left-wrap .weixin-wrap h3 { width: 190px; height: 54px; background: center/90% no-repeat; border-bottom: 3px solid #2868b8; } .main-wrapper .main-left-wrap .weixin-wrap img { margin-top: 15px; width: 100%; } .main-wrapper .main-right-wrap { width: 866px; } .main-wrapper .main-right-wrap .banner-oneline-wrapper { height: 112px; } .main-wrapper .main-right-wrap .banner-twoline-wrapper { margin: 15px 0 30px; height: 105px; } .main-wrapper .main-right-wrap .banner-twoline-wrapper a { width: 428px; } .main-wrapper .main-right-wrap .section-wrap { margin-top: 15px; } .main-wrapper .main-right-wrap .section-wrap .section-item { width: 428px; } .main-wrapper .main-right-wrap .section-wrap .section-item .section-title { padding-right: 10px; height: 52px; justify-content: flex-end; } .main-wrapper .main-right-wrap .section-wrap .section-item .section-title.dflf { background: no-repeat 18px center/90px, no-repeat center/100%; } .main-wrapper .main-right-wrap .section-wrap .section-item .section-title.jdgz { background: no-repeat 18px center/90px, no-repeat center/100%; } .main-wrapper .main-right-wrap .section-wrap .section-item .section-title.zyfb { background: no-repeat 18px center/90px, no-repeat center/100%; } .main-wrapper .main-right-wrap .section-wrap .section-item .section-title.dblz { background: no-repeat 18px center/90px, no-repeat center/100%; } .main-wrapper .main-right-wrap .section-wrap .section-item .section-title.xjrm { background: no-repeat 18px center/90px, no-repeat center/100%; } .main-wrapper .main-right-wrap .section-wrap .section-item .section-title.jcrd { background: no-repeat 18px center/90px, no-repeat center/100%; } .main-wrapper .main-right-wrap .section-wrap .section-item .section-title.jggz { background: no-repeat 18px center/90px, no-repeat center/100%; } .main-wrapper .main-right-wrap .section-wrap .section-item .section-title.llyj { background: no-repeat 18px center/90px, no-repeat center/100%; } .main-wrapper .main-right-wrap .section-wrap .section-item .section-title .section-nav { height: 30px; } .main-wrapper .main-right-wrap .section-wrap .section-item .section-title .section-nav li { height: 16px; line-height: 16px; padding: 0 5px; color: #777777; cursor: pointer; } .main-wrapper .main-right-wrap .section-wrap .section-item .section-title .section-nav li:not(:last-child) { border-right: 1px solid #777777; } .main-wrapper .main-right-wrap .section-wrap .section-item .section-list { padding: 20px 14px 0; } .main-wrapper .main-right-wrap .section-wrap .section-item .section-list li { position: relative; padding-left: 25px; height: 34px; } .main-wrapper .main-right-wrap .section-wrap .section-item .section-list li::after { position: absolute; top: 50%; left: 0; transform: translatey(-50%); content: ""; display: block; width: 4px; height: 4px; background: #165fc6; } .main-wrapper .main-right-wrap .section-wrap .section-item .section-list li .title { height: 24px; line-height: 24px; flex: 1; font-size: 16px; } .main-wrapper .main-right-wrap .section-wrap .section-item .section-list li .date { width: 94px; height: 24px; line-height: 24px; color: #929292; text-align: center; } .main-wrapper .main-right-wrap .section-wrap .section-item .section-list li:first-child .title { /*font-weight: 550;*/ } .main-wrapper .main-right-wrap .section-wrap .section-item .section-list li:hover .title { color: #165fc6; } .main-wrapper .main-right-wrap .section-wrap .section-item .more { padding: 0 10px; height: 30px; justify-content: flex-end; color: #165fc6; } .main-wrapper .main-right-wrap .special-wrap { margin-top: 15px; } .main-wrapper .main-right-wrap .special-wrap h3 { height: 52px; position: relative; background-image: linear-gradient(to right, #dfeaff, #e4eeff, #fbfdff); } .main-wrapper .main-right-wrap .special-wrap h3 .title { width: 148px; height: 52px; background: url(/uploads/image/rts12arimages/title_ztzl.png) no-repeat 18px center/90px #3780d1; position: absolute; left: 0; top: 0; overflow: hidden; } .main-wrapper .main-right-wrap .special-wrap h3 .title:after { position: absolute; top: -22px; right: -106px; content: ""; display: block; width: 0px; height: 0px; border: 60px solid #3780d1; border-color: #dfeaff; transform: rotate(30deg); } .main-wrapper .main-right-wrap .special-wrap ul { margin-top: 18px; flex-wrap: wrap; } .main-wrapper .main-right-wrap .special-wrap ul li { margin-bottom: 12px; width: 428px; height: 104px; } .main-wrapper .main-right-wrap .special-wrap .more { height: 30px; justify-content: flex-end; color: #165fc6; } .main-wrapper .main-right-wrap .newspaper-wrap { margin-top: 36px; } .main-wrapper .main-right-wrap .newspaper-wrap .switch-wrap { height: 52px; background-image: linear-gradient(to right, #dfeaff, #e4eeff, #fbfdff); } .main-wrapper .main-right-wrap .newspaper-wrap .switch-wrap ul { height: 52px; } .main-wrapper .main-right-wrap .newspaper-wrap .switch-wrap ul li { width: 160px; height: 52px; position: relative; overflow: hidden; cursor: pointer; } .main-wrapper .main-right-wrap .newspaper-wrap .switch-wrap ul li:not(:first-child):not(.active)::before { content: ""; display: block; width: 1px; height: 26px; background: #4f7fc2; position: absolute; top: 13px; left: 0; } .main-wrapper .main-right-wrap .newspaper-wrap .switch-wrap ul li:nth-child(1) { width: 220px; background: url(/uploads/image/rts12arimages/title_ctzrzz.png) no-repeat 28px center/128px; } .main-wrapper .main-right-wrap .newspaper-wrap .switch-wrap ul li:nth-child(1).active { background: url(/uploads/image/rts12arimages/title_ctzrzz_white.png) no-repeat 28px center/128px #3780d1; } .main-wrapper .main-right-wrap .newspaper-wrap .switch-wrap ul li:nth-child(1).active:after { position: absolute; top: -22px; right: -106px; content: ""; display: block; width: 0px; height: 0px; border: 60px solid #3780d1; border-color: #dfeaff; transform: rotate(30deg); } .main-wrapper .main-right-wrap .newspaper-wrap .switch-wrap ul li:nth-child(2) { background: url(/uploads/image/rts12arimages/title_rdwx.png) no-repeat 40px center/82px; } .main-wrapper .main-right-wrap .newspaper-wrap .switch-wrap ul li:nth-child(2).active { background: url(/uploads/image/rts12arimages/title_rdwx_white.png) no-repeat 40px center/82px #3780d1; } .main-wrapper .main-right-wrap .newspaper-wrap .switch-wrap ul li:nth-child(2).active:after { position: absolute; top: -22px; right: -106px; content: ""; display: block; width: 0px; height: 0px; border: 60px solid #3780d1; border-color: #dfeaff; transform: rotate(30deg); } .main-wrapper .main-right-wrap .newspaper-wrap .switch-wrap ul li:nth-child(3) { background: no-repeat 40px center/82px; } .main-wrapper .main-right-wrap .newspaper-wrap .switch-wrap ul li:nth-child(3).active { background: url(/uploads/image/rts12arimages/title_bzzt_white.png) no-repeat 40px center/82px #3780d1; } .main-wrapper .main-right-wrap .newspaper-wrap .switch-wrap ul li:nth-child(3).active:after { position: absolute; top: -22px; right: -106px; content: ""; display: block; width: 0px; height: 0px; border: 60px solid #3780d1; border-color: #e5efff; transform: rotate(30deg); } .main-wrapper .main-right-wrap .newspaper-wrap .switch-wrap ul li:nth-child(4) { background: url(/uploads/image/rts12arimages/title_dsgb.png) no-repeat 40px center/82px; } .main-wrapper .main-right-wrap .newspaper-wrap .switch-wrap ul li:nth-child(4).active { background: url(/uploads/image/rts12arimages/title_dsgb_white.png) no-repeat 40px center/82px #3780d1; } .main-wrapper .main-right-wrap .newspaper-wrap .switch-wrap ul li:nth-child(4).active:after { position: absolute; top: -22px; right: -106px; content: ""; display: block; width: 0px; height: 0px; border: 60px solid #3780d1; border-color: #eef5ff; transform: rotate(30deg); } .main-wrapper .main-right-wrap .newspaper-wrap .switch-wrap ul li:nth-child(5) { background: url(/uploads/image/rts12arimages/title_qtbd.png) no-repeat 40px center/82px; } .main-wrapper .main-right-wrap .newspaper-wrap .switch-wrap ul li:nth-child(5).active { background: url(/uploads/image/rts12arimages/title_qtbd_white.png) no-repeat 40px center/82px #3780d1; } .main-wrapper .main-right-wrap .newspaper-wrap .switch-wrap ul li:nth-child(5).active:after { position: absolute; top: -22px; right: -106px; content: ""; display: block; width: 0px; height: 0px; border: 60px solid #3780d1; border-color: #fafcff; transform: rotate(30deg); } .main-wrapper .main-right-wrap .newspaper-wrap .content-wrap { margin-top: 27px; height: 322px; } .main-wrapper .main-right-wrap .newspaper-wrap .content-wrap.chutian .image { width: 210px; height: 322px; } .main-wrapper .main-right-wrap .newspaper-wrap .content-wrap.chutian .content { width: 635px; height: 322px; } .main-wrapper .main-right-wrap .newspaper-wrap .content-wrap.chutian .content .title { height: 52px; } .main-wrapper .main-right-wrap .newspaper-wrap .content-wrap.chutian .content .title .logo { width: 130px; height: 52px; background: no-repeat 18px center/86px; } .main-wrapper .main-right-wrap .newspaper-wrap .content-wrap.chutian .content .title span { line-height: 52px; color: #777777; } .main-wrapper .main-right-wrap .newspaper-wrap .content-wrap.chutian .content .info { height: 33px; line-height: 33px; background: #eff6ff; color: #777777; padding-left: 20px; } .main-wrapper .main-right-wrap .newspaper-wrap .content-wrap.chutian .content .list { margin-top: 10px; flex-wrap: wrap; } .main-wrapper .main-right-wrap .newspaper-wrap .content-wrap.chutian .content .list li { padding-left: 20px; margin: 10px 0; width: 290px; line-height: 22px; height: 44px; position: relative; } .main-wrapper .main-right-wrap .newspaper-wrap .content-wrap.chutian .content .list li::after { position: absolute; top: 10px; left: 0; width: 4px; height: 4px; background: #2868b8; content: ""; display: block; } .main-wrapper .main-right-wrap .newspaper-wrap .content-wrap.chutian .content .list li .date { color: #777777; } .main-wrapper .main-right-wrap .newspaper-wrap .content-wrap.chutian .content .more { height: 30px; justify-content: flex-end; color: #165fc6; } .main-wrapper .main-right-wrap .newspaper-wrap .content-wrap .full-list { padding: 0 20px; margin-top: 10px; flex-wrap: wrap; } .main-wrapper .main-right-wrap .newspaper-wrap .content-wrap .full-list li { padding-left: 20px; margin: 10px 0; width: 360px; line-height: 22px; height: 44px; position: relative; } .main-wrapper .main-right-wrap .newspaper-wrap .content-wrap .full-list li::after { position: absolute; top: 10px; left: 0; width: 4px; height: 4px; background: #2868b8; content: ""; display: block; } .main-wrapper .main-right-wrap .newspaper-wrap .content-wrap .full-list li .date { color: #777777; } .main-wrapper .main-right-wrap .newspaper-wrap .content-wrap .more { height: 30px; justify-content: flex-end; color: #165fc6; } .footer-wrapper { margin-top: 35px; width: 100%; height: 350px; background: #317ed0; overflow: hidden; } .footer-wrapper .link-wrap { margin-top: 40px; } .footer-wrapper .link-wrap select { width: 268px; height: 44px; line-height: 44px; border: 1px solid #ffffff; outline: none; font-size: 18px; background: #317ed0; text-align: center; color: #ffffff; border-radius: 0; } .footer-wrapper .copyright { margin-top: 50px; color: #ffffff; font-size: 17px; } .footer-wrapper .copyright span { line-height: 30px; } .footer-wrapper .jg-logo { margin-top: 35px; } .footer-wrapper .jg-logo a { width: 60px; height: 74px; } /*# sourcemappingurl=index.css.map */ /*20240123*/ .header-wrapper .logo { background: url(/uploads/image/ts12aimages/logo_hbrdw.png) no-repeat center/100%; }