/* CSS Document */
body {
    position: relative;
    overflow-x:hidden;
}
.w1200 {
    width: 1200px;
    margin: 0 auto;
}
.head {
    width:100%;
    height:91px;
    background:#202020;
}
.nav {
    margin-right:48px;
}
    .nav li {
        float: left;
        font-size: 16px;
        line-height: 91px;
        margin-left:31px;
    }
    .nav li a{
        color: #ffffff;
    }
.logo {
    display:block;
    width:57px;
    height:67px;
    float:left;
    margin-top:12px;
    margin-left:48px;
}
.swiper-container-vertical > .swiper-pagination {
    right:50px;
}
.swiper-pagination-bullet {
    background: #fff !important;
    opacity: 1;
}
.swiper-pagination-bullet-active {
    background-color: #ea3535 !important;
    border: 1px solid #ea3535;
}
.num {
    height: 400px;
    overflow: hidden;
}
.nums {
    width: 950px;
    height: 100px;
    display: flex;
    margin: 0 auto;
    margin-top:100px;
}
.num_item {
    flex:1;
    height:120px;
    text-align:center;
}
.n_big {
    color: #e82c39;
    font-size: 18.26px;
}
    .n_big b {
        font-size: 78.82px;
        line-height: 65px;
    }
    .n_big span {
        vertical-align: top;
    }
.n_numoal {
    font-size: 16.44px;
    color: #000;
    margin-top:22px;
}
.gray_p {
    width: 1082px;
    height: 36px;
    background-color:#e5e5e5;
    margin:0 auto;
    margin-top:100px;
    text-align:center;
}
.gray_p p{
    font-size: 35px;
    color: #000000;
    line-height:0;
}
.company {
    width: 100%;
    height: 718px;
    background: url(../image/company.jpg) no-repeat;
    position: relative;
    color:#fff;
}
    .company .info_p1 {
        font-size: 30px;
        position:absolute;
        top:480px;
        left:260px;
    }
    .company .info_p2 {
        font-size: 21px;
        position: absolute;
        top: 530px;
        left: 260px;
    }
.info_div {
    width:612px;
    position:absolute;
    top:211px;
    left:1000px;
}
.info_p3 {
    font-size: 30px;
}
.info_p4 {
    font-size: 17px;
    margin-top:34px;
}
.company_sel {
    width: 1920px;
    height: 293px;
    background: url(../image/company_sec.jpg) no-repeat;
    position: relative;
}
.task {
    width:100%;
    height:1280px;
    display:flex;
    flex-wrap:wrap;
}
.task_item {
    width:33.33%;
    /*height:640px;*/
    cursor:pointer;
    position:relative;
}
    .task_item .main_pic {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }
    .task_item .con {
        width:100%;
        height:100%;
        position:absolute;
        top:0;
        left:0;
        z-index:2;
        overflow:hidden;
        color:#fff;
    }
        .task_item .con:hover {
            background:rgba(207,11,24,.7)
        }
        .task_item .con img {
            display:block;
            margin:0 auto;
            margin-top:177px;
        }
        .task_item .con .t_p1 {
            font-size: 35px;
            margin-top: 23px;
            text-align: center;
        }
        .task_item .con .t_p2 {
            font-size: 18px;
            width:363px;
            margin:0 auto;
            margin-top: 30px;
            
        }
.normal_title {
    width: 100%;
    height: 390px;
    overflow: hidden;
    text-align: center;
    color: #000000;
}
    .normal_title img {
        display:block;
        width:39px;
        height:61px;
        margin:0 auto;
        margin-top:88px;
    }
    .normal_title .n_p1 {
        font-size: 47px;
        margin-top: 30px;
        font-family: Gotham-Medium;
    }
    .normal_title .n_p2 {
        font-size: 35px;
        margin-top: 15px;
    }
