﻿body, p, b, dl, dd, table, td, th, input, button, textarea, xmp, pre, img, form, div, ul, ol, li, h1, h2, h3, h4, h5, h6 {
  margin:0;
  padding:0;
}
img, iframe, acronym {
  border:0;
}
ol, ul, li {
  list-style:none;
}
img, input, label, button {
  vertical-align:middle;
}
a {
  star:expression(this.onFocus=this.blur());
  /* for Ie*/
}
html {
  background:#000;
}
a {
  cursor:pointer;
  text-decoration:none;
}

body , input , select{
  font-family:"微软雅黑";}
  
#loading { background:url(../images/loading.gif) center center no-repeat #000; width:100%; height:100%; position:fixed; z-index:9999;}
#loading p {color: #fff;
font-weight: bold;
margin-top: 30px;
position: absolute;
text-align: center;
top: 50%;
width: 100%;}
html , body {width:100%;height:100%;min-width:1000px; min-height:580px;}
#main {width:100%;height:100%; min-width:1000px;min-height:580px;position:relative;overflow:hidden;background:#000; overflow:hidden;}

.logo1{ position:absolute; background:url(../images/logo/logo1.png) no-repeat; width:245px; height:30px; top:20px; left:40px; z-index:999999;}
.logo2{ position:absolute; background:url(../images/logo/logo2.png) no-repeat; width:200px; height:23px; bottom:10px; right:40px; z-index:999999;}
.nav{position:absolute; background:url(../images/logo/nav.png) no-repeat; width:278px; height:16px; top:10px; right:40px;z-index:555;}
.nav .wb{ position:absolute; width:75px; height:16px; left:0; top:0;}
.nav .wx{height: 16px;
left: 115px;
position: absolute;
top: 0;
width: 75px;
}

.nav1 .wx{background: url("../images/logo/nav2.png") no-repeat -114px 0px;}
.nav1 .wb{background: url("../images/logo/nav2.png") no-repeat -0px 0px;}
.nav1 .hjmd {background: url("../images/logo/nav2.png") no-repeat -222px 0px;}
.nav1 .menu-btn {background: url("../images/logo/nav2.png") right;}

.nav .wx_ewm{ position:absolute; background:url(../images/logo/wx_ewm.png) no-repeat; width:98px; height:129px;left:102px; top:-6px;}
.nav .cd{ position:absolute; width:60px; height:16px; right:0; top:0;}
.nav .hjmd{ position:absolute; width:127px; height:16px; left:223px; top:0;}
.nav1{background:url(../images/logo/nav2.png) no-repeat; width:438px;}

.nav.nobg { background:none;}
.nav2{background:url(../images/logo/nav3.png) no-repeat;}
.bottom{ position:absolute; background:url(../images/logo/bottom.png) no-repeat; width:392px; height:14px; bottom:15px; left:40px; z-index:999999;font-size:12px}
.bottomtxt2.bottom{background:none}


.prev{background: url("../images/prev.png") no-repeat scroll 0 0;
cursor: pointer;
height: 57px;
left: 50%;
margin-top: -28px;
position: absolute;
top: 50%;
width: 38px;
z-index: 10;
margin-left: -570px;}
.next{ position:absolute; background:url(../images/next.png) no-repeat; width:38px; height:57px; left:50%;margin-left: 530px; top:50%; margin-top:-28px; z-index:10; cursor:pointer;}

