/** 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; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; vertical-align: bottom;}
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 { font-size:100%; font-weight:normal; }
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:#010101;-webkit-tap-highlight-color:transparent; -webkit-touch-callout:none;}
a:hover{ text-decoration:none;color:#010101;}
.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:#010101;font-size:16px;line-height:160%;font-family: "Microsoft YaHei";width: 100%;height:100%;}
.fl{float:left;}
.fr{float:right;}
.mobile{display:none;}
.m1000{width:1000px;margin:0 auto;}

/* banner */
.header {margin-top: 24px;width: 100%; height: 520px; position: relative;background: url(../images/header_bg.jpg) no-repeat center top;}
.header_t{position: absolute;top: 120px;left: 50%;margin-left: -210px;}
.header_b{position: absolute;top:250px;left:50%;margin-left: -455px;}
/*part*/
.page {  padding: 50px 0;position: relative;}
.page .title{margin-bottom:40px;text-align: center;}
.page .title img {margin: 0 auto;display: block;}
.box1{background:url(../images/bg/bg_1.jpg) no-repeat center center;}
.box2{background:url(../images/bg/bg_2.jpg) no-repeat center center;background-size: 100% 100%;}
.box3{background:url(../images/bg/bg_3.jpg) no-repeat center center;}
.box4{background:url(../images/bg/bg_2.jpg) no-repeat center center;background-size: 100% 100%;}
.box5{background:url(../images/bg/bg_4.jpg) no-repeat center center;}
.page7{background:url(../images/bg/bg_5.jpg) no-repeat center center;background-size: 100% 100%;}
/*part_1*/
.page1 ul li{float: left;width: 33.3%;height: 130px;padding-top:40px;text-align: center;background: url(../images/page1.png) no-repeat center center;}
.page1 ul li.four{margin-left: 170px;}
.page1 ul li:hover{animation:swing 1s ;}
.page1 ul li h3{font-size: 24px;color:#208c67;padding-bottom:10px;font-weight:bold;}
.page1 ul li p{font-size: 18px;}
/*part_2*/
.page2 .content .top p{padding:15px 0;}
.caption{padding-top:15px;}
.caption h2{font-size: 30px;color:#dbe085;font-weight:bold;padding:30px 0px 10px 70px;background:url(../images/page2.png) no-repeat left center;}
.caption p{padding:20px 0 0 60px;transition:all 0.2s ease-in 0s;}
.caption p:hover{ transform:translateY(-5px);}
/*part_3*/
/*part_4*/
.page4 .caption .fl{width: 14%;padding-left: 6%;text-align: center;}
.page4 .caption .fl img{display: block;margin:0 auto ;}
.page4 .caption .fl a{color:#15866b;}
.page4 .caption .fl a:hover{text-decoration: underline;}
.page4 .caption .fr{width: 78%;padding: 20px 0 0 0px;}
/*part_5*/
.page5 .content .fl{width: 48%;}
.page5 .content .fr{width: 48%;margin-top: 20%;}
.page5 .content ul li{color:#fff;padding:0 8%;margin:40px 0;background: url(../images/page5.png) no-repeat center center;min-height: 280px;}
.page5 .content ul li h3{font-size: 24px;font-weight: bold;padding:30px 0;}
.page5 .content ul li:hover{animation:swing 1s ;}
/*part_6*/
/*part_7*/
/*part_8*/
.page8 .content li{float:left;width: 420px;padding: 40px;background: url(../images/page8.png) no-repeat center center; background-size: 100% 100%;height: 270px;}
.page8 .content li.three{height: auto;margin-left:25%;}
.page8 .content li h4{font-size: 18px;font-weight: bold;color:#208c67;}
.page8 .content li:hover{animation:swing 1s ;}
/*part_9*/
.page9 .content .box{height: 500px;float:left;width: 26%;margin:0 1.6%;background: url(../images/page9.png) no-repeat center center;background-size: 100%;padding:0 20px;overflow: hidden;}
.page9 .content .box .detail{height: 350px;line-height: 180%;overflow: hidden;}
.page9 .content .box .detail h5{font-size: 20px;font-weight: bold;padding:40px 0 15px;}
.page9 .content .box .detail p{font-size: 18px;}
.page9 .content .box .detail p b{font-size: 20px;}
.page9 .content .box .btn{display:block;text-align:center;font-size: 24px;font-weight: bold;color:#fff;margin-top: 50px;}
.page9 .content .box .btn:hover{text-decoration: underline;}
/*part_10 在线预约*/
.form-wrap form label {border:none;}
#reg form label {margin: 18px 0;}
.form-wrap .btn-wrap {background: #87c151;}

.tiaokuan .checked{width: 14px;height: 14px;display: inline-block;vertical-align: middle;background:url(https://liuxue.xdf.cn/images/form_checked2.png) no-repeat center top;cursor: pointer;}
.tiaokuan .checked.active{background:url(https://liuxue.xdf.cn/images/form_checked.png) no-repeat center top;}
.tiaokuan.white{color: #fff;}
.tiaokuan.white .checked{background:url(https://liuxue.xdf.cn/images/form_checked2_white.png) no-repeat center top;}
.tiaokuan.white .checked.active{background:url(https://liuxue.xdf.cn/images/form_checked_white.png) no-repeat center top;}
.xdf_bottomForm.form-wrap form .label{width: 28%;}
.xdf_bottomForm.form-wrap .xdf_formbtn{width: 24%;}
.xdf_bottomForm.form-wrap h4 {
    font-size: 22px;
    color: #ffffff;
    padding: 20px 0 0 15px;
}
@media screen and (max-width:1000px) {
	body{font-size:1.6rem;line-height: 140%;}
	.m1000{width:96%;margin:0 auto;}
	.pc{display:none;}
	.mobile{display:block;}
	
	/* banner */
	.header {margin-top: 0;height: 30rem;}
	.header_t{top: 8rem;left: 26%;margin-left: 0;width: 70%}
	.header_b{top:13rem;left:6%;margin-left: 0;width: 86%}
	.header_t img,
	.header_b img{width: 100%;}
	/*part*/
	.box1{background-size: 100% auto;}
	.box3{background-size: 100% auto;}
	.box5{background-size: 100% auto;}
	.page .title img{max-width: 100%;}
	/*part_1*/
	.page1 ul li{width: 50%; padding-top: 2rem;}
	.page1 ul li.four{margin-left: 0px;}
	.page1 ul li.five{margin-left: 25%;}
	.page1 ul li h3{font-size: 1.6rem;}
	.page1 ul li p{line-height: 140%;font-size: 1.4rem;}
	/*part_2*/
	.page2 .content .top p{padding:1rem 0;}
	.caption{padding-top:1rem;}
	.caption h2{font-size: 2.4rem;padding:1.4rem 0px 0.6rem 4rem;}
	.caption p{padding:1rem 0 0 4rem;}
	/*part_3*/
	.page3 .content img{width: 100%}
	/*part_4*/
	.page4 .caption .fl{width: 28%;}
	.page4 .caption .fr{width: 64%;}
	/*part_5*/
	.page5 .content .fl{width: 100%;}
	.page5 .content .fr{width: 100%;margin-top: 0;}
	.page5 .content ul li{padding:3rem 4%;margin:2rem 0;background-size: 100% 100%;min-height:0;}
	.page5 .content .fr li{margin:0 0 2rem 0;}
	.page5 .content ul li h3{padding:0 0 2rem 0;font-size: 2.2rem}
	/*part_6*/
	/*part_7*/
	/*part_8*/
	.page8 .content li{width: 80%;padding:10%;height: auto;}
	.page8 .content li.three{height: auto;margin-left:0%;}
	.page8 .content li h4{font-size: 1.8rem;padding-bottom:1rem;}
	/*part_9*/
	.page9 .content .box{width: 42%;margin:2rem 2%;padding:0 2%;height: 32rem;}
	.page9 .content .box .detail{height: 24rem;line-height: 130%;}
	.page9 .content .box .detail h5{font-size: 1.4rem;padding:2rem 0 1rem;}
	.page9 .content .box .detail p{font-size: 1.2rem;line-height: 160%;}
	.page9 .content .box .detail p b{font-size: 1.3rem;}
	.page9 .content .box .btn{font-size: 1.6rem;margin-top: 3rem;}
}