@charset "utf-8";
/* CSS Document */
body {
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-family: "Source Han Sans CN";
}

body a {
  outline: none;
  position: relative;
}
div,ul,li,p,form,h1,h2,h3,h4,h5,h6,dt,dd,dl {
  padding: 0;
  margin: 0;
}
a {
  text-decoration: none;
  color: #000;
}
img {
  border: none;
  vertical-align: top;
}
ul,li {
  list-style: none;
}
table {
  border-collapse: collapse;
  margin: 0 auto;
}
* {
  margin: 0;
  padding: 0;
}
.The_total {
  width: 100%;
  font-family: "Source Han Sans CN";
}
.The_total1000 {
  width: 1000px;
  margin: 0 auto;
  font-family: "Source Han Sans CN";
  line-height: 0px;
}
.dv_box {
  width: 1100px;
  margin: auto;
  padding: 40px 0px;
}
.dv_box h1 {
  font-size: 36px;
  line-height: 80px;
  margin: auto;
  text-align: center;
}
.dv_box>h2 {
  text-align: center;
}
.dv_box h3 {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  margin: 5px auto;
  line-height: 30px;
}
.dv_box h4 {
  width: 10px;
  height: 10px;
  border-radius: 20px;
  margin: 5px auto;
  line-height: 30px;
}
.wrup {


  width: 1077px;


  margin: 12px auto 60px auto;


}





#divLogin a {


  width: 26px;


  float: left;


  line-height: 40px;


}


#divLoginSuccess {


  color: #900;


  line-height: 24px;


}


/*banner*/





.ban_bgd {


  min-width: 1100px;


  height: 717px;


  background: url(../../images/erjian/ban_bg.jpg) no-repeat center center;


  background-size: 100% 100%;


}





.banner {


  height: 591px;


  padding-top: 126px;


}





.ban_top {


  width: 656px;


  height: 55px;


  line-height: 55px;


  font-size: 56px;


  font-weight: bold;


  text-align: center;


  color: #ffffff;


  background: url(../../images/erjian/b_title.png) no-repeat;


  margin: 0 auto;


}





.ban_mid {


  width: 1100px;


  height: 100px;


  line-height: 100px;


  text-align: center;


  font-size: 100px;


  color: #ffffff;


  font-weight: bold;


  margin: 51px auto;


}





.ban_mid span {


  color: #ffd100;


}





.ban_bot {


  width: 1097px;


  height: 333px;


  background: url(../../images/erjian/ban_b.png) no-repeat;


  position: relative;


}





.ban_bot ul li.d1 {


  width: 181px;


  height: 213px;


  position: absolute;


  left: 150px;


  top: 0px;


}





.ban_bot ul li.d2 {


  width: 181px;


  height: 213px;


  position: absolute;


  left: 406px;


  top: 0px;


}





.ban_bot ul li.d3 {


  width: 181px;


  height: 213px;


  position: absolute;


  left: 662px;


  top: 0px;


}





.ban_bot ul li.d4 {


  width: 181px;


  height: 213px;


  position: absolute;


  right: 0px;


  top: 0px;


}





.ban_bot ul li h3 {


  width: 181px;


  height: 80px;


  line-height: 80px;


  font-size: 36px;


  font-weight: bold;


  color: #ffd100;


  text-indent: 20px;


}





.ban_bot ul li p {


  width: 181px;


  height: 90px;


  line-height: 30px;


  font-size: 18px;


  color: #ffffff;


}





.ban_bot ul li a {


  display: block;


  width: 140px;


  height: 40px;


  line-height: 40px;


  text-align: center;


  font-size: 18px;


  font-weight: bold;


  background: #ffd100;


  color: #2133a2;


  border-radius: 30px;


  margin-top: 20px;


}





.ban_bot ul li a:hover {


  animation: shake 1s cubic-bezier(.36, .07, .19, .97) both;


}





@keyframes shake {





  10%,


  90% {


    transform: translate3d(-2px, 0, 0);


  }





  20%,


  80% {


    transform: translate3d(4px, 0, 0);


  }





  30%,


  50%,


  70% {


    transform: translate3d(-8px, 0, 0);


  }





  40%,


  60% {


    transform: translate3d(8px, 0, 0);


  }


}











/*part01*/


