.introduce{
    padding: 10px 10% 15px;
    text-align: center;
}
.introduce .env img{
	width:100%;
}
.introduce p{
    font-size: calc(9px + 0.5vw);
    text-align: center;
    color: #666;
  	margin-bottom:2%;
}
.introduce .title{
    margin-top: 3%;
    margin-bottom: 1%;
    font-size: calc(12px + 1vw );
    letter-spacing: 2px;
    color: #333333;
}
.introduce .college{
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.introduce .line{
    width: 100%;
    height: 1px;
    border: 1px solid #888;
}
.college .collegeItem{
    border-left: 1px solid #888;
    border-right: 1px solid #888;
    padding: 1%;
    text-align: center;
  	flex-basis:35%;
  -webkit-line-clamp:9;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.collegeItem .subtitle{
    margin: 3% 0 3%;
    color: #333;
    font-size: calc(12px + 0.5vw);
}
.introduce .textleft{
    text-align: left;
}
.introduce .left{
 	float:left;
  	width:40%;
  	margin-left:5%;
  	height:23vw;
	overflow:hidden;
}
.introduce .right{
 	float:right;
  	width:50%;
}
.swiper .env img{
  height: calc( 100vw * 556 / 1413)
}

.introduce .swiper-button-next:after, .introduce  .swiper-button-prev:after{
    font-size: 40px;
}