.newsinfo-main .detail@charset "utf-8";
html, body{
position: relative;
}
.header{
position: relative;
}
.footer{
background: #fff;
}
.b-wrap{
position: relative;
width: 1005px;
margin: 0 auto;
}
.brand-banner{
position: relative;
z-index: 1;
height: 554px;
}
.brand-banner li{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 554px;
display: none;
}
.brand-banner .btn{
right: 40px;
height: 12px;
position: absolute;
bottom: 80px;
z-index: 1;
}
.brand-banner .btn span{
display: inline-block;
width: 12px;
height: 12px;
margin-left: 14px;
cursor: pointer;
overflow: hidden;
background: url(../img/banner_btn.png) no-repeat -12px 0;
}
.brand-banner .btn span.on{
background-position: 0 0px;
}
/*News*/
.news-wrap{
padding: 50px 0 85px;
/* background: url(../img/brand/bg_news.jpg) no-repeat center top fixed #002a4f; */
background: #f2f2f2;
overflow: hidden;
}
.news-box{
position: relative;
width: 1200px;
margin: 30px auto 0;
}
.w956{
position: relative;
width: 1295px;
margin: 0px auto 0;
}
.news-title{
height: 188px;
text-align: center;
}
.news-title h2{
font-weight: normal;
font-size: 48px;
line-height: 82px;
color: #fff;
}
.news-title img{
display: block;
margin: 0 auto 30px;
}
.news-title a{
display: inline-block;
float: left;
width: 158px;
font-size: 14px;
line-height: 36px;
color: #fff;
background: url(../img/newsnav_bg.png) no-repeat 100% 0;
margin-right: 30px;
}
.news-title a.first{
margin-left: 300px;
}
.news-title a:hover, .news-title a.on{
background-position: 0 0;
color: #1f6aad;
}
.news-listin li{
position: relative;
width: 1120px;
height: 200px;
padding: 20px 40px 20px 40px;
background: #fff;
margin-bottom: 18px;
transition: all .3s;
}
.news-listin li .news-img{
width: 280px;
height: 200px;
overflow: hidden;
transition: all 1s;
}
.news-listin li:hover .news-img{
transform: scale(1.1);
}
.news-listin li:hover{
box-shadow: 9px 9px 5px rgba(0,0,0,.1);
}
.news-listin .intro{
float: right;
width: 800px;
height: 200px;
font-size: 16px;
line-height: 20px;
color: #949494;
}
.news-listin .intro a{
display: inline-block;
width: 100%;
font-size: 16px;
line-height: 30px;
color: #949494;
}
.news-listin .intro a.tit{
padding-top: 6px;
font-size: 22px;
line-height: 34px;
font-weight: 700;
color: #434343;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.news-listin .intro a.more{
position: absolute;
right: 52px;
bottom: 14px;
width: auto;
padding-right: 22px;
font-size: 12px;
line-height: 30px;
color: #fefefe;
}
.news-listin .intro .headline{
font-size: 14px;
padding:5px 10px;
margin-right: 5px;
background: #faa701;
color: #fff;
vertical-align: middle;
}
.news-listin li:hover .tit{
color: #0066cc;
}
.news-listin .intro p{
margin-top: 10px;
padding-bottom: 24px;
border-bottom: 1px dashed #b4afaf;
margin-bottom: 24px;
}
.news-listin .btn{
padding-top: 38px;
height: 40px;
text-align: center;
}
.news-listin .btn a{
display: inline-block;
width: 188px;
font-weight: bold;
font-size: 14px;
line-height: 40px;
color: #fff;
background: #5995ca;
}
.news-listin .btn a:hover{
color: #000;
background: #fff;
}
.newsinfo-bg{
width: 1200px;
margin: 20px auto;
background: #fff;
padding: 50px 20px 20px;
box-sizing: border-box;
}
.newsinfo-main h2{
margin: 0 auto;
font-weight: normal;
font-size: 28px;
line-height: 45px;
color: #000;
text-align: center;
}
.newsinfo-main .time{
margin-bottom: 40px;
font-size: 16px;
color: #9099a3;
text-align: center;
border-bottom: 1px solid #ededed;
padding-bottom: 30px;
margin-top: 30px;
}
.newsinfo-main .detail{
font-size: 16px;
line-height: 26px;
color: #333;
padding:0 80px;
}
.newsinfo-main .detail p{
margin-bottom: 20px;
}
.newsinfo-main .detail img{
/*display: block;*/
margin: 0 auto;
max-width: 820px;
}
.newsinfo-main.jobinfo-main .detail img{
margin: 0;
max-width: 100%;
}
.newsinfo-main .detail b{
font-size: 16px;
color: #fff;
}
.newsinfo-main .turn{
position: relative;
margin-top: 38px;
border-top: 1px solid #ededed;
padding-top: 30px;
font-size: 16px;
line-height: 24px;
color: #5e5e5e;
margin-bottom: 30px;
}
.newsinfo-main .turn a{
color: #5e5e5e;
}
.newsinfo-main .turn a:hover{
color: #004b8d;
}
.newsinfo-main .turn a.back{
display: inline-block;
position: absolute;
right: 0;
top: 30px;
width: 130px;
height: 45px;
font-size: 14px;
line-height: 45px;
color: #0066cc;
text-align: center;
border: 1px solid #0066cc;
transition: all .5s;
}
.newsinfo-main .turn a.back:hover{
color: #fff;
background: #0066cc;
background-position: 0 -26px;
}
.news-select{
position: relative;
height: 35px;
z-index: 3;
}
.news-select-box{
float: right;
width: 104px;
height: 22px;
position: relative;
background: url(../img/news_sel_bg01.png) no-repeat;
cursor: pointer;
}
.news-select-box .news-select-cur{
display: inline-block;
width: 104px;
height: 22px;
text-indent: 9px;
line-height: 22px;
color: #fff;
font-size: 14px;
}
.news-select-box ul{
display: none;
position: absolute;
background: #fff;
left: 0;
top: 22px;
border: 1px solid #afc8dd;
border-top: 0;
border-bottom: 0;
}
.news-select-box ul li{
width: 100%;
line-height: 24px;
border-bottom: 1px solid #afc8dd;
}
.news-select-box ul li a{
display: block;
padding-left: 9px;
color: #1f6aad;
font-size: 14px;
}
.news-select-box ul li a:hover{
background: #d4e7f8;
}
.page{height:52px;margin-bottom: 110px;margin-top: 25px;}
.page-box{line-height:50px;margin:auto;width:max-content;max-width:1200px}
.page-box span{background:#fff;display:inline-block;line-height:50px;height:50px;padding:0 20px;border:1px solid #e6e6e6;float:left;color:#999}
.page-box .valign a{background:#fff;display:inline-block;float:left;height:50px;width:50px;text-align:center;border:1px solid #e6e6e6;transition:all .5s;font-size:16px;color:#999;margin-right: 10px}
.page-box .valign a:hover{transition:all .5s;background:#0066cc;color:#fff;border-color:#0066cc;}
/* .page-box .valign .special{border-left:1px solid #e6e6e6;width:108px} */
.page-box .valign .btn-next,.page-box .valign .btn-prev{width:50px;font-size: 16px;}
.page-box .valign .active{background:#0066cc;color:#fff;border-color:#0066cc;}