/*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;
}