.Banner img{

    display: inline-block;

    width: 100%;

}

.Title{

    font-size: 36px;

    text-align: center;

    margin: 50px 0 10px;

    font-weight: 500;

    color: #333333;

}

 .min_title{

     font-size: 15px;

     color: #999999;

      text-align: center;

      margin: 10px  0 40px;

      margin-bottom: 20px;

} 

.cycle ul{

    padding: 0 50px;

}

.cycle li{

     width: 110px;

     margin: 20px;

}

.cycle .contentText{

    font-size: 20px;

    line-height: 40px;

    font-weight: 500;

    text-align: center;

    color: #1d1d1d;

}



.Multi_scene{

    background-color: #f7f9fb;

    padding-bottom: 20px;

}

.Multi_scene table{ 

    border-collapse: collapse; 

    box-sizing: border-box;

}

.Multi_scene td{

    width: 380px;

    border: 1px solid #eee;

    padding:0  50px 50px ;

    color: #333333;

    line-height: 28px;

    box-sizing: border-box;

}

.Multi_scene  table td { 

    border-top: 0; 

    border-left: 0; 

}  

.Multi_scene table tr:last-child td{

    border-bottom: 0; 

}   

.Multi_scene table tr td:last-child{

    border-right: 0; 

}

.platform .ImgBox{

    width: 740px;

}

.platform .content{

    width: 440px;

}

.platform .content li{

    margin: 35px 0;

}

.platform .contentTitle{

    font-size: 17px;

    line-height: 30px;

    font-weight:  500;

    color: #333333;

}

.platform .contentTitle img{

    display: inline-block;

    width: 17px;

    vertical-align: middle;

}

.platform .comtentText{

    margin-left: 17px;

    color: #666666;

}

.platform .content .Button{

    width: 180px;

    height: 50px;

    border-radius: 25px;

    background: #2694fa;

    text-align: center;

    line-height: 50px;

    font-size: 17px;

    margin: 0 auto;

}



.platform .content .Button a{

    color:white;

}



.learning_mode{

    background-color: #f8f8f8;

    padding-bottom: 30px;

}

.learning_mode ul{

    padding: 0 60px;

}

.learning_mode li{

    width: 500px;

    margin: 20px;

    padding: 20px 20px 0;

    display: inline-block;

    background-color: #fff;

    border-radius: 10px;

    box-sizing: border-box;

}

.learning_mode .describe {

    line-height: 50px;

    font-size: 15px;

    color: #333333;

    border-bottom: 1px solid #999999;

}

.learning_mode .Button{

    width: 130px;

    height: 40px;

    text-align: center;

    margin: 20px auto;

    background-image: linear-gradient(to right, #0195ff , #4a65fb);

    border-radius: 20px;

    line-height: 40px;

}

.learning_mode .Button a{

    color: white;

}

.Online_teach .min_title{

    width: 460px;

    margin: 0 auto;

} 

.Online_teach .content{

    padding:50px 100px 0;

}

.Online_teach .content_Label li{

    width: 150px;

    line-height: 40px;

     text-align: center;

     background: #eaeced;

     border-radius: 20px;

     color: #333333;

     margin: 10px 0;

}

.ConsultationBtn{

    width: 200px;

    line-height: 50px;

    border-radius: 25px;

    text-align: center;

    background-color: #2694fa;

    margin: 50px auto;

    font-size:  16px;

}

.ConsultationBtn a{

    color: white;

}

.Want_develop .min_title{

    width: 360px;

    margin: 0 auto;

    text-align: left;

}



.Want_develop {

    background-color: #f8f8f8;

    margin-top: 50px;

}



.Want_develop .content{

    margin-top: 90px;

}

.Want_develop .content li{

    width: 210px;

    text-align: center;

    margin: 10px;

    background-color: white;

    border-radius: 15px;

    border: 1px solid #eaeced;

}

.Want_develop .content li:hover{

    margin:5px 10px 15px;

}

.Want_develop .content .contentTitle{

     line-height: 55px;

     font-size: 19px;

     font-weight: 600;

}

.Want_develop .content .conecntText{

    color: #666666;

    line-height: 28px;

}

.auxiliary{

    background-color: #f8f8f8;

}

.auxiliary  .min_title{

    width: 370px;

    margin: 0 auto;

}

.auxiliary .content{

    background-color: #fff;

    margin-top: 80px;

    padding: 50px;

    margin-bottom: 120px;

}

.auxiliary .content li{

    width: 200px; 

    text-align: center;

    margin: 70px 30px 50px;

    font-size: 17px;

    color: #555555;

}

.Online {

    background-color: #7ba0f2;

    overflow: hidden;

    padding-bottom: 150px;

}

.Online .Title{

    color: white;

}

.Online .min_title{

    color: white;

    width: 500px;

    margin: 0 auto;

}

.Online .content{

    margin: 70px auto;

}

.Online .OnlineNav li{

    width: 260px;

    line-height: 75px;

    text-align: center;

    background-color: #79b3ff;

    color: white;

    font-size: 20px;

    padding-left: 35px;

}

.active{

    background-image: linear-gradient(to right, #4a65fb , #0196ff);

}   



.Online .Onlinecontent li{

    background:url(../images/education_38.png) ; 

    background-size: 100%;

    width: 785px;

    height: 375px;

    padding-left: 30px;

}

.Online .content .contentTitle{

    font-size: 30px;

    margin-top: 70px;

    line-height: 65px;

    height: 65px;

    font-weight: 500;

    width: 100%;

}

.Online .content .contentText{

    margin-top: 50px;

    line-height: 30px;

    font-size: 17px ;

    color: #666666;



}



.Online .content .contentBtn{

     width: 230px;

     line-height: 60px;

     border-radius: 30px;

     text-align: center;

     color: white;

     background-color: #2694fa;

     font-size: 20px;

     margin-top: 70px;

}

.Online .content .contentBtn a{

    color: white;

}

.Online #container{

    position: relative;

}

.Online #container li{

    position: absolute;

    display: none;

    top: 0;

}



