@charset "utf-8";
/* CSS Document */
/* common */
body,div,h1,h2,h3,h4,h5,h6,dl,dd,dt,p,a,form,select,input,ul,ol,li{margin:0; padding:0; text-indent:0; font-weight:normal;font-size:14px; font-family:'Microsoft YaHei', sans-serif;color:#000000;}
ul,ol{list-style:none; text-indent:0; list-style-position:outside;}
img{border:0;}
b{font-weight:normal}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
/* link : style */
a{text-decoration:none;}
a:hover{text-decoration:none;}
/*clear*/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.wrap{
    width:100%;
    max-width:1920px;
    min-width:1024px;
}
.part{
    width:100%;
    height:1757px;
    /*overflow:hidden;*/
    background:url("../img/part.jpg") no-repeat center;
}
.main{
    margin:0 auto;
    width:1024px;
    height:736px;
    /*overflow:hidden;*/
    position:relative;
    background:url("../img/img.png") no-repeat 766px 134px;
}
#job{
    margin:0px auto;
    width:888px;
    height:500px;
    overflow:hidden;
    padding-top: 84px;
}
#job .box{
    margin:0 auto;
    width:860px;
    height:500px;
    background:#ffffff;
    box-shadow:5px 5px 5px #e2433e;
}
#job .box .title{
    margin-left:25px;
    padding:38px 0;
}
#job .box .title h2,.p2 h2{
    padding-left:40px;
    font-size:34px;
    line-height:34px;
    font-weight:bold;
    color:#ff4944;
    background:url("../img/line.png") no-repeat left 5px;
}
#job .box .title p,.p2 .txt1{
    margin-top:10px;
    padding-left:40px;
    font-size:20px;
    line-height:20px;
    color:#c1c1c1;
}
#job .box .info{
    width:100%;
}
#job .box .info ul{
    float:left;
    width:320px;
    margin-left:71px;
}
#job .box .info ul h2,.p2 h3{
    margin-bottom:18px;
    padding-bottom:14px;
    width:80px;
    font-size:20px;
    line-height:20px;
    color:#fe6d43;
    background:url("../img/line2.png") no-repeat center bottom;
}
#job .box .info ul li{
    position:relative;
}
#job .box .info ul li span{
    top:8px;
    left:0;
    font-size:16px;
    line-height:16px;
    color:#7a7a7a;
    position:absolute;
}
#job .box .info ul li p{
    padding-left:35px;
    font-size:16px;
    line-height:30px;
    color:#7a7a7a;
}
#left{
    top:316px;
    left:12px;
    width:51px;
    height:29px;
    z-index:9999;
    cursor:pointer;
    position:absolute;
    background:url("../img/left.png") no-repeat center;
}
#right{
    top:315px;
    right:12px;
    width:51px;
    height:29px;
    z-index:9999;
    cursor:pointer;
    position:absolute;
    background:url("../img/right.png") no-repeat center;
}
#tab{
    left:405px;
    top:-108px;
    width:550px;
    height:70px;
    position:absolute;
    overflow:hidden;
    z-index: 999999;
    background:url("../img/line3.png") no-repeat center 25px;
}
#tab li{
    float:left;
    width:120px;
    height:80px;
    cursor:pointer;
    overflow:hidden;
}
#tab li.tag1{
    background:url("../img/tag1-1.png") no-repeat center top;
}
#tab li.tag2{
    margin-left:25px;
    background:url("../img/tag2-1.png") no-repeat center top;
}
#tab li.tag3{
    margin-left:20px;
    background:url("../img/tag3-1.png") no-repeat center top;
}
#tab li.tag4{
    margin-left:20px;
    background:url("../img/tag4-1.png") no-repeat center top;
}
#tab li.act.tag1{
    background:url("../img/tag1-2.png") no-repeat center top;
}
#tab li.act.tag2{
    margin-left:25px;
    background:url("../img/tag2-2.png") no-repeat center top;
}
#tab li.act.tag3{
    margin-left:20px;
    background:url("../img/tag3-2.png") no-repeat center top;
}
#tab li.act.tag4{
    margin-left:20px;
    background:url("../img/tag4-2.png") no-repeat center top;
}
#tab li h2{
    margin-top:50px;
    font-size:18px;
    line-height:18px;
    text-align:center;
    color:#90fe8c;
}
#tab li.act h2{
    color:#ffffff;
}
.foot{
    padding-top:90px;
    font-size:20px;
    line-height:20px;
    color:#ffffff;
    text-align:center;
}
.banner_s {
    width:100%;
    height:640px;
    position:relative;
    background:url("../img/banner.jpg") no-repeat center;
}
.banner_s p{position: absolute;color: #fff;font-size: 20px;right: 200px;top: 30px;font-weight: bold;}
#canvas_div {
    top:0;
    left:0;
    width:100%;
    height:640px;
    z-index:9999;
    position:relative;
    overflow:hidden;
}
#canvas_div canvas {
    top:0;
    left:0;
    height:640px;
    position:absolute;
}
.p2 .content{width: 902px;height: 772px;background: url(../img/bg.png) no-repeat;margin: 0 auto;}
.p2 .content div{margin-left: 60px;}
.p2 h2{padding-top: 40px;background: url("../img/line.png") no-repeat left 45px;}
.p2 h3{margin-left: 40px;margin-top: 30px;}
.p2 .txt2{color: #fe6d43;font-size: 16px;line-height: 30px;margin-left: 40px;}
.p2 .txt3{color: #7a7a7a;}