/*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:#080b23; 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{ background:#080b23 url(../images/wrapbg.jpg) no-repeat center top; position:relative;}
.wrap .content{ width:1000px; margin:0 auto; position:relative; z-index:1;}
.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:175px;}

.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:1750px;}
.ps1{ top:40px; left:210px; width:128px; height:46px; background:url(../images/btn_gw.jpg) no-repeat 0 0;}
.ps1:hover{ background:url(../images/btn_gwh.jpg) no-repeat 0 0;}
.ps2{ top:453px; left:414px; height:67px;}
.ps2 a{ width:192px; height:67px; float:left; margin-right:10px;}
.ps2 .mv{ background:url(../images/mv.jpg) no-repeat 0 0;}
.ps2 .mv:hover{ background:url(../images/mvh.jpg) no-repeat 0 0;}
.ps2 .lb{ background:url(../images/lb.jpg) no-repeat 0 0;}
.ps2 .lb:hover{ background:url(../images/lbh.jpg) no-repeat 0 0;}
.ps3{ left:30px; top:1056px; width:915px; height:46px;}
.ps3 textarea{ background:#1a1d37; width:750px; border:1px solid #33375a; height:22px; padding:10px; float:left; box-shadow:3px 3px 10px rgba(0,0,0,.5) inset;font:12px/22px \5fae\8f6f\96c5\9ed1, \5b8b\4f53 ,Arial, Sans-serif; color:#abb4e0;}
.ps3 .btn_wb{ float:right; background:url(../images/wb.jpg) no-repeat 0 0; overflow:hidden; text-indent:-999em; height:46px; width:128px;}
.ps3 .btn_wb:hover{ background:url(../images/wbh.jpg) no-repeat 0 0;}
.ps4{ top:1280px; left:0; width:920px; height:400px;}
.ps4 .tabs{ float:left; width:137px; height:400px;}
.ps4 .tabs li{ width:137px; height:133px;}
.ps4 .tabs li a{ display:block; height:133px; overflow:hidden; text-indent:-999em;}
.ps4 .tabs .a1{ background:url(../images/t1.jpg) no-repeat 0 0; width:130px}
.ps4 .tabs .a1:hover,.ps4 .tabs .current .a1{ background:url(../images/t1h.jpg) no-repeat 0 0;}
.ps4 .tabs .a2{ background:url(../images/t2.jpg) no-repeat 0 0; width:116px}
.ps4 .tabs .a2:hover,.ps4 .tabs .current .a2{ background:url(../images/t2h.jpg) no-repeat 0 0;}
.ps4 .tabs .a3{ background:url(../images/t3.jpg) no-repeat 0 0; width:137px}
.ps4 .tabs .a3:hover,.ps4 .tabs .current .a3{ background:url(../images/t3h.jpg) no-repeat 0 0;}
.ps4 .tab_con{ width:770px; height:325px; padding-top:35px; float:right;}
.ps4 .left{ width:295px; }
.ps4 h3{ height:37px; padding:5px 0 13px;}
.ps4 img{ display:block;}
.ps4 h6{ color:#cfc8e4; font-size:16px; font-weight:normal; border-bottom:1px solid #4e4a5e; height:32px; line-height:32px;}
.ps4 .txt{ color:#ada7c1; font-size:12px; text-indent:2em; padding-top:4px; line-height:27px;}
.ps4 .right{ border:2px solid #4d4669; width:450px; height:312px;}
.ps4 .fb_div{ float:left; width:356px;}
.fb_div h5{ color:#cfc8e4; font-size:16px; height:30px; line-height:30px; font-weight:normal;}
.fb_div .img_box{ border:2px solid #4d4669; width:352px; height:232px;}

.ps5{ top:578px; left:78px; width:890px; height:410px;}
.mod_draw .draw_bd{ width:782px; height:410px;position:relative;}
.mod_draw .draw_bd .draw_shadow{ background:url(../images/yjh.png) no-repeat 0 0; width:782px; height:410px; position:absolute; top:0px; left:0px; z-index:99;}
.draw_con{ position:relative; z-index:1;}
.draw_item{ position:relative; float:left; width:254px; margin-right:9px; overflow:hidden; height:410px;}
.draw_item li{ width:234px; height:326px; border-width:10px; border-color:#83778c; border-style:solid; margin-top:1px;}
.item_con{ width:254px; height:346px; position:absolute; top:40px;}
.mod_draw .mr0{ margin:0}
.draw_btn{ left:803px; top:119px; width:88px; height:260px; position:absolute;}
.draw_btn .hd,.draw_btn .ft{ color:#d5c7dd; font-size:14px; line-height:22px; height:22px; text-align:center;}
.draw_btn .draw_num{ height:38px; text-align:center; line-height:38px; color:#d5c7dd; font-size:14px;}
.draw_btn .draw_num span{ color:#dc2ec4; font-size:30px;}
.draw_btn .btn_box{ width:87px; height:161px; position:absolute; top:92px; left:0;background:url(../images/yg.png) no-repeat 0 0; -webkit-transform-origin:center bottom;}
.btn_box a{ display:block;width:87px; height:87px; border-radius:50%; overflow:hidden; text-indent:-999em;}
.draw_btn .btn_box.current{
-webkit-animation:draw_btn 2s ease-in-out;
-moz-animation:draw_btn 2s ease-in-out;
-ms-animation:draw_btn 2s ease-in-out;
animation:draw_btn 2s ease-in-out;}

.fix_l{ width:236px; height:255px;  border:10px solid rgba(255,255,255,.2); position:fixed; top:50%; margin-top:-138px; left:50%; margin-left:-780px; z-index:96;}
.fix_l .fix_bd{background:#424a75; height:255px;}

.tip{ padding-bottom:5px;}
.tip .tip_box{ background:#fff; text-align:center; border:7px solid #5153a4; padding:45px 0;}
.tip .tip_hd{ font-size:30px; color:#4a4b76; line-height:40px;}
.tip .tip_bd{ font-size:18px; color:#4a4b76; line-height:30px;}
.tip .tip_bd span{ color:#dc2ec4;}
.tip .qd{ margin:25px auto 0; width:148px; height:48px; background:url(../images/qd.jpg) no-repeat 0 0;}
.tip .qd:hover{ background:url(../images/qdh.jpg) no-repeat 0 0;}
.close_a{ background:url(../images/close.jpg) no-repeat 0 0; width:27px; height:27px; overflow:hidden; position:absolute; top:0; right:-29px; text-indent:-999em;}
.tip_video{ height:365px;}
.div_cdk{ padding:5px 25px 0;}
.div_cdk p{ border-top:1px solid #e3e3e3; padding-top:5px;}

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

@-webkit-keyframes draw_btn{
0%,100%{-webkit-transform:rotateX(0deg);}
50%{-webkit-transform:rotateX(35deg);}	
}
@-moz-keyframes draw_btn{
0%,100%{-moz-transform:rotateX(0deg);}
50%{-moz-transform:rotateX(35deg);}	
}
@-ms-keyframes draw_btn{
0%,100%{-ms-transform:rotateX(0deg);}
50%{-ms-transform:rotateX(35deg);}	
}
@keyframes draw_btn{
0%,100%{transform:rotateX(0deg);}
50%{transform:rotateX(35deg);}	
}

@media screen and (max-width:1500px){
	.fix_l{ left:0; margin-left:0;}
}
@media screen and (max-width:1200px){
	.fix_l{ display:none;}
}