html{
	font-size: 16px;
	min-width: 1440px;
}
body{
	background: url(shbzkblfw-bannerbg.jpg) no-repeat top center;
}
.banner-box{
	width: 1400px;
	margin: 0 auto;
}
.logo{
	margin-left: 50px;
	margin-top: 40px;
}
.banner{
	margin-left: 50px;
}
.left{float: left;}
.right{float: right;}
/* 第一部分 */
.first-box{
	background: url(shbzkblfw-ssmbg.png) no-repeat bottom right #fff;
	width: 1300px;
	margin: 0 auto;
	border-radius: 15px;
	box-shadow: 2px 0 10px 1px rgba(28,88,208,0.2);
	display: flex;
}
.stsbk-title{
	float: left;
	width: 55px;
	font-size: 24px;
	font-weight: bold;
	writing-mode: vertical-rl; 
	color: #fff;
	line-height: 55px;
	margin-left: 55px;
	padding: 40px 0;
	background: linear-gradient(to bottom,#6ae6c2,#07b699);
	position: relative; 
	top: -20px;
}
/* 内层：箭头填充（与内容框背景一致） */
.stsbk-title::after{
	content: "";
	position: absolute;
	top: 0;
	right: -20px;
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 0 solid transparent;
	border-left: 20px solid #07b699;
}
.dzsbk-title{
	float: left;
	width: 55px;
	font-size: 24px;
	font-weight: bold;
	writing-mode: vertical-rl; 
	color: #fff;
	line-height: 55px;
	margin-left: 55px;
	padding: 40px 0;
	background: linear-gradient(to bottom,#72a6ff,#588de7);
	position: relative; 
	top: -20px;
}
/* 内层：箭头填充（与内容框背景一致） */
.dzsbk-title::after{
	content: "";
	position: absolute;
	top: 0;
	right: -20px;
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 0 solid transparent;
	border-left: 20px solid #588de7;
}
.first-text{
	float: left;
	line-height: 38px;
	font-size: 20px;
	text-indent: 2em;
	width: 510px;
	margin-left: 25px;
	padding: 38px 0;
}
.dzsbk-text{
	padding: 68px 50px 68px 0; 
}
/* 第二部分 */
.two-box{
	background: url(shbzkblfw-slstsbkbg.png) no-repeat top center;
	width: 1350px;
	height: 546px;
	margin: 10px auto 0;
	padding: 55px;
}
.two-title-box{
	color: #333;
	font-size: 48px;
	font-weight: bold;
	text-align: center;
	margin-top: 20px;
	background: url(shbzkblfw-slstsbktitle.png) no-repeat 50% center;
}
.two-title{
	display: inline-block;
	background: #fff;
	padding: 0 15px;
}
.two-title-3672d8{
	color: #3672d8;
}

/*第二部分切换*/
.two-qhtitle {
    width: 280px;
	float: left;
}
.two-qhtitle li {
    width: 100%;
	height: 70px;
    text-align: center;
    line-height: 70px;
	border-radius: 7px;
	font-size: 30px;
	padding-left: 60px;
	margin-bottom: 25px;
	cursor: pointer;
}
.two-qhxsqd{
	background: url(shbzkblfw-slstsbkxsqd.png) no-repeat 46px 50% #fff;
	border: #3672d8 solid 1px;
}
.two-qhxxqd{
	background: url(shbzkblfw-slstsbkxxqd.png) no-repeat 46px 50% #fff;
	border: #3672d8 solid 1px;
}
.two-qhxsqd-hover{
	background: url(shbzkblfw-slstsbkxsqd-hover.png) no-repeat 46px 50% #3672d8;
    color: #fff;
}
.two-qhxxqd-hover{
	background: url(shbzkblfw-slstsbkxxqd-hover.png) no-repeat 46px 50% #3672d8;
    color: #fff;
}
.two-content-box{
	margin-top: 20px;
}
.two-text-box{
	width: 940px;
	background: #eef2f8;
	border: #d9e0ea solid 1px;
	float: left;
	height: 320px;
	position: relative;
	margin-left: 20px;
	border-radius: 6px;
	padding: 30px;
}

/* 外层：箭头描边（颜色为d9e0ea） */
.two-text-box::before {
  content: '';
  position: absolute;
  left: -12px; /* 左移露出描边 */
  top: 40px;
  transform: translateY(-50%);
  border-width: 12px 12px 12px 0;
  border-style: solid;
  border-color: transparent #d9e0ea transparent transparent; /* 描边色改为d9e0ea */
}

/* 内层：箭头填充（与内容框背景一致） */
.two-text-box::after {
  content: '';
  position: absolute;
  left: -10px; /* 覆盖外层描边内侧 */
  top: 40px;
  transform: translateY(-50%);
  border-width: 10px 10px 10px 0;
  border-style: solid;
  border-color: transparent #eef2f8 transparent transparent; /* 填充色与内容框背景一致 */
}
/* 箭头位置：默认（one1激活时）top=40px */
.two-text-box.arrow-default::before,
.two-text-box.arrow-default::after {
    top: 40px;
}
/* 箭头位置：one2激活时 top=135px */
.two-text-box.arrow-offset::before,
.two-text-box.arrow-offset::after {
    top: 130px;
}
.two-text{
	line-height: 36px;
	width: 100%;
	height: 260px;
	padding-right: 15px;
	overflow-y: scroll;
	font-size: 20px;
}
.two-text span{
	font-weight: bold;
}
/* 第三部分 */
.three-box{
	width: 100%;
	overflow: hidden;
	background: url(shbzkblfw-sldzsbkbg.jpg) no-repeat top center;
	padding-bottom: 30px;
}
.three-title{
	width: 1300px;
	margin: 0 auto;
	font-size: 48px;
	color: #fff;
	font-weight: bold;
	line-height: 170px;
	padding-left: 200px;
}
.three-title span{
	color: #ffe930;
}
.three-content{
	width: 1300px;
	margin: 0 auto;
}
.three-left,
.three-right{
	width: 635px;
	background: linear-gradient(to bottom,#b1d4fd,#ffffff);
	border-radius: 10px;
	box-shadow: 2px 0 10px 1px rgba(28,88,208,0.2);
	padding: 25px;
	min-height: 385px;
}
.three-left .xh,
.three-right .xh{
	background: #fff;
	width: 44px;
	height: 44px;
	color: #3672d8;
	border-radius: 22px;
	border: #3672d8 solid 1px;
	line-height: 44px;
	text-align: center;
	font-size: 28px;
	float: left;
}
.three-left .text,
.three-right .text{
	line-height: 35px;
	font-size: 20px;
	padding-left: 60px;
}
.three-right .text p{
	margin-top: 20px;
	margin-left: -50px;
}
.three-right .text span{
	font-weight: bold;
}
.three-left .erweima img{
	font-weight: bold;
	margin-left: 20px;
	margin-top: 15px;
}

/* 第四五六部分 */
.ffx-box{
	background: url(shbzkblfw-bg.png) no-repeat bottom center #fff;
	width: 100%;
	overflow: hidden;
	margin: 20px auto 0;
}
/* 第四部分 */
.four-box{
	width: 1300px;
	margin: 0 auto;
	overflow: hidden;
}
.four-box .list{
	width: 635px;
}
.four-box .list-title-box{
	background: url(shbzkblfw-slstsbktitle.png) no-repeat left 50%;
}
.four-box .list-title{
	display: inline-block;
	background: #fff;
	border-left: #3672d8 solid 7px;
	padding:0 20px;
	font-weight: bold;
	font-size: 30px;
	line-height: 35px;
}
.four-box .more{
	float: right;
	color: #999;
	padding:0 20px;
	font-size: 18px;
	line-height: 35px;
	background: #fff;
}
.four-box .list ul{
	margin-top: 20px;
}
.four-box .list ul li{
	line-height: 48px;
	font-size: 20px;
	overflow: hidden;
}
.four-box .list ul li a{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 80%;
	float: left;
}
.four-box .list ul li .liststyle{
	color: #3672d8;
	padding-right: 10px;
	float: left;
}
.four-box .list ul li .date{
	float: right;
	color: #999;
}
/* 视频解读 */
.spjd-box{
	width: 1300px;
	margin: 30px auto;
	overflow: hidden;
}
.spjd-box .list{
	width: 100%;
	overflow: hidden;padding-bottom: 30px;
}
.spjd-box .list-title-box{
	background: url(shbzkblfw-slstsbktitle.png) no-repeat left 50%;
}
.spjd-box .list-title{
	display: inline-block;
	background: #fff;
	border-left: #3672d8 solid 7px;
	padding:0 20px;
	font-weight: bold;
	font-size: 30px;
	line-height: 35px;
}
.spjd-box .more{
	float: right;
	color: #999;
	padding:0 20px;
	font-size: 18px;
	line-height: 35px;
	background: #fff;
}
.spjd-box .list ul{
	margin-top: 20px;
}
.spjd-box .list ul li{
	width: 410px;
	float: left;
	border-radius: 10px;
	box-shadow: 2px 0 10px 1px rgba(28,88,208,0.2);
	font-size: 20px;
	border: #c8d1df solid 1px;
	font-weight: bold;
	margin-right: 35px;
	position: relative;
}
.spjd-box .list ul li:nth-child(3n){
	margin-right: 0;
}
.spjd-box .list ul li img{
	width: 408px;
	height: 265px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.spjd-box .list ul li .bfbutton{
	display: flex; /* 启用 Flex 布局 */
	align-items: center; /* 垂直居中 */
	justify-content: center; /* 水平居中 */
	background: rgba(0,0,0,0.45);
	width: 100%;
	height: 265px;
	position: absolute;
	top: 0;
}
.spjd-box .list ul li .bfbutton img{
	width: 64px;
	height: 64px;
}
.spjd-box .list ul li a{
	display: flex; /* 启用 Flex 布局 */
	align-items: center; /* 垂直居中（关键） */
	margin: 20px 20px 15px;
	height: 50px;
}
.spjd-box .list ul li .date{
	color: #999;
	font-size: 16px;
	margin: 0 20px 20px 20px;
	display: block;
	font-weight: normal;
}
/* 第五部分 */
.five-box{
	width: 1300px;
	margin: 30px auto;
	background: url(shbzkblfw-xgfwbg.png) no-repeat top center;
	overflow: hidden;
	box-shadow: 2px 0 10px 1px rgba(28,88,208,0.2);
	border-radius: 15px;
}
.five-box .title-box{
	border-bottom: #486ee0 solid 7px;
	text-align: center;
	margin-top: 40px;
}
.five-box .title{
	font-size: 36px;
	font-weight: bold;
	padding: 0 55px;
	line-height: 70px;
	background: #486ee0;
	display: inline-block;
	color: #fff;
}
.five-box .list{
	background: #fff;
	overflow: hidden;
	padding-bottom: 25px;
}
.five-box .list ul li{
	width: 400px;
	float: left;
	height: 90px;
	margin-left: 25px;
	background: url(shbzkblfw-xgfwliststyle.png) no-repeat 30px 50% #fff;
	margin-top: 30px;
	border-radius: 5px;
	box-shadow: 2px 0 10px 1px rgba(28,88,208,0.2);
	font-size: 22px;
	padding:  0 20px 0 65px;
    display: flex; /* 启用 Flex 布局 */
    align-items: center; /* 垂直居中（关键） */
}
.five-box .list ul li:hover{
	background: url(shbzkblfw-xgfwliststyle-hover.png) no-repeat 30px 50% #3672d8;
}
.five-box .list ul li:hover a{
	color: #fff;
}
/* 第六部分 */
.six-box{
	width: 1300px;
	margin: 30px auto;
	overflow: hidden;
}
.six-box .title-box{
	background: url(shbzkblfw-slstsbktitle.png) no-repeat right 50%;
}
.six-box .title{
	display: inline-block;
	background: #edf7fe;
	border-left: #3672d8 solid 7px;
	padding:0 20px;
	font-weight: bold;
	font-size: 30px;
	line-height: 35px;
}
.six-left,.six-right{
	width: 635px;
	margin-top: 25px;
}
.six-left .phone-box,.six-right .yinhang-box{
	background: #fff;
	border-radius: 5px;
	box-shadow: 2px 0 10px 1px rgba(28,88,208,0.2);
	margin-bottom: 25px;
}
.six-left .phone,.six-right .yinhang {
	position: relative; /* 为伪元素定位做准备 */
	display: inline-block; /* 宽度由内容撑开 */
	background-color: #2169e1; /* 蓝色背景色 */
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	margin-top: 25px;
	line-height: 50px;
	padding:0 10px 0 30px;
}
/* 伪元素实现斜切角 */
.six-left .phone::after,.six-right .yinhang::after {
	content: "";
	position: absolute;
	top: 0;
	right: -25px;
	width: 30px; /* 斜切角的宽度，可根据需要调整 */
	height: 100%;
	background-color: #2169e1; /* 与主背景色一致 */
	transform: skewX(-25deg); /* 水平倾斜角度，可调整 */
	transform-origin: top right; /* 变形原点，保证斜切效果自然 */
}
.six-left .text,.six-right .text{
	font-size: 20px;
	font-weight: bold;
	text-align: left;
	line-height: 40px;
	padding: 20px;
}
.six-right .text{
	line-height: 56px;
	text-align: left;
	overflow: hidden;;
}
.six-right .text>div{
	margin-right: 50px;
}
.zxzx-slh{
	display: none;
}
.footer .link {
    margin-top: 0;
}

/* 适老化 */
.jnpageold .stsbk-title{
	width: 120px;
	font-size: 48px;
	line-height: 120px;
	top: -40px;
}
.jnpageold .dzsbk-title{
	width: 120px;
	font-size: 48px;
	line-height: 120px;
	top: -40px;
}
.jnpageold .first-text{
	line-height: 55px;
	font-size: 36px;
	margin-left: 50px;
}
.jnpageold .first-text img{
	width: 8%;
}
.jnpageold .dzsbk-text{
	padding-right: 55px;
}
/* 内层：箭头填充（与内容框背景一致） */
.jnpageold .stsbk-title::after{
	right: -40px;
	border-top: 40px solid transparent;
	border-left: 40px solid #07b699;
}
/* 内层：箭头填充（与内容框背景一致） */
.jnpageold .dzsbk-title::after{
	right: -40px;
	border-top: 40px solid transparent;
	border-left: 40px solid #588de7;
}
.jnpageold .two-title-box{
	font-size: 70px;
}
.jnpageold .two-qhtitle li {
	height: 148px;
	font-size: 60px;
	padding-left: 100px;
	padding-right: 20px;
}
.jnpageold .two-text{
	line-height: 60px;
	font-size: 36px;
}
.jnpageold .three-title{
	font-size: 70px;
}
.jnpageold .three-left .text,
.jnpageold .three-right .text{
	line-height: 60px;
	font-size: 36px;
}
.jnpageold .three-left,.jnpageold  .three-right{
	min-height: 690px;
}
.jnpageold .four-box .list-title{
	font-size: 50px;
	line-height: 40px;
}
.jnpageold .four-box .more{
	font-size: 36px;
	line-height: 40px;
}

.jnpageold .four-box .list ul li{
	line-height: 60px;
	font-size: 36px;
}
.jnpageold .five-box .title-box{
	margin-top: 25px;
}
.jnpageold .five-box .title{
	font-size: 50px;
	line-height: 90px;
}
.jnpageold .five-box .list ul li{
	height: 180px;
	font-size: 40px;
}
.jnpageold .six-box .title{
	font-size: 50px;
	line-height: 70px;
}

.jnpageold .six-left .phone-box,.jnpageold .six-right .yinhang-box{
	height: auto;
}
.jnpageold .six-left .phone,.jnpageold .six-right .yinhang {
	font-size: 45px;
	line-height: 90px;
}
/* 伪元素实现斜切角 */
.jnpageold .six-left .phone::after,.jnpageold .six-right .yinhang::after {
	right: -50px;
	width: 50px; 
}
.jnpageold .six-left .text,.jnpageold .six-right .text{
	font-size: 36px;
	line-height: 80px;
}
.jnpageold .zxzx{
	display: none;
}
.jnpageold .zxzx-slh{
	display: block;
}
.jnpageold .spjd-box .list ul li a{
	font-size: 36px;
	height: 100px;
}
.jnpageold .spjd-box .list ul li .date{
	font-size: 32px;
}