body {
  background-color: #f5f5f5;
}

a:link {
  color:#333333;
  text-decoration:none;
}

a:visited {color:#331C1C;}

a:hover {color:#b0252b;}

a:active {color:#b0252b;}

.header {
  /*height: 110px; */
}

.carousel-inner img {
  width:100%
}

@media (max-width: 768px) {
  .header {
    height: 80px;
  }
}

.panel-white {
  height: auto;
  border: hidden;
}

.panel-white .panel-heading {
  background-color: #20274C;
  text-align: center;
  color: white;
  height: 50px;
}

.title-info {
  z-index: 10; 
  position: absolute; 
  margin-left: -50px; 
  margin-top: -0.8em;
  padding-left: 6px;
  padding-right: 6px;
  background-color: #20274C;
}

.title-info-zszt {
  z-index: 10; 
  position: absolute; 
  margin-left: -68px; 
  margin-top: -0.8em;
  padding-left: 6px;
  padding-right: 6px;
  background-color: #20274C;
}

.title-info-two {
  z-index: 10; 
  position: absolute; 
  margin-left: -28px; 
  margin-top: -0.8em;
  padding-left: 6px;
  padding-right: 6px;
  background-color: #20274C;
}

.title-info-xiaoyuan {
  z-index: 10; 
  position: absolute; 
  margin-left: -28px; 
  margin-top: -0.8em;
  padding-left: 6px;
  padding-right: 6px;
  background-color: #20274C;
}

/*ie*/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .title-info {
    z-index: 10; 
    position: absolute;
    margin-top: -0.8em;
    /*margin-left: 0px;*/
    padding-left: 6px;
    padding-right: 6px;
    background-color: #20274C;
    /*background-color: red;*/
    width: 100px;
    margin-left: 36%;
  }
.title-info-xiaoyuan {
    z-index: 10; 
    position: absolute;
    margin-top: -0.8em;
    /*margin-left: 0px;*/
    padding-left: 6px;
    padding-right: 6px;
    background-color: #20274C;
    /*background-color: red;*/
    width: 100px;
    margin-left: 44%;
  }
}


.panel-transparent {
  height: auto;
  border: hidden;
  background-color: transparent;
}

.time-style {
  color: gray;
}

.ico-title {
  color: white;
  font-size: 25px;
  line-height: 50px;
  margin-left: 10px;
}

.col-xs-3 {
  width:20%;
}

/*.content-circle {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 20px;
  height: 50px;
  border-radius: 8px;
  border-style: solid;
  border-width: 3px;
  border-color: #898989;
}*/

.school-scenery, .blogroll{
  background-color: white;
}

.school-scenery h3, .blogroll h3 {
  text-align: center;
  margin-top: 20px;
  padding-top: 20px;
}

.school-scenery hr, .blogroll hr {
  /*border-color: #b0252b;*/
  background-color: #b0252b;
  width: 100px;
  height: 4px;
}

.school-scenery-scroll-box {
  width: 100%;
  height: 184px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}
.school-scenery-scroll-box ul {
  list-style: none;
  width: 3135px;  /*这里的宽度根据滚动图片的数量进行设置，比如现在有11张，则等11*285*/
  margin: 0px;
  padding: 0px;
}
.school-scenery-scroll-box ul li {
  /*width: 100%;
  height: 170px;*/
  width: 275px;
  margin-left: 5px;
  margin-right: 5px;
  float: left;
}

.blogroll {
  padding-bottom: 20px;
}

.blogroll .blogroll-style a {
  text-decoration: none;
  font-size: 20px;
  color: #4e4c4d;
  line-height: 40px;
}

.footer {
  /*background-color: #b0252b;*/
  background-color: #9A8170;
  color: white;
}
.footer dl {
  margin-top: 30px;
}
.footer dt {
  height: 34px;
  font: 400 16px/34px "microsoft yahei";
}
.footer dd {
  line-height: 25px;
}
.footer dd a {
  color: white;
}

.contact-info {
  position: fixed;
  width: 80px;
  height: 260px;
  /*background-color: gray;*/
  right: 10px;
  bottom: 60px;
  z-index: 10;
}
.contact-info-qq {
  margin-bottom: 10px;
  padding: 7px;
  border-radius: 8px;
  height: 80px;
  background-color: #6da9df;
}
.contact-info-wx {
  margin-bottom: 10px;
  padding: 7px;
  border-radius: 8px;
  height: 80px;
  background-color: #78c440;
}
.contact-info-top {
  padding: 7px;
  border-radius: 8px;
  height: 80px;
  background-color: #666666;
}
.qqchat {
  position: fixed;
  /*width: 80px;
  height: 260px;*/
  /*background-color: gray;*/
  right: 110px;
  bottom: 250px;
  z-index: 5;
  width: 300px;
  height:120px;
  background-color: white;
}
.erweima {
  position: fixed;
  width: 80px;
  height: 260px;
  /*background-color: gray;*/
  right: 300px;
  bottom: 20px;
  z-index: 5;
}
.hide {
  display: none;
}
.show {
  display: block;
}

.logo-kmcc-md-lg-position {
  margin: 40px 0 26px 0;
}

.logo-kmcc-xs-sm-position {
  width: 90%;
  margin: 0 auto;
  padding-top: 25px;
}

.top-text-md-lg {
  padding-top:4px;
  padding-right:35px;
  height:18px;"
}

.top-text-xs-sm {
  text-align: center;
  padding-top:9px;
}

.logo-navbar-divide-hr {
  background-color:#7A1214;
  height:10px;
  margin-top:0px;
  margin-bottom:0px;
}

.navbar {
  margin-bottom: 0px;
}

.topdistance {
  margin-top: 16px;
}

.path-nav {
  margin-bottom: 0px;
}

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

.kmcc-content p {
  text-indent: 2em;
  line-height: 2em;
}

.index-title-list {
  flex: 1; 
  white-space: nowrap; 
  overflow: hidden; 
  text-overflow: ellipsis;
}

.index-title-list-li {
   display: flex;
   justify-content: space-between;
   align-items: center;
   line-height: 2em;
}

.index-time {
  color: #b0252b;
}