@charset "utf-8"; /*主页*/ /** * tab-index */ .m-tab .row{ margin-right: 0; margin-left: 0; } /*新闻列表*/ .g-news-rt .con-bd{ background: #f5f5f5; overflow: hidden; } #news-swiper img{ width: 100%; } #news-swiper .swiper-pagination{ text-align: right; margin-bottom: 5px; } #news-swiper .swiper-pagination .swiper-pagination-bullet{ background: #ffffff; opacity: .6; } #news-swiper .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; background: #fec12b; width: 15px; border-radius: 5px; } /*投诉建议banner*/ #ztzl .swiper-pagination-bullet { width: 15px; height: 15px; text-align: center; line-height: 15px; font-size: 11px; color:#000; opacity: 1; background: #ffffff; border-radius:0; } #ztzl .swiper-pagination-bullets{ text-align: right; } #ztzl .swiper-pagination-bullet-active { color:#fff; background: #0077c2; } /*栏目*/ .g-tylm .container{ padding-left: 0; padding-right: 0; } .g-tylm .m-lst ul{ padding: 16px; } .m-list-header{ width: 100%; height: 24px; } .u-bodlt{ float: left; width: 5px; height: 24px; background: #0161c3; } .m-list-header .hover{ color: #0161c3; } .u-list-header{ height: 24px; line-height: 24px; float: left; font-size: 16px; padding: 0 10px; cursor: pointer; border-right: 1px solid #eeeeee; } .u-list-header:last-child{ border-right:none; } /*接待中心*/ .m-jdimgs{ padding: 15px 8px 0 8px; } .u-jdimgs1, .u-jdimgs2{ width: 48%; margin-bottom: 10px; } .u-jdimgs3{ margin-bottom: 15px; } .g-tylm .m-list-header{ padding:0 16px; } /*区县接待中心*/ .m-qxjd a{ display: inline-block; background-color: #31b0d5; margin-left: 2%; width: 30%; height: 30px; line-height: 30px; color: #ffffff; text-align: center; border-radius: 3px; margin-bottom: 10px; } /*公共服务*/ .m-ggfw{ padding:0 7px 15px 7px; margin-top: 7px; } .m-ggfw .li-zw{line-height: 30px;} .u-ggfw{ margin-top: 16px; padding-top: 10px; padding-bottom: 10px; text-align: center; background: #f0f2f7; border-radius: 3px; } .u-ggfw i{ display: inline-block; width: 29px; height: 30px; background-size: 100% 100%; } .u-i1{ background: no-repeat; } .u-i2{ background: no-repeat; } .u-i3{ background: no-repeat; } .u-i4{ background: no-repeat; } .u-i5{ background: no-repeat; } .u-i6{ background: no-repeat; } .u-ggfw:hover{ background: #015dbe; cursor: pointer; } .u-ggfw-text{ padding-top: 12px; padding-bottom: 0px; font-size: 16px; } .u-ggfw:hover .u-ggfw-text{ color: #ffffff; } .u-ggfw:hover .u-i1{ background: no-repeat; } .u-ggfw:hover .u-i2{ background: no-repeat; } .u-ggfw:hover .u-i3{ background: no-repeat; } .u-ggfw:hover .u-i4{ background: no-repeat; } .u-ggfw:hover .u-i5{ background: no-repeat; } .u-ggfw:hover .u-i6{ background: no-repeat; } /*互动交流*/ .m-hdjl{ padding:0 8px 16px 8px; border-bottom: 1px dashed #d5dde4; } .u-hdjl{ margin-top: 16px; padding-top: 8px; padding-bottom: 8px; text-align: center; background: #edf2f6; } .u-hdjl-text{ padding-top: 12px; } /* 新政务信息公开 */ .zwxxgk{ background-color: #ffffff; } .xxgk img{ width: 95%; height: 70px; margin: 5px 10px; } .gknr-6 a{ display: block; text-align: center; width: 100%; height: 35px; border-radius: 3px; background-color: #f4f5f7; font-size: 14px; line-height: 35px; margin: 6px 0px; } .gknr-6 img{ width: 25px; } .gknr-6 span{ display: inline-block; padding-left: 13px; } .gknr-3 a{ display: block; width: 100%; height: 55px; border-radius: 3px; } .gk-a1{ background-color:#fd905c ; } .gk-a2{ background-color:#e69591 ; } .gk-a3{ background-color:#7adde3 ; } .gknr-3 span{ font-size: 14px; color: #ffffff; } .gknr-3 div{ margin: -48px 75px; } .gknr-3 img{ width: 35px; margin: 10px 20px; } .img-5{ margin-left: -10px; } .img-6{ margin-left: 13px; } /* 新互动交流 */ .hdjl{ background-color: #ffffff; width: 100%; } .hdjl-xian{ padding-top: 10px; } .left-xian,.right-xian{ width: 45%; height: 3px; background-color: #cacccb; float: left; margin-top: 12px; } .center-text{ width: 10%; font-size: 18px; color: #2457b7; float: left; font-weight: 600; text-align: center; } .hdjl-down{ margin: 15px 0; } .hdjl-center{ width: 20%; } .hd-a{ display: inline-block; width: 100%; height: 100px; background-color: #e2e8f6; border-radius: 8px; } .span-1,.span-2,.span-3,.span-4,.span-5,.span-cli2,.span-cli4{ display: inline-block; float: right; font-weight: 600; font-family: "方正","黑体",serif; color: #073e90; } .span-1,.span-3,.span-5{ margin: -66px 29px; font-size: 25px; } .span-2,.span-4{ margin: -76px 30px; font-size: 25px; } .span-cli2{ margin: -64px 19px; font-size: 20px; } .span-cli4{ margin: -69px 50px; font-size: 24px; } .hd-a img{ width: 68px; height: 68px; margin: 16px 23px; } /*图片栏目*/ #tyfc .u-tyfc-text{ text-align: center; font-size: 14px; padding: 6px 0 0 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .m-qxjd{ width: 100%; } /* 新互动交流 */ @media (min-width: 375px) and (max-width: 768px) { .gknr-3 a{ display: block; width: 100%; height: 55px; border-radius: 3px; margin-top: 5px; text-decoration: none; } .gknr-3 img { width: 35px; margin: 10px 105px; } .gknr-3 span { font-size: 14px; margin: 0 100px; } .left-xian,.right-xian{ width: 35%; height: 3px; background-color: #cacccb; float: left; margin-top: 12px; } .center-text{ width: 30%; font-size: 18px; color: #2457b7; float: left; font-weight: 600; } .hdjl-center{ width: 100%; } .hd-a { display: inline-block; width: 100%; height: 100px; background-color: #e2e8f6; margin: 5px 0; } .hdjl-up { text-align: center; margin-left: -4%; } .hd-a img { width: 68px; height: 68px; margin: 16px 70px; } .span-1, .span-3, .span-5 { margin: -66px 78px; font-size: 25px; } .span-2, .span-4 { margin: -76px 78px; font-size: 25px; } .span-cli2 { margin: -64px 65px; font-size: 20px; } .span-cli4 { margin: -69px 102px; font-size: 24px; } } /*responsive*/ @media all and (min-width: 992px){ .m-qxjd{ height: 194px; overflow-y: scroll; margin-bottom: 15px; } } @media all and (min-width: 992px) and (max-width: 1200px) { .xf{ font-size: 10px; } } @media all and (max-width: 992px){ body{ background: none; } .g-link .m-link select{ margin-bottom: 16px; } } @media all and (max-width: 768px){ .m-logo{ padding: 20px 0 20px 16px; } } @media all and (max-width: 750px){ .shadow{ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .m-tyfc-rt{ width: 100%; float: none; } .g-tylm .row{ margin-right: 0; margin-left: 0; } #news-swiper img{ width: 100%; height: 220px; min-height: unset; } } @media all and (max-width: 450px){ .g-subject div{ margin-bottom: 16px; } #newspic{ margin-bottom: 16px; } } /*互动*/ .ico-hd-01 { background: no-repeat center center; height: 50px; } .ico-hd-02 { background: no-repeat center center; height: 50px; } .ico-hd-03 { background: no-repeat center center; height: 50px; } /*左中右*/ .m-bs { background: #edf2f6; height: 100px; overflow: hidden; margin: 0 -6px 12px -6px; } .m-bs a { font-size: 16px; color: #f05a23; } .m-hd { background: #edf2f6; height: 84px; overflow: hidden; } /*分区图标*/ .m-area { padding: 12px; height: auto; overflow: hidden; } .tnm { font-size: 14px; color: #f05a23; line-height: 24px; text-align: center; } .swiper-slide{ padding: 0; } .swiper-slide img{ width: 100%; } /*需引用base.less中定义的base-color*/ .foucs { position: relative; width: 100%; overflow: hidden; } .foucs .swiper-slide { position: relative; text-align: center; } .foucs img { display: block; width: 100%; height: 400px;min-height:400px;overflow: hidden;object-fit: cover;transition: all 0.6s;} .foucs img:hover {transform: scale(1);} .foucs h2 { position: absolute; right: 0; bottom: 0; left: 0; height: 42px;line-height: 42px; color: #fafafa; text-align: left; background: rgba(0, 0, 0, .6); font-weight: normal;font-size: 15px;padding: 0 8px;} .foucs a { display: block; } .foucs .pagination { position: absolute; right: 0; bottom: 3px; z-index: 20;margin-bottom: 20px; text-align: center; } .foucs .swiper-pagination-bullet { display: inline-block; width: 8px; height: 8px; margin: 0 2px; cursor: pointer; background: #fff; border-radius: 8px; opacity: .8; } .foucs .swiper-pagination-bullet-active { background: @base-color; } .foucs .swiper-button-prev, .foucs .swiper-button-next {position: absolute;z-index: 10;width: 20px;height: 65px;top: 44%;cursor: pointer;background-repeat: no-repeat;background-position: center;background-size: 20px 65px;} .swiper-button-prev:after, .swiper-button-next:after {font-size: 32px;} /* 互动改版 202300308 */ .m-ggfw-box { list-style: none; padding: 1px 1px !important; overflow: hidden; } .m-ggfw-box li { float: left; width: 28%; padding: 3px; } .m-ggfw-box li a{ font-size: 14px !important; } .m-ggfw-box li:nth-child(1){ width: 20%; } .m-ggfw-box li:nth-child(4){ width: 22%; } .m-ggfw-box li:nth-child(2) .tnm{ padding: 10px 0; } .m-ggfw-box li:nth-child(3) .tnm{ padding: 10px 0; } .m-ggfw-box li:nth-child(2) p{ line-height: 30px; } .m-ggfw-box li:nth-child(3) p{ line-height: 30px; font-size: 14px; color: #6bb0e6; } .m-ggfw-box li:nth-child(3) img{ float: left; padding: 15px 8px; } .m-ggfw-box li:nth-child(3) span{ display: block; float: right; margin-left: -3px; } .m-ggfw-box .m-hd{ padding: 5px 0; } .m-ggfw-box .m-hd img{ vertical-align: middle; }