/* CSS Document */

/*屏幕小于等于800*/
@media ( max-width:800px ) {	
html { font-size:56% }
body { font-size:12px; font-size:1.2rem; /* 12÷10=1.2 */ line-height:160%;  font-family:webfont, "PingFang SC", "Microsoft Yahei", "微软雅黑" ,"黑体" ,"宋体", Helvetica, Arial, sans-serif }

.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_leftauto {left: auto!important;}
/* 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 }
/* text bolb*/
.mo_fontweight{font-weight: bold;}
.fontSize24 { font-size:2.2rem!important;line-height:1.4em!important }
.mo_fontSize30 { font-size:3rem!important;line-height:1.4em!important }
.fontSize50 { font-size:4rem!important;line-height:1.4em!important }
h1, .h1 { font-size: 2.8rem }
h2, .h2 { font-size: 2.4rem }
h3, .h3 { font-size: 2.2rem }
h4, .h4 { font-size: 2rem }
h5, .h5 { font-size: 1.8rem }
h6, .h6 { font-size: 1.6rem }
.mo_marginauto {margin: 0 auto;}
.mo_margin0 {margin: 0 !important;}
.mo_marginbottom10-0{margin:10px 0 !important;}
.mo_marginbottom20-0{margin:20px 0 !important;}
.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_margintop27 {margin-top:27px}
.mo_margintop30 { margin-top:30px }
.mo_margintop33 { margin-top:33px }
.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_marginleft0 { margin-left:0!important }
.mo_marginleft5 { margin-left:5px }
.mo_marginleft10 { margin-left:10px }
.mo_marginleft15 { margin-left:15px }
.mo_marginleft20 { margin-left:20px }

.mo_marginright0 { margin-right:0!important }
.mo_marginright5 { margin-right:5px }
.mo_marginright10 { margin-right:10px }
.mo_marginright15 { margin-right:15px }
.mo_marginright20 { margin-right:20px }
.mo_marginright30 { margin-right:30px }
.mo_marginright40 {margin-right:40px}

.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_paddingtop15 { padding-top:15px }
.mo_paddingtop20 { padding-top:20px }
.mo_paddingtop30 { padding-top:30px }
.mo_paddingtop40 { padding-top:40px }
.mo_paddingtop60 { padding-top:60px }

.mo_paddingbottom0 { padding-bottom:0!important }
.mo_paddingbottom5 { padding-bottom:5px }
.mo_paddingbottom9 { padding-bottom:9px }
.mo_paddingbottom10 { padding-bottom:10px }
.mo_paddingbottom15 { padding-bottom:15px }
.mo_paddingbottom20 { padding-bottom:20px }
.mo_paddingbottom30 { padding-bottom:30px }
.mo_paddingbottom40 { padding-bottom:40px }

.mo_paddingleft0 { padding-left:0!important }
.mo_paddingleft5 { padding-left:5px }
.mo_paddingleft10 { padding-left:10px }
.mo_paddingleft20 { padding-left:20px }
.mo_paddingleft30 { padding-left:30px }
.mo_paddingleft40 { padding-left:40px }
.mo_paddingleft45 { padding-left:45px }
.mo_paddingleft50 { padding-left:50px }
.mo_paddingleft60 { padding-left:60px }
.mo_paddingleft70 {padding-left: 70px;}
.mo_paddingright0 { padding-right:0!important }
.mo_paddingright10 { padding-right:10px }
.mo_paddingright20 { padding-right:20px }

.mo_padding0 { padding:0!important }
.mo_padding1 { padding:1px; -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_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_padding40 { padding:40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.mo_padding10_0 {padding:10px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.mo_padding20_0 {padding:20px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.mo_padding30_0 {padding:30px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
.mo_dis { display: block }
.mo_undis { display:none }

.area_100, .area_90, .area_85, .area_80, .area_75, .area_70, .area_66,.area_64, .area_65, .area_60, .area_55, .area_50, .area_45,.area_48, .area_40, .area_35, .area_33, .area_30,.area_32 ,.area_25, .area_23,.area_20, .area_15, .area_10,.width80{ float:none; width:100% }
.mo_area_30{width: 30%;}
.mo_area_33{width: 33.33%;}
.mo_area_20{width: 25%;}
.mo_area_50{width: 50%;}
.mo_area_80{width: 80%;}
/* .row8,.row10,.row15,.row20,.row30 { margin-left:0; margin-right: 0  } */
.mo_rowauto.row15 { margin-left:-15px; margin-right: -15px  } 

.mo_width50 { max-width: 50%; width:50% }
.mo_width35 { max-width: 35%; width:35% }
.mo_width33 { max-width: 33%; width:33% }
.mo_width100 { max-width: 100%; width:100% }
.mo_heightauto { height: auto }
.mo_minheight div{height: 95px;}
.mo_imgw80 { max-width:80% }

.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_5 { max-height: 100%; height:auto; line-height:1.3em; overflow:visible; text-overflow:inherit; display:block }
.mo_com-rows_2 { max-height:2.95em; line-height:1.5em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical/*最多显示2行，超出省略号*/ }

.mo_left0 { left: 0!important; right: auto!important }
.mo_right0 { left: auto!important; right: 0!important }

/*-------------------通用头部-------------------*/ 
#cd-lateral-nav { display: block;margin-top: 60px }
.headbox { display: none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border:none; position: relative }


/*-------------------底部通用-------------------*/
.copyright { position: static; top: 0; left: 0; right: auto; margin-top: 20px } 

#tabs div { padding-right: 10px }
.title-tabs .fleft a { margin-right: 10px }
.title-tabs .fright { float: left!important }
.foot-link>div:nth-of-type(1) {width: 25%; padding: 10px;}
.foot-link>div:nth-of-type(2) {width: 25%; padding: 10px;}
.foot-link>div:nth-of-type(3) { width:28%; padding: 10px;}
.foot-link>div:nth-of-type(4) { width:25%; padding: 10px;}
.foot-link>div:nth-of-type(5) { width:26%; padding: 10px;}
.foot-link>div:nth-of-type(6) { width:26%; padding: 10px;}
.suspendBtn {width: 100px; height: 100px;}
.suspendBtn.cur .suspend_open {left: -114px;}
.foot-logo {float: none;  margin: 0 auto;}
/*-------------------内页通用-------------------*/
.mo_overhidden { overflow:hidden }
.overhidden { overflow:hidden }
.mo_poabsolute-wh50 { position:absolute; top:50%; left:50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.block-padding{padding-top:30px ; padding-bottom: 30px;}
.mo_bgf9f9f9{background-color: #f9f9f9;}
.mo_bge6e6e6 { background-color: #e6e6e6;}


/* 探索上坤 */
.index02-lis .width80{width: 80%;}
.indexkv {
    width: 100%;
    height: 200px;
    min-height: 200px;
}
.inedexkv{height: 100%;}
.inedexkv .video1 {
    min-height: auto;
    width: 100%;
    top: auto;
    left: auto;
    transform: none;
}
.con1-title::before {width: 100%;height: 22px; left: -19%;}
.con2-title::before {width: 100%;height: 22px; left: -25%;}
.width63{width: 100%;}
#newBanner.container{padding-left: 0;padding-right: 0;}
.com-link .cf .area_50 .area_80{width: 80%;}
.li-height02 { height: 230px;}
.top37-43 {top: 37%;left: 52%;}
#indexsk .swiper-slide {overflow: hidden;}
.shares-con ,.li-height01{height: 300px;}
/* 新闻 */
.mo_titletabs .area_33{width: 33.3%;float: left;}
.mo_height220{height: 225px;}
.news_kv {
    background : url(../images/news/grouptop.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}
.input-news {
    margin-right: 0;
    margin-bottom: 20px;
    float: none!important;
}
.titletop .left0 {
    left: 20px!important;
    top: auto;
    bottom: 25px;
}
.wall-column {
    width: auto;
    float: none;
    padding: 0;
}
.layout-map.area_50,.layout-swiper .area_90{width: 100%;}
.selectStyle {width: 100%;} 
.layout-tabMenu .input-news{width: 100%;padding-left: 7px;float: left!important;}
.city-mainbox .container {width: 100% !important; margin-left: 0;padding: 0;}
#leftbg { display: none;}
.city-mainbox .area_20 { width: 100%;background: #ededed;}
.mo_search .button-search { width: 100%;margin-right: 0;background-color: #fff;margin-bottom: 10px;}
.city-selectStyle{width: 100%;margin-bottom: 10px;}
.tab01-name{width: 100%; text-align: center;}
.detail-tab01-lis .mo_marginright20{}
.detail-tab01 .width80,.detail-tab02 .width80{width: 100%;}
.detail-tab01 .tab01-name-tab{right:10%}
.width250 {width: auto;}
.news-list2 .area_80 {width: 100%;}
.news-li2 .news-list2{margin: 0;}
.intro-indexTop .poabsolute-whb10-12{bottom: 5%; left: 15%;}
#bannerPagination{left: 8%;bottom: -4px;}
.news-icon .area_90 {width:90%}

/* 关于 */
#top-stage{height: calc(30vh);}
.media-toplay{bottom: 25%;}
.intro-indexTop .area_20{width: 80%;}
.indextop-txt {right: 10%;bottom: 25%;}
.indexTop-kv{height: 200px; min-height: 200px;}
.introTop-kv{height:80px; background-position: 98%;}
.bc-con .kwicks {height: auto;}
.bc-con .kwicks li {width: 100%;height: 640px;position: relative!important;margin-bottom: 1px;}
.timeline-box { padding-top: 0; padding-bottom: 30px; }
#timeline:before { left: 0; }
#timeline .timeline-item { margin-top: 30px; }
#timeline .timeline-item .timeline-content { width: 94%; float: right; }
#timeline .timeline-item .timeline-content:before, #timeline .timeline-item .timeline-content.right:before { left: 6%; margin-left: -8px; border-left: 0; border-right: 9px solid #ececec; }
#timeline .timeline-item .timeline-icon { left: 0; }
#timeline .timeline-item .timeline-icon-b{display: none;}
.re-con .kwicks {height: auto;}
.re-con .kwicks li {width: 100%;height: 300px;position: relative!important;margin-bottom: 1px;}
/* .residencetop-kv h4{left: 15%;} */
.re-img-height{height: 215px;}
/* .about-indexTop img{top: 20%;} */
.about-indexCenter .poabsolute-wh50-30{left: 50%;}
.mo_linheight2-5m {line-height: 2.5em;}
.dev-imgatxt .poabsolute-wh50-30{top: 37%; left: 40%;}
/* jiaru */
.joinindextop-bg,.devindextop-bg{height: 240px; min-height: 240px;}
.join-rencai-bg{ height: calc(30vh);}
.join-rencai-kv{left: 50%;}
.residencetop-kv {height: 100%;}
.dev-marginb50 {
    margin-left: 0  ;
   transform: translate(0);
}
.dev-marginb50 .area_33{width: 33.3%;}
/* leader */
.leadertop-bg{height: 100%;}
.leadertop-kv{height: 400px;}
.leadertop-bg .poabsolute-wh10-5{top: 10%; left: 17%;}
.leadertop-paper{height: 347px;
    width: 220px;top:40%; left: 5%; color: #fff;}
.leaderPaper-con.padding50{padding-left: 20px; padding: 0;}
.leadertop-paper-kv{background:none;}
.leadertop-kv{background-position: revert;}
.introduce-kv .l_icon02 {
    position: absolute;
    top: 39px;
    right: -11%;
    background: url(../images/about/leadername-bg.jpg)no-repeat;
    background-size: cover;
    background-position: top right;
    height: calc(30vh);
    min-height: 100px;
}
.mo_eg{    position: absolute;
    right: 16%;
    top: 27%;}
    .mo_message-txt{position: absolute;
        right: 6%;
        top: 40%;
    }
/* 宜居生活 */
.height60vh,.residencetop-bg{height: 240px; min-height: 240px;}
.residencetxt-bg{background-size: contain;}
.transbordertop-bg .poabsolute-whb5-5 ,.industrytop-bg .poabsolute-whb5-5,.devindextop-bg .poabsolute-whb5-5,.residencetop-bg .poabsolute-whb5-5{left: 15%; bottom: 7%;}
/* 文商旅 */
.industrytop-bg{height: 240px; min-height: 240px;}
.mo_industrytop-bg{
    background: url(../images/product/mo-industrytop.jpg);
    background-size: cover;
    background-position: center right;
    height: 240px; min-height: 240px;
  }
.id-con01-l, .id-con01-r { width: 100% }
.del-trianl, .id-con02>div:nth-of-type(even) .del-trianl { border-top:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #e6e6e6; top: auto; right: auto; bottom: 0; left: 20px }

/*文跳转页 */
.deltop-bg{height: 240px; min-height: 240px;}
.ind-del-icon .area_25{float: left !important; width: 50% !important;}
/* 荣誉历程 */
.honorContainer .swiper-slide:nth-of-type(2n-1) .honorIconBox { top: 7%}
.honorContainer .swiper-slide:nth-of-type(2n) .honorIconBox {bottom: 6%}
.honorContainer .swiper-slide:nth-of-type(2n-1) .honorIconYear .poabsolute-w50,.honorContainer .swiper-slide:nth-of-type(2n) .honorIconYear .poabsolute-w50{left:59%}
.mo_honorsLine{  
   transform: rotate(90deg);
   -ms-transform:rotate(90deg); 	/* IE 9 */
    -moz-transform:rotate(90deg); 	/* Firefox */
    -webkit-transform:rotate(90deg); /* Safari 和 Chrome */
    -o-transform:rotate(90deg); 	/* Opera */}
.mo_honelis{width: 190px;height: 150px;}  
.mo_honorIconBox .honorIconText { height: 66px;line-height: 22px;white-space: nowrap }
.mo_honorIcon .mo_honorIconYear:nth-of-type(2n) {}
.mo_honorIcon :nth-of-type(2n-1) .poabsolute-w50 {top: 34%;left: 42%;text-align: center;}
.mo_honorIcon .mo_honorIconYear:nth-of-type(2n-1).mo_honorIconYear,.mo_honorIcon .mo_honorIconYear:nth-of-type(2n-1).mo_honorIconYear .iconshuxing{color: #c22b21;}
.mo_honelisl{left: 15%;}
.mo_honelisr {left: 48%;}
.mo_honelisr  .iconshuxing{transform: rotate(90deg); -ms-transform:rotate(90deg); 	/* IE 9 */
-moz-transform:rotate(90deg); 	/* Firefox */
-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
-o-transform:rotate(90deg); 	/* Opera */
display: inline-block;}
.mo_honelisl .iconshuxing{transform: rotate(270deg);
   -ms-transform:rotate(270deg); 	/* IE 9 */
  -moz-transform:rotate(270deg); 	/* Firefox */
  -webkit-transform:rotate(270deg); /* Safari 和 Chrome */
  -o-transform:rotate(270deg); 	/* Opera */
  display: inline-block;}

.mo_honorswiperBox{height:auto !important;}
.mo_honelisr .mo_honorIconYear .poabsolute-w50{
    left: 55%;
}
.mo_honorsLine_x{height: 100%; width: 2px; background-color: #a5a5a5;}
.mo_honelisr .honorIconText{left: 10%;}
.indexabout-kv img{width: 80%;}
.mo_leftMenu{background-color: #ededed; margin-top: 20px; position: relative; height: 320px;}
.mo_rightCenter{ margin-top: 20px;margin-bottom: 20px;}
.mo_borderbottom1{border-bottom: 1px solid #fff;}
.mo_maxheight96 .mo_width50 {min-height: 96px;}
.mo_maxheight96 .line-fff{position: absolute;width: 90%;}
.layout-scrollkv {margin: 0 15px;}
.layout-scroll .width80{width: 80%;}
.xf-icon.area_25{width: 25%;float: left;}
.xf-contain .area_70{width: 70%; float: left;}
.introduce-kv .l_img{width: 50%; float: left;height: auto;}
.introduce-kv {height: calc(50vh); min-height: 400px;}
.honor-bg .width33{height: 90px;}
.honor-bg .mo_hbig{height: auto !important;}
.l_member .area_40 {    float: left;width: 50%;}
.l_member .area_55{width: 45%;}
.l_member ul li{padding-bottom: 20px !important;}
.mo_honorlis ul li p{max-width: 195px;}
.pborder-bottom::before{content: ""; width: 45px; height: 1px; background-color: #ff0000; position: absolute; bottom: -2px;}

/*-------------------联系我们-------------------*/
.contact-kv { height: 240px; min-height: 240px }
.contact-con01 { padding-left: 0 }
.contact-con01 dt { width: 100%; margin-left: 0 }
.contact-con01 dd { width: 100%; height: auto; position: static!important; background: transparent }

.contact-con02 .area_50 { background: #f8f8f8!important }
.contact-con02 .area_50:nth-of-type(2n) { background: #f0f0f0!important }


/* 可持续发展 */
.dindex-swiper .swiper-button-prev { left: calc(26vw) }
.dindex-swiper .swiper-button-next { right: calc(26vw) }
.dindex-swiper .swiper-button-prev, .dindex-swiper .swiper-button-next { width: 24px; height: 24px; top: 50%; margin-top: -12px; background-size: 60% 100% }
.indexkv-txtj{bottom: 13%;}


.mo_button-red { text-align: center; line-height: 2em; border: 1px solid #c22b21; box-sizing: border-box; color: #c22b21 }
.mo_button-red:hover { background: #c22b21; color: #fff }
.change_font, .change_fonts{font-size: 2.2rem;}
.news-list2 .fleft{width: 100%!important;margin: 0 !important;}
.honor-bg .width25 {height: 105px;}

}



/*-------------------兼容iphone5-------------------*/
@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){
    html { font-size:52% }
}