@charset "utf-8";

/*三重好礼*/

.title{}

.title h2{

	text-align: center;

    font-size: 25px;

    color: #ed292a;

    line-height: 60px;

    border-bottom: 4px solid #ed292a;

    /*width: 330px;*/

    margin: 0 auto;

    position: relative;

    top: 4px;

}

.title .hr{

	border: 2px solid #c1c1c1;    

    margin: 0 auto;

}

.gift ul{

    background: url(../img/ict_03.png) no-repeat center;

    height: 330px;

    background-size: 100% 100%;

    margin: 40px auto;

}

.gift ul li{

    width: 30.33%;

    box-sizing: border-box;

    float: left;

    line-height: 30px;

    padding: 90px 10px 10px 40px;

    margin: 0 1.5%;

}

.gift ul li h3{

    font-size: 20px;

}

.gift ul li p{

    font-size: 16px;

    height: 60px;

    overflow: hidden;

}

.gift ul li a{

	font-size: 20px;

    float: right;

    margin-right: 20px;

    background: #ed292a;

    text-align: center;

    padding: 5px 10px;

    border-radius: 10px;

    color: white;

}

/*课程介绍*/

.course{

	background: url(../img/ict01_04.png) no-repeat center;

    padding: 20px 0;

}

.course p{

	line-height: 40px;

    color: white;

    font-size: 18px;

    padding: 60px 10px;

    text-indent: 2em;

}

.course a{

	display: block;

    width: 100px;

    background: #ed292a;

    text-align: center;

    margin: 0 auto;

    padding: 10px 20px;

    font-size: 18px;

    color: white;

    border-radius: 15px;

}

.course1{

	background: #ed292a;

    padding: 50px 0;

}

.course1 .main{

	background: white;

    padding: 30px 0;

}

.course1 p{

	color: black;

    padding: 60px;

}

/*六大理念*/

.six{

    background: #001937;

    padding: 30px 0;

}

/*.six ul{   

    margin: 20px ;

}

.six ul li{

    width: 40%;

    float: left;

    margin: 20px 5%;

    text-align: center;

}*/

/*.six ul li h3{

	line-height: 40px;

    font-size: 20px;

    color: #ed292a;

    background: url(../img/ict13_03.png) no-repeat center;

    width: 390px;

    margin: 0 auto;

    height: 80px;

    padding: 40px 10px 10px 10px;

    background-size: 100% 100%;

}

.six ul li p{

    color: white;

    font-size: 18px;

}*/

/*五大特色*/

.five{}

.five ul{

    background: url(../img/ICT2425_03.png) no-repeat center;

    margin: 30px 0;

    background-size: 100%;

}

.five ul li{

    width: 18%;

    margin: 10px 1%;

    float: left;

    padding: 95px 31px 52px 40px;

    display: inline-block;

    box-sizing: border-box;

    color: white;

    font-size: 15px;

}

/*实力派*/

.flow {

	/*background: url(../img/px_02.png) no-repeat center;*/

	padding: 20px 0;

}

.flow .title h2{

    width: 600px;

}

.flow .powerul li {

    width: 23%;

    margin: 5px 1%;

    float: left;

}

.flow .powerul {

    margin: 40px 0;

}

.flow .powerul li img {

    max-height: 325px;

    overflow: hidden;

    width: 100%;

}

.flow .powerul li p{

    background: #c1c1c1;

    font-size: 17px;

    padding: 10px 0;

}

.flow .powerul li p em{

	display: block;

    font-style: normal;

	padding-left: 20px;

    font-weight: 900;

    color: white;

}

.flow .powerul li p i{

	display: block;

    font-style: normal;

    padding-left: 20px;

    color: white;

}

/*金信润天跟其他机构的区别*/

.different {	

	padding: 40px 0;

	background: #9E9E9E;

}

.different ul .left,.different ul .right{

    float: left;

    width: 50%;

    display: block;

    line-height: 30px;

    padding: 94px;

    box-sizing: border-box;

    margin: 50px auto;

}

.different ul .left{	

	background: #ed292a;

    color: white;

}

.different ul .right{	

	background: white;

    color: black;

}

.different ul li ul h2{

	width: 150px;

    background: white;

    color: #ed292a;

    text-align: center;

    font-weight: 900;

    margin-top: 20px;

    margin-bottom: 20px;

}

.different ul .right ul h2{	

    color: white;

    background: #ed292a; 

}

.different ul .right ul p{	

    color: #ed292a;

}

.different ul li ul li h5{

	color: black;

    font-size: 17px;

    padding-top: 5px;

}

.different ul li ul li p{

    /*padding-left: 16px;*/

}

.counsel a{

    display: block;

    width: 150px;

    margin: 0 auto;

    padding: 5px 10px;

    background: #ed292a;

    text-align: center;

    color: white;

    font-size: 20px;

    border-radius: 10px;

}

/*选择*/

.choose {

    background: #f8f8f8;

    padding-bottom: 20px;

}

.choose p{

    width: 800px;

    margin: 0 auto;

    line-height: 40px;

    font-size: 22px;

    padding: 10px;

}

.choose p em{

	font-style: normal;

    color: #ed292a;

}

.box_04_inmote .box_04_div1{
    -webkit-animation: box4 0.6S forwards;
}

.box_04_inmote .box_04_div {
    opacity: 0;
}

.box4_title {
    text-align: center;
    margin-top: 28px;
}

.box4_title_i {
    text-align: center;
    margin-top: 15px;
}

