@charset "utf-8";
/* CSS Document */
*{ margin:0 auto; padding:0px 0px;}
body{max-width: 1920px;margin: auto;    overflow: hidden;}
img{max-width: 100%;height: auto;}
.wrapper{width: 100%;height: 100%;margin:0 auto;overflow: hidden;}


.w1280{width:1280px; position:relative;z-index:2;margin:0 auto}
.index{width:1280px; position:relative;z-index:1}
.indexImg{ width:740px; float:left;position: fixed;}


.banner{ width:100%; height:400px; z-index:-9; margin:0px auto; position:relative;}
.banner .bd{ width:100%; height:400px; position:relative; z-index:3;}
.abs {position:relative; }
.banner .hd {bottom:30px;height:20px;left:0px;width:100%;}
.banner .hd ul {width:100%;text-align:center;margin:0 auto;}
.banner .hd ul li {display:inline-block;border-radius:5px; list-style:none;background:#cacaca;width:12px;height:12px;margin-left:15px;cursor:pointer;}
.banner .hd ul li {*display:inline;}
.banner .hd ul li.on { background:#818181; cursor:pointer;}
.banner a {display:block; height:400px;}
.banner ul {margin:0 auto; padding:0px 0px;}
.banner .bannerBtn{ width:100%; z-index:33; position:absolute;top:0px; left:0px;text-align:center; margin:0 auto;height: 10px;}
.banner .bannerBtn a{ width:28px; height:28px;display:inline-block;*display:inline;opacity:0;}

.banner .bannerBtn a.prev{ background:url(../images/arrowL.png) left center no-repeat; position:absolute; left:5px; top:186px; }
.banner .bannerBtn a.next{ background:url(../images/arrowR.png) left center no-repeat;position:absolute; right:5px; top:186px;}

.banner .bannerBtn:hover a{opacity:1;}

.indexPage{ width:100%;  float:right; height:0px; position:relative;top:0;left:0;height:50px;z-index:10;position: fixed;}
.indexSo{background:#fff;border-bottom:1px solid #eee;}
.menu{ width:460px; float:right;}
.menu ul{ width:460px; margin-left:0px; float:left;}
.menu ul li{ float:left; margin-left:51px; position:relative;}
.menu ul li a{color:#cacaca; height:40px; width:64px; display:block; float:left;line-height:40px; text-align:center}
.menu ul li a:hover{ color:#818181;}
.menu ul li a span {position: absolute;height: 2px;left: 0; bottom: 0;}
.menu a span{position: absolute;width:64px;height: 2px;left: 0;bottom: 0;}
.menu a span::before{display: block;content: '';width:0%;height: 100%;background: #dfdfdf;margin: 0 auto;-webkit-transition: .4s;transition: .4s;}
.menu li:hover  a{color:#dfdfdf; text-decoration:none;-webkit-transition: .4s;transition: .4s;}
.menu li:hover a span::before{width:64px;-webkit-transition: .4s;transition: .4s;}

.logo{ width:220px; height:30px; position:absolute; bottom:0px; right:0px;}
.logo a{ width:220px; height:30px; display:block; float:left;color:#454545; font-size:26px; line-height:30px; text-align:right;}

.team{height:1200px;width:100%;background:#fff;border-top:1px solid #eee; position:relative;z-index:5;margin-top:1500px;}