﻿@CHARSET "UTF-8";

html { /* 媒体查询 设置字体大小 */
	font-size: 62.5% !important; /* 表示的是10rem = 16px */
}
/* 利用媒体查询来改变字体大小，改变rem大小 */
@media only screen and (min-width: 340px) {
	html {
		font-size: 62.5% !important;
	}
}

@media only screen and (min-width: 700px) {
	html {
		font-size: 72.5% !important;
	}
}

@media only screen and (min-width: 900px) {
	html {
		font-size: 82.5% !important;
	}
}

@media only screen and (min-width: 1100px) {
	html {
		font-size: 94% !important;
	}
}

@media only screen and (min-width: 1100px) {
	html {
		font-size: 100% !important;
	}
}

@media ( max-width : 970px) {
	.nav_bar_text>ul { /*1.PC端顶部导航条消失*/
		display: none;
	}
	.nav_bar_icon>span { /*PC端顶部右侧字体顶部右侧字体图标消失*/
		display: none;
	}
	.jl_navbar .nav_bar_button {
		display: block; /*PC端顶部右侧按钮显示*/
	}
	.jl_subnav_center { /*让该页面子菜单栏消失*/
		display: none;
		/* margin: 0 auto; */
	}
	.box_show {
		display: block; /*移动端下拉菜单显示*/
		border-bottom: none;
	}
	.jl_navbar { /*同时改变导航条的高度和padding*/
		height: 65px;
		padding: 8px 0;
	}
	.jl_navbar .nav_bar_icon>a { /*让导航栏上的字体图标消失*/
		display: none;
	}
	.jl_navbar .nav_bar_button { /*顶部导航栏右边按钮*/
		width: 25px; /*40px*/
		height: 25px; /*40px*/
		margin-top: 25px;; /*30px*/
	}
}

@media ( max-width : 1200px) {
	.jl_navbar .nav_bar_img { /*控制顶部导航条log左边距*/
		padding-left: 5px;
	}
}

@media ( max-width : 1100px) {
	.jl_subnav_center { /*让该页面子菜单栏距左*/
		margin-left: 37%;
	}
}

@media ( max-width : 500px) { /*3面包屑*/
	.jl_path {
		display: none;
	}
	.jl_subnav {
		display: none;
	}
	.subnav_center { /* #移动端子菜单栏 */
		display: block;
	}
	.top_img {
		display: block;
	}
}

