body{ background-image: url("../images/flfg_list/body_bg.jpg") }

/*list*/
.ul_list{ margin: 18px 0; overflow: hidden; }
.ul_list li{ width: 100%; float: left; font-size: 14px; line-height: 28px; background: url(../images/zxjy/circle.png) no-repeat left 13px;
padding-left: 15px; }
.ul_list li a{ float: left; }
.ul_list li span{ float: right; color: #a2a2a2; margin-right: 20px; }


.banner{ background: url(../images/flfg_list/banner.png) no-repeat center top; height: 266px; }
.tab ul{ height: 64px; border-bottom: 4px #e1e1e1 solid; }
.tab li{ height: 60px; line-height: 60px; float: left; width: 160px; 
	background: url(../images/flfg_list/line.png) no-repeat right center  }
.tab li:last-child{ background: none }
.tab li a{ display: block; text-align: center; padding-left: 26px; background-repeat: no-repeat;
color:#084d6d; font-size: 22px; }
.tab span{ width: 1px; height: 23px; background: url(../images/flfg_list/line.png) no-repeat left center }
.tab li a.tab_a1{ background-image: url(../images/flfg_list/li1.png); background-position: 35px center }
.tab li a.tab_a2{ background-image: url(../images/flfg_list/li2.png); background-position: 35px center;padding-left: 76px; padding-right:35px; }
.tab li a.tab_a3{ background-image: url(../images/flfg_list/li3.png); background-position: 20px center }
.tab li a.tab_a4{ background-image: url(../images/flfg_list/li4.png); background-position: 20px center }
.tab li a.tab_a5{ background-image: url(../images/flfg_list/li5.png); background-position: 20px center }

.tab li.active{ border-bottom: 4px #084d6d solid; height: 64px;color:#be0000; }
.tab li.active a {color:#be0000;}
.tab li.active a.tab_a1 { background-image: url(../images/flfg_list/li1_active.png); }
.tab li.active a.tab_a2 { background-image: url(../images/flfg_list/li2_active.png);padding-left: 76px; padding-right:35px; }
.tab li.active a.tab_a3{ background-image: url(../images/flfg_list/li3_active.png) }
.tab li.active a.tab_a4 { background-image: url(../images/flfg_list/li4_active.png) }
.tab li.active a.tab_a5{ background-image: url(../images/flfg_list/li5_active.png) }

.main_list{padding: 0 2%;}
.main_list ul{ padding: 10px 0 ;}
/*.main_list ul li{ clear: both; overflow: hidden; line-height: 35px; }
.main_list ul li a{ background: url(../images/flfg_list/circle.png) no-repeat left center; display: inline-block; 
padding-left: 15px; float: left; }
.main_list ul li span{ float: right; }*/
.main_list ul li{height: 35px; overflow: hidden; background: url(../images/flfg_list/circle.png) no-repeat left 17px; padding-left: 15px;}
.main_list li a{display: inline-block;width: 100%;overflow: hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;line-height: 35px;color: #333;}
.main_list li span.data{display: inline-block; color: #999999;font-size: 14px;font-family: "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3","FontAwesome",sans-serif;line-height: 35px;color: #999999;}
.main_list li span.title{display: inline-block;width: 85%;overflow: hidden;text-overflow: ellipsis;-o-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;-moz-text-overflow: ellipsis;white-space: nowrap;line-height: 35px;color: #333;padding: 0;border: 0;}

.main_list ul li:nth-child(5n){ border-bottom: 1px #e1e1e1 solid; padding-bottom: 17px; margin-bottom: 15px;     box-sizing: content-box;}
.flfgmore { width:100%; display:block; text-align:right; margin-top:20px;}
.tabPane { display:none;}
.active { display:block;}
.tab_mobile { display:none;}
@media screen and (max-width: 991px){
	.tab_pc { display:none;}
	.tab_mobile { display:block;}
	.tab li{ width: 20% }
	.tab ul li a{ font-size: 16px;}
	/*.main_list ul li a,
	.main_list ul li span{ font-size: 14px; }
	.main_list ul li a{ width:100%; display:inherit; overflow: hidden; text-overflow:inherit; white-space:inherit;  }*/
	.channel_tit2 { margin-bottom:15px; font-size:18px;}
	/*.main_list ul li a{ background: url(../images/flfg_list/circle.png) no-repeat left 17px;}*/
}

@media screen and (max-width: 768px){
.main_list ul li { height:auto;background: url(../images/flfg_list/circle.png) no-repeat left 12px; margin-top:5px;} 
.main_list ul li a{display: inline-block;width: 100%;white-space: inherit;line-height: 26px;color: #333;}
.main_list ul li span.data{display: inline-block; color: #999999;font-size: 14px;font-family: "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3","FontAwesome",sans-serif;line-height: 26px;}
.main_list ul li span.title{display: initial;width: 100%; font-size:14px; overflow: hidden;text-overflow: inherit;-o-text-overflow: ellipsis;-webkit-text-overflow: ellipsis;-moz-text-overflow: ellipsis;white-space: inherit;line-height: 26px;color: #333;padding: 0;border: 0;}	
}
	
@media screen and (max-width: 420px){
.banner{display: none;}
.tab ul{height: auto;overflow: hidden;}
.tab li{width: auto;height: 35px;line-height: 35px;}
.tab li a{font-size: 16px;}
.tab li a.tab_a1,.tab li a.tab_a2,.tab li a.tab_a3,.tab li a.tab_a4,.tab li a.tab_a5{background: #fff;padding: 0 10px;}
.tab li.active a.tab_a2 { padding:0 10px;}
.tab li.active{ border-bottom: 4px #084d6d solid; height: 35px;color:#be0000; }
.tab li.active a.tab_a1,.tab li.active a.tab_a2,.tab li.active a.tab_a3,.tab li.active a.tab_a4,.tab li.active a.tab_a5{ background:#fff  }
}
@media screen and (max-width: 375px){
.tab li a.tab_a1,.tab li a.tab_a2,.tab li a.tab_a3,.tab li a.tab_a4,.tab li a.tab_a5{background: #fff;padding: 0 8px;}
}