﻿@charset "utf-8";
html,body,.index{
    width: 100%;
    height: 100%;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    min-width: 1200px;
    /* overflow-x: hidden; */
    background: #fafaff;
    }
h1,h2{
    width: 100%;
    text-align: center;
}
.wrap{height: 100%;}
/*nav*/
img{display: inline-block;}
.wrap{position: relative;width: 100%;height: 100%;/* background: #f1f4ff; */}
.banner{width: 100%;position:relative;/* border-bottom: 3px solid #1568ab; */}
.banner img{width: 100%;}
/*nav*/
.navBg{width:  100%;background: #fbfeff;/* position: absolute; */z-index: 99;/* border-bottom: 3px solid #1568ab; */}
.navBox{width: 1200px;height: 95px;margin: 0 auto;/* padding: 6px 0; */overflow: hidden;line-height: 95px;/* background: #f5f5f5; */}
.navBox .logo{float: left;margin-top: 17px;/* width: 104px; */}
.navBox .nav{/* width: 100%; */float: right;margin: 0 auto;/* height: 70px; *//* line-height: 80px; */}
.nav a{color: #5b5b5b;/* padding: 2px 0; *//* border-radius: 8px; *//* border: 1px solid #fff; *//* display: block; *//* padding: 0px 24px; */padding-bottom: 5px;/* font-weight: bold; */}
.nav li{float: left;font-size: 18px;text-align: center;/* margin: 0 40px; */letter-spacing: 2px;/* padding: 0px 24px; *//* width: 25%; *//* heigtitleht: 67px; */margin: 0 20px;/* border-right: 1px solid #fff; */}
.nav li+li a{}
.nav li.on,.nav li:hover{
    /* background: #fff; */
}
.nav li:hover a,.nav li.on a{/* font-weight: bold; */color: #e60027;/* font-weight: bold; */border-bottom: 2px solid #e60027;}
/*banner*/
.banner img{width: 100%;}
.banner-line{width: 100%;height: 10px; background: #1284cc}
/*foot*/
.footer{width:100%;line-height: 40px;text-align: center;font-size: 14px;color: #fff;/* background: #134aed; *//* margin-top: 100px; */position: absolute;bottom: 0;}
.footer a{color: #000000;}
.centent{/* width: 1200px; */margin: 0 auto;}
.pic-center{display: block;margin: 0 auto;max-width: 100%;}
/*about*/
.container{padding-bottom: 200px;padding-top: 80px;}
.index .container{background-color: #fbfeff;}
.title{width: 100%;color: #5b5b5b;margin-bottom: 50px;}
.title h1{text-align: center;font-size: 28px;}
.title p{text-align: center;font-size: 17px;margin: 10px 0;}
.title img{display: block; margin: 0 auto; width: 100%;}
.wslc-box{width: 100%;height: 170px;}
.wslc-box ul{width: 1000px;margin: 0 auto;height: 100%;}
.wslc-box ul li{position: relative;text-align: center;float: left;height: 100%;width: 14%;}
.wslc-box ul li img{
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%,-50%);
}
.wslc-box ul li p{
    position: absolute;
    width: 100%;
    bottom: 0;
    font-size: 18px;
}
.footer-box{width: 100%;background: #404043;padding-top: 70px;padding-bottom: 100px;position: relative;}
.footer-box-content{margin: 0 auto;position: relative;width: 100%;max-width: 1200px;/* overflow: hidden; */}
.footer-logo{float: left;display: block;}
.footer-box-content p{color: #ffffff;font-size: 16px;width: 100%;height: 50px;float: left;margin-top: 70px;}
.url-box{width: 800px; float: right}
.url-box li{width: 20%;text-align: center;float: left;}
.url-box li a{color: #ffffff; font-size: 24px;}
.erweima-box{position: relative;}
.erweima-box img{display: none;position: absolute;left: 0;top: -210px;}
.erweima-box:hover img{display: block}
.about{height: 100%;background: url("images/about-bg.jpg") no-repeat center;}
.about .container{height: 100%;padding-top: 10%;padding-bottom: 50px;}
.about .centent{width: 1200px;overflow: hidden;height: 100%;}
.nav-box-left{width: 170px;float: left;}
.nav-box-left li{color: #fff;font-size: 16px;height: 70px;line-height: 70px;cursor: pointer;}
.nav-box-left li img{margin-right: 30px;margin-left: 20px;}
.nav-box-left li.on{background: #e60027;}
.about-box{
    background: #ffffff;
    float: right;
    width: 1000px;
    height: 113%;
    padding: 30px 55px 70px 70px;
    display: none;
    overflow-y: scroll;
}
.about-box .about-title{color: #5b5b5b;margin-bottom: 40px;}
.about-box .about-title h1{font-size: 27px; text-align: left;}
.about-box .about-title h2{font-size: 17px;text-align: left;margin-top: 10px;}
.about-box .about-title img{}
.about-box p{color: #190000;font-size: 16px;text-align: justify;text-indent: 2em;line-height: 35px;}
.about .navBg{position: absolute}
.xzdt-box{width: 1200px; margin: 0 auto}
#date-table{float: left}
.xzdt-table{width: 760px;float: right;}
.xzdt-table table{width: 100%;display: none;}
.xzdt-table tr{}
.xzdt-table tr th{background: #f5f6f7;color: #190000;font-size: 14px;line-height: 40px;}
.xzdt-table tr td{color: #190000;font-size: 14px;padding: 15px 0;}
.xzdt-table tr :first-child {padding-left: 25px;}
.xzdt-table  tr:nth-child(odd) {
    background-color: #f8f9fa;
}
.xzdt-table  tr:nth-child(even) {
    background-color:#fff;
}
.radio_box{margin-top: 20px}
.radio_box ul li {background: url(images/radio_01.png) 23px center no-repeat; /*鏈€変腑椤圭殑鏍峰紡*/padding-left: 55px;/* margin:0 5px; */height:34px;line-height: 34px;font-size:18px;color:#575757;cursor:default;margin-top: 10px;}
.radio_box ul li.selected {background: url(images/radio_02.png) 23px center no-repeat;}
/*.radio_box ul li:hover { background-color:#fee7e6; color:#000 }*/
.job-box{width: 1200px; margin: 0 auto;}
.job-box-left{float: left;width: 400px;border-right: 1px solid #190000;padding: 0px 20px 60px 0;}
.job-box-left h1{color: #190000;font-size: 30px;border-bottom: 1px solid #190000;text-align: left;padding-bottom: 20px;padding-left: 25px;padding-right: 25px;margin-top: 60px;}
.job-box-left h1 span{font-size: 16px;float: right;cursor: pointer;margin-top: 8px;}
#city-box{height: 188px;overflow: hidden;transition: all 0.5s;}
#city-box.on{height: auto}
.job-box-left-bottom{
    padding: 0 40px;
    margin-top: 55px;
    line-height: 35px;
    height: 35px;
}
.qingchu{color: #190000; font-size: 20px; cursor: pointer}
.tijiao{color: #fff;font-size: 20px;background: #e60027;padding: 0px 60px;border-radius: 20px;float: right;}
.jobs{width: 650px;float: right;}
#JobSearchShow{}
#JobSearchShow tr{}
#JobSearchShow tr td{
    padding-top: 35px;
}
.job-content-box{width: 100%;text-align: left;font-weight: bold;}
.job-content-box h1{color: #190000;font-size: 30px;text-align: left;font-weight: bold;}
.job-content-box h1 span{font-size: 20px;margin-left: 25px;font-weight: initial;cursor: pointer;margin-top: 9px;width: 140px;text-align: center;}
#JobSearchMenu{padding-top: 50px}
.job-btn{display: block;float: right;background: #e60027;font-size: 14px;padding: 3px 25px;border-radius: 20px;color: #fff;margin-top: 20px;}
.job-content{color: #5b5b5b;font-size: 16px;line-height: 30px;font-weight: initial;margin-top: 15px;height: 57px;overflow: hidden;}
.job-content.on{height: auto}
.jobmore{float: right;background: #e60027;color: #fff;border-radius: 20px;padding: 5px 30px;}
.turnpage_text{width: 50px;}
.myinput{width: 830px;margin: 0 auto;height: 75px;position: absolute;left: 50%;margin-left: -415px;box-shadow: 0px 4px 7px 2px #afafaf;border-radius: 47px;overflow: hidden;margin-top: -39px;}
.myinput input{width: 100%;height: 100%;/* border-radius: 47px; */border: none;background: #fff;font-size: 18px;padding-left: 50px;}
.myinput a{position: absolute;display: block;width: 31px;right: 33px;top: 23px;}
.myinput a img{width: 100%;}
.myinput input{
    border:none;
    height:80px;
    outline:medium;
    }
.mybox {
    position: relative;
    height: 100vh;
    min-height: 410px;
    overflow: hidden;
    text-align: center;
    background-size: 100% 100%;
}
.video-box{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-weight: 400;
    vertical-align: baseline;
    background: 0 0;
    position: relative;
    height: 100%;
}
.video-react-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 100vh;
    object-fit: cover;
    object-position: 50% 60%;
    min-height: 410px;
}
.top-box {
    position: absolute;
    top: 27%;
    /* height: 100%; */
    width: 100%;
    padding-top: 0;
}
.bottom-icon {
    display: block;
    margin: 0 auto;
    bottom: 5%;
    position: absolute;
    left: 50%;
    margin-left: -21px;
    /* transform: translateX(-50%); */
    width: 42px !important;
    -webkit-animation:arr 1.2s linear infinite;
    animation:arr 1.2s linear infinite;
}
.bottom-icon2 {
    display: block;
    margin: 0 auto;
    bottom: 2%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 107px !important;
}
.btn-box{width: 1200px;margin: 0 auto;text-align: center;margin-top: 100px;}
.btn-box img{margin: 0 30px;}
.video-shadow{position: absolute;height: 100%;width: 100%;background: rgba(0,0,0,0.4);}
@-webkit-keyframes arr{
    0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
    50%{-webkit-transform:translateY(-10px);transform:translateY(-10px);}
    100%{-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes arr{
    0%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
    50%{-webkit-transform:translateY(-10px);transform:translateY(-10px);}
    100%{-webkit-transform:translateY(0);transform:translateY(0);}
}
.title-t{width: 100%; height: 71px; background: url("images/title.png") center no-repeat}
.title-box{width: 100%;text-align: center;/* padding-left: 96px; *//* padding-right: 94px; */}
.title-box .title{display: inline-block;float: left;width: 50%;}
.zyfz-box{width: 1200px; margin: 0 auto}
.zyfz-box p{width: 550px;float: left;color: #190000;font-size: 16px;text-align: justify;text-indent: 2em;line-height: 30px;margin-top: 108px;}
.zyfz-box img{float: right}