@charset "utf-8";

/* 页头 */
header{
	padding: .26rem 0;
	line-height: 0.56rem;
	background: url('../image/logo.png') no-repeat center;
	background-size: auto 51%;
	background-color: #fff;
}
header img{
	height: 0.56rem;
	font-size: 0;
	vertical-align: top;
}
header .campus-name span{
	display: inline-block;
	line-height: .56rem;
	font-size: .26rem;
	vertical-align: top;
	color: #0068b7;
}
.float-mask{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.3);
	z-index: 999;
}
.header-course-list{
	position: absolute;
	top: 0;
	left: -70%;
	padding: 0.6rem 0.2rem .5rem;
	width: 60%;
	background-color: #fff;
	z-index: 999;
}
.header-course-list li{
	height: .65rem;
	line-height: .65rem;
	border-bottom: 1px solid #e5e5e5;
}
.header-course-list li a{
	position: relative;
	display: block;
	padding-left: 3%;
	width: 97%;
	height: 100%;
	font-size: .25rem;
	color: #333;
}
.header-course-list li a .arrow{
	position: absolute;
	right: .2rem;
	color: #ccc;
}

.header_d_container{
  font-size: 0;
  height: 1.32rem;
  width: 94%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
}
.header_d_logo{
  height: 1.32rem;
  width: 40%;
  background: url("/Public/Index/v3_m/image/logo.png") no-repeat center;
  background-size: 100%;

}
.header_d_middle{
  line-height: 0;
}
.header_d_middle_top{
  display: flex;
  align-items: center;
}
.header_d_middle_bottom{
  display: flex;
  align-items: center;
  margin-top: 0.1rem;
}
.header_d_icon{
  height: 0.28rem;
  width: 0.28rem;
  margin-right: 0.1rem;
}
.header_d_wx{
  font-style: italic;
  font-size: 0.27rem;
  color: #46B735;
}
.header_d_tel{
  font-style: italic;
  font-size: 0.27rem;
  color: #FF0000;
}
#header_d_course{
  display: flex;
  align-items: center;
}
.header_d_course_icon{
  height: 0.32rem;
  width: 0.4rem;
  background: url('/Public/newimages_m/home/menu.png') no-repeat center;
  background-size: 100%;
}
.header_d_course_text{
  margin-left: 0.1rem;
  font-size: 0.28rem;
  color: #0071ff;
}

.i-campus-list{
	position: absolute;
	top: 0;
	right: -33%;
	padding: .3rem 0 .4rem 0;
	width: 42%;
	background-color: #fff;
	z-index: 999;
}
.i-campus-list li{

}
.i-campus-list li a{
	display: block;
	margin: 0 10%;
	padding-left: 5%;
	width: 75%;
	height: .74rem;
	font-size: 0.25rem;
	color: #333;
	border-bottom: 2px solid #e5e5e5;
}
.i-campus-list li img{
	margin-top: .1rem;
	width: auto;
	height: 64%;
	vertical-align: top;
}
.i-campus-list li span{
	display: inline-block;
	margin: .28rem 0 0 10%;
}
.i-menu{
	padding: 0 0.46rem;
	height: 1.08rem;
	background-color: #064ff4;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
	-ms-align-items: center;
	align-items: center;
	justify-content: space-between;
}
.i-menu a{
	width: 0.7rem;
	height: 0.4864rem;
	line-height: 0.4864rem;
	text-align: center;
	font-size: .25rem;
	color: #fff;
}

.i-menu .active{
	border-bottom: 2px solid #fff;
}