/*点击放大*/
.big_pic{ position:absolute; width:100%; height:100%; z-index:99;}
.big_pic .shade{ position:absolute; width:100%; height:100%; background:#000; z-index:1; opacity:.9; filter:alpha(opacity:90)}
.big_pic .close{background: url("../images/colse.png") no-repeat scroll 0 0;
cursor: pointer;
height: 34px;
left: 50%;
margin-left: 440px;
margin-top: -280px;
position: absolute;
top: 50%;
width: 34px;
z-index: 2;}
.big_pic .picbox{ position:absolute; width:850px; height:560px; background:#FFF; left:50%;  top:50%; margin-left:-425px; margin-top:-280px; z-index:3}
.picbox em { font-size: 10px;
    position: relative;
    top: -10px;}
.big_pic .picbox .cp_img{width:850px; height:368px;}
.big_pic .picbox h2{ padding:60px 40px 0 40px; background:url(../images/title_bj.png) no-repeat 40px 40px; font-size:18px; font-weight:bold;}
.big_pic .picbox p{ padding:10px 40px 0 40px; font-size:14px; line-height:25px;}

/*在玩一次浮层*/
.again_fc{ position:absolute;width:941px; height:470px; right:0; bottom:0px; z-index:2; background:rgb(43,43,43); }
.again_fc .present{ position:absolute; width:450px; height:360px; right:135px; top:40px;}
.again_fc .present dt{ min-height:40px; background:url(../images/title_bj.png) no-repeat left top; line-height:30px; padding-top:5px; color:#FFF; font-size:24px; font-weight:bold;}
.again_fc .present dd.cp_img{ width:450px; height:158px; overflow:hidden; padding-top:10px;}
.again_fc .present dd.txt{ color:#8f8f8f; font-size:14px; line-height:25px; padding-top:12px;}
.again_fc .present dd.btn{padding-top:20px;}
.again_fc .other_td{ position:absolute; width:100%; height:60px; right:0px; bottom:0px; background:#202020;cursor:default}
.again_fc .other_td .ot_1{ position:absolute; background:url(../images/xian.png) no-repeat; width:453px; height:1px; right:347px; top:29px;}
.again_fc .other_td .ot_2{ position:absolute; background:url(../images/other.png); width:57px; height:27px; right:280px; top:17px;}
.again_fc .other_td .ot_3{ position:absolute;  width:260px; height:60px; right:0px; top:0px;}
.again_fc .other_td .ot_3 li{ float:left; width:130px; height:60px; position:relative; cursor:pointer; overflow:hidden;}
.again_fc .other_td .ot_3 li .fc{ position:absolute; background:rgb(229,0,32); opacity:0.8; filter:alpha( opacity:80); font-size:14px; font-weight:bold; color:#FFF; text-align:center;left:0; top:0; height:60px; width:130px; display:none; line-height:60px; overflow:hidden;}

.again_fc .other_td .ot_3 li .fc.shuang{
line-height: 20px;
padding-left: 11px;
padding-top: 11px;
text-align: left;}
.again_fc .other_td .ot_3 li:hover .fc{ display:block;}

/*居左显示*/
.again_fcl{left:0;}
.again_fcl .present{ left:130px;}
.again_fcl .other_td .ot_1{ left:367px;}
.again_fcl .other_td .ot_2{ left:20px;}
.again_fcl .other_td .ot_3{ left:100px;}









/*首页*/
.index{ position:relative; width:100%; height:100%;}
.index .overall{ position:absolute;height:100%;}
.index .overall2{ position:absolute;height:100%;}
.index .menu{ position:absolute;/* background:url(../images/index/menu.png) no-repeat;*/ width:1790px; /*width:80%; min-width:800px; max-width:1790px; *//*left:50%; margin-left:-895px;*/top:89px; z-index:222;}
.index .menu i{color:#000; font-size:16px;position:absolute; font-style: normal;font-weight:bold; cursor:pointer;}
.index .menu i:hover { color:#e50020}
.index .menu i.i1{left: -24px;
top: 4px;
height: 50px;
line-height: 70px;}
.index .menu i.i2{left: 15.5%;
height:60px;
top: -4%;}
.index .menu i.i3{left: 32%;
height:60px;
top: -32px;}
.index .menu i.i4{left: 51.7%;
top: 77%;
height: 60px;
line-height: 90px;}
.index .menu i.i5{height: 60px;
left: 67%;
line-height: 90px;
top: 42%;}
.index .menu i.i6{left: 79.5%;
height:60px;
top: -20px;}
.index .menu i.i7{right: -24px;
top: 50%;
height: 60px;
line-height: 90px;}

.index .index_box{ position:absolute; max-width:1520px; bottom:0; left:0; height:700px; width:80%; min-width:1000px; left:50%; height:80%; max-height:700px;}
.index_box .ib_title{ position:absolute;  left:0; top:22%; max-width:586px; width:40%;}
.index_box .ib_title img { width:100%;position:absolute;z-index:1;}
.index_box .ib_title .star{bottom: 6%;z-index:2;
height: 17%;
left: 10%;
position: absolute;
width: 30%;}
.index_box .car_img{ position:absolute;bottom:0; width:74%; right:-15%;}
.index .move{ position:absolute; background:url(../images/index/hd.png) no-repeat; width:120px; height:98px; z-index:99; left:50%; margin-left:-60px; bottom:40px;}

/*游戏*/
.game{position:relative; width:100%; height:100%; background:url(../images/bj.jpg) no-repeat center bottom; background-size:100%;}
#page-try {position:relative; width:100%; height:100%; background:url(../images/bj.jpg) no-repeat center bottom; background-size:100%;}
.gamebox{ position:relative; width:100%; height:100%; left:0; top:0;}
.gb1{ position:absolute; width:970px; height:565px; left:50%; top:50%; margin-top:-282px; margin-left:-485px;}
.game1-main { width:813px; height:470px; background:url(../images/game1/bg.jpg);right:0; bottom:0; position:absolute; overflow:hidden;}
.game1-ico-box {height: 353px;
left: 220px;
position: absolute;
top: 33px;
width: 464px;
z-index: 22;}
.game1-img1 { position:absolute; left:0; background:url(../images/game1/x/a.jpg) right; width:813px; height:470px;}
.game1-img2 {left:0px; 
display:block;
position: absolute;
top: 0; display:none; background:url(../images/game1/x/x.png); width:813px; height:470px;}



.game1-ico-box span { overflow:hidden;}
.g1-0 { position:absolute; z-index:2;left: 150px;top: 30px;}
.game1-ico-box .g1-1 {height: 353px;width: 464px; position:absolute; right:0; }
.game1-ico-box .g1-1 img { position:absolute; right:0;}
.game1-ico-box .g1-2 {height: 353px;width: 464px; position:absolute; }
.game1-ico-box .g1-3 {height: 353px;width: 464px; position:absolute;}
.game1-ico-box .g1-4 {height: 353px;width: 464px; position:absolute;right:0;}
.game1-ico-box .g1-5 {height: 353px;width: 40px; position:absolute; background:url(../images/game1/x/6.png); overflow:visible; }
.game1-ico-box .g1-6 {height: 353px;width: 464px; position:absolute; background:url(../images/game1/x/7.png) right; right:0;overflow:visible; width:0;}


.g1-5.hover1 { width:230px;}

.g1-5.hover1 .g1-ico{
left: 226px;
top: 188px;}

.g1-6.hover1 { width:224px;}
.g1-6.hover1 .g1-ico2{right: 216px;
top: 250px;}



.g1-5.hover2  { width:100%;}

.g1-5.hover2 .g1-ico{left: 426px;
top: 168px;}

.g1-6.hover2 { width:100%;}
.g1-6.hover2 .g1-ico2{right: 392px;
top: 318px;}




.g1-ico2 {background: url("../images/game1/x/9.png") repeat scroll 0 0 ;
height: 40px;
position: absolute;
right: 56px;
top: 318px;
width: 21px;}
.g1-ico {background: url("../images/game1/x/9.png") repeat scroll ;
height: 40px;
position: absolute;
left: 26px;
width: 21px;
top: 158px;}
.game1-ico-box .g1-8 {height: 353px;width: 464px; position:absolute; }
.g1-b1 {background: none repeat scroll 0 0 #fff;
cursor:pointer;
height: 140px;
left: -20px;
opacity: 0;
filter:alpha(opacity:0);
position: absolute;
top: 90px;
width: 480px;}
.g1-b2 {background: none repeat scroll 0 0 #fff;
height: 140px;cursor:pointer;
left: -20px;
opacity: 0;
filter:alpha(opacity:0);
position: absolute;
top: 220px;
width: 480px;}



.gb1_1{ position:absolute; background:url(../images/game1/one_site.png) no-repeat; width:438px; height:65px; right:85px; top:20px;}
.gb1_2{ position:absolute; background:url(../images/game1/left_menu.png) no-repeat; width:310px; height:482px; left:0; bottom:0px; z-index:4;}
.gb1_2 .stage{ position:absolute; width:168px; height:33px; left:25px; top:309px;}
.gb1_3{ position:absolute;width:941px; height:470px; right:0; bottom:0px; z-index:1; background:#2b2b2b; }
.gb2{ position:absolute; width:977px; height:565px; left:50%; top:50%; margin-top:-282px; margin-left:-488px;}
.gb2_1{ position:absolute; background:url(../images/game2/two_site.png) no-repeat; width:438px; height:65px; right:85px; top:20px;}
.gb2_2{ position:absolute; background:url(../images/game2/right_menu.png) no-repeat; width:310px; height:482px; right:0; bottom:0px; z-index:4;}
.gb2_2 .stage{ position:absolute; width:168px; height:33px; right:25px; top:300px;}
.gb2_3{ position:absolute;width:941px; height:470px; left:0; bottom:0px; z-index:1; background:#18385e;}
.gb3{ position:absolute; width:977px; height:565px; left:50%; top:50%; margin-top:-282px; margin-left:-488px;}
.gb3_1{ position:absolute; background:url(../images/game3/str_site.png) no-repeat; width:438px; height:65px; right:85px; top:20px;}
.gb3_2{ position:absolute; background:url(../images/game3/left_menu.png) no-repeat; width:310px; height:482px; left:0; bottom:0px; z-index:4;}
.gb3_2 .stage{ position:absolute; width:168px; height:33px; left:25px; top:306px;}
.gb3_3{ position:absolute;width:941px; height:470px; right:0; bottom:0px; z-index:1; background:#1e5473; }
.gb4{ position:absolute; width:977px; height:565px; left:50%; top:50%; margin-top:-282px; margin-left:-488px;}
.gb4_1{ position:absolute; background:url(../images/game4/for_site.png) no-repeat; width:438px; height:65px; right:85px; top:20px;}
.gb4_2{ position:absolute; background:url(../images/game4/right_menu.png) no-repeat; width:310px; height:482px; right:0; bottom:0px; z-index:4;}
.gb4_2 .stage{ position:absolute; width:168px; height:33px; right:25px; top:311px;}
.gb4_3{ position:absolute;width:941px; height:470px; left:0; bottom:0px; z-index:1; background:#18385e;}

/*游戏 游戏开始*/
.gamestart{  position:relative; width:100%; height:100%; left:0; top:0; background:url(../images/gamestar_bj.jpg) repeat center center; background-size:100%;  position:absolute; z-index:333;}
.gamestart .subject{ position:absolute; font-size:24px; font-weight:bold; color:#FFF; left:380px; top:73px;}
.gamestart .sug{ position:absolute; width:370px; height:155px; left:380px; top:140px;}
.gamestart .sug .red{ color:#e50020; padding:0 5px; font-size:30px;}
.gamestart .sug dt{ font-size:16px; font-weight:bold; color:#fff;}
.gamestart .sug dt span{ font-size:20px; padding-right:10px;}
.gamestart .sug dd{ padding-top:5px; font-size:14px; color:#7c7c7c; line-height:25px;}
.gbs1{ position:absolute; background:url(../images/game1/star_bj.png) no-repeat; width:651px; height:395px; margin-left:-325px; margin-top:-197px; top:50%; left:50%;}
.gbs2{ position:absolute; background:url(../images/game2/star_bj.png) no-repeat; width:612px; height:417px; margin-left:-306px; margin-top:-208px; top:50%; left:50%;}
.gbs2 .subject{left:338px; top:85px;}
.gbs2 .sug{left:338px; top:158px;}
.gbs3{ position:absolute; background:url(../images/game3/star_bj.png) no-repeat; width:630px; height:396px; margin-left:-315px; margin-top:-198px; top:50%; left:50%;}
.gbs3 .subject{left:355px; top:68px;}
.gbs3 .sug{left:355px; top:140px;}
.gbs4{ position:absolute; background:url(../images/game4/star_bj.png) no-repeat; width:619px; height:438px; margin-left:-309px; margin-top:-219px; top:50%; left:50%;}
.gbs4 .subject{left:345px; top:105px;}
.gbs4 .sug{left:345px; top:177px;}

/*游戏 游戏测试*/
.gametest{ position:absolute; width:100%; height:100%; z-index:99; top:0;}
.gametest .shade{ position:absolute; width:100%; height:100%; background:#000; z-index:1; opacity:.9; filter:alpha(opacity:90);}
.game2-ico-box { background:url(../images/game2/x/4.png) 10px center no-repeat #183a5d; width:100%; height:470px; position:absolute; bottom:0; left:0; overflow:hidden;}

.game3-ico-box { background: #183a5d; width:100%; height:470px; position:absolute; bottom:0; right:0; overflow:hidden;}

.game3-ico-box .game-daolu { left:300px;}


.g3-car1 {left: 180px;
position: absolute;
top: 220px;}
.g3-car2 {left: 330px;
z-index:2;
position: absolute;
top: 60px;}

.car1-ico.c1 {background: url("../images/game4/x/5.png") repeat scroll center center;}
.car1-ico.c2 {background: url("../images/game4/x/5.png") repeat scroll center top;}
.car1-ico {background: url("../images/game4/x/5.png") repeat scroll center bottom;
display: block;
height: 52px;
left: -3px;
position: absolute;
top: -40px;
width: 104px;
display:none;}
.car2-ico {background: url("../images/game4/x/8.png") no-repeat scroll center center;
cursor:pointer;
display: block;
height: 50px;
position: absolute;
width: 100px;
top: 70px;
left: -17px;}


.g3-1 {bottom: 120px;
position: absolute;
right: 123px;}

.game-daolu {background-image: url("../images/game2/x/1.jpg");
background-position: center top;
height: 470px;
left: 80px;
position: absolute;
width: 593px;}


.g2-car1 {position: absolute;
left: 180px;
top: 140px;}
.g2-car2 {position: absolute;
right: 170px;
top: 140px;}


.g2-1 {bottom: 40px;
left: 178px;
position: absolute;}
.g2-2 {background: url("../images/game2/x/5.png") repeat scroll;
cursor:pointer;
bottom: 40px;
height: 73px;
left: 340px;
position: absolute;
width: 73px;}
.g2-2:hover , .g2-2.hover { background:url(../images/game2/x/5.png) 73px 0;}

.car1-sudu {background: url("../images/game2/x/2.png") repeat scroll left center ;
color: #fff;
display: block;
height: 73px;
left: -80px;
line-height: 70px;
position: absolute;
font-size:30px;
text-align: center;
text-indent: -20px;
top: 50px;
width: 85px;}

.car2-sudu {background: url("../images/game2/x/2.png") repeat scroll right center;
color: #fff;
display: block;
height: 73px;
font-size:30px;
right: -80px;
line-height: 70px;
position: absolute;
text-align: center;
text-indent: 20px;
top: 50px;
width: 85px;}




.game4-ico-box { background:url(../images/game4/x/2.jpg); width:850px; height:470px; position:absolute; left:0; bottom:0;}
.game4-c.hover { top:60px;}
.game4-c {background: url("../images/game4/x/1.png") repeat scroll 0 0;
height: 174px;
left: 40px;
position: absolute;
top: 180px;
width: 400px;}
.g4-1 {position: absolute;
top: 270px;
left: 120px;}
.g4-2 {background: url("../images/game4/x/3.png") repeat scroll 0 0;
cursor:pointer;
height: 73px;
position: absolute;
width: 73px;
left: 250px;
top: 270px;}

.pagebg { position:absolute; bottom:0;}
.g4-3 {background: url("../images/game4/x/4.png") repeat scroll center bottom ;
bottom: 210px;
height:105px;
left: 140px;
position: absolute;
width: 35px;
}
.g4-3.hover { 
height: 30px;}


.game4-bg{ background:url(../images/game4/x/7.png);width:850px; height:470px; position:absolute; left:0; bottom:0; z-index:2;}

.game-daolu.daolucss3{ animation:5s linear 0s normal none infinite daolu;-webkit-animation:5s linear 0s normal none infinite daolu;-ms-animation:5s linear 0s normal none infinite daolu;-moz-animation:5s linear 0s normal none infinite daolu;-o-animation:5s linear 0s normal none infinite daolu;}



.game-daolu.daolucss4{ 
animation:2s linear 2s normal none infinite daolu;
-webkit-animation:2s linear 0s normal none infinite daolu;
-ms-animation:2s linear 0s normal none infinite daolu;
-moz-animation:2s linear 0s normal none infinite daolu;
-o-animation:2s linear 0s normal none infinite daolu;
}
@-moz-keyframes daolu {
0% {
background-position:0 0;
}
 100% {
background-position:0 1068px;
}
}

@-webkit-keyframes daolu {
0% {
background-position:0 0;
}
 100% {
background-position:0 1068px;
}
}

@-ms-keyframes daolu {
0% {
background-position:0 0;
}
 100% {
background-position:0 1068px;
}
}

@-o-keyframes daolu {
0% {
background-position:0 0;
}
 100% {
background-position:0 1068px;
}
}

@keyframes daolu {
0% {
background-position:0 0;
}
 100% {
background-position:0 1068px;
}
}


.gametest .close{background: url("../images/colse.png") no-repeat scroll 0 0;
cursor: pointer;
height: 34px;
left: 50%;
margin-left: 300px;
margin-top: -200px;
position: absolute;
top: 50%;
width: 34px;
z-index: 2;}
.againbtn-2 , .againbtn-1  , .againbtn-4 , .againbtn-3 { width:100px;}
.btn { cursor:pointer;}
.gametest .gt_box{ position:absolute; width:560px; height:408px; top:50%; left:50%; margin-left:-280px; margin-top:-204px; background:#FFF; z-index:2}
.gt_box .title_gt{ position:absolute; width:100%; height:66px;left:0; top:0; background: #e50020 url(../images/csjg_icon.png) no-repeat 18px 23px;}
.gt_box .bottom_gt{ position:absolute; width:100%; height:70px; background:#363636; left:0; bottom:0;}
.gt_box .bottom_gt .sjyy_btn{ position:absolute; background:url(../images/sjyy_btn.png) no-repeat; width:92px; height:34px; left:162px; top:20px; cursor:pointer;}
.gt_box .bottom_gt .fx_btn{ position:absolute; background:url(../images/fx_btn.png) no-repeat; width:148px; height:34px; right:138px; top:20px; cursor:pointer;}
.gt_box .cs_img{ position:absolute; width:463px; height:150px; top:75px; left:45px;}
.gt_box .cs_img em{ position:absolute; background:url(../images/cs_icon.png) no-repeat; top:40px; left:35px; z-index:3; width:155px; height:67px;}
.gt_box .cs_txt{ position:absolute; width:463px; height:80px; left:45px; top:240px;}
.gt_box .cs_txt dt{ font-size:24px; font-weight:bold; color:#e50020;}
.gt_box .cs_txt dd{ font-size:14px;  color:#3f3f3f;}


/*动画*/
.animation{display:none;}

/*体验*/
.experience{position:relative; width:100%; height:100%; background:url(../images/sjty_bj.jpg) no-repeat center center;background-size:100%;}
.experience .expe_box{ position:absolute; background:url(../images/sjty_boxbj.png) no-repeat; height:470px; width:812px; margin-left:-506px; margin-top:-235px; top:50%; left:50%;}
.expe_box .cont_eb{ float:right; width:593px; background:#fff; margin-right: 12px; margin-top: 52px;}
.cont_eb h2{float:left; height:55px; line-height:55px; font-size:18px; color:#333333; font-weight:bold; width:520px; border-bottom:1px solid #ccc; right:48px; top:67px; margin:15px 35px 0 35px;}
.cont_eb ul{ float:left; margin-left:35px;width:520px; border-bottom:1px solid #f0f0f0}
.cont_eb ul li{height:36px; padding-top:15px;font-size:16px; line-height:35px; color:#666;}
.cont_eb ul li label{ float:left; width:75px; text-align:right;  font-size:16px; height:36px; line-height:36px;color:#333;}
.cont_eb ul li .red{ color:#e50020; padding-right:5px;}
.cont_eb ul li .formtext{ float:left; width:157px; height:34px; line-height:34px; border:1px solid #cccccc; font-size:16px;}
.cont_eb ul li .selectBox{ float:left;height:34px; line-height:34px; border:1px solid #cccccc; font-size:16px; width:200px; color:#666; margin-right:14px;}
.cont_eb ul li.addr{ padding-left:77px; height:35px; line-height:35px; font-size:12px; color:#333333; padding-top:0;}
.cont_eb ul li.addr a,.cont_eb ul li.addr a:hover{color:#333;text-decoration:underline}
.cont_eb .state{float:left; padding-left:105px; padding-top:15px; width:430px; line-height:18px; font-size:12px; color:#666; overflow:hidden;}
.cont_eb .state label{ float:left; width:20px; height:30px;}
.cont_eb .state .red{color:#e50020; cursor:pointer; }
.cont_eb .tj{ float:left; padding:15px 0 40px 105px;}
.cont_eb .tj .btn{ float:left; width:425px; height:40px; background:#e50020; text-align:center; line-height:40px; border:none; font-size:16px; font-weight:bold; color:#FFF;}

.pop_box {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}.pop_box .layer {
  background: none repeat scroll 0 0 #000;
  height: 100%;
  opacity: 0.5;
  position: absolute;
  width: 100%;
  z-index: 1;
}.pop_box .main_pop {
  height: 540px;
  left: 50%;
  margin-left: -490px;
  margin-top: -270px;
  position: absolute;
  top: 50%;
  width: 980px;
  z-index: 2;
}.pop_box .main_pop .colse {
  background: url("../images/close_btn.png") no-repeat scroll 0 0;
  cursor: pointer;
  height: 32px;
  position: absolute;
  right: 0;
  top: 0;
  width: 29px;
}.pop_box .main_pop .cont_pop {
  background: none repeat scroll 0 0 #fff;
  height: 500px;
  position: absolute;
  top: 40px;
  width: 980px;
}.hdgz_title {
  background: url("../images/hggz_title.png") no-repeat scroll 30px center #e4001f;
  color: #fff;
  height: 66px;
  left: 0;
  line-height: 66px;
  position: absolute;
  text-indent: 90px;
  top: 0;
  width: 100%;
}.hdgz_cont {
  height: 375px;
  left: 40px;
  overflow: auto;
  position: absolute;
  top: 86px;
  width: 910px;
}
/*回顾*/
.review{display:none;}


/*导航弹出页面*/
.navigation{ position:absolute; width:100%; height:100%; z-index:999;}
.navigation .shade{ position:absolute; width:100%; height:100%; background:rgb(0,0,0); z-index:1; opacity :0.9; filter:alpha(opacity:90)}
.navigation .close{ position:absolute; background:url(../images/colse.png) no-repeat; width:34px; height:34px; right:25px; top:50px; z-index:2; cursor:pointer;}
.navigation .menu_box{ height:478px; left:0; width:100%; top:50%; margin-top:-239px; position:absolute; z-index:2}
.navigation .menu_box li{ height:57px;  margin-top:10px; background:url(../images/menu_icon.png) no-repeat 258px center;position:relative; cursor:pointer;}
.navigation .menu_box li .ch_name{ position:absolute; left:325px; top:16px; font-size:18px; color:#FFF; font-weight:bold;}
.navigation .menu_box li .en_name{ position:absolute; left:325px; top:12px; font-size:12px; color:#a5a5a5; display:none;}
.navigation .menu_box li:hover , .navigation .menu_box li.on{ background:url(../images/menu_on.png) no-repeat 258px center #fff;}
.navigation .menu_box li:hover .ch_name , .navigation .menu_box li.on .ch_name{top:27px;color:#000;}
.navigation .menu_box li:hover .en_name ,.navigation .menu_box li.on .en_name{display:block;}







.selectNav em{background:url('../images/select.jpg') no-repeat;}
/* Select Box,0417,shadow */
/*.selectBox{position:relative;border:1px solid #dfdfdf;background:#fff}
.selectVal{height:28px;line-height:28px;color:#999;font-size:.75em;padding:0 6px;min-width:50px;overflow:hidden}
.selectNav{position:absolute;right:0;top:0;height:28px;width:28px;z-index:2;background:#fff}
.selectBox select{position:absolute;top:0;left:-1px;height:28px;width:100%;opacity:0;z-index:10}
.selectValBlur{color:#363636}
.selectList{z-index:11}
@media only screen and (min-width: 768px){*/
/* Select Box,0417,shadow */
.selectBox{position:relative; border:1px solid #dfdfdf; background:#fff;}
.selectVal{color: #999;
cursor: pointer;
font-size: 13px;
height: 34px;
line-height: 34px;
min-width: 50px;
overflow: hidden;
padding: 0 5px;}
.selectNav{position:absolute; right:0; top:0; height:24px; width:24px; z-index:2; background:#fff;}
.selectNav em{display:block; width:15px; height:15px; margin:12px auto 0; }
.selectBoxBlur em{background-position:-56px -536px}
.selectBox select{position:absolute; top:0; left:-1px; height:24px; width:100%; opacity:0; z-index:10}
.selectValBlur{color:#363636}
.selectList{display:none; position:absolute; left:-1px; width:100%; top:24px; font-size:13px; border:1px solid #dfdfdf; background:#fff; z-index:11}
.selectList p{line-height:18px; padding:2px 0 2px 5px;color:#333}
.selectList p:hover{background:#e50020; color:#fff; cursor:pointer}
.selectList .jspVerticalBar{right:0px}
.jspContainer{overflow: hidden;
position: relative;}





/*回顾*/
.review{ position:relative; width:100%; height:100%;}
.review .rev_box{height: 500px;
left: 50%;
margin-left: -500px;
margin-top: -130px;
position: absolute;
top: 30%;
width: 1000px;
z-index: 3;}
.rev_box .reb_title{ position:absolute; background:url(../images/camryClassic/cam_title.png) no-repeat; width:172px; height:90px; top:0; left:0;}


.rev_box .reb_btn{ position:absolute; width:35px; height:71px; bottom:155px; right:0;}
.rev_box .reb_btn .pre{ float:left; width:35px; height:35px;background:url(../images/camryClassic/click_btn.png) no-repeat; }
.rev_box .reb_btn .nex{ float:left; width:35px; height:35px; margin-top:1px;background:url(../images/camryClassic/click_btn.png) no-repeat bottom left; }
.rev_box .reb_btn .pre:hover {background:url(../images/camryClassic/click_btn.png) no-repeat right top;}
.rev_box .reb_btn .nex:hover {background:url(../images/camryClassic/click_btn.png) no-repeat right bottom;;}

.reb_cont_parent {position:absolute; width:879px; height:386px; left:69px; bottom:0; overflow:hidden;}
.rev_box .reb_cont{position:absolute; width:879px; height:386px;}

.reb_cont dl{ position:absolute; width:100%; z-index:2; left:0; top:0;}
.reb_cont dl dt{font-size:16px; text-align:left;line-height:20px; padding:0 20px; color:#FFF; font-weight:bold;}
.reb_cont dl dd{font-size:12px;line-height:15px;padding:0 20px; color:#f0f0f0; padding-top:3px;}
.reb_cont dl dd .more_btn{ float:left; width:87px; height:26px; line-height:26px; text-align:center; color:#FFF; font-size:12px; background:#e50020;}
.reb_cont dl dd.btn{ padding-top:9px;}
.reb_cont .more_txt{ font-size:12px; color:#e50020; position:absolute; right:15px; bottom:10px; text-decoration:underline;}
.rec-1{ position:absolute; width:217px; height:265px; left:0; top:0;}
.rec-1 dl{ top:142px;}
.rec-2{ position:absolute; width:434px; height:265px; left:217px; top:0;}
.rec-2 dl{ top:20px;}
.rec-3{ position:absolute; width:217px; height:110px; right:0px; top:0;}
.rec-3 dl{top:10px;}
.rec-4{ position:absolute; width:434px; height:110px; left:0px; bottom:0; background:#900;}
.rec-4 dl{top:13px;}
.rec-5{ position:absolute; width:217px; height:110px; left:434px; bottom:0; background:#0F0;}
.rec-5 dl{top:13px;}
.rec-6{ position:absolute; width:217px; height:265px; right:0; bottom:0; background:#630;}
.rec-6 dl{top:13px;}
.reb_cont .col1{color:#333;}
.reb_cont .col2{color:#666;}
.reb_cont .col3{color:#535353;}
.reb_cont .bg1{background:#ddd;}
.reb_cont .bg2{background:#666;}

.reb_cont .top15{ top:15px;}
.reb_cont .bottom20{ bottom:20px; top:auto;}









/*亮点解析*/
.point{position:relative; width:100%; min-width:980px; background:#FFF;}
.point .poi-box{ margin:0 auto; width:980px; height:100%; position:relative;}
.point .poi-nav{ position:absolute; width:145px; height:156px; left:34px;}
.poi-nav a { color:#fff;}
.poi-nav li{ float:left; width:145px; height:36px; background:url(../images/camryPoint/btn.png) no-repeat 90% center #333; line-height:36px;font-size:14px; font-weight:bold; text-indent:12px; margin-top:4px; cursor:pointer;}
.poi-nav li:hover , .poi-nav li.on{ background:url(../images/camryPoint/btn.png) no-repeat 90% center #e50020;}
.poi-nav li a{ color:#fff;display:block}

.poi1{ background:url(../images/camryPoint/bj1.jpg) no-repeat center top; width:100%; height:565px; position:relative;}
.poi1 .poi-nav{ bottom:105px;}

.poi2{ background:url(../images/camryPoint/bj2.jpg) no-repeat center top; width:100%; height:470px; position:relative;}
.poi2 .poi2-1{ position:absolute; background:url(../images/camryPoint/icon2.png) no-repeat; width:453px; height:366px; right:0; top:-35px; z-index:2;}


.poi2 .poi2-2{background: url("../images/camryPoint/icon3.png") no-repeat scroll 0 0 ;
bottom: 0;
height: 189px;
left: 50%;
margin-left: -700px;
position: absolute;
width: 979px;
z-index: 1;}

.poi3{ background:url(../images/camryPoint/bj4.jpg) no-repeat center top; width:100%; height:570px; position:relative;}
.poi3 .poi-nav{ top:185px;}

.poi4{background:url(../images/camryPoint/bj5.jpg) no-repeat center top; width:100%; height:911px; position:relative;}
.poi4 .poi-nav{ top:127px;}


.camryPointNav {  margin-right: -650px;
width:288px;
    right: 50%;
}

.poi5{width:100%; height:290px; position:relative;}
.poi5 .poi5-1{ position:absolute; background:url(../images/camryPoint/icon1.png) no-repeat; left:73px; top:45px; width:300px; height:43px;}
.poi5 .poi5-2{ position:absolute; background:url(../images/camryPoint/colorbtn.png) no-repeat 8px 26px; width:285px; height:60px; top:125px; left:73px;}
.poi5 .poi5-2 li{ float:left; width:45px; text-align:center; height:62px; cursor:pointer;}
.poi5 .poi5-2 li span{color:#333; font-size:14px; width:100%; float:left; display:none;}
.poi5 .poi5-2 li.on , .poi5 .poi5-2 li:hover{background:url(../images/camryPoint/colorbtn-on.png) no-repeat center bottom;}
.poi5 .poi5-2 li.on span , .poi5 .poi5-2 li:hover span{display:block;}
.poi5 .poi5-3{ position:absolute;width:558px; height:242px; right:0; bottom:0px;}
.poi5-3 img { display:none; position:absolute;}

.poi6{background:url(../images/camryPoint/bj6.jpg) no-repeat center top; width:100%; height:1294px; position:relative;}
.poi6 .poi-nav{ top:127px;}




.game4-c , .game4-c{ transition-duration:1500ms; -webkit-transition-duration:1500ms; -moz-transition-duration:1500ms; -ms-transition-duration:1500ms; -o-transition-duration:1000ms;;}

.g1-5 , .g1-ico , .g1-1 , .g1-6 , .g1-ico2   , .g4-3 { transition-duration:400ms; -webkit-transition-duration:400ms; -moz-transition-duration:400ms; -ms-transition-duration:400ms; -o-transition-duration:400ms;;}
.game1-ico-box .g1-7 {height: 353px;width: 464px; position:absolute; }


.g1-2 { transition-duration:800ms; -webkit-transition-duration:800ms; -moz-transition-duration:800ms; -ms-transition-duration:800ms; -o-transition-duration:800ms;;}
.game1-ico-box .g1-7 {height: 353px;width: 464px; position:absolute; }


/*视频专区*/
.video{position:relative; width:100%; height:100%;}
.video .video_box{ position:absolute; width:940px; height:500px; left:50%; top:50%; margin-left:-470px; margin-top:-250px;}
.video .vid-1{position:absolute;background:url(../images/camryVideo/title.png) no-repeat;width:173px; height:90px; left:23px; top:0;}
.video .vid-2{ position:absolute; top:117px; left:116px; height:38px; width:800px;}
.vid-2 .name{ float:left; height:38px; background:#e50020; padding:0 15px; color:#fff; font-size:16px; line-height:38px; margin-right:1px; font-weight:bold;}
.vid-2 .share{ float:left; background:url(../images/camryVideo/shar.png) no-repeat; width:39px; height:38px; cursor:pointer;}
.video .vid-3{ position:absolute; background:url(../images/camryVideo/video_icon.jpg) no-repeat; width:116px; height:116px; left:0; top:155px;}
.video .vid-4{ position:absolute; width:704px; height:340px; left:116px; top:155px; background:#000;}
.video .vid-5{ position:absolute; width:120px; height:340px; right:0; top:155px;}
.video .vid-5 li{ width:120px; height:85px; background:#333333; position:relative; cursor:pointer;}
.video .vid-5 li .shade{background:url(../images/camryVideo/shade.png);width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; display:none;}
.video .vid-5 li .name{position:absolute; left:15px; top:10px; font-size:14px; font-weight:bold; color:#FFF; z-index:3}
.video .vid-5 li:hover .shade ,.video .vid-5 li.on .shade{ display:block;}

/*查看配置表*/

.configurebottom { position:absolute; font-size:12px; background:none;}
.configurelogo1 {}
.configurelogo2 { position:absolute;}

.deploy{ position:relative; width:100%; height:auto; height:100%;}
.deploy .deploy_box{ position:relative; width:1000px; margin:0 auto; min-height:100%}
.deploy_box .logo1 ,.deploy_box .bottom{ left:0;}
.deploy_box .logo2{ right:0;}
.deploy_box .title{ position:absolute; background:url(../images/camryConfigure/title.png) no-repeat; width:244px; height:68px; left:0px; top:97px;}
.deploy_box .smallTab{ width:100%; padding-top:204px; overflow:hidden; padding-bottom:100px;}
.smallTab .tab{ float:left; width:100%; background:#e50020; height:39px;}
.smallTab .tab li{float:left; width:100%; height:36px; background:#333; border-right:1px solid #FFF; line-height:36px; text-align:center; font-size:14px; color:#fff; cursor:pointer;}
.smallTab .tab li.on{ background:none;}
.smallTab .tabContent{display:none; float:left;}
.smallTab .tabContent .tip{ height:39px; font-size:12px; color:#666666; line-height:45px;}
.deployTable {table-layout:fixed;word-break:break-all;  width:100%; border:1px solid #666666; font-size:12px;}
.deployTable th{width: 175px;line-height:30px;text-align:right;color:#666;padding:0 10px;height:30px;text-align:right;font-size:12px; font-weight:100; border-right:1px solid #cccccc;border-bottom:1px solid #cccccc; background:#f0f0f0; font-weight:bold;}
.deployTable td{line-height:30px; height:30px;color: #333; position:relative; vertical-align:top; border-right:1px solid #cccccc;  border-bottom:1px solid #cccccc; text-align:center; }
.deployTable .right_border0{ border-right:none}

.deployTable .title_tb{ border:1px solid #333333; border-right:none; border-left:none; background:#cccccc; cursor:pointer;}
.deployTable .title_tb td{ border-bottom:1px solid #333333; color:#666666; font-weight:bold;}
.deployTable .title_tb .classify{height:30px; line-height:30px; background:url(../images/camryConfigure/up.png) no-repeat right center; padding-right:15px;}
.deployTable .title_tb .open{background:url(../images/camryConfigure/down.png) no-repeat right center;}
.deployTableno{ border:none;}

.skip { background:url(../images/skip.png); width:87px; height:33px; position:fixed; cursor:pointer; bottom:70px; right:40px; z-index:99;}
/*登场动画*/
.startAnimate{ position:relative; width:100%; height:100%; background:#000; z-index:999;}
.left_light{position:absolute; background:url(../images/startAnimate/p6_ld.png) no-repeat; width:575px; height:586px; left:0; top:0; z-index:1}
.right_light{position:absolute; background:url(../images/startAnimate/p6_rd.png) no-repeat; width:587px; height:586px; right:0; top:0; z-index:1}

.star-1{ position:absolute; background:url(../images/startAnimate/p1.png) no-repeat;width:894px; height:237px; left:50%; top:50%; margin-left:-447px; margin-top:-120px;}
.star-2{ position:absolute; background:url(../images/startAnimate/p2.png) no-repeat;width:894px; height:237px; left:50%; top:50%; margin-left:-447px; margin-top:-120px;}

.star-3{ position:absolute; background:url(../images/startAnimate/p3.png) no-repeat;width:868px; height:306px; left:50%; top:50%; margin-left:-434px; margin-top:-153px;}
.star-4{position:absolute; width:600px;  left:50%; top:50%; margin-left:-300px; margin-top:-100px; font-size:200px; font-weight:bold; color:#fff;}
.star-5{position:absolute; width:100%; height:100%; }
.star-5 .txt{ position:absolute; background:url(../images/startAnimate/p5_z.png) no-repeat; width:641px; height:81px; left:50%; top:50%; margin-left:-320px; margin-top:-40px;}
.star-6{position:absolute; width:100%; height:100%;}
.star-6 .txt{ position:absolute; background:url(../images/startAnimate/p6_z.png) no-repeat; width:641px; height:81px; left:50%; top:50%; margin-left:-320px; margin-top:-40px;}
.star-7{position:absolute; width:100%; height:100%; }
.star-7 .car{ position:absolute; background:url(../images/startAnimate/p7_car.png) no-repeat; width:736px; height:418px; left:50%; top:50%; margin-left:-368px; margin-top:-209px;}
.star-8{position:absolute; width:100%; height:100%; }
.star-6 .car2{ position:absolute; background:url(../images/startAnimate/p7_car.png) no-repeat; width:736px; height:418px; left:50%; top:50%; margin-left:-368px; margin-top:-70px; z-index:2; display:none}
.star-6 .txt2{ width:606px; height:323px; background:url(../images/add.png); position:absolute; left:50; top:50%; display:none; margin-left:-303px; margin-top:-240px; left:50%;}
.star-9{position:absolute; width:100%; height:100%; z-index:22;}
.star-9 .car{ position:absolute; background:url(../images/startAnimate/p9_car.png) no-repeat; width:736px; height:418px; left:50%; top:50%; margin-left: -365px;margin-top: -57px;z-index:2;}
.star-9 .txt{ position:absolute; background:url(../images/startAnimate/p9_z.png) no-repeat; width:562px; height:206px; left:50%; top:50%; margin-left:-281px; margin-top:-280px;  z-index:1}

#step1 { width:606px; height:323px; background:url(../images/add.png);}


/*发布会回顾*/
.pubReview{ position:relative; width:100%; height:100%; -background:url(../images/pubReview/bj.jpg) no-repeat center;}
.pubReview .pub_box{ position:absolute;width:910px;height:570px;left:50%;top:50%;margin-left:-450px;margin-top:-285px;}
.pubReview .pub_title{position:absolute; background:url(../images/pubReview/title.png) no-repeat; width:217px; height:90px;left:0;top:0;}
.pubReview .pub_menu{position:absolute;width:120px;height:350px;left:0;top:160px;background:#333333;}
.pub_menu ul{float:left; width:100%; overflow:hidden;}
.pub_menu ul li{height:45px;line-height:45px;font-size:16px; color:#ccc; text-indent:20px; cursor:pointer;}
.pub_menu ul li.on , .pub_menu ul li:hover{ background:url(../images/pubReview/jt.png) no-repeat 85% center #e50020; color:#FFF;}
.pub_menu .down_icon{ position:absolute; background:url(../images/pubReview/icon.png) no-repeat; width:86px; height:61px; bottom:26px; left:18px;}
.pubReview .pub_cont{position:absolute;width:760px;height:425px; padding:15px;background:#FFF;left:118px;top:113px;box-shadow:0 0 10px #666; }
.pub_cont .bfq{ width:760px; height:425px; background:#000; position:absolute;}
.pub_cont .left_news{ position:absolute; width:325px; border-right:1px solid #cccccc; height:420px; }
.left_news dl{ float:left; width:312px; overflow:hidden;}
.left_news dl dt{ float:left;  width:100%; height:174px; overflow:hidden;}
.left_news dl dd.name{ float:left; width:100%; font-size:16px; font-weight:bold; color:#333333; padding:8px 0;}
.left_news dl dd.txt{ float:left; width:100%; font-size:12px; color:#333; text-indent:2em; line-height:18px;}
.left_news .more{ position:absolute; font-size:12px; color:#e50020;  text-decoration:underline; bottom:0px; right:16px;}
.right_list ul { position:absolute;}
.pub_cont .right_list{height: 425px;
top:10px;
overflow:hidden;
position: absolute;
right: 15px;
width: 422px;}
.right_list .up_p{background: url("../images/pubReview/up.png") no-repeat scroll center center #000;
cursor: pointer;
height: 30px;
opacity: 0.5;
position: absolute;
top: 5px;
width: 418px;
z-index: 9;}
.right_list .down_p{position:absolute; height:30px; 
width: 418px;filter:alpha(opacity=50);opacity:0.5; background:#000 url(../images/pubReview/down.png) no-repeat center center; z-index:99; bottom:0px; cursor:pointer;}
.right_list li{ float:left; width:207px; height:139px; margin-right:4px; margin-top:5px; overflow:hidden; position:relative; cursor:pointer;}
.right_list li img{ width:207px; height:139px;}
.right_list li .shade{width:100%; height:100%; background:url(../images/pubReview/fd.png) no-repeat center center #e50020;filter:alpha(opacity=50);opacity:0.5; z-index:2; position:absolute; left:0; top:0; display:none;}
.right_list li:hover .shade{ display:block;}

.pubReview_big{ position:absolute; width:100%; height:100%; left:0; top:0; z-index:999;}
.pubReview_big .shade{ position:absolute; width:100%; height:100%; background:#000; filter:alpha(opacity=90);opacity:0.9;}
.pubReview_big .box{ position:absolute; width:894px; height:560px; left:50%; top:50%; margin-left:-447px; margin-top:-280px;}
.pubReview_big .box .close{ position:absolute; background:url(../images/pubReview/close.png) no-repeat; width:34px; height:34px; right:0; top:0; cursor:pointer;}
.pubReview_big .box .cont_img{background: url("../images/upload.gif") no-repeat scroll center center #000;
height: 560px;
left: 0;
position: absolute;
top: 0;
width: 850px;}
.review-play { background:url(../images/play.png); width:84px; height:84px; position:absolute; left:50%; top:50%; margin-left:-42px; margin-top:-42px; z-index:22; cursor:pointer;}
.pubReview_big .box .cont_img img{width:850px; height:560px;}
.ui-footer{background:#000;opacity:0.8;filter:alpha(opacity=80);position:fixed;bottom:0;width:100%;z-index:1000000;display:none}
.footer{width:980px;margin:0 auto;}
.expfl{float:left;width:235px;margin-right:10px}
.expfr{float:left;width:735px;margin-top:10px;}
.expfr ul li{float:left;margin-right:10px; }
.expfr .third,.expfr .forth,.expfr .seventh,.expfr .last{display:none}
.expName{font-size:18px;color:#e50020;font-weight:bold}
.expfr ul li input{background:#fff;height:30px;line-height:30px;width:120px;padding-left:5px}
.expfr ul li.fifth{color:#fff;height:30px;line-height:30px;font-size:14px;}
.expfr ul li.fifth a{color:#e50020; text-decoration:underline;font-weight:bold}
.expfr ul li.sixth a{display:block;width:150px;height:34px;line-height:34px;background:#e50020;color:#fff;font-size:14px;text-align:center}
.expfr ul li.third,.expfr ul li.forth{width:120px;}
.cf{clear:both;zoom:1}
.cf:before,.cf:after{content:"";display:block}
.cf:after{clear:both}
.footer .selectVal{height:32px;line-height:32px}
.expfr ul li.seventh{width:268px;margin-top:10px}
.expfr ul li.last{color:#e50020;font-size:13px;font-weight:bold;margin-top:10px;line-height:30px;height:30px}
.expfr ul li.last a{color:#fff; text-decoration:underline;font-size:12px;font-weight:lighter}