html{
	height: 2701px;
	width: 100%;
	overflow-x: hidden;
}
body{
	height: 2701px;
	width: 100%;
	background: url(../images/indexBg.jpg) no-repeat center;
	background-size:1920px 2701px;
	margin: 0 auto;
}

#mask{
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .5;
	position: fixed;
	z-index: 9;
	display: none;
	filter:alpha(opacity=50);
}
.popDetail{
	position: absolute;
	width: 1144px;
	height: 1667px;
	background: #fff;
	z-index: 10;
	left: 50%;
	margin-left: -572px;
	display: none;
	top: 200px;
	font-size: 16px;
	line-height: 32px;
	color: #333;
	padding: 80px 47px 0 47px;
	border-radius: 5px;
}

.popDetail .close{
	height: 25px;
	width: 25px;
	background: url(../images/close.png) no-repeat center;
	background-size:25px 25px ;
	top: 42px;
	right: 50px;
	position: absolute;
	cursor: pointer;
}
.popTitle{
	width: 190px;
	height: 52px;
	background: #bcfefd;
	margin: 0 auto;
	font-size: 28px;
	color: #004ea7;
	font-weight: bold;
	text-align: center;
	line-height: 52px;
	margin-bottom: 16px;
}
.smlTitle{
	height: 81px;
	font-size: 22px;
	font-weight: bold;
	color: #104c80;
	line-height: 81px;
	padding-left: 40px;
}
.smlTitle1{
	background: url(../images/standardIcon.png) no-repeat 0 center;
	background-size: 33px 41px;
}
.smlTitle2{
	background: url(../images/stepIcon.png) no-repeat 0 center;
	background-size: 37px 32px;
}
.smlTitle3{
	background: url(../images/ruleIcon.png) no-repeat 0 center;
	background-size: 37px 34px;
}
.textList1{
	margin-bottom: 68px;
}
.textList li{
	background: url(../images/textBg.png) no-repeat left 4px;
	background-size:218px 25px ;
	margin-bottom: 8px;
}
.textList li span{
	color: #0c4884;
	font-weight: bold;
}
.stepBox{
	margin-bottom: 62px;
}
.stepBox .stepBg{
	width: 106px;
	height: 509px;
	background: url(../images/stepBg.png) no-repeat center;
	float: left;
	margin-right: 11px;
}
.stepList li{
	white-space: pre-wrap;
	margin-bottom: 31px;
}
.closeTxt{
	text-align: center;
	font-size: 32px;
	color: #999999;
	margin-top: 46px;
	cursor: pointer;
	line-height: 32px;
}



.fixBox{
	position: fixed;
	width: 150px;
	height: 110px;
	top: 460px;
	left: 50%;
	margin-left: -780px;
	z-index: 5;
}

.fixBoxToLeft{
	position: fixed;
	width: 150px;
	height: 110px;
	top: 460px;
	left: 0;
	z-index: 5;
	margin: auto;
}

.selectDetailBut{
	background: url(../images/selectDetailBut.png) no-repeat center;
	background-size:150px 52px ;
	width: 150px;
	height: 52px;
	margin-bottom: 6px;
	cursor: pointer;
}
.rankBut{
	background: url(../images/rankBut.png) no-repeat center;
	background-size:150px 52px ;
	width: 150px;
	height: 52px;
	display: block;
}
.section{
	width: 1200px;
	height: 2701px;
	margin: 0 auto;
	padding-top: 515px;
}

.introduceBox{
	width: 100%;
	height: 313px;
}
.introduceTitle{
	width: 190px;
	height: 51px;
	margin: 0 auto 18px;
	background: #c0fbff;
	font-size: 28px;
	line-height:51px ;
	text-align: center;
	color: #0255af;
	font-weight: bold;
}
.introduceSec{
	width: 100%;
    font-size: 17px;
    padding: 0 74px;
    text-align: justify;
    overflow: hidden;
    line-height: 30px;
    color: #363636;
    text-indent: 2em;
    white-space: pre-wrap;
}

