html{-webkit-font-smoothing: antialiased;}
a,button,input,textarea{-webkit-tap-highlight-color: rgba(0,0,0,0)}
div,p{word-wrap: break-word;}
.clear {overflow:hidden;_zoom:1;}
.clearfix:after {content: "."; display:block; height:0; clear:both ;visibility:hidden;}
*{font-family:"微软雅黑","NSimSun","\65B0\5B8B\4F53","新宋体",sans-serif; padding: 0; margin:0;}
img{border:none;}
li{list-style:none;}
a{outline:none; text-decoration: none;}
.left{float:left;}
.right{float:right;}


body{position:relative;width:100%; background: #020c18;}	
/* .header{
	margin:0 auto;
	
	height:640px;
	background-color:#000;
	
	} */
.header canvas {
	width:100%;
	height:auto;
	display:inline-block;vertical-align:baseline;
	position:absolute;
	z-index:10;
	}
 .header .canvaszz{  
	width:100%;
	background:#270609 url(../images/in_top_bj.jpg) center top no-repeat;
	background-repeat: no-repeat;
	height:800px;
	position:absolute;
	top: 0;
	/* padding-top:163px; */
	z-index:12;
	filter:alpha(opacity=40);  
  	-moz-opacity:0.4;  
  	-khtml-opacity: 0.4;  
  	opacity: 0.4;
	} 

.baTop{height:163px; width: 100%; background: url(../images/AA_02.png) repeat-x; position: absolute; left: 0; top: 0; overflow: visible; z-index: 100;}
.baTop_center{width: 1020px;height:182px; margin:0 auto;  background: url(../images/htop_center.png) no-repeat  center top;position: absolute; left: 50%; top: 0; margin-left:-508px; }
.topimg{width: 100%; height: 63px; margin-top: 45px;}
.topimg .left{ float: left; width: 500px; height: 63px; background: url(../images/h_left.png) left top no-repeat }
.topimg .right{float: right; width: 500px; height: 63px; background: url(../images/h_right.png) right top no-repeat}
.lf_w{width: 240px; height: 56px; padding-left: 14px;}
.lfh1{background: url(../images/htel.png) no-repeat; width: 223px; height: 24px; display:block;}
.lfh2{background: url(../images/tp3.png) no-repeat left center; height: 18px; line-height: 18px;  color: #fff; font-size: 12px; padding-left: 36px; margin-top: 6px;}
.tr_img{width: 272px; height: 56px; background: url(../images/tr.png) no-repeat; color: #fff; font-size:12px; text-align: center; padding-top: 40px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;box-sizing:border-box;}

 .ul_p{height: 50px; width: 100%; margin-top:5px; font-size: 13px; padding-left: 10px;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;box-sizing:border-box;}
/*.ul_p li{float: left; background:url(../images/ctr_t.png) repeat-x;  height: 50px;}
.ul_p li a{display: block; color: #fff; width: 100%; height: 50px; background:url(../images/l_t.png) no-repeat left center; }
.ul_p li a strong{display: block;  background:url(../images/l_t.png) no-repeat right center; width: 100%; height: 50px; padding: 0 12px 0 10px;  text-align: center; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;box-sizing:border-box;}
 */

.ul_p li{float: left;  height: 50px;}
.ul_p li a{display: block; color: #fff; width: 100%; height: 50px;}
.ul_p li a strong{display: block; width: 100%; height: 50px; padding: 12px 16px 0 9px;  text-align: center; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;box-sizing:border-box;}
.li3{margin-right:338px !important;}
.ul_p li a strong b{display: block;height:24px; line-height: 24px; width: 100%;padding-left:35px; animation: -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out;
 -moz-box-sizing:border-box; -webkit-box-sizing:border-box;box-sizing:border-box; text-align: left;}
.lb1{background: url(../images/sr1.png) no-repeat 0 0;}
.lb2{background: url(../images/sr2.png) no-repeat 0 0; }
.lb3{background: url(../images/sr3.png) no-repeat 0 0; }
.lb4{background: url(../images/sr4.png) no-repeat 0 0; }
.lb5{background: url(../images/sr5.png) no-repeat 0 0;}
.lb6{background: url(../images/sr6.png) no-repeat 0 0;}
.ul_p li.on, .ul_p li:hover{background:url(../images/ctr_t.png) repeat-x;}
.ul_p li.on a,.ul_p li:hover a{background:url(../images/l_t.png) no-repeat left center; color:#ffc600;}
.ul_p li.on strong,.ul_p li:hover strong{background:url(../images/r_t.png) no-repeat right center;}
.ul_p li.on b,.ul_p li:hover b{padding-top: 0px; background-position:0 -28px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;box-sizing:border-box;}

.jc_main{width:1174px; height:800px; z-index:20; background:url(../images/game_ce1.png) no-repeat center bottom; margin:0 auto; position: absolute; top:163px; left:50%; margin-left: -600px}
.lbx{width: 145px; height: 167px; background:url(../images/lbx.png) no-repeat; position: absolute; display: block;}
.lbx:hover b{background:url(../images/xlh_on.png) no-repeat; z-index: 50; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 44;}
/*.lbx:hover { -webkit-animation-name: wobble-horizontal;
			  animation-name: wobble-horizontal;
			  -webkit-animation-duration: 1s;
			  animation-duration: 1s;
			  -webkit-animation-timing-function: ease-in-out;
			  animation-timing-function: ease-in-out;
			  -webkit-animation-iteration-count: 1;
			  animation-iteration-count: 1;
			}*/

.lbx_one_1{top: 36px; left: 250px;}
.lbx_one_2{top: 36px; right:250px;}
.lbx_two_1{top:160px; left: 0;}
.lbx_two_2{top:160px; left: 164px;}
.lbx_two_3{top:160px; right: 164px;}
.lbx_two_4{top:160px; right: 0;}
.lbx_thr_1{top:292px; left: 84px;}
.lbx_thr_2{top:292px; left: 247px;}
.lbx_thr_3{top:292px; right: 247px;}
.lbx_thr_4{top:292px; right: 84px;}
.lbx_four_1{top: 426px; left: 165px}
.lbx_four_2{top: 426px; right:165px}
.xl{position: absolute; left:429px; top:247px; width:344px; height: 94px; background:url(../images/xl.png) no-repeat;}
.btn_jc{display:block; position: absolute; left:452px; top:380px; background:url(../images/btn_jc.gif) no-repeat;  width:290px; height: 77px;}
.btn_jc_hover{background:url(../images/btn_jc_hover.gif) no-repeat;}
.btn_jc_on{background:url(../images/btn_jc_on.gif) no-repeat;}

.my_tip{position: absolute; left:438px; top:467px; background:url(../images/i.png) no-repeat left center; height: 23px; line-height: 23px; padding-left: 28px; color: #fff; font-size: 14px;}


.estyle{width: 100%; height: 96px;border-top: 1px solid #a02022; background:#270609; /*position: absolute; top:846px; left: 0; z-index: 21;*/}
.estyle_center{width:1002px; height: 96px; margin:0 auto; }
.estyle_center li{float: left;height:47px; padding-left: 52px; position: relative; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;box-sizing:border-box;}
.estyle_center li b{width: 17px; height: 17px; background: url(../images/solid.png) no-repeat; position: absolute; right: 0; top: 18px;}
.estyle_li1{width:248px; background: url(../images/sty1.png) no-repeat; margin:27px 0 0 24px;}
.estyle_center li h4{font-size: 16px; color:#fff; height: 26px; line-height: 26px;}
.estyle_center li p{font-weight: normal; color: #fff; font-size: 14px;}
.estyle_li1:hover{background: url(../images/sty1.png) no-repeat 0 -48px;}

.estyle_li2{width:264px; background: url(../images/sty2.png) no-repeat; margin:27px 0 0 24px;}
.estyle_li2:hover{background: url(../images/sty2.png) no-repeat 0 -48px;}
.estyle_li3{width:184px; background: url(../images/sty3.png) no-repeat; margin:27px 0 0 24px;}
.estyle_li3:hover{background: url(../images/sty3.png) no-repeat 0 -48px;}
.estyle_li4{width:144px; background: url(../images/sty4.png) no-repeat; margin:27px 0 0 24px;}
.estyle_li4:hover{background: url(../images/sty4.png) no-repeat 0 -48px;}

.sty_footer{height: 350px; width: 100%; /*position: absolute; left: 0; top: 942px;*/ background:#020c18;z-index: 40;}
.sty_footer_center{width: 1000px; height: 100%; margin:0 auto; background: url(../images/footer_img.jpg) no-repeat left 30px; position: relative;}
.btn_huan{width:113px; height: 37px; background: url(../images/btn_huan.png) no-repeat; display: block;position: absolute; left:38px; top:248px; z-index: 40;}

.col-full{width:980px;margin-left:auto;margin-right:auto}.row-1{height:8.33%}.row-2{height:16.67%}.row-3{height:25%}.row-4{height:33.33%}.row-5{height:41.67%}.row-6{height:50%}.row-7{height:58.33%}.row-8{height:66.67%}.row-9{height:75%}.row-10{height:83.33%}.row-11{height:91.67%}.row-12{height:100%}

.bom{/*position: absolute; bottom: 0px; left: 0; */width: 100%; height: 155px;}
.h_about_us{border-bottom:1px dashed #929292; height: 74px; line-height: 74px;}
.h_about_us a{color:#929292;font-size:15px}
.h_about_us a:hover{color: #E8A900;}
.h_about_us i{color:#929292;font-size:15px;margin:0 20px}
.h_tct{color:#929292;font-size:13px; text-align: center;}
.h_height{height: 52px; line-height: 52px;}

.m-load2{width: 80px;height: 80px;position:absolute; top: 35px;left: 52px;}

/** 加载动画的静态样式 **/
.m-load2 .line div{border-radius: 14px;position:absolute;left:16px;top:0;width:6px;height: 80px;}
.m-load2 .line div:before,.m-load2 .line div:after{content:'';display:block;height:50%;background:#e94845;}
.m-load2 .line div:nth-child(2){-webkit-transform:rotate(15deg);}
.m-load2 .line div:nth-child(3){-webkit-transform:rotate(30deg);}
.m-load2 .line div:nth-child(4){-webkit-transform:rotate(45deg);}
.m-load2 .line div:nth-child(5){-webkit-transform:rotate(60deg);}
.m-load2 .line div:nth-child(6){-webkit-transform:rotate(75deg);}
.m-load2 .line div:nth-child(7){-webkit-transform:rotate(90deg);}
.m-load2 .line div:nth-child(8){-webkit-transform:rotate(105deg);}
.m-load2 .line div:nth-child(9){-webkit-transform:rotate(120deg);}
.m-load2 .line div:nth-child(10){-webkit-transform:rotate(135deg);}
.m-load2 .line div:nth-child(11){-webkit-transform:rotate(150deg);}
.m-load2 .line div:nth-child(12){-webkit-transform:rotate(165deg);} 
.m-load2 .line div:nth-child(13){-webkit-transform:rotate(180deg);} 
.m-load2 .line div:nth-child(14){-webkit-transform:rotate(195deg);} 
.m-load2 .line div:nth-child(15){-webkit-transform:rotate(210deg);} 
.m-load2 .line div:nth-child(16){-webkit-transform:rotate(235deg);} 
.m-load2 .line div:nth-child(17){-webkit-transform:rotate(250deg);} 
.m-load2 .line div:nth-child(18){-webkit-transform:rotate(265deg);} 
.m-load2 .line div:nth-child(19){-webkit-transform:rotate(280deg);} 
.m-load2 .line div:nth-child(20){-webkit-transform:rotate(295deg);} 
.m-load2 .line div:nth-child(21){-webkit-transform:rotate(315deg);} 
.m-load2 .line div:nth-child(22){-webkit-transform:rotate(330deg);} 
.m-load2 .line div:nth-child(23){-webkit-transform:rotate(345deg);} 
.m-load2 .line div:nth-child(24){-webkit-transform:rotate(360deg);} 
.m-load2 .circlebg{position:absolute;left:50%;top:50%;width: 60px;height: 60px;margin: -30px 0 0 -51px;background: #040812;border-radius:74px;}

/** 加载动画 **/
@-webkit-keyframes load{
      0%{opacity:0;}
      100%{opacity:1;}  
}
.m-load2 .line div:nth-child(5):after{-webkit-animation:load 2.2s linear 0s infinite;}
.m-load2 .line div:nth-child(6):after{-webkit-animation:load 2.2s linear 0.1s infinite;}
.m-load2 .line div:nth-child(7):after{-webkit-animation:load 2.2s linear 0.2s infinite;}
.m-load2 .line div:nth-child(8):after{-webkit-animation:load 2.2s linear 0.3s infinite;}
.m-load2 .line div:nth-child(9):after{-webkit-animation:load 2.2s linear 0.4s infinite;}
.m-load2 .line div:nth-child(10):after{-webkit-animation:load 2.2s linear 0.5s infinite;}
.m-load2 .line div:nth-child(11):after{-webkit-animation:load 2.2s linear 0.6s infinite;}
.m-load2 .line div:nth-child(12):after{-webkit-animation:load 2.2s linear 0.7s infinite;}
.m-load2 .line div:nth-child(13):after{-webkit-animation:load 2.2s linear 0.8s infinite;}
 
/* .m-load2 .line div:nth-child(1):before{-webkit-animation:load 2.2s linear 0.7s infinite;}  */ 
.m-load2 .line div:nth-child(2):before{-webkit-animation:load 2.2s linear 0.9s infinite;}
.m-load2 .line div:nth-child(3):before{-webkit-animation:load 2.2s linear 1.0s infinite;}
.m-load2 .line div:nth-child(4):before{-webkit-animation:load 2.2s linear 1.1s infinite;}
.m-load2 .line div:nth-child(5):before{-webkit-animation:load 2.2s linear 1.2s infinite;}
.m-load2 .line div:nth-child(6):before{-webkit-animation:load 2.2s linear 1.3s infinite;}
.m-load2 .line div:nth-child(7):before{-webkit-animation:load 2.2s linear 1.4s infinite;}
.m-load2 .line div:nth-child(8):before{-webkit-animation:load 2.2s linear 1.5s infinite;}

.m-load2 .line div:nth-child(1):before{background:rgba(0,0,0,0);}
.m-load2 .line div:nth-child(1):after{background:rgba(0,0,0,0);}
.m-load2 .line div:nth-child(2):after{background:rgba(0,0,0,0);}
.m-load2 .line div:nth-child(3):after{background:rgba(0,0,0,0);}
.m-load2 .line div:nth-child(4):after{background:rgba(0,0,0,0);}
.m-load2 .line div:nth-child(5):after{background:rgba(0,0,0,0);}
.m-load2 .line div:nth-child(9):before{background:rgba(0,0,0,0);}
.m-load2 .line div:nth-child(10):before{background:rgba(0,0,0,0);}
.m-load2 .line div:nth-child(11):before{background:rgba(0,0,0,0);}
.m-load2 .line div:nth-child(12):before{background:rgba(0,0,0,0);}
.m-load2 .line div:nth-child(13):before{background:rgba(0,0,0,0);}

.site_n{font-size: 16px; color: #e94845; text-align: center; margin-top: 104px;}
.font_ms{font-size: 10px; color:#ffea00; text-align: center;  position: absolute; left: 40px; top: 66px; width: 60px; height: 18px; line-height: 18px;}

.stop{-webkit-animation-play-state:paused;
	-moz-animation-play-state:paused;
	-o-animation-play-state:paused;
	animation-play-state:paused;}

.header{position: relative;height: 800px;}
.header_top{background:#790100;width: 100%;}
.header_top_w{width: 1174px;height: 126px;margin:0 auto;padding: 0;overflow: hidden;}
.logo_l{width: 568px;height: 126px;display: inline-block;float: left;}
.tel{float: right;}
.nav{width: 100%;height: 53px;background: #590707;}
.nav_l{width: 1174px;margin:0 auto;overflow: hidden;}
.nav_l ul{margin-left: 70px;}
.nav_l ul li{float: left;}
.nav_l ul li a{line-height: 53px;display: inline-block;color: #fff;padding:0 85px 0 35px;background: url(../images/icon.png) no-repeat 0 13px;}
.nav_l ul li a:hover{color: #e8a900;background: url(../images/icon_h.png) no-repeat 0 13px;}
.nav_l ul li a.icon2{background-position: 0 -34px;}
.nav_l ul li a.icon3{background-position: 0 -84px;}
.nav_l ul li a.icon4{background-position: 0 -145px;}
.nav_l ul li a.icon5{background-position: 0 -189px;}
.nav_l ul li a.icon6{background-position: 0 -258px;}
.alink{background: #e0dfdf;height: 122px;}


.tab{height: 456px;}