/** * * @authors silentblue.top * @date 2018-06-13 10:42:51 * */ .placerhold-block { height: 160px; width: 100%; position: relative; z-index: 4; display: none; } /* Main Container */ .main-container { width: 1200px; margin: 0 auto; height: 520px; overflow: hidden; } .main-con_item { height: 520px; overflow: hidden; background-color: #fff; } .main-item-cblock { padding: 20px; } /* Index Start */ /*notice*/ .main-item0-notice { width: 1200px; height: 40px; margin: 0 auto; background-color: #f4f5f7; overflow: hidden; } .intranet-notifi-box { line-height: 26px; height: 26px; margin: 7px 0; } .intranet-notifi-box>dt { font-size: 14px; font-weight: 700; line-height: 26px; float: left; /* margin-right: 20px; */ padding: 0 12px 0 36px; letter-spacing: .04em; /* background: #da0f10 url(bg-col1_notice_w.png) 12px center no-repeat; */ background: url(bg-col1_notice_r.png) 12px center no-repeat; } .intranet-notifi-box>dt>a { color: #fff; color: #d93a2c; } .intranet-notifi-box>dd { float: left; width: 1078px; } .notice-box_items { font-size: 14px; position: relative; overflow: hidden; width: 100%; height: 26px; } .notice-box_items>ul>li { width: 330px; height: 26px; line-height: 26px; margin-right: 8px; overflow: hidden; float: left; } /* .notice-box_items>ul>li>a { color: #545454; } .notice-box_items>ul>li>a:hover { color: #343434; border-bottom-color: #cdcdcd; } */ .notice-box_items>ul>li>span { color: #999; font-size: 12px; margin-left: 6px; } .notice-box_arrows { position: absolute; top: 0; right: 0; overflow: hidden; width: 62px; height: 26px; } .notice-box_items>.notice-box_arrows span { float: left; width: 26px; height: 26px; margin-left: 5px; border-radius: 3px; cursor: pointer; background: #e8e8e8 url(bg-col1_notice_btn.png) 0 0 no-repeat; } .notice-box_items>.notice-box_arrows .notice-box_arrows-right { background-position: -28px 0px; } .notice-box_items>.notice-box_arrows .notice-box_arrows-left:hover { background-color: #e0e0e0; background-position: 0 -28px; } .notice-box_items>.notice-box_arrows .notice-box_arrows-right:hover { background-color: #e0e0e0; background-position: -28px -28px; } /* Main Container */ /* Main Item-0 */ .main-item0-top >li { float: left; overflow: hidden; height: 320px; } .main-item0-top_1 { width: 300px; margin-right: 20px; } .main-item0-top_2 { width: 370px; margin-right: 20px; } .submenu-dropbox_subtabs_topic { /* height: 84px; */ overflow: hidden; margin: 10px 0 8px; padding-bottom: 9px; border-bottom: 1px dashed #ededed; } .submenu-dropbox_subtabs_topic>dt { font-size: 16px; line-height: 1.5; text-align: center; font-weight: 600; height: 24px; overflow: hidden; } .submenu-dropbox_subtabs_topic>dd { line-height: 26px; color: #666; font-size: 12px; } .submenu-dropbox_subtabs_topic>dt>a { color: #d93a2c; } /* .submenu-dropbox_subtabs_content>li { height: 29px; border-bottom: 1px dotted #ededed; line-height: 29px; } */ .main-item0-top_3 { width: 180px; margin-right: 10px; } .main-item0-top_3 li { margin-right: 10px; background-color: #ebf1fa; text-align: center; font-size: 14px; overflow: hidden; } .main-item0-top_3 li:hover { background-color: #dee5f0; } .main-item0-top_3 li a { color: #2262c1; display: block; } .main-item0-top_3 li a:hover { border-bottom: none; } .item0-top_3_2 { height: 70px; overflow: hidden; } .item0-top_3_2 >li { width: 80px; height: 46px; padding: 12px 0; float: left; overflow: hidden; } .item0-top_3_2>.bg-item0_32_0>a { padding-top: 32px; background: url(bg-col1_top3_321.png) center top no-repeat; } .item0-top_3_2>.bg-item0_32_1>a { padding-top: 32px; background: url(bg-col1_top3_322.png) center top no-repeat; } .item0-top_3_2>.bg-item0_32_2_0>a { padding-top: 32px; background: url(bg-col1_top3_323.png) center top no-repeat; } .item0-top_3_2>.bg-item0_32_2_1>a { padding-top: 32px; background: url(bg-col1_top3_324.png) center top no-repeat; } .item0-top_3_3 { margin-top: 10px; } .item0-top_3_3 >li { height: 46px; line-height: 46px; overflow: hidden; margin-bottom: 10px; text-align: center; padding-left: 5px; } .rendering-ie7 .item0-top_3_3 >li { margin-bottom: 6px; } .item0-top_3_3 >.bg-item0_33_0>a { padding-left: 30px; background: url(bg-col1_top3_31.png) 15px center no-repeat; } .item0-top_3_3 >.bg-item0_33_1>a { padding-left: 30px; background: url(bg-col1_top3_32.png) 15px center no-repeat; } .item0-top_3_3 >.bg-item0_33_2>a { padding-left: 30px; background: url(bg-col1_top3_33.png) 15px center no-repeat; } .main-item0-top_4 { width: 260px; } /* data slide */ .shxidx-carousel { width: 300px; height: 220px; } .shxidx-carousel img { width: 300px; height: 200px; } .shxidx-carousel .content-imgs-slide-item { height: 220px; } .shxidx-carousel b { height: 36px; opacity: .9; background-color: #2f5398; filter: alpha(opacity=90); } .shxidx-carousel span { font-size: 14px; line-height: 30px; height: 30px; padding: 0 10px; color: #333; } .shxidx-pagination { height: 30px; text-align: center; background-color: rgba(0, 0, 0, .17); right: 0; bottom: 30px; width: 100%; } .shxidx-carousel b { height: 30px; bottom: 0; opacity: 1; background-color: #f4f5f7; filter: alpha(opacity=100); } /* .shxidx-pagination .shxidx-page { margin: 5px; } */ .shxidx-pagination>div { background-color: #9a9b9c; border-radius: 5px; } .shxidx-pagination .active { background-color: #1c59b3; } .shxidx-buttons div { width: 40px; height: 80px; margin-top: -80px; } .shxidx-buttons .shxidx-prev { background-position: 0 -230px; } .shxidx-buttons .shxidx-prev:hover { background-position: -41px -230px; } .shxidx-buttons .shxidx-next { background-position: -82px -230px; } .shxidx-buttons .shxidx-next:hover { background-position: -123px -230px; } /*traclinks*/ .main-item0-top_traclink>li { width: 143px; height: 38px; border: 1px solid #f0f1f2; text-align: center; line-height: 40px; overflow: hidden; float: left; margin: 10px 0 0 10px; font-size: 14px; background-color: #f4f5f7; border-radius: 5px; } .main-item0-top_traclink>.reset-mglf { margin-left: 0; } .main-item0-top_traclink>li:hover { border: 1px solid #eaebec; background-color: #edeeef; } .main-item0-top_traclink>li >a { color: #2262c1; padding-left: 35px; display: block; } .main-item0-top_traclink>li >a:hover { border-bottom: 0; } .bg-item0_traclink_0>a { background: url(bg-col1_top1_41.png) 25px center no-repeat; } .bg-item0_traclink_1>a { background: url(bg-col1_top1_42.png) 25px center no-repeat; } .bg-item0_traclink_2>a { background: url(bg-col1_top1_43.png) 25px center no-repeat; } .bg-item0_traclink_3>a { background: url(bg-col1_top1_44.png) 25px center no-repeat; } /* Main Item-0 */ .main-item0-bottom { margin-top: 20px; height: 100px; overflow: hidden; } .item0-bottom_left { width: 690px; margin-right: 20px; background-color: #ebf1fa; height: 100px; } /* cnt slide */ .jnjt-idx-theme { width: 460px; height: 100px; overflow: hidden; } .jnjt-idx-theme .content-imgs-slide-item { height: 100px; } .jnjt-idx-theme .content-imgs-slide-item>a>img { margin: 0; height: 100%; width: 100%; } .jnjt-idx-theme .content-imgs-slide-item>a>b { height: 36px; opacity: .7; background-color: #000; filter: alpha(opacity=70); bottom: 0; display: none; } .jnjt-idx-theme .content-imgs-slide-item>a>span { font-size: 14px; line-height: 36px; height: 36px; padding: 0 7px; color: #fff; bottom: 0; width: 78%; overflow: hidden; display: none; } .jnjt-idx-theme .shxidx-controls>.shxidx-pagination { bottom: 0; text-align: right; margin-right: 10px; background-color: transparent; } .jnjt-idx-theme .shxidx-controls>.shxidx-pagination>.shxidx-page { opacity: .5; background-color: #fff; filter: alpha(opacity=50); width: 8px; height: 8px; margin-right: 8px; margin-left: 0; } .jnjt-idx-theme .shxidx-controls>.shxidx-pagination>.active { opacity: 1; filter: alpha(opacity=100); } .item0-bottom_left_topic { width: 210px; margin: 6px 10px; overflow: hidden; } .item0-bottom_left_topic >li { line-height: 22px; height: 22px; overflow: hidden; font-size: 12px; } .item0-bottom_right { width: 450px; height: 100px; overflow: hidden; font-size: 14px; } .item0-bottom_right a:hover { border-bottom: none; } .item0-bottom_right_service4 { height: 100px; width: 270px; background-color: #ebf1fa; } .item0-bottom_right_service4>li { width: 120px; height: 35px; margin: 10px 0 0 10px; float: left; overflow: hidden; line-height: 35px; text-align: center; background-color: #d8e0ef; } .item0-bottom_right_service4>li:hover { background-color: #d0d9e9; } .item0-bottom_right_service4>li>a { padding-left: 25px; } .item0-bottom_right_service4>li>a:hover { color: #d93a2c; } .item0-bottom_right_service4>.item0-br_service4_0>a { background: url(bg-col1_br4_0.png) left center no-repeat; } .item0-bottom_right_service4>.item0-br_service4_1>a { background: url(bg-col1_br4_1.png) left center no-repeat; } .item0-bottom_right_service4>.item0-br_service4_2>a { background: url(bg-col1_br4_2.png) left center no-repeat; } .item0-bottom_right_service4>.item0-br_service4_3>a { background: url(bg-col1_br4_3.png) left center no-repeat; } .item0-bottom_right_service2>li { float: left; margin-left: 10px; width: 80px; height: 100px; background-color: #ebf1fa; text-align: center; overflow: hidden; padding-top: 15px; } .item0-bottom_right_service2>li:hover { background-color: #dee5f0; } .item0-bottom_right_service2>li>a { display: block; height: 100%; padding-top: 55px; } .item0-bottom_right_service2>.item0-br_service2_0>a { color: #c9a639; background: url(bg-col1_br2_0_replace.png) center top no-repeat; } .item0-bottom_right_service2>.item0-br_service2_1>a { color: #556495; background: url(bg-col1_br2_1.png) center top no-repeat; } /* Index end */ /* 信息动态 */ .main-item1-block { height: 480px; } .rendering-ie7 .main-item1-block { position: relative; } .main-item1-left { width: 360px; } .jconline-news { width: 360px; height: 240px; } .jconline-news img { width: 100%; height: 240px; } .jconline-news .content-imgs-slide-item { height: 240px; } .main-item1-left_news { margin-top: 20px; position: relative; height: 220px; overflow: hidden; } .main-item1-left_news>ul>li>.links-block { position: absolute; height: 24px; line-height: 24px; font-size: 14px; right: 0; top: 4px; background-color: #e8e8e8; padding: 0 10px; border-radius: 5px; color: #7d7d7d; background-color: #2262c1; color: #fff; } .main-item1-left_news>ul>li>.links-block:hover { background-color: #1852a8; color: #fff; transition: all .2s ease-in-out; } .main-item1-right { width: 800px; overflow: hidden; } .main-item1-right_top { height: 240px; overflow: hidden; position: relative; } .main-item1-right_top>li { width: 380px; margin-left: 20px; float: left; overflow: hidden; } .main-item1-right_bottom { margin: 20px 0 0 20px; height: 220px; overflow: hidden; } .main-item1-topic { overflow: hidden; margin-top: 5px; height: 180px; position: relative; } .main-item1-topic >li { width: 295px; height: 72px; margin: 15px 0 0 10px; overflow: hidden; float: left; } .main-item1-topic >li img { width: 100%; height: 100%; transition: transform .3s linear; } .main-item1-topic >li img:hover { transform: scale(1.1); } .main-item1-topic >.main-item1-topic_learn { position: absolute; top: 0; right: 0; width: 150px; height: 160px; } /* 政务公开 */ .main-item2-block { height: 480px; overflow: hidden; } .item2-blockcol_left { width: 260px; margin-right: 20px; } .item2-blockcol_right { width: 880px; } .govinfo-open_menus { /* background-color: #ebf1fa; */ font-size: 14px; height: 240px; overflow: hidden; } .govinfo-open_menus>li { height: 52px; line-height: 52px; background-color: #ebf1fa; width: 125px; float: left; margin-left: 10px; margin-bottom: 10px; overflow: hidden; text-align: center; transition: all .3s; } .govinfo-open_menus>li:hover { border-radius: 3px; background-color: #dee5f0; } .govinfo-open_menus>.reset-mglf { margin-left: 0; } .govinfo-open_menus>li>a { display: block; color: #2262c1; padding-top: 12px; } .bg-govinfo-0>a { background: url(bg-govopen_0.png) center 7px no-repeat; } .bg-govinfo-1>a { background: url(bg-govopen_1.png) center 7px no-repeat; } .bg-govinfo-2>a { background: url(bg-govopen_2.png) center 7px no-repeat; } .bg-govinfo-3>a { background: url(bg-govopen_3.png) center 7px no-repeat; } .bg-govinfo-4>a { background: url(bg-govopen_4.png) center 7px no-repeat; } .bg-govinfo-5>a { background: url(bg-govopen_5.png) center 7px no-repeat; } .bg-govinfo-6>a { background: url(bg-govopen_6.png) center 7px no-repeat; } .bg-govinfo-7>a { background: url(bg-govopen_7.png) center 7px no-repeat; } .govinfo-open_menus>li>a:hover { border-bottom: none; } .govinfo-open_items { width: 260px; height: 220px; overflow: hidden; margin-top: 20px; } .govinfo-open_items>li { width: 80px; margin-left: 10px; margin-bottom: 12px; float: left; height: 46px; line-height: 50px; overflow: hidden; text-align: center; background-color: #eee; background-color: #f0f4f9; font-size: 14px; transition: all .3s; } .govinfo-open_items>li:hover { border-radius: 3px; background-color: #f5f5f5; } .govinfo-open_items>.reset-mglf { margin-left: 0; } .govinfo-open_items>li>a { color: #6c6c6c; display: block; } .govinfo-open_items>li>a:hover { color: #333; /* color: #2262c1; */ border-bottom: none; } .item2-blockcol_right_top { height: 240px; overflow: hidden; } .item2-blockcol_rtitem { width: 430px; float: left; margin-right: 20px; } .item2-blockcol_rtitem2 { width: 430px; float: right; } .item2-blockcol_right_bottom { margin-top: 20px; height: 220px; overflow: hidden; } .govinfo-open_topics { width: 410px; height: 220px; background-color: #f0f4f9; overflow: hidden; padding: 10px; border-radius: 5px; } .govinfo-open_topics>.reset-mglf { margin-left: 0; } .govinfo-open_topics>li { width: 200px; height: 105px; float: left; overflow: hidden; margin-left: 10px; margin-bottom: 10px; } .govinfo-open_topics>li img { width: 100%; height: 100%; transition: transform .5s; } .govinfo-open_topics>li img:hover { transform: scale(1.1); } /* 办事服务 */ .main-item3-block { height: 480px; } .main-item3-top { height: 240px; } .main-item3-top>div { float: left; overflow: hidden; } .item3-top_left { width: 380px; } .item3-top_center { width: 260px; margin: 0 20px; } .item3-top_service { height: 45px; width: 260px; background-color: #eaeaea; margin-bottom: 10px; overflow: hidden; } .item3-top_service >dt { width: 80px; text-align: center; background-color: #044db9; float: left; height: 45px; } .item3-top_service >dt img { height: 30px; margin-top: 7px; } .item3-top_service >dd { height: 45px; width: 164px; float: right; line-height: 45px; position: relative; padding-left: 16px; transition: all .3s; } .item3-top_service >dd:hover { background-color: #e0e0e0; } .item3-top_service >dd >a { font-size: 16px; font-weight: 700; color: #044db9; } .item3-top_service >dd >a:hover { border-bottom: none; } .item3-top_service >dd >a:hover::after { top: 20px; margin-left: 8px; position: absolute; content: ' '; width: 0; height: 0; border-right: 4px solid transparent; border-left: 8px solid #044db9; border-top: 4px solid transparent; border-bottom: 4px solid transparent; } .item3-service_icon>li { float: left; width: 80px; margin-left: 10px; height: 75px; background-color: #eaeaea; text-align: center; overflow: hidden; font-size: 14px; } .item3-service_icon>li>a { display: block; height: 49px; overflow: hidden; margin: 13px 0; line-height: 84px; } .item3-service_icon>li>a:hover { border-bottom: none; } .item3-service_icon>.reset-mglf { margin-left: 0; } .bg_service_bot0 >a { background: url(bg-item3_top_s1.png) top center no-repeat; } .bg_service_bot1 >a { background: url(bg-item3_top_s2.png) top center no-repeat; } .bg_service_bot2 >a { background: url(bg-item3_top_s3.png) top center no-repeat; } .item3-service_icon>li:hover { background-color: #e0e0e0; } .item3-top_right { width: 480px; } .main-item3-bottom { margin-top: 20px; height: 220px; } .main-item3-bottom>div { float: left; overflow: hidden; } .item3-bottom_left { width: 290px; } .item3-bottom_left_links { height: 170px; } .item3-bottom_left_links >li { width: 90px; margin-left: 10px; margin-top: 10px; font-size: 14px; height: 32px; line-height: 32px; overflow: hidden; text-align: center; overflow: hidden; float: left; background-color: #eaeaea; } .item3-bottom_left_links>li:hover { background-color: #e0e0e0; } .item3-bottom_left_links >.reset-mglf { margin-left: 0; } .item3-bottom_left_links >li>a:hover { border-bottom: none; } .item3-bottom_center { width: 250px; margin: 0 20px; } .item3-bottom_right { width: 580px; } .item3-bottom_service_bot>li { margin-top: 10px; width: 88px; } .bg_btservice_bot0 >a { background: url(bg-item3_bot_s0.png) top center no-repeat; } .bg_btservice_bot1 >a { background: url(bg-item3_bot_s1.png) top center no-repeat; } .bg_btservice_bot2 >a { background: url(bg-item3_bot_s2.png) top center no-repeat; } .bg_btservice_bot3 >a { background: url(bg-item3_bot_s3.png) top center no-repeat; } .bg_btservice_bot4 >a { background: url(bg-item3_bot_s4.png) top center no-repeat; } .bg_btservice_bot5 >a { background: url(bg-item3_bot_s5.png) top center no-repeat; } .bg_btservice_bot6 >a { background: url(bg-item3_bot_s6.png) top center no-repeat; } .bg_btservice_bot7 >a { background: url(bg-item3_bot_s7.png) top center no-repeat; } .bg_btservice_bot8 >a { background: url(bg-item3_bot_s8.png) top center no-repeat; } .bg_btservice_bot9 >a { background: url(bg-item3_bot_s9.png) top center no-repeat; } .bg_btservice_bot10 >a { background: url(bg-item3_bot_s10.png) top center no-repeat; } .bg_btservice_bot11 >a { background: url(bg-item3_bot_s11.png) top center no-repeat; } /* 互动交流 */ .main-item4-top { height: 240px; overflow: hidden; } .main-item4-top>div,.main-item4-bottom>div { float: left; overflow: hidden; } .main-item4-top_left,.item4-bottom_left { width: 360px; } .mayor-website { width: 360px; height: 80px; overflow: hidden; text-align: center; } .mayor-website-consult { margin-top: 10px; height: 150px; } .mayor-website-consult>dt { height: 36px; line-height: 36px; background-color: #d75a4a; font-size: 16px; padding-left: 8px; color: #fff; } .mayor-website-consult>dd { margin-top: 17px; height: 80px; } .topic-box { position: relative; } .topic-box .topic-box-inner { overflow: hidden; width: 300px; height: 80px; margin: 0 auto; } .topic-box .topic-box-inner .topic-box-item { position: relative; width: 300px; height: 80px; overflow: hidden; } .topic-box .topic-box-inner .topic-box-item>li { margin: 0 5px; float: left; overflow: hidden; width: 90px; height: 80px; transition: all .5s; background-color: #fcf2ea; text-align: center; font-size: 14px; border-radius: 5px; } .topic-box .topic-box-inner .topic-box-item>li:hover { background-color: #f4e6dc; } .topic-box .topic-box-inner .topic-box-item>li> img { width: 24px; height: 24px; display: block; margin: 15px auto 12px; } .topic-box .topic-box-inner .topic-box-item>li> a { display: block; } .topic-box .topic-box-inner .topic-box-item>li> a { border-bottom: none; } .topic-box .topic-box-inner .dropdown-topic-btn { position: absolute; z-index: 2; top: 28px; width: 24px; height: 24px; cursor: pointer; background: url(bg-12345-narrow.png) no-repeat; display: block!important; } .topic-box .topic-box-inner .dropdown-topic-btnl { left: 0; background-position: 0 0; } .topic-box .topic-box-inner .dropdown-topic-btnr { right: 0; background-position: -52px 0; } .topic-box .topic-box-inner .dropdown-topic-btnl:hover { background-position: -26px 0; } .topic-box .topic-box-inner .dropdown-topic-btnr:hover { background-position: -78px 0; } .dropdown-topic-switch { position: absolute; z-index: 2; bottom: 0; display: none; } .dropdown-topic-switch>span { display: block; float: left; width: 20px; height: 5px; margin: 0 5px; background-color: #f00; } .mayor-website img { height: 100%; } .main-item4-top_center,.item4-bottom_center { width: 380px; margin: 0 20px; } .main-item4-top_center .common-tab-content { position: relative; overflow: hidden; height: 205px; } .main-item4-top_right,.item4-bottom_right { width: 380px; } .main-item4-bottom { margin-top: 20px; height: 220px; overflow: hidden; } .item4-bottom_left .submenu-dropbox_subtabs_content>li>em { color: #666; } .submenu-dropbox_subtabs_pictxt { height: 105px; overflow: hidden; margin: 10px 0 8px; } .submenu-dropbox_subtabs_pictxt>dt { width: 160px; height: 105px; float: left; overflow: hidden; } .submenu-dropbox_subtabs_pictxt>dt img { width: 100%; height: 100%; } .submenu-dropbox_subtabs_pictxt>dt img:hover { opacity: .95; filter: alpha(opacity=90); } .submenu-dropbox_subtabs_pictxt>dd { float: right; width: 210px; line-height: 20px; font-size: 12px; color: #666; } .submenu-dropbox_subtabs_pictxt>dd >a { display: block; height: 26px; line-height: 26px; overflow: hidden; color: #2262c1; font-size: 14px; } .submenu-dropbox_subtabs_pictxt>dd> a:hover { border-bottom: none; font-weight: 600; } .item4-bottom_qa { height: 54px; border-bottom: 1px solid #f3f4f5; margin-top: 6px; overflow: hidden; font-size: 14px; padding-bottom: 2px; } .item4-bottom_qa>dt { height: 24px; line-height: 24px; overflow: hidden; background: url(bg-item4_q.png) left center no-repeat; padding-left: 30px; } .item4-bottom_qa>dd { color: #6f6f6f; line-height: 30px; height: 30px; overflow: hidden; background: url(bg-item4_a.png) left center no-repeat; padding-left: 30px; }