*{ margin: 0; padding: 0; list-style: none; border: 0; }
html,body{ width: 100%; height: 100%; position: relative; }
a{ text-decoration: none;}

#pic-scroll {position: relative;height:890px;overflow: hidden; z-index: 1;}
#pic-scroll li {float:left;left:100%;position: absolute;top:0;width:100%;height: 100%;}
#pic-scroll li.cur {left:0;}
#pic-scroll li a {display: block;width:100%; height: 100%; background-position: top center; background-repeat: no-repeat;}

#pic-scroll .pic-scroll-nav {position: absolute;bottom: 10px;right:0;text-align: right;width:100%;z-index: 999}
#pic-scroll .pic-scroll-nav span {display: inline-block;margin:0 5px;position: relative;width: 50px;height:5px;padding: 10px 0;cursor: pointer;}
#pic-scroll .pic-scroll-nav span.active {cursor:auto;}
#pic-scroll .pic-scroll-nav i,.pic-scroll-nav em {position:absolute;top:10px;left:0;width:100%;height: 5px;background: #fff;opacity: .4;z-index: 997}
#pic-scroll .pic-scroll-nav em {z-index:998;width: 0;opacity: 1; background-color: #fe4768}

#pic-scroll .arrow {position: absolute;width:45px;height: 80px;top:50%;margin-top:-40px;z-index: 99;cursor:pointer;display: none; background-color: #333; background-image: url(//x.9917.com/style/img/ico_arrow_1.png);}
#pic-scroll .arrow:hover { background-color: #fd5876 }
#pic-scroll .btn-prev {left:0px; background-position: left}
#pic-scroll .btn-next {right:0px; background-position: right}

.top_bar{ width: 100%; height: 90px; background-color: rgba(255,255,255,.96); background-color: #fff\9; position: fixed; top: 0; left: 0; z-index: 8;}
.top_bar .inner{ padding: 0 40px; height: 90px; position: relative;}
.top_bar .logo{ float: left; width: 190px; display: block; margin-top: 15px; }
.top_bar .logo img{ width: 160px; }
.top_bar .nav{ height: 16px; float: right; margin-right:20px; line-height: 16px; margin-top: 36px; font-size: 16px;}
.top_bar .nav a{ min-width: 100px; padding: 0 15px; height: 16px; display: block; float: left; text-align: center; position: relative; color: #333 }
.top_bar .nav a:hover{ color: #f14e62 }
.top_bar .nav a.cur{ color: #f14e62 }
.top_bar .nav a:nth-child(-n+2):before{ content: ""; width: 1px; height: 16px; display: block; background-color: #ddd; position: absolute; top: 0; right: 0; }


.wrapper{ width: 100%; height: 1000px; position: relative; z-index: 2;}
.part{clear: both; padding-bottom: 5px; position: relative; z-index: 3;}
.part .title_box{ width: 100%; padding: 50px 0 20px; text-align: center; }
.part .title_box h1{ font-size: 40px; color: #333; display: block; line-height: 40px; }
.part .title_box span{ display: block; color: #999; font-size: 16px; padding-top: 10px; }

.hot_games{ width: 100%; max-width: 1440px; margin: 0 auto; }
.hot_games ul li{ width: 33.33%; float: left; }
.hot_games ul li img{ width: 100%; display: block; transition: .5s;}
.hot_games ul li:hover img{ transform: translateY(-5px); }


.pro_list{ width: 100%; max-width: 1440px; margin: 0 auto; }
.pro_list ul li{ width: 25%; float: left; }
.pro_list ul li img{ width: 350px; max-width: 98%; margin: 0 auto; padding: 5px 0; display: block; transition: .5s;}
.pro_list ul li:hover img{ transform: translateY(-5px); }

.particle-network-animation{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; background-color: #f5f5f5;}

.footer{ width: 100%; height: 180px; background-image: url(//x.9917.com/style/img/footer_bg.jpg); background-position: top center; background-repeat: no-repeat; position: relative;}
.footer .foot_logo{ display: block; width: 180px; margin: 0 auto; padding: 20px 0;}
.footer .foot_logo img{ width: 100%; }

.footer .foot{ width: 100%; padding: 20px 0; border-top: 1px #424447 solid; position: absolute; bottom: 0; height: 50px; line-height: 25px; font-size: 14px; color: #6e6f72}
.footer .foot .game_txt{ float: left; padding-left: 60px;}
.footer .copyright{ float: right; padding-right: 60px; text-align: right; }
.footer .copyright a{ color: #6e6f72; margin-right: 10px;}
.footer .copyright a:hover{ color: #fff }
.footer .copyright a:last-child{ margin-right: 0 }
.footer .copyright img{ display: inline-block; vertical-align: middle; margin-top: -3px; margin-right: 5px; }

.pro_detail{ width: 100%; height: 100%; background-position: top center; background-repeat: no-repeat; }


.aboutus_banner{ width: 100%; height: 300px; background-image: url(img/about_head.png); }
.aboutus_banner h2{ font-size: 40px; color: #fff; padding: 150px 0 0 120px; display: block;}
.aboutus_banner h3{ font-size: 16px; color: #fff; padding: 0 0 0 120px; display: block; font-weight: normal;}
.aboutus{ padding: 50px 120px; position: relative; }
.aboutus .about_logo{ width: 10%; position: absolute; padding-top: 1.5%; left: 15%; }
.aboutus .company{ width: 70%; padding: 20px 0 0 30%; }
.aboutus .company h1{ font-size: 30px; display: block; padding-bottom: 10px;}
.aboutus .company p{ font-size: 16px; color: #999; line-height: 30px; padding: 10px 0;}
.aboutus .about_pic{ width: 100%; padding: 50px 0 20px; }