.box-1 { position: relative; margin-top: -30px; }
.box-top { box-shadow: 0px 10px 26px 1px rgba(80, 162, 232, 0.058823529411764705); border-radius: 16px 16px 16px 16px; background-color: #fff; overflow: hidden; margin-bottom: 24px; }
.box-top .left{ background-color: #009782; color: #fff; font-size: 20px; font-weight: bold; display: inline-block; vertical-align: middle; width: 180px; height: 60px; line-height: 60px; } 
.box-top .right{ color: #212121; font-size: 16px; display: inline-block; vertical-align: middle; } 
.box-top .right span{ display: inline-block; vertical-align: middle; padding:0 24px; height: 60px; line-height: 60px; } 

/* 板块标题 */
.title-box{ margin-bottom: 24px; }
.title-box .left-title{ display: inline-block; position: relative; }
.title-box h1{ font-weight: bold; display: inline-block; color: #000; font-size: 28px; font-family: MiSansBold!important; padding-left: 12px; position: relative; z-index: 1 }
.title-box .left-title::before{ content: ""; display: inline-block; width: 24px; height: 24px; position: absolute; left: 0; border-radius: 50%; border: 6px solid #009782; background-color: transparent; transform: translateY(-50%); top: 50%; z-index: 0; } 
.title-box .right-title{ position: relative; margin-right: 16px; }
.title-box .right-title img{ height: 56px; }
.title-box .right-title span{ position: absolute; right: 12px; bottom: 15px; color: #212121; }
.title-box .right-title span i{ display: inline-block; vertical-align: middle; margin-left: 4px; }
.title-box .right-title span small{ display: inline-block; vertical-align: middle; font-size: 16px; }

.content { position: relative; padding-right: 360px; margin-bottom: 8px; }
.content .left .left-content{ background-color: #fff; }
.content .left .left-content .list{ cursor: pointer; padding: 24px 24px 18px 48px; }
.content .left .left-content .list h1{ color: #212121; font-size: 24px; margin-bottom: 24px; font-weight: bold; font-weight: bold; }
.content .left .left-content .list .job{ color: #999999; font-size: 16px; }
.content .left .left-content .list .time{ color: #999999; font-size: 16px; float: right; }
.content .left .left-content .list:hover{ box-shadow: 0 0 26px 1px rgba(0,0,0,0.05);  }

.content .right{ position: absolute; right: 0; width: 348px; top: 0; }
.content .right .right-content{  text-align: center; background-color: #fff; padding: 30px; }
.content .right .right-content .logo{ text-align: center; border-bottom: 1px solid #D2D2D2; padding-bottom: 12px; margin-bottom: 24px; }
.content .right .right-content .logo img{ height: 90px; }
.content .right .right-content .title{ margin-bottom: 80px; }
.content .right .right-content h1{ font-size: 20px; color: #212121; line-height: 1.5em; font-weight: bold; }

@media (max-width: 1259px) {
	/* .box-top .left{ width: auto; padding: 0 20px; } */
	.box-top .right span{ padding: 0 15px; }
}

@media (max-width: 992px) {
	.box-top .left{ width: 100%; text-align: center; }
	.box-top { text-align: center; }
	.box-top .right span{ padding: 0 10px; }
	
	.content{ position: static; padding: 0; }
	.content .right{ margin-bottom: 30px; position: static; width: 100%; }
}