@charset "utf-8";

/*css reset*/
/*侧导航*/
.sub-menu,
.sub-menu .t,
.sub-menu .b {
	background-image: url(bg-submenu.jpg)
}

.sub-menu {
	background-repeat: repeat-y;
	margin-top: 0
}

.sub-menu .t {
	height: 30px;
	background-repeat: no-repeat;
	background-position: -197px 0
}

.sub-menu .b {
	height: 30px;
	background-repeat: no-repeat;
	background-position: -197px -30px;
	margin-top: -21px
}

/*index stuts*/
.idx-l {
	width: 197px;
	float: left;
	margin-left: 10px;
	_display: inline
}

.idx-m {
	width: 456px;
	float: left;
	margin-left: 30px;
	_display: inline
}

.idx-r {
	width: 252px;
	float: right;
	_display: inline
}

.idx-lm {
	width: 683px;
	float: left;
	margin-left: 10px;
	_display: inline
}

.idx-l,
.idx-hotmain,
.idx-banner {
	height: 428px
}



/*首页下载按钮*/
.idx-down {
	height: 100px;
	margin-bottom: 27px;
	margin-top: 11px;
	position: relative;
	position: relative;
	z-index: 2
}

.idx-down-bg {
	width: 290px;
	height: 214px;
	background: url(btn-index-down.png);
	position: absolute;
	top: -87px;
	left: -68px;
	z-index: 50
}

.idx-down-btn {
	display: block;
	width: 188px;
	height: 100px;
	cursor: pointer;
	position: absolute;
	z-index: 51;
	top: 85px;
	left: 74px;
}

/*hot-main*/


/*首屏热点*/
.idx-hotmain {
	position: relative;
	overflow: hidden;
	background: url(bg-idx-hotmain.jpg)
}

.idx-hm-con {
	display: none;
	padding: 10px 23px 0 23px
}

.idx-hm-con .topic {
	margin: 0 0 8px 0;
	height: 85px;
	overflow: hidden;
	border-bottom: 1px #ae8d3c dashed;
	padding-bottom: 2px;
}

.idx-hm-con .topic .title {
	display: block;
	font-size: 24px;
	width: 410px;
	height: 36px;
	line-height: 36px;
	color: #8b1d00;
	font-family: "微软雅黑", "黑体";
	overflow: hidden;
	margin-bottom: 5px;
	font-weight: 700
}

.idx-hm-con .topic p {
	color: #240d04;
	line-height: 1.5;
	height: 38px;
	overflow: hidden
}

.idx-hm-con .list li {
	height: 26px;
	line-height: 26px;
	position: relative;
	overflow: hidden;
	*vertical-align: bottom
}

.idx-hm-con .list li .date {
	position: absolute;
	top: 0;
	right: 5px
}

.idx-hm-con .list li a {
	margin-right: 80px;
	width: 330px;
	height: 26px;
	color: #8b1d00;
	display: block;
	overflow: hidden;
	word-break: keep-all
}

.idx-hm-con .list li .blue {
	color: #00f
}

.idx-hm-con .list li .red {
	color: #d01a14
}

.idx-hm-con .list li a:hover {
	color: #d01a14;
	text-decoration: underline
}


/*右侧焦点图*/
.idx-banner {
	overflow: hidden;
	margin-bottom: 10px;
	background: url(bg-idx-ad.jpg);
	position: relative
}

.idx-banner ul {
	width: 230px;
	height: 405px;
	overflow: hidden;
	position: relative;
	margin: 11px 0 0 11px
}

.idx-banner ul li {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
}

.idx-banner ul li img {
	width: 230px;
	height: 405px;
}

.idx-banner .number {
	position: absolute;
	right: 17px;
	bottom: 17px;
	z-index: 11;
}

.idx-banner .number span {
	display: inline-block;
	width: 13px;
	height: 13px;
	line-height: 13px;
	overflow: hidden;
	cursor: default;
	text-align: center;
	color: #ffd048;
	border: 1px solid #ffd048;
	background-color: #000;
	margin-left: 2px;
	font-family: tahoma;
	cursor: pointer
}

.idx-banner .number .active {
	background-color: #a21600
}


/*右侧活动按钮*/
.activity-btns {
	height: 308px;
	overflow: hidden
}

