﻿@charset "utf-8";
html,body{width: 100%;height: 100%;font-family: "Microsoft YaHei";}
h1,h2{
    width: 100%;
}
body{background: #ffffff;}
img{display: inline-block;}
.wrap{position: relative;width: 100%;}
.banner{width: 100%;position:relative;}
.banner img{
    width: 100%;
}
select{ border: 1px solid #6666;}
.nav-box{width: 100%;height: 0.7rem;position: absolute;z-index: 999;margin-top: 0.6rem;}
.nav-right{float: right;}
.menu{float: left;width: 0.6rem;margin-right: 0.48rem;margin-top: -0.2rem;}
.logon-box{float: right;color: #3f3f3f;font-size: 0.14rem;line-height: 0.7rem;}
.nav-list{background: rgba(163,0,14,0.8);position: absolute;width: 3.25rem;right: 0.14rem;text-align: center;margin-top: 1.2rem;padding: 0 0.2rem;display: none;z-index: 998;box-sizing: border-box;}
.nav-list li a{color: #ffffff;font-size: 0.33rem;display: block;}
.nav-list li{text-align: left;border-bottom: 1px #fff solid;padding: 0.2rem 0;vertical-align: baseline;}
.nav-list li img{width: 0.5rem;margin-left: 0.25rem;display: block;float: right;margin-top: -0.1rem;}
.nav-list.on a{color: #fff;}
.logon-box a{color: #3f3f3f;}
.banner{width: 100%;height: 10.82rem;}
.banner img{width: 100%;}
.container{
    overflow: hidden;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.content{overflow: hidden;width: 100%;}
/* 棣栭〉 */
.index{width: 100%;height: 100%;position: relative;}
.index img{position: absolute; opacity: 0}
.index .bg{width: 7.5rem;opacity: 1;height: 100%;}
.btn-box{position: relative;width: 6.4rem;top: 6.2rem;left: 47.2%;margin-left: -3.01rem;height: 3.8rem;}
.btn-box a{display: block;position: absolute;opacity: 0;}
.btn-box a img{display: block;width: 100%;position: relative;opacity: 1;}
.btn-box .btn-1{
    width: 3rem;
    animation: fadeInLeft 1.3s forwards linear;
    -webkit-animation: fadeInLeft 1.3s 0.5s forwards linear;
    top: 0;
    left: 0;
}
.btn-box .btn-2{
    width: 3rem;
    top: 0;
    right: 0;
    animation: fadeInRight 1.3s forwards linear;
    -webkit-animation: fadeInRight 1.3s 0.5s forwards linear;
}
.btn-box .btn-3{
    width: 3rem;
    top: 1.38rem;
    left: 0;
    animation: fadeInLeft 1.3s forwards linear;
    -webkit-animation: fadeInLeft 1.3s 0.7s forwards linear;
}
.btn-box .btn-4{
    width: 3rem;
    right: 0;
    top: 1.38rem;
    animation: fadeInRight 1.3s forwards linear;
    -webkit-animation: fadeInRight 1.3s 0.7s forwards linear;
}
.btn-box .btn-5{
    width: 3rem;
    bottom: 0;
    left: 0;
    animation: fadeInLeft 1.3s forwards linear;
    -webkit-animation: fadeInLeft 1.3s 0.9s forwards linear;
}
/* 鏍″洯鎷涜仒 */
.culture .content1{ padding-bottom: 0.8rem}
.culture .content2{padding-top: 0.5rem;background: #fff4ec;background-image: url("images/bg.png");background-position: bottom;background-repeat: no-repeat;background-size: 100%;}
.about .content1 .text-box{width: 6.5rem;margin: 0 auto;color: #666666;font-size: 0.26rem;line-height: 0.4rem;text-align: justify;text-indent: 2em; margin-top: 0.3rem}
.content{padding-top: 0.25rem;background-color: #fff;}
.about .content2{padding-top: 0.5rem;background: #fff4ec;}
.about .content4{padding-bottom: 1rem;background: #fff4ec;}
.about .content5{padding-bottom:0;background-image: url("images/bg.png");background-position: bottom;background-repeat: no-repeat;background-size: 100%;}
.jobs .content2{background-color: #e3eff9;}
.job-box table tr th{color: #ffffff;font-size: 0.3rem;font-weight: bold;height: 0.6rem;/* padding: 0 0.25rem; */}
.job-box table tr td{color: #333333;padding: 0 0.1rem;}
.job-box table tr td .btn{background: #de3c29;color: #ffffff;padding:0 0.03rem 0.2rem;border-radius: 0.16rem;}
#JobSearchMenu{background: none;padding: 0.2rem 0;}
.job-box .turnpage_jobnum{display: none;}
.job-box .turnpage_text{width: 0.5rem; border: 1px solid #de3c29;}
.job-box .turnpage_button{background: #de3c29;color: #ffffff;padding: 0 0.2rem;border-radius: 0.16rem;box-shadow: none;border: none;}
.middle-img{width: 100%;margin: 0.3rem auto;}
@-webkit-keyframes fadeInRight{
    0%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0;}
    100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;}
}
@keyframes fadeInRight{
    0%{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:0;}
    100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;}
}
@-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;}
}
@keyframes fadeInDown{
    0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);}
    100%{opacity:1;-webkit-transform:none;transform:none;}
}
@-webkit-keyframes fadeInLeft{
    0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}
    100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;}
}
@keyframes fadeInLeft{
    0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);opacity:0;}
    100%{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;}
}
@-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 flash {
    0%,100%{
        opacity: 1
    }
    50% {
        opacity: 0
    }
}
@keyframes flash {
    0%,100%{
        opacity: 1
    }
    50% {
        opacity: 0
    }
}
@-webkit-keyframes bounceIn {
    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(.215, .610, .355, 1.000);
        transition-timing-function: cubic-bezier(.215, .610, .355, 1.000);
    }
    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% {
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
        opacity: 1;
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        opacity: 1;
    }
}
.title{width: 100%;height: 1.7rem;}
.title p{z-index: 9999;width: 100%;color: #fff;font-size: 0.35rem;margin-top: 0.6rem;text-align: center;position: absolute;}
.title img{width: 65%;position: absolute;left: 0;right: 0;margin: auto;}
.juzho{padding: 0 0.5rem;}
.juzho img{width: 100%;}
.title2{margin-top: 0.6rem;}
.title-2{width: 1.25rem;border-bottom: 1px solid #000;color: #000;font-size: 0.28rem;padding-bottom: 0.1rem;margin-left: 0.4rem;margin-top: 0.2rem;text-align: center;}
.pic-center{display: block; margin: 0 auto;}
/* 宀椾綅 */
.job-top{width: 100%;margin: 0 auto;overflow: hidden;padding: 0 0.4rem;}
.job-top li{
    float: left;
    opacity: 0.5;
    cursor: pointer;
    width: 41.8%;
    height: 1.7rem;
    padding: 0 0.1rem;
    margin-bottom: 0.2rem;
}
.job-top li img{
    width: 100%;
}
.job-top li:hover, .job-top li.on{opacity: 1;}
.gwxx{width: 100%;}
.job-box{margin-top: 0.3rem;display: none;padding: 0 0.5rem;}
.job-box table tr th{text-align: center;color: #fff;}
.job-box table tr td{height: 1rem;text-align: center;/* padding: 0 0.1rem; */}
.job-box table tr:nth-child(2n){background: #fff;}
.yfjs table tr{background: #ddf3d5;}
.scyx table tr{background: #f8dfcf;}
.gyl table tr{background: #fcefd0;}
.zhzn table tr{background: #e3eff9;}
.gwzz{padding: 0 0.5rem;}
/* about.html */
.wenzip{text-indent: 2em;font-size: 0.26rem;line-height: 0.45rem;color: #474747;}
.wzxbj{margin-bottom: 0.2rem;}
.dbbj img{width: 100%;display: block;}
.footer{position: absolute;bottom: 0.05rem;z-index: 9999;font-size: 0.15rem;color: #000;text-align:center;width: 100%;}
.logo{width: 2.5rem; float: left;margin-left: 0.5rem;margin-top: 0.7rem;}
.logo img{width: 100%;}
.login1 img,.login2 img,.login3 img{width: 100%;}
.login1{padding-top: 2rem;}
.login2{margin-top: 0.3rem;}
.login3{margin-top: 0.3rem;}
.job-top2{width: 90%;margin: 0 auto;overflow: hidden;}
.job-top2 li{
    float: left;
    margin-left: -14px;
    opacity: 0.5;
    cursor: pointer;
}
.job-top2 li img{width: 1.18rem;}
.job-top2 li:hover, .job-top li.on{opacity: 1;}
.xc-box{
    width: 90%;
    margin: 0 auto;
    display: none;
}
.xc-box tr{}
.xc-box tr th{
    text-align: center;
    height: 0.5rem;
    /* background: #234e97;*/
    color: #fff;
    font-size: 0.16rem;
}
.xc-box tr td{width: 20%!important;font-size: 0.15rem;color: #101010;height: 0.4rem;text-align: center;background: #e4effa;border: 1px solid #fff!important;}