@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;}