/*+----------------------------------------------
/*+  分页样式
/*+----------------------------------------------*/
.pages {
    margin: 20px auto; text-align: center;
    a {
        display: inline-block; padding: 5px 10px; margin-right: 5px; border: 1px solid #dbdbdb;
    }
    a:last-child {
        margin-right: 0px;
    }
    a.curr {
        color: #fff;
    }
}
/*++----------------------------------------------
/*++  新闻资讯
/*++----------------------------------------------*/
.newTopbar{
    width: 100%;text-align: center;background-image: url(../images/newTopBg.png); background-position: top center; background-repeat: no-repeat;
    .title{
        width: 326px;height:200px;color: #fff;margin: 0 auto;text-align: left;letter-spacing:1px;position:relative ;left: -90px;
        h2{
            padding-top: 66px;
        }
        h5{
            font-size: 18px;font-weight: 500;
        }
    }
}
/*++----------------------------------------------
/*++  详情列表
/*++----------------------------------------------*/
.newsList {
    width: 1200px; margin: 40px auto;
    .conLeft {
        width: 188px; overflow: hidden;float: left;
        .subcat,.subtac {
            background: #fff;
        }
        .subcat{
            .sub-tit{
                width: 152px; height: 46px; color: #fff;background-color: #CC3333;padding:23px 0 23px 36px;
                h5{
                    font-size: 18px;
                }
            }
            .subTree{
                a{
                    display: block;height: 45px;line-height: 45px;padding: 0 20px;border-bottom: 1px solid #ccc;
                    b{
                        float: right;
                    }
                    a,b{
                        color: #999;
                    }
                }
                li:hover,li.on{
                    a{
                        border-bottom: 1px solid #C82620;
                    }
                    a,b{
                        color: #CC3333;
                    }
                }
            }
        }
    }
    .conRight{
        float: right;width: 955px;
        &>h5{
            height: 40px;line-height: 40px;border-bottom: 1px solid #ddd;color: #3E3A39;display: none;
            span{
                border-bottom: 2px solid #C82620;padding: 0 15px 9px 0;
            }
            small{
                color: #999;
            }
        }
        &>h5.on{
            display: block
        }
        li{
            padding: 20px 0;border-bottom: 1px dashed #E6E6E6;position: relative;
            img{
                width: 260px;height: 150px;
            }
            .content{
                position: absolute;top: 20px;left: 280px;height: 150px;padding-right: 60px;
                span{
                    color: #CC3333;font-size: 12px;border: 1px solid #CC3333;padding: 2px 5px;margin-right: 10px;
                }
                p{
                    margin-top: 5px;
                }
                p:nth-of-type(2){
                    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;margin-top: 20px;
                }
            }
        }
        li:last-child{
            border-bottom: none;
        }
    }
}
.newsNav{
    color: #666;padding: 10px 0;margin-top: 10px;border-bottom: 1px solid #ddd;
    a{
        color: #666;margin-right: 5px;
    }
}
.newsDetailsCon{
    width: 1200px; margin: 40px auto;
    .newsCon{
        width: 880px; text-align: center;
        .content-title {
            padding: 25px 0 15px; text-align: center; border-bottom: 1px dashed #dbdbdb;
            h1 {
                font-size: 20px; padding-bottom: 8px; color: #333; text-align: center;
            }
            .sub-title {
                min-height: 19px; text-align: center;
                span {
                    padding-right: 10px;
                }
                .bdsharebuttonbox {
                    display: inline-block; vertical-align: middle;
                    a,.bds_more{
                        float: none; margin: 0px 6px 2px 0;
                    }
                }
            }
        }
    }
    .conAside{
        width: 260px;float: right;padding: 0 28px;border-left: 1px solid #ddd;
        .title{
            color: #3E3A39;padding: 82px 0 0;
        }
        ul:nth-of-type(1){
            li{
                margin-top: 20px;
            }
        }
        ul:last-child{
            margin-top: 40px;
        }
        li{
            p{
                overflow: hidden; text-overflow:ellipsis; white-space: nowrap;line-height: 30px;
            }
        }
    }
}
/*++----------------------------------------------
/*++  教学基地
/*++----------------------------------------------*/
.bgF8{
    background-color: #f8f8f8;
}
.teachingBase{
    width: 1200px;margin: 20px auto;
    ul{
        position: relative;
    }
    li{
        width: 382px;border-radius: 6px;overflow: hidden;margin:0 27px 20px 0;background-color: #fff;box-shadow: 0 4px 10px #ddd;transition: all 1s;position: absolute;
        .imgHover{
            position: relative;
            img{
                width: 100%;vertical-align: middle;
            }
            .mask{
                width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;background-color: #000;opacity: 0.5;
            }
        }
        .con{
            padding: 20px 30px;
            h5{
                color: #3E3A39;
            }
            p{
                color: #666;
                span{
                  color: #CC3333;display: inline-block;border: 1px solid #CC3333;margin: 10px 0;font-size: 12px;width: 60px;text-align: center;height: 20px;line-height: 20px;
                }
            }
        }
    }
    li:nth-of-type(3n){
        margin-right: 0;
    }
    li:hover{
        .mask{
            -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp;animation-name: fadeInUp;
        }
    }
}
.addTeachingBase{
    width: 100%;text-align: center;background-image: url(../images/wave.png);height: 200px;background-position: top center; background-repeat: no-repeat;color: #fff;
    span{
        font-size: 27px;padding: 44px 0 36px;display: block;
    }
    p{
        a{
            display: inline-block;width: 130px;text-align: center;height: 40px;line-height: 40px;border: 1px solid #fff;color: #fff;
        }
        a:hover{
            background-color: #fff;color: #CC3333;
        }
    }
}
/*++----------------------------------------------
/*++  培训案例
/*++----------------------------------------------*/
.trainingCasePage{
    width: 1200px;margin: 20px auto;
    li{
        width: 382px;border-radius: 6px;overflow: hidden;margin:0 27px 20px 0;background-color: #fff;box-shadow: 0 4px 10px #ddd;transition: all 1s;float: left;
        .imgHover{
            position: relative;
            img{
                width: 100%;height: 247px;vertical-align: middle;
            }
            .mask{
                width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;background-color: #000;opacity: 0.5;
            }
            p{
                position: absolute;top: 15px;left: 0;
                span{
                    background:rgba(255,51,51,0.7);padding: 0 16px;color: #fff;display: inline-block;height: 30px;line-height: 30px;
                }
                i{
                    display: inline-block;width: 0;height: 0;border-width:15px 0 15px 15px; border-style:solid; border-color:transparent transparent transparent rgba(255,51,51,0.7);position: absolute;top: 0;
                }
            }
        }
        .con{
            h5{
                padding: 0 30px;color: #333;font-size: 16px;line-height: 50px;border-bottom: 1px solid #ccc;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;
            }
            p{
                padding: 10px 30px;height: 70px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;overflow: hidden;color: #595757;
                span{
                    display: block;width: 110px;height: 40px;text-align: center;line-height: 40px;color: #FFCCCC;border: 1px solid #FFCCCC;margin-bottom:20px ;background-color: transparent;

                }

            }
        }
    }
    li:nth-of-type(3n){
        margin-right: 0;
    }
    li:hover{
        .mask{
            -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: fadeInUp;animation-name: fadeInUp;
        }
        .con{
            h5{
                color: #fff;border-bottom-color: #FF0000;
            }
            background-color: #CC0000; color: #fff;
            p{
                color: #fff;
                span{
                    border-color: #fff; color: #fff;
                }
            }
        }
    }
}
/*++----------------------------------------------
/*++  培训案例详情
/*++----------------------------------------------*/
.bgFf{
    background-color: #fff;
}
.trainingCasePageDetails{
    width: 1200px;margin: 20px auto;
    .caseDetails{
        width: 907px;color: #666;
        .title{
            height: 142px;background-image: url(../images/caseDetailsBg.png); background-position: top center; background-repeat: no-repeat;text-align: center;
            h2{
                color: #CC3333;font-size: 30px;padding: 20px 0 10px;opacity: 1;
            }
            &>p{
                padding: 0;background-color: transparent;
                span{
                    margin-left: 60px;
                }
            }
        }
        .caseDetailsp{
            padding: 20px 80px;position: relative;background-color: #F2F2F2;
            .detailimg{
                position: absolute;top: 20px;left: 50px;
            }
        }
        .detail{
            padding: 20px 0;
        }

    }
    .conAside{
        width: 230px;padding: 0 25px;color: #3E3A39;
        .title{
            margin-bottom: 20px;
        }
        li{
            margin-bottom: 30px;
        }
        a{
            h5{
                font-size: 16px;font-weight: 500;
            }
            &>img{
                width: 230px;height: 133px;object-fit: cover;
            }
            p{
                font-size: 12px;color: #999;
            }
        }

    }
}
/*++----------------------------------------------
/*++  合作伙伴
/*++----------------------------------------------*/
.bgF8,.bgFf{
    a{
        display: inline-block;width: 130px;height: 40px;text-align: center;line-height: 40px;color: #fff;background-color: #FF6666;margin-top: 42px;
    }
    a:hover{
        background-color: #FF9999;
    }
    .addTeachingBase{
        span{
            padding-bottom: 16px;
        }
        b{
            font-size: 19px;padding-bottom: 19px;display: block;font-weight: 500;
        }
        a{
            margin-top: 0;background-color: transparent;
        }
    }
}
.partnerTopbar{
    background-image: url(../images/partnerBg.png);
    .title{
        width: 470px;height:300px;left: 200px;
        h2{
            padding: 90px 0 8px;font-size: 28px;
        }
    }

}
.partnerCon,.sixPartnerCon{
    width: 1200px;margin: 20px auto 60px;
    h4{
        color: #3E3A39;font-size: 27px;text-align: center;font-weight: 500;margin-top: 70px;
    }
    &>p{
        font-size: 19px;color: #999;text-align: center;margin-top: 10px;
    }
}
.cooperationContent{
    margin-top: 48px;
    li{
        float: left;width: 380px;height: 380px;background-color: #fff;margin-right: 15px;cursor: pointer;
        .title{
            width: 100%;height: 150px; text-align: center;color: #fff;font-size: 18px;
            img{
                padding-top: 30px;
            }
        }
        .con{
            padding: 38px 54px;
            h6{
                color: #CC3333;font-size: 14px;font-weight: 500;margin-bottom: 5px;
            }
            p{
                color: #666;position: relative;
                strong{
                    position: absolute;top: 0;left: -15px;
                }
            }
        }
    }
    li:nth-of-type(1){
        .title{
            background: -moz-linear-gradient(to right, #66A6F6, #6C66F8); background: -o-linear-gradient(to right, #66A6F6, #6C66F8); background: -webkit-linear-gradient(to right, #66A6F6, #6C66F8); background: -ms-linear-gradient(to right, #66A6F6, #6C66F8); background: linear-gradient(to right, #66A6F6, #6C66F8); background: -webkit-gradient(linear, left, right, color-stop(0%,#66A6F6), color-stop(100%,#6C66F8));
        }
    }
    li:nth-of-type(2){
        .title{
            background: -moz-linear-gradient(to right, #5CEBC8, #5CC7ED); background: -o-linear-gradient(to right, #5CEBC8, #5CC7ED); background: -webkit-linear-gradient(to right, #5CEBC8, #5CC7ED); background: -ms-linear-gradient(to right, #5CEBC8, #5CC7ED); background: linear-gradient(to right, #5CEBC8, #5CC7ED); background: -webkit-gradient(linear, left, right, color-stop(0%,#5CEBC8), color-stop(100%,#5CC7ED));
        }
        a{
            margin-top: 17px;
        }
    }
    li:nth-of-type(3){
        margin-right: 0;
        .title{
            background: -moz-linear-gradient(to right, #F76689, #F68766); background: -o-linear-gradient(to right, #F76689, #F68766); background: -webkit-linear-gradient(to right, #F76689, #F68766); background: -ms-linear-gradient(to right, #F76689, #F68766); background: linear-gradient(to right, #F76689, #F68766); background: -webkit-gradient(linear, left, right, color-stop(0%,#F76689), color-stop(100%,#F68766));
        }
    }
    li:hover{
        box-shadow: 0 4px 10px #ddd;
    }
}
.sixPartnerCon{
    padding: 60px 0;margin: 0 auto;
    li{
        width: 399px;height: 409px;border-right: 1px solid #eee;float: left;
        .imgIcon{
            padding-left: 145px;padding-top: 78px;
        }
        h4{
            font-size: 24px;margin-top: 34px;
        }
        p{
            padding-left: 150px;font-size: 16px;color: #666;
        }
        p:nth-of-type(1){
            padding-top: 27px;
        }
    }
    li:nth-of-type(1),li:nth-of-type(2),li:nth-of-type(3){
        border-bottom: 1px solid #eee;
    }
    li:nth-of-type(3n){
        border-right: none;
    }
    li:hover{
        box-shadow: 0 4px 20px #ddd;
    }
}
/*++----------------------------------------------
/*++  定制服务
/*++----------------------------------------------*/
.customizedService{
    background-image: url(../images/customizedServiceBg.png);
    .title{
        width: 470px;height:300px;left: 200px;
        h2{
            padding: 64px 0 8px;font-size: 28px;
        }
        a:nth-of-type(2){
            margin-left: 18px;
        }
    }
}
.advantageBlock{
    margin: 40px auto;height: 347px;background-color: #fff;box-shadow: 0 4px 10px #ddd;  background-repeat: no-repeat;text-align: left;
    h4{
        font-size: 27px;font-weight: 500;padding-top: 50px;
    }
    p{
        font-size: 16px;color: #666;margin-top: 10px;margin-bottom: 60px;
    }
    span{
        font-size: 16px;
    }
    b{
        font-size: 27px;
    }
    li{
        float: left;margin-right: 90px;position: relative;
        img{
            position: absolute;
        }
    }

}
.advantageBlock01{
    width: 680px;background-position: top left;background-image: url(../images/advantageBlock01.png);padding-left: 520px;
    p{
        margin-bottom: 40px;
    }
    img{
        vertical-align: middle;margin-right: 10px;
    }
    img:nth-of-type(2n){
        margin-left: 90px;
    }
    span{
        display: inline-block;width: 96px;line-height: 50px;
    }
}
.advantageBlock02{
    width: 1126px;background-position: top right;background-image: url(../images/advantageBlock02.png);padding-left: 74px;
    h4{
        padding-top: 30px;
    }
    li{
        padding-left: 60px;position: relative;
        img{
            position: absolute;left: 0;vertical-align: middle;
        }
    }
}
.form{
    width: 1088px;margin: 40px auto;background-color: #fff;box-shadow: 0 4px 10px #ddd;padding: 70px 56px;text-align: left;
    a{
        width: 300px;background-color: #CC3333;margin: 42px auto 0;display: block;
    }
    b{
        display: inline-block;width: 100px;color: #333;font-size: 16px;font-weight: 500;float: left;line-height: 40px;
        strong{
            color: #FF3333;margin-right: 5px;
        }
    }
    ul{
        display: inline-block;float: left;
        li{
            color: #777;line-height: 40px;border-bottom: 1px dashed #E6E6E6;width: 988px;
            span{
                color: #3E3A39;display: inline-block;width: 90px;
            }
            label{
                display: inline-block;width: 110px;
                input{
                    margin-right: 5px;
                }
            }
        }
        li:nth-last-child(1),li:nth-last-child(2){
            border-bottom: none;
        }
    }
    .formInput{
        margin-top: 10px;
        input{
            width: 140px;
        }
        p{
            overflow: hidden;line-height: 50px;
            b:nth-of-type(2){
                width: 120px;text-align: right;margin-left: 40px;margin-right: 20px;
            }
            input{
                margin-right: 5px;
            }
            label{
                float: left;font-size: 16px;color: #333;display: inline-block;width: 190px;
            }
            label:nth-of-type(2){
                width: 300px;
            }
            b:nth-of-type(3){
                margin-left: 20px;
            }
        }
    }
}
/*++----------------------------------------------
/*++  联系我们
/*++----------------------------------------------*/
.contactUsTopbar{
    background-image: url(../images/contactUs.png);
    .title{
        width: 490px;height:200px;margin: 0 auto;color: #CC3333;left: 140px;
        h2{
            font-size: 28px;
        }
    }
}
.contactUsStype{
    width: 1200px;margin: 20px auto;
    .contactWay{
        box-shadow: 0 4px 10px #ddd;height: 142px;
        li{
            float: left;width: 398px;height: 94px;color: #CC3333;font-size: 20px;text-align: center;border-left: 1px solid #E5E5E5;margin: 24px 0;
            img{
                vertical-align: middle;margin-right: 20px;
            }
            p{
                font-size: 16px;padding-top: 10px;padding-top: 10px;text-align: left;
            }
        }
        li:first-child{
            border-left:none;
            p{
                padding-left: 90px;
            }
        }
        li:nth-of-type(2){
            p{
                padding-left: 54px;
            }
        }
        li:last-child{
            p{
                padding-left: 100px;
            }
        }
    }
    .mapInfo{
        margin-top: 40px;
        #panorama{
            width: 525px;height: 306px;margin-right: 68px;
        }
        img{
            margin-bottom: 20px;
        }
        h2{
            font-size: 24px;line-height: 30px;
        }
        h5{
            font-size: 18px;line-height: 40px;
        }
        p{
            margin-top: 20px;font-size: 18px;color: #666;line-height: 50px;
        }
    }
}
/*++----------------------------------------------
/*++  合作意向
/*++----------------------------------------------*/
#kabuloreLayer{
    width: 528px;height: 440px;background-color: #fff;border-radius: 5px;
    h4 {
        width: 100%;height: 50px;line-height: 50px;border-bottom: 1px solid #ddd;text-align: center;margin-bottom: 20px;
        span{
            font-size: 20px;font-weight: 500;margin-right: 20px;cursor: pointer;color: #999;
        }
    }
    p{
        line-height: 50px;padding: 0 60px;
        span{
            display: inline-block;width: 80px;color: #333;font-size: 16px;
        }
        input.form-control{
            width: 302px;
        }
        select{
            width: 164px;
        }
    }
    .checkbox{
        font-size: 14px;
        input{
            margin-left: 40px;margin-right: 5px;vertical-align: middle;
        }
        input:nth-of-type(1){
            margin-left: 10px;
        }
    }
    .btn{
        padding: 0 60px;text-align: center;margin-top: 20px;
        a{
            display: inline-block;width: 80px;height: 30px;line-height: 30px;text-align: center;border: 1px solid #ddd;margin: 0 20px;color: #ddd;
        }
        a:first-child{
            background-color: #669BFF;color: #fff;border-color: #669BFF;
        }
    }
}