﻿@charset "utf-8";
/* CSS Document */
.wrapper{width:100%;}
.header img{ width:100%;}
.nav{height:60px; padding:10px 0; padding-left:10%; background:#c40202; font-family:"微软雅黑"; font-size:16px;}
.nav_lf{width:20px; height:44px; padding:8px; background:#fff; border-radius:10px; text-align:center; float:left;}
.nav_lf a{ text-decoration:none;color:#c40202;}
.nav_rg{width:88%; float:right; padding:8px 0;}
.nav_rg ul li{ float:left;width:24%; height:16px; line-height:16px; text-align:center; box-sizing:border-box; border-right:1px solid #fff; margin-bottom:12px;}
.nav_rg ul li a{text-decoration:none; color:#fff;}
.con_pic{ background:#f1f1f1; margin-top:4px; padding:10px;}
.main_image {width:100%;height:300px;border-top:1px solid #d7d7d7;overflow:hidden;margin:0 auto;position:relative}
.main_image ul {width:9999px;height:300px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li {float:left;width:100%;height:300px;}
.main_image li span {display:block;width:100%;height:300px}
.main_image li p{width:100%;height:36px;line-height:36px;color:#fff;position:absolute;bottom:0px;
	filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99000000',endColorstr='#99000000');background:rgba(0,0,0,0.6);}
.main_image li img {width:100%;height:300px;}
div.flicking_con {margin:0 auto;position:relative}
div.flicking_con .flicking_inner {position:absolute;bottom:-300px;right:10px;z-index:999;width:120px;height:21px}
div.flicking_con a {float:left;width:12px;height:12px;margin-right:8px;padding:0;background:#999;display:block;text-indent:-1000px}
div.flicking_con a.on {background:red;}
.con_list{ margin-top:10px;}
.con_list ul li{ height:26px; line-height:26px; text-align:right;font-family:"微软雅黑"; font-size:15px; color:#c5c5c5;}
.con_list ul li a{ float:left;color:#8C8C8C;text-decoration:none;}
.con_list ul li a:link{color:#333;}
.con_list ul li a:visited{color:#8C8C8C;}
.con_list ul li a:hover{color:#333;}
.part_static{ margin-top:10px;}
.ps_btn{ height:53px; line-height:53px; padding:0 5%; background:url(njsw_party_com_mobile_2015-03.jpg);}
.ps_btn ul li{ float:left; width:25%; height:53px;text-align:center;font-family:"微软雅黑"; font-size:18px; cursor:pointer;}
.ps_btn ul .current{box-sizing:border-box; border-top:2px solid #da2222;border-bottom:1px solid #fff;border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4;}
.ps_box{ padding:0 10px;}
.ps_tit ul{ display:none;}
.new_nj{height:96px; padding:0 10px; margin:10px auto;}
.new_nj img{ width:100%; height:96px;}
.party_pic{padding:0 10px; padding-bottom:20px;}
.party_pic img{width:100%; height:70px;}
.party_pic ul li{ float:left;width:32%;}
.party_pic ul > li:nth-child(2){ margin:0 2%;}

/***********************列表页概览***********************/
.switch_list{width:100%; background:#fff;}
.switch_top{height:51px; background:url(njrd_mobile_content_2015-05.jpg); border-bottom:1px solid #e4e4e4; margin-top:4px;}
.list_nav{padding:0 10px;font-family:"微软雅黑";font-size:16px;color:#2285da; text-align:center;}
.list_nav .current{width:30%;height:52px;line-height:52px;font-weight:bold; box-sizing:border-box;border-top:2px solid #2285da;border-left:1px solid #e4e4e4;border-right:1px solid #e4e4e4;border-bottom:1px solid #fff;cursor:pointer;}
.title_list{ box-sizing:border-box;padding:20px 20px; }
.title_list ul li{height:28px; text-align:right;font-family:"微软雅黑"; font-size:16px;color:#c5c5c5;}
.title_list ul li a{float:left; text-decoration:none;}
.list_more{ text-align:center; font-size:15px;}
.back_top{width:41px;height:40px; background:url(zgnj_mobile_backtop_201505-01.png);position:fixed;right:10px;bottom:15px;}

/*************************文章页样式开始*********************************/
.doc_content{padding:10px;font-size:14px; line-height:24px;}
.doc_content img{width:100%;}
.doc_title{text-align:center; border-bottom:1px solid #e4e4e4; margin-bottom:10px;}
/*************************文章页样式结束*********************************/

/*响应式样式*/
@media screen and (max-width:399px){
.main_image {height:220px;}
.main_image ul {height:220px;}
.main_image li {height:220px;}
.main_image li span {height:220px}
div.flicking_con .flicking_inner {bottom:-220px;right:2px;}
.main_image li img {height:220px;}
}
@media screen and (min-width:375px) and (max-width:480px) {
.nav{padding-left:5%;}
}
@media screen and (max-width:374px) {
.nav{font-size:14px;padding-left:1%;}
.ps_btn ul li{font-size:16px;}
}