* {
	margin: 0;
	padding: 0;
	font-family: "Microsoft YaHei", "微软雅黑", Helvetica, "PingFang SC", "Hiragino Sans GB", "黑体", Arial, Tahoma, sans-serif !important;
}

img {
	outline: 0;
	border: 0;
	display: block;
}

select,
input,
button {
	outline: none;
}

ul li {
	list-style: none;
}

a {
	text-decoration: none;
	outline: 0;
}

.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

html {
	font-size: 100px;
}
/* 头部 */
.hzHeader {
	width: 100%;
	/* height: auto; */
	position: fixed;
	top: 0;
	z-index: 9999;
}

.bgColor {
	background: #fff;
}

.headerBox {
	width: 16.54rem;
	overflow: hidden;
	margin: 0 auto;
}

.headerLogo {
	width: 2.87rem;
	height: 0.78rem;
	margin-top: 0.28rem;
	float: left;
}

.headerLogo img {
	width: 100%;
}

.hzNavigation {
	width: 11.8rem;
	height: 1.26rem;
	overflow: hidden;
	float: right;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: space-between;
}

.navMenu {
	width: 10.8rem;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
}

.navMenu>a {
	color: #333;
	font-size: 0.22rem;
	font-weight: bold;
	position: relative;
	width: 1.8rem;
	line-height: 1.26rem;
	height: 1.26rem;
	text-align: center;

}

.navMenu>a:hover {
	color: #fff;
}

.navMenu>a::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0%;
	background-size: cover;
	background-position: center;
	transition: height 0.7s cubic-bezier(0.19, 1, 0.22, 1);
	background: url(/eportal/fileDir/hzbankwealth/template/common/header/navHover.png) no-repeat center center;
	z-index: -1;
}

.navMenu>a:hover::before {
	height: 100%;
}

.navSmLogin {
	display: block;
	width: 0.53rem;
	height: 0.53rem;
}

.navSmLogin>img {
	width: 100%;
}

