@charset "UTF-8";
a, .transition, .head, .foot .btn .ewm, .gift_01 .list li, .guide_02 .list li, .giftLayer, .giftBox .list li .img em, .indexPart1 li .layer, .indexLayer, .giftClass, .giftClass .list2, .giftClass .layer, :before, img, .nav {
  transition: All 0.5s ease;
  -webkit-transition: All 0.5s ease;
  -moz-transition: All 0.5s ease;
  -o-transition: All 0.5s ease; }

.ellipsis, .giftLayer .step-3 .listDiv .list .name, .giftLayer .step-4 .listDiv .list li .name, .giftLayer .step-5 .listDiv .form .select dd, .indexPart3 li .name a, .giftList li .name a, .jjzs li .name a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.flex, .head .logo, .nav, .nav ul, .foot .btn dl, .foot .btn .ewm, .gift .box .title, .guide_03 li .num, .guide_05 .btn a, .giftLayer, .giftBox .title, .giftLayer .step-2 .listDiv .list-wrapper li .img, .giftLayer .step-4 .listDiv .list .numInput, .giftLayer .step-4 .listDiv .form .title2, .giftLayer .step-5 .listDiv .form .input .btn, .giftLayer .step-5 .listDiv .form .li_01, .giftLayerSide .title, .giftLayerSide .imgList li, .indexPart1 li .layer dl, .indexPart1 li a.title, .indexLayer, .giftClass .list2 .wal, .giftClass .list2 dl, .giftShow .container .btn, .giftShow .container .btn a, .giftBtn, .giftBtn a, .srdz_02 li .title, .jjzsShow_01 a, .corporate_03 .title, .corporate_04 .title2, .corporate_04 .list a, .xzlg li .info, .about_04 .list .name, .about_04 .bigImg .arrow {
  display: flex;
  display: -webkit-flex; }

.flexColumn, .giftLayerSide .btn, .indexPart1 li a.name, .indexPart2 .container, .indexLayer .container .box, .srdz_01 {
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  -webkit-flex-direction: column; }

.itemsCenter, .head .logo, .nav, .foot .btn .ewm, .gift .box, .gift .box .title, .guide_05 .btn a, .giftLayer, .giftBox .title, .giftLayer .step-2 .listDiv .list-wrapper li .img, .giftLayer .step-4 .listDiv .form .title2, .giftLayer .step-5 .listDiv .form .input .btn, .giftLayerSide .title, .giftLayerSide .imgList li, .giftLayerSide .btn, .indexPart1 li a.name, .indexPart1 li a.title, .indexLayer, .indexLayer .container .box, .giftClass .list2 .wal, .giftShow .container .btn a, .giftBtn a, .packing_04 .row .bg, .srdz_02 li .title, .jjzsShow_01 a, .corporate_03 .title, .corporate_04 .title2, .corporate_04 .list a, .xzlg li .info, .about_02 .row, .about_04 .bigImg .arrow {
  align-items: center;
  -webkit-align-items: center; }

.justifyCenter, .head .logo, .nav, .foot .btn .ewm, .gift_01 .list ul, .guide_05 .btn a, .giftLayer, .giftLayer .step-2 .listDiv .list-wrapper li .img, .giftLayer .step-5 .listDiv .form .input .btn, .giftLayerSide .imgList li, .indexPart1 li a.name, .indexPart1 li .layer dl, .indexPart2 .container, .indexLayer, .indexLayer .container .box, .giftShow .container .btn a, .giftBtn, .giftBtn a, .srdz_01, .jjzsShow_01 a {
  justify-content: center;
  -webkit-justify-content: center; }

.flexAround {
  justify-content: space-around;
  -webkit-justify-content: space-around; }

.flexBetween, .gift .box, .guide_01, .guide_03 ul, .giftLayer .step-5 .listDiv .form .li_01, .giftShow, .packing_01 .content, .packing_03 .content, .packing_04, .packing_04 .row .bg, .project_01, .srdz_02 li .content, .srdz_03 .content, .corporate_01 .content, .corporate_02 .content, .corporate_03 .box-2, .corporate_03 .content2, .corporate_04, .xzlg li, .about_02 .content, .about_02 .row, .about_02 .row2, .about_03 .content, .about_04 {
  justify-content: space-between;
  -webkit-justify-content: space-between; }

.flexWrap, .gift_01 .list ul, .gift .box, .gift .list ul, .guide_01, .guide_02 .list ul, .guide_03 ul, .guide_03 li.li_03 .imgList dl, .giftLayer .stepRow, .giftBox .list ul, .giftLayer .step-3 .listDiv .list ul, .indexPart1 ul, .indexPart3 ul, .giftClass .list ul, .giftList ul, .giftShow, .giftShow .imgBox .list ul, .giftShow2 ul, .giftImgShow .list ul, .packing_01 .content, .packing_02, .packing_02 ul, .packing_03 .content, .packing_04, .packing_04 .row .bg, .packingShow ul, .project_01, .project_02 ul, .srdz_02 li .content, .srdz_03 .content, .jjzs ul, .jjzsShow_02 ul, .corporate_01 .content, .corporate_02 .content, .corporate_03 .box-2, .corporate_03 .content2, .corporate_04, .xzlg li, .about_02 .content, .about_02 .row, .about_02 .row2, .about_03 .content, .about_04 {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

html {
  font-size: 100px; }

body {
  font-size: 12px;
  font-family: Arial, "微软雅黑";
  color: #333;
  -webkit-text-size-adjust: none;
  opacity: 0; }
  body.show {
    opacity: 1;
    transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease; }
  body.noScroll {
    overflow: hidden; }

a {
  color: #333;
  text-decoration: none;
  outline: none; }
  a:active {
    star: expression(this.onFocus=this.blur()); }
  a:link {
    text-decoration: none;
    outline: none; }
  a:visited {
    text-decoration: none;
    outline: none; }
  a:hover {
    text-decoration: none;
    color: #d2a865;
    outline: none; }

li {
  list-style: outside none; }

h1 {
  font-size: 16px; }

h2, h3, h4, h5 {
  font-size: 14px; }

h5 {
  font-size: 12px; }

textarea, input {
  background: transparent;
  font-size: 12px;
  font-family: Arial, "微软雅黑";
  color: #888;
  outline: none;
  border: 0; }

em {
  font-style: normal; }

img {
  vertical-align: middle;
  max-width: 100%;
  border: 0; }

.fl {
  float: left; }

.fr {
  float: right; }

.clear {
  clear: both;
  height: 0;
  display: block;
  _display: inherit; }

.before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0; }

.h10 {
  height: 0.1rem;
  overflow: hidden;
  clear: both; }

.h50 {
  height: 0.5rem;
  overflow: hidden;
  clear: both; }

.wal {
  max-width: 12rem;
  margin: 0 auto; }

@font-face {
  font-family: 'didot';
  src: url("fonts/Didot-Bold-1.eot");
  /* IE9 Compat Modes */
  src: url("fonts/Didot-Bold-1.eot?#iefix") format("embedded-opentype"), url("fonts/Didot-Bold-1.woff") format("woff"), url("fonts/Didot-Bold-1.ttf") format("truetype"), url("fonts/Didot-Bold-1.svg#YourWebFontName") format("svg");
  /* Legacy iOS */ }
.input ::-webkit-input-placeholder {
  color: #999; }
.input ::-moz-placeholder {
  color: #999; }
.input :-ms-input-placeholder {
  color: #999; }

.phoneShow {
  display: none; }

@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg); } }
.headD {
  height: 1.86rem; }

