﻿

.dotted_b_2 {
	border-bottom: 2px dotted #cacaca;
	margin: 20px 0px;
}

.bigimgs {
}

.hiSlider-wrap {

	height: 700px;
}

body {
	min-height: 100%;
}

.m-navs {
	display: none;
}

.header {
	transform: none;
	opacity: 1;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}

.header.showdiv {
	opacity: 1;
	transform: none
}

.header .logo-row {
	color: #d39797;
	height: 100px;
	font-size: 14px;
	overflow: hidden;
	transition: all 0.5s ease-out 0s;
}

.header.lit .logo-row {
	height: 0
}

.header .navs {
	transition: all 0.5s ease-out 0s;
	height: 80px;
	background: #fff
}

.header .block {
	position: relative;
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center
}

.header .logo {
	height: 100%;
	width: 70%
}

.header .logo a {
	height: 100%;
	font-size: 0;
	display: block
}

.header .logo img {
	width: 480px;
	max-width: 70% !important;
	vertical-align: middle;
	max-width: none;
	display: inline-block
}

.header .logo a:after {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle
}

.header .nav_main {
	text-align: center;
	width: 100%
}

.header .nav_main .meun {
	margin: 0 0px;
	display: block;
	margin-right: 0px;
	display: inline-block;
	border-bottom: 0px solid #FFF;
	width: 145px;
}

.header .nav_main .meun:hover {
	border-bottom: 0px solid #FFF;
}

.header .nav_main .meun:hover a {
	font-weight: bold;
}

.header .nav_main .meun a {
	font-size: 18px;
	line-height: 83px;
}

.ul_100 {
	margin-left: 0px !important;
}

.ul_700 {
	margin-left: -174px !important;
}

.header .nav_main .meun ul {
	z-index: 100;
	float: left;
	width: 300px;
	position: absolute;
	display: none;
	margin-top: 0px;
	margin-left: -83px;
	padding: 10px 0px;
	border-radius: 0px 0px 5px 5px;
}

.header .nav_main .navs ul a {
	font-size: 16px;
	display: block;
	width: 50%;
	float: left;
	line-height: 50px;
	color: #FFF;
	font-weight: normal !important;
}

.header .nav_main .meun ul a:hover {
	font-weight: bold !important;
}

.logo-row .search_box {
	border: 1px solid #143834;
	background: #FFF;
	float: right;
	border-radius: 3px;
	margin-left: 30px;
	width: 200px;
	height: 30px;
	vertical-align: middle;
}

.logo-row .search_box input {
	width: 160px;
	height: 30px;
	border: 0px;
	color: #143834;
	font-size: 12px;
	margin-left: 10px;
	vertical-align: middle;
	margin-top: 0px;
}

.logo-row .search_box i {
	cursor: pointer;
}

.hiSlider-title {
	white-space: nowrap;
	overflow: hidden;
}

.hiSlider-item img {
	width: 100% !important;
	height: 100% !important;
}

.list {
	margin-top: 0px;
	background: #fff;
	padding: 35px 40px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	height: 378px;
	box-sizing: border-box;
	overflow: hidden;
	text-align: left;
}

.list .title {
	width: 100%;
	display: block;
	margin-bottom: 20px;
	background: #F1F3F4;
	padding: 3px 10px;
	border-radius: 5px;
	height: 30px;
}

.list .title span {
	color: #333;
	font-size: 18px !important;
	margin-right: 3px;
	line-height: 30px;
}

.list .title span:first-child {
	margin-right: 5px;
}

.list .title span.active {
	border-bottom: 0px solid #666;
                /*font-size: 18px !important;*/
	color: #333;
	font-size: 18px !important;
}

.list .title_h span {
	color: #666;
	line-height: 30px;
	cursor: pointer;
	font-size: 14px !important;
}

.list .title_h span i {
	color: #666;
	line-height: 30px;
	font-size: 18px !important;
}

#row_A .hiSlider-pages {
	display: none;
}

#row_B .hiSlider-pages {
	display: none;
}

.date-list {
	width: 685px;
	height: 377px;
}

.date-list .item {
	background: none;
	box-shadow: 0 0 0px rgba(0, 0, 0, 0.1);
	width: calc(100% - 10px);
	height: auto;
	cursor: pointer;
	position: relative;
	overflow: hidden;
	margin-top: 5px;
	line-height: 25px;
	font-size: 16px;
	margin-bottom: 20px
}

