/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-decoration: none; }

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block; }

body {
  line-height: 1; }

ol,
ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

main .top-diamond {
  width: 100%; }
  main .top-diamond .container {
    width: 1200px;
    margin: 0 auto;
    margin-top: 95px; }
    main .top-diamond .container .title {
      width: 100%;
      height: 64px;
      text-align: center;
      position: relative;
      margin: 0 auto; }
      main .top-diamond .container .title .chineseTitle h1 {
        font-size: 32px;
        color: #333;
        font-weight: 500; }
      main .top-diamond .container .title .level-line {
        height: 2px;
        width: 30px;
        background-color: #f9a575;
        position: absolute;
        left: 50%;
        bottom: 0;
        margin-left: -15px; }
    main .top-diamond .container .diamond-con {
      margin-top: 30px;
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-content: space-between;
      flex-wrap: wrap; }
      main .top-diamond .container .diamond-con .flex-box {
        width: 277px;
        height: 385px;
        margin-bottom: 30px;
        position: relative; }
        main .top-diamond .container .diamond-con .flex-box .mask {
          width: 100%;
          height: 100%;
          background-color: rgba(0, 0, 0, 0.4);
          position: absolute; }
          main .top-diamond .container .diamond-con .flex-box .mask div {
            width: 277px;
            height: 200px;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -50px;
            margin-left: -138px; }
            main .top-diamond .container .diamond-con .flex-box .mask div p {
              width: 50%;
              margin: 0 auto;
              color: rgba(255, 255, 255, 0.8);
              text-align: center;
              line-height: 28px;
              border-bottom: 1px solid #fff; }
      main .top-diamond .container .diamond-con .flex-box:hover {
        box-shadow: 0px 0px 1px 8px #fff, 0px 0px 20px 8px #585858; }
      main .top-diamond .container .diamond-con .first-ring {
        position: relative; }
        main .top-diamond .container .diamond-con .first-ring .img-box {
          width: 100%;
          height: 277px;
          position: absolute;
          top: 54px; }
        main .top-diamond .container .diamond-con .first-ring .text-box {
          position: absolute;
          height: 54px;
          width: 277px;
          bottom: 0; }
          main .top-diamond .container .diamond-con .first-ring .text-box p {
            position: absolute;
            width: 133px;
            height: 33px;
            text-align: center;
            left: 50%;
            top: 50%;
            margin-left: -66px;
            margin-top: -16px;
            font-size: 12px;
            line-height: 18px;
            color: rgba(255, 255, 255, 0.9); }
        main .top-diamond .container .diamond-con .first-ring .firstText {
          background-color: #000; }
main .center-banner {
  position: relative;
  width: 100%;
  height: 500px;
  background: url(../images/productBg.png); }
  main .center-banner .lightbox {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5); }
    main .center-banner .lightbox .container {
      width: 951px;
      height: 348px;
      margin: 0 auto;
      margin-top: 64px;
      border: 2px solid;
      border-color: rgba(255, 255, 255, 0.2);
      position: relative; }
      main .center-banner .lightbox .container div {
        width: 400px;
        height: 200px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-top: -100px;
        margin-left: -200px; }
        main .center-banner .lightbox .container div p {
          color: #fff;
          text-align: center;
          line-height: 40px; }
        main .center-banner .lightbox .container div p:first-child {
          font-size: 28px; }
        main .center-banner .lightbox .container div p:nth-child(2) {
          font-size: 18px; }
        main .center-banner .lightbox .container div p:nth-child(3) {
          font-size: 10x;
          color: rgba(249, 165, 117, 0.6); }
main .footer-necklace {
  width: 100%;
  background-color: #fff; }
  main .footer-necklace .container {
    width: 1200px;
    margin: 0 auto;
    margin-top: 89px; }
    main .footer-necklace .container .title {
      width: 100%;
      height: 64px;
      text-align: center;
      position: relative;
      margin: 0 auto; }
      main .footer-necklace .container .title .chineseTitle h1 {
        font-size: 32px;
        color: #333;
        font-weight: 500; }
      main .footer-necklace .container .title .level-line {
        height: 2px;
        width: 30px;
        background-color: #f9a575;
        position: absolute;
        left: 50%;
        bottom: 0;
        margin-left: -15px; }
    main .footer-necklace .container .necklaceBox {
      display: flex;
      width: 100%;
      justify-content: space-between;
      align-content: space-between;
      flex-wrap: wrap;
      margin-top: 30px;
      font-size: 0; }
      main .footer-necklace .container .necklaceBox li {
        width: 380px;
        background-color: pink;
        height: 530px;
        margin-right: 30px;
        margin-bottom: 30px; }
        main .footer-necklace .container .necklaceBox li .textBox {
          width: 100%;
          height: 150px;
          background-color: #fff;
          font-family: MicrosoftYaHei;
          font-size: 18px;
          font-weight: normal;
          font-stretch: normal;
          line-height: 26px;
          letter-spacing: 0px;
          text-align: center; }
          main .footer-necklace .container .necklaceBox li .textBox h3 {
            font-family: MicrosoftYaHei;
            font-size: 18px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 26px;
            letter-spacing: 0px;
            color: #f9a575; }
          main .footer-necklace .container .necklaceBox li .textBox p {
            font-family: MicrosoftYaHei;
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 26px;
            letter-spacing: 0px;
            color: #666666; }
          main .footer-necklace .container .necklaceBox li .textBox button {
            width: 72px;
            height: 19px;
            font-size: 12px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 19px;
            letter-spacing: 0px;
            color: #ffffff;
            outline: none;
            border: 0;
            background-color: #f9a575; }
          main .footer-necklace .container .necklaceBox li .textBox button:hover {
            background-color: rgba(255, 192, 203, 0.5);
            color: #000; }
      main .footer-necklace .container .necklaceBox li:hover {
        box-shadow: 0px 0px 1px 8px #fff, 0px 0px 20px 8px #585858; }
      main .footer-necklace .container .necklaceBox li:nth-child(3n) {
        margin-right: 0; }

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