@charset "utf-8";
/* CSS Reset*/
html { font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 62.5%;}
body { margin: 0; line-height: 24px; color: #000; background-color: #FFF; overflow-x: hidden; -webkit-overflow-scrolling: touch; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; clear:both}
a { background: transparent; text-decoration: none; color: #000; }
a:active { outline: 0; }
b, strong { font-weight: bold; }
dfn { font-style:normal;}
img { border: 0; vertical-align: middle;}
* { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; /* For some Androids */ outline: none;}
input,textarea,button { border: 0; margin: 0; padding: 0; font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;}
textarea { resize: none;}
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
h1, h2, h3, h4, h5, h6, p, figure, form, blockquote,em { margin: 0; font-weight: normal; font-style: normal;}
ul, ol, li, dl, dd { margin: 0; padding: 0; }
ul, ol { list-style: none; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #ccc; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #ccc; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #ccc; }

.clear{clear: both;font-size:0px;padding: 0px;margin: 0px;height:0px;line-height:0px; }
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{*zoom:1;}
.f_l { float:left;} .f_r { float:right;}
/*Reset End*/

/* css3 animation */
/* 视频按钮 */
@keyframes videoRotate {0%{border:0px solid rgba(26, 131, 220, 0.5);opacity:1; top: 1px;}100%{border:30px solid rgba(26, 131, 220, 0.4);opacity:0; top: -29px; left: -29px; }}
@-webkit-keyframes videoRotate {0%{border:0px solid rgba(26, 131, 220, 0.5);opacity:1; top: 1px;}100%{border:30px solid rgba(26, 131, 220, 0.4);opacity:0; top: -29px; left: -29px; }}
@-moz-keyframes videoRotate {0%{border:0px solid rgba(26, 131, 220, 0.4);opacity:1; top: 1px;}100%{border:30px solid rgba(26, 131, 220, 0.4);opacity:0; top: -29px; left: -29px; }}
@-ms-keyframes videoRotate {0%{border:0px solid rgba(26, 131, 220, 0.4);opacity:1; top: 1px;}100%{border:30px solid rgba(26, 131, 220, 0.4);opacity:0; top: -29px; left: -29px; }}
/* 视频按钮 */
@keyframes videoRotate2 {0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@-webkit-keyframes videoRotate2 {0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}
@-moz-keyframes videoRotate2 {0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(360deg)}}
@-ms-keyframes videoRotate2 {0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate3d(360deg)}}

/* 下拉提示按钮 */
@keyframes moveIconUp {0% { transform: translateY(-50px); opacity:0;}50% {transform: translateY(0); opacity:1;}100% {transform: translateY(50px); opacity:0;}}
@-webkit-keyframes moveIconUp {0% { -webkit-transform: translateY(-50px); opacity:0;}50% { -webkit-transform: translateY(0); opacity:1;}100% { -webkit-transform: translateY(50px); opacity:0;}}
@-moz-keyframes moveIconUp {0% { -moz-transform: translateY(-50px); opacity:0;}50% { -moz-transform: translateY(0); opacity:1;}100% { -moz-transform: translateY(50px); opacity:0;}}
@-ms-keyframes moveIconUp {0% { -ms-transform: translateY(-50px); opacity:0;}50% { -ms-transform: translateY(0); opacity:1;}100% { -ms-transform: translateY(50px); opacity:0;}}
/* loading */
@-webkit-keyframes sk-three-bounce {0%, 80%, 100% {-webkit-transform: scale(0);} 40%{-webkit-transform: scale(1);} }
@keyframes sk-three-bounce { 0%, 80%, 100% {transform: scale(0); }40% {transform: scale(1); } }
@-moz-keyframes sk-three-bounce {0%, 80%, 100% {-moz-transform: scale(0);} 40%{-moz-transform: scale(1);} }
@-ms-keyframes sk-three-bounce {0%, 80%, 100% {-ms-transform: scale(0);} 40%{-ms-transform: scale(1);} }
@-o-keyframes sk-three-bounce {0%, 80%, 100% {-o-transform: scale(0);} 40%{-o-transform: scale(1);} }

/* star */
@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-260px,0,0)}60%{opacity:1;transform:translate3d(30px,0,0)}80%{transform:translate3d(-10px,0,0)}100%{-webkit-transform:translate3d(0,0,0)}}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-260px,0,0)}60%{opacity:1;-webkit-transform:translate3d(30px,0,0)}80%{-webkit-transform:translate3d(-10px,0,0)}100%{-webkit-transform:translate3d(0,0,0)}}
@-moz-keyframes fadeInLeft{0%{opacity:0;-moz-transform:translate3d(-260px,0,0)}60%{opacity:1;-moz-transform:translate3d(30px,0,0)}80%{-moz-transform:translate3d(-10px,0,0)}100%{-webkit-transform:translate3d(0,0,0)}}
@-ms-keyframes fadeInLeft{0%{opacity:0;-ms-transform:translate3d(-260px,0,0)}60%{opacity:1;-ms-transform:translate3d(30px,0,0)}80%{-ms-transform:translate3d(-10px,0,0)}100%{-ms-transform:translate3d(0,0,0)}}
/* heart */
@keyframes sScaleB{0%{opacity:0;}1%{opacity:0.7;transform:scale(1)}100%{opacity:0;transform:scale(6)}}
@-webkit-keyframes sScaleB{0%{opacity:0;}1%{opacity:0.7;-webkit-transform:scale(1)}100%{opacity:0;-webkit-transform:scale(6)}}
@-moz-keyframes sScaleB{0%{opacity:0;}1%{opacity:0.7;-moz-transform:scale(1)}100%{opacity:0;-moz-transform:scale(6)}}
@-ms-keyframes sScaleB{0%{opacity:0;}1%{opacity:0.7;-ms-transform:scale(1)}100%{opacity:0;-ms-transform:scale(6)}}
/* slogn */
@keyframes bounceIn{0%{opacity:0;transform:scale(4)}50%{opacity:1;transform:scale(.9)}70%{transform:scale(1.2)}100%{transform:scale(1)}}
@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(4)}50%{opacity:1;-webkit-transform:scale(.9)}70%{-webkit-transform:scale(1.2)}100%{-webkit-transform:scale(1)}}
@-moz-keyframes bounceIn{0%{opacity:0;-moz-transform:scale(4)}50%{opacity:1;-moz-transform:scale(.9)}70%{-moz-transform:scale(1.2)}100%{-moz-transform:scale(1)}}
@-ms-keyframes bounceIn{0%{opacity:0;-ms-transform:scale(4)}50%{opacity:1;-ms-transform:scale(.9)}70%{-ms-transform:scale(1.2)}100%{-ms-transform:scale(1)}}
/* news */
@keyframes bounceInRight{0%{opacity:0;transform:translate3d(400px,0,0)}60%{opacity:1;transform:translate3d(-30px,0,0)}80%{transform:translate3d(10px,0,0)}100%{transform:translate3d(0,0,0)}}
@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translate3d(400px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-30px,0,0)}80%{-webkit-transform:translate3d(10px,0,0)}100%{-webkit-transform:translate3d(0,0,0)}}
@-moz-keyframes bounceInRight{0%{opacity:0;-moz-transform:translate3d(400px,0,0)}60%{opacity:1;-moz-transform:translate3d(-30px,0,0)}80%{-moz-transform:translate3d(10px,0,0)}100%{-moz-transform:translate3d(0,0,0)}}
@-ms-keyframes bounceInRight{0%{opacity:0;-ms-transform:translate3d(400px,0,0)}60%{opacity:1;-ms-transform:translate3d(-30px,0,0)}80%{-ms-transform:translate3d(10px,0,0)}100%{-ms-transform:translate3d(0,0,0)}}
/* 游戏特色 */
@keyframes bounceInUp{0%{opacity:0;transform:translate3d(0,300px,0)}60%{opacity:1;transform:translate3d(0,-30px,0)}80%{transform:translate3d(0,10px,0)}100%{transform:translate3d(0,0,0)}}
@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translate3d(0,300px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-30px,0)}80%{-webkit-transform:translate3d(0,10px,0)}100%{-webkit-transform:translate3d(0,0,0)}}
@-moz-keyframes bounceInUp{0%{opacity:0;-moz-transform:translate3d(0,300px,0)}60%{opacity:1;-moz-transform:translate3d(0,-30px,0)}80%{-moz-transform:translate3d(0,10px,0)}100%{-moz-transform:translate3d(0,0,0)}}
@-ms-keyframes bounceInUp{0%{opacity:0;-ms-transform:translate3d(0,300px,0)}60%{opacity:1;-ms-transform:translate3d(0,-30px,0)}80%{-ms-transform:translate3d(0,10px,0)}100%{-ms-transform:translate3d(0,0,0)}}
/* 左按钮 */
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(30px)}60%{opacity:1;-webkit-transform:translateX(-10px)}100%{opacity:1;-webkit-transform:translateX(0)}}
/* 右按钮 */
@keyframes fadeInLeft2{0%{opacity:0;transform:translateX(-30px)}60%{opacity:1;transform:translateX(10px)}100%{opacity:1;transform:translateX(0)}}
@-webkit-keyframes fadeInLeft2{0%{opacity:0;-webkit-transform:translateX(-30px)}60%{opacity:1;-webkit-transform:translateX(10px)}100%{opacity:1;-webkit-transform:translateX(0)}}
@-moz-keyframes fadeInLeft2{0%{opacity:0;-moz-transform:translateX(-30px)}60%{opacity:1;-moz-transform:translateX(10px)}100%{opacity:1;-moz-transform:translateX(0)}}
@-ms-keyframes fadeInLeft2{0%{opacity:0;-ms-transform:translateX(-30px)}60%{opacity:1;-ms-transform:translateX(10px)}100%{opacity:1;-ms-transform:translateX(0)}}
/* 微信二维码 */
@keyframes bounceInDown{0%{opacity:0;transform:translateY(-500px)}60%{opacity:1;transform:translateY(30px)}80%{transform:translateY(-10px)}100%{transform:translateY(0)}}
@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-500px)}60%{opacity:1;-webkit-transform:translateY(30px)}80%{-webkit-transform:translateY(-10px)}100%{-webkit-transform:translateY(0)}}
@-moz-keyframes bounceInDown{0%{opacity:0;-moz-transform:translateY(-500px)}60%{opacity:1;-moz-transform:translateY(30px)}80%{-moz-transform:translateY(-10px)}100%{-moz-transform:translateY(0)}}
@-ms-keyframes bounceInDown{0%{opacity:0;-ms-transform:translateY(-500px)}60%{opacity:1;-ms-transform:translateY(30px)}80%{-ms-transform:translateY(-10px)}100%{-ms-transform:translateY(0)}}
/* bbs */
@keyframes fadeInUp{0%{opacity:0;transform:translateY(60px)}100%{opacity:1;transform:translateY(0)}}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(60px)}100%{opacity:1;-webkit-transform:translateY(0)}}
@-moz-keyframes fadeInUp{0%{opacity:0;-moz-transform:translateY(60px)}100%{opacity:1;-moz-transform:translateY(0)}}
@-ms-keyframes fadeInUp{0%{opacity:0;-ms-transform:translateY(60px)}100%{opacity:1;-ms-transform:translateY(0)}}
/* 微信二维码 */
@keyframes breath{0%{transform:translateY(0)}100%{transform:translateY(40px)}}
@-webkit-keyframes breath{0%{-webkit-transform:translateY(0)}100%{-webkit-transform:translateY(40px)}}
@-moz-keyframes breath{0%{-moz-transform:translateY(0)}100%{-moz-transform:translateY(40px)}}
@-ms-keyframes breath{0%{-ms-transform:translateY(0)}100%{-ms-transform:translateY(40px)}}


