body{
    min-width: 1047px;
    margin: 0 auto;
    font-size: 12px;
    line-height: 22px;
}
/* the header and navigation  */
header{
    position: relative;
    text-align: center;
}
.header_1{
    position: relative;
}
.nav{
/*    border-bottom: 1px solid #c5c5c5;    */
    background: #FFF;
}
.nav_1{
    height: 60px;
    width: 100%;
}
.nav_2 {
  display: none;
  height: 60px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 300;
    border-bottom: 1px solid #c5c5c5;
}
.nav_main{
    width: 900px;
    margin: 0 auto;
}
.f1{ float: left;}
.nav_main p a{
    display: block;
    height: 60px;
    width: 56px;
    background: url(../images/logo.png) center no-repeat;
}
.nav_main ul{ float:right;}
.nav_main ul li{
    float: left;
    margin-left: 80px;
    font-size: 18px;
    font-family: "微软雅黑";
    letter-spacing:4px;
    line-height:60px;
    color: #333;
}
.nav_main ul li a{ color: #333;}
.nav li a:hover{ color:#f0b502;}
.nav_main i{
    height:21px;
    width:21px;
    display:block;
    float:left;
    margin-top:21px;
    margin-right:5px;
}
.nav_bg_1{ background: url("../images/icon_1_hover.png") center no-repeat;}
.nav_bg_2{ background: url("../images/icon_2.png") center no-repeat;}
.nav_bg_3{ background: url("../images/icon_3.png") center no-repeat;}
.nav_bg_4{ background: url("../images/icon_4.png") center no-repeat;}
.nav_bg_2_hover{ background:url(../images/icon_2_hover.png) center no-repeat;}
.banner{
    position: relative;
    width: 99.9%;
}
.banner_pc{
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    right: 26.53061%;
    width: 22.23416%;
}
.banner_1{ max-width: 100%;}



/* the main */
.main{
    margin-top: 1.61117%;
    padding: 0;
}
.main_1{
    margin: 0 auto;
    width: 63.37272%;
}
.main_2{
    margin: 0 auto;
    position: relative;
    top: -5px;
}
.main_2_bc{
    position: relative;
    top: -5px;
    left:0;
    z-index: -100;
}
.main_3{ padding-top: 3.16864%}
.main_4{
    padding-top: 7.25027%;
    margin-top: 7.25027%;
}
.main_5{ padding-top: 6.44468%;}

/* xueba   */
.main_xueba{
    margin: 0 auto;
    width: 63.30508%;
    padding-top: 2.45763%;
}
.main_xueba_l{
    margin: 0 auto;
    width: 19.91525%;
    padding-top: 1.01695%;
    float: left;
}
.main_xueba_r{
    margin: 0 auto;
    width: 79.49153%;
    float: right;
}

/* 01 classroom */
.main_class{
    margin: 0 auto;
    position: absolute;
    top: 9.66702%;
    left: 39.5811%;
    width: 20.51557%;
    z-index: 0;
}
.main_class2{
    margin: 0 auto;
    position: absolute;
    top: 15.78947%;
    left: 18.63588%;
    width: 62.72825%;
    z-index: 0;
}
.main_class3{
    margin: 0 auto;
    position: absolute;
    bottom: 5px;
    left: 18.20623%;
    width: 30.82707%;
    z-index: 0;
}
.main_class4{
    margin: 0 auto;
    position: absolute;
    bottom: 34.37164%;
    right: 19.33405%;
    width: 27.81955%;
    z-index: 0;
}
.main_class5{
    margin: 0 auto;
    position: absolute;
    bottom: 4.83351%;
    right: 15.03759%;
    width: 28.24919%;
    z-index: 0;
}
.main_class6{
    margin: 0 auto;
    position: absolute;
    top: 30.93448%;
    left: 26.96026%;
    width: 45.64984%;
    z-index: 0;
}

/*  Track record */
.main_them_1{
    margin: 0 auto;
    width: 55.25424%;
}
.main_them_2{
    margin: 0 auto;
    width: 100%;
    padding-top: 1.69492%;
}
.main_them_3{ padding-top: 5.08475%;}
.main_them_4{
    position: relative;
    padding-top: 2.2686%;
    padding-left: 2.45009%;
}
.them_4_pic1{
    width: 9.07441%;
    padding-left: 1.81488%;
    padding-top: 4.26497%;
    float: left;
}
.them_4_pic2{
    float: left;
    width: 13.33938%;
    padding-left: 0;
    padding-right: 0;
}

/* composition   */
.main_composition{
    margin: 0 auto;
    position: absolute;
    top: 10.74114%;
    left: 31.36412%;
    width: 37.48657%;
    z-index: 0;
}
.main_composition2{
    margin: 0 auto;
    position: absolute;
    top: 16.971%;
    left: 34.58647%;
    width: 30.1826%;
    z-index: 0;
}
.main_composition3{
    margin: 0 auto;
    position: absolute;
    top: 19.65628%;
    left: 23.52309%;
    width: 52.63158%;
    z-index: 0;
}
.main_composition4{
    margin: 0 auto;
    position: absolute;
    top: 28.46401%;
    left: 18.25994%;
    width: 63.37272%;
    z-index: 0;
}
.main_composition5{
    margin: 0 auto;
    position: absolute;
    bottom: 9.66702%;
    left: 24.16756%;
    max-width: 63.37272%;
    z-index: 0;
}

/* homework   */
.main_work{
    margin: 0 auto;
    position: absolute;
    top: 9.66702%;
    left: 39.5811%;
    width: 20.51557%;
    z-index: 0;
}
.main_work2{
    margin: 0 auto;
    position: absolute;
    top: 15.78947%;
    left: 18.63588%;
    width: 62.72825%;
    z-index: 0;
}
.main_work3{
    margin: 0 auto;
    position: absolute;
    bottom: 5px;
    left: 18.20623%;
    width: 30.82707%;
    z-index: 0;
}
.main_work4{
    margin: 0 auto;
    position: absolute;
    top: 45.86466%;
    right: 19.33405%;
    width: 27.81955%;
    z-index: 0;
}
.main_work5{
    margin: 0 auto;
    position: absolute;
    bottom: 4.83351%;
    right: 15.03759%;
    width: 28.24919%;
    z-index: 0;
}
.main_work6{
    margin: 0 auto;
    position: absolute;
    top: 30.93448%;
    left: 26.96026%;
    width: 45.64984%;
    z-index: 0;
}

.main_work7{
    margin: 0 auto;
    position: absolute;
    top: 40.93448%;
    left: 18.63588%;
    width: 62.7282%;
    z-index: 0;
}


/*  teacher  */
.main_teacher{
    margin: 0 auto;
    position: absolute;
    top: 3.54458%;
    left: 23.89903%;
    width: 52.20193%;
    z-index: 0;
}
.main_teacher2{
    margin: 0 auto;
    position: absolute;
    top: 9.89474%;
    left: 18.36735%;
    width: 62.62084%;
    z-index: 0;
}
.main_teacher3{
    margin: 0 auto;
    position: absolute;
    bottom: 10px;
    left: 18.36735%;
    width: 63.37272%;
    z-index: 0;
}

/* 视频1样式  */
#gla_box {
  margin: 20% auto 0;
  position: relative;
  width: 100%;
  padding-top:15%;
}
#gla_box li {
  display: block;
  width: 60%;
  height:100%;
}

