@charset "utf-8";

/* CSS Document */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0;font-family:"微软雅黑";font-size:14px;}

table { border-collapse:collapse; border-spacing:0; margin:0; padding:0;}

textarea{resize:none;}

li{list-style:none;}

fieldset, img { border:0; }

img{ vertical-align:top;}

address, caption, cite, code, dfn, th, var { font-style:normal; font-weight:normal; }

ol, ul { list-style:none; }

h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }

abbr, acronym { border:0; }

em,i{font-style: normal;}

.clear{zoom:1;}

.clear:after{ content:""; display:block; clear:both;}

a{ text-decoration:none; cursor:pointer;}

a:hover{ text-decoration:none; cursor:pointer; }

a:focus { outline-style:none;}
body{
    min-width: 1100px;
    margin:0 auto;
}
.base11{
    width:1100px;
    margin:0 auto;
}
/*banner*/
.banner{
    width:100%;
    background:url(../img/lagou/banner02.jpg) no-repeat center top;
}
.banner .base11{
    position: relative;
    height:615px;
}
.banner .base11 .biaoti{
    font-size: 25px;
    color:#fff;
    width:300px;
    position: absolute;
    top:242px;
    left:232px;
}
.banner .base11 .biaoti:before{
    margin-left: -125px;
}
.banner .base11 .biaoti:after{
    margin-left: 105px;
}
.banner .base11 p{
    color:#fff;
    font-size: 16px;
    line-height: 32px;
    position: absolute;
    left:232px;
    text-align: center;
    top:305px;
    width:300px;
}
/*contain1*/
.contain1{
    height:167px;
    background: url(../img/lagou/contain1_bg.jpg) no-repeat center top;
}
.contain1 .base11{
    height:168px;
}
.contain1 h3{
    font-size: 26px;
    text-align: center;
    padding-top:43px;
    margin-bottom:20px;
    color:#fff;
}
.contain1 a {
    display: block;
    font-size:15px;
    color:#fff;
    width:298px;
    height:34px;
    background: url(../img/lagou/btn_bg1.png) no-repeat center top;
    margin: 0 auto;
    text-align: center;
    line-height: 34px;
    border-radius: 17px;
}
.contain1 a:hover{
    background: #3867a4;
}
.contain1 a span{
    display: inline-block;
    width:15px;
    height:15px;
    border:1px solid #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 12px;
    margin-left: 10px;
}
/*contain2*/
.contain2{
    background: #39186f;
    padding:40px 0 20px;
}
.biaoti{
    text-align: center;
    font-size: 30px;
    color: #fff;
    letter-spacing: 5px;
    position: relative;
    margin-bottom: 35px;
}
.biaoti:before{
    content: "";
    display: block;
    position: absolute;
    width:14px;
    height:1px;
    background: #fff;
    top:50%;
    left:50%;
    margin-left:-150px;
}
.biaoti:after{
    content: "";
    display: block;
    position: absolute;
    width:14px;
    height:1px;
    background: #fff;
    top:50%;
    left:50%;
    margin-left:130px;
}
.contain2 ul{
    width:936px;
    margin:0 auto;
    overflow: hidden;
}
.contain2 ul li{
    float: left;
    width:162px;
    height:76px;
    padding-top: 132px;
    margin:0 30px 45px 0;
    background:#291056 url(../img/lagou/con2_img1.png) no-repeat 40px 38px;
}
.contain2 ul li:nth-child(5n){
    margin-right: 0px;
}
.contain2 ul li:nth-child(2){
    background:#291056 url(../img/lagou/con2_img2.png) no-repeat 40px 38px;
}
.contain2 ul li:nth-child(3){
    background:#291056 url(../img/lagou/con2_img3.png) no-repeat 40px 38px;
}
.contain2 ul li:nth-child(4){
    background:#291056 url(../img/lagou/con2_img4.png) no-repeat 40px 38px;
}
.contain2 ul li:nth-child(5){
    background:#291056 url(../img/lagou/con2_img5.png) no-repeat 40px 38px;
}
.contain2 ul li:nth-child(6){
    background:#291056 url(../img/lagou/con2_img6.png) no-repeat 40px 38px;
}
.contain2 ul li:nth-child(7){
    background:#291056 url(../img/lagou/con2_img7.png) no-repeat 40px 38px;
}
.contain2 ul li:nth-child(8){
    background:#291056 url(../img/lagou/con2_img8.png) no-repeat 40px 38px;
}
.contain2 ul li:nth-child(9){
    background:#291056 url(../img/lagou/con2_img9.png) no-repeat 40px 38px;
}
.contain2 ul li:nth-child(10){
    background:#291056 url(../img/lagou/con2_img10.png) no-repeat 40px 38px;
}
.contain2 ul li span{
    display: block;
    text-align: center;
    font-size: 14px;
    color:#fff;
    margin-bottom: 15px;
}

.contain2 ul li a{
    display: block;
    width:85px;
    height:23px;
    background: url(../img/lagou/btn_bg2.png) no-repeat center top;
    line-height: 23px;
    font-size: 12px;
    color:#fff;
    margin:0 auto;
    padding-left: 27px;
    position: relative;
    border-radius: 11px;
}
.contain2 ul li a span{
    display: block;
    width:0px;
    height:0px;
    border-width: 4px 5px;
    border-style: solid;
    border-color: transparent transparent transparent  #fff;
    margin-left: 10px;
    position: absolute;
    left:73px;
    top:8px;

}
.contain2 ul li a:hover{
    background:#3867a4;
}
/*contain3*/
.contain3{
    background: #270e53;
    padding:40px 0 45px;
}
.contain3 .biaoti:before{
    margin-left: -200px;
}
.contain3 .biaoti:after{
    margin-left: 180px;
}
.contain3 ul{
    overflow: hidden;
    width:936px;
    margin:0 auto;
}
.contain3 ul li{
    float: left;
    height:74px;
    width:228px;
    padding:34px 0 0 32px;
    margin-right: 32px;
    position: relative;
    background: url(../img/lagou/con3_img1.jpg) no-repeat center top;
}
.contain3 ul li:nth-child(2){
    background: url(../img/lagou/con3_img2.jpg) no-repeat center top;
}
.contain3 ul li:nth-child(3){
    width:320px;
    margin-right: 0px;
    background: url(../img/lagou/con3_img3.jpg) no-repeat center top;
}
.contain3 ul li p{
    color:#fff;
    font-size: 16px;
    line-height: 24px;
}
.contain3 ul li img{
    position: absolute;
    display: block;
    left:160px;
    top:60px;
}
.contain3 ul li:nth-child(3) img{
    left:258px;
    top:21px;
}
/*contain4*/
.contain4{
    height:55px;
    background: #1d0746;
    padding-top: 25px;
}
.contain4 h2 img{
    display: block;
    margin:0 auto;
}
.contain4 .biaoti:before{
    background: rgba(255,255,255,.5);
    margin-left: -120px;
}
.contain4 .biaoti:after{
    background: rgba(255,255,255,.5);
    margin-left: 108px;
}