@charset "utf-8";

@media all and (min-width:1180px) {
	#onlineform{position:relative;padding:40px 0;background:#82730f}
	#onlineform .phone div{padding:0 0 0 30px;font-size:20px;color:rgba(255,255,255,0.5)}
	#onlineform .phone i{font-size:24px;color:rgba(255,255,255,0.5)}
	#onlineform .phone h3{font-size:48px;font-weight:600;color:#fff}

	#onlineform .form{position:absolute;top:0;right:30px}
	#onlineform .form fieldset{width:600px}
	#onlineform .inpm{position:relative;padding:0 240px 5px 100px;overflow:hidden}
	#onlineform .inpm label{position:absolute;top:0;left:0;display:block;line-height:30px;color:#fff}
	#onlineform .wname{width:100%}
	#onlineform .agree{padding:0 0 10px 0;overflow:hidden}
	#onlineform .agree strong{font-size:14px;font-weight:400;color:rgba(255,255,255,0.7)}
	#onlineform .agree strong em{position:relative;top:3px;padding-right:5px}
	#onlineform .agree span{float:right;font-size:13px;color:#fff}
	#onlineform .agree span input{border:1px solid #333;background:#fff;}
	#onlineform .textarea,
	#onlineform .input{float:left;padding:0 5px;height:30px;font-size:14px;color:#373964;border:0px solid #fff;background:#fff;box-sizing:border-box}
	#onlineform .w33p{margin-right:0.33%}
	#onlineform .bt{position:absolute;top:0;right:0;display:block;width:220px;line-height:64px;font-size:17px;font-weight:500;text-align:center;transition:all 0.3s}
	#onlineform .bt:hover{color:#fff;border:1px solid #777;background:#777}	
	#onlineform .bt_adm{color:#373964;border:0px solid #fff;background:rgba(255,255,255,0.8)} 
	#onlineform .bt_adm:hover{color:#fff;border:0px solid #0089ce;background:rgba(0,0,0,0.3)}
	#onlineform .bt_adm i{font-size:24px}
	
	#bestreview{padding:40px 0;position:relative;background:#f3f3f3}
	#bestreview h3{padding-bottom:20px;line-height:48px;font-size:22px;font-weight:500;letter-spacing:-1px}
	#bestreview .review{padding:0 320px 0 0;min-height:350px}
	#bestreview .review ul{overflow:hidden}
	#bestreview .review li{float:left;position:relative;width:33.33%;min-height:140px}
	#bestreview .review li a{display:block;padding:20px 20px 0 120px}
	#bestreview .review li div{position:absolute;top:0;left:0;display:block;width:110px;height:110px;background:#fff;border-radius:50%;overflow:hidden}
	#bestreview .review li div img{width:auto; max-width:100%; height:auto;transition:transform 0.5s}
	#bestreview .review li div img:hover{transform:scale(1.1)}
	#bestreview .review li strong{display:block;height:40px;line-height:20px;font-size:14px;font-weight:500;overflow:hidden}
	#bestreview .review li span{display:block;padding:3px 0;font-size:12px}
	#bestreview .review li em{display:block}
	#bestreview .review .star{width:100px}

	#bestreview .realtime{position:absolute;top:0;right:0;width:300px}
	#bestreview .realtime li{line-height:25px}
	#bestreview .realtime li strong{padding:0 10px 0 0;font-weight:400}
	#bestreview .realtime li strong:before{content:'ㆍ'}
	#bestreview .realtime li span{padding:0 5px}
	#bestreview .realtime li em{padding:0 0 0 10px;font-size:11px}
	#bestreview .realtime .tel{font-size:11px}
	#bestreview .realtime .co{font-size:13px}
	#bestreview .realtime .bx-controls{display:none}
}

