html {
  font-family: Helvetica,arial,tahoma, 'Microsoft YaHei',SimSun; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block; }

body, * {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

ul, li, ol {
  list-style: none; }

a {
  text-decoration: none;
  outline: none;
  cursor: pointer; }

img, button {
  outline: none;
  border: 0; }

input, select, textarea {
  outline: none; }

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 10000px white inset !important; }

.clearfix:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

input[type=checkbox], input[type=radio] {
  vertical-align: middle; }

.clearfix {
  zoom: 1; }

.fl {
  float: left; }

.fr {
  float: right; }

.show {
  display: block; }

.hidden {
  display: none; }

img {
  display: inline-block; }

#header {
  background: #fff;
  height: 1.92rem;
  width: 100%;
  padding: 0.4266666667rem 0.64rem;
  box-shadow: 2px 2px 3px #d9e3ed; }
  #header .center {
    position: relative;
    height: 1.0666666667rem; }
  #header .logo {
    float: left; }
    #header .logo img {
      width: 5.6533333333rem; }
  #header .loginStatus {
    position: absolute;
    right: 0;
    top: 0; }
    #header .loginStatus img {
      float: left;
      width: 0.8533333333rem;
      vertical-align: middle; }
    #header .loginStatus .r {
      display: block;
      margin-left: 1.0666666667rem; }
      #header .loginStatus .r a {
        display: inline-block;
        font-size: 0.4266666667rem;
        background: #fff;
        color: #027bd6;
        border: 1px solid;
        border-radius: 0.64rem;
        text-align: center;
        padding: 0 0.4906666667rem;
        height: 1.0666666667rem;
        line-height: 1.0666666667rem;
        vertical-align: top; }
      #header .loginStatus .r a.mix {
        line-height: 0.4693333333rem; }
      #header .loginStatus .r a + a {
        background-color: #027bd6;
        color: #fff;
        border: none; }

#footer {
  background: #333A44;
  padding: 0.8533333333rem 0 1.8133333333rem;
  margin-top: 80px;
  text-align: center;
  font-size: 0.3413333333rem; }
  #footer .logo {
    display: block;
    margin: 0.64rem 0; }
    #footer .logo img {
      width: 7.68rem; }
  #footer p.txt {
    margin: 0.4266666667rem 0;
    color: #fff; }
    #footer p.txt span {
      color: #999; }
  #footer .ul3 {
    font-size: 0;
    margin-top: 0.64rem; }
    #footer .ul3 > div {
      display: inline-block;
      font-size: 0.5333333333rem;
      color: #fff;
      width: 40%;
      text-align: center; }
      #footer .ul3 > div img {
        width: 3.4133333333rem; }

body {
  background: #F4F7FA; }

#mainIntro .part1 {
  width: 100%; }
#mainIntro .part {
  margin: 0.64rem;
  background-color: #fff;
  border: 1px solid #D9E3ED;
  font-size: 0; }
  #mainIntro .part > .left {
    padding: 0.8533333333rem;
    position: relative; }
    #mainIntro .part > .left ._title {
      font-size: 0.8533333333rem;
      color: #343B44;
      margin-bottom: 0.6826666667rem;
      text-align: center; }
    #mainIntro .part > .left ._txt {
      font-size: 0.4693333333rem;
      color: #666;
      line-height: 1.1093333333rem; }
    #mainIntro .part > .left ._price {
      color: #f29c0f;
      font-size: 0.4693333333rem;
      margin-top: 0.4266666667rem; }
      #mainIntro .part > .left ._price > i {
        font-style: normal;
        font-size: 0.6826666667rem; }
    #mainIntro .part > .left > img {
      position: absolute;
      right: 0.8533333333rem;
      bottom: 0.4266666667rem;
      width: 2.2826666667rem; }
  #mainIntro .part > .right .list {
    display: inline-block;
    float: left;
    border-right: 1px solid #D9E3ED; }
    #mainIntro .part > .right .list .txt {
      font-size: 0.4266666667rem;
      line-height: 0.64rem;
      color: #666; }
    #mainIntro .part > .right .list ._t {
      color: #666;
      font-size: 0.5973333333rem;
      font-weight: 600; }
  #mainIntro .part > .right .b_b {
    border-top: 1px solid #D9E3ED;
    border-bottom: 1px solid #D9E3ED; }
  #mainIntro .part > .right .center {
    text-align: center; }
#mainIntro .part2 > .left {
  padding-bottom: 2.1333333333rem; }
#mainIntro .part2 > .right .list {
  width: 33.3%;
  height: 3.84rem; }
  #mainIntro .part2 > .right .list ._con {
    display: inline-block;
    height: 2.1333333333rem;
    overflow: hidden; }
    #mainIntro .part2 > .right .list ._con > img {
      width: 1.28rem;
      margin: 0.5333333333rem 0; }
