body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
address, cite, dfn, em, var {font-style:normal;}
small {font-size:12px;}
ul, ol {list-style:none;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
legend {color:#000;}
fieldset, img {border:0;}
button, input, select, textarea {font-size:100%;}
table {border-collapse:collapse;border-spacing:0;}
i, em, cite {font-style:normal;}
.clear {clear:both;width:0px;height:0px;margin:0;padding:0;font-size:0px; overflow:hidden;}
.left {float:left;}
.right {float: right;}
iframe {margin:0;padding:0;}
textarea {resize:none;}
input {outline: none;}
textarea {outline: none;}
.clearfix:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
.clearfix {zoom:1;}

body{ background-color:#000; font:12px/22px \5fae\8f6f\96c5\9ed1, \5b8b\4f53 ,Arial, Sans-serif; }
a{text-decoration:none;}
.t_idt{ text-indent:-999em; overflow:hidden; display:block;}
.t_elp{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.ps{ position:absolute; display:block; overflow:hidden;}

.wrap{ overflow:hidden;}
.wrap .content{ width:100%; position:relative;}
.content .bg{ width:100%; z-index:0; position:absolute; left:0; top:0;}
.bg div{ background-repeat:no-repeat; background-position:center 0; width:100%;height:213px;}

.bg1{ background-image:url(../images/bg1.jpg);}
.bg2{ background-image:url(../images/bg2.jpg);}
.bg3{ background-image:url(../images/bg3.jpg);}
.bg4{ background-image:url(../images/bg4.jpg);}

.wow{ background:#000;}
.wow .bg div{ height:284px;}
.wow .bg1{ background-image:url(../images/mbg1.jpg);}
.wow .bg2{ background-image:url(../images/mbg2.jpg);}
.wow .bg3{ background-image:url(../images/mbg3.jpg);}
.wow .bg4{ background-image:url(../images/mbg4.jpg);}
.wow .bg5{ background-image:url(../images/mbg5.jpg);}
.wow .main{ height:1420px;}
.wow .foot{ background:#000}

.ls{ background:#000;}
.ls .bg div{ height:280px;}
.ls .bg1{ background-image:url(../images/lbg1.jpg);}
.ls .bg2{ background-image:url(../images/lbg2.jpg);}
.ls .bg3{ background-image:url(../images/lbg3.jpg);}
.ls .bg4{ background-image:url(../images/lbg4.jpg);}
.ls .bg5{ background-image:url(../images/lbg5.jpg);}
.ls .main{ height:1400px;}
.ls .foot{ background:#000}

.sc{ background:#181818;}
.sc .bg div{ height:287px;}
.sc .bg1{ background-image:url(../images/xbg1.jpg);}
.sc .bg2{ background-image:url(../images/xbg2.jpg);}
.sc .bg3{ background-image:url(../images/xbg3.jpg);}
.sc .bg4{ background-image:url(../images/xbg4.jpg);}
.sc .bg5{ background-image:url(../images/xbg5.jpg);}
.sc .main{ height:1435px;}
.sc .foot{ background:#181818}

.main{ position:relative; z-index:5;width:1000px; margin:0 auto; height:852px;}
.page_mark{ position:absolute; top:0; width:100%; height:100%; height:852px; z-index:3; left:0}
.mod_mark{ width:100%; height:100%; position:absolute;}
.mark_1{ background:url(../images/stones.png) no-repeat center 0; z-index:3}
.mark_2{ background:url(../images/star.png) no-repeat 50% 0; z-index:1;}

.menu_btn{ top:380px; left:110px; width:815px; height:315px;}
.menu_btn ul{ width:1355px; height:269px}
.menu_btn li{ float:left; width:259px; height:269px; margin-right:12px; position:relative;}
.menu_btn li a{ display:block; width:195px; height:195px; position:absolute; left:32px; top:74px; overflow:hidden; text-indent:-999em;}
.menu_btn li a:hover{ top:0; width:259px; left:0; height:269px;}
.menu_btn .m1{ background:url(../images/m1.png) no-repeat 0 0;}
.menu_btn .m1:hover{ background:url(../images/m1h.png) no-repeat 0 0;}
.menu_btn .m2{ background:url(../images/m2.png) no-repeat 0 0;}
.menu_btn .m2:hover{ background:url(../images/m2h.png) no-repeat 0 0;}
.menu_btn .m3{ background:url(../images/m3.png) no-repeat 0 0;}
.menu_btn .m3:hover{ background:url(../images/m3h.png) no-repeat 0 0;}
.menu_btn .m4{ background:url(../images/m4.png) no-repeat 0 0;}
.menu_btn .m4:hover{ background:url(../images/m4h.png) no-repeat 0 0;}
.menu_btn .m5{ background:url(../images/m5.png) no-repeat 0 0;}
.menu_btn .m5:hover{ background:url(../images/m5h.png) no-repeat 0 0;}

.mnav{ bottom:0; background:url(../images/nav_bg.png) no-repeat 0 0; position:absolute; left:50%; margin-left:-95px; width:191px; height:10px; padding:7px 0; line-height:0; text-align:center;}
.mnav span{ display:inline-block; width:10px; height:10px; margin:0 5px; cursor:pointer; background:url(../images/mnav.png) no-repeat 0 0; font-size:0; line-height:0;}
.mnav .current{ background:url(../images/mnavh.png) no-repeat 0 0;}

.ps_txt{ top:738px; height:40px; left:0; line-height:20px; overflow:hidden; width:1000px; color:#ccd7dc; font-size:12px; text-align:center}
/*wow*/
.ps4{ top:445px; left:73px; width:259px; height:201px;}
.ps4 a{ display:block; width:100%; height:100%; overflow:hidden; text-indent:-999em; background:url(../images/w1.png) no-repeat 0 0;}
.ps4 a:hover{ background:url(../images/w1h.png) no-repeat 0 0;}
.ps5{ top:413px; left:310px; width:379px; height:215px;}
.ps5 a{ display:block; width:100%; height:100%; overflow:hidden; text-indent:-999em; background:url(../images/w2.png) no-repeat 0 0;}
.ps5 a:hover{ background:url(../images/w2h.png) no-repeat 0 0;}
.ps6{ top:493px; left:670px; width:266px; height:147px;}
.ps6 a{ display:block; width:100%; height:100%; overflow:hidden; text-indent:-999em; background:url(../images/w3.png) no-repeat 0 0;}
.ps6 a:hover{ background:url(../images/w3h.png) no-repeat 0 0;}

.wow_game{ top:770px; left:0; width:1000px; height:430px;}
.sr{ background:url(../images/sr.png) no-repeat 0 0; width:190px; height:177px; overflow:hidden; text-indent:-999em; position:absolute; top:10px; left:125px;z-index:9;}
.btn_c{ background:url(../images/c.png) no-repeat 50% 50%; top:170px; position:absolute; left:322px; overflow:hidden; text-indent:-999em; width:70px; height:65px;}
.btn_c:hover{ background:url(../images/ch.png) no-repeat 50% 50%;}
.btn_c.gray,.btn_c.gray:hover{ background:url(../images/c_gray.png) no-repeat 50% 50%; cursor:default;}
.btn_s{background:url(../images/s.png) no-repeat 0 0; top:80px; position:absolute; left:632px; overflow:hidden; text-indent:-999em; width:70px; height:65px;}
.btn_s:hover{ background:url(../images/sh.png) no-repeat 50% 50%;}
.btn_s.gray,.btn_s.gray:hover{ background:url(../images/s_gray.png) no-repeat 50% 50%; cursor:default;}

.tip1{ background:url(../images/tip1.png) no-repeat 0 0; width:845px; height:651px;}
.close_a{ position:absolute; top:37px; right:4px; width:38px; height:38px; overflow:hidden; text-indent:-999em; z-index:3}
.tip1 .tip_con{ padding:170px 0 0 60px;}
.mod_form li{ height:80px; width:360px; vertical-align:middle; float:left;}
.mod_form label{ display:block; height:25px; line-height:25px; padding-top:10px; color:#1d0f11; font-size:16px;}
.mod_form .fm_ipt{ background:url(../images/fm_ipt.jpg) no-repeat center center; width:328px; height:20px; padding:13px 1px 12px; text-indent:10px; border:none; display:block; font-size:14px; color:#1d0f11;font-family:\5fae\8f6f\96c5\9ed1, \5b8b\4f53 ,Arial, Sans-serif;}
.mod_form .fm_btn{ margin-top:25px; height:86px; width:720px;}
.mod_form .fm_btn a{ background:url(../images/tj.jpg) no-repeat 0 0; margin:0 auto; display:block; overflow:hidden; text-indent:-899em; width:241px; height:86px;}
.mod_form .fm_btn a:hover{ background:url(../images/tjh.jpg) no-repeat 0 0;}
.mod_form .error{ border:1px solid #ca0000; padding:12px 0 11px;}
.mod_form .ipt_list{ background:url(../images/ipt_list.jpg) no-repeat center center; cursor:pointer;}
.list_box{ float:left;}


.tip2{ background:url(../images/tip2.png) no-repeat 0 0; width:845px; height:683px;}
.tip2 .tip_con{ padding:138px 17px 0 18px; position:relative; height:545px; z-index:1;}
.tip_con .tab_bd{ height:500px; overflow:hidden; position:relative;}
.tab_bd .pic{ height:280px;}
.tab_bd img{ display:block;}
.tab_bd .txt{ line-height:26px; padding:40px 20px 0; font-size:14px; color:#3f2025;}
.tab_nav{ width:126px; height:38px; position:absolute; bottom:0; left:50%; margin-left:-63px;}
.tab_nav a{ display:block; height:38px; width:63px; float:left; overflow:hidden; text-indent:-999em;}
.tab_nav .prev{ background:url(../images/btn_q.png) no-repeat 0 0;}
.tab_nav .prev:hover{ background:url(../images/btn_qh.png) no-repeat 0 0;}
.tab_nav .next{ background:url(../images/btn_q.png) no-repeat -63px 0;}
.tab_nav .next:hover{ background:url(../images/btn_qh.png) no-repeat -63px 0;}
.tp_mod{ position:absolute; right:0; top:230px; height:50px; background:#000; padding:0 20px; color:#9b0a00; font-size:14px;filter: Alpha(opacity=50);-moz-opacity:.5;opacity:0.5;}
.tp_mod .vote_btn{ background:url(../images/like.png) no-repeat 0 0; width:21px; height:20px; overflow:hidden; text-indent:-999em; float:left; display:block; margin-top:15px;}
.tp_mod .vote_num{ float:left; padding-left:6px; line-height:50px; font-weight:bold}
.tp_mod .vote_btn.current{ background:url(../images/likeh.png) no-repeat 0 0;}

.tip3{ background:url(../images/tip3.png) no-repeat 0 0; width:450px; height:306px;z-index:999;position:fixed;_position: absolute;_top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-256)); left:50%; margin-left:-225px; top:50%; margin-top:-153px;)}
.tip3 .btn_zd{ background:url(../images/zd.jpg) no-repeat 0 0; display:block; margin:166px auto 0; width:184px; height:65px; overflow:hidden; text-indent:-999em;}
.tip3 .btn_zd:hover{ background:url(../images/zdh.jpg) no-repeat 0 0;}
.tip_mark{ background:#000; position:absolute; top:0; left:0; z-index:998; width:100%;filter: Alpha(opacity=70);-moz-opacity:.7;opacity:0.7; height:0;}

/*ls*/
.ls_rw{ top:575px; left:-21px; width:220px; height:250px; overflow:visible; z-index:999;}
.ls_rw a{ position:absolute; top:0; left:0; width:220px; height:260px; z-index:2; overflow:hidden; text-indent:-999em;}
.elemental {position: absolute;top: 0;right: 0;bottom: 0;left: 0;
-webkit-animation: bounceInUp 1s ease-in-out;
-moz-animation: bounceInUp 1s ease-in-out;
-ms-animation: bounceInUp 1s ease-in-out;
animation: bounceInUp 1s ease-in-out;}
.elemental__part {position: absolute;display: block;background: url(../images/ls.png) 0 0 no-repeat; z-index:1;}
.elemental__left-shoulder {top: 20px;left: 40px;background-position:-230px -2px;width: 51px;height: 47px;z-index: -1;
-webkit-transform: translate(0,-2px);
-moz-transform: translate(0,-2px);
-ms-transform: translate(0,-2px);
transform: translate(0,-2px);
-webkit-animation: leftShoulderFloat 4s 1.2s ease-in-out infinite;
-moz-animation: leftShoulderFloat 4s 1.2s ease-in-out infinite;
-ms-animation: leftShoulderFloat 4s 1.2s ease-in-out infinite;
animation: leftShoulderFloat 4s 1.2s ease-in-out infinite;}
.elemental__body {top: 36px;left: 58px;background-position: -113px 0;width: 97px;height: 173px;
-webkit-animation: bodyFloat 4s 1s ease-in-out infinite;
-moz-animation: bodyFloat 4s 1s ease-in-out infinite;
-ms-animation: bodyFloat 4s 1s ease-in-out infinite;
animation: bodyFloat 4s 1s ease-in-out infinite;}
.elemental__right-shoulder {top: 35px;left: 135px;background-position: -62px -85px;width: 50px;height: 53px;
-webkit-transform: translate(0,-2px);
-moz-transform: translate(0,-2px);
-ms-transform: translate(0,-2px);
transform: translate(0,-2px);
-webkit-animation: shoulderFloat 4s 1.2s ease-in-out infinite;
-moz-animation: shoulderFloat 4s 1.2s ease-in-out infinite;
-ms-animation: shoulderFloat 4s 1.2s ease-in-out infinite;
animation: shoulderFloat 4s 1.2s ease-in-out infinite;}
.elemental__left-arm {top: 74px;left: 0;width: 64px;height: 100px;
-webkit-transform: translate(0,-5px);
-moz-transform: translate(0,-5px);
-ms-transform: translate(0,-5px);
transform: translate(0,-5px);
-webkit-animation: leftArmFloat 4s 1.6s ease-in-out infinite;
-moz-animation: leftArmFloat 4s 1.6s ease-in-out infinite;
-ms-animation: leftArmFloat 4s 1.6s ease-in-out infinite;
animation: leftArmFloat 4s 1.6s ease-in-out infinite;}
.elemental__right-arm {top: 70px;left: 133px;background-position: -209px -76px;width: 87px;height: 96px;
-webkit-transform: translate(0,-5px);
-moz-transform: translate(0,-5px);
-ms-transform: translate(0,-5px);
transform: translate(0,-5px);
-webkit-animation: armFloat 4s 1.3s ease-in-out infinite;
-moz-animation: armFloat 4s 1.3s ease-in-out infinite;
-ms-animation: armFloat 4s 1.3s ease-in-out infinite;
animation: armFloat 4s 1.3s ease-in-out infinite;}
.elemental__rock {top: 164px;left:25px;background-position: -30px -133px;width: 33px;height: 39px;
-webkit-animation: rockFloat 4s 1.2s ease-in-out infinite;
-moz-animation: rockFloat 4s 1.2s ease-in-out infinite;
-ms-animation: rockFloat 4s 1.2s ease-in-out infinite;
animation: rockFloat 4s 1.2s ease-in-out infinite;}
.elemental__gw{ top:180px; left:65px; width:144px; height:47px; background:url(../images/gw.png) no-repeat 0 0;
-webkit-animation: rockFloat 4s 1s ease-in-out infinite;
-moz-animation: rockFloat 4s 1s ease-in-out infinite;
-ms-animation: rockFloat 4s 1s ease-in-out infinite;
animation: rockFloat 4s 1s ease-in-out infinite;}


.ps7{ top:525px; left:224px; width:270px; height:112px;}
.ps7 a{ display:block; background:url(../images/lbtn1.png) no-repeat 0 0; width:270px; overflow:hidden; text-indent:-999em; height:112px;}
.ps7 a:hover{ background:url(../images/lbtn1h.png) no-repeat 0 0}
.ps8{ top:491px; left:468px; width:349px; height:155px;}
.ps8 a{ display:block; background:url(../images/lbtn2.png) no-repeat 0 0; width:349px; overflow:hidden; text-indent:-999em; height:155px;}
.ps8 a:hover{ background:url(../images/lbtn2h.png) no-repeat 0 0}
.ps9{ top:854px; left:170px; width:670px; height:250px; overflow:visible;}
.ps9 .item{ width:175px; height:247px; position:absolute;top:0; }
.ps9 .item1{ left:0;}
.ps9 .card_con{ position:absolute; top:30px; left:13px; width:151px; height:215px; background:url(../images/ls_nomal.png) no-repeat 0 0; z-index:5;}
.ps9 .card_con:hover{ background:url(../images/ls_hover.png) no-repeat 0 0;}
.ps9 .gray,.ps9 .gray:hover{ background:url(../images/ls_gray.png) no-repeat 0 0; cursor:default;}
.ps9 .card_mark{ position:absolute; top:0; left:0; z-index:3; width:121px;filter: Alpha(opacity=0);-moz-opacity:0;opacity:0; height:84px; padding:163px 27px 0; font-size:12px; color:#000; line-height:16px; text-align:center;}
.ps9 .item2{left:251px;}
.ps9 .item3{left:501px;}
.ps9 .item1 .card_mark{ background:url(../images/ls_h1.png) no-repeat 0 0;}
.ps9 .item2 .card_mark{ background:url(../images/ls_h2.png) no-repeat 0 0;}
.ps9 .item3 .card_mark{ background:url(../images/ls_h3.png) no-repeat 0 0;}
.ps9 .item1 .card_mark:hover{background:url(../images/ls_h1h.png) no-repeat 0 0; width:131px; padding-top:173px; padding-left:31px; height:94px; top:-10px; left:-9px;}
.ps9 .item2 .card_mark:hover{background:url(../images/ls_h2h.png) no-repeat 0 0; width:131px; padding-top:173px; padding-left:32px; height:94px; top:-10px; left:-10px;}
.ps9 .item3 .card_mark:hover{ border-radius:0; box-shadow:none; cursor:default;}
.ps9 .current .card_con{z-index:1; filter: Alpha(opacity=0);-moz-opacity:0;opacity:0;
-webkit-backface-visibility:visible!important; 
-webkit-transform-origin:50% 0;
-webkit-animation:card 1s ease;
-webkit-transition:opacity 1s ease;
-moz-backface-visibility:visible!important; 
-moz-transform-origin:50% 0;
-moz-animation:card 1s ease;
-moz-transition:opacity 1s ease;
-ms-backface-visibility:visible!important; 
-ms-transform-origin:50% 0;
-ms-animation:card 1s ease;
-ms-transition:opacity 1s ease;
backface-visibility:visible!important; 
transform-origin:50% 0;
animation:card 1s ease;
transition:opacity 1s ease;}
.ps9 .current .card_mark{filter: Alpha(opacity=100);-moz-opacity:1;opacity:1;
-webkit-backface-visibility:visible!important; 
-webkit-transform-origin:50% 0;
-webkit-animation:card_mark 0.8s 1s ease;
-webkit-transition:opacity 0.8s 1s ease;
-moz-backface-visibility:visible!important; 
-moz-transform-origin:50% 0;
-moz-animation:card_mark 0.8s 1s ease;
-moz-transition:opacity 0.8s 1s ease;
-ms-backface-visibility:visible!important; 
-ms-transform-origin:50% 0;
-ms-animation:card_mark 0.8s 1s ease;
-ms-transition:opacity 0.8s 1s ease;
backface-visibility:visible!important; 
transform-origin:50% 0;
animation:card_mark 0.8s 1s ease;
transition:opacity 0.8s 1s ease;}

.tip4{ background:url(../images/ls_tip1.png) no-repeat 0 0; width:803px; height:612px}
.tip4 .tip_con{ padding:122px 49px 0 48px; width:706px;}
.tip4 .pic{ width:700px; border:3px solid #9e7b55; border-radius:4px;}
.tip4 .tab_bd .txt{ line-height:20px;}
.tip4 .tp_mod{ right:3px;}
.ls_close{ top:26px; right:8px; width:32px; height:28px;}
.tip4 .mod_form ul{ padding-left:62px;}
.tip4 .mod_form li{ width:600px; float:none; margin-top:10px; height:40px;}
.tip4 .mod_form label{ float:left; width:95px; padding:0; height:40px; line-height:40px; text-align:center; color:#583626; font-size:15px; background:url(../images/label1.jpg) no-repeat 0 0;}
.tip4 .mod_form .fm_ipt{ background:#d1b88d; border:1px solid #b09065; width:480px; padding:9px 0;}
.tip4 .list_div{ float:left; width:155px; margin-right:8px;}
.tip4 .mod_form li .list_div .fm_ipt{ width:153px;}
.tip4 .mod_form .ipt_list{ background:#d1b88d url(../images/ipt_list_ico.jpg) no-repeat right center;}
.tip4 .mod_form .li_double{ height:90px;}
.tip4 .mod_form .li_double label{ background:url(../images/label2.jpg) no-repeat 0 0; height:80px; line-height:25px; padding-top:10px;}
.tip4 .mod_form li textarea{background:#d1b88d; border:1px solid #b09065; width:460px; height:68px; padding:10px; }
.tip4 .mod_form .fm_btn{ margin-top:20px; height:86px;}
.tip4 .mod_form li .error{ border-color:#d73232;}
/*sc*/
.ps10{ top:508px; left:110px; width:349px; height:155px;}
.ps10 a{ display:block; background:url(../images/lbtn2.png) no-repeat 0 0; width:349px; overflow:hidden; text-indent:-999em; height:155px;}
.ps10 a:hover{ background:url(../images/lbtn2h.png) no-repeat 0 0}
.ps11{ top:525px; left:520px; width:266px; height:147px;}
.ps11 a{ display:block; background:url(../images/w3.png) no-repeat 0 0; width:266px; overflow:hidden; text-indent:-999em; height:147px;}
.ps11 a:hover{ background:url(../images/w3h.png) no-repeat 0 0}

.ps12{ top:987px; left:87px; width:262px; height:202px;}
.sc_btn{position:relative; display:block;}
.ps12 .sc_btn{ width:262px; height:202px; }
.sc_btn .sc_bd{ display:block; width:100%; height:100%; overflow:hidden; text-indent:-999em;}
.ps12 .sc_bd{ background:url(../images/sbtn1.png) no-repeat 0 0;}
.sc_btn .sc_hd{ height:21px; position:absolute; overflow:hidden; text-indent:-999em;}
.sc_btn .sc_ft{ top:42px; color:#3be798; font-size:15px; line-height:20px; height:20px; position:absolute; left:30px; font-weight:bold;}
.ps12 .sc_hd{ width:76px;   background:url(../images/stitle1.png) no-repeat 0 0; height:22px;top:6px; left:34px;}

.ps13{ top:965px; left:414px; width:198px; height:167px; overflow:visible;}
.ps13 .sc_btn{ width:198px; height:167px;}
.ps13 .sc_bd{ background:url(../images/sbtn2.png) no-repeat 0 0;}
.ps13 .sc_ft{ font-size:13px; top:28px; left:4px;}
.ps13 .sc_hd{width:88px; height:18px; background:url(../images/stitle2.png) no-repeat 0 0; top:4px; left:4px;}

.ps14{ top:1016px; left:694px; width:174px; height:131px; overflow:visible;}
.ps14 .sc_btn{ width:174px; height:131px;}
.ps14 .sc_bd{ background:url(../images/sbtn3.png) no-repeat 0 0;}
.ps14 .sc_ft{ font-size:13px; top:22px; left:-4px;}
.ps14 .sc_hd{ width:102px; height:18px; background:url(../images/stitle3.png) no-repeat 0 0; top:2px; left:-8px;}

.ps13 .gray .sc_bd{ background:url(../images/sbtn2gray.png) no-repeat 0 0; cursor:default;}
.ps14 .gray .sc_bd{ background:url(../images/sbtn3gray.png) no-repeat 0 0; cursor:default;}
.gray .sc_ft{ color:#919191;}
.sc_btn:hover{
-webkit-animation:sbtn 2s linear infinite;
-moz-animation:sbtn 2s linear infinite;
-ms-animation:sbtn 2s linear infinite;
-o-animation:sbtn 2s linear infinite;
animation:sbtn 2s linear infinite;}
.sc_btn.gray:hover{
-webkit-animation:none;
-moz-animation:none;
-ms-animation:none;
-o-animation:none;
animation:none;}
.tip5{ background:url(../images/xtip.png) no-repeat 0 0; width:439px; height:282px;z-index:999;position:fixed;_position: absolute;_top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-256)); left:50%; margin-left:-225px; top:50%; margin-top:-141px;)}
.tip5 .btn_zd{ background:url(../images/xzd.jpg) no-repeat 0 0; display:block; margin:153px auto 0; width:184px; height:65px; overflow:hidden; text-indent:-999em;}
.tip5 .btn_zd:hover{ background:url(../images/xzdh.jpg) no-repeat 0 0;}
.tip6{ background:url(../images/xtip1.png) no-repeat 0 0; width:911px; height:753px;}
.tip7{ background:url(../images/xtip2.png) no-repeat 0 0; width:911px; height:753px;}
.close_sc{ position:absolute; top:20px; right:20px; overflow:hidden; text-indent:-999em; width:42px; height:42px;}
.tip7 .tip_con{ padding:182px 0 0 110px;}
.tip7 .mod_form label{ color:#9bbcd7; font-size:14px;}
.tip7 .mod_form .fm_ipt{ background:#2e4c7e; border:1px solid #3b5694; padding:12px 0 11px; color:#9bbcd7;}
.tip7 .mod_form .ipt_list{ background:#2e4c7e url(../images/sipt_list.jpg) no-repeat right center;}
.tip7 .mod_form .fm_btn a{ background:url(../images/xtj.jpg) no-repeat 0 0}
.tip7 .mod_form .fm_btn a:hover{ background:url(../images/xtjh.jpg) no-repeat 0 0;}
.tip7 .mod_form li .error{ border-color:#d73232;}
.tip8{background:url(../images/xtip3.png) no-repeat 0 0; width:911px; height:782px;}
.tip8 .tip_con{ padding:156px 92px;}
.tip8 .pic{ border:10px solid #1b2549; height:310px; width:700px; border-radius:10px;}
.tip8 .txt{ color:#a3c4c9; padding-top:28px;}
.tip8 .tp_mod{ right:17px; top:270px}

.tip_wb{ position:fixed; z-index:999; left:50%; top:50%; display:none;}
.btn_wb{ background:url(../images/wb.png) no-repeat 0 0; display:block; width:241px; height:85px; overflow:hidden; text-indent:-999em; margin:20px auto 0;}
.btn_wb:hover{ background:url(../images/wbh.png) no-repeat 0 0;}
.btn_close{ color:#C00; font-size:20px; background:#fff; border-radius:50%; position:absolute; right:-30px; width:25px; height:25px; top:0; text-align:center; font-weight:bold;}
/*ani*/
@-webkit-keyframes bounceInUp {
	0% {opacity:0;-webkit-transform:translate(0,100px)}
	60% {opacity:1;-webkit-transform:translate(0,-20px)}
	75% {-webkit-transform:translate(0,10px)}
	90% {-webkit-transform:translate(0,-5px)}
	100% {-webkit-transform:translate(0,0)}
}
@-moz-keyframes bounceInUp {
	0% {opacity:0;-moz-transform:translate(0,100px)}
    60% {opacity:1;-moz-transform:translate(0,-20px)}
	75% {-moz-transform:translate(0,10px)}
	90% {-moz-transform:translate(0,-5px)}
	100% {-moz-transform:translate(0,0)}
}
@-ms-keyframes bounceInUp {
	0% {opacity:0;-ms-transform:translate(0,100px)}
	60% {opacity:1;-ms-transform:translate(0,-20px)}
	75% {-ms-transform:translate(0,10px)}
	90% {-ms-transform:translate(0,-5px)}
	100% {-ms-transform:translate(0,0)}
}
@keyframes bounceInUp {
	0% {opacity:0;transform:translate(0,100px)}
	60% {opacity:1;transform:translate(0,-20px)}
	75% {transform:translate(0,10px)}
	90% {transform:translate(0,-5px)}
	100% {transform:translate(0,0)}
}
@-webkit-keyframes bodyFloat {
	0%,100% {-webkit-transform:translate(0,0)}
	50% {-webkit-transform:translate(0,20px)}
}
@-moz-keyframes bodyFloat {
	0%,100% {-moz-transform:translate(0,0)}
	50% {-moz-transform:translate(0,20px)}
}
@-ms-keyframes bodyFloat {
	0%,100% {-ms-transform:translate(0,0)}
	50% {-ms-transform:translate(0,20px)}
}
@keyframes bodyFloat {
	0%,100% {transform:translate(0,0)}
	50% {transform:translate(0,20px)}
}
@-webkit-keyframes shoulderFloat {
	0%,100% {-webkit-transform:translate(0,-2px)}
	50% {-webkit-transform:translate(0,18px)}
}
@-moz-keyframes shoulderFloat {
	0%,100% {-moz-transform:translate(0,-2px)}
	50% {-moz-transform:translate(0,18px)}
}
@-ms-keyframes shoulderFloat {
	0%,100% {-ms-transform:translate(0,-2px)}
	50% {-ms-transform:translate(0,18px)}
}
@keyframes shoulderFloat {
	0%,100% {transform:translate(0,-2px)}
	50% {transform:translate(0,18px)}
}
@-webkit-keyframes leftShoulderFloat {
	0%,100% {-webkit-transform:translate(0,-2px)}
	50% {-webkit-transform:translate(0,22px)}
}
@-moz-keyframes leftShoulderFloat {
	0%,100% {-moz-transform:translate(0,-2px)}
	50% {-moz-transform:translate(0,22px)}
}
@-ms-keyframes leftShoulderFloat {
	0%,100% {-ms-transform:translate(0,-2px)}
	50% {-ms-transform:translate(0,22px)}
}
@keyframes leftShoulderFloat {
	0%,100% {transform:translate(0,-2px)}
	50% {transform:translate(0,22px)}
}
@-webkit-keyframes armFloat {
	0%,100% {-webkit-transform:translate(0,-5px)}
	50% {-webkit-transform:translate(0,20px)}
}
@-moz-keyframes armFloat {
	0%,100% {-moz-transform:translate(0,-5px)}
	50% {-moz-transform:translate(0,20px)}
}
@-ms-keyframes armFloat {
	0%,100% {-ms-transform:translate(0,-5px)}
	50% {-ms-transform:translate(0,20px)}
}
@keyframes armFloat {
	0%,100% {transform:translate(0,-5px)}
	50% {transform:translate(0,20px)}
}
@-webkit-keyframes leftArmFloat {
	0%,100% {-webkit-transform:translate(0,-5px)}
	50% {-webkit-transform:translate(0,10px)}
}
@-moz-keyframes leftArmFloat {
	0%,100% {-moz-transform:translate(0,-5px)}
	50% {-moz-transform:translate(0,10px)}
}
@-ms-keyframes leftArmFloat {
	0%,100% {-ms-transform:translate(0,-5px)}
	50% {-ms-transform:translate(0,10px)}
}
@keyframes leftArmFloat {
	0%,100% {transform:translate(0,-5px)}
	50% {transform:translate(0,10px)}
}
@-webkit-keyframes rockFloat {
	0%,100% {-webkit-transform:translate(0,0)}
	50% {-webkit-transform:translate(0,25px)}
}
@-moz-keyframes rockFloat {
	0%,100% {-moz-transform:translate(0,0)}
	50% {-moz-transform:translate(0,25px)}
}
@-ms-keyframes rockFloat {
	0%,100% {-ms-transform:translate(0,0)}
	50% {-ms-transform:translate(0,25px)}
}
@keyframes rockFloat {
	0%,100% {transform:translate(0,0)}
	50% {transform:translate(0,25px)}
}

@-webkit-keyframes card{
0%{-webkit-transform:rotateY(0); }
100%{ -webkit-transform:rotateY(90deg)}
}
@-webkit-keyframes card_mark{
0%{-webkit-transform:rotateY(-90deg);}
100%{-webkit-transform:rotateY(0); }
}
@-moz-keyframes card{
0%{-moz-transform:rotateY(0); }
100%{ -moz-transform:rotateY(90deg)}
}
@-moz-keyframes card_mark{
0%{-moz-transform:rotateY(-90deg);}
100%{-moz-transform:rotateY(0); }
}
@-ms-keyframes card{
0%{-ms-transform:rotateY(0); }
100%{ -ms-transform:rotateY(90deg)}
}
@-ms-keyframes card_mark{
0%{-ms-transform:rotateY(-90deg);}
100%{-ms-transform:rotateY(0); }
}
@keyframes card{
0%{transform:rotateY(0); }
100%{ transform:rotateY(90deg)}
}
@keyframes card_mark{
0%{transform:rotateY(-90deg);}
100%{transform:rotateY(0); }
}

@-webkit-keyframes sbtn{
0%,50%,100%{ -webkit-transform:translateY(0)}
25%{ -webkit-transform:translateY(-5px);}
75%{-webkit-transform:translateY(5px)}	
}
@-moz-keyframes sbtn{
0%,50%,100%{ -moz-transform:translateY(0)}
25%{ -moz-transform:translateY(-5px);}
75%{-moz-transform:translateY(5px)}	
}
@-ms-keyframes sbtn{
0%,50%,100%{ -ms-transform:translateY(0)}
25%{ -ms-transform:translateY(-5px);}
75%{-ms-transform:translateY(5px)}	
}
@-o-keyframes sbtn{
0%,50%,100%{ -o-transform:translateY(0)}
25%{ -o-transform:translateY(-5px);}
75%{-o-transform:translateY(5px)}	
}
@keyframes sbtn{
0%,50%,100%{ transform:translateY(0)}
25%{ transform:translateY(-5px);}
75%{transform:translateY(5px)}	
}
.foot{ text-align:center; color:#6b6b6b; width:100%; background:#141517; height:25px; padding:15px 0; position:relative; z-index:1;}
.iblk{display:inline-block;*zoom:1;*display:inline;}