body { 
  /* padding-top: 90px;  */
  font: 14px/25px "Droid Serif", sans-serif;
  background-color: #0D1114;
  color: #fff;
}
ul,li {
  list-style: none;
  margin: 0;
  padding: 0;
}
h1 {
  font-size: 40px;
}
h2 {
  font-size: 32px;
}
h3 {
  font-size: 24px;
}
h4 {
  font-size: 18px;
}
h5 {
  font-size: 16px;
}
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

.left-aligned { margin-left: auto; }
.bg-dark { background-color: #343a40 !important; }
.bg-hero { background-color: #45b06cff; }

/* 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 }

/* 导航菜单 */
.navbar {
  background: linear-gradient(90deg, black 10%, transparent, black);
  /* background: #0D1114; */
  box-shadow: 0 0 1px #efefef;
  transition: all 0.3s ease-in-out;
}
.navbar .navbar-brand img {
  width: 60px;
}
.navbar .navbar-nav .nav-item .nav-link {
  display: inline-block;
  position: relative;
  line-height: 34px;
  padding: 0 15px;
  text-transform: uppercase;
  font-size: 14px;
  font-family: 'Lato', sans-serif;
  font-weight: 400;
  color: #fff;
}
.navbar .navbar-nav .nav-link::before, .navbar .navbar-nav .nav-link i {
  display: inline-block;
  width: 100%;
  height: 2px;
  background-color: #FD0081;
  content: "";
  position: absolute;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: all 0.3s ease;
}
.navbar .navbar-nav .nav-link::before {
  top: -100%;
}
.navbar .navbar-nav .nav-link i {
  bottom: -100%;
}
.navbar .navbar-nav .nav-link:hover{
  color: #FD0081;
}
.navbar .navbar-nav .nav-link:hover::before,.navbar .navbar-nav .nav-link:focus::before {
  top: -1px;
  opacity: 1;
}
.navbar .navbar-nav .nav-link:hover i {
  bottom: -1px;
  opacity: 1;
}
.navbar .navbar-nav .nav-item {
  padding: 19px 10px 20px 10px;
}
.navbar .dropdown-menu {
  padding: 0;
  background-color: rgba(255,255,255,.85);
}
.navbar .dropdown-item {
  padding: 0.5rem 1rem;
}
.navbar .dropdown-item:hover {
  background-color: #FD0081;
  color: #fff;
}
#navbar.white {
  background-color: #0D1114;
}

/* common style */
.title-section {
  position: relative;
  margin-bottom: 80px;
  text-align: center;
}
.title-section .title {
  font-family: "Lato", sans-serif;
  font-size: 25px;
  font-weight: 400;
  color: #fff;
  line-height: 25px;
  text-align: center;
  margin-bottom: 39px;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 2.3px;
}
.title-section .title span {
  font-weight: bold;
}
.title-section .title::before {
  font-family: "Lato", sans-serif;
  font-size: 80px;
  font-weight: 700;
  color: #FD0081;
  line-height: 80px;
  text-align: center;
  margin-bottom: 0;
  text-transform: uppercase;
  content: attr(data-text);
  position: absolute;
  left: 50%;
  top: -27px;
  margin-left: -25px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  filter: alpha(opacity=35);
  opacity: 0.35;
}
.title-section .title::after {
  position: absolute;
  left: 50%;
  margin-left: -125.5px;
  bottom: -39px;
  background: url('imgs/line-1.png') no-repeat center center;
  content: "";
  width: 251px;
  height: 12px;
}

/* home style */
.home {
  background-color: #0D1114;
}
.home .banner {
  width: 100%;
  height: 880px;
  background: url('imgs/banner1.jpg') center center no-repeat;
  background-size: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
}
.home .banner::before {
  content: "";
  width: 100%;
  height: 880px;
  background-color: rgba(0,0,0,0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.home .banner .carousel-caption {
  bottom: 20rem;
  z-index: 100;
}
.home .banner .tit {
  font-family: Fira Sans; 
  width: auto; 
  color: #fff;
  line-height: 80px; 
  letter-spacing: 0px;
  font-weight: 700;
  font-size: 72px; 
  text-align: center;
}
.home .banner .subtit {
  color: #fff;
  text-align: center;
  padding-top: 10px;
  animation-delay: 0.3s;
}
.home .banner .link {
  font-size: 18px;
  font-weight: 700;
  border: 1px solid #FD0081;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 180px;
  height: 50px;
  background: #FD0081;
  color: #fff;
  text-decoration: none;
  margin-top: 20px;
  animation-delay: 1s;
  margin: 0 auto;
}
.home .about-us {
  padding: 100px;
}
.home .content {
  font-size: 16px;
  line-height: 30px;
  display: flex;
  justify-content: space-between;
}
.home .singleimages-border {
  width: 500px;
  height: 500px;
  flex-shrink: 0;
  border: 4px solid #56DAFF;
}
.home .singleimages-border img {
  width: 100%;
  position: relative;
  left: 30px;
  top: 30px;
}
.home .content .right {
  display: flex;
  align-items: center;
  padding-left: 80px;
  text-indent: 2rem;
  color: #fff;
}
/* team style */
.home .our-team {
  padding: 100px;
  /* background-color: #0D1114; */
}
.flat-tabs.member {
	position: relative;
}

.flat-tabs.member .menu-tab  {
	position: absolute;
	right: 30px;
	top: 152px;
	z-index: 999;
  transition: all 0.3s ease-in-out;
}

.flat-tabs.member .menu-tab li {
	margin-bottom: 10px;
	width: 70px;
	height: 70px;
}

.flat-tabs.member .menu-tab li.active {
	border: 3px solid #fff;
}
.flat-tabs.member .content-inner {
  display: none;
  padding-bottom: 30px;
}
.flat-team .avatar,
.flat-team .content-info {
  display: inline-block;
  width: 50%;
}

.flat-team .avatar {
	width: 47%;
  vertical-align: top;
}

.flat-team .content-info {	
  background-color: #fff;
  z-index: 99;
  margin: 60px 0 0 1%;
  padding: 97px 0 97px 65px;
  position: relative;
  color: #0D1114;
  /* box-shadow: 1px 0 20px #efefef; */
}

.flat-team .content-info:before {
	position: absolute;
  right: -80px;
  top: 0;
  background-color: #fff;
  /* box-shadow: 15px 5px 20px 0 rgba(240,240,240,0.5); */
  width: 80px;
  height: 100%;
  content: "";
  z-index: 99999;
}

.flat-team .name {
	font-family: "Lato", sans-serif;
	font-weight: 900;
	font-size: 30px;
	letter-spacing: 1.3px;
	line-height: 30px;
	margin-bottom: 10px;
}

.flat-team .position {
	font-style: italic;
	padding-left: 30px;
	position: relative;
	margin-bottom: 35px;
  opacity: 0.85;	
}

.flat-team .position:before {
	position: absolute;
	left: 0;
	top: 10px;
	height: 2px;
	width: 20px;
	background-color: #202020;
	content: "";
	margin-bottom: 30px;
}

/* header */
.header {
  width: 100%;
  height: 260px;
  background: url('imgs/capture.png') bottom no-repeat;
  background-size: 100%;
  position: relative;
}
.header::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.65);
}
.header .crumbs-box {
  height: 260px;
  position: relative;
}
.header .title {
  position: absolute;
  bottom: 50px;
  font-size: 48px;
  color: #fff;
  font-weight: 700;
  /* text-transform: uppercase; */
}
.header .crumbs-name {
  position: absolute;
  right: 0;
  bottom: 60px;
  color: #fff;
  font-size: 16px;
}
.header .crumbs-name .icon {
  width: 16px;
  height: 16px;
}

/* team style */
.team-section {
  padding: 80px;
}
.team-section .container {
  overflow: hidden;
}
.team-section .item {
  width: 33.3%;
  float: left;
  margin-bottom: 30px;
  padding: 0 15px;
}
.team-section .item .box {
  width: 100%;
  height: 500px;
  box-shadow: 0 0 25px #333;
}
.team-section .box .up {
  width: 100%;
  height: 240px;
  background-size: cover;
  background-position: center;
}
/* .team-section .box .down {
  padding: 0 20px;
} */
.team-section .box .down h1 {
  text-align: left;
  padding: 20px 18px;
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #555;
}
.team-section .box .down h1::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("data:image/png;base64,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");
  background-size: 100%;
  vertical-align: middle;
  margin-right: 5px;
}
.team-section .box .down .description {
  height: 180px;
  color: #777;
  padding: 0 20px;
  text-indent: 2em;
  overflow: auto;
}
.team-section .box .down .description::-webkit-scrollbar {
  width: 10px;
}
.team-section .box .down .description::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  border-radius: 10px;
}
.team-section .box .down .description::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: rgba(0,0,0,.1);
  -webkit-box-shadow: inset 0 0 6px rgba(200,200,200,.5);
}
.team-section .box .down .description::-webkit-scrollbar-thumb:window-inactive {
  background-color: rgba(255,255,255,.4);
}



