@charset "utf-8";
/* CSS Document */
.mian{position:relative; margin-left:auto; margin-right:auto; min-width:320px; max-width:640px; overflow:hidden; background-color:#fff; font-family:Microsoft YaHei;}
a{text-decoration:none; color:#666;}
@media screen and (min-width:320px) {
	html{font-size:75%;}
}
@media screen and (min-width:375px) {
	html{font-size:87.5%;}
}
@media screen and (min-width:480px) {
	html{font-size:87.5%;}
}
@media screen and (min-width:540px) {
	html{font-size:112.5%;}
}
@media screen and (min-width:550px) {
	html{font-size:125%;}
}
@media screen and (min-width:640px) {
	html{font-size:150%;}
}

/*标题*/
.title{ width: 100%; text-align: center; margin-top: 5%;}
.title h2{ font-size: 1.25rem; color: #792779; font-weight: normal}
.title h2 a{ color: #792779}
.title h2  strong{}
.title  em{ font-size: 1.25rem;  color: #d0c8b2; display: block;}
.title  em strong{ font-size: .9rem; display: block}
section.section{ width: 92%; margin: 0 auto;}

/*头部*/
header{ overflow: hidden; width: 100%; background: rgba(121,39,121,0.9);  padding: .6rem 0; position: relative;z-index: 999}
header .mune{ float: left; width: 8%; margin-top: 2%}
header .mune img,header  a.hdPhone img{ display: block; width: 100%;}
header h1{ width: 85%; float: left;}
header h1 img{ width:32%; margin: 0 auto; display: block}
header  a.hdPhone{ display: block; float: right; width: 7%;}

/*nav*/
nav{ position: fixed; top:0; left:-60%; background: rgb(120,38,120); z-index: 999; width: 60%; height: 100%;}
nav a{ padding: 1rem 0; font-size: 1rem; color: #fff; display: block; text-align: center; border-bottom: 1px solid #c1c1c1}

/*banner*/
.banner{ overflow: hidden; width: 100%;  background-color: #eeebe3}
.banner a img{ display: block; width: 100%; position: relative; top:-2rem;}
.focus{ overflow: hidden; width: 100%; position: relative}
.focus a img{ display: block; width: 100%;}
.focus .btn{ overflow: hidden; width: 100%; position: absolute; left:0; bottom:6%; text-align: center}
.focus .btn li{ width:.8rem; height: .8rem; background-color: #8f8f8f; display:inline-block; border-radius:1rem; margin: 0 .2rem;text-indent: -99999em;}
.focus .btn li.on{ background-color: #1ea11b; width: 1.8rem; height: .6rem;}
.focus .bd{ position:relative; z-index:0; }
.focus .hd{ width:100%; height:5px;  position:absolute; z-index:1; bottom:0; text-align:center; text-indent: -99999em; }

/*套餐*/
.t_c{ overflow: hidden; width: 100%; background-color: #eeebe3; padding: 0% 0 2%;}
.t_c .tcLi{ overflow: hidden; width: 100%}
.t_c .tcLi li{ float: left; width: 48%;  position: relative; margin-bottom: 3%;}
.t_c .tcLi li a img{ display: block; width: 100%; border-radius: 10px;}
.t_c .tcLi li p{ text-align: center; width: 100%; margin: 4% 0;}
.t_c .tcLi li p img{ display: inline-block; width: 10%;}
.t_c .tcLi li h3{ text-align: center; font-size: .9rem; font-weight: normal;  margin-top: 1rem;}
.t_c .tcLi li h3 a{ color: #792779;}
.t_c .tcLi li span{ display: block; font-size: .9rem; color: #cdb460; text-align: center; margin: 1% 0;}
.t_c .tcLi li:nth-child(2n){ float: right}
.t_c .tcLi li  a.phone{ width: 1.8rem; display: block; right: .5rem; top:7rem; position: absolute}
.t_c .tcLi li  a.phone img{ display: block; width: 100%;}
.t_c  a.moreClass0{ width: 28%; background-color: #cdb460; font-size: 1rem; color: #fff; text-align: center; padding: .6rem; display: block; margin:3% auto; border-radius: 2rem;}

/*疑问*/
.yW{ overflow: hidden ;width: 100%; background-size: cover; padding-top: 1rem;}
/*.yW .section{ box-shadow: 0 0 10px #ccc; background-color: #fff}*/
.yW .wen{ float: right; width: 55%; margin-top: 4rem;}
.yW .wen li{ overflow: hidden; line-height: 2rem; font-size: .9rem; color: #857f6f;}
.yW .wen li b{ width: 10px; height: 10px; border:1px solid #cdb460; display: block; float: left; border-radius: 50px; margin-right: .5rem; margin-top: .7rem;}
.yW .wen li span{ font-weight: bold}
.yW h3{ text-align: center; width: 100%; font-size: 0.95rem; margin-top:5rem; color: #ff5f01; font-weight: normal}
.yW a.phone{ display: block; text-align: center; font-size: 1.25rem; color: #792779; margin-top: .5rem;}
.yW a.phone img{ display: block; margin:0 auto; width: 10%;}


/*ys*/
.ys{ overflow: hidden; width:100%;background-size: cover; padding-top: .5rem;}
.ys .title h2:first-letter{ color: #792779; font-size: 2rem; font-weight: bold}
.ys .title span{ font-size: 2rem; color: #cdb460; font-weight: bold}
.ys .title{ margin-bottom: 3%;}
.ys .ysBoxHz{ overflow: hidden; width: 100%; margin-top: 3%; text-align: center; position: relative}
.ys .list li{ overflow: hidden; width: 100%;}
.ys .list li h3{ font-size: 1.25rem; color: #fff; margin-top:3rem; margin-bottom: 2rem;}
.ys .list li p{ font-size: .9rem;color: #fff; line-height: 1.5rem;}
.ys .list li img{ display: block; margin:3% auto; width: 15%}
.ys .btn{ width: 100%; text-align: center; margin: 3% 0 10%; }
.ys .btn span{ display: inline-block; width: .8rem; height: 0.8rem; margin: 0 .1rem; border-radius: 50%; background-color: #fff}
.ys .btn span.on{ background: #cdb460;}
.ys .ysBoxHz em{ width:2.4rem;  display: block; top:11.5rem; position: absolute}
.ys .ysBoxHz em img{ display: block; width: 100%;}
.ys .ysLt{ left:0}
.ys .ysRt{ right:0}


/*如期*/
.rq{ overflow:hidden; width: 100%; background-color: #eeebe3;}
.rq .rqBox{ overflow: hidden; width: 100%; margin-top: 4%;}
.rq .list{ overflow:hidden; width: 100%;}
.rq .list li{ width: 47.5%; float: left; margin: 1%; box-shadow: 0 0 .5rem #ccc; background-color: #fff; border-radius: .5rem;}
.rq .list li img{  display:block; border-radius: .5rem  .5em 0 0; width: 100%;}
.rq .list li h3{ font-size: 1rem; font-weight: normal; color: #792779;  margin: 3% 0 2%; padding: 0 1rem;}
.rq .list li p{ font-size: .9rem; line-height: 1.4rem; height: 4.2rem; overflow: hidden; margin-top: .5rem;  padding: 0 1rem;}
.rq .list li time{ font-size: .85rem; color: #ccc; margin: 3% 0; display: block;  padding: 0 1rem;}
.rq a.more{ width: 25%; margin: 3.5% auto; display: block; text-align: center; padding: .5rem 0; border-radius: 2rem; background-color: #cdb460; font-size: .85rem; color: #fff; }
.rq .list li:nth-child(2n){ float: right}


/*关于*/
.A_b{  overflow: hidden; width: 100%; background: #eeebe3}
.A_b .section{ margin: 4%; background: #fff; box-shadow: 0 0 1rem #ccc; overflow: hidden; border-radius: 0.5rem;}
.A_b  .dl{ overflow: hidden; width: 100%; margin-top: 3%;}
.A_b .dl dt{ width: 85%; margin: 0 auto}
.A_b .dl dt img{ display:block; width: 100%;}
.A_b .dl dd{ padding: 0 5%;}
.A_b .dl dd p{ font-size: .85rem; color: #857f6f; margin-top: 2rem; line-height: 1.4rem; margin-bottom: .4rem;}
.A_b .ab_a{ overflow: hidden; width: 100%; margin: 4% 0}
.A_b .ab_a a{ float: left;  padding: .5rem 1.3rem; margin-right: .3rem; border: 1px solid #ccc; font-size: .95rem; color: #857f6f; display: block;  border-radius: 2rem;}

/*留言*/
.ly{ overflow: hidden ;width: 100%; background: #ebe8e0}
.ly .section{ background-color: #fff; margin: 3% auto; border-radius: .5rem}
.ly .lyNav{ overflow: hidden}
.ly .lyNav li{ width: 50%; float: left; background-size: cover; color: #8d6f41; font-size: 1rem; text-align: center; padding: .6rem 0;}
.ly .lyNav li a{ color: #8d6f41}
.ly .lyNav li.on{ background-size: cover; color: #fff}
.ly .lyNav li.on a{ color: #fff}
.ly .lyNav li:first-child{ border-top-left-radius: .5rem;}
.ly .lyNav li:last-child{ border-top-right-radius: .5rem;}
.ly .lybox{ width: 85%; margin: 3% auto 4%; }
.ly .lyCon{ overflow: hidden; width: 100%;}
.ly .lyCon li{ overflow: hidden; width: 100%; margin-bottom: 0.8em; border-radius: 2rem; border: 1px solid #ccc; box-sizing: border-box}
.ly .lyCon li span{ display: block; width: 9%; float: right; height: 2.5rem; margin-right: 3%}
.ly .lyCon li span img{ display: block; width: 100%; margin-top: .2rem;}
.ly .lyCon li input{ width: 88%; padding: 0 5%;  box-sizing: border-box; font-size: 1rem; color: #857f6f; height: 2.5rem; border: none; background: none; line-height: 2.5rem;}
.ly .lyCon li a img{  display: block; width: 100%;}

/*新闻*/
.news{overflow: hidden ;width: 100%; background: #ebe8e0; padding-bottom: 2.8rem;}
.news .section{ margin: 3%; background-color: #fff; overflow: hidden; border-radius: 0.5rem;  box-shadow: 0 0  .5rem #bcbcbc}
.news .newBox{ overflow: hidden; width: 90%; margin:  3% auto;}
.news .newNav{ text-align: center; width: 100%; }/*overflow: hidden*/
.news .newNav li{ width: 30%; display: inline-block; padding: .6rem 0; border:1px solid #d0c8b2; margin: 0 .5%; font-size: 1rem; border-radius: 2rem;}
.news .newNav li a{ color: #8d6f41}
.news .newNav li.on{ border: 1px solid #792779; background-color: #792779;}
.news .newNav li.on a{ color: #fff}
.news .newCon,.newCon .list{ overflow: hidden; width: 100%;}
.news.news .newCon{ margin-top: 3%;}
.news .list li{ width: 100%; overflow: hidden; line-height: 1.8rem;}
.news .list li a{ float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #857f6f; font-size: .95rem;}
.news .list li b{ border:1px solid #857f6f; border-radius: 50%; width: 0.5rem; height: 0.5rem; display: block; float: left; margin-top:.5rem; margin-right:0.5rem;}


.divtop{ position:fixed; left:0; bottom: 2.45rem; width: 100%;}
.divtop a.top{ width: 8%; margin: 0 auto; display: block;}
.divtop a.top img{ display: block; width: 100%;}

/*footer*/
footer{ overflow: hidden; width: 100%;  position: fixed; left:0; bottom: 0; padding: 0.6rem 0; background-size: 100%;}
footer a{ width: 25%; float: left; color: #896c3e; text-align: center; display: block; font-size: 1rem; font-weight: bold}
footer a:last-of-type{ font-weight: bold; color: #792779;}
footer a:nth-child(3){color:#792779}

::-webkit-input-placeholder { /* WebKit browsers */ 
font-size: 1rem; color: #857f6f; 
} 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
font-size: 1rem; color: #857f6f; 
} 
::-moz-placeholder { /* Mozilla Firefox 19+ */ 
font-size: 1rem; color: #857f6f; 
} 
:-ms-input-placeholder { /* Internet Explorer 10+ */ 
font-size: 1rem; color: #857f6f; 
}