@charset "utf-8";
/* CSS Document */
* {
	transition: all .5s;
}
.moblieBanner {
	width: 100%;
	height: 520px;
	background: url(Img/Moblie/moblieBanner.png) no-repeat center;
}
.sjSpan {
	background: #f8f8f8 url(Img/Moblie/sjBox.png) no-repeat center;
}
.sjBox {
	position: relative;
	height: 1194px;
}
.sjBox dl {
	position: absolute;
}
.sjBox dt {
	margin-bottom: 50px;
}
.sjBox dt h3 {
	font-size: 30px;
	color: #ff5b00;
}
.sjBox dt p {
	margin-bottom: 4px;
	font-size: 22px;
	color: #282828;
}
.sjBox .sjTxt01 {
	left: 0px;
	top: 278px;
}
.sjBox .sjTxt01 dd {
	width: 432px;
	line-height: 22px;
	font-size: 14px;
	color: #333;
}
.sjBox .sjTxt02 {
	right: 20px;
	top: 660px;
}
.sjBox .sjTxt02 dt p {
	font-size: 18px;
}
.sjBox .sjTxt02 dd {
	padding-bottom: 26px;
}
.sjBox .sjTxt02 dd p {
	padding-top: 4px;
	padding-left: 30px;
	margin-bottom: 20px;
	width: 390px;
	line-height: 22px;
	font-size: 14px;
	color: #333;
	background: url(Img/Moblie/sjDdP_ico.png) no-repeat left 2px;
}
.gnSpan .container {
	position: relative;
	height: 580px;
	overflow: hidden;
}
#gnSpan01 {
	background: url(Img/Moblie/shouji1.jpg) no-repeat center center;
}
#gnSpan03 {
	background: url(Img/Moblie/shouji2.jpg) no-repeat center center;
}
#gnSpan02, #gnSpan04 {
	background-color: #fff;
}
#gnSpan01 .container {
	background: url(Img/Moblie/gnSpan01.png) no-repeat 648px bottom;
}
#gnSpan02 .container {
	background: url(Img/Moblie/gnSpan02.png) no-repeat left center;
}
#gnSpan03 .container {
	padding: 0px 86px;
	background: url(Img/Moblie/gnSpan03.png) no-repeat right center;
}
#gnSpan04 .container {
	background: url(Img/Moblie/gnSpan04.png) no-repeat left center;
}
.gnBox02, .gnBox04 {
	float: right;
}
.gnBox {
	margin-top: 58px;
}
.gnBox h3 {
	margin-bottom: 32px;
	font-size: 24px;
	color: #ff5b00;
}
.gnBox dl {
	margin-bottom: 20px;
	width: 410px;
}
.gnBox dt {
	margin-bottom: 16px;
	font-size: 16px;
	color: #ff5d00;
}
.gnBox dd {
	line-height: 20px;
	font-size: 14px;
	color: #333;
}
.gnBox04 ul {
	margin-bottom: 56px;
}
.gnBox04 li {
	padding-left: 20px;
	height: 34px;
	line-height: 34px;
	font-size: 14px;
	color: #333;
	background: url(Img/Moblie/gnLi_ico.png) no-repeat left center;
}
.gnBox .gnBox04 a {
	display: block;
	width: 228px;
	height: 59px;
}
.gnTab {
	position: absolute;
	left: 50%;
	top: 0px;
	margin-left: -2px;
	width: 3px;
	height: 100%;
	background-color: #ff5b00;
}
.gnTab a {
	display: block;
	margin-bottom: 15px;
	margin-left: -27px;
	width: 54px;
	height: 54px;
	background-repeat: no-repeat;
	background-position: center top;
}
.gnTab a:hover, .gnTab a.cur {
	background-position: center bottom;
}
.gnTab .gnTab01 {
	margin-top: 160px;
	background-image: url(Img/Moblie/gnTabImg01.png);
}
.gnTab .gnTab02 {
	background-image: url(Img/Moblie/gnTabImg02.png);
}
.gnTab .gnTab03 {
	background-image: url(Img/Moblie/gnTabImg03.png);
}
.gnTab .gnTab04 {
	background-image: url(Img/Moblie/gnTabImg04.png);
}
/*案例*/
.alSpan {
	padding: 44px 0px;
	background: #f8f8f8 url(Img/Moblie/alSpan.png) no-repeat center;
}
.alSpan h4 {
	text-align: center;
	font-size: 30px;
	color: #282828;
}
.alSpan h4 b {
	color: #ff5b00;
}
.alSpan h4 p {
	font-size: 12px;
	font-weight: normal;
	color: #999;
}
.alSpan .alCont {
	padding-top: 30px;
	position: relative;
}
.alSpan .alCont ul {
	margin: 0 auto;
	width: 944px;
	overflow: hidden;
}
.alSpan .alCont li {
	float: left;
	width: 185px;
}
.alSpan .alCont li .alImgBg {
	padding: 43px 16px 51px 8px;
	width: 202px;
	height: 180px;
	overflow: hidden;
}/*background:url(Img/Moblie/alImgBg.png) no-repeat center;*/
.alSpan .alCont li .alImgBg p {
	padding-right: 16px;
	width: 198px;
}/*overflow:scroll;overflow-x:hidden; */
.alSpan .alCont li h5 {
	margin-top: 6px;
	font-weight: normal;
	font-size: 14px;
	height: 20px;
	width: 160px;
	padding: 0px 10px;
	text-align: center;
	overflow: hidden;
}
.alSpan .alCont .btnLeft, .alSpan .alCont .btnRight {
	position: absolute;
	top: 50%;
	margin-top: -32px;
	width: 64px;
	height: 64px;
}
.alSpan .alCont .btnLeft {
	left: -30px;
}
.alSpan .alCont .btnRight {
	right: -30px;
}
.zxSpan {
	margin: 44px auto;
}
.zxSpan h2 {
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 20px;
}
.zxSpan h2 a {
	color: #ff5b00;
}
.zxSpan h2 span {
	display: block;
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
}
.zxBox {
	width: 580px;
}
.zxBox dl {
	height: 260px;
	overflow: hidden;
}
.zxBox dt {
	width: 250px;
}
.zxBox dt p {
	line-height: 20px;
}
.zxBox dt h5 {
	height: 25px;
	line-height: 25px;
	overflow: hidden;
}
.zxBox h2 {
	color: #ff5b00;
	font-size: 16px;
}
.zxBox h2 a {
	color: #ff5b00;
}
.zxBox h2 span {
	display: block;
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
}
.zxBox dt img {
	width: 250px;
	overflow: hidden;
}
.zxBox dd {
	margin-left: 270px;
}
.zxBox dd ul {
	position: relative;
	top: -8px;
}
.zxBox dd li {
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	padding-right: 10px;
}
.zxBox dd li>a {
	width: 215px;
	verflow: hidden;
	float: left;
	font-size: 14px;
}
.zxBox dd li font {
	float: right;
	font-size: 12px;
	color: #999999;
}
/*常见问题*/
.cjwt {
	padding-left: 42px;
	width: 380px;
}
.cjwt ul {
	position: relative;
	top: -8px;
}
.cjwt li {
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	padding-right: 10px;
}
.cjwt li font {
	float: right;
	font-size: 12px;
	color: #999999;
}
.cjwt li a {
	float: left;
	width: 280px;
	overflow: hidden;
	font-size: 14px;
}
.byyySpan {
	height: 600px;
	background: url(Img/Moblie/byyySpan.png) no-repeat center;
}
.byyySpan .byTit {
	padding-top: 54px;
	padding-bottom: 22px;
	font-size: 30px;
	color: #fff;
	text-align: center;
}
.byyySpan .byTit p {
	font-size: 12px;
	font-weight: normal;
}
/*订单*/
.dingDan {
	width: 400px;
}
.dingDan h4 {
	height: 110px;
	line-height: 104px;
	background: url(Img/Moblie/dingDanTit.png) no-repeat center;
	font-size: 16px;
}
.dingDan h4 a {
	margin-left: 22px;
	color: #fff;
}
.dingDan ul {
	margin-left: 22px;
}
.dingDan li {
	position: relative;
	height: 32px;
	line-height: 32px;
	overflow: hidden;
	padding-left: 10px;
	background: url(Img/Moblie/dingDan_ico.png) no-repeat left 14px;
}
.dingDan li em {
	display: block;
	width: 260px;
	font-size: 14px;
	color: #fff;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.dingDan li span {
	position: absolute;
	right: 0;
	top: 0px;
	color: #b03e00;
}
/*马上预约*/
.msYy {
	position: relative;
	margin-top: 100px;
	margin-right: 200px;
}
.msYy .m_form {
}
.msYy .m_form>li {
	margin-bottom: 5px;
}
.msYy .m_form .iptTxt, .iptD p {
	width: 250px;
	border: none;
	height: 18px;
	line-height: 18px;
	padding: 10px;
	outline: none;
	background: url(Img/Moblie/iptTxt_yy.png) no-repeat center;
	color: #666;
	font-family: microsoft yahei;
	font-size: 14px;
}
.msYy .m_form .iptD {
	position: relative;
}
.msYy .m_form .iptD p {
	background: url(Img/Moblie/iptSel_yy.png) no-repeat center;
}
.msYy .m_form .iptD ul {
	position: absolute;
	top: 36px;
	left: 0px;
	z-index: 999;
	display: none;
	width: 270px;
	background-color: #fff;
	border-bottom: 2px solid #ccc;
	height: 170px;
	overflow: scroll;
	overflow-x: hidden;
}
.msYy .m_form .iptD ul li {
	height: 34px;
	line-height: 34px;
	overflow: hidden;
}
.msYy .m_form .iptD ul li {
	display: block;
	padding: 0px 10px;
	font-size: 14px;
	text-decoration: none;
	cursor: pointer;
}
/*.msYy .m_form .iptD:hover ul{display:block;}*/
.msYy .m_form .iptD ul li:hover {
	background-color: #f2f2f2;
}
.msYy .m_form .txtAre {
	width: 250px;
	height: 78px;
	border: none;
	outline: none;
	resize: none;
	padding: 5px 10px;
	color: #666;
	line-height: 20px;
	background: url(Img/Moblie/txtAre_yy.png) no-repeat center;
	font-family: microsoft yahei;
	font-size: 14px;
*overflow:hidden;
}
.msYy .m_form .btnTj {
	width: 160px;
	height: 66px;
	border: none;
	background: url(Img/Moblie/btnTj_yy.png) no-repeat center;
	cursor: pointer;
}
/* -- 弹出窗口 -- */
#mesbook1_c, #mesbook1 {
	display: none;
	z-index: 1001;
	width: 398px;
	border: 1px solid #ccc;
	background: #fff;
	padding-bottom: 20px;
}
#mesbook1_c div, #mesbook1 div {
	border: 1px solid #E4E3E3;
	background: #EBECEB;
	height: 18px;
	padding: 4px .5em 0;
	margin-bottom: 10px;
}
#mesbook1_c dl.b1, #mesbook1 dl.b1 {
	width: 370px;
	margin: 0 auto;
}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt {
	float: left;
	width: 105px;
	overflow: hidden;
}
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd {
	width: 265px;
	float: right;
}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns {
	padding-bottom: 10px;
}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {
	margin-right: 20px;
}