﻿@charset "utf-8";
/* CSS Document */
body{ font-size:12px; font-family:"微软雅黑","Arial Narrow"; margin: 0px auto; background:url(../images/bg.gif); color:#484848}
body,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,p{ margin:0px; padding:0px;}
ul,li{list-style-type:none;}
img{ border: none; }
em{ font-style:normal}
select{height:20px;font-size:12px;font-family:"微软雅黑","Arial Narrow";}
a{color:#454545; text-decoration:none;}
a:hover{ text-decoration:underline; color:#cb6815}
h1{ font-size:20px}
h2{ font-size:16px}
h3{ font-size:14px; font-weight:bold}
h4{ font-size:15px}
h5{ font-size:12px}

.clear{ clear:both}
.hover a{ color:#cb6815;}

div.header{ width:100%; height:80px; margin:0px auto; background:#042c38;}
div.header div.head{ width:1200px; height:80px; margin:0px auto; padding:0px;}
div.header div.head h2{ float:left; padding-top:8px; padding-left:50px;}
div.header div.head h2 img{ width:auto; height:auto;}
div.header div.head div.nav{ float:right; padding-right:40px; color:#ffffff; font-size:20px;}
div.header div.head div.nav ul li{ float:left; margin:0 30px; padding:25px 0px 25px 0px;}
div.header div.head div.nav ul li.active{ border-bottom:2px solid #cb6815;}
div.header div.head div.nav ul li:hover{ border-bottom:2px solid #cb6815;}
div.header div.head div.nav ul li a{ color:#ffffff;}
div.header div.head div.nav ul li a:hover{ text-decoration:none;}

div.wContent{ width:100%; height:843px; margin:0px auto; margin-top:0px; padding:0px; background: url(../images/homeUp.png) no-repeat center top; overflow: hidden;}
div.wContent div.wM{ width:100%; height:843px; background:none; padding:0px; border:0px solid #cacac5;}
div.wContent div.wM div.homeFocus{ width:1000px; height:200px; margin:465px auto 0px; position:relative;}
div.wContent div.wM div.homeFocus .box{ width:960px; height:200px; border:0px solid red; margin:0 auto; overflow:hidden; position:relative;}
div.wContent div.wM div.homeFocus #roll{ width:200%;}
div.wContent div.wM div.homeFocus #roll a:hover{ text-decoration:none;}
div.wContent div.wM div.homeFocus #roll dd{ float:left; width:210px; height:200px; margin:0 5px; padding:10px; background:#2d897c;}
div.wContent div.wM div.homeFocus #roll dd:hover{ background:#ec7600;}
div.wContent div.wM div.homeFocus #roll dd:hover h2{ color:#ffffff;}
div.wContent div.wM div.homeFocus #roll dd h2{ color:#eb720d; font-size:20px; margin:-5px auto 0px;}
div.wContent div.wM div.homeFocus #roll dd h2 span{ color:#ffffff;}
div.wContent div.wM div.homeFocus #roll dd img{
	width: 188px;
	height: 110px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 10px;
}
div.wContent div.wM div.homeFocus #roll dd h3{ color:#f2f9e2; font-size:14px;}
div.wContent div.wM div.homeFocus .prev, div.wContent div.wM div.homeFocus .next{ position:absolute; bottom:38%; display:inline-block; width:32px; text-align:center; cursor:pointer; background:none; z-index:90; color:#fff;}
div.wContent div.wM div.homeFocus .prev{ right:0px; margin-right:-25px;}
div.wContent div.wM div.homeFocus .next{ left:0px; margin-left:-25px;}

div.content{ width:1200px; margin:0px auto; margin-top:0px; padding:0px;}
div.content div.m{ width:1200px; background:none; padding:0px; border:0px solid #cacac5;}
div.content div.m div.game{ width:1200px; height:auto; margin:20px auto;}
div.content div.m div.gameLi{ margin:20px auto;}
div.content div.m div.gameLi .gameIntro{ position:relative; width:1200px; height:230px; background: url(../images/downBg.jpg) repeat-y; border-radius:30px;}
div.content div.m div.gameLi .gameIntro .gamePic{ float:left; width:200px; height:200px; margin-left:15px; margin-top:15px;}
div.content div.m div.gameLi .gameIntro .gamePic img{ width:200px; height:200px;}
div.content div.m div.gameLi .gameIntro .gameDes{ float:left; width:930px; margin:14px 0 0 25px;}
div.content div.m div.gameLi .gameIntro .gameDes h3{ color:#ffffff; font-size:24px; margin-bottom:10px;}
div.content div.m div.gameLi .gameIntro .gameDes p{ color:#ffffff; font-size:16px; line-height:23px;}
div.content div.m div.gameLi .gameIntro .gameDown{ position:absolute; right:20px; top:20px;}
div.content div.m div.gameLi .gameIntro .gameDown span{ margin:0px 10px;}
div.content div.m div.gameLi .gameIntro .gameDown span.noDown{ filter: Alpha(opacity=30);opacity:0.3;}
div.content div.m div.gameLi .gamePhoto{ clear:both; width:1055px; height:auto; margin:0px auto; padding:17px 0 15px; background:#103e4b; border-radius:0 0 30px 30px;}
div.content div.m div.gameLi .gamePhoto img{ width:190px; height:130px; margin-left:17.3px;}
div.content div.m div.jobBg{ width:1200px; height:1236px; margin:15px auto;}
div.content div.m div.job{ width:1200px; height:1236px; position:absolute; top:95px; left:50%; margin-left:-600px; border:0px solid #cacac5;}
div.content div.m div.job .jobLi{ width:1200px; height:137.33333333333px; position:relative; text-align:center;}
div.content div.m div.job .jobLi a{ text-decoration:none;}
div.content div.m div.job .jobLi h2{ color:#ffffff; font-size:28px; line-height:550%;}
div.content div.m div.job .jobLi h2:hover{ color:#eb720d;}
div.jobDetail .jobLiDetailTitle{ width:850px; height:40px; margin:50px auto 10px;}
div.jobDetail .jobLiDetailTitle h3{ float:left; color:#ca3d1f; font-size:25px;}
div.jobDetail .jobLiDetailTitle .money{ float:right; color:#525858; font-size:18px; line-height:35px; font-weight:600;}
div.jobDetail .jobLiDetailIntro{ clear:both; width:850px; height:auto; margin:20px auto 0px;}
div.jobDetail .jobLiDetailIntro h4{ color:#96a44f; font-size:20px;}
div.jobDetail .jobLiDetailIntro p{ color:#525858; font-size:18px; line-height:25px;}
div.content div.m div.aboutBg{ width:1200px; height:835px; margin:0px auto -80px; z-index:1; float:left;}
div.content div.m div.about{ width:560px; height:400px; position:absolute; top:150px; left:50%; margin-left:-385px; border:0px solid #cacac5;}
div.content div.m div.about .aboutUs{}
div.content div.m div.about .aboutUs h2{ color:#16414a; font-size:28px;}
div.content div.m div.about .aboutUs .usInfo{ margin-top:10px; color:#16414a; font-size:16px;}
div.content div.m div.about .aboutUs .usInfo p{ text-indent:32px; line-height:22px;}
div.content div.m div.about .contactUs{ margin-top:80px;}
div.content div.m div.about .contactUs .conUsL{ float:left;}
div.content div.m div.about .contactUs .conUsL h3{ margin-bottom:10px; color:#ffffff; font-size:18px;}
div.content div.m div.about .contactUs .conUsL p{ color:#b6f9ff; font-size:15px; line-height:20px;}
div.content div.m div.about .contactUs .conUsR{ width:160px; height:120px; float:right; margin-right:30px; border:2px solid #b2cdcb; cursor: pointer;}
div.content div.m div.about .contactUs .conUsR img{ width:160px; height:120px;}

div.footerUp{ clear:both; width:100%; height:38px; background:url(../images/footerUp.png); margin:0px auto; margin-top:5px; padding:0px; text-align:center; z-index:-1; float:left;}
div.footer{ clear:both; width:100%; height:68px; margin:0px auto; margin-top:0px; padding-top:12px; text-align:center; background:#042c38; color:#456c6a; font-size:15px; z-index:2; float:left;}
div.footer p{ line-height:30px;}
div.footer span{ color:#456c6a;}
