@charset "utf-8";



/* S 引导页 */
.guide-box{
	width: 100%;
	height: 100vh;
	position: relative;
	background: url(../images/guide/guide-bg.jpg) no-repeat center center;
	background-size: cover;
	overflow: hidden;
}
.guide-box .guide-main{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
}
.guide-main .guide-item{
	padding: 0 50px;
	box-sizing: border-box;
	background-color: rgba(0, 0, 0, 0.35);
	margin: 0 10px;
	width: 350px;
	height: 500px;
	border-radius: 26px;
	border-top-left-radius: 100px;
	border-bottom-right-radius: 100px;
	overflow: hidden;
}
.guide-main .guide-item:nth-child(2){
	margin-top: -80px;
}
.guide-item .guide-logo{
	display: block;
	margin: 0 auto;
	width: 100%;
	margin-top: 50px;
}
.guide-item .guide-nav-box{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 20px;
}
.guide-nav-box .guide-nav-item{
	border: 1px solid #fff;
	border-radius: 6px;
	border-top-left-radius: 44px;
	border-bottom-right-radius: 44px;
	width: 47%;
	position: relative;
	height: 100px;
	cursor: pointer;
	transition: all 1s;
	background-image: none;
	background: no-repeat center center;
	background-size: 100% 100%;
	box-shadow: 0 0 10px #666;
}
.guide-nav-box .guide-nav-item:nth-child(1):hover{
	background-image: url('../images/guide/guide-bg1.png');
	border: 1px solid rgba(255, 188, 89, 0.8);
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
	/* border-color: transparent; */
	/* background-color: rgba(255, 188, 89, 0.2); */
	backdrop-filter: blur(10px); 
	-webkit-backdrop-filter: blur(10px);
	
}
.guide-nav-box .guide-nav-item:nth-child(2):hover{
	background-image: url('../images/guide/guide-bg2.png');
	border: 1px solid rgba(131, 108, 252, 0.8);
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
	/* border-color: transparent; 
	background-color: rgba(131, 108, 252, 0.2); */
	backdrop-filter: blur(10px); 
	-webkit-backdrop-filter: blur(10px);
}
.guide-nav-item .guide-nav-a{
	display: block;
	width: 100%;
	height: 100%;
}
.guide-nav-item .guide-nav-item-icon{
	position: absolute;
	left: 22px;
	top: 50%;
	transform: translateY(-50%);
	width: 40px;
}
.guide-nav-item .guide-nav-item-label{
	color: #fff;
	position: absolute;
	width: 1em;
	right: 25px;	
	top: 50%;
	transform: translateY(-50%);
}
.guide-item .guide-info{
	overflow: hidden;
	color: #fff;
	margin-top: 10px;
}
.guide-info .guide-info-item{
	margin-top: 10px;
	position: relative;
	padding-left: 26px;
	line-height: 26px;
}
.guide-info-item .guide-info-item-icon{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
}

.guide-item .guide-block-out{
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
}
.guide-block-out .guide-block-main{
	width: 100%;
	text-align: center;
	position: relative;
	transition: all 0.3s;
}
 .guide-block-main .round-bg{
	display: none;
	position: absolute;
	left: 0;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: none;
	animation: roundRotate 5s linear infinite;
	-webkit-animation: roundRotate 5s linear infinite;
}
@keyframes roundRotate {
	0%{
		transform:translateY(-50%) rotate(0deg);
	}
	100%{
		transform:translateY(-50%) rotate(360deg);
	}
}
@keyframes -webkit-roundRotate {
	0%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(360deg);
	}
}
.guide-block-main .guide-block-icon{
	margin: 0 auto;
	width: 80px;
	height: 80px;
	object-fit: contain;
}
.guide-block-main .guide-block-label{
	font-size: 26px;
	font-weight: bold;
	margin-top: 20px;
}
.guide-block-en{
	margin-top: 8px;
}
.guide-item.guide-item-public:hover{
	background-color: rgba(102, 177, 248, 0.2);
	backdrop-filter: blur(5px); 
	-webkit-backdrop-filter: blur(5px);
	background: url('../images/guide/guide-bg3.png') no-repeat center center;
	background-size: 110% auto;
	border: 1px solid rgba(102, 177, 248, 0.8);
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
}
.guide-item.guide-item-public:hover > a{
	background-image: url('../images/guide/guide-block-logo.png')
}
.guide-item.guide-item-public:hover .guide-block-main,.guide-item.guide-item-en:hover .guide-block-main{
	transform: translateY(-70px);
}
.guide-item.guide-item-public:hover .round-bg,.guide-item.guide-item-en:hover .round-bg{
	display: block;
}
.guide-item.guide-item-public > a, .guide-item.guide-item-en > a{
	display: block;
	background: no-repeat bottom center;
	background-size: 60% auto;
	transition: all 1s;
	height: 100%;
}
.guide-item.guide-item-public, .guide-item.guide-item-en{
	transition: all 1s; 
	background-color: rgba(0, 0, 0, 0.35);
}
.guide-item.guide-item-en:hover{
	/* background-color: rgba(248, 171, 167, 0.2); */
	backdrop-filter: blur(5px); 
	-webkit-backdrop-filter: blur(5px);
	background: url('../images/guide/guide-bg4.png') no-repeat center center;
	background-size: 110% auto;
	border: 1px solid rgba(248, 171, 167, 0.8);
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
}
.guide-item.guide-item-en:hover > a{
	background-image: url('../images/guide/guide-block-logo.png');
	
}
/* E 引导页 */


/* S 首页 */
.home-banner-box{
	background-color: #629cca;
	overflow: hidden;
	width: 100%;
	animation: homeBannerScale 2s ease-out;
	-webkit-animation: homeBannerScale 2s ease-out;
}
.home-banner-box .home-banner-img{
	width: 100%;
	display: block;
}
@keyframes homeBannerScale {
	0%{
		transform: scale(1.2);
	}
	100%{
		transform: scale(1);
	}
}
@-webkit-keyframes homeBannerScale {
	0%{
		transform: scale(1.2);
	}
	100%{
		transform: scale(1);
	}
}

