pfhwyigou/frontend/web/overseas/zt/office20200727/office.css

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);
}