.btn-activity {
	display: block;
	width: 230px;
	height: 84px;
	margin-bottom: 1px;
	overflow: hidden;
	padding: 9px 11px;
	background: url(btn-activity.png);
	cursor: pointer
}

/*左通栏*/
.idx-lm-main {
	margin-bottom: 15px
}

.idx-lm-main .hd,
.idx-lm-main .bd,
.idx-lm-main .tab li a,
.idx-lm-main .hd .more {
	background-image: url(bg-idx-lm.jpg)
}

.idx-lm-main .hd {
	height: 40px;
	padding: 7px 0 0 5px;
	background-position: 0 0;
	position: relative;
	clear: both
}

.idx-lm-main .hd .more {
	diaplay: block;
	width: 40px;
	height: 22px;
	background-position: 0 -310px;
	position: absolute;
	top: 14px;
	right: 22px
}

.idx-lm-main .hd .more:hover {
	background-position: -45px -310px;
}

.idx-lm-main .bd {
	padding: 0 5px 6px;
	color: #333
}

.idx-lm-1 .bd {
	height: 255px;
	background-position: 0 -47px
}

.idx-lm-2 .bd {
	height: 215px;
	background-position: 0 -87px
}

.idx-lm-3 .bd {
	height: 168px;
	background-position: 0 -134px
}


.idx-lm-main .tab li {
	width: 115px;
	float: left;
	overflow: hidden;
	margin-right: 1px
}

.idx-lm-main .tab li a {
	display: block;
	height: 40px;
	text-align: center;
	line-height: 40px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #55260a;
	background-position: -808px 0
}

.idx-lm-con {
	display: none
}

.idx-lm-main .tab .cur a {
	background-position: -688px 0
}

/*精彩活动*/
.event-list {
	padding: 10px 0 0 5px
}

.event-list li {
	width: 305px;
	height: 84px;
	overflow: hidden;
	float: left;
	margin: 15px 14px;
	display: inline;
	line-height: 17px
}

.event-list li img {
	float: left;
	display: block;
	margin-right: 10px;
	border: 2px solid #37251a
}

.idx-hotmain .hd {
	border-bottom: 2px solid #000;
	height: 52px;
	margin: 0 7px;
	padding-top: 19px
}

.idx-hotmain .hd .tab {
	margin: 2px 0 0 13px;
	width: 412px;
	border-bottom: none
}

.idx-hotmain .hd li {
	float: left
}

.idx-hotmain .hd li a {
	display: block;
	width: 58px;
	height: 52px;
	outline: none;
	text-indent: -9999px;
	background-image: url(btn-idx-hm.jpg)
}

.idx-hotmain .hd li .hm-tab1,
.idx-hotmain .hd li .hm-tab7 {
	width: 59px
}

.idx-hotmain .hd li .hm-tab6 {
	width: 62px
}

.hm-tab1 {
	background-position: 0 0
}

.cur .hm-tab1 {
	background-position: 0 -52px
}

.hm-tab2 {
	background-position: -59px 0
}

.cur .hm-tab2 {
	background-position: -59px -52px
}

.hm-tab3 {
	background-position: -117px 0
}

.cur .hm-tab3 {
	background-position: -117px -52px
}

.hm-tab4 {
	background-position: -175px 0
}

.cur .hm-tab4 {
	background-position: -175px -52px
}

.hm-tab5 {
	background-position: -233px 0
}

.cur .hm-tab5 {
	background-position: -233px -52px
}

.hm-tab6 {
	background-position: -291px 0
}

.cur .hm-tab6 {
	background-position: -291px -52px
}

.hm-tab7 {
	background-position: -353px 0
}

.hm-tab7:hover {
	background-position: -353px -52px
}

/*快速导航 & 历史版本*/
.lm-dh,
.lm-bb {
	height: 215px;
	width: 640px;
	font-family: 'SimSun';
	margin: 0 auto;
	color: #333
}

.lm-dh li,
.lm-bb li {
	width: 100%;
	border-bottom: 1px dashed #cab085;
	margin: 0;
	padding: 12px 0;
	display: block
}

.lm-dh li strong,
.lm-bb strong {
	width: 74px;
	height: 20px;
	display: inline-block;
	margin: 3px 0 0 3px;
	line-height: 20px;
	text-align: center;
	background: #801e1d;
	border: 1px solid #540a0a;
	font-weight: 400;
	color: #e6c288;
	margin-right: 15px
}