.part01 {


  min-width: 1100px;


  height: 600px;


  background: url(../../images/erjian/sec1_bg.jpg) no-repeat;


  background-size: 100% 100%;


}





.part01_cont {


  height: 560px;


  padding-top: 40px;


}





.part01_h2 {


  width: 711px;


  height: 84px;


  line-height: 124px;


  text-indent: 110px;


  font-size: 48px;


  font-weight: bold;


  color: #333333;


  background: url(../../images/erjian/title01.png) no-repeat;


  margin: 0 auto;


}





.part01_h2 span {


  color: #2129a5;


}





.part01_h3 {


  width: 479px;


  height: 23px;


  line-height: 23px;


  font-size: 22px;


  text-align: center;


  background: url(../../images/erjian/title001.png) no-repeat;


  color: #333333;


  margin: 30px auto;


}





.part01_div {


  width: 1100px;


  height: 361px;


  margin: 0 auto;


}





.part01_div ul li {


  float: left;


  width: 262px;


  height: 328px;


  background: url(../../images/erjian/tt02.png) no-repeat;


  padding-top: 33px;


}





.mr17 {


  margin-right: 17px;


}





.part01_div ul li h3 {


  width: 262px;


  height: 55px;


  line-height: 55px;


  font-size: 28px;


  font-weight: bold;


  text-align: center;


  color: #35367f;


}





.part01_div ul li p {


  width: 204px;


  height: 140px;


  line-height: 28px;


  font-size: 18px;


  margin: 35px auto;


  color: #ffffff;


}





.part01_div ul li a {


  display: block;


  width: 161px;


  height: 47px;


  line-height: 47px;


  font-size: 20px;


  font-weight: bold;


  color: #2133a2;


  background: #ffd100;


  border-radius: 30px;


  text-align: center;


  margin: 0 auto;


}





.part01_div ul li a:hover {


  background: url(../../images/erjian/niuniuniu.png) no-repeat;


  color: #ffffff;


}











.part01_div ul li a:hover {


  animation: shake 1s cubic-bezier(.36, .07, .19, .97) both;


}





@keyframes shake {





  10%,


  90% {


    transform: translate3d(-2px, 0, 0);


  }





  20%,


  80% {


    transform: translate3d(4px, 0, 0);


  }





  30%,


  50%,


  70% {


    transform: translate3d(-8px, 0, 0);


  }





  40%,


  60% {


    transform: translate3d(8px, 0, 0);


  }


}











.mr80 {


  margin-right: 80px;


}





.mt30 {


  margin-top: 30px;


}








/* part02 */


.part02 {


  min-width: 1100px;


  height: 793px;


  background: url(../../images/erjian/sec2_bg.jpg) no-repeat;


  background-size: 100% 100%;


}





.part02_cont {


  height: 753px;


  padding-top: 40px;


}





.part02_h2 {


  width: 711px;


  height: 84px;


  line-height: 124px;


  text-indent: 110px;


  font-size: 48px;


  font-weight: bold;


  color: #ffffff;


  background: url(../../images/erjian/title02.png) no-repeat;


  margin: 0 auto;


}





.part02_h2 span {


  color: #ffd100;


}





.part02_h3 {


  width: 391px;


  height: 21px;


  line-height: 21px;


  font-size: 22px;


  text-align: center;


  color: #ffffff;


  background: url(../../images/erjian/title002.png) no-repeat;


  margin: 30px auto;


}





.part02_div {


  width: 1100px;


  height: 557px;


  margin: 0 auto;


}





.part02_div ul li {


  float: left;


  width: 520px;


  height: 268px;


  background: url(../../images/erjian/icon_bg.png) no-repeat;


  position: relative;


}





.part02_div ul li span {


  width: 114px;


  height: 117px;


  position: absolute;


  top: 36px;


  left: 50px;


}





.part02_div ul li h3 {


  width: 114px;


  height: 58px;


  line-height: 58px;


  text-align: center;


  font-size: 24px;


  color: #ffffff;


  position: absolute;


  top: 152px;


  left: 50px;


}





.part02_div ul li p {


  width: 277px;


  height: 84px;


  line-height: 28px;


  font-size: 19px;


  color: #333333;


  position: absolute;


  top: 70px;


  left: 213px;


}





