@charset "UTF-8";
* {
  margin: 0;
  padding: 0; }

li {
  list-style: none; }

.clear {
  clear: both;
  width: 100%; }

.container-fluid {
  margin: 0;
  padding: 0;
  max-width: 1920px; }

.container {
  width: 100%;
  max-width: 1170px; }

p {
  margin: 0; }

a {
  padding: 0; }

a:hover {
  text-decoration: none;
  background: none; }

body {
  color: #444; }

ol, ul {
  margin: 0;
  padding: 0; }

#top {
  width: 100%;
  height: auto; }
  #top .logo {
    float: left;
    padding-right: 10px;
    width: 50%; }
    #top .logo img {
      width: 100%; }
  #top .top_t {
    float: left;
    width: 50%; }
    #top .top_t li {
      float: left;
      padding: 37px 16px;
      border-right: 1px #dedede solid; }
      #top .top_t li a {
        font-family: arial;
        color: #444;
        font-size: 18px;
        padding: 0; }
      #top .top_t li:hover {
        background: #80b600;
        border-right: 1px #80b600 solid; }
        #top .top_t li:hover a {
          color: #fff; }
    #top .top_t li:nth-child(5) {
      border-right: none; }
  #top .dropdown {
    top: 34px;
    float: right; }
    #top .dropdown .btn {
      padding: 4px 20px;
      background: #80b600;
      color: #fff;
      border-radius: 0;
      top: 40px;
      font-size: 12px;
      border: none; }
      #top .dropdown .btn .glyphicon-triangle-bottom {
        margin-left: 4px; }
      #top .dropdown .btn a {
        font-size: 16px;
        color: #fff;
        font-family: arial; }
      #top .dropdown .btn:hover, #top .dropdown .btn focus {
        border: none; }
    #top .dropdown .dropdown-menu {
      padding: 0;
      border-radius: 0;
      margin: 0;
      border-top: 1px #fff solid;
      min-width: 81.7667px;
      box-shadow: none; }
      #top .dropdown .dropdown-menu li {
        background: #80b600;
        padding: 1px 0; }
        #top .dropdown .dropdown-menu li a {
          color: #fff;
          font-size: 16px; }
          #top .dropdown .dropdown-menu li a:hover, #top .dropdown .dropdown-menu li a focus {
            background: none; }

.carousel .left {
  background-image: none; }
  .carousel .left .glyphicon-chevron-left {
    color: #80b600;
    font-size: 30px;
    text-shadow: none; }
.carousel .right {
  background-image: none; }
  .carousel .right .glyphicon-chevron-right {
    color: #80b600;
    font-size: 30px;
    text-shadow: none; }
.carousel ol {
  bottom: 16px; }
  .carousel ol li {
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid #80b600;
    width: 12px;
    height: 12px; }
    .carousel ol li.active {
      background: #80b600;
      border: none;
      border: 1px solid #80b600;
      margin: 1px; }

#about {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 82px 0;
  background: url(../images/ab_bg.jpg) no-repeat; }
  #about h3 {
    font-size: 38px;
    color: #2a2a2a; }
    #about h3 span {
      color: #999;
      margin-left: 10px; }
  #about hr {
    width: 38px;
    height: 5px;
    background: #0099FF;
    margin: 12px 0; }
  #about p {
    width: 100%;
    padding-right: 30px;
    text-align: justify;
    font-size: 16px;
    color: #444;
    font-family: arial;
    font-weight: 300;
    margin-bottom: 6px;
    line-height: 26px; }
  #about .more {
    width: 160px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin-top: 21px;
    transition: all 0.4s;
    background: #0099FF;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s; }
    #about .more a {
      color: #fff;
      font-family: arial;
      font-size: 16px; }
    #about .more:hover {
      margin-left: 15px; }
  #about .ab_tp {
    position: relative;
    margin-top: 38px;
    margin-left: 10px; }
  #about .triangle_border_nw {
    position: absolute;
    right: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 164px;
    border-color: #0099FF #0099FF transparent transparent;
    border-style: solid; }

