@charset "utf-8";
/* CSS Document */
html { font-size: 20px; }
body {
	max-width: 100%; overflow-x: hidden;
	background: #fff ;
	color:#333; font: .7rem/1.2rem "Hiragino Sans GB", "MicroSoft YaHei", Arial, sans-serif;
}
html , body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
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 { -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: 17.5rem; margin: 0 auto; }
.hide , .onlymob { display: none; }

.main {
	width:1200px; margin: 0 auto; overflow: hidden;
}
.banner { 
	position: relative; height:15.15rem; margin:0 auto;
	background:url(../images/bg01.png) no-repeat top;
	background-size: 100%;
	color: #fff; text-align: center;
}
#logo {
	position: absolute; left:.5rem; top:.5rem;
	display: block; width:4rem; height:1rem; overflow: hidden;
	background:url(../images/logo.png) no-repeat center;
	background-size: contain;
	text-indent: -9999em;
}
.banner h2 { 
	position: relative; padding-top:2rem;
	font-size:1rem; font-weight: 400; line-height:1rem;
}

/* .banner h1 { 
	position: relative;
	font-size: 3rem; font-weight:800; line-height:4rem; 
	text-shadow: 0 0 .75rem rgba(0, 0, 0, .2);
} */
 .banner h1 { 
	position: relative;
	font-size: 0rem; width: 16rem;height: 5.5rem;margin: 0 auto;padding-top:3.5rem;
  background: url(../images/text02.png) no-repeat center bottom;background-size: 100%;
} 
.banner h3 { 
	position: relative; margin-top:.5rem;
	font-size: 1.25rem; font-weight: 400; line-height:1.4rem;
}
.banner h3:before,
.banner h3:after {
	content: ""; display: inline-block; width:1.925rem; height:1.4rem; margin:0 .25rem; vertical-align: top;
	background:url(../images/pic01.png) no-repeat center;
	background-size: contain;
}
.banner h3:after {
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
}

.btn01 {
	display: block; position: relative; width:9rem; height:1.75rem; margin:0 auto 0; cursor: pointer;
	background:rgba(255,255,255,.8); border: none; border-radius: 1.75rem;
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .1);
	color: #2bad65; font-size:.8rem; line-height: 1.75rem; text-align: center;
	transition: all .3s;
}
.btn01:hover {
	background:rgba(255,255,255,.95);
	color: #0000CD;
}
.btn02 {
	display: block; width:16.25rem; height:2.25rem; margin:0 auto; cursor: pointer;
	background:rgba(100, 149, 237, .85); border: none; border-radius: 2.25rem;
	background: linear-gradient(150deg, rgba(90, 164, 126, 0.55) , rgb(76, 162, 123), rgb(76, 161, 122), rgb(76, 161, 122) ) no-repeat left;
	background-size: 300%;
	box-shadow: 0 .125rem .5rem rgba(0, 0, 0, .2);
	color: #fff; font-size:.75rem; line-height: 2.25rem; text-align: center;
	transition: all .3s;
}
.btn02:hover {
	background-position: 100% center;
	color: #fff;
}

.banner .btn {
	 margin-top:.8rem;
}

.title {
	position: relative; z-index: 4; margin-top:1rem; margin-bottom:.75rem;
	color: #4ba077; font-size: 1rem; font-weight: 400; line-height:1.2rem; text-align: center;
	text-shadow: 0 0 .025rem #4fa17a;
}
.box01 {
	margin-top: 1rem; margin-bottom: 1.5rem;
}
.box01 dl {
	padding:.75rem 0 .75rem 1.25rem; box-sizing: border-box;
	background: #fafafa;
}
.box01 dl:nth-child(2n) {
	background: #f5f5f5;
}
.box01 dt {
	font-weight: 800; line-height: 1.4rem;
}
.box01 dd {
	overflow: hidden;
}
.box01 dd span {
	display:block; float: left; padding-left: .75rem;
	box-sizing: border-box; vertical-align: middle; cursor: pointer;
	background: url(../images/pic11.png) no-repeat left;
	background-size:  auto .6rem;
	font-size: .65rem; line-height: 1.4rem;
}
.box01 dd span.on {
	background-image:url(../images/pic12.png);
}
.box01 dl:nth-child(2) dd span {
	min-width:16%; margin-right:4%;
}
.box01 dl:nth-child(1) dd span ,
.box01 dl:nth-child(3) dd span {
	width:24.5%;
}
.box01 dl:nth-child(4) dd span{margin-right: .4rem;}
.box01 .telInput {
	display: block; width:16.25rem; height:2.25rem; margin:1rem auto; box-sizing: border-box;
	background: #fff; border:.05rem solid #e5e5e5; border-radius:.375rem;
	outline: none;
	color: transparent; font-size:.75rem; line-height: 2.25rem; text-align: center;
	text-shadow: 0 0 0 #333;
	transition: all .2s;
}
.box01 .telInput:focus {
	box-shadow:0 0 1rem rgba(100, 149, 237, .15) inset;
	border-color:rgba(100, 149, 237, .85) ;
}