.part02_div ul li a {


  display: block;


  width: 227px;


  height: 51px;


  line-height: 51px;


  font-size: 25px;


  text-align: center;


  color: #ffffff;


  background: url(../../images/erjian/blueniu.png) no-repeat;


  position: absolute;


  top: 162px;


  left: 213px;


}





.part02_div ul li a:hover {


  background: url(../../images/erjian/redniu.png) no-repeat;


}





.p_icon {


  width: 71px;


  height: 75px;


  position: absolute;


  bottom: 0px;


  right: 0px;


}





.mr60 {


  margin-right: 60px;


}





.mt20 {


  margin-top: 20px;


}





/*section2*/





.section2 {


  min-width: 1100px;


  height: 620px;


  background: url(../../images/erjian/sec3_bg.jpg) no-repeat;


  background-size: 100% 100%;


}





.sec2_cont {


  height: 580px;


  padding-top: 40px;


  position: relative;


}





.sec2_h2 {


  width: 827px;


  height: 84px;


  line-height: 124px;


  text-indent: 110px;


  font-size: 48px;


  font-weight: bold;


  color: #333333;


  background: url(../../images/erjian/title02.png) no-repeat;


  margin: 0 auto;


}





.sec2_h2 span {


  color: #2129a5;


}








.h381 {


  width: 1100px;


  height: 381px;


  background: url(../../images/erjian/lunkuo.png) no-repeat;


  /*-webkit-box-shadow: 0 0 23px rgba(117,21,24,.2); box-shadow: 0 0 23px rgba(117,21,24,.2);*/


  margin: 58px auto;


  position: relative;


}





.h381 ul li {


  width: 156px;


  height: 72px;


}





.h381 ul li h3 {


  width: 156px;


  height: 32px;


  line-height: 32px;


  font-size: 26px;


  font-weight: bold;


  color: #2129a5;


}





.h381 ul li p {


  width: 156px;


  height: 40px;


  line-height: 20px;


  font-size: 16px;


  color: #333333;


}





.hp1 {


  position: absolute;


  top: 25px;


  left: 127px;


}





.hp2 {


  position: absolute;


  top: 25px;


  right: 46px;


}





.hp3 {


  position: absolute;


  top: 150px;


  left: 97px;


}





.hp4 {


  position: absolute;


  top: 150px;


  right: 20px;


}





.hp5 {


  position: absolute;


  bottom: 30px;


  left: 97px;


}





.hp6 {


  position: absolute;


  bottom: 30px;


  right: 20px;


}








/*section3*/


.section3 {


  min-width: 1100px;


  height: 1000px;


  background: url(../../images/erjian/sec4_bg.jpg) no-repeat center center;


  background-size: 100% 100%;


}





.sec3_cont {


  height: 960px;


  padding-top: 40px;


  position: relative;


}





.sec3_h2 {


  width: 711px;


  height: 84px;


  line-height: 124px;


  text-indent: 110px;


  font-size: 48px;


  font-weight: bold;


  color: #ffffff;


  background: url(../../images/erjian/title02.png) no-repeat;


  margin: 0 auto;


}





.sec3_h2 span {


  color: #ffd100;


}





.sec3_ul {


  width: 1100px;


  height: 247px;


  background: url(../../images/erjian/pai1.png) no-repeat;


  position: relative;


}





.mt40 {


  margin-top: 40px;


}





.sec3_ul ul li {


  width: 190px;


  height: 180px;


}





.sec3_ul ul li h4 {


  width: 190px;


  height: 26px;


  line-height: 26px;


  font-size: 26px;


  font-weight: bold;


  color: #0e1ab1;


}





.sec3_ul ul li p {


  width: 176px;


  height: 80px;


  line-height: 20px;


  font-size: 16px;


  color: #333333;


  margin-left: 14px;


  margin-top: 14px;


}





.sec3_ul ul li a {


  display: block;


  width: 183px;


  height: 47px;


  line-height: 47px;


  font-size: 20px;


  text-align: center;


  color: #ffffff;


  background: url(../../images/erjian/pniu.png) no-repeat;


  margin-top: 16px;


}





.sec3_ul ul li a:hover {


  animation: shake 1s cubic-bezier(.36, .07, .19, .97) both;


}





