
/* about ssmd style */
.bg11{
  background-image: url('../image/bg-h1.jpg');
}
.bg22{
  background-image: url('../image/bg-h3.png');
  min-height:435.2px;
  background-position:top;
}
.bg33{
  background-image: url('../image/bg-h2.jpg');
}
.bg44{
  background-image: url('../image/bg-h5.jpg');
}
.bg55{
  background-image: url('../image/bg-h4.jpg');
}
.bg-top{
  background-position:top;
}
.bg155{
  height:155px;
}
.embed-responsive-16by9 {
    padding-bottom: 57.2%;
}

.video-box .nav-tabs>li{
  display:inline-block;
  float: none;
  margin-left:5px;
  margin-right:5px;
  width:28%;
  pointer-events:auto;
}
.video-box .nav>li>a{
  padding: 0;
  margin:0;
  box-shadow:0 -1px 10px #9e9e9e;
  position: relative;
  bottom:-20px;
  border: none;
}
.video-box{
  position: relative;
  overflow: hidden;
  height:400.2px;
}
.video-box .nav{
  position: absolute;
  bottom:-10px;
  width:100%;
  pointer-events: none;
}
.video-box .nav-tabs>li.active>a,.video-box .nav-tabs>li.active>a:focus,.video-box .nav-tabs>li.active>a:hover,.video-box .nav-tabs>li>a:hover,.video-box .nav-tabs>li>a:hover{
  bottom:0px;
  border: none;
}
.nav-tabs>li{
  margin-bottom:0;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover,.nav-tabs>li>a{
  padding:0;
  margin:0;
  border: none;
  border-radius: 0;
}
.teacher.nav-tabs>li{
    float: none;
    height:150px;
}
.teacher li a{
  display: inline-block;
  width:100%;
  height:150px;
}
.teacher.nav-tabs>li.active>a::after, .teacher.nav-tabs>li.active>a:focus::after, .teacher.nav-tabs>li.active>a:hover::after, .teacher.nav-tabs>li>a:focus::after, .teacher.nav-tabs>li>a:hover::after{
  content:"";
  display: inline-block;
  position: absolute;
  width:100%;
  height:150px;
  border: 5px solid #226fcf;
  left:0;
}
.teacher.nav-tabs>li.active>a::before, .teacher.nav-tabs>li.active>a:focus::before, .teacher.nav-tabs>li.active>a:hover::before, .teacher.nav-tabs>li>a:focus::before, .teacher.nav-tabs>li>a:hover::before{
  content:'';
  display: inline-block;
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent transparent #226fcf;
  position: absolute;
  left: 5px;
  bottom: 65px;
}
.text-box{
  position: absolute;
  width:100%;
  bottom:0;
}
/* news style */
.news-list li{
  padding:18px 0;
  border-bottom:1px solid #eee;
}
.news-list li::before{
  display: inline-block;
  content: '';
  width:8px;
  height:8px;
  margin-right:10px;
  background-color:#71b655;
}
.news-list li:last-child{
  border:none;
}
.bg-media{
  height:300px;
  position: relative;
}
.bg-media::after{
  content: '';
  display: inline-block;
  height:300px;
  width:100%;
  position: absolute;
  border:5px solid rgba(240, 131, 0, 0);
  top:0;
  left:0;
}
.media-box:hover .bg-media::after,
.media-box:hover .bdb{
  border-color: #f08300;
}
.sch-one li a,
.sch-two li a{
  display: inline-block;
  width: 100%;
  line-height:2.5;
  border:1px solid #3e4149;
  margin-bottom:5px;
  text-align: center;
  color:#3e4149;
  position: relative;
}
.sch-one li a:hover,
.sch-one li.active a,
.sch-two li a:hover,
.sch-two li.active a{
  background-color:#f08300;
  text-decoration: none;
  color:#fff;
  border-color: #f08300;
}
.sch-one li.active a::after,
.sch-two li a::before{
  content:'';
  display: inline-block;
  width:30px;
  height:1px;
  background-color:#f08300;
  position: absolute;
}
.sch-one li.active a::after{
  right: -31px;
  top: 21px;
}
.sch-two li a::before{
  left: -34px;
  top: 21px;
}
.sch-two li a{
  border-left:4px solid #f08300;
}
.sch-two ul::before{
  content:'';
  width:1px;
  height:294px;
  display: inline-block;
  background-color:#f08300;
  position:absolute;
  left: 0px;
  top: 23px;
}
.h450{
  height:450px;
  background-position: top;
}
.h400{
  min-height:400.2px;
  background-position: top;
  background-image: url(../image/bg-h3.png);
}