.block-nav-out{
	position: relative;
	z-index: 3;
	margin-top: -130px;
}
.block-nav-out .block-nav-box::after{
	content: "";
	display: block;
	clear: both;
}
.block-nav-box .block-nav-left{
	float: left;
	position: relative;
}
.block-nav-left .block-nav-item{
	width: 450px;
	height: 270px;
	position: absolute;
}
.block-nav-item .block-nav-item-main{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border-radius: 24px;
	border-top-left-radius: 80px;
	border-bottom-right-radius: 80px;
	padding: 30px;
	overflow: hidden;
	cursor: pointer;
	transition: all 0.3s;
	position: relative;
}
.block-nav-left .block-nav-item:hover .block-nav-item-main{
	transform: scale(1.1);
}
.block-nav-item .block-nav-item-main > a{
	display: block;
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
}
.block-nav-left .block-nav-item3:hover .block-nav-content{
	display: flex;
}
.block-nav-content{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #8BA5E6;
	transition: all 0.3s;
}
.block-nav-content .block-nav-content-item{
	flex: 1;
	overflow: hidden;
	color: #fff;
	font-size: 24px;
	border-right: 1px dashed #fff;
}
.block-nav-content .block-nav-content-item:last-child{
	border-right: 0 none;
}
.block-nav-content .block-nav-content-item > a{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.block-nav-content .block-nav-content-item > a:hover{
	text-decoration: underline;
}
.block-nav-content .block-nav-content-item2{
	flex-direction: column;
	display: flex;
}
.block-nav-content-item2 .block-nav-content-item3{
	flex: 1;
	border-bottom: 1px dashed #fff;
}
.block-nav-content-item2 .block-nav-content-item3:last-child{
	border-bottom: 0 none;
}
.block-nav-content-item2 .block-nav-content-item3 > a{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.block-nav-content-item2 .block-nav-content-item3 > a:hover{
	text-decoration: underline;
}
.block-nav-item .block-nav-title-box{
	text-align: center;
}
.block-nav-item .block-nav-title{
	font-size: 36px;
	color: #fff;
	margin-top: 10px;
}
.block-nav-item .block-nav-small-icon{
	width: 74px;
	margin: 0 auto;
}
.block-nav-item .block-nav-big-icon{
	width: 180px;
	position: absolute;
	right: 0;
	bottom: 0;
}
.block-nav-item .block-nav-desc{
	position: absolute;
	left: 30px;
	bottom: 40px;
	color: #fff;
}
.block-nav-left .block-nav-item1{
	left: 0;
	top: 0;
}
.block-nav-left .block-nav-item1 .block-nav-item-main{
	background-color: #FEABBC;
}
.block-nav-left .block-nav-item2{
	left: 480px;
	top: 60px;
}
.block-nav-left .block-nav-item2 .block-nav-item-main{
	background-color: #45B2FF;
}
.block-nav-left .block-nav-item3{
	left: 0;
	top: 300px;
}
.block-nav-left .block-nav-item3 .block-nav-item-main{
	background-color: #8BA5E6;
}
.block-nav-left .block-nav-item4{
	left: 480px;
	top: 360px;
}
.block-nav-left .block-nav-item4 .block-nav-item-main{
	background-color: #FFBC59;
}
.block-nav-right{
	float: right;
	width: 300px;
	margin-top: 260px;
	position: relative;
}
.block-nav-right .swiper-nav-news-pagination{
	left: 0;
	top: 0;
	margin-top: -80px;
}
.swiper-nav-news-pagination .swiper-pagination-bullet{
	margin-right: 10px;
}
.block-nav-right .nav-news-title{
	font-size: 26px;
}
.block-nav-right .nav-news-date{
	font-size: 12px;
	color: #999;
	margin-top: 8px;
}
.block-nav-right .nav-news-desc{
	/* line-height: 1.8em;
	max-height: 8.9em;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
	overflow: hidden;
	color: #7D7D7D; */
	margin-top: 20px;
	height:360px;
	overflow: hidden;
}
.nav-news-item:hover .nav-news-desc{
	/* color: #0097FF; */
}
.technology-out{
	position: relative;
	margin-top: 350px;
	/* z-index: 2; */
}
.technology-out .technology-box-bg{
	width: 65%;
	top: -20%;
	left: 0;
	position: absolute;
	display: block;
	z-index: 0;
}
.swiper-technology{
	padding: 80px 0;
}
.swiper-technology .swiper-slide:nth-child(4n+1) .technology-item{
	background-color: #ffcfd9;
}
.swiper-technology .swiper-slide:nth-child(4n+2) .technology-item{
	background-color: #b5c8f9;
}
.swiper-technology .swiper-slide:nth-child(4n+3) .technology-item{
	background-color: #ffd392;
}
.swiper-technology .swiper-slide:nth-child(4n+4) .technology-item{
	background-color: #a6e0ff;
}

.technology-main-out{
	position: relative;
	z-index: 2;
	width: 1200px;
	margin-top: 100px;
}

.technology-main-out .swiper-slide{
	border-radius: 16px;
	transition: all 0.3s;
	position: relative
}
.technology-main-out .swiper-slide.swiper-slide-active{
	transform: scale(1.15);
	z-index: 5;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.technology-item{
	border-radius: 16px;
	overflow: hidden;
}
.technology-img-info{
	display: block;
	width: 100%;
	height: 270px;
	object-fit: cover;
}
.technology-item-title{
	font-weight: bold;
	font-size: 28px;
	line-height: 73px;
	color: #fff;
	text-align: center;
}
.technology-info{
	padding: 16px;
	font-size: 16px;
	color：#666666;
	padding-bottom: 32px;
}
.technology-info-date{
	font-size: 14px;
	color: #999;
}
.technology-info-text{
	height: 2.9em;
	font-size: 22px;
	margin-top: 4px;
}
.technology-info .text_right{
	margin-top: 8px;
}
.technology-swiper-button-prev{
	left: -100px;
	width: 65px;
	margin-top: -72px;
	height: 125px;
	background-size: auto 100%;
	background: url('../images/home/swiper-left.png') no-repeat center center;
	background-size: auto 100%;
}
.technology-swiper-button-next{
	right: -100px;
	width: 65px;
	margin-top: -72px;
	height: 125px;
	background-size: auto 100%;
	background: url('../images/home/swiper-right.png') no-repeat center center;
	background-size: auto 100%;
}




.synthetically-out{
	position: relative;
	z-index: 1;
	margin-top: 350px;
}
.synthetically-out .synthetically-box-bg{
	position: absolute;
	top: -120%;
	right: 0;
	width: 70%;
	display: block;
	pointer-events: none; 
	z-index:0;
}
.synthetically-out .synthetically-box::after{
	content: "";
	display: block;
	clear: both;
}
.synthetically-box{
	position: relative;
}
.synthetically-box .synthetically-box-left{
	float: left;
	width: 570px;
	cursor: pointer;
	box-shadow: 0 0 10px #999;
	border-radius: 12px;
	overflow: hidden;
}
.synthetically-box-left .synthetically-box-left-img{
	display: block;
	width: 100%;
	height: 400px;
	object-fit: cover;
	transition: all 0.3s;
}

.synthetically-box-left:hover .synthetically-box-left-img{
	transform: scale(1.1);
}
.synthetically-box-left:hover .synthetically-box-left-title{
	color: #0097FF;
}
.synthetically-box-left .synthetically-box-left-info{
	background-color: #fff;
	padding: 20px;
}
.synthetically-box-left-info .synthetically-box-left-title{
	font-size: 18px;
}
.synthetically-box-left-more{
	font-size: 18px;
}
.synthetically-box-right{
	float: right;
	width: 680px;
}
.synthetically-box-right .synthetically-news-title{
	border-bottom:2px solid #303030;
	position: relative;
	padding-bottom: 15px;
}
.synthetically-news-title .synthetically-news-title-text{
	color: #1F3756;
	font-weight: bold;
	font-size: 32px;
}
.synthetically-news-title .synthetically-news-more{
	position: absolute;
	right: 0;
	bottom: 0;
}
.synthetically-news-more .news-more-icon{
	height: 50px;
	transition: all 0.3s;
}
.synthetically-news-more .news-more-icon:hover{
	transform: scale(1.1);
}
.synthetically-news-main{
	margin-top: 20px;
	overflow: hidden;
}
.synthetically-news-main .synthetically-news-item{
	margin-top: 20px;
	position: relative;
	padding-right: 100px;
	padding-left: 20px;
	font-size: 16px;
}
.synthetically-news-main .synthetically-news-item::after{
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background-color: #303030;
	transform: translateY(-50%);
}
.synthetically-news-main .synthetically-news-item:hover{
	color: #0097FF;
}
.synthetically-news-item .synthetically-news-item-title{
	font-size: 18px;
}
.synthetically-news-item .synthetically-news-item-date{
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.international-out{
	height: 622px;
	background: url('../images/home/guoji.jpg')  no-repeat center center;
	background-size: auto 100%;
	margin-top: 300px;
	overflow: hidden;
}
.international-box {
	margin-top: 80px;
}
.international-box .international-main{
	width: 40%;
	color: #fff;
}
.international-main .international-title-en{
	font-size: 32px;
}
.international-main .international-title-text{
	font-size: 32px;
	font-weight: bold;
	margin-top: 10px;
}
.international-main .international-desc{
	margin-top: 30px;
	line-height: 1.8em;
}
.international-main .international-more{
	margin-top: 45px;
	display: inline-block;
	background-color: #fff;
	color: #0097FF;
	transition: all;
	border-radius: 6px;
	overflow: hidden;
	transition: all 0.3s;
	font-size: 18px;
}
.international-more a{
	display: block;
	padding: 10px 30px;
}
.international-main .international-more:hover{
	background-color: #0097FF;
	color: #fff;
}
.clinical-out{
	margin-top: 150px;
	position: relative;
	z-index: 1;
	padding-bottom: 80px;
}
.clinical-main{
	width: 80%;
	padding: 30px 0;
	min-height: 410px;
	box-sizing: border-box;
	border: 30px solid #FFBC59;
	position: relative;
	display: flex;
	align-items: center;
}
.clinical-main::after{
	content: "";
	display: block;
	clear: both;
}
.clinical-main.clinical-country-main{
	float: right;
	border-color: #FFBC59;
	justify-content: flex-start;
	border-top-left-radius: 500px;
	border-bottom-left-radius: 500px;
	border-right: 0;
	padding-right: 0;
	padding-left: 100px;
}
.clinical-main.clinical-province-main{
	margin-top: 80px;
	justify-content: flex-end;
	border-color: #78D0FE;
	border-top-right-radius: 500px;
	border-bottom-right-radius: 500px;
	border-left: 0;
	padding-left: 0;
	padding-right: 100px;
}
.clinical-main .clinical-title{
	float: left;
	font-size: 50px;
	color: #464646;
	font-weight: bold;
	position: relative;
	padding-bottom: 30px;
	margin-top: 30px;
}
.clinical-country-main .clinical-title{
	float: left;
}
.clinical-title .clinical-title-arrow{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}
.clinical-country-main .clinical-nav-box{
	margin-left: 80px;
}
.clinical-province-main .clinical-nav-box{
	margin-right: 80px;
}
.clinical-nav-box{
	overflow: hidden;
	/* width: 60%; */
	width: 600px;
	max-width: 800px;
}
.clinical-nav-item{
	float: left;
	width: 46%;
	margin: 0 2%;
	height: 50px;	
	margin-top: 30px;
	line-height: 50px;
}
.clinical-nav-item .clinical-nav-item-main{
	border-radius: 50px;
	text-align: center;
	height: 100%;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	transition: all 0.3s;
}
.clinical-nav-item .clinical-nav-item-main > a{
	display: block;
	height: 100%;
}
.clinical-country-main .clinical-nav-item .clinical-nav-item-main{
	background-color: #FFBC59;
}
.clinical-province-main .clinical-nav-item {
	margin-top: 15px;
}
.clinical-province-main .clinical-nav-item .clinical-nav-item-main{
	background-color: #78D0FE;
}
.clinical-nav-box .clinical-nav-item:nth-child(1),.clinical-nav-box .clinical-nav-item:nth-child(2){
	margin-top: 0;
}
.clinical-nav-box .clinical-nav-item:hover .clinical-nav-item-main{
	background-color: #0097FF;
}
.clinical-ren-img{
	position: absolute;
	right: 70%;
	width: 420px;
	top: -346px;
	pointer-events: none;
}
/* E 首页 */


/* S 专项培训 */
.training-body{
	background: url('../images/training/training-bg.png') no-repeat center 650px;
	background-size: 1920px auto;
	min-height: 100vh;
}
@media screen and (min-width:1920px) and (max-width:5000px){
	.training-body{
		background-size: 100%;
	}
}
.introduce-box{
	margin-top: 50px;
	display: flex;
	align-items: center;
}
.introduce-left{
	flex: 1;
}
.introduce-left-box{
	width: 700px;
	height: 700px;
	background: url('../images/home/home-swiper-bg.png') no-repeat center center;
	background-size: 100% auto;
	box-sizing: border-box;
	padding: 45px;
}
.introduce-left-main{
	height: 100%;
	overflow: hidden;
	border-radius: 50%;
	padding: 45px;
	box-sizing: border-box;
	box-shadow: 0 0 30px #a0d3df;
}
.introduce-left-img{
	width: 100%;
	border-radius: 50%;
	display: block;
	height: 100%;
	object-fit: cover;
}
.introduce-right{
	width: 480px;
}
.introduce-right-title{
	color: #0097FF;
	text-align: center;
	font-family: 'aljkt';
	font-size: 54px;
}
.introduce-right-text{
	line-height: 2.2em;
	margin-top: 40px;
	font-size: 21px;
}
.introduce-right-text p{
	margin-top: 10px;
}
.training-swiper-box{
	margin-top: 80px;
}
.training-swiper-box .swiper-training{
	padding-bottom: 10px;
}
.training-main-box{
	overflow: hidden;
}
.training-main-box .training-item{
	width: 32.3%;
	float: left;
	box-sizing: border-box;
	margin-right: 1%;
	border: 1px solid #00b4f1;
	border-radius: 16px;
	overflow: hidden;
	margin-top: 20px;
}
.training-main-box .training-item:nth-child(3n){
	margin-right: 0;
}
.training-item-img-box{
	width: 100%;
	height: 266px;	
	overflow: hidden;
	border-top-left-radius: 16px;
	border-top-right-radius: 16px;
}
.training-item-img{
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
}
.training-item-info{
	padding: 12px;
	background-color: #fff;
}
.training-item-title .training-item-title-text{
	font-family: 'aljkt';
	font-size: 18px;
}
.training-item-num{
	display: inline-block;
	width: 18px;
	height: 18px;
	background-color: #00b4f1;
	border-radius: 50%;
	line-height: 18px;
	font-size: 14px;
	text-align: center;
	margin-left: 10px;
	color: #fff;
}
.training-item-desc{
	height: 2.9em;
	line-height: 1.5em;
	margin-top: 6px;
}

.training-news-box{
	margin-top: 80px;
}
.training-news-item{
	padding: 20px 0;
	border-bottom: 1px solid #ddd;
}
.training-news-item:hover .training-news-item-title{
	color: #0097FF;
}
.training-news-item-title{
	font-size: 18px;
}
.training-news-item-desc{
	margin-top: 5px;
	line-height: 1.5em;
	height: 2.9em;
}
.training-news-item-date{
	color: #999;
	margin-top: 5px;
}
/* E 专项培训 */


/*  S 圆形旋转动画 */
@keyframes circleRoute {
	0%{
		transform: rotate(0);
	}
	100%{
		transform: rotate(360deg);
	}
}

@-webkit-keyframes circleRoute {
	0%{
		transform: rotate(0);
	}
	100%{
		transform: rotate(360deg);
	}
}
/* E 圆形旋转动画 */

/*  S 上下浮动动画 */
@keyframes upDownAni {
  0% {
		transform: translateY(0px);
	}
	25% {
		transform: translateY(-10px);
	}
	50% {
		transform: translateY(0px);
	}
	75% {
		transform: translateY(10px);
	}
  100% {
		transform: translateY(0px);
	}
}

@-webkit-keyframes upDownAni {
  0% {
		transform: translateY(0px);
	}
	25% {
		transform: translateY(-10px);
	}
	50% {
		transform: translateY(0px);
	}
	75% {
		transform: translateY(10px);
	}
  100% {
		transform: translateY(0px);
	}
}
/* E 上下浮动动画 */

/* S 党群建设-基层党建 */
.channel-content-box{
	background: url('../images/channel/channel-bg1.jpg') no-repeat center center;
	background-size: 100% auto;
	padding: 40px 0;
	padding-bottom: 40px;
}
.channel-content-box.channel-bg2{
	background-image: url('../images/channel/channel-bg2.jpg');
}
.dqjs-top-box::after{
	content: "";
	display: block;
	clear: both;
}
.dqjs-top-box .dqjs-top-item{
	float: left;
	width: 32.3%;
	margin-top: 20px;
	margin-right: 1.5%;
	background-color: #fff;
	cursor: pointer;
	box-shadow: 0 0 10px #ccc;
	border-radius: 10px;
	overflow: hidden;
}
.dqjs-top-box .dqjs-top-item:nth-child(3n){
	margin-right: 0;
}
.dqjs-top-item .dqjs-top-item-img{
	width: 100%;
	height: 240px;
	object-fit: cover;
	display: block;
	transition: all 0.3s;
}
.dqjs-top-item .dqjs-top-item-box{
	padding: 15px;
}
.dqjs-top-item-title{
	height: 2.9em;
	font-size: 16px;
}
.dqjs-top-item:hover .dqjs-top-item-img{
	transform: scale(1.05);
}
.dqjs-top-item:hover .dqjs-top-item-title{
	color: #45b2ff;
}
.dqjs-top-item-info{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 10px;
}
.news-list-out{
	padding: 40px 0;
	padding-top: 20px;
}
.dqjs-list-out{
	background-color: rgba(255, 219, 226, 0.35);
	margin-top: 50px;
}
.dqjs-item-box .dqjs-item{
	padding: 20px 0;
	border-bottom: 1px solid #ddd;
	cursor: pointer;
}
.dqjs-item .dqjs-item-title{
	font-size: 18px;
	font-weight: bold;
}
.dqjs-item .dqjs-item-desc{
	font-size: 15px;
	color: #666;
	margin-top: 10px;
}
.dqjs-item:hover .dqjs-item-title{
	color: #45b2ff;
}
/* E  党群建设-基层党建*/

/* S 护理之窗-护理概况 */
.hlgk-img-box{
	overflow: hidden;
	display: flex;
	justify-content: space-between;
}
.hlgk-img-box .hlgk-img-item{
	width: 31.3%;
	height: 390px;
	border-radius: 16rpx;
}

.hlgk-img-item .hlgk-img-main{
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 16rpx;
	object-fit: cover;
}
.hlgk-img-box .hlgk-img-item-info{
	box-sizing: border-box;
	padding: 16px 32px;
	background: no-repeat center center;
	background-size: cover;
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: #fff;
	overflow: auto;
}
.hlgk-img-box .hlgk-img-item-info2{
	background-image: url('../images/channel/hlzc-bg2.png');
}
.hlgk-img-box .hlgk-img-item-info3{
	background-image: url('../images/channel/hlzc-bg3.png');
}
.hlgk-img-box .hlgk-img-item-info *{
	color: #fff !important;
}
.hlgk-img-item:nth-child(2n){
	margin-top: 120px;
}
.hlgk-content-box{
	margin-top: 50px;
}

/* E 护理之窗-护理概况 */

/* S 医院动态-医院新闻 */
.yyxw-box{
	display: flex;
}
.yyxw-left-box{
	width: 350px;
	margin-right: 30px;
}
.yyxw-left-box .yyxw-left-item{
	margin-top: 20px;
	background-color: #fff;
	cursor: pointer;
	box-shadow: 0 0 10px #ccc;
	border-radius: 10px;
	overflow: hidden;
}
.yyxw-left-item .yyxw-left-item-img{
	width: 100%;
	height: 240px;
	object-fit: cover;
	display: block;
	transition: all 0.3s;
}
.yyxw-left-item .yyxw-left-item-box{
	padding: 15px;
}
.yyxw-left-item-title{
	height: 2.9em;
	font-size: 16px;
}
.yyxw-left-item:hover .yyxw-left-item-img{
	transform: scale(1.05);
}
.yyxw-left-item:hover .yyxw-left-item-title{
	color: #45b2ff;
}
.yyxw-left-item-info{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 10px;
}
/* E 医院动态-医院新闻 */

/* S 医院概况-医院简介 */
.yy-name-box{
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.yy-name-box .yy-name-item{
	line-height: 44px;
	padding: 0 20px;
	box-sizing: border-box;
	min-width: 200px;
	text-align: center;
	background-color: #fdaabb;
	color: #fff;
	font-size: 20px;
	border-radius: 80px;
	cursor: pointer;
	position: relative;
}
.yy-name-box .yy-name-item:hover,.yy-name-box .yy-name-item.active{
	background-color: #45b2ff;
	color: #fff;
}
.yyjj-content-box{
	margin-top: 40px;
}
.yy-name-title{
	text-align: center;
	font-size: 32px;
	font-weight: bold;
}
.yyjj-content-desc{
	margin-top: 50px;
	/* font-size: 20px; */
}
.yyjj-content-img{
	width: 500px;
	border-radius: 16px;
}
.yyjj-content-bottom{
	background-color: #cbedff;
	padding: 30px 0;
}
.yyjj-img-box{
	display: flex;
	justify-content: space-between;
	overflow: hidden;
}
.yyjj-img-box .yyjj-img-item{
	width: 31.3%;
}
.yyjj-img-item .yyjj-img-main{
	width: 100%;
	min-height: 350px;
	margin-top: 30px;
	background: no-repeat center center;
	background-size: cover;
	border-radius: 16px;
	overflow: auto;
	box-sizing: border-box;
	padding: 16px 32px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: #fff;
}
.yyjj-img-main *{
	color: #fff !important;
	/* font-family: '微软雅黑' !important; */
}
.yyjj-img-item .yyjj-img-main1{
	background-image: url('../images/channel/yyjj-bg1.png');
}
.yyjj-img-item .yyjj-img-main2{
	background-image: url('../images/channel/yyjj-bg2.png');
}
.yyjj-img-item .yyjj-img-main3{
	background-image: url('../images/channel/yyjj-bg3.png');
}
.yyjj-img-item .yyjj-img-main4{
	background-image: url('../images/channel/yyjj-bg4.png');
}
.yyjj-img-item2{
	margin-top: 120px;
}
.yyjj-img-item3{
	margin-top: 240px;
}
/* S 医院概况-医院简介 */

/* S 院务公开-资质公开 */
.zzgk-content-box{
	display: flex;
}
.zzgk-content-box .zzgk-content-left{
	width: 500px;
	margin-right: 40px;
	margin-top: 40px;
}
.zzgk-content-left .zzgk-content-left-img{
	width: 100%;
	display: block;
	border-radius: 20px;
}
.zzgk-content-box .zzgk-content-right{
	flex: 1;
}
/* E 院务公开-资质公开 */


/* S 医院概况-院训宗旨 */
.yxzz-channel-content-box{
	padding: 40px 0;
}
/* E 医院概况-院训宗旨 */

/* S 医院概况-组织架构 */
.yxzz-channel-content-box{
	padding: 40px 0;
}
.people-box, .people-top-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	overflow: hidden;
}
.people-top-box .people-item{
	margin-top: 80px;
	width: 250px;
	overflow: hidden;
	cursor: pointer;
	transition: all 0.3s;
	margin: 0 20px;
	margin-top: 80px;
}
.people-top-box .people-item .people-item-img-box{
	overflow: hidden;
	border-radius: 20px;
	height: 350px;
}
.people-box .people-item{
	width: 215px;
	overflow: hidden;
	cursor: pointer;
	transition: all 0.3s;
	margin: 0 20px;
	margin-top: 80px;
}
.people-item .people-item-img-box{
	overflow: hidden;
	border-radius: 20px;
	height: 300px;
}
.people-item:hover{
	transform: scale(1.1);
}
.people-item:hover .people-item-title{
	color: #45b2ff;
}
.people-item-img-box .people-item-img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.3s;
}
.people-item .people-item-info{
	padding: 16px;
}
.people-item-info .people-item-title{
	font-size: 28px;
	text-align: center;
}
.people-item-info .people-item-title{
	font-size: 28px;
	text-align: center;
}
.people-item-desc{
	margin-top: 6px;
	font-size: 22px;
	text-align: center;
	color: #999;
}
.kssz-channel-content-box{
	padding: 40px 0;
	background-color: #cbedff;
}
.kssz-main{
	background-color: #fff;
	margin-top: 40px;
	border-radius: 20px;
	padding: 40px;
	padding-top: 0;
}
.kssz-tab-box{
	border-bottom: 1px solid #ddd;
	display: flex;
}
.kssz-tab-box .kssz-tab-item{
	flex: 1;
	line-height: 60px;
	font-size: 26px;
	color: #333;
	text-align: center;
	border-radius: 20px;
	cursor: pointer;
}
.kssz-tab-box .kssz-tab-item.active,.kssz-tab-box .kssz-tab-item:hover{
	background-color: #45b2ff;
	color: #fff;	
}

.kssz-data-box{
	margin-top: 60px;
}
.kssz-data-title-box .kssz-data-title{
	display: inline-block;
	line-height: 60px;
	border-radius: 60px;
	background-color: #45b2ff;
	font-size: 28px;
	font-weight: bold;
	color: #fff;
	padding: 0 30px;
}
.kssz-data-box:nth-child(2n) .kssz-data-title{
	background-color: #8ba5e6;
}
.kssz-data-box:nth-child(3n) .kssz-data-title{
	background-color: #fbabbc;
}
.kssz-data-box:nth-child(4n) .kssz-data-title{
	background-color: #ffbc59;
}
.kssz-data-info{
	overflow: hidden;
}
.kssz-data-info .kssz-data-item{
	position: relative;
	float: left;
	width: 18.8%;
	box-sizing: border-box;
	margin-right: 1.5%;
	margin-top: 25px;
	background-color: #e3f5ff;
	line-height: 45px;
	padding: 0 20px;
	padding-right: 30px;
	border-radius: 20px;
	font-size: 18px;
	cursor: pointer;
	color: #7d7d7d;
}
.kssz-data-info .kssz-data-item:nth-child(5n){
	margin-right: 0;
}
.kssz-data-box:nth-child(2n) .kssz-data-info .kssz-data-item{
	background-color: #e6edff;
}
.kssz-data-box:nth-child(3n) .kssz-data-info .kssz-data-item{
	background-color: #fff1f4;
}
.kssz-data-box:nth-child(4n) .kssz-data-info .kssz-data-item{
	background-color: #ffedd3;
}
.kssz-data-info .kssz-data-item .kssz-data-item-arrow{
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
}
.kssz-data-info .kssz-data-item:hover{
	background-color: #45b2ff;
	color: #fff;
}
.kssz-data-box:nth-child(2n) .kssz-data-info .kssz-data-item:hover{
	background-color: #8ba5e6;
}
.kssz-data-box:nth-child(3n) .kssz-data-info .kssz-data-item:hover{
	background-color: #fbabbc;
}
.kssz-data-box:nth-child(4n) .kssz-data-info .kssz-data-item:hover{
	background-color: #ffbc59;
}


/* E 医院概况-组织架构 */

/* S 就医指南-健康生活 */
.jhsh-data-box{
	padding: 60px 0;
}
.jhsh-data-box:nth-child(2n){
	background-color: #eef9ff;
}
/* E 就医指南-健康生活 */

/* S 就医指南-门诊服务 */
.mzfw-block-box{
	display: flex;
	align-items: center;
	justify-content: space-around;
	margin-top: 40px;
}
.mzfw-block-box .mzfw-block-item{
	width: 340px;
	height: 280px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	cursor: pointer;
	border-radius: 20px;
}
.mzfw-block-box .mzfw-block-item:nth-child(1){
	background-color: #45b2ff;
}
.mzfw-block-box .mzfw-block-item:nth-child(2){
	background-color: #fbabbc;
}
.mzfw-block-box .mzfw-block-item:nth-child(3){
	background-color: #8ba5e6;
}
.mzfw-block-item .mzfw-block-item-icon{
	width: 130px;
	height: 130px;
	display: block;
	object-fit: contain;
	margin: 0 auto;
}
.mzfw-block-item .mzfw-block-item-title{
	font-size: 28px;
	color: #fff;
	margin-top: 18px;
}
.mzfw-legend-box{
	margin-top: 60px;
	display: flex;
	justify-content: flex-end;
	padding: 20px 0;
	border-bottom: 1px solid #ddd;
}
.mzfw-legend-box .mzfw-legend-item{
	margin-left: 40px;
	display: flex;
	align-items: center;
}
.mzfw-legend-item .mzfw-legend-item-icon{
	width: 38px;
	height: 38px;
	object-fit: contain;
}
.mzfw-legend-item .mzfw-legend-item-title{
	margin-left: 10px;
	color: #333333;
	font-size: 24px;
}
.mzfw-yq-box{
	padding: 40px 0;
	border-bottom: 1px solid #ddd;
	display: flex;
	justify-content: space-between;
}
.mzfw-yq-box .mzfw-yq-item{
	width: 280px;	
	cursor: pointer;
}
.mzfw-yq-item .mzfw-yq-item-title{
	text-align: center;
	line-height: 60px;
	border-radius: 30px;
	font-size: 28px;
	border: 1px solid #8c8c8c;
}
.mzfw-yq-item.active .mzfw-yq-item-title,.mzfw-yq-item:hover .mzfw-yq-item-title{
	background-color: #45B2FF;
	border-color: #45B2FF;
	color: #fff;
}
.mzfw-yq-item .mzfw-yq-item-icon-box,.mzfw-yq-item .mzfw-yq-item-icon-box-active{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 20px;
}
.mzfw-yq-item .mzfw-yq-item-icon-box-active{
	display: none;
}
.mzfw-yq-item .mzfw-yq-item-icon-img{
	width: 36px;
	margin: 0 10px;
}

.mzfw-yq-item.active .mzfw-yq-item-icon-box,.mzfw-yq-item:hover .mzfw-yq-item-icon-box{
	display: none;
}
.mzfw-yq-item.active .mzfw-yq-item-icon-box-active,.mzfw-yq-item:hover .mzfw-yq-item-icon-box-active{
	display: flex;
}
.mzfw-bmfw-box{
	margin-top: 30px;
	overflow: hidden;
}
.mzfw-bmfw-box .mzfw-bmfw-item{
	margin-top: 30px;
}
.mzfw-bmfw-title-main{
	overflow: hidden;
}
.mzfw-bmfw-item .mzfw-bmfw-title{
	float: left;
	background-color: #45B2FF;
	display: flex;
	align-items: center;
	padding: 8px;
	padding-right: 28px;
	border-radius: 80px;
	color: #fff;
}

.mzfw-bmfw-title .mzfw-bmfw-title-num{
	display: block;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 26px;
	color: #45B2FF;
	border-radius: 40px;
	background-color: #fff;
}
.mzfw-bmfw-title .mzfw-bmfw-title-text{
	font-size: 26px;
	margin-left: 10px;
}
.mzfw-bmfw-item .mzfw-bmfw-content{
	margin-top: 20px;
}
/* E 就医指南-门诊服务 */

/* S 就医指南-慈善基金 */
.csjj-data-box{
	display: flex;
	align-items: start;
	position: relative;
	overflow: hidden;
}
.csjj-left-box{
	width: 480px;
	float: left;
	display: flex;
	flex-wrap: wrap;
	/* position: sticky; */
	/* top: 170px; */
}
.csjj-left-box .csjj-left-item{
	width: 200px;
	height: 200px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
	border-radius: 20px;
	border: 1px solid #4c4c4c;
	margin-right: 30px;
	cursor: pointer;
	margin-bottom: 30px;
}
.csjj-left-box .csjj-left-item:hover,.csjj-left-box .csjj-left-item.active{
	background-color: #45B2FF;
	border-color: #45B2FF;
	color: #fff;
}
.csjj-left-box .csjj-left-item:hover .csjj-left-item-icon,.csjj-left-box .csjj-left-item.active .csjj-left-item-icon{
	display: none;
}
.csjj-left-box .csjj-left-item:hover .csjj-left-item-icon.active,.csjj-left-box .csjj-left-item.active .csjj-left-item-icon.active{
	display: block;
}
.csjj-left-box .csjj-left-item:hover .csjj-left-item-title,.csjj-left-box .csjj-left-item.active .csjj-left-item-title{
	color: #fff;
}
.csjj-left-item .csjj-left-item-icon{
	width: 70px;
	height: 70px;
	object-fit: contain;
	display: block;
	margin: 0 auto;
}
.csjj-left-item .csjj-left-item-icon.active{
	display: none;
}
.csjj-left-item .csjj-left-item-title{
	font-size: 22px;
	margin-top: 10px;
	color: #777;
}
.csjj-right-box{
	flex: 1;
	height: 100%;
	overflow: hidden;
}
.csjj-right-box .csjj-right-main{
	/* min-height: 600px; */
	height: 920px;
	overflow: auto;
}
.csjj-info-item{
	margin-bottom: 50px;
}
.csjj-info-item .csjj-info-title{
	float: left;
	padding: 8px 18px;
	background-color: #45B2FF;
	color: #fff;
	border-radius: 40px;
	font-size: 22px;
}
/* E 就医指南-慈善基金 */

/* S 就医指南-门诊出诊表 */
.mzczb-query-box{
	display: flex;
	align-items: center;
	padding: 40px 0;
	border-bottom: 1px solid #ddd;
}
.mzczb-query-label{
	font-size: 32px;
}
.mzczb-query-input{
	flex: 1;
	overflow: hidden;
	margin-left: 20px;
}
.mzczb-query-input .mzczb-query-input-main{
	width: 100%;
	height: 60px;
	border: 1px solid #ddd;
	border-radius: 30px;
	box-sizing: border-box;
	padding: 0 20px;
	font-size: 26px;
	font-family: '微软雅黑';
}
.mzczb-query-btn{
	margin-left: 20px;
}
.mzczb-week-box{
	margin-top: 40px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.table-box{
	margin-top: 40px;
	border: 1px solid #45b2ff;
	border-radius: 16px;
	overflow: hidden;
}
.table-box .table-main{
	width: 100%;
	box-sizing: border-box;
}
.table-main{
	border-radius: 16px;
}
.table-main tr th,.table-main tr td{
	padding: 10px;
	text-align: center;
}
.table-main tr{
	border-bottom: 1px solid #45b2ff;
}
.table-main tr:nth-child(4n){
	background-color: #ecf7ff;
}
.table-main tr:nth-child(4n+1){
	background-color: #ecf7ff;
}
.table-main tr:last-child{
	border-bottom: 0 none;
}
.table-main tr th{
	background-color: #45b2ff;
	color: #fff;
	border-right: 1px solid #95e1fb;
}
.table-main tr th:last-child{
	border-right: 0 none;
}
.table-main tr td{
	border-right: 1px solid #45b2ff;
}
.table-main tr td:last-child{
	border-right: 0 none;
}
/* E 就医指南-门诊出诊表 */


/* S 护理之窗-护理创新、护理资讯、护理培训 */
.hlcx-channel-box .channel-title{
	color: #feabbc;
}
.hlcx-channel-box .jhsh-data-box:nth-child(2n){
	background-color: #ffeef1;
}
.hlcx-channel-box .yyxw-left-item:hover .yyxw-left-item-title{
	color: #feabbc;
}
.hlcx-channel-box .dqjs-item:hover .dqjs-item-title{
	color: #feabbc;
}
.hlcx-channel-box .list-more-btn{
	background-color: #feabbc;
}
.hlcx-channel-box .list-more-btn:hover{
	background-color: #feabbc40;
	color: #feabbc;
}
/* E 护理之窗-护理创新、护理资讯、护理培训 */

/* S 科研教学-科研平台 */
.kypy-box{
	padding: 80px 0;
	display: flex;
	justify-content: space-between;
}
.kypy-box .kypy-item{
	width: 242px;
	height: 390px;
	border-radius: 16px;
	text-align: center;
	background: no-repeat 120% 110%;
	background-size: auto 160px; 
	padding: 16px 12px;
	box-sizing: border-box;
	color: #fff;
	font-size: 28px;
	background-color: #45b2ff;
	cursor: pointer;
}
.kypy-box .kypy-item > a{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}
.kypy-item .kypy-item-title{
	line-height: 1.8em;
	text-align: center;
}
.kypy-box .kypy-item:nth-child(1){
	background-color: #45b2ff;
	background-image: url('../images/channel/kypy-icon1.png');
	background-size: auto 130px;
}
.kypy-box .kypy-item:nth-child(2){
	background-color: #fbabbc;
	background-image: url('../images/channel/kypy-icon2.png');
}
.kypy-box .kypy-item:nth-child(2n){
	margin-top: 80px;
}
.kypy-box .kypy-item:nth-child(3){
	background-color: #8ba5e6;
	background-image: url('../images/channel/kypy-icon3.png');
}	
.kypy-box .kypy-item:nth-child(4){
	background-color: #ffbc59;
	background-image: url('../images/channel/kypy-icon4.png');
	background-size: auto 130px;
}
.kypy-box .kypy-item:nth-child(5){
	background-color: #45b2ff;
	background-image: url('../images/channel/kypy-icon5.png');
}
/* E 科研教学-科研平台 */

/* S 科研教学-科学前沿 */
.yxqy-box .yyxw-left-item-img{
	height: 310px;
}
.yxqy-box .yyxw-left-box{
	margin-right: 60px;
	width: 450px;
}
.yxqy-box .dqjs-item{
	position: relative;
}
.yxqy-box .dqjs-item::before{
	content: "";
	top: 20px;
	bottom: 20px;
	width: 5px;
	border-radius: 6px;
	position: absolute;
	left: -26px;
	background-color: #45B2FF;
}
/* E 科研教学-科学前沿 */

/* S 医学教育-模拟医学教育 */
.mnyxjy-top-box{
	display: flex;
	flex-wrap: wrap;
	overflow: auto;
	max-height: 620px;
	justify-content: space-between;
}
.mnyxjy-top-box .mnyxjy-top-item{
	width: 49%;
	margin-top: 30px;
	border-radius: 16px;
	overflow: hidden;
	position: relative;
	padding-bottom: 8px;
	background-color: #fff;
	cursor: pointer;
}

.mnyxjy-top-box .mnyxjy-top-item::after{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 8px;
	border-bottom-left-radius: 16px;
	border-bottom-right-radius: 16px;
	background-color: #45B2FF;
}
.mnyxjy-top-item .mnyxjy-top-title{
	text-align: center;
	color: #fff;
	line-height: 70px;
	background-color: #45B2FF;
	font-size: 26px;
}
.mnyxjy-top-item:nth-child(4n+1) .mnyxjy-top-title{
	background-color: #45B2FF;
}
.mnyxjy-top-item:nth-child(4n+2) .mnyxjy-top-title{
	background-color: #fbabbc;
}
.mnyxjy-top-item:nth-child(4n+3) .mnyxjy-top-title{
	background-color: #8ba5e6;
}
.mnyxjy-top-item:nth-child(4n+4) .mnyxjy-top-title{
	background-color: #ffbc59;
}

.mnyxjy-top-item:hover .mnyxjy-info-title{
	color: #45B2FF;
}

.mnyxjy-top-item .mnyxjy-info-box{
	background-color: #fff;
	padding: 16px;
}
.mnyxjy-info-box .mnyxjy-info-title{
	font-size: 24px;
}
.mnyxjy-info-box .mnyxjy-info-desc{
	font-size: 16px;
	margin-top: 16px;
	color: #666;
}
.mnyxjy-info-box .mnyxjy-info-date{
	margin-top: 16px;
}
.mnyxjy-content-box{
	background-color: #eef9ff;
}
/* E 医学教育-模拟医学教育 */

/* S 医学教育-本科生教育 */
.bksjy-content-box{
	padding: 40px 0;
}
.bksjy-content-item .yyjj-img-item3{
	margin-top: 30px;
}
.bksyj-main-box .bksyj-main-item:nth-child(odd){
	background-color: #eef9ff;
}
/* E 医学教育-本科生教育 */