/*
* 我们的自定义样式
* @Author: lds
* @Date:   2017-10-24 08:42:03
* @Last Modified by:   lds
* @Last Modified time: 2018-02-27 21:57:52
*/

body{
	font-family: "Microsoft Yahei,sans-serif";
  color: #555;
}

.part{
  height: 100px;
  position: relative;
  text-align: center;
}

.part h2{
  height: 80px;
  line-height: 80px;
  font-size: 2em;
  border-bottom: 4px double #9d9d9d;
}

.glyphicon{
  font-size: 30px;
}

.media-heading{
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  margin-bottom: 10px;
}

@font-face{
	font-family: 'ydkf';
	src: url('../font/MiFie-Web-Font.eot') format('embedded-opentype'),
	url('../font/MiFie-Web-Font.svg') format('svg'),
	url('../font/MiFie-Web-Font.ttf') format('truetype'),
	url('../font/MiFie-Web-Font.woff') format('woff');
}

[class ^= "icon-"],[class *= " icon-"]{
	font-family: 'ydkf';
	font-style: normal;
}

.icon-mobilephone::before{
	content: "\e908";
	font-size: 13px;
}
  
.icon-telephone::before{
	content: "\e909";
	font-size: 15px;
}

.icon-logo::before{
	content: "电子商务技术专业";
}

.icon-icon::before{
	
}

#header ul{
 /*  padding-left: 100px; */
}

#header > .topbar{
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #c0c0c0;
}
#header > .topbar > .container > .row .glyphicon{
  font-size: 10px;
}

#header > .topbar > .container > .row > div{
	height: 40px;
	font-size: 12px;
	color: #888;
}

#header > .topbar > .container > .row > div + div{
	border-left: 1px solid #c0c0c0;
}

#header .mobile-link{
	font-size: 12px;
	color: #888;
}

#header .mobile-link > img{
	display: none;
	position: absolute;
	left: 50%;
	margin-left: -60px;
	top: 28px;
  z-index: 1001;
}

#header .mobile-link > img{
	display: none;
}

#header .mobile-link:hover{
	text-decoration: none;
}

#header .mobile-link:hover > img{
	display: block;
}

#header .icon-icon{
display: inline-block;
line-height: 60px;
width: 60px;
height: 60px;
vertical-align: middle;
background-image: url(../img/icon.png);
}

#header .icon-logo{
padding-left: 10px;

font-size: 1.4em;
	
color: #333;
	
line-height: 50px;
	
vertical-align: middle;
}

#header > .topbar > .container > .row > div{
	/* background-color: #f40; */
	height: 40px;
}

#header > .topbar > .container > .row > div:nth-of-type(2n){
	/* background-color: #f00; */
}


#main_ad{

}

#main_ad > .carousel-inner > .item{
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

@media(min-width: 768px){
  #main_ad > .carousel-inner > .item{
    height: 410px;
  }
}

#main_ad > .carousel-inner > .item > img{
  width: 100%;
}

#tese{
  padding-bottom: 50px;
  background-color: #f5f5f5;
}

.text{
  padding: 10px 30px;
  text-indent: 2em;
}

.text>h4{
  line-height: 28px;
}

.icon-uniE907:before{
  content: "\e907";
}

#tese i{
  font-size: 34px;
}

#tese a:hover{
  text-decoration: none;
  color: #e92322;
}
#tese > .container > .row >div{
  margin-top: 20px;
  margin-bottom: 20px;
}

#kecheng{
  background-color: #fff;
}

#kecheng img{
  margin-top: 20px;
  margin-bottom: 50px;
}

#hexinkecheng .description{
  height: 100px;
}


#teacher{
  background-color: #f5f5f5;
}

#teacher-intro{
  background-color: #ffffff;
  padding-top: 40px;
}


#teacher-intro > .container > .ul-wapper > .nav-tabs{
  padding-left: 20px;
}

#teacher-intro > .container > .ul-wapper > .nav-tabs > li{
  
}

#teacher-intro > .container > .ul-wapper > .nav-tabs > li > a{
  font-size: 16px;
  color: #333;
}

#teacher-intro > .container > .ul-wapper > .nav-tabs > li > a:hover{
  text-decoration: none;
  border-color: transparent;
  background-color: transparent;
  color: #111;
}

#teacher-intro > .container > .ul-wapper > li.active{
  
}

#teacher-intro > .container > .ul-wapper > li.active > a{
  background-color: transparent;
  border: 0;
  border-bottom: 4px solid #e92322;

}

#teacher-intro > .container > .tab-content{
  padding: 20px 0;
}

#teacher-intro > .container > .tab-content p{
 margin-bottom: 0;
}

#teacher-intro > .container > .tab-content  h4{
 margin-left: 20px;
}

