/*棣栭〉缁勪欢鏍峰紡*/ @charset "utf-8"; .index_swiper { display: block; position: relative; width: 1200px; height: 550px; margin: 0px auto; background-color: #ffffff; justify-content: space-around; } .index_swiper .item_row_50 { display: block; position: relative; float: left; width: 566px; height: 530px; padding: 10px; } .index_swiper .item_column_53 { display: block; position: relative; height: 300px; width: 100%; } .index_swiper .item_column_47 { display: block; position: relative; height: 195px; width: 100%; } .index_swiper .item_column_50 { display: block; position: relative; height: 255px; width: 100%; } .index_swiper .item_row_40 { display: block; position: relative; float: left; width: 469px; height: 511px; padding: 15px 17px; } .index_swiper .item_row_60 { display: block; position: relative; float: left; width: 701px; height: 511px; padding: 15px 30px; padding-right: 0px; } .index_swiper_2_item { display: block; position: relative; width: 100%; height: 300px; } .index_swiper_2_item .img { display: block; width: 100%; height: 300px; overflow: hidden; } .index_swiper_2_item .img img { display: block; width: 100%; height: auto; } .index_swiper_2_item .title { display: block; position: absolute; bottom: 0px; width: 660px; height: 40px; line-height: 40px; font-size: 14px; color: #ffffff; text-align: left; overflow: hidden; background-color:rgb(0,0,0,0.8); background-color:rgba(0,0,0,0.8); color: #ffffff; padding-left: 10px; } .pagination { display: block; width: 150px; position: absolute; height: 40px; bottom: 0px; line-height: 40px; right: 0px; } .title_p{ display: block; width: 470px; height: 40px; line-height: 40px; color: #ffffff; } .index_swiper_2 #index_swiper_2_prev { background: url(/uploads/image/global/left_icon.png) no-repeat 0 0; left: 0px; top: 40%; } .index_swiper_2 #index_swiper_2_next { background: url(/uploads/image/global/right_icon.png) no-repeat 0 0; right: 0px; } .index_swiper_2 #index_swiper_2_prev, .index_swiper_2 #index_swiper_2_next { display: block; position: absolute; height: 66px; width: 18px; background-color: rgb(0, 0, 0, 20%); padding: 5px 8px; top: 40%; } .index_swiper_2 #index_swiper_3_prev { background: url(/uploads/image/global/left_icon.png) no-repeat 0 0; left: 0px; top: 40%; } .index_swiper_2 #index_swiper_3_next { background: url(/uploads/image/global/right_icon.png) no-repeat 0 0; right: 0px; } .index_swiper_2 #index_swiper_3_prev, .index_swiper_2 #index_swiper_3_next { display: block; position: absolute; height: 66px; width: 18px; background-color: rgb(0, 0, 0, 20%); padding: 5px 8px; top: 40%; } .swiper-pagination-switch { display: inline-block; width: 11px; height: 11px; border-radius: 11px; background: url(/uploads/image/global/swiper-pagination-switch.png) no-repeat 0 0; margin-right: 10px; cursor: pointer; } .swiper-active-switch { background: url(/uploads/image/global/swiper-active-switch.png) no-repeat 0 0; } .new_video { display: block; position: relative; width: 100%; height: auto; } .new_video img { display: block; width: 152px; margin: 10px auto; margin-bottom: 0px; } .new_video p { display: block; width: 126px; margin: 5px auto; height: 40px; overflow: hidden; font-size: 14px; color: #000; font-weight: bold; text-align: center; line-height: 40px; } .index_columb_bg_img { display: block; width: 105px; height: 119px; position: absolute; bottom: 0px; left: 0px; } .index_columb_bg_img img { display: block; width: 100%; } .directory_lists { display: block; width: 100%; height: 123px; } .directory_lists .directory_lists_item { display: block; width: 167px; height: 45px; line-height: 45px; float: left; margin-top: 11px; color: #ffffff; background: url(/uploads/image/global/directory_lists_item_bg_img.png) no-repeat 0 0; cursor: pointer; margin-right: 25px; } .directory_lists .directory_lists_item[xuhao=right] { margin-right: 0px; } .directory_lists .directory_lists_item:hover { background: url(/uploads/image/global/directory_lists_item_bg_img_hover.png) no-repeat 0 0; color: #ffffff; } .index_more_column { display: block; width: 100%; margin: 10px 0px; } .index_more_column::after { display: block; content: ""; clear: both; } .index_more_column .index_more_column_item { display: block; width: 158px; height: 80px; overflow: hidden; cursor: pointer; border: 1px solid #ffffff; float: left; margin: 0px 5px; } .index_more_column .index_more_column_item:first-child { margin-left: 0px; } .index_more_column .index_more_column_item:last-child { margin-right: 0px; } .index_more_column .index_more_column_item img { display: block; width: 100%; height: 100%; } .index_more_column .index_more_column_item:hover { border: 1px solid #e9e9e9; } .index_webside_handle_navbar { display: block; float: left; height: 36px; width: 260px; margin-left: 20px; color: #ffffff; } .index_webside_handle_navbar .index_webside_handle_navbar_item { display: inline-block; height: 36px; line-height: 36px; text-align: center; width: 77px; color: #ffffff; cursor: pointer; } .index_webside_handle_navbar .index_webside_handle_navbar_item.index_webside_handle_navbar_item_on { color: #fcfc5f; } .index_webside_handle_tab_bd { display: block; width: 482px; height: 180px; margin: 0px auto; } .index_webside_handle_tab_bd_item { display: none; width: 100%; height: 100%; } .index_webside_handle_tab_bd_item.index_webside_handle_tab_bd_item_active { display: block; } .handel_item { display: block; width: 100%; height: 142px; margin: 8px auto; } .handel_item .handel_item_navbar { display: block; width: 68px; height: 142px; float: left; } .handel_item .handel_item_navbar .handel_item_navbar_item { display: block; width: 100%; height: 28px; line-height: 28px; text-align: center; background-color: #ffffff; cursor: pointer; } .handel_item .handel_item_navbar .handel_item_navbar_item .handel_item_navbar_item { margin-top: 8px; } .handel_item .handel_item_navbar .handel_item_navbar_item.handel_item_navbar_item_on { background-color: #16abdc; color: #ffffff; } .handel_item .handel_item_tab_bd { display: block; width: 404px; height: 155px; background-color: #ffffff; float: right; position: relative; } .handel_item .handel_item_tab_bd .handel_item_tab_bd_item { display: none; width: 100%; height: 100%; } .index_webside_handle_navbar_item_more { display: block; width: 77px; height: 36px; color: #ffffff; line-height: 36px; text-align: right; position: absolute; right: 10px; top: 0px; } .handel_item .handel_item_tab_bd .handel_item_tab_bd_item.handel_item_tab_bd_item_active { display: block; } .handel_item .handel_item_tab_bd .handel_item_tab_bd_item .handel_item_tab_bd_item_article_item { display: block; width: 92%; height: 30px; line-height: 30px; margin: 0px auto; position: relative; color: #666666; text-align: left; padding-left: 14px; } .handel_item .handel_item_tab_bd .handel_item_tab_bd_item .handel_item_tab_bd_item_article_item:hover { background-color: #f0f0f0; } .index_layrow_hd { display: block; width: 350px; height: 376px; margin: 63px auto; background: url(/uploads/image/global/layrow_bg_img.png) no-repeat 0 0; } .index_layrow_hd .index_layrow_hd_item { display: block; width: 40%; height: 75.2px; padding: 0px 5%; line-height: 75.2px; float: left; cursor: pointer; } .index_layrow_hd_item.text_right { text-align: right; } .index_layrow_hd_item.text_left { text-align: left; } .index_layrow_hd .index_layrow_hd_item .index_layrow_hd_item_icon { display: inline-block; width: 40px; height: 40px; vertical-align: middle; } .index_layrow_hd .index_layrow_hd_item .index_layrow_hd_item_text { display: inline-block; font-size: 20px; color: #ffffff; font-weight: bold; text-align: center; vertical-align: middle; } .index_layrow_hd .index_layrow_hd_item.index_layrow_hd_item_active .index_layrow_hd_item_text { color: #b52b27; } .index_layrow_content { display: block; position: relative; width: 688px; height: 538px; background-color: #ffffff; margin: 12px auto; padding-bottom: 10px; } .index_layrow_content .index_layrow_item { display: none; position: relative; width: 100%; height: 485px; } .index_layrow_content .index_layrow_item.item_active { display: block; } .index_layrow_content .index_layrow_item .index_layrow_item_title { display: block; width: 698px; height: 37px; font-size: 18px; font-weight: bold; color: #ffffff; line-height: 37px; text-align: center; background: url(/uploads/image/global/index_layrow_item_title_bg_img.png) no-repeat 0 0; } .justice_for_help, .justice_for_smartc { display: block; position: absolute; bottom: 69px; right: -18px; width: 115px; height: 45px; line-height: 40px; text-align: right; font-size: 16px; font-weight: bold; padding-right: 30px; color: #ffffff; background: url(/uploads/image/global/justice_for_help_bg_img.png) no-repeat 0 0; cursor: pointer; } .justice_for_smartc { bottom: 72px; width: 115px; padding-right: 30px; background: url(/uploads/image/global/justice_for_help_bg_img_2.png) no-repeat 0 0; } .justice_for_help:hover { opacity: 0.8; } .justice_for_help:active { color: #ffffff; } .index_layrow_item_content { display: block; width: 100%; height: 448px; } .index_layrow_item_content_left { display: block; position: relative; width: 376px; height: 448px; float: left; } .index_layrow_item_content_left::after { display: block; content: ""; position: absolute; width: 0px; height: 80%; border-right: 1px solid #d9d9d9; top: 10%; right: 0px; } .index_layrow_item_content_right { display: block; position: relative; width: 312px; height: 448px; float: left; } .search_item_content { display: block; width: 297px; height: 224px; margin: 0px auto; } .search_item_content .search_item_content_title { display: block; width: 100%; height: 50px; line-height: 50px; font-size: 18px; color: #666666; font-weight: bold; text-align: left; border-bottom: 2px solid #d9d9d9; } .search_item_content .search_item_content_title span { font-size: 12px; font-weight: bold; color: #666666; margin-left: 10px; } .search_item_content_input_left { display: block; width: 212px; height: auto; float: left; padding-top: 7px; } .search_item_content_input_left>p { font-size: 12px; color: #666666; font-weight: bold; text-align: left; margin: 10px 0px; } .search_item_content_input_left>input { display: block; width: 186px; height: 15px; border: 1px solid #d9d9d9; border-radius: 5px; text-align: left; padding: 5px; font-size: 12px; color: #666666; } .search_item_content_input_right { display: block; width: 85px; height: auto; float: left; } .search_item_content_input_right_action { display: block; width: 85px; height: 85px; line-height: 85px; text-align: center; margin-top: 43px; background: url(/uploads/image/global/search_item_content_action_bg_img.png) no-repeat 0 0; color: #ffffff; font-weight: bold; } .search_item_content_input_right_action:hover { background: url(/uploads/image/global/search_item_content_action_bg_img_h.png) no-repeat 0 0; } .index_layrow_item_content_right_item { display: block; position: relative; width: 244px; height: 138px; margin: 0px auto; } .index_layrow_item_content_right_item .sifa_pannle_title_1 { background-color: #ffffff; border-bottom: 3px solid #0099ff; } .index_layrow_item_content_right_item .sifa_pannle_title .sifa_pannle_title_text_1 { color: #0099ff; font-weight: bold; } .index_layrow_item_content_right_item .sifa_pannle_title .sifa_pannle_title_text_2 { color: #229e24; font-weight: bold; } .index_layrow_item_content_right_item .sifa_pannle_title .sifa_pannle_title_text_3 { color: #d2322d; font-weight: bold; } .index_layrow_item_content_right_item .sifa_pannle_title_2 { background-color: #ffffff; border-bottom: 3px solid #229e24; } .index_layrow_item_content_right_item .sifa_pannle_title_3 { background-color: #ffffff; border-bottom: 3px solid #d2322d; } .index_layrow_item_content_right_item_content { text-align: justify; text-align: left; color: #666666; font-size: 12px; line-height: 18px; margin-top: 6px; } .index_layrow_action { display: block; width: 98px; height: 29px; line-height: 29px; text-align: center; color: #ffffff; margin: 10px auto; } .index_layrow_action.index_layrow_action.icon_1 { background: url(/uploads/image/global/index_layrow_action_icon_1.png) no-repeat 0 0; } .index_layrow_action.index_layrow_action.icon_2 { background: url(/uploads/image/global/index_layrow_action_icon_2.png) no-repeat 0 0; } .index_layrow_action.index_layrow_action.icon_3 { background: url(/uploads/image/global/index_layrow_action_icon_3.png) no-repeat 0 0; } .index_layrow_action.index_layrow_action.icon_1:hover { background: url(/uploads/image/global/index_layrow_action_icon_1_h.png) no-repeat 0 0; } .index_layrow_action.index_layrow_action.icon_2:hover { background: url(/uploads/image/global/index_layrow_action_icon_2_h.png) no-repeat 0 0; } .index_layrow_action.index_layrow_action.icon_3:hover { background: url(/uploads/image/global/index_layrow_action_icon_3_h.png) no-repeat 0 0; } .leader_show { display: block; position: relative; width: 580px; height: 255px; } .leader_show .leader_show_title { display: block; position: relative; width: 38px; height: 185px; padding-top: 70px; float: left; background-color: #0190f8; color: #ffffff; font-size: 20px; font-weight: bold; text-align: center; line-height: 25px; } .leader_show .leader_show_content { display: block; position: relative; width: 542px; height: 255px; float: left; background: url(/uploads/image/global/leader_show_content_bg_img.png) repeat 0 0; } .leader_show .leader_show_content::after { display: block; content: ""; clear: both; } .leader_show .leader_show_content .main_leader { display: block; position: relative; width: 349px; height: 255px; padding-right: 10px; float: left; } .leader_show .leader_show_content .main_leader::before { display: block; content: ""; position: absolute; width: 0px; height: 60%; border-right: 2px solid #999999; top: 20%; right: -2px; } .leader_show .leader_show_content .main_leader::after { display: block; content: ""; clear: both; } .leader_show .leader_show_content .main_leader .leader_img { display: block; width: 109px; height: 143px; float: left; margin-left: 37px; margin-top: 56px; overflow: hidden; } .leader_show .leader_show_content .main_leader .leader_info { display: block; width: 273px; height: 143px; margin-top: 56px; float: left; padding-left: 30px; } .leader_show .leader_show_content .main_leader .leader_info .leader_name { font-size: 25px; color: #333333; font-weight: bold; text-align: left; line-height: 22px; } .leader_show .leader_show_content .main_leader .leader_info .leader_des { font-size: 14px; line-height: 18px; color: #666666; text-align: left; margin-top: 10px; } .leader_show .leader_show_content .main_leader .leader_info .send_to_leader { display: block; width: 171px; height: 35px; line-height: 35px; text-align: center; color: #ffffff; font-size: 14px; margin-top: 20px; background: url(/uploads/image/global/send_to_leader_bg_img.png) no-repeat 0 0; } .leader_show .leader_show_content .main_leader .leader_img .img { display: block; width: 100%; height: auto; } .leader_show .leader_show_content .main_leader .leader_info { display: block; } .leader_show .leader_show_content .other_leader { display: block; width: 155px; /*height: 255px;*/ float: left; padding-top: 8%; } .leader_show .leader_show_content .other_leader::after { display: block; content: ""; clear: both; } .leader_show .leader_show_content .other_leader .other_leader_title { display: block; width: 100%; height: 35px; font-size: 14px; font-weight: bold; margin-top: 45px; color: #0066cc; text-align: center; } .leader_show .leader_show_content .other_leader .other_leader_item { display: block; width: 50%; /*height: 30px;*/ line-height: 40px; float: left; color: #666666; font-weight: bold; } .leader_show .leader_show_content .other_leader .other_leader_item:hover { color: #0033cd; } .open_info_directory {} .open_info_directory .open_info_directory_item { display: block; width: 285px; height: 526px; float: left; } .administration_show { display: block; width: 100%; } .organization_link { display: block; width: 285px; height: 260px; margin-top: 10px; } .organization_link::after { display: block; content: ""; clear: both; } .organization_link .organization_itme { display: block; width: 81px; height: 75px; margin-bottom: 13px; margin-right: 13px; border: 1px solid #e9e9e9; background-color: #f5f5f5; float: left; } .organization_link .organization_itme .organization_itme_icon { display: block; width: 43px; height: 43px; margin: 5px auto; } .open_directory_content { display: block; width: 276px; height: 153px; margin-top: 10px; } .open_directory_content::after { display: block; content: ""; clear: both; } .open_directory_content .open_directory_item { display: block; width: 130px; height: 42px; line-height: 42px; color: #ffffff; text-align: center; margin: 5px 8px; float: left; background-color: #0099ff; border-radius: 5px; } .open_directory_content .open_directory_item:first-child{ margin-top: 0px; } .open_directory_content .open_directory_item:nth-child(2){ margin-top: 0px; } .open_directory_content .open_directory_item:nth-child(even){ margin-right: 0px; } .open_directory_content .open_directory_item:nth-child(odd){ margin-left: 0px; } .organization_link_2 { display: block; width: 276px; height: 50px; background-color: #e1e1e1; padding: 3px 0px; } .organization_link_2::after { display: block; content: ""; clear: both; } .organization_link_2 .organization_itme { display: block; position: relative; width: 74px; height: 11px; font-size: 12px; line-height: 11px; cursor: pointer; margin: 8px 5px; float: left; text-align: center; color: #3a7394; } .organization_link_2 .organization_itme::before { display: block; position: absolute; content: ""; top: 0px; left: 5px; } .organization_link_2 .organization_itme:hover { color: #0033cd; } .other_webside_link { display: block; width: 285px; height: 261px; margin-top: 10px; } .other_webside_link>a { cursor: pointer; } .people_supervision { display: block; width: 94px; height: 261px; float: left; } .people_supervision>img { display: block; width: 100%; height: 100%; } .five_open { display: block; width: 179px; height: 78px; float: left; margin-left: 11px; } .five_open>img { display: block; width: 100%; height: 100%; } .credit_info_open { display: block; width: 179px; height: 64px; margin-top: 10px; margin-left: 11px; float: left; } .credit_info_open>img { display: block; width: 100%; height: 100%; } .accrual_list { display: block; width: 179px; height: 101px; margin-top: 9px; margin-left: 11px; float: left; } .accrual_list>img { display: block; width: 100%; height: 100%; } .mail_box_content { display: block; width: 100%; height: 220px; } .mail_box_content_2 { display: block; width: 100%; height: 126px; } .mail_box_content_2 .mail_box_item { display: block; width: 177px; height: 140px; margin-right: 17px; background-color: #d3ecff; float: left; cursor: pointer; } .mail_box_content_2 .mail_box_item>img { display: block; width: 38px; height: 38px; margin: 35px auto; margin-bottom: 0px; } .mail_box_content_2 .mail_box_item>p { text-align: center; color: #666666; font-size: 14px; margin-top: 12px; } .mail_box_content_2 .mail_box_item:hover>p { color: #0033cd; } .questionnaire_survey { display: block; width: 100%; height: 153px; margin-top: 24px; } .ask_questions_content { display: block; width: 100%; height: 136px; } .ask_questions_content .ask_questions_content_left { display: block; width: 391px; height: 136px; float: left; } .ask_questions_content .ask_questions_content_left::after { display: block; content: ""; clear: both; } .ask_questions_content .ask_questions_content_left .ask_questions_item { display: block; width: 165px; height: 52px; line-height: 52px; text-align: center; color: #ffffff; background: url(/uploads/image/global/ask_questions_item_bg_img.png) no-repeat 0 0; float: left; margin: 0px 15px; margin-bottom: 15px; } .ask_questions_content .ask_questions_content_right { display: block; width: 161px; height: 136px; float: left; } .ask_questions_content .ask_questions_content_right>img { display: block; width: 111px; height: 111px; margin: 0px auto; } .public_opinion { display: block; position: relative; margin-top: 0px; width: 100%; height: 517px; background-color: #f5f5f5; } .public_opinion_title { display: block; width: 22px; height: 137px; line-height: 22px; position: absolute; top: 0px; left: 0px; background-color: #64b7f7; color: #ffffff; font-size: 16px; padding: 5px 10px; padding-top: 10px; } .give_opinion { display: block; width: 95px; height: 35px; text-align: center; line-height: 35px; color: #ffffff; margin: 10px auto; margin-top: 20px; background: url(/uploads/image/global/give_opinion.png) no-repeat 0 0; } .public_opinion_content { display: block; width: 450px; height: 297px; padding: 30px; margin-left: 42px; } .public_opinion_content_title { display: block; width: 100%; height: 35px; line-height: 35px; font-size: 16px; text-align: center; font-size: #333333; font-weight: bold; } .public_opinion_des { display: block; width: 100%; height: 25px; line-height: 25px; font-size: 12px; color: #666666; text-align: center; } .public_opinion_content_text { display: block; width: 100%; height: 300px; margin-top: 20px; overflow: hidden; } .public_opinion_content_text p { font-size: 14px; line-height: 35px; text-indent: 2em; color: #666666; text-align: left; text-align: justify; } .enter_index_before{ display: block; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 10; overflow-y: hidden; overflow-x: hidden; background: url(/uploads/image/global/enter_index_before_bg.jpg) no-repeat 0 0; background-size: 100% 100%; } .enter_index_before_bg{ display: block; position: fixed; top: 0px; left: 0px; bottom: 0px; right: 0px; } .enter_index_before_top{ display: block; position: relative; width: 95%; height: 160px; margin: 0px auto; } .enter_index_before_top::after{ display: block; content: ""; clear: both; } .enter_index_before_logo{ display: block; width: 431px; height: 100px; float: left; margin: 30px auto; } .enter_index_before_logo_img{ display: block; width: 100%; } .enter_index_before_top_right{ display: block; position: relative; width: 325px; height: 55px; float: right; background: rgba(0, 0, 0, 0.3); border-radius: 50px; margin:0px; margin-top: 50px; } .enter_index_before_top_right::after{ display: block; content: ""; clear: both; } .enter_index_before_top_right_item{ display: block; position: relative; width: 50%; height: 55px; line-height: 55px; float: left; text-align: center; } .enter_index_before_top_right_item_hover_weixin{ display: none; width: 181px; height: auto; padding: 5px 10px; position: absolute; background: rgba(0, 0, 0, 0.3); top: 65px; left: 0px; border-radius: 10px; z-index: 1000; } .enter_index_before_top_right_item_hover_weixin p{ color: #ffffff; text-align: center; margin: 5px auto; } .enter_index_before_top_right_item:first-child::after{ display: block; content: ""; position: absolute; width: 1px; height: 50%; background-color: #ffffff; top: 25%; right: -20px; } .enter_index_before_top_right_item_img{ display: inline-block; width: 35px; height: auto; vertical-align: middle; margin-left: 20px; } .enter_index_before_top_right_item_text{ font-size: 18px; color: #ffffff; margin-left: 10px; } .enter_index_before_bt{ display: block; position: fixed; bottom: 0px; width: 100%; height: 62px; background: rgba(0, 0, 0, 0.5); } .enter_index_before_md{ display: block; position: relative; width:1300px; height:520px; margin: 0px auto; } .enter_index_before_md::after{ display: block; content: ""; clear: both; } .enter_index_before_md_itme{ display: block; position: relative; float: left; margin: 0px; width: 433.333333px; height: auto; } .enter_index_before_md_itme::after{ display: block; content: ""; clear: both; } .enter_index_before_md_itme_1{ display: block; position: relative; width: 182px; height: 151px; float: left; margin: 5px; background: rgba(0, 0, 0, 0.6); } .enter_index_before_md_itme>a{ transition:transform 0.5s; -moz-transition:transform 0.5s; /* firefox 4 */ -webkit-transition:transform 0.5s; /* safari and chrome */ -o-transition:transform 0.5s;/* opera */ } .enter_index_before_md_itme>a:hover{ transform: scale(1.3,1.3); -ms-transform: scale(1.3,1.3); /* ie 9 */ -webkit-transform: scale(1.3,1.3); /* safari 鍜� chrome */ -o-transform: scale(1.3,1.3);/* opera */ -moz-transform: scale(1.3,1.3); z-index: 1; -moz-box-shadow:6px 6px 12px -2px rgba(0,0,0,1); -webkit-box-shadow:6px 6px 12px -2px rgba(0,0,0,1); box-shadow:6px 6px 12px -2px rgba(0,0,0,1); } .enter_index_before_md_itme_2{ display: block; position: relative; width: 231px; height: 151px; float: left; margin: 5px; background: rgba(0, 0, 0, 0.6); } .enter_index_before_md_itme_3{ display: block; position: relative; width: 423.333333px; height: 151px; float: left; margin: 5px; background: rgba(0, 0, 0, 0.6); } .enter_index_before_md_itme_purple{ background: #7719aa; } .enter_index_before_md_itme_orange{ background: #dc3c00; } .enter_index_before_md_itme_green{ background:#107c10; } .enter_index_before_md_itme_blue{ background: #0078d7; } .enter_index_before_md_itme_img{ display: block; width:75px; height: 75px; margin: 30px auto; margin-bottom: 5px; } .enter_index_before_md_itme_img_2{ display: block; position: absolute; width: 100%; height: 100%; } .enter_index_before_md_itme_p{ display: inline-block; height: 36px; line-height: 36px; margin-left: 15px; font-size: 18px; color: #ffffff; position: absolute; bottom:5px; } .enter_index_before_bt_content{ display: block; width: 1300px; height: 62px; margin: 0px auto; } .enter_index_before_bt_content::after{ display: block; content: ""; clear: both; } .enter_index_before_bt_content .left,.enter_index_before_bt_content .right{ display: block; width: 40%; height: 52px; padding:5px 0px; float: left; color: #ffffff; font-size: 12px; } .enter_index_before_bt_content p,.enter_index_before_bt_content a{ color: #ffffff; margin: 5px 0px; font-size: 12px; } .enter_index_before_bt_content .center{ display: block; width: 20%; height: 62px; float: left; } .enter_index_before_bt_content .center a{ display: block; width: 40%; height: 52px; line-height: 52px; float: left; } .enter_index_before_bt_content .center a:first-child img{ display: inline-block; width: 80%; height: auto; margin-top:6px; } .enter_index_before_bt_content .center a:nth-child(2) img{ display: inline-block; width: 40%; height: auto; margin-top:6px; } .ztzl2021{height: 144px; position: relative; *overflow: hidden; overflow: hidden; width: 1200px; margin: 0 auto;} .ztzl2021 .bd{overflow: hidden; width: 1084px; margin: 0 auto;} .ztzl2021 .bd li{float: left; margin-right: 38px; background-color: #fff; height: 142px; width: 240px; border: 1px solid #e9e9e9;} .ztzl2021 .bd ul div.box{position:relative; overflow:hidden;} .ztzl2021 .bd li .pic{height: 100px; width:224px; overflow: hidden; margin: 8px auto;} .ztzl2021 .bd li .pic img{display: block; width: 100%; height: 100px;} .ztzl2021 .bd li .txt{color:#333; display: block; text-align: center; vertical-align:middle; vertical-align:-webkit-baseline-middle; display:block;} .ztzl2021 .bd li .txt a{color:#333; max-width: 100%; display: block; font-size: 16px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; padding: 0 15px} .ztzl2021 .hgan{display: block;} .ztzl2021 .hgan a{position:absolute; top:0; width:20px; height:144px; cursor:pointer; } .ztzl2021 .hgan .prev{background: url(/uploads/image/ztglobal/ztzl2021-prev.png) center left no-repeat; border-radius: 5px 0 0 5px; left: 15px} .ztzl2021 .hgan .next{background: url(/uploads/image/ztglobal/ztzl2021-next.png) center left no-repeat; border-radius: 0px 5px 5px 0px; right: 15px;} .tpxwbox{width:100%; height:300px; overflow:hidden; position:relative; border:0; } .tpxwbox .hd{ overflow:hidden; position:absolute; right:5px; bottom:15px; z-index:2; } .tpxwbox .hd ul{ overflow:hidden; zoom:1; float:left;} .tpxwbox .hd ul li{ float:left; margin-right:10px; width:11px; height:11px; line-height:10px; border-radius:50%; background:#9da2aa; cursor:pointer; text-indent:99999em;} .tpxwbox .hd ul li.on{ background:#5f87d5; } .tpxwbox .bd{position:absolute; top:0; left:0; width:100%; height:100%;} .tpxwbox .bd ul{width:100%; height:100%;} .tpxwbox .bd ul li{position:relative; line-height:30px; height:300px;} .tpxwbox .bd li img{width:100%; height:300px;} .tpxwbox .bd li b{ display:block; position:absolute; width:100%; height:40px; bottom:0;left:0;background:#000; opacity:.6;filter:alpha(opacity=60); z-index:1;} .tpxwbox .bd li span{ display:block; position:absolute;width:72%;height:40px; bottom:0;left:0; z-index:2;} .tpxwbox .bd li span a{color:#fff; display:block; float:left; padding-left:10px; position:relative; line-height: 40px; z-index:3; font-size:14px; max-width:95%; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden} .tpxwbox .bd li span a:hover{color:#fff;} /* 下面是前/后按钮代码,如果不需要删除即可 */ .tpxwbox .prev, .tpxwbox .next{ position:absolute; left:0; top:50%; margin-top:-25px; display:block; width:34px; height:76px; background:#000; filter:alpha(opacity=60);opacity:0.6; cursor: pointer;} .tpxwbox .next{ left:auto; right:0; background:url(/uploads/image/global/right_icon.png) center no-repeat #000;} .tpxwbox .prev{ left:0; right:auto; background:url(/uploads/image/global/left_icon.png) center no-repeat #000;} .tpxwbox .prev:hover, .tpxwbox .next:hover{ filter:alpha(opacity=100);opacity:1; } .tpxwbox .prevstop{ display:none; } .tpxwbox .nextstop{ display:none; } #fc{position: fixed; bottom:135px; left: 0; z-index: 99} #fc img{height: auto; width: 300px;} #fc2{position: fixed; bottom:295px; left: 0; z-index: 99} #fc2 img{height: auto; width: 300px;} @media screen and (max-width: 1366px) { .enter_index_before{ overflow-y: auto; overflow-x: hidden; } .enter_index_before_md{ height:600px; } }