@charset "utf-8"; /** * swiper 6.4.15 * most modern mobile touch slider and framework with hardware accelerated transitions * * copyright 2014-2021 vladimir kharlampidi * * released under the mit license * * released on: february 18, 2021 */ @font-face{font-family:swiper-icons;src: format('woff');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:50%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translatey(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translatex(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next .swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-container-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;-webkit-filter:blur(50px);filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden} /* css document */ #crumbnav{ display: none; } .fl{ float: left; } .fr{ float: right; } /*** 顶部滚动信息 ***/ .ind-sec1{ display: block; overflow: hidden; position: relative; background: no-repeat center center; margin: 11px auto; } .ind-sec1:after{ content: ''; width: 2px; height: 25px; display: block; background: #fea348; position: absolute; left: 50%; top: 50%; margin: -12.5px 0 0 -1px; z-index: 1; } .ind-sec1-item{ width: 50%; float: left; position: relative; } .ind-sec1-item.ind-yjtb{ width: 100%; } .ind-sec1-item .sec-tit{ font-size: 16px; line-height: 60px; color: #d50e2f; display: block; position: absolute; left: 0; top: 0; z-index: 5; } .ind-sec1-item .bd{ height: 60px; overflow: hidden; } .ind-sec1-item .tempwrap{ width: 100% !important; } .ind-sec1-item li{ width: auto !important; font-size: 16px; line-height: 60px; color: #d50e2f; float: left; margin-right: 40px; position: relative; /*padding-left: 10px;*/ } /* .ind-sec1-item li:before{ content: ''; width: 4px; height: 4px; display: block; border-radius: 100%; background: #d50e2f; position: absolute; left: 0; top: 50%; margin-top: -2px; } */ .ind-sec1-item li a{ color: #d50e2f; } .ind-sec1-item li:hover a{ text-decoration: underline; } .ind-yjxw-bd{ padding: 0 58px 0 92px; } .ind-zqyj-bd{ padding: 0 0 0 104px; } .ind-zqyj .sec-tit{ left: 16px; } /**** 顶部最新新闻 ****/ .ind-headlines{ width: 100%; height: 112px; display: block; overflow: hidden; background: #eff2f7; position: relative; text-align: center; margin-bottom: 25px; } .ind-headlines .news1{ height: 50px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 26px; font-size: 34px; line-height: 50px; color: #1c4f90; font-weight: bold; margin: 16px auto 5px; } .ind-headlines .news1 a{ color: #1c4f90; } .ind-headlines .list{ width: 944px; margin: 0 auto; overflow: hidden; } .ind-headlines .list li{ width: 450px; float: left; text-align: center; padding: 0 11px; } .ind-headlines .list a{ max-width: 100%; display: inline-block; vertical-align: top; margin: 0 auto; font-size: 16px; line-height: 24px; color: #1c4f90; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ind-headlines .btn-more{ font-size: 16px; line-height: 30px; color: #999; display: block; position: absolute; right: 26px; bottom: 12px; z-index: 5; } .ind-headlines .btn-more:hover{ color: #1c4f90; } /*** 新闻动态 ***/ .ind-newsbox{ width: 100%; overflow: hidden; margin-bottom: 50px; } .ind-imgnews{ width: 600px; height: 365px; display: block; overflow: hidden; position: relative; float: left; } .ind-imgnews .news-bd, .ind-imgnews .news-bd a{ width: 100%; height: 100%; display: block; overflow: hidden; position: relative; } @media screen and (min-width: 992px) { .ind-imgnews .news-bd ul, .ind-imgnews .news-bd li{ width: 100%; height: 100%; display: block; overflow: hidden; position: relative; } } .ind-imgnews .imgs{ width: 100%; height: 100%; display: block; overflow: hidden; position: relative; background: no-repeat center center; background-size: cover; transition: all 0.6s; } .ind-imgnews .imgs img{ width: 100%; height: 100%; display: block; object-fit: cover; -webkit-object-fit: cover; -ms-object-fit: cover; object-position: center center; -webkit-object-position: center center; -ms-object-position: center center; position: absolute; left: 0; top: 0; } .ind-imgnews .tit{ width: 100%; height: 50px; display: block; overflow: hidden; background: ; position: absolute; left: 0; bottom: 0; z-index: 10; font-size: 16px; line-height: 50px; color: #fff; } .ind-imgnews .tit span{ padding: 0 190px 0 16px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ind-imgnews .news-bd li:hover .imgs{ transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); } .ind-imgnews .news-hd{ position: absolute; right: 14px; bottom: 20px; z-index: 20; } .ind-imgnews .news-hd a{ float: left; width: 12px; height: 12px; display: block; border-radius: 6px; background: #fff; margin: 0 8px; transition: all 0.5s; cursor: pointer; } .ind-imgnews .news-hd a.on{ width: 27px; background: #0968ac; } .ind-listnews{ width: 568px; float: right; } .ind-listnews .news-hd2{ width: 100%; overflow: hidden; position: relative; padding-top: 14px; margin-bottom: 10px; } .ind-listnews .news-hd2 li{ padding: 0 35px 0 30px; position: relative; float: left; } .ind-listnews .news-hd2 li:after{ content: ''; width: 2px; height: 20px; display: block; background: #9f9f9f; position: absolute; right: 0; top: 50%; margin-top: -10px; } .ind-listnews .news-hd2 a{ font-size: 18px; line-height: 28px; color: #555; font-weight: bold; display: block; } .ind-listnews .news-hd2 li.active a{ color: #1c4f90; } .ind-listnews .news-hd2 li:first-child{ padding-left: 0 !important; } .ind-listnews .news-hd2 li:last-child{ padding-right: 0 !important; } .ind-listnews .news-hd2 li:last-child:after{ display: none; } .ind-listnews .news-hd2 .linebox{ width: 100%; height: 5px; display: block; background: #ededed; position: absolute; left: 0; top: 0; z-index: 5; } .ind-listnews .news-hd2 .line{ width: 125px; height: 5px; display: block; background: #d50e2f; position: absolute; left: 0; top: 0; } .ind-listnews .news-bd2{ width: 100%; height: 312px; display: block; overflow: hidden; position: relative; } .ind-listnews .tab-pane{ width: 100%; display: none; } .ind-listnews .tab-pane.active{ display: block; } .news-list{ width: 100%; overflow: hidden; position: relative; font-size: 16px; line-height: 36px; color: #333; } .news-list li, .news-list .item{ overflow: hidden; position: relative; padding-left: 12px; } .news-list li:before, .news-list .item:before{ content: ''; width: 3px; height: 3px; display: block; background: #0968ac; position: absolute; left: 2px; top: 50%; margin-top: -2px; } .news-list a{ float: left; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .news-list .time, .news-list span{ float: right; font-size: 14px; color: #999; } .news-list li:hover a, .news-list .item:hover a{ color: #ff0000; } .ind-listnews .news-list{ font-size: 18px; line-height: 39px; } .ind-listnews .news-list a{ /* max-width: 490px; */ max-width: 450px; } /**** 图片banner ***/ .ind-banbox{ width: 100%; overflow: hidden; margin-bottom: 5px; } .ind-banbox img{ width: 100%; max-width: 100%; display: block; } /**** 机构部门 ****/ .ind-orglist{ overflow: hidden; margin: 5px -5px 48px 0; } .ind-orglist li{ float: left; width: 195px; height: 108px; margin-right: 5px; text-align: center; background: #eff2f7; padding-top: 15px; } .ind-orglist li:last-child{ margin-right: 0; } /* .ind-orglist li img{ width: 60px; transition: all 0.5s; -webkit-transition: all 0.5s; } .ind-orglist li:hover img{ -webkit-transform: rotatey(180deg); -moz-transform: rotatey(180deg); -o-transform: rotatey(180deg); -ms-transform: rotatey(180deg); transform: rotatey(180deg); } */ .ind-orglist li h5{ width: 11em; height: 34px; line-height: 17px; margin: 8px auto 0; font-size: 14px; overflow:hidden; } /**** 政务公开 ****/ .govern-box{ margin-bottom: 20px; } .common-title .common-top:after{ content: ''; display: table; clear: both; } .common-title .common-top .left-name{ float: left; font-size: 24px; font-weight: bold; color: #2d5392; line-height: 28px; } .common-title .common-top .left-name img{ margin-right: 10px; margin-top: -6px; } .common-title .common-top .gai{ float: left; display: inline-block; padding-left: 14px; padding-right: 12px; color: #fff; line-height: 28px; height: 30px; background: #3188d5; margin-left: 35px; font-size: 16px; border-radius: 1px; box-shadow: 2px 2px 0px rgba(49,136,213,.25); } .common-title .common-top .gai img{ margin-right: 5px; margin-top: -2px; width: 18px; } .common-title .common-top .gai:hover{ background: #2869b5; } .common-title .common-top .right-link{ float: right; line-height: 22px; margin-top: 4px; } .common-title .common-top .right-link li{ margin-left: 47px; font-size: 18px; color: #1c4f90; font-weight: bold; position: relative; float: left; } .common-title .common-top .right-link li:after{ content:""; position:absolute; left:-27px; top:50%; width:6px; height:6px; background:#d5d5d5; margin-top: -3px; border-radius: 50%; } .common-title .common-top .right-link li:first-child:after{ display: none; } .common-title .common-top .right-link li:hover a{ color: #3b6caa; } .common-title .line{ background: #ededed; height: 5px; margin-top: 10px; position: relative; } .common-title .line span{ display: inline-block; width: 22px; height: 100%; background: #d50e2f; position: absolute; left: 0; bottom: 0; } .govern-main{ overflow: hidden; margin-top: 24px; } .govern-item{ float: left; width: 465px; margin-right: 29px; } .govern-main .item-tit{ font-size: 20px; line-height: 30px; color: #1c4f90; font-weight: bold; margin-bottom: 15px; } .govern-main .news-list{ height: 324px; overflow: hidden; } .govern-main .news-list a{ /*max-width: 390px;*/ max-width: 70%; } .govern-main .right-box{ float: right; width: 211px; padding-top: 54px; } .govern-main .govern-work{ padding-top: 0; } .govern-main .right-box .list li{ margin-bottom: 4px; font-size: 16px; } .govern-main .right-box .list li a{ display: block; color: #fff; line-height: 46px; background: #4f96d6; border-left: 3px solid #d50e2f; padding-left: 33px; } .govern-main .right-box .list li a:hover{ background: #2869b5; } .govern-main .right-box .list li:last-child{ margin-bottom: 0; } /**** 政民互动 科普知识 网上办事 ****/ .interact-box{ overflow: hidden; padding: 0 20px; margin: 27px -20px 72px; } .interact-box .left-box{ float: left; width: 289px; } .dong-list{ width: 100%; height: 188px; overflow: hidden; background: #f2f7fb; margin: 29px 0 7px; padding-top: 23px; } .dong-list li{ width: 33.33%; float: left; text-align: center; margin-bottom: 35px; font-size: 12px; line-height: 26px; color: #333; } .dong-list li img{ width: 34px; height: 34px; display: block; margin: 0 auto 2px; } .dong-gjzscx{ width: 100%; display: block; overflow: hidden; margin-bottom: 6px; } .dong-gjzscx img{ width: 100%; max-width: 100%; display: block; } .dong-list2{ width: 100%; overflow: hidden; } .dong-list2 li{ width: 140px; height: 70px; position: relative; overflow: hidden; } .dong-list2 li:after{ content: ''; width: 100%; height: 100%; display: block; background: #000; opacity: 0; z-index: 1; position: absolute; left: 0; top: 0; transition: all 0.5s; -webkit-transition: all 0.5s; } .dong-list2 a{ width: 100%; height: 70px; display: block; text-align: center; overflow: hidden; font-size: 16px; line-height: 24px; color: #fff; position: relative; z-index: 10; } .dong-list2 img{ width: 28px; height: 28px; display: block; margin: 8px auto 5px; } .dong-list2 .item1{ float: left; } .dong-list2 .item1 a{ background: #e79a10; } .dong-list2 .item2{ float: right; } .dong-list2 .item2 a{ background: #3088d2; } .dong-list2 li:hover:after{ opacity: 0.1; } .interact-box .center-box{ float: left; width: 555px; margin-left: 37px; } .ke-main .item{ display: none; } .ke-main .item.active{ display: block; } .ke-main .ke-top{ width: 100%; padding-bottom: 12px; border-bottom: dotted 1px #e6e6e6; } .ke-main .ke-top .names{ font-size: 20px; line-height: 30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .ke-main .ke-top .time{ margin-top: 2px; line-height: 26px; } .ke-main .ke-top .time span{ display: inline-block; padding-left: 21px; color: #999999; font-size: 14px; background: no-repeat left center; } .ke-main .ke-top .doc{ font-size: 14px; line-height: 21px; color: #666666; height: 42px; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; -webkit-line-clamp:2; margin-top: 7px; } .ke-main .news-list{ margin-top: 10px; height: 190px; } .ke-main .news-list li{ line-height: 38px; padding-left: 18px; } .ke-main .news-list li a{ max-width: 330px; } .ke-main .news-list li:before{ width: 8px; height: 8px; background:#c3c3c3; margin-top: -4px; border-radius: 50%; } .ke-tab{ overflow: hidden; margin: 30px -5px 25px; } .ke-tab li{ float: left; width: 130px; margin: 0 5px; } .ke-tab li:last-child{ margin-right: 0; } .ke-tab li a{ display: block; width: 100%; height: 34px; line-height: 34px; text-align: center; background: #e4e7ec; font-size: 16px; } .ke-tab li.active a{ background:#3088d2; color: #fff; } .interact-box .right-box{ float: right; width: 280px; padding-top: 35px; } .wang-top{ background-repeat: no-repeat; background-size: cover; background-position: center center; height: 115px; position: relative; margin-bottom: 5px; } .wang-top a{ width: 100%; overflow: hidden; display: block; height: 100%; position: relative; z-index: 5; } .wang-top a img{ width: 38px; display: block; margin: 23px auto 10px; } .wang-top .name{ font-size: 24px; color: #114c93; text-align: center; line-height: 30px; font-weight: bold; } .wang-top:hover .name{ opacity: 0.8; } .interact-box .wang-list{ height: 235px; margin-top: 5px; } .interact-box .wang-list li{ line-height: 20px; font-size: 16px; padding: 0 10px; background-color: #edf0f5; transition: all 0.15s ease-in-out; } .interact-box .wang-list li a{ width: 10000px; height: 58px; display: table-cell; vertical-align: middle; padding-right: 30px; background: no-repeat right 2px center; border-bottom: 1px solid #c6c8cc; } .interact-box .wang-list li:last-child a{ border-bottom: none; } .interact-box .wang-list li a span{ line-height: 20px; max-height: 40px; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; -webkit-line-clamp:2; } .interact-box .wang-list li:hover{ background: #2869b5; color: #fff; -ms-transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); -o-transform: scale(1.05); } .interact-box .wang-list li:hover a{ background-image: !important; color: #fff!important; border-bottom-color: transparent; } .system-slide{ position: relative; } .system-bd{ /* height: 270px!important; */ display: block; background: #edf0f5; position: relative; overflow: visible; } .system-bd .list{ display: none; } .system-hd{ width: 100%; display: block; text-align: center; position: absolute; left: 0; bottom: 16px; z-index: 20; } .system-hd a{ width: 10px; height: 10px; display: inline-block; vertical-align: top; background: #bfbfbf; border-radius: 100%; margin: 0 6px; cursor: pointer; } .system-hd a.on{ background: #264a88; } /**** 底部工具外链 ****/ .ind-toollink{ width: 100%; display: block; overflow: hidden; background: #e4e6eb; } .toollink-list{ height: 160px; overflow: hidden; padding: 0 45px; /* margin: 0 -15px 0 -24px; */ position: relative; } .toollink-list li{ width: 16.666%; height: 128px; padding-top: 32px; float: left; text-align: center; font-size: 14px; line-height: 18px; color: #333; } .toollink-list img{ width: 56px; height: 56px; display: block; margin: 0 auto 13px; transition: all 0.5s; -webkit-transition: all 0.5s; } .toollink-list li:hover img{ animation: toolflv 0.5s linear both; -webkit-animation: toolflv 0.5s linear both; } .toollink-list h5{ width: 10em; margin: 0 auto; font-size: 14px; } .ind-toollink .prev{ position: absolute; left: 0; top: 41px; width: 28px; height: 53px; background: no-repeat center center; z-index: 10; } .ind-toollink .prev:hover{ background: no-repeat center center; } .ind-toollink .next{ position: absolute; right: 0; top: 41px; width: 28px; height: 53px; background: no-repeat center center; z-index: 10; } .ind-toollink .next:hover{ background: no-repeat center center; } .toollink-list.hadnt-slide .prev, .toollink-list.hadnt-slide .next{ display: none; } .toollink-list.hadnt-slide li{ width: 20%; } /**** 2019.12.16 ***/ .ind-banbox2{ width: 100%; overflow: hidden; } .ind-banbox2 img{ width: 100%; max-width: 100%; height: 100px; display: block; object-fit: cover; -webkit-object-fit: cover; object-position: center center; } .w450{ width: 450px; overflow: hidden; margin-right: 10px; } .w910{ width: 910px; overflow: hidden; } .w280{ width: 280px; overflow: hidden; } /*** 2019.12.25 ***/ .news-list table, .news-list td, .news-list th{ border: none; } /*** 2019.12.27 ***/ .ind-sec1.ind-yjtb{ margin: 10px auto; background: #f6f6f6; border: solid 1px #f6dad9; } .ind-sec1.ind-yjtb:after{ display: none; } .ind-sec1.ind-yjtb .ind-sec1-item{ width: 100%; float: none; } .ind-sec1.ind-yjtb .ind-sec1-item .sec-tit{ width: 126px; line-height: 24px; padding-left: 5px; top: 50%; margin-top: -12px; background: linear-gradient(to right, #f26e32, #bf050f); -webkit-background-clip: text; color: transparent; color: #c91d1d\9; font-weight: bold; } .ind-sec1.ind-yjtb .ind-sec1-item .sec-tit span{ width: 50px; text-align: center; display: inline-block; vertical-align: middle; background: #c91d1d; color: #fff; margin-left: 2px; margin-top: -3px; } .ind-sec1.ind-yjtb .bd{ height: 44px; padding: 0 0 0 126px; } .ind-sec1.ind-yjtb .ind-sec1-item li{ line-height: 44px; color: #c91d1d; } .ind-sec1.ind-yjtb .ind-sec1-item li a{ color: #c91d1d; } .ind-listnews .news-hd2 .tablist2 li{ padding: 0 20px; } .ind-listnews .news-hd2 .tablist2 li:first-child{ padding-left: 0; } .common-title .common-top .left-name{ margin-right: 35px; } .common-title .common-top .gai{ margin: 0 15px 0 0; } .ind-newsbox{ margin-bottom: 20px; } .ind-orglist{ margin: 0 -5px 36px 0; } .ind-yjzl{ background: #fff; border: solid 1px #dbdbdb; overflow: hidden; position: relative; margin-bottom: 22px; padding: 0 33px 0 135px; } .ind-yjzl .titbox{ width: 71px; display: block; position: absolute; left: 16px; top: 15px; z-index: 5; } .ind-yjzl .titbox img{ width: 100%; max-width: 100%; display: block; } .yjzl-prev{ width: 30px; height: 100%; display: block; background: no-repeat left center #fff; position: absolute; left: 105px; top: 0; z-index: 20; cursor: pointer; } .yjzl-next{ width: 33px; height: 100%; display: block; background: no-repeat 8px center #fff; position: absolute; right: 0; top: 0; z-index: 20; cursor: pointer; } .yjzl-bd{ width: 100%; height: 80px; overflow: hidden; padding: 9px 0; } .yjzl-bd li{ width: 250px; margin-right: 10px; float: left; } .yjzl-bd li a{ display: block; } .yjzl-bd li img{ width: 100%; max-width: 100%; display: block; } .govern-main .govern-work .list{ margin-top: 25px; } /*** 2019.12.29 ***/ .govern-notice .tab-title{ overflow: hidden; margin-bottom: 15px; } .govern-notice .tab-title li{ font-size: 20px; line-height: 30px; color: #555; font-weight: bold; float: left; padding-right: 28px; margin-right: 25px; position: relative; } .govern-notice .tab-title a{ color: #555; } .govern-notice .tab-title li:after{ content: ''; width: 2px; height: 20px; display: block; background: #9f9f9f; position: absolute; right: 0; top: 50%; margin-top: -10px; } .govern-notice .tab-title li:last-child{ padding-right: 0; margin-right: 0; } .govern-notice .tab-title li:last-child:after{ display: none; } .govern-notice .tab-title li.active a{ color: #1c4f90; } .govern-notice .tab-pane{ display: none; } .govern-notice .tab-pane.active{ display: block; } /***** 2019.12.31 ***/ .ind-yjzl{ margin-bottom: 36px; } .interact-box{ margin-bottom: 27px; } .ind-banbox2{ margin-bottom: 40px; } .toollink-list{ height: 140px; } .toollink-list li{ height: 108px; } .ind-orglist li{ background: #dcdcdc; } .ind-orglist li .icon{ width: 60px; height: 60px; display: block; background-repeat: no-repeat; background-position: center top; position: relative; margin: 0 auto; transition: all 0.3s; -webkit-transition: all 0.3s; } /* .ind-orglist li h5{ color: #234a7e; transition: all 0.3s; -webkit-transition: all 0.3s; } .ind-orglist li:hover, .ind-orglist li.active{ background: #234a7e; } .ind-orglist li:hover .icon, .ind-orglist li.active .icon{ background-position: center -70px; } .ind-orglist li:hover h5, .ind-orglist li.active h5{ color: #fff; } */ /**** 2020.01.06 ****/ .isie .ind-sec1.ind-yjtb .ind-sec1-item .sec-tit{ background: none; color: #c91d1d; } /**** 2020.01.07 ***/ [data-img]{ position: relative; overflow: hidden; } [data-img] img{ width: 100%; display: block; position: absolute; left: 0; top: 0; } html.had-black .wang-top{ background-image: !important; } .isie.had-black .ind-imgnews .news-hd a.on, .isie.had-black .system-hd a.on, .isie.had-black .interact-box .wang-list li:hover{ background-color: #494949; } html.had-black .interact-box .wang-list li a{ background-image: ; } /*** 2020.01.10 ***/ .yjzl-bd li{ width: 337px; } .govern-box{ margin-bottom: 0; } .ind-orglist{ margin: 0 -15px; padding: 20px 10px 36px 15px; } .ind-orglist li{ height: 123px; padding: 0; background: none; position: relative; transition: all 0.3s; -webkit-transition: all 0.3s; } .ind-orglist li a{ width: 100%; display: block; position: relative; } .ind-orglist li .bg{ width: 100%; max-width: 100%; display: block; } .ind-orglist li h5{ width: 100%; height: 56px; font-size: 20px; line-height: 28px; color: #fff; font-weight: bold; text-align: center; position: absolute; left: 0; top: 32px; z-index: 10; margin-top: 0; } .ind-orglist li .line{ width: 0; height: 4px; display: block; background: #d50e2f; position: absolute; left: 50%; bottom: 24px; z-index: 1; transition: all 0.3s; -webkit-transition: all 0.3s; } .ind-orglist li:hover{ transform: translatey(-5px); -webkit-transform: translatey(-5px); -ms-transform: translatey(-5px); } .ind-orglist li:hover .line{ width: 98px; margin-left: -49px; } .ind-orglist li.item1:hover{ box-shadow: 0 5px 15px rgba(28,115,112,.5); -webkit-box-shadow: 0 5px 15px rgba(28,115,112,.5); } .ind-orglist li.item2:hover{ box-shadow: 0 5px 15px rgba(55,139,211,.5); -webkit-box-shadow: 0 5px 15px rgba(55,139,211,.5); } .ind-orglist li.item3:hover{ box-shadow: 0 5px 15px rgba(72,122,215,.5); -webkit-box-shadow: 0 5px 15px rgba(72,122,215,.5); } .ind-orglist li.item4:hover{ box-shadow: 0 5px 15px rgba(51,170,206,.5); -webkit-box-shadow: 0 5px 15px rgba(51,170,206,.5); } .ind-orglist li.item5:hover{ box-shadow: 0 5px 15px rgba(157,112,197,.5); -webkit-box-shadow: 0 5px 15px rgba(157,112,197,.5); } .ind-orglist li.item6:hover{ box-shadow: 0 5px 15px rgba(249,175,62,.5); -webkit-box-shadow: 0 5px 15px rgba(249,175,62,.5); } /**** 2020.2.17 ***/ /*.dong-list{ height: auto; padding: 15px 0 3px; } .dong-list li{ margin-bottom: 10px; }*/ .dong-gjzscx{ height: 40px; background: no-repeat center center; } .dong-imgs{ width: 100%; display: none; overflow: hidden; margin-bottom: 5px; } .dong-imgs img{ width: 100%; max-width: 100%; display: block; } /*.dong-list2 li{ height: auto; } .dong-list2 a{ height: 45px; line-height: 45px; font-size: 14px; } .dong-list2 img{ display: inline-block; vertical-align: middle; margin: -3px 8px 0 0; }*/ /*** 右侧漂浮窗 ***/ #fixedltbox{ top: 300px; z-index: 120; } #fixedrtbox{ position: absolute; right: 10px; top: 300px; z-index: 120; } #fixedrtbox .item{ margin-bottom: 5px; position: relative; } #fixedrtbox .close{ width: 13px; height: 13px; display: block; background: no-repeat center center; position: absolute; right: 6px; top: 6px; z-index: 51; cursor: pointer; } #fixedrtbox .imgs{ width: 190px; display: block; overflow: hidden; } #fixedrtbox .imgs img{ width: 100%; max-width: 100%; display: block; } /**** 2020.12.30 ***/ .toollink-bd ul{ width: 100%; display: table; } .toollink-bd li{ display: table-cell; vertical-align: top; float: none; } /*** 2021.1.5 ***/ .ind-headlines{ height: auto; min-height: 112px; } .ind-headlines .news1{ white-space: normal; height: auto; min-height: 50px; max-height: 100px; font-size: 30px; } .ind-headlines .list{ line-height: 24px; margin-bottom: 18px; } /**** 2021.03.15 ***/ .common-title .common-top .right-link li{ margin-left: 30px; } .common-title .common-top .right-link li:after{ left: -18px; } /**** 2021.03.19 ****/ .ind-zttop{ width: 100%; overflow: hidden; position: relative; } .ind-zttop a{ width: 100%; display: block; } .ind-zttop img{ width: 100%; max-width: 100%; display: block; } /*** 2021.04.27 ***/ .dong-list{ height: auto; min-height: 188px; } .dong-list li{ margin-bottom: 20px; } .ke-main .news-list{ height: auto; } .system-bd{ height: 307px; } /* 2021.5.19 */ .govern-main .news-list{ height: 360px; } /*** 2021.6.17 ***/ .govern-main .govern-notice .news-list a{ max-width: 350px; } /*** 2021.10.20 ***/ .interact-box .center-box{ width: 874px; } .ke-main .news-list li a{ max-width: 700px; } .interact-box .right-box{ display: none; } /*** 移动端 ***/ @media screen and (max-width: 991.98px) { #fixedltbox, #fixedrtbox{ display: none!important; } /* 预警发布 */ .ind-sec1.ind-yjtb{ margin: 0.1rem -0.15rem; } .ind-sec1.ind-yjtb .bd{ height: 0.73rem; padding-left: 2.14rem; } .ind-sec1.ind-yjtb .ind-sec1-item .sec-tit{ /* width: 2.14rem; */ width: auto; /* padding-left: 0.4rem; */ font-size: 0.26rem; line-height: 0.35rem; margin: 0; transform: translatey(-50%); -webkit-transform: translatey(-50%); background: #f6f6f6; padding: 0 0.4rem; } .ind-sec1.ind-yjtb .ind-sec1-item .sec-tit a{ display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; white-space: nowrap; color: #d50e2f; } .ind-sec1.ind-yjtb .ind-sec1-item .sec-tit span{ /* width: 0.7rem; */ width: auto; /* margin: -2px 0 0 4px; */ margin: 0 0 0 4px; font-weight: bold; display: block; padding: 0 0.1rem; } .ind-sec1.ind-yjtb .ind-sec1-item li{ font-size: 0.26rem; line-height: 0.73rem; margin-right: 0.4rem; } /* 头条新闻 */ .ind-zttop{ width: calc(100% 0.3rem); max-width: none; margin: 0 -0.15rem; } .ind-headlines{ width: calc(100% 0.3rem); margin: 0 -0.15rem; margin-bottom: 0; min-height: 0; } .ind-headlines .inner{ padding: 0.32rem 0; } .ind-headlines .news1{ margin: 0 auto 0.14rem; font-size: 0.36rem; line-height: 0.55rem; text-align: center; padding: 0 0.15rem !important; min-height: 0.55rem; max-height: 1.1rem; } .ind-headlines .list{ width: 100%; padding: 0 0.24rem; margin-bottom: 0; display: flex; display: -webkit-flex; justify-content: center; -webkit-justify-content: center; } .ind-headlines .list li{ width: 100%; float: none; display: none; padding: 0; } .ind-headlines .list li:first-child{ display: block; } .ind-headlines .list a{ font-size: 0.28rem; line-height: 0.4rem; } /* 新闻栏目 */ .ind-newsbox{ margin-bottom: 0.35rem; overflow: visible; } .ind-imgnews{ float: none; width: calc(100% 0.3rem); /* height: 4.55rem; */ height: auto; margin: 0 -0.15rem 0.4rem; } .ind-imgnews .imgs{ padding-top: 60.67%; } .ind-imgnews .tit{ height: 0.82rem; font-size: 0.28rem; line-height: 0.82rem; padding: 0 0.15rem; } .ind-imgnews .tit span{ padding: 0; width: 50%; } .ind-imgnews .news-hd{ text-align: right; width: auto !important; left: auto !important; right: 0.15rem; bottom: 0.3rem; line-height: 0.2rem; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: flex-end; -webkit-justify-content: flex-end; } .bullet{ width: 0.2rem; height: 0.2rem; background: #fff; display: block; margin: 0 0 0 0.26rem; background: #fff; border-radius: 0.2rem; transition: width 0.3s linear; -webkit-transition: width 0.3s linear; } .bullet.active{ background: #0968ac; width: 0.44rem; } .ind-listnews{ width: 100%; float: none; } .ind-listnews .news-hd2{ padding: 0.26rem 0 6px; } .ind-listnews .news-hd2 .linebox{ height: 3px; } .ind-listnews .news-hd2 .line{ width: 7em; height: 3px; font-size: .28rem; } .ind-listnews .news-hd2 .tablist2 li{ padding: 0 0.1rem; } .ind-listnews .news-hd2 a{ font-size: 0.28rem; line-height: 0.48rem; } .ind-listnews .news-hd2 li:after{ width: 1px; height: 0.32rem; margin-top: -0.16rem; } .ind-listnews .news-bd2{ height: auto; } .news-list, .ind-listnews .news-list{ height: 2.9rem; font-size: 0.28rem; line-height: 0.58rem; } .news-list table, .news-list tbody, .news-list tr, .news-list td{ display: block; } .news-list li, .news-list .item{ padding-left: 0.24rem !important; display: flex; display: -webkit-flex; line-height: inherit !important; } .news-list li:before, .news-list .item:before{ width: 0.1rem !important; height: 0.1rem !important; left: 0; margin: 0 !important; transform: translatey(-50%); -webkit-transform: translatey(-50%); } .news-list a{ max-width: none!important; flex: 1; -webkit-flex: 1; } .news-list .time, .news-list span{ max-width: 1.7rem; text-align: right; flex: 0 0 1.7rem; -webkit-flex: 0 0 1.7rem; font-size: 0.24rem; } .go-listmore{ overflow: hidden; margin-top: 0.1rem; } .go-listmore a{ float: right; width: 1.2rem; height: 0.5rem; line-height: 0.5rem; font-size: 0.26rem; color: #1c4f90; background: #f6f6f6; text-align: center; } /* 应急专栏 */ .ind-yjzl{ padding: 0; margin-bottom: 0.38rem; padding: 0; border: none; } .ind-yjzl .titbox{ display: none; } .yjzl-prev, .yjzl-next{ display: none; } .yjzl-bd{ /* height: 1.64rem; */ height: auto; padding: 0; position: relative; } .yjzl-bd li{ float: none; width: 100%; margin: 0; } .yjzl-ctrl{ position: absolute; left: auto !important; right: 0.25rem; width: auto; text-align: right; bottom: 0.2rem !important; line-height: 0.2rem; z-index: 20; display: flex; display: -webkit-flex; justify-content: flex-end; -webkit-justify-content: flex-end; align-items: center; -webkit-align-items: center; } /* 政务公开 */ .common-title{ width: 100%; position: relative; } .common-title .common-top .left-name{ width: 100%; float: none; font-size: 0.45rem; line-height: 0.82rem; padding-bottom: 3px; display: block; } .common-title .common-top .left-name img{ width: 0.44rem; margin: -2px 0.16rem 0 0; } .common-title .line{ width: 100%; height: 3px; margin: 0; position: absolute; left: 0; top: 0.82rem; z-index: 5; } .common-title .common-top .right-link{ float: none; margin: 0.2rem -0.14rem -5px; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .common-title .common-top .right-link li{ max-width: 50%; flex: 0 0 50%; -webkit-flex: 0 0 50%; margin: 0 0 5px; padding: 0 0.14rem; } .common-title .common-top .right-link li:after{ display: none; } .common-title .common-top .right-link a{ width: 100%; display: block; text-align: center; background: #e4e7ec; font-size: 0.28rem; line-height: 0.7rem; } .govern-main{ margin: 0.22rem 0 0; } .govern-item{ width: 100%; float: none; padding-bottom: 0.14rem; border-bottom: solid 1px #e5e5e5; margin-bottom: 0.2rem; } .govern-main .item-tit{ font-size: 0.32rem; line-height: 0.5rem; margin-bottom: 0.14rem; } .govern-notice .tab-title{ margin-bottom: 4px; } .govern-notice .tab-title li{ font-size: 0.32rem; line-height: 0.5rem; margin-right: 0.38rem; padding-right: 0.4rem; } .govern-notice .tab-title li:after{ width: 1px; height: 0.32rem; margin-top: -0.16rem; } .govern-main .news-list{ height: 2.9rem; } .govern-main .right-box{ width: 100%; float: none; } .govern-work .item-tit{ margin-bottom: 0.1rem; } .govern-main .govern-work .list{ margin: 0 -0.25rem 0 0; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .govern-main .right-box .list li{ max-width: 33.333%; flex: 0 0 33.333%; -webkit-flex: 0 0 33.333%; margin: 0.1rem 0 0; padding: 0 0.25rem 0 0; font-size: 0.28rem; } .govern-main .right-box .list li a{ line-height: 0.7rem; padding-left: 0.22rem; } .ind-orglist{ margin: 0.15rem -0.12rem 0.38rem ; padding: 0; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .ind-orglist li{ height: auto; max-width: 50%; flex: 0 0 50%; -webkit-flex: 0 0 50%; padding: 0 0.12rem; margin: 0.2rem 0 0; } .ind-orglist li h5{ height: 100%; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; font-size: 0.3rem; line-height: 0.45rem; top: 0; } /* 政民互动 */ .interact-box{ margin: 0; padding: 0; } .interact-box .left-box, .interact-box .center-box, .interact-box .right-box{ width: 100%; float: none; margin: 0; padding: 0; } .interact-box .left-box{ margin-bottom: 0.36rem; } .interact-box .center-box{ margin-bottom: 0.25rem; } .interact-box .right-box{ margin-bottom: 0.4rem; } .dong-list{ margin: 0.3rem 0 0.2rem; padding: 0.2rem 0 0; } .dong-list li{ font-size: 0.3rem; line-height: 0.5rem; margin-bottom: 0.2rem; } .dong-list a{ display: block; } .dong-list li img{ width: 0.6rem; height: auto; max-width: 34px; } .dong-gjzscx2{ width: 100%; display: block; position: relative } .dong-gjzscx2 img{ width: 100%; max-width: 100%; display: block; } .dong-list2{ width: auto; display: flex; display: -webkit-flex; margin: 0.2rem -0.14rem 0; } .dong-list2 li{ width: 50%; flex: 0 0 50%; -webkit-flex: 0 0 50%; padding: 0 0.14rem; height: auto; } .dong-list2 a{ height: 1.05rem; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; font-size: 0.26rem; line-height: 0.4rem; } .dong-list2 img{ width: 0.3rem; height: 0.3rem; margin: -2px 0.2rem 0 0; } /* 科普园地 */ .ke-tab{ margin: 0.3rem -0.1rem; display: flex; display: -webkit-flex; } .ke-tab li{ width: 25%; flex: 0 0 25%; -webkit-flex: 0 0 25%; padding: 0 0.1rem; margin: 0; } .ke-tab li a{ height: 0.6rem; font-size: 0.26rem; line-height: 0.6rem; } .ke-main .ke-top{ padding-bottom: 0.14rem; } .ke-main .ke-top .names{ font-size: 0.32rem; line-height: 0.52rem; } .ke-main .ke-top .time{ margin: 0; line-height: 0.5rem; } .ke-main .ke-top .time span{ font-size: 0.24rem; padding-left: 0.34rem; background-size: 0.2rem; } .ke-main .news-list{ margin-top: 0.15rem; height: 1.74rem; } /* 业务系统登录 */ .wang-top{ height: 1.4rem; margin-bottom: 0.2rem; } .wang-top a img{ width: 0.48rem; max-width: 38px; margin: 0.24rem auto 0.1rem; } .wang-top .name{ font-size: 0.3rem; line-height: 0.4rem; } .system-slide{ padding: 0 0.24rem 0.42rem; background: #edf0f5; } .system-bd{ width: 100%; overflow: hidden; height: 4.24rem; position: relative; } .system-bd .swiper-wrapper{ display: flex; } .system-bd .swiper-slide{ height: 1.06rem; border-bottom: solid 1px #c6c8cc; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; font-size: 0.26rem; line-height: 0.4rem; margin-top: 0 !important; } .system-bd .swiper-slide:nth-child(4n 4){ border-bottom: none; } .system-bd a{ width: 100%; display: block; padding: 0 0.54rem 0 0; background: no-repeat right center; } .system-hd{ position: absolute; left: 0; bottom: 0.2rem; line-height: 0.2rem; } .system-hd .bullet{ background: #bfbfbf; margin: 0 0.15rem; } .system-hd .bullet.active{ width: 0.2rem; background: #264a88; } /* 专题 */ .ind-banbox2{ margin-bottom: 0.4rem; } .ind-banbox2 .swiper-wrapper{ align-items: center; -webkit-align-items: center; } .ind-banbox2 a{ width: 100%; display: block; /* height: 22.9vw; */ position: relative; overflow: hidden; } /* .ind-banbox2 img{ height: 100%; position: absolute; left: 0; top: 0; } */ .ind-banbox2 .fl, .ind-banbox2 .fr{ float: none; } .yjzt-ctrl{ position: static; width: 100%; text-align: center; line-height: 0.2rem; margin-top: 0.2rem; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; } .yjzt-ctrl .bullet{ background: #bfbfbf; margin: 0 0.15rem; } .yjzt-ctrl .bullet.active{ background: #264a88; } .w450{ width: 100%; } .w280{ width: 62%; } /* 实用工具 */ .toollink-list{ width: 100%; height: auto; padding: 0.42rem 0 0.34rem; } .toollink-list ul{ width: 100%; display: flex; display: -webkit-flex; } .toollink-list li{ max-width: 25%; flex: 0 0 25%; -webkit-flex: 0 0 25%; height: auto; padding: 0; font-size: 0.24rem; line-height: 0.38rem; } .toollink-list li a{ display: block; } .toollink-list img{ width: 0.75rem; max-width: 100%; display: block; height: auto; margin: 0 auto 0.14rem; } .toollink-list h5{ width: 100%; font-size: 1em; } } /* 无障碍 */ .ind-headlines .news1.ariafonttitle{ max-height: 4em; } @media screen and (max-width: 991.98px) { .ind-listnews .news-hd2 .tablist2 li.ariafontcontent{ padding: 0 0.25rem; } .common-title .common-top .right-link li.ariafonttitle{ margin-bottom: 10px; } .news-list .time.ariafontcontent, .news-list span.ariafontcontent{ max-width: none; white-space: nowrap; flex: none; -webkit-flex: none; margin-left: 0.3rem; } .go-listmore a.ariafontcontent{ height: 2em; } .yjzl-ctrl.ariafontcontent{ display: flex; display: -webkit-flex; } .ke-tab.ariafontcontent{ flex-wrap: wrap; -webkit-flex-wrap: wrap; } .ke-tab.ariafontcontent li{ width: 50%; flex: 0 0 50%; -webkit-flex: 0 0 50%; margin-bottom: 10px; } .ke-tab.ariafontcontent li a{ height: auto; min-height: .6rem; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; } .ke-main .news-list.ariafontcontent{ height: 6em; } } /* 2022.10.13 add 顶部大图 */ .hmtop-imgs{ width: 100%; position: relative; z-index: 20; } .hmtop-imgs img{ width: 100%; height: auto !important; display: block; position: relative; } .hmtop-imgs .btn-close{ width: 13px; height: 13px; display: block; background: url(/uploads/image/i33700/close_04.png) no-repeat center center; position: absolute; right: 6px; top: 6px; z-index: 51; cursor: pointer; } /* 2023.3.1 */ .ind-banbox2 img{ object-fit: contain; } @media screen and (min-width: 992px) { .ind-banbox2 .swiper-wrapper{ width: auto; margin: -5px; flex-wrap: wrap; } .ind-banbox2 .swiper-slide{ width: 25%; padding: 5px; box-sizing: border-box; } .ind-banbox2 img{ height: auto; } } @media screen and (max-width: 991.98px) { .ind-banbox2 .swiper-slide{ width: 50%; } } /* 2023.3.7 */ .ind-headlines .list{ margin-bottom: 0 !important; } .ind-headlines .bot{ width: 100%; display: flex; justify-content: flex-end; font-size: 16px; line-height: 1.5em; color: #1c4f90; margin: 0.5em 0 18px; padding: 0 26px; box-sizing: border-box; } .ind-headlines .bot a{ display: block; } @media screen and (max-width: 991.98px) { .ind-headlines .bot{ padding: 0 0.15rem; font-size: .28rem; line-height: .4rem; margin: .1rem 0 0; } }