@charset "UTF-8";
header {
  font-size: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999; }
  header .header_t {
    height: 40px;
    background: #272829; }
    header .header_t .tel {
      color: #ececec;
      height: 35px;
      line-height: 35px;
      font-size: 13px; }
    header .header_t .lang {
      height: 40px;
      line-height: 40px; }
      header .header_t .lang .eng {
        padding: 12px 6px;
        font-size: 14px;
        color: #999999; }
        header .header_t .lang .eng:hover {
          background: #1a9403;
          color: #fdfdfd; }
      header .header_t .lang .china {
        padding: 12px 6px;
        font-size: 14px;
        color: #999999; }
        header .header_t .lang .china:hover {
          background: #1a9403;
          color: #fdfdfd; }
      header .header_t .lang .more {
        cursor: pointer;
        display: inline-block;
        color: #999999;
        font-size: 14px;
        position: relative; }
        header .header_t .lang .more .pro_lang {
          display: none;
          position: absolute;
          right: 0;
          top: 100%;
          border: 1px solid #1a9403;
          background: #333;
          z-index: 999;
          padding: 5px;
          width: 250%; }
          header .header_t .lang .more .pro_lang h6 a {
            font-weight: 100;
            font-size: 12px;
            color: #fff;
            transition: all 1s; }
            header .header_t .lang .more .pro_lang h6 a:hover {
              color: #1a9403; }
    header .header_t .share {
      margin-top: 10px;
      margin-right: 35px; }
      header .header_t .share img {
        margin-left: 5px; }
  header .bg {
    height: 91px;
    background: rgba(255, 255, 255, 0.8); }
  header .logo {
    padding-bottom: 15px;
    margin-top: 15px;
    text-align: center;
    position: relative;
    z-index: 999;
    background: url(../images/logo_di_03.png) no-repeat center bottom; }
  header .nav1 .nav1_li {
    display: inline-block;
    padding: 0 29px;
    transition: all 0.3s ease;
    position: relative;
    margin-right: 10px; }
    header .nav1 .nav1_li:hover {
      border-bottom: 4px solid #1a9403; }
      header .nav1 .nav1_li:hover > a {
        color: #1a9403; }
      header .nav1 .nav1_li:hover .nav_li_down {
        display: block; }
    header .nav1 .nav1_li a {
      display: inline-block;
      width: 100%;
      padding: 30px 0;
      font-size: 16px;
      font-weight: 500;
      color: #333; }
    header .nav1 .nav1_li .nav_li_down {
      display: none;
      position: absolute;
      width: 221%;
      top: 105%;
      left: 0;
      background: rgba(255, 255, 255, 0.8);
      border: 1px solid #ededed;
      z-index: 9999; }
      header .nav1 .nav1_li .nav_li_down .nav_list {
        padding: 5px 0 5px 10px; }
        header .nav1 .nav1_li .nav_li_down .nav_list:hover {
          background: #1A9403; }
          header .nav1 .nav1_li .nav_li_down .nav_list:hover a {
            color: #fff; }
        header .nav1 .nav1_li .nav_li_down .nav_list a {
          padding: 5px 0;
          font-size: 14px; }
  header .nav1 .nav_li2 {
    display: inline-block;
    padding: 0 28px;
    margin-left: 10px;
    position: relative;
    transition: all 0.3s; }
    header .nav1 .nav_li2:hover {
      border-bottom: 4px solid #1a9403; }
      header .nav1 .nav_li2:hover > a {
        color: #1a9403; }
      header .nav1 .nav_li2:hover .nav_li_down {
        display: block; }
    header .nav1 .nav_li2 a {
      display: inline-block;
      padding: 30px 0;
      font-size: 16px;
      transition: all 0.3s ease;
      font-weight: 500;
      color: #333; }
    header .nav1 .nav_li2 .nav_li_down {
      display: none;
      position: absolute;
      width: 100%;
      top: 105%;
      left: 0;
      background: rgba(255, 255, 255, 0.8);
      border: 1px solid #ededed;
      z-index: 9999; }
      header .nav1 .nav_li2 .nav_li_down .nav_list {
        padding: 5px 0 5px 10px; }
        header .nav1 .nav_li2 .nav_li_down .nav_list:hover {
          background: #1A9403; }
          header .nav1 .nav_li2 .nav_li_down .nav_list:hover a {
            color: #fff; }
        header .nav1 .nav_li2 .nav_li_down .nav_list a {
          padding: 5px 0;
          font-size: 14px; }
  header .nav1 .search_btn {
    margin-top: 30px;
    width: 24px;
    height: 24px;
    background: url(../images/index_19.png) no-repeat center;
    cursor: pointer; }
  header .nav1 .search {
    display: none;
    width: 90%;
    padding: 5px;
    font-size: 14px;
    border: 1px solid #ededed;
    z-index: 99;
    position: absolute;
    right: 30px;
    top: 23px;
    background: #fff; }
    header .nav1 .search input {
      width: 93%;
      border: none;
      background: #fff; }
    header .nav1 .search .name1 {
      width: 24px;
      height: 24px;
      background: url(../images/index_19.png) no-repeat center; }
  header .nav1_down {
    display: none;
    padding-top: 80px;
    padding-bottom: 70px;
    position: absolute;
    width: 100%;
    top: 129px;
    left: 0;
    background: #e1e4e8;
    z-index: 999; }
    header .nav1_down .border {
      border-bottom: 1px solid #c4cdd6;
      padding-bottom: 20px;
      margin-right: 30px;
      margin-bottom: 15px; }
      header .nav1_down .border h6 {
        font-size: 16px;
        color: #4a5056;
        display: inline-block;
        vertical-align: middle;
        padding-left: 5px; }
      header .nav1_down .border a {
        display: inline-block;
        vertical-align: middle;
        width: 82%; }
    header .nav1_down a {
      width: 33%;
      display: inline-block;
      font-size: 14px;
      color: #727477;
      padding: 6px 0; }

.tel_head {
  display: none;
  background: #272829;
  text-align: center;
  padding: 10px 0;
  position: relative; }
  .tel_head .nav_btn {
    margin-left: 15px;
    margin-top: 20px;
    width: 32px;
    height: 32px;
    background: url(../images/tel.png) no-repeat center; }
    .tel_head .nav_btn .tel_nav_down {
      display: none;
      position: absolute;
      width: 100%;
      background: #1A9403;
      z-index: 999;
      left: 0;
      top: 100%;
      border: 1px solid #fff;
      padding: 10px 0; }
      .tel_head .nav_btn .tel_nav_down li {
        padding: 5px 0; }
        .tel_head .nav_btn .tel_nav_down li a {
          color: #fff; }
  .tel_head .logo img {
    margin-left: 30px; }
  .tel_head .lang_btn {
    width: 60px;
    border: 1px solid #1A9403;
    margin-right: 15px;
    margin-top: 25px;
    font-size: 14px;
    color: #999;
    border-radius: 5px;
    position: relative;
    padding-right: 5px; }
    .tel_head .lang_btn span {
      position: absolute;
      display: inline-block;
      border: 5px solid transparent;
      border-top: 5px solid #1A9403;
      top: 45%;
      right: 3px; }
    .tel_head .lang_btn .tel_lang {
      position: absolute;
      top: 100%;
      width: 100%;
      z-index: 999;
      background: #fff;
      border-radius: 0 0 5px 5px;
      display: none; }
      .tel_head .lang_btn .tel_lang a {
        display: block;
        color: #999; }

footer {
  border-bottom: 1px solid #2a2a2a;
  padding: 50px 0;
  color: #fff;
  background: #333333; }
  footer .img_box {
    margin-top: 20px;
    width: 110px;
    height: 90px; }
    footer .img_box img {
      width: 100%; }
  footer ul {
    position: relative; }
    footer ul::after {
      content: "";
      position: absolute;
      right: 5px;
      width: 1px;
      height: 180px;
      top: 50%;
      background: #666;
      transform: translateY(-50%); }
    footer ul li {
      margin-bottom: 16px; }
      footer ul li:last-of-type {
        display: none; }
      footer ul li a {
        text-transform: uppercase;
        font-size: 16px;
        color: #fff;
        border-bottom: 1px solid #1A9403;
        position: relative;
        padding-right: 5px;
        padding-bottom: 2px;
        transition: all 1s; }
        footer ul li a::after {
          transition: all 1s;
          width: 6px;
          height: 3px;
          background: #ff3301;
          position: absolute;
          left: 0;
          bottom: -2px;
          content: ""; }
        footer ul li a:hover {
          color: #1A9403; }
          footer ul li a:hover::after {
            left: 100%; }
  footer .pro_f {
    padding-left: 25px;
    position: relative; }
    footer .pro_f::after {
      content: "";
      position: absolute;
      right: 40px;
      width: 1px;
      height: 180px;
      top: 10px;
      background: #666; }
    footer .pro_f div {
      margin-bottom: 6px; }
      footer .pro_f div a {
        color: #d0d0d0; }
        footer .pro_f div a:hover {
          color: #1A9403; }
  footer .lx {
    font-size: 16px;
    margin-top: 5px; }
    footer .lx span {
      margin-left: 10px;
      vertical-align: top;
      display: inline-block;
      width: 90%; }
  footer h6 {
    display: inline-block;
    position: relative;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 16px;
    border-bottom: 1px solid #1A9403;
    padding-bottom: 8px; }
    footer h6::after {
      width: 10px;
      height: 3px;
      background: #ff3301;
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      bottom: -2px;
      content: ""; }
  footer .share {
    margin-top: 20px;
    padding-left: 25px; }
    footer .share img {
      margin-right: -10px; }

.footer_b {
  text-align: center;
  padding: 10px 0;
  background: #3c3c3c;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase; }

.company .img_box {
  margin-top: 30px; }
  .company .img_box img {
    width: 100%; }
.company .company_b {
  border-top: 2px solid #d9d9d9;
  margin-top: 40px;
  padding: 30px 20px; }
  .company .company_b .company_text {
    font-weight: 500;
    color: #666666;
    padding-left: 15px; }
  .company .company_b .imgs {
    padding-bottom: 25px;
    height: 530px; }
    .company .company_b .imgs img {
      margin-bottom: 25px;
      display: block;
      margin-left: 60px; }
.company .honro {
  padding-bottom: 100px; }
  .company .honro .img_box2 {
    transition: all 1s;
    border: 1px solid #e4e1df;
    text-align: center;
    padding: 8px 25px;
    margin-top: 15px;
    cursor: pointer;
    position: relative; }
    .company .honro .img_box2 img{
      height: 290px;
      position: relative;
      z-index: 999;
    }
    .company .honro .img_box2:hover {
      border: 1px solid transparent; }
      .company .honro .img_box2:hover::after {
        width: 100%; }
      .company .honro .img_box2:hover::before {
        height: 100%; }
    .company .honro .img_box2::after {
      position: absolute;
      left: 0;
      top: 0;
      width: 0;
      transition: all 1s;
      content: "";
      height: 100%;
      border-top: 1px solid #1A9403;
      border-bottom: 1px solid #1A9403; }
    .company .honro .img_box2::before {
      position: absolute;
      left: 0;
      top: 0;
      transition: all 1s;
      content: "";
      height: 0;
      width: 100%;
      border-left: 1px solid #1A9403;
      border-right: 1px solid #1A9403; }

.img_box1 {
  text-align: center;
  position: relative; }
  .img_box1:hover .mask {
    background: rgba(54, 156, 38, 0.8);
    color: #fff;
    font-weight: 600; }
  .img_box1 img {
    width: 100%; }
  .img_box1 .mask {
    font-size: 18px;
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #e5e5e5;
    font-weight: 400;
    transition: all 1s;
    color: #333;
    text-transform: uppercase;
    transition: all 1s; }

.title {
  margin-top: 70px;
  background: url(../images/company_07.png) no-repeat right;
  font-size: 30px;
  color: #333333;
  padding-left: 3px;
  text-transform: uppercase;
  padding-bottom: 10px;
  border-bottom: 2px solid #d9d9d9;
  margin-bottom: 40px; }

.news .img_box {
  margin-top: 30px; }
  .news .img_box img {
    width: 100%; }
.news .new_b {
  border-top: 2px solid #d9d9d9;
  margin-top: 40px;
  padding: 50px 75px; }
  .news .new_b .new_list {
    padding: 40px 0;
    border-bottom: 1px solid #dddddd;
    transition: all 1s; }
    .news .new_b .new_list:hover {
      box-shadow: 5px 5px 30px 5px #e5e5e5; }
      .news .new_b .new_list:hover .img_box img {
        transform: rotate(10deg);
        box-shadow: 5px 5px 15px 5px #e5e5e5; }
      .news .new_b .new_list:hover span {
        color: #1A9403; }
      .news .new_b .new_list:hover h5 {
        color: #1A9403; }
      .news .new_b .new_list:hover .more {
        color: #1A9403; }
      .news .new_b .new_list:hover .jj {
        color: #999; }
    .news .new_b .new_list .img_box {
      padding: 0 10px; }
      .news .new_b .new_list .img_box img {
        transition: all 1s; }
    .news .new_b .new_list span {
      transition: all 1s;
      font-size: 16px;
      color: #333; }
    .news .new_b .new_list h5 {
      transition: all 1s;
      padding-top: 16px;
      font-size: 20px;
      color: #666; }
    .news .new_b .new_list .jj {
      transition: all 1s;
      margin-top: 18px;
      font-size: 14px;
      color: #666;
      height: 70px;
      overflow: hidden;
      text-overflow: ellipsis; }
    .news .new_b .new_list .more {
      transition: all 1s;
      font-size: 18px;
      color: #666; }
      .news .new_b .new_list .more:hover {
        text-decoration: underline; }
.news .new_show {
  border: 1px solid #efefef; }
  .news .new_show h6 {
    font-size: 28px;
    color: #666;
    padding-top: 70px;
    padding-bottom: 45px;
    text-align: center; }
  .news .new_show .box {
    text-align: center;
    background: #e5e5e5;
    padding: 15px 0;
    color: #999;
    margin-bottom: 45px; }
    .news .new_show .box .share {
      margin-right: 30px; }
  .news .new_show .new_con {
    padding: 0 40px;
    padding-bottom: 70px; }
.news .zc {
  margin-top: 40px;
  border-top: 2px solid #d9d9d9; }
  .news .zc h6 {
    padding-right: 10px;
    margin-top: 40px;
    font-size: 30px;
    color: #0d0e0d;
    padding-bottom: 10px;
    border-bottom: 4px solid #1a9403;
    display: inline-block; }
  .news .zc > div {
    padding: 0 30px;
    text-align: center;
    font-size: 0;
    margin-top: 35px; }
    .news .zc > div .xiantiao {
      display: inline-block;
      width: 59px;
      height: 4px;
      vertical-align: middle;
      background: #1A9403;
      margin-top: 45px; }
    .news .zc > div .box {
      text-align: center;
      width: 170px;
      display: inline-block;
      vertical-align: middle; }
      .news .zc > div .box h5 {
        font-size: 20px;
        color: #1A9403;
        margin-bottom: 25px; }
      .news .zc > div .box .yuan {
        width: 170px;
        background: #e5e5e5;
        height: 170px;
        border-radius: 50%;
        font-size: 14px;
        color: #333;
        padding: 0 30px;
        padding-top: 50px; }
  .news .zc .jj {
    text-align: left;
    font-size: 18px;
    color: #333; }
  .news .zc .zc_con {
    padding-bottom: 50px;
    text-align: left;
    font-size: 16px; }
.news .contact {
  padding-bottom: 50px; }
  .news .contact .pad_r50 {
    padding-right: 50px; }
    .news .contact .pad_r50 .dibu {
      color: #1A9403;
      text-transform: uppercase;
      font-size: 18px;
      padding-bottom: 3px;
      border-bottom: 2px solid #1A9403; }
    .news .contact .pad_r50 .lx {
      padding: 25px 0; }
      .news .contact .pad_r50 .lx span {
        margin-left: 10px;
        display: inline-block;
        width: 90%;
        vertical-align: top;
        font-size: 16px;
        color: #808080;
        margin-bottom: 10px; }
        .news .contact .pad_r50 .lx span b {
          font-weight: 500;
          color: #1A9403; }
    .news .contact .pad_r50 .contact_con {
      font-size: 16px;
      color: #333;
      padding-right: 85px; }
  .news .contact .border {
    position: relative; }
    .news .contact .border::after {
      content: "";
      position: absolute;
      left: -45px;
      top: 0;
      height: 102%;
      width: 1px;
      background: #cbcbcb; }
    .news .contact .border .map {
      height: 365px;
      width: 100%; }
    .news .contact .border .form {
      font-size: 16px;
      color: #666;
      padding-top: 50px; }
      .news .contact .border .form h6 {
        margin-bottom: 30px;
        text-align: center;
        font-size: 24px;
        color: #1A9403;
        text-decoration: underline; }
      .news .contact .border .form input {
        margin-bottom: 5px;
        width: 100%;
        background: #e2e2e2;
        border-radius: 5px;
        height: 40px;
        padding-left: 10px;
        border: none; }
      .news .contact .border .form textarea {
        width: 100%;
        height: 80px;
        border-radius: 5px;
        background: #e2e2e2;
        border: none;
        margin-bottom: 15px;
        padding-left: 10px;
        padding-top: 5px; }
      .news .contact .border .form .center {
        text-align: center; }
        .news .contact .border .form .center .inp_btn {
          width: 250px;
          transition: all 1s;
          padding-left: 0;
          font-size: 16px; }
          .news .contact .border .form .center .inp_btn:hover {
            background: #1A9403;
            color: #fff; }
.news .case .img_box img {
  width: 100%; }
.news .case h6 {
  padding-top: 30px;
  text-align: center;
  font-size: 18px;
  color: #999;
  transition: all 1s; }
  .news .case h6:hover {
    color: #1A9403; }
.news .case_show {
  padding-bottom: 100px;
  /*放大镜*/
  /*竖向排列*/
  /*放大镜*/
  /*防止全局样式img{max-width:100%;}的影响下出现的bug*/
  /*防止全局样式img{max-width:100%;}的影响下出现的bug*/
  /*li的长度就是移动的长度，margin如果改变，需要在js里改变相应的值*/
  /*重要起效样式不能删*/
  /*重要起效样式不能删*/
  /*经常根据条件要改变的值*/
  /*中图的宽高*/
  /*小图box的宽高左右边距等*/
  /*小图中图片容器的的大小，这个的高度和margin之和要等于.smallImg的高*/
  /*小图的图片box的大小*/
  /*小图的图片box中图片的大小和上下边距*/
  /*小图选中样式*/
  /*切换箭头*/
  /*箭头颜色样式,若使用这个base64的图片，必须是白底的背景才不会出问题*/
  /*经常根据条件要改变的值*/
  /*手机端布局*/
  /*放大镜*/ }
  .news .case_show h6 {
    font-size: 34px;
    color: #1A9403;
    text-align: center;
    padding-bottom: 50px; }
  .news .case_show #pc_pro_pics {
    background: #fff;
    display: block; }
  .news .case_show .preview img {
    max-width: initial !important; }
  .news .case_show .preview {
    position: relative; }
  .news .case_show .tb-pic a {
    display: inline-block;
    text-align: center;
    vertical-align: middle; }
  .news .case_show .tb-pic a img {
    vertical-align: middle;
    max-width: auto;
    width: 100%;
    box-shadow: 2px 2px 7px 3px #a4a4a4; }
  .news .case_show .tb-pic a {
    *display: block;
    *font-family: Arial;
    *line-height: 1; }
  .news .case_show .tb-thumb {
    position: absolute;
    width: 99999px; }
  .news .case_show .tb-thumb li {
    overflow: hidden; }
  .news .case_show .tb-booth {
    position: relative;
    z-index: 1;
    background: #fff;
    overflow: hidden; }
  .news .case_show .tb-thumb li a {
    text-align: center;
    display: inline-block;
    overflow: hidden; }
  .news .case_show div.zoomDiv {
    z-index: 999;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 200px;
    height: 200px;
    background: #ffffff;
    border: 1px solid #CCCCCC;
    display: none;
    text-align: center;
    overflow: hidden; }
  .news .case_show div.zoomMask {
    position: absolute;
    background: #000;
    background: rgba(0, 0, 0, 0.3);
    filter: alpha(opacity=30);
    cursor: move;
    z-index: 1; }
  .news .case_show .bigimg {
    max-width: none; }
  .news .case_show .smallImg {
    float: none;
    position: relative; }
  .news .case_show .smallImg img {
    width: 100%;
    height: 100%; }
  .news .case_show .smallImg .box {
    position: relative;
    overflow: hidden;
    display: block; }
  .news .case_show .smallImg .prev {
    position: absolute;
    left: 0;
    top: 80px; }
  .news .case_show .smallImg .next {
    position: absolute;
    bottom: 80px;
    right: 0; }
  .news .case_show .smallImg .prev:hover,
  .news .case_show .smallImg .next:hover {
    text-decoration: none;
    color: #005656;
    cursor: pointer; }
  .news .case_show .tb-s310 {
    margin: 0 auto;
    height: 530px;
    width: 60%;
    line-height: 530px;
    text-align: center;
    margin-bottom: 50px; }
  .news .case_show .tb-s310 a {
    height: 530px;
    width: 100%;
    line-height: 530px;
    text-align: center; }
  .news .case_show .smallImg {
    width: 100%;
    height: 200px;
    margin-right: 0px; }
  .news .case_show .smallImg .box {
    width: 87%;
    height: 200px;
    left: 8%; }
  .news .case_show .tb-thumb li {
    margin: 0 10px;
    display: inline-block;
    width: 325px;
    height: 200px; }
  .news .case_show .tb-thumb li a {
    border: 4px solid #dedede;
    width: 100%;
    height: 200px; }
  .news .case_show .tb-thumb .tb-selected a {
    border: 4px solid #0c8e00; }
  .news .case_show .smallImg .prev {
    width: 30px;
    height: 40px;
    line-height: 40px; }
  .news .case_show .smallImg .next {
    width: 30px;
    height: 40px;
    line-height: 40px; }
  .news .case_show .smallImg .prev {
    font-size: 60px;
    position: absolute;
    left: 0;
    margin: 0;
    z-index: 999;
    background: url(../images/jiantou_03.png) no-repeat center; }
    .news .case_show .smallImg .prev:hover {
      background: url(../images/jiantou2.png) no-repeat center; }
  .news .case_show .smallImg .next {
    font-size: 60px;
    position: absolute;
    left: 100%;
    margin: 0;
    z-index: 999;
    background: url(../images/jiantou1.png) no-repeat center; }
    .news .case_show .smallImg .next:hover {
      background: url(../images/jiantou_06.png) no-repeat center; }
  .news .case_show #mobile_pro_pics {
    display: none;
    margin: 20px auto; }
  .news .case_show .swiper-slide {
    text-align: center;
    float: left;
    text-align: center;
    position: relative; }
  .news .case_show .swiper-slide img {
    max-height: 200px; }
  .news .case_show .swiper-pagination-switch {
    width: 10px;
    height: 10px;
    display: inline-block;
    margin: 0 3px;
    border-radius: 50%;
    background: #ccc; }
  .news .case_show .swiper-active-switch {
    background: #FF9201; }
  @media (max-width: 767px) {
    .news .case_show #pc_pro_pics {
      display: none; }
    .news .case_show #mobile_pro_pics {
      display: block; } }
  .news .case_show .swiper-slide img {
    border: 1px solid #ccc; }
.news .pro h6 {
  text-align: center;
  padding: 25px 0;
  margin-top: 70px;
  font-size: 30px;
  color: #fff;
  background: #1a9403; }
.news .pro .pro_box {
  border: 1px dashed #1A9403; }
  .news .pro .pro_box .pro_nav1 {
    background: url(../images/meixiala.png) no-repeat 90%;
    margin: 0 5px;
    border-bottom: 1px dashed #eeeeee;
    padding: 20px 0;
    font-size: 18px;
    color: #666666;
    padding-left: 25px;
    cursor: pointer;
    position: relative; }
    .news .pro .pro_box .pro_nav1::after {
      content: "";
      position: absolute;
      right: -6px;
      top: -1px;
      width: 7px;
      height: 100%;
      background: transparent; }
    .news .pro .pro_box .pro_nav1:hover a {
      color: #1A9403; }
    .news .pro .pro_box .pro_nav1:hover::after {
      content: "";
      position: absolute;
      right: -6px;
      top: -1px;
      width: 7px;
      height: 100%;
      background: #1A9403; }
  .news .pro .pro_box .pro_nav2 {
    display: none;
    padding-left: 40px;
    padding-top: 15px;
    padding-bottom: 20px; }
    .news .pro .pro_box .pro_nav2 .pro_nav2_tit {
      color: #666;
      display: block;
      margin-bottom: 6px; }
      .news .pro .pro_box .pro_nav2 .pro_nav2_tit:hover {
        color: #1A9403;
        display: list-item; }
    .news .pro .pro_box .pro_nav2 .pro_nav3 {
      display: block;
      padding-left: 30px;
      color: #999; }
      .news .pro .pro_box .pro_nav2 .pro_nav3:hover {
        color: #1A9403;
        text-decoration: underline; }
.news .pro .img_box {
  margin-top: 0;
  border: 1px solid #e6e3e1;
  position: relative;
  margin-bottom: 100px; }
  /*.news .pro .img_box::after {
    content: "";
    height: 8px;
    width: 70%;
    background: #eeeeee;
    position: absolute;
    bottom: -4px;
    left: 50%;
    transition: all 1s;
    transform: translateX(-50%);
    -web-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%); }*/
  .news .pro .img_box::before {
    content: "+";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid transparent;
    background: transparent;
    text-align: center;
    line-height: 19px;
    position: absolute;
    top: 10px;
    right: 10px;
    color: transparent;
    font-size: 16px;
    font-weight: 500; }
  .news .pro .img_box:hover::after {
    background: #2c761e; }
  .news .pro .img_box:hover::before {
    border: 1px solid #1A9403;
    color: #1A9403; }
  .news .pro .img_box:hover h5 {
    background: #1A9403; }
    .news .pro .img_box:hover h5 .jj {
      overflow: hidden;
      height: 25px;
      font-size: 12px; }
  .news .pro .img_box h5 {
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
    margin-bottom: 20px;
    text-align: center;
    background: #c7c7c7;
    color: #fff;
    font-size: 18px;
    padding-top: 20px;
    padding-bottom: 15px;
    font-weight: 500;
    transition: all 1s; }
    .news .pro .img_box h5 .jj {
      margin-top: 10px;
      word-wrap: break-word !important;
      color: #fff;
      width: 100%;
      height: 0;
      text-align: left;
      transition: all 1s;
      font-size: 0px;
      padding: 0px 18px; }
.news .pro_show {
  /*放大镜*/
  /*竖向排列*/
  /*放大镜*/
  /*防止全局样式img{max-width:100%;}的影响下出现的bug*/
  /*防止全局样式img{max-width:100%;}的影响下出现的bug*/
  /*li的长度就是移动的长度，margin如果改变，需要在js里改变相应的值*/
  /*重要起效样式不能删*/
  /*重要起效样式不能删*/
  /*经常根据条件要改变的值*/
  /*中图的宽高*/
  /*小图box的宽高左右边距等*/
  /*小图中图片容器的的大小，这个的高度和margin之和要等于.smallImg的高*/
  /*小图的图片box的大小*/
  /*小图的图片box中图片的大小和上下边距*/
  /*小图选中样式*/
  /*切换箭头*/
  /*箭头颜色样式,若使用这个base64的图片，必须是白底的背景才不会出问题*/
  /*经常根据条件要改变的值*/
  /*手机端布局*/
  /*放大镜*/ }
  .news .pro_show #pc_pro_pics {
    background: #fff;
    display: block;
    margin-top: 60px; }
  .news .pro_show .preview img {
    max-width: initial !important; }
  .news .pro_show .preview {
    position: relative; }
  .news .pro_show .tb-pic a {
    display: inline-block;
    text-align: center;
    vertical-align: middle; }
  .news .pro_show .tb-pic a img {
    vertical-align: middle;
    max-width: auto;
    width: 100%;
    border: 1px solid #999999; }
  .news .pro_show .tb-pic a {
    *display: block;
    *font-family: Arial;
    *line-height: 1; }
  .news .pro_show .tb-thumb {
    position: absolute;
    width: 99999px; }
  .news .pro_show .tb-thumb li {
    overflow: hidden; }
  .news .pro_show .tb-booth {
    float: left;
    border: 1px solid #CDCDCD;
    position: relative;
    z-index: 1;
    background: #fff;
    overflow: hidden; }
  .news .pro_show .tb-thumb li a {
    text-align: center;
    display: inline-block;
    overflow: hidden; }
  .news .pro_show div.zoomDiv {
    z-index: 999;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 200px;
    height: 200px;
    background: #ffffff;
    border: 1px solid #CCCCCC;
    display: none;
    text-align: center;
    overflow: hidden; }
  .news .pro_show div.zoomMask {
    position: absolute;
    background: #000;
    background: rgba(0, 0, 0, 0.3);
    filter: alpha(opacity=30);
    cursor: move;
    z-index: 1; }
  .news .pro_show .bigimg {
    max-width: none; }
  .news .pro_show .smallImg {
    position: relative; }
  .news .pro_show .smallImg img {
    max-height: 100%;
    max-width: 100%; }
  .news .pro_show .smallImg .box {
    position: relative;
    overflow: hidden;
    display: block; }
  .news .pro_show .smallImg .prev {
    position: absolute;
    left: 0;
    top: 0px;
    right: 0;
    margin: auto; }
  .news .pro_show .smallImg .next {
    position: absolute;
    left: 0;
    bottom: 0px;
    right: 0;
    margin: auto; }
  .news .pro_show .smallImg .prev:hover,
  .news .pro_show .smallImg .next:hover {
    text-decoration: none;
    color: #005656;
    cursor: pointer; }
  .news .pro_show .tb-s310 {
    height: 550px;
    width: 70%;
    line-height: 550px;
    text-align: center;
    display: inline-block;
    vertical-align: top; }
  .news .pro_show .tb-s310 a {
    height: 550px;
    width: 100%;
    line-height: 550px;
    text-align: center; }
  .news .pro_show .smallImg {
    display: inline-block;
    vertical-align: top;
    width: 140px;
    height: 550px;
    margin-left: 10px; }
  .news .pro_show .smallImg .box {
    width: 140px;
    height: 450px;
    top: 10%; }
  .news .pro_show .tb-thumb li {
    width: 140px;
    height: 140px;
    margin-bottom: 10px; }
  .news .pro_show .tb-thumb li a {
    border: 1px solid #ccc;
    width: 100%;
    height: 140px; }
  .news .pro_show .tb-thumb .tb-selected a {
    border: 2px solid #1A9403; }
  .news .pro_show .smallImg .prev {
    width: 140px;
    height: 40px; }
  .news .pro_show .smallImg .next {
    width: 140px;
    height: 40px; }
  .news .pro_show .smallImg .prev {
    background: #e9e9e9 url(../images/product_show_1.png) no-repeat center; }
    .news .pro_show .smallImg .prev:hover {
      background: #1A9403 url(../images/product_show_03.png) no-repeat center; }
  .news .pro_show .smallImg .next {
    background: #e9e9e9 url(../images/product_show_06.png) no-repeat center; }
    .news .pro_show .smallImg .next:hover {
      background: #1A9403 url(../images/product_show_2.png) no-repeat center; }
  .news .pro_show #mobile_pro_pics {
    display: none;
    margin: 20px auto; }
  .news .pro_show .swiper-slide {
    text-align: center;
    float: left;
    text-align: center;
    position: relative; }
  .news .pro_show .swiper-slide img {
    max-height: 200px; }
  .news .pro_show .swiper-pagination-switch {
    width: 10px;
    height: 10px;
    display: inline-block;
    margin: 0 3px;
    border-radius: 50%;
    background: #ccc; }
  .news .pro_show .swiper-active-switch {
    background: #FF9201; }
  @media (max-width: 767px) {
    .news .pro_show #pc_pro_pics {
      display: none; }
    .news .pro_show #mobile_pro_pics {
      display: block; } }
  .news .pro_show .swiper-slide img {
    border: 1px solid #ccc; }
  .news .pro_show h5 {
    margin-top: 110px;
    font-size: 28px;
    color: #666;
    text-transform: uppercase;
    border-bottom: 2px solid #1A9403;
    padding-bottom: 10px; }
  .news .pro_show .canshu {
    padding: 30px 0;
    padding-left: 20px;
    color: #999;
    overflow: auto;
    height: 150px;
    border-bottom: 2px solid #999; }
  .news .pro_show .share {
    display: inline-block;
    margin-top: 15px; }
  .news .pro_show .btn {
    width: 100%;
    height: 60px;
    color: #fff;
    font-size: 20px;
    background: #1A9403;
    border: none;
    margin-top: 50px; }
  .news .pro_show h6 {
    font-size: 26px;
    color: #fff;
    background: #1A9403;
    display: inline-block;
    text-align: center;
    padding: 10px 20px;
    font-weight: 500;
    margin-top: 70px; }
  .news .pro_show .xq {
    padding: 40px 30px;
    border-top: 1px solid #aeaeae; }
    .news .pro_show .xq .k1 table {
      width: 80%;
      margin: auto; }
    .news .pro_show .xq .k2 .tit_box {
      padding: 50px 0 80px 0;
      text-align: center; }
    .news .pro_show .xq .k3 {
      padding: 20px 25px; }
      .news .pro_show .xq .k3 .tit_box {
        padding: 35px 0 150px 0;
        text-align: center; }
      .news .pro_show .xq .k3 img {
        width: 24%;
        margin: 5px;
        border-radius: 50%; }
  .news .pro_show .form {
    padding: 30px 190px;
    background: #efefef;
    font-size: 0; }
    .news .pro_show .form .form_tit {
      font-size: 32px;
      color: #333;
      font-weight: 600;
      text-align: center; }
    .news .pro_show .form input {
      padding-left: 18px;
      margin-bottom: 20px;
      border-radius: 5px;
      border: none;
      width: 46%;
      height: 60px;
      font-size: 16px; }
      .news .pro_show .form input:nth-of-type(2n) {
        margin-right: 8%; }
    .news .pro_show .form textarea {
      width: 100%;
      height: 130px;
      padding-left: 18px;
      padding-top: 10px;
      font-size: 16px;
      border: none;
      margin-bottom: 20px;
      border-radius: 5px; }
    .news .pro_show .form .inp_btn {
      width: 100%;
      padding-left: 0;
      transition: all 1s; }
      .news .pro_show .form .inp_btn:hover {
        background: #1A9403;
        color: #fff; }
  .news .pro_show .tuijian {
    padding-bottom: 80px;
    text-align: center;
    padding-top: 100px; }
    .news .pro_show .tuijian .pro_tj {
      margin-bottom: 70px;
      font-size: 36px;
      color: #d9723a;
      text-align: center;
      display: inline-block;
      position: relative; }
      .news .pro_show .tuijian .pro_tj::after {
        content: "";
        position: absolute;
        width: 80px;
        height: 2px;
        background: #171717;
        left: -100px;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%); }
      .news .pro_show .tuijian .pro_tj::before {
        content: "";
        position: absolute;
        width: 80px;
        height: 2px;
        background: #171717;
        right: -100px;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%); }
    .news .pro_show .tuijian .pro_tj_kv {
      padding: 0 30px;
      padding-bottom: 50px; }
      .news .pro_show .tuijian .pro_tj_kv .img_box3 {
        margin: 0 30px;
        border: 1px solid #666666; }
      .news .pro_show .tuijian .pro_tj_kv .owl-dots {
        display: none !important; }
      .news .pro_show .tuijian .pro_tj_kv .owl-prev {
        position: absolute;
        left: -15px;
        top: -100px;
        width: 30px;
        height: 50px;
        background: url(../images/jiantou_03.png) no-repeat center; }
      .news .pro_show .tuijian .pro_tj_kv .owl-next {
        position: absolute;
        right: -15px;
        top: -100px;
        width: 30px;
        height: 50px;
        background: url(../images/jiantou1.png) no-repeat center; }
.news .faq {
  padding: 30px 100px; }
  .news .faq li {
    font-size: 0;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 10px;
    margin-top: 30px; }
    .news .faq li:hover .ico_Q {
      background: #1A9403; }
    .news .faq li .ico_Q {
      text-align: center;
      vertical-align: top;
      display: inline-block;
      width: 35px;
      background: #ccc;
      color: #fff;
      font-size: 20px;
      border-radius: 5px 0 0 5px;
      transition: all 1s; }
    .news .faq li .q_an {
      padding-left: 8px;
      display: inline-block;
      width: 90%;
      vertical-align: top;
      font-size: 20px; }
      .news .faq li .q_an .qu {
        color: #666; }
      .news .faq li .q_an .an {
        color: #999;
        margin-top: 5px;
        height: 47px;
        overflow: hidden;
        font-size: 16px; }

.about .img_box {
  position: relative; }
  .about .img_box img {
    width: 100%; }
  .about .img_box .logo {
    top: 10%;
    position: absolute;
    width: 80px;
    left: 50%;
    transform: translateX(-50%); }
.about .jj {
  position: relative;
  margin-top: -110px;
  background: #d91919;
  border-radius: 10px;
  padding: 50px 60px; }
  .about .jj h6 {
    font-size: 40px;
    color: #fff;
    text-align: center; }
  .about .jj .jj_con {
    font-size: 16px;
    color: #fff; }
.about .img_box2 {
  margin-top: 30px;
  overflow: hidden;
  position: relative;
  height: 329px; }
  .about .img_box2 .about_kv {
    height: 9999px;
    position: relative; }
    .about .img_box2 .about_kv .img_box3 {
      display: inline-block;
      margin-bottom: 20px;
      margin-right: 15px;
      width: 23%; }
      .about .img_box2 .about_kv .img_box3 img {
        width: 100%;
        border: 1px solid #cfcfcf; }
  .about .img_box2 .yuan_prve {
    position: absolute;
    right: 15px;
    bottom: 60px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #cccccc;
    cursor: pointer; }
  .about .img_box2 .yuan_next {
    cursor: pointer;
    position: absolute;
    right: 15px;
    bottom: 35px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #cccccc; }
.about h5 {
  font-size: 40px;
  color: #333;
  text-align: center;
  padding: 70px 0; }
.about .lang_pro .img_box {
  transition: all 1s;
  overflow: hidden;
  margin-bottom: 30px;
  position: relative; }
  .about .lang_pro .img_box:hover {
    box-shadow: 3px 4px 15px 0px #797979; }
    .about .lang_pro .img_box:hover .mask {
      bottom: 0; }
  .about .lang_pro .img_box .mask {
    position: absolute;
    left: 0;
    bottom: -50px;
    width: 100%;
    height: 50px;
    transition: all 1s;
    background: rgba(217, 25, 25, 0.7);
    color: #fff;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    line-height: 50px; }
.about .about_foot {
  background: #3c3c3c;
  padding-top: 30px;
  border-bottom: 1px solid #515151; }
  .about .about_foot .top {
    cursor: pointer;
    width: 26px;
    height: 14px;
    background: url(../images/more_03.png) no-repeat center;
    margin: 0 auto; }
  .about .about_foot .share {
    padding: 30px 0;
    text-align: center; }
    .about .about_foot .share img {
      width: 35px; }

.index {
  padding-top: 20px; }
  .index .index_tit {
    text-align: center;
    font-size: 48px;
    color: #1A9403;
    position: relative;
    margin-top: 60px;
    margin-bottom: 70px; }
    .index .index_tit::after {
      content: "";
      position: absolute;
      left: 50%;
      top: -60%;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      width: 2px;
      height: 60px;
      background: #1A9403; }
  .index .index_pro {
    text-align: center;
    position: relative;
    height: 750px;
    padding-top: 1px;
    background: #f5f5f5; }
    .index .index_pro .pro1 {
      vertical-align: top;
      display: inline-block;
      margin: 0 25px; }
      .index .index_pro .pro1:hover h6 {
        color: #1A9403; }
        .index .index_pro .pro1:hover h6 .hongdian {
          opacity: 1; }
        .index .index_pro .pro1:hover h6 .lvdian {
          opacity: 1; }
      .index .index_pro .pro1 .img_box {
        cursor: pointer;
        margin: 0 auto;
        width: 100px;
        height: 100px;
        border-radius: 50%;
        background: #aeaeae;
        text-align: center;
        line-height: 100px; }
        .index .index_pro .pro1 .img_box a {
          width: 100%;
          height: 100%;
          display: inline-block;
          color: #fff;
          font-size: 16px;
          font-weight: 600; }
      .index .index_pro .pro1 h6 {
        font-size: 16px;
        color: #666;
        padding: 20px 0;
        transition: all 1s;
        position: relative; }
      .index .index_pro .pro1 .pro_kv {
        display: none;
        background: #fff;
        position: absolute;
        width: 100%;
        top: 350px;
        left: 0; }
        .index .index_pro .pro1 .pro_kv .img_box2 {
          margin: 10px 5px;
          padding-top: 15px;
          position: relative; }
          .index .index_pro .pro1 .pro_kv .img_box2 img {
            width: 100%; }
          .index .index_pro .pro1 .pro_kv .img_box2:hover .mask {
            bottom: 0;
            opacity: 1; }
          .index .index_pro .pro1 .pro_kv .img_box2:hover::before {
            opacity: 1; }
          .index .index_pro .pro1 .pro_kv .img_box2:hover .hongdian {
            opacity: 1; }
          .index .index_pro .pro1 .pro_kv .img_box2:hover .lvdian {
            opacity: 1; }
          .index .index_pro .pro1 .pro_kv .img_box2 .mask {
            opacity: 0;
            position: absolute;
            width: 100%;
            height: 50%;
            background: rgba(0, 0, 0, 0.5);
            bottom: -50%;
            left: 0;
            transition: all 1s; }
            .index .index_pro .pro1 .pro_kv .img_box2 .mask h5 {
              margin-top: 30px;
              color: #fff;
              font-size: 24px;
              margin-bottom: 20px; }
            .index .index_pro .pro1 .pro_kv .img_box2 .mask .jj {
              padding: 0 15px;
              text-align: left;
              font-size: 16px;
              color: #fff;
              height: 50px;
              overflow: hidden;
              text-overflow: ellipsis; }
          .index .index_pro .pro1 .pro_kv .img_box2::before {
            border: 15px solid transparent;
            border-top: 15px solid #fff;
            content: "";
            width: 0;
            position: absolute;
            top: 15px;
            left: 100px;
            opacity: 0;
            transition: all 1s;
            z-index: 999; }
          .index .index_pro .pro1 .pro_kv .img_box2 .hongdian {
            opacity: 0;
            position: absolute;
            left: 110px;
            top: -30px;
            width: 10px;
            height: 10px;
            background: #ff3301;
            border-radius: 50%;
            transition: all 1s;
            z-index: 999; }
          .index .index_pro .pro1 .pro_kv .img_box2 .lvdian {
            opacity: 0;
            transition: all 1s;
            border-radius: 50%;
            position: absolute;
            left: 110px;
            top: -10px;
            width: 10px;
            height: 10px;
            background: #1A9403;
            z-index: 999; }
  .index .index_case {
    overflow: hidden;
    padding-top: 50px; }
    .index .index_case h6 {
      font-size: 44px;
      color: #fff;
      text-align: center;
      position: relative;
      z-index: 99;
      bottom: -50px; }
      .index .index_case h6::after {
        content: "";
        position: absolute;
        left: 50%;
        top: -150%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        width: 2px;
        height: 60px;
        z-index: 999;
        background: #1A9403; }
    .index .index_case h5 {
      text-align: center;
      font-size: 20px;
      color: #fff;
      position: relative;
      bottom: -60px;
      display: none; }
    .index .index_case .vmc-centered {
      padding: 10px 0;
      width: 390px;
      height: 270px; }
    .index .index_case .vmc-centered img {
      transition: all 0.3s ease;
      width: 390px;
      height: 270px;
      border: 1px solid #fff; }
    .index .index_case .vmc-centered .vmc_active img {
      transform: scale(1.4);
      border: 3px solid #1A9403; }
    .index .index_case .vmc-centered .vmc_active {
      position: relative; }
      .index .index_case .vmc-centered .vmc_active h5 {
        display: block; }
  .index .company {
    background: url(../images/index_22.jpg) no-repeat center;
    padding-bottom: 320px; }
    .index .company h6 {
      padding-bottom: 50px;
      padding-top: 120px;
      text-align: center;
      font-size: 48px;
      color: #1A9403;
      position: relative; }
      .index .company h6::after {
        content: "";
        position: absolute;
        left: 50%;
        top: 20%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        width: 2px;
        height: 60px;
        background: #1A9403;
        z-index: 99; }
    .index .company .jj {
      height: 150px;
      overflow: hidden;
      text-overflow: ellipsis;
      font-size: 18px; }
    .index .company .right {
      padding: 10px 0;
      text-align: right; }
      .index .company .right .more {
        color: #1A9403;
        padding: 3px 15px;
        display: inline-block;
        border: 2px solid #1A9403;
        border-left: 1px solid #1A9403;
        border-right: 1px solid #1A9403;
        border-radius: 10px; }
  .index .bg {
    background: #f5f5f5; }
  .index .new {
    padding-right: 50px; }
    .index .new h6 {
      font-size: 28px;
      color: #333;
      padding: 10px 0;
      padding-left: 10px;
      border-left: 5px solid #1A9403;
      margin-top: 80px;
      margin-bottom: 50px;
      font-weight: 500; }
    .index .new ul {
      padding-left: 10px; }
      .index .new ul li {
        margin-top: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid #ccc;
        font-size: 0;
        padding-left: 10px; }
        .index .new ul li:first-of-type {
          padding-bottom: 25px; }
          .index .new ul li:first-of-type .img_box {
            vertical-align: top;
            width: 45%;
            display: inline-block; }
            .index .new ul li:first-of-type .img_box img {
              width: 100%; }
          .index .new ul li:first-of-type .box {
            width: 55%;
            padding-left: 20px;
            padding-top: 3px; }
            .index .new ul li:first-of-type .box h5 {
              width: 100%;
              font-weight: 500;
              display: block;
              color: #999;
              margin-bottom: 10px; }
            .index .new ul li:first-of-type .box span {
              color: #999;
              float: none; }
            .index .new ul li:first-of-type .box .jj {
              margin-top: 10px;
              font-size: 14px;
              display: block;
              color: #666;
              line-height: 32px;
              height: 130px;
              overflow: hidden; }
        .index .new ul li .img_box {
          display: none; }
        .index .new ul li .box {
          vertical-align: top;
          width: 100%;
          display: inline-block; }
          .index .new ul li .box:hover h5 {
            color: #1A9403; }
          .index .new ul li .box:hover span {
            color: #1A9403; }
          .index .new ul li .box h5 {
            font-weight: 500;
            font-size: 20px;
            color: #999;
            display: inline-block;
            width: 60%;
            vertical-align: middle;
            transition: all 1s; }
          .index .new ul li .box span {
            float: right;
            vertical-align: middle;
            display: inline-block;
            font-size: 16px;
            width: 15%;
            color: #999;
            transition: all 1s; }
          .index .new ul li .box .jj {
            display: none; }
    .index .new .right {
      text-align: right;
      padding: 30px 0; }
      .index .new .right .more {
        color: #999; }
        .index .new .right .more:hover {
          color: #1A9403;
          text-decoration: underline; }
  .index .js_fw h6 {
    font-size: 28px;
    color: #333;
    padding: 10px 0;
    padding-left: 5px;
    border-left: 5px solid #1A9403;
    margin-top: 80px;
    margin-bottom: 50px;
    font-weight: 500; }
  .index .js_fw ul li {
    font-size: 0;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 10px;
    margin-top: 30px; }
    .index .js_fw ul li:hover .ico_Q {
      background: #1A9403; }
    .index .js_fw ul li .ico_Q {
      text-align: center;
      vertical-align: top;
      display: inline-block;
      width: 10%;
      background: #ccc;
      color: #fff;
      font-size: 14px;
      border-radius: 5px 0 0 5px;
      transition: all 1s; }
    .index .js_fw ul li .q_an {
      padding-left: 8px;
      display: inline-block;
      width: 90%;
      vertical-align: top;
      font-size: 14px; }
      .index .js_fw ul li .q_an .qu {
        color: #666; }
      .index .js_fw ul li .q_an .an {
        color: #999;
        margin-top: 5px;
        height: 47px;
        overflow: hidden; }
  .index .js_fw .right {
    text-align: right;
    padding: 30px 0; }
    .index .js_fw .right .more {
      color: #999; }
      .index .js_fw .right .more:hover {
        color: #1A9403;
        text-decoration: underline; }

.search_page .img_box {
  margin-top: 30px;
  margin-bottom: 10px;
  border: 1px solid #ccc; }
  .search_page .img_box img {
    width: 100%; }
.search_page h6 {
  text-align: center;
  font-size: 20px;
  color: #333; }
  .search_page h6:hover {
    color: #1A9403; }

.mbx {
  padding: 10px 0;
  background: #e5e5e5;
  font-size: 16px;
  box-shadow: 0 0 8px 3px #d9d9d9; }
  .mbx img {
    margin-right: 10px; }
  .mbx a {
    font-size: 16px;
    color: #393838; }
    .mbx a:hover {
      color: #1A9403; }

.huanzhang {
  float: right;
  padding-top: 40px;
  padding-bottom: 20px; }
  .huanzhang p {
    color: #303030;
    font-weight: 400; }
    .huanzhang p a {
      font-weight: 400;
      color: #cccccc; }
      .huanzhang p a:hover {
        color: #1A9403;
        text-decoration: underline; }

.page {
  padding-bottom: 30px;
  text-align: center;
  margin-top: 30px; }
  .page li {
    display: inline-block;
    margin: 0 2px; }
    .page li a {
      color: #333;
      padding: 6px; }
      .page li a:hover {
        background: #1a9403;
        border-radius: 5px;
        color: #fff; }
    .page li:first-of-type {
      display: none; }
    .page li:last-of-type {
      display: none; }

/*悬浮框开始*/
.floating_ck {
  position: fixed;
  right: 20px;
  bottom: 5%;
  z-index: 3; }

.floating_ck dl dd {
  position: relative;
  width: 50px;
  height: 50px;
  background-color: #666666;
  border-bottom: solid 1px #fff;
  text-align: center;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer; }

.floating_ck dl dd:hover .floating_left {
  display: block; }

.floating_ck dl dd:hover {
  background-color: #333333; }

.words {
  background: url(../images/xf_03.png) no-repeat; }

.quote {
  background: url(../images/xf_06.png) no-repeat; }

.qrcord {
  background: url(../images/xf_09.png) no-repeat; }

.return span {
  display: block;
  width: 100%;
  height: 100%; }

.return {
  background: url(../images/xf_12.png) no-repeat;
  border-bottom: none !important; }

.floating_left {
  position: absolute;
  left: -160px;
  top: 0px;
  width: 160px;
  height: 80px;
  background-color: #333333;
  border-bottom: solid 1px #555;
  display: none; }

.floating_ewm {
  height: 49px;
  top: 0px; }

.floating_ewm p {
  color: #fff;
  line-height: 49px; }

.floating_ewm .qrcord_p01 {
  font-size: 16px;
  line-height: 40px; }

.floating_ewm .qrcord_p02 {
  font-size: 18px; }

.biaodan {
  width: 300px;
  height: 310px;
  text-align: center;
  background: #646577;
  position: fixed;
  right: 100px;
  bottom: 14.8%;
  z-index: 3;
  display: none; }

.text_bd {
  display: block;
  margin: 0 auto;
  width: 280px;
  height: 80px; }

.user {
  display: block;
  margin: 0 auto;
  width: 280px; }

.phone {
  display: block;
  margin: 0 auto;
  width: 280px; }

.email {
  display: block;
  margin: 0 auto;
  width: 280px; }

.add {
  display: block;
  margin: 0 auto;
  width: 280px; }

.btn1 {
  width: 50px;
  cursor: pointer;
  height: 25px; }

.btn2 {
  width: 50px;
  cursor: pointer;
  height: 25px; }

.input_bd {
  margin-top: 10px; }

.form_top {
  font-size: 16px;
  color: #fff;
  padding-top: 5px; }

/*悬浮框结束*/

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