@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%;}
/*nav*/
.navBg{width:  100%;/* background: #0e5c3a; *//* position: absolute; */z-index: 99;/* border-bottom: 3px solid #1568ab; */margin-top: 50px;margin-bottom: 40px;}
.navBox{width: 1244px;height: 70px;margin: 0 auto;/* padding: 6px 0; */overflow: hidden;line-height: 67px;}
.navBox .logo{float: left;margin-top: 5px;width: 104px;}
.navBox .nav{width: 100%;float: right;margin: 0 auto;/* height: 67px; */}
.nav a{color: #6e748c;padding: 2px 15px;border-radius: 8px;/* border: 1px solid #fff; */}
.nav li{float: left;font-size: 20px;text-align: center;margin: 0px 40px;letter-spacing: 2px;/* padding: 5px 10px; */width: 165px;height: 67px;/* font-weight: bold; */background: url("images/nav-bg.png") no-repeat center;line-height: 56px;}
.nav li+li a{}
.nav li.on,.nav li:hover{background: url("images/nav-bg-on.png") no-repeat center;}
.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: #001153;/* margin-top: 100px; */}
.footer a{color: #000000;}
/*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*/
.title{/* height: 46px; *//* padding-left: 10px; *//* margin-bottom: 50px; *//* margin-top: 50px; */}
.title p{font-weight: bold; font-size: 24px; color: #0071ca;}
.pic-center{display: block;margin: 0 auto;/* width: 100%; */}
.content{width: 1240px;overflow: hidden;margin: 0 auto;/* padding-top: 70px; *//* padding-bottom: 250px; */margin-bottom: 80px;}
.contentW{/* width: 940px; *//* float: right; */position: relative;}
.index .content .contentW{background: #ffffff; padding: 50px 80px;}
.index .text-box{}
.index .text-box h1{color: #222222;font-size: 22px;font-weight: bold;margin-bottom: 10px;}
.index .text-box h1 img{ margin-right: 5px; }
.index .text-box p{color: #5d5d5d;font-size: 14px;line-height: 30px;padding-left: 23px;}
.index .text-box p a{color: #5d5d5d;}
.content{/* padding-bottom: 100px; */}
.container{}
.index .pic-box p{color: #21b37d;font-size: 16px;font-weight: bold;text-align: center;width: 820px;border-bottom: 1px #21b37d solid;margin: 0 auto;padding-bottom: 15px;}
.index .pic-box{width: 880px;margin: 0 auto;margin-top: 90px;}
/*about*/
.zsfl .text-box{width: 100%}
.zsfl .text-box li{width: 388px;height: 283px;float: left;margin: 0 12px;margin-top: 50px;position: relative;padding-top: 100px;}
.zsfl .text-box li img{position: absolute;top: 0;}
.zsfl .text-box li h1{ text-align: center; font-size: 22px; color: #222222; font-weight: bold; position: relative; z-index: 1;}
.zsfl .text-box li p{position: relative;z-index: 1;width: 205px;margin: 0 auto;margin-top: 25px;font-size: 14px;color: #5d5d5d;}
.xrjh .content .contentW{background: #ffffff;padding: 50px 80px;background-image: url("images/pic-8.png");background-repeat: no-repeat;background-position: top 0 right 20px;}
.xrjh h1{color: #222222; font-size: 22px; text-align: center; margin-bottom: 50px; font-weight: bold}
.xrjh .content{ padding-bottom: 230px;}
.jobs{width: 100%;}
.jobs li{
    width: 100%;
    overflow: hidden;
}
.jobs li .job-title{color: #222222;font-size: 22px;font-weight: bold;/* margin-bottom: 10px; */float: left;width: 320px;}
.jobs li .job-title img{margin-right: 10px;}
.jobs li.job-top{margin-top: 50px;}
.jobs li .job-city{ color: #6e748c; font-size: 22px; float: left;}
.jobs li .job-city img{margin-right: 10px;}
.jobs li .job-btn{ float: right;}
.jobs li .job-btn img{}
.jobs .job-content{margin-top: 10px;color: #5d5d5d;font-size: 14px;padding-left: 27px;line-height: 25px;}
.pic-10{position: absolute;right: 70px;top: 315px;}
.index-bg{position: relative;width: 100%;}
.index2{width: 100%;position: relative;}
.index2 .img{position: absolute;}
.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: 17.2%;
    left: 50%;
    top: 11%;
    margin-left: -41%;
    animation: bounceIn 1.3s forwards linear;
    -webkit-animation: bounceIn 1.3s forwards linear;
}
.index-3{
    width: 30%;
    left: 50%;
    top: 70%;
    margin-left: -15%;
    animation: bounceIn 1.3s forwards linear;
    -webkit-animation: bounceIn 1.3s forwards linear;
}
.index-4{
    width: 75%;
    top: 0;
    left: 13%;
}
.index-5{
    width: 100%;
}
.index-6{
    width: 100%;
    bottom: 0;
}
.index-7{
    width: 9%;
    left: 5%;
    top: 5%;
    animation: bounceIn 1.3s forwards linear;
    -webkit-animation: bounceIn 1.3s forwards linear;
}
.index-btn{
    width: 12.6%;
    position: absolute;
    display: block;
    top: 32%;
    left: 50%;
    margin-left: 1%;
    animation: bounceIn 1.3s forwards linear;
    -webkit-animation: bounceIn 1.3s forwards linear;
}
.index-btn img{width: 100%; position: relative}
.xq_box{width: 93%;margin: 0px auto;text-align: justify;line-height: 31px;font-size: 14px;}
@-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;
    }
}
/*job*/