/* CSS Document */ /*屏幕小于等于800*/ @media ( max-width:800px ) { /* html { font-size:56% } */ body { font-family: "PingFang SC", "Microsoft Yahei", "微软雅黑" ,"黑体" ,"宋体", Helvetica, Arial, sans-serif; font-weight:300 } em, q, cite, address, h1, h2, h3, h4, h5, h6, th { font-weight:300 } input { vertical-align:middle; font-family: "PingFang SC", "Microsoft Yahei", "微软雅黑" ,"黑体" ,"宋体", Helvetica, Arial, sans-serif; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; appearance:none; -moz-appearance:none; -webkit-appearance:none } .container *{white-space:normal!important} #dituContent,#mask,iframe{width:100%!important;height:350px!important;} .mo_positionRelative { position: relative!important } .mo_positionAbsolute { position: absolute!important } .mo_positionStatic { position:static!important; top: 0; left: 0; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0) } .mo_poabsolute-h50 { position:absolute; top:50%; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%) } .mo_poabsolute-b { position:absolute; bottom:0 } .zy{max-height: 50px;line-height: 25px;overflow: hidden;} /* float */ .mo_fleft { float:left!important } .mo_fright { float:right!important } .mo_fnone { float:none!important } /* text-align */ .mo_tleft { text-align:left!important } .mo_tright { text-align:right!important } .mo_tcenter { text-align:center!important } .mo_font-bold { font-weight: bold } .mo_fontSize10 { font-size:10px } .mo_fontSize12 { font-size:1.2rem } .fontSize50 { font-size: 3rem } .fontSize80 { font-size: 5rem } .fontSize100 { font-size: 6rem } .m1{margin-left:-6px!important} h1, .h1 { font-size: 2.4rem } h2, .h2 { font-size: 2.2rem } h3, .h3 { font-size: 2rem } h4, .h4 { font-size: 1.8rem; line-height:1.8em } h5, .h5 { font-size: 1.7rem } h6, .h6 { font-size: 1.6rem } .mo_fa-3x { font-size: 3em!important } .mo_fa-2_6x { font-size: 2.6em!important } .index-kwicks .kwicks h3{width:98%!important} .mo_bgfff { background: #fff } .mo_bgeee { background: #eee } .mo_bgf8f8f8 { background: #F8F8F8 } .mo_bgfbfbfb { background: #fbfbfb } .mo_margintop0 { margin-top:0!important } .mo_margintop5 { margin-top:5px } .mo_margintop10 { margin-top:10px } .mo_margintop15 { margin-top:15px } .mo_margintop20 { margin-top:20px } .mo_margintop30 { margin-top:30px } .mo_margintop40 { margin-top:40px } .mo_margintop50 { margin-top:50px } .mo_margintop60 { margin-top:60px } .mo_marginbottom0 { margin-bottom:0!important } .mo_marginbottom5 { margin-bottom:5px } .mo_marginbottom10 { margin-bottom:10px } .mo_marginbottom20 { margin-bottom:20px } .mo_marginbottom30 { margin-bottom:30px } .mo_marginbottom40 { margin-bottom:40px } .mo_marginleft0 { margin-left:0!important } .mo_marginleft5 { margin-left:5px } .mo_marginleft10 { margin-left:10px } .mo_marginleft20 { margin-left:20px } .mo_marginright0 { margin-right:0!important } .mo_marginright10 { margin-right:10px } .mo_marginright5 { margin-right:5px } .mo_marginright20 { margin-right:20px } .mo_marginright30 { margin-right:30px } .mo_marginauto { margin-left:auto; margin-right:auto } .mo_paddingtop0 { padding-top:5px!important } .mo_paddingtop5 { padding-top:5px!important } .mo_paddingtop10 { padding-top:10px } .mo_paddingtop15 { padding-top:15px } .mo_paddingtop20 { padding-top:20px } .mo_paddingtop30 { padding-top:30px } .mo_paddingtop40 { padding-top:40px } .mo_paddingbottom0 { padding-bottom:0!important } .mo_paddingbottom5 { padding-bottom:5px } .mo_paddingbottom10 { padding-bottom:10px } .mo_paddingbottom15 { padding-bottom:15px } .mo_paddingbottom20 { padding-bottom:0px } .mo_paddingbottom30 { padding-bottom:30px } .mo_paddingbottom40 { padding-bottom:40px } .mo_paddingbottom60 { padding-bottom:60px } .mo_paddingleft0 { padding-left:0!important } .mo_paddingleft10 { padding-left:10px } .mo_paddingleft20 { padding-left:20px } .mo_paddingleft90 { padding-left:90px } .mo_paddingright0 { padding-right:0!important } .mo_paddingright10 { padding-right:10px } .mo_paddingright20 { padding-right:20px } .mo_padding0 { padding:0!important } .mo_padding5 { padding:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .mo_padding10 { padding:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .mo_padding10_20 { padding:10px 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .mo_padding25 { padding:15px!important; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .mo_padding20 { padding:20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .mo_padding30 { padding:30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .mo_dis { display: block } .mo_undis { display:none } .mo_row5 { margin-left: -5px; margin-right: -5px } .row30, .row20 { margin-left: 0; margin-right: 0 } .infinite-height { margin-bottom: 0; padding-bottom: 0 } .area_100, .area_90, .area_85, .area_80, .area_75, .area_70, .area_66, .area_65, .area_60, .area_55, .area_50, .area_48, .area_45, .area_40, .area_35, .area_33, .area_30, .area_28, .area_25, .area_22, .area_20, .area_15, .area_10 { float:none; width:100% } .mo_width33 { max-width: 33%; width:33% } .mo_width30 { max-width: 30%; width:30% } .mo_width40 { max-width: 40%; width:40% } .mo_width50 { max-width: 50%; width:50% } .mo_width60 { max-width: 60%; width:60% } .mo_width80 { max-width: 80%; width:80% } .mo_width100 { max-width: 100%; width:100% } .mo_heightauto { height: auto } .com-rows_1 { height:auto; display:block; white-space:inherit; overflow:visible; text-overflow:inherit } .com-rows_2, .com-rows_max2, .com-rows_3, .com-rows_4, .com-rows_max4, .com-rows_5 { max-height: 100%; height:auto; line-height:1.3em; overflow:visible; text-overflow:inherit; display:block } .newsheight .com-rows_2 { height:3.15em; line-height:1.6em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical } .newsheight .com-rows_3 { height:4.75em; line-height:1.6em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical } .househeigt .com-rows_4 { height:5.55em; line-height:1.6em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical } .container, .containercolumn { width: 100%; padding-left: 15px; padding-right: 15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box } .fontSize42 { font-size: 32px } .top-kv { height: 190px; margin-top: 60px;} .mo_colorfff { color: #fff } /*-------------------底部-------------------*/ .footer .footbox .poabsolute-w50 { line-height: 24px } .index-hexagon .footer .hexagon { display: block } /* .footbox .area_45 a { padding: 20px 25px 20px 60px;box-sizing: border-box;position: relative } .footbox .area_45 a .fontSize12 { margin-left: -40px;float: left; } .footbox .area_45 a:nth-of-type(2) { background: #d40210 } .footbox .area_45 i { right: 25px } */ .index-hexagon .footer .footbox { display: none } .footer .footlog { height: 35px } .footer .footlog2 { height: 30px;margin-top: 0 } .contacttxt.undis { display: inline-block } .footer .footnav { font-size: 12px } .mo_listtb { padding: 0 25px;box-sizing: border-box } input[type="text"], input[type="password"], select { height: 28px; line-height: 28px } .td-input { width: 200px } .foottxt { display: block } /*-------------------内页通用-------------------*/ .insidekv { margin-top: 48px } .insidekv-slogan { height: calc(100%) } .iconkv .icon-fudi { font-size: 1em!important;left: 10px;top: -1px } .level3kv { height: 122px; margin-top: 48px } .block-padding { padding-top: 30px; padding-bottom: 30px } .block-padding-t { padding-top: 30px } .block-padding-b { padding-bottom: 30px } .block-padding-t30 { padding-top: 0 } .block-padding-t45 { padding-top: 15px } .block-padding-t50 { padding-top: 20px } .block-padding-b45 { padding-bottom: 15px } .block-padding-b50 { padding-bottom: 20px } .card-padding { padding:20px } .headspace { height: 48px } .mo_insidetitle { display: inline-block; margin-left: 20px; padding: 10px 10px 5px; border-bottom: 5px solid #ef3139; box-sizing: border-box } .distance-top2 { height: 66px } .distance-top { height: 66px } .label-top .icon-fudi1 { left: 9px;top:18px;font-size: 1em!important } .nd-con img { max-width: 100% } .footer { margin-top: -80px } .columnheight { height: calc(35vh); min-height: 280px } .columnmin { height: calc(22vh);min-height: 180px } .mo_detaillink { border-bottom: 1px solid #ededed } /*-------------------关于复地-------------------*/ .about-kv { background: url(../img/mo_about-kv.jpg);background-size: cover;background-position: center } .strategy-box { margin-top: 0 } .strategy-box2 { margin-top: 0 } .company-img { max-width: 200px } .company-txt { top: 40% } .moaboutimg { margin-right: 25px } .moaboutimg img { width: 115%;margin-left: -15% } .companytxt .width33:nth-last-of-type(1){ margin-left: 25% } .combox { margin-left: 80px } .combox .comtxt { margin-left: -80px } .strbox { margin-left: 40px } .strbox .fa-4x { font-size: 2.4em!important } .strbox .strnumber .fa-3x { font-size: 2em!important } .strbox .strnumber { margin-left: -40px } .strbox .strnumber .icon-fdzlicon { top: 0 } .brand-kv { height: 190px } .about-box { background: url(../img/mo_about-box.jpg) no-repeat right bottom;background-size: cover } .about-box2 { background: url(../img/mo_about-box2.jpg) no-repeat right bottom;background-size: cover } /*-------------------新闻-------------------*/ .news-kv { background: url(../img/mo_news-kv.jpg);background-size: cover;background-position: center } .newstab { margin-right: 0;width: 33.33%;text-align: center } .newstab { padding: 20px 0 } .search-dl { width: calc(100vw - 50px) } .search-dl dt input { width: 100% } .search-dl { margin-right: 0 } .search-dl input[type="text"] { padding: 0 } .search-dl dd a { width: 30px } .search-dl dt input { border-bottom: 1px solid #d2d2d2 } /*-------------------蜂巢城市-------------------*/ .coalesce-kv { background: url(../img/mo_coalesce-kv.jpg);background-size: cover;background-position: center } .tdgov-b { border-right: none } .beehivebox { margin-left: 30px } .beehiveb { bottom: 8%;left: 0 } .beehivegk { margin-left: 0 } .beehivegk i { margin-left: -45px } .tsitem1>div:nth-of-type(2n-1) div:nth-of-type(2) { padding-left: 0px;box-sizing: border-box } .tsitem1>div:nth-of-type(2) div:nth-of-type(2) { padding-right: 0px;box-sizing: border-box } .smartimg { width: 80%; margin: auto } .beehive-btn { top: 35% } .coalesce-box { background: url(../img/mo_coalesce-box.jpg) no-repeat right bottom;background-size: cover } .coalesce-box2 { background: url(../img/mo_coalesce-box2.jpg) no-repeat right bottom;background-size: cover } .coalesce-box3 { background: url(../img/mo_coalesce-box3.jpg) no-repeat right bottom;background-size: cover } /*-------------------智造产业-------------------*/ .smart-kv { background: url(../img/mo_smart-kv.jpg);background-size: cover;background-position: center } .tdgov-b i { font-size: 2.6em!important } .developbox i { font-size: 2.6em!important } .smart-box { background: url(../img/mo_smart-box.jpg) no-repeat right bottom;background-size: cover } .smart-box2 { background: url(../img/mo_smart-box2.jpg) no-repeat right bottom;background-size: cover } .smart-box3 { background: url(../img/mo_smart-box3.jpg) no-repeat right bottom;background-size: cover } /*-------------------幸福生态-------------------*/ .happiness-kv { background: url(../img/mo_happiness-kv.jpg);background-size: cover;background-position: center } .happiness-tabs h4 { padding: 20px 0 } .happlogo { padding: 30px 0 0 0 } .mo_join-img { position: absolute;bottom: -80px } .housecontent { margin-left: 100px } .healthbox { margin-left: 0 } .healthtxt { margin-left: 0;width: 100% } .health-kv { background: url(../img/mo_health-kv.jpg);background-size: cover;background-position: center } .happy-kv { background: url(../img/mo_happy-kv.jpg);background-size: cover;background-position: center } .rich-kv { background: url(../img/mo_rich-kv.jpg);background-size: cover;background-position: center } .healthborder img { width: 60px;padding-bottom: 20px } .happiness-box { background: url(../img/mo_happiness-box.jpg) no-repeat right bottom;background-size: cover } .happiness-box2 { background: url(../img/mo_happiness-box2.jpg) no-repeat right bottom;background-size: cover } .happiness-box3 { background: url(../img/mo_happiness-box3.jpg) no-repeat right bottom;background-size: cover } /*-------------------幸福家庭-------------------*/ .city-kv { background: url(../img/mo_city-kv.jpg); background-size: cover;background-position: right top;} .city-txt { width: 100% } .city-list { top: 136px;width: calc(100vw - 50px) } .house-txt { width: 200px } .house-list { width: 200px } .houselogo { width: 70px } .projectheight div { height: calc(25vh); min-height: auto } /*-------------------加入复地-------------------*/ .join-kv { background: url(../img/mo_join-kv.jpg); background-size: cover;background-position: right center;} .theoyicon>div { max-width: 50% } .join-box { background: url(../img/mo_join-box.jpg) no-repeat right bottom;background-size: cover } .join-box2 { background: url(../img/mo_join-box2.jpg) no-repeat right bottom;background-size: cover } .contactbox { margin-left: 45px } .contactbox span { margin-left: -45px } .contactbox2 { margin-left: 45px;margin-right: 0 } .contactbox2 span { margin-left: -45px } .contactbox2 .mo_mapicon { display: inline-block } .contactbox2 .mapicon { display: none } .contactewm img { width: 100% } .growupbox .growuptxt { margin-left: -60px } .growupbox { margin-left: 60px } .lxwm{width:100%;padding-top:20px;} } /*-------------------兼容iphone5-------------------*/ @media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){ html { font-size:52% } }