.Teach_system .min_title{

    width: 340px;

    margin: 0 auto;

}

.security {

    background-color: #f8f8f8;

    margin-bottom: 50px;

}

.security ul{

    margin: 50px 0 150px;

}

.security li{

    width: 280px;

    border-radius: 5px;

    height: 420px;

    padding: 25px;

    box-sizing: border-box;

    margin: 10px;

    position: relative;

    background-color: #fff;

}



.security .contentText{

    margin: 10px 20px;

    text-align: center;

    color: #666666;

    line-height: 28px;

}

.security .linkBox{

    position: absolute;

    bottom: 20px;

    left: 0;

    width: 100%;

    text-align: center;

}

.security .linkBox a{

    color: #1c86ff;

}



.demand .leftComtent{

    text-align:right;  

    width: 520px;

}

.demand .leftComtent li,

.demand .rightContent li{

    margin: 50px 0;

}

.demand .leftComtent .title,

.demand .rightContent .title,

.demand .leftComtent .titleText,

.demand .rightContent .titleText{

    font-size: 21px;

    line-height: 40px;

    font-weight: 600;

    color: #333333;

}  

.demand .leftComtent .titleText,

.demand .rightContent .titleText{

    font-weight: 500;

}  

.demand .leftComtent .hrImg{

    width: 100px;

    margin-left: 400px;

}



.demand .leftComtent .maintitle,

.demand .rightContent .maintitle,

.demand .leftComtent .mainText,

.demand .rightContent .mainText{

    font-size: 20px;

    line-height: 30px;

    color: #333333;

}

.demand .leftComtent .mainText,

.demand .rightContent .mainText{

    font-size: 15px;

    color: #666666;

}

.demand .rightContent{ 

    width: 520px;

}

.demand .rightContent .hrImg{

    width: 100px;

}

.demand .ImgBox{

    width:160px;

    margin: 0  auto;

}

.demand .ImgBox li{

    width: 100px;

    margin: 25px auto;

}

.demand .ImgBox li:nth-child(1){

    margin: 40px auto;

}



.platform_system .min_title{

    width: 360px;

    margin: 0 auto;

}



.platform_system .ImgBox{

    width: 590px;

    height: 350px;

    margin: 0 auto;

}

.platform_system .content{

    position: relative;

    margin: 70px 0;

}

.platform_system .content .option{

    position: absolute;

    top: 0;

    z-index: 99;

}



.platform_system .content .option li:nth-child(odd){

    float: left;

    margin-right: 200px;

}

.platform_system .content .option li:nth-child( even){

    float: right;

    margin-left: 200px;

}

.platform_system .content .option li{

    width: 275px;

     line-height: 105px;

     background-color: #f1f3f6;

    text-align:center;

    font-size: 20px;

    color: #333333;

    margin-bottom: 20px;

}

.platform_system .content .option li:hover{

    width: 273px;

    line-height: 103px;

    border: 1px solid #1c86ff;

}

#ImgBox{

    position: relative;

    height: 375px;

    margin: 0 auto;

}

#ImgBox li{

    position: absolute;



    top: 0;

    margin-left: 309px;

    display: none;

}

.active2{

    width: 273px !important;

    line-height: 103px!important;

    box-sizing: border-box;

    border: 1px solid #1c86ff;

}



.Harvest li{

    width: 350px;

    height: 90px;

    line-height: 30px;

    margin: 50px 0px;

}

.Harvest .ImgBox{

    width: 60px;

}

.Harvest .content{

    width: 290px;

}

.Harvest .content .contentTitle{

    font-size: 20px;

    font-weight: bold;

    color: #333333;

}

.Harvest .content .contentText{

    color: #666666;

}



.guarantee .Left{

    width: 345px;

}

.guarantee .Center{

    width: 355px;

}

.guarantee .Right{

    width: 450px;

}