.roundabout-holder {
  width: 100%;
}

.roundabout-moveable-item {
  cursor: pointer;
  display: block;
  width: 69%;
}

.gla_inbox {
  overflow: hidden;
  position: relative;
}

.gla_inbox a {
  height: 20%;
  left: 43%;
  position: absolute;
  top: 29%;
  width: 15%;
  display:block;
  background-image: url("data:image/gif; base64,AAAA");
}


.gla_inbox img {
  width: 100%;
}


/* 视频2样式  */

#gla_box2 {
  bottom: -10%;
  left: 18.2599%;
  margin: 0 auto;
  position: absolute;
  width: 63.3727%;
}
#gla_box2 li {
  display: block;
  float:left;
}

#gla_box2 li.l1{
    width:63%;
}

#gla_box2 li.l2 {
  height: 48.2654%;
  float:right;
  margin-top:9.2544%;
  width: 30.4521%;
  opacity:0.55;
}



/*轮播*/



.lunbo{
    width: 100%;
    position: relative;
}

.lunbo .pc_02{ 
    margin:0 auto;
    width:90%;
    position: absolute;
    top:0;
}

.lunbo .pc_02>img{
    width:100%;
}

.lunbo ul {
  left: 12.8%;
  margin-top: 6.53%;
  overflow: hidden;
  position: absolute;
  width: 65.245%;
}
.lunbo ul  li {
    position: absolute;
    top: 0;
    width:100%;
}


