.temp_wrapper_top_logon_right1 {
	display: none;
}

.lt720_hidden {
	display: none;
}

.lt720_show {
	display: block;
}

#temp_wrapper,
.temp_main_item table {
	width: 100%;
}

.temp_wrapper_top_logon_right i {

	margin-left: 4rem;
}

.temp_mainex img {
	height: 14rem;
}

.image_wrapper_about img {
	#width: 100%;
}

.example_item {
	width: 100%;
}

@media screen and (min-width:520px) and (max-width:720px) {
	.example_item {
		height: 20rem;
	}
}

.temp_list li {
	width: 100%;

}

.temp_heaher_top {
	display: none;
}

.temp_main_item p {
	width: 80%;
}

.temp_wrapper_top_logon_right,
.temp_wrapper_top_logon_left {
	width: 100%;
	margin: 1.5rem 0rem;
	padding: 0;
}

.temp_menu {
	background-color: white;
}

.temp_menu ul {
	display: none;
}

.temp_menu i {
	display: inline-block;
	position: fixed;
	right: 0px;
	top: 0rem;
}

.temp_menu ul {
	width: 100%;
	position: fixed;
	background-color: rgb(35, 49, 84);
	color: white;
	left: 0px;
	top: 6rem;
	overflow: auto;

}

.temp_menu ul li:first-child {
	margin-top: 5rem;

}

.temp_menu ul li:last-child {
	border-bottom: none;
}

.temp_menu ul li {
	display: block;
	color: white;
	font-size: 1.2rem;
	height: 4rem;
	line-height: 4rem;
	border-bottom: 2px rgb(70, 186, 225) solid;
	width: 80%;
	margin: 0 auto;
}

.temp_menu ul li a {
	color: white;
}

.temp_menu1 {
	display: block;
	width: 100%;
	z-index: 999;
}

.temp_menu1 ul {
	width: 100%;
	position: fixed;
	background-color: rgb(35, 49, 84);
	color: white;
	left: 0px;
	bottom: 0rem;
	overflow: auto;
	margin: 0;
	padding: 0;
}

.temp_menu1 ul li {
	float: left;

	color: white;
	font-size: 1rem;
	height: 4rem;
	list-style-type: none;
	width: 33%;
	color: white;
	text-align: center;
	margin: 0.5rem 0;
	padding: 0;
}

.temp_menu1 ul li a,
.temp_menu1 ul li i {

	color: white;
	display: block;
	text-align: center;
	margin: 0;
	padding: 0.1rem;

}

.temp_menu1 ul li i {
	margin: 0 auto;
	display: block;
}

.mui-title {
	top: 35%;
}

.mui-title h3 {
	font-size: 3rem;
}

.mui-title h5 {
	font-size: 1.5rem;
}

.example_item {
	width: 100%;
	 
}
.temp_mainex img{
	 
		width: 100%;
}

.temp_mainex {
	float: left;
	width: 100%;

}

.temp_mainex p {
	height: 2rem;
	line-height: 2rem;
	text-align: center;
}
