@charset "utf-8";
/* CSS Document */

.h4, .h5, .h6, h4, h5, h6{ margin:0;}
body{ background: #f5f5f5; font-family:"微软雅黑";}
body,a{ color:#333; font-size:14px;line-height: 1.6;}
h4{ line-height:36px;}
*{ margin:0; padding:0;}
a:hover{color:#333; text-decoration:none;}
ul li{ list-style:none;}
.fl{ float:left;}
.fr{ float:right;}
.cblue{ color:#6699cc;}
.pd20{ padding:20px;}
.pt20{ padding-top:20px;}
.pbot10{ padding-bottom:10px;}
.cgray{color:#bdbdbd; padding-bottom:18px;}
.cgray:hover{ color:#41b0a7;}
.cgray2{color:#999999; font-size:12px; }
.cwight{ color:#fff;}
.cred{color:#ff0000;}
.cgrenn{ color:#3a938c;}
.Brown{ color:#ce947d;}
.pdtb1{ padding:1% 0;}
.pl20{ padding-left:20px;}
.pd100{ padding:7% 20px 7% 20px;}
.pd50{padding:2% 20px 2% 20px;}
.mt10{ margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{ margin-top:20px;}
.ml10{ margin-left:10px;}
.ml20{ margin-left:20px;}
.mr20{ margin-right:20px;}
.mbot10{ margin-bottom:10px;}
.tr{ text-align:right;}
.pl5{ padding-left:5px;}
.f20{ font-size:20px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{ font-size:16px;}
.f16 a{font-size:16px;}
.f18{ font-size:18px;}
.fb{ font-weight:bold;}
.boder{ border:1px solid #dedede;}
a:hover{ color:#e66100; text-decoration:none;}


.searchbox{ margin-top:20px;}
.topbg{background:#fff; padding:15px 0;}
/*.bg-gray{ background:#f7f7f7;}*/
.bgray{background:#f0f0ea; padding:15px 0;}
.lineheight40{ line-height:40px;}
.lineheight60{ line-height:60px;}

.blank10{ height:10px; overflow:hidden; clear:both;}
.blank70{height:70px; overflow:hidden; clear:both;}
.col-md-13{ width:20%; float:left;}

.imgbox img{ width:100%;}
.imgbox2{ height:212px;}
.imgbox2 img{ width:100%; height:100%;}
.yzm{ width:120px; height:38px;}
.yzm img{ width:100%; height:100%;}

.boderbot{ border-bottom:1px solid #cdcdcd;}
.bodertop{border-top:1px solid #e2e2e2;}
.boderbot2{ border-bottom:1px dotted #cdcdcd; padding-bottom:8px;}
.col_tittle{ height:44px; line-height:44px; padding:0 15px; border-bottom:1px solid #c9c9c9;}
.col_tittle2{ height:40px; line-height:40px; padding:0 15px; background:#f3f3ee; border:1px solid #e4e4e0;}
.more a{ color:#7d7d7d;}

.mannavbg{/*background:url(../images/navbg.jpg) repeat-x left bottom #af0506;*/ background:#9e0304;}
.bn_bg{background:url(../images/main_bg2.jpg) repeat-x left bottom;}

.logo{ float:left; width:28%; }
.topbn{ float:left; width:64%; }
.ewm{ float:right; width:6.4%;}
.ewm2{ float:left; width:29%; margin:0 6px;}
.logo img, .topbn img, .ewm img{ width:100%;}

.form-control{ height:32px; line-height:32px;}
.thumbnail{ padding-top:16px;}
/*导航*/
.navboder{border-top:1px solid #d1d5da;border-bottom:1px solid #d1d5da;}
/*.nav > li {
    display: block;
    position: relative; padding-left:30px;
}*/
/*.navbar-nav > li > .dropdown-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-top: 0;  margin-left:30px;
}*/
.navbar {
    border:none;
    margin-bottom: 0px;
    position: relative;
}
.navbar li a{ font-size:16px;}
.navbar-default {
  background:none; border:none;
  
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    background-color: #41b0a7;
    color: #fff; 
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background-color: #41b0a7;
    color: #fff;
}
.navbar-default .navbar-nav > li > a {
    color: #333;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #fff;
  background-color:#41b0a7;
}
.index_teaching .blue {
    background: #d8dad9;
}
@media (max-width: 767px) { 
.navbar-default{ background:#fdfdf1;}
 .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #333;
  }
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: #41b0a7;
  }}
.navbar-default .navbar-toggle {
  border-color: #b8b8b8; 
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #b8b8b8;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #b8b8b8;
}  
  .navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color:#b01d1e; /*导航三样式*/
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #b8b8b8;
}

.title{ text-align:center; font-size:26px; color:#4c4c4c; font-weight:100; padding:22px 0 0px 0;}
.engname{ background:url(../images/line_03.png) no-repeat center; margin-bottom:20px;}
.engname2{ background:url(../images/line_02.png) no-repeat center; margin-bottom:20px;}
.more {border: 1px solid #ddd;color: #999; display:block; height: 32px; line-height: 32px; width:60%; margin:0 auto; text-align:center;}
.more:hover{ background:#41b0a7; color:#fff;}
.imgbodor{ border:1px solid #dbdbdb; padding:15px;}
.txtbox a{ color:#55948f;}

.practice span{ display:block; width:120px; height:26ox; line-height:26px; background:#41b0a7; color:#fff; text-align:center;}
.practice li{ margin:15px 0; border-bottom:1px solid #ccc; height:26px; line-height:26px;}


.footerbg{background:#41b0a7;}
.footer{  padding:10px 0 10px 0; line-height:20px; color:#e8e0e0; margin-top:20px;}
.footlink{ height:48px; padding-top:12px;}
.footlink a{ padding:0 10px;}
.bg-red{color:#e93a3b; background:#ffcccc; margin-top:6px;}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #41b0a7;
    border-color: #41b0a7;
    color: #fff;
    cursor: default;
    z-index: 2;
}


/*@media (min-width: 767px) { 
.nav
 > li:hover .dropdown-menu {display: block;}
}
*/
.badge{ background:#b01d1e; font-size:10px;}
.breadcrumb  li {
   padding: 0 5px;
}

.clicked{ background:#fff8de; border-left:4px solid #b01d1e; }
.clicked h4{font-weight:bold;}

.friend a{ color:#666666;}
.friend a:hover{ color:#e66100; text-decoration:underline;}

.sc{ margin:0 0 0 6px; padding:0; width:30px; height:38px; overflow:hidden;}

/*焦点图*/
.div_xixi  {WIDTH:100%; POSITION: relative; HEIGHT: 220px;}
.div_jimg {	MARGIN: 0px; WIDTH:30%; HEIGHT: 175px;}
.div_jimg #a_jimg {DISPLAY: block; WIDTH:100%; HEIGHT: 176px; margin-top:10px;}
.div_jimg #bigimg {BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #eee 1px solid; WIDTH:100%; PADDING-TOP:0px; BORDER-BOTTOM: #eee 1px solid; HEIGHT: 176px;}
.div_jimg .ul_jimg{PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT:0px; RIGHT: 10px; PADDING-BOTTOM: 0px;WIDTH:70%; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: absolute; TOP: 10px; HEIGHT:196px;}
.div_jimg .ul_jimg LI {DISPLAY: inline; FLOAT: left; OVERFLOW: hidden; WIDTH:100%; CURSOR: pointer; WORD-BREAK: break-all;padding-left:25px; PADDING-TOP: 8px; WHITE-SPACE: nowrap; HEIGHT: 30px; TEXT-OVERFLOW: ellipsis;}
.div_jimg .ul_jimg A {POSITION: relative}
.div_jimg .ul_jimg .on{/*background-image:url(../images/bg_j05.png)!important;*/BACKGROUND: none transparent scroll repeat 0% 0%;/* FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_j05.png',sizingMethod='scale'); */COLOR: #333;POSITION: static}



.index_teaching .red {
    background: #8de2db none repeat scroll 0 0;
}
.index_teaching .t_box {
    height:212px;
    width: 100%;
}
.index_teaching .t_text {
    left: 0;
    padding: 50px 40px 0;
    position: absolute; width:100%; text-align:center;
    top: 30px; 
}

.index_teaching .t_text a {
    color: #fff;
}


.index_teaching .t_text p {
    border: 1px solid #fff;
    color: #fff;
    line-height: 22px;
    margin-bottom: 10px;
    max-height: 44px;
    overflow: hidden;
    padding: 10px;
    width: 100%;
}

.col-md-13{ position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; width:20%;float: left;}

@media (max-width: 768px) {
	.col-md-13{ width:50%;}
	.title{ font-size:20px;}
	.title2{font-size:18px;}
	.f20{ font-size:14px;}
	.jumbotron h1 {
		font-size: 28px;
	}
	.jumbotron h4 {
		font-size: 14px;
	}
	.info-content h4 {
		font-size: 14px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	#about h3 {
		font-size: 19px;
	}
	#about p {
		font-size: 14px;
	}
}
/* 小屏幕（平板，大于等于768px） */
@media (min-width: 768px) {
	.col-md-13{ width:33%;}
	.title{ font-size:26px;}
	.title2{font-size:20px;}
	.f20{ font-size:16px;}
	.jumbotron h1 {
		font-size: 30px;
	}
	.jumbotron h4 {
		font-size: 16px;
	}
	.info-content h4 {
		font-size: 16px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	#about h3 {
		font-size: 19px;
	}
	#about p {
		font-size: 14px;
	}
	
}

/* 中等屏幕（桌面显示器，大于等于992px） */
@media (min-width: 992px) {
	.col-md-13{ width:20%;}
	.title{ font-size:18px;}
	.title2{font-size:22px;}
	.f20{ font-size:18px;}
	.jumbotron h1 {
		font-size: 33px;
	}
	.jumbotron h4 {
		font-size: 17px;
	}
	.info-content h4 {
		font-size: 18px;
	}
	#about h3 {
		font-size: 20px;
	}
	#about p {
		font-size: 15px;
	}
}

/* 大屏幕（大桌面显示器，大于等于1200px） */
@media (min-width: 1200px) {
	.col-md-13{ width:20%;}
	.title{ font-size:28px;}
	.title2{font-size:24px;}
	.f20{ font-size:20px;}
	.jumbotron h1 {
		font-size: 36px;
	}
	.jumbotron h4 {
		font-size: 18px;
	}
	.info-content h4 {
		font-size: 20px;
	}
	#about h3 {
		font-size: 22px;
	}
	#about p {
		font-size: 16px;
	}
	
}
@media (min-width: 767px) { 
.nav
 > li:hover .dropdown-menu {display: block;}
}