.bgc {
    background: #000000;
    width: 100%;
}
#block-wapdibutongyongyemian,.web-footer{
    background: #000000;
}
/*banner*/
 /* 主题及介绍 */
 .desc-title {
	font-size         : 26px;
	font-weight       : 900;
	color             : #333;
	/*opacity         : 0;*/
	-webkit-transition: .5s;
	transition        : .5s;
}
.storeBanner{width: 100%;position: relative;}
.store_img{width: 100%; }
.storeBanner img {width: 100%;}
.mobile_banner {display: none;}
.web_banner {display: block;}
.storeBanner .banner-info { width: 1200px; height: 100%; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack : end; -ms-flex-pack: end; justify-content: flex-end;}
.storeBanner .info-desc {height: 320px;color: #fff;text-align: center;position: absolute; left:50%;top: 14%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.storeBanner .info-desc .bannertxt{width: 841px;}
/* .banner-info .test1>span>span.word1 { display: inline-block; transform: translate3d(0px, 0px, 0px);}
.banner-info .test1>span>span.word2 { color: #fff;} */
 .storeBanner .info-desc .bannertest1{margin-top: 36px;font-size: 56px;font-weight: 700; white-space: nowrap;display: inline-block;text-align: center;color: transparent;background: linear-gradient(179deg,#f0ca7e 0%, #f8edb9 48%, #b49046 100%); -webkit-background-clip:text;background-clip:text ;letter-spacing: 7.83px;line-height: 99px;}
 .desc_content {margin-top: 30px;font-weight: 300;text-align: center; letter-spacing: 12px; font-size: 24px; color: #fff; line-height: 40px;text-shadow: 0 4px 40px 0 rgba(0,0,0,.3);}

.storeBanner .banner-info .Autobots{position: absolute; left: 50%; top: 46%;height: 376px;-webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);width: 100%; text-align: center;}
.storeBanner .banner-info .Autobots img{position: absolute;top: 0;opacity: 0;}
.storeBanner .banner-info .Autobots .aimg1{width: 258px; height: 321px;left: 80px;}
.storeBanner .banner-info .Autobots .aimg2{width: 232px; height: 376px;margin: 0 50px 0 150px;left: 370px;}
.storeBanner .banner-info .Autobots .aimg3{width: 336px; height: 308px;left: 900px;}
@media (min-width:992px) {
    .storeBanner .banner-info .Autobots .showaimg1{animation:mymove 3s 1 forwards;}
    .storeBanner .banner-info .Autobots .showaimg2{animation:mymove1 3s 1 forwards;}
    .storeBanner .banner-info .Autobots .showaimg3{animation:mymove2 3s 1 forwards;}
}
.storeBanner .banner-info .dfdc{position: absolute;left: 50%; top: 66%;-webkit-transform: translate(-50%,0); transform: translate(-50%,0);width:1100px;}
.storeBanner .banner-info .dfdc .dfdctoptext{font-size: 28px;color: #ffffff;line-height: 56px;}
.storeBanner .banner-info .dfdc .dfdcvideo{
    width: 738px;
    height: 420px;
    background:url(../images/transformers/videobg.png) no-repeat;
    background-size: 100% 100%;
    background-position: top left;
    padding: 26px 76px 38px 33px;
    margin: 20px 0 40px;
}
.storeBanner .banner-info .dfdc .dfdcvideo video{width: 100%;height: 100%;}
.storeBanner .banner-info .dfdc .dfdcbottomtext{font-size: 28px;color: #d5bd88;line-height: 56px;}

@keyframes mymove
	{
    1% {width: 5px; height: 5px;position: absolute;top:-420px;left:100px;opacity: 1;}
	65% {width: 368px; height: 431px;position: absolute;top:-350px;left: 0px;opacity: 1;}
	/* 95% {width: 258px; height: 321px;position: absolute;top:-160px;left: 80px;opacity: 1;} */
	100% {width: 258px; height: 321px;opacity: 1;}
}
@keyframes mymove1
	{
    1% {width: 5px; height: 5px;position: absolute;top:-500px;left: 550px;opacity: 1;}
	65% {width: 322px; height: 466px;position: absolute;top:-350px;left: 300px;opacity: 1;}
	/* 95% {width: 232px; height: 376px;position: absolute;top:-190px;left: 370px;opacity: 1;} */
	100% {width: 232px; height: 376px;opacity: 1;}
}
@keyframes mymove2
	{
    1% {width: 5px; height: 5px;position: absolute;top:-500px;left: 800px;opacity: 1;}
	65% {width: 396px; height: 368px;position: absolute;top:-350px;left: 900px;opacity: 1;}
	/* 95% {width: 336px; height: 308px;position: absolute;top:-155px;left: 900px;opacity: 1;} */
	100% {width: 336px; height: 308px;opacity: 1;}
}
@media (max-width:1600px) {
    .storeBanner .banner-info .dfdc{padding-left:7%;}
    .storeBanner .banner-info .dfdc .dfdctoptext{font-size: 22px;line-height: 44px;}
    .storeBanner .banner-info .dfdc .dfdcbottomtext{font-size: 22px;line-height: 44px;}
    .storeBanner .banner-info .dfdc .dfdcvideo{ width: 608px;height: 340px;padding: 26px 30px 38px 33px;}
}
@media (max-width:1500px) {
    .storeBanner .banner-info .dfdc{padding-left: 10%;}
    .storeBanner .banner-info .dfdc .dfdctoptext{font-size: 22px;line-height: 44px;}
    .storeBanner .banner-info .dfdc .dfdcbottomtext{font-size: 22px;line-height: 44px;}
    .storeBanner .banner-info .dfdc .dfdcvideo{ width: 608px;height: 340px;padding: 26px 30px 38px 33px;}
}
@media (max-width:1400px) {
    .storeBanner .info-desc{top: 15%;}
    .storeBanner .info-desc .bannertxt{width: 741px;}
    .storeBanner .info-desc .bannertest1{margin-top:20px;font-size: 46px;line-height: 79px;}
    .storeBanner .banner-info .dfdc{padding-left: 12%;}
    .storeBanner .banner-info .dfdc .dfdctoptext{font-size: 22px;line-height: 44px;}
    .storeBanner .banner-info .dfdc .dfdcbottomtext{font-size: 22px;line-height: 44px;}
    .storeBanner .banner-info .dfdc .dfdcvideo{ width: 608px;height: 340px;padding: 26px 30px 38px 33px; margin: 5px 0 10px;}
}
@media (max-width:1200px) {
    .storeBanner .info-desc{top: 16.5%;}
    .storeBanner .info-desc .bannertxt{width: 641px;}
    .storeBanner .info-desc .bannertest1{margin-top:20px;font-size: 42px;line-height: 69px;}
    .storeBanner .banner-info .dfdc{padding-left: 15%;}
    .storeBanner .banner-info .dfdc .dfdctoptext{font-size: 20px;line-height: 40px;}
    .storeBanner .banner-info .dfdc .dfdcbottomtext{font-size: 20px;line-height: 40px;}
    .storeBanner .banner-info .dfdc .dfdcvideo{ width: 538px;height: 300px;padding: 26px 30px 38px 33px;}
}

/* 大黄蜂 */
 .vk_wow{width: 100%; height: auto;position: relative;}
.wlxj{ width: 100%;height: 1419px;padding:200px 0 0;box-sizing: border-box;position: relative;background: url(../images/transformers/pcbg2.png) no-repeat bottom center;}
.wlxj .ique_block{display: block;width: 1200px;margin: 0 auto;position: relative;z-index: 2;text-align: right;}
.dfdctoptext{font-size: 28px;color: #fff;line-height: 48px;}
.dfdcbottomtext{font-size: 28px;color: #d5bd88;line-height: 48px;}
.wlxj .dfdctoptext{ margin: 20px 0 80px;}
.btn{width: 292px;height: 66px;display:inline-block;margin-top: 46px;}

/* 威震天 */
.ique_tab{ width: 100%;height:1419px;padding-top: 380px;box-sizing: border-box;background: url(../images/transformers/pcbg3.png) no-repeat top center;}
.ique_tab .ique_block{width: 1200px;margin: 0 auto;}
.ique_tab .bqlogo{margin: 20px 0;}

@media (max-width:992px) {
    
    .web_banner {display: none;}
	.mobile_banner {display: block;}
    .dfdctoptext,.storeBanner .banner-info .dfdc .dfdctoptext{font-size: 0.28rem;color: #fff;line-height: .54rem;}
    .dfdcbottomtext,.storeBanner .banner-info .dfdc .dfdcbottomtext{font-size: .28rem;color: #d5bd88;line-height: .54rem;margin-top: 8rem;}
    
    .storeBanner .info-desc{height: 3.2rem;top: 10.15%;}
    .storeBanner .info-desc .bannertxt{width: 5.05rem;}
    .storeBanner .info-desc .bannertest1{margin-top: .36rem;font-size: .26rem;font-weight: 700; white-space: nowrap;display: inline-block;text-align: center;color: transparent;background: linear-gradient(179deg,#f0ca7e 0%, #f8edb9 48%, #b49046 100%); -webkit-background-clip:text;background-clip:text ;letter-spacing: 7.83px;line-height: .46rem;}
    .desc_content {margin-top: 30px;font-weight: 300;text-align: center; letter-spacing: 12px; font-size: 24px; color: #fff; line-height: 40px;text-shadow: 0 4px 40px 0 rgba(0,0,0,.3);}
    .storeBanner .banner-info{width: 100%;padding: 0 0.4rem;}
    .storeBanner .banner-info .Autobots{position: absolute; left: 50%;top: 25%;height: 1.93rem;-webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);width: 100%; text-align: center;}
    .storeBanner .banner-info .Autobots img{position: absolute;top: 0;opacity: 0;}
    .storeBanner .banner-info .Autobots .aimg1{width: 1.21rem; height: 1.51rem;left: 1.3rem;}
    .storeBanner .banner-info .Autobots .aimg2{width: 1.19rem; height: 1.93rem;margin: 0 .16rem 0 .45rem;left:2.57rem;}
    .storeBanner .banner-info .Autobots .aimg3{width: 1.76rem; height: 1.61rem;left:4.47rem;}
    .storeBanner .banner-info .Autobots .showaimg1{animation:mymove 3s 1 forwards;}
    .storeBanner .banner-info .Autobots .showaimg2{animation:mymove1 3s 1 forwards;}
    .storeBanner .banner-info .Autobots .showaimg3{animation:mymove2 3s 1 forwards;}
    
    @keyframes mymove
        {
        1% {width: .5rem; height:.5rem;position: absolute;top:-3rem;left:1rem;opacity: 1;}
        65% {width: 1.61rem; height: 1.91rem;position: absolute;top:-1.5rem;left: 0.5rem;opacity: 1;}
        /* 95% {width: 1.21rem; height: 1.51rem;position: absolute;top:-0.75rem;left: 1.3rem;opacity: 1;} */
        100% {width: 1.21rem; height: 1.51rem;opacity: 1;}
        }
    @keyframes mymove1
        {
        1% {width: .5rem; height: .5rem;position: absolute;top:-3rem;left: 3rem;opacity: 1;}
        65% {width: 1.89rem; height: 2.63rem;position: absolute;top:-2rem;left: 2.5rem;opacity: 1;}
        /* 95% {width: 1.19rem; height: 1.93rem;position: absolute;top:-0.94rem;left:2.57rem;opacity: 1;} */
        100% {width: 1.19rem; height: 1.93rem;opacity: 1;}
    }
    @keyframes mymove2
        {
        1% {width: .5rem; height: .5rem;position: absolute;top:-3rem;left: 6rem;opacity: 1;}
        65% {width: 2.16rem; height: 2.01rem;position: absolute;top:-1.5rem;left: 5.2rem;opacity: 1;}
        /* 95% {width: 1.76rem; height: 1.61rem;position: absolute;top:-0.78rem;left:4.47rem;opacity: 1;} */
        100% {width: 1.76rem; height: 1.61rem;opacity: 1;}
    }
    .storeBanner .banner-info .dfdc{position: absolute;left: 50%; top: 37.5%;-webkit-transform: translate(-50%,0); transform: translate(-50%,0);width:100%;padding: 0 .4rem;}
    /* .storeBanner .banner-info .dfdc .dfdcbottomtext{margin-top: 0;} */
    .storeBanner .banner-info .dfdc .dfdcvideo{
        width: 100%;
        height: 4.20rem;
        background:url(../images/transformers/videobg.png) no-repeat;
        background-size: 100% 100%;
        background-position: top left;
        padding: .26rem .26rem .38rem .33rem;
        margin: .20rem 0 .40rem;
    }
    .storeBanner .banner-info .dfdc .dfdcvideo video{width: 100%;height: 100%;}
    
    
    /* 大黄蜂 */
    .vk_wow{width: 100%; height: auto;position: relative;}
    .wlxj{ width: 100%;height: 20.24rem;padding: 2.2rem .4rem 0;box-sizing: border-box;position: relative;background: url(../images/transformers/mobile2.png) no-repeat bottom center;background-size: 100% 100%;}
    .wlxj .ique_block{display: block;width: 100%;margin: 0 auto;position: relative;z-index: 2;text-align: right;}
    .wlxj .dfdctoptext{font-size: 0.27rem;color: #fff;line-height: .54rem;}
    .wlxj .dfdcbottomtext{font-size: .28rem;color: #d5bd88;line-height: .54rem;margin-top: 8.5rem;}
    .wlxj .dfdctoptext{ margin:0}
    
    /* 威震天 */
    .ique_tab{ width: 100%;height:20.18rem;padding: 2.2rem .4rem 0;box-sizing: border-box;background: url(../images/transformers/mobile3.png) no-repeat bottom center;background-size: 100% 100%;}
    .ique_tab .ique_block{width: 100%;margin: 0 auto;}
    .ique_tab .ique_block .dfdctoptext{line-height: .56rem;}
    .ique_tab .ique_block .dfdcbottomtext{ margin-top:9rem;line-height: .56rem;}
    .ique_tab .bqlogo{display: none;}
    .btn{
        width: 2.91rem;
        height: .66rem;
        text-align: center;
        margin: .6rem auto 0;
        display: block;
    }
    .btn img{width: 100%;}
}