#left h4 {
  background: #80b600;
  padding: 0 16px;
  color: #fff;
  font-size: 22px;
  font-family: arial;
  line-height: 60px;
  height: 60px;
  border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  margin: 0;
  background: -webkit-linear-gradient(#9ada01, #80b600);
  background: -moz-linear-gradient(#9ada01, #80b600);
  background: linear-gradient(#9ada01, #80b600); }
  #left h4 img {
    width: 100%;
    max-width: 36px;
    margin-right: 10px; }
#left .left_t {
  border-radius: 0; }
#left .left_pro {
  margin-top: 1px; }
  #left .left_pro li {
    width: 100%;
    height: 34px;
    line-height: 34px;
    background: #f8f8f8;
    border-bottom: 1px solid #dfdfdf;
    padding-left: 18px; }
    #left .left_pro li a {
      font-size: 14px;
      color: #444; }
      #left .left_pro li a span {
        margin-right: 10px;
        font-size: 12px;
        color: #444; }
    #left .left_pro li:hover {
      background: #80b600; }
      #left .left_pro li:hover a {
        color: #fff; }
        #left .left_pro li:hover a span {
          color: #fff; }
    #left .left_pro li:last-child {
      border: none; }
#left .left_con {
  padding: 14px;
  background: #f8f8f8;
  height: auto;
  overflow: hidden;
  width: 100%; }
  #left .left_con p {
    font-family: arial;
    color: #444;
    font-size: 14px;
    line-height: 24px;
    height: 24px;
    margin-bottom: 0;
    margin-top: 8px; }
    #left .left_con p i {
      margin-right: 6px; }
      #left .left_con p i img {
        width: 100%;
        max-width: 20px; }
    #left .left_con p span {
      font-family: arial;
      font-weight: 600; }
  #left .left_con .add {
    padding-left: 21px;
    margin: 0; }

#product {
  width: 100%;
  height: auto;
  overflow: hidden;
  padding: 60px 0; }
  #product #right nav {
    border-bottom: solid 1px #EEEEEE;
    padding-bottom: 6px;
    background: none; }
    #product #right nav ol {
      background: none;
      padding: 0;
      margin: 0; }
      #product #right nav ol li {
        height: 30px;
        line-height: 30px; }
        #product #right nav ol li a {
          font-family: arial;
          color: #444;
          font-size: 16px; }
          #product #right nav ol li a:hover {
            color: #80b600; }
      #product #right nav ol .active {
        font-family: arial;
        color: #80b600;
        margin: 0;
        font-size: 16px; }
  #product #right .pro {
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 34px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin: 0;
    background: -webkit-linear-gradient(#9ada01, #80b600);
    background: -moz-linear-gradient(#9ada01, #80b600);
    background: linear-gradient(#9ada01, #80b600);
    color: #fff; }
    #product #right .pro a {
      color: #fff;
      float: right; }
      #product #right .pro a:hover {
        text-decoration: underline; }
  #product #right p {
    font-family: arial;
    font-size: 16px;
    color: #444;
    line-height: 30px;
    text-align: justify;
    margin-top: 14px; }
  #product #right .pro_list {
    margin-top: 20px;
    padding: 0 10px; }
    #product #right .pro_list li {
      margin-top: 13px; }
  #product #right ul {
    margin-top: 20px;
    padding: 0 10px; }
    #product #right ul li {
      margin-top: 26px;
      padding: 0 6px;
      position: relative;
      float: left; }
      #product #right ul li .btn03 {
        width: 100%;
        overflow: hidden;
        position: relative; }
        #product #right ul li .btn03 img {
          position: relative;
          width: 100%;
          top: 0;
          left: 0;
          border: 1px solid #eee; }
        #product #right ul li .btn03 .ovrly {
          background: rgba(0, 0, 0, 0.5);
          height: 100%;
          left: 0;
          top: 100%;
          width: 100%;
          position: absolute;
          -webkit-transition: all 0.5s;
          -moz-transition: all 0.5s;
          -o-transition: all 0.5s;
          transition: all 0.5s; }
        #product #right ul li .btn03 .buttons {
          position: absolute;
          bottom: -100%;
          left: 50%;
          -webkit-transition: all 0.5s;
          -moz-transition: all 0.5s;
          -o-transition: all 0.5s;
          transition: all 0.5s;
          -webkit-transform: translate(-50%, 50%);
          -moz-transform: translate(-50%, 50%);
          -ms-transform: translate(-50%, 50%);
          -o-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%); }
          #product #right ul li .btn03 .buttons .fa {
            display: inline-block;
            line-height: 40px;
            font-size: 24px;
            text-align: center;
            text-decoration: none;
            color: #fff;
            width: 100%;
            font-family: arial; }
            #product #right ul li .btn03 .buttons .fa span {
              font-size: 36px; }
              #product #right ul li .btn03 .buttons .fa span img {
                border: none;
                width: 100%;
                max-width: 38px; }
      #product #right ul li .pro_link {
        font-family: arial;
        font-size: 14px;
        color: #444;
        text-align: center;
        line-height: 26px;
        padding: 10px 0;
        height: auto;
        overflow: hidden;
        display: block; }
      #product #right ul li:hover .buttons {
        bottom: 50%; }
      #product #right ul li:hover .ovrly {
        top: 0; }
      #product #right ul li:hover .pro_link {
        color: #80b600; }
    #product #right ul .pro_li {
      width: 20%; }
  #product #right .nav_page_d {
    border: none;
    margin-top: 1px; }
    #product #right .nav_page_d li {
      padding: 0; }
  #product #right h2 {
    font-size: 22px;
    color: #80b600;
    margin-top: 36px; }

