.main{
	width: 1200px;
	height: auto;
	margin: 0 auto;
}
.news{
	width: 1200px;
	height: 520px;
	margin: 30px 0;
}

/* 轮播图 */
.new-left{
	float: left;
	width:420px;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.index-left img{
	width: 100%;
	height: 100%;
}
.index-left{
	position: relative;
	width:420px;
	height: 100%;
	left: 0px;
}

.new-main{
	float: left;
	width: 518px;
	height: 100%;
	margin: 0 20px;
	border: 1px #e4e4e4 solid;
	border-radius: 10px ;
}
li{
    cursor: pointer;
}
.new-right{
	float: left;
	width: 218px;
	height: 520px;
	border: 1px #e4e4e4 solid;
	border-radius: 10px ;
}
.new-right h3{
	color: #3e98d3;
	text-align: center;
	line-height: 40px;
	border-bottom: 1px #e4e4e4 solid;
}
.new-right ul{
	width: 100%;
	height: 480px;
}
.new-right li{
	margin: 13px;
	list-style: none;
	text-align: center;
}
.new-right img{
	width: 190px;
	height: 120px;
		object-fit: cover;
}
.title{
	width: 100%;
	height: 40px;
	border-bottom: #3e98d3 3px solid;
}
.title h3{
	color: #3e98d3;
	line-height: 40px;
	float: left;
    margin: 0 30px;
}
.title span,.title i{
	line-height: 40px;
	float: right;
	margin-right: 20px;
	color: #747474;
	cursor: pointer;
}
.title i {
	margin-left: 5px;
}
.title img{
	width: 11px !important;
	height: 11px !important;
	border: none;
}
.new-detail ul{
	margin: 15px 20px 20px 20px;
}
.new-detail li {
	color: #7b7c7d;
	line-height: 33px;
	height: 33px;
	border-bottom: 1px #e4e4e4 dotted;
	list-style: none;
}
.new-detail span{
	float: right;
}
.intro{
	width: 100%;
	height: 1000px;
}
.intro-img{
	display: flex;
	justify-content: space-between;
	width: 100%;
	height: 130px;
	margin: 20px 0;
}
.intro-img img{
	height: 100%;
		object-fit: cover;
}
.intro-left{
	margin-right: 20px;
	float: left;
	width: 960px;
	height: 100%;
}
.activity{
	width:100%;
	height: 340px;
	border: 1px #e4e4e4 solid;
	border-radius: 10px ;
}
.activity-left,.actleft{
	width: 180px;
	float: left;
}
.activity-left li{
	width: 170px;
	text-align: center;
	margin: 20px 0 25px 10px;
	list-style: none;
}
.activity-left img{
	width: 164px;
	height: 95px;
	border-bottom: 1px #3699ff dotted;
		object-fit: cover;
}
.actleft li{
	width: 170px;
	text-align: center;
	margin: 20px 0 25px 10px;
	list-style: none;
}
.actleft img{
	width: 164px;
	height: 95px;
	border-bottom: 1px #3699ff dotted;
		object-fit: cover;
}
.export-left{
    	width: 180px;
	float: left;
	margin-top: 15px;
}
.export-left li{
	width: 170px;
	text-align: center;
	margin: 10px 0 0 10px;
	list-style: none;
}
.export-left img{
    width: 170px;
    height: 210px;
    	object-fit: cover;
}
.activity-right{
	float: right;
	width: 760px;
	height: 250px;
	margin: 20px 10px;
}
.activity-right  li{
	color: #7b7c7d;
	list-style: none;
	height: 33px;
}
.activity-right span{
	float: right;
}
.intro-right{
	width: 220px;
	float: left;
	height: 100%;
}
.text{
	width: 100%;
	height: 612px;
	border: 1px #e4e4e4 solid;
	border-radius: 10px ;
}
.text p{
	color: #7b7c7d;
	/*width:154px ;*/
	font-size: 13.5px;
	padding: 0 10px;
}
.onlineclass{
	width: 100%;
	height: 340px;
	margin-top: 20px;
	border: 1px #e4e4e4 solid;
	border-radius: 10px ;
}
.onlineclass img{
	width: 200px;
	height: 250px;
	margin-top: 25px;
	margin-left: 10px;
}
.teacher-intro{
	width: 100%;
	height: 250px;
	margin: 20px 0;
	border: 1px #e4e4e4 solid;
	border-radius: 10px ;
}
.teacher-intro li {
	width: 170px;
	height: 200px;
	float: left;
	margin-left: 18px;
	text-align: center;
	list-style: none;
	margin-top: 10px;
}
.teacher-intro img{
	width: 100%;
	height: 170px;
		object-fit: cover;
}
.workshow,.mater,.line{
	width: 1200px;
	height: 260px;
	margin-bottom: 30px;
	border: 1px #e4e4e4 solid;
	border-radius: 10px ;
}
.stulist,.recommlist,.imglist2{
	width: 100%;
	height: 210px;
}
.stulist li{
	width: 170px;
	height: 200px;
	margin: 10px 15px 0 15px;
	float: left;
	list-style: none;
	text-align: center;
	overflow: hidden;
     white-space: wrap;
	text-overflow: ellipsis;
		object-fit: cover;
}
.stulist img {
	width: 100%;
	height: 170px;
		object-fit: cover;
}
.recommlist li{
	width: 170px;
	height: 200px;
	margin: 10px 15px 0 15px;
	float: left;
	list-style: none;
	text-align: center;
	overflow: hidden;
     white-space: wrap;
	text-overflow: ellipsis;
}
.recommlist img {
	width: 100%;
	height: 170px;
		object-fit: cover;
}
.imglist2 li{
	width: 170px;
	height: 200px;
	margin: 10px 15px 0 15px;
	float: left;
	list-style: none;
	text-align: center;
	overflow: hidden;
     white-space: wrap;
	text-overflow: ellipsis;
		object-fit: cover;
}
.imglist2 img {
	width: 100%;
	height: 170px;
}
.workshow ul{
	
}
.link{
	width: 100%;
	height: 140px;
	margin-bottom: 40px;
	border: 1px #e4e4e4 solid;
	border-radius: 10px ;
}
.link-main{
	width: 100%;
	height: 70px;
}
.link li{
	float: left;
	font-size: 12px;
	width: 140px;
	height: 70px;
	list-style: none;
	border: 1px black solid;
	margin-left: 26px;
	margin-top: 14px;
}
.link-main img{
    float: left;
    width: 100%;
    height: 100%;
}
.link-main span{
line-height: 30px;
float: left;
}
.title2{
	height: 40px;
	line-height: 40px;
	color: #178bc7;
	text-align: center;
	border-bottom: 1px #e4e4e4 solid ;
}
.title li{
	float: left;
	width: 130px;
	height: 40px;
	list-style: none;
	line-height: 40px;
	text-align: center;
	border-radius: 10px 10px 0 0 ;
	user-select:none;
}