@charset "gb2312";
/* CSS Document */
body,html{
	overflow-x:hidden}
html{ font-size:100px;}
body{
	padding-top:.85rem;
	width:100%;
	max-width:640px;
	margin:0 auto;}
*{ margin:0;
padding:0;
border:none;
list-style:none;
text-decoration:none;
outline:none;
font-family:"微软雅黑";}
img{ display:block;
width:100%;}
.clear{ clear:both;}
body{ padding-top:0 !important;background-color:#f5f2f2;}
/*头部*/
.top_box{width:calc(100% - 40px);margin:0 auto;text-align: center;background-color:#ee7800;padding:10px 20px;position:relative;height:60px;}
.top_box div{width: 105px;height:60px;float: left;}
.top_box div img{width:100%;}
.top_box h1{font-size:28px;color:#fff;position: absolute;top:50%;left:50%;margin-top:-14px;margin-left:-56px;line-height: 28px;}
.top_box span{display:block;width:30px;height:30px;float: right;padding-top:15px;}
@media(max-width:414px){
	.top_box h1{margin-left:-28px;}
	}
@media(max-width:320px){
	.top_box div{width:30%;padding-top:6px;}
	.top_box h1{margin-left:-28px;}
	}
/*标题*/
.biaoti{width:100%;margin:20px auto 10px;text-align: center;}
.biaoti h1{font-size:30px;line-height:35px;color:#ae5d2d;}
.biaoti p{font-size:22px;line-height:35px;color:#565656;}
@media(max-width:320px){
	.biaoti{margin:15px auto 5px;}
	}
/*西点*/
.xidain{width:100%;margin:0 auto;text-align:center;}
.xidain div{width:100%;margin:0 auto;}
.xidain ul{width:calc(98% - 10px);margin:0 auto;background-color:#fff;border-radius:12px;box-shadow: 0px 0px 6px 0px rgba(157, 157, 161, 0.25);padding:20px 5px 10px;position: relative;top:-30px;}
.xidain ul li{width:calc(33.33% - 10px);margin:0 5px;float: left;}
.xidain ul li span{width: 100%;}
.xidain ul li p{font-size:16px;line-height: 35px;color:#565656;}
.xidain ul h1{font-size:14px;color:#cd1b1a;padding-top:10px;}
@media(max-width:414px){
	.xidain ul{padding:10px 3px 10px;}
	.xidain ul li{width:calc(33.33% - 6px);margin:0 3px;}
	.xidain ul li p{line-height:30px;}
	}
/*胶囊*/
.jiaonang{width:98%;margin:-10px auto 0;}
.jiaonang a{width: 100%;}
/*放大图片*/
.dt_box{width: 100%;position: fixed;top:50%;margin-top:-120px;box-shadow: 0px 0px 40px 50px rgba(225, 225, 225, 0.75);display: none;}
.dt_box span{width: 30px;height:30px;background: url(../images/pic/close_0.png) no-repeat top left;background-size: 100%;position:absolute;top:-5%;right:20px;}


/*在校报名*/
.container { width: 100%; background: #fff; float: left;}
.con_title {
	border-bottom: 1px solid #e1e1e1;
	height: .5rem;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.con_title span { float: left; font-size: .3rem; color: #333; display: block; line-height:0.6rem; }
.con_title span em { background-size: 100% auto; width:.06rem;height:.32rem;float: left; margin-right: 0.08rem; margin-top: 0.14rem; background:#ff6e08; }
.con_title span em.modular7 { background: #c00; }

.con_title a.phone {
    float: right;}
.con_title a.phone img{width:1.5rem;float:left; padding-top:.1rem;}
.con_title a.online { border: 1px solid #c00; border-radius: 100px; float: right;  padding:0.2em .1em; color:#c00 }
.con_title a.online img{ background:url(images/online.gif) no-repeat; background-size: 100% auto; width:.42rem; height:.36rem;}
.con_title a.phone em{ float:left;}
/*报名通告*/
#baoming ul li {margin-top:1rem; width: 100%; float: left; line-height:.7rem; height:.7rem; list-style:none; }
<!--底部咨询-->
#zihao span{font-size:.2rem;}
.foot{ font-size:.2rem; }
.foot3{background:#fff;padding-top: 1.2rem;padding-right: 0px;margin-bottom:2rem;padding-left: 0px;}
.foot3 .ce a img{ float:left; padding-left:2.5em; padding-right:0.6em; width:1.5em;}

.h_30px {
height:.95em; clear: both; overflow: hidden; font-size: 0 }
.h_10px, .hr10 {
height:.2em; clear: both; overflow: hidden; font-size: 0 }
.h_20px {
height:2px; clear: both; overflow: hidden; font-size: 0 }
.h_5px {
height:0.09rem; clear: both; overflow: hidden; font-size: 0 }

input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: 1em; letter-spacing: normal; word-spacing: normal; text-transform: none; text-indent: 0; text-shadow: none; vertical-align: middle }
button, input, optgroup, select, textarea { color: inherit; margin: 0; -webkit-writing-mode: horizontal-tb; }
button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; }

/*报名通告*/
.bmbtn { background: #f57f00; border: 1px solid #e77800; border-radius: 4px; box-shadow: 0 1px 0 #f8ab45 inset; color: #FFFFFF; cursor: pointer; display: block; font-weight: 700; height:0.8rem;
line-height:0.8rem;
text-align: center; font-weight: bold; width: 100%; *width:98%;
font-size:.4rem;
margin-bottom: 0px }
#baoming {
	padding-top: 0;
	padding-right: 0.2rem;
	padding-left: 0.2rem;
	padding-bottom: 0rem;
	background-color: #FFF;
	float: left
}
#baoming ul li { width: 100%; float: left; line-height:.1rem;margin-top:0.2rem}
.name { width: 15%; text-align: right; float: left; color: #646464 }
#baoming #user_name,#baoming #name, #baoming #shouji, #baoming #tell,#baoming #timeer,#baoming #qqmsn, #main #user_email,#baoming #zhuanye, #baoming #hukou, #baoming #zy, #baoming #email, #baoming #qq { width: 100%; height:0.7rem;font-size:.3rem;
text-indent: 0.2em; border: 1px solid #dcdcdc; outline: none; color: #666; }
.sex { margin-right: 0.9em }
/*底部悬浮框 */
.foot{ background:#fff; text-align:center;  padding-top:.2rem; }
.foot a{ color:#666; padding:0px 0.5em;font-size:0.22rem; line-height:.3rem; font: "微软雅黑"}

.foot3 a{ float:left; width:2.1rem; text-align:left; line-height:2em; color:#666;font: "微软雅黑";font-size:.22rem;}
.foot3 .ce{ width:5rem; margin:0 auto; font-size:.22rem;padding-bottom: 60px;}
.foot3 .ce a{text-align:left;  color:#666;font: "微软雅黑";line-height:.22rem;}
.foot3 .ce a img{ float:left; padding-right:0.6em; width:1.5em;height:1.5em}
.foot3 a.ass{ float:left; width:4em; text-align:left;}
.foot4{ background:#fff; text-align:center; height:50px; padding-top:5px;}
.user-info { background: #f3f3f3; width: 100%; float: left }
.user-info li { width: 20%; text-align: center; float: left; display: inline; box-sizing: border-box }
.user-info li img { width:0.7rem;height:0.7rem;margin-top:0.07rem;}
.user-info li p {
font-size:18px; color: #ee7902 }
.com-client { position: fixed; width: 100%; left: 0; bottom: 0; z-index: 800; }
.com-client .con {
padding:.02rem .1rem .04rem 0; position: relative; z-index: 1; }
.com-client .bg { background: #004988; opacity: .6; height:.96rem;
width: 100%; position: absolute; z-index: 0; top: 0; left: 0; -webkit-transform: translate3d(0, 0, 0); }
.com-client span { display: block; }
.com-client span.cli-txt { text-align: left; float: left; padding-top:.2rem
}
.com-client span.cli-txt p { line-height: 150%; font-size:12px;
color: #fff; }
.com-client span.cli-txt p strong { line-height: 150%; font-size:12px;
color: #fff; }
.com-client .cli-btn { text-align: right; width: 2.1rem; float: right; }
.com-client .cli-btn .pop-btn-client { text-align: center; background: url(../images/call.png) center top no-repeat; background-size: 100% auto; width: 2.2rem; height:.81rem;
display: block; }
/*4.footer

---------------------------------------------------------------------- */

.footMenu{ font-size:16px;height:70px;max-width:640px; width:100%;margin:0 auto; position:fixed;bottom:0;background:#FFF;padding:0; z-index:10;}

.footMenu li{width:17%;float:left;}

.footMenu li a{display:block;height:70px;}

.footMenu li a dt{/*height:55px;*/text-align:center;  margin: 0 auto;}

.footMenu li a dt img{display:block;margin:0 auto; width:inherit;}

.footMenu li a dd{text-align:center;height:35px;line-height:20px;font-size:0.6em;color:#ee7800; margin:0 auto;}

.footMenu li.footMenu_m{width:32%;height:56px;position:relative;}

.footMenu li.footMenu_m a{width:100%;height:56px;position:absolute;top:-10px;left:0;background:url(../images/footbg.png) no-repeat center 0;}

.footMenu li.footMenu_m a {width: 100%;
    height: 56px;
    padding-top: 14px;
    position: absolute;
    top: -10px;
    left: 0;
	background-size:auto 50px;}
element{ margin:0;}
@media(max-width:540px){
	.sy_sjbd{ font-size:23px;}
	}
@media(max-width:480px){
	.sy_sjbd{ font-size:20px;}
	}
@media(max-width:450px){
	.sy_sjbd{ font-size:19px;}
	}
@media(max-width:414px){
	.sy_sjbd{ font-size:17px;}
	}
@media(max-width:375px){
	.sy_sjbd{ font-size:16px;}
	}
@media(max-width:360px){
	.sy_sjbd{ font-size:15px;}
	}
@media(max-width:320px){
	.sy_sjbd{ font-size:14px;}
	}

@media(max-width:540px){
	html{ font-size:84px;}
	}
@media(max-width:480px){
	html{ font-size:75px;}
	}
@media(max-width:480px){
	html{ font-size:75px;}
	}
@media(max-width:450px){
	html{ font-size:70px;}
	}
@media(max-width:414px){
	html{ font-size:64px;}
	}
@media(max-width:375px){
	html{ font-size:58px;}
	}
@media(max-width:360px){
	html{ font-size:56px;}
	}
@media(max-width:320px){
	html{ font-size:50px;}
	}