﻿@charset "utf-8";

/*页面样式*/

.center {
	/*居中样式*/
	width: 75em;
	margin: 0 auto;
}


/*导航栏开始*/

.navbar {
	background-color: #0a2281;
	height: 70px;
}

.navbar .nav-list {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	height: 70px;
}

.navbar .nav-list h1 {
	width: 6em;
	height: 2.2em;
	line-height: 2.2em;
	text-align: center;
	font-size: 1.4em;
	letter-spacing: .5em;
	color: #fff;
	cursor: pointer;
	font-weight: 500;
	height: 70px;
	margin-top: 14px;
}

.navbar .nav-list .list-li {
	position: absolute;
	bottom: -1.68em;
	left: 0;
	width: 100%;
	height: 1.4em;
	border-bottom: 0.28em double #01AAED;
	line-height: 1.4em;
	color: #393939;
	display: none;
}

.navbar .nav-list .list-li a {
	font-weight: bold;
}

.navbar .nav-list .list-li a:hover {
	color: #FF5722;
}

.nav-active {
	/*导航栏活跃样式*/
	background-color: #fff;
	color: #0a2281 !important;
}


/*导航栏结束*/


/*LOGO标签开始*/

.logo {
	margin: 2.8125em 0;
	padding-bottom: 1.5625em;
	border-bottom: 0.125em solid #0a2281;
}

.logo .log-cont {
	display: flex;
	align-items: center;
}


/*中*/
.logo .log-cont .box-center {
	width: 27.625em;
	height: 7.0375em;
	position: relative;
	margin-left: 70px;
}

.logo .log-cont .box-center a {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
}

.logo .log-cont .box-center a img {
	width: 100%;
	height: 100%;
}

/**/

/*右*/
.logo .log-cont .box-right,
.logo .log-cont .box-right span {
	display: flex;
	justify-content: space-between;
	margin-left: 20px;
}

.logo .log-cont .box-right {
	height: 6.9375em;
}

.logo .log-cont .box-right p{
	font-size: 1.2em;
    color: #0a2281;     
    font-weight: bold;
    letter-spacing: 0.08em;
}
.logo .log-cont .box-right span {
	flex-direction: column;
	align-items: center;
	margin-right: .9375em;
}
.logo .log-cont .box-right img {
	width: 6.875em;
	height: 6.875em;
	border: solid #ccc .0625em;
}

.topbar-active {
	color: #FF5722;
	text-decoration: underline;
}


/*左*/

.logo .log-cont>div {
	display: inline-block;
}

.logo .log-cont .cont-left {
	letter-spacing: 0.125em;
	cursor: pointer;
	text-align: center;
}

.logo .log-cont .cont-left h2 {
	font-size: 1.25em;
	color: #0a2281;
}

.logo .log-cont .cont-left div {
	width: 100%;
	border-bottom: 0.0625em solid #0a2281;
	margin-top: 0.5em;
}

.logo .log-cont .cont-left h3 {
	font-size: 0.5em;
	color: #0a2281;
}


/*右*/

.logo .log-cont .cont-right {
	margin-left: .35em;
	width: 346px;
	/*background-image: url(nrymbt.png);*/
	background: url(nrymbt.png) no-repeat;
    background-size: 100% 100%;
}

.logo .log-cont .cont-right div {
	display: inline-block;
	height: 46px;
}

.logo .log-cont .cont-right div a {
	font-size: 1.375em;
	color: #fff;
	letter-spacing: 0.025em;
	margin: 10px 0 0 28px;
}

.logo .log-cont .cont-right p {
	width: 0;
	height: 0;
	border-top: 1.53125em solid transparent;
	border-right: 0em solid transparent;
	border-bottom: 1.53125em solid transparent;
	border-left: 2.5em solid #0a2281;
}


/*LOGO标签结束*/


/*页脚开始*/

.foot {
	margin-top: 6.5em;
	background-color: #282828;
}

.foot .foot-box {
	display: flex;
	flex-direction: column;
}

.foot .foot-box .box-picture {
	width: 2.385em;
	height: 4.875em;
	margin-top: 1.25em;
	text-align: center;
}

.foot .foot-box .box-picture {
	width: 100%;
	height: 100%;
}

.foot .foot-box .box-address {
	margin-top: 1.25em;
	text-align: center;
}

