.skidder-viewport .skidder-pager{
    display: none;
  }
  .skidder-viewport .skidder-wrapper .skidder-slide{
    opacity: 1;
  }
  /*.flex-control-nav{
    display: none;
  }*/
  .flex-direction-nav{
    display: none;
  }
  .top_background{
    background:rgba(42,42,41,1);
  }
.pagination{
  width: 46%;
  height: 70px;
  border:0px solid #c2c3c3;
  text-align: center;
  margin-left: 13px;
  margin-top: 30px;

}
.sw-bullet {
    bottom: 96%;
}

.sw-bullet li {
  float: left;
}
.sw-bullet li {
    width: 120px;
    height: 42px;
    border:1px solid rgba(76,73,99,1);
    border-radius:3px;
    font-size: 16px;
    color:rgba(20,4,125,1);
    background-color: #ffffff;
    line-height: 42px;
}
.sw-bullet li.active{
  background:rgba(20,4,125,1);
}
.sw-prev {
    left: 0%;
}
.sw-next {
    right: 0%;
}
.sw-next-prev{
    height: 120px;
    width: 60px;
    line-height: 120px;
    border-radius: 0px;
}
.ui-title{
	font-size: 28px;
	color: #14047D;
	font-weight: 800;
}
.ui-content{
	font-size: 16px;
	color: #000000;
	margin-top: 29px;
}
.design_two{
	height: 500px;
	background: url(../plane/content2-bg.png) center no-repeat;
}
.ui-pin{
	font-size: 16px;color: #FFFFFF;margin-top: 59px;
}
.ui-class{
	font-size: 38px;
	color: #ffffff;
	font-weight: 800;
}
.class-title{
	height: 61px;
	top: -61px;
}
.ui-works:hover > .kaoyan_title{
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	display: block;
}
.ui-box{
	width: 18px;height: 18px;border:1px solid #ffffff;border-radius: 25px;float: left;margin-left: 10px;
}
.ui-design{
	width: 580px;
	height: 244px;
	background:rgba(243,242,247,1);
	float: left;
	margin-left: 20px;
	padding: 20px;
	margin-bottom: 30px;
}
.ui-plane{
	font-size: 18px;font-weight: 800;color:rgba(20,4,125,1);line-height: 40px;margin-left: 15px;float: left;
}
.ui-design:first-of-type{
	margin-left: 0px;
}
.ui-design:nth-of-type(3){
	margin-left: 0px;

}
.ui-design:nth-of-type(5){
	margin-left: 0px;

}
.ui-design:nth-of-type(7){
	margin-left: 0px;

}
.ui-design:nth-of-type(9){
	margin-left: 0px;

}
.ui-design:nth-of-type(11){
	margin-left: 0px;

}
.ui-more{
	width: 135px;
    height: 14px;
    float: right;
    margin-top: 10px;
}
.ui-more a{
	font-size: 16px;
	color:rgba(20,4,125,1);
}
a:hover{
	color:rgba(44,154,248,1);
}
.ui-contents{
	width: 300px;
    height: 123px;
    float: left;
    margin-top: 28px;
    margin-left: 30px;
}

.ui-design-title{
	font-size: 16px;
	color:rgba(0,0,0,1);
	line-height:31px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ui-design-img{
	float: left;margin-top: 20px;width: 200px;height: 143px;
}
.design-box{
	width: 100%;
	height: 143px;
	position: relative;
	top: -143px;
	background:rgba(0,0,0,0.5);
	padding: 47px 10px;
	font-size: 18px;
	overflow: hidden;
	text-align: center;
	transition: ease .5s;
	display: none;
}
.design-box a{
		color: #ffffff;
}
.ui-design-img:hover>.design-box{
	display: block;
	transition: ease .5s;

}
.ui-teacher{
	font-size: 18px;
	color: #ffffff;
	margin-top: -70px;
	margin-left: 20px;
	font-weight: 800;
}
.teacher-describe{
	font-size: 16px;
	color: #ffffff;
	margin-top: 10px;
    margin-left: 20px;
}
.ui-students{
	width: 100%;
	height: 768px;
	background: url(../plane/content5-img.jpg) center top no-repeat;
}