.date-list .item a .h div {
	display: block;
	color: #FFF;
	float: left;
	font-size: 18px;
	height: 50px;
	width: 50px;
	margin-right: 10px;
	padding: 0px 2px;
	border-radius: 2px;
	text-align: center;
	font-style: italic
}

.date-list .item a .h div span {
	font-size: 12px;
	display: block;
	color: #FCF2D9;
	font-style: normal;
}

.list-bg1 {
	background: url(/ZNY24/images/list-bg/bg_1.png) #FFF no-repeat !important;
	background-position: left bottom !important;
	background-repeat: no-repeat;
}

.list-bg2 {
	background: url(/ZNY24/images/list-bg/bg_2.png) #FFF no-repeat !important;
	background-position: left bottom !important;
	background-repeat: no-repeat;
}

.list-bg3 {
	background: url(/ZNY24/images/list-bg/bg_3.png) #FFF no-repeat !important;
	background-position: left bottom !important;
	background-repeat: no-repeat;
}

.render-body {
	min-height: calc(100vh - 324px);
	margin: auto;
    /*	background: #F4F4F4;*/
	display: block;
	padding-bottom: 20px;
}

.block {
	width: 1400px;
	margin: auto;
}

.item2 .h {
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.item2 .date {
	margin-top: 10px;
	position: relative;
	font-style: italic;
	color: #9c888a;
	display: block;
}

.item2 .date span {
	display: block;
	width: 100px;
	z-index: 9999;
}

.item2:hover .date:before {
	border-color: #143834;
}

.item2 .date:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	border-top: 2px solid #eee;
	margin-left: 100px;
	transition: all 0.3s ease-out 0s;
}

.xsdt_title {
	padding-left: 0px;
	font-size: 16px;
	line-height: 30px;
}

.xsdt_title i {
	margin-right: 5px;
}

.xsdt_des {
	margin: 0px 0px;
	padding-right: 10px;
	color: #9c888a;
	font-size: 14px !important;
    /*	background: #F1F3F4;*/
	line-height: 30px;
	min-height: 60px;
}

.xsdt_item {
	border-bottom: 1px solid #F1F3F4;
	padding-bottom: 5px;
	margin: 5px 10px;
	text-align: left;
}

.xsdt_zuozhe {
	float: right;
	color: #143834
}

.h400 {
	height: 420px;
}

.h300 {
	height: 300px;
}

.w560 {
	width: 560px;
}

.w820 {
	width: 820px;
}

.w700 {
	width: 700px;
}

.h280 {
	height: 310px;
}

.h600 {
	height: 615px;
}

.books li {
	width: 154px;
	height: 190px;
	float: left;
}

.books li img {
	width: 144px;
	height: 220px;
	margin: 5px;
	border: 1px solid #F1F3F4;
}

.footer {
	color: #333;
	position: relative;
}

.footer a {
	color: #FFF;
}

.footer .part {
	padding: 0px 0;
	display: -ms-flexbox;
	background: #302a29;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: center;
	align-items: center
}

.footer .part .logo {
	margin-bottom: 20px;
	height: 60px
}

.footer .info {
	color: rgba(255, 255, 255, 0.1);
	font-size: 12px;
	width: 100%
}

.footer .info {
	text-align: center;
}

.footer .info span {
	margin: 0 20px;
	color: #fff;
	font-size: 14px
}

.footer .part p {
	line-height: 50px;
	color: #FFF;
}
.footer img {
	margin-right: 10px;
	border-radius: 5px;
}

.mfooter {
	display: none;
}

.home .isStuck_Fix .logo-row {
	display: none;
}

.home .isStuck_Fix .hide-logo {
	display: unset;
}

.home .isStuck_Fix .hide-logo img {
	height: 30px;
	float: left;
	margin-top: 10px;
}

.home .isStuck_Fix .navs {
	background: #143834;
	background: url(/ZNY24/images/welcome/w_head_bg.png);
	height: 50px;
	border-bottom: 10px solid #F4F4F4;
}

.home .isStuck_Fix .navs a {
	color: #FFF;
	line-height: 50px;
	font-size: 16px;
}

.home .isStuck_Fix .nav_main {
	text-align: right;
}

.home .isStuck_Fix .nav_main .meun {
	border-bottom: 0px solid #004D40;
	width: 100px;
}

