/* CSS Document */
/*
动画过度
{transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;} 
橙#ff6340
蓝#2a3650
 */
* { margin:0; padding:0;}
img { border:none;}
li { list-style:none;}
a {text-decoration:none;}
body {background:#0b1b2b;font-family:Microsoft YaHei;}
.contract {background:url(../images/contract.png);width:202px;height:291px;position:fixed;left:0;top:200px;z-index:9;}
.contract.on {left:-200px;}
.contract  {transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;} 
.contract_x {background:url(../images/X.png);width:20px;height:20px;display:block;z-index:10;left:0px;top:250px;position:fixed;cursor:pointer;}
.contract_x  {transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;} 
.contract_x.on {left:-20px;}
.nav {background:url(../images/nav1.png) left top no-repeat;width:900px;height:74px;z-index:9;position:fixed;right:0;top:100px;overflow:hidden;}
.nav {transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;}
.nav_a {float:right;}
.nav .logo1 {background:url(../images/LogoNew.png);width:264px;height:182px;display:block;position:fixed;left:10px;top:-167px;}
.nav .logo1 img {width:100%;height:auto;}
.nav .logo1 {transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;}
.nav .logo1.on {top:26px;}
.nav a {width:100px;height:74px;display:block;color:#e5e4e9;font-size:16px;line-height:74px;float:left;margin-right:40px;text-align:center;overflow:hidden;position:relative;}
.nav a i {background:#33B4E6;width:100px;height:4px;display:block;position:absolute;left:-100px;bottom:0;}
.nav a i {transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;} 
.nav a i.on {left:0;}
.nav.on {background:url(../images/nav_02.png) repeat-x;width:100%;top:0;filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9;}
.top {background:url(../images/top1.jpg) top center no-repeat;width:100%;height:858px;overflow:hidden;position:relative;}
.top_video {background: url(../images/video.png);width:333px;height:196px;position:absolute;right:10px;top:240px;display:block;}
.top_video i {background:url(../images/play_i.png);width:69px;height:69px;display:block;position:absolute;left:128px;top:48px;}
.top_video i {animation: 3s linear 0s normal none infinite rotate;
-webkit-animation:3s linear 0s normal none infinite rotate;
-moz-keyframes:3s linear 0s normal none infinite rotate;
-ms-keyframes:3s linear 0s normal none infinite rotate;
-o-keyframes rotate:3s linear 0s normal none infinite rotate;
}
@-webkit-keyframes rotate
{
from{-webkit-transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rotate
{
from{-moz-transform:rotate(0deg)}
to{-moz-transform:rotate(360deg)}
}
@-ms-keyframes rotate
{
from{-ms-transform:rotate(0deg)}
to{-ms-transform:rotate(360deg)}
}
@-o-keyframes rotate
{
from{-o-transform:rotate(0deg)}
to{-o-transform:rotate(360deg)}
}
.top .ray_2 {background:url(../images/ray_left.png);width:51px;height:16px;position:absolute;right:0px;top:250px;z-index:9;}
.top .ray_2 {
animation:ray_2 6s infinite linear;
-webkit-animation:ray_2 6s infinite linear;
-moz-keyframes:ray_2 6s infinite linear;
-ms-keyframes:ray_2 6s infinite linear;
-o-keyframes rotate:ray_2 6s infinite linear;}
@-webkit-keyframes ray_2 {
0% {right:-50%;}
50% {right:100%;}
100% {right:150%;}
}
.top .logo {background:url(../images/LogoNew.png);width:264px;height:182px;display:block;position:absolute;left:20px;top:20px;}
.top .ageTips {width:77px;height:100px;display:block;position:absolute;left:20px;top:230px;}
.top .ray_1 {background:url(../images/ray_right.png);width:51px;height:16px;position:absolute;right:1000px;top:85px;z-index:9;}
.top .ray_1 {
animation:ray_1 6s infinite linear;
-webkit-animation:ray_1 6s infinite linear;
-moz-keyframes:ray_1 6s infinite linear;
-ms-keyframes:ray_1 6s infinite linear;
-o-keyframes rotate:ray_1 6s infinite linear;}
@-webkit-keyframes ray_1 {
0% {right:1000px;}
50% {right:300px;}
100% {right:-400px;}
}
.top .ray_2 {background:url(../images/ray_left.png);width:51px;height:16px;position:absolute;right:0px;top:250px;z-index:9;}
.top .ray_2 {
animation:ray_2 6s infinite linear;
-webkit-animation:ray_2 6s infinite linear;
-moz-keyframes:ray_2 6s infinite linear;
-ms-keyframes:ray_2 6s infinite linear;
-o-keyframes rotate:ray_2 6s infinite linear;}
@-webkit-keyframes ray_2 {
0% {right:-50%;}
50% {right:100%;}
100% {right:150%;}
}
.top .slogan {width:700px;height:300px;margin:0 auto;padding-top:200px;}
.top .abox {width:auto;height:169px;overflow:hidden;position:absolute;left:0;bottom:80px;}
.top .abox a {float:left;display:block;position:relative;overflow:hidden;margin-right:4px;} 
.top .abox a i {transition: all 0.7s;-webkit-transition: all 0.7s;-moz-transition: all 0.7s;-ms-transition: all 0.7s;} 
.top .abox a .i1 {background:#42f1ff;width:120px;height:4px;display:block;position:absolute;left:-132px;top:0;}
.top .abox a .i2 {background:#42f1ff;width:132px;height:4px;display:block;position:absolute;right:-132px;bottom:0;}
.top .abox a .i1.on {left:0px;}
.top .abox a .i2.on {right:0px;}
#a1 {background:url(../images/top_a1.png);width:328px;height:168px;}
#a2 {background:url(../images/top_a2.png);width:132px;height:168px;}
#a3 {background:url(../images/top_a3.png);width:132px;height:168px;}
#a4 {background:url(../images/top_a4.png);width:132px;height:168px;}
#a5 {background:url(../images/top_a5.png);width:132px;height:168px;}
#a6 {background:url(../images/top_a6.png);width:132px;height:168px;}
#a7 {background:url(../images/top_a7.png);width:132px;height:168px;}
#a8 {background:url(../images/top_a8.png);width:132px;height:168px;}
#a1 .i1 {background:url(../images/top_a_i1.png);width:17px;height:10px;display:block;position:absolute;left:156px;top:134px;}
#a1 .i3 {background:url(../images/top_a_i3.png);width:37px;height:11px;display:block;position:absolute;left:-37px;top:40px;}
#a1 .i4 {background:url(../images/top_a_i4.png);width:37px;height:11px;display:block;position:absolute;right:-37px;top:90px;}
#a1 .i1 {
animation:i1 2s infinite linear;
-webkit-animation:i1 2s infinite linear;
-moz-keyframes:i1 2s infinite linear;
-ms-keyframes:i1 2s infinite linear;
-o-keyframes rotate:i1 2s infinite linear;}
@-webkit-keyframes i1 {
0% {top:134px;}
50% {top:150px;}
100% {top:134px;}
}
#a1 .i3.on {
animation:i3 2s infinite linear;
-webkit-animation:i3 2s infinite linear;
-moz-keyframes:i3 2s infinite linear;
-ms-keyframes:i3 2s infinite linear;
-o-keyframes rotate:i3 2s infinite linear;}
@-webkit-keyframes i3 {
0% {left:-37px;}
50% {left:201px;}
100% {left:365px;}
}
#a1 .i4.on  {
animation:i4 2s infinite linear;
-webkit-animation:i4 2s infinite linear;
-moz-keyframes:i4 2s infinite linear;
-ms-keyframes:i4 2s infinite linear;
-o-keyframes rotate:i4 2s infinite linear;}
@-webkit-keyframes i4 {
0% {right:-37px;}
50% {right:201px;}
100% {right:365px;}
}
.w1200 {width:1200px;height:auto;overflow:hidden;margin:0 auto;position:relative;}
.box1 {background:url(../images/news.jpg) top center no-repeat;width:100%;height:570px;overflow:hidden;position:relative;}
.news {float:left;margin-left:20px;width:380px;height:340px;overflow:hidden;margin-top:168px;}
.news_hot {width:100%;height:50px;text-align:center;border-bottom:1px solid #4350ac;overflow:hidden;}
.news_hot a {line-height:50px;font-size:20px;color:#42f1ff;}
.news_hot a:hover {color:#fff;}
.news_a  {width:100%;height:40px;border-bottom:1px solid #4350ac;display:block;overflow:hidden;line-height:40px;font-size:14px;color:#fff;position:relative;}
.news_a p {width:290px;heigth:40px;display:block;overflow:hidden;position:absolute;top:0;left:0;}
.news_a .timespan {line-height:40px;font-size:12px;color:#fff;position:absolute;top:0;right:0;}
.news_a:hover {color:#42f1ff;}
.news_a i {width:100%;height:2px;display:block;position:absolute;bottom:0;right:-100%;background:#33B4E6;}
.news_a i {transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;} 
.news_a i.on {right:0;}
.box2 {background:url(../images/zi.jpg) top center no-repeat;width:100%;height:570px;overflow:hidden;position:relative;}
.data_abox {width:400px;height:320px;position:absolute;left:0;top:140px;overflow:hidden;}
.data_a {background:url(../images/data_a.png);width:121px;height:140px;display:block;float:left;margin-left:60px;margin-bottom:40px;line-height:140px;text-align:center;color:#fff;font-size:16px;cursor:pointer;filter:alpha(opacity=100);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;}
.data_a:hover {filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.data_a.on  {filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}
.data_li {width:700px;height:230px;position:absolute;top:180px;right:-700px;overflow:hidden;}
.data_li {transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;} 
.data_li.on {right:50px;}
.data_li a {color:#fff;font-size:16px;width:200px;height:40px;line-height:40px;display:block;text-align:center;float:left;margin-left:25px;margin-top:30px;overflow:hidden;}
.data_li a {border-bottom:1px solid #42F1FF;}
.data_li a:hover {border-bottom:1px solid #007EFF;color:#42F1FF;}
.box4 {background:url(../images/adbox.jpg) top center no-repeat;width:100%;height:570px;overflow:hidden;}
.adbox {width:1200px;height:570px;position:relative;margin:0 auto;}
.adbox a {display:block;float:left;overflow:hidden;position:relative;width:290px;height:440px;margin-top:120px;margin-left:6px;}
.adbox a i {top:0;left:0px;background:url(../images/abox_a_i.png);width:26px;height:440px;display:block;position:absolute;}
.adbox a i {transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;} 
.adbox a i.on {left:290px;}
.box3 {background:url(../images/b3.jpg) top center no-repeat;width:100%;height:570px;overflow:hidden;position:relative;}
.gun {background:url(../images/bb.png) top right no-repeat;width:100%;height:570px;position:absolute;left:0;top:0;}
.gun1 {background:url(../images/bb.png) top left no-repeat;width:100%;height:570px;position:absolute;left:-100%;top:0;}
.gun  {
animation:gun 40s infinite linear;
-webkit-animation:gun 40s infinite linear;
-moz-keyframes:gun 40s infinite linear;
-ms-keyframes:gun 40s infinite linear;
-o-keyframes rotate:gun 40s infinite linear;}
@-webkit-keyframes gun {
0% {left:0%;}
50% {left:50%;}
100% {left:100%;}
}
.gun1  {
animation:gun1 40s infinite linear;
-webkit-animation:gun1 40s infinite linear;
-moz-keyframes:gun1 40s infinite linear;
-ms-keyframes:gun1 40s infinite linear;
-o-keyframes rotate:gun1 40s infinite linear;}
@-webkit-keyframes gun1 {
0% {left:-100%;}
50% {left:-50%;}
100% {left:0%;}
}
.more {background:url(../images/more.png);width:42px;height:178px;display:block;position:absolute;right:0;top:200px;}
.more i {background:url(../images/more_i.png);width:16px;height:16px;display:block;margin-top:130px;margin-left:14px;}
.more i.on {animation: 2s linear 0s normal none infinite rotate;
-webkit-animation:2s linear 0s normal none infinite rotate;
-moz-keyframes:2s linear 0s normal none infinite rotate;
-ms-keyframes:2s linear 0s normal none infinite rotate;
-o-keyframes rotate:2s linear 0s normal none infinite rotate;
}
@-webkit-keyframes rotate
{
from{-webkit-transform:rotate(0deg)}
to{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes rotate
{
from{-moz-transform:rotate(0deg)}
to{-moz-transform:rotate(360deg)}
}
@-ms-keyframes rotate
{
from{-ms-transform:rotate(0deg)}
to{-ms-transform:rotate(360deg)}
}
@-o-keyframes rotate
{
from{-o-transform:rotate(0deg)}
to{-o-transform:rotate(360deg)}
}