





/*---------------------页面外显示二维码----------------------------------*/
.er_wei_ma{
width: 200px;
height:200px;
margin:0px 0px 460px 0px;/*外边距*/
position:fixed;/*隐藏二维码*/
top:1%;
left:80%;
}
/*----页面外显示二维码----结束----*/

}


/*----------------------公告---滚动---字大小--宽--高--背景色------------------*/



.gong_g{
 font-size:64px;/*文字大小*/

 
}


/*---------公告结束------------*/
/*------------------------------------------------------------滚动轮播样式---------------------------------------------*/
   #max{
  width: 750px;
  height: 880px;
  align-items: center;
  margin:0px 0px -12px 0px;/*外边距*/
   
}
.re{
  position: relative;/*元素在设定为时 不会影响其它元素是相对自身的定位*/
  height: 880px;
}
.re ul{
  list-style-type:none ;
}
.re ul>li{
  width: 750px;
  height: 880px;
  position: absolute;/*浮动特性 相当在下面的图层之上*/

  transition: 1s;
  opacity: 0;
}
.re ul>li img{
  width: 750px;/*页面宽*/
  height: 880px;/*页面高*/
  border-radius: 0%;/*圆边*/
  border: 1px solid:/*外边框*/
  
}
#max ol {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5,75px);
  grid-template-rows: auto;
  grid-gap: 1em;gap: 1em;
  float: right;/*右浮动*/
  margin-top: 638px;/*按钮位置*/
  list-style: none;
  top:;left:;
}
#max ol li {
  width: 25px;
  height: 10p
  font-size: 15px;
  line-height: 20px;
  float: left;
  text-align: center;
  border-radius: 2em;
  border:0px solid ;/*按钮边框*/
}
/*--------------------招聘--------------*/
.biankuang{
border-style:double;	     /*则控制边框的效果*/
border-color:#00F;          /*调整边框的颜色*/
margin:0px 0px 0px 38px;     /*外边距/上左下右*/
width:550px;
height:160px;
Opacity:20;
}

.zi_ju{
text-align:center;/*文字居中*/
}

  /*-------------------------------------------------------老师团队---------------------------------------------------*/
   
.wen_32_zi{
font-size:42px;/*文字大小*/

text-align:center;/*文字居中*/
font-family: Verdana,"Microsoft YaHei", "SimHei", "SimSun";
color:#FFFFFF
}
.cheng_se{
padding:0px;/*内边距*/
margin:0px 0px 0px 40px;/*外边距*/
width:750px;
height:1000px;
background-color: #FF9900/*橙色*/
 }     
.bian_kuang_740_480{
width:700px;
height:400px;
border-width:thin/*控制边框的粗细__细框*/
 }
.bian_kuang_360_280{
width:300px;
height:280px;

border-width:thin/*控制边框的粗细__细框*/
 }   
.bian_kuang_360_280{
width:300px;
height:280px;

border-width:thin/*控制边框的粗细__细框*/
}  
.tupian_260_280{
width:260px;/*宽*/
height:280px;/*高*/

}
.tupian_100_100{
width:100px;/*宽*/
height:100px;/*高*/
}
.bei_jing_se_2{
width:260px;
height:380px;
background-color: #CCCCCC/*背景色-灰色-2*/
}   
 .zuo_fu_dong{
float:left; /*左浮动*/
text-align:center;/*居中*/
}
.you_fu_dong{
float:right;/*右浮动*/
text-align:center;/*居中*/
}
.bu_fu_dong{
float: none;/*不浮动*/
}
 /*--------------------------老师团队--- /*结束---------------*/  
 

 /*------------------------------------------------------------------留言板---------------*/  
.da{
	  width: 300px;
      height:160px;
	  border: 2px solid #999999;/*边框色*/
	  margin:45px 0px 5px 0px;/*外边距/上左下右*/
	
	}
	
.shang_1{
	position:absolute;/*浮动特性/相当 与 在下面的图片之上*/
	
	}	
	
	
.wen{
	position: relative;/*相对位置/容器定位/文字*/
	z-index:1;/*位置底层*/
	left: 210px;/*左: */
	top: -99px;/*顶部: */
	margin:0px 30px 0px 0px;/*外边距/上左下右*/
	}	
	
	
.tu{
	 position:absolute;/*绝对位置/容器定位/图片*/
	 z-index:-1;/*位置底层*/
     
	 }

.xiao{
	  width:160px;
      height:28px;
	  font-size:24px;/*文字大小*/
	}

.xiao_1{
	  width:120px;
      height:40px;
	  color: #FFF;
	  font-size:24px;/*文字大小*/
	  background-color: #60F;
    text-decoration:none;
    padding:2px 5px;
	  
	  
	}
 
 /*-------------------------留言板结束---------------*/  
 
 
 
 
   /*-----------------------实战练习------------------------------------ */
