*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin: 0;padding: 0;	border: 0;}
img {margin: 0;padding: 0;	border: 0;max-width: 100%;}
/*li {list-style: none;}*/
em,i{font-style: normal;}
/*全局样式*/
html,body {width: 100%;	margin: 0 auto;}
/*= 清除浮动=*/
.clear {clear: both;height: 0px;line-height: 0px;font-size: 0px;overflow: hidden;display: block;}
.clearfix:after {content: "";display: block;height: 0px;clear: both;visibility: hidden;font-size: 0px;}
:focus{outline:0}
a, button, input[type="button"], input[type="submit"], input[type="reset"]{cursor:pointer}
/* Hides from IE-mac \*/
* html .clearfix {height: 0%;}
/* End hide from IE-mac */
* + html .clearfix {min-height: 0%;}
/* 针对IE7 */
* + html .clearfix {min-height: 0%;}
.w100 {width: 100%;}
/*原文件配置*/
body {color: #333;background: #ffffff;font: 14px/28px 'Microsoft YaHei', arial, sans-serif;min-width: 320px;}
a {color: #000;}

/*块级转化*/
.di_in {display: inline-block;}
.di_bl {display: block;}
/*原文件配置  end*/

/*相对定位*/
.p_r {position: relative;}
.llbb img{MAX-WIDTH:100%;HEIGHT:auto;width:expression(this.scrollWidth > 620 ? "620px" : (this.scrollWidth < 30? "30px" : "auto"))!important;}
.llbb table{width: 100%;max-width: 100%;!important;}

@media (min-width: 1200px) {
	/*min-width 1200 */
	.container{width: 1138px;padding: 0;}
}


/*全局样式 start*/
.header{position: fixed;width: 100%;height: 56px;z-index: 999;left: 0;top: 0;display: flex;}
.header h1{margin: 0;height: 56px;font-size: 18px;font-weight: bold;display: flex;justify-content: center;align-items: center;margin-left: 30px;}
.header h1 a{color: #FFF;}
.header .nav-btn{display: none;}
.header .language{margin-right: 25px;}
.header .language a{color: #c1c1c1;line-height: 56px;margin-left: 20px;}
.nav{flex: 1;margin-left: 20px;}
.nav em{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #c1c1c1;vertical-align: middle;margin-left: 10px;}
.nav h3{ font-weight:normal; font-size: 16px;margin: 0;padding: 0 15px;line-height: 56px;}
.nav h3 a{color: #c1c1c1;}
.nav .sub{display:none; position:absolute; right:0px; top:56px;background:#f6f7fa;z-index: 999;}
.nav .sub a{display:block; text-align:center;border-bottom:1px solid #ffffff;text-decoration:none; padding:5px; }
 


.bgDiv{width: 100%;height: 100%;background-color: #000;opacity: .5;position:fixed; display: none;z-index: 99; bottom: 0;}
.banner{margin-top: 56px;}
.banner .swiper-pagination-bullet{border: 2px #FFF solid;background: none;opacity: 1;width: 10px;height: 10px;}
.banner .swiper-pagination-bullet-active{background: #FFF;}
.data-time{position: absolute;z-index: 99;right: 0;top: 50%;background: rgba(255,255,255,0.3);padding: 10px 20px 10px 10px;margin-top: -80px;}
.data-time p{font-size: 26px;margin: 0;line-height: 1;}
.data-time .clock{font-size: 30px;font-weight: bold;line-height: 1;margin-top: 20px;}
.info-bg {width: 100%;padding: 35px 0;display: table;}
.info-bg .info{display: flex;height: 130px;}
.info-bg .info a{flex: 1;display: flex;justify-content: center;align-items: center;font-size: 18px;color: #FFF;}
.info-bg .info a img{margin-right: 20px;}
.info-bg h2{font-size: 32px;margin: 40px 0 15px 0;}
.info-bg .text-box{background: #FFF;padding: 30px 40px;border: 1px #e4ecf3 solid;text-justify:auto; text-align:justify;}
.info-bg .text-box p{/*text-indent: 28px;*/}
.data-content{width: 100%;height: 468px;background: url(../images/bg.jpg)no-repeat center;overflow: hidden;}
.data-content h2{color: #FFF;font-size: 32px;margin: 40px 0 15px 0;}
.data-content .time-content{display: flex;margin-top: 30px;}
.data-content .time-content .items{flex: 1;}
.data-content .time-content .items h3{color: #dfd9e3;font-size: 22px;}
.data-content .time-content .items h3:after{content: '';position: absolute;left: 50%;bottom: -25px;height: 4px;width: 60px;background: #dfd9e3;margin-left: -30px;}


.home-news{background: #f6f7fa;width: 100%;padding: 35px 0;display: table;}
.home-news h2,.recommend-teacher h2{font-size: 32px;margin: 30px 0 15px 0;}
.home-news li{background: #FFF;height: 100px;overflow: hidden;width: 48%;margin-right: 4%;display: flex;margin-top: 10px;margin-bottom: 10px;overflow: hidden;}
.home-news li:nth-child(even){margin-right: 0;}
.home-news li .data{width: 100px;display: flex;justify-content: center;align-items: center;flex-flow: column;border-right: 1px #f7f7f8 solid;}
.home-news li .data span{font-size: 34px;}
.home-news li .data p{margin-bottom: 0;}
.home-news li .text{flex: 1;display: flex;justify-content: center;flex-flow: column;padding: 0 15px;}
.home-news li .text h4{font-size: 18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.home-news li .text p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #666;}

.recommend-teacher{}
.teacher-item{position:relative;margin-bottom:20px;text-align:center;z-index:1;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:1px solid #e4ecf3}


.teacher-item .teacher-top{position:relative;z-index:1;border-top-left-radius:4px;border-top-right-radius:4px;background-color:#f5f8fa;padding:20px 10px}
.teacher-item .avatar-lg{border:4px solid #fff;width: 120px;height: 120px;}
.teacher-item h3{height:20px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;font-size: 18px;}
.teacher-item h3 a{color: #616161;}
.teacher-item .position{color:#c1c1c1;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}
.teacher-item .teacher-bottom{position:relative;height:90px}
.teacher-item .about,.teacher-item .metas{position:absolute;right:20px;bottom:20px;left:20px;z-index:1;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.teacher-item .about{top:20px;line-height:25px;overflow:hidden;color:#919191;opacity:1;filter:alpha(opacity=100)}
.teacher-item:hover .about{text-decoration: underline ;}
.teacher-item .metas{top:30px;bottom:30px;opacity:0;filter:alpha(opacity=0)}
.teacher-item .metas .btn{margin:0 15px}

.jigou{background: #f6f7fa;width: 100%;padding: 35px 0;display: table;}
.jigou h2{font-size: 32px;margin: 20px 0 15px 0;}
.jigou p{font-size: 18px;}

.foot-info{padding: 30px 0;}
.foot-info .container{display: flex;}
.foot-info .info{flex: 1;color: #FFF;}
.foot-info .info h4{color: #FFF;}
.foot-info .erwma img{width: 140px;}
.foot-info .erwma p{color: #FFF;}
.copyright{color: #c1c1c1;padding: 20px 0;}
/*全局样式 end*/

@media (min-width: 1025px) {
	/*所有hover写在这里面 兼容sofari的移动端不支持hover*/
	.header .language2{display: none;}
 	.home-news li:hover h4 a,.home-news li:hover p{color: #FFF;}
}

@media (max-width: 1199px) {
	/*修改1200以下、小屏显示器*/
	.header .language{display: none;}
	.header .language2{ float:right;margin-right: 20px;font-size:24px; margin-top:-55px;  }
    .header .language2 a{color: #c1c1c1;line-height: 56px;}
	.nav h3{padding: 0 18px;font-size: 14px;}

	
}
@media (min-width:992px){
	.teacher-item,.teacher-item:hover{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
	.teacher-item:hover{transform:translateY(-6px);-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);box-shadow:0 26px 40px -24px rgba(0,36,100,.3);-webkit-box-shadow:0 26px 40px -24px rgba(0,36,100,.3);-moz-box-shadow:0 26px 40px -24px rgba(0,36,100,.3)}
	.teacher-item .metas .btn{margin:0 10px}
}
@media (max-width: 1023px) {
	/*修改1024以下、平板*/
	.header{display: block;}
	.header h1{width:100%;font-size:18px; margin-left: 0;}
 	.header .nav-btn{display: block;background: url(../images/icon1.png)no-repeat center;width: 35px;height: 56px;position: absolute;left: 15px;top: 0;background-size: 100%;}
	.nav{margin-left: 0;}
	.leftNav{width: 50%;height: 100%;position: fixed;z-index: 999;top: 0;left: -80%;}
	.nav ul{margin-top: 20px}
	.nav li{width: 100%;}
	.nav .sub{position: relative;top: 0;text-align: left;}
	.nav .sub a{padding-left: 30px;}
	.foot-info .col-xs-12{margin-top: 20px;}
	
	.data-time{padding: 20px 40px 20px 15px;margin-top: -70px;}
	.data-time p{font-size: 20px;}
	.data-time .clock{font-size: 38px;margin-top: 15px;}
}

@media (max-width: 767px) {
	/*修改768以下、小屏平板*/
	
	nav h3{ line-height: 40px;!important}
 	.info-bg .info{display: block;padding: 0 20px;height: auto;}
	.info-bg .info a{height: 60px;margin-bottom: 20px;}
	.info-bg .text-box{padding:10px;text-justify:auto; text-align:justify; font-size:12px; width:100% !important}
	.data-content .time-content .items h3{font-size: 16px;}
	.data-content .time-content .items h2{font-size: 18px;}
	.data-content .time-content .items h3:after{width: 40px;margin-left: -20px;}
	.home-news li .text{ width:200px !important}
	.home-news li{width: 100%;margin-right: 0;}
	.teacher-item{margin-left:-5px;margin-right:-5px}
	.teacher-item .teacher-top{padding:10px}
	.teacher-item .avatar-lg{width:80px!important;height:80px!important}
	.teacher-item .title{margin-top:10px}
	.teacher-item .position{font-size:12px}
	.teacher-item .teacher-bottom{height:60px}
	.teacher-item .about,.teacher-item .metas{left:10px;bottom:10px;right:10px}
	.teacher-item .about{top:10px;line-height:20px;font-size:12px}
	.teacher-item .metas{top:20px;bottom:10px}
	.teacher-item .metas .btn{margin:0 5px}
	.data-time{display: none;}
	/*.data-time{padding: 10px 20px 10px 10px;margin-top: -35px;}
	.data-time p{font-size: 14px;}
	.data-time .clock{font-size: 24px;margin-top:5px;}*/
}

@media (max-width: 424px) {
	/*修改425以下、普通的安卓手机屏 */
	.header h1{font-size: 24px;}
	.jigou{padding:0 0 15px 0;}
}

@media (max-width: 374px) {
	/*修改375以下、iPhone5，4，等小屏手机*/
}
.text-effect {
	background:#2c2c54;
	color:#fff;
	font-family:'Monoton',cursive;
 	text-transform:uppercase;
	text-align:center;
	margin:0 auto;
	display:block;
	position:relative;
	opacity:0.95;
    filter:alpha(opacity=95); 
}
.text-effect span {
	animation:animate linear 2000ms infinite;
}
.text-effect span:nth-child(1n) {
	animation-delay:0s;
}
.text-effect span:nth-child(2n) {
	animation-delay:100ms;
}
.text-effect span:nth-child(3n) {
	animation-delay:200ms;
}
.text-effect span:nth-child(4n) {
	animation-delay:300ms;
}
.text-effect span:nth-child(5n) {
	animation-delay:400ms;
}
.text-effect span:nth-child(6n) {
	animation-delay:500ms;
}
.text-effect span:nth-child(7n) {
	animation-delay:600ms;
}
.text-effect span:nth-child(8n) {
	animation-delay:700ms;
}
.text-effect span:nth-child(9n) {
	animation-delay:800ms;
}
.text-effect span:nth-child(10n) {
	animation-delay:900ms;
}
@keyframes animate {
	0% {
	opacity:0.3;
}
100% {
	opacity:1;
	text-shadow:0 0 80px #FFF,0 0 30px orange,0 0 10px #fff;
}