.lm-bb li a {
	margin-right: 20px;
	color: #9b0200
}

.lm-dh li {
	padding: 18px 0
}

/*职业介绍*/
.lm-zy {
	width: 666px;
	height: 211px;
	position: relative;
	margin: 0 auto
}

.lm-zy-show {
	float: right;
	width: 140px;
	height: 204px;
	margin-top: 4px;
	position: relative;
	overflow: hidden
}

.lm-zy-show img {
	display: block;
	width: 138px;
	height: 178px;
	border: 1px solid #3b372c;
	border-bottom: none;
}

.lm-zy-btns {
	float: left;
	width: 160px;
	margin: 16px 20px 0 13px;
}

.lm-zy-btns li {
	height: 61px
}

.lm-zy-btns li a {
	background-image: url(btn-idx-zy.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 160px;
	height: 51px;
	overflow: hidden;
	text-indent: -999px
}

.lm-zy-txt {
	width: 280px;
	height: 180px;
	float: left;
	overflow: hidden;
	margin-top: 16px
}

.lm-zy-txt strong {
	display: block;
	margin-bottom: 10px;
	color: #333
}

.lm-zy-txt p {
	text-indent: 2em;
	line-height: 1.6em;
	color: #333
}

.btn-zy-0 {
	background-position: 0 0
}

.btn-zy-0:hover,
.cur .btn-zy-0 {
	background-position: -165px 0
}

.btn-zy-1 {
	background-position: 0 -56px
}

.btn-zy-1:hover,
.cur .btn-zy-1 {
	background-position: -165px -56px
}

.btn-zy-2 {
	background-position: 0 -112px
}

.btn-zy-2:hover,
.cur .btn-zy-2 {
	background-position: -165px -112px
}

.zy-sex {
	display: block;
	position: absolute;
	bottom: 0;
	width: 70px;
	height: 25px;
	overflow: hidden;
}

.zy-sex em {
	display: block;
	height: 25px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-image: url(ico-zy-sex.jpg)
}

#zy-sex-0 {
	left: 0;
}

#zy-sex-1 {
	right: 0;
}

#zy-sex-0 em {
	background-position: 0 0
}

#zy-sex-1 em {
	background-position: -70px 0
}

#zy-sex-0 .cur {
	background-position: 0 -25px
}

#zy-sex-1 .cur {
	background-position: -70px -25px
}

/*截图板块*/
.lm-piclist {
	padding: 15px 0 0 0
}

.lm-piclist li {
	width: 152px;
	height: 145px;
	margin-right: 8px;
	overflow: hidden;
	text-align: center;
	float: left
}

.lm-piclist li div {
	width: 150px;
	height: 115px;
	border: 1px solid #461e05;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	line-height: 115px
}

.lm-piclist li img {
	vertical-align: middle
}

.lm-piclist li i {
	display: inline-block;
	height: 100%;
	vertical-align: middle
}

.lm-piclist li .lm-piclistname {
	display: inline-block;
	height: 22px;
	line-height: 22px;
	font-weight: 700;
	color: #801e1d
}

.lm-piclist li a:hover {
	color: #d01a14
}

/*合作媒体 & 客服中心*/
.idx-r-n {
	background-repeat: repeat-y
}

.idx-r-n .t {
	height: 46px;
	overflow: hidden;
	background-position: -252px 0;
	text-indent: -999px
}

.idx-r-n .b {
	height: 7px;
	overflow: hidden;
	background-position: -252px -46px
}

.idx-custom,
.idx-custom .t,
.idx-custom .b {
	background-image: url(bg-custom.jpg)
}

.idx-partner,
.idx-partner .t,
.idx-partner .b {
	background-image: url(bg-partner.jpg)
}

.idx-custom .con {
	width: 232px;
	margin-left: 10px
}

.idx-custom .con ul {
	margin-bottom: 8px
}

.idx-custom .con li {
	height: 51px;
	margin-bottom: 4px
}

.idx-custom .con li a {
	display: block;
	height: 51px;
	overflow: hidden;
	background-image: url(btn-idx-custom.jpg);
	text-indent: -999px
}

