html,body { width: 100%;height: 100%; font-family:"微软雅黑",Arial;font-size: 14px;overflow: hidden;}
ul, ol, li { list-style: none;  -webkit-margin-before: 0em; -webkit-margin-after: 0em;;  -webkit-padding-start: 0px; }
*[class^="col-"]{padding-right: 0px;padding-left: 0px;}
a,a:hover {color:#666; text-decoration: none}
.content{width: 100%;height: 100%}
.content .content_left{width: 16%;height: 100%;background: #fff;display: inline-block;float: left}
.content .content_right{width: 84%;height: 100%;background: #f1f1f1;display: inline-block; overflow-y: scroll;}
.content .content_left .logo{margin: 0 auto;width: 100%;padding: 50px 0px;}
.content .content_left ul{/*padding-top: 50px;*/text-align: center;width: 120px;margin: 0 auto;}
.content .content_left ul li{width:100%;height: 40px;display: block;text-align: center;font-size: 18px;color: #333;line-height: 40px;margin-bottom: 10px;}
.content .content_left ul li.active{background: #2eaef8;border-radius: 20px;color: #fff; }
.content .content_left .bottom{position: absolute;left: 0px;bottom: 0px; height: 330px;  width: 16%;}
.content .content_left .bottom img{width: 80%;margin-left: 10%;}
.content .content_left .bottom p{text-align: center;color: #666;}
.content .content_left .bottom div{color: #999;text-align: center;margin-top: 30px;}
.content .content_left ul li a,.content .content_left ul li a:hover{color: #666; text-decoration: none;}
.content .content_left ul li.active a,.content .content_left ul li.active a:hover{color: #fff; text-decoration: none;}
.content .content_right .news{padding: 55px 10% 0px 5%;width: 85%;}
.content .content_right .news .title_list{height: 35px;border: #ccc 1px solid;border-radius: 5px;background: #fff; margin-left: -5px;}
.content .content_right .news .title_list li{width: 90px;height: 35px;line-height: 35px;text-align: center;color: #666;font-size: 18px;cursor: pointer;
    display: table-cell;border-right: 1px solid #ccc;}
.content .content_right .news .title_list li.last{border-right: 0px;}
.content .content_right .news .title_list li.active{background: #666;color: #fff;}
.content .content_right .news .title_list li a,.content .content_right .news .title_list li a:hover {color: #666; text-decoration: none;}
.content .content_right .news .title_list li.active a,.content .content_right .news .title_list li.active a:hover {color: #fff; text-decoration: none;}

.content .content_right .news_list{background: #fff;padding: 0px 60px 0px 40px; margin-top: 35px;}
.content .content_right .news_list li{padding: 30px 0px;border-bottom: 1px solid #f5f5f5;height: 120px;}
.content .content_right .news_list li.lastli{border-bottom: 0px}
.content .content_right .news_list li .listleft{width: 20%;display: inline-block;float: left}
.content .content_right .news_list li .listleft img{width: 100%;max-height: 120px;}
.content .content_right .news_list li .listright{width: 75%;margin-left: 5%;display: inline-block;float: left}
.content .content_right .news_list li .listright h3{font-size: 24px;color: #333;margin-top: 0px;height: 30px;line-height: 30px;width: 100%;overflow: hidden;}
.content .content_right .news_list li .listright p{font-size: 14px;color: #666;line-height: 24px;height: 48px;width: 100%;overflow: hidden;text-overflow: ellipsis;}
.content .content_right .news_list li .listright div{color: #999;}
.content .content_right .news_list li .listright i{width: 15px;height: 14px;display: inline-block;margin-right: 3px;}
.content .content_right .news_list li .listright .look{background: url("../image/news_look_g.png") no-repeat}
.content .content_right .news_list li .listright .time{background: url("../image/news_time_g.png") no-repeat}

.content .content_right .detailtop li{ width: 90px; height: 35px;text-align: center;border:1px solid #ccc;display: inline-block;color: #666;font-size: 16px;
    background: #fff;line-height: 35px;border-radius: 5px;cursor: pointer}
.content .content_right .detail_content{background: #fff;width: 100%;height: auto;margin-bottom: 50px;}
.content .content_right .detail_content h2{font-size: 30px;text-align: center;color:#333;padding-top: 50px;}
.content .content_right .detail_content .c9{color: #999;margin-top: 30px;margin-bottom: 40px;width: 100%;text-align: center}
.content .content_right .detail_content  i{width: 15px;height: 14px;display: inline-block;margin-right: 3px;}
.content .content_right .detail_content .look{background: url("../image/news_look_g.png") no-repeat}
.content .content_right .detail_content .time{background: url("../image/news_time_g.png") no-repeat}
.content .content_right .detail_content .con{font-size: 14px;color: #333;width: 90%;margin: 0 auto;padding-bottom: 30px;overflow: hidden;}
.content .content_right .detail_content .con p{text-indent: 2em;line-height: 30px;margin-top: 0px;margin-bottom: 0px;
    -webkit-margin-before: 0em; -webkit-margin-after: 0em;}
.content .content_right .detail_content .con img,.content .content_right .detail_content .con p img{display: block;text-align: center;margin: 0 auto;padding: 20px 0px;max-width: 100%;}

@media screen and (min-width:1920px){
    .content .content_left .bottom{bottom: 50px;}
    .content .content_left ul{padding-top: 50px;}
    .content .content_right .news .title_list{width: 371px;height: 45px;}
    .content .content_right .news .title_list li{ width: 120px;height: 45px;line-height: 45px;}
    .content .content_right .detailtop li { width: 120px;height: 45px;line-height: 45px;}
}


@media (max-width:500px){
    .content .content_left{display: none;}
    .content .content_right{width:100%;}
    .content .content_right .news {padding: 20px 5% 0px 5%;width: 90%;}
	.content .content_right .news_list {padding: 0px 20px 0px 20px;}
	.content .content_right .news_list li .listleft {display: none;}
	.content .content_right .news_list li .listright{width: 100%; margin-left: 0%;}
	
}