﻿
.page-investor-wrap {
      padding: 0.71rem 0px 0.8rem;
}
/* page-investor-nav */
.page-investor-nav {
      width: 2rem;
      margin-right: 0.75rem;
      padding-top: 0.29rem;
}
.page-investor-nav a {
      display: block;
      color: #2b2b2b;
      border:1px solid #999;
      text-align: center;
      line-height: 0.58rem;
      border-radius:0.3rem;
      background-color: #fff;
}
.page-investor-nav ul li {
      padding-bottom: 0.35rem;
}
.page-investor-nav ul li.on a,
.page-investor-nav ul li a:hover {
      -webkit-background-image: linear-gradient(135deg, #d0121b 60%, #eb6100); 
      background-image: linear-gradient(135deg, #d0121b 60%, #eb6100); 
      color:#fff; 
      border-color: transparent;
}

/* page-investor-list */
.page-investor-list {
      overflow: hidden;
}
.page-investor-list .page-er-intab {
      padding:0.29rem 0px 0.3rem;
}
/* .page-investor-list .page-er-intab ul li a {
      line-height: 3.125;
      min-width: 1.8rem;
} */
.page-investor-list .page-list {
      padding: 0px 0px 0.6rem;
}
.page-investor-list .page-list ul li {
      border-top: 1px dashed #b8b7b7;
      padding:0.225rem 0px 0.225rem 0.12rem;
}
.page-investor-list .page-list ul li:first-child {
      border-top: none;
}
.page-investor-list .page-list ul li a {
      color: #2b2b2b;
}
.page-investor-list .page-list ul {
      border-bottom: 1px dashed #b8b7b7;
}
.page-investor-list .page-list ul li .page-time {
      padding-right: 0.28rem;
      text-align: right;
      line-height: 1.3;
}
.page-investor-list .page-list ul li:hover {
      -webkit-background-image: linear-gradient(135deg, #d0121b 60%, #eb6100); 
      background-image: linear-gradient(135deg, #d0121b 60%, #eb6100); 
      border-color: transparent;  
}
.page-investor-list .page-list ul li:hover a {
      color:#fff; 
}
.page-investor-list .page-list ul li:hover +li {
      border-top: transparent;
}



@media only screen and (max-width:750px) {
      .page-investor-wrap {
            padding: 0.5rem 0px;
      }
      .page-investor-nav {
            width: 100%;
            text-align: center;
            margin-right: 0px;
      } 
      .page-investor-nav ul li {
            display: inline-block;
            min-width: 2rem;
      } 
      .page-investor-nav a {
            line-height: 2.5;
      }    
      .page-investor-list {
            width: 100%;
      }
}

/*****************investor-contact-con*********************/
.investor-contact-con {
      padding-top:0.18rem;
}
.investor-contact-con .page-title {
      letter-spacing: 0.05rem;
      padding-left: 0.05rem;
}
.investor-contact-con .page-sub {
      padding-top:0.08rem;
}
.investor-contact-con .page-list {
      padding: 1.07rem 0px 0.45rem;
}
.investor-contact-con .page-list ul li {
      width: 33.33%;
}
.investor-contact-con .page-list ul li a {
      color: #2b2b2b;
}
.investor-contact-con .page-list .page-ico .page-img {
      margin: 0px auto;
      background-color: #fff;
      border-radius:50%;
      width: 1.2rem;
      height: 1.2rem;
      box-shadow: 0px 3px 5px rgba(0,0,0,0.04);
}
.investor-contact-con .page-list .page-ico .page-img img {
      display: none;
      width: 100%;
      height: 100%;
}
.investor-contact-con .page-list .page-ico .page-img .img01 {
      display: inline-block;
}
.investor-contact-con .page-list dl {
      padding-top: 0.31rem;
}
.investor-contact-con .page-list dl dd {
      padding-top: 0.1rem;
}
.investor-contact-con .page-list ul li:hover .page-ico .page-img .img01 {
      display: none;
}
.investor-contact-con .page-list ul li:hover .page-ico .page-img {
      background-color:#d51e17;
}
.investor-contact-con .page-list ul li:hover .page-ico .page-img .img02 {
      display:inline-block;
}

@media only screen and (max-width:750px) {
      .investor-contact-con .page-list {
            padding-top: 0.5rem;
      }
      .investor-contact-con .page-list ul li { width: 100%; padding-top: 0.5rem;}
}
