/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
em,i { font-style: normal;}
img { border:0;vertical-align: middle;width:100%;}
textarea{resize:none;}
ol, ul { list-style:none; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
.clear{zoom:1;}
.clear:after{ content:""; display:block; clear:both;}
a{ text-decoration:none; cursor:pointer;}
a:hover{ text-decoration:none;}
/* @font-face {
font-family: SourceHanSansSC-Normal;
src: url("//static.longtugame.com/font/SourceHanSansSC-Normal.otf");
} */
body{ font-family:SourceHanSansSC-Normal; background:#000;font-size:0.14rem;position: relative;}
html,body { height:100%;overflow: hidden;}
.mc_box{ position: fixed; top: 0; left: 0; z-index: 90; background:rgba(0, 0, 0, 0.5); height: 100%; width: 100%;display: none;}

.wrap { height:100%;background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/b01.jpg) no-repeat 50% 0/100%;width:100%;margin:0 auto;position: relative;overflow: hidden;}/*max-width:1920px;*/
.logo { position: absolute;top:0.3rem;left:0.4rem;width:2.11rem;z-index:2;}
.luntan {width: 9%;height: 0.6rem;position: absolute;top:0.3rem;right: .4rem;z-index: 10;background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/gotobbs-pc.png) no-repeat 0 0/100%;}
.mouse{width:371px;height:73px;background:url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/hd.png) no-repeat 0 0/100%;position:absolute; bottom:130px;left:50%; transform: translateX(-50%); 
z-index:9; text-align: center;}
.mouse i{width:4px;height:4px;top:9px; background: #4f3535; display: inline-block; border-radius: 50%; animation:mouseAni 1s linear infinite;}
@keyframes mouseAni{
0%{-webkit-transform:translateY(0);}
50%{-webkit-transform:translateY(4px);}
100%{-webkit-transform:translateY(0);}
}
.wa_box{ position: absolute;left: 50%;transform: translateX(-50%); top:55%; width: 33%;}

.main{ width:100%;height:100%;}
.swiper-button-main-next, .swiper-button-main-prev{ margin-top: -37px;}
.swiper-button-main-next{ width:.6rem;height:100%;position: fixed;top:0;right:.62rem;background:url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/right.png) no-repeat 0 50%/100%;z-index:9; }
.swiper-button-main-prev{ width:.6rem;height:100%;position: fixed;top:0;left:.62rem;background:url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/left.png) no-repeat 0 50%/100%;z-index:9; }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{background:url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/rightc.png) no-repeat 0 50%/100%;}
.swiper-button-prev.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{background:url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/leftc.png) no-repeat 0 50%/100%;}

.bg { width:100%;height:100%;position: absolute;top:0;left:0;}
.bg01 { width:105%;height:100%;background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/b01.jpg) no-repeat 0 0/100%;position: absolute;top:0; left: -1.2%;}
.bg02 { width:105%;height:100%;background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/b02.png) no-repeat 0 -40px/100%;position: absolute;top:0; left: -1.2%;}

.yu01{position: absolute;left: 15%;top: 27%;z-index: 1;}
.yu02{position: absolute;left: 37%;top: 15%;z-index: 2;}
.yu03{position: absolute;right: 16%;top: 26%;z-index: 2;}
.yu04{position: absolute;right: 15%;top: 46%;z-index: 3;}
.yu05{position: absolute;left: 15%;top: 55%;z-index: 2;}
.yun{-webkit-animation: movingIsland 3s ease-in-out 0s infinite alternate;
  -moz-animation: movingIsland 3s ease-in-out 0s infinite alternate;
  -o-animation: movingIsland 3s ease-in-out 0s infinite alternate;
  animation: movingIsland 3s ease-in-out 0s infinite alternate;}
@-webkit-keyframes movingIsland {
0% { -webkit-transform: translateY(0);}
100% { -webkit-transform:translateY(10px);}
}
@-moz-keyframes movingIsland {
0% { -webkit-transform: translateY(0); }
100% { -webkit-transform:translateY(10px);}
}
@-o-keyframes movingIsland {
0% { -webkit-transform: translateY(0); }
100% { -webkit-transform:translateY(10px);}
}
@keyframes movingIsland {
0% { -webkit-transform: translateY(0);}
100% { -webkit-transform:translateY(10px);}
}