@keyframes shake {





  10%,


  90% {


    transform: translate3d(-2px, 0, 0);


  }





  20%,


  80% {


    transform: translate3d(4px, 0, 0);


  }





  30%,


  50%,


  70% {


    transform: translate3d(-8px, 0, 0);


  }





  40%,


  60% {


    transform: translate3d(8px, 0, 0);


  }


}








.ul1 {


  position: absolute;


  top: 64px;


  left: 105px;


}





.ul2 {


  position: absolute;


  top: 64px;


  left: 447px;


}





.ul3 {


  position: absolute;


  top: 64px;


  left: 787px;


}





.mt18 {


  margin-top: 18px;


}











/*section4*/


.section4 {


  min-width: 1100px;


  height: 660px;


  background: url(../../images/erjian/sec4_bg.png) no-repeat center center;


  background-size: 100% 100%;


}





.sec4_cont {


  height: 620px;


  padding-top: 40px;


  position: relative;


}





.sec4_h2 {


  width: 711px;


  height: 84px;


  line-height: 124px;


  text-indent: 110px;


  font-size: 48px;


  font-weight: bold;


  color: #ffffff;


  background: url(../../images/erjian/title04.png) no-repeat;


  margin: 0 auto;


}





.sec4_h2 span {


  color: #ffd100;


}





.sec4_h3 {


  width: 414px;


  height: 22px;


  line-height: 22px;


  font-size: 22px;


  text-align: center;


  color: #ffffff;


  background: url(../../images/erjian/title005.png) no-repeat;


  margin: 30px auto;


}





.sec4_dl {


  width: 1100px;


  height: 169px;


}





.sec4_dl dl {


  float: left;


  width: 210px;


  height: 137px;


  background: url(../../images/erjian/fangyuan.png) no-repeat;


  padding-top: 32px;


}





.mr86 {


  margin-right: 86px;


}





.sec4_dl dl dt {


  width: 64px;


  height: 58px;


  margin: 0 auto;


}





.sec4_dl dl dd {


  width: 210px;


  height: 25px;


  line-height: 25px;


  font-size: 22px;


  text-align: center;


  color: #25267f;


}





.mt15 {


  margin-top: 15px;


}























.sec4_form {


  width: 1100px;


  height: 255px;


  margin: 30px auto 0 auto;


}





.sec4_form_h3 {


  width: 1100px;


  height: 92px;


  line-height: 92px;


  font-size: 36px;


  font-weight: bold;


  text-align: center;


  color: #25267f;


}





.sec4_form form {


  width: 640px;


  height: 132px;


  margin: 0 auto;


}





.sec4_form form input {


  float: left;


  width: 300px;


  height: 46px;


  line-height: 46px;


  text-indent: 10px;


  font-size: 20px;


  color: #333333;


  border: none;


  outline: none;


  -webkit-appearance: none;


}





.sec4_form form .nanniu_bj {


  float: left;


  width: 212px;


  height: 54px;


  line-height: 54px;


  font-size: 22px;


  text-align: center;


  color: #ffffff;


  background: url(../../images/erjian/ppniu.png) no-repeat;


  margin-left: 215px;


  margin-top: 30px;


  border: none;


  outline: none;


  -webkit-appearance: none;

  cursor:pointer;

}





.sec4_form form .nanniu_bj:hover {


  animation: shake 1s cubic-bezier(.36, .07, .19, .97) both;


}





@keyframes shake {





  10%,


  90% {


    transform: translate3d(-2px, 0, 0);


  }





  20%,


  80% {


    transform: translate3d(4px, 0, 0);


  }





  30%,


  50%,


  70% {


    transform: translate3d(-8px, 0, 0);


  }





  40%,


  60% {


    transform: translate3d(8px, 0, 0);


  }


}











.mr40 {


  margin-right: 40px;


}















































/*section5*/





.section5 {


  min-width: 1100px;


  height: 716px;


  background: #ffffff;


  background-size: 100% 100%;


  margin-top: 26px;


}





.sec5_cont {


  height: 676px;


  padding-top: 40px;


}





.sec5_h2 {


  width: 827px;


  height: 84px;


  line-height: 124px;


  text-indent: 110px;


  font-size: 48px;


  font-weight: bold;


  color: #333333;


  background: url(../../images/erjian/title05.png) no-repeat;


  margin: 0 auto;


}





