body{font-size:14px; background:#fff}
*{ margin:0; padding:0;}
img{ border:none;}
ul{ list-style:none;}
.clear{ clear:both}
.l{ float:left;}
.r{ float:right;}
a{ text-decoration:none;}

*{margin:0;padding: 0;}
html body{width: 100%;font-size: 14px;}

.body{ width:100%; height:100%; position:relative;}
.banner{ width:100%; height:100%; position:absolute;}
.banner_a{background:url(../img/01.jpg) fixed no-repeat center top 100%/auto; height:100%;}
.banner_b{background:url(../img/02.jpg) fixed no-repeat center top 100%/auto; height:100%;}
.banner_c{background:url(../img/03.jpg) fixed no-repeat center top 100%/auto; height:100%;}
.banner_d{background:url(../img/04.jpg) fixed no-repeat center top 100%/auto; height:100%;}
.bg{ position:absolute; left:0; top:0}
.index_absolute{  z-index:3;}
.body_text{ top:-80px;position:absolute;left:20px;transition: all 1s ease}
.body_text span{ display:block; line-height:40px; font-size:26px; color:#288dd4}
.body_text p{ font-size:16px; color:#ffffff}
.nav{ text-align: center;bottom:90px; width:100%;position:absolute;left:0%;transition: all 1s ease;opacity:0}
.nav li{ width:180px; display:inline-block; height:80px;margin:0}
.nav li:nth-child(7n){ margin-right:0;}
.nav li a{ display:block; font-size:26px; color:#1b1b1b; width:80px; margin:0 auto; line-height:80px;  background:rgba(255,255,255,0.6);  border-radius:80px; text-align:center}
.nav li a:hover{ color:#0f6db7}
.foot{}
.foot p{ width:800px; margin:0 auto; text-align:center; font-size:14px; color:#feffff; }

.logo{ width:480px; height:138px; position:absolute; left:50%; margin-left:-240px; z-index:3; top:40%; margin-top:-69px;}
.logo div{ position:absolute;}
.logo .logo_a{ width:144px; height:138px; left:0; top:0}
.logo .logo_b{ width:292px; height:77px; right:0; top:10px}
.logo .logo_c{ width:292px; height:26px; right:0; bottom:10px}