body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,button,a ,img{margin:0;padding:0; box-sizing:border-box; -webkit-box-sizing:border-box;}  /* 鍒濆鍖栨爣绛惧湪鎵€鏈夋祻瑙堝櫒涓殑margin銆乸adding鍊 */  
fieldset,img {border:0 none}  /* 閲嶇疆fieldset锛堣〃鍗曞垎缁勶級銆佸浘鐗囩殑杈规涓?*/  
dl,ul,ol,menu,li {list-style:none}   /* 閲嶇疆绫昏〃鍓嶅绗﹀彿涓簅nne,menu鍦℉TML5涓湁鏁 */  
blockquote, q {quotes: none}   /* 閲嶇疆宓屽寮曠敤鐨勫紩鍙风被鍨 */  
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}  /* 閲嶇疆宓屽寮曠敤*/  
input,select,textarea,button {vertical-align:middle}  /* 閲嶇疆琛ㄥ崟鎺т欢鍨傜洿灞呬腑*/  
button {border:0 none;background-color:transparent;cursor:pointer}  /* 閲嶇疆琛ㄥ崟button鎸夐挳鏁堟灉 */  
body {background:#232f3d; overflow-x:hidden;}   /* 閲嶇疆body 椤甸潰鑳屾櫙涓虹櫧鑹 */  
body,th,td,input,select,textarea,button {font-size:12px;line-height:1 ;font-family:arial,"寰蒋闆呴粦", "榛戜綋","瀹嬩綋";color:#666} /* 閲嶇疆椤甸潰鏂囧瓧灞炴€ */  
a {color:#666;text-decoration:none}  /* 閲嶇疆閾炬帴a鏍囩 */  
a:active, a:hover {text-decoration:none}   /* 閲嶇疆閾炬帴a鏍囩鐨勯紶鏍囨粦鍔ㄦ晥鏋 */  
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}  /* 閲嶇疆鏍峰紡鏍囩鐨勬牱寮 */  
caption {display:none;}    /* 閲嶇疆琛ㄦ牸鏍囬涓洪殣钘 */  
table {width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}    /* 閲嶇疆table灞炴€ */  
img{vertical-align:top; max-width:100%;}  /* 鍥剧墖鍦ㄥ綋鍓嶈鍐呯殑鍨傜洿浣嶇疆 */  
a,input,button,textarea,select{ outline:none; -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; }   /* 椤甸潰璁剧疆 */  
   
  /* 鍙栨秷a鏍囩鐐瑰嚮鍚庣殑铏氱嚎妗 */  
a {outline: none;}    
a:active {star:expression(this.onFocus=this.blur());}  
   
 /* 璁剧疆椤甸潰鏂囧瓧绛夊湪鎷栧姩榧犳爣閫変腑鎯呭喌涓嬬殑鑳屾櫙鑹蹭笌鏂囧瓧棰滆壊 */  
/*   
::selection {color: #fff;background-color: #4C6E78;}      
::-moz-selection {color: #fff;background-color: #4C6E78;}   
*/  
/*娓呴櫎娴姩--鎺ㄨ崘浣跨敤*/  
.clearfix:before,.clearfix:after{content: '';display: table;}  
.clearfix:after{clear: both;}
.fline:after,.fline-f:before , .fline-t:before , .fline-r:before , .fline-b:before , .fline-l:before{ content:''; position:absolute; transform:scale(0.5); -webkit-transform:scale(0.5); transform-origin:0 0; -webkit-transform-origin:0 0;}
.fline-f:before , .fline-t:before , .fline-l:before{left:0px; top:0px;}
.fline-f:before{ width:200%; height:200%; border:#ddd 1px solid;} 
.fline-t:before{ width:200%; height:0; border-top:#ddd 1px solid;} 
.fline-r:before{ width:0; height:200%; right:0px; top:0px; border-right:#ddd 1px solid;}
.fline-b:before{ width:200%; height:0; left:0px; bottom:0px; border-bottom:#ddd 1px solid;}
.fline-l:before{ width:1px; height:200%; background: #ddd;}
.single{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -webkit-text-overflow:ellipsis;}
.many{ display: -webkit-box; display: -moz-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp:2;}
.many4{ display: -webkit-box; display: -moz-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp:4;}
body{
	padding-bottom: 1.253333rem;
}
.top,.page-top{
	height: 1.173333rem;
	position: relative;
}
.logo{
	position: absolute;
	left: 0.4rem;
	top: 50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);

}
.logo img{
	width: 2.533333rem;
}
.menu{
	width: 1.173333rem;
	height: 1.173333rem;
	background: url(../images/mui_03.png) no-repeat center center / 0.546667rem;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 9;
	transition: .3s ease;
	-webkit-transition: .3s ease;
}
#banner {
	position: relative;
}
#banner .swiper-pagination-bullet,.team .swiper-pagination-bullet{
	width:0.266667rem;
	height:0.266667rem;
	}
#banner .swiper-pagination-bullet-active,.team .swiper-pagination-bullet-active{
	background:#f64f06;
	}
.title{
	position: relative;
	text-align: center;
}
.title h3{
	color: #333;
	font-size: 0.533333rem;
	line-height: 1;
	position: absolute;
	width: 100%;
	bottom: -0.066667rem;
	font-weight: normal;
}
.title h3 span{
	color: #f64f06;
}
.title p{
	font-size: 0.8rem;
	color: #f4f4f4;
	line-height: 1;
	text-transform: uppercase;
	font-weight: bold;
}
.foot{
	padding: 0.4rem;
	background: #ddd;
	font-size: 0.346667rem;
	text-align: center;
	color: #999;
	line-height: 1.6;
}
.foot-bar{
	display: block;
	height: 1.253333rem;
	background: #232f3d;
	display: flex;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	transition: .5s ease;
	-webkit-transition: .5s ease;
	z-index: 99;
}
.foot-bar a{
	display: block;
	height: 1.253333rem;
	line-height: 1.253333rem;
	text-align: center;
	color: #678cb8;
	flex: 1;
	position: relative;
	font-size: 0.4rem;
	border-left: rgba(255,255,255,0.1) 1px solid;
}
.foot-bar a span{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	padding-left: 0.666667rem;
	white-space:nowrap;
}
.foot-bar a.f-home span{
	background: url(../images/home.png) no-repeat left center / 0.466667rem;
}
.foot-bar a.f-massage span{
	background: url(../images/massage.png) no-repeat left center / 0.466667rem;
}
.foot-bar a.f-tel span{
	background: url(../images/tel.png) no-repeat left center / 0.466667rem;
}
.foot-bar a.gotop{
	background:#f56a0d url(../images/top.png) no-repeat center center / 0.933333rem;
}
.foot-bar a.f-lb span{
	background: url(../images/lb.png) no-repeat left center / 0.466667rem;
}
.body-box{
	width: 100%;
	min-height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	padding-bottom: 1.253333rem;
	transition: .5s ease;
	-webkit-transition: .5s ease;
	background: #fff;
	
	box-shadow: 0 0 0.266667rem rgba(0,0,0,0.6);
	z-index: 20;
}
.nav{
	width: 4.0rem;
	position: fixed;
	right: -4.0rem;
	top: 0;
	background: #232f3d;
	transition: .5s ease;
	-webkit-transition: .5s ease;
	z-index: 1;
}
.nav a{
	display: block;
	color: #fff;
	font-size: 0.4rem;
}
.nav li{
	
	border-bottom: rgba(255,255,255,0.1) 1px solid;
	background: #232f3d;
	transition: .3s ease;
	-webkit-transition: .3s ease;
}
.znav{
	padding:0.4rem;
}
.nav li.active{
	background: #f56a0d;
}
.page-two-menu{
	display: none;
	padding: 0 0.4rem;
}
.nav .page-two-menu a{
	border-top: rgba(255,255,255,0.2) 1px dotted;
	height: 0.933333rem;
	line-height: 0.933333rem;
	font-size: 0.373333rem; 
}
.close{
	background: url(../images/close.png) no-repeat center center / 0.546667rem;
}
.massage{
	position: fixed;
	left: 0;
	top: 0;
	background: rgba(0,0,0,0.7);
	width: 100%;
	height: 100%;
	z-index: 9999;
	display: none;
}
.massage-form{
	background: #fff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	padding: 1.066667rem;
}
.mas-title{
	position: relative;
	padding-bottom: 0.666667rem;
	border-bottom: #999 1px dotted;
}
.mas-title h3{
	text-align: center;
	font-size: 0.48rem;
	font-weight: normal;
}
.mas-title p{
	text-align: center;
	font-size: 0.32rem;
	text-transform: uppercase;
	padding-top: 0.133333rem;
	color: #999;
}
.massage-form li{
	position: relative;
	padding-top: 0.533333rem;
}
.massage-form li h3{
	font-size: 0.373333rem;
	color: #333;
}
.massage-form li input{
	border: none;;
	background: none;
	height: 1.173333rem;
	line-height: 1.173333rem;
	font-size: 0.373333rem;
}
.massage-form li textarea{
	height: 2.666667rem;
	width: 100%;
	border: none;
	background: #f4f4f4;
	padding: 0.266667rem;
	font-size: 0.373333rem;
}
.mas-btn{
	padding-top: 0.666667rem;
}
.mas-btn button{
   width: 100%;
   height: 1.173333rem;
   background:-moz-linear-gradient(left,#f56a0d,#fbc44e);/*Mozilla*/

   background:-webkit-linear-gradient(left,#f56a0d,#fbc44e);/*new gradient for Webkit*/
   background:-o-linear-gradient(left,#f56a0d,#fbc44e); /*Opera11*/
   color: #fff;
   font-size: 0.4rem;
   border-radius: 0.066667rem;

}
.mas-close{
	position: absolute;
	right: 0;
	top: 0;
	background: url(../images/close.png) no-repeat center center / 0.666667rem;
	width: 1.2rem;
	height: 1.2rem;
	opacity: 0.5;
}
.ql-align-center{
	text-align: center;
}