@import "global.css";
@import "header.css";
.subsidy-container {
  width: 100%;
  height: 1219px;
  background: url("../images/subsidy-bg.png;vpn_img") no-repeat center top;
  background-size: cover;
  box-sizing: border-box;
  padding: 82px 0 60px;
  min-width: 1250px;
}

.subsidy-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 65.5px;
}
.subsidy-list li {
  width: 307px;
  height: 307px;
  border-radius: 50%;
  background: url("../images/subsidy_item_bg.png;vpn_img") no-repeat center center;
  box-sizing: border-box;
  cursor: pointer;
  box-shadow: 0px 13px 13px 0px rgba(149, 51, 2, 0.28);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out 0s;
  overflow: hidden;
}
.subsidy-list li.active, .subsidy-list li:hover {
  width: 552px;
  background: url("../images/subsidy_item_bg1.png;vpn_img") no-repeat center center;
  border-radius: 150px;
  flex-direction: row;
  padding: 10px 48px;
}
.subsidy-list li.active .subsidy-item-text, .subsidy-list li:hover .subsidy-item-text {
  text-align: left;
  box-sizing: border-box;
  padding-left: 16px;
}
.subsidy-list li.active span, .subsidy-list li:hover span {
  display: block;
  margin-top: 24px;
}
.subsidy-list li.active p, .subsidy-list li:hover p {
  color: #B55626;
  transition: all 0.3s ease-in-out 0s;
  padding: 0;
  margin-top: 0;
}
.subsidy-list li.active .subsidy_fr_img, .subsidy-list li:hover .subsidy_fr_img {
  height: auto;
}
.subsidy-list span {
  display: none;
  color: #333333;
  font-weight: bold;
}
.subsidy-list p {
  color: #2C2C2C;
  font-size: 28px;
  font-weight: bold;
  box-sizing: border-box;
  padding: 0 54px;
  margin-top: 24px;
  width: 287px;
}
.subsidy-list .subsidy_tw_text {
  margin-top: 14px;
}
.subsidy-list .subsidy_fr_img {
  max-width: 100%;
  height: 160px;
}

.subsidy-card {
  width: 100%;
  height: 500px;
  background: #fff;
  margin-top: 80px;
  border-radius: 10px;
  box-sizing: border-box;
  border: 11px solid #E4AA8D;
  box-shadow: inset 0px 0px 26px 0px rgba(196, 68, 3, 0.33);
  padding: 0 57px;
}

.subsidy-col {
  display: none;
  height: 100%;
}
.subsidy-col.active {
  display: block;
}

.advancedAgeTabs {
  border-bottom: 2px solid #EEDAD1;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 28px 0 22px;
}
.advancedAgeTabs li {
  cursor: pointer;
  font-size: 28px;
  font-weight: bold;
  color: #333333;
  width: 253px;
  height: 58px;
  text-align: center;
  line-height: 58px;
  transition: all 0.3s ease-in-out 0s;
}
.advancedAgeTabs li.active, .advancedAgeTabs li:hover {
  border-radius: 10px;
  box-shadow: inset 0px 0px 26px 0px rgba(196, 68, 3, 0.33);
  background: #D47444;
  color: #ffffff;
}
.advancedAgeTabs li:nth-child(odd) {
  margin: 0 10px;
}

.advancedAgeCont {
  font-size: 18px;
  line-height: 43px;
  color: #333333;
  height: 300px;
  overflow-y: auto;
  margin-top: 24px;
  display: none;
}
.advancedAgeCont.active {
  display: block;
}

.advancedAgeCont::-webkit-scrollbar, .subsidy-text::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.advancedAgeCont::-webkit-scrollbar-thumb, .subsidy-text::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.3);
  /* background: linear-gradient(360deg, #3991F5 0%, #3067E3 100%); */
  box-shadow: inset 6px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 6px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: inset 6px rgba(0, 0, 0, 0.5);
  -ms-box-shadow: inset 6px rgba(0, 0, 0, 0.5);
  -o-shadow: inset 6px rgba(0, 0, 0, 0.5);
}
.advancedAgeCont::-webkit-scrollbar-track, .subsidy-text::-webkit-scrollbar-track {
  box-shadow: inset 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 6px rgba(161, 73, 73, 0.3);
  -moz-box-shadow: inset 6px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: inset 6px rgba(0, 0, 0, 0.3);
  -o-shadow: inset 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}

.subsidy-text {
  box-sizing: border-box;
  padding: 43px 0;
  font-size: 18px;
  line-height: 43px;
  color: #333333;
  height: 100%;
}

.elderly-university-container {
  width: 100%;
  height: 867px;
  background: #FFF4EF;
  box-sizing: border-box;
  padding: 74px 0 80px;
  min-width: 1250px;
}

.elderly-university-layout {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 40px;
  position: relative;
}