.b_k_0{

width:260px;
height:750px;
display:block;
}	

	
header{
box-sizing:border-box;/*边界分割*/
    position: relative;/*定位类型--相对定位*/
	width: 750px;
    height: 80px;
    background-color: #000000;/*导航条黑色*/
}
header:after{
box-sizing:border-box;/*边界分割*/
    position: absolute;/*定位类型--绝对定位*/
    bottom:0;
    left: 0;
    width: 750px;
    height: 7px;
    content: '';
    background-color: #FFFFFF;/*中间条白色*/
}
header > .container{
    position: relative;/*定位类型--相对定位*/
    z-index: 1;
    width:750px;/*彩色条宽*/
    margin: 0 auto
}
header > .container > a{

    display: block;/*块元素*/
    float: left;/*左浮动*/
    margin:1px;/*导航条上下间距*/
}
header > .container > nav{
    float: right;/*右浮动*/
}
header > .container > nav > a{

    display: block;
    float: left;/*左浮动*/
    text-align: center;
    font-size: 24px;
    color: #ffffff;
    width:107px;
    height: 73px;
    line-height: 73px;
}
header > .container > nav > a.abc {background-color: #000000}
header > .container > nav > a.Home {background-color: #433b90}
header > .container > nav > a.Course {background-color: #017fcb}
header > .container > nav > a.Actual {background-color: #78b917}
header > .container > nav > a.Plan {background-color: #feb800}
header > .container > nav > a.FAQ {background-color: #f27c01}
header > .container > nav > a.Notes {background-color: #d40112}
header > .container > nav > a:hover,
header > .container > nav > a.active{
    padding-bottom: 7px
}
.da_kuang{
width:740px;
height:600px;
border: 5px solid #999999;/*边框--颜色--灰*/
margin:70px 0px 0px 0px;/*外边距*/
}
.xiao_kuang_11{
 width:300px;
height:260px;
padding:20px 10px 10px 60px;/*内边距*/
float: right;/*右浮动*/

}

	 /*-------实战练习------结束-------*/
	 
/*----------------------------------------------表单------------------------------*/


.da_kuang—5{
width:740px;
height:800px;
border: 2px solid #999999;/*边框色*/



}
.shang{
position:absolute;/*浮动特性/相当在下面的图片之上*/
}
.wen_zi_1{
width: 750px;
height:800px;
position:absolute;/*绝对布局/浏览时定位/文字*/
z-index:1;/*位置上层*/
font-size:24px;
top: 0;
right: 0;
color:#FFFFFF
}
.tu_pian_1{
width:750px;
height:800px;
position: relative;/*相对布局/前面的容器定位/图片*/
z-index:-1;/*位置底层*/
opacity:10;/*设置透明度*/
}
.gao_4{
width:320px;
height:180px;  
font-size:28px ;
margin:30px 0px 30px 260px;/*外边距/上左下右*/
}
.n_w_bian_ju{
    font-size:32px ;
margin:100px;/*外边距*/
}
.STYLE3{
font-size:28px ;
}
    

.kuan_gao_1{
width: 30px;
height:30px;
}
.kuan_gao_2{
width: 180px;
height:45px;
font-size:28px ;
}
.wen_zi_3{
width: 120px;
height:45px;
font-size:28px ;
}
.kuan_gao_3{
width: 120px;
height:45px;
font-size:28px ;
}
.kuan_gao_4{
width: 400px;
height:80px;
}
.kuan_gao_5{
width: 78px;
height:48px;
font-size:28px ;
background-color:#FFFFFF;/*背景色-灰色-2*/
}
.ju_zhong_0{
text-align:center;
}

 /*--------------------------------------表单------结束-----------------------------*/
 
 
 /*-------------------------------------------咨询-----------------------------------*/
   
   

.kuang{
width:750px;
height:440px;
border: 2px solid #999999;/*边框色*/
margin:810px 0px 10px 0px;/*外边距/上左下右*/
}
.bian_kuang_250_340{
width:250px;
height:340px;
border-width:thin/*控制边框的粗细__细框*/

}  
.you_fu_dong_12{
float:right;/*右浮动*/
text-align:center;/*居中*/
} 
   
 /*----------------------咨询-----结束--------------------*/
 
 
 
 /*------------------------------------底部-------------------------------*/
.k{
width:750px;
height:700px;
margin:0px 0px 0px 0px;/*外边距*/
float: left;/*左浮动*/
text-align:center;/*居中*/
background-color: #333333;/*背景色*/
}
.bian_kuang_1{
width:200px;
height:80px;
margin:90px 0px 0px 0px;/*外边距*//*上左下右*/
padding:10px 0px 0px 0px  ;/*内边距*/
}
.bian_kuang_2{
width:200px;
height:80px;
margin:16px 0px 0px 0px;/*外边距*//*上左下右*/
padding:10px ;/*内边距*/
}
.bian_kuang_3{
width:250px;
height:80px;
margin:30px 0px 0px 0px;/*外边距*//*上左下右*/
padding:10px ;/*内边距*/
} 
.f_d_123{
float: right;/*右浮动*/
text-align:center;/*居中*/
}
.wen_zi_12{
font-size:12px;/*文字大小*/
color:#FFFFFF/*字体白*/ 
}  
.wen_zi_16{
font-size:16px;/*文字大小*/
	 color: #FFFFFF/*字体白*/   
   }
.wen_zi_24{
font-size:24px;/*文字大小*/
	 color: #FFFFFF/*字体白*/ 
	 } 
.wen_zi_18{
font-size:18px;/*文字大小*/
	 color: #FFFFFF/*字体白*/     
    }


   /*---------------------------底部-----结束-------------------------*/
 
 /*------------------------------------------底部二维码-------------------------*/
 
 
.e_w_m{
width:200px;
height:200px;
text-align:center;/*居中*/
float: left;/*右浮动*/
margin:200px 0px 0px 240px;/*外边距*/
}
 /*------------------底部二维码--------结束-------------------*/
 
/*清楚浮动代码*/
.qing_chu_fu_dong{
　clear:both;//清除浮动
}
/*清楚浮动代码*/



