/*html5*/ article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block} body{ overflow-x: hidden; } *{ font-family: 'microsoft yahei'; box-sizing: border-box; } ul{ list-style: none; /*list-style-position: inside;*/ } a{ color: inherit; text-decoration: none; } a:hover{ /*text-decoration: none;*/ } h1,h2,h3,h4,h5,h6,p,ul,li{ padding: 0; margin: 0; } h1{ font-size: 14px; } p{ font-size: inherit; } html{ background:url("/jyyw/Images/bk.jpg") top/cover no-repeat; } body{ margin: 0; } /*special*/ .text-center{ text-align: center; } .img-res{ max-width: 100%; } /*! special*/ /* Grid */ .row{ width: calc(100% + 10px); margin: 0 -4px; } .row+.row{ margin-top: 7px; } .row::after{ content: ' '; clear: both; display: table; } .col-auto,col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{ float: left; padding: 0 4px; } .col-auto{ width: auto; } .col-full{ overflow: hidden; } .col-1{ width: 8.333333% } .col-2{ width: 16.66666% } .col-3{ width: 25% } .col-4{ width: 33.33333% } .col-5{ width: 41.66666% } .col-6{ width: 50% } .col-7{ width: 58.33333% } .col-8{ width: 66.66666% } .col-9{ width: 75% } .col-10{ width: 83.33333% } .col-11{ width: 91.66666% } .col-12{ width: 100% } .col-offset-1{ margin-left: 8.333333% } .col-offset-2{ margin-left: 16.66666% } .col-offset-3{ margin-left: 25% } .col-offset-4{ margin-left: 33.33333% } .col-offset-5{ margin-left: 41.66666% } .col-offset-6{ margin-left: 50% } .col-offset-7{ margin-left: 58.33333% } .col-offset-8{ margin-left: 66.66666% } .col-offset-9{ margin-left: 75% } .col-offset-10{ margin-left: 83.33333% } .col-offset-11{ margin-left: 91.66666% } .col-offset-12{ margin-left: 100% } /*! Grid*/ .Bk{ position: absolute; z-index: 0; top: 0; right: 0; left: 0; height: 400px; background: url("/jyyw/Images/top_bj.jpg") repeat-x; } .Content{ /*position: absolute; left: 50%; top:-5px; transform: translateX(-50%); z-index: 1;*/ width: 1002px; margin: 0 auto; } .PageHeader{ position: relative; /*height: 250px;*/ z-index: 10; } .PageHeader .FlashWrapper{ height: 352px; /*margin-top: -10px;*/ /*position: absolute;*/ /*top: 0; right: 0; bottom: 0; left: 0;*/ /*background: #fff;*/ } .PageHeader .FlashWrapper embed{ width: 100%; position: relative; height: 352px; width: 1002px; } .PageHeader .nav{ position: absolute; right: 10px; bottom: 0; } .PageHeader .nav li{ display: inline-block; padding: 6px 17px; border-top-left-radius: 4px; border-top-right-radius: 4px; color: #fff; font-size: 14px; background-color: #2098d7; } .PageFooter{ position: relative; height: 80px; padding: 10px 0; margin: 0; background: url("/jyyw/Images/ybj.jpg") repeat-x; } .PageFooter .row>div{ position: absolute; top: 50%; transform: translateY(-50%); } .PageFooter .Text{ color: #fff; font-size: 12px; } .Board{ border: 1px solid #899ab9; } .Board.Red{ border: 1px solid #f98b86; } .Board .BoardTitle{ position: relative; height: 30px; width: 100%; background: url("/jyyw/Images/board_title_bk.jpg") right/cover; } .Board.White .BoardTitle{ background: url("/jyyw/Images/board_title_bk_white.jpg") left/contain repeat-x; } .Board.Red .BoardTitle{ background: url("/jyyw/Images/board_title_bk_red.jpg") right/cover; } .Board .BoardTitle::before{ content: ' '; display: inline-block; height: 100%; width: 30px; background: url("/jyyw/Images/board_title_icon.png") center/50% no-repeat; } .Board .BoardTitle .More{ font-family: '宋体'; position: absolute; right: 6px; line-height: 30px; font-size: 12px; color: #0b4788; } .Board .BoardTitle img{ position: absolute; top: 50%; transform: translateY(-50%); } .Board .BoardTitle h1{ display: inline-block; position: absolute; top: 50%; transform: translateY(-60%); z-index: 2; color: #fff; /*word-spacing: 1px;*/ letter-spacing: 1px; } .Board.White .BoardTitle h1{ transform: translateY(-55%); } .Board .BoardTitle h1.TextStrokeCpy{ z-index: 1; /*padding-left: 1px;*/ font-weight: bolder; text-shadow: 4px 4px 4px #000; -webkit-text-stroke: 6px #0873ae; /*letter-spacing: 2px;*/ } .Board .BoardBody{ position: relative; width: 100%; padding:20px 12px 20px 12px; padding-left: 5px; background-color: #fff; overflow: hidden; } .Board .BoardBody .BoardList{ /*list-style: initial;*/ /*list-style-position: inside;*/ } .Board .BoardBody .BoardList *{ font-family: '宋体'; font-size: 12px; } .Board .BoardBody .BoardList li{ position: relative; height: 27px; line-height: 27px; } .Board .BoardBody .BoardList li+li{ /*margin-top: 10px;*/ } .Board .BoardBody .BoardList li::before{ /*font-weight: bold;*/ font-size: 17px; position: relative; top: -6px; margin:0 -8px 0 0; } .Board .BoardBody .BoardList .Left{ display: inline-block; width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:12px } .Board .BoardBody .BoardList .Right{ /*text-align: right;*/ position: absolute; right: 0; font-size:12px } .Board .BoardBody .BoardList .Left1{ display: inline-block; width: 100%; overflow: hidden; text-overflow: ellipsis; } .Board .BoardBody .BoardList .Right1{ /*text-align: right;*/ position: absolute; right: 0; } .Board .BoardBody .More{ position: absolute; right: 7px; bottom: 10px; } .Board .BoardBody .More:hover{ color: #0b4788; } .BoardBody .BoardPager{ position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); } .BoardBody .BoardPager li{ display: inline-block; border: 1px solid #0b4788; color: #0b4788; width: 25px; height: 25px; text-align: center; } .BoardBody .BoardPager li.specialPager{ width: auto; } .BoardBody .BoardPager li.active{ border-color: #999; color: #999; } .PageBody{ padding: 8px 7px; position: relative; background-color: #fff; z-index: 20; }