#mainIntro .part3 > .left {
  padding-bottom: 2.0266666667rem; }
#mainIntro .part3 > .right .list {
  width: 50%;
  padding: 0.4693333333rem 0.4266666667rem 0.8533333333rem; }
  #mainIntro .part3 > .right .list ._t {
    height: 1.28rem;
    margin-bottom: 16px; }
    #mainIntro .part3 > .right .list ._t > img {
      float: left;
      margin-right: 0.4266666667rem;
      width: 1.28rem; }
#mainIntro .part3 > .right .list:nth-child(1), #mainIntro .part3 > .right .list:nth-child(2) {
  height: 10.0266666667rem; }
#mainIntro .part3 > .right .list:nth-child(3), #mainIntro .part3 > .right .list:nth-child(4) {
  height: 11.3066666667rem; }
#mainIntro .part4 > .left {
  padding-bottom: 2.0266666667rem; }
#mainIntro .part4 > .right .list {
  width: 33.3%;
  height: 7.2533333333rem;
  float: left;
  vertical-align: top;
  padding: 0.7253333333rem 0.2133333333rem; }
  #mainIntro .part4 > .right .list ._con {
    display: inline-block;
    height: 1.28rem;
    overflow: hidden;
    margin-bottom: 0.64rem; }
    #mainIntro .part4 > .right .list ._con > img {
      width: 1.28rem; }

#bottom {
  height: 4.6933333333rem;
  background-color: #333333;
  color: #fff;
  text-align: center;
  margin-top: 1.28rem; }
  #bottom > a {
    display: inline-block;
    height: 1.28rem;
    line-height: 1.28rem;
    background: #F29C0F;
    font-size: 0.512rem;
    margin: 0.8533333333rem 0 0.512rem;
    color: inherit;
    padding: 0 0.4266666667rem; }
  #bottom > p {
    font-size: 0.5973333333rem; }

#showForm {
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
  width: 100%;
  height: 100%;
  display: none; }
  #showForm .index_head {
    position: fixed;
    top: 0;
    height: 2.1333333333rem;
    line-height: 2.1333333333rem;
    z-index: 10;
    width: 100%;
    background: #fff;
    text-align: center;
    border-bottom: 1px solid #dbdbdb;
    font-size: 0.7253333333rem; }
    #showForm .index_head .pull-left {
      display: inline-block;
      width: 0.64rem;
      height: 0.64rem;
      background: transparent;
      border-left: 2px solid;
      border-bottom: 2px solid;
      color: #333;
      transform: rotate(45deg);
      float: left;
      margin-top: 0.7466666667rem;
      margin-left: 0.4266666667rem; }
  #showForm form {
    width: 100%;
    height: 480px;
    margin-top: 2.7733333333rem; }
    #showForm form .des {
      text-align: center;
      font-size: 0.5973333333rem;
      color: #999;
      margin: 0.4266666667rem 0;
      padding: 0 0.2133333333rem;
      padding: 0 0.8533333333rem; }
    #showForm form .line {
      margin: 1.0666666667rem 0;
      position: relative;
      padding: 0 0.8533333333rem; }
      #showForm form .line > span {
        display: block;
        width: 100%;
        height: 1.28rem;
        line-height: 1.28rem;
        font-size: 0.5546666667rem;
        padding-right: 0.2133333333rem; }
        #showForm form .line > span i {
          font-style: normal;
          color: #FE3C3C; }
      #showForm form .line input {
        height: 1.28rem;
        width: 100%;
        border: 1px solid #D9E3ED;
        background: #F4F7FA;
        padding: 0 0.256rem;
        font-size: 0.4693333333rem; }
      #showForm form .line p.tip {
        left: 66px;
        font-size: 0.4693333333rem;
        color: #FE3C3C;
        position: absolute;
        left: 0.8533333333rem;
        margin-top: 0.1706666667rem; }
    #showForm form .btn {
      text-align: center; }
      #showForm form .btn span {
        text-align: center;
        display: inline-block;
        min-width: 6.4rem;
        height: 1.28rem;
        line-height: 1.28rem;
        background: #FDA826;
        margin: 0 0;
        color: #fff;
        font-size: 0.5973333333rem;
        border-radius: 4px;
        cursor: pointer;
        padding: 0 0.3413333333rem; }
  #showForm .replay {
    background: #343435;
    position: absolute;
    width: 80%;
    z-index: 2;
    text-align: center;
    padding: 0.4266666667rem 0.8533333333rem;
    top: 30%;
    left: 10%;
    opacity: 0.8;
    color: #fff;
    font-size: 0.512rem; }

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