@charset "utf-8";
/* CSS Document */


* { margin:0; padding:0; list-style:none; text-decoration:none;border:0; font-style:normal; font-weight:normal; font-family:"微软雅黑";}
/*清楚浮动*/
.clearfix:after,.clearfix:before{ content:""; display:table;}
.clearfix:after{ clear:both;}
.clearfix{*zoom:1;}


/* =============banner=========== */
.banner {position:relative;}
.banner:after {content:""; display:block; width:100%; height:2px; background-color:#fff; position:absolute;bottom:2px;z-index:10;}
.banner_img{width:100%; height:550px;background-repeat:no-repeat; background-position:center top; background-size:cover;}


/* ==========logo,语言=========== */
.menu,.menu-close {display:none;}
.logo { position:absolute;top:20px;left:8%;z-index:9;width:14%; min-width:120px; max-width:160px;}
.public-lang{width: 80px;height: 25px;border-radius: 12px;background:rgba(0,0,0,.85);position: absolute;right:8%;top: 28px;z-index: 10;text-align: center;}
.public-lang a{display: inline-block;width: 30px;height: 19px; color:#fff;font-family: "微软雅黑";margin-top: 3px;line-height: 19px;border-radius: 7px;}
.public-lang a.on{background: rgba(255,255,255,.2);}


/* ================nav=========== */
.nav {diplay:block;text-align:center;padding:35px 0 35px 0;}
.nav li {display:inline-block; padding:0 3.5%;height:24px; line-height:24px; background:url(../images/lin1.jpg) right center no-repeat;}
.nav li:nth-of-type(5) {background:none;}
.nav li:last-of-type {display:none;}
.nav a {display:block;padding-bottom:4px;font-size:16px;color:#333; position:relative;}
.nav a:after {content:"";display:block;width:0;height:1px; background-color:#999; margin:0 auto; position:absolute;bottom:0;left:0;right:0;
-webkit-transition: all .7s;
   -moz-transition: all .7s;
    -ms-transition: all .7s;
     -o-transition: all .7s;
        transition: all .7s;
}
.nav a:hover:after {width:100%;}



/* =============content=========== */
body {width:100%; height:auto; background-color:#f5f5f5;}
.content {width:70%; margin:0 auto; overflow:hidden;background-color:#fff;}
.content .con_left { width:25%; float:left; margin-bottom:30px;}
.content .con_left h1 {text-align:center; height:60px;line-height:60px; background:#d8d7d6;font-size:24px; color:#fff;letter-spacing:5px;}
.content .con_left a {display:block; height:48px;line-height:48px;font-size:18px;color:#838383; text-indent:10%;}
.nTab .TabTitle .active{background:url(../images/join2.png) 95% 50% no-repeat;}
.nTab .TabTitle .normal{background:url(../images/join_08.png) 95% 50% no-repeat;color:#838383;border-bottom:1px solid #d8d7d6;}
.nTab .TabTitle .normal:hover {color:#202020; background:url(../images/join2.png) 95% 50% no-repeat;}
.none { display:none;}
.content .con_right { width:75%; float:left;}
.job_box {overflow:hidden;border-left:1px solid #d8d7d6;padding-left:5%;}
.content .con_right ol {padding-right:2.5%;height:60px; line-height:60px; text-align:right; font-size:14px; color:#838383;}
.content .con_right ol a { color:#838383;}
.content .con_right ul {padding-right:2.5%;}
.content .con_right ul .picbox_div {display:inline-block;font-size: 18px;border-bottom: 1px solid #333;padding-bottom: 10px;margin-bottom: 20px;height: 30px;}
.picbox_div p{float:left;margin-right:15px;margin-top:10px;color:#838383;}
.content .con_right ul .picbox_div p:last-of-type {margin-right:0;}
.renzhi{color:#838383;font-size:18px; margin-bottom:10px;}
.content .con_right ul li {width:20%; float:left; }
.content .con_right ul ol {width:30%; float:left;text-align:left;height:40px;}
.tjsq {display:black;padding:60px 0;}
.content .con_right #linkbt {display:block;width:25%; height:60px; background:#46a9dc; text-align:center; line-height:60px; font-size:18px; color:#fff; margin:0 auto;}
.div_2{display:none;}


/* ================footer=========== */
.footer p {width:100%; height:60px; line-height:60px; text-align:center;font-size:12px;color:#bababa;}



/* =============提交表单=========== */
#fade { display:none; position:fixed; top:0%; left:0%; width:100%; height:100%; overflow:hidden; background-color:#666; z-index:1001; -moz-opacity:0.8; opacity:.80; filter:alpha(opacity=80); opacity:0.8;} 
#light{ display:none;width:56%;height:651px; background-color:white; z-index:1002;border-radius:10px; position:absolute;top:12%; left:22%;} 
.hig_top {width:80%; height:82px;line-height:82px;font-size:24px; font-family:"微软雅黑";margin: 0 auto;border-bottom:1px solid #333; margin-bottom:30px; text-align:center;}
#closebt {font-size:44px; color:#F96; position:absolute;top:-15px;right:10px;}
#shenqing { width:73%; margin:0 auto; margin:0 auto;}
#shenqing li {width:100%; height:40px; margin-bottom:17px;}
#shenqing li span { display:block; float:left; width:25%;}
#shenqing li input {float:left; width:70%; height:30px; padding-left:5px; line-height:30px; border-radius:4px; border:1px solid #ccc;}
#shenqing li textarea {float:left; width:70%; height:120px;margin-bottom:17px; padding:5px;border-radius:4px; border:1px solid #ccc;}
#shenqing li input#code {float:left; width:40%; height:30px; }
#submit {width:45%; height:45px; background:#666; color:#fff; border:0; font-family:"微软雅黑"; margin:20px 0 0 27%;border-radius:4px;}




@media (max-width: 1024px) {
.content {width:84%;}
#light{display:none;width:70%;left:15%;}
}
@media (max-width: 768px) {
#slb .item {height:calc(100vh - 30px);background-position:80% top;}
.nav {position:absolute;top:0;left:0;width:100%; height:100vh; background-color:#fff; z-index:12; display:none;padding:0;}
.nav li {display:block;height:50px; line-height:50px;border-bottom:1px #000 solid; color:#000; background:none;padding:0;}
.nav li:last-of-type {display:block;}
.nav a:hover:after {width:0;}
.public-lang {display:none;}
.menu,.menu-close {display:block;position: absolute;top:21px;right:8%;z-index:10;background: rgba(0,0,0,0.5);width: 40px;height: 40px;text-align: center;line-height: 45px;border-radius: 9px;}
.menu-close {display:block;position: relative;top:21px;right:-87%;}

.content {background-color:transparent;}
.content .con_left,.content .con_right{width:100%; overflow:hidden;background-color:#fff;}
.content .con_left {margin:40px 0;}
.job_box {border-left:none;}
.content .con_right ol {padding-right:0; text-align:left;}
.picbox_div p {font-size:12px;}
.content .con_right #linkbt {width:32%; height:45px; line-height:45px;}
} 
@media (max-width: 640px) {
.content {width:90.625%;}
#light {width:90.625%;left:4.5%;}
#shenqing {width:83%;}
#shenqing li span {width:30%; font-size:12px;}
#shenqing li input {width:67%;}
#shenqing li textarea {width:62%;}
#shenqing li input#code {width:105px !important;}
}