.courseBox .prev,
.courseBox .next{ position:absolute; left:15%; top:40%; margin-top:-25px; display:block; width:32px; height:50px; background:url('../images/pic_7.jpg') 5px 0px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.courseBox .next{ left:auto; right:15%; background-position:-28px 2px; }
.courseBox .prev:hover,
.courseBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.courseBox .prevStop{ display:none;  }
.courseBox .nextStop{ display:none;  }
.courseBox{ width:100%; overflow:hidden; position:relative;  }

.courseBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.courseBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.courseBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.courseBox .hd ul li.on{ background:#f00; color:#fff; }
.courseBox .bd{ position:relative; height:100%; z-index:0;   }
.courseBox .bd li{ zoom:1; vertical-align:middle; }
.courseBox .bd img{ width:100%;  display:block;  }

.course{padding:50px 0;}
.course_title{text-align:center;width:40% !important;margin:auto}
.course_title h2{font-size:28px;color:#979797}
.course_title p{line-height:2}
.courseCon .bd ul li{text-align:center;}
.courseCon .bd ul li a{
  display:inline-block;
  width:25%;padding:10px;
  box-sizing:border-box;
}

/* 时间 */
.about_time{position: relative;}
.about_bor{border-top:1px dotted #000;padding:0 15%}
.timeLine{border:2px solid #e60012;margin:40px 0;}
/* .aboutCon .about_c_item{margin-bottom:50px;} */
.aboutCon ul li{background:url('../images/about_bg_03.png') no-repeat center bottom;padding-bottom:80px;position: relative;}
.aboutCon ul li img{width:100%;}
.aboutCon ul li>.about_text{width:40%;position: absolute;right:20px;top:50px;}
.aboutCon ul li:nth-child(2n) > div{position: absolute;left:20px}
.aboutCon ul li .about_text h3{border-bottom:2px solid #e60012;padding-bottom:15px;color:#fff;font-size:28px;}
.aboutCon ul li .about_text p{line-height:2;color:#fff}
.aboutCon ul li .about_text div{padding-top:100px;}
.aboutCon ul li .about_text div a{display:inline-block;border-radius:5px;padding:10px 20px;color:#fff;}



@media screen and (min-width:992px) and (max-width:1199px){
  .aboutCon ul li > .about_text{width:50%}
  .aboutCon ul li .about_text div{padding-top:20px;} 
  .aboutCon ul li .about_text p{line-height:1.5;font-size:13px;}  
  .aboutCon ul li .about_text div a{padding:5px 10px;font-size:14px;}
}

@media screen and (min-width:768px) and (max-width:991px){
  .aboutCon ul li > .about_text{width:60%}
  .aboutCon ul li .about_text div{padding-top:20px;} 
  .aboutCon ul li .about_text p{line-height:1.5;font-size:13px;}  
  .aboutCon ul li .about_text div a{padding:5px 10px;font-size:14px;}
  .headNav ul li a{font-size:13px;}
  .courseBox .next{right:7%}
  .courseBox .prev{left:7%;}
}

@media screen and (max-width:767px){
  .aboutCon ul li{background:none;}
  .course_title{width:90% !important;padding-bottom:20px;}
  .course_title p{line-height:1.5}
  .courseCon .bd ul li a{height:152px;overflow: hidden;}
  .courseBox .next{right:4%}
  .courseBox .prev{left:4%;}
  .aboutCon ul li > .about_text,.aboutCon ul li:nth-child(2n)>div{width:90%;position: static;}
  .aboutCon ul li > .about_text h3,.aboutCon ul li > .about_text p,.aboutCon ul li > .about_text div a{color:#000}
  .aboutCon ul li .about_text div{padding-top:20px;} 
  .aboutCon ul li .about_text p{line-height:1.5;font-size:13px;} 
  .aboutCon ul li>.about_text{top:20px;} 
  .aboutCon ul li .about_text div a{padding:5px 10px;font-size:14px;}
  .aboutCon ul li .about_text h3{font-size:16px;padding-bottom:5px;}
  .aboutCon ul li .about_text div{padding-top:5px;}
}