/* 成就 */
#chenjiu .rowMain .con {
    position: relative;
}
#chenjiu .rowMain .con.tab-list {
    display: none;
    overflow: hidden;
}
#chenjiu .rowMain .con.tab-list.on {
    display: block;
}
#chenjiu .rowMain .title {
    position: relative;
    text-align: center;
}
#chenjiu .rowMain  .title h3::after, #chenjiu .rowMain  .title h3::before {
    left: 50%;
    margin-left: -34px;
}
#chenjiu .rowMain .con .dot-item {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
#chenjiu .rowMain .con .dot-item li.circle {
    width: 5px;
    height: 5px;
    background: #ffffff;
    border-radius: 50%;
    display: inline-block;
    z-index: 10;
    line-height: 2.1052631578947367vw;
    text-align: center;
    animation: ripple 2s linear infinite alternate;
    position: absolute;
    transform: translate(-50%, -50%);
}
#chenjiu .rowMain .con .dot-item li.dot {
    position: absolute;
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 50%;
}
#chenjiu .rowMain .con .dot-item li.circle.dot {
    background: #fed202;
    width: 5px;
    height: 5px;
    border-radius: 50%;
}
#chenjiu .rowMain .con .dot-item li.dot img {
    width: 100%;
    position: absolute;
    top: 15px;
    z-index: 10;
}
#chenjiu .rowMain .con .dot-item li.dot small {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid #ffffff;
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
}
#chenjiu .con .dot-item li.dot small.ripper1 {
    -webkit-animation: ripple1 4500ms ease-out 225ms infinite;
    -moz-animation: ripple1 4500ms ease-out 225ms infinite;
    -o-animation: ripple1 4500ms ease-out 225ms infinite;
    animation: ripple1 4500ms ease-out 225ms infinite;
}
#chenjiu .rowMain .con .dot-item li.dot small.ripper2 {
    -webkit-animation: ripple1 4500ms ease-out 800ms infinite;
    -moz-animation: ripple1 4500ms ease-out 800ms infinite;
    -o-animation: ripple1 4500ms ease-out 800ms infinite;
    animation: ripple1 4500ms ease-out 800ms infinite;
}
#chenjiu .rowMain .con .dot-item li.dot small.ripper3 {
    -webkit-animation: ripple1 4500ms ease-out 1600ms infinite;
    -moz-animation: ripple1 4500ms ease-out 1600ms infinite;
    -o-animation: ripple1 4500ms ease-out 1600ms infinite;
    animation: ripple1 4500ms ease-out 1600ms infinite;
}
#chenjiu .rowMain .con .dot-item li.dot small.ripper4 {
    -webkit-animation: ripple1 4500ms ease-out 2200ms infinite;
    -moz-animation: ripple1 4500ms ease-out 2200ms infinite;
    -o-animation: ripple1 4500ms ease-out 2200ms infinite;
    animation: ripple1 4500ms ease-out 2200ms infinite;
}
#chenjiu .rowMain .con .dot-item li.dot:after {
    content: attr(data-node);
    position: absolute;
    color: #fff;
    white-space: nowrap;
    font-size: 15px;
    bottom: 0%;
    left: 100%;
}
#country{
    position: absolute;
    right: 10%;
    bottom: 10%;
}
#country li{
    font-size:14px;
    color: #fefefe;
    line-height:28px;
}
#country li span{
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-right: 5px;
    border-radius: 50%;
    background: #fed202;
}

@media screen and (max-width: 1024px) {
    #country {right: 3%;bottom:8%}
    #country li {font-size: 12px;line-height: 1.2}
    #chenjiu .rowMain .con .dot-item li.circle{width: 3px;height: 3px}
    #chenjiu .rowMain .con .dot-item li#wcc{margin-top: .2rem}
    #chenjiu .rowMain .con .dot-item li.dot img{top:.15rem}
}
/* 课堂 */
#ketang .works{display: flex;justify-content:space-between;flex-wrap: wrap}
#ketang .works li {
  width: 32%;
  position: relative;
  overflow: hidden;
  margin-top: 50px;
  padding-left: 1px;
  box-shadow: 2px 2px 3px #eee, -2px -2px 3px #eee;
}

