#pagebanner {
  position: relative
}
#pagebanner li{
  display: flex;
  align-items: center;
  justify-content: center
}
#pagebanner li img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/*
#pagebanner li {
  background: url("../images/projectbackground.png") no-repeat;
  background-size: cover;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center
}
#pagebanner li img {
  object-fit: contain;
  width: 84%;
  height: 80%
}
*/
.sol-pro-pics {
  position: relative;
	display:flex;
	justify-content:center;
	align-items:center;
}
.sol-pro-pics .swiper-banners{
	overflow:hidden;
	width:80%;
	height:60%;
}
.sol-pro-pics .swiper-banners .banner-pagination{
	background:#333;
	width:4%;
	left:72%;
	border-radius:400px;
	color:white;
}
.sol-pro-pics li {
  background: url("../images/projectbackground.png") no-repeat;
  background-size: cover;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center
}
.sol-pro-pics li img {
  object-fit: contain;
  width: 84%;
  height: 80%
}
#pagebanner .banner-text-box {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}
#pagebanner .banner-text-box span {
  color: white;
  font-size: 30px;
  font-family: Taipei Sans TC Beta;
  font-weight: bold;
  letter-spacing: 4px;
  color: #FFFFFF
}
#pagebanner .banner-text-box span:nth-last-child(1) {
  font-size: 24px;
  margin-top: 15px;
  font-family: PingFang SC;
  font-weight: 400
}
.nav-tab-list {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -2%
}
.nav-tab-list .nav-tab-list-data {
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  width: 60%;
  height: 100px
}
.nav-tab-list .nav-tab-list-data .nav-tab {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  height: 100%;
  transition-duration: .5s
}
.nav-tab-list .nav-tab-list-data .nav-tab span {
  font-size: 2rem;
  font-family: Source Han Sans CN;
  font-weight: bold;
  color: #333333;
  text-align: center;
  transition-duration: .4s
}
.nav-tab-list .nav-tab-list-data .nav-tab:hover {
  background: rgba(146, 49, 54, 0.12)
}
.nav-tab-list .nav-tab-list-data .nav-tab:hover span {
  color: rgba(14, 85, 164, 1)
}
.nav-tab-list .nav-tab-list-data .nav-tab:hover::after {
  content: '';
  background: rgba(14, 85, 164, 1);
  height: 4px;
  width: 100%;
  position: absolute;
  bottom: 0
}
.national-map {
  margin-top: 10rem;
  margin-bottom: 5rem
}
.national-map .national-map-data {
  position: relative
}
.national-map .national-map-data .national-map-title span {
  position: absolute;
  font-size: 1.625rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #333333;
  top: 5%
}
.national-map .national-map-data .national-map-image {
  display: flex;
  align-items: center;
  justify-content: center
}
.national-map .national-map-data .national-map-image img {
  width: 80%
}
.careers-data .careers-title {
  position: relative;
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center
}
.careers-data .careers-title span {
  font-family: Source Han Sans CN;
  font-weight: bold
}
.careers-data .careers-title span:nth-last-child(1) {
  line-height: 1;
  font-size: 16px;
  color: #999;
  text-transform: uppercase;
  font-weight: 400
}
.careers-data .careers-title span:nth-child(1) {
  font-size: 3rem;
  position: relative
}
.careers-data .careers-title span:nth-child(1) strong {
  font-weight: bold
}
.careers-data .careers-title span:nth-child(1) strong:nth-last-child(1) {
  color: rgba(14, 85, 164, 1)
}
.careers-data .careers-title span:nth-child(1)::after {
  height: 5px;
  background: rgba(14, 85, 164, 1);
  content: '';
  position: absolute;
  bottom: -60%;
  width: 100%;
  left: 0
}
.careers-data .introduce {
  margin-top: 10rem
}
.careers-data .introduce .introduce-text-and-image .introduce-left-text-and-right-image {
  display: flex
}
.careers-data .introduce .introduce-text-and-image .introduce-left-text-and-right-image .left-text-box {
  display: flex;
  flex-direction: column;
  margin-right: 4rem
}
.careers-data .introduce .introduce-text-and-image .introduce-left-text-and-right-image .left-text-box span {
	display: block;
	text-align: justify;
  font-size: 17px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #666666;
  margin-bottom: 4rem;
  text-indent: 3rem;
  line-height: 3rem
}
.careers-data .introduce .introduce-text-and-image .introduce-left-text-and-right-image .left-text-box span:nth-last-child(1) {
  margin-bottom: 0;
  font-size: 18px;
  color: rgba(14, 85, 164, 1);
  font-weight: bold
}
.careers-data .introduce .introduce-text-and-image .introduce-left-text-and-right-image .right-image img {
  height: 40rem
}
.careers-data .introduce .introduce-text-and-image .introduce-center-content-data {
  margin-top: 9rem
}
.careers-data .introduce .introduce-text-and-image .introduce-center-content-data .introduce-center-content-title {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-direction: column
}
.careers-data .introduce .introduce-text-and-image .introduce-center-content-data .introduce-center-content-title span:nth-last-child(1) {
  z-index: -1;
  font-size: 1.8rem;
  font-family: Source Han Sans CN;
  color: #999;
  text-transform: uppercase
}
.careers-data .introduce .introduce-text-and-image .introduce-center-content-data .introduce-center-content-title span:nth-child(1) {
  position: relative
}
.careers-data .introduce .introduce-text-and-image .introduce-center-content-data .introduce-center-content-title span:nth-child(1) strong {
  font-size: 3rem;
  font-family: Source Han Sans CN;
  font-weight: bold
}
.careers-data .introduce .introduce-text-and-image .introduce-center-content-data .introduce-center-content-title span:nth-child(1) strong:nth-last-child(1) {
  color: rgba(14, 85, 164, 1)
}
.careers-data .introduce .introduce-text-and-image .introduce-center-content-data .introduce-center-content-title span:nth-child(1)::after {
  height: 5px;
  background: rgba(14, 85, 164, 1);
  content: '';
  position: absolute;
  bottom: -80%;
  width: 100%;
  left: 0
}
.careers-data .introduce .introduce-text-and-image .introduce-center-content-secondary-title {
  display: flex;
  align-items: center;
  justify-content: center
}
.careers-data .introduce .introduce-text-and-image .introduce-center-content-secondary-title span {
  font-size: 1.5rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #666666;
  margin-top: 2rem
}
.careers-data .introduce .description-list-data {
  margin-top: 4rem;
  margin-bottom: 4rem
}
.careers-data .introduce .description-list-data .description-list .description .description-title ul li {
  border-top: 1px solid #eaeaea
}
.careers-data .introduce .description-list-data .description-list .description .description-title ul li .title-box-description {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer
}
.careers-data .introduce .description-list-data .description-list .description .description-title ul li .title-box-description span {
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 0;
  background: #fafafa;
  font-size: 17px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #333333
}
.careers-data .introduce .description-list-data .description-list .description .description-title ul li .check-content-expand .expand-content .expand-content-header {
  display: flex;
  align-items: center
}
.careers-data .introduce .description-list-data .description-list .description .description-title ul li .check-content-expand .expand-content .expand-content-header span {
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 0;
  background: rgba(255, 0, 0, 0.1);
  font-size: 1.4rem;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #333333
}
.careers-data .introduce .description-list-data .description-list .description .description-title ul li .check-content-expand .expand-content .expand-content-text .expand-job-requirements {
  display: flex;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 2rem
}
.careers-data .introduce .description-list-data .description-list .description .description-title ul li .check-content-expand .expand-content .expand-content-text .expand-job-requirements .left-job-requirements {
  color: #333333;
  font-family: Source Han Sans CN;
  margin: 0 3rem;
  padding-top: 4rem;
  width: 50%;
  border-right: 1px solid #e0e0e0
}
.careers-data .introduce .description-list-data .description-list .description .description-title ul li .check-content-expand .expand-content .expand-content-text .expand-job-requirements .left-job-requirements .left-job-requirements-title {
  margin-bottom: 1.5rem
}
.careers-data .introduce .description-list-data .description-list .description .description-title ul li .check-content-expand .expand-content .expand-content-text .expand-job-requirements .left-job-requirements .left-job-requirements-title span {
  font-weight: bold;
  font-size: 17px
}
.careers-data .introduce .description-list-data .description-list .description .description-title ul li .check-content-expand .expand-content .expand-content-text .expand-job-requirements .left-job-requirements .left-job-requirements-list {
  display: flex;
  flex-direction: column;
  margin-right: 4rem;
  line-height: 4rem;
  font-size: 15px
}
.careers-data .introduce .description-list-data .description-list .description .description-title ul li .check-content-expand .expand-content .expand-content-text .expand-job-requirements .left-job-requirements .left-job-requirements-list span {
  font-size: 1.2rem;
  font-family: Source Han Sans CN;
  margin-bottom: 2.5rem
}
.careers-data .introduce .description-list-data .description-list .description .description-title ul li .check-content-expand .expand-content .expand-content-text .expand-job-requirements .left-job-requirements:nth-last-child(1) {
  border: none
}
.careers-data .introduce .description-list-data .description-list .description .description-title ul li .check-content-expand .expand-content .expand-content-text .treatment {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2rem;
  margin-bottom: 1rem
}
.careers-data .introduce .description-list-data .description-list .description .description-title ul li .check-content-expand .expand-content .expand-content-text .treatment .treatment-content {
  width: 90%;
  font-family: Source Han Sans CN
}
.careers-data .introduce .description-list-data .description-list .description .description-title ul li .check-content-expand .expand-content .expand-content-text .treatment .treatment-content .treatment-content-title {
  margin-bottom: .5rem
}
.careers-data .introduce .description-list-data .description-list .description .description-title ul li .check-content-expand .expand-content .expand-content-text .treatment .treatment-content .treatment-content-title span {
  font-size: 17px;
  font-weight: bold
}
.careers-data .introduce .description-list-data .description-list .description .description-title ul li .check-content-expand .expand-content .expand-content-text .treatment .treatment-content .treatment-content-list {
  line-height: 3rem;
  font-size: 15px
}
.careers-data .introduce .description-list-data .description-list .description .description-title ul li .check-content-expand .expand-content .expand-content-text .treatment .treatment-content .treatment-content-list span {
  margin-right: 3rem;
  font-size: 1.3rem;
  color: #333333
}
.careers-data .introduce .description-list-data .description-list .description .description-title ul li .check-content-expand .expand-content .expand-content-text .bottom-treatment-text {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 3rem 0
}
.careers-data .introduce .description-list-data .description-list .description .description-title ul li .check-content-expand .expand-content .expand-content-text .bottom-treatment-text .treatment-text {
  width: 80%;
  background: rgba(255, 0, 0, 0.1);
  padding: 1rem 4rem;
  display: flex;
  align-items: center;
  justify-content: center
}
.careers-data .introduce .description-list-data .description-list .description .description-title ul li .check-content-expand .expand-content .expand-content-text .bottom-treatment-text .treatment-text span {
  font-family: Source Han Sans CN;
  font-size: 15px
}
.contact-block {
  color: rgba(14, 85, 164, 1);
  transition-duration: .5s
}
/* .contact-block:hover {
  background: rgba(14, 85, 164, 1)
}
.contact-block:hover p {
  color: white !important
}
.contact-block:hover .contact-title {
  color: white
}
.contact-block:hover .contact-list p .bod a {
  color: white !important
}
.contact-block:hover i {
  color: white
} */
.contact-block p {
  color: rgba(14, 85, 164, 1)!important
}
/* .contact-block.active p, .contact-block:hover p{
	color: #fff!important
} */
.contact-block .contact-title {
  color: rgba(14, 85, 164, 1)
}
.contact-block .contact-list p .bod span a {
  color: rgba(14, 85, 164, 1)
}
.contact-block i {
  color: rgba(14, 85, 164, 1)
}
.bod a {
  color: rgba(14, 85, 164, 1)
}
.page-text {
  font-size: 15px;
  font-family: Source Han Sans CN;
  font-weight: 500;
  line-height: 36px
}
.content-data-check {
  display: block;
  margin-top: 2rem
}
.content-data-check:nth-child(1) {
  display: block !important
}
.check-content-expand {
  display: none
}
@media only screen and (max-width: 700px) {
  .national-map-image img {
    width: 100% !important
  }
  .introduce-center-content-secondary-title {
    margin-top: 3rem !important
  }
  .description-list-data {
    margin-bottom: 3rem !important
  }
  #pagebanner li {
    height: 30rem
  }
  #pagebanner .banner-text-box {
	  width: 90%;
      top: 41% !important;
	  transform: translateX(-50%);
  }
	#pagebanner .banner-text-box span{
		font-size: 22px;
	}
	#pagebanner .banner-text-box span:nth-last-child(1){
		margin-top: 10px;
		font-size: 14px;
	}
  .nav-tab-list {
    margin-top: -10% !important
  }
  .nav-tab-list .nav-tab-list-data {
    width: 98% !important;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    border-radius: 4px
  }
  .nav-tab-list .nav-tab-list-data .nav-tab span {
    font-size: 1.5rem !important
  }
  .content-data-check .contact {
    display: flex;
    flex-direction: column;
    justify-content: center
  }
  .content-data-check .contact .contact-block {
    width: 100%;
    height: 200px
  }
  .content-data-check .careers-data .careers-title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 3rem
  }
  .content-data-check .careers-data .introduce {
    margin-top: 2rem
  }
  .content-data-check .careers-data .introduce .introduce-text-and-image .introduce-left-text-and-right-image {
    flex-direction: column
  }
  .content-data-check .careers-data .introduce .introduce-text-and-image .introduce-left-text-and-right-image .left-text-box {
    width: 100%
  }
  .content-data-check .careers-data .introduce .introduce-text-and-image .introduce-left-text-and-right-image .left-text-box span {
    margin-bottom: 1rem;
    font-size: 17px
  }
  .content-data-check .careers-data .introduce .introduce-text-and-image .introduce-left-text-and-right-image .left-text-box span:nth-last-child(1) {
    text-indent: 3.6rem
  }
  .content-data-check .careers-data .introduce .introduce-text-and-image .introduce-left-text-and-right-image .right-image {
    margin-top: 2rem
  }
  .content-data-check .careers-data .introduce .introduce-text-and-image .introduce-left-text-and-right-image .right-image img {
    width: 100%;
    height: 20rem
  }
  .content-data-check .careers-data .introduce .introduce-text-and-image .description-list-data {
    margin-bottom: 2rem
  }
  .content-data-check .careers-data .introduce .introduce-text-and-image .description-list-data .description-list .description .description-title ul li .title-box-description {
    background: #fafafa
  }
  .content-data-check .careers-data .introduce .introduce-text-and-image .description-list-data .description-list .description .description-title ul li .title-box-description span {
    text-align: center;
    font-size: 14px
  }
  .content-data-check .careers-data .introduce .introduce-text-and-image .description-list-data .description-list .description .description-title ul li .title-box-description span:nth-last-child(1) {
    width: 10%
  }
  .content-data-check .careers-data .introduce .introduce-text-and-image .description-list-data .description-list .description .description-title ul li .check-content-expand .expand-job-requirements {
    display: flex;
    flex-direction: column
  }
  .content-data-check .careers-data .introduce .introduce-text-and-image .description-list-data .description-list .description .description-title ul li .check-content-expand .expand-job-requirements .left-job-requirements {
    width: 100%;
    border: none;
    margin-left: 0
  }
  .content-data-check .careers-data .introduce .introduce-text-and-image .description-list-data .description-list .description .description-title ul li .check-content-expand .expand-job-requirements .left-job-requirements:nth-last-child(1) {
    padding-top: 1rem
  }
  .content-data-check .careers-data .introduce .introduce-text-and-image .description-list-data .description-list .description .description-title ul li .check-content-expand .treatment .treatment-content {
    width: 100%
  }
  .content-data-check .careers-data .introduce .introduce-text-and-image .description-list-data .description-list .description .description-title ul li .check-content-expand .treatment .treatment-content .treatment-content-list span {
    text-align: left;
    margin-right: 1rem
  }
}
.nav-tab {
  width: 100%;
  display: block;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}
.nav-tab span {
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}
.nav-tab span .active {
  background: rgba(14, 85, 164, 0.2);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(14, 85, 164, 1);
  border-bottom: 4px solid rgba(14, 85, 164, 1)
}
.content-span-data {
  line-height: 40px
}
.content-span-data p {
  font-size: 17px;
  font-family: Source Han Sans CN;
  font-weight: 400;
  color: #333333;
  line-height: 40px;
  letter-spacing: 2px
}

@media screen and (max-width: 1590px) {
/*
	#pagebanner li img{
		object-fit: contain;
		width: 80%;
		height: 82%
	}
*/
}