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:#161616; 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;}
#box img{ display:block;}

.nav{ position:fixed; z-index:9999; top:0; left:0; width:100%;}
/*preload_page*/
.preload_page{ position:fixed; background-color:#060404; width:100%; height:100%; z-index:9999;}
.preload_page .con{ position:absolute; width:312px; height:222px; left:50%; top:50%; text-align:center; margin:-111px 0 0 -156px;}
.preload_page p{width: 100%;position: absolute;bottom:0;font-size: 18px;color: #fff;line-height: 22px; left:0;}

/*nav_con*/
.nav_con{width:20px;height:120px;position:fixed;right:25px;top: 50%;margin-top: -60px;z-index:9999;}
.nav_con li{vertical-align:middle; background:url(../images/nav.png) no-repeat center center; width:20px;margin-bottom:10px; height:20px; cursor:pointer; overflow:hidden; text-indent:-999em;}
.nav_con .current{ background:url(../images/navh.png) no-repeat center center;}
/*box*/
#box{ height:100%;}
#box1,#box2,#box3,#box4{ position:fixed; overflow:hidden; width:100%;}
#box1{ background:#23b063 url(../images/bg1.jpg) no-repeat center 40px fixed;}
#box2{ background:#7047bd;}
#box3{ background:#e7414d url(../images/bg3.jpg) no-repeat center 0 fixed;}
#box4{ background:#414655 url(../images/bg4.jpg) no-repeat center 40px fixed;}
/*common*/
.logo{ position:absolute; top:40px; left:0; z-index:9; height:140px; width:120px;}
.mod_bd{width:1000px; position:relative; height:100%; margin:0 auto; z-index:5;}
/*box1*/
#box1{ top:0;}
#box1 .logo{ width:195px; height:120px;}
.mod_a{ width:800px; height:470px; position:absolute; top:50%; left:50%; margin:-235px 0 0 -400px;}
.mod_a .title{ width:300px; height:80px; position:absolute; bottom:0; left:250px;}
.mod_a .a_box{ width:802px; height:400px; background:url(../images/a_bg.png) no-repeat center center; position:absolute; top:0; left:-1px;}
.mod_a .txt{width:717px; height:301px; position:absolute; left:32px; top:61px; z-index:9;}
.mod_a .man{ width:216px; height:133px; position:absolute; left:169px; top:29px; z-index:8;}
.mod_a .tui{ width:79px; height:84px; position:absolute; left:120px; top:94px; z-index:8;}
.mod_a .tui1{ width:157px; height:34px; position:absolute; left:-17px; top:95px; z-index:8;}
.mod_a .huangguan{ position:absolute; top:140px; left:94px; width:66px; height:30px; z-index:10}
.mod_a .woman{ position:absolute; top:-112px; left:396px; width:184px; height:271px; z-index:8;}
.mod_a .shubiao{ position:absolute; top:150px; left:400px; width:66px; height:57px; z-index:11;}
.mod_a .money{ position:absolute; top:151px; right:-50px; width:168px; height:166px; z-index:6;}
.mod_a .youxi{ position:absolute; top:290px; width:105px; height:95px; left:605px; z-index:7;}
.mod_a .woman i{ background:url(../images/hongxing.png) no-repeat 0 0; position:absolute; width:24px; height:22px;}
.mod_a .ico_1{ top:126px; left:18px;}
.mod_a .ico_2{ top:143px; left:34px;}
.mod_a .ico_3{ top:147px; left:151px; }
.mod_a .neinei{ width:37px; height:73px; position:absolute; top:240px; z-index:10; left:17px;}
.mod_a .down{ width:100px; height:100px; position:absolute; bottom:-120px; left:340px;}
.mod_a .jt{ background:url(../images/jt.jpg) no-repeat 0 0; position:absolute; top:70px; left:37px; overflow:hidden; width:25px; height:14px; 
-webkit-animation:jt 1s linear infinite;
-moz-animation:jt 1s linear infinite;
-ms-animation:jt 1s linear infinite;
-o-animation:jt 1s linear infinite;
animation:jt 1s linear infinite;}
/*ani*/
.tui1{
-webkit-transform-origin:85% 3%; -webkit-animation:tui 2s ease infinite;
-moz-transform-origin:85% 3%; -moz-animation:tui 2s ease infinite;
-ms-transform-origin:85% 3%; -ms-animation:tui 2s ease infinite;
-o-transform-origin:85% 3%; -o-animation:tui 2s ease infinite;
transform-origin:85% 3%; animation:tui 2s ease infinite;}
.ani .money{
-webkit-animation:money 1s ease infinite;-webkit-transform-origin:left center;
-moz-animation:money 1s ease infinite; -moz-transform-origin:left center;
-ms-animation:money 1s ease infinite; -ms-transform-origin:left center;
-o-animation:money 1s ease infinite; -o-transform-origin:left center;
animation:money 1s ease infinite; transform-origin:left center;}
.a_box{opacity:0;
-webkit-transform:scale(0.01); -webkit-transition:all 0.8s 0.5s ease-in;
-moz-transform:scale(0.01); -moz-transition:all 0.8s 0.5s ease-in;
-ms-transform:scale(0.01); -ms-transition:all 0.8s 0.5s ease-in;
-o-transform:scale(0.01); -o-transition:all 0.8s 0.5s ease-in;
transform:scale(0.01); transition:all 0.8s 0.5s ease-in;}
.ani .a_box{opacity:1; 
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);}
.woman{opacity:0;
-webkit-transform: translateY(100%);-webkit-transition:all 0.3s 1.3s ease-in;
-moz-transform: translateY(100%);-moz-transition:all 0.3s 1.3s ease-in;
-ms-transform: translateY(100%);-ms-transition:all 0.3s 1.3s ease-in;
-o-transform: translateY(100%);-o-transition:all 0.3s 1.3s ease-in;
transform: translateY(100%);transition:all 0.3s 1.3s ease-in;
}
.ani .woman{opacity:1;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0);}
.mod_a .title{opacity:0;
-webkit-transform:scale(5);-webkit-transition:all 0.5s 1.3s ease;
-moz-transform:scale(5);-moz-transition:all 0.5s 1.3s ease;
-ms-transform:scale(5);-ms-transition:all 0.5s 1.3s ease;
-o-transform:scale(5);-o-transition:all 0.5s 1.3s ease;
transform:scale(5);transition:all 0.5s 1.3s ease;}
.ani .mod_a .title{opacity:1;
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);}
.man{ opacity:0; 
-webkit-transition:all 0.4s 1.5s ease-in;-webkit-transform: translateY(100%);
-moz-transition:all 0.4s 1.5s ease-in;-moz-transform: translateY(100%);
-ms-transition:all 0.4s 1.5s ease-in;-ms-transform: translateY(100%);
-o-transition:all 0.4s 1.5s ease-in;-o-transform: translateY(100%);
transition:all 0.4s 1.5s ease-in;transform: translateY(100%);}
.ani .man{opacity:1;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0);}
.down{opacity:0;
-webkit-transform:translateY(250px);-webkit-transition:all 0.5s 1.5s ease;
-moz-transform:translateY(250px);-moz-transition:all 0.5s 1.5s ease;
-ms-transform:translateY(250px);-ms-transition:all 0.5s 1.5s ease;
-o-transform:translateY(250px);-o-transition:all 0.5s 1.5s ease;
transform:translateY(250px);transition:all 0.5s 1.5s ease;}
.ani .down{opacity:1;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0);}
.ani .ico_1{
-webkit-animation:ico_1 4s 0.5s ease infinite;
-moz-animation:ico_1 4s 0.5s ease infinite;
-ms-animation:ico_1 4s 0.5s ease infinite;
-o-animation:ico_1 4s 0.5s ease infinite;
animation:ico_1 4s 0.5s ease infinite;}
.ani .ico_2{
-webkit-animation:ico_2 5s 0.5s ease infinite;
-moz-animation:ico_2 5s 0.5s ease infinite;
-ms-animation:ico_2 5s 0.5s ease infinite;
-o-animation:ico_2 5s 0.5s ease infinite;
animation:ico_2 5s 0.5s ease infinite;}
.ani .ico_3{
-webkit-animation:ico_3 6s 0.5s ease infinite;
-moz-animation:ico_3 6s 0.5s ease infinite;
-ms-animation:ico_3 6s 0.5s ease infinite;
-o-animation:ico_3 6s 0.5s ease infinite;
animation:ico_3 6s 0.5s ease infinite;
}
@-webkit-keyframes ico_1{
	0%{ -webkit-transform:translate(80px,80px) scale(0.1) rotate(-10deg)}
	100%{-webkit-transform:translate(0) scale(0.6) rotate(-90deg);}	
}
@-moz-keyframes ico_1{
	0%{ -moz-transform:translate(80px,80px) scale(0.1) rotate(-10deg)}
	100%{-moz-transform:translate(0) scale(0.6) rotate(-90deg);}	
}
@-ms-keyframes ico_1{
	0%{ -ms-transform:translate(80px,80px) scale(0.1) rotate(-10deg)}
	100%{-ms-transform:translate(0) scale(0.6) rotate(-90deg);}	
}
@-o-keyframes ico_1{
	0%{ -o-transform:translate(80px,80px) scale(0.1) rotate(-10deg)}
	100%{-o-transform:translate(0) scale(0.6) rotate(-90deg);}	
}
@keyframes ico_1{
	0%{ transform:translate(80px,80px) scale(0.1) rotate(-10deg)}
	100%{transform:translate(0) scale(0.6) rotate(-90deg);}	
}
@-webkit-keyframes ico_2{
	0%{ -webkit-transform:translate(50px,50px) scale(0.1) rotate(10deg)}
	100%{-webkit-transform:translate(0) scale(0.9) rotate(-50deg);}	
}
@-moz-keyframes ico_2{
	0%{ -moz-transform:translate(50px,50px) scale(0.1) rotate(10deg)}
	100%{-moz-transform:translate(0) scale(0.9) rotate(-50deg);}	
}
@-ms-keyframes ico_2{
	0%{ -ms-transform:translate(50px,50px) scale(0.1) rotate(10deg)}
	100%{-ms-transform:translate(0) scale(0.9) rotate(-50deg);}	
}
@-o-keyframes ico_2{
	0%{ -o-transform:translate(50px,50px) scale(0.1) rotate(10deg)}
	100%{-o-transform:translate(0) scale(0.9) rotate(-50deg);}	
}
@keyframes ico_2{
	0%{ transform:translate(50px,50px) scale(0.1) rotate(10deg)}
	100%{transform:translate(0) scale(0.9) rotate(-50deg);}	
}
@-webkit-keyframes ico_3{
	0%{ -webkit-transform:translate(-80px,80px) scale(0.1) rotate(20deg)}
	100%{-webkit-transform:translate(0) scale(1) rotate(0);}	
}
@-moz-keyframes ico_3{
	0%{ -moz-transform:translate(-80px,80px) scale(0.1) rotate(20deg)}
	100%{-moz-transform:translate(0) scale(1) rotate(0);}	
}
@-ms-keyframes ico_3{
	0%{ -ms-transform:translate(-80px,80px) scale(0.1) rotate(20deg)}
	100%{-ms-transform:translate(0) scale(1) rotate(0);}	
}
@-o-keyframes ico_3{
	0%{ -o-transform:translate(-80px,80px) scale(0.1) rotate(20deg)}
	100%{-o-transform:translate(0) scale(1) rotate(0);}	
}
@keyframes ico_3{
	0%{ transform:translate(-80px,80px) scale(0.1) rotate(20deg)}
	100%{transform:translate(0) scale(1) rotate(0);}	
}
@-webkit-keyframes jt{
0%{-webkit-transform:translateY(2);}
100%{ -webkit-transform:translateY(8px); opacity:0.2}
}
@-moz-keyframes jt{
0%{-moz-transform:translateY(2px);}
100%{ -moz-transform:translateY(8px); opacity:0.2}
}
@-ms-keyframes jt{
0%{-ms-transform:translateY(2px);}
100%{ -ms-transform:translateY(8px); opacity:0.2}
}
@-o-keyframes jt{
0%{-o-transform:translateY(2px);}
100%{ -o-transform:translateY(8px); opacity:0.2}
}
@keyframes jt{
0%{transform:translateY(2px);}
100%{transform:translateY(8px); opacity:0.2}
}
/*box2*/
.mod_b{ width:880px; height:642px; position:absolute; left:50%; margin-left:-440px; bottom:75px;}
.b_box{ background:url(../images/dianshi.gif) no-repeat 0 0; width:880px; height:642px; position:relative; z-index:9;}
.manhua{ position:absolute; top:144px; width:600px; height:400px; left:51px;}
.b_txt{ position:absolute; top:144px; left:697px; width:126px; height:300px; line-height:24px; color:#ffde88; font-size:14px;}
.yuedu{ position:absolute; overflow:hidden; text-indent:-999em; top:488px; width:80px; border-radius:50%; height:80px; left:725px;}
.b_shadow{ position:absolute; bottom:-21px; z-index:1; left:-60px; -webkit-animation-delay:1.5s;}
.mod_b .title{ position:absolute; top:-44px; right:-15px;}
.b_bg{ width:1000px; position:absolute; height:642px; z-index:2; top:0; left:-60px;}
.b_bg .star{ position:absolute; background:url(../images/star.gif) no-repeat 0 0; width:12px; height:12px;}
.b_bg .st1{ left:-326px; top:110px; opacity:0.3;
-webkit-animation:star_3 2s linear infinite;
-moz-animation:star_3 2s linear infinite;
-ms-animation:star_3 2s linear infinite;
-o-animation:star_3 2s linear infinite;
animation:star_3 2s linear infinite;}
.b_bg .st2{ left:-266px; top:170px; opacity:0.3;}
.b_bg .st3{ left:-285px; top:330px; opacity:0.3;}
.b_bg .st4{ left:-176px; top:70px; opacity:0.5;
-webkit-animation:star_5 3s linear infinite;
-moz-animation:star_5 3s linear infinite;
-ms-animation:star_5 3s linear infinite;
-o-animation:star_5 3s linear infinite;
animation:star_5 3s linear infinite;}
.b_bg .st5{ left:-136px; top:340px; opacity:0.8;
-webkit-animation:star_8 2.5s linear infinite;
-moz-animation:star_8 2.5s linear infinite;
-ms-animation:star_8 2.5s linear infinite;
-o-animation:star_8 2.5s linear infinite;
animation:star_8 2.5s linear infinite;}
.b_bg .st6{ left:-96px; top:240px; opacity:0.3;}
.b_bg .st7{ left:14px; top:140px; opacity:0.3;
-webkit-animation:star_3 2.5s linear infinite;
-moz-animation:star_3 2.5s linear infinite;
-ms-animation:star_3 2.5s linear infinite;
-o-animation:star_3 2.5s linear infinite;
animation:star_3 2.5s linear infinite;}
.b_bg .st8{ left:25px; top:290px; opacity:0.3;}
.b_bg .st9{ left:-55px; top:470px; opacity:0.3;}
.b_bg .st10{ left:965px; top:110px; opacity:0.3;
-webkit-animation:star_3 2s linear infinite;
-moz-animation:star_3 2s linear infinite;
-ms-animation:star_3 2s linear infinite;
-o-animation:star_3 2s linear infinite;
animation:star_3 2s linear infinite;}
.b_bg .st11{ left:1025px; top:170px; opacity:0.3;}
.b_bg .st12{ left:1005px; top:330px; opacity:0.8;
-webkit-animation:star_8 2.5s linear infinite;
-moz-animation:star_8 2.5s linear infinite;
-ms-animation:star_8 2.5s linear infinite;
-o-animation:star_8 2.5s linear infinite;
animation:star_8 2.5s linear infinite;}
.b_bg .st13{ left:1110px; top:70px; opacity:0.3;}
.b_bg .st14{ left:1194px; top:240px; opacity:0.8;}
.b_bg .st15{ left:1235px; top:470px; opacity:0.3;
-webkit-animation:star_3 2s linear infinite;
-moz-animation:star_3 2s linear infinite;
-ms-animation:star_3 2s linear infinite;
-o-animation:star_3 2s linear infinite;
animation:star_3 2s linear infinite;}
.b_bg .st16{ left:1305px; top:140px; opacity:0.5;
-webkit-animation:star_5 3.5s linear infinite;
-moz-animation:star_5 3.5s linear infinite;
-ms-animation:star_5 3.5s linear infinite;
-o-animation:star_5 3.5s linear infinite;
animation:star_5 3.5s linear infinite;}
.b_bg .st17{ left:1325px; top:190px; opacity:0.3;}
.b_bg .st18{ left:1115px; top:340px; opacity:0.3;
-webkit-animation:star_3 3s linear infinite;
-moz-animation:star_3 3s linear infinite;
-ms-animation:star_3 3s linear infinite;
-o-animation:star_3 3s linear infinite;
animation:star_3 3s linear infinite;}

.b_bg .liuxing{ background:url(../images/liuxing.gif) no-repeat 0 0; width:74px; height:53px; position:absolute;}
.b_bg .lx1{left:-215px; top:232px;
-webkit-transform:translate(500px,-500px);-webkit-animation:lx1 10s linear infinite;
-moz-transform:translate(500px,-500px);-moz-animation:lx1 10s linear infinite;
-ms-transform:translate(500px,-500px);-ms-animation:lx1 10s linear infinite;
-o-transform:translate(500px,-500px);-o-animation:lx1 10s linear infinite;
transform:translate(500px,-500px);animation:lx1 10s linear infinite;}
.b_bg .lx2{ left:1145px; top:20px;
-webkit-transform:translate(300px,-300px);-webkit-animation:lx2 10s 3s linear infinite;
-moz-transform:translate(300px,-300px);-moz-animation:lx2 10s 3s linear infinite;
-ms-transform:translate(300px,-300px);-ms-animation:lx2 10s 3s linear infinite;
-o-transform:translate(300px,-300px);-o-animation:lx2 10s 3s linear infinite;
transform:translate(300px,-300px);animation:lx2 10s 3s linear infinite;}

/*ani*/
.b_box{opacity:0;
-webkit-transform-origin:center bottom;-webkit-transform:translateY(-1000px);
-moz-transform-origin:center bottom;-moz-transform:translateY(-1000px);
-ms-transform-origin:center bottom;-ms-transform:translateY(-1000px);
-o-transform-origin:center bottom;-o-transform:translateY(-1000px);
transform-origin:center bottom;transform:translateY(-1000px);}
.ani .b_box{opacity:1;
-webkit-transform:translateY(0); -webkit-animation:b_box 1.8s ease;
-moz-transform:translateY(0); -moz-animation:b_box 1.8s ease;
-ms-transform:translateY(0); -ms-animation:b_box 1.8s ease;
-o-transform:translateY(0); -o-animation:b_box 1.8s ease;
transform:translateY(0); animation:b_box 1.8s ease;}
@-webkit-keyframes b_box{
	0%,55%{-webkit-transform:translateY(-1500px); opacity:0;}
	60%{ -webkit-transform:translateY(0) scaleY(1); opacity:1;}
	70%{ -webkit-transform:translateY(0) scaleY(0.9)}
	80%{-webkit-transform:translateY(0) scaleY(1)}
	90%{-webkit-transform:translateY(0) scaleY(0.97);}
	100%{ -webkit-transform:translateY(0) scaleY(1);}	
}
@-moz-keyframes b_box{
	0%,55%{-moz-transform:translateY(-1500px); opacity:0;}
	60%{ -moz-transform:translateY(0) scaleY(1); opacity:1;}
	70%{ -moz-transform:translateY(0) scaleY(0.9)}
	80%{-moz-transform:translateY(0) scaleY(1)}
	90%{-moz-transform:translateY(0) scaleY(0.97);}
	100%{ -moz-transform:translateY(0) scaleY(1);}	
}
@-ms-keyframes b_box{
	0%,55%{-ms-transform:translateY(-1500px); opacity:0;}
	60%{ -ms-transform:translateY(0) scaleY(1); opacity:1;}
	70%{ -ms-transform:translateY(0) scaleY(0.9)}
	80%{-ms-transform:translateY(0) scaleY(1)}
	90%{-ms-transform:translateY(0) scaleY(0.97);}
	100%{ -ms-transform:translateY(0) scaleY(1);}	
}
@-o-keyframes b_box{
	0%,55%{-o-transform:translateY(-1500px); opacity:0;}
	60%{ -o-transform:translateY(0) scaleY(1); opacity:1;}
	70%{ -o-transform:translateY(0) scaleY(0.9)}
	80%{-o-transform:translateY(0) scaleY(1)}
	90%{-o-transform:translateY(0) scaleY(0.97);}
	100%{ -o-transform:translateY(0) scaleY(1);}	
}
@keyframes b_box{
	0%,55%{transform:translateY(-1500px); opacity:0;}
	60%{ transform:translateY(0) scaleY(1); opacity:1;}
	70%{ transform:translateY(0) scaleY(0.9)}
	80%{transform:translateY(0) scaleY(1)}
	90%{transform:translateY(0) scaleY(0.97);}
	100%{transform:translateY(0) scaleY(1);}	
}
.b_shadow{ opacity:0;}
.ani .b_shadow{ opacity:1;
-webkit-animation:b_shadow 2s ease;
-moz-animation:b_shadow 2s ease;
-ms-animation:b_shadow 2s ease;
-o-animation:b_shadow 2s ease;
animation:b_shadow 2s ease;}
@-webkit-keyframes b_shadow{
	0%,80%{ opacity:0;}
	100%{ opacity:1;}	
}
@-moz-keyframes b_shadow{
	0%,80%{ opacity:0;}
	100%{ opacity:1;}	
}
@-ms-keyframes b_shadow{
	0%,80%{ opacity:0;}
	100%{ opacity:1;}	
}
@-o-keyframes b_shadow{
	0%,80%{ opacity:0;}
	100%{ opacity:1;}	
}
@keyframes b_shadow{
	0%,80%{ opacity:0;}
	100%{ opacity:1;}	
}
/*box3*/
.mod_c{ width:1000px; height:575px; position:absolute; top:50%; left:0; margin-top:-250px;}
.mod_c .item{ position:absolute; width:185px; height:185px;}
.mod_c .item_con{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; cursor:pointer;}
.mod_c .item_pic{ position:absolute; top:0; left:0; z-index:1; width:185px; height:185px; overflow:hidden;}
.mod_c .ico_c{ background:url(../images/c_ico.png) no-repeat 0 0; overflow:hidden; display:block; position:absolute; right:10px; bottom:10px; text-indent:-999em; width:36px; height:36px; z-index:9;}
.mod_c .item_mark{ display:none; position:absolute; z-index:10; border-top:2px solid #009fff; top:-5px; left:-5px; box-shadow:0 0 6px #000; width:195px; height:193px;}
.mod_c .mark_bg{ background:#000; position:absolute; z-index:-1; top:0; left:0; width:100%; height:100%;filter: Alpha(opacity=70);-moz-opacity:.7;opacity:0.7;}
.mod_c .mark_bd{ padding:12px; display:block;}
.mod_c .mark_bd h6{ line-height:18px; font-size:14px; color:#fff; padding-bottom:10px;}
.mod_c .mark_bd .more{ background:url(../images/more.png) no-repeat 0 0; width:60px; height:28px; overflow:hidden; text-indent:-999em; display:block; margin-top:12px;}
.mod_c .mark_bd .mark_info{ background:url(../images/pic_hover.png) no-repeat 0 0; width:150px; line-height:18px; overflow:hidden;color:#ccc; height:54px; padding:18px 10px;}

.mod_c .it6 .item_mark{ width:390px; height:388px;}
.mod_c .it9 .item_mark{ height:388px;}
.mod_c .it6 .item_pic{ width:380px; height:380px;}
.mod_c .it9 .item_pic{ height:380px;}
.mod_c .it6 .mark_bd{ padding:100px 70px 0;}
.mod_c .it9 .mark_bd{ padding-top:100px;}
.mod_c .it6 .mark_bd h6{ padding-bottom:30px;}
.mod_c .it6 .mark_bd .mark_info{ background:url(../images/pic_hover2.png) no-repeat 0 0; width:230px;}

/*hover*/
.mod_c .hover .item_mark{ display:block;}
.mod_c .hover .item_pic{ top:-5px; left:-5px; width:195px; height:195px;}
.mod_c .hover .item_pic img{ width:195px; height:195px;}
.mod_c .it6 .hover .item_pic{ width:390px; height:390px;}
.mod_c .it9 .hover .item_pic{ height:390px;}
.mod_c .it6 .hover .item_pic img{ width:390px; height:390px;}
.mod_c .it9 .hover .item_pic img{ height:390px;}
.mod_c .hover .ico_c{ display:none;}

.mod_c .it1{ top:195px; left:-370px;}
.mod_c .it2{ top:195px; left:-175px;}
.mod_c .it3{ top:390px; left:-175px;}
.mod_c .it4{ top:195px; left:20px;}
.mod_c .it5{ top:390px; left:20px;}
.mod_c .it6{ top:195px; left:215px; width:380px; height:380px;}
.mod_c .it7{ top:0; left:410px;}
.mod_c .it8{ top:0; left:605px;}
.mod_c .it9{ top:195px; left:605px; height:380px;}
.mod_c .it10{ top:0; left:800px;}
.mod_c .it11{ top:195px; left:800px;}
.mod_c .it12{ top:390px; left:800px;}
.mod_c .it13{ top:195px; left:995px;}
.mod_c .it14{ top:390px; left:995px;}
.mod_c .it15{ top:390px; left:1190px;}
.mod_c .title{ left:20px; position:absolute; top:0; width:380px; height:185px;}
.mod_c .title img{ display:block; margin:27px auto 0;}
/*ani*/
.item{ opacity:0;
-webkit-transition:all 1s 0.5s ease;
-moz-transition:all 1s 0.5s ease;
-ms-transition:all 1s 0.5s ease;
-o-transition:all 1s 0.5s ease;
transition:all 1s 0.5s ease;}
.ani .item{ opacity:1;}
.it4 .item_con,.it5 .item_con{opacity:0;
-webkit-transform:translate(200px,0);
-moz-transform:translate(200px,0);
-ms-transform:translate(200px,0);
-o-transform:translate(200px,0);
transform:translate(200px,0);}
.ani .it4 .item_con{opacity:1;
-webkit-animation:pic_4 2s ease; -webkit-transform:translate(0);
-moz-animation:pic_4 2s ease; -moz-transform:translate(0);
-ms-animation:pic_4 2s ease; -ms-transform:translate(0);
-o-animation:pic_4 2s ease; -o-transform:translate(0);
animation:pic_4 2s ease; transform:translate(0);}
.ani .it5 .item_con{opacity:1;
-webkit-animation:pic_5 2s ease; -webkit-transform:translate(0);
-moz-animation:pic_5 2s ease; -moz-transform:translate(0);
-ms-animation:pic_5 2s ease; -ms-transform:translate(0);
-o-animation:pic_5 2s ease; -o-transform:translate(0);
animation:pic_5 2s ease; transform:translate(0);}
.it7 .item_con{opacity:0;
-webkit-transform:translate(0,200px);
-moz-transform:translate(0,200px);
-ms-transform:translate(0,200px);
-o-transform:translate(0,200px);
transform:translate(0,200px);}
.ani .it7 .item_con{opacity:1;
-webkit-animation:pic_7 2s ease; -webkit-transform:translate(0);
-moz-animation:pic_7 2s ease; -moz-transform:translate(0);
-ms-animation:pic_7 2s ease; -ms-transform:translate(0);
-o-animation:pic_7 2s ease; -o-transform:translate(0);
animation:pic_7 2s ease; transform:translate(0);}
.it9 .item_con{opacity:0;
-webkit-transform:translate(-200px,0);
-moz-transform:translate(-200px,0);
-ms-transform:translate(-200px,0);
-o-transform:translate(-200px,0);
transform:translate(-200px,0);}
.ani .it9 .item_con{opacity:1;
-webkit-animation:pic_9 2s ease; -webkit-transform:translate(0);
-moz-animation:pic_9 2s ease; -moz-transform:translate(0);
-ms-animation:pic_9 2s ease; -ms-transform:translate(0);
-o-animation:pic_9 2s ease; -o-transform:translate(0);
animation:pic_9 2s ease; transform:translate(0);}
.it12 .item_con{opacity:0;
-webkit-transform:translate(-400px,0);
-moz-transform:translate(-400px,0);
-ms-transform:translate(-400px,0);
-o-transform:translate(-400px,0);
transform:translate(-400px,0);}
.ani .it12 .item_con{opacity:1;
-webkit-animation:pic_12 2.2s ease; -webkit-transform:translate(0);
-moz-animation:pic_12 2.2s ease; -moz-transform:translate(0);
-ms-animation:pic_12 2.2s ease; -ms-transform:translate(0);
-o-animation:pic_12 2.2s ease; -o-transform:translate(0);
animation:pic_12 2.2s ease; transform:translate(0);}
.it6 .item_con{opacity:0;
-webkit-transform:scale(0.01) rotate(-360deg);
-moz-transform:scale(0.01) rotate(-360deg);
-ms-transform:scale(0.01) rotate(-360deg);
-o-transform:scale(0.01) rotate(-360deg);
transform:scale(0.01) rotate(-360deg);}
.ani .it6 .item_con{opacity:1;
-webkit-animation:pic_6 .7s 0.4s ease; -webkit-transform:scale(1) rotate(0);
-moz-animation:pic_6 .7s 0.4s ease; -moz-transform:scale(1) rotate(0);
-ms-animation:pic_6 .7s 0.4s ease; -ms-transform:scale(1) rotate(0);
-o-animation:pic_6 .7s 0.4s ease; -o-transform:scale(1) rotate(0);
animation:pic_6 .7s 0.4s ease; transform:scale(1) rotate(0);}
/*mod_d*/
.mod_d{ width:860px; height:560px; bottom:90px; left:57px; position:absolute;}
.d_box{ background:url(../images/pr_box.gif) no-repeat 0 0; position:absolute; left:0; left:0; z-index:9; width:860px; height:560px;}
.pr_box{ padding:50px 10px 20px 60px; }
.pr_box .pr_sc{overflow:hidden; overflow-y:scroll; padding-right:50px; height:490px;}
.mod_d .title{ top:-110px; left:313px; width:426px; height:114px; z-index:11; position:absolute;
-webkit-transition-delay:1.2s;
-moz-transition-delay:1.2s;
-ms-transition-delay:1.2s;
-o-transition-delay:1.2s;
transition-delay:1.2s}
.mod_d .shou{ position:absolute; z-index:10; top:309px; left:-89px; width:149px; height:387px;}
.mod_d .biao{ position:absolute; z-index:8; top:-70px; left:-115px; width:87px; height:294px;
-webkit-transition-delay:1.3s;
-moz-transition-delay:1.3s;
-ms-transition-delay:1.3s;
-o-transition-delay:1.3s;
transition-delay:1.3s}
.mod_d .huoji{ position:absolute; z-index:8; top:-136px; left:150px; width:124px; height:113px;
-webkit-transition-delay:1.6s;
-moz-transition-delay:1.6s;
-ms-transition-delay:1.6s;
-o-transition-delay:1.6s;
transition-delay:1.6s}
.mod_d .yan{ position:absolute; z-index:8; top:-178px; left:790px; width:229px; height:189px;
-webkit-transition-delay:1.2s;
-moz-transition-delay:1.2s;
-ms-transition-delay:1.2s;
-o-transition-delay:1.2s;
transition-delay:1.2s}
.mod_d .bi{position:absolute; z-index:11; top:255px; left:810px; width:136px; height:226px;pointer-events: none;}
.mod_d .d_bs1{ position:absolute; z-index:1; left:21px; top:0;
-webkit-transition-delay:1.7s;
-moz-transition-delay:1.7s;
-ms-transition-delay:1.7s;
-o-transition-delay:1.7s;
transition-delay:1.7s}
.mod_d .d_bs2{ position:absolute; z-index:1; left:-114px; top:-69px;
-webkit-transition-delay:1.7s;
-moz-transition-delay:1.7s;
-ms-transition-delay:1.7s;
-o-transition-delay:1.7s;
transition-delay:1.7s}
.mod_d .d_bs3{ position:absolute; z-index:1; left:160px; top:-137px;
-webkit-transition-delay:1.7s;
-moz-transition-delay:1.7s;
-ms-transition-delay:1.7s;
-o-transition-delay:1.7s;
transition-delay:1.7s}
.mod_d .d_bs4{ position:absolute; z-index:1; left:860px; top:-127px;
-webkit-transition-delay:1.7s;
-moz-transition-delay:1.7s;
-ms-transition-delay:1.7s;
-o-transition-delay:1.7s;
transition-delay:1.7s}

/*ani*/
.d_box,.shou{ 
-webkit-transform:translateY(650px); -webkit-transition:all 1s .4s ease;
-moz-transform:translateY(650px); -moz-transition:all 1s .4s ease;
-ms-transform:translateY(650px); -ms-transition:all 1s .4s ease;
-o-transform:translateY(650px); -o-transition:all 1s .4s ease;
transform:translateY(650px); transition:all 1s .4s ease;}
.ani .d_box,.ani .shou{ 
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0);}
.bi{ opacity:0;
-webkit-transform:translate(-600px,-400px);
-moz-transform:translate(-600px,-400px);
-ms-transform:translate(-600px,-400px);
-o-transform:translate(-600px,-400px);
transform:translate(-600px,-400px);}
.ani .bi{  opacity:1;
-webkit-transform:translate(0);-webkit-animation:bi 3s linear;
-moz-transform:translate(0);-moz-animation:bi 3s linear;
-ms-transform:translate(0);-ms-animation:bi 3s linear;
-o-transform:translate(0);-o-animation:bi 3s linear;
transform:translate(0);animation:bi 3s linear;}
@-webkit-keyframes bi{
0%{-webkit-transform:translate(-700px,-400px); opacity:0;}
80%{-webkit-transform:translate(-700px,-400px); opacity:0;}
85%{-webkit-transform:translate(-100px,-400px); opacity:1}
94%{ -webkit-transform:translate(-500px,0)}
100%{-webkit-transform:translate(0)}
}
@-moz-keyframes bi{
0%{-moz-transform:translate(-700px,-400px); opacity:0;}
80%{-moz-transform:translate(-700px,-400px); opacity:0;}
85%{-moz-transform:translate(-100px,-400px); opacity:1}
94%{ -moz-transform:translate(-500px,0)}
100%{-moz-transform:translate(0)}
}

@-ms-keyframes bi{
0%{-ms-transform:translate(-700px,-400px); opacity:0;}
80%{-ms-transform:translate(-700px,-400px); opacity:0;}
85%{-ms-transform:translate(-100px,-400px); opacity:1}
94%{ -ms-transform:translate(-500px,0)}
100%{-ms-transform:translate(0)}
}

@-o-keyframes bi{
0%{-o-transform:translate(-700px,-400px); opacity:0;}
80%{-o-transform:translate(-700px,-400px); opacity:0;}
85%{-o-transform:translate(-100px,-400px); opacity:1}
94%{ -o-transform:translate(-500px,0)}
100%{-o-transform:translate(0)}
}
@keyframes bi{
0%{transform:translate(-700px,-400px); opacity:0;}
80%{transform:translate(-700px,-400px); opacity:0;}
85%{transform:translate(-100px,-400px); opacity:1}
94%{transform:translate(-500px,0)}
100%{transform:translate(0)}
}

.fade_in{ opacity:0;
-webkit-transition:opacity 0.5s ease;
-moz-transition:opacity 0.5s ease;
-ms-transition:opacity 0.5s ease;
-o-transition:opacity 0.5s ease;
transition:opacity 0.5s ease;}
.ani .fade_in{ opacity:1;}

.foot{ text-align:center; color:#7a796f; width:100%; background:#161616; height:25px; padding:15px 0; position:fixed; z-index:998; left:0; bottom:0;}
.iblk{display:inline-block;*zoom:1;*display:inline;}
/*循环动画*/
@-webkit-keyframes star_3{0%,100%{ opacity:0.3;}50%{ opacity:0.6;}}
@-moz-keyframes star_3{0%,100%{ opacity:0.3;}50%{ opacity:0.6;}}
@-ms-keyframes star_3{0%,100%{ opacity:0.3;}50%{ opacity:0.6;}}
@-o-keyframes star_3{0%,100%{ opacity:0.3;}50%{ opacity:0.6;}}
@keyframes star_3{0%,100%{ opacity:0.3;}50%{ opacity:0.6;}}
@-webkit-keyframes star_5{0%,100%{ opacity:0.5;}50%{ opacity:0.9;}}
@-moz-keyframes star_5{0%,100%{ opacity:0.5;}50%{ opacity:0.9;}}
@-ms-keyframes star_5{0%,100%{ opacity:0.5;}50%{ opacity:0.9;}}
@-o-keyframes star_5{0%,100%{ opacity:0.5;}50%{ opacity:0.9;}}
@keyframes star_5{0%,100%{ opacity:0.5;}50%{ opacity:0.9;}}
@-webkit-keyframes star_8{0%,100%{ opacity:0.8;}50%{ opacity:0.2;}}
@-moz-keyframes star_8{0%,100%{ opacity:0.8;}50%{ opacity:0.2;}}
@-ms-keyframes star_8{0%,100%{ opacity:0.8;}50%{ opacity:0.2;}}
@-o-keyframes star_8{0%,100%{ opacity:0.8;}50%{ opacity:0.2;}}
@keyframes star_8{0%,100%{ opacity:0.8;}50%{ opacity:0.2;}}
@-webkit-keyframes lx1{0%{-webkit-transform:translate(500px,-500px);}100%{-webkit-transform:translate(-500px,500px); opacity:0.2}}
@-moz-keyframes lx1{0%{-moz-transform:translate(500px,-500px);}100%{-moz-transform:translate(-500px,500px); opacity:0.2}}
@-ms-keyframes lx1{0%{-ms-transform:translate(500px,-500px);}100%{-ms-transform:translate(-500px,500px); opacity:0.2}}
@-o-keyframes lx1{0%{-o-transform:translate(500px,-500px);}100%{-o-transform:translate(-500px,500px); opacity:0.2}}
@keyframes lx1{0%{transform:translate(500px,-500px);}100%{transform:translate(-500px,500px); opacity:0.2}}
@-webkit-keyframes lx2{0%{-webkit-transform:translate(300px,-300px);}100%{-webkit-transform:translate(-500px,500px);opacity:0.2}}
@-moz-keyframes lx2{0%{-moz-transform:translate(300px,-300px);}100%{-moz-transform:translate(-500px,500px);opacity:0.2}}
@-ms-keyframes lx2{0%{-ms-transform:translate(300px,-300px);}100%{-ms-transform:translate(-500px,500px);opacity:0.2}}
@-o-keyframes lx2{0%{-o-transform:translate(300px,-300px);}100%{-o-transform:translate(-500px,500px);opacity:0.2}}
@keyframes lx2{0%{transform:translate(300px,-300px);}100%{transform:translate(-500px,500px);opacity:0.2}}
@-webkit-keyframes money{0%,50%,100%{-webkit-transform:rotate(0);}25%{-webkit-transform:rotate(-2deg);}7%{-webkit-transform:rotate(3deg);}}
@-moz-keyframes money{0%,50%,100%{-moz-transform:rotate(0);}25%{-moz-transform:rotate(-2deg);}7%{-moz-transform:rotate(3deg);}}
@-ms-keyframes money{0%,50%,100%{-ms-transform:rotate(0);}25%{-ms-transform:rotate(-2deg);}7%{-ms-transform:rotate(3deg);}}
@-o-keyframes money{0%,50%,100%{-o-transform:rotate(0);}25%{-o-transform:rotate(-2deg);}7%{-o-transform:rotate(3deg);}}
@keyframes money{0%,50%,100%{transform:rotate(0);}25%{transform:rotate(-2deg);}7%{transform:rotate(3deg);}}
@-webkit-keyframes tui{0%,50%,100%{-webkit-transform:rotate(-10deg);}25%,75%{-webkit-transform:rotate(-5deg);}}
@-moz-keyframes tui{0%,50%,100%{-moz-transform:rotate(-10deg);}25%,75%{-moz-transform:rotate(-5deg);}}
@-ms-keyframes tui{0%,50%,100%{-ms-transform:rotate(-10deg);}25%,75%{-ms-transform:rotate(-5deg);}}
@-o-keyframes tui{0%,50%,100%{-o-transform:rotate(-10deg);}25%,75%{-o-transform:rotate(-5deg);}}
@keyframes tui{0%,50%,100%{transform:rotate(-10deg);}25%,75%{transform:rotate(-5deg);}}

@-webkit-keyframes pic_4{0%,55%{-webkit-transform:translate(200px,0); opacity:0;}75%{ -webkit-transform:translate(200px,-200px); opacity:1;}100%{-webkit-transform:translate(0);}}
@-moz-keyframes pic_4{0%,55%{-moz-transform:translate(200px,0); opacity:0;}75%{ -moz-transform:translate(200px,-200px); opacity:1;}100%{-moz-transform:translate(0);}}
@-ms-keyframes pic_4{0%,55%{-ms-transform:translate(200px,0); opacity:0;}75%{ -ms-transform:translate(200px,-200px); opacity:1;}100%{-ms-transform:translate(0);}}
@-o-keyframes pic_4{0%,55%{-o-transform:translate(200px,0); opacity:0;}75%{ -o-transform:translate(200px,-200px); opacity:1;}100%{-o-transform:translate(0);}}
@keyframes pic_4{0%,55%{transform:translate(200px,0); opacity:0;}75%{ transform:translate(200px,-200px); opacity:1;}100%{transform:translate(0);}}

@-webkit-keyframes pic_5{0%,55%{-webkit-transform:translate(200px,0); opacity:0;}100%{-webkit-transform:translate(0); opacity:1;}}
@-moz-keyframes pic_5{0%,55%{-moz-transform:translate(200px,0); opacity:0;}100%{-moz-transform:translate(0); opacity:1;}}
@-ms-keyframes pic_5{0%,55%{-ms-transform:translate(200px,0); opacity:0;}100%{-ms-transform:translate(0); opacity:1;}}
@-o-keyframes pic_5{0%,55%{-o-transform:translate(200px,0); opacity:0;}100%{-o-transform:translate(0); opacity:1;}}
@keyframes pic_5{0%,55%{transform:translate(200px,0); opacity:0;}100%{transform:translate(0); opacity:1;}}

@-webkit-keyframes pic_6{0%{-webkit-transform:scale(0.01) rotate(-360deg); opacity:0;}100%{-webkit-transform:scale(1) rotate(0); opacity:1;}}
@-moz-keyframes pic_6{0%{-moz-transform:scale(0.01) rotate(-360deg); opacity:0;}100%{-moz-transform:scale(1) rotate(0); opacity:1;}}
@-ms-keyframes pic_6{0%{-ms-transform:scale(0.01) rotate(-360deg); opacity:0;}100%{-ms-transform:scale(1) rotate(0); opacity:1;}}
@-o-keyframes pic_6{0%{-o-transform:scale(0.01) rotate(-360deg); opacity:0;}100%{-o-transform:scale(1) rotate(0); opacity:1;}}
@keyframes pic_6{0%{transform:scale(0.01) rotate(-360deg); opacity:0;}100%{transform:scale(1) rotate(0); opacity:1;}}

@-webkit-keyframes pic_7{0%,55%{-webkit-transform:translate(0,200px); opacity:0;}100%{-webkit-transform:translate(0); opacity:1;}}
@-moz-keyframes pic_7{0%,55%{-moz-transform:translate(0,200px); opacity:0;}100%{-moz-transform:translate(0); opacity:1;}}
@-ms-keyframes pic_7{0%,55%{-ms-transform:translate(0,200px); opacity:0;}100%{-ms-transform:translate(0); opacity:1;}}
@-o-keyframes pic_7{0%,55%{-o-transform:translate(0,200px); opacity:0;}100%{-o-transform:translate(0); opacity:1;}}
@keyframes pic_7{0%,55%{transform:translate(0,200px); opacity:0;}100%{transform:translate(0); opacity:1;}}

@-webkit-keyframes pic_9{0%,55%{-webkit-transform:translate(-200px,0); opacity:0; z-index:5}100%{-webkit-transform:translate(0);}}
@-moz-keyframes pic_9{0%,55%{-moz-transform:translate(-200px,0); opacity:0; z-index:5}100%{-moz-transform:translate(0);}}
@-ms-keyframes pic_9{0%,55%{-ms-transform:translate(-200px,0); opacity:0; z-index:5}100%{-ms-transform:translate(0);}}
@-o-keyframes pic_9{0%,55%{-o-transform:translate(-200px,0); opacity:0; z-index:5}100%{-o-transform:translate(0);}}
@keyframes pic_9{0%,55%{transform:translate(-200px,0); opacity:0; z-index:5}100%{transform:translate(0);}}

@-webkit-keyframes pic_12{0%,55%{-webkit-transform:translate(-400px,0); opacity:0; z-index:4}100%{-webkit-transform:translate(0);}}
@-moz-keyframes pic_12{0%,55%{-moz-transform:translate(-400px,0); opacity:0; z-index:4}100%{-moz-transform:translate(0);}}
@-ms-keyframes pic_12{0%,55%{-ms-transform:translate(-400px,0); opacity:0; z-index:4}100%{-ms-transform:translate(0);}}
@-o-keyframes pic_12{0%,55%{-o-transform:translate(-400px,0); opacity:0; z-index:4}100%{-o-transform:translate(0);}}
@keyframes pic_12{0%,55%{transform:translate(-400px,0); opacity:0; z-index:4}100%{transform:translate(0);}}

@media screen and (max-height:730px){
	.mod_d{ bottom:55px}
}