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

/*------------------- reset -------------------*/
body {padding: 0; margin: 0; 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;}
.f16 {font-size:18px;}
.f20 {font-size:20px;}
.fb {font-weight: bold;}

.block-size {position: relative; width: 1200px; margin: 0 auto;}
#topbar {padding: 5px 0; background: #fff;}
.navlist {position: absolute; top: 20px; right: 0; overflow: hidden; zoom: 1;}
.navlist li {float: left; padding: 0 15px; font-size: 16px; line-height: 24px;}
.navlist li a {color: #555;}
.navlist li a:hover {color: #3980af; text-decoration: none;}
.main-img {height: 400px; text-indent: -9999px; background: url(../img/img_main.jpg) no-repeat center top;}
.about-us {padding: 75px 0 40px; background: #f4f4f4;}
.title {position: absolute; top: 75px; left: 20px;}
.about-us .title {top: 0;}
.en-title {position: relative; display: inline-block; padding-bottom: 5px; border-bottom: 2px solid #8df1e2; color: #c7c7c7; font: normal 35px/40px Arial; text-transform: uppercase;} 
.en-title i {position: absolute; top: 45px; left: 0; width: 50%; height: 2px; background: #43beab;}
.ch-title {display: block; margin-top: 15px; color: #363636; font-size: 22px; font-weight: bold; line-height: 30px;}
.pic-view {float: left; display: inline; padding: 76px 0 0 199px;}
.brief {float: right; width: 510px; padding: 60px 20px 0 0;}
.brief h2 {margin-bottom: 25px; font-size: 22px; font-weight: bold; line-height: 34px;}
.describe {color: #555; font-size: 18px; line-height: 34px;}
.ser-con {width: 810px; padding: 220px 0 110px 210px;}
.tag-list {margin-bottom: 48px; border-bottom: 1px solid #c7c7c7;}
.tag-list li {float: left; display: inline; width: 25%; text-align: center;}
.tag-list li a {display: inline-block; padding-bottom: 10px; color: #333; font-size: 20px; line-height: 30px; border-bottom: 2px solid #fff;}
.tag-list li a:hover, .tag-list li .on {color: #43beab; text-decoration: none; border-bottom-color: #43beab;}
.ser-detail dl {overflow: hidden; zoom: 1;}
.ser-detail dt {float: left; display: inline; width: 355px; margin-top: 5px;}
.ser-detail dt img {width: 355px; height: 237px;}
.ser-detail dd {float: right; width: 420px;}
.ser-detail dd h2 {padding-bottom: 10px; margin-bottom: 10px; color: #43beab; font-size: 20px; line-height: 22px; border-bottom: 1px dotted #d0d0d0;}
.ser-detail dd p {color: #555; font-size: 18px; line-height: 34px;}
.partner {height: 433px; text-indent: -9999px; background: url(../img/img_partner.jpg) no-repeat center top;}
.contact-con {padding: 220px 0 120px 20px;}

#footer {padding: 50px 0; background: #e5e5e5;}
.footer_inner li {float: left; padding: 0 15px;}
.footer_inner img {margin-right: 5px; vertical-align: middle;}
#footer p {color: #555; font-size: 14px; line-height: 22px;}
#footer a {color: #7b7b7b;}
#footer a:hover {color: #333; text-decoration: none;}

#topban {height: 90px; background: url(../img/topban.jpg) no-repeat center 0 #308aa1}
.pTitle {margin-bottom: 40px; padding: 40px 0 16px; border-bottom: 1px solid #e2e2e2; color: #5c6175; font: bold 18px "Microsoft Yahei";}
.mainBox {min-height: 300px; margin-bottom: 50px; line-height: 30px;}
.fstyle01 {color: #367faf; font: bold 16px/30px "Microsoft Yahei";}

/*------------------- privacy -------------------*/
.privacy {color: #555; font-size: 13px; line-height: 24px;}
.privacy h2 {margin: 20px 0 15px; text-align: center; color: #333; font-size: 24px; font-weight: bold; line-height: 36px;}
.privacy h3 {margin-bottom: 5px; color: #333; font-size: 16px; font-weight: bold;}
.privacy p {margin-bottom: 15px; font-size: 13px;}

.game-list dl {float: left; width: 338px; height: 100px; padding: 15px; margin: 0 30px 30px 0; border: 1px solid #e2e2e2; overflow: hidden; border-radius: 5px; background-color: #f9f9f9;}
.game-list dt {float: left; width: 160px;}
.game-list dd {float: right; width: 160px;}
.g-pic img {width: 160px; height: 100px;}
.g-title {margin: 6px 0 12px; color: #555; font-size: 16px; font-weight: bold; line-height: 20px;}
.g-title a {color: #555;}
.g-title a:hover {color: #00648e; text-decoration: none;}
.g-txt {font-size: 13px; color: #787878; line-height: 20px;}