@charset "utf-8";
/* CSS Document */
.app{
	width:100%;
	margin-top: 3.3rem;
	padding:1rem 0;
	background:#ffffff;
	float: left;
}
.titles{
	text-align:center;
	width:100%;
	font-size: 1.2rem;
	font-family:'wxl';
	color:#222222;
	background: url(../images/title_bg.png) no-repeat center bottom;
	background-size:38px;
	padding: 0.5rem 0;
}
.titles em{
	font-style:normal;
	color:#4cc416;
}
.app_list{
	width:94%;
	float:left;
	margin-left:3%;
	margin-top:2rem;
}
.app_list li{
	float:left;
	width:48%;
	margin-bottom: 1.6rem;
	text-align:center;
}
.app_list li h2{
	font-weight:500;
	font-size:1rem;
	font-family:'wxl';
	margin: 0.3rem 0;
}
.app_list li p{
	font-size:0.9rem;
	color:#9a9a9a;
}
.app_list li img{
	width:100%;
}
.app_list li:nth-child(even){
	float:right;
}
.xian{
	width:100%;
	float:left;
	height:1px;
	margin-top: 1rem;
}
.xian em{
	border-bottom:1px solid #ccc;
	display:block;
	width: 38%;
	float:left;
}
.xian em:nth-child(2){
	float:right;
}
.major{
	width:100%;
	float:left;
	margin-top: 2rem;
}
.major .majortitle{
	width:100%;
	text-align:center;
	font-size: 1.2rem;
	font-family:'wxl';
	color:#222222;
}
.majortitle span{
	color:#4cc416;
}
.major_list{
	width: 90%;
	margin-left: 5%;
	margin-top: 2rem;
	float: left;
}
.major_list li{
	width:100%;
	float: left;
	margin-bottom: 3rem;
}
.major_list li:last-child{
	margin-bottom:1.5rem;
}
.one{
	width:30%;
	background: rgba(189, 224, 253, 0.74);
	float:left;
	height: 28.2vw;
	position:relative;
}
.one .one_li{
	width:100%;
	height: 28.2vw;
	line-height:28.2vw;
	background: rgba(189, 224, 253, 0.74);
	position:absolute;
	left: -7.8%;
	top: -0.4rem;
	color: #fff;
	font-size: 1.5rem;
	text-align: center;
}
.one_text{
	float:right;
	width:65%;
}
.one_text p{
	font-size: 0.95rem;
	color:#222222;
	margin-top:0.5rem;
}

.two{
	width:30%;
	background: rgba(162, 241, 186, 0.74);
	float:right;
	height: 28.2vw;
	position:relative;
}
.two .two_li{
	width:100%;
	height: 28.2vw;
	line-height:28.2vw;
	background: rgba(162, 241, 186, 0.74);
	position:absolute;
	left: -7.8%;
	top: -0.4rem;
	color: #fff;
	font-size: 1.5rem;
	text-align: center;
}
.two_text{
	float:left;
	width:65%;
}
.two_text p{
	font-size: 0.95rem;
	color:#222222;
	margin-top:0.5rem;
}
.three{
	width:30%;
	background: rgba(226, 233, 150, 0.74);
	float:left;
	height: 28.2vw;
	position:relative;
}
.three .three_li{
	width:100%;
	height: 28.2vw;
	line-height:28.2vw;
	background: rgba(226, 233, 150, 0.74);
	position:absolute;
	left: -7.8%;
	top: -0.4rem;
	color: #fff;
	font-size: 1.5rem;
	text-align: center;
}
.three_text{
	float:right;
	width:65%;
}
.three_text p{
	font-size: 0.95rem;
	color:#222222;
	margin-top:0.5rem;
}
.four{
	width:30%;
	background: rgba(253, 218, 218, 0.74);
	float:right;
	height: 28.2vw;
	position:relative;
}
.four .four_li{
	width:100%;
	height: 28.2vw;
	line-height:28.2vw;
	background: rgba(253, 218, 218, 0.74);
	position:absolute;
	left: -7.8%;
	top: -0.4rem;
	color: #fff;
	font-size: 1.5rem;
	text-align: center;
}
.four_text{
	float:left;
	width:65%;
}
.four_text p{
	font-size: 0.95rem;
	color:#222222;
	margin-top:0.5rem;
}
.exhibition{
	width:100%;
	float:left;
	margin-top: 2rem;
}
.exhibition .exhibition_title{
	width:100%;
	text-align:center;
	font-size: 1.2rem;
	font-family:'wxl';
	color:#222222;
}
.exhibition_title span{
	color:#4cc416;
}
.exhibition_list{
	width:100%;
	overflow-y: hidden;
	margin-top: 2rem;
}
.exhibition_list::-webkit-scrollbar {
        display: none; 
        height: 0 !important; 
}
.exhibition_list li{
	float:left;
	width: 128px;
	margin-right: 30px;
	text-align:center;
}
.exhibition_list li img{
	width:100%;
}
.exhibition_list ul{
	width:5000px;
}
.exhibition_list li span{
	display:inline-block;
	padding: 0.3rem 9%;
	background:#f5f5f5;
	font-size:0.9rem;
	color:#737373;
	border-radius: 119px;
	margin-top: 1rem;
}