/* 页脚 */
footer{
	margin-bottom: 1.2rem;
	width: 100%;
	background: #2d3237;
}
.footer-top{
	width: 100%;
}
.footer-title{
	width: 100%;
	background: #2d3237;
}
.footer-title ul{
	margin: 0 auto;
}
.footer-title li{
	float: left;
	/*width: 14.286%;*/
	width: 16.5%;
	/*height: 64px;*/
	/*line-height: 60px;*/
	height: 1.04rem;
	line-height: 1rem;
	text-align: center;
	font-size: .25rem;
	color: #fff;
}
.footer-title li.on,
.footer-title li:hover{
	background: url('../image/footer_campus_bg.png') no-repeat 0;
	background-size: 100% 100%;
}
.footer-bottom{
	position: relative;
	margin-top: 1.4rem;
	width: 100%;
	height: 2.05rem;
}
.footer-campus{
	position: relative;
	width: 67%;
	height: 100%;
}
.campus-info{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
.campus-info h3{
	margin-bottom: .15rem;
	height: .25rem;
	line-height: .25rem;
	font-weight: normal !important;
	font-size: .25rem;
	color: #fff;
}
.campus-info p{
	line-height: .36rem;
	font-size: .22rem;
	color: #999;
}
.campus-info p.clearfix{
	margin-bottom: .1rem;
}
.campus-info span{
	float: left;
}
.QRCode{
	position: absolute;
	top: 0;
	right: .2rem;
	width: 100px;
}
.QRCode img{
	width: 100%;
	vertical-align: top;
}
.footer-law{
	padding: .1rem 0;
	/*height: .7rem;*/
	text-align: center;
	line-height: 0.32rem;
	font-size: .2rem;
	color: rgba(255,255,255,.4);
	background-color: #23282d;
}
.footer-law a{
	color: rgba(255,255,255,.4);
}
.friendship-links{
	padding-bottom: .15rem;
    width: 100%;
}
.friendship-links li{
    float: left;
    margin-right: 15px;
    line-height: .26rem;
    font-size: .2rem;
    color: #999;
}
.friendship-links li a{
    color: #999;
}
.friendship-links li a:hover{
    color: #fff;
}
ul.footer{
	display: flex;
	flex-direction: row;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1.2rem;
	background-color: #333;
	z-index: 999;
	align-items: center;
}
ul.footer li{
	float: left;
	margin-left: 2.5%;
	width: 30%;
	height: .72rem;
}
ul.footer li.phone{
	background: url('../image/footer_phone.png') no-repeat;
	background-size: 100% 100%;
}
ul.footer li.online{
	background: url('../image/footer_online.png') no-repeat;
	background-size: 100% 100%;
}
ul.footer li.footer-wechat{
	background: url('../image/footer_wechat.png?i=1') no-repeat;
	background-size: 100% 100%;
}
ul.footer li a{
	display: block;
	width: 100%;
	height: 100%;
}
.add-wechat-btn{
	width: 100%; 
	height: 100%; 
	border: none; 
	vertical-align: top; 
	background-color: rgba(0,0,0,0);
}
.wechat-popup{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	z-index: 9999;
}
.wechat-box{
	position: fixed;
	margin: 50% 5% 0;
	padding: 30px 0;
	width: 90%;
	text-align: center;
	z-index: 999999;
	background-color: #fff;
	border: 2px solid #fff;
	border-radius: 10px;
}
.wechat-box #closeWechat{
	position: absolute;
	display: block;
	top: -14px;
	right: -10px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 20px;
	color: #000;
	background-color: #fff;
	border-radius: 30px;
}
.wechat-box h6{
	margin-bottom: 36px;
	text-align: center;
	font-size: 20px;
	color: #333;
}
.wechat-box p{
	margin: 0 1% 10px;
	text-align: center;
	font-size: 16px;
}
.wechat-box a{
	display: block;
	margin: 15px 20% 0;
	width: 60%;
	text-align: center;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	color: #fff;
	background-color: #0068b7;
	border-radius: 20px;
}

/*兼容不同尺寸样式*/
/*iPhone 4、iPhone 5*/
@media screen and (max-width: 320px) {
	.campus-info .address-content{
		width: 150px;
	}
	.footer-bottom{
		height: 2.3rem;
	}
	.wechat-box{
		margin: 20% 5% 0;
		width: 90%;
	}
	.wechat-box h6{
		margin-bottom: 28px;
		font-size: 18px;
	}
	.wechat-box p{
		/*margin: 0 20% 28px;*/
		font-size: 20px;
	}
	.wechat-box a{
		font-size: 16px;
	}
}

/*小米 5*/
@media screen and (min-width: 321px) and (max-width: 360px) {
	.campus-info .address-content{
		width: 186px;
	}
	.wechat-box h6{
		margin-bottom: 28px;
		font-size: 20px;
	}
	.wechat-box p{
		/*margin: 0 20% 26px;*/
		font-size: 20px;
	}
}

