body {
    font-size: 14px;
    padding: 0;
    margin: 0;
    font-family: Microsoft YaHei;
}

p, img, ul, li {
    padding: 0;
    margin: 0;
}

ul li {
    list-style-type: none;
}

button {
    border: none;
    outline: none;
    padding: 4px 20px 6px;
    color: #333;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
    font-family: Microsoft YaHei;
}

button:hover {
    background: #0494f5;
    color: #fff;
}

a {
    cursor: pointer;
    text-decoration: none;
    color: #333333;
}

input, textarea {
    height: 40px;
    line-height: 40px;
    border: 1px solid #0072ce;
    border-radius: 4px;
    padding: 4px 10px;
    box-sizing: border-box;
    width: 240px;
    font-size: 16px;
}

input::placeholder {
    color: #909090; /* 修改提示文字颜色 */
    font-size: 14px; /* 修改提示文字大小 */
    font-style: Microsoft YaHei; /* 修改提示文字风格 */
}

select {
    height: 40px;
    line-height: 40px;
    border: 1px solid #0494f5;
    text-transform: none;
    width: 100px;
    padding: 0 2px;
    box-sizing: border-box;
}

select:focus-visible {
    border-color: #0494f5;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(17, 113, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(17, 113, 233, .6);
}

/* IE和Edge的样式 */
select::-ms-expand {
    background: transparent;
    outline: none;
    border: none;
}

input:focus, textarea:focus {
    border-color: #0494f5;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(17, 113, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(17, 113, 233, .6);
}


.w-fill {
    width: 100%;
}

.h-fill {
    height: 100%;
}

.pt-20px {
    padding-top: 20px;
}

.pt-40px {
    padding-top: 40px;
}


/*溢出隐藏*/
.text-ellipsis-line {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.text-ellipsis-line-two {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.text-ellipsis-line-eight {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
}

/*弹性布局部分*/

.flex {
    display: flex;
    align-items: center;
}

.justify-between {
    justify-content: space-between;
}

.flex-one {
    flex: 1;
}

.justify-end {
    justify-content: flex-end;
}


/*颜色部分*/
.color-blue {
    color: #0494f5;
}

.color-grey {
    color: #999999;
}

.color-red {
    color: #e50104;
}

.bg-white {
    background: white;
}

/*内容宽度*/
.context-box {
    width: 1200px;
    margin: 0 auto;
}


.banner-box {
    position: relative;
    z-index: 10;
}

.center-container-nav {
    margin-top: 20px
}

.banner-box1 {
    position: relative;
    z-index: 10;

}

.content-box-img-banner {
    width: 100%;
    height: 320px;
    display: block;
    vertical-align: middle;

}

.content-box-img-banner1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10
}

.context-box-top {
    position: relative;
    z-index: 12;
    height: 320px;
}

.context-box-img-wenzi {
    text-align: center;
    font-size: 40px;
    color: #ffffff;
    padding-top: 60px;
}

.input-box-top {
    padding-top: 20px;
    display: flex;
    justify-content: center;
}

.search-input {
    width: 600px;
    height: 45px;
    border: none;
    border-radius: 6px;
}

.btn-box-top {
    height: 45px;
    width: 110px;
    background-color: #ff671f;
    border-radius: 0 6px 6px 0;
}

.btn-box-top:hover {
    background-color: #ff671f;
}

.btn-box-top p {
    color: #ffffff;
}

.search-history {
    display: flex;
    justify-content: center;
    padding-top: 10px;
    align-items: center;
	width: 60%;
    margin: 0 auto;
}

.search-history-left {

}

.search-history-left p {
    color: #ffffff;
}

.tool-name {
    width: 110px;
    background-color: rgba(51, 51, 51, 0.4);
    margin: 8px;
    line-height: 25px;
    border-radius: 4px;
    padding: 4px 0;
    font-size: 14px;
    display: inline-block;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
}

.tool-name:hover {
    background-color: rgba(255, 255, 255, 0.8);
    color: #777777;
}

/*顶部样式*/

.home-head .logo-image-box {

}

.logo-image-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*height: 60px;*/
    padding: 20px 0 10px;
    box-sizing: border-box;
}

.logo-image-box .image-box {
    width: 40%;
}

.logo-image-box .logo-image {
    width: 160px;
}

.logo-image-box .right-tabs {
    width: 60%;
}

.tabs-box {
    width: 100%;
    height: 50px;
    /*background: #005caf;*/
    box-sizing: border-box;
    /*margin-top: -60px;*/
    position: relative;
    z-index: 11;
}

.tabs-box .tabs-ul {
    list-style: none;
    padding: 0;
    box-sizing: border-box;
    height: 100%;
    display: flex;
}

.tabs-box .tabs-ul li {
    /*display: block;*/
    width: calc(100% / 6);
    position: relative;
    box-sizing: border-box;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tabs-box .tabs-ul li > a {
    color: #333333;
    font-weight: bold;
    font-size: 18px;
    /*height: 100%;*/
    padding: 10px 0;
    display: inline-block;
    border-bottom: 2px solid transparent;
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
}

.tabs-box .tabs-ul .active > a {
    /*color: #ffffff;*/
    border-bottom: 2px solid #62bbf8;
}

.tabs-box .tabs-ul li:hover > a {
    border-bottom: 2px solid #62bbf8;
}

.tabs-box .tabs-ul li:hover .tabs-ul-two-box {
    display: block;
}

.tabs-box .tabs-ul-two-box {
    position: absolute;
    top: 50px;
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 0 6px 2px rgba(51, 51, 51, 0.2);
    border-radius: 8px;
    padding: 0 10px 10px;
    z-index: 20;
    margin: 0;
    box-sizing: border-box;
    left: 0;
    display: none;
}

.tabs-box .tabs-ul-two-box .tabs-ul-two {
    padding: 0;
    margin: 0;
}

.tabs-box .tabs-ul-two-box li {
    width: 100%;
    display: block;
    height: 40px;
    top: 10px;
}

.tabs-box .tabs-ul .tabs-ul-two-box li a {
    color: #333333;
    font-size: 14px;
    height: 30px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: none;

}

.tabs-box .tabs-ul-two-box li:hover {
    color: #34a8f7;
    /*border-radius: 10px;*/
    border-bottom: none;
}

.tabs-box .tabs-ul-two-box li:hover a {
    color: #34a8f7;
}

.header-profile-pic-box {
    position: relative;
    cursor: pointer;
}

.header-profile-pic-box:hover .profile-pic-box {
    display: block;
}
.header-profile-pic {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.profile-pic-box {
    display: none;
    position: absolute;
    width: 150px;
    bottom: 0;
    right: 0;
    transform: translateY(100%);
    padding-top: 20px;
}

.pic-box {
    background: #ffffff;
    padding: 20px 10px 10px;
    box-sizing: border-box;
    border-radius: 10px;
    position: relative;
}

.pic-box a {
    display: block;
    color: #777777;
    font-size: 14px;
    box-sizing: border-box;
    padding: 6px 10px;
    text-align: center;
    border-radius: 4px;
    margin-bottom: 10px;
}

.pic-box a:hover , .pic-box .active-box {
    background: #f2f3f5;
}

.pic-box:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 10px solid #ffffff;
    position: absolute;
    right: 45px;
    top: -10px;
}

.navigation-box {
    padding: 10px 0;
    cursor: pointer;
}


.small-banner {
    width: 50%;
    height: 400px;
}

.small-banner .img-swiper {
    width: 600px;
    height: 400px;
}


.small-banner .a-swiper {
    width: 620px;
    height: 400px;
}

.small-banner .img-swiper img {
    width: 600px;
    height: 400px;
}


.small-banner .carousel .tip-box {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(51, 51, 51, 0.6);
    color: #ffffff;
    font-size: 16px;
    padding-left: 20px;
    height: 46px;
    line-height: 46px;
    box-sizing: border-box;
    display: inline-block
}


/*轮播图*/

.carousel {
    position: relative;
    overflow: hidden;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}

.carousel-inner a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.carousel-inner > .item {
    position: relative;
    display: none;
    -webkit-transition: all .4s linear;
    -o-transition: all .4s linear;
    transition: all .4s linear;
}

.carousel img {
    /* display: block; */
    max-width: 100%;
    line-height: 1;
    vertical-align: middle;
    border: none;
}

.carousel-swiper {
    position: absolute;
    bottom: 35%;
    left: 0;
    width: 100%;

}

.carousel-swiper .title-swiper {
    color: #ffffff;
    font-size: 50px;
    font-weight: bold;
}

.carousel-swiper .title-swiper-img {
    width: 170px;
    height: 20px;
    margin-top: 20px;
}

.mouse-scrolling-box {
    width: 40px;
    height: 54px;
    position:absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    cursor: pointer;
}

.mouse-scrolling-box img {
    width: 100%;
    height: 100%;
}

.carousel-indicators {
    position: absolute;
    bottom: 10px;
    z-index: 15;
    text-align: center;
    list-style: none;
}

.carousel-indicators.center {
    left: 50%;
    transform: translateX(-50%);
}

.carousel-indicators.right {
    right: 20px;
    bottom: 0;
}

.line-inner li {
    display: inline-block;
    width: 10px;
    height: 10px;
    text-indent: -999px;
    cursor: pointer;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.8);
}

