/*top*/
.top{
    height: 31px;
    border-bottom: 1px solid #d5d5d5;
    line-height: 32px;
}
.top div p a:hover{
    color: #037dda;
}


/*nav  导航*/
.logoDiv{
    width: 101px;
    height: 40px;
    margin-right: 34px;
}
.logoDiv img{
    width: 101px;
    height: 40px;
}

.nav ul li{
    float: left;
    margin: 0 16px;
    line-height: 38px;
    cursor: pointer;
}
.nav ul .liAct{
    color: #037dda;
}
.nav ul li:hover{
    color: #037dda;
}

.search p{
    width: 218px;
    height: 34px;
    float: left;
    margin-top: 2px;
    border: 1px solid #d5d5d5;
    border-radius: 4px;
    overflow: hidden;
}
.search p input[type=text]{
    width: 173px;
    height: 34px;
    padding-left: 10px;
}
.search p input::-webkit-input-placeholder{
    color: #999;
    font-size:12px;
}
.search p input[type=submit]{
    display: block;
    float: right;
    width: 34px;
    height: 34px;
    background: url("../images/newTop02.png") no-repeat center;
    border-left: 1px solid #d5d5d5;
    cursor: pointer;
}
.search button{
    width: 60px;
    height: 28px;
    border: 1px solid #037dda;
    border-radius: 14px;
    font-size: 14px;
    float: left;
    margin-top: 5px;
    margin-left: 20px;
}
.search .dl{
    background: #037dda;
    color: white;
    margin-left: 30px;
}
.search .dl:hover{
    background: white;
    color: #037dda;
}
.search .zc{
    background: white;
    color: #037dda;
}
.search .zc:hover{
    background: #037dda;
    color: white;
}


/*广告 轮播*/
#container {
    width: 100%;
    height: 520px;
    overflow: hidden;
    z-index: 1;
}
#container,.sections {
    position: relative;
    width: 100%;
    height: 520px;
    overflow: hidden;
}
.section img{
    width: 100%;
    height: 520px;
}
.pages{
    position:absolute;
    width: 72px;
    height: 14px;
    left: 50%;
    margin-left: -36px;
    bottom: 15px;
}
.pages li{
    width:12px;
    height:12px;
    border: 1px solid #037dda;
    border-radius: 50%;
    float: left;
    margin: 0 5px;
    cursor: pointer;
}
.pages li.active{
    background: #037dda;
}


.numDiv p{
    height: 50px;
    line-height: 50px;
}
.numDiv span{
    display: block;
    margin-right: 15px;
    float: left;
}
.numDiv em{
    display: block;
    width: 1px;
    height: 50px;
    background: #eee;
    float: left;
}


/*标题*/
.title p{
    font-size: 30px;
    line-height: 59px;
}
.title em{
    display: block;
    width: 130px;
    height: 3px;
    background: #037dda;
    margin: auto;
}
.title span{
    display: block;
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    color: #999;
}


/*按钮*/
.btn{
    display: block;
    width: 178px;
    height: 46px;
    border: 1px solid #d5d5d5;
    border-radius: 2px;
    font-size: 14px;
    background: #f6f6f6;
    margin: auto;
}
.btn:hover{
    color: #037dda;
    border: 1px solid #037dda;
}


