/*轮播图片*/
#index-banner div {background: no-repeat center;}
#index-banner div a{display: block;height: 100%;width: 100%}
/*首页优势*/
.topic-bar {
    position: relative;
    padding-left: 85px;
    margin-top: 55px;
    white-space: nowrap;
}
.topic-bar:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 35px;
    margin: auto;
    content: '';
}
.topic-bar + .topic-bar {
    margin-left: 10px;
}
.topic-bar-1 {
    border-left: 1px solid #eee;
}
.topic-bar-1:before {
    background-image: url(../images/topic-bar_bg.png);
    background-position: -44px -9px;
    height: 68px;
    width: 40px;
}
.topic-bar-2:before {
    background-image: url(../images/topic-bar_bg.png);
    background-position: -97px -9px;
    height: 68px;
    width: 40px;
}
.topic-bar-3:before {
    background-image: url(../images/topic-bar_bg.png);
    background-position: -154px -9px;
    height: 68px;
    width: 40px;
}
.topic-bar-wrap {
    height: 180px;
    background: #fff;
    cursor:pointer;

}
.topic-bar-captain {
    width: 330px;
    height: 180px;
    padding-left: 125px;
}
.topic-bar-captain {
    background-image: url(../images/topic-bar_title_bg.png);
    background-repeat: no-repeat;
    background-position: 20px 40px;
}
.topic-bar-captain:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 330px;
    background-position: -120px 0;
    height: 88px;
    width: 78px;
    margin: auto;
    content: '';
}
.topic-bar-captain > b {
    font-size: 24px;
    display: block;
    margin-top: 50px;
    color: #ccc;
}
.topic-bar-captain > p {
    font-size: 14px;
    color: #333;
}
.topic-bar-h3 {
    font-size: 24px;
}
.topic-bar > p {
    font-size: 14px;
    color: #999;
}



/*优势*/
.i-about{ padding:20px 0 35px; overflow: hidden; background-color:#fff;}
.i-about .imp-list{max-width:1200px;  margin:10px auto 0px; overflow:hidden;}
.i-about .imp-list li{float:left; width:218px;height:210px; text-align:center;border:1px solid #ccc; margin-right: 20px;}
.i-about .imp-list li.m-r{margin-right: 0px;}
.i-about .imp-list li span{ display:block; font-size:58px; line-height: 60px; color:#333;margin-top:20px;}
.i-about .imp-list li strong{ display:block; font-size:18px; padding:22px 0px 10px; color:#333;}
.i-about .imp-list li a {  font-size:13px; line-height: 20px;}
.i-about .imp-list li a:hover{}
.i-about .imp-list li:hover{background-color: #efefef;}
.i-about .imp-list li:hover span{color:#127de1;}
.i-about .imp-list li:hover strong{color:#127de1;}
/*首页讲师*/
.i-teacher{position: relative;margin: 20px 0 0px; width:100%;min-width: 1200px;padding-bottom: 40px;
    background-color:#efefef;
}
.i-teacher ul{width: 1200px;margin: 0px auto;overflow: hidden;}
.i-teacher ul li{float: left;width:288.75px;margin-right: 15px;}
.i-teacher ul li.m-r{margin-right: 0px;}
.i-teacher ul li:hover{background-color: #fff;}
.i-teacher ul li a{display: block;}
.i-teacher ul li a .img{width:100%;height:360px;overflow: hidden;}
.i-teacher ul li a .img img{width:100%;}
.i-teacher ul li a:hover .img img{-webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);}
.i-teacher ul li a .txt{width: 260px;padding-bottom:20px;float: left;}
.i-teacher ul li a .title{height: 40px;line-height:50px;font-size:18px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; width: 90%;
    overflow: hidden; text-align: left;}
.i-teacher ul li a .small-title{white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; width: 90%;font-size: 14px; color: #999;
    overflow: hidden; text-align: left;}
.i-teacher ul li a:hover .txt{margin-left:15px;}


/*首页新闻*/
.i-news{position: relative;margin: 0px auto; background-image: linear-gradient(175deg,#f8f8f8,#e5dcdc);padding-bottom: 40px}
.i-news .i-news-list{width: 1200px;height: 560px;margin: 20px auto 0px;overflow: hidden;position: relative;}
.i-news .i-news-list .i-news-l{float: left;width:590px;display: block;margin-right: 20px;}
.i-news .i-news-list .i-news-r{float: left;width:590px;display: block;}

.i-news ul li a .img{width:100%;height: 337px;overflow:hidden;margin-bottom:35px; }
.i-news ul li a .img img{width:100%;height: 337px;}
.i-news ul li a:hover .img img{-webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);}
.i-news ul li{display:block;background-color: #fff;float: left;width: 100%; margin-bottom: 20px;}
.i-news ul li:hover{box-shadow:0px 2px 5px #ccc;}
.i-news ul li a{display:block; margin-bottom: 1px;}
.i-news ul li a .title{white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;margin: 5px auto;overflow: hidden;margin:20px auto 10px;width: 550px;font-size: 20px;}
.i-news ul li a .description{ margin:0px auto 10px;width: 550px;color:#888;line-height: 20px;height: 40px; overflow: hidden;font-size: 12px;}
.i-news ul li a .date{ margin:0px auto 20px;width: 550px;color:#777;overflow: hidden;border-top:1px solid #efefef;padding-top: 10px;}
.i-news ul li a .date span {float:right;margin-right:10px;-webkit-transform:rotate(180deg);transform:rotate(180deg);}
.i-news ul li a:hover .date span {margin-right:0px;}
/*首页视频*/
.i-video{position: relative;margin: 20px 0 0px;padding-bottom: 20px; width:100%;min-width: 1200px;
}
.i-video ul{width: 1200px;margin: 0px auto;}

.i-video ul li{float: left;width:390px; margin-bottom: 15px;margin-right: 15px;background-color: #efefef;}
.i-video ul li.m-r{margin-right: 0px;}
.i-video ul li:hover{box-shadow:0px 2px 5px #333333;}
.i-video ul li a{display: block;}
.i-video ul li a .img{width:100%;height:219px;overflow: hidden;}
.i-video ul li a .img img{width:100%;}
.i-video ul li a:hover .img img{-webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);}
.i-video ul li a .title{height: 60px;line-height:50px;font-size:20px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis; width: 90%;padding-left:15px;
    overflow: hidden; text-align: left;}

/*首页合作伙伴*/
.i-partner{ overflow: hidden; }
.i-partner ul{width: 1200px;margin: 30px auto 60px;border-left:1px solid #ccc;border-top:1px solid #ccc;overflow: hidden;}
.i-partner ul li{float:left;width:calc(25% - 1px);border-right:1px solid #ccc;border-bottom:1px solid #ccc;position: relative;cursor:pointer;}
.i-partner ul li .img{width:90%;margin:10px auto;height:151px;overflow: hidden;}
.i-partner ul li .img img {
    opacity: 0.5;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    filter: grayscale(100%);
}
.i-partner ul li:hover img{transform: scale(1.05);opacity: 1;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);
    filter: grayscale(0%);}

.i-btn{
    margin: 20px auto;
    width: 150px;
    text-align: center;
}
.i-btn a{
    display: block;
    border:1px solid #666;
    padding: 10px  20px;
}
.i-btn a:hover{
    background: #127de1;
    color:#fff;
    border-color: #127de1;
}