.line-inner .active {
    width: 30px;
    background: #ffffff;
}

.line-blue.line-inner li {
    background: #cccccc;
}

.line-blue.line-inner .active {
    background: #005caf;
}

.banner-box .carousel .content-box-img-swiper {
    width: 100vw;
    height: 520px;
}


.news-tabs-box {
    width: 50%;
    box-sizing: border-box;
    padding: 0 0 0 20px;
}

.news-two-list .news-tabs-box {
    width: calc(50% - 10px);
}

.news-tabs-box .news-tabs {
    border-bottom: 1px solid #d9d9d9;
}

.news-tabs-box .news-tabs .tabs a {
    display: inline-block;
    font-size: 18px;
    color: #333333;
    margin-right: 30px;
    padding: 6px 0;
    cursor: pointer;
}

.news-tabs-box .news-tabs .tabs .active, .news-tabs-box .news-tabs .tabs a:hover {
    color: #005caf;
    font-weight: bold;
    border-bottom: 2px solid #005caf;
    position: relative;
    top: 1px;
}


.news-list {
    padding: 12px 0 0;
    min-height: 227px;
}

.news-list .list {
    color: #333333;
    font-size: 16px;
    padding: 11px 0;
}

.news-list .list:before {
    display: inline-block;
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 10px;
    background: #e4e4e4;
    margin-right: 10px;
}

.news-list .list:hover p {
    color: #005caf !important;
}

.news-list .time-box {
    width: 100px;
    text-align: right;
    font-size: 14px
}


.all-list-box {
    padding-top: 40px;
}

.all-list-box .left-box-list .news-tabs-box {
    padding: 0 20px;
    width: 100%;
    box-sizing: border-box;
}

.all-list-box .left-box-list {
    width: 400px;
    background: #f0f5f9;
    padding: 10px 0;
}

.all-list-box .right-box-list {
    width: calc(100% - 400px);
}


.left-box-list .card-box {
    padding: 20px;
    min-height: 80px;
}

