/*big project*/
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:#1a0a3d; font:12px/22px \5fae\8f6f\96c5\9ed1, \5b8b\4f53 ,Arial, Sans-serif;}
a{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out; 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{}
.wrap .content{ width:100%; position:relative;}
.content .bg{ width:100%; z-index:-1; position:absolute; left:0; top:0;}
.bg div{ background-repeat:no-repeat; background-position:center 0; width:100%;height:230px;}

.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);}
.bg5{ background-image:url(../images/bg5.jpg);}
.bg6{ background-image:url(../images/bg6.jpg);}
.bg7{ background-image:url(../images/bg7.jpg);}
.bg8{ background-image:url(../images/bg8.jpg);}
.bg9{ background-image:url(../images/bg9.jpg);}
.bg10{ background-image:url(../images/bg10.jpg);}

.main{ position:relative; z-index:2;width:1000px; margin:0 auto; height:2300px;}
.ps1{ top:0; left:728px; width:270px; height:29px; line-height:29px;}
.ps1 a{ display:block; float:left; padding-left:17px; width:70px; color:#d69beb;}
.ps1 a:hover{ color:#fff;}
.ps2{ top:442px; left:289px; width:493px; height:215px;}
.ps2 a{ position:absolute; overflow:hidden; text-indent:-999em; width:136px; height:136px;}
.ps2 .bm{ background:url(../images/bm.jpg) no-repeat 0 0; top:79px; left:0;}
.ps2 .bm:hover{ background:url(../images/bmh.jpg) no-repeat 0 0;}
.ps2 .lb{ background:url(../images/lb.jpg) no-repeat 0 0; top:73px; left:190px;}
.ps2 .lb:hover{ background:url(../images/lbh.jpg) no-repeat 0 0;}
.ps2 .qd{ background:url(../images/qd.jpg) no-repeat 0 0; top:0; left:357px;}
.ps2 .qd:hover{ background:url(../images/qdh.jpg) no-repeat 0 0;}
.ps3{ top:807px; left:53px; width:895px; height:430px;}
.focus_bd{ width:895px; position:relative; height:362px;}
.focus_bd .pic{ float:left; width:616px;}
.focus_bd .focus_txt{ width:240px; float:right; padding-right:15px;}
.focus_txt h3{ color:#2ddaff; font-size:36px; padding-top:12px; height:44px; line-height:44px;}
.focus_txt h6{ color:#1f517b; font-size:22px; line-height:24px; font-weight:normal;}
.focus_txt p{ padding-top:15px; color:#d8d8d8; line-height:22px}
.focus_bd li{ position:absolute; top:0; left:0; width:895px; height:362px; z-index:1;}
.focus_bd .first{ z-index:2;}
.focus_nav{ margin:42px auto 0; height:20px; padding-top:6px; background:#442783; border-radius:20px; padding-left:8px; width:118px;}
.focus_nav span{ float:left; margin-right:15px; cursor:pointer; width:16px; height:16px; background:url(../images/nav.jpg) no-repeat 0 0;}
.focus_nav .current{ background:url(../images/navh.jpg) no-repeat 0 0;}
.ps4{ top:1418px; left:54px; width:295px; height:295px;}
.ps4 textarea{ background:none; border:none; height:194px; width:275px; padding:10px; color:#d8d8d8;font:14px/22px \5fae\8f6f\96c5\9ed1, \5b8b\4f53 ,Arial, Sans-serif;}
.ps4 .btn_wb{ background:url(../images/wb.jpg) no-repeat 0 0; position:absolute; bottom:0; left:0; width:295px; height:69px; overflow:hidden; text-indent:-999em;}
.ps4 .btn_wb:hover{ background:url(../images/wbh.jpg) no-repeat 0 0;}
.ps5{ top:1418px; left:435px; width:515px; height:295px;}
.ps5 .draw_bd{ position:relative; overflow:hidden; width:515px; height:295px;}
.ps5 .draw_con{ position:relative; z-index:1;}
.ps5 li{ position:absolute; width:165px; height:93px;}
.ps5 .li_1{ left:0; top:0;}
.ps5 .li_2{ left:174px; top:0;}
.ps5 .li_3{ left:347px; top:0;}
.ps5 .li_4{ left:347px; top:101px;}
.ps5 .li_5{ left:347px; top:202px;}
.ps5 .li_6{ left:174px; top:202px;}
.ps5 .li_7{ left:0; top:202px;}
.ps5 .li_8{ left:0; top:101px;}
.ps5 .mark{ position:absolute; width:161px; display:none; border-radius:5px; height:89px; border:2px solid #2ae0ff;}
.ps5 .current .mark{ display:block;}
.ps5 .draw_btn{ width:165px; height:93px; background:url(../images/cj_btn.jpg) no-repeat 0 0; position:absolute; top:101px; left:174px; overflow:hidden; text-indent:-999em; z-index:3;}
.ps5 .draw_btn:hover{ background:url(../images/cj_btnh.jpg) no-repeat 0 0;}
.ps5 .gray,.ps5 .gray:hover{ background:url(../images/cj_gray.jpg) no-repeat 0 0; cursor:default;}
.ps6{ position:absolute; top:1916px; left:54px; width:879px; height:292px;}



.foot{ text-align:center; color:#8677ff; width:100%; background:#1a0a3d; height:25px; padding:15px 0;}
.iblk{display:inline-block;*zoom:1;*display:inline;}