.show {
	width: 100%;
	display: inline-block;
}

.showul {
	margin-bottom: 20px;
	display: inline-block;
	width: 100%;
	margin-top: 70px;
}

.showul_x {
	display: block;
}

.showul_y {
	display: none;
}

@media screen and (max-width:480px) {
	.showli {
		line-height: 40px;
		width: 46%;
		margin: 0 2% 2%;
		float: left;
		font-size: 14px;
		border-bottom: 2px dashed #9C9C9C;
	}

	.tab_al {
	    z-index: 99;
		width: 80%;
		height: 50px;
		margin: auto;
		background-color: #f2f2f2;
		text-align: center;
		position: relative;
		top: 20px;
	}

	.tab_al li {
		float: left;
		display: block;
		width: 100%;
		line-height: 50px;
		margin: 10px 0;
	}
}

@media screen and (min-width:480px) {
	.showli {
		line-height: 40px;
		width: 21%;
		margin: 0 2% 2%;
		float: left;
		font-size: 14px;
		border-bottom: 2px dashed #9C9C9C;
	}

	.tab_al {
	    z-index: 99;
		width: 1300px;
		height: 50px;
		margin: auto;
		background-color: #f2f2f2;
		text-align: center;
		position: relative;
		top: 20px;
	}

	.tab_al li {
		float: left;
		display: block;
		width: 33.333%;
		line-height: 50px;
	}
}

.showli_left {
	float: left;
}

.showli_right {
	float: right;
}

.ckgd {
	padding-top: 20px;
	background: #2562B3;
	color: #fff;
	padding: 10px 30px;
	border-radius: 18px;
}


.animate {
	top: 40px !important;
}

@media screen and (min-width:480px) {
	.aboutTit {
		padding: 0 0 10px 0;
	}

	.classicList li {
		width: 29%;
		margin: 0 2% 50px;
	}

	.bg-default .pic {
		width: 50%;
		float: left;
	}

	.bg-default .classicList li {
		width: 48%;
	}

	.bg-default .classicList li .cont {
		width: 50%;
		float: left;
		margin-top: 12%;
	}

	.bg-default .classicList li .cont h3 {
		    width: 90%;
    margin: auto;
    font-size: 20px;
    padding-left: 10%;
	}


	.bg-default .classicList li {
		height: 100%;
	}

	.section-lg .classicList li {
		width: 100%;
		height: 100%;

	}

	.section-lg .classicList li .picList {
		width: 35%;
		float: left;
		display: -webkit-box;
	}

	.section-lg .classicList li .cont {
		width: 45%;
		float: left;
		margin-top: 3% !important;
		text-align: right;

	}

	.section-lg .classicList li .cont h3 {
		float: left;
		width: 100%;
		text-align: left;
		font-size: 30px;
		font-weight: bold;
		line-height: 35px;
		height: 80px;
		overflow: hidden;

	}

	.section-lg .classicList li .cont p {
		display: block;
		float: left;
		width: 100%;
		text-align: left;
		font-size: 20px;
		height: 62px;
		line-height: 30px;
		overflow: hidden;

	}

	.section-lg .classicList li .cont a.detail {
		text-align: right !important;
		width: 100%;
		height: 100%;
		border: none;
		font-size: 20px;
	}

	.section-lg a.detail:hover {
		color: #186AAB !important;
		border: none !important;
		background-color: #fff !important;
	}
}

.classicList li {
	height: 100%;
}

.tab_al li {
	display: block;

	background-color: #55acf8;
}

.tab_al li a {
	color: #f2f2f2;
	display: block;
}

.tab_al li:hover,
.tab_al li a:hover {
	color: #f2f2f2;
	background-color: #0a3356;
	transition-duration: 1s;
}