.topbg{ background:#006ad3; width: 100%; height:8px;color:#fff;}
.logo{ padding-top:25px;}
.tel{ padding-top: 40px;}
.pb30{ padding-bottom:30px;}

/* slide */
.slide-main{height:576px;position:relative;}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:300px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:70px;}
.next{right:70px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%;height:5px;position:absolute;z-index:124;top:530px;left:0;text-align:center;}
.item a{display:inline-block;width:24px;height:5px;margin-right:11px;background:#333;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);overflow:hidden;}
.item a.cur{background:#fff;}
.slide-box,.slide{display:block;width:100%;height:576px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:576px;position:relative;position:absolute;z-index:8;}
#bgstylea{background:#000;}
#bgstyleb{background:#000;}
#bgstylec{background:#000;}
.slide a{display:block;width:100%;height:550px;cursor:pointer;}
/*.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f{position:absolute;z-index:9;left:50%;}
.obj-a,.obj-b{width:100%;text-align:center;}*/
.obj-a{display:block;width:100%;height:576px; background:url(../img/02.jpg) no-repeat center; }

.obj-c{display:block;width:100%;height:576px; background:url(../img/03.jpg) no-repeat center; }
.obj-d{top:228px;height:164px;}
.obj-d p{display:block;padding-top:20px;font-size:16px;color:#fff;clear:both;}
.obj-e{width:100%;height:576px; background:url(../img/01.jpg) no-repeat center; z-index:12;}

.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }

.liucheng{ background:url(../img/tiaobt.jpg) no-repeat center; width:1150px; height:153px; padding:50px 0;}

.hproduct{ width:1200px; padding-top: 40px; clear: both;}
.hsort{ background:url(../img/sortbg.jpg) no-repeat; width:1200px; height:142px;}
.hsort ul{ width:1090px; margin-left:55px;}
.hsort li a{ display: block; background-color: #fff; color: #333; width:126px; height: 38px; line-height: 38px; border-radius:35px; border:1px solid #ccc; float: left; margin-right:15px; text-align: center; font-size: 16px;  margin-top:20px; margin-left:10px;}
.hsort li a:hover{ font-weight: bold; color: #fff; background-color: #006AD3; border:1px solid #2D70F3;}

.abg{ background:url(../img/aboutbg.jpg) no-repeat center top; width:100%; height:630px}
.about{ padding-top:260px;}
.pb40{ padding-bottom: 40px;}
.afont{ width:585px; line-height:28px; font-size:14px; color:#333; text-align:left; padding-top: 280px;}
.abt a{ display: block; margin-right: 50px; float: left; margin-top:90px;}
.pl30{ padding-left:30px;}

.you1bg{ background:url(../img/you01.jpg) no-repeat; width:286px; height:477px; position:relative;}
.you2bg{ background:url(../img/you02.jpg) no-repeat; width:286px; height:477px; position:relative; margin-top:100px; margin-left:18px;}
.you3bg{ background:url(../img/you03.jpg) no-repeat; width:286px; height:477px; position:relative; margin-left:18px;}
.you4bg{ background:url(../img/you04.jpg) no-repeat; width:286px; height:477px; position:relative; margin-top:100px; margin-left:18px;}
.you1bg p,.you2bg p,.you3bg p,.you4bg p{ position: absolute; color: #fff; top: 350px; left: 95px; line-height: 30px; font-weight:bold; font-size:24px;}
.you1bg span,.you2bg span,.you3bg span,.you4bg span{ position:absolute; color: #fff; top: 390px; left: 10px; line-height: 30px;}

.pt30{ padding-top:30px;}
.pl15{ padding-left:15px;}
.pt40{ padding-top:40px;}
.pl20{ padding-left:20px;}
.mt40{ margin:40px 0;}
.pt80{ padding-top:80px;}
.newl{ width:580px;}
.newr{ width:540px;}
.newl ul li a{ font-size: 20px; font-weight: bold; padding: 20px 0; display: block;}
.newl ul li p{ font-size: 14px; line-height: 24px;}
.newr ul li{ width: 540px; height: 40px; line-height: 40px; margin-bottom: 5px; border-bottom:1px solid #E8E6E6;}
.newr ul li a{ display: block; padding-left: 25px; background: url("../img/iteam.jpg") no-repeat center left;}
.newr dl dt{ float: left; padding-right: 15px;}
.newr dl p{ font-weight: bold; padding-top: 5px;}
.newr dl dd{ line-height: 24px;}
.newa a{ margin-top: 40px; font-size: 16px; display: block; background-color: #fff; border-radius: 40px; color: #2D70F3; border: 1px solid #2D70F3; width: 149px; height: 48px; line-height: 48px; text-align: center;}


.linkbg{ line-height:28px; background-color: #282828;}
.link{ color:#716E6E; padding:20px 0;}
.link a,.link a:hover{ color:#716E6E;}

.pb20{ padding-bottom:20px;}
.flogo{ margin-top: 30px;}
.footbg{ background:#282828; font-size:14px; line-height:30px; margin-top: 50px;}
.footbg a,.footbg a:hover{ color:#716E6E;}
.lanul{ margin-left: 120px;}
.footul{ width:270px; margin-left: 120px;}
.fotit{ color: #fff; font-size: 16px; padding-bottom: 20px;}

.subullist{ background-color:#eee; }
.subullist li{ float:left; }
.subullist li a span{ display: block; color: #333; border: 1px solid #ccc; width: 130px; height: 40px; line-height: 40px; text-align: center;background-color: #eee; margin-right: 5px; margin-top: 20px;}
.subullist li a span:hover{ background-color:#2D70F3; color: #fff; border: 1px solid #2D70F3;}

.subprob{ border:1px solid #ccc; width:261px; margin-left:15px;}
.subproimg{ text-align:center;}
.subproimg img{ width:243px; height:200px;}
.subproimg p{ padding:10px 0;}

.left-cont{ margin-top:20px; background: #727071; width:243px; _width:263px; padding: 20px 10px; margin-left:15px;}
.leftrwm{ width: 240px; margin: 0 auto; padding-bottom: 15px; border-bottom: 1px solid #fff;}
.leftrwm .fl{ width: 150px; color: #fff; padding-top:30px;}
.leftrwm .fr{ width: 80px;}	
.left-tal{ width: 240px;margin: 0 auto; padding: 15px 0;border-bottom: 1px solid #fff;}	
.left-tal p{ font-size:18px ; color: #fff;}
.left-tal span{ color: #fff;  font-size: 30px; line-height: 100%;}
.left-us{ width: 240px;margin: 0 auto; padding: 15px 0; font-size:14px;}
.left-us p{ color: #fff; line-height: 24px;}

.subabg{ background-color:#EEEEEE; width:100%; padding:20px;overflow:hidden;zoom:1;}
.bgfff{ background-color:#fff; padding:10px;overflow:hidden;zoom:1;}
.neibt a{ display:block; float:left; background-color:#666; width:180px; text-align:center; height:35px; line-height:35px; color:#fff; font-size:16px; margin-right:10px; margin-bottom:10px;}
.neibt a:hover{ background-color:#025B9F}

.subhonor,.subcon,.submess,.subf,.subpro{ background:url(../img/subpro.jpg) center no-repeat; width:100%; height:466px;}
.submess{ background:url(../img/submess.jpg) center no-repeat; width:100%; height:466px;}
.subcon{ background:url(../img/subcon.jpg) center no-repeat; width:100%; height:466px;}
.suba{background:url(../img/suba.jpg) center no-repeat; width:100%; height:466px;}
.subnew{ background:url(../img/subnew.jpg) center no-repeat; width:100%; height:466px;}
.subchang,.subj{ background:url(../img/subpic.jpg) center no-repeat; width:100%; height:466px;}


.subsort{
  float: left;
  position: relative;
  left: 50%;
  padding-top: 20px;
}
.subsort ul li a
{ display:block;  width: 190px;
  float: left;
  margin-left: 6px;
  position: relative;
  text-align: center;
  line-height: 47px;
  font-size: 15px;
  margin-bottom:10px;}
.subsort ul {
  margin: 0;
  padding: 0;
  position: relative;
  left: -50%;
}
.subsort ul li {
  width: 190px;
  float: left;
  margin-left: 6px;
  position: relative;
  text-align: center;
  line-height: 47px;
  font-size: 15px;
}
.subsort ul li a:link {
  background: url(../images/list.jpg) no-repeat center -47px;
  color: #000;
}
.subsort ul li a:hover{ background: url(../images/list.jpg) no-repeat center 0;
  color: #fff;
  font-weight:bold}
.subsort ul li a span {
  display: block;
  padding: 0px 20px;
}
.subsort ul li.liselect a{
  background: url(../images/list.jpg) no-repeat center 0;
  color: #ffffff;
  font-weight:bold;
}
.subsort ul li.liselect a span{
  color: #ffffff;
  font-weight:bold;
}
.ny-bt {
  width: 326px;
  padding-top: 20px;
  margin: 0 auto;
  text-align: center;}
.ny-bt span.linebd {
  float: left;
  display: inline-block;
  width: 66px;
  height: 1px;
  background: #666;
  opacity: 0.32;
  position: relative;
  top: 31px;}
  .ny-bt strong {
  float: left;
  display: inline-block;
  font-size: 36px;
  line-height: 64px;
  color: #666;
  padding: 0 19px;
}
.en {
  font-size: 14px;
  line-height: 14px;
  color: #666;
  opacity: 0.34;
  margin: 0 auto;
  text-align: center;
}

.feedbackImf1 {
  text-align: center;
  padding: 30px 0;
  color: #444;
  background-color: #e9e9e9;
  border-bottom: 1px solid #d3d3d3;
  margin: 30px 0;
  overflow: hidden;
}
.feedbackImf1 h3 {
  font-size: 21px;
  line-height: 30px;
  font-weight: normal;
}
.feedbackImf1 h4 {
  font-size: 16px;
  line-height: 25px;
  font-weight: normal;
  margin: 10px 0;
}
.feedbackImf1 div {
  width: 816px;
  text-align: center;
  margin: 20px auto;
  overflow: hidden;
}
.feedbackImf1 div a {
  display:block;
  width: 250px;
  height: 70px;
  text-align: center;
  border: 1px solid #d3d3d3;
  line-height: 70px;
  float: left;
  margin: 0 10px;
}