body{ background: #fff; } .list_gengduo{ text-align: center; margin: 30px auto; } .list_gengduo a{ display: inline-block; font-size: 15px; color: #fff; background: #FF5849; width: 200px; border-radius: 5px; height: 40px; line-height: 40px; text-align: center; } .list_gengduo a:hover{ background: #ea3423; } .officeHead,.officeHead p,.officeHead p img{ width: 100%; height: auto; } .officeLeat{ width: 1200px; height: auto; margin:0 auto; } .officeLeat p,.officeLeat p img{ width: 100%; height: auto; } .officeHead,.officeHead p,.officeHead p img{ width: 100%; height: auto; } .officeAdvantage{ width: 100%; background: url('/overseas/zt/office20200727/image/ico_03.png') no-repeat center; background-size:100% 100%; height: auto; } .officeAdvantage_main{ width: 1200px; margin: 0 auto; padding: 50px 0 100px; } .officeAdvantage_img{ margin-top: 40px; } .officeAdvantage_img,.officeAdvantage_img img{ width: 100%; height: auto; } .officeFlow{ width: 100%; height: auto; position: relative; top: -40px; } .officeFlow_main{ width: 1200px; margin:0 auto; position: relative; height: 140px; } .officeFlow_main p.bg,.officeFlow_main p.bg img{ width: 100%; height: 100%; } .officeFlow_form{ position: absolute; z-index: 2; left:295px; bottom: 18px; } .officeFlow_form p.inp{ display: -webkit-flex; /* Safari */ display: flex; justify-content:center; align-items:center; } .officeFlow_form p.inp span{ display: inline-block; height: 40px; background: #fff; width: 255px; display: -webkit-flex; /* Safari */ display: flex; align-items:center; flex-direction: row; } .officeFlow_form p.inp span img{ width: 10px; height: 15px; margin-left: 15px; } .officeFlow_form p.inp span input{ border:none; background: #fff; height: 38px; font-size: 18px; color: #666; width: 210px; display: inline-block; margin-left: 10px; } .officeFlow_form p.inp a{ width: 117px; height: 40px; line-height: 40px; text-align: center; font-size: 20px; color: #2E2200; font-weight: bold; display: inline-block; margin-left: 17px; background: #FFF600; } .officeLise{ margin-top: 34px; width:100%; height: auto; } .officeLise_main{ width: 1200px; margin:.0 auto; } .office_title{ text-align: center; } .office_title p{ width: auto; position: relative; z-index: 1; } .office_title p span{ font-size: 40px; color: #333; font-weight: bold; position: relative; z-index: 2; } .office_title i{ display: inline-block; width: 33px; height: 5px; background: #2465CD; margin-top: 10px; position: relative; z-index: 2; } .office_title em{ position: absolute; left: 0px; bottom: -23px; font-size: 30px; font-weight: bold; display: inline-block; width: 100%; text-align: center; z-index: 1; color: #F1F4F6; } .office_title2 em{ color: #fff; } .office_title3 p span{ color: #fff; } .office_title3 em{ color: #F1F4F6; opacity: 0.1; } .office_title3 i{ background: #fff; } .officeLise_list{ margin-top: 40px; width: 100%; overflow: hidden; } .officeLise_list .list_li{ width: 100%; height: 380px; background: #F1F4F6; display: -webkit-flex; /* Safari */ display: flex; justify-content:center; align-items:center; margin-bottom: 60px; } .officeLise_list .list_li:last-child{ margin-bottom: 0px; } .officeLise_list .list_li .list_mL{ width: 554px; height: 337px; overflow: hidden; } .officeLise_list .list_li .list_mL img{ width: 100%; height: 100%; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; } .officeLise_list .list_li .list_mR{ width: 538px; margin-left: 40px; padding-right:25px; } .officeLise_list .list_li:hover .list_mL img{ transform: scale(1.07); -webkit-transform: scale(1.07); -moz-transform: scale(1.07); -o-transform: scale(1.07); } .officeLise_list .list_li .list_mR p.title a{ display: inline-block; font-size: 30px; color: #333; font-weight: bold; } .officeLise_list .list_li .list_mR p.zk{ margin-top: 30px; height: 36px; display: -webkit-flex; /* Safari */ display: flex; justify-content:flex-start; align-items:center; } .officeLise_list .list_li .list_mR p.zk span{ display: inline-block; height: 36px; line-height: 36px; padding: 0 10px; background:#FC4C31; font-size: 20px; color: #fff; } .officeLise_list .list_li .list_mR p.zk img{ display: inline-block; height: 36px; width: auto; } .officeLise_list .list_li .list_mR p.city{ display: -webkit-flex; /* Safari */ display: flex; justify-content:flex-start; align-items:center; margin-top: 20px; } .officeLise_list .list_li .list_mR p.city img{ width: 13px; height: 18px; display: inline-block; line-height: 18px; } .officeLise_list .list_li .list_mR p.city span{ display: inline-block; font-size: 18px; color: #333; margin-left: 5px; max-width: 500px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .officeLise_list .list_li .list_mR p.pric{ margin-top: 33px; } .officeLise_list .list_li .list_mR p.pric span{ display:inline-block; font-size: 18px; color: #F10909; } .officeLise_list .list_li .list_mR p.pric em{ display: inline-block; font-size: 40px; color: #F10909; font-weight: bold; margin-left: 5px; } .officeLise_list .list_li .list_mR .xiangm{ width: 100%; height: 1px; background:#CCCCCC; margin-top:20px; margin-bottom: 30px; } .officeLise_list .list_li .list_mR .lpbm{ display: -webkit-flex; /* Safari */ display: flex; justify-content:center; align-items:center; } .officeLise_list .list_li .list_mR .lpbm a{ display: inline-block; font-size: 20px; color: #fff; height: 38px; line-height: 38px; width: 180px; 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; margin-left: 55px; } .officeLise_list .swiper-pagination{ padding-top: 20px; position: static; } .officeLise_list .swiper-pagination-bullet{ height: 30px; width: 30px; color: #333; background:#eee; font-size: 14px; line-height: 30px; opacity: 1; border-radius: 3px; } .officeLise_list .swiper-pagination-bullet-active{ color: #fff; background: #2465CD; opacity: 1; border-radius: 3px; } .officeHot{ width: 100%; background: #F1F4F6; height: auto; margin-top: 90px; } .officeHot_main{ width: 1200px; margin:0 auto; padding: 60px 0; } .officeHot_list{ width: 100%; height: 380px; overflow: hidden; margin-top: 38px; } .officeHot_list ul li{ width: 329px; height: 329px; background: #fff; position: relative; top: 24px; } .officeHot_list ul li+li{ margin-left: 28px; } .officeHot_list ul li:hover .top_ico p.img img{ transform: scale(1.07); -webkit-transform: scale(1.07); -moz-transform: scale(1.07); -o-transform: scale(1.07); } .officeHot_list ul li .top_ico{ position: relative; width: 300px; height: 182px; 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%; overflow: hidden; } .officeHot_list ul li .top_ico p.img img{ transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; } .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: 12px; color: #fff; background: url('/overseas/zt/office20200727/image/ico_08.png') no-repeat center; background-size:100% 100%; height: 40px; line-height: 40px; padding: 0 10px 0 20px; position: relative; z-index: 2; } .officeHot_list ul li .top_ico .ap_text p.pric span{ font-size: 22.5px; font-weight: bold; padding: 0 3px; } .officeHot_list ul li .top_ico .ap_text p.zkyh{ background: url('/overseas/zt/office20200727/image/ico_09.png') no-repeat center; background-size:100% 100%; height: 32px; line-height: 32px; font-size: 13px; color: #fff; position: relative; padding: 0 15px 0 20px; right: -15px; z-index: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 34%; } .officeHot_list ul li .text_b{ width: 300px; margin: 0 auto; } .officeHot_list ul li .text_b .top_text{ margin-top: 10px; } .officeHot_list ul li .text_b .top_text a{ font-size: 20px; 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: 10px; } .officeHot_list ul li .text_b .top_text p.city span{ display: inline-block; font-size: 12px; 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: 20px; } .officeHot_list ul li .text_b .lpbm a{ display: inline-block; font-size: 15px; color: #fff; height: 32px; line-height: 32px; width: 138px; 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:380px; width: 380px; } .officeHot_list ul li.swiper-slide-active .top_ico{ width: 346px; height: 210px; } .officeHot_list ul li.swiper-slide-active .top_ico .ap_text p.pric{ height: 47px; line-height: 47px; font-size: 14px; } .officeHot_list ul li.swiper-slide-active .top_ico .ap_text p.pric span{ font-size: 26px; } .officeHot_list ul li.swiper-slide-active .text_b{ width: 346px; } .officeHot_list ul li.swiper-slide-active .top_ico .ap_text p.zkyh{ height: 38px; line-height: 38px; font-size: 16px; } .officeHot_list ul li.swiper-slide-active .text_b .top_text{ margin-top: 17px; } .officeHot_list ul li.swiper-slide-active .text_b .top_text a{ font-size: 24px; } .officeHot_list ul li.swiper-slide-active .text_b .top_text p.city span{ font-size: 14px; } .officeHot_list ul li.swiper-slide-active .text_b .lpbm a{ font-size: 20px; width: 160px; height: 36px; line-height: 36px; } .officeHot_list_main .swiper-pagination{ margin-top: 40px; position: static; } .officeHot_list_main .swiper-pagination-bullet{ width: 12px; height: 12px; background:#CCCCCC; opacity: 1; margin: 0 4px; } .officeHot_list_main .swiper-pagination-bullet-active{ height: 12px; width: 34px; background: #2465CD; opacity: 1; border-radius: 10px; } /*专业团队*/ .officeTeam{ width: 100%; height: auto; margin-top: 60px; } .officeTeam_main{ width: 1200px; margin: 0 auto; } .officeTeam_center{ margin-top: 40px; } .officeTeam_center_show{ width: 100%; height: auto; } .officeTeam_center_show .show-main{ background: url('/overseas/zt/office20200727/image/ico_12.jpg') no-repeat center; background-size:100% 100%; height: 200px; width: 100%; display: -webkit-flex; /* Safari */ display: flex; justify-content:center; align-items:center; } .officeTeam_center_show .show-main .left_ico{ width: 213px; height: 232px; position: relative; top: -16px; } .officeTeam_center_show .show-main .left_ico img{ width: 100%; height: 100%; } .officeTeam_center_show .show-main .right_text{ width: 680px; position: relative; margin-left: 70px; height: 200px; } .officeTeam_center_show .show-main .right_text p.name{ margin-top: 40px; } .officeTeam_center_show .show-main .right_text p.name span{ font-size: 22px; color: #fff; display: inline-block; } .officeTeam_center_show .show-main .right_text p.name em{ display: inline-block; font-size: 16px; color: #fff; margin-left: 5px; } .officeTeam_center_show .show-main .right_text p.text_m{ font-size: 14px; color: #fff; margin-top: 15px; line-height: 23px; } .officeTeam_center_show .show-main .right_text a{ display: inline-block; position: absolute; right: 0px; bottom: 30px; width: 113px; background: #F19718; height: 30px; line-height: 30px; text-align: center; font-size: 18px; color: #fff; } .officeTeam_center .show_list{ margin-top: 25px; } .officeTeam_center .show_list ul{ display: -webkit-flex; /* Safari */ display: flex; justify-content:center; align-items:center; } .officeTeam_center .show_list ul li{ width: 230px; height: 80px; background: #F1F4F6; } .officeTeam_center .show_list ul li a{ display: -webkit-flex; /* Safari */ display: flex; justify-content:center; align-items:center; height: 100%; } .officeTeam_center .show_list ul li p.l_img{ width: 68px; height: auto; position: relative; top: 3px; } .officeTeam_center .show_list ul li p.l_img img{ width: 100%; height: auto; } .officeTeam_center .show_list ul li p.name{ margin-left: 8px; } .officeTeam_center .show_list ul li p.name span{ display: inline-block; font-size: 20px; color: #333; } .officeTeam_center .show_list ul li p.name em{ font-size: 14px; color: #666; display: inline-block; margin-left: 5px; } .officeTeam_center .show_list ul li+li{ margin-left: 13px; } .officeTeam_center .show_list ul li.on{ background-color:#2567CE; } .officeTeam_center .show_list ul li.on p.name em{ color: #fff; } .officeTeam_center .show_list ul li.on p.name span{ color: #fff; } .officeFlow2{ top: 0px; margin-top: 60px; } .myAdvantage{ width: 100%; background: url('/overseas/zt/office20200727/image/ico_13.png') no-repeat center; background-size:100% 100%; height: auto; margin-top: 90px; } .myAdvantage_main{ width: 1256px; height: auto; margin: 0 auto; padding-top: 120px; } .myAdvantage_img{ width: 100%; height: auto; position: relative; top: 30px; } .myAdvantage_img img{ width: 100%; height: 100%; } .officeFoot{ margin-top: 60px; width: 100%; height: auto; } .officeFoot_main{ font-size: 18px; color: #2465CD; background: #fff; border:1px solid #2465CD; width: 967px; text-align: center; height: 49px; line-height: 49px; margin: 0 auto; } .officeBanner{ width: 100%; height: auto; position: relative; margin-top: 100px; } .officeBanner p.bg,.officeBanner p.bg img{ width: 100%; height: auto; } .officeBanner_form{ position: absolute; z-index: 2; right:22%; bottom: 50%; margin-bottom: -20px; } .officeBanner_form p.inp{ display: -webkit-flex; /* Safari */ display: flex; justify-content:center; align-items:center; } .officeBanner_form p.inp span{ display: inline-block; height: 40px; background: #fff; width: 255px; display: -webkit-flex; /* Safari */ display: flex; align-items:center; flex-direction: row; } .officeBanner_form p.inp span img{ width: 10px; height: 15px; margin-left: 15px; } .officeBanner_form p.inp span input{ border:none; background: #fff; height: 38px; font-size: 18px; color: #666; width: 210px; display: inline-block; margin-left: 10px; } .officeBanner_form p.inp a{ width: 117px; height: 40px; line-height: 40px; text-align: center; font-size: 20px; color: #2E2200; font-weight: bold; display: inline-block; margin-left: 17px; background: #FFF600; } .officeAppen{ position: fixed; width: 366px; margin-left: -183px; left: 50%; top: 50%; margin-top: -150px; height: 300px; 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; left: 50%; margin-left: -13.5px; bottom: -40px; width: 27px; height: 27px; } .officeAppen_gb img{ width: 100%; height: 100%; } .officeAppen_form{ position: absolute; width: 70%; margin-left: -35%; left: 50%; bottom:10%; } .officeAppen_form p.un{ background: #fff; height: 40px; width: 100%; border-radius: 4px; 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: 15px; color: #666; width: 80%; background: #fff; border:none; border-radius: 0 4px; } .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: 4px; font-size: 20px; color: #543300; font-weight: bold; background:linear-gradient(0deg,rgba(226,163,53,1) 0%,rgba(255,252,0,1) 100%); } .applekf_gb{ position: absolute; top: -15px; right: -25px; display: inline-block; width: 35px; height: 35px; text-align: center; line-height: 32px; } .applekf_gb img{ display: inline-block; width: 17px; height: 17px; vertical-align: middle; transition: All 0.4s ease-in-out; -webkit-transition: All 0.4s ease-in-out; -moz-transition: All 0.4s ease-in-out; -o-transition: All 0.4s ease-in-out; } .applekf{ display: none; z-index: 105; padding: 30px 0; width: 440px;background: #fff; position: fixed;left: 50%;top: 50%; margin-top: -253px;margin-left: -220px;border-radius:10px;} .applekf_main{ width: 350px; margin: 0 auto; position: relative;} .applekf_title p.tit{ font-size: 24px; font-weight: 600;} .applekf_title p.tit span.le{color: #333; display: inline-block;} .applekf_title p.tit span.re{color: #E03700; display: inline-block; margin-left: 20px;} .applekf_title .freehead{width:350px;margin: auto;margin-top:20px;} .applekf_title .freehead img{width:100%;display:block;} .applekf_title .freehead p{width:100%;display:block;font-size:14px;color:#666;margin-top:20px;line-height:20px;} .applekf_form{ margin-top: 20px;} .applekf_form .submit_area .selectbox {position:relative;background:#F7F7F7;border-radius: 4px; width:100%;height:50px;margin:8px 0;} .applekf_form .submit_area .selectbox img{display:block;position:absolute;top:16px;left:13px;width:18px;height:18px;} .applekf_form .submit_area .app_puic {background:#F7F7F7;border-radius: 4px; width:300px;height:100%;padding-left:40px;font-size:16px;color:#333;border:0;} .applekf_form .submit_area .app_puic::-webkit-input-placeholder {color:#B1B1B1;} /* WebKit, Blink, Edge */ .applekf_form .submit_area .app_puic:-moz-placeholder {color:#B1B1B1;} /* Mozilla Firefox 4 to 18 */ .applekf_form .submit_area .app_puic::-moz-placeholder {color:#B1B1B1;} /* Mozilla Firefox 19+ */ .applekf_form .submit_area .app_puic:-ms-input-placeholder { color:#B1B1B1;}/* Internet Explorer 10-11 */ .applekf_form select.applekf_select{ margin-bottom: 10px; width: 100%; height: 34px; font-size: 12px; color: #999; line-height: 34px; border: 1px solid #ddd; background: #fff;} .applekf_form select.applekf_select option{ width: 100%; height: 34px; font-size: 12px; color: #999; line-height: 34px; background: #fff;} .applekf_form .app_buttom{display:block;width:100%;height:50px;line-height:50px;text-align:center;color:#fff;background:#E03700;margin-top:15px;font-size:20px; border-radius: 4px;font-weight:600;} .applekf_form .app_buttom:hover{background:#c71717;} .applekf_form p.tel{ font-size: 14px; color: #999; text-align: center; margin-top:20px;} .applekf_form textarea.remarks_text{ margin-bottom: 20px; resize:none; width: 318px; height: 88px; border-radius: 4px; border:1px solid #ddd; display: block; padding: 0 10px; line-height: 25px; font-size: 14px; color: #333;} .applekf_form form input[type="text"]::-webkit-input-placeholder {color: #999;} .applekf_form textarea.remarks_text::-webkit-input-placeholder{color:#999;} .applekf_form textarea.remarks_text::-moz-placeholder{color:#999;} .applekf_form textarea.remarks_text::-moz-placeholder{color:#999;} .applekf_form textarea.remarks_text::-ms-input-placeholder{color:#999;} .applekfBG{ display: none; width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 100; background: rgba(0,0,0,0.5); }