@media all and (min-width:749px) and (max-width:1179px) {
	#onlineform{position:relative;padding:40px 0;background:#fff}
	#onlineform .phone{font-size:24px;color:#777}
	#onlineform .phone i{font-size:24px;color:#777}
	#onlineform .phone h3{font-size:36px;font-weight:600;color:#02aaff}
	#onlineform .form{position:absolute;top:0;right:20px}
	#onlineform .form fieldset{width:410px}
	#onlineform .inpm{position:relative;padding:0 168px 6px 50px;overflow:hidden}
	#onlineform .inpm label{position:absolute;top:0;left:0;display:block;line-height:30px}
	#onlineform .wname{width:100%}
	#onlineform .agree{padding:5px 0 0 0;overflow:hidden}
	#onlineform .agree strong{font-size:14px;font-weight:400;color:#0089ce}
	#onlineform .agree strong em{position:relative;top:3px;padding-right:5px}
	#onlineform .agree span{float:right;font-size:13px;color:#333}
	#onlineform .textarea,
	#onlineform .input{float:left;padding:0 5px;height:30px;font-size:14px;color:#373964;border:1px solid #ccc;background:#fff;box-sizing:border-box}
	#onlineform .w33p{margin-right:0.33%}
	#onlineform .bt{position:absolute;top:0;right:0;display:block;width:160px;line-height:63px;font-size:17px;font-weight:500;text-align:center}
	#onlineform .bt:hover{color:#fff;border:1px solid #777;background:#777}	
	#onlineform .bt_adm{color:#fff;border:1px solid #02aaff;background:#02aaff} 
	#onlineform .bt_adm:hover{color:#fff;border:1px solid #0089ce;background:#0089ce}
	
	#bestreview{padding:40px 0;position:relative;background:#eee}
	#bestreview h3{padding-bottom:20px;line-height:48px;font-size:22px;font-weight:500;letter-spacing:-1px}
	#bestreview .review{padding:0 320px 0 0;min-height:350px}
	#bestreview .review ul{overflow:hidden}
	#bestreview .review li{float:left;position:relative;width:100%;min-height:140px}
	#bestreview .review li a{display:block;padding:20px 20px 0 120px}
	#bestreview .review li div{position:absolute;top:0;left:0;display:block;width:110px;height:110px;background:#fff;border-radius:50%;overflow:hidden}
	#bestreview .review li div img{width:auto; max-width:100%; height:auto;transition:transform 0.5s}
	#bestreview .review li div img:hover{transform:scale(1.1)}
	#bestreview .review li strong{display:block;height:40px;line-height:20px;font-size:14px;font-weight:500;overflow:hidden}
	#bestreview .review li span{display:block;padding:3px 0;font-size:12px}
	#bestreview .review li em{display:block}
	#bestreview .review .star{width:100px}
	#bestreview .realtime{position:absolute;top:0;right:0;width:300px}
	#bestreview .realtime li{line-height:25px}
	#bestreview .realtime li strong{padding:0 10px 0 0;font-weight:400}
	#bestreview .realtime li strong:before{content:'ㆍ'}
	#bestreview .realtime li span{padding:0 5px}
	#bestreview .realtime li em{padding:0 0 0 10px;font-size:11px}
	#bestreview .realtime .tel{font-size:11px}
	#bestreview .realtime .co{font-size:13px}
	#bestreview .realtime .bx-controls{display:none}
}

@media all and (max-width:748px) {
	#onlineform{padding:20px 0;background:#fff}
	#onlineform .phone{padding:0 0 10px 0}
	#onlineform .phone div{font-size:18px;color:#777}
	#onlineform .phone i{font-size:24px;color:#777}
	#onlineform .phone h3{display:inline-block;font-size:18px;font-weight:600;color:#02aaff}
	#onlineform .form{position:relative}
	#onlineform .form fieldset{}
	#onlineform .inpm{position:relative;padding:0 85px 6px 0;overflow:hidden}
	#onlineform .inpm label{position:absolute;top:0;left:0;display:none;line-height:30px}
	#onlineform .wname{width:100%}
	#onlineform .agree{padding:5px 0 0 0;overflow:hidden}
	#onlineform .agree strong{font-size:14px;font-weight:400;color:#0089ce}
	#onlineform .agree strong em{position:relative;top:3px;padding-right:5px}
	#onlineform .agree span{float:right;font-size:13px;color:#333}
	#onlineform .textarea,
	#onlineform .input{float:left;padding:0 5px;height:30px;font-size:14px;color:#373964;border:1px solid #ccc;background:#fff;box-sizing:border-box}
	#onlineform .w33p{margin-right:0.33%}
	#onlineform .bt{position:absolute;top:0;right:0;display:block;width:80px;line-height:65px;font-size:12px;font-weight:500;text-align:center}
	#onlineform .bt i{display:none}
	#onlineform .bt:hover{color:#fff;border:1px solid #777;background:#777}	
	#onlineform .bt_adm{color:#fff;border:1px solid #02aaff;background:#02aaff} 
	#onlineform .bt_adm:hover{color:#fff;border:1px solid #0089ce;background:#0089ce}
	
	#bestreview{padding:20px 0;position:relative;background:#eee}
	#bestreview h3{padding:10px;line-height:48px;font-size:18px;font-weight:500;letter-spacing:-1px}
	#bestreview .review ul{overflow:hidden}
	#bestreview .review li{float:left;position:relative;width:100%;min-height:120px}
	#bestreview .review li a{display:block;padding:20px 20px 0 120px}
	#bestreview .review li div{position:absolute;top:0;left:0;display:block;width:110px;height:110px;background:#fff;border-radius:50%;overflow:hidden}
	#bestreview .review li div img{width:auto; max-width:100%; height:auto;transition:transform 0.5s}
	#bestreview .review li div img:hover{transform:scale(1.1)}
	#bestreview .review li strong{display:block;height:40px;line-height:20px;font-size:14px;font-weight:500;overflow:hidden}
	#bestreview .review li span{display:block;padding:3px 0;font-size:12px}
	#bestreview .review li em{display:block}
	#bestreview .review .star{width:100px}
	#bestreview .realtime{padding:0 0 20px 0}
	#bestreview .realtime li{line-height:25px}
	#bestreview .realtime li strong{padding:0 10px 0 0;font-weight:400}
	#bestreview .realtime li strong:before{content:'ㆍ'}
	#bestreview .realtime li span{padding:0 5px}
	#bestreview .realtime li em{padding:0 0 0 10px;font-size:11px}
	#bestreview .realtime .tel{font-size:11px}
	#bestreview .realtime .co{font-size:13px}
	#bestreview .realtime .bx-controls{display:none}
}