<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */
body {
	max-width: 100%; overflow-x: hidden;
	background: #fff url(../images/banner00.jpg) no-repeat center 40px;
	color:#333; font: 18px/36px "Hiragino Sans GB", "MicroSoft YaHei", Arial, sans-serif; }
body , h1 , h2 , h3 , h4 , h5 , h6 , hr , p , blockquote , dl , dt , dd , ul , ol , li ,
pre , form , fieldset , legend , button , input , select, textarea ,
th, td { margin: 0; padding: 0; }
img { border: none; max-width: 100%; }
a { color: #333; text-decoration: none; }
a:hover { color: #e4393c; text-decoration: none; }
a , area { blr: expression(this.onFocus=this.blur()); }
ul , ol , li { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; max-width: 100%; }
input , :focus { outline: 0; }
input[type="button"] , input[type="submit"] , input[type="reset"] , select { -webkit-appearance: none; font-family:"Hiragino Sans GB", "MicroSoft YaHei", Arial, sans-serif ; }
input::focus-inner { padding: 0; border: 0; }

.fl { float: left; } .fr { float: right; }
.clearfix:after { display: block; content: ''; clear: both; } .clearfix { zoom: 1;}
.clear { height: 0; width: 100%; overflow: hidden; font-size: 1px; line-height: 0; visibility: hidden; }
.Width { width: 1200px; margin: 0 auto; }
.hide , .onlymob { display: none; }

/* 通用头部 */
.ht_top {
	width: 100%; overflow: hidden;
	background: #fafafa url(../images/nav_bg.gif) repeat-x 0 0;
	line-height: 41px; }
.ht_top .zt_top {
	width: 1200px; height: 41px; margin: 0 auto; }
.ht_top h1 {
	float: left; }
.ht_top h1 a {
	float: left; width: 131px; height: 40px; overflow: hidden;
	background: url(../images/logo.gif) no-repeat;
	font-size: 12px; text-indent: -100em; }
.ht_top .topnav {
	float: right; color: #333; font-size: 12px; }
.ht_top .topnav a {
	padding: 0 8px; }
.ht_top .topnav a:hover {
	color: #e4393c; text-decoration: underline; }

@keyframes ballScale {
	0% { box-shadow:0 0 0 8px rgba(230,37,37,.1); }
	100% { box-shadow:0 0 0 12px rgba(230,37,37,.3); }
}
@keyframes float01 {
	0% { transform: translateX(0); }
	100% { transform: translateX(50px); }
}
@keyframes float02 {
	0% { transform: translateX(0); }
	100% { transform: translateX(-50px); }
}
@keyframes float03 {
	0% { transform: scale(1); opacity: 1; }
	100% { transform: scale(.8); opacity: .5; }
}
@keyframes float04 {
	0% { box-shadow: 0 0 0 4px rgba(252,213,216,.3); }
	100% { box-shadow: 0 0 0 6px rgba(252,213,216,.56); }
}

.banner { 
	position: relative; padding-left:205px; padding-top:140px; box-sizing: border-box;
}
.banner h2 { 
	width:637px; height: 240px; margin:0 auto;
	overflow: hidden; text-indent: -9999em; visibility: hidden;
	background:url(../images/banner01.png) no-repeat center;
}
.banner p { 
	width:471px; height:34px; margin:40px auto 140px;
	overflow: hidden; text-indent: -9999em; visibility: hidden;
	background:url(../images/banner02.png) no-repeat center;
}
.banner li {
	float:left; width: 200px; height: 200px; padding-top:52px; margin:0 65px; box-sizing: border-box;
	background: #fd381e; border-radius:100%;
	background: linear-gradient(90deg, #fd381e,#d5182b );
	box-shadow:0 0 0 12px rgba(230,37,37,.3);
	color:#fff; font-size:24px; line-height: 33px; text-align: center;
	animation: ballScale 1s ease-in-out infinite alternate;
}

.title {
	margin:75px auto 40px;
	text-align: center;
}
.title h3 {
	display:inline-block;
	color: #f9353b; font-size:48px; line-height: 60px;
}
.titL,
.titR {
	position: relative; display:inline-block; width:87px; height: 60px; vertical-align: top;
	background: url(../images/pic00.png) no-repeat center;
}
.titR {
	background-image: url(../images/pic01.png);
}
.titL i,
.titR i {
	position: absolute; top:17px; left:0;
	display: block; width:25px; height: 25px;
	background: #fa5c61; border-radius:100%;
	background: linear-gradient(0, #fa5c61,#ffefef );
	animation: float01 1.9s .5s ease-in infinite alternate;
}
.titR i {
	left:auto; right:0;
	animation-name: float02;
}
.title h4 {
	font-size:30px; line-height: 40px;
}
.title h4:before,
.title h4:after {
	content: " "; display: inline-block; width:50px; height: 2px; vertical-align: middle;
	background: #333;
}

.box01 {
	position: relative; padding:70px 120px 70px 420px; box-sizing: border-box; overflow: hidden;
	background: #f9f9f9; box-shadow: 0 5px 57px rgba(216, 216, 216, .75);
}
.box01 h4 {
	position: absolute; left:0; top:50%;
	width:319px; height: 176px; padding:42px 145px 0 0; box-sizing: border-box;
	background: url(../images/pic11.png) no-repeat left;
	color:#fff; font-size:30px; font-weight: 400; line-height:46px; text-align: right;
}
.box01 .tit01 {
	margin-top:-195px;
}
.box01 .tit02 {
	margin-top:19px;
	background-image: url(../images/pic12.png);
}
.box01 p {
	padding:15px 0 15px 85px;
	line-height: 32px; text-indent: -85px;
}
.box01 p + p {
	border-top:1px dashed #f5d9d1;
}
.box01 p span {
	color:#ffa200;
}
.box01 p i {
	display:inline-block; width:22px; height: 22px; margin:5px 32px 0 5px; vertical-align: top;
	background: #ffa200; border-radius: 100%;
	color:#fff; font-style: normal; line-height: 22px; text-indent:0; text-align: center;
}
.box01 p b {
	color:#e82725; font-weight: 400;
}
.showOrder {
	width:170px; height: 40px; margin:30px auto 0; cursor: pointer;
	background: #ffbd41; border-radius:40px;
	background: linear-gradient(90deg, #ffbd41,#fd7010 );
	color:#fff; font-size:19px; line-height: 40px; text-align: center;
}
.showOrder:hover {
	opacity: .85;
}

.box02 {
	position: relative; overflow: hidden;
	background: #fff url(../images/pic21.jpg) no-repeat right;
	box-shadow: 0 5px 40px rgba(231, 231, 231, .75);
}
.box02:before,
.box02:after {
	content: " "; display: block; width:34px; height:34px;
	position: absolute; left:540px; top:113px; pointer-events: none;
	background: #feeaea; border-radius:40px;
	background: linear-gradient(0, #feeaea,#fffdfd );
	animation: float03 3s ease-in-out infinite alternate;
}
.box02:after {
	width:56px; height:56px;
	left:50px; top:380px;
}
.box02 h4,
.box03 h4 {
	width:270px; height: 65px; margin:0 auto;
	background: #e91114; border-radius:0 0 20px 20px;
	background: linear-gradient(0, #e91114,#f86f14 );
	box-shadow:-6px 0 0 #fd6464;
	color:#fff; font-size:38px; font-weight: 400; line-height: 65px; text-align: center;
}
.box02 .tabBox {
	position: relative; width:495px; padding:80px 0 80px 55px; z-index: 1;
}
.box02 .tabTit {
	overflow: hidden;
	border-radius: 0 20px 0 0;
}
.box02 .tabTit span {
	display:block; float: left; width: 165px; height: 90px; padding-top:30px; cursor: pointer; box-sizing: border-box;
	background: #faa241;
	background: linear-gradient(90deg, #faa241,#fe7d2f );
	color:#fff; font-size:25px; line-height: 35px; text-align:center;
}
.box02 .tabTit span.on {
	background: #ffbd40;
	background: linear-gradient(90deg, #ffbd40,#fcd42a );
	color:#eb1f14;
}
.box02 .tabCon {
	height: 165px; padding:40px 25px 0; box-sizing: border-box; overflow: hidden;
	background: #fbe287;
	background: linear-gradient(-20deg,#fbe287, #fff8da );
	font-size:24px;
}

.box03 {
	position: relative; padding-bottom:40px; margin-top:50px; overflow: hidden;
	background: #fff;
	box-shadow: 0 5px 40px rgba(231, 231, 231, .75);
}
.slideBox { 
	position:relative; width:1080px; height: 280px; margin:60px auto 0; overflow:hidden;
}
.slideBox .bd {
	position:relative; height:100%; width:1120px; 
}
.slideBox ul {
	float:left; width:200%;
}
.box03 .prevBtn,
.box03 .nextBtn {
	position:absolute; left:15px; top:230px; z-index:1; cursor: pointer;
	display:block; width:40px; height:70px;
	background:rgba(0,0,0,.5) url(../images/pic39a.png) no-repeat center;
	transition: all .3s; 
}
.box03 .nextBtn {
	left:auto; right:15px;
	background-image: url(../images/pic39b.png);
}
.box03 .prevBtn:hover,
.box03 .nextBtn:hover {
	transform: scale(1.1);
}
.box03 li {
	position: relative; float:left; width:235px; height: 280px; margin:0 4px; overflow: hidden;
}
.box03 .picbg,
.box03 img,
.box03 p,
.box03 a {
	position: absolute; left:0; top:0;
	display:block; width:100%; height: 100%;
}
.box03 .picbg {
	top:-95px;
	background: #343131;
}
.box03 p {
	top:185px; padding-top:12px;
	background:rgba(10,10,10,.6);
	color:#fff; font-size:20px; text-align: center;
	transition: all .5s;
}
.box03 p:before {
	content: " "; display: block; width:88px; height:2px;
	position: absolute; left:60px; top:47px;
	background: #fefdfd; opacity: .2;
	transition: all .5s;
}
.box03 li:hover p {
	background:rgba(10,10,10,.75);
}
.box03 li:hover p:before {
	opacity: .4;
	transform: scale(1.2);
}

.box04 li {
	float:left; width: 275px; height: 335px; margin-right:33px;
	background: #fff;
	box-shadow: 0 5px 38px rgba(230, 229, 229, .75);
	transition:all .5s;
}
.box04 li:nth-child(4n) {
	margin-right:0;
}
.box04 h4 {
	height:165px;
	background: #feaa59;
	background: linear-gradient(0, #feaa59,#ed6c76 );
	color:#fff; font-size:24px; font-weight: 400; line-height: 115px; text-align: center;
}
.box04 .tit02 {
	background: #78e7c2;
	background: linear-gradient(0, #78e7c2,#6ccdc8 );
}
.box04 .tit03 {
	background: #558cf6;
	background: linear-gradient(0, #558cf6,#b18dfd );
}
.box04 .tit04 {
	background: #f3ae3c;
	background: linear-gradient(0, #f3ae3c,#fade4a );
}
.box04 i {
	display:block; width: 100px; height:100px; margin:-64px auto 20px;
	background: #fff url(../images/pic40.png) no-repeat center; border-radius: 100%;
	box-shadow: 0 5px 29px rgba(0, 0, 0, .05);
}
.box04 .icon02 {
	background-image: url(../images/pic41.png);
}
.box04 .icon03 {
	background-image: url(../images/pic42.png);
}
.box04 .icon04 {
	background-image: url(../images/pic43.png);
}
.box04 p {
	line-height: 28px; text-align: center;
}
.box04 li:hover {
	box-shadow: 0 5px 60px rgba(230, 229, 229, 1);
}
.box04 li:hover i {
	animation: rubberBand .8s;
}

.box05 {
	position: relative; margin-top:50px;
}
.box05:before {
	position: absolute; left:0; top:15px;
	content: " "; display:block; width:100%; height:2px;
	background: #f3f3f3;
}
.box05 li {
	position: relative; float:left; width:185px; margin-right:18px;
}
.box05 li:nth-child(6n) {
	margin-right: 0;
}
.box05 li span {
	display:block; width:30px; height: 30px; margin:0 auto;
	background:#fbafb5; border-radius: 100%;
	box-shadow: 0 0 0 5px rgba(252,213,216,.56);
	color:#fff; line-height: 30px; text-align: center;
	animation: float04 1.2s ease-in-out infinite alternate;
	transition: all .5s;
}
.box05 h4 {
	margin:20px auto;
	font-size:24px; line-height:36px; text-align: center;
	transition: all .5s;
}
.box05 p {
	height:215px; padding:20px; 
	background: #fff;
	box-shadow: 0 5px 54px rgba(239, 239, 239, .75);
	line-height: 28px; text-align: justify;
}
.box05 li:first-child p {
	text-align: center;
}
.box05 li:nth-child(2) span {
	animation-delay: .2s;
}
.box05 li:nth-child(3) span {
	animation-delay: .4s;
}
.box05 li:nth-child(4) span {
	animation-delay: .6s;
}
.box05 li:nth-child(5) span {
	animation-delay: .8s;
}
.box05 li:nth-child(6) span {
	animation-delay: 1s;
}
.box05 li:hover span {
	background: #f9838c;
	transform: scale(1.5);
}
.box05 li:hover h4 {
	color:#f9838c;
}
.box05 li:hover p {
	background:#f9838c;
	color:#fff;
}

.box06 table {
	width: 100%; text-align: center;
	background: #fff;
	box-shadow: 0 5px 24px rgba(240, 240, 240, .75);
}
.box06 th {
	height: 65px;
	background: #343131;
	color:#fff; font-size:30px; font-weight: 400;
}
.box06 td {
	width:11%; height: 72px;
	border-top:1px solid #e5e5e5;
	font-size:22px;
}
.box06 td:first-child {
	width:auto;
	background: #f9838c;
	color:#fff;
}
.box06 tr:nth-child(n+3) td:nth-child(9) {
	color:#e90c14;
}
/* .box06 tr:last-child td:nth-child(2) {
	background: #f1f1f1;
} */

.box07 {
	width:1110px; margin:60px auto 40px;
}
.box07 li {
	position: relative; float:left; width:505px; height: 160px; margin:0 25px;
	background: #fca25c;
	background: linear-gradient(80deg, #fca25c,#f9da49 );
}
.box07 li:nth-child(2) {
	background: #f9838c;
	background: linear-gradient(80deg, #f9838c,#feb143 );
}
.box07 h4 {
	position: absolute; left:0; top:-25px;
	width:175px; height: 55px;
	background: url(../images/pic60.png) no-repeat center;
	color:#fff; font-size:24px; font-weight: 400; line-height: 46px; text-align: center;
}
.box07 p {
	padding-top:54px;
	color:#fff; line-height: 30px; text-align: center;
}

.box08 .des {
	position: relative;
	width: 1000px;
	height: 453px;
	margin-left: 100px;
	background: #fff;
	box-shadow: 0 5px 49px rgba(0, 0, 0, .05);
	text-align: center;
}
.box08 .des:hover {
	z-index: 1;
}
.box08 h4 {
	height: 74px;
	background: #f29a76;
	color:#fff; font-size: 24px; font-weight: 400; line-height: 74px; text-align: center;
}
.box08 .desCon {
	margin-top: 10px;
	margin-left: 0px;
	line-height: 40px;
}
.box08 .desCon span {
	color: #fd0909;
}
.box08 .tabBox {
	width:505px; height:305px; margin:35px auto 0;
	background: #fef7f7; border-radius:15px;
}
.box08 .tabTit {
	box-sizing: border-box; overflow: hidden;
	background: #fff; border:1px solid #fd4747; border-radius:15px;
}
.box08 .tabTit span {
	display: block; float:left; width:25%; height:48px; cursor: pointer;
	border-radius:15px;
	line-height: 48px; text-align: center;
}
.box08 .tabTit span.on {
	background: #fd4747;
	color:#fff;
}
.box08 .tabCon {
	margin-top: 30px; margin-left:25px;
	line-height: 32px;
}
.box08 .tabCon p:before {
	content: "·"; padding-right:10px;
	color:#999; font-size:30px; line-height: 32px; vertical-align: middle;
}

.box09 {
	position:relative;
}
.box09 a {
	display: block; float:left; width:141px; height:54px; margin: 0 10px 12px 0;
	background: #f9353b;
	color:#fff; font-size: 24px; line-height: 54px; text-align: center;
}
.box09 a:nth-child(8n) {
	margin-right:0;
}
.box09 a:hover {
	background: #f9838c;
}

.box10 {
	position: relative; padding:50px 15px 30px;  margin-bottom:90px; box-sizing: border-box; overflow: hidden;
	background: #fff;
	box-shadow: 0 5px 40px rgba(231, 231, 231, .75);
}
.box10 li {
	float:left; width:350px; margin:0 20px;
}
.box10 li .pic {
	display: block; width:100%; height: 250px; overflow: hidden;
	transition: all .5s ease-out;
}
.box10 li img {
	display: block; width:100%; height:100%;
}
.box10 li .pic:hover {
	transform: scale(.95);
}
.box10 li p {
	margin-top:10px;
	line-height:40px; text-align: center;
}

/* 通用底部 */
.footer { clear: both; position: relative; padding: 30px 0; background: #d6192a; text-align: center; }
.footer p { position: relative; z-index: 2; color:#fff; font-size: 16px; line-height: 30px; }
.footer p span { padding: 0 5px; }
.footer p a { color:#fff; }

/* 咨询入口 */
.xfZiXun {
	display: none; position: fixed; right:0; bottom:20%; z-index: 3;
	width: 204px; height: 171px;
	background: url(../images/fixed.png) no-repeat center;
}
.xfZiXun:hover {
	animation:swing .8s ;
}

/* 预约 */
.xfOrder {
	display:none; position:fixed; left:50%; top:50%; z-index: 22; box-sizing: border-box;
	width: 420px; height:400px; padding:50px 50px 0; margin-left: -210px; margin-top:-200px;
	background: #d7192a;
	background: linear-gradient(0, #fe381e,#d7192a );
}
.closeMe {
	position:absolute; right:-20px; top:-20px; cursor: pointer;
	display:block; width:42px; height:42px;
	background:url(../images/close.png) no-repeat center; border-radius: 100%;
	background-size:	contain;
	transition: all .3s;
}
.closeMe:hover {
	transform: rotate(180deg);
}
.list-div {
	position: relative; margin-bottom:20px;
}
.list-div label {
	display: block; float:left; width:80px; height:45px; box-sizing: border-box;
	color: #fff; line-height: 45px;
}
.list-div input,
.list-div select {
	display: block; float:right; width:235px; height:45px; box-sizing: border-box;
	background: #fff; border:none; border-radius:45px;
	outline: none;
	font-size:18px; text-indent: 1em; vertical-align: middle;
}
.list-div input {
	font-family:"Hiragino Sans GB", "MicroSoft YaHei", Arial, sans-serif ;
}
.list-div select { 
	background: #fff url(../images/icon00.png) no-repeat 195px center;
	line-height: 45px;
}
.list-div .fs {
	position:absolute; right:0; top:0;
	width:110px; cursor: pointer;
	background: #fe9710; border:none;
	color:#fff; font-size:16px; text-align: center; text-indent: 0;
}
.yuyueBtn {
	display: block; width:100%; height:45px; margin:35px auto 0; cursor: pointer;
	background: #fccf27; border-radius:45px; border:none;
	background: linear-gradient(0, #fccf27,#fe930e );
	background-size: 105% 105%;
	color:#dd1e28; font-size:24px; line-height:45px; text-align: center;
}
.list-div .fs:hover,
.yuyueBtn:hover {
	background: #fccf27;
	background: linear-gradient(180deg, #fccf27,#fe930e );
	background-size: 105% 105%;
}

@media only all and (max-width:1200px) {
	.onlymob { display: block; }
	html { font-size: 20px; }
	body { 
		width: 18.75rem; font-size: .7rem; line-height: 1.2rem;
		background: #fff url(../images/bannerm.jpg) no-repeat center 2.5rem;
		background-size: 100%;
	}
	html , body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
	.Width { width: 17.5rem; }

	/* 隐藏元素 */
	.ht_top .topnav a:nth-child(n+2),
	.box02:before,
	.box02:after,
	.footer p,
	.pc , .onlypc { display: none; }

	/* 通用头部 */
	.ht_top { height: 2.5rem; background-size: auto 100%; line-height: 2.5rem; }
	.ht_top h1 a {
		height: 2.5rem; width: 7.5rem;
		background: url(../images/mob_logo.png) no-repeat center / contain; }
	.ht_top .topnav { font-size: .8rem; text-indent: -1000rem; }
	.ht_top .topnav a { padding: 0 0 0 0.3rem; text-indent: 0; float: right; }

	
	@keyframes ballScale {
		0% { box-shadow:0 0 0 .1rem rgba(230,37,37,.1); }
		100% { box-shadow:0 0 0 .3rem rgba(230,37,37,.3); }
	}
	@keyframes float01 {
		0% { transform: translateX(0); }
		100% { transform: translateX(1.6rem); }
	}
	@keyframes float02 {
		0% { transform: translateX(0); }
		100% { transform: translateX(-1.6rem); }
	}
	@keyframes float03 {
		0% { transform: scale(1); opacity: 1; }
		100% { transform: scale(.8); opacity: .5; }
	}
	@keyframes float04 {
		0% { box-shadow: 0 0 0 4px rgba(252,213,216,.3); }
		100% { box-shadow: 0 0 0 6px rgba(252,213,216,.56); }
	}
	
	.banner { padding-left:5rem; padding-top:1.85rem; }
	.banner h2 {  width:10rem; height:4rem; background-size: contain; }
	.banner p { 
		width:10rem; height:.7rem; margin:.3rem auto 3.5rem;
		background-size: contain;
	}
	.banner ul { width:17.5rem; margin-left:-5rem; }
	.banner li {
		width:5.03rem; height:5.03rem; padding-top:1.2rem; margin:0 .4rem;
		box-shadow:0 0 0 .3rem rgba(230,37,37,.3);
		background-size: 110% 110%;
		font-size:.6rem; line-height:1rem;
	}
	
	.title { margin:2rem auto 1rem; }
	.title h3 { font-size:1.4rem; line-height:1.5rem; }
	.titL,
	.titR { width:2.2rem; height:1.5rem; background-size: contain; }
	.titL i,
	.titR i { top:.4rem; width:.7rem; height: .7rem; }
	.title h4 { font-size:.75rem; line-height:1rem; }
	.title h4:before,
	.title h4:after { width:1rem; }
	
	.box01 { padding:3rem .5rem 1rem; }
	.box01 h4 {
		top:.5rem; left:50%; width:7rem; height:2rem; padding:0;
		background-size:cover;
		border-radius:2rem;
		font-size:.8rem; line-height:2rem; text-align: center;
	}
	.box01 .tit01 { margin-top:0; margin-left:-7.5rem; }
	.box01 .tit02 { margin-top:0; margin-left:.5rem; }
	.box01 h4 br { display: none; }
	.box01 p {
		padding:.25rem 0 .25rem 2.5rem;
		line-height:1.2rem; text-indent: -2.5rem;
	}
	.box01 p i { width:1rem; height:1rem; margin:.1rem .4rem 0 .1rem; line-height:1rem; }
	.showOrder {
		width:6rem; height:2rem; margin-top:.75rem;
		border-radius:2rem;
		font-size:.75rem; line-height: 2rem;
	}
	
	.box02 { background: #fff; }
	.box02 h4,
	.box03 h4 {
		width:7rem; height:2.2rem;
		border-radius:0 0 .5rem .5rem;
		box-shadow:-.2rem 0 0 #fd6464;
		font-size:1rem; line-height:2.2rem;
	}
	.box02 .tabBox { width:16.5rem; padding:0 0 1rem; margin:1rem auto 0; }
	.box02 .tabTit { border-radius: 0 .5rem 0 0; }
	.box02 .tabTit span {
		width:5.5rem; height:2rem; padding-top:.2rem;
		font-size:.7rem; line-height:.8rem;
	}
	.box02 .tabCon {
		height:4rem; padding:1rem .5rem;
		font-size:.65rem; line-height: 1rem; text-align: center;
	}
	
	.box03 { padding-bottom:1rem; margin-top:1rem; }
	.slideBox { width:16.5rem; height: 7.2rem; margin-top:1rem; }
	.slideBox .bd { width:16.5rem; }
	.box03 .prevBtn,
	.box03 .nextBtn {
		left:.3rem; top:5.6rem;
		width:1.2rem; height:2.4rem;
		background-size: 1rem;
	}
	.box03 .nextBtn { left:auto; right:.3rem; }
	.box03 li { width:5.3rem; height:7.2rem; margin:0 .1rem; }
	.box03 .picbg { top:-2.4rem; }
	.box03 p { top:4.8rem; padding-top:.2rem; font-size:.6rem; line-height: 1rem; }
	.box03 p:before { width:2.6rem; height:.05rem; left:1.3rem; top:1.2rem; }

	.box04 li { width:8.5rem; height:9rem; margin-right:.5rem; margin-bottom:.5rem; }
	.box04 li:nth-child(2n) { margin-right:0; }
	.box04 h4 { height:3.75rem; font-size:.8rem; line-height: 2.4rem; }
	.box04 i {
		width:3rem; height:3rem; margin:-1.75rem auto .5rem;
		background-size:1.75rem;
	}
	.box04 p { font-size:.6rem; line-height:1rem; }
	
	.box05 { margin-top:1rem; }
	.box05:before { left:.75rem; top:0; width:.1rem; height:100%; }
	.box05 li { float:none; clear: both; width:15.5rem; margin:0 0 .75rem 2rem;; }
	.box05 li span {
		width:1.5rem; height: 1.5rem; margin-left:-2rem;
		box-shadow: 0 0 0 5px rgba(252,213,216,.56);
		line-height:1.5rem;
	}
	.box05 h4 {
		position: absolute; left:0; top:0; margin:0;
		font-size:.8rem; line-height:1.5rem; text-align: left;
	}
	.box05 p { height:auto; padding:.5rem; margin-top:.25rem; font-size: .6rem; line-height:1rem; }
	.box05 li:first-child p br { display: none; }
	.box05 li:hover span { transform: scale(1.1); }

	.box06 th { height:2rem; font-size:.7rem; }
	.box06 td { width:auto; height:1.75rem; font-size:.625rem; }
	
	.box07 { width:17.5rem; margin:1.5rem auto; }
	.box07 li { float:none; width:100%; height:5rem; margin:0 auto 1rem;}
	.box07 h4 {
		top:-0.5rem; width:6.5rem; height:2rem;
		background-size:100% 100%;
		font-size:.8rem; line-height:1.8rem;
	}
	.box07 p { padding-top:2rem; line-height:1.2rem; }
	
	.box08 .des { float:none; width:100%; height:auto; padding-bottom:1rem; margin-bottom:.5rem; }
	.box08 h4 { height:2rem; font-size:.85rem; line-height:2rem; }
	.box08 .desCon { margin-top:1rem; margin-left:1rem; font-size:.65rem; line-height:1.2rem; }
	.box08 .tabBox { width:15.5rem; height:10rem; margin:1rem; border-radius:.5rem; }
	.box08 .tabTit { border-radius:.5rem; }
	.box08 .tabTit span { height:1.8rem; border-radius:.5rem; font-size:.65rem; line-height: 1.8rem;  }
	.box08 .tabCon { margin-top:.75rem; margin-left:1rem; font-size:.6rem; line-height:1rem; }
	.box08 .tabCon p:before { padding-right:.25rem; font-size:1rem; line-height:1rem;	}

	.box09 { margin-top:1rem; }
	.box09 a {
		width:4.2rem; height:1.6rem; margin: 0 .23rem .23rem 0;
		font-size:.7rem; line-height:1.6rem;
	}
	.box09 a:nth-child(8n) { margin-right:.2rem; }
	.box09 a:nth-child(4n) { margin-right:0; }
	
	.box10 {
		padding:1rem 0 0; margin-top:1rem; margin-bottom:1.75rem; 
		text-align: center;
	}
	.box10 li { float:none; display: inline-block; width:8rem; margin:0 .25rem .5rem; }
	.box10 li .pic { height:5.7rem;  }
	.box10 li p { margin-top:.5rem; font-size: .6rem; line-height:1.6rem; }
	
	/* 通用底部 */
	.footer { position: relative; height: 2.4rem; padding: 0; overflow: hidden; }
	.footer:before {
		display: block; content: "华图教育集团版权所有";
		position: absolute; left: 0; top: 0;
		width: 100%; height: 2.4rem; overflow: hidden;
		color: #fff; font-size: .7rem; line-height: 2.4rem; text-align: center; }
		
	/* 预约 */
	.xfOrder {
		width:16rem; height:14rem; padding:1.5rem 1rem; margin-left: -8rem; margin-top:-7rem;
	}
	.closeMe { right:-.5rem; top:-.5rem; width:1.6rem; height:1.6rem; background-size: contain; }
	.list-div { margin-bottom:.5rem;	}
	.list-div label { width:3rem; height:1.8rem; line-height: 1.8rem; }
	.list-div input,
	.list-div select { width:11rem; height:1.8rem; border-radius:1.8rem; font-size:.7rem; }
	.list-div select { background-size: .4rem; background-position: 10rem center; line-height: 1.8rem; }

	.list-div .fs { width:5rem; font-size:.6rem; }
	.yuyueBtn {
		width:10rem; height:2rem; margin-top:1rem;
		border-radius:2rem;
		font-size:.8rem; line-height:2rem;
	}
}
</pre></body></html>