/* spirits */
.headerX,.btn_download,.newServers button,.btn_hasNext,.btn_video,.btn_video span,.dyj-pagination span,.list_news li a,.btn_more,.fiveImg-button-prev,.fiveImg-button-next,.wallpaper-button-prev,.wallpaper-button-next,.titleWallpaper,.btn_moreImg,.wallpaperH div,.btn_close,.nav_news li.current a  {background: url(../img/spirits.png) no-repeat;}

/* layout */
html.indexPage,.indexPage body,.indexPage .wraper { height: 100%; position: relative;}
.wraper { width: 750px; margin: 0 auto;  position: relative;}
.headerX {width: 750px; height: 116px; background: #29100b; position: fixed; top: 0; left: 50%; margin-left: -375px; z-index: 9;}
.hTip { display: none;}  
/*竖屏 css*/
@media screen and (orientation: portrait) {
    .hTip { display: none;} 
}   
/*横屏 css*/
@media screen and (orientation: landscape) {
    .hTip{display: block; width: 100%; height: 100%; position: fixed; z-index: 19; background-color: rgba(0, 0, 0, 0.7); top: 0; left: 0; text-align: center; color: #FFF; font-size: 4rem;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;ustify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
}
/*=- header
=------------------------------------=*/
.gameInfo { padding: 20px 0 0 40px; color: #FFF;}
.gameInfo img { width: 82px; height: 82px;}
.indexPage .gameInfo img {width: 82px; height: 82px;}
.gameInfo .gameName {  line-height:34px; padding-left: 18px; padding-top: 6px;}
.gameInfo .gameName .titleN { font-size: 3.6rem; font-weight: bold;}
.gameInfo .gameName em {font-size: 2.2rem;}
.btn_download {     width: 187px;
    height: 78px; background-position: 0 -111px; margin: 20px 40px 0 0; text-align: center; line-height:43px; color: #fff; font-size: 2.4rem; font-weight: bold; overflow: hidden;}

/*=- 首页conetent
=------------------------------------=*/
/* 大swiper */
.sContainer { width: 100%; height: 100%; position: relative; overflow: hidden;background-color:#29100B;}
.sContainer .swiper-wrapper {width: 100%; height: 100%; }
.sContainer .page-slide { width: 100%; height: 100%; position: relative;}
/*===== 第一屏 =====*/
.pageX_1 { background: url(../img/bg.jpg) no-repeat 50% 0 ; background-size: cover;overflow: hidden;}
.pageX_1 .star { position: absolute; top: 50%; left: -205px; margin-top: -771px;}
.heart,.heart2 { position: absolute; top: 50%; left: 346px;margin-top: 134px;}
.slognX { position: absolute; top: 50%; left: 0; margin-top: 174px;width: 750px;height: 335px;}
.logoX { width: 400px;height: 148px; background:url(../img/logo.png) no-repeat 0px 0px; position: absolute; top: 168px; left: 42px;}
/* 新服 */
.newServers { position: absolute; top: 256px; right:20px;}
.newServers button {width:220px; height: 189px; background:url(../img/new.png) 0px 0px;  position: relative; z-index: 2;}


#list_servers { height: 80px;border-radius:12px; background-color:rgba(255, 255, 255, 0.8); position:absolute; top: 52px;right: 151px; animation:fadeInRight .6s .2s ease both;-webkit-animation:fadeInRight .6s .2s ease both;-moz-animation:fadeInRight .6s .2s ease both;-ms-animation:fadeInRight .6s .2s ease both;}
.newServer { height: 80px; overflow: hidden;}
#ul_server_list li{ color: #886242;height: 70px; font-size: 2.4rem; text-align: left; line-height: 30px; padding: 10px 44px 0 20px;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;}
.btn_hasNext { width: 54px; height: 68px; background-position:-880px 0; position: absolute; left: 50%; margin-left: -34px; bottom: 26px;z-index: 3;animation: moveIconUp ease 1.5s both infinite;-webkit-animation: moveIconUp ease 1.5s both infinite;-moz-animation: moveIconUp ease 1.5s both infinite;-ms-animation: moveIconUp ease 1.5s both infinite;}
/* 视频按钮 */
.btn_video { width: 76px; height: 76px; position: absolute; z-index: 4; background-position: -251px -124px; top: 38%; margin-top: 206px; right: 207px;cursor: pointer;}
.btn_video span { display: block; width: 76px; height: 76px; background-position: -329px -124px;border-radius:50%;animation: videoRotate2 1.6s linear infinite both;-webkit-animation: videoRotate2 1.6s linear infinite both;-moz-animation: videoRotate2 1.6s linear infinite both;-ms-animation: videoRotate2 1.6s linear infinite both;}
.btn_video:before {content:""; position:absolute;width:75px; height:75px; top: 1px; left: 1px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;/*border:1px solid rgba(26, 131, 220, 0.4);animation: videoRotate 1s ease infinite both;-webkit-animation: videoRotate 1s ease infinite both;-moz-animation: videoRotate 1s ease infinite both;-ms-animation: videoRotate 1s ease infinite both;*/}
.btn_video:after {content:""; position:absolute;width:75px; height:75px; top: 1px; left: 1px;border-radius:50%;/*border:1px solid rgba(26, 131, 220, 0.4);animation: videoRotate 1s .2s ease infinite both;-webkit-animation: videoRotate 1s .2s ease infinite both;-moz-animation: videoRotate 1s ease infinite both;-ms-animation: videoRotate 1s ease infinite both;*/}


/* 加载 */
#loading{position:absolute;left:0;top:0;width:750px;height:100%;z-index:8; background-color: rgba(0, 0, 0, 0.5);}
#loading span{display:block;position:absolute;left:50%;top:50%;margin:-80px 0 0 -110px;width:220px;height:193px;line-height:193px;font-size:3.2rem;color:#f27766;text-align:center; font-style:oblique;}
.sk-three-bounce { width: 240px;text-align: center; position:absolute;left:50%;top:50%;margin:-52px 0 0 -120px;}
.sk-three-bounce .sk-child {width: 28px;height: 28px;background-color: #f27766;border-radius: 100%;display: inline-block;-webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;-moz-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both; -ms-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;-o-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;}
.sk-three-bounce .sk-bounce1 {-webkit-animation-delay: -0.32s;animation-delay: -0.32s;-moz-animation-delay: -0.32s;-ms-animation-delay: -0.32s; -o-animation-delay: -0.32s; }
.sk-three-bounce .sk-bounce2 {-webkit-animation-delay: -0.16s;animation-delay: -0.16s;-moz-animation-delay: -0.16s;-ms-animation-delay: -0.16s;-o-animation-delay: -0.16s; }
.boxSwitch { display: none;}

/*===== 第二屏 =====*/
.sContainer .pageX_2 { background:#292848;}
/* 大眼睛 */
.dyj_group {width: 750px; height: 425px; padding-top: 116px; position: relative; overflow: hidden; background-color: #29100B;}
.dyj_group .swiper-wrapper {width: 750px; height: 409px; position: relative;}
.dyj_group .swiper-slide { width: 750px; height: 409px; float: left; background: url(../img/loading.gif) no-repeat 50% 50% #000;}
.dyj-pagination { width: 750px; height: 16px;}
.dyj_group .dyj-pagination span.swiper-pagination-bullet { display: block; width:187.5px; height: 16px; background:#4d2e28; float: left; margin:0; border-radius: 0; opacity: 1;}
.dyj_group .dyj-pagination span.swiper-pagination-bullet-active { background:#BF3C2A}

/* 新闻列表 */
.news_group { background: url(../img/bg_1.jpg) no-repeat 50% 0; min-height: 300px;}
.headerNews { height: 140px;}
.list_news { padding:  0 60px 0 28px;}
.list_news li { height: 84px; text-align:left}
.list_news li a { font-size: 3rem; color: #ebd792; display: block; width: 620px; overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap; line-height: 34px; height: 34px; background-position: 468px -353px; padding-right: 30px;}

.list_news p { float: left;}
.titleNews { font-size: 3rem; color: #1f49ad; border-right: 1px solid #ccd9ee; line-height: 28px; width: 98px;}
.linkNews { padding-left: 4px;}
.linkNews span { color:#c5c7c6; font-size: 2.4rem; }
.btn_more { display: block; width: 154px; height: 34px; color: #fff; font-size: 2.8rem; background-position: 114px -391px; line-height: 34px; float: right; margin: 56px 25px 0 0;}

/*===== 第三&四屏 =====*/
.pageX_3,.pageX_4 { background: url(../img/bg2.jpg) no-repeat 50% 0; background-size: cover; overflow: hidden;}

/* 游戏特色 */
.fiveImg,.wallpaper_group { position: absolute; height: 762px; width: 750px; top: 50%; margin-top: -340px; z-index: 1;}

.fiveImg .swiper-slide,.wallpaper_group .swiper-slide { width: 429px; height: 762px; box-shadow: 0 0 59px 2px rgba(15, 68, 138, 0.6);-moz-box-shadow: 0 0 59px 2px rgba(15, 68, 138, 0.6);-webkit-box-shadow: 0 0 59px 2px rgba(15, 68, 138, 0.6);-ms-box-shadow: 0 0 59px 2px rgba(15, 68, 138, 0.6);background: url(../img/loading.gif) no-repeat 50% 50% #FFF;}

.titleFiveImg{ height:216px;}


.yunFI { width: 750px; height: 340px; position: absolute; left: 0; top: 50%; margin-top: 262px; z-index: 2;}
.fiveImg-button-prev,.fiveImg-button-next,.wallpaper-button-prev,.wallpaper-button-next { width: 69px; height: 65px; cursor: pointer; position: absolute; top: 50%; margin-top: -35px; z-index: 3;}
.fiveImg-button-prev,.wallpaper-button-prev { left: 50px; background-position: -601px -121px;}
.fiveImg-button-next,.wallpaper-button-next { right: 50px; background-position: -674px -121px;}
.titleWallpaper { background-position: -287px -225px; width: 75px;}
.btn_moreImg { display: block; width: 150px; height: 270px; background-position: -411px -179px; position: absolute; right: 86px; top: 50%; margin-top: 228px; z-index: 3;}


div.flicking_con{position:absolute;top:360px;left:50%;z-index:999;width:300px;height:21px;margin:0 0 0 -50px;}
div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url(../images/btn_main_img.png) 0 0 no-repeat;display:block;text-indent:-1000px}
div.flicking_con a.on{background-position:0 -21px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(../images/hover_right.png) no-repeat right top;right:100px;}

.pageX_3{padding-top:120px}
.swiper-slide{ text-align:center;}
.swiper-slide img{margin:auto}

.pageX_4{padding-top:0px;background: url(../img/bg2_3.jpg) no-repeat 50% 0;background-size: cover; }

/*===== 第五屏 =====*/
.pageX_5 {background: url(../img/bg3.jpg) no-repeat 50% bottom; background-size: cover; overflow: hidden;}
.pageX_5 .pax_img{padding-top:94px}
.pageX_5 .pax_a a{height:134px;width:335px;display:block;background: url(../img/btn2.png) no-repeat 0px 0px;margin:auto;color:#fff;line-height:130px;font-size:33px;margin-top:50px;}
.pageX_5 .pax_x{color:#fff;padding-top:22px}
.pageX_5 .pax_x a{color:#fff;font-size:23px;}

/*===== 动画加载 =====*/
.swiper-slide-active .star{animation:fadeInLeft 1s .2s ease both;-webkit-animation:fadeInLeft 1s .2s ease both;-moz-animation:fadeInLeft 1s .2s ease both;-ms-animation:fadeInLeft 1s .2s ease both;}
.swiper-slide-active .heart {animation:sScaleB .8s .4s ease both;-webkit-animation:sScaleB .8s .4s ease both;-moz-animation:sScaleB .8s .4s ease both;-ms-animation:sScaleB .8s .4s ease both;}
.swiper-slide-active .heart2 {animation:sScaleB .8s .6s ease both;-webkit-animation:sScaleB .8s .6s ease both;-moz-animation:sScaleB .8s .6s ease both;-ms-animation:sScaleB .8s .6s ease both;}
.swiper-slide-active .slognX {animation:bounceIn 1s 1s ease both;-webkit-animation:bounceIn 1s 1s ease both;-moz-animation:bounceIn 1s 1s ease both;-ms-animation:bounceIn 1s 1s ease both;}
.swiper-slide-active .btn_video {animation:bounceIn .7s 1.6s ease both;-webkit-animation:bounceIn .7s 1.6s ease both;-moz-animation:bounceIn .7s 1.6s ease both;-ms-animation:bounceIn .7s 1.6s ease both;} 
/*.swiper-slide-active .dyj_group {-webkit-animation:bounceInRight .8s .2s ease both;}*/
.swiper-slide-active .list_news {animation:bounceInRight .8s .2s ease both;-webkit-animation:bounceInRight .8s .2s ease both;-moz-animation:bounceInRight .8s .2s ease both;-ms-animation:bounceInRight .8s .2s ease both;}
.swiper-slide-active .fiveImg,.swiper-slide-active .wallpaper_group {animation:bounceInUp .8s .2s ease both;-webkit-animation:bounceInUp .8s .2s ease both;-moz-animation:bounceInUp .8s .2s ease both;-ms-animation:bounceInUp .8s .2s ease both;}
.swiper-slide-active .fiveImg-button-prev,.swiper-slide-active .wallpaper-button-prev {animation:fadeInRight .6s 1s ease both;-webkit-animation:fadeInRight .6s 1s ease both;-moz-animation:fadeInRight .6s 1s ease both;-ms-animation:fadeInRight .6s 1s ease both;}
.swiper-slide-active .fiveImg-button-next,.swiper-slide-active .wallpaper-button-next {animation:fadeInLeft2 .6s 1s ease both;-webkit-animation:fadeInLeft2 .6s 1s ease both;-moz-animation:fadeInLeft2 .6s 1s ease both;-ms-animation:fadeInLeft2 .6s 1s ease both;}
.swiper-slide-active .qr_wechat,.swiper-slide-active .textW {animation:bounceInDown .8s .2s ease both;-webkit-animation:bounceInDown .8s .2s ease both;-moz-animation:bounceInDown .8s .2s ease both;-ms-animation:bounceInDown .8s .2s ease both;}
.swiper-slide-active .btn_bbs {animation:fadeInUp .6s .9s ease both;-webkit-animation:fadeInUp .6s .9s ease both;-moz-animation:fadeInUp .6s .9s ease both;-ms-animation:fadeInUp .6s .9s ease both;}
.swiper-slide-active .qr_wechat img {animation: breath 1.4s .8s ease infinite alternate both;-webkit-animation: breath 1.4s .8s ease infinite alternate both;-moz-animation: breath 1.4s .8s ease infinite alternate both;-ms-animation: breath 1.4s .8s ease infinite alternate both;}

/*===== 视频弹出框 =====*/
.popUp_video { width: 750px; height: 100%; position: fixed; top: 0; left: 0; z-index: 20; display: none;}
.popUp_video .coverBg {width: 750px; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.8);}
.videoBox { width: 750px; height: 420px; position: absolute; top: 50%; left: 0; margin-top: -210px; z-index: 2;}

/*=- footer
=------------------------------------=*/
.footerX {  width: 750px;  text-align: center;color: #fff; font-size: 2rem;}
.indexPage .footerX {position: absolute; left: 0; bottom: 150px; }
.footerX a {color: #fff;}
.footerX a:active {text-decoration: underline;}
.footerX p { line-height: 28px;}
.footerX .copyright { color: #fff; font-size: 2.6rem;  margin-bottom: 4px; padding-top: 34px;opacity:0.5}

/*========================================内页===================================*/
.mianX { background: url(../img/bg4.jpg) no-repeat 50% 0 #FFF; min-height: 1155px;}

/*=- 壁纸原画页
=------------------------------------=*/
.wallpaperH { height: 101px; text-align: center; padding-top: 138px;animation:bounceInUp .8s .2s ease both;-webkit-animation:bounceInUp .8s .2s ease both;-moz-animation:bounceInUp .8s .2s ease both;-ms-animation:bounceInUp .8s .2s ease both;} 
.wallpaperH div { width: 228px; height: 87px; background-position:-573px -215px;display: inline-block;}
.list_wallpapper { padding: 0 0 0 62px;animation:bounceInUp .8s .4s ease both;-webkit-animation:bounceInUp .8s .4s ease both;-moz-animation:bounceInUp .8s .4s ease both;-ms-animation:bounceInUp .8s .4s ease both;}
.list_wallpapper li { float: left; margin:0 20px 20px 0;}
.list_wallpapper li a { display: block;}
.list_wallpapper li img { width: 190px; height: 284px; border: 2px solid #e7dfbc;}
.list_wallpapper li a:active img {border-color: #6774ba;}


.btn_seeMore { line-height: 60px; height: 120px; background:url(../img/btn1.png) no-repeat 0px 0px;  background-size: cover ; font-size: 2.8rem; width: 621px; border: 0px solid #b7a174; margin-left: 62px;}
.btn_seeMore a{color: #fff; }
/* 图片弹出框 */
.popUp_img {width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 20; background-color: rgba(0, 0, 0, 0.8);  display: none;}
.popUp_img .slide-popUpImg {width: 100%; height: 100%; text-align: center; overflow: hidden;}
.popUp_img .swiper-slide {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;ustify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.popUp_img .slide-popUpImg img { max-width: 90%; max-height: 90%; border: 8px solid #dccfaf;box-shadow: 0 0 59px 2px rgba(15, 68, 138, 0.6);-moz-box-shadow: 0 0 59px 2px rgba(15, 68, 138, 0.6);-webkit-box-shadow: 0 0 59px 2px rgba(15, 68, 138, 0.6);-ms-box-shadow: 0 0 59px 2px rgba(15, 68, 138, 0.6); /*min-width: 200px; min-height: 340px;*/background: url(../img/loading.gif) no-repeat 50% 50% #FFF;}
.popUp_img .swiper-button-disabled { opacity: 0.5;}
.popUp_img .wallpaper-button-prev { left: 10px;}
.popUp_img .wallpaper-button-next { right: 10px;}
.btn_close { width: 88px; height: 88px; background-position: -580px -310px; position: absolute; top: 10px; right: 10px; z-index: 3; }

.news_list{ background-color:#262649}
.newsPage{background:url(../img/bg_1_1.jpg) no-repeat 0px 0px; background-size: cover; }

/*=- 新闻列表页
=------------------------------------=*/
.header_news { padding-top: 116px; animation:bounceInUp .8s .2s ease both;-webkit-animation:bounceInUp .8s .2s ease both;-moz-animation:bounceInUp .8s .2s ease both;-ms-animation:bounceInUp .8s .2s ease both;}
.nav_news { background:url(../img/m_bg1.png) no-repeat 0px -8px; background-size: cover;  margin-bottom: 60px;}
.nav_news li { width: 187px; height:144px; float: left;}
.nav_news li a { display: block; width: 187px; height:144px; text-align: center; line-height: 148px; font-size: 3rem; color: #62666a; }
.nav_news li:last-child, .nav_news li:last-child a{ width: 189px;}
.nav_news li.current a,.nav_news li a:active { background-position: -674px -310px; color: #da513e;}
.newsPage .list_news {animation:bounceInUp .8s .4s ease both;-webkit-animation:bounceInUp .8s .4s ease both;-moz-animation:bounceInUp .8s .4s ease both;-ms-animation:bounceInUp .8s .4s ease both;}
.newsPage .list_news li { height: 94px;}
.newsPage .list_news { margin-bottom: 18px;}
.newsPage .btn_seeMore {animation:bounceInUp .8s .6s ease both;-webkit-animation:bounceInUp .8s .6s ease both;-moz-animation:bounceInUp .8s .6s ease both;-ms-animation:bounceInUp .8s .6s ease both;}

/*=- 新闻详情页
=------------------------------------=*/
.newsD-p { height: 100%;}
.newsD-p:before {content: ''; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: url(../img/bg_1_1.jpg) no-repeat 50% 0;}
.newsD-p .newsPage { background: none;}
.newsD-p .header_news {animation:none;-webkit-animation:none;-moz-animation:none;animation:none;}
.newsDetail_H { height: 94px;}
.btn_back { display: block; width: 187px; height: 94px; background-color: #ffde00; color: #1f49ad; font-size: 3rem; line-height: 94px; text-align: center;}
/* 新闻内容 */
.contentNews { width: 750px; overflow: hidden; padding-bottom: 20px;}
.header_content { height: 200px;}
.header_content .titleX {color:#ebd792; font-size: 4rem; text-align: center; line-height: 48px; padding: 34px 60px 0 60px; font-weight: bold;}
.header_content p { text-align: center; font-size: 2.2rem; color: #c5c7c6; line-height: 60px;}
.content_w { padding: 0 60px;/*table-layout:fixed; word-break: break-all;  */font-size: 3.4rem;  color: #e6e6e6; line-height: 52px;}
.content_w p,.content_w span {font-size: 3.4rem !important;}
.content_w img { max-width: 100%; padding: 10px 0;}
.content_w a { color: #1a83dc;}
.content_w a:active { text-decoration: underline;}