@charset "utf-8"; /* CSS Document */ /*====== media 0 ~ 768 =====*/ @media screen and (min-width:0px) and (max-width:768px){ .v-wrap { min-width: 320px; width: 100%; } .v-w { width: 100%; } .header .v-fr,#content { /*隐藏导航条*/ display: none; } .header { height: 60px; } .logo { margin-top: 3px; margin-left: 4.6875%; width: 140px; } .fix-pt { padding-top: 60px; } #goTopBtn { /* 返回顶部 */ bottom: 15px; right: 4.6875%; width: 28px; height: 28px; background-size: contain; } /*手机导航按钮*/ .mobileNav { display: block; } .mobileNav .hamburgMenuBtn { margin-right: 0; float: right; display: block; width: 64px; height: 60px; border: 0; background-size: 50%; background-color: #fff; background-image: url(../img/icon-Mmenu.png); background-repeat: no-repeat; background-position: center center; } .menuPop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: 0 auto; display: block; width: 100%; height: 100%; background-color: #384088; z-index: 12; } .menuPop .top { height: 60px; } .searchBtn,.closeMenuBtn { position: absolute; top: 0; display: block; width: 60px; height: 60px; line-height: 60px; text-align: center; font-size: 14px; color: #fff; text-indent: -99em; border: 1px solid #fff; background-color: transparent; background-repeat: no-repeat; background-position: center; background-size: 50% auto; overflow: hidden; } .searchBtn { left: 0; background-image: url(../img/icon-searchBtn.png); } .closeMenuBtn { right: 0; background-image: url(../img/icon-closeBtn.png); } .menuPop .mc { position: absolute; top: 60px; left: 0; right: 0; bottom: 0; margin: 0 auto; padding-bottom: 60px; display: block; overflow: hidden } .menuPop .mc>section{ margin: 0 60px; display: block; text-align: center; } .menuPop .levelNav { position: relative; padding-left: 10px; display: block; line-height: 56px; font-size: 16px; color: #ddd; text-align: left; border-top-width: 2px; border-top-color: #bbb; border-top-style: solid; } .menuPop section:first-child .levelNav { border-top: none; } .menuPop .levelNav.curr { color: #f6ac15; border-top-color: #f6ac15; } .menuPop section:not(:first-child) .levelNav::after { content: ''; width: 8px; height: 8px; position: absolute; top: 50%; right: 10px; margin-top: -8px; background: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-top: none; border-right: none; z-index: 2; -webkit-border-radius: 0; border-radius: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: center center; transform-origin: center center; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -ms-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; } .menuPop section:not(:first-child) .levelNav.curr::after { margin-top: 0; border-color: #f6ac15; -webkit-transform: rotate(135deg); transform: rotate(135deg); } .menuPop .itemWrap { display: none; } .menuPop .item { padding-top: 0; padding-bottom: 30px; display: block; } .menuPop .item li { display: block; } .menuPop .item a { position: relative; padding-left: 20px; display: block; line-height: 40px; text-align: left; color: #ddd; font-size: 14px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #5d6184; } .menuPop .item a:hover, .menuPop .item a:active { color: #f6ac15; border-bottom-color: #f6ac15; } .menuPop .item li:last-child a { border-bottom: none; } .menuPop .item a:before { content: ''; position: absolute; top: 50%; left: 10px; margin-top: -1px; display: block; width: 2px; height: 2px; background-color: #fff; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; } /*手机搜索弹窗*/ .searchWrap { position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: 0 auto; display: block; width: 100%; height: 100%; z-index: 11; } .searchWrap .mc { position: absolute; top: 50%; left: 10px; right: 10px; margin: 0 auto; padding: 10px; display: block; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .searchWrap .mc { position: relative; height: 46px; border-bottom: 1px solid #ddd; overflow: hidden; z-index: 13; } .searchWrap .inp, .searchWrap .btn { position: absolute; top: 0; } .searchWrap .inp { left: 0; right: 60px; padding: 0 10px; height: 46px; color: #fff; font-size: 16px; text-align: left; border-top: none; border-right: none; border-left: none; border-bottom: none; background-color: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; } .searchWrap .btn { right: 0; width: 60px; height: 46px; border: 0; text-indent: -99em; background-color: transparent; background-image: url(../img/icon-searchBtn.png); background-position: center center; background-repeat: no-repeat; background-size: 50%; overflow: hidden; } .searchWrap .bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: 0 auto; display: block; width: 100%; height: 100%; background-color: rgba(61,69,139,.95); z-index: 12; } /*轮播图*/ .banner .ban { padding-top: 36.0625%; height: 0; } .banner .swiper-button-next,.swiper-button-prev { /*隐藏轮播图左右按钮*/ display: none; } .banner .swiper-pagination { position: relative; } /*三大经营模块*/ .plate { position: relative; padding: 4.6875% 4.6875% 0 4.6875%; width: auto; max-width: 100%; } .plate .con .plates { margin-left: 0; } .plate .con .plates .pls { margin-bottom: 2.34375%; margin-left: 0; width: 100%; } .plate .con .plates .pls:last-child { margin-bottom: 0; } .plate .con .plates .pls img { left: auto; right: 10px; } .plate .con .plates .pls figcaption { padding-top: 26.875%; padding-left: 3.125%; padding-right: 0; height: 0; background-image: url(../img/pic-cover.png); background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto; } .plate .con .plates .pls a:hover figcaption { padding-top: 26.875%; } .plate .con .plates .pls figcaption h1 { position: absolute; top: 26.744%; font-size: 20px; } .plate .con .plates .pls .en { position: absolute; top: 60.46%; font-size: 15px; } /*首页新闻块*/ .news { padding-top: 0; } .news .in-newlist { padding: 4.6875% 4.6875% 0 4.6875%; margin: 0; width: auto; float: none; } .news .in-newlist .title { width: 100%; } .new-swiper { margin-top: 10px; width: 100%; height: auto; } .new-swiper .new-s-pic { position: relative; padding-top: 40%; width: 40%; height: 0; } .new-swiper .new-s-pic img { position: absolute; top: 0; left: 0; display: block; width: 100%; } .new-swiper .new-s-tit { padding-left: 4.9%; /* width: 60%; */ height: auto; } .new-swiper .new-s-tit h1,.new-swiper .new-s-tit p { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; white-space: normal !important; -webkit-box-orient: vertical; } .new-swiper .new-s-tit h1 { margin: 6px 0 0 0; -webkit-line-clamp: 2; } .new-swiper .new-s-tit p { margin: 6px 0 0 0; -webkit-line-clamp: 3; } .new-swiper .rrow { display: none; } /*首页地产开发块*/ .proclaim { margin: 4.6875% 4.6875% 0 4.6875%; display: block; width: 90.625%; height: auto; float: none; } .proclaim .ban { position: relative; padding-top: 46.89%; height: 0; background-position: 0 0; background-size: cover; } .proclaim .p-box { display: none; top: 50%; bottom: auto; min-width: 46.55%; width: auto; height: auto; padding: 8.148% 5.55%; opacity: .8; filter: alpha(opacity=80); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .pagingSmallStyle .swiper-button-next, .pagingSmallStyle .swiper-button-prev { display: none; } /*首页周刊块*/ .weekly { margin: 4.6875% 4.6875% 0 4.6875%; float: none; width: auto; height: auto; } .weekly .ban { height: auto; } .weekly .ban .w-pic,.weekly .ban .tit { display: table-cell; vertical-align: top; float: none; } .weekly .ban .w-pic { width: 42.758%; } .weekly .ban .tit { padding-left: 4.8275%; width: 57.242%; } .weekly .ban .tit p { line-height: 26px; } /*底部*/ .v-footer { padding: 0; background-color: #34333b; overflow: hidden; } .v-footer .v-w { margin: 3.3333% 4.6875%; min-width: auto; width: auto; height: auto; font-size: 0; } .v-footer .desc { float: none; text-align: left; } .v-footer .desc em,.v-footer .standBy { line-height: 1.875; float: none; display: block; font-size: 12px; } .v-footer .standBy { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } /* * 内页顶部 * -------------------------- * Inside the top of the page */ .v-inpageTop .inBar>.v-w { height: 100px; } .v-inpageTop .inBar .pageDesc { bottom: 15px; right: 10px; font-size: 22px; } .v-inpageTop .currPath { line-height: 40px; } .v-inpageTop .currPath .pathWrap { float: none; display: block; width: 100%; border-bottom: 1px solid #e2e5e6; } .v-inpageTop .currPath .path-linkWrap { padding-left: 8px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .v-inpageTop .currPath .icon-goHome { width: 40px; height: 40px; line-height: 40px; background-size: 16px 16px; } .v-inpageTop .currPath .SecNavWrap { float: none; display: block; width: 100%; border-right: none; overflow: hidden; } .v-inpageTop .SecNavWrap .swiper-scrollbar { bottom: 1px; height: 2px; } .v-inpageTop .SecNavWrap .swiper-scrollbar-drag { bottom: 1px; height: 2px; } .v-inpageTop .currPath .SecNavWrap ul { width: auto; font-size: 0; line-height: 40px; white-space: nowrap; /* overflow-x: auto !important; -webkit-overflow-scrolling : touch !important; */ } .v-inpageTop .currPath .SecNavWrap ul::-webkit-scrollbar-track-piece { background-color: rgba(0, 0, 0, 0); border-bottom: 1px solid rgba(0, 0, 0, 0); } .v-inpageTop .currPath .SecNavWrap ul::-webkit-scrollbar { width: 10px; height: 2px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .v-inpageTop .currPath .SecNavWrap ul::-webkit-scrollbar-thumb { /*设置滚动条透明度*/ background-color: rgba(0, 0, 0, .2); background-clip: padding-box; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; max-width: 18px; min-height: 2px; } .v-inpageTop .currPath .SecNavWrap ul::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, .6); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .v-inpageTop .currPath .SecNavWrap li { float: none; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } .v-inpageTop .currPath .SecNavWrap li a { line-height: 40px; } /*内页公用外包盒子*/ .v-main { padding: 20px; } .v-main .subject { padding-bottom: 20px; } .v-main .subject h2 { font-size: 16px; } .v-main .subject p { margin-top: 6px; font-size: 16px; } /* * 领导致辞 * ------------- * leader's speech */ .aboutLeaderSpeechWrap { margin: 0 auto; width: auto; } /* * 集团简介 * ------------- * group profile ==> aboutIntroductionWrap */ .aboutIntroductionWrap .con { width: auto; } /* * 发展历程 * ------------- * development path ==> aboutCourseWrap */ .aboutCourseWrap ul { margin-top: 0; margin-left: 0; padding-top: 0; } .aboutCourseWrap .row { padding-bottom: 19px; } .aboutCourseWrap .row .years { position: relative; top: -5px; left: 0; font-size: 26px; } .aboutCourseWrap .row h4 { padding-left: 10px; font-size: 18px; background-size: 6px 10px; } .aboutCourseWrap .row p { padding-top: 6px; padding-left: 10px; line-height: 1.5; } /* * 慈善公益 * ------------- * Charity ==> aboutCharityWrap */ .aboutCharityWrap li { width: 98.33%; } /* * 品牌荣誉 * ------------- * Brand Honors ==> aboutBrandHonorsWrap */ .aboutBrandHonorsWrap li { width: 98.33%; } /* * 地产开发 && 商业运营(部分) * ------------- * Real Estate Development ==> realEstateDevelopmentWrap */ #zoom .content.loading { background-size: 16px 16px; } #zoom .close { top: 0; right: 0; background-size: 50% auto; } #zoom .previous, #zoom .next { background-size: 50% auto; } #zoom .previous { left: 0%; } #zoom .next { right: 0%; } #zoom .viewBigPic { right: 0%; } .realEstateDevelopmentWrap .itemSwitch .itemSwitchWrap,.commercialOperationWrap .itemSwitch .itemSwitchWrap { margin-top: 15px; line-height: 36px; } .realEstateDevelopmentWrap .itemSwitch .itemSwitchWrap a,.commercialOperationWrap .itemSwitch .itemSwitchWrap a { padding: 0 14px; font-size: 14px; } .realEstateAspectWrap,.cooperationBrandWrap { margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; } .realEstateAspectWrap .picWrap,.cooperationBrandWrap .picWrap { margin-bottom: 0; } .realEstateAspectWrap .picWrap .pic, .realEstateAspectWrap .picWrap .desc, .cooperationBrandWrap .picWrap .pic, .cooperationBrandWrap .picWrap .desc { float: none; width: 100%; } .realEstateAspectWrap .picWrap .pic, .cooperationBrandWrap .picWrap .pic { padding-top: 39.375%; } .realEstateAspectWrap .picWrap .desc, .cooperationBrandWrap .picWrap .desc { padding-right: 1.66%; line-height: 34px; } .in-picTt { height: 72px; background-size: cover; } .realEstateAspectWrap .picTable { margin-left: 0; } .realEstateAspectWrap .picTable>figure { float: none; margin-bottom: 5%; margin-left: 0; width: 100%; } /*热销户型*/ .hotTypeBox { margin-left: auto; margin-right: auto; } .hotTypeBox .swiper-container { padding: 0 0; } .hotTypeBox .swiper-container::before, .hotTypeBox .swiper-container::after { display: none; } .hotTypeBox .swiper-slide { padding-left: 0; padding-right: 0; width: 100%; } /*图集弹窗层*/ .bigSwiper { background-color: rgba(255,255,255,.9); } .bigSwiper .swiper-container { top: 25%; left: 0; right: 0; width: auto; height: 50%; } .bigSwiper .swiper-slide { padding: 10px; } .bigSwiper .swiper-slide img { border: 2px solid #fff; } /* * 商业运营 * ------------- * Commercial Operation ==> commercialOperationWrap */ .addressWrap .itemSwitchObj { padding-top: 60%; } .addressWrap .itemSwitchWrap { overflow-x: auto !important; -webkit-overflow-scrolling : touch !important; } .addressWrap .itemSwitchWrap::-webkit-scrollbar-track-piece { background-color: rgba(0, 0, 0, 0); border-bottom: 1px solid rgba(0, 0, 0, 0); } .addressWrap .itemSwitchWrap::-webkit-scrollbar { width: 10px; height: 2px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .addressWrap .itemSwitchWrap::-webkit-scrollbar-thumb { /*设置滚动条透明度*/ background-color: rgba(0, 0, 0, .2); background-clip: padding-box; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; max-width: 18px; min-height: 2px; } .addressWrap .itemSwitchWrap::-webkit-scrollbar-thumb:hover { background-color: rgba(0, 0, 0, .6); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } /*公用标题*/ .commonTitle { padding-left: 10px; font-size: 16px; } .commonTitle::before { width: 5px; } .commercialServiceWrap .mc .con { width: auto; } /*合作品牌*/ .cooperationBrand { margin-top: 30px; } /*优惠活动*/ .promotionsBox .swiper-container { padding: 0 0; } .promotionsBox .swiper-container::before, .promotionsBox .swiper-container::after { display: none; } .promotionsBox .swiper-slide { padding-right: 0; padding-left: 0; width: 100%; } /* * 物业服务 * ------------- * commercial service ==> commercialServiceWrap */ .pagingStyle .swiper-button-next,.pagingStyle .swiper-button-prev { display: none; } /* * 新闻中心 * ------------ * newsListWrap */ .v-main .newsListWrap .item { margin-left: 0; } .v-main .newsListWrap .cell { margin-left: 0; margin-bottom: 30px; float: none; width: 100%; } .v-main .newsListWrap .cell .mc h4 { padding-top: 0; } .v-main .newsListWrap .cell .mc p { padding-top: 2px; line-height: 20px; } /* * 新闻内页 * ------------ * News page */ .newsDetailsWrap .main,.newsDetailsWrap .side { float: none; width: 100%; } .newsDetailsWrap .tt { font-size: 16px; line-height: 1.5; } .newsDetailsWrap .side { margin-top: 40px; } .newsDetailsWrap .side .tWrap .tt { padding: 10px 0; } .newsDetailsWrap .side .tWrap .ft { padding: 0; height: 0; } /* * 品牌中心 * ------------- * brandListWrap */ .brandListWrap .listWrap,.brandListWrap .picWrap { float: none; width: 100%; } .brandListWrap .listWrap .selWrap::after { background-size: 8px 7px; } .brandListWrap .listWrap .listBox .con p { padding: 20px 0 0 0; } /* * 集团招聘 * ------------- * Group Recruitment ==> humanResourcesWrap */ .humanResourcesWrap .linkBox .mc { padding: 10px; } .humanResourcesWrap .linkBox .mc .time, .humanResourcesWrap .linkBox .mc .infoWrap { display: block; } .humanResourcesWrap .linkBox .mc .time { padding-bottom: 4px; width: 100%; font-size: 18px; } .humanResourcesWrap .linkBox .mc .infoWrap { padding-left: 0; } .humanResourcesWrap .linkBox .btn { background-size: 24px 20px; } .humanResourcesWrap .selWrapBox { padding: 10px !important; } .humanResourcesWrap .selWrapBox .ctrlBox { margin-bottom: 10px; padding-left: 0; display: inline-block; *display: inline; *zoom: 1; width: 50%; height: auto; } .humanResourcesWrap .selWrapBox .ctrlBox:nth-child(even) { padding-right: 0; } .humanResourcesWrap .selWrapBox .ctrlBox.cltrSearch { padding-left: 0; padding-right: 0; width: 100%; } .humanResourcesWrap .selWrapBox .selWrap, .humanResourcesWrap .selWrapBox .lab { display: block; } .humanResourcesWrap .selWrapBox .ctrlBtn { margin-bottom: 0; display: block; width: 100%; height: 46px !important; } .humanResourcesWrap .selWrapBox .selWrap::after { background-size: 50%; } /*日历控件*/ .laydate_body .laydate_box { position: fixed !important; top: 50% !important; left: 50% !important; margin-top: -110px !important; margin-left: -121px !important; display: block; } /* * 联系我们 * ------------ * contactUsWrap */ .contactUsWrap ul { overflow: inherit; } .contactUsWrap li { margin-left: -20px !important; margin-right: -20px !important; margin-bottom: 0; padding: 20px !important; float: none !important; width: auto !important; } .contactUsWrap li:nth-of-type(even) { background-color: #fff; } .contactUsWrap .info,.contactUsWrap .map { float: none; width: 100%; } .contactUsWrap .info .tt { font-size: 16px; } .contactUsWrap .info .addressWrap, .contactUsWrap .info .phoneWrap { margin-top: 10px; padding-left: 28px; background-position: 0 4px; } .contactUsWrap .info .addressWrap { margin-bottom: 10px; background-size: 15px 20px; } .contactUsWrap .info .addressWrap p, .contactUsWrap .info .addressWrap a, .contactUsWrap .info .phoneWrap p, .contactUsWrap .info .phoneWrap a { overflow: initial; text-overflow: initial; white-space: normal; } .contactUsWrap .info .phoneWrap { background-size: 20px 20px; } .contactUsWrap .info .phoneWrap .num { padding: 6px 0; font-size: 24px; } .contactUsWrap .map { padding-top: 50%; } /* * 搜索页 * ------------ * Search page */ .searchPageWrap .searchBox .table .inpWrap, .searchPageWrap .searchBox .table .btn { height: 50px; } .searchPageWrap .searchBox .table .inpWrap { padding-right: 50px; } .searchPageWrap .searchBox .table .btn { width: 50px; background-size: 28px 28px; } .searchPageWrap .searchBox .table, .resultFeedback { width: 100%; } } /*====== media 0 ~ 320 =====*/ @media screen and (min-width:0px) and (max-width:320px){ .v-wrap { max-width: 320px; } .v-w { max-width: 320px; } /* * 新闻中心 * ------------ * newsListWrap */ .v-main .newsListWrap .cell .btnWrap { position: absolute; top: -22px; right: 0; margin-top: 0; } .v-main .newsListWrap .cell .mc .btn { display: none; } .v-main .newsListWrap .cell .mc .data { padding: 4px 10px; font-size: 14px; color: #999; background-color: #ebe4dd; } .v-moreBtn { padding-top: 12.498%; background-size: 20px 20px; } } /*====== media 321 ~ 414 =====*/ @media screen and (min-width:321px) and (max-width:414px){ .v-wrap { max-width: 414px; } .v-w { max-width: 414px; } /* * 新闻中心 * ------------ * newsListWrap */ .v-main .newsListWrap .cell .btnWrap { position: absolute; top: -22px; right: 0; margin-top: 0; } .v-main .newsListWrap .cell .mc .btn { display: none; } .v-main .newsListWrap .cell .mc .data { padding: 4px 10px; font-size: 14px; color: #999; background-color: #ebe4dd; } .v-moreBtn { padding-top: 12.498%; background-size: 20px 20px; } } /*====== media 321 ~ 414 =====*/ @media screen and (min-width:375px) and (max-width:768px){ .weekly .ban .w-pic { width: 100px; height: 154px; padding-top: 0; } .weekly .ban .tit p { line-height: 28px; } .proclaim .p-box { padding: 3.148% 2.55%; } } /*====== media 415 ~ 640 =====*/ @media screen and (min-width:415px) and (max-width:640px){ .v-wrap { max-width: 640px; } .v-w { max-width: 640px; } /*首页新闻块*/ .new-swiper .new-s-pic { padding-top: 0; width: 160px; height: 160px; } /* * 慈善公益 * ------------- * Charity ==> aboutCharityWrap */ .aboutCharityWrap li { width: 48.33%; } /* * 品牌荣誉 * ------------- * Brand Honors ==> aboutBrandHonorsWrap */ .aboutBrandHonorsWrap li { width: 48.33%; } /* * 新闻中心 * ------------ * newsListWrap */ .v-main .newsListWrap .cell .btnWrap { position: absolute; top: -22px; right: 0; margin-top: 0; } .v-main .newsListWrap .cell .mc .btn { display: none; } .v-main .newsListWrap .cell .mc .data { padding: 4px 10px; font-size: 14px; color: #999; background-color: #ebe4dd; } .v-moreBtn { padding-top: 12.498%; background-size: 30px 30px; } } /*====== media 641 ~ 768 =====*/ @media screen and (min-width:641px) and (max-width:768px){ .v-wrap { max-width: 768px; } .v-w { max-width: 768px; } /*首页新闻块*/ .new-swiper { margin-left: -10px; width: 102%; width: -webkit-calc(100% + 10px); width: -moz-calc(100% + 10px); width: calc(100% + 10px); height: auto; } .new-swiper .swiper-slide { padding-left: 10px; width: 50% !important; } .new-swiper .new-s-pic { position: relative; float: none !important; padding-top: 82.7586%; width: 100%; height: 0; } .new-swiper .new-s-tit { padding-bottom: 4.6875%; padding-left: 0; float: none !important; width: 100%; height: auto; } /* * 慈善公益 * ------------- * Charity ==> aboutCharityWrap */ .aboutCharityWrap li { width: 31.66%; } /* * 品牌荣誉 * ------------- * Brand Honors ==> aboutBrandHonorsWrap */ .aboutBrandHonorsWrap li { width: 31.66%; } /* * 商业运营 * ------------- * Commercial Operation ==> commercialOperationWrap */ .promotionsBox .swiper-slide { padding-left: 10px; padding-right: 10px; width: 50%; } /* * 新闻中心 * ------------ * newsListWrap */ .v-moreBtn { padding-top: 8.498%; background-size: 30px 30px; } } /*====== media 769 ~ 960 =====*/ @media screen and (min-width:769px) and (max-width:960px){ .v-wrap { min-width: 769px; width: 100%; max-width: 960px; } .v-w { width: 100%; max-width: 960px; } /**/ .header { padding: 0 20px; height: 50px; } #content { top: 49px; height: 50px; } #subNav { height: 50px; } #subNav .g-wrap .item a { padding: 0; margin-left: 5px; margin-right: 5px; line-height: 50px; font-size: 12px; } .logo img { height: 50px; } /**/ #nav li { width: 60px; height: 50px; } #nav li a { line-height: 50px; font-size: 12px; } #shop { height: 50px; } #shop .btn-search { top: 15px; } .shop { width: 100%; } .shop .search { height: 50px; } .shop .search input { height: 34px; } .fix-pt { padding-top: 50px; } /**/ .banner .ban { padding-top: 36.8229166%; } .resetPaging { display: none; } /**/ .plate .con { float: none; } .plate .con .plates .pls { margin: 0 1%; width: 31.33%; } /**/ .v-footer .desc, .v-footer .standBy { padding: 0; line-height: 20px; float: none; } /* * 慈善公益 * ------------- * Charity ==> aboutCharityWrap */ .aboutCharityWrap li { width: 31.33%; } /* * 商业运营 * ------------- * Commercial Operation ==> commercialOperationWrap */ .promotionsBox .swiper-slide { width: 50%; } /* * 新闻中心 * ------------ * newsListWrap */ .v-main .newsListWrap .cell .mc h4 { padding-top: 6px; } .v-main .newsListWrap .cell .mc p { line-height: 20px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; white-space: normal !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .v-main .newsListWrap .cell .btnWrap { margin-top: 6px; } .v-main .newsListWrap .cell .mc .btn, .v-main .newsListWrap .cell .mc .data { padding: 8px 2%; width: auto; } .v-main .newsListWrap .cell .mc .data { font-size: 14px; } .v-moreBtn { padding-top: 4.498%; background-size: 30px 30px; } /* * 集团招聘 * ------------- * Group Recruitment ==> humanResourcesWrap */ .humanResourcesWrap .selWrapBox { padding: 10px 0; } .humanResourcesWrap .selWrapBox .selWrap, .humanResourcesWrap .selWrapBox .lab { display: block; } .humanResourcesWrap .selWrapBox .ctrlBtn { margin-top: 0; height: 80px; } } /*====== media 961 ~ 1300 =====*/ @media screen and (min-width:961px) and (max-width:1240px){ .v-wrap { min-width: 961px; width: 100%; max-width: 1240px; } .v-w { width: 100%; max-width: 1240px; } /**/ .header { padding: 0 20px; height: 60px; } #content { top: 59px; height: 60px; } .logo img { height: 60px; } /**/ #nav li { width: 75px; height: 60px; } #nav li a { line-height: 60px; } #shop { height: 60px; } #shop .btn-search { top: 20px; } .shop { width: 100%; } .fix-pt { padding-top: 60px; } /**/ .banner .ban { padding-top: 36.8229166% } .resetPaging { padding: 0 20px; } /* * 新闻中心 * ------------ * newsListWrap */ .v-main .newsListWrap .cell .mc h4 { padding-top: 4px; } .v-main .newsListWrap .cell .mc p { line-height: 20px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all; white-space: normal !important; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .v-main .newsListWrap .cell .btnWrap { margin-top: 14px; } .v-main .newsListWrap .cell .mc .btn, .v-main .newsListWrap .cell .mc .data { padding: 8px 2%; width: auto; } .v-main .newsListWrap .cell .mc .data { font-size: 14px; } } @media screen and (min-width:769px) and (max-width:1240px){ /**/ .plate { padding: 0 20px; max-width: 100%; } .news { margin-left: -1.00%; padding: 20px 20px 0 20px; width: 101.00%; } .news .in-newlist, .proclaim, .weekly { margin-left: 1.00%; width: 32.33%; } .new-swiper { height: auto; } .new-swiper .new-s-pic { width: 120px; height: 120px; } .new-swiper .new-s-tit { padding-left: 10px; } .new-swiper .new-s-tit p { margin-top: 6px; -webkit-line-clamp: 2; } .proclaim, .weekly { height: 178px; } .proclaim .p-box { bottom: 10px; opacity: .8; filter: alpha(opacity=80); } .pagingSmallStyle .swiper-button-next, .pagingSmallStyle .swiper-button-prev { display: none; } .weekly .ban .w-pic { padding-top: 0; width: 81px; height: 125px; } .weekly .ban .tit p { line-height: 25px; } /**/ .v-footer .v-w { padding: 0 20px; height: auto; font-size: 0; } .v-footer .desc, .v-footer .standBy { padding-top: 6px; padding-bottom: 6px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; font-size: 12px; } /* * 内页顶部 * -------------------------- * Inside the top of the page */ .v-inpageTop .inBar>.v-w { height: 120px; } .v-inpageTop .inBar .pageDesc { bottom: 15px; right: 10px; font-size: 26px; } .v-main { padding: 40px; } /* * 地产开发 * ------------- * Real Estate Development ==> realEstateDevelopmentWrap */ .realEstateAspectWrap, .cooperationBrandWrap { margin-left: -40px; margin-right: -40px; padding-right: 40px; padding-left: 40px; } .in-picTt { padding-top: 6.8333%; height: 0; } }