/* 顶部条 */ /*#topbar{ position: absolute; }*/ /* banner */ #banner{ /*background: url(/uploads/image/hhvsimages/banner.jpg) no-repeat center top;*/ position: relative; overflow: hidden; } #banner .topic_url{ width: 96px; height: 32px; margin: 0 auto; background: no-repeat; display: block; position: absolute; right: 0; bottom: 10px; left: 0; z-index: 2; } #banner .banner_img{ width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; position: absolute; top: 0; left: 0; z-index: 1; } .banner_img .banner_url{ width: 100%; height: 100%; display: block; } #banner .banner_img2{ display: none; } .inedx_section{ padding-bottom: 32px; } /* 社会要闻 */ .society_news{ padding: 40px 0 50px; } .society_news .society_box{ padding-top: 40px; } .society_box .society_box_l{ width: 588px; float: left; } .society_slide{ position: relative; } .society_slide .society_slide_btn{ width: 50px; height: 100px; line-height: 100px; margin: auto 0; display: none; font-size: 28px; font-family: simhei; text-align: center; color: #ffffff; position: absolute; top: 0; bottom: 0; z-index: 1; } .society_slide_btn:hover{ background: rgba(125,125,125,0.3); } .society_slide:hover .society_slide_btn{ display: block; } .society_slide .prev_society_slide{ left: 0; } .society_slide .next_society_slide{ right: 0; } .society_slide_list .society_slide_item{ position: relative; } .society_slide_item .society_slide_thumb{ width: 588px; height: 350px; } .society_slide_item .society_slide_title{ height: 40px; line-height: 40px; padding: 0 25px; background: rgba(0,0,0,0.3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 18px; font-weight: normal; color: #ffffff; position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; } .society_box .society_box_r{ width: 540px; float: right; } .society_list ul{ margin-top: -25px; } .society_list .society_item{ margin-top: 25px; /*color: #363636;*/ } .society_item .society_title, .society_item .society_depict{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .society_item .society_title{ margin-bottom: 3px; font-size: 18px; font-weight: normal; color: #333333; } .society_item .society_depict{ color: #999999; } .society_item:hover .society_title{ font-weight: 900; color: #00428e; } .society_item:hover .society_depict{ color: #00428e; } /* 通知通告、行业动态、委员会工作 */ .inedx_section .n_i_c{ margin: 0 0 13px -36px; } .n_i_c .n_i_c_item{ width: 376px; margin-left: 36px; float: left; } .n_i_c_item .name{ margin-bottom: 34px; } .n_i_c_item .n_i_c_item_box{ height: 280px; box-shadow: 0 4px 5px 1px #eae9e9; } /*.n_i_c_item .n_i_c_item_box:hover{ box-shadow: 0 4px 5px 1px #eae9e9; }*/ .notice{ padding-left: 28px; } .notice_list .notice_item{ line-height: 24px; border-left: 1px solid #d2d2d2; padding-left: 22px; color: #727272; position: relative; } .notice_list .notice_item:before{ content: ""; width: 8px; height: 8px; border-radius: 100px; margin: auto 0; background: #c2c2c2; display: block; position: absolute; top: 0; bottom: 0; left: -5px; z-index: 1; } .notice_list .notice_item:hover{ color: #00428e; } .notice_list .notice_item:hover .notice_time, .notice_list .notice_item:hover .notice_title{ font-weight: 900; } .notice_list .notice_item:hover:before{ width: 14px; height: 14px; border: 1px solid #193e9c; background: #ffffff; left: -9px; } .notice_item .notice_time{ margin-right: 10px; vertical-align: middle; } .notice_item .notice_title{ width: 210px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; vertical-align: middle; font-size: 14px; font-weight: normal; } .industry_news{ padding-left: 30px; } .i_news_list .i_news_item{ height: 50px; margin-bottom: 10px; } .i_news_item .i_news_time_box{ width: 48px; height: 48px; line-height: 48px; border: 1px solid #eaeaea; margin-right: 26px; float: left; /*display: inline-block; vertical-align: middle;*/ text-align: right; position: relative; } .i_news_item .i_news_time_box:after{ content: ""; width: 8px; height: 13px; background: no-repeat; display: block; margin: auto 0; position: absolute; top: 0; right: -8px; bottom: 0; z-index: 1; } .i_news_time_box .i_news_time{ line-height: normal; padding-right: 4px; display: inline-block; vertical-align: middle; font-family: arial; } .i_news_time .i_news_time_day{ font-size: 16px; color: #727272; } .i_news_time .i_news_time_year{ color: #c2c2c2; } .i_news_item .i_news_title{ width: 230px; height: 50px; line-height: 50px; float: left; /*display: inline-block; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/ font-size: 14px; font-weight: normal; color: #727272; } .i_news_title a{ line-height: normal; display: inline-block; /*vertical-align: middle;*/ } .i_news_item:hover .i_news_time_box{ border: 1px solid #3166a4; } .i_news_item:hover .i_news_time_box:after{ background: no-repeat; } .i_news_item:hover .i_news_time_day{ color: #00428e; } .i_news_item:hover .i_news_time_year{ color: #0157bb; } .i_news_item:hover .i_news_title{ font-weight: 900; color: #00428e; } .cmte{ padding: 0 10px; } .cmte_img_list .cmte_img_list_div{ margin-left: -10px; } .cmte_img_list .cmte_img_item{ width: 173px; height: 115px; margin: 0 0 10px 10px; display: block; float: left; } .cmte_img_item .cmte_img_thumb{ width: 100%; height: 100%; } .cmte_text_list .cmte_text_item{ line-height: 28px; } .cmte_text_item .cmte_text_title{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: normal; } .cmte_text_title:hover{ font-weight: 900; color: #00428e; } .even_though{ height: 36px; line-height: 36px; padding-left: 24px; background: #388de1; color: #ffffff; } .even_though .even_though_list{ width: 960px; margin-left: 37px; float: left; } .even_though_list .tempwrap{ width: auto !important; } .even_though_list .even_though_item{ width: auto !important; margin-right: 36px; float: left; } .even_though_item .even_though_title{ font-size: 14px; font-weight: normal; } .inedx_section2{ padding: 24px 0; background: #ececec; } .inedx_section2 .inedx_section2_wrapper{ margin-left: -36px; } .inedx_section2_wrapper .inedx_section2_wrap{ width: 376px; height: 418px; margin-left: 36px; background: #ffffff; float: left; } .inedx_section2_wrapper .inedx_section2_wrap:hover{ box-shadow: 0 2px 8px 4px #d9d8d8; } .public_info{ /*padding: 70px 16px 0;*/ padding: 70px 0 0 16px; } .public_info_list .public_info_list_div{ margin-left: -16px; } .public_info_list .p_info_item{ width: 162px; height: 42px; line-height: 42px; border: 1px solid #e5e5e5; border-radius: 3px; margin: 0 0 18px 16px; background: #f7f7f7; display: block; float: left; } .public_info_list .p_info_item:hover{ border: 1px solid #be1818; } .p_info_item .p_info_ico_box{ width: 42px; height: 100%; margin-left: 15px; float: left; text-align: center; } .p_info_ico_box .p_info_ico{ max-width: 100%; max-height: 100%; } .p_info_item .p_info_name{ width: 100px; height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; font-size: 16px; } .public_info_list .p_info_litigation{ width: auto; margin-right: 16px; float: none; clear: both; } .p_info_litigation .p_info_name{ width: 280px; } .lawyer_train{ padding-top: 30px; } .lawyer_train .name2{ padding: 0 40px 0 30px; } .lawyer_train .train_oper{ margin-top: 2px; float: right; font-weight: 900; } .train_oper .train_oper_btn.on{ color: #be1818; } .train_wrapper .train_wrap{ display: none; } #train_notice{ height: 356px; margin-top: 5px; overflow-x: hidden; } .train_notice_list .train_notice_item{ border-bottom: 1px dashed #e5e5e5; padding: 14px 18px 14px 33px; } .train_notice_list .train_notice_item:last-child{ border-bottom: none; } .train_notice_item .train_notice_time_box{ width: 56px; height: 57px; line-height: 57px; border: 1px solid #e5e5e5; float: left; text-align: right; position: relative; } .train_notice_time_box:after{ content: ""; width: 8px; height: 13px; margin: auto 0; background: no-repeat; display: block; position: absolute; top: 0; right: -8px; bottom: 0; z-index: 1; } .train_notice_time_box .train_notice_time{ line-height: normal; padding-right: 6px; display: inline-block; vertical-align: middle; font-family: arial; } .train_notice_time .train_notice_time_day{ font-size: 18px; } .train_notice_time .train_notice_time_year{ color: #727272; } .train_notice_item .train_notice_title{ width: 240px; height: 59px; line-height: 59px; overflow: hidden; float: right; font-size: 14px; } .train_notice_title a{ line-height: normal; display: inline-block; vertical-align: middle; } .train_notice_item:hover{ border-bottom: 1px solid #be1818; background: #be1818; } .train_notice_item:hover .train_notice_time_box:after{ background: url(/uploads/image/hhvsimages/arrow2_r_ico.png) no-repeat; } .train_notice_item:hover .train_notice_time_day{ color: #ffffff; } .train_notice_item:hover .train_notice_time_year{ color: #c2c2c2; } .train_notice_item:hover .train_notice_title{ color: #ffffff; } #train_schedule{ padding: 20px 53px 0; } #train_schedule .schedule_date{ width: 92px; margin: 0 auto; text-align: center; position: relative; } .schedule_date .schedule_date_btn{ width: 0; height: 0; margin: auto 0; cursor: pointer; position: absolute; top: 0; bottom: 0; z-index: 1; } .schedule_date .prev_schedule_date_btn{ border-top: 7px solid transparent; border-right: 7px solid #888888; border-bottom: 7px solid transparent; left: -7px; } .schedule_date .next_schedule_date_btn{ border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 7px solid #888888; right: -7px; } #train_schedule .schedule_list{ margin: 14px 0 6px; } .schedule_list .schedule_list_div{ margin-left: -4px; } .schedule_list .schedule_item{ width: 33px; height: 33px; line-height: 33px; border: 1px solid #cccccc; margin: 0 0 7px 4px; background: #f7f7f7; display: block; float: left; font-family: arial; text-align: center; color: #888888; position: relative; } .schedule_list .schedule_item:hover{ border: 1px solid #be1818; } .schedule_item .schedule_mark{ width: 10px; height: 3px; display: block; position: absolute; bottom: 1px; z-index: 1; } .schedule_item .study_mark{ background: #ff0000; left: 0; } .schedule_item .train_mark{ margin: 0 auto; background: #df8900; right: 0; left: 0; } .schedule_item .other_mark{ background: #0133ff; right: 0; } #train_schedule .schedule_type{ text-align: right; } .schedule_type .s_type_item{ margin-left: 34px; display: inline-block; } .schedule_type .s_type_item:first-child{ margin-left: 0; } .s_type_item .s_type_mark{ width: 12px; height: 12px; display: inline-block; vertical-align: middle; } .s_type_item .s_type_study{ background: #ff0000; } .s_type_item .s_type_train{ background: #df8900; } .s_type_item .s_type_other{ background: #0133ff; } .work_guide{ padding: 30px 29px 0; } .work_guide .name2{ margin-bottom: 56px; padding: 0 20px 0 14px; } .guide_list .guide_list_div{ margin-left: -18px; } .guide_list .guide_item{ width: 150px; margin-left: 18px; display: block; float: left; text-align: center; } .guide_item .guide_ico_box{ height: 102px; line-height: 102px; border: 1px solid #cecece; background: #f7f7f7; } .guide_item .guide_name{ height: 39px; line-height: 39px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; } .guide_item:hover .guide_ico_box{ border: 1px solid #be1818; } .inedx_section3{ padding: 56px 0 40px; } .inedx_section3 .inedx_section3_wrapper{ margin: 0 0 20px -36px; } .inedx_section3_wrapper .inedx_section3_wrap{ width: 376px; margin-left: 36px; float: left; } .inedx_section3_wrap .inedx_section3_wrap_box{ height: 274px; margin-top: 30px; } .inedx_section3_wrap_box:hover{ box-shadow: 0 4px 5px 1px #eae9e9; } .cq_lawyer .cq_lawyer_box{ width: 100%; height: 100%; background: #f4f4f3; text-align: center; } .cq_lawyer_box .cq_lawyer_img { margin-top:10px; max-width: 100%; max-height: 100%; } .lawyer_rule .name2, .lawyer_rule .inedx_section3_wrap_box{ padding-left: 42px; } .lawyer_rule_list .lawyer_rule_item{ margin-bottom: 15px; } .lawyer_rule_item .lawyer_rule_num{ width: 16px; height: 16px; line-height: 16px; border-radius: 3px; box-shadow: -2px -2px #e1e1e1; background: #535353; display: inline-block; vertical-align: middle; font-family: arial; text-align: center; color: #ffffff; } .lawyer_rule_item .lawyer_rule_title{ width: 250px; margin-left: 10px; display: inline-block; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: normal; } .lawyer_rule_item:hover .lawyer_rule_num{ background: #be1818; } .lawyer_rule_item:hover .lawyer_rule_title{ font-weight: 900; color: #be1818; } .talent_rtt .name10, .talent_rtt .inedx_section3_wrap_box{ padding: 0 19px; } .talent_rtt_list .talent_rtt_list_div{ margin-left: -16px; } .talent_rtt_list .talent_rtt_item{ width: 98px; height: 28px; line-height: 28px; border: 1px solid #e5e5e5; border-radius: 100px; margin: 14px 0 0 16px; display: block; float: left; text-align: center; } .talent_rtt_list .talent_rtt_item:hover{ border: 1px solid #be1818; background: #be1818; color: #ffffff; } /* 年度大奖 */ .annual_awards{ padding: 58px 0 98px; background: url(/uploads/image/hhvsimages/annual_awards_bg.jpg) no-repeat center / 100% 100%; } .annual_awards .annual_awards_mian{ /*width: 1130px;*/ /*width: 801px;*/ width: 1095px; margin: 0 auto; padding-top: 70px; } .annual_awards_mian .annual_text_box{ margin-bottom: 20px; } .annual_text_box .annual_text{ font-size: 24px; color: #be1818; } .annual_text_box .next_annual{ width: 79px; height: 28px; line-height: 28px; border: 1px solid #c9c9c9; display: inline-block; font-weight: 900; text-align: center; } .annual_awards_mian .annual_awards_box{ position: relative; } .annual_awards_box .annual_list{ /*height: 484px;*/ /*min-height: 539px;*/ /*min-height: 660px;*/ min-height: 644px; border: 8px solid #535353; background: #e9eae9; /*overflow-x: hidden;*/ } .annual_list .annual_list_div{ /*margin: -6px 0 0 -6px;*/ margin: -1px 0 0 -1px; } .annual_list .annual_item{ /*width: 118px; height: 92px;*/ /*line-height: 92px;*/ /*margin: 6px 0 0 6px;*/ /*width: 130px; height: 107px;*/ width: 134px; height: 128px; margin: 1px 0 0 1px; background: #e4e2e3; display: block; float: left; overflow:hidden; text-align: center; position: relative; } /*.annual_item:after{ content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.5); display: block; position: absolute; top: 0; left: 0; z-index: 1; } .annual_item:hover:after{ display: none; }*/ .annual_item img{ width: 100%; height: auto; /*height: 100%; max-width: 100%; max-height: 100%;*/ } .annual_list .annual_item{ } .annual_item img { width: 100%; height: auto; } .annual_awards_box .annual_detail{ width: 394px; height: 484px; border: 8px solid #535353; background: #eeeeee; display: none; position: absolute; top: 0; right: 0; z-index: 1; } .annual_detail .close_annual_detail{ width: 29px; height: 29px; background: url(/uploads/image/hhvsimages/cross_ico.png) no-repeat; display: block; position: absolute; top: 14px; right: 14px; z-index: 1; } .annual_detail .annual_detail_thumb{ width: 409px; height: 540px; margin: auto 0; position: absolute; top: 0; bottom: 0; left: -409px; z-index: 1; } .annual_detail .annual_detail_box{ padding: 84px 24px 0 20px; } .annual_detail_box .annual_detail_honor{ font-size: 22px; color: #be1818; } .annual_detail_box .annual_detail_name{ font-size: 18px; } .annual_detail_box .annual_detail_info{ margin-top: 30px; } .annual_detail_info li{ font-size: 16px; } .annual_detail_box .annual_detail_c{ height: 270px; margin-top: 10px; overflow-x: hidden; } /* 合作伙伴 */ .partner{ height: 346px; background: url(/uploads/image/hhvsimages/partner_bg.jpg) no-repeat center; } .partner .main{ /*padding-top: 56px;*/ padding-top: 40px; } .partner .partner_box{ width: 1085px; margin: 56px auto 0; position: relative; } .partner_list .tempwrap{ width: 100% !important; } .partner_list .partner_item{ width: 125px; margin-right: 67px; float: left; text-align: center; } .partner_item .partner_thumb_box{ width: 125px; height: 125px; line-height: 125px; border-radius: 100px; margin-bottom: 12px; background: #e5e4e4; display: block; } .partner_thumb_box .partner_thumb{ width: 82px; height: 82px; border-radius: 100px; } .partner_item .partner_name{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #ffffff; } .partner_box .partner_btn{ width: 36px; height: 36px; margin: auto 0; display: block; position: absolute; top: 0; bottom: 0; z-index: 1; } .partner_box .prev_partner{ background: url(/uploads/image/hhvsimages/arrow3_l_ico.png) no-repeat; left: -94px; } .partner_box .next_partner{ background: url(/uploads/image/hhvsimages/arrow3_r_ico.png) no-repeat; right: -94px; } /* 友链 */ .link{ margin: 8px 0; padding: 23px 0; background: #f2f2f2; } .link .link_box{ /*height: 46px; line-height: 46px;*/ border: 1px solid #e6e6e6; /*padding-left: 12px;*/ padding: 12px 0 0 12px; } .link_box .link_text{ float: left; /*display: inline-block; vertical-align: middle;*/ } .link_box .link_list{ width: 980px; height: 100%; display: inline-block; overflow: hidden; vertical-align: middle; } .link_list li{ width: auto !important; margin-right: 22px; float: left; } .link_list .tempwrap{ width: auto !important; } .link_list .link_title{ color: #727272; } .link2_list{ width: 1110px; float: left; } .link2_list ul{ margin-left: -38px; padding-left: 12px; } .link2_list .link2_item{ margin: 0 0 12px 46px; float: left; } .link2_item .link2_classify{ width: 100px; height: 22px; line-height: 22px; background: repeat-x; display: inline-block; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; text-align: center; color: #ffffff; } .link2_item .link2_select{ width: 120px; height: 22px; margin-left: 12px; vertical-align: middle; font-size: 12px; font-family: "microsoft yahei"; }