.an01{background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/an01t.png) no-repeat 0 0/100%;position: absolute;z-index: 1 !important;top: 11%;left: 31.5%;width: 12%;height: 3rem;display: inline-block;z-index: 11;}
.an01:hover{background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/an01th.png) no-repeat 0 0/100%;}
.an01 i{display: inline-block;background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/an01.png) no-repeat 0 0/100%;width: 63%;height: 3rem;position: absolute;top: -0.2rem;left:10%;transition: all .3s;}
.an01:hover i{ transform:scale(1.1, 1.1); transition: all .3s;}
.an02{background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/an02t.png) no-repeat 0 0/100%;position: absolute; z-index: 1 !important; top: 13%;right: 25%;width: 11%;height: 2.8rem;display: inline-block;z-index: 11;}
.an02:hover{background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/an02th.png) no-repeat 0 0/100%;}
.an02 i{display: inline-block;background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/an02.png) no-repeat 0 0/100%;width: 69%;height: 3rem;position: absolute;top: -0.2rem;left:0;transition: all .3s;}
.an02:hover i{ transform:scale(1.1, 1.1); transition: all .3s;}
.an03{background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/an03t.png) no-repeat 0 0/100%;position: absolute;z-index: 2 !important;top: 31%;right: 28%;width: 12%;height: 3rem;display: inline-block;z-index: 11;}
.an03:hover{background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/an03th.png) no-repeat 0 0/100%;}
.an03 i{display: inline-block;background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/an03.png) no-repeat 0 0/100%;width: 65%;height: 3rem;position: absolute;top: -0.1rem;left:10%;transition: all .3s;z-index: 5;}
.an03:hover i{ transform:scale(1.1, 1.1); transition: all .3s;}
.an04{background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/an04t.png) no-repeat 0 0/100%;position: absolute; z-index: 1 !important; top: 34%;left: 23%;width: 13.2%;height: 3.5rem;display: inline-block;z-index: 11;}
.an04:hover{background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/an04th.png) no-repeat 0 0/100%;}
.an04 i{display: inline-block;background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/an04.png) no-repeat 0 0/100%;width: 57%;height: 3rem;position: absolute;top: -0.3rem;left:30%;transition: all .3s;}
.an04:hover i{ transform:scale(1.1, 1.1); transition: all .3s;}
.an05{background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/an05t.png) no-repeat 0 0/100%;position: absolute; z-index: 1 !important; top: 2.2%;left: 41.4%;width: 24%;height: 6rem;display: inline-block;z-index: 11;}
.an05:hover{background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/an05th.png) no-repeat 0 0/100%;}
.an05 i{display: inline-block;background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/an05.png) no-repeat 0 0/100%;width: 32%;height: 3rem;position: absolute;top: .3rem;left:23%;transition: all .3s;}
.an05:hover i{ transform:scale(1.1, 1.1); transition: all .3s;}

.center_box{width: 68%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-61%);z-index: 2;}
.center_box .table{ position: absolute;left: 0;top: 0}
.center_box .right_box{ position: absolute; right: 0; top: 0;}


.table{height: 100%;width: 15%;float: left;}
.table a,.table span{display: inline-block;width: 100%;height:16.5%; font-size: 0; cursor: pointer; }
.right_box{width: 85%;height:100%;float: left;overflow: hidden;position: relative;}
.bt_box{width: 40%;margin: 5% auto 1%;}
.box_left{ width: 71%;height:72%; background: #000; float: left; margin-left: 2%;}
.box_right{ width: 22%;height:72%; background:#fff; float: right;margin-right: 2%;}

.shipin{height: 71%;width: 90%;margin: 0 auto;}
.shipin-box{width: 75.5%;height: 98%;background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/spbj.png) no-repeat 0 0/100% 100%;float: left;}
.shipin-box a img{ width: 92%; margin:2% auto 0 4.1%;}
.playico{width:102px;height:118px;background:url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/sp.png) no-repeat;position:absolute;top: 50%;left: 50%;z-index:9;transform: translate(-50%,-50%);}
.shipin-box a{width:100%;height:100%;position:relative;display:block;}
.shipin-box video{width: 96%;height: 89%;display:none;margin: 17px 2.5% 2.5%; }
.shipin-box s,.shipin-nav s{width:100%;height:100%;background:#000;opacity:.6;filter:alpha(opacity=60);position:absolute;top:0;left:0;-webkit-transition:.4s ease-out;transition:.4s ease-out;}
.shipin-box a:hover s,.shipin-nav li:hover s,.shipin-nav .on s{opacity:0;filter:alpha(opacity=0);}

.shipin-nav ul li img{padding:4px;width: 96%;height: 94%;}
.shipin-nav{width: 20%;height:100%;float: right;overflow: hidden;}
.shipin-nav ul{ height: 100%;}
.shipin-nav li{height: 27%;position:relative;cursor:pointer;width: 100%;background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/sxbj.png) no-repeat 0 0/100% 100%;position: relative;margin-bottom: 28px;}
.shipin-nav img{width:150px;height: 76px;display:block;}
.shipin-nav s{height: 77px;}
.shipin-nav p{font-size: 12px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align: center;position: absolute;bottom: -18px;left: 50%;transform: translateX(-50%);}
.shipin-prev,.shipin-next{width:28px;height:18px;position:absolute;top: 67px;right: 20px;cursor:pointer;-webkit-transition:.2s ease-out;transition:.2s ease-out;background: #000;}
.shipin-next{background-position:-323px -155px;top: 10px;}
/* .shipin-prev:hover{-webkit-transform:translateY(-2px);}
.shipin-next:hover{-webkit-transform:translateY(2px);} */

.part2 {width: 90%;height: 75%;margin: 0 auto 0 7.5%;}
.aboutlist {width: 100%;height: 94%;}
.aboutlist h3 { float: left;width:8%;height:100%;}
.part_tab1.on{ background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/t01h.png) no-repeat 0 0/100% ;}
.part_tab1 { background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/t01.png) no-repeat 0 0/100% ;}
.part_tab2 { background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/t02.png) no-repeat 0 0/100% ;}
.part_tab2.on{ background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/t02h.png) no-repeat 0 0/100% ;}
.part_tab3 { background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/t03.png) no-repeat 0 0/100% ;}
.part_tab3.on{ background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/t03h.png) no-repeat 0 0/100% ;}
.part_tab4 { background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/t04.png) no-repeat 0 0/100% ;}
.part_tab4.on{ background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/t04h.png) no-repeat 0 0/100% ;}
.part_tab5 { background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/t05.png) no-repeat 0 0/100% ;}
.part_tab5.on{ background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/t05h.png) no-repeat 0 0/100%;}
.aboutbox { width:0;float: left;height:100%;}
.aboutbox1 {background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/tu01.png) no-repeat  -2px 47%/auto 82%;}
.aboutbox2 { background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/tu02.png) no-repeat -2px 47%/auto 82% ;}
.aboutbox3 { background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/tu03.png) no-repeat -2px 47%/auto 82%;}
.aboutbox4 { background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/tu04.png) no-repeat -2px 47%/auto 82% ;}
.aboutbox5 { background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/tu05.png) no-repeat -7px 47%/auto 82% ;}

