@charset "utf-8";
html,body,.index{
    width: 100%;
    height: 50px;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    min-width: 1200px;
    height: auto;
    /* overflow-x: hidden; */
}
h1,h2{
    width: 100%;
    text-align: center;
}
.wrap{height: 100%;}
/*nav*/
img{display: inline-block;}
.wrap{position: relative;width: 100%;/* height: 100%; */background: #ffffff;}
/*nav*/
.navBg{width:  100%;background-color: rgba(168,217,248,0.8);position: relative;z-index: 2;}
.navBox{width: 1000px;height: 100px;margin: 0;line-height: 80px;}
.navBox .logo{float: left;/* margin-top: 5px; */margin-left: 20px;}
.navBox .nav{float: right;margin: 0 auto;margin-top: 23px;}
.nav>li>a{color: #595656;display: block;font-size: 20px;line-height: 50px;}
.nav>li{float: left;font-size: 18px;text-align: center;margin: 0 35px;letter-spacing: 2px;padding: 0px 10px;box-sizing: border-box;}
.nav>li+li>a{}
.nav>li.on,.nav>li:hover{
    color: #ed6d1e;
    border-bottom: 1px solid #ed6d1e;
}
.nav>li:hover>a,.nav>li.on>a{color: #ed6d1e;}
/*banner*/
.banner{width: 100%;position:relative;/* border-bottom: 3px solid #1568ab; *//* margin-top: -142px; */top: -100px;}
.banner img{display: block;max-width: 100%}
.banner-img{display: block;width: 10%;position: absolute;left: 50%;margin-left: -5%;bottom: 0;}
.banner-img img{width: 100%;}
.full-width{/* background-color: #062f63; */background-image: url("images/bottom-bg.png");background-repeat: no-repeat;background-position: bottom center;padding-bottom: 300px;}
/*foot*/
.footer{width:100%;line-height: 30px;text-align: center;font-size: 12px;color: #fff;background-color: #ed6d1e;}
.footer a{color: #fff;}
.pic-center{display: block;margin: 0 auto;max-width: 100%;}
/*about*/
.title{display: block; margin: 0 auto; margin-top: 80px;margin-bottom: 40px;max-width: 100%;}
.p1{color: #333333;text-align: justify;text-indent: 2em;font-size: 18px;line-height: 36px;}
.main-width{
    width: 1200px;
    padding: 0 40px;
    box-sizing: border-box;
    margin: auto;
    margin-top: -100px;
    padding-bottom: 100px;
    }
.index-nav{width: 100%;height: 72px;line-height: 72px;overflow: hidden;background-color: #b7c2cf;}
.index-nav li{float: left;width: 33.33%;line-height: 72px;color: #fff;font-size: 20px;text-align: center;cursor: pointer;}
.index-nav li:hover,.index-nav li.active{background-color: #ed6d1e;}
.type-box{width: 100%;margin: 30px auto;overflow: hidden;}
.type-box ul{width: 100%;overflow: hidden;display: none;}
.type-box ul li{float: left;margin: 6px;position: relative;}
.type-box ul li span{display: block;position: absolute;width: 100%;height: 100%;background-color: rgba(150,168,183,0.6);left: 0;top: 0;}
.type-box ul:last-child{width: 70%;margin: auto;}
.type-box ul:last-child li{}
.type-box ul li:hover span{display: none;}
.js-box{width: 100%;margin: 20px auto;overflow: hidden;}
.js-box p{float: left;font-size: 18px;color:#ed6d1e;line-height: 32px;text-indent: 2em;width: 54%;text-align: justify;}
.js-box img{float: right;margin-top: 6px;}
.ys-box p{background: url("images/ys-bg.png") no-repeat;width: 1120px;height: 82px;margin: 30px 0;color: #ed6d1e;font-size: 18px;line-height: 32px;}
.ys-box p span{ display: inline-block;font-size: 22px;line-height: 40px;text-align: center;margin-right: 40px;margin-left: 26px;font-weight: bold;}
.ys-box p em{display: inline-block;width: 950px;font-style: normal}
.left-search{width: 350px;float: left;background-color: #fff;padding: 20px 0;box-sizing: border-box;}
.left-search p{font-size: 20px;border-bottom: 1px solid #f2f7f8;padding: 10px 0;padding-left: 30px;}
.left-search p span{font-size: 30px;font-weight: bold;}
.seach-input input{height: 50px;line-height: 50px;border: none;outline: none;width: 80%;color: #ed6d1e;font-size: 18px;}
.job-box{width: 100%;overflow: hidden;/* background-color: #f2f7f8; */min-width: 1200px;}
.job-box .right-table{float: left;margin-left: 20px;min-width: 800px;background-color: #fff;width: 69%;margin-top: 20px;}
.contact-box p{color: #333333;font-size: 18px;line-height: 36px;margin-left: 350px;display: none;}
.footer-box-bg{background: #0071ca;height: 30px;position: relative;}
.footer-box{width: 1200px;margin: 0 auto;/* height: 50px; */}
.citylist{width: 100%;margin: 16px auto;overflow: hidden;}
.citylist span{display:block;color: #454545;font-size: 18px;line-height: 46px;width: 100%;border-bottom: 1px solid #f2f7f8;padding-left: 30px;}
.citylist ul{width: 100%;}
.citylist ul li{width: 100%;
    padding: 6px 0;
    color: #ed6d1e;
    font-size: 18px;
    margin: 6px;
    box-sizing: border-box;
    border-bottom: 1px solid #f2f7f8;
    text-align: left;
    height: 60px;
    padding-left: 30px;
    line-height: 60px;
    cursor: pointer;
}
.citylist ul li:hover,.citylist ul li.active{ background-color: #eff2f3; font-weight: bold;}
.job-box table #JobSearchShow tr{border-bottom: 1px solid #f2f7f8;}
.job-box table tr.firstRow td{background-color: #ed6d1e;font-size: 18px;font-weight: bold;color: #fff;}
.job-box table tr td{color: #ed6d1e;line-height: 28px;padding: 16px 0;font-size: 18px;text-align: center;}
.job-box table tr td a img{display: block;margin: auto;}
/*zx*/
.full-width{width: 100%;position: relative;}
.bg1{position: absolute;left: 0;top: 20%;}
.bg2{position: absolute;right: 0;top: 50%;}