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

* {
  margin: 0;
  padding: 0; }

a {
  text-decoration: none; }

input, button {
  font-family: "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
  outline: none; }

img {
  vertical-align: center;
  border: none; }
em{
    font-style: normal;
    font-weight: normal;
}
body {
  font-size: 14px;
  font-family: "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
  color: #666; }

* {
  box-sizing: border-box; }
@font-face {
  font-family: 'iconfont';  /* project id 259415 */
  src: url('font_u24lbrrp4vxwdn29.eot');
  src: url('font_u24lbrrp4vxwdn29.eot?#iefix') format('embedded-opentype'),
  url('font_u24lbrrp4vxwdn29.woff') format('woff'),
  url('font_u24lbrrp4vxwdn29.ttf') format('truetype'),
  url('font_u24lbrrp4vxwdn29.svg#iconfont') format('svg');
}
.iconfont {
  font-family: 'iconfont'; }

.wrapper {
  width: 1200px;
  margin-left: auto;
  margin-right: auto; }


.clearfix:after, .clearfix:before {
  content: '';
  display: table;
  clear: both;
  height: 0; }

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

.inline-block {
  display: inline-block; }

table a {
  color: #666; }
  table a:hover {
    color: #febe33; }

.div-10 {
  height: 10px;
  clear: both; }

.mt0 {
  margin-top: 0 !important; }

.section {
  margin-top: 30px; }
  .section > .header1 {
    margin-top:20px;
    padding: 30px 0px 20px 0;
    position: relative; }
    .section > .header1 .title {
      color: #000;
      font-size: 28px;
      line-height: 1; }

.chanpins {
  background-color: #f7f7f7; }
  .chanpins > div.header1 {
    margin-bottom: 40px; }
  .chanpins div.content {
    height: 530px; }
    li.chanpin_item {
      border-right: 1px solid #e1e1e1;
      border-bottom: 1px solid #e1e1e1;
      border-top: 1px solid #e1e1e1;
      background-color: #fff;
      width: 200px;
      height: 480px;
      overflow: hidden;
      float: left;
      transition: all 0.3s; }
      li.chanpin_item:first-of-type {
        border-left: 1px solid #e1e1e1; }
      li.chanpin_item div.hover_show {
        display: none !important; }
      li.chanpin_item div.show {
        text-align: center; }
        li.chanpin_item div.show div.head {
          height: 170px;
          background-color: #ececec; }
          li.chanpin_item div.show div.head div.icon {
            padding-top: 30px; }
            li.chanpin_item div.show div.head div.icon span.iconfont {
              font-size: 50px;
              color: #6a6a6a; }
          li.chanpin_item div.show div.head h3.title {
            color: #666;
            font-size: 20px;
            font-weight:normal;
            line-height: 2; }
          li.chanpin_item div.show div.head p.intro {
            color: #6a6a6a;
            font-size: 14px; }
        li.chanpin_item div.show div.content ul li {
          line-height: 34px;
          font-size: 14px;
          color: #666666; }
      li.chanpin_item.active {
        position: relative;
        z-index: 1;
        border: 1px solid #339966;
        width: 400px;
        height: 530px;
        margin-top: -25px;
        box-shadow: 0 10px 30px #339966; }
        li.chanpin_item.active div.hover_show {
          display: block !important; }
          li.chanpin_item.active div.hover_show div.head {
            background-color: #339966;
            color: #fff;
            padding: 20px 30px; }
            li.chanpin_item.active div.hover_show div.head div.up {
              padding-top: 10px;
              overflow: hidden; }
              li.chanpin_item.active div.hover_show div.head div.up div.left {
                float: left;
                width: 70px; }
                li.chanpin_item.active div.hover_show div.head div.up div.left div.icon span.iconfont {
                  font-size: 50px; }
              li.chanpin_item.active div.hover_show div.head div.up div.right {
                float: left; }
                li.chanpin_item.active div.hover_show div.head div.up div.right p.title {
                  font-size: 20px;
                  line-height: 2;
                  font-weight:bold;
                  margin:0px;
                }
                li.chanpin_item.active div.hover_show div.head div.up div.right p.intro {
                  font-size: 14px;
                  margin:0px;}
            li.chanpin_item.active div.hover_show div.head div.down {
              padding-top: 35px;
              text-align: center; }
              li.chanpin_item.active div.hover_show div.head div.down a.btn {
                display: inline-block;
                padding: 13px 40px;
                font-size: 14px;
                border: 1px solid #fff;
                color: #fff;
                line-height: 1;
                transition: all 0.3s; }
                li.chanpin_item.active div.hover_show div.head div.down a.btn:hover {
                  background-color: #fff;
                  color: #339966; }
          li.chanpin_item.active div.hover_show div.content {
            padding: 20px; }
            li.chanpin_item.active div.hover_show div.content p.intro {
              font-size: 14px;
              color: #666666;
              line-height: 1.5; }
            li.chanpin_item.active div.hover_show div.content hr {
              margin-left: auto;
              margin-right: auto;
              margin-top: 25px;
              margin-bottom: 25px;
              width: 60%;
              height: 0px;
              border-top: 1px solid #e1e1e1;
              border-right: 0px;
              border-bottom: 0px;
              border-left: 0px; }
            li.chanpin_item.active div.hover_show div.content div.item {
              margin-bottom: 30px; }
              li.chanpin_item.active div.hover_show div.content div.item p.title {
                color: #666;
                margin-bottom: 13px; }
                li.chanpin_item.active div.hover_show div.content div.item p.title a{color:#666;}
                li.chanpin_item.active div.hover_show div.content div.item p.title a:hover{color:#339966;}
              li.chanpin_item.active div.hover_show div.content div.item p.con {
                color: #a6a6a6; }
            li.chanpin_item.active div.hover_show div.content .btn_box {
              margin-top: -20px;
              text-align: center; }
              li.chanpin_item.active div.hover_show div.content .btn_box a.btn {
                display: inline-block;
                padding: 10px 15px;
                color: #fff;
                background-color: #339966;
                font-size: 12px; }
        li.chanpin_item.active div.show {
          display: none !important; }
.shangji div.header {
  padding-bottom: 30px; }
.shangji ul.content {
  overflow: hidden;
  padding: 15px;
  padding-top: 20px; }
  li.shangji_item {
    width: 220px;
    margin: 10px 35px;
    height: 280px;
    padding-left: 20px;
    padding-right: 20px;
    float: left;
    text-align: center;
    border: 1px solid transparent; }
    li.shangji_item:hover, li.shangji_item.active {
      border: 1px solid #339966;
      box-shadow: 0 0 30px #339966; }
      li.shangji_item:hover div.icon span.iconfont, li.shangji_item.active div.icon span.iconfont {
        color: #339966; }
    li.shangji_item div.icon {
      margin-top: 40px;
      margin-bottom: 40px; }
      li.shangji_item div.icon span.iconfont {
        font-size: 50px;
        color: #7d7d7d;
        line-height: 1; }
    li.shangji_item p {
      color: #535353; }
    li.shangji_item p.title {
      font-size: 18px;
      font-weight: bold;
      margin-bottom: 15px; }
    li.shangji_item p.intro {
      font-size: 14px;
      line-height: 2;
      color: #999; }
.shangji .btn_box a.btn {
  line-height: 1;
  padding: 15px 40px;
  border: 1px solid #339966;
  color: #339966;
  font-size: 18px;
  display: inline-block;
  transition: all 0.3s; }
  .shangji .btn_box a.btn:hover {
    background-color: #339966;
    color: #fff; }
.road{background:#f7f7f7;width:100%;float:left;}
.road .content {
}
.road .content ul{width:100%;float:left;padding:0px 0 40px 0;}
.road .content ul li{
  width:200px;float:left;text-align:center;padding:10px 0px;
}
.road .content ul li img{width:180px;height:80px;}

.section {
  margin-top: 60px; }
  .section > .header {
    padding-top: 60px;
    padding-bottom: 30px;
    position: relative; }
    .section > .header:after {
      content: '';
      display: block;
      width: 100px;
      height: 4px;
      background-color: #fff;
      position: absolute;
      left: 50%;
      left: 49% \9;
      bottom: 4px;
      transform: translateX(-50%); }
    .section > .header .title {
      color: #fff;
      font-size: 28px;
      line-height: 1; }
.ready {
  background: url("../images/img8.jpg") center center no-repeat;
  background-size: 1366px;
  float:left;
  width:100%;
  height: 136px; }
  .ready div.content {
    color: #fff;
    overflow: hidden; }
    .ready div.content div.left {
      float: left;
      width: 970px;
      padding: 45px 0; }
      .ready div.content div.left span {
        font-size: 24px;
        display: block;
        float: left;
        text-align: center; }
      .ready div.content div.left .span1 {
        width: 380px;
        text-align: center; }
      .ready div.content div.left .span2, .ready div.content div.left .span3 {
        width: 130px; }
      .ready div.content div.left a {
        float: left;
        color: #fff;
        display: block;
        width: 150px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        border: 1px solid #fff;
        border-radius: 10px;
        font-size: 14px; }
        .ready div.content div.left a.btn1:hover {
          background-color: #0777b6;
          border: 1px solid #0777b6; }
        .ready div.content div.left a.btn2:hover {
          background-color: #febe33;
          border: 1px solid #febe33; }
    .ready div.content div.right {
      float: right;
      width: 230px;
      padding-top: 17px; }

/*实力*/
.shili{ overflow:hidden; width:100%; position:relative;}
.shili p{ font-size:16px; color:#fff; text-align:center; margin-top:80px; position:relative; z-index:2}
.shili h3{ font-size:36px; color:#fff; text-align:center; padding-bottom:20px; font-weight:normal; margin-bottom:20px; position:relative; z-index:2}
.shili .sl01{ position:absolute; display:block; left:50%; top:0; margin-left:-396px;}
.shili a{  padding-top:88px; font-size:13px; color:#fff; padding-bottom:40px; width:144px; height:56px; position:absolute; left:50%; top:217px; margin-left:-45px; background:url(Img/Index/sl_bf.png) no-repeat center top}
.shili a span{ display:block; text-align:center; width:70%;}



/*数字*/
.shuzi{ overflow:hidden; height:400px; width:1050px; margin:0 auto;}
.shuzi ul{ overflow:hidden; margin-top:55px;}
.shuzi li{ float:left; width:308px; margin:0 21px; position:relative; text-align:center; *padding-top:20px}
.shuzi em{ display:block; width:11px; height:11px; background:url(../images/shuzi_yuan.png) no-repeat center; position:absolute; top:143px;}
.shuzi .em01{ left:0}
.shuzi .em02{ right:1px}
.shuzi span{ display:block; width:297px; height:145px; background:url(../images/shuzi_xian.png) no-repeat left top; position:absolute; left:5px; top:0; }
.shuzi .shuzi01{ width:100px; height:125px; overflow:hidden; margin:0 auto; margin-top:37px;}
.shuzi .shuzi02{ width:220px; height:125px; overflow:hidden; margin:0 auto; margin-top:37px;}
.shuzi .shuzi03{ width:220px; height:125px; overflow:hidden; margin:0 auto; margin-top:37px;}

.shuzi b { display:block; width:100%; overflow:hidden;}
.shuzi b i{ font-size:90px; color:#339966; display:block; width:100%; height:125px; line-height:125px; font-style:normal; text-align:center;}
.shuzi p{ font-size:16px; line-height:22px; color:#333;}
.shuzi .shuzi01 b{ margin-top:-375px}
.shuzi .shuzi02 b{ margin-top:-1625px}
.shuzi .shuzi03 b{ margin-top:-1625px}

/*回到顶部*/
#rocket-to-top div { left: 0;margin: 0;overflow: hidden;padding: 0;position: absolute; top: 0;width: 149px;}
#rocket-to-top .level-2 {background:url(../images/gobackTop.png) no-repeat scroll -149px 0 transparent;display: none;height: 250px;opacity: 0;z-index: 1;}
#rocket-to-top .level-3 {background: none repeat scroll 0 0 transparent;cursor: pointer;display: block; height: 150px;z-index: 2;}
#rocket-to-top {background:url(../images/gobackTop.png) no-repeat scroll 0 0 transparent;cursor: default;display: block;height: 250px;margin: -125px 0 0; overflow: hidden;padding: 0;position: fixed;right: 5%;bottom:20px;width: 147px;z-index: 11;}

/*新闻*/
.news{ overflow:hidden; background-color:#f7f7f7;width:100%;float:left;}
.news1{ width:1004px; margin:0px auto; padding-top:40px;}
.news1 h2{ font-size:16px; color:#000; font-weight:normal;}
.news1 h2 a{color:#666;}
.news1 ul{ margin-top:20px;padding-bottom:20px;}
.news1 ul li a img{ border:1px solid #EAE8EA; margin-bottom:10px;}
.news1 ul li p{  font-size:14px; font-weight:normal; height:30px; line-height:30px;margin-bottom:0px;}
.news1 ul li p a{color:#666; height:30px; line-height:30px; float:left; width:220px; overflow:hidden;}
.news1 ul li span{ float:right; color:#999;}
.news1 .news_left ,.news_mid ,.news_right{ width:320px; float:left; margin-right:20px;}
.news_right{ margin-right:0px;}
.footer,.container{margin-left:auto; margin-right:auto; width:1004px; font-family:microsoft yahei;}
/*友情链接*/
.news .links{ overflow:hidden; padding-bottom:20px; background:url(../images/links_bg.png) no-repeat bottom right;}
.news .links h3{ font-size:16px; font-weight:normal; margin-bottom:20px; margin-top:20px;}
.news .links h3 a{ color:#333;}
.news .links ul{ overflow:hidden; width:101%;}
.news .links li{ display:block; float:left; margin:5px; overflow:hidden; padding:0 15px; position:relative; height:31px;}
.news .links b,.news .links em{ display:block; width:15px; height:31px;}
.news .links b{ background:url(../images/link_l.png) no-repeat center; position:absolute; left:0; top:0}
.news .links em { background:url(../images/link_r.png) no-repeat center; position:absolute; right:0; top:0}
.news .links li a{ display:inline-block; font-size:12px; color:#999; line-height:31px; background-color:#fff; float:left}

/*footer*/
.footer{ overflow:hidden; width:100%; height:600px; background-color:#111;}
.footer ul{ overflow:hidden; width:1020px; margin:0 auto; overflow:hidden; margin-top:48px; margin-bottom:42px;}
.footer ul li{ float:left; width:158px; height:158px; background:url(../images/footer_yuan01.png) no-repeat 9px 9px; margin:0 6px; overflow:hidden; position:relative}
.footer li b{ display:block; width:32px; height:32px; margin:0 auto; margin-top:47px; margin-bottom:12px; position:relative}
.footer li p{ text-align:center; font-size:16px; color:#fff; position:relative; left:0}
.footer li .b01{ background:url(../images/footer01.png) no-repeat center}
.footer li .b02{ background:url(../images/footer02.png) no-repeat center}
.footer li .b03{ background:url(../images/footer03.png) no-repeat center}
.footer li .b04{ background:url(../images/footer04.png) no-repeat center}
.footer li .b05{ background:url(../images/footer05.png) no-repeat center}
.footer li .b06{ background:url(../images/footer06.png) no-repeat center}
.footer li .lihover{ width:140px; height:140px; background:url(../images/footer_yuan02.png) no-repeat center; margin:9px; display:none}
.footer li .lihover span{ display:block; background:url(../images/footer_li0.png) no-repeat center; width:140px; height:140px; font-size:12px;padding-top:50px; color:#fff; text-align:center;}
.footer li:hover{ background:none}
.footer li:hover .lihover{ display:block}
.footer li:hover b{ display:none}
.footer li:hover p{ display:none}

.footer dl{ width:200px; float:left; overflow:hidden; background:url(../images/nav_bor.png) left top repeat-y; padding-left:35px;}
.footer dt a{ font-size:16px; color:#fff;}
.footer dt{ margin-bottom:20px;}
.footer dd a{ font-size:13px; color:#999; line-height:29px; display:block}
.footer .footer_ewm{ width:200px; text-align:center; float:left; background:url(../images/nav_bor.png) repeat-y left top,url(../images/nav_bor.png) repeat-y right top}
.footer .footer_ewm img{ display:block; margin:0 auto; margin-bottom:10px;}
.footer .footer_ewm p{ font-size:12px; color:#999; margin-bottom:5px;}
.footer .footer_center{ overflow:hidden;}
.footer .footer_btm{ overflow:hidden; margin-top:50px;}
.footer .footer_btm .dizhi { float:left; overflow:hidden}
.footer .footer_btm .dizhi p{ font-size:12px; color:#888; line-height:20px; margin-bottom:20px; margin-left:35px;}
.footer .footer_btm .dizhi p em{ background:url(../images/footer_dian.png) no-repeat right center; padding-right:20px; margin-right:30px;}
.footer .footer_btm .dizhi span{display: block; font-size:12px; color:#555; margin-left:35px; float: left;}
.footer .footer_btm .phone{ float:right; text-align:right;}
.footer .footer_btm .phone p{ color:#ccc;}
.footer .footer_btm .phone i{ font-style:normal; display:block; font-size:24px; color:#ccc; font-weight:normal}
.footer .footer_btm .phone span{ display:block; width:111px; height:17px; background:url(../images/footer_yy.png) no-repeat center; text-align:center; font-size:10px; line-height:17px; font-family:Arial; float:right}
.footer .footer_btm .dizhi a {color: #666;text-decoration: none;}