.sec5_h2 span {


  color: #2129a5;


}








.zy-Slide {


  font-size: 12px;


  position: relative;


  width: 854px;


  height: 507px;


  margin: 40px auto;


}





.zy-Slide ul {


  position: relative;


  width: 854px;


  height: 507px;


  margin: 0;


  padding: 0;


}











.zy-Slide li {


  position: absolute;


  list-style: none;


  width: 0;


  height: 0;


  top: 146px;


  left: 377px;


  z-index: 0;


  cursor: pointer;











  border-radius: 3px;


  margin: 0;


  padding: 0;


}











.zy-Slide li img {


  width: 100%;


  height: 100%;


  vertical-align: middle;


}











.zy-Slide section:nth-child(1),


.zy-Slide section:nth-child(2) {


  position: absolute;


  top: 50%;


  width: 44px;


  height: 44px;


  margin-top: -20px;


  cursor: pointer;


  line-height: 40px;


  padding-left: 12px;


  padding-right: 12px;


}











.zy-Slide section:nth-child(1) {


  left: -60px;


}











.zy-Slide section:nth-child(2) {


  right: -60px;


}

















/*section6*/


.section6 {


  min-width: 1100px;


  height: 694px;


  background: url(../../images/erjian/sec5_bg.jpg) no-repeat center center;


  background-size: 100% 100%;


}





.sec6_cont {


  height: 654px;


  padding-top: 40px;


}





.sec6_h2 {


  width: 903px;


  height: 84px;


  line-height: 124px;


  text-indent: 110px;


  font-size: 48px;


  font-weight: bold;


  color: #ffffff;


  background: url(../../images/erjian/title06.png) no-repeat;


  margin: 0 auto;


}





.sec6_h2 span {


  color: #ffd100;


}





.sec6_img {


  width: 989px;


  height: 489px;


  margin: 40px auto;


}





.sec6_img span {


  float: left;


  width: 304px;


  height: 223px;


}





.mr94 {


  margin-right: 38px;


}








/*section13*/


.section13{


	 min-width:1100px;


	 height:2075px;


	 background:#ffffff;


	 background-size:100% 100%;


}





.sec13_cont{


	height:2035px;


	padding-top:40px;


}





.sec13_h2 {


  width:827px;


  height: 84px;


  line-height: 124px;


  text-indent: 110px;


  font-size: 48px;


  font-weight: bold;


  color: #333333;


  background: url(../../images/erjian/title07.png) no-repeat;


  margin: 0 auto;


}





.sec13_h2 span {


  color: #2129a5;


}





.course{ min-width:1100px; height: auto; overflow: hidden;}





.course-column{ margin: 0 auto; padding-top:40px;}