.elderly-university-left {
  width: 387px;
  height: 470px;
  background: url("../images/elderly-university-left-bg.png;vpn_img") no-repeat center top;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  box-sizing: border-box;
  padding: 112px 0 0 40px;
}
.elderly-university-left li {
  font-size: 28px;
  color: #ffffff;
  width: 234px;
  height: 57px;
  box-sizing: border-box;
  line-height: 57px;
  padding: 0 38px 0 44px;
  cursor: pointer;
  font-weight: bold;
}
.elderly-university-left li a {
  font-size: 28px;
  color: #ffffff;
  font-weight: bold;
}
.elderly-university-left li:nth-child(even) {
  margin: 42px 0;
}
.elderly-university-left li img {
  margin-left: 24px;
  display: none;
}
.elderly-university-left li.active, .elderly-university-left li:hover {
  border-radius: 134px;
  background: #FFE9DF;
  color: #D47444;
}
.elderly-university-left li.active a, .elderly-university-left li:hover a {
  border-radius: 134px;
  background: #FFE9DF;
  color: #D47444;
}
.elderly-university-left li.active img, .elderly-university-left li:hover img {
  display: inline-block;
}

.elderly-university-right {
  width: 951px;
  height: 547px;
  background: rgba(255, 255, 255, 0.41);
  backdrop-filter: blur(23px);
  box-sizing: border-box;
  padding: 28px 27px;
  position: relative;
}

.elderly-university-col {
  display: none;
  width: 100%;
  height: 100%;
}
.elderly-university-col.active {
  display: block;
}
.elderly-university-col img{
	width: 100%;
	height: 100%;
	/*object-fit: cover;*/
}
.institutional-map-container {
  width: 100%;
  height: 1045px;
  background: #ffffff;
  box-sizing: border-box;
  padding: 77px 20px 53px;
}

.institutional-map-wrapper {
  max-width: 1788px;
  min-width: 1250px;
  width: 100%;
  margin: 0 auto;
}

.institutional-map-card {
  width: 100%;
  height: 739px;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  padding: 15px 17px 22px 22px;
  background: #ffffff;
  margin-top: 50px;
}
.map-pannel{
	position: relative;
}
.fwcxd-pannel{
				position: absolute;
				right: 0;
				top: 0;
				z-index: 99;
				background: #ffffff;
				padding-left: 10px;
				width: 360px;
			}
			.fwcxd-pannel .title {
			    height: 48px;
			    font-size: 16px;
			    color: #4B4B4B;
			    min-height: 48px;
			    line-height: 20px;
			    padding-top: 10px;
			    box-sizing: border-box;
			}
			.fwcxd-pannel .title:before {
			    content: "";
			    top: 4px;
			    width: 4px;
			    height: 20px;
			    margin-right: 9px;
			    position: relative;
			    display: inline-block;
			    background-color: #fda308;
			}
			.fwcxd-pannel .view {
			    top: 10px;
			    right: 10px;
			    font-size: 14px;
			    color: #4B4B4B;
			    padding: 5px 10px;
			    position: absolute;
			    background-color: #ffffff;
			    cursor: pointer;
			}
			.fwcxd-list{
				width: 360px;
				height: 650px;
				overflow: auto;
				float: left;
				padding-right: 10px;
			}
			.fwcxd-list::-webkit-scrollbar{
			    width:5px;
			    height:318px;
			    background-color:#ddd;
			    border-radius:10px;
			}
			.fwcxd-list::-webkit-scrollbar-track{
			    background-color:#ddd;
			    border-radius:10px;
			}
			.fwcxd-list::-webkit-scrollbar-thumb{
			    width:5px;
			    /*height: 10px;*/
			    background-color:#E2772A;
			    border-radius:10px;
			}
			.fwcxd-list li{
				padding: 14px 0px;
				border-bottom: 1px dashed #E2772A;
				cursor: pointer;
				display: flex;
				align-items: center;
			}
			.fwcxd-list li .type {
			    width: 30px;
			    height: 30px;
			    min-width: 30px;
			    margin-right: 10px;
			    background-repeat: no-repeat;
			    background-position: center center;
			    background-color: #f5f5f5;
			    background-size: 50% 50%;
			    border-radius: 50%;
			    position: relative;
			}
			.fwcxd-list li .content {
				width: 100%;
				display: flex;
				justify-content: space-between;
				align-items: center;
			}
			.fwcxd-list li .content div {
			    flex-grow: 1;
			    min-height: 50px;
			}
			.fwcxd-list li .content .location {
			    text-align: center;
			    flex-shrink: 0;
			    background: #fda308;
			    color: #fff;
			    padding: 3px 5px;
			    border-radius: 5px;
			    margin-left: 5px;
				outline: none;
				border: none;
				cursor: pointer;
			}
			.fwcxd-list li:hover{
				background: #E6E6E6;
			}
			.fwcxd-list li.hover{
				background: #E6E6E6;
			}
			.fwcxd-list li:last-child{
				border-bottom: none;
			}
			.fwcxd-list li h4{
				font-weight: bold;
			}
			.fwcxd-list li p{
				font-family: MicrosoftYaHei;
				font-size: 14px;
				font-weight: normal;
				line-height: 28px;
				height: 28px;
				letter-spacing: 0em;
				color: #999999;
				background: url(../images/dw-icon.png;vpn_img) left no-repeat;
				padding-left: 20px;
			}
			#gjjwd_map{
				width: 100%;
				height: 700px;
			}