/*BIM人才培养教学体系紧跟企业用人需求*/
.bgf6fbff{background:#f6fbff;}

.service_ul li{
    width:238px;
    height:182px;
    float:left;
    margin: 1px;
}

.ih-item{
    position:relative;
    width:238px;
    height:182px;
}

.img{
    position:relative;
    width:238px;
    height:182px;
}
.img p{
    width:238px;
    height:182px;
    position:absolute;
    top:0;
    left: 0;
    line-height: 182px;
}

.info{
    position: absolute;
    top: 0;
    left: 0;
}
.info-back{
    width:238px;
    height:182px;
    background: #037dda;
}
.info-back h3{
    line-height: 46px;
}
.info-back p{
    width: 198px;
    line-height: 24px;
    color: #9fd5ff;
    margin: auto;
}
.info-back h1{
    line-height: 52px;
    color: #9fd5ff;
}

.ih-item{-webkit-perspective: 900px;-moz-perspective: 900px;perspective: 900px;}
.ih-item .img {
    -webkit-transition: all 0.35s linear;
    -moz-transition: all 0.35s linear;
    transition: all 0.35s linear;
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}
.ih-item .info {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.ih-item .info .info-back {
    opacity: 1;
    visibility: hidden;
    -webkit-transition: all 0.35s linear;
    -moz-transition: all 0.35s linear;
    transition: all 0.35s linear;
    -webkit-transform-origin: 50% 0%;
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.ih-item a:hover .img {opacity: 0;}
.ih-item a:hover .info .info-back {opacity: 1;visibility: visible;}
.ih-item.top_to_bottom .info .info-back {
    -webkit-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
    -moz-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
    -o-transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
    transform: translate3d(0, 0, -220px) rotate3d(1, 0, 0, 90deg);
}
.ih-item.top_to_bottom a:hover .img {
    -webkit-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
    -moz-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
    -ms-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
    -o-transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
    transform: translate3d(0, 280px, 0) rotate3d(1, 0, 0, -90deg);
}
.ih-item.top_to_bottom a:hover .info .info-back {
    -webkit-transform: rotate3d(1, 0, 0, 0deg);
    -moz-transform: rotate3d(1, 0, 0, 0deg);
    -ms-transform: rotate3d(1, 0, 0, 0deg);
    -o-transform: rotate3d(1, 0, 0, 0deg);
    transform: rotate3d(1, 0, 0, 0deg);
}


/*近期开班公告*/
.newClass ul{
    width: 1220px;
    height: 402px;
}
.newClass ul li{
    width: 285px;
    height: 382px;
    float: left;
    margin-right: 20px;
    margin-top: 20px;
}
.newClass ul li:hover{
    margin-top: 10px;
    height: 352px;
}
.newClass ul li:hover .newClassLi{
    box-shadow: 0 0 10px 2px rgba(198,204,208,0.6);
}
.newClass ul li h1{
    height: 84px;
    line-height: 42px;
    margin-left: 20px;
    font-size: 18px;
    cursor: pointer;
    overflow: hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.newClass ul li p{
    line-height: 28px;
    font-size: 14px;
    color: #999;
    margin-left: 20px;
}
.newClass ul li h1:hover{
    color: #037dda;
}
.newClass ul li ol{
    margin-left: 20px;
    height: 48px;
    overflow: hidden;
}
.newClass ul li ol li{
    width: 48px;
    height: 48px;
    margin-right: 15px;
    border-radius: 50%;
    overflow: hidden;
    margin-top: 0;
}
.newClass ul li ol .liMore{
    color: #fffefe;
    background: #037dda;
}
.newClass ul li ol .liMore a{
    display: block;
}
.newClass ul li ol li:hover{
    height: 48px;
    margin-top: 0;
}
.newClass ul li ol li a{
    display: none;
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 12px;
    color: #fffefe;
    background: #037dda;
    text-align: center;
    border-radius: 50%;
    overflow: hidden;
}
.newClass ul li ol li img{
    display: block;
    width: 48px;
    height: 48px;
}
.newClass ul li ol li:hover img{
    display: none;
}
.newClass ul li ol li:hover a{
    display: block;
}
.newClass ul li h2{
    line-height: 74px;
    text-align: center;
    font-size: 14px;
    color: #999;
    border-bottom: 1px solid #eee;
}
.newClass ul li h3 a{
    display: block;
    line-height: 46px;
    text-align: center;
    font-size: 14px;
}
.newClass ul li h3 a:hover{
    color: #037dda;
}



/*不是所有的培训都能称为体系化教学*/
.newTeach .divUl ul li{
    padding: 0 14px;
    width: 287px;
    height: 97px;
    border: 1px solid #eee;
    border-radius: 2px;
    margin-bottom: 15px;
}
.newTeach .divImg{
    width: 566px;
    height: 327px;
}
.newTeach .divImg img{
    width: 566px;
    height: 327px;
}



/*专家级讲师组合授课，专家亲授，而非挂虚名不授课！*/
#wrap{
    position:relative;
    width: 1220px;
    height: 417px;
    margin: auto;
}
#banner{
    position:relative;
    width: 1220px;
    height: 417px;
    overflow: hidden;
}
.liList{
    position:relative;
    width: 2440px;
    height: 417px;
}
.liList li{
    height: 398px;
    margin: 20px 10px;
    float: left;
}
.liList li:hover{
    margin-top: 10px;
    height: 408px;
}
.liList li .teachBoxLi{
    width: 283px;
    height: 395px;
    border: 1px solid #d5d5d5;
    border-radius: 4px;
    overflow: hidden;
}
.liList li:hover .teachBoxLi{
    box-shadow: 0 0 10px 2px rgba(198,204,208,0.6);
}
.liList li .teachBoxLi .teachBoxLiDiv .teachBoxLiDivImg{
    width: 124px;
    height: 124px;
    border-radius: 50%;
    overflow: hidden;
    margin: auto;
}
.liList li .teachBoxLi .teachBoxLiDiv .teachBoxLiDivImg img{
    width: 124px;
    height: 124px;
}
.liList li .teachBoxLi .teachBoxLiDiv p em{
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 5px;
}
.liList li .teachBoxLi .teachBoxLiDiv p em img{
    width: 15px;
    height: 15px;
}
.liList li .teachBoxLi .teachBoxLiDiv h1 a:hover{
    color: #037dda;
}
#prev,#next{
    width: 27px;
    height: 52px;
    position: absolute;
    top: 193px;
    cursor: pointer;
}
#prev{
    left: -42px;
    background: url("../images/newRow01.png");
}
#next{
    right: -42px;
    background: url("../images/newRow02.png");
}
#prev:hover{
    background: url("../images/newRow001.png");
}
#next:hover{
    background: url("../images/newRow002.png");
}