/* has-sidebar */
.has-sidebar {
  padding: 100px 0;
}
.has-sidebar p {
  color: #fff;
  font-size: 16px;
}
.has-sidebar img {
  width: 100%;
}
.has-sidebar .wrap-box li {
  margin-bottom: 10px;
}
.has-sidebar .wrap-box .link {
  width: 100%;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  padding: 10px 20px;
  position: relative;
  display: block;
  background-color: #FD0081;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius: 30px;
  transition: 500ms all ease;
}
/* .has-sidebar .wrap-box .link::before {
  top: 0;
  left: 0;
  width: 5px;
  content: "";
  height: 100%;
  position: absolute;
  background-color: #c8cbcf;
  transition: 300ms all ease;
} */
.has-sidebar .wrap-box .link:hover,.has-sidebar .wrap-box .link.active {
  padding-left: 30px;
}
/* .has-sidebar .wrap-box .link:hover::before,.has-sidebar .wrap-box .link.active::before {
  background-color: #56DAFF;
} */
.article-main {
  padding: 100px 0;
}
.article-main p {
  font-size: 16px;
  line-height: 28px;
  color: #fff;
}
.article-main .content iframe {
  display: block;
  margin: 0 auto;
}

.article-main .content img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

/* footer */
footer {
  /* background-color: #56DAFF; */
  background-color: #0D1114;
  border-top: 1px solid #555;
}
footer .link {
  text-align: center;
}
footer a { color: white; font-weight: bold; text-decoration: none; }
footer a:hover { color: white; text-decoration: underline; }