#footer {
  background: #464646;
  height: 40px;
  line-height: 40px;
  font-family: arial;
  font-size: 13px; }
  #footer p {
    float: left;
    color: #fff; }
  #footer a {
    float: right;
    color: #fff; }
    #footer a:hover {
      text-decoration: underline; }

.accordion {
  width: 100%;
  border: solid 1px #ccc;
  background: #FFF; }

.accordion .link {
  cursor: pointer;
  display: block;
  padding: 15px 0px 15px 15px;
  color: #4D4D4D;
  font-size: 14px;
  font-weight: 500;
  border-bottom: 1px solid #CCC;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease; }

.accordion li:last-child .link {
  border-bottom: 0; }

.accordion li {
  cursor: pointer; }

.accordion li i {
  position: absolute;
  top: 16px;
  left: 12px;
  font-size: 18px;
  color: #595959;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease; }

.accordion li i.fa-chevron-down {
  right: 12px;
  left: auto;
  font-size: 16px; }

.accordion li.open .link {
  color: #80b600; }

.accordion li.open i {
  color: #80b600; }

.accordion li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

/**
 * Submenu
 -----------------------------*/
.submenu {
  display: none;
  background: #f5f5f5;
  font-size: 14px; }

.submenu li {
  border-bottom: 1px solid #d6d7dc; }

.submenu a {
  display: block;
  text-decoration: none;
  color: #666;
  padding: 12px;
  padding-left: 42px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease; }

.submenu a:hover, .submenu li.current a {
  background: #80b600;
  color: #FFF; }

/*内页css*/
.banners {
  width: 100%;
  margin: 0 auto; }
  .banners img {
    width: 100%; }

#about_d {
  padding: 60px 0; }
  #about_d nav {
    padding-bottom: 6px;
    background: none;
    border-bottom: 1px solid #eee; }
    #about_d nav ol {
      background: none;
      padding: 0;
      margin: 0; }
      #about_d nav ol li {
        height: 30px;
        line-height: 30px; }
        #about_d nav ol li a {
          font-family: arial;
          color: #444;
          font-size: 16px; }
          #about_d nav ol li a:hover {
            color: #0099FF; }
      #about_d nav ol .active {
        font-family: arial;
        color: #80b600;
        margin: 0;
        font-size: 16px; }
  #about_d .r_main {
    height: auto;
    overflow: hidden; }
    #about_d .r_main p {
      font-family: arial;
      font-size: 16px;
      color: #444;
      line-height: 30px;
      text-align: justify;
      margin-top: 14px; }
    #about_d .r_main .nav_page {
      border: none; }
    #about_d .r_main .ab_d img {
      width: 100%;
      max-width: 870px;
      margin-top: 10px; }
    #about_d .r_main .news_li {
      width: 100%;
      height: auto;
      overflow: hidden;
      margin-bottom: 30px; }
      #about_d .r_main .news_li li {
        border-bottom: 1px #ccc dotted;
        width: 100%;
        display: inline-block;
        height: 40px;
        line-height: 40px; }
        #about_d .r_main .news_li li p {
          font-family: arial;
          font-size: 14px;
          color: #999;
          float: left;
          margin: 0; }
        #about_d .r_main .news_li li span {
          font-family: arial;
          font-size: 14px;
          color: #999;
          float: right; }
        #about_d .r_main .news_li li:hover p {
          color: #80b600; }
        #about_d .r_main .news_li li:hover span {
          color: #80b600; }
    #about_d .r_main h2 {
      font-size: 22px;
      color: #80b600; }
    #about_d .r_main h3 {
      text-align: center;
      font-family: arial;
      font-size: 16px;
      line-height: 40px;
      margin-bottom: 0; }
    #about_d .r_main h4 {
      font-family: arial;
      font-size: 16px;
      color: #444;
      height: 30px;
      line-height: 30px; }
    #about_d .r_main h6 {
      border-bottom: 1px dotted #ccc;
      margin-bottom: 16px; }
      #about_d .r_main h6 span {
        font-family: arial;
        font-size: 14px;
        padding: 0 15px;
        line-height: 26px;
        color: #999; }
    #about_d .r_main .form_l {
      width: 280px;
      float: left;
      margin-top: 30px;
      margin-left: 20px; }
      #about_d .r_main .form_l input {
        margin-bottom: 10px;
        font-family: arial;
        font-size: 14px;
        box-shadow: none;
        width: 100%;
        height: 42px; }
        #about_d .r_main .form_l input:focus {
          border-color: #80b600; }
    #about_d .r_main .form_r {
      width: 540px;
      float: left;
      margin-top: 30px;
      margin-left: 20px;
      text-align: right; }
      #about_d .r_main .form_r textarea {
        font-family: arial;
        font-size: 14px;
        margin-bottom: 25px;
        box-shadow: none;
        width: 100%;
        height: 198px; }
        #about_d .r_main .form_r textarea:focus {
          border-color: #80b600; }
      #about_d .r_main .form_r button {
        font-family: arial;
        font-size: 14px;
        margin-left: 20px;
        box-shadow: none; }
      #about_d .r_main .form_r .btn-primary {
        background: #80b600;
        border-color: #80b600; }