.brand {
    display:flex;
    width:100%;
    justify-content: center;
    min-height:500px;
    margin:0 auto;
    margin-top:50px;
    flex-wrap:wrap;
}
.brand_item {
    width: 351px;
    height: 351px;
    background-color: #eeeeee;
    overflow:hidden;
    position:relative;
    cursor:pointer;
}
    .brand_item .b_line {
        width: 1px;
        height: 45px;
       position:absolute;
       right:0;
       top:150px;
       background:#c7c7c7;
    }
    .brand_item:nth-child(5n) .b_line {
        display:none;
    }
    .brand_item .brand_pic {
        width: 350px;
        height: 350px;
        position: absolute;
        left: 0;
        top: 0;
    }
    .brand_item .brand_cover {
        width: 350px;
        height: 350px;
        position: absolute;
        left: 0;
        top: 0;
        background:rgba(0,0,0,.7);
        overflow:hidden;
        color:#fff;
        display:none;
    }
        .brand_item .brand_cover .bc_p1 {
            font-size: 25px;
            margin-top:30px;
            margin-left:30px;
        }
        .brand_item .brand_cover .bc_p2 {
            width:255px;
            font-size: 18px;
            margin-top: 190px;
            margin-left: 30px;
        }
    .brand_item:hover .brand_cover {
        display:block;
    }
    .brand_more {
        font-size: 24px;
        color: #000000;
        height: 351px;
        background: #f8f8f8;
        line-height: 351px;
        text-align: center;
        flex: auto;
    }
