* { margin: 0; padding: 0; } a, a:hover { text-decoration: none; color: transparent; cursor: pointer; } ul li { list-style: none; } .djbody { background: url(/uploads/image/idj_gb/bg-3.png) no-repeat; background-size: 100% 466px; background-position: center 82%; } .jgzf_top { background: url(/uploads/image/idj_gb/banner-2x.png) no-repeat; background-size: 100% 618px; width: 100%; height: 618px; min-width: 1230px; position: relative; } .jgzf_content { width: 1200px; margin: 0px auto 20px; position: relative; } .jgzf_hdbs, .jgzf_hdbd, .jgzf_zsjs, .jgzf_dzz, .jgzf_dygb { margin-top: 30px; } .jgzf_hdbs .title, .jgzf_zsjs .title, .jgzf_hdbd .title, .jgzf_dzz .title, .jgzf_dygb .title { position: relative; text-align: center; margin: 10px 0; } .jgzf_hdbs .title1, .jgzf_zsjs .title1, .jgzf_hdbd .title1, .jgzf_dzz .title1, .jgzf_dygb .title1 { width: 100%; height: 60px; margin: 10px auto; } .jgzf_hdbs .content { background: url(/uploads/image/idj_gb/k1.png) no-repeat; background-size: 100% 100%; padding: 64px 42px; height: 410px; } .jgzf_hdbs .content ul li { margin-bottom: 45px; } .jgzf_hdbs .content ul li .serve { font-size: 16px; font-family: microsoft yahei; font-weight: 400; color: #333333; line-height: 16px; padding-bottom: 23px; transition: linear 0.3s all; } .jgzf_hdbs .content ul li:hover .serve { color: rgba(230, 11, 24, 1) !important; font-weight: bold; font-size: 18px; } .jgzf_hdbs .content ul li .content1 { font-size: 14px; font-family: microsoft yahei; font-weight: 400; color: #5f5f5f; display: flex; } .jgzf_hdbs .content ul li .content1 span:nth-of-type(1) { width: 78%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 30px; } .jgzf_zsjs .content { position: relative; height: 350px; margin-top: 24px; } .jgzf_zsjs .more, .jgzf_hdbd .more, .jgzf_dzz .more, .jgzf_dygb .more { width: 100%; height: 13px; font-size: 14px; line-height: 0px; text-align: right; display: block; } .jgzf_zsjs .more, .jgzf_dzz .more, .jgzf_dygb .more { color: rgba(230, 11, 24, 1); } .jgzf_hdbd .more { color: rgba(230, 11, 24, 1); } .swiper-container { width: 640px; height: 360px; float: left; } .swiperpic1 .content-box { position: absolute; background: #e60b18; opacity: 0.84; line-height: 56px; color: #fff; padding: 0 128px 0 23px; bottom: 0; left: 0; right: 0; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; } .swiper-container-horizontal > .swiper-pagination-bullets { bottom: 40px !important; } .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets { right: 10px; left: inherit; text-align: right; height: 25px !important; } .swiper-pagination-bullet { height: 12px !important; width: 12px !important; border-radius: 0 !important; opacity: 1 !important; background: rgba(255, 255, 255, 0.38); } .swiper-pagination-bullet-active { background: #ffffff !important; } .swiperpic1 { background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; height: 334px; position: absolute; padding: 0; } .jgzf_zsjs .right_news { width: 527px; float: right; } .right_news ul li { margin-bottom: 29px; } .right_news ul li:hover .news_content { color: rgba(239, 79, 16, 1) !important; } .right_news .news_num { float: left; width: 64px; height: 64px; background: #e60b18; font-size: 24px; font-weight: normal; font-style: italic; color: #ffffff; text-align: center; line-height: 64px; } .right_news .news_content { font-size: 16px; font-weight: bold; color: #e60b18; line-height: 24px; padding-top: 5px; margin-left: 80px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: linear 0.3s all; } .right_news .news_time { font-size: 14px; color: #494949; line-height: 24px; padding-top: 8px; margin-left: 80px; } .jgzf_hdbd .content_bottom { display: flex; justify-content: space-between; } .jgzf_hdbd .pro_content { width: 606px; height: 220px; background: url(/uploads/image/idj_gb/jgzf_pro-nomal.png) no-repeat center center; transition: linear 0.3s all; } .jgzf_hdbd .pro_content:hover .pro_title { background: rgba(230, 11, 24, 1); color: #ffffff; } .jgzf_hdbd .pro_content:hover { background: url(/uploads/image/idj_gb/jgzf_pro-active.png) no-repeat center center; background-size: 100% 100%; transform: scale(1.02); } .jgzf_hdbd .pro_title { width: 540px; height: 50px; background: rgba(230, 11, 24, 0.13); font-size: 16px; font-weight: bold; color: #e60b18; line-height: 50px; padding-right: 10px; position: relative; top: 24px; left: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: linear 0.3s all; } .jgzf_hdbd .pro_title i { display: inline-block; width: 50px; height: 50px; background: #e60b18; color: #fff; text-align: center; } .jgzf_hdbd .pro_article { width: 528px; height: 37px; font-size: 14px; line-height: 18px; color: #626262; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; position: relative; top: 40px; left: 30px; } .jgzf_hdbd .pro_time { width: 120px; height: 11px; font-size: 14px; line-height: 18px; color: #5f5f5f; position: relative; top: 60px; left: 420px; } .jgzf_bottom { position: relative; /* bottom: -500px; */ left: 0; right: 0; height: 214px; background: url(/uploads/image/idj_gb/bg-2.png) no-repeat center center; background-size: 100% 214px; margin-top: 30px; min-width: 1230px; } /* 基层党组织 */ .jgzf_dzz .zzitem { width: 233px; height: 92px; background: url(/uploads/image/idj_gb/zz_bg_active.png) no-repeat center center; /* background: url(/uploads/image/idj_gb/zz_bg.png) no-repeat center center; */ background-size: 100%; } .jgzf_dzz .zzitem:hover { background: url(/uploads/image/idj_gb/zz_bg_active.png) no-repeat center center; background-size: 100%; } .jgzf_dzz .zzitem:hover .zzname { color: rgba(231, 56, 59, 1); } .jgzf_dzz .swiper-container2 { width: 1200px; height: 92px; overflow: hidden; margin-top: 30px; } .jgzf_dzz .zzname { color: rgba(231, 56, 59, 1); text-align: center; line-height: 92px; font-size: 17px; font-weight: 500; } /* 五强干部 */ .jgzf_dygb .dygb_content { width: 1200px; height: 406px; background: url(/uploads/image/idj_gb/gb_bg.png) no-repeat center center; background-size: cover; margin-top: 30px; } .jgzf_dygb .swiper-container3 { width: 770px; float: right; overflow: hidden; margin-top: 86px; position: relative; padding-bottom: 60px; } .jgzf_dygb .dyitem { height: 242px; position: relative; } .jgzf_dygb .dyitem .photo { width: 165px; height: 218px; border-radius: 6px 6px 0 0; } .jgzf_dygb .dyname { height: 36px; line-height: 36px; color: #fff; text-align: center; width: 165px; background-color: #eabf83; position: absolute; bottom: 6px; } .jgzf_dygb .swiper-button-prev, .jgzf_dygb .swiper-button-next { position: absolute; margin-top: 0; top: 250px; right: 30px; left: auto; background: rgba(255, 226, 189, 0.7); width: 26px; height: 26px; line-height: 26px; color: #ecc18d; text-align: center; font-size: 22px; } .jgzf_dygb .swiper-button-prev { position: absolute; right: 70px; left: auto; } .bottom_content { position: relative; top: 100px; width: 100%; height: 36px; font-size: 14px; line-height: 24px; text-align: center; color: #ffffff; margin: 0 auto; } .footer-text { line-height: 26px; text-align: center; margin-top: 7px; color: #fff; font-weight: regular; font-size: 14px; letter-spacing: 0px; } .footer-text span { display: inline-block; margin: 0 30px; font-size: 14px; } .endtext { font-size: 14px !important; } .fczs { position: fixed; top: 196px; left: 50%; transform: translatex(-866px); width: 204px; height: 255px; box-shadow: 0px 0px 24px 0px rgba(127, 104, 89, 0.34); border-radius: 3px; z-index: -1; } .fczs .fcimg { height: 122px; position: relative; } .fczs .fcimg img:nth-of-type(1) { width: 110px; height: 37px; position: absolute; left: 5px; top: 5px; } .fczs .fcimg img:last-child { width: 78px; height: 78px; position: absolute; left: 55px; top: 37px; } .fczs .fccon { background: linear-gradient(159deg, #f9efe5 0%, #fcf9f7 100%), no-repeat; background-size: 100% 100%; height: 133px; padding: 10px 19px; } .fczs .fccon .title { font-size: 16px; font-family: microsoft yahei; font-weight: bold; color: #844c00; line-height: 18px; text-align: center; } .fczs .fccon p { font-size: 16px; font-family: microsoft yahei; font-weight: 400; color: #333333; line-height: 24px; margin-top: 15px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; }