@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: #f1f4ff; */}
.banner{width: 100%;position:relative;/* border-bottom: 3px solid #1568ab; */}
.banner img{width: 100%;}
.swiper-container {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
/*nav*/
.navBg{width:  100%;/* background: #0e5c3a; *//* position: absolute; */z-index: 99;border-bottom: 3px solid #00b3e6;}
.navBox{width: 1200px;height: 80px;margin: 0 auto;/* padding: 6px 0; */overflow: hidden;line-height: 80px;}
.navBox .logo{float: left;margin-top: 15px;/* width: 104px; */}
.navBox .nav{/* width: 700px; */float: right;margin: 0 auto;height: 80px;line-height: 80px;}
.nav a{color: #1357a7;padding: 2px 0;border-radius: 8px;/* border: 1px solid #fff; */display: block;}
.nav li{float: left;font-size: 18px;text-align: center;/* margin: 0 40px; */letter-spacing: 2px;/* padding: 5px 10px; */width: 140px;/* heigtitleht: 67px; */}
.nav li+li a{}
.nav li.on,.nav li:hover{
    background: #0071ca;
}
.nav li:hover a,.nav li.on a{/* font-weight: bold; */color: #fff;}
/*banner*/
.banner img{width: 100%;}
.banner-line{width: 100%;height: 10px; background: #1284cc}
/*foot*/
/*.footer{width:100%;line-height: 52px;text-align: center;font-size: 14px;color: #fff;background: #1357a7;!* margin-top: 100px; *!}*/
/*.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;}
.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{}
.container{background: #f0f2f5;padding-bottom: 114px;padding-top: 45px;}
.contentW{width: 1220px;margin: 0 auto;position: relative;background: #fff;padding: 0 45px;padding-bottom: 100px;box-shadow: 0px 0px 23px 1px #cecece;}
.title{
    margin-bottom: 45px;
    margin-top: 70px;
}
.title p{font-weight: bold;font-size: 30px;color: #333333;text-align: center;}
.jtcy-nav{width: 1220px;margin: 0 auto;position: relative;margin-bottom: 50px;box-shadow: 0px 0px 23px 1px #cecece;}
.jtcy-nav li{position: relative;float: left;width: 149px;background: #ffffff;height: 100px;cursor: pointer;margin-right: 4px;}
/*.jtcy-nav li:hover{*/
    /*z-index: 8;*/
    /*transform: scale(1.1);*/
    /*box-shadow: 0 0 23px 1px #cecece;*/
/*}*/
.jtcy-nav li.on{
    z-index: 9;
    transform: scale(1.1);
    box-shadow: 0 0 23px 1px #cecece;
}
.jtcy-nav li:hover p,.jtcy-nav li.on p{color: #0071ca; font-weight: bold;}
.jtcy-nav li:hover img:nth-child(2),.jtcy-nav li.on img:nth-child(2){display: none;}
.jtcy-nav li img:nth-child(1),.jtcy-nav li img:nth-child(1){display: block;}
.jtcy-nav li img{position: absolute;bottom: 50px;left: 50%;transform: translateX(-50%);}
.jtcy-nav li p{text-align: center;position: absolute;width: 100%;bottom: 19px;color: #5d5d5d;font-size: 16px;}
.jtcy-box{
    padding: 1px;
    display: none;
}
.jtcy-title{position: relative;width: 1112px;margin: 0 auto;border-bottom: 2px #0071ca solid;color: #0071ca;font-size: 30px;font-weight: bold;padding-bottom: 10px;padding-right: 10px;margin-top: 70px;margin-bottom: 50px;}
.jtcy-title img{
    float: right;
    margin-top: -8px;
}
.jtcy-title .icon-1{
    position: absolute;
    left: -20px;
    margin-top: 2px;
}
.jtcy-text-box{width: 1100px;margin: 0 auto;height: 400px;position: relative;}
.jtcy-pic-1{position: absolute;left: 0;top: 50%;margin-top: -166.5px;}
.jtcy-text{height: 100%;width: 900px;background: #f0f9ff;float: right;padding-left: 200px;padding-right: 40px;padding-top: 90px;}
.jtcy-text p{width: 660px;color: #36455a;font-size: 20px;line-height: 40px;text-indent: 2em;}
.jtcy-text p strong{color: #0071ca;}
.jtcy-box table{width: 100%;}
.jtcy-box table tr{}
.jtcy-box table tr td{color: #36455a; font-size: 20px; line-height: 40px;}
.job .jtcy-nav li{width: 240px;}
.job .jtcy-nav{width: 1217px;}
.job-p{color: #36455a; font-size: 20px;}
.job-box{
    padding: 1px;
    display: none;
}
.nel_jobs{width: 860px; margin: 0 auto;}
.nel_jobs tr{}
.nel_jobs tr th{background: #0071ca;text-align: center;line-height: 60px;color: #ffffff;font-size: 16px;}
.nel_jobs .font12 td:first-child{text-align: left;padding-left: 70px;}
.font12{cursor: pointer}
.font12 td{overflow: hidden;padding: 5px;text-align: center;color: #2a2a38;font-size: 16px;padding: 20px 0;border-bottom: 1px #d2d2d2 dashed;}
.nel_jobs {margin: 20px auto;}
.joblink{font-size:14px; font-weight:bold; float: left;color: #555; padding-left: 55px; line-height: 46px;font-size: 15px;}
.apply{float: right; padding-right: 20px;color: #555;line-height: 46px;font-size: 15px;}
.job_con td{font-family:'microsoft yahei';font-size: 14px;color: #696970;padding: 30px 60px 20px 40px;background: #f1f6fc;}
.job_con a{display: block;float: right;/* margin-top: 40px; */}
.job-content{
    line-height: 30px;
}
.index-bg{position: relative;width: 100%;}
.index{width: 100%;position: relative;}
.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: 36.56%;
    left: 50%;
    top: 4%;
    margin-left: -5.99%;
    animation: fadeInUp 0.5s 0.8s forwards linear;
    -webkit-animation: fadeInUp 0.5s 0.8s forwards linear;
}
.index-3{
    width: 12.9%;
    left: 2%;
    top: 3%;
    margin-left: 0;
    animation: bounceIn 1.3s forwards linear;
    -webkit-animation: bounceIn 1.3s forwards linear;
}
.index-4{
    width: 14.21%;
    top: 26%;
    left: 83%;
    animation:bounceIn 1.3s forwards linear, flyUpDown 5s 1.5s infinite linear;
    -webkit-animation:bounceIn 1.3s forwards linear, flyUpDown 5s 1.5s infinite linear;
}
.index-5{
    width: 100%;
}
.index-6{
    width: 100%;
    bottom: 0;
}
.index-7{
    width: 19.8%;
    left: 3%;
    top: 6%;
    animation: bounceIn 1.3s forwards linear;
    -webkit-animation: bounceIn 1.3s forwards linear;
}
.index-8{
    width: 16.4%;
    left: 81%;
    top: 3%;
    animation: bounceIn 1.3s forwards linear;
    -webkit-animation: bounceIn 1.3s forwards linear;
}
.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;}
}