/* banner1 */
.jkj-banner1{
    width:100%;
    position:relative;
    overflow: hidden;
}
.jkj-banner1 .topimg{
    display:block;
    width:1920px;
    position:absolute;
    left:50%;
    top:0;
    margin-left:-960px;
    z-index:-1;
}
.jkj-banner1 .banner1-inner{
    width:1300px;
    margin:0 auto;
    padding:30px 0 0 0;
    height:900px;
}
.jkj-banner1 .banner1-inner .banner1-title{
    font-size:70px;
    color:#fff;
    font-weight:bold;
    margin:55px 0;
}
.jkj-banner1 .banner1-inner .banner1-bottom{
    width:680px;
    height:285px;
    background:#ff9c00;
    border-radius:20px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    padding:30px 50px 30px 50px;
}
.banner1-bottom  p{
    font-size:32px;
    color:#222;
    margin-bottom:18px;
    position:relative;
}
.banner1-bottom  p .text{
    display:inline-block;
    margin-left:40px;
}
.banner1-bottom .circle{
    display:inline-block;
    width:10px;
    height:10px;
    background:#fff;
    border-radius:50%;
    margin-right:20px;
    position:absolute;
    top:50%
}
/* table-jkj */
.content1{
    width:100%;
    padding:30px 0 0 0;
}
.content1 .table-handline{
    font-size:32px;
    text-align:center;
    color:#222;
    margin:20px 0;
}
.content1 .table-title{
    text-align:center;
    font-size:72px;
    font-weight:bold;
    color:#7410ce;
    margin:20px 0;
}
.content1 .table-text{
    width:1200px;
    margin:0 auto;
    font-size:24px;
    color:#222;
    line-height:45px;
}
.content1 .table-img{
    width:75%;
    margin:60px auto 0 auto;
}
/* jkj course */
.jkj-course{
    width:100%;
    position:relative;
    overflow: hidden;
    height:1078px;
}
.jkj-course .courseback{
    width:1920px;
    position:absolute;
    top:0;
    left:50%;
    margin-left:-960px;
    z-index:-1;
}
.jkj-course .course-inner{
    width:100%;
    padding:30px 0;
}
.course-inner .course-title1{
    font-size:32px;
    text-align:center;
    color:#222;
    margin:70px 0 20px 0;
}
.course-inner .course-title2{
    text-align:center;
    font-size:72px;
    font-weight:bold;
    color:#7410ce;
    margin:25px 0 20px 0;
}
.course-inner .course-titlebox{
    text-align:center;
    font-size:24px;
    color:#222;
}
.course-inner .course-titlebox p{
    margin:15px 0;
}
.course-inner .course-list{
    width:100%;
    padding:0 4%;
    margin-top:80px;
}
.course-inner .course-list li{
    width:17.4%;
    float:left;
    margin-right:3.24%;
}
.course-inner .course-list li:last-child{
    float:right;
    margin-right:0;
}
.course-inner .course-list li p{
    font-size:18px;
    color:#222;
    line-height:30px;
    margin-top:10px;
    padding:0 5px;
}
/* 需求 */
.content2{
    width:100%;
    padding:30px 0;
}
.content2 .content2-title{
    text-align:center;
    font-size:72px;
    color:#7410ce;
    font-weight:bold;
    margin:50px 0 20px 0;
}
.content2  .content2-title2{
    text-align:center;
    color:#222;
    font-size:24px;
}
.content2 .needimg{
    width:850px;
    margin:100px auto 40px auto;
}
/* button */
.button{
    display:block;
    width:340px;
    height:80px;
    background:#ff9c00;
    text-align:center;
    line-height:80px;
    margin:40px auto;
    border-radius:10px;
    color:#fff;
    font-size:30px;
}
/* 9大优势 */
.content3{
    width:100%;
    padding:30px 0;
}
.content3 .content3-title{
    text-align:center;
    font-size:72px;
    color:#222;
    font-weight:bold;
    margin-bottom:35px;
}
.content3-list{
    width:1200px;
    margin:40px auto;
}
.content3-list li{
    width:19%;
    position:relative;
    float:left;
}
.content3-list li:first-child{
    margin-left:10%;
}
.content3-list li .list-box{
    width:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:10;
    color:#fff;
    text-align:center;
    padding-top:10px;
}
.content3-list li .list-box .character{
    font-size:60px;
    text-align:center; 
}
.content3-list li .list-box .text{
    font-size:16px;
    margin-top:10px;
    padding:0 40px;
}
/* 课程内容 */
.course-container{
    width:1200px;
    margin:0 auto;
    padding:0px 0;
}
.course-container .title-box{
    text-align:center;

}
.title-box .title1{
    font-size:72px;
    font-weight:bold;
    color:#222;
    margin:0px 0 10px 0;
}
.title-box .title2{
    font-size:24px;
    color:#222;
    margin:10px 0;
}
.title-box .title3{
    font-size:48px;
    font-weight:bold;
    color:#7410ce;
    margin:30px 0;
}
.course-box{
    width:100%;
    margin:30px 0;
}
.course-box .box-top{
    width:100%;
    height:200px;
    background:#ff9c00;
    text-align:center;
    padding-top:30px;
}
.course-box .box-top .top-title1{
    font-size:36px;
    font-weight:bold;
    color:#fff;
}
.course-box .box-top .line{
    width:80px;
    height:1px;
    background:#666;
    margin:20px auto;
}
.course-box .box-top .top-title2{
    font-size:36px;
    font-weight:bold;
    color:#222;
    margin-top:5px;
}
/* course-name */
.course-name{
    width:100%;
    background:#dddddd;
    margin-bottom:1px;
}
.course-name li{
    float:left;
    width:240px;
    height:80px;
    text-align:center;
    line-height:80px;
    font-size:24px;
    border-right:1px solid #999;
    cursor:pointer;
}
.course-name li:last-child{
    border-right:0;
}
.course-name .activeli{
    background:#7410ce;
    color:#fff;
}
.container{
    width:100%;
    height:720px;
    position:relative;
}
.container .detail{
    width:100%;
    height:100%;
    background:#7410ce;
    color:#fff;
    font-size:24px;
    position:relative;
}
.hide{
    display:none;
}
/*  */
.container .d1{
    padding:100px 200px 0 200px;
}
.container .d1 p{
    line-height:45px;
}
.container .detail .coursebtn{
    display:block;
    width:340px;
    height:80px;
    border:2px solid #fff;
    text-align:center;
    line-height:80px;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    color:#fff;
    font-size:30px;
    position:absolute;
    bottom:40px;
    left:50%;
    margin-left:-170px;
}
/*  */
.container .d2{
    padding:100px 150px 0 150px;
}
.container .d2 p{
    line-height:45px;
}
.container .d2 .d2-text{
    display:block;
    margin-left:80px;
}
/*  */
.container .d3{
    padding:20px 100px 0 100px;
}
.container .d3 p{
    line-height:38px;

}
.container .d3 .d3-text{
    display:block;
    margin-left:80px;
}
/*  */
.container .d4{
    padding:100px 100px 0 100px;
}
.container .d4 p{
    line-height:45px;
    text-indent:40px;
}
/*  */
.container .d5{
    padding:100px 150px 0 150px;
}
.container .d5 p{
    line-height:45px;
    text-indent:40px;
}
/* 视频 */
.video{
    width:1200px;
    margin:0 auto;
    padding:30px 0;
}
.video .video-title{
    text-align:center;
    color:#222;
    font-size:36px;
    font-weight:bold;
    margin:0 0 60px 0;
}
.video .video-box{
    width:100%;
    height:700px;
}
/* 地图 */
.map{
    width:1200px;
    margin:0 auto;
    padding:30px 0;
}
.map .map-title1{
    text-align:center;
    font-size:72px;
    font-weight:bold;
    color:#7410ce;
}
.map .map-title2{
    text-align:center;
    font-size:24px;
    color:#222;
    margin:20px 0 40px 0;
}
.map .mapbox{
    width:100%;
    height:800px;
} 
.schoolinfor{
    width:900px;
    height:80px;
    margin:100px auto 300px auto;
    border:1px solid #cccc;
    line-height:80px;
    padding-left:40px;
    border-radius:10px;
    -webkit-border-radius:10px;
   -moz-border-radius:10px;
   font-size:18px;
}
.schoolinfor .mapbtn{
    display:inline-block;
    width:340px;
    height:100%;
    background:#7410ce;
    color:#fff;
    text-align:center;
    float:right;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    margin-right:-2px;
    font-size:24px;
}