@charset "utf-8";
/* CSS Document */
html, body, div, p, span, em, form, ul, ol, li, form, input, dl, dd, dt, fieldset, label { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 14px; line-height: 30px; font-weight: normal; }
body { background: #fff; font-size: 12px; line-height: 20px; }
:focus { outline: 0; border: 0; }
img, fieldset { border: 0; }
ul, ol { list-style: none; }
em { font-style: normal; }
textarea { font-size: 12px; }
.fl { float: left; }
.fr { float: right; }
.tr { text-align: right; }
.tl { text-align: left; }
.tc { text-align: center; }
.borr { border-right: 1px solid #c9cacb; }
.born { border: none !important; }
.bor_n { border-bottom: none !important; }
.bor_n { border-bottom: none !important; }
.padd_t { padding-top: 20px; }
.clear { clear: both; }
a { color: #333; }
a:link { text-decoration: none; }
a:visited { color: #595757; text-decoration: none; }
a:hover { color: #ff2616; }
a:active { color: #CF000E; text-decoration: none; }
.pa_t_n { padding-top: 0px !important; }
.mr-n { margin-right: 0px !important; }
.font24 { font-size: 26px; line-height: 30px; }
.font12 { font-size: 12px; line-height: 14px; }
.red { color: #ea544a !important; }
/*欢迎条*/
.welcome_bg { width: 100%; height: 30px; background: #dcdddd; overflow: hidden; }
.welcome_main { width: 1160px; height: 30px; margin: 0 auto; padding: 0 15px; }
.welcome_left { overflow: hidden; width: 400px; }
.welcome_left span { height: 30px; line-height: 30px; font-size: 13px; margin-right: 15px; }
.welcome_right { width: 540px; overflow: hidden; }
.welcome_right span { height: 30px; line-height: 30px; font-size: 13px; margin-left: 15px; float: right; }
/*头部*/
.header { width: 100%; }
.logo { width: 1190px; height: 80px; margin: 0 auto; padding-bottom: 20px; }
.logo .logo_pic { height: 80px; float: left; overflow: hidden; width: 350px; }
.logo .tel { width: 180px; height: 80px; float: right; }
.nav { width: 100%; height: 40px; position: relative; left: 0; top: 0; }
.nav_bg { width: 100%; height: 40px; background: #231815; position: relative; top: 0; }
.nav_content { position: relative; top: -40px; width: 1190px; margin: 0 auto; z-index: 998; }
.nav_main { width: 1190px; height: 40px; position: absolute; top: 0px; left: 0px; }
.nav_main ul { width: 1190px; height: 40px; }
.nav_main ul li { /*width: 95px;*/ height: 40px; line-height: 40px; float: left; text-align: center; }
.nav_main ul li a { font-size: 14px; color: #fff; }
.nav_main ul li.selectedA { width: 150px; background: #595757 url(../images/down.png) no-repeat 122px 4px; cursor: pointer; }
/*下拉*/
.popup_nav { position: absolute; width: 980px; margin: 0 auto; overflow: hidden; top: 40px; z-index: 999; height: 384px; display: none; }
.select_nav { width: 150px; height: 384px; position: absolute; top: 0px; left: 0px; display: none; }
.select_nav ul { width: 150px; height: 384px; overflow: hidden; background: #231815; /*position: absolute;top: 0px;*/ }
.select_nav ul li { width: 150px; height: 32px; float: left; }
.select_nav ul li p { width: 95px; height: 32px; line-height: 32px; color: #fff; font-size: 13px; background: url(../images/article.png) no-repeat 25px 0px; position: absolute; padding-left: 55px; }
.select_nav ul li p a { color: #fff; height: 32px; line-height: 32px; display: inline-block; }
.select_nav ul li p a:hover { color: #fff; }
.select_nav ul li b { position: absolute; left: 125px; background: url(../images/left.png) no-repeat right; display: block; width: 10px; height: 32px; display: none; }
.select_nav ul li b.selectedB { display: block; }
.select_nav ul li.lunboone { /*cursor:pointer;background-color: #000;filter:alpha(opacity=30); -moz-opacity:0.3;opacity:0.3;*/ background-color: rgb(0,0,0); filter: alpha(opacity=30); background: rgba(0,0,0,0.3); }
.select_content { width: 350px; height: 384px; position: absolute; left: 150px; top: 0; visibility: visible; }
.select_content div { width: 330px; height: 384px; z-index: 99; background: #fff; box-shadow: 1px 0px 2px #978D8D inset; -moz-box-shadow: 1px 0px 2px #978D8D inset; -webkit-box-shadow: 1px 0px 2px #978D8D inset; padding: 0px 10px; visibility: hidden; position: absolute; }
.select_content div dl { padding-top: 5px; width: 330px; clear: both; }
.select_content div dl dt { height: 20px; line-height: 20px; padding-left: 10px; color: #fff; font-size: 13px; }
.select_content div dl dd { padding-top: 5px; }
.select_content div dl dd span { font-size: 12px; white-space: nowrap; float: left; display: inline-block; }
/*引导*/
.ur_here { width: 1190px; height: 20px; line-height: 20px; margin: 0 auto; padding-top: 10px; font-size: 13px; }
/*尾部*/
.footer { width: 1190px; margin: 0 auto; padding-top: 20px; clear: both; }
.footer_top { width: 1190px; }
.footer_advantage { width: 1188px; height: 188px; border: 1px solid #C9CACB; border-top: none; }
.footer_main { width: 1190px; height: 199px; margin-top: 45px; }
.footer_main ul { height: 180px; padding: 10px 0px; }
.footer_main ul li { width: 192px; height: 180px; border-right: 1px dotted #A5A4A4; overflow: hidden; }
.footer_main ul li dl { padding: 10px 35px; width: 110px; height: 160px; }
.footer_main ul li dl dt { width: 110px; height: 64px; text-align: center; }
.footer_main ul li dl dd { width: 84px; height: 20px; line-height: 20px; background: url(../images/dian.gif) no-repeat 9px center; padding-left: 25px; }
.footer_main dl dt img { display: inline-block; }
.footer_main div { width: 224px; height: 180px; padding: 10px 0px; }
.footer_main div dl { padding: 10px 20px; width: 184px; height: 160px; }
.footer_main div dl dt { width: 184px; height: 64px; text-align: center; }
.footer_main div dl dd { width: 184px; }
.footer_main div dl dd a { height: 20px; line-height: 20px; background: url(../images/dian.gif) no-repeat 50px center; display: inline-block; padding-left: 66px; }
.footer_main div dl dd p { display: inline-block; height: 22px; text-align: center; width: 184px; padding-top: 5px; }
.footer_main div dl dd span { font-size: 13px; font-weight: 600; text-align: center; width: 184px; display: block; padding-top: 13px; }
.footer_bot { width: 100%; background: #EFEFF0; overflow: hidden; }
.footer_bottom { width: 100%; height: 125px; overflow: hidden; padding-top: 20px; margin: 0 auto; margin-top: 45px; background: #efeff0; }
.footer_bottom p { text-align: center; height: 22px; line-height: 22px; }
.footer_bottom p.foot-tt { padding-bottom: 20px; }
.footer_bottom_security { width: 1190px; height: 35px; text-align: center; padding-top: 20px; padding-bottom: 60px; }
.footer_bottom_security ul { display: inline-block; *display: inline; *zoom: 1; overflow: hidden; height: 35px; }
.footer_bottom_security ul li { width: 95px; height: 35px; padding: 0 20px; float: left; }
.footer_bottom p { text-align: center; height: 22px; line-height: 22px; }
.footer_top span { display: block; border-left: 1px solid #c9caca; border-right: 1px solid #c9caca; border-bottom: 1px solid #c9caca; }
/*内容区域*/
.content { overflow: hidden; width: 100%; }
.banner1 { width: 100%; height: 600px; background: url(../images/recruitment/banner-bg.jpg) no-repeat center top; }
.banner1 .banner1-con { position: relative; width: 1190px; height: 600px; margin: 0 auto; overflow: hidden; }
.banner1 .banner1-con .span1 { left: 24px; top: -222px; }
.banner1 .banner1-con .span2 { left: 94px; top: -339px; }
.banner1 .banner1-con .span2.shake-rotate img { -webkit-animation-name: shake-rotate; -ms-animation-name: shake-rotate; animation-name: shake-rotate; -webkit-animation-duration: 100ms; -ms-animation-duration: 100ms; animation-duration: 100ms; -webkit-animation-iteration-count: infinite; -ms-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; -ms-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-delay: 2s; -ms-animation-delay: 2s; animation-delay: 2s; -webkit-animation-play-state: running; -ms-animation-play-state: running; animation-play-state: running; }
.banner1 .banner1-con .span3 { right: -285px; top: 60px; }
.banner2 { width: 100%; height: 580px; background: url(../images/recruitment/banner2-bg.jpg) no-repeat center top; display: none; }
.banner2 .banner2-con { position: relative; width: 1190px; height: 580px; margin: 0 auto; overflow: hidden; }
.banner2 .banner2-con .span1 { top: 157px; left: 128px; opacity: 1; filter: alpha(opacity=1); -webkit-transform: scale(0,0); -moz-transform: scale(0,0); -transform: scale(0,0); }
.banner2 .banner2-con .span1.scale { -webkit-transform: scale(1,1); -moz-transform: scale(1,1); -transform: scale(1,1); -webkit-transition: all 1s ease-in-out 0s; -o-transition: all 1s ease-in-out 0s; -moz-transition: all 1s ease-in-out 0s; -ms-transition: all 1s ease-in-out 0s; transition: all 1s ease-in-out 0s; }
.banner2 .banner2-con .span2 { top: 125px; right: 30px; }
.banner2 .banner2-con .span3 { top: 305px; right: 19px; }
.banner3 { width: 100%; height: 600px; background: url(../images/recruitment/banner3-bg.jpg) no-repeat center top; }
.banner3 .banner3-con { position: relative; width: 1190px; height: 600px; margin: 0 auto; overflow: hidden; }
.banner3 .banner3-con .span1 { top: -81px; left: 435px; }
.banner3 .banner3-con .span2 { top: 108px; left: -329px; }
.banner3 .banner3-con .span3 { top: 108px; right: -323px; }
.banner3 .banner3-con .span4 { bottom: 60px; left: -415px; }
.banner3 .banner3-con .span5 { bottom: 55px; right: -400px; }
.banner3 .banner3-con .span6 { bottom: -315px; left: 425px; }
.span1, .span2, .span3, .span4, .span5, .span6 { position: absolute; opacity: 0; filter: alpha(opacity=0); }
.content .img10 { height: 168px; background: url(../images/img10.jpg) no-repeat center top; }
.content ul { width: 1190px; margin: 0 auto; overflow: hidden; }
.content ul li { width: 590px; height: 370px; float: left; margin-bottom: 10px; margin-right: 10px; background: #f1f1f1; }
.content ul li img { float: left; margin-right: 20px; }
.content ul li div { float: left; width: 366px; }
.content ul li div p { line-height: 22px; font-size: 13px; color: #666; }
.content ul li div p.p1 { line-height: 28px; padding-top: 10px; font-size: 15px; color: #333; }
.email { width: 1190px; height: 46px; line-height: 46px; text-align: center; margin: 0 auto; margin-top: 50px; margin-bottom: 40px; background: url(../images/email-bg.jpg) no-repeat center top; font-size: 18px; color: #fff; text-indent: 30px; }