body {
    min-width: 1300px;
}

/* 导航栏1 */
.header_one_out {
    box-shadow: 0px 8px 20px 6px rgba(161, 159, 159, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
}

.header_one {
    width: 1200px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;

}

.header_one>.header_one_title {
    display: flex;
    justify-content: center;
    align-items: center;
}

.header_one>.header_one_title>.content {
    margin-left: 55px;
}

.header_one>.header_one_title>.content>a:first-child {
    text-decoration: none;
    color: #333;
    font-size: 15px;
    font-weight: bold;
}

.navigation {
    position: absolute;
    color: #5f5f5f;
    font-size: 14px;
    display: flex;
    opacity: 0;
    justify-content: center;
    align-items: flex-start;
    width: 920px;
    box-shadow: 0 2px 5px rgb(0 0 0 / 10%);
    background: #FFF;
    border-radius: 10px;
    padding-top: 25px;
    padding-bottom: 25px;
}

.navigation_item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 50px;

}

.content_network {
    display: block;
    height: 31px;
    margin-top: 12px;
}

.navigation_content {
    height: 31px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
}
.navigation_content a{
    text-decoration: none;
    color: #5f5f5f;
}
.navigation_content:hover {
    background-color: #f9f9f9;
}

.navigation_item>.navigation_content:first-child {
    cursor: pointer;
    font-size: 16px;
    color: #F96203;
    font-weight: bold;
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
}

.navigation_item>.navigation_content:first-child a{
    text-decoration: none;
    color: #F96203;
}

.hot {
    color: red;
    padding-left: 100px;
    position: absolute;
    font-size: 10px;
}

