.topbg{ background:#1E74C1; width: 100%; height: 12px;}
.pb30{ padding-bottom:30px;}

/* slide */
.slide-main{height:597px;position:relative;}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:240px;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:480px;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:597px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:597px;position:relative;position:absolute;z-index:8;}
#bgstylea{background:#ff6900;}
#bgstyleb{background:#193d85;}
#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:597px; background:url(../img/02.jpg) no-repeat center; }

.obj-c{display:block;width:100%;height:597px; 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:597px; 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; }
.hsort li a{ display: block; background: url("../img/sortlibg.jpg") no-repeat; width: 230px; _width: 250px; height: 59px; line-height: 59px; padding-left: 20px; margin-bottom: 2px; font-size: 16px;}
.hsort li a:hover{ font-weight: bold; color: #1D72BF;}
.hotbor{ height: 1px; background-color: #ccc; margin-top: 10px;}
.hottit a{ padding-top:40px; }

.aboutbg{ background: url( "../img/aboutbg.jpg") no-repeat center; width: 100%; height: 557px;}
.afont{ width:480px; line-height:28px; font-size:14px; color:#fff; text-align:left; padding-top: 20px;}
.afont a{ display:block; width: 160px; height: 45px; line-height: 45px; background-color: #910011;border-radius:30px; text-align: center; color: #fff; font-size: 18px; margin-top: 30px;}
.pl30{ padding-left:30px;}
.aboutimg{ margin-top:127px;}

.youbg{ background: url("../img/youshibg.jpg") no-repeat center; width: 100%; height: 1652px;}
.you01{ width:490px; position: absolute; top: 80px;right: 30px;}
.you02{ width:490px; position: absolute; top: 480px;left: 30px;}
.you03{ width:490px; position: absolute; top: 880px;right: 30px;}
.you04{ width:490px; position: absolute; top: 1260px;left: 30px;}
.youtit{ background: url("../img/youtit.png") no-repeat; width: 408px; _width: 438px; height: 59px; line-height: 49px; color: #fff; font-size: 24px; padding-left: 30px; margin-bottom: 20px;}
.you01 p,.you02 p,.you03 p,.you04 p{ background: url( "../img/youiteam.png") no-repeat left top; padding-left: 20px; line-height: 24px; margin-top: 10px;}
.you01 a,.you02 a,.you03 a,.you04 a{ display: block; background-color: #20419B; border-radius: 8px; text-align: center; width: 102px; height: 36px; line-height: 36px; color: #fff; font-size: 16px; margin-top: 20px;}

.pt30{ padding-top:30px;}
.pl15{ padding-left:15px;}
.pt40{ padding-top:40px;}
.pl20{ padding-left:20px;}
.mt40{ margin:40px 0;}
.newbg{ background: url("../img/newbg.jpg") no-repeat center; width: 100%; height: 562px; }
.newl{ width:755px; margin-top: 80px;}
.newr{ width:325px; margin-top: 80px;}
.newbot{ border-bottom: 1px solid #2A52BD;}
.newbot p a{ display: block; width: 85px; height: 32px; line-height: 32px; text-align: center; color: #fff; background: #2A52BD; float: left; margin-right: 5px;}
.newmore{ color: #fff; padding-top: 5px;}
.newdl a{ display: block;color: #fff; padding-top: 15px;}
.newwfl{ width:345px;}
.newwfr{ width:345px;}
.newwfl ul li,.newwfr ul li{ background: url("../img/newlibg.jpg") no-repeat; width: 340px; height: 46px; line-height: 46px; margin-bottom: 5px;}
.newwfl ul li a,.newwfr ul li a{ display: block; padding-left: 55px;}
.zuitit span{ display: block; width: 85px; height: 30px; line-height: 30px; background: #2A52BD; color: #fff; text-align: center;}
.zuitit{ border-bottom: 1px solid #2A52BD;}
.zuitit a{ color: #fff;}
.zuiul ul li{ color: #A9AEBD; border-bottom: 1px dashed #fff; padding: 12px 0;}
.zuiul ul li a{ color: #fff; padding-bottom: 10px; display: block;}
.zuiul ul li a span{ display: inline-block; width: 20px; height: 20px; line-height: 20px; text-align: center; color: #fff; background-color: #910011; border-radius: 4px; margin-right: 5px;}

.fuwubg{ background-color: #FAFAFA; padding: 30px 0;}
.footnavul{ background:#2A52BD; width: 100%; height: 45px;}
.footnavul li{ float: left; background: url("../img/footshu.jpg") no-repeat right center; width: 155px; text-align: center; line-height: 45px;}
.footnavul li a{ color: #fff;}
.footcon{ background: url( "../img/footcon.jpg") no-repeat; width: 300px; height: 135px;}
.footcon p{ padding-left: 30px; line-height: 36px;}
 
.linkbg{ line-height:28px; padding:10px 0;  background-color:#1C3580;}
.link{ color:#fff;}
.link a,.link a:hover{ color:#fff;}

.pb20{ padding-bottom:20px;}
.footbg{ background:#1C3580; color:#fff; font-size:14px; line-height:24px; padding:20px 0; border-bottom: 1px solid #fff;}
.footbg a,.footbg a:hover{ color:#fff;}
.banquan{ background-color:#1C3580; padding-top:20px; color: #fff; }
.banquan a,.banquan a:hover{ color: #fff;}
.fbottom{ border-bottom:1px solid #4D4D4D; padding-bottom: 30px;}
.fbottom a{ display: block; background: url("../img/footbbt.jpg") no-repeat; width: 186px; _width: 166px; height: 56px; line-height: 56px; padding-left: 20px; color: #fff; font-size: 18px; margin-left: 150px; margin-top: 20px; margin-bottom: 20px;}
.footul{ width:600px;}
.footul strong{ padding-bottom:15px; display: block; font-size: 18px;}
.footul li{ line-height:30px; }

.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:#1E4B8F; color: #fff; border: 1px solid #1E4B8F;}

.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{ background:url(../img/subpro.jpg) center no-repeat; width:100%; height:260px;}
.suba{background:url(../img/suba.jpg) center no-repeat; width:100%; height:260px;}
.subnew{ background:url(../img/subnew.jpg) center no-repeat; width:100%; height:260px;}
.subchang,.subj{ background:url(../img/subpic.jpg) center no-repeat; width:100%; height:260px;}
.subpro{ background:url(../img/subpro.jpg) center no-repeat; width:100%; height:260px;}


.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;
}