.box02 {
	position: relative; width: 17.1rem; margin:1rem auto 0;
}
.box02 .btn02 {
	position: absolute; top:7rem; left:50%; pointer-events: none;
	width: 6.25rem; height: 6.25rem; margin-left:6.125rem;
	border-radius: 100%;
}
.box02 a {
	position: relative; display: block; float: left; width: 5rem; height:4.75rem; padding-top: 3rem; margin: 0 .35rem .7rem; box-sizing: border-box; cursor: pointer;
	background:#fff url(../images/pic21.png) no-repeat center 1rem;
	background-size:  auto 1.5rem;
	box-shadow: 0 0 .625rem rgba(0, 0, 0, .1);
	border-radius: .375rem;
	text-align: center;
	transition:all .3s;
}
.box02 .btn22 {
	background-image: url(../images/pic22.png);
}
.box02 .btn23 {
	background-image: url(../images/pic23.png);
}
.box02 .btn24 {
	background-image: url(../images/pic24.png);
}
.box02 .btn25 {
	background-image: url(../images/pic25.png);
}
.box02 .btn26 {
	background-image: url(../images/pic26.png);
}
.box02 .btn27 {
	background-image: url(../images/pic27.png);
}
.box02 .btn28 {
	background-image: url(../images/pic28.png);
}
.box02 a:hover {
	transform: scale(1.05);
}
.box02a {
	width: 17.25rem; margin:.5rem auto .5rem;
}
.box02a .btn02 {
	float: left; width: 7.625rem; height: 2.25rem; margin: 0 .5rem;
}