.ellipsis {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    font-family: Source Han Sans CN;
    text-overflow: -o-ellipsis-lastline;
}

.gjjwd_map .BMap_bubble_content .infoWindow {
    padding: 5px 10px;
    position: relative;
    width: 96%;
    cursor: pointer;
}
.gjjwd_map .BMap_bubble_content .infoWindow div.title {
    align-items: center;
    justify-content: space-between;
    color: #333;
    font-size: 18px;
}
.gjjwd_map .BMap_bubble_content .infoWindow div.title .type {
    font-size: 14px;
    color: #808080;
}
.gjjwd_map .BMap_bubble_content .infoWindow div.content {
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.gjjwd_map .BMap_bubble_content .infoWindow div.content .infoContent.addressShow, .gjjwd_map .BMap_bubble_content .infoWindow div.content .infoContent.hotLineShow {
    display: flex;
    align-items: center;
}
.gjjwd_map .BMap_bubble_content .infoWindow div.content .infoContent {
    font-size: 14px;
    color: #808080;
    display: none;
}
.gjjwd_map .BMap_bubble_content .infoWindow .oorgBrief {
    max-height: 80px;
    display: flex;
    align-items: flex-start;
    margin-top: 10px;
    font-size: 13px;
    line-height: 20px;
    color: #808080;
	overflow: auto;
}
.gjjwd_map .BMap_bubble_content .infoWindow .oorgBrief::-webkit-scrollbar{
	width:5px;
	height:80px;
	background-color:#ddd;
	border-radius:10px;
}
.gjjwd_map .BMap_bubble_content .infoWindow .oorgBrief::-webkit-scrollbar-track{
	background-color:#ddd;
	border-radius:10px;
}
.gjjwd_map .BMap_bubble_content .infoWindow .oorgBrief::-webkit-scrollbar-thumb{
	width:5px;
	/*height: 10px;*/
	background-color:#3067E3;
	border-radius:10px;
}
.gjjwd_map .BMap_bubble_content .infoWindow .oorgBrief .ellipsis {
    -webkit-line-clamp: 10000;
    margin-bottom: 15px;
}
.gjjwd_map .BMap_bubble_content .infoWindow div.content img.logoImg {
    display: inline-block;
    width: 80px;
    height: 60px;
    object-fit: cover;
    border-radius: 5px;
}

.special-list-container {
  width: 100%;
  height: 739px;
  background: #FFF4EF;
  box-sizing: border-box;
  padding: 56px 0 50px;
  min-width: 1250px;
}

.special-list-layout {
  display: flex;
  justify-content: space-between;
}
.special-list-layout > div {
  width: 608px;
  height: 630px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.special-more {
  width: 171px;
  height: 42px;
  background: #D47444;
  border-radius: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  color: #ffffff;
}
.special-more img {
  margin-left: 12px;
}

.policy-list {
  width: 100%;
  height: 363px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.policy-list li {
  width: 100%;
  height: 75px;
  background: #FFFFFF;
  box-shadow: 0px 4px 26px 0px rgba(158, 53, 0, 0.17);
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 33px 0 29px;
  cursor: pointer;
}
.policy-list li:hover h4 {
  font-weight: bold;
  color: #D47444;
}
.policy-list li:hover .policy-time span {
  color: #D47444;
}
.policy-list .policy-time p {
  font-size: 20px;
  font-weight: bold;
  color: #D47444;
  border-bottom: 1px solid #D47444;
  margin-bottom: 4px;
  box-sizing: border-box;
  padding-bottom: 4px;
}
.policy-list .policy-time span {
  font-size: 14px;
  color: #333333;
  display: block;
  text-align: center;
  font-weight: bold;
}
.policy-list h4 {
  width: calc(100% - 100px);
  display: -webkit-box;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 46px;
  font-weight: 400;
  color: #666666;
  font-size: 18px;
}

.knowledge-list {
  width: 100%;
  height: 363px;
  background: #FFFFFF;
  box-sizing: border-box;
  padding: 17px 23px 24px 29px;
  box-shadow: 0px 4px 26px 0px rgba(158, 53, 0, 0.17);
}
.knowledge-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 47px;
  color: #333333;
  font-size: 18px;
  cursor: pointer;
}
.knowledge-list li:hover {
  color: #D47444;
  font-weight: bold;
}
.knowledge-list p {
  width: calc(100% - 120px);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.other-container {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  background: #FFFFFF;
  padding: 60px 0 53px;
}

.other-wrapper {
  display: flex;
  align-items: center;
}
.other-wrapper a {
  margin-right: 22px;
}
.other-wrapper a:last-child {
  margin-right: 0;
}