/*舒适的教学环境，营造良好的学习氛围*/
.newStudy{
    width: 100%;
    height: 386px;
}
.newStudy img{
    width: 100%;
    height: 386px;
}



/*“24h、360°” OTO学习平台*/
.newUl ul{
    width: 301px;
}
.newUl ul li{
    width: 286px;
    height: 80px;
    margin-bottom: 46px;
    cursor: pointer;
}
.newUl1 ul li{
    background: url("../images/new24hBg1.png");
}
.newUl2 ul li{
    margin-left: 15px;
    background: url("../images/new24hBg2.png");
}
.newUl1 ul .actLi{
    margin-left: 15px;
    background: url("../images/new24hBg01.png");
}
.newUl2 ul .actLi{
    margin-left: 0;
    background: url("../images/new24hBg02.png");
}
.newUl ul li p{
    width: 236px;
    line-height: 26px;
    margin: auto;
}
.newImg{
    width: 482px;
    height: 387px;
    margin: 0 44px;
    background: url("../images/new24hBg.png") no-repeat;
}
.newImg p{
    width: 444px;
    height: 252px;
    margin: auto;
    padding-top: 19px;
    display: none;
}
.newImg p img{
    width: 444px;
    height: 252px;
}
.newImg .disBo{
    display: block;
}




/*底部*/
.footBox1{
    width: 1108px;
    margin: auto;
}
.footBox1 .divUls{
    width: 184px;
}
.footBox1 .divUls p{
    height: 60px;
    line-height: 60px;
    color: white;
}
.footBox1 .divUls ul li{
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #ccc;
    cursor: pointer;
}
.footBox1 .imgDiv p{
    width: 128px;
    height: 128px;
}
.footBox1 .imgDiv p img{
    width: 128px;
    height: 128px;
}
.footBox1 .imgDiv span{
    display: block;
    height: 42px;
    line-height: 42px;
    font-size: 14px;
    color: #f6f6f6;
    text-align: center;
}
.footBox2 p{
    text-align: center;
    font-size: 14px;
    color: #ccc;
    height: 34px;
    line-height: 34px;
}
.footBox2 p span{
    display: inline-block;
    width: 20px;
}
.footBox2 p em{
    display: inline-block;
    width: 10px;
}