body{ max-width: 750px; margin: 0 auto; background: #fff; } .list_gengduo{ text-align: center; margin: 15px auto; } .list_gengduo a{ display: inline-block; font-size: 15px; color: #fff; background: #FF5849; width: 40%; border-radius: 5px; height: 35px; line-height: 35px; text-align: center; } .list_gengduo a:hover{ background: #ea3423; } .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; } .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; } .officeTiele,.officeTiele img{ width: 100%; height: auto; } .officeLise{ width: 100%; height:auto; margin-top: 25px; } .officeLise_main{ width: 92%; margin: 0 auto; } .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{ height: 25px; width: 25px; color: #333; background:#eee; font-size: 12px; line-height: 25px; opacity: 1; border-radius: 3px; } .officeLise_list .swiper-pagination-bullet-active{ color: #fff; background: #2465CD; opacity: 1; } .officeHot{ width: 100%; background: #F1F4F6; height: auto; margin-top: 30px; overflow: hidden; } .officeHot_main{ width: 92%; margin:0 auto; padding: 25px 0 30px; } .office_title2 em{ color: #fff; } .officeHot_list{ width: 100%; height: 285px; margin-top: 18px; } .officeHot_list ul li{ width: 259px; height: 265px; background: #fff; margin-left: 20px; position: relative; top: 12px; } .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('/overseas/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('/overseas/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('/overseas/zt/office20200727/image/ico_20.png') no-repeat; background-size: 100% auto; padding: 16px 0; } .officeTeam_top{ width: 92%; margin:0 auto; background: url('/overseas/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%); } .appleBm{display: none; width:86%; height: auto; z-index: 106; padding: 24px 0; background: #fff; position: fixed; left: 50%; margin-left: -43%; top: 20%; border-radius: 5px;} .appleBm_main{width: 100%; position: relative; height: auto;} .appleBm_gb{position: absolute;top: -10px; right: 5%; width: 16px; height: 16px;} .appleBm_gb a{ display: inline-block; width:100%; height:100%;} .appleBm_gb a img{width: 100%; height: 100%;} .appleBm_center{ width: 85%; margin: 0 auto;height: auto;} .appleBm_top p.title{ text-align: center; font-size: 1.25rem; color: #2F3944;font-weight: bold;} .appleBm_top p.i_ico{ width: 100%; height: auto; margin-top: 15px; } .appleBm_top p.i_ico img{ width: 100%; height: auto; } .appleBm_top p.text{ font-size: 0.75rem; color: #5C5C5C; line-height: 22px; margin-top: 15px;} .appleBm_form{ width: 100%; height: auto; margin: 0 auto; margin-top: 15px;} .appleBm_form .appleBm_input{ font-size: 0.875rem; color: #5E6370; padding-left: 30px; border: none;border:none; background: url('/image/imagev3/v3_ico34.png') #F7F7F7 no-repeat 10px center; background-size: 12px 16px; border-radius: 5px; width: 100%; height: 37px; } .appleBm_form .saw{ margin-top: 15px; width: 100%; height: 37px; line-height: 37px; text-align: center; font-size: 1rem; font-weight: bold; color: #fff; background:#E03700; display: block; border-radius: 5px;} .appleBm_bg{ font-size: 0.75rem; color: #ACACAC; text-align: center; margin-top: 10px; } .appleBmBG{ display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.5); z-index: 105; }