@charset "utf-8";

/*教师资质*/
.hytszbox { width:100%; height:auto; overflow:visible; position:relative;}
.hytszbox dt { width:100%; height:424px; overflow:hidden; position:relative; background:url(../images/hytsz_dt_bg.jpg) top center no-repeat; background-size:auto 100%;}
.hytszbox dt .mask { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:0;}
.hytszbox dt .tit { font-size:68px; color:#fff; line-height:100px; text-align:center; font-weight:bold; position:relative; z-index:1;}
.hytszbox dt .des { margin:0 13%; margin-top:30px; font-size:18px; color:#fff; line-height:30px; text-align:center; position:relative; z-index:1;}
.hytszbox dd { width:100%; height:auto; background:#e6e6e6; overflow:visible; position:relative;}
.hytszbox dd .logobox { position:absolute; left:168px; top:50px;}
.hytszbox dd .logobox .cn { color:#fff; font-weight:bold; font-size:27px;}
.hytszbox dd .logobox .en { color:#fff; font-weight:bold; font-size:19px; text-transform:uppercase;}
.hytszbox dd .logobox .en span{ color:#1c75bc;}
.hytszbox dd .teacher { width:100%; height:600px; display:flex; display:-webkit-flex; flex-flow:wrap column; justify-content:center; align-items:center;}
.hytszbox dd .teacher li { width:100%; height:auto; overflow:hidden;}
.hytszbox dd .teacher .brief { width:286px; height:332px; background:#fff; position:absolute; top:0; right:0;
-webkit-transition: all .5s ease;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
-ms-transition:all .5s ease;
transition:all .5s ease;
visibility:hidden;
filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;
}
.hytszbox dd .teacher .brief .tit { color:#004a96; font-size:24px; line-height:1.2; font-weight:bold; margin:0 30px; margin-top:40px;}
.hytszbox dd .teacher .brief .tit1 { font-size:18px; line-height:1.1; margin:0 30px;}
.hytszbox dd .teacher .brief .des{ font-size:16px; line-height:1.8; margin:0 30px; margin-top:40px;}
.hytszbox dd .teacher li .pic { display:block; height:500px; position:absolute; left:0; top:0; overflow:hidden; float:left; z-index:-1;-webkit-transition: all .5s ease;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
-ms-transition:all .5s ease;
transition:all .5s ease;
visibility:hidden;
filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
.hytszbox dd .teacher li.hover .brief { display:block; right:230px; top:-59px; visibility:visible; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.hytszbox dd .teacher li.hover .pic { z-index:0; margin-left:20%; margin-top:100px; visibility:visible; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
/**/
.hytszbox dd .facelist { width:100%; height:auto; display:flex; margin-top:-100px; display:-webkit-flex; flex-flow:wrap row; justify-content:space-between; }
.hytszbox dd .facelist li { flex:0 10%; position:relative; overflow:hidden;
	-webkit-transform: scale(1, 1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;
	-moz-transform: scale(1, 1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;
}
.hytszbox dd .facelist li:hover { z-index:2;}
.hytszbox dd .facelist li .tit { font-weight:bold; color:#fff; text-align:center; height:0; line-height:40px; text-align:center; position:absolute; left:0; bottom:0; width:100%; z-index:3;}
.hytszbox dd .facelist li.hover .tit { height:40px;-webkit-transition: all .5s ease;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
-ms-transition:all .5s ease;
transition:all .5s ease;}
.hytszbox dd .facelist .mask { position:absolute; left:0; bottom:0; width:100%; height:0; background:rgba(0,74,150,.8); z-index:2;
-webkit-transition: all .5s ease;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
-ms-transition:all .5s ease;
transition:all .5s ease;}
.hytszbox dd .facelist li.hover {
	-webkit-transform: scale(1.5);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 750ms;
	-moz-transform: scale(1.5);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 750ms;
	overflow: hidden; z-index:3;
}
.hytszbox dd .facelist li.hover .mask { width:100%; height:100%;}
.hytszbox dd .facelist li.hover .mask { width:100%; height:100%;}

.hytszbox dd .infolist { width:100%; height:auto; min-height:470px; overflow:hidden; background:#333333;}
.hytszbox dd .infolist li { width:100%; height:300px; overflow:hidden; height:0;-webkit-transition: all .5s ease;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
-ms-transition:all .5s ease;
transition:all .5s ease; z-index:0; position:relative;}
.hytszbox dd .infolist li.hover{ height:auto; z-index:1;}
.hytszbox dd .infolist li .tit { margin:0 13%; margin-top:60px; color:#0256ad; font-size:63px; line-height:1.5;}
.hytszbox dd .infolist li .des { margin:0 13%; color:#fff; font-size:18px; line-height:2; }

/*学员评价*/
.xypjbox { width:100%; height:auto; overflow:hidden;}
.xypjbox dt { width:100%; height:105px; line-height:105px; background:#333333; font-size:48px; text-align:center; color:#fff;}
.xypjbox ul { width:100%; height:auto; overflow:hidden; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between;}
.xypjbox ul li { flex:0 33.333333%; height:auto; overflow:hidden; background:#004a96;}
.xypjbox ul li img {-webkit-transform: scale(1, 1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;
	-moz-transform: scale(1, 1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;}
.xypjbox ul li:hover img {-webkit-transform: scale(0.98);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 300ms;
	-moz-transform: scale(0.98);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 300ms;
	overflow: hidden;}
.xypjbox ul li a { display:block; position:relative;}
.xypjbox ul li .mask { position:absolute; left:0; bottom:0; width:100%; height:60%; background:url(../images/xypj_list_mask.png) repeat-x; background-size:100% 100%; z-index:1;}
.xypjbox ul li .brief { position:absolute; left:0; bottom:0; width:100%; height:auto; z-index:2; color:#fff;}
.xypjbox ul li .brief .tit { font-size:36px; line-height:1.2; margin:0 10px;}
.xypjbox ul li .brief .tit1 { font-size:30px; line-height:1.2; margin:0 10px;}
.xypjbox ul li .brief .des { font-size:24px; line-height:1.2; margin:20px 10px;}


@media only screen and (max-width: 640px) {
	/*教师资质*/
	.hytszbox { width:100%; height:auto; overflow:visible; position:relative; margin-top:0.10rem;}
	.hytszbox dt { width:100%; height:auto; overflow:hidden; position:relative; background:url(../images/hytsz_dt_bg.jpg) top center no-repeat; background-size:auto 100%; padding-bottom:0.40rem;}
	.hytszbox dt .mask { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:0;}
	.hytszbox dt .tit { font-size:0.50rem; color:#fff; line-height:1.00rem; text-align:center; font-weight:bold; position:relative; z-index:1; margin-top:0.20rem;}
	.hytszbox dt .des { margin:0 10%; margin-top:0.10rem; font-size:0.18rem; color:#fff; line-height:0.30rem; text-align:center; position:relative; z-index:1;}
	.hytszbox dd { width:100%; height:auto; background:none; overflow:visible; position:relative;}
	.hytszbox dd .logobox { position:absolute; width:94%; left:3%; top:0.10rem; border-bottom:1px solid #000;}
	.hytszbox dd .logobox .cn { color:#666; font-weight:bold; font-size:0.27rem;}
	.hytszbox dd .logobox .en { color:#1c75bc; font-weight:bold; font-size:0.19rem; text-transform:uppercase;}
	.hytszbox dd .logobox .en span{ color:#1c75bc;}
	.hytszbox dd .teacher { width:100%; height:6.00rem; display:flex; display:-webkit-flex; flex-flow:wrap column; justify-content:center; align-items:center;}
	.hytszbox dd .teacher li { width:100%; height:auto; overflow:hidden;}
	.hytszbox dd .teacher .brief { width:100%; height:7.2rem; background:rgba(255,255,255,.6); position:absolute; top:1rem; left:0;
	-webkit-transition: all .5s ease;
	-moz-transition:all .5s ease;
	-o-transition:all .5s ease;
	-ms-transition:all .5s ease;
	transition:all .5s ease;
	visibility:hidden;
	filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;
	}
	.hytszbox dd .teacher .brief .tit { color:#004a96; font-size:0.24rem; line-height:1.2; font-weight:bold; margin:0 10%; margin-top:1.20rem;}
	.hytszbox dd .teacher .brief .tit1 { font-size:0.18rem; line-height:1.1; margin:0 10%;}
	.hytszbox dd .teacher .brief .des{ font-size:0.16rem; line-height:1.8; margin:0 10%; margin-top:0.20rem;}
	.hytszbox dd .teacher li .pic { display:block; width:70%; height:auto; position:absolute; left:auto; right:0; top:1rem; overflow:hidden; z-index:-1;-webkit-transition: all .5s ease;
	-moz-transition:all .5s ease;
	-o-transition:all .5s ease;
	-ms-transition:all .5s ease;
	transition:all .5s ease;
	visibility:hidden;
	filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0;}
	.hytszbox dd .teacher li.hover .brief { display:block; top:1rem; left:auto; left:0; width:100%; visibility:visible; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
	.hytszbox dd .teacher li.hover .pic { z-index:0; margin-left:0; margin-top:0; top:1rem; visibility:visible; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; z-index:-1;}
	/**/
	.hytszbox dd .facelist { width:100%; height:auto; display:flex; margin-top:0; display:-webkit-flex; flex-flow:wrap row; justify-content:space-between; position:relative; z-index:2;}
	.hytszbox dd .facelist li { flex:0 20%; position:relative; overflow:hidden;
		-webkit-transform: scale(1, 1);
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 250ms;
		-moz-transform: scale(1, 1);
		-moz-transition-timing-function: ease-out;
		-moz-transition-duration: 250ms;
	}
	.hytszbox dd .facelist li:hover { z-index:2;}
	.hytszbox dd .facelist li .tit { font-weight:bold; color:#fff; text-align:center; height:0; line-height:0.40rem; text-align:center; position:absolute; left:0; bottom:0; width:100%; z-index:3;}
	.hytszbox dd .facelist li.hover .tit { height:0.40rem;
	-webkit-transition: all .5s ease;
	-moz-transition:all .5s ease;
	-o-transition:all .5s ease;
	-ms-transition:all .5s ease;
	transition:all .5s ease;}
	.hytszbox dd .facelist .mask { position:absolute; left:0; bottom:0; width:100%; height:0; background:rgba(0,74,150,.8); z-index:2;
	-webkit-transition: all .5s ease;
	-moz-transition:all .5s ease;
	-o-transition:all .5s ease;
	-ms-transition:all .5s ease;
	transition:all .5s ease;}
	.hytszbox dd .facelist li.hover {
		-webkit-transform: scale(1.5);
		-webkit-transition-timing-function: ease-out;
		-webkit-transition-duration: 750ms;
		-moz-transform: scale(1.5);
		-moz-transition-timing-function: ease-out;
		-moz-transition-duration: 750ms;
		overflow: hidden; z-index:3;
	}
	.hytszbox dd .facelist li.hover .mask { width:100%; height:100%;}
	.hytszbox dd .facelist li.hover .mask { width:100%; height:100%;}

.hytszbox dd .infolist { width:100%; height:auto; min-height:auto; overflow:hidden; background:#333333; padding-bottom:0.30rem;}
.hytszbox dd .infolist li { width:100%; height:auto; overflow:hidden; height:0;-webkit-transition: all .5s ease;
-moz-transition:all .5s ease;
-o-transition:all .5s ease;
-ms-transition:all .5s ease;
transition:all .5s ease; z-index:0; position:relative;}
.hytszbox dd .infolist li.hover{ height:auto; z-index:1;}
.hytszbox dd .infolist li .tit { margin:0 0.20rem; margin-top:0.20rem; color:#0256ad; font-size:0.50rem; line-height:1.2; text-align:center;}
.hytszbox dd .infolist li .des { margin:0 0.20rem; color:#fff; font-size:0.18rem; line-height:2; margin-top:0.20rem;}


/*学员评价*/
.xypjbox { width:100%; height:auto; overflow:hidden; margin-top:0.10rem;}
.xypjbox dt { width:100%; height:1.2rem; line-height:1.2rem; background:#333333; font-size:0.48rem; text-align:center; color:#fff; padding:0;}
.xypjbox ul { width:100%; height:auto; overflow:hidden; display:flex; display:-webkit-flex; flex-flow:row wrap; justify-content:space-between;}
.xypjbox ul li { flex:0 0 50%; height:auto; overflow:hidden; background:#004a96;}
.xypjbox ul li img {-webkit-transform: scale(1, 1);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 250ms;
	-moz-transform: scale(1, 1);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 250ms;}
.xypjbox ul li:hover img {-webkit-transform: scale(0.98);
	-webkit-transition-timing-function: ease-out;
	-webkit-transition-duration: 300ms;
	-moz-transform: scale(0.98);
	-moz-transition-timing-function: ease-out;
	-moz-transition-duration: 300ms;
	overflow: hidden;}
.xypjbox ul li a { display:block; position:relative;}
.xypjbox ul li .mask { position:absolute; left:0; bottom:0; width:100%; height:60%; background:url(../images/xypj_list_mask.png) repeat-x; background-size:100% 100%; z-index:1;}
.xypjbox ul li .brief { position:absolute; left:0; bottom:0; width:100%; height:auto; z-index:2; color:#fff;}
.xypjbox ul li .brief .tit { font-size:0.24rem; line-height:1.2; margin:0 0.10rem;}
.xypjbox ul li .brief .tit1 { font-size:0.20rem; line-height:1.2; margin:0 0.10rem;}
.xypjbox ul li .brief .des { font-size:0.16rem; line-height:1.2; margin:20px 0.10rem;}
}