.box4_title_i i {
    width: 34px;
    height: 43px;
    background: url(https://www.oldboyedu.com/images/2017linux/box4_bj_03.png);
    display: inline-block;
    animation: arrowdown 1.5s infinite ease-in-out;
    -webkit-animation: arrowdown 1.5s infinite ease-in-out;
}

@keyframes arrowdown{


0%, 15% {
    opacity: 0;
    transform: translate(0,-5px);
}

60% {
    opacity: 1;
    transform: translate(0,0);
}


100% {
    opacity: 0;
    transform: translate(0,8px);
}

}

.box4_ul {
    margin-top: 10px;
}

.box4_ul li {
    float: left;
    width: 230px;
    height: 230px;
    margin-left: 12px;
    background: #fff;
}

.box4_title span {
    display: inline-block;
    width: 311px;
    height: 60px;
    text-align: center;
    line-height: 73px;
    font-size: 24px;
    font-weight: bold;
    color: #e61016;
    background: url(https://www.oldboyedu.com/images/2017linux/box4_03.png) no-repeat;
}

.box4_ul_li_t {
    font-size: 18px;
    color: #F00;
    font-weight: bold;
    text-align: center;
    margin-top: 6px;
}

.box4_ul_li_2 {
    font-size: 14px;
    text-align: center;
    margin-top: 6px;
}

.box_04_div li:hover{transform: scale(1.04);-moz-transform: scale(1.04);-webkit-transform: scale(1.04); box-shadow: 0px 0px 15px #ccc;}

.box_04_div li{ -webkit-transition: all .3s linear 0s;-moz-transition: all .3s linear 0s;-o-transition: all .3s linear 0s;transition: all .3s linear 0s;}

.box_05 {
    height: 520px;
    padding-top: 70px;
    background: url(https://www.oldboyedu.com/images/2017linux/box5_06.png) 50%;
    width: 100%;
}

.wrap {
    width: 1200px;
    margin: 0 auto;
}

.red_lin {
    border: 3px solid #e61016;
    width: 377px;
    margin: -4px auto 0 auto;
}

.box5_div {
    position: relative;
    height: 2px;
    background: #bfbfbf;
    width: 100%;
    font-size: 16px;
    margin-top: 275px;
}

.box5_div {
    position: relative;
    height: 2px;
    background: #bfbfbf;
    width: 100%;
    font-size: 16px;
    margin-top: 275px;
}

.box_05_inmote .box5_ridio1 {
    animation: box5 0.6S forwards;
    -webkit-animation: box5 0.6S forwards;
    -moz-animation: box5 0.6S forwards;
    -ms-animation: box5 0.6S forwards;
}


.box_05_inmote .box5_ridio {
    opacity: 0;

}

.box5_ridio {
    position: absolute;
    left: 0px;
    top: 0px;
}

.box5_ridio2 {
    left: 40px;
}

.box_05_inmote .box5_ridio2 {
    animation: box5 0.6S 0.4S forwards;
    -webkit-animation: box5 0.6S 0.4S forwards;
    -moz-animation: box5 0.6S 0.4S forwards;
    -ms-animation: box5 0.6S 0.4S forwards;
}

.box_05_inmote .box5_ridio3 {
    animation: box5 0.6S 0.8S forwards;
    -webkit-animation: box5 0.6S 0.8S forwards;
    -moz-animation: box5 0.6S 0.8S forwards;
    -ms-animation: box5 0.6S 0.8S forwards;
}

.box5_ridio3 {
    left: 188px;
}

.box_05_inmote .box5_ridio4 {
    animation: box5 0.6S 1.2s forwards;
    -webkit-animation: box5 0.6S 1.2s forwards;
    -moz-animation: box5 0.6S 1.2s forwards;
    -ms-animation: box5 0.6S 1.2s forwards;
}

.box5_ridio4 {
    left: 212px;
}

.box_05_inmote .box5_ridio5 {
    animation: box5 0.6S 1.6sforwards;
    -webkit-animation: box5 0.6S 1.6s forwards;
    -moz-animation: box5 0.6S 1.6s forwards;
    -ms-animation: box5 0.6S 1.6s forwards;
}

.box5_ridio5 {
    left: 330px;
}

.box_05_inmote .box5_ridio6 {
    animation: box5 0.6S 2.0s forwards;
    -webkit-animation: box5 0.6S 2.0s forwards;
    -moz-animation: box5 0.6S 2.0s forwards;
    -ms-animation: box5 0.6S 2.0s forwards;
}

.box5_ridio6 {
    left: 363px;
}

.box_05_inmote .box5_ridio7 {
    animation: box5 0.6S 2.4s forwards;
    -webkit-animation: box5 0.6S 2.4s forwards;
    -moz-animation: box5 0.6S 2.4s forwards;
    -ms-animation: box5 0.6S 2.4s forwards;
}

.box5_ridio7 {
    left: 590px;
}

.box_05_inmote .box5_ridio8 {
    animation: box5 0.6S 1.3s forwards;
    -webkit-animation: box5 0.6S 1.3s forwards;
    -moz-animation: box5 0.6S 1.3s forwards;
    -ms-animation: box5 0.6S 1.3s forwards;
}

.box5_ridio8 {
    left: 615px;
}

.box_05_inmote .box5_ridio9 {
    animation: box5 0.6S 1s forwards;
    -webkit-animation: box5 0.6S 1s forwards;
    -moz-animation: box5 0.6S 1s forwards;
    -ms-animation: box5 0.6S 1s forwards;
}

.box5_ridio9 {
    left: 680px;
}

.box_05_inmote .box5_ridio10 {
    animation: box5 0.6S 0.5s forwards;
    -webkit-animation: box5 0.6S 0.5s forwards;
    -moz-animation: box5 0.6S 0.5s forwards;
    -ms-animation: box5 0.6S 0.5s forwards;
}

.box5_ridio10 {
    left: 708px;
}

.box_05_inmote .box5_ridio11 {
    animation: box5 0.6S 1.4s forwards;
    -webkit-animation: box5 0.6S 1.4s forwards;
    -moz-animation: box5 0.6S 1.4s forwards;
    -ms-animation: box5 0.6S 1.4s forwards;
}

.box5_ridio11 {
    left: 950px;
}

.box_05_inmote .box5_ridio12 {
    animation: box5 0.6S 0.9s forwards;
    -webkit-animation: box5 0.6S 0.9s forwards;
    -moz-animation: box5 0.6S 0.9sforwards;
    -ms-animation: box5 0.6S 0.9s forwards;
}

.box5_ridio12 {
    left: 990px;
}

.box_05_inmote .box5_ridio13 {
    animation: box5 0.6S 1.8s forwards;
    -webkit-animation: box5 0.6S 1.8s forwards;
    -moz-animation: box5 0.6S 1.8s forwards;
    -ms-animation: box5 0.6S 1.8s forwards;
}

.box5_ridio13 {
    left: 1160px;
}

.box_05_inmote .box5_ridio14 {
    animation: box5 0.6S 1.3s forwards;
    -webkit-animation: box5 0.6S 1.3s forwards;
    -moz-animation: box5 0.6S 1.3s forwards;
    -ms-animation: box5 0.6S 1.3s forwards;
}

.box5_ridio14 {
    left: 1190px;
}

.box5_ridio3 .box5_raiado, .box5_ridio4 .box5_raiado, .box5_ridio7 .box5_raiado, .box5_ridio8 .box5_raiado, .box5_ridio13 .box5_raiado, .box5_ridio14 .box5_raiado {
    background: url(https://www.oldboyedu.com/images/2017linux/linux_dome_03.png) no-repeat;
    width: 20px;
}

.box5_raiado {
    /*width: 19px;*/
    height: 19px;
    display: inline-block;
    position: absolute;
    bottom: -10px;
    left: 0px;
    
}

.box5_ridio14 .box5_line {
    height: 136px;
    top: 6px;
}

.box5_line {
    position: absolute;
    /*height: 130px;*/
    width: 2px;
    background: #F00;
    bottom: 5px;
    left: 9px;
}

.box5_re {
    position: absolute;

    height: 90px;
    border: 2px solid #ff0000;
    display: inline-block;
 

}

.box5_re_p {
    font-size: 18px;
    color: #ff0000;
    margin-top: 5px;
    padding-left: 15px;
    font-weight: bold;
}

@charset "utf-8";

/*三重好礼*/

.title{}

.title h2{

    text-align: center;

    font-size: 25px;

    color: #ed292a;

    line-height: 60px;

    border-bottom: 4px solid #ed292a;

    /*width: 330px;*/

    margin: 0 auto;

    position: relative;

    top: 4px;

}

.title .hr{

    border: 2px solid #c1c1c1;    

    margin: 0 auto;

}

.gift ul{

    background: url(../img/ict_03.png) no-repeat center;

    height: 330px;

    background-size: 100% 100%;

    margin: 40px auto;

}

.gift ul li{

    width: 30.33%;

    box-sizing: border-box;

    float: left;

    line-height: 30px;

    padding: 90px 10px 10px 40px;

    margin: 0 1.5%;

}

.gift ul li h3{

    font-size: 20px;

}

.gift ul li p{

    font-size: 16px;

    height: 60px;

    overflow: hidden;

}

.gift ul li a{

    font-size: 20px;

    float: right;

    margin-right: 20px;

    background: #ed292a;

    text-align: center;

    padding: 5px 10px;

    border-radius: 10px;

    color: white;

}

/*课程介绍*/

.course{

    background: url(../img/ict01_04.png) no-repeat center;

    padding: 20px 0;

}

.course p{

    line-height: 40px;

    color: white;

    font-size: 18px;

    padding: 60px 10px;

    text-indent: 2em;

}

.course a{

    display: block;

    width: 100px;

    background: #ed292a;

    text-align: center;

    margin: 0 auto;

    padding: 10px 20px;

    font-size: 18px;

    color: white;

    border-radius: 15px;

}

.course1{

    background: #ed292a;

    padding: 50px 0;

}

.course1 .main{

    background: white;

    padding: 30px 0;

}

.course1 p{

    color: black;

    padding: 60px;

}

/*六大理念*/

.six{

    background: #001937;

    padding: 30px 0;

}

/*.six ul{   

    margin: 20px ;

}

.six ul li{

    width: 40%;

    float: left;

    margin: 20px 5%;

    text-align: center;

}*/

/*.six ul li h3{

    line-height: 40px;

    font-size: 20px;

    color: #ed292a;

    background: url(../img/ict13_03.png) no-repeat center;

    width: 390px;

    margin: 0 auto;

    height: 80px;

    padding: 40px 10px 10px 10px;

    background-size: 100% 100%;

}

.six ul li p{

    color: white;

    font-size: 18px;

}*/

/*五大特色*/

.five{}

.five ul{

    background: url(../img/ICT2425_03.png) no-repeat center;

    margin: 30px 0;

    background-size: 100%;

}

.five ul li{

    width: 18%;

    margin: 10px 1%;

    float: left;

    padding: 95px 31px 52px 40px;

    display: inline-block;

    box-sizing: border-box;

    color: white;

    font-size: 15px;

}

/*实力派*/

.flow {

    /*background: url(../img/px_02.png) no-repeat center;*/

    padding: 20px 0;

}

.flow .title h2{

    width: 600px;

}

.flow .powerul li {

    width: 23%;

    margin: 5px 1%;

    float: left;

}

.flow .powerul {

    margin: 40px 0;

}

.flow .powerul li img {

    max-height: 325px;

    overflow: hidden;

    width: 100%;

}

.flow .powerul li p{

    background: #c1c1c1;

    font-size: 17px;

    padding: 10px 0;

}

.flow .powerul li p em{

    display: block;

    font-style: normal;

    padding-left: 20px;

    font-weight: 900;

    color: white;

}

.flow .powerul li p i{

    display: block;

    font-style: normal;

    padding-left: 20px;

    color: white;

}

/*金信润天跟其他机构的区别*/

.different {    

    padding: 40px 0;

    background: #9E9E9E;

}

.different ul .left,.different ul .right{

    float: left;

    width: 50%;

    display: block;

    line-height: 30px;

    padding: 94px;

    box-sizing: border-box;

    margin: 50px auto;

}

.different ul .left{    

    background: #ed292a;

    color: white;

}

.different ul .right{   

    background: white;

    color: black;

}

.different ul li ul h2{

    width: 150px;

    background: white;

    color: #ed292a;

    text-align: center;

    font-weight: 900;

    margin-top: 20px;

    margin-bottom: 20px;

}

.different ul .right ul h2{ 

    color: white;

    background: #ed292a; 

}

.different ul .right ul p{  

    color: #ed292a;

}

.different ul li ul li h5{

    color: black;

    font-size: 17px;

    padding-top: 5px;

}

.different ul li ul li p{

    /*padding-left: 16px;*/

}

.counsel a{

    display: block;

    width: 150px;

    margin: 0 auto;

    padding: 5px 10px;

    background: #ed292a;

    text-align: center;

    color: white;

    font-size: 20px;

    border-radius: 10px;

}

/*选择*/

.choose {

    background: #f8f8f8;

    padding-bottom: 20px;

}

.choose p{

    width: 800px;

    margin: 0 auto;

    line-height: 40px;

    font-size: 22px;

    padding: 10px;

}

.choose p em{

    font-style: normal;

    color: #ed292a;

}

.box_04_inmote .box_04_div1{
    -webkit-animation: box4 0.6S forwards;
}

.box_04_inmote .box_04_div {
    opacity: 0;
}

.box4_title {
    text-align: center;
    margin-top: 28px;
}

.box4_title_i {
    text-align: center;
    margin-top: 15px;
}

.box4_title_i i {
    width: 34px;
    height: 43px;
    background: url(https://www.oldboyedu.com/images/2017linux/box4_bj_03.png);
    display: inline-block;
    animation: arrowdown 1.5s infinite ease-in-out;
    -webkit-animation: arrowdown 1.5s infinite ease-in-out;
}

@keyframes arrowdown{


0%, 15% {
    opacity: 0;
    transform: translate(0,-5px);
}

60% {
    opacity: 1;
    transform: translate(0,0);
}


100% {
    opacity: 0;
    transform: translate(0,8px);
}

}

.box4_ul {
    margin-top: 10px;
}

.box4_ul li {
    float: left;
    width: 230px;
    height: 230px;
    margin-left: 12px;
    background: #fff;
}

.box4_title span {
    display: inline-block;
    width: 311px;
    height: 60px;
    text-align: center;
    line-height: 73px;
    font-size: 24px;
    font-weight: bold;
    color: #e61016;
    background: url(https://www.oldboyedu.com/images/2017linux/box4_03.png) no-repeat;
}

.box4_ul_li_t {
    font-size: 18px;
    color: #F00;
    font-weight: bold;
    text-align: center;
    margin-top: 6px;
}

.box4_ul_li_2 {
    font-size: 14px;
    text-align: center;
    margin-top: 6px;
}

.box_04_div li:hover{transform: scale(1.04);-moz-transform: scale(1.04);-webkit-transform: scale(1.04); box-shadow: 0px 0px 15px #ccc;}

.box_04_div li{ -webkit-transition: all .3s linear 0s;-moz-transition: all .3s linear 0s;-o-transition: all .3s linear 0s;transition: all .3s linear 0s;}

.box_05 {
    height: 520px;
    padding-top: 70px;
    background: url(https://www.oldboyedu.com/images/2017linux/box5_06.png) 50%;
    width: 100%;
}

.wrap {
    width: 1200px;
    margin: 0 auto;
}

.red_lin {
    border: 3px solid #e61016;
    width: 377px;
    margin: -4px auto 0 auto;
}

.box5_div {
    position: relative;
    height: 2px;
    background: #bfbfbf;
    width: 100%;
    font-size: 16px;
    margin-top: 275px;
}

.box5_div {
    position: relative;
    height: 2px;
    background: #bfbfbf;
    width: 100%;
    font-size: 16px;
    margin-top: 275px;
}

.box_05_inmote .box5_ridio1 {
    animation: box5 0.6S forwards;
    -webkit-animation: box5 0.6S forwards;
    -moz-animation: box5 0.6S forwards;
    -ms-animation: box5 0.6S forwards;
}


.box_05_inmote .box5_ridio {
    opacity: 0;

}

.box5_ridio {
    position: absolute;
    left: 0px;
    top: 0px;
}

.box5_ridio2 {
    left: 40px;
}

.box_05_inmote .box5_ridio2 {
    animation: box5 0.6S 0.4S forwards;
    -webkit-animation: box5 0.6S 0.4S forwards;
    -moz-animation: box5 0.6S 0.4S forwards;
    -ms-animation: box5 0.6S 0.4S forwards;
}

.box_05_inmote .box5_ridio3 {
    animation: box5 0.6S 0.8S forwards;
    -webkit-animation: box5 0.6S 0.8S forwards;
    -moz-animation: box5 0.6S 0.8S forwards;
    -ms-animation: box5 0.6S 0.8S forwards;
}

.box5_ridio3 {
    left: 188px;
}

.box_05_inmote .box5_ridio4 {
    animation: box5 0.6S 1.2s forwards;
    -webkit-animation: box5 0.6S 1.2s forwards;
    -moz-animation: box5 0.6S 1.2s forwards;
    -ms-animation: box5 0.6S 1.2s forwards;
}

.box5_ridio4 {
    left: 212px;
}

.box_05_inmote .box5_ridio5 {
    animation: box5 0.6S 1.6sforwards;
    -webkit-animation: box5 0.6S 1.6s forwards;
    -moz-animation: box5 0.6S 1.6s forwards;
    -ms-animation: box5 0.6S 1.6s forwards;
}

.box5_ridio5 {
    left: 330px;
}

.box_05_inmote .box5_ridio6 {
    animation: box5 0.6S 2.0s forwards;
    -webkit-animation: box5 0.6S 2.0s forwards;
    -moz-animation: box5 0.6S 2.0s forwards;
    -ms-animation: box5 0.6S 2.0s forwards;
}

.box5_ridio6 {
    left: 363px;
}

.box_05_inmote .box5_ridio7 {
    animation: box5 0.6S 2.4s forwards;
    -webkit-animation: box5 0.6S 2.4s forwards;
    -moz-animation: box5 0.6S 2.4s forwards;
    -ms-animation: box5 0.6S 2.4s forwards;
}

.box5_ridio7 {
    left: 590px;
}

.box_05_inmote .box5_ridio8 {
    animation: box5 0.6S 1.3s forwards;
    -webkit-animation: box5 0.6S 1.3s forwards;
    -moz-animation: box5 0.6S 1.3s forwards;
    -ms-animation: box5 0.6S 1.3s forwards;
}

.box5_ridio8 {
    left: 615px;
}

.box_05_inmote .box5_ridio9 {
    animation: box5 0.6S 1s forwards;
    -webkit-animation: box5 0.6S 1s forwards;
    -moz-animation: box5 0.6S 1s forwards;
    -ms-animation: box5 0.6S 1s forwards;
}

.box5_ridio9 {
    left: 680px;
}

.box_05_inmote .box5_ridio10 {
    animation: box5 0.6S 0.5s forwards;
    -webkit-animation: box5 0.6S 0.5s forwards;
    -moz-animation: box5 0.6S 0.5s forwards;
    -ms-animation: box5 0.6S 0.5s forwards;
}

.box5_ridio10 {
    left: 708px;
}

.box_05_inmote .box5_ridio11 {
    animation: box5 0.6S 1.4s forwards;
    -webkit-animation: box5 0.6S 1.4s forwards;
    -moz-animation: box5 0.6S 1.4s forwards;
    -ms-animation: box5 0.6S 1.4s forwards;
}

.box5_ridio11 {
    left: 950px;
}

.box_05_inmote .box5_ridio12 {
    animation: box5 0.6S 0.9s forwards;
    -webkit-animation: box5 0.6S 0.9s forwards;
    -moz-animation: box5 0.6S 0.9sforwards;
    -ms-animation: box5 0.6S 0.9s forwards;
}

.box5_ridio12 {
    left: 990px;
}

.box_05_inmote .box5_ridio13 {
    animation: box5 0.6S 1.8s forwards;
    -webkit-animation: box5 0.6S 1.8s forwards;
    -moz-animation: box5 0.6S 1.8s forwards;
    -ms-animation: box5 0.6S 1.8s forwards;
}

.box5_ridio13 {
    left: 1160px;
}

.box_05_inmote .box5_ridio14 {
    animation: box5 0.6S 1.3s forwards;
    -webkit-animation: box5 0.6S 1.3s forwards;
    -moz-animation: box5 0.6S 1.3s forwards;
    -ms-animation: box5 0.6S 1.3s forwards;
}

.box5_ridio14 {
    left: 1190px;
}

.box5_ridio3 .box5_raiado, .box5_ridio4 .box5_raiado, .box5_ridio7 .box5_raiado, .box5_ridio8 .box5_raiado, .box5_ridio13 .box5_raiado, .box5_ridio14 .box5_raiado {
    background: url(https://www.oldboyedu.com/images/2017linux/linux_dome_03.png) no-repeat;
    width: 20px;
}

.box5_raiado {
    /*width: 19px;*/
    height: 19px;
    display: inline-block;
    position: absolute;
    bottom: -10px;
    left: 0px;
    
}

.box5_ridio14 .box5_line {
    height: 136px;
    top: 6px;
}

.box5_line {
    position: absolute;
    /*height: 130px;*/
    width: 2px;
    background: #F00;
    bottom: 5px;
    left: 9px;
}

.box5_re {
    position: absolute;

    height: 90px;
    border: 2px solid #ff0000;
    display: inline-block;
 

}

.box5_re_p {
    font-size: 18px;
    color: #ff0000;
    margin-top: 5px;
    padding-left: 15px;
    font-weight: bold;
}

.box_05_inmote .box5_ridio1 {
    animation: box5 0.6S forwards;
    -webkit-animation: box5 0.6S forwards;
    -moz-animation: box5 0.6S forwards;
    -ms-animation: box5 0.6S forwards;
}


.box_05_inmote .box5_ridio {
    opacity: 0;
}

.box5_ridio {
    position: absolute;
    left: 0px;
    top: 0px;
}

.box5_ridio2 {
    left: 40px;
}

.box_05_inmote .box5_ridio2 {
    animation: box5 0.6S 0.4S forwards;
    -webkit-animation: box5 0.6S 0.4S forwards;
    -moz-animation: box5 0.6S 0.4S forwards;
    -ms-animation: box5 0.6S 0.4S forwards;
}

.box_05_inmote .box5_ridio3 {
    animation: box5 0.6S 0.8S forwards;
    -webkit-animation: box5 0.6S 0.8S forwards;
    -moz-animation: box5 0.6S 0.8S forwards;
    -ms-animation: box5 0.6S 0.8S forwards;
}

.box5_ridio3 {
    left: 188px;
}

.box_05_inmote .box5_ridio4 {
    animation: box5 0.6S 1.2s forwards;
    -webkit-animation: box5 0.6S 1.2s forwards;
    -moz-animation: box5 0.6S 1.2s forwards;
    -ms-animation: box5 0.6S 1.2s forwards;
}

.box5_ridio4 {
    left: 212px;
}

.box_05_inmote .box5_ridio5 {
    animation: box5 0.6S 1.6sforwards;
    -webkit-animation: box5 0.6S 1.6s forwards;
    -moz-animation: box5 0.6S 1.6s forwards;
    -ms-animation: box5 0.6S 1.6s forwards;
}

.box5_ridio5 {
    left: 330px;
}

.box_05_inmote .box5_ridio6 {
    animation: box5 0.6S 2.0s forwards;
    -webkit-animation: box5 0.6S 2.0s forwards;
    -moz-animation: box5 0.6S 2.0s forwards;
    -ms-animation: box5 0.6S 2.0s forwards;
}

.box5_ridio6 {
    left: 363px;
}

.box_05_inmote .box5_ridio7 {
    animation: box5 0.6S 2.4s forwards;
    -webkit-animation: box5 0.6S 2.4s forwards;
    -moz-animation: box5 0.6S 2.4s forwards;
    -ms-animation: box5 0.6S 2.4s forwards;
}

.box5_ridio7 {
    left: 590px;
}

.box_05_inmote .box5_ridio8 {
    animation: box5 0.6S 1.3s forwards;
    -webkit-animation: box5 0.6S 1.3s forwards;
    -moz-animation: box5 0.6S 1.3s forwards;
    -ms-animation: box5 0.6S 1.3s forwards;
}

.box5_ridio8 {
    left: 615px;
}

.box_05_inmote .box5_ridio9 {
    animation: box5 0.6S 1s forwards;
    -webkit-animation: box5 0.6S 1s forwards;
    -moz-animation: box5 0.6S 1s forwards;
    -ms-animation: box5 0.6S 1s forwards;
}

.box5_ridio9 {
    left: 680px;
}

.box_05_inmote .box5_ridio10 {
    animation: box5 0.6S 0.5s forwards;
    -webkit-animation: box5 0.6S 0.5s forwards;
    -moz-animation: box5 0.6S 0.5s forwards;
    -ms-animation: box5 0.6S 0.5s forwards;
}

.box5_ridio10 {
    left: 708px;
}

.box_05_inmote .box5_ridio11 {
    animation: box5 0.6S 1.4s forwards;
    -webkit-animation: box5 0.6S 1.4s forwards;
    -moz-animation: box5 0.6S 1.4s forwards;
    -ms-animation: box5 0.6S 1.4s forwards;
}

.box5_ridio11 {
    left: 950px;
}

.box_05_inmote .box5_ridio12 {
    animation: box5 0.6S 0.9s forwards;
    -webkit-animation: box5 0.6S 0.9s forwards;
    -moz-animation: box5 0.6S 0.9sforwards;
    -ms-animation: box5 0.6S 0.9s forwards;
}

.box5_ridio12 {
    left: 990px;
}

.box_05_inmote .box5_ridio13 {
    animation: box5 0.6S 1.8s forwards;
    -webkit-animation: box5 0.6S 1.8s forwards;
    -moz-animation: box5 0.6S 1.8s forwards;
    -ms-animation: box5 0.6S 1.8s forwards;
}

.box5_ridio13 {
    left: 1160px;
}

.box_05_inmote .box5_ridio14 {
    animation: box5 0.6S 1.3s forwards;
    -webkit-animation: box5 0.6S 1.3s forwards;
    -moz-animation: box5 0.6S 1.3s forwards;
    -ms-animation: box5 0.6S 1.3s forwards;
}

.box5_ridio14 {
    left: 1190px;
}

.box5_ridio3 .box5_raiado, .box5_ridio4 .box5_raiado, .box5_ridio7 .box5_raiado, .box5_ridio8 .box5_raiado, .box5_ridio13 .box5_raiado, .box5_ridio14 .box5_raiado {
    background: url(https://www.oldboyedu.com/images/2017linux/linux_dome_03.png) no-repeat;
    width: 20px;
}

.box5_raiado {
    /*width: 19px;*/
    height: 19px;
    display: inline-block;
    position: absolute;
    bottom: -10px;
    left: 0px;
    
}

.box5_ridio14 .box5_line {
    height: 136px;
    top: 6px;
}

.box5_line {
    position: absolute;
    /*height: 130px;*/
    width: 2px;
    background: #F00;
    bottom: 5px;
    left: 9px;
}

.box5_re {
    position: absolute;

    height: 90px;
    border: 2px solid #ff0000;
    display: inline-block;
 

}

.box5_re_p {
    font-size: 18px;
    color: #ff0000;
    margin-top: 5px;
    padding-left: 15px;
    font-weight: bold;
}





/*重置*/
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; margin: 0; padding: 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;}
.wrap{ width:1200px; margin:0 auto;}
.margin100{ padding-top:100px;}
.block_bored h1{ color:#000;}
.block_bored .red_lin{border: 3px solid #000;}


.banner{ width:100%; height:500px; background:url(/images/2017linux/linux_banner.jpg) 50%;}
h1{font-size:36px;color: #e61016;border-bottom: 2px solid #cbcbcb;width: 1200px;margin: 0 auto;text-align: center;padding-bottom:20px;font-weight: bold;}
.red_lin{ border: 3px solid #e61016;  width: 377px; margin:-4px  auto 0 auto ;}
.box_01{ height:490px; background:url(https://www.oldboyedu.com/images/2017linux/box1_bj_02.png) 50%;}
.box1_ul li{ float:left; width:264px; height:271px; background:url(https://www.oldboyedu.com/images/2017linux/box1_2.png) no-repeat; position:relative; margin-top:30px; margin-left:47px; display:inline;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;}
.box_po{ position:absolute; top:16px; right:45px; font-size:16px; color:#fff;font-weight: bold;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;}
.box1_p{ font-size:16px; color:#d71d19; text-align:center; margin-top:10px; font-weight:bold;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;}
.box_baoming{ display:inline-block; width:110px; height:28px; border-radius:20px; background:#e61016; text-align:center; color:#fff; line-height:28px; font-weight:bold; margin-top:30px;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;}
.box1_p_mar{ margin-top:105px;}
.box1_ul li p{ text-align:center;}

.box1_ul li:hover{ background:url(https://www.oldboyedu.com/images/2017linux/box1_1.png) 50% no-repeat;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;}
.box1_ul li:hover .box1_p{ color:#fff;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;}
.box1_ul li:hover .box_baoming{ background:#fff; color:#e61016;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;}
.box1_ul li:hover .box_po{ color:#e61016;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;}



.box_02{ background:url(https://www.oldboyedu.com/images/2017linux/box2.png) 50% no-repeat; width:100%; height:470px;}
.box_02 .box2_div{ height:410px; background:#fff; padding-top:40px;}
.box2_div_cont{ line-height:40px; color:#1f2024; font-size:18px; padding: 0 130px; margin-top:30px;text-align: justify;}
.box_a_block a{ background:url(https://www.oldboyedu.com/images/2017linux/block_04.png); display:inline-block; width:354px; height:83px; line-height:83px; color:#fff; font-size:24px; font-weight:bold; -webkit-transition: all .3s linear 0s;-moz-transition: all .3s linear 0s;-o-transition: all .3s linear 0s;transition: all .3s linear 0s;}
.box_a_block{ text-align:center; }
.box_a_block a:hover{ font-size:26px;}

.box_03{ background:url(https://www.oldboyedu.com/images/2017linux/box3_03.png); width:100%; height:430px;}
.box_03 .box3_div{ height:310px; background:#fff; padding-top:40px;}

.red_bj a{ background:url(https://www.oldboyedu.com/images/2017linux/red_bj_03.png); }


.box_04{ background:url(https://www.oldboyedu.com/images/2017linux/ditu3_02_02.png) 50%; height:1800px; padding-top:100px;}
.box4_title{ text-align:center; margin-top:28px;}
.box4_title span{ display:inline-block; width:311px; height:60px; text-align:center; line-height:73px; font-size:24px; font-weight:bold; color:#e61016; background:url(https://www.oldboyedu.com/images/2017linux/box4_03.png) no-repeat;}
.box4_title_i{ text-align:center; margin-top:15px;}
.box4_title_i i{ width:34px; height:43px; background:url(https://www.oldboyedu.com/images/2017linux/box4_bj_03.png); display:inline-block;animation: arrowdown 1.5s infinite ease-in-out;-webkit-animation: arrowdown 1.5s infinite ease-in-out;}
@-webkit-keyframes arrowdown{0%,15%{opacity:0;-webkit-transform:translate(0,-5px);}60%{opacity:1;-webkit-transform:translate(0,0);}100%{opacity:0;-webkit-transform:translate(0,8px);}}
@-moz-keyframes arrowdown{0%,15%{opacity:0;-moz-transform:translate(0,-5px);}60%{opacity:1;-moz-transform:translate(0,0);}100%{opacity:0;-moz-transform:translate(0,8px);}}
@keyframes arrowdown{0%,15%{opacity:0;transform:translate(0,-5px);}60%{opacity:1;transform:translate(0,0);}100%{opacity:0;transform:translate(0,8px);}}

.box4_ul li{ float:left; width:230px; height:230px; margin-left:12px; background:#fff;}
.box4_ul_li_t{ font-size:18px; color:#F00; font-weight:bold; text-align:center;margin-top: 6px;}
.box4_ul_li_2{ font-size:14px; text-align:center;margin-top: 6px;}
.box4_title_mar{ margin-top:60px;}
.box4_ul{ margin-top:10px;}
.box_04_div li{ -webkit-transition: all .3s linear 0s;-moz-transition: all .3s linear 0s;-o-transition: all .3s linear 0s;transition: all .3s linear 0s;}
.box_04_div li:hover{transform: scale(1.04);-moz-transform: scale(1.04);-webkit-transform: scale(1.04); box-shadow: 0px 0px 15px #ccc;}

.box_04_inmote .box_04_div{ opacity:0; opacity:1\9;opacity:0\0;}
.box_04_inmote .box_04_div1{ animation:box4 0.6S forwards; -webkit-animation:box4 0.6S forwards; -moz-animation:box4 0.6S forwards; -ms-animation:box4 0.6S forwards;}
.box_04_inmote .box_04_div2{ animation:box4 0.6S 1s forwards;-webkit-animation:box4 0.6S 1s forwards; -moz-animation:box4 0.6S 1s forwards; -ms-animation:box4 0.6S 1s forwards;}
.box_04_inmote .box_04_div3{ animation:box4 0.6S 2s forwards;-webkit-animation:box4 0.6S 2s forwards; -moz-animation:box4 0.6S 2s forwards; -ms-animation:box4 0.6S 2s forwards; }
.box_04_inmote .box_04_div4{ animation:box4 0.6S 3S forwards;-webkit-animation:box4 0.6S 3s forwards; -moz-animation:box4 0.6S 1.2s forwards; -ms-animation:box4 0.6S 3s forwards;;}
@keyframes box4
{
    from { opacity:0;}
    to { opacity:1;}
}
@-webkit-keyframes box4
{
    from {  opacity:0;}
    to {  opacity:1;}
}
@-moz-keyframes box4
{
    from {  opacity:0;}
    to {  opacity:1;}
}
@-ms-keyframes box4
{
    from {  opacity:0;}
    to {  opacity:1;}
}


.box_05{ height:520px; padding-top:70px; background:url(https://www.oldboyedu.com/images/2017linux/box5_06.png) 50%; width:100%;}
.box5_div{ position:relative; height:2px; background:#bfbfbf; width:100%; font-size:16px; margin-top:275px;}
.box5_ridio{ position:absolute;  left:0px; top:0px;}
.box5_raiado{ width:19px; height:19px; display:inline-block; position:absolute; bottom:-10px; left:0px; background:url(https://www.oldboyedu.com/images/2017linux/linux_dome_06.png);}
.box5_line{ position:absolute; height:130px; width:2px; background:#F00; bottom:5px; left:9px;}
.box5_re{ position:absolute; width:191px; height:90px; border:2px solid #ff0000; display:inline-block; left:9px; top:-228px;}
.box5_re_p{ font-size:18px; color:#ff0000; margin-top:5px;padding-left: 15px;font-weight: bold;}
.box5_re_p2{ color:#000;margin-top:5px;padding-left: 15px;letter-spacing: 4px;line-height: 20px;}
.box5_ridio3 .box5_raiado,.box5_ridio4 .box5_raiado,.box5_ridio7 .box5_raiado,.box5_ridio8 .box5_raiado,.box5_ridio13 .box5_raiado,.box5_ridio14 .box5_raiado{ background:url(https://www.oldboyedu.com/images/2017linux/linux_dome_03.png) no-repeat; width:20px;}


.box5_ridio2{ left:40px;}
.box5_ridio2 .box5_line{ height:30px;}
.box5_ridio2 .box5_re{ top:-126px;}

.box5_ridio3{ left:188px;}
.box5_ridio3 .box5_line{ height:36px; top:6px;}
.box5_ridio3 .box5_re{ top:35px; left:-184px;}

.box5_ridio4{ left:212px;}
.box5_ridio4 .box5_re_p2{ letter-spacing: 1px;}
.box5_ridio4 .box5_line{ height:136px; top:6px;}
.box5_ridio4 .box5_re{ top:135px; left:-208px; width:215px;}

.box5_ridio5{ left:330px;}
.box5_ridio5 .box5_re{  width:225px;}

.box5_ridio6{ left:363px;}
.box5_ridio6 .box5_line{ height:36px;}
.box5_ridio6 .box5_re{ top:-126px;}

.box5_ridio7{ left:590px;}
.box5_ridio7 .box5_line{ height:36px; top:6px;}
.box5_ridio7 .box5_re{ top:35px; left:-184px;}


.box5_ridio8{ left:615px;}
.box5_ridio8 .box5_re_p2{ letter-spacing: 1px;}
.box5_ridio8 .box5_line{ height:136px; top:6px;}
.box5_ridio8 .box5_re{ top:135px; left:-183px; width:190px;}

.box5_ridio9{ left:680px;}

.box5_ridio10{ left:708px;}
.box5_ridio10 .box5_line{ height:36px;}
.box5_ridio10 .box5_re{ top:-126px; width:220px;}

.box5_ridio11{ left:950px;}
.box5_ridio11 .box5_re{width:220px;}


.box5_ridio12{ left:990px;}
.box5_ridio12 .box5_line{ height:30px;}
.box5_ridio12 .box5_re{ top:-126px;}
.box5_ridio12 .box5_re_p2{ letter-spacing: 0px;}

.box5_ridio13{ left:1160px;}
.box5_ridio13 .box5_line{ height:36px; top:6px;}
.box5_ridio13 .box5_re{ top:35px; left:-213px; width:220px;}

.box5_ridio14{ left:1190px;}
.box5_ridio14 .box5_re_p2{ letter-spacing: 1px;}
.box5_ridio14 .box5_line{ height:136px; top:6px;}
.box5_ridio14 .box5_re{ top:135px; left:-183px; width:190px;}


.box_05_inmote .box5_ridio{ opacity:0; opacity:1\9 ; opacity:0\0;}
.box_05_inmote .box5_ridio1{ animation:box5 0.6S forwards; -webkit-animation:box5 0.6S forwards; -moz-animation:box5 0.6S forwards; -ms-animation:box5 0.6S forwards;}
.box_05_inmote .box5_ridio2{ animation:box5 0.6S 0.4S forwards; -webkit-animation:box5 0.6S 0.4S forwards; -moz-animation:box5 0.6S 0.4S forwards; -ms-animation:box5 0.6S 0.4S forwards;}
.box_05_inmote .box5_ridio3{ animation:box5 0.6S 0.8S forwards; -webkit-animation:box5 0.6S 0.8S forwards; -moz-animation:box5 0.6S 0.8S forwards; -ms-animation:box5 0.6S 0.8S forwards;}
.box_05_inmote .box5_ridio4{ animation:box5 0.6S 1.2s forwards; -webkit-animation:box5 0.6S 1.2s forwards; -moz-animation:box5 0.6S 1.2s forwards; -ms-animation:box5 0.6S 1.2s forwards;}
.box_05_inmote .box5_ridio5{ animation:box5 0.6S 1.6sforwards; -webkit-animation:box5 0.6S 1.6s forwards; -moz-animation:box5 0.6S 1.6s forwards; -ms-animation:box5 0.6S 1.6s forwards;}
.box_05_inmote .box5_ridio6{ animation:box5 0.6S 2.0s forwards; -webkit-animation:box5 0.6S 2.0s forwards; -moz-animation:box5 0.6S 2.0s forwards; -ms-animation:box5 0.6S 2.0s forwards;}
.box_05_inmote .box5_ridio7{ animation:box5 0.6S 2.4s forwards; -webkit-animation:box5 0.6S 2.4s forwards; -moz-animation:box5 0.6S 2.4s forwards; -ms-animation:box5 0.6S 2.4s forwards;}
.box_05_inmote .box5_ridio8{ animation:box5 0.6S 1.3s forwards; -webkit-animation:box5 0.6S 1.3s forwards; -moz-animation:box5 0.6S 1.3s forwards; -ms-animation:box5 0.6S 1.3s forwards;}
.box_05_inmote .box5_ridio9{ animation:box5 0.6S 1s forwards; -webkit-animation:box5 0.6S 1s forwards; -moz-animation:box5 0.6S  1s forwards; -ms-animation:box5 0.6S 1s forwards;}
.box_05_inmote .box5_ridio10{ animation:box5 0.6S 0.5s forwards; -webkit-animation:box5 0.6S 0.5s forwards; -moz-animation:box5 0.6S 0.5s forwards; -ms-animation:box5 0.6S 0.5s forwards;}
.box_05_inmote .box5_ridio11{ animation:box5 0.6S 1.4s forwards; -webkit-animation:box5 0.6S 1.4s forwards; -moz-animation:box5 0.6S 1.4s forwards; -ms-animation:box5 0.6S 1.4s forwards;}
.box_05_inmote .box5_ridio12{ animation:box5 0.6S 0.9s forwards; -webkit-animation:box5 0.6S 0.9s forwards; -moz-animation:box5 0.6S 0.9sforwards; -ms-animation:box5 0.6S 0.9s forwards;}
.box_05_inmote .box5_ridio13{ animation:box5 0.6S 1.8s forwards; -webkit-animation:box5 0.6S 1.8s forwards; -moz-animation:box5 0.6S 1.8s forwards; -ms-animation:box5 0.6S 1.8s forwards;}
.box_05_inmote .box5_ridio14{ animation:box5 0.6S 1.3s forwards; -webkit-animation:box5 0.6S 1.3s forwards; -moz-animation:box5 0.6S 1.3s forwards; -ms-animation:box5 0.6S 1.3s forwards;}

@keyframes box5
{
    from { opacity:0;}
    to { opacity:1;}
}
@-webkit-keyframes box5
{
    from {  opacity:0;}
    to {  opacity:1;}
}
@-moz-keyframes box5
{
    from {  opacity:0;}
    to {  opacity:1;}
}
@-ms-keyframes box5
{
    from {  opacity:0;}
    to {  opacity:1;}
}



.box_06{ height:580px; background:url(https://www.oldboyedu.com/images/2017linux/box6_06.png) 50%;}
.box6_ridio{ position:absolute;  left:200px; top:0px; width:200px; height:300px; margin-left:-100px; margin-top:-150px; overflow:hidden;}
.box6_mun{ position:absolute; top:195px; font-size:60px; color:#F00; width: 200px; text-align:center; left:50%; margin-left:-100px;}
.box6_line{ width: 200px; text-align:center; font-size:18px; top:32px;  left:50%; margin-left:-100px; position:absolute; color:#F00;font-weight: bold;}
.box6_line2{ top:80px;}
.box6_div{ margin-top:199px;}
.box6_raiado{ width:26px; height:26px; display:inline-block; position:absolute; bottom:139px; left:50%; margin-left:-16px; background:url(https://www.oldboyedu.com/images/2017linux/bt_red_03.png);}
.box6_raiado1{ background:url(https://www.oldboyedu.com/images/2017linux/bo_white_03.png)}
.box6_ridio:hover .box6_ridio_div{ opacity:1;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;}
.box6_ridio_div{ opacity:0; width:180px; height:280px; position:absolute; top:0; left:0; background:#F00; line-height:25px; color:#fff; padding:10px;word-break: break-all; font-size:16px;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;text-align: justify;}

.box6_ridio2{ left:400px;}
.box6_ridio3{ left:602px;}
.box6_ridio4{ left:804px;}
.box6_ridio5{ left:1006px;}
.box6_ridio2 .box6_ridio_div, .box6_ridio3 .box6_ridio_div, .box6_ridio1 .box6_ridio_div{ font-size:14px;}


.box_07{ height:1310px; background:url(https://www.oldboyedu.com/images/2017linux/ditu5_02.png) 50%;}
.box7_ul li{ float:left; margin-left:15px; margin-top:20px; width:390px; height:500px; position:relative; background:#fff;}
.box7_t{ font-size:24px; font-weight:bold; color:#000;padding: 0 20px; margin-top:15px;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;}
.box7_w{ font-size:14px; padding: 0 20px; margin-top:10px; line-height:20px;text-align: justify;}
.box7_io{ position:absolute; bottom:0px; right:0px; width:25px; height:25px; background:#e2e2e2;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;}
.box7_ul li:hover .box7_io{ background:#f00;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;}
.box7_ul li:hover .box7_t{ color:#f00;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;}
.box7_ul{ margin-top:20px;}



.box_08{ width:100%; height:639px; background:url(https://www.oldboyedu.com/images/2017linux/box8_24.png) 50%; padding:50px 0 0 0; }
.box_08_lijie{ margin-top:30px; text-align:center;}
.box8_hangye{ height:430px; width:1200px; margin:0 auto; margin-top:30px;box-shadow:0PX 0PX 15px #DDDDDD;}
.box8_keywords{float:left;width:10%;height:430px;background:#fff;}
.box8_keywords_shuoming{line-height: 30px;font-size: 14px;color: #df1d35;font-weight: bold;margin-top:86px;}
.box8_keywords_shuoming .redLine{text-align:center;}
.boxBorder{border:1px ;width:510px;height:55px;}
.redLine{border:1px solid;border-color:#ffeaeb;}
.whiteLine{border:1px solid;border-color:#ea3136;}
.lastLine{border-bottom:0px;}
.box8_left{ float:left; width:45%; background:#df1d35; height:430px;}
.box8_right{ background:#fff;}
.box8_left p{ text-align:left; text-indent:25px;}
.box8_left p span{ width:150px; height:40px; margin-top:30px; margin-bottom:16px; line-height:40px; background:#fff; font-size:18px; font-weight:bold; color:#df1d35; text-align:center; display:inline-block; text-indent:0;}
.box8_shuoming{ line-height:30px; font-size:14px;margin-left: 20px; color:#fff; }
.box8_shuoming tr{height:55px;line-height:18px;}
.box8_shuoming td{padding-left:25px;padding-right: 20px;text-align: justify;}
.box8_shuoming p{margin-left: 25px;text-align:justify;}
.box8_right p span{ background:#df1d35; color:#fff;}
.box8_right .box8_shuoming{ color:#df1d35; line-height:32px;}


.box_09{ height:533px; padding-top:40px; background:url(https://www.oldboyedu.com/images/2017linux/box9_27.png) 50%;}

.index_border{ height:2px; overflow:hidden; width:50px; float:left; background:#000; margin-top:10px;}
.index_list_title_s{ width:75px; color:#000;  float:left; font-size:18px; font-weight:bold; text-align:center;}
.company{ margin-top:20px; text-align:center; font-size:14px;}
.box9_ul li{ float:left; margin-left:18px; width:184px; height:335px; background:#fff;}
.money{ font-size:30px; font-weight:bold; text-align:center; color:#f00; margin-top:3px;}
.box9_ul{ margin-top:40px;}
.student_li{ margin-top:5px;}
.stu_img span{ position:absolute; left:0px; top:0px; height:245px; width:184px; text-align:center; line-height:245px; font-size:24px; color:#fff; font-weight:bold;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;}
.stu_img{ position:relative;}
.box9_ul li:hover .stu_img span{ color:#f00;-o-transition: all .4s ease-in-out;-ms-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;}


.box_10{ background:url(https://www.oldboyedu.com/images/2017linux/box10_29.png) 50%; height:500px;}
.box_11{ background:url(https://www.oldboyedu.com/images/2017linux/box11_29.png) 50%; height:502px; position:relative}
.box_11 a{ display:block; width:340px; height:100px; position:absolute; left:50%; margin-left:-100px; top:315px;}