/*æ–°é—»ä¸å¿ƒ*/
.news-container{ padding: 20px 0 0 0;}
.news-container .channel_mod{ float: left; width: 1280px; padding-left: 300px;min-height:376px;}
.news-container .channel_mod .news-navitems {
position: absolute;
width: 260px;
top: 555px;
left: 50%;
right: 50%;
margin-left: -640px;
z-index: 9;
border-radius: 6px;
overflow: hidden;
}
#news-banner {
height: 400px;
}
.news-navitems-scroll {
position: fixed;
width: 160px;
top: 0;
left: 50%;
right: 50%;
margin: auto;
margin-left: -640px;
z-index: 1000;
transition: all .3s;
border-radius: 6px;
overflow: hidden;
}
.news-container .channel_mod .circles-nav .hd{
display: none;
height: 41px;
background-color: #1a6eb3;
border-radius: 4px 4px 0 0;
line-height: 40px;
color: #fff;
text-align: center;
}
.news-container .channel_mod .circles-nav .bd {
background-color: #fff;
}
.news-container .channel_mod .circles-nav .bd .list{
padding: 20px 20px;
border-radius: 6px;
overflow: hidden;
font-size: 15px !important;
}
.news-container .channel_mod .circles-nav .bd .list li{
margin-bottom: 15px;
}
.news-container .channel_mod .circles-nav .bd .list li a{
position: relative;
display: block;
color: #8a8a8a;
line-height: 40px;
padding-left: 16px;
border-radius: 10px;
}
.news-container .channel_mod .circles-nav .bd .list li a i{
width: 18px;
height: 18px;
display: inline-block;
vertical-align: middle;
margin: -2px 7px 0 0;
}
.news-container .channel_mod .circles-nav .bd .list li a i.GYZX {
background: url(/images/news-nav@icon.png);
}
.news-container .channel_mod .circles-nav .bd .list li a:hover i.GYZX {
background: url(/images/news-nav@icon.png) -18px 0;
}
.news-container .channel_mod .circles-nav .bd .list li a.active i.GYZX {
background: url(https://img.jdbpcb.com/new_web/images/news/news-nav@icon.png) -18px 0;
}
.news-container .channel_mod .circles-nav .bd .list li a i.HYGG {
background: url(https://img.jdbpcb.com/new_web/images/news/news-nav@icon.png) 0 -173px;
}
.news-container .channel_mod .circles-nav .bd .list li a:hover i.HYGG {
background: url(/images/news-nav@icon.png) -19px -173px;
}
.news-container .channel_mod .circles-nav .bd .list li a.active i.HYGG {
background: url(https://img.jdbpcb.com/new_web/images/news/news-nav@icon.png) -19px -173px;
}
.news-container .channel_mod .circles-nav .bd .list li a i.JSDT {
height: 18px;
background: url(https://img.jdbpcb.com/new_web/images/news/news-nav@icon.png) 0 -25px;
}
.news-container .channel_mod .circles-nav .bd .list li a:hover i.JSDT{
background: url(/images/news-nav@icon.png) -18px -25px;
}
.news-container .channel_mod .circles-nav .bd .list li a.active i.JSDT{
background: url(/images/news-nav@icon.png) -18px -25px;
}
.news-container .channel_mod .circles-nav .bd .list li a i.DLT{
background: url(/images/news-nav@icon.png) 0 -51px;
}
.news-container .channel_mod .circles-nav .bd .list li a:hover i.DLT{
background: url(/images/news-nav@icon.png) -18px -51px;
}
.news-container .channel_mod .circles-nav .bd .list li a.active i.DLT{
background: url(/images/news-nav@icon.png) -18px -51px;
}
.news-container .channel_mod .circles-nav .bd .list li a i.ZXXZ{
background: url(/images/news-nav@icon.png) 0 -77px;
}
.news-container .channel_mod .circles-nav .bd .list li a:hover i.ZXXZ{
background: url(/images/news-nav@icon.png) -18px -77px;
}
.news-container .channel_mod .circles-nav .bd .list li a.active i.ZXXZ{
background: url(/images/news-nav@icon.png) -18px -77px;
}
.news-container .channel_mod .circles-nav .bd .list li a i.JSWZ{
height: 18px;
background: url(/images/news-nav@icon.png) 0 -101px;
}
.news-container .channel_mod .circles-nav .bd .list li a:hover i.JSWZ{
background: url(/images/news-nav@icon.png) -18px -101px;
}
.news-container .channel_mod .circles-nav .bd .list li a.active i.JSWZ{
background: url(/images/news-nav@icon.png) -18px -101px;
}
.news-container .channel_mod .circles-nav .bd .list li a i.JSYJ{
height: 19px;
background: url(/images/news-nav@icon.png) 0 -127px;
}
.news-container .channel_mod .circles-nav .bd .list li a:hover i.JSYJ{
background: url(/images/news-nav@icon.png) -18px -127px;
}
.news-container .channel_mod .circles-nav .bd .list li a.active i.JSYJ{
background: url(/images/news-nav@icon.png) -18px -127px;
}
.news-container .channel_mod .circles-nav .bd .list li a i.FASJ{
height: 19px;
background: url(/images/news-nav@icon.png) 0 -152px;
}
.news-container .channel_mod .circles-nav .bd .list li a:hover i.FASJ{
background: url(/images/news-nav@icon.png) -18px -152px;
}
.news-container .channel_mod .circles-nav .bd .list li a.active i.FASJ{
background: url(/images/news-nav@icon.png) -18px -152px;
}
.news-container .channel_mod .circles-nav .bd .list li a i.QBZX{
height: 19px;
background: url(/images/news-nav@icon.png) 0 -194px;
}
.news-container .channel_mod .circles-nav .bd .list li a:hover i.QBZX{
background: url(/images/news-nav@icon.png) -18px -194px;
}
.news-container .channel_mod .circles-nav .bd .list li a.active i.QBZX {
background: url(/images/news-nav@icon.png) -18px -194px;
}
.news-container .channel_mod .circles-nav .bd .list li a:hover {
color: #323bff;
background-color: #fafafa;
}
.news-container .channel_mod .circles-nav .bd .list li a:hover i{
opacity: 1;
}
.news-container .channel_mod .circles-nav .bd .list li a.active {
color: #323bff;
background-color: #ffefe5;
}
.news-container .channel_mod .circles-nav .bd .list li a.active i{
opacity: 1;
}
.news-container .channel_mod .focus{ background-color: #fff; overflow: hidden; padding: 20px; }
.news-container .channel_mod .focus .p-img{ display: block; overflow: hidden; position: relative; max-height: 400px; }
.news-container .channel_mod .focus .p-img img{ width: 100%;}
.news-container .channel_mod .focus .p-info{ background-color: #fff; margin-top: 15px;}
.news-container .channel_mod .focus .p-info .share .dt{ margin-bottom: 5px;}
.news-container .channel_mod .focus .p-info .share .time{ margin-left: 5px;}
.news-container .channel_mod .focus .p-info .share{ overflow: hidden; margin-top: 10px;}
.news-container .channel_mod .hotnews{ padding:25px 20px; background-color: #fff; border-radius: 6px;}
.news-container .channel_mod .hotnews img{max-width:100%;}
.news-container .channel_mod .hotnews h2 {
font-size: 24px;
line-height: 1;
font-weight: bold;
}
.news-container .channel_mod .hotnews h2 i.hot{ display: inline-block; vertical-align: middle; margin: -5px 5px 0 4px; width: 23px; height: 27px; background: url(/images/news-hot@icon.png);}
.news-container .channel_mod .hotnews .list ul li{ overflow: hidden; padding: 22px 0; border-top: 1px solid #f5f5f5;}
.news-container .channel_mod .hotnews .list ul li:hover a {
color: #323bff;
font-weight: bold;
}
.news-container .channel_mod .hotnews .list ul li .ms{ margin: 4px 0; line-height: 1.6; background-color: #fafafa; border-radius: 3px; padding:12px 15px; color: #8a8a8a !important;}
.news-container .channel_mod .hotnews .list ul li .detail{ float: left; width: 753px;}
.news-container .channel_mod .hotnews .list ul li h3{ overflow: hidden; font-size: 16px; font-weight: bold; max-height: 52px;}
.news-container .channel_mod .hotnews .list ul li:first-child {
border-top: none;
}
.news-container .channel_mod .hotnews .list ul li .time{ color: #c2c2c2;}
.news-container .channel_mod .hotnews .list .picture {
float: left;
margin-right: 18px;
margin-top: 2px;
width: 168px !important;
height: 110px;
overflow: hidden;
min-width: 168px;
max-width: 168px
}
.news-container .channel_mod .hotnews .list a.picture {
display: block;
position: relative;
}
.news-container .channel_mod .hotnews .list a.picture img{
width: 100%;
border-radius: 6px;
overflow: hidden;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.news-container .channel_mod .hotnews .list a{
width: 100%;
border-radius: 6px;
}
.news-container .channel_mod .hotnews .list a.picture:hover img{
transform: scale(1.08,1.08);
}
.news-container .channel_mod .news-list-pages{ padding: 5px 0 25px; text-align: center;}
.news-container .sidebar{ width: 1115px; }
.news-container .sidebar .recommend-mod{
overflow: hidden;
padding: 20px 20px 0;
background-color: #fff;
border-radius: 3px;
margin-bottom: 20px;
border-radius: 6px;
}
.news-container .sidebar .recommend-mod:first-child{
background: url(/images/topics@bg.jpg) #fff no-repeat top right !important;
}
.news-container .sidebar .recommend-mod:first-child .hd{
border-bottom: 0
}
.news-container .sidebar .recommend-mod .hd{
height: 24px;
position: relative;
padding-bottom: 12px;
}
.news-container .sidebar .recommend-mod .hd .space{ display: none; position: absolute; left: -10px; top: 1px; width: 4px; height: 22px; background-color: #f54c18;}
.news-container .sidebar .recommend-mod .hd .more{
display: none;
margin-top: 2px;
color: #999;
margin-right: 10px;
float: right;
}
.news-container .sidebar .recommend-mod .hd .quote{
margin-top: 2px;
color: #8a8a8a;
float: right;
border-radius: 3px;
}
.news-container .sidebar .recommend-mod .hd .quote i{
display: inline-block;
vertical-align: middle;
width: 13px;
height: 13px;
margin: -2px 3px 0 0;
background: url(/images/quote@icon.png);
}
.news-container .sidebar .recommend-mod .hd .quote:hover{
color: #323bff;
}
.news-container .sidebar .recommend-mod .hd .quote:hover i{
background: url(/images/quote@icon.png) 0 -13px;
}
.news-container .sidebar .recommend-mod .bd .recommend-project-list{
margin-top: 2px;
padding: 0 0 10px;
}
.news-container .sidebar .recommend-mod .bd .recommend-project-list ul{
}
.news-container .sidebar .recommend-mod .bd .recommend-project-list ul li {
overflow: hidden;
margin-bottom: 10px;
float: left;
width: 33%;
}
.news-container .sidebar .recommend-mod .bd .recommend-project-list ul li:first-child{
border-top: 0;
}
.news-container .sidebar .recommend-mod .bd .recommend-project-list ul li .inner{
position: relative;
display: block;
padding: 0 10px 0 104px;
}
.news-container .sidebar .recommend-mod .bd .recommend-project-list ul li .inner .pic{
overflow: hidden;
position:absolute;
width: 90px;
height:62px;
top:0;
left:0;
background-color: #999;
border-radius: 6px;
overflow:hidden;
}
.news-container .sidebar .recommend-mod .bd .recommend-project-list .more{ display:block; border-radius: 3px; height: 32px; line-height: 32px; color: #888; background-color: #f8f8f8; text-align: center; margin: 5px 0 8px;}
.news-container .sidebar .recommend-mod .bd .recommend-project-list .more:hover{ background-color: #323bff; color: #fff;}
.news-container .sidebar .recommend-mod .bd .recommend-project-list ul li .inner .pic img{
width: 122px;
}
.news-container .sidebar .recommend-mod .bd .recommend-project-list ul li .inner .info{ height: 75px; line-height: 1.3; border-bottom: 1px solid #f2f2f2; }
.news-container .sidebar .recommend-mod .bd .recommend-project-list ul li:last-child{ margin-bottom: 0;}
.news-container .sidebar .recommend-mod .bd .recommend-project-list ul li:last-child .info{ border-bottom: 0;}
.news-container .sidebar .recommend-mod .bd .recommend-project-list ul li .inner .info .time{ margin-top: 12px; margin-right: 5px;}
.news-container .sidebar .recommend-mod .bd .recommend-project-list ul li .inner .info .time{ display: inline-block; vertical-align: middle;}
.news-container .sidebar .recommend-mod .bd .recommend-project-list ul li .inner .info .time i{ display: inline-block; vertical-align: middle; display: none; margin: -3px 2px 0 0; width: 14px; height: 14px; background: url(/images/time@icon.png);}
.news-container .sidebar .recommend-mod .bd .recommend-project-list ul li .inner .info .c9{ display:inline-block; vertical-align: middle; margin-top: 10px; }
.news-container .sidebar .recommend-mod .bd .recommend-project-list ul li .inner .info .ellipsis-2{ -webkit-line-clamp: 2;}
.news-container .sidebar .recommend-mod .bd .recommend-product-list ul{ overflow: hidden; padding: 0 0 14px 0}
.news-container .sidebar .recommend-mod .bd .recommend-product-list ul li{ border-radius: 3px; overflow:hidden; float: left; background-color: #f8f8f8; padding: 5px 12px; margin-right:8px; margin-bottom: 8px; display: block;}
.news-container .sidebar .recommend-mod .bd .craft-show-list{ padding-bottom: 10px;}
.news-container .sidebar .recommend-mod .bd .craft-show-list ul{ overflow: hidden; padding-bottom: 10px; }
.news-container .sidebar .recommend-mod .bd .craft-show-list ul li{ width: 33.33%; float: left; }
.news-container .sidebar .recommend-mod .bd .craft-show-list ul li .item{ padding: 5px 0;}
.news-container .sidebar .recommend-mod .bd .craft-show-list ul li .item p{ margin-top: 5px;}
.news-container .sidebar .recommend-mod .bd .recommend-office-list ul{ overflow: hidden; padding: 10px 10px;}
.news-container .sidebar .recommend-mod .bd .recommend-office-list ul li{ overflow: hidden; border-bottom: 1px solid #e1e3e5; padding: 10px 0;}
.news-container .sidebar .recommend-mod .bd .recommend-office-list ul li span{ overflow:hidden; float: left; padding: 0 9px; margin-right: 0; margin-bottom: 5px; display: block;}
.news-container .sidebar .recommend-mod .bd .recommend-office-list ul li:last-child{ border-bottom: 0;}
/*新闻详情*/
.news-container .news-detail{ float: left; width: 100%;}
.news-container .news-detail .location{ padding: 2px 0 6px; border-bottom: 1px solid #eaeaea; color: #8a8a8a;}
.news-container .news-detail .location a{ margin-right: 7px; color: #8a8a8a;}
.news-container .news-detail .location a:hover{ color: #323bff;}
.news-container .news-detail .location a.dt{ display: inline-block; vertical-align: middle; margin: -5px 8px 0 0; width: 76px; height: 18px; background:url(/images/news@dt2.png); display: none;}
.news-container .news-detail .location a i{ width: 4px; height: 7px; display: inline-block; vertical-align: middle; margin-top: -2px; background: url(/images/news-spacer@icon.png); margin-left: 7px;}
.news-container .news-detail h1{ font-size: 35px; font-weight: bold; margin-top: 20px;}
.news-container .news-detail .content{ position: relative; margin-top: 45px; }
#news-detail-nav{transition: all .5s}
.news-container .news-detail .content .LeftTool .news-detail-navitems-scroll{ position: fixed; left: auto; top: 0; margin: auto; height: 500px; border-right:1px solid #e9e9e9; width: 80px; padding-right: 30px; text-align: center; }
.news-container .news-detail .content .LeftTool .left-stick-wp{position: absolute; left: 0; top: 0; height: 500px; border-right:1px solid #eaeaea; width: 110px; padding-right: 30px; text-align: center;}
.news-container .news-detail .content .LeftTool .year {
color: #000;
font-family:Politica;
}
.news-container .news-detail .content .LeftTool .through {
position: relative;
}
.news-container .news-detail .content .LeftTool .through span {
position: relative;
z-index: 9;
display: inline-block;
background: #f4f7fa;
padding: 0 5px;
font-family: Politica;
}
.news-container .news-detail .content .LeftTool .through:after {
content: "";
display: block;
width: 100%;
height: 1px;
background: #e9e9e9;
position: absolute;
top: 50%;
left: 0;
z-index: 1;
}
.news-container .news-detail .content .LeftTool .md{
font-size: 34px;
line-height: 1.2;
font-family: Politica;
}
.news-container .news-detail .content .LeftTool .time {
font-size: 20px;
color: #000;
margin-bottom: 25px;
font-family: Politica;
}
.news-container .news-detail .content .LeftTool .author {
display: inline-block;
line-height: 18px;
color: #1a6eb3;
}
.news-container .news-detail .content .LeftTool .qiehao {
display: inline-block;
margin-top: 3px;
border-radius: 16px;
line-height: 18px;
padding: 0 8px;
background-color: #1a6eb3;
color: #fff;
}
.news-container .news-detail .content .LeftTool .share-title{
margin-top: 100px;
margin-bottom: 18px;
}
.news-container .news-detail .content .LeftTool .share a{
display: block;
width: 40px !important;
height: 40px !important;
padding: 0;
margin: 10px auto 0;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
}
.news-container .news-detail .content .LeftTool .share a:hover{
-webkit-animation: rock .4s;
animation: rock .4s
}
@-webkit-keyframes rock {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
50% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg)
}
to {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
}
@keyframes rock {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
50% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg)
}
to {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
}
.news-container .news-detail .content .LeftTool .share a.wx{
background:url(/images/icon/share@icon.png) no-repeat #ccc;
}
.news-container .news-detail .content .LeftTool .share a.wx:hover{
background:url(/images/icon/share@icon.png) no-repeat #3dbe5b;
}
.news-container .news-detail .content .LeftTool .share a.qq{
background:url(/images/icon/share@icon.png) 0 -41px no-repeat #ccc;
}
.news-container .news-detail .content .LeftTool .share a.qq:hover{
background:url(/images/icon/share@icon.png) 0 -41px no-repeat #21b3f7;
}
.news-container .news-detail .content .LeftTool .share a.kj{
background:url(/images/icon/share@icon.png) 0 -82px no-repeat #ccc;
}
.news-container .news-detail .content .LeftTool .share a.kj:hover{
background:url(/images/icon/share@icon.png) 0 -82px no-repeat #f8c514;
}
.news-container .news-detail .content .LeftTool .share a.wb{
background:url(/images/icon/share@icon.png) 0 -123px no-repeat #ccc;
}
.news-container .news-detail .content .LeftTool .share a.wb:hover{
background:url(/images/icon/share@icon.png) 0 -123px no-repeat #ff5757;
}
.news-container .news-detail .content .content-article{ font-size: 18px !important; line-height: 2.2 !important;padding-left: 165px }
.news-container .news-detail .content .content-article img{ max-width: 100% !important; margin: 30px auto; display: block; }
.news-container .news-detail .content .article-status {
padding: 40px 0 0;
}
.news-container .news-detail .content .article-status .through{
position: relative;
text-align: center;
}
.news-container .news-detail .content .article-status .through span{
position: relative;
z-index: 2;
display: inline-block;
background: #f4f7fa;
text-transform:uppercase;
padding: 0 5px;
}
.news-container .news-detail .content .article-status .through:after {
content: "";
display: block;
width: 100%;
height: 1px;
background: #e9e9e9;
position: absolute;
top: 50%;
left: 0;
z-index: 1;
}
.news-container .news-detail .content .news-page{ overflow: hidden; padding: 30px 0 50px;}
.news-container .news-detail .content .news-page a{ float: left; width: 50%; color: #484848; }
.news-container .news-detail .content .news-page a.next{ text-align:right;}
.news-container .news-detail .content .news-page a span{ color: #323bff;}
.news-container .news-detail .content .news-page a span:hover{ color:#f54c18;}