body{ position: relative; } #barrierfree_container { z-index: 200; } .box { width: 1440px; height: auto; background: transparent; display: flex; margin: 50px auto 0; justify-content: space-between; } .box .box_left { height: auto; background: transparent; } .box .box_left .title { font-family: "microsoft yahei bold"; width: 96px; height: 55px; font-weight: 700; font-size: 24px; text-align: left; color: #0c5cc0; border-bottom: 4px solid #0c5cc0; } .box .box_left .grxx { height: auto; background: #fff; border: 0; margin-top: 20px; padding: 0; } .box .box_left .grxx .zwxx { display: flex; flex-wrap: wrap; } .box .box_left .grxx .zwxx img { width: 156px; height: 194px; } .box .box_left .grxx .zwxx .zwxx_content { margin-left: 20px; width: 164px; } .box .box_left .grxx .zwxx .zwxx_content .zwxx_name { font-weight: 400; font-size: 18px; text-align: left; color: #333; } .box .box_left .grxx .zwxx .zwxx_content .zwxx_name span { font-weight: bold; font-size: 18px; text-align: left; color: #0c5cc0; display: inline-block; margin-left: 20px; } .box .box_left .grxx .zwxx .zwxx_content ul li { margin-top: 12px; display: flex; width: 100%; background: #fff; border: 1px solid #eee; height: 42px; } .box .box_left .grxx .zwxx .zwxx_content ul li:first-child{ margin-top: 20px; } .box .box_left .grxx .zwxx .zwxx_content ul li a { flex: 1; height: 46px; display: flex; align-items: center; justify-content: center; } .box .box_left .grxx .zwxx .zwxx_content ul li .zwxx_icon { width: 24px; height: 24px; background: transparent; margin-right: 30px; background-size: 100%; } .box .box_left .grxx .zwxx .zwxx_content ul li:nth-child(1) .zwxx_icon { background: url(/uploads/image/i15553/zw.png) no-repeat center; } .box .box_left .grxx .zwxx .zwxx_content ul li:nth-child(2) .zwxx_icon { background: url(/uploads/image/i15553/jl.png) no-repeat center; } .box .box_left .grxx .zwxx .zwxx_content ul li:nth-child(3) .zwxx_icon { background: url(/uploads/image/i15553/fg.png) no-repeat center; } .box .box_left .grxx .qtld { margin-top: 30px; } .box .box_left .qtld{ display: flex; align-items: center; margin-top: 24px; font-size: 18px; line-height: 24px; } .box .box_left .qtld .qtld_title{ font-size: 18px; font-weight: bold; } .box .box_left .qtld li{ margin-right: 20px; } .box .box_left .qtld li:last-child{ margin-right: 0; } .box .box_left .qtld li a{ color: #333; } .box .box_left { width: 430px; } .box .box_left a.ysq img{ width:100%; } .box .box_right { width: calc(100% - 480px); height: auto; margin-left: 50px; } .box_left_top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; } .box_left_top>div { line-height: 90px; width: 47.6%; font-size: 24px; color: #fff; font-weight: bold; padding-left: 91px; } .box_left_top>div a{ color: #fff; } .box_left_top>div.ldzc{ background: url(/uploads/image/p1387/2411131722206318352.png) no-repeat; } .box_left_top>div.zzjg{ background: url(/uploads/image/p1387/2411131722205909461.png) no-repeat; } .box .box_right .tab_navs { display: flex; height: 55px; } .box .box_right .tab_navs li { font-family: "microsoft yahei"; font-weight: 400; font-size: 24px; text-align: left; color: #333; margin-right: 30px; } .box .box_right .tab_navs li a { color: inherit; display: block; width: 100%; height: 50px; } .box .box_right .tab_navs .active { font-weight: bold; font-size: 24px; text-align: left; color: #0c5cc0; border-bottom: 4px solid #0c5cc0; } .box .box_right .ggjh .ggjh_list { display: flex; flex-wrap: wrap; margin-top: 10px; } .box .box_right .ggjh .ggjh_list li { width: 100%; font-size: 18px; line-height: 45px; color: #333; display: flex; align-items: center; justify-content: space-between; } .box .box_right .ggjh .ggjh_list li a{ width: 88%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .box .box_right .ggjh .ggjh_list a:hover { color: #0c5cc0; } .box .box_right .ggjh .ggjh_list a::before { display: inline-block; content: ""; width: 3px; height: 3px; background: #0c5cc0; margin: 0 20px 5px 0; border-radius: 50%; } .box .box_right .ggjh .ggjh_list li span { font-size: 18px; line-height: 45px; text-align: left; color: #999; } /* 处罚 */ .box1 { width: 1440px; margin: 50px auto 0; height: 189px; display: flex; justify-content: space-between; } .box1 .gs_list { width: 203px; height: 100%; background: #f5f9ff; border-radius: 8px; display: flex; transition: all ease .5s; } .box1 .gs_list .gs_nav { width: 100%; height: 100%; padding: 30px 0 0 0; } .box1 .gs_list .gs_nav img{ display: block; width: 74px; height: 74px; margin: 0 auto; } .box1 .gs_list .gs_nav .gs_nav_title { margin-top: 24px; font-weight: bold; font-size: 24px; text-align: center; color: #333; width: 100%; } .box1 .gs_list .gs_nav:hover .gs_nav_title, .box1 .gs_list.open .gs_nav .gs_nav_title{ color: #0c5cc0; } .box1 .gs_list.open { width: 35.2%; } .box1 .gs_list.open .gs_nav{ width: 30.7%; } .box1 .gs_list.open .gs_content{ display: block; } .box1 .gs_list .gs_content{ width: 69.3%; padding: 20px 23px 20px 0; display: none; overflow: hidden; } .box1 .gs_list .gs_content .gs_box{ width: 100%; border-left: 1px dashed #ccc; padding: 10px 0 10px 20px; height:100%; } .box1 .gs_list .gs_content .gs_box li{ width: 43.9%; line-height: 50px; background-color: #fff; text-align: center; margin-bottom: 20px; margin: 0 20px 20px 0; float: left; } .box1 .gs_list .gs_content .gs_box li:nth-child(2n){ margin-right: 0; } .box1 .gs_list .gs_content .gs_box li:nth-child(3), .box1 .gs_list .gs_content .gs_box li:nth-child(4){ margin-bottom: 0; } .box1 .gs_list .gs_content .gs_box li a{ font-size: 16px; } .box1 .gs_list .gs_content .gs_box li:hover a{ color: #0c5cc0; font-weight: bold; width: 100%; display: block; } /* 公开信息 */ .box2 { width: 1440px; margin: 0 auto; display: flex; margin-top: 50px; } .box2 .box2_left { display: flex; flex-wrap: wrap; width: 23.9%; } .box2 .box2_left .gkzt_swiper{ width:100%; height:428px; margin-top:20px; } .box2 .box2_left .gkzt_swiper a img{ height: 92px; width:100%; } .box .box_left>a { width: 100%; height: 60px; border-radius: 8px; background: #f5f9ff; margin-bottom: 20px; display: flex; align-items: center; font-size: 18px; text-align: left; } .box .box_left>a:last-child { margin-bottom: 0; } .box .box_left>a span { width: 28px; height: 28px; margin: 0 20px 0 60px; } .box .box_left>a:nth-child(1) span { background: url(/uploads/image/i15553/gkzz.png) no-repeat center; background-size: 100%; } .box .box_left>a:nth-child(2) span { background: url(/uploads/image/i15553/gkzz.png) no-repeat center; background-size: 100%; } .box .box_left>a:nth-child(3) span { background: url(/uploads/image/i15553/gkzz.png) no-repeat center; background-size: 100%; } .box .box_left>a:nth-child(4) span { background: url(/uploads/image/i15553/gkzz.png) no-repeat center; background-size: 100%; } .box2 .box2_right { margin-right: 50px; width: calc(100% - 395px); } .box2 .box2_right .zxfg_title { display: flex; justify-content: space-between; } .box2 .box2_right .zxfg_title .zcfg{ display: flex; } .box2 .box2_right .zxfg_title .zcfg a { font-weight: bold; font-size: 24px; text-align: left; color: #0c5cc0; height: 55px; margin-right: 20px; display: block; } .box2 .box2_right .zxfg_title .zcfg a.on{ border-bottom: 4px solid #0c5cc0; } .box2 .box2_right .zxfg_title .zxfg_lf_list { display: flex; } .box2 .box2_right .zxfg_title .zxfg_lf_list a { margin-left: 20px; color: #999999; font-size: 22px; } .box2 .box2_right .zxfg_title .zxfg_lf_list a:hover, .box2 .box2_right .zxfg_title .zxfg_lf_list a.on { color: #0c5cc0; } .box2 .box2_right .zxfg_search { display: flex; align-items: center; justify-content: space-between; padding: 0 20px; color: #fff; } .box2 .box2_right .zxfg_search .qbwj { position: relative; } .box2 .box2_right .zxfg_search .qbwj .qbwj_title { display: flex; align-items: center; } .box2 .box2_right .zxfg_search .qbwj .qbwj_title .icon { width: 12px; height: 8px; background: url(/uploads/image/i15553/down.png) no-repeat center; margin-left: 16px; } .box2 .box2_right .zxfg_search .qbwj ul { position: absolute; top: 30px; left: -10px; z-index: 3; color: #fff; background: rgba(0, 0, 0, 0.5); padding: 10px; display: none; } .box2 .box2_right .zxfg_search .qbwj ul li { cursor: pointer; margin-bottom: 20px; } .box2 .box2_right .zxfg_search .search_box { display: flex; align-items: center; } .box2 .box2_right .zxfg_search button { width: 60px; height: 50px; background: url(/uploads/image/i15553/searchpng.png) no-repeat center; border: none; } .box2 .box2_right .zxfg_search .search_box input { width: 271px; height: 50px; background: #fff; border: none; margin-right: 30px; padding: 14px 20px; } .box2 .box2_right form { width: 100%; height: 70px; background: linear-gradient(118.65deg, #146cdaa3 0%, #0c5cc0d6 100%); display: flex; align-items: center; color: #fff; margin-top: 20px; } .box2 .box2_right form .zcjd_title_box { width: 92px; height: 21px; background: transparent; position: relative; margin-left: 20px; cursor: pointer; } .box2 .box2_right form .zcjd_title_box li img { margin-left: 16px; } .box2 .box2_right form .zcjd_title_box .zcjd_title_nav { position: absolute; top: 30px; left: -10px; z-index: 3; line-height: 24px; color: #fff; background: rgba(0, 0, 0, 0.5); padding: 10px; display: none; cursor: pointer; } .box2 .box2_right form .zcwj_input { margin-left: 30px; } .box2 .box2_right form .zcwj_input .wjmc_input { margin-right: 91px; } .box2 .box2_right form .zcwj_input input { width: 271px; height: 50px; background: #fff; border: none; color: #999; padding: 12px; } .box2 .box2_right form .zcss { width: 60px; height: 50px; margin-left: 30px; border: none; background: url(/uploads/image/i15553/searchpng.png) no-repeat center; } /* .box2 .box2_right .zxfg_search { margin-top: 20px; width: 984px; height: 70px; background: linear-gradient(118.65deg, #146cdaa3 0%, #0c5cc0d6 100%); } */ .box2 .box2_right .zxwj_lists{ margin-top: 16px; } .box2 .box2_right .zxwj_lists .zxwj_list { display: flex; flex-wrap: wrap; position: relative; } .box2 .box2_right .zxwj_lists .zxwj_list li { font-size: 18px; line-height: 45px; text-align: left; color: #333; width: 100%; display: flex; align-items: center; justify-content: space-between; } .box2 .box2_right .zxwj_lists .zxwj_list li a{ max-width: 88%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .box2 .box2_right .zxwj_lists .zxwj_list a:hover { color: #0c5cc0; } .box2 .box2_right .zxwj_lists .zxwj_list a::before { display: inline-block; content: ""; width: 3px; height: 3px; background: #0c5cc0; margin: 0 20px 5px 0; } .box2 .box2_right .zxwj_lists .zxwj_list a span { font-size: 18px; color: #999; } .zdly { width: 1440px; margin: 50px auto 0; } .zdly .zdly_title { font-weight: bold; font-size: 24px; color: #0c5cc0; height: 55px; width: auto; display: inline-block; border-bottom: 4px solid #0c5cc0; } .zdly .zdly_title a { color: inherit; } .zdly .zdly_list { display: flex; padding: 30px 36px; margin-top: 20px; width: 100%; background: #f5f9ff; justify-content: space-between; align-items: center; } .zdly .zdly_list a p{ margin-top: 16px; } .zdly .zdly_list a:hover { color: #0c5cc0; font-weight: bold; } .zdly .zdly_list a:last-child { margin-right: 0; } .zdly .zdly_list a img { width: 68px; height: 68px; display: block; margin: 0 auto; } /* 公开专题 */ .gkzt{ margin: 50px auto 20px auto; width: 100%; max-width: 1440px; } .gkzt_title{ font-weight: bold; font-size: 24px; color: #0c5cc0; height: 55px; width: auto; display: inline-block; border-bottom: 4px solid #0c5cc0; } .gkzt_title a{ color: #0c5cc0; } .gkzt_box{ position: relative; } .gkzt_box .gkzt_swiper{ width: 93.7%; margin: 20px auto 0 auto; } .gkzt_box .gkzt_prev, .gkzt_box .gkzt_next{ background: url(/uploads/image/i15553/next_icon.png) no-repeat; width: 25px; height: 60px; top: calc(50% - 30px); margin: 0; } .gkzt_box .gkzt_prev{ left: 0; transform: rotatey(180deg); } .gkzt_box .gkzt_next{ right: 0; } .ty_title{ font-weight: bold; font-size: 24px; color: #0c5cc0; border-bottom: 4px solid #0c5cc0; padding-bottom:20px; display:inline-block; } #snow_con{ height:100vh; position: fixed; top:0; z-index: 99; width: 100%; opacity: 1; overflow: hidden; }