.top-banner{overflow: hidden;height: 0; width: 1240px; margin: 0 auto; height: 436px; position: relative;box-shadow: 0px 3px 15px #ccc;}
.banner1 { position: absolute;width:100%;height: 436px;xoverflow: hidden; }
.banner1-div{position: absolute; height: 436px; z-index: 0;}
.banner1-div .tempWrap{overflow: visible !important;}
.banner1-div ul li {zoom: 1; vertical-align: middle; }
.banner1-div ul li a {display: block; height: 436px; position: relative;}
.banner1-div ul li a div { height: 436px; position: relative;}
.banner1-div ul li a span{display: block;position: absolute; letter-spacing: 1px; line-height: 40px;padding: 0 20px;color: #fff;bottom: 14px;left: 40px;font-size: 19px; background: #000; filter: alpha(opacity=80);  background: rgba(0, 0, 0, 0.6);}
.banner1-div ul li img{width:100%; height: 436px;display: block;}
.banner1-arr-wrap {height: 436px; position: relative;}
.banner1 a.banner1-arr{
   display: block;
   width: 50px;
   height: 80px;
   /* background: url(../img/prev.png) no-repeat center; */
   background: #3a3a3a;
   line-height: 80px;
   font-size: 40px;
   color: #fff;
   text-align: center;
   xopacity: 0.8;
   xfilter: alpha(opacity=80);
   font-weight: bold;
   position: absolute;
   top: 50%;
   margin-top: -25px;
   font-family: "SimHei","脙茠脗漏脙鈥毭偮幻兟⒚⑩�毬嬇撁兤捗偮っ冣�毭偮矫兟⒚⑩�毬呪��";
   -moz-user-select: none;
   -khtml-user-select: none;
   user-select: none;
   z-index: 3;
   transition:all .3s;
   -webkit-transition:all .3s;
   opacity:0;
   filter: alpha(opacity=0);
   font-size: 56px;
   }

.banner1 a.banner1-prev{left:50px; transform: translateX(-30px);-webkit-transform:translateX(-30px);
}
.banner1 a.banner1-next{right:50px; background-image: url(../img/next.png); transform: translateX(30px); -webkit-transform:translateX(30px);
}
.banner1:hover a.banner1-prev, .banner1:hover a.banner1-next {
  display: block;
  transform: translateX(0px);
  -webkit-transform: translateX(0px);
  opacity: 0.6;
  filter: alpha(opacity=90);
}
.banner1:hover a.banner1-arr:hover {opacity: .9;filter: alpha(opacity=90);}
.tit1-div{display: none;position: absolute;bottom: 12px;left: 43%;left:0;width: 100%;text-align: center;}
.tit1-div ul{font-size: 0;display: inline;}
.tit1-div ul li{ display: inline-block; xfloat: left;width: 14px; height: 14px; margin: 0 5px; text-indent: -999em;background: #fff; *background:url(../img/dots.png) no-repeat;background:url(../img/dots.png) no-repeat\0 ;
 cursor: pointer;border:none;xmargin-right: 10px;border-radius: 50%;}
 .tit1-div ul li{*display:inline;}
.tit1-div ul li.on{background: #0f66bb; opacity: 1;  *background:url(../img/dots_1.png) no-repeat;background:url(../img/dots_1.png) no-repeat\0 ;border:none;}

/* .banner1-sum{position: absolute;bottom: 0;left: 0;width: 100%;text-align: center;height: 70px;font-size: 18px;line-height: 45px;background: #333;filter: alpha(opacity=65);background: rgba(0,0,0,0.6);}
.banner1-sum a{color:#f6f6f6;} */

.main {background: url(../img/main_bg.jpg) no-repeat center bottom; padding-top: 40px; min-height: 700px;}

.pic-news{width: 470px;height: 328px; overflow: hidden;box-shadow: 2px 2px 15px #bbb, -2px -2px 15px #bbb;}
.banner2{width: 100%;height: 100%;overflow: hidden;position: relative;}
.banner2-div ul li {position: relative;}
.banner2-div ul li>div{position: absolute;height: 40px;width: 100%;  line-height:40px;  bottom: 0;color: #fff;background: #333;filter: alpha(opacity=80); background:rgba(0,0,0,0.4);}
.banner2-div ul li>div a {color: #fff;display: block; padding: 0 20px;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.banner2-div ul li img{width: 470px;height: 328px;display: block;}

.banner2-tit{position: absolute;bottom: 52px;right: 20px;width: 100%;text-align: right;}
.banner2-tit ul{font-size: 14px;display: inline;}
.banner2-tit ul li{
 display: inline-block;
 xfloat: left;
 width: 24px;
 height: 24px;
 line-height: 24px;
 text-align: center;
 color: #333;
 margin:0 5px;
 background: #e0e0e0; 
 /* *background:url(../img/dots1.png) no-repeat;
 background:url(../img/dots1.png) no-repeat\0; */
 cursor: pointer;
 border:none;
 border-radius: 50%;
 }
 .banner2-tit ul li{*display:inline;}
.banner2-tit ul li.on{background: #a60505; opacity: 1;  color: #fff; }

.news {margin-left: 500px;}
.news ul li {margin-bottom: 9px;padding-bottom: 9px;border-bottom: 1px solid #ccc;}
.news ul li a{ display: block; padding-right: 110px;}
.news ul li span{ float: right;}

.news ul li.first {padding-bottom: 4px;}
.news ul li.first h3 {padding: 4px 0 5px 0;}
.news ul li.first p {line-height: 22px;color: #888;font-size: 14px;text-indent: 2em;}

.achieve {padding-top: 30px;}


.banner3 {padding: 0 40px;padding-top:20px; overflow: hidden;position: relative;}
.banner3-div {overflow: hidden; height: 220px;}
.banner3-div li {float: left;margin: 0 17px;}
.banner3-div li div {width: 320px;height: 200px;padding: 8px;border-radius: 3px;background: #fff;}
.banner3-div li div a{display: block; width: 100%; height: 100%; position: relative;;}
.banner3-div li div a:hover img {transform: scale(1.1);}
.banner3-div li div a i{width: 100%; height: 100%;}
.banner3-div li div a span{position: absolute;top: 4%;left: 3%;width: 94%;height: 92%;border: 1px solid #fff;}
.banner3-div li div a p{position: absolute;left: 0;bottom: 32px;line-height: 34px;width: 120px;text-align: center;color: #fff;background: #a60505;}

.banner3-arr {position: absolute;width: 30px;top:50%;margin-top: -26px;height: 60px;line-height: 60px;font-size: 18px;font-family: "SimHei";background: #ccc;color: #fff;text-align: center;}
.banner3-arr:hover{color: #fff;background: #bfbfbf; }
.banner3-prev {left:0px;}
.banner3-next {right:0px;}
.banner3-tit {display: none;}

.company {padding: 30px 0;}
.banner4 {padding: 0 30px;padding-top:20px; overflow: hidden;position: relative;}
.banner4-div {overflow: hidden; height: 128px;}
.banner4-div li {float: left;margin: 0 15px;}
.banner4-div li a:hover img {transform: scale(1.1);}
.banner4-div li i {width: 196px; height: 90px;border: 1px solid #eee;}
.banner4-div li p {text-align: center;font-size: 14px;line-height: 26px;padding-top: 2px;}
.banner4-arr {position: absolute;width: 30px;top:50%;margin-top: -26px;height: 60px;line-height: 60px;font-size: 51px;font-weight: bold;font-family: "SimHei";color: #aaa;text-align: center;}
.banner4-arr:hover {color:#888;}
.banner4-prev {left:0px;}
.banner4-next {right:0px;}
.banner4-tit {display: none;}

.service ul li{float: left;margin: 0 12px;}
/* .service ul li a div{width: 180px; height: 180px; border-radius: 50%;overflow: hidden;} */
.service ul li img{width: 130px;height: 130px;opacity: 0.9;filter: alpha(opacity=80);transition: all .3s;-webkit-transition: all .3s;}
.service ul li.up_animt:hover img{opacity: 1;filter: alpha(opacity=100);transform: scale(1.06);-webkit-transform: scale(1.06);}
.service ul li p{text-align: center;font-size: 18px;margin-top: 12px;}
.animt.up_animt{animation: serv 1s ease 0s ;   -webkit-animation: serv 1s ease 0s ;  }





.img-wrap {display: block; overflow: hidden;}
.img-wrap img { display: block; width: 100%;height: 100%; transition: all .3s;-webkit-transition: all .3s}



/* 00a0e9 d2d2d2 e04c4c  32b16c  fbfae8  f24111 */
h2.comname {width: 100%;padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px solid #ccc;}
h2.comname span{display: block; width: 118px; height: 40px; line-height: 40px; text-align: center; background: url(../img/com_bg.png) no-repeat 0;}
h2.comname span a {display: block;color: #fff;font-size: 18px;letter-spacing: 1px;}
h2.comname > a{float: right;color: #a60505;font-size: 14px;margin-top: 12px;}



@keyframes serv{
  0% {opacity: 0;transform: translate(0, 40%);}
  100%{opacity: 1;transform: none;}
}

@-webkit-keyframes serv{
  0% {opacity: 0;-webkit-transform: translate(0, 40%);}
  100%{opacity: 1;-webkit-transform: none;}
}