@charset "UTF-8";
/*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-weight: normal; }

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

button,
input,
select,
textarea {
  margin: 0; }

img,
embed,
object,
audio,
video {
  height: auto; }

iframe {
  border: 0; }

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

td,
th {
  padding: 0;
  text-align: left; }

a {
  text-decoration: none; }

button, input {
  outline: none; }

body {
  width: 100%;
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; }

a:focus {
  outline: none; }

a:active {
  outline: none; }

.head {
  /*导航*/ }
  .head .main {
    position: fixed;
    top: 0;
    width: 100%;
    min-width: 1200px;
    height: 72px;
    background: rgba(255, 255, 255, 0);
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    z-index: 100000; }
  .head .nav {
    position: absolute;
    width: 100%;
    height: 72px;
    z-index: 1000;
    top: 0; }
  .head .main #menu_hover_bg {
    width: 100%;
    height: 0;
    background: #fff;
    position: absolute;
    z-index: 999;
    overflow: hidden; }
  .head .nav .logo {
    float: left;
    width: 136px;
    height: 28px;
    margin-top: 22px; }
  .head .logo-menu {
    width: 1200px;
    height: 72px;
    margin: 0 auto;
    position: relative; }
    @media (max-width: 1247.98px) {
      .head .logo-menu {
        width: 96%; } }
  .head .nav .logo a img {
    border: 0px;
    width: 136px;
    height: 28px; }
  .head .nav .menu {
    position: absolute;
    left: 18%;
    line-height: 72px;
    width: 85%;
    display: flex; }
    @media (max-width: 1247.98px) {
      .head .nav .menu {
        left: 15%; } }
    @media screen and (max-width: 1080px) {
      .head .nav .menu {
        left: 16%; } }
    @media (max-width: 991.98px) {
      .head .nav .menu {
        left: 16.5%; } }
    @media screen and (max-width: 943px) {
      .head .nav .menu {
        left: 15%; } }
    @media screen and (max-width: 915px) {
      .head .nav .menu {
        left: 13%; } }
  .head .nav .menu .acenter {
    text-align: center; }
  .head .nav .menu .acenter > a {
    display: inline-block;
    height: 72px;
    line-height: 72px;
    font-size: 16px;
    transition: color 0.5s linear; }
    @media (max-width: 991.98px) {
      .head .nav .menu .acenter > a {
        font-size: 14px; } }
  .head .nav .menu ul {
    width: 100%;
    display: flex; }
    .head .nav .menu ul::after {
      display: block;
      clear: both;
      content: ""; }
  .head .nav .menu ul li {
    float: left;
    width: 14.28%;
    padding-right: 0px; }
    @media screen and (max-width: 1180px) {
      .head .nav .menu ul li {
        width: 12%; } }
    @media screen and (max-width: 1080px) {
      .head .nav .menu ul li {
        width: 11.5%; } }
    @media screen and (max-width: 1000px) {
      .head .nav .menu ul li {
        width: 10.5%; } }
    @media screen and (max-width: 892px) {
      .head .nav .menu ul li {
        width: 9%; } }
    @media screen and (max-width: 820px) {
      .head .nav .menu ul li {
        width: 8%; } }
  .head .nav .menu ul li a {
    font-size: 18px;
    font-weight: bold;
    color: #ffffff; }
  .head .nav .menu ul li .sub_menu {
    width: 130%;
    margin-left: -15%;
    height: 0;
    position: relative;
    z-index: 999;
    overflow: hidden; }
  .head .nav .menu ul li .sub_menu .sub_menu_list .list {
    text-align: center; }
  .head .nav .menu ul li .sub_menu .sub_menu_list .list a {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #787878;
    line-height: 16px;
    margin-bottom: 25px; }
    @media (max-width: 991.98px) {
      .head .nav .menu ul li .sub_menu .sub_menu_list .list a {
        font-size: 14px; } }
  .head .nav .menu ul li .sub_menu .sub_menu_list .list a:nth-child(1) {
    margin-top: 20px; }
  .head .nav .menu ul li .sub_menu .sub_menu_list .list a .info p {
    margin: 0;
    padding: 0; }
  .head .nav .menu ul li .sub_menu .sub_menu_list .list a .info p:hover {
    color: #333333; }

.footer {
  width: 100%;
  height: 87px;
  background: #eeeeee; }
  .footer .foot-container {
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    font-weight: 400;
    color: #999999;
    line-height: 87px; }
    .footer .foot-container a {
      color: #999; }

.ellip {
  display: block;
  height: 100%; }

.ellip-line {
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  max-width: 100%; }

.ellip,
.ellip-line {
  position: relative;
  overflow: hidden; }

.main-container {
  width: 100%; }
  .main-container .lunbo-container {
    display: block;
    width: 100%;
    overflow: hidden;
    max-height: 920px;
    height: 920px;
    position: relative; }
    .main-container .lunbo-container video {
      width: 1920px;
      height: 920px;
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -960px;
      z-index: 1;
      -o-object-fit: contain;
         object-fit: contain; }
    .main-container .lunbo-container .banner_bg {
      display: block;
      height: 920px;
      width: 100%;
      background: #000;
      background-size: cover;
      position: absolute;
      left: 0px;
      top: 0px; }
  .main-container .product-area-box .product-area {
    width: 1200px;
    height: 100%;
    margin: 95px auto 120px; }
    @media (max-width: 1247.98px) {
      .main-container .product-area-box .product-area {
        width: 96%; } }
    .main-container .product-area-box .product-area .product-area-title {
      width: 135px;
      margin: 0 auto 79px;
      letter-spacing: 3px;
      font-size: 30px;
      font-weight: bold;
      color: #333333; }
    .main-container .product-area-box .product-area .image-wrapper {
      width: 100%;
      height: 100%;
      display: flex; }
      .main-container .product-area-box .product-area .image-wrapper .mediaF {
        width: 20%;
        height: 100%;
        position: relative; }
        .main-container .product-area-box .product-area .image-wrapper .mediaF .img-container {
          width: 100%;
          height: 100%;
          transition: all ease-in-out 0.2s; }
          .main-container .product-area-box .product-area .image-wrapper .mediaF .img-container img {
            display: block;
            border: 0px;
            position: relative;
            width: 100%;
            z-index: 1;
            margin-right: 0;
            transform: scale(1.2);
            transition: all ease-in-out 0.2s; }
        .main-container .product-area-box .product-area .image-wrapper .mediaF .image-details {
          width: 100%;
          height: 100%;
          z-index: 4;
          position: absolute;
          background: rgba(64, 121, 226, 0.7);
          box-shadow: 0px 4px 32px 0px rgba(64, 121, 226, 0.4);
          top: 0px;
          left: 0;
          opacity: 1;
          transform-origin: center;
          transform: scale(1.2);
          transition: all ease-in-out 0.2s;
          text-align: center; }
          .main-container .product-area-box .product-area .image-wrapper .mediaF .image-details .des-wrap {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            top: 0;
            margin: auto;
            height: 100%;
            padding-top: 50%; }
            @media (max-width: 991.98px) {
              .main-container .product-area-box .product-area .image-wrapper .mediaF .image-details .des-wrap {
                padding-top: 50%; } }
          .main-container .product-area-box .product-area .image-wrapper .mediaF .image-details img {
            border: 0px;
            width: 60px;
            height: 60px;
            display: inline-block; }
            @media (max-width: 1247.98px) {
              .main-container .product-area-box .product-area .image-wrapper .mediaF .image-details img {
                width: 25%;
                height: auto; } }
          .main-container .product-area-box .product-area .image-wrapper .mediaF .image-details .house-title {
            width: 45%;
            margin: 0 auto;
            border-bottom: 4px solid #fff;
            font-size: 24px;
            font-weight: bold;
            letter-spacing: 2px;
            position: relative;
            top: 11.3%;
            padding-bottom: 6px;
            color: #ffffff; }
            @media (max-width: 1247.98px) {
              .main-container .product-area-box .product-area .image-wrapper .mediaF .image-details .house-title {
                font-size: 1.2em;
                width: 42%; } }
            @media (max-width: 991.98px) {
              .main-container .product-area-box .product-area .image-wrapper .mediaF .image-details .house-title {
                font-size: 0.8em; } }
          .main-container .product-area-box .product-area .image-wrapper .mediaF .image-details .blue-slog {
            width: 100%;
            text-align: center;
            margin: 0 auto;
            font-size: 20px;
            font-weight: 400;
            font-style: italic;
            color: #ffffff; }
            @media (max-width: 1247.98px) {
              .main-container .product-area-box .product-area .image-wrapper .mediaF .image-details .blue-slog {
                font-size: 1.2em; } }
            @media (max-width: 991.98px) {
              .main-container .product-area-box .product-area .image-wrapper .mediaF .image-details .blue-slog {
                font-size: 0.8em; } }
      .main-container .product-area-box .product-area .image-wrapper .media {
        width: 20%;
        height: 100%;
        position: relative; }
        .main-container .product-area-box .product-area .image-wrapper .media .img-container {
          width: 100%;
          height: 100%;
          overflow: hidden;
          transition: all ease-in-out 0.2s; }
          .main-container .product-area-box .product-area .image-wrapper .media .img-container img {
            display: block;
            border: 0px;
            position: relative;
            width: 100%;
            z-index: -1;
            margin-right: 0;
            transition: all ease-in-out 0.2s; }
        .main-container .product-area-box .product-area .image-wrapper .media .image-details {
          width: 100%;
          height: 100%;
          z-index: 4;
          position: absolute;
          background: rgba(64, 121, 226, 0.7);
          box-shadow: 0px 4px 32px 0px rgba(64, 121, 226, 0.4);
          top: 0px;
          left: 0;
          opacity: 0;
          transform-origin: center;
          transition: all ease-in-out 0.2s;
          text-align: center; }
          .main-container .product-area-box .product-area .image-wrapper .media .image-details .des-wrap {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            top: 0;
            margin: auto;
            height: 100%;
            padding-top: 50%; }
            @media (max-width: 991.98px) {
              .main-container .product-area-box .product-area .image-wrapper .media .image-details .des-wrap {
                padding-top: 50%; } }
          .main-container .product-area-box .product-area .image-wrapper .media .image-details img {
            border: 0px;
            width: 60px;
            height: 60px;
            display: inline-block; }
            @media (max-width: 1247.98px) {
              .main-container .product-area-box .product-area .image-wrapper .media .image-details img {
                width: 25%;
                height: auto; } }
          .main-container .product-area-box .product-area .image-wrapper .media .image-details .house-title {
            width: 45%;
            margin: 0 auto;
            border-bottom: 4px solid #fff;
            font-size: 24px;
            font-weight: bold;
            letter-spacing: 2px;
            position: relative;
            top: 11.3%;
            padding-bottom: 6px;
            color: #ffffff; }
            @media (max-width: 1247.98px) {
              .main-container .product-area-box .product-area .image-wrapper .media .image-details .house-title {
                font-size: 1.2em;
                width: 43%; } }
            @media (max-width: 991.98px) {
              .main-container .product-area-box .product-area .image-wrapper .media .image-details .house-title {
                font-size: 0.8em; } }
          .main-container .product-area-box .product-area .image-wrapper .media .image-details .blue-slog {
            width: 100%;
            text-align: center;
            margin: 0 auto;
            font-size: 20px;
            font-weight: 400;
            font-style: italic;
            color: #ffffff; }
            @media (max-width: 1247.98px) {
              .main-container .product-area-box .product-area .image-wrapper .media .image-details .blue-slog {
                font-size: 1.2em; } }
            @media (max-width: 991.98px) {
              .main-container .product-area-box .product-area .image-wrapper .media .image-details .blue-slog {
                font-size: 0.8em; } }
      .main-container .product-area-box .product-area .image-wrapper .media:nth-child(5) .house-title {
        width: 69%; }
        @media (max-width: 1247.98px) {
          .main-container .product-area-box .product-area .image-wrapper .media:nth-child(5) .house-title {
            width: 63%; } }
      .main-container .product-area-box .product-area .image-wrapper .media:hover {
        cursor: pointer; }
        .main-container .product-area-box .product-area .image-wrapper .media:hover .img-container {
          transform: scale(1.2); }
          .main-container .product-area-box .product-area .image-wrapper .media:hover .img-container img {
            border: 0px; }
        .main-container .product-area-box .product-area .image-wrapper .media:hover .image-details {
          opacity: 1;
          transform: scale(1.2); }
          .main-container .product-area-box .product-area .image-wrapper .media:hover .image-details .blue-slog {
            width: 100%;
            text-align: center;
            font-weight: 400;
            font-style: italic;
            color: #ffffff; }
  .main-container .company-news {
    width: 100%;
    height: 552px;
    background: #fbfbfb; }
    .main-container .company-news .company-news-container {
      width: 1200px;
      position: relative;
      margin: 0 auto;
      padding: 89px 0 00px; }
      .main-container .company-news .company-news-container::after {
        display: block;
        clear: both;
        content: ""; }
      @media (max-width: 1247.98px) {
        .main-container .company-news .company-news-container {
          width: 96%; } }
      .main-container .company-news .company-news-container .title-news {
        width: 140px;
        margin: 0 auto 50px;
        font-size: 30px;
        font-weight: bold;
        color: #333333;
        line-height: 22px;
        letter-spacing: 2px; }
      .main-container .company-news .company-news-container .company-lunbo-container {
        width: 44.6%;
        height: 294px;
        margin-right: 1.5%;
        float: left; }
        .main-container .company-news .company-news-container .company-lunbo-container .company-flexslider {
          position: relative;
          height: 294px;
          overflow: hidden; }
          .main-container .company-news .company-news-container .company-lunbo-container .company-flexslider .company-news-title {
            position: absolute;
            width: 42.9%;
            bottom: 16px;
            height: 22px;
            left: 4.2%;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            font-size: 16px;
            font-weight: 400;
            color: #ffffff;
            line-height: 22px;
            z-index: 5; }
            @media (max-width: 991.98px) {
              .main-container .company-news .company-news-container .company-lunbo-container .company-flexslider .company-news-title {
                font-size: 14px;
                bottom: 14px;
                height: 20px;
                line-height: 20px; } }
          .main-container .company-news .company-news-container .company-lunbo-container .company-flexslider .slides {
            position: relative;
            z-index: 1;
            width: 100%;
            height: 100%; }
            .main-container .company-news .company-news-container .company-lunbo-container .company-flexslider .slides .yinying {
              position: absolute;
              z-index: 3;
              bottom: 0;
              width: 100%;
              height: 64px;
              background: url(/imgs/zhezhao.png) bottom no-repeat; }
            .main-container .company-news .company-news-container .company-lunbo-container .company-flexslider .slides li {
              height: 100%;
              background-position: center center;
              background-repeat: no-repeat;
              background-size: contain; }
              .main-container .company-news .company-news-container .company-lunbo-container .company-flexslider .slides li img {
                width: 100%;
                height: 100%; }
          .main-container .company-news .company-news-container .company-lunbo-container .company-flexslider .flex-control-nav {
            position: absolute;
            bottom: 20px;
            right: 0;
            z-index: 2;
            width: 70px;
            display: flex;
            justify-content: end; }
            .main-container .company-news .company-news-container .company-lunbo-container .company-flexslider .flex-control-nav li a {
              width: 8px;
              height: 8px;
              border-radius: 50%;
              background: #fff;
              display: inline-block;
              margin: 0 6px; }
            .main-container .company-news .company-news-container .company-lunbo-container .company-flexslider .flex-control-nav li a.flex-active {
              display: inline-block;
              width: 8px;
              border-radius: 50%;
              height: 8px;
              background: #047EE2; }
          .main-container .company-news .company-news-container .company-lunbo-container .company-flexslider .flex-direction-nav {
            position: absolute;
            z-index: 3;
            width: 100%;
            top: 45%; }
            .main-container .company-news .company-news-container .company-lunbo-container .company-flexslider .flex-direction-nav li a {
              display: block;
              width: 50px;
              height: 50px;
              overflow: hidden;
              cursor: pointer;
              position: absolute; }
      .main-container .company-news .company-news-container .company-news-list {
        width: 53.75%;
        height: 294px;
        display: inline-block; }
        .main-container .company-news .company-news-container .company-news-list .news-list-box {
          height: 33.33%;
          position: relative;
          padding-top: 5px; }
          .main-container .company-news .company-news-container .company-news-list .news-list-box .company-news-title {
            font-size: 16px;
            font-weight: bold;
            color: #333333;
            line-height: 22px;
            margin-bottom: 5px; }
            .main-container .company-news .company-news-container .company-news-list .news-list-box .company-news-title span {
              text-overflow: ellipsis;
              white-space: nowrap;
              overflow: hidden;
              display: inline-block;
              width: 100%; }
            .main-container .company-news .company-news-container .company-news-list .news-list-box .company-news-title a:nth-child(1) {
              display: inline-block;
              color: #333333;
              width: 94%;
              height: 20px; }
            .main-container .company-news .company-news-container .company-news-list .news-list-box .company-news-title a:nth-child(2) {
              display: inline-block;
              width: 2rem;
              height: 2rem;
              position: absolute;
              right: 0;
              text-align: right; }
              .main-container .company-news .company-news-container .company-news-list .news-list-box .company-news-title a:nth-child(2) img {
                border: 0px;
                width: 18px;
                height: 8px; }
          .main-container .company-news .company-news-container .company-news-list .news-list-box .news-detail {
            position: relative;
            line-height: 24px;
            font-size: 16px;
            font-weight: 400;
            color: #666666; }
            @media (max-width: 991.98px) {
              .main-container .company-news .company-news-container .company-news-list .news-list-box .news-detail {
                line-height: 18px; } }
          .main-container .company-news .company-news-container .company-news-list .news-list-box .news-detail-new {
            position: relative;
            line-height: 24px;
            max-height: 48px;
            width: 100%;
            overflow: hidden;
            font-size: 16px;
            font-weight: 400;
            color: #666666;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            /* 指定显示文本的行数 */
            overflow: hidden;
            /* 超出隐藏 */ }
  .main-container .net-map {
    width: 100%;
    padding: 100px 0 128px; }
    .main-container .net-map .net-map-container {
      width: 1200px;
      margin: 0 auto; }
      @media (max-width: 1247.98px) {
        .main-container .net-map .net-map-container {
          width: 96%; } }
      .main-container .net-map .net-map-container .net-map-title {
        width: 137px;
        margin: 0 auto 49px;
        font-size: 30px;
        font-weight: bold;
        color: #333333;
        line-height: 22px;
        letter-spacing: 3px; }
      .main-container .net-map .net-map-container .net-map-pics a {
        padding: 0;
        display: inline-block;
        overflow: hidden;
        width: 32.5%;
        margin-right: 0.8%;
        font-size: 0; }
        @media (max-width: 991.98px) {
          .main-container .net-map .net-map-container .net-map-pics a {
            width: 32%; } }
      .main-container .net-map .net-map-container .net-map-pics a:nth-child(3) {
        margin-right: 0; }
      .main-container .net-map .net-map-container .net-map-pics img {
        border: 0px;
        width: 100%;
        transition: 0.6s all ease; }
      .main-container .net-map .net-map-container .net-map-pics img:hover {
        transform: scale(1.2); }