/*学院样式*/
.section1{
	width: 100%;
	height: 565px;
	text-align: center;
	background: url(../assets/img/banner_bg.png) no-repeat center;
	background-size: cover;
}
.section1>div{
	width: 1200px;
	margin-top: 100px;
	display: inline-block;
}
.section1>div>div{
	display: inline-block;
	vertical-align: top;
}
.section1 .left_msg{
	text-align: left;
	padding:100px 0 ;
}
.left_msg .title{
	height:64px;
	font-size:44px;
	font-weight:500;
	color:rgba(255,255,255,1);
	line-height:64px;
}
.left_msg .info{
	height:24px;
	font-size:24px;
	color:rgba(255,255,255,0.7);
	line-height:36px;
}
.section2{text-align: center; margin-bottom: 40px;}
.section2>div{
	transform: translateY(-40px);
	width: 1180px;
	max-height:2420px;
	display: inline-block;
	position: relative;
}
.section2>div>div{
	width:1180px;
	max-height:2420px;
	background:rgba(255,255,255,1);
	box-shadow:0px 4px 20px 6px rgba(83,132,255,0.12);
	border-radius:20px;
	padding: 40px;
	box-sizing: border-box;
}
.section2 .tab_title{border-bottom:1px solid rgb(219,219,219);}
.section2 .tab_title .title_item{
	display: inline-block;
	vertical-align: top;
	font-size:16px;
	color:rgba(35,36,39,1);
	line-height:24px;
	padding: 16px 20px;
	cursor: pointer;
}
.section2 .tab_title .title_item.active{
	font-size:20px;
	font-weight:bold;
	color:rgba(35,36,39,1);
	line-height:24px;
	position: relative;
}
.section2 .tab_title .title_item.active::after{
	content: "";
	display: block;
	width:48px;
	height:4px;
	background:rgba(253,187,12,1);
	position: absolute;
	bottom: -2px;
	left: 36px;
}
.section2 .tab_list{
	margin-top: 60px;
}
.tab_list .list_item{display: none;}
.tab_list .list_item.active{display: block;}
.tab_list .list_cnt .pictures{
	display: inline-block;
	vertical-align: top;
	width:240px;
	height:180px;
	border-radius:16px;
}
.tab_list .list_cnt .text_area{
	display: inline-block;
	vertical-align: top;
	width:650px;
	height:180px;
	text-align: left;
	margin: 0 30px;
}
.tab_list .list_cnt .goto{
	width: 112px;
	height: 160px;
	display: inline-block;
	vertical-align: top;
	line-height: 180px;
	border-left:1px solid #dbdbdb;
}
.tab_list .list_cnt>div:not(:first-child){
	margin-top: 40px;
}
.list_cnt .text_area .title{
	height:36px;
	font-size:24px;
	font-weight:bold;
	color:rgba(35,36,39,1);
	line-height:36px;
}
.list_cnt .text_area .info{
	font-size:16px;
	color:rgba(88,89,90,1);
	line-height:28px;
	margin-top: 20px;
}
.list_cnt .text_area .time_view{margin-top: 20px;}
.list_cnt .text_area .time_view>div{
	display: inline-block;
	vertical-align: top;
}
.text_area .time_view span{
	margin-left: 10px;
}
.text_area .time_view .view{margin-left: 30px;}
.list_cnt  .goto>div{
	font-size:16px;
	color:rgba(6,57,186,1);
}
.list_cnt  .goto .icon_right{
	width: 6px;
	height: 9px;
	display: inline-block;
	margin-left: 5px;
	background: url(../assets/img/icon_right.svg) no-repeat center;
}
.list_item .page{margin-top: 40px;}
.school_detail .news_block .back{text-align: left;}
.btn{
	width:120px;
	height:40px;
	font-size:16px;
	color:rgba(35,36,39,1);
	line-height:40px;
	display: inline-block;
	text-align: center;
	border:1px solid rgba(219,219,219,1);
}
.school_detail p{
	text-align: left;
	padding:0 20px;
	margin-top: 20px;
	font-size: 16px;
    color: rgba(88,89,90,1);
    line-height: 28px;
}
.school_detail .news_block{width: 1120px;margin:40px auto 0;}
.school_detail .news_block p img{margin: 10px 0;}
.school_detail .news_block .content{margin-top: 20px;}
.school_detail .news_block .title{
	font-size:24px;
	font-weight:bold;
	text-align: center;
	color:rgba(35,36,39,1);
	line-height:36px;
	margin: 40px 0;
}
.school_detail .news_block .time_view{text-align: center;}
.school_detail .news_block .time_view>div{
	display: inline-block;
	vertical-align: top;
}
.school_detail .news_block .time_view>div>span{margin-left: 5px;}
.school_detail .news_block .time_view .view{margin-left: 20px;}
.school_detail .section3>div{
	width: 1180px;
	margin: 0 auto 40px;
}
.school_detail .section3 .others{position: relative;margin-top: 60px;}
.school_detail .section3 .others>div{
	display: inline-block;
	vertical-align: top;
}
.school_detail .section3 .others .prev{
	height: 240px;
	line-height: 240px;
	position: absolute;
	left: -20px;
	top: 0;
}
.school_detail .section3 .others .next{
	height: 240px;
	line-height: 240px;
	position: absolute;
	right: -20px;
	top: 0;
}
.school_detail .section3 .three_hug>div{
	width: 368px;
	display: inline-block;
	vertical-align: top;
}
.school_detail .section3 .three_hug>div:not(:first-child){
	margin-left: 30px;
}
.school_detail .section3 .three_hug .title{
	font-size:18px;
	font-weight:500;
	color:rgba(35,36,39,1);
	line-height:27px;
	margin-top: 20px;
}
.school_detail .section3 .three_hug .info{
	font-size:16px;
	color:rgba(88,89,90,1);
	line-height:28px;
	margin-top: 20px;
}
.school .pictures img {border-radius: 20px;}

@media screen and (min-width: 1200px) and (max-width: 1440px) {
	/* ---------- 第一部分 ---------- */
	.school .section1>div {width: 1170px;}
	
	.school .section1 .right_pic {width: 550px;}
	.school .section1 .right_pic>img {width: 100%;}
	.school .left_msg .title {font-size: 40px;}
	.school .left_msg .info {font-size: 22px;}
	
	/* ---------- 第二部分 ---------- */
	.school .section2>div {width: 1100px;}
	.school .section2>div>div {width: 1100px;}
	.school .tab_list .list_cnt .text_area {width: 600px;}
	.school .list_cnt .text_area .title {font-size: 22px;}
	.school .list_cnt .text_area .info {font-size: 15px; line-height: 26px; margin-top: 16px;}
}

@media screen and (max-width: 1199px) {
	/* ---------- 第一部分 ---------- */
	.school .section1>div {width: 1000px;}
	.school .section1>div>div:nth-child(1) {margin-left: 20px;}
	.school .section1 .right_pic {width: 510px;}
	.school .section1 .right_pic>img {width: 100%;}
	.school .left_msg .title {font-size: 35px;}
	.school .left_msg .info {font-size: 18px;}
	
	/* ---------- 第二部分 ---------- */
	.school .section2>div {width: 1000px;}
	.school .section2>div>div {width: 1000px;}
	.school .tab_list .list_cnt .text_area {width: 550px; margin: 0 25px;}
	.school .list_cnt .text_area .title {font-size: 21px;}
	.school .list_cnt .text_area .info {margin-top: 14px; font-size: 14px; line-height: 24px;}
	.school .tab_list .list_cnt .pictures {width: 200px;}
}