/* * @Author: sunjijing * @Date: 2020-09-18 10:12:48 * @Last Modified by: sunjijing * @Last Modified time: 2020-09-18 17:34:32 */ /* 标题模块 */ .mk_tit { height: 40px; } .mk_biaoti { position: relative; padding-right: 65px; } .mk_biaoti .CH { font-size: 30px; color: #0c3e83; position: relative; z-index: 4; } .mk_biaoti .CH strong { font-weight: bold; font-size: 30px; color: #0c3e83; } .mk_biaoti .EN { font-size: 48px; color: #eee; font-weight: bold; position: absolute; top: -30px; z-index: 2; right: 0; } .mk_biaoti .EN i { display: block; width: 34px; height: 1px; background: #0c3e83; position: absolute; right: 0; bottom: 0; } .mk_more { border-bottom: 1px solid #999; text-align: right; } .mk_more a { font-size: 16px; color: #999; line-height: 36px; } /* banner .banner { width: 100%; } .banner img.banner { width: 100%; } */ /* 全部背景图 */ .fullSlide{ width:100%; position:relative; height:480px !important;} .fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden; height:100%; } .fullSlide .bd ul{ width:100% !important; } .fullSlide .bd li{ width:100% !important; height:480px !important;overflow:hidden; text-align:center; } .fullSlide .bd li a{ display:block; height:100%; } .fullSlide .bd li a img{ width: 100%; height:480px !important;} .fullSlide .hd{ width:100%; position:absolute; z-index:1; bottom:20px; left:0; height:30px; line-height:30px; text-align:center;} .fullSlide .hd ul{ text-align:center; padding-top:5px; } .fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:15px; height:15px; margin: 0 10px; background: #fff; overflow:hidden; line-height:9999px; border-radius: 20px;} .fullSlide .hd ul .on{ background: #025EC3; } /* 综合资讯 */ .zhzx { padding: 90px 0 45px; } .zhzx .mk_more { width: 900px; } .zhzx_con { margin-top: 60px; overflow: hidden; height: 334px; } .zhzx_flash { width: 577px; position: relative; } .zhzx_list li { position: relative; } .zhzx_list li img { width: 100%; height: 334px; object-fit: cover; } .zhzx_list li p { width: 100%; height: 40px; line-height: 40px; position: absolute; left: 0; bottom: 0; background: #000; background: rgba(0, 0, 0, .65) } .zhzx_list li p span { display: inline-block; float: left; margin-left: 15px; padding-left: 25px; background: url(zhzx_tit_iconH.png) no-repeat left center; font-size: 16px; color: #fff; width: 65%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .zhzx_btn { position: absolute; bottom: 14px !important; right: 10px; width: 84px !important; left: inherit !important; z-index: 6; } .zhzx_btn li { width: 11px; height: 11px; margin-left: 10px; background: url(zhzx_tit_icon.png) no-repeat center; float: left; display: inline-block; } .zhzx_btn li.on { background-image: url(zhzx_tit_iconH.png); } .zhzx_right { width: 550px; padding: 0 15px; } #hideDate { display: none; } .zhzx_news_list li { height: 40px; line-height: 40px; font-size: 16px; color: #333; border-bottom: 1px solid #e0e0e0; vertical-align: middle; } .zhzx_news_list li a { font-size: 16px; color: #333; display: inline-block; max-width: 75%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; } .zhzx_news_list li span { float: right; } .zhzx_news_list li:hover, .zhzx_news_list li:hover a { color: #0b3a80; } .zhzx_news_list li:hover { border-color: #0b3a80; } .zhzx_news_list li.first { height: auto; border-bottom: 0; } .zhzx_news_list li.first a { display: block; max-width: 100%; float: none; white-space: inherit; } .zhzx_news_list li.first span { float: none; } .zhzx_news_list li.first .date { float: left; } .zhzx_news_list li.first .date span { display: block; float: none; } .zhzx_news_list li.first .date span.d1 { font-size: 30px; font-weight: bold; color: #0b3a80; line-height: 38px; } .zhzx_news_list li.first .date span.d2 { font-size: 16px; color: #333; line-height: 20px; } .zhzx_news_list li.first .txt { width: 435px; float: right; font-size: 24px; line-height: 30px; color: #0b3a80; } .zhzx_news_list li.first .smy { font-size: 14px; line-height: 24px; color: #000; margin: 12px 0; } /* 核心业务 */ .hxyw { padding: 60px 0 40px; background: url(hxywBg.jpg) no-repeat top center; } .hxyw .mk_biaoti .CH, .hxyw .mk_biaoti .CH strong { color: #fff; } .hxyw .mk_biaoti .EN { color: #fff; color: rgba(255, 255, 255, 0.2); filter: alpha(opacity=20); } .hxyw .mk_biaoti .EN i { background: #fff; } .hxyw .mk_more { border-color: #5d7db2; width: 780px; } .hxyw .mk_more a { color: #fff; } .hxyw_con { margin-top: 60px; } /*.hxyw_list { width: 110%; }*/ .hxyw_list li:nth-child(4) {margin-right: 0px;} .hxyw_list li { width: 270px; height: 386px; float: left; position: relative; margin-right: 40px; box-shadow: 0 3px 20px rgba(12,68,145,.2); overflow: hidden; } .hxyw_list li .hxyw_li { height: 386px; background: #fff; text-align: center; } .hxyw_list li .hxyw_li img { margin-top: 75px; margin-bottom: 25px; transform: rotateY(180deg); transition: all .3s; -ms-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; } .hxyw_list li .hxyw_li .tit { width: 170px; border-top: 1px solid #0b3a80; margin: 0 auto; padding-top: 35px; } .hxyw_list li .hxyw_li .tit p { color: #0b3a80; } .hxyw_list li .hxyw_li .tit .CH { font-size: 24px; } .hxyw_list li .hxyw_li .tit .EN { font-size: 14px; } .hxyw_list li .hxyw_back { height: 336px; background: #0b3a80; padding: 25px; position: absolute; left: 0; transition: all .2s.3s; -ms-transition: all .2s.3s; -webkit-transition: all .2s.3s; -moz-transition: all .2s.3s; -o-transition: all .2s.3s; bottom: -386px; } .hxyw_list li .hxyw_back .tit { font-size: 24px; color: #fff; margin-bottom: 15px; } .hxyw_list li .hxyw_back .smy { font-size: 14px; line-height: 24px; color: #fff; text-align: justify; height: 239px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 10; margin-bottom: 30px; } .hxyw_list li .hxyw_back a.detail { font-size: 16px; color: #fff; } .hxyw_list li:hover .hxyw_li img { transform: rotateY(0deg); } .hxyw_list li:hover .hxyw_back { bottom: 0; } /* 成员单位 */ .cydw { padding: 50px 0 70px; } .cydw .mk_more { width: 770px; } .cydw_con { } /*.cydw_list { width: 110%; }*/ .cydw_list li:nth-child(4), .cydw_list li:nth-child(8) {margin-right: 0px;} .cydw_list li { float: left; width: 270px; margin-right: 40px; box-shadow: 0 3px 20px rgba(12,68,145,.2); margin-top: 35px; position: relative; } .cydw_list li img { width: 100%; height: 160px; object-fit: cover; } .cydw_list li .txt { position: absolute; bottom: 0; background: #fff; left: 0; width: 100%; height: 40px; line-height: 40px; overflow: hidden; } .cydw_list li .txt .tit { font-size: 18px; font-weight: bold; color: #0c3e83; text-align: center; padding: 0 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cydw_list li .txt .smy { display: none; font-size: 14px; line-height: 24px; color: #555; padding: 0 20px 10px; text-align: justify; } .cydw_list li:hover .txt { height: auto; line-height: 30px; } .cydw_list li:hover .txt .tit { padding-top: 10px; white-space: inherit; text-align: left; } .cydw_list li:hover .txt .smy { display: block; } .cydw_list li:hover .txt .smy font { color: #0b3a80; } /* 党建园地 */ .djyd { background: #f7f6fb; padding: 75px 0 80px; } .djyd .mk_more { width: 750px; } .djyd_con { margin-top: 50px; } .djyd_left { width: 695px; } .djyd_list li { height: 36px; line-height: 36px; vertical-align: middle; width: 100%; } .djyd_list li a { display: block; width: 75%; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; color: #333; padding-left: 30px; background: url(news_dian.png) no-repeat 10px center; } .djyd_list li span { font-size: 14px; color: #333; float: right; } .djyd_list li:hover a, .djyd_list li:hover span { color: #0b3a80; } .djyd_list li.first { overflow: hidden; height: auto; margin-bottom: 30px; } .djyd_list li.first a { width: 100%; float: none; padding-left: 0; background: none; } .djyd_list li.first .img img { width: 293px; height: 146px; object-fit: cover; } .djyd_list li.first .txt { width: 385px; } .djyd_list li.first .date { font-size: 24px; color: #999; line-height: 1em; margin-bottom: 20px; } .djyd_list li.first .tit { font-size: 18px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 20px; } .djyd_list li.first .smy { font-size: 14px; line-height: 24px; color: #999; border-left: 1px solid #999; padding-left: 10px; white-space: initial; } .djyd_right .djyd_item { position: relative; } .djyd_right .djyd_item p { position: absolute; font-size: 30px; color: #fff; left: 30px; top: 30px; }