/* reset */
body {padding: 0; margin: 0; font: 14px/18px "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: 14px; 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;}

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

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

/* text */
.f16 {font-size: 16px;}
.f18 {font-size: 18px;}
.f20 {font-size: 20px;}
.fb {font-weight: bold;}
.t-right {text-align: right;}
.t-center {text-align: center;}

.m10 {margin: 10px;}
.m20 {margin: 20px;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.p10 {padding: 10px;}
.p20 {padding: 20px;}
.pt10 {padding-top: 10px;}
.pt20 {padding-top: 20px;}
.pb10 {padding-bottom: 10px;}
.pb20 {padding-bottom: 20px;}

html, body {-webkit-tap-highlight-color: rgba(0,0,0,0);}
body {min-width: 1440px; max-width: 1920px; color: #333;}
a {color: #2184c2; text-decoration: none;}
a:hover {color: #184f78; text-decoration: none;}

/* top-bar */
.top-bar {position: relative; width: 1260px; height: 89px; margin: 0 auto; background: url(../assets/top_bg.jpg) no-repeat;}
.logo {display: block; width: 226px; height: 86px; font-size: 0; background: url(../assets/logo.png) no-repeat;}
.nav-box {position: absolute; top: 0; right: 0; width: 860px; padding-right: 60px;}
.nav-list {display: flex; justify-content: space-between; padding-top: 50px;}
.nav-list li {font-size: 16px; font-weight: bold;}
.nav-list li a {color: #2184c2;}
.nav-list li a:hover {color: #184f78;}
.nav-list .cur {font-size: 18px;}
.nav-list .cur a {color: #2184c2;}

/* img-focus */
.img-focus {position: relative; width: 1260px; height: 300px; margin: 0 auto; overflow: hidden;}
.img-focus img {width: 1260px; height: 300px;}
.focus-num {position: absolute; bottom: 10px; right: 15px; font-size: 0;}
.focus-num span {display: inline-block; width: 18px; height: 20px; margin-left: 8px; color: #fff; font-size: 12px; line-height: 20px; text-align: center; cursor: pointer; background-color: #333; transition: .6s;}
.focus-num .on {background-color: #be3624;}

.home-con {width: 950px; margin: 10px auto; overflow: hidden;}
.home-main {float: left; width: 620px;}
.home-sub {float: right; width: 315px;}
.gray-box {padding: 10px; margin-bottom: 10px; border: 3px solid #d2d2d2; background-color: whitesmoke;}
.gray-box h2 {padding: 6px 10px 15px; margin-bottom: 16px; color: #2442a0; font-size: 18px; font-weight: bold; line-height: 20px; border-bottom: 1px solid #ccc;}
.pro-brief {padding: 10px; border: 1px solid #e7e7e7; background-color: #fff; overflow:  hidden;}
.pro-brief dt {float: left; width: 150px;}
.pro-brief dd {float: right; width: 380px; padding-right: 10px;}
.pro-brief dd p {margin-bottom: 5px; font-size: 14px; line-height: 1.8;}
.white-box {min-height: 300px; padding: 10px; border: 1px solid #ccc; background-color: #fff;}
.white-box p {font-size: 14px; line-height: 1.8;}
.list-type li {padding-bottom: 15px; margin-bottom: 15px; font-size: 14px; line-height: 1.8; border-bottom: 1px dotted #ccc;}
.list-type li:last-child {margin-bottom: 0; border-bottom: none;}

.main-img {width: 1260px; height: 320px; margin: 0 auto; background: url(../assets/3fab6466c6438556e8e273149ba65347.jpg) no-repeat;}
.content {width: 950px; padding: 10px; margin: -52px auto 0; overflow: hidden; background-color: #fafafa;}
.sub-menu {float: left; width: 180px; border: 1px solid #00609c; border-bottom: none; background-color: #0094f1;}
.sub-menu li {width: 148px; height: 30px; padding: 0 16px; color: #fff; font-size: 14px; line-height: 30px; cursor: pointer; border-bottom: 1px solid #00609c;}
.sub-menu .on {background-color: #006aac;}
.main-breif {float: left; width: 747px; padding: 10px; min-height: 430px; margin-left: -1px; border: 1px solid #00609c;}
.m-title {color: #152290; font-size: 18px; font-weight: bold; line-height: 36px;}
.lead-box {padding-bottom: 10px; color: #878fa3; font-size: 14px; line-height: 28px; overflow: hidden; border-bottom: 1px solid #ccc;}
.game-detail {padding: 10px 20px; overflow: hidden;}
.game-detail dt {float: left; width: 150px;}
.game-detail dt img {width: 150px;}
.game-detail dd {float: right; width: 520px; line-height: 2;}
.game-feature {padding-top: 10px; border-top: 1px solid #ccc; line-height: 1.8;}
.game-msg h3, .msg-tilte {color: #2a499c; font-size: 16px; font-weight: bold;}
.game-detail dd p {font-size: 14px;}
.gf-list {padding-bottom: 10px;}
.gf-list li {padding-top: 10px; margin-top: 10px; font-size: 14px; border-top: 1px solid #ccc;}
.message .gf-list li:first-child {padding-top: 0; margin-top: 0; border-top: none;}

.message {line-height: 1.8;}
.pic-list {display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 10px;}
.pic-list li {width: 364px; margin-bottom: 10px;}
.pic-list li img {width: 100%;}
.fcolor1 {color: #2a499c;}

/* footer */
.footer {width: 1240px; padding: 10px; margin: 10px auto 0; background-color: #d4d5d5;}
.footer-box {padding: 20px 0 10px; color: #3c3c3c; text-align: center; border-top: 1px solid #616161;}
.footer-box p {font-size: 14px; line-height: 1.8;}