锘緻charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal; }

body{min-width: 1200px; width: 100%;overflow-x: hidden;}

.banner{ height:666px;width:100%; position:relative; z-index:1;}
.banner .bd,.banner .bd li{width:100%; height:666px; overflow:hidden;}
.banner .bd li img{ position:absolute; top:0; left:50%; margin-left:-960px; height:666px;}
.banner .bantil{ width:200px; height:6px;position:absolute; bottom:30px;left:50%; margin-left:-100px; z-index:8;}
.banner .bantil li{ width:52px; height:6px; float:left; display:inline;background:#fff; opacity:1; border-radius:0; margin:0 5px;}
.banner .bantil li.on{background:#058106;}

.yinz{ height:800px; padding-top:100px; overflow:hidden; background:url(../images/yinz_bg.jpg) no-repeat center top;}
.yinz1{ height:535px; overflow:hidden; background:#f5f5f5;}
.yinz dl{ width:402px; float:left; padding:36px 0 0 50px;}
.yinz dt{ font:36px "Microsoft YaHei"; color:#0a0f12; margin-bottom:28px;}
.yinz dt em{ display:block; height:40px; background:#1e5db0; font:15px "Microsoft YaHei"; line-height:40px; margin-top:20px; text-align:center; color:#fff;}
.yinz dd p{ font:15px "Microsoft YaHei"; line-height:24px; color:#565656;}
.yinz dd em{ display:block; width:402px; height:153px; margin:20px 0;}
.yinz dd em img{display:block; width:402px; height:153px;}
.yinz h3{ width:616px; background:#1e5db0; padding:20px 43px 0; height:515px; float:left; font:30px "Microsoft YaHei"; line-height:75px; color:#fff;}
.yinz h3 em{ float:right; font:18px "Microsoft YaHei"; text-transform:uppercase; line-height:75px;}
.yinz h3 span{ display:block; width:616px; height:375px;}
.yinz h3 span img{ display:block;width:616px; height:375px;}
.yinz ul{ margin-top:50px; height:160px; position:relative;}
.yinz ul:before{ content:""; position:absolute; top:5%; left:0; width:1px; height:52%; background:#e3e3e3;}
.yinz li{ width:300px; float:left; height:160px; text-align:center; font:20px "Microsoft YaHei"; color:#5a5c5d; position:relative;}
.yinz li span{ display:block; font:24px "Microsoft YaHei"; color:#0a0f12; padding-bottom:8px;}
.yinz li span em{color:#1e5db0; font:48px Arial; font-weight:bold;}
.yinz li:before{ content:""; position:absolute; top:5%; right:0; width:1px; height:52%; background:#e3e3e3;}


/**/
.pro_bj{height: 1420px;overflow: hidden; background:#f5f5f5;padding-top:80px; box-sizing: border-box; font-family: "Microsoft YaHei"; }
.pro_bj h2{ height:118px; font:36px "Microsoft YaHei"; text-align:center; color:#171310; background:url(../images/pro_line.png) no-repeat center 24px;}
.pro_bj h2 span{ display:block; font:18px "Microsoft YaHei"; color:#5d5c5a; padding-top:8px;}
.pro_bj h2 a{ display:block; color:#171310;}

.fen{ width:179px; height: 460px;background:#1e5db0;overflow: hidden; float: left;}
.fen ul{ height: 460px; }
.fen ul li{width:179px;height: 154px;background:none; margin-right: 22px; text-align: center; position: relative;}
.fen ul li a{ text-decoration: none; position: relative;z-index: 3; display: block; font-weight: normal; height:43px; font-size: 22px; color: #fff;}
.fen ul li b{font-size: 18px; font-weight: bold;color:rgba(255,255,255,0.5); font-family: "Arial";height: 21px;padding-top:36px; border-bottom: 1px solid rgba(255,255,255,0.5); display: block; width: 21px; line-height: 21px; margin: 0 auto 10px;}
.fen ul li i{font-size: 10px; color:rgba(255,255,255,0.5);font-family: Times New Roman; display: block; line-height:28px;}
.fen ul li:after,.fen .cur:after{content:'';position:absolute;height:100%;width:0;background:#0d953c;bottom:0;left:0;-webkit-transition:width .3s;transition:width .3s;}
.fen ul li:hover:after,.fen .cur:after{width:100%;color: #fff;}


.pro_nr{height: 460px; width:1021px;overflow:hidden;}
.pro_nr dl{height: 460px; width:1021px; background:#fff;padding:22px 0;box-sizing: border-box;box-shadow: 0 0 10px #ccc;  overflow:hidden;}
.pro_nr dl dt{width: 416px; height: 416px; float: left; overflow:hidden; margin-left:22px;}
.pro_nr dl dt img{width: 416px; height: 416px; display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.pro_nr dl dt img:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
.pro_nr dl dd{ float: right;width: 495px; padding-right:30px;  overflow:hidden; }
.pro_nr dl dd h3{ font-size: 24px; font-weight: bold; color: #565656; margin-bottom: 20px; }
.pro_nr dl dd h3 a{ color: #565656; }
.pro_nr .prodd{ font:14px "Microsoft YaHei"; line-height:24px; color:#565656; height:368px;}
.pro_nr dl dd p{line-height: 24px;font-size: 14px;  color: #565656;}
.pro_nr dd b{ font-size:18px;}
.pro_nr dd h5{ margin-top:15px; padding-top:15px; border-top:1px dashed #d5d5d5;}
.pro_nr dd h5 span{ display:block; font:14px "Microsoft YaHei"; line-height:24px;}

.m_pro {width:1200px; height: 645px; box-shadow: 0 0 10px #ccc; margin-top: 20px;padding:0 49px; background: #fff; box-sizing:  border-box; position: relative; padding-top:20px;}
.m_pro:after{content:'';position:absolute;height:1px;width:1103px;background:#dddddd;top:58px;left:49px;}
.m_pro h4{ text-align: center; font-size:24px ; width: 200px; background: #fff; height: 75px; line-height: 75px;margin: 0 auto 10px; font-weight: normal; color: #565656;  position: relative;z-index: 1;}
.m_pro dl{float: left;width: 351px;margin-top: 5px; margin-right: 24px;position: relative;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.m_pro dt{width: 351px;}
.m_pro dt img{width: 351px;height: 351px;display: block;}
.m_pro dd{background: #ffffff;height:116px;border:2px solid #f0f0f0;   box-sizing: border-box; text-align: left;color: #333333; padding-top: 10px;}
.m_pro dd h3{font-size: 18px; padding-left: 20px;color: #333;  font-weight: normal;}
.m_pro dd h3 a{color: #333; }
.m_pro dd p {color: #a3a3a3; font-size: 14px;padding-left: 20px;}
.m_pro dd span{margin-top: 10px;display: block;height: 52px; border-top:2px solid #f0f0f0; }
.m_pro dd span a{display:  block;height:52px; line-height: 52px; font-size: 14px; padding-left:20px; color: #a3a3a3; background:url(../images/show_arr1.png) no-repeat 20px center;padding-left:45px;}
.m_pro dl:nth-child(3n){margin-right: 0;}
.m_pro dl:hover{margin-top: 0;  box-shadow: 0 0 10px #1e5db0; }
.m_pro dl:hover dd h3 a{color:#1e5db0;}
.m_pro dl:hover dd span a{ background:#1e5db0 url(../images/show_arr2.png) no-repeat 20px center;color:#fff;}


.proys{ height:1002px; background:url(../images/proys_bg.jpg) no-repeat center top; overflow:hidden;}
.proys h2{ height:120px; padding-top:55px; text-align:center; font:36px "Microsoft YaHei"; color:#fff;}
.proys h2 em{ display:block; font:18px "Microsoft YaHei"; padding-top:8px;}
.proys ul{ height:650px; overflow:hidden; position:relative;}
.proys li{ width:230px; text-align:left; font:15px "Microsoft YaHei"; line-height:24px; color:#8d8d8d;}
.proys li b{ display:block; font-size:24px; color:#333; padding-bottom:12px;}
.proys li:nth-child(3),.proys li:nth-child(4){ text-align:left;}
.proys li:nth-child(1){ position:absolute; top:410px; left:44px; width:175px;}
.proys li:nth-child(2){ position:absolute; top:84px; left:292px;}
.proys li:nth-child(3){ position:absolute; top:84px; left:643px;}
.proys li:nth-child(4){ position:absolute; top:410px; left:960px; width:195px;}
.proys h5{ width:335px; float:right; margin-top:58px;}
.proys h5 em a{display:block; float:left; width:124px; height:42px; background:#0d953c; font:16px "Microsoft YaHei"; font-weight:bold; text-align:center; line-height:42px; color:#fff;}
.proys h5 span{ display:block; float:right; width:190px; font:16px "Microsoft YaHei"; color:#fff;}
.proys h5 span b{ display:block; font:24px Arial; font-weight:bold;}

.solve{ height:890px; margin-top:85px; overflow:hidden;}
.solve h2{ height:110px; text-align:center; font:36px "Microsoft YaHei"; color:#171310; background:url(../images/solve_line.png) no-repeat center 26px;}
.solve h2 a{ display:block; color:#171310;}
.solve h2 em{ display:block; font:18px "Microsoft YaHei"; color:#615f5e; padding-top:8px;}
.solve li{ width:590px; height:300px; overflow:hidden; position:relative; margin-bottom:15px;}
.solve li img{ display:block; width:590px; height:300px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.solve li span{ display:block; height:64px; font:24px "Microsoft YaHei"; line-height:64px; color:#fff; padding-left:30px; background:#1e5db0 url(../images/solve_arr1.png) no-repeat 530px center; position:absolute; bottom:0; width:560px;}
.solve li a:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
.solve li a:hover span{ background:#0d953c url(../images/solve_arr2.png) no-repeat 530px center; -webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.solve li:nth-child(2n-1){ float:left;}
.solve li:nth-child(2n){ float:right;}
.solve h5{ width:200px; height:45px; border-radius:2rem;background:#1e5db0; font:18px "Microsoft YaHei"; text-align:center; line-height:45px; margin:30px auto 0; border:2px solid #1e5db0; }
.solve h5 a{ display:block; color:#fff;}

.ys{ height:1195px; overflow:hidden; position:relative;}
.ys h2{ height:152px; padding-top:45px; background:url(../images/ys_h.png) no-repeat center top; font:48px "Microsoft YaHei"; text-align:center; font-weight:bold; color:#333;}
.ys h2 em{ display:block; font:20px "Microsoft YaHei"; padding-top:8px;}
.yst{ width:1200px; height:197px; margin:0 auto; overflow:hidden;}
.yst li{ width:293px; height:100px; padding-top:62px; float:left; margin-right:9px; background:url(../images/ys_bg01.png) no-repeat center top;}
.yst li em{ display:block; color:rgba(255,255,255,0.3); font:50px Arial; float:left; padding:0 5px 0 30px;}
.yst li span{ display:block; font:24px "Microsoft YaHei"; color:#fff; padding-top:3px;}
.yst li span i{ display:block; font:12px "Microsoft YaHei"; color:rgba(255,255,255,0.3);}
.yst li:last-child{ margin-right:0;}
.yst .cur{ background:url(../images/ys_bg02.png) no-repeat center top;height:130px; padding-top:32px;}
.yst .cur em{ color:#fff;}
.ys dl{ height:765px; overflow:hidden;}
.ys .dl1 dt{ display:block; background:url(../images/ys1.jpg) no-repeat center top; height:565px; overflow:hidden;}
.ys .dl2 dt{ display:block; background:url(../images/ys2.jpg) no-repeat center top; height:565px; overflow:hidden;}
.ys .dl3 dt{ display:block; background:url(../images/ys3.jpg) no-repeat center top; height:565px; overflow:hidden;}
.ys .dl4 dt{ display:block; background:url(../images/ys4.jpg) no-repeat center top; height:565px; overflow:hidden;}
.ys dd{ border:6px solid #0d953c; width:1188px; margin:-80px auto 0; background:#fff; position:relative; height:200px;}
.ys dd h3{ font:24px "Microsoft YaHei"; line-height:75px; height:75px; color:#fff; padding-left:36px; background:#0d953c; margin-bottom:18px;}
.ys dd p{ font:16px "Microsoft YaHei"; line-height:40px; color:#313131; position:relative; width:460px; float:left; margin-left:38px; padding-left:22px;}
.ys dd p:before{ content:""; position:absolute; top:15px; left:0; width:9px; height:9px; border-radius:9px; border:1px solid #6e6e6e; border-radius:9px;}
.ys2{ width:275px; position:absolute; top:900px; left:50%; margin-left:320px; font:24px Arial; color:#fff;}
.ys2 em{ display:inline-block; margin:0 15px; color:#fff; height:36px;}
.ys2 em.cur{ border-bottom:1px solid #fff; font-weight:bold;}

.new{ height:750px; padding-top:100px; overflow:hidden; background:#f5f5f5 url(../images/new_bg.gif) no-repeat center top;}
.new h2{ height:124px; overflow:hidden;}
.new h2 em{ display:block; width:570px; float:left; font:24px "Microsoft YaHei"; font-weight:bold; color:#333; line-height:60px;}
.new h2 em i{ color:#1e5db0; font-size:36px; padding-right:10px;}
.new h2 span a{ display:block; padding-top:22px;font:28px "Microsoft YaHei"; font-weight:bold; color:#333; width:65px; float:left;}
.new h2 p{ width:465px; float:right; overflow:hidden; font:18px "Microsoft YaHei"; line-height:60px; color:#1e5db0;}
.new h2 p a{ display:block; color:#1e5db0;}
.new h2 p b{ float:right; font-weight:normal; color:#333;}
.new1{ width:660px; height:310px; overflow:hidden; float:left; margin-top:48px; position:relative;}
.new1 dt img{ display:block; width:660px; height:310px;}
.new1 dd{ background:#1e5db0; position:absolute; bottom:0; padding:20px;}
.new1 dd h3 a{ display:block; font:16px "Microsoft YaHei"; font-weight:bold; color:#fff;}
.new1 dd p{ font:14px "Microsoft YaHei"; line-height:21px; color:#a9bada; padding-top:5px;}
.new2{ width:465px; float:right; overflow:hidden; margin-top:15px;}
.new2 dl{ padding:15px 0; height:83px; border-bottom:1px solid #cecece;}
.new2 dt{ float:left; position:relative; width:72px; font:48px "Microsoft YaHei"; color:#333;}
.new2 dt:before{ content:""; position:absolute; top:12px; right:0; width:1px; height:82%; background:#cecece;}
.new2 dt em{ display:block; font:12px "Microsoft YaHei"; color:#949494;}
.new2 dd{ width:375px; float:right; margin-top:7px;}
.new2 dd h3 a{ display:block; font:16px "Microsoft YaHei"; color:#333;}
.new2 dd p{ font:14px "Microsoft YaHei"; line-height:24px; color:#7c7c7c; padding-top:6px;}
.new2 dl:hover dt,.new2 dl:hover dd h3 a{ color:#1e5db0;}

.faq{ height:160px; overflow:hidden; margin-top:48px; position:relative;}
.faq h3{ width:190px; overflow:hidden; font:24px "Microsoft YaHei"; font-weight:bold; color:#333; float:left;}
.faq h3 a{ display:block; color:#333;}
.faq h3 em{ display:block; font:12px Arial; color:#c8c8c8; text-transform:uppercase; padding-top:6px;}
.faq1{ width:1000px; float:right; overflow:hidden; height:160px;}
.faq1 dl{ width:440px; height:100px; padding:10px; border:1px solid #dbdbdb; float:left; margin-right:75px; overflow:hidden;}
.faq1 dt a{ display:block; font:18px "Microsoft YaHei"; line-height:30px; height:30px; color:#333; background:url(../images/q.png) no-repeat left center; padding-left:35px; overflow:hidden;}
.faq1 dd{ font:14px "Microsoft YaHei"; line-height:26px; color:#7c7c7c; background:url(../images/a.png) no-repeat left 0; padding-left:35px; margin-top:10px;}
.arr1 a{ display:block; width:70px; height:35px; overflow:hidden; background:#1e5db0; position:absolute; top:78px; left:0;}
.arr2 a{ display:block; width:70px; height:35px; overflow:hidden; background:#1e5db0; position:absolute; top:78px; left:70px;}
.arr1 a:hover,.arr2 a:hover{ background:#0d953c;}

.about{ height:640px; padding-top:360px; background:url(../images/about.jpg) no-repeat center top; overflow:hidden;}
.about1{ width:300px; height:510px; overflow:hidden; background:#1e5db0; float:left;}
.about1 h2{ height:132px; background:#fff; margin-bottom:50px; font:33px "Microsoft YaHei"; font-weight:bold; color:#363636; padding:30px 0 0 40px; position:relative;}
.about1 h2:before{ content:""; position:absolute; top:162px; left:60px; width:0; height:0; border-top:16px solid #fff; border-left:16px solid rgba(0,0,0,0); border-right:16px solid rgba(0,0,0,0);}
.about1 h2 em{ display:block; font:18px "Microsoft YaHei"; padding-top:8px;}
.about1 h2 a{ color:#333;}
.about1 h2 i{ display:block; font-size:24px; color:#1e5db0;}
.about1 h3{ font:18px "Microsoft YaHei"; line-height:30px; color:#fff; padding:10px 0 0 53px;}
.about1 h3 em{ display:block;}
.about1 h5{ margin-top:40px; padding-left:50px;}
.about1 h5 em{ display:block; font:16px "Microsoft YaHei"; color:rgba(255,255,255,0.6);}
.about1 h5 em i{ display:block;}
.about1 h5 span img{ display:block; margin-top:40px;}
.about2{ width:800px; margin-top:210px; float:right; overflow:hidden;}
.about2 p{ font:14px "Microsoft YaHei"; line-height:22px; color:#646464;}
.about2 h4{ font:18px "Microsoft YaHei"; font-weight:bold; height:40px; margin:13px 0 13px -33px;}
.about2 h4 a{ display:block; height:40px; padding:0 33px; line-height:40px; float:left; background:url(../images/pic_line.png) no-repeat right center; color:#292929;}
.about2 h4 a:hover em{color:#1e5db0; border-bottom:3px solid #1e5db0;}
.about2 h4 a:last-child{ background:none;}
.about2 li{ width:239px; height:147px; float:left; margin-right:33px; overflow:hidden;}
.about2 li img{ display:block;width:239px; height:147px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.about2 li a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.about2 li:last-child{ margin-right:0;}



@-webkit-keyframes spin{
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/*animation*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}