@charset "utf-8";
/*浮动*/
.hr-fl{ float: left;}
.hr-fr{ float: right;}

/*二级页面*/
.hr-banner{ background: #ec1f60 url(../images/hr-banner-img.jpg) center center no-repeat; width: 100%; height: 250px;}
.hr-con{ width: 980px; margin: 0 auto; position: relative;}
.hr-con .hr-con-wraper{ margin: 20px 0;}
.hr-con .hr-tab-menu{ background: #f6f6f6; position:absolute; top: 0; left: 0; width: 220px; height: 100%;}
.hr-con .hr-tab-menu-wraper{ padding: 40px 0;}
.hr-con .hr-tab-menu ul li a{ background: #f6f6f6; display: block; height: 70px; border-bottom: 1px solid #e2e2e2; line-height: 70px; font-size: 16px; color: #000; padding-left: 16px;}
.hr-con .hr-tab-menu ul li a:hover{ background: #eee; color: #0096dd;border-bottom-color: #f6f6f6;}
.hr-con .hr-tab-menu ul li a.active{ background: #eee; color: #0096dd;border-bottom-color: #f6f6f6;}
.hr-con .hr-tab-menu ul li em,
.hr-con .hr-tab-menu ul li i{ display: inline-block; vertical-align: middle;}
.hr-con .hr-tab-menu .hr-list-01 i{ width: 60px; height: 70px; background: url(../images/hr-icon-01.png) center center no-repeat;}
.hr-con .hr-tab-menu .hr-list-01:hover i,
.hr-con .hr-tab-menu .hr-list-01.active i{background: url(../images/hr-icon-011.png) center center no-repeat;}
.hr-con .hr-tab-menu .hr-list-02 i{ width: 60px; height: 70px; background: url(../images/hr-icon-02.png) center center no-repeat;}
.hr-con .hr-tab-menu .hr-list-02:hover i,
.hr-con .hr-tab-menu .hr-list-02.active i{background: url(../images/hr-icon-022.png) center center no-repeat;}
.hr-con .hr-tab-menu .hr-list-03 i{ width: 60px; height: 70px; background: url(../images/hr-icon-03.png) center center no-repeat;}
.hr-con .hr-tab-menu .hr-list-03:hover i,
.hr-con .hr-tab-menu .hr-list-03.active i{background: url(../images/hr-icon-033.png) center center no-repeat;}
.hr-con .hr-tab-menu .hr-list-04 i{ width: 60px; height: 70px; background: url(../images/hr-icon-04.png) center center no-repeat;}
.hr-con .hr-tab-menu .hr-list-04:hover i,
.hr-con .hr-tab-menu .hr-list-04.active i{background: url(../images/hr-icon-044.png) center center no-repeat;}
.hr-con .hr-tab-menu .hr-list-05 i{ width: 60px; height: 70px; background: url(../images/hr-icon-05.png) center center no-repeat;}
.hr-con .hr-tab-menu .hr-list-05:hover i,
.hr-con .hr-tab-menu .hr-list-05.active i{background: url(../images/hr-icon-055.png) center center no-repeat;}

.hr-tab-con{ display: none;}
.hr-tab-con .hr-tab-con-wraper{ padding-left: 240px;min-height:390px;}
.hr-query-list{ background: #fff; margin-bottom: 20px;min-height: 310px;}
.hr-query-list .hr-query-tip{ background:url(../images/hr-tip-icon.png) 10px center no-repeat; font-weight: bold; height: 40px; line-height: 40px; padding-left: 40px; padding-right: 10px; color: #0096dd; font-size: 16px;}
.hr-query-list .hr-query-tip .hr-query-more{ font-size: 12px; color: #666; float: right;font-weight: normal}
.hr-query-list .hr-query-wraper{ padding: 15px 10px;}
.hr-query-list ul li{ height: 30px; line-height:30px; padding-left: 10px; background: url(../images/hr-list-icon.jpg) 0 center no-repeat;}
.hr-query-list ul li a:hover{color: #b21319;}
.hr-query-list .hr-time,.hr-query-list .time{ color: #666; display: block; font-size: 12px; float: right;}

/*资讯中心*/
.hr-plume{ width: 650px;}
.hr-plume .hr-plume-list{ padding-left:185px;}
.hr-notice{ width: 310px;}
.hr-notice .hr-tab-tip{ height: 40px; line-height: 40px; padding: 0 10px;}
.hr-notice .hr-tab-tip ul li{ background-image: none; height: 40px; padding-left: 0; float: left; line-height: none;}
.hr-notice .hr-tab-tip .hr-query-more{ font-size: 12px; color: #666; float: right;}
.hr-notice .hr-tab-tip ul li a{ height: 36px; line-height: 32px; position: relative; top: 4px; display: block; padding: 0 15px; font-size: 16px; color: #333; font-weight: bold;}
.hr-notice .hr-tab-tip ul li a:hover{ background: #fff; color: #0096dd;}
.hr-notice .hr-tab-tip ul li a.active{ background: #fff; color: #0096dd;}
.hr-notice .hr-tab-list{ display: none;position: relative}
.hr-view{ width: 315px;}
.hr-scroom{ width: 315px; margin-left: 20px;}
.hr-scroom .hr-room-part,.hr-news .hr-room-part{ padding: 22px 10px 3px;}
.hr-scroom .hr-room-part .hr-room-supes,.hr-news .hr-room-part .hr-room-supes{ padding-left: 150px;}
.hr-room-part .hr-room-supes p{ text-align: justify; line-height: 1.5;}
.hr-room-part .hr-room-supes p.hr-ront-02{ color: #666; font-size: 12px; margin-top: 10px;}
.hr-news{ margin: 0; width: 310px;}
.hr-banner-bom{ background: url(../images/hr-banner-bom.jpg) 0 0 no-repeat; width: 980px; height: 160px; position: relative;}
.hr-banner-bom .hr-banner-wx{ background: url(../images/hr-banner-wx.png) 0 0 no-repeat; width: 95px; height: 108px; position: absolute; top: 16px; left: 240px;}
.hr-banner-bom .hr-banner-wx:hover{ background: url(../images/hr-banner-dyh.png) 0 0 no-repeat;}
.hr-banner-bom .hr-banner-wb{ background: url(../images/hr-banner-wb.png) 0 0 no-repeat; width: 95px; height: 108px; position: absolute; top: 16px; left: 390px;}
.hr-banner-bom .hr-banner-wb:hover{ background: url(../images/wb.png) 0 0 no-repeat;}
.hr-banner-bom .hr-banner-fb{ background: url(../images/hr-banner-fb.png) 0 0 no-repeat; width: 95px; height: 108px; position: absolute; top: 16px; left: 540px;}
.hr-banner-bom .hr-banner-fb:hover{ background: url(../images/hr-banner-num.png) 0 0 no-repeat;}

/*轮播图*/
div.hr-slideBox{ position:relative; width:980px; height:310px; overflow:hidden; margin-bottom: 20px;}
div.hr-slideBox ul.items{ position:absolute; float:left; background:none; list-style:none; padding:0px; margin:0px;}
div.hr-slideBox ul.items li{ float:left; background:none; list-style:none; padding:0px; margin:0px;}
div.hr-slideBox ul.items li a{ float:left; line-height:normal !important; padding:0px !important; border:none/*For IE.ADD.JENA.201206300844*/;}
div.hr-slideBox ul.items li a img{ margin:0px !important; padding:0px !important; display:block; border:none/*For IE.ADD.JENA.201206300844*/;}
div.hr-slideBox div.tips{ position:absolute; bottom:0px; width:100%; height:40px; background-color:#000; overflow:hidden;}
div.hr-slideBox div.tips div.title{ position:absolute; left:0px; top:0px; height:100%;}
div.hr-slideBox div.tips div.title a{ color:#FFF; font-size:16px; line-height:40px; margin-left:10px; text-decoration:none;}
div.hr-slideBox div.tips div.title a:hover{ text-decoration:underline !important;}
div.hr-slideBox div.tips div.nums{ position:absolute; right:0px; top:0px; height:100%;}
div.hr-slideBox div.tips div.nums a{ display:inline-block; >float:left/*For IE.ADD.JENA.201206300844*/; width:12px; height:12px; background-color:#717171; text-indent:-99999px; margin:15px 10px 0px 0px;}
div.hr-slideBox div.tips div.nums a.active{ background-color:#fff;}