@charset "utf-8"; .content .swiper { width: 820px; height: 350px; margin: 30px 0; position: relative; } /* 2021.4.29 */ /* 图文轮播 */ .slidetxtbox2 { width: 820px; height: 350px; position: relative; } .slidetxtbox2>.hd { position: absolute; bottom: 0; right: 0; z-index: 1; width: 240px; height: 40px; background-color: #671410; } .slidetxtbox2>.hd .page { margin: 16px 0 0 98px; } .slidetxtbox2>.hd .page>li { width: 8px; height: 8px; background-color: #8694a4; margin-left: 10px; cursor: pointer; } .slidetxtbox2>.hd .page>li:first-child { margin-left: 0; } .slidetxtbox2>.hd .page>li.on { background-color: #fff; } .slidetxtbox2>.bd .slide>li { position: relative; } .slidetxtbox2>.bd .slide>li>a { float: left; width: 580px; } .slidetxtbox2>.bd .slide>li img { width: 100%; height: auto;/*350px;*/ min-height:350px; } .slidetxtbox2>.bd .slide-content-title { width: 582px; height: 40px; position: absolute; bottom: 0; left: 0; } .slidetxtbox2>.bd .slide-content-title-bg { width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; background-color: #000; filter: alpha(opacity=50); background-color: rgba(0, 0, 0, 0.5); } .slidetxtbox2>.bd .slide-content-title-text { width: 100%; line-height: 18px; padding: 11px 20px; font-size: 18px; color: #fffefe; display: block; position: absolute; top: 0; left: 0; } .swiper .news { width: 240px; height: 350px; overflow: hidden; float: left; color: #fff; background-color: #aa150e; } .swiper .news .news_title { font-size: 16px; margin: 30px 20px 15px 20px; } .swiper .news div { height: 2px; margin: 0 20px 18px 20px; box-sizing: border-box; background-color: #fff; } .swiper .news .news_content { margin: 0 20px; font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 24px; word-break: break-all; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; } .content .slidetxtbox>.hd>ul { height: 40px; margin-bottom: 17px; } .content .slidetxtbox>.hd>ul>li { width: 110px; height: 40px; text-align: center; color: #333333; background-color: #e5e5e5; /*font-family: microsoftyahei;*/ font-size: 18px; font-weight: bold; font-stretch: normal; line-height: 40px; letter-spacing: 0px; color: #000000; cursor: pointer; margin-left: 10px; } .index_xxgc img { width: 100%; height: 100%; } .index_xxgc a{ display: block; margin-bottom: 30px; } .content .slidetxtbox>.hd>ul>li:first-child { margin-left: 0; } .content .slidetxtbox>.hd>ul>li.active { color: #ffffff; background-color: #cf2820; } .content .slidetxtbox>.hd>ul>li.active a { color: #ffffff; } .content .slidetxtbox>.hd>ul>li:hover { background-color: #cf2820; } .content .slidetxtbox>.hd>ul>li:hover a { color: #ffffff; } .content .slidetxtbox>.bd>.news { height: 305px; overflow: hidden; } .new_more { display: none; } .content .slidetxtbox>.bd>.news li { margin-top: 21px; } .content .slidetxtbox>.bd>.script li { margin-top: 18px; } .content .slidetxtbox>.bd>.news li:first-child { margin-top: 0; } .content .slidetxtbox>.bd>.news>li>a { display: block; height: 17px; font-size: 0; } .content .slidetxtbox>.bd>.news>li>a:before { content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle; } .content .slidetxtbox>.bd>.news>li>a>p { width: 316px; height: 17px; line-height: 16px; font-size: 16px; color: #333333; display: inline-block; vertical-align: middle; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-family: microsoftyahei; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #333333; } .content .slidetxtbox>.bd>.script li a { width: 360px; height: 17px; line-height: 16px; font-size: 16px; color: #333333; display: inline-block; vertical-align: middle; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-family: microsoftyahei; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #333333; } .content .slidetxtbox>.bd>.script li a:hover { color: #cf2820; } .content .slidetxtbox>.bd>.script li a::before { display: inline-block; content: ""; vertical-align: middle; width: 3px; height: 3px; margin: 0 14px 0 10px; background-color: #cf2820; } .content .slidetxtbox>.bd>.script li span { display: none; } .content .slidetxtbox>.bd>.news>li>a>span:first-child { display: inline-block; vertical-align: middle; width: 3px; height: 3px; margin: 0 14px 0 10px; background-color: #cf2820; } .content .slidetxtbox>.bd>.news>li:hover a>p { color: #cf2820; } .content .slidetxtbox>.bd>.news>li:hover a span.data { color: #cf2820; } /* 要闻 */ .focusnews { width: 350px; height: 344px; margin-top: 30px; } /* 信息公开 */ .information { width: 280px; } .information_title { width: 100%; margin-bottom: 20px; border-bottom: 1px solid #aa150e; } .information_title .fleft { width: 130px; height: 40px; /*font-family: microsoftyahei-bold;*/ font-size: 18px; font-weight: bold; font-stretch: normal; line-height: 40px; letter-spacing: 0px; color: #ffffff; text-align: center; background-color: #cf2820; } .information_title .fright { width: 32px; height: 100%; font-family: microsoftyahei; font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 40px; letter-spacing: 0px; color: #cf2820; margin-right: 10px; } .information_title .fleft a { color: #fff; } .information_title .fleft a:hover { color: #fff; } .information_title .fright a { color: #cf2820; } .information_title .fright a:hover { color: #cf2820; } .information_nav>a { width: 280px; height: 70px; display: inline-block; margin-bottom: 10px; line-height: 70px; background-color: #ffffff; box-shadow: 0px 0px 9px 1px rgba(207, 40, 32, 0.1); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-family: microsoftyahei; font-size: 16px; color: #333333; } .information_nav>a:last-child { margin-bottom: 0; } .information_nav .qzqd_2 { line-height: 0; } .information_nav .qzqd_2 p { float: left; margin-top: 22px; height: 17px; } .information_nav .qzqd_2 p:last-child { margin-top: 8px; } .information_nav .qzqd_2 i { float: left; margin-top: 24px; } .information_nav>a i { width: 26px; height: 26px; display: inline-block; vertical-align: middle; background-position: center; background-repeat: no-repeat; margin: 0 17px 0 32px; background-image: url(/uploads/image/atimages/fdzdgknr.png); background-size:100% 100%; } .information_nav>a i.xxgkzn { background-image: url(/uploads/image/atimages/icon_xxgkzn.png); background-size:100% 100%; } .information_nav>a i.ysqgk { background-image: url(/uploads/image/atimages/zfxxgknb.png); background-size:100% 100%; } .information_nav>a i.xxgknb { background-image: url(/uploads/image/atimages/zfxxgk_0.png); background-size:100% 100%; } .information_nav>a i.wzndbg { background-image: url(/uploads/image/atimages/zfwezndbb.png); background-size:100% 100%; } .information_nav>a i.hygq { background-image: url(/uploads/image/atimages/ysqgk.png); background-size:100% 100%; } .information_nav>a i.bmyjsjsgyjs { background-image: url(/uploads/image/atimages/icon_bmyjsjssjfyjs.png); background-size:100% 100%; } .information_nav>a i.qzqd { background-image: url(/uploads/image/atimages/icon_qzqd.png); background-size:100% 100%; } .information_nav>a:hover { color: #fff; background-color: #cf2820; } .information_nav>a:hover i { background-image: url(/uploads/image/atimages/fdzdgknr_hover.png); background-size:100% 100%; } .information_nav>a:hover i.xxgkzn { background-image: url(/uploads/image/atimages/icon_xxgkzn_active.png); background-size:100% 100%; } .information_nav>a:hover i.ysqgk { background-image: url(/uploads/image/atimages/ysqgk_hover.png); background-size:100% 100%; } .information_nav>a:hover i.xxgknb { background-image: url(/uploads/image/atimages/zfxxgk_0_hover.png); background-size:100% 100%; } .information_nav>a:hover i.wzndbg { background-image: url(/uploads/image/atimages/zfwezndbb_hover.png); background-size:100% 100%; } .information_nav>a:hover i.hygq { background-image: url(/uploads/image/atimages/ysqgk_hover.png); background-size:100% 100%; } .information_nav>a:hover i.bmyjsjsgyjs { background-image: url(/uploads/image/atimages/icon_bmyjsjssjfyjs_active.png); background-size:100% 100%; } .information_nav>a:hover i.qzqd { background-image: url(/uploads/image/atimages/icon_qzqd_active.png); background-size:100% 100%; } .information .img { width: 100%; height: 70px; background: url(/uploads/image/atimages/hbzefww.png); background-size:100% 100%; } /* 黄陂详情 */ .hp_detail { width: 500px; height: 362px; overflow: hidden; margin-left: 30px; } .hp_detail .slidetxtbox>.bd>.news>li { margin-top: 24px; } .hp_detail .slidetxtbox>.bd>.news>li>a>p { width: 353px; } .hp_detail .data { display: inline-block; height: 100%; font-family: microsoftyahei; font-size: 16px; letter-spacing: 0px; color: #666666; } .content .hp_detail .slidetxtbox>.hd>ul>li:hover .data { color: #cf2820; } /* 公示公告,媒体聚焦 */ .content .hp_notice { width: 350px; height: 363px; overflow: hidden; margin-left: 40px; margin-bottom: 37px; } .content .hp_notice .slidetxtbox>.bd>.news>li>a>p { width: 323px; font-size: 16px; } /* 互动交流 */ .interaction_nav div { width: 135px; height: 70px; float: left; overflow: hidden; margin: 0 10px 10px 0px; background-color: #ffffff; /* box-shadow: 0px 0px 9px 1px rgba(203, 41, 72, 0.2); */ border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .interaction_nav div:hover { cursor: pointer; background-color: #cf2820; } .interaction_nav div:hover p { color: #fff; } .interaction_nav div:nth-child(2n) { margin: 0; } .interaction_nav div i { width: 25px; height: 19px; display: block; margin: 13px auto 12px; background-position: center; background-repeat: no-repeat; background-image: url(/uploads/image/atimages/icon_qzxx.png); } .interaction_nav div i.zxts { width: 22px; height: 26px; margin: 10px auto 8px; background-image: url(/uploads/image/atimages/icon_zxts.png); } .interaction_nav div i.zxft { width: 25px; height: 22px; margin: 12px auto 10px; background-image: url(/uploads/image/atimages/icon_zxft.png); } .interaction_nav div i.dczj { width: 25px; height: 25px; margin: 10px auto 7px; background-image: url(/uploads/image/atimages/icon_dczj.png); } .interaction_nav div i.wsdc { width: 24px; height: 24px; margin: 11px auto 10px; background-image: url(/uploads/image/atimages/icon_wsdc.png); } .interaction_nav div i.wqft { width: 24px; height: 22px; margin: 12px auto 10px; background-image: url(/uploads/image/atimages/icon_wqft.png); } .interaction_nav div:hover i { background-image: url(/uploads/image/atimages/icon_qzxx_active.png); } .interaction_nav div:hover i.zxts { background-image: url(/uploads/image/atimages/icon_zxts_active.png); } .interaction_nav div:hover i.zxft { background-image: url(/uploads/image/atimages/icon_zxft_active.png); } .interaction_nav div:hover i.dczj { background-image: url(/uploads/image/atimages/icon_dczj_active.png); } .interaction_nav div:hover i.wsdc { background-image: url(/uploads/image/atimages/icon_wsdc_active.png); } .interaction_nav div:hover i.wqft { background-image: url(/uploads/image/atimages/icon_wqft_active.png); } .interaction_nav div:hover i.zxts { background-image: url(/uploads/image/atimages/icon_zxts_active.png); } .interaction_nav div p { text-align: center; font-family: microsoftyahei; font-size: 16px; color: #333333; } /* 办事服务 */ .officeservice { width: 510px; margin: 0 30px; } .officeservice_nav div { width: 250px; height: 70px; float: left; text-align: center; background-color: #ffffff; box-shadow: 0px 0px 9px 1px rgba(207, 40, 32, 0.1); ; border-radius: 5px; margin: 0px 10px 10px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; } .officeservice_nav div a { width: 100%; height: 100%; display: block; } .officeservice_nav div:hover { cursor: pointer; background-color: #cf2820; } .officeservice_nav div:hover p { color: #fff; } .officeservice_nav div:nth-child(2n) { margin: 0; } .officeservice_nav div i { width: 25px; height: 19px; display: block; background-position: center; } .officeservice_nav div i.llxx { margin: 13px auto 11px; background: url(/uploads/image/atimages/icon_ldxx.png) no-repeat; } .officeservice_nav div i.zxts { width: 22px; height: 26px; margin: 10px auto 6px; background: url(/uploads/image/atimages/icon_zxts.png) no-repeat; } .officeservice_nav div i.lxgs { width: 27px; height: 27px; margin: 10px auto 6px; background: url(/uploads/image/atimages/icon_wzndbg.png) no-repeat; } .officeservice_nav div i.dczj { width: 24px; height: 22px; margin: 14px auto 8px; background: url(/uploads/image/atimages/icon_bmyjsjssjfyjs.png) no-repeat; } .officeservice_nav div i.sszn { width: 27px; height: 27px; margin: 10px auto 8px; background: url(/uploads/image/atimages/zhongbiaojieguotongzhi.png) no-repeat; } .officeservice_nav div:hover span { color: #fff; } .officeservice_nav div:hover i.llxx { background: url(/uploads/image/atimages/icon_ldxx_active.png) no-repeat; } .officeservice_nav div:hover i.zxts { background: url(/uploads/image/atimages/icon_zxts_active.png) no-repeat; } .officeservice_nav div:hover i.lxgs { background: url(/uploads/image/atimages/icon_wzndbg_active.png) no-repeat; } .officeservice_nav div:hover i.dczj { background: url(/uploads/image/atimages/icon_bmyjsjssjfyjs_active.png) no-repeat; } .officeservice_nav div:hover i.sszn { background: url(/uploads/image/atimages/zhongbiaojieguotongzhi_b.png) no-repeat; } .officeservice_nav span { font-family: microsoftyahei; font-size: 16px; color: #333333; } /* 专题专栏 */ .special { width: 350px; } /*.special div.img::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; } .special div.img:hover::after{ display: block; }*/ .special .interaction_nav .img a{ width: 100%; height: 100%; } div#footer { margin-top: 30px; } /* 外链 */ #container div.outerchain { margin-top: 30px; } .outerchain>ul>li { width: 168px; float: left; position: relative; margin-left: 15px; background-color: #ffffff; } .outerchain>ul>li:first-child { margin-left: 0; } .outerchain>ul>li div { width: 168px; height: 38px; cursor: pointer; line-height: 40px; border-radius: 5px; position: relative; text-align: center; border: solid 1px #999999; /* opacity: 0.4; */ overflow: hidden; } .outerchain ul li .select { width: 157px; position: absolute; left: 0; top: 40px; border: 1px solid #999; font-size: 16px; color: #333333; cursor: pointer; display: none; border-top: none; background-color: #fff; z-index: 999; max-height: 143px; overflow-y: auto; } .outerchain ul li .show { display: block; } .outerchain ul li .select li { display: block; height: 37px; text-align: center; line-height: 40px; overflow: hidden; border-bottom: 1px solid #999; } .outerchain ul li .select li a { display: block; width: 100%; height: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; /* padding: 0 10px; */ } .outerchain ul li .select li:hover { background-color: #cf2820; color: #fff; } .outerchain ul li .select li:hover a { color: #fff; } .outerchain ul li span { font-size: 16px; color: #333333; } .outerchain ul li i { width: 8px; height: 7px; position: absolute; top: 17px; right: 9px; vertical-align: middle; display: inline-block; background-position: center; background-repeat: no-repeat; background: url(/uploads/image/atimages/xiangxia.png); } .outerchain p { width: 1197px; height: 18px; margin-top: 19px; font-family: microsoftyahei; font-size: 15px; font-weight: normal; font-stretch: normal; line-height: 24px; letter-spacing: 1.3px; color: #333333; text-align: center; } .outerchain p a:hover { color: #333; } .special div.img a { display: block; width: 350px; height: 70px; } /* 右边功能 */ .sharefixed { width: 50px; height: 100%; padding-left: 50px; box-sizing: border-box; position: fixed; right: 0; top: 0; bottom: 0; margin: auto; z-index: 98; display: block; -moz-transition: width 0.3s; /* firefox 4 */ -webkit-transition: width 0.3s; /* safari and chrome */ -o-transition: width 0.3s; /* opera */ overflow: hidden; background: no-repeat left center; background-size: 50px 45px; } .sharefixed:hover { width: 344px; background: none; } .auxiliaryfixed { position: absolute; left: 294px; bottom: 0; width: 50px; height: 100%; background: rgba(0, 0, 0, 0.5); /* height: 70px; */ overflow: hidden; } .auxiliaryfixed>div { width: 50px; height: 50px; margin-top: 20px; overflow: hidden; background: #aaaaaa; /* display: none; */ } .auxiliaryfixed>div>a { display: block; width: 50px; height: 50px; padding-top: 30px; box-sizing: border-box; color: #fff; line-height: 20px; text-align: center; text-decoration: none; font-size: 12px; background-size: 20px 20px; background-position: center 5px; } .auxiliaryfixed>div:first-child { margin-top: 334px } .auxiliaryfixed>div:last-child { display: block; } .indexft>a { background: url(/uploads/image/atimages/fanti.png) no-repeat; } .indexwza>a { background: url(/uploads/image/atimages/wuzhangai.png) no-repeat; } #demo1 { position: absolute; right: 2px; z-index: 900; opacity: 0; top: 80px; left: 10px; width: 162px; } #wbclose { position: absolute; top: 0; right: 0; cursor: pointer; } #ztzl-swiper { width: 350px; /* height: 150px; */ overflow: hidden; } #ztzl-swiper div.img { margin-right: 10px; margin-bottom: 10px; width: 350px; height: 70px; float: left; } #ztzl-swiper div.img:nth-child(2n) { margin-right: 0; } .special div.img_01 { background: url(/uploads/image/atimages/b_xxjh.png); background-size: 100% 100%; } .special div.img_02 { background: url(/uploads/image/atimages/b_qlgqjs.png); background-size: 100% 100%; } .special div.img_03 { background: url(/uploads/image/atimages/b_lxyz.png); background-size: 100% 100%; } .special div.img_04 { background: url(/uploads/image/atimages/ztzl_gzgqfzzl.jpg); background-size: 100% 100%; } .special .interaction_nav .img a { width: 100%; height: 100%; } .special .interaction_nav .img a:hover { background: none; } .focusnews { position: relative; height: 350px; } .content #right-slide>.bd>.news { height: 252px; } .content #right-slide>.hd>ul>li:last-of-type { position: absolute; bottom: 0; } #container.qz_index { background-image: ; background-position: center 0; background-repeat: no-repeat; background-color: #f2f2f2 !important; z-index: 0; } .logolianghui { width: 1200px; margin: 0 auto; text-align: right; padding: 14px 0; } .logolianghui img { display: inline-block; } body { background-color: #f2f2f2; min-width: 1200px; } @media screen and (max-width: 768px) { .logolianghui { width: 100%; } .logolianghui img { width: 100%; } } .toutiao { box-sizing: border-box; padding: 10px 30px 0; width: 1200px; /* background-color: rgb(255 255 255 / 1); */ margin: 0 auto; /* margin-bottom: 20px; */ margin-top: 30px; text-align: center; } .toutiao a { display: block; text-align: center; font-size: 27px; font-family: pingfangsc-semibold, pingfang sc; font-weight: 600; /* color: #242937; */ color: red; line-height: 42px; } .toutiao .p1 { padding-bottom: 14px; font-size: 30px; font-family: pingfangsc-semibold, pingfang sc; font-weight: 600; color: #242937; line-height: 42px; } .toutiao .p2 { font-size: 18px; font-family: pingfangsc-regular, pingfang sc; font-weight: 400; color: #666666; line-height: 25px; } @media screen and (max-width: 1200px) { .toutiao { width: 100%; } } .outerchain>ul>li { margin-left: 50px; }