.activeTime{
	width: 1116px;
	height: 55px;
	border: 1px solid #016bcd;
	margin: 30 auto 0;
	line-height: 53px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #016bcd;
}
.wholelistBox{
	margin-top: 85px;
}
.listTitle{
	width: 100%;
	height: 190px;
}
.titleLi{
	float: left;
	width: 20%;
	height: 190px;
	cursor: pointer;
}
.daodeLi{
	background: url(../images/daode.png) no-repeat center 87px;
	background-size: 185px 91px;
}
.shiganLi{
	background: url(../images/shigan.png) no-repeat center 87px;
	background-size: 185px 91px;
}
.chuangxiaoLi{
	background: url(../images/chuangxiao.png) no-repeat center 87px;
	background-size: 185px 91px;
}
.jinengLi{
	background: url(../images/jineng.png) no-repeat center 87px;
	background-size: 185px 91px;
}
.chuangxinLi{
	background: url(../images/chuangxin.png) no-repeat center 87px;
	background-size: 185px 91px;
}
.daodeActive{
	background: url(../images/daodeActive.png) no-repeat center 72px;
	background-size:222px 106px ;
}
.shiganActive{
	background: url(../images/shiganActive.png) no-repeat center 72px;
	background-size:222px 106px ;
}
.chuangxiaoActive{
	background: url(../images/chuangxiaoActive.png) no-repeat center 72px;
	background-size:222px 106px ;
}
.jinengActive{
	background: url(../images/jinengAcitve.png) no-repeat center 72px;
	background-size:222px 106px ;
}
.chuangxinActive{
	background: url(../images/chuangxinActive.png) no-repeat center 72px;
	background-size:222px 106px ;
}


.listSecBox{
	width: 1200px;
	height: 1450px;
	overflow: hidden;
	padding-top: 45px;
}
.listSecLi{
	width: 1200px;
	height: 1405px;
	display: none;
}
.listSecActive{
	display: block;
}
.listBox{
	height: 1364px;
	width: 1200px;
	overflow: hidden;
}
.lineLi{
	width: 200px;
	height: 291px;
	background: url(../images/peopleBoder.png) no-repeat center;
	background-size: 200px 291px;
	
	padding: 2px;
	position: relative;
	font-size: 14px;
	line-height: 24px;
	margin: 0 50px 50px 0;
	float: left;
	cursor: pointer;
}
.lineLi img{
	width: 196px;
	height: 217px;
}
.lineLi:first-child+li+li+li+li{
	margin-right: 0;
}
.lineLi:first-child+li+li+li+li+li+li+li+li+li{
	margin-right: 0;
}
.lineLi:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li{
	margin-right: 0;
}
.lineLi:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li{
	margin-right: 0;
}

.voteBut{
	position: absolute;
	width: 65px;
	height: 71px;
	left: 64px;
	top: 186px;
	border-radius: 50%;
	background: url(../images/postButBright.png) no-repeat left top;
	background-size:65px 71px ;
	cursor: pointer;
}
.nochance{
	background: url(../images/postButDark.png) no-repeat left top;
	background-size:65px 65px ;
}
.daodeList .photo{
	width: 196px;
	height: 217px;
}
.num{
	width: 50%;
	height: 24px;
	float: left;
	padding-left: 5px;
	color: #0260b7;
	font-weight: bold;
}
.getVote{
	width: 50%;
	float: left;
	height: 24px;
	padding-right: 5px;
	color: #fe4800;
	text-align: right;
	font-weight: bold;
}
.name{
	width: 50%;
	float: left;
	height: 24px;
	color: #000000;
	padding-left: 5px;
	font-weight: bold;
}
.department{
	width: 50%;
	float: left;
	height: 24px;
	padding-right: 5px;
	text-align: right;
	color: #5d5d5d;
	font-weight: bold;
}
.company{
	width: 100%;
	height: 22px;
	line-height: 22px;
	font-size: 12px;
	background: #f4f4f4;
	color: #666666;
	text-align: center;
	float: left;
}

/*页数*/
.pageBox{
	text-align: center;
}
.pageList{
	display: inline-block;
	height: 33px;
	text-align: center;
	line-height: 33px;
}
.pageList li{
	float: left;
	width: 33px;
	height: 33px;
	margin: 0 17px;
	border: 1px solid #00aeff;
	color: #00aeff;
	font-size: 18px;
	cursor: pointer;
}
.pageList .pageActive{
	color: #fff;
	background: #00aeff;

}
