.hr {
		height: 10px;
	}
	.hr_p {
		height: 20px;
		color: cornflowerblue;
		font-size: 12px;
		line-height: 20px;
		margin: 5px 0 10px;
	}

	.about5:nth-child(2n-1) {
		background-color: #F8F8F8;
	}

	.panel {
		border: none;
		margin-right: 20px;
		margin-bottom: 20px !important;
		background: none;
	}
	.panel2 {
		border: none;
		margin-right: 20px;
		margin-bottom: 20px !important;
		background: none;
	}

	.col-sm-10 {
		width: 83.33333333%;
	}

	@media (min-width: 768px) {
		.panel:nth-child(4n) {
			margin-right: 0;
		}
		.panel2:nth-child(3n) {
			margin-right: 0;
		}
		.menu .link{
		    position: relative !important;
		}
		.menu .down {
		    left: 50% !important;
		    top: 3vw !important;
		    margin-left: -7.5vw !important;
			width: 15vw !important;
			padding: 0 15px !important;
			border-radius: 12px !important;
			background: rgba(0, 0, 0, 0.5) !important;
			color: #FFFFFF !important;
		}
		.menu .down .zuo a{
			border-bottom: 1px solid #afafaf !important;
		}
		.menu .down .zuo a:last-child{
			border-bottom: none !important;
		}
		.about4 .C-title{
			padding: 6.25vw 9.114vw 3.02vw;
		}
		.about4 .list{
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			padding: 0 9.114vw;
		}
		.about4 .ev{
			width: 37vw;
		}
		.about4 .ev:nth-child(1){
			margin:0 0 40px !important;
		}
		.about4 .ev:nth-child(2){
			margin:0 0 40px !important;
		}
		.about4 .ev:nth-child(3){
			margin:0 0 40px !important;
		}
		.about4 .ev:nth-child(4){
			margin:0 0 40px !important;
		}
		.foot1 .foot-link {
		  gap: 2vw;
		  width: 37vw !important;
		}
		
		.foot1 .foot-link a {
		  display: block;
		  width: 20% !important;
		  margin-bottom: 1vw !important;
		}
		
		.foot1 .foot-link a:hover {
		  color: #8BFFC7;
		}
	}

	@media only screen and (max-width: 480px) {
		.panel {
			margin-right: 0;
		}
		.panel2 {
			margin-right: 0;
		}
	}

	@media only screen and (max-width: 767px) {
		.panel:nth-child(2n) {
			margin-right: 0;
		}
		.panel2:nth-child(2n) {
			margin-right: 0;
		}
		.about4 .C-title{
			padding: 30px 5%;
		}
	}

	/* card */
	.card {
		box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2);
		border-radius: 12px;
		/* overflow: hidden; */
		position: relative;
		background-color: #FFFFFF;
	}
	.cardp {
		box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2);
		border-radius: 12px;
		/* overflow: hidden; */
		position: relative;
		background-color: #F8F8F8;
		line-height: 0;
	}
	
	.card0 {
		width: 100%;
	}

	.card_t {
		background-color: #F8F8F8;
		border-radius: 12px 12px 0 0;
		overflow: hidden;
		padding: 30px;
	}

	.card_t img {
		border-radius: 50%;
		width: 100%;
	}
	.card_tp {
		background-color: #F8F8F8;
		border-radius: 12px 12px 0 0;
		overflow: hidden;
		/* padding: 30px; */
	}
	
	.card_tp img {
		border-radius: 12px 12px 0 0;
		width: 100%;
	}
	.card .info,
	.cardp .info {
		padding: 0 10px;
	}

	.card .info .name {
		font-size: 16px;
		line-height: 20px;
		font-weight: 700;
		color: #000;
		margin: 10px 0 0;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-box-orient: vertical;
	}
	.cardp .info .name {
		font-size: 14px;
		line-height: 20px;
		min-height: 40px;
		font-weight: 700;
		color: #000;
		margin: 10px 0 10px;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-box-orient: vertical;
	}
	.cardp .info .desc {
		font-size: 12px;
		line-height: 20px;
		font-weight: 300;
		color: #7C7C7C;
		border-top: 1px dotted #7C7C7C;
		padding-top: 10px;
		/* min-height: 20px; */
		margin-top: 10px;
		display: -webkit-box;
		-webkit-line-clamp: 6;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-box-orient: vertical;
	}

	.card .info .desc {
		font-size: 12px;
		line-height: 20px;
		font-weight: 300;
		color: #7C7C7C;
		/* min-height: 20px; */
		margin-top: 10px;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-box-orient: vertical;
	}

	.card .info .position {
		font-size: 12px;
		line-height: 20px;
		margin-top: 10px;
		padding-top: 10px;
		font-weight: 700;
		color: #144690;
		border-top: 1px dotted #7C7C7C;
	}

	.push {
		position: absolute;
		/* left: 0; */
		/* z-index: 5; */
		background-color: #F8F8F8;
		/* box-shadow: 0 1px 3px 0px rgba(0, 0, 0, 0.2); */
		border-radius: 12px;
		padding: 10px;
		margin-top: 10px;
		box-sizing: border-box;
	}

	.about5:nth-child(2n-1) .push {
		background-color: #FFFFFF !important;
	}

	.off {
		transition: all 0.3s ease-in-out;
	}

	.off .push {
		opacity: 0;
		transition: all 0.3s ease-in-out;
	}

	.on {
		transition: all 0.3s ease-in-out;
	}

	.on .push {
		opacity: 1;
		transition: all 0.3s ease-in-out;
	}

	.up {
		position: absolute;
		left: 50%;
		margin-left: -10px;
		width: 20px;
		height: 10px;
		background: #F8F8F8;
		clip-path: polygon(50% 0, 0 100%, 100% 100%);
		opacity: 0;
	}

	.about5:nth-child(2n-1) .up {
		background: #FFFFFF !important;
	}

	.showup .up {
		opacity: 1 !important;
	}