@charset "gbk";

/* CSS Document */

*{transition:all .5s;}


.container{margin-left:auto; margin-right:auto; width:1004px; font-family:microsoft yahei;}
.mobileBanner{width:100%; height:520px; background:url(../mobile/mobileBanner.png) no-repeat center;}



.sjSpan{background:#f8f8f8 url(../mobile/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(../mobile/sjDdP_ico.png) no-repeat left 2px;}







.gnSpan .container{position:relative; height:580px; overflow:hidden;}

#gnSpan01{background:url(../mobile/shouji1.jpg) no-repeat center center;}

#gnSpan03{background:url(../mobile/shouji2.jpg) no-repeat center center;}

#gnSpan02 , #gnSpan04{background-color:#fff;}

#gnSpan01 .container{background:url(../mobile/gnSpan01.png) no-repeat 648px bottom;}

#gnSpan02 .container{background:url(../mobile/gnSpan02.png) no-repeat left center;}

#gnSpan03 .container{padding:0px 86px; background:url(../mobile/gnSpan03.png) no-repeat right center;}

#gnSpan04 .container{background:url(../mobile/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(../mobile/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(../mobile/gnTabImg01.png);}

.gnTab .gnTab02{background-image:url(../mobile/gnTabImg02.png);}

.gnTab .gnTab03{background-image:url(../mobile/gnTabImg03.png);}

.gnTab .gnTab04{background-image:url(../mobile/gnTabImg04.png);}





/*案例*/

.alSpan{padding:44px 0px; background:#f8f8f8 url(../mobile/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(../images/mobile/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:480px;}

.zxBox h2{color:#ff5b00; font-size:16px; font-weight:normal;}

.zxBox h2 a{color:#ff5b00;}

.zxBox ul{position:relative; top:-8px;}

.zxBox li{height:30px; line-height:30px; overflow:hidden;padding-right:10px;}

.zxBox li>a{width:215px;verflow:hidden; float:left;font-size:14px; }

.zxBox li font{ float:right; font-size:12px; color:#999999;}

/*常见问题*/

.cjwt{padding-left:44px; width:480px;}

.cjwt h2{ height:35px}

.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(../mobile/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(../mobile/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(../mobile/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(../mobile/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(../mobile/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(../mobile/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(../mobile/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;}