@charset "UTF-8";
@font-face {
  font-family: HelveticaNeueLTPro-Roman;
  src: url(../font/HelveticaNeueLTPro-Roman.otf); }

@font-face {
  font-family: HelveticaNeueLTPro-BdCn;
  src: url(../font/HelveticaNeueLTPro-BdCn.otf); }

@font-face {
  font-family: HelveticaNeueLTPro-MdCn;
  src: url(../font/HelveticaNeueLTPro-MdCn.otf); }

@font-face {
  font-family: HelveticaNeueLTPro-Md;
  src: url(../font/HelveticaNeueLTPro-Md.otf); }

@font-face {
  font-family: HelveticaNeueLTPro-Lt;
  src: url(../font/HelveticaNeueLTPro-Lt.otf); }

@font-face {
  font-family: HelveticaNeueLTPro-HvExO;
  src: url(../font/HelveticaNeueLTPro-HvExO.otf); }

@font-face {
  font-family: HelveticaNeueLTPro-HvIt;
  src: url(../font/HelveticaNeueLTPro-HvIt.otf); }

* {
  font-family: HelveticaNeueLTPro-Roman;
  color: #1c2953; }

body {
  overflow-x: hidden; }

/* header */
.head {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  background-color: #000000;
  display: flex; }
  .head .head-body {
    width: 100%;
    margin: 30px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .head .head-logo {
    font-size: 0; }
  .head .head-nav {
    display: flex; }
    .head .head-nav .head-nav-item {
      margin-left: 50px; }
      .head .head-nav .head-nav-item a {
        font-size: 18px;
        color: #fff;
        text-transform: uppercase; }
        .head .head-nav .head-nav-item a:hover {
          color: #31a9d9; }
      .head .head-nav .head-nav-item .head-nav-item-act {
        color: #31a9d9; }
      .head .head-nav .head-nav-item:first-child {
        margin-left: 0; }

/* index */
.index-bgwords {
  font-family: HelveticaNeueLTPro-Bd;
  font-size: 180px;
  color: rgba(61, 161, 217, 0.1);
  text-align: center; }

.index-tit {
  font-family: HelveticaNeueLTPro-MdCn;
  font-size: 48px;
  color: #1c2953;
  text-align: center; }

.index-line {
  width: 190px;
  height: 3px;
  background-color: #3c9ed5;
  margin: 0 auto;
  margin-top: 30px; }

.indexban .swiper-slide {
  font-size: 0; }

.indexab {
  position: relative; }
  .indexab .indexab-sl1 {
    position: absolute;
    left: -385px;
    top: 15%;
    transform: rotate(35deg);
    -webkit-transform: rotate(35deg);
    -moz-transform: rotate(35deg);
    -o-transform: rotate(35deg);
    -ms-transform: rotate(35deg); }
  .indexab .indexab-sl2 {
    position: absolute;
    right: -400px;
    top: 30%; }
  .indexab .indexab-body {
    width: 95%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 110px 0 100px;
    position: relative; }
  .indexab .indexab-body1 {
    width: auto;
    padding: 0;
    margin-top: 50px; }
  .indexab .indexab-bgtit {
    position: absolute;
    top: -100px;
    left: 0;
    right: 0;
    z-index: 0;
    margin: 0 auto; }
  .indexab .indexab-tit {
    font-size: 0; }
    .indexab .indexab-tit span {
      font-family: HelveticaNeueLTPro-MdCn;
      font-size: 48px;
      vertical-align: middle; }
    .indexab .indexab-tit a {
      margin-left: 60px;
      vertical-align: middle; }
  .indexab .indexab-t2 {
    margin-top: 30px;
    font-family: HelveticaNeueLTPro-Md;
    font-size: 18px;
    color: #666; }
  .indexab .indexab-fac {
    margin-top: 50px; }
    .indexab .indexab-fac .swiper-slide {
      font-size: 0; }
      .indexab .indexab-fac .swiper-slide img {
        width: 100%; }
  .indexab .indexab-info {
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end; }
    .indexab .indexab-info .indexab-info-l {
      width: 35%;
      font-size: 17px;
      color: #666;
      line-height: 1.5; }
      .indexab .indexab-info .indexab-info-l::first-letter {
        font-size: 24px;
        color: #1c2953; }
    .indexab .indexab-info .indexab-info-r {
      width: 55%;
      display: flex;
      justify-content: space-between; }
      .indexab .indexab-info .indexab-info-r .indexab-info-r-item {
        width: 22%; }
        .indexab .indexab-info .indexab-info-r .indexab-info-r-item .indexab-info-r-item-img {
          font-size: 0;
          text-align: center; }
        .indexab .indexab-info .indexab-info-r .indexab-info-r-item .indexab-info-r-item-desc {
          font-family: HelveticaNeueLTPro-Md;
          font-size: 16px;
          color: #1c2953;
          line-height: 1.4;
          text-align: center;
          margin-top: 25px; }

.indexpro-body {
  width: 95%;
  max-width: 1200px;
  margin: 0 auto; }

.indexpro-list {
  margin-top: 50px; }
  .indexpro-list ul {
    display: flex;
    justify-content: space-between; }
  .indexpro-list .indexpro-item {
    width: 25%;
    position: relative; }
    .indexpro-list .indexpro-item .indexpro-item-img {
      font-size: 0;
      filter: grayscale(1);
      -webkit-filter: grayscale(1); }
    .indexpro-list .indexpro-item .indexpro-item-info {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center; }
      .indexpro-list .indexpro-item .indexpro-item-info .indexpro-item-info-box {
        margin: 20px 10px;
        text-align: center; }
      .indexpro-list .indexpro-item .indexpro-item-info .indexpro-item-info-name {
        font-family: HelveticaNeueLTPro-MdCn;
        font-size: 40px;
        color: #fff; }
      .indexpro-list .indexpro-item .indexpro-item-info .indexpro-item-info-ic {
        margin-top: 20px;
        font-size: 0; }
    .indexpro-list .indexpro-item .indexpro-item-link {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .indexpro-list .indexpro-item:hover .indexpro-item-img {
      filter: grayscale(0);
      -webkit-filter: grayscale(0); }

.indexpro-more {
  margin-top: 40px;
  text-align: center; }
  .indexpro-more a {
    font-family: HelveticaNeueLTPro-Md;
    font-size: 20px;
    color: #3da1d9; }
    .indexpro-more a:hover {
      text-decoration: underline; }

/* cooperative brands */
.coop {
  position: relative; }
  .coop .coop-body {
    width: 95%;
    max-width: 1480px;
    margin: 0 auto;
    padding: 100px 0 50px; }
  .coop .coop-bgtit {
    position: absolute;
    top: -9px;
    right: -460px; }
  .coop .coop-list {
    margin-top: 30px; }
    .coop .coop-list .swiper-slide {
      font-size: 0; }

/* foot */
.foot {
  background-repeat: no-repeat;
  background-image: url(../img/footbg.png);
  background-size: cover;
  background-position: center top;
  color: #1c2953; }
  .foot .foot-tit {
    font-family: HelveticaNeueLTPro-MdCn;
    font-size: 40px;
    color: #1c2953;
    margin-bottom: 30px; }
  .foot .foot-body {
    width: 95%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 100px 0;
    display: flex;
    justify-content: space-between; }
  .foot .foot-l {
    width: 55%; }
    .foot .foot-l .foot-l-desc {
      font-size: 16px;
      line-height: 1.3; }
      .foot .foot-l .foot-l-desc:first-letter {
        font-family: HelveticaNeueLTPro-Md;
        font-size: 24px; }
    .foot .foot-l .foot-l-list {
      margin-top: 30px;
      display: flex;
      flex-wrap: wrap; }
      .foot .foot-l .foot-l-list .foot-l-item {
        width: 52%;
        margin-right: 5%;
        margin-bottom: 30px;
        display: flex;
        align-items: center; }
        .foot .foot-l .foot-l-list .foot-l-item .foot-l-item-ic {
          font-size: 45px;
          color: #fff;
          width: 45px; }
          .foot .foot-l .foot-l-list .foot-l-item .foot-l-item-ic i {
            color: #fff; }
        .foot .foot-l .foot-l-list .foot-l-item .foot-l-item-words {
          font-size: 16px;
          margin-left: 20px;
          width: 90%; }
        .foot .foot-l .foot-l-list .foot-l-item:nth-child(even) {
          margin-right: 0;
          width: 35%; }
    .foot .foot-l .foot-l-share {
      display: flex;
      align-items: center;
      margin-top: 20px; }
      .foot .foot-l .foot-l-share span {
        font-family: HelveticaNeueLTPro-MdCn;
        font-size: 20px; }
      .foot .foot-l .foot-l-share div {
        margin-left: 20px; }
        .foot .foot-l .foot-l-share div a {
          font-size: 30px;
          color: #fff;
          margin-left: 10px; }
          .foot .foot-l .foot-l-share div a:hover {
            color: #1c2953; }
  .foot .foot-r {
    width: 40%; }
    .foot .foot-r .foot-r-line1 {
      margin-top: 20px; }
      .foot .foot-r .foot-r-line1:first-child {
        margin-top: 0; }
    .foot .foot-r .foot-r-lab {
      display: block;
      font-family: HelveticaNeueLTPro-Md;
      font-size: 18px; }
    .foot .foot-r .foot-r-inp {
      background-color: #fff;
      width: 100%;
      font-size: 18px;
      padding: 10px 0;
      margin-top: 10px;
      text-indent: 0.5em; }
      .foot .foot-r .foot-r-inp::-webkit-input-placeholder {
        font-size: 18px;
        color: rgba(28, 41, 83, 0.2); }
    .foot .foot-r .foot-r-msg {
      resize: none;
      height: 140px; }
    .foot .foot-r .foot-r-line2 {
      margin-top: 20px;
      text-align: right; }
    .foot .foot-r .foot-r-sub {
      width: 175px;
      text-align: center;
      font-family: HelveticaNeueLTPro-MdCn;
      font-size: 20px;
      color: #e9c1fb;
      padding: 12px 0;
      background-color: #1c2953;
      cursor: pointer; }
      .foot .foot-r .foot-r-sub:hover {
        background-color: #3da1d9; }

.bot {
  background-color: #1c2953; }
  .bot .bot-body {
    width: 95%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px 0; }
    .bot .bot-body p {
      font-family: HelveticaNeueLTPro-Lt;
      font-size: 16px;
      color: #fff;
      text-align: center; }

/* banner */
.banner-ab {
  background-image: url(../img/banner-ab.jpg); }

.banner-pro {
  background-image: url(../img/banner-product.jpg); }

.banner-news {
  background-image: url(../img/banner-news.jpg); }

.banner-cont {
  background-image: url(../img/banner-contact.jpg); }

.banner {
  height: 380px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  color: #1c2953; }
  .banner .banner-body {
    width: 95%;
    max-width: 1200px;
    margin: 0 auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-transform: uppercase; }
  .banner .banner-home {
    font-family: HelveticaNeueLTPro-Lt;
    font-size: 16px; }
  .banner .banner-name {
    font-family: HelveticaNeueLTPro-MdCn;
    font-size: 40px; }

/* about */
.about-top {
  width: 95%;
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 100px;
  display: flex;
  justify-content: space-between; }
  .about-top .about-top-l {
    width: 50%; }
    .about-top .about-top-l .about-top-l-tit {
      font-family: HelveticaNeueLTPro-MdCn;
      font-size: 48px;
      color: #666; }
    .about-top .about-top-l .about-top-l-comp {
      font-family: HelveticaNeueLTPro-HvExO;
      font-size: 24px;
      color: #1c2953;
      margin-top: 10px; }
    .about-top .about-top-l .about-top-l-line {
      width: 190px;
      height: 3px;
      background-color: #3c9ed5;
      margin-top: 20px; }
    .about-top .about-top-l .about-top-l-info {
      margin-top: 30px;
      font-size: 18px;
      line-height: 1.3;
      color: #666; }
      .about-top .about-top-l .about-top-l-info p {
        margin-top: 20px; }
        .about-top .about-top-l .about-top-l-info p:first-child {
          margin-top: 0; }
          .about-top .about-top-l .about-top-l-info p:first-child::first-letter {
            font-size: 22px;
            color: #1c2953; }
  .about-top .about-top-r {
    width: 45%;
    font-size: 0; }

.aboutcho {
  position: relative;
  padding: 100px 0; }
  .aboutcho .aboutcho-sli1 {
    position: absolute;
    top: 10%;
    left: -115px; }
  .aboutcho .aboutcho-sli2 {
    position: absolute;
    bottom: -200px;
    right: -400px;
    transform: scale(-1);
    -webkit-transform: scale(-1);
    -moz-transform: scale(-1);
    -o-transform: scale(-1);
    -ms-transform: scale(-1); }
  .aboutcho .aboutcho-body {
    width: 95%;
    max-width: 890px;
    margin: 0 auto; }
  .aboutcho .aboutcho-tit {
    font-family: HelveticaNeueLTPro-MdCn;
    font-size: 48px;
    color: #1c2953;
    text-align: center; }
  .aboutcho .aboutcho-line {
    width: 190px;
    height: 3px;
    margin: 0 auto;
    margin-top: 30px; }
  .aboutcho .aboutcho-list {
    margin-top: 50px;
    display: flex;
    justify-content: space-between; }
    .aboutcho .aboutcho-list .aboutcho-item {
      width: 17%;
      text-align: center; }
      .aboutcho .aboutcho-list .aboutcho-item .aboutcho-item-img {
        font-size: 0; }
      .aboutcho .aboutcho-list .aboutcho-item .aboutcho-item-words {
        margin-top: 30px;
        font-family: HelveticaNeueLTPro-Md;
        font-size: 16px;
        line-height: 1.4;
        color: #1c2953; }

.aboutjoin {
  width: 95%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .aboutjoin .aboutjoin-l {
    width: 50%;
    font-size: 0; }
  .aboutjoin .aboutjoin-r {
    width: 45%;
    text-align: center;
    color: #1c2953; }
    .aboutjoin .aboutjoin-r .aboutjoin-r-tit {
      font-family: HelveticaNeueLTPro-MdCn;
      font-size: 48px; }
    .aboutjoin .aboutjoin-r .aboutjoin-r-line {
      width: 190px;
      height: 3px;
      background-color: #3c9ed5;
      margin: 0 auto;
      margin-top: 20px; }
    .aboutjoin .aboutjoin-r .aboutjoin-r-desc {
      font-family: HelveticaNeueLTPro-HvIt;
      font-size: 19px;
      margin-top: 30px; }
    .aboutjoin .aboutjoin-r .aboutjoin-r-link {
      display: block;
      margin-top: 30px;
      font-size: 0; }
      .aboutjoin .aboutjoin-r .aboutjoin-r-link span {
        font-family: HelveticaNeueLTPro-Md;
        font-size: 24px;
        color: #3da1d9;
        vertical-align: middle; }
      .aboutjoin .aboutjoin-r .aboutjoin-r-link img {
        vertical-align: middle;
        margin-left: 20px; }
      .aboutjoin .aboutjoin-r .aboutjoin-r-link:hover span {
        text-decoration: underline; }

/* news */
.news {
  width: 95%;
  max-width: 1200px;
  margin: 100px auto 80px; }

.news-list {
  margin-bottom: 70px; }
  .news-list .news-item {
    margin-top: 20px;
    display: flex;
    border: solid 2px #eee; }
    .news-list .news-item .news-item-box {
      margin: 15px;
      display: flex;
      justify-content: space-between; }
    .news-list .news-item .news-item-img {
      width: 30%;
      font-size: 0; }
      .news-list .news-item .news-item-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center; }
    .news-list .news-item .news-item-info {
      width: 65%;
      color: #1c2953; }
      .news-list .news-item .news-item-info .news-item-tit {
        font-family: HelveticaNeueLTPro-MdCn;
        font-size: 36px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden; }
        .news-list .news-item .news-item-info .news-item-tit:hover {
          text-decoration: underline; }
      .news-list .news-item .news-item-info .news-item-desc {
        font-family: HelveticaNeueLTPro-Lt;
        font-size: 18px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        margin-top: 25px; }
      .news-list .news-item .news-item-info .news-item-link {
        margin-top: 25px;
        display: block;
        font-size: 0; }
        .news-list .news-item .news-item-info .news-item-link span {
          font-family: HelveticaNeueLTPro-Md;
          font-size: 24px;
          color: #3da1d9;
          vertical-align: middle; }
        .news-list .news-item .news-item-info .news-item-link img {
          vertical-align: middle;
          margin-left: 20px; }
        .news-list .news-item .news-item-info .news-item-link:hover span {
          text-decoration: underline; }
    .news-list .news-item:first-child {
      margin-top: 0; }

.newsinfo {
  width: 95%;
  max-width: 1200px;
  margin: 120px auto 100px;
  color: #1c2953; }
  .newsinfo .newsinfo-t {
    font-family: HelveticaNeueLTPro-MdCn;
    font-size: 36px;
    text-align: center; }
  .newsinfo .newsinfo-d {
    margin-top: 70px;
    margin-bottom: 70px; }
    .newsinfo .newsinfo-d * {
      font-family: HelveticaNeueLTPro-Lt;
      font-size: 18px;
      line-height: 1.4; }

/* contact us */
.contactmap {
  margin-top: 100px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: url(../img/16121604528073.jpg);
  height: 840px;
  background-color: rgba(0, 0, 0, 0.25);
  background-blend-mode: multiply; }
  .contactmap .contactmap-body {
    width: 95%;
    max-width: 1200px;
    margin: 0 auto;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center; }
  .contactmap .contactmap-info {
    width: 95%;
    max-width: 540px;
    display: flex;
    background-color: #ffffff;
    box-shadow: 1px 5px 15px 0px rgba(0, 0, 0, 0.3);
    position: relative;
    overflow: hidden;
    color: #1c2953; }
    .contactmap .contactmap-info .contactmap-slide1 {
      position: absolute;
      top: -90px;
      left: -55px;
      z-index: 0; }
    .contactmap .contactmap-info .contactmap-slide2 {
      position: absolute;
      right: -100px;
      bottom: -65px;
      z-index: 0; }
    .contactmap .contactmap-info .contactmap-info-box {
      margin: 60px 30px 80px 60px; }
    .contactmap .contactmap-info .contactmap-info-t {
      font-family: HelveticaNeueLTPro-MdCn;
      font-size: 40px;
      text-align: center; }
    .contactmap .contactmap-info .contactmap-info-list {
      margin-top: 25px; }
      .contactmap .contactmap-info .contactmap-info-list .contactmap-info-item {
        display: flex;
        align-items: center;
        margin-top: 30px; }
        .contactmap .contactmap-info .contactmap-info-list .contactmap-info-item .contactmap-info-item-ic {
          width: 45px;
          text-align: center; }
          .contactmap .contactmap-info .contactmap-info-list .contactmap-info-item .contactmap-info-item-ic i {
            font-size: 40px;
            color: #3da1d9; }
        .contactmap .contactmap-info .contactmap-info-list .contactmap-info-item .contactmap-info-item-de {
          width: 85%;
          margin-left: 20px;
          font-size: 18px; }
        .contactmap .contactmap-info .contactmap-info-list .contactmap-info-item:first-child {
          margin-top: 0; }

.contactwords {
  width: 95%;
  max-width: 1200px;
  margin: 80px auto 40px;
  text-align: center; }
  .contactwords p {
    font-family: HelveticaNeueLTPro-MdCn;
    font-size: 40px;
    color: #1c2953; }

/* product */
.product {
  width: 95%;
  max-width: 1200px;
  margin: 100px auto; }

.product-cate {
  background-color: #eee;
  display: flex; }
  .product-cate .product-cate-box {
    margin: 20px;
    margin-bottom: 40px;
    width: 100%; }
  .product-cate .product-cate-top {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .product-cate .product-cate-top .product-cate-top-name {
      font-family: HelveticaNeueLTPro-MdCn;
      font-size: 48px; }
    .product-cate .product-cate-top .product-cate-top-r {
      display: flex;
      align-items: center; }
      .product-cate .product-cate-top .product-cate-top-r .product-cate-top-r-sear-btn {
        font-size: 25px;
        vertical-align: middle;
        margin-right: 5px; }
      .product-cate .product-cate-top .product-cate-top-r .product-cate-top-r-sear-inp {
        font-family: HelveticaNeueLTPro-Lt;
        font-size: 16px;
        border-bottom: solid 2px #1c2953;
        background: none;
        padding: 7px 0;
        vertical-align: middle; }
        .product-cate .product-cate-top .product-cate-top-r .product-cate-top-r-sear-inp::-webkit-input-placeholder {
          color: rgba(28, 41, 83, 0.25); }
      .product-cate .product-cate-top .product-cate-top-r .product-cate-top-r-clist {
        font-size: 35px;
        margin-left: 20px;
        cursor: pointer; }
        .product-cate .product-cate-top .product-cate-top-r .product-cate-top-r-clist:hover {
          color: #31a8d7; }
  .product-cate .product-cate-list {
    margin-top: 50px;
    display: block; }
    .product-cate .product-cate-list > ul {
      display: flex;
      justify-content: space-around; }
    .product-cate .product-cate-list .product-cate-item {
      width: 15%; }
      .product-cate .product-cate-list .product-cate-item a:hover {
        color: #31a8d7; }
      .product-cate .product-cate-list .product-cate-item .product-cate-item-name {
        display: inline-block;
        font-family: HelveticaNeueLTPro-MdCn;
        font-size: 24px; }
      .product-cate .product-cate-list .product-cate-item .product-cate-item-nameact {
        color: #31a8d7; }
      .product-cate .product-cate-list .product-cate-item dl {
        margin-top: 30px; }
        .product-cate .product-cate-list .product-cate-item dl dd {
          margin-top: 20px; }
          .product-cate .product-cate-list .product-cate-item dl dd a {
            font-family: HelveticaNeueLTPro-Lt;
            font-size: 16px; }
          .product-cate .product-cate-list .product-cate-item dl dd:first-child {
            margin-top: 0; }

.productlist {
  margin-top: 70px;
  margin-bottom: 50px; }
  .productlist > ul {
    display: flex;
    flex-wrap: wrap; }
  .productlist .productlist-item {
    width: 30%;
    margin-right: 5%;
    position: relative;
    margin-bottom: 30px; }
    .productlist .productlist-item .productlist-item-img {
      font-size: 0;
      overflow: hidden; }
      .productlist .productlist-item .productlist-item-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center; }
    .productlist .productlist-item .productlist-item-info {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.4);
      display: flex;
      justify-content: center;
      align-items: center;
      opacity: 0;
      visibility: hidden; }
      .productlist .productlist-item .productlist-item-info .productlist-item-info-box {
        margin: 20px;
        text-align: center; }
      .productlist .productlist-item .productlist-item-info .productlist-item-info-sty {
        font-family: HelveticaNeueLTPro-Lt;
        font-size: 16px;
        color: #fff; }
      .productlist .productlist-item .productlist-item-info .productlist-item-info-name {
        font-family: HelveticaNeueLTPro-MdCn;
        font-size: 24px;
        color: #31a8d7;
        margin-top: 20px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden; }
      .productlist .productlist-item .productlist-item-info .productlist-item-info-ic {
        width: 30px;
        height: 30px;
        margin: 0 auto;
        margin-top: 20px; }
    .productlist .productlist-item .productlist-item-link {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .productlist .productlist-item:nth-child(3n) {
      margin-right: 0; }
    .productlist .productlist-item:hover .productlist-item-info {
      opacity: 1;
      visibility: visible; }

.product-t1 {
  font-family: HelveticaNeueLTPro-Md;
  font-size: 36px; }

.product-t2 {
  text-align: center; }

.product-line1 {
  width: 190px;
  height: 3px;
  background-color: #3c9ed5;
  margin-top: 20px; }

.product-line2 {
  margin: 0 auto;
  margin-top: 20px; }

.producthot {
  margin-top: 100px; }
  .producthot .producthot-imgs {
    margin-top: 80px; }
    .producthot .producthot-imgs .swiper-slide:hover .producthot-imgs-info {
      visibility: visible;
      opacity: 1; }
    .producthot .producthot-imgs .producthot-imgs-img {
      font-size: 0;
      overflow: hidden; }
      .producthot .producthot-imgs .producthot-imgs-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center; }
    .producthot .producthot-imgs .producthot-imgs-info {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.4);
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      opacity: 0;
      visibility: hidden; }
      .producthot .producthot-imgs .producthot-imgs-info .producthot-imgs-info-box {
        margin: 20px; }
      .producthot .producthot-imgs .producthot-imgs-info .producthot-imgs-info-sty {
        font-family: HelveticaNeueLTPro-Lt;
        font-size: 15px;
        color: #fff; }
      .producthot .producthot-imgs .producthot-imgs-info .producthot-imgs-info-name {
        font-family: HelveticaNeueLTPro-MdCn;
        font-size: 20px;
        margin-top: 10px;
        color: #31a8d7;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden; }
    .producthot .producthot-imgs .producthot-imgs-link {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

.prode-top {
  margin-top: 50px;
  display: flex;
  justify-content: space-between; }
  .prode-top .prode-top-l {
    width: 45%;
    font-size: 0; }
    .prode-top .prode-top-l .prode-top-l-thb {
      box-shadow: 3px 0 10px 3px rgba(0, 0, 0, 0.25); }
      .prode-top .prode-top-l .prode-top-l-thb .prode-top-l-thb-img {
        font-size: 0; }
    .prode-top .prode-top-l .prode-top-l-gal {
      margin-top: 20px; }
      .prode-top .prode-top-l .prode-top-l-gal .swiper-slide-thumb-active {
        border: solid 1px #1c2953; }
  .prode-top .prode-top-r {
    width: 45%; }
    .prode-top .prode-top-r .prode-top-r-linfoi .prode-top-r-linfoi-lab {
      font-family: HelveticaNeueLTPro-Lt;
      font-size: 18px;
      width: 95px; }
    .prode-top .prode-top-r .prode-top-r-linfoi .prode-top-r-linfoi-pra {
      font-family: HelveticaNeueLTPro-Md;
      font-size: 20px; }
    .prode-top .prode-top-r .prode-top-r-linfoi .prode-top-r-linfoi-prat {
      font-family: HelveticaNeueLTPro-MdCn;
      font-size: 35px; }
    .prode-top .prode-top-r .prode-top-r-para {
      margin-top: 20px; }
      .prode-top .prode-top-r .prode-top-r-para * {
        font-family: HelveticaNeueLTPro-Md;
        font-size: 18px;
        line-height: 1.5; }
    .prode-top .prode-top-r .prode-top-r-link {
      margin-top: 25px;
      font-size: 0; }
      .prode-top .prode-top-r .prode-top-r-link a:hover span {
        text-decoration: underline; }
      .prode-top .prode-top-r .prode-top-r-link span {
        font-family: HelveticaNeueLTPro-Md;
        font-size: 24px;
        color: #3da1d9;
        vertical-align: middle; }
      .prode-top .prode-top-r .prode-top-r-link img {
        vertical-align: middle;
        margin-left: 30px; }

.prode-main {
  margin-top: 100px;
  border: solid 2px #eee; }
  .prode-main .prode-main-lab {
    display: flex;
    border-bottom: solid 3px #eee; }
    .prode-main .prode-main-lab .prode-main-lab-i {
      font-family: HelveticaNeueLTPro-Md;
      font-size: 30px;
      position: relative;
      padding: 10px 40px;
      cursor: pointer; }
    .prode-main .prode-main-lab .prode-main-lab-act::before {
      display: block; }
  .prode-main .prode-main-cont .prode-main-cont-i {
    margin: 20px;
    min-height: 100px; }
    .prode-main .prode-main-cont .prode-main-cont-i * {
      font-family: HelveticaNeueLTPro-Md;
      font-size: 18px;
      line-height: 1.4; }
  .prode-main .prode-main-cont .prode-main-cont-act {
    display: block; }

/* prev and next */
.pandn {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  color: #1c2953; }
  .pandn .pandn-l {
    width: 90%; }
    .pandn .pandn-l .pandn-l-i {
      margin-top: 5px;
      font-size: 18px;
      display: flex; }
      .pandn .pandn-l .pandn-l-i .pandn-l-i-lab {
        font-family: HelveticaNeueLTPro-Md;
        margin-right: 5px; }
      .pandn .pandn-l .pandn-l-i span, .pandn .pandn-l .pandn-l-i a {
        font-family: HelveticaNeueLTPro-Lt; }
      .pandn .pandn-l .pandn-l-i a {
        width: calc(100% - 5em);
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden; }
        .pandn .pandn-l .pandn-l-i a:hover {
          text-decoration: underline; }
      .pandn .pandn-l .pandn-l-i:first-child {
        margin-top: 0; }
  .pandn .pandn-back {
    font-family: HelveticaNeueLTPro-Md;
    font-size: 18px;
    cursor: pointer; }
    .pandn .pandn-back:hover {
      text-decoration: underline; }

/* paginamtion */
.pagination ul {
  display: flex;
  justify-content: center; }
  .pagination ul a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background-color: #eee;
    margin-left: 20px; }
    .pagination ul a li {
      font-family: HelveticaNeueLTPro-Md;
      font-size: 20px;
      color: #1c2953; }
    .pagination ul a:hover {
      background-color: #1c2953; }
      .pagination ul a:hover li {
        color: #fff; }
    .pagination ul a:first-child {
      margin-left: 0; }
  .pagination ul .current {
    background-color: #1c2953; }
    .pagination ul .current li {
      color: #fff; }

/* 表单消息提示页 */
.msgbody {
  width: 95%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 30px 0;
  text-align: center;
  min-height: 500px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  .msgbody a {
    color: inherit; }
  .msgbody .msg1 {
    font-size: 27px; }
  .msgbody .msgbody-img {
    font-size: 0;
    margin-top: 20px; }
  .msgbody .msg2 {
    margin-top: 20px;
    font-size: 19px; }
    .msgbody .msg2 a {
      color: #8a0070; }
      .msgbody .msg2 a:hover {
        text-decoration: underline; }
  .msgbody .msg3 {
    margin-top: 20px; }
    .msgbody .msg3 a {
      font-size: 17px;
      margin-left: 30px; }
      .msgbody .msg3 a:first-child {
        margin-left: 0; }
/* 隐私条款 */
.container {
    width: 75rem;
    margin-right: auto;
    margin-left: auto;
}
.privacy_text_1{
    width: 100%;
    text-align: center;
    margin-bottom: 3.125rem;
}
.tetx_title{
    margin-top: 3.125rem;
    font-size: 16px;
    color: #262626;
}
.text_content{
    color: #7f7f7f;
}
.container p{
    line-height: 25px;
}
.container p:nth-last-child(1){
    margin-bottom: 3.125rem;
}