.lunbo ul li img{
    width:100%;
}

.lunbo ul li .hand{
    position:absolute;
    top:20%;
    left:40.4342%
}

.lunbo ol {
  float: right;
  margin: 8% 0 0;
  width: 17.6%;
}
.lunbo ol li{
    height:15%;
    margin-bottom:11%;
    cursor:pointer;
}

.lunbo ol li img{
    width:100%;
}

.lunbo ol li .def{
    display:block;
}
.lunbo ol li .ho{
    display:none;
}

.lunbo ol li.active .def{
    display:none;
}
.lunbo ol li.active .ho{
    display:block;
}

/*手*/
.hand ul {
  left: 40%;
  margin-top: 19.2%;
  overflow: hidden;
  position: absolute;
  width: 50%;
}
.hand ul li {
  left: 30%;
  position: absolute;
  top: 0;
  width: 30%;
}

.hand ul li  img{
    width:100%;
}

/* theme2   */
.main_theme2{
    margin: 0 auto;
}
.main_theme2_1{
    text-align: center;
    width: 100%;
    margin-top:2%;
}
.main_theme2_2,
.main_theme2_3,
.main_theme2_4
{
    text-align: center;
    width: 100%;
    margin-top:1.5%; 
}
.main_theme2_1>img{
    width: 37.48657%;
}
.main_theme2_2>img{
    width: 30.1826%;
}
.main_theme2_3>img{
    width: 52.63158%;
}
.main_theme2_4>img{
    width: 63.37272%;
}

.main_theme2_4 .left {
  display: inline-block;
  width: 46.3727%;
  float:none;
}
.main_theme2_4 .right{
     display: inline-block;
     float:none;
}

.main_theme2_4 .left>img{
    width:100%;
}

.main_theme2_4 .right{
    width:5%;
}

.main_theme2_4 .right>img{
    width: 100%;
    margin-bottom:1em;
}

.jiaguan {
  left: 15%;
  position: absolute;
  top: 15%;
  width: 12%;
}
.jiaguan ul {
  left: 5%;
  overflow: hidden;
  position: absolute;
  top: 14%;
  width: 90%;
}
.jiaguan ul li{
    position: absolute;
    width:100%;
}
.jiaguan img{
    width:100%;
}

.hand_1 {
  left: 8%;
  position: absolute;
  top: 58%;
  width: 12%;
  z-index: 90;
}

.hand_1 ul {
  left: 5%;
  position: absolute;
  top: 14%;
  width: 90%;
}

.hand_1 ul li{
    position: absolute;
    width:100%;
}


.main_work7 .youxi{
    position:absolute;
    width:42.1254%;
    top:5%;
    right:5%;
}

.main_work7 .youxi img{
    width:100%;
}


#video {
  background: rgba(0,0,0,0.5);
  display: none;
  height: 100%;
  left: 0;
  position: fixed !important;
  top: 0;
  width: 100%;
  z-index: 999;
}

#video  .content{
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-280px;
    margin-left:-450px;
    width:900px;
    height:560px;
}

#video div.jp-audio,#video div.jp-video{
    border:none;
}

#video div.jp-video div.jp-interface{
    border:none;
}