.industryIndex .commonWrap { background: #f7f7f7 url(../image/industry/bg1.png) center bottom no-repeat; height: 450px; } .industryIndex .commonWrap .contentBox { padding-top: 65px; } .industryIndex .commonWrap .contentBox .topBox { overflow: hidden; padding-bottom: 30px; } .industryIndex .commonWrap .contentBox .topBox img { float: left; } .industryIndex .commonWrap .contentBox .content p { font-size: 13px; color: #898989; opacity: 0.9; line-height: 24px; } .industryIndex .commonWrap .contentBox .content p span { font-size: 30px; color: #434250; opacity: 0.8; vertical-align: text-top; } .industryIndex .industyList { height: 478px; background: #e9e7e3 url(../image/industry/bg3.jpg) center center no-repeat; position: relative; } .industryIndex .industyList .container { width: 1220px; height: 100%; position: relative; } .industryIndex .industyList .container>h1 { color: #bc8f4b; font-size: 20px; padding-top: 50px; padding-left: 10px; } .industryIndex .industyList .container ul { position: absolute; width: 100%; overflow: hidden; bottom: 0; } .industryIndex .industyList .container ul li { float: left; width: 25%; padding: 0 10px; } .industryIndex .industyList .container ul li a { font-size: 0; } .industryIndex .industyList .container ul li a img { width: 100%; } .industryIndex .industyList .container ul li a .textBox { background: #dbd9d5; padding: 30px 35px; } .industryIndex .industyList .container ul li a .textBox h1 { font-size: 18px; color: #000; opacity: 0.46; padding-bottom: 8px; font-weight: bold; } .industryIndex .industyList .container ul li a .textBox p { font-size: 18px; color: #777573; opacity: 0.3; line-height: 18px; } .industryIndex .industyList .container ul li a:hover .textBox { background: #eb3c00; } .industryIndex .industyList .container ul li a:hover .textBox h1 { color: #fff; opacity: 1; } .industryIndex .industyList .container ul li a:hover .textBox p { color: #fff; opacity: 0.65; } .industryIndex .layout { height: 550px; background: #f7f7f7; } .industryIndex .layout .container { position: relative; } .industryIndex .layout .container .map { position: absolute; top: 92px; left: 39px; } .industryIndex .layout .container>h1 { color: #bc8f4b; font-size: 20px; padding-top: 50px; } .industryIndex .layout .container .textBox { position: absolute; left: 46%; padding-left: 10px; top: 270px; } .industryIndex .layout .container .textBox h1 { font-size: 19px; color: #c7a36b; line-height: 60px; padding-bottom: 15px; } .industryIndex .layout .container .textBox h1 span { font-size: 68px; vertical-align: middle; font-family: Montserrat-Regular; } .industryIndex .layout .container .textBox h2 { font-size: 20px; color: #bc8f4b; padding-bottom: 15px; } .industryIndex .layout .container .textBox p { color: #434343; opacity: 0.7; font-size: 13px; line-height: 20px; } .land .land-top .land-top-img { height: 36px; vertical-align: top; } .land .land-top .land-top-information em { top: 0; height: 36px; line-height: 36px; color: #7a6b6b; font-size: 14px; } .land .land-top .land-top-information span { padding-left: 44px; display: block; font-size: 14px; line-height: 24px; color: #999; } .land .commonWrap { background: #f4f4f4; } .land .intro { background: #ffffff; } .land .intro .container { padding-top: 70px; padding-bottom: 30px; } .land .intro .container .rightTitle { float: left; } .land .intro .container .rightTitle h1 { font-size: 20px; color: #bc8f4b; } .land .intro .container .rightTitle h2 { font-size: 124px; color: #eeeeef; line-height: 95px; font-family: CALIBRI; text-indent: -8px; letter-spacing: -9px; } .land .intro .container .rightTitle .slogan { font-size: 30px; color: #8d8d8d; } .land .intro .container .textBox { color: #9c9c9e; font-size: 0; /* width: 447px; */ width: 600px; background: #fff; float: right; padding-top: 54px; padding-right: 13px; } .land .intro .container .textBox>h1 { font-size: 14px; /* opacity: 0.6; */ color: #9c9c9e; padding-bottom: 10px; } .land .intro .container .textBox>h1 span { font-size: 48px; vertical-align: middle; opacity: .6; color: #000; font-family: Montserrat-Regular; } .land .intro .container .textBox>h2 { font-size: 16px; padding-bottom: 10px; opacity: 0.6; line-height: 24px; } .land .intro .container .textBox>p { font-size: 14px; line-height: 24px; padding-bottom: 20px; /* opacity: 0.6; */ } .land .intro .container .textBox .honorBox { position: relative; height: 81px; width: 81px; } .land .intro .container .textBox .honorBox img { position: absolute; left: 0; top: 0; z-index: 2; } .land .intro .container .textBox .honorBox .dropBox span { white-space: nowrap; display: inline-block; line-height: 81px; font-size: 16px; color: #fff; width: 0; text-indent: 81px; background: #eb3c00 url(../image/industry/up1.png) 85% center no-repeat; } .land .intro .container .textBox .honorBox .dropBox span.active { background-image: url(../image/industry/down1.png); } .land .intro .container .textBox .honorBox .dropBox .dropDownBox { position: absolute; top: 81px; left: 0; height: 0; width: 100%; background: #e2e2e2; padding: 0 22px 0; z-index: 3; overflow: hidden; overflow-y: auto; } .land .intro .container .textBox .honorBox .dropBox .dropDownBox ul { padding-top: 60px; } .land .intro .container .textBox .honorBox .dropBox .dropDownBox ul li { position: relative; padding-left: 100px; padding-top: 25px; padding-bottom: 10px; min-height: 110px; } .land .intro .container .textBox .honorBox .dropBox .dropDownBox ul li h1 { position: absolute; left: 0; top: 0; width: 79px; height: 90px; background: url(../image/industry/textBg.jpg) center center no-repeat; line-height: 90px; font-size: 24px; color: #676767; font-family: Montserrat-Regular; text-align: center; } .land .intro .container .textBox .honorBox .dropBox .dropDownBox ul li p { color: #8d8c8f; font-size: 14px; line-height: 24px; } .land .intro .container .textBox .honorBox .dropBox .dropDownBox ul li.last p { padding-top: 10px; } .land .detailCon { background: #fafaff; } .land .detailCon .container { overflow: inherit; padding-right: 447px; /* background: #000; */ } .land .detailCon .container .bg1 { position: absolute; left: -325px; top: 308px; display: none; } .land .detailCon .container .bg2 { position: absolute; right: -500px; top: 396px; display: none; } .land .detailCon .container .sliderBox { position: relative; max-width: 753px; } .land .detailCon .container .sliderBox .bd ul li a { position: relative; font-size: 0; } .land .detailCon .container .sliderBox .bd ul li a>img { width: 100%; } .land .detailCon .container .sliderBox .bd ul li a .imgBox { position: absolute; right: 0; bottom: 0; } .land .detailCon .container .sliderBox .bd ul li a .imgBox .img { height: 83px; width: 137px; background: #fff; font-size: 0; text-align: center; line-height: 137px; } .land .detailCon .container .sliderBox .bd ul li a .imgBox .img img { max-width: 100%; max-height: 100%; } .land .detailCon .container .sliderBox .bd ul li a .imgBox span { line-height: 83px; display: inline-block; width: 150px; background: #eb3c00; font-size: 14px; color: #fff; text-align: center; } .land .detailCon .container .sliderBox .dotBox { position: absolute; left: 20px; bottom: 20px; } .land .detailCon .container .sliderBox .dotBox li { float: left; width: 26px; height: 4px; background: #fff; margin-left: 5px; } .land .detailCon .container .sliderBox .dotBox li.on { background: #e62129; } .land .detailCon .container .projectSearch { width: 1200px; z-index: 2; /* width: 500px; */ position: relative; min-height: 500px; } .land .detailCon .container .projectSearch .titleBox { padding-top: 38px; padding-bottom: 29px; } .land .detailCon .container .projectSearch .search { height: 49px; } .land .detailCon .container .projectSearch .search .tabs { float: left; overflow: hidden; line-height: 44px; } .land .detailCon .container .projectSearch .search .tabs li { float: left; margin-right: 3px; border: 2px solid #dfdfdf; width: 135px; font-size: 16px; color: #848484; text-align: center; cursor: pointer; } .land .detailCon .container .projectSearch .search .tabs li.active { background: #eb3c00; color: #fff; border-color: #eb3c00; } .land .detailCon .container .projectSearch .search .button { float: right; line-height: 44px; } .land .detailCon .container .projectSearch .search .button .selBox { position: relative; float: left; margin-right: 3px; border: 2px solid #dfdfdf; min-width: 135px; padding-right: 40px; cursor: pointer; background: #fff url(../image/industry/down.png) 90% 19px no-repeat; } .land .detailCon .container .projectSearch .search .button .selBox span { font-size: 14px; color: #3f3e55; opacity: 0.8; } .land .detailCon .container .projectSearch .search .button .selBox img { padding: 0 12px; vertical-align: middle; } .land .detailCon .container .projectSearch .search .button .selBox .pullList { position: absolute; top: 45px; overflow: hidden; width: 100%; left: -2px; height: 0; background: #fff; max-height: 200px; overflow-y: auto; } .land .detailCon .container .projectSearch .search .button .selBox .pullList ul { border: 2px solid #dfdfdf; padding-left: 40px; } .land .detailCon .container .projectSearch .search .button .selBox .pullList ul li { cursor: pointer; font-size: 14px; color: #3f3e55; opacity: 0.6; } .land .detailCon .container .projectSearch .search .button .clickButton { cursor: pointer; float: left; width: 48px; height: 48px; border: 2px solid #dfdfdf; background: #fff url(../image/news/search.png) center center no-repeat; } .land .detailCon .container .projectSearch .searchRes { padding-top: 40px; height: 212px; /* background: url(../image/industry/buildBg.png) left bottom no-repeat; */ } .land .detailCon .container .projectSearch .searchRes ul { overflow: hidden; display: none; } .land .detailCon .container .projectSearch .searchRes ul.active { display: block; } .land .detailCon .container .projectSearch .searchRes ul li { float: left; cursor: pointer; font-size: 16px; color: #848484; } .land .detailCon .container .projectSearch .searchRes ul li a { padding-left: 24px; background: url(../image/industry/upqiu.png) left center no-repeat; padding-right: 40px; } .land .detailCon .container .rightBox { position: absolute; left: 0; top: 0px; right: 0; margin: auto; height: 100%; width: 575px; /* background: url(../image/industry/landBg2.png) 530px top no-repeat; */ } .land .detailCon .container .rightBox img { padding-top: 44px; padding-left: 58px; } .estate .commonWrap { background: #f4f4f4; } .estate .commonWrap .container { height: auto; } .estate .intro { background: #fff url(../image/industry/estateBg.jpg) center bottom no-repeat; } .estate .intro .container { padding-top: 70px; padding-bottom: 55px; } .estate .intro .container .rightTitle { float: left; } .estate .intro .container .rightTitle .title { color: #5ab669; } .estate .intro .container .rightTitle h2 { font-size: 124px; color: #eeeeef; line-height: 95px; font-family: CALIBRI; text-indent: -8px; text-transform: uppercase; letter-spacing: -9px; } .estate .intro .container .rightTitle .slogan { font-size: 30px; color: #8d8d8d; } .estate .intro .container .textBox { color: #3b3a40; font-size: 0; width: 455px; float: right; } .estate .intro .container .textBox p { font-size: 16px; line-height: 22px; padding-bottom: 22px; opacity: 0.6; color: #3b3a40; filter: alpha(opacity=60); text-align: justify; } .estate .intro .container .bottom { padding-top: 30px; overflow: hidden; font-size: 0; } .estate .intro .container .bottom>img { float: left; } .estate .intro .container .bottom a { float: right; font-size: 0; } .estate .brands { background: #f2f0ec url(../image/industry/industryBg.png) center center no-repeat; } .estate .brands .container { width: 1200px; padding: 50px 0 35px; overflow: initial; } .estate .brands .container>h1 { color: #898989; font-size: 18px; padding-bottom: 2px; text-align: center; } .estate .brands .container h2 { color: #585858; font-size: 20px; opacity: 0.5; padding-bottom: 35px; text-align: center; font-family: Montserrat-Regular; } .estate .brands .container .list { overflow: hidden; } .estate .brands .container .list li { width: 46.7%; margin-right: 6.6%; float: left; } .estate .brands .container .list li:last-child { margin-right: 0; } .estate .brands .container .list li .boxWrap { font-size: 0; overflow: hidden; position: relative; cursor: pointer; } .estate .brands .container .list li .boxWrap img { width: 100%; } .estate .brands .container .list li .boxWrap .textBox { position: relative; height: 165px; padding: 30px 30px 0; background: #fff; } .estate .brands .container .list li .boxWrap .textBox h1 { color: #2d2d3b; font-size: 18px; opacity: 0.67; padding-bottom: 8px; } .estate .brands .container .list li .boxWrap .textBox p { color: #919191; font-size: 14px; opacity: 0.67; } .estate .brands .container .list li .boxWrap .textBox span { display: none; position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-bottom: 35px solid #f2f0ec; border-left: 35px solid transparent; } .estate .brands .container .list li .boxWrap .linkList { display: none; background: #474747; margin-top: 20px; } .estate .brands .container .list li .boxWrap .linkList h1 { padding-left: 45px; background: url(../image/industry/web.png) left center no-repeat; font-size: 18px; color: #fff; line-height: 48px; border-bottom: 2px solid #6c6c6c; margin-bottom: 30px; } .estate .brands .container .list li .boxWrap .linkList a { display: inline-block; margin-right: 10px; color: #eb3d00; font-size: 14px; margin-bottom: 15px; line-height: 13px; } .estate .brands .container .list li .boxWrap .linkList a:hover { color: #4bb033; } .estate .brands .container .list li.active .boxWrap .textBox { background: #4bb033; } .estate .brands .container .list li.active .boxWrap .textBox h1, .estate .brands .container .list li.active .boxWrap .textBox p { color: #fff; } .estate .brands .container .list li.active .boxWrap .textBox span { display: inline-block; } .estate .linkList { background: #474747; } .estate .linkList ul li { padding-top: 15px; padding-bottom: 35px; display: none; } .estate .linkList ul li.active { display: block; } .estate .linkList ul li h1 { padding-left: 45px; background: url(../image/industry/web.png) left center no-repeat; font-size: 18px; color: #fff; line-height: 48px; border-bottom: 2px solid #6c6c6c; margin-bottom: 30px; } .estate .linkList ul li a { display: inline-block; color: #eb3d00; font-size: 14px; margin-bottom: 15px; line-height: 13px; } .estate .linkList ul li a:hover { color: #4bb033; } .estate .linkList ul li a+a { padding-left: 20px; margin-left: 20px; border-left: 1px solid #6c6c6c; } .estate .commercial { background: #f8f8f8 url(../image/industry/estateBottomBg.jpg) center top no-repeat; } .estate .commercial .container { background: url(../image/industry/estateText1.jpg) left 27px no-repeat; height: 476px; } .estate .commercial .container .leftBox { height: 100%; width: 361px; float: left; position: relative; } .estate .commercial .container .leftBox>div { position: absolute; left: 0; width: 100%; bottom: 107px; } .estate .commercial .container .leftBox>div h1 { font-size: 16px; color: #5ab669; padding-left: 35px; background: url(../image/industry/greenqiu.png) left center no-repeat; line-height: 40px; } .estate .commercial .container .leftBox>div ul { font-size: 14px; color: #808080; } .estate .commercial .container .leftBox>div ul li { display: inline-block; padding-right: 30px; line-height: 24px; } .estate .commercial .container .middleBox { height: 100%; width: 361px; float: left; position: relative; background: url(../image/industry/estateMap.png) left 45px no-repeat; } .estate .commercial .container .middleBox>div { position: absolute; left: 60px; bottom: 80px; } .estate .commercial .container .middleBox>div h1 { font-size: 32px; color: #e62129; padding-left: 30px; background: url(../image/industry/san.png) left center no-repeat; margin-bottom: 10px; } .estate .commercial .container .middleBox>div h1 span { font-size: 18px; } .estate .commercial .container .middleBox>div p { font-size: 14px; color: #7b7b7b; line-height: 24px; } .estate .commercial .container .middleBox>div p span { font-size: 20px; font-family: Montserrat-Regular; } .estate .commercial .container .rightBox { height: 100%; width: 446px; float: right; position: relative; } .estate .commercial .container .rightBox h1 { padding-top: 95px; font-size: 16px; color: #3b3a40; opacity: 0.6; padding-bottom: 20px; } .estate .commercial .container .rightBox ul { padding-bottom: 89px; } .estate .commercial .container .rightBox ul li { padding-left: 20px; background: url(../image/industry/fang.png) left 5px no-repeat; font-size: 14px; color: #3b3a40; opacity: 0.6; line-height: 24px; } .estate .commercial .container .rightBox p { font-size: 14px; color: #3b3a40; opacity: 0.6; line-height: 24px; } .industry .commonWrap { background: #f4f4f4; } .industry .intro { background: #ffffff; } .industry .intro .container { padding-top: 70px; } .industry .intro .container .rightTitle { float: left; } /* .industry .intro .container .rightTitle .title { color: #bc8f4b; font-size: 30px; } */ .industry .intro .container .rightTitle h2 { font-size: 124px; color: #eeeeef; line-height: 95px; font-family: CALIBRI; text-indent: -8px; letter-spacing: -9px; } .industry .intro .container .rightTitle .slogan { font-size: 30px; color: #8d8d8d; } .industry .intro .container .textBox { color: #3b3a40; font-size: 0; float: right; /* width: 448px; */ width: 600px; } .industry .intro .container .textBox p { font-size: 14px; line-height: 24px; /* opacity: 0.6; */ color: #9c9c9e; padding-bottom: 20px; } .industry .intro .container .textBox p span { color: #000; font-size: 48px; opacity: 1; opacity: .6; padding: 0 5px; display: inline-block; vertical-align: middle; font-family: Montserrat-Regular; } .industry .intro .container .textBox h1 { font-size: 16px; line-height: 24px; padding-bottom: 30px; opacity: 0.6; color: #3b3a40; } .industry .intro .container .bottom { position: relative; padding-top: 30px; overflow: hidden; font-size: 0; padding-left: 84px; } .industry .intro .container .bottom img { position: absolute; left: 0; bottom: 0; } .industry .intro .container .bottom a { display: block; width: 100%; line-height: 81px; background: #0656a2; font-size: 16px; color: #fff; text-align: center; } .industry .brands { background: #f2f0ec url(../image/industry/industryBg.png) center center no-repeat; } .industry .brands .container { width: 1220px; padding: 50px 0 35px; } .industry .brands .container>h1 { color: #898989; font-size: 18px; padding-bottom: 2px; text-align: center; } .industry .brands .container h2 { color: #585858; font-size: 20px; opacity: 0.5; padding-bottom: 35px; text-align: center; font-family: Montserrat-Regular; } /* .industry .brands .container .list { overflow: hidden; } */ .industry .brands .container .list li { /* width: 33.33%; padding: 0 10px; */ width: 290px !important; height: 361px; margin-right: 20px; float: left; } .industry .brands .container .slideBox { position: relative; } .industry .brands .slideBox .prev, .industry .brands .slideBox .next { position: absolute; width: 55px; height: 55px; top: 50%; margin-top: -33px; opacity: 0.5; } .industry .brands .slideBox .prev:hover, .industry .brands .slideBox .next:hover { opacity: 1; } .industry .brands .slideBox .prev { background: url(../image/industry/left.png) center center no-repeat; left: -80px; } .industry .brands .slideBox .next { background: url(../image/industry/right.png) center center no-repeat; right: -80px; } .industry .brands .container .list .hd { display: none; } .industry .brands .container .list li a { font-size: 0; overflow: hidden; } .industry .brands .container .list li a img { width: 100%; } .industry .brands .container .list li a .textBox { position: relative; height: 129px; padding: 20px 30px 0; background: #fff; } .industry .brands .container .list li a .textBox h1 { color: #2d2d3b; font-size: 18px; opacity: 0.67; padding-bottom: 8px; text-align: center; } .industry .brands .container .list li a .textBox p { color: #919191; font-size: 14px; opacity: 0.67; text-align: center; } .industry .brands .container .list li a .textBox span { position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-bottom: 35px solid #f2f0ec; border-left: 35px solid transparent; display: none; } .industry .brands .container .list li a:hover .textBox { background: #0656a2; } .industry .brands .container .list li a:hover .textBox h1, .industry .brands .container .list li a:hover .textBox p { color: #fff; opacity: 1; } .industry .brands .container .list li a:hover .textBox span { display: block; } .industry .bigWork { background: url(../image/industry/industryBg1.jpg) center center no-repeat; } .industry .bigWork .container { height: 584px; } .industry .bigWork .container .workBox { display: none; position: absolute; background: #fff; left: 0; top: 300px; width: 380px; height: 450px; border-top: 5px solid #4b88c2; padding: 40px 28px; color: #3b3a40; opacity: 0; overflow: auto; } .industry .bigWork .container .workBox a { display: inline-block; position: absolute; right: 20px; top: 25px; } .industry .bigWork .container .workBox.active { display: block; animation: fadeIns .6s forwards; } @keyframes fadeIns { 0% { opacity: 0; } 100% { opacity: 1; } } .industry .bigWork .container .workBox h1 { font-size: 16px; padding-bottom: 20px; opacity: 0.6; } .industry .bigWork .container .workBox>img { padding-bottom: 20px; } .industry .bigWork .container .workBox p { font-size: 14px; padding-bottom: 20px; opacity: 0.6; line-height: 24px; } .finance .commonWrap { background: #f4f4f4; } .finance .intro { padding-bottom: 80px; background: #fff url(../image/industry/financeBg.jpg) center bottom no-repeat; } .finance .intro .container { padding-top: 70px; } .finance .intro .container .rightTitle { float: left; } .finance .intro .container .rightTitle h1 { font-size: 30px; color: #bc8f4b; } .finance .intro .container .rightTitle h2 { font-size: 124px; color: #eeeeef; line-height: 95px; font-family: CALIBRI; text-indent: -8px; letter-spacing: -9px; text-transform: uppercase; } .finance .intro .container .rightTitle p { font-size: 30px; color: #8d8d8d; } .finance .intro .container .textBox { color: #3b3a40; font-size: 0; float: right; width: 600px; } .finance .intro .container .textBox p { font-size: 14px; line-height: 24px; /* opacity: 0.6; */ color: #9c9c9e; padding-bottom: 30px; } .finance .intro .container .textBox p span { color: #000; font-size: 48px; line-height: 40px; transform: translateY(-1px); opacity: .6; padding: 5px 5px; display: inline-block; vertical-align: middle; font-family: Montserrat-Regular; } .finance .intro .container .textBox h1 { font-size: 16px; line-height: 24px; padding-bottom: 10px; opacity: 0.6; color: #3b3a40; } .finance .intro .container .textBox>h1 span { font-size: 48px; vertical-align: middle; opacity: 1; color: #000; font-family: Montserrat-Regular; } .finance .intro .container .bottom { position: relative; overflow: hidden; font-size: 0; padding-left: 84px; } .finance .intro .container .bottom img { position: absolute; left: 0; bottom: 0; } .finance .intro .container .bottom a { display: block; width: 100%; line-height: 81px; background: #eeb742; font-size: 16px; color: #fff; text-align: center; } .finance .brands { background: #f2f0ec url(../image/industry/industryBg.png) center center no-repeat; } .finance .brands .container { width: 1220px; padding: 50px 0 80px; } .finance .brands .container>h1 { color: #898989; font-size: 18px; padding-bottom: 2px; text-align: center; } .finance .brands .container h2 { color: #585858; font-size: 20px; opacity: 0.5; padding-bottom: 30px; text-align: center; } /*.finance .brands .container .sliderBox { position: relative; } .finance .brands .container .sliderBox li { width: 386px; margin: 0 10px; } .finance .brands .container .sliderBox li a { font-size: 0; overflow: hidden; } .finance .brands .container .sliderBox li a img { width: 100%; } .finance .brands .container .sliderBox li a .textBox { position: relative; height: 108px; padding: 25px 20px 0; background: #fff; text-align: center; } .finance .brands .container .sliderBox li a .textBox h1 { color: #72727c; font-size: 18px; padding-bottom: 5px; } .finance .brands .container .sliderBox li a .textBox p { color: #c6c6c9; font-size: 20px; } .finance .brands .container .sliderBox li a .textBox span { position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-bottom: 35px solid #f2f0ec; border-left: 35px solid transparent; display: none; } .finance .brands .container .sliderBox li a:hover .textBox { background: #eeb742; } .finance .brands .container .sliderBox li a:hover .textBox h1, .finance .brands .container .sliderBox li a:hover .textBox p { color: #fff; opacity: 1; } .finance .brands .container .sliderBox li a:hover .textBox span { display: block; }*/ .finance .brands .container .sliderBox { position: relative; } .finance .brands .container .sliderBox li { width: 386px; margin: 0 10px; } .finance .brands .container .sliderBox li a { font-size: 0; overflow: hidden; } .finance .brands .container .sliderBox li a img { width: 100%; } .finance .brands .container .sliderBox li a .textBox { position: relative; height: 184px; padding: 30px 30px 0; background: #fff; } .finance .brands .container .sliderBox li a .textBox h1 { color: #2d2d3b; font-size: 18px; opacity: 0.67; padding-bottom: 8px; } .finance .brands .container .sliderBox li a .textBox p { color: #919191; font-size: 14px; opacity: 0.67; } .finance .brands .container .sliderBox li a .textBox span { position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-bottom: 35px solid #f2f0ec; border-left: 35px solid transparent; display: none; } .finance .brands .container .sliderBox li a:hover .textBox { background: #eeb742; } .finance .brands .container .sliderBox li a:hover .textBox h1, .finance .brands .container .sliderBox li a:hover .textBox p { color: #fff; opacity: 1; } .finance .brands .container .sliderBox li a:hover .textBox span { display: block; } .finance .brands .container .sliderBox .prev, .finance .brands .container .sliderBox .next { position: absolute; width: 55px; height: 55px; top: 50%; margin-top: -33px; opacity: 0.5; } .finance .brands .container .sliderBox .prev:hover, .finance .brands .container .sliderBox .next:hover { opacity: 1; } .finance .brands .container .sliderBox .prev { background: url(../image/industry/left.png) center center no-repeat; left: -80px; } .finance .brands .container .sliderBox .next { background: url(../image/industry/right.png) center center no-repeat; right: -80px; } .proList .detailCon { background: #f7f7f7; } .proList .detailCon .container { padding-top: 65px; } .proList .detailCon .container .selBox { position: relative; margin-right: 3px; border: 2px solid #dfdfdf; min-width: 190px; line-height: 48px; cursor: pointer; background: #fff url(../image/industry/down.png) 90% 22px no-repeat; font-size: 14px; color: #747481; padding-left: 45px; margin-bottom: 20px; -webkit-box-sizing: initial; box-sizing: initial; } .proList .detailCon .container .selBox.active { background-image: url(../image/industry/up.png); } .proList .detailCon .container .selBox img { position: absolute; left: 18px; top: 50%; margin-top: -10px; } .proList .detailCon .container .selBox .pullList { position: absolute; top: 48px; overflow: hidden; width: 100%; left: -2px; height: 0; background: #fff; border: 2px solid #dfdfdf; border-top: 0; z-index: 2; -webkit-box-sizing: initial; box-sizing: initial; } .proList .detailCon .container .selBox .pullList ul { border: 2px solid #dfdfdf; padding-left: 40px; } .proList .detailCon .container .selBox .pullList ul li { cursor: pointer; font-size: 14px; color: #3f3e55; opacity: 0.6; } .proList .detailCon .container .sliderWrap { width: 100%; background: #fff; margin-bottom: 20px; } .proList .detailCon .container .sliderWrap .sliderBox { position: relative; width: 62%; } .proList .detailCon .container .sliderWrap .sliderBox .bd ul li a { position: relative; font-size: 0; } .proList .detailCon .container .sliderWrap .sliderBox .bd ul li a>img { width: 100%; } .proList .detailCon .container .sliderWrap .sliderBox .bd ul li a .imgBox { position: absolute; right: 0; bottom: 0; } .proList .detailCon .container .sliderWrap .sliderBox .bd ul li a .imgBox .img { height: 83px; width: 137px; background: #fff; font-size: 0; text-align: center; line-height: 137px; } .proList .detailCon .container .sliderWrap .sliderBox .bd ul li a .imgBox .img img { max-width: 100%; max-height: 100%; } .proList .detailCon .container .sliderWrap .sliderBox .bd ul li a .imgBox span { line-height: 83px; display: inline-block; width: 150px; background: #eb3c00; font-size: 14px; color: #fff; text-align: center; } .proList .detailCon .container .sliderWrap .sliderBox .dotBox { position: absolute; left: 20px; bottom: 20px; } .proList .detailCon .container .sliderWrap .sliderBox .dotBox li { float: left; width: 26px; height: 4px; background: #fff; margin-left: 5px; } .proList .detailCon .container .sliderWrap .sliderBox .dotBox li.on { background: #e62129; } .proList .detailCon .container .sliderWrap .rightBox { width: 38%; padding: 4% 3%; } .proList .detailCon .container .sliderWrap .rightBox ul li { display: none; } .proList .detailCon .container .sliderWrap .rightBox ul li.active { display: block; } .proList .detailCon .container .sliderWrap .rightBox h1 { font-size: 20px; color: #3b3a40; padding-bottom: 30px; } .proList .detailCon .container .sliderWrap .rightBox p { font-size: 13.5px; color: #9a98a4; line-height: 24px; } .proList .detailCon .container .tabList { background: #fff; padding: 20px 0; text-align: center; width: 100%; margin-bottom: 10px; } .proList .detailCon .container .tabList ul { display: inline-block; } .proList .detailCon .container .tabList ul li { display: inline-block; vertical-align: middle; line-height: 36px; width: 80px; margin: 0 5px; font-size: 14px; color: #999999; cursor: pointer; } .proList .detailCon .container .tabList ul li.active { color: #fff; background: #ea3800; } .proList .detailCon .container .listBox { margin: 0 -10px; } .proList .detailCon .container .listBox ul.active { display: block; } .proList .detailCon .container .listBox ul li { width: 25%; padding: 10px; float: left; } .proList .detailCon .container .listBox ul li a { font-size: 0; } .proList .detailCon .container .listBox ul li a>img { width: 100%; } .proList .detailCon .container .listBox ul li a .textBox { text-align: center; background: #fff; border: 2px solid #ebebee; border-top: none; } .proList .detailCon .container .listBox ul li a .textBox .imgBox { font-size: 0; line-height: 160px; height: 160px; display: none; } .proList .detailCon .container .listBox ul li a .textBox .imgBox img { vertical-align: middle; max-width: 100%; height: 90px; } .proList .detailCon .container .listBox ul li a .textBox h1 { color: #3f3e55; font-size: 16px; line-height: 76px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .proList .detailCon .container .listBox ul li a .textBox p { font-size: 13px; color: #898989; } .proList .detailCon .container .loadingBox { display: none; text-align: center; padding-bottom: 40px; display: none; line-height: 30px; color: #999; } .proList .detailCon .container .loadingBox img { vertical-align: text-top; margin-right: 5px; } .proDetail .commonWrap { background: #ffffff; } .proDetail .intro { background: #f4f4f4; padding-top: 80px; } .proDetail .intro .container .textBox { position: relative; float: left; width: 28%; } .proDetail .intro .container .textBox h1 { padding-top: 20px; font-size: 30px; color: #bc8f4b; padding-bottom: 10px; } .proDetail .intro .container .textBox h2 { font-size: 13px; padding-bottom: 20px; color: #333333; } .proDetail .intro .container .textBox p { display: none; } .proDetail .intro .container .textBox .brandBox { width: 240px; height: 150px; border: 2px solid #ebebee; line-height: 150px; font-size: 0; margin-bottom: 20px; text-align: center; background: #fff; } .proDetail .intro .container .textBox .brandBox img { vertical-align: middle; max-height: 100%; max-width: 100%; } .proDetail .intro .container .textBox .backButton { display: block; width: 240px; height: 60px; line-height: 60px; text-align: center; font-size: 14px; color: #727175; border: 2px solid #ebebeb; margin-top: 20px; margin-bottom: 20px; background: #fff; } .proDetail .intro .container .sliderWrap { float: right; width: 70%; } .proDetail .intro .container .sliderWrap .tabList { border-bottom: 2px solid #dadade; } .proDetail .intro .container .sliderWrap .tabList a { float: left; margin-right: 30px; font-size: 14px; color: #898989; line-height: 50px; position: relative; bottom: -2px; } .proDetail .intro .container .sliderWrap .tabList a.active { border-bottom: 2px solid #eb3c00; } .proDetail .intro .container .sliderBox { position: relative; width: 100%; /*display: none;*/ } .proDetail .intro .container .sliderBox .bd img { width: 100%; max-width: 100%; } .proDetail .intro .container .sliderBox.active { display: block; } /*.proDetail .intro .container .sliderBox .bd li{ width:840px; height:403px; }*/ .proDetail .intro .container .sliderBox .bd ul li a { position: relative; font-size: 0; } .proDetail .intro .container .sliderBox .bd ul li a>img { width: 100%; } .proDetail .intro .container .sliderBox .dotBox { position: absolute; right: 20px; bottom: 20px; } .proDetail .intro .container .sliderBox .dotBox li { float: left; width: 26px; height: 4px; background: #fff; margin-left: 5px; } .proDetail .intro .container .sliderBox .dotBox li.on { background: #e62129; } .proDetail .intro .container .sliderBox .prev, .proDetail .intro .container .sliderBox .next { position: absolute; width: 55px; height: 55px; top: 50%; margin-top: -27px; opacity: 0.5; } .proDetail .intro .container .sliderBox .prev:hover, .proDetail .intro .container .sliderBox .next:hover { opacity: 1; } .proDetail .intro .container .sliderBox .prev { background: url(../image/industry/left.png) center center no-repeat; left: -80px; } .proDetail .intro .container .sliderBox .next { background: url(../image/industry/right.png) center center no-repeat; right: -80px; } .proDetail .detailCon { background: #fff; } .proDetail .detailCon .container { overflow: inherit; } .proDetail .detailCon .container .projectInfo { position: relative; padding-top: 60px; padding-bottom: 60px; } .proDetail .detailCon .container .projectInfo .titleBox { float: left; width: 24%; } .proDetail .detailCon .container .projectInfo .titleBox .title { padding-bottom: 30px; } .proDetail .detailCon .container .projectInfo .detail { width: 70%; float: right; font-size: 14px; line-height: 30px; color: #898989; text-align: justify; } .proDetail .detailCon .container .projectInfo .searchRes { padding-top: 40px; height: 212px; background: url(../image/industry/buildBg.png) left bottom no-repeat; } .proDetail .detailCon .container .projectInfo .searchRes ul { overflow: hidden; } .proDetail .detailCon .container .projectInfo .searchRes ul li { float: left; padding-left: 24px; background: url(../image/industry/upqiu.png) left center no-repeat; padding-right: 40px; cursor: pointer; font-size: 16px; color: #848484; } .proDetail .unitList { background: #f8f6f1; padding: 50px 0 60px; } .proDetail .unitList .container { text-align: center; overflow: initial; } .proDetail .unitList .container h1 { color: #898989; font-size: 18px; padding-bottom: 5px; } .proDetail .unitList .container p { font-size: 20px; color: #c6c4c1; padding-bottom: 30px; } .proDetail .unitList .container .sliderBox1 { margin: 0 -10px; position: relative; display: inline-block; } .proDetail .unitList .container .sliderBox1 .bd ul li { width: 285px; font-size: 0; margin: 0 10px; float: left; } .proDetail .unitList .container .sliderBox1 .bd ul li img { width: 100%; } .proDetail .unitList .container .sliderBox1 .prev, .proDetail .unitList .container .sliderBox1 .next { position: absolute; width: 55px; height: 55px; top: 50%; margin-top: -27px; opacity: 0.5; } .proDetail .unitList .container .sliderBox1 .prev:hover, .proDetail .unitList .container .sliderBox1 .next:hover { opacity: 1; } .proDetail .unitList .container .sliderBox1 .prev { background: url(../image/human/prev.png) center center no-repeat; left: -80px; } .proDetail .unitList .container .sliderBox1 .next { background: url(../image/human/next.png) center center no-repeat; right: -80px; } .proDetail .proAddress .addressInfo { height: 230px; background: url(../image/industry/proDetailBg1.jpg) center center no-repeat; color: #fff; padding-top: 50px; } .proDetail .proAddress .addressInfo h1 { float: left; font-size: 20px; } .proDetail .proAddress .addressInfo .textBox { float: right; } .proDetail .proAddress .addressInfo .textBox p { line-height: 45px; font-size: 16px; background: left center no-repeat; padding-left: 38px; } .proDetail .proAddress .addressInfo .textBox p.address { background-image: url(../image/industry/dingwei.png); } .proDetail .proAddress .addressInfo .textBox p.phone { background-image: url(../image/industry/phone.png); } .proDetail .proAddress .addressInfo .textBox p.web { background-image: url(../image/industry/web.png); } .proDetail .proAddress .addressInfo .mapButton { cursor: pointer; line-height: 80px; width: 445px; position: absolute; left: 0; bottom: -45px; font-size: 16px; background: #f1734b url(../image/industry/down1.png) 90% center no-repeat; } .proDetail .proAddress .addressInfo .mapButton img { margin: 0 18px; vertical-align: middle; } .proDetail .proAddress .addressInfo .mapButton.active { background-image: url(../image/industry/up1.png); } .proDetail .proAddress #allMap { height: 480px; } /*add 2017/10/08*/ .pageBox { margin: 40px auto 60px; text-align: center; } .pageBox a { display: inline-block; margin-left: 6px; padding: 0 13px; line-height: 36px; color: #5b5b6c; border: 2px solid #ebebee; background: #fff; } .pageBox a.paging:first-child { margin-left: 0; } .pageBox a.paging:hover { cursor: pointer; background-color: #eb3c00; color: #fff; } .pageBox a.paging.curr { background: #eb3c00; color: #fff; } .pageBox a.prevPage, .pageBox a.nextPage { padding: 0; width: 40px; background: #fff url(../image/nextPage.png) no-repeat center center; background-size: 6px 10px; } .pageBox a.prevPage.disabledBtn, .pageBox a.nextPage.disabledBtn { cursor: default; background-color: #f2f2f2; } .pageBox a.prevPage { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .property .commonWrap { background: #f4f4f4; } .property .intro { padding-bottom: 80px; background: #fff url(../image/industry/financeBg.jpg) center bottom no-repeat; } .property .intro .container { padding-top: 70px; } .property .intro .container .rightTitle { float: left; } .property .intro .container .rightTitle h1 { font-size: 30px; color: #bc8f4b; } .property .intro .container .rightTitle h2 { font-size: 124px; color: #eeeeef; line-height: 95px; font-family: CALIBRI; text-indent: -8px; letter-spacing: -9px; margin-bottom: 25px; } .wuyeCont1 .hd { width: 1200px; overflow: hidden; } .wuyeCont1 .bd ul { min-width: 1220px; } .wuyeCont1 .bd li { float: left; width: 590px; height: 362px; overflow: hidden; margin-right: 20px; } .wuyeCont1 .bd li img { width: 100%; } .wuyeCont1 { padding-bottom: 60px; } .wuyeCont1 .slideBox .prev, .wuyeCont1 .slideBox .next { position: absolute; width: 55px; height: 55px; top: 50%; margin-top: -33px; opacity: 0.5; } .wuyeCont1 .slideBox .prev:hover, .wuyeCont1 .slideBox .next:hover { opacity: 1; } .wuyeCont1 .slideBox .prev { background: url(../image/industry/left.png) center center no-repeat; left: -80px; } .wuyeCont1 .slideBox .next { background: url(../image/industry/right.png) center center no-repeat; right: -80px; } .wuyeCont2 { padding: 50px 0 70px; background: #f2f0ec url(../image/industry/industry-brands-sy-bg.jpg) no-repeat center bottom; } .wuyeCont2 .container>h1 { color: #898989; font-size: 18px; padding-bottom: 2px; text-align: center; } .wuyeCont2 .container h2 { color: #413333; font-size: 20px; opacity: 0.5; padding-bottom: 35px; text-align: center; font-family: Montserrat-Regular; } /* .industry .brands .container .list { overflow: hidden; } */ .wuyeCont2 .hd { width: 1200px; overflow: hidden; } .wuyeCont2 .bd ul { min-width: 1220px; } .wuyeCont2 .bd li { float: left; width: 390px; height: 260px; overflow: hidden; margin-right: 15px; } .wuyeCont2 .bd li img { width: 100%; } .wuyeCont2 .slideBox { position: relative; } .wuyeCont2 .slideBox .prev, .wuyeCont2 .slideBox .next { position: absolute; width: 55px; height: 55px; top: 50%; margin-top: -33px; opacity: 0.5; } .wuyeCont2 .slideBox .prev:hover, .wuyeCont2 .slideBox .next:hover { opacity: 1; } .wuyeCont2 .slideBox .prev { background: url(../image/industry/left.png) center center no-repeat; left: -80px; } .wuyeCont2 .slideBox .next { background: url(../image/industry/right.png) center center no-repeat; right: -80px; } .property .intro .container .rightTitle h5 { color: #6a6a6c; font-size: 18px; line-height: 1.2; margin-bottom: 10px; padding-left: 30px; line-height: 26px; height: 26px; position: relative; } .property .intro .container .rightTitle h5 .ic { display: inline-block; vertical-align: middle; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; } .property .intro .container .rightTitle h5 em { color: #9b9b9e; font-style: normal; } @media (max-width: 750px) { .property .intro .container .rightTitle h5 { font-size: 14px; margin-bottom: 4px; } body .zhiyeCont .vBox { margin-bottom: 30px; } .zibenCont .cCont1, .finance .intro, .property .intro { padding-bottom: 30px; } .wuyeCont2 .bd, .wuyeCont1 .bd { overflow: auto; margin: 0 20px; padding-bottom: 20px; } .wuyeCont2 .bd ul, .wuyeCont1 .bd ul { min-width: auto; } .wuyeCont2 .bd ul { min-width: auto; } .wuyeCont2 .bd li, .wuyeCont1 .bd li { float: left; height: auto; width: 90vw; } } .property .intro .container .rightTitle p { font-size: 30px; color: #8d8d8d; } .property .intro .container .textBox { color: #3b3a40; font-size: 0; float: right; width: 600px; } .property .intro .container .textBox p { font-size: 14px; line-height: 24px; color: #9c9c9e; padding-bottom: 24px; } .property .intro .container .textBox p em { font-style: normal; font-size: 42px; color: #ea3800; font-family: CALIBRI; } .property .intro .container .textBox h1 { font-size: 16px; line-height: 24px; padding-bottom: 10px; opacity: 0.6; color: #3b3a40; } .property .intro .container .textBox>h1 span { font-size: 48px; vertical-align: middle; opacity: 1; color: #000; font-family: Montserrat-Regular; } .property .intro .container .bottom { position: relative; overflow: hidden; font-size: 0; padding-left: 84px; } .property .intro .container .bottom img { position: absolute; left: 0; bottom: 0; } .property .intro .container .bottom a { display: block; width: 100%; line-height: 81px; background: #b89f86; font-size: 16px; color: #fff; text-align: center; } .property .ckg_wr { height: 565px; background: url("../image/property_pic.jpg") no-repeat center; background-size: auto 100%; } /*.property .ckg_wr img{display:block; width:100%;}*/ @media (max-width: 1400px) { .finance .brands .container .sliderBox .prev, .proDetail .detailCon .container .sliderBox .prev, .proDetail .unitList .container .sliderBox1 .prev { left: 0; } .finance .brands .container .sliderBox .next, .proDetail .detailCon .container .sliderBox .next, .proDetail .unitList .container .sliderBox1 .next { right: 0; } } @media (max-width: 1200px) { .property .ckg_wr { height: 400px; } .industryIndex .commonWrap { background: #f7f7f7; } .industryIndex .industyList .container ul li a .textBox { padding-left: 15px; } .industryIndex .layout .container>h1 { padding-left: 20px; } .land .detailCon .rightBox { /* display: none; */ } .land .detailCon .container { padding: 0 20px; } .land .detailCon .container .projectSearch { width: 100%; } .land .detailCon .container .projectSearch .search { height: auto; } .land .detailCon .container .projectSearch .search .tabs { float: right; } .land .detailCon .container .projectSearch .search .tabs li { margin-bottom: 5px; } .land .detailCon .container .projectSearch .search .button { float: left; } .land .detailCon .container .projectSearch .search .button .selBox { margin-bottom: 5px; } .finance .intro .container, .land .intro .container, .estate .intro .container, .industry .intro .container, .property .intro .container { padding: 30px 20px; } .finance .intro .container .rightTitle, .land .intro .container .rightTitle, .estate .intro .container .rightTitle, .industry .intro .container .rightTitle, .property .intro .container .rightTitle { width: 100%; margin-bottom: 20px; } .finance .intro .container .textBox, .land .intro .container .textBox, .estate .intro .container .textBox, .industry .intro .container .textBox, .property .intro .container .textBox { padding-top: 0; width: 100%; } .land .intro .container, .finance .intro .container, .estate .intro .container, .industry .intro .container { padding-left: 20px; padding-right: 20px; } .land .projectSearch .container .search .tabs { margin-bottom: 10px; } .estate .commercial .container { padding: 0 20px; } .estate .commercial .container .leftBox { width: 50%; height: 320px; } .estate .commercial .container .middleBox { width: 50%; height: 320px; } .estate .commercial .container .middleBox>div { top: 269px; bottom: inherit; } .estate .commercial .container .rightBox { width: 100%; height: auto; padding-bottom: 20px; } .estate .commercial .container .rightBox h1 { padding: 0 0 30px; } .estate .commercial .container .rightBox ul { padding-bottom: 30px; } .proList .detailCon .container .sliderWrap .rightBox { padding: 10px; } .proList .detailCon .container .sliderWrap .rightBox h1 { padding-bottom: 10px; } .proList .detailCon, .estate .linkList { padding: 0 20px; } .proDetail .detailCon, .proDetail .unitList .container, .proDetail .proAddress .container { padding: 0 20px; } .proDetail .detailCon .container .projectInfo .titleBox, .proDetail .detailCon .container .projectInfo .detail { width: 100%; } .proDetail .detailCon .container .projectInfo .detail ul li { padding-left: 0; padding-right: 10%; } .proDetail .intro { padding: 20px 20px 0; } .proDetail .intro .container .sliderWrap, .proDetail .intro .container .textBox { width: 100%; } } @media (max-width: 1000px) { .industryIndex .layout { height: auto; padding: 0 20px; } .industryIndex .layout .container h1 { padding-left: 0; } .industryIndex .layout .container .map { width: 100%; max-width: 497px; position: relative; left: 0; top: 0; padding: 0 30px; } .industryIndex .layout .container .textBox { position: relative; padding-left: 0; left: 0; top: 0; padding: 30px 0; } .proDetail .proAddress .addressInfo .mapButton { display: none; } .proDetail .proAddress .addressInfo { padding-top: 15px; } .proDetail .proAddress .addressInfo h1 { width: 100%; padding-bottom: 10px; } .proDetail .proAddress .addressInfo .textBox { float: left; } } @media (max-width: 900px) { .industryIndex .industyList { height: auto; } .industryIndex .industyList .container ul { padding-top: 40px; position: relative; } .industryIndex .industyList .container ul li { width: 50%; padding: 0 10px; margin-bottom: 10px; } .land .intro .container { padding-top: 134px; } .land .detailCon .container .rightBox { /* display: none; */ } .land .detailCon .container { padding-right: 20px; } .projectSearch>.container { display: none; } .finance .intro .container, .land .intro .container, .estate .intro .container, .industry .intro .container { padding: 30px 20px; } .finance .intro .container .rightTitle, .land .intro .container .rightTitle, .estate .intro .container .rightTitle, .industry .intro .container .rightTitle { width: 100%; margin-bottom: 20px; } .finance .intro .container .textBox, .land .intro .container .textBox, .estate .intro .container .textBox, .industry .intro .container .textBox { padding-top: 0; width: 100%; } .industry .brands .container .list li a .textBox { height: 160px; } .proList .detailCon .container .sliderWrap .sliderBox { width: 100%; } .proList .detailCon .container .sliderWrap .rightBox { width: 100%; padding: 30px 20px; } .proDetail .detailCon .container .projectInfo .detail ul li { padding-right: 0; width: 100%; } .estate .brands .container .list li .boxWrap .textBox { height: 200px; padding: 15px 15px 0; } } @media (max-width: 760px) { .proDetail .intro .container .textBox .brandBox { display: none; } .land .intro .container .textBox .honorBox .dropBox .dropDownBox { max-height: 600px !important; overflow-y: auto; } } @media (max-width: 700px) { .estate .commercial { background: #fff; } .estate .commercial .container .middleBox>div { top: 246px; } .estate .commercial .container { height: auto; } .estate .commercial .container .leftBox { width: 100%; height: auto; padding-top: 100px; } .estate .commercial .container .leftBox>div { position: relative; bottom: 0; } .estate .commercial .container .middleBox { height: 387px; width: 100%; } .industry .brands .container .list li { width: 100%; padding: 0 20px; margin-bottom: 20px; } .industry .brands { background: #f2f0ec; } .proList .detailCon .container .listBox ul li { width: 50%; } .industry .brands .container .list .bd { overflow: auto; margin: 0 20px; padding-bottom: 20px; } .industry .brands .container .list .bd::-webkit-scrollbar { width: 5px; height: 5px; background-color: rgba(210, 210, 210, 0.48); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .industry .brands .container .list .bd::-webkit-scrollbar-thumb { width: 5px; height: 5px; background-color: rgba(123, 121, 121, 0.7); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .industry .brands .container .list .bd ul { overflow: hidden; } .industry .brands .container .list li:nth-child(1) { margin-left: 0 !important; } .industry .brands .container .list li { float: left; width: 90vw; margin: 0 0 0 20px !important; padding: 0; } } @media (max-width: 600px) { .property .ckg_wr { height: 250px; } .estate .brands .container .list li { width: 100%; padding: 0 20px; margin-bottom: 20px; } .proDetail .intro .container .textBox p { font-size: 30px; line-height: normal; } .proDetail .proAddress .addressInfo .textBox p { line-height: 30px; } .estate .linkList { display: none; } .estate .brands .container .list li.active .boxWrap .linkList { display: block; } .estate.commonHtml .commonWrap .container .subNav .tabBox ul li { padding-right: 20px; } } @media (max-width: 490px) { .listBox { padding-bottom: 70px; } .pageBox { display: none; } .loadingBox { display: block; } .proList .detailCon .container .sliderWrap .sliderBox .bd ul li a .imgBox { display: none; } .proList .detailCon .container .listBox ul li { width: 100%; } .land .detailCon .container .projectSearch .searchRes ul li a { padding-right: 24px; margin-bottom: 10px; } } @media (max-width: 460px) { .industryIndex .industyList .container ul li { width: 100%; padding: 0 20px; } .estate .intro .container .bottom>img { display: none; } .estate .intro .container .bottom a { float: inherit; } .industry .bigWork .container .workBox { width: 90%; left: 5%; } .land .detailCon .container .sliderBox { margin: 0 -20px; } .land .detailCon .container .sliderBox .bd ul li a .imgBox { display: none; } .finance .brands .container .sliderBox li { width: 300px; } .proDetail .unitList .container ul li { padding: 0 2px; } .finance .intro .container .rightTitle h2, .estate .intro .container .rightTitle h2, .land .intro .container .rightTitle h2, .property .intro .container .rightTitle h2 { font-size: 94px; } .industry .intro .container .rightTitle h2 { font-size: 94px; } .finance .intro .container .bottom a { font-size: 14px; } .estate .commercial .container .leftBox>div ul li { display: block; padding-right: 0; } } .img img { max-width: 100%; height: auto; box-sizing: border-box; border: 0; vertical-align: middle; } .flol { float: left; } .flor { float: right; } .entrance { width: 100%; position: relative; height: 580px; background: url(../img/ico7.jpg) no-repeat center / cover; } .entrance .container { /* position: absolute; height: 100%; top: 0; left: 50%; margin-left: -600px; */ } .entrance-up { width: 411px; background: #fff url(../img/ico8.png) no-repeat right 0; padding: 46px 30px 45px; /* float: right; */ margin-left: 400px; } .entrance-title { font-size: 24px; color: #eb3c00; line-height: 36px; } .entrance-text { font-size: 18p; color: #666666; line-height: 36px; } .entrance-text2 { font-size: 14px; color: #666666; line-height: 36px; } .entrance-text2 span { font-family: "Montserrat"; font-size: 30px; color: #eb3c00; } .entrance-information { margin: 5px 0 25px; } .entrance-information p { font-size: 14px; color: #999999; line-height: 24px; } .entrance-more { width: 140px; height: 60px; line-height: 60px; font-size: 16px; color: #ffffff; background: #eb3c00; text-align: center; } .entrance-more i { width: 18px; height: 12px; background: url(../img/ico9.png) no-repeat 0 0; display: inline-block; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; margin-left: 6px; } .entrance-more:hover i { -webkit-transform: translateX(10px); transform: translateX(10px); } .land-one { min-height: 700px; overflow: hidden; } .land-one .flol { float: right; width: 64.4%; padding: 76px 0 0 28px; } .land-one .flor { float: left; width: 35.6%; background: #ebe8e2 url(../img/ico1.png) no-repeat 0 bottom; min-height: 700px; padding: 76px 0 0 29px; } .land-title { font-size: 26px; color: #eb3c00; line-height: 36px; } .land-title-en { font-family: "Montserrat"; font-size: 18px; color: #a3a3a3; text-transform: uppercase; } .land-information p { font-size: 14px; line-height: 24px; color: #999999; text-align: justify; } .land-one .land-information { margin-top: 10px; } .land-one .land-information p { margin-bottom: 6px; } .land-one-title { font-size: 30px; line-height: 36px; color: #a69066; } .land-one-title span { display: block; } .land-one-title-en { font-family: "Calibri"; font-size: 38px; color: #dfdbd4; line-height: initial; text-transform: uppercase; } .land-one-up li { font-size: 14px; opacity: 0.6; color: #3b3a40; padding-bottom: 10px; } .land-one-up li span { font-size: 48px; vertical-align: middle; opacity: 1; color: #000; font-family: Montserrat-Regular; } .land-one-down { overflow: hidden; margin-top: 28px; } .land-one-down li { float: left; text-align: center; } .land-one-down li+li { margin-left: 50px; } .land-one-down li span { font-size: 14px; color: #a5a199; line-height: 36px; display: block; } .land-two { width: 100%; min-height: 610px; background: url(../img/ico4.jpg) no-repeat center center/cover; } .land-two-up { padding: 25px 27px; } .product_land_wrap .lands_type .hd { width: 35.6%; } .product_land_wrap .lands_type ::-webkit-scrollbar { width: 2px; height: 8px; background-color: transparent; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 0; } .product_land_wrap .lands_type ::-webkit-scrollbar-thumb { background-color: rgb(230, 0, 18); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 0; } .product_land_wrap .lands_type .hd li .h140 { overflow: auto; } .product_land_wrap .lands_type .hd li .h140 p { font-size: 14px; color: #999999; line-height: 24px; text-align: justify; } .product_land_wrap .lands_type .bd { width: 64.4%; height: 610px; } .lands_type .hd li { height: 70px; background: url(../img/close.png) no-repeat 378px 25px; overflow: hidden; transition: height 0.2s linear; } .lands_type .hd li:nth-child(even) { background: #f8f8f8 url(../img/close.png) no-repeat 378px 25px; } .lands_type .hd li:nth-child(odd) { background: #f2f0ec url(../img/close.png) no-repeat 378px 25px; } .lands_type .hd li h1 { font-size: 18px; color: #666666; height: 70px; line-height: 70px; text-indent: 27px; box-sizing: border-box; } .lands_type .hd li .h140 { padding: 0 27px; } .lands_type .hd li.on, .lands_type .hd li.active { height: 220px; transition: height 0.2s linear; border-left: 2px solid #eb3d00; } .lands_type .hd li.active:nth-child(even) { background: #f8f8f8 url(../img/open.png) no-repeat 378px 18px; } .lands_type .hd li.active:nth-child(odd) { background: #f2f0ec url(../img/open.png) no-repeat 378px 18px; } .lands_type .hd li.active h1 { line-height: 50px; height: 50px; } .Odyasent2-info li { display: none; } .land-three { margin-top: 44px; clear: both; } .land-list { margin-left: -4px; margin-right: -4px; margin-top: 22px; margin-bottom: 43px; overflow: hidden; } .land-list li { width: 25%; float: left; padding: 0 4px; margin-bottom: 8px; text-align: center; } .land-list li a { display: block; } .land-list2 .land-titles { line-height: 1.6; padding: 15px 0; height: 82px; } .land-img { overflow: hidden; } .land-img.coBg { background: #f1f1f1; } .land-img img { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } .land-titles { font-size: 16px; line-height: 60px; color: #979590; background: #f2f0ec; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } .land-list li:hover .land-titles { color: #fff; background: url(../img/ico6.png) no-repeat left center/cover; letter-spacing: 2px; } .land-list li:hover .land-img img { transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); } .land-details-title { font-size: 36px; color: #eb3c00; line-height: 42px; text-align: center; margin-top: 80px; } .land-details-text { font-size: 16px; color: #666666; line-height: 24px; text-align: center; margin: 5px 0 35px; } .land-details-up { margin-left: -15px; margin-right: -15px; } .land-details-up li { width: 33.33333%; float: left; padding: 0 15px; } .land-details-up li a { display: block; background: #f4f4f4; padding: 35px 0 35px 50px; overflow: hidden; } .land-details-img { float: left; margin-right: 24px; } .land-details-information { font-size: 14px; color: #7a6b6b; line-height: 44px; } .land-details-information span { font-family: "Montserrat"; font-size: 36px; color: #eb3c00; } .land-details-down { /* width: 100%; */ margin-left: -10px; margin-right: -10px; margin-top: 20px; margin-bottom: 78px; display: inline-block; } .land-details-down li { float: left; width: 50%; padding: 0 10px; } .land-details-imgs { position: relative; overflow: hidden; } .land-details-imgs img { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; } .land-details-imgs em { width: 115px; height: 48px; line-height: 48px; font-size: 16px; color: #c68840; background: #e8d5bf; text-align: center; border-top-right-radius: 33px; border-bottom-right-radius: 33px; display: block; position: absolute; top: 28px; left: 0; font-style: normal; } .land-details-texts { padding: 28px 30px; } .land-details-titles { font-size: 24px; color: #fff; margin-bottom: 12px; } .land-details-informations { font-size: 14px; color: #ffffff; line-height: 24px; height: 72px; overflow: hidden; text-align: justify; } .land-details-down li a { background: #f1521b; } .land-details-down li+li a { background: #b0b0b1; } .land-details-down li+li .land-details-imgs img { -webkit-filter: grayscale(100%); -webkit-filter: grayscale(1); filter: grayscale(100%); filter: gray; } .land-details-down li+li .land-details-imgs em { color: #fff; background: #b8b8b8; } .land-details-down li:hover .land-details-imgs img { transform: scale(1.1); -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); } .Odyasent2-img { position: absolute; right: 0; top: 0; width: 772px; display: none; } .mobile { display: none; } .land-top { margin-top: 80px; overflow: hidden; } .land-foot { overflow: hidden; padding: 70px 0 68px; } .land-left { width: 30%; float: left; padding-right: 30px; } .land-right { width: 70%; float: right; } .land-top .land-right { max-height: 400px; } .land-left h2 { font-size: 30px; color: #eb3c00; margin-bottom: 10px; } .land-left h3 { font-size: 16px; color: #666666; line-height: 24px; margin: 5px 0 36px; } .land-right p { font-size: 14px; color: #898989; padding-bottom: 15px; line-height: 24px; text-align: justify; } .land-side { position: relative; } .land-side .page { width: 100%; position: absolute; z-index: 1; bottom: 12px; right: 15px; height: 30px; line-height: 30px; text-align: right; } .land-side .page li { cursor: pointer; display: inline-block; *display: inline; zoom: 1; width: 26px; height: 4px; margin: 0 2.5px; background: #fff; overflow: hidden; line-height: 9999px; } .land-side .page li.on { background: #eb3c00; } .land-top .land-t { /* position: relative; */ } .land-top li { overflow: hidden; margin-bottom: 10px; } .land-top .land-top-img { float: left; } .land-top .land-top-img img { margin-right: 12px; } .land-top-information { font-size: 14px; color: #666666; line-height: 32px; } .land-top-information em { position: relative; top: -6px; font-style: unset; } .land-top-information span { font-family: "Montserrat"; font-size: 36px; color: #eb3c00; } .land-side li { position: relative; margin: 0; } .land-side li em { width: 115px; height: 48px; line-height: 48px; font-size: 16px; color: #c68840; background: #e8d5bf; text-align: center; border-top-right-radius: 33px; border-bottom-right-radius: 33px; display: block; position: absolute; top: 28px; left: 0; font-style: normal; } .land-side li+li em { color: #fff; background: #b8b8b8; } .land-information-more { font-size: 18px; color: #eb3c00; display: none; } @media screen and (max-width: 1440px) { .land .detailCon .container .rightBox img { padding-left: 30px; } } @media screen and (max-width: 1199px) { .land .detailCon .container .rightBox { background: none; /* display: none; */ position: static; } .land .detailCon .container .rightBox { width: auto; } .land .detailCon .container .rightBox img { padding: 20px 0; max-width: 100%; margin: auto; display: block; } .land .detailCon .container .projectSearch { display: none; } .land .detailCon { /* display: none; */ } .land .detailCon .container .bg2 { display: none; } .land-one .flol, .land-one .flor { float: none; width: 100%; } .land-one .flol, .land-one .flor { padding: 50px 20px 30px; } .land-one .flor { min-height: auto; background: #ebe8e2 url(../img/ico1.png) no-repeat 38% bottom; } .land-one-title span { display: inline-block; } .land-one-up { overflow: hidden; } .land-one-up li { float: left; } .land-one-up li+li { margin-left: 50px; } .land-details-img { margin-right: 15px; } .land-details-information span { font-size: 30px; } .land-details-up li a { padding: 35px 0 35px 30px; } .land-details-title { margin-top: 50px; } .land-details-up, .land-details-down { margin: 0 6.25px; } .land-details-down { width: auto; margin-top: 20px; margin-bottom: 50px; } .land-details-up li { padding: 0 10px; } .land .entrance .container { padding: 0 20px; } .entrance { height: 460px; } .land .detailCon .container .projectSearch .search .button, .land .detailCon .container .projectSearch .search .tabs { float: none; } .land .detailCon .container .projectSearch .search .button { margin: 20px 0; } .land .detailCon .container .projectSearch .searchRes { padding-top: 30px; height: 150px; background-size: contain; } .mobile { display: block; } .pc { display: none; } .land .detailCon .container .titleBox.mobile { padding-top: 38px; padding-bottom: 29px; } .land-two .container, .land-three.container, .land-four.container { padding: 0 20px; } .product_land_wrap .lands_type .hd { width: auto; } .land-two { height: 100%; min-height: 100%; overflow: hidden; } .Odyasent2-img { position: static; } .lands_type .hd li.active { height: auto; } .Odyasent2-img { width: auto; text-align: center; margin: 20px; } .Odyasent2-img img { width: 50%; height: auto !important; } .land-titles { font-size: 14px; line-height: 45px; } } @media screen and (max-width: 840px) { .land-left { padding-right: 0; width: 100%; } .land-top .land-left { padding: 0 20px; box-sizing: border-box; } .land-right { width: 100%; } } @media screen and (max-width: 767px) { .land-details-up li, .land-details-down li { padding: 0 7.5px; } .land-details-up li a { padding: 25px 0 25px 15px; } .land-details-img { margin-right: 10px; } .land-details-title { font-size: 24px; line-height: 34px; margin: 50px 20px 0; } .land-details-text { margin: 0 20px 25px; } .land-details-imgs em { width: 80px; height: 30px; line-height: 30px; font-size: 14px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; } .land-details-texts { padding: 20px; } .land-details-titles { font-size: 18px; margin-bottom: 5px; } .land-list li { width: 50%; } .land-list li a { background: #f2f0ec; } .land-titles { font-size: 14px; line-height: 36px; } .land-one-up li { float: none; } .land-one-up li+li { margin-left: 0; } .land-one .flor { background: #ebe8e2; } .land-details-down li { float: none; width: auto; } .land-details-imgs { text-align: center; } .land-information-more { display: block; } } @media screen and (max-width: 479px) { .land-details-up li, .land-details-down li { width: auto; margin: 10px; padding: 0; float: none; } .entrance-up { width: auto; padding: 30px 20px; } .entrance-information { margin-bottom: 20px; } .Odyasent2-img img { width: 95%; } .product_land_wrap .lands_type .hd { height: auto !important; } .lands_type .hd li:nth-child(odd) { background: #f2f0ec url(../img/close.png) no-repeat 93% 25px; } .lands_type .hd li:nth-child(even) { background: #f8f8f8 url(../img/close.png) no-repeat 93% 25px; } .lands_type .hd li { background: #f8f8f8 url(../img/close.png) no-repeat 93% 25px; } .lands_type .hd li.active:nth-child(odd) { background: #f2f0ec url(../img/open.png) no-repeat 93% 18px; } .lands_type .hd li.active:nth-child(even) { background: #f8f8f8 url(../img/open.png) no-repeat 93% 18px; } .industry .bigWork .container .workBox { height: auto; position: relative; margin-bottom: 40px; } .industry .bigWork { background-size: auto 100%; } .industry .bigWork .container { height: auto; padding-bottom: 80px; } } /* 2021.7.12 */ .industry .intro { padding-bottom: 80px; } @media (max-width:750px) { .industry .intro { padding-bottom: 0px; } } .industry .intro.sy { background: url(../image/industry/industry-intro-sy-bg.jpg) no-repeat center bottom 20px; } /* .industry .intro.sy .container .rightTitle .title { color: #ff7e00; } */ .industry .intro.sy .container .bottom a { background: #ff7e00; } .industry .brands.sy .container .list li a:hover .textBox { background: #ff7e00; } .industry .brands.sy .container .list li { height: 371px; } .industry .brands.sy .container .list li a .textBox { height: 139px; padding-top: 20px; } .industry .intro.sy .container .textBox p { padding-bottom: 10px; } .industry .intro.sy .container .textBox p em { font-style: inherit; color: #f63b2e; font-size: 20px; } .industry .brands.sy { background: #f2f0ec url(../image/industry/industry-brands-sy-bg.jpg) no-repeat center bottom; }