/*内容*/ .m-content-block { width: 100%; } /*热门新闻*/ .hotnews-block { width: 100%; padding: 40px; background-color: #f5f5f5; } .hotnews-block .contain { width: 1200px; margin: 0 auto; } .hotnews-block .contain .ft-block { float: left; width: 650px; } .hotnews-block .ft-block .swiper-hotnews { position: relative; width: 100%; } .hotnews-block .ft-block .swiper-hotnews .list { display: block; position: relative; width: 100%; overflow: hidden; } .hotnews-block .ft-block .swiper-hotnews .list .text { position: absolute; left: 0; bottom: 0; width: 100%; height: 54px; line-height: 54px; font-size: 16px; color: #fff; padding: 0 15px; background: url(/uploads/image/_t046thindex_res/swiper-textbg.png) repeat-x left top; } .hotnews-block .ft-block .swiper-hotnews .list img { display: block; width: 100%; height: auto; } .hotnews-block .ft-block .swiper-hotnews .hotnews-swiper-pagination { position: absolute; z-index: 99; bottom: 0px; } .hotnews-swiper-pagination .swiper-pagination-bullet { background-color: #fff; border-radius: 0; opacity: 1; } .hotnews-swiper-pagination { text-align: right; padding-right: 15px; } .hotnews-swiper-pagination .swiper-pagination-bullet-active { background-color: #c6371f; } .hotnews-block .rt-block { float: left; width: 550px; height: auto; background-color: #fff; } .hotnews-block .rt-block ul.news-ul { width: 100%; } .hotnews-block .rt-block ul.news-ul li { width: 100%; padding: 15.3px 20px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .hotnews-block .rt-block ul.news-ul li .fttime { float: left; padding-right: 15px; border-right: solid 1px #c6371f; } .hotnews-block .rt-block ul.news-ul li .fttime .day { font-size: 36px; font-weight: 600; color: #c6371f; margin-bottom: 8px; } .hotnews-block .rt-block ul.news-ul li .fttime .year { font-size: 12px; color: #c6371f; } .hotnews-block .rt-block ul.news-ul li .rttext { float: left; width: calc(100% - 60px); padding-left: 15px; } .hotnews-block .rt-block ul.news-ul li .rttext h3 { float: left; width: 100%; font-size: 19px; line-height: 28px; font-weight: normal; color: #333; } .hotnews-block .rt-block ul.news-ul li .rttext h3 a { color: #333; } /*图集新闻&综合新闻*/ .twonews-block { position: relative; width: 100%; padding: 0 0 40px; background-color: #f5f5f5; } .twonews-block .contain { width: 1200px; margin: 0 auto; } .twonews-block .ft-block { float: left; width: 650px; height: auto; } .public-title { width: 100%; } .public-title .left { float: left; } .public-title .left .ft-icons { float: left; width: 32px; height: 45px; } .public-title .left .ft-icons img { display: block; width: 100%; } .public-title .left h1 { float: left; height: 45px; line-height: 45px; font-size: 24px; font-weight: 600; color: #c6371f; margin-right: 15px; margin-left: 10px; } .public-title .left .rt-icons { float: left; width: 145px; height: 45px; } .public-title .left .rt-icons img { display: block; width: 100%; } .public-title .right { float: right; text-align: right; height: 45px; line-height: 45px; font-size: 16px; color: #c6371f; } .public-title .right a { color: #c6371f; } .public-title .right .fa { font-size: 18px; } .twonews-block .ft-block .atlas-news { display: flex; width: 100%; justify-content: space-between; margin-top: 20px; } .twonews-block .ft-block .atlas-news .items { width: 310px; } .twonews-block .ft-block .atlas-news .items .imgs { width: 100%; } .twonews-block .ft-block .atlas-news .items .imgs img { display: block; width: 100%; height: 230px; object-fit: cover; } .twonews-block .ft-block .atlas-news .items .texts { width: 100%; padding-top: 10px; } .twonews-block .ft-block .atlas-news .items .texts h3 { width: 100%; font-size: 19px; line-height: 28px; font-weight: normal; color: #333; margin-bottom: 10px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .twonews-block .ft-block .atlas-news .items .texts h3 a { color: #333; } .twonews-block .ft-block .atlas-news .items .texts h3:hover a { color: #b20c11; } .twonews-block .ft-block .atlas-news .items .texts .release-time { width: 100%; height: 20px; line-height: 20px; } .twonews-block .ft-block .atlas-news .items .texts .release-time img { float: left; width: 14px; height: 14px; margin-right: 5px; margin-top: 3px; } .twonews-block .ft-block .atlas-news .items .texts .release-time span { display: block; height: 20px; line-height: 20px; font-size: 14px; color: #cccccc; } .twonews-block .rt-block { float: left; width: 520px; padding-left: 32px; } .twonews-block .rt-block ul.news-ul { width: 100%; margin-top: 20px; } .twonews-block .rt-block ul.news-ul li { width: 100%; padding: 12px; border-top: solid 1px #f5f5f5; border-left: solid 1px #f5f5f5; border-right: solid 1px #f5f5f5; border-bottom: solid 1px #e1e1e1; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .twonews-block .rt-block ul.news-ul li:hover { border: solid 1px #b20c11; } .twonews-block .rt-block ul.news-ul li h3 { width: 100%; font-size: 19px; line-height: 24px; font-weight: normal; color: #333; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; margin-bottom: 8px; } .twonews-block .rt-block ul.news-ul li h3 a { color: #333; } .twonews-block .rt-block ul.news-ul li h3:hover a { color: #b20c11; } .twonews-block .rt-block ul.news-ul li p { font-size: 14px; line-height: 22px; color: #666666; } /*活动风采*/ .elegant-block { position: relative; width: 100%; background: url(/uploads/image/_t046thindex_res/elegant-bg.png) no-repeat center; background-size: cover; padding: 40px; } .elegant-block .contain { width: 1200px; margin: 0 auto; } .elegant-block .top { position: relative; width: 100%; } .elegant-block .top .tab-menu { position: absolute; right: 0; top: 0; width: 305px; display: flex; justify-content: space-between; } .elegant-block .top .tab-menu .items { width: 140px; height: 45px; line-height: 45px; text-align: center; font-size: 20px; font-weight: 600; color: #fff; background: transparent; border-radius: 24px; cursor: pointer; } .elegant-block .top .tab-menu .items.cur-items { color: #c6371f; background-color: #fff; } .elegant-block .bottom { position: relative; width: 100%; margin-top: 30px; height: 460px; overflow: hidden; } .elegant-block .bottom .swiper-items { position: absolute; left: 0; top: 0; width: 100%; opacity: 0; z-index: 1; } .elegant-block .bottom .swiper-show { z-index: 2; opacity: 1; } .elegant-block .bottom .swiper-elegant { position: relative; width: 100%; } .elegant-block .bottom .swiper-elegant .swiper-slide-active { padding-top: 40px !important; width: 250px !important; } .elegant-block .bottom .swiper-elegant .swiper-slide-next { width: 640px !important; } .elegant-block .bottom .swiper-elegant .swiper-slide-next .swiper-slide { padding-top: 40px !important; width: 250px !important; } .elegant-block .bottom .swiper-elegant .list { position: relative; width: 100%; } .elegant-block .bottom .swiper-elegant .list .imgs { width: 100%; overflow: hidden; max-height: 420px; } .elegant-block .bottom .swiper-elegant .list .imgs img { display: block; width: 100%; } .elegant-block .bottom .swiper-elegant .list .imgs video { display: block; width: 100%; } .elegant-block .bottom .swiper-elegant .list .texts { position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; line-height: 50px; background: url(/uploads/image/_t046thindex_res/elegant-text-bg.png) repeat-x left top; font-size: 16px; color: #fff; padding: 0 15px; } .elegant-block .bottom .swiper-elegant .list .texts a { color: #fff; } .elegant-block .bottom .swiper-elegant .swiper-slide-active .list .texts, .elegant-block .bottom .swiper-elegant .swiper-slide-next .swiper-slide .list .texts { display: none; } .elegant-block .swiper-elegant .swiper-elegant-prev { position: absolute; right: auto; left: 200px; top: auto; bottom: 0; width: 50px; height: 50px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; background: url(/uploads/image/_t046thindex_res/elegant-empty-prev.png) no-repeat left top; } .elegant-block .swiper-elegant .swiper-elegant-prev:hover { background-image: url(/uploads/image/_t046thindex_res/elegant-solid-prev.png); } .elegant-block .swiper-elegant .swiper-elegant-prev:after { content: ''; } .elegant-block .swiper-elegant .swiper-elegant-next { position: absolute; left: auto; right: 200px; top: auto; bottom: 0; width: 50px; height: 50px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; background: url(/uploads/image/_t046thindex_res/elegant-empty-next.png) no-repeat left top; } .elegant-block .swiper-elegant .swiper-elegant-next:hover { background-image: url(/uploads/image/_t046thindex_res/elegant-solid-next.png); } .elegant-block .swiper-elegant .swiper-elegant-next:after { content: ''; } #certify, #certimage { position: relative; width: 1200px; } #certify .swiper-container, #certimage .swiper-container { padding-bottom: 60px; } #certify .swiper-slide, #certimage .swiper-slide { position: relative; width: 568px; height: 380px; background: #fff; } #certify .swiper-slide a, #certimage .swiper-slide a { position: relative; display: block; } #certify .swiper-slide img, #certimage .swiper-slide img { display: block; width: 100%; height: 380px; } #certify .swiper-slide p, #certimage .swiper-slide p { position: absolute; left: 0; bottom: 0; width: 100%; height: 70px; line-height: 70px; padding-top: 0; text-align: center; color: #fff; text-align: center !important; font-size: 18px; margin: 0; background-color: rgba(0,0,0,.5); } #certify .swiper-slide:hover a::before { content: ''; position: absolute; left: 50%; top: 50%; width: 88px; height: 88px; background: no-repeat center; margin: -44px 0 0 -44px; } #certify .swiper-pagination { width: 100%; bottom: 12px; } #certimage .swiper-pagination-2 { position: absolute; width: 100%; bottom: 12px; text-align: center; } #certify .swiper-pagination-bullets .swiper-pagination-bullet, #certimage .swiper-pagination-2 .swiper-pagination-bullet { margin: 0 5px; border: 3px solid #fff; background-color: #d5d5d5; width: 10px; height: 10px; opacity: 1; } #certify .swiper-pagination-bullets .swiper-pagination-bullet-active, #certimage .swiper-pagination-2 .swiper-pagination-bullet-active { border: 3px solid #00aadc; background-color: #fff; } #certify .swiper-button-prev, #certimage .swiper-button-prev-2 { left: 30%; right: auto; top: auto; bottom: 0; width: 45px; height: 45px; background: no-repeat; background-position: 0 0; background-size: 100%; } #certify .swiper-button-next, #certimage .swiper-button-next-2 { left: auto; right: 30%; top: auto; bottom: 0; width: 45px; height: 45px; background: no-repeat; background-position: 0 0; background-size: 100%; } #certify .swiper-button-prev:focus, #certify .swiper-button-next:focus, #certimage .swiper-button-prev-2:focus, #certimage .swiper-button-next-2:focus { border: none; outline: none; } /*党员故事*/ .thredpolicy-block { position: relative; width: 100%; padding: 40px; background-color: #f5f5f5; } .thredpolicy-block .content { width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; } .thredpolicy-block .content .public-news { width: 380px; } .thredpolicy-block .content .public-news .mainbox { width: 100%; margin-top: 20px; background-color: #fff; } .thredpolicy-block .public-news .mainbox ul.policy-ul { width: 100%; padding: 10px 0; border-bottom: solid 1px #efefef; } .thredpolicy-block .public-news .mainbox ul.policy-ul li { position: relative; width: 100%; padding: 10px 15px; } .thredpolicy-block .public-news .mainbox ul.policy-ul li:before { content: ''; display: block; position: absolute; left: 15px; top: 20px; width: 4px; height: 4px; border-radius: 2px; background-color: #c6371f; } .thredpolicy-block .public-news .mainbox ul.policy-ul li h3 { width: 100%; font-size: 16px; line-height: 24px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #333; padding-left: 15px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .thredpolicy-block .public-news .mainbox ul.policy-ul li h3 a { color: #333; } .thredpolicy-block .public-news .mainbox ul.policy-ul li h3:hover a { color: #c6371f; } .thredpolicy-block .public-news .mainbox .view-more { width: 100%; text-align: center; padding: 20px 0; font-size: 15px; color: #c6371f; } .thredpolicy-block .public-news .mainbox .view-more a { color: #c6371f; } /*党建之窗*/ .window-party { position: relative; width: 100%; background: url(/uploads/image/_t046thindex_res/party-bg.png) no-repeat center; background-size: cover; padding: 40px; } .window-party .contain { width: 1200px; margin: 0 auto; } .window-party .top { position: relative; width: 100%; } .window-party .top .public-title .left h1 { color: #fff; } .window-party .top .tab-menu { position: absolute; right: 0; top: 0; width: 305px; display: flex; justify-content: space-between; } .window-party .top .tab-menu .items { width: 140px; height: 45px; line-height: 45px; text-align: center; font-size: 20px; font-weight: 600; color: #fff; background: transparent; border-radius: 24px; cursor: pointer; } .window-party .top .tab-menu .items.cur-items { color: #c6371f; background-color: #fff; } .window-party .bottom { width: 100%; } .window-party .bottom .windowbox { display: none; width: 100%; justify-content: space-between; margin-top: 20px; } .window-party .bottom .windowbox.cur-show { display: flex; } .window-party .bottom .windowbox .items { width: 275px; padding: 10px 10px 0; background-color: #f1dfad; } .window-party .bottom .windowbox .items .imgs { width: 100%; } .window-party .bottom .windowbox .items .imgs img { display: block; width: 100%; } .window-party .bottom .windowbox .items .texts { width: 100%; font-size: 17px; line-height: 28px; padding: 10px 0; color: #c6371f; } .window-party .bottom .windowbox .items .texts a { color: #c6371f; } /*两学一做&主题教育*/ .twoeducation-block { position: relative; width: 100%; background-color: #f5f5f5; padding: 40px; } .twoeducation-block .content { display: flex; justify-content: space-between; width: 1200px; margin: 0 auto; } .twoeducation-block .content .public-news { width: 582px; } .twoeducation-block .content .public-news ul.education-ul { width: 100%; padding: 10px 0; background-color: #fff; margin-top: 20px; } .twoeducation-block .content .public-news ul.education-ul li { position: relative; width: 100%; padding: 10px 15px; } .twoeducation-block .content .public-news ul.education-ul li:before { content: ''; display: block; position: absolute; left: 15px; top: 20px; width: 4px; height: 4px; border-radius: 2px; background-color: #c6371f; } .twoeducation-block .content .public-news ul.education-ul li h3 { width: calc(100% - 90px); float: left; font-size: 16px; line-height: 24px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #333; padding-left: 15px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .twoeducation-block .content .public-news ul.education-ul li h3 a { color: #333; } .twoeducation-block .content .public-news ul.education-ul li h3:hover a { color: #c6371f; } .twoeducation-block .content .public-news ul.education-ul li span.time { display: block; float: right; font-size: 14px; line-height: 24px; color: #cccccc; } .twoeducation-block .content>.items { width: 275px; } .twoeducation-block .content>.items img { display: block; width: 100%; } /* 设备分辨率 */ @media only screen and (min-width: 1200px) and (max-width: 1440px) { }