@charset "UTF-8";


/* page-about-index */
.page-about-index {
  padding: 0.68rem 0px 0.78rem;
}
.page-about-index .page-title {
  width: 33.53%;
}
.page-about-index .page-img {
  padding-top: 1.4rem;
}
.page-about-index .page-img img {
  width: 70%;
  max-width: 3.8rem;
}
.page-about-index .page-text {
  line-height: 2;
  padding-top: 0.07rem;
}
.page-about-index .page-sub {
  letter-spacing: 0.02rem;
}
.page-about-index .page-con {
  opacity: 0.8;
  filter: alpha(opacity=80);
  margin-top: 0.27rem;
  letter-spacing: 0.016rem;
}
.page-about-index .page-text p {
  padding-bottom: 1.5em;
}

@media only screen and (max-width:899px){

  .page-about-index {
    padding: 0.5rem 0px 0.5rem;
  }
  .page-about-index .page-title {
    width: 100%;
  }
  .page-about-index .page-img {
    padding-top:0.3rem;
    text-align: center;
  }
  .page-about-index .page-text {
    padding-top: 0.2rem;
  }
}  

/* page-about-prize */
.page-about-prize {
  padding: 0.92rem 0px 0.97rem;
  color: #fff;
}
.page-about-prize .page-list ul li {
  padding: 0px 0.7rem;
}
.page-about-prize .page-list ul li .page-con {
  width: 11.5625em;
  height: 11.5625em;
  background: #069FE6;
  border-radius: 50%;
  margin: 0.4rem auto 0px;
}
.page-about-prize .page-list dl dt {
  line-height: 1.3;
}
.page-about-prize .page-list dl dt em {
  position: relative;
  top:-5px;
  padding-left: 0.02rem;
}
.page-about-prize .page-list dl dd {
  min-height: 2.4em;
  line-height: 1.2;
}


@media only screen and (max-width:899px){
  .page-about-prize {
    padding: 0.5rem 0px;
  }
  .page-about-prize .page-tit br {display: none;}
  .page-about-prize .page-list ul li {
    padding: 0px 0.2rem;
  }
  .page-about-prize .page-list ul li .page-con {
    width:9.6em;
    height:9.6em;
  }
}



/* page-ab-organization */
.page-ab-organization {
  padding: 1.34rem 0px 2.24rem;
  position: relative;
}
.page-ab-organization .page-wrap {
  position: relative;
  z-index: 3;
}
.page-ab-organization .page-list {
  position: relative;
  width: 60.48%;
  margin-top: 1.02rem;
}
.page-ab-organization .page-list:before {
  position: absolute;
}
.page-ab-organization .page-list ul li {
  position: relative;
  padding: 0.13rem 0px 0.13rem 0.42rem;
}
.page-ab-organization .page-list ul li:before {
  position: absolute;
  content: "";
  left: 0px;
  top:50%;
  height: 2px;
  width: 0.42rem;
  background: #D1D1D1;
  margin-top: -1px;
}
.page-ab-organization .page-list ul li:after {
  position: absolute;
  content: "";
  left: 0px;
  top:0px;
  height:100%;
  width: 2px;
  background: #D1D1D1;
}
.page-ab-organization .page-list ul li:first-child::after{
  top:50%;
  height: 50%;
}
.page-ab-organization .page-list ul li:last-child::after{
  top:0px;
  height: 50%;
}
.page-ab-organization .page-list .page-sub {
  color: #fff;
  background: #2550DB;
  width: 2.33rem;
  text-align: center;
  margin-right: 0.36rem;
  padding: 1.475em 0.5em;
}
.page-ab-organization .page-list .page-con {
  border: 1px solid #E6EAF2;
  padding: 1.44em 0.22rem;
  line-height: 2;
  background: #fff;
}
.page-ab-organization .imgbg {
  position: absolute;
  right: 0px;
  top:1.4rem;
  bottom: 0.28rem;
}
.page-ab-organization .imgbg img {
  height: 100%;
}

@media only screen and (max-width:1600px){
  .page-ab-organization .page-list .page-con {
    padding: 1.31em 0.22rem;
  }
} 

@media only screen and (max-width:1340px){
  .page-ab-organization .page-list .page-con {
    padding: 1.3em 0.22rem;
  }
} 

@media only screen and (max-width:899px){
  .page-ab-organization {
    padding: 0.5rem 0px;
  }
  .page-ab-organization .page-list {
    width: 100%;
    margin-top: 0.3rem;
  }
  .page-ab-organization .page-list .page-sub {
    width: 1.7rem;
  }
}  



