html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
a img {
  border: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main {
  display: block;
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]),
[hidden] {
  display: none;
}
body {
  font-family: Microsoft Yahei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 320px;
}
#__bs_notify__ {
  display: none !important;
}
.animated {
  display: block;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.content {
  width: 1rem;
  height: 1.5rem;
  left: 50%;
  top: 50%;
  margin: -0.75rem 0 0 -0.5rem;
  position: absolute;
}
.pages {
  position: relative;
  background-color: #7DD7FF;
}
.pages div {
  position: absolute;
  background-size: 100% !important;
}
.pages section[data-id="1"] .content .t1 {
  background: url("../images/title.png") no-repeat left top;
  width: 0.90208333rem;
  height: 0.115625rem;
  left: 0.046875rem;
  top: 0.21979167rem;
}
.pages section[data-id="1"] .content .t2 {
  background: url("../images/s_title.png") no-repeat left top;
  width: 0.83958333rem;
  height: 0.1rem;
  left: 0.07916667rem;
  top: 0.41145833rem;
}
.pages section[data-id="1"] .content .car {
  background: url("../images/car.png") no-repeat left top;
  width: 0.14166667rem;
  height: 0.10833333rem;
  left: 0.18125rem;
  top: 0.821875rem;
}
.pages section[data-id="1"] .content .people {
  background: url("../images/people.png") no-repeat left top;
  width: 0.125rem;
  height: 0.128125rem;
  left: 0.77083333rem;
  top: 0.78020833rem;
}
.pages section[data-id="1"] .content .lupai {
  background: url("../images/lupai.png") no-repeat left top;
  width: 0.06458333rem;
  height: 0.12395833rem;
  left: 0.10416667rem;
  top: 0.91354167rem;
}
.pages section[data-id="1"] .content .guapai {
  background: url("../images/nr1.png") no-repeat left top;
  width: 0.83854167rem;
  height: 0.13333333rem;
  left: 0.08020833rem;
  top: 0.99270833rem;
}
.pages section[data-id="1"] .content .jieshao {
  background: url("../images/nr2.png") no-repeat left top;
  width: 0.91145833rem;
  height: 0.10729167rem;
  left: 0.04270833rem;
  top: 1.18958333rem;
}
.pages section[data-id="1"] .content .bg {
  background: url("../images/banner_top.png") no-repeat left top;
  width: 1rem;
  height: 0.99270833rem;
  right: 0rem;
  top: 0rem;
}
.pages section[data-id="2"] .content,
.pages section[data-id="3"] .content {
  height: 100%;
  top: 0;
  margin-top: 0;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.pages section[data-id="2"] .content .wc,
.pages section[data-id="3"] .content .wc {
  position: relative;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pages section[data-id="2"] .content .title,
.pages section[data-id="3"] .content .title {
  font-size: 0.040625rem;
  height: 0.09895833rem;
  width: 100%;
  color: #ffffff;
  background: #49bce3;
}
.pages section[data-id="2"] .content .s-title,
.pages section[data-id="3"] .content .s-title {
  font-size: 0.02708333rem;
  height: 0.06354167rem;
  width: 100%;
  background: #90d7ed;
  color: #196585;
}
.pages section[data-id="2"] .content .map,
.pages section[data-id="3"] .content .map {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #f3f0eb;
}
.pages section[data-id="2"] .content .map .map-nr,
.pages section[data-id="3"] .content .map .map-nr {
  background: url("../images/map.jpg") no-repeat 0 0;
  position: relative;
  width: 1rem;
  height: 1.19791667rem;
}
.pages section[data-id="2"] .content .map .point,
.pages section[data-id="3"] .content .map .point {
  background: url("../images/store_ico.png");
  display: block;
  position: absolute;
  cursor: pointer;
  height: 0.07916667rem;
  width: 0.07291667rem;
  margin-top: -0.07916667rem;
  margin-left: -0.03541667rem;
  left: 0;
  top: 0;
  background-size: 100% 100%;
}
.pages section[data-id="2"] .content .map .point:hover,
.pages section[data-id="3"] .content .map .point:hover,
.pages section[data-id="2"] .content .map .point.active,
.pages section[data-id="3"] .content .map .point.active {
  background-image: url("../images/store_ico_hover.png");
}
.pages section[data-id="2"] .content .bm-btn,
.pages section[data-id="3"] .content .bm-btn {
  height: 0.1375rem;
  font-size: 0.03645833rem;
  color: #ffffff;
  background: #49bce3;
  width: 100%;
}
.pages section[data-id="2"] .float-panel,
.pages section[data-id="3"] .float-panel {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: rgba(0, 0, 0, 0.6);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pages section[data-id="2"] .float-panel div,
.pages section[data-id="3"] .float-panel div {
  position: static;
}
.pages section[data-id="2"] .float-panel .panel,
.pages section[data-id="3"] .float-panel .panel {
  position: static;
  width: 0.72916667rem;
  padding: 0.05208333rem;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  background: #ffffff;
  border: 0.00104167rem solid #cccccc;
  border-radius: 0.01041667rem;
}
.pages section[data-id="2"] .float-panel .panel .name,
.pages section[data-id="3"] .float-panel .panel .name {
  text-align: center;
  font-size: 0.0625rem;
  color: #2aa3cc;
  border-bottom: 0.00104167rem solid #cccccc;
  padding-bottom: 0.03125rem;
}
.pages section[data-id="2"] .float-panel .panel .head,
.pages section[data-id="3"] .float-panel .panel .head {
  font-size: 0.04166667rem;
  color: #2aa3cc;
  padding-top: 0.03125rem;
}
.pages section[data-id="2"] .float-panel .panel .js,
.pages section[data-id="3"] .float-panel .panel .js {
  line-height: 0.07291667rem;
  font-size: 0.04166667rem;
  padding-top: 0.015625rem;
}
.pages section[data-id="2"] .float-panel .panel .js a,
.pages section[data-id="3"] .float-panel .panel .js a {
  color: #333333;
  margin-right: 0.02083333rem;
  text-decoration: none;
}
.pages section[data-id="2"] .float-panel .panel .js a:hover,
.pages section[data-id="3"] .float-panel .panel .js a:hover {
  color: #df5643;
  text-decoration: underline;
}
.pages section[data-id="2"] .parallax-arrow,
.pages section[data-id="3"] .parallax-arrow {
  display: none;
}
.pages section[data-id="3"] {
  background: #ffffff;
}
.pages section[data-id="3"] .content .liucheng {
  width: 100%;
  padding: 0.02083333rem;
  background: #ffffff;
}
.pages section[data-id="3"] .content .liucheng .lcnr {
  position: static;
  text-align: left;
  text-indent: 0.03125rem;
  width: 0.9375rem;
  line-height: 0.08333333rem;
  background: url("../images/liucheng_ico.png") #ffffff no-repeat 0 50%;
  background-size: 0.02708333rem 0.19375rem !important;
  font-size: 0.03125rem;
}
.pages section[data-id="3"] .content .bm {
  background: #ffffff;
  width: 100%;
}
.pages section[data-id="3"] .content form {
  width: 0.859375rem;
  margin: 0 auto;
  padding: 0.10416667rem 0;
  *zoom: 1;
}
.pages section[data-id="3"] .content form div {
  position: static;
}
.pages section[data-id="3"] .content form:before,
.pages section[data-id="3"] .content form:after {
  display: table;
  content: "";
}
.pages section[data-id="3"] .content form:after {
  clear: both;
}
.pages section[data-id="3"] .content form .form-group {
  margin-bottom: 0.03125rem;
  line-height: 0.109375rem;
  *zoom: 1;
}
.pages section[data-id="3"] .content form .form-group:before,
.pages section[data-id="3"] .content form .form-group:after {
  display: table;
  content: "";
}
.pages section[data-id="3"] .content form .form-group:after {
  clear: both;
}
.pages section[data-id="3"] .content form .form-group span {
  float: left;
  font-size: 0.05208333rem;
  width: 0.16927083rem;
  color: #126486;
}
.pages section[data-id="3"] .content form .form-group input,
.pages section[data-id="3"] .content form .form-group select,
.pages section[data-id="3"] .content form .form-group button {
  float: right;
  height: 0.09375rem;
  font-size: 0.046875rem;
  width: 0.6640625rem;
  background: #ffffff;
  border-radius: 0;
  border: 1px solid #ccc;
  outline: none;
}
.pages section[data-id="3"] .content form .form-group button {
  background: #8AC437;
  color: #ffffff;
  float: right;
  font-size: 0.05208333rem;
  border-radius: 0.01041667rem;
  border-bottom: 0.01041667rem solid #6ca322;
}
.pages section[data-id="3"] .content form .form-group button.disabled {
  background: #666;
}
.pages section[data-id="3"] .content form .tel {
  text-align: right;
  font-size: 0.0390625rem;
  width: 0.6640625rem;
  float: right;
  margin: 0.02604167rem 0 0;
  color: #49bde3;
  background: url("../images/tel_ico.jpg") no-repeat 0 50%;
  background-size: auto 90% !important;
}
.pages section[data-id="3"] .content form .tel span {
  font-size: 0.0625rem;
  color: #ee5b24;
  font-weight: bold;
}
