body{ max-width: 750px; margin: 0 auto; background: #fff; } .officeHead{ width: 100%; height: auto; } .officeHead p,.officeHead p img{ width: 100%; height: auto; } .officeHead p.time{ position: relative; } .officeHead p.time span{ display: block; position: absolute; left: 0px; bottom: 5%; text-align: center; width: 100%; } .officeHead p.time span em{ display: inline-block; font-size: 0.75rem; color: #fff; background: rgba(0,0,0,0.5); border-radius: 10px; padding: 3px 10px; } .officeDy{ width: 100%; height: auto; } .officeDy_main{ width: 92%; margin: 0 auto; height: auto; } .officeDy_main p,.officeDy_main p img{ width: 100%; height: auto; } .officeBm{ width: 100%; height: auto; } .officeBm_main{ width: 92%; margin: 0 auto; position: relative; } .officeBm_main p.bg,.officeBm_main p.bg img{ width: 100%; height: auto; } .officeBm_form{ position: absolute; left: 50%; width: 80%; margin-left: -40%; bottom: 8%; } .officeBm_form p.int{ display: -webkit-flex; /* Safari */ display: flex; justify-content:space-between; align-items:center; background: #fff; border-radius: 20px; height: 38px; } .officeBm_form p.int img{ display: inline-block; width: 10px; height: 17px; line-height: 18px; margin-left: 10px; } .officeBm_form p.int input{ display: inline-block; height: 32px; background: #fff; border:none; font-size: 0.8125rem; color: #666; width: 55%; } .officeBm_form p.int a{ display: inline-block; height: 32px; line-height: 32px; text-align: center; width: 30%; border-radius: 20px; font-size: 0.937rem; font-weight: bold; color: #2E2200; background: #FFF600; margin-right: 5px; } .officeTiele,.officeTiele img{ width: 100%; height: auto; } .officeLise{ width: 100%; height:auto; } .officeLise_main{ width: 92%; margin: 0 auto; margin-top: 25px; } .officeLise_list{ width: 100%; height: auto; overflow: hidden; } .officeLise_list .list_li{ display: -webkit-flex; /* Safari */ display: flex; justify-content:space-between; align-items:center; background: #F1F4F6; padding: 10px; margin-bottom: 20px; } .officeLise_list .list_li .list_mL{ width: 40%; position: relative; height: 130px; } .officeLise_list .list_li .list_mL img{ width: 100%; height: 100%; } .officeLise_list .list_li .list_mL p.zk{ position: absolute; left: 0px; top: 10px; width: 100%; display: -webkit-flex; /* Safari */ display: flex; justify-content:flex-start; align-items:center; } .officeLise_list .list_li .list_mL p.zk span{ display: inline-block; font-size: 0.75rem; color: #fff; background:#FC4C31; height: 22px; line-height: 22px; padding: 0 5px 0 8px; max-width: 90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .officeLise_list .list_li .list_mL p.zk img{ width: auto; height: 22px; display: inline-block; } .officeLise_list .list_li .list_mR{ width: 55%; height: 130px; position: relative; } .officeLise_list .list_li .list_mR .list_mR_m p.title{ font-size: 1.0125rem; font-weight: bold; color: #333; } .officeLise_list .list_li .list_mR .list_mR_m p.pric{ font-size: 0.75rem; color: #F10909; margin-top: 10px; } .officeLise_list .list_li .list_mR .list_mR_m p.pric em{ font-size: 1.0125rem; font-weight: bold; } .officeLise_list .list_li .list_mR .list_mR_m p.city{ display: -webkit-flex; /* Safari */ display: flex; justify-content:flex-start; align-items:flex-start; margin-top: 6px; } .officeLise_list .list_li .list_mR .list_mR_m p.city img{ width: 9px; height: 12px; line-height: 12px; position: relative; top: 2px; display: inline-block; } .officeLise_list .list_li .list_mR .list_mR_m p.city span{ display: block; font-size: 0.75rem; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; width: 90%; margin-left: 5px; } .officeLise_list .list_li .list_mR .lpbm{ position: absolute; left: 0px; bottom: 0px; width: 100%; display: -webkit-flex; /* Safari */ display: flex; justify-content:space-between; align-items:center; } .officeLise_list .list_li .list_mR .lpbm a{ display: inline-block; font-size: 0.875rem; color: #fff; font-weight: bold; height: 30px; line-height: 30px; width: 45%; text-align: center; } .officeLise_list .list_li .list_mR .lpbm a.djtx{ background: #2567CE; } .officeLise_list .list_li .list_mR .lpbm a.zxzx{ background: #F19718; } .officeLise_list .swiper-pagination{ position: static; } .officeLise_list .swiper-pagination-bullet{ width: 7px; height: 7px; background:#CCCCCC; opacity: 1; } .officeLise_list .swiper-pagination-bullet-active{ height: 7px; width: 20px; background: #2465CD; opacity: 1; border-radius: 10px; } .officeHot{ width: 100%; background: #F1F4F6; height: auto; margin-top: 30px; overflow: hidden; } .officeHot_main{ width: 92%; margin:0 auto; padding: 30px 0 30px; } .officeHot_list{ width: 100%; height: 285px; margin-top: 18px; } .officeHot_list ul li{ width: 259px; height: 265px; background: #fff; margin-right: 20px; position: relative; top: 12px; } /*.officeHot_list ul li+li{ margin-left: 20px; }*/ .officeHot_list ul li .top_ico{ position: relative; width: 236px; height: 144px; margin: 0 auto; margin-top: 14px; } .officeHot_list ul li .top_ico p.img,.officeHot_list ul li .top_ico p.img img{ width: 100%; height: 100%; } .officeHot_list ul li .top_ico .ap_text{ position: absolute; left: 0px; width: 100%; bottom:0px; z-index: 2; display: -webkit-flex; /* Safari */ display: flex; justify-content:flex-end; align-items:flex-end; } .officeHot_list ul li .top_ico .ap_text p.pric{ font-size: 0.625rem; color: #fff; background: url('/zt/office20200727/image/ico_12.png') no-repeat center; background-size:100% 100%; height: 40px; line-height: 40px; padding: 0 5px 0 10px; position: relative; z-index: 2; } .officeHot_list ul li .top_ico .ap_text p.pric span{ font-size: 1.0625rem; font-weight: bold; padding: 0 3px; } .officeHot_list ul li .top_ico .ap_text p.zkyh{ background: url('/zt/office20200727/image/ico_19.png') no-repeat center; background-size:100% 100%; height: 25px; line-height: 25px; font-size: 0.625rem; color: #fff; position: relative; padding: 0 15px 0 20px; right: -10px; z-index: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 45%; } .officeHot_list ul li .text_b{ width: 236px; margin: 0 auto; } .officeHot_list ul li .text_b .top_text{ margin-top: 8px; } .officeHot_list ul li .text_b .top_text a{ font-size: 1rem; font-weight: bold; color: #333; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .officeHot_list ul li .text_b .top_text p.city{ display: -webkit-flex; /* Safari */ display: flex; justify-content:flex-start; align-items:center; margin-top: 0px; } .officeHot_list ul li .text_b .top_text p.city span{ display: inline-block; font-size: 0.75rem; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .officeHot_list ul li .text_b .lpbm{ display: -webkit-flex; /* Safari */ display: flex; justify-content:space-between; align-items:center; margin-top: 10px; } .officeHot_list ul li .text_b .lpbm a{ display: inline-block; font-size: 0.937rem; color: #fff; height: 32px; line-height: 32px; width: 45%; text-align: center; } .officeHot_list ul li .text_b .lpbm a.djtx{ background: #2567CE; } .officeHot_list ul li .text_b .lpbm a.zxzx{ background: #F19718; } .officeHot_list ul li.swiper-slide-active{/*选中的效果*/ position:relative; top:0; transition: all .3s; height:287px; width: 293px; } .officeHot_list ul li.swiper-slide-active .top_ico{ width: 262px; height: 159px; } .officeHot_list ul li.swiper-slide-active .top_ico .ap_text p.pric{ height: 35px; line-height: 35px; font-size: 0.75rem; } .officeHot_list ul li.swiper-slide-active .top_ico .ap_text p.pric span{ font-size: 1.025rem; } .officeHot_list ul li.swiper-slide-active .text_b{ width: 262px; } .officeHot_list ul li.swiper-slide-active .top_ico .ap_text p.zkyh{ height: 28px; line-height: 28px; font-size: 0.75rem; } .officeHot_list ul li.swiper-slide-active .text_b .top_text{ margin-top: 8px; } .officeHot_list ul li.swiper-slide-active .text_b .top_text a{ font-size: 1.25rem; } .officeHot_list ul li.swiper-slide-active .text_b .top_text p.city span{ font-size: 0.875rem; } .officeHot_list ul li.swiper-slide-active .text_b .lpbm a{ font-size: 0.975rem; width: 45%; height: 34px; line-height: 34px; } .officeHot_list_main .swiper-pagination{ margin-top: 20px; position: static; } .officeHot_list_main .swiper-pagination-bullet{ width: 7px; height: 7px; background:#fff; opacity: 1; margin: 0 4px; } .officeHot_list_main .swiper-pagination-bullet-active{ height: 7px; width: 24px; background: #2465CD; opacity: 1; border-radius: 10px; } .officeTeam{ width: 100%; height: auto; margin-top: 20px; } .officeTeam_t{ width: 92%; margin: 0 auto; } .officeTeam_main{ background: url('/zt/office20200727/image/ico_20.png') no-repeat; background-size: 100% auto; padding: 16px 0; } .officeTeam_top{ width: 92%; margin:0 auto; background: url('/zt/office20200727/image/ico_22.jpg') no-repeat; background-size: 100% 100%; display: -webkit-flex; /* Safari */ display: flex; justify-content:space-between; align-items:center; } .officeTeam_top .t_list{ width: 30%; height: auto; position: relative; bottom: 0px; left: 12px; margin-top: 12px; } .officeTeam_top .t_list img{ width: 100%; height: auto; } .officeTeam_top .t_right{ width: 65%; position: relative; right: 20px; height: 100px; } .officeTeam_top .t_right p.name span{ font-size: 1.025rem; color: #fff; font-weight: bold; } .officeTeam_top .t_right p.name em{ font-size: 0.75rem; color: #fff; margin-left: 5px; display: inline-block; } .officeTeam_top .t_right p.text{ font-size: 0.75rem; color: #fff; margin-top: 5px; } .officeTeam_top .t_right a{ background: #F19718; font-size: 0.937rem; font-weight: bold; color: #fff; height: 32px; line-height: 32px; text-align: center; width: 100px; position: absolute; right: 0px; bottom: -5px; } .officeTeam_list{ width: 92%; margin: 0 auto; } .officeTeam_list .b_list ul{ display: -webkit-flex; /* Safari */ display: flex; justify-content:center; align-items:center; } .officeTeam_list .b_list ul li{ width: 18%; background: #F1F4F6; height: 63px; } .officeTeam_list .b_list ul li a{ display: inline-block; width: 100%; height: 100%; display: -webkit-flex; /* Safari */ display: flex; justify-content:center; align-items:flex-end; } .officeTeam_list .b_list ul li+li{ margin-left: 3%; } .officeTeam_list .b_list ul li img{ width: 80%; margin: 0 auto; display: inline-block; } .officeTeam_list .b_list ul li.on{ background: #2567CE; } .myAdvantage{ width: 100%; height: auto; } .myAdvantage_main,.myAdvantage_main p,.myAdvantage_main p img{ width: 100%; height: auto; } .officeAppen{ position: fixed; width: 90%; margin-left: -45%; left: 50%; top: 15%; z-index: 202; display: none; } .officeAppen_bg{ width:100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 200; background: rgba(0,0,0,0.5); display: none; } .officeAppen_main{ width: 100%; height: auto; position: relative; } .officeAppen_m,.officeAppen_m img{ width: 100%; height: auto; } .officeAppen_gb{ position: absolute; z-index: 2; right: 25px; top: 20px; width: 23px; height: 23px; } .officeAppen_gb img{ width: 100%; height: 100%; } .officeAppen_form{ position: absolute; width: 70%; margin-left: -35%; left: 50%; bottom:23.5%; } .officeAppen_form p.un{ background: #fff; height: 40px; width: 100%; border-radius: 20px; display: -webkit-flex; /* Safari */ display: flex; justify-content:center; align-items:center; } .officeAppen_form p.un img{ width: 10px; height: 13px; display: inline-block; margin-right: 10px; } .officeAppen_form p.un input{ display: inline-block; height: 38px; font-size: 0.875rem; color: #666; width: 80%; background: #fff; border:none; border-radius: 0 20px 20px 0; } .officeAppen_form p.inb{ width: 100%; height: 40px; margin-top: 10px; } .officeAppen_form p.inb a{ display: inline-block; height: 40px; line-height: 40px; width: 100%; text-align: center; border-radius: 20px; font-size: 1.0625rem; color: #543300; font-weight: bold; background:linear-gradient(0deg,rgba(226,163,53,1) 0%,rgba(255,252,0,1) 100%); } .office_title{ text-align: center; margin-bottom: 15px; } .office_title p{ width: auto; position: relative; z-index: 1; } .office_title p span{ font-size: 1.5625rem; color: #333; font-weight: bold; position: relative; z-index: 2; } .office_title i{ display: inline-block; width: 33px; height: 3px; background: #2465CD; margin-top: 0px; position: relative; z-index: 2; } .office_title em{ position: absolute; left: 0px; bottom: -13px; font-size: 0.973rem; font-weight: bold; display: inline-block; width: 100%; text-align: center; z-index: 1; color: #F1F4F6; } .office_title2 em{ color: #fff; } .offcieFooter{ text-align: center; margin-top: 30px; } .offcieFooter p{ font-size: 0.875rem; color: #999; } .offcieFooter p+p{ margin-top: 5px; }