@charset "utf-8";
body,html{overflow-x: hidden;}
body{background:url("../images/bybg.jpg") repeat-y top center;}
.bg{overflow:hidden;margin-top:-810px;}

.wrap{margin:0 auto;background: url("../images/bg1.jpg") center  810px no-repeat;}
.wrap2{margin:0 auto;background: url("../images/bg2.jpg") center  1244px no-repeat;}
.wrap4{margin:0 auto;background: url("../images/bg4.png") center  2701px no-repeat;}
.header{position:relative;height:800px;width:1200px;margin:0 auto;}
.nyj_logo_bg,.nyj_logo_lk a{top:0;left:80px;}
.slogan{position:absolute;width:441px}
.slogan p{width:100%;overflow:hidden;-webkit-animation:slogan 1s ease-in-out 0s 1 both;animation:slogan 1s ease-in-out 0s 1 both}
.slogan_01{left:136px;top:156px;width:319px}
.slogan_02{right:84px;top:275px;width:404px}
.slogan_01 p{width:274px; height:489px;-webkit-animation:slogan .8s ease-out 0s 1 both;animation:slogan .8s ease-out 0s 1 both; background: url("../images/slogan.html") no-repeat;}
.slogan_02 p{height:142px;-webkit-animation:slogan .8s ease-out 1s 1 both;animation:slogan .8s ease-out 1s 1 both}
@-webkit-keyframes trans_right{from{opacity:0;-webkit-transform:translateX(-30%)}
}
@keyframes trans_right{from{opacity:0;transform:translateX(-30%)}
}
@-webkit-keyframes slogan{0%{width:0}
100%{width:100%}
}
@keyframes slogan{0%{width:0}
100%{width:100%}
}
.role{position:absolute;left:-65px;top:70px;-webkit-animation:trans_right 1s ease-in-out 0s 1 both;animation:trans_right 1s ease-in-out 0s 1 both}
.btn_video{position:absolute;left:458px;top:16px;width:159px;height:159px;cursor:pointer;background:url("../images/video_btn_out.html") no-repeat;-webkit-animation:video_show 1s ease-in-out 1.4s 1 both;animation:video_show 1s ease-in-out 1.4s 1 both}
.btn_video span{display:block;height:100%;cursor:pointer;background:url("../images/video_btn_out.html") no-repeat;/*opacity:0;filter:alpha(opacity=0)*/}
.btn_video:hover span{-webkit-animation:btn_video 1.2s linear 0s 1 both;animation:btn_video 1.2s linear 0s 1 both}
.btn_video ins {width: 92px; height: 92px; background:url("../images/video_btn_cyc.html") no-repeat; display: block; left: 95px; top: 14px; position: absolute;-webkit-animation:rotate360 8s linear 0s both infinite; animation:rotate360 8s linear 0s both infinite;}
.btn_video i {width: 17px; height: 20px; background:url("../images/video_btn_arrow.html") no-repeat; display: block; left: 50%; top: 50%; position: absolute; margin-left: -8px; margin-top: -10px;}
@-webkit-keyframes rotate360{
	to{ -webkit-transform:rotate(360deg);}
}
@keyframes rotate360{
	to{ transform:rotate(360deg);}
}
@-webkit-keyframes btn_video{0%{-webkit-transform:scale(0)}
60%,63%{-webkit-transform:scale(1.2)}
75%,78%{-webkit-transform:scale(.8)}
85%,87%{-webkit-transform:scale(1.1)}
95%,97%{-webkit-transform:scale(.9)}
100%{-webkit-transform:scale(1)}
}
@keyframes video_show{0%{transform:scale(0)}
60%,63%{transform:scale(1.2)}
75%,78%{transform:scale(.8)}
85%,87%{transform:scale(1.1)}
95%,97%{transform:scale(.9)}
100%{transform:scale(1)}
}
@-webkit-keyframes btn_video{50%{opacity:.6}
100%{-webkit-transform:scale(1.3);opacity:0}
}
@keyframes btn_video{50%{opacity:.6}
100%{transform:scale(1.3);opacity:0}
}
.flower{position:absolute;top:0;width:1920px;height:1382px;pointer-events:none; background:url("../i1.cy.com/nyj/main/20170911/flower.html") no-repeat;-webkit-animation:flower 25s linear 0s infinite;animation:flower 25s linear 0s infinite}
.flower_01{right:-360px}
.flower_02{right:-2280px}
@-webkit-keyframes flower{from{opacity:.5}
to{opacity:1;-webkit-transform:translate(-1920px,30%)}
}
@keyframes flower{from{opacity:.5}
to{opacity:1;transform:translate(-1920px,30%)}
}
.intro{position:absolute;right:104px;top:416px;width:447px;height:42px;cursor:pointer;background-position:0 -392px;-webkit-animation:trans_bottom 1s ease-in-out .5s 1 both;animation:trans_bottom 1s ease-in-out .5s 1 both}
@-webkit-keyframes trans_bottom{from{opacity:0;-webkit-transform:translateY(-100%)}
}
@keyframes trans_bottom{from{opacity:0;transform:translateY(-100%)}
}
@-webkit-keyframes trans_top{from{opacity:0;-webkit-transform:translateY(30%)}
}
@keyframes trans_top{from{opacity:0;transform:translateY(30%)}
}
.download{position:absolute;right:0px;bottom:63px;width:490px;height:168px;}

