@charset "utf-8";


*{ font-family: "宋体",Arial; color: #7a7a7a; }
.no-padding{  padding: 0;  }
.no-margin{margin: 0;  }
.index-bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.index-img{position: absolute;opacity: 0;}
.p101{width: 12%;left: 2.6%;top: 5%;
    -webkit-animation: fadeInDown 1.6s forwards .6s;
    -moz-animation: fadeInDown 1.6s forwards .6s;
    -o-animation: fadeInDown 1.6s forwards .6s;
    -ms-animation: fadeInDown 1.6s forwards .6s;
    animation: fadeInDown 1.6s forwards .6s;

}
.p102{  width: 73%;  left: 13%;  top: 20%;
    -webkit-animation: smallbig 1.6s forwards 1.2s;
    -moz-animation: smallbig 1.6s forwards 1.2s;
    -o-animation: smallbig 1.6s forwards 1.2s;
    -ms-animation: smallbig 1.6s forwards 1.2s;
    animation: smallbig 1.6s forwards 1.2s;
}
.p103{  width: 92%;  left: 4%;  top: 30%;
    -webkit-animation: smallbig 2.6s forwards 1.8s;
    -moz-animation: smallbig 2.6s forwards 1.8s;
    -o-animation: smallbig 2.6s forwards 1.8s;
    -ms-animation: smallbig 2.6s forwards 1.8s;
    animation: smallbig 2.6s forwards 1.8s;
}
.p104{  width: 32%;  left: 3%;  bottom: -7%;
    -webkit-animation: fadeIn 3.6s forwards 2.4s;
    -moz-animation: fadeIn 3.6s forwards 2.4s;
    -o-animation: fadeIn 3.6s forwards 2.4s;
    -ms-animation: fadeIn 3.6s forwards 2.4s;
    animation: fadeIn 3.6s forwards 2.4s;
}
.p105{  width: 11%;  left: 41%;  top: 55%; display: block;
    -webkit-animation: flash 3.6s forwards 3s;
    -moz-animation: flash 3.6s forwards 3s;
    -o-animation: flash 3.6s forwards 3s;
    -ms-animation: flash 3.6s forwards 3s;
    animation: flash 3.6s forwards 3s;
}
.p105 img{  width: 100%;  position: relative;

}
.p106{  width: 11%;  left: 41%;  top: 67%; display: block;
    -webkit-animation: flash 3.6s forwards 3.6s;
    -moz-animation: flash 3.6s forwards 3.6s;
    -o-animation: flash 3.6s forwards 3.6s;
    -ms-animation: flash 3.6s forwards 3.6s;
    animation: flash 3.6s forwards 3.6s;

}
.p106 img{   width: 100%;  position: relative; }
.p107{  width: 29%;  top: 55%;  left: 57%;
    -webkit-animation: smallbig 2.6s forwards 3.6s;
    -moz-animation: smallbig 2.6s forwards 3.6s;
    -o-animation: smallbig 2.6s forwards 3.6s;
    -ms-animation: smallbig 2.6s forwards 3.6s;
    animation: smallbig 2.6s forwards 3.6s;
}
.p108{  width: 72%;  left: 14%;  bottom: 5%;
    -webkit-animation: fadeInUp 2.6s forwards 4.2s;
    -moz-animation: fadeInUp 2.6s forwards 4.2s;
    -o-animation: fadeInUp 2.6s forwards 4.2s;
    -ms-animation: fadeInUp 2.6s forwards 4.2s;
    animation: fadeInUp 2.6s forwards 4.2s;

}
.p109{  width: 19%;  right: 4%;  top: 11%;
    -webkit-animation: smallbig 1.6s forwards;
    -moz-animation: smallbig 1.6s forwards;
    -o-animation: smallbig 1.6s forwards;
    -ms-animation: smallbig 1.6s forwards;
    animation: smallbig 1.6s forwards;
}
@media screen  and  (max-width: 980px){
    .index-bg{position: absolute;width: 100%;height: 615px;top: 0;left: 0;}
    .index-img{position: absolute;}
    .p101{width: 12%;left: 4.6%;top: 3%;}
    .p102{width: 73%;left: 13%;top: 7%;}
    .p103{width: 92%;left: 4%;top: 11%;}
    .p104{width: 32%;left: 3%;top: 371px;}
    .p105{width: 11%;left: 41%;top: 22%;display: block;}
    .p105 img{  width: 100%;  position: relative; }
    .p106{width: 11%;left: 41%;top: 26%;display: block;}
    .p106 img{   width: 100%;  position: relative; }
    .p107{width: 29%;top: 21%;left: 57%;}
    .p108{width: 72%;left: 14%;top: 574px;}
    .p109{width: 19%;right: 4%;top: 4%;}
}
@media screen  and  (max-width: 1280px) and (min-width: 981px){
    .index-bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
    .index-img{position: absolute;}
    .p101{  width: 12%;left: 2.6%;top: 5%;  }
    .p102{  width: 73%;  left: 13%;  top: 20%;  }
    .p103{  width: 92%;  left: 4%;  top: 30%;  }
    .p104{  width: 32%;  left: 3%;  bottom: -7%;  }
    .p105{  width: 11%;  left: 41%;  top: 55%; display: block; }
    .p105 img{  width: 100%;  position: relative; }
    .p106{  width: 11%;  left: 41%;  top: 67%; display: block; }
    .p106 img{   width: 100%;  position: relative; }
    .p107{  width: 29%;  top: 55%;  left: 57%;  }
    .p108{  width: 72%;  left: 14%;  bottom: 5%;  }
    .p109{  width: 19%;  right: 4%;  top: 11%;  }
}
@media screen  and  (max-width: 1366px) and (min-width: 1281px){
    .index-bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
    .index-img{position: absolute;}
    .p101{  width: 12%;left: 2.6%;top: 5%;  }
    .p102{  width: 73%;  left: 13%;  top: 20%;  }
    .p103{  width: 92%;  left: 4%;  top: 30%;  }
    .p104{  width: 32%;  left: 3%;  bottom: -7%;  }
    .p105{  width: 11%;  left: 41%;  top: 55%; display: block; }
    .p105 img{  width: 100%;  position: relative; }
    .p106{  width: 11%;  left: 41%;  top: 67%; display: block; }
    .p106 img{   width: 100%;  position: relative; }
    .p107{  width: 29%;  top: 55%;  left: 57%;  }
    .p108{  width: 72%;  left: 14%;  bottom: 5%;  }
    .p109{  width: 19%;  right: 4%;  top: 11%;  }
}
@media screen  and  (max-width: 1440px) and (min-width: 1367px){
    .index-bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
    .index-img{position: absolute;}
    .p101{  width: 12%;left: 2.6%;top: 5%;  }
    .p102{  width: 73%;  left: 13%;  top: 20%;  }
    .p103{  width: 92%;  left: 4%;  top: 30%;  }
    .p104{  width: 32%;  left: 3%;  bottom: -7%;  }
    .p105{  width: 11%;  left: 41%;  top: 55%; display: block; }
    .p105 img{  width: 100%;  position: relative; }
    .p106{  width: 11%;  left: 41%;  top: 67%; display: block; }
    .p106 img{   width: 100%;  position: relative; }
    .p107{  width: 29%;  top: 55%;  left: 57%;  }
    .p108{  width: 72%;  left: 14%;  bottom: 5%;  }
    .p109{  width: 19%;  right: 4%;  top: 11%;  }
}

@media screen  and  (max-width: 1680px) and (min-width: 1367px){
    .index-bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
    .index-img{position: absolute;}
    .p101{  width: 12%;left: 2.6%;top: 5%;  }
    .p102{  width: 73%;  left: 13%;  top: 20%;  }
    .p103{  width: 92%;  left: 4%;  top: 30%;  }
    .p104{  width: 32%;  left: 3%;  bottom: -7%;  }
    .p105{  width: 11%;  left: 41%;  top: 55%; display: block; }
    .p105 img{  width: 100%;  position: relative; }
    .p106{  width: 11%;  left: 41%;  top: 67%; display: block; }
    .p106 img{   width: 100%;  position: relative; }
    .p107{  width: 29%;  top: 55%;  left: 57%;  }
    .p108{  width: 72%;  left: 14%;  bottom: 5%;  }
    .p109{  width: 19%;  right: 4%;  top: 11%;  }
}
@media screen  and  (max-width: 1920px) and (min-width: 1367px){
    .index-bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
    .index-img{position: absolute;}
    .p101{  width: 12%;left: 2.6%;top: 5%;  }
    .p102{  width: 73%;  left: 13%;  top: 20%;  }
    .p103{  width: 92%;  left: 4%;  top: 30%;  }
    .p104{  width: 32%;  left: 3%;  bottom: -7%;  }
    .p105{  width: 11%;  left: 41%;  top: 55%; display: block; }
    .p105 img{  width: 100%;  position: relative; }
    .p106{  width: 11%;  left: 41%;  top: 67%; display: block; }
    .p106 img{   width: 100%;  position: relative; }
    .p107{  width: 29%;  top: 55%;  left: 57%;  }
    .p108{  width: 72%;  left: 14%;  bottom: 5%;  }
    .p109{  width: 19%;  right: 4%;  top: 11%;  }
}

/*首页*/
.bg{background: #efefef;}
.container{width: 1442px;margin: 0 auto;}
.index-top{height: 74px;background: url("images/nav-bg.png") no-repeat center;width: 100%;}
.main-width{width: 1000px;margin: 0 auto;}
.logo{display: block;float: left;margin-top: 20px;}
.nav-list{ width: 1000px;position: relative;  margin: 0 auto 0 auto;padding-top: 11px;}
.nav-list li{float: left;}
.nav-list li.one-li{text-align: center; display: block;margin-left: 15px;}
.nav-list li.one-li a.one-a{color: #fff;font-size: 18px;text-decoration: none;display: block;width: 128px;height: 43px;line-height: 43px;}
.nav-list li.one-li a.one-a.on{text-decoration: none;color: #fff;background: url("images/nav-on.png") no-repeat;}
.nav-list li.one-li a.one-a:hover{  text-decoration: none;  color: #fff;background: url("images/nav-on.png") no-repeat; }
.nav-list li.one-li a.one-a:active{ text-decoration: none; }
.nav-list li.one-li a.one-a:visited{text-decoration: none; }

.main{width: 100%;margin: 40px auto;background: #fff;padding-top: 30px;padding-bottom: 28px;}
.main .main-width2{width: 1000px;margin: 0 auto;}
.main .main-width2 .main-p{text-indent: 2em;line-height: 20px;font-size: 14px;text-align: justify;margin-top: 10px;}
.main .main-width2 .img{width: 100%;line-height: 35px;}
.main .main-width2 .img img{margin: 28px auto 0 auto;}
.footer{height: 106px;line-height: 106px;background: #7693ff;text-align: center;color: #fff;}


.job-main{width: 100%; height: auto; overflow: hidden; margin: 0 auto; padding: 20px 0;}
.jobs{width:100%; height: auto; overflow: hidden;margin-left: 00px; float: left;}
.flter-con{width: 100%}
.flter-con ul{padding-bottom: 63px;width: 1000px;margin: 0 auto;padding-left: 19px;/* border: 1px red dashed; */}
.flter-con select{width:180px;height:20px;border: 1px #ddd solid;margin-left: 20px;font-size: 12px;}
.flter-con input[type="text"]{width:176px;height: 20px;margin-left: 20px;border: 1px #ddd solid;padding-left: 10px;font-size: 12px;}
.flter-con li{float: left;height: 20px;line-height: 20px;}
.jobtop{background: #e6e6e6; color: #fff; font-size: 14px; font-weight: bold;height: 40px;line-height: 40px;}
.tit{padding-left: 00px;}
#JobSearchShow tr{}
#JobSearchShow tr td{border-bottom: 1px dashed #eee;line-height: 30px;height: 30px;}
#JobSearchMenu{padding-top: 15px; font-size: 12px;}
.turnpage_button{padding: 0 15px; background: #4b58ff; color: #fff;border: none;}
.turnpage_text{width: 50px;}
.search{margin-left: 20px;}
img{vertical-align: top;}


@media screen  and  (max-width: 1440px) and (min-width: 640px){
    .container{width: 1000px;margin: 0 auto;}
}