#student .panel{
  padding-left: 0px;
  padding-right: 0px;
}

#course{
  margin-top: 30px;
}

#news{
  padding: 50px 0;
  border-bottom: 1px solid #c0c0c0;
}


#news .nav-pills > li > a{
  width: 60px;
  text-align: center;
  border-radius: 60px;
  background-color: #f0f0f0;
  margin: 10px 0;
}

#news .nav-pills > li > a:hover{
  background-color: #e92322;
}
#news .nav-pills > li.active > a,
#news .nav-pills > li.active > a:hover,
#news .nav-pills > li.active > a:focus{
    background-color: #E92322;
}

#news .news-title {
  padding: 15px 0;
  border-bottom: 1px dashed #c0c0c0;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  position: relative;
  margin-right: 10px;
}

#news .news-title::after{
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  border: 1px solid #c0c0c0;
  position: absolute;
  bottom: -5px;
  right: -10px;
}

#news .tab-content .tab-pane>ul>li{
 height: 35px;
}

.icon-news01:before{
  content: "\e90e";
  font-size: 28px;
  color: #EAEAEA;
}

.icon-news02:before{
  content: "\e90f";
  font-size: 28px;
  color: #EAEAEA;
}

.icon-news03:before{
  content: "\e910";
  font-size: 28px;
  color: #EAEAEA;
}

.icon-news04:before{
  content: "\e911";
  font-size: 28px;
  color: #EAEAEA;
}

@media (max-width: 768px){
  #news .nav-stacked > li{
    float: left;
    margin-right: 50px;
  }
}

#hzhb{
  padding: 30px 0;
}

#hzhb ul{
  padding: 0;
  margin: 0 auto;
  list-style: none;
  width: 818px;
  position: relative;
  overflow: hidden;
}

#hzhb ul li{
  float: left;
  
}

#hzhb ul li+li{
  border-left: 1px dashed #e0e0e0;
}

#hzhb ul li a{
  padding: 10px 20px;
  font-size: 50px;
  color: #888;
}


#hzhb ul li a:hover{
  text-decoration: none;
}

.icon-uniE930:hover{
  color: #df3232;
}

.icon-uniE930:before{
  content:"\e946";
}

.icon-uniE92F:hover{
  color: #e8380d;
}

.icon-uniE92F:before{
  content:"\e92f";
}

.icon-uniE92E:hover{
  color: #ed6f00;
}

.icon-uniE92E:before{
  content:"\e92e";
}

.icon-uniE92A:hover{
  color: #159f69;
}

.icon-uniE92A:before{
  content:"\e92a";
}

.icon-uniE929:hover{
  color: #07569e;
}

.icon-uniE929:before{
  content:"\e929";
}

.icon-uniE931:hover{
  color: #004098;
}

.icon-uniE931:before{
  content:"\e931";
}

.icon-uniE92C:hover{
  color: #d32019;
}

.icon-uniE92C:before{
  content:"\e92c";
}

.icon-uniE92B:hover{
  color: #3eac4a;
}

.icon-uniE92B:before{
  content:"\e92b";
}

.icon-uniE92D:hover{
  color: #2bb289;
}

.icon-uniE92D:before{
  content:"\e92d";
}

footer {
    width: 100%;
    height: 120px;
    font-size: 12px;
    color: #888;
    background: #F0f0f0;
    padding-top: 20px;
    margin-top: 50px;
}

footer ul{
  padding-top: 10px;
}

footer li{
  line-height: 20px;
}

footer p{
  line-height: 0px;
}

.btn-ydkf { 
  color: #ffffff; 
  background-color: #E92322; 
  border-color: #DB3B43; 
} 
 
.btn-ydkf:hover, 
.btn-ydkf:focus, 
.btn-ydkf:active, 
.btn-ydkf.active, 
.open .dropdown-toggle.btn-ydkf { 
  color: #ffffff; 
  background-color: #E92322; 
  border-color: #DB3B43; 
} 
 
.btn-ydkf:active, 
.btn-ydkf.active, 
.open .dropdown-toggle.btn-ydkf { 
  background-image: none; 
} 
 
.btn-ydkf.disabled, 
.btn-ydkf[disabled], 
fieldset[disabled] .btn-ydkf, 
.btn-ydkf.disabled:hover, 
.btn-ydkf[disabled]:hover, 
fieldset[disabled] .btn-ydkf:hover, 
.btn-ydkf.disabled:focus, 
.btn-ydkf[disabled]:focus, 
fieldset[disabled] .btn-ydkf:focus, 
.btn-ydkf.disabled:active, 
.btn-ydkf[disabled]:active, 
fieldset[disabled] .btn-ydkf:active, 
.btn-ydkf.disabled.active, 
.btn-ydkf[disabled].active, 
fieldset[disabled] .btn-ydkf.active { 
  background-color: #E92322; 
  border-color: #DB3B43; 
} 
 
