@charset "UTF-8";


:root {
    --primary-color: #0066cc;
    --secondary-color: #f5f5f5;
    --text-color: #333;
    --light-blue: #e6f3ff;
    --light-bg: #f8f9fa;
    --border-color: #eee;
    --section-padding: 60px 0;
    --transition: all 0.3s ease;
}

html,
body {

    margin: 0;
    padding: 0;

    overflow-x: hidden;
    overflow-y: auto;
}

body {
    font-family: "Microsoft YaHei", sans-serif;
    color: var(--text-color);
    line-height: 1.6;
    position: relative;

    background: #e0f5fe;
    min-width: 1360px;
}

.container {
    width: 1360px;
    margin: 0 auto;
    padding: 0 15px;
}


/* 顶部导航 */
.top-nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;

    z-index: 1000;
    transition: all 0.3s ease;
}

.nav-wrap {
    width: 1160px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    padding: 20px;
}

.logo img {
    height: 40px;
    width: auto;
    display: inline-block;
}

.main-nav ul {
    display: flex;
    margin: 0;


}

.main-nav ul li {
    display: flex;
    flex-direction: column;
    position: relative;



    margin: 0 20px;
}

.main-nav ul li a {
    font-size: 24px;
    color: #00479d;
    text-decoration: none;
    font-weight: normal;
    height: 60px;
    line-height: 60px;
    width: 183px;
    transition: all 0.3s ease;



    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-nav ul li.active a {
    background: url('../images/nav-li-bg-active.png') no-repeat center center;

    font-weight: bold;
    font-size: 28px;
    color: #234de8;
}
.main-nav ul li:hover a {
    background: url('../images/nav-li-bg-active.png') no-repeat center center;

    font-weight: bold;
    font-size: 28px;
    color: #234de8;
}
.main-nav ul li span {

}

.main-nav ul li.active span {

    background: #0dae3a;
}

h2,
img {
    margin: 0;
}

.top-nav.scrolled {
    padding: 10px 0;
    background-color: rgba(255, 255, 255, 0.98);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}


.main-banner {
    position: relative;

    overflow: hidden;

}

.main-banner img {
    width: 100%;
    height: auto;

    object-fit: cover;
}


.banner-text h1 {
    font-size: 48px;
    font-weight: bold;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}


.section-content {
    padding: 40px 0 40px 0;
    width: 1360px;

}

.section-content.main {

    border-radius: 20px;

    margin: 0 auto 0px auto;

    position: relative;

    box-sizing: border-box;
}


* {
    box-sizing: border-box !important;
    margin: 0;
    padding: 0;
    list-style: none;
    border: 0;
}


.footer {

    padding: 30px 0;
    text-align: center;
    font-size: 12px;
    color: #999;

}

.copyright p {
    font-size: 12px;
    color: #333;
}
.main-bg{background: url("../images/company-bg.jpg") no-repeat center bottom;height: 2531px;}
.main-bg.fl{background: url("../images/fl-bg.jpg") no-repeat center bottom;height: 1412px;}
.company-content{padding: 90px 40px 30px 40px;width: 1203px;margin: 0 auto 50px auto;}
.company-content.bg1{background: url("../images/company-bg1.png") no-repeat;height: 535px}
.company-content.bg2{background: url("../images/company-bg2.png") no-repeat;height: 1588px;}
.company-content.lc{background: url("../images/lc-bg.png") no-repeat;height: 2002px;}
.company-content.fl{background: url("../images/fl-bg.png") no-repeat;height: 1047px;}
.company-content .section-title{ display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: center;align-items: center;}
.company-content .section-title h2{color: #ff892a;font-size: 48px;text-align: center;margin:20px 35px;

font-weight: bold;
}
.company-content.bg2 .section-title h2{color: #2d59fc;
    /* 渐变颜色 */
    background: linear-gradient(to right, #3779ff, #1c27f8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.company-content.lc .section-title h2{color: #2d59fc;
    /* 渐变颜色 */
    background: linear-gradient(to right, #3779ff, #1c27f8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.company-content .company-content-text{padding-top: 20px;}
.company-content .company-content-text p{font-size: 24px;line-height: 2;color: #333333;text-align: justify;text-indent: 2em;}
.company-content .company-content-text p span{color: #1700ff;}
.job-wrap{display: flex;flex-wrap: wrap;flex-direction: row;padding-top: 30px;}
.job-wrap .job-com-list{display: flex;flex-wrap: wrap;flex-direction: column;width: 300px;overflow:  hidden;border-right: 1px solid #ddd;padding-right: 15px;}
.job-wrap .job-com-list .com-list-item{margin-bottom: 15px;width: 100%;}
.job-wrap .job-com-list .com-list-item .com-name{font-size: 24px;color: #2d59fc;position: relative;cursor: pointer;}
.job-wrap .job-com-list .com-list-item .com-name::before{
    content: "";
    position: absolute;
    left: 2px;
    bottom: -10px;
    width: 60px;
    height: 1px;
    background:  #2d59fc;
}
.job-wrap .job-com-list .com-list-item .com-name.active{font-size: 24px;color: #2d59fc;cursor: pointer;}
.job-wrap .job-com-list .com-list-item .com-name.active::before{
    display: none;
}
.job-wrap .job-com-list .com-list-item .job-list{padding-top: 20px;display: none;}
.job-wrap .job-com-list .com-list-item .job-list.show{display: block;}
.job-wrap .job-com-list .com-list-item .job-list .job-item{
    font-size: 18px;
    color: #333333;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    cursor: pointer;
    box-sizing: border-box;
}
.job-wrap .job-com-list .com-list-item .job-list .job-item.active{color:#2d59fc;background: url("../images/job-item-active.png") no-repeat;}
.job-wrap .job-job-detail{display: flex;flex-wrap: wrap;flex-direction: column;flex: 1;padding: 0 40px;}
.job-wrap .job-job-detail .job-title{color: #2d59fc;font-size: 32px;line-height: 1;font-weight: bold;margin-bottom: 30px;}
.job-wrap .job-job-detail .job-detail-item-p{color: #333333;font-size: 18px;line-height: 2;margin-bottom: 10px;}
.job-wrap .job-job-detail .sub-title{font-size: 24px;line-height: 2;color: #2d59fc;}
.job-wrap .job-job-detail .apply-wrap{display: flex;margin-top: 30px;}
.job-wrap .job-job-detail .apply-wrap a{font-size: 24px;color: #fff;background: #2d59fc;padding: 5px 15px;border-radius: 10px;}
.float-wrap{position: fixed;bottom:100px;right: 50px; }
.float-wrap .btn{display: inline-block;position: relative;}
.float-wrap .btn img{display: inline-block;}
.title-img{display: flex;flex-direction: row;align-items: center;justify-content: center;padding: 20px ;}
.title-img img{}
.mx-wrap{margin-top: 40px;padding-left: 70px;}
.mx-wrap .title-bg{background: url("../images/lc-title-bg1.png") no-repeat;width: 964px;height: 106px;display: flex;align-items: center;padding-left: 142px;padding-right: 10px;padding-top: 11px;}
.mx-wrap .title-bg.bg2{background: url("../images/lc-title-bg2.png") no-repeat;width: 964px;height: 106px;display: flex;align-items: center;padding-left: 142px;padding-right: 10px;padding-top: 11px;}
.mx-wrap .title-bg p{font-size: 28px;color: #0b2144;}
.mx-wrap .sub-text{font-size: 22px;color: #0b2144;padding-left: 123px;margin-top: 14px;}
.lc-wrap{display: flex;align-items: center;justify-content: center;padding: 50px 0;}
.lc-wrap img{max-width:  100%;}
.zjzc-wrap{display: flex;flex-direction: row;align-items: center;justify-content: center;background: url("../images/ajzc.png") no-repeat;height: 225px;width: 933px;margin: 50px auto;padding-left: 200px;padding-right: 15px;}
.zjzc-wrap ul{}
.zjzc-wrap ul li{background: url('../images/dist.png') no-repeat 0 12px;padding-left: 20px;padding-top: 0px;font-size: 18px;line-height: 2;}
.zjzc-wrap ul li span{color: #3268fe;}
.fl-wrap{display: flex;flex-direction: row;flex-wrap: wrap;align-items: center;justify-content: center;padding: 0 80px;}
.fl-wrap .fl-item{font-size: 30px;line-height: 63px;width: 269px;height: 63px;background-size: 100% 100%;box-sizing: border-box;text-align: center;margin: 15px 20px;}
.fl-wrap .fl-item.num1{background: url("../images/fl-icon_01.png") no-repeat;}
.fl-wrap .fl-item.num2{background: url("../images/fl-icon_02.png") no-repeat;}
.fl-wrap .fl-item.num3{background: url("../images/fl-icon_03.png") no-repeat;}
.fl-wrap .fl-item.num4{background: url("../images/fl-icon_04.png") no-repeat;}
.fl-wrap .fl-item.num5{background: url("../images/fl-icon_05.png") no-repeat;}
.fl-wrap .fl-item.num6{background: url("../images/fl-icon_06.png") no-repeat;padding-left: 65px;text-align: left}
.fl-wrap .fl-item.num7{background: url("../images/fl-icon_07.png") no-repeat;}
.fl-wrap .fl-item.num8{background: url("../images/fl-icon_08.png") no-repeat;}
.fl-wrap .fl-item.num9{background: url("../images/fl-icon_09.png") no-repeat;}
.fl-wrap .fl-item.num10{background: url("../images/fl-icon_10.png") no-repeat;}
.fl-wrap .fl-item.num11{background: url("../images/fl-icon_11.png") no-repeat;}
@media (max-width: 1268px) {
    html,
    body {

        margin: 0;
        padding: 0;
        min-height: 2700px;
        overflow-x: hidden;
        overflow-y: auto;
    }
.float-wrap{
    top: 50%;
}

}