@charset "utf-8";
body,button,input,select,textarea{font:12px/1.125 Arial,Helvetica,sans-serif;_font-family:"SimSun";}
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
li{list-style:none;}
fieldset,img{border:0;}


/* top_slider */
.top_slider{width:1020px;overflow:hidden;*position:relative;margin:40px auto 0 auto;}
.top_slider .ts_inner{margin-right:-3px;}
.top_slider .slider_list{position:relative;height:266px;overflow:hidden;z-index:2;}
.top_slider .slider_list ul{-webkit-transition:margin .5s ease-out 0s;-moz-transition:margin .5s ease-out 0s;transition:margin .5s ease-out 0s;}
.top_slider .ts_column{float:left;}.top_slider .slider_box{position:relative;margin:0 3px 3px 0;width:195px;height:120px;overflow:hidden;}
.top_slider .slider_box .app_link{display:block;overflow:hidden;}.top_slider .slider_box .app_link img{width:195px;height:120px;}
.top_slider .slider_intro{position:absolute;display:inline-block;background:url(https://img.alicdn.com/imgextra/i3/1922566416/TB2lAt2mVXXXXa7XXXXXXXXXXXX-1922566416.png) repeat;background:rgba(0,0,0,.5);font-size:14px;color:#fff;left:0;top:72px;padding:7px 10px 0;height:22px;width:inherit;overflow:hidden;}
.top_slider .slider_intro em{display:block;margin-bottom:5px;cursor:pointer;white-space:nowrap;}.top_slider .more_apps a .goback{margin-top:44px;}
.top_slider .slider_intro .more{font-size:12px;display:none;white-space:nowrap;}.top_slider .slider_intro .allstar{vertical-align:top;margin-right:5px;}
.top_slider .app_link:hover{text-decoration:none;zoom:1;}
.top_slider .app_link:hover .slider_intro{width:175px;height:41px;padding:7px 10px 0;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;}
.top_slider .app_link:hover .slider_intro .more{display:block;}
.top_slider .more_apps a{display:block;background:#d4eefb;width:205px;height:120px;font-family:"Microsoft Yahei","微软雅黑";font-size:20px;overflow:hidden;text-shadow:0 1px 0 #fff;}
.top_slider .more_apps .txt_con{display:block;margin:32px 0 0 44px;}.top_slider .more_apps a em{display:block;margin-bottom:8px;}
.top_slider .ts_inner{position:relative;width:1016px;overflow:hidden;}.top_slider .slider_list{width:3060px;height:532px;}
.top_slider .slider_item{float:left;width:1016px;}
.top_slider .middle_column{margin:0 3px;}
.top_slider .slider_btn_left,.top_slider .slider_btn_right{background:url(https://img.alicdn.com/imgextra/i3/1922566416/TB2Zv02mVXXXXa3XXXXXXXXXXXX-1922566416.png) no-repeat;_background:url(https://img.alicdn.com/imgextra/i2/1922566416/TB2UA4mmVXXXXcTXpXXXXXXXXXX-1922566416.gif) no-repeat;display:block;width:29px;height:56px;position:absolute;top:102px;z-index:5;opacity:.7;filter:alpha(opacity=70);}
.top_slider .slider_btn_left{background-position:0 0;left:0;}
.top_slider .slider_btn_right{background-position:0 -61px;right:0;}
.top_slider .slider_btn_left:hover,.top_slider .slider_btn_right:hover{opacity:1;filter:alpha(opacity=100);}
.top_slider .column_large{float:left;width:390px;}
.top_slider .column_large_one{position:relative;width:390px;height:260px;overflow:hidden;}
.top_slider .column_large .column_img_container{width:390px;height:260px;overflow:hidden;}
.top_slider .column_large_img{width:390px;height:260px;}.top_slider .column_small{float:left;width:205px;}.column_smal{float:left;width:205px;margin-left: 3px;}
.top_slider .column_small_first,.top_slider .column_small_second{position:relative;width:205px;margin-bottom:3px;overflow:hidden;}
.top_slider .column_small_first{height:128px;}.top_slider .column_small_second{height:129px;}
.top_slider .column_small .column_img_container{width:205px;overflow:hidden;}
.top_slider .column_small_first .column_img_container{height:128px;}
.top_slider .column_small_second .column_img_container{height:129px;}
.top_slider .column_small_img{width:205px;height:130px;}
.top_slider .column_select_layer{position:absolute;overflow:hidden;left:0;z-index:5;}
.top_slider .column_select_layer{-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;}
.top_slider .layer_mask{position:absolute;width:100%;height:100%;background:#000;opacity:.7;filter:alpha(opacity=70);left:0;top:0;z-index:5;}
.top_slider .layer_content{display:none;position:relative;width:380px;height:42px;padding:0 0 0 10px;left:0;top:0;z-index:10;}
.top_slider .column_title{padding:5px 0 0 0;color:#fff;font-size:14px;font-weight:bold;}.top_slider .column_info{height:14px;padding:5px 0 0 0;}
.top_slider .column_info .allstar{float:left;}.top_slider .column_play_count{float:left;margin-left:-1px;color:#ccc;}
.top_slider .column_large .column_select_layer{width:390px;height:48px;bottom:-48px;}
.top_slider .column_small .column_select_layer{width:205px;height:48px;bottom:-48px;}
.top_slider .column_small .layer_content{width:185px;}
.top_slider .column_selected .layer_content{display:block;}
.top_slider .column_selected .column_select_layer{bottom:0;}
.top_slider .tab_awards{width:16px;height:16px;background-position:0 0;}
.top_slider .tab_processing{width:39px;height:16px;background-position:0 -20px;}
.top_slider .column_item_link{position:absolute;background:#fafafa;opacity:0;filter:alpha(opacity=0);top:0;left:0;z-index:10;}
.top_slider .column_large_one .column_item_link{width:390px;height:260px;}
.top_slider .column_small_first .column_item_link{width:205px;height:128px;}
.top_slider .column_small_second .column_item_link{width:205px;height:129px;}
/*zhuanye*/
.page08 {
    margin:80px auto 0;
    /*background: url(../image/page09_bg.jpg) no-repeat center;
    height: 1030px;*/}
.page08 .page08_cot {
    width: 1200px;
    margin: 60px auto 0;}
.page08 .page08_cot h3 {
    text-align: center;
    color: black;
    font-size: 40px;}

.page08 .page08_cot  ul{
  width: 1200px;
  height: 750px;
  background: #ffffff;
  margin-top: 30px;
}
.page08 .page08_cot  ul li{
  float: left;
  width: 140px;
  height: 196px;
  margin-left: 74px;
  margin-top: 40px;
}
.page08 .page08_cot  ul li:nth-child(1),.page08 .page08_cot  ul li:nth-child(6),.page08 .page08_cot  ul li:nth-child(11){
  margin-left: 100px;
}
.page08 .page08_cot  ul li ol {
    box-shadow: 0 1px 7px 1px #00000024;
    width: 140px;
    height: 140px;
    border-radius: 5px;
    text-align: center;
}
.page08 .page08_cot  ul li ol img{
  margin-top: 10px;
}
.page08 .page08_cot  ul li ol p{
  margin-top: 10px;
  font-size: 18px;
  color: #333333;
}
.page08 .page08_cot  ul li a{
  font-size: 18px;
  display: block;
  width:110px;
  border:1px solid #3e9789;
  color: #3e9789;
  margin: 20px auto 10px;
  text-align: center;
  height:34px;
  line-height: 34px;
  border-radius: 5px;

}
.page08 .page08_cot  ul li:hover a{
  background: #3e9789;
  color: #fff;
}

/*logo*/
.page11 {
  width: 100%;
  height:810px;
  margin-top: 50px;

} 
.page11 .main_titles{ 
  margin: 20px auto;
  padding-top: 20px;
}
.page11 .main_titles h3{
  z-index: 2;
}
.page11 .main_titles h3:after{
color: #eeeeee;;
      left: 103px;
}
.page11_cont {
  width: 1200px;
    margin: 70px auto;
}
.page11 .main_titles h3 {
    text-align: center;
    color: black;
    font-size: 40px;}
.page11_cot ul li {
  float: left;
  width: 25%;
  border-bottom: 2px solid #fff;
  text-align: center;
  padding-bottom: 20px;
}
 .page11_cot ul li a{
  font-size: 24px;
  color: #fff;
 }
.page11_cot .curriculum_item_active{
  color: #ea3131;
border-bottom: 2px solid #ea3131;
}
.page11_cot .curriculum_item_active a{
    color: #ea3131;
}
.hide {
  display: none;
}
.teacher_navbar ul li{
  float: left;
  text-align: center;
  width:25%;
  color: #999;
  padding-bottom: 22px;
  border-bottom: 2px solid #eee;
  margin-bottom: 28px;
font-size: 24px;}

.teacher .swiper_box {
  position: relative;
    width: 1200px;
    margin: 0 auto;
    text-align: center;
      
  }
  .teacher .swiper-slide{
    margin-top: 20px !important;
    width: 250px !important;
       margin-left: 25px;
    margin-right: 25px;

    height: 275px;
    box-shadow: 0 1px 7px 1px #00000024;

  }
  .swiper_box_item img{
    padding: 20px 0 10px;
    margin-top: -5px;
  }
    .swiper_box_item p {
      font-size: 20px;
      color: black;
    margin-top: 3px;
    }
    .swiper_box_item a{
    display: inline-block;
    width: 73px;
    height: 30px;
    line-height: 27px;
    margin-left: 3px;
    font-size: 16px;
    margin-top: 18px;
    border-radius: 5px;
    }

.swiper_box_item .page11_lf,.swiper_box_item .page11_ce{
  border:1px solid #3e9789;
  color: #3e9789;
}
.swiper_box_item .page11_rt{
  background: #3e9789;
  color: #fff;
   border:1px solid #3e9789;
}
.teacher .swiper_box .swiper-container{
  position: inherit;
      height: 602px;
}
.teacher .swiper_box_content .swiper-button-next {
    background: url(../image/next_right.png) no-repeat center;
    left: 1225px;
    top: 318px;
    width: 27px;
    height: 66px;

}
.teacher .swiper_box_content .swiper-button-prev {
    background: url(../image/next_left.png) no-repeat center;
    left: -60px;
    top: 318px;
    width: 27px;
    height: 66px;
}
.teacher_navbar {
    height: 80px;
}
.teacher_navbar ul .on {
    color: #3e9789;
    border-bottom: 2px solid #3e9789;
    position: relative;
}
/*youshi*/
.page03{
    margin: 0px auto 0;
  width: 1200px;
}
.page03_cont{
  margin-top: 20px;
}

.page03 ul li{
  float: left;
  width: 300px;
  height: 366px;
  background: url(../image/page03_03.jpg) no-repeat center;
  position: relative;
  margin-top: 40px;
}
.page03 ul li:nth-child(1){
  background: url(../image/page03_02.jpg) no-repeat center;
}
.page03 ul li:nth-child(5){
  margin-left: 135px;
}
.page03 ul li:nth-child(7){
  background: url(../image/page03_01.jpg) no-repeat center;
  width: 283px;
}
.page03 ul li h2{
    position: absolute;
    left: 64px;
    top: 15px;
    font-size: 20px;
    color: #fff;
}
.page03 ul li ol {
margin-top: 160px;
}
.page03 ul li ol h3{
font-size: 24px;
    position: relative;
    margin-left: 30px;
    color: black;
}
.page03 ul li ol h3:after{
    position: absolute;
    width: 26px;
    height: 4px;
    background: #3e9789;
    left: 1px;
    top: -28px;
    border-radius: 4px;
    content: "";
}
.page03 ul li ol p{
  font-size: 14px;
  color: #666666;
  margin-left: 30px;
  width: 200px;
  margin-top: 30px;
  height: 90px;
}
.page03 ul li ol a{
  display: block;
  width: 170px;
  margin-left: 30px;
  font-size: 18px;
  color: #3e9789;
  border:1px solid #3e9789;
  text-align: center;
  padding: 5px 0;
  border-radius: 5px;

}

.page03 ul li ol a:hover{
  background: #3e9789;
  color: #fff;
}