.head {
  background: #fff;
  position: absolute;
  z-index: 50;
  left: 0;
  top: 0;
  width: 100%;
  border-bottom: #e8d3b2 solid 1px; }
  .head .wal {
    height: 1.86rem;
    position: relative;
    max-width: 100%;
    margin: 0 .6rem; }
  .head .logo {
    height: 1.06rem; }
    .head .logo a {
      width: 3.13rem; }

@media screen and (min-width: 800px) {
  .head.on {
    position: fixed; }
    .head.on .wal {
      height: .8rem; }
    .head.on .logo {
      height: .8rem;
      position: absolute;
      left: 0;
      top: 0; } }
.nav {
  height: .8rem;
  position: absolute;
  z-index: 10;
  left: 0;
  right: auto;
  top: auto;
  bottom: -1px;
  width: 100%; }
  .nav li {
    position: relative;
    padding-right: .76rem; }
    .nav li:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      right: 0;
      width: .76rem;
      height: 100%;
      background: url("../image/img7.png") center no-repeat;
      background-size: .07rem; }
    .nav li:last-child {
      padding-right: .38rem; }
      .nav li:last-child:before {
        display: none; }
  .nav a.name {
    display: block;
    height: .8rem;
    line-height: .8rem;
    color: #666;
    font-size: .14rem;
    position: relative; }
    .nav a.name:before {
      content: "";
      display: block;
      position: absolute;
      left: 50%;
      bottom: 0;
      width: 0;
      height: .03rem;
      background: #d2a865; }
    .nav a.name.on {
      color: #d2a865; }
      .nav a.name.on:before {
        left: 0;
        width: 100%; }
  .nav .search {
    position: relative; }
    .nav .search a {
      display: block;
      background: url("../image/img18.png") center no-repeat;
      background-size: 100%;
      width: .18rem;
      height: .8rem; }
    .nav .search .form {
      background: #f2f2f2;
      position: fixed;
      z-index: 50;
      left: 0;
      top: -10rem;
      width: 100%;
      margin-top: 1px;
      opacity: 0;
      visibility: hidden; }
      .nav .search .form .box {
        height: .8rem;
        position: relative;
        max-width: 12rem;
        margin: 0 auto; }
      .nav .search .form .input input {
        width: 100%;
        height: .8rem;
        line-height: .8rem;
        font-size: .18rem;
        color: #d2a865; }
      .nav .search .form ::-webkit-input-placeholder {
        color: #d2a865; }
      .nav .search .form ::-moz-placeholder {
        color: #d2a865; }
      .nav .search .form :-ms-input-placeholder {
        color: #d2a865; }
      .nav .search .form .submit {
        position: absolute;
        z-index: 10;
        left: auto;
        right: 0;
        top: 50%;
        bottom: auto;
        width: .98rem;
        height: .32rem;
        -moz-border-radius: 0.5rem;
        -webkit-border-radius: 0.5rem;
        border-radius: 0.5rem;
        margin-top: -.16rem;
        background: #d2a865; }
        .nav .search .form .submit input {
          width: 100%;
          height: .32rem;
          color: #fff;
          font-size: .16rem;
          cursor: pointer; }
    /*.nav .search:hover .form {
      opacity: 1;
      visibility: visible;
      top: 1.86rem;
      transition: opacity 0.5s ease;
      -webkit-transition: opacity 0.5s ease;
      -moz-transition: opacity 0.5s ease;
      -o-transition: opacity 0.5s ease; }*/

@media screen and (max-width: 1800px) {
  .head.on .nav {
    justify-content: flex-end;
    -webkit-justify-content: flex-end; } }
@media screen and (min-width: 800px) {
  .nav .list {
    position: absolute;
    z-index: 10;
    left: 0;
    right: auto;
    top: -10000%;
    bottom: auto;
    background: #fff;
    width: 2.48rem;
    opacity: 0;
    visibility: hidden; }
    .nav .list dl {
      display: flex;
      display: -webkit-flex;
      justify-content: center;
      -webkit-justify-content: center; }
    .nav .list a {
      display: block;
      height: .48rem;
      line-height: .48rem;
      color: #666;
      font-size: .14rem;
      padding: 0 .2rem; }
      .nav .list a:hover {
        color: #d2a865; }
  .nav .list2 {
    background: #f2f2f2;
    position: fixed;
    z-index: 40;
    left: 0;
    top: -10rem;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    margin-top: 1px; }
    .nav .list2 .row {
      max-width: 12rem;
      margin: 0 auto;
      display: flex;
      display: -webkit-flex;
      padding-left: 1.55rem;
      min-height: 3.42rem; }
    .nav .list2 .col {
      min-width: 2.05rem; }
      .nav .list2 .col .name {
        font-size: .16rem;
        color: #666;
        line-height: .24rem;
        padding: .45rem 0 .2rem 0; }
        .nav .list2 .col .name div {
          text-transform: uppercase;
          font-family: 'didot'; }
      .nav .list2 .col dd {
        padding-bottom: .04rem; }
        .nav .list2 .col dd a {
          display: inline-block;
          height: .32rem;
          line-height: .32rem;
          -moz-border-radius: 0.5rem;
          -webkit-border-radius: 0.5rem;
          border-radius: 0.5rem;
          padding: 0 .2rem;
          margin-left: -.2rem;
          font-size: .14rem;
          color: #999; }
        .nav .list2 .col dd a:hover {
          color: #d2a865;
          /*background: #f2ebe2;*/
           }
  .nav .list3 {
    position: fixed;
    z-index: 40;
    left: 0;
    top: -10rem;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    background: #f2f2f2;
    min-height: 6rem;
    text-align: center;
    color: #888; }
    .nav .list3 .title {
      padding: .85rem 0 .5rem 0; }
      .nav .list3 .title h2 {
        font-family: 'didot';
        text-transform: uppercase;
        font-size: .52rem;
        font-weight: 400;
        letter-spacing: .04rem; }
      .nav .list3 .title div {
        font-size: .24rem;
        letter-spacing: .3rem;
        padding-top: .1rem; }
    .nav .list3 dl {
      display: flex;
      display: -webkit-flex;
      justify-content: center;
      -webkit-justify-content: center;
      max-width: 12rem;
      margin: 0 auto; }
    .nav .list3 dd {
      width: 25%; }
      .nav .list3 dd a {
        text-align: center;
        position: relative;
        display: block;
        color: #888; }
        .nav .list3 dd a .img {
          width: .68rem;
          margin: 0 auto;
          position: relative; }
          .nav .list3 dd a .img img:nth-child(2) {
            position: absolute;
            z-index: 10;
            left: 0;
            right: auto;
            top: 0;
            bottom: auto;
            opacity: 0; }
        .nav .list3 dd a .name {
          line-height: .3rem;
          padding: .2rem 0; }
          .nav .list3 dd a .name div {
            font-size: .14rem;
            letter-spacing: .04rem;
            padding-bottom: .06rem; }
          .nav .list3 dd a .name span {
            display: block;
            text-transform: uppercase;
            font-family: 'didot';
            font-size: .14rem;
            line-height: .18rem; }
      .nav .list3 dd a:hover {
        color: #d2a865; }
        .nav .list3 dd a:hover .img img:nth-child(1) {
          opacity: 0; }
        .nav .list3 dd a:hover .img img:nth-child(2) {
          opacity: 1; }
    .nav .list3.list3-1 dl {
      max-width: 13rem; }
  .nav li:hover .list, .nav li:hover .list2, .nav li:hover .list3 {
    opacity: 1;
    visibility: visible;
    top: 100%;
    transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease; }
  .nav li:hover .list2, .nav li:hover .list3 {
    top: 1.86rem; }
  .nav li:hover a.name {
    color: #d2a865; }
    .nav li:hover a.name:before {
      left: 0;
      width: 100%; } }
.foot {
  background: #f2f2f2;
  padding: 0 .6rem; }
  .foot .wal {
    position: relative;
    max-width: 100%;
    min-height: 2.32rem; }
  .foot .logo {
    width: 3.13rem;
    margin: 0 auto;
    padding-top: .94rem; }
  .foot .msg {
    text-align: center;
    line-height: .67rem;
    border-top: #ccc solid 1px;
    font-size: .14rem;
    color: #999; }
  .foot .btn {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0.5rem;
    top: 0.85rem;
    bottom: auto; }
    .foot .btn dd {
      margin-left: .06rem;
      position: relative; }
    .foot .btn .name {
      display: block;
      width: .6rem;
      position: relative; }
      .foot .btn .name img:nth-child(2) {
        position: absolute;
        z-index: 10;
        left: 0;
        right: auto;
        top: 0;
        bottom: auto;
        opacity: 0; }
    .foot .btn .ewm {
      width: 1.33rem;
      height: 1.33rem;
      position: absolute;
      z-index: 10;
      left: 50%;
      right: auto;
      top: -1.23rem;
      bottom: auto;
      margin-left: -.665rem;
      box-shadow: 0 0.26rem 0.7rem rgba(144, 144, 144, 0.24);
      -webkit-box-shadow: 0 0.26rem 0.7rem rgba(144, 144, 144, 0.24);
      -moz-box-shadow: 0 0.26rem 0.7rem rgba(144, 144, 144, 0.24);
      background: #f2f2f2;
      opacity: 0;
      visibility: hidden; }
      .foot .btn .ewm:before {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        bottom: -.06rem;
        width: .1rem;
        height: .1rem;
        background: #f2f2f2;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        margin-left: -.05rem; }
      .foot .btn .ewm img {
        width: 1.11rem; }
    .foot .btn dd:hover .name img:nth-child(1) {
      opacity: 0; }
    .foot .btn dd:hover .name img:nth-child(2) {
      opacity: 1; }
    .foot .btn dd:hover .ewm {
      opacity: 1;
      visibility: visible;
      top: -1.43rem; }

a.topA, .backA {
  display: block;
  width: .6rem;
  position: fixed;
  z-index: 30;
  bottom: 1.55rem;
  right: .44rem;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  opacity: 0;
  visibility: hidden; }
  a.topA.show, .backA.show {
    opacity: 1;
    visibility: visible; }
  a.topA:hover, .backA:hover {
    background: rgba(0, 0, 0, 0.1); }

.backA {
  bottom: 2.35rem; }

/*pgae*/
.gift_01 {
  background: #f2f2f2;
  min-height: 6.17rem;
  text-align: center;
  color: #888; }
  .gift_01 .title {
    padding: .85rem 0 .5rem 0; }
    .gift_01 .title h2 {
      font-family: 'didot';
      text-transform: uppercase;
      font-size: .52rem;
      font-weight: 400;
      letter-spacing: .04rem; }
    .gift_01 .title div {
      font-size: .24rem;
      letter-spacing: .3rem;
      padding-top: .1rem; }
  .gift_01 .msg {
    font-size: .14rem;
    line-height: .24rem;
    padding-bottom: .9rem; }
  .gift_01 .list li {
    width: 20%;
    text-align: center;
    cursor: pointer;
    position: relative; }
    .gift_01 .list li .img {
      width: .68rem;
      margin: 0 auto;
      position: relative; }
      .gift_01 .list li .img img:nth-child(2) {
        position: absolute;
        z-index: 10;
        left: 0;
        right: auto;
        top: 0;
        bottom: auto;
        opacity: 0; }
    .gift_01 .list li .name {
      line-height: .3rem;
      padding: .2rem 0; }
      .gift_01 .list li .name div {
        font-size: .16rem;
        letter-spacing: .04rem;
        padding-bottom: .06rem; }
      .gift_01 .list li .name span {
        display: block;
        text-transform: uppercase;
        font-family: 'didot';
        font-size: .14rem;
        line-height: .18rem; }
    .gift_01 .list li a {
      display: block;
      position: absolute;
      z-index: 10;
      left: 0;
      right: auto;
      top: 0;
      bottom: auto;
      width: 100%;
      height: 100%; }
  .gift_01 .list li:hover, .gift_01 .list li.on {
    color: #d2a865; }
    .gift_01 .list li:hover .img img:nth-child(1), .gift_01 .list li.on .img img:nth-child(1) {
      opacity: 0; }
    .gift_01 .list li:hover .img img:nth-child(2), .gift_01 .list li.on .img img:nth-child(2) {
      opacity: 1; }
  .gift_01 .img2 {
    width: 4.8rem;
    margin: 0 auto; }

.gift_01-2 {
  min-height: 5.1rem; }
  .gift_01-2 .title h2 {
    font-size: .42rem;
    line-height: .48rem;
    padding-bottom: .06rem; }
  .gift_01-2 .list li {
    width: 25%; }

.gift_01-3 {
  min-height: 4.7rem; }
  .gift_01-3 .list {
    margin-right: -.5rem;
    margin-left: -.5rem; }
    .gift_01-3 .list li {
      width: 14.285%; }

.gift_01-4 {
  min-height: 4.7rem; }
  .gift_01-4 .list li {
    width: 2.6rem; }
    .gift_01-4 .list li .img {
      width: .74rem; }

.gift .box {
  padding: .8rem 0 .5rem 0;
  color: #888; }
  .gift .box .img {
    width: 4rem; }
  .gift .box .col {
    width: 6.7rem; }
  .gift .box .title img {
    width: .4rem; }
  .gift .box .title .name {
    padding: 0 .3rem;
    min-width: 2.6rem;
    line-height: .35rem;
    position: relative;
    top: .04rem; }
    .gift .box .title .name div {
      font-family: 'didot';
      font-size: .28rem;
      text-transform: uppercase; }
    .gift .box .title .name span {
      display: block;
      font-size: .18rem;
      letter-spacing: .02rem; }
  .gift .box .title .price {
    color: #d2a865;
    font-size: .27rem;
    height: .7rem; }
  .gift .box .content {
    font-size: .14rem;
    line-height: .26rem;
    min-height: 1.3rem;
    padding: .25rem 0; }
  .gift .box .btn a {
    display: block;
    background: #d2a865;
    color: #fff;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
    text-align: center;
    font-size: .18rem;
    letter-spacing: .1rem;
    width: 2.12rem;
    height: .49rem;
    line-height: .49rem;
    padding-left: .1rem; }
.gift .list {
  min-height: 5.16rem;
  background: #f2f2f2;
  padding: 0 .15rem .15rem; }
  .gift .list .title {
    text-align: center;
    padding: .45rem 0;
    color: #888; }
    .gift .list .title div {
      font-size: .28rem;
      text-transform: uppercase;
      font-family: 'didot'; }
    .gift .list .title span {
      display: block;
      font-size: .16rem;
      letter-spacing: .02rem;
      padding-top: .1rem; }
  .gift .list li {
    width: 33.333%;
    padding: 0 .15rem .15rem; }
    .gift .list li div {
      max-width: 3rem;
      margin: 0 auto; }
.gift .line {
  height: .6rem;
  border-bottom: #ccc solid 1px; }
.gift .line2 {
  height: .6rem; }

.giftOdd .box .img {
  order: 5; }

.guide_01 {
  font-size: .14rem;
  line-height: .21rem;
  color: #888;
  padding: .9rem 0 .7rem 0; }
  .guide_01 .col {
    width: 5.3rem; }

.pageTitle {
  padding: .8rem 0 .9rem 0;
  position: relative;
  text-align: center;
  color: #666; }
  .pageTitle:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    bottom: .44rem;
    height: 1px;
    background: #ccc;
    width: 1rem;
    margin-left: -.5rem; }
  .pageTitle div {
    font-family: 'didot';
    font-size: .24rem;
    text-transform: uppercase;
    padding-bottom: .08rem; }
  .pageTitle span {
    font-size: .2rem;
    letter-spacing: .02rem; }

.guide_02 {
  min-height: 4.9rem;
  background: #f2f2f2; }
  .guide_02 .list li {
    width: 20%;
    text-align: center;
    cursor: pointer;
    position: relative; }
    .guide_02 .list li .img {
      width: .7rem;
      margin: 0 auto;
      position: relative; }
      .guide_02 .list li .img img:nth-child(2) {
        position: absolute;
        z-index: 10;
        left: 0;
        right: auto;
        top: 0;
        bottom: auto;
        opacity: 0; }
    .guide_02 .list li .name {
      line-height: .3rem;
      padding: .2rem 0; }
      .guide_02 .list li .name div {
        font-size: .18rem;
        letter-spacing: .02rem; }
      .guide_02 .list li .name span {
        display: block;
        text-transform: uppercase;
        font-family: 'didot';
        font-size: .14rem; }
    .guide_02 .list li a {
      display: block;
      position: absolute;
      z-index: 10;
      left: 0;
      right: auto;
      top: 0;
      bottom: auto;
      width: 100%;
      height: 100%; }
  .guide_02 .list li:hover {
    color: #d2a865; }
    .guide_02 .list li:hover .img img:nth-child(1) {
      opacity: 0; }
    .guide_02 .list li:hover .img img:nth-child(2) {
      opacity: 1; }

.guide_03 {
  position: relative; }
  .guide_03 li {
    width: 5.33rem;
    padding-bottom: .7rem;
    position: relative; }
    .guide_03 li .box {
      min-height: 5.31rem;
      background: #f2f2f2;
      padding: 0 .2rem 0 .65rem;
      position: relative; }
    .guide_03 li .num {
      font-family: 'didot';
      color: #b4b4b4;
      text-transform: uppercase;
      font-size: .55rem;
      align-items: flex-end;
      -webkit-align-items: flex-end;
      font-style: italic;
      padding-top: .2rem;
      position: relative;
      z-index: 11; }
      .guide_03 li .num span {
        font-size: 1rem;
        padding-left: .16rem;
        position: relative;
        top: .14rem; }
    .guide_03 li .msg {
      position: relative;
      z-index: 11; }
      .guide_03 li .msg div {
        font-size: .18rem;
        line-height: .23rem;
        color: #666;
        padding: .2rem 0 .1rem 0; }
      .guide_03 li .msg p {
        font-size: .14rem;
        line-height: .18rem;
        color: #999; }
    .guide_03 li .img {
      position: absolute;
      z-index: 10;
      left: 0;
      right: auto;
      top: auto;
      bottom: 0;
      width: 100%; }
  .guide_03 li.li_01 {
    padding-bottom: 1.1rem; }
    .guide_03 li.li_01:before {
      content: "";
      display: block;
      position: absolute;
      top: 2.75rem;
      left: 100%;
      background: url("../image/img92.png") center no-repeat;
      background-size: .92rem;
      width: 1.35rem;
      height: .54rem; }
    .guide_03 li.li_01 .img {
      width: 1.98rem;
      left: .7rem;
      bottom: .47rem; }
  .guide_03 li.li_02 {
    position: absolute;
    right: 0;
    top: 1.15rem; }
    .guide_03 li.li_02:before {
      content: "";
      display: block;
      position: absolute;
      top: 5.75rem;
      right: 100%;
      background: url("../image/img92.png") center no-repeat;
      background-size: .92rem;
      width: 1.35rem;
      height: .54rem;
      transform: rotate(180deg);
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg); }
    .guide_03 li.li_02 .box {
      min-height: 6.97rem;
      background: #f9f9f9; }
  .guide_03 li.li_03 {
    padding-bottom: 1.45rem;
    width: 100%; }
    .guide_03 li.li_03:before {
      content: "";
      display: block;
      position: absolute;
      bottom: 0;
      left: 1.94rem;
      background: url("../image/img92.png") center no-repeat;
      background-size: .92rem;
      width: 1.45rem;
      height: 1.45rem;
      transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg); }
    .guide_03 li.li_03 .box {
      width: 5.33rem;
      min-height: 6.97rem; }
    .guide_03 li.li_03 .msg div {
      padding-bottom: .2rem; }
    .guide_03 li.li_03 .imgList {
      position: absolute;
      z-index: 10;
      left: 0;
      right: auto;
      top: auto;
      bottom: 0;
      width: 12rem;
      padding-left: .65rem; }
      .guide_03 li.li_03 .imgList dl {
        justify-content: flex-end;
        -webkit-justify-content: flex-end;
        margin-left: -.36rem; }
      .guide_03 li.li_03 .imgList dd {
        padding: .3rem 0 0 .36rem;
        width: 16.666%; }
      .guide_03 li.li_03 .imgList div {
        position: relative; }
        .guide_03 li.li_03 .imgList div:before {
          content: "";
          display: block;
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          box-sizing: border-box;
          border: #d2a865 solid 0.06rem;
          z-index: 5;
          opacity: 0; }
        .guide_03 li.li_03 .imgList div img {
          width: 100%; }
        .guide_03 li.li_03 .imgList div:hover:before {
          opacity: 1; }
  .guide_03 li.li_04:before {
    content: "";
    display: block;
    position: absolute;
    top: 2.35rem;
    left: 100%;
    background: url("../image/img92.png") center no-repeat;
    background-size: .92rem;
    width: 1.35rem;
    height: .54rem; }

.guide_04 {
  background: #f2f2f2;
  text-align: center;
  padding: .75rem 0; }
  .guide_04 .img {
    width: 1.26rem;
    margin: 0 auto; }
  .guide_04 .name {
    font-size: .28rem;
    color: #888;
    letter-spacing: .02rem;
    line-height: .4rem;
    padding-top: .35rem; }
    .guide_04 .name div {
      font-family: 'didot';
      text-transform: uppercase; }

.guide_05 {
  padding: .5rem 0 1rem 0; }
  .guide_05 p {
    font-size: .14rem;
    line-height: .21rem;
    color: #666;
    text-align: center;
    padding-bottom: .2rem; }
  .guide_05 .btn {
    padding-top: .2rem; }
    .guide_05 .btn a {
      -moz-border-radius: 0.5rem;
      -webkit-border-radius: 0.5rem;
      border-radius: 0.5rem;
      color: #fff;
      width: 2.04rem;
      height: .5rem;
      font-size: .18rem;
      background: #ccc;
      margin: 0 auto; }
      .guide_05 .btn a img {
        width: .22rem;
        margin-right: .1rem; }
      .guide_05 .btn a:hover {
        background: #d2a865; }

.giftLayer {
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  visibility: hidden; }
  .giftLayer.show {
    opacity: 1;
    visibility: visible; }
  .giftLayer.scrollY {
    overflow-y: auto;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    padding: .2rem 0; }
  .giftLayer .container {
    width: 12rem;
    background: #fff;
    min-height: 2rem;
    position: relative; }
    .giftLayer .container a.close {
      display: block;
      width: .5rem;
      height: .5rem;
      background: url("../image/close50.png") center no-repeat;
      background-size: cover;
      position: absolute;
      z-index: 10;
      left: auto;
      right: -0.9rem;
      top: 0;
      bottom: auto; }

/**/
.giftBox {
  padding: 0 .2rem .2rem 0; }
  .giftBox .title {
    height: 1.24rem;
    background: #f2f2f2;
    margin-right: -.2rem; }
    .giftBox .title img {
      width: .7rem;
      margin: 0 .28rem; }
    .giftBox .title .name {
      font-size: .18rem;
      color: #888; }
      .giftBox .title .name div {
        font-size: .28rem;
        font-family: 'didot';
        text-transform: uppercase;
        padding-bottom: .06rem; }
      .giftBox .title .name span {
        display: block;
        letter-spacing: .02rem; }
  .giftBox .msg {
    line-height: .65rem;
    position: relative;
    font-size: .16rem;
    color: #888;
    padding-left: .64rem; }
    .giftBox .msg:before {
      content: "";
      display: block;
      position: absolute;
      left: .3rem;
      top: 50%;
      width: .18rem;
      height: .18rem;
      background: #999;
      margin-top: -.09rem; }
  .giftBox .list {
    padding: 0 .68rem 0 .64rem; }
    .giftBox .list ul {
      margin-left: -.7rem; }
    .giftBox .list li {
      width: 33.333%;
      padding: 0 0 .5rem .7rem;
      text-align: center; }
      .giftBox .list li .img {
        position: relative; }
        .giftBox .list li .img:before {
          content: "";
          display: block;
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          background: rgba(242, 242, 242, 0.8);
          opacity: 0; }
        .giftBox .list li .img img {
          width: 100%; }
        .giftBox .list li .img em {
          display: block;
          position: absolute;
          z-index: 10;
          left: 50%;
          right: auto;
          top: 50%;
          bottom: auto;
          -moz-border-radius: 0.5rem;
          -webkit-border-radius: 0.5rem;
          border-radius: 0.5rem;
          width: 1.22rem;
          height: .4rem;
          line-height: .4rem;
          text-align: center;
          background: rgba(0, 0, 0, 0.3);
          font-size: .18rem;
          text-transform: uppercase;
          color: #fff;
          margin-left: -.61rem;
          margin-top: -.2rem;
          opacity: 0; }
      .giftBox .list li .name {
        color: #666;
        font-size: .16rem;
        padding: .25rem 0 .08rem 0; }
      .giftBox .list li .price {
        color: #d2a865;
        font-size: .16rem; }
    .giftBox .list li:hover .img:before, .giftBox .list li:hover .img em, .giftBox .list li.on .img:before, .giftBox .list li.on .img em {
      opacity: 1; }

@media screen and (min-width: 800px) {
  .giftBox .scroll {
    height: 60vh;
    overflow: hidden;
    position: relative; }

  .giftLayer .step-2 .scroll, .giftLayer .step-3 .scroll, .giftLayer .step-4 .scroll {
    height: 7.9rem;
    overflow: hidden;
    position: relative; } }
/**/
.giftLayer .step-2 .listDiv {
  width: 7rem;
  padding: .2rem 0; }
  .giftLayer .step-2 .listDiv .title {
    font-size: .18rem;
    line-height: .56rem;
    position: relative;
    padding-left: .28rem;
    color: #888;
    margin-left: .4rem;
    margin-right: .46rem;
    border-top: #ccc solid 1px; }
    .giftLayer .step-2 .listDiv .title:before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 38%;
      width: .24rem;
      height: .24rem;
      background: #888;
      margin-top: -.07rem; }
    .giftLayer .step-2 .listDiv .title.title-1 {
      border: 0; }
  .giftLayer .step-2 .listDiv .list {
    padding: 0 .3rem;
    position: relative;
    margin-right: .06rem; }
    .giftLayer .step-2 .listDiv .list a.arrow {
      display: block;
      width: .4rem;
      height: 1.4rem;
      position: absolute;
      z-index: 10;
      left: auto;
      right: auto;
      top: 0;
      bottom: auto;
      background: center no-repeat;
      background-size: .11rem; }
      .giftLayer .step-2 .listDiv .list a.arrow.prev {
        left: 0;
        background-image: url("../image/prev11.png"); }
        .giftLayer .step-2 .listDiv .list a.arrow.prev:hover {
          background-image: url("../image/prev11on.png"); }
        .giftLayer .step-2 .listDiv .list a.arrow.prev.false:hover {
          background-image: url("../image/prev11.png");
          cursor: default; }
      .giftLayer .step-2 .listDiv .list a.arrow.next {
        right: 0;
        background-image: url("../image/next11.png"); }
        .giftLayer .step-2 .listDiv .list a.arrow.next:hover {
          background-image: url("../image/next11on.png"); }
        .giftLayer .step-2 .listDiv .list a.arrow.next.false:hover {
          background-image: url("../image/next11.png");
          cursor: default; }
  .giftLayer .step-2 .listDiv .list-wrapper {
    width: 100%;
    overflow: hidden;
    position: relative; }
    .giftLayer .step-2 .listDiv .list-wrapper li {
      padding: 0 .1rem;
      text-align: center; }
      .giftLayer .step-2 .listDiv .list-wrapper li .img {
        position: relative;
        height: 1.4rem;
        background: #f2f2f2; }
        .giftLayer .step-2 .listDiv .list-wrapper li .img:before {
          content: "";
          display: block;
          position: absolute;
          left: 0;
          top: 0;
          width: 100%;
          height: 100%;
          box-sizing: border-box;
          border: #d2a865 solid 0.06rem;
          opacity: 0; }
        .giftLayer .step-2 .listDiv .list-wrapper li .img img {
          max-height: 1rem;
          max-width: 1rem; }
        .giftLayer .step-2 .listDiv .list-wrapper li .img:hover:before {
          opacity: .5;
          border-width: .06rem; }
      .giftLayer .step-2 .listDiv .list-wrapper li .name {
        font-size: .14rem;
        color: #888;
        padding: .1rem 0;
        line-height: .2rem; }
      .giftLayer .step-2 .listDiv .list-wrapper li .more {
        position: relative;
        top: -.06rem;
        padding-bottom: .14rem; }
        .giftLayer .step-2 .listDiv .list-wrapper li .more a {
          display: block;
          margin: 0 auto;
          -moz-border-radius: 0.5rem;
          -webkit-border-radius: 0.5rem;
          border-radius: 0.5rem;
          width: .53rem;
          height: .19rem;
          line-height: .19rem;
          background: #d3d3d3;
          font-size: .12rem;
          color: #fff; }
          .giftLayer .step-2 .listDiv .list-wrapper li .more a:hover {
            background: #d2a865; }
    .giftLayer .step-2 .listDiv .list-wrapper li.on .img:before {
      opacity: 1; }
    .giftLayer .step-2 .listDiv .list-wrapper li.on:hover .img:before {
      border-width: .06rem; }
  .giftLayer .step-2 .listDiv .box.on .title {
    color: #d2a865; }
    .giftLayer .step-2 .listDiv .box.on .title:before {
      background: #d2a865; }

/**/
.giftLayer .step-3 .listDiv {
  width: 7rem;
  padding: .2rem 0; }
  .giftLayer .step-3 .listDiv .title {
    font-size: .16rem;
    line-height: .56rem;
    position: relative;
    padding-left: .24rem;
    color: #888;
    margin-left: .4rem; }
    .giftLayer .step-3 .listDiv .title:before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 50%;
      width: .14rem;
      height: .14rem;
      background: #888;
      margin-top: -.07rem; }
  .giftLayer .step-3 .listDiv .list {
    padding: 0 .46rem 0 .4rem; }
    .giftLayer .step-3 .listDiv .list ul {
      margin-left: -.24rem; }
    .giftLayer .step-3 .listDiv .list li {
      width: 33.333%;
      padding: 0 0 .24rem .24rem; }
    .giftLayer .step-3 .listDiv .list .img {
      position: relative; }
      .giftLayer .step-3 .listDiv .list .img:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        border: #d2a865 solid 0.06rem;
        opacity: 0; }
      .giftLayer .step-3 .listDiv .list .img img {
        width: 100%; }
      .giftLayer .step-3 .listDiv .list .img:hover:before {
        opacity: .5;
        border-width: .02rem; }
    .giftLayer .step-3 .listDiv .list .name {
      font-size: .14rem;
      height: .4rem;
      line-height: .4rem;
      text-align: center;
      color: #888; }
    .giftLayer .step-3 .listDiv .list li.on .img:before {
      opacity: 1; }
    .giftLayer .step-3 .listDiv .list li.on:hover .img:before {
      border-width: .06rem; }

/**/
.giftLayer .step-4 .listDiv {
  width: 7rem;
  padding: .2rem 0; }
  .giftLayer .step-4 .listDiv .title {
    font-size: .16rem;
    line-height: .56rem;
    position: relative;
    padding-left: .24rem;
    color: #888;
    margin-left: .4rem; }
    .giftLayer .step-4 .listDiv .title:before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 50%;
      width: .14rem;
      height: .14rem;
      background: #888;
      margin-top: -.07rem; }
  .giftLayer .step-4 .listDiv .list {
    padding: 0 .46rem 0 .4rem; }
    .giftLayer .step-4 .listDiv .list li {
      min-height: 1.01rem;
      position: relative;
      border-bottom: #ccc solid 1px; }
      .giftLayer .step-4 .listDiv .list li .img {
        width: .6rem;
        position: absolute;
        z-index: 10;
        left: 0;
        right: auto;
        top: 0.2rem;
        bottom: auto; }
      .giftLayer .step-4 .listDiv .list li .name {
        height: 1rem;
        line-height: 1rem;
        padding-left: .8rem;
        font-size: .16rem;
        color: #888; }
    .giftLayer .step-4 .listDiv .list .numInput {
      justify-content: flex-end;
      -webkit-justify-content: flex-end;
      padding: .2rem 0 .05rem 0; }
      .giftLayer .step-4 .listDiv .list .numInput div {
        width: .38rem;
        height: .38rem;
        border: #ccc solid 1px; }
      .giftLayer .step-4 .listDiv .list .numInput input {
        width: 100%;
        height: .36rem;
        line-height: .36rem;
        text-align: center;
        font-size: .18rem; }
      .giftLayer .step-4 .listDiv .list .numInput div.jian, .giftLayer .step-4 .listDiv .list .numInput div.jia {
        background: center no-repeat;
        background-size: .2rem; }
        .giftLayer .step-4 .listDiv .list .numInput div.jian:hover, .giftLayer .step-4 .listDiv .list .numInput div.jia:hover {
          background-color: #d2a865;
          border-color: #d2a865; }
      .giftLayer .step-4 .listDiv .list .numInput div.jian {
        border-right: 0;
        background-image: url("../image/jian20.png"); }
        .giftLayer .step-4 .listDiv .list .numInput div.jian:hover {
          background-image: url("../image/jian20on.png"); }
      .giftLayer .step-4 .listDiv .list .numInput div.jia {
        border-left: 0;
        background-image: url("../image/jia20.png"); }
        .giftLayer .step-4 .listDiv .list .numInput div.jia:hover {
          background-image: url("../image/jia20on.png"); }
    .giftLayer .step-4 .listDiv .list .msg {
      line-height: .54rem;
      margin-top: .15rem;
      background: #d2a865;
      font-size: .16rem;
      background: #d2a865;
      color: #fff;
      text-align: center;
      letter-spacing: .02rem; }
  .giftLayer .step-4 .listDiv .form {
    position: relative;
    padding: 0 .46rem .3rem .4rem; }
    .giftLayer .step-4 .listDiv .form .title2 {
      font-size: .18rem;
      color: #888;
      padding: .3rem 0 .2rem 0; }
      .giftLayer .step-4 .listDiv .form .title2 img {
        width: .18rem;
        margin-right: .1rem; }
    .giftLayer .step-4 .listDiv .form .input {
      background: #f2f2f2; }
      .giftLayer .step-4 .listDiv .form .input textarea {
        width: 100%;
        height: 1.35rem;
        font-size: .14rem;
        color: #999;
        padding: .1rem .2rem;
        line-height: .28rem; }
    .giftLayer .step-4 .listDiv .form .submit {
      width: .98rem;
      background: #d2a865;
      -moz-border-radius: 0.5rem;
      -webkit-border-radius: 0.5rem;
      border-radius: 0.5rem;
      position: absolute;
      z-index: 10;
      left: auto;
      right: 0.56rem;
      top: auto;
      bottom: 0.4rem;
      display: none; }
      .giftLayer .step-4 .listDiv .form .submit input {
        width: 100%;
        height: .32rem;
        font-size: .16rem;
        color: #fff;
        cursor: pointer; }

/**/
.giftLayer .step-5 .listDiv {
  width: 7rem;
  padding: .2rem .4rem; }
  .giftLayer .step-5 .listDiv .title {
    font-size: .16rem;
    line-height: .56rem;
    position: relative;
    padding-left: .24rem;
    color: #888; }
    .giftLayer .step-5 .listDiv .title:before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 50%;
      width: .14rem;
      height: .14rem;
      background: #888;
      margin-top: -.07rem; }
  .giftLayer .step-5 .listDiv .form li {
    padding-bottom: .2rem; }
  .giftLayer .step-5 .listDiv .form .input {
    background: #f2f2f2;
    min-height: .52rem;
    position: relative; }
    .giftLayer .step-5 .listDiv .form .input .ico {
      width: .2rem;
      position: absolute;
      z-index: 10;
      left: 0.18rem;
      right: auto;
      top: 0.16rem;
      bottom: auto; }
      .giftLayer .step-5 .listDiv .form .input .ico img:nth-child(2) {
        opacity: 0;
        position: absolute;
        z-index: 10;
        left: 0;
        right: auto;
        top: 0;
        bottom: auto; }
    .giftLayer .step-5 .listDiv .form .input input {
      width: 100%;
      height: .52rem;
      line-height: .52rem;
      font-size: .14rem;
      padding-left: .55rem; }
    .giftLayer .step-5 .listDiv .form .input .btn {
      position: absolute;
      z-index: 10;
      left: auto;
      right: 0.1rem;
      top: 0.1rem;
      bottom: auto;
      width: .98rem;
      height: .32rem;
      font-size: .16rem;
      color: #fff;
      background: #d2a865;
      -moz-border-radius: 0.5rem;
      -webkit-border-radius: 0.5rem;
      border-radius: 0.5rem;
      opacity: 0;
      visibility: hidden; }
      .giftLayer .step-5 .listDiv .form .input .btn.show {
        opacity: 1;
        visibility: visible; }
      .giftLayer .step-5 .listDiv .form .input .btn.btn-1 {
        cursor: pointer; }
      .giftLayer .step-5 .listDiv .form .input .btn.btn-2 img {
        width: .2rem;
        animation: rotate 1s infinite linear;
        -webkit-animation: rotate 1s infinite linear; }
      .giftLayer .step-5 .listDiv .form .input .btn.btn-3 {
        background: #54d157; }
        .giftLayer .step-5 .listDiv .form .input .btn.btn-3 img {
          width: .16rem;
          margin-right: .06rem; }
      .giftLayer .step-5 .listDiv .form .input .btn.btn-4 {
        background: #999; }
        .giftLayer .step-5 .listDiv .form .input .btn.btn-4 img {
          width: .16rem;
          margin-right: .06rem; }
  .giftLayer .step-5 .listDiv .form .input.on .ico img:nth-child(1) {
    opacity: 0; }
  .giftLayer .step-5 .listDiv .form .input.on .ico img:nth-child(2) {
    opacity: 1; }
  .giftLayer .step-5 .listDiv .form .input.on input {
    color: #d2a865; }
  .giftLayer .step-5 .listDiv .form .select {
    color: #999;
    padding-left: .25rem; }
    .giftLayer .step-5 .listDiv .form .select:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      right: .2rem;
      width: .17rem;
      height: 100%;
      background: url("../image/select17.png") center no-repeat;
      background-size: 100%; }
    .giftLayer .step-5 .listDiv .form .select span {
      display: block;
      line-height: .52rem;
      font-size: .14rem; }
    .giftLayer .step-5 .listDiv .form .select dl {
      position: absolute;
      z-index: 30;
      left: 0;
      right: auto;
      top: 100%;
      bottom: auto;
      width: 100%;
      border: #ccc solid 1px;
      background: #f2f2f2;
      display: none;
      height: 2rem;
      overflow: hidden; }
    .giftLayer .step-5 .listDiv .form .select dd {
      padding: 0 .25rem;
      height: .4rem;
      line-height: .4rem;
      font-size: .14rem;
      color: #999;
      border-bottom: #ccc solid 1px; }
      .giftLayer .step-5 .listDiv .form .select dd:last-child {
        border: 0; }
      .giftLayer .step-5 .listDiv .form .select dd:hover {
        background-color: #f2ebe1;
        color: #d2a865; }
    .giftLayer .step-5 .listDiv .form .select.show dl {
      display: block; }
    .giftLayer .step-5 .listDiv .form .select.disable {
      opacity: 0;
      visibility: hidden; }
  .giftLayer .step-5 .listDiv .form .li_01 .select {
    width: 30%; }
  .giftLayer .step-5 .listDiv .form .li_01 .select:nth-child(1) {
    padding-left: .55rem;
    width: 36%; }
  .giftLayer .step-5 .listDiv .line {
    border-bottom: #ccc solid 1px;
    height: .1rem; }

/**/
.giftLayer .step-6 .listDiv {
  width: 7rem;
  padding: .2rem .4rem; }
  .giftLayer .step-6 .listDiv .title {
    font-size: .16rem;
    line-height: .56rem;
    position: relative;
    padding-left: .24rem;
    color: #888; }
    .giftLayer .step-6 .listDiv .title:before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 50%;
      width: .14rem;
      height: .14rem;
      background: #888;
      margin-top: -.07rem; }
  .giftLayer .step-6 .listDiv .fl {
    width: 1.02rem;
    padding-top: .1rem;
    text-align: center; }
    .giftLayer .step-6 .listDiv .fl p {
      font-size: .14rem;
      color: #888;
      padding: .1rem 0 .25rem 0; }
  .giftLayer .step-6 .listDiv .fr {
    width: 4.73rem;
    text-align: center;
    padding-top: .1rem; }
    .giftLayer .step-6 .listDiv .fr .price {
      color: #d2a865;
      font-size: .32rem;
      font-weight: bold;
      padding: .3rem 0 .15rem 0; }
    .giftLayer .step-6 .listDiv .fr p {
      font-size: .16rem;
      line-height: .22rem;
      color: #666; }

/**/
.giftLayer .step-7 .box {
  background: #f2f2f2;
  text-align: center;
  padding: .75rem 0 .7rem 0; }
  .giftLayer .step-7 .box .img {
    width: 1.26rem;
    margin: 0 auto; }
  .giftLayer .step-7 .box .name {
    font-size: .28rem;
    line-height: .44rem;
    color: #888;
    padding-top: .3rem;
    letter-spacing: .02rem; }
    .giftLayer .step-7 .box .name div {
      text-transform: uppercase;
      font-family: 'didot'; }
.giftLayer .step-7 .msg {
  text-align: center;
  font-size: .16rem;
  line-height: .28rem;
  color: #666;
  padding: .5rem 0; }
.giftLayer .step-7 .btn {
  padding-bottom: .7rem; }
  .giftLayer .step-7 .btn a {
    display: block;
    margin: 0 auto;
    background: #d2a865;
    color: #fff;
    text-align: center;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
    width: 2.32rem;
    height: .49rem;
    line-height: .49rem;
    font-size: .16rem; }

.giftLayerSide {
  width: 4.8rem;
  min-height: 8.3rem;
  background: #f2f2f2;
  padding: 0 .3rem; }
  .giftLayerSide .title {
    height: 1.25rem;
    border-bottom: #ccc solid 1px; }
    .giftLayerSide .title img {
      width: .7rem;
      margin-right: .28rem; }
    .giftLayerSide .title .name {
      font-size: .18rem;
      color: #888; }
      .giftLayerSide .title .name div {
        font-size: .28rem;
        font-family: 'didot';
        text-transform: uppercase;
        padding-bottom: .03rem; }
      .giftLayerSide .title .name span {
        display: block;
        letter-spacing: .02rem; }
  .giftLayerSide .title2 {
    height: 1.25rem;
    border-bottom: #ccc solid 1px; }
    .giftLayerSide .title2 h2 {
      font-size: .24rem;
      font-weight: 400;
      color: #666;
      padding: .26rem 0 .06rem 0; }
    .giftLayerSide .title2 .price {
      font-size: .32rem;
      color: #d2a865; }
  .giftLayerSide .tips {
    position: relative;
    min-height: .8rem;
    padding: .2rem 0 .2rem .68rem;
    z-index: 11; }
    .giftLayerSide .tips div {
      position: absolute;
      z-index: 10;
      left: 0;
      right: auto;
      top: 0.2rem;
      bottom: auto;
      width: .5rem;
      height: .5rem;
      line-height: .5rem;
      text-align: center;
      background: #999;
      font-size: .28rem;
      color: #fff;
      font-family: 'didot'; }
    .giftLayerSide .tips p {
      font-size: .16rem;
      line-height: .25rem;
      color: #888;
      min-height: .5rem; }
      .giftLayerSide .tips p.p-1 {
        padding: .12rem 0; }
  .giftLayerSide .imgList {
    min-height: 4.8rem;
    position: relative;
    padding: .9rem 0 0 .95rem;
    margin-right: -.3rem;
    margin-left: -.3rem; }
    .giftLayerSide .imgList .bg {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 4.8rem;
      background: center no-repeat;
      background-size: 4.8rem; }
    .giftLayerSide .imgList ul {
      height: 3rem;
      position: relative; }
    .giftLayerSide .imgList li {
      position: absolute;
      z-index: 2;
      cursor: pointer; }
      .giftLayerSide .imgList li:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border: #d2a865 dashed 0.02rem;
        opacity: 0;
        box-sizing: border-box; }
      .giftLayerSide .imgList li.on:before {
        opacity: 1; }
    .giftLayerSide .imgList li.li_01:before {
      display: none; }
    .giftLayerSide .imgList .msg {
      position: absolute;
      z-index: 10;
      left: 0;
      right: auto;
      top: auto;
      bottom: 0.12rem;
      width: 100%;
      text-align: center;
      font-size: .12rem;
      line-height: .16rem;
      color: #999; }
  .giftLayerSide .bigImg {
    min-height: 4.8rem; }
    .giftLayerSide .bigImg p {
      color: #d2a865;
      text-align: center;
      line-height: .56rem;
      font-size: .16rem; }
  .giftLayerSide .btn {
    padding: .1rem 0;
    position: relative;
    z-index: 11; }
    .giftLayerSide .btn a.next {
      min-width: 2.12rem;
      height: .49rem;
      line-height: .49rem;
      text-align: center;
      padding: 0 .2rem;
      color: #fff;
      background: #d2a865;
      -moz-border-radius: 0.5rem;
      -webkit-border-radius: 0.5rem;
      border-radius: 0.5rem;
      font-size: .16rem;
      letter-spacing: .02rem; }
    .giftLayerSide .btn a.prev {
      font-size: .16rem;
      text-transform: uppercase;
      color: #666;
      letter-spacing: .04rem;
      padding: .18rem 0 .1rem 0;
      border-bottom: #999 solid 1px; }

/*-------------------------------*/
.indexFlash {
  width: 100%;
  overflow: hidden;
  position: relative; }
  .indexFlash li {
    height: 6rem;
    background: center no-repeat;
    background-size: cover; }
  .indexFlash .arrow {
    display: block;
    width: .27rem;
    height: 100%;
    position: absolute;
    z-index: 10;
    left: auto;
    right: auto;
    top: 0;
    bottom: auto;
    background: center no-repeat;
    background-size: 100%; }
    .indexFlash .arrow.prev {
      left: .6rem;
      background-image: url("../image/nimg27_1.png"); }
    .indexFlash .arrow.next {
      right: .6rem;
      background-image: url("../image/nimg27_2.png"); }

.indexPart1 {
  padding: .6rem .6rem .3rem .6rem; }
  .indexPart1 ul {
    margin-left: -.3rem; }
  .indexPart1 li {
    padding: 0 0 .3rem .3rem;
    width: 32.5%; }
    .indexPart1 li.li_02, .indexPart1 li.li_03 {
      width: 67.5%; }
    .indexPart1 li .box {
      height: 4.22rem;
      background: center no-repeat;
      background-size: cover;
      position: relative; }
    .indexPart1 li a.name {
      text-align: center;
      position: absolute;
      z-index: 10;
      left: 0;
      right: auto;
      top: 0;
      bottom: auto;
      width: 100%;
      height: 100%;
      color: #888; }
      .indexPart1 li a.name .ico {
        width: .67rem; }
        .indexPart1 li a.name .ico img {
          width: 100%; }
      .indexPart1 li a.name h2 {
        font-family: 'didot';
        text-transform: uppercase;
        font-size: .42rem;
        letter-spacing: .04rem;
        padding: .2rem 0 .12rem 0; }
      .indexPart1 li a.name em {
        font-size: .2rem;
        letter-spacing: .15rem; }
    .indexPart1 li .layer {
      position: absolute;
      z-index: 10;
      left: 0;
      right: auto;
      top: 40%;
      bottom: auto;
      width: 100%;
      opacity: 0;
      visibility: hidden;
      text-align: center;
      color: #888; }
      .indexPart1 li .layer h2 {
        font-family: 'didot';
        text-transform: uppercase;
        font-size: .42rem;
        padding: 1rem 0 .4rem 0; }
      .indexPart1 li .layer dl a {
        display: block;
        text-align: center;
        width: 1.2rem;
        color: #888;
        font-size: .22rem; }
        .indexPart1 li .layer dl a em {
          display: block;
          font-size: .12rem;
          font-family: 'didot';
          text-transform: uppercase;
          padding-top: .06rem; }
        .indexPart1 li .layer dl a:hover {
          color: #d2a865; }
    .indexPart1 li a.title {
      position: absolute;
      z-index: 10;
      left: 0;
      right: auto;
      top: auto;
      bottom: 0;
      width: 100%;
      color: #d2a865;
      opacity: 0; }
      .indexPart1 li a.title .ico {
        width: .6rem;
        background: #d2a865;
        padding: .075rem; }
      .indexPart1 li a.title .col {
        padding-left: .2rem;
        font-size: .18rem;
        text-align: left; }
      .indexPart1 li a.title h3 {
        font-size: .18rem;
        font-family: 'didot';
        text-transform: uppercase; }
  

.pageTitle2 {
  text-align: center;
  color: #888;
  padding: 1.1rem 0 .26rem 0; }
  .pageTitle2 h2 {
    font-family: 'didot';
    text-transform: uppercase;
    font-size: .52rem;
    letter-spacing: .04rem;
    padding-bottom: .06rem; }
  .pageTitle2 div {
    font-size: .24rem;
    letter-spacing: .15rem; }

.indexPart2 {
  min-height: 7rem;
  margin: 0 .6rem;
  background: center no-repeat;
  background-size: cover; }
  .indexPart2 .container {
    height: 7rem;
    width: 50%;
    margin-left: auto; }
  .indexPart2 .pageTitle2 {
    padding: 0;
    text-align: left; }
  .indexPart2 .msg {
    min-height: 1.6rem;
    padding: .4rem 0;
    font-size: .14rem;
    line-height: .22rem;
    color: #888; }
  .indexPart2 a.btn {
    width: 2.12rem;
    height: .49rem;
    line-height: .49rem;
    text-align: center;
    background: #d2a865;
    font-size: .18rem;
    color: #fff;
    letter-spacing: .1rem;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem; }

.indexPart3 {
  padding: 0 .6rem; }
  .indexPart3 ul {
    margin-left: -.3rem; }
  .indexPart3 li {
    padding: 0 0 .6rem .3rem;
    width: 33.333%;
    text-align: center; }
    .indexPart3 li .img a {
      display: block;
      position: relative; }
      .indexPart3 li .img a img {
        width: 100%; }
      .indexPart3 li .img a img:nth-child(2) {
        position: absolute;
        z-index: 10;
        left: 0;
        right: auto;
        top: 0;
        bottom: auto;
        width: 100%;
        opacity: 0; }
    .indexPart3 li .name {
      padding-top: .3rem; }
      .indexPart3 li .name a {
        display: block;
        font-size: .22rem;
        color: #888;
        height: 1.2em;
        line-height: 1.2em; }
    .indexPart3 li .price {
      color: #d2a865;
      font-size: .2rem;
      line-height: .4rem; }
    .indexPart3 li:hover .img a img:nth-child(1) {
      opacity: 0; }
    .indexPart3 li:hover .img a img:nth-child(2) {
      opacity: 1; }
    .indexPart3 li:hover .name a {
      color: #d2a865; }

.indexLayer {
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  opacity: 0;
  visibility: hidden; }
  .indexLayer.show {
    opacity: 1;
    visibility: visible; }
  .indexLayer .container {
    width: 8.5rem;
    background: #fff;
    min-height: 5rem;
    position: relative; }
    .indexLayer .container a.close {
      display: block;
      width: .49rem;
      height: .49rem;
      background: url("../image/nimg49.png") center no-repeat;
      background-size: cover;
      position: absolute;
      z-index: 10;
      left: auto;
      right: -0.8rem;
      top: 0;
      bottom: auto; }
    .indexLayer .container .box {
      height: 3.88rem;
      background: url("../image/img850.jpg") center no-repeat;
      background-size: cover;
      text-align: center;
      color: #888;
      font-size: .16rem; }
      .indexLayer .container .box .ico {
        width: 1.4rem; }
      .indexLayer .container .box .name {
        font-size: .28rem;
        padding: .4rem 0 .15rem 0; }
        .indexLayer .container .box .name h2 {
          font-weight: 400;
          font-size: .28rem;
          font-family: 'didot';
          letter-spacing: .04rem;
          text-transform: uppercase; }
        .indexLayer .container .box .name div {
          letter-spacing: .06rem; }
    .indexLayer .container .form {
      width: 6.14rem;
      margin: 0 auto;
      padding: .6rem 0 .7rem 0; }
      .indexLayer .container .form .input {
        background: #f2f2f2 url("../image/nimg19.png") 0.2rem center no-repeat;
        background-size: .19rem; }
        .indexLayer .container .form .input input {
          width: 100%;
          height: .52rem;
          line-height: .52rem;
          font-size: .14rem;
          padding-left: .55rem; }
      .indexLayer .container .form .submit {
        padding-top: .55rem; }
        .indexLayer .container .form .submit div {
          width: 2.32rem;
          background: #d2a865;
          -moz-border-radius: 0.5rem;
          -webkit-border-radius: 0.5rem;
          border-radius: 0.5rem;
          margin: 0 auto; }
        .indexLayer .container .form .submit input {
          height: .49rem;
          width: 100%;
          font-size: .16rem;
          color: #fff;
          cursor: pointer; }
    .indexLayer .container .msg {
      padding: .6rem 0 .7rem 0;
      text-align: center; }
      .indexLayer .container .msg p {
        font-size: .16rem;
        line-height: .28rem;
        color: #666;
        padding-bottom: .6rem; }
      .indexLayer .container .msg .btn a {
        display: block;
        width: 2.32rem;
        background: #d2a865;
        -moz-border-radius: 0.5rem;
        -webkit-border-radius: 0.5rem;
        border-radius: 0.5rem;
        margin: 0 auto;
        height: .49rem;
        line-height: .49rem;
        font-size: .16rem;
        color: #fff; }
  .indexLayer .container-2 .box {
    background: #f2f2f2; }
    .indexLayer .container-2 .box .ico {
      width: 1.19rem; }

.giftClassTitle {
  line-height: .8rem;
  background: #f2f2f2;
  padding: 0 .3rem;
  font-size: .28rem;
  position: relative; }
  .giftClassTitle:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: .3rem;
    width: .23rem;
    height: 100%;
    background: url("../image/img23.png") center no-repeat;
    background-size: 100%; }

.giftClass {
  background: #f2f2f2;
  position: relative; }
  .giftClass dd a {
    display: inline-block;
    height: .32rem;
    line-height: .32rem;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
    padding: 0 .45rem 0 .2rem;
    margin-left: -.2rem;
    font-size: .14rem;
    color: #999;
    position: relative; }
    .giftClass dd a i {
      display: none;
      position: absolute;
      z-index: 10;
      left: auto;
      right: 0.15rem;
      top: 0;
      bottom: auto;
      width: .2rem;
      height: 100%;
      background: url("../image/nimg20_1.png") center no-repeat;
      background-size: 100%; }
    .giftClass dd a i:hover {
      background-image: url("../image/nimg20_2.png"); }
  .giftClass dd a:hover {
    color: #d2a865; }
  .giftClass dd a.on {
    background: #f2ebe2;
    color: #d2a865; }
    .giftClass dd a.on i {
      display: block; }
  .giftClass .list {
    padding-left: 1.55rem;
    min-height: 3.42rem; }
    .giftClass .list li {
      min-width: 2.05rem; }
      .giftClass .list li .name {
        font-size: .16rem;
        color: #666;
        line-height: .24rem;
        padding: .45rem 0 .2rem 0; }
        .giftClass .list li .name div {
          text-transform: uppercase;
          font-family: 'didot'; }
      .giftClass .list li dd {
        padding-bottom: .04rem; }
  .giftClass .list2 {
    position: fixed;
    z-index: 40;
    left: 0;
    top: .8rem;
    width: 100%;
    background: #f2f2f2;
    opacity: 0;
    visibility: hidden; }
    .giftClass .list2.on {
      opacity: 1;
      visibility: visible; }
    .giftClass .list2.onon dl {
      opacity: 0;
      visibility: hidden; }
    .giftClass .list2 .wal {
      height: .8rem;
      position: relative; }
    .giftClass .list2 a.btn {
      position: absolute;
      z-index: 10;
      left: auto;
      right: 0;
      top: 0;
      bottom: auto;
      font-size: .14rem;
      color: #999;
      line-height: .8rem;
      padding-right: .35rem;
      background: url("../image/img23.png") right center no-repeat;
      background-size: .23rem; }
    .giftClass .list2 dd {
      padding: 0 .3rem 0 0; }
      .giftClass .list2 dd a {
        background: #f2ebe2;
        color: #d2a865;
        margin-left: 0; }
        .giftClass .list2 dd a i {
          display: block; }
  .giftClass .layer {
    position: fixed;
    z-index: 39;
    left: 0;
    top: 1.15rem;
    width: 100%;
    background: #f2f2f2;
    opacity: 0;
    visibility: hidden; }
    .giftClass .layer.on {
      opacity: 1;
      visibility: visible; }

.giftList {
  padding: .6rem 0 .4rem 0; }
  .giftList ul {
    margin-left: -.22rem; }
  .giftList li {
    padding: 0 0 .3rem .22rem;
    width: 33.333%;
    text-align: center; }
    .giftList li .img a {
      display: block;
      position: relative; }
      .giftList li .img a img {
        width: 100%; }
      .giftList li .img a img:nth-child(2) {
        position: absolute;
        z-index: 10;
        left: 0;
        right: auto;
        top: 0;
        bottom: auto;
        width: 100%;
        opacity: 0; }
    .giftList li .name {
      padding-top: .25rem; }
      .giftList li .name a {
        display: block;
        font-size: .16rem;
        color: #888;
        height: 1.2em;
        line-height: 1.2em; }
    .giftList li .price {
      color: #d2a865;
      font-size: .12rem;
      line-height: .4rem; }
    .giftList li:hover .img a img:nth-child(1) {
      opacity: 0; }
    .giftList li:hover .img a img:nth-child(2) {
      opacity: 1; }
    .giftList li:hover .name a {
      color: #d2a865; }

.giftShow {
  padding: .5rem 0 .6rem 0;
  border-bottom: #ccc solid 1px;
  color: #888; }
  .giftShow .imgBox {
    width: 7rem;
    overflow: hidden;
    position: relative; }
    .giftShow .imgBox .list {
      padding-top: .2rem; }
      .giftShow .imgBox .list ul {
        margin-left: -.1rem; }
      .giftShow .imgBox .list li {
        width: 33.333%;
        max-width: .76rem;
        padding-left: .1rem; }
        .giftShow .imgBox .list li img {
          -webkit-filter: grayscale(100%);
          -moz-filter: grayscale(100%);
          -ms-filter: grayscale(100%);
          -o-filter: grayscale(100%);
          filter: grayscale(100%);
          cursor: pointer; }
        .giftShow .imgBox .list li.on img {
          -webkit-filter: grayscale(0);
          -moz-filter: grayscale(0);
          -ms-filter: grayscale(0);
          -o-filter: grayscale(0);
          filter: grayscale(0); }
  .giftShow .container {
    width: 4.45rem; }
    .giftShow .container .title {
      font-size: .24rem;
      padding: .9rem 0 .15rem 0; }
      .giftShow .container .title h2 {
        font-size: .27rem;
        text-transform: uppercase;
        font-family: 'didot';
        padding-bottom: .06rem; }
    .giftShow .container .msg {
      font-size: .14rem;
      color: #ccc; }
    .giftShow .container .price {
      font-size: .27rem;
      color: #d2a865;
      padding: .4rem 0; }
    .giftShow .container .content {
      min-height: 2.22rem;
      padding-bottom: .4rem;
      font-size: .14rem;
      line-height: .26rem;
      text-align: justify; }
    .giftShow .container .btn a {
      margin-right: .3rem;
      -moz-border-radius: 0.5rem;
      -webkit-border-radius: 0.5rem;
      border-radius: 0.5rem;
      width: 2.04rem;
      height: .5rem;
      background: #ccc;
      font-size: .18rem;
      color: #fff; }
      .giftShow .container .btn a img {
        width: .24rem;
        margin-right: .12rem; }
      .giftShow .container .btn a:hover {
        background: #d2a865; }

.giftShow2 {
  padding-top: .6rem; }
  .giftShow2 ul {
    margin-left: -.3rem; }
  .giftShow2 li {
    width: 33.333%;
    padding: 0 0 0 .3rem;
    text-align: center; }
    .giftShow2 li .img a {
      display: block;
      position: relative; }
      .giftShow2 li .img a img:nth-child(2) {
        position: absolute;
        z-index: 10;
        left: 0;
        right: auto;
        top: 0;
        bottom: auto;
        opacity: 0; }
      .giftShow2 li .img a:hover img:nth-child(2) {
        opacity: 1; }
    .giftShow2 li .num {
      height: 1.1rem;
      line-height: 1.1rem;
      font-family: 'didot';
      font-size: .66rem;
      color: #ccc;
      position: relative; }
      .giftShow2 li .num:before {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        bottom: 0;
        width: .3rem;
        height: 1px;
        margin-left: -.15rem;
        background: #ccc; }
    .giftShow2 li .msg {
      min-height: 1.23rem;
      padding: .25rem 0;
      font-size: .14rem;
      line-height: .2rem;
      color: #888; }
  .giftShow2 li.liAdd .img a {
    background: #f2f2f2; }
    .giftShow2 li.liAdd .img a:hover {
      background: #d2a865; }
  .giftShow2 li.liAdd .num {
    font-size: .32rem;
    line-height: .8rem;
    padding-top: .3rem; }

.giftBtn {
  padding: .8rem 0;
  border-top: #ccc solid 1px;
  position: relative; }
  .giftBtn:before {
    content: "";
    display: block;
    position: absolute;
    top: .8rem;
    left: 50%;
    width: 1px;
    height: .5rem;
    background: #ccc; }
  .giftBtn a {
    margin: 0 1rem;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
    width: 2.04rem;
    height: .5rem;
    background: #d2a865;
    font-size: .18rem;
    color: #fff; }
    .giftBtn a img {
      width: .24rem;
      margin-right: .12rem; }
    .giftBtn a:hover {
      background: #CD853F; }

.giftBtn-2:before {
  display: none; }

.giftImgShow .title {
  text-align: center;
  font-size: .14rem;
  color: #888;
  padding: .55rem 0 .5rem 0;
  border-bottom: #ccc solid 1px; }
  .giftImgShow .title div {
    color: #ccc;
    text-transform: uppercase;
    font-family: 'didot';
    font-size: .48rem;
    position: relative;
    padding-bottom: .45rem; }
    .giftImgShow .title div:before {
      content: "";
      display: block;
      position: absolute;
      left: 50%;
      bottom: .25rem;
      width: .3rem;
      height: 1px;
      background: #ccc;
      margin-left: -.15rem; }
.giftImgShow .list {
  padding: .3rem 0; }
  .giftImgShow .list ul {
    margin-left: -.6rem; }
  .giftImgShow .list li {
    width: 50%;
    padding: 0 0 .6rem .6rem; }
    .giftImgShow .list li .content, .giftImgShow .list li .msg {
      font-size: .14rem;
      line-height: .26rem;
      color: #888; }
    .giftImgShow .list li .msg {
      position: relative;
      padding-top: .7rem; }
      .giftImgShow .list li .msg:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: .35rem;
        width: .76rem;
        height: 1px;
        background: #ccc; }

.packing_01 {
  padding-bottom: .9rem; }
  .packing_01 .content {
    font-size: .14rem;
    line-height: .21rem;
    color: #888;
    padding-bottom: .4rem; }
    .packing_01 .content .col {
      width: 5.35rem; }
  .packing_01 .imgList {
    position: relative; }
  .packing_01 .list-wrapper {
    width: 100%;
    overflow: hidden;
    position: relative; }
  .packing_01 .arrow {
    display: block;
    width: .2rem;
    height: 100%;
    position: absolute;
    z-index: 10;
    left: auto;
    right: auto;
    top: 0;
    bottom: auto;
    background: center no-repeat;
    background-size: 100%; }
    .packing_01 .arrow.prev {
      left: -.6rem;
      background-image: url("../image/nimg27_1.png"); }
    .packing_01 .arrow.next {
      right: -.6rem;
      background-image: url("../image/nimg27_2.png"); }

.pageTitle3 {
  border-bottom: #ccc solid 1px;
  color: #888;
  letter-spacing: .02rem; }
  .pageTitle3 h2 {
    text-transform: uppercase;
    font-family: 'didot';
    font-size: .38rem;
    line-height: .54rem; }
  .pageTitle3 div {
    font-size: .24rem;
    padding: .27rem 0 .37rem 0; }

.packing_02 {
  padding: .6rem 0 1rem 0; }
  .packing_02 .box {
    padding: 0 .3rem;
    color: #888; }
    .packing_02 .box .num {
      font-family: 'didot';
      font-style: italic;
      font-size: .14rem;
      color: #ccc;
      padding-top: .45rem;
      text-align: center; }
    .packing_02 .box .title {
      padding-bottom: .35rem;
      font-size: .18rem;
      text-align: center; }
      .packing_02 .box .title div {
        font-size: .22rem;
        font-family: 'didot';
        line-height: .38rem; }
    .packing_02 .box .content {
      font-size: .14rem;
      line-height: .21rem; }
  .packing_02 .col-1 {
    width: 31.6%;
    background: #efeeec;
    position: relative; }
    .packing_02 .col-1 .img {
      width: 1.97rem;
      position: absolute;
      z-index: 10;
      left: 0.36rem;
      right: auto;
      top: auto;
      bottom: 0.98rem;
      opacity: .5; }
  .packing_02 ul {
    width: 68.4%; }
  .packing_02 li {
    width: 50%;
    padding: 0 0 .27rem .3rem; }
    .packing_02 li .box {
      min-height: 4.21rem;
      background: #efeeec; }
    .packing_02 li.li_02 .box {
      background: #f2eee2; }
    .packing_02 li.li_03 .box {
      background: #f4eee2; }
    .packing_02 li.li_04 .box {
      background: #f1eee9; }
    .packing_02 li.li_03, .packing_02 li.li_04 {
      padding-bottom: 0; }

.packing_03 {
  color: #888; }
  .packing_03 li {
    border-bottom: #ccc solid 1px;
    padding: .6rem 0 .5rem 0; }
  .packing_03 .title {
    font-size: .2rem;
    padding-bottom: .4rem; }
    .packing_03 .title div {
      font-family: 'didot';
      text-transform: uppercase;
      font-size: .24rem;
      line-height: .38rem;
      padding-bottom: .06rem; }
    .packing_03 .title em {
      letter-spacing: .04rem; }
  .packing_03 .content {
    font-size: .14rem;
    line-height: .21rem; }
    .packing_03 .content .col {
      width: 5.35rem; }

.packing_04 {
  padding: .8rem 0 .4rem 0; }
  .packing_04 .row {
    padding-bottom: .4rem;
    width: 100%; }
    .packing_04 .row .bg {
      background: #f6f6f6; }
    .packing_04 .row .imgList {
      width: 7.06rem;
      overflow: hidden;
      position: relative; }
      .packing_04 .row .imgList .arrow {
        display: block;
        width: .23rem;
        height: 100%;
        position: absolute;
        z-index: 10;
        left: auto;
        right: auto;
        top: 0;
        bottom: auto;
        background: center no-repeat;
        background-size: 100%; }
        .packing_04 .row .imgList .arrow.prev {
          left: .3rem;
          background-image: url("../image/nimg23_1.png"); }
          .packing_04 .row .imgList .arrow.prev:hover {
            background-image: url("../image/nimg23_1on.png"); }
        .packing_04 .row .imgList .arrow.next {
          right: .3rem;
          background-image: url("../image/nimg23_2.png"); }
          .packing_04 .row .imgList .arrow.next:hover {
            background-image: url("../image/nimg23_2on.png"); }
    .packing_04 .row .container {
      width: 4.9rem;
      padding-left: 1rem;
      color: #888; }
      .packing_04 .row .container h2 {
        font-family: 'didot';
        font-size: .8rem;
        font-style: italic; }
      .packing_04 .row .container .name {
        font-size: .18rem;
        padding: .06rem 0 .45rem 0; }
        .packing_04 .row .container .name div {
          letter-spacing: .02rem; }
        .packing_04 .row .container .name em {
          display: block;
          line-height: .21rem;
          text-transform: uppercase;
          font-family: 'didot';
          padding-top: .1rem; }
      .packing_04 .row .container .btn a {
        display: inline-block;
        font-size: .14rem;
        color: #666;
        line-height: .3rem;
        padding-left: .25rem;
        background: url("../image/img14.jpg") left center no-repeat;
        background-size: .14rem; }
        .packing_04 .row .container .btn a:hover {
          color: #d2a865;
          background-image: url("../image/img14.png"); }
  .packing_04 .row.row-2 .container {
    order: -1; }

@media screen and (min-width: 800px) {
  .packing_04-2 .row {
    padding-bottom: .24rem; }
  .packing_04-2 .row.row-3 {
    width: 7.5rem; }
    .packing_04-2 .row.row-3 .bg {
      min-height: 7.14rem;
      position: relative;
      align-items: flex-start;
      -webkit-align-items: flex-start; }
    .packing_04-2 .row.row-3 .imgList {
      width: 4.6rem;
      position: absolute;
      z-index: 10;
      left: auto;
      right: 0;
      top: auto;
      bottom: 0; }
    .packing_04-2 .row.row-3 .container {
      padding: .65rem 0 0 .65rem; }
      .packing_04-2 .row.row-3 .container .name {
        padding-bottom: .3rem; }
  .packing_04-2 .row.row-4 {
    width: 4.3rem; }
    .packing_04-2 .row.row-4 .bg {
      min-height: 7.14rem;
      background: #f1ecf0;
      position: relative;
      align-items: flex-start;
      -webkit-align-items: flex-start; }
    .packing_04-2 .row.row-4 .imgList {
      width: 100%;
      position: absolute;
      z-index: 10;
      left: auto;
      right: 0;
      top: 0;
      bottom: auto; }
    .packing_04-2 .row.row-4 .container {
      padding: 4.4rem 0 0 .45rem; }
      .packing_04-2 .row.row-4 .container .name {
        padding-bottom: .3rem; } }
.pageTitle4 {
  text-align: center;
  padding: .95rem 0;
  background: #f2f2f2;
  font-size: .18rem;
  color: #888; }
  .pageTitle4 div {
    text-transform: uppercase;
    font-family: 'didot';
    padding-bottom: .08rem;
    font-size: .28rem; }
  .pageTitle4 em {
    display: block;
    letter-spacing: .02rem; }

.packingShow {
  padding: .6rem 0; }
  .packingShow ul {
    margin-left: -.6rem; }
  .packingShow li {
    width: 50%;
    padding: 0 0 .6rem .6rem; }

.project_01 .img {
  width: 100%;
  padding-bottom: .4rem; }
.project_01 .img2 {
  width: 6rem; }
.project_01 .content {
  /*width: 5.4rem;*/
  width: 100%;
  padding: .8rem 0;
  font-size: .14rem;
  line-height: .21rem;
  color: #888; }

.project_02 {
  padding-bottom: .8rem; }
  .project_02 ul {
    margin-left: -.3rem; }
  .project_02 li {
    width: 33.333%;
    padding: 0 0 .3rem .3rem;
    text-align: center; }
    .project_02 li .name {
      color: #888;
      padding-top: .25rem;
      font-size: .14rem;
      line-height: .2rem;
      letter-spacing: .02rem; }

.srdz_01 {
  background: center no-repeat;
  background-size: cover;
  min-height: 6.27rem;
  padding: 0 0 0 50%;
  color: #888; }
  .srdz_01 .title {
    position: relative;
    padding-bottom: .6rem; }
    .srdz_01 .title:before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      bottom: .3rem;
      width: .75rem;
      height: 1px;
      background: #ccc; }
    .srdz_01 .title h2 {
      text-transform: uppercase;
      font-family: 'didot';
      font-size: .18rem;
      line-height: .24rem;
      padding-bottom: .13rem; }
    .srdz_01 .title div {
      font-size: .24rem;
      line-height: .34rem;
      letter-spacing: .02rem; }
  .srdz_01 .content {
    font-size: .14rem;
    line-height: .26rem;
    width: 4rem; }

.srdz_02 {
  padding-bottom: 1rem; }
  .srdz_02 li {
    position: relative;
    padding: 0 0 0 2.71rem;
    min-height: .5rem;
    color: #888; }
    .srdz_02 li:before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: .18rem;
      height: 100%;
      border-right: #ccc dashed .02rem; }
    .srdz_02 li:last-child:before {
      display: none; }
    .srdz_02 li .title {
      position: absolute;
      z-index: 10;
      left: 0;
      right: auto;
      top: -0.2rem;
      bottom: auto;
      background: #fff;
      padding: .2rem 0 .45rem 0; }
      .srdz_02 li .title:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: .2rem;
        width: 1rem;
        height: 1px;
        background: #ccc; }
      .srdz_02 li .title img {
        width: .4rem;
        margin-right: .1rem; }
      .srdz_02 li .title em {
        font-size: .18rem; }
      .srdz_02 li .title h5 {
        font-family: 'didot';
        text-transform: uppercase;
        font-size: .14rem;
        padding-top: .03rem; }
    .srdz_02 li .content {
      font-size: .14rem;
      line-height: .21rem;
      padding-bottom: .4rem; }
      .srdz_02 li .content .col {
        width: 4.2rem; }
    .srdz_02 li .img {
      padding-bottom: .6rem; }

.srdz_03 {
  color: #888; }
  .srdz_03 .title {
    height: 5.42rem;
    background: center no-repeat;
    background-size: cover;
    text-align: center;
    font-size: .24rem; }
    .srdz_03 .title h2 {
      font-size: .29rem;
      font-family: 'didot';
      text-transform: uppercase;
      padding: 1.25rem 0 .05rem 0; }
  .srdz_03 .content {
    font-size: .14rem;
    line-height: .21rem;
    padding: .45rem 0 .9rem 0; }
    .srdz_03 .content .col {
      width: 5.3rem; }

.jjzs {
  padding: .6rem 0 .4rem 0; }
  .jjzs ul {
    margin-left: -.22rem; }
  .jjzs li {
    padding: 0 0 .3rem .22rem;
    width: 33.333%;
    text-align: center; }
    .jjzs li .img a {
      display: block;
      position: relative; }
      .jjzs li .img a img:nth-child(2) {
        position: absolute;
        z-index: 10;
        left: 0;
        right: auto;
        top: 0;
        bottom: auto;
        opacity: 0; }
      .jjzs li .img a:hover img:nth-child(2) {
        opacity: 1; }
    .jjzs li .name {
      padding-top: .25rem; }
      .jjzs li .name a {
        display: block;
        font-size: .16rem;
        color: #888;
        height: 1.2em;
        line-height: 1.2em; }
        .jjzs li .name a em {
          color: #d2a865; }
    .jjzs li .price {
      color: #d2a865;
      font-size: .16rem;
      line-height: .4rem; }
    .jjzs li:hover .name a {
      color: #d2a865; }

.jjzsShow_01 {
  background: #f2f2f2;
  padding: .55rem 0 .35rem 0;
  text-align: center; }
  .jjzsShow_01 .name {
    font-size: .24rem;
    color: #666; }
  .jjzsShow_01 .price {
    color: #d2a865;
    font-size: .32rem;
    line-height: .88rem; }
  .jjzsShow_01 a {
    width: 2.04rem;
    height: .5rem;
    background: #ccc;
    font-size: .18rem;
    color: #fff;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
    /*margin: 0 auto;*/ }
    .jjzsShow_01 a img {
      width: .24rem;
      margin-right: .18rem; }
    .jjzsShow_01 a:hover {
      background: #d2a865; }

.jjzsShow_02 {
  padding-top: .6rem; }
  .jjzsShow_02 ul {
    margin-left: -.6rem; }
  .jjzsShow_02 li {
    width: 50%;
    padding: 0 0 .6rem .6rem; }
  .jjzsShow_02 .content {
    position: relative;
    font-size: .14rem;
    line-height: .26rem;
    color: #666;
    padding-top: .28rem; }
    .jjzsShow_02 .content:before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: .8rem;
      height: 1px;
      background: #ccc; }

.corporate_01 .content {
  font-size: .14rem;
  line-height: .21rem;
  color: #888;
  padding: .75rem 0 .6rem 0; }
  .corporate_01 .content .col {
    width: 5.3rem; }
.corporate_01 .container {
  padding: .55rem 0 .65rem 0;
  text-align: center;
  background: #d5d5d5; }
  .corporate_01 .container .title {
    font-size: .24rem;
    color: #fff;
    padding-bottom: .45rem; }
    .corporate_01 .container .title h2 {
      text-transform: uppercase;
      font-family: 'didot';
      font-size: .29rem;
      line-height: .36rem;
      padding-bottom: .07rem; }
    .corporate_01 .container .title div {
      letter-spacing: .02rem; }
  .corporate_01 .container p {
    font-size: .14rem;
    line-height: .21rem;
    color: #666; }

.corporate_02 .content {
  font-size: .14rem;
  line-height: .21rem;
  color: #888;
  padding: .2rem 0 .6rem 0; }
  .corporate_02 .content .col {
    width: 5.3rem; }
.corporate_02 .container {
  background: #f2f2f2;
  padding: .95rem 1.25rem;
  color: #888; }
  .corporate_02 .container .title {
    position: relative; }
    .corporate_02 .container .title:before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      bottom: 0;
      width: 4.55rem;
      height: 1px;
      background: #ccc; }
    .corporate_02 .container .title h2 {
      text-transform: uppercase;
      font-family: 'didot';
      font-size: .52rem;
      line-height: .54rem; }
    .corporate_02 .container .title div {
      font-size: .24rem;
      padding: .1rem 0 .55rem 0;
      letter-spacing: .02rem; }
  .corporate_02 .container .msg {
    font-size: .26rem;
    line-height: .38rem;
    padding: .2rem 0 1rem 0;
    text-transform: uppercase;
    letter-spacing: .01rem; }
  .corporate_02 .container .msg2 {
    padding-top: .4rem;
    font-size: 0;
    width: 3.1rem;
    margin-left: auto;
    position: relative;
    left: 1.25rem;
    letter-spacing: .01rem; }
    .corporate_02 .container .msg2 div {
      font-size: .18rem; }
    .corporate_02 .container .msg2 em {
      background: #d2a865;
      font-size: .16rem;
      color: #fff;
      line-height: .28rem;
      padding: 0 .1rem;
      display: inline-block;
      margin-top: .06rem; }

.corporate_03 {
  padding-bottom: 1.1rem; }
  .corporate_03 .title {
    font-size: .18rem;
    padding-bottom: .25rem;
    color: #888; }
    .corporate_03 .title img {
      width: .38rem;
      margin-right: .12rem; }
    .corporate_03 .title h2 {
      font-size: .14rem;
      text-transform: uppercase;
      font-family: 'didot';
      padding-top: .03rem; }
  .corporate_03 .content {
    font-size: .14rem;
    line-height: .21rem;
    color: #888;
    position: relative;
    padding-top: .28rem; }
    .corporate_03 .content:before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 1rem;
      height: 1px;
      background: #ccc; }
  .corporate_03 .box-1 {
    position: relative;
    min-height: 5.7rem; }
    .corporate_03 .box-1 .content {
      width: 5.2rem; }
    .corporate_03 .box-1 .img {
      position: absolute;
      z-index: 10;
      left: auto;
      right: 0;
      top: 0;
      bottom: auto;
      width: 5.97rem; }
  .corporate_03 .box-2 {
    align-items: flex-end;
    -webkit-align-items: flex-end;
    padding-bottom: 1.1rem; }
    .corporate_03 .box-2 .img {
      width: 7.18rem; }
    .corporate_03 .box-2 .content {
      width: 4.3rem; }
  .corporate_03 .imgList {
    position: relative; }
    .corporate_03 .imgList .arrow {
      display: block;
      width: .43rem;
      height: 100%;
      position: absolute;
      z-index: 10;
      left: auto;
      right: auto;
      top: 0;
      bottom: auto;
      background: center no-repeat;
      background-size: 100%; }
      .corporate_03 .imgList .arrow.prev {
        left: -.9rem;
        background-image: url("../image/nimg43_1.png"); }
      .corporate_03 .imgList .arrow.next {
        right: -.9rem;
        background-image: url("../image/nimg43_2.png"); }
  .corporate_03 .list-wrapper {
    width: 100%;
    overflow: hidden;
    position: relative; }
  .corporate_03 .content2 {
    font-size: .14rem;
    line-height: .21rem;
    color: #888;
    padding: .7rem 0; }
    .corporate_03 .content2 .col {
      width: 5.3rem; }

.corporate_04 {
  padding-left: .9rem;
  border-left: #d2a865 solid 0.02rem;
  margin-bottom: 1.2rem; }
  .corporate_04 .col {
    width: 4.1rem; }
  .corporate_04 h2 {
    font-family: 'didot';
    text-transform: uppercase;
    font-style: italic;
    font-size: .55rem;
    color: #b4b4b4;
    line-height: .5rem;
    padding-bottom: .2rem; }
  .corporate_04 .title {
    background: #d2a865;
    color: #fff;
    font-size: .18rem;
    line-height: .24rem;
    text-transform: uppercase;
    letter-spacing: .02rem;
    padding: .1rem .14rem; }
  .corporate_04 .msg {
    font-size: .12rem;
    color: #d2a865;
    padding: .1rem 0 .45rem 0; }
  .corporate_04 .title2 {
    color: #666;
    height: .9rem;
    background: #e8e8e8;
    width: 3.02rem;
    padding-left: .24rem;
    text-transform: uppercase; }
    .corporate_04 .title2.title2-2 {
      width: 100%; }
    .corporate_04 .title2.title2-3 {
      height: 1.13rem; }
    .corporate_04 .title2 span {
      font-family: 'didot';
      font-style: italic;
      font-size: .55rem;
      color: #b4b4b4;
      padding-right: .2rem; }
    .corporate_04 .title2 div {
      font-size: .18rem;
      line-height: .23rem; }
  .corporate_04 .list {
    min-height: .4rem;
    padding-left: .28rem; }
    .corporate_04 .list ul {
      padding: .5rem 0 0 0; }
    .corporate_04 .list li {
      position: relative;
      padding: 0 0 .25rem .3rem; }
      .corporate_04 .list li:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: .22rem;
        width: .3rem;
        height: .02rem;
        background: #f2f2f2; }
      .corporate_04 .list li:after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: -.5rem;
        width: .02rem;
        height: 106%;
        background: #e8e8e8; }
      .corporate_04 .list li:last-child {
        padding-bottom: 0; }
    .corporate_04 .list a {
      height: .68rem;
      background: #f2f2f2;
      padding-left: .16rem; }
      .corporate_04 .list a img {
        width: .34rem;
        margin-right: .13rem; }
      .corporate_04 .list a div {
        font-size: .14rem;
        line-height: .2rem;
        color: #666;
        letter-spacing: .01rem; }
  .corporate_04 .col-2 .list ul {
    padding-bottom: .5rem; }
  .corporate_04 .col-2 .list a {
    width: 2.92rem; }

.xzlg {
  padding: .25rem 0 1rem 0; }
  .xzlg li {
    padding: .6rem 0;
    border-bottom: #ccc solid 1px; }
    .xzlg li .img {
      width: 8rem; }
    .xzlg li .box {
      width: 3.49rem; }
    .xzlg li .ewm {
      padding: .32rem;
      background: #f2f2f2; }
    .xzlg li .info {
      padding-top: .2rem; }
      .xzlg li .info img {
        width: .5rem;
        margin-right: .24rem; }
      .xzlg li .info div {
        font-size: .18rem;
        line-height: .27rem;
        color: #909090; }
  .xzlg li:nth-child(even) .box {
    order: -1; }

.pageSearch {
  background: #f2f2f2; }
  .pageSearch .wal {
    height: .8rem;
    position: relative; }
  .pageSearch .input input {
    width: 100%;
    height: .8rem;
    line-height: .8rem;
    font-size: .18rem;
    color: #d2a865; }
  .pageSearch ::-webkit-input-placeholder {
    color: #d2a865; }
  .pageSearch ::-moz-placeholder {
    color: #d2a865; }
  .pageSearch :-ms-input-placeholder {
    color: #d2a865; }
  .pageSearch .submit {
    position: absolute;
    z-index: 10;
    left: auto;
    right: 0;
    top: 50%;
    bottom: auto;
    width: .98rem;
    height: .32rem;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border-radius: 0.5rem;
    margin-top: -.16rem;
    background: #d2a865; }
    .pageSearch .submit input {
      width: 100%;
      height: .32rem;
      color: #fff;
      font-size: .16rem;
      cursor: pointer; }

.about_01 {
  height: 7.34rem;
  background: center no-repeat;
  background-size: cover;
  text-align: center;
  color: #888; }
  .about_01 .title {
    padding: .9rem 0 .5rem 0; }
    .about_01 .title h2 {
      text-transform: uppercase;
      font-family: 'didot';
      font-size: .52rem;
      letter-spacing: .02rem; }
    .about_01 .title div {
      font-size: .24rem;
      padding-top: .15rem;
      letter-spacing: .2rem;
      padding-left: .1rem; }
  .about_01 .msg {
    font-size: .14rem;
    line-height: .21rem; }

.about_02 .img {
  padding: .6rem 0 .5rem 0; }
.about_02 .content {
  font-size: .14rem;
  line-height: .21rem;
  color: #888;
  padding-bottom: .5rem;
  border-bottom: #ccc solid 1px; }
  .about_02 .content .col {
    width: 5.3rem; }
.about_02 .row .content2 {
  font-size: .14rem;
  line-height: .21rem;
  color: #888;
  padding-top: .3rem;
  position: relative;
  width: 4rem; }
  .about_02 .row .content2:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: .7rem;
    height: 1px;
    background: #ccc; }
.about_02 .row .img2 {
  width: 7.38rem; }
.about_02 .row2 {
  position: relative;
  padding-top: .5rem; }
  .about_02 .row2:before {
    content: "";
    display: block;
    position: absolute;
    left: -3.6rem;
    top: 0;
    width: 8.22rem;
    height: 3.32rem;
    background: #f2f2f2; }
  .about_02 .row2 .col {
    width: 6.24rem; }
  .about_02 .row2 .content2 {
    font-size: .14rem;
    line-height: .21rem;
    color: #888;
    padding-top: .3rem;
    position: relative;
    width: 5.15rem;
    margin-top: .8rem; }
    .about_02 .row2 .content2:before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: .7rem;
      height: 1px;
      background: #ccc; }
  .about_02 .row2 .img2 {
    width: 5.25rem; }

.about_03 .list {
  position: relative;
  margin-right: -.15rem;
  margin-left: -.15rem; }
.about_03 .arrow {
  display: block;
  width: .22rem;
  height: 100%;
  position: absolute;
  z-index: 10;
  left: auto;
  right: auto;
  top: 0;
  bottom: auto;
  background: center no-repeat;
  background-size: 100%; }
  .about_03 .arrow.prev {
    left: -.5rem;
    background-image: url("../image/nimg22_1.png"); }
  .about_03 .arrow.next {
    right: -.5rem;
    background-image: url("../image/nimg22_2.png"); }
.about_03 .list-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative; }
  .about_03 .list-wrapper li {
    padding: 0 .15rem; }
.about_03 .content {
  font-size: .14rem;
  line-height: .21rem;
  color: #888;
  padding-top: .45rem;
  border-top: #ccc solid 1px;
  margin-top: .5rem; }
  .about_03 .content .col {
    width: 5.3rem; }

.about_04 {
  padding-bottom: 1rem; }
  .about_04 .list {
    width: 5.35rem;
    color: #888; }
    .about_04 .list li {
      min-height: 3.8rem; }
    .about_04 .list li:nth-child(2) {
      border-top: #ccc solid 1px;
      padding-top: .8rem; }
    .about_04 .list .name {
      align-items: flex-end;
      -webkit-align-items: flex-end;
      padding-bottom: .4rem; }
      .about_04 .list .name img {
        width: .6rem;
        margin-right: .15rem; }
      .about_04 .list .name em {
        font-size: .18rem;
        letter-spacing: .02rem; }
      .about_04 .list .name h5 {
        font-size: .14rem;
        text-transform: uppercase;
        font-family: 'didot';
        padding-top: .05rem; }
    .about_04 .list dd {
      min-height: .5rem;
      padding: 0 0 .2rem .55rem;
      position: relative; }
      .about_04 .list dd img {
        position: absolute;
        z-index: 10;
        left: 0;
        right: auto;
        top: 0;
        bottom: auto;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        width: .4rem;
        background: #e4e4e4; }
      .about_04 .list dd p {
        font-size: .14rem;
        line-height: .24rem;
        padding-top: .08rem; }
  .about_04 .bigImg {
    width: 6rem;
    overflow: hidden;
    position: relative; }
    .about_04 .bigImg .arrow {
      height: 1.25rem;
      justify-content: flex-end;
      -webkit-justify-content: flex-end;
      padding-bottom: .2rem; }
      .about_04 .bigImg .arrow a {
        width: .22rem;
        height: .4rem;
        background: center no-repeat;
        background-size: 100%; }
        .about_04 .bigImg .arrow a.prev {
          background-image: url("../image/nimg22_1.png"); }
        .about_04 .bigImg .arrow a.next {
          background-image: url("../image/nimg22_2.png"); }
      .about_04 .bigImg .arrow div {
        width: 1.2rem;
        height: .4rem;
        position: relative; }
        .about_04 .bigImg .arrow div:before {
          content: "";
          display: block;
          position: absolute;
          left: 50%;
          top: 0;
          width: 1px;
          height: 100%;
          background: #ccc; }
  .about_04 .img2 {
    width: 100%; }


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