.home .navs .meun ul a {
	color: #FFF;
	font-weight: normal !important;
	font-size: 16px;
	width: 50%;
	text-align: center;
	float: left;
	line-height: 38px;
	display: block;
}

.home .meun ul {
	background-color: rgba(0, 132, 154, 0.8);
}

.home .stuckMenu-pt {
	margin-top: 225px !important;
}

.base .stuckMenu-pt {
	margin-top: 150px !important;
}

.hide-logo {
	display: none;
}
.isStuck_Fix .header-top {
	display: none;
}
.header .block {
	position: relative;
	height: 100%;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-align: center;
	align-items: center;
}
.header-top {
	background: #06262f;
	color: #fff;
	transition: 0.3s all;
	border-bottom: solid 1px #003448;
	height: 46px;
	text-align: center !important;
}
.header-top a {
	color: #FFF;
	font-size: 14px;
	line-height: 35px;
}

.header-top a:hover {
	color: #FFF;
}

.header-top .search_box {
	border: 0px solid #94070A;
	background: #FFF;
	float: right;
	border-radius: 3px;
	margin-left: 10px;
	width: 200px;
	height: 26px;
	vertical-align: middle;
	margin-top: 2px;
	padding-top: 0px;
}

.header-top .search_box input {
	width: 160px;
	border: 0px;
	color: #143834;
	font-size: 12px;
	margin-left: 10px;
	vertical-align: middle;
}

/* 设置根字体大小为 16px */
html {
	font-size: 16px;
}

