@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%;}
.banner{width: 100%; position:relative;}
.banner img{width: 100%;}
/*nav*/
.navBg{width:  100%;/* background: #0e5c3a; *//* position: absolute; */z-index: 99;}
.navBox{width: 1000px;height: 70px;margin: 0 auto;/* padding: 6px 0; */overflow: hidden;line-height: 70px;}
.navBox .logo{float: left;margin-top: 10px; width: 330px;}
.navBox .nav{/* width: 100%; */float: right;margin: 0 auto;height: 100%;line-height: 71px;}
.nav a{color: #000000;padding: 2px 15px;border-radius: 8px;border: 1px solid #fff;}
.nav li{float: left;font-size: 16px;text-align: center;margin: 0px 20px;letter-spacing: 2px;/* padding: 5px 10px; */}
.nav li+li a{}
.nav li.on{}
.nav li:hover{}
.nav li:hover a{ font-weight: bold; color: #067149;border: 1px solid #067149;}
.nav li.on a{font-weight: bold; color: #067149;border: 1px solid #067149;}
/*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: #000000;/* background: #cbcbcb; *//* 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;}
.zplc{background: url("images/zplc-bg.png") no-repeat bottom;}
.about{background: url("images/bg.png") no-repeat bottom;}
.job{background: url("images/bg.png") no-repeat bottom;}
.index{background: url("images/index-bg.png") no-repeat bottom;}
.title {margin: 0 auto;margin-top: 40px;margin-bottom: 50px;}
.title img{display: block;/* margin:  0 auto; */}
.content{width: 1000px;margin: 0 auto;overflow: hidden;}
.top_icon{position: relative;left: 50%;margin-left: -20px;cursor: pointer;}
body{background: #fff;}
/*index*/
.about .text-box h1{font-size: 22px; color: #067149; font-weight: bold; text-align: center;}
.about .text-box h2{font-size: 16px;color: #067149;font-weight: bold;margin-top: 40px;margin-bottom: 10px;}
.about .text-box h3{font-size: 14px;color: #000000;line-height: 29px;}
.about .text-box p{font-size: 14px;color: #000000;line-height: 29px;/* text-indent: 2em */}
.pic-center{display: block;margin: 0 auto;/* width: 100%; */}
.content{padding-bottom: 100px;}
.content2{background: #e9f5f0;}
.content4{background: #e9f5f0;}
.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;}
.contentW{width: 1000px; margin: 0 auto}
/*about*/
.index2{width: 100%;height: 100%;background: url("images/index/bg.jpg") no-repeat;background-size: 100% 100%;overflow: hidden;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: 56%;
    left: 43%;
    top: 17%;
    margin-left: -5.5%;
    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: 20%;
    left: 5%;
    top: 5%;
    animation: bounceIn 1.3s forwards linear;
    -webkit-animation: bounceIn 1.3s forwards linear;
}
.index-btn{
    width: 17.7%;
    position: absolute;
    display: block;
    top: 38%;
    left: 50%;
    margin-left: 5.5rem;
    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;}
.zwlb{width: 15%;}
.zwmc{width: 25%}
.xlyq{width: 13%;}
.gzdd{width: 25%}
.jltd{width: 12%;}
@-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*/
.job-box{width: 870px;margin: 0 auto;}
.job-box ul{width: 100%}
.job-box ul li{width: 100%; padding: 10px 0;border-bottom: 1px dashed #737373;overflow: hidden;}
.depName{height: 40px;background: #26875b;font-size: 18px;color: #fff;font-weight: bold;padding-left: 40px;line-height: 40px;margin-top: 40px;}
.job-name{float: left}
.job-name a{color: #037cef; font-size: 14px;}
.job-city{float: right;font-size: 14px;color: #000000}
.index .text-box{color: #060001;font-size: 16px;text-indent: 2em;line-height: 30px;}
.index-title{width: 707px; height: 45px; background: url("images/title-bg.png") no-repeat center; margin: 0 auto; line-height: 45px; color: #067149; font-weight: bold; font-size: 22px; text-align: center; margin-bottom: 30px;}
.about .text-box  .zpgg-p{font-size: 20px; color: #067149; text-align: center; font-weight: bold; margin-top: 90px;}
.about .text-box a{color: #0037c3;}