/* page-ab-history */
.page-ab-history {
  position: relative;
}
.page-ab-history .page-title {
  position: absolute;
  left: 0px;
  top:0.71rem;
  width: 100%;
  right: 0px;
  z-index: 2;
}
.page-ab-history  .page-list .page-sec {
  position: absolute;
  width: 2.8%;
  height: 24%;
  cursor: pointer;
}
.page-ab-history  .page-list .page-sec dl{
  position: absolute;
  width: 3.64rem;
  box-shadow: 0px 0px 16px rgba(0,0,0,0.1);
  background: #fff;
  border-radius:10px;
  left: 50%;
  margin-left: -1.82rem;
  padding:0.2rem 0.26rem 0.37rem;
  bottom: 100%;
  display: none;
  z-index: 3;
} 
.page-ab-history  .page-list .page-sec dl::before {
  position: absolute;
  content: "";
  top:100%;
  width:0px;
  height: 0px;
  left: 50%;
  margin-left: -0.1rem;
  border:0.1rem solid #fff;
  border-color:  #fff transparent transparent transparent;
}
.page-ab-history  .page-list .page-sec dl dt {
  position: relative;
}
.page-ab-history  .page-list .page-sec dl dt:before {
  position: absolute;
  content: "";
  left: -0.26rem;
  width:0.12rem;
  background: #2BB6A9;
  height: 0.39rem;
  top:50%;
  margin-top: -0.195rem;
}
.page-ab-history  .page-list .page-sec dl dd {
  line-height: 1.7142;
}
.page-ab-history  .page-list .page-sec:nth-child(1) {
  left: 10.8%;
  bottom: 3%;
}
.page-ab-history  .page-list .page-sec:nth-child(2) {
  left: 15.6%;
  bottom: 8.5%;
}
.page-ab-history  .page-list .page-sec:nth-child(3) {
  left: 19.2%;
  bottom: 34.8%;
}
.page-ab-history  .page-list .page-sec:nth-child(4) {
  left: 23.6%;
  bottom:36.8%;
}
.page-ab-history  .page-list .page-sec:nth-child(5) {
  left: 27.9%;
  bottom:40.8%;
}
.page-ab-history  .page-list .page-sec:nth-child(6) {
  left: 31.3%;
  bottom:12.8%;
}
.page-ab-history  .page-list .page-sec:nth-child(7) {
  left: 36%;
  bottom:12.8%;
}
.page-ab-history  .page-list .page-sec:nth-child(8) {
  left: 40.9%;
  bottom:12.8%;
}
.page-ab-history  .page-list .page-sec:nth-child(9) {
  left: 46.5%;
  bottom:34.8%;
}
.page-ab-history  .page-list .page-sec:nth-child(10) {
  left: 51%;
  bottom:35.8%;
}
.page-ab-history  .page-list .page-sec:nth-child(11) {
  left: 58.9%;
  bottom:36.8%;
}
.page-ab-history  .page-list .page-sec:nth-child(12) {
  left: 64.4%;
  bottom:41%;
}
.page-ab-history  .page-list .page-sec:nth-child(13) {
  left: 71.9%;
  bottom:38%;
}
.page-ab-history  .page-list .page-sec:nth-child(14) {
  left:83.3%;
  bottom:50%;
}

.page-ab-history .page-bg img {
  width: 100%;
} 

.page-ab-history  .page-list .page-sec:hover dl {
  display: block;
}

@media only screen and (max-width:899px){
  .page-ab-history .page-title {
    top:0.2rem;
  }
  .page-ab-history  .page-list .page-sec dl{ 
    width: 240px;
    margin-left: -120px;
    padding-bottom: 0.2rem;
  }
  .page-ab-history  .page-list .page-sec:nth-child(1) dl{ 
    width: 200px;
    margin-left: -100px;
  }
}

@media only screen and (max-width:767px){
  .page-ab-history  .page-list .page-sec dl{ 
    width: 200px;
    margin-left: -100px;
  }
  .page-ab-history  .page-list .page-sec:nth-child(1) dl,
  .page-ab-history  .page-list .page-sec:nth-child(2) dl,
  .page-ab-history  .page-list .page-sec:nth-child(3) dl{ 
    margin-left: -50px;
  }
  .page-ab-history  .page-list .page-sec dl::before {
    border-width: 6px;
  }
  .page-ab-history  .page-list .page-sec:nth-child(1) dl::before,
  .page-ab-history  .page-list .page-sec:nth-child(2) dl::before,
  .page-ab-history  .page-list .page-sec:nth-child(3) dl::before {
    margin-left: -56px;
  }
  .page-ab-history  .page-list .page-sec:nth-child(12) dl {
    margin-left: -150px;
  }
  .page-ab-history  .page-list .page-sec:nth-child(12) dl::before {
    margin-left: 44px;
  }
}  

@media only screen and (max-width:400px){
  .page-ab-history  .page-list .page-sec:nth-child(1) dl{
    margin-left: -30px;
  }
  .page-ab-history  .page-list .page-sec:nth-child(4) dl{
    margin-left: -50px;
  }
  .page-ab-history  .page-list .page-sec:nth-child(1) dl::before {
    margin-left: -76px;
  }
  .page-ab-history  .page-list .page-sec:nth-child(4) dl::before {
    margin-left: -56px;
  }
}