﻿/* CSS Document */

@media ( min-width:801px ) and ( max-width:1024px ) {
html { font-size:60% }

.fontSize50 { font-size:48px }
.fontSize60 { font-size:52px }
.fontSize80 { font-size:70px }

h1, .h1 { font-size: 34px }
h2, .h2 { font-size: 28px }
h3, .h3 { font-size: 22px }
h4, .h4 { font-size: 18px }
h5, .h5 { font-size: 16px }
h6, .h6 { font-size: 14px }

}

/*屏幕小于等于800*/
@media ( max-width:800px ) {	
html { font-size:62.5% }
body { font-family:"STHeiti","Hiragino Sans GB",Helvetica,"Microsoft Yahei",微软雅黑,黑体,新細明體,Arial,"Lucida Grande",sans-serif }
h1, h2, h3, h4, h5, h6 { font-weight:300 }

.mo_positionRelative { position: relative!important }
.mo_positionAbsolute { position: absolute!important } 
.mo_positionStatic { position:static!important; top: 0!important; margin-top: 0!important }
.mo_poabsolute-wh50 { 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-h0 { top: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) }

/* 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_margintop0 { margin-top:0!important }
.mo_margintop10 { margin-top:10px }
.mo_margintop20 { margin-top:20px }
.mo_margintop30 { margin-top:30px }
.mo_margintop40 { margin-top:40px }

.mo_marginbottom0 { margin-bottom:0!important }
.mo_marginbottom10 { margin-bottom:10px }
.mo_marginbottom20 { margin-bottom:20px }
.mo_marginbottom30 { margin-bottom:30px }

.mo_marginleft0 { margin-left:0!important }
.mo_marginright0 { margin-right:0!important }

.mo_marginauto { margin-left:auto; margin-right:auto }

.mo_paddingtop0 { padding-top:0!important }
.mo_paddingtop5 { padding-top:5px }
.mo_paddingtop10 { padding-top:10px }
.mo_paddingtop20 { padding-top:20px }
.mo_paddingtop30 { padding-top:30px }

.mo_paddingbottom0 { padding-bottom:0!important }
.mo_paddingbottom10 { padding-bottom:10px }
.mo_paddingbottom20 { padding-bottom:20px }
.mo_paddingbottom30 { padding-bottom:30px }

.mo_paddingleft0 { padding-left:0!important }
.mo_paddingleft10 { padding-left:10px }
.mo_paddingleft20 { padding-left:20px }

.mo_paddingright0 { padding-right:0!important }
.mo_paddingright10 { padding-right:10px }
.mo_paddingright20 { padding-right:20px }

.mo_padding0 { padding:0!important }
.mo_padding10 { padding:10px; -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_padding20_30 { padding:30px 20px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }

.mo_dis { display: block }
.mo_undis { display:none }

.mo_width10 { width: 10% }
.mo_width60 { width: 60% }
.mo_width92 { width: 92% }
.mo_width100 { width: 100%; margin-left: 0; margin-right: 0 }


.row10, .row15, .row20, .row40 { margin-left: 0; margin-right: 0 }
.negative-marginleft40, .negative-marginleft30, .negative-marginleft20 { margin-left: 0 }

.area_100, .area_90, .area_80, .area_75, .area_70, .area_66, .area_60, .area_55, .area_50, .area_45, .area_40, .area_35, .area_33, .area_30, .area_25, .area_20, .area_16, .area_15 { float:none; width:100% }

.mo_font-bold { font-weight:bold }
.mo_fontSize10 { font-size:10px }

.fontSize40 { font-size:3.2rem }
.fontSize50 { font-size:3.4rem }
.fontSize60 { font-size:3.6rem }
.fontSize80 { font-size:3.6rem }

h1, .h1 { font-size: 3rem; line-height: 1.1em }
h2, .h2 { font-size: 2.4rem; line-height: 1.1em }
h3, .h3 { font-size: 2.2rem }
h4, .h4 { font-size: 2rem }
h5, .h5 { font-size: 1.6rem }
h6, .h6 { font-size: 1.4rem }

.mo_line-height1_8em { line-height:1.8em }

.mo_border0 { border: 0 none }

.mo_bg000 { background: #000 }


#cd-lateral-nav, .mean-bar { display: block }

.container { width: 92%; margin-left: 4%; margin-right: 4% }

.headbox { display: none }

/*-------------------底部通用-------------------*/
.foot-share, .foot-mainbox, .footlink-box { width: 100% }
.footlink, .copyright { float: left; text-align:left } 
.copyright a { float: none; display: inline-block } 
.footlink { margin-bottom: 0 }
.footlink a { margin-right: 20px; margin-left: 0 }

/*-------------------内页通用-------------------*/
.inside-nav .tabs li { display: inline-block; width: 50%; float: left }
.inside-nav .tabs a { display: inline-block; width: 100% } 

/*-------------------首页-------------------*/
.index-txtbg { width: 40%; height: 240px; left: 30%; margin-left: 0 }
.index-txtbox, .index-txtbg { top: 0 }
.index-img { width: 100%; height: auto }
.index-img01, .index-img02, .index-img03, .index-img04 { -webkit-transform: perspective(0) rotateY(0) }
.index-imgbg { display: none }

.innews-dl { margin-left: 0 }
.innews-dl dt { width: 100%; margin-left: 0 }
.innews-box a { line-height:21px }
.innews-box a h6 { width: 100%; height: 21px; line-height: 21px; display: block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis }

/*-------------------关于新東苑-------------------*/
.about-kv { height: 270px }
.about-title { padding-top: 30px }

.speech-headportrait01 em, .speech-headportrait02 em { top: 15px }
.contact-con .marginbottom10 { margin-bottom: 5px }
.tab-con { padding-top: 80px }
.add-con .area_25 ul { height: auto }
.img-shq { width: 100%; max-width: 100% }

.partners-logobox { height: 60px }

/*-------------------我们的业务-------------------*/
.industries-kv { height: 270px }
.industries-title { padding-top: 30px }

.industries-con { height: 200px }
.industries-con .width15 { width: 40% }

.industries-insidekv { height: 220px }

.iit-iconbox { width: 20% }
.iit-txt { width: 80% }
.iit-txt h2 { font-size: 2rem; padding-top: 2px }
.iit-iconbox .iconfont.fa-4x { font-size: 3em!important }
.ininside-con { height: auto; overflow-y: initial; overflow-x: initial }

.develop-list dl { margin-left: 0 }
.develop-list dl dt { width: 100%; padding-right: 0; margin-left: 0 }

/*-------------------我们的业务-------------------*/
.aged-logo01 { width: 90%; height: auto }
.aged-img01, .aged-img02 { width: 100%; height: auto }

/*-------------------社会责任-------------------*/
.Corporate-kv { height: 270px }
.Corporate-title { padding-top: 30px }

.Corporate-con { height: auto }
.Corporate-con .area_50.height100 { height: 250px }

.Corporate-insidekv { height: 220px }

.ci-a { bottom: 20px }

.foundation-con02 .area_30.poabsolute-b { position: static; bottom: auto; margin-top: 10px }
.foundation-con02 .area_70 { margin-top: 20px }

.foundation-con02 .tabs a { font-size: 2rem } 

.time-con01 #time-owl, .time-con01 #time-owl .item, .time-con01 #time-owl .item img { height: auto }
.time-con01txt { height: auto }
.time-con01 h3.line-height3em { font-size: 20px; line-height: 2em }
.time-logobox { width: 80px; height: 60px; line-height: 60px }
.time-logobox img { height: 40px; margin-top: 10px }
.time-tabs.tabs a { font-size: 14px } 
.Corporate-ewm { max-width: 90%; margin-top: 10px }
.time-iphone01, .time-iphone02 { margin-right: auto }

/*-------------------新闻-------------------*/
.news-insidenav .tabs a { height: 80px }

.main-content { margin-left: 0 }
.calendar { display: none }

.news-list dl { margin-left: 0 }
.news-list dl dt { width: 100%; padding-right: 0; margin-left: 0 }

.nd-txt { width: 100% }
.nd-txt img { max-width: 100% }

/*-------------------加入我们-------------------*/
.recruit-kv { height: 270px }
.recruit-title { padding-top: 60px }
.rd-list .width15, .rd-list .width20 { width: 30% }
.rd-list .width85, .rd-list .width25, .rd-list .width10 { width: 70% }

/*-------------------快乐汇-------------------*/
.happy-kv { height: 270px }
.happy-title { padding-top: 60px }

}


/*-------------------兼容iphone5-------------------*/
@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){
html { font-size:52% }
}