.btn-ydkf .badge { 
  color: #E92322; 
  background-color: #ffffff; 
}

.navbar-ydkf {
  background-color: #f0f0f0;
  border-bottom: 1px solid #c0c0c0;
/*   border-color: #F5F5F5; */
  margin-bottom: 0;
  top: 0;
  width: 100%;
}
.navbar-ydkf .navbar-brand {
  color: #777;
  height: 80px;
  padding: 10px 15px;
}
.navbar-ydkf .navbar-brand:hover,
.navbar-ydkf .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-ydkf .navbar-text {
  color: #777;
}
.navbar-ydkf .navbar-nav > li > a {
  color: #777;
  line-height: 48px;
  font-size: 14px;
}
.navbar-ydkf .navbar-nav > li > a:hover,
.navbar-ydkf .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
  background-color: transparent;
  border-bottom: 2px solid #e92322;
}
.navbar-ydkf .navbar-nav > .active > a,
.navbar-ydkf .navbar-nav > .active > a:hover,
.navbar-ydkf .navbar-nav > .active > a:focus {
  color: #555;
  background-color: transparent;
  border-bottom: 2px solid #e92322;
}
.navbar-ydkf .navbar-nav > .disabled > a,
.navbar-ydkf .navbar-nav > .disabled > a:hover,
.navbar-ydkf .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-ydkf .navbar-toggle {
  border-color: #ddd;
  margin-top: 23px;
  margin-bottom: 23px;
}
.navbar-ydkf .navbar-toggle:hover,
.navbar-ydkf .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-ydkf .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-ydkf .navbar-collapse,
.navbar-ydkf .navbar-form {
  border-color: #e7e7e7;
}
.navbar-ydkf .navbar-nav > .open > a,
.navbar-ydkf .navbar-nav > .open > a:hover,
.navbar-ydkf .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
@media (max-width: 767px) {
  .navbar-ydkf .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-ydkf .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-ydkf .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-ydkf .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-ydkf .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-ydkf .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-ydkf .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-ydkf .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-ydkf .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-ydkf .navbar-link {
  color: #777;
}
.navbar-ydkf .navbar-link:hover {
  color: #333;
}
.navbar-ydkf .btn-link {
  color: #777;
}
.navbar-ydkf .btn-link:hover,
.navbar-ydkf .btn-link:focus {
  color: #333;
}
.navbar-ydkf .btn-link[disabled]:hover,
fieldset[disabled] .navbar-ydkf .btn-link:hover,
.navbar-ydkf .btn-link[disabled]:focus,
fieldset[disabled] .navbar-ydkf .btn-link:focus {
  color: #ccc;
}


.panel-czbk {
  border-color: #ddd;
  border-radius: 0;
  box-shadow: 1px 1px 5px #ccc inset;
}

.panel-czbk.active{
  background-color: #337ab7;
  color: #fff;
}


.panel-czbk .panel-heading >p{
  color: #666;
}

.panel-czbk.active .panel-heading >p{
  color: #fff;
}

.panel-czbk .panel-heading >p{
  margin: 12px 0;
}
.panel-czbk .panel-heading strong{
  font-size: 50px;
  text-align: center;
}


sub{
  bottom: -.25em;
}

.panel-czbk.disabled{
  background-color: #e0e0e0;
}

.panel-czbk > .panel-heading {
  color: #333;
  float: right;
  width: 120px;
  padding: 0;
  height: 150px;
  border-left: 1px dashed #c0c0c0;
  text-align: center;
  position: relative;
}

.panel-czbk > .panel-heading::before,.panel-czbk > .panel-heading::after{
  content: '';
  width: 16px;
  height: 16px;
  border-radius: 8px;
  background-color: #ffffff;
  position: absolute;
}

.panel-czbk > .panel-heading::before{
  top: -8px;
  left: -8px;
}

.panel-czbk > .panel-heading::after{
  bottom:-8px;
  left: -8px;
  box-shadow: 0 2px 1px #ccc inset;
}

.panel-czbk > .panel-body {
  margin-right: 120px;
  height: 150px;
  color: #666;
}

.panel-czbk.active > .panel-body {
  color: #fff;
}

.panel-czbk > .panel-heading > .tooltips {
  position: absolute;
  width: 100%;
  text-align: center;
  top: -10px;
}

.panel-czbk > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}

.panel-czbk > .panel-heading .badge {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-width: 1px;
  border-style: solid;
  border-radius: 0;
  background-color: transparent;
  padding: 3px;
}

.panel-czbk > .panel-heading .badge-one {
  color: #e92322;
  border-color: #e92322;
}

.panel-czbk > .panel-heading .badge-two {
  color: #399;
  border-color: #399;
}