@charset "utf-8";
/*reset.css*/
html{ font-size:100%;}
body { margin:0; color: #565656; font:12px/1.5 "microsoft yahei", Arial, sans-serif;}
dl, dd, h1, h2, h3, h4, h5, h6, p, ul, ol { margin:0; font-style:normal;}
ul, ol { padding-left:0; list-style-type:none;}
img { border:0;}
a { color: #333; text-decoration:none; outline: 0 none;}
a:hover { color: #000; text-decoration:none;}
a, button { cursor:pointer}
table { border-collapse:collapse; border-spacing:0}
input, select, img { vertical-align:middle;}
a, input, button { padding:0; margin:0; outline:0}
i,em {font-style: normal;}
.fl { float: left; display: inline;}
.fr { float: right; display: inline;}
.dib { display: inline-block; vertical-align: top; *display: inline; *zoom: 1;}
.tc { text-align: center;}
.fz14 { font-size: 14px;}
.fix {zoom:1;}
.fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden;}
.none { display: none;}
.hidden { width: 0px; height: 0px; overflow: hidden;}
body{background:#fff; overflow-x:hidden;}

.wrap{width:1000px; margin:0 auto;}
.mod-tit{font:0/0 a; overflow:hidden;}
.nbtn{font:0/0 a; overflow:hidden; background:url(/images/gujian2/yxjs/btn.png) 0 0 no-repeat;}
.header{height:880px; background:url(/images/gujian2/yxjs/bg.jpg) center top no-repeat;}
.mod1{height:871px; background:url(/images/gujian2/yxjs/bg2.jpg) center top no-repeat;}
.mod2{height:713px; background:url(/images/gujian2/yxjs/bg3.jpg) center top no-repeat;}
.mod3{height:674px; background:url(/images/gujian2/yxjs/bg4.jpg) center top no-repeat;}
.mod4{height:857px; background:url(/images/gujian2/yxjs/bg5.jpg) center top no-repeat;}
.mod5{height:791px; background:url(/images/gujian2/yxjs/bg6.jpg) center top no-repeat;}

/* 头部 */
.logo{padding-top:11px;}
.entergame{width:144px; height:46px; background-position:0 0; margin-top:20px;}
.entergame:hover{background-position:-151px 0;}
.act-user{width:330px; text-align:right; padding:30px 20px 0 0; font:14px/24px \5FAE\8F6F\96C5\9ED1; color:#666;}
.act-user a{color:#666;}
.top-menu{height:782px;}
.top-links{padding-left:226px;}
.top-links a{float:left; display:inline; width:229px; height:75px; margin-right:93px;}
.wd-btn{background-position:0 -56px;}
.wd-btn:hover{background-position:0 -134px;}
.start-btn{background-position:-233px -56px;}
.start-btn:hover{background-position:-233px -134px;}

/* mod1 */
.mot1{height:224px;}
.into-img{height:380px;}
.into-txt{font:18px/24px \5FAE\8F6F\96C5\9ED1; color:#fff; text-indent:2em;}

/* mod2 */
.mot2{height:63px;}
.job-box{position:relative;}
.job-con{width:1000px; height:552px; position:relative; overflow:hidden;}
.job-tit{position:absolute; top:194px; left:26px; width:55px; height:347px; background:url(/images/gujian2/yxjs/role.jpg) 0 5px no-repeat; z-index:3;}
.job-tit li{margin-top:26px; width:55px; height:57px; cursor:pointer; overflow:hidden;}
.job-tit li p{width:100%; height:100%; font:0/0 a; overflow:hidden;}
.job-tit li.cur p{background:url(/images/gujian2/yxjs/role.jpg) 0 0 no-repeat;}
.job-tit li.cur .role1{background-position:-58px -21px;}
.job-tit li.cur .role2{background-position:-58px -104px;}
.job-tit li.cur .role3{background-position:-58px -187px;}
.job-tit li.cur .role4{background-position:-58px -270px;}
.job-list{height:552px; padding-left:120px;}
.job1{background:url(/images/gujian2/yxjs/role.png) 0 0 no-repeat;}
.job2{background:url(/images/gujian2/yxjs/role2.png) 0 0 no-repeat;}
.job3{background:url(/images/gujian2/yxjs/role3.png) 0 0 no-repeat;}
.job4{background:url(/images/gujian2/yxjs/role4.png) 0 0 no-repeat;}
.job-txt{padding-top:286px; width:486px; height:214px; overflow:hidden; font:14px/32px \5FAE\8F6F\96C5\9ED1; color:#757575; text-indent:2em;}
.job-detail a{display:block; width:80px; height:24px; border:1px solid #ac6c21; text-align:center; font:14px/24px \5FAE\8F6F\96C5\9ED1; color:#ac6c21;}
.job-detail a:hover{border-color:#d97704; color:#d97704;}

/* mod3 */
.mot3{height:237px;}
.feature{height:317px; overflow:hidden; position:relative; margin-left:-1px;}
.feature dl{overflow:hidden; position:absolute; top:0; left:0;} 
.feature dt{width:100px; height:317px; cursor:pointer; position:relative; float:left; text-align:center; color:#de9677; background-image:url(/images/gujian2/yxjs/job.jpg); background-repeat:no-repeat;} 
.feature dt.on{background-position:-101px 0;}
.feature dt h3{float:left; display:inline; width:32px; padding:26px 0 0 23px; font:26px/28px \5FAE\8F6F\96C5\9ED1;}
.feature dt p{float:left; display:inline; width:20px; padding-top:26px; font:14px/15px \5FAE\8F6F\96C5\9ED1;}
.feature dd{width:500px; height:317px; overflow:hidden; float:left; background-color:#fff;}
.feature dd .fCon{width:500px; height:317px; overflow:hidden;}

/* mod4 */
.mot4{height:243px;}
.jt-box{width:988px; padding-left:9px;}
.jt-box .bd{position:relative; height:504px; overflow:hidden;}
.jt-box .bd ul{width:988px; height:504px; float:left; display:inline; overflow:hidden; zoom:1;}
.jt-box .bd li{float:left; display:inline; width:247px; height:168px;}
.jt-img{display:block; width:240px; height:161px; overflow:hidden; position:relative; background-color:#000;}
.jt-box .bd li img{width:240px; height:161px; opacity:.5; filter:alpha(opacity=50); -webkit-transition:-webkit-transform .3s ease-in-out; transition:-webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out; cursor:pointer;}
.jt-box .bd li:hover img{opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1.1); transform: scale(1.1);}
.jt-box .hd{padding-top:21px; text-align:center;}
.jt-box .hd li{display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin:0 10px; width:24px; height:24px; background-color:#fff; border-radius:50%; font:0/0 a; overflow:hidden; cursor:pointer;}
.jt-box .hd li.on{background-color:#dd9273;}

/* mod5 */
.mot5{height:267px;}
.video-box{width:650px; height:366px; margin:0 auto; position:relative; overflow:hidden; background-color:#000;}
.video-box img{width:650px; height:366px; opacity:.5; filter:alpha(opacity=50); -webkit-transition:-webkit-transform .3s ease-in-out; transition:-webkit-transform .3s ease-in-out; transition: transform .3s ease-in-out; transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out; cursor:pointer;}
.video-box:hover img{opacity:1; filter:alpha(opacity=100); -webkit-transform:scale(1.1); transform:scale(1.1);}
.video-mask{position:absolute; width:80px; height:80px; left:50%; top:50%; margin:-40px 0 0 -40px; background:url(/images/gujian2/yxjs/video.png) 0 0 no-repeat;}


* html,* html body{background-image:url(about:blank);background-attachment:fixed}
* html body{position:relative; height:100%; overflow-x:hidden;}
* html .mask{position:absolute; top:expression(eval(document.documentElement.scrollTop))}
* html .video-click{position:absolute; top:expression(eval(document.documentElement.scrollTop)+300)}
.mask{width:100%; height:100%; position:fixed; top:0px; left:0px; opacity:0.5; background:#000; filter:alpha(opacity=50); z-index:1000;}
.video-click{width:640px; height:360px; border:6px solid #c9b275; background:#000; display:none; position:fixed; left:50%; top:50%; margin:-186px 0 0 -326px; z-index:1002;}
.video-close{width:30px; height:30px; line-height:30px; color:#fff; font-size:24px; text-align:center; position:absolute; top:0; right:0;}
.video-close:hover{color:red;}
.video-con{width:640px; height:360px;}

/* 侧边导航 */
* html,* html body{background-image:url(about:blank);background-attachment:fixed;}
.sidebar{position:fixed; width:212px; height:416px; right:10px; top:50%; margin-top:-208px; z-index:10; _position:absolute; _top:expression(eval(document.documentElement.scrollTop)+300); background:url(/images/gujian2/yxjs/slider.png) right top no-repeat;}
.g-menu-ul a{display:block; width:100%; height:41px; margin-bottom:34px; color:#fff; text-indent:58px; font:20px/41px \5FAE\8F6F\96C5\9ED1; letter-spacing:3px;}
.g-menu-ul a.active{color:#fff000;}