﻿@charset "utf-8";
html{_background-image:url(about:blank);overflow-x:hidden; }
.header{position:relative; height:892px;}
.flash_top{ position:absolute; top:74px; left:50%; margin-left:-960px; width:1920px;height:515px;}
.yuding_btn{top: 370px; right: 85px;}
.jc_act h2,.introduce dt,.game_data h2,.follow h2,.game_fea h2 {background: url(http://i0.cy.com/hz/main/20190902/tit_sp.png) no-repeat; text-indent: -9999px;}

/*首屏轮播*/
.banner { position:relative; width:548px; height:349px; overflow:hidden; float:left; margin-right: 3px;}
.banner dt { position:absolute;height:20px; bottom:0; right:0px; z-index:100;}
.banner dt span { float:left; width:31px; height:5px; overflow:hidden; margin:0 4px; background:#fff; cursor:pointer; }
.banner dt span.current { background:#d14d27; }
.banner dd a { position:absolute; }
.banner dd a img {width:548px; height:349px; }

/*新闻小列表*/
.middle_bar,.middle_up{ padding-top:23px; position:relative;*zoom:1;}
.middle_bar:after,.middle_up:after{ display:block; height:0; visibility:hidden; clear:both; content:'.';}
.news { float:left; width:443px; height:347px; background:#2e3235; border:1px solid #363a3d;}
.news dt{background-position:0px 0px;}
.news dd {border:1px solid #212221;}
.news_title{height:44px;line-height:44px; overflow:hidden; border-bottom:1px solid #3f3b3a;}
.news_title strong{float:left;text-align:center;}
.news_title strong a{float:left;width:83px;height:45px;color:#edeceb; }
.news_title strong a:hover{text-decoration:none;color:#edeceb; }
.news_title strong a.current{ position:relative;color:#e03704; height:42px; overflow:hidden; border-bottom:3px solid #d92400; }
.news_title strong a.current:hover{color:#e03704; }
.news_title span{float:right; padding-right:10px;}
.news_title span a,.guide dd .fl p a{ padding-left:15px; color:#e4e3e3; background:url(http://i0.cy.com/hz/main/20190902/more_ico.png) no-repeat left center;}
.news dd ul{ position:relative; height:240px; width:96%;padding-top:5px; overflow:hidden; border-top:1px solid #3f3b3a; margin: 0 auto;}
.news dd ul li{ position:absolute; width:100%; font-size:14px; }
.news dd ul li h3{ height:28px; overflow:hidden; line-height:28px;color:#a19f9e; vertical-align:top;}
.news dd ul li h3 label{float:left;width:60px; text-align:right; color:#e7e7e7;}
.news dd ul li h3 strong{float:left;width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news dd ul li h3 span{float:right;width:40px;font-size: 14px;}
.news dd ins{ background-position:0px -60px;}
.news dd ul li .ann_count{ height:84px; overflow:hidden;}
.news dd ul li .news_count{ height:144px; overflow:hidden;}
.news_box{ width:100%; height:54px; line-height:54px; text-align: center; color: #ffffff; font-size:16px; font-weight: 700;}
.news dd .news_box p a{color: #ffffff;}

/*精彩活动*/
.jc_act {width: 200px; height: 520px; float: left; position: relative; margin-right: 6px;}
.jc_act h2 {height:68px; width: 200px; background-position: 0 12px;}
.jc_act ul {width: 198px; height: 370px;}
.jc_act .jc_ul {position: absolute; top: 42px;left: 0px;}
.jc_act ul li {width: 198px; height: 113px;margin-bottom: 10px; }
.jc_act ul li a {display: block; float: left;width: 198px; height: 113px;}
.jc_act ul li a img {display: block; float: left;}
.jc_page span {width: 200px; height: 42px; background: url(http://i0.cy.com/hz/main/20190902/np_sp.jpg) no-repeat; position: absolute; cursor: pointer;}
.jc_page .next {background-position: 0 0; left: 0px; top: 68px;}
.jc_page .prev {background-position: 0 -43px; left: 0px; bottom: 0px;}

/*舰种介绍*/
.introduce { width:992px; float:left; }
.introduce dt{background-position:0px -57px; height: 68px;}
.introduce dd{ width:992px; height:461px; overflow:hidden; background: url(http://i0.cy.com/hz/main/20190902/fea_bg.jpg) no-repeat;} 
.introduce dd p{height:81px; width: 910px; position: relative; padding-left: 82px;}
.introduce dd p strong{height:81px; width: 910px; position: relative; display: block;}
.introduce dd p strong a{ position:relative;float:left;width:98px;height:81px;margin-right: 54px; text-indent: -9999px;}
.introduce dd p strong a:hover,.introduce dd p strong a.current {background: url(http://i0.cy.com/hz/main/20190902/jz_tab.jpg) no-repeat;}
.introduce dd p strong a.jz_tab1:hover,.introduce dd p strong a.jz_tab1.current {background-position:0 -82px;}
.introduce dd p strong a.jz_tab2:hover,.introduce dd p strong a.jz_tab2.current {background-position:0 0;}
.introduce dd p strong a.jz_tab3:hover,.introduce dd p strong a.jz_tab3.current {background-position:0 -164px;}
.introduce dd p strong a.jz_tab4:hover,.introduce dd p strong a.jz_tab4.current {background-position:0 -246px;}
.introduce dd p strong a.jz_tab5:hover,.introduce dd p strong a.jz_tab5.current {background-position:0 -328px;}
.introduce dd p strong a.jz_tab6:hover,.introduce dd p strong a.jz_tab6.current {background-position:0 -410px;}
.introduce dd p strong a.jz_tab2 {margin-right: 53px;}
.introduce dd p strong a.jz_tab6 {margin-right: 0;}
.introduce dd ul{height:271px; overflow:hidden; border:1px solid #52504d;}
.introduce dd ul li { position:absolute; width:975px; }
.introduce dd ul li img{ width:975px; height:372px;  }
.introduce dd ul li strong{ display:block; height:48px; margin:15px 28px; line-height:24px; overflow:hidden;  }
.introduce dd ins{ background-position:0px -150px;}

/*游戏特色*/
.game_fea {width: 100%; float: left;}
.game_fea h2 {width: 100%; height: 68px; background-position: 0 -126px;}
.game_fea .feature{ position: relative; background: url(http://i0.cy.com/hz/main/20190902/fea_bg2.jpg) no-repeat; width: 1200px; height: 488px;}
.game_fea .feature .more {position: absolute; right:30px; top:20px;}
.game_fea .feature .more a { padding-left:15px; color:#e4e3e3; background:url(http://i0.cy.com/hz/main/20190902/more_ico.png) no-repeat left center;}
.game_fea .feature dd{ height:485px; padding-top: 3px;}
.game_fea .feature dd p.feature_nav{ width:1060px;height:52px;line-height:52px; margin-left:140px; margin-bottom:8px; overflow:hidden; padding: 0;}
.game_fea .feature dd p.feature_nav strong{float:left;  text-align:center; }
.game_fea .feature dd p.feature_nav strong a{float:left;width:186px;height:52px;color:#dbe3ed;font:bold 18px/44px "微软雅黑"; text-align: center; margin-right: 41px;background-image:-webkit-linear-gradient(bottom,#b3a096,#d8c7bb,#f9e9dc); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
.game_fea .feature dd p.feature_nav strong a span {background-image:-webkit-linear-gradient(bottom,#b3a096,#d8c7bb,#f9e9dc); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.game_fea .feature dd p.feature_nav strong a.noborder{ border:none;}
.game_fea .feature dd p.feature_nav strong a.current,.feature dd p.feature_nav strong a:hover{text-decoration:none; background:url(http://i0.cy.com/hz/main/20190902/fea_a.jpg) no-repeat; }
.game_fea .feature dd ul{ position:relative;height:416px; overflow:hidden; width: 1187px;margin: 0 auto;}
.game_fea .feature dd ul li { position:absolute;  width:1187px; height:416px; left: 0; }
.game_fea .feature dd ul li a{ display:block; width:1187px; height:416px; position:absolute; right:0; top:0; z-index:2; border:1px solid #000;}
.game_fea .feature dd ul li object,
.game_fea .feature dd ul li span{ display:block; width:1187px; height:416px; position:absolute; right:0; top:0; z-index:10;}
.game_fea .feature dd ul li img{width:1187px; height:416px; position:relative; z-index:1;}
.game_fea .feature dd ul li p{ width:100%; color:#98add4; font:16px/40px "微软雅黑"; background:#000; opacity:0.5;  filter:alpha(opacity=50); position:absolute; bottom:0; left:0; text-indent:2em; z-index:2; border-top:1px solid #5b5f60;}
.game_fea .feature .cu_video{ width:925px; height:343px; position:absolute; top:0; left:0; display:none;}

.c_ad{ width:248px;  position:absolute; top:0; left:5px;}
.c_ad a{ display:block; width:246px; height:134px; border:1px solid #000; margin-bottom: 3px;}

/*游戏资料*/
.game_data {width: 752px; height: 352px; overflow: hidden;float: left; margin-right: 4px;}
.game_data .gd_inn {width: 760px; height: 292px; }
.game_data .gd_inn a {float: left; margin-right: 7px; margin-bottom: 7px;}
.game_data h2 {width: 752px; height: 68px; background-position: 0 -184px;}

/*关注我们*/
.follow {width: 444px; height: 352px; float: left;}
.follow h2 {width: 444px; height: 68px; background-position: 0 -262px;}
.follow .f_wx,.follow .f_wb {width: 219px; height: 279px; float: left; }
.follow .f_wx {background: url(http://i0.cy.com/hz/main/20190902/wx_bg.jpg) no-repeat; margin-right: 6px;}
.follow .f_wb {background: url(http://i0.cy.com/hz/main/20190902/wb_bg.jpg) no-repeat; }
.follow .f_wx img,.follow .f_wb img {display: block; margin: 72px auto 0;}

/*健康公告*/
.health_ann {width: 100%; float: left; margin-bottom: 50px;}
.health_ann h2 {width: 100%; height: 100px; text-align: center; line-height: 100px; font-size: 20px; font-weight: 700; color: #fff;}
.health_ann p {text-align: center; color: #858687; line-height: 36px;}
.health_ann p span {margin: 0 8px;}
