.left-aligned { margin-left: auto; }
.bg-dark { background-color:transparent !important; }
.bg-darkone{
  background-color: #212529!important;
}
.bg-blue { background-color: blue; }

/* CALLOUT */
.bd-callout { padding:1.25rem; margin-top:1.25rem; margin-bottom:1.25rem; border:1px solid #e9ecef; border-left-width:.25rem; border-radius:.25rem }
.bd-callout h4 { margin-bottom:.25rem }
.bd-callout p:last-child { margin-bottom:0 }
.bd-callout code { border-radius:.25rem }
.bd-callout+.bd-callout { margin-top:-.25rem }
.bd-callout-info { border-left-color:#5bc0de }
.bd-callout-warning { border-left-color:#f0ad4e }
.bd-callout-danger { border-left-color:#d9534f }

img#model{
  width: 100%;
}

body{
  padding-top: 0 !important;
  background-color: rgb(246, 255, 249);
}

iframe{
  width:100%;
  text-align: center;
}  

.main{
  margin: 0;
  padding: 0;
  position: relative;/*相对布局*/
}

/* footer */
footer a { color: white; font-weight: bold; text-decoration: none; }
footer a:hover { color: white; text-decoration: underline; }

/*Header*/
.css1{
  color: #212529!important;
}

.navbar-dark .navbar-nav .nav-link{
  color: rgb(116, 190, 113);
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
  color: rgb(12, 147, 132);
}

.dropdown-item{
  color: rgb(116, 190, 113);
}

#navbarDropdown{
  font-weight:bold;
}

.navbar-brand{
  padding: 0;
}

.navbaractive{
  top:0;
  left: 0;
  position: absolute !important;/*绝对布局*/
}


.bg-hero img{
  z-index: -1;
  object-position: center;
  width: 100%;
  height: 100vh;
}
.header{
  width: 100%;
  height: 100%;
  position: relative;/*相对布局*/
}

.headertitle{
  z-index: 1;
  top: 60vh; 
  left: 40vh;
  position: absolute;/*绝对布局*/
}

header.py-5{
  padding-top: 0!important;
}

/*description*/
img#despic{
  width: 70%;
  padding-top: 2vh;
  padding-bottom: 2vh;
  text-align: center;
}

img#despica{
  width: 70%;
  padding-top: 2vh;
  padding-bottom: 2vh;
  margin-left:15%;
}

/*attributions*/
h2#att{
  color: rgb(242, 107, 96);
}



/*Home*/
.row .siz{
  margin:1vh 1.65%;
  padding-left: 1.5%;
  padding-right: 1.5%;
}

.siz a{
  width: 100%;
  height: 25vh;
  text-decoration: none;
}

.siz a img{
  width: 100%;
  text-align: center;
  filter: grayscale(100%);
  padding-bottom: 10px;
}

.siz a img:hover{
  filter:grayscale(0);
}

.siz a h4{
  text-align: center;
  text-decoration: none;
  color:rgb(212,223,222) ;
}

.siz a h4:hover{
    color: rgb(116, 190, 113);
}

.featurette-image{
  width: 100%;
  border-radius: 5%;
}
/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 20px ;
  text-align: center ;
}
.marketing h2 {
  font-weight: 400 ;
}

.marketing .col-lg-4 p{
  font-size:1px  !important ;
}


/* Featurettes
------------------------- */

.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
}


/* Member*/

.sideshow h1{
  text-align:center;
}
.sideshow h2{
  text-align:center;
}
.sideshow h4{
  margin-top: 30px;
  margin-bottom: 40px;
  text-align:center;
}
.sideshow h6{
  margin-top: 10px;
  margin-bottom: 10px;
  text-align:left;
  color: rgb(22, 65, 124);
}

.sideshow h6#a{
  margin-top: 10px;
  margin-bottom: 10px;
  text-align:left;
  margin-left: 20px;
  color: rgb(22, 65, 124);
}

.sideshow h6#b{
  margin-top: 10px;
  margin-bottom: 10px;
  text-align:center;
  color: black;
}


.sideshow p{
  text-align : left;
  margin-left: 20px;
  font-size: 1rem;
  letter-spacing:0.3px;
  line-height:160%;
  color: black;
}

.sideshow{
  margin-bottom: 80px;
}

/*侧导航栏*/
.sideshowmember{
    position: sticky;
    top: 150px;
    font-size: 1.2rem;
    font-weight: 500;
}


.member-list {
    display: flex;
    flex-direction: column;
    row-gap: 0.6rem;
    margin-top: 0.6rem;
    padding-left: 1rem;
}


.sideshowmember ul{
  list-style-type: none;
  padding:0!important;
  margin:0!important;
}

.sideshowmember ul li{
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 0;
    margin-left: 0;
    list-style-type: none;
}

.sideshowmember ul ul li {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 0;
    margin-left: 0;
    padding-left: 2rem;
    list-style-type: none;
    display: flex;
}
.sideshowmember li a {
    font-size: 1.4rem;
    position: relative;
    text-decoration: none;
    color:rgb(212,223,222)!important;
}
.sideshowmember li.active a {
  color: rgb(116, 190, 113) !important;
}

.exampleteam{
  margin-bottom: 150px;
}

.member{
  border-radius:50%;
  width: 80%;
  height: 280px;
  margin-bottom: 20px;
}


.memberone{
    position: relative;/*相对布局*/
}

.memberone span{
  width: 90%;
  height: 200px;
  display: none;
}

.memberone:hover span{
  top: 0; 
  left: 0;
  position: absolute;/*绝对布局*/
  z-index: 1;/*置于上层*/
  display: block;
}

.memberone:hover img{
    z-index: -1;/*置于底层*/
  filter: blur(20px);
  -webkit-filter: blur(20px);
}