.course-column table{ margin: 0 auto 40px; width: 1101px; height: auto; display: block; border-left: solid 5px #2943b5;  border-bottom: solid 5px #2943b5;}





.course-column .coutab01{ margin: 0 auto; width:1100px; height: 60px; text-align: center; background: #2943b5; font-size: 24px; font-weight: bold; color: #fff; line-height: 60px; letter-spacing: 3px;}





 





.course-column table tr th{ font-size: 18px; font-weight: bold; color: #000; text-align: center; border-bottom: solid 1px #949a9f; height: 60px; line-height: 60px; border-right: solid 1px #949a9f;}





.course-column table tr td{ font-size: 16px; color: #000; text-align: center; border-bottom: solid 1px #949a9f; height: 40px; border-right: solid 1px #949a9f;}





.course-column table .couth01{ width: 165px;}





.course-column table .couth02{ width: 168px;}





.course-column table .couth03{ width: 114px;}





.course-column table .couth04{ width: 140px; border-left:1px solid #949a9f;}





.course-column table .couth05{ width: 130px;}





.course-column table .couth06{ width: 258px;}





.course-column table .couth07{ width: 135px; border-right: solid 5px #2943b5;}











.course-column table .coutd01{ width: 165px;}





.course-column table .coutd02{ width: 168px;}





.course-column table .coutd03{ width: 140px;}





.course-column table .coutd04{ width: 114px;}





.course-column table .coutd05{ width: 167px;}





.course-column table .coutd06{ width: 228px; padding: 0 15px;}





.course-column table .coutd07{ width: 135px;border-right: solid 5px #2943b5;}





.course-column table .coutd08{ width: 135px;border-right: solid 5px #2943b5;}





.course-column table tr .tablink01{ margin: 0 auto; display: block; width: 115px; height: 40px; background: #ff2e25; font-size: 16px; color: #fff; line-height: 40px; border: none; vertical-align: middle;}


.course-column table tr .tablink01:hover {


  animation: shake 1s cubic-bezier(.36, .07, .19, .97) both;


}





@keyframes shake {





  10%,


  90% {


    transform: translate3d(-2px, 0, 0);


  }





  20%,


  80% {


    transform: translate3d(4px, 0, 0);


  }





  30%,


  50%,


  70% {


    transform: translate3d(-8px, 0, 0);


  }





  40%,


  60% {


    transform: translate3d(8px, 0, 0);


  }


}


.course-column table tr .tablink02:hover {


  animation: shake 1s cubic-bezier(.36, .07, .19, .97) both;


}





@keyframes shake {





  10%,


  90% {


    transform: translate3d(-2px, 0, 0);


  }





  20%,


  80% {


    transform: translate3d(4px, 0, 0);


  }





  30%,


  50%,


  70% {


    transform: translate3d(-8px, 0, 0);


  }





  40%,


  60% {


    transform: translate3d(8px, 0, 0);


  }


}


.course-column table tr .tablink02{ margin: 0 auto; display: block; width: 115px; height: 40px; background: #2943b5; font-size: 16px; color: #fff; line-height: 40px; border: none;}





.mt30{ margin-top:30px;}














/*侧边滚动*/





.sidebar{ width:149px; height:538px; background: url(../../images/erjian/right_nav.png); position:fixed; _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||200)-(parseInt(this.currentStyle.marginBottom,10)||0))); right:20px; top:10%; z-index: 99999;}





.sidebar h5{ text-indent: -99999px;}





.sidebar ul{ padding-top:126px;}





.sidebar ul li{ height: 45px; text-align:center;}





.sidebar ul li a{ text-align:center; font-size:18px; color:#fff; line-height:45px; letter-spacing: 1px;}





.sidebar p a{ padding-top: 10px; display: inline-block; width: 149px; font-size: 16px; color: #fff; line-height:22px; text-align: center;}





.goback a{ display: block; width: 149px; height: 60px;}





.modal-header{ width: 30px; height: 30px;}





.modal-header .close { position: absolute; top: 31px; right: 87px; font-size: 30px;}














/*弹框*/





.tch02{ left:32%; top: 30%; width: 560px; height:374px; position: fixed; z-index: 999; display:none; }





.tch02_con{ height:344px; position:relative;}





.tch02_con_form{ width:560px; height:374px; overflow: hidden; background:url(../../images/erjian/w800.png) no-repeat;}





.w229 a{ margin: 311px auto 0; display: block; width: 220px; height: 43px; text-align: center; font-size: 20px; font-weight: bold; color: #fff; line-height: 40px; letter-spacing: 2px;}





.guanbi{ position: absolute; top: 45px; right: 45px; width: 25px; height: 25px; background:url(../../images/erjian/guanbi.png) no-repeat; cursor: pointer;}





.tch02_ul{ width:400px; height:114px; position:absolute; top:146px; left:80px;}





.tch02_ul ul li{ float:left; width:90px; height:28px;}





.tch02_ul ul li a{ float:left; width:90px; height:28px; line-height:28px; font-size:16px; text-align:center; color:#ffffff; background:#4f6bd7; border-radius:10px;}





.mr13{ margin-right:13px;}





.mt15{ margin-top:15px;}



 /*清浮动---clearfix*/
.clearfix {
	*zoom: 1;
}
.clearfix:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
	font-size: 0;
	visibility: hidden;
}
.blist {
	border:2px solid #fff;
	width: 996px;
	height:50px;
	margin: 0 auto;
	border-radius:5px;
}
.blist li:first-child{
	border-left: none;
}
.blist li{
	  width: 33%;
	  height: 50px;
	  border-left:2px solid #fff;
	  font-size: 16px;
	  line-height: 50px;
	  text-align: center;
	  color:#fff;
	  float: left;
	  /*鼠标样式改变为一个手*/
	  cursor: pointer;
	  /*字体免选中*/
	  -webkit-user-select: none;
}
.blsit-list{
	width:1000px;
	margin:0 auto;
}
.blsit-list .qiehuan{
	  width: 1000px;
	  height: auto;
}
.blist li.active{
	  font-weight: bold;
	  color:#e1413e;
	  border-top:2px solid #e1413e;
	  position: relative;
	  top:-2px;
	  height:50px;
}
.blsit-list .qiehuan:first-child{
	display: block;
}
.blsit-list .qiehuan{
	display: none;
}

.cl_b {
	clear: both;
}
.spmain {
	box-shadow: 5px 3px 9px 3px #13131338;
	width: 1000px;
	height: 450px;
	margin: 0 auto;
   
}
.spleft {
	width: 720px;
	height: 450px;
	float: left;
}

.sptit {
	width: 719px;
	height: 45px;
	border-right: 1px solid #1b1b1b;
}

.spname {
	width: 150px;
	height: 45px;
	font-size: 16px;
	color: #fff;
	background: #e1413e;
	text-align: center;
	line-height: 45px;
	float: left;
}

.spclass {
	width: 549px;
	height: 45px;
	background: #1b1b1b;
	color: #fff;
	font-size: 14px;
	line-height: 45px;
	padding-left: 20px;
	float: left;
}

.spvideo {
	width: 720px;
	height: 405px;
	background: #000;
}

.spvideo video{
    width: 720px;
	position: absolute;
}
.spright {
	width: 280px;
	height: 450px;
	float: left;
	background: #1b1b1b;
	overflow: hidden;
}

.spzj {
	width: 280px;
	height: 39px;
	line-height: 40px;
	color: #fff;
	text-align:center;
	font-size: 14px;
	background: #222222;
}

.splist {
	width: 280px;
}

.TAB {
	width: 245px;
	height: 34px;
	line-height: 34px;
	font-size: 13px;
	color: #fff;
	padding-left: 35px;
	cursor: pointer;
}

.TAB a{
    color: #fff;
}


.TAB:hover {
	background: #3b3b3b;;
	color: #e1413e;
}
.TAB1 {
	width: 245px;
	height: 30px;
	line-height: 34px;
	font-size: 13px;
	color: #fff;
	padding-left: 35px;
	cursor: pointer;
}
.TAB1 a{
    color: #fff;
}
.TAB1:hover {
	background: #3b3b3b;;
	color: #e1413e;
}
.spfree {
	display: inline-block;
	width: 30px;
	height: 20px;
	background: #39b278;
	font-size: 13px;
	text-align: center;
	color: #fff;
	border-radius: 2px;
	line-height: 20px;
	margin-left: 3px;
}

.spVip {
	display: inline-block;
	width: 30px;
	height: 16px;
	background: #ffba03;
	font-size: 13px;
	text-align: center;
	color: #fff;
	border-radius: 3px;
	line-height: 16px;
	margin-left: 5px;
}

.spbtn {
	width: 280px;
	height: 50px;
	margin-top: 10px;
	display: flex;
}

.spbtn a {
	flex: 1;
	text-decoration: none;
}

.spkczx {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 50px;
	background: #222222;
}

.spljbm {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 16px;
	color: #fff;
	text-align: center;
	line-height: 50px;
	background: #e1413e;
}

.new_zt3 {
	padding-top:50px;
	height:624px;
	background:rgba(0, 0, 0, 1);
}

.study_timebox {
	margin: 0 auto;
	box-shadow: 5px 3px 9px 3px #13131338;
	width: 1000px;
	height: 70px;
	position: relative;
	overflow: hidden;
	background: url(../../images/erjian/study_time.png) no-repeat center, rgba(0, 0, 0, 1);
}

.learn {
	width: 1000px;
	height: 70px;
	margin: 0 auto;
}

.learnall {
	margin-left: 170px;
	width: 830px;
	height: 70px;

}

.learnleft {
	width: 415px;
	height: 70px;
	float: left;
}

.learnright {
	width: 415px;
	height: 70px;
	float: left;
}

.learnleft p,.learnright p {
	width: 415px;
	height: 35px;
	font-size: 14px;
	color: #fff;
	line-height: 35px;
}
.sp_title{
	width: 265px;
	height: 45px;
	border-bottom: 1px solid #292929;
}
.ts {
	color: #f9a867;
}