@charset "utf-8"; /* 衜署首页 */ /* 两会 */ .wrapper-nav { background-color: transparent; box-shadow: none; } .wrapper-nav .container-1245 { background-color: #0a5491; } .wrapper-index { /* background-color: initial !important; */ } .wrapper-header-top { border-bottom: none; } body{ background: #f4f4f4 url(/uploads/image/kximages/20220222qglhshouyebanner.jpg) no-repeat center top; /* padding-top: 29px; */ background-attachment: fixed; } #header-top-date{ padding-left: 24px; } .wrapper-header-top .container-1245{ position: relative; } .wrapper.wrapper-lianghui .container-1245 { text-align: right; margin-bottom: 10px; } @media screen and (max-width: 450px){ .wrapper.wrapper-lianghui .container-1245 img{ width: 80%; } } /* 两会end */ .wrapper-index { /* background-color: #f4f4f4; */ } .wrapper-index .container-1245 { padding-top: 38px; padding-left: 19px; padding-right: 19px; padding-bottom: 20px; background-color: #fff; position: relative; } .top-news { margin-bottom: 30px; } .top-news .top-news-title { display: block; font-size: 30px; font-weight: bold; text-align: center; color: #333333; margin-bottom: 20px; } .top-news .top-news-content { color: #333333; text-align: center; } .line-sprate{ margin-bottom: 40px; } .line-sprate img{ width: 100%; } .line1, .line2 { margin: 0 -17px; margin-bottom: 30px; } .line-box-4 { display: inline-block; width: 33.33333333%; float: left; padding: 0 17px; } .subchange-title { padding-bottom: 22px; border-bottom: 1px solid #e5e5e5; margin-bottom: 35px; } .subchange-title a { font-size: 22px; font-weight: bold; color: #999999; margin-right: 40px; } .subchange-title a:last-child { margin-right: 0; } .subchange-title a.on { color: #0a5491; } .subchange-content { display: none; position: relative; } .subchange-content.on { display: block; } .subchange-more { width: 60px; height: 22px; line-height: 22px; text-align: center; border-radius: 10px; position: absolute; top: -78px; right: 0; color: #9cb5b0; border: 1px solid #9cb5b0; font-size: 12px; } .subchange-more:hover{ color: #fff; background: #9cb5b0; } .subchange-title-more { color: #999999; font-size: 14px; } .zwdt-title { color: #000; font-size: 18px; margin-bottom: 16px; } .zwdt-title a{ display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .zwdt-content { color: #999999; font-size: 14px; margin-bottom: 20px; line-height: 2; text-indent: 2em; } .bmdt-img img { width: 160px; height: 90px; float: left; padding-right: 10px; box-sizing: content-box; } .bmdt-title { color: #000; font-size: 18px; margin-bottom: 18px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .bmdt-content { color: #999999; font-size: 14px; margin-bottom: 20px; line-height: 2; } .xwfbh-img { display: inline-block; width: 100%; margin-bottom: 20px; } .xwfbh-img img { width: 100%; height: 190px; } .xwfbh-title { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; } .zfxxgkzn li { margin-bottom: 15px; } .zfxxgkzn li a { display: block; background-color: #fafafa; height: 40px; line-height: 40px; padding-left: 30px; background: url(/uploads/image/kximages/xxgk_arrow.png) no-repeat 340px center; } .zfxxgkzn li a img { display: inline-block; vertical-align: middle; margin-right: 20px; width: 22px; height: 24px; } .zfxxgkzn li a span { display: inline-block; vertical-align: middle; } .line3 { margin-bottom: 20px; } .ztzl-ul { margin: 0 -16px; } .ztzl-ul li { display: none; width: 33.33333333%; width: 273px; height:85px; float: left; padding: 0 16px; } .ztzl-ul li.on { display: inline-block; } .ztzl-ul li img { width: 100%; height: 90px; } .line4 { margin-bottom: 40px; } .zwfww { position: relative; } .zwfww:after { content: ''; display: inline-block; width: 100%; height: 1px; position: absolute; left: 0; top: 17px; background-color: #0a5491; } .zwfww-title { display: inline-block; font-size: 24px; font-weight: bold; background-color: #0a5491; color: #fff; padding: 5px 20px; margin-bottom: 31px; border-radius: 20px; position: relative; z-index: 2; } .zwfww-box { margin: 0 -18px; } .zwfww-box-4 { width: 33.33333333%; padding: 0 18px; float: left; } .zwfww-box-inner { background-color: #fafafa; padding: 30px 15px; text-align: center; } .zwfww-box-inner img { margin-bottom: 15px; } .zwfww-box-cate { font-size: 20px; text-align: center; margin-bottom: 45px; } .zwfww-box-links { margin-bottom: 40px; } .zwfww-box-links a { display: inline-block; width: 33.33333333%; float: left; text-align: center; } .zwfww-box-more { text-align: center; } .zwfww-box-more a { display: inline-block; padding: 8px 19px; border: 1px solid #000; text-align: center; } .zmfd { position: relative; } .zmfd:after { content: ''; display: inline-block; width: 100%; height: 1px; position: absolute; left: 0; top: 10px; background-color: #e5e5e5; } .zmfd-title { display: inline-block; font-size: 24px; font-weight: bold; background-color: #fff; color: #0a5491; padding-right: 55px; margin-bottom: 31px; border-radius: 20px; position: relative; z-index: 2; } .line5 { margin-bottom: 44px; } .zmhd-box { margin: 0 -17px; } .zmhd-box-4 { width: 33.33333333%; padding: 0 17px; float: left; position: relative; } .zmhd-subtitle { font-size: 20px; margin-bottom: 31px; font-weight: bold; } .zmhd-more{ width: 60px; height: 22px; line-height: 22px; border: 1px solid #9cb5b0; text-align: center; border-radius: 20px; color: #9cb5b0; font-size: 12px; position: absolute; top: 0; right: 17px; } .zmhd-more:hover { color: #fff; background: #9cb5b0; } .zxft img { width: 100%; height: 192px; margin-bottom: 17px; } .zxft p { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; } .zxft span { color: #dd3a3a; } .zxft-online { float: right; display: inline-block; padding: 3px 16px; background-color: #f2fcff; border-radius: 20px; color: #8599a2; } .zxft-offline { float: right; display: inline-block; padding: 3px 16px; background-color: #fafafa; border-radius: 20px; color: #cacaca; } .xx-top { display: inline-block; margin-bottom: 40px; } .xx-top img { width: 100%; } .xx-xfdt img { width: 100%; } .xx-ul { margin: 0 -2px; margin-bottom: 14px; } .xx-ul li { width: 50%; float: left; padding: 0 2px; margin-bottom: 4px; } .xx-ul li a { display: inline-block; width: 100%; height: 67px; line-height: 67px; background-color: #fafafa; font-weight: bold; vertical-align: middle; } .xx-ul li a img { display: inline-block; vertical-align: middle; margin-right: 25px; } /* 领导 */ .leader { padding-bottom: 27px; border-bottom: 1px dashed #cccccc; margin-bottom: 21px; } .leader-img { width: 113px; height: 154px; border: 1px solid #e5e5e5; padding: 7px; float: left; } .leader-info { margin-left: 130px; } .leader-title { font-size: 16px; font-weight: bold; margin-bottom: 25px; } .leader-name { display: inline-block; font-size: 22px; color: #0a5491; font-weight: bold; margin-bottom: 28px; } .leader-write { display: inline-block; padding: 9px 30px; background-color: #0a5491; color: #fff; font-size: 16px; font-weight: bold; border-radius: 5px; vertical-align: middle; float: right; } .leader-write img { display: inline-block; vertical-align: middle; margin-right: 10px; } .sub-leader-title { font-size: 16px; color: #0a5491; font-weight: bold; margin-bottom: 20px; } .sub-leader-ul li { display: inline-block; font-size: 16px; color: #000; font-weight: bold; margin-right: 23px; margin-bottom: 20px; } /* 侧边保留悬浮窗 */ .index-slide{ position: absolute; } .index-slide span{ position: absolute; right: 0; top: 0; padding: 3px 7px; cursor: pointer; font-size: 20px; } .index-slide--no1{ top: 133px; right: -100px; } .index-slide--no2{ top: 133px; left: -100px; } /*轮播图*/ .slidebox { width: 100%; height: 600px; overflow: hidden; position: relative; margin-bottom: 30px; } .slidebox .tempwrap { width: 100%; height: 100%; } .slidebox .hd { height: 15px; overflow: hidden; position: absolute; left: 50%; bottom: 57px; transform: translatex(-50%); z-index: 1; } .slidebox .hd ul li { float: left; width: 12px; height: 12px; margin: 0 8px; text-align: center; cursor: pointer; border-radius: 100%; background-color: #fff; box-sizing: border-box; } .slidebox .hd ul li.on { background: #0a5491; } .slidebox .bd { position: relative; height: 100%; z-index: 0; } .slidebox .bd li { width: 100%; height: 100%; zoom: 1; vertical-align: middle; position: relative; } .slidebox .bd p { position: absolute; bottom: 0; width: 100%; font-size: 18px; font-weight: bold; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; padding-bottom: 23px; text-align: center; } .slidebox .bd ul { width: 100%; height: 100%; } .slidebox .bd img { width: 100%; height: 100%; display: block; } .slidebox .prev, .slidebox .next { position: absolute; top: 50%; margin-top: -25px; display: block; width: 42px; height: 69px; filter: alpha(opacity=50); opacity: 0.5; } .slidebox .prev { left: 0; background: no-repeat; background-size: contain; } .slidebox .next { right: 0; background: no-repeat; background-size: contain; } .slidebox .prev:hover, .slidebox .next:hover { filter: alpha(opacity=100); opacity: 1; } .slidebox .prevstop { display: none; } .slidebox .nextstop { display: none; } @media screen and (max-width: 1000px) { .line-box-4 { width: 100%; padding: 0; margin-bottom: 10px; } .line1, .line2 { margin-left: 0; margin-right: 0; } .zwfww-box-4 { width: 100%; margin-bottom: 10px; padding: 0; } .zmhd-box { margin: 0; } .zmhd-box-4{ width: 100%; padding: 0; margin-bottom: 15px; } } @media screen and (max-width: 460px) { .slidebox{ height: 300px; } .ztzl-ul { margin: 0; } .ztzl-ul li { width: 100%; padding: 0; margin-bottom: 10px; } .hlwdc_ks_pc{ display:none; } } .hlwdc_ks_pc{ left:212px; right:0 !important; top:21% !important; }