@charset "utf-8";
/* CSS Document */
body{
	background-color:#1e2432 ;
	font-family:"微软雅黑" ;
	}

/* 幻灯片 */
.one-box{
	width:100% ; 
	height:745px ; 
	background:url("../images/slider-01.jpg") center center no-repeat ;
	color:#fff ;
	}
.one-box p{
	display:block ;
	font-family:"Arial Black", Gadget, sans-serif ;
	text-align:center ;
	}
.font-01{
	font-size:12em ;
	font-family:"Arial Black", Gadget, sans-serif ;
	}
.font-02{
	font-size:2.3em ;
	}
.font-03{
	font-size:18px ;
	width:210px ;
	line-height:50px ;
	border:2px solid #fff ; 
	border-left:none ; 
	border-right:none ; 
	margin: 0 auto ;
	margin-top:50px ;
	}
.font-04{
	font-size:16px ;
	line-height:50px ;
	margin-top:50px ;
}
.font-04 span{
	display:block ;
	width:30px ;
	height:1px ;
	background:#fff ; 
	margin: 0 auto ;
}

/* 文字 effect*/
.jumbotron {
	position: relative;
	text-align: center;
	padding-top:70px ;
	font-family:"Arial Black", Gadget, sans-serif ;
}

.jumbotron h1 {
	color: #fff ;
	font-size:84px;
}

.jumbotron h1 .char11 {
	color: red ;
}

.jumbotron p {
	/*letter-spacing: 0.15em;*/
	color: #fff;
	font-size:24px;
	
}
/**/

.animate-btn-down{
	width:55px ; 
	height:55px ; 
	margin:30px auto ;
	}
.btn-down {
	min-width: 55px;
	max-width: 55px;
	text-align:center ;
	line-height:55px ;
	display: block;
	border: none;
	background: none;
	color: inherit;
	vertical-align: middle;
	position: relative;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	
}
.btn-down a span{
	display:block ;
	width:100% ;
	height:55px ; 
	line-height:55px ;
	text-align:center ;
	font-size:16px ;
	font-family:"宋体" ;
	cursor:pointer ;
	color:#fff ;
	
	transform:rotate(90deg) ;	
	-webkit-transform:rotate(90deg) ;	
	-ms-transform:rotate(90deg) ;	
	-moz-transform:rotate(90deg) ;	
	-o-transform:rotate(90deg) ;	
			
}
.btn-down:focus {
	outline: none;
}
.btn-down > span {
	vertical-align: middle;
}

