/*轮播*/
/*banner开始*/
.banner{
	width: 100%;
	height: 700px;
	min-width: 1200px;
	position: relative;
}
.banner .bd li,.banner .bd li a{
	display: block;
	height: 700px;
}
.bantil{
	display: block;  
	margin-left: 50%; 
	position: absolute;  
	bottom: 22px;  
	left: -65px;
}
.bantil li{
	width: 12px;
	height: 12px;
	background: rgba(255,255,255,0.5);
	float: left;
	margin: 0 0 0 10px; 
	cursor:pointer;
	border-radius: 50%;
}
.bantil li.cur{
	width: 36px;
	height: 12px;
	border-radius: 6px;
	background: #FFFFFF;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-webkit-transition: all 0.3s; 
}

/*-------数据--------*/
.data{
	width: 100%;
	min-width: 1200px;
	border-bottom: 1px solid #d5d5d5;
	padding-top: 1px;
}
.data ul li{
	width: 25%;
	float: left;
	height: 202px;
}
.data ul li .line{
	height: 100%;
	border-right: 1px solid #d5d5d5;
}
.data ul li:first-child .line{
	border-left: 1px solid #d5d5d5;
}
.data ul li .num{
	color: #0daae6;
	font-size: 60px;
	display: block;
	font-weight: lighter;
	text-align: center;
	line-height: 60px;
	padding-top: 46px;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
}
.data ul li .num i{
	vertical-align: top;
	line-height: 32px;
}
.data ul li .num b{
	font-size: 24px;
	font-weight: lighter;
	line-height: 24px;
}
.data ul li .font{
	color: #222222;
	font-family: "微软雅黑";
	font-size: 14px;
	text-align: center;
	line-height: 14px;
	padding-top: 16px;
}
.data ul li .icon .show{
	display: block;
}
.data ul li .icon .show .dot{
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #0daae6;
	margin: 0 auto;
	margin-top: 30px;
}
.data ul li .icon .hide{
	width: 32px;
	height: 32px;
	font-size: 0;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 18px;
	display: none;
}
.data ul li .icon .hide img{
	width: 100%;
	height: 100%;
}
.data ul li:hover .icon .show{
	display: none;
}
.data ul li:hover .icon .hide{
	display: block;
}

/*--------走进家乐事--------*/
.enter{
	width: 100%;
	min-width: 1200px;
	padding-top: 64px;
}
.enter .title{
	width: 100%;
	text-align: center;
}
.enter .title h2{
	color: #0daae6;
	font-family: "微软雅黑";
	font-size: 26px;
	font-weight: normal;
	text-align: center;
	line-height: 26px;
}
.enter .title i{
	color: #0daae6;
	font-family: "微软雅黑";
	font-size: 15px;
	font-weight: normal;
	text-align: center;
	line-height: 15px;
	padding-top: 12px;
	display: block;
}
.enter .title em{
	width: 40px;
	height: 2px;
	background: #0daae6;
	display: block;
	margin: 0 auto;
	margin-top: 24px;
}
.enter .etBox{
	width: 100%;
	padding-top: 28px;
}
.enter .etBox .video{
	width: 580px;
	height: 425px;
	font-size: 0;
	overflow: hidden;
}
.enter .etBox .video img{
	width: 100%;
	height: 100%;
}
.enter .etBox .etFont{
	width: 570px;
}
.enter .etBox .etFont .gsName{
	color: #333333;
	font-family: "微软雅黑";
	font-size: 16px;
	line-height: 18px;
	padding-top: 16px;
}
.enter .etBox .etFont .brief{
	width: 100%;
	padding-top: 10px;
}
.enter .etBox .etFont .brief p{
	color: #666666;
	font-family: "微软雅黑";
	font-size: 14px;
	line-height: 26px;
}
.enter .etBox .etFont .etBtn{
	width: 148px;
	height: 36px;
	background: #0daae6;
	margin-top: 30px;
}
.enter .etBox .etFont .etBtn span{
	color: #FFFFFF;
	font-family: "微软雅黑";
	font-size: 15px;
	display: block;
	line-height: 36px;
	padding-left: 28px;
	position: relative;
}
.enter .etBox .etFont .etBtn em{
	width: 11px;
	height: 7px;
	background: url(../imgs/enterArrow-1.png) no-repeat;
	background-size: 100% 100%;
	display: block;
	margin-left: 8px;
	margin-top: 14px;
}
.enter .etFont ul{
	width: 100%;
	padding-top: 42px;
}
.enter .etFont ul li{
	width: 33.3%;
	height: 146px;
	float: left;
}
.enter .etFont ul li .border{
	width: 100%;
	height: 100%;
	border-top: 1px solid #0daae6;
	border-right: 1px solid #0daae6;
	border-bottom: 1px solid #0daae6;
}
.enter .etFont ul li:first-child .border{
	border-left: 1px solid #0daae6;
}
.enter .etFont ul li .etIcon{
	width: 34px;
	height: 32px;
	font-size: 0;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 35px;
}
.enter .etFont ul li .etIcon img{
	width: 100%;
	height: 100%;
}
.enter .etFont ul li span{
	color: #666666;
	font-family: "微软雅黑";
	font-size: 14px;
	display: block;
	line-height: 14px;
	text-align: center;
	padding-top: 26px;
}
.enter .etFont ul li .arrow{
	width: 19px;
	height: 9px;
	font-size: 0;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 10px;
}
.enter .etFont ul li .arrow img{
	width: 100%;
	height: 100%;
}

