@charset "utf-8";



/* CSS Document */







body{ background:url(../images/bg.jpg) repeat-y 0 0;}



.bg01{ background:url(../images/pageBg01.jpg) no-repeat left top;}



.bg02{ background:url(../images/pageBg02.jpg) no-repeat left bottom;}







.wrap{ float:left; min-height:1510px; _height:1530px; background:url(../images/pageWrap.jpg) no-repeat left top;}



.nav a{ background:url(../images/pageNav.gif) no-repeat 0 0;}



.nav a:hover,.nav a.on{ background-image:url(../images/pageNavOn.gif); background-repeat:no-repeat;}



.info .bg01{ background:url(../images/infoBg01.jpg) no-repeat left top;}



.info .wrap{ background:url(../images/infoWrap.jpg) no-repeat left top;}



.info .nav a{ background-image:url(../images/infoNav.gif); background-repeat:no-repeat;}



.info .nav a:hover,.info .nav a.on{ background-image:url(../images/infoNavOn.gif); background-repeat:no-repeat;}



.footer{ padding:44px 0 10px 278px; _padding:36px 0 10px 278px;}



.footer .fDiv{ padding-bottom:0;}







/*--------左侧---------*/



.imgList{ width:220px; overflow:hidden; margin:0 auto;}



.imgList a{ width:220px; height:98px; overflow:hidden; display:block; margin:18px auto 0; position:relative;}



.imgList a img{filter:alpha(opacity=80);opacity:.8;}



.imgList a:hover img{filter:alpha(opacity=100);opacity:1;}



