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

*{margin:0; padding:0;}
body {font-family: 'Maven Pro', sans-serif;font-size:18px;}
img {vertical-align: middle;}
.fl {float:left;}
.fr {float:right;}


.main-header {width:100%;height:auto;position:fixed;top:0;overflow:hidden;background-color:#f5f7e7f5;z-index:998;}
.header {width:100%; height:56px;margin:auto;max-width:1152px;position:relative}
.logo {width:50%;height:56px;position:absolute;top:0;left:0;}
.share {text-decoration:none;width:50%;height:56px;position:absolute;top:0;right:0;}
.slide-menu {width:65%;height:56px;margin:auto;z-index:999;position:relative}
.slide-menu ul li {float:left;padding:17px 12px;list-style:none;border-right:1px solid #dde2b3a6;-webkit-transition:all 0.2s linear 0s;font-weight:500;}
.slide-menu ul li a {color:#c05c5c;text-decoration:none;}
.slide-menu ul li:hover {background-color:#dde2b3a6;}   .slide-menu ul li:hover a{color:#2a6ab4}
.slide-menu .sign-in li {background-color:#dde2b3ed;border:0px;height:56px;position:relative;padding:0px 12px;}
.slide-menu .sign-in li a {padding:17px 0px;display:inline-block;}
.slide-menu .sign-in:hover li {background-color:#fff;} .slide-menu .sign-in:hover img {margin-left:20px;-webkit-transition:all 0.2s linear 0s;}
.slide-menu .sign-in li img {float:left;margin-right:7px;-webkit-transform:translateY(2px);-webkit-transition:all 0.2s linear 0s;}
.share span{line-height: 56px;text-align:center;font-size:16px;background-size:contain;background-position:center;}
.span1 {width:90px;height:56px;background:url(../img/share.png);display:inline-block;padding-left:20px;background-repeat: no-repeat;color:#fff;float:right;}
.span2 {width:46px;height:56px;background:url(../img/share2.png);display:inline-block;background-repeat:no-repeat;color:#2a4a8a;float:right;}

.box-banner {width:100%;height:auto;margin-top:56px;overflow:hidden;position:relative;padding-top:24px;background-image: linear-gradient(to right, #2f7823,#1b5611,#86cf59);}
.line-pattern {width:100%;height:100%;overflow:hidden;position:absolute;top:0px;background-image:url(../img/khdb_line2.png);}
.box-center {width:100%;height:auto;max-width:1152px;overflow:hidden;margin:auto;position:relative;}
.pic2 {display:none}

.box-favorite {width:100%;height:auto;overflow:hidden;background-color:#f5f7e7;}
.box-center-cn {width:95%;height:auto;max-width:1152px;overflow:hidden;margin:auto;position:relative;padding:12px;}
.s-tittle {width:90%;max-width:600px;height:38px;position:relative;background-color:#eef1d5;margin:auto;border-top:1px solid #6b8153;border-bottom:1px solid #6b8153;margin-bottom:12px;}
.s-tittle h2 {padding:5px 10px;text-align:center;font-size:24px;color:#c05c5c;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;text-transform:uppercase;}
.icon-tit1 {position:absolute;top:-1px;left:-12px;}  .icon-tit2 {position:absolute;top:-1px;right:-12px;-webkit-transform:rotate(180deg)}
.col-fa {width:50%;height:auto;}

.s-video{overflow:hidden;padding-bottom:56.25%;position:relative;height:0;}
.s-video iframe{left:0;top:0;height:100%;width:100%;position:absolute;}
.col-fa ul li {list-style:none;padding:12px;font-size:16px;}
.col-fa ul li img {margin-right:7px;}

.box-teacher {width:100%;height:auto;overflow:hidden;background-color:#fff;position:relative;}
.main-teacher {width:100%;height:200px;overflow:hidden;margin-top:24px;}
.form-teacher {width:50%;height:auto;overflow:hidden}
.img-teacher {width:40%;height:auto;overflow:hidden}
.info-teacher {width:60%;height:auto;overflow:hidden;font-size:16px;}
.info-teacher h4 {padding:0px 12px;padding-bottom:12px;font-weight:400;}  .info-teacher h3 {padding:0px 12px;color:#1b5611} .info-teacher p {padding:0px 12px;padding-bottom:12px;max-height:80px;text-overflow: ellipsis; overflow: hidden; white-space:normal;}
.info-teacher a {padding:7px 20px;background-image: linear-gradient(to right,#1b5611,#a3d983);border-radius:50px;display:inline-block;margin-top:12px;color:#fff;text-decoration:none;}
.btn-control {position:absolute;top:50%;opacity:0.2;z-index:9}   .btn-next{left:0;}    .btn-prev{right:0;-webkit-transform:rotate(180deg)}
.btn-control:hover {opacity:0.6;cursor:pointer}

slider {display:block;width:100%;height:100%;overflow:hidden;position:absolute;left:0;}

slider > * {position:absolute;display:block;width:100%;height:100%;animation: slide 40s infinite;overflow:hidden;}

slide:nth-child(1) {left:0%;animation-delay:-1s;}
slide:nth-child(2) {animation-delay:4s;left:100%}
slide:nth-child(3) {animation-delay:9s;left:200%;}
slide:nth-child(4) {left:300%;animation-delay:14s;}
slide:nth-child(5) {left:400%;animation-delay:19s;}
slide:nth-child(6) {left:400%;animation-delay:24s;}
slide:nth-child(7) {left:500%;animation-delay:29s;}
slide:nth-child(8) {left:500%;animation-delay:34s;}

@keyframes slide {
		0% {left:100%;width:100%;}
		2.5% {left:0%;}
		12.5% {left:0%;}
		15% {left:-100%;width:100%;}
		15.0001% {left:-100%;width:0%;}
		100% {left:100%;width:0%;}
	}
	
.s-video-center {width:95%;height:auto;overflow:hidden;margin:auto}	
	
.box-videofree {width:100%;height:auto;overflow:hidden;position:relative;background-image: linear-gradient(to right, #2f7823,#1b5611,#86cf59);}	
.list-videofree{width:96%;height:auto;position:relative;padding-top:12px}
.s-main-videofree {width:100%;margin:auto;overflow:hidden;}
.s-t-video {padding:12px 0px;color:#fff;font-size:18px;display:block;font-weight:bold;text-transform:uppercase;text-align:center}
.list-videofree ul li {list-style:none;width:33%;min-height:300px;height:auto;float:left;-webkit-transform:scale(1);-webkit-transition:all 0.2s linear 0s;position:relative}
.list-videofree ul li:hover {-webkit-transform:scale(1.1);-webkit-transition:all 0.2s linear 0s;position:relative;z-index:7;}
.free-hover {position:absolute;top:0;left:0;width:100%;height:100%;}


.pop {width:100%;height:100%;position:fixed;z-index:97;top:0px;left:0px;background:rgba(0, 0, 0, 0.68);visibility:hidden;}
.popvideo{width:60%;height:auto;position:fixed;z-index:98;top:13%;left:20%;background:white;border:6px solid white;visibility:hidden;-webkit-transform:scale(0);-webkit-transition:all ease 0.5s;}
.video{overflow:hidden;padding-bottom:56.25%;position:relative;height:0;}
.video iframe{left:0;top:0;height:100%;width:100%;position:absolute;}
.pophienlen {visibility:visible;}
.popvideohienlen {-webkit-transform:scale(1);visibility:visible;}
.exit{position:fixed;z-index:100;top:-15px;right:-15px;opacity:0.6}


.box-course {width:100%;height:auto;overflow:hidden;}
.box-course span {text-align:center;display:block;padding-bottom:12px;}
.form-course {width:100%;height:auto;overflow:hidden;border:1px solid #c05c5c;background-color:#f3e3b9;position:relative}
.left-course {width:100%;height:auto;overflow:hidden;position:relative}
.left-course ul li {list-style:none;}  .left-course ul li span {text-align:left;padding:12px 20px;}
.left-course ul li:hover span {font-weight:bold;}
.left-course ul li a:hover {background-color:#d7dbba;}
.left-course ul li a {text-decoration:none;display:block;color:#333;position:relative;width:20%;background-color:#eef1d5;}
.bd-bottom{width:100%;height:1px;position:absolute;bottom:0;background-color:#d7dbba;}  
.cl-hover {background-color:#c05c5c;color:#fff;font-weight:bold}
.icon-right {position:absolute;top:10px;right:0px;display:none;}
.left-course ul li:hover .icon-right{display:block;}
.right-course {width:80%;height:100%;overflow:hidden;position:absolute;top:0;left:20%;display:none}  .show-course{display:block}
.left-course ul li:hover .right-course{display:block;}
.img-sub {width:45%;height:100%;overflow:hidden;}  .img-sub img{}
.info-sub {width:50%;height:100%;overflow:hidden;padding:12px}
.info-sub h3 {color:#1b5611;padding-bottom:12px;}
.left-course .btn-sub {padding:12px 30px;background-color:#c05c5c;color:#fff;border-radius:100px;text-align:center;display:block;width:200px;margin:12px auto;text-decoration:none;}
.left-course .btn-sub:hover {background-color:#527e44;font-weight:bold;}
.mobi-select {padding:12px 0px;display:block;text-align:center;background-color:#527e44;color:#fff;border:1px solid #527e44;width:100%;text-decoration:none;display:none;}

.menu-course-mobi {width:90%;position:absolute;top:0;left:0;display:none;z-index:94}
.menu-course-mobiul li {list-style:none;}  .menu-course-mobi ul li span {text-align:left;padding:12px 20px;}
.menu-course-mobi ul li:hover span {font-weight:bold;}
.menu-course-mobi ul li a:hover {background-color:#d7dbba;}
.menu-course-mobi ul li a {text-decoration:none;display:block;color:#333;position:relative;background-color:#eef1d5;}


.box-cm-student {width:100%;height:auto;overflow:hidden;background-color:#eef1d5;background-image:url(../img/khdb_line.png);position:relative}

.form-comment {width:100%;height:245px;}
.col-cm {width:50%;height:auto;overflow:hidden;margin:12px 0px;}
.info-cm {width:70%;min-height:200px;background-color:#fff;border-radius:0px 50px 50px 50px;padding:12px;position:relative;overflow:hidden}
.info-cm h3{color:#1b5611;padding-bottom:12px;}
.img-cm {width:20%;min-height:200px;min-width:60px;}
.img-cm img {-webkit-transform:translateY(-1px);float:right}

.form-comment ul {display:block;width:100%;height:100%;overflow:hidden;position:absolute;left:0;}

.form-comment ul > * {position:absolute;display:block;width:100%;height:100%;animation: slide2 28s infinite;overflow:hidden;}

.form-comment ul li:nth-child(1) {left:0%;animation-delay:-1s;}
.form-comment ul li:nth-child(2) {animation-delay:6s;left:100%}
.form-comment ul li:nth-child(3) {animation-delay:13s;left:200%;}
.form-comment ul li:nth-child(4) {left:300%;animation-delay:20s;}

@keyframes slide2 {
		0% {left:100%;width:100%;}
		5% {left:0%;}
		25% {left:0%;}
		30% {left:-100%;width:100%;}
		30.0001% {left:-100%;width:0%;}
		100% {left:100%;width:0%;}
	}

.box-step {width:100%;height:auto;overflow:hidden;position:relative;background-image: linear-gradient(to right, #2f7823,#1b5611,#86cf59);}	
.form-step {width:100%;height:auto;overflow:hidden;}
.step-child {width:30%;text-align:center;height:auto;overflow:hidden;}

.mrl5 {margin-left:5%;}

.step-child span {padding:10px 0px;background-color:#ffd800;display:block;font-weight:bold;color:#c05c5c;width:100%;overflow:hidden}
.radius-step1 {border-radius:100px 0px 0px 100px}
.radius-step2 {border-radius:0px 0px 0px 0px}
.radius-step3 {border-radius:0px 100px 100px 0px}
.contact {text-align:center;color:#fff;padding:12px 0px;line-height:65px;font-size:30px}

.contact span {padding:12px 20px;background-color:#c05c5c;border-radius:100px;}


@media screen and (max-width: 1050px) {.slide-menu .sign-in li span {display:none;} }
@media screen and (max-width:960px) {.slide-menu{width:60%;} .main-teacher {height:220px} }
@media screen and (max-width:832px) {.sign-in:hover img{margin-left:0px;} .header{position:static}  .slide-menu{width:100%;margin-top:56px;text-align:center;border-top:1px solid #dde2b3a6;border-top:1px solid #dde2b3a6;} .box-banner{margin-top:112px;} .sign-in{float:right;} .main-teacher {height:270px} }
@media screen and (max-width:768px) {.pic1 {display:none} .pic2{display:block;} .box-banner{padding-top:0;}  .col-fa{width:100%;float:none;} .fa-content {margin-top:12px;} .col-fa ul li{padding:12px 0;} .form-teacher{width:100%;margin-bottom:24px;} .main-teacher {height:450px}  .left-videofree{display:none;} .right-videofree{display:none;} .center-videofree{width:95%} 
.left-course ul li a{display:none;}  .right-course {width:100%;position:relative;left:0;}  .img-sub{width:100%;}  .info-sub {width:95%;}  .mobi-select{display:block;}
.icon-right {visibility:hidden}  .col-cm {width:100%;} .form-comment {height:495px;}    .list-videofree ul li{width:50%;min-width:268px;}

} 

@media screen and (max-width:640px) {.step-child {width:100%;margin:12px 0px;}  .mrl5 {margin-left:0;}  .radius-step1 {border-radius:100px}
.radius-step2 {border-radius:100px}
.radius-step3 {border-radius:100px}  .list-videofree ul li{width:100%;min-width:268px;}
}

@media screen and (max-width:496px) {.slide-menu{margin-top:0px;border-top:0px;} .slide-option{display:none;}  .box-banner{margin-top:45px;} .span2{display:none;} .span1{margin-right:50px;height:45px;width:75px;} .header{height:45px;overflow:hidden} .logo{height:45px;}  .share{height:45px;} .share span{line-height: 45px;} .slide-menu .sign-in li a{padding:13px 0px;} .logo{width:34%;}
.contact {font-size:18px;line-height:50px;padding:0;}

}
@media screen and (max-width:420px) {.box-center-cn {width:93%;} .s-tittle h2{font-size:18px;padding: 9px 10px;} .img-teacher{width:100%;} .img-teacher img{margin:auto}  .info-teacher{width:100%;text-align:center}  .info-teacher a{padding:12px 30px;}  .main-teacher {height:830px} .img-cm{width:15%}  .info-cm{width:70%} }
@media screen and (max-width:360px) {.logo{width:42%;}.box-center-cn {width:92%;} .main-teacher {height:840px} }