@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: block;}
.wrap{position: relative;width: 100%;/* height: 100%; *//* background: #e0ffed; */}
/*nav*/
.navBg{position: relative;width:  100%;background: url("images/nav-bg.png") center;/* position: absolute; */z-index: 99;/* border-bottom: 3px solid #00b3e6; */margin-top: -80px;}
.navBox{width: 1200px;height: 80px;margin: 0 auto;/* padding: 6px 0; *//* overflow: hidden; */line-height: 80px;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; */height: 100%;}
.nav li>a{line-height: 22px;padding-top: 18px;/* padding: 0 10px; *//* padding-bottom: 13px; */color: #fff;/* padding: 2px 0; *//* border-radius: 8px; *//* border: 1px solid #fff; */display: block;height: 100%;}
.nav li{float: left;font-size: 25px;text-align: center;/* margin: 0 40px; */letter-spacing: 2px;/* padding: 0px 5px; */min-width: 200px;/* heigtitleht: 67px; */height: 100%;}
.nav li+li >a{}
.nav li>a span{color: #fff;font-size: 16px;}
.nav li.on,.nav li:hover{background: #fff;}
.nav li img{transition: all 0.5s}
.nav li:hover img{transform: rotate(180deg)}
.nav li:hover>a,.nav li.on>a{color: #2b6fd8;/* border-bottom: 6px #b9d451 solid; */}
.nav li:hover>a span,.nav li.on>a span{color: #2b6fd8;/* border-bottom: 6px #b9d451 solid; */}
/*banner*/
.banner{}
.banner img{width: 100%;}
/*foot*/
.footer{width:100%;line-height: 30px;height: 30px;text-align: center;font-size: 12px;color: #fff;background: #415eb2;margin-top: 150px;/* background: url("images/footer.png") center bottom; */}
.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;}
.text-box{width: 1200px;margin: 0 auto;line-height: 40px;font-size: 23px;text-indent: 2em;text-align: justify;color: #5f5f5f;}
.job-box{width: 1200px; margin: 0 auto}
.job-box table{width: 100%}
.job-box table tr{}
.job-box table tr th{width: 25%;background: #5d97f2;color: #fff;text-align: center;font-size: 30px;padding: 18px 0;}
.job-box table tr td{
    text-align: center;
    color: #000;
    background: #ebf3ff;
    height: 90px;
    font-size: 25px;
}
.job-box table tr td a{}
.job-p{text-align: right; font-size: 25px; color: #5f5f5f; margin-top: 30px;}
.index{position: relative;}
.index-bg{position: relative;width: 100%;}
.index{width: 100%;position: relative;overflow: hidden;}
.index .img{position: absolute;opacity: 0;}
.index-1{
    width: 63.5%;
    top: 20%;
    left: 6%;
    animation: bounceIn 1.3s forwards linear;-webkit-animation: bounceIn 1.3s forwards linear
}
.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-3{
    width: 19.35%;
    right: 2%;
    top: 3%;
    margin-left: 0;
    animation: bounceIn 1.6s 1s forwards linear;
    -webkit-animation: bounceIn 1.6s 1s forwards linear;
}
.index-4{
    width: 13.29%;
    top: 4%;
    left: 83%;
    animation:bounceIn 1.7s forwards linear;
    -webkit-animation:bounceIn 1.7s forwards linear;
}
.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-6{
    width: 62%;
    top: 57%;
    left: 50%;
    margin-left: -31%;
    animation:bounceIn 1s 1s forwards linear;
    -webkit-animation:bounceIn 1s 1s forwards linear;
}
.index-7{
    width: 22.65%;
    left: 50%;
    top: 73%;
    margin-left: -11.32%;
    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-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-btn-1{
    left: 53%;
    top: 44%;
    width: 8%;
}
.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;}
}