.left-box-list .card-box .context {
    background: #ffffff;
    border-radius: 4px;
    padding: 10px;
    line-height: 1.8;
    color: #333333;
    display: block;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.left-box-list .card-box .table-box {
    background: #ffffff;
    border-radius: 4px;
    width: 100%;
    padding: 5px;
}

.left-box-list .card-box .table-box td {
    padding: 5px;
}

.left-box-list .card-box .table-border td {
    padding: 8px 10px;
}

.left-box-list .table-border td {
    border-bottom: 1px solid #dedede;
    border-right: 1px solid #dedede;
}

.left-box-list .table-border tr td:last-child {
    border-right: none;
}

.left-box-list .table-border tr:last-child td {
    border-bottom: none;
}

.left-box-list .card-box .a-box {
    display: block;
    line-height: 2;
    color: #333333;
    font-size: 14px;
}


.left-box-list .footer-select .select-box {
    background: #fff;
    color: #333333;
    border: 1px solid #dedede;
    font-size: 14px;
    text-align: center;
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
    margin-bottom: 10px;
}

.left-box-list .footer-select .select-box:last-child {
    margin-bottom: 0;
}

.left-box-list .text-box {
    width: 90%;
    display: inline-block;
}

.left-box-list .footer-select .select-box:hover .open-box {
    display: block;
}

.footer-select .open-box {
    display: none;
    position: absolute;
    height: 210px;
    top: 40px;
    width: 100%;
    left: 0;
    overflow: auto;
    box-sizing: border-box;
    z-index: 30;
}

.footer-select .open-box .box {
    max-height: 210px;
    overflow: auto;
    background: rgba(67, 141, 242, 1);
    border-radius: 10px;
    padding: 0 20px;
    width: 100%;
    min-height: 100px;
    box-sizing: border-box;
}

.footer-box .footer-select .select-box:hover .open-box {
    display: block;
}

.footer-select .open-box a {
    display: block;
    padding: 10px 0;
    border-bottom: 1px dashed #dedede;
    width: 100%;
    color: #ffffff;
    box-sizing: border-box;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.footer-select .open-box a:last-child {
    border-bottom: none;
}


.left-box-list .btn-a-box {
    padding: 5px 20px 0;
}

.left-box-list .btn-a-box .a-box {
    padding: 5px 10px;
    color: #ffffff;
    text-align: center;
    font-size: 16px;
    border-radius: 4px;
    display: block;
    margin-bottom: 10px;
}

.right-box-list .a-img-box {
    display: flex;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    padding: 0 0 20px 20px;
}

.right-box-list .a-img-box .a-img {
    display: block;
    flex: 1;
    width: calc(100% / 3 - 10px);
    box-sizing: border-box;
    padding-right: 10px;
}

.right-box-list .a-img-box .a-img:last-child {
    padding-right: 0;
}

.right-box-list .a-img-box .a-img img {
    width: 100%;
    height: 80px;
}


.all-img-box {
    padding-top: 20px;
}

.all-img-box .news-tabs-box {
    padding-left: 0;
    width: 100%;
}

.all-img-box .card-box {
    padding: 20px 0 40px;
    width: 100%;
    display: flex;
    align-items: center;
}

.all-img-box .card-box .a-list-box {
    width: calc(100% / 5 - 16px);
    margin-right: 20px;
    box-sizing: border-box;
}

.all-img-box .card-box .a-list-box:last-child {
    margin-right: 0;
}

.all-img-box .card-box .img-box {
    width: 100%;
    height: 140px;
}

.all-img-box .card-box .text-box {
    text-align: center;
    font-size: 14px;
    padding-top: 6px;
}

.footer-box {
    background: #031229;
    margin-top: 40px
}

.footer-box .text-box {
    border-top: 1px solid #f6f6f6;
}

.footer-box .cont-boxs-bottom {
    color: #ffffff;
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}
.footer-box .cont-boxs-bottom a{color:#ffffff;}
.footer-box .text-box .lfet-text-box {

}

.footer-box .text-box .right-box {
    display: flex;
    justify-content: flex-end;
    align-items: center;

}

.footer-box .text-box .right-box a {
    color: #ffffff;
    font-size: 14px
}

.footer-box .text-box .right-box .line {
    width: 1px;
    height: 14px;
    background: #fff;
    margin: 0 20px;
}


.footer-box-tabs {
    padding: 40px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-box-tabs .logo-image-tabs {
    width: 20%
}

.footer-box-tabs-center {
    width: 35%;
    min-height: 200px;
    display: flex;
    justify-content: space-around;
}

.footer-box-tabs-center .center-box {

}

.footer-box-tabs-center .tabs-title-box {
    color: #fff;
    font-size: 16px;
    padding-bottom: 20px;
    display: inline-block;
}

.footer-box-tabs-center .tabs-title-box-sub {
    padding-top: 20px
}

.footer-box-tabs-center .tabs-title-box-sub a {
    color: #999;
    font-size: 14px;
    display: block;
    margin-bottom: 20px;
}

.footer-box-tabs-right {
    width: 424px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.footer-box-tabs-right .tabs-right-ewm {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #999;
    margin-left: 20px
}

.footer-box-tabs-right .ewm-image-tabs {
    width: 86px;
    height: 86px;
    margin-bottom: 10px
}

.footer-box-tabs-right .ewm-image-tabs .desc-box {

}


/*公司业务3*/
.image-container {
    text-align: center;
    margin-top: 100px;
}

.image-container .imgNone {
    width: 500px;
}

.desc-box-text {
    text-align: center;
    font-size: 16px;
    color: #666;
    margin-top: 20px;
}

.phone-desc {
    color: #0495f6;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-top: 20px;
}

.none-height {
    min-height: 600px;
}

/*人才招聘3*/
.outBoxBig {
    background-color: #f2f8ff;
    min-height: 100vh;
}

.outBox {
    background-color: #f2f8ff;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 1000px;
    position: relative

}

.innerBox {
    background-color: #ffffff;
    margin-top: 20px;
    padding: 30px 30px 60px;
    box-sizing: border-box;

}

.innerBox .title-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wenzi1 {
    font-size: 30px;
    font-weight: bold;
    display: flex;
    align-items: center;
}

.wenzi1 img {
    width: 20px;
    height: 20px;
    margin-left: 10px;
}


.wenzi2 {
    padding-top: 10px;
    color: #999999;
}

.innerBox .time {
    padding-top: 10px;
    color: #999999;
    font-size: 16px;
}

.describe1 {
    font-size: 20px;
    font-weight: bold;
    display: flex;
    align-items: center;
    padding-top: 50px;
}

.tag {
    height: 22px;
    width: 4px;
    background-color: #0494f5;
    margin-right: 8px;
}

.wenzi1 img {
    width: 20px;
    height: 20px;
    margin-left: 10px;
}

.content {
    padding: 20px 0;
}

.content p {
    margin-bottom: 10px;
    color: #777777;
}

.describe2 {
    font-size: 20px;
    font-weight: bold;
    display: flex;
    align-items: center;
    padding-top: 25px;
}

.btn-box {
    margin-top: 40px;
    width: 120px;
    height: 40px;
    color: #ffffff;
    background-color: #0494f5;

}

.btn-box1 {
    background-color: #a7afb9;
}

.map-box {
    height: 20px;
}

.title-box-line.innerBox {
    padding: 0 0 60px;
}

.title-box-line .title-box {
    padding: 20px 30px;
    border-bottom: 1px solid #f6f6f6;
}

.title-box-line .wenzi1 {
    font-size: 24px;
    color: #333333;
}

.title-box-line .form-box-box {
    padding: 30px;
}

.title-box-line .user-info {
    padding-top: 30px;
}

/*  新闻中心2   */
.title {
    font-size: 24px;
    font-weight: bold;
    padding-top: 30px;
    text-align: center;
}

.dateline {
    padding: 15px 0;
    border-bottom: 1px solid #e2e2e2;
}

.dateline span {
    color: #7f7f7f;
    font-size: 14px;
}


.inner-content {
    min-height: 600px;
    padding: 30px 0;
    box-sizing: border-box;
}

.inner-content p {
    margin: 20px 0;
    font-size: 14px;
    text-indent: 2em;
    line-height: 2;
}

/* 人才招聘3 */
.lineBlue {
    width: 1200px;
    height: 4px;
    color: #f2f8ff;
}

.Unload {
    font-size: 20px;
    color: #333333;
    padding-bottom: 10px;
}

.Unload span {
    font-size: 20px;
    color: #5b5b5b;
}

.title-box-line .submit-box {
    width: 350px;
    height: 40px;
    padding: 5px;
    background: #ececec;
    margin: 5px 0;
	position: relative;
}

.submit-box p {
    color: #777777;
    font-size: 14px;
}

.Resume {
    padding: 5px;
}

.Resume span {
    color: #8b8b8c;
}

.pdf {
    color: #9f9f9f;
    padding: 5px;
}

.UploadResume {
    padding: 10px;
}

.UploadPortfolio {
    padding: 10px;
}

.UploadLivePhoto {
    padding: 10px;
}

.socialSnipaste {
    padding: 10px;
}


.tool-box-big {
    display: flex;
    margin-top: 20px;
	min-height:500px;
}

.tool-box-big .left-tool {
    width: 300px;
    padding: 0;
    box-sizing: border-box;
    margin-right: 20px;
    background: #ffffff;
}

.tool-box-big .select-clear {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    border-bottom: 1px solid #f6f6f6;
}

.tool-box-big .select-clear .title-clear {
    color: #333333;
    font-size: 16px;
}

.tool-box-big .select-clear .clear {
    color: #999999;
    font-size: 14px;
    cursor: pointer;
}

.tool-box {
    padding: 0 20px 20px 20px;
}

.tool-box .title-sort {
    font-size: 20px;
    color: #333333;
    padding: 20px 0;
}

.tool-box .title-sort-box {
    list-style: none;
    padding: 0 0 20px;
    margin: 0;
    overflow-x: hidden;
}

.tool-box .title-sort-box li {
    display: flex;
    align-items: center;
    padding: 6px 0;
    font-size: 14px;
    color: #333333;
    line-height: 1;
}

.tool-box .title-sort-box .check-input {
    width: 16px;
    height: 16px;
    border: 1px solid #999999;
    margin-right: 10px;
}

.right-tool {
    flex: 1;

}

.min-right-tool-height {
    min-height: 600px
}

.right-tool .right-tool-card {
    background: #ffffff;
    padding: 20px;
    margin-bottom: 20px;
    display: block;
    width: 100%;
    box-sizing: border-box
}

.right-tool .right-tool-card .desc-bottom {
    padding-top: 20px;
}

.right-tool .right-tool-card .p-box {
    font-size: 14px;
    color: #333333;
    line-height: 2;
}

.right-tool .right-tool-card .title-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.right-tool .right-tool-card .time {
    color: #666666;
    font-size: 14px;
}

.right-tool .right-tool-card .title-top {
    font-size: 24px;
    font-weight: bold;
    color: #333333;
}

.right-tool .right-tool-card img {
    width: 18px;
}

.right-tool .right-tool-card .title-desc {
    font-size: 16px;
    color: #999999;
    margin-top: 6px;
}

.right-tool .right-tool-card:hover {
    box-shadow: 0 0 10px 4px rgba(164, 164, 164, 0.2);
}

.right-tool .right-tool-card:hover .title-top {
    color: #2ea6f7;
}


.right-tool .card-box-big .card-box {
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
}

.right-tool .card-box-big .card-box1 {
    padding: 10px;
    display: flex;
    flex-wrap: wrap;


}

.right-tool .card-box-big .card {
    width: calc(100% / 4 - 20px);
    margin: 10px;
    background: #ffffff;
    border-radius: 4px;
    padding: 10px;
    box-sizing: border-box;
    display: block;
}

.right-tool .card-box-big .card1 {
    width: 1000px;
    margin: 10px;
    background: #ffffff;
    border-radius: 4px;
    padding: 10px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between; /* 两端对齐，文字在左，按钮在右 */
    align-items: center; /* 垂直居中对齐 */

}


.right-tool .card-box-big .card .card-title {
    display: flex;
    align-items: center;
}

.right-tool .card-box-big .card1 .card-title {
    display: flex;
    align-items: center;
    margin-left: 30px;
}

.right-tool .card-box-big .card1 .card-title p {
    padding-left: 20px;
    color: #404040;
    font-size: 50px;
}


.right-tool .card-box-big .card .card-title img {
    width: 70px;
    height: 30px;
    /* border-radius: 30px; */
}

.right-tool .card-box-big .card1 .card-title img {
    width: 35px;
    height: 35px;
    border-radius: 30px;
}

.right-tool .card-box-big .card .card-title p {
    font-size: 16px;
    color: #333333;
    margin-left: 10px;
}

.right-tool .card-box-big .card1 .card-title p {
    font-size: 16px;
    color: #333333;
    margin-left: 10px;
}

.right-tool .card-box-big .card .cont-p {
    font-size: 14px;
    color: #333333;
    line-height: 1.6;
    min-height: 40px;
    margin-top: 10px;
}

.right-tool .card-box-big .card1 .cont-p {
    font-size: 14px;
    color: #333333;
    line-height: 1.6;
    min-height: 40px;
    margin-top: 10px;
}

.right-tool .card-box-big .card1 .cont-p1 {
    font-size: 14px;
    color: #333333;
    line-height: 1.6;
    min-height: 40px;
    width: 600px;
    word-wrap: break-word;
    margin-top: 20px;
    margin-left: 30px;
}

.card-box1 .card1 .btn-box-right {
    width: 100px;
    height: 35px;
    background-color: #0494f5;

}


.webLink {
    padding:40px 0 40px 200px;
    box-sizing: border-box;
    min-height: 900px;
}

.webLink .mapTitle p {
    font-size: 28px;
    font-weight: bold;
}

.SonLink {
    padding-top: 50px;
}

.SonLink p {
    color: #949494;
}

.SonLink .homePage {
    margin-top: 20px;
    font-size: 16px;
    color: #7b7b7b;
}

.homePage a {
    font-size: 15px;
    color: #7b7b7b;
}


.comingQS {
    font-size: 20px;
    color: #777;
    padding-top: 50px;
}

.comeQS {
    padding-top: 10px;
}

.comeQS a {
    color: #777777;
    padding-right: 10px;
    display: inline-block;
}

.bottom {
    padding-top: 250px;
}

.fileRecord p {
    font-size: 26px;
    font-weight: bold;
    text-align: center;
}


.lineGray {
    height: 2px;
    background-color: #e5e5e5;
    margin-top: 30px;
}

.content-time-p-box {
    padding: 50px 20px 30px;
}

.content-time-p {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}

.time7 {
    font-size: 18px;
    font-weight: bold;
    width: 150px;
}

.record {
    flex: 1;
    border-bottom: 1px solid #e8e8e8;
}

.record p {
    color: #777777;
    margin-bottom: 20px;
    line-height: 1.8;
    font-size: 14px;
	width:950px;
	white-space: normal;
	word-break: break-all;
}

.add p {
    font-size: 26px;
    color: #0896f5;
    text-align: center;
    padding-top: 20px;
}

.input-record {
    padding: 20px;
    display: flex;
    align-items: center; /* 垂直居中对齐 */

}

.input-record p {
    font-size: 18px;
    width: 100px; /* 给左侧文字统一设置固定宽度 */
}

.input-record input {
    border: 2px solid #eeeff1; /* 设置边框颜色和宽度 */
    width: 300px; /* 设置输入框长度 */
    height: 40px;
    padding: 5px; /* 添加适当的内边距 */
    box-sizing: border-box; /* 确保 padding 不影响总宽度 */
}

.input-record-L textarea {
    border: 2px solid #eeeff1; /* 设置边框颜色和宽度 */
    width: 100%; /* 设置输入框长度 */
    height: 150px;
    padding: 5px; /* 添加适当的内边距 */
    box-sizing: border-box; /* 确保 padding 不影响总宽度 */
    flex: 1;
	line-height:24px;
}

.input-record-L {
    align-items: flex-start;
}

.btn-save-cancel {
    display: flex;
    justify-content: center; /* 水平居中 */
    gap: 40px; /* 按钮间距 */
    margin-top: 20px; /* 顶部的额外间距 */
}

/* 人才招聘1*/

/* 为什么选择千士 */

.whyChoose {
    text-align: center;
    padding: 50px 0;
    font-size: 30px;
    font-weight: bold;
}

.whyChoose-content {
    display: flex;
    justify-content: space-between;
    padding: 20px 0 60px;
}

.whyChoose-item {
    width: calc(25% - 20px);
}

.whyChoose-item img {
    height: 46px;
    width: 46px;
    margin-bottom: -10px;
}

.whyChoose-item .Gradient {
    width: 100%;
    height: 2px;
    margin-bottom: 10px;
}

.Gradient-color1 {
    background-color: #00a9ce;
}

.Gradient-color2 {
    background-color: #79c000;
}

.Gradient-color3 {
    background-color: #b45cc8;
}

.Gradient-color4 {
    background-color: #ff671f;
}

.whyChoose-item i {
    font-size: 36px;
    margin-bottom: 10px;
}

.whyChoose-item h3 {
    font-size: 18px;
    margin-bottom: 10px;
}

.whyChoose-item p {
    font-size: 14px;
    line-height: 1.5;
}


/* 招聘职位 */
.job-listings{
	min-height: 400px;
}
.job-listings-content {
    display: flex;
    flex-wrap: wrap;
}

.job-item {
    width: calc(20% - 20px);
    padding: 20px;
    background-color: #f2f2f2;
    text-align: center;
    box-sizing: border-box;
    margin-right: 20px;
    margin-bottom: 20px;
}

.job-item:nth-child(5n) {
    margin-right: 0;
}

.job-item p {
    font-size: 18px;
    color: #333;
    margin-bottom: 10px;
}

.apply-button {
    display: inline-block;
    padding: 4px 16px;
    font-size: 14px;
    color: #fff;
    background-color: #0494f5;
    border: none;
    cursor: pointer;
    text-decoration: none;
}

/*人才招聘2*/
/* Main Content */
.main-content {
    display: flex;
    padding: 20px 0;
}

/* Filters */
.filters {
    width: 20%;
    padding-right: 20px;
    border-right: 1px solid #ddd;
}

.filters h3 {
    font-size: 18px;
    /*margin-bottom: 10px;*/
}

.filters ul {
    list-style: none;
    /*margin-bottom: 20px;*/
}

.filters ul li {
    margin-bottom: 8px;
}

/* Job Listings */
.job-listings1 {
    height: 150px;
    width: 1200px;
    background-color: #ffffff;
}

.JobListingsSection {
    background: #ffffff;
    padding: 40px;
    box-sizing: border-box;
    margin-top: 20px;
}

.search-bar {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70%;
    margin: 0 auto;
}

.search-bar input {
    width: calc(100% - 120px);
    background: #fbfbfb;
    border-radius: 50px 0 0 50px;
    border: none;
    height: 40px;
    box-sizing: border-box;
    padding-left: 20px;
}

.search-bar button {
    width: 120px;
    padding: 10px;
    height: 40px;
    box-sizing: border-box;
    background-color: #007bff;
    color: #ffffff;
    border: none;
    border-radius: 0 50px 50px 0;
    cursor: pointer;
}

.job-posts .job-post {
    border-bottom: 1px solid #ddd;
    padding: 15px 0;
}

.job-post h2 {
    color: #333;
    font-size: 20px;
    display: flex;
    align-items: center;
}

.job-post .job-info {
    color: #777;
    margin: 8px 0;
}

.job-post p {
    font-size: 14px;
    line-height: 1.6;
    color: #555;
}


/*首页样式*/

.home-head {
    position: relative;
    z-index: 12;
    background: #3333336e;
    border-bottom: 1px solid #fff
}

.swiper-box {
    position: relative;
    margin-top: -100px;
    z-index: 10;
    height: 100vh;
}
.swiper-box video {
    width: 100%;
    object-fit: cover;
}
.carousel-inner .content-box-img-swiper {
    width: 100vw;
    height: 100vh;
}


.home-head .tabs-box .tabs-ul li > a {
    color: #fff
}

.home-head .tabs-box .tabs-ul .tabs-ul-two-box li a {
    color: #333
}

.home-head .tabs-box .tabs-ul-two-box li:hover a {
    color: #34a8f7;
}


.swiper-box .swiper-dot-center {
    transform: translateY(-50%);
    right: 20px;
    bottom: 50%;
}

.swiper-box .line-inner .active {
    width: 6px;
    background: #272a2c
}

.swiper-box .line-inner li {
    display: block;
    width: 6px;
    height: 30px;
    text-indent: -999px;
    border-radius: 0;
    background: rgba(39, 42, 44, 0.2);
    margin-top: 6px
}

.title-box-home-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
}

.title-box-home {
}

.title-box-home .home-title {
    color: #000000;
    font-size: 40px;
    font-weight: bold;
    position: relative;
    z-index: 12;
}

.title-box-home .home-title-desc {
    color: #fff;
    font-size: 60px;
    font-weight: bold;
    text-shadow: -1px -1px 0 #999, 1px -1px 0 #999, -1px 1px 0 #999, 1px 1px 0 #999; /* 描边颜色 */
    position: relative;
    z-index: 10;
    margin-top: -40px;
    letter-spacing: 0.1em;
}

.title-box-home-box .jiantou {
    width: 88px
}


.nesw-cont-box {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
}

.nesw-cont-box .small-banner {
    width: 100%;
    height: 400px;
    padding-right: 40px;
    box-sizing: border-box;
}

.nesw-cont-box .small-banner .img-swiper {
    width: 100%;
    height: 360px;
}

.small-banner .img-swipers {
    width: 620px;
    height: 360px;
}

.nesw-cont-box .small-banner .img-swiper img {
    width: 100%;
    height: 360px;
}


.nesw-cont-box .news-left {
    width: 55%;
    padding-top: 30px;
}

.nesw-cont-box .news-right {
    width: 45%;
    border-left: 1px solid #f1f1f1;
    box-sizing: border-box;
    padding-top: 20px;
    padding-left: 20px
}

.nesw-cont-box .news-tabs-box {
    width: 100%;
}


.nesw-cont-box .news-tabs-box .news-tabs .tabs a {
    font-size: 24px;
    font-weight: bold;
    color: #000;
}

.nesw-cont-box .news-tabs-box .news-tabs {
    padding-bottom: 20px;
}

.nesw-cont-box .news-tabs-box .news-tabs .tabs .active, .news-tabs-box .news-tabs .tabs a:hover {
    color: #000;
    border-bottom: none;
    position: relative;
    top: 0px;
}

.nesw-cont-box .news-list a {
    color: #777777;
    font-size: 16px;
    line-height: 2.2
}


.nesw-cont-box .news-list {
    min-height: 40px;
}

.nesw-cont-box .pad-top {
    padding-top: 20px;
}


.nesw-cont-box .min-h-100 {
    min-height: 200px !important;
}

.nesw-cont-box .news-left .news-tabs-box {
    padding: 30px 40px 20px 0;
}

.notice-box {
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
    padding: 20px 0;
    border-bottom: 1px solid #f1f1f1;
}

.notice-box .notice-box-left {
    color: #ee0202;
    font-size: 16px
}

.notice-box .notice-box-left .custom-icon {
    margin-right: 10px
}

.notice-box .notice-box-right {
    flex: 1;
    padding-left: 20px;
    font-size: 16px;
    color: #777777
}

.desc-img-box-big {
    position: relative;
    height: 700px;
    margin-top: 30px;
    padding-top: 60px
}

.desc-img-box-big .img-box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.desc-img-box-big .desc-cont-box {
    position: relative;
    z-index: 12
}

.desc-cont-box .title-box-home .home-title {
    color: #fff;
}

.desc-cont-box .title-box-home .home-title-desc {
    color: transparent;
    text-shadow: -1px -1px 0 #85919d, 1px -1px 0 #85919d, -1px 1px 0 #85919d, 1px 1px 0 #85919d; /* 描边颜色 */
}

.desc-cont-box .p-box-desc {
    color: #fff;
    font-size: 20px;
    line-height: 1.8;
    padding-top: 60px;
    text-indent: 2em;
    width: 84%
}

.desc-cont-box .more-box-desc {
    color: #fff;
    font-size: 20px;
    margin-top: 80px;
    margin-left: 2em;
    display: inline-block;
    padding-bottom: 10px;
    border-bottom: 2px solid #fff;
}

.desc-cont-box .more-box-desc p {
    display: flex;
    align-items: center;
}

.desc-cont-box .custom-icon {
    color: #ffffff54;
    margin-left: 10px
}

.desc-cont-box .line-box {
    display: inline-block;
    padding-bottom: 10px;
    border-bottom: 2px solid #fff;
}


.desc-cont-box .a-desc-box-list {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-top: 100px;
}

.desc-cont-box .a-desc-box-list .a-desc-box-big {
    display: block;
    width: 299px;
    height: 144px;
    border: 1px solid #fff;
    position: relative;
    margin-left: 20px
}

.desc-cont-box .a-desc-box-list .a-desc-box-big .img-a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 12;
}

.desc-cont-box .a-desc-box {
    position: relative;
    z-index: 14;
    color: #fff;
    padding: 10px 20px
}

.desc-cont-box .a-desc-box-title {
    font-size: 20px
}

.desc-cont-box .add-box-img {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    background: #3f3f3f;
    padding: 0px 6px 4px;
    position: absolute;
    bottom: 10px;
    left: 20px;
    z-index: 14;
    line-height: 1;
    box-sizing: border-box;
}

.home-box-text {
    padding-top: 40px
}

.home-box-text .title-home {
    font-size: 24px;
    color: #000000;
    padding-bottom: 40px
}

.home-box-text .desc-box {
    font-size: 26px;
    color: #000000;
    padding-bottom: 40px;
    line-height: 1.6;
    width: 80%
}

.home-tag-box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 40px
}

.home-tag-a {
    color: #000;
    display: block;
    width: calc(25% - 20px);
    background: #f2f3f5;
    padding: 20px;
    box-sizing: border-box;
}

.home-tag-a.active {
    background: #0494f5;
    color: #fff;
}

.home-tag-a.active  .sub-title .grey{
    color: #ffffff5f;
}

.home-tag-a .sub-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.home-tag-a .sub-title .custom-icon {
    font-size: 40px
}

.home-tag-a .sub-title .grey {
    color: #d7d7d8;
    font-size: 36px;
    font-weight: bold;
}

.sub-desc-box {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding-top: 30px;
}

.sub-desc-box .name-box {
    font-size: 20px;
    padding-bottom: 4px
}

.sub-desc-box .small-box {
    font-size: 12px
}


/*招聘 样式*/
.user-info .form-box {
    width: 70%
}

.user-info .form-box .width-col {
    width: 50%
}

.user-info .form-box .label-input {
    margin-bottom: 10px
}

.user-info .form-box .required:after {
    content: '*';
    color: #ff0000;
    margin-left: 4px;
}

.user-info .form-box .input-boxs {
    width: 100%
}

.user-info .form-box .input-box {
    width: 100%;
    border: 1px solid #edeef0;
    border-radius: 4px;
}

.user-info .form-box .pl-20px {
    margin-left: 40px;

}

.btn-box-four-box {
    text-align: center;
    padding-top: 20px
}

.btn-box-four {
    width: 200px;

}

.other-box-back {
    background: #f2f8ff;
}


.tool-box-all {
    display: flex;
    padding-top: 30px;
	min-height: 500px;
}

.tool-box-all .left-tool {
    width: 230px;
	height: 660px;
	overflow: auto;
    padding: 0px 10px 10px 0;
    box-sizing: border-box;
	    margin-top: 10px;
}
.element {
  width: 300px;
  height: 200px;
  overflow: scroll;
}

/* 定制滚动条的轨道 */
.element::-webkit-scrollbar {
  width: 8px; /* 设置垂直滚动条的宽度 */
  height: 8px; /* 设置水平滚动条的高度 */
}

/* 定制滚动条轨道的背景 */
.element::-webkit-scrollbar-track {
  background: rgb(161 161 161 / 10%); /* 设置半透明的滚动条轨道背景 */
  border-radius: 10px; /* 可选，设置轨道的圆角 */
}

/* 定制滚动条滑块的背景 */
.element::-webkit-scrollbar-thumb {
  background: rgb(208 208 208 / 50%); /* 设置半透明的滑块颜色 */
  border-radius: 10px; /* 可选，设置滑块的圆角 */
}

/* 滚动条在鼠标悬停时的样式 */
.element::-webkit-scrollbar-thumb:hover {
  background: rgb(130 130 130 / 50%); /* 悬停时加深颜色 */
}

.tool-box-all .left-tool a {
    font-size: 16px;
    color: #333333;
    padding: 10px 20px;
    display: block;
    border-radius: 4px;
    text-align: center;
}

.tool-box-all .left-tool .active-box {
    background: #0891fd;
    color: #ffffff;
}

.tool-box-all .right-tool {
    flex: 1;
}

.right-tool .card-box-big {

}

.tool-box-all .right-tool .card-box-big .title-box {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    padding: 10px 10px 0;
}

.tool-box-all .right-tool .card-box-big .card-box {
    padding: 10px 0 10px 10px;
    display: flex;
    flex-wrap: wrap;
}

.tool-box-all .right-tool .card-box-big .card {
    width: calc(100% / 4 - 15px);
    margin: 10px 20px 10px 0;
    background: #ffffff;
    border-radius: 4px;
    padding: 10px;
    box-sizing: border-box;
    position: relative;
}

.tool-box-all .right-tool .card-box-big .tag-box {
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    padding: 1px 6px;
    color: #fff;
    font-size: 12px;
    border-radius: 0 4px 0 10px;
}

.tool-box-all .right-tool .card-box-big .primary-tag {
    background: #0891fd;
}

.tool-box-all .right-tool .card-box-big .success-tag {
    background: #31e85f;
}

.tool-box-all .right-tool .card-box-big .danger-tag {
    background: #ea7649;
}

.tool-box-all .right-tool .card-box-big .card:nth-child(4n) {
    margin-right: 0;
}


.tool-box-all .right-tool .card-box-big .card .card-title {
    display: flex;
    align-items: center;
}

.tool-box-all .right-tool .card-box-big .card .card-title img {
    width: 70px;
    height: 30px;
    /* border-radius: 30px; */
}

.tool-box-all .right-tool .card-box-big .card .card-title p {
    font-size: 16px;
    color: #333333;
    margin-left: 10px;
	margin-top: 5px;
}

.tool-box-all .right-tool .card-box-big .card .cont-p {
    font-size: 14px;
    color: #333333;
    line-height: 1.6;
    min-height: 20px;
    margin-top: 10px;
}


.tool-box-all .card-box-one {
    width: 100%;
}

.tool-box-all .card-box-one .card-list {
    width: 99%;
    margin: 20px 10px 0;
    background: #ffffff;
    border-radius: 4px;
    padding: 15px 20px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between; /* 两端对齐，文字在左，按钮在右 */
    align-items: center; /* 垂直居中对齐 */
    position: relative;
}

.tool-box-all .card-box-one .card-list .card-title {
    display: flex;
    align-items: center;
}

.tool-box-all .card-box-one .card-list .card-title img {
    width: 30px;
    height: 30px;
    border-radius: 30px;
}

.tool-box-all .card-box-one .card-list .card-title .title-one {
    margin-left: 10px;
    font-size: 16px;
    color: #333333;
    font-weight: bold;
}

.tool-box-all .card-box-one .card-list .cont-p1 {
    font-size: 14px;
    color: #333333;
    line-height: 1.6;
    min-height: 40px;
    margin-top: 10px;
    width: 80%;
}

.tool-box-all .card-box-one .card-list .card-title .tag-box {
    position: relative;
    margin-left: 10px;
}
.tool-box-all .card-box-one .card-list .tag-box {
    display: inline-block;
    padding: 4px 10px;
    color: #fff;
    font-size: 12px;
    border-radius: 0 10px  0 10px;
}

.tool-box-all .card-box-one .card-list .primary-tag {
    background: #0891fd;
}

.tool-box-all .card-box-one .card-list .success-tag {
    background: #31e85f;
}

.tool-box-all .card-box-one .card-list .danger-tag {
    background: #ea7649;
}


.tool-box-all .card-box-one .card-list .btn-box-right {
    width: 100px;
    height: 35px;
    background-color: #0494f5;
    color: #ffffff;
}


.login-modal-box {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(51, 51, 51, 0.8);
    z-index: 100;
}

.login-modal-box .login-box {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.login-modal-box .login-modal {
    width: 400px;
    min-height: 200px;
    background: #ffffff;
    border-radius: 8px;
    position: relative;
    padding: 20px;
}

.login-modal-box .news-modal-box {

}

.login-modal-box .news-modal-box  .login-modal{
    width: 800px;
}
.login-modal-box .login-modal .login-title {
    font-size: 28px;
    color: #333333;
    font-weight: bold;
    padding: 10px 20px 0;
}

.login-modal-box .close-box {
    text-align: right;
    font-size: 18px;
	width: 30px;
    margin-left: 90%;
}

.login-modal-box  .round-close-box {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.login-modal-box .round-close {
    border-radius: 50px;
    border: 1px solid #3f3f3f;
    color: #3f3f3f;
    font-size: 14px;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
	margin:0;
}

.login-modal-box .close-box .custom-icon-close {
    cursor: pointer;
}

.login-modal-box .round-close .custom-icon-close {
    line-height: 1;
    font-size: 12px;
}


.login-modal-box .login-form {
    padding: 20px;
}

.login-modal-box .login-form .lg-input {
    border: none;
    border-bottom: 1px solid #999999;
    border-radius: 0;
    width: 100%;
    height: 50px;
    padding: 0;
}

.login-modal-box .login-form input:focus, .login-modal-box .login-form input:focus + .send-code {
    border-color: #0494f5;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.login-modal-box .login-form .send-code-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.login-modal-box .login-form .send-code-box .send-code {
    display: inline-block;
    width: 100px;
    border-bottom: 1px solid #999999;
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    color: #0494f5;
}


.login-modal-box .login-modal .submit-btn {
    width: 100%;
    height: 40px;
    margin-top: 20px;
}


.login-modal .img-yzm {
    width: 80px;
    height: 50px;
    border: 1px solid #999999;
    border-left: none;
    border-radius: 0 4px 4px 0;
}

.login-modal .lg-input.input-yzm {
    width: calc(100% - 80px);
    border-right: none;
    border-radius: 4px 0 0 4px;
}


.login-modal-box .login-title-img {
    position: absolute;
    top: 20px;
    left: 20px
}

.login-modal-box .login-title-img img {
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.tabs-login-box {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
}

.tabs-login-box .tabs-a {
    font-size: 18px;
    font-weight: bold;
    color: #999999;
    width: 120px;
    text-align: center;
    display: inline-block;
}

.tabs-login-box .active-box {
    color: #556370;
}

.tabs-login-box .tabs-a:after {
    content: '';
    width: 30px;
    height: 2px;
    background: #fff;
    display: block;
    margin: 4px auto;
}

.tabs-login-box .active-box:after {
    background: #0494f5;
}

.login-desc-ewm {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.login-desc-ewm .login-desc-title {
    font-size: 18px;
    color: #556370;
    padding: 20px 0;
}

.login-desc-ewm .login-ewm-box {
    width: 180px;
    height: 180px;
}

.login-desc-ewm .login-desc {
    color: #666666;
    font-size: 14px;
    padding: 30px 0 20px;
}

.login-modal-box .news-modal-box .news-modal {
    display: flex;
    padding: 20px 40px 0;
    box-sizing: border-box;
}

.news-modal-box .news-modal .image-box {
    width: 30%;
    /*text-align: center;*/
}

.news-modal-box .news-modal .image-box .logo-image {
    width: 80%;
	margin-top: 25%;
}

.news-modal-box .news-modal  .right-box-modal {
    width: 70%;
    padding-left: 20px;
    box-sizing: border-box;
}
.news-modal-box .news-modal  .right-box-modal .p-boxs {
	padding: 20px 12px 0 0;
    /* min-height: 260px; */
	width:100%;
	height: 260px;
    overflow-y: auto;
	overflow-x: hidden;
}
.news-modal-box .news-modal  .right-box-modal .p-boxs p{
    margin-bottom: 6px;
    line-height: 1.8;
    color: #777777;
    text-indent: 2em;
}
.news-modal-box .right-box-title {
    padding: 0 0 20px;
    border-bottom: 1px solid #cbcbcb;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.news-modal-box .right-box-title .title-p {
    font-size: 24px;
    color: #333333;
    font-weight: bold;
}

.news-modal-box .right-box-title .a-box {
    font-size: 16px;
    color: #179cf6;
}
.news-center-box {
    background: #f2f8ff;
}

.news-center-box .center-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;

}

.news-center-box .imgDetail1 {
    width: 100%;
}

.news-center-tabs {
    position: relative;
    margin-top: -40px;
    z-index: 11;
    height: 74px;
}

.news-center-tabs .navBg {
    width: 95%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 12;
}

.news-center-tabs .tabs {
    height: 74px;
    position: relative;
    z-index: 13;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -6px;
}

.news-center-box .tabs .tab {
    font-size: 16px;
    font-weight: bold;
    display: block;
    line-height: 62px;
    text-align: center;
    padding: 0 30px;
}

.news-center-box .tabs .tab.active {
    background-color: #0494f5;
    color: #ffffff;
}

.news-center-box .news-container {
    display: flex;
    flex-wrap: wrap;
    padding: 30px 0 20px;
	min-height:500px;
}

.news-center-box .news-item {
    width: calc(50% - 20px);
	height: 150px;
    background-color: #fff;
    display: flex;
    align-items: center;
    border-radius: 10px;
    padding: 15px;
    margin-right: 20px;
    box-sizing: border-box;
    margin-bottom: 20px;
}

.news-center-box .news-item:nth-child(2n) {
    margin-right: 0;
}

.news-center-box .news-image {
    width: 120px;
    height: 120px;
    object-fit: cover;
    margin-right: 20px;
    border-radius: 4px;
}

.news-center-box .news-content {
    flex: 1;
}

.news-center-box .news-title {
    font-size: 16px;
    color: #333;
    height: 48px;
    line-height: 1.6;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 40px;
}

.news-center-box .divider-line {
    width: 100%;
    height: 1px;
    border-top: #e0e0e0 1px solid;
    margin: 10px 0 0;
    padding-top: 10px;
}

.news-center-box .date-p {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.news-center-box .news-date {
    font-size: 14px;
    color: #777;
}

.news-center-box .date-p .custom-icon {
    font-size: 12px;
    color: #777;
}


/**********/

.news-center-child {
    background: #ffffff;
}
.news-center-box .center-title {
    text-align: center;
    margin-top: 20px;
    position: relative;
}
.news-center-box .center-title h2 {
    font-size: 28px;
    font-weight: bold;
    margin-top: 50px;
}
.news-center-box  .divider {
    width: 200px;
    height: 1px;
    background-color: #ccc;
    position: relative;
    margin: 10px auto;
}
.news-center-box  .divider::before {
    content: "";
    width: 60px;
    height: 4px;
    background-color: #0494f5;
    position: absolute;
    left: 50%;
    top: -2px;
    transform: translateX(-50%);
}

/* Centered Content Section */
.news-center-box  .content-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px 0 20px;
    box-sizing: border-box;
}
.news-center-box .content-section .img-box {
    width: 40%;
    height: 300px;
}
.news-center-box  .content-text-box {
    position: relative;
    padding: 0 20px;
    width: calc(60% - 20px);
    box-sizing: border-box;
    flex: 1;
    margin-left: 20px;
    height: 300px;
}
.news-center-box  .content-text-box::before,
.news-center-box  .content-text-box::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 16px;
}
.news-center-box  .content-text-box::before {
    top: 0;
    left: 0;
    border-top: 2px solid #4cb2f8;
    border-left: 2px solid #4cb2f8;
}
.news-center-box  .content-text-box::after {
    bottom: 0;
    right: 0;
    border-bottom: 2px solid #4cb2f8;
    border-right: 2px solid #4cb2f8;
}



.news-center-box  .content-text-box .link-box {
    color: #0494f5;
    display: block;
    text-align: right;
    font-size: 20px;
}

.news-center-box  .content-text-box .titles {
    font-size: 18px;
    color: #333333;
    font-weight: bold;
    padding: 20px 0;
}

.news-center-box  .content-text-box .title-desc p {
    font-size: 14px;
    line-height: 1.6;
    /* text-indent: 2em; */
    color: #777777;
}

.news-center-box  .content-text-box-text p:first-of-type {
    font-weight: bold;
}
.news-center-box  .content-text-box p:nth-of-type(2),
.news-center-box  .content-text-box p:nth-of-type(3) {
    /* text-indent: 2em; */
}

.news-center-box  .carousel-section {

}
.news-center-box  .carousel-container {
}
.news-center-box  .carousel-container img{
    height: 400px;
    width: 300px;
    padding: 20px;
}

.news-center-box .container {
    display: flex;
    justify-content: space-between;
    background: #f3f3f3;
    margin-top: 40px;
    height: 560px;
}

.news-center-box .left-section-box{
    width: 50%;
    display: flex;
    justify-content: flex-end;
}
.news-center-box .right-section {
    width: 50%;
    height: 100%;
    position: relative;
}

.news-center-box .right-section img {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    left: 0;
}

.news-center-box .section-box {
    width: 600px;
}


.news-center-box .left-section {
}

.news-center-box .h1-box {
    font-size: 28px;
    color: #333;
    margin: 40px 0;
    font-weight: bold;
}
.news-center-box .left-section h2 {
    font-size: 18px;
    color: #333;
    margin-top: 20px;
}
.news-center-box .slogan {
    font-size: 14px;
    color: #777777;
}
.news-center-box .right-section img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

.news-center-box .map-box {
    display: flex;
    justify-content: center;
    height: 600px;
}

.news-center-box .map-box .right-box {
    width: 40%;
}

.news-center-box .right-tip-box {
    padding-top: 20px;
}

.news-center-box .right-tip-box .title-name {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 10px;
}

.news-center-box .name-box-desc {
    color: #666666;
    font-size: 14px;
}
.news-center-box .name-box-desc p {
    margin-bottom: 5px;
}


.carousel-section-silders .silder-box{position:relative; padding: 50px 0;}
.carousel-section-silders .silder-box .silder {width: 1200px!important; margin: 0 auto}
.carousel-section-silders .silder ul{padding-left: 0;}
.carousel-section-silders .silder li{width: 400px;height:500px;list-style: none;padding-right: 18px; box-sizing: border-box;cursor:pointer;}
.carousel-section-silders .silder li img{width:100%;height:100%;}
.carousel-section-silders .silder li .time{color: #666666;padding: 10px 0}
.carousel-section-silders .silder li .title{color: #ef7c39; font-size: 18px; line-height: 1.4; padding: 4px 0 10px;min-height: 50px}
.carousel-section-silders .silder li .remark{color: #999999;min-height: 40px}

.carousel-section-silders .silder-button{
    /*top:173px;*/
    width:50px;
    /*height:54px;*/
    position:absolute;
    cursor:pointer;
    top: 250px;
    box-sizing: border-box;
}
.carousel-section-silders .silder-button img {
    width: 40px;
}
.carousel-section-silders .silder-button .icon {
    font-size: 40px;
    color: #ef7c39;
}
.carousel-section-silders .silder-button.btl{left:-60px;padding-left: 10px}
.carousel-section-silders .silder-button.btr{right:-60px; text-align: right;padding-right: 10px}


.text-box-img-box {
    position: relative;
}

.text-box-img-box .text-box {
    font-size: 24px;
    font-weight: bold;
    color: #ffffff;
    position: absolute;
    bottom: 20px;
    width: 100%;
    text-align: center;
    letter-spacing: 1px
}

.text-box-img-box .img-box-p {
    position: absolute;
    bottom: 0;
    right: 0;
    display: inline-block;
    padding: 2px 10px;
    color: rgba(255, 255, 255, 0.8);
    background: rgba(51, 51, 51, 0.7);
    font-size: 14px;
    border-radius: 4px 0 0 0;
}

/*公司业务6*/
.company-box {
    background: #ffffff;
    border-radius: 4px;
    margin-top: 40px;
    padding: 20px;
    box-sizing: border-box;
}

.title-company-name {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ececec;
    padding-bottom: 20px;
}
.title-company-name .company-left {
    display: flex;
    align-items: center;
}

.title-company-name .company-left .shop-img {
    width: 70px;
    height: 70px;
}

.title-company-name .company-left  .img-right {
    padding-left: 20px;
}

.title-company-name .company-left  .img-right .title-name {
    font-weight: bold;
    font-size: 20px;
    color: #333333;
}
.title-company-name .company-left  .img-right .time-box {
    font-size: 14px;
    color: #777777;
    margin-top: 10px;
}

.btn-box-company {
    height: 36px;
    width: 110px;
    color: #ffffff;
    background: #0494f5;
    margin-left: 20px;
}

.color-red-btn {
    background: #ff671f;
}

.desc-company-box {
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
}

.desc-company-box .p-boxs {
    flex: 1;
    padding-right: 40px;
    box-sizing: border-box;
}

.desc-company-box .p-boxs p{
    margin-bottom: 6px;
    line-height: 1.8;
    color: #777777;
    text-indent: 2em;
}

.desc-company-box .silder-box{position:relative; padding: 0;}
.desc-company-box .silder-box .silder {width: 300px!important; margin: 0 auto}
.desc-company-box .silder ul{padding-left: 0;}
.desc-company-box .silder li{width: 300px;height:200px;list-style: none;margin-right: 18px; box-sizing: border-box}
.desc-company-box .silder li img{width:100%;height:100%;}
.desc-company-box .silder li .time{color: #666666;padding: 10px 0}
.desc-company-box .silder li .title{color: #ef7c39; font-size: 18px; line-height: 1.4; padding: 4px 0 10px;min-height: 50px}
.desc-company-box .silder li .remark{color: #999999;min-height: 40px}

.desc-company-box .silder-button{
    /*top:173px;*/
    width:50px;
    /*height:54px;*/
    position:absolute;
    cursor:pointer;
    top: 100px;
    box-sizing: border-box;
}
.desc-company-box .silder-button img {
    width: 40px;
}
.desc-company-box .silder-button .icon {
    font-size: 40px;
    color: #ef7c39;
}
.desc-company-box .silder-button.btl{left:-30px;padding-left: 10px}
.desc-company-box .silder-button.btr{right:-30px; text-align: right;padding-right: 10px}

.desc-company-concat {
    margin-top: 40px;
}

.desc-company-concat .desc-box-p {
    font-size: 16px;
    color: #777777;
    margin-bottom: 20px;
}

.desc-company-concat .desc-box-p a {
    color: #0494f5;
}

.desc-company-concat .desc-box-p .a-block {
    display: block;
    margin-top: 10px;
}
.desc-company-concat .desc-box-p .bold-label {
    font-weight: bold;
    color: #333333;
}

.desc-company-concat .desc-box-p img {
    width: 20px;
    position: relative;
    top: 2px;
}

.title-upload-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.title-upload {
    font-size: 16px;
    color: #333333;
    font-weight: bold;
}

.btn-box-upload-box {
    display: inline-block;
    border: 1px dashed #777777;
    padding: 2px;
    border-radius: 4px;
}

.btn-box-upload {
    border: 1px solid #999999;
    color: #666666;
    background: #ffffff;
    position: relative;
}
.input-file {
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
}

.upload-file-img-box {
    padding-top: 40px;
}

.upload-file-img-box .upload-file-img {
    font-weight: bold;
    font-size: 14px;
    color: #333333;
    display: flex;
    align-content: center;
    line-height: 1.4;
}

.upload-file-img-box .upload-file-img  img {
    width: 20px;
    height: 19px;
    margin-right: 6px;
}

.btn-box-company-submit {
    text-align: center;
    padding-top: 40px;
}

.btn-box-company-submit .btn-box-company {
    width: 200px;
}

.home-p-box {
    color: #777777;
    font-size: 14px;
    line-height: 1.8;
    padding-top: 40px;
}

.home-p-box p {
    margin-bottom: 10px;
    /* text-indent: 2em; */
}

.home-box-img-list {
    background: #fbfbfb;
    height: 360px;
    margin-top: 40px;
    display: flex;
    align-content: center;
}

.home-box-img-list .img-left-box {
    width: 40%;
    height: 100%;
}

.home-box-img-list .text-right-box {
    flex: 1;
    width: 60%;
    box-sizing: border-box;
    font-size: 16px;
    color: #777777;
    line-height: 1.8;
    padding: 30px 40px;
}

.home-box-img-list .text-right-box  p {
    margin-bottom: 8px;
}

.home-box-img-list .text-right-box .bold-label {
    font-weight: bold;
    color: #333333;
}

.team-box-detail {
    background: #fbfbfb;
    padding: 20px 0;
    margin-top: 40px;
}

.team-box-detail .center-title {
    text-align: left;
    margin: 0;
}

.team-box-detail .center-title h2 {
    margin: 0;
}

.team-box-detail .img-box-title {
    text-align: center;
	position: relative;
}

.img-box-content {
    padding-top: 40px;
}

.team-box-detail .img-box-title .logo-image {
    width: 200px;
}

.line-box-border {
    width: calc(100% - (20% - 16px) + 2px);
    height: 2px;
    background: #dbdbdb;
    margin: 50px auto;
}

.line-box-alist {
    display: flex;
    justify-content: space-between;
    align-content: center;
}

.line-box-alist .list {
    flex: 1;
    width: calc(20% - 16px);
    display: inline-block;
    line-height: 1;
    text-align: center;
    padding: 50px 10px;
    font-size: 30px;
    letter-spacing: 1px;
    color: #333333;
    background: #f2f3f5;
    margin-right: 20px;
    position: relative;
}

.line-box-alist .list:last-child {
    margin-right: 0;
}

.line-box-alist .list:before{
    content: '';
    width: 1px;
    height: 50px;
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: #bbbbbb;
    top: -50px;
}
.team-box-detail .img-box-title:before {
    content: '';
    width: 1px;
    height: 50px;
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: #bbbbbb;
    bottom: -50px;
}

/*.line-box-alist .list:nth-child(3n):before {
    height: 100px;
    top: -100px;
}*/

.line-box-alist .active {
    background: #ffffff;
}

.line-box-alist .active:after{
    content: '';
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 50px solid #ffffff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -80px;
}

.text-box-active {
    margin: 60px 0 40px;
    padding: 20px;
    color: #777777;
    line-height: 1.8;
    background: #ffffff;
	/* height: 80px; */
}

.home-box-img-two {
    margin-top: 60px;
}

.home-box-img-two-item {
    background: #fbfbfb;
    display: flex;
    justify-content: space-between;
    height: 450px;
}

.left-text-box-two {
    width: calc(100% - 720px);
    padding: 0 40px;
    box-sizing: border-box;
}

.right-box-img-two {
    width:700px;
    height: 450px;
}

.home-box-img-two .line-inner .active {
    background: #ff6900;
    width: 40px;
}
.home-box-img-two .carousel-indicators {
    width: 700px;
    right: 0;
}
.home-box-img-two .line-inner li {
    height: 6px;
    width: 40px;
    border-radius: 1px;
    background: #fbfbfb;
    margin-right: 6px;
}

.home-box-img-two .line-inner li:last-child{
    margin-right: 0;
}

.title-box-line-s {
    padding: 80px 0 40px;
}

.title-box-line-s .p-s {
    font-size: 20px;
    color: #777777;
    line-height: 1.6;
    letter-spacing: 1px;
    width: 90%;
}

.title-box-line-s .line-box-s {
    width: 40px;
    height: 4px;
    background: #0494f5;
    border-radius: 1px;
    margin-top: 14px;
}

.left-text-box-two .cont-p-s {
    color: #777777;
    font-size: 14px;
    line-height: 2;
}

.img-bg-box-s {
    margin-top: 80px;
    position: relative;
    height: 450px;
}
.img-bg-box-s .img-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}
.img-bg-box-s .cont-box-s {
    position: relative;
    z-index: 12;
    padding: 30px 0;
}

.img-bg-box-s .center-title {
    color: #ffffff;
}

.dot-a-list-box {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 100px;
}

.dot-a-list-box .dot-a-list {
    width: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #ffffff;
    font-size: 14px;
}


.dot-a-list-box .dot-a-list .dot-box {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 6px;
}
.dot-a-list-box .dot-a-list .dot {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background: #979eb3;
    box-sizing: border-box;
}
.dot-a-list-box .dot-a-list .dot-box:after, .dot-a-list-box .dot-a-list .dot-box:before {
    content: '';
    display: inline-block;
    height: 1px;
    background: #979eb3;
    flex: 1;
    width: 65px;
}

.dot-a-list-box .dot-a-list:first-child .dot-box:before {
    background: transparent;
}

.dot-a-list-box .dot-a-list:last-child .dot-box:after {
    background: transparent;
}

.dot-a-list-box .active .dot-box .dot, .dot-a-list-box .dot-a-list:hover  .dot-box .dot{
    background: #fff;
    border: 3px solid #979eb3;
}


.img-bg-box-s .silder-button{
    /*top:173px;*/
    width:50px;
    /*height:54px;*/
    position:absolute;
    cursor:pointer;
    top: 120px;
    box-sizing: border-box;
}
.img-bg-box-s .silder-button img {
    width: 40px;
}
.img-bg-box-s .silder-button .icon {
    font-size: 40px;
    color: #ef7c39;
}
.img-bg-box-s .silder-button.btl{left:0;padding-left: 10px}
.img-bg-box-s .silder-button.btr{right:0; text-align: right;padding-right: 10px}




.history-box-big {
    display: flex;
    padding: 60px 0 40px;
	min-height: 260px;
}
.history-box-big .history-box {
    width: 100%;
}

.history-box-big .history-box:last-child {
    margin-right: 0;
}

.history-box-big .title-box-h {
    font-weight: bold;
    font-size: 18px;
    border-bottom: 1px solid #dedede;
}
.history-box-big .line-box-cont{
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
}
.history-box-big .line-box {
    display: flex;
    font-size: 14px;
    color: #777;
    line-height: 1.8;
    width: calc(100% / 3);
    padding: 10px;
    box-sizing: border-box;
}
.history-box-big .label-box{
    width: 60px;
}

.history-box-big .cont-box-h {
    flex: 1
}