.clearfix{clear: both;}
.bg-w{background: #fff;}

.navbar-brand .site-logo{width: 120px!important;}



.page-wrap{
    position: relative;
padding:2% 4%;
/* margin-bottom:4%; */


}
.page-wrap .page-tit{
    text-align: center;
    /* margin-bottom:4%; */
    /* border: 1px solid #ccc; */
    /* border-bottom: 0; */
    
    /* background: #cae4f9; */
    
    /* width: 100%; */
    /* width: 30%; */
    display: inline-block;
    /* border-top: 5px solid #cae4f9; */
    /* border-bottom: 5px solid #cae4f9; */
    margin:1% auto;padding: 1% 0;
    text-align: left;
}



.big-tit{
    font-size:28px;line-height: 38px;
    font-weight: 600;
    /* font-family: 'Courier New', Courier, monospace; */
    color:#555;
    padding:0
}
.small-tit{
    font-size:16px;line-height: 22px;
    font-weight: 600;
    /* font-family: 'Courier New', Courier, monospace; */
    color:#2f8eda;
}
.tit-icon{width: 12px;background: #2e8eda;
    line-height: 16px;
    margin-bottom: 3px;
}
.tit-line i{font-size: 18px;color:#2e8eda}


.page-con-tit{
    font-weight: 600;
    color:#333;
    padding: 0 1%;
    width: 50%;
    font-size: 22px;
    line-height: 38px;
}
.page-con-desc{
    font-size: 16px;line-height: 30px;
    padding-bottom: 1%;
    margin: 1%;
}

.page-con-img{
    width: 46%;
    margin: 0;padding: 0;display: inline-block;
    float: left;
}
.page-con-img img{width: 90%;}
.page-con-box{width: 50%;height: 400px;float: left;}


.page-con-video{display: inline-block;
    margin-top: 4%;
}

.page-con-more {text-align: center;
    position: absolute;

    bottom: 0;
    left: 0;
    width: 100%;
    padding-bottom: 4%;
}
.page-con-more .down-icon{display: inline-block;width: 100%;position: relative;z-index: 3;color:#2e8eda;cursor: pointer;}
/* .page-con-more .more-desc{text-align: left;text-indent: 4%;color:#999} */
.page-con-more .more-btn{position: relative;z-index: 3;}
.page-con-more .more-back{background: #fff;position: absolute;width: 100%;height: 100%;
left:0;top:0;z-index: 1;opacity: 0.8;

}
.page-con-more a{
    color:#eee;
    background: #2e8eda;padding:1% 10%;display: inline-block;margin:1% 0;
    border-radius: 30px;
}
.page-con-more a:hover{color:#fff}


/* slider */


.slider-wrap{position: relative;width: 100%; 
    overflow: hidden;
    /* margin-bottom: 4%; max-height:  180px;*/
}
.slider-box{position: relative;width:  200%;left:-50%;
   margin: 0;padding: 0;height: 100%;display: inline-block;
}

.slider{position: relative;}
/* .slider{position: absolute;} */
/* .slider-img{max-height: 200px} */

.slider .item{width: 100%;left:0;position: relative;}
.slider .item img{max-width: 100%;height: auto;}

/* 轮播公用 */
.swiper-slide{padding-bottom:5%;}


/* 列表公用 */
.page-con{position: relative;background: #fff;}
/* .page-con ul{text-align: center;} */
.page-con ul li{position: relative;margin-bottom: 4%;
    width:22% ;
    display: inline-block;
    vertical-align: top;
    margin:1%
}
.page-con .list-desc{
    /* bottom:0;left: 0;  z-index:2;
    position: absolute; */
    padding:2% 3%;
    width: 100%;
    display: inline-block;
    text-align: left;
}
.page-con .list-desc span{position: relative;}
.page-con .list-desc a{position: relative;border:1px solid #333;
padding:2% 4%;margin:2%;display: inline-block;
float: right;
}

/* .page-con  .list-back{background: #fff;position: absolute;
bottom:0;left: 0;  z-index:1;width: 100%;height: 100%;display: inline-block;  
opacity: 0.8;
} */

.list-img{ 
   
    background: #fff;
    /* width: 30%; */
    /* height: 100%; */
    width: 100%;
    display: inline-block;
    /* float: left; */
    /* background: #edf4fb; */
    /* border-radius: 10px; */
    overflow: hidden;
    /* margin:0% 2% */
    /* margin:1% auto;
    margin-bottom:2% */
}
.list-img a{width: 100%;display: inline-block;position: relative;}
.list-img img{width: 100%;}

/* 播放器按钮 */
.list-img a .play-icon{position: absolute;width: 100%;font-size: 22px;color:#fff;bottom:0%}
.list-img a .play-icon img{width: 20%;position: relative;z-index: 3;}
.list-img a .play-icon .play-icon-desc{position: relative;z-index: 3;}
.list-img a .play-icon .play-icon-back{background: #2e8eda;position: absolute;top: 0;
width: 100%;height: 100%;display: inline-block;
left: 0;opacity: 0.6;
}



.list-desc span{width:100%;line-height:22px;display: inline-block;}
.list-desc .desc-tit{font-size: 16px;line-height: 28px;color:#333;
font-weight: 600;
}




/* 关于我们 */
.about-wrap .page-con-desc{
    text-indent: 4%;
}





/* 客服中心 */
.service-wrap{}
/* .service-wrap .page-con-desc{text-align: center;} */
.service-wrap .ser-time{padding: 0 4%;}
.service-wrap .ser-state{padding:0 5px;margin-left: 5px;}
.service-wrap ul li{
    width: 40%;display: inline-block;
   line-height: 26px;
   /* text-align: center; */
   margin: 0% 1% 1% 0;
    
}
.service-wrap ul li i{margin-right: 5px;}
.service-wrap ul li .on i{color:#2e8eda}

/* 中训校区 */
/* .school-wrap .{padding: 1%;} */

.school-box{margin-bottom: 4%;}
.school-wrap .school-list{
    /* height: 80px; */
    margin-bottom: 4%;
    /* width:100%; */
    display: inline-block;
    padding:1%;
    /* background: #eee; */
}









/* 资质荣誉 */
.certi-con{ width: 100%;
    height: 100%;}
.certi-con .certi-list {width:100%;
    /* padding-bottom: 5%; */
    /* background: #edf4fb; */
}
.certi-con .certi-list a{width: 100%;display: inline-block;}
.certi-con .certi-list img{width:100%}
.certi-con .certi-list .certi-desc{text-align: center;padding:1% 0;line-height: 30px;}


/* 师资 */
.teacher-wrap .page-con {}

.teacher-con .teach-img{width:100%;display: inline-block;}
.teacher-con .teach-img img{width: 100%;}
.teacher-form{padding:1% 2%;display: inline-block;}

.teacher-form .form-desc{width: 100%;padding:1% 0;line-height: 30px;color:#2f8eda}
.teacher-form input{float: left;width: 70%;}
.teacher-form button{float: left;width:30%;}




/* pc */
@media(min-width: 1400px){
   
}


 /* PC客户端或大屏幕设备: 1028px 至更大 */ 
 @media(min-width: 1200px){
   
}

 /* ipad pro */ 
 @media(min-width: 1000px){
     .ser-state{font-size: 12px;}
    .page-con-desc{
        font-size: 14px;
        line-height: 24px;
    }
    .service-wrap ul li{width: 30%;}
 }

/* ipad    */
@media (max-width: 768px){
    .page-con-box{height: auto;}
    .page-con-tit{
        font-size: 16px;
        line-height: 22px;
    }
    .page-con-desc{
        font-size: 14px;
        line-height: 22px;
    }

}

 /* 手机等小屏幕手持设备 */
 @media (max-width: 767px){
   /* global */
   .page-wrap{
    width: 100%;display: inline-block;
    /* background: #eee; */
   }
   .page-wrap .page-tit{
        margin:4% auto;padding: 4% 0;
   } 
   .page-con-tit{
        font-size: 14px;
        line-height: 28px;
   }
   .page-con-desc{
    font-size: 14px;line-height: 18px;
    padding-bottom: 4%;
   }
   .page-con-img{
        width: 100%;float: none;
    }
    .page-con ul li{width: auto;}

.page-con-img img{width: 100%;}
.page-con-box{width: 100%;float: none;
    height: auto;
}

.big-tit{
    font-size:20px;line-height: 20px;
}
.small-tit{
    font-size:14px;line-height: 18px;
}

.list-img{
    width: 100%;
}

   /* slider */
    .slider-wrap{max-height: 180px;}
    .slide{width: 140%;left:-20%}

    /* service */
    .service-wrap ul li{    margin: 1% 2% 1% 2%}
 }