/*重置*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content: ;}
abbr,acronym{border:0;}
.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix {zoom:1;}	

body {
	font-family: frutigernext_medium, frutigernext, "Microsoft YaHei", Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	min-width:1200px;
}
a {
	text-decoration: none;
}



.banner{ 
	height: 500px; 
	width: 100%; 
    background: url(../images/mysql222.jpg) no-repeat center;
}
.mysql{ padding: 135px 0; height: }
h1{
	font-size:48px;
	color: #575757;
	width: 1200px;
	margin: 0 auto;
	text-align: center;
	padding-bottom:20px;
	font-weight: bold;
}
.red_lin{
	 border: 3px solid #e31723; 
	 width: 112px;
	 margin:-4px  auto 0 auto ;
}
.mysql_bt{
	font-size: 14px;
	width: 320px;
	height: 26px;
	line-height: 26px;
	color: #fff;
	background: #E31723;
	margin: 0 auto;
	text-align: center;
	margin-top:20px;
}
.data{ 
	padding:60px ; 
	position:relative; 
	display: flex;
	height: 285px;
}
.data_01,.data_02,.data_03{ 
	display: block; 
	position: absolute;
}
.data_01{
	width:45%;
	left: 6%;
}
.data_02{
	width:35%;
	left: 41%;
	animation:zhuan 2s 0s  forwards;	
}

@-webkit-keyframes zhuan{
				0%{
					opacity: 0;
					transform: rotateZ(0deg);
					transform-origin:30% 45%;/*定义动画的旋转中心点*/
					 
					-ms-transform: rotateZ(0deg);         /* IE 9 */
					-ms-transform-origin:30% 45%;         /* IE 9 */
					 
					-webkit-transform: rotateZ(0deg);  /* Safari 和 Chrome */
					-webkit-transform-origin:30% 45%;  /* Safari 和 Chrome */
					 
					-moz-transform: rotateZ(0deg);     /* Firefox */
					-moz-transform-origin:30% 45%;     /* Firefox */
					 
					-o-transform: rotateZ(0deg);       /* Opera */
					-o-transform-origin:30% 45%;       /* Opera */
				}
				100%{
					opacity: 1;
					transform: rotateZ(360deg);
					transform-origin:30% 45%;/*定义动画的旋转中心点*/
					 
					-ms-transform: rotateZ(360deg);         /* IE 9 */
					-ms-transform-origin:30% 45%;         /* IE 9 */
					 
					-webkit-transform: rotateZ(360deg);  /* Safari 和 Chrome */
					-webkit-transform-origin:30% 45%;  /* Safari 和 Chrome */
					 
					-moz-transform: rotateZ(360deg);     /* Firefox */
					-moz-transform-origin:30% 45%;     /* Firefox */
					 
					-o-transform: rotateZ(360deg);       /* Opera */
					-o-transform-origin:30% 45%;       /* Opera */
				}
}

.data_03{
	width:30%;
	left: 69%;
}
.data1_01,.data1_02,.data1_03,.data1_04{
	display: block; 
	position: absolute;
}
.data1_01{ 
	display: inline-block; 
	height: 132px;
	animation:line01 3s 0s  forwards;	
	
}
@-webkit-keyframes line01{
		0%{
			opacity: 0;
		    left: -100%;
		}
		100%{
			opacity: 1;
			left: 0%;
		}
}
.data1_03{ 
	top: 135px;
    left: 120px;
    animation:line03 5s 0s  forwards;
}
@-webkit-keyframes line03{
		0%{
			opacity: 0;
		    left: -100%;
		}
		100%{
			opacity: 1;
			left: 20%;
		}
}
.data1_02{ 
	animation:line02 4s 0s  forwards;
}
@-webkit-keyframes line02{
		0%{
			opacity: 0;
		    right: -100%;
		}
		100%{
			opacity: 1;
			right: 26%;
		}
}
.data1_04{
	top:115px;
	animation:line04 6s 0s  forwards;
}

@-webkit-keyframes line04{
		0%{
			opacity: 0;
		    right: -100%;;
		}
		100%{
			opacity: 1;
			right: 26%;
		}
}



/*企业人才*/
.personnel{ 
	width: 1200px; 
	margin: 0 auto;
	
	}
.personnel_list{
	width: 100%;
	height: 300px;
	display: flex;
	flex-direction:row;/*均分盒子*/
	justify-content: space-between;/*均分盒子两边靠边*/
	padding-top: 60px;
}
.personnel_01{
	width: 20%;
	height: 300px;
	text-align: center;
	display: block;
	
}
p.p_01 a{ 
	background:url(../images/weixuanzhong_03.png) no-repeat;
	font-size: 30px;
	font-weight: bold;
	color: #e31723;
	display: inline-block;
	width: 170px;
	height: 125px;
	padding-top: 55px;
	text-align: center;
 }
 p.p_01 a:hover{ 
 	background: url(../images/xuanzhong_03.png) no-repeat;
 	color: #fff;
 }