.header-nav{width:100%;height:70px;background:url("../images/nav_bg.html") top center no-repeat;position:relative;z-index:1000}
.header-nav-main{width:1199px;height:61px;padding-top:8px;margin:0 auto;text-align:center}
.header-nav-main a{color:#fff;font-size:14px;width:100px;height:52px;line-height:52px;display:inline-block;*display:inline;*zoom:1;vertical-align:top;-webkit-transition:color ease-in-out .2s;-moz-transition:color ease-in-out .2s;-ms-transition:color ease-in-out .2s;transition:color ease-in-out .2s;position:relative}
.header-nav-main a.header-logo-a{width:300px;height:55px;margin:0 20px;background:url("../images/toplogo.html") 0 0 no-repeat;margin-top:-5px}
.header-nav-main a:hover,.header-nav-main a.current{text-decoration:none;color:#fcc31d}
.header-nav-main a .arrow{width:0;height:0;border-bottom:10px solid #000;border-right:10px solid transparent;border-left:10px solid transparent;display:block;position:absolute;bottom:0;left:50%;margin-left:-5px;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s}
.header-nav-main a .arrow.on{opacity:80;filter:alpha(opacity=8000);opacity:.8;filter:alpha(opacity=80)}

#quicklinks{position:absolute;float:left;width:1200px;height:300px;margin-bottom:0px;;z-index:1000;left:-20%;margin-left:-170px;margin-top:130px;}
#quicklinks .down01_btn{cursor:pointer;width:220px;height:80px;position:absolute;margin-left:-300px;margin-top:0px;background:url("../images/btn-1.png") no-repeat center center;background-size:100% 100%;text-indent:-9999rem}
#quicklinks .down01_btn:hover{cursor:pointer;background:url("../images/btn-1_hover.png") no-repeat center center;-moz-transition: all 1s ease 0s; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; -o-transition:all 1s ease 0s}
#quicklinks .down02_btn{cursor:pointer;width:220px;height:80px;position:absolute;margin-left:-50px;margin-top:0px;background:url("../images/btn-2.png") no-repeat center center;background-size:100% 100%;text-indent:-9999rem}
#quicklinks .down02_btn:hover{cursor:pointer;background:url("../images/btn-2_hover.png") no-repeat center center;-moz-transition: all 1s ease 0s; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; -o-transition:all 1s ease 0s}
#quicklinks .down03_btn{cursor:pointer;width:220px;height:80px;position:absolute;margin-left:200px;margin-top:0px;background:url("../images/btn-3.png") no-repeat center center;background-size:100% 100%;text-indent:-9999rem}
#quicklinks .down03_btn:hover{cursor:pointer;background:url("../images/btn-3_hover.png") no-repeat center center;-moz-transition: all 1s ease 0s; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; -o-transition:all 1s ease 0s}
#quicklinks .down04_btn{cursor:pointer;width:220px;height:80px;position:absolute;;margin-left:440px;margin-top:0px;background:url("../images/btn-4.png") no-repeat center center;background-size:100% 100%;text-indent:-9999rem}
#quicklinks .down04_btn:hover{cursor:pointer;background:url("../images/btn-4_hover.png") no-repeat center center;-moz-transition: all 1s ease 0s; -webkit-transition:all 1s ease 0s; transition:all 1s ease 0s; -o-transition:all 1s ease 0s}


.content{position:relative;z-index:1;overflow:hidden;height:393px;padding-top:50px;width:1200px;margin:0 auto;}
.banner{float:left;position:relative;width:650px;height:340px; margin-left: 8px;}
.banner dt{position:absolute;bottom:20px;left:30px;z-index:10;font-size:0}
.banner dt span{display:inline-block;width:10px;height:10px;overflow:hidden;margin-right:5px;border-radius:5px;background:#fff;cursor:pointer;opacity:.3;filter:alpha(opacity=30)}
.banner dt span.on{opacity:1;filter:alpha(opacity=100)}
.banner dd{position:relative;height:100%}
.banner dd a{position:absolute;width:100%;height:100%}
.banner dd a img{width:100%;height:100%}
.news{float:left;margin-left:-28px;width:490px;height:340px;overflow:hidden; background: url("../images/news_bg.png") no-repeat; z-index: 10; position: relative; padding: 0 35px;}
.news dt{height:30px;padding:5px 0 8px 0;/*border-bottom:1px solid #c5c8da;*/ padding-top: 16px;}
/*.news dt span{float:left;height:37px;line-height:29px;margin-bottom:-9px;font-size:18px;border-bottom:2px solid #616698;text-align:center;color:#575a77;background:0 0}*/
.news dt span{ background:url("../images/news_tabs.png") no-repeat;float:left; vertical-align:top; width:87px; height:39px; line-height:39px; text-align:center; color:#515476;cursor:pointer; text-indent: -9999px; margin-left:25px;}
.news dt span.tab_01 {background-position: 0 0;}
.news dt span.tab_02 {background-position: -110px 0;}
.news dt span.tab_03 {background-position: -219px 0;}
.news dt span.tab_04 {background-position: -329px 0;}
.news dt span.current{background:url("../images/news_tabs_hover.png") no-repeat; color:#ffffff; }
.news dt span.tab_01.current {background-position: 0 0;}
.news dt span.tab_02.current {background-position: -110px 0;}
.news dt span.tab_03.current {background-position: -219px 0;}
.news dt span.tab_04.current {background-position: -329px 0;}

.news dt a{float:right; font:normal 12px/30px Arial; width: 20px; height: 20px; border-radius: 100%; background: #ff8193; color: #fff; font-size:20px; text-align: center; line-height: 20px; margin-top: 10px;}
.news dd h3{padding:22px 0 10px;text-align:center;width:95%;margin:0 auto;white-space:nowrap;overflow:hidden}
.news dd h3 span{display:inline-block;vertical-align:middle;padding:0 4px;color:#fff;text-align:center;border-radius:4em; font-family:Arial,Helvetica,sans-serif;background:#ff8193;line-height:20px; margin-right: 10px;}
.news dd h3 a{display:inline-block;vertical-align:middle;color:#ff8193;font-size:20px;font-weight:bold}
.news dd a:hover{color:#616698;}
.news dd ul{width: 490px;}
.news dd ul li {width: 490px;}
.news dd ul h4{height:35px;line-height:35px;overflow:hidden;border-top:1px dotted #afb1c0}
.news dd ul h4 em{float:left;color:#24a198;padding-right:10px}
.news dd ul h4 strong{float:left;width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news dd ul h4 strong a{color:#575a77}
.news dd ul h4 strong a.impnews{color:#eb6666;font-weight:bold}
.news dd ul h4 span{float:right;color:#9b9db3}

.news dd ul li {height:35px;line-height:35px;overflow:hidden;border-bottom:1px dotted #afb1c0}
.news dd ul li strong{float:left;color:#6a9ed9;padding-right:10px}
.news dd ul li em{float:left;width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.news dd ul li em a{color:#6d7d9a;}
.news dd ul li em a:hover{color: #ff8193;}
.news dd ul li em a.impnews{color:#eb6666;font-weight:bold}
.news dd ul li span{float:right;color:#9b9db3}

.act_btn {width: 100px; height: 100px; position: absolute; right:15px; top: 275px; background-position: -255px -67px;}
.act_btn:hover {-webkit-animation:btn_video 1.2s linear 0s 1 both;animation:btn_video 1.2s linear 0s 1 both;}

.line1{height:36px;overflow:hidden}
.line2{height:72px;overflow:hidden}
.line5{height:216px;overflow:hidden}
.line1 li,.line2 li,.line5 li {*margin-left: -15px;}
/*游戏特色*/
.game{width: 1200px; height: 712px;margin:0 auto;}
.game-con{position: relative; width: 1200px; height: 711px; margin: 0 auto; }
.game-con h2{display:block; position:absolute; top:41px; left:346px; width:510px; height:89px; background: url("../images/game-tit.html") no-repeat;-webkit-animation:trans_bottom 1s ease-in-out .5s 1 both;animation:trans_bottom 1s ease-in-out .5s 1 both}
.live{display:block; position:absolute; top:160px; left:34px; width:756px; height:461px;-webkit-animation:trans_top 1s ease-in-out .5s 1 both;animation:trans_top 1s ease-in-out .5s 1 both}

.feature{position:relative;padding-top:190px; padding-left:41px; height:556px; margin: 0 auto; width: 1159px; }
.feature dt{position: absolute; top:24px; left:50%; width:633px;height:89px;text-indent:-9999px;background-position:0 -712px; margin-left: -316px;}

.partner{position:relative;padding:50px 0}
.partner dt{width:477px;margin:0 auto 20px auto;height:61px;text-indent:-9999px;background-position:0 -704px}
.scroll{height:150px;overflow:hidden}
.scroll ul li{float:left;width:190px;padding-right:12px}
.scroll ul li img{display:block;width:100%;margin-bottom:10px}
.trigger{padding:30px 0 50px 0;text-align:center;z-index:10;font-size:0}
.trigger span{display:inline-block;width:10px;height:10px;overflow:hidden;margin-right:5px;border-radius:5px;background:#000;cursor:pointer;opacity:.3;filter:alpha(opacity=30)}
.trigger span.on{opacity:1;filter:alpha(opacity=100)}
.sidebar{position:fixed;top:75px;right:0px; z-index: 5; height: 809px;}
.sidebar ins {background: url("../images/main_sp.html") no-repeat;}
.sidebar .sub-tips{display: none; position: absolute; bottom: 45px; left: 50%; font-size: 14px; margin-left: -70px;  width: 140px; height: 175px; background: url("../images/tips.html") no-repeat;}
.sidebar .sidebar .btn_down .sub-tips{bottom: 70px;}
.sidebar .sub-tips img{margin-top: 5px;}
.sidebar .sub-tips label{line-height: 30px; display: block; color: #fff;}
.content,.feature,.partner{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:all .6s ease-out .2s;transition:all .6s ease-out .2s;opacity:1}
.translate_y{transform:translateY(40px);-webkit-transform:translateY(40px);opacity:0}
.btn_top{right:67px;top:50%;left:auto;bottom:auto;margin-top:243px}
.switch{ display:block; position:absolute; left:-12px; top:0; width:26px; text-align:center; font-size:14px; padding:10px 0; background:#da4e65; cursor:pointer;}


.media_bg {background: url("../images/media_bg.html") no-repeat center top; width: 100%; position: relative;}
.media_bg h2 {background: url("../images/item-tit.png") no-repeat; width: 510px; height: 89px; position: absolute; left: 50%; top: 34px; margin-left: -250px; z-index: 20;-webkit-animation:trans_bottom 1s ease-in-out .5s 1 both;animation:trans_bottom 1s ease-in-out .5s 1 both}
.media {width: 1280px;  margin: 0 auto; position: relative; overflow: hidden;}
.media .media_item {padding-top: 112px; width: 1230px;position: relative; min-height: 158px;}
.media .media_item_tabs {/*position: absolute; left: 413px; top: 64px;*/ text-align: center; width: 100%; height: 40px;}
.media .media_item_tabs li {/*float: left; */margin-right: 20px; width: 146px; height: 40px; line-height: 40px; text-align: center; display: inline-block;}
.media .media_item_tabs li a {display: block; width: 100%; height: 100%; background: url("../images/media_sp.html") no-repeat 0 -45px; color: #2081ab; }
.media .media_item_tabs li a:hover,.media .media_item_tabs li a.current {background-position: 0 0;}
.media .media_item_cont {display: none; margin-top: 50px;}
.media .media_item_cont a {float: left; margin-right: 26px; margin-bottom: 26px;}
.media .media_more {position: absolute; right:6px; top:64px; width: 46px; height: 40px; background: url("../images/media_sp.html") no-repeat 0 -95px;}
.media ul li {/*float: left; */margin-right: 27px;}


	.containerbg{height:75px;position:relative;width:100%;min-width:1280px;margin:0 auto;padding-top:0px;background: url("../images/t-r-b.png") repeat-x;}
	.container{height:75px;width:1920px;position:relative;min-width:1280px;margin:0 auto;padding-top:0px;}

.nav{height: 75px;padding-top: 5px;position: relative;z-index: 10;}
.nav .t-logo{display: block;margin: 0 0 0 28px;width: 700px;height: 70px;float: left;background: url("../images/t-logo.gif") no-repeat;}
.r-nav-c{width: 654px;height: 37px;float: right;background: url("../images/t-nav-c.png") no-repeat;margin-right: 28px;position: relative;margin-top: 15px;}
.r-nav-c .al{width: 116px;height: 68px;float: left;margin-left: 12px;position: relative;}
.r-nav-c a{width: 116px;height: 37px;display: block;background: url("../images/t-nav.png") no-repeat;}
.r-nav-c a.a1{background-position: -12px 0px;font-size:16px;color:#242424}
.r-nav-c a.a2{background-position: -140px 0px;}
.r-nav-c a.a3{background-position: -268px 0px;}
.r-nav-c a.a4{background-position: -396px 0px;}
.r-nav-c a.a5{background-position: -524px 0px;}
.r-nav-c a.a1:hover,.r-nav-c a.a1.on{background-position: -12px -37px;}
.r-nav-c a.a2:hover,.r-nav-c a.a2.on{background-position: -140px -37px;}
.r-nav-c a.a3:hover,.r-nav-c a.a3.on{background-position: -268px -37px;}
.r-nav-c a.a4:hover,.r-nav-c a.a4.on{background-position: -396px -37px;}
.r-nav-c a.a5:hover,.r-nav-c a.a5.on{background-position: -524px -37px;}
.r-nav-c .al .aui{display: none;width: 128px;position: absolute;left: -3px;top: 67px;z-index:10}
.r-nav-c .al .aui .b{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #fff;opacity: 0.9;filter:alpha(opacity=90);}
.r-nav-c .al ul{position: relative;padding: 10px 0;}
.r-nav-c .al ul li{height: 32px;}
.r-nav-c .al ul li a{color: #404040;width: 110px;height: 32px;display: block;margin: 0 auto;text-align: center;line-height: 32px;background-image: none;border-radius: 5px;}
.r-nav-c .al ul li a:hover{background-color: #7cae95;color: #fff;}



/*浮动条*/
#Floatingbar{width:110px;height:650px;position:fixed;top:50%;right:0px;margin-top:-340px;padding-top:30px;padding-right:18px;padding-left:62px;background:url("../images/floatingbg.html") no-repeat left top;z-index:2500;}
#Floatingbar .erweima{width:109px;line-height:20px;text-align:center;margin:0px auto 10px auto;}
#Floatingbar .erweima:hover{}
#Floatingbar .erweima:hover img{transform:scale(1.3);}
#Floatingbar .erweima img{width:109px;height:109px;margin-bottom:3px;background:#fff;display:block;transition:all 0.3s ease-in;}
#Floatingbar .erweima span{font-size:13px;color:#e7dbc0;}
#Floatingbar ul{margin-bottom:7px;}
#Floatingbar ul li{line-height:26px;text-align:center;color:#e7dbc0;margin-bottom:3px;}
#Floatingbar ul li a{display:block;}
#Floatingbar ul li a img{margin:0 auto;display:block;}
#Floatingbar .downlist{line-height:2.14;font-size:14px;}
#Floatingbar .downlist li a{color:#dab974;}
#Floatingbar .downlist li a:hover{color:#e7dbc0;text-decoration:none;}