@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; list-style: none; word-break: break-all; -webkit-appearance: none; box-sizing: border-box;}
html { background: #fff;}
body { min-height: 100vh; color: #000; font-size: 14px; min-height: 100vh; background: url(../images/bg01.jpg) top center no-repeat #fff; font-family: PingFang SC, Lantinghei SC, Helvetica Neue, Helvetica, Arial, Microsoft YaHei, \\5FAE\8F6F\96C5\9ED1, STHeitiSC-Light, simsun, \\5B8B\4F53, WenQuanYi Zen Hei, WenQuanYi Micro Hei, "sans-serif";}
a { color: inherit; display: inline-block; text-decoration: none;}
img { max-width: 100%; border: 0; vertical-align: middle;}

.wrapper { width: 1100px; margin: 0 auto; padding-top: 60px;}

.top { display: flex;}

.sliderBox { flex: 1; margin-top: 50px; position: relative;}
.photo-list { position: absolute; top: 25px; left: 26px; margin-bottom: 0.2rem; width: 589px; height: 311px;}
.photo-list img { width: 100%; height: auto;}
.sliderBox .mobile { position: absolute; top: 139px; left: 467px; z-index: 999;}

.txtBox { width: 300px;}
.txtBox .logo { margin-bottom: 30px;}
.txtBox ul { font-size: 24px; text-align: center;}
.txtBox ul li { padding-bottom: 10px;}
.txtBox ul li:last-child { padding-bottom: 0;}
.txtBox ul li a { display: block; width: 300px; height: 80px; line-height: 80px; background: url(../images/bg02.png) 0 0 no-repeat;}
.txtBox ul li a span { display: inline-block; vertical-align: middle; width: 32px; height: 32px; margin-right: 15px;}
.txtBox ul li.li01 a span { background: url(../images/img01.png) 0 0 no-repeat;}
.txtBox ul li.li02 a span { background: url(../images/img02.png) 0 0 no-repeat;}
.txtBox ul li.li03 a span { background: url(../images/img03.png) 0 0 no-repeat;}
.txtBox ul li.li04 a span { background: url(../images/img04.png) 0 0 no-repeat;}
.txtBox ul li.li05 a span { background: url(../images/img05.png) 0 0 no-repeat;}
.txtBox ul li.li06 a span { background: url(../images/img06.png) 0 0 no-repeat;}
.txtBox ul li a:hover span { background-position: bottom center;}
.txtBox ul li a:hover { color: #fff; background-position: bottom center;}

.game { display: flex; justify-content: space-between; text-align: center; font-size: 18px;}
.game .item {}
.game .item .img { margin-bottom: 12px; box-shadow: 0 5px 10px rgba(0,0,0,.02); border-radius: 4px; background: #fff; position: relative;}
.game .item .img span {}
.game .item .img div { display: none; position: absolute; top: 0; left: 0; width: 260px; height: 160px; padding-top: 98px; color: #fff; border-radius: 4px; background: url(../images/img11.png) center 46px no-repeat rgba(0,0,0,.7);}
.game .item .txt {}
.game .item a:hover .img div { display: block;}

.footer { padding: 40px 0; text-align: center; color: #959595;}