.idx-custom-btn1 {
	background-position: 0 0
}

.idx-custom-btn1:hover {
	background-position: 0 -51px
}

.idx-custom-btn2 {
	background-position: 0 -102px
}

.idx-custom-btn2:hover {
	background-position: 0 -153px
}

.idx-custom .con div {
	border: 1px solid #73673b;
	background-color: #281a14;
	padding: 6px 0 8px 0
}

.idx-custom .tit {
	display: block;
	width: 118px;
	height: 20px;
	margin: 0 auto 10px auto;
	background: url(bg-custom-tit.jpg);
	text-indent: -999px
}

.idx-custom p {
	color: #ae8a5b;
	text-align: center;
	font-family: "SimSun";
	text-align: center;
	line-height: 18px
}

.idx-partner .con {
	width: 225px;
	height: 150px;
	margin-left: 20px
}

.idx-partner ul li {
	float: left;
	margin: 8px 15px 7px 0
}

.idx-partner ul li a {
	display: block;
	width: 88px;
	height: 31px
}

.idx-partner p {
	clear: both;
	margin-top: 3px;
	height: 22px;
	overflow: hidden;
	margin-bottom: 3px
}

.idx-partner p a {
	word-break: keep-all;
	display: inline-block;
	margin-right: 12px;
	line-height: 22px;
	color: #ae8a5b
}

.idx-partner p a:hover {
	color: #d01a14
}

.idx-fslide {
	width: 193px;
	position: relative;
	font-family: "SimSun"
}

.idx-fslide .sel {
	border: 1px solid #240c00;
	width: 191px;
	height: 27px;
	background-color: #351d11
}

.idx-fslide .sel span {
	line-height: 27px;
	padding-left: 8px;
	color: #ae8a5b;
	line-height: 27px
}

.idx-fslide .sel em {
	position: absolute;
	right: 0;
	top: 0;
	width: 19px;
	height: 29px;
	background-color: #260f03;
	background: url(bg-idx-seld.jpg) 0 0
}

.idx-fslide .cur em {
	background-position: -22px 0
}

.idx-fslide .sel-box {
	position: absolute;
	top: 29px;
	left: 0;
	width: 191px;
	border: 1px solid #240c00;
	border-top: none;
	height: 109px;
	padding-top: 5px;
	background-color: #3d291f;
	overflow-x: hidden;
	overflow-y: auto;
	display: none;
	z-index: 100
}

.idx-fslide .sel-box ol {}

.idx-fslide .sel-box ol li {
	height: 24px;
	overflow: hidden
}

.idx-fslide .sel-box ol li a {
	display: block;
	height: 24px;
	color: #ae8a5b;
	line-height: 24px;
	padding-left: 8px;
}

.idx-fslide .sel-box ol li a:hover {
	background-color: #3b1805;
	color: #ffcc00
}


/*ie6-png*/
.main-nav .tit {
	_background-image: none;
	_background-image: url(btn-mian-nav.jpg);
	_z-index: 39
}

.idx-down-bg {
	_background: none;
}

/*.idx-down-bg{_background-image:url(btn-index-down-ie6.jpg);*/
.btn-activity {
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://res11.5pk.com/templates/front/images/btn-activity.png", sizingMethod="crop");
}

/**原画**/
.idx-lm-con {
	position: relative;
	margin: 0 auto;
	width: 100%;
	clear: both
}

.idx-lm-con .prev,
.idx-lm-con .next {
	position: absolute;
	display: block;
	top: 62px;
	cursor: pointer;
	width: 12px;
	height: 22px;
	background: url(idx-pn.png) no-repeat 0 0
}

.idx-lm-con .prev {
	left: 3px;
}

.idx-lm-con .prev:hover {
	background-position: 0 -22px
}

.idx-lm-con .next {
	right: 3px;
	background-position: -12px 0
}

.idx-lm-con .next:hover {
	background-position: -12px -22px
}

.lm-piclist {
	position: relative;
	width: 632px;
	height: 142px;
	margin-left: 20px;
	overflow: hidden
}

.lm-piclist ul {
	width: 9999px
}
video {
	position: absolute;
	left: 50%;
	top: 0px;
	transform: translate(-50%);
	object-fit: contain;
        z-index:50;
}