.imgList a var{ width:210px; height:88px; display:none; cursor:pointer; border:5px solid #11273d;position:absolute;top:0;left:0;filter:alpha(opacity=50);opacity:.5;}







.col3T{width:921px; height:65px; margin:0 auto; position:relative;}



.col3T h3{background-image:url(../images/pageTit.gif); background-repeat:no-repeat;width:921px;height:65px; text-indent:-999em;}



.h01{ background-position:0 -130px;}



.h02{ background-position:0 -195px;}



.h03{ background-position:0 -260px;}



.h04{ background-position:0 0;}



.h05{ background-position:0 -186px;}







/*--- news list ---*/



.breadcrumb{height:18px;line-height:18px; padding:12px 0 10px 26px;color:#3f3f3f; position:absolute; right:18px; top:16px;}



.breadcrumb a{color:#3f3f3f;}



.breadcrumb a:hover{color:#9f7f36;}







.col1Bg{

	width:1000px;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

}



.col1Con{width:1000px; min-height:600px; _height:600px;}



.info .col1Bg,.info .col1Con{ width:885px; min-height:1160px; _height:1160px;}



.col2Con{ min-height:903px; _height:903px; padding-top:4px;}







.listTab{ width:780px;height:34px;overflow:hidden; margin:24px auto 0; position:relative; background:url(../images/pageTbg.gif) no-repeat;}



.listTab ul li{ color:#697ca7;height:34px; line-height:34px;float:left; text-align:center;}



.listTab ul li.n4,.listTab ul li.last{}



.listTab li a{ width:106px; height:34px; line-height:28px; font-size:16px; font-family:"Microsoft Yahei"; color:#697ca7; display:block; float:left; font-weight:bold;}



.listTab li a:hover,.listTab li a.on{ background:url(../images/pageTab.gif) no-repeat; color:#9b803b;}



.listTab li var{ color:#9191a9; width:4px; height:36px; line-height:36px; margin:0; padding:0; float:left;}



.tab2 li a{ width:106px; background:url(../images/pageTab.gif) no-repeat 0 -120px; font-size:18px;}



.tab2 li a:hover,.tab2 li a.on{ background-position:0 -180px;}



.tab2 li a.n3{ width:105px;}



.info .listTab{ width:850px;}







.listMain,.listMain ul{width:780px;margin:0 auto;}



.listMain{

	min-height:860px;

	_height:860px;

	_margin:14px auto 16px;

	margin-top: 30px;

	margin-right: 50px;

	margin-bottom: 16px;

	margin-left: 50px;

}



.listMain dl{width:780px;margin-top:40px;}



.listMain dt{width:54px;margin-left:4px;background:url(../images/riBg.png) no-repeat;float:left;_display:inline;}



.listMain dt p{width:30px;height:25px;line-height:25px; font-family:"Microsoft YaHei";font-size:25px;color:#002a55;}



.listMain dt p.p1{margin-bottom:10px;color:#21628b;}



.listMain dt p.p2{margin-left:25px;}



.listMain dd{width:670px;padding:10px 0 24px 16px;border-left:2px solid #d9d7d4;float:right;}



.listMain dd h3{height:25px;margin-bottom:8px; font-family:"Microsoft YaHei";font-size:18px;}



.listMain dd h3 a{color:#56585d; font-weight:normal;}



.listMain dd h3 a:hover{color:#9f7f36;}



.listMain dd p a{ line-height:26px;color:#5f5b5b;text-overflow:ellipsis; overflow:hidden;}



.listMain dd.hov h3 a,.listMain dd.hov p a{color:#9f7f36;}



.gong{ min-height:918px;}



.info .listMain{min-height:1232px;_height:1232px;}







.conBox{width:850px;margin:0 auto; padding-bottom:160px; position:relative;}



.conBox h1{ background:url(../images/h1.gif) no-repeat center bottom;color:#333;font-size:20px;line-height:30px;margin:0 auto 24px;padding:30px 0 20px;text-align:center; font-family:"Microsoft Yahei"; font-weight:normal;}



.conBox h1 var{color:#5c5c5c;display: block;font-size:14px;font-weight: normal; padding-top:10px;}



.conBox2{ padding-bottom:20px;}



.content{min-height:600px;_height:600px;margin:0 auto;color:#878787;line-height:25px;position:relative; font-size:14px;}



.content img{ display:block; margin:0 auto; padding:8px 0;}



.info .conBox{ width:850px;}



.info .conBox h1{ padding:46px 0 30px;}



.info .content{ padding-bottom:30px;}







/*.mainCon{min-height:296px;_height:296px;margin:0 auto;color:#5c5c5c;line-height:25px;position:relative; font-size:14px;}



.mainCon img{ display:block; margin:0 auto; padding:8px 0;}



.infoCon .mainCon{min-height:597px;_height:597px; padding-bottom:50px;}



.mpMain{width:688px;min-height:597px;_height:597px;margin:0 auto;color:#343434;line-height:25px; font-size:12px;padding-bottom:60px;position:relative;}*/







/*------info--------*/



.gBox{ width:885px; height:136px; overflow:hidden; margin-top:18px; float:left; display:inline-block;}



.gBox a{ width:283px; height:136px; display:block; float:left; margin-right:18px; position:relative; overflow:hidden;}



.gBox a.last{ margin-right:0;}



.gBox a img{filter:alpha(opacity=100);opacity:1;}



.gBox a:hover img{filter:alpha(opacity=80);opacity:.8;}



.gBox span{ text-indent:-999em; display:block; height:0; line-height:0; font-size:0;}



.gBox a var{ width:273px; height:126px; display:none; cursor:pointer; border:5px solid #11273d; position:absolute; top:0; left:0;filter:alpha(opacity=50);opacity:.5;}







/*职业介绍*/



.role{ background:#f5f7f9; width:885px; height:456px; margin:16px auto 0; overflow:hidden; position:relative;}



.role .iNav,.role .iRole{ height:456px; float:left; position:relative;}



.role .iNav{ width:121px;}



.role .iRole{ width:764px; overflow:hidden;}



.role .rNav{ width:82px; height:358px; margin:0; z-index:11; position:absolute; top:17px; left:14px;}



.role .rNav ul{ width:auto; height:358px;}



.role .rNav ul li{ float:left; width:82px; height:82px; margin-top:7px;}



.role .rNav ul li a{ width:82px; height:82px; line-height:82px; display:block; font-size:16px; text-align:center; font-family:"Microsoft Yahei"; color:#697ca7; text-indent:-999em; background-image:url(../images/iNav.gif); background-repeat:no-repeat;}



.role .rNav ul li.cur a{ background-image:url(../images/iNavOn.gif); background-repeat:no-repeat;}



.role .rNav ul li.r1 a{ background-position:0 0;}



.role .rNav ul li.r2 a{ background-position:0 -89px;}



.role .rNav ul li.r3 a{ background-position:0 -178px;}



.role .rNav ul li.r4 a{ background-position:0 -267px;}







.role .rNav ul li a{



	-webkit-transition:all .3s linear 0s;



	-moz-transition:all .3s linear 0s;



	-o-transition:all .3s linear 0s;



	-ms-transition:all .3s linear 0s;



	transition:all .3s linear 0s;



	-webkit-transform:rotateY(0deg);



	-moz-transform:rotateY(0deg);



	-o-transform:rotateY(0deg);



	-ms-transform:rotateY(0deg);



	transform:rotateY(0deg)



}



.role .rNav ul li a:hover{



	-webkit-transform:rotateY(360deg);



	-moz-transform:rotateY(360deg);



	-o-transform:rotateY(360deg);



	-ms-transform:rotateY(360deg);



	transform:rotateY(360deg);



	-webkit-transition:all .4s linear .05s;



	-moz-transition:all .4s linear .05s;



	-o-transition:all .4s linear .05s;



	-ms-transition:all .4s linear .05s;



	transition:all .4s linear .05s



}







.peo{ width:604px; height:456px; overflow:hidden; position:absolute; right:0; top:0; z-index:1;}



.comPeo{ width:604px; height:456px; position:absolute; right:0; top:0;}



.hide{ display:none;}



.rTxt{ width:286px; position:absolute; top:37px; right:480px; z-index:11;}



.rTxt .tDiv{ width:264px; height:364px; padding:20px 0 0 22px; position:absolute; right:0; top:0;}



.rTxt .tDiv h3{ width:120px; height:36px; background:url(../images/iH3.gif) no-repeat; text-indent:-999em;}



.rTxt .tDiv p{ color:#999; text-align:left; height:28px; line-height:28px; width:264px; float:left;}



.rTxt .tDiv p strong{ color:#999;}



.rTxt .tDiv p.r{ padding-top:12px; width:190px; height:160px; overflow:hidden;}



.rTxt .tDiv p.r img{ display:block;}



.rTxt .tDiv p.btn{ height:24px; overflow:hidden; margin-top:16px;}



.rTxt .tDiv p.btn a{ width:83px; height:24px; line-height:24px; color:#697ca7; text-align:center; display:block; background:url(../images/more2.gif) no-repeat 0 -24px; font:12px/24px; margin-left:56px;_vertical-align:text-middle;}



.rTxt .tDiv p.btn a:hover{color:#fff;text-decoration:none;background-position:0 0;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-ms-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;-webkit-animation:ani-gw-link .3s linear .2s 1 normal 300ms 0 ease;-moz-animation:ani-gw-link .3s linear .2s 1 normal 300ms 0 ease;-ms-animation:ani-gw-link .3s linear .2s 1 normal 300ms 0 ease;-o-animation:ani-gw-link .3s linear .2s 1 normal 300ms 0 ease;animation:ani-gw-link .3s linear .2s 1 normal 300ms 0 ease;-moz-animation:ani-gw-link .3s linear .2s 1 normal;-webkit-animation:ani-gw-link .3s linear .2s 1 normal;-o-animation:ani-gw-link .3s linear .2s 1 normal;-ms-animation:ani-gw-link .3s linear .2s 1 normal;animation:ani-gw-link .3s linear .2s 1 normal}



@-webkit-keyframes ani-gw-link{0%{-webkit-transform:translate(0,0)}50%{-webkit-transform:translate(0,3px)}100%{-webkit-transform:translate(0,0)}}



@-moz-keyframes ani-gw-link{0%{-moz-transform:translate(0,0)}50%{-moz-transform:translate(0,3px)}100%{-moz-transform:translate(0,0)}}



@-o-keyframes ani-gw-link{0%{-o-transform:translate(0,0)}50%{-o-transform:translate(0,3px)}100%{-o-transform:translate(0,0)}}



@-ms-keyframes ani-gw-link{0%{-ms-transform:translate(0,0)}50%{-ms-transform:translate(0,3px)}100%{-ms-transform:translate(0,0)}}



@keyframes ani-gw-link{0%{transform:translate(0,0)}50%{transform:translate(0,3px)}100%{transform:translate(0,0)}}







.ifoDiv{ width:640px; background:#f0f0f0; border:1px solid #c1c1c1; color:#6b6b6b; margin:14px auto 0; padding:6px 24px;}



.ifoDiv a{ display:inline-block; color:#6b6b6b; width:80px; height:30px; line-height:30px; text-align:center;}



.ifoDiv a:hover,.ifoDiv a.on{ color:#ad8732; font-weight:bold;}







.sys{ width:885px; margin:0 auto; overflow:hidden;}



.sys h3{ background:url(../images/infoTit.gif) no-repeat 0 bottom; width:885px; height:34px; line-height:30px; font-size:16px; font-family:"Microsoft Yahei"; color:#697ca7; text-align:left; padding:22px 0 0 20px;}



.sys .list{ width:885px; overflow:hidden; padding:14px 0 0; display:inline-block; color:#878787;}



.sys .list a{ width:92px; height:30px; line-height:30px; color:#878787; display:inline-block; text-align:center; padding-right:6px;}



.sys .list a:hover{ color:#9f7f36;}



.s2{ margin:2px auto 0; width:850px;}







/*--- picList ---*/



.picTab{ height:46px;}



.picTab ul li{ height:46px; line-height:46px; margin-right:22px;}



.picTab li a{ background-position:0 -66px;}



.picTab li a:hover,.picTab li a.on{ background-position:0 -112px;}



.picDiv,.musicDiv,.videoDiv{min-height:600px;_height:600px; width:840px; margin:0 auto;}



.picDiv ul{padding:2px 0 0; width:840px; overflow:hidden;}



.picDiv ul li{margin:18px 10px 0;float:left; vertical-align:top; _display:inline;}



.picDiv li a{ position:relative;}



.picDiv li a,.picDiv li a img{width:399px;height:257px; vertical-align:top;display:inline-block; padding:0;}



.picDiv li a{width:399px;height:257px; display:block; float:left; overflow:hidden;}



.picDiv li a img{filter:alpha(opacity=100);opacity:1;}



.picDiv li a:hover img{filter:alpha(opacity=80);opacity:.8;}



.picDiv li a var{ width:383px; height:241px; display:none; cursor:pointer; border:8px solid #11273d;position:absolute;top:0;left:0;filter:alpha(opacity=50);opacity:.5;}



.musicDiv .listTab{ width:840px;}











.musicDiv h3{ width:780px; height:36px; line-height:36px; margin:0 auto; padding:12px 0 0; color:#242424; font-weight:bold; font-size:14px;}



.musicDiv h3 span{ float:left; padding:0 6px 0 22px;}



.musicDiv .lis{ width:600px; padding:0;}



.musicDiv .listDiv{ width:780px; margin:0 auto;}



.musicDiv .listDiv .list{ color:#515e6e; height:50px; line-height:50px; border-bottom:1px solid #dadadc;}



.musicDiv .listDiv .list a{ width:600px; color:#515e6e; display:block;}



.musicDiv .listDiv .list a:hover{ color:#9b803b;}



.musicDiv .listDiv .lis{ float:left; font-size:14px;}



.musicDiv .listDiv .btn{ float:left; height:36px; padding:14px 0 0;}



.musicDiv .listDiv .btn a{ display:inline-block; width:20px; height:20px; text-indent:-999em; background-image:url(../images/musicBtn.gif); background-repeat:no-repeat; overflow:hidden; margin:0 13px 0 26px; float:left;}



.musicDiv .listDiv .btn a.test{ background-position:0 0;}



.musicDiv .listDiv .btn a.pause{ background-position:0 -20px;}



.musicDiv .listDiv .btn a.download{ background-position:0 -40px;}



.musicDiv .listDiv .btn a.transmit{ background-position:0 -60px;}



.musicDiv .listDiv .btn a.test:hover{ background-position:-20px 0;}



.musicDiv .listDiv .btn a.download:hover{ background-position:-20px -40px;}



.musicDiv .listDiv .btn a.transmit:hover{ background-position:-20px -60px;}







.videoDiv{ width:818px; height:800px; overflow:hidden; position:relative; margin:0 auto;}



.videoDiv .listTab{ width:818px; padding-bottom:40px;}



.videoDiv .listDiv{ background:url(../images/vBg.jpg) no-repeat; width:818px;margin:0 auto; position:relative; z-index:4;}



.videoDiv .listBox{ position:relative;}



.videoDiv .list{ width:818px; height:460px; position:relative; overflow:hidden;-webkit-perspective: 1300px;}



.videoDiv .vList{width:99300px; position:relative;-moz-perspective:1300px;}



.videoDiv .vList img{display:block; width:990px; height:376px; cursor:pointer;}



.videoDiv .vList li{width:818px; height:460px; float:left;-webkit-transform-origin:50% 100%;transform-origin:50% 100%;}



.videoDiv .vList li.onpre{-webkit-animation:onpre .5s ease-in-out;animation:onpre .5s ease-in-out;opacity:0;-webkit-transform:scale(0.8,0.8);transform:scale(0.8,0.8);}



.videoDiv .small{width:818px; overflow:hidden; padding:30px 0 10px; margin:0 auto; position:relative;}



.videoDiv .smaList{width:4655px; position:relative;}



.videoDiv .smaList img{display:block; width:191px; height:94px;}



.videoDiv .smaList li{float:left; cursor:pointer; margin-right:18px;}



.videoDiv .smaList li.last{ margin-right:0;}



.videoDiv .smaList li a{ display:block; width:191px; height:94px; position:relative; background-image:url(../images/v.jpg); background-repeat:no-repeat;}



.videoDiv .smaList li a:hover,.videoDiv .smaList li.on a{ z-index:100; background-image:url(../images/vOn.jpg); background-repeat:no-repeat;}



.videoDiv .smaList li a.a1{ background-position:0 0;}



.videoDiv .smaList li a.a2{ background-position:0 -94px;}



.videoDiv .smaList li a.a3{ background-position:0 -188px;}



.videoDiv .smaList li a.a4{ background-position:0 -282px;}







.share{width:438px;height:22px;position:absolute;right:0;bottom:120px;margin:0;color:#4e425f;overflow:hidden;}



.share a{color:#4e425f; font-family:"宋体"}



.share a:hover{color:#9b803b;}



.wel{height:20px;line-height:20px;margin-right:10px;color:#717b8b; font-size:12px;float:left; font-size:14px;}



.wel a{color:#717b8b;}







/*----- updown  -------*/



.updown{width:830px;padding:16px 10px 10px;position:absolute;left:0;bottom:5px; border-top:1px dashed #ccc;}



.updown li{height:30px;line-height:30px;color:#717b8b; font-size:14px;}



.updown li em{font-weight:bold;color:#717b8b; font-weight:normal;}



.updown li a{color:#717b8b;}



.updown li a:hover{color:#9b803b;}







.gameI{ padding-top:56px;}







/*----- pagnation -------*/



.pagnation{width:540px;height:53px;margin:0 auto;padding:40px 0;text-align:center; position:relative;}



.pagnation a,.pagnation b{width:174px;height:53px;line-height:53px; text-align:center;display:block;color:#fff;margin:0 3px; vertical-align:middle; text-indent:-999em; float:left;} 



.pagnation a:hover,.pagnation b{text-decoration:none;}



.pagnation a.prev,.pagnation a.next,.pagnation a.aIndex,.pagnation a.aLast{width:174px;height:53px; background-image:url(../images/page.gif); background-repeat:no-repeat;}



.pagnation a.prev:hover,.pagnation a.next:hover,.pagnation a.aIndex:hover,.pagnation a.aLast:hover{}



.pagnation a.prev:hover{ background-position:0 -53px;}



.pagnation a.next{ background-position:0 -106px;}



.pagnation a.next:hover{ background-position:0 -159px;}



.pagnation a.prev,.pagnation a.next{ position:absolute; top:40px;}



.pagnation a.prev{ left:5px;}



.pagnation a.next{ left:356px;}



.pagnation p{ width:174px; height:53px; background:url(../images/page.gif) no-repeat 0 -212px; display:block; float:left; text-align:center; vertical-align:middle; position:absolute; top:40px; left:186px;}



.pagnation p span{width:34px;height:53x;line-height:53px; font-family:"Microsoft YaHei";font-size:25px;color:#002a55;}



.pagnation p span.pv{color:#495b85;}



.pagnation p span.nt{margin-left:25px;}







.col2Con .pagnation{ padding:42px 0 35px;}