a { cursor: pointer; } 

em { font-style: normal; } 

p,
div,
span { cursor: default; } 

ul,
ol { list-style: none; } 

table { border-collapse: collapse; border-spacing: 0; } 

a,
ins { text-decoration: none; } 

*:focus { outline: none; } 

a { color: #333; outline: none !important; } 

.fl { float: left; } 

.fr { float: right; } 

.cf:after { display: block; content: ""; height: 0; visibility: hidden; clear: both; } 

.cf { zoom: 1; } 

.hide { display: none; } 

.block { display: block; } 
body { background: #f5f5f7; } 
.w1200 { width: 1200px; margin: 0 auto; } 

/* banner */

.banner { width: 100%; height: 300px; background: #629bc7 url(./shzjtbanner.png) no-repeat center; } 
.banner-box { } 
.banner_tit span { display: inline-block; width: 100%; text-align: center; } 
.banner_tit .hw { margin: 17px 0px 14px 0; letter-spacing: 0.39px; font-size: 24px; color: #000000; line-height: 33px; font-weight: bold; } 
.banner_tit .yw { font-size: 14px; color: #000000; letter-spacing: 0.23px; line-height: 19px; } 

.main { width: 100%; background: #f4f7fb; } 

/* 生活在建投 */
a { cursor: pointer !important; } 
.banner .banner-box { width: 1200px; margin: 0 auto; } 
.banner .banner-cont { width: 1200px; margin: 0 auto; height: 300px; position: relative; } 
.banner .banner-cont { width: 1200px; margin: 0 auto; height: 300px; position: relative; } 
.banner-nav-ul { width: 1200px; margin: 0 auto; position: absolute; bottom: 0; left: 0; } 
.banner-nav-ul li { flex: 0 0 25%; width: 25%; max-width: 25%; text-align: center; float: left; height: 80px; position: relative; background: #00000066; } 
.banner-nav-ul li:hover { background: #ffffff; } 
.banner-nav-ul li.shu-li p span { font-size: 14px; color: #ffffff; letter-spacing: 0; font-weight: 400; text-align: center; display: inline-block; height: 17px; line-height: 17px; width: 25px; border-radius: 10px; position: absolute; } 
.banner-nav-ul li a { width: 100%; height: 100%; display: block; } 
.banner-nav-ul li p { padding-top: 14px; line-height: 25px; font-size: 18px; width: 100%; margin-bottom: 0px; padding-bottom: 8px; cursor: pointer; color: #ffffff; letter-spacing: 0.39px; font-weight: 600; text-align: center; } 
.banner-nav-ul li.shu-li .mumb { width: 25px; text-align: center; font-size: 14px; color: #ffffff; letter-spacing: 0; font-weight: 400; text-align: center; height: 17px; line-height: 17px; border-radius: 10px; background: #ff3b30; } 
.banner-nav-ul li span { font-size: 14px; cursor: pointer; color: #fff; line-height: 19px; display: block; letter-spacing: 0.26px; font-weight: lighter; width: 100%; text-align: center; } 
.banner-nav-ul li:hover a { z-index: 7; } 
.banner-nav-ul li:hover p { color: #1677ff; } 
.banner-nav-ul li:hover span { color: #999999; } 
.banner-nav-ul li.nhover p { color: #1677ff; } 
.banner-nav-ul li.nhover span { color: #999999; } 
.banner-nav-ul li.nhover a { background: #ffffff; } 
@media only screen and (max-width: 1679px) and (min-width: 1440px){
 .banner .banner-box { width: 1280px !important; } 
 .banner .banner-cont { width: 1280px !important; } 
 .banner-nav-ul { width: 1280px; } 
 }
@media only screen and (max-width: 1439px) and (min-width: 1279px){
 .banner-nav-ul { width: 1200px; } 
 }
@media only screen and (max-width: 1279px) and (min-width: 768px){
 .banner .banner-cont { width: 1280px; } 
 .banner-nav-ul { width: 1200px; } 
 }
@media only screen and (max-width: 768px) { body { min-width: 1440px; } 
 }

/* 菜单导航 */
.position_nav { width: 100%; background: #fff; height: 64px; border-bottom: 1px solid #d8d8d8; z-index: 99; } 
.menu li { font-size: 16px; color: #666666; letter-spacing: 0.26px; line-height: 64px; margin-right: 40px; height: 64px; } 
.menu li a { display: inline-block; font-size: 16px; color: #999999; letter-spacing: 0.26px; line-height: 64px; font-weight: 400; } 

.menu li.current,
.menu li:hover { border-bottom: 3px solid #0091ff; } 
.menu li.current a,
.menu li:hover a { color: #333333; font-weight: 500; } 
.menu li:last-child { margin-right: 0; } 

.gddw { position: fixed; top: 0px; z-index: 995; height: 64px; border-top: 1px solid #d8d8d8; } 

/* 美味餐饮 */
.floor_1 { background: url(./cybg.png) repeat-x; min-height: 530px; } 
.foot_box { position: relative; } 
.foot { width: 570px; min-height: 440px; background: #FFFFFF; position: absolute; margin-top: 30px; padding: 30px 0; padding-right: 30px; } 
.foot>h3 { font-weight: 600; font-size: 22px; color: #333333; margin-left: 30px; margin-bottom: 30px; } 
.foot h4 { padding-left: 30px; height: 50px; line-height: 50px; font-weight: 500; font-size: 20px; color: #333333; letter-spacing: 0; background: url(./cy_title_bg.png) no-repeat left center; } 
.foot p { padding-left: 30px; font-weight: 400; font-size: 16px; color: #333333; letter-spacing: 0; line-height: 32px; margin: 20px 0 20px 0; } 
.foot_img { float: right; margin-top: 30px;     height: 440px;
   } 
.line { border: 1px solid #EEEEEE; margin-bottom: 20px; margin-left: 30px; } 
/* 租房住宿 */

.floor_2 { min-height: 464px; width: 100%; } 
.house_box { height: 100%; padding: 30px 0; } 
.house_l { width: 570px; height: 100%; float: left; } 
.house_r { width: 570px; height: 100%; float: right; } 
.house_box>h3 { font-weight: 600; font-size: 22px; color: #333333; margin-bottom: 20px; } 
.house_box img { margin-bottom: 20px; } 
.house_box h4 { margin-bottom: 20px; padding-left: 30px; height: 50px; line-height: 50px; font-weight: 500; font-size: 20px; color: #333333; letter-spacing: 0; background: url(./cy_title_bg.png) no-repeat left center; } 
.house_box p { font-weight: 400; font-size: 16px; color: #333333; letter-spacing: 0; line-height: 32px; } 
.house_box .hl { float: left; margin-right: 30px; } 
.house_box .hr { float: left; } 


.floor_2,
.floor_4,
.floor_6,
.floor_8 { width: 100%; background: #fafbfd; background: #fff; } 


/* 交通出行 */
#floor3 { width: 100%; min-height: 564px; background: url(./jtcx.png) no-repeat center center; } 
.jt_box { overflow: hidden; } 
.jt_box>h3 { font-weight: 600; font-size: 22px; color: #333333; margin: 30px 0; } 
.jt_l { width: 570px; min-height: 444px; float: left; background: #FFFFFF; } 
.jt_r { width: 600px; float: right; } 
.jt_r_t { width: 100%; min-height: 258px; background: #FFFFFF; overflow: hidden; } 
.jt_r_b { width: 100%; min-height: 162px; background: #FFFFFF; margin-top: 24px; overflow: hidden; } 
.jt_box h4 { margin: 30px 0 20px 0; padding-left: 30px; height: 50px; line-height: 50px; font-weight: 500; font-size: 20px; color: #333333; letter-spacing: 0; background: url(./cy_title_bg.png) no-repeat left center; } 
.jt_box p { padding:0 30px; color: #333333; font-size: 16px; font-weight: 400; line-height: 32px; text-align: left; } 

/* 生活娱乐 */
#floor4 { width: 100%; min-height: 390px; margin-top: 30px; } 
.life_box { overflow: hidden; } 
.life_l { float: left; width: 540px; } 
.life_r { float: right; width: 630px; } 
.life_r>h3 { font-weight: 600; font-size: 22px; color: #333333; } 
.po { font-size: 16px; color: #333333; text-align: justify; line-height: 32px; margin-top: 20px; } 
.pt { font-size: 16px; color: #333333; padding-left: 20px; text-align: justify; margin-top: 20px; min-height: 50px; line-height: 50px; background: url(./kfsj.png) no-repeat; } 
.pl { font-weight: 400; font-size: 14px; color: #999999; text-align: justify; margin-top: 10px; } 

/* 多功能休息 */
#floor5 { width: 100%; min-height: 390px; } 
.xx_box { overflow: hidden; } 
.xx_l { float: left; width: 630px; } 
.xx_r { float: right; width: 540px; } 
.xx_l>h3 { font-weight: 600; font-size: 22px; color: #333333; } 
.xx_l>h4 { margin: 30px 0 20px 0; padding-left: 30px; height: 50px; line-height: 50px; font-weight: 500; font-size: 20px; color: #333333; letter-spacing: 0; background: url(./cy_title_bg.png) no-repeat left center; } 
.xx_l { font-size: 16px; color: #333333; letter-spacing: 0; text-align: justify; line-height: 32px; } 
/* 响应式 */
@media only screen and (max-width: 1880px) and (min-width: 1480px){
 .w1920 { width: 97%; margin: 0 auto; } 
 .zhkp,
 .dsz,
 .develop,
 .school,
 .zhkp .company,
 .develop .company { padding: 0px 7% 0 7%; width: 700px; } 
 .dsz .company,
 .school .company { padding: 0px 7% 0 7%; width: 700px; } 
 .company { width: 520px; } 
 .w1440 { width: 1280px; } 
 }

@media only screen and (max-width: 1479px) and (min-width: 1279px){
 .w1920 { width: 97%; margin: 0 auto; } 
 .zhkp,
 .dsz,
 .develop,
 .school,
 .w1440 { width: 1200px; } 
 .dsz .company,
 .school .company { padding: 0px 6% 0 6%; width: 650px; } 
 .zhkp .company,
 .develop .company { padding: 0px 6% 0 6%; width: 650px; } 
 .banner .banner-cont,
 .banner .banner-box { width: 1200px !important; } 
 .gddw { position: static !important; } 
 .company { width: 540px; } 
 }

@media only screen and (max-width: 1279px) and (min-width: 768px){
 .main { width: 1280px; } 
 .floor_1,
 .floor_2,
 .floor_9,
 .floor_10,
 .position_nav,
 .banner { width: 1280px; } 
 .w1920 { width: 97%; margin: 0 auto; } 
 .zhkp,
 .dsz,
 .develop,
 .school,
 .w1440 { width: 1200px; } 
 .zhkp .company,
 .develop .company { padding: 0px 5% 0 5%; width: 600px; } 
 .dsz .company,
 .school .company { padding: 0px 5% 0 5%; width: 600px; } 
 .banner .banner-cont,
 .banner .banner-box { width: 1200px !important; } 
 .gddw { position: static !important; } 
 .company { width: 480px; } 
 }
@media only screen and (max-width: 767px){
 .main { width: 1280px; } 
 .floor_1,
 .floor_2,
 .floor_10,
 .position_nav,
 .banner { width: 1280px; } 
 .w1920 { width: 97%; margin: 0 auto; } 
 .zhkp,
 .dsz,
 .develop,
 .school,
 .w1440 { width: 1200px; } 
 .zhkp .company,
 .develop .company { padding: 0px 5% 0 5%; } 
 .dsz .company,
 .school .company { padding: 0px 5% 0 5%; } 
 .floor_9_bg .company,
 .floor_10_bg .company { padding: 0 23%; } 
 .banner .banner-cont,
 .banner .banner-box { width: 1200px !important; } 
 .gddw { position: static !important; } 
 }