﻿@charset "utf-8";
html,body{width: 100%;/* height: 100%; */min-width:1000px;font-family: "Microsoft YaHei";}
h1,h2{
    width: 100%;
    /*text-align: center;*/
}
/*a:hover{color: #fff000}*/
img{display: inline-block;}
.wrap{position: relative;width: 100%;/* height: 100%; *//* background: #e0ffed; */}
/*nav*/
.navBg{/* position: fixed; */width:  100%;background: #fff;/* position: absolute; */z-index: 99;/* border-bottom: 3px solid #00b3e6; */}
.navBox{width: 1200px;height: 62px;margin: 0 auto;/* padding: 6px 0; *//* overflow: hidden; */line-height: 62px;position: relative;z-index: 9;}
.navBox .logo{float: left;margin-top: 0;/* width: 104px; */}
.navBox .nav{/* width: 700px; */float: right;margin: 0 auto;/* height: 80px; *//* line-height: 80px; */}
.nav li>a{padding: 0 6px;padding-bottom: 13px;color: #000000;/* padding: 2px 0; *//* border-radius: 8px; *//* border: 1px solid #fff; */display: inline;}
.nav li{float: left;font-size: 18px;text-align: center;/* margin: 0 40px; */letter-spacing: 2px;padding: 0px 5px;/* min-width: 145px; *//* heigtitleht: 67px; */}
.nav li+li >a{}
.nav li.on,.nav li:hover{ /* background: #0071ca; */}
.nav li img{transition: all 0.5s}
.nav li:hover img{transform: rotate(180deg)}
.nav li:hover>a,.nav li.on>a{color: #b9d451;border-bottom: 6px #b9d451 solid;}
/*banner*/
.banner{}
.banner img{width: 100%;}
/*foot*/
.footer{width:100%;line-height: 320px;height: 180px;text-align: center;font-size: 14px;color: #fff;/* background: #1357a7; */margin-top: 100px;background: url("images/footer.png") center bottom no-repeat;}
.footer a{color: #000000;}
.footer img{width: 100%;}
/*xnav*/
.xnav{text-align: center;/* overflow: hidden; *//* height: 37px; */border-bottom: 1px #d0cfce solid;margin-top: 50px;}
.xnav li{display: inline-block;text-align: center;width: 170px;height: 110px;overflow: hidden;color: #231815;padding-top: 15px;margin:  0;float: left;}
.xnav li+li{/* margin-left: 100px; */}
.xnav li a{color: #3e3a39;font-size: 22px;/* padding: 5px; */overflow: hidden;display: block;}
.xnav li.on{border-bottom: 3px solid #059000;background: #f4fff6;}
.xnav li:hover{border-bottom: 3px solid #059000;background: #f4fff6;}
.xnav li span{display: block;margin-top: 10px;font-size: 16px;font-weight: bold;}
.xnav ul{ overflow: hidden;width: 680px;margin: auto;}
.xnav-box .xnax{background: #ffffff;display: none;position: relative;z-index: 9;/* width: 150px; */}
.xnav-box:hover .xnax{display: block}
.xnav-box .xnax p{
    /* padding: 0 10px; */
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    border: 1px #e0e0e0 solid;
}
.xnav-box .xnax p a{
    font-size: 16px;
    /* display: block; */
    color: #000000;
}
.xnav-box .xnax p a:hover{color: #069538; font-weight: bold}
.top_icon{position: relative;left: 50%;margin-left: -20px;cursor: pointer;}
body{background: #fff;}
/*index*/
.pic-center{display: block;margin: 0 auto;/* width: 100%; */}
.content{
    position: relative;
    /* width: 1200px; */
    margin: 0 auto;
    /* overflow: hidden; */
}
.container{/* background: #e0ffed; *//* padding-bottom: 114px; *//* padding-top: 45px; */padding-top: 65px;}
.contentW-box{float: right;width: 1000px;margin: 0 auto;position: relative;}
.contentW-box>:nth-child(1){margin-top: 0;}
.contentW{width: 100%;margin-top: 55px;border: 1px #069538 solid;background-color: #fff!important;padding-top: 55px;position: relative;}
.title{display: block;margin: 0 auto;margin-bottom: 45px;}
.title p{font-weight: bold;font-size: 30px;color: #333333;text-align: center;}
.text-box{width: 1100px;margin: 0 auto;color: #000000;font-size: 18px;line-height: 35px;text-indent: 2em;}
.text-box span{color: #aace39;}
.text-box-2{margin: 0 auto;color: #000000;font-size: 18px;line-height: 35px;text-indent: 2em;background: url("images/pic-1.png") no-repeat;width: 1116px;height:195px;padding: 19px 50px;}
.qywh-p{text-align: center;color: #000;margin-top: 42px;font-size: 18px;line-height: 35px;}
.qywh-p span{color: #aace39;}
.job-box{width: 1040px; margin: 0 auto;}
.job-box ul{width: 100%;overflow: hidden;}
.job-box ul.job-top li{width: 20%;height: 90px;line-height: 90px;color: #808080;background: #eeeeee;float: left;text-align: center;font-size: 20px;cursor: pointer;}
.job-box ul.job-top li.on{background: #aace39; color: #fff;}
.job-box .job-com{
    margin-top: 10px;
    display: none;
}
.job-box .job-com li{
    background: #eeeeee;
    margin-top: 15px;
    height: 50px;
    line-height: 50px;
    padding: 0 90px;
    font-size: 18px;
}
.job-box .job-com li span{
    color: #7da404;
}
.job-box .job-com li a{
    float: right;
    color: #7da404;
}
.city-box{width: 472px; height: 82px; background: url("images/pic-3.png") no-repeat; margin: 0 auto; margin-top: 50px; color: #7da404; font-size: 18px; line-height: 82px; text-align: center}
.pic-4{width: 100%;height: 328px;background: url("images/pic-4.png") center no-repeat;margin-top: 75px;}
.pic-6{width: 100%;height: 1226px;background: url("images/pic-6.png") center no-repeat;margin-top: 75px;}
.text-box-3{width: 100%;background: #f2f2f2;padding: 35px 0;}
.pic-10{height: 279px; width: 100%; background: url("images/pic-10.png") center;}
.index{position: relative;}
.index-bg{position: relative;width: 100%;}
.index{width: 100%;position: relative;overflow: hidden;}
.index .img{position: absolute;opacity: 0;}
.index .index-1{
    width: 63.5%;
    top: 20%;
    left: 6%;
    animation: bounceIn 1.3s forwards linear;-webkit-animation: bounceIn 1.3s forwards linear
}
.index .index-2{
    width: 52.6%;
    left: 50%;
    top: 4%;
    margin-left: -26.3%;
    animation: fadeInUp 0.5s  forwards linear;
    -webkit-animation: fadeInUp 0.5s forwards linear;
}
.index .index-3{
    width: 24%;
    left: 2%;
    top: 3%;
    margin-left: 0;
    animation: bounceIn 1.6s 1s forwards linear;
    -webkit-animation: bounceIn 1.6s 1s forwards linear;
}
.index .index-4{
    width: 13.29%;
    top: 4%;
    left: 83%;
    animation:bounceIn 1.7s forwards linear;
    -webkit-animation:bounceIn 1.7s forwards linear;
}
.index .index-5{
    width: 46.92%;
    top: 6%;
    left: 50%;
    margin-left: -23.46%;
    animation:fadeIn 1.8s 0.5s forwards linear;
    -webkit-animation:fadeIn 1.8s 0.5s forwards linear;
}
.index .index-6{
    width: 92%;
    top: 57%;
    left: 50%;
    margin-left: -46%;
    animation:bounceIn 1s 1s forwards linear;
    -webkit-animation:bounceIn 1s 1s forwards linear;
}
.index .index-7{
    width: 13.28%;
    left: 50%;
    top: 78%;
    margin-left: -5.14%;
    animation:bounceIn 2.0s 1.5s forwards linear,flash 1.5s 3.5s infinite linear;
    -webkit-animation:bounceIn 2.0s 1.5s forwards linear,flash 1.5s 3.5s infinite linear;
    cursor: pointer;
}
.index .index-btn{
    position: absolute;
    display: block;
    animation: bounceIn 1.3s forwards linear;
    -webkit-animation: bounceIn 0.8s 1.3s forwards linear,flash 1.5s 2.5s infinite linear;
}
.index-btn img{width: 100%; position: relative;
    animation: bounceIn 1.3s forwards linear;
    -webkit-animation: bounceIn 0.8s 1.3s forwards linear,flash 1.5s 2.5s infinite linear;
}
.index .index-btn-1{
    left: 53%;
    top: 44%;
    width: 8%;
}
.index .index-btn-2{
    left: 51%;
    top: 44%;
    margin-left: 12%;
    width: 8.6%;
}
@media screen and (max-width:980px) {
    .index{height:33%;}
}
@-webkit-keyframes flyUpDown{
    0%{-webkit-transform:translateY(0);transform:translateY(0);}
    50%{-webkit-transform:translateY(-50%);transform:translateY(-50%);}
    100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes flyUpDown{
    0%{-webkit-transform:translateY(0);transform:translateY(0);}
    50%{-webkit-transform:translateY(-50%);transform:translateY(-50%);}
    100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@-webkit-keyframes zoomIn{
    0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}
    50%,100%{opacity:1;}
}
@keyframes zoomIn{
    0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3);}
    50%,100%{opacity:1;}
}
@-webkit-keyframes fadeIn{
    0%{opacity:0;}
    100%{opacity:1;}
}
@keyframes fadeIn{
    0%{opacity:0;}
    100%{opacity:1;}
}
@-webkit-keyframes fly{
    0%{-webkit-transform:translate(600%,0);}
    100%{-webkit-transform:translate(0,0);opacity:1;}
}
@keyframes fly{
    0%{transform:translate(600%,0);}
    100%{transform:translate(0,0);opacity:1;}
}
@-webkit-keyframes xz {
    0% {
        opacity:1;
        -webkit-transform: rotate(0deg);
        -webkit-transform-origin:107px 107px;
    }
    100% {
        opacity: 1;
        -webkit-transform: rotate(360deg);
        -webkit-transform-origin:107px 107px;
    }
}
@keyframes xz {
    0% {
        opacity:1;
        transform: rotate(0deg);
        transform-origin:107px 107px;
    }
    100% {
        opacity: 1;
        transform: rotate(360deg);
        transform-origin:107px 107px;
    }
}
@-webkit-keyframes flash {
    0%,100%{
        opacity: 1
    }
    50% {
        opacity: 0
    }
}
@keyframes flash {
    0%,100%{
        opacity: 1
    }
    50% {
        opacity: 0
    }
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        -ms-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
@-webkit-keyframes fadeInDown{
    0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}
    100%{opacity:1;-webkit-transform:none;transform:none;visibility: visible;}
}
@keyframes fadeInDown{
    0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}
    100%{opacity:1;-webkit-transform:none;transform:none; visibility: visible;}
}
@-webkit-keyframes fadeInLeft{
    0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}
    100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1; visibility: visible;}
}
@keyframes fadeInLeft{
    0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}
    100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1; visibility: visible;}
}
@-webkit-keyframes fadeInLeft2{
    0%{-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0;}
    100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1; visibility: visible;}
}
@keyframes fadeInLeft2{
    0%{-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0;}
    100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1; visibility: visible;}
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        -ms-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
@-webkit-keyframes fadeInRight2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(50%,0,0);
        transform: translate3d(50%,0,0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInRight2 {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(50%,0,0);
        -ms-transform: translate3d(50%,0,0);
        transform: translate3d(50%,0,0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}
@-webkit-keyframes bounceIn {
    0%,100%,20%,40%,60%,80% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }
    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }
    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}
@keyframes bounceIn {
    0%,100%,20%,40%,60%,80% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        -ms-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        -ms-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }
    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        -ms-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        -ms-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }
    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        -ms-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        -ms-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}
@-webkit-keyframes bounceInDown{
    0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
    0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
    60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
    75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
    90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
    100%{-webkit-transform:none;transform:none;opacity:1;}
}
@keyframes bounceInDown{
    0%,60%,75%,90%,100%{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}
    0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}
    60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}
    75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}
    90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}
    100%{-webkit-transform:none;transform:none;opacity:1;}
}
@-webkit-keyframes bounce{
    0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
    70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}
    90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}
    100%{opacity:1;}
}
@keyframes bounce{
    0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);transition-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    40%,43%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);-ms-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
    70%{-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);transition-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);-ms-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}
    90%{-webkit-transform:translate3d(0,-4px,0);-ms-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}
    100%{opacity:1;}
}
.newsContent{width: 1200px; margin: 0 auto}
.newsContent table{width: 100%; margin: 0 auto}
.job_box_{
    width: 1200px;
    margin: 0 auto;
}
.job_box_ table{}
.job_box_ table tr{}
.job_box_ table tr:first-child{
    background-color: #84ae00;
    color: #fff;
    line-height: 40px;
}
.job_box_ table tr:first-child td{
    font-size: 20px;
    padding: 5px;
}
.job_box_ table tr td a:hover{text-decoration: underline; }
.job_box_ table tr td{
    text-align: center;
    padding: 20px;
    font-size: 16px;
    border: 1px solid #7b7b7b;
}
.job_box_ table tr td:nth-child(1){width: 12%;}
.job_box_ table tr td:nth-child(2){width: 38%;}
.job_box_ table tr td:nth-child(3){width: 38%;}
.job_box_ table tr td:nth-child(4){width: 12%;}
.job_box_ table tr td a{
    padding: 20px 15px;
}