.navgationDiv{
	display:none; 
}

/* 首页头部菜单,单独定义样式 */
.hzHeaderTop {
 /* 默认隐藏，移出屏幕上方 */
 transform: translateY(-100%);
 /* 添加过渡效果 */
 transition: transform 0.5s ease;
}

/* 当鼠标移动到顶部区域时，添加一个类来显示header */
.hzHeaderShow {
 transform: translateY(0) !important;
 transition: transform 0.5s ease !important;
}

.page1-box {
 width: 100%;
 height: 100vh;
 overflow: hidden;
}

.swiper-container {
 width: 100%;
 height: 100%;
}

.swiper1 .swiper-slide {
 text-align: center;
 font-size: 18px;
 background: #fff;
 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;
}

.swiper1 .swiper-slide a {
 display: block;
	 width: 100%;
 height: auto;
}

.swiper1 .swiper-slide img {
 width: 100%;
 height: 100vh;
}

.swiper1 .swiper-slide .swiper-pc {
 display: block;
}

.swiper1 .swiper-slide .swiper-app {
 display: none;
}

.swiper1 .swiper-pagination {
 text-align: left;
}

.swiper1>.swiper-pagination-bullets {
 left: 8% !important;
 width: 92% !important;
 display: flex;
 justify-content: center;
}

.swiper1 .swiper-pagination-bullet {
 width: 0.39rem;
 height: 0.37rem;
 opacity: 1;
 background: url(/eportal/fileDir/hzbankwealth/template/page/index2/swiper-pagination-bullet.png) no-repeat top center;
 background-size: 0.2rem 0.17rem;
}

.swiper1 .swiper-pagination-bullet-active {
 background: url(/eportal/fileDir/hzbankwealth/template/page/index2/swiper-pagination-bullet-active.png) no-repeat;
 background-size: 100% 100%;
}

/* 第2页 k*/
.page2-box {
 width: 100%;
 height: 100vh;
 overflow: hidden;
 background: url(bg_page2.jpg) no-repeat center center;
 background-size: cover;
}

.series {
 width: 9.65rem;
 overflow: hidden;
 margin: 1.5rem auto 0.5rem;
}

.series>a>img {
 width: 100%;
}

.seriesList {
 width: 16.54rem;
 height: auto;
 margin: 0 auto;
 display: flex;
 justify-content: space-between;
}

.seriesImg1 {
 background: url(/eportal/fileDir/hzbankwealth/template/page/index2/series1.png) no-repeat;
}

.seriesImg2 {
 background: url(/eportal/fileDir/hzbankwealth/template/page/index2/series2.png) no-repeat;
}

.seriesImg3 {
 background: url(/eportal/fileDir/hzbankwealth/template/page/index2/series3.png) no-repeat;
}

.seriesImg4 {
 background: url(/eportal/fileDir/hzbankwealth/template/page/index2/series4.png) no-repeat;
}

.seriesImg5 {
 background: url(/eportal/fileDir/hzbankwealth/template/page/index2/series5.png) no-repeat;
}

.seriesImg6 {
 background: url(/eportal/fileDir/hzbankwealth/template/page/index2/series6.png) no-repeat;
}

.seriesListImg {
 display: block;
 width: 2.59rem;
 height: 4.3rem;
 background-size: cover;
 position: relative;
 transition: all 0.4s ease;
}

.seriesListImg:hover {
 border-radius: 0.05rem;
 transform: translateY(-5px);
 box-shadow: 0.1rem 0.1rem 0 rgb(51 51 51 / 60%);
}

.seriesInfo {
 width: 2.12rem;
 height: 1.9rem;
 position: absolute;
 top: 2.15rem;
 left: 0.22rem;
 text-align: center;
 background: #fff;
 border-radius: 10px 5px 5px 5px;
}

.seriesInfo h4 {
 font-size: 0.22rem;
 color: #333;
 margin-top: 0.2rem;
 margin-bottom: 0.16rem;
}

.seriesInfo p {
 font-size: 0.18rem;
 color: #333;
 line-height: 2;
}


.seriesInfo span {
 display: block;
 width: 1.56rem;
 height: 0.32rem;
 line-height: 0.32rem;
 font-size: 0.16rem;
 color: #fff;
 margin: 0.09rem auto 0;
 border-radius: 0.16rem;
}

