#product #navigation {
  width: 100%; }
  #product #navigation.navFixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999; }
  #product #navigation .menuBox {
    background: #F5F5F5;
    border-bottom: 1px solid #E6E6E6; }
    #product #navigation .menuBox .menuTitle {
      margin: 0 auto;
      height: 56px;
      line-height: 56px; }
      #product #navigation .menuBox .menuTitle a {
        display: inline-block;
        height: 56px;
        line-height: 56px;
        margin-right: 86px; }
        #product #navigation .menuBox .menuTitle a:hover {
          color: #666; }
        #product #navigation .menuBox .menuTitle a:active {
          color: #666; }
      #product #navigation .menuBox .menuTitle .navActive {
        height: 56px;
        line-height: 56px;
        color: #1a1a1a;
        background-blend-mode: multiply;
        position: relative; }
        #product #navigation .menuBox .menuTitle .navActive::after {
          content: '';
          width: 100%;
          height: 4px;
          background: #0E77FA;
          position: absolute;
          bottom: -1px;
          left: 0; }
#product .contentBox:nth-child(2n) {
  background: #F7F9FF; }
  #product .contentBox:nth-child(2n) .contentItem .iconRight .iconBox:hover {
    background: #fff; }
#product .contentBox .contentItem {
  padding: 80px 0; }
  #product .contentBox .contentItem .textLeft {
    width: 486px;
    display: inline-block;
    vertical-align: middle;
    margin: 22px 30px 0 0; }
    #product .contentBox .contentItem .textLeft .title {
      margin-bottom: 26px; }
    #product .contentBox .contentItem .textLeft .textBox {
      line-height: 20px; }
  #product .contentBox .contentItem .iconRight {
    width: 720px;
    display: inline-block;
    vertical-align: middle; }
    #product .contentBox .contentItem .iconRight .iconBox {
      width: 230px;
      float: left;
      text-align: center;
      padding: 32px 0;
      box-sizing: border-box;
      cursor: pointer;
      -webkit-transition: background-color 0.2s linear; }
      #product .contentBox .contentItem .iconRight .iconBox:hover {
        background: #F7F9FF; }
      #product .contentBox .contentItem .iconRight .iconBox .logo_icon {
        width: 100%;
        margin-bottom: 30px; }
        #product .contentBox .contentItem .iconRight .iconBox .logo_icon img {
          width: 80px; }
      #product .contentBox .contentItem .iconRight .iconBox .iconMess {
        width: 100%; }
#product .contentBox .sxfujzImgBox {
  display: block;
  width: 92%;
  margin: 0 auto;
  padding: 80px 0; }
#product #alertBox {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 999999; }
  #product #alertBox .alertBg {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5); }
  #product #alertBox .alertContent {
    width: 1000px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    background: #FFFFFF;
    box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.1);
    padding: 65px 80px 65px 64px;
    box-sizing: border-box; }
    #product #alertBox .alertContent .close {
      width: 24px;
      height: 24px;
      position: absolute;
      right: 32px;
      top: 32px;
      cursor: pointer;
      z-index: 999999999;
      opacity: 1; }
    #product #alertBox .alertContent .logo-pic {
      width: 120px;
      float: left;
      margin-right: 32px; }
      #product #alertBox .alertContent .logo-pic img {
        width: 100%; }
    #product #alertBox .alertContent .mess-box {
      overflow: hidden; }
      #product #alertBox .alertContent .mess-box .name {
        color: #2A2E2E;
        margin-bottom: 9px; }
      #product #alertBox .alertContent .mess-box .ms {
        width: 100%;
        overflow: hidden;
        padding-bottom: 24px;
        margin-bottom: 24px;
        border-bottom: 1px solid #E9ECF0;
        color: #949696;
        line-height: 36px; }
      #product #alertBox .alertContent .mess-box .desc p {
        font-size: 14px;
        color: #5F6464;
        line-height: 25px;
        margin-bottom: 15px; }