@media screen and (max-width: 1200px) {
	.dotted_b_2 {
		border-bottom: 2px dotted #cacaca;
		margin: 20px 10px;
	}

	.header-top {
		display: none;
	}

	.header {
		left: 0;
		width: 100%;
		z-index: 9999;
		border-bottom: 0 solid #F4F4F4;
		position: fixed;
		top: 0;
	}

		.header .logo-row {
			color: #d39797;
			height: 4.375rem !important; /* 70px -> 4.375rem */
			font-size: 0.875rem; /* 14px -> 0.875rem */
			transition: all 0s ease-out 0s;
			overflow: hidden;
		}

		.header .logo {
			height: 100%;
			width: 100%;
		}

	.search_box {
		display: none;
	}

	.block {
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}

	.render-body {
		min-height: unset;
		margin-top: 7.5rem; /* 120px -> 7.5rem */
		background: #FFF;
	}

	.list {
		padding: 1.5rem 1rem;
		padding-right: 1rem;
	}

		.list .title {
			width: auto;
		}

		.list .item {
			border-bottom: 1px solid #F1F3F4;
			padding-bottom: 0.3125rem;
			margin: 0.3125rem 0.625rem;
			text-align: left;
		}

	.footer {
		height: 3.125rem; /* 50px -> 3.125rem */
		background: #F4F4F4;
	}

		.footer a {
			color: #FFF;
		}

	.part {
		display: none !important;
	}

	.navs {
		display: none;
	}

	.row {
		padding-top: 0 !important;
	}

	.mrow {
		width: calc(100% - 2rem) !important;
		margin: 1rem !important;
		height: auto;
		box-shadow: 0 0 0 rgba(0, 0, 0, 0.1) !important;
		border: 0 solid rgba(0, 0, 0, 0.1);
		border-radius: 1rem;
		border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.1) !important;
	}

	.hiSlider-item img {
		width: 100% !important;
		max-height: none !important;
		height: auto !important;
	}

	.ptbox {
		position: relative;
		height: auto !important;
	}

	.m-navs {
		display: block;
		background: #FFF;
		height: 3.125rem; /* 50px -> 3.125rem */
		line-height: 3.125rem;
	}

	.layui-layer-page .layui-layer-title {
		border-radius: 1rem 1rem 0 0 !important;
	}

	.layui-layer-page .layui-layer-setwin a {
		border: 0.625rem solid #F8F8F8;
		margin-top: -0.625rem;
		margin-right: -0.625rem;
	}

	.layui-layer-page {
		border-radius: 1rem 1rem 0 0 !important;
		background: red;
	}

	.layui-layer-page .layui-layer-btn {
		background: #F8F8F8;
		border-top: 0.0625rem solid #eee;
		padding-top: 0;
	}

	.meun-first {
		height: 3.125rem;
	}

	.meun-last {
		width: 1.875rem !important;
		float: right !important;
		border: 0.0625rem solid rgba(0, 0, 0, 0.1);
		border-radius: 0.3125rem;
		line-height: 1.875rem;
		margin-top: 0.625rem;
		margin-right: 0.125rem;
		cursor: pointer;
		min-width: unset !important;
	}

	.m-navs .fl {
		width: calc(100% - 2.5rem);
		overflow-x:scroll;
	}
		.m-navs .fl .m-scroll {
		   min-width:25rem;
		}
	.m-navs .meun {
		float: left;
		min-width: 4.3rem;
		text-align: center;
		margin:0,0.5rem;
	}

	.m-navs .meun a {
		font-family: '黑体';
		font-weight: bold;
		font-size: 0.875rem; /* 14px -> 0.875rem */
	}

	#m_more_menus {
		display: block;
		padding: 1rem;
		width: calc(100% - 2rem);
		background: #F4F4F4;
	}

	#m_more_menus .nav_1 {
		/* display: none; */
	}

	#m_more_menus .meun {
		line-height: 1.375rem;
		margin-bottom: 0.625rem;
		background: #F8F8F8;
		line-height: 1.875rem;
		border: 0.0625rem solid #ECEFF7;
		border-radius: 1rem;
		box-shadow: 0 0 0 rgba(0, 0, 0, 0.1) !important;
	}

	#m_more_menus .meun ul {
		border-radius: 0 0 1rem 1rem;
		padding: 1rem;
	}

	#m_more_menus .meun a {
		margin-left: 1rem;
		line-height: 2.375rem;
	}

	#m_more_menus .meun ul {
		background: #FFF !important;
		height: auto !important;
		display: block !important;
	}

	#m_more_menus .meun ul a {
		font-size: 0.875rem;
		font-weight: normal;
		margin-left: 0.3125rem;
		line-height: 1.375rem;
		white-space: nowrap;
		color: #666 !important;
	}

	#m_more_menus .ul_700 {
		margin-left: 0 !important;
	}

	.xsdt_item1 {
		height: 5.625rem; /* 90px -> 5.625rem */
	}

	.xsdt_des .desc {
		display: none;
	}

	.list-bg1 {
		background: #FFF !important;
		background-position: left bottom !important;
		background-repeat: no-repeat;
	}

	.list-bg2 {
		background: #FFF !important;
		background-position: left bottom !important;
		background-repeat: no-repeat;
	}

	.list-bg3 {
		background: #FFF !important;
		background-position: left bottom !important;
		background-repeat: no-repeat;
	}

	.item2 .h {
		font-size: 1rem; /* 16px -> 1rem */
		white-space: unset;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 2;
	}

	.imgzoom_120_80 {
		width: 8.125rem; /* 130px -> 8.125rem */
	}

	.date-list .item a .h div span {
		font-size: 0.6875rem; /* 11px -> 0.6875rem */
		display: block;
		color: #FCF2D9;
		font-style: normal;
	}

	.xsdt_zuozhe {
		display: none;
	}

	.m-border-bottom {
		border-bottom: 0.0625rem solid #F1F3F4;
		padding-bottom: 0.625rem;
	}

	#hiSlider_A .item {
		border-bottom: 0.0625rem solid #F1F3F4;
		padding-bottom: 0.625rem;
	}

	#hiSlider_B .item {
		border-bottom: 0.0625rem solid #F1F3F4;
		padding-bottom: 0.625rem;
	}

	.layui-layer-imguide {
		display: block !important;
	}

	.layui-layer-imgbar {
		display: block !important;
		background: unset !important;
	}

	.layui-layer-photos {
		width: 94% !important;
	}

		.layui-layer-photos img {
			border: 0 solid #FFF;
			border-radius: 1rem;
		}

	#layui-layer-photos {
		height: auto !important;
	}

	.home .stuckMenu-pt {
		margin-top: 7.5rem !important; /* 120px -> 7.5rem */
	}

	.base .stuckMenu-pt-init {
		margin-top: 7.5rem !important; /* 120px -> 7.5rem */
	}

	.base .isStuck_Fix .logo-row {
		border-bottom: 0 solid #F4F4F4 !important;
	}

	.home .isStuck_Fix .logo-row {
		display: block;
	}

	.notice {
		line-height: 1.875rem !important; /* 30px -> 1.875rem */
		padding: 0 1rem;
	}
}


