.case_head_img { padding: 96px 0; user-select: none; }
.case_img_icon { width: 612px; height: 42px; display: block; margin: 0 auto; }
.case_item_box { width: 1200px; margin: 0 auto; }
.case_item { width: 380px; margin-right: 30px; margin-bottom: 60px; }
    .case_item:nth-child(3n+3) { width: 380px; margin-right: 0px; }
.case_item_img { width: 100%; height: 226px; }

.case_item .top { font-size: 16px; font-weight: 400; margin: 16px 0 10px 0; color: #444444; }
.case_item .bottom { font-size: 14px; font-family: Microsoft YaHei; font-weight: 400; color: #888888; margin-bottom: 16px; }

.case_item .tip { user-select: none; }
    .case_item .tip .red { font-size: 12px; font-weight: 400; color: #CF0037; padding: 1px 15px; text-align: center; line-height: 24px; height: 24px; border: 1px solid #CF0037; border-radius: 15px; margin-right: 20px; }
    .case_item .tip .blue { font-size: 12px; font-weight: 400; color: #3A51FF; padding: 1px 15px; text-align: center; line-height: 24px; height: 24px; border: 1px solid #3A51FF; border-radius: 15px; }

.part_contain .navigate-bar { height: 80px; }
.part_contain .navigate-bar-content { height: 44px; line-height: 44px; float: right; margin-top: 18px; }
    .part_contain .navigate-bar-content > li,
    .part_contain .navigate-bar-content > li > a { text-decoration: none; font-size: 16px; color: #444444; display: block; position: relative; }

.part_contain .navigate-bar .navigate-bar-content li { float: left; list-style: none; padding: 0 30px; color: #274A2D; border-left: 1px solid #fff; cursor: pointer; position: relative; }
    .part_contain .navigate-bar .navigate-bar-content li:last-child { border-right: 1px solid #fff; }
.part_contain .navigate-bar .navigate-bar-content > li.active,
.part_contain .navigate-bar .navigate-bar-content > li.active > a,
.part_contain .navigate-bar .navigate-bar-content > li:hover,
.part_contain .navigate-bar .navigate-bar-content > li:hover > a { color: #CF0037; }
.part_contain .down_arrow, .down_active_arrow, .up_active_arrow { width: 7px; height: 4px; display: none; margin-left: 6px; }
.part_contain .navigate-bar .navigate-bar-content li .down_arrow { display: inline-block; }
.part_contain .navigate-bar .navigate-bar-content li:hover .down_arrow,
.part_contain .navigate-bar .navigate-bar-content li.active .down_arrow { display: none; }
.part_contain .navigate-bar .navigate-bar-content li:hover .up_active_arrow { display: inline-block; }
.part_contain .navigate-bar .navigate-bar-content li.active .down_active_arrow { display: inline-block; }
.part_contain .navigate-bar .navigate-bar-content li.active:hover .down_active_arrow { display: none; }

.case-select.navigate-bar { height: auto; }
.case-select .navigate-bar-content { float: none; text-align: center; margin-top: 0px; margin-bottom: 6px; }
.case-select.navigate-bar .navigate-bar-content li { float: none; display: inline-block; text-align: center; margin-left: 100px; margin-right: 100px; font-weight: normal; }
.case-select .popover_nav { width: 270px; margin-left: -135px; margin-top: 10px; padding: 5px 0; width: 170px; top: 30px; margin-left: -85px; left: 50%; position: absolute; z-index: 20; display: none; }
.case-select.navigate-bar .navigate-bar-content > li:hover { color: #274A2D; }
.navigate-bar .navigate-bar-content li:hover .popover_nav {  display: block;  }
/* 公共部分 */

.navigate-bar { height: 80px; }
.navigate-bar-content { height: 44px; line-height: 44px; float: right; margin-top: 18px; }
    .navigate-bar-content > li,
    .navigate-bar-content > li > a { text-decoration: none; font-size: 16px; display: block; position: relative; }

.navigate-bar .navigate-bar-content li { float: left; list-style: none; padding: 0 30px; cursor: pointer; position: relative; }
.navigate-bar .navigate-bar-content > li.active,
.navigate-bar .navigate-bar-content > li.active > a,
.navigate-bar .navigate-bar-content > li:hover,
.navigate-bar .navigate-bar-content > li:hover > a { }

.down_arrow, .down_active_arrow, .up_active_arrow { width: 7px; height: 4px; display: none; margin-left: 6px; }
.navigate-bar .navigate-bar-content li .down_arrow { display: inline-block; }
.navigate-bar .navigate-bar-content li:hover .down_arrow,
.navigate-bar .navigate-bar-content li.active .down_arrow { display: none; }
.navigate-bar .navigate-bar-content li:hover .up_active_arrow { display: inline-block; }
.navigate-bar .navigate-bar-content li.active .down_active_arrow { display: inline-block; }
.navigate-bar .navigate-bar-content li.active:hover .down_active_arrow { display: none; }
.navigate-bar .navigate-bar-content li:hover .popover_nav { display: block; }

/*联系我们*/
.part { min-width: 1200px; }
.part_contain { width: 1200px; margin: 0 auto; padding-top: 20px; padding-bottom: 20px; }
.part_title { text-align: center; padding-top: 20px; padding-bottom: 40px; }
    .part_title .part_title_text { font-size: 30px; color: #3C3D41; line-height: 1.5; }
    .part_title .devide_line { width: 120px; height: 6px; margin: 4px auto; background-color: #CF0037; }
.contact_us_left { width: 638px; height: 566px; border: 1px solid #CF0037; border-right: 0px; float: left; background-color: #FFFFFF; }

.contact_us_right { width: 559px; height: 566px; border: 1px solid #CF0037; float: right; }
.company_type { list-style: none; white-space: nowrap; width: 638px; font-size: 0px; }
    .company_type li { width: 159px; line-height: 55px; text-align: center; background-color: #F5F5F5; border: 1px solid #CF0037; border-top: 0px; margin-left: -1px; color: #888888; display: inline-block; font-size: 16px; cursor: pointer; }
        .company_type li.active { background-color: #FFFFFF; color: #D6325A; }
.company_list { padding: 20px 42px 0; list-style: none; }
    .company_list li { border-bottom: 2px solid #EEEEEE; padding-top: 20px; padding-bottom: 20px; cursor: pointer; }
    .company_list .index_count { display: inline-block; font-style: normal; font-size: 12px; color: #FFFFFF; width: 22px; height: 22px; text-align: center; line-height: 22px; border-radius: 100%; background: url("/images/small-circle.png") no-repeat center center; background-size: cover; vertical-align: top; margin-top: 2px; margin-right: 4px; }
    .company_list .title { color: #CF0037; font-size: 18px; display: inline-block; line-height: 1.5; }
    .company_list .address,
    .company_list .phone { font-size: 16px; color: #444444; line-height: 1.5; margin-top: 6px; }
.contact_us_right .container { width: 559px; height: 566px; }
.popover_nav { margin-top: 10px; padding: 5px 0; width: 170px; top: 30px; margin-left: -85px; left: 50%; position: absolute; z-index: 20; display: none; }

.popover_nav .popover-arrow { position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent; top: -2px; left: 50%; margin-left: -8px; border-width: 0 8px 8px; border-bottom-color: #eee; }
    .popover_nav .popover-arrow::after { position: absolute; top: -5px; left: -7px; width: 0; height: 0; content: ''; border: 7px solid transparent; border-bottom-color: #fff; }
.popover_nav .popover-inner { line-height: 20px; text-align: center; background-color: #fff; box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .20); }
.sub_nav_item { line-height: 54px; text-align: center; margin-left: 23px; margin-right: 23px; border-top: 1px solid #E6E6E6; font-size: 16px; font-weight: normal; color: #444444; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
    .sub_nav_item:first-child { border-top: 0px; }
    .sub_nav_item:hover,
    .sub_nav_item.active { color: #CF0037; }
.cursor_pointer { cursor: pointer; }
.sub_nav { max-height: 300px; overflow-y: auto; }