/* CSS Document */
*{margin:0; padding:0;}
a{text-decoration:none;}
ul li{list-style:none;}
img{outline:none; border:none;}
input,select{outline:none;}
area{outline:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
b,i,em{font-style:normal;}
body{font-family:Microsoft YaHei; font-size:12px; }
.clear{clear: both;}
.clearbox:after{content: ''; clear: both; display: block; visibility: hidden; height: 0;}


.head{ width: 100%; height: 68px; background: url(../images/head_bj.png) repeat-x; position: fixed; top: 0; z-index: 100;}
.head_k{ width: 1200px; height: 68px; margin: 0 auto; overflow: hidden;}
.logo img{ width: 88px; height: 36px; float: left; margin-top: 15px;}
.menu{ float: right;}
.menu a{ width: 100px; line-height: 68px; color: #fff; font-size: 16px; padding: 0 0 0 40px;}
.banner{ width: 100%; height: 702px; margin: 0 auto;}
.banner_ly{ width:100%; text-align:center; overflow:hidden; }
.banner_ly a{ display: inline-block; width:190px; height: 50px; border-radius:32px; color:#2816c6; background: #ffe400; line-height:50px; font-weight:bold; font-size:22px; margin: 0 10px; cursor: pointer;}
.time{ width: 1200px; height: 260px; background: url(../images/case_02.png) no-repeat; margin: 0 auto; position: relative; top: 580px;} 
.time a{ width: 150px; height: 150px; float: right; margin: 68px 144px 0 0; cursor: pointer;}
.tit{ width: 100%; text-align: center; font-size: 44px; color: #333; padding-top: 46px;}
.tit h4{ font-weight: bold;}
.tit span{ color: #2323cd;}
.tit2{ width: 100%; text-align: center; font-size: 44px; color: #fff; padding-top: 46px;}
.tit2 h4{ font-weight: bold;}

.center{ width: 1200px; margin: 0 auto; overflow: hidden;}
.course{ height: 350px; padding-top: 40px;}
.course li{ width: 400px; float: left;}
.course h2{ width: 250px; line-height: 64px; font-size: 30px; color: #fff; text-align: center; font-weight: bold;}
.course h2 span{ color: #ffe400;}
.course p{ font-size: 18px; color: #666; line-height: 36px; padding-left: 50px;}

.campus{ width: 410px; height: 672px; float: right; margin: 84px 34px 0 0; font-weight: bold; font-size: 24px; line-height: 62px; color: #333;}
.campus span{ color: #fff;}

/*学员案例-------------------------------*/

#wrapper{
	width:1200px;
	margin:40px auto;
	height:900px;
	position:relative;
	color:#fff;
	text-shadow:rgba(0,0,0,0.1) 2px 2px 0px;	
}

#slider-wrap{
	width:1200px;
	height:900px;
	position:relative;
	overflow:hidden;
}

#slider-wrap ul#slider{
	width:100%;
	height:100%;
	
	position:absolute;
	top:0;
	left:0;		
}

#slider-wrap ul#slider li{
	float:left;
	position:relative;
	width:1200px;
	height:900px;	
}

#slider-wrap ul#slider li > div{
	position:absolute;
	top:20px;
	left:35px;	
}

#slider-wrap ul#slider li > div h3{
	font-size:36px;
	text-transform:uppercase;	
}

#slider-wrap ul#slider li > div span{
	font-family: Neucha, Arial, sans serif;
	font-size:21px;
}

#slider-wrap ul#slider li i{
	text-align:center;
	
	display:block;
	width:100%;	
}


/*btns*/
.btns{
	position:absolute;
	width:50px;
	height:60px;
	top:50%;
	font-size: 18px;
	font-weight: bold;
	margin-top:-25px;
	line-height:57px;
	text-align:center;
	cursor:pointer;	
	background:rgba(0,0,0,0.8);
	z-index:100;
	
	
	-webkit-user-select: none;  
	-moz-user-select: none; 
	-khtml-user-select: none; 
	-ms-user-select: none;
	
	-webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
	transition: all 0.1s ease;
}

.btns:hover{
	background:rgba(0,0,0,0.3);	
}

#next1{right:-50px; border-radius:7px 0px 0px 7px;}
#previous{left:-50px; border-radius:0px 7px 7px 7px;}
#counter{
	top: 30px; 
	right:35px; 
	width:auto;
	position:absolute;
}

#slider-wrap.active #next1{right:0px;}
#slider-wrap.active #previous{left:0px;}


/*bar*/
#pagination-wrap{
	min-width:20px;
	margin-top:350px;
	margin-left: auto; 
	margin-right: auto;
	height:15px;
	position:relative;
	text-align:center;
}

#pagination-wrap ul {
	width:100%;
}

