body{
    background: #F6F6F6;
}
html{
    font-size:625%;
}
/* 首页轮播图 start*/
.swiper-pagination-bullet{
    background: #fff;
}
.swiper-pagination-bullet-active {
    opacity: 1;
}

.swiper-slide.jump{
    cursor: pointer;
}
.swiper-container {
    width: 100%;
    /*height: 472px;*/
    height: 500px;
}
.swiper-container .swiper-slide.banner1{
    background: url(http://static.hackdata.cn/static/img/banner1.png)  no-repeat center center;
    background-size: 2882px 472px;
}
.swiper-container .swiper-slide.banner2{
    background: url(http://static.hackdata.cn/static/img/banner2.png) no-repeat center center ;
    background-size: 2882px 472px;
}
.swiper-container .swiper-slide.banner3{
    background: url(http://static.hackdata.cn/static/img/banner3.png) no-repeat center center;
    background-size: 2882px 472px;
}
.swiper-container .swiper-slide.banner4{
    background: url(http://static.hackdata.cn/static/img/banner4.png) no-repeat center center;
    background-size: 2882px 472px;
}
.swiper-container .swiper-slide.banner5{
    background: url(http://static.hackdata.cn/static/img/banner5.png) no-repeat center center;
    background-size: 2882px 472px;
}
.swiper-container .swiper-slide.banner6{
    background: url(http://static.cookdata.cn/static/img/banner6.png) no-repeat center center;
    background-size: 2882px 500px;
}
.swiper-container .swiper-slide.banner8{
    /*background: url(http://static.hackdata.cn/static/img/banner8.png) no-repeat center center;*/
    background: url(http://static.cookdata.cn/static/img/banner8.png) no-repeat center center;
    background-size: 2882px 500px;
}
.swiper-container .swiper-slide.banner9{
    background: url(http://static.cookdata.cn/static/img/banner9.png) no-repeat center center;
    background-size: 2882px 500px;
}
.swiper-container .swiper-slide.banner10{
    background: url(http://static.cookdata.cn/static/img/banner10.png) no-repeat center center;
    background-size: 2882px 500px;
}
.swiper-container .swiper-slide.banner11{
    /*background: url(http://static.cookdata.cn/static/image/banner11.png) no-repeat center center;*/
    /*background-size: 2882px 500px;*/
}
.swiper-container .swiper-slide.banner11{
    background: url(/static/img/banner11.png) no-repeat center center;
    background-size: 2882px 500px;
}
.swiper-container .swiper-slide.banner12{
    /*background: url(http://static.cookdata.cn/static/image/banner12.png) no-repeat center center;*/
    /*background-size: 2882px 500px;*/
}
.swiper-container .swiper-slide.banner12{
    background: url(/static/img/banner12.png) no-repeat center center;
    background-size: 2882px 500px;
}
.swiper-slide .banner-p{
    color: #fff;
    font-size: 56px;
    text-align: center;
    position:relative;
    left:-100px;
    font-weight: 600;
    margin: 5px 0px 40px;
    margin-top: 120px;
}

.swiper-container .swiper-button-prev{
    background: url(../image/arrow-left.png)  no-repeat center center;
    background-size: 100% 100%;
    display: none;
}
.swiper-container .swiper-button-next{
    background: url(../image/arrow-right.png)  no-repeat center center;
    background-size: 100% 100%;
    display: none;
}
.swiper-container:hover .swiper-button-next{
    display: block;
}
.swiper-container:hover .swiper-button-prev{
    display: block;
}
.swiper-container .banner-head{
    color: #fff;
    font-size: 36px;
    text-align: left;
    font-weight: 200;
    margin-top: 124px;
    margin-left: 10.34%;
}
.swiper-container .banner-content{
    color: #fff;
    font-size: 24px;
    text-align: left;
    font-weight: 100;
    margin-top: 25px;
    margin-left: 10.34%;
}
.swiper-container .btn-register{
    background: #46D1F6;
    border-radius: 100px;
    color: #fff;
    margin-top: 67px;
    margin-left: 10.34%;
    text-decoration:none ;
}


.swiper-container .btn-register:hover {
    background: #3DBFE1;
}
.banner{
    margin-bottom: 30px;
}
/* 首页轮播图 end*/
.course-system-list{
    /*margin-top:30px;*/
    padding-bottom: 38px;
}
.line10{
    display: block;
    border-bottom:1px solid rgba(153,153,153,0.50);
    margin-top:49px;
}
.center-tit{
    display: block;
    text-align: center;
    font-size: 32px;
    color: #4A4A4A;
    width:297px;
    height:54px;
    background:#F6F6F6;
    position: relative;
    z-index: 10;
    top:-25px;
    margin:auto;
}
.code10{
    font-size: 18px;
    color: #AEAEAE;
    text-align: center;
    margin-top:-22px;
    font-weight:100;
    letter-spacing: 1px;
}
.the-count-num{
    letter-spacing: 2px;
}
.pane{
   display: flex;
    justify-content: space-between;
}
.content-classify{
    margin-top: 39px;
    background: #FFFFFF;
    box-shadow: 0 2px 4px 0 rgba(52,163,246,0.35);
    border-radius: 10px;
    width:321px;
    min-height:274px;
    padding-bottom: 20px;
}
.tit{
    font-size: 24px;
    color: #658ac4;
    text-align: center;
    padding-top:40px;
    margin-bottom:13px;
}
.content-classify ul{
    font-size: 16px;
    color: #658ac4;
    line-height: 24px;

}
.content-classify ul li{
    list-style:disc !important;
    margin-left: 75px;
    padding-left: 10px;

}
.pane1{
    /*width:33%;*/
    width:550px;
    height: 228px;
    margin-top:55px;
    float:left;
    position: relative;
}
.pane1 .profile-disc{
    position: absolute;
    top: 0px;
    left: 187px;
    width:355px;
    /*height: 220px;*/
}
.pane1:first-child .profile-disc{
    top: 25px;
}
.pane1:nth-child(2) .profile-disc{
    top: 10px;
}
.pane1:first-child{
    margin-right:40px;

}
.left-arrow {
    position: relative;
    left: -60px;
    top: 192px;
    width: 32px;
    height: 53px;
    background: url(/static/image/left-arrow.png) no-repeat;
}
.left-arrow:hover {
    background: url(/static/image/left-arrow.png) no-repeat 0 -92px;
}
 .right-arrow {
    position: relative;
    left: 1165px;
    top: -142px;
    width: 32px;
    height: 57px;
    background: url(/static/image/right-arrow.png) no-repeat;
}
.right-arrow:hover {
    background: url(/static/image/right-arrow.png) no-repeat 0 -92px;
}
.pane img{
    display: inline-block;
    margin-top: 38px;
    width:100%;
    /*height:50%;*/
    /*width:1178px;*/
    /*height:334px;*/
}
.code span{
    font-size: 18px;
    color: #34A3F6;
}
.pane1 img{
    display:block;
    width:550px;
    height:228px;
    margin:auto;

}
.pane1 img:hover{
    /*border-radius:300px;*/
    /*box-shadow:0 1px 10px 0 rgb(123,123,123);*/
}
.pane1 .nam{
    font-size: 24px;
    color: #000000;
    text-align: center;
    margin-top:30px;
    margin-bottom: 15px;
}
.pane1 span{
    display: block;
    text-align: center;
    font-size: 18px;
    /*color: #AEAEAE;*/
    color: #6A6969;
    text-align: center;
    line-height: 30px;
    font-weight:100;


}
.school{
    margin-top:60px;
    height: 825px;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.one-school{
    width:332px;
    height:162px;
    background: #FFFFFF;
    box-shadow: 0 2px 3px 0 rgba(153,153,153,0.25);
    border-radius: 20px;
    margin-bottom: 50px;


}
.one-school img{
    height: 162px;
    display: block;
    margin: auto;
    padding:50px 30px 62px;
}
.login-path{
    position:relative;
    top:-162px;
    padding:0 !important;
}
.more-org{
    color: #34A3F6;
    letter-spacing: 0.38px;
}
.news{
    /*height: 780px;*/
    height: auto;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.news img{
    display: block;
}
.one-news{
    width:328px;
    /*height:300px;*/
    height: auto;
    float:left;
    width:328px;
    margin-left:30px;
    margin-bottom: 10px;
    margin-top:60px;

}
.one-news img{
    border-radius:10px;
    width: 320px;
    height: 200px;
}
.one-news img:hover{
    box-shadow:0 1px 10px 0 rgb(123,123,123);
}
.time{
    font-size: 14px;
    color: #6A6969;
    font-weight:100;
    letter-spacing: 1px;
    margin-top:5px;
}
.news-tit{
    overflow: hidden;
    text-overflow: ellipsis;
    /*white-space:nowrap;*/
    font-size: 16px;
    color: #262424;
    line-height: 23px;
    width: 328px;
    max-height: 45px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.news-content{
    position: relative;
    height:72px;
    font-size: 14px;
    color:#6A6969;
    text-align: justify;
    line-height: 24px;
    overflow: hidden;
    font-weight:100;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.news-content::after {
    /*content:"...";*/
    /*font-weight:bold;*/
    /*position:absolute;*/
    /*bottom:0;*/
    /*right:0px;*/
    /*padding:0 0px 1px 13px;*/
    /*!*padding:0 20px 1px 45px;*!*/
    /*background:url(/static/image/ellipsis_bg.png) repeat-y;*/
}
.more-news{
    margin-bottom: 50px;
    color: #34A3F6;
    letter-spacing: 0.38px;
}
/*返回顶部按钮*/
.consult{
    cursor:pointer;
    width:55px;
    height:45px;
    background: url(/static/image/consult.png) no-repeat -52px 0;
}
.consult:hover{
    background: url(/static/image/consult.png) no-repeat 4px 0;
}
.question{
    cursor:pointer;
    width:55px;
    height:45px;
    background: url(/static/image/question.png) no-repeat -52px 0;
}
.question:hover{
    background: url(/static/image/question.png) no-repeat 4px 0;
}
.back-top{
    cursor:pointer;
    width:55px;
    height:45px;
    background: url(/static/image/back-top.png) no-repeat -52px 0;
}
.back-top:hover{
    background: url(/static/image/back-top.png) no-repeat 4px 0;
}
.right-three-btn{
    margin-right:10px;
    position:fixed;
    bottom:100px;
    right:0px;
    z-index:10;
}
.consult-paper{
    width:280px;
    height:103px;
    padding:22px 15px 27px 15px;
    position: absolute;
    top: -30px;
    left: -295px;
    border-radius:5px !important;
}
.common-question{
    text-align: center;
    line-height: 38px;
    width:100px;
    height:38px;
    margin-right: 70px;
    margin-top: 5px;
    cursor: pointer;
    border-radius:5px !important;
}
.consult-paper span,.common-question{
    font-weight: 200;
    display: block;
    color: #777676;
    letter-spacing: 0.7px;

}
.consult-paper span:nth-child(1){
    margin-bottom: 14px;
}
.white-tiangle1{
    display: block;
    position: relative;
    left: 261px;
    top: -30px;
}
.white-tiangle2{
    display: block;
    position: relative;
    left: 96px;
    top: -27px;
}
/*返回顶部按钮 end*/
/*中间交互式的实战案例圆圈样式*/
.circle-style{
    position:absolute;
    border-radius:100px;
    color:#eee;
    font-size:16px;
    text-align:center;
    transition:all .5s;
    cursor:pointer;
}
.circle-style:hover{
    box-shadow:0 1px 10px 0 rgb(123,123,123);
    transform: scale(1.05);
    font-size:20px;
    color:#fff;
    animation: dong 1s infinite;
}
.circle-style.hover-style:hover{
    font-size:17px!important;
}
/*中间交互式的实战案例圆圈样式end*/
/*首页手机端适配*/
@media screen and (min-width:360px) and (max-width:768px) and (orientation:portrait) {
    .banner{
        margin-bottom: .1rem;
    }
    .swiper-container{
        height:1.6rem;
    }
 .swiper-container .swiper-slide.banner6 ,.swiper-container .swiper-slide.banner12,.swiper-container .swiper-slide.banner11,.swiper-container .swiper-slide.banner9,.swiper-container .swiper-slide.banner10{
        background-size: 7.7rem 1.6rem;
    }
    .swiper-container .swiper-slide.banner8{
        background-size: 6.5rem 1.6rem;
    }
    .line10{
        margin-top: .3rem;
    }
    .center-tit{
        top: -.08rem;
        font-size:.12rem;
        width:1.2rem;
        height:.3rem;
    }
    .code10{
        font-size: .06rem;
        margin-top: -.07px;
    }
    .tit{
        font-size: .1rem;
        padding-top: .13rem;
    }
    .content-classify ul{
        font-size: .1rem;
        line-height: .18rem;
    }
    .content-classify ul li{
        margin-left: .2rem;
        padding-left: 0px;
    }
    .pane img{
        margin-top: .12rem;
        width:3rem;
        height:1.65rem;

    }
    .pane img.prac{
        margin-top: .12rem;
        width:3rem;
        height:1rem;
    }
    .content-classify{
        margin-top: .13rem;
        width: .95rem;
        height: auto;
        padding-bottom: 0px;
    }
    .pane1{
        margin-top: 0px;
    }
    .professor{
        width: 3rem!important;
        height: .8rem!important;
        margin-top: .15rem!important;
    }
    .professor ul{
        width: 3rem !important;
        height: .5rem !important;
    }
    .pane1{
        width: 1.4rem;
        height: 1.4rem;
    }
    .pane1:first-child{
        margin-right: 15px;
    }
    .pane1 .profile-disc{
        top: 0px!important;
        width: 150px;
        left: 37px;
    }
    .pane1 img{
        width: 1.45rem;
        height: .6rem;
    }

    .pane1 .nam{
        font-size: 10px;
        margin-top: 6px;
        margin-bottom:-3px;
    }
    .pane1 span{
        font-size: 10px;
        line-height: .15rem;
        transform: scale(.65);
        color: #000!important;
        margin-bottom: -8px;
    }
    .course-system-list{
        padding-bottom: 0px;
    }
    .one-school{
        width: 1.3rem;
        height: .52rem;
        margin-bottom: .25rem;
    }
    .one-school img{
        height: .52rem;
        padding: 16px 10px 21px;
    }
    .login-path{
        top: -.52rem;
        width:1.3rem;
        border-radius: .15  rem;
    }
    .more-org{
        font-size:10px;
    }
    .school{
        margin-top: 20px;
        height: 3rem;
    }
    .news{
        height: 780px;
        margin-bottom: 0;
    }
    .one-news{
        height: 1rem;
        width: 1rem;
        margin-right: .39rem;
        margin-left: .09rem;
        margin-bottom: 3px;
        margin-top: .2rem;
    }
    .one-news img{
        width:1.3rem;
        height:.7rem;
    }
    .news-content,.time{
        /*font-weight: 200;*/
        color: #555;
    }
    .news-tit,.news-content,.time,.more-news{
        font-size: 10px;
    }
    .news-tit{
        width: 1.1rem;
        font-weight: 600;
    }
    .left-arrow,.right-arrow{
        display:none;
    }
    .pane-note1{
        display:none!important;
    }
    .pane-note{
        display:block!important;
    }
}

@media screen and (min-width:360px) and (max-width:374px) and (orientation:portrait) {
    html { font-size: 703%; }
    .one-news img{
        width:1rem;
        height:.7rem;
    }
    .one-news{
        height: 1rem;
        width: 1rem;
        margin-right: .2rem;
        margin-bottom: 3px;
        margin-top: .2rem;
    }
    .one-news img{
        width:1.1rem;
        height:.7rem;
    }
}
@media screen and (min-width:375px) and (max-width:383px) and (orientation:portrait) {
    html { font-size: 732.4%; }
    .one-news img{
        width:1rem;
        height:.7rem;
    }
    .one-news{
        height: 1rem;
        width: 1rem;
        margin-right: .2rem;
        margin-bottom: 3px;
        margin-top: .2rem;
    }
    .one-news img{
        width:1.1rem;
        height:.7rem;
    }
}
@media screen and (min-width:384px) and (max-width:399px) and (orientation:portrait) {
    html { font-size: 750%; }
}
@media screen and (min-width:400px) and (max-width:413px) and (orientation:portrait) {
    html { font-size: 781.25%; }
}
@media screen and (min-width:414px) and (max-width:431px) and (orientation:portrait){
    html { font-size: 808.6%; }
}
@media screen and (min-width:432px) and (max-width:479px) and (orientation:portrait){
    html { font-size: 843.75%; }
}
@media screen and (min-width:480px) and (max-width:768px) and (orientation:portrait){
    html { font-size: 2000%; }
}
@media screen and (min-width:480px) and (max-width:768px) and (orientation:portrait){
    html { font-size: 2000%; }
}