@charset "utf-8";
	/* CSS Document*/
	
* {
	margin:0;
	padding:0;
	font-family:'Microsoft Yahei';
	line-height:1;
}
html,body {
	font-size:62.5%;
	background:#f5f5f5;
	font-family:'Microsoft Yahei';
	min-width:320px;
	max-width:720px;
	margin:0 auto;
}
html,body,.page {
	display:-webkit-box;
	width:100%;
	height:100%;
	-webkit-box-orient:vertical;
	-webkit-box-pack:justify;
}
ul,ol,ul li,li,dl,dt,dd {
	list-style:none;
}
.fl {
	float:left
}
.fr {
	float:right
}
.hide {
	display:none
}
.show {
	display:block
}
.ellipsis {
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden
}
.break {
	word-break:break-all;
	word-wrap:break-word
}
header,footer,article,section,nav,menu,hgroup {
	display:block;
	clear:all
}
.clearfix:after {
	content:" ";
	display:block;
	clear:both;
	height:0;
}
.clearfix {
	zoom:1;
}
a {
	color:#333;
	text-decoration:none;
	-webkit-tap-highlight-color:transparent;
}
body {
	position: relative;
	margin:0 auto;
}
.zg_mainbox {
	width:100%;
	min-width:320px;
	max-width:720px;
	margin:0 auto;
}
section {
	margin-top:2.8%;
	width:100%;
	background:#fff;
	padding-top:1.4%;
}
.flexrow_center{
		display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display:-o-flex;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-o-align-items: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-o-justify-content: center;
}
.flexrow_left{
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display:-o-flex;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-o-align-items: center;
	-webkit-justify-content: start;
	-moz-justify-content: start;
	-o-justify-content: start;
}
.boxsiz{ box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; }
.align{ text-align:center;}
/*头部*/
	header {
	width:100%;
	max-width:720px;
	background:#e62929;
	padding:2.2% 0;
	z-index: 59;
	position: relative;
}
header a,header b {
	display:block;
}
.zg_fenxiao {
	font-size:2.6rem;
	line-height:1.7;
	border:1px solid #fff;
	border-radius:2rem;
	color:#fff;
	position:absolute;
	left:3%;
	width:11%;
	top:21%;
	padding-left:3.5%;
	z-index: 30;
}
.zg_logo {
	width:100%;
	height:auto;
	text-align:center;
}
.zg_logo a {
	width:19%;
	margin:0 auto;
}
.zg_logo img {
	width:100%;
	margin:0 auto;
}
.zg_topr {
	position:absolute;
	right:0%;
	top:21%;
	width:30.5%;
}
.zg_tout .swiper-slide { width:100%;}

	.zg_liebiao {
	float:right ;
	margin-right:12%;
	font-size:2.6rem;
	line-height:1.7;
	border:1px solid #fff;
	border-radius:2rem;
	color:#fff;
	width:40%;
	padding-left:6%;
	z-index: 30;
}
.zg_fir {
	display:inline-block;
	width:20%;
	margin-left:4%;
}
.zg_sec {
	display:inline-block;
	display:none;
	width:20%;
	margin-left:4%;
}
/*banner 轮播图*/
	.zg_padthd {
	width:100%;
	height:0;
	padding:0;
}
.zg_ban,.zg_ban img {
	width:100%;
}
.swiper-container {
	width: 100%;
	height: 37.5%;
}
/*.swiper-slide {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}*/
/*导航*/
	.zg_nav {
	width:100%;
	position:relative;
}
.zg_nav .zg_nvul {
	width:100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-box;
	display: -o-box;
	/*-webkit-box-orient:horizontal;
	-webkit-box-pack:center;*/
	background:#fff;
}
.zg_ban .zg_bnyd {
	text-align:center;
}
.zg_ban span {
	width:5% ;
	margin-right:5px;
	height:4px;
	background:#1d07f5;
	border-radius:0!important;
}
.swiper-pagination-bullet-active {
	background:#fff;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 10px;
	text-align:center;
}
/*原样式*/
	.zg_nvul li {
	list-style:none;
	width:20%;
	padding:15.3% 0 3%;
	text-align:center;
}
.zg_nvul li {
	list-style:none;
	width:20%;
	padding:3% 0 3%;
	text-align:center;
}
.zg_nvul li img {
	display:block;
	margin:0 auto;
	width:56%;
}
.zg_nvul a {
	display:block;
	color:#666;
	font-size:2.4rem;
	line-height:2.5;
	text-decoration:none;
}
.zg_nvul a {
	color:#666;
	font-size:2.4rem;
	text-decoration:none;
}
/*中公头条*/
	.zg_zph2 {
	font-weight:bold;
	width:93%;
	padding:3% 0;
	margin:0 3.5%;
	border-bottom:1px solid #eeeeee;
}
.zg_zph2wx {
	border-bottom:none;
}
.zg_zph2tt {
	border-bottom:none;
}
.zg_rilibt{ border-bottom:none; padding-bottom:0; }
.zg_zph2 span {
	float:left;
	background:#e62929;
	display:inline-block;
	padding:0.8% 1.8%;
	position: relative;
	top:-2px;
	font-size:2.8rem;
	color:#fff;
	border-radius:9px;
	margin:0 0 1% 1%;
	font-weight:normal;
}
.zg_zph2 a {
	font-size:2.8rem;
	font-weight:normal;
	color:#666;
	margin:0 0 1% 1%;
}
.zg_zph2 a img {
	width:9%;
}
.zg_zph2 em {
	font-size:2.8rem;
	color:#e62929;
	font-weight:normal;
	font-style:normal;
}
.zg_hbh2 {
	border:none;
}
.zg_jinri {
	font-size:3.4rem;
	line-height:1;
}
.zg_ttul {
	display:none;
	width:93%;
	padding:0 3.5%;
}
.zg_ttul:nth-child(1) {
	display:block;
}
.zg_tton {
	display:block;
}
.zg_ttul li {
	width:100%;
	margin:0 auto;
	border-bottom:1px solid #e4e4e4;
}
.zg_ttul li:last-child {
	border:none;
}
.zg_ttul a {
	display:inline-block;
	width:98%;
	font-size:2.8rem;
	padding:6.1% 0;
}
.zg_ttul img {
	width:1% ;
	padding:7.5% 0 4%;
	float:left;
	margin-right:1%;
}
.zg_ttp {
	width:93.3%;
	margin:0.7% 3.3% 0;
	background:#f5f5f5 ;
	border:1px solid #e6e6e6;
}
.zg_ttp a {
	display:block;
	float:left;
	width:25%;
	padding:2.36% 0;
	font-size:2.8rem;
	text-align:center;
}
.zg_ttp a:nth-child(1),.zg_ttp a:nth-child(2),.zg_ttp a:nth-child(3) {
	border-right:1px solid #e6e6e6;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.zg_ttp .active {
	background:#fff;
	border-bottom:1px solid #e62929;
}
.swiper-container2 {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	direction: ltr;
}
/*中公招聘*/
	.zg_jshi {
	width:93%;
	padding:5.23% 3.5% 2.1%;
}
.zg_jshi dl {
	width:63.5%;
}
.zg_jshi dt {
	font-size:2.8rem;
	line-height: 1.3;
	width: 100%;
	padding: 2% 0 0;
	color: #333;
	height: 1.4em;
	overflow: hidden;
	margin-bottom:1%;
}
.zg_jshi dd {
	font-size:2.4rem;
	line-height:1.6;
	width: 100%;
	padding:1% 0;
	height: 3em;
	overflow: hidden;
	/*text-overflow: ellipsis;
	white-space: nowrap;*/
}
.zg_jshi dd a {
	color:#999;
}
.zg_rl {
	width:31.1%;
}
.zg_rl p {
	width:100%;
	font-size:3rem;
	line-height:1;
	padding:14% 0 22%;
	background: #e62929;
	color:#fff;
}
.zg_rl p a {
	font-size:3rem;
	line-height:1;
	color:#fff;
}
.zg_rl span {
	margin-left:10%;
	font-size:3rem;
	color:#fff;
}
.zg_rl i {
	font-size:3rem;
	color:#fff;
	font-style:normal;
}
.zg_rl p:nth-child(2) {
	font-size:3.2rem;
	color:#fff000;
	background: #fd4848;
	padding:7% 0;
	position:relative;
}
.zg_rl p:nth-child(1) img {
	width:22% ;
	vertical-align:middle;
	margin:-2% 0 0 6%;
}
.zg_rl p:nth-child(2) img {
	width:11%;
	position:absolute;
	right:0;
	bottom:0;
}
.zg_rl b {
	margin-left:20.5%;
	font-size:4.2rem;
	color:#fff000;
}
/*今日招聘*/
	.zg_zhpul {
	width:93%;
	padding:0 3.5%;
}
.zg_zhpul li {
	width:98%;
	height:3.9%;
	border-bottom:1px solid #e4e4e4;
	font-size:2.8rem;
	line-height:1;
	padding:2% 0;
}
.zg_zhpul a {
	display:inline-block;
	width:98%;
	font-size:2.8rem;
}
.zg_zhpul img {
	width:1% ;
	padding-top:2%;
	float:left;
	margin-right:1%;
	vertical-align:middle;
}
.zg_zhpul li {
	width:100%;
	margin:0 auto;
	border-bottom:1px solid #e4e4e4;
}
.zg_zhpul a {
	display:inline-block;
	width:98%;
	font-size:2.8rem;
	padding:3% 0;
}
.zg_zhpul img {
	width:1% ;
	padding:4% 0 0%;
	float:left;
	margin-right:1%;
}
.zg_lian {
	width:93.3%;
	margin:0 3.3% 0;
	padding:3% 0;
	text-align:center;
}
.zg_rukou {
	display:inline-block;
	padding:2.36% 6.5% 2.36%;
	border:1px solid #999;
	border-radius:5rem;
	color:#999;
	font-size:2.8rem;
}
/*底部*/
	footer {
	margin:2.8% 0 14%;
	width:100%;
	background:#fff;
	padding:4.1% 0 7%;
}
footer p {
	width:100%;
	text-align:center;
}
footer a {
	display:inline!important;
}
footer p,footer a {
	font-size:2.2rem;
	line-height:1;
	color:#999;
	padding:1% 0;
}
/*今日直播 样式修改*/
.zg_zhibo {
	width:100%;
}
.zg_zhibo article {
	width:93%;
	margin:0 3.5% ;
	padding:3.5% 0 4%;
}
.zg_zhibo article:nth-child(2) {
	border-bottom:1px solid #eee;
}
.index_zbk{ 
	width:100%; padding:2% 0 ; 
} 
.index_zbk a{
	display:inline-block;font-size:2.8rem; line-height:1.5; color:#333; 
}
.index_zbk span{
	display:inline-block; padding:0 0.5%;  margin-left:3%; border:1px solid #CBCBCB; border-radius:5px;  font-size:2.4rem; line-height:1.5; color:#b0b0b0; 
}
.index_zbk p{
width:33%; text-align:right; font-size:2.2rem; line-height:2; color:#999; 
}
.index_zbk p em{ font-style:normal; color:#e62929;}
.zg_zbts {
	width: 100%;
	padding: 1% 0;
}
.zg_zbts a {
	width:100%;
	padding:0.8% 0;
	display: block;
}
.zg_zbts span {
	display: inline-block;
	width: 21%;
	padding: 1% 0;
	border-radius: 0.5rem;
	background: #e62929;
	font-size: 2.8rem;
	color: #fff;
	float: left;
	margin-right: 2%;
	text-align: center;
}
.zg_zbts b {
	font-size: 2.8rem;
	font-weight:normal;
	line-height: 1.1;
	color: #666;
	display: inline-block;
	width: 42%;
	margin-top:0.7%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.zg_zbts i {
	width: 32%;
	margin-top:0.7%;
	font-size: 3rem;
	color: #999;
	float: right;
	font-style:normal;
}
.zg_zbts img {
	width:7%;
}

/*中公产品*/

.zg_chp{
	width:100%; 
	padding:3% 0; 
}
.zg_chp a{ 
	display:block;
	width:32%;
	text-align: center;
	font-size:0; 
	padding:3% 0;  
}
.zg_chp a:nth-child(2){ margin:0 1%;}
.zg_chp a img{
	display:block; width:45%;margin:0 auto; 
}
.zg_chp a b{
	display:block;width:100%; text-align:center;  font-size:2.8rem; line-height:2; color:#333; font-weight:normal; 
}
.zg_chp a span{
	display:block;width:100%; text-align:center; font-size:2rem; line-height:1.3; color:#999;
}

/*考试日历*/

.pub_h3 {
    width: 93%;
	margin:0 auto;
    text-align: center;
    font-size: 3.2rem;
    line-height: 2;
    font-weight: normal;
    color: #333;
	border-bottom: 1px solid #DADADA;
}
.pub_h3 span {
    display: inline-block;
    width: 5%;
    margin: 0 1%;
    background: url(../img/ksrl_span.gif) no-repeat center center;
    background-size: 2.8rem 2px;
}
.pub_h3 img {
    display: inline-block;
    width: 5%;
    margin-right: 2%;
}

.index_list{  width: 93.3%;  padding: 0 3.3% 5%; }
.index_list li{ width:100%; padding:5% 0 3.5% ; border-bottom:1px solid #DADADA; }
.index_list li:last-child{border:none;  padding-bottom:0;}
.index_ksl{ display: block;width:32%;  padding:5% 0; text-align: center;background:url(../img/ksrl_ksxm.jpg) no-repeat ; background-size:100% 100%; float: left;}
.index_ksl span{  text-align:center; font-size:2.8rem; line-height:1.4;  color:#fff;  }
.index_ksl b{  text-align:center; font-size:3rem; line-height: 1.3; color:#fff;  }


.time_rikm { width:66%; padding-left:2%; }
.ksmc{ display:block; width:100%; height:2.8em;overflow: hidden;font-size:2.8rem ;line-height:1.4; color:#333; margin-top:-0.06rem; }
.time_kszp{ width:100%; margin:1% 0  2.5%;  }
.time_rens{ display:block; font-size:2.4rem; line-height:2.1; color:#666;   } 
.time_rens em{ font-size:3rem; font-style:normal; color:#ff3833;   } 
.time_dy{ display:block; padding:0 5%; text-align:center; border:1px solid #FFAC58; background:#fff;   border-radius:30px; font-size: 2rem; line-height:2.5; color:#FFAC58; }
.time_bao,.time_kao{ width:100%; font-size:2.6rem; line-height:2; color:#999;}
.time_bao span,.time_kao span{ display:inline-block; width:8%;margin-right:3%;  text-align:center; font-size:2rem; line-height:1.5; color:#fff; border-radius:50%; }
.time_bao span { background:#FF7B58; }
.time_kao span { background:#54C397; }


/*公务员考试*/
	.zg_pub {
	width:100%;
	background: #fff;
	padding:4.5% 0 3%;
}
.zg_h2 {
	width:84.7%;
	padding:0 3.5% ;
	font-size: 3.4rem;
	font-weight:normal;
	color: #e62929;
	margin-bottom:4%;
}
.zg_h2 img {
	width:6%;
	margin-right:4%;
	vertical-align:bottom;
}
.zg_tstp img {
	width:7%;
	vertical-align:top;
}
.zg_h2top img {
	vertical-align:top;
	position: relative;
	top: -2px;
}
.zg_product .zg_h2{ margin-bottom:0; padding:3% 3.5%;}
.zg_pubfk {
	width:93.3%;
	padding: 0 3.3% 5%;
}
.zg_pubdl {
	width:47.7%;
}
.zg_pbmfl {
	margin-right:4.6%;
}
.zg_pubdl dt,.zg_pubdl img,.zg_pubdl dd {
	width:100%;
}
.zg_pubdl dd {
	width:100%;
	white-space:nowrap;
	overflow:hidden;
}
.zg_pubdl dd a {
	display:inline-block;
	width:100%;
	font-size: 2.6rem;
	color: #666;
	overflow: hidden;
	white-space: nowrap;
	text-align: center;
	padding-top:6%;
}
.zg_ruk {
	width:94%;
	border-top:1px solid #e6e6e6;
	padding:2% 2% 2% 4%;
}
.zg_ruktop {
	border-top:none;
}
.zg_ruk a {
	display: inline-block;
	width:23.6%;
	border-right:1px solid #e6e6e6;
	font-size: 2.8rem;
	color: #333;
	padding:4.2% 0 ;
	text-align: center;
}
.zg_ruk a:nth-child(4) {
	border:none;
}
.zg_jcgz .zg_ru a:nth-child(4) {
	border-right:1px solid #e6e6e6;
}
/*考试项目弹框*/
	.zg_z1 {
	width: 100%;
	max-width:720px;
	height: 100%;
	position: fixed;
	left: auto;
	top: 0;
	display: none;
	z-index:55;
}
.zg_zzc1,.zg_zzc2 {
	width: 100%;
	max-width:720px;
	height: 100%;
	background:rgba(0,0,0,0.4);
	z-index: 56;
	position: fixed;
	left: auto;
	top: 0;
}
.zg_kstkfc {
	width:76%;
	height: 73%;
	max-width:547px;
	z-index: 57;
	position: fixed;
	left: 12%;
	top:12%;
}
.zg_kstk {
	width:86%;
	height: 37rem;
	overflow-y:scroll;
	padding:4% 7% 11%;
	background: #fff;
	margin:0 auto;
	z-index:222;
}
.zg_close {
	position:absolute;
	right: -4%;
	top:-2%;
	width:7%;
}
.zg_close img {
	width:100%;
}
.zg_kstk dl {
	width:100%;
	border-bottom:1px solid #e0e0e0;
}
.zg_kstk dt {
	font-size: 2.2rem;
	color: #333;
	padding:5% 0 ;
}
.zg_kstk dd {
	width:100%
}
.zg_kstk a {
	display: inline-block;
	width:29% ;
	font-size: 2.2rem;
	color: #e62929;
	text-align: center;
	border:2px solid #e62929;
	border-radius:0.5rem;
	padding:3% 0;
	margin:0 1% 5% 0;
}
.zg_kstk dl:last-child {
	border:none;
}
.zg_caid1 {
	width:100%;
	height:100%;
	z-index:57;
	position: absolute;
	top:0;
	left: auto;
}
/*筛选课程弹框*/
	.zg_z2 {
	width: 100%;
	max-width:720px;
	height: 100%;
	position: fixed;
	left: auto;
	top: 5%;
	display: none;
	z-index:55;
}
.zg_zzc2 {
	width: 100%;
	max-width:720px;
	height: 100%;
	background:rgba(0,0,0,0.4);
	z-index: 56;
	position: fixed;
	left: auto;
	top: 0;
}
.zg_xzks {
	width:100%;
	height: 64%;
	max-width:720px;
	position: fixed;
	left: auto;
	top:0%;
	z-index: 57;
	-webkit-overflow-scrolling: touch;
	z-index:99 ;
	padding-top:10%;
}
.zg_ksdl {
	width:42%;
	height:100%;
	float: left;
	overflow: hidden;
	background:#fff;
	/* position: absolute;
	left:0;
	top:0;*/
}
.zg_lx {
	width:100%;
	height:100%;
	overflow-y: scroll;
}
.zg_lxli a,.zg_lxfir a {
	display: inline-block;
	width: 73%;
	padding-left:27%;
	font-size: 3rem;
	line-height: 3;
	color: #333;
	height:3.2em;
	position: relative;
}
.zg_lxfir a {
	width: 85%;
	padding-left:15%;
}
.zg_lxli,.zg_lxfir {
	background:#f1f1f1;
	border-bottom:1px solid #e6e6e6;
	cursor: pointer;
	z-index: 90;
}
.zg_lxfir a {
	color:#e62929;
}
.zg_act1 {
	background:#fff;
}
.zg_lxli img {
	width:6%;
	float:right;
	position: absolute;
	right: 5%;
	top:50%;
	margin-top: -6px;
}
.zg_act1 img {
	display:none;
}
.zg_lxfir img {
	width:12%;
	float:left;
	position: relative;
	top: 50%;
	margin-top: -9px;
	left:-10%;
}
.zg_ksxl {
	width:58%;
	height:100%;
	float: left;
	overflow: hidden;
	background: #fff;
}
.zg_ksfllb {
	width:100%;
	height:100%;
	overflow-y: auto;
	display: none;
}
.zg_ksfllb:first-child {
	display: block;
}
.zg_ksfllb li {
	width: 100%;
	border-bottom:1px solid #e6e6e6;
}
.zg_ksfllb a {
	display: inline-block;
	width: 78%;
	font-size: 3rem;
	padding-left:22%;
	color: #333;
	line-height: 3.2em;
}
/*返回顶部*/
	.zg_trtop {
	width: 13.3%;
	padding:6.6% 0;
	position: fixed;
	right:0;
	bottom:5.5%;
	z-index: 50;
	display:none;
}
.zg_trtop img {
	width:100%
}
/*底部悬浮框*/
	.zg_xf {
	z-index:999;
	width: 100%;
	position: fixed;
	padding:0;
	bottom: 0;
	max-width: 720px;
}
.zg_xf a {
	display:inline-block;
	width:50%;
	height: 1.4em;
	float:left;
	font-size: 2.8rem;
	line-height:1.2;
	color:#fff;
	text-align:center;
	background:#313131;
	padding:3.5% 0;
}
.zg_xf a img {
	width:10%;
	vertical-align: middle;
	margin-right:2%;
}

	/*06-05 add 底部悬浮框修改*/
	.zg_xfnew {
	width: 100%;
	background:none;
	position: fixed;
	padding:0;
	margin-top:0;
	bottom: 0;
	min-width:320px;
	max-width: 720px;
	z-index:999;
}
.zg_xfnew p {
	width:100%;
	background:#313131;
}
.zg_xfnew p a {
	display:inline-block;
	height:auto;
	background:none;
	vertical-align:middle;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	padding:0;
	line-height:3.5;
	width:34.5%;
	text-align:center;
	color:#fff;
}
.zg_xfnew p .off_xfa1,.zg_xfnew p .off_xfa3 {
	font-size:2.6rem;
}
.zg_xfnew p .off_xfa3,.zg_xfnew p a:nth-child(2) {
	float:right;
	background:none;
}
.zg_xfnew .off_xfa2 {
	width:30.9%;
	position:absolute;
	left:34.5%;
	top:0;
	height:100%;
	padding-top:0;
}
.off_xfa2 span {
	width:89.6%;
	height: 100%;
	background:#EF1E33;
	font-size:3.4rem;
	color:#fff;
	margin:0 auto;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display:-o-flex;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-o-align-items: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-o-justify-content: center;
}
.zg_xfnew p a img {
	width:12%;
	vertical-align: middle;
	margin-right:2%;
}
.zg_xfnew,.zg_trtop {
	display:none;
}

/*2017 中秋修改*/
.zg_nav{ font-size:0;}
.zg_nav .zg_nvul_mid{    
	  width: 96%;
	padding:8% 2% 0 ;
	background: url(../img/mid_nav.jpg) no-repeat left top #fff; background-size: 100% ; 
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -o-flex;
    display: -ms-flex;
    flex-flow: row wrap;
    -webkit-flex-flow: row-wrap;
    -moz-flex-flow: row wrap;
    -o-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
}


.zg_nvul_mid li:nth-child(-n+5){ padding-bottom:1%; }
.zg_nvul_mid li img { width:79% ; }
.zg_nvul_mid a {line-height: 1.9;}

.mid_div{ position: relative; background:url(../img/mid_toutiao.gif) no-repeat 27.3% 5% #fff; background-size: 8.3% ;  }
.mid_zhs,.mid_div>i{ display:block;  position: absolute; z-index:1;  }
.zg_zph2{ position: relative; z-index:4; } 
.mid_div>i{ width:8.3%; font-size:2.6rem; line-height:1; color:#fff; text-indent:4444px;  background: url(../img/mid_toutiao.gif) no-repeat ; background-size:100% 100%; top:4%; left:25%;} 
.mid_zhs{ width:16%; font-size:2.6rem; line-height:3.1;  color:#fff; text-indent:4444px;  background: url(../img/mid_lamon.jpg) no-repeat ; background-size:100% 100%; right:0; top:0;  }

html{ overflow-x: hidden;} 

/*add by  zwq 17.10.16*/
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;    text-align: center;
}
.zg_ban span {
	display: inline-block;
    margin:0 5px;
	 cursor: pointer;
	opacity: 0.2;
	
}
.zg_ban .swiper-pagination-bullet-active,.zg_ban .swiper-active-switch {
    opacity: 1;
    background: #007aff;
}

.idx_gktt{ padding:6% 0 3%;  position: relative; }
.idx_pub_bt{ display:inline-block; position: absolute; top:-0.36em; left:0;  z-index:34;  font-size:3rem; line-height:1.8; color:#fff; padding:0 5.5% 0 3%; border-radius:0 27px 27px 0 ;  overflow: hidden;}
.idx_gktt .idx_pub_bt{ background:url(../img/index_1017_xt2.png) repeat-y; background-size:100% 100%; }
.idx_gktt_ul{ width:93%; padding:0 3.5%; }



.idx_zgcp{ padding:6% 0 3%;  position: relative;  }
.idx_zgcp .idx_pub_bt{ background-image:url(../img/index_1710_xt3.png);  }
.idx_zgcp_xx{ width:93%; padding:2% 3.3%;   }
.idx_zgcp_p{ width:31.3%; margin-left:4.5%; }
.idx_zgcp_p a,.idx_zgcp_p img{  display:block; width:100%; }
.idx_zgcp_dl{ width:64% ;  }
.idx_zgcp_dl dt{  }
.idx_zgcp_dl dt a{ display:block; font-size:2.8rem; line-height:1.6; color:#333; height:3.2em;overflow: hidden }
.idx_zgcp_dl dd{ margin-top:2%;  }
.idx_zgcp_dl dd a{ display:inline-block; height:1.5em; overflow: hidden;  font-size:2.4rem; line-height:1.5; color:#999; }
.idx_zgcp_dl dd a.fr{ padding:0 2%; border:1px solid #999; border-radius:0.5rem; }

.idx_time{ padding: 3.3% 0 5%;　}
.idx_time_h2 em{  display:inline-block; width:10.8%;font-size:6.2rem; color:#fff; background:url(../img/idx_tam.png) no-repeat ; background-size:100% 100%; }
.idx_time_h2 b{ display:inline-block;  padding:0 1%; font-size:4rem; color:#333; }
.idx_time_h2 b span{ font-size:4rem; color:#e62929; }
.idx_time_bt{ margin:6% 0; padding-right:3.5%; }
.idx_time_bt a{ display: block; width: 13.8%; text-align: center; background: #F5F5F5; border:1px solid #E6E6E6; border-radius:0.05rem; font-size:2.4rem; line-height:1.8;  color:#999; margin :0.5% 0 0 2%;  border-radius:5px;  }
.idx_time_bt p{ width:57%; background: url(../img/index_1710.png) repeat-y;  font-size:3rem; color:#fff; line-height:1.8;  border-radius:0 27px 27px 0; text-indent:3%;}
.idx_time_bt p span{ text-indent: 0; }
.idx_time_bt p span b{ display: inline-block; width:9%; border-radius:10%;background: #fff; color:#FE5A75; font-size:2.8rem;  line-height:1.3; margin:0 0 0 1%; text-indent: 0;text-align: center;  }

.time_plan{ width:93%; padding:0 3.5%;}
.time_plan a span{ font-size:2.4rem; line-height:1.5; color:#999; padding-left:1.35em;  }
.time_plan table{ border:none; border-collapse: collapse; }
.time_plan tr:first-child td{ padding-top:0; border-top:none; }
.time_plan td{ width:33.33%;  border-bottom:1px solid #E4E4E4; padding-left:3%; padding-top:6.5%; padding-bottom:6.5%;}
.time_plan a span,.time_plan a b{ display:block; }
.time_plan tr:first-child td{ padding-top:0;  }
.time_plan tr:last-child td{ padding-bottom:0; border-bottom:none; }

.time_plan td:nth-child(3n+1),.time_plan td:nth-child(3n+2){ border-right:1px solid #E4E4E4;  }
.time_plan td b{  height:1.2em; font-size:3rem;  line-height:1.2; color:#333; background:url(../img/index_1710_xtb1.png) no-repeat left 0.1em; background-size:1em 100%;text-indent:1.1em; font-weight:normal; margin-bottom:3%; } 
.time_plan tr:nth-child(1) td:nth-child(2) b{  background:url(../img/index_1710_xtb2.png) no-repeat left 0.1em; background-size:1em 100%; } 
.time_plan tr:nth-child(1) td:nth-child(3) b{  background:url(../img/index_1710_xtb3.png) no-repeat left 0.1em; background-size:1em 100%; } 
.time_plan tr:nth-child(2) td:nth-child(1) b{  background:url(../img/index_1710_xtb4.png) no-repeat left 0.1em; background-size:1em 100%; } 
.time_plan tr:nth-child(2) td:nth-child(2) b{  background:url(../img/index_1710_xtb5.png) no-repeat left 0.1em; background-size:1em 100%; }
.time_plan tr:nth-child(2) td:nth-child(3) b{  background:url(../img/index_1710_xtb6.png) no-repeat left 0.1em; background-size:1em 100%; } 




.idx_pro_gk{ padding:10% 0 3%;  position: relative; }
.idx_pro_gk .idx_pub_bt{ background-image:url(../img/index_1710_xt4.png);  }

.idx_gdgk{ width:93%; padding:0 3.5%;font-size:2.4rem;  /*height:8em; */overflow: hidden; }
/*.idx_gdgk ul{  height:10em; overflow: hidden;}*/
.idx_gdgk li{ width:69%; padding:0 1%;box-sizing: border-box;}
.idx_gdgk li a{ display:block; width:100%; position: relative;font-size:2.4rem;  height:8em; overflow: hidden;}
.idx_gdgk li b,.idx_gdgk li span{ display:block; width:100%;  position: absolute;bottom:0; z-index:1; font-size:2.4rem; line-height:2; color:#fff; text-align: center; } 
.idx_gdgk li img{ display:block; width:100%; height:100%; }
.idx_gdgk li b{ background: #000; opacity:0.4; }
.idx_gdgk li span{ z-index:3; }



/*2018.04.16 导航改版 add by zwq */
.zgnew_nav{ width:100%; height: 100%; max-width: 720px; min-width:320px; background: #fff; position: fixed; top:0;z-index:55; box-sizing: border-box; padding: 1rem 0 ; overflow-y: scroll;z-index:99; display: none; }
.zgnew_nav_xf{ position: fixed; width:100%;max-width: 720px; min-width:320px;font-size:2rem; padding:1rem 0 0; background: #F9FAFB; bottom:0;  }
.zgnew_nav_xf ul{ display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-pack:start;width:100%; }
.zgnew_nav_xf li{ -webkit-box-flex: 1; text-align: center;}
.zgnew_nav_xf a{ display:inline-block; padding-top:1.6em; font-size:2.2rem;  line-height:2.25; color:#666; background: url(../img/xf_bot_img1.png) no-repeat center top ; background-size:1.5em 1.5em;   }
.zgnew_nav_xf li:nth-child(2) a{ background-image: url(../img/xf_bot_img2.png); }
.zgnew_nav_xf li:nth-child(3) a{ background-image: url(../img/xf_bot_img3.png); }
.zgnew_nav_xf li:nth-child(4) a{ background-image: url(../img/xf_bot_img4.png); }
.zgnew_nav_xf a:hover,.zgnew_nav_xf a:active{ background-image: url(../img/xf_bot_img1_hover.png); color:#e53839;   }
.zgnew_nav_xf li:nth-child(2) a:hover,.zgnew_nav_xf li:nth-child(2) a:active{ background-image: url(../img/xf_bot_img2_hover.png);  }
.zgnew_nav_xf li:nth-child(3) a:hover,.zgnew_nav_xf li:nth-child(3) a:active{ background-image: url(../img/xf_bot_img3_hover.png);  }
.zgnew_nav_xf li:nth-child(4) a:hover,.zgnew_nav_xf li:nth-child(4) a:active{ background-image: url(../img/xf_bot_img4_hover.png);  }

.zg_new_yjname{ font-size:3rem; line-height:3; color:#e62929; padding:0.33em 2.7%;   }
.zg_zgnew_unfold{ display:inline-block; float:right; font-size:2.8rem; line-height: 1; width:2em; height:2em; background: url(../img/yiji_open.png) no-repeat center center; background-size: 50% 50%;; margin-top:0.5em; }
.zg_zgnew_fold{ background-image:url(../img/new_close.jpg) ;   }
.zg_new_yjname span,.zgnew_yjlm{ font-size:3rem; line-height:3; color:#e62929; display:inline-block; background: url(../img/yiji_left.png) no-repeat left center; background-size: 0.6em 1em; padding-left:1.1em;}
.zgnew_yjlm.on{ background: url(../img/yiji_left_on.png) no-repeat left center; background-size: 1em .6em; }
.zgnew_h2_name{ background: url(../img/erji_left1.png) no-repeat 3% center #F7F7F7; background-size: .85em .85em; padding:0 2.7% 0 8.3%; font-size:2.8rem; line-height:2.8; color:#9c9c9c;   }
.zgnew_h2_name1{ background-image: url(../img/erji_left2.png); }
.zgnew_h2_name2{ background-image: url(../img/erji_left3.png); }
.zgnew_h3_all{  padding:0 0 0 2.7%; font-size:0;  }
.zgnew_h3_all a{ display:inline-block; box-sizing: border-box; border:1px solid #D6D6D6; text-align: center; min-width:5.9em; font-size:2.6rem; line-height:2.8; color:#666;  margin:0 .57em .7em 0;  padding:0 .2em; }
.zgnew_h3_all a:nth-child(-n+4){ margin-top:.7em; }
.zgnew_h2_name,.zgnew_h3_all{ display:none; }
.zgnew_h3_all a:hover,.zgnew_h3_all a:hover{ background: #F6F6F6;  }
.zgnew_h2_name a:hover,.zgnew_h2_name a:hover{ color: #e53839;  }


.zg_liebiao{ background: url(../img/to-bot.png) no-repeat 2.7em center; background-size: .8em auto;  }
.zg_liebiao_on{ background-image: url(../img/to-top.png) ;  }
.zg_xfnew,.zg_xf,header{ z-index: 99; }
.zgnew_h2_name a{  color:#9c9c9c;  }
.zgnew_yiji{ clear:both; } 
.zg_liebiao img{ display:none;   }
.zgnew_h3_all_left:first-child{ clear: both;}
.zgnew_h3_all_left{ padding-left:1%; float:left; }
.zgnew_h3_all_left a{margin-right:0.3em; }





@media screen and (max-width:320px) {
	html {
	font-size:28%;
	}
}
@media screen and (min-width:360px) and (max-width:410px) {
	html {
	font-size:32%;
	}
}
@media screen and (min-width:410px) and (max-width:559px) {
	html {
	font-size:36%;
	}
}
@media screen and (min-width:560px) and (max-width:700px) {
	html {
	font-size:48%;
	}
}