/*--------一路同行 共创未来--------*/
.create{
	width: 100%;
	min-width: 1200px;
	padding-top: 72px;
}
.create .title{
	width: 100%;
	text-align: center;
}
.create .title h2{
	color: #0daae6;
	font-family: "微软雅黑";
	font-size: 26px;
	font-weight: normal;
	text-align: center;
	line-height: 26px;
}
.create .title i{
	color: #0daae6;
	font-family: "微软雅黑";
	font-size: 15px;
	font-weight: normal;
	text-align: center;
	line-height: 15px;
	padding-top: 12px;
	display: block;
}
.create .title em{
	width: 40px;
	height: 2px;
	background: #0daae6;
	display: block;
	margin: 0 auto;
	margin-top: 24px;
}
.create .ctTab{
	width: 100%;
	padding-top: 40px;
}
.create .ctTab ul li{
	width: 33.3%;
	float: left;
	height: 120px;
	background: #ededed;
	position: relative;
	cursor: pointer;
}
.create .ctTab ul li.active{
	background: #0daae6;
}
.create .ctTab ul li::after{
	content: "";
	display: block;
	width: 1px;
	height: 120px;
	position: absolute;
	top: 0;
	left: 0;
	background: #FFFFFF;
}
.create .ctTab ul li .ctIcon{
	margin-top: 26px;
	margin-left: 104px;
}
.create .ctTab ul li .show,
.create .ctTab ul li .hide{
	width: 68px;
	height: 68px;
	font-size: 0;
	overflow: hidden;
}
.create .ctTab ul li .show img,
.create .ctTab ul li .hide img{
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.create .ctTab ul li .show{
	display: block;
}
.create .ctTab ul li .hide{
	display: none;
}
.create .ctTab ul li.active .show{
	display: none;
}
.create .ctTab ul li.active .hide{
	display: block;
}
.create .ctTab ul li .ctFont{
	padding-top: 40px;
	padding-left: 15px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.create .ctTab ul li .ctFont span{
	color: #333333;
	font-family: "微软雅黑";
	font-size: 18px;
	display: block;
	line-height: 18px;
}
.create .ctTab ul li .ctFont em{
	color: #848484;
	font-family: "Arial";
	font-size: 14px;
	display: block;
	line-height: 14px;
	padding-top: 8px;
}
.create .ctTab ul li.active .ctFont span,
.create .ctTab ul li.active .ctFont em{
	color: #FFFFFF;	
}
.ctCon{
	width: 100%;
	min-width: 1200px;
	height: 640px;
	padding-top: 1px;
	background: url(../imgs/createBack-Img.jpg) no-repeat center center;
	background-size: cover;
}
.ctCon .ctBoxes{
	width: 680px;
}
.ctCon .ctBoxes .ctBox{
	width: 100%;
	background: rgba(255,255,255,0.8);
	margin-top: 175px;
	display: none;
	position: relative;
}
.ctCon .ctBoxes .ctNow{
	display: block;
}
.ctCon .ctBox .number{
	width: 36px;
	height: 90px;
	background: #0daae6;
	position: absolute;
	top: -31px;
	left: 32px;
}
.ctCon .ctBox .number em{
	color: #FFFFFF;
	font-family: arial;
	font-size: 20px;
	font-weight: bold;
	display: block;
	text-align: center;
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.ctCon .ctBox .fonts{
	padding-top: 66px;
	padding-bottom: 42px;
	padding-left: 103px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.ctCon .ctBox .fonts h3{
	color: #353535;
	font-family: "微软雅黑";
	font-size: 18px;
	font-weight: normal;
	line-height: 18px;
}
.ctCon .ctBox .fonts dl{
	padding-top: 10px;
}
.ctCon .ctBox .fonts dl dd{
	color: #353535;
	font-family: "微软雅黑";
	font-size: 14px;
	line-height: 20px;
	margin-top: 10px;
	padding-left: 25px;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;
}
.ctCon .ctBox .fonts dl dd:after{
	content: "";
	display: block;
	width: 16px;
	height: 1px;
	background: #353535;
	position: absolute;
	top: 50%;
	left: 0;
}

/*--------加盟店成功案例--------*/
.case{
	width: 100%;
	min-width: 1200px;
	padding-top: 72px;
}
.case .title{
	width: 100%;
	text-align: center;
}
.case .title h2{
	color: #0daae6;
	font-family: "微软雅黑";
	font-size: 26px;
	font-weight: normal;
	text-align: center;
	line-height: 26px;
}
.case .title i{
	color:#0daae6;
	font-family: "微软雅黑";
	font-size: 15px;
	font-weight: normal;
	text-align: center;
	line-height: 15px;
	padding-top: 12px;
	display: block;
}
.case .title em{
	width: 40px;
	height: 2px;
	background: #0daae6;
	display: block;
	margin: 0 auto;
	margin-top: 24px;
}
.case .csImg{
	width: 100%;
	padding-top: 38px;
}
.case .csImg ul li{
	width: 25%;
	float: left;
	margin-top: 5px;
}
.case .csImg ul li:last-child{
	width: 50%;
}
.case .csImg ul li .box{
	width: 294px;
	height: 220px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.case .csImg ul li:last-child .box{
	width: 596px;
	height: 220px;
}
.case .csImg ul li .img,
.case .csImg ul li .img img{
	width: 100%;
	height: 100%;
}
.case .csImg li .box .csMask{
	width: 100%;
	height: 100%;
	background: rgba(0,166,162,0.8);
	position: absolute;
	top: 0;
	margin-top: -220px;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	opacity: 0;
}
.case .csImg li:hover .box .csMask{
	margin-top: 0;
	opacity: 1;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.case .csImg li .box .csMask p{
	color: #FFFFFF;
	font-family: "微软雅黑";
	font-size: 15px;
	line-height: 28px;
	text-align: center;
	margin-top: 65px;
}
.case .csImg li .csMask .arrow{
	width: 38px;
	height: 38px;
	font-size: 0;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 20px;
}
.case .csImg li .csMask .arrow img{
	width: 100%;
	height: 100%;
}

/*--------核心优势--------*/
.advantage{
	width: 100%;
	min-width: 1200px;
	background: #0daae6;
	padding-top: 60px;
	padding-bottom: 75px;
}
.advantage .title{
	width: 100%;
	text-align: center;
}
.advantage .title h2{
	color: #FFFFFF;
	font-family: "微软雅黑";
	font-size: 26px;
	font-weight: normal;
	text-align: center;
	line-height: 26px;
}
.advantage .title i{
	color: #FFFFFF;
	font-family: "微软雅黑";
	font-size: 15px;
	font-weight: normal;
	text-align: center;
	line-height: 15px;
	padding-top: 12px;
	display: block;
}
.advantage .advBoxes .advBox{
	padding-top: 90px;
}
.advantage .advBoxes .advNow{
	display: block;
}
.advantage .advBox .border{
	width: 520px;
	height: 353px;
	border: 2px solid #FFFFFF;
	position: relative;
}
.advantage .advBox .border .img{
	width: 448px;
	font-size: 0;
	overflow: hidden;
	position: absolute;
	right: -66px;
	top: 33px;
	z-index: 9;
}	
.advantage .advBox .border .img img{
	width: 100%;
	height: 100%;
}
.advantage .advBox .fonts{
	width: 542px;
}
.advantage .advBox .fonts .setIcon{
	width: 64px;
	height: 64px;
	font-size: 0;
	overflow: hidden;
}
.advantage .advBox .fonts .setIcon img{
	width: 100%;
	height: 100%;
}
.advantage .advBox .fonts h3{
	color: #FFFFFF;
	font-family: "微软雅黑";
	font-size: 18px;
	font-weight: normal;
	padding-top: 25px;
	font-weight: lighter;
}
.advantage .advBox .fonts p{
	width: 460px;
	color: #FFFFFF;
	font-family: "微软雅黑";
	font-size: 14px;
	line-height: 26px;
	font-weight: normal;
	margin-top: 25px;
	font-weight: lighter;
	height: 208px;
	overflow: hidden;
}
.advantage .advTab{
	width: 100%;
	padding-top: 84px;
}
.advantage .advTab ul{
	
}
.advantage .advTab ul li{
	width: 220px;
	height: 38px;
	float: left;
	margin-left: 10px;
	border-bottom: 5px solid #007673;
	cursor: pointer;
}
.advantage .advTab ul li span{
	width: 220px;
	height: 100%;
	display: block;
	color: #FFFFFF;
	font-family: "微软雅黑";
	font-size: 16px;
	text-align: center;
	line-height: 38px;
	background: #0daae6;
	border: 1px solid #FFFFFF;
}
.advantage .advTab ul li.on span{
	background: #FFFFFF;
	color: #00a6a2;
}

/*--------产品展示--------*/
.product{
	width: 100%;
	min-width: 1200px;
	padding-top: 58px;
	padding-bottom: 70px;
}
.product .title{
	width: 100%;
	text-align: center;
}
.product .title h2{
	color:#0daae6;
	font-family: "微软雅黑";
	font-size: 26px;
	font-weight: normal;
	text-align: center;
	line-height: 26px;
}
.product .title i{
	color: #0daae6;
	font-family: "微软雅黑";
	font-size: 15px;
	font-weight: normal;
	text-align: center;
	line-height: 15px;
	padding-top: 12px;
	display: block;
}
.product .title em{
	width: 40px;
	height: 2px;
	background: #0daae6;
	display: block;
	margin: 0 auto;
	margin-top: 24px;
}
.product .proTab{
	padding-left: 228px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin-top: 38px;
}
.product .proTab ul li{
	width: 124px;
	height: 38px;
	float: left;
	cursor: pointer;
	border-top: 1px solid #0daae6;
	border-bottom: 1px solid #0daae6;
	border-right: 1px solid #0daae6;
}
.product .proTab ul li:first-child{
	border-left: 1px solid #0daae6;
}
.product .proTab ul li span{
	color: #666666;
	font-family: "微软雅黑";
	font-size: 15px;
	display: block;
	line-height: 38px;
	text-align: center;
}
.product .proTab ul li.on{
	background: #0daae6;
	border-top: 1px solid #00a6a2;
	border-bottom: 1px solid #00a6a2;
	border-right: 1px solid #00a6a2;
}
.product .proTab ul li:first-child.on{
	border-left: 1px solid #00a6a2;
}
.product .proTab ul li.on span{
	color: #FFFFFF;
}
.product .proBoxes{
	width: 100%;
	padding-top: 38px;
}
.product .proBox .bigImg{
	width: 590px;
	height: 520px;
	position: relative;
	font-size: 0;
	overflow: hidden;
}
.product .proBox .bigImg img{
	width: 100%;
	height: 100%;
}
.product .proBox .bigImg .pMask{
	width: 100%;
	height: 100%;
	background: rgba(0,166,162,0.8);
	position: absolute;
	top: 0;
	margin-top: -520px;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	opacity: 0;
} 
.product .proBox .bigImg:hover .pMask{
	margin-top: 0;
	opacity: 1;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.product .proBox .bigImg .pMask p{
	color: #FFFFFF;
	font-family: "微软雅黑";
	font-size: 15px;
	line-height: 28px;
	text-align: center;
	margin-top: 210px;
}
.product .bigImg .pMask .arrow{
	width: 38px;
	height: 38px;
	font-size: 0;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 20px;
}
.product .bigImg .pMask .arrow img{
	width: 100%;
	height: 100%;
}
.product .smlImg{
	width: 605px;
}
.product .smlImg ul li{
	width: 50%;
	float: left;
}
.product .smlImg ul li .box{
	width: 290px;
	height: 253px;
	font-size: 0;
	overflow: hidden;
	border: 1px solid #0daae6;
	margin: 0 auto;
	margin-bottom: 10px;
	overflow: hidden;
	position: relative;
}
.product .smlImg ul li .box img{
	width: 100%;
	height: 100%;
} 
.product .smlImg ul li .pMask{
	width: 100%;
	height: 100%;
	background: rgba(0,166,162,0.8);
	position: absolute;
	top: 0;
	margin-top: -253px;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	opacity: 0;
}
.product .smlImg ul li:hover .pMask{
	margin-top: 0;
	opacity: 1;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.product .smlImg ul li .pMask p{
	color: #FFFFFF;
	font-family: "微软雅黑";
	font-size: 15px;
	line-height: 28px;
	text-align: center;
	margin-top: 106px;
}
.product .smlImg ul li .pMask .arrow{
	width: 38px;
	height: 38px;
	font-size: 0;
	overflow: hidden;
	margin: 0 auto;
	margin-top: 20px;
}
.product .smlImg li .pMask .arrow img{
	width: 100%;
	height: 100%;
}
.product .moreBtn{
	width: 175px;
	height: 42px;
	padding-top: 1px;
	background: #0daae6;
	margin: 0 auto;
	margin-top: 40px;
}
.product .moreBtn span{
	color: #FFFFFF;
	font-family: "微软雅黑";
	font-size: 15px;
	display: block;
	line-height: 42px;
	padding-left: 30px;
}
.product .moreBtn .arrow{
	width: 18px;
	height: 18px;
	font-size: 0;
	overflow: hidden;
	margin-left: 10px;
	margin-top: 12px;
}
.product .moreBtn .arrow img{
	width: 100%;
	height: 100%;
}

/*--------公司新闻--------*/
.news{
	width: 100%;
	min-width: 1200px;
	background: #f1f1f1;
	padding-top: 45px;
	padding-bottom: 82px;
}
.news .nsBox{
	width: 400px;
}
.news .nsBox .nxTit em{
	color: #0daae6;
	font-family: arial;
	font-size: 14px;
	display: block;
	line-height: 14px;
}
.news .nsBox .nxTit h2{
	color: #333333;
	font-family: "微软雅黑";
	font-size: 20px;
	display: block;
	line-height: 20px;
	font-weight: normal;
	padding-top: 12px;
}
.news .nsBox .nsCon{
	width: 100%;
	background: #ffffff;
	padding: 0 20px;
	padding-top: 30px;
	padding-bottom: 28px;
	margin-top: 30px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.news .nsBox .nsCon .box{
	width: 100%;
	padding-bottom: 15px;
	border-bottom: 1px dashed #a2a2a2;
}
.news .nsBox .nsCon .nsImg{
	width: 100%;
	height: 180px;
	font-size: 0;
	overflow: hidden;
}
.news .nsBox .nsCon .nsImg img{
	width: 100%;
	height: 100%;
}
.news .nsBox .nsCon .nsTit{
	width: 100%;
	color: #333333;
	font-family: "微软雅黑";
	font-size: 16px;
	line-height: 22px;
	height: 44px;
	overflow: hidden;
	margin-top: 14px;
}
.news .nsBox .nsCon i{
	color: #A2A2A2;
	display: block;
	font-family: arial;
	font-size: 13px;
	line-height: 30px;
}
.news .nsBox .nsCon p{
	color: #939393;
	font-family: "微软雅黑";
	font-size: 14px;
	line-height: 20px;
	height: 60px;
	overflow: hidden;
}
.news .nsBox ul{
	padding-top: 15px;
}
.news .nsBox ul li{
	width: 100%;
	padding: 9px 0;
}
.news .nsBox ul li span{
	width: 280px;
	color: #333333;
	font-family: "微软雅黑";
	font-size: 14px;
	display: block;
	line-height: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.news .nsBox ul li em{
	color: #666666;
	font-family: arial;
	font-size: 13px;
	display: block;
	line-height: 14px;
}
.news .nOther{
	width: 760px;
	padding-top: 26px;
}
.news .nOther .orTab dl dd{
	float: left;
	margin-left: 20px;
	cursor: pointer;
}
.news .nOther .orTab dd span{
	color: #666666;
	font-family: "微软雅黑";
	font-size: 16px;
	display: block;
	line-height: 16px;
}
.news .nOther .orTab dd.active span{
	border-bottom: 3px solid #0daae6;
}
.news .nOther .orBoxes .orBox{
	display: none;
}
.news .nOther .orBoxes .orNow{
	display: block;
}
.news .nOther .orBox li{
	margin-top: 30px;
}
.news .nOther .orBox .orImg{
	width: 174px;
	height: 114px;
	font-size: 0;
	overflow: hidden;
}
.news .nOther .orBox .orImg img{
	width: 100%;
	height: 100%;
}
.news .nOther .orBox .orFont{
	width: 566px;
}
.news .nOther .orBox .orFont span{
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #333333;
	font-family: "微软雅黑";
	font-size: 16px;
	display: block;
	line-height: 18px;
	padding-top: 8px;
}
.news .nOther .orBox .orFont em{
	color: #a2a2a2;
	font-family: arial;
	font-size: 13px;
	display: block;
	line-height: 13px;
	padding-top: 10px;
}
.news .nOther .orBox .orFont p{
	color: #939393;
	font-family: "微软雅黑";
	font-size: 14px;
	margin-top: 10px;
	line-height: 22px;
	height: 44px;
	overflow: hidden;
}