.banner{position: relative;}
.area_area{height:520px; position:relative; width:100%;}
.logo_area,.gif_area{width:920px; height:500px; position:absolute; left:50%; top:50%; margin-left:-460px; margin-top:-250px;}
.gif_area{display:none;}
.c1{ width:36px; height:46px; cursor:pointer; position:absolute;}
.c2{ width:79px; height:28px; cursor:pointer; position:absolute;}
.c3{ width:60px; height:43px; cursor:pointer; position:absolute;}
.c4{ width:42px; height:43px; cursor:pointer; position:absolute;}
.c5{ width:92px; height:33px; cursor:pointer; position:absolute;}
.c6{ width:172px; height:163px; cursor:pointer; position:absolute;}
.c7{ width:88px; height:58px; cursor:pointer; position:absolute;}
.c8{ width:115px; height:92px; cursor:pointer; position:absolute;}

.c9{ width:332px; height:121px; cursor:pointer; position:absolute;}
.c10{ width:387px; height:83px; cursor:pointer; position:absolute;}
.c11{ width:263px; height:36px; cursor:pointer; position:absolute;}

.c9{right: -19px;top: 53px;}
.c10{left: -172px;top: 93px;}
.c11{right: -20px;top: 356px;}
.c1{left: 130px;top: 34px;}
.c2{left: 200px;top: 0px;}
.c3{right: 100px;top: 255px;}
.c4{right: -56px;top: 163px;}
.c5{right: 80px;bottom: -15px;}
.c6{left: 30px;bottom: -32px;}
.c7{left: -55px;bottom: -45px;}
.c8{right: 35px;top: -5px;}

.loading{padding-left: 24px;
width: 180px;
height: 20px;
position: absolute;
margin-left: -102px;
margin-top: -10px;
left: 50%;
top: 50%;
background: url(../images/gif/loading2.gif) 0px center no-repeat;
font-size: 14px;
line-height: 20px;
color: #666;
z-index: 1000;}
.xlogo{
width: 728px;
height: 432px;
position: absolute;
margin-left: 69px;
margin-top: 65px;}
.xlogo img{border: 0px;}

.c1,.c3,.c4{-moz-animation: roll_tp 2s 0s infinite;  -webkit-animation: roll_tp 2s 0s infinite;}
.c2{-moz-animation: roll_tp 3s 0s infinite;  -webkit-animation: roll_tp 3s 0s infinite;}
.c8{-moz-animation: roll_tp 4s 0s infinite;  -webkit-animation: roll_tp 4s 0s infinite;}
.c5,.c7,.c6{-moz-animation: bottom_tp 3s 0s infinite;  -webkit-animation: bottom_tp 3s 0s infinite;}
.x2{-moz-animation: left_tp 6s 0s infinite;  -webkit-animation: left_tp 6s 0s infinite;}
.x1{-moz-animation: right_tp 5s 0s infinite;  -webkit-animation: right_tp 5s 0s infinite;}
@-webkit-keyframes roll_tp{0%{ margin-top:1%;}50%{margin-top:0px;}100%{margin-top:1%;}}
@-webkit-keyframes bottom_tp{0%{ margin-bottom:1%;}50%{margin-bottom:0px;}100%{margin-bottom:1%;}}
@-webkit-keyframes left_tp{0%{ margin-left:1%;}50%{margin-left:0px;}100%{margin-left:1%;}}
@-webkit-keyframes right_tp{0%{ margin-right:1%;}50%{margin-right:0px;}100%{margin-right:1%;}}
@-moz-keyframes roll_tp{0%{ margin-top:1%;}50%{margin-top:0px;}100%{margin-top:1%;}}
@-moz-keyframes bottom_tp{0%{ margin-bottom:1%;}50%{margin-bottom:0px;}100%{margin-bottom:1%;}}
@-moz-keyframes left_tp{0%{ margin-left:1%;}50%{margin-left:0px;}100%{margin-left:1%;}}
@-moz-keyframes right_tp{0%{ margin-right:1%;}50%{margin-right:0px;}100%{margin-right:1%;}}