/* CSS Document */
@charset "utf-8";
* {margin:0; padding:0;font-family: "微软雅黑"; font-size:14px;}
a{ text-decoration:none;}
img{border:0; max-width:100%; }
.contact-cont-thi img{ max-width:none!important;}
ul,li {
    list-style:none;
    margin:0;
    padding:0;
}
.fr{ float:right}
.fl{ float:left}

.title{ width:1200px; margin:0 auto; overflow:hidden;}
.top_title{ width:100%; height:90px;}
.top_title_lx{ float:right;}
.top_title_lx p{ line-height:30px;}
.nav{ width:100%; overflow:hidden; border-top: solid 1px #ccc; margin-top:10px;}
.nav ul li{ float:left; display:block; width:9%; }
.nav ul li a{ display:block; width:80%; margin:10px 10%; text-align:center; font-size:16px; color:#555; padding:7px 0;}
.nav ul li a:hover{ border-radius:5px; background:#fba01e; color:#fff;}
.thatclass{border-radius:5px; background:#fba01e; color:#fff!important;}

/*轮播*/
.lunbo{ width:100%; overflow:hidden;}
.lubo{ width: 100%; min-width:1000px;clear: both; position: relative; height:790px;}
.lubo_box{ position: relative; width: 100%; height:790px; }
.lubo_box li{ float: left;position: absolute; top: 0; left: 0; width: 100%; height:790px; opacity: 0;filter:alpha(opacity=0);}
.lubo_box li a{ display: block;width: 100%;  height: 100%;}
.lubo_box li:nth-child(1){opacity: 1;filter:alpha(opacity=100);}
.lubo_box li img{ width: 100%; height: 790px;}

/*圆点*/
.cir_box{ overflow: hidden; position: absolute; z-index: 100;}
.cir_box li{ float: left; width: 15px; height: 15px; margin:0 5px; border-radius:8px; cursor: pointer; background: #FFF; opacity: 0.8;filter:alpha(opacity=80);}
.cir_on{ background: #fba01e !important;}



/*精品课程介绍*/
.wrap{ width:100%; overflow:hidden;}
.jpck{ width:1200px; margin:0 auto; padding:55px 0;}
.ckal{ width:100%; overflow:hidden;}
.jpck_ckal ul{ overflow:hidden; padding:0 4px; padding-top:60px; width:1192px;}
.jpck_ckal ul li{float:left;position:relative;list-style:none;}
.jpck_ckal ul li{ -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s;}
.jpck_ckal ul li img{width:100%;}
.jpck_ckal ul li:hover {-webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); border:solid 1px #fba01e; }
.jpck_ckal ul li:hover span{ opacity:0}
.jpck_ckal ul li{ display:block; width:276px; height:378px; border:solid 1px #ccc; margin:0 10px; margin-bottom:50px; overflow:hidden;}
.jpck_ckal ul li h3{ padding:10px 20px; font-weight:normal; font-size:16px; color:#4e4e4e;}
.jpck_ckal ul li p{ padding:0 20px; line-height:27px; color:#737373;}
.more a{ display:block; width:165px; height:45px; text-align:center; line-height:45px; background:#fba01e; border-radius:5px; margin:0 auto; font-size:16px; color:#FFF;}

/*老师*/
.teacher{ width:100%; overflow:hidden; padding:50px 0; background:url(../img/bg.png) center no-repeat;}
.teacher_content{ width:1200px; margin:0 auto; overflow:hidden; position:relative; padding-bottom:100px;}
.teacher_content a{ color:#FFF;}
.teacher_content a h3{ font-weight:normal;}
.main1{ width:375px; overflow:hidden;}
.main1_cont{ width:165px; height:280px; padding:10px 30px; background:#fbb04f;}
.main1_cont img{ width:300px; height:150px;}
.main2{ width:450px; overflow:hidden;}
.main2_a{ width:150px; height:300px;}
.main2_b{ width:150px;}
.main2_b img{ width:150px; height:150px;}
.main_b_cont{ width:120px; height:120px; background:#00adef; padding:30px 0 0 30px;}
.main3{ width:375px; overflow:hidden;}
.main3_main3{ width:375px; height:150px;}
.main3_main3 img{ float:left; width:150px; height:150px;}
.main3_cont{ width:205px; padding-left:20px; padding-top:20px; height:130px; background:#f06eaa;}
.main4{ width:600px; padding-left:75px; height:150px;}
.main4_cont{ width:270px; padding-left:30px; height:130px; padding-top:20px; background:#3d3d3d;}
.main4 img{ width:300px; height:150px;}
.main5{ width:450px; position:relative; height:150px;}
.main5 img{ float:left; display:block; position:absolute; top:-150px; width:150px; height:300px;}
.main5_cont{ width:270px; height:130px; padding:20px 0 0 30px; background:#90d899; position:absolute;right:0;}
.main6{ padding-left:375px;}
.main6_img{ float:left; width:150px; height:150px;}
.main6_cont{ width:120px; height:130px; padding-top:20px; padding-left:30px; background:#fbae5c;}


.more_b{ position:absolute; bottom:0; left:43.5%;}
.more_b a{ display:block; width:165px; height:45px; text-align:center; line-height:45px; background:#fba01e; border-radius:5px; margin:0 auto; font-size:16px; color:#FFF;}



/*选择*/
.choose{ width:100%; overflow:hidden; background:#f7f7f7; padding-bottom:30px;}
.choose_cont{ width:1200px; margin:0 auto; overflow:hidden;}
.choose_cont_title{ padding:45px 0;}
.choose_cont_left{ width:500px; overflow:hidden; padding-top:50px;}
.choose_cont_center{ width:200px; text-align:center;}
.choose_cont_right{ width:500px; overflow:hidden;padding-top:50px;}
.choose_cont_left h4,.choose_cont_right h4{ display:block; width:90px; float:left; text-align:center; line-height:150px; font-size:22px;}
.choose_cont_left li,.choose_cont_right li{ display:block; width:100%; height:150px; margin-bottom:90px; overflow:hidden;}
.choose_cont_left li{ background:url(../img/choose_bg1.png) no-repeat;}
.choose_cont_right li{ background:url(../img/choose_bg2.png) no-repeat;}
.choose_cont_cont{ width:370px; float:left}
.choose_cont_right h4{ padding-left:30px;}
.choose_cont_cont p{ font-size:18px; font-weight:bolder; color:#fbb04f; padding:10px 0;}
.choose_cont_cont a{ color:#737373; font-size:12px; line-height:21px;}
.choose_cont_cont a:hover{ color:#fbb04f;}
.more3{  margin:0 auto; width:50px; text-align:center;}


/*体系*/
.system{ width:100%; background:url(../img/system_bg.png) 0 200px no-repeat; padding-bottom:40px;}
.system-title{ width:100%; margin:0 auto; padding-top:40px;}
.system-cont{ width:1200px; margin:0 auto; overflow:hidden;}


/*视频*/
.video{ width:100%; padding:40px 0; background:#f8f8f8; overflow:hidden;}
.video-title{ width:1200px; margin:0 auto; padding-bottom:40px;}
.video-cont{ width:1200px; overflow:hidden; margin:0 auto;}


/*教学环境*/
.jxhj{ width:100%; overflow:hidden; padding-top:40px;}
.jxhj-title{ width:1200px; margin:0 auto; margin-bottom:20px;}
.jxhj-cont{ width:1200px; margin:0 auto; overflow:hidden; position:relative; height:640px;}



















/*foot*/
.foot{ width:100%; height:160px; background:#FBAE5C;}
.f_lx{ width:1200px; margin:0 auto; height:100%;}
.f_lx li{ display:block; float:left; width:18.3%; height:110px; padding-left:170px; padding-top:50px;}
.f_lx li p{ font-size:16px; color:#FFF}
.f_lx li span{ font-size:20px; color:#FFF;}
.footb{ width:100%; height:130px; background:#323232;}
.fb_lx{ width:1200px; margin:0 auto;}
.fb_lx li{ display:block; float:left;}
.fb_lx li p{ color:#adacac; line-height:25px;}
.fb_lx li p a{ text-decoration:underline; color:#adacac;}
.padd{ padding-top:40px;}


.clear{ clear:both;}

.ertongfenlei{ width:1200px; margin:0 auto;}
.ertongfenlei ul{ display:table; margin:0 auto; padding-top:50px;}
.ertongfenlei ul li{ width:200px; height:50px; float:left; margin-right:30px;}
.ertongfenlei ul li:nth-child(1){ background:#fbae5c;}
.ertongfenlei ul li:nth-child(2){ background:#77d884;}
.ertongfenlei ul li:nth-child(3){ background:#20b2ea;}
.ertongfenlei ul li:nth-child(4){ background:#f06eaa;}

.ertongfenlei ul li a{ color:#FFFFFF; display:block; text-align:center; line-height:50px; }
.ertongfenlei ul li:hover{-webkit-animation: fa-spin 2s infinite linear;}