.header_right {
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.header_right_item {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding-left: 30px;
}

.header_right_item>img {
    cursor: pointer;
}
.weixin_item:hover~.right_item_weixin {
    visibility: visible;
}
.right_item_weixin {
    width: 80px;
    position: absolute;
    margin-top: 60px;
    visibility: hidden;
}
.weibo_item:hover~.right_item_weibo {
    visibility: visible;
}
.right_item_weibo {
    width: 80px;
    position: absolute;
    margin-top: 60px;
    visibility: hidden;
}

/* 导航栏2 */
.header_out {
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 8px 20px 6px rgba(161, 159, 159, 0.1);
    margin: 8px auto;
}

.header {
    width: 1200px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;

}

.header .line {
    width: 20px;
    min-width: 20px;
    margin-left: 20px;
    height: 49px;
    border-left: 1px solid #ccc;
}

.header .title {
    display: flex;
    align-items: center;
    min-width: 597px;
}

.header .title .content_one {
    font-size: 25px;
    color: #333333;
    font-weight: bold;
    margin-right: 30px;
}

.header .title .content_one a {
    text-decoration: none;
    font-size: 25px;
    color: #333333;
    font-weight: bold;
    margin-right: 30px;
}

.header .title>.content {
    margin-left: 30px;
    font-size: 22px;
    color: #EC6B1A;
    font-weight: bold;
}

.header .title>.content a {
    text-decoration: none;
    margin-left: 30px;
    font-size: 19px;
    color: #EC6B1A;
    font-weight: bold;
}

.header .phone {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding-left: 100px;
}

.header .phone .phone_number {
    font-size: 15px;
    font-weight: bold;
    color: #333;
    margin-left: 10px;
    min-width: 106px;
}
/* 内容 */
.my_content {
    height: 2690px;
    width: 100%;
    background-image: url('./image/background.png');
    background-size: 100% 100%;
}
/* 主题1 */
.title_one_content {
    display: flex;
    justify-content: center;
    align-items: center;
}
.title_one_button {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 118px;
    margin-top: -60px;
    cursor: pointer;
}
.title_one_button_content {
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(#FF9933, #FF3300);
    width: 566px;
    height: 117px;
    font-size: 50px;
    font-weight: bold;
    color: #FFFFFF;
    border-radius: 40px;
    letter-spacing:10px;
}
.title_one_detail {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 163px;
}
.title_one_detail_content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #FFFFFF;
    border-radius: 30px 30px 30px;
    width: 1168px;
    height: 193px;
    font-size: 24px;
    font-weight: bold;
    padding: 0px 22px;
}
.title_one_detail_content > .text {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 120px;
} 
/* 主题2 */
.title_two {
    display: flex;
    justify-content: center;
    align-items: center;
}
.title_two_content_out {
    display: flex;
    justify-content: center;
    align-items: center;
}
.title_two_content {
    height: 428px;
    width: 1182px;
    background-image: url('./image/kaoshizuzhi.png');
    background-size: 100% 100%;
}
.title_two_content_one {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-left: 83px;
    margin-top: 154px;
}
.title_two_content_two {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-left: 735px;
    margin-top: 154px;
}
.title_two_content_detail {
    font-weight: bold;
    font-size: 24px;
    color: #FFFFFF;
}
.title_two_content_detail2 {
    font-weight: bold;
    font-size: 24px;
    color: #FF441D;
}
.title_three {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 177px;
} 
.title_three_content_out {
    display: flex;
    justify-content: center;
    align-items: center;
}
.title_three_content {
    height: 796px;
    width: 1173px;
    background-image: url('./image/organization_2.png');
    background-size: 100% 100%;
}
.title_three_content_out {
    display: flex;
    justify-content: center;
    align-items: center;
} 
.title_three_content_one {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 50px;
    width: 774px;
    height: 84px;
    background: linear-gradient(to right, #FF431D, #FFAE00);
    margin-top: 250px;
    margin-left: 190px;
}
.title_three_content_one_font {
    font-size: 20px;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.title_three_content_two {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 60px;
}
.title_three_content_two_font {
    font-size: 30px;
    font-weight: bold;
}
.title_three_content_three {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;
    width: 360px;
    height: 290px;
    background-color: rgba(1,110,237, 0.1);
    border-radius: 10px;
    margin-left: 111px;
    margin-top: 20px;
}
.title_three_content_four {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;
    width: 360px;
    height: 290px;
    background-color: rgba(255,74,27, 0.1);
    border-radius: 10px;
    margin-left: 700px;
    margin-top: -290px;
}
.title_three_content_three_detail {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 336px;
    height: 59px;
    font-size: 20px;
    font-weight: bold;
    color: #000000;
    border-radius: 40px;
    background-color: #FFFFFF;
}
.title_three_content_three_detail_4 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 336px;
    height: 59px;
    font-size: 20px;
    font-weight: bold;
    color: #000000;
    border-radius: 40px;
    background-color: #FFFFFF;
}
/* 工资待遇 */
.salary {
    height: 862px;
    background-color: #FFFFFF;
    
}
.salary_title {
    display: flex;
    justify-content: center;
    align-items: center;
}
.salary_content {
    height: 683px;
    width: 1173px;
    background-image: url('./image/salary.png');
    background-size: 100% 100%;
}
.salary_content_one {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 50px;
    width: 774px;
    height: 84px;
    background: linear-gradient(to right, #FF431D, #FFAE00);
    margin-left: 203px;
    margin-top: 280px;
}
.salary_content_out {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 130px;
}
.salary_content_one_font {
    font-size: 20px;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.salary_content_two_out {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 41px;
}
.salary_content_two {
    display: flex;
    justify-content: space-evenly;
    align-items: end;
    flex-direction: column;
    width: 842px;
    height: 212px;
    background-color: #FFFFFF;
    border-radius: 20px;
}
.salary_content_two_font {
    font-size: 24px;
    color: #808080;
    margin-left: 86px;
}
/* 考试内容和难度 */

.exam_content {
    height: 1163px;
    width: 100%;
    background-image: url('./image/exam_content.png');
    background-size: 100% 100%;
}
.exam_title {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 21px;
}
.exam_content_detail_out {
    display: flex;
    justify-content: center;
    align-items: center;
}
.exam_content_detail {
    display: flex;
    width: 1280px;
}
.exam_content_middle {
    font-size: 64px;
    color: #FFFFFF;
    width: 62px;
    position: absolute;
    margin-top: 280px;
    margin-left: 609px;
}
.exam_content_one {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 743px;
    height: 891px;
    background-image: url('./image/country_gw.png');
    background-size: 100% 100%;
}
.exam_content_one_detail {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #E5F0FD;
    border-radius: 20px;
    color: #494C51;
    font-size: 20px;
    width: 395px;
    height: 137px;
    margin-bottom: 15px;
    padding: 0 13px;
}
.exam_content_two {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 743px;
    height: 891px;
    background-image: url('./image/province_gw.png');
    background-size: 100% 100%;
}
.exam_content_two_detail {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #FFF8E5;
    border-radius: 20px;
    color: #494C51;
    font-size: 20px;
    width: 395px;
    height: 137px;
    margin-bottom: 15px;
    padding: 0 13px;
}
.exam_content_button_out {
    display: flex;
    justify-content: center;
    align-items: center;
}
.exam_content_button {
    width: 501px;
    height: 104px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient( #00C0FA, #015EEA);
    border-radius: 30px;
    margin-top: -70px;
    cursor: pointer;
}
/* 考试时间 */
.exam_time {
    height: 973px;
} 
.exam_time_out {
    display: flex;
    justify-content: center;
    align-items: center;
    
}
.exam_time_detail {
    display: flex;
    justify-content: space-between;
    width: 1169px;
}
.exam_time_detail_one {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;
    width: 508px;
    height: 505px;
    background-image: url('./image/exam_time_2.png');
    background-size: 100% 100%;
}
.exam_time_detail_two {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;
    width: 508px;
    height: 505px;
    background-image: url('./image/exam_time_3.png');
    background-size: 100% 100%;
}
.exam_time_detail_one_one {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 109px;
    width: 459px;
    background-color: #FFFFFF;
    border-radius: 50px;
    margin-top: 152px;
}
.exam_time_detail_one_two {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 163px;
    width: 459px;
    background-color: #FFFFFF;
    border-radius: 50px;
}
.exam_time_detail_two_one {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 109px;
    width: 459px;
    background-color: #FFFFFF;
    border-radius: 50px;
    margin-top: 152px;
}
.exam_time_detail_two_two {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 163px;
    width: 459px;
    background-color: #FFFFFF;
    border-radius: 50px;
}
/* 国考省考常见问题 */
.exam_problem {
    height: 1163px;
    width: 100%;
    background-image: url('./image/last.png');
    background-size: 100% 100%;
    margin-bottom: 30px;
}
.problem_title {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 130px;
}
.problem_content_out {
    display: flex;
    justify-content: center;
    align-items: center;
}
.problem_content {
    background-color: #E5F0FD;
    width: 1166px;
    height: 863px;
    border-radius: 10px;
}
.problem_content_one {
    height: 251px;
    width: 553px;
    background-image: url('./image/problem_one.png');
    background-size: 100% 100%;
    margin-top: 129px;
    position: absolute;
}
.problem_content_one_detail {
    width: 255px;
    height: 108px;
    font-size: 16px;
    color: #333333;
    margin-top: 93px;
    margin-left: 287px;
}
.problem_content_two {
    height: 251px;
    width: 553px;
    background-image: url('./image/problem_two.png');
    background-size: 100% 100%;
    margin-top: 129px;
    margin-left: 580px;
}
.problem_content_two_detail {
    width: 288px;
    height: 158px;
    margin-left: 261px;
    padding-top: 47px;
    font-size: 16px;
    color: #333333;
}
.problem_content_three {
    height: 417px;
    width: 267px;
    background-image: url('./image/problem_three.png');
    background-size: 100% 100%;
    margin-left: 153px;
    margin-top: 15px;
    position: absolute;
}
.problem_content_three_detail {
    width: 243px;
    height: 136px;
    margin-top: 269px;
    margin-left: 10px;
}
.problem_content_four {
    height: 417px;
    width: 269px;
    background-image: url('./image/problem_four.png');
    background-size: 100% 100%;
    margin-left: 709px;
    margin-top: 15px;
}
.problem_content_four_detail {
    height: 112px;
    width: 245px;
    padding-top: 280px;
    padding-left: 10px;
}

.problem_content_button_out {
    display: flex;
    justify-content: center;
    align-items: center;
}
.problem_content_button {
    width: 501px;
    height: 104px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient( #00C0FA, #015EEA);
    border-radius: 30px;
    margin-top: 37px;
    cursor: pointer;
}
/* 底部导航栏 */
.footer {
    height: 593px;
    background-color: #1C1C1C;
}

.footer_china {
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    height: 40px;
    margin-top: 10px;
}

.footer_china a {
    color: #a4a4a4;
    font-size: 14px;
    text-decoration: none;
}
.footer_china a:hover {
    color: red;
}
.footer_china ul {
    list-style: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: 0px;
}

.footer_china ul li {
    margin-left: 20px;
}

.footer_china_title {
    font-size: 16px;
    line-height: 24px;
}
.footer_china_title a{
    font-size: 16px;
    line-height: 24px;
    color: white;
}
.footer_china_twoline {
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    height: 40px;
}

.footer_china_twoline a {
    font-size: 14px;
    color: #a4a4a4;
    text-decoration: none;
}

.footer_china_twoline a:hover {
    color: red;
}

.footer_china_twoline ul {
    list-style: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: -589px;
}

.footer_china_twoline ul li {
    margin-left: 20px;
}

.footer_line {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}

.friend_out {
    padding: 30px 0;
    margin: 30px auto;
    border-top: 1px solid #303030;
    border-bottom: 1px solid #303030;
    width: 1200px;
}

.friend {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -746px;
    margin-top: 20px;
    line-height: 22px;
}
.friend > .friend_select {
    color: #a4a4a4;
    font-size: 14px;
    margin-left: 20px;
    cursor: pointer;
}
.friend > .friend_select.active {
    color: red;
    border-color: #d81519;
}
.friend_select_link.active {
    visibility: visible;
} 
.friend_select_link {
    visibility: hidden;
} 
.friend_link {
    margin-left: 19px;
    color: #a4a4a4;
    font-size: 14px;
}

.friend_link a {
    color: #a4a4a4;
    text-decoration: none;
}
.friend_link a:hover {
    color: red;
}

.footer_image {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 460px;
    margin-top: -45px;
}

.footer_image_item {
    margin-left: 55px;
    width: 98px;
}

.footer_right {
    color: white;
    margin-left: 55px;
    font-size: 14px;
}

.footer_right_small_button {
    /* background-color: #FFB701; */
    border: 1px solid #EF6101;
    color: #EF6101;
    width: 68px;
    height: 23px;
    border-radius: 11px;
    font-size: 10px;
    text-align: center;
    padding-top: 5px;
    cursor: pointer;
}

.copyright {
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 14px;
}

.copyright a {
    text-decoration: none;
    color: white;
    font-size: 14px;
}