@charset "utf-8";
/*全局*/
*{margin:0 auto;padding:0; font-size:12px}
html{overflow-y:scroll;overflow-x:hidden}
body{font-size:12px;font-family:Arial,'宋体';line-height:1;color:#fff; background:#060c16}
img{border:0px none;}
li{list-style:none;}
a{text-decoration:none;color:#fff;}
a:hover{ text-decoration:underline}
.container{width:100%; background:url(../images/z_bg.jpg) no-repeat center top}
.header{width:1000px; height:481px;overflow:hidden; background:url(../images/headBg.jpg) no-repeat; position:relative}
.slogan{width:260px; height:100px; position:absolute;filter:alpha(opacity=0);-moz-opacity:0;opacity:0; background:#000;left:90px;bottom:100px}
.nav{width:1000px; height:118px; overflow:hidden;}
.logo{width:246px; height:118px; float:left;}
.navList{ height:29px; float:left; display: inline; margin:38px 0 0 12px}
.navList a{width:82px; height:29px; float:left; display:inline; background:url(../images/headNav.jpg) no-repeat}
.navList a#n1{ background-position:0 0; margin-right:12px;}
.navList a#n1:hover{ background-position:0 -29px}

.navList a#n2{ background-position:-94px 0; margin-right:11px;}
.navList a#n2:hover{ background-position:-94px -29px}

.navList a#n3{ background-position:-187px 0; margin-right:11px;}
.navList a#n3:hover{ background-position:-187px -29px}

.navList a#n4{ background-position:-280px 0; margin-right:13px;}
.navList a#n4:hover{ background-position:-280px -29px}

.navList a#n5{ background-position:-375px 0; margin-right:10px;}
.navList a#n5:hover{ background-position:-375px -29px}

.navList a#n6{ background-position:-467px 0; margin-right:12px;}
.navList a#n6:hover{ background-position:-467px -29px}

.navList a#n7{ background-position:-561px 0; margin-right:11px;}
.navList a#n7:hover{ background-position:-561px -29px}

.navList a#n8{ background-position:-654px 0;}
.navList a#n8:hover{ background-position:-654px -29px}


.server{width:314px; height:31px; position:absolute; left:0px; bottom:72px; padding-left:23px;}
.server p{ line-height:31px;}
.server p span{ color:#f2ff00; margin-right:5px}

.topIcon{ height:53px; position:absolute;left:7px;bottom:5px;}
.topIcon a{width:164px; height:53px; float:left; display:inline; margin-right:4px; background:url(../images/topIcon.jpg) no-repeat}
.topIcon a#c1{ background-position:0 0}
.topIcon a#c1:hover,.topIcon a#c1.hover{ background-position:0 -53px}

.topIcon a#c2{ background-position:-168px 0}
.topIcon a#c2:hover,.topIcon a#c2.hover{ background-position:-168px -53px}

.topIcon a#c3{ background-position:-336px 0}
.topIcon a#c3:hover,.topIcon a#c3.hover{ background-position:-336px -53px}

.middleSide{width:1000px; overflow:hidden; background: #0d2439 url(../images/middleBg.jpg) no-repeat center top}
.mid_1{width:1000px; height:263px; overflow:hidden;}
.mid_1 .lum{width:560px; height:253px; float:left; background:url(../images/lumBg.jpg) no-repeat left bottom; padding-top:10px}

.scrolAD{width:560px; height:253px; position:relative; float:left; display:inline; }
.imgMask{width:560px; height:253px;position:absolute;z-index:1;}
.imgMask .slider1 {position:absolute; width:560px; height:229px; overflow:hidden;left:0; top:0;}
.imgMask .slider1 li{width:560px; height:229px; overflow:hidden; display:none}
.imgMask .slider1 li img{width:560px; height:229px; overflow:hidden;}
.numListOut{z-index:3;position:absolute;left:0px;bottom:0px;overflow:hidden;width:560px; height:18px; padding-top:6px}
.numList { float:right; overflow:hidden}
.numList li{width:12px; height:12px; overflow:hidden; text-align:center; cursor:pointer; margin-right:5px;float:left; display:inline;color:#707070; background:#000; font-size:8px; line-height:12px; }
.numList li.active{ background:#353535; color:#b5b5b5;}

.trait{width:433px; height:253px; overflow:hidden; float:left; padding:10px 0 0 7px}
.trait .indexRela{width:424px; height:45px; overflow:hidden; background:url(../images/indexRelaBg.jpg) no-repeat; margin:0}
.traitOl{height:45px; overflow:hidden; margin:0; float:left;}
.traitOl ul{}
.traitOl ul li{width:73px;height:45px; overflow:hidden; background:url(../images/navLibg.jpg) no-repeat; float:left; text-indent:-9999px; cursor:pointer}

.traitOl ul li#traitLi1_1{ background-position:0 0}
.traitOl ul li#traitLi1_1:hover,.traitOl ul li#traitLi1_1.hover{ background-position:0 -45px}

.traitOl ul li#traitLi1_2{ background-position:-72px 0}
.traitOl ul li#traitLi1_2:hover,.traitOl ul li#traitLi1_2.hover{ background-position:-72px -45px}

.traitOl ul li#traitLi1_3{ background-position:-144px 0}
.traitOl ul li#traitLi1_3:hover,.traitOl ul li#traitLi1_3.hover{ background-position:-144px -45px}

.traitOl ul li#traitLi1_4{ background-position:-216px 0;}
.traitOl ul li#traitLi1_4:hover,.traitOl ul li#traitLi1_4.hover{ background-position:-216px -45px}

.indexRela .abs{height:37px;overflow:hidden;text-align:right; margin:0 10px 0 0; }
.indexRela .abs a{ color:#fff}
.moreIndex{ margin:17px 0 0 0; display:block}


.trait .newTit{width:423px; height:58px; border-bottom:1px dashed #324d65; margin-bottom:3px}
.trait .newTit h5{width:423px; height:36px; overflow:hidden; line-height:36px; text-align:center;color:#fff; font-size:15px;}
.trait .newTit h5 a{ color:#FFEA00; font-size:15px}

.traitTabCont{width:423px; overflow:hidden; height:149px; margin:0}
.traitTabCont ul{width:423px; float:left; display:inline; margin-top:2px}
.traitTabCont ul li{ height:24px; line-height:24px;width:417px; overflow:hidden; float:left; display:inline; margin-bottom:5px}
.traitTabCont h2{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:300px;  font-weight:lighter; float:left}
.traitTabCont h2 a{color:#fff;}
.traitTabCont h2 a.yellow{color:#63a0d9;}

.traitTabCont span{ float:right; color:#fff}


.mid_2{width:1000px; height:750px; overflow:hidden;}
.leftSide{width:312px; float:left;}
.share{width:202px; height:37px; overflow:hidden; background:url(../images/shareBg.jpg) no-repeat;padding:6px 0 0 110px}
.link{width:312px; height:118px; overflow:hidden; background:url(../images/linkBg.jpg) no-repeat}
.link h2,.kefu h2,.media h2,.hands h2,.heath h2{width:312px; height:44px; overflow:hidden; text-indent:-9999999px}
.link .lkList{width:302px; height:74px; overflow:hidden; padding-left:10px}
.link .lkList li{color:#cde6ff;width:80px; height:20px; padding-left:8px; background:url(../images/linkNum.jpg) no-repeat left 7px; float:left; display:inline; line-height:20px; overflow:hidden; margin:12px 0 0 10px; }
.link .lkList li a{color:#cde6ff}
.kefu{width:312px; height:126px; overflow:hidden; background:url(../images/kfBg.jpg) no-repeat; position:relative; }
.kefu ul{width:312px; height:72px; overflow:hidden;padding-top:10px}
.kefu ul li{ margin:0 0 0 15px; color:#cde6ff; line-height:22px;}
.kefu ul li a{color:#cde6ff}
.bug{width:87px; height:56px; position:absolute;right:12px;top:55px;}

.leftB_1{width:299px; height:88px; overflow:hidden; background:#122d43 url(../images/leftB_2Bg.jpg) no-repeat left -10px; padding:11px 0 0 13px}
.leftB_1 li{width:140px; height:80px; float:left; display:inline; margin-right:8px}
.leftB_2{width:299px; height:264px; overflow:hidden; background: url(../images/rmBg.jpg) no-repeat; padding-left:13px}
.leftB_2 h2{width:299px; height:44px; overflow:hidden; text-indent:-9999999px}
.leftB_2 li{width:288px; height:97px; overflow:hidden; float:left; display:inline; margin-top:9px}

.media{width:312px; height:95px; overflow:hidden; background: url(../images/medBg.jpg) no-repeat; position:relative}
.media .more{ position:absolute;right:16px;top:17px;color:#cde6ff}
.media .medIn{width:291px; height:73px; overflow:hidden; padding:15px 0 0 21px}
.medIn ul{ height:54px; overflow:hidden; margin-bottom:30px}
.medIn table{ margin:0}
.medIn ul li{width:86px; height:54px; float:left; display:inline; margin-right:3px;}


.hands{width:312px; height:137px; overflow:hidden; background:url(../images/handsBg.jpg) no-repeat}
.handsIn{width:299px; height:138px; overflow:hidden; padding:16px 0 0 13px}
.handsIn table{ margin:0}
.handsIn ul{width:299px; height:31px; overflow:hidden; margin:0 0 15px 0}
.handsIn ul li{width:88px; height:31px; float:left; display:inline; margin-right:11px;}

.heath{width:312px; height:112px; overflow:hidden; background:url(../images/heathBg.jpg) no-repeat}


.bottom{width:1000px; height:108px; text-align:center}
.bottom p{ line-height:50px; color:#6b87a2;}

.rightSide{width:688px; float:left;}
.job{width:688px; height:378px; overflow:hidden; background: url(../images/jobBg.jpg) no-repeat; position:relative}
.job .more{ position:absolute;right:22px;top:26px;width:38px; height:15px; overflow:hidden}
.job .mpjsNav{width:688px; overflow:hidden; float:left; display:inline; height:43px;}
.job .mpjsNav li{ height:43px; overflow:hidden; background:url(../images/job_nav.jpg) no-repeat; float:left; display:inline; text-indent:-9999px; cursor:pointer;width:109px;}
.job .mpjsNav li#mpjsTab1_1{ background-position:0 0;}
.job .mpjsNav li#mpjsTab1_1:hover,.job .mpjsNav li#mpjsTab1_1.hover{ background-position:0 -43px}

.job .mpjsNav li#mpjsTab1_2{ background-position:-109px 0;}
.job .mpjsNav li#mpjsTab1_2:hover,.job .mpjsNav li#mpjsTab1_2.hover{ background-position:-109px -43px}

.job .mpjsNav li#mpjsTab1_3{ background-position:-218px 0;}
.job .mpjsNav li#mpjsTab1_3:hover,.job .mpjsNav li#mpjsTab1_3.hover{ background-position:-218px -43px}

.job .mpjsNav li#mpjsTab1_4{ background-position:-327px 0;}
.job .mpjsNav li#mpjsTab1_4:hover,.job .mpjsNav li#mpjsTab1_4.hover{ background-position:-327px -43px}

.job .mpjsNav li#mpjsTab1_5{ background-position:-436px 0;}
.job .mpjsNav li#mpjsTab1_5:hover,.job .mpjsNav li#mpjsTab1_5.hover{ background-position:-436px -43px}

.mpjsCont{width:661px; height:315px;overflow:hidden;padding:20px 0 0 27px;}
.mpjsCont.st1{ background: url(../images/job_1.jpg) no-repeat right top;}
.mpjsCont.st2{ background: url(../images/job_2.jpg) no-repeat right top;}
.mpjsCont.st3{ background: url(../images/job_3.jpg) no-repeat right top;}
.mpjsCont.st4{ background: url(../images/job_4.jpg) no-repeat right top;}
.mpjsCont.st5{ background: url(../images/job_5.jpg) no-repeat right top;}

.intr{width:364px; float:left;}
.intr_1{width:304px; height:58px; overflow:hidden; padding-left:60px; padding-top:5px}
.intr_1 p{ font-size:14px; color:#cde6ff; line-height:24px;}
.intr_1.jb1{ background:url(../images/jobIc1.jpg) no-repeat}
.intr_1.jb2{ background:url(../images/jobIc2.jpg) no-repeat}
.intr_1.jb3{ background:url(../images/jobIc3.jpg) no-repeat}
.intr_1.jb4{ background:url(../images/jobIc4.jpg) no-repeat}
.intr_1.jb5{ background:url(../images/jobIc5.jpg) no-repeat}

.intr_2{width:364px; height:150px; overflow:hidden; margin:0}
.intr_3{width:364px; padding-top:10px;}
.intr_3 p{color:#cde6ff; line-height:26px;}

.rtu{width:688px; height:137px; overflow:hidden; background:url(../images/tuBg.jpg) no-repeat}
.rtu li{width:214px; height:114px; float:left; display:inline; margin:11px 0 0 12px; overflow:hidden}

.data{width:688px; height:192px; overflow:hidden; background:url(../images/dataBg.jpg) no-repeat}
.data h2{width:688px; height:44px; overflow:hidden; text-indent:-999999px;}
.dataIn{width:570px; height:148px; overflow:hidden; padding:0 0 0 118px}
.dataIn_1{width:570px; height:53px; padding:9px 0 0 0; overflow:hidden}
.dataIn_1 p{width:570px; overflow:hidden;}
.dataIn_1 a{ float:left; display:block; margin-right:15px;color:#cde6ff;line-height:24px}
.dataIn_1 a:hover{color:#e5ff69; text-decoration:underline}

.dataIn_2{width:570px; height:77px; padding:9px 0 0 0; overflow:hidden}
.dataIn_2 p{width:570px; overflow:hidden;}
.dataIn_2 a{ float:left; display:block; margin-right:15px;color:#cde6ff;line-height:24px}
.dataIn_2 a:hover{color:#e5ff69; text-decoration:underline}


.play{width:688px; height:174px; overflow:hidden; background:url(../images/playBg.jpg) no-repeat}
.play h2,.pic h2{width:688px; height:44px; overflow:hidden; text-indent:-999999px;}
.playIn{width:688px; overflow:hidden}
.playIn li{width:214px; height:109px; float:left; display:inline; margin:10px 0 0 11px;}

.pic{width:688px; height:172px; overflow:hidden; background:url(../images/picBg.jpg) no-repeat; position:relative}
.pic .more{ position:absolute;right:16px;top:17px;color:#cde6ff}
.picIn{width:688px; overflow:hidden;}
.picIn li{width:214px; height:109px; overflow:hidden; float:left; display:inline; margin:10px 0 0 11px;}



#idScroller *{margin:0px; padding:0px;}
#idScroller{line-height:25px;width:291px; height:53px; margin-top:14px}
#idScroller ul{width:100%}
#idScroller li{width:100%;  float:left; overflow:hidden; list-style:none;}
/*#idScroller li p{width:86px; height:54px; float:left; display:inline; margin-right:5px; margin-bottom:10px; overflow:hidden}*/
#idScroller li p{width:126px; height:30px; float:left; display:inline; margin-left:10px; margin-top:10px;overflow:hidden}


#idScroller2 *{margin:0px; padding:0px;}
#idScroller2{line-height:25px;width:299px; height:138px; overflow:hidden; margin-top:8px; margin-left:13px}
#idScroller2 ul{width:100%}
#idScroller2 li{width:100%;  float:left; overflow:hidden; list-style:none; display:inline;margin-bottom:10px;}
#idScroller2 li p{width:88px; height:31px; float:left; display:inline; margin-right:10px;  overflow:hidden}
#idScroller2 li p img{width:88px; height:31px; overflow:hidden}

#idScrollMid{ padding:0 0 0 10px}
#idScrollMid a{overflow:hidden; line-height:14px; text-align:center; color:#6594bd; float:left; display:inline; margin:7px 12px 0 0}



.footer{width:100%; height:139px; border-top:1px solid #0a1e3b; background:#0b2244}
.foot{ width:1000px;height:139px; overflow:hidden; }
.copyright{ 
	position: relative; 
	width:700px; 
	padding:0 0 0 103px; 
	overflow:hidden; 
	/*background:url(../images/copyright.gif) no-repeat 0px 10px;*/ 
	margin:28px 0 0 146px;
	
}

.copyright .ba { 
	display: block;
	width:37px; 
	height:70px; 
	background:url(../images/copyright.gif) no-repeat 0px 10px; 	
	float: left; 
	outline: medium;
	margin-right:58px; 
}

.copyright p{ line-height:22px; color:#5b6977;}
.copyright p a{
	outline: medium;
	color:#5b6977;
}
.copyright p a:hover{
	color: #F2D667;
	text-decoration: underline;	
}

/*---------------小蓝标-----------------*/
.copyright p .xlb img{
	width: 47px;
	height: 47px;
	float: left;
	position: absolute;
	top: 9px;
	left: 144px;
	
	
}