﻿body{
    background: #f4f6f7;
}
.left{float:left;}
.right{float:right;}
.ml30{
    margin-left: 30px;
}
.aImg,
.aImg img{
    display: block;
    width: 100%;
    height: 100%;
}


.LivingInBeijing-content,.w1200{
    width: 1200px;
    margin: 0 auto;
}
.Living-in-Beijing{
    width: 1200px;
    height: 348px;
    position: relative;
}
.Living-in-Beijing-title{
    width: 1200px;
    /* height: 108px; */
    padding: 53px 0 17px 0;
}
.Living-in-Beijing-title a{
    font-size: 42px;
    color: #333333;
}
.Living-in-Beijing-banner{
    width: 1200px;
    height: 240px;
}
.Application{
    width: 1200px;
    height: 280px;
}
.Application-title{
    padding: 47px 0 28px 0;
}
.Application-title a{
    display: inline-block;
    height: 30px;
    font-size: 24px;
    color: #333;
    line-height: 34px;
    border-left: 6px solid #333;
    padding-left: 14px;font-weight: bold;
    text-decoration: none;
}
/*.Application-title a:hover{
	text-decoration: underline;
}*/
.Application-list{
    width: 1200px;
    height: 185px;
}
.Application-list li{
    width: 277px;
    height: 185px;
    float: left;
    margin-right: 30px;
    position: relative;
}
.Application-list li.Application-list-li4{
    margin-right: 0;
}
.Application-list-title{font-size: 18px;color: #333;text-align: center;}


.Application-list-title{
    width: 277px;
   position: absolute;
    left: 0;
    bottom: 28px;
    text-align: center;
}
.Application-list-title a{
    font-size:18px;
    color: #333;
    font-weight: bold;
    line-height: 24px;
}


.Housing .Application-title{
    padding: 47px 0 22px 0;
}
.Housing-list{
    width: 1200px;
    height: 215px;
}
.Housing-list li{
    float: left;
    position: relative;
}
.Housing-list-li1{
    width: 320px;
    height: 215px;
    margin-right: 30px;
}
.Housing-img{
    width: 320px;
    height: 180px;
}
.Housing-title{
    width: 320px;
    height: 20px;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    line-height: 20px;
}
.Housing-title a{
    font-size: 18px;
    color: #333;
}
.Housing-list-w500{width:500px;}
.Housing-list-w500 ul{width:522px;overflow: hidden;}
.Housing-list-li2{
    width:240px;
    height:80px;
    margin-right:20px; margin-bottom: 20px;position:relative;
}
.Housing-list-li2 .Housing-img{ width: 240px;height: 80px;}
.Housing-list-title,.Safety-title{position:absolute;top:30px;left:105px;}
.Housing-list-title a,.Safety-title a{color:#333;font-size:20px;}
.Safety-title{left:120px;font-weight: bold;}


.Transportation .Application-title{
    padding: 40px 0 28px 0;
}
.Transportation-list{
    width: 1200px;
    height:135px;
}
.Transportation-list li{
    float: left;
    width: 120px;
    position: relative;
    height:135px;
}
.Transportation-list-img{
    width: 120px;
    height: 60px;
}
.Transportation-list-img a{
    display: block;
   
    margin: 0 auto;
}
.Transportation-list-title{
    text-align: center;
    margin-top: 24px;
}
.Transportation-list-title a{
    color: #333;
    font-size:18px;
}

.HealthEducation{height:310px;}
.Health,.Education,.Finance,.Safety{width:580px;}
.HealthCon{ background: url(Health.png) center center no-repeat;height:210px;}
.EducationCon{ background: url(Education.png) center center no-repeat;height:210px;}
.HealthCon-list{padding:0 35px 0 232px}
.HealthCon-list ul li{ background:url(icon-w.png) 0 8px no-repeat;margin-bottom:15px;}
.HealthCon-list ul li a{ display:block;font-size:18px;color:#fff;line-height:27px; padding-left:18px;}
.textwrap {display:table;width:100%;height:100%;*position:relative;overflow:hidden;}
.textsubwrap {vertical-align:middle;display:table-cell;*position:absolute;*top:50%;*left:0;*width:100%;*display:block;} 
.textcontent {*position:relative;*top:-50%;*left:0;*cursor:pointer;}
.EducationCon .HealthCon-list ul li{ background:url(icon-b.png) 0 8px no-repeat;margin-bottom: 15px;
    height: 59px;overflow: hidden;margin-top: 15px;}
.EducationCon .HealthCon-list ul li a{color:#333}
.HealthCon-list{width:314px;font-weight: bold;}
.Health .HealthCon-list{overflow: hidden;white-space:nowrap;}





.FinanceSafety{height:376px;}
.FinanceCon li{width:180px;height:266px;float:left;margin-right:20px; position: relative;}
.FinanceCon li.Application-list-li3{margin-right:0;}
.FinanceCon .Application-list-title{position:absolute;bottom:30px;width:180px;text-align: center;}
.FinanceCon .Application-list-title a{color:#333;}



.SafetyCon ul{width:600px;overflow: hidden;}
.SafetyCon li{width:280px;height:81px;float:left;margin-right:20px;margin-bottom: 11px;position:relative;}
.SafetyCon li img{width:280px;height:81px;}



.DiningShopping{height:468px;clear: both;padding-bottom: 40px;}
.DiningShopping-con .ds-title{font-size:20px;border-top:1px solid #333;padding-top:17px;padding-bottom:17px;color:#333;font-weight: bold;}
.DiningShopping-con ul,.Recommendation-con ul{width:1250px;overflow: hidden;}
.DiningShopping-con li,.Recommendation-con li{width:380px; float: left;margin-right:30px;font-size:18px;color:#333;line-height: 34px;}
.DiningShopping-con li img,.Recommendation-con li img{width:380px;height:215px;}
.DiningShopping-con li .ds-img-tit a,.Recommendation-con li .ds-img-tit a,.DiningShopping-con .ds-title a{color:#333;}
/* .DiningShopping-con .ds-title a:hover{text-decoration: underline;} */



.Recommendation{/*background: url(bj-bg.png) center center no-repeat;*/height:526px;min-width: 1200px;}
.Recommendation .left{width: 380px;}
.Recommendation .right{width: 790px;}
.Recommendation .Application-title{padding-bottom:23px}

.DiningShopping-con li .ds-img-tit,.Recommendation-con li .ds-img-tit{height:65px;overflow: hidden;}
.DiningShopping-con li .ds-img-tit{margin-top:18px;}

.ds-titleimg span{background: url(lzh.png) center center no-repeat;height:40px;width:52px; display: inline-block;}
.ds-titleimg a{line-height:40px;position: relative;bottom:15px;}
.DiningShopping-con li .ds-titleimg a,.DiningShopping .Application-title a,.Safety .Application-title a{text-decoration: none !important;}

.livingall{min-width:1200px;overflow: hidden;}

.markmore,.markmoreblck {clear:both; text-align: right;padding-right: 20px;padding-top: 20px;font-size: 16px;}
.markmoreblck{padding-right:0px;}
.markmore a{ text-decoration: underline !important; color: #fff;}
.markmoreblck a{color:#333;}
.Recommendation .markmoreblck{padding-right:3px;}
.Housing{position: relative;}
.Housing .markmoreblck{ position: absolute;bottom: 0px; right: 0;}
.DiningShopping .markmoreblck{padding-top:0;}



.livingall .Application .markmoreblck{ position: relative;z-index: 999;}

/* 新增 Quick Guide on Driving in Beijing */
.Q-G-on-Driving-in-Beijing{
    width: 378px;
    height: 168px;
    overflow: hidden;
    position: relative;
    z-index: 100;
    box-sizing: border-box;
    border: 1px solid #b8cee5;
}
.Q-G-on-Driving-in-Beijing a{
    display: block;
    width: 100%;
    height: 100%;
}
.Q-G-on-Driving-in-Beijing-bgCon{
    height: 170px;
    overflow: hidden;
}
.Q-G-on-Driving-in-Beijing-bg{
    width: 380px;
    height: 170px;
    float: left;
    background: url(Driving-card-bg.jpg) no-repeat;
    background-size: contain;
}
.Q-G-on-Driving-in-Beijing-title{
    position: absolute;
    left: calc(50% - 168px);
    top: 15px;
    z-index: 10;
}
.Q-G-on-Driving-in-Beijing-card{
    position: absolute;
    left: 30px;
    bottom: 10px;
}

.Q-G-on-Driving-in-Beijing-box .banner-a{
    width: 1200px;
    height: 170px;
    margin: 0 auto;
    position: relative;
}
.Q-G-on-Driving-in-Beijing-box .banner-a-img{
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.Q-G-on-Driving-in-Beijing-box .banner-a-img ul{
    width: 10000px;
}
.Q-G-on-Driving-in-Beijing-box .banner-a-img ul li{
    float: left;
    width: 378px;
    height: 168px;
    margin-right: 30px;
    border: 1px solid #b8cee5;
    position: relative;
}
.Q-G-on-Driving-in-Beijing-box .banner-a-img ul li img{
    display: block;
    width: 100%;
    height: 100%;
}
.Q-G-on-Driving-in-Beijing-box .banner-a-img ul li:last-child{
    margin-right: 0;
}