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

/*------------------- reset -------------------*/
body {padding: 0; margin: 0; color: #333; font: 12px/160% Arial, Helvetica, sans-serif, "Microsoft Yahei";}
ul,ol,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,form,input,i,textarea,td,th {padding: 0; margin: 0; font-size: 12px; font-weight: normal;}
ul,ol {list-style: none;}
img {border: 0; vertical-align: top;}
em,i {font-style: normal;}
table {border-collapse: collapse; border-spacing: 0;}

/*------------------- clearfix -------------------*/
.clearfix:after {content: ""; display: block; height: 0; clear: both;}
.clearfix {min-height: 1px;}
* html .clearfix {height: 1px;}

/*------------------- link -------------------*/
a {text-decoration: none;}
a:hover {text-decoration: underline;}

.fl{float:left}
.fr{float:right}

/*------------------- text -------------------*/
.f14 {font-size: 14px;}
.f16 {font-size: 16px;}
.f18 {font-size: 18px;}
.f20 {font-size: 20px;}
.fb {font-weight: bold;}

.grey-bg {background: #f4f4f4;}

.block-size {position: relative; width: 1200px; margin: 0 auto;}
#topbar {height: 80px; background: #1e1e1e;}
/*.logo {color: #fff; font-size: 24px; font-weight: bold; line-height: 80px;}*/
.navlist {position: absolute; top: 30px; right: 0; overflow: hidden; zoom: 1;}
.navlist li {float: left; padding: 0 15px; font-size: 16px; line-height: 24px;}
.navlist li a {color: #fff;}
.navlist li a:hover {color: #b3c7e0; text-decoration: none;}
.main-img {height: 625px; text-indent: -9999px; background: url(../img/img_main.jpg) no-repeat center top;}

.advantage {padding: 70px 0;}
.listy-type01 {width: 1200px; margin: 0 auto; overflow: hidden;}
.listy-type01 li {float: left; display: inline; width: 380px; margin-right: 30px; line-height: 24px;}
.listy-type01 li:last-child {margin-right: 0;}
.listy-type01 li img {width: 380px; height: 210px;}
.listy-type01 h3 {margin: 18px 0 8px; color: #305aac; font-size: 20px; font-weight: bold;}
.listy-type01 p {color: #555; font-size: 16px;}

.about-us, .game-center {padding: 70px 0;}
.title {margin-bottom: 40px; font-size: 32px; font-weight: bold; line-height: 35px;}
.en-title {margin-left: 16px; color: #bbb; text-transform: uppercase; font-family: vani, "Times New Roman";}
.about-con {display: flex; justify-content: space-between; align-items: center;}
.pic-view img {width: 420px; height: 420px;}
.brief {width: 735px;}
.brief h2 {margin: 0 0 25px; font-size: 24px; font-weight: bold; line-height: 34px;}
.describe p {margin-bottom: 15px; color: #555; font-size: 16px; line-height: 26px;}
.describe p:last-child {margin-bottom: 0;}
.contact {padding: 70px 0;}

.game-detail {display: flex; justify-content: space-between; align-items: center;}
.game-view {width: 780px; display: flex; align-items: center;}
.game-pic {margin-right: 35px;}
.game-pic img {width: 200px;}
.game-brief h3 {margin-bottom: 18px; color: #305aac; font-size: 20px; font-weight: bold;}
.game-brief p {color: #555; font-size: 16px; line-height: 28px;}

#footer {padding: 30px 0; background: #333;}
.foot-copy {padding: 8px 0; color: #aaa; font-size: 14px; line-height: 24px; text-align: center;}
.foot-copy p {font-size: 14px;}
#footer a {color: #aaa;}
#footer a:hover {color: #eee; text-decoration: none;}