/* Moema */
.button--moema {
	width:55px ;
	height:55px ;
	line-height:55px ;
	border-radius: 55px;
	background: #22d3b6;
	color: #fff;
	-webkit-transition: background-color 0.3s, color 0.3s;
	transition: background-color 0.3s, color 0.3s;
}
.button--moema.button--inverted {
	background: #ECEFF1;
	color: #37474f;
}
.button--moema::before {
	content: '';
	position: absolute;
	top: -20px;
	left: -20px;
	bottom: -20px;
	right: -20px;
	background: inherit;
	border-radius: 50px;
	z-index: -1;
	opacity: 0.4;
	-webkit-transform: scale3d(0.5, 0.5, 1);
	transform: scale3d(0.5, 0.5, 1);
}
.button--moema:hover {
	-webkit-transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
	transition: background-color 0.1s 0.3s, color 0.1s 0.3s;
	background-color: #fff;
	-webkit-animation: anim-moema-1 0.3s forwards;
	animation: anim-moema-1 0.3s forwards;
}
.button--moema:hover a span{
	color: #22d3b6;
}
.button--moema.button--inverted:hover {
	color: #ECEFF1;
	background-color: #7986cb;
}
.button--moema:hover::before {
	-webkit-animation: anim-moema-2 0.3s 0.3s forwards;
	animation: anim-moema-2 0.3s 0.3s forwards;
}
@-webkit-keyframes anim-moema-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}
	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes anim-moema-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
		transform: scale3d(0.8, 0.8, 1);
	}
	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
		transform: scale3d(1.1, 1.1, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@-webkit-keyframes anim-moema-2 {
	to {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@keyframes anim-moema-2 {
	to {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}


/*阅读之前*/
.two-box{
	width:100% ; 
	height:740px ;
	background:#1e2432 ;
	overflow:hidden ;
	}
/* 右 */
.two-con{
	width:100% ;
	height:350px ;
	background:#22d3b6 ;
	padding:100px 0 0 90px ;
	left:50% ; 
	top:0 ;
	margin-left:-30px ;
	}
.two-con h3{
	font-size:28px ;
}
.txt-line{
	display:block ;
	width:22px ;
	height:3px ;
	margin:20px 0 40px 0 ;
	}
.line-green{
	background:#22d3b6 ;	
	}	
.two-con p{
	width:430px ; 
	line-height:24px ; 
	color:#fff ;
	font-size:14px ; 
	}
/* 左 */
.two-img-warp{
	width:500px ;
	height:345px ;
	left:50% ; 
	top:85px ;
	margin-left:-500px ;
	}
.two-img-con{
	display:block ;
	width:500px ;
	height:345px ;
	}
.two-img-con img{
	width:500px ;
	height:345px ;
	}
/* css箭头 */	
.two-img-con .icnav{
	display:block ;
	width:0 ;
	height:0 ;
	border-color: transparent #fff transparent transparent;
    border-style:solid  dashed dashed dashed;
    border-width:8px ;
	left:97% ;
	top:20px ;
	}
/* 文字 */
.two-bot-txt{
	width:600px ;
	text-align:center ;
	top:550px ;
	left:50% ;
	margin-left:-300px ;
	color:#fff ;
	}
.font-05{
	font-size:28px ;
	font-family:"Arial Black", Gadget, sans-serif ;
	}
.two-bot-txt .txt-line	{
	margin:15px auto ;
	}		
.font-06{
	font-size:14px ;
	color:rgba(255,255,255,0.4)
	}
	
/*课程*/	
.stree-box{
	width:100% ;
	height:545px ;
	background:url("../images/stree-box-bg.jpg") #636980 center center no-repeat ;
	}	
.stree-box .clearfix {
	width:1080px ;
	height:380px ;
	margin:0 auto ;
	}
.stree-box .clearfix li{
	width:260px ;
	height:380px ;
	float:left ; 
	display:inline ;
	margin:0 50px  ;
}
.stree-box .clearfix li .streebox-con{
	display:block ;
	width:260px ;
	height:380px ;
	background:#fff ;
	
	overflow:hidden ;
	position:relative ;

	}
.streebox-con-top{
	width:100% ;
	height:245px ;
	}	
.streebox-con-top img{
	width:260px ;
	height:245px ;  
	}	
.streebox-con-bot{
	width:200px ;
	height:175px ;
	padding:30px ;
	color:#666 ;
	background:rgba(255,255,255,1);
	position:absolute ;
	top:245px ;
	left:0 ;
	z-index:99 ;
	
	transition:all 0.2s ;
	-webkit-transition:all 0.2s ;
	-ms-transition:all 0.2s ;
	-moz-transition:all 0.2s ;
	-o-transition:all 0.2s ;
	
	}
.up-arr{
	position:absolute ;
	top:-9px ;
	border-color: transparent transparent  #fff transparent;
    border-style:solid  dashed dashed dashed;
    border-width:5px ;
	
	transition:all 0.4s ;
	-webkit-transition:all 0.4s ;
	-ms-transition:all 0.4s ;
	-moz-transition:all 0.4s ;
	-o-transition:all 0.4s ;
	}	
.up-arr0{
	left:0 ;
	}	
.up-arr1{
	left:10px ;
	}	
.up-arr2{
	left:20px ;
	}	
.up-arr3{
	left:30px ;
	}	
.up-arr4{
	left:40px ;
	}	
.up-arr5{
	left:50px ;
	}	
.up-arr6{
	left:60px ;
	}	
.up-arr7{
	left:70px ;
	}	
.up-arr8{
	left:80px ;
	}	
.up-arr9{
	left:90px ;
	}	
.up-arr10{
	left:100px ;
	}	
.up-arr11{
	left:110px ;
	}	
.up-arr12{
	left:120px ;
	}	
.up-arr13{
	left:130px ;
	}	
.up-arr14{
	left:140px ;
	}	
.up-arr15{
	left:150px ;
	}	
.up-arr16{
	left:160px ;
	}	
.up-arr17{
	left:170px ;
	}	
.up-arr18{
	left:180px ;
	}	
.up-arr19{
	left:190px ;
	}	
.up-arr20{
	left:200px ;
	}	
.up-arr21{
	left:210px ;
	}	
.up-arr22{
	left:220px ;
	}	
.up-arr23{
	left:230px ;
	}	
.up-arr24{
	left:240px ;
	}	
.up-arr25{
	left:250px ;
	}	
.font-07{
	font-size:2.3em ;
	font-family:"Arial Black", Gadget, sans-serif ;
	}
.font-08{
	font-size:14px ;
	color:#999 ;
	}
.streebox-con-bot .font-07{
	color:#333
}
.streebox-con-bot .font-08{
	color:#333
}
.line-green{
	background:#22d3b6 ;
	margin:15px 0 0 0px
	}
.streebox-con-bot .font-09{
	margin-top:40px ;
	}	
.stree-box .clearfix li .streebox-con:hover .streebox-con-bot{
	background:#22d3b6 ;
	top:145px ;
}
.stree-box .clearfix li .streebox-con:hover .up-arr{
	border-color: transparent transparent  #22d3b6 transparent;
}
.stree-box .clearfix li .streebox-con:hover .font-07{
	color:#fff ;
}
.stree-box .clearfix li .streebox-con:hover .font-08{
	color:#fff ;
}
.stree-box .clearfix li .streebox-con:hover .font-09{
	color:#fff ;
}
.stree-box .clearfix li .streebox-con:hover .line-green{
	background:#fff ;
}

/* 作品 */
.four-box{
	width:100% ;
	height:950px ;
	background:#1e2432 ;
	}
	
	/* 文字 */
.four-box-tit{
	width:100% ;
	height:360px ;
	background:#22d3b6 ;
	left:-50% ;
	top:0 ;
	margin-left:500px ;
	}
.fourbt-con{
	width:360px ;
	height:220px ;
	background:#252d3f ;
	padding:70px ;
	}
.fourbt-con .font-07{
	color:#fff ;
}
.fourbt-con .font-08{
	font-size:16px ;
	margin-top:25px ;
}

	/* 图片 */
.four-box-list{
	width:1000px ;
	height:500px ;
	top:360px ;
	margin: 0 auto ;
	}
.four-box-list ul li{
	width:250px ; 
	height:250px ;
	float:left ;
	display:inline ;
	background:#fff ;
	
	position:relative ;
}
.four-box-list ul li img{
	width:250px ; 
	height:250px ;
}
.four-box-list ul li a{
	display:block ;
	width:100% ; 
	height:250px ;
	overflow:hidden ;

	position:absolute ;
	top:0 ;
	left:0 ;
	z-index:99 ;
	background:rgba(0,0,0,0)
}
.four-box-list ul li .img-more{
	display:block ;
	width:50px ; 
	height:50px ;
	overflow:hidden ;
	background:url("../images/search_ic.png") #22d3b6 center center no-repeat ;
	text-align:center ; 
	line-height:50px ;
	
	border-radius:50px ;
	-webkit-border-radius:50px ;
	-ms-border-radius:50px ;
	-moz-border-radius:50px ;
	-0-border-radius:50px ;

	position:absolute ;
	top:-50px ;
	left:50% ;
	margin-left:-25px ;
	z-index:99 ;
	}
.four-box-list ul li:hover .img-more{
	top:100px ;
}
.four-box-list ul li:hover a{
	background:rgba(0,0,0,0.5)

}
.four-box-list .fr{
	width:250px ; 
	height:250px ;
	background:#fff ;
}
.four-box-list ul li:first-child{
	margin-left:250px ;
}
.four-box-list ul li:last-child{
	width:500px ;
}

.four-box-list ul li a img{
	width:250px ; 
	height:250px ;
}

	/* 按钮 */
.pagelaywer{
	width:60px ;
	height:120px ;
	top:-60px ;
	left:190px ; 
	z-index:2	
	}
.pagelaywer1{
	width:60px ;
	height:60px ;
	top:-60px ;
	left:190px ; 
	z-index:2 ;
	background:#red ;	
	}
.pagelaywer1 a{
	display:block ;
	width:60px ;
	height:38px ;
	text-align:center ;
	line-height:6px ;
	background:#fff ;
	color:#252d3f ;
	font-family:"宋体";
	font-size:12px;
	padding-top:22px ;

	transition:all 0.4s ;
	-webkit-transition:all 0.4s ;
	-ms-transition:all 0.4s ;
	-moz-transition:all 0.4s ;
	-o-transition:all 0.4s ;
	}
.pagelaywer1 a:hover{
	background:#1e2432 ;
	color:#22d3b6 ;
	}
.pagelaywer a{
	display:block ;
	width:60px ;
	height:60px ;
	text-align:center ;
	line-height:60px ;
	background:#252d3f ;
	color:#22d3b6 ;
	font-family:"宋体";
	font-size:16px;
	
	transform:rotate(90deg) ;	
	-webkit-transform:rotate(90deg) ;	
	-ms-transform:rotate(90deg) ;	
	-moz-transform:rotate(90deg) ;	
	-o-transform:rotate(90deg) ;	
		
	transition:all 0.4s ;
	-webkit-transition:all 0.4s ;
	-ms-transition:all 0.4s ;
	-moz-transition:all 0.4s ;
	-o-transition:all 0.4s ;
	}
.pagelaywer a:hover{
	background:#fff ;
	color:#252d3f ;
}
a.playwer-active{
	background:#fff ;
	color:#252d3f ;
	}

/* 新闻 */
.five-box{
	width:100% ;
	height:800px ;
	background:#1e2432 ;
	overflow:hidden ;
	}
	/* 头部 */
.fsidebar{
	width:100% ;
	height:165px ;
	background:#252d3f ;
	left:50% ;
	top:0 ;
	margin-left:-500px ;
	}
.fsidebar-tit{
	width:370px ;
	height:165px ;
	color:#fff ;
	box-sizing:border-box ;
	padding:30px ;
	}
	/* 按钮 */
.fsidebar ul{
	width:630px ;
	height:165px ;
}
.fsidebar ul li{
	display:block ;
	width:165px ;
	height:165px ;
	float:left ;
	display:inline ;
	text-align:left ;
	}
.fsidebar ul li a{
	display:block ;
	width:105px ;
	height:65px ;
	padding:50px 30px ;
	color:#fff ;
	background:#1e2432 ;
	cursor:pointer ;
	transition:all 0.2s
	}
.fsidebar ul li a .font-09{
	font-size:18px ;
	}
.fsidebar ul li a .font-08{
	font-size:18px
	}
.fsidebar ul li a:hover{
	background:rgba(255,255,255,0.01) ;
}

.fsidebar ul li a.hover{
	color:#fff ;
	background:#22d3b6 ;
}

.fside-con{
	width:1000px ;
	height:540px ;
	top:165px ;
	left:50% ;
	margin-left:-500px ;
	}
	
	/* 日期 */	
.fsidebar-date-list{
	width:370px ; 
	height:480px ;
	padding-top:60px ;
	background:#252d3f ;
	}
.fsidebar-date-list dd{
	width:100% ;
	height:150px ;
	text-align:center ;
	margin-top:1px ;
	color:#fff ;
}
.fd-day{
	font-size:50px ;
	display:block ;
	padding-top:40px ;
	font-family:Arial, Helvetica, sans-serif
	}
.fd-date{
	font-size:16px ;
	}

	/* 新闻列表 */
.fsidebar-con-list{
	width:630px ;
	height:480px ;
	padding-top:60px ;
	}
.fsidebar-con-list li{
	width:93% ;
	height:130px ;
	color:#fff ;
	padding-left:7% ;
	padding-top:20px ;
	margin-top:1px ;
	}
.fsidebar-con-list li a{
	transition:all 0.4s ;
	color:#fff ;
	}
.fsidebar-con-list li h3{
	font-size:14px ;
	font-weight:bold 
	}
.fsidebar-con-list li h4{
	font-size:12px ;
	margin-top:10px ;
	height:50px ;
	line-height:22px ;
	overflow:hidden ;
	color:rgba(255,255,255,0.4)
	}
.fsidebar-con-list li p{
	font-size:12px ;
	margin-top:15px ;
	}
.fsidebar-con-list li p .readmore{
	background:url("../images/more.png") left center no-repeat ;
	padding-left:30px ;
	color:rgba(255,255,255,0.4) ;
	transition:all 0.4s ;
	}
.fsidebar-con-list li p:hover .readmore{
	background:url("../images/more-color.png") left center no-repeat ;
	color:#22d3b6 ;
}
.fsidebar-con-list li:hover h3 a{
	color:#22d3b6 ;	
}

/* 学员 */
.six-box{
	width:100% ;
	/*height:920px ;*/
	height:720px ;
	background:#1e2432 ;
	}
	/* 文字 */
.six-box-tit{
	width:100% ;
	height:320px ;
	text-align:center ;
	color:#fff ;
	background:url("../images/six-box-tit-bg.jpg") center center no-repeat ;
	}
.six-box-tit .txt-line{
	margin: 0 auto ;
	margin-top:15px ;
	margin-bottom:15px ;
}
	/* 学员图片 */
.six-box-con{
	width:750px ;
	padding-right:250px ;
	height:250px ;
	margin: 0 auto ;
	}
.user-list li{
	width:250px ;
	height:250px ;
	text-align:center ;
	float:left ;
	display:inline ;
	color:rgba(255,255,255,1) ;
	overflow:hidden ;
	
	position:relative ;
	}
	/* 头像 */
.user-list li .user-img{
	display:block ;
	width:110px ;
	height:110px ;
	margin: 0 auto ;
	margin-top:50px ;
}	
.user-list li .user-more{
	display:block ;
	width:30px ;
	height:30px ;
	background:url("../images/search_ic.png") #22d3b6 center center no-repeat ;
	
	border-radius:30px ;
	-webkit-border-radius:30px ;
	-ms-border-radius:30px ;
	-moz-border-radius:30px ;
	-0-border-radius:30px ;
	
	position:absolute ;
	right:-50px ;
	top:90px  ;
	z-index:99 ;
}	
.user-list li .user-img img{
	width:110px ;
	height:110px ;
	background:#22d3b6 ;
	border:none ;
	border-radius:110px  ;
	-webkit-border-radius:110px  ;
	-ms-border-radius:110px  ;
	-moz-border-radius:110px  ;
	-o-border-radius:110px  ;
}
.user-name{
	margin-top:20px ;
	line-height:26px ;
	}
.user-name span{
	display:block ;
	}
.user-name .u-n-01{
	font-size:14px ;
	font-weight:bold ;
	color:rgba(255,255,255,0.9)
	}
.user-name .u-n-02{
	font-size:12px ;
	color:rgba(255,255,255,0.5)
	}

	/* hover */
.user-list li:hover{
	background:#252d3f ;
}
.user-list li:hover .user-more{
	right:50% ;
	margin-right:-70px ;
}
.user-list li .user-more:hover{
	background-color:rgba(34,211,182,0.8)
}
.user-list li:hover .user-name .u-n-01{
	color:#22d3b6 ;
}
.user-list .user-list-hover{
	background:#252d3f ;
}
.user-list .user-list-hover .u-n-01{
	color:#22d3b6 ;
	}
.user-list .user-list-hover .user-more{
	right:50% ;
	margin-right:-70px ;
}

	/* 按钮 */
.six-box-con .pagelaywer3{
	width:250px ;
	height:250px;
	left:750px ;
	top:-60px ;
	}
.six-box-con .pagelaywer3 a {
	display:block ;
	width:250px ;
	height:75px ;
	text-align:center ;
	background:#fff ;
	color:#666 ;
	padding-top:50px ;
	font-size:16px ;
		
	transition:all 0.4s ;
	-webkit-transition:all 0.4s ;
	-ms-transition:all 0.4s ;
	-moz-transition:all 0.4s ;
	-o-transition:all 0.4s ;
}
.six-box-con .pagelaywer3 a span {
	display:block ;
	width:15px ;
	height:15px ;
	line-height:15px ;
	font-family:"宋体";
	margin: 0 auto;
	text-align:center ;
	transform:rotate(90deg) ;	
	-webkit-transform:rotate(90deg) ;	
	-ms-transform:rotate(90deg) ;	
	-moz-transform:rotate(90deg) ;	
	-o-transform:rotate(90deg) ;	
}
.six-box-con .pagelaywer3 a:hover{
	background:#242a39 ;
	color:#22d3b6 ;
	}
.six-box-con .pagelaywer3 a.playwer-active{
	background:#22d3b6 ;
	color:#fff ;
	}

/***/
.seven-box{
	width:100% ;
	height:620px ;
	background:#fff ;
	color:#fff ;
	}
	/* 时间 */
.seven-box-date{
	width:100% ;
	height:230px ;
	background:#22d3b6 ;
	text-align:center ;
	padding-top:80px ;
	font-size:14px ;
	font-family:Arial, Helvetica, sans-serif ;
	}
.font-10{
	font-size:4em ;
	font-family:"Arial Black", Gadget, sans-serif ;
	}
.font-10 i:before{
	content:":";
	font-style:normal ;
	font-size:16px ;
	padding:0 25px ;
}
	/* 留言 */
.seven-box-ifo{
	width:100% ; 
	height:310px ;
	}
.sevenbi-left{
	width:50% ;
	height:310px ;
	float:left ;
	display:inline;
	}
.sevenbi-l-con{
	width:250px ;
	float:right ;
	display:inline ;
	margin-right:80px ;
	margin-top:60px ;
	}	
.sevenbi-l-txt{
	padding:30px 0 ;
	font-size:16px ;
	color:#60646e ;
	}
	/* 右侧 */	
.sevenbi-right{
	width:50% ;
	height:310px ;
	background:#f5f7fa ;
	float:right ;
	display:inline
	}
.sevenbi-r-con{
	margin-top:60px ;
	margin-left:80px ;
	}
.botline{ 
	background:none ;
	border:none ;
	width:170px ;
	margin-right:25px ;
	}
.botline-black{
	font-family:"Arial Black", Gadget, sans-serif ;
	font-size:20px ;
	border-bottom:2px solid #4f5460 ;
	line-height:30px ;
	padding:5px 0 ;
	color:#333 ;
	}	
.sevenbi-r-con	.botline-black{
	font-family:"Arial", Gadget, sans-serif ;
	}
	
.botline textarea{
	font-family:"Arial", Gadget, sans-serif ;
	background:none ;
	border:none ;
	border-bottom:2px solid #4f5460 ;
	width:365px ;
	height:80px ;
	margin-top:20px ;
	line-height:22px ;
	font-size:20px ;
	padding:5px 0 ;
	color:#333 ;
}
.sevenbi-r-con .mt20{
	margin-top:20px ;
	}
.sevenbi-r-con .mt20 .send{
	color:#999 ;
	font-size:20px ;
	font-family:"Arial Black", Gadget, sans-serif ;
	transition:all 0.4s ;
	border:none ;
	background:none ;
	cursor:pointer ;
	}
.sevenbi-r-con .mt20 .send:hover{
	color:#fff ;
	background:#22d3b6 ;
	padding:0px 30px ;
	
	border-radius:20px ;
	-webkit-border-radius:20px ;
	-ms-border-radius:20px ;
	-moz-border-radius:20px ;
	-o-border-radius:20px ;
}