@charset "UTF-8";
/*-----default model-----*/
body,h1, h2, h3, h4, h5, h6,p,ul, ol, dl, dd,figure, menu, input, textarea, button, select, th, td,figcaption {margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6,b, strong {font-size: 100%;font-weight: normal;}
li {list-style: none;}
em, i {font-style: normal;}
img {border:none;}
input,textarea,button,select {outline: 0 none;}
table{border-collapse: collapse; margin:0 auto;}
textarea {resize: vertical;}
a {text-decoration: none;outline: 0 none;color:inherit}
table{border-collapse:collapse;width: 100%;color: #333;text-align: center;}
.clearfix:before,.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.clearfix{zoom:1} 
body{width: 100%;height:100%; background: #db4e0a; font-size: 12px;min-width: 1100px!important;  font-family: "Microsoft YaHei", Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei"; color: #444;}
a[title="站长统计"]{display: none;}
@media only screen and (min-width: 800px) {
	.pc-hide{display:none !important;}
}
.left{float: left;}
.right{float: right;}
.wrap{position: relative; width: 1100px; margin: 0 auto;font-size: 0;text-align: center;}
.hide{display: none !important;}
.section{ padding-top: .6rem;}
.title{ margin-bottom: .34rem;}
.title h2{font-size: .36rem; color: #fff; font-weight: bold; letter-spacing: .01rem;}

/*banner*/
.banner{
	width: 100%; height: 6.3rem; position: relative; background: url(../images/ban_bg.jpg) no-repeat top center; font-size: 0; padding-top: .5rem; box-sizing: border-box;
}
.banner h2{
  position: relative; z-index: 2;
}
.banner h2 img{
  display: block; margin-left: .3rem;
}
.ban-img1{
  position: absolute; top: .78rem; left: -1.48rem; animation: move 1s infinite alternate ease-in-out;
}
.ban-img2{
  position: absolute; top: .6rem; right: -2.02rem; animation: move 1s infinite alternate ease-in-out;
}
.ban-peo{
  position: absolute; top: 2.48rem; right: 1.1rem;
}
@keyframes move{
  0%{transform: translateY(0)}
  100%{transform: translateY(-0.2rem)}
}

/*sec01*/
.sec01{
  display: inline-block;width: 100%;height: 3.45rem; background: url(../images/s1_bg.jpg) no-repeat top center; padding-top: 0;
}
.sec01-main{
  width: 10.07rem; height: 3.45rem; box-shadow: inset 0 0 .1rem rgba(250,208,161,0.9), 0 .11rem .5rem rgba(166,57,0,0.44); border: .01rem solid #fff; border-bottom: none; border-radius: .2rem;margin: 0 auto;
  background: #ffffff;
  background: -webkit-linear-gradient(to bottom, #ffffff 49%, #fde5ca 107%);
  background: -o-linear-gradient(to bottom, #ffffff 49%, #fde5ca 107%);
  background: -moz-linear-gradient(to bottom, #ffffff 49%, #fde5ca 107%);
  background: linear-gradient(to bottom, #ffffff 49%, #fde5ca 107%);
}
.sec01-main>div{
  display: inline-block;
  float: left;
}
.s1wbTit{
  width: .72rem;
  height: 2.64rem;
  font-size: .32rem;
  font-weight: bold;
  color: #fff;
  background: #df530f;
  background: -webkit-linear-gradient(to bottom, #fc7c3a, #df530f);
  background: -o-linear-gradient(to bottom, #fc7c3a, #df530f);
  background: -moz-linear-gradient(to bottom, #fc7c3a, #df530f);
  background: linear-gradient(to bottom, #fc7c3a, #df530f);
  margin-top: .4rem;
  border-top-right-radius: .12rem;
  border-bottom-right-radius: .12rem;
}
.s1wbTit>p{
  display: inline-block;
  margin: .24rem 6% 0;
}
.s1wbnr{
  width: 8.13rem;
  height: 1.77rem;
  background: url("../images/s1img3.png") no-repeat center top;
  background-size: 100%;
  position: relative;
  margin-left: .64rem;
  margin-top: .85rem;
}
.s1wbnr>p{
  display: inline-block;
  width: 100%;
}
.s1wbnr>p>span{
  font-size: .28rem;
  font-weight: bold;
  color: #333;
  float: left;
}
.s1wbnr>img{
  float: left;
  margin-left: 1.1rem;
}
.s1wbnr .s1img1{
  margin-top: -.08rem;
  margin-left: 2.1rem;
  animation: moveX1 1s linear infinite alternate;
  -webkit-animation: moveX1 1s linear infinite alternate;
}
.s1wbnr .s1img2{
  margin-top: .6rem;
  animation: moveX2 1s linear infinite alternate;
  -webkit-animation: moveX2 1s linear infinite alternate;
}
.s1wbnr>.p1{
  position: absolute;
  left: 0;
  top: -.55rem;
}
.s1wbnr>.p1>.s1sp1{
  margin-left: .12rem;
  margin-right: .9rem;
}
.s1wbnr>.p1>.s1sp2{
  margin-right: 1.15rem;
}
.s1wbnr>.p2{
  margin-top: .05rem;
}
.s1wbnr>.p2>.s1sp1{
  margin-left: .12rem;
  margin-right: .9rem;
}
.s1wbnr>.p2>.s1sp2{
  margin-right: 1.15rem;
}
.s1wbnr>.p3{
  font-size: .3rem;
  font-weight: bold;
  color: #333;
  margin-top: .6rem;
}

/*sec02*/
.sec02{
  height: 2.31rem; background: url(../images/s2_bg.jpg) no-repeat top center; padding-top: .13rem;
}
.sec02-main{
  display: flex; align-items: center; justify-content: center;
}
.sec02-bt{
  width: 3.2rem; margin-left: .1rem;
}
.sec02-bt h3{
  margin-bottom: .18rem;
}
.sec02-bt p{
  font-size: .2rem; color:#fff; font-weight: 600; line-height: .3rem;
}
.sec02-bt p i{
  color: #ffe981;
}
.sec02-list ul{
  display: flex;
}
.sec02-list ul li{
  margin-right: .2rem;
}
.sec02-list ul li span{
  font-size: .2rem; color: #fff; font-weight: 600; display: block; text-align: center; margin-top: .05rem;
}
.pub-btn{
  width: 2.4rem; height: 1.3rem; border-radius: .35rem; position: relative;
  background: #fffdfd;
  background: -webkit-linear-gradient(to bottom, #fffdfd, #ffada4);
  background: -o-linear-gradient(to bottom, #fffdfd, #ffada4);
  background: -moz-linear-gradient(to bottom, #fffdfd, #ffada4);
  background: linear-gradient(to bottom, #fffdfd, #ffada4);
}
.pub-btn a{
  width: 2.28rem; height: 1.18rem; line-height: .38rem; border: .01rem solid #fff; border-radius: .35rem; box-shadow: 0 .04rem 0 #f42727; display: block; margin: 0 auto; margin-top: .03rem; font-size: .32rem; color: #fff; font-weight: bold; text-align: center; padding-top: .2rem; box-sizing: border-box;
  background: #ff867a;
  background: -webkit-linear-gradient(to bottom, #ff867a, #ee2510);
  background: -o-linear-gradient(to bottom, #ff867a, #ee2510);
  background: -moz-linear-gradient(to bottom, #ff867a, #ee2510);
  background: linear-gradient(to bottom, #ff867a, #ee2510);
}
.s2-hand{
  position: absolute; top: .71rem; left: 1.82rem; animation: handMove 1s infinite alternate ease-in-out;
}
@keyframes handMove{
  0%{transform: scale(1);}
  100%{transform: scale(1.2);}
}

/*sec03*/
.main{
  border-radius: .2rem; padding: .22rem;
  background: #fa915f;
  background: -webkit-linear-gradient(to bottom, #fa915f, #ff7b06);
  background: -o-linear-gradient(to bottom, #fa915f, #ff7b06);
  background: -moz-linear-gradient(to bottom, #fa915f, #ff7b06);
  background: linear-gradient(to bottom, #fa915f, #ff7b06);
}
.sec03-main{
  padding: .05rem 0 0;
}
.sec03-main-box{
  height: 4.26rem;
  background: url(../images/szimg5.png) no-repeat center top;
  background-size: auto 4.26rem;
  margin-bottom: .5rem;
}
.sec03-main-box>div{
  display: inline-block;
  float: left;
}
.s3L{
  width: 2.37rem;
  margin-left: .92rem;
  margin-top: .57rem;
}
.s3L img{
  width: 100%;
}
.s3Z {
  width: 4.46rem;
  margin-top: .9rem;
  margin-left: .2rem;
  text-align: left;
}
.s3Zt2{
  display: inline-block;
  margin-top: .2rem;
}
.s3Zt2>div{
  display: inline-block;
  float: left;
}
.s3sjL{
  width: 1.1rem;
}
.s3sjL img{
  width: 100%;
}
.s3sjR{
  margin-top: .12rem;
}
.s3sjR .p1{
  font-size: .22rem;
  font-weight: bold;
  color: #333;
  text-align: left;
  margin-bottom: -.04rem;
}
.s3sjR .p1 img {
  width: 1.47rem;
  vertical-align: middle;
}
.s3sjR .p2 {
  font-size: .22rem;
  font-weight: bold;
  color: #333;
}
.s3sjR .sp1{
  font-size: .4rem;
  color: #f05206;
  display: inline-block;
}
.s3sjR .sp2{
  font-weight: inherit;
  text-align: left;
}
.s3Zt3{
  display: inline-block;
  width: 100%;
  margin-top: .05rem;
}
.s3Zt3 a{
  display: inline-block;
  width: 2.3rem;
  height: .55rem;
  line-height: .55rem;
  font-size: .27rem;
  font-weight: bold;
  color: #fff;
  border-radius: 1rem;
  border: .01rem solid #fff;
  background: #ee2510;
  background: -webkit-linear-gradient(to bottom, #fc513f, #ee2510);
  background: -o-linear-gradient(to bottom, #fc513f, #ee2510);
  background: -moz-linear-gradient(to bottom, #fc513f, #ee2510);
  background: linear-gradient(to bottom, #fc513f, #ee2510);
  box-shadow: 0 .04rem .1rem rgba(244,39,39,0.6);
  text-align: center;
}
.s3R{
  width: 2.27rem;
  margin-top: 1.48rem;
  margin-left: -.1rem;
  animation: move 1s infinite alternate ease-in-out;
}
.s3R img{
  width: 100%;
}
/*sec06*/
.sec06-main{
  padding: .06rem 0 0;
  position: relative;
}
.sec06-main-box{
  display: inline-block;
  width: 100%;
  height: 6.09rem;
  background: url(../images/s6B.png) no-repeat .04rem top;
  background-size: auto 6.09rem;
  border-radius: inherit;
  border-top: inherit;
  box-shadow: inherit;
  padding-bottom: inherit;
}
.s6Tit{
  width: 5.43rem;
  float: left;
  margin-left: .68rem;
  margin-top: .38rem;
}
.s6Tit img{
  width: 100%;
}
.sec06-main ul{
  display: inline-block;
  width: 91%;
  margin-top: .51rem;
}
.sec06-main ul li{
  width: 2.94rem;
  height: 4.18rem;
  background: url("../images/s6_lbg.png") no-repeat center top;
  background-size: auto 4.18rem;
  display: inline-block;
  float: left;
}
.sec06-main ul li:nth-of-type(2){
  width: 3.74rem;
  background: url(../images/s6_lbg1.png) no-repeat center top;
  background-size: auto 4.18rem;
  margin: 0 .16rem;
}
.sec06-main ul li h3{
  display: inline-block;
  width: 100%;
  height: .42rem;
  background: url("../images/s6xian.png") no-repeat center bottom;
  background-size: 2.21rem;
  margin-top: .38rem;
}
.sec06-main ul li h3 img{
  height: .29rem;
}
.s6-m>p{
  font-size: .2rem;
  color: #333;
  text-align: left;
  line-height: .3rem;
  margin-top: .21rem;
}
.s6-m .p1{
  margin-left: .52rem;
}
.s6-m .p2{
  margin-left: .24rem;
}
.s6-m .p3{
  margin-left: .62rem;
  margin-top: .1rem;
  margin-bottom: -.15rem;
}
.s6-m>img{
  height: 2.18rem;
}
.s6shu{
  position: absolute;
  right: 2.5rem;
  top: 0;
  animation: move 1s infinite alternate ease-in-out;
}


/*sec08*/
.sec08-main-box{
  height: 3.74rem; background: url(../images/s8_mbg.png) no-repeat center / 100%; display: flex; justify-content: flex-start;
}
.s8-l{
  width: 7.2rem; position: relative;
}
.s8-l ul li{
  font-size: .26rem; box-sizing: border-box; position: absolute;
}
.s8-l ul li:nth-child(1){
  width: 2.25rem; height: .56rem;line-height: .56rem; color: #075856; box-sizing: border-box;
  background: #cff9f6;
  background: -webkit-linear-gradient(to right, #cff9f600, #cff9f6, #cff9f600);
  background: -o-linear-gradient(to right, #cff9f600, #cff9f6, #cff9f600);
  background: -moz-linear-gradient(to right, #cff9f600, #cff9f6, #cff9f600);
  background: linear-gradient(to right, #cff9f600, #cff9f6, #cff9f600);
  top: .48rem; left: .12rem;
}
.s8-l ul li:nth-child(2){
  width: 2.4rem; height: .5rem; line-height: .5rem; color: #541a03;
  background: #fed0bc;
  background: -webkit-linear-gradient(to right, #fed0bc00, #fed0bc, #fed0bc00);
  background: -o-linear-gradient(to right, #fed0bc00, #fed0bc, #fed0bc00);
  background: -moz-linear-gradient(to right, #fed0bc00, #fed0bc, #fed0bc00);
  background: linear-gradient(to right, #fed0bc00, #fed0bc, #fed0bc00);
  left: 3.7rem; top: .48rem;
}
.s8-l ul li:nth-child(3){
  width: 1.82rem; height: .98rem; color: #1f2655; padding-top: .15rem;
  background: #d1d5ff;
  background: -webkit-linear-gradient(to right, #fed0bc00, #d1d5ff, #fed0bc00);
  background: -o-linear-gradient(to right, #fed0bc00, #d1d5ff, #fed0bc00);
  background: -moz-linear-gradient(to right, #fed0bc00, #d1d5ff, #fed0bc00);
  background: linear-gradient(to right, #fed0bc00, #d1d5ff, #fed0bc00);
  top: 2.24rem; left: .28rem;
  z-index: 1;
}
.s8-l ul li:nth-child(4){
  width: 2.35rem; height: .98rem; color: #3b056a; padding-top: .13rem;
  background: #e2d0ff;
  background: -webkit-linear-gradient(to right, #fed0bc00, #e2d0ff, #fed0bc00);
  background: -o-linear-gradient(to right, #fed0bc00, #e2d0ff, #fed0bc00);
  background: -moz-linear-gradient(to right, #fed0bc00, #e2d0ff, #fed0bc00);
  background: linear-gradient(to right, #fed0bc00, #e2d0ff, #fed0bc00);
  top: 1.68rem; left: 4.34rem;
}
.s8-l img{
  margin-top: 1.02rem; margin-left: 1.46rem; display: block;
}
.s8-r{
  margin-top: .72rem;
}
.s8-r p{
  width: 2.78rem; height: .4rem; line-height: .4rem; border-radius: .2rem; font-size: .18rem; color: #fff; margin-top: .12rem;
  background: #db4e0a;
  background: -webkit-linear-gradient(to right, #db4e0a, #f26928);
  background: -o-linear-gradient(to right, #db4e0a, #f26928);
  background: -moz-linear-gradient(to right, #db4e0a, #f26928);
  background: linear-gradient(to right, #db4e0a, #f26928);
}

/*sec09*/
.sec09-main-box{
  padding-top: .25rem; padding-bottom: .25rem;
  background: #fff;
  background: -webkit-linear-gradient(to right, #fff, #fce7dc);
  background: -o-linear-gradient(to right, #fff, #fce7dc);
  background: -moz-linear-gradient(to right, #fff, #fce7dc);
  background: linear-gradient(to right, #fff, #fce7dc);
}
.sec09-main table{
  width: 10.16rem; margin: 0 auto;
}
.sec09-main .thead{
  background: #db4e0a;
}
.sec09-main tr th{
  height: .5rem; line-height: .5rem; font-size: .22rem; color: #fff; font-weight: bold; border-right: .01rem solid #fff;
}
.sec09-main tr th:nth-child(1){
  width: .7rem; border-radius: .1rem 0 0 0;
}
.sec09-main tr th:nth-child(2){
  width: 1.76rem;
}
.sec09-main tr th:nth-child(3){
  width:2.2rem;
}
.sec09-main tr th:last-child{
  width: 1.8rem; border-radius: 0 .1rem 0 0; border-right: none;
}
.sec09-main tr.h20{
  height: .06rem;
}
.sec09-main tr.h20 td{
  background: none; padding: 0;
}
.sec09-main tr td{
  background: #fff; font-size: .16rem; line-height: .24rem; text-align: left; padding: .2rem; border-right: .01rem solid #cfcfcf;
}
.sec09-main tr.tr-m td:nth-child(1){
  font-size: .26rem; color: #fff; font-weight: bold; text-align: center; line-height: .3rem; border-radius: .1rem 0 0 .1rem;
  background: #fe7433;
  background: -webkit-linear-gradient(to bottom, #fe7433, #f65507);
  background: -o-linear-gradient(to bottom, #fe7433, #f65507);
  background: -moz-linear-gradient(to bottom, #fe7433, #f65507);
  background: linear-gradient(to bottom, #fe7433, #f65507);
}
.sec09-main tr td:last-child{
  border-right: none; border-radius: 0 .1rem .1rem 0;
}
.sec09-main tr td b{
  font-weight: bold; display: inline-block;
}
.sec09-main tr td span{
  display: inline-block; vertical-align: top;
}

/* sec10 */
.sec10{
  margin-bottom: 1rem;
}
.sec10-main ul{
  display: flex; justify-content: center;
}
.sec10-main ul li{
  width: 2.1rem; height: 2.74rem; border-radius: .1rem; margin: 0 .22rem; padding-top: .2rem; box-sizing: border-box;
  background: #db4e0a;
  background: -webkit-linear-gradient(to bottom, #db4e0a, #f97508);
  background: -o-linear-gradient(to bottom, #db4e0a, #f97508);
  background: -moz-linear-gradient(to bottom, #db4e0a, #f97508);
  background: linear-gradient(to bottom, #db4e0a, #f97508);
}
.sec10-main ul li span{
  font-size: .18rem; color: #fff; display: block; text-align: center; margin-top: .16rem; line-height: .26rem;
}
.sec10-main ul li span b{
  font-size: .2rem; font-weight: bold;
}


  /* 弹窗 */
.mask {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  background: rgba(0, 0, 0, .8);
  display: none;
}
.popup {
  width: 4rem;
  z-index: 9;
  border-radius: .2rem;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.popup .close {
  display: block;
  width: .5rem;
  position: absolute;
  top: -.65rem;
  right: 0;
}

.popup h3 {
  width: 100%;
  height: .9rem;
  line-height: .9rem;
  text-align: center;
  font-size: .36rem;
  letter-spacing: .01rem;
  color: #fff;
  font-weight: bold;
  margin: 0 auto;
  border-radius: .2rem .2rem 0 0;
  background: #db4e0a;
  background: -webkit-linear-gradient(to bottom, #db4e0a, #f97508);
  background: -o-linear-gradient(to bottom, #db4e0a, #f97508);
  background: -moz-linear-gradient(to bottom, #db4e0a, #f97508);
  background: linear-gradient(to bottom, #db4e0a, #f97508);
}
.popup-m {
  width: 100%;
  margin: 0 auto;
  padding: .4rem 0;
  box-sizing: border-box;
  text-align: center;
  border-radius:0 0 .22rem .22rem;
  background: #fff;
  box-shadow: inset 0 0 .4rem #fcc4a9;
}
.popup-p {
  width: 88%;
  text-align: center;
  line-height: 0.36rem;
  margin: -0.25rem auto .1rem;
  font-size: .24rem;
  color: #666666;
  text-align: center;
}
.popup-img {
  width: 2.4rem;
}
.popBtn {
  width: 2.6rem; height: .6rem; line-height: .6rem; border: .01rem solid #fff; border-radius: .33rem; box-sizing: border-box; font-size: .26rem; color: #fff; font-weight: bold; text-shadow: 0 .02rem .02rem #e94040; display: block; text-align: center; margin: -0.36rem auto 0;
  background: #ff8484; 
  background: -webkit-linear-gradient(to bottom, #ff8484, #ea4848);
  background: -o-linear-gradient(to bottom, #ff8484, #ea4848);
  background: -moz-linear-gradient(to bottom, #ff8484, #ea4848);
  background: linear-gradient(to bottom, #ff8484, #ea4848);
}
/* 预约提示 */
.sp1{ color: #f05206; font-weight: bold;display: block}



/*侧边悬停*/
.lfNav{position: fixed;width:174px; height:461px; display: block; background: url(../images/fixedNavBg.png) no-repeat center;top:28%; left:20px;z-index:9;}
.lfNav .close{position:absolute;top:-8px; right:0px; height:30px; width:30px; }
.lfNav .close img{width: 100%;}
.mt185{margin-top:135px;}
.nav-bg{
  height:40px; line-height: 40px; display: block; text-align: center; margin-bottom: 1px; margin-left: 3px; box-sizing: border-box;
}
.nav-bg:hover{
  font-weight: bold;
}
.nav-bg a{
  width:100%; height:100%; display: block; margin:auto; font-size: 20px; color: #fff;
}
.nav-bg a:hover{
	color: #fff2d8; font-weight: 600;
}
.left_top{
  width:151px; height:40px;display: block;float:left;margin-left:22px;margin-top: 10px;
}

/*左右移动1*/
@keyframes moveX1{  0%{transform: translateX(10px);opacity: .4}  100%{transform: translateX(-10px);opacity: 1}}
@-o-keyframes moveX1{  0%{transform: translateX(10px);opacity: .4}  100%{transform: translateX(-10px);opacity: 1}}
@-moz-keyframes moveX1{  0%{transform: translateX(10px);opacity: .4}  100%{transform: translateX(-10px);opacity: 1}}
@-webkit-keyframes moveX1{  0%{transform: translateX(10px);opacity: .4}  100%{transform: translateX(-10px);opacity: 1}}
/*左右移动2----opcity*/
@keyframes moveX2{  0%{transform: translateX(-10px);opacity: .4}  100%{transform: translateX(10px);opacity: 1}}
@-o-keyframes moveX2{  0%{transform: translateX(-10px);opacity: .4}  100%{transform: translateX(10px);opacity: 1}}
@-moz-keyframes moveX2{  0%{transform: translateX(-10px);opacity: .4}  100%{transform: translateX(10px);opacity: 1}}
@-webkit-keyframes moveX2{  0%{transform: translateX(-10px);opacity: .4}  100%{transform: translateX(10px);opacity: 1}}