@charset "utf-8";

*{word-break: normal;}
body{background-color: #f1f2f2;font-size: 15px;font-family: "Microsoft Yahei";color: #6e6e6e;}

.con_box{position:relative;width: 980px;margin: 0 auto;overflow: hidden;}

.header{position: absolute;z-index: 2;width: 100%;}

.logo{float:left;margin-left: 75px;}

.nav{margin:80px 0 0 598px;color: #fff;background: rgba(0,0,0,.25);overflow: hidden;}
.nav i{float: left;font-style: normal;}
.nav a{float: left;width: 116px;font-size: 16px;color: #fff;text-align: center;}
.nav a.active{color: #e40026;}

.banner{height: 640px; text-align: center;}
.banner .swiper-slide{text-align: center;}
.banner .swiper-slide img{display: block;margin: 0 auto;}
.banner .swiper-container{height: 100%;}
.banner .swiper-button-prev,
.banner .swiper-button-next{position: absolute;top: 300px;width: 25px;height: 41px;color: #fff;cursor: pointer;}
.banner .swiper-button-prev{left: 162px;background:url(../images/xgs/icon_platter_03.png) no-repeat -25px 0;}
.banner .swiper-button-next{right: 162px;background:url(../images/xgs/icon_platter_03.png) no-repeat;}
.banner .swiper-pagination{position: absolute;bottom: 20px;left: 0;width: 100%;text-align: center;}
.banner .swiper-pagination-switch{display: inline-block;width: 13px;height: 13px;margin: 0 5px;background:url(../images/xgs/icon_platter_03.png) no-repeat -50px -28px;cursor: pointer;}
.banner .swiper-active-switch{background-position: -63px -28px;}

.container .con_box{padding-bottom: 80px;background: #fff;}

.row{margin: 60px 0;background: #ebebeb;}
.row:after{content:"";display: block;height: 0;clear: both;}
.row .row_list{float: left;width: 50%;height: 423px;}
.row_01 .detail{padding-top :60px;}
.row_01 .photo_box{padding-top: 26px;}
.row_02 .detail{padding-top :94px;overflow: hidden;}
.row_02 .photo_box{padding-top: 65px;}
.row_list.left .photo_box{text-align: left;}
.row_list.left .download_box .btn_download{margin-right: 20px;}
.row_list.right .photo_box{text-align: right;}
.row_list.right .download_box{text-align: right;}
.row_list.right .download_box .btn_download{margin-left: 20px;}
.row_list.right .detail h4,
.row_list.right .detail p,
.row_list.right .detail .download_box{float: right;clear: both;}
.row_list_box{padding: 0 55px 0 61px;overflow: hidden;}

.contact_box .detail{width: 360px;margin:0 auto;padding-top: 32px;text-align: center;}

.icon_down{display: block;width: 49px;height: 20px;margin: 0 auto;background: url(../images/xgs/icon_platter_03.png) no-repeat -91px 0;cursor: pointer;}

.contact_list{margin-top: 60px;}
.contact_list ul{font-size: 0;text-align: center;*zoom: 1;}
.contact_list ul li{display: inline-block;width: 245px;height: 113px;margin: 0 62px;background: #ebebeb;border-bottom: 4px solid #ebebeb;overflow: hidden;cursor: pointer;}
.contact_list ul li:hover,
.contact_list ul li.active{border-bottom:4px solid #4a9e2e;}
.contact_list .icon{display: block;width: 33px;height: 33px;margin: 23px auto 15px;background: url(../images/xgs/icon_platter_03.png) no-repeat;}
.contact_list .icon.icon_skype{background-position: -66px -42px;}
.contact_list .icon.icon_phone{background-position: -33px -42px;}
.contact_list .icon.icon_mail{background-position: 0 -42px;}
.contact_list .icon.icon_tel{background-position: -100px -42px;}
.contact_list .text{font-size: 16px;color: #6e6e6e;text-align: center;}

.footer{height: 213px;}
.footer .con_box{padding-top: 45px;}
.footer p{padding:0 35px;text-align: center;}

.detail h4{margin-bottom: 20px;font-size: 33px;color: #3c3c3c;}
.detail p{width: 400px;font-size: 15px;line-height: 1.7;color: #6e6e6e;}

.download_box{margin-top: 24px;font-size: 0;overflow: hidden;}
.download_box .btn_download{display: inline-block;width: 159px;height: 48px;vertical-align: top;}
.download_box .btn_download.iphone{background: url(../images/xgs/icon_platter_03.png) no-repeat 0 -174px;}
.download_box .iphone.off{background-position: 0 -223px;}
.download_box .btn_download.android{background: url(../images/xgs/icon_platter_03.png) no-repeat 0 -76px;}
.download_box .android.off{background-position: 0 -125px;}

.game_list_box{position: relative;background: #fff;}
.game_list_box .btn_list_open{position: absolute;left: 0;bottom: -50px;width: 100%;padding: 10px 0;cursor: pointer;}
.game_list_box.on .icon_down{background-position: -91px -20px;}
.game_list_wrap{padding: 0 20px;overflow: hidden;}
.game_list li{padding: 30px 0;border-bottom: 2px solid #ebebeb;overflow: hidden;}
.game_list li:last-child{border-bottom: none;}
.game_list li.no_border{border-bottom: none;}
.game_list .game_img{float: left;width: 200px;height: 200px;margin-left: 12px;}
.game_list .game_img img{width: 200px; height: 200px; border-radius: 44px;vertical-align: top;}
.game_list .game_introduce{width: 674px;margin-left: 254px;}
.game_introduce .title{margin-bottom: 20px;font-size: 28px;color: #3c3c3c;}
.game_introduce .text{position: relative;padding-left: 18px;font-size: 18px;color: #6e6e6e;}
.game_introduce .text:before{content:"";position: absolute;top: 12px;left: 0;width: 7px;height: 7px;background: url(../images/xgs/icon_platter_03.png) no-repeat -77px -28px;}

@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
.nav{
    background-color:#000;
    filter:Alpha(opacity=25);
    position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */
    *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */
  }
}