@charset "UTF-8";
/* CSS Document */
body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
body{font:normal 12px/1.5 "Microsoft YaHei",Tahoma,Arial,Helvetica,sans-serif;color:#333;}
h1,h2,h3,h4,h5,h6{font-size:100%}
em{font-style:normal}
li{list-style:none;}
img{border:none;vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none}
a:hover{text-decoration:none;cursor:pointer;}

.wrap{width:100%;min-width:1200px;}
.blk{margin:0 auto;width:1180px;overflow:hidden;}
.fl{float:left;}
.fr{float:right;}

.header{margin:20px auto;height:40px;}
.logo{float:left;margin-left:10px;}
.tel{float:right;padding:0 10px 0 35px;height:38px;font-size:26px;font-weight:bold;color:#006BFF;background:url(../images/tel.png) 0 center no-repeat;}
.banner{width:100%;height:400px;background:url(../images/banner.jpg) center 0 no-repeat;}

.sort{margin:30px auto;width:1180px;}
.sort img{width:16px;height:12px;vertical-align:baseline;}
.sort-text{margin-left:20px;font-size:16px;color:rgba(166,166,166,1);}
.sort-tab{margin-left:20px;padding:3px 15px 5px;font-size:16px;line-height:22px;text-align:center;color:rgba(166,166,166,1);border-radius:18px;border:1px solid rgba(166,166,166,1);cursor:pointer;}
.sort .curr{color:#fff;border:1px solid rgba(7,128,254,1);background:rgba(7,128,254,1);}

.months{display:flex;}
.months li{flex:1;float:left;height:40px;font-size:20px;text-align:center;line-height:40px;background:#F9F9F9;border-top-left-radius:40px;border-top-right-radius:40px;border-bottom:solid 6px #CEE6FF;cursor:pointer;}
.months li:hover{color:#006BFF;background:#CFE7FF;}
.months li.active{color:#006BFF;border-bottom:solid 6px #006BFF;background:#CFE7FF;}
.months li::after{position:relative;display:block;content:'';width:100%;height:6px;bottom:0px;background:rgba(7,128,254,1);transition:all 0.3s ease-in-out;transform:scale3d(0,1,1);transform-origin:50% 0;}
.months li:hover::after,.months li.active::after{transform:scale3d(1,1,1);}

.course-wrap{display:none;width:1180px;overflow:hidden;}
.show{display:block;}

.month{margin:30px auto 0;}
.month p{float:left;padding-left:60px;width:86px;height:60px;font-size:26px;line-height:60px;text-align:center;color:rgba(7,128,254,1);background:url("../images/month.png") center center no-repeat;}
.month a{display:block;float:right;margin:15px 10px 0 0;width:125px;height:30px;font-size:16px;line-height:28px;text-align:center;color:rgba(255,255,255,1);background:rgba(7,128,254,.8);box-shadow:0px 2px 6px 0px rgba(9,110,214,0.1);border-radius:15px;cursor:pointer;}
.month a:hover{background:rgba(7,128,254,1);}

.course-list li{margin-top:20px;}
.course-list li em,.course-list li p,.course-list li span{background:#fff;border:1px solid rgba(231,235,239,1);color:#333;}
.course-list li em{display:block;width:220px;font-size:20px;text-align:center;}
.course-list li p{padding:20px;max-width:800px;font-size:24px;text-align:left;line-height:35px;}
.course-list li span{display:block;width:100px;font-size:24px;text-align:center;}
.course-list a:hover em,.course-list a:hover p,.course-list a:hover span{background:rgba(7,128,254,1);border:1px solid rgba(231,235,239,1);color:#fff;}
.course-list li em,.course-list li span{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}

.course-det li{margin-top:20px;}
.course-det li h2{padding:20px;background:rgba(230,241,255,1);font-size:24px;line-height:35px;font-weight:500;color:rgba(80,84,89,1);border-left:solid 12px #AED4FF;text-align:left;}
.course-det li h2:hover{color:#006BFF;border-left:solid 12px #006BFF;}
.course-det li h2 a{color:rgba(80,84,89,1);}
.course-det li h2 a:hover{color:#006BFF;}

.days{padding-top:20px;overflow:hidden;}
.days p{float:left;margin-left:32px;font-size:20px;line-height:28px;color:rgba(0,0,0,0.65);}
.days p span{margin-left:7px;padding:1px 20px;line-height:28px;text-align:center;background:#f0f0f0;}
.days a{display:block;float:right;margin:15px 10px 0 0;width:125px;height:30px;font-size:16px;line-height:28px;text-align:center;color:rgba(255,255,255,1);background:rgba(7,128,254,.8);box-shadow:0px 2px 6px 0px rgba(9,110,214,0.1);border-radius:15px;cursor:pointer;}
.days a:hover{background:rgba(7,128,254,1);}

.times{overflow:hidden;}
.times dd{float:left;margin:20px 0 0 32px;height:50px;font-size:20px;line-height:48px;text-align:center;color:rgba(0,0,0,0.65);background:rgba(255,255,255,1);border:1px solid rgba(231,235,239,1);}
.times dd span{display:inline-block;width:70px;height:50px;text-align:center;border-right:1px solid rgba(231,235,239,1);}
.times dd em{display:inline-block;width:190px;text-align:center;}
.times dd:hover{border:1px solid rgba(7,128,254,1);background:rgba(7,128,254,1);color:white;}

.footer{margin-top:50px;width:100%;height:52px;font-size:12px;line-height:4;text-align:center;color:#fff;background:#333;}
.footer img{vertical-align:text-bottom;}

.flex {
    /* 设置弹性布局 */
    display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.flex-align-center{
    /* 水平布局下的子元素 垂直居中 */
    -webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.flex-pack-justify{
    /* 水平布局下的子元素 2端对齐 */
    -webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}

.flex-flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap;}
.flex-grow1{
     /* 如果所有项目的flex-grow属性都为1，它们将等分剩余空间（如果有的话） */
    -webkit-flex-grow:1;-moz-flex-grow:1;-ms-flex-grow:1;flex-grow:1;}

/* hvr-ripple-out */
@-webkit-keyframes hvr-ripple-out {
  100% {
    top:-12px;
    right:-12px;
    bottom:-12px;
    left:-12px;
    opacity:0;
  }
}
@keyframes hvr-ripple-out {
  100% {
    top:-12px;
    right:-12px;
    bottom:-12px;
    left:-12px;
    opacity:0;
  }
}
.hvr-ripple-out {
  display:inline-block;
  vertical-align:middle;
  -webkit-transform:perspective(1px) translateZ(0);
  transform:perspective(1px) translateZ(0);
  box-shadow:0 0 1px rgba(0, 0, 0, 0);
  position:relative;
}
.hvr-ripple-out:before {
  content:'';
  position:absolute;
  border:#e1e1e1 solid 6px;
  top:0;
  right:0;
  bottom:0;
  left:0;
  -webkit-animation-duration:1s;
  animation-duration:1s;
}
.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
  -webkit-animation-name:hvr-ripple-out;
  animation-name:hvr-ripple-out;
}