.logo{ padding-top:30px;}
.tel{ padding-top: 30px;}
.pb30{ padding-bottom:30px;}

/* slide */
.slide-main{height:599px;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:520px;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:599px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:599px;position:relative;position:absolute;z-index:8;}
#bgstylea{background:#000;}
#bgstyleb{background:#000;}
#bgstylec{background:#000;}
.slide a{display:block;width:100%;height:600px;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:599px; background:url(../img/02.jpg) no-repeat center; }

.obj-c{display:block;width:100%;height:599px; 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:599px; 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%;} }

.hproduct{ width:1200px; padding-top: 40px; clear: both;}
.hsort{ width: 550px;}
.hsort li a,.nsort li a{ display: block; border: 1px solid #EEEEEE; color: #333; width:125px; height: 36px; line-height: 36px; 
float: left; margin-right:10px; text-align: center; font-size: 16px; border-radius: 20px;}
.hsort li a:hover,.nsort li a:hover{ color: #fff; background-color: #FC7B1D;}
.tiaofu{ background: url( "../img/tiaofu.jpg") no-repeat center; width: 100%; height: 217px; margin-top: 40px;}

.nsort{ width: 400px;}
.aboutbg{ background: url( "../img/aboutbg.jpg") no-repeat center; width: 100%; height: 709px;}
.pb40{ padding-bottom: 40px;}
.afont{ width:680px; line-height:28px; font-size:14px; color:#fff; text-align:left; padding-top: 150px;}
.pl30{ padding-left:30px;}

.youshi{ width: 1198px; margin: 50px auto; border: 1px solid #ECECEC;}
.youtit p{ padding-top: 15px; padding-right: 10px;}
.youtit img{ padding-left: 10px; padding-top: 10px;}
.you1,.you3{ width: 299px; height: 329px; background-color: #ECECEC; margin-top: 10px; border-top: 1px solid #ECECEC;}
.you1 img,.you3 img{ margin-top: 60px; margin-left: 100px;}
.you1 p,.you3 p{ width: 220px; line-height: 24px; margin-left: 40px; margin-top: 40px; text-align: center;}
.you2,.you4{ width: 300px; height: 329px; background-color: #fff; margin-top: 10px; border-top: 1px solid #ECECEC;}
.you2 img,.you4 img{ margin-top: 60px; margin-left: 100px;}
.you2 p,.you4 p{ width: 220px; line-height: 24px; margin-left: 40px; margin-top: 40px; text-align: center;}

.pt30{ padding-top:30px;}
.pl15{ padding-left:15px;}
.pt40{ padding-top:40px;}
.pl20{ padding-left:20px;}
.mt40{ margin:40px 0;}
.newl{ width:509px;}
.newr{ width:650px;}
.newl ul li a{ font-size: 18px; color: #0084FF; padding: 10px 0; display: block;}
.newl ul li p{ font-size: 14px; line-height: 24px;}
.newr ul li a{ font-size: 18px; padding: 5px 0; display: block;}
.newr ul li{ width: 645px; margin-bottom: 5px; border-bottom:1px solid #E8E6E6;}

.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: url( "../img/footbg.jpg") no-repeat center; width: 100%; height: 284px; font-size:14px; 
line-height:30px; margin-top: 50px;}
.footbg a,.footbg a:hover,.footbg{ color:#fff;}
.lanul{ border-bottom: 1px solid #767779; width: 980px; padding-bottom: 10px;}
.lanul ul li{ float: left;}
.lanul ul li a{ display: block; margin-right: 30px;}
.lanul p{ color: #fff; padding-left: 150px;}
.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;
}