.mainNav { width: 100%; height: 100px; background: #2758a3; margin-top: 5px;}
.mainNav .container { position: relative;}
.mainNav h2.mN_tit { width: 24.1%; margin-top: 39px; color: #fff; font-size: 23px;}
.mainNav h2.mN_tit span { font-size: 28px; color: #d1d1d1;}
.mainNav .mN_list { position: absolute; right: 0; height: 30px; top: 35px;}
.mainNav .mN_list li { float: left;}
.mainNav .mN_list li a { width: 118px; height: 28px; display: block; font-size: 14px; color: #fff; text-align: center; line-height: 28px;
	border: 1px solid #bbb; margin: 0 0 0 20px;}
.mainNav .mN_list li:hover a, .mainNav .mN_list li a.her { background: #fff; border-color: #fff; color: #2758a3;}

.c_main { padding-bottom: 15px;}
.c_main h3 { font-size: 20px; color: #2758a3; margin: 20px auto 0px; background: url(../img/ab_tit_bg.jpg) no-repeat top center;
  	text-align: center; line-height: 50px; font-weight: bold; font-size: 28px; margin-bottom: 10px;}
.c_main .c_main_m p img, .c_main .c_main_m img, .c_m_txt p img, .c_m_txt img { width: auto; height: auto; max-width: 100%; margin: 0 auto; display: block;}
.c_main .c_main_m p, .c_m_txt p { width: 100%; line-height: 30px; text-indent: 2em; color: #000; font-size: 14px;}

.c_m_t { text-align: center; border-bottom: 1px dashed #ddd; padding-bottom: 15px; margin-bottom: 10px;}
.c_m_t h1 { font-size: 28px; line-height: 58px; font-weight: 300; letter-spacing: 1px; color: #333;}
.c_m_t h4 { font-size: 15px; color: #666;}
.c_m_t h4 span { margin-left: 10px; vertical-align: middle;}

/* 鏂伴椈鍒楄〃 */
.news li { width: 98%; box-shadow: 0 0 10px rgba(64,126,202, .5); margin: 15px 0; overflow: hidden; background: #fff; padding: 10px 1%;}
.news li h2 { font-size: 24px; font-weight: normal; color: #26559b; line-height: 40px;}
.news li span { color: #999; font-size: 14px; line-height: 22px;}
.news li p { color: #666; font-size: 14px; line-height: 20px;}

/* -- 翻页效果 -- */
.box_page { background: #fff; margin: 0; overflow: hidden; padding: 30px 0; text-align: center;}
.page { background: #fff; font-size: 18px; padding: 13px 18px; border-radius: 0px; color: #666; margin: 0 5px;
	border: 1px solid rgba(0,0,0,0.1); font-weight: normal; transition: 0.5s;}
.page:link { color: #666; text-transform: uppercase;}
.page:visited { color: #666;} 
.page_ding { background: #333; font-size: 18px; color: #fff; padding: 13px 18px; margin: 0 5px;
	border: 1px solid rgba(0,0,0,0.05);}
.page:hover { background: #01459A; color: #fff; text-decoration: none;}

.two{ height: 30px; margin: 0 auto; line-height: 30px; margin-top: 20px; border-top: 1px dashed #d1d1d1;}
.two .twol{ float: left; padding-left: 15px; font-size: 13px;}
.two a{ padding-left: 15px;}
.two a:hover{ color: #373737; text-decoration: underline;}
.two .twor{ float: right; padding-right: 15px; font-size: 13px;}

@media screen and ( max-width: 768px ) {
	.mainNav { height: auto; background: none;}
	.mainNav .mN_list { width: 100%; position: relative; right: auto; height: auto; top: auto; margin-bottom: .5em;}
	.mainNav .mN_list li { width: 49.2%; margin: .2em;}
	.mainNav .mN_list li a { width: 100%; background: #2758a3; margin: 0;}
	.mainNav .mN_list li:hover a, .mainNav .mN_list li a.her { background: #2758a3; border-color: #2758a3; color: #fff;}

	.box_page { background: #fff; margin: 0; overflow: hidden; padding: 30px 0; text-align: center;}
	.page { background: #fff; font-size: 18px; padding: 10px; border-radius: 0px; color: #666; margin: 0 5px;
		border: 1px solid rgba(0,0,0,0.1); font-weight: normal; transition: 0.5s;}
	.page:link { color: #666; text-transform: uppercase;}
	.page:visited { color: #666;} 
	.page_ding { background: #333; font-size: 18px; color: #fff; padding: 10px; margin: 0 5px;
		border: 1px solid rgba(0,0,0,0.05);}
	.page:hover { background: #01459A; color: #fff; text-decoration: none;}

	.two .twor{ float: left; padding-left: 15px;}

	.mainNav h2.mN_tit, .c_main h3 { display: none;}
}
@media screen and ( max-width: 414px ) {
	.mainNav .mN_list li { width: 48.5%;}
}
@media screen and ( max-width: 411px ) {}
@media screen and ( max-width: 400px ) {}
@media screen and ( max-width: 375px ) {
	.mainNav .mN_list li { width: 48.3%;}
}
@media screen and ( max-width: 360px ) {
	.hjs .new_l li a { width: 76%;}
	.page { margin: 0 2px;}
	.p_lists li a.txt { font-size: 18px;}
	.p_lists li a.txt p span { font-size: 20px;}
}
@media screen and ( max-width: 320px ) {
	.c_main_l .c_main_l_m ul li { width: 49.2%;}
	.hjs .new_l li a { width: 72%;}
}