@charset "utf-8";  	  
body{background-color: #ededed;}
.banner { background: url(../images/background.jpg) top center no-repeat; background-size:160% 100%; }
.banner .col-sm-6 img{ width:100%; margin: 10% 0 20% 0; }  
.banner .col-sm-6 img.first{ width:100%; margin:0; }  
.navbar-header1 img{ width: 100%; }
.banner .border{ box-shadow: 0 2px 8px rgba(0,0,0,.6); border: 3px solid #6b4b3b; overflow: hidden; font-size:0; margin-top: -10%; width:80%; margin-left:10%; display:inline-block; position:relative; } 
.btn_play{ display: inline-block; position: absolute; bottom: 6%; right: 9%; z-index: 3; width: 28px; height: 28px; background: url(../images/button_play.png) center no-repeat; background-size: contain; }  
 
.introduce h2{ text-align: center; margin: 20px 0 15px 0; }
.introduce .word{ background-color: #efe7df; border-radius: 8px; padding: 10px 15px;}
.introduce p {font-size: 14px; color: #000; line-height: 24px; margin:20px 15px ; text-indent: 2em; }
 
.review{ margin-top:50px; margin-bottom:90px; text-align:center; padding-left: 0; padding-right: 0; overflow: hidden;} 
.review .title{ text-align:center; margin-bottom: 20px;}

.review_content { overflow: hidden; }   
.review_content .period img{ width: 100%;}
/* 时期内切换类型 */
.review_content .typebox{ position: absolute; top:63%; left: 10%; right:10%; text-align: center; bottom: 10%; display: flex;}
.review_content .typebox .type{ display: inline-block; width: 92px; height: 31px; margin: 7px auto; justify-content: center;}
.review_content .typebox .type.disable{  }
.review_content .typebox .type1{background: url(../images/btn_shijian_w_p.png) center center no-repeat; background-size: 100%; }
.review_content .typebox .type2{background: url(../images/btn_wenxian_w_p.png) center center no-repeat; background-size: 100%; }
.review_content .typebox .type3{background: url(../images/btn_renwu_w_p.png) center center no-repeat; background-size: 100%; }
.review_content .typebox .type1.selected{background: url(../images/btn_shijian_r_p.png) center center no-repeat; background-size: 100%; }
.review_content .typebox .type2.selected{background: url(../images/btn_wenxian_r_p.png) center center no-repeat; background-size: 100%; }
.review_content .typebox .type3.selected{background: url(../images/btn_renwu_r_p.png) center center no-repeat; background-size: 100%; }
 
.review_content .video_box{margin:15px 0 30px 0; position: relative; overflow: hidden; }
.swiper-container { width: 100%; height: auto; margin-left: auto; margin-right: auto; }
.swiper-slide { text-align: center; line-height: 0; padding: 0 10px; margin-bottom: 25px; }  
 
.review_content .border{ overflow: hidden; font-size:0; width:100%; margin: 0 auto; display:inline-block; position:relative;  cursor:pointer; padding: 0 12px; background: url(../images/video_bg.png) center center no-repeat; background-size: 100% ;}  
.review_content .border img{ width:100%; } 
.review_content .topic{ text-align: center; font-size:14px; color:#fff; font-weight:bold; line-height: 33px; height: 33px; background:url(../images/title_bg_phone.png) no-repeat; background-size: 100% 100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding: 0 10px;}
.review_content .info{ text-align: center; font-size:14px; color:#999; line-height: 24px;}  
.review_content .info .teacherName{ display: block; color: #333;}  

.seemore{ border-top: 1px solid #d4d4d4; padding: 0 15px;}

.seemore p{ border-radius: 0 0 7px 7px; color:#666; text-align: center; height: 40px; line-height: 40px ; background:#d4d4d4 url(../images/seemore_icon.png) 42% 54% no-repeat; background-size: 10px 10px; text-indent: 2em;} 
.seemore p.showAll{ background:#d4d4d4 url(../images/closemore_icon.png) 42% 54% no-repeat;}
@media (max-width: 1200px){ 
} 
@media (max-width: 992px){    
}  
@media (max-width: 767px){  
}
@media (max-width: 414px){  
}