﻿@charset "utf-8";
/* teacher-css  */
body{color:#777; background:#fff;}
h1,.h1{font-size: 36px;}
h2,.h2{font-size: 30px;}
h3,.h3{font-size: 24px;}
h4,.h4{font-size: 18px;}
h5,.h5{font-size: 14px;}
a, a:hover {text-decoration: none;}

.main-mbd{width:100%;}
.main-mbd .main-center{max-width:990px; margin:0 auto;}
.navbar{display:none;}

/*------------------------------------------------
     teacher  page 
--------------------------------------------------*/
.h-banner{background: url(../Images/about_01.jpg) no-repeat center;background-repeat: no-repeat;background-position: center 0; height:754px;-webkit-background-size: cover;background-size: 100% 100%;padding: 10% 0 5% 0;text-align: center; position: relative;}
.h-banner .logotxt{border: 0}
.h-banner .logotxt h1{font-weight: bold; color: #fff; font-size:48px; margin-bottom: 30px;}
.h-banner .logotxt p{color: #ddd; padding: 0; margin: 0 0 45px; font-weight: 100; font-size:16px; line-height:30px;}

.marketing{padding:45px 15px;}
.marketing .market_con{ width:33%; float:left; text-align:center; padding:0 15px; box-sizing:border-box;}
.marketing .col-lg-4{margin-bottom: 20px; text-align: center;}
.marketing h2{font-weight: normal; margin:15px 0; color:#444;}
.marketing .col-lg-4 p{margin-right: 10px; margin-left: 10px; font-size:14px;}
.marketing .mt-icon{display:inline-block;}

.tl-section {background: url(../Picture/tl-bg.jpg) #fff; background-repeat: no-repeat; background-position: center 0; -webkit-background-size: cover; background-size: cover; text-align: center; position: relative}
.cm-title{padding:40px 0; text-align:center;}
.cm-title h1{color:#333; margin-bottom:10px; font-size:36px;}
.cm-title p{font-size:16px; color:#666;}

.lc-bar {margin-bottom:80px;}
.lc-bar img{ max-width:100%;}
.lc-bar .cl-m{ display:none;}

.tc-section { padding-bottom:20px;}
.tc-section .mod_shizi li{ width:224px; border:1px solid #ddd; padding:5px; box-sizing:border-box; margin-bottom:30px; margin-right:10px;}
.tc-section .mod_shizi li:
.tc-section .mod_shizi li:hover{ border:1px solid #3fa9f5;}
.tc-section .tl-item{border:1px solid #ddd; margin-bottom:25px;}
.tc-section .tl-item a{display:block;}
.tc-section .tl-item .t-img{display:block; max-height:225px; overflow:hidden; position:relative;}
.tc-section .tl-item .t-img img{width:100%;}
.tc-section .tl-item .v-play-ico{width:48px; height:26px; display:block; background:url(../Images/v-pico.png) no-repeat;-webkit-background-size: contain; background-size: contain; position:absolute; bottom:15px; left:15px;}
.tc-section .tl-item .t-info{display:block; padding:20px 15px; text-align:center;}
.tc-section .tl-item .t-info h3{margin-bottom:10px; color:#333; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
.tc-section .tl-item .t-info p{font-size:14px; color:#de9846;white-space: nowrap;overflow: hidden; text-overflow: ellipsis; height: 30px;}

.ft-section{background: url(../Picture/tl-bg.jpg) #fff; background-repeat: no-repeat; background-position: center 0; -webkit-background-size: cover; background-size: cover;}
.ft-section h2{margin:25px 0; color:#333;line-height: inherit;
    font-size:30px;}
.ft-section h2 strong{font-size:36px; font-weight:normal; color:#ffa31f;}
.ft-section span{font-size:18px; text-decoration:underline; display:block;}
.freg-section{background:#ffba00;}
.freg-section a{color:#fff;}
.freg-con{text-align:center; padding:15px;}
.freg-con a:hover{ text-decoration:underline; color:#fff;}
.freg-con h3 {font-size:24px;}
/*------------------------------------------------
     teacher  interview 
--------------------------------------------------*/
/*--teacher  page banner--*/
.teahcer-mcon{ padding-top:30px;}
.teahcer-banwrap{ background: url(../Picture/ban-bg.png) repeat;}
.teacher-info { padding:10%;}
.teacher-info h1{ color:#333;}
.teacher-info h1 strong{ font-weight:bold;}
.teacher-info .pf{ margin:5% 0;}
.teacher-info .pf strong{ color:#ff7e00; font-weight:normal; font-size:24px;}
.teacher-info .ex{ margin-top:10px; line-height:24px;}
.teacher-info .ex h4{ margin-bottom:10px; color:#333}

.teacher-pbd {text-align:center;position:relative;margin-bottom: 20px;}
.teacher-pbd .teacher-pimg {/* padding:0 25px; */position: inherit;z-index: 99;width: 320px;height: 320px;margin: 0 auto;overflow: hidden;}
.teacher-pbd .teacher-pimg img{ width:100%;}
.teacher-pbd .teacher-pimg a{ display:block;}
.teacher-pbd .teacher-pimg a .playico{ width:62px; height:62px; background: url(../Images/playico.png) no-repeat; display:block; position:absolute;bottom: 50px;
    left: 20px;}

.teacher-pbd .pline{border:8px solid #ffae00;width:100%;min-height:70%;position: absolute;display: block;top: 20%;z-index: 0;}

.p-mscreen{ display:none}
.p-pcfull{ display:block;}
.limit-numb li:nth-child(n+5){ display:none;}

/*--  interview text --*/
.interview-con{ background:#fff; line-height:24px; font-size:15px; padding:35px; margin:20px 0}
.interview-con h2{ text-align:center; color:#333; margin-bottom:25px;
    font-size:30px;}
.interview-con p{ margin-bottom:20px;}
.interview-con .p-img{ text-align:center;}
.interview-con .p-img img{ max-width:100%; margin:0 auto;}
.interview-con div ul{ margin:10px 0;}
.interview-con div ul::after{ content:""; display:block; clear:both;}
.interview-con div ul li{ float:left; width:30%;}
.interview-con div ul li:nth-child(2){ margin:0 5%;}
.interview-con div ul li img{ width:100%;}

/*-- on course--*/
.oncourse-section{}
.oncourse-con{ background:#fff; overflow:hidden; padding:20px;}
.oncourse-con .h4{ text-align:left; color:#333; margin:15px 0;}
.oncourse-con .h4 span{ display: inline-block; padding-left:10px; border-left:3px solid #F90;}

.cl-item {background:#fff; margin:0 10px;}
.cl-item .cl-image{position:relative;}
.cl-item .cl-image a{width:100%; overflow:hidden; display:block; max-height:168px;}
.cl-image a img{width:100%;background-position: center; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s;}
.cl-item .cl-image a:hover img{-webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2);}
.cl-item .cl-image i{width:26px; height:30px; line-height:28px; text-align:center; color:#fff; display:inline-block; background: url(../Images/index_image.png) no-repeat 0 -106px; position:absolute; bottom:-11px; left:15px;}
.cl-item .cl-detail{overflow:hidden;margin-bottom:15px; padding:15px 15px 0 15px;}
.cl-item .cl-detail a{overflow: hidden; display:block; text-overflow: ellipsis; white-space: nowrap;}
.cl-item .cl-detail .h3tit{ font-size:16px; color:#333; margin:5px 0;}

.cl-item .cl-title{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.cl-item .cl-title a{ color:#333;}
.cl-item .cl-title a:hover{ text-decoration:underline;} 
.cl-item .date-time{ color:#888; margin-bottom:10px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}

/*-- PV--*/
.post-tool .like-ico{ width:20px; height:20px; display:inline-block; background: url(../Images/link-ico.png) no-repeat; vertical-align:middle;}
.post-tool{ text-align:right;}
.post-tool span{ margin:0 10px;}
.post-tool .z-more{ border:1px solid #3bc070; border-radius:3px; line-height:24px; padding:0 10px; display:inline-block; color:#3bc070;}
.post-tool .z-more:hover{ background:#3bc070; color:#fff;}

/*--pinglun--*/
.display-module{ background:#fff; padding:20px; margin:20px 0;}
.display-module .h4{ color:#333;padding-bottom:10px;}
.display-module .h4 span{ display: inline-block; padding-left:10px; border-left:3px solid #F90;}
.display-module li{text-align: left; padding:10px 0; border-top: 1px dashed #e8e8e8}
.display-module .img{ width:42px; height:42px; overflow:hidden; border-radius: 50%; display: inline-block; margin-right: .75rem; vertical-align: middle; float: left; margin-top: .5rem}
.display-module .img img{ max-width:100%;}
.display-module .msgwrap{overflow: hidden; font-size: 14px; line-height: 21px;}
.display-module .msgwrap .tit{ color:#ccc;}
.display-module .msgwrap .tit .name{color: #333}
.display-module .msgwrap .tit .class{color: #4285f4}
.display-module .msgwrap .reply,.display-module .msgwrap .time{color: #ccc}
.display-module .msgwrap .text{color: #666; word-break: break-all; word-wrap: break-word}
.display-module .msgwrap .rejected,.display-module .msgwrap .reviewing{display: inline-block; background-color: #ff9831; color: #fff; padding: 0 5px; margin-right: 5px; vertical-align: 1px; font-size: 12px; border-radius: 3px}
.display-module .msgwrap .rejected{background-color: #d7252b}
.display-module .msgwrap .fb-time{text-align: right; color:#999; font-size:12px;}
.display-module .msgwrap .submit{border: 0 none; background-color: transparent; color: #4285f4; font-size: 14px; padding: 0}
.display-module .more a{color: #999; text-align:center; border-radius: 3px; display:block; background-color: transparent; font-size: 14px; line-height:36px;}

/*关于我们*/
.Aboutus_con{ width:800px; margin:20px auto 0;}
.Aboutus_con div{ display:inline-block; float:left; padding:5px 0;  clear:both; border-top:1px dashed #efefef; margin:20px 0; padding:30px 0; width:100%;}
.Aboutus_con div h2{ color:#3fa9f5; font-size:18px; margin-top:20px; font-weight:bold;}
.Aboutus_con div span{ display:block;}
.Aboutus_con div span::after{ content:""; display:block; clear:both;}
.Aboutus_con div span.twospan{ width:100%;}
.Aboutus_con div span.twospan img{ width:100%; margin:20px auto;}
.Aboutus_con div p{ line-height:35px; font-size:15px; margin:20px 0 0 0;}


.about_one{ width:100%; padding:50px 0 20px; position:relative;}
.about_one .onecon_title{ width:100%; background:url(../Images/about_title.png) no-repeat right top;height: 67px;position:absolute;top: 196px;left:0;}
.about_one .about_title{ width:100%; text-align:center;}
.about_one .about_title h3{ font-size:30px; color:#221c33; background: url(../Images/beijingxian.png) no-repeat bottom; line-height:60px;}
.about_one .about_title p{ color:#545253; font-size:18px; font-weight:bold; margin-top:5px;}
.about_one .about_onecon{ width:1200px; margin:0 auto; background:url(../Images/beijingzimu.png) no-repeat top left; min-height:600px;}
.about_one .about_onecon::after{ content:""; display:block; clear:both;}
.about_one .onecon_left{  padding-top:175px; float:left; width:400px;}
.about_one .onecon_left .conleft_img{ width:400px;   overflow:hidden;}
.about_one .onecon_left .conleft_img img{ width:100%;}
.about_one .onecon_left .conleft_title{ width:100%; line-height:28px; font-weight:bold; color:#4e4e4e; font-size:14px; margin-top:40px;}
.about_one .onecon_left .shuming_pan{ width:100%; text-align:right; margin-top:20px;}

.about_one .onecon_right{ float:right; padding-top:175px; width:750px;}
.about_one .onecon_right .conright_title{ width:500px;}
.about_one .onecon_right .conright_title p{ line-height:28px; font-weight:bold; color:#4e4e4e; font-size:14px;}
.about_one .onecon_right .conright_img{ width:100%; margin-top:40px;}
.about_one .onecon_right .conright_img ul::after{ content:""; display:block; clear:both;}
.about_one .onecon_right .conright_img ul li{ float: left;}
.about_one .onecon_right .conright_img ul li:nth-child(1){ width:200px; overflow:hidden;}
.about_one .onecon_right .conright_img ul li:nth-child(2){ width:350px; overflow:hidden;}
.about_one .onecon_right .conright_img ul li:nth-child(3){ width:200px; overflow:hidden;}

.about_two{ width:100%; background:url(../Images/beijing003.png) no-repeat center; background-size:100% 100%; height:996px; padding-top:200px; box-sizing: border-box;}
.about_two .about_title{ width:100%; text-align:center;}
.about_two .about_title h3{ font-size:30px; color:#fff; background: url(../Images/beijingxian.png) no-repeat bottom; line-height:60px;}
.about_two .about_title p{ color:#fff; font-size:18px; font-weight:bold; margin-top:5px;}


.about_twocon { width:1200px; margin:80px auto 0;}
.about_twocon ul::after{ content:""; display:block; clear:both;}
.about_twocon ul li{ float:left; width:146px; height:146px; cursor:pointer; border-radius:50%; border:3px dashed #fff; text-align:center; margin-right:110px; margin-bottom:50px; padding:10px; box-sizing:border-box;}
.about_twocon ul li:nth-child(5n){ margin-right:0;}
.about_twocon ul li a{ display:block; width:100%; height:100%; background:#fff; border-radius:50%;}
.about_twocon ul li i{ color:#8d8d8d; width:100px; height:85px; display:block; margin:0 auto; line-height:85px;}
.about_twocon ul li p{ color:#303030; font-size:14px; color:#020202; font-weight:bold;}

.about_twocon ul li i.icon-reqiqiu{ font-size:90px;}
.about_twocon ul li i.icon-duihua{ font-size:60px;}
.about_twocon ul li i.icon-toolsbar{ font-size:60px;}
.about_twocon ul li i.icon-tigaoedu{ font-size:55px;}
.about_twocon ul li i.icon-dengpao{ font-size:60px;}
.about_twocon ul li i.icon-lingdai{ font-size:60px;}
.about_twocon ul li i.icon-xianlu{ font-size:60px;}
.about_twocon ul li i.icon-vip{ font-size:60px;}
.about_twocon ul li i.icon-gongzuorili{ font-size:60px;}
.about_twocon ul li i.icon-feiji{ font-size:55px;}

.about_twocon ul li:hover{ border-color:#e42021;}
.about_twocon ul li:hover a{ background:#e42021;}
.about_twocon ul li:hover i{ color:#fff;}
.about_twocon ul li:hover p{ color:#fff;}

.about_twocon .chakanxinxi{margin: 40px auto 0;padding:10px 20px;color:#fff;font-size:18px;width: 200px;display: block;text-align: center;border: 2px solid #fff;}
.about_twocon .chakanxinxi:hover{ background:#e42021; color:#fff; border-color:#e42021;}


.about_three{ width:100%; margin-top:50px;}
.about_three .about_title{ width:100%; text-align:center;}
.about_three .about_title h3{ font-size:30px; color:#221c33; background: url(../Images/beijingxian.png) no-repeat bottom; line-height:60px;}
.about_three .about_title p{ color:#545253; font-size:18px; font-weight:bold; margin-top:5px;}
.about_three .about_three_top{ width:1200px; margin:50px auto 0;}
.about_three .about_three_top::after{ content:""; display:block; clear:both;}
.about_three .about_three_top .threetop_lun{ width:100px; height:100px; float:left; margin:30px 100px 0;}
.about_three .about_three_top .threetop_lun .swiper-container{ width:100%; height:100%}
.about_three .about_three_top .threetop_lun .swiper-container .swiper-slide{ width:100%; height:100%;}
.about_three .about_three_top .threetop_lun .swiper-container .swiper-slide img{ width:100%;}
.about_three .about_three_top .threetop_title{ float:right;}

.about_three  .about_three_con{ margin:0 auto 50px; width:1200px;}
.about_three  .about_three_con::after{ content:""; display:block; clear:both;}
.about_three  .about_three_con .aboutthree_left{ float:left; width:560px;}
.about_three  .about_three_con .aboutthree_right{float:left;margin-left:-10px;width: 650px;position: relative;z-index: -1;}
.about_three  .about_three_con .aboutthree_right .threeright_img{ margin:45px 0;}
.about_three  .about_three_con .aboutthree_rightcon{ background:#e7e3e4; padding-left:50px; box-sizing:border-box;}
.about_three  .about_three_con .aboutthree_rightcon ul{ background:#f2eeef; padding:40px 60px; box-sizing:border-box;}
.about_three  .about_three_con .aboutthree_rightcon ul li { position:relative; padding:15px 20px; box-sizing:border-box; min-height:120px;}
.about_three  .about_three_con .aboutthree_rightcon ul li .shuzi_left{ position:absolute; top:0; left:0; font-size:36px; font-weight:bold; color:#e42021;}
.about_three  .about_three_con .aboutthree_rightcon ul li .shuzi_right{ margin-left:30px;}
.about_three  .about_three_con .aboutthree_rightcon ul li .shuzi_right h3{ color:#3e3e3e; font-size:18px; font-weight:bold; margin-bottom:10px;}
.about_three  .about_three_con .aboutthree_rightcon ul li .shuzi_right i{ display:block; width:20px; height:3px; background:#3e3e3e; margin-bottom:8px;}
.about_three  .about_three_con .aboutthree_rightcon ul li .shuzi_right p{ color:#828282; font-size:14px; line-height:20px;}


.about_four{ width:100%; background:url(../Images/beijing004.png) no-repeat center; height:924px; padding:50px 0; box-sizing:border-box; background-size:100% 100%;}
.about_four .about_title{ width:100%; text-align:center;}
.about_four .about_title h3{ font-size:30px; color:#fff; background: url(../Images/beijingxian02.png) no-repeat bottom; line-height:60px;}
.about_four .about_title p{ color:#fff; font-size:18px; font-weight:bold; margin-top:5px;}

.about_four .aboutfour_con{ width:1200px; margin:0 auto; position:relative; padding:100px 0; box-sizing:border-box;}
.about_four .aboutfour_con .fourcon_left{ width:450px; float:left;}
.about_four .aboutfour_con .fourcon_left h3{ font-size:26px; color:#fff; line-height:40px; margin-bottom:30px;}
.about_four .aboutfour_con .fourcon_left p{ font-size:16px; font-weight:bold; color:#fff; line-height:30px;}
.about_four .aboutfour_con .fourcon_right{ position:absolute; top:120px; right:0; width:950px;}
.about_four .aboutfour_con .fourcon_right img{ width:100%;}


.about_five{ width:100%; margin-top:50px;}
.about_five .about_title{ width:100%; text-align:center;}
.about_five .about_title h3{ font-size:30px; color:#221c33; background: url(../Images/beijingxian.png) no-repeat bottom; line-height:60px;}
.about_five .about_title p{ color:#545253; font-size:18px; font-weight:bold; margin-top:5px;}

.about_five .aboutfive_title{ width:380px; height:42px; background:url(../Images/puissance.png) no-repeat center; background-size:cover; margin:80px auto 20px;}
.about_five .aboutfive_con{ background:url(../Images/beijingaaa.png) no-repeat center; height:924px; background-size:100%;}
.about_five .aboutfive_con ul{ width:1200px; margin:0 auto; padding-top:200px; box-sizing:border-box;}
.about_five .aboutfive_con ul::after{ content:""; display:block; clear: both;}
.about_five .aboutfive_con ul li{ float:left; width:218px; margin-right:20px; margin-top:120px; background:#e7e7e7; border:3px solid #fff; height:250px; text-align:center; padding:20px; box-sizing:border-box;}
.about_five .aboutfive_con ul li:nth-child(2){ margin-top:90px;}
.about_five .aboutfive_con ul li:nth-child(3){ margin-top:60px;}
.about_five .aboutfive_con ul li:nth-child(4){ margin-top:30px;}
.about_five .aboutfive_con ul li:nth-child(5){ margin-top:0px;}
.about_five .aboutfive_con ul li h3{ font-size:20px; color:#fb0204; font-weight:bold; margin-bottom:10px;}
.about_five .aboutfive_con ul li p{ color:#2b2b2b; font-size:14px; line-height:20px;}


.about_five .aboutfive_con .chakanxinxi{margin: 40px auto 0;padding:10px 20px;color:#fff;font-size:18px;width: 200px;display: block;text-align: center;border: 2px solid #fff;}
.about_five .aboutfive_con .chakanxinxi:hover{ background:#e42021; color:#fff; border-color:#e42021;}


.about_six{ width:100%;margin-top:-6px; padding-top:50px; background:#dddddd;}
.about_six .about_title{ width:100%; text-align:center;}
.about_six .about_title h3{ font-size:30px; color:#221c33; background: url(../Images/beijingxian.png) no-repeat bottom; line-height:60px;}
.about_six .about_title p{ color:#545253; font-size:18px; font-weight:bold; margin-top:5px;}
.about_six .aboutsix_con{ width:900px; margin:80px auto 0;}
.about_six .aboutsix_con::after{ content:""; display:block; clear:both;}
.about_six .aboutsix_con ul::after{ content:""; display:block; clear:both;}
.about_six .aboutsix_con ul li::after{ content:""; display:block; clear:both;}
.about_six .aboutsix_con ul li{ padding:20px 0;}
.about_six .aboutsix_con ul li .sixcon_right{ margin-top:10px; font-size:14px; color:#3f3f3f; width:calc(100% - 90px);}
.about_six .aboutsix_con ul li .sixcon_left{ background:url(../Images/yuan.png) no-repeat center; width:65px; height:65px; background-size:100%; text-align:center; line-height:65px; font-size:18px; color:#Fff; font-weight:bold; }
.about_six .aboutsix_con ul li:nth-child(2n){ width:100%; padding-right:414px; box-sizing:border-box;}
.about_six .aboutsix_con ul li:nth-child(2n) .sixcon_left{ float:right;}
.about_six .aboutsix_con ul li:nth-child(2n) .sixcon_right{ float:left;}


.about_six .aboutsix_con ul li:nth-child(2n-1){ width:100%; padding-left:420px; box-sizing:border-box;}
.about_six .aboutsix_con ul li:nth-child(2n-1) .sixcon_left{ float:left;}
.about_six .aboutsix_con ul li:nth-child(2n-1) .sixcon_right{ float:right;}


.about_seven{ width:100%; background:url(../Images/beijingbbb.jpg) no-repeat center ;  padding-top:200px; box-sizing:border-box;}
.about_seven .about_title{ width:100%; text-align:center;}
.about_seven .about_title h3{ font-size:30px; color:#fff; background: url(../Images/beijingxian.png) no-repeat bottom; line-height:60px;}
.about_seven .about_title p{ color:#fff; font-size:18px; font-weight:bold; margin-top:5px;}
.about_seven .seven_map{ width:100%; margin:50px 0 0;}
.about_seven .seven_map #map{ width:100%; height:600px;}

.about_eight{ background:#626262; width:100%; padding:50px 0; box-sizing:border-box;}
.about_eight .abouteight_title{ width:100%; text-align:center;}
.about_eight .abouteight_title h3{ font-size:36px; color:#fff; margin-bottom:20px;}
.about_eight .abouteight_title p{ font-size:16px; color:#fff;}
.about_eight .abouteight_title em{ font-size:20px; font-weight:bold; color:#fff;}

.about_eight ul{ width:1200px; margin:80px auto 0;}
.about_eight ul::after{ content:""; display:block; clear:both;}
.about_eight ul li{ float:left; width:207px; padding:20px; cursor:pointer; box-sizing:border-box; margin-right:41px; background:#fff; text-align:center;}
.about_eight ul li:nth-child(5){ margin-right:0;}
.about_eight ul li .eighttitle_img{ width:106px; height:117px; margin:0 auto;}
.about_eight ul li .eighttitle_img img{ width:100%;}
.about_eight ul li .eighttitle_title{ padding:40px 0 0; box-sizing:border-box;}
.about_eight ul li .eighttitle_title p{ font-size:20px; font-weight:bold; color:#333;}
.about_eight ul li:hover{ background:#202020; color:#fff;}
.about_eight ul li:hover p{ color:#fff;}