#pagination-wrap ul li{
	margin: 0 4px;
	display: inline-block;
	width:5px;
	height:5px;
	border-radius:50%;
	background:#fff;
	opacity:0.5;
	position:relative;
  top:0;
  
  
}

#pagination-wrap ul li.active{
  width:12px;
  height:12px;
  top:3px;
	opacity:1;
	box-shadow:rgba(0,0,0,0.1) 1px 1px 0px;	
}




/*Header*/
h1, h2{text-shadow:none; text-align:center;}
h1{	color: #666; text-transform:uppercase;	font-size:36px;}
h2{ color: #7f8c8d; font-family: Neucha, Arial, sans serif; font-size:18px; margin-bottom:30px;} 




/*ANIMATION*/
#slider-wrap ul, #pagination-wrap ul li{
	-webkit-transition: all 0.3s cubic-bezier(1,.01,.32,1);
	-moz-transition: all 0.3s cubic-bezier(1,.01,.32,1);
	-o-transition: all 0.3s cubic-bezier(1,.01,.32,1);
	-ms-transition: all 0.3s cubic-bezier(1,.01,.32,1);
	transition: all 0.3s cubic-bezier(1,.01,.32,1);	
}






.focus{width:100%;height:528px;overflow:hidden;position:relative;}
.focus ul{height:360px;position:absolute; overflow:hidden;}
.focus ul li{float:left;width:1150px;height:360px;overflow:hidden;position:relative;}
.focus ul li dl{ width:100%; overflow:hidden;}
.focus ul li dl dt{ float:right; width:588px; padding-top:8px; overflow:hidden;}
.focus ul li dl dt img{ display:block;}
.focus ul li dl dd{ float:left; width:562px; overflow:hidden;}
.focus ul li dl dd h5{ line-height:50px; font-size:40px; font-weight:bold; color:#FFF; height:126px;}
.focus ul li dl dd h6{ height:61px; line-height:60px; color:#FFF; font-weight:bold; font-size:24px;}
.focus ul li dl dd h6 img{ display:inline-block; vertical-align:middle; margin-right:8px;}
.focus ul li dl dd p{ color:#FFF; font-size:16px; line-height:30px; width:500px; padding-top:14px;}


.focus .btn{position:absolute;width:100%;height:110px; text-align:center; right:0;bottom:60px;}
.focus .btn span{float:left; _display:inline;_zoom:1;width:220px;height:108px;_font-size:0;margin-right:10px;cursor:pointer; border:1px solid #FFF;}
.focus .btn span.on{border:1px solid #4169ff;}
.focus .preNext{-webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;width:20px; outline:none; height:20px;position:absolute;bottom:233px; cursor:pointer; color:#FFF; line-height:20px; text-align:center; font-size:20px;}
.focus .pre{left:465px;}
.focus .next{left:488px;background-position:right top;}
.num{ width:447px; text-align:center; position:absolute; bottom:230px; z-index:12; left:0px; }
.num div{ float:left; width:66px; height:24px; line-height:24px; font-size:16px; color:#FFF; font-size:20px;}
.num span,#num font{ display:inline-block; height:24px; line-height:24px; font-size:16px; color:#FFF; font-size:20px; }
.num  p{ float:right; width:370px; height:1px; background:#FFF; margin-top:12px;}




.focus3{ width:1200px; margin:0 auto; overflow:hidden; height:607px; }
.focus3 ul{ height:582px;}
.focus3 ul li{ width:1200px; height:582px; overflow:hidden;}
.focus3 ul li .ms_content{ width:100%; height:462px; overflow:hidden;}
.focus3 ul li .ms_content .ever{ display:none;}
.focus3 ul li .ms_content .active{ display:block;


  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;

}
.focus3 ul li .ms_content div dl{ width:100%; overflow:hidden;  background:url(../images/ms_bg.png) center top no-repeat;}
.focus3 ul li .ms_content div dl dd{ float:left; width:680px; padding:120px 0 0 50px; height:322px;}
.focus3 ul li .ms_content div dl dd h6{ width:625px; height:90px; border-bottom:1px solid #eeeeee; margin-top: 20px; font-weight:normal; line-height:90px; text-align:left; color:#333b47; font-size:30px; }
.focus3 ul li .ms_content div dl dd h6 i{ font-size:48px; margin-right:24px; font-weight:bold;}
.focus3 ul li .ms_content div dl dd h6 b{ display:inline-block; width:39px; height:39px; line-height:40px; text-align:center; border-radius:6px; color:#FFF; background:#1a2ec1; margin-right:12px;}
.focus3 ul li .ms_content div dl dd p{ width:100%; overflow:hidden;}
.focus3 ul li .ms_content div dl dd p span{ float:left; width:98px; height:30px; line-height:30px; text-align:center; color:#0d37ac; font-size:18px; border:2px solid #0d37ac; border-radius:6px; font-weight:bold; margin-top: 10px;}
.focus3 ul li .ms_content div dl dd p font{ float:right; width:680px; line-height:28px; color:#333b47; font-size:16px;}
.focus3 ul li .ms_content div dl dt{ float:right; width:423px; overflow:hidden; text-align:center;}
.focus3 ul li .ms_content div dl dt img{ display:inline-block; vertical-align:bottom;}
.focus3 ul li .ms{ width:100%; box-shadow:#d7d7df 0 0 10px; height:120px; background:#FFF;}
.focus3 ul li .ms span{ -webkit-transition:all 0.4s linear; float:left; width:300px; height:120px;  box-shadow:#d7d7df 0 0 10px; position:relative;}
.focus3 ul li .ms span:before{ position:absolute; content:''; width:100%; height:4px; background:#ff783c; left:0px; bottom:-4px;}
.focus3 ul li .ms span.se:before{ position:absolute; content:''; width:100%; height:4px; background:#fff100; left:0px; bottom:0px;}
.focus3 .btn{ width:210px; height:5px; left:0px; bottom:4px;}
.focus3 .btn span{ -webkit-transition:all 0.4s linear; float:left; width:60px; height:5px; background:#FFF; border:0px;}
.focus3 .btn span.on{ background:#fff100; border:0px;}
.focus3 .num{ width:924px; height:1px; left:209px; bottom:6px;}
.focus3 .num div{ display:none;}
.focus3 .num p{ width:924px; height:1px; background:#FFF;  margin:0px;}
.focus3 .preNext { width:20px; height:20px; color:#FFF; bottom:0px;  font-size:20px; line-height:20px;}
.focus3 .pre{ left:auto; right:38px;}
.focus3 .next{ left:auto; right:0px;}

.focus4{ width:1200px; height:650px; margin:0 auto;}
.focus4 ul{ height:609px;}
.focus4 ul li{ height:609px; width:1200px;}

.focus4 .btn{ width:210px; height:5px; left:0px; bottom:4px;}
.focus4 .btn span{ -webkit-transition:all 0.4s linear; float:left; width:60px; height:5px; background:#FFF; border:0px;}
.focus4 .btn span.on{ background:#fff100; border:0px;}
.focus4 .num{ width:988px; height:1px; left:143px; bottom:6px;}
.focus4 .num div{ display:none;}
.focus4 .num p{ width:988px; height:1px; background:#FFF;  margin:0px;}
.focus4 .preNext { width:20px; height:20px; color:#FFF; bottom:0px; font-size:20px; line-height:20px;}
.focus4 .pre{ left:auto; right:38px;}
.focus4 .next{ left:auto; right:0px;}


.same_tit3 h2{ color:#fff100;}
.same_tit3 h2 i{ color:#FFF;}


.zx_btn{ width:100%; text-align:center; overflow:hidden;}
.zx_btn a{ display:inline-block; width:240px; height:64px; margin-bottom:10px; background:url(../images/zx_bg.png) no-repeat; box-shadow:#f85932 0px 3px 5px; border-radius:32px; color:#fff; line-height:60px; text-indent:54px; text-align:left; font-weight:bold; font-size:24px; margin-left:54px; cursor: pointer;}
.zx_btn a.phone{ background:url(../images/phone.png) no-repeat; width:288px; height:64px; text-indent:30px; cursor: pointer;}