blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
a, body, div, h1, h2, h3, h4, img, input, li, ol, p, span, ul {
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
	margin: 0;
	padding: 0;
	font-family: '微软雅黑', Arial, '黑体', Hei, Tahoma, Helvetica, arial, sans-serif;
	color:#fff;
	line-height:1.6;
	font-size:18px;
}
html {
	width: 100%;
	-ms-touch-action: none;
	height: 100%
}
body {
	background:#06132c;
	position:relative;
	width:100%; height:100%;
}

h1,h2,h3,h4,h5,h6{font-size:100%;color:#fff; font-weight:500}
li,ol,ul{list-style:none}
em,i,b {font-style: normal;font-weight: normal}
a{text-decoration:none;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out; }
a:hover{text-decoration:none}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
button,input,select,textarea{font-size:100%}

input,textarea {-webkit-appearance: none;}
input[type=button], input[type=submit], input[type=file], button{ cursor:pointer; -webkit-appearance:none;}
input {	-webkit-border-radius: 0;	-webkit-box-shadow: insert 0 0 0 transparent;background: #fff;}


button,input,textarea{outline:0}
img{vertical-align:top;display:inline-block; border:0; width: 100%;	height: auto;}
article,aside,audio,details,figcaption,figure,footer,header,hgroup,mark,menu,nav,section,summary,time,video{display:block;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}

.fl{float:left}
.fr{float:right}
.block{display:block}
.tac{text-align:center}
.tar{text-align:right}
.tal{text-align:left}
.dn{display:none}
.pr{position:relative}
.pa{position:absolute}
.ofh{white-space:nowrap;word-wrap:normal;word-break:normal;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden}
.w100{width:100%}
.h100{height:100%}
.w300{ width:300%;}


.clearfix{display:block;zoom:1;}
.clearfix:after{content:" ";display:block;font-size:0;height:0; line-height:0; font-size:0; clear:both;visibility:hidden}

.fs12{font-size:12px}
.fs14{font-size:14px}
.fs16{font-size:16px}
.fs18{font-size:18px}
.r2{-webkit-border-radius:2px;-khtml-border-radius:2px 2px 2px 2px;-moz-border-radius:2px;border-radius:2px}
.r3{-webkit-border-radius:3px;-khtml-border-radius:3px 3px 3px 3px;-moz-border-radius:3px;border-radius:3px}
.r4{-webkit-border-radius:4px;-khtml-border-radius:4px 4px 4px 4px;-moz-border-radius:4px;border-radius:4px}
.r5{-webkit-border-radius:5px;-khtml-border-radius:5px 5px 5px 5px;-moz-border-radius:5px;border-radius:5px}
.rt2{-webkit-border-radius:2px 2px 0 0;-khtml-border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;border-radius:2px 2px 0 0}
.rt3{-webkit-border-radius:3px 3px 0 0;-khtml-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0}
.rt4{-webkit-border-radius:4px 4px 0 0;-khtml-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0}
.rt5{-webkit-border-radius:5px 5px 0 0;-khtml-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}
.rb2{-webkit-border-radius:0 0 2px 2px;-khtml-border-radius:0 0 2px 2px;-moz-border-radius:0 0 2px 2px;border-radius:0 0 2px 2px}
.rb3{-webkit-border-radius:0 0 3px 3px;-khtml-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px}
.rb4{-webkit-border-radius:0 0 4px 4px;-khtml-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px}
.rb5{-webkit-border-radius:0 0 5px 5px;-khtml-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}

.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr15{margin-right:15px}
.mr20{margin-right:20px}
.mr25{margin-right:25px}
.mr30{margin-right:30px}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb25{margin-bottom:25px}
.mb30{margin-bottom:30px}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
.ml25{margin-left:25px}
.ml30{margin-left:30px}

.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pt25{padding-top:25px}
.pt30{padding-top:30px}
.pr5{padding-right:5px}
.pr10{padding-right:10px}
.pr15{padding-right:15px}
.pr20{padding-right:20px}
.pr25{padding-right:25px}
.pr30{padding-right:30px}
.pb5{padding-bottom:5px}
.pb10{padding-bottom:10px}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.pb25{padding-bottom:25px}
.pb30{padding-bottom:30px}
.pl5{padding-left:5px}
.pl10{padding-left:10px}
.pl15{padding-left:15px}
.pl20{padding-left:20px}
.pl25{padding-left:25px}
.pl30{padding-left:30px}
.p30{padding:30px}

.textGreen {color: #2894c6!important}
.textYellow {color: #56e8f2!important}
.textRed {color: #de3c23!important}
.textBlack {color: #222!important}
.textorange{color: #f86c14!important}
.textBlue {	color: #2c96c7!important}
.textGrey6 {color: #666!important}
.textGrey9 {color: #999!important}

.wrap{ width:100%; margin:0 auto; height:auto; position:relative;}
.head{ width:100%; height:100px;background-color: rgba(8,13,36,0.9); position:fixed; top:0; left:0; padding:0 5%; min-width:1080px; z-index:999;}
.head .logo{ width:160px; height:35px; margin-top:32px; float:left;}
.head .nav{ min-width:700px; padding-left:80px;}
.head .nav ul li a{ height:100px; line-height:100px; font-size:16px; padding:0 35px; float:left;}
.head .nav ul li a:hover{ color:#56e8f2;}
.head .nav ul li.active a{color:#56e8f2; font-weight:bold;}
.head .Lang span,
.head .Lang a{ font-size:14px; color:#535354; height:100px; line-height:100px;}
.head .Lang a:hover{ color:#fff;}
.head .Lang a.active{ color:#fff;}


.main{ width:100%; margin:0 auto;}
.main .bg01{ background:url(../images/bg01.jpg) no-repeat center top; width:100%; min-height:100vh;}/* background-size:cover; */
.bg01 .w1165{ width:1165px; margin:0 auto;}
.pt580{ padding-top:580px;}
.pt330{ padding-top:330px;}
.bg01 .w1165 .title01 img{ width:543px; height:140px; margin-bottom:10px;}
.bg01 .w1165 .title01_E img{ width:454px; height:402px;margin-bottom:15px;}
.bg01 .w1165_tex p{ font-size:42px; color:#fefefe; font-weight:bold;}
.bg02{ background:url(../images/bg02.jpg) no-repeat center top; width:100%; min-height:100vh;}/* background-size:cover; */
.bg02 .w920{ width:920px; margin:0 auto; padding-top:205px;}
.bg02 .w920 .title02 img{ width:308px; height:48px; margin-bottom:42px;}
	
.bg02 .w920 .slogan .s_tex01 img{ width:558px; height:42px; margin-bottom:30px;}
.bg02 .w920 .slogan .s_tex02 img{ width:568px; height:64px;}
.pt170{ padding-top:170px;}
.pt100{ padding-top:100px;}
.bg02 .w920 .story .title02-2 img{ width:308px; height:48px; margin-bottom:42px;}
.bg02 .w920 .story p{ font-size:18px;}
.bg03{ background:url(../images/bg03.jpg)no-repeat center top; width:100%; min-height:100vh;}/* background-size:cover; */
.game_cont_box{ width:1890px; margin:0 auto; overflow:hidden;}
.pro_cont{ width:1890px; margin:0 auto; overflow:hidden; float:left;}
.pro_cont .pro_l{ width:880px; padding-top:160px; padding-left:8%;}
.pro_cont .pro_l .title03{ font-size:88px; color:#ffd247; font-weight:bold; line-height:88px;}
.pro_cont .pro_l .dec_tex img{ width:400px; height:18px; margin-top:20px;}
.pro_cont .pro_l .pro_tex{ margin:30px 0 20px 0; width:560px; height:125px; overflow:auto;}
.pro_cont .pro_l .pro_tex p{ font-size:16px;}
.pro_cont .pro_l .gw_btn{ width:180px; height:50px; line-height:48px; border:1px solid #fff; font-size:20px; text-align:center; display:block;}
.pro_cont .pro_l .gw_btn::after {
	content: "";
	display: block;
	margin-top: -48px;
	width:0;
	height: 48px;
	background:#fff; 
	transition: all 0.6s ease 0s;
}
.pro_cont .pro_l .gw_btn:hover b,
.pro_cont .pro_l .gw_btn:hover {
	color:#15143c; font-weight:bold;
}
.pro_cont .pro_l .gw_btn b:hover::after,
.pro_cont .pro_l .gw_btn:hover::after {
	width: 100%;
	color: #15143c;font-weight:bold;
}
.pro_cont .pro_l .gw_btn b{ font-size:12px; color:#fff; position:absolute; top:0; left:135px;
    -o-transition: all 500ms;
    transition: all 500ms;
   }
.pro_cont .pro_l .download{ padding-top:50px; width:530px;}
.pro_cont .pro_l .download .down_title{ width:354px; height:38px;}
.pro_cont .pro_l .download .down_list li{ width:240px; height:72px; float:left; margin:20px 20px 0 0;}
.pro_cont .pro_l .download .down_list li a img{ width:240px; height:72px; -webkit-transition: all .3s;
    transition: all .3s; }
.pro_cont .pro_l .download .down_list li a:hover img{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:ranslateY(-10px);}
.pro_cont .pro_l .download .down_list li a:hover img{ filter: opacity(65%);}


.pro_cont .pro_r{ width:1000px;}
.pro_cont .pro_r .game_show{width:1000px;}
.pro_cont .pro_r .showbg01{ background: url(../images/wp_r_bg.jpg) no-repeat center top; width:1000px; height:320px; margin-top:560px;}
.pro_cont .pro_r .showbg02{ background: url(../images/fd_r_bg.jpg) no-repeat center top; width:1000px; height:320px; margin-top:560px;}
.pro_cont .pro_r .showbg03{ background: url(../images/zq_r_bg.jpg) no-repeat center top; width:1000px; height:320px; margin-top:560px;}
.game_show_team .video_box{ left:20px; top:-80px; z-index:99; width:200px; height:111px; display:block; }
.game_show_team .video_box .video_btn{ background: url(../images/video_btn.png) no-repeat; width:200px; height:111px; display:block; cursor:pointer;}
.game_show_team .video_box .video_btn .rotate {width:71px; height:71px;left:68px; top:20px; z-index:998; animation: rotate 4s linear infinite;-webkit-animation-delay:1s;}
.game_show_team .video_box .video_btn .video{ width:18px; height:21px; left:98px; top:45px; z-index:999;}
@-webkit-keyframes rotate{0% {transform: rotate(0deg);}100% { transform: rotate(360deg);}}
@keyframes rotate {0% {transform: rotate(0deg);}100% { transform: rotate(360deg);}}
.game_show_team .video_box .video_tex{ font-size:20px; color:#fff; font-weight:lighter; padding-top:5px;}
.game_show_team .show_img{ left:0; top:-560px; z-index:98;}
.game_show_team .show_img img{ width:1000px; height:762px;}
.game_show_team .zs_tex{ left:885px; top:-400px; z-index:9999;}
.game_show_team .zs_tex img{ width:31px; height:736px;}
.game_cont_box .game_icon{ left:890px; top:778px; width:294px; height:80px; margin-left:18px;}
.game_cont_box .game_icon a{width:80px; height:80px; float:left;}
.game_cont_box .game_icon a img{ width:80px; height:80px;-webkit-transition: all .3s;transition: all .3s;}
.game_cont_box .game_icon a.active img,
.game_cont_box .game_icon a img:hover{ width:88px; height:88px; padding:4px; border:2px solid #56e8f2; border-radius:20px;}
.prev_page{ background:url(../images/arrow-2.png) no-repeat; width:68px; height:40px; left:20px; top:515px; z-index:999999; cursor:pointer;}
.next_page:hover,
.prev_page:hover{ opacity:0.5;}
.next_page{ background:url(../images/arrow-1.png) no-repeat; width:68px; height:40px; right:20px; top:515px; z-index:999999; cursor:pointer;}
.prev_page,
.next_page{animation: mouse-dance 1.5s linear infinite;}
@keyframes mouse-dance {
    0% {
        background-position: 10px 4px, 50px 0, 90px 4px;
    }
    50% {
        background-position: 0 4px, 50px 0, 100px 4px;
    }
    100% {
        background-position: 10px 4px, 50px 0, 90px 4px;
    }
}
.bg04{ background:url(../images/bg04.jpg) no-repeat center top; width:100%; height:auto;}
.w1360{ width:1360px; margin:0 auto; padding-top:220px;}
.w1360 .title04 img{ width:462px; height:85px; margin-bottom:105px;}
.w1360 .w1360_tex p{ font-size:20px; padding:20px 0;}
.footer{ position:fixed; bottom:-290px; left:770px; width:420px;text-align:center;}
.footer p{ text-align:center; font-size:14px; color:#4dc9f7;}
.footer a{font-size:14px; color:#4dc9f7; display:inline-block; margin-right:10px; text-align:center;}
/*弹窗样式*/
.alert{
	width:100%;
	height:100%; 
	background:rgba(0,0,0,.5);
	position:absolute;
	top: 0;
	left: 0;
	z-index:999; _position:absolute; _height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
.tc{
	width:100%;
	height:576px;
	position:fixed;
	top:20%;
	left:0;
	z-index:1000;
}
.vedio-tc{ background:#555; width:1014px; height:576px; margin:0 auto;}
.closeBtn{width: 32px; height:32px; right:-40px; top:0;}
.closeBtn img {
	transition: all .5s ease
}
.closeBtn:hover img {
	transform: rotate(180deg)
}
.video-star{ width:998px; height:560px; margin:0 auto; padding-top:7px;}
/*404*/
.wrap-404{ height:915px; background:#fff; width:100%;}
.img-404{ background:url(../images/404_03.jpg)no-repeat center 215px; width:360px; height:591px; display:block; margin:0 auto;}
.fhsy-btn{ background: url(../images/fhsy-btn-bg.png) no-repeat center 0; width:160px; height:48px; line-height:44px; font-size:16px; text-align:center; color:#fff; display:block; margin:45px auto 0 auto;}