/** CSS Reset **/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form, fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:center; }
h1,h2,h3,h4,h5,h6 {}
abbr,acronym { border:0; }
textarea, input, select{resize: none;outline:none;background:none;border:none;}
button {overflow:visible;width:auto;margin:0;padding:0;border:0 none;outline:none;}
input{border:0}
a{text-decoration:none; color:#333;-webkit-tap-highlight-color:transparent; -webkit-touch-callout:none;}
a:hover{ text-decoration:none;color:#000;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size: 0;}
.clearfix{display:inline-block;}
/* Hide from IE Mac */
.clearfix {display:block;}
html{width: 100%;height:100%;}
body{color:#333;font-size:20px;line-height: 160%;font-family:"Microsoft YaHei";width:100%;height:100%;}
.fl{float:left;}
.fr{float:right;}
.mobile{display:none;}
.pc{display:block;}
.w1000{width:1000px;margin:0 auto;}

.banner{width:100%;background:url(../images/banner.jpg) no-repeat center top;}
.banner .text{text-align: center;animation:text-1 1s 0s;-webkit-animation:text-1 1s 0s;}

.itemBox{padding:32px 0;}
.itemBox .con{padding:20px 0 50px;}
.title{margin: 20px auto;display: block;}
.title1{margin: -50px auto 20px;display: block;}

/*item-1*/
.item-1{color: #fecb3c;background: url(../images/page1_bg.png) repeat-x;padding: 32px 40px;border-radius: 20px;margin-top: 70px;}

/*item-2*/
.item-2 .con li{float: left;width: 25%;text-align: center;}
.item-2 .con li img{}
.item-2 .con li:hover img{animation: rotate .5s linear infinite;}
.item-2 .con li p{margin:10px 0;}

/*item-3*/
.item-3{background:url(../images/bg.jpg) repeat-y;padding-bottom:40px;position: relative;}
.item-3 .bg1{position: absolute;right: 0;top:0;}
.item-3 .bg2{position: absolute;left:0;bottom:0;}
.item-3 .con{padding:50px 0 0 0;position: relative;}
.item-3 .con .div .fl{animation:cityName 1s 0s;-webkit-animation:cityName 1s 0s;}
.item-3 .con ul li{width:100px;line-height:48px;float:left;padding-right:80px;text-align:center;color:#c92a28;cursor:pointer;margin-bottom:10px;font-size:20px;background: url(../images/page4_line.jpg) repeat-x left center;}
.item-3 .con ul li b{display: block;background:#fdcb3d;font-weight: normal;}
.item-3 .con ul li.end b{background:#999;}
.item-3 .con ul li.m0{padding-right:0;}
.item-3 .con ul li.active b,
.item-3 .con ul li:hover b{background:#fe6d42;color:#fff;}
.item-3 .con ul li span{font-size:14px;}
.item-3 .con .div{width:80%;background:none;text-align:left;cursor:auto;margin:0;display:none;padding:25px 10%;}
.item-3 .con ul li.div:hover{background:none;}
.item-3 .con .div p img{margin-right:5px;vertical-align: middle;}
.item-3 .con .div .cityName{margin-right:20px;font-size:58px;color: #fff;font-weight:bold;padding:10px;}
.item-3 .con .div .cityName span{font-size:22px;}
.item-3 .con .div p{font-size:19px;line-height:36px;color:#fff;}
.item-3 .con .div p span{color:#fdcb3d;font-size:22px;font-weight:bold;}
.item-3 .con .yd{display: none;}

/*item-4*/
.item-4 {position: relative;}
.item-4 .bg1{position: absolute;right: 0;top:0;}
.item-4 .bg2{position: absolute;left:0;bottom:0;}
.item-4 .teacher{margin:0 10% 40px;position: relative;}
.item-4 .teacher .photo{}
.item-4 .teacher .photo img{float: left;}
.item-4 .teacher .photo p{float: left;width: 60%;margin: 120px 0 0 40px;font-weight: bold;color: #5b1110;}
.item-4 .teacher .txt{background: url(../images/teacher_text_bg.png) repeat-x;padding:30px 50px;margin-top:-30px;}
.item-4 .teacher .txt p{padding:5px 0;color:#3d0200;}
.item-4 .tip{font-size: 16px;text-align: right;}

/*item-5*/
.item-5 .con li{background: #ff6e42;padding:20px 5%;margin:10px 1%;float: left;width: 38%;color:#fff;border-radius: 20px;}
.item-5 .con li h5{font-size: 24px;text-align: center;padding-bottom:10px;}
.item-5 .con li.even{background: #c92a27}

/*在线预约*/
.zxyy{background: url(../images/bg.jpg) repeat-y;padding:34px 0;}
.img-wrap{width: 300px;text-align: center;color:#fff;}
.img-wrap .qr {padding-top: 70px;}
.form-wrap{margin: 60px 60px 0 0;}
.form-wrap form label {border:none;}
.form-wrap .btn-wrap {background: #fdcb3d;}


#reg form label {margin: 12px 0;}

@media only screen and (max-width: 1000px) {
	body{font-size: 24px;line-height: 160%;-webkit-text-size-adjust: none;}
	.w1000{width:96%;}
	.yd{display:block;}
	.mobile{display:block;}
	.pc{display:none;}

	.banner .w1000{width:100%;}
	.title1{margin: -50px auto 20px;display: block;}
	.itemBox .con{padding: 1rem 0 3rem;}


	.item-1{padding: 34px 40px;margin: 0 4%;}

	.item-2 .con li{width: 50%;font-size: 28px;line-height: 140%;margin:5px 0;}

	.item-3 .con .yd{display:block;width:85%;margin:0 auto;width:90%;}
	.item-3 .yd select{width:100%;padding: 20px 5% 20px 14%;font-size: 26px;border-radius: 5px;background:#fff url(../images/pos.png) no-repeat 5% center;-moz-box-shadow:2px 2px 5px #5b1110; -webkit-box-shadow:2px 2px 5px #5b1110; box-shadow:2px 2px 5px #5b1110;border:none;outline:none;font-size: 26px;}
	.item-3 .con .yd .div{padding:20px 0 0 0;display:block;width: 100%;}
	.item-3 .con .yd .div p{text-align:left;}
	.item-3 .con .yd .div h4{padding-bottom:20px;font-size:55px;}
	.item-3 .con .div .cityName1{width: 66%}

	.item-4 .teacher {margin:0;}
	.item-4 .teacher .photo p{width: 52%;}

	.item-5 .con li h5 {font-size: 28px;}

	.zxyy{padding:2rem 0 6rem;}
	.reg_mobile form {width: 80%;margin: 0 auto;}
}
@keyframes text-1 {
    0% {
    	transform: rotate(-180deg) ;
  	}
    100% {
      transform: rotate(0) ;
    }
}@keyframes rotate {
    0% {
    transform: translateY(0) ;
  	}
    25% {
        transform: translateY(10px);
    }
    50% {
        transform: translateY(20px) scale(1.1, 0.9);
    }
    75% {
        transform: translateY(10px) ;
    }
    100% {
        transform: translateY(0) ;
    }
}
@keyframes cityName{
	from {
		transform:scaleY(0.1);
	}
	to {
		transform:scaleY(1);
	}
}
@-webkit-keyframes cityName{
	from {
		transform:scaleY(0.1);
	}
	to {
		transform:scaleY(1);
	}
}