/* CSS Document */ /* * @description: 网站样式 * @author: ishang_pan * @update: ishang_pan (2017-08-18 09:08) */ /*less申明 on*/ /*less申明 end*/ /*reset样式 on*/ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { width: 100%; height: 100%; margin: 0px; padding: 0px; -webkit-text-size-adjust: 100%; font-family: -apple-system, "PingFang SC", "Helvetica Neue", Helvetica, STHeiTi, sans-serif; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background: transparent; touch-action: manipulation; } body { width: 100%; height: 100%; font-size: 0.28rem; background: #f7f7f7; -webkit-overflow-scrolling: touch; } body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { margin: 0; padding: 0; } input, select, textarea { border: 0; -webkit-appearance: none; appearance: none; } ol, ul { list-style: none; } *:not(input, select,textarea) { -webkit-user-select: none; } img, a { -webkit-touch-callout: none; } a, a:active, a:hover { text-decoration: none; } a, button, input, textarea { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /*reset样式 end*/ /*简化样式 on*/ .fl { float: left; } .fr { float: right; } .clear { overflow: hidden; visibility: hidden; font-size: 0; content: "."; clear: both; height: 0; } .hidden { display: none; } /*简化样式 end*/ /*列表 on*/ .home-list ul li { line-height: 0.6rem; text-indent: 0.25rem; background: url("/3gjxsyczjcom/media/images/public/li.png") left center no-repeat; background-size: 0.1rem; } .home-list ul li a { font-size: 0.28rem; color: #444; } .home-list ul li date { float: right; font-size: 0.24rem; color: #999; } /*列表 end*/ /*更多按钮 on*/ .u-more { display: block; height: 0.72rem; line-height: 0.72rem; margin: 0.14rem auto 0; text-align: center; border: 0.01rem dashed #cccccc; border-radius: 0.4rem; font-size: 0.26rem; color: #999; } .u-more:active { background: #c60a08; color: #ffffff; } /*更多按钮 end*/ /*首页 on*/ .m-header { width: 100%; } .m-header img { width: 100%; height: 100%; } .m-nav ul { background: #c60a08; } .m-nav ul li { width: 2.5rem; height: 0.9rem; line-height: 0.9rem; text-align: center; float: left; border-right: 0.01rem solid #d13b39; border-bottom: 0.01rem solid #d13b39; } .m-nav ul li a { display: block; font-size: 0.34rem; color: #ffffff; } .g-main { width: 100%; } .m-flash { width: 100%; height: 4.21rem; position: relative; overflow: hidden; } .m-flash .hd { width: 1.3rem; height: 0.16rem; position: absolute; bottom: 0.32rem; right: 0.1rem; z-index: 1; } .m-flash .hd ul li { display: block; width: 0.14rem; height: 0.14rem; line-height: 10rem; border-radius: 50%; float: left; margin-right: 0.1rem; vertical-align: top; overflow: hidden; border: 0.01rem solid #ffffff; } .m-flash .hd ul li.on { background: #ffffff; } .m-flash .bd { position: relative; left: 0; top: 0; z-index: 0; } .m-flash .bd li { height: auto; overflow: hidden; position: relative; } .m-flash .bd li img { width: 100%; height: 4.21rem; display: block; } .m-flash .bd li p { position: absolute; left: 0; bottom: 0; width: 100%; height: 0.8rem; line-height: 0.8rem; text-indent: 0.2rem; background: rgba(0, 0, 0, 0.6); font-size: 0.28rem; color: #ffffff; } .m-search { width: 7.1rem; height: 0.8rem; margin: 0.2rem auto; background: #ffffff; border-radius: 0.05rem; } .u-searchtext { width: 7.1rem; height: 0.8rem; line-height: 0.8rem; border: 0.01rem solid #cccccc; padding: 0 0.93rem 0 0.2rem; font-size: 0.28rem; background: url("/3gjxsyczjcom/media/images/home/search_icon.png") 6.37rem center no-repeat; background-size: 0.52rem 0.5rem; border-radius: 0.05rem; } .m-news { width: 100%; background: #ffffff; padding-bottom: 0.26rem; } .news-top { width: 100%; height: 0.8rem; line-height: 0.8rem; } .tab-bg { border-top: 0.03rem solid #c60a08; background: url("/3gjxsyczjcom/media/images/home/tab_bg.png") center bottom no-repeat; background-size: 7.5rem 0.77rem; } .news-top ul li { width: 25%; height: 0.77rem; line-height: 0.77rem; text-align: center; font-size: 0.32rem; color: #444; float: left; } .news-top ul li.on { background: #c60a08; color: #ffffff; } .m-news .bd ul { padding: 0.14rem 0.2rem 0; } .m-govopen { width: 100%; margin: 16px auto; background: #ffffff; padding-bottom: 0.2rem; } .govopen-title { width: 100%; height: 0.8rem; line-height: 0.76rem; } .govopen-title span { display: inline-block; padding: 0 0.33rem; background: #c60a08; color: #ffffff; font-size: 0.32rem; } .u-title { width: 7.35rem; height: 0.86rem; margin: 0.18rem auto 0; } .u-title ul li { width: 2.25rem; height: 0.75rem; line-height: 0.75rem; border: 0.01rem solid #cccccc; float: left; margin: 0 0.1rem; font-size: 0.3rem; color: #444; text-align: center; position: relative; } .u-title ul li.on { color: #c60a08; border: 0.01rem solid #c60a08; } .u-title ul li.on i { display: block; width: 0.26rem; background: url("/3gjxsyczjcom/media/images/home/gov_tab.png") no-repeat; background-size: 0.26rem; height: 0.12rem; position: absolute; left: 50%; margin-left: -0.13rem; bottom: -0.12rem; } .m-govopen .bd li { width: 2.5rem; height: 0.75rem; line-height: 0.75rem; text-indent: 0.3rem; float: left; border-bottom: 0.01rem solid #cccccc; overflow:hidden; } .m-govopen .bd li a { font-size: 0.26rem; color: #545454; display: block; } .m-change { width: 100%; background: #ffffff; padding-bottom: 0.22rem; } .m-mailhead { width: 100%; height: 0.65rem; line-height: 0.65rem; margin: 0.04rem 0 0.1rem; border-bottom: 0.01rem solid #cccccc; } .m-mailhead p { font-size: 0.3rem; color: #c60a08; float: left; } .m-mailhead p.u-mi01 { text-indent: 0.61rem; } .u-mi01 { width: 4.8rem; } .u-mi02 { width: 1.1rem; } .u-mi03 { width: 1.6rem; } .u-mi02, .u-mi03 { text-align: center; } .m-mailbody { width: 100%; height: 3.59rem; } .m-mailbody ul li { width: 100%; height: 0.59rem; line-height: 0.59rem; } .m-mailbody p { float: left; } .m-mailbody p.u-mi01 { text-indent: 0.45rem; background: url("/3gjxsyczjcom/media/images/public/li.png") 0.2rem center no-repeat; background-size: 0.1rem; } .m-mailbody p.u-mi01 a { font-size: 0.28rem; color: #444; } .m-mailbody p.u-mi03 { font-size: 0.24rem; color: #999; } .m-mailbody p.u-mi02 { font-size: 0.24rem; } .cl-1 { color: #f00; } .cl-2 { color: #c78d02; } .m-about { width: 100%; margin: 0.16rem 0; padding-bottom: 0.3rem; background: #ffffff; } .m-about ul { width: 7.14rem; margin: 0.1rem auto; } .m-about ul li { width: 2.18rem; height: 0.75rem; line-height: 0.72rem; border: 0.01rem solid #dddddd; padding: 0.01rem; background: #ffffff; float: left; margin: 0.1rem; } .m-about ul li a { display: block; text-indent: 0.79rem; font-size: 0.28rem; color: #444; background-color: #f5f5f5; background-repeat: no-repeat; } .m-about ul li a:active { background-color: #c60a08; color: #ffffff; } .m-about ul li.u-ab01 a { background-image: url("/3gjxsyczjcom/media/images/home/ab01_icon.png"); background-position: 0.23rem center; background-size: 0.36rem 0.4rem; } .m-about ul li.u-ab02 a { background-image: url("/3gjxsyczjcom/media/images/home/ab02_icon.png"); background-position: 0.21rem center; background-size: 0.4rem 0.4rem; } .m-about ul li.u-ab03 a { background-image: url("/3gjxsyczjcom/media/images/home/ab03_icon.png"); background-position: 0.16rem center; background-size: 0.52rem 0.4rem; } .m-about ul li.u-ab04 a { background-image: url("/3gjxsyczjcom/media/images/home/ab04_icon.png"); background-position: 0.23rem center; background-size: 0.36rem 0.4rem; } .m-about ul li.u-ab05 a { background-image: url("/3gjxsyczjcom/media/images/home/ab05_icon.png"); background-position: 0.18rem center; background-size: 0.46rem 0.39rem; } .m-about ul li.u-ab06 a { background-image: url("/3gjxsyczjcom/media/images/home/ab06_icon.png"); background-position: 0.21rem center; background-size: 0.4rem 0.4rem; } .m-about ul li.u-ab07 a { background-image: url("/3gjxsyczjcom/media/images/home/ab07_icon.png"); background-position: 0.19rem center; background-size: 0.45rem 0.4rem; } .m-about ul li.u-ab08 a { background-image: url("/3gjxsyczjcom/media/images/home/ab08_icon.png"); background-position: 0.19rem center; background-size: 0.46rem 0.4rem; } .m-about ul li.u-ab09 a { background-image: url("/3gjxsyczjcom/media/images/home/ab09_icon.png"); background-position: 0.21rem center; background-size: 0.4rem 0.4rem; } .m-tour { width: 100%; padding-bottom: 0.3rem; background: #ffffff; } .m-tour ul { width: 7.14rem; margin: 10px auto; } .m-tour ul li { width: 3.37rem; height: 0.75rem; line-height: 0.72rem; text-indent: 1.39rem; margin: 0.1rem; border: 0.01rem solid #dddddd; float: left; padding: 0.01rem; } .m-tour ul li a { display: block; font-size: 0.28rem; color: #444; background-color: #f5f5f5; background-repeat: no-repeat; } .u-tu01 a { background-image: url("/3gjxsyczjcom/media/images/home/tu01_icon.png"); background-position: 0.81rem center; background-size: 0.41rem 0.41rem; } .u-tu02 a { background-image: url("/3gjxsyczjcom/media/images/home/tu02_icon.png"); background-position: 0.8rem center; background-size: 0.43rem 0.4rem; } .u-tu03 a { background-image: url("/3gjxsyczjcom/media/images/home/tu03_icon.png"); background-position: 0.83rem center; background-size: 0.43rem 0.4rem; } .u-tu04 a { background-image: url("/3gjxsyczjcom/media/images/home/tu04_icon.png"); background-position: 0.78rem center; background-size: 0.47rem 0.4rem; } footer { padding: 0.18rem 0 0.25rem; background: #f9f2e8; border-top: 0.03rem solid #dac5aa; text-align: center; } footer p { line-height: 0.4rem; font-size: 0.26rem; color: #999; } footer p a { color: #999; } .go-top { width: 0.84rem; height: 0.84rem; background: url("/3gjxsyczjcom/media/images/home/go_top.png") no-repeat; background-size: 0.84rem; position: fixed; bottom: 1.05rem; right: 0.3rem; display: none; } /*首页 on*/ /*内页公用 on*/ .page-header { width: 100%; height: 1rem; line-height: 1rem; background: #c60a08; text-align: center; font-size: 0.4rem; color: #ffffff; position: fixed; top: 0; left: 0; z-index: 9998; } .page-header a { display: block; height: 0.36rem; } .u-return { width: 0.37rem; margin: 0.32rem 0 0.32rem 0.3rem; background: url("/3gjxsyczjcom/media/images/public/return_icon.png") no-repeat; background-size: 0.37rem 0.36rem; } .u-home { width: 0.4rem; margin: 0.32rem 0.2rem 0.32rem 0; background: url("/3gjxsyczjcom/media/images/public/home_icon.png") no-repeat; background-size: 0.4rem 0.36rem; } .u-nav { width: 0.52rem; margin: 0.32rem 0.3rem 0.32rem 0; background: url("/3gjxsyczjcom/media/images/public/nav_icon.png") no-repeat; background-size: 0.52rem 0.36rem; } .page-main { width: 100%; padding-top: 1rem; } /*内页公用 end*/ /*一级列表页 on*/ .list-box { width: 100%; background: #ffffff; margin-bottom: 0.16rem; padding-bottom: 0.2rem; } .list-title { width: 100%; height: 0.8rem; line-height: 0.8rem; background: url("/3gjxsyczjcom/media/images/page/list_bg.png") no-repeat; background-size: 7.5rem 0.8rem; font-weight: normal; } .list-title span { display: inline-block; padding: 0 0.2rem; background: #ffffff; font-size: 0.34rem; color: #c60a08; margin-left: 0.3rem; float: left; } .list-content { width: 7.1rem; margin: 0 auto; } /*一级列表页 end*/ /*二级列表页 on*/ .listxl-content { width: 7.5rem; padding: 0 0.2rem; background: #ffffff; } .dropload-up, .dropload-down { position: relative; height: 0; overflow: hidden; font-size: 0.26rem; /* 开启硬件加速 */ -webkit-transform: translateZ(0); transform: translateZ(0); } .dropload-down { height: 1rem; line-height: 1rem; } .dropload-refresh, .dropload-update, .dropload-load, .dropload-noData { height: 1rem; line-height: 1rem; text-align: center; } .dropload-load .loading { display: inline-block; height: 0.26rem; width: 0.26rem; border-radius: 100%; margin: 0.1rem; border: 0.02rem solid #666666; border-bottom-color: transparent; vertical-align: middle; -webkit-animation: rotate 0.75s linear infinite; animation: rotate 0.75s linear infinite; } @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); } 50% { -webkit-transform: rotate(180deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes rotate { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); } } /*二级列表页 end*/ /*内容页 on*/ .detail-box { width: 7.5rem; padding: 0 0.2rem; background: #ffffff; } .detail-title { width: 100%; line-height: 0.5rem; font-size: 0.34rem; color: #333; font-weight: normal; padding-top: 0.2rem; } .detail-info { width: 100%; height: 0.58rem; line-height: 0.58rem; } .detail-info span { font-size: 0.26rem; } .u-detaildate { color: #999; margin-right: 0.46rem; } .u-detailsource { color: #27c7d1; } .detail-content img { width: 7.1rem; margin: 0.14rem auto; } .detail-content p { line-height: 0.5rem; font-size: 0.28rem; text-indent: 0.64rem; padding: 0.04rem 0; overflow: hidden; } .u-views { width: 100%; height: 0.84rem; line-height: 0.84rem; padding-bottom: 0.08rem; font-size: 0.24rem; color: #999; } .u-views i { margin-left: 0.24rem; font-style: normal; } /*内容页 end*/ /*领导信息 on*/ .leader-main { width: 100%; padding-top: 1.2rem; } .leader-box { background: #f7f7f7; } .leader-box-top { width: 100%; height: 0.8rem; } .leader-box-top ul li { float: left; display: block; height: 0.77rem; line-height: 0.77rem; padding: 0 0.33rem; font-size: 0.32rem; } .leader-box-top ul li.on { background: #c60a08; color: #ffffff; } .leader-info ul li { width: 7.5rem; padding: 0.2rem; margin-bottom: 0.1rem; background: #ffffff; } .leader-info ul li img { width: 2.03rem; height: 2.61rem; border: 0.01rem solid #dddddd; float: left; padding: 0.02rem; } .leader-info-des { width: 4.88rem; min-height: 2.61rem; position: relative; padding-bottom: 0.6rem; } .leader-info-des h1 { width: 100%; height: 0.63rem; line-height: 0.63rem; margin-top: 0.07rem; } .leader-info-des h1 strong { font-size: 0.34rem; color: #c60a08; } .leader-info-des h1 span { margin-left: 0.3rem; font-size: 0.28rem; color: #666; font-weight: normal; } .leader-info-con { width: 100%; line-height: 0.42rem; font-size: 0.24rem; color: #666; } .leader-more { display: block; width: 1.7rem; height: 0.6rem; line-height: 0.6rem; text-align: center; background: #eda6a5; font-size: 0.24rem; color: #ffffff; position: absolute; bottom: 0; right: 0; border-radius: 0.05rem; } .leader-more:active { background: #ec9796; } /*领导信息 end*/ .m-aboutmain { padding-top: 1rem; } .m-aboutdesc { width: 100%; background: #ffffff; margin: 0.2rem auto; } .aboutdesc-box { width: 7.5rem; padding: 0.1rem 0.2rem 0.3rem; } .aboutdesc-box p { text-indent: 0.64rem; line-height: 0.5rem; font-size: 0.28rem; } .m-aboutpoint, .m-aboutvedio { width: 100%; background: #ffffff; margin-bottom: 0.2rem; } .aboutvedio-box { width: 100%; margin: 0 auto; padding: 0.1rem 0 0.3rem; } .aboutvedio-box ul li { width: 3.45rem; height: 2.7rem; float: left; margin: 0rem 0rem 0rem 0.2rem; position: relative; } .aboutvedio-box ul li img { width: 3.45rem; height: 2.2rem; display: block; position: absolute; left: 0; top: 0; } .aboutvedio-box ul li p { width: 100%; height: 0.5rem; line-height: 0.5rem; text-align: center; font-size: 0.28rem; color: #444; position: absolute; left: 0; bottom: 0; } .aboutvedio-box ul li i { display: block; width: 1rem; height: 1rem; position: absolute; left: 50%; margin-left: -0.5rem; top: 0.6rem; background-image: url("/3gjxsyczjcom/media/images/play_btn.png"); background-repeat: no-repeat; background-size: 1rem; } .m-imgnews { width: 100%; height: 4.21rem; position: relative; overflow: hidden; } .m-imgnews .hd { width: 1.2rem; height: 0.14rem; position: absolute; bottom: 0.33rem; right: 0.2rem; z-index: 9; } .m-imgnews .hd ul li { width: 0.14rem; height: 0.14rem; float: left; margin-left: 0.1rem; background: #e6e6e6; border-radius: 50%; overflow: hidden; } .m-imgnews .hd ul li.on { background: #ff2a00; } .m-imgnews .bd { width: 100%; height: 4.21rem; position: absolute; left: 0; top: 0; } .m-imgnews .bd ul li { width: 100%; height: 4.21rem; position: relative; overflow: hidden; } .m-imgnews .bd ul li img { width: 100%; height: 4.21rem; display: block; position: absolute; left: 0; top: 0; } .m-imgnews .bd ul li p { width: 100%; height: 0.8rem; line-height: 0.8rem; text-indent: 0.2rem; font-size: 0.28rem; color: #ffffff; background: rgba(0, 0, 0, 0.55); position: absolute; left: 0; bottom: 0; } .m-listtitle { width: 100%; height: 0.8rem; line-height: 0.8rem; padding: 0 0.3rem; background: url("/3gjxsyczjcom/media/images/page/list_bg.png") no-repeat; background-size: 7.5rem 0.8rem; } .m-listtitle span { display: inline-block; padding: 0 0.2rem; font-size: 0.34rem; color: #c60a08; float: left; background: #ffffff; } /*分页 on*/ #page_list { line-height: 0.4rem; text-align: right; padding: 0 0.2rem 0.6rem 0.2rem; font-size: 0.28rem; font-family: 'Arial'; } #page_list .page { border: 0.02rem solid #e0e0e0; -webkit-border-radius: 0.06rem; -moz-border-radius: 0.06rem; border-radius: 0.06rem; color: #868585; text-decoration: none; margin: 0.08rem 0.08rem 0 0.08rem; padding: 0.08rem; } #page_list .page:hover { border: 0.02rem solid #e0e0e0; background-color: #f1f1f1; color: #868585; } #page_list a { text-decoration: none; } #page_list a:hover { color: #0000FF; } #page_list .currentpage { border: 0.02rem solid #e0e0e0; -webkit-border-radius: 0.06rem; -moz-border-radius: 0.06rem; border-radius: 0.06rem; background-color: #f1f1f1; color: #868585; text-decoration: none; margin: 0 0.08rem 0 0; padding: 0.08rem; } /*分页 end*/ .m-vediolist { width: 100%; margin-bottom: 0.2rem; background: #ffffff; } .m-vediolist ul { padding: 0.1rem 0.2rem 0.2rem; } .m-vediolist ul li { width: 100%; height: 1.4rem; padding-bottom: 0.2rem; } .vediolist-left { width: 5.3rem; height: 1.2rem; } .vediolist-left h1 { width: 100%; height: 0.8rem; line-height: 0.4rem; font-size: 0.28rem; color: #444; font-weight: normal; } .vediolist-left h2 { height: 0.4rem; line-height: 0.4rem; font-size: 0.22rem; font-weight: normal; color: #999; } .m-vediolist ul li img { float: right; width: 1.6rem; height: 1.2rem; }