html,body,div,ul,ol,li,span,p,a,b,i,h1,h2,h3,h4,img,input,select,textarea,button{margin: 0; padding: 0; border: 0}
html,body{ width: 100%; min-width: 1280px; position: relative; }
ul,ol,li{list-style: none;}
a{text-decoration: none;}

.top_bar{width:100%;height:80px;background-color:rgba(255,255,255,.95);position:fixed;top:0;left:0;z-index:7;transition:.5s;}
.top_bar *{transition:.5s;}
.top_bar .logo{width:190px;display:block;float:left;margin:12px 0 0 22px;}
.top_bar .logo img{width:100%;display:block;}

.top_bar .language{float:right;width:100px;height:33px;border:1px #e6e6e6 solid; font-size: 13px;border-radius:5px;margin:22px 15px 0 20px;background-color:#fff;text-align:center; position: relative;}
.top_bar .language .lang_cur{ line-height: 33px; cursor: pointer;}
.top_bar .language .lang_cur:after{ content: ""; display: inline-block; width: 12px; height: 7px; background-image: url(img/nav_arrow.png); background-size: 100% 100%; vertical-align: middle; margin: -3px 0 0 5px;}
.top_bar .language .language_list{ width: 100px; background-color: #fff; border: 1px #e6e6e6 solid; border-radius: 5px; position: absolute; top: 34px; left: 0; padding: 8px 0; display: none;}
.top_bar .language .language_list a{display:block;color:#000;height:30px;line-height:30px;width:100%;text-align:center;}
.top_bar .language .language_list a.language_cur{color:#3c8cff}
.top_bar .language .language_list a:hover{color:#3c8cff}
.top_bar .language .lang_cur:hover + .language_list{ display: block;}
.top_bar .language .language_list:hover{ display: block;}

.top_bar .nav{float:right;height:80px;margin-right:20px;}
.top_bar .nav a{width:140px;height:76px;line-height:76px;color:#333;float:left;margin:0 15px;font-size:16px;text-align:center;display:block;float:left;}
.top_bar .nav a:hover{color:#3c8cff;border-bottom:4px #3c8cff solid;}
.top_bar .nav a.cur{color:#3c8cff;border-bottom:4px #3c8cff solid;}
.top_bar .nav a.nav_games:after{content: "";display:inline-block;width:16px;height:10px;background-image:url(img/nav_arrow.png);vertical-align:middle;margin-top:-4px;margin-left:8px;}

.nav_game_box{ width: 100%; background-color: rgba(255,255,255,.95); position: fixed; top: -100%; left: 0; transition: .5s; z-index: 6}

.nav_game_box .inner{ width: 1440px; min-height: 310px; margin: 0 auto; padding: 30px 0; overflow: hidden;}
.nav_game_box .hot_game{ width: 355px; height: 270px; float: left;}
.nav_game_box .hot_game b{ font-size: 18px; color: #333; display: block; padding-bottom: 15px; font-weight: normal;}
.nav_game_box .hot_game b:before{ content: ""; display: inline-block; width: 18px; height: 20px; background-image: url(/style/img/ico_games.png); vertical-align: middle; margin: -3px 5px 0 0;}
.nav_game_box .hot_game a{ width: 100%; height: 100%; display: block; position: relative; border-radius: 5px; overflow: hidden;}
.nav_game_box .hot_game .pic{ transition: 0.5s; width: 100%; height: 100%; object-fit: cover;}
.nav_game_box .hot_game a:hover .pic{ transform: scale(1.03);}
.nav_game_box .hot_game img{ width: 100%;}
.nav_game_box .hot_game .game_info{position:absolute;bottom:0;left:0;width:100%;height:74px;background-color:rgba(255,255,255,.95);}
.nav_game_box .hot_game .game_info img{width:82px;position:absolute;top:-17px;left:10px;}
.nav_game_box .hot_game .game_info p{padding:10px 0 0 105px}
.nav_game_box .hot_game .game_info p em{font-size:20px;color:#333;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-style: normal;}
.nav_game_box .hot_game .game_info p span{font-size:14px;color:#999;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.nav_game_box .mobile_game{ float: left; width:990px; margin-left: 95px;}
.nav_game_box .mobile_game b{ font-size: 18px; color: #333; display: block; padding-bottom: 15px; font-weight: normal;}
.nav_game_box .mobile_game b:before{ content: ""; display: inline-block; width: 18px; height: 20px; background-image: url(/style/img/ico_games.png); background-position: 50% 0; vertical-align: middle; margin: -3px 5px 0 0;}
.nav_game_box .game_list{ width: 100%;}
.nav_game_box .game_list ul li{ width: 33.33%; float: left; height: 70px; margin-bottom: 20px;}
.nav_game_box .game_list ul li a{ width: 100%; display: block;}
.nav_game_box .game_list ul li img{ width: 70px; display: block; float: left;}
.nav_game_box .game_list ul li p{ width: calc( 100% - 90px); float: left; margin-left: 10px; padding-top: 5px; line-height: 30px;}
.nav_game_box .game_list ul li em{font-size:18px;color:#333;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-style: normal; position: relative; position: relative;}
.nav_game_box .game_list ul li span{font-size:14px;color:#999;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.nav_game_box .game_list ul li em:after{ content: ""; display: block; width: 28px; height: 13px; vertical-align: middle; position: absolute; top: 6px; right: 20px;}
.nav_game_box .game_list ul li em.hot:after{ background-image: url(/style/img/i_game.png); background-position: top; }
.nav_game_box .game_list ul li em.new:after{ background-image: url(/style/img/i_game.png); background-position: bottom; }

.nav_game_box .web_game .game_list{ width: 300px;}
.nav_game_box .web_game{ float: left; width:300px; margin-left: 30px;}
.nav_game_box .web_game b{ font-size: 18px; color: #333; display: block; padding-bottom: 15px; font-weight: normal;}
.nav_game_box .web_game b:before{ content: ""; display: inline-block; width: 18px; height: 20px; background-image: url(/style/img/ico_games.png); background-position: 100% 0; vertical-align: middle; margin: -3px 5px 0 0;}
.nav_game_box .web_game ul li{ width: 100%; float: initial;}

.nav_game_box .game_more{width:100%;height:60px;line-height:60px; background-color: #fff; display:block;text-align:center;font-size:16px;color:#3c8cff;}
.nav_game_box .game_more:before{content: "";display:inline-block;width:19px;height:19px;background-image:url(/style/img/ico_more.png);vertical-align:middle;margin-top:-3px;margin-right:10px;transition:.5s}
.nav_game_box .game_more:after{content: "";display:inline-block;width:10px;height:7px;background-image:url(/style/img/nav_arrow.png);background-size:100% 100%;transform:rotate(-90deg);vertical-align:middle;margin-top:-1px;margin-left:10px;transition:.5s}
.nav_game_box .game_more:hover:after{transform:rotate(-90deg) translateY(5px);}
.nav_game_box .game_more:hover:before{transform:rotate(90deg);}
.nav_game_box.show{top:80px;}
.nav_game_box.show.min{top:60px;}



.nav_mask{ display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,.8); position: fixed; top: 0; left: 0; z-index: 5; display: none; }


.top_bar.show{ height: 60px; box-shadow: 0 2px 5px rgba(0,0,0,.1)}
.top_bar.show .logo{ width: 140px; margin: 10px 0 0 10px; }
.top_bar.show .nav{ height: 60px; margin-right: 20px;}
.top_bar.show .nav a{height: 56px; line-height: 56px; font-size: 16px;}
.top_bar.show .language{ margin: 12px 8px;}
.top_bar.show .language a{ margin-top: 10px; font-size: 14px;}


.part_0{ width: 100%; height: 800px; overflow: hidden; position: relative; }

#banner{ width: 100%; height: 800px; position: absolute; top: 0; left: 0; }
#banner ul li.slide{ width: 100%; height: 800px; display: block; background-position: top left; position: relative; background-size: cover;}
#banner ul li.slide a{ width: 100%; height: 100%; display: block; }
#banner ul li.slide h1{ font-size: 80px; position: absolute; top: 350px; left: 210px; line-height: 85px; display: block; color: #fff; transition: .5s .7s ; transform: translateX(40px); opacity: 0; text-shadow:2px 2px 5px rgba(0,0,0,.3); }
#banner ul li.slide h2{ font-size: 40px; position: absolute; top: 450px; left: 210px; display: block; color: #fff; font-weight: normal; transition: .5s .8s; transform: translateX(40px); opacity: 0;}
#banner ul li.slide .more{ width: 180px; height: 60px; position: absolute; top: 550px; left: 215px; transition: .5s .9s; transform: translateX(40px); opacity: 0; text-align: center; line-height: 60px;}
#banner ul li.slide .more span{ width: 180px; height: 60px; display: block; line-height: 60px; background-color: #3c8cff; font-size: 18px; color: #fff; text-align: center; transition: .5s}
#banner ul li.flex-active-slide h1{ opacity: 1; transform: translateX(0);}
#banner ul li.flex-active-slide h2{ opacity: 1; transform: translateX(0);}
#banner ul li.flex-active-slide .more{ opacity: 1; transform: translateX(0);}
#banner ul li.flex-active-slide .more span:hover{ transform: translateY(-5px);}

#banner .flex-control-paging { position:absolute; bottom:0; right: 0; text-align:center; width: 100%; height: 20px; background-color: #000;}
#banner .flex-control-paging li { display:inline-block; margin: 6px;}
#banner .flex-control-paging li a{width:100px; height:6px; display:block; background:#4d4d4d; text-indent:-9000px; cursor:pointer; transition: .5s; position: relative;}
#banner .flex-control-paging li a:before{ content: ""; display: block; width: 0px; height: 6px; background-color: #3c8cff; }
#banner .flex-control-paging li a.flex-active:before { width: 100%; animation: Progress 4s linear; animation-fill-mode:forwards;}

@-webkit-keyframes Progress {
	from { width: 0 }
	to { width: 100% }
}
@keyframes Progress {
	from { width: 0 }
	to { width: 100% }
}


#banner .flex-direction-nav a {width:38px; height:78px; top: 50%; margin-top: -40px; display:block; position:absolute; text-indent:-9000px; border: 1px rgba(255,255,255,.2) solid; background-color: rgba(0,0,0,.8);}
#banner .flex-direction-nav a:before{ content: ""; display: block; width: 16px; height: 26px; background-image: url(img/banner_arrow.png); position: absolute; top: 25px; left: 10px; }
#banner .flex-direction-nav a.flex-prev {left:40px; background-position:left top;}
#banner .flex-direction-nav a.flex-prev:before { background-position:left top;}
#banner .flex-direction-nav a.flex-prev:hover:before {background-position:left bottom;}
#banner .flex-direction-nav a.flex-next {right:40px; background-position:right top;}
#banner .flex-direction-nav a.flex-next:before { background-position:right bottom; left: 12px;}
#banner .flex-direction-nav a.flex-next:hover:before {background-position:right top;}

.part_1{ width: 100%; padding-bottom: 10px; background-color: #fff; position: relative; overflow: hidden; background-image: url(img/t_1.png); background-repeat: no-repeat; background-position: 95% 5%; }
.part_1 .t_box{ font-size: 40px; color: #000; font-weight: bold; position: relative; line-height: 46px; padding-left: 20px; float: left; margin: 60px 0 0 2%; z-index: 2}
.part_1 .t_box:before{ width: 6px; height: 36px; content: ""; display: block; background-color: #3c8cff; border-radius: 5px; position: absolute; top: 5px; left: 0; }
.part_1:after{ content: ""; width: 261px; height: 387px; display: block; background-image: url(img/pic.png); position: absolute; bottom: 120px; right: 220px; z-index: 1 }

.hot_games{padding:1%;clear:both;position:relative;z-index:2;overflow:hidden;}
.hot_games ul li{width:22.9%;float:left;margin:1%;position:relative;overflow:hidden;border-radius:10px;}
.hot_games ul li img{width:100%;display:block;transition:.5s}
.hot_games ul li:first-child{width:48%;}
.hot_games ul li .game_info{position:absolute;bottom:0;left:0;width:100%;height:22%;background-color:rgba(255,255,255,.95);}
.hot_games ul li .game_info img{width:22%;position:absolute;top:-25%;left:3%;}
.hot_games ul li .game_info p{padding:3% 3% 0 28%;}
.hot_games ul li .game_info p .h1{font-size:22px;color:#000;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hot_games ul li .game_info p .h2{font-size:16px;color:#666;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hot_games ul li:first-child .game_info{position:absolute;bottom:0;left:0;width:100%;height:18%;background-color:rgba(255,255,255,.95);}
.hot_games ul li:first-child .game_info img{width:22%;position:absolute;top:-50%;left:3%;}
.hot_games ul li:first-child .game_info p .h1{font-size:40px;color:#000;display:block;}
.hot_games ul li:first-child .game_info p .h2{font-size:20px;color:#666;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hot_games ul li:hover .pic{transform:scale(1.05);}

.hot_games .game_info{position:absolute;bottom:0;left:0;width:100%;height:22%;background-color:rgba(255,255,255,.95); z-index: 4;}
.hot_games .game_info img{width:22%;position:absolute;top:-25%;left:3%;}
.hot_games .game_info p{padding:3% 3% 0 28%;}
.hot_games .game_info p .h1{font-size:22px;color:#000;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hot_games .game_info p .h2{font-size:16px;color:#666;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.hot_games .hover{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,.8); z-index: 3; opacity: 0; transition: .5s;}
.hot_games .hover .btn{ width: 180px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-70%);}
.hot_games .hover .btn img{ width: 100%; display: block; transition: .5s;}
.hot_games .hover .btn a{ margin: 10px 0; display: block; }
.hot_games .hover .btn a:hover img{ transform: scale(1) translateY(-3px);}
.hot_games ul li:hover .hover{ opacity: 1; }


.circle{ width: 800px; height: 800px; border-radius: 800px; display: block; background-image: linear-gradient(to bottom,#fffae9,#fff1cf); position: absolute; top: 100px; left: -500px; z-index: 1; transform-origin: 60% 60%; animation: Round 15s linear infinite;}
.circle_1{ width: 30px; height: 30px; border-radius: 30px; display: block; background-image: linear-gradient(to bottom,#ffe6d8,#f3cfbb); position: absolute; top: 1008px; left: 50%; margin-left: -120px; z-index: 1; transform-origin: 60% 60%; animation: Round 15s linear infinite;}

@-webkit-keyframes Round {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}
@keyframes Round {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}


.part_2{ width: 100%; height: 750px; background-color: #fff; position: relative; overflow: hidden; background-image: url(img/t_2.png); background-repeat: no-repeat; background-position: 95% 5%;}
.part_2 .t_box{ font-size: 40px; color: #000; font-weight: bold; position: relative; line-height: 46px; padding-left: 20px; float: left; margin: 60px 0 0 2%; z-index: 2}
.part_2 .t_box:before{ width: 6px; height: 36px; content: ""; display: block; background-color: #3c8cff; border-radius: 5px; position: absolute; top: 5px; left: 0; }

.part_2 .swiper_news{ width: 100%; height: 1000px; position: absolute; top: 170px; left: 0; overflow: hidden; cursor: url(/style/img/mouse_type.cur), pointer;}
.part_2 .swiper_news .swiper-news-slide{ width: 1110px; height: 100%; position: relative;}
.part_2 .swiper_news .swiper-news-slide:before{ content: ""; display: block; width: 5px; height: 6px; background-color: #eee; position: absolute; top: 55px; left: 35px; }
.part_2 .swiper_news .swiper-news-slide:after{ content: ""; display: block; width: 1px; height: 100%; background-color: #eee; position: absolute; top: 55px; left: 35px; }
.part_2 .swiper_news .swiper-news-slide .time{ font-size: 26px; color: #333; display: block; padding-left: 33px; }
.part_2 .swiper_news .swiper-news-slide .news_img{ width: 540px; height: 340px; overflow: hidden; margin:20px 0 0 65px; border-radius: 12px; display: block; box-shadow: 0 3px 10px rgba(28,80,214,.2)}
.part_2 .swiper_news .swiper-news-slide .news_img img{ display: block; transition: .5s; width: 100%; }
.part_2 .swiper_news .swiper-news-slide .news_img:hover img{ transform: scale(1.02); }
.part_2 .swiper_news .swiper-news-slide .news_info{ width: 430px; position: absolute; top: 60px; left: 660px; }
.part_2 .swiper_news .swiper-news-slide .news_info .news_t{ font-size: 30px; color: #333; font-weight: bold; display: -webkit-box; display: block\0; line-height: 42px; height: 84px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2;-webkit-box-orient: vertical; transition: .5s}
.part_2 .swiper_news .swiper-news-slide .news_info .news_t:hover{ transform: translateY(-5px); }
.part_2 .swiper_news .swiper-news-slide .news_intro{ margin-top: 25px; padding-top: 25px; border-top: 1px #eee solid; font-size: 14px; color: #666; line-height: 30px; max-height: 120px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
.part_2 .swiper_news .swiper-news-slide .news_more{ display: block; font-size: 18px; color: #3c8cff; transition: .5s; position: absolute; top: 310px; left: 0}
.part_2 .swiper_news .swiper-news-slide .news_more:after{ content: ""; display: inline-block; width: 20px; height: 12px; background-image: url(img/news_arrow.png); vertical-align: middle; margin-top: -3px; margin-left: 10px; transition: .5s}
.part_2 .swiper_news .swiper-news-slide .news_more:hover:after{  transform: translateX(5px); }

.home_more{ width: 200px; height: 36px; line-height: 36px; margin: 40px auto; border: 1px #333 solid; color: #333; text-align: center; font-size: 16px; display: block; position: relative; overflow: hidden; z-index: 2}
.home_more:before{ width: 5px; height: 36px; content: ""; display: block; background-color: #3c8cff; position: absolute; top: 0; left: 100%; }
.home_more:after{ width: 5px; height: 36px; content: ""; display: block; background-color: #3c8cff; position: absolute; top: 0; left: 100%; z-index: 1; transition: .5s }
.home_more span{ width: 100%; height: 100%; display: block; position: relative; z-index: 2;}
.home_more span:before{ width: 10px; height: 36px; content: ""; display: block; background-color: #3c8cff; position: absolute; top: 0; left: 100%; }
.home_more span:after{ width: 5px; height: 36px; content: ""; display: block; background-color: #3c8cff; position: absolute; top: 0; left: 100%; }
.home_more:hover:before{ left: -10px; transition: .4s; }
.home_more:hover span:before{ left: -10px; transition: .4s .1s; }
.home_more:hover span:after{ left: -5px; transition: .4s .2s; }
.home_more:hover:after{width: 100%; left: 0px; transition: .4s .3s;}
.home_more:hover span{ color: #fff; transition: .4s .1s;}
.home_more:hover{ border: 1px #3c8cff solid; }

.part_2 .home_more{ position: absolute; margin: 0; top: 650px; left: 50%; margin-left: -101px; }
.part_2 .circle{ width: 20px; height: 20px; display: block; background-image: linear-gradient(to bottom,#e8e9ff,#dddfff); position: absolute; top: 642px; left: 50%; margin-left: 88px; z-index: 2; border-radius: 0; transform-origin: 60% 60%; animation: Round 15s linear infinite;}
.part_2 .circle_1{ width: 800px; height: 800px; border-radius: 800px; display: block; background-image: linear-gradient(to bottom,#eafffd,#d5fffc); position: absolute; top: 100px; right: -500px; z-index: 1; transform-origin: 60% 60%; animation: Round 25s linear infinite;}

.part_3{ width: 100%; height: 800px; position: relative; overflow: hidden; }
.part_3 video{ position: absolute; width: 100%; top: 0; left: 0; z-index: 1}
.part_3 .video_mask{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; background-color: rgba(0,0,0,.7);}
.part_3 .txt{ width: 100%; position: absolute; top:30px; left: 0; text-align: center; z-index: 3; font-size: 16px; color: #fff; opacity: .2; letter-spacing: 20px }
.part_3 .soc_box{ position: absolute; top: 240px; right: 0; width: 100%; text-align: center; z-index: 4}
.part_3 .soc_box h1{ font-size: 60px; color: #fff; display: block; }
.part_3 .soc_box .soc{ width: 100%; padding-top: 100px;}
.part_3 .soc_box .soc a{ width: 100px; height: 100px; display: inline-block; border: 2px #fff solid; border-radius: 100px; margin: 0 45px; transition: .5s; background-image: url(img/ico_soc.png);}
.part_3 .soc_box .soc a.soc_1{ background-position: 0px 0px;}
.part_3 .soc_box .soc a.soc_2{ background-position: 302px 0px;}
.part_3 .soc_box .soc a.soc_3{ background-position: 200px 0px;}
.part_3 .soc_box .soc a.soc_4{ background-position: 100px 0px;}
.part_3 .soc_box .soc a:hover{ background-color: #3c8cff; border: 2px #3c8cff solid;}
.part_3 .soc_box .soc a span{ color: #fff; display: block; text-align: center; padding-top: 125px; font-size: 16px;}
.part_3 .soc_box .soc a:hover span{ color: #3c8cff;}

.footer{ width: 100%; background-color: #292828; padding: 25px 0 20px; text-align: center; }
.footer .foot_logo{ width: 200px; display: block; margin: 0 auto 10px; }
.footer .foot_logo img{ width: 100%; display: block; }
.footer p{ font-size: 14px; color: #555; height: 18px; line-height: 18px; padding: 10px 0; }
.footer p a{ color: #bbb; padding: 0 30px; }
.footer p a:hover{ color: #fff; }



.header{ width: 100%; height: 420px; background-position: top center; background-repeat: no-repeat; position: relative; background-size: cover;}
.header.header_news{ background-image: url(img/header_news.jpg);}
.header.header_about{ background-image: url(img/header_about.jpg);}
.header.header_games{ background-image: url(img/header_games.jpg);}
.header h1{ font-size: 60px; font-weight: bold; color: #fff; position: absolute; top: 200px; left: 5%; }


.news_list{ width: 92%; margin: 0 auto; overflow: hidden; background-color: #fff;}
.news_list ul li{ width: 32.2666%; float: left; border-bottom: 1px #f1f1f1 solid; padding: 50px 0; position: relative;}
.news_list ul li:nth-child(2){ padding: 50px 1.6%;}
.news_list ul li:nth-child(5){ padding: 50px 1.6%;}
.news_list ul li:nth-child(2):before{ content: ""; display: block; width: 1px; height: 100%; background-color: #f1f1f1; position: absolute; top: 0; left: 0 }
.news_list ul li:nth-child(2):after{ content: ""; display: block; width: 1px; height: 100%; background-color: #f1f1f1; position: absolute; top: 0; right: 0 }
.news_list ul li:nth-child(5):before{ content: ""; display: block; width: 1px; height: 100%; background-color: #f1f1f1; position: absolute; top: 0; left: 0 }
.news_list ul li:nth-child(5):after{ content: ""; display: block; width: 1px; height: 100%; background-color: #f1f1f1; position: absolute; top: 0; right: 0 }
.news_list ul li .news_img{ width: 92%; overflow: hidden; border-radius: 10px; display: block; margin: 0 auto; box-shadow: 0 10px 15px rgba(0,0,0,.05)}
.news_list ul li .news_img img{ width: 100%; display: block; transition: .5s }
.news_list ul li .news_img:hover img{ transform: scale(1.05); }
.news_list ul li .news_info{ width: 92%; clear: both; margin: 0 auto; padding-top: 30px;}
.news_list ul li .news_info .news_t{ width: 100%; font-size: 24px; height: 30px; color: #333; font-weight: bold; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: .5s}
.news_list ul li .news_info .news_t:hover{ color: #fe7445; }
.news_list ul li .news_info .news_intro{ width: 100%; font-size: 16px; color: #999; height: 75px; line-height: 25px; margin: 15px 0 30px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.news_list ul li .news_info .time{ font-size: 14px; color: #333; display: block; }
.news_list ul li .news_info .time:before{ content: ""; display: inline-block; width: 16px; height: 16px; background-image: url(img/ico_time.png); vertical-align: middle; margin-top: -3px; margin-right: 5px;}
.news_list ul li:nth-child(1) .news_img{ float: left; }
.news_list ul li:nth-child(4) .news_img{ float: left; }
.news_list ul li:nth-child(3) .news_img{ float: right; }
.news_list ul li:nth-child(6) .news_img{ float: right; }
.news_list ul li:nth-child(1) .news_info{ float: left; }
.news_list ul li:nth-child(4) .news_info{ float: left; }
.news_list ul li:nth-child(3) .news_info{ float: right; }
.news_list ul li:nth-child(6) .news_info{ float: right; }


.news_content{ width: 83%; margin: 0 auto; position: relative;}
.news_content .back{ font-size: 20px; color: #333; display: block; width: 90px; float: left; margin-top: 50px; }
.news_content .back:before{ content: ""; display: inline-block; width: 27px; height: 24px; background-image: url(img/ico_back.png); vertical-align: middle; margin-top: -3px; margin-right: 5px; transition: .5s}
.news_content .back:hover:before{ transform: translateX(-5px); }
.news_content .news_title{ width: 100%; padding: 20px 0; border-bottom: 1px #e5e5e5 solid; text-align: center; clear: both;}
.news_content .news_title h1{ font-size: 45px; color: #333; display: block; }
.news_content .news_title .news_time{ font-size: 14px; color: #999; text-align: center; display: block; padding-top: 15px; }
.news_content .news_title .news_time:before{ content: ""; display: inline-block; width: 16px; height: 16px; background-image: url(img/ico_time.png); vertical-align: middle; margin-top: -3px; margin-right: 5px; }
.news_content .content{ padding: 50px 0; font-size: 18px; color: #666; line-height: 36px; }
.news_content .content *{ font-size: 18px!important; line-height: 36px!important; max-width: 100%!important; }


.pagenum_Me{ width: 100%; padding: 30px 0; clear: both; text-align: center; }
.pagenum_Me ul li{ width: 50px; height: 50px; display: inline-block; border-radius: 5px; background-color: #fafafa; font-size: 14px; text-align: center; line-height: 50px; overflow: hidden; margin: 0 3px; }
.pagenum_Me ul li:last-child{ width: 70px; height: 50px; display: inline-block; border-radius: 5px; background-color: transparent; }
.pagenum_Me ul li a{  width: 50px; height: 50px; display: block; color: #666 }
.pagenum_Me ul li.selected{  }
.pagenum_Me ul li.selected a{ color: #fff; background-color: #3c8cff}
.pagenum_Me ul li:hover a{ color: #fff; background-color: #3c8cff}


.games_area{ height: 58px; padding: 30px 2% 0; }
.games_area a{ width: 180px; height: 58px; line-height: 58px; display: block; float: left; margin-right: 20px; border: 1px #ddd solid; border-radius: 5px; font-size: 20px; color: #000; text-align: center; transition: .5s}
.games_area a.cur{ background-color: #3c8cff; color: #fff; border: 1px #3c8cff solid; }
.games_area a:hover{ background-color: #3c8cff; color: #fff; border: 1px #3c8cff solid; }


.games_list{padding:1%;clear:both;position:relative;z-index:2;overflow:hidden;}
.games_list ul li{width:22.9%;float:left;margin:1%;position:relative;overflow:hidden;border-radius:10px;}
.games_list ul li img{width:100%;display:block;transition:.5s}
.games_list ul li:first-child{width:48%;}
.games_list ul li .game_info{position:absolute;bottom:0;left:0;width:100%;height:22%;background-color:rgba(255,255,255,.95);}
.games_list ul li .game_info img{width:22%;position:absolute;top:-25%;left:3%;}
.games_list ul li .game_info p{padding:3% 3% 0 28%;}
.games_list ul li .game_info p .h1{font-size:22px;color:#000;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.games_list ul li .game_info p .h2{font-size:16px;color:#666;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.games_list ul li:first-child .game_info{position:absolute;bottom:0;left:0;width:100%;height:18%;background-color:rgba(255,255,255,.95);}
.games_list ul li:first-child .game_info img{width:22%;position:absolute;top:-50%;left:3%;}
.games_list ul li:first-child .game_info p .h1{font-size:40px;color:#000;display:block;}
.games_list ul li:first-child .game_info p .h2{font-size:20px;color:#666;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.games_list ul li:hover .pic{transform:scale(1.05);}

.games_list .game_info{position:absolute;bottom:0;left:0;width:100%;height:22%;background-color:rgba(255,255,255,.95); z-index: 4;}
.games_list .game_info img{width:22%;position:absolute;top:-25%;left:3%;}
.games_list .game_info p{padding:3% 3% 0 28%;}
.games_list .game_info p .h1{font-size:22px;color:#000;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.games_list .game_info p .h2{font-size:16px;color:#666;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.games_list .hover{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,.8); z-index: 3; opacity: 0; transition: .5s;}
.games_list .hover .btn{ width: 180px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-70%);}
.games_list .hover .btn img{ width: 100%; display: block; transition: .5s;}
.games_list .hover .btn a{ margin: 10px 0; display: block; }
.games_list .hover .btn a:hover img{ transform: translateY(-3px);}

.games_list ul li:hover .hover{ opacity: 1; }



.about_wrap{ padding: 50px 5%; min-height: 800px; position: relative; overflow: hidden;}
.about_wrap .about_aside{ float: left; width: 40%; position: relative; z-index: 3;}
.about_wrap .about_aside h1{ font-size: 36px; color: #000; display: block; position: relative; line-height: 40px;}
.about_wrap .about_aside h1:before{ content: ""; width: 60px; height: 5px; display: block; background-color: #3c8cff; position: absolute; top: 45px; left: 0; }
.about_wrap .about_aside .about_tab{ width: 240px; padding-top: 60px; }
.about_wrap .about_aside .about_tab a{ width: 238px; height: 58px; line-height: 58px; border: 1px #e5e5e5 solid; text-indent: 60px; position: relative; display: block; margin: 10px 0; color: #999; transition: .5s}
.about_wrap .about_aside .about_tab a:before{  display: block; text-indent: 0; position: absolute; top: 0; left: 20px;}
.about_wrap .about_aside .about_tab a:after{ content: ">"; display: block; text-indent: 0; position: absolute; top: 0; right: 20px; transform: scale(1,1.5);}
.about_wrap .about_aside .about_tab a:nth-child(1):before{content: "01";}
.about_wrap .about_aside .about_tab a:nth-child(2):before{content: "02";}
.about_wrap .about_aside .about_tab a:nth-child(3):before{content: "03";}
.about_wrap .about_aside .about_tab a:hover{ background-color: #3c8cff; border: 1px #3c8cff solid; color: #fff; }
.about_wrap .about_aside .about_tab a.cur{ background-color: #3c8cff; border: 1px #3c8cff solid; color: #fff; }

.about_wrap .about_box{ width: 60%; float: right; position: relative; z-index: 3;}
.about_wrap .about_box.about img{ width: 100%; user-select: none; pointer-events: none;}
.about_wrap .about_box.about .about_txt{ width: 100%; font-size: 18px; color: #000; line-height: 40px; padding: 40px 0 60px 0;}
.about_wrap .about_box.about .about_txt p{ padding: 10px 0; text-align: justify; }

.about_wrap .circle_3{ width: 256px; height: 256px; border-radius: 256px; display: block; background-color: #eaf9ff; position: absolute; top: 100px; left: -100px; z-index: 1; transform-origin: 60% 60%; animation: Round 15s linear infinite;}
.about_wrap .circle_4{ width: 800px; height: 800px; border-radius: 800px; display: block; background-color: #e5f9ff; position: absolute; top: 100px; right: -400px; z-index: 1; transform-origin: 60% 60%; animation: Round 25s linear infinite;}
.about_wrap .circle_5{ width: 42px; height: 58px; display: block; background-image: url(img/pic_1.png); position: absolute; top: 170px; left: 50%; margin-left: -220px; }

.careers .careers_box{ width: 100%; background-image: url(img/careers.jpg); background-size: 100% auto; background-repeat: no-repeat; height: 700px; margin-top: 50px;}
.careers .careers_box h2{ font-size: 50px; color: #000; padding: 140px 0 0 50px; }
.careers .careers_box p{ font-size: 18px; line-height: 30px; color: #333; padding: 10px 0 0 50px; width: 38%; text-align: justify;}
.careers .careers_box span{ width: 220px; height: 58px; line-height: 58px; display: block; background-color: #3c8cff; font-size: 16px; color: #fff; text-align: center; margin: 40px 0 0 50px; }

.contact .contact_box{ width: 100%; background-image: url(img/contact.jpg); background-size: 100% auto; background-repeat: no-repeat; height: 700px; margin-top: 50px;}
.contact .contact_box .contact_list{ padding: 30px 40px; background-color: rgba(255,255,255,.9); width: 300px; height: 100%;}
.contact .contact_box .contact_list ul li{ padding: 6% 0; line-height: 35px; font-size: 20px; color: #000}
.contact .contact_box .contact_list ul li span{ display: block; color: #666}

@media screen and (max-width: 1500px) {
	.hot_games ul li .game_info p{ padding: 1% 3% 0 28%; }
	.hot_games ul li .game_info p .h1{ font-size: 20px;}
	.hot_games ul li .game_info p .h2{ font-size: 14px;}
	.hot_games ul li:first-child .game_info p{ padding: 3% 3% 0 28%; }
	.hot_games ul li:first-child .game_info p .h1{ font-size: 32px; }
	.hot_games ul li:first-child .game_info p .h2{ font-size: 16px; }
}
@media screen and (max-width: 1600px) {
	.contact .contact_box .contact_list ul li{ padding: 4% 0; line-height: 35px; font-size: 20px; color: #000}
}
@media screen and (max-width: 1440px) {
	.contact .contact_box .contact_list ul li{ padding: 4% 0; line-height: 25px; font-size: 20px; color: #000}
}



.header.header_xieyi{ background-image: url(img/header_news.jpg); background-size: cover;}
.header.header_xieyi h1{ width: 100%; text-align: center; left: 0 }