.text_img01{width: 95%;margin: 2.2% 0 0 5.1%;height: 75%;background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/B3.png) no-repeat 0 0/100% 100%;}
.text_img02{width: 90%;margin: 1.2% auto 0;height: 71%;background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/B04.png) no-repeat 0 0/100% 100%;}
.info_link {width: 29%;height: 30%;position:absolute;}
.link1 {top: 25%;left: 5%;}
.link2 {top: 25%;left: 35.5%;}
.link3 {top: 25%;left: 66%;}
.link4 {top: 62%;left: 5%;}
.link5 {top: 62%;left: 35.5%;}
.link6 {top: 62%;left: 66%;}

.copyright{ width:100%;min-width:1155px;height: 123px; background: #000;z-index:9; position: absolute; bottom: 0; left: 0; z-index: 1;}
.foot{ width: 1100px;margin: 0 auto;}
.foot img{ width: auto;}
.foot .bot-logo{float: left;margin-right: 30px;}
.foot .bot-logo img:nth-child(2) { margin-top:40px;float: left;}
.foot .bot-logo img:nth-child(1) { margin:43px 28px 0 0;float: left;}
.regard{ float: left;margin-top:28px;height:74px;border-left:2px solid #6b6f75;padding:3px 0 0 17px;}
.regard p{ font-size: 12px; color: #bcbcbc; line-height: 15px;}

.rwm_box{position: absolute;top: 50%;left:50%;transform: translate(-50%,-50%);z-index: 99; display: none;}
.cols{position: absolute;top: 0;right: 0;display: inline-block;width: 44px;height: 49px;}

@media screen and (min-width:1000px) and (max-width:1290px) {
  .an01{top: 7%;}
  .an02{top: 10%;}
  .an03{top: 28%;}
  .an04{top: 28%;}
  .an05{top: 0%;}
  .shipin-nav li{height: 24%;}
  .solution-item{ width: 100%;}
  .solution-item .num{ width: 57px;}
  .aboutbox1 {background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/tu01.png) no-repeat  -2px 47%/auto 82% ;}
  .aboutbox2 { background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/tu02.png) no-repeat -2px 47%/auto 82%;}
  .aboutbox3 { background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/tu03.png) no-repeat -2px 47%/auto 82%;}
  .aboutbox4 { background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/tu04.png) no-repeat -2px 47%/auto 82%;}
  .aboutbox5 { background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/tu05.png) no-repeat -7px 47%/auto 82%;}
  }
@media screen and (min-width:1280px) and (max-width:1366px) {
  .an01{top: 8%;}
  .an02{top: 10%;}
  .an03{top: 27%;}
  .an04{top: 27%;}
  .an05{top: 0%;}
  .shipin-nav li{height: 25.3%;}
  .solution-item{ width: 100%;}
  .solution-item .num{ width: 57px;}
  .solution-item li { width: 57px;}
  .aboutbox1 {background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/tu01.png) no-repeat  -2px 47%/auto 82%;}
  .aboutbox2 { background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/tu02.png) no-repeat -2px 47%/auto 82%;}
  .aboutbox3 { background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/tu03.png) no-repeat -2px 47%/auto 82%;}
  .aboutbox4 { background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/tu04.png) no-repeat -2px 47%/auto 82%;}
  .aboutbox5 { background: url(//cdn-content.hhxcgame.com/image/yingxiongwudi/web/first_ann/index/tu05.png) no-repeat -7px 47%/auto 82%;}
  }

.website_logo { display:none;}