@charset "utf-8";
/* CSS Document */

/* layout begin */

/* layout end */

/* index-cover begin */
.index-cover { width: 100%; height: 130px; z-index: 10000; position: fixed; bottom: 0; }
.index-cover .cover-bg {width: 100%; height: 130px;position: absolute; top: 0; left:0 ;background: #000; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }
.index-cover .cover-box { width: 940px; margin: 0 auto; position: relative; height: 100%; } 
.index-cover .cover-box .img-01 { margin: 28px 0 0 20px; position: absolute; z-index: 10;}
.index-cover .cover-box .img-02 { position: absolute; right: -97px; bottom: 7px; }
.index-cover .cover-box .buttons { display: inline-block; width: 228px; height: 76px; z-index: 10; position: absolute; right: 242px; top: 18px; }
.index-cover .cover-box .buttons .hide { display: none; }
.index-cover .img-04 .img-car{ max-width:256px; }
.index-cover .img-04 { position: absolute; bottom: 2px; right: 22%;     
	 animation: lineTran 10s linear infinite;
    -ms-animation: lineTran 10s linear infinite;
    -webkit-animation: lineTran 10s linear infinite;
    -moz-animation: lineTran 10s linear infinite; } 
.index-cover #close { background: url(../images_2014/trailer/ad/ad_close.png) no-repeat; }
.index-cover .cover-box .cwb { display:block; position: absolute; bottom: 0; width:100%; height: 206px; background: url(../images_2014/home/home-bottombanner2.png) no-repeat center center; }

@keyframes lineTran{
	from { right: -256px; }
	to  { right: 100%; }
}
@-ms-keyframes rotate{
  from { right: -256px; }
	to  { right: 100%; }
}
@-moz-keyframes rotate{
  from { right: -256px; }
	to  { right: 100%; }
}
@-webkit-keyframes rotate{
  from { right: -256px; }
	to  { right: 100%; }
}
@keyframes rotate{
  from { right: -256px; }
	to  { left: -256px; }
}
.index-cover .img-04.animate { left: -256px; }
.index-cover #close { right: 20px; top: 20px; }
.index-cover .img-04 .wheel{
	 position: absolute;
	 max-width:33px;
	 animation: rotate .8s linear infinite;
     -ms-animation: rotate .8s linear infinite; 
     -webkit-animation: rotate .8s linear infinite;
     -moz-animation: rotate .8s linear infinite; 
}

@-ms-keyframes rotate{
  0%{
    -moz-transform:rotate(0deg);
   }
   100%{
     -moz-transform:rotate(-360deg);
   }
}
@-moz-keyframes rotate{
  0%{
    -moz-transform:rotate(0deg);
   }
   100%{
     -moz-transform:rotate(-360deg);
   }
}
@-webkit-keyframes rotate{
  0%{
    -webkit-transform:rotate(0deg);
   }
   100%{
     -webkit-transform:rotate(-360deg);
   }
}
@keyframes rotate{
  0%{
    transform:rotate(0deg);
   }
   100%{
     transform:rotate(-360deg);
   }
}
.index-cover .img-04 .img-l01{
	top:72px;
	left:21px;
}
.index-cover .img-04 .img-l02{
	top:72px;
	left:86px;
}
.index-cover .img-04 .img-l03{
	top:72px;
	left:160px;
}
.index-cover .img-04 .img-l04{
	top:72px;
	left:195px;
}
/* index-cover end */

.yubox {
	width: 100%; height: 100%; background: #000; position: fixed; top: 0; left: 0; z-index: 999999; filter:alpha(opacity=80); opacity:0.8;
}

.yumainbox {
	position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -400px;
    margin-top: -250px;
    z-index: 1000000;
}
.yumainbox img {
	vertical-align: top;
}

.yumainbox .yubox_close {
	position: absolute;
    top: 5px;
    right: 10px;
    font-size: 14px;
    color: red;
}

.yumainbox .yubox_close:hover{
	text-decoration: none;
	color: blue;
}