@charset "gb2312";
/*³ö¾³ÓÎÄ£°å*/
.page1,.page2,.page3,.page4{ background:url(../images/chujing/bj.png) #2785ff center no-repeat !important; background-size:100% auto;}
.page1 .d1,.page1 .d2,.page2 .d1,.page2 .d2,.page3 .d1,.page3 .d2,.page4 .d1,.page4 .d2{ background:url(../images/chujing/diqiu.png) no-repeat; width:39.6rem; height:39.6rem; background-size:100% auto; position:absolute; top:50%; left:50%; margin:-19.8rem 0 0 -19.8rem;}
.page1 .d1,.page2 .d1,.page3 .d1,.page4 .d1{ background-image:url(../images/chujing/diqiuYun.png);-webkit-animation:shunshi 140s infinite linear;}
.page1 .d3{ background:url(../images/chujing/dqTxt.png?v1) no-repeat center; width:30rem;background-size:100% auto; height:14rem; position:absolute; top:5%; left:50%; margin:0 0 0 -15rem;-webkit-animation:fangda 1s ease;}
.page1 .d4,.page2 .d4,.page3 .d4,.page4 .d4{ background:url(../images/chujing/dqFj.png) no-repeat center; width:14.3rem; height:36.4rem; position:absolute; background-size:100% auto; top:50%; left:50%; margin:-18.2rem 0 0 -7.1rem;-webkit-animation:nishi 20s infinite linear;}
.page1 .d2,.page1 .d1,.page1 .d4{ top:70%;}

.page2 .title,.page3 .title,.page4 .title{ width:23rem; height:5rem; box-sizing:border-box; line-height:5rem; color:#fff; font-size:2.2rem; background:url(../images/chujing/youpiao.png) no-repeat; background-size:100% auto; margin:2.3rem auto 1.5rem auto; padding-left:5rem; text-align:center; position:relative; z-index:10;}

.proList{ position:absolute; z-index:10; overflow:hidden;padding:0 0.6rem 0.6rem 0; width:29.2rem; top:50%; left:50%; margin:-14rem 0 0 -14.9rem;}
.proList img{ display:block; width:14rem; height:9.4rem;}
.proList p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap; width:13rem; font-size:1rem; margin:0 0.5rem;}
.proList li{ float:left; margin:0.6rem 0 0 0.6rem; line-height:1.8rem; background:#fff; overflow:hidden; border-radius:0.3rem;}
.proList li span{ color:#ff6c00; font-size:1.3rem; margin-left:0.5rem;}
.proList li span em{ font-size:1.2rem;}
.proList li:nth-child(1),.youhuiList a:nth-child(1){-webkit-animation:pro1 1s;}
.proList li:nth-child(2),.youhuiList a:nth-child(2){-webkit-animation:pro2 1.3s;}
.proList li:nth-child(3),.youhuiList a:nth-child(3){-webkit-animation:pro3 1.6s;}
.proList li:nth-child(4),.youhuiList a:nth-child(4){-webkit-animation:pro4 1.9s;}
.proList li:nth-child(5),.youhuiList a:nth-child(5){-webkit-animation:pro5 2.2s;}

.youhuiList { position:relative; z-index:10; margin-top:3rem;}
.youhuiList a{ background:url(../images/chujing/yhuiqunbj.png) no-repeat; width:23.8rem; height:6.8rem; background-size:100% auto; display:block; margin:auto; color:#fff;}
.youhuiList a i{ display:inline-block; font-size:3.6rem; text-align:center; width:7rem; margin:0.3rem; line-height:6rem;}
.youhuiList a i::before{ content:"£¤"; font-size:1.8rem;}
.youhuiList a div{ display:inline-block; font-size:1.4rem; min-width:11rem; vertical-align:top; margin-top:1rem;}
.youhuiList a div span{ font-weight:bold;}
.youhuiList a div p{ font-size:1rem; opacity:0.6; max-width:7rem; line-height:1.2rem;}

.youhuiList a:nth-child(1){-webkit-animation:p2 1s;}
.youhuiList a:nth-child(2){-webkit-animation:p2 1.3s;}
.youhuiList a:nth-child(3){-webkit-animation:p2 1.6s;}
.youhuiList a:nth-child(4){-webkit-animation:p2 1.9s;}
.youhuiList a:nth-child(5){-webkit-animation:p2 2.2s;}
.page4 .d1,.page4 .d2{ /*-webkit-filter: blur(5px);*/}
.xinTxt{ text-align:center; background:rgba(255,255,255,0.7); border-radius:0.7rem; width:30rem; font-size:1.6rem; color:#333333; margin:3.7rem auto; padding:4rem 0; position:relative; line-height:3rem; z-index:10;}
.yunLink.y1,.yunLink.y2{ position:absolute; width:7.3rem; height:7.3rem; color:#fff; background:#ff9000; border-radius:50%; box-sizing:border-box; padding:2rem; line-height:1.8rem; margin:7rem 0 0 -9.3rem}
.yunLink.y2{ color:#ff9000; background:#fff; margin:7rem 0 0 2rem}
.xinTxt p:nth-child(1){-webkit-animation:p2 1s;}
.xinTxt p:nth-child(2){-webkit-animation:p2 1.3s;}
.xinTxt p:nth-child(3){-webkit-animation:p2 1.6s;}
.xinTxt p:nth-child(4){-webkit-animation:p2 1.9s;}
.xinTxt p:nth-child(5){-webkit-animation:p2 2.2s;}