/*iPhone 6、iPhone 7、iPhone 8、iPhone X*/
@media screen and (min-width: 361px) and (max-width: 375px) {
	.campus-info .address-content{
		width: 190px;
	}
	.wechat-box h6{
		margin-bottom: 26px;
		font-size: 20px;
	}
	.wechat-box p{
		/*margin: 0 20% 28px;*/
	}
}

/*iPhone 6 Plus、iPhone 7 Plus、iPhone 8 Plus*/
@media screen and (min-width: 376px) and (max-width: 414px) {
	.campus-info .address-content{
		width: 218px;
	}
	.QRCode{
		width: 96px;
	}
	.wechat-box h6{
		margin-bottom: 30px;
		font-size: 22px;
	}
	.wechat-box p{
		/*margin: 0 20% 28px;*/
	}
}

/* */
@media screen and (min-width: 415px) and (max-width: 435px) {
	.wechat-box{
		margin: 10% 5% 0;
		width: 446px;
		/*height: 166px;*/
	}
	.wechat-box h6{
		margin-bottom: 30px;
		font-size: 24px;
	}
	.wechat-box p{
		/*margin: 0 20% 32px;*/
	}
}

/* Nokia N9 */
@media screen and (min-width: 415px) and (max-width: 480px) {
	.campus-info p{
		line-height: 20px;
		font-size: 14px;
	}
	.campus-info .address-content{
		width: 258px;
	}
	.footer-title{
		height: 78px;
	}
	.wechat-box{
		margin: 10% 5% 0;
		width: 446px;
		/*height: 166px;*/
	}
	.wechat-box h6{
		margin-bottom: 30px;
		font-size: 24px;
	}
	.wechat-box p{
		/*margin: 0 20% 32px;*/
	}
}

/* */
@media screen and (min-width: 481px) and (max-width: 540px) {

}

/* Microsoft Lumia 550 */
@media screen and (min-width: 481px) and (max-width: 640px) {
	.campus-info p{
		line-height: 24px;
		font-size: 18px;
	}
	.campus-info .address-content{
		width: 348px;
	}
	.footer-title{
		height: 90px;
	}
	.campus-info h3{
		margin-bottom: 15px;
	}
	.QRCode{
		width: 114px;
	}
	.wechat-box{
		margin: 10% 5% 0;
		width: 446px;
		/*height: 166px;*/
	}
	.wechat-box h6{
		margin-bottom: 30px;
		font-size: 24px;
	}
	.wechat-box p{
		/*margin: 0 20% 32px;*/
	}
}

/* iPad竖屏 */
@media screen and (min-width: 641px) and (max-width: 768px) {
	.footer-title{
		height: 104px;
	}
	.campus-info p{
		line-height: 26px;
		font-size: 20px;
	}
	.campus-info h3{
		margin-bottom: .2rem;
	}
	.campus-info .address-content{
		width: 500px;
	}
	.footer-campus{
		width: 78%;
	}
	.QRCode{
		width: 116px;
	}
	.wechat-box{
		margin: 10% 5% 0;
		width: 446px;
		/*height: 166px;*/
	}
	.wechat-box h6{
		margin-bottom: 30px;
		font-size: 24px;
	}
	.wechat-box p{
		/*margin: 0 20% 32px;*/
	}
}

/*大于768px*/
@media screen and (min-width: 769px) {
	body{
		margin: 0 auto;
		width: 768px;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}
	.float-mask{
		left: 50%;
		margin-left: -320px;
		width: 640px;
	}
	.i-menu{
		border: none;
	}
	.campus-info p{
		line-height: 24px;
		font-size: 18px;
	}
	.campus-info .address-content{
		width: 346px;
	}
	.footer-title{
		height: 90px;
	}
	.campus-info h3{
		margin-bottom: 15px;
	}
	.QRCode{
		width: 114px;
	}
	ul.footer{
		display: flex;
		flex-direction: row;
		left: 50%;
		margin-left: -384px;
		width: 768px;
	}
	.wechat-box{
		left: 25%;
		width: 50%;
		margin: 20% 0 0 0;
	}
	.wechat-box h6{
		margin-bottom: 30px;
		font-size: 24px;
	}
}

@media screen and (min-width: 1366px) {
	.wechat-box{
		left: 32%;
		width: 36%;
		margin: 20% 0 0 0;
	}
}
