@charset "UTF-8";
.relative, .normal_footer .footer_tel_em, .normal_footer .footer_tel_em > div, body, .all_show .first_show, .four_show, .four_show .four_wrap_p .four_first_p,
.four_show .four_wrap_p .four_last_p, .tab_choose .tab_head, .tab_choose .tab_head > li a, .tab_list, .img_all, li.product_list .product_div_wrap .list_wrap_one .list_txt, li.product_list .product_div_wrap .list_wrap_one .list_txt .txt_title, li.product_list .ydd_module .ydd_text h1.text_title {
  position: relative; }

.absolute, .normal_footer .footer_tel_em > div img, .all_show .first_show > video, .shade, .four_show .four_wrap_p, .tab_choose .tab_head > li a:after, li.product_list .product_div_wrap .list_wrap_one .list_txt > p, li.product_list .product_div_wrap .list_wrap_one .list_txt .txt_title::after, li.product_list .ydd_module .ydd_text .text_title:after {
  position: absolute; }

.show {
  display: block !important; }

.hide {
  display: none !important; }

.f_left, .all_nav .nav_list > a, .normal_footer .footer_tel_em .footer_tel, .tab_list > li {
  float: left; }

.f_right, .all_nav .nav_list .nav_choose, .normal_footer .footer_tel_em .footer_email {
  float: right; }

.container, .all_nav .nav_list, .all_show .third_show, .tab_choose, .tab_choose .tab_body {
  max-width: 1200px;
  margin: 0 auto; }

.margin_auto, .all_nav .nav_list, .all_show .first_show, .all_show .second_show, .all_show .third_show, .all_show .carousel_one .one_content, .four_show .four_wrap_p > p, .tab_choose, .tab_choose .tab_body, li.product_list .product_div_wrap .list_wrap_one {
  margin: 0 auto; }

.position_relative_auto, .all_show .third_show .third_logo {
  position: relative;
  left: 50%; }

.position_absolute_auto {
  position: absolute;
  left: 50%; }

