.banner{height:450px;overflow:hidden;position: relative; background:url(../images/banner21.jpg) no-repeat center;}
.banner .d1{width:100%;height:450px;display:block;position:absolute;left:0px;top:0px;}
.banner .d2{width:100%;height:30px;clear:both;position:absolute;z-index:100;left:0px;top:360px;}
.banner .d2 ul{float:left;position:absolute;left:20%;top:0;margin:0 0 0 -96px;display:inline;}
.banner .d2 li{width:85px;height:30px;overflow:hidden;cursor:pointer;background:#919799;float:left;margin:0 3px;display:inline;}
.banner .d2 li.nuw{background:#ee7800}
.lang{position: absolute;z-index: 100;right:180px;top: 250px;height: 24px;width:150px;}
.lang a{float: right;}

.topbanner{
       height: 360px;
      }
      .topbanner .bannerwrap{
        width:980px;margin:0 auto;position: relative;
      }
      .topbanner .bannerwrap a{
       z-index:2;-webkit-transform: translate(0px,0);-moz-transform:translate50px,0);transform: translate(0px,0);transition:all .3s ease-in 0s;-webkit-transition:all .3s ease-in 0s;-moz-transition:all .3s ease-in 0s;
      }
      .bannerwrap a.a01{
        right:68px;background: url(../images/1.png) no-repeat;display: block;width: 150px;height: 150px; position:absolute;
      }
      .bannerwrap a.a01:hover{
        background: url(../images/h1.png) no-repeat;
      }
      .bannerwrap a.a02{
        right:246px;top:93px;background: url(../images/2.png) no-repeat;display: block;width: 150px;height: 150px; position:absolute;
      }
      .bannerwrap a.a02:hover{
       background: url(../images/h2.png) no-repeat;
      }
      .bannerwrap a.a03{
        right:15px;top:182px;background: url(../images/3.png) no-repeat;display: block;width: 150px;height: 150px; position:absolute;
      }
      .bannerwrap a.a03:hover{
        background: url(../images/h3.png) no-repeat;
      }