@charset "utf-8";
*{ font-family: "Microsoft Yahei",Arial;  }
.no-padding{  padding: 0;  }
.no-margin{margin: 0;  }
.index-bg{width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.index-img{position: absolute;opacity: 0;}
.p101{width: 25%;left: 5%;top: 5%;
    -webkit-animation: fadeInDown 1.6s forwards 1.6s;
    -moz-animation: fadeInDown 1.6s forwards 1.6s;
    -o-animation: fadeInDown 1.6s forwards 1.6s;
    animation: fadeInDown 1.6s forwards 1.6s;
}
.p102{width: 5%;left: 0;top: 77%;
    -webkit-animation: fadeInLeft 1.6s forwards 1.2s;
    -moz-animation: fadeInLeft 1.6s forwards 1.2s;
    -o-animation: fadeInLeft 1.6s forwards 1.2s;
    animation: fadeInLeft 1.6s forwards 1.2s;
}
.p103{width: 8%;left: 73%;top: 5%;
    -webkit-animation: fadeIn 1.6s forwards 1.6s;
    -moz-animation: fadeIn 1.6s forwards 1.6s;
    -o-animation: fadeIn 1.6s forwards 1.6s;
    animation: fadeIn 1.6s forwards 1.6s;
}
.p104{width: 42%;left: 29%;top: 0%;
    -webkit-animation: fadeIn 1.6s forwards .6s;
    -moz-animation: fadeIn 1.6s forwards .6s;
    -o-animation: fadeIn 1.6s forwards .6s;
    animation: fadeIn 1.6s forwards .6s;
}
.p105{width: 90%;left: 6%;top: -50%;
    -webkit-animation: flash 4.6s infinite 1s linear;
    -moz-animation: flash 4.6s infinite 1s linear;
    -o-animation: flash 4.6s infinite 1s linear;
    animation: flash 4.6s infinite 1s linear;
}
.p106{width: 24%;left: 40%;top: 13%;
    -webkit-animation: fadeIn 1.6s forwards .6s;
    -moz-animation: fadeIn 1.6s forwards .6s;
    -o-animation: fadeIn 1.6s forwards .6s;
    animation: fadeIn 1.6s forwards .6s;
}
.p107{width: 60%;left: 16%;top: 0%;
    -webkit-animation: fadeIn 1.6s forwards 1.2s;
    -moz-animation: fadeIn 1.6s forwards 1.2s;
    -o-animation: fadeIn 1.6s forwards 1.2s;
    animation: fadeIn 1.6s forwards 1.2s;
}
.p108{
    width: 43%;
    left: 26%;
    top: 17%;
    -webkit-animation: smallbig 1.6s forwards 1s;
    -moz-animation: smallbig 1.6s forwards 1s;
    -o-animation: smallbig 1.6s forwards 1s;
    animation: smallbig 1.6s forwards 1s;
}
.p109{
    width: 17%;
    left: 6%;
    top: 50%;
    display: block;
    -webkit-animation: remove 2.6s infinite 1.6s alternate;
    -moz-animation: remove 2.6s infinite 1.6s alternate;
    -o-animation: remove 2.6s infinite 1.6s alternate;
    animation: remove 2.6s infinite 1.6s alternate;
}
.p109 img{position: relative;width: 100%;}
.p110{width: 10%;left: 9%;top: 32%;
    -webkit-animation: fadeIn 1.6s forwards 1.6s;
    -moz-animation: fadeIn 1.6s forwards 1.6s;
    -o-animation: fadeIn 1.6s forwards 1.6s;
    animation: fadeIn 1.6s forwards 1.6s;
}
.p111{width: 5%;left: 7.6%;top: 58%;
    -webkit-animation: flash 3.6s infinite 1.8s;
    -moz-animation: flash 3.6s infinite 1.8s;
    -o-animation: flash 3.6s infinite 1.8s;
    animation: flash 3.6s infinite 1.8s;
}
.p112{
    width: 17%;
    left: 77%;
    top: 13%;
    -webkit-animation:remove 1.4s infinite 1.8s alternate;
    -moz-animation:remove 1.4s infinite 1.8s alternate;
    -o-animation:remove 1.4s infinite 1.8s alternate;
    animation:remove 1.4s infinite 1.8s alternate;
}
.p112 img{position: relative;width: 100%;}
.p113{width: 12%;left: 78%;top: 48%;
    -webkit-animation: fadeIn 1.6s forwards 2.2s;
    -moz-animation: fadeIn 1.6s forwards 2.2s;
    -o-animation: fadeIn 1.6s forwards 2.2s;
    animation: fadeIn 1.6s forwards 2.2s;
}
.p114{width: 14%;top: 68%;display: block;left: 72%;
    -webkit-animation: remove 2.2s infinite 2s alternate;
    -moz-animation: remove 2.2s infinite 2s alternate;
    -o-animation: remove 2.2s infinite 2s alternate;
    animation: remove 2.2s infinite 2s alternate;
}
.p114 img{position: relative;width: 100%;}
@media screen and (max-width: 980px){
    .index-bg{width: 100%;height: 615px;position: absolute;top: 0;left: 0;}
    .index-img{position: absolute;}
    .p101{width: 25%;left: 5%;top: 5%;}
    .p102{width: 5%;left: 0;top: 27%;}
    .p103{width: 8%;left: 77%;top: 2%;}
    .p104{width: 42%;left: 29%;top: 0%;}
    .p105{width: 90%;left: 6%;top: -14%;}
    .p106{width: 24%;left: 39%;top: 4%;}
    .p107{width: 60%;left: 16%;top: 3%;}
    .p108{width: 43%;left: 28%;top: 5%;}
    .p109{width: 17%;left: 6%;top: 20%;display: block;}
    .p109 img{position: relative;width: 100%;}
    .p110{width: 10%;left: 9%;top: 13%;}
    .p111{width: 5%;left: 7.6%;top: 22%;}
    .p112{width: 17%;left: 77%;top: 6%;}
    .p112 img{position: relative;width: 100%;}
    .p113{width: 12%;left: 78%;top: 17%;}
    .p114{width: 14%;top: 23%;display: block;left: 72%;}
    .p114 img{position: relative;width: 100%;}
}
@-webkit-keyframes remove {
    0%{transform: translate(0,0) skew(0deg,0deg) scale(.85);opacity: .5;}
    100%{transform: translate(0,20px) skew(0deg,0deg) scale(1);opacity: 1;}
}
@-moz-keyframes remove {
    0%{transform: translate(0,0) skew(0deg,0deg) scale(.85);opacity: .5;}
    100%{transform: translate(0,20px) skew(0deg,0deg) scale(1);opacity: 1;}
}
@-o-keyframes remove {
    0%{transform: translate(0,0) skew(0deg,0deg) scale(.85);opacity: .5;}
    100%{transform: translate(0,20px) skew(0deg,0deg) scale(1);opacity: 1;}
}
@-ms-keyframes remove {
    0%{transform: translate(0,0) skew(0deg,0deg) scale(.85);opacity: .5;}
    100%{transform: translate(0,20px) skew(0deg,0deg) scale(1);opacity: 1;}
}
@keyframes remove {
    0%{transform: translate(0,0) skew(0deg,0deg) scale(.85);opacity: .5;}
    100%{transform: translate(0,20px) skew(0deg,0deg) scale(1);opacity: 1;}
}
/*棣栭〉*/
.bg{background:#ffd800  url("images/bbg.jpg") no-repeat center bottom;width: 100%;height: 100%;}
.index-top{height: 98px;background: #fff;border-bottom: 1px solid #bfbfbf;}
.main-width{width: 1144px;margin: 0 auto;}
.logo{display: block;float: left;margin-top: 23px;}
.index-nav{  position: absolute;  top: 0;  width: 100%;  left: 0;  height: 98px;  background: #fff;  }
.nav-list{float: left; width: 60%;position: relative; /*border: 1px red dashed;*/margin-left: 100px; }
.nav-list li{float: left;}
.nav-list li.one-li{height: 98px;line-height: 98px;text-align: center;width: 20%; display: block;}
.nav-list li.one-li a.one-a{color: #000000;font-size: 18px;text-decoration: none;display: block;}
.nav-list li.one-li a.one-a.on{text-decoration: none;color: #00b770;border-bottom: 5px solid #00b770;}
.nav-list li.one-li a.one-a:hover{  text-decoration: none;  color: #00b770;border-bottom: 5px solid #00b770;}
.nav-list li.one-li a.one-a:active{ text-decoration: none; }
.nav-list li.one-li a.one-a:visited{text-decoration: none; }
.body-main{background: #fff;padding-top: 65px;}
.body-main .main-p{font-size: 16px;line-height: 30px;padding-left: 65px;padding-right: 65px;margin-top: 35px;text-align: justify;}
.body-main .main-p .strong1{font-size: 22px;font-weight: bold;}
.img{width: 100%;margin-top: 20px;}
.img img{margin:0 auto;}
.footer{height: 50px;line-height: 50px;text-align: center;color: #000;margin-top: 50px;}
.body-bg{background:  url("images/bg.png") repeat center bottom;width: 100%;height: 100%;/* padding-bottom: 50px; */}
.job-table{}
.job-table table{}
.job-table table thead{}
.job-table table thead tr th{height: 50px;background: #008bd0;line-height: 50px;color: #fff;font-size: 22px;text-align: center;/* border: 1px red dashed; */border: none;}
.job-table table tbody tr td{font-size: 16px;}
.job-table table tbody tr td .job-content{padding: 15px;line-height: 25px;font-size: 14px;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: middle;
    border-top: 1px solid #ddd;
}
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #d9ebf4;
}
.table-striped > tbody > tr:nth-of-type(even) {
    background-color: #fff;
}
.xc-bg{background: url("images/map_03.png") no-repeat top center;width: 100%;min-height: 693px;padding-top: 10px;}
.xc-table{width: 100%;}
.xc-table .left-num{width: 283px;background: #fff;border-radius: 10px;margin-top: 10px;margin-left: 104px;padding: 10px 26px;border: 1px #e5e5e5 solid;}
.xc-table .right-num{width: 283px;background: #fff;border-radius: 10px;margin-top: 10px;float: right;margin-right: 104px;padding: 10px 26px;border: 1px #e5e5e5 solid;}
.city{font-weight: bold;font-size: 16px;line-height: 16px;}
.xc-left{line-height: 22px;margin-top: 10px;}
.contact{line-height: 32px;font-size: 18px;padding-left: 106px;position: relative;margin-top: 39px;}