@charset "utf-8";
/* CSS Document */
.container-o{
    width:1140px;
    margin-right: auto;
    margin-left: auto;
}
.tel-top{
    font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
}
.tit{
    font-size: 48px;
    line-height: 48px;
    background: #fff;
    padding: 0 20px;
    z-index: 995;
    display: inline-block;
}
.tit-s{
   text-transform: uppercase; 
    display:block;
}
.tit-line{
    margin-top:-1.2rem;
    z-index: 994;
}
.text-fei{
    color: #eb6877;
}
.text-zi{
    color: #5f52a0;
}
.text-lai{
    color: #5371fd;
}
.text-lv{
    color: #84ccc9;
}
.bg-zi{
    background:#5f52a0;
}
.bg-lai{
    background:#5371fd;
}
.bg-fei{
    background:#eb6877;
}
.border-zi{
    border-color: #5f52a0 !important; 
}
.border-lai{
    border-color: #5371fd !important; 
}
.ob{
    background: url("../images/de-12.png") no-repeat 0 10px;
}
.ke i{
    margin-right: 10px;
    color: #dc3545;
}
.ke .card{
   transition:0.2s; 
}
.ke .card p{
    line-height: 1.4rem;
    margin-top: 0;
    margin-bottom: 0;
}
.ke .card:hover{
    box-shadow:2px 2px 5px rgba(0,0,0,0.2);
    border:1px solid #FFFFFF;
    margin-top: -3px;
}
.ke .card:hover .card-header{
    color: #fff;
    display: block;
    background-color: #5371fd;
}
.nav-pills .nav-ke {
    color: #313131;
}
.nav-pills .nav-ke.active,
.nav-pills .show > .nav-ke {
    color: #fff;
    background-color: #5371fd;
    font-weight: bolder;
}
.nav-pills .nav-lx {
    color: #535353;
    font-size: 24px;
    background:#e6e6e6;
}
.nav-pills .nav-lx.active,
.nav-pills .show > .nav-lx {
    color: #fff;
    background-color: #5371fd;
    font-weight: bolder;
}

.youshi{
    list-style-type: none;
}
.youshi li{
    padding-left: 30px;
    background: url("../images/de-12.png") no-repeat 0 10px;
}
.fuwu{
    list-style-type: none;
}
.fuwu li{
    padding-right: 30px;
    background: url("../images/de-13.png") no-repeat right 10px;
}
.shi01{
    background: url("../images/de-14.png") no-repeat top left;
    background-size:contain;
}
.shi02{
    background: url("../images/de-15.png") no-repeat top left;
    background-size:contain;
}
.shi03{
    background: url("../images/de-16.png") no-repeat top left;
    background-size:contain;
}
.shi01 span,.shi02 span,.shi03 span{
    text-transform: uppercase;
}
.shi01 p,.shi02 p,.shi03 p{
    height:220px;
}
.kf-l{
    position:fixed;
    left:0;
    top:50%;
    margin-top: -263px;
    overflow: hidden;
    z-index: 99999;
}

.btn-ehuang {
  color: #fff;
  background-color: #f8b551;
  border-color: #f8b551;
}
.btn-ehuang:hover {
  color: #fff;
  background-color: #eba53c;
  border-color: #da9630;
}
.btn-ehuang:focus, .btn-fei.focus {
  color: #fff;
  background-color: #eba53c;
  border-color: #da9630;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-fei {
  color: #fff;
  background-color: #f25a57;
  border-color: #f25a57;
}
.btn-fei:hover {
  color: #fff;
  background-color: #ec4c49;
  border-color: #da3e3b;
}
.btn-fei:focus, .btn-fei.focus {
  color: #fff;
  background-color: #ec4c49;
  border-color: #da3e3b;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.lx .card{
   transition:0.2s; 
   color: #595959;
}
.lx .card  .jiantou{
    opacity: 0;
    margin-top:35px;
}
.lx .card:hover{
    background: #5875fd;
    color: #fff;
    border:1px solid #5875fd;
}
.lx .card:hover .jiantou{
    opacity: 100; 
}
.jiaoshi{
    font-size: 24px;
    width: 300px;
    display: inline-block;
    padding: 5px 0;
}
.jiaoshi small{
    margin-left: 15px;
}