.big_div {
				margin-top: 8%;
				width: 80%;
				margin-left: 10%;
				height: auto;
			}
			.head{
				width: 30px;
				height: 30px;
				border-radius: 50%;
			}
			#top{
				width: 100%;
				height: 455px;
				background-image: url(../../imgs/jspx_top.png);
				background-size: 100%;
				margin-top: 2%;
				padding-top: 10%;
				display: flex;
			}
			
			.footer{
				margin-top: 10%;
			}
			.top_si{
				display: flex;
				text-align: center;
				border: 1px solid #DDDDDD;
				background-color: #DDDDDD;
				margin-top: 2%;
				padding: 2%;
				line-height: 80px;
			}
			.top_si div span{
				font-size: 20px;
			}
			.course{
				margin-top: 2%;
				height: auto;
				width: 80%;
				margin-left: 10%;
			}
			.course_top{
				height: 40px;
				border-bottom: 1px solid #C59B6D;
			}
			.course_top h3{
				color: #C59B6D;
			}
			.each_course{
				width: 18.4%;
				height: auto;
				margin-top: 2%;
				margin-left: 1.3%;
			}
			.each_course_buttom{
				border: 1px solid #DDDDDD;
				background: #DDDDDD;
				line-height: 30px;
				padding-bottom: 5%;
			}
			.each_course_buttom button{
				border: 1px solid #C59B6D;
				background: #C59B6D;
				color: white;
				margin-left: 55%;
				height: 40px;
				border-radius: 10px;
				width: 40%;
			}
			.jiezhi{
				float: right;
				margin-right: 5%;
				color: #C59B6D;
			}
			.course_bottom{
				display: flex;
			}
			.consultation{
				width: 80%;
				margin-left: 10%;
				display: flex;
				margin-top: 2%;
			}
			.consultation_right{
				margin-left: 2%;
			}
			.consultation div{
				width: 49%;
				height: 250px;
				border: 1px solid #C59B6D;
				padding: 2%;
				color: white;
				background: #C59B6D;
			}
			.consultation div h3{
				color: white
			}
			.consultation div ul li{
				font-size: 16px;
			}
			.elegant{
				width: 80%;
				margin-left: 10%;
				display: flex;
				margin-top: 2%;
			}
			.elegant_right{
				width: 49%;
				margin-left: 2%;
			}
			.elegant_left{
				width: 49%;
				
			}
			.elegant_left div{
				margin-top: 1%;
			}
			
			.elegant_left_bottom{
				border-top: 1px solid #C59B6D;
			}
			.elegant_right_bottom{
				border-top: 1px solid #C59B6D;
			}
			.elegant_left_top h3{
				color: #C59B6D
			}
			
			.elegant_right_top h3{
				color: #C59B6D
			}
			.left{
				float: left;
			}
			.right{
				float: right;
			}
			.zx_ul{
				clear: both;
			}
			.elegant_img{
				float: left;
				width: 32%;
				height: 120px;
			}
			.each_course_buttom{
				margin-top: 10px;
			}
			.toconsultation{
				font-size: 18px;
			}
			.togen{
				font-size: 18px;
			}
			@media only screen and (min-width: 100px) and (max-width: 640px) {
				#top{
					width: 100%;
					background-image: url(imgs/jspx_top.png);
					background-size: 100% 100%;
					margin-top: 2%;
					height: 150px;
					padding-bottom: 2%;
				}
				.big_div{
					margin-top: 160px;
				}
				.big_div h2 img{
					width: 20%;
				}
				.big_div h2{
					font-size: 20px;
				}
				.top_si{
					display: block;
					border: 1px solid white;
					background: white;
				}
				.top_si div{
					float: left;
					width: 50%;
					text-align: center;
				}
				.top_si div img{
					width: 80%;
				}
				.course{
					clear: both;
					width: 100%;
					margin-left: 0;
				}
				.top_si div span{
					font-size: 15px;
				}
				.course_top h3{
					font-size: 20px;
					margin-left: 5%;
				}
				.each_course{
					width: 50%;
					float: left;
					padding: 2%;
				}
				.each_course_buttom div button{
					width: 55%;
					height: 30px;
					float: right;
					margin-right: 5%;
				}
				.each_course_buttom div button a{
					font-size: 12px;
				}
				.each_course_buttom{
					margin-top: 1%;
					float: left;
					width: 100%;
				}
				.each_course_buttom h5{
					font-size: 15px;
				}
				.jiezhi{
					clear: both;
				}
				.consultation{
					display: block;
					width: 100%;
					margin-left: 0%;
				}
				.consultation div{
					width: 100%;
					height: auto;
				}
				.consultation_right{
					margin-left: 0%;
					margin-top: 2%;
				}
				.consultation div h3{
					font-size: 20px;
				}
				.consultation div h4 a{
					font-size: 20px;
				} 
				.zx_ul li a{
					font-size: 15px;
					font-weight: 100;
				}
				.elegant{
					display: block;
					width: 100%;
					margin-left: 0%;
					margin-top: 5%;
				}
				.elegant div{
					width: 100%;
					height: auto;
				}
				.elegant_left_bottom div{
					width: 50%;
					float: left;
					padding: 5%;
				}
				.elegant_left_top h3{
					font-size: 20px;
					color: black;
					margin-left: 5%;
				}
				.elegant_left_top h4 a{	
					font-size: 20px;
					color: black;
				}
				.elegant_right_top h3{
					font-size: 20px;
					color: black;
					margin-left: 5%;
				}
				.elegant_right_top h4 a{	
					font-size: 20px;
					color: black;
				}
				.elegant_right_bottom{
					padding: 5%;
				}
				.elegant_right{
					margin-left: 0;
				}
				.course_top h3{
					color: black;
				}
			}