﻿
/* CSS Document */
*{transition:all .5s;}

.moblieBanner{width:100%; height:520px; background:url(moblieBanner.png) no-repeat center;}

.sjSpan{background:#f8f8f8 url(sjBox.png) no-repeat center; width:980px}
.sjBox{position:relative; height:1194px;}
.sjBox dl{position:absolute;}
.sjBox dt{margin-bottom:50px;}
.sjBox dt b{font-size:30px; color:#ff5b00;}
.sjBox dt p{margin-bottom:4px; font-size:22px; color:#282828;}
.sjBox .sjTxt01{left:0px; top:278px; text-align:left}
.sjBox .sjTxt01 dd{width:432px; line-height:22px; font-size:14px; color:#333; text-align:left}
.sjBox .sjTxt02{right:20px; top:660px; text-align:left}
.sjBox .sjTxt02 dt p{font-size:18px; text-align:left}
.sjBox .sjTxt02 dd{padding-bottom:26px; text-align:left}
.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(sjDdP_ico.png) no-repeat left 2px;}



.gnSpan .container{position:relative; height:580px; overflow:hidden; width:980px; text-align:center}
#gnSpan01 , #gnSpan03{background-color:#202020;}
#gnSpan02 , #gnSpan04{background-color:#2e2e2e;}
#gnSpan01 .container{background:url(gnSpan01.png) no-repeat 648px bottom;}
#gnSpan02 .container{background:url(gnSpan02.png) no-repeat left center}
#gnSpan03 .container{padding:0px 86px; background:url(gnSpan03.png) no-repeat right center;}
#gnSpan04 .container{background:url(gnSpan04.png) no-repeat left center;}

.gnBox02 , .gnBox04{float:right; }
.gnBox{margin-top:58px; text-align:left}
.gnBox h4{margin-bottom:32px; font-size:24px; color:#ff5b00}
.gnBox dl{margin-bottom:20px; width:410px;}
.gnBox dt{margin-bottom:16px; font-size:16px; color:#fff;}
.gnBox dd{line-height:20px; font-size:14px; color:#999;}
.gnBox04 ul{margin-bottom:56px;}
.gnBox04 li{padding-left:20px; height:34px; line-height:34px; font-size:14px; color:#999; background:url(gnLi_ico.png) no-repeat left center;}

.gnTab{position:absolute; left:50%; top:0px; margin-left:-2px; width:3px; height:100%; background-color:#ff5b00; text-align:left}
.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(gnTabImg01.png);}
.gnTab .gnTab02{background-image:url(gnTabImg02.png); }
.gnTab .gnTab03{background-image:url(gnTabImg03.png);}
.gnTab .gnTab04{background-image:url(gnTabImg04.png);}


/*案例*/
.alSpan{padding:44px 0px; background:#f8f8f8 url(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; margin:0px 18px;}
.alSpan .alCont li .alImgBg{padding:43px 16px 51px 8px; width:202px; height:330px; overflow:hidden; }/*background:url(Img/Moblie/alImgBg.png) no-repeat center;*/
.alSpan .alCont li .alImgBg p{padding-right:16px; width:198px; height:326px; }/*overflow:scroll;overflow-x:hidden; */
.alSpan .alCont li h5{margin-top:6px; font-weight:normal; font-size:14px; text-align:center;}
.alSpan .alCont .btnLeft , .alSpan .alCont .btnRight{position:absolute; top:50%; margin-top:-32px; width:64px; height:64px;}
.alSpan .alCont .btnLeft{left:-30px; background:url(Img/Operate/jgBtnLeft.png) no-repeat center;}
.alSpan .alCont .btnRight{right:-30px; background:url(Img/Operate/jgBtnRight.png) no-repeat center;}


.zxSpan{margin:44px auto;}
.zxSpan h4{margin-bottom:20px;}
.zxSpan h4 a{color:#ff5b00;}
.zxSpan h4 span{display:block; font-size:12px; font-weight:normal; font-family:Arial, Helvetica, sans-serif; color:#999;}

.zxBox{width:640px;}
.zxBox dl{height:260px; overflow:hidden;}
.zxBox dt img{border:10px solid #f8f8f8;}
.zxBox dd{margin-left:350px;}
.zxBox dd ul{position:relative; top:-8px;}
.zxBox dd li{height:30px; line-height:30px; font-size:14px; overflow:hidden;}

/*常见问题*/
.cjwt{padding-left:42px; width:280px;}
.cjwt ul{position:relative; top:-8px;}
.cjwt li{height:30px; line-height:30px; font-size:14px; overflow:hidden;}


.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 a{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;}


/*友情链接*/
.links{height:70px; line-height:70px; background-color:#141414; overflow:hidden;}
.links dt a{font-size:13px; color:#ff5b00;}
.links dd{margin-left:70px; padding-left:6px; background:url(Img/Common/fotNav_br.png) no-repeat left center;}
.links dd a{margin:0px 10px; display:inline-block;}