@charset "gb2312";
/* CSS Document */
/*
* Description: 21周年庆预热会场
* Update:      07/04/2024
* Author:      xuyongmei
*/
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;}
ul,ol{list-style: none;}
body{font-size: 16px;background: url(../images/bg.jpg) center top repeat-y;background-color: #8a180e;color:#333;font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;}
select,input,button{vertical-align: middle;font-size: 100%;border:0;}
fieldset,img{border: 0 none;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:normal;}
em,i,b{font-style: normal;}
a{ color:#fff; text-decoration: none;}
a:hover{text-decoration:none;}
.clear {clear: both;display: block;height: 0; visibility: hidden; font: 0/0 arial}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0}
.clearfix {*zoom: 1}
/* ---------------------------------分隔线--------------------------------- */
.autoin{margin:0 auto;width:1160px;font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;}
img{display:block;}
.bz{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
.btn{display: block;}
.btn:hover{opacity: 0.9;}

/* banner */
.banner{width:100%;height:400px;background: url(../images/banner.png) repeat-x;overflow: hidden;}
.banner .autoin{height:400px;overflow: hidden;position: relative;}
.ban_01,.ban_02{position:absolute;overflow: hidden;}
.ban_01,.ban_01 img{width: 575px;height: 304px;}
.ban_01{top: 45px;left: 105px;z-index: 2;}
.ban_02{width: 526px;height: 400px;left: 605px;top: 0;}
.ban_02 span{display: none;}

.title{overflow: hidden;}
.title img{margin: 0 auto;}

/*直播*/
.zbo_wrap{width: 100%;height:840px;background: url(../images/zbo_bg.jpg) center top no-repeat;}
.zbo_wrap .autoin{height:840px;position: relative;padding-top: 70px;}
.num_t{position: absolute;width: 35px;height: 35px;top: -18px;left: 563px;z-index: 9;}
.num_t1{background: url(../images/num_t1.png) no-repeat;}

.zbo_img{width: 900px;height: 340px;margin: 30px auto 0;}
.zbo_b{display: block;width: 872px;height: 86px;background: url(../images/zbo_b.png) no-repeat;margin: 30px auto 0;}

.zbo_btn{display: block;width: 280px;height: 64px;background: url(../images/zbo_btn.png) no-repeat;margin: 40px auto 0;}
.dhua{animation: dhua 0.8s linear infinite;
  -webkit-animation: dhua 0.8s linear infinite;
  -moz-animation: dhua 0.8s linear infinite;
  -ms-animation: dhua 0.8s linear infinite;
  -o-animation: dhua 0.8s linear infinite;
}
@keyframes dhua{
  from {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.9);
  }
}
@-webkit-keyframes dhua {
  from {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.9);
  }
}

/*精选好课*/
.tao_wrap{width: 100%;height:auto;background:url(../images/tao_bg.jpg) center top repeat-y;padding-bottom: 75px;}
.tao_wrap .autoin{position: relative;padding-top: 70px;}
.num_t2{background: url(../images/num_t2.png) no-repeat;}


.nav_div{width: 1162px;height: 50px;margin: 30px auto 0;}
.nav1{width: 1162px;height: 50px;overflow: hidden;}
.nav_ul{width: 1162px;height: 50px;background-color:#e9d5b7;overflow: hidden;margin: 0 auto;display:-webkit-flex;display: flex; display: -webkit-flex;
  flex-direction: row;-webkit-flex-direction: row;
  flex-wrap: nowrap;-webkit-flex-wrap: nowrap;
  justify-content:space-around;-webkit-justify-content:space-around;
    align-items:center;-webkit-align-items:center;margin:0 auto;}
.nav_ul li{flex: 1;height: 50px;line-height: 50px;font-size: 20px;color: #623c1d;text-align: center;border-right: 1px solid #ddc9aa;cursor: pointer;}
.nav_ul li.cur{color: #fff;font-weight:bold;border-right: 0;background-color:#c10001;}

.nav_fixed{width: 100%;background-color: #c50405;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);-ms-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);-o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);position: fixed;top: 0;left: 0;z-index: 99;}


.m_div{height: auto;overflow: hidden;}
.mcon_in{display: none;}
.tao_mic{overflow: hidden;}
.tao_mic1,.tao_mic4,.tao_mic5,.tao_mic8,.tao_mic9{height: 595px;}
.tao_mic2,.tao_mic3,.tao_mic6,.tao_mic7{height: auto;}

.tao_ul{width:1180px;overflow: hidden;padding-top: 20px;margin-left: -10px;}
.tao_ul li{float:left;width: 280px;height:270px;background: url(../images/tao_li.png) no-repeat;margin: 0 7px 20px;overflow: hidden;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
.tao_ul li:hover{transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);}
.tao_ul li a{display: block;width: 280px;height:270px;overflow: hidden;}
.tao_t{height: 158px;overflow: hidden;margin-top: 10px;}
.h4_01{width:100%;height: 30px;text-align:center;}
.h4_01 span{display: table;height: 30px;line-height: 28px;font-size: 18px;color:#fff;font-weight:bold;background-color:#cd0c0d;border-radius: 0 0 10px 10px;-webkit-border-radius: 0 0 10px 10px;padding: 0 10px;margin: 0 auto;overflow: hidden;}
.h5_01{height: 38px;line-height: 38px;font-size: 21px;font-weight: bold;color: #333;text-align: center;overflow: hidden;margin-top: 8px;}
.tao_t p{width: 240px;background-color: #faf4e7;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;-ms-border-radius: 8px;-o-border-radius: 8px;overflow: hidden;}
.tp1{height: 44px;margin: 15px auto 0;}
.tp2{height: 64px;margin: 5px auto 0;}
.tao_t p em{display: block;font-size: 16px;color: #533a0f;text-align: center;overflow: hidden;}
.tp1 em{line-height: 44px;}
.tp2 em{line-height: 24px;margin-top: 8px;padding: 0 3px;}

.tao_b{height: 93px;margin-top:9px;overflow: hidden;}
.tao_bl{float: left;width: 185px;margin-left: 19px;overflow: hidden;}
.tao_bl em,.tao_bl s{display: block;}
.tao_bl em{height: 22px;line-height: 22px;font-size: 14px;color: #fff;}
.tao_bl p{height: 36px;line-height: 36px;font-size: 36px;color: #fff;font-family: "Impact";overflow: hidden;}
.i1{display: inline-block;vertical-align: middle;font-size:18px;letter-spacing: -2px;margin: 5px 1px 0 -2px;}
.tao_bl s{height: 24px;line-height: 24px;font-size: 14px;color: #fae7cc;text-decoration: line-through;}

.tao_br{float: left;width: 64px;height: 64px;background: url(../images/tao_br.png) no-repeat;margin-top: 10px;}
.tao_ul li a:hover .tao_br{opacity: 0.9;}

.control_btn,.ctrol_btn{width: 206px;height: 50px;margin: 10px auto 0;overflow: hidden;}
.control_btn a,.ctrol_btn a{display: block;width: 206px;height:50px;}
.control_a1{background: url(../images/ct_btn.png) no-repeat;}
.control_a2{background: url(../images/ct_btnh.png) no-repeat;}
.control_a2,.control_btn.cur .control_a1,.ctrol_btn.cur .control_a1{display: none;}
.control_a1,.control_btn.cur .control_a2,.ctrol_btn.cur .control_a2{display: block;}
.control_btn a:hover,.ctrol_btn a:hover{opacity: 0.9;}