p.p_02{
	 font-size: 24px;
	 font-weight: bold;
	 line-height: 80px;
}
p.p_03{ 
	border: 1px solid #383a3a; 
	width: 190px; 
	margin: 0 auto;
}
p.p_04{ font-size: 24px; color: #383a3a; line-height: 55px;}

/*高发展*/
.Development{ 
	background: url(../images/gaofazhan_02.png) no-repeat center;
	height: 530px;
	margin-top: 106px;
	padding-top: 105px;
}
.Development_01{ 
	width: 1200px; 
	text-align: center;
	margin: 0 auto;
}
.Development_01 p{ width: 100%;}
.Development_01 p img{

	margin-top: 82px;
    margin-bottom: 45px;
   
}

/*按钮动画*/
.Development_01 > p {
  position: relative;
  float: left;
  padding: 5px;
}

.Development_01 > p > img {
  width:486px;
  transition: .1s transform;
  transform: translateZ(0);
  /* hack */
}

.Development_01 > p:hover {
  z-index: 1;
}

.Development_01 > p:hover > img {
  transform: scale(1.5, 1.5);
  transition: .3s transform;
}

.cf:before, .cf:after {
  display: table;
  content: "";
  line-height: 0;
}

.cf:after {
  clear: both;
}

/*按钮动画*/
.Development_01 p{ 
	font-size: 20px; 
	color: #fff; 
	line-height: 50px;
}
.Development_01 p.p_05bt{ 
	font-size: 26px; 
	font-weight: bold;
	padding-bottom: 10px;
}
/*课程大纲*/
.Syllabus{ padding-bottom: 168px; width: 1200px; margin:20px auto;}
.syllabus_list{ 
	width:998px ; 
	margin: 0 auto;
	padding-top: 60px;
}
.syll_list01{ width: 505px; float: left; }
.syll_list02{ 
	padding-top: 28px; 
	margin-left: -16px;
	}
.syll_line{
	 width: 1px; 
	 height: 455px; 
	 background: #E31723; 
	 float: left; 
	 margin-top: 10px;
	 margin-left: -10px;
}
.list_02,.list_01{ 
	width: 505px;
	height: 56px;
	position: relative;
}
.list_02 p,.list_01 p{
	float: left;	
}
p.list_text{ 
	background: #c5c5c5; 
	line-height: 28px;
	color: #fff;
	font-size: 16px;
	width: 340px;
	text-align: center;
	border-radius: 10px;
 }
 .list_big_yuan01{
 	
 }
 p.list_text:hover{ background: #E31723;}
 p.list_text01{ margin-left: 62px;}
  p.list_text02{ margin-right: 62px;}
 p.list_line{
 	border-bottom: 1px solid #E31723;
 	width: 78px;
 	margin-left:10px;
 	margin-top: 14px;
 }	
  p.list_line01{ width:140px ;}
  p.list_line02{margin-right:10px; margin-left: 0;}
 p.list_yuan{
 	width: 11px;
 	height: 11px;
 	border-radius: 50%;
 	background: #E31723;
 	margin-top: 8px;
 }
p.list_yuan01{ 
	border: 1px solid #E31723; 
	background: #fff;
	 	width: 10px;
 	height: 10px;
}
.list_big_yuan01{
	width: 26px;
	height: 26px;
	background: #E31723;
	border-radius: 50%;
	top: 0px;
	left: -6px;
	position:absolute;
}
.list_big_yuan01:after{
	content: " ";
	display: block;
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #fff;
	top:10px;
	left: 10px;
}
/*课程特色*/
.Syllabus_01{
    width:1200px;
	margin: 0 auto;
	padding-top: 60px;
}
.Syllabus_listd{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
    
   }
.Syllabus_list{ 
	background: #fff;
	width: 24%;
	box-shadow: 1px 1px 5px 5px #ededed;
	text-align: center;
	display: block;
	padding: 36px;
	margin-top: 25px;
}
p.p_nub{ 
	border: 1px solid #E31723;
	 color: #E31723;
	 width: 40px;
	 height: 40px;
	 border-radius: 50%;
	 font-size: 26px;
	 font-weight: bold;
	 text-align: center;
	 line-height: 40px;
	margin: 0 auto;
	 
}
p.p_line{
	border-bottom: 1px solid #cbcbcb;
	width: 248px;
	margin: 0 auto;
	margin: 15px 15px;
	
}
p.p_text{ 
	font-size: 18px; 
	color: #383a3a; 
	line-height: 30px;
}

.list_big_yuan{
	width: 26px;
	height: 26px;
	background: #E31723;
	border-radius: 50%;
	top: 0px;
	right: -4px;
	position:absolute;
}
.list_big_yuan:after{
	content: " ";
	display: block;
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #fff;
	top:10px;
	right: 10px;
}
/*自学，*/
.Weekend{ width: 1200px; margin: 0 auto; }
.weekent_01{
	padding-top: 65px;
	 display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.weentent_img{ 
	display: block; 
	width: 49.1%;
	}
.weekent_list{ display:inline-block; width: 48.5%;}
.weekent_list ul{
	display: block;
	
}
.weekent_list li{
	width: 100%;
	display:flex;
	
}
.weekent_list li p{ float: left;}
.p_text01{ 
	float: left;
	font-size: 14px;
	font-weight: bold;
	display: flex;
	height: 118px;
	align-items: center;
	padding-left:20px ;
	color: #575757;
}
.week_img01,.week_img02,.week_img03,.week_img04,.week_img05,.week_img06{
	width: 115px;
	height: 115px;
	margin-bottom: 27px;
}
.week_img01{ 
	background: url(../images/zixue1_03.png) no-repeat;
	}
.week_img01:hover{ 
	background: url(../images/zixuexuanzhong1_03.png) no-repeat;
}
.week_img02{
	background:url(../images/zixue2_03.png)  no-repeat;
	
}
.week_img02:hover{ 
	background:url(../images/zixuexuanzhong2_03.png) no-repeat;
}
.week_img03{
	background:url(../images/zixue3_03.png) no-repeat;
	
}
.week_img03:hover{ 
	background:url(../images/zixuexuanzhong3_03.png) no-repeat;
}
.week_img04{
	background:url(../images/zhoumoban1_03.png)no-repeat;
	
}
.week_img04:hover{ 
	background:url(../images/zhoumobanxuanzhong1_03.png)no-repeat;
}
.week_img05{
	background:url(../images/zhoumoban2_03.png)no-repeat;
	
}
.week_img05:hover{ 
	background:url(../images/zhoumobanxuanzhong2_03.png) no-repeat;
}
.week_img06{
	background:url(../images/zhoumoban3_03.png) no-repeat;
	
}
.week_img06:hover{ 
	background:url(../images/zhoumobanxuanzhong3_03.png)no-repeat;

}
/*.week_img0122:before{
	display: block;
	width: 10px;
	height: 10px;
	background: red;
	 content:"";
}*/
/*讲师介绍*/
.introduce{
	height: 686px;
	margin-top: 169px;
	background: url(../images/zhujiangshizi_03.png) no-repeat center;
	padding-top: 74px;
}
.intro_cent{ 
	width: 1200px; 
	margin: 0 auto;
	padding-top: 65px;
}
.intro_left{
	border:1px solid #fff;
	padding: 10px;
	width: 258px;
	height: 470px;
	text-align: center;
	float: left;
	animation:pic 10s 0s  forwards;
	
}
@-webkit-keyframes pic{
		0%{
			opacity: 0;
		    left: -100%;;
		}
		100%{
			opacity: 1;
			left:0
		}
}


.intro_right{
	height: 405px;
	float: left;
	padding-left: 20px;
	padding-top: 65px;

}

.intro_right p{ 
	font-size: 16px;
	color: #fff;
	line-height: 46px;
	text-align: left;
	
}

p.p_jsbt{
	 color:#fff; 
	 background:#E31723;
	 text-align: left;
	 width:280px ;
	 font-size: 20px;
	 font-weight: bold;
	 text-align: center;
}
.p_jsline{ 
	width: 280px; 
	border-bottom: 1px solid #cbcbcb;
	margin: 27px 0 ;
}

/*我要报名*/
.sign_up{
	background:  url(../images/dibu_03.png) no-repeat center;
	height: 586px;
	padding-top:138px;
}
.sign_up_01{ 
	background: url(../images/dibuwenzi222.png) no-repeat;
	width: 817px;
	height: 428px;
	position:relative;
	margin: 0 auto;
	
	
}
.sign_up_01 a{ 
	display: block;
	width: 157px; 
	border: 0;
	height: 53px; 
	background: #E31723;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	position: absolute;
	top:390px;
	left: 350px;
	cursor:pointer;
	text-align: center;
	line-height: 53px;
}

.box_01{ height:702px;}
.box_02{ height:495px;}
.box_03{ height:745px;}
.box_04{ height:705px;}
.box_05{ height:705px;}
.box_06{ height:750px;}
.box_07{ height:760px;}
.box_08{ height:724px;}