@media (min-width: 767px)
{
	.head_wap
	{
		display: none;
	}
	#leave_word
	{
		width:220px;
	}
}

@media (max-width: 767px) {
  #navWrapper ul,#footer .footer_info,#footer .copyright,#shares,#fixed_weixin,#online_open,#online_lx{
    display: none;
  }

  body #headTop {
	height: calc(60px);
	padding: 0 calc(50% - 1280px / 2);
	box-sizing: border-box;
	border-bottom: 1px solid rgba(170, 170, 170, 0.2);
	background:#000;
  	}
  body #headTop .top_tel{
	float:right;
	height:80px;
	margin:10px 10px;
	font-size:20px;
	line-height:35px; 	
	color:#fff;
	text-indent:50px;
	}

body #logo {
	float: center;
	height: 100%;
}

body #logo .logoImg {
	height:40px;
        margin-left:25%;
}

        #navWrapper .whead i{
		display: block;
		width: 90px;
		height: 70px;
		background: url('/static/css/pic/list.png') no-repeat center;
		color: #fff;
		text-align: center;
		line-height: 70px;
		font-size: 18px;
		position: absolute;
		right: 0;
		top: 0;
	}
	.whead i img{
		vertical-align: middle;
		margin-top: -3px;
		display: none;
	}
	.wapnav{
		width: 240px;
	    height: 100%;
	    position: fixed;
	    right: 0;
	    top: 0;
	    background: #fff;
	    z-index: 9999;
	    margin-right: -240px;
	    transition: .25s;
		overflow-y: scroll;
   		-webkit-overflow-scrolling: touch;
	}
	.wapnava {
		padding: 0 20px 20px 20px;
	}
	.wapnav_active{
		
	}
	.wapnavtop{
		background: #fff;
		color: #fff;
		height: 70px;
		line-height: 70px;
		padding: 0 15px;
		color: #fff;
	}
	.wapnavtop i{
		display: block;
		width: 70px;
		height: 70px;
		background: none;
		color: #222;
		text-align: center;
		line-height: 50px;
		font-size: 18px;
		position: absolute;
		background: url(../images/navicon.jpg) no-repeat center;
		right: 0;
		top: 0;
		z-index: 99999999;
	}
	.wapprda i, .wapprda1 i {
	    display: block;
	    position: absolute;
	    right: 10px;
	    top: 0;
	    height: 44px;
	    line-height: 44px;
	}
	.wapnavtop i img{
		vertical-align: middle;
		margin-top: -3px;
	}
	.wapnava p{
		display: block;
	}
	.wapnava span{
		width: 100%;
	}
	.wapnava a{
		font-size:20px;
		display: block;
		height: 44px;
		line-height: 43px;
		padding: 0 15px;
		color: #444;
		width: 100%;
		border-bottom: 1px dashed #eee;
	}
	.wapnav_active{
		overflow-y: auto;
	}

	.wpnvbg_active{
		opacity: 1;
		visibility: inherit;
	}
	.wapnav_active{
		right: 0;
		top: 0;
		height: 100%;
		margin-right: 0;
	}

  .mores {
    width: 100px;
	height:30px;
	padding:0;
	margin:0 auto;
        background-color: #75C65D;
        color: #fff;
        border-color: #75C65D;
        font-size: 15px;
	text-align:center;
        line-height: 30px;
        border-radius: 28px;
  }
  .mores:hover {
	background-color: #63b14c;
	border-color: #63b14c;
  }


  .xs_list .item_block{border:0 !important; width:500px;margin:0 auto; padding:10px 0 30px 0;}
  .xs_list .class_list_con:nth-child(2n){background:#eee; background-size:cover; padding:20px 0;}
  .xs_list .class_list_con:nth-child(2n) .xs_img{float:right;}
  .xs_list .class_list_con:nth-child(2n) .item_des{width:60%;}
  .xs_list .class_list_con:nth-child(2n) .item_des p{padding:0 0 0 20px;}
  .xs_list .xs_cont{box-shadow:0px 0px 20px #ddd; border-radius:10px; height:auto; padding:50px; position:relative; background:#fff;}
  .xs_list .item_info{margin-bottom:30px;}
  .xs_list .ftline{width:40px; height:4px; background:#F07E88; margin:0 auto;}
  .xs_list .xs_img{width:317px; height:317px; float:left; margin-right:50px;}
  .xs_list .xs_img img{border-radius:317px; width:100%; background:#999;}
  .xs_list .item_des{width:65%; float:left; margin-top:0px !important;}
  .xs_list .item_des .title{font-size:30px; color:#333; margin-bottom:20px;}
  .xs_list .item_des p{text-align:left !important; padding:0 20px; font-size:16px; line-height:30px; color:#999;}
  .xs_list .class_cont .yinhao{width:84px; height:67px; position:absolute; right:20px; bottom:30px; background: url(/skin/pic/yinhao.png) no-repeat;     background-size:84px;}


  .ft_form_box{background:#4A4A4A; padding:20px;}
  .ft_form_box .ft_form_tit{float:left; width:19%; color:#fff; font-size:10px; line-height:20px;}
  .ft_form{float:left; width:77%;background: url(/skin/pic/inp.png) 0 4px no-repeat #4A4A4A; background-size:750px; padding:3px 0 3px 40px;}
  .ft_form .inputtxt{padding:10px; font-size:18px; width:130px; margin-right:72px;}
  .ft_form .submit{padding:13px; font-size:18px; width:200px; background-color:#75C65D; color:#fff; border-color:#75C65D; font-size:18px;  border-radius: 28px; margin-    left:-40px; margin-right:0;}
  .ft_form .submit:hover{background-color:#5baa43; border-color:#5baa43;}


  #footer {
	padding:0;
	background-color: #000;
  }
  #footer p {
	width: 767px;
  }

  #footer .footer_info{ margin:0 auto; padding:40px 40px;}
  #footer .footer_info ul li{float:left; color:#909090;}
  #footer .footer_info ul li h3{color:#fff; font-size:20px; font-weight:normal; margin-bottom:30px;}
  #footer .footer_info ul li p{font-size:16px;}
  #footer .footer_info ul li .foot_tel{font-size:30px; display:block; margin-bottom:10px;}
  #footer .footer_info ul li .zxzx a{display:block; margin-top:50px; padding:10px; font-size:18px; width:166px; background-color:#75C65D; color:#fff;         border-color:#75C65D; font-size:16px;  border-radius: 28px; text-align:center;}
  #footer .footer_info ul li .zxzx a:hover{background-color:#5baa43; border-color:#5baa43;}
  #footer .footer_info ul li p img{width:120px;}
  #footer .copyright{ padding:4px 0 5px 0; border-top:#999 1px solid;}
  #footer .copyright .con{margin:0 auto; color:#909090; font-size:10px;}

	#mcontact .module_container .ft_form_tit
	{
                display: flex;
                justify-content: center;
                align-items: center;
		font-size:20px;
		width:100%;
	}
	#mcontact .module_container,#myForm
	{
		display: flex; /* 使用弹性盒模型 */
  		flex-direction: column; /* 设置主轴为垂直方向 */
                justify-content: center;
                align-items: center;
	}