@media screen and (max-width: 1250px) {
  #product #navigation {
    width: 100%; }
    #product #navigation.navFixed {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 999; }
    #product #navigation .menuBox {
      background: #F5F5F5;
      border-bottom: 1px solid #E6E6E6; }
      #product #navigation .menuBox .menuTitle {
        margin: 0 auto;
        height: .56rem;
        line-height: .56rem; }
        #product #navigation .menuBox .menuTitle a {
          display: inline-block;
          height: .56rem;
          line-height: .56rem;
          margin-right: .4rem; }
          #product #navigation .menuBox .menuTitle a:hover {
            color: #666; }
          #product #navigation .menuBox .menuTitle a:active {
            color: #666; }
        #product #navigation .menuBox .menuTitle .navActive {
          height: .56rem;
          line-height: .56rem;
          color: #1a1a1a;
          background-blend-mode: multiply;
          position: relative; }
          #product #navigation .menuBox .menuTitle .navActive::after {
            content: '';
            width: 100%;
            height: .04rem;
            background: #0E77FA;
            position: absolute;
            bottom: -1px;
            left: 0; }
  #product .contentBox .contentItem {
    display: block;
    padding: .6rem .4rem .4rem .4rem; }
    #product .contentBox .contentItem .textLeft {
      width: 100%;
      float: none;
      margin: 0; }
      #product .contentBox .contentItem .textLeft .title {
        margin-bottom: .3rem; }
      #product .contentBox .contentItem .textLeft .textBox {
        line-height: .4rem;
        font-size: 14px; }
    #product .contentBox .contentItem .iconRight {
      width: 100%;
      float: none;
      margin-top: .1rem; }
      #product .contentBox .contentItem .iconRight .iconBox {
        width: 100%;
        float: none;
        text-align: initial;
        padding: .5rem 0 .1rem 0;
        box-sizing: border-box;
        cursor: pointer;
        -webkit-transition: background-color 0.2s linear;
        position: relative; }
        #product .contentBox .contentItem .iconRight .iconBox::after {
          display: table;
          content: " ";
          clear: both; }
        #product .contentBox .contentItem .iconRight .iconBox .logo_icon {
          width: 1.4rem;
          float: left;
          margin: 0 .2rem .2rem 0;
          text-align: center; }
          #product .contentBox .contentItem .iconRight .iconBox .logo_icon img {
            width: .8rem; }
        #product .contentBox .contentItem .iconRight .iconBox .iconMess {
          margin-top: .08rem;
          width: 70%;
          float: left; }
          #product .contentBox .contentItem .iconRight .iconBox .iconMess p {
            margin-bottom: .15rem;
            font-size: 16px; }
    #product .contentBox .contentItem .iconRightHeight {
      height: 3rem;
      overflow: hidden;
      display: block; }
    #product .contentBox .contentItem .showMore {
      margin-top: .3rem;
      font-size: 14px;
      text-align: center;
      cursor: pointer; }
      #product .contentBox .contentItem .showMore i {
        display: inline-block;
        width: .28rem;
        height: .15rem;
        margin-left: .1rem;
        background: url(../images/showMore.png) no-repeat;
        background-position: center;
        background-size: cover; }
  #product .contentBox .sxfujzImgBox {
    width: 100%;
    padding: .8rem .4rem; }
  #product #alertBox {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 999999; }
    #product #alertBox .alertBg {
      display: none; }
    #product #alertBox .alertContent {
      width: 100%;
      height: 100%;
      position: initial;
      left: 0;
      top: 0;
      transform: none;
      -webkit-transform: none;
      -ms-transform: none;
      -o-transform: none;
      -moz-transform: none;
      box-shadow: none;
      padding: 1.2rem .6rem .6rem .6rem; }
      #product #alertBox .alertContent .close {
        width: .5rem;
        height: .5rem;
        right: .32rem;
        top: .32rem; }
      #product #alertBox .alertContent .logo-pic {
        width: 1.6rem;
        float: none;
        margin-right: 0;
        margin-bottom: .5rem; }
        #product #alertBox .alertContent .logo-pic img {
          width: 100%; }
      #product #alertBox .alertContent .mess-box {
        overflow: hidden; }
        #product #alertBox .alertContent .mess-box .name {
          margin-bottom: .3rem; }
        #product #alertBox .alertContent .mess-box .ms {
          width: 100%;
          overflow: hidden;
          padding-bottom: .24rem;
          margin-bottom: .24rem;
          line-height: .36rem; }
        #product #alertBox .alertContent .mess-box .desc {
          height: 8rem;
          overflow-y: scroll; }
          #product #alertBox .alertContent .mess-box .desc p {
            font-size: .3rem;
            line-height: .5rem;
            margin-bottom: 0; } }
@media screen and (min-width: 768px) and (max-width: 1249px) {
  #product .contentBox .contentItem .iconRight .iconBox {
    width: 50%;
    float: left;
    text-align: initial;
    padding-top: .5rem;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: background-color 0.2s linear;
    position: relative; }
    #product .contentBox .contentItem .iconRight .iconBox::after {
      display: table;
      content: " ";
      clear: both; }
    #product .contentBox .contentItem .iconRight .iconBox .logo_icon {
      width: 1.4rem;
      float: left;
      margin: 0 .2rem .2rem 0;
      text-align: center; }
      #product .contentBox .contentItem .iconRight .iconBox .logo_icon img {
        width: .8rem; }
    #product .contentBox .contentItem .iconRight .iconBox .iconMess {
      margin-top: .08rem;
      width: 50%;
      float: left; }
      #product .contentBox .contentItem .iconRight .iconBox .iconMess p {
        margin-bottom: .15rem; }
  #product .contentBox .contentItem .iconRightHeight {
    height: auto;
    overflow: initial;
    display: block; }
  #product .contentBox .contentItem .showMore {
    display: none; }
  #product .contentBox .sxfujzImgBox {
    width: 100%;
    padding: .8rem .4rem; } }
@media screen and (max-width: 750px) {
  #navigation .menuBox .menuTitle a {
    font-size: 14px; }
  #navigation .menuBox .menuTitle .navActive {
    font-size: 14px; } }
@media screen and (max-width: 320px) {
  #navigation .menuBox .menuTitle a {
    font-size: 0.16rem !important; }
  #navigation .menuBox .menuTitle .navActive {
    font-size: 0.16rem !important; } }

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