/** * * @authors @SilentBlue * @date 2018-06-02 10:04:41 * */ .main-menu ul { width: 1200px; } .main-menu ul li { width: 199px; } .bread-crumbs-inner { width: 1160px; height: 40px; line-height: 40px; background-color: #f4f5f7; overflow: hidden; padding: 0 20px; } .listbox-inner { width: 1160px; margin: 0 auto; /* overflow: hidden; */ background-color: #fff; padding: 20px; } .list-items-nav { width: 246px; box-shadow: 0 0 9px #dbdbdb; height: 100%; min-height: 360px; overflow: hidden; /* margin-left: 9px; */ } .list-items-nav h4 { height: 75px; background: #2262c1; line-height: 75px; /* text-align: center; */ padding-left: 20px; font-size: 20px; color: #fff; } /* .list-items-nav h4 img { width: 24px; height: 24px; padding-left: 30px; } */ .list-items-nav ul li { line-height: 45px; border-bottom: 1px solid #efefef; } .list-items-nav ul li a { display: inline-block; padding-left: 33px; background: url(icon_list_nav_nor.png) no-repeat left center; color: #333; font-size: 16px; margin-left: 20px; } .list-items-nav ul li.active a, .list-items-nav ul li a:hover { background: url(icon_list_nav_cur.png) no-repeat left center; color: #2262c1; font-weight: bold; border-bottom: none; } .list-items-box { width: 914px; overflow: hidden; } .list-items-box h4 { height: 67px; border-bottom: 8px solid #2262c1; line-height: 75px; text-indent: 18px; color: #2262c1; font-weight: bold; font-size: 18px; position: relative; } .list-items-box-inner { margin: 0 18px; padding: 15px 0; overflow: hidden; } .list-items-box-inner li { height: 40px; line-height: 40px; } .list-items-box-inner li i { width: 4px; height: 4px; background-color: #d8d8d8; float: left; margin-top: 18px; margin-right: 10px; } .list-items-box-inner li span { float: right; color: #999; font-size: 14px; } .shanxi-gov-list-filter { height: 0; margin: 12px 0; border-bottom: 1px dashed #e6e7ec; } .single_list { width: 100%; } .single_list h4 { font-size: 20px; height: 47px; line-height: 30px; } .multi-media-list { width: 286px; float: left; margin: 10px 0 10px 9px; height: 250px; overflow: hidden; } .multi-media-list a:hover { border-bottom: none; } .reset-mglf { margin-left: 0; } .multi-media-list dt { width: 276px; height: 215px; padding: 5px; background-color: #e8e8e8; overflow: hidden; position: relative; } /* .multi-media-list dt>a { position: absolute; top: -100%; right: 0; bottom: 0; left: 0; display: block; transition: color 300ms ease 0s, background-color 300ms ease 0s, opacity 500ms ease 0s; text-align: center; opacity: 0; color: #fff; } .multi-media-list dt:hover>a { top: 5px; left: 5px; width: 290px; height: 215px; opacity: 1; opacity: .9; background-color: #2262c1; filter: alpha(opacity=90); z-index: 3; font-size: 16px; cursor: pointer; } .multi-media-list dt>a>span { line-height: 34px; display: block; width: 138px; height: 38px; margin: 80px auto; text-align: center; border: 2px solid #fff; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } */ .multi-media-list dt img { width: 100%; height: 100%; transition: all 0.5s; } .multi-media-list dt:hover img { opacity: .85; filter: alpha(opacity=85); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .multi-media-list dd { width: 100%; text-align: center; line-height: 30px; } .single_list .multi-media-list { width: 274px; height: 245px; } .single_list .multi-media-list dt { width: 264px; height: 205px; } /* topic */ .topic-list-top { background-color: #f5f5f5; overflow: hidden; } .topic-list-top-inner { width: 1200px; margin: 0 auto; overflow: hidden; background-color: #fff; } .topic-list-top-inner .multi-media-list { width: 360px; height: 300px; margin: 10px 10px -20px; background-color: #fff; padding: 10px; } .topic-list-top-inner .multi-media-list dt { width: 360px; height: 160px; padding: 0; } .topic-list-top-inner .multi-media-list dd { text-align: left; } .topic-list-top-inner .multi-media-list dd h3 { font-size: 16px; line-height: 36px; height: 36px; overflow: hidden; } .topic-list-top-inner .multi-media-list dd p { line-height: 24px; height: 96px; font-size: 14px; color: #999; overflow: hidden; text-indent: 2em; } .topic-cnt_list { width: 100%; } .topic-cnt_list .list-items-box-inner { padding: 0; margin: 0; } .topic-cnt_list .multi-media-list { width: 330px; height: 150px; padding: 10px; margin: 10px 0 10px 30px; border: 8px solid #f6f6f6; background-color: #fff; } .topic-cnt_list .multi-media-list:hover { background-color: #fafafa; } .topic-cnt_list .reset-mglf { margin-left: 0; } .topic-cnt_list .multi-media-list dt { background-color: transparent; height: 36px; line-height: 36px; overflow: hidden; } .topic-cnt_list .multi-media-list dt h3 { font-size: 16px; } .topic-cnt_list .multi-media-list dd { color: #999; font-size: 14px; line-height: 24px; height: 96px; text-align: left; } .multi-column-title { width: 100%; line-height: 40px; font-size: 18px; height: 42px; border-bottom: 1px solid #e6e6e6; overflow: hidden; margin-bottom: 7px; position: relative; } .multi-column-title> a { color: #2262c1; /* font-weight: 600; */ } .multi-column-title> a:hover { border-bottom: none; } .multi-column-title span { width: auto; margin-bottom: -1px; position: relative; z-index: 10; border-bottom: 3px solid #2262c1; overflow: hidden; padding: 0 1em 8px; } .multi-column-subtitle { height: 36px; line-height: 36px; overflow: hidden; position: absolute; right: 0; top: 3px; font-size: 14px; /* font-weight: 600; */ } .multi-column-subtitle >li { float: left; margin: 0 10px; } .multi-column-subtitle >li>a { color: #666; } .multi-column-subtitle >li>a:hover { color: #2262c1; } .multi-column-items { margin: 0 5px; padding: 10px 0; overflow: hidden; } .multi-column-items li { height: 40px; line-height: 40px; } .multi-column-items li i { width: 4px; height: 4px; background-color: #d8d8d8; float: left; margin-top: 18px; margin-right: 10px; } .multi-column-items li span { float: right; color: #999; font-size: 14px; } /* 閮ㄩ棬鍖哄幙 */ .department_block { width: 1160px; height: 440px; height: 510px; overflow: hidden; } .department_block h4 { height: 35px; border-bottom: 5px solid #2262c1; line-height: 20px; color: #2262c1; font-weight: bold; font-size: 20px; overflow: hidden; } .department_block> h4>i { display: block; float: left; width: 5px; height: 18px; margin: 2px 10px 0; background-color: #2262c1; } .department_block-top { height: 160px; overflow: hidden; margin-top: 10px; margin-bottom: 20px; } .depart-leader-desc { width: 360px; overflow: hidden; height: 160px; background-color: #fafafa; } .depart-leader-desc>dt { height: 40px; line-height: 40px; border-bottom: 5px solid #fff; color: #d93a2c; } .depart-leader-desc>dt>span { color: #d93a2c; font-size: 16px; font-weight: 700; margin: 0 15px 0 10px; } .depart-leader-desc>dt>a { font-size: 14px; color: #828993; background: url(bg-depart_write.png) 0 center no-repeat; padding-left: 23px; } .depart-leader-desc>dt>a:hover { border-bottom: none; color: #d93a2c; } .depart-leader-desc>dd { padding: 3px 10px 0; font-size: 12px; line-height: 18px; color: #333; height: 110px; overflow: hidden; } .depart-leader-tel { overflow: hidden; width: 190px; float: left; } .depart-leader-link { width: 140px; float: right; overflow: hidden; } .depart-leader-link>a { display: block; height: 31px; float: left; margin: 5px 0 5px; overflow: hidden; } .depart-leader-link>a:hover { border-bottom: none; } .depart-leader-link>a >img { width: 100%; } .depart-leader-text { height: 160px; overflow: hidden; background-color: #fafafa; width: 780px; } .depart-leader-text>dt { height: 40px; line-height: 40px; background-color: #f5f5f5; border-bottom: 5px solid #fff; } .depart-leader-text>dt>a { display: block; width: 100px; text-align: center; color: #fff; background-color: #2262c1; } .depart-leader-text>dt>a:hover { border-bottom: none; } .depart-leader-text>dd { padding: 3px 10px 0; height: 110px; font-size: 12px; overflow: hidden; line-height: 18px; } .department_block-bottom { height: 285px; overflow: hidden; } .department_block-botcnt { height: 240px; margin-top: 10px; overflow: hidden; } .department_botcnt_left { width: 360px; overflow: hidden; } .department_botcnt_listl,.department_botcnt_listr { width: 380px; overflow: hidden; } .department_botcnt_listl { margin: 0 20px; } .department_botcnt_left .jconline-news,.department_botcnt_left .jconline-news .content-imgs-slide-item { height: 240px; } .department_block-bottom .common-block_tabs_title { position: relative; } .department_block-bottom .department-govinfo-block { position: absolute; right: 0; padding: 0; } .common-block_tabs_title .department-govinfo-block>a { display: block; height: 24px; line-height: 24px; overflow: hidden; padding: 0 15px 0 35px; margin-left: 10px; font-size: 14px; color: #fff; float: left; border-radius: 3px; background: #d93a2c url(bg-depart_file.png) 15px center no-repeat; } /* mend search */ .govinfo-files-search { height: 30px; line-height: 30px; font-size: 14px; background-color: #f5f5f5; position: absolute; overflow: hidden; right: 0; top: 20px; font-weight: 500; padding: 5px; } .single_list .govinfo-files-search { top: 0; } .affairs-list-search-inner { line-height: 30px; overflow: hidden; height: 30px; } .affairs-list-search-title { line-height: 30px; float: left; height: 30px; } .affairs-list-search-inner input, .affairs-list-search-inner select { font-size: 14px; line-height: 28px; float: left; margin-right: 10px; border: 1px solid #e5e5e5; background-color: #fff; } .affairs-list-search-keyword { width: 286px; height: 28px; padding: 0 7px; } .files_search_select { width: 100px; height: 30px; padding-left: 7px; } .affairs-list-search-inner .btn-submit { width: 98px; cursor: pointer; color: #fff; background-color: #2f5398; margin-right: 0; } .affairs-list-search-inner .btn-submit:hover { background-color: #20407d; } /* mend */ .multi-pictext-list { height: 305px; } .multi-pictext-list>dd { text-align: left; padding: 7px; width: auto; } .multi-pictext-list>dd>p { line-height: 20px; height: 36px; font-size: 14px; color: #999; word-break: break-word; } .single_list .single-pictext-list { height: 295px; } /* app */ .main-social-block { /* padding: 20px; */ width: 1200px; margin: 0 auto; background-color: #fff; overflow: hidden; } .social-mobileapp-dwl { /* background-color: #f5f5f5; */ } /* .main-social-block>a { font-size: 16px; color: #3860c1; display: block; font-weight: 700; line-height: 36px; border-bottom: 1px solid #e8e8e8; } */ .sidebar_app-page { height: 560px; overflow: hidden; /* background: url('bg_cai2.png') center bottom no-repeat; */ /* padding-bottom: 160px; */ } .sidebar_app-page>dt { width: 400px; height: 100%; margin-top: 10px; margin-left: 50px; overflow: hidden; position: relative; float: left; } .sidebar_app-page-mask { width: 100%; height: 100%; background: url('bg-app-nobile5.png') center top no-repeat; position: absolute; left: 0; top: 0; z-index: 1; } .sidebar_app-page>dt>img { width: 300px; margin-left: 50px; margin-top: 60px; } .sidebar_app-page>dd { float: right; width: 680px; margin-right: 50px; overflow: hidden; height: 560px; } .sidebar_app-page>dd>h1 { height: 150px; text-align: center; margin-top: 60px; overflow: hidden; } .sidebar_app-page>dd>h1 img { height: 100%; } .social-app-download { width: 100%; height: 300px; overflow: hidden; } .social-app-download>li { width: 320px; height: 300px; overflow: hidden; } /* mend onlientalk */ .onlone-talk-block>dl { width: 430px; margin-left: 18px; height: 160px; } .onlone-talk-block>.reset-mglf { margin-left: 0; } .onlone-talk-block>dl:hover img { transform: scale(1); } .onlone-talk-block>dl>dt { float: left; width: 200px; height: 150px; margin-right: 10px; } .onlone-talk-block>dl>dt img { width: 100%; height: 100%; } .onlone-talk-block>dl>dd { padding: 0 7px; line-height: 24px; } .onlone-talk-block>dl>dd>p { height: auto; line-height: 22px; margin-top: 5px; }