.page-index{position:relative;min-width:1000px;width: 100%;overflow: hidden;}
.page-index .bg .bg-item{background-position:50% 0;background-repeat:no-repeat}
.page-index .bg .bg-item1{background-image:url(../images/bg_01.jpg);height:300px}
.page-index .bg .bg-item1-2{background-image:url(../images/bg_01_2.jpg);height:299px}

.page-index .bg .bg-item2{background-image:url(../images/bg_02.jpg);height:368px}
.page-index .bg .bg-item2-2{background-image:url(../images/bg_02_2.jpg);height:367px}
.page-index .bg .bg-item3{background-image:url(../images/bg_03.jpg);height:290px}
.page-index .bg .bg-item3-2{background-image:url(../images/bg_03_2.jpg);height:289px}
.page-index .bg .bg-item4{background-image:url(../images/bg_04.jpg);height:200px}
.page-index .content{position:absolute;width:100%;left:0;top:0}
.page-index .content .layout{position:relative;width:1000px;margin:0 auto;padding-top:1px}
.page-index .content .ptitle{text-align:center;margin-top:101px}
.page-index .content .dongka{position:relative;z-index:10;width:1218px;height:633px;margin-top:70px;margin-left:-458px}
.page-index .content .dongka img{position:absolute;left:0;top:0}
.page-index .content .tips{text-align:center;color:#bf341c;font-size:16px;margin-top:42px}
.page-index .content .dan{position:relative;z-index:10;overflow:hidden;width:884px;height:249px;margin:80px auto 0;background:url(../images/dan.png) no-repeat}
.page-index .content .dan .txt{ font-size:14px; color:#f7e1a6; padding:125px 0 0 140px; width:650px;}
.page-index .content .dan .btn1{display:block;width:126px;height:33px;background:url(../images/btn_details.png) no-repeat;margin:14px 0 0 138px}
.card-list{position:relative;z-index:10;margin-top:-98px;margin-left:41px}
.card-list li{float:left;margin:0 50px}
.card-list .pic{position:relative;z-index:1}
.card-list li .gif{
    width: 357px;
    height: 253px;
    background: url(../images/gif_sprite.png) no-repeat
}
.card-list .shadow{margin-top:-259px}
.card-list .card-info{margin-left:62px}
.card-list .shadow img{display:block}
.card-list .btn-apply{text-align:center;margin-top:29px}
.page-index .content .footer_text{text-align:center;margin-top:66px}
.page-index .content .heye1{position:absolute;top:-70px;left:-87px;opacity:.9;-webkit-filter:opacity(90);filter:opacity(90);-webkit-animation:heye 4s linear infinite alternate;animation:heye 4s linear infinite alternate}
.page-index .content .heye2{position:absolute;width:427px;top:147px;left:-798px;opacity:.88;-webkit-filter:opacity(88);filter:opacity(88);-webkit-animation:heye 5s linear infinite alternate;animation:heye 5s linear infinite alternate}
.page-index .content .heye3{position:absolute;width:156px;top:226px;left:-25px;opacity:.8;-webkit-filter:opacity(80);filter:opacity(80);-webkit-animation:heye 6s linear infinite alternate;animation:heye 6s linear infinite alternate}
.page-index .content .heye4{position:absolute;width:156px;top:134px;left:1077px;opacity:.9;-webkit-filter:opacity(90);filter:opacity(90);-webkit-animation:heye 3s linear infinite alternate;animation:heye 3s linear infinite alternate}
.page-index .content .heye5{position:absolute;width:116px;top:377px;left:887px;opacity:.6;-webkit-filter:opacity(60);filter:opacity(60);-webkit-animation:heye 4.5s linear infinite alternate;animation:heye 4.5s linear infinite alternate}
.page-index .content .heye6{position:absolute;width:310px;top:827px;left:634px;opacity:.6;-webkit-filter:opacity(60);filter:opacity(60);-webkit-animation:heye 6s linear infinite alternate;animation:heye 6s linear infinite alternate}
.page-index .content .heye7{position:absolute;width:206px;top:1256px;left:17px;opacity:.6;-webkit-filter:opacity(60);filter:opacity(60);-webkit-animation:heye 7s linear infinite alternate;animation:heye 7s linear infinite alternate}
.page-index .content .heye8{position:absolute;width:185px;top:1951px;left:-209px;opacity:.6;-webkit-filter:opacity(60);filter:opacity(60);-webkit-animation:heye 3.6s linear infinite alternate;animation:heye 3.6s linear infinite alternate}
.page-index .content .heye9{position:absolute;width:298px;top:2184px;left:852px;opacity:.8;-webkit-filter:opacity(80);filter:opacity(80);-webkit-animation:heye 4.6s linear infinite alternate;animation:heye 4.6s linear infinite alternate}
.page-index .content .heye10{position:absolute;width:125px;top:2123px;left:1099px;opacity:.8;-webkit-filter:opacity(80);filter:opacity(80);-webkit-animation:heye 5.4s linear infinite alternate;animation:heye 5.4s linear infinite alternate}
.page-index .content .fish1{position:absolute;width:370px;top:277px;left:-317px;opacity:.6;-webkit-filter:opacity(60);filter:opacity(60);-webkit-animation:fishMove2 4s linear infinite alternate;animation:fishMove2 4s linear infinite alternate}
.page-index .content .fish2{position:absolute;width:236px;top:-231px;left:992px;opacity:.8;-webkit-filter:opacity(80);filter:opacity(80);-webkit-animation:fishMove 3s linear infinite alternate;animation:fishMove 3s linear infinite alternate}
.page-index .content .fish3{position:absolute;width:183px;top:1666px;left:-172px;opacity:.8;-webkit-filter:opacity(80);filter:opacity(80);-webkit-animation:fishMove 3s linear infinite alternate;animation:fishMove 3s linear infinite alternate}
.page-index .content .fish4{position:absolute;width:237px;top:2236px;left:23px;opacity:.6;-webkit-filter:opacity(60);filter:opacity(60);-webkit-animation:fishMove2 3s linear infinite alternate;animation:fishMove2 3s linear infinite alternate}
.page-index .content .hehua1{position:absolute;top:-23px;left:102px}
.page-index .content .hehua2{position:absolute;top:460px;left:154px;-webkit-transform-origin:50.1% 63.44%;transform-origin:50.1% 63.44%;-webkit-animation:heyeMove 3s infinite linear alternate;animation:heyeMove 3s infinite linear alternate}
.page-index .content .hehua3{position:absolute;top:2161px;left:903px;z-index:12}
.page-index .content .denglong{position: absolute;
    z-index: 14;
    width: 311px;
 
    left: 819px;
    top: 1586px;}
.page-index .content .denglong .bar{position:absolute;left:131px;top:36px;background:url(../images/denglong.png) no-repeat -123px 0;width:181px;height:4px}
.page-index .content .denglong .light{position:absolute;left:0;top:0;background:url(../images/denglong.png) no-repeat 0 -12px;width:284px;height:279px;-webkit-animation:denglong 3s infinite ease-in-out alternate both;animation:denglong 3s infinite ease-in-out alternate both;-webkit-transform-origin:50% 13.9%;transform-origin:50% 13.9%}
.qibao{position:absolute;width:16px;height:164px;left:0;top:0}
.qibao i{position:absolute;left:50%;top:100%;line-height:1}
.qibao img{width:7px}
.qibao .i1{-webkit-animation:qipaoMove1 10s linear infinite both;animation:qipaoMove1 10s linear infinite both}
.qibao .i2{-webkit-animation:qipaoMove2 10s 1.6s linear infinite both;animation:qipaoMove2 10s 1.6s linear infinite both}
.qibao .i2 img{width:5px}
.qibao .i3{-webkit-animation:qipaoMove1 10s 2.2s linear infinite both;animation:qipaoMove1 10s 2.2s linear infinite both}
.qibao .i3 img{width:6px}
.qibao .i4{-webkit-animation:qipaoMove1 10s 3.2s linear infinite both;animation:qipaoMove1 10s 3.2s linear infinite both}
.qibao .i4 img{width:3px}
.qibao .i5{-webkit-animation:qipaoMove3 10s 3.5s linear infinite both;animation:qipaoMove3 10s 3.5s linear infinite both}
.qibao .i5 img{width:4px}
.qibao .i6{-webkit-animation:qipaoMove2 10s 2.5s linear infinite both;animation:qipaoMove2 10s 2.5s linear infinite both}
.qibao .i5 img{width:2px}
.qibao .i7{-webkit-animation:qipaoMove1 10s .8s linear infinite both;animation:qipaoMove1 10s .8s linear infinite both}
.qibao1{left:884px;top:144px}
.qibao2{left:257px;top:418px}
.qibao3{left:1062px;top:1236px}
.qibao3{left:109px;top:1910px}


.boxContent{position: fixed;width: 100%;height: 100%;z-index: 999;left:0px;top:0px;}
.boxContent .boxCont{width: 850px;background: #FFFFFF;height: 80%;margin: 4% auto 0;position: relative;border-radius: 10px;padding-top: 1px;padding-bottom: 40px;}
.boxContent .boxCont .close{width: 40px;position: absolute;right: 17px;top:14px;cursor: pointer;}
.boxContent .boxCont .title{font-size: 35px;color: #4b7a8e;font-weight: bold;text-align: center;width: 700px;margin: 47px auto 0;position: relative;}
.boxContent .boxCont .title .xx1{width: 248px;height: 3px;position: absolute;left:0px;top:32px;background: #cccccc;}
.boxContent .boxCont .title .xx2{width: 248px;height: 3px;position: absolute;right:0px;top:32px;background: #cccccc;}
.boxContent .boxCont .title .bx{width: 82px;height: 4px;position: absolute;left:50%;margin-left: -42px;bottom: -15px;background: #4b7a8e;}
.boxContent .boxCont .over_cont{width: 750px;height: 79%;margin: 3% auto 0;}
.boxContent .boxCont .over_cont .p1{font-size: 16px;color: #294556;line-height: 45px;}
.boxContent .boxCont .over_cont p{font-size: 14px;line-height:26px;}
.boxContent .boxCont .over_cont .i4{display: block;margin: 0 auto;}


.hide{display: none;}

@-webkit-keyframes heyeMove{
0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}
}
@keyframes heyeMove{
0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}
}
@-webkit-keyframes qipaoMove1{
0%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}
25%{opacity:1}
50%{opacity:0;-webkit-transform:translateY(-1000%);transform:translateY(-1000%)}
100%{opacity:0;-webkit-transform:translateY(-1000%);transform:translateY(-1000%)}
}
@keyframes qipaoMove1{
0%{opacity:0;-webkit-transform:translateY(0);transform:translateY(0)}
25%{opacity:1}
50%{opacity:0;-webkit-transform:translateY(-1000%);transform:translateY(-1000%)}
100%{opacity:0;-webkit-transform:translateY(-1000%);transform:translateY(-1000%)}
}
@-webkit-keyframes qipaoMove2{
0%{opacity:0;-webkit-transform:translate(0,0);transform:translate(0,0)}
25%{opacity:1}
50%{opacity:0;-webkit-transform:translate(-100%,-1000%);transform:translate(-100%,-1000%)}
100%{opacity:0;-webkit-transform:translate(-200%,-1000%);transform:translate(-200%,-1000%)}
}
@keyframes qipaoMove2{
0%{opacity:0;-webkit-transform:translate(0,0);transform:translate(0,0)}
25%{opacity:1}
50%{opacity:0;-webkit-transform:translate(-100%,-1000%);transform:translate(-100%,-1000%)}
100%{opacity:0;-webkit-transform:translate(-200%,-1000%);transform:translate(-200%,-1000%)}
}
@-webkit-keyframes qipaoMove3{
0%{opacity:0;-webkit-transform:translate(0,0);transform:translate(0,0)}
25%{opacity:1}
50%{opacity:0;-webkit-transform:translate(100%,-1000%);transform:translate(100%,-1000%)}
100%{opacity:0;-webkit-transform:translate(200%,-1000%);transform:translate(200%,-1000%)}
}
@keyframes qipaoMove3{
0%{opacity:0;-webkit-transform:translate(0,0);transform:translate(0,0)}
25%{opacity:1}
50%{opacity:0;-webkit-transform:translate(100%,-1000%);transform:translate(100%,-1000%)}
100%{opacity:0;-webkit-transform:translate(200%,-1000%);transform:translate(200%,-1000%)}
}
@-webkit-keyframes light{
0%{opacity:1}
100%{opacity:.6}
}
@keyframes light{
0%{opacity:1}
100%{opacity:.6}
}
@-webkit-keyframes heye{
0%{-webkit-transform:translate(0,0);transform:translate(0,0)}
100%{-webkit-transform:translate(0,-8%);transform:translate(0,-8%)}
}
@keyframes heye{
0%{-webkit-transform:translate(0,0);transform:translate(0,0)}
100%{-webkit-transform:translate(0,-8%);transform:translate(0,-8%)}
}
@-webkit-keyframes fishMove{
0%{-webkit-transform:translate(0,0);transform:translate(0,0)}
100%{-webkit-transform:translate(0,-8%);transform:translate(0,-8%)}
}
@keyframes fishMove{
0%{-webkit-transform:translate(0,0);transform:translate(0,0)}
100%{-webkit-transform:translate(0,-8%);transform:translate(0,-8%)}
}
@-webkit-keyframes fishMove2{
0%{-webkit-transform:translate(0,0);transform:translate(0,0)}
100%{-webkit-transform:translate(4%,-5%);transform:translate(4%,-5%)}
}
@keyframes fishMove2{
0%{-webkit-transform:translate(0,0);transform:translate(0,0)}
100%{-webkit-transform:translate(4%,-5%);transform:translate(4%,-5%)}
}
@-webkit-keyframes denglong{
0%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg);opacity:1}
50%{opacity:.7}
100%{-webkit-transform:rotate(5deg);transform:rotate(5deg);opacity:1}
}
@keyframes denglong{
0%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg);opacity:1}
50%{opacity:.7}
100%{-webkit-transform:rotate(5deg);transform:rotate(5deg);opacity:1}
}