@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:18.75rem; 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:.75rem; 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 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: #d74032; font-size:.7rem; line-height: 1.75rem; text-align: center;transition: all .3s;}
.btn01:hover{background:rgba(255,255,255,.95);color: #d74032;}
.btn02{display: block; width:16.25rem; height:2.25rem; margin:0 auto; cursor: pointer;background:rgba(254, 90, 61, .85); border: none; border-radius: 2.25rem;background: linear-gradient(150deg, rgba(254, 90, 61, .85) , rgba(236, 56, 57, .85), rgba(236, 56, 57, 1), rgba(254, 90, 61, 1) ) 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: #d74032; font-size: 1rem; font-weight: 400; line-height:1.2rem; text-align: center;text-shadow: 0 0 .025rem #d74032;}
.box01{margin-top: 1rem; margin-bottom: 2.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 .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(254, 90, 61, .15) inset;border-color:rgba(254, 90, 61, .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 2.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:18.65rem;*/ margin: 1.5rem auto 0;background:#f7f9fa; border-radius:.5rem; box-shadow: 0 .1rem .25rem rgba(0, 0, 0, .15);text-align: center;}
.box03 dl{position: relative; float: left; width:4.8rem; overflow: hidden;line-height: 1.65rem;}
.box03 dt{background: #f4e6e6;font-weight: 800;}
.box03 dd{border-top:.15rem solid #fff;}
.box03 .list01{border-radius:.5rem 0 0 .5rem;}
.box03 .list02{position: relative; top:-.55rem;float: left; width:6.65rem; z-index: 1;background:rgba(254, 90, 61, .85);background: linear-gradient(150deg, rgba(254, 90, 61, .85) , rgba(236, 56, 57, .85) ) 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.75rem;}
.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(255, 162, 136, .15);}
.box04 li:nth-child(2n){background: rgba(255, 162, 136, .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: #d74032;color: #d74032;}
.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;}
.ntalk-window-containter{top: 50%!important;left:50% !important;margin-left: -207px !important;margin-top: -300px !important;}
.ntalk-window-containter{box-shadow: 0 0 24px 0 rgba(15,66,76,.25);border: 1px solid #ebeff0\9;}
.chat-header-body{background: #1cb189 !important;border: none !important;height: 55px !important;top: 0 !important;width: 100% !important;}
.body-chat-containter{border: none !important;/* width: 100% !important; */}
.window-right-body{border: none !important;}
td.view-history-content{background-color: #e9f0ef !important;border: none !important;position: relative !important;}
.chat-header-icon{border-radius: 90px !important;border: none !important;left: 5px !important;top: 6px !important;width: 40px !important;height: 40px !important;}
span.chat-header-name{margin-left: 61px !important;}
table.view-history-left td.view-history-content:before{left: -12px; border-width: 0 12px 12px 0; width: 0; position: absolute; top: 12px; border-style: solid; border-color: transparent #f0f0f0; content: "";}
.view-history-angle{display: none;}
.ntalk-button-close{margin-top: 5px !important;/* display: none; */}
.ntalk-button-maxresize{margin-top: 5px !important;}
.ntalk-button-min{margin-top: 5px !important;}
span.chat-header-name{/* margin: 15px 0px 10px 65px !important; */}
textarea{box-shadow: rgb(170, 170, 170) 0px 0px 1px inset !important; height: 70px!important;}
table.view-history-right td.view-history-content:before{right: -12px;border-width: 0 0 12px 12px;width: 0;position: absolute;top: 12px;border-style: solid;border-color: transparent #f0f0f0;content: "";}
.chat-header-icon{background: url(http://ah.huatu.com/zt/weixin/images/wxlogo.png) no-repeat center !important;background-size: 100% !important;}
.chat-header-icon img{display: none;}
.body-chat-tags{border: none !important; border-right: 1px solid rgb(233, 240, 239) !important;}
span.chat-header-sign{/* margin-top: 15px !important; */color: #ff0 !important;}
.ui-entrance-container.ui-entrance{display: none;}
.chat-view-window-header-back>div{opacity:1 !important;}
.chat-view-window-header-back>div>div:after{content:'X' !important; width: 30px; height: 30px; border-radius: 100%; background: #fff; font-size: 16px; line-height: 30px; display: block; text-align: center; color: #f00;}
div#wrapper ul{width: 100% !important;}
.view-scrollBox{left: 594px !important;}
/* 通用底部 */
.footer{background: #333;color:#fff; font-size: .7rem; line-height: 2rem; text-align: center;}
/* 右侧悬浮 */
.xfRight{position:fixed; left:50%; bottom:5%; z-index: 22; overflow: hidden; box-sizing: border-box;width:6rem; height:8.275rem; margin-left:3.375rem;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(254, 90, 61, .85);background: linear-gradient(90deg, rgba(254, 90, 61, .85) , rgba(236, 56, 57, .85) );}
.xfRight:after{position: absolute; width: 100%; bottom:0;content: " "; display: block; height: .05rem;background:rgba(254, 90, 61, .85);background: linear-gradient(90deg, rgba(254, 90, 61, .85) , rgba(236, 56, 57, .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:#d74032; font-size:.9rem; line-height:1rem; text-align: center;}
.xfRight p{width: 5rem; padding-bottom:.5rem ; margin:.35rem auto;border-bottom: .05rem solid #fe735a;color:#d74032; font-size:.6rem; line-height:.6rem; text-align: center;}
.xfRight h5{color:#d74032; font-size:.6rem; font-weight: 400; line-height:.6rem; text-align: center;}
.xfRight .telInput{display: 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(254, 90, 61, .85) ;}
.xfRight .btn02{width:5rem; height:1.25rem;font-size:.6rem; line-height: 1.25rem;}
/* 预约弹窗 */
.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: 16rem;padding: 0 1rem;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:1rem; 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(254, 90, 61, .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(254, 90, 61, .85); border: none; border-radius: 2.25rem;background: linear-gradient(150deg, rgba(254, 90, 61, .85) , rgba(236, 56, 57, .85), rgba(236, 56, 57, 1), rgba(254, 90, 61, 1) ) 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:1.2rem; color: #f11d36; font-size:.6rem; line-height:1.2rem; text-indent:.525rem;}
.yuyueBtn{width:100%; margin-top:.25rem;}
/* 预约弹窗 end */
@media only all and ( min-width:1080px){/* 预约弹窗 */.xfOrder{width:570px; height:440px; padding:30px 45px 0; margin-left: -290px; margin-top:-270px;}.xfOrder h3{margin-bottom: 40px; 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:34px; font-size:14px; line-height:34px; text-indent: 15px;}.yuyueBtn{height:58px; margin-top:10px; font-size:24px; line-height:58px;}/* 预约弹窗 end */}