/* 加各种前缀 */
/* 加各种前缀 */
.all_nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 9px 0;
  z-index: 10000000;
  background-color: #000; }
  .all_nav .nav_list > a {
    display: block;
    width: 40px;
    height: 40px; }
    .all_nav .nav_list > a img {
      display: block;
      width: 100%;
      height: 100%; }
  .all_nav .nav_list .nav_choose {
    display: block; }
    .all_nav .nav_list .nav_choose > li {
      line-height: 40px;
      margin-left: 70px;
      display: inline-block; }
      .all_nav .nav_list .nav_choose > li > a {
        position: relative;
        display: inline;
        color: #fff;
        text-decoration: none; }
        .all_nav .nav_list .nav_choose > li > a span {
          display: none;
          position: absolute;
          left: 0;
          bottom: -3px;
          content: "";
          width: 100%;
          height: 1px;
          background-color: #fff; }

/* 加各种前缀 */
.normal_footer {
  position: relative;
  background-color: #1a1a1a;
  width: 100%;
  padding-top: 100px !important;
  color: #bbbbbb;
  font-size: 18px;
  z-index: 9999; }
  .normal_footer .footer_logo {
    position: relative;
    margin: 0 auto;
    padding-bottom: 100px !important;
    width: 176px; }
    .normal_footer .footer_logo a {
      display: inline-block;
      width: 36px;
      height: 36px; }
      .normal_footer .footer_logo a img.wx_icon {
        display: inline-block;
        width: 100%;
        height: 100%; }
    .normal_footer .footer_logo a:frist-child {
      float: left; }
    .normal_footer .footer_logo a:last-child {
      float: right; }
    .normal_footer .footer_logo .wx_icon:hover + .hover_img {
      display: block;
      opacity: 1;
      filter: alpha(opacity=100); }
  .normal_footer .footer_address {
    position: relative;
    width: 100%;
    height: 28px;
    text-align: center;
    margin-bottom: 14px !important; }
    .normal_footer .footer_address img {
      position: absolute;
      top: 50%;
      margin-top: -10px !important;
      display: inline-block;
      width: 20px !important;
      height: 20px !important; }
    .normal_footer .footer_address p {
      display: inline-block;
      margin-left: 30px !important;
      line-height: 28px;
      font-size: 16px !important; }
  .normal_footer .footer_tel_em {
    width: 400px;
    left: 50%;
    margin-left: -200px;
    margin-bottom: 60px; }
    .normal_footer .footer_tel_em > div {
      height: 28px;
      line-height: 28px; }
      .normal_footer .footer_tel_em > div img {
        top: 50%;
        display: inline-block; }
      .normal_footer .footer_tel_em > div p {
        display: inline-block;
        margin-left: 30px; }
    .normal_footer .footer_tel_em .footer_tel img {
      width: 20px;
      height: 20px;
      margin-top: -10px; }
    .normal_footer .footer_tel_em .footer_email img {
      width: 21px;
      height: 16px;
      margin-top: -8px; }
  .normal_footer .footer_record {
    width: 100%;
    text-align: center;
    font-size: 14px;
    padding-bottom: 20px; }

.hover_img {
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  right: -208px;
  top: 50%;
  margin-top: -130px;
  width: 168px !important;
  height: 168px !important;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  cursor: default; }

.all_show {
  display: block;
  width: 100%;
  padding-top: 58px; }
  .all_show .first_show {
    display: block;
    max-width: 1350px;
    height: 640px; }
    .shade {
      display: block;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-color: transparent;
      z-index: 99; }
    .all_show .first_show > video {
      top: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 100%;
      z-index: 98; }
  .all_show .second_show {
    /*width: 510px;
    height: 201px; */
    width: 255px;
    height: 100px;
    /* width: 357px;
    height: 140px; */
    margin-top: 116px;
    background: url("../iamges/weare.gif") no-repeat;
    background-size: 100%; }
  .all_show .third_show {
    padding-bottom: 116px; }
    .all_show .third_show .third_logo {
      left: 50%;
      /* width: 150px;
      height: 150px; */
      width: 75px;
      height: 75px;
      margin: 50px -38px; }
    .all_show .third_show .third_text {
      display: block;
      text-align: center;
      text-indent: 2em;
      font-size: 22px;
      line-height: 1.8; }
  .four_show {
    display: block;
    width: 100%;
    height: 507px;
    background: url("../iamges/four_banner.png") no-repeat;
    background-size: cover; }
    .four_show .four_wrap_p {
      width: 100%;
      top: 50%; }
      .four_show .four_wrap_p > p {
        color: #fff; }
      .four_show .four_wrap_p .four_first_p,
      .four_show .four_wrap_p .four_last_p {
        width: 1140px;
        font-size: 77px;
        font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,WenQuanYi Micro Hei,Arial,sans-serif; }
      .four_show .four_wrap_p .four_sec_p {
        width: 1115px;
        text-indent: 2em;
        font-size: 22px;
        line-height: 1.8; }
      .four_show .four_wrap_p .four_first_p {
        top: .5em; }
      .four_show .four_wrap_p .four_last_p {
        text-align: right; }
  .all_show .carousel_one {
    width: 100%;
    height: 700px; }
    .all_show .carousel_one .one_content {
      display: block;
      max-width: 1200px; }
  .all_show .content_show {
    width: 100%;
    background-color: #f8f8f8; }
    .all_show .content_show .content_bg {
      height: 700px;
      background: url("../iamges/content_allbg.png") no-repeat;
      background-size: cover; }
      .all_show .content_show .content_bg .content_empty {
        width: 100%;
        height: 180px; }
      .all_show .content_show .content_bg .content_all {
        display: block; }
        .all_show .content_show .content_bg .content_all .all_txt {
          position: relative;
          top: -21px;
          display: inline-block;
          width: 245px;
          padding-left: 40px;
          font-size: 18px;
          letter-spacing: 0; }
          .all_show .content_show .content_bg .content_all .all_txt > li > a {
            display: inline-block;
            margin-bottom: 50px;
            color: #000; }
          .all_show .content_show .content_bg .content_all .all_txt > li:last-child > a {
            display: inline-block;
            height: auto;
            padding: 10px 15px;
            border: 1px solid #000;
            margin-bottom: 0;
            font-size: 14px;
            -webkit-transition: all 0.5s;
            -moz-transition: all 0.5s;
            -ms-transition: all 0.5s;
            -o-transition: all 0.5s;
            transition: all 0.5s; }
          .all_show .content_show .content_bg .content_all .all_txt > li > a:hover {
            text-decoration: underline; }
          .all_show .content_show .content_bg .content_all .all_txt > li:last-child > a:hover {
            text-decoration: none;
            color: #fff;
            background-color: #000; }
        .all_show .content_show .content_bg .content_all .all_img {
          display: inline-block;
          width: 846px;
          height: 472px;
          background: url("../iamges/content_bg.png") no-repeat;
          background-size: cover; }
  .all_show .product_show .content_bg {
    background: url("../iamges/product_allbg.png") no-repeat;
    background-size: cover; }
    .all_show .product_show .content_bg .all_txt {
      text-align: right; }
    .all_show .product_show .content_bg .all_img {
      display: inline-block;
      width: 867px !important;
      background: url("../iamges/product_bg.png") no-repeat !important;
      background-size: cover !important; }

.our_team {
  background-color: #fff;
  padding: 100px 0; }
  .our_team .team_img {
    position: relative;
    left: 50%;
    margin-left: -104px;
    display: block;
    width: 207px;
    height: 146px;
    background: url("../iamges/taem.gif") no-repeat;
    background-size: 100%;
    margin-bottom: 70px; }
  .our_team .team_txt {
    position: relative;
    left: 50%;
    margin-left: -22em;
    width: 44em;
    text-align: center;
    line-height: 36px;
    font-size: 22px; }

/* list gogogo */
/* 动态添加的类名 */
.tab_head_show {
  color: #000 !important; }

.tab_head_show::after {
  content: '';
  display: block !important; }

.another_second {
  background: none !important; }
  .another_second .four_wrap_p > p {
    color: #333; }
  .another_second .four_wrap_p .four_first_p,
  .another_second .four_wrap_p .four_last_p {
    width: 1024px; }
  .another_second .four_wrap_p .four_sec_p {
    width: 860px;
    text-align: center;
    text-indent: 0; }

.tab_choose {
  padding: 75px 0; }
  .tab_choose .tab_head {
    display: inline-block;
    border: 1px solid #757575;
    left: 50%;
    margin-bottom: 85px; }
    .tab_choose .tab_head > li {
      display: inline-block;
      padding: 16px 30px; }
      .tab_choose .tab_head > li a {
        display: inline-block; }
      .tab_choose .tab_head > li a:after {
        display: none;
        bottom: -17px;
        left: 0;
        content: '';
        width: 100%;
        height: 2px;
        background-color: #000; }
  .tab_choose .tab_body {
    display: block; }
    .tab_choose .tab_body > li {
      display: none;
      width: 100%; }
      .tab_list {
        left: -34px;
        display: block;
        max-width: 1300px; }
        .tab_list > li {
          display: block;
          margin: auto auto 40px 34px; }
          .img_all {
            width: 366px;
            height: 353px; }
            .img_all > img {
              display: block;
              width: 366px;
              height: 353px; }
          .img_title .title_txt {
            margin: 15px 0;
            font-size: 18px;
            color: #000; }
          .img_title .title_time {
            font-size: 16px;
            color: #757575; }
      .information_list > li {
        width: 1100px;
        padding: 25px 0;
        border-top: 1px solid rgba(0, 0, 0, 0.1); }
        .information_list > li > img {
          display: block;
          width: 213px;
          height: 150px;
          margin-right: 40px; }
        .information_list > li .info_group {
          cursor: pointer; }
          .information_list > li .info_group .info_title {
            font-size: 22px;
            color: #131313;
            width: 28em;
            line-height: 1.5; }
          .information_list > li .info_group .info_time {
            font-size: 12px;
            color: #797979;
            padding: 15px 0 20px; }
          .information_list > li .info_group .info_txt {
            font-size: 12px;
            color: #080808;
            width: 30em;
            line-height: 1.5;
            height: 36px;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden; }

/* 产品 */
li.product_list {
  display: none;
  width: 100%; }
  li.product_list .product_div_wrap {
    display: block;
    width: 100%;
    height: 700px; }
    li.product_list .product_div_wrap .list_wrap_one {
      display: block;
      max-width: 1200px;
      height: 700px; }
      li.product_list .product_div_wrap .list_wrap_one .list_img {
        display: block;
        width: 600px;
        height: 700px; }
      li.product_list .product_div_wrap .list_wrap_one .list_txt {
        top: 50%;
        width: 570px;
        padding-left: 30px; }
        li.product_list .product_div_wrap .list_wrap_one .list_txt .txt_title {
          font-size: 28px;
          color: #333; }
        li.product_list .product_div_wrap .list_wrap_one .list_txt > p {
          margin-top: 40px;
          width: 21em;
          line-height: 1.4;
          color: #333;
          font-size: 22px; }
        li.product_list .product_div_wrap .list_wrap_one .list_txt .txt_title::after {
          content: '';
          bottom: -15px;
          width: 50px;
          height: 5px;
          border-radius: 20px;
          background-color: #333; }
  li.product_list .list_dope_1 .list_img {
    background: url("../iamges/img_1.png") no-repeat;
    background-size: cover; }
  li.product_list .list_dope_1 .list_txt {
    margin-top: -80px !important; }
    li.product_list .list_dope_1 .list_txt .txt_title::after {
      left: 0 !important; }
  li.product_list .list_dope_2 .list_img {
    background: url("../iamges/img_2.png") no-repeat;
    background-size: cover; }
  li.product_list .list_dope_2 .list_txt {
    text-align: right;
    margin-top: -100px !important; }
    li.product_list .list_dope_2 .list_txt .txt_title::after {
      right: 0 !important; }
    li.product_list .list_dope_2 .list_txt > p {
      right: 0 !important; }
  li.product_list .list_dope_3 .list_img {
    background: url("../iamges/img_3.png") no-repeat;
    background-size: cover; }
  li.product_list .list_dope_3 .list_txt {
    margin-top: -80px !important; }
    li.product_list .list_dope_3 .list_txt .txt_title::after {
      left: 0 !important; }
  li.product_list .background_f6 {
    background-color: #f6f6f6 !important; }
  li.product_list .list_ydd_2 .list_img {
    background: url("../iamges/img_5.png") no-repeat;
    background-size: cover; }
  li.product_list .list_ydd_2 .list_txt {
    margin-top: -80px !important; }
    li.product_list .list_ydd_2 .list_txt .txt_title::after {
      background-color: #5cecce !important;
      left: 0 !important; }
  li.product_list .list_ydd_1 .list_img {
    background: url("../iamges/img_4.png") no-repeat;
    background-size: cover; }
  li.product_list .list_ydd_1 .list_txt {
    text-align: right;
    margin-top: -100px !important; }
    li.product_list .list_ydd_1 .list_txt .txt_title::after {
      right: 0 !important;
      background-color: #5cecce !important; }
    li.product_list .list_ydd_1 .list_txt > p {
      right: 0 !important; }
  li.product_list .list_dq_1 .list_img {
    background: url("../iamges/dangqi1.png") no-repeat;
    background-size: cover; }
  li.product_list .list_dq_1 .list_txt {
    text-align: right;
    margin-top: -100px !important; }
    li.product_list .list_dq_1 .list_txt .txt_title::after {
      right: 0 !important;
      background-color: #5cecce !important; }
    li.product_list .list_dq_1 .list_txt > p {
      right: 0 !important; }
  li.product_list .list_dq_2 .list_img {
    background: url("../iamges/dangqi2.png") no-repeat;
    background-size: cover; }
  li.product_list .list_dq_2 .list_txt {
    margin-top: -80px !important; }
    li.product_list .list_dq_2 .list_txt .txt_title::after {
      background-color: #5cecce !important;
      left: 0 !important; }
  li.product_list .list_dq_3 .list_img {
    background: url("../iamges/dangqi3.png") no-repeat;
    background-size: cover; }
  li.product_list .list_dq_3 .list_txt {
    text-align: right;
    margin-top: -100px !important; }
    li.product_list .list_dq_3 .list_txt .txt_title::after {
      right: 0 !important;
      background-color: #5cecce !important; }
    li.product_list .list_dq_3 .list_txt > p {
      right: 0 !important; }
  li.product_list .ydd_module {
    padding-top: 75px;
    background-color: #fff; }
    li.product_list .ydd_module .ydd_text {
      margin-bottom: 60px; }
      li.product_list .ydd_module .ydd_text h1.text_title {
        text-align: center;
        font-size: 28px;
        line-height: 23px;
        margin: 0 0 40px 0 !important; }
      li.product_list .ydd_module .ydd_text .text_title:after {
        content: '';
        left: 50%;
        bottom: -20px;
        margin-left: -25px;
        width: 50px;
        height: 5px;
        background-color: #17c4fe;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        border-radius: 5px; }
      li.product_list .ydd_module .ydd_text .text_content {
        position: relative;
        left: 50%;
        margin-left: -14.5em;
        width: 29em;
        text-align: center;
        font-size: 18px;
        line-height: 1.94; }
    li.product_list .ydd_module .ydd_img {
      position: relative;
      display: block;
      left: 50%;
      margin-left: -450px;
      width: 900px;
      height: 420px;
      overflow: hidden;
      -webkit-border-radius: 8px 8px 0 0;
      -moz-border-radius: 8px 8px 0 0;
      -ms-border-radius: 8px 8px 0 0;
      -o-border-radius: 8px 8px 0 0;
      border-radius: 8px 8px 0 0;
      -webkit-box-shadow: 11px -10px 40px #f6f6f6, -15px -10px 40px #f6f6f6;
      -moz-box-shadow: 11px -10px 40px #f6f6f6, -15px -10px 40px #f6f6f6;
      -ms-box-shadow: 11px -10px 40px #f6f6f6, -15px -10px 40px #f6f6f6;
      -o-box-shadow: 11px -10px 40px #f6f6f6, -15px -10px 40px #f6f6f6;
      box-shadow: 11px -10px 40px #f6f6f6, -15px -10px 40px #f6f6f6; }
    li.product_list .ydd_module .ydd_img_a {
      background: url("../iamges/a_02.png") no-repeat;
      background-size: 100%; }
    li.product_list .ydd_module .ydd_img_b {
      background: url("../iamges/b_02.png") no-repeat;
      background-size: 100%; }
    li.product_list .ydd_module .ydd_img_c {
      background: url("../iamges/c_02.png") no-repeat;
      background-size: 100%; }
  li.product_list .back_foot {
    position: relative;
    display: block;
    width: 100%;
    height: 278px;
    background: url("../iamges/foot_bc.png") no-repeat;
    background-size: 100%;
    z-index: 9999;
    text-align: center; }
    li.product_list .back_foot > h1 {
      font-size: 28px;
      line-height: 1.25;
      color: #fff;
      margin: 0 !important;
      padding: 60px 0 60px; }
    li.product_list .back_foot > a {
      display: inline-block;
      padding: 20px 40px;
      color: #000;
      background-color: #fff;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      -ms-border-radius: 10px;
      -o-border-radius: 10px;
      border-radius: 10px; }
  li.product_list .foot_yundd {
    background: url("../iamges/yudd_bg.png") no-repeat !important;
    background-size: 100% !important; }
    li.product_list .foot_yundd > a {
      color: #17c4fe !important; }
  li.product_list .pruduct_foot {
    position: relative;
    display: block;
    width: 100%;
    height: 350px;
    background: url("../iamges/dope_bg.png") no-repeat;
    background-size: 100%;
    z-index: 9999;
    text-align: center; }
    li.product_list .pruduct_foot .dope_qr {
      position: absolute;
      left: 50%;
      top: 60px;
      margin-left: -115px;
      display: block;
      width: 230px;
      height: 185px; }
    li.product_list .pruduct_foot > p {
      position: relative;
      top: 280px;
      font-size: 22px;
      color: #fff; }
  li.product_list .yidd_foot {
    background: url("../iamges/yidd_bg.png") no-repeat !important;
    background-size: 100% !important; }
    li.product_list .yidd_foot .yidd_qr {
      position: absolute;
      left: 50%;
      top: 30px;
      display: block;
      width: 197px;
      height: 229px;
      margin-left: -88px; }
    li.product_list .yidd_foot > p {
      color: #003b31 !important; }

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