.menuChild {
	overflow: hidden;
	width: 100%;
	background: #000000;
	display: none;
	/* 设置透明边框，宽度自定义 */
	border-top: 4px solid transparent;
	/* 水平从左到右渐变 */
	border-image: linear-gradient(to right, #59a536, #238ec6);
	/* 确保渐变完整填充边框 */
	border-image-slice: 1;
	box-shadow: 0px 5px 10px 0px #999;
	position: absolute;
	top: 1.26rem;
	left: 0;
	z-index: 9999;
}

.childBlock {
	width: 100%;
	overflow: hidden;
	display: none;
}

.childBlock:first-child {
	display: block;
}

.childBlockImg {
	width: 10.46rem;
	height: 3.85rem;
	float: left;
}

.childBlockImg>img {
	width: 100%;
}

.childBlockLink {
	float: left;
	width: calc(100% - 11.46rem);
	height: 3.35rem;
	padding: 0.5rem 0 0 1rem;
	overflow: hidden;
	background: #efefef;
}

.childBlockLink>h4 {
	font-weight: 500;
	font-size: 32px;
	color: #333;
	overflow: hidden;
}

.linkView {
	margin-top: 0.2rem;
	position: relative;
}

.linkView a {
	display: block;
	width: 2rem;
	font-size: 0.2rem;
	color: #333;
	overflow: hidden;
	height: 0.5rem;
	line-height: 0.5rem;
	position: relative;
	padding: 0.05rem 0.2rem;
}

.linkView a:hover {
	background: #fff;
}

.linkView a::before {
	content: "";
	width: 0.08rem;
	height: 0.14rem;
	display: inline-block;
	margin-right: 0.1rem;
	background: url(/eportal/fileDir/hzbankwealth/template/common/header/iconDown.png) no-repeat center center;
}

.cellChild {
	position: absolute;
	top: 0;
	left: 2.6rem;
	overflow: hidden;
	display: none;
}

.navHeadLink a>span {
	float: left;
	font-size: 0.16rem;
}

/* pc顶部悬停区域 */
.headerHoverArea {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 1.26rem;
	z-index: 99;
	background: transparent;
}

/* 公用底部 start*/
.footer {
	width: 100%;
	overflow: hidden;
}

.footerUp {
	width: 100%;
	padding: 0.5rem 0;
	overflow: hidden;
	background: #009de4;
}

.footerUpBlock {
	width: 16.54rem;
	margin: 0 auto;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
}

/* 浅蓝左 */
.upBlockFl {
	width: 11.24rem;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
}

.flListParent01 {
	background: url(/eportal/fileDir/hzbankwealth/template/common/footer/bottom01.png) left center no-repeat;
}

.flListParent02 {
	background: url(/eportal/fileDir/hzbankwealth/template/common/footer/bottom02.png) left center no-repeat;
}

.flListParent03 {
	background: url(/eportal/fileDir/hzbankwealth/template/common/footer/bottom03.png) left center no-repeat;
}

.flListParent04 {
	background: url(/eportal/fileDir/hzbankwealth/template/common/footer/bottom04.png) left center no-repeat;
}

.flListParent {
	font-size: 0.18rem;
	color: #fff;
	margin-bottom: 0.15rem;
	line-height: 1.5;
	padding-left: 0.44rem;
	background-size: contain;
}

.flListChildren>p,
.flListChildrenLi {
	padding-left: 0.44rem;
	font-size: 0.14rem;
	color: #fff;
	line-height: 2;
}

.flListChildrenLi  a {
	/* display: block; */
	font-size: 0.14rem;
	color: #fff;
}

.flListChildrenLi  a:hover {
	border-bottom: 1px solid #fff;
}

/* 浅蓝右 */

.upBlockFr {
	width: 4.6rem;
	overflow: hidden;
}


.ewmBox{
	display: flex;
	justify-content: space-between;
}

.frEwm {
	width: 50%;
	overflow: hidden;
}

.frEwm>p>img {
	width: 1.1rem;
	margin: 0 auto;
}

.frEwm>P:last-child {
	text-align: center;
	line-height: 1;
	margin-top: 0.27rem;
	color: #fff;
	font-size: 0.14rem;
}


.footerDown {
	width: 100%;
	overflow: hidden;
	background: #034c90;
}

.footerDownBlock {
	width: 16.54rem;
	margin: 0 auto;
	padding: 0.1rem 0;
}

.footerDownBlock>p,
.footerDownBlock>p>a {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	font-size: 0.12rem;
	text-align: center;
	color: #fff;
	line-height: 2;
}

.footerDownBlock>p span {
	margin: 0 0.1rem;
}


.zx-list-tt a:hover {
	color: #1b82bd;
}

/* 列表和详情banner公用样式 */
.headerBanner {
	width: 100%;
	overflow: hidden;
	position: relative;
	background-size: cover;
	margin-top: 1.26rem;
}

.headerBanner>img {
	position: relative;
	width: 100%;
	top: 0;
	left: 0;
}

.headerBanner>h4 {
	width: 2.75rem;
	height: 0.73rem;
	text-align: center;
	border-radius: 0.5rem;
	border: 0.02rem solid #fff;
	font-size: 0.36rem;
	color: #fff;
	line-height: 0.73rem;
	font-weight: 400;
	position: absolute;
	top: calc(50% - 0.58rem);
	left: calc(50% - 1.35rem);
}

/* 移动端头部 */
.navHeader {
	display: none;
	width: calc(100% - 0.4rem);
	justify-content: space-between;
	align-items: center;
	padding: 0.15rem 0.2rem;
	background: #fff;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	position: fixed;
	top: 0;
	z-index: 1000;
}

.navHeader>.logo {
	height: 0.8rem;
}

/* 汉堡菜单按钮 */
.hamburger {
	width: 0.6rem;
	height: 0.6rem;
	position: relative;
	cursor: pointer;
}

.hamburger>img {
	width: 100%
}

/* 菜单容器 */
/* 菜单容器 */
.menuContainer {
	position: fixed;
	top: 1.1rem;
	left: 100%;
	width: 100%;
	height: calc(100vh - 1.1rem);
	background: rgba(255, 255, 255, 0.98);
	transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	padding: 0.2rem;
	box-sizing: border-box;
	overflow-y: auto;
	z-index: 999;
	backdrop-filter: blur(5px);
}

.menuContainer.active {
	transform: translateX(-100%);
}

/* 菜单项通用样式 */
.mainMenu {
	list-style: none;
}

.mainMenu li{
	list-style: none;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.menuItem {
	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.menuItem>a {
	width: calc(100% - 0.8rem);
	padding: 0.16rem 0;
	color: #333;
	text-decoration: none;
	font-size: 0.22rem;
	transition: color 0.3s;
}

/* 多级子菜单系统 */
.submenu {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease-out;
	list-style: none;
}

.submenu.active {
	max-height: 10rem;
	padding: 0.15rem;
}

/* 层级深度指示 */
.submenu {
	background: rgba(248, 248, 248, 0.5);
	box-sizing: border-box;
}

.submenu .submenu {
	background: rgba(240, 240, 240, 0.5);
	border-radius: 0.04rem;
	margin: 0.03rem 0;
	box-sizing: border-box;
}

.submenu .submenu .submenu {
	background: rgba(232, 232, 232, 0.5);
}

.submenu .submenu .submenu .submenu {
	background: rgba(224, 224, 224, 0.5);
}

/* 字体大小层级衰减 */
.submenu li a {
	font-size: 0.2rem;
	line-height: 2;
	color: #666;
	width: calc(100% - 0.8rem);
}

.submenu .submenu li a {
	font-size: 0.18rem;
}

.submenu .submenu .submenu li a {
	font-size: 0.16rem;
}

.submenu .submenu .submenu .submenu li a {
	font-size: 0.14rem;
}

/* 箭头指示系统 */
.arrow {
	width: 0.22rem;
	transform: rotate(0deg);
	transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	margin-left: 0.08rem;
	color: #666;
}

.arrow>img {
	width: 100%;
}

.arrow.active {
	transform: rotate(180deg);
}

@media only screen and (max-width: 1200px) {

	.hzHeader,
	.sidebar {
		display: none;
	}

	.navHeader {
		display: flex;
		padding: 0.25rem 0.2rem;
	}

	.navHeader>.logo {
	    height: 0.6rem;
	}
	
	.headerBanner{
		width: 100%;
		height: auto;
		margin-top: 1.1rem;
	}
	
	.headerBanner>h4::after {
	    width: 0.65rem;
	    height: 0.04rem;
	    margin-top: 0.2rem;
	}

	.footerUpBlock {
		width: 96%;
		display: flex;
	}

	.upBlockFl {
		display: flex;
		width: 75%;
		flex-wrap: wrap;
	}

	.upBlockFr {
		width: 25%;
	}

	.ewmBox{
		flex-direction: column;
	}

	.flList {
		width: 33%;
	}

	.flList:last-child {
		width: 100%;
		margin-top: 0.5rem;
	}

	.footerUpFr {
		margin-top: 0.4rem;
	}

	.frEwm {
		width: 100%;
	}

	.frEwm>P {
		line-height: 1.5 !important;
		margin-top: 0.27rem;
	}

	.footerDownBlock {
		width: 100%;
	}

	.headerBanner>h4 {
		top: 30%;
		left: calc(50% - 0.7rem);
		width: 1.4rem;
		height: 0.45rem;
		line-height: 0.45rem;
		font-size: 0.2rem;
	}

}

@media only screen and (max-width: 767px) {

	.headerBanner>h4 {
		top: 25%;
	}
}