.job {
    width: 1321px;
    height: 532px;
    margin: 0 auto;
}
.job_item {
    width: 377px;
    height: 532px;
    background-color: #f2f2f2;
    overflow:hidden;
    cursor:pointer;
    position:relative;
    color:#000;
    margin-left:95px;
}
    .job_item:first-child {
        margin-left:0;
    }
    .job_item img {
        width: 47px;
        height: 18px;
        position: absolute;
        top: 15px;
        left: 20px;
    }
    .job_item .j_p1 {
        text-align: center;
        font-size: 30px;
        margin-top:148px;
    }
    .job_item .j_line {
        width: 26px;
        height: 3px;
        background-color: #e82c39;
        margin:0 auto;
        margin-top:22px;
    }
    .job_item ul {
        width:266px;
        margin:0 auto;
        margin-top:44px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
        .job_item ul li {
            list-style: disc;
            width: 50%;
            font-size: 21px;
            float:left;
            text-align: center;
            /* margin-left:66px; */
            margin-top:20px;
            list-style: none;
            position: relative;
        }
        .job_item ul li::after{
            content: "•";
            font-size: 20px;
            color: #000;
            position: absolute;
            left: 0;
            top: 0;
        }
            .job_item ul li:nth-of-type(2n+1) {
                margin-left:0;
            }
.foot{
    width:100%;
    height:500px;
    background:#222;
    margin-top:60px;
    border-bottom:1px dashed #4e4e4e;
    display:flex;
}
.map {
    width: 40%;
    height: 100%;
    border-right:1px dashed #4e4e4e;
}
.foot_right {
    flex:1;
}
.fr_top {
    width: 100%;
    height: 188px;
    border-bottom: 1px dashed #4e4e4e;
}
    .fr_top img {
        float:left;
        width: 73px;
        height: 85px;
        margin-top:55px;
        margin-left:75px;
    }
.nav2 {
    margin-left:150px;
}
.nav2 li {
    float: left;
    font-size: 16px;
    line-height: 188px;
    margin-left: 31px;
}

    .nav2 li a {
        color: #ffffff;
    }
.fr_bottom {
    width:100%;
    height:311px;
    overflow:hidden;
}

.frb_l{
    width:400px;
    height:200px;
    margin-top:40px;
    margin-left:75px;
}
.fr_p1 {
    font-size: 47px;
    color: #fff;
}
.fr_p2 {
    font-size: 35px;
    color: #fff;
}
.inp_t {
    width:100%;
    height:42px;
    margin-top:22px;
}
.normal_inp {
    width:196px;
    height: 31px;
    background-color: #cfd3d6;
    border-radius:5px;
}
    .normal_inp img {
        margin-left: 10px;
        margin-right: 10px;
    }
    .normal_inp span {
        font-size: 14px;
        color: #000000;
        line-height:31px;
        padding-left:10px;
        border-left:1px solid  #000;
    }
.ewm {
    width: 200px;
    height: 200px;
    margin-top: 80px;
    margin-left: 200px;
    text-align:right;
}
.ewm img {
    width: 115px;
    height: 115px;
}
    .ewm p {
        color:#7f7f7f;
        font-size:16px;
        margin-top:15px;
    }
.fk {
    width: 100%;
    height:600px;
    background: #222;
    overflow:hidden;
}
.fk_content{
    width:1400px;
    height:490px;
    margin:0 auto;
    margin-top:55px;
}
.fk_p1 {
    color: #fff;
    font-size: 35px;
    text-align:left;
}
.fk_content form {
    width: 100%;
    height: 408px;
    background-color: #2d2d2d;
    margin:0 auto;
    margin-top:30px;
    overflow:hidden;
}
.fk_inp1 {
    width:70%;
    height:38px;
    margin:0 auto;
    margin-top:46px;
}
.small_inp {
    width: 44%;
    height: 38px;
    border-radius: 3px;
    border: solid 1px #dbdbdb;
    padding-left: 20px;
   color:#000;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type="number"] {
    -moz-appearance: textfield;
}
input::placeholder, textarea::placeholder {
    font-size: 16px;
    letter-spacing: 1px;
    color: #1b1517 !important;
}
.big_inp {
    display:block;
    width:68%;
    height: 38px;
    margin: 0 auto;
    margin-top:20px;
    border-radius: 3px;
    border: solid 1px #dbdbdb;
    padding-left: 20px;
    color: #000;
}
.fk_content form textarea {
    display: block;
    width: 66%;
    height: 25px;
    padding:20px;
    background-color: #ffffff;
    border-radius: 3px;
    border: solid 1px #dbdbdb;
    margin: 0 auto;
    margin-top: 20px;
}
input[type=submit] {
    display: block;
    width: 70%;
    height: 38px;
    background-color: #e82c39;
    border-radius: 3px;
    border:none;
    margin: 0 auto;
    margin-top: 20px;
    text-align:center;
    color:#fff;
    line-height:38px;
    font-size:18px;
}
.fk_p2{
    text-align:center;
    font-size:16px;
    color:#fff;
    margin-top:20px;
}
.nav_bot {
    display:block;
    width:63px;
    height:63px;
    /* position: fixed; */
    background: url(../image/totop.png) no-repeat;
    right:50px;
    bottom:50px;
    z-index:99;
}
.return{display: flex;justify-content: center;align-items: center;height: 188px;}
.lary {
    width:100%;
    height:100%;
    background:rgba(0,0,0,.7);
    position:fixed;
    top:0;
    left:0;
    z-index:999;
}
.job_detail {
    width:68%;
    height:530px;
    background:#fff;
    margin:0 auto;
    margin-top:7%;
    position:relative;
    overflow:hidden;
}
    .job_detail .icon1 {
        width: 47px;
        height: 18px;
        position: absolute;
        top: 15px;
        left: 20px;
    }
    .job_detail .icon2 {
        width: 27px;
        height: 27px;
        position: absolute;
        top: 15px;
        right: 20px;
    }
.jd_content {
    width:80%;
    height:180px;
    margin:0 auto;
    margin-top:170px;
}
.jdc_part1 {
    height:180px;
    width:30%;
    border-right:1px solid #000;
    text-align:center;
    color:#000;
    overflow:hidden;
}
.jdcp_p1 {
    font-size: 24px;
    margin-top:20px;
}
.jdcp_line {
    width: 26px;
    height: 3px;
    background-color: #e82c39;
    margin:0 auto;
    margin-top:20px;
}
.jdcp_p2 {
    font-size: 30px;
    margin-top: 20px;
}
.jdc_part2 {
    height: 180px;
    width: 68%;
}
.jdcp2 {
    width: 90%;
    height: 280px;
    float: left;
    margin-left: 80px;
    margin-top: 10px;
    color: #000000;
    overflow:hidden;
}
.jdcp_p3 {
    font-size: 24px;
}
.jdcp_p4 {
    font-size: 14px;
    margin-top: 15px;
    word-wrap: break-word;
    height: 125px;
    overflow: auto;
}
.new_contact{width: 1321px;height: 45px;margin: 0 auto;background: #f2f2f2;margin-top: 24px;display: flex;align-items: center;justify-content: center;}
.new_contact span{font-weight: bold;font-size: 21px;color: #000000;}
.new_contact i{font-style: normal;margin: 0 50px;font-size: 22px;}
.select{position: relative;}
.select ul{display: none;width: 69.6%; margin: 0 auto;position: absolute;background: #fff;top: 38px;z-index: 99;left: calc(50% - 34.8%);padding: 0 20px;padding-bottom: 20px; box-sizing: border-box;}
.select ul li{height: 36px;border-bottom: 1px solid #333;font-size: 16px;cursor: pointer;line-height: 36px;}
.input{background: url(../image/dowmn.png) no-repeat 98% center #fff;font-size: 16px;}
form .sub{display: block;width: 69%;margin: 0 auto;margin-top: 15px;color: #fff;border: none;outline: none;cursor: pointer; font-size: 16px;text-align: center;height: 40px;line-height: 40px;background: rgb(232,44,58);border-radius: 5px;}