*{margin: 0;padding: 0;}
ul{list-style: none;}
.hi-consult{position: relative;width: 100%;height: 280px;background: #b88e6c;}
.hi-consult .consultBox{width: 1200px;margin:0 auto;line-height: 1.8;padding: 57px 0;}
.hi-consult .consultBox>h2{font-size: 34px;font-weight: normal;text-align: center;color: #fff;}
.hi-consult .consultBox>p{font-size: 18px;text-align: center;color: #cccccc;padding-bottom: 28px;}
.hi-consult .form{display: flex;justify-content: center;}
.hi-consult .form .form-item{position: relative;display: flex;margin: 0 5px;}
.hi-consult .consult-inp{position:relative;outline: none;-webkit-appearance: none;border: none;background-color:rgba(255,255,255,0.08);font-size: 15px;padding: 12px;border-radius: 4px;color: #fff;}
.hi-consult .consult-btn{border: none;outline: none;background: #fff;color: #b88e6c;font-size: 16px;cursor: pointer;font-weight: bold;padding: 11px 40px;border-radius: 4px;}
.hi-consult .consult-sel{position: relative;}
.hide{display: none;}
.hi-consult .consult-sel .input_in input{padding: 13px 12px;width:250px;-webkit-appearance: none;font-size: 15px;cursor: pointer;outline: none;border: none;border-radius: 4px;background-color:rgba(255,255,255,0.08);color: #fff;}
.hi-consult .consult-sel .sel_list{position: absolute; top: 52px; left: 0;width: 100%;z-index: 100;transition: transfrom .3s ease-in,top .3s  ease-out;transform-origin: 50% 0;-webkit-animation:slide-down .15s ease-in;}
.hi-consult .consult-sel .sel_list ul{border: 1px solid #d9d9d9; background: #fff;border-radius: 4px;box-shadow: 0 2px 2px #eee;padding: 10px 0;}
.hi-consult .consult-sel .sel_list ul li{padding: 0 15px; height: 40px; line-height: 40px; cursor: pointer;color: #333333;font-size: 14px;}
.hi-consult .consult-sel .sel_list ul li:hover{color: #b88e6c;background: #f2f5f7;}
.hi-consult .consult-sel .input_in:after{content: "";width: 12px;height: 7px;background: url(../images/01.png) no-repeat center;background-size: 100%;position: absolute;right: 10px;top: 45%;}
::-webkit-input-placeholder{color: #cccccc;}
input.invalid::-webkit-input-placeholder {color: #e6a14d;}
.invalid{border:1px solid #e6a14d !important;}

/* 预约咨询-白色背景时样式 */
.bg-white{background: #fff !important;}
.bg-white .consultBox>h2{color: #000;}
.bg-white .consultBox>p{color: #666666;}
.bg-white .consult-inp{background-color:#fff;color: #000;border: 1px solid #d9d9d9;}
.bg-white .consult-sel .input_in input{background-color:#fff;color: #000;border: 1px solid #d9d9d9;}
.bg-white .consult-sel .input_in:after{content: "";width: 14px;height: 8px;background: url(../images/02.png) no-repeat center;background-size: 100%;position: absolute;right: 10px;top: 45%;}
.bg-white .consult-btn{background: #b88e6c;color: #fff;}

/* 弹框样式 */
.consult-mask{display: none;position: absolute;top:0;left:0;height:100%;width: 100%;background: #000;transition: background 1s;opacity: 0.6;z-index: 1000;}
.consult-dialog{display: none;position: fixed;width: 400px;padding: 15px;text-align: center;background: #fff;z-index: 1001;border-radius: 10px;left: 0;right:0;top: 25%;margin:auto;animation-duration: .75s;}
.consult-dialog .consult-dialog-colse{font-style: normal;background: url(../images/04.png);cursor:pointer;width: 12px;height: 12px;float: right;background-size: 100%;}
.consult-dialog span{display: inline-block;width: 70px;margin-bottom: 5px;margin-top: 18px;}.consult-dialog span img{width: 100%;}
.consult-dialog h4{color: #333333;font-size: 20px;margin-bottom: 15px;}
.consult-dialog p.desc{color:#999999;font-size: 16px;}
.consult-dialog .consult-dialog-btn{cursor:pointer;outline: none;background:#fff;color:#333333;margin-top: 24px;margin-bottom:15px;border: 1px solid #d9d9d9;font-size: 16px;border-radius: 5px;width: 150px;height: 40px;line-height: 40px;text-align: center;}
@-webkit-keyframes slide-down{
	0%{
		transform: scale(1,0);
		opacity: 0
	}
    /* 25%{transform: scale(1,1.2);}
    50%{transform: scale(1,0.85);}
    75%{transform: scale(1,1.05);} */
    to{
		transform: scale(1,1);
		opacity: 1
	}
}
@-webkit-keyframes slideInUp {
	0% {
		-webkit-transform: translate3d(0, 30%, 0);
		transform: translate3d(0, 30%, 0);
		visibility: visible;
		opacity: 0
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

@keyframes slideInUp {
	0% {
		-webkit-transform: translate3d(0, 30%, 0);
		transform: translate3d(0, 30%, 0);
		visibility: visible;
		opacity: 0
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp
}

.hi-policy{position: relative;width: 1200px;margin: 0px auto;}
.hi-policy .hi-policy-subnav{margin-bottom: 30px;}
.hi-policy .hi-policy-subnav ul{display: flex;flex-wrap: wrap;}
.hi-policy .hi-policy-subnav ul li{cursor: pointer;border-radius: 25px;background: #f5f5f5;height:40px;line-height:40px;font-size: 16px;color: #666666;padding:0px 15px;margin-right: 15px;}
.hi-policy .hi-policy-subnav ul li:hover{
	background: #b88e6c !important;
    color: #fff !important;
}
.hi-policy .hi-policy-subnav .searchInp{
	position: relative;
	float: right;
}
.hi-policy .hi-policy-subnav .searchInp input{
	width: 253px;
	outline: none;
	-webkit-appearance: none;
	background: #fff;
	border: 1px solid #d9d9d9;
	border-radius: 25px;
	padding: 10px 30px 10px 15px;
	font-size: 16px;
}
.hi-policy .hi-policy-subnav .searchInp i{
	position: absolute;
	right: 15px;
	top: 12px;
	width: 15px;
	height: 15px;
	background: url(../images/05.png) no-repeat;
	background-size: 100%;
	font-style: normal;
	cursor: pointer;
}
.hi-policy .hi-policy-content ul li{
	position: relative;
	float: left;
	width: 24%;
	box-shadow: 0 2px 4px 0 hsla(0,0%,86.7%,.15);
    margin-right: 1.33%;
	margin-bottom: 1.33%;
	background: #f2f5f7;
	border-radius: 4px;
	transition: all 0.2s ease;
}
.hi-policy .hi-policy-content ul li:nth-child(4n){
	margin-right: 0;
}
.isSelected{
	background: #b88e6c !important;
	color: #fff !important;
}
.hi-policy .hi-policy-content{
	position: relative;
	display: inline-block;
}
.hi-policy .hi-policy-content ul li .policy-img,
.hi-policy .hi-policy-content ul li .policy-img img{
	overflow: hidden;
	width: 100%;
	height: 230px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	transition: all 0.6s;
	cursor: pointer;
}
.hi-policy .hi-policy-content ul li:hover{
	box-shadow: 0 2px 20px rgba(0,0,0,.05), 0 24px 30px rgba(0,0,0,.05);
    transform: translateY(-4px);
}
.hi-policy .policy-inner{
	padding: 12px 15px;
}
.hi-policy .policy-inner h3{
	color: #333333;
	font-size: 16px;
	margin-bottom: 17px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height:56px;
}
.hi-policy .policy-inner p{
	color: #bcc0cc;
	font-size: 15px;
	margin-bottom: 8px;
}
.hi-more-policy .moreBtn{
	position: relative;
    display: block;
	padding: 10px 0;
    font-size: 15px;
    background: #fff;
    color: #7a8db5;
	border: 1px solid #7a8db5;
    text-align: center;
    cursor: pointer;
    margin: 20px 0;
	border-radius: 25px;
	transition: all 0.25s ease-in-out;
}