/* Css for PEL, ver 1.0 CopyRight By Dongyi Network Technology CO.,Ltd Design Center 本网站通用布局 */ /* Css Reset */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img { padding: 0; margin: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset, img { vertical-align: top; border: 0; } address, caption, cite, code, dfn, em, th, var, i { font-weight: normal; font-style: normal; } ol, ul, li { list-style: none; } div, dl, dt, dd, ol, ul, li { zoom: 1; } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; } q:before, q:after { content: ''; } abbr, acronym { border: 0; } pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; font-size: 16px; line-height: 1.8; font-family: "Microsoft YaHei", SimSun, Arial, Helvetica, Tahoma, sans-serif; } article, aside, dialog, footer, header, section, footer, nav, figure, menu, time { margin: 0; padding: 0; display: block; zoom: 1; } /* Public */ body { color: #333; font-size: 14px; line-height: 2; font-family: "Microsoft YaHei", SimSun, Arial, Helvetica, Tahoma, sans-serif; text-align: center; -webkit-text-size-adjust: none; } a { color: #333; text-decoration: none; outline: none; } a:hover { color: #D60000; text-decoration: underline; } .clearbox { border: none; border-top: 1px solid transparent !important; clear: both; font-size: 0; height: 0; line-height: 0; margin-top: -1px !important; visibility: hidden; } .blank { display: block; height: 10px; font-size: 0px; line-height: 0; overflow: hidden; clear: both; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .clearfix { height: 1%; } * + html .clearfix { min-height: 1%; } .fl { float: left !important; } .fr { float: right !important; } .hide { display: none; } input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* 通用信息列表 */ .infoList { text-align: left; } .infoList li { height: 34px; line-height: 34px; overflow: hidden; padding: 0 5px; font-size:16px; } .infoList li a { padding-left: 16px; background: url("/wwwxcwgysjcom/Content/Main/ContentManage/Special/ZuiDuoPaoYiCi/img/icons.png") 0 -42px no-repeat; } .infoList li .date { font-size: 14px; margin-left: 15px; float: right; color: #999; } .infoList li .node { color: #f00; margin-right: 5px; } .infoList-arrow li a { background-position: 0 -1282px; } /* 通用带图片的信息列表_普通式 */ .picList li { text-align: center; } .picList li .pic img { width: 95px; height: 125px; padding: 4px; border: 1px solid #ddd; background: #fff; } .picList li .pic a:hover img { border-color: #aaa; } .picList li .title { padding-top: 5px; } /* 通用带图片的信息列表_普通式 - 横排浮动 */ .picListFl { margin-right: -2%; overflow: hidden; zoom: 1; } .picListFl li { width: 23%; margin-right: 2%; float: left; _display: inline; overflow: hidden; } .picListFl li .pic { overflow: hidden } .picListFl li .pic img { width: 100%; height: auto; transition: 200ms; -webkit-transition: 200ms; -o-transition: 200ms; -moz-transition: 200ms; } .picListFl li .title { font-size: 14px; padding-top: 8px; line-height: 26px; max-height: 52px; } .picListFl li:hover .pic img { transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); } /* 焦点图切换-新闻内容 */ .focusBox { margin-bottom: 15px; overflow: hidden; position: relative; text-align: center; } .focusBox .hd { position: absolute; width: 100%; z-index: 1; left: 0; height: 6px; overflow: hidden; bottom: 46px; } .focusBox .hd ul { overflow: hidden; zoom: 1; } .focusBox .hd ul li { display: inline-block; *display: inline; zoom: 1; vertical-align: top; margin: 0 2px; width: 6px; height: 6px; line-height: 6px; background: #ccc; cursor: pointer; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-transition: 200ms; -o-transition: 200ms; -moz-transition: 200ms; transition: 200ms; } .focusBox .hd ul li.on { background: #CD3333; width: 15px; color: #fff; } .focusBox .hd ul li span { display: none; } .focusBox .bd { position: relative; overflow: hidden; } .focusBox .bd li { position: relative; } .focusBox .bd .pic { position: relative; z-index: 0; line-height: 0; } .focusBox .bd .pic img { width: 100%; height: 280px; border: 0; } .focusBox .bd .con { position: absolute; width: 100%; z-index: 1; bottom: 0; height: 48px; line-height: 48px; text-align: center; } .focusBox .bd .con .title { position: absolute; width: 100%; bottom: 0; left: 0; z-index: 1; height: 100%; overflow: hidden; font-size: 16px; color: #fff; } .focusBox .bd .con .title a { color: #fff; padding-left: 10px; text-decoration: none; } .focusBox .bd .con .titleBg { position: absolute; width: 100%; z-index: 0; bottom: 0; left: 0; background: #000; filter: alpha(opacity=60); opacity: 0.6; height: 48px; padding-top: 20px; } /* url_方块样式分页 */ .page { font-size: 0; text-align: center; padding: 35px 0 20px 0; clear: both; overflow: hidden; } .page a, .page span { font-size: 14px; display: inline-block; _display: inline; zoom: 1; border: 1px solid #E1E1E1; padding: 0px 11px; margin: 0 3px 5px 0; line-height: 32px; height: 32px; } .page a:hover, .page span:hover { border: 1px solid #2F73C6; text-decoration: none; color: #2F73C6; } .page .current { background: #2F73C6; border: 1px solid #2F73C6; color: #fff !important; font-weight: bold; } .page select, .page input { margin: 0 4px; background: #fff; border: 0 solid #E1E1E1; vertical-align: middle; } .page input { text-align: center; padding: 0 4px; outline: none; } /* frame */ body { text-align: center; background-color: #fff; min-width: 1200px; } #content, .siteWidth { width: 1200px; margin: 0 auto; } #header { height: 499px; background:url("/wwwxcwgysjcom/Content/Main/ContentManage/Special/ZuiDuoPaoYiCi/img/banner.jpg") center 0 no-repeat; position: relative; } #header .goHome { display: block; position:absolute; left:50%; margin-left: 450px; color: #fff; padding: 5px 15px 5px 45px; background: url("/wwwxcwgysjcom/Content/Main/ContentManage/Special/ZuiDuoPaoYiCi/img/icons.png") 15px 10px no-repeat #F59500; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; } #content { padding: 20px 0 40px 0; overflow: hidden; margin: 0 auto; text-align: left; position: relative; z-index: 1; } #footer { font-size: 16px; padding: 30px 0; background: #3F4245; color:#fff; } #footer a { color:#fff; } #footer .footNav { font-size: 14px; display: none; } #footer .footNav a { margin: 0 10px; } #footer .pics { padding-top: 20px; } #footer .pics img { height: 33px; } .path{ width:1200px; margin:0 auto; text-align:left; padding-top:10px; color:#666; } .path em{ padding-left: 29px; background: url("/wwwxcwgysjcom/Content/Main/ContentManage/Special/ZuiDuoPaoYiCi/img/icons.png") 0 -321px no-repeat; } .path a,.path span{ margin:0 3px; color:#666 } /* nav */ .nav { height: 60px; line-height: 60px; background: #1C589A; z-index: 2; position: relative; } .nav ul { width: 1000px; margin: 0 auto; } .nav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .nav a { color: #fff; } .nav .li1 { text-align: center; float: left; position: relative; font-size: 18px; } .nav .a1 { float: left; display: block; zoom: 1; padding: 0 35px; } .nav .a1:hover { text-decoration: none; color: #fff } .nav .on1 .a1 { background: #f59500; } .nav .ul1 { overflow: hidden; line-height: 28px; position: absolute; left: 0; top: 60px; width: 100%; display: none; background: #f59500; background: rgba(245, 149, 0, .9) } .nav .li2 { vertical-align: top; } .nav .a2 { font-size: 14px; display: block; border-top: 1px solid #ffa925; line-height: 20px; padding: 8px; } .nav .a2:hover { background: #1C589A; color: #fff; text-decoration: none } .side { width: 280px; float: left; margin-right: 20px; } .mainContent { overflow: hidden; } /* 首页 -------------------------------------- */ .row{ overflow:hidden; margin-bottom:30px; } #rowA{ height:201px; background:url("/wwwxcwgysjcom/Content/Main/ContentManage/Special/ZuiDuoPaoYiCi/img/ind-rowA.jpg"); position:relative; } #rowA h3{ position:absolute; font-size: 23px; left: 81px; top: 74px; line-height:2; color:#fff; text-align: center; } #rowA h3 a{ color:#fff } #rowA p{ padding:1px 40px 0 500px; font-size:16px; line-height:40px; text-indent:2em } #rowB{ height:232px; background:url("/wwwxcwgysjcom/Content/Main/ContentManage/Special/ZuiDuoPaoYiCi/img/ind-rowB.jpg"); position:relative; } #rowB h3{ position:absolute; right:18px; top:40px; width:24px; text-align:center; color:#fff; font-size:22px; line-height:1.2; } #rowB ul{ padding: 67px 0 0 40px; overflow:hidden; } #rowB li{ width:230px; float:left; margin-right: 24px; padding-top:5px; -webkit-transition:400ms; -o-transition:400ms; -moz-transition:400ms; transition:400ms; } #rowB a{ display:block; height:80px; line-height:80px; background: url("/wwwxcwgysjcom/Content/Main/ContentManage/Special/ZuiDuoPaoYiCi/img/bigIcons.png") 5px -10px no-repeat #58C3B3; font-size:22px; color:#fff; padding-left:90px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; } #rowB a:hover{ text-decoration:none; } #rowB li:hover{ padding-top:0; } #rowB .li2 a{ background-color:#62A3E1; background-position:5px -110px } #rowB .li3 a{ background-color:#A5C67F; background-position:5px -210px } #rowB .li4 a{ background-color:#DDC674; background-position:5px -510px } #rowB .li1{ width:210px; } #rowB .li3,#rowB .li4{ width:250px; } #rowC img{ vertical-align:top; } .indBox .iHd{ height:60px; line-height:60px; text-align:center; background:url("/wwwxcwgysjcom/Content/Main/ContentManage/Special/ZuiDuoPaoYiCi/img/indBox-hd.jpg") center 0 no-repeat; border-bottom:3px solid #E4E6E8 } .indBox .iHd h3{ font-size:22px; color:#fff; padding-left:40px; } .indBox .iHd h3 a{ color:#fff; } .indBox .iBd{ padding-top:25px; overflow:hidden; text-align:center; } .indBox .picListFl li .title{ font-size:16px; } /* 文章列表页 -------------------------------------- */ /* 内容带图片的信息列表_图片判断式 */ .pageTPList{ margin-top:-15px; text-align:left; } .pageTPList li { padding: 30px 0; border-bottom: 1px solid #E1E1E1; overflow: hidden; } .pageTPList .pic { float: left; margin-right: 30px; width: 150px; } .pageTPList .pic img { width: 100%; height: auto; } .pageTPList .con { overflow: hidden; zoom: 1; } .pageTPList .title { font-size: 18px; line-height: 30px; overflow: hidden; margin-bottom: 5px; } .pageTPList .intro { margin-bottom: 5px; line-height: 25px; color: #777; max-height: 50px; _height: 50px; overflow: hidden; font-size: 14px; } .pageTPList .title a:hover { text-decoration: none; } .pageTPList .intro .more { display: none; } .pageTPList .others { font-size: 13px; color: #aaa; } .pageTPList .others span { margin-right: 15px; } .pageTPList .node { color: #aaa; margin-right: 15px; } .pageTPList .last { border-bottom: 0; margin-bottom: 0; } .pageTPList .on { background: #F9F9F9; } .pageTPList .bds_more, .pageTPList #bdshare { vertical-align: middle; background: url("/wwwxcwgysjcom/Content/Main/ContentManage/Special/Base/img/icons.png") 0 -2142px no-repeat !important; padding: 0 !important; width: 17px !important; height: 17px !important; float: none !important; _display: inline-block !important; padding: 0 !important; margin: 0 !important; } /* sideBox */ .sideBox { margin-bottom: 20px; } .sideBox .hd { height: 40px; line-height: 40px; overflow: hidden; background: #E6E6E6; } .sideBox .hd h3 { float: left; padding: 0 20px; font-size: 16px; background: #1C589A; color: #fff; } .sideBox .bd { border: 1px solid #EAEAEA; padding: 15px; overflow: hidden; } .infoListA li { line-height: 22px; padding: 8px 0 8px 10px; background: url("/wwwxcwgysjcom/Content/Main/ContentManage/Special/ZuiDuoPaoYiCi/img/icons.png") 0 -34px no-repeat; border-bottom: 1px dotted #ccc; overflow: hidden; } .infoListA .date { float: right; color: #999; font-size: 12px; margin-left: 15px; } .infoListA .last { border-bottom: 0 } /* 文章列表页-图片式 -----------------------------------------*/ .pagePicList li { width: 31.3%; height: 260px; } .pagePicList li .pic img { height: 171px; } /* 文章内容页 -----------------------------------------*/ .articleCon { text-align: left; padding: 50px 80px; border: 1px solid #ddd; } .printArea .title { font-size: 30px; line-height: 1.5; text-align: center; margin-bottom: 40px; color:#AD080F } .printArea .subTitle { font-size: 20px; color: #555; text-align: center; margin-bottom: 20px; } .printArea .property { font-size: 14px; margin-bottom: 30px; padding: 6px 10px; color: #777; border: 1px solid #ddd; background: #F8F8F8; position: relative; } .printArea .property span { padding: 0 10px; } .printArea .property span span{ padding:0; } .printArea .property .size { position: absolute; right: 10px; top: 6px; } .printArea .conTxt { color: #333; font-size: 16px; line-height: 2; padding: 0 0 20px 0; overflow: hidden; } .printArea .conTxt img { max-width: 800px; height: auto !important; } .printArea .conTxt p { margin-bottom: 20px; } .printArea .conTxt table p { margin-bottom: 0; } .printArea .conTxt a { color: blue; text-decoration: underline; } .printArea .conTxt em { font-style: italic; } .printArea .conTxt ul, .printArea .conTxt ol { padding-left: 2em; } .printArea .conTxt ul li { zoom: normal; list-style: square; text-indent: 0 !important; } .printArea .conTxt ol li { zoom: normal; list-style: decimal; text-indent: 0 !important; } .printArea .conTxt h1 { font-size: 2em; margin: .67em 0; } .printArea .conTxt h2 { font-size: 1.5em; margin: .75em 0; } .printArea .conTxt h3 { font-size: 1.17em; margin: .83em 0; } .printArea .conTxt h5 { font-size: .83em; margin: 1.5em 0; } .printArea .conTxt h6 { font-size: .75em; margin: 1.67em 0; } .printArea .conTxt h1, .printArea .conTxt h2, .printArea .conTxt h3, .printArea .conTxt h4, .printArea .conTxt h5, .printArea .conTxt h6, .printArea .conTxt b, .printArea .conTxt strong { font-weight: bolder; } .printArea .vedioPlayer { position: relative; z-index: 1500; background: #000; width: 800px; text-align: center; margin: 20px auto; height: 480px; } .articleCon .userControl { font-size: 14px; border-bottom: 1px solid #ddd; overflow: hidden; text-align: left; margin-bottom: 20px; padding: 10px 0; } .articleCon .userControl .a { color: #777; margin: 10px 10px 0 0; float: left; } .articleCon .userControl .bdsharebuttonbox { float: right; } .articleCon .page { padding: 10px 0; text-align: center; } .articleCon .others { margin-bottom: 15px; } .articleCon .others .prev, .articleCon .others .next { padding: 5px 0; } .articleCon .qrCode { text-align: center; padding: 15px 0; color: #999; } .articleCon .rankWrap { overflow: hidden; } .articleCon .rankWrap #djph { width: 600px; float: left; } .articleCon .rankWrap #rdtw { width: 480px; float: right; } .articleCon .rankWrap #rdtw .picPageListA li { width: 46.5%; } .articleCon .rankWrap .bd { padding-top: 15px; } /* 写信页 */ .onlineplForm .hd{ height:50px; line-height:50px; border-bottom:3px solid #E4E5E7; } .onlineplForm .hd h3{ background:#3B86E3; height:50px; line-height:50px; font-size:18px; width:200px; position:relative; } .onlineplForm .hd h3 i{ position:absolute; right:-50px; top:-50px; z-index:-1; border-color:transparent; border-style:dashed; border-width:50px; border-bottom-color:#3B86E3; border-bottom-style:solid; content:""; display:block; font-size:0; line-height:0; width:0; } .onlineplForm .hd .tips{ padding-left:50px; font-size:14px; } .onlineplForm .bd{ padding-left:40px; } .LetterInfoTable td textarea[name=Content]{ border:1px solid #ccc; padding:10px; height:150px !important; width: 78.6%; } #ValidateCode{ width:100px; } .validationcode{ display:inline; } .onlineplForm .bottombt{ text-align:left; padding-left:155px; height:auto } .onlineplForm .bottombt .inputbutton{ height:50px; line-height:50px; background:#3B86E3; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } .onlineplForm .bottombt .restButton{ height:50px; line-height:50px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } /* sideMenu */ .sideMenu .hd{ height:63px; line-height:63px; background:#3E86E2; text-align:center; color:#fff; font-size:22px; } .sideMenu .singleList li{ vertical-align:top; margin-top:10px; } .sideMenu .singleList a{ display:block; border:1px solid #E4E6E8; padding:10px 20px 10px 80px;; font-size:16px; } .sideMenu .singleList .on a{ border:1px solid #C8DDF6; color:#3E86E2 } .sideMenu .singleList a:hover{ text-decoration:none; background:#e1efff; color:#3E86E2 } /* mainBox */ .mainBox .mHd{ height:60px; line-height:60px; border-bottom:3px solid #E4E6E8; margin-bottom:10px; overflow:hidden } .mainBox .mHd h3{ position:relative; float:left; font-size:22px; padding: 0 30px 0 80px; background: url("/wwwxcwgysjcom/Content/Main/ContentManage/Special/ZuiDuoPaoYiCi/img/bigIcons.png") -5px -320px no-repeat #3E86E2; color:#fff; } .mainBox .mHd h3 i{ position:absolute; right:-60px; top:-60px; z-index:-1; border-color:transparent; border-style:dashed; border-width:60px; border-bottom-color:#3B86E3; border-bottom-style:solid; content:""; display:block; font-size:0; line-height:0; width:0; } .bsList li{ font-size:16px; padding:15px 8px; line-height:35px; border-bottom:1px dashed #ccc; overflow:hidden; } .bsList .tit{ padding-left: 18px; background: url("/wwwxcwgysjcom/Content/Main/ContentManage/Special/ZuiDuoPaoYiCi/img/icons.png") 0 -261px no-repeat; } .bsList .links{ float:right; font-size:0 } .bsList .links a, .bsList .links span{ display:inline-block; vertical-align:top; height:35px; line-height:35px; background: url("/wwwxcwgysjcom/Content/Main/ContentManage/Special/ZuiDuoPaoYiCi/img/icons.png") 15px -369px no-repeat #5195EB; color:#fff; font-size:14px; padding: 0 15px 0 40px; margin-left:20px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } .bsList .links .a2{ background-position: 15px -427px; } .bsList .links .disableBtn{ background-color:#ccc !important; } .bsList .links a:hover{ text-decoration:none; background-color:#F59500 } /* 事项内容页 */ .itemDetail{ padding:40px 30px 30px 30px; } .itemDetail .title{ text-align:center; font-size:22px; line-height:1.5; margin-bottom:30px; } .itemDetail .qsBtn{ display:block; height:60px; line-height:60px; width: 196px; background: url("/wwwxcwgysjcom/Content/Main/ContentManage/Special/ZuiDuoPaoYiCi/img/bigIcons.png") 36px -420px no-repeat #58C3B3; margin:0 auto 30px auto; color:#fff; font-size:20px; text-align:center; padding-left: 60px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } .itemDetail .qsBtn:hover{ text-decoration:none; background-color:#4ab9a8 } .itemDetail .disableBtn{ background-color:#bbb !important } .sqTable{ width:100%; margin-bottom:30px; } .sqTable td{ width: 270px; border:1px solid #D9D9D9; font-size:16px; padding:15px 20px 15px 30px; line-height:1.5; color:#999; } .sqTable .name{ background:#F2F8FF; color:#333; padding-left:50px; width:180px; } .sqTab .hd{ overflow:hidden } .sqTab ul{ overflow:hidden; margin-right: -20px; padding-bottom:28px; } .sqTab li{ float:left; height:68px; line-height:68px; text-align:center; color:#fff; font-size:20px; background:#3E86E2; margin-right: 20px; width: 270px; cursor:pointer; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; position:relative } .sqTab i{ display:none; position:absolute; left:50%; bottom:-22px; margin-left:-4px; border-color:transparent; border-style:dashed; border-width:12px; border-top-color:#58C3B3; border-top-style:solid; content:""; font-size:0; line-height:0; width:0; } .sqTab .on{ background:#58C3B3 } .sqTab .on i{ display:block; } .sqTab .bd{ border:1px solid #D9D9D9; padding:40px; font-size:16px; line-height:2; min-height:240px; } /* #1C589A */