/* con_section_banner */
.con_section_banner { width: 100%; height: 520px; margin: 0 auto; overflow: hidden; position: relative; }
    .con_section_banner .con_banner { position: absolute; top: 0; left: 50%; margin-left: -960px; width: 1920px; height: 520px; }
        .con_section_banner .con_banner img { width: 100%; display: inherit; height: auto; }



.con_banner_title { width: 100%; height: 100px; position: absolute; top: 50%; left: 0; margin-top: -20px; text-align: center; z-index: 1; }

    .con_banner_title h3 { font-size: 32px; color: #fff; line-height: 40px; font-weight: 500; letter-spacing: 2px; margin-bottom: 10px; }
    .con_banner_title p { font-size: 24px; color: #fff; line-height: 40px; font-weight: 500; text-transform: uppercase; }

.con_banner_bj { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); position: absolute; top: 0; left: 0; }


/* con_subNav */
.con_subNav { width: 100%; height: auto; border-bottom: 2px solid #eaeaea; padding-top: 20px; box-sizing: border-box; position: relative; margin-bottom: 60px; }
    .con_subNav .subNav { width: 100%; height: auto; }
        .con_subNav .subNav ul li { float: left; width: auto; height: auto; padding: 20px 0; }
            .con_subNav .subNav ul li a { float: left; width: auto; height: auto; font-size: 18px; color: #666; line-height: 24px; padding: 0 30px; box-sizing: border-box; border-right: 2px solid #ddd; }
            .con_subNav .subNav ul li:last-child a { border-right: none; }

            .con_subNav .subNav ul li a.active { color: #f48424; font-weight: 600; }
            .con_subNav .subNav ul li a:hover { color: #f48424; font-weight: 600; }


/* about_page */
.about_page { width: 100%; height: auto; padding-bottom: 80px; box-sizing: border-box; }
    .about_page .index_about_conter .left_article h3 { font-size: 20px; color: #000; line-height: 30px; font-weight: 500; margin-bottom: 20px; }

.about_list { width: 100%; height: auto; position: relative; box-sizing: border-box; padding-top: 40px; margin-top: 40px; }
    .about_list ul li { float: left; width: 33.333333%; height: auto; padding-left: 4%; padding-right: 4%; padding-top: 10px; padding-bottom: 30px; box-sizing: border-box; position: relative; }
        .about_list ul li h2 { font-size: 20px; color: #333; line-height: 24px; border-left: 4px solid #fb811a; padding-left: 12px; box-sizing: border-box; font-weight: 500; margin-bottom: 25px; }
        .about_list ul li p { padding-left: 16px; box-sizing: border-box; font-size: 15px; color: #333; line-height: 30px; height: 90px; margin-bottom: 5px; }
        .about_list ul li .pic_bj { display: block; width: 100%; }
            .about_list ul li .pic_bj img { display: block; float: left; width: auto; height: 65px; padding-left: 16px; box-sizing: border-box; }
.about_list_line { width: 100%; height: 1.5px; position: absolute; top: 0; left: 0px; border-top: 1.5px dashed #f48423; }
.about_list_yuan { display: block; width: 100px; height: 100px; border: 2px solid #fff; background: #f48423; border-radius: 50%; box-sizing: border-box; position: relative; top: 0px; left: 0px; padding: 10px; box-shadow: 0 0 10px 5px #e5e5e5; margin-bottom: 30px; }
    .about_list_yuan img { display: block; width: 50px; height: auto; margin: 0 auto; margin-top: 15px; }
.about_list .about_list_yuan p { font-size: 18px; color: #000; line-height: 20px; text-align: center; }
.about_list .about_dian { display: block; width: 20px; height: 20px; background: #f48423; border-radius: 50%; }
.about_list .about_dian1 { position: absolute; top: -10px; left: 7.6%; }
.about_list .about_dian2 { position: absolute; top: -10px; left: 40.6%; }
.about_list .about_dian3 { position: absolute; top: -10px; left: 73.6%; }


/* team_page */
.team_list { width: 100%; height: auto; }
    .team_list ul { margin: 0 -1%; }
        .team_list ul li { float: left; width: 23%; height: auto; margin: 0 1%; margin-bottom: 2%; }
            .team_list ul li .pic { display: block; width: 100%; height: auto; }
                .team_list ul li .pic img { display: block; width: 100%; height: auto; }
            .team_list ul li .text { width: 100%; height: 90px; border: 1px solid #e2e2e2; border-bottom: 5px solid #f48423; box-sizing: border-box; padding: 12px 12px; overflow: hidden; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; }
                .team_list ul li .text p { float: left; width: 100%; font-size: 16px; color: #333; line-height: 26px; margin-bottom: 10px; }
                .team_list ul li .text span { float: right; width: 100%; font-size: 15px; color: #555; line-height: 26px; text-align: right; }

/* message_page */
.message_page { width: 100%; height: auto; padding-bottom: 80px; box-sizing: border-box; }
.message_page_conter { width: 100%; height: auto; }
.section_article { width: 100%; height: auto; font-size: 18px; color: #000; line-height: 30px; text-align: center; margin-bottom: 50px; }

.score_query_form { max-width: 800px; width: 100%; height: auto; margin: 0 auto; }
    .score_query_form .item { float: left; width: 50%; height: auto; padding: 10px; box-sizing: border-box; }
    .score_query_form .item_checkbox { text-align: center; }
        .score_query_form .item_checkbox label { display: inline-block; width: auto; height: 30px; font-size: 16px; color: #666; line-height: 30px; position: relative; padding-left: 25px; box-sizing: border-box; margin: 0 25px; }
        .score_query_form .item_checkbox input { width: 18px; height: 18px; position: absolute; top: 6px; left: 0; cursor: pointer; z-index: 2; outline: none; }
    .score_query_form .item_input input { display: block; width: 100%; height: auto; border: 1.5px solid #e9e9e9; box-sizing: border-box; background: transparent; padding: 12px 20px; font-size: 16px; color: #333; line-height: 26px; background-color: #fff; border-radius: 5px; }
    .score_query_form .item_btn { margin-top: 30px; width: 100%; }
        .score_query_form .item_btn input { display: block; width: 200px; height: auto; border: none; padding: 12px 20px; font-size: 20px; color: #fff; line-height: 30px; background: #f48423; letter-spacing: 2px; margin: 0 auto; border-radius: 50px; cursor: pointer; }
            .score_query_form .item_btn input:hover { background: #ee1c29; }

    .score_query_form .item_input_bz { float: left; width: 100%; height: auto; padding: 10px; box-sizing: border-box; }
        .score_query_form .item_input_bz textarea { display: block; width: 100%; height: auto; border: 1.5px solid #e9e9e9; box-sizing: border-box; background: transparent; padding: 12px 20px; font-size: 16px; color: #333; line-height: 26px; background-color: #fff; border-radius: 5px; }
textarea::placeholder { color: #333; font-size: 16px; color: #333; line-height: 26px; }
textarea::-webkit-input-placeholder { color: #333; font-size: 16px; color: #333; line-height: 26px; }

.contact_page { width: 100%; height: auto; padding-top: 70px; padding-bottom: 80px; box-sizing: border-box; }


.contact_page_container { width: 100%; height: 550px; padding-right: 490px; box-sizing: border-box; position: relative; margin-bottom: 30px; }
    .contact_page_container .contact_map { width: 100%; height: 550px; border: 1px solid #ddd; box-sizing: border-box; padding: 15px; border-radius: 10px; overflow: hidden; }
        .contact_page_container .contact_map #map { display: block; width: 100%; height: 518px; }




.contact_map #map .BMap_Marker.BMap_noprint { display: block; width: 50px !important; height: 50px !important; background: url('../images/contact_map_active.png') no-repeat center center !important; background-size: 30px !important; z-index: 9; }


.contact_map #dituContent .BMap_Marker.BMap_noprint { display: block; width: 50px !important; height: 50px !important; background: url('../images/contact_map_active.png') no-repeat center center !important; background-size: 30px !important; z-index: 9; }

.contact_page_container .contact_right_box {
    width: 460px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 10px;
    overflow: hidden;
    background: -moz-linear-gradient(bottom, #60cced 0%,#2623f4 100%);
    background: -webkit-linear-gradient(bottom, #60cced 0%,#2623f4 100%);
    background: -o-linear-gradient(bottom, #60cced 0%,#2623f43 100%);
    background: -ms-linear-gradient(bottom, #60cced 0%,#2623f4 100%);
    background: linear-gradient(to top, #60cced 0%,#2623f4 100%);
    padding: 40px;
    box-sizing: border-box;
}
.contact_page_container .talent_recruitment_title h3 strong { color: #fff; }
.contact_page_container .talent_recruitment_title h3 svg path { fill: #fff; }


.contact_right_box h2 { font-size: 22px; color: #fff; line-height: 40px; font-weight: 500; letter-spacing: 1px; margin-bottom: 25px; }
.contact_right_list { width: 100%; height: auto; margin-bottom: 20px; }
    .contact_right_list ul li { float: left; width: 100%; height: auto; position: relative; margin-bottom: 20px; padding-left: 60px; box-sizing: border-box; }
        .contact_right_list ul li h3 { font-size: 18px; color: #fff; line-height: 30px; font-weight: 500; }
        .contact_right_list ul li p { font-size: 16px; color: #fff; line-height: 30px; font-weight: 500; }

        .contact_right_list ul li svg { display: block; width: 36px; height: 36px; position: absolute; top: 12px; left: 0; }

.contact_right_code { width: 380px; height: auto; margin: 0 auto; }
    .contact_right_code .item { float: left; width: 115px; height: auto; margin: 0 5px; }
        .contact_right_code .item img { display: block; width: 105px; height: auto; margin: 0 auto; }
        .contact_right_code .item p { font-size: 15px; color: #fff; line-height: 30px; text-align: center; padding-top: 5px; box-sizing: border-box; }




/* join_page */
.join_page { width: 100%; height: auto; padding-top: 70px; padding-bottom: 80px; box-sizing: border-box; }
.join_page_conter { width: 100%; height: auto; }
.join_page .section_article { font-size: 16px; color: #333; line-height: 30px; margin-bottom: 50px; }

.talent_recruitment_list { width: 100%; height: auto; }
    .talent_recruitment_list ul li { float: left; width: 100%; height: auto; margin-bottom: 20px; }
        .talent_recruitment_list ul li .title_box { width: 100%; height: auto; border: 1px solid #eee; padding: 16px 30px; box-sizing: border-box; position: relative; cursor: pointer; border-radius: 6px; background: #e9e9e9; }
            .talent_recruitment_list ul li .title_box h2 { font-size: 18px; color: #333; line-height: 30px; font-weight: 500; }
            .talent_recruitment_list ul li .title_box .down_icon { width: 40px; height: 40px; background: url('../images/recruitment_text_box_icon.png') no-repeat center center; position: absolute; top: 12px; right: 30px; cursor: pointer; }

        .talent_recruitment_list ul li.active .title_box { background: #60cced; }
            .talent_recruitment_list ul li.active .title_box h2 { color: #fff; }
            .talent_recruitment_list ul li.active .title_box .down_icon { background: url('../images/recruitment_text_box_icon_hover.png') no-repeat center center; }

        .talent_recruitment_list ul li:hover .title_box { background: #2623f4; }
            .talent_recruitment_list ul li:hover .title_box h2 { color: #fff; }
            .talent_recruitment_list ul li:hover .title_box .down_icon { background: url('../images/recruitment_text_box_icon_hover.png') no-repeat center center; }


        .talent_recruitment_list ul li .text_box { width: 100%; height: auto; background: #f8f8f8; display: none; }
        .talent_recruitment_list ul li .text_box_con { width: 100%; height: auto; padding: 40px; box-sizing: border-box; }
        .talent_recruitment_list ul li .text_box p { font-size: 15px; color: #666; line-height: 30px; margin-bottom: 5px; }
        .talent_recruitment_list ul li .text_box strong { color: #f48424; font-size: 16px; font-weight: 500; }
        .talent_recruitment_list ul li .text_box_sec1 { width: 100%; height: auto; margin-bottom: 30px; }
            .talent_recruitment_list ul li .text_box_sec1 p { display: inline-block; margin-right: 40px; }



/* news_page */
.news_page { width: 100%; height: auto; padding-bottom: 80px; box-sizing: border-box; }
.news_page_section { width: 100%; height: 200px; padding-left: 400px; box-sizing: border-box; position: relative; margin-bottom: 30px; }
    .news_page_section .news_pic { width: 350px; height: 200px; overflow: hidden; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-position: center 0; }
    .news_page_section .text_box { width: 100%; height: 200px; box-sizing: border-box; border-bottom: 1px solid #ddd; }
        .news_page_section .text_box .title { width: 100%; height: auto; font-size: 18px; color: #333; line-height: 30px; font-weight: 500; margin-bottom: 5px; }
        .news_page_section .text_box .time { width: 100%; height: auto; font-size: 14px; color: #666; line-height: 30px; margin-bottom: 10px; }
        .news_page_section .text_box .article { width: 100%; height: auto; max-height: 60px; font-size: 15px; color: #666; line-height: 30px; text-align: justify; overflow: hidden; margin-bottom: 20px; }

        /* .news_page_section .text_box .more{
    font-size: 16px;
    color: #1373c5;
    line-height: 30px;
} */
        .news_page_section .text_box .more a { display: block; }
        .news_page_section .text_box .icon { display: inline-block; width: 0; height: 10px; background: url(../images/section_more.png) no-repeat center center; transition: all .4s; opacity: 0; }
    .news_page_section:hover .text_box .more .icon { width: 25px; opacity: 1; }
    .news_page_section .text_box .more strong { font-weight: 500; transition: all .4s; }
    .news_page_section .text_box .more { font-size: 16px; color: #f48423; line-height: 30px; }

.news_details_page_conter { width: 100%; height: auto; }
    .news_details_page_conter .article { font-size: 15px; color: #666666; line-height: 26px; text-align: justify; }
        .news_details_page_conter .article p { margin-bottom: 15px; }
            .news_details_page_conter .article p strong { font-weight: 600; color: #333; }


/* service_page */
.service_page { width: 100%; height: auto; padding-bottom: 80px; box-sizing: border-box; }
.service_page_conter { width: 100%; height: auto; }
.service_page_section { width: 100%; height: auto; background: #fff; box-shadow: 0 0 30px 1px #e5e5e5; padding: 20px 25px; box-sizing: border-box; margin-bottom: 50px; }
    .service_page_section .article { font-size: 16px; color: #333; line-height: 32px; text-align: justify; }

.service_page_list { width: 100%; height: auto; }
    .service_page_list ul { margin: 0 -1%; }
        .service_page_list ul li { float: left; width: 23%; height: auto; margin: 0 1%; margin-bottom: 2%; }
            .service_page_list ul li a { display: block; }
            .service_page_list ul li .pic { width: 100%; height: auto; border-radius: 10px; overflow: hidden; }
                .service_page_list ul li .pic img { width: 100%; height: auto; border-radius: 10px; overflow: hidden; }
            .service_page_list ul li .text_box {
                width: 100%;
                height: 120px;
                background: #f7f7f7;
                border-radius: 10px;
                overflow: hidden;
                padding: 15px 20px;
                padding-top: 20px;
                box-sizing: border-box;
                border: 1px solid #ddd;
                border-bottom: 5px solid #3856f2;
                position: relative;
                top: -20px;
            }
                .service_page_list ul li .text_box h3 { font-size: 16px; color: #333; line-height: 30px; text-align: center; font-weight: 500; margin-bottom: 20px; }
            .service_page_list ul li .section_more { width: 100%; text-align: center; font-size: 15px; color: #f48423; }

            .service_page_list ul li:hover .text_box h3 { color: #f48423; }

            .service_page_list ul li:hover .section_more .icon { width: 25px; opacity: 1; }

.service_details_page_conter { width: 100%; height: auto; }
    .service_details_page_conter .article { font-size: 15px; color: #666666; line-height: 26px; text-align: justify; }
        .service_details_page_conter .article p { margin-bottom: 15px; }
            .service_details_page_conter .article p strong { font-weight: 600; color: #333; }




/* recommendation_page */
.recommendation_page { width: 100%; height: auto; padding-bottom: 80px; box-sizing: border-box; }
.recommendation_page_conter { width: 100%; height: auto; }
    .recommendation_page_conter .article { font-size: 15px; color: #666666; line-height: 26px; text-align: justify; }
        .recommendation_page_conter .article p { margin-bottom: 15px; }
            .recommendation_page_conter .article p strong { font-weight: 600; color: #333; }



/* case_page */
.case_page { width: 100%; height: auto; padding-bottom: 80px; box-sizing: border-box; }

.case_details_page_conter { width: 100%; height: auto; }
    .case_details_page_conter .article { font-size: 15px; color: #666666; line-height: 26px; text-align: justify; }
        .case_details_page_conter .article p { margin-bottom: 15px; }
            .case_details_page_conter .article p strong { font-weight: 600; color: #333; }






.work_visa_container { max-width: 500px; width: 100%; height: auto; padding-top: 60px; padding-bottom: 80px; box-sizing: border-box; margin: 0 auto; }
.work_visa_section { width: 100%; height: auto; }
    .work_visa_section .work_visa_title { width: 100%; height: auto; padding-bottom: 15px; margin-bottom: 20px; box-sizing: border-box; border-bottom: 3px solid #f48423; }
        .work_visa_section .work_visa_title h3 { font-size: 22px; color: #333; line-height: 32px; padding-bottom: 5px; font-weight: 500; }
        .work_visa_section .work_visa_title p { font-size: 14px; color: #888; line-height: 24px; }
.work_visa_form { width: 100%; height: auto; }
    .work_visa_form form { width: 100%; height: auto; }
    .work_visa_form .item { width: 100%; height: auto; margin-bottom: 20px; }
        .work_visa_form .item label { display: block; width: 100%; height: auto; margin-bottom: 10px; font-size: 15px; color: #333; line-height: 26px; }

        .work_visa_form .item select { display: block; width: 100%; height: 44px; border: 1px solid #e5e5e5; box-sizing: border-box; border-radius: 5px; box-sizing: border-box; padding: 10px; font-size: 15px; color: #999; line-height: 22px; }
        .work_visa_form .item option { display: block; width: 100%; height: 44px; border: 1px solid #e5e5e5; box-sizing: border-box; border-radius: 5px; box-sizing: border-box; padding: 10px; font-size: 15px; color: #999; line-height: 22px; }

        .work_visa_form .item input { display: block; width: 100%; height: 44px; border: 1px solid #e5e5e5; box-sizing: border-box; border-radius: 5px; box-sizing: border-box; padding: 10px; font-size: 15px; color: #999; line-height: 22px; }


    .work_visa_form .item_btn { margin-top: 50px; }
        .work_visa_form .item_btn input { width: 100%; height: 44px; background: #f88121; padding: 10px; color: #fff; font-size: 16px; line-height: 24px; text-align: center; border: none; border-radius: 5px; }



.work_visa_section2 { width: 100%; height: auto; padding-bottom: 60px; }
.work_visa_section2_title { width: 100%; height: auto; margin-bottom: 40px; }
    .work_visa_section2_title h3 { font-size: 22px; color: #333; line-height: 32px; padding-bottom: 5px; font-weight: 500; text-align: center; }
.work_visa_num_container { width: 100%; height: auto; }
    .work_visa_num_container h2 { font-size: 46px; font-weight: 600; color: #f48423; line-height: 50px; text-align: center; margin-bottom: 40px; }
    .work_visa_num_container h3 { font-size: 18px; font-weight: 400; color: #f48423; line-height: 32px; text-align: center; }
    .work_visa_num_container p { font-size: 15px; color: #666; line-height: 26px; text-align: center; }
    .work_visa_num_container a { display: block; width: 200px; height: 44px; background: #f88121; padding: 10px; color: #fff; font-size: 16px; line-height: 24px; text-align: center; border: none; border-radius: 5px; margin: 0 auto; box-sizing: border-box; margin-top: 50px; }
.work_visa_num_container_jf { width: 100%; height: auto; padding: 0 15px; box-sizing: border-box; margin-top: 30px; }
    .work_visa_num_container_jf p { font-size: 13px; color: #dd1313; line-height: 22px; text-align: justify; }



.work_visa_section_gr { width: 100%; height: auto; min-height: 360px; }

.work_visa_qz_container { width: 100%; height: auto; }
    .work_visa_qz_container .pic { display: block; width: 100%; height: auto; margin-bottom: 30px; }
        .work_visa_qz_container .pic img { display: block; max-width: 90px; width: 100%; height: auto; margin: 0 auto; }
    .work_visa_qz_container p { font-size: 17px; color: #333; line-height: 30px; text-align: center; }
    .work_visa_qz_container a { display: block; width: 200px; height: 44px; background: #f88121; padding: 10px; color: #fff; font-size: 16px; line-height: 24px; text-align: center; border: none; border-radius: 5px; margin: 0 auto; box-sizing: border-box; margin-top: 50px; }

.work_visa_form .choice { width: 100%; height: auto; }
.work_visa_form .item .choice label { display: inline-block; width: auto; margin-right: 25px; margin-bottom: 0; }
    .work_visa_form .item .choice label input { display: inline-block; width: 16px; height: 16px; border: #eee; float: left; margin-right: 8px; margin-top: 5px; }