@charset "utf-8";

.hrb-content {position:relative;}

.hrb-divider.hrb-index {width:1200px;height:50px;position:relative;display:flex;flex-direction:row;justify-content:space-between;margin:10px auto 0;padding-left:10px;}
.hrb-divider.hrb-index a {width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:24px;}
.hrb-divider.hrb-index i {width:50px;height:50px;background:url(../../img/hrb/qypg_divider_03.png) center no-repeat;content:'';left:0;top:0;position:absolute;z-index:-1;}
.hrb-divider.hrb-index a h1 {font-weight:bold;color:black;}
.hrb-divider.hrb-index a h1 span {font-weight:bold;color:#0069e9;}
.hrb-divider.hrb-index .hrb-dot {height:10px;width:10px;border-radius:10px;background:#c5cfda;margin-left:12px;margin-right:5px;}
.hrb-divider.hrb-index .hrb-line {height:1px;flex:1;background:#c5cfda;}
.hrb-divider.hrb-index .hrb-more {float:right;font-size:16px;margin-right:5px;color:#777;margin-left:12px;}
.hrb-divider.hrb-index a:hover .hrb-more{color:#0069e9}
.hrb-content {width:100%;}

.hrb-index-row{overflow:hidden;clear:both;}
.hrb-index-ztfw {width:1200px;background:#fff;margin:10px auto;padding:10px 0;}
.hrb-index-ztfw>ul {width:100%;height:auto;margin:0 auto;}
.hrb-index-ztfw>ul::after {display:block;content:'';clear:both;}
.hrb-index-ztfw>ul>li {width:285px;height:146px;float:left;margin:10px 10px;}
.hrb-index-ztfw>ul>li::after {display:block;clear:both;content:'';}
.hrb-index-ztfw>ul li:nth-child(1) {background:url(../../img/hrb/index/1.png) no-repeat,#ecedff;background-position:190px 35px;margin-left:0;}
.hrb-index-ztfw>ul li:nth-child(2) {background:url(../../img/hrb/index/2.png) right no-repeat,#e5f0fd;background-position:180px 30px;}
.hrb-index-ztfw>ul li:nth-child(3) {background:url(../../img/hrb/index/3.png) right no-repeat,#ecedff;background-position:160px 20px;}
.hrb-index-ztfw>ul li:nth-child(4) {background:url(../../img/hrb/index/4.png) right no-repeat,#e5f0fd;background-position:175px 35px;margin-right:0;}
.hrb-index-ztfw>ul li:nth-child(5) {background:url(../../img/hrb/index/5.png) right no-repeat,#ffefed;background-position:270px 30px;}
.hrb-index-ztfw>ul li:nth-child(6) {background:url(../../img/hrb/index/6.png) right no-repeat,#e5f0fd;background-position:270px 30px;margin-right:0;}
.hrb-index-ztfw>ul>li>a{display:block;padding-top:20px;padding-left:20px;}
.hrb-index-ztfw>ul>li>a>h1 {font-size:20px;color:black;font-weight:600;}
.hrb-index-ztfw>ul>li>a>p {font-size:16px;color:black;width:80%;color:#81828b;margin-top:10px;line-height:24px;}
.hrb-index-ztfw>ul>li>a:hover h1{color:#0069e9;}

.hrb-index-ztfw .swiper-container {overflow:visible;position: relative;}
.hrb-index-ztfw .swiper-container:before,.hrb-index-ztfw .swiper-container:after {position:absolute;top:0px;left:50%;width:1000px;height:100%;background:#fff;content:'';display:block;z-index:2;margin-left:-1600px;}
.hrb-index-ztfw .swiper-container:after {margin-left:600px;background:#fff;}
.hrb-index-ztfw .swiper-slide {height:150px;background:#e5f0fd;}
.hrb-index-ztfw .swiper-slide a {display:block;box-sizing:border-box;height:100%;}
.hrb-index-ztfw .swiper-slide h1 {padding-top:20px;padding-left:20px;font-size:20px;overflow:hidden;line-height:45px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#111;}
.hrb-index-ztfw .swiper-slide span {color:#777;font-size:16px;padding-left:20px;line-height:26px;display:block;}
.hrb-index-ztfw .swiper-button-prev,.hrb-index-ztfw .swiper-button-next{background-color:#fff;color:#999;box-shadow:0 5px 10px rgba(0,19,46,.12);width:40px;height:40px;border-radius:99px;font-weight:bold;margin-top:-23px;margin-right:-30px;background-size: 22px 22px;}
.hrb-index-ztfw .swiper-button-prev:after,.hrb-index-ztfw .swiper-button-next:after{font-size:18px;}
.hrb-index-ztfw .swiper-button-prev {margin-left:-30px;margin-right:0;}
.hrb-index-ztfw .swiper-button-prev:hover,.hrb-index-ztfw .swiper-button-next:hover {background-color:#0069ea;color:#fff;border:1px #fff solid;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");}
.hrb-index-ztfw .swiper-button-prev:hover{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}

.hrb-index-ztfw .swiper-button-disabled {display:none;}

.hrb-index-middle {display:block;width:100%;height:250px;background:url(../../img/hrb/index/content_mbg.png) center no-repeat;}
.hrb-index-middle .hrb-index-middle-wrapper {width:1200px;margin:0 auto;}
.hrb-index-middle h1 {font-size:25px;font-weight:bold;padding-top:30px;padding-bottom:25px;}
.hrb-index-middle .hrb-middle-body {width:100%;}
.hrb-index-middle .hrb-middle-body::after {display:block;clear:both;content:'';}
.hrb-index-middle .hrb-middle-body .hrb-middle-left,.hrb-index-middle .hrb-middle-body .hrb-middle-right {background:rgba(255,255,255,0.88);border-radius:15px;padding:28px 15px 28px 40px;box-shadow:0 3px 6px 3px rgba(187, 206, 243, 0.2), inset 0 0 30px #fff;}
.hrb-index-middle .hrb-middle-body .hrb-middle-left {float:left;width:30%;background:rgba(255,255,255,0.6);}
.hrb-index-middle .hrb-middle-body .hrb-middle-right {float:right;width:68%;padding-left:0;padding-right:10px;}
.hrb-index-middle .hrb-middle-body .hrb-middle-right .swiper-slide{padding-left:10px;display:flex;justify-content:center;}
.hrb-index-middle .hrb-middle-body .hrb-middle-right .swiper-slide .hrb-index-xiangmu{}
.hrb-index-middle .hrb-middle-body .hrb-middle-right .swiper-button-prev,.hrb-index-middle .hrb-middle-body .hrb-middle-right .swiper-button-next{background-size: 32px 32px;}
.hrb-index-middle .hrb-middle-body .hrb-middle-right .swiper-button-prev:after,.hrb-index-middle .hrb-middle-body .hrb-middle-right .swiper-button-next:after{font-size:32px;}
.hrb-index-middle .hrb-middle-body .hrb-middle-right .swiper-button-next{right:0;}
.hrb-index-middle .hrb-middle-body .hrb-middle-right .swiper-button-disabled{display:none;}
.hrb-index-middle .hrb-middle-body .hrb-middle-left>ul,.hrb-index-middle .hrb-middle-body .hrb-middle-right>ul {width:100%;margin:0 auto;}
.hrb-index-middle .hrb-middle-body .hrb-middle-left>ul::after,.hrb-index-middle .hrb-middle-body .hrb-middle-right>ul::after {content:'';clear:both;display:block;}
.hrb-index-middle .hrb-middle-body .hrb-middle-left li {width:50%;float:left;padding-left:10px;}
.hrb-index-middle .hrb-middle-body .hrb-middle-right li {width:20%;float:left;padding-left:10px;}
.hrb-index-middle .hrb-middle-body .hrb-middle-left span.hrb-top,.hrb-index-middle .hrb-middle-body .hrb-middle-right span.hrb-top {font-size:26px;color:#0069e9;font-weight:bold;text-align:left;}
.hrb-index-middle .hrb-middle-body .hrb-middle-left span.hrb-unit,.hrb-index-middle .hrb-middle-body .hrb-middle-right span.hrb-unit {font-size:16px;}
.hrb-index-middle .hrb-middle-body .hrb-middle-left span.hrb-bottom,.hrb-index-middle .hrb-middle-body .hrb-middle-right span.hrb-bottom {display:block;text-align:left;font-size:17px;color:black;margin-top:10px;white-space:nowrap;}


.hrb-index-column-body {height:530px;width:1200px;display:flex;flex-direction:column;margin:15px auto 20px;}
.hrb-index-column-body::after {clear:both;content:'';display:block;}
.hrb-index-column-body .hrb-index-clbody-thead {background:#0069e9;color:#fff;height:52px;line-height:52px;font-size:16px;}
.hrb-index-column-body .hrb-index-clbody-thead:after {clear:both;content:'';display:block;}
.hrb-index-column-body .hrb-index-clbody-thead span {float:left;box-sizing:border-box;padding-left:20px;position:relative;}
.hrb-index-column-body .hrb-index-clbody-thead span::after {height:10px;width:1px;content:'';margin-top:20px;background:white;float:right;}
.hrb-index-column-body .hrb-index-clbody-thead ul li:nth-child(6) span::after {display:none;}
/* .hrb-index-column-body .hrb-mySwiper {width:100%;}
*/
.hrb-index-column-body .hrb-swiper-slide-mobile {display:none;}
.hrb-index-column-body .hrb-index-clbody-thead ul li:nth-child(1) span,.hrb-index-column-body .swiper-container .swiper-slide span:nth-child(1) {width:14%;text-align:left;}
.hrb-index-column-body .hrb-index-clbody-thead ul li:nth-child(2) span,.hrb-index-column-body .swiper-container .swiper-slide span:nth-child(2) {width:27%;text-align:left;}
.hrb-index-column-body .hrb-index-clbody-thead ul li:nth-child(3) span,.hrb-index-column-body .swiper-container .swiper-slide span:nth-child(3) {width:25%;text-align:left;}
.hrb-index-column-body .hrb-index-clbody-thead ul li:nth-child(4) span,.hrb-index-column-body .swiper-container .swiper-slide span:nth-child(4) {width:12%;text-align:left;}
.hrb-index-column-body .hrb-index-clbody-thead ul li:nth-child(5) span,.hrb-index-column-body .swiper-container .swiper-slide span:nth-child(5) {width:12%;text-align:left;}
.hrb-index-column-body .hrb-index-clbody-thead ul li:nth-child(6) span,.hrb-index-column-body .swiper-container .swiper-slide span:nth-child(6) {width:10%;text-align:left;}
.hrb-index-column-body .swiper-container {flex:1;width:100%;border-left:1px solid #d8dce5;border-right:1px solid #d8dce5;border-bottom:3px solid #d8dce5;}
.hrb-index-column-body .swiper-slide:nth-child(odd) div {background:#f6f7fa;border-bottom:1px #d8dce6 solid;}
.hrb-index-column-body .swiper-slide span {color:#000;float:left;box-sizing:border-box;padding:0 20px;font-size:16px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.hrb-index-column-body .swiper-slide .hrb-swiper-slide-pc{display:flex;align-items:center;height:100%;box-sizing:border-box;}
.hrb-index-column-body .swiper-slide .hrb-swiper-slide-mobile{display:none;}
.hrb-index-column-body .swiper-slide .hrb-swiper-slide-mobile h1{font-weight: bold;font-size:20px;line-height: 1.5;padding:8px 15px 6px;overflow: hidden;text-overflow: ellipsis;}
.hrb-index-column-body .swiper-slide .hrb-swiper-slide-pc:hover{display:flex;align-items:center;height:100%;box-sizing:border-box;}
.hrb-index-column-body .swiper-slide:nth-child(odd) div:hover {border-bottom:1px #a1b6ec solid;}
.hrb-float_ul {width:70px;position:fixed;border-radius:10px;height:auto;left:50%;margin-left:630px;bottom:38%;padding:0px 5px;background:#ffffff;border-radius:10px;border:1px solid #e7e4e4;}
.hrb-float_ul ul::after {clear:both;display:block;content:'';}
.hrb-float_ul li {float:left;width:100%;height:60px;text-align:center;padding-top:10px;border-bottom:2px solid #f2f2f2;}
.hrb-float_ul li i {display:block;width:18px;height:18px;content:'';margin:0 auto;}
.hrb-float_ul li span {display:block;font-size:14px;margin-top:5px;}
.hrb-float_ul li:nth-child(1) i {background:url(../../img/hrb/index/ft_1.png) center no-repeat;}
.hrb-float_ul li:nth-child(2) i {background:url(../../img/hrb/index/ft_2.png) center no-repeat;}
.hrb-float_ul li:nth-child(3) i {background:url(../../img/hrb/index/ft_3.png) center no-repeat;}
.hrb-float_ul li:nth-child(4) i {background:url(../../img/hrb/index/ft_4.png) center no-repeat;}
.hrb-float_ul li:nth-child(5) i {background:url(../../img/hrb/index/ft_5.png) center no-repeat;}
.hrb-float_ul li:nth-child(6) i {background:url(../../img/hrb/index/ft_5.png) center no-repeat;}
.hrb-float-znxz {position:fixed;right:10px;background:url(../../img/hrb/index/znxz-dz.png) bottom center no-repeat;width:111px;height:155px;bottom:20px;z-index:15;}
.hrb-float-znxz a {display:block;position:relative;}
.hrb-float-znxz span {display:block;position:absolute;left:0;background:url(../../img/hrb/index/znxz-tou.png) center no-repeat;width:100%;height:90px;animation:znxzAnimate 3s linear infinite;}
.hrb-float-znxz span i {width:10.5px;height:4px;border:1px #c3ffff solid;background:#96fdff;border-radius:99px;display:block;position:absolute;top:51%;left:50%;margin-left:-36px;animation:znxzYanJingAnimate 3s linear infinite;}
.hrb-float-znxz span i+i {top:52%;margin-left:-17px;width:12px;}
.hrb-float-znxz-none {background:#0660ce;color:#fff;border:2px #fff solid;border-radius:99px;padding:10px 15px;white-space:nowrap;position:absolute;top:5px;right:95%;display:none;}
.hrb-float-znxz-none:after{width:23px;height:14px;background:url(../../img/znxz-bottom.png) center no-repeat;content:'';top:100%;left:80%;display:block;position: absolute;}
.hrb-float-znxz:hover .hrb-float-znxz-none{display:block;}

.hrb-right-float-region ul+.hrb-float-znxz{zoom:0.64;position:static;margin: 15px auto 0;}
.hrb-right-float-region ul+.hrb-float-znxz .hrb-float-znxz-none{zoom:1.4;margin-top:-15px;}

.hrb-footer {background:#257fed;}
.hrb-footer .hrb-footer-content ul li{background:#3c8cef;}
.hrb-footer .hrb-footer-content ul li p {color:white;}

/*左右侧浮动*/
.hrb-left-float-region{position: fixed;top:610px;right:50%;margin-right:610px;z-index:15;}
.hrb-left-bottom-float-region{position: fixed;bottom:10px;left:10px;z-index:15;}
.hrb-left-bottom-float-region ul li{padding:10px 0 0;}
.hrb-left-bottom-float-region ul li img{display:block;}
.hrb-right-float-region{position: fixed;right:0;top:0%;;height:100%;z-index:15;min-width:80px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;display: flex;flex-direction: column;justify-content: center;}
.hrb-right-float-region ul{background:#fff;box-shadow: 0px 2px 20px rgba(0, 15, 34, 0.1);border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.hrb-right-float-region li a{padding:10px;text-align: center;display: block;position: relative;line-height: 1.3;}
.hrb-right-float-region li a i{font-size:28px;margin:5px 0;display: block;color:#0a64c8;line-height: 1;}
.hrb-right-float-region li+li a{border-top:1px #0a64c830 solid;}
.hrb-right-float-region li .default-icon,.hrb-right-float-region li .hover-icon{width:26px;height:26px;display: inline-block;margin:5px 0;}
.hrb-right-float-region li .hover-icon{display:none;}
.hrb-right-float-region li a:hover{background:#0069ea;color:#fff;}
.hrb-right-float-region li a:hover i{color:#fff;}
.hrb-right-float-region li a:hover .default-icon{display:none;}
.hrb-right-float-region li a:hover .hover-icon{display:inline-block;}
.hrb-right-float-region li a:hover .hrb-float-region-none{display:block;}
.hrb-right-float-region .hrb-float-region-none{position: absolute;top:0;right:100%;padding-right:12px;display:none;}
.hrb-right-float-region .hrb-float-region-none.hrb-float-region-none-bg-transparent .hrb-float-region-none-body{background:none;border-radius:0;box-shadow:none;}
.hrb-right-float-region .hrb-float-region-none .hrb-float-region-none-body{background:#fff;border-radius:10px;padding:5px;box-shadow: 0 2px 15px rgba(0, 24, 50, .13);}
.hrb-right-float-region .hrb-float-region-none img{max-width: 200px;}

@keyframes znxzAnimate {
    0% {top:0;}
    40% {top:30px;}
    43% {top:30px;}
    100% {top:0;}
}
@media (max-width:1000px) {
    
    .hrb-divider.hrb-index {width:100%;height:auto;position:relative;display:flex;flex-direction:row;justify-content:space-between;margin:30px auto;padding-left:10px;}
    .hrb-divider.hrb-index i {display:none;}
    .hrb-divider.hrb-index .hrb-dot {display:none;}
    .hrb-divider.hrb-index .hrb-line {display:none;}
    .hrb-divider.hrb-index .hrb-more {display:none;}
    .hrb-content {padding-left:10px;padding-right:10px;}
    .hrb-index-ztfw {width:100%;background:#fff;margin:10px auto;}
    .hrb-index-middle {width:100%;height:auto;background:url(../../img/hrb/index/content_mbg.png) center no-repeat;}
    .hrb-index-middle .hrb-index-middle-wrapper {width:100%;margin:0 auto;}
    .hrb-index-middle .hrb-middle-body .hrb-middle-left {display:block;float:none;width:100%;box-shadow:1px 3px 16px #d0dffc;}
    .hrb-index-middle .hrb-middle-body .hrb-middle-right {display:block;float:none;margin-top:20px;width:100%;box-shadow:1px 3px 16px #d0dffc;}
    .hrb-index-middle .hrb-middle-body .hrb-middle-left, .hrb-index-middle .hrb-middle-body .hrb-middle-right{padding:20px 15px;}
    .hrb-index-middle .hrb-middle-body .hrb-middle-left>ul,.hrb-index-middle .hrb-middle-body .hrb-middle-right>ul {width:100%;margin:0 auto;display:flex;flex-wrap:wrap;}
    .hrb-index-middle .hrb-middle-body .hrb-middle-right li {width:50%;float:left;padding-left:15px;padding-bottom:10px;}
    .hrb-index-middle .hrb-middle-body li {float:none;}
    .hrb-index-column-body {height:auto;width:100%;display:flex;flex-direction:column;margin:0 auto;}
    .hrb-index-column-body .swiper-container{border:none;}
    .hrb-index-column-body .swiper-wrapper{display: block;}
    .hrb-index-column-body .swiper-slide{height: auto;margin-bottom:15px;display: none;}
    .hrb-index-column-body .swiper-slide:nth-child(-n+3){display:block;}
    .hrb-index-column-body .swiper-slide .hrb-swiper-slide-pc {display:none;}
    .hrb-index-column-body .swiper-slide .hrb-swiper-slide-mobile {display:block;border-top:3px #0069e9 solid;}
    .hrb-index-column-body .swiper-slide:nth-child(odd) div{background:none;}
    .hrb-index-column-body .swiper-slide .hrb-swiper-slide-mobile span {display:block;clear:both;width:100%;overflow:visible;text-overflow:ellipsis;line-height: 2;float: none;padding:0 15px;}
    .hrb-index-column-body .hrb-index-clbody-thead ul li:nth-child(1) span,.hrb-index-column-body .hrb-mySwiper .swiper-slide span:nth-child(1) {width:100%;text-align:left;font-size:18px;font-weight:bold;}
    .hrb-index-column-body .hrb-index-clbody-thead ul li:nth-child(2) span,.hrb-index-column-body .hrb-mySwiper .swiper-slide span:nth-child(2) {width:100%;text-align:left;}
    .hrb-index-column-body .hrb-index-clbody-thead ul li:nth-child(3) span,.hrb-index-column-body .hrb-mySwiper .swiper-slide span:nth-child(3) {width:100%;text-align:left;}
    .hrb-index-column-body .hrb-index-clbody-thead ul li:nth-child(4) span,.hrb-index-column-body .hrb-mySwiper .swiper-slide span:nth-child(4) {width:100%;text-align:left;}
    .hrb-index-column-body .hrb-index-clbody-thead ul li:nth-child(5) span,.hrb-index-column-body .hrb-mySwiper .swiper-slide span:nth-child(5) {width:100%;text-align:left;}
    .hrb-index-column-body .hrb-index-clbody-thead ul li:nth-child(6) span,.hrb-index-column-body .hrb-mySwiper .swiper-slide span:nth-child(6) {width:100%;text-align:left;}
    .hrb-index-column-body .swiper-slide {height:auto;}
    .hrb-index-column-body .hrb-index-clbody-thead {display:none;}
    .hrb-index-column-body .swiper-slide div {border:1px #d8dce5 solid;border-top:2px solid #0069e9;}

    .left-float-region,.left-bottom-float-region,.rigth-float-region{display:none;}
}