/*加入样式*/
html,body{
    overflow-x: hidden;
}

/*导航栏样式*/
.join_nav_box{
    width: 100%;
    height: 51px;

    text-align: center;

    border-bottom: 1px solid #f6f6f6;

    margin-top: 61px;
}

    .join_nav_box .join_nav{
        width: 1000px;
        height: 51px;

        margin: auto;

        border-bottom: 1px solid #f6f6f6;

        position: relative;
    }

        .join_nav_box .join_nav .options_mark{
            width: 170px;
            height: 3px;
            background: #289bfc;

            position: absolute;
            left: 0px;
            bottom: -1px;
        }

        .join_nav_box .join_nav .options{
            width: 170px;
            height: 50px;

            line-height: 50px;
            font-size: 14px;
            color: #666666;

            float: left;

            margin: auto;

            cursor: pointer;
        }

            .join_nav_box .join_nav .selected{
                color: #289bfc;
            }

/*主体样式*/
.main{
    width: 100%;

    text-align: center;
    position: relative;

    overflow: hidden;
}

.main_recruitment{
    height: 969px;
    background: #f3f3f3;
}

    .main_recruitment .content_box{
        width: 1000px;
        height: 880px;

        background: #fff;
        margin: 39px auto 0px auto;
    }

        .main_recruitment .content_box .jobs_nav{
            width: 201px;
            height: 880px;

            border-right: 1px solid #f5f7fb;

            padding-top: 32px;
        }

            .main_recruitment .content_box .jobs_nav .option{
                width: 200px;
                height: 40px;
                line-height: 40px;

                font-size: 14px;
                color: #222222;
                text-indent: 30px;
                text-align: left;

                cursor: pointer;
            }

                .main_recruitment .content_box .jobs_nav .option:hover{
                    background: #eef3f8;
                }

            .main_recruitment .content_box .jobs_nav .selected{
                background: #289bfc !important;
                color: #fff !important;
            }

        .main_recruitment .content_box .info_box{
            width: 799px;
            height: 880px;

            padding: 40px 60px 0px 60px;
        }

            .main_recruitment .content_box .info_box .department{
                height: 32px;
                line-height: 24px;
                font-size: 28px;
                color: #000000;
                text-align: left;
            }

            .main_recruitment .content_box .info_box .text_box{
                width: 679px;

                margin-top: 36px;
                overflow: hidden;

                text-align: left;
            }

                .main_recruitment .content_box .info_box .text_box .title{
                    font-size: 14px;
                    font-weight: bold;
                    color: #289bfc;
                }

                .main_recruitment .content_box .info_box .text_box .text{
                    line-height: 24px;
                    font-size: 12px;
                    color: #303642;
                }

                .main_recruitment .content_box .info_box .text_box .other_info{
                    width: auto;
                    line-height: 24px;
                    font-size: 12px;
                    color: #303642;

                    float: left;
                    margin-right: 20px;
                }

                    .main_recruitment .content_box .info_box .text_box .other_info span{
                        color: #289bfc;
                    }

.main_culture{
    height: 2000px;
}

    .main_culture .banner{
        width: 100%;
        height: 372px;

        background-image: url(../images/culture_banner.jpg);
        background-repeat: no-repeat;
        background-position: center;
    }

        .main_culture .banner .slogan_zh{
            font-size: 30px;
            color: #fff;

            position: absolute;
            left: 0px;
            right: 0px;
            top: 160px;
        }

        .main_culture .banner .slogan_en{
            font-size: 22px;
            font-family: "Arial";
            color: #fff;

            position: absolute;
            left: 0px;
            right: 0px;
            top: 202px;

            opacity: 0.4;
            -moz-opacity: 0.4;
            -o-opacity: 0.4;
            -webkit--opacity: 0.4;
        }

    .main_culture .content_box{
        width: 1000px;
        height: 1354px;

        background: #fff;

        text-align: center;

        position: relative;

        margin: auto;
    }

        .main_culture .content_box .title_zh{
            line-height: 24px;
            font-size: 24px;
            color: #000000;

            margin: auto;
            position: absolute;
            left: 0px;
            right: 0px;
        }

        .main_culture .content_box .title_en{
            height: 11px;

            line-height: 11px;
            font-size: 11px;
            font-weight: bold;
            font-family: "Arial";
            color: #bfbfbf;

            margin: auto;
            position: absolute;
            left: 0px;
            right: 0px;
        }

        .main_culture .content_box .environment_zh{
            top: 134px;
        }

        .main_culture .content_box .environment_en{
            top: 168px;
        }

        .main_culture .content_box .environment_box{
            width: 1000px;

            position: absolute;
            top: 224px;

            overflow: hidden;
        }

            .main_culture .content_box .environment_box .img{
                width: 247px;
                height: 165px;

                float: left;
            }

            .main_culture .content_box .environment_box .x_interval{
                width: 1000px;
                height: 4px;
                float: left;
            }

            .main_culture .content_box .environment_box .y_interval{
                width: 4px;
                height: 165px;

                float: left;
            }

        .main_culture .content_box .life_zh{
            top: 691px;
        }

        .main_culture .content_box .life_en{
            top: 726px;
        }

        .main_culture .content_box .life_box{
            width: 1000px;

            position: absolute;
            top: 783px;

            overflow: hidden;
        }

            .main_culture .content_box .life_box .img{
                width: 331px;
                height: 221px;

                float: left;
            }

            .main_culture .content_box .life_box .x_interval{
                width: 1000px;
                height: 3px;
                float: left;
            }

            .main_culture .content_box .life_box .y_interval{
                width: 3px;
                height: 221px;

                float: left;
            }

/*2017 新修改*/
.main_recruitment{
	height: auto;
}
.main .main_recruitment .main_cr{
	height: auto;
}
.main_recruitment .content_box{
	height: auto;
	position: static;
}
.main_recruitment .content_box .jobs_nav{
	height: auto;
}
.main_recruitment .content_box .cr_jobs_info{
	padding: 0;
	text-align: center;
	height: auto;
}
.main_recruitment .content_box .cr_jobs_info .department{
	text-align: center;
	height: auto;
}
.main_recruitment .content_box .cr_jobs_info img{
	width: 672px;
}


/*2018 新修改*/
.main_culture .banner{
  height: 550px;
  background-image: url(../images/image2018/job/culture_banner.jpg);
  overflow: hidden;
}
.main_culture .banner dl{
  width: 100%;
  height: auto;
  color: #fff;
  font-size: 40px;
  text-align: center;
  margin: 43px 0;
}
.main_culture .banner dl:nth-of-type(1){
  margin-top: 80px;
}
.main_culture .banner dl dt,
.main_culture .banner dl dd{
  display: block;
  font-weight: 400;
}
.main_culture .banner dl dd{
  font-size: 18px;
  color: #b9babc;
}
.main_culture .banner dl dd span{
  margin-right: 13px;
}
.main_culture .banner dl:nth-of-type(3) dd span{
  margin: 0 8px;
}
.main_culture .banner dl dd em{
  font-style: normal;
  font-size: 14px;
  color: #5e6166;
}