.topbg{ background:url(../img/topbg.jpg) no-repeat center; width:100%; height:137px;}
.pb30{ padding-bottom:30px;}

/* slide */
.slide-main{height:679px;position:relative;}
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:350px;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:640px;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:679px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:679px;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:679px; background:url(../img/02.jpg) no-repeat center; }

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

.fenul{ margin-top:50px;}
.fenul li a{ background:url(../img/sort.jpg) no-repeat; width:224px; font-size:18px; color:#483225; height:65px; line-height:50px; float:left; text-align:center; margin-left:13px;}
.fenul li a:hover{ background:url(../img/sortbg.jpg) no-repeat; color:#fff;}

.youshibg{ background:url(../img/youshibg.jpg) no-repeat center; width:100%; height:1042px; margin-top:50px; color:#fff;}
.you01{ position:absolute; top:267px; right:45px;}
.youtit{ font-size:36px; font-weight:bold; padding-bottom:20px;}
.you01 p,.you02 p{ line-height:40px;}
.you02{ position:absolute; top:665px; left:30px;}

.aboutbg{ background: url( "../img/aimg.jpg") no-repeat left; width: 100%; height: 672px; }
.afont{ width:885px; line-height:36px; font-size:16px; color:#333; text-align:left; padding-top: 60px; margin-left:320px;}
.afont a{ display:block; width: 167px; height: 54px; line-height: 54px; background-color: #FF9724; text-align: center; color: #fff; margin-top: 60px;}
.atit{ font-size:24px; padding-bottom:30px;}
.pl30{ padding-left:30px;}

.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:865px;}
.ntit{ width:385px; margin-left:10px;}
.ntit p{ font-size:14px;}
.ntit a{ font-size:15px; padding-top:10px;}
.newl li{ padding-bottom:40px;}
.newl{ width:560px;}
.newr{ width:547px;}
.newr ul li{ width: 547px; height: 40px; line-height: 40px;}

.yingbg{ background:url(../img/yingimg.jpg) no-repeat right; width:100%; height:626px;}
 
.linkbg{ line-height:28px; background:#000000;}
.link{ color:#fff;}
.link a,.link a:hover{ color:#fff;}

.pb20{ padding-bottom:20px;}
.footbg{ background:#000; width:100%; color:#fff; font-size:16px; line-height:24px; padding:80px 0;}
.zhanbg{ background:#000; line-height:24px; padding-bottom:10px;}
.footbg a,.footbg a:hover,.zhanbg,.zhanbg a,.zhanbg a:hover{ color:#fff;}
.footcon{ width:600px;}
.confont p{ width:251px; _width:271px; height:49px; line-height:49px; background:#3B3B3B; margin-bottom:10px; margin-right:20px; padding-left: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:#FF9623; color: #fff; border: 1px solid #FF9623;}

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

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

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