@charset "utf-8";
/* CSS Document */
.m_top,.m_footer{display:none;}
.about-qr{background: linear-gradient(90deg, #ecf4ff, #dfe6fd);padding:0 8px 28px 8px;width:95%; margin:18px auto;border:1px #e2e9f6 solid;border-radius:8px; position:relative;}
.about-qr:after{background: url(http://www.91boshi.net/hwyq/images/product-bg2.png) no-repeat 100% / cover;  bottom: 0;  content: "";  height: 225px;  position: absolute;  right: 0;  width: 644px;}
.about-qr h3{margin:0;padding:8px 0;border-radius:0 0 8px 8px;background-color:#4993de;width:200px; color:#fff; margin:0 auto;text-align:center;}
.about-qr p{font-size:15px;line-height:25px; text-indent:26px;padding:8px 8px 0 8px; color:#4876a2;}
.about-qr dl{width:550px;float:left;padding:0 10px;margin-top:3em;color:#787878;}
.about-qr dl dt{ background-image: url(http://files.91boshi.net/images/q.gif);background-repeat:no-repeat;line-height:32px;padding-left:50px;font-size:16px; font-weight:bold;margin: 1em 0;}
.about-qr dl dd{ background-image: url(http://files.91boshi.net/images/a.gif);background-repeat:no-repeat;line-height:32px;padding-left:50px;font-size:15px;margin-top:2em;}
.position{border-top:0;border-radius:0 0 5px 5px;background-color:#fffdf6;}
.position p{margin:0;padding:5px;}
.position p em{margin:0 8px;}
.activity-top{width:100%;  height:auto}

.announcement_container{border: 1px solid #BCE1FC; padding:70px 50px 0;background-color:#fff; margin-top:3em;}
.border_radius{border-radius:12px;}
.background-color--default {background-color:#fff;}
.announcement__list{ display:flex;flex-wrap: wrap;flex-direction: row;justify-content: space-between;}
.announcement__title{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    background: url(http://www.91boshi.net/hwyq/images/announcement-bg.png) no-repeat 0 0/contain;
    font-size: 22px;
    height: 70px;
    line-height: 70px;
    margin-bottom: 20px;
    margin-top: -90px;
    overflow: hidden;
    padding-left:100px;
    padding-right:10px;
    text-overflow: ellipsis;
    white-space: normal;
    width: 1000px;
    word-break: break-word;
	font-weight:bold;
}
.announcement__item{
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 16px;
    height: 16px;
    line-height: 16px;
    margin-bottom: 20px;
    overflow: hidden;
    padding-left: 12px;
    position: relative;
    text-overflow: ellipsis;
    white-space: normal;
    width: 479px;
    word-break: break-word
}

.announcement__item:before { background-color: #c94c00;  border-radius: 50%;  content: ""; display: inline-block;  flex: none;  height: 5px;  left: 0;  position: absolute;  top: 8px; transform: translateY(-50%); width: 5px;}
.announcement__item:nth-child(2n) { width: 544px}
.border-radius{border-radius:12px;}
.font-size--18{font-size:18px;}
.margin-top{margin-top:4em;margin-bottom: 4em;}
.baground-f0f0f0{background-color: #f0f0f0; padding: 0 25px;}

.youth__subtitle{margin-top:30px;display:flex;flex-direction:row;justify-content: center;}
.youth__products{background-image: url(http://www.91boshi.net/hwyq/images/ico_jiangb.png);}
.youth__platform{background-image: url(http://www.91boshi.net/hwyq/images/ico-faz.png);}
.youth__guarantee{background-image: url(http://www.91boshi.net/hwyq/images/ico-baoz.png);}
.youth__item{background-position: left 35px center;background-repeat: no-repeat;background-size: 28px;border-right: 1px solid #90b2ff;color: #285ba2;height: 28px;line-height:24px;padding: 0 50px 0 70px;}
.youth__item:last-of-type{border: none;}

.title__container{padding: 60px 0;white-space: nowrap;}
.title__container::after {border: 1px #d1cee1 solid; content: ""; position: absolute; width: 1180px; z-index:-1000;}
.font-size--36{font-size: 36px;}
.font-weight--bold{font-weight: var(--font-weight);}
.linear-gradient--primary {background: linear-gradient(90deg, var(--color-primary), var(--color-second));}
.position--relative{position: relative;}
.title--tail:after {background: url(http://www.91boshi.net/hwyq/images/title.png) no-repeat 50% / contain;  bottom: -4px;  content: "";    height: 62px;  position: absolute; transform: translate(-60%); width: 112px;}
.flex--center{align-items: center; justify-content: center;}
.flex--row {display: flex;flex-direction: row;}
.title__english {color: #d8deeb; top: 22px; z-index: -1;}
.title--fill{-webkit-background-clip: text;  background-clip: text; -webkit-text-fill-color: transparent;}
.font-size--32 {font-size: 32px;}
.position--x-center {left: 50%; transform: translateX(-50%);}
.position--absolute {position: absolute;}
:root {
    --view-width: 1200px;
    --header-height: 80px;
    --color-primary: #296aff;
    --color-second: #29a7ff;
    --color-default: #333;
    --color-white: #fff;
    --color-highlight: #9f6d1a;
    --color-border: #ebebeb;
    --color-border-default: #d4e1ff;
    --color-footer: #8f8f8f;
    --color-footer-nav-bg: #4e4e4e;
    --color-footer-copyright-bg: #303030;
    --button-disabled-primary: #bababa;
    --background-primary: #f8faff;
    --background-second: #f8f8f8;
    --label-background-primary: #e5edff;
    --tag-background-primary: #f3f8fd;
    --font-size: 14px;
    --font-weight: bold;
    --z-index: 2000;
}

/*list*/
.list_yq{float:left; width:calc(23% - 15.5px);overflow:hidden; height:246px; background-color:#fff; padding:14px;cursor: pointer; margin:0 15px 15px 0;}
.main_1200 .list_yq:nth-child(4n){margin-right: 0;}
.list_yq a{float:left; display:block;}
.list_yq .list_img{ position:relative;overflow:hidden;}
.list_yq img{height:150px; width:100%;border-radius:5px;transition: .3s;}
.list_yq img:hover {-webkit-transform: scale(1.05);transform: scale(1.05);}
.list_yq h3{font-family:"微软雅黑"; margin-top:8px; font-size:16px;color:#074bac; height:44px; overflow:hidden; font-weight:540;}
.list_yq h3 a{color:#4f4f4f;}
.list_yq em{ font-size:12px; background-color:#edf3ff; color:#4aa3ff; padding:5px;border-radius:3px;}
.list_yq .list_img i.city{align-items:center;position: absolute;top:10px;right:12px;height:20px;padding: 0 6px;font-size: 12px; color: #4485fb;  background-color: hsla(0,0%,100%,.82);    border-radius: 2px; margin:0;}
.list_yq .list_img i.city img{width: 8px;height: 11px;margin:3px 3px 0 0;}



.formTableFilter{margin:1em auto; width:615px; position: absolute; top:300px; left:34%;}
.formTableFilter #table-filtering{border:0; border-radius:0 8px 8px 0; background-color:#fff; line-height:37px; width:500px; padding:0 0 0 10px;}
.formTableFilter label{ background-color:#bc4200; color:#fff; line-height:37px; height:37px; float:left; padding:0 5px;border-radius:8px 0 0 8px;}

.hotjob_list{float:left;width:379px;padding:8px 10px;border-right:1px #cfcfcf solid;border-bottom: 1px #cfcfcf solid;}
.hotjob_list h5{font-size:15px;color:#d57300;border-bottom:1px #e2e2e2 dashed;padding-bottom:8px;text-align:center;}
.hotjob_list p{font-size:12px;color:#8e8e8e; line-height:20px;}
.hotjob_list img{width:70px;float:Left;padding:0 0 0 0;}
.hotjob_list span{padding-right:8px;float:left;}
.hotjob_list:hover img{animation: rotating 1.2s linear infinite;}
@keyframes rotating{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}

.container-list {
    display: grid;
    grid-template-columns: repeat(5, 0fr);
    gap: 66px 16px;
    margin-top: 35px;
}
.container-list a {
    width: 225px;
    height: 170px;
    border: 1px #d2d2d2 solid;
    background: #fff;
    border-radius: 15px;
    transition: all .3s ease;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    box-shadow: 1px 2px 4px 1px #a5aaef;
}

.container-list a img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: absolute;
    top: -30px;
    border: #8d0d0d 1px dashed;
    padding: 3px;
    object-fit: cover;
    transition: all .3s ease;
}


.container-list a:hover {
    box-shadow: 0px 0px 0px 1px #ce7900,0 2px 10px 5px rgba(51,51,51,.12);
    transition: all .3s ease;
    transform: translateY(-5px);
    background: linear-gradient(180deg, #ffffff, #f4f6ffad);
}

.container-list a h5 {
    font-size: 14px;
    margin: 65px 0 0 0;
    padding: 0 10px;
    height: 60px;
    line-height: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    max-height: 60px;
    -webkit-line-clamp: 3;
    word-break: break-word;
    white-space: normal;
    overflow: hidden;
    font-weight: normal;
}

.container-list a span {
    background: linear-gradient(90deg, #e0eeff, #e9e0f1);
    display: block;
    width: 100%;
    line-height: 30px;
    text-align: center;
    border-radius: 0 0 15px 15px;
    transition: all .3s ease;
}

.container-list a span i {
    font-style: normal;
    margin: 0 3px;
    font-size: 12px;
    color: #7c0c0c;
    transition: all .3s ease;
}

.container-list a i:first-child {
    background: url(images/salary01.png) no-repeat 0px / 14px 14px;
    padding-left: 16px;
}

.container-list a i:nth-child(2) {
    background: url(images/number01.png) no-repeat 5px / 14px 14px;
    padding-left: 22px;
}

.container-list a i:nth-child(3) {
    background: url(images/coordinate01.png) no-repeat 5px / 14px 14px;
    padding-left: 22px;
}

 .container-list a:hover i:first-child {
    background: url(images/salary02.png) no-repeat 0px / 14px 14px;
    padding-left: 16px;
}

 .container-list a:hover i:nth-child(2) {
    background: url(images/number02.png) no-repeat 5px / 14px 14px;
    padding-left: 22px;
}

 .container-list a:hover i:nth-child(3) {
    background: url(images/coordinate02.png) no-repeat 5px / 14px 14px;
    padding-left: 22px;
}

.container-list a:hover span {
    background: linear-gradient(90deg, #83d1f7, var(--color-second));
}

.container-list a:hover span i {
    color: #fff;
    transition: all .3s ease;
}