html, body {
  width: 100%;
  overflow-x: hidden;
  padding: 0;
  margin: 0;
  font-family: "Microsoft YaHei", "Microsoft JhengHei", STHeiti, MingLiu, sans-serif;
  font-size: 20px;
  color: #333;
  -webkit-font-smoothing: antialiased; }

p, h1, h2, h3, h4, h5, h6, a {
  margin: 0;
  padding: 0; }

ul {
  list-style: none;
  padding: 0;
  margin: 0; }

.tr {
  text-align: right; }

.tl {
  text-align: left; }

.tc {
  text-align: center; }

.fl {
  float: left; }

.fr {
  float: right; }

.btn {
  line-height: 2em;
  padding: 0 10px;
  border: none;
  background: none;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  text-align: center;
  -webkit-transition: background 500ms ease;
  -moz-transition: background 500ms ease;
  -ms-transition: background 500ms ease;
  -o-transition: background 500ms ease;
  transition: background 500ms ease; }
  .btn.btn-yellow {
    background: #632528;
    color: #fff; }
    .btn.btn-yellow:hover {
      background: #f3d949;
      color: #632528; }
  .btn.btn-blue {
    background: #376bb6;
    color: #fff; }
    .btn.btn-blue:hover {
      background: #66d0c7; }
  .btn.btn-blue-rv {
    background: #66d0c7;
    color: #fff; }
    .btn.btn-blue-rv:hover {
      background: #376bb6; }
  .btn.btn-yellow-rv {
    background: #632528;
    color: #fff; }
    .btn.btn-yellow-rv:hover {
      background: #f3d949;
      color: #632528; }
  .btn.btn-red {
    background: #376bb6;
    color: #fff;
    border: 1px solid #376bb6; }
    .btn.btn-red:hover {
      background: #fff;
      color: #ff6744; }

.icon {
  display: inline-block; }

.icon-down {
  background: url("../images/im-tog.png") no-repeat;
  width: 14px;
  height: 6px; }

/*============================================================================*/
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .ng-hide {
  display: none !important; }

ng\:form {
  display: block; }

.ng-animate-start {
  clip: rect(0, auto, auto, 0);
  -ms-zoom: 1.0001; }

.ng-animate-active {
  clip: rect(-1px, auto, auto, 0);
  -ms-zoom: 1; }

html, body {
  color: #373737;
  background: #ffffff;
  text-align: center; }

html {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%; }

a {
  color: inherit;
  text-decoration: none; }
  a:-webkit-any-link {
    color: inherit;
    text-decoration: none; }

.banner-bg {
  background: url("../images/m-banner.jpg") no-repeat center;
  background-size: cover;
  position: relative; }
  .banner-bg .m-logo {
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px; }
  .banner-bg .banner {
    width: 100%; }

.banner-txt1 {
  font-size: 1rem;
  line-height: 2em;
  background: #eceff8;
  color: #e5010c; }

.but1 {
  width: 100%;
  text-align: center;
  padding-top: 1rem;
  background: #eceff8;
  padding-bottom: 2rem; }
  .but1 img {
    width: 70%; }

.p1 {
  width: 100%;
  height: 37rem;
  border-radius: 10px;
  display: inline-block;
  background: #ffffff; }
  .p1 .content-title {
    margin-bottom: 0.5rem;
    margin-top: 1.5rem; }
    .p1 .content-title img {
      width: 7.7rem; }
    .p1 .content-title .title {
      font-size: 1rem;
      font-weight: bold; }
      .p1 .content-title .title strong {
        color: #de2f0d; }
    .p1 .content-title .l-title {
      font-size: 0.3rem;
      line-height: 1.6em; }
  .p1 .p1-contents {
    width: 100%;
    display: inline-block;
    text-align: center;
    position: relative; }
    .p1 .p1-contents .p1-content1 {
      width: 100%;
      height: 5rem;
      display: inline-block;
      position: relative;
      background-size: cover; }
      .p1 .p1-contents .p1-content1 .title1 {
        font-size: 0.9rem;
        color: #333333;
        font-weight: 600;
        display: inline-block;
        position: relative; }
        .p1 .p1-contents .p1-content1 .title1 .title-bg-q {
          position: absolute;
          bottom: -3px;
          left: -6px;
          width: 0.65rem;
          height: 0.65rem; }
        .p1 .p1-contents .p1-content1 .title1 .title-bg-h {
          position: absolute;
          top: 0;
          right: -10px;
          width: 0.8rem;
          height: 0.85rem; }
      .p1 .p1-contents .p1-content1 .txt {
        width: 7rem;
        font-size: 0.2rem;
        color: #49277c;
        line-height: 1.4em;
        position: absolute;
        left: 10.5rem;
        top: 0.5rem;
        text-align: left; }
      .p1 .p1-contents .p1-content1 .bottom {
        text-align: center;
        font-size: 0.7rem;
        line-height: 1.6em;
        color: #212121;
        margin-top: 1.5rem; }
        .p1 .p1-contents .p1-content1 .bottom img {
          width: 1rem;
          display: inline-block;
          vertical-align: text-top;
          margin-right: 0.2rem; }
        .p1 .p1-contents .p1-content1 .bottom .right {
          margin-right: 1rem; }
    .p1 .p1-contents .line {
      width: 100%; }
    .p1 .p1-contents .p1-content2 {
      width: 100%;
      height: 7rem;
      display: inline-block;
      position: relative;
      background-size: cover;
      margin-top: 1rem; }
      .p1 .p1-contents .p1-content2 .title1 {
        font-size: 0.9rem;
        color: #333333;
        font-weight: 600;
        display: inline-block;
        position: relative; }
        .p1 .p1-contents .p1-content2 .title1 .title-bg-q {
          position: absolute;
          bottom: -3px;
          left: -6px;
          width: 0.65rem;
          height: 0.65rem; }
        .p1 .p1-contents .p1-content2 .title1 .title-bg-h {
          position: absolute;
          top: 0;
          right: -10px;
          width: 0.8rem;
          height: 0.85rem; }
      .p1 .p1-contents .p1-content2 .txt {
        width: 7rem;
        font-size: 0.2rem;
        color: #49277c;
        line-height: 1.4em;
        position: absolute;
        left: 10.5rem;
        top: 0.5rem;
        text-align: left; }
      .p1 .p1-contents .p1-content2 .bottom {
        margin-top: 1.5rem;
        height: 5rem; }
        .p1 .p1-contents .p1-content2 .bottom .box1 {
          width: 22%;
          height: 1.2rem;
          display: inline-block;
          position: relative;
          margin: 0.4rem; }
          .p1 .p1-contents .p1-content2 .bottom .box1 img {
            width: 100%;
            position: absolute;
            left: 0;
            top: 0; }
          .p1 .p1-contents .p1-content2 .bottom .box1 span {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            font-size: 0.7rem;
            display: inline-block;
            line-height: 1.7em;
            color: #ffffff; }
        .p1 .p1-contents .p1-content2 .bottom .top {
          margin-top: 1rem; }
  .p1 .p1-contents-2 {
    background: url(../images/bg3.png) no-repeat center;
    background-size: cover;
    height: 14.5rem;
    margin-top: 2rem;
    padding-top: 0.3rem;
    width: 100%;
    float: right; }
    .p1 .p1-contents-2 .p1-content1 {
      width: 100%;
      height: 5rem;
      display: inline-block;
      position: relative;
      background-size: cover;
      margin-top: 1rem; }
      .p1 .p1-contents-2 .p1-content1 .bottom {
        height: 5rem;
        position: absolute;
        left: 1.9rem;
        width: 90%; }
        .p1 .p1-contents-2 .p1-content1 .bottom .box1 {
          width: 28%;
          height: 3.6rem;
          display: inline-block;
          position: relative;
          left: -2.7rem;
          margin-right: 0.2rem; }
          .p1 .p1-contents-2 .p1-content1 .bottom .box1 img {
            width: 100%;
            position: absolute; }
          .p1 .p1-contents-2 .p1-content1 .bottom .box1 .txt1 {
            position: absolute;
            width: 100%;
            font-size: 0.64rem;
            display: inline-block;
            /*line-height: 1.6em;*/
            color: #e32e2d; }
          .p1 .p1-contents-2 .p1-content1 .bottom .box1 .txt2 {
            position: absolute;
            top: 1.2rem;
            width: 100%;
            font-size: 0.64rem;
            display: inline-block;
            line-height: 1.6em;
            color: #ffffff; }
        .p1 .p1-contents-2 .p1-content1 .bottom .top {
          margin-top: 1rem; }

.footer {
  height: 5rem; }
  .footer .txt {
    font-size: 1rem;
    color: #ffffff;
    line-height: 4em; }
  .footer .but2 {
    height: 2rem; }
    .footer .but2 img {
      width: 8rem; }
    .footer .but2 .right {
      margin-right: 0.5rem; }

#doyoo_panel {
  display: none !important; }

.content-box {
  opacity: 0;
  transition: all ease 1000ms;
  -ms-transition: all ease 1000ms;
  /* IE 9 */
  -moz-transition: all ease 1000ms;
  /* Firefox */
  -webkit-transition: all ease 1000ms;
  /* Safari ?? Chrome */
  -o-transition: all ease 1000ms;
  /* Opera */ }

.content-box.has-visible {
  opacity: 1; }

#query_1 .city-select .right, .menu-bar .city-select .right {
  top: 0 !important; }

/*# sourceMappingURL=index.css.map */