/*banner*/
#banner{width:100%;position: relative;}
#banner img{width:100%;}
#banner h1{font-size:6.4rem;color:#fff;position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);margin:0;}
/*��Ʒ����*/
/*left*/
#details .container p{margin:20px 0;color:#666;}
#details .container p a:hover{text-decoration: none;}
#details .container p a:first-child{color:#666;margin:0 10px 0 40px;}
#details .container p a:last-child{color:#333;margin-left:10px;}
#details .container>div{float:left;}
#details .left{width:50%;text-align:center;}
.slider img{width:500px;}

#details .left li:hover{border-color:#30b7fa;}
/*right*/
#details .right{width:50%;}
#details .right>div{width:100%;padding-bottom:8px;border-bottom:1px solid #ddd;}
#details .right>div button{float:right;margin-right:20px;background:#fff;border:1px solid #505050;border-radius:5px;padding:3px 10px;font-size:1.6rem;outline:none;color:#333;}
#details .right>div button:hover{background:#505050;color:#fff;}
#details .right>div span.glyphicon{float:right;font-size:2.2rem;margin-right:20px;}
#details .right>div span{font-size:2.4rem;}
#details .right h3{font-size:2.0rem;}
#details .right p{font-size:1.6rem;line-height:24px;}
#details .right h5.black{font-size:1.8rem;margin-top:30px;}
#details .right .black{color:#000;margin:5px;}
/*content*/
#content{margin-top:30px;margin-bottom:2%}
#content .container>p{width:100%;text-align:left;border-bottom:1px solid #505050;color:#505050;padding-bottom:10px;font-size:1.6rem;}
#content .container>div{margin-top:30px;float:right;}
#content .container>div.left{padding-right:7%;border-right:1px solid #333;min-height:1000px;float:left}
/*left*/
#content .left{width:75%;}
#content .left p>img{width:100%;}
#content .left>p{font-size:1.6rem;line-height:28px;margin:20px 0;}
/*right*/
#content .right{width:25%;color:#707473}
#content .right>p{font-size:1.8rem;line-height:30px;padding-left:20%;font-weight:bold; }
#content .right>p a{float:right;font-size:1.2rem;color:#707473}
#content .right>p a:hover{text-decoration:none;}
#content .right ul{width:100%;padding-left:20%;}
#content .right ul li{width:100%;position:relative;}
#content .right>ul img{width:100%;margin-top: 10px;}
#content .right ul li span{display:block;width:100%;height:30px;left:0;bottom:0;font-size: 1.2rem;background:#333;color:#fff;opacity:0.7;padding-left:10px;line-height:30px;}
#content .right .ul_span li span{position:absolute;bottom:0;overflow:hidden;}
#content .right .about_news{margin-top:30px;}
#content .right .about_news>p{font-size: 1.8rem;line-height: 30px;padding-left: 20%;font-weight:bold;}
#content .right .about_news>p a{float: right;font-size: 1.2rem;color:#707473}
#content .right .about_news .list-unstyled li a{color:#707473}
#content .right .about_news .list-unstyled li a:hover{color:#707473}
#content .right .about_news>ul li b{line-height: 20px;height:25px;font-size:1.5rem; display: block;margin-top:10px; overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
} 
    #content .right .about_news>ul li p{line-height:24px;margin:0}
#content .right .about_news>ul li span{background:#fff;color:#666;padding-left:0;height:24px}
#content .right .about_news>ul li:first-child{border-top: 1px solid #333;}
#content .right>ul li:first-child{border-top: 1px solid #333;}

@media screen and (max-width: 767px) {
    #banner h1{font-size:2.4rem;}
    #details .container>div{width:100%;}
    #details .container .left ul{margin:30px 0 70px 0;}
	body #news_nav{padding:30px 0;}
}


#news_nav{background: #f7f8f9;padding: 52px 0;}
#news_nav .container p{font-size: 36px;font-weight: 400;margin-bottom: 5px;color:#707473; margin-top:0;padding-left: 15px;}
#news_nav ul{margin: 0;background: 0 0;color: #707473;text-transform: capitalize;font-weight: 300;font-size: 12px;padding: 0 0 0 3px;padding-left: 15px;}
#news_nav ul li{display: inline-block;font-weight: 400;}
#news_nav ul>li+li:before{color: #707473;padding: 0 3px 0 6px;content: '/\00a0';}
#news_nav a{color: #707473; text-decoration: none;}
#news_nav a:hover{color:#44a8f2;}


.newsroom h4{font-size: 18px;color: #707473;font-weight: 400;margin-bottom:15px;}
.news-details{margin-top: 45px;}
.news-details h2{margin-bottom: 18px;color: #44a8f2;font-size: 18px;}
.news_desc a:hover{color: #fff; text-decoration: none;}
.btn-news-series{
    font-size: 12px;
    background: #6a6d69;
    color: #fff;
    display: inline-block;
    line-height: 22px;
    padding: 0 5px;
    text-transform: uppercase!important;
    font-weight: 300;
    margin-right: 7px;
    border-radius: 2px;
}

.pull-left{float: left!important;margin:0;}
.date{font-size: 12px;padding-right: 10px;}
.article{width: 100%;  float: left; margin-top: 20px;font-weight: 300;}
.newsroom-nav {
    padding-left: 80px;
    margin-bottom: 20px;
}
.newsroom-nav h4.title {
    font-size: 18px;
    color: #707473;
    margin-bottom: 15px;
}
.newsroom-nav ul.nav-list {
    color: #44a8f2;
    margin: 0;
    padding: 0;
    list-style: none;
}
.newsroom-nav ul.nav-list li {
    line-height: 30px;
    margin-bottom: 20px;
}
.newsroom-nav ul.nav-list li a{color:#44a8f2}
.newsroom-nav ul.nav-list li a:hover{color:#44a8f2; text-decoration: none;}
.newsroom-tags{padding-left: 80px;margin-bottom: 40px;}
.newsroom-tags ul{margin:0;padding:0;list-style: none;vertical-align: baseline;}
.newsroom-tags ul li{margin-right: 5px;margin-bottom: 5px;}
.newsroom-tags ul li a{line-height: 18px;border: solid 1px #44a8f2;padding: 3px 6px;display: inline-block;font-size: 12px;font-weight: 400;border-radius: 2px;color:#44a8f2}
.newsroom h4{font-size: 18px;color: #707473;font-weight: 400;margin-bottom:15px;margin-top: 0;}
.recent-news {padding-left: 80px;margin-bottom: 40px;}
.recent-news font{color:##707473;}
.recent-news ul{margin:0;padding:0;list-style: none;vertical-align: baseline;}
.recent-news ul li{width: 230px;margin-bottom: 20px;}
.recent-news ul li a.pic-box{display: block;width: 230px;min-height: 175px;}
.recent-news ul li a.cover{width: 230px;  height: 138px;}
.recent-news ul li a.title{padding-bottom: 10px;  padding-top: 16px;}
.recent-news ul li a img{width: 230px;}