.spanGradient1 {
 background: linear-gradient(to right,#81d8e9,#77bcdd);
}

.spanGradient2 {
 background: linear-gradient(to right,#9bbcef,#5f8fdd);
}

.spanGradient3 {
 background: linear-gradient(to right,#92a1e8,#7e72df);
}

.spanGradient4 {
 background: linear-gradient(to right,#e9bc99,#f6a153);
}

.spanGradient5 {
 background: linear-gradient(to right,#f19f9f,#f77786);
}

.spanGradient6 {
 background: linear-gradient(to right,#ecc699,#ceb186);
}

/* 第3页 */
.page3-box {
 width: 100%;
 height: 100vh;
 overflow: hidden;
 background: url(/eportal/fileDir/hzbankwealth/template/page/index2/bg_page3.jpg) no-repeat;
 background-size: 100% 100%;
 position: relative;
}

.page3-box .columnName {
 position: absolute;
 top: 1.5rem;
 right: 0;
 z-index: 99;
}

.page3-box .columnNameCn,
.page3-box .columnNameEn {
 padding-left: 0;
 padding-right: 1.32rem;
}

.page3-box .columnNameCn,
.page3-box .columnName .maxFont,
.page3-box .columnNameEn {
 color: #fff;
}

/* 日历查询 */
.calendar {
 width: 15.22rem;
 margin: 1.8rem auto 0;
 display: flex;
 gap: 0.2rem;
}

/* 加载中 */
.loading {
 text-align: center;
 font-size: 0.2rem;
 line-height: 2;
 color: #333;
 width: 6.25rem;
 position: absolute;
 z-index: 9;
 padding: 1rem 0;
}

.spinner {
 width: 0.5rem;
 height: 0.5rem;
 border: 0.05rem solid rgba(26, 42, 108, 0.2);
 border-top: 0.05rem solid #1a2a6c;
 border-radius: 50%;
 animation: spin 1s linear infinite;
 margin: 0.2rem auto;
}

@keyframes spin {
 0% {
	 transform: rotate(0deg);
 }

 100% {
	 transform: rotate(360deg);
 }
}

.calendar-left {
 width: 6.25rem;
 overflow: hidden;
}

.calendar-left-top {
 display: flex;
 align-items: center;
 justify-content: space-between;
}

.calendar-right {
 width: 5.18rem;
 height: 4.8rem;
 padding: 0.25rem;
 margin-top: 1rem;
 margin-left: 0.5rem;
 background-color: #f3f4f5;
 box-shadow: 0 0.1rem 0.15rem -0.03rem rgba(0, 0, 0, 0.1), 0 0.04rem 0.06rem -0.02rem rgba(0, 0, 0, 0.05);
 overflow: hidden;
 display: block;
}

.calendar-close {
 display: none;
}

.select-month {
 position: relative;
 width: 2rem;
 height: 0.42rem;
}

.select-month>.icon {
 top: 0.16rem;
 right: 0;
 display: block;
 width: 0.17rem;
 height: 0.09rem;
 background: url(/eportal/fileDir/hzbankwealth/template/page/index2/dateSanj.png) no-repeat;
 background-size: cover;
 position: absolute;
}

.select-month>span {
 cursor: pointer;
 font-size: 0.32rem;
 font-weight: 600;
 color: #1e73af;
 display: flex;
}

.select-month-detail {
 display: none;
 width: 2.57rem;
 color: #1e73af;
 padding: 0.1rem;
 cursor: auto;
 background-color: #f3f4f5;
 box-shadow: 0 0.1rem 0.15rem -0.03rem rgba(0, 0, 0, 0.1), 0 0.04rem 0.06rem -0.02rem rgba(0, 0, 0, 0.05);
 overflow: hidden;
}

.select-month-detail .select-year {
 height: 0.5rem;
 border-bottom: 1px solid #3b82f6;
 padding: 0 0.07rem;
 display: flex;
 justify-content: space-between;
 align-items: center;
}

.select-month-detail .month-of-year {
 width: 100%;
 height: auto;
}

.select-month-detail .month-of-year .month-row {
 display: flex;
 padding: 0.15rem 0;
 justify-content: space-around;
}

.select-month-detail .month-of-year .month-row .month {
 border-radius: 0.05rem;
 cursor: pointer;
 font-size: 0.14rem;
 padding: 0.1rem;
}

.select-month-detail .month-of-year .month-row .month.disabled {
 color: rgba(40, 109, 169, 0.5);
}

.select-month-detail .month-of-year .month-row .month.disabled:hover {
 color: rgba(40, 109, 169, 0.5);
 cursor: not-allowed;
}

.select-month-detail .month-of-year .month-row .month.active {
 background: #216dad;
 color: white;
}

.gray-forced .month-of-year .month-row .month.active {
 background: gray;
}

.select-month-detail .month-of-year .month-row .month.active:hover {
 background: #acd1eb;
 color: #3093c8;
}

.gray-forced .select-month-detail .month-of-year .month-row .month.active:hover {
 background: gray;
}

.select-month-detail .month-of-year .month-row .month:hover {
 background: rgba(36, 144, 199, 0.1);
 color: #2490C7;
}

.gray-forced .select-month-detail .month-of-year .month-row .month:hover {
 color: gray;
}

.calendar-main {
 margin-top: 0.2rem;
}

.days {
 min-height: 4rem;
}

.calendar-main .calendar-row {
 display: grid;
 grid-template-columns: repeat(7, 1fr);
 margin-top: 0.05rem;
 gap: 0.05rem;
}

.calendar-main .calendar-row.calendar-row-head.mobile {
 display: none;
}

.calendar-main .calendar-row .week {
 text-align: center;
 font-size: 0.26rem;
 color: #333;
 width: 0.85rem;
 height: 0.85rem;
 line-height: 0.8rem;
}

.calendar-main .calendar-row .day {
 display: flex;
 width: 0.85rem;
 height: 0.85rem;
 font-size: 0.24rem;
 align-items: center;
 cursor: pointer;
 justify-content: center;
}

.calendar-main .calendar-row .day:hover {
 background: #216dad;
 color: #000;
}

.gray-forced .calendar-main .calendar-row .day:hover {
 background: #216dad;
 color: #000;
}

.calendar-main .calendar-row .day.active {
 background: #216dad;
 color: #000;
}

.gray-forced .calendar-main .calendar-row .day.active {
 background: #216dad;
 color: #000;
}

.calendar-main .calendar-row .day .holiday {
 display: inline-block;
 color: #3e84ac;
 background: #c2d3d7;
 margin-left: 5px;
 line-height: 18px;
 height: 18px;
 width: 24px;
 text-align: center;
 border-radius: 9px;
}

.calendar-main .calendar-row .day .total {
 display: flex;
 flex-direction: column;
 gap: 0.05rem;
 margin-left: 0.1rem;
}

.calendar-main .calendar-row .day .total .circle {
 display: inline-block;
 margin-right: 5px;
 position: relative;
 top: -3px;
 width: 6px;
 height: 6px;
 border-radius: 6px;
}

.total-open,
.total-collection {
 width: 0.12rem;
 height: 0.12rem;
 border-radius: 50%;
 background-color: #648ab5;
}

.total-collection {
 background-color: #c0896e;
}

.total-open .circle {
 background: #2490c7;
}

.total-collection .circle {
 background: #E79A27;
}

.gray-forced .total-open .circle,
.gray-forced .total-collection .circle {
 background: gray;
}

.calender-month-buttons {
 display: flex;
 gap: 0.2rem;
 align-items: center;
}

.calender-month-button {
 width: 0.95rem;
 height: 0.42rem;
 line-height: 0.42rem;
 border-radius: 0.21rem;
 text-align: center;
 cursor: pointer;
 border: 1px solid #1e73af;
 background: transparent;
 font-size: 0.16rem;
 color: #1e73af;
}

.calender-month-button:hover {
 background-color: #1e73af;
 color: #fff;
}

.calender-month-button.disabled {
 background: #cfebfc;
 border-color: #cfebfc;
 color: #999;
}


.calender-type-buttons {
 width: 100%;
 display: flex;
 justify-content: space-between;
}

.calender-type-button {
 padding: 0.2rem;
 font-size: 0.16rem;
 cursor: pointer;
 border: none;
 background: transparent;
 gap: 0.1rem;
}

.calender-type-button.active,
.calender-type-button:hover {
 color: #1e73af;
 border-bottom: 1px solid #3b82f6;
}

.calendar-list {
 height: 3.95rem;
 overflow-y: scroll;
 padding-right: 0.06rem;
}

.calendar-list::-webkit-scrollbar {
 width: 4px;
 height: 10px;
 position: absolute;
}

.calendar-list::-webkit-scrollbar-thumb {
 background-color: #d9d9d9;
}

.calendar-list .data-row {
 width: 100%;
 min-height: 1.17rem;
}

.data-row {
 margin-bottom: 0.15rem;
}

.row-header {
 background: #bdd6e1;
 display: flex;
 padding: 0.16rem;
 justify-content: space-between;
}

.collection .row-header {
 background: #f0decd;
}

.row-detail {
 height: auto;
 background: #e0eceb;
}

.off .row-detail {
 display: none;
}

.collection .row-detail {
 background: #fff4ea;
}

.row-detail-product {
 display: flex;
 padding: 0.16rem;
 justify-content: space-between;
 border-bottom: 2px solid #fff;
}

.row-left {
 background: #598bb9;
 color: white;
 font-size: 0.14rem;
 text-align: center;
 height: 0.84rem;
 display: flex;
 justify-content: space-evenly;
 width: 0.84rem;
 flex-direction: column;
 align-items: center;
}

.row-left>img {
 width: 0.42rem;
}

.gray-forced .row-left {
 color: gray;
}

.row-detail .row-left {
 visibility: hidden;
}

.collection .row-left {
 background: #ca8669;
}

.row-middle {
 width: 3.1rem;
 height: 0.84rem;
 overflow: hidden;
 display: flex;
 flex-direction: column;
 justify-content: space-between;
}

.row-right {
 height: 0.84rem;
 display: flex;
 align-items: center;
 width: 0.66rem;
 justify-content: center;
}

.row-right a.link {
 font-size: 0.16rem;
 color: #3f6a90;
 cursor: pointer;
}

.gray-forced a.link {
 color: gray;
}

.collection .row-right a.link {
 color: #ca8669;
}

.row-middle a.link {
 font-size: 12px;
 position: absolute;
 right: 17px;
 top: 23px;
 color: #2490C7;
 cursor: pointer;
}

.row-middle span {
 font-size: 0.16rem;
 color: #3f6a90;
 display: block;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
}

.row-middle span:nth-child(1) {
 color: #3f6a90;
 font-size: 0.18rem;
}

.row-right span.icon {
 width: 0.09rem;
 height: 0.09rem;
 /* 隐藏实际内容，只显示边框形成的箭头 */
 border: solid currentColor;
 border-width: 0 0.02rem 0.02rem 0;
 display: inline-block;
 /* 旋转45度形成向下箭头 */
 transform: rotate(45deg);
 /* 颜色会继承父元素的color属性 */
 padding: 0.08rem 0 0 0.08rem;
 color: #3f6a90;
}

.collection .row-middle,
.collection .row-middle span,
.collection span.icon,
.collection .row-middle a.link {
 color: #ca8669;
}

.select-year .year {
 display: inline-block;
 text-align: center;
 font-size: 0.16rem;
 font-weight: bold;
 cursor: auto;
}

.select-year .icon {
 display: inline-flex;
 cursor: pointer;
}

.el-icon-prev,
.el-icon-next {
 width: 0.09rem;
 height: 0.09rem;
 border: solid currentColor;
 border-width: 0 0.02rem 0.02rem 0;
 display: inline-block;
 transform: rotate(135deg);
 padding: 0.08rem 0 0 0.08rem;
 color: #3f6a90;
}

.el-icon-next {
 transform: rotate(315deg);
}

/* 第4页 */
.page4-box {
 width: 100%;
 height: 100vh;
 overflow: hidden;
 background: url(/eportal/fileDir/hzbankwealth/template/page/index2/bg_page4.jpg) no-repeat;
 background-size: cover;
}

.page4-box .maxFont,
.page4-box .columnNameEn,
.page4-box  .columnNameCn {
 color: #fff;
}

.page4-box  .columnNameCn {
 border-color: #16475c;
}


.pageNews {
 margin-top: 1.5rem;
 overflow: hidden;
 display: flex;
 justify-content: space-between;
 align-items: flex-end;
}

.newsName {
 width: 4rem;
 overflow: hidden;
}

.columnName {
 overflow: hidden;
}

.columnNameCn {
 display: flex;
 align-items: flex-end;
 font-size: 0.4rem;
 color: #333;
 line-height: 1;
 padding-left: 1.32rem;
 padding-bottom: 0.26rem;
 border-bottom: 1px solid #cccccc;
}

.maxFont {
 font-size: 1.02rem !important;
 color: #1e73af;
}

.columnNameEn {
 font-size: 0.2rem;
 color: #999;
 padding-left: 1.32rem;
 line-height: 1;
 margin-top: 0.35rem;
}

.newsTab {
 width: 5.4rem;
 overflow: hidden;
 display: flex;
 margin-right: 1.32rem;
 justify-content: flex-end;
}

.newsTab>a {
 width: 1.2rem;
}

.newsTab>span,
.newsTab>a {
 display: block;
 width: 1.54rem;
 height: 0.52rem;
 line-height: 0.52rem;
 text-align: center;
 font-size: 0.16rem;
 color: #fff;
 border: 1px solid #fff;
 border-radius: 0.26rem;
}

.newsTab>span {
 display:none;
}

.newsTab>a:hover {
 width: 1.22rem;
}

.newsTab>span.act,
.newsTab>a:hover {
 width: 1.56rem;
 color: #1e73af;
 border: 0;
 border: 1px solid #1e73af;
 background: #fff;
}

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

.newsFlash,.dynamics {
 width: 47.5%;
 overflow: hidden;
}

.newsFlash h3,
.dynamics h3{
 display: inline-block;
 font-size:0.24rem;
 line-height: 1;
 color: #fff;
 border-left: 3px solid #ddd;
 padding-left: 0.2rem;
 margin-top: 0.2rem;
}

.newsFlash .newsLink,
.dynamics .newsLink {
 width: 100%;
}

.newsFlash .newsLink:nth-child(odd),
.dynamics .newsLink:nth-child(odd){
 float: none;
}

.newsFlash .newsLink:nth-child(even),
.dynamics .newsLink:nth-child(even){
 float: none;
}

.pageNewsCon {
 width: 16.54rem;
 margin: 0.3rem auto;
 overflow: hidden;
 display: none;
}

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

.newsLink {
 width: 47.5%;
 display:block;
 padding: 0.2rem 0.2rem;
 box-sizing: border-box;
 border-bottom: 1px solid #ddd;
 transition: all 0.4s ease;
}

.newsLink:nth-child(odd) {
 float: left;
}

.newsLink:nth-child(even) {
 float: right;
}

.newsLink>P {
 line-height: 2;
 color: #fff;
}

.newsLink>P:first-child {
 font-size: 0.16rem;
}

.newsLink>p:last-child {
 font-size: 0.2rem;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}

.newsLink:hover {
 transform: translateY(-5px);
}

/* 第五页 */
.page5-box {
 width: calc(100% + 17px);
 height: 100vh;
 overflow-y: hidden;
 overscroll-behavior-y: contain;
 scroll-behavior: auto;
 touch-action: pan-y;
}

.page5-box .columnNameEn {
 padding-left: 2.05rem;
}

.about {
 width: 16.54rem;
 margin: -0.45rem auto 0.5rem;
 overflow: hidden;
 display: flex;
 justify-content: center;
}

.aboutAbstract {
 width: 8.47rem;
 height: 5.71rem;
 padding: 0 0.48rem 0 0.3rem;
 display: flex;
 flex-direction: column;
 justify-content: center;
}

.abstract,
.aboutNum {
 width: 100%;
 overflow: hidden;
}

.abstract {
 margin-top: 0.8rem;
}

.abstract>p {
 font-size: 0.20rem;
 color: #333;
 line-height: 2;
 text-indent: 0.32rem;
 margin-bottom: 0.2rem;
}

.aboutNum {
 margin-top: 0.6rem;
 display: flex;
 justify-content: space-between;
}


.aboutTs {
 margin-top: 0.15rem;
 display: flex;
 justify-content: flex-end;
 align-items: center;
 font-size: 0.12rem;
 color: #333;
}

.aboutSpan {
 border: 1px solid #666;
 border-radius: 50%;
 display: inline-block;
 width: 0.12rem;
 height: 0.12rem;
 line-height: 0.12rem;
 text-align: center;
 color: #666;
 margin-right: 0.05rem;
}

.typeNum {
 font-size: 0.18rem;
 color: #333;
 background: url(/eportal/fileDir/hzbankwealth/template/page/index2/numBg.png) no-repeat;
 padding: 0.25rem 0 0 0.35rem;
}

.typeNumBlue {
 font-size: 0.48rem;
 color: #1e73af;
}

.aboutFloor,
.aboutFloor img {
 width: 6.78rem;
 height: 6.01rem;
}

.aboutFriendly {
 width: 15.14rem;
 overflow: hidden;
 padding: 0 0.65rem 0 0.75rem;
 display: flex;
 margin: 0 auto 0.7rem;
}

.FriendlyName {
 width: 1.4rem;
}

.FriendlyNameCh {
 font-size: 0.34rem;
 color: #333;
 margin-top: 0.06rem;
}

.FriendlyNameEn {
 font-size: 0.18rem;
 color: #999;
 margin-top: 0.1rem;
}

.FriendlyLink {
 width: 13.74rem;
}

.FriendlyLinkBlock {
 width: 100%;
 display: flex;
 justify-content: space-around;
}

.FriendlyLinkBlock>a {
 display: block;
 width: 3.22rem;
 height: 0.84rem;
 line-height: 0.84rem;
 text-align: center;
 font-size: 0.2rem;
 color: #333;
 background: #f3f3f3;
}

.FriendlyLinkBlock>a:hover {
 color: #1e73af;
}


/* 响应式布局横屏在(768-1200px)显示PC样式 */
@media only screen and (min-width: 768px) and (max-width: 1200px) and (orientation: landscape) {
 .series {
	 width:50%;
 }

 .seriesList {
	 width: 100%;
	 justify-content: space-evenly;
 }

 .seriesListImg {
	 width: 16%;
	 background-size: 100% 100%;
 }

 .seriesInfo {
	 width: 81%;
	 left: 10%;
 }

 .seriesInfo span {
	 width: 80%;
 }

 .page3-box .columnNameCn,
 .page3-box .columnNameEn {
	 padding-right: 0.5rem;
 }
 
 
 .calendar {
	 width: 65%;
	 display: block;
	 margin: 1.5rem 0 0 0.25rem;
 }

 .calendar-left {
	 background: url(/eportal/fileDir/hzbankwealth/template/page/index2/calendarBg.png) no-repeat;
	 background-size: 100% 100%;
	 width: 100%;
	 padding: 3%;
	 box-sizing: border-box;
 }

 .calendar-right {
	 display: none;
	 width: 100%;
	 height: 100vh;
	 box-sizing: border-box;
	 padding: 11% 2% 0 2%;
	 background: rgba(0 0 0 / 70%);
	 margin: 0;
	 position: absolute;
	 top: 0;
	 left: 0;
	 z-index: 101;
 }

 .calendar-right-top {
	 background: #fff;
	 overflow: hidden;
	 padding: 2%;
	 border-radius: 0.1rem 0.1rem 0 0;
 }

 .calendar-list {
	 margin-top: 0;
	 background: #fff;
	 height: 5rem;
	 padding: 0.1rem;
 }

 .row-left,
 .row-right{
	 width: 1.24rem;
 }

 .row-middle{
	 width: calc(100% - 3rem);
 }
 
 .row-middle,
 .row-left,
 .row-right {
	 height: 1.24rem;
 }

 .calendar-close {
	 display: block;
	 font-size: 0.24rem;
	 width: 2rem;
	 text-align: center;
	 margin: 2% auto 0;
	 height: 0.6rem;
	 line-height: 0.6rem;
	 border-radius: 0.3rem;
	 color: #fff;
	 cursor: pointer;
	 border: 1px solid #fff;
	 font-weight: 600;
	 box-shadow: inset 0px 0px 15px 3px #fff;
 }

 .calendar-close>img {
	 width: 100%;
 }

 .columnNameCn {
	 padding-left: 0.5rem;
 }
 
 .maxFont {
	 font-size: 1.02rem !important;
 }
 
 .columnNameEn {
	 padding-left: 0.5rem;
 }

 .pcNews,
 .pageNewsCon {
	 width: 100%;
 }

 .newsLink {
	 padding :0.2rem;
 }
 
 .newsTab {
	 margin-right: 0.5rem;
 }

 .page5-box {
	 width: 100%;
 }
 
 .page5-box .columnNameEn {
	 padding-left: 1.05rem;
 }
 
 .about {
	 width: 96%;
	 flex-direction: column;
 }
 
 .aboutAbstract {
	 width: 100%;
	 height: auto;
	 padding: 0;
 }
 
 .abstract,
 .aboutNum {
	 width: 100%;
	 overflow: hidden;
 }
 
 .abstract>p {
	 font-size: 0.20rem;
	 color: #333;
	 line-height: 2;
	 text-indent: 0.32rem;
 }
 
 .aboutNum {
	 margin-top: 0.35rem;
	 display: flex;
	 justify-content: space-between;
 }
 
 
 .aboutTs {
	 margin-top: 0.15rem;
	 display: flex;
	 justify-content: flex-end;
	 align-items: center;
	 font-size: 0.12rem;
	 color: #333;
 }
 
 .aboutSpan {
	 border: 1px solid #666;
	 border-radius: 50%;
	 display: inline-block;
	 width: 0.12rem;
	 height: 0.12rem;
	 line-height: 0.12rem;
	 text-align: center;
	 color: #666;
	 margin-right: 0.05rem;
 }
 
 .typeNum {
	 font-size: 0.18rem;
	 color: #333;
 }
 
 .typeNumBlue {
	 font-size: 0.48rem;
	 color: #1e73af;
 }

 .aboutFloor {
	 margin: 0.5rem auto;
 }
 
 .aboutFloor,
 .aboutFloor>img {
	 width: 6.86rem;
	 height: 5.05rem;
 }
 
 .aboutFriendly {
	 width: 96%;
	 padding: 0;
	 display: flex;
 }
 
 .FriendlyName {
	 width: 1.4rem;
 }
 
 .FriendlyNameCh {
	 font-size: 0.34rem;
	 color: #333;
	 margin-top: 0.06rem;
 }
 
 .FriendlyNameEn {
	 font-size: 0.18rem;
	 color: #999;
	 margin-top: 0.1rem;
 }
 
 .FriendlyLink {
	 width: calc(100% - 1.7rem);
	 margin-left: 0.3rem;
 }
 
 .FriendlyLinkBlock>a {
	 width: 31%;
 }
 
 .FriendlyLinkBlock>a:hover {
	 color: #1e73af;
 }
 
}
/*响应式布局竖屏(768-1200px) 显示移动端样式 */
@media only screen and (max-width: 1200px) and (orientation: portrait) {
 .swiper1 .swiper-slide .swiper-pc {
	 display: none;
 }

 .swiper1 .swiper-slide .swiper-app {
	 display: block;
 }

 .swiper1>.swiper-pagination-bullets {
	 bottom: 0 !important;
	 display: flex;
	 left: 2% !important;
	 justify-content: flex-start;
 }

 .series {
	 width: 70%;
	 margin: 2.5rem auto 0.5rem;
 }

 .seriesList {
	 width: 96%;
	 display: flex;
	 flex-wrap: wrap;
 }

 .seriesListImg {
	 width: 32%;
	 margin-top: 2%;
	 background-size: 100% 100%;
 }

 .seriesInfo {
	 width: 81%;
	 left: 10%;
 }

 .page3-box {
	 background: url(/eportal/fileDir/hzbankwealth/template/page/index2/bg_page3_app.jpg) no-repeat top center #1d70aa;
	 background-size: 100%;
 }

 .page3-box .columnName {
	 right: auto;
	 position: relative;
	 width: 2.65rem;
	 top: 2rem;
 }

 .page3-box .columnNameCn,
 .page3-box .columnNameEn {
	 padding-left: 0.3rem;
	 padding-right: 0;
 }

 .calendar {
	 width: 96%;
	 display: block;
	 margin: 3rem auto 0;
 }

 .calendar-left {
	 background: url(/eportal/fileDir/hzbankwealth/template/page/index2/calendarBg.png) no-repeat;
	 background-size: 100% 100%;
	 width: 100%;
	 padding: 5%;
	 box-sizing: border-box;
 }

 .loading {
	 width: 90%;
 }
 
 .calendar-right {
	 display: none;
	 width: 100%;
	 height: 100vh;
	 box-sizing: border-box;
	 padding: 2rem 5% 0 5%;
	 background: rgba(0 0 0 / 70%);
	 margin: 0;
	 position: absolute;
	 top: 0;
	 left: 0;
	 z-index: 101;
 }

 .calendar-right-top {
	 background: #fff;
	 overflow: hidden;
	 padding: 2% 2%;
	 border-radius: 0.1rem 0.1rem 0 0;
 }

 .calendar-list {
	 margin-top: 0;
	 background: #fff;
	 height: 8.35rem;
	 padding: 0.2rem;
 }

 .calendar-close {
	 display: block;
	 font-size: 0.24rem;
	 width: 2rem;
	 text-align: center;
	 margin: 0.7rem auto 0;
	 height: 0.6rem;
	 line-height: 0.6rem;
	 border-radius: 0.3rem;
	 color: #fff;
	 cursor: pointer;
	 border: 1px solid #fff;
	 font-weight: 600;
	 box-shadow: inset 0px 0px 15px 3px #fff;
 }

 .calendar-close>img {
	 width: 100%;
 }

 .row-left,
 .row-right{
	 width: 1.24rem;
 }

 .row-middle{
	 width: calc(100% - 3rem);
 }
 
 .row-middle,
 .row-left,
 .row-right {
	 height: 1.24rem;
 }

 .newsName {
	 width: 3.2rem;
 }

 .columnNameCn,
 .columnNameEn {
	 padding-left: 0.3rem;
 }

 .columnNameCn {
	 color: #1e73af;
 }

 .newsTab {
	 margin-right: 0;
	 gap: 0.3rem;
	 width: 5rem;
	 margin-left: 0.3rem;
	 justify-content: flex-start;
 }

 .newsTab>span,
 .newsTab>a {
	 width: 1.24rem;
 }

 .newsTab>span.act,
 .newsTab>a:hover {
	 width: 1.26rem;
 }

 .newsLink {
	 width: 100%;
 }

 .newsLink:nth-child(6) {
	 border-bottom: 0;
 }

 .newsLink:nth-child(7),
 .newsLink:nth-child(8) {
	 display:none;
 }

 .pcNews {
	 display: none;
 }

 .newsTab>span,
 .pageNewsCon {
	 display: block;
 }
 
 .pageNewsCon {
	 width: 96%;
	 background: #fff;
	 padding: 2%;
	 box-sizing: border-box;
	 margin: 0.5rem auto;
 }

 .newsLink>P {
	 color: #666;
 }
 
 .page5-box{
	 width: 100%;
 }

 .page5-box .columnNameEn {
	 padding-left: 0.3rem;
 }

 .about {
	 width: 100%;
	 display: block;
 }

 .aboutAbstract {
	 width: 100%;
	 height: auto;
	 padding: 2%;
	 box-sizing: border-box;
 }

 .aboutFloor {
	 margin: 0 auto;
 }

 .aboutFriendly {
	 display: flex;
	 align-items: center;
	 flex-direction: column;
	 width: 96%;
	 margin: 0.5rem auto;
	 padding: 0;
 }

 .FriendlyName{
	 width:auto;
	 text-align:center;
 }

 .FriendlyLink {
	 width: 100%;
	 margin-top: 0.3rem;
	 padding: 0;
 }

 .FriendlyLinkBlock {
	 justify-content: space-between;
 }

 .FriendlyLinkBlock >a {
	 width: 32%;
 }

 .seriesInfo h4 {
	 margin-bottom: 0.11rem;
	 margin-top: 0.2rem;
 }
 
 .seriesInfo p {
	 line-height: 1.5;
 }
 
 
 .seriesInfo span {
	 margin: 0.09rem auto 0;
 }

}

@media only screen and (max-width: 420px) {
 .aboutNum {
	 flex-wrap: wrap;
	 justify-content: space-around;
 }

 .typeNum {
	 width: 45%;
	 text-align: center;
	 margin-bottom: 0.2rem;
 }

 .aboutTs{
	 width:45%;
	 float:right;
	 margin-right: 2.5%;
	 justify-content: center;
 }

}