@media ( max-width : 770px) { /*4.地理位置*/
	.box_padding {
		padding: 0 2%;
	}
	.jl_position {
		margin-top: 10px;;
	}
	.jl_position .position_left {
		display: none;
	}
	.jl_position .position_right {
		width: 100%;
		height: 220px;
		border: 1px solid #e7e7e7;
	}
	.thread_box {
		display: none;
	}
	.position_min { /* 移动端 */
		display: block;
	}
	.jl_title>h2 { /*标题栏*/
		font-size: 24px;
		margin-top: 40px;
		margin-bottom: 25px;
		margin-left: 2%;
	}

	/* 5.轮播图样式 */
	.jl_banner {
		display: block;
	}
	.jl_swiper {
		display: none;
	}
	.jl_content1 { /*6.武昌校区校长*/
		height: 100%;
	}
	.jl_content1 .main {
		width: 100%;
		height: 160px;
	}
	.jl_content1 .main .main_right {
		padding-top: 3%;
		padding-left: 4%;
	}
	.jl_content1 .main .main_right>h2 {
		font-size: 20px;
		margin-bottom: 15px;
	}
	.jl_content1 .main .main_right>h2>span {
		font-size: 16px;
	}
	.jl_content1 .main .main_right>p {
		font-size: 13px;
		line-height: 20px;
	}
	/* 7.课程顾问 */
	.jl_content2 {
		margin-top: 20%;
		height: 100%;
	}
	.jl_content2 .main {
		width: 100%;
		height: 280px;;
	}
	.jl_content2 .main .main_left,.jl_content2 .main .main_right {
		position: relative;
		padding-bottom: 5%;
	}
	.jl_content2 .main .main_left>img,.jl_content2 .main .main_right>img {
		width: 100px;
		height: 100px;
	}
	.jl_content2 .main .main_left>h4,.jl_content2 .main .main_right>h4 {
		font-size: 18px;
	}
	.jl_content2 .main .main_left>h4>span,.jl_content2 .main .main_right>h4>span
		{
		font-size: 14px;
	}
	.jl_content2 .main .main_left>p,.jl_content2 .main .main_right>p {
		font-size: 14px;
	}
	.jl_content2 .main .main_left>a,.jl_content2 .main .main_right>a {
		position: absolute;
		left: 50%;
		bottom: 25px;
		transform: translateX(-50%);
		width: 100px;
		height: 30px;
	}
		/* 8.校区老师 */
	.jl_content3 {
		padding: 0 2%;
	}
	.jl_content3 ul:last-child {
		margin-top: 5%;
	}
	.jl_content3>ul li {
		width: 45%;
		margin-right: 3%;
		padding-bottom: 2%;
	}
	.jl_content3>ul li img {
		width: 100%;
		height: 100%;
	}
	.jl_content3>ul li h3 {
		font-size: 18px;
	}
	.jl_content3>ul li h3 span {
		font-size: 16px;
		margin-left: 5px;
	}
	.jl_content3>ul li p {
		font-size: 14px;
	}
	.jl_content3 {
	display: none;
	}
	.jl_content3_min {
	display: block;
	}
	/* 9.校区教务 */
	.jl_content4 {
		height: 430px;
	}
	.jl_content4 .main {
		width: 100%;
	}
	.jl_content4 .main .main_left,.jl_content4 .main .main_right {
		margin-right: 1%;
	}
	.jl_content4 .main .main_left>img,.jl_content4 .main .main_right>img {
		height: 110px;
	}
	.jl_content4 .main .main_left  h3,.jl_content4 .main .main_right  h3 {
		font-size: 18px;
		margin-top: 5px;
		line-height: 25px;
	}
	.jl_content4 .main .main_left  h4,.jl_content4 .main .main_right  h4 {
		font-size: 14px;
		font-weight: 500;
		color: #646364;
	}
	.jl_content4 .main .main_left  .h4,.jl_content4 .main .main_right  .h4 {
		margin-bottom: 10px;
	}
	.jl_content4 .main .main_left  p,.jl_content4 .main .main_right  p {
		font-size: 13px;
		line-height: 20px;
	}
}

@media ( max-width : 720px) {
	.jl_conclude { /*3.电话预约PC端显示*/
		display: none;
	}
	.conclude_main_min { /*电话预约移动端显示*/
		display: block;
	}
}

@media ( max-width : 1182px) { /*4.底部导航栏*/
	.jl_footer .footer_center .footer_center_top>dl:nth-child(4) {
		margin-top: 20px;
		margin-bottom: 20px;
	}
}

@media ( max-width : 1061px) {
	.jl_footer .footer_center .footer_center_top>dl:nth-child(3) {
		margin-top: 20px;
		margin-bottom: 20px;
	}
}

@media ( max-width : 770px) {
	.jl_footer .footer_center .footer_center_top>dl:nth-child(2) {
		margin-top: 20px;
	}
}

@media ( max-width : 436px) {
	.jl_footer .footer_center .footer_center_top>dl:nth-child(1) {
		margin-right: 0;
		margin-bottom: 0px;
	}
	.jl_footer .footer_center .footer_center_top>dl:nth-child(2) {
		margin-right: 30%;
	}
	.jl_footer .footer_center .footer_center_top>dl:nth-child(3) {
		display: none;
	}
	.jl_footer .footer_center .footer_center_bottom>span {
		line-height: 35px;
	}
	.jl_footer .footer_center .footer_center_top {
		padding: 0 15px;
	}
}