.foot .foot-box .box-address div p {
	display: block;
	color: #fff;
}

.foot .foot-box .box-address div,
.foot .foot-box .box-address span {
	font-size: 1em;
	letter-spacing: 0.125em;
	color: #fff;
	line-height: 1.5625em;
	text-transform: uppercase;
}

.foot .foot-box .box-share {
	margin: 1.25em 0;
	display: flex;
	justify-content: center;
}

.foot .foot-box .box-share figure {
	text-align: center;
	margin: 0 7em;
	color: #fff;
}

.foot .foot-box .box-share figure img {
	width: 4.508em;
	height: 4.508em;
}


/*页脚结束*/


/* 主内容区开始 */

.container .cont-top,
.container .cont-bottom {
	border-top: .125em solid #0a2281;
	border-bottom: .125em solid #0a2281;
	padding: .3125em 0;
}

.container .font-row,
.container .font-addres {
	color: #fff;
}

.container .font-row a {
	color: #fff;
}

.container .font-addres a {
	color: #fff;
}

.container .font-row {
	background-image: linear-gradient(to right, #0a2281, transparent);
	padding: .3125em 0 .3125em .3125em;
}

.container .font-addres {
	background-image: linear-gradient(to left, #0a2281, transparent);
	padding: .3125em .3125em .3215em 0;
	text-align: right;
}

.matter .matter-title {
	text-align: center;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.matter .matter-title a {
	color: #0a2281;
	font-size: 3em;
}

.matter .matter-title {
	color: #0a2281;
	font-size: 3em;
}

.matter .message {
	border-top: .0625em solid #ddd;
	border-bottom: .0625em dashed #ddd;
	padding: .3125em 0;
	display: flex;
	justify-content: space-between;
}

.matter .mes-left span,
.matter .mes-right span {
	display: inline-block;
}

.matter .mes-left p,
.matter .mes-right p {
	color: #ff5722;
}

.matter .mes-left a {
	color: #afb1af;
}

.matter .mes-right span:first-of-type {
	margin-right: 1em;
}

.matter .mes-right em:nth-of-type(2) {
	margin: 0 .2em;
}

.matter .mes-right em:hover {
	cursor: pointer;
	color: #ef1e1e;
	text-decoration: underline;
}

.matter .content {
	margin: 3em 0;
}

.matter .content span {
	text-align: center;
	margin-bottom: 0.5em;
}

.matter .content span a {
	width: 40.625em;
	height: 24.0625em;
}

.matter .content span img {
	width: 100%;
	height: 100%;
}

.matter .content p {
	letter-spacing: .125em;
	-webkit-margin-before: 0.2em;
	-webkit-margin-after: 0.2em;
	white-space: pre-wrap;
	font-size: 1em;
	line-height: 32px;
	display: block;
}


/* 主内容区结束 */

.socialShare {
	display: inline-block;
	width: 20px;
	height: 20px;
	position: relative;
	z-index: 1;
}

.socialShare .msb_main {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: -2px;
	left: 0;
	z-index: 2;
	cursor: pointer;
	text-indent: -9999px;
	border: 4px solid #FFF;
	box-shadow: 0 0 5px #DDD;
	border-radius: 36px;
}

.socialShare .msb_main:hover {
	box-shadow: 0 0 5px #BBB;
}

.socialShare .msb_main img {
	width: 25px;
	height: 25px;
	cursor: pointer;
	border-radius: 23px;
	border: none;
	float: left;
	margin: -2px 0 0 -3px;
}

.socialShare .msb_network_button {
	width: 28px;
	height: 28px;
	position: absolute;
	top: 9px;
	left: 92px;
	z-index: 1;
	cursor: pointer;
	text-indent: -9999px;
	display: none;
	background: no-repeat;
	border: 6px solid #f5f5f5;
	border-radius: 50%;
}

.socialShare .msb_network_button.sina {
	background: url(social.png) no-repeat -131px -90px;
}

.socialShare .msb_network_button.qZone {
	background: url(social.png) no-repeat -74px -24px;
}

.socialShare .msb_network_button.weixin {
	background: url(social.png) no-repeat -74px -90px;
}

.socialShare .msb_network_button:hover {
	transition: -moz-transform 2s ease-out 0s;
	border: 15px solid #eee;
}