.news_page {
  margin-top: 20px;
  height: 40px;
  line-height: 40px; }
  .news_page a {
    font-family: arial;
    font-size: 16px;
    color: #999;
    margin-right: 20px; }
    .news_page a:hover {
      color: #80b600; }

.n_main {
  border-bottom: 1px #eee solid; }

.box1 {
  width: 100%;
  float: left; }
  .box1 .left-pro {
    width: 100%;
    padding: 20px 10px;
    text-align: left;
    float: left; }
    .box1 .left-pro .t2 {
      text-indent: 0;
      padding: 10px;
      border: 1px solid #eee;
      height: 434px;
      margin: 0 auto;
      width: 434px; }
      .box1 .left-pro .t2 #main_img {
        width: 100%; }
  .box1 #showArea img {
    cursor: pointer;
    display: block;
    margin: 10px 0;
    width: 108px;
    padding: 1px;
    border: 1px solid #eee;
    height: 108px;
    float: left; }
  .box1 #main_img {
    cursor: pointer;
    display: block; }
  .box1 #gotop {
    cursor: pointer;
    display: block;
    margin-left: 10px; }
  .box1 #gobottom {
    cursor: pointer;
    display: block;
    margin-left: 10px; }
  .box1 #showArea {
    height: 379px;
    margin: 10px;
    overflow: hidden; }
  .box1 .MagicZoomPup {
    width: 100px;
    height: 100px; }
  .box1 .MagicZoomBigImageCont {
    border: 1px solid #EEE;
    margin-left: 20px;
    margin-top: -11px; }

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