@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body{ font-family:"Microsoft Yahei"; overflow-x:hidden;}
a{ text-decoration: none !important; cursor:pointer;}
a img{ border: none; }
img{ display: block; }
ul,li{ list-style: none; }

.lx-tit{ width:1200px; margin:62px auto 42px auto; text-align:center;}
.lx-tit h2{ display:inline-block; text-align:center; color:#00afaf; font-size:52px; font-weight:100; letter-spacing:4px; padding-bottom:30px;}
.lx-tit h2 span{ background:#fff; padding:0 20px;}
.lx-tit h2 strong{ color:#faaa00; font-weight:bold;}
.lx-tit p{ font-size:26px; text-transform:uppercase; color:#00afaf; margin:12px auto; letter-spacing:2px;}
.lx-tit h2:after{ display:block; content:''; width:1200px; height:1px; background:#bfbfbf; margin-top:-30px;}

#lx-tab{ width:1204px; height:86px; margin:0 auto;}
#lx-tab ul{ width:1204px; height:86px; margin:0 auto; overflow:hidden; text-align:center; line-height:88px; cursor:pointer;}
#lx-tab ul li{ float:left; width:86px; background:#00afaf; color:#fff; font-size:20px; font-weight:100; border-right:1px solid #fff; box-sizing:border-box;}
#lx-tab ul li:nth-of-type(1){ border-left:1px solid #fff;}
#lx-tab ul li a{ color:#fff;}
#lx-tab ul li.active{ background:#faaa00;}

.lx-tab-con{ width:1200px; margin:40px auto; display:none;}
.lx-tab-con.on{ display:block;}
.lx-tab-info{ width:1200px; height:400px; margin:0 auto 40px auto; overflow:hidden;}
.lx-tab-info .shop{ float:left; width:460px; height:400px; margin-right:24px; box-sizing:border-box; position:relative;}
.lx-tab-info .shop p{ position:absolute; bottom:0; left:50%; width:450px; height:88px; margin-left:-225px; text-align:center; line-height:88px; color:#fff; font-size:30px; background:rgb(76,113,160,.8); background:rgba(76,113,160,.8); letter-spacing:2px;}
/*.lx-tab-info .shop p span{ display:inline-block; padding-right:142px; box-sizing:border-box; background:url(../images/ico-hm.png) no-repeat center right; background-size:140px;}*/
.lx-tab-info .shop-info{ width:716px; float:left;}
.lx-tab-info .shop-info .add-tel{ width:100%; height:87px; background:#00afaf; color:#fff; font-size:22px; padding:13px 26px; line-height:32px; box-sizing:border-box;}
.lx-tab-info .shop-info .lx-way{ width:100%; height:82px; overflow:hidden; margin:11px auto;}
.lx-tab-info .shop-info .lx-way li{ width:167px; height:71px; background:#c9c9c9; color:#fff; float:left; margin:0 6px; position:relative; cursor:pointer;}
.lx-tab-info .shop-info .lx-way li.active{ background:#00afaf;}
.lx-tab-info .shop-info .lx-way li i{ display:none; width:0; height:0; border-left:10px solid #fff; border-right:10px solid #fff; border-top:10px solid #00afaf; position:absolute; bottom:-10px; left:50%; margin-left:-10px;}
.lx-tab-info .shop-info .lx-way li.active i{ display:block;}
.lx-tab-info .shop-info .lx-way span{ display:block; width:100%; height:100%; box-sizing:border-box; padding:16px 0 0 72px; font-size:18px; font-weight:bold; line-height:22px; text-align:center;}
.lx-tab-info .shop-info .lx-way .bus span{ background:url(../images/ico-bus.png) no-repeat 36px 15px;}
.lx-tab-info .shop-info .lx-way .subway span{ background:url(../images/ico-subway.png) no-repeat 39px 15px;}
.lx-tab-info .shop-info .lx-way .car span{ background:url(../images/ico-car.png) no-repeat 26px 15px;}
.lx-tab-info .shop-info .lx-way .fly span{ background:url(../images/ico-fly.png) no-repeat 27px 20px;}
.lx-tab-info .shop-info .lx-info{ overflow:hidden; width:100%; border:4px solid #ccefef; box-sizing:border-box; padding:19px 21px; min-height:108px; margin-bottom:15px;}
.lx-tab-info .shop-info .lx-info i{ display:block; width:50px; height:30px; background:#fffa85; color:#0a0a0a; font-size:18px; border:2px solid #000000; border-radius:5px; text-align:center; line-height:30px; font-style:normal; position:relative; float:left;}
.lx-tab-info .shop-info .lx-info i:before{ display:block; content:''; width:4px; height:30px; position:absolute; bottom:-30px; left:50%; margin-left:-2px; background:#000000;}
.lx-tab-info .shop-info .lx-info i:after{ display:block; content:''; width:26px; height:8px; position:absolute; bottom:-30px; left:50%; margin-left:-13px; background:#000000;}
.lx-tab-info .shop-info .lx-info p{ display:none; width:600px; float:right; line-height:30px;}
.lx-tab-info .shop-info .lx-info p.on{ display:block;}
.lx-tab-info .shop-info a{ display:block; width:300px; hei70px; line-height:70px; text-align:center; color:#fff; font-size:24px; border-radius:25px; background:#faaa00; float:left;}
.lx-tab-info .shop-info a:nth-of-type(2){ float:right; background:#00afaf;}