#ketang .works li .img{
  background: #000;
}
#ketang .works li .img, #ketang .works li .img img {
  width: 100%;
  height:3rem;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#ketang .works li:hover .img img {
  opacity: 0.7;
  -webkit-transform: scale3d(1.05,1.05,1);
  transform: scale3d(1.05,1.05,1);
}
#ketang .works li .img .link {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0px;
  margin: -25px 0 0 0;
  z-index: 3;
  text-align: center;
}
#ketang .works li .img a {
  display: inline-block;
  border: none;
}
#ketang .works li .img i {
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  margin: 0 10px;
  color: #c52f1f;
  font-size: 50px;
  opacity: 0;
}
#ketang .works li:hover .img i {
  color: #fff;
  opacity: 1;
}
#ketang .works li .img i:hover {
  color: #c52f1f;
}
#ketang .works li .img:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    content: '';
    opacity: 0;
    -webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
    transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    transition: all 0.3s ease-in-out;
}
#ketang .works li:hover .img:after {
    opacity: 1;
    -webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
    transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
}
#ketang .works li .text {
    padding: 12px 0;
    margin: 0 20px;
    font-size: 17px;
    color: #646464;
    height: 100px;
    overflow: hidden;
    display: inline-block;
}
#ketang .works li .text em, #ketang .works li .text font {
    display: inline-block;
}
#ketang .works li .text em {
    font-style: italic;
    font-size: 14px;
    position: relative;
    line-height: 24px;
    padding: 3px 0;
    margin-top: 5px;
    max-width: 100%;
    white-space: nowrap;
    padding-right: 3px;
}
#ketang .works li .text em:after {
    content: '';
    left: 0px;
    bottom: -21px;
    position: absolute;
    float: none;
    width: 0px;
    border-bottom: 3px #c52f1f solid;
    width: 25px;
}

/* 校外 */
#xiaowai {
    background: linear-gradient(#fff,#dfe7f7);
}
#xiaowai .swiper-xiaowai {
    padding: 0 15%;
}
#xiaowai .swiper-xiaowai .swiper-slide {
    padding: 30px;
    background: #fff;
}
#xiaowai .pic {
    position: relative;
    width: 100%;
    overflow: hidden;
}
#xiaowai .pic img {
    width: 100%;
    height: 100%;
}
#xiaowai .swiper-xiaowai .name {
    margin: 12px 0 6px;
    font-weight: bold;
    color: #1b1e3d;
}
#xiaowai .swiper-xiaowai .date {
    color: #9095a6;
}
#xiaowai a:hover .scale {
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08);
}
#xiaowai .scale {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.38s ease;
    -moz-transition: all 0.38s ease;
    transition: all 0.38s ease;
}
 #xiaowai .swiper-button-white{padding: 30px 25px}
/* 风采 */
#fengcai {
    background: linear-gradient(#fff,#F1FDF9);
}
#fengcai .swiper-fengcai {
    padding: 0 15%;
}
#fengcai .swiper-fengcai .swiper-slide {
    padding: 30px;
    background: #fff;
}
#fengcai .pic {
    position: relative;
    width: 100%;
    overflow: hidden;
}
#fengcai .pic img {
    width: 100%;
    height: 100%;
}
#fengcai .swiper-fengcai .name {
    margin: 12px 0 6px;
    font-weight: bold;
    color: #1b1e3d;
}
#fengcai .swiper-fengcai .date {
    color: #9095a6;
}
#fengcai a:hover .scale {
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08);
}
#fengcai .scale {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.38s ease;
    -moz-transition: all 0.38s ease;
    transition: all 0.38s ease;
}
#fengcai .swiper-container .swiper-wrapper{
  -webkit-transition-timing-function: linear; /*之前是ease-out*/
  -moz-transition-timing-function: linear;
  -ms-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  transition-timing-function: linear;
}
/* 视频 */
#video{}
#video .v-url{display: none;position:fixed;top:0;left: 0;width:100%;height:100%;background: #000;z-index: 999;}
#video .v-url video{margin-top:20px;width:100%;height:90%;}
#video .v-url h3{margin-top:20px;width:100%;text-align: center;color:#ddd}
#video .v-url p{border-radius: 50%;text-align: center;line-height:40px;height:40px;width:40px; background:#000;position:absolute;right: 0;top:10px;font-size: 22px;color:#fff;z-index:1000;cursor: pointer;opacity:.8;}
.pageBox {display:flex;justify-content: space-between; background-color: #000;height:auto;width: 100%;
    height: 100%;margin-top: 60px;}
.pageBox a.item{display: block;width:25%;overflow: hidden;position: relative;cursor: pointer;}
.pageBox .con{
  width: 90%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
.pageBox .con .text{
  margin-top: 25px;
  font-size: 13px;
  color: #fff;
}
.pageBox .con .text h3{
  font-size: 18px;
  margin-bottom:15px;
}
.pageBox a.item .img {
    opacity: 0.3;
    transition: all 0.3s ease-in-out;
}
.pageBox a.item:hover .img {
    opacity: 0.8;
}
.pageBox a.item .img,.pageBox a.item a.item .img img{
    width: 100%;
}
@media screen and (max-width: 1024px){
    .pageBox{margin-top:.5rem;}
    .pageBox .con i>img{width:1rem}
    .pageBox a.item{width:50%}
    .pageBox a.item:nth-of-type(3){display:none}
    .pageBox a.item:nth-of-type(4){display:none}
}
@media (min-width:650px) and (max-width: 1024px){
    #ketang .works li{width:49%}
    #ketang .works li{margin-top:.2rem;}
}
@media screen and (max-width: 640px){
    #ketang .works li {width: 100%;}
    #ketang .works li .text a{font-size:.3rem;}
    #ketang .works li .text em{font-size:.23rem;}
    #ketang .works li .img, #ketang .works li .img img{height: 4rem}
}