.box03a,
.box03c,
.box05c {
	line-height: .8rem; text-align: center;
}
.box03 {
	position: relative; width: 16.25rem; height:auto; margin: .5rem auto 0;
	background:#f7f9fa; border-radius:.5rem; box-shadow: 0 .1rem .25rem rgba(0, 0, 0, .15);
	text-align: center;
}
.box03 p{font-size: .51rem;color: #b7b7b7;}
.box03 dl {
	position: relative; float: left; width:4.8rem; overflow: hidden;
	line-height: 1.65rem;
}
.box03 dt {
	background: #dcebe5;
	font-weight: 800; 
}
.box03 dd {
	border-top:.05rem solid #fff;
}
.box03 .list01 {
	border-radius:.5rem 0 0 .5rem;
}
.box03 .list02 {
	position: relative; top:-.05rem;
	float: left; width:6.65rem; z-index: 1;
	background:rgba(100, 149, 237, .85);
	background: linear-gradient(150deg, rgb(139, 193, 167) , rgb(76, 162, 123) ) no-repeat left;
	box-shadow: 0 .15rem .325rem rgba(0, 0, 0, .2);
	border-radius:.5rem;
}
.box03 .list03 {
	border-radius:0 .5rem .5rem 0;
}
.box03 li {
	border-top:.05rem solid #fff;
	color:#fff; line-height:1.67rem;
}
.box03 li:first-child {
	border: none;
}
.box03b {
	margin: 1.75rem auto 1rem;
}

.bg02 {
	padding: 2.875rem 0 4.5rem; margin: 2rem 0 .75rem;
	background:url(../images/bg02.png) no-repeat center;
	background-size: 100% 100%;
}
.bg02 .title ,
.bg03 .title {
	color: #fff;
	text-shadow: 0 0 .025rem #fff;
}
.box04 li {
	padding: .75rem 1rem; overflow: hidden;
	background: rgba(135, 206, 250, .15);
}
.box04 li:nth-child(2n) {
	background: rgba(135, 206, 250, .3);
}
.box04 .btn {
	display: block; float: right; width:5rem; height:1.5rem; box-sizing: border-box;
	border:.05rem solid #fff; border-radius: 1.5rem;
	color:#fff; line-height: 1.4rem; text-align: center;
	transition: all .3s;
}
.box04 .btn:hover {
	background: rgba(255,255,255,.2);
}
.box04 p {
	float: left; width:11.5rem; height:1.5rem; overflow: hidden;
	color:#fff; line-height: 1.5rem; white-space: nowrap; text-overflow: ellipsis;
}
.box04b,
.box07 .btn01 {
	width:16.25rem; height:2.25rem; margin-top: 1.25rem;
	font-size:.75rem; line-height: 2.25rem;
}

.box05 {
	margin-top: 1rem;
}
.box05 li {
	padding: .75rem 1rem; overflow: hidden;
	background:#fafafa;
}
.box05 li:nth-child(2n) {
	background:#f5f5f5;
}
.box05 .btn {
	display: block; float: right; width:5rem; height:1.5rem; box-sizing: border-box;
	border:.05rem solid #e5e5e5; border-radius: 1.5rem;
	line-height: 1.4rem; text-align: center;
	transition: all .3s;
}
.box05 .btn:hover {
	border-color: #0000CD;
	color: #0000CD;
}
.box05 p {
	float: left; width:11.5rem; height:1.5rem; overflow: hidden;
	line-height: 1.5rem; white-space: nowrap; text-overflow: ellipsis;
}
.box05b {
	margin: 1rem auto;
}
.box05c {
	margin-bottom: 2.5rem;
}
.box06 {
	width:16.25rem; margin:1rem auto 0;
}
.box06 a {
	display: block; float: left; width:8.125rem; height: 8.125rem; padding-top: 1.25rem; box-sizing: border-box; cursor: pointer;
	text-align: center;
}
.box06 a:nth-child(2n-1) {
	border-right: .05rem solid #f2f2f2;
}
.box06 a:nth-child(-n+2) {
	border-bottom: .05rem solid #f2f2f2;
}
.box06 i {
	display: block; height: 2.5rem;
	background: url(../images/pic31.png) no-repeat center;
	background-size: contain;
	transition:all .3s;
}
.box06 .icon62 {
	background-image: url(../images/pic32.png);
}
.box06 .icon63 {
	background-image: url(../images/pic33.png);
}
.box06 .icon64 {
	background-image: url(../images/pic34.png);
}
.box06 a:hover i {
	transform: scale(1.05);
}
.box06 span {
	display: block;margin: .75rem 0;
	color:#333; font-size: .75rem; font-weight: 800; line-height: .8rem; text-align: center;
}
.box06 em {
	display: block;
	color:#333; font-style: normal; line-height: .8rem; text-align: center;
}

.bg03 {
	padding:3.875rem 0 2.5rem; margin-top:1rem;
	background:url(../images/bg03.png) no-repeat bottom;
	background-size: 100% 100%;
}
.box07 .queInput {
	display: block; width:16.25rem; height:2.25rem; margin:1.25rem auto 1rem; box-sizing: border-box;
	background: #f8634f; border:.05rem solid #fff; border-radius:.375rem;
	outline: none;
	color: transparent; font-size:.75rem; line-height: 2.25rem; text-align: center;
	text-shadow: 0 0 0 #fff;
	transition: all .2s;
}
.box07 input:-ms-input-placeholder { color:#fff; } 
.box07 input::-webkit-input-placeholder { color:#fff; } 
.box07 input:-webkit-input-placeholder { color:#fff; } 
.box07 input:-moz-placeholder { color:#fff; } 
.box07 input::-moz-placeholder { color:#fff; } 
.box07 .queInput:focus {
	box-shadow:0 0 1rem rgba(255, 255, 255, .25) inset;
}


/* 通用底部 */
.footer { 
	background: #333;
	color:#fff; font-size: .7rem; line-height: 2rem; text-align: center;
}

/* 右侧悬浮 */
.xfRight {
	display: none;
	position:fixed; right: 0; bottom:5%; z-index: 22; overflow: hidden; box-sizing: border-box;
	width:100%; height:auto;max-width:18.5rem;
	background: #fff; border-radius:.25rem .25rem 0 0;
	box-shadow: 0 .1rem .5rem rgba(0, 0, 0, .15);
}
.xfRight:before {
	position: absolute; top:0;
	content: " "; display: block; width: 100%; height: .25rem;
	background:rgba(100, 149, 237, .85);
	background: linear-gradient(90deg, rgba(100, 149, 237, .85) , rgba(0,0,205, .85) );
}
.xfRight:after {
	position: absolute; width: 100%; bottom:0;
	content: " "; display: block; height: .05rem;
	background:rgba(100, 149, 237, .85);
	background: linear-gradient(90deg, rgba(100, 149, 237, .85) , rgba(0,0,205, .85) );
}
.closeRight {
	position:absolute; right:0; top:.25rem; cursor: pointer;
	display:block; width:1.4rem; height:1.4rem;
	background:url(../images/close.png) no-repeat .7rem .3rem;
	background-size: .4rem;
}
.xfRight h3 { 
	padding-top: .65rem;
	color:#0000CD; font-size:.9rem; line-height:1rem; text-align: center;
}
.xfRight p { 
	width: 96%; padding-bottom:.5rem ; margin:.35rem auto;
	border-bottom: .05rem solid #fe735a;
	color:#0000CD; font-size:.6rem; line-height:.6rem; text-align: center;
}
.xfRight h5 {
	color:#0000CD; font-size:.6rem; font-weight: 400; line-height:.6rem; text-align: center;
}
.xfRight .telInput {
	display: inline-block; width:5rem; height:1.25rem; margin:.5rem auto; box-sizing: border-box;
	background: #fff; border:.05rem solid #e5e5e5; border-radius:.25rem;
	outline: none;
	color: transparent; font-size:.6rem; line-height: 1.15rem; text-align: center;
	text-shadow: 0 0 0 #333;
	transition: all .2s;
}
.xfRight .telInput:focus {
	border-color:rgba(100, 149, 237, .85) ;
}
.xfRight .btn02 {
	display: inline-block;
	width:5rem; height:1.25rem;
	font-size:.6rem; line-height: 1.25rem;margin-top: .5rem;
}

/* 预约弹窗 */
.xfShadow {
	display:none; position:fixed; left:0; top:0; width: 100%; height: 100%; z-index:20;
	background: rgba(0,0,0,.55);
	transform: scale(1);
	transition: all .5s;
}
.xfOrder {
	display:none; position:fixed; left:50%; top:50%; z-index: 22; box-sizing: border-box;
	width:16rem; height:18rem; padding:1.5rem 1rem 0; margin-left: -8rem; margin-top:-9rem;
	background: #fff; border-radius:.5rem;
}
.closeMe {
	position:absolute;  right:.25rem; top:.25rem; cursor: pointer;
	display:block; width:1.3rem; height:1.3rem;
	border:.05rem solid #333; border-radius: 100%;
	transition: all .3s;
}
.closeMe:before,
.closeMe:after {
	content: " "; display: block; width:.9rem; height:.1rem;
	position:absolute; left:.2rem; top:.6rem;
	background: #333;
	transform: rotate(45deg);
}
.closeMe:after {
	transform: rotate(-45deg);
}
.closeMe:hover { 
	transform: rotate(180deg);
}
.xfOrder h3 { 
	margin-bottom:.8rem; font-size:1rem; font-weight: 400; line-height:1.4rem; text-align: center;
}
.list-div { 
	position: relative;
}
.list-div input,
.list-div select {
	display: block; width:14rem; height:1.8rem; box-sizing: border-box;
	background: #fff; border:.05rem solid #a1a1a1; border-radius:1.8rem; 
	outline: none;
	font-size:.7rem; text-indent: .75em; vertical-align: middle;
	transition: all .2s;
}
.list-div input { font-family:"Hiragino Sans GB", "MicroSoft YaHei", Arial, sans-serif ; }
.list-div input[type="text"] { box-shadow: 0 0 0 500px #fff inset;}
/* .list-div select { float:left; width:6.75rem; line-height: 1.8rem; padding-left:0; } */
.list-div input:hover,
.list-div select:hover { border-color:#777; }
.list-div input:focus,
.list-div select:focus { border-color:rgba(100, 149, 237, .85) ; }
.list-div input.error,
.list-div select.error { border-color:#f11d36; color:#f11d36; transition: all .2s; }
.list-div #city { float: right; }
.list-div #PhoneCode { width:8.5rem; }
.list-div .fs {
	position:absolute; right:0; top:0; cursor: pointer;
	width:5rem;
	background:rgba(100, 149, 237, .85); border: none; border-radius: 2.25rem;
	background: linear-gradient(150deg, rgba(90, 164, 126, 0.55) , rgb(76, 162, 123), rgb(76, 161, 122), rgb(76, 161, 122) ) no-repeat left;
	background-size: 300%;
	color: #fff; text-indent: 0;
	transition: all .3s;
}
.list-div .fs:hover {
	background-position: 100% center;
	color: #fff;
}
.list-div .tip { clear:both; height:.8rem; color: #f11d36; font-size:.6rem; line-height:.8rem; text-indent:.525rem; }
.yuyueBtn {
	width:100%; margin-top:.25rem;
}
.zwk{
	width: 300px;
	height: 60px;
	display: block;
	margin: 0 auto;
	text-align: center;
	line-height: 60px;
	background-color: rgba(0,0,205, .85);
	color: #fff;
	margin-top: 50px;

}
/* 预约弹窗 end */

@media only all and ( min-width:1080px) {
	/* 预约弹窗 */
	.xfOrder { width:570px; height:485px; padding:30px 45px 0; margin-left: -290px; margin-top:-270px; }
	.xfOrder h3 { margin-bottom: 30px; font-size:26px; line-height:30px; }
	.list-div input,
	.list-div select { width:480px; height:50px; font-size:20px; }
	/* .list-div select { width:232px; line-height:50px; } */
	.list-div #PhoneCode { width:294px; }
	.list-div .fs { width:170px; }
	.list-div .tip { height:20px; font-size:14px; line-height:20px; text-indent: 15px; }
	.yuyueBtn { height:58px; margin-top:10px; font-size:24px; line-height:58px; }
	/* 预约弹窗 end */
}
@media(max-width: 1200px){
	.main{
		width: 18.5rem;
	}
}