﻿@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;border-bottom: 2px solid #00b3e6;}
.navBox{width: 1200px;height: 80px;margin: 0 auto;/* padding: 6px 0; */overflow: hidden;line-height: 80px;}
.navBox .logo{float: left;margin-top: 5px;width: 104px;}
.navBox .nav{float: right;margin: 0 auto;height: 100%;}
.nav a{color: #000000;padding: 2px 15px;border-radius: 8px;/* border: 1px solid #fff; */}
.nav li{float: left;font-size: 20px;text-align: center;/* margin: 0px 20px; */letter-spacing: 2px;/* padding: 5px 10px; */width: 145px;}
.nav li+li a{}
.nav li.on,.nav li:hover{background: #1357a7;}
.nav li:hover a,.nav li.on a{ font-weight: bold;color: #fff;/* 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: #fff;background: #1357a7;/* 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; */}
.title {margin: 0 auto;margin-top: 40px;margin-bottom: 50px;}
.title img{display: block;margin:  0 auto;}
.content{width: 1200px;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: #009be1;font-weight: bold;text-align: center;}
.about .text-box h2{font-size: 16px;color: #009be1;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: 16px;color: #333333;line-height: 29px;text-indent: 2em;}
.about .text-box p span{font-size: 18px; color: #1357a7; font-weight: bold}
.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*/
.zpgg .text-box p{font-size: 16px;color: #333333;line-height: 30px;/* text-indent: 2em; */}
.zpgg  .text-box h1{font-size: 18px;color: #1357a7;font-weight: bold;line-height: 30px;}
.zplc .line{width: 1159px;height: 1px;margin: 0 auto;border: 1px #cccccc dashed;margin-top: 45px;}
#butong_net_left{width: 1200px!important;margin-top: 30px;}
.newsContent table{
    width: 98%;
    margin: 0 auto;
}
.newsContent table tr{}
.newsContent table tr td{text-align: left;border: 1px solid #000000;font-size: 16px;padding: 8px 12px;text-align: center;}
.newsContent table :first-child{}
.newsContent table :first-child td{color: #fff;padding: 10px 10px;background: #0664aa;text-align: center;}
.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: 66%;
    left: 50%;
    top: 15%;
    margin-left: -33%;
    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: 10%;
    position: absolute;
    display: block;
    top: 36%;
    left: 50%;
    margin-left: 22%;
    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: 1200px;
    padding-bottom: 100px;
}
.job-box table{
    width: 100%;
    border-bottom: 1px #e0e0e0 solid;
}
.job-box table tr{
    border-bottom: 1px #e5f2e7 dashed;
}
.job-box table tr th{text-align: center;background: #0664aa;font-weight: bold;font-size: 20px;color: #ffffff;padding: 15px 0;}
.job-box table tr td{text-align: center;padding: 15px 0;color: #2a2a38;font-size: 16px;}
.job-box table tr td a{color: #005cba;border: 1px solid #005cba;padding: 2px 10px;border-radius: 13px;}
.job-box table tr td a:hover{border: none; background: #0664aa; color: #fff}
.depName{height: 40px;background: #009be1;font-size: 18px;color: #fff;font-weight: bold;padding-